diff --git a/.dockerignore b/.dockerignore
deleted file mode 100644
index ced02564a89..00000000000
--- a/.dockerignore
+++ /dev/null
@@ -1,9 +0,0 @@
-# Exclude a bunch of stuff which can make the build context a larger than it needs to be
-test/
-webapp/
-lib/
-node_modules/
-karma-reports/
-.idea/
-.tmp/
-config.json*
diff --git a/.editorconfig b/.editorconfig
index 880331a09e5..5f5b1286231 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -1,16 +1,8 @@
+#   Copyright 2024 New Vector Ltd.
 #   Copyright 2017 Aviral Dasgupta
 #
-#   Licensed under the Apache License, Version 2.0 (the "License");
-#   you may not use this file except in compliance with the License.
-#   You may obtain a copy of the License at
-#
-#       http://www.apache.org/licenses/LICENSE-2.0
-#
-#   Unless required by applicable law or agreed to in writing, software
-#   distributed under the License is distributed on an "AS IS" BASIS,
-#   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-#   See the License for the specific language governing permissions and
-#   limitations under the License.
+#   SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+#   Please see LICENSE files in the repository root for full details.
 
 root = true
 
@@ -21,3 +13,12 @@ insert_final_newline = true
 indent_style = space
 indent_size = 4
 trim_trailing_whitespace = true
+
+[*.{yml,yaml}]
+indent_size = 4
+
+[package.json]
+indent_size = 4
+
+[*.tsx.snap]
+trim_trailing_whitespace = false
diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index fabbe104974..00000000000
--- a/.eslintignore
+++ /dev/null
@@ -1,2 +0,0 @@
-src/vector/modernizr.js
-src/component-index.js
diff --git a/.eslintrc.js b/.eslintrc.js
deleted file mode 100644
index 4009da4a18f..00000000000
--- a/.eslintrc.js
+++ /dev/null
@@ -1,23 +0,0 @@
-module.exports = {
-    "extends": ["matrix-org", "matrix-org/react"],
-    "env": {
-        "browser": true,
-        "node": true,
-    },
-    "rules": {
-        "quotes": "off",
-    },
-    "overrides": [{
-        "files": ["src/**/*.{ts,tsx}"],
-        "extends": ["matrix-org/ts", "matrix-org/react"],
-        "env": {
-            "browser": true,
-        },
-        "rules": {
-            "quotes": "off",
-            // While converting to ts we allow this
-            "@typescript-eslint/no-explicit-any": "off",
-            "prefer-promise-reject-errors": "off",
-        },
-    }],
-};
diff --git a/.git-blame-ignore-revs b/.git-blame-ignore-revs
new file mode 100644
index 00000000000..6f5ee16d913
--- /dev/null
+++ b/.git-blame-ignore-revs
@@ -0,0 +1,3 @@
+# prettier
+526645c79160ab1ad4b4c3845de27d51263a405e
+7921a6cbf86b035d2b0c1daecb4c24beaf5a5abc
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
new file mode 100644
index 00000000000..523da568d93
--- /dev/null
+++ b/.github/CODEOWNERS
@@ -0,0 +1,45 @@
+*                         @element-hq/element-web-reviewers
+/.github/workflows/**     @element-hq/element-web-team
+**/package.json           @element-hq/element-web-team
+/pnpm-lock.yaml           @element-hq/element-web-team
+
+/apps/web/src/SecurityManager.ts                                                 @element-hq/element-crypto-web-reviewers
+/apps/web/test/unit-tests/SecurityManager-test.ts                                @element-hq/element-crypto-web-reviewers
+/apps/web/src/async-components/views/dialogs/security/                           @element-hq/element-crypto-web-reviewers
+/apps/web/test/unit-tests/async-components/dialogs/security/                     @element-hq/element-crypto-web-reviewers
+/apps/web/src/components/views/dialogs/security/                                 @element-hq/element-crypto-web-reviewers
+/apps/web/test/unit-tests/components/views/dialogs/security/                     @element-hq/element-crypto-web-reviewers
+/apps/web/src/stores/SetupEncryptionStore.ts                                     @element-hq/element-crypto-web-reviewers
+/apps/web/test/unit-tests/stores/SetupEncryptionStore-test.ts                    @element-hq/element-crypto-web-reviewers
+/apps/web/src/components/views/settings/tabs/user/EncryptionUserSettingsTab.tsx  @element-hq/element-crypto-web-reviewers
+/apps/web/src/components/views/settings/encryption/                              @element-hq/element-crypto-web-reviewers
+/apps/web/test/unit-tests/components/views/settings/encryption/                  @element-hq/element-crypto-web-reviewers
+/apps/web/src/components/views/dialogs/devtools/Crypto.tsx                       @element-hq/element-crypto-web-reviewers
+/apps/web/playwright/e2e/crypto/                                                 @element-hq/element-crypto-web-reviewers
+/apps/web/playwright/e2e/settings/encryption-user-tab/                           @element-hq/element-crypto-web-reviewers
+/packages/shared-components/src/crypto/                                          @element-hq/element-crypto-web-reviewers
+
+
+/apps/web/src/models/Call.ts                             @element-hq/element-call-reviewers
+/apps/web/test/unit-tests/models/Call-test.ts            @element-hq/element-call-reviewers
+/apps/web/src/stores/CallStore.ts                        @element-hq/element-call-reviewers
+/apps/web/test/unit-tests/stores/CallStore-test.ts       @element-hq/element-call-reviewers
+/apps/web/src/call-types.ts                              @element-hq/element-call-reviewers
+/apps/web/src/components/views/voip                      @element-hq/element-call-reviewers
+/apps/web/res/css/views/voip                             @element-hq/element-call-reviewers
+/apps/web/playwright/e2e/voip                            @element-hq/element-call-reviewers
+/apps/web/playwright/snapshots/voip                      @element-hq/element-call-reviewers
+/apps/web/test/test-utils/call.ts                        @element-hq/element-call-reviewers
+
+# Ignore translations as those will be updated by GHA for Localazy download
+/apps/web/src/i18n/strings
+/apps/desktop/src/i18n/strings
+/packages/shared-components/src/i18n/strings
+/apps/web/src/i18n/strings/en_EN.json                    @element-hq/element-web-reviewers
+/apps/desktop/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
+/apps/web/playwright/testcontainers/synapse.ts
+/apps/web/playwright/testcontainers/mas.ts
+
diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md
deleted file mode 100644
index a2042975e17..00000000000
--- a/.github/ISSUE_TEMPLATE.md
+++ /dev/null
@@ -1,46 +0,0 @@
-<!-- Please report security issues by email to security@matrix.org -->
-
-<!-- This is a bug report template. By following the instructions below and
-filling out the sections with your information, you will help the us to get all
-the necessary data to fix your issue.
-
-You can also preview your report before submitting it. You may remove sections
-that aren't relevant to your particular case.
-
-Text between <!-- and --​> marks will be invisible in the report.
--->
-
-### Description
-
-Describe here the problem that you are experiencing, or the feature you are requesting.
-
-### Steps to reproduce
-
-- For bugs, list the steps
-- that reproduce the bug
-- using hyphens as bullet points
-
-Describe how what happens differs from what you expected.
-
-Log: sent/not sent?    <!-- You can send us the app's logs via the 'Report bug'
-link on the 'Settings' page. Very important for hard-to-reproduce bugs. Please
-file a bug here too! -->
-
-<!-- Include screenshots if possible: you can drag and drop images below. -->
-
-### Version information
-
-<!-- IMPORTANT: please answer the following questions, to help us narrow down the problem -->
-
-- **Platform**: web (in-browser) or desktop?
-
-For the web app:
-
-- **Browser**: Chrome, Safari, Firefox? which version?
-- **OS**: Windows, macOS, Ubuntu, Arch Linux, etc?
-- **URL**: riot.im/develop / riot.im/app / somewhere else? If a private server, what version of riot-web?
-
-For the desktop app:
-
-- **OS**: Windows, macOS, Ubuntu, Arch Linux, etc?
-- **Version**: 1.x.y <!-- check the user settings panel if unsure -->
diff --git a/.github/ISSUE_TEMPLATE/bug-desktop.yml b/.github/ISSUE_TEMPLATE/bug-desktop.yml
new file mode 100644
index 00000000000..9f031238e88
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug-desktop.yml
@@ -0,0 +1,76 @@
+name: Bug report for the Element desktop app (not in a browser)
+description: File a bug report if you are using the desktop Element application.
+labels: [T-Defect, A-Electron]
+body:
+    - type: markdown
+      attributes:
+          value: |
+              Thanks for taking the time to fill out this bug report!
+
+              Please report security issues by email to security@matrix.org
+    - type: textarea
+      id: reproduction-steps
+      attributes:
+          label: Steps to reproduce
+          description: Please attach screenshots, videos or logs if you can.
+          placeholder: Tell us what you see!
+          value: |
+              1. Where are you starting? What can you see?
+              2. What do you click?
+              3. More steps…
+      validations:
+          required: true
+    - type: textarea
+      id: result
+      attributes:
+          label: Outcome
+          placeholder: Tell us what went wrong
+          value: |
+              #### What did you expect?
+
+              #### What happened instead?
+      validations:
+          required: true
+    - type: input
+      id: os
+      attributes:
+          label: Operating system
+          placeholder: Windows, macOS, Ubuntu, Arch Linux…
+      validations:
+          required: false
+    - type: input
+      id: version
+      attributes:
+          label: Application version
+          description: You can find the version information in Settings -> Help & About.
+          placeholder: e.g. Element version 1.7.34, olm version 3.2.3
+      validations:
+          required: false
+    - type: input
+      id: source
+      attributes:
+          label: How did you install the app?
+          description: Where did you install the app from? Please give a link or a description.
+          placeholder: e.g. From https://element.io/get-started
+      validations:
+          required: false
+    - type: input
+      id: homeserver
+      attributes:
+          label: Homeserver
+          description: |
+              Which server is your account registered on? If it is a local or non-public homeserver, please tell us what is the homeserver implementation (ex: Synapse/Dendrite/etc.) and the version.
+          placeholder: e.g. matrix.org or Synapse 1.50.0rc1
+      validations:
+          required: false
+    - type: dropdown
+      id: rageshake
+      attributes:
+          label: Will you send logs?
+          description: |
+              Did you know that you can send a /rageshake command from your application to submit logs for this issue? Trigger the defect, then type `/rageshake` into the message input area followed by a description of the problem and send the command. You will be able to add a link to this defect report and submit anonymous logs to the developers.
+          options:
+              - "Yes"
+              - "No"
+      validations:
+          required: true
diff --git a/.github/ISSUE_TEMPLATE/bug-web.yml b/.github/ISSUE_TEMPLATE/bug-web.yml
new file mode 100644
index 00000000000..24ab78a153d
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug-web.yml
@@ -0,0 +1,84 @@
+name: Bug report for Element Web (in browser)
+description: File a bug report if you are using Element in a web browser like Firefox, Chrome, Edge, and so on.
+labels: [T-Defect]
+body:
+    - type: markdown
+      attributes:
+          value: |
+              Thanks for taking the time to fill out this bug report!
+
+              Please report security issues by email to security@matrix.org
+    - type: textarea
+      id: reproduction-steps
+      attributes:
+          label: Steps to reproduce
+          description: Please attach screenshots, videos or logs if you can.
+          placeholder: Tell us what you see!
+          value: |
+              1. Where are you starting? What can you see?
+              2. What do you click?
+              3. More steps…
+      validations:
+          required: true
+    - type: textarea
+      id: result
+      attributes:
+          label: Outcome
+          placeholder: Tell us what went wrong
+          value: |
+              #### What did you expect?
+
+              #### What happened instead?
+      validations:
+          required: true
+    - type: input
+      id: os
+      attributes:
+          label: Operating system
+          placeholder: Windows, macOS, Ubuntu, Arch Linux…
+      validations:
+          required: false
+    - type: input
+      id: browser
+      attributes:
+          label: Browser information
+          description: Which browser are you using? Which version?
+          placeholder: e.g. Chromium Version 92.0.4515.131
+      validations:
+          required: false
+    - type: input
+      id: webapp-url
+      attributes:
+          label: URL for webapp
+          description: Which URL are you using to access the webapp? If a private server, tell us what version of Element Web you are using.
+          placeholder: e.g. develop.element.io, app.element.io
+      validations:
+          required: false
+    - type: input
+      id: version
+      attributes:
+          label: Application version
+          description: You can find the version information in Settings -> Help & About.
+          placeholder: e.g. Element version 1.7.34, olm version 3.2.3
+      validations:
+          required: false
+    - type: input
+      id: homeserver
+      attributes:
+          label: Homeserver
+          description: |
+              Which server is your account registered on? If it is a local or non-public homeserver, please tell us what is the homeserver implementation (ex: Synapse/Dendrite/etc.) and the version.
+          placeholder: e.g. matrix.org or Synapse 1.50.0rc1
+      validations:
+          required: false
+    - type: dropdown
+      id: rageshake
+      attributes:
+          label: Will you send logs?
+          description: |
+              Did you know that you can send a /rageshake command from the web application to submit logs for this issue? Trigger the defect, then type `/rageshake` into the message input area followed by a description of the problem and send the command. You will be able to add a link to this defect report and submit anonymous logs to the developers.
+          options:
+              - "Yes"
+              - "No"
+      validations:
+          required: true
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
deleted file mode 100644
index 5f472303dd5..00000000000
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ /dev/null
@@ -1,56 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: bug
-assignees: ''
-
----
-
-<!-- Please report security issues by email to security@matrix.org -->
-
-<!-- This is a bug report template. By following the instructions below and
-filling out the sections with your information, you will help the us to get all
-the necessary data to fix your issue.
-
-You can also preview your report before submitting it. You may remove sections
-that aren't relevant to your particular case.
-
-Text between <!-- and --​> marks will be invisible in the report.
--->
-
-### Description
-
-Describe here the problem that you are experiencing, or the feature you are requesting.
-
-### Steps to reproduce
-
-- For bugs, list the steps
-- that reproduce the bug
-- using hyphens as bullet points
-
-Describe how what happens differs from what you expected.
-
-<!-- Please send us logs for your bug report. They're very important for bugs
-which are hard to reproduce. To do this, create this issue then go to your
-account settings and click 'Submit Debug Logs' from the Help & About tab -->
-Logs being sent: yes/no
-
-<!-- Include screenshots if possible: you can drag and drop images below. -->
-
-### Version information
-
-<!-- IMPORTANT: please answer the following questions, to help us narrow down the problem -->
-
-- **Platform**: web (in-browser) or desktop?
-
-For the web app:
-
-- **Browser**: Chrome, Safari, Firefox? which version?
-- **OS**: Windows, macOS, Ubuntu, Arch Linux, etc?
-- **URL**: riot.im/develop / riot.im/app / somewhere else? If a private server, what version of riot-web?
-
-For the desktop app:
-
-- **OS**: Windows, macOS, Ubuntu, Arch Linux, etc?
-- **Version**: 1.x.y <!-- check the user settings panel if unsure -->
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 00000000000..e234502bcae
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,8 @@
+blank_issues_enabled: false
+contact_links:
+    - name: Questions & support
+      url: https://matrix.to/#/#element-web:matrix.org
+      about: Please ask and answer questions here.
+    - name: Bug report for the Element flatpak app
+      url: https://github.com/flathub/im.riot.Riot/issues
+      about: Please file bugs with the Flatpak application on the respective repository.
diff --git a/.github/ISSUE_TEMPLATE/enhancement.yml b/.github/ISSUE_TEMPLATE/enhancement.yml
new file mode 100644
index 00000000000..7dd384e78ff
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/enhancement.yml
@@ -0,0 +1,36 @@
+name: Enhancement request
+description: Do you have a suggestion or feature request?
+labels: [T-Enhancement]
+body:
+    - type: markdown
+      attributes:
+          value: |
+              Thank you for taking the time to propose an enhancement to an existing feature. If you would like to propose a new feature or a major cross-platform change, please [start a discussion here](https://github.com/element-hq/element-meta/discussions/new?category=ideas).
+    - type: textarea
+      id: usecase
+      attributes:
+          label: Your use case
+          description: What would you like to be able to do? Please feel welcome to include screenshots or mock ups.
+          placeholder: Tell us what you would like to do!
+          value: |
+              #### What would you like to do?
+
+              #### Why would you like to do it?
+
+              #### How would you like to achieve it?
+      validations:
+          required: true
+    - type: textarea
+      id: alternative
+      attributes:
+          label: Have you considered any alternatives?
+          placeholder: A clear and concise description of any alternative solutions or features you've considered.
+      validations:
+          required: false
+    - type: textarea
+      id: additional-context
+      attributes:
+          label: Additional context
+          placeholder: Is there anything else you'd like to add?
+      validations:
+          required: false
diff --git a/.github/ISSUE_TEMPLATE/suggestion-or-feature-request.md b/.github/ISSUE_TEMPLATE/suggestion-or-feature-request.md
deleted file mode 100644
index b27af8faebf..00000000000
--- a/.github/ISSUE_TEMPLATE/suggestion-or-feature-request.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-name: Suggestion or Feature request
-about: Suggest an idea for this project
-title: ''
-labels: suggestion
-assignees: ''
-
----
-
-**Is your suggestion related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.
diff --git a/.github/ISSUE_TEMPLATE/user-interface-or-usability-bug-report.md b/.github/ISSUE_TEMPLATE/user-interface-or-usability-bug-report.md
deleted file mode 100644
index b3e68ccec90..00000000000
--- a/.github/ISSUE_TEMPLATE/user-interface-or-usability-bug-report.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-name: User Interface or Usability Bug report
-about: Please include screenshots in UI/UX bug reports
-title: ''
-labels: bug, ui/ux
-assignees: ''
-
----
-
-<!-- A picture's worth a thousand words: PLEASE INCLUDE A SCREENSHOT :P -->
-
-<!-- Please report security issues by email to security@matrix.org -->
-
-<!-- This is a bug report template. By following the instructions below and
-filling out the sections with your information, you will help the us to get all
-the necessary data to fix your issue.
-
-You can also preview your report before submitting it. You may remove sections
-that aren't relevant to your particular case.
-
-Text between <!-- and --​> marks will be invisible in the report.
--->
-
-### Description
-
-Describe here the problem that you are experiencing, or the feature you are requesting.
-
-### Steps to reproduce
-
-- For bugs, list the steps
-- that reproduce the bug
-- using hyphens as bullet points
-
-Describe how what happens differs from what you expected.
-
-<!-- Please send us logs for your bug report. They're very important for bugs
-which are hard to reproduce. To do this, create this issue then go to your
-account settings and click 'Submit Debug Logs' from the Help & About tab -->
-Logs being sent: yes/no
-
-<!-- Include screenshots if possible: you can drag and drop images below. -->
-
-### Version information
-
-<!-- IMPORTANT: please answer the following questions, to help us narrow down the problem -->
-
-- **Platform**: web (in-browser) or desktop?
-
-For the web app:
-
-- **Browser**: Chrome, Safari, Firefox? which version?
-- **OS**: Windows, macOS, Ubuntu, Arch Linux, etc?
-- **URL**: riot.im/develop / riot.im/app / somewhere else? If a private server, what version of riot-web?
-
-For the desktop app:
-
-- **OS**: Windows, macOS, Ubuntu, Arch Linux, etc?
-- **Version**: 1.x.y <!-- check the user settings panel if unsure -->
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
new file mode 100644
index 00000000000..86ab82944a7
--- /dev/null
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,9 @@
+<!-- Thanks for submitting a PR! Please ensure the following requirements are met in order for us to review your PR -->
+
+## Checklist
+
+- [ ] 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.
+- [ ] I have licensed the changes to Element by completing the [Contributor License Agreement (CLA)](https://cla-assistant.io/element-hq/element-web)
diff --git a/.github/SSLcom-sandbox.crt b/.github/SSLcom-sandbox.crt
new file mode 100644
index 00000000000..84a7d867b35
--- /dev/null
+++ b/.github/SSLcom-sandbox.crt
@@ -0,0 +1,35 @@
+-----BEGIN CERTIFICATE-----
+MIIGBzCCA++gAwIBAgIIaI6ivggL++4wDQYJKoZIhvcNAQELBQAwgZAxCzAJBgNV
+BAYTAlVTMQ4wDAYDVQQIDAVUZXhhczEQMA4GA1UEBwwHSG91c3RvbjEYMBYGA1UE
+CgwPU1NMIENvcnBvcmF0aW9uMUUwQwYDVQQDDDxTU0wuY29tIEVWIFJvb3QgQ2Vy
+dGlmaWNhdGlvbiBBdXRob3JpdHkgUlNBIFIyIC0gRGV2ZWxvcG1lbnQwHhcNMTgw
+MTE2MTIxNjM2WhcNNDMwMTE1MTIxNjM2WjCBkDELMAkGA1UEBhMCVVMxDjAMBgNV
+BAgMBVRleGFzMRAwDgYDVQQHDAdIb3VzdG9uMRgwFgYDVQQKDA9TU0wgQ29ycG9y
+YXRpb24xRTBDBgNVBAMMPFNTTC5jb20gRVYgUm9vdCBDZXJ0aWZpY2F0aW9uIEF1
+dGhvcml0eSBSU0EgUjIgLSBEZXZlbG9wbWVudDCCAiIwDQYJKoZIhvcNAQEBBQAD
+ggIPADCCAgoCggIBAK/qcD65JCkueKp0+KXG2kAw8euDHuraLR3lJoUFz4ilGK1M
+t+RjSuY6dHQw8ku7TnW9ejWoSFjCBSDx7tP/fzOwOxmBW6+F1NDuV/IaUtn3G2lk
+CZglVk9z3n1HuWDN10xNiLoo5nzeIlvNAoDbXDGhI4Y6Z0qouAIS607JpJMWHOqZ
+OUiiOuM11gI5Kz9GtVttXCjRmwlkU8WiJVIUuVedQAQt2FChrzNQewGFFi0uIau/
+wFRclx6hd4JRIImC6VMJd9lcitWsqMcM94pD3fX2ozNgWX+MVlmcDYFSN9Sv8tG4
+yCj4ONS8HZGzbxeyQXJhEJSi2FnBi0j6MD/d4DNFj0hCg9wz3fgVLDGCO0pNMO0Y
+oXdrzfoj1/zEv0Ibgh7zKG2JHkPfapn3ExFI5d6xi66u5tPVI8cvLxqrgybRPs7Z
+y1dQA7ew3LyTPAHoGtbTMvewtx1TkTtRxxhRRm0l58owqSVbSYrixFtosNobCERo
+uiknaQqoY1ZDsdKsaqFoZDbntNRYhN3Ea4OPWVqDUU5ZPz9MTIRAi3MIq854yyQo
+BjX9nv+kYa+Esr19pxUW0z7BWFhbXsMVpt0QMVyhwgzXvEreaZHFwHHaGb9d5x5P
+VBDhsigMmtzBk9NlbCsy+uGXWHgZA/DVefueEq0sv38VoU30uYa5Tj0FLm09AgMB
+AAGjYzBhMA8GA1UdEwEB/wQFMAMBAf8wHwYDVR0jBBgwFoAUI9PCucv3G9fRoTDu
+ZQ4Hw6g4PkIwHQYDVR0OBBYEFCPTwrnL9xvX0aEw7mUOB8OoOD5CMA4GA1UdDwEB
+/wQEAwIBhjANBgkqhkiG9w0BAQsFAAOCAgEAk43CCrC0Zbvi7YUsSePKi+KzvyQ9
+mjKa5NBU/A5/sLeZS3R+wqCX7l5euYVDsUuNgNVD/QL9jNIonuHBrvKaxkmqxE1r
+IcDEaUdjy2lQ0uqD7UDoS3ctrjGkPpUahrTdr3gaKcQBtUhn9v4Y2OBm6J1hDVwI
+CIKcxIzRv6AUpApOtk+++m5tzDU48t8+GzrVl1hkspSYcumA+zuHllbPDL1ADdo5
+kK/bBQtZrGqzPqKzeqaB1A5Wm0Igwf++7nyzdKNdjxtv907D9vg8EB4Swavuv/Ne
+5/jbpI32pz0NIzzSl5ARAHuFhILsO/cEAlloDoTHzibHqFDIeU9/59HMUsJYMOtD
+Ii0/LmQ6dBE4TeukCCLJwtkFYZ2eBgDjF/LHBB+z/UBs4milRgwx+Pe5UDUEjtGe
+G/XMVnTSKZTy9jMaXJD5EmfP+Cfh8EEgFgjg4AmLUbEo9gXzPxyXSLgd8JGSsjg8
+EV/Ri4Mmmt4XUwlSVvEOezxxDGd17gwbottCIC+rqPHonHkGmKpLMH80Bk0uOOCs
+ui1oVwSifMyIcudgCcOfRLUf/f2j2NW7N7E7Vw/Zqfn+pqp/EG0KCqOM2vfJAc0s
+u3rSrOJZGtB6txgtmTjoadxApWf4U/FCi3uArt6gS5MJqZjuiRNXs/K3SlSAqLGl
+5UiG52ew+VdBHzE=
+-----END CERTIFICATE-----
diff --git a/.github/actions/download-verify-element-tarball/action.yml b/.github/actions/download-verify-element-tarball/action.yml
new file mode 100644
index 00000000000..7a7265a2ae2
--- /dev/null
+++ b/.github/actions/download-verify-element-tarball/action.yml
@@ -0,0 +1,40 @@
+name: Upload release assets
+description: Uploads assets to an existing release and optionally signs them
+inputs:
+    tag:
+        description: GitHub release tag to fetch assets from.
+        required: true
+    out-file-path:
+        description: Path to where the webapp should be extracted to.
+        required: true
+runs:
+    using: composite
+    steps:
+        - name: Download release tarball
+          uses: robinraju/release-downloader@28fc21f50d76778e7023361aa1f863e717d3d56f # v1
+          with:
+              tag: ${{ inputs.tag }}
+              fileName: element-*.tar.gz*
+              out-file-path: ${{ runner.temp }}/download-verify-element-tarball
+
+        - name: Verify tarball
+          shell: bash
+          run: gpg --verify element-*.tar.gz.asc element-*.tar.gz
+          working-directory: ${{ runner.temp }}/download-verify-element-tarball
+
+        - name: Extract tarball
+          shell: bash
+          run: |
+              mkdir webapp
+              tar xvzf element-*.tar.gz -C webapp --strip-components=1
+          working-directory: ${{ runner.temp }}/download-verify-element-tarball
+
+        - name: Move webapp to out-file-path
+          shell: bash
+          run: mv ${{ runner.temp }}/download-verify-element-tarball/webapp "$OUT_PATH"
+          env:
+              OUT_PATH: ${{ inputs.out-file-path }}
+
+        - name: Clean up temp directory
+          shell: bash
+          run: rm -R ${{ runner.temp }}/download-verify-element-tarball
diff --git a/.github/actions/setup-playwright/action.yml b/.github/actions/setup-playwright/action.yml
new file mode 100644
index 00000000000..d7116721067
--- /dev/null
+++ b/.github/actions/setup-playwright/action.yml
@@ -0,0 +1,49 @@
+name: Setup playwright
+description: Installs playwright browsers and sets up a cache
+inputs:
+    needs-webkit:
+        description: Whether to install the additional dependencies for webkit
+        required: false
+        default: "false"
+    write-cache:
+        description: Whether to write the cache back
+        required: true
+runs:
+    using: composite
+    steps:
+        - name: Calculate cache key
+          id: key
+          run: |
+              PW_VERSION=$(pnpm --silent -- playwright --version | awk '{print $2}')
+              echo "key=${PREFIX}-playwright-${PW_VERSION}" >> $GITHUB_OUTPUT
+          shell: bash
+          env:
+              PREFIX: ${{ runner.os }}-${{ runner.arch }}
+
+        - name: Cache playwright binaries
+          uses: actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9 # v6
+          if: inputs.write-cache == 'true'
+          id: cache
+          with:
+              path: ~/.cache/ms-playwright
+              key: ${{ steps.key.outputs.key }}
+
+        # When running in merge queue only restore the cache, never write it
+        - name: Restore playwright binaries cache
+          uses: actions/cache/restore@55cc8345863c7cc4c66a329aec7e433d2d1c52a9 # v6
+          if: inputs.write-cache != 'true'
+          id: cache-restore
+          with:
+              path: ~/.cache/ms-playwright
+              key: ${{ steps.key.outputs.key }}
+
+        - name: Install Playwright browsers
+          if: (steps.cache.outputs.cache-hit || steps.cache-restore.outputs.cache-hit) != 'true'
+          shell: bash
+          run: pnpm playwright install --with-deps
+
+        # Some WebKit dependencies seem to lay outside the cache and will need to be installed separately
+        - name: Install system dependencies for WebKit
+          if: inputs.needs-webkit == 'true' && (steps.cache.outputs.cache-hit || steps.cache-restore.outputs.cache-hit) == 'true'
+          shell: bash
+          run: pnpm playwright install-deps webkit
diff --git a/.github/cfp_headers b/.github/cfp_headers
new file mode 100644
index 00000000000..497a5ff58d9
--- /dev/null
+++ b/.github/cfp_headers
@@ -0,0 +1,16 @@
+/*
+  ! Access-Control-Allow-Origin
+  X-XSS-Protection: 1; mode=block
+  X-Content-Type-Options: nosniff
+  X-Frame-Options: SAMEORIGIN
+  Content-Security-Policy: frame-ancestors 'self'
+  Strict-Transport-Security: max-age=31536000; includeSubDomains; preload
+
+/version
+  Content-Type: text/plain
+
+/apple-app-site-association
+  Content-Type: application/json
+
+/.well-known/assetlinks.json
+  Content-Type: application/json
diff --git a/.github/labels.yml b/.github/labels.yml
new file mode 100644
index 00000000000..cced609c4ea
--- /dev/null
+++ b/.github/labels.yml
@@ -0,0 +1,307 @@
+- name: "A-Aliases"
+  color: "bfd4f2"
+- name: "A-Authentication"
+  color: "bfd4f2"
+- name: "A-Autocomplete"
+  color: "bfd4f2"
+- name: "A-Breadcrumbs"
+  color: "bfd4f2"
+- name: "A-Bridge"
+  color: "bfd4f2"
+- name: "A-Broadcast"
+  description: "Broadcast-style voice messages"
+  color: "bfd4f2"
+- name: "A-Create-Room"
+  description: "Create room flow, user suggestions, etc."
+  color: "bfd4f2"
+- name: "A-DevTools"
+  description: "/devtools, show hidden events, etc."
+  color: "bfd4f2"
+- name: "A-Dialogs"
+  color: "bfd4f2"
+- name: "A-Disambiguation"
+  color: "bfd4f2"
+- name: "A-DM-Start"
+  description: "Creating a DM with another user"
+  color: "bfd4f2"
+- name: "A-E2EE-Dehydration"
+  color: "8CC59A"
+- name: "A-Electron"
+  color: "bfd4f2"
+- name: "A-Element-Call"
+  description: "Group calls via Element Call"
+  color: "bfd4f2"
+- name: "A-Element-R"
+  description: "Issues affecting the port of Element's crypto layer to Rust"
+  color: "bfd4f2"
+- name: "A-ELS"
+  description: "Event List Summary (and Membership ELS, MELS)"
+  color: "bfd4f2"
+- name: "A-Emotes"
+  color: "bfd4f2"
+- name: "A-EMS"
+  description: "Issues related to EMS"
+  color: "bfd4f2"
+- name: "A-Error-Message"
+  color: "bfd4f2"
+- name: "A-Federation"
+  color: "bfd4f2"
+- name: "A-Feedback-Reporting"
+  description: "Reporting process for bugs, debug logs (rageshakes), suggestions"
+  color: "bfd4f2"
+- name: "A-File-Download"
+  color: "bfd4f2"
+- name: "A-File-Panel"
+  color: "bfd4f2"
+- name: "A-Identity-Server"
+  color: "bfd4f2"
+- name: "A-Indexing"
+  description: "Indexing messages via Seshat"
+  color: "bfd4f2"
+- name: "A-IRC-Layout"
+  color: "bfd4f2"
+- name: "A-Jump-To-Date"
+  description: "Jump to date headers or slash command"
+  color: "bfd4f2"
+- name: "A-Lazy-Loading"
+  color: "bfd4f2"
+- name: "A-Light-Box"
+  description: "UI when viewing an image"
+  color: "bfd4f2"
+- name: "A-Location-Sharing"
+  color: "bfd4f2"
+- name: "A-Logout"
+  description: "Logout, sign out, etc."
+  color: "bfd4f2"
+- name: "A-Maths"
+  description: "Render LaTeX maths in messages"
+  color: "bfd4f2"
+- name: "A-Memory"
+  description: "Memory leaks, leak hunting tools"
+  color: "bfd4f2"
+- name: "A-Message-Forwarding"
+  color: "bfd4f2"
+- name: "A-Message-Pinning"
+  color: "bfd4f2"
+- name: "A-Message-Previews"
+  color: "bfd4f2"
+- name: "A-Message-Starring"
+  description: "Saving favourite messages for later"
+  color: "bfd4f2"
+- name: "A-Modules"
+  description: "Module system related"
+  color: "bfd4f2"
+- name: "A-Packaging"
+  description: "Packaging, signing, releasing"
+  color: "bfd4f2"
+- name: "A-Peeking"
+  color: "bfd4f2"
+- name: "A-Picture-in-Picture"
+  color: "bfd4f2"
+- name: "A-Power-Levels"
+  description: "The permissions that users have in rooms and spaces"
+  color: "bfd4f2"
+- name: "A-Replies"
+  description: "reply"
+  color: "bfd4f2"
+- name: "A-Session-Mgmt"
+  description: "Session / device names, management UI, etc."
+  color: "bfd4f2"
+- name: "A-Share"
+  color: "bfd4f2"
+- name: "A-Shortcuts"
+  description: "Keyboard shortcuts"
+  color: "bfd4f2"
+- name: "A-Sliding-Sync"
+  description: "Also known as Sync v3 - https://github.com/matrix-org/sliding-sync"
+  color: "bfd4f2"
+- name: "A-Soft-Logout"
+  description: "https://github.com/element-hq/element-web/issues/10224"
+  color: "bfd4f2"
+- name: "A-Spaces-Settings"
+  color: "bfd4f2"
+- name: "A-SSO"
+  color: "bfd4f2"
+- name: "A-Status-Bar"
+  description: "Unsent messages warning and 'Connectivity to the server has been lost'"
+  color: "bfd4f2"
+- name: "A-Storage"
+  description: "Storage layer of the app, including IndexedDB, local storage, etc."
+  color: "bfd4f2"
+- name: "A-Technical-Debt"
+  color: "bfd4f2"
+- name: "A-Testing"
+  description: "Testing, code coverage, etc."
+  color: "bfd4f2"
+- name: "A-Themes-Custom"
+  description: "Custom theme variables or support"
+  color: "bfd4f2"
+- name: "A-Themes-Official"
+  description: "Official themes (light, dark)"
+  color: "bfd4f2"
+- name: "A-Theming"
+  color: "bfd4f2"
+- name: "A-Timeline-Jumpy-Scroll"
+  description: "Stable timeline dream ✨"
+  color: "bfd4f2"
+- name: "A-Timesheet-1"
+  description: "Log any time spent on this into the A-Timesheet-1 project"
+  color: "5319E7"
+- name: "A-Toast"
+  color: "bfd4f2"
+- name: "A-Tooltips"
+  description: "Anything related to tooltips"
+  color: "bfd4f2"
+- name: "A-UI-Customisation"
+  description: "UIFeatures etc. for customising entire parts of the UI"
+  color: "bfd4f2"
+- name: "A-URL-Previews"
+  color: "bfd4f2"
+- name: "A-User-Menu"
+  description: "The top left main menu with the user's name and avatar"
+  color: "bfd4f2"
+- name: "A-User-Search"
+  description: "The start DM or invite to room dialogs (things dealing with `/user_directory/search`)"
+  color: "bfd4f2"
+- name: "A-Video-Rooms"
+  description: "Persistent group calls"
+  color: "bfd4f2"
+- name: "A-Voice-Messages"
+  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"
+- name: "Dependencies"
+  description: "Pull requests that update a dependency file"
+  color: "0366d6"
+- name: "Hacktoberfest"
+  description: "Issues which are suitable for Hacktoberfest PRs: https://hacktoberfest.digitalocean.com/"
+  color: "ff7518"
+- name: "P4"
+  description: "[OBSOLETE LABEL] Interesting — Not yet scheduled, will accept patches"
+  color: "d1e5f0"
+- name: "spam"
+  color: "B60205"
+- name: "Sponsored"
+  color: "ffc8f4"
+- name: "T-Deprecation"
+  description: "A pull request that makes something deprecated"
+  color: "98e6ae"
+- name: "T-Other"
+  description: "Questions, user support, anything else"
+  color: "98e6ae"
+- name: "Team: App"
+  color: "FFA500"
+- name: "X-Blocked"
+  color: "ff7979"
+- name: "X-Cannot-Reproduce"
+  color: "ff7979"
+- name: "X-Command"
+  description: "Created using the !github command"
+  color: "ff7979"
+- name: "X-Community-Supported-Platform"
+  description: "This issue occurs in a platform not directly supported by us, but by a community project elsewhere"
+  color: "ff7979"
+- name: "X-Upcoming-Release-Blocker"
+  description: "This does not affect the current release cycle but will affect the next one"
+  color: "e99695"
+- name: "X-Run-All-Tests"
+  description: "When applied to PRs, it'll run the full gamut of end-to-end tests on the PR"
+  color: "ff7979"
+- name: "Z-Actions"
+  color: "ededed"
+- name: "Z-Cache-Confusion"
+  description: "Related to internal cache (clearing helps / causes the issue)"
+  color: "ededed"
+- name: "Z-Community-PR"
+  description: "Issue is solved by a community member's PR"
+  color: "ededed"
+- name: "Z-Element-R-Blocker"
+  description: "A blocker for enabling Element R by default"
+  color: "ededed"
+- name: "Z-Experimental"
+  color: "ededed"
+- name: "Z-Fixed by Element Call"
+  description: "Issues which can be closed when we move to Element Call"
+  color: "ededed"
+- name: "Z-Fixed-By-OIDC"
+  description: "Issues which can be closed when we move to OIDC"
+  color: "ededed"
+- name: "Z-Flaky-Test"
+  description: "A test is raising false alarms"
+  color: "ededed"
+- name: "Z-Flaky-Test-Chrome"
+  description: "Flaky playwright test in Chrome"
+  color: "ededed"
+- name: "Z-Flaky-Test-Firefox"
+  description: "Flaky playwright test in Firefox"
+  color: "ededed"
+- name: "Z-Flaky-Test-Webkit"
+  description: "Flaky playwright test in Webkit"
+  color: "ededed"
+- name: "Z-Flaky-Jest-Test"
+  description: "A Jest test is raising false alarms"
+  color: "ededed"
+- name: "Z-FOSDEM"
+  description: "Issues in chat.fosdem.org"
+  color: "ededed"
+- name: "Z-Gitter"
+  description: "Issues relating to or coming out of the Gitter migration, feature parity, etc"
+  color: "ededed"
+- name: "Z-Legacy-Crypto"
+  description: "Issues affecting the legacy crypto stack"
+  color: "EEEEEE"
+- name: "Z-Maximised-Widgets"
+  color: "ededed"
+- name: "Z-Papercuts"
+  description: "Visible. Impactful. Predictable to action."
+  color: "ededed"
+- name: "Z-Power-Users"
+  color: "ededed"
+- name: "Z-Rageshake"
+  description: "Has attached rageshake (not for log submission process)"
+  color: "ededed"
+- name: "Z-RICE"
+  color: "ededed"
+- name: "Z-Soft-Crash"
+  description: "React soft crash caught by an error boundary"
+  color: "ededed"
+- name: "Z-Spec-Compliance"
+  description: "An area where Element doesn't correctly implement the spec"
+  color: "ededed"
+- name: "Z-t3chguy"
+  color: "ededed"
+- name: "Z-Flaky-Test-Disabled"
+  description: "The flaking test has been disabled"
+  color: "ededed"
+- 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/release-drafter.yml b/.github/release-drafter.yml
new file mode 100644
index 00000000000..d0843c81972
--- /dev/null
+++ b/.github/release-drafter.yml
@@ -0,0 +1,5 @@
+_extends: matrix-org/matrix-js-sdk
+version-resolver:
+    default: patch
+# Exclude modules releases
+tag-prefix: v
diff --git a/.github/renovate.json b/.github/renovate.json
new file mode 100644
index 00000000000..30fc8f8028f
--- /dev/null
+++ b/.github/renovate.json
@@ -0,0 +1,75 @@
+{
+    "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+    "extends": ["github>matrix-org/renovate-config-element-web"],
+    "postUpdateOptions": ["pnpmDedupe"],
+    "stopUpdatingLabel": "X-Blocked",
+    "packageRules": [
+        {
+            "description": "Group all testcontainers docker digests",
+            "groupName": "testcontainers docker digests",
+            "groupSlug": "testcontainers-docker",
+            "matchDepTypes": ["testcontainers-docker"],
+            "matchPackageNames": ["*"]
+        },
+        {
+            "description": "Group all pnpm updates",
+            "groupName": "pnpm",
+            "groupSlug": "pnpm",
+            "matchPackageNames": ["pnpm", "ghcr.io/pnpm/pnpm"]
+        },
+        {
+            "description": "Separate updates to overrides from other groups",
+            "matchManagers": ["npm"],
+            "matchFileNames": ["pnpm-workspace.yaml"],
+            "matchDepTypes": ["pnpm-workspace.overrides"],
+            "groupSlug": null
+        },
+        {
+            "description": "Disable any major updates to overrides as this almost always is wrong",
+            "matchUpdateTypes": ["major"],
+            "matchManagers": ["npm"],
+            "matchFileNames": ["pnpm-workspace.yaml"],
+            "matchDepTypes": ["pnpm-workspace.overrides"],
+            "enabled": false
+        }
+    ],
+    "customManagers": [
+        {
+            "description": "Update testcontainers docker digests",
+            "customType": "regex",
+            "datasourceTemplate": "docker",
+            "versioningTemplate": "loose",
+            "managerFilePatterns": ["**/testcontainers/*.ts"],
+            "matchStrings": ["\\s+\"(?<depName>[^@]+):(?<currentValue>[^@]+)@(?<currentDigest>sha256:[a-f0-9]+)\""],
+            "depTypeTemplate": "testcontainers-docker"
+        },
+        {
+            "description": "Update element-desktop hakDependencies",
+            "customType": "jsonata",
+            "managerFilePatterns": ["/(^|/)package\\.json$/"],
+            "fileFormat": "json",
+            "matchStrings": ["hakDependencies.$each(function($v, $k) { { 'packageName': $k, 'currentValue': $v } })"],
+            "datasourceTemplate": "npm",
+            "depTypeTemplate": "hak"
+        },
+        {
+            "description": "Update pnpm in devEngines",
+            "customType": "jsonata",
+            "fileFormat": "json",
+            "managerFilePatterns": ["/(^|/)package\\.json$/"],
+            "matchStrings": [
+                "devEngines.packageManager.name = 'pnpm' ? { 'currentValue': devEngines.packageManager.version } : null"
+            ],
+            "depNameTemplate": "pnpm",
+            "datasourceTemplate": "npm",
+            "depTypeTemplate": "devengines"
+        }
+    ],
+    "toolSettings": {
+        "nodeMaxMemory": 2048
+    },
+    "env": {
+        "PNPM_MAX_WORKERS": "2",
+        "PNPM_WORKERS": "2"
+    }
+}
diff --git a/.github/workflows/backport.yml b/.github/workflows/backport.yml
new file mode 100644
index 00000000000..c770fb248aa
--- /dev/null
+++ b/.github/workflows/backport.yml
@@ -0,0 +1,34 @@
+name: Backport
+on:
+    # Privilege escalation necessary to enable backporting PRs from forks
+    # 🚨 We must not execute any checked out code here.
+    pull_request_target: # zizmor: ignore[dangerous-triggers]
+        types:
+            - closed
+            - labeled
+        branches:
+            - develop
+
+permissions: {} # We use ELEMENT_BOT_TOKEN instead
+
+jobs:
+    backport:
+        name: Backport
+        runs-on: ubuntu-24.04
+        # Only react to merged PRs for security reasons.
+        # See https://docs.github.com/en/actions/using-workflows/events-that-trigger-workflows#pull_request_target.
+        if: >
+            github.event.pull_request.merged
+            && (
+              github.event.action == 'closed'
+              || (
+                github.event.action == 'labeled'
+                && contains(github.event.label.name, 'backport')
+              )
+            )
+        steps:
+            - uses: tibdex/backport@9565281eda0731b1d20c4025c43339fb0a23812e # v2
+              with:
+                  labels_template: "<%= JSON.stringify([...labels, 'X-Release-Blocker']) %>"
+                  # We can't use GITHUB_TOKEN here or CI won't run on the new PR
+                  github_token: ${{ secrets.ELEMENT_BOT_TOKEN }}
diff --git a/.github/workflows/build-and-test-netlify.yaml b/.github/workflows/build-and-test-netlify.yaml
new file mode 100644
index 00000000000..1b3aa2bd69c
--- /dev/null
+++ b/.github/workflows/build-and-test-netlify.yaml
@@ -0,0 +1,48 @@
+# Triggers after the playwright tests have finished,
+# taking the artifact and uploading it to Netlify for easier viewing
+name: Upload End to End Test report to Netlify
+on:
+    # Privilege escalation necessary to publish to Netlify
+    # 🚨 We must not execute any checked out code here.
+    workflow_run: # zizmor: ignore[dangerous-triggers]
+        workflows: ["Build & Test"]
+        types:
+            - completed
+
+concurrency:
+    group: ${{ github.workflow }}-${{ github.event.workflow_run.head_branch || github.run_id }}
+    cancel-in-progress: ${{ github.event.workflow_run.event == 'pull_request' }}
+
+permissions: {}
+
+jobs:
+    report:
+        if: github.event.workflow_run.conclusion != 'cancelled'
+        name: Report results
+        runs-on: ubuntu-24.04
+        environment: Netlify
+        permissions:
+            statuses: write
+            deployments: write
+            actions: read
+        steps:
+            - name: Download HTML report
+              uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  github-token: ${{ secrets.GITHUB_TOKEN }}
+                  run-id: ${{ github.event.workflow_run.id }}
+                  name: html-report
+                  path: playwright-report
+
+            - name: 📤 Deploy to Netlify
+              uses: matrix-org/netlify-pr-preview@9805cd123fc9a7e421e35340a05e1ebc5dee46b5 # v3
+              with:
+                  path: playwright-report
+                  owner: ${{ github.event.workflow_run.head_repository.owner.login }}
+                  branch: ${{ github.event.workflow_run.head_branch }}
+                  revision: ${{ github.event.workflow_run.head_sha }}
+                  token: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+                  site_id: ${{ vars.NETLIFY_SITE_ID }}
+                  desc: Playwright Report
+                  deployment_env: EndToEndTests
+                  prefix: "e2e-"
diff --git a/.github/workflows/build-and-test.yaml b/.github/workflows/build-and-test.yaml
new file mode 100644
index 00000000000..776bf56b0df
--- /dev/null
+++ b/.github/workflows/build-and-test.yaml
@@ -0,0 +1,360 @@
+# builds Element Web
+# runs Playwright tests against the built Element Web
+# builds Element Desktop using the built Element Web
+#
+# Tries to use a matching js-sdk branch for the build.
+#
+# Produces a `webapp` artifact
+# Produces multiple Desktop artifacts
+# Produces multiple Playwright report artifacts
+name: Build & Test
+on:
+    # CRON to run all Projects at 6am UTC
+    schedule:
+        - cron: "0 6 * * *"
+    pull_request: {}
+    merge_group:
+        types: [checks_requested]
+    push:
+        # We do not build on push to develop as the merge_group check handles that
+        branches: [staging, master]
+
+    # support triggering from other workflows
+    workflow_call:
+        inputs:
+            skip:
+                type: boolean
+                required: false
+                default: false
+                description: "A boolean to skip everything while still creating the passing check. Useful when only running in Merge Queues."
+
+            skip-desktop:
+                type: boolean
+                required: false
+                default: false
+                description: "A boolean to skip building & testing Element Desktop."
+
+            matrix-js-sdk-sha:
+                type: string
+                required: false
+                description: "The Git SHA of matrix-js-sdk to build against. By default, will use a matching branch name if it exists, or develop."
+
+concurrency:
+    group: ${{ github.workflow }}-${{ github.ref }}-${{ github.event_name }}
+    cancel-in-progress: true
+
+env:
+    # fetchdep.sh needs to know our PR number
+    PR_NUMBER: ${{ github.event.pull_request.number }}
+    # Use 4 runners in the default case, but only 1 when running on a schedule where we run all 5 projects
+    NUM_RUNNERS: ${{ github.event_name == 'schedule' && 1 || 4 }}
+    NX_DEFAULT_OUTPUT_STYLE: stream-without-prefixes
+
+permissions: {} # No permissions required
+
+jobs:
+    prepare:
+        name: "Build Element Web"
+        runs-on: ubuntu-24.04
+        if: inputs.skip != true
+        outputs:
+            num-runners: ${{ env.NUM_RUNNERS }}
+            runners-matrix: ${{ steps.runner-vars.outputs.matrix }}
+            # Skip pull_request runs on renovate PRs to speed up CI time, delegating to the full run in merge queue
+            skip: ${{ inputs.skip || (github.event_name == 'pull_request' && startsWith(github.head_ref, 'renovate/')) }}
+            # If the A-Electron label is present on a PR, build & test all desktop platforms.
+            run-all-desktop: ${{ github.event_name != 'pull_request' || contains(github.event.pull_request.labels.*.name, 'A-Electron') }}
+            # If the A-Modules label is present on a PR, run the modules tests.
+            run-modules: ${{ github.event_name != 'pull_request' || contains(github.event.pull_request.labels.*.name, 'A-Modules') }}
+        steps:
+            - name: Checkout code
+              uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  repository: element-hq/element-web
+                  persist-credentials: false
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  cache: "pnpm"
+                  node-version: "lts/*"
+
+            - name: Fetch layered build
+              env:
+                  # tell layered.sh to check out the right sha of the JS-SDK & EW, if they were given one
+                  JS_SDK_GITHUB_BASE_REF: ${{ inputs.matrix-js-sdk-sha }}
+              run: scripts/layered.sh
+
+            - name: Copy config
+              working-directory: apps/web
+              run: cp element.io/develop/config.json config.json
+
+            - name: Build
+              env:
+                  CI_PACKAGE: true
+              working-directory: apps/web
+              run: VERSION=$(scripts/get-version-from-git.sh) pnpm run build
+
+            - name: Upload Artifact
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: webapp
+                  path: apps/web/webapp
+                  retention-days: 1
+
+            - name: Calculate runner variables
+              id: runner-vars
+              uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9
+              with:
+                  script: |
+                      const numRunners = parseInt(process.env.NUM_RUNNERS, 10);
+                      const matrix = Array.from({ length: numRunners }, (_, i) => i + 1);
+                      core.setOutput("matrix", JSON.stringify(matrix));
+
+    playwright_ew:
+        name: "Run Tests [${{ matrix.project }}] ${{ matrix.runner }}/${{ needs.prepare.outputs.num-runners }}"
+        needs: prepare
+        if: needs.prepare.outputs.skip == 'false'
+        runs-on: ubuntu-24.04
+        permissions:
+            actions: read
+            issues: read
+            pull-requests: read
+        strategy:
+            fail-fast: false
+            matrix:
+                # Run multiple instances in parallel to speed up the tests
+                runner: ${{ fromJSON(needs.prepare.outputs.runners-matrix) }}
+                project:
+                    - Chrome
+                    - Firefox
+                    - WebKit
+                    - Dendrite
+                    - Pinecone
+                runAllTests:
+                    - ${{ github.event_name == 'schedule' || contains(github.event.pull_request.labels.*.name, 'X-Run-All-Tests') }}
+                # Skip the Firefox & Safari runs unless this was a cron trigger or PR has X-Run-All-Tests label
+                exclude:
+                    - runAllTests: false
+                      project: Firefox
+                    - runAllTests: false
+                      project: WebKit
+                    - runAllTests: false
+                      project: Dendrite
+                    - runAllTests: false
+                      project: Pinecone
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+                  repository: element-hq/element-web
+
+            - name: 📥 Download artifact
+              uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  name: webapp
+                  path: apps/web/webapp
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  cache: "pnpm"
+                  cache-dependency-path: pnpm-lock.yaml
+                  node-version: "lts/*"
+
+            - name: Install dependencies
+              run: pnpm install --frozen-lockfile
+
+            - name: Setup playwright
+              uses: ./.github/actions/setup-playwright
+              with:
+                  needs-webkit: ${{ matrix.project == 'WebKit' }}
+                  write-cache: ${{ github.event_name != 'merge_group' }}
+
+            # We skip tests tagged with @mergequeue when running on PRs, but run them in MQ and everywhere else
+            - name: Run Playwright tests
+              working-directory: apps/web
+              run: |
+                  pnpm test:playwright \
+                      --shard "$SHARD" \
+                      --project="${{ matrix.project }}" \
+                      ${{ (github.event_name == 'pull_request' && matrix.runAllTests == false ) && '--grep-invert @mergequeue' || '' }}
+              env:
+                  SHARD: ${{ format('{0}/{1}', matrix.runner, needs.prepare.outputs.num-runners) }}
+
+            - name: Upload blob report to GitHub Actions Artifacts
+              if: always()
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: blob-report-${{ matrix.project }}-${{ matrix.runner }}
+                  path: apps/web/blob-report
+                  retention-days: 1
+                  if-no-files-found: error
+
+    modules:
+        name: Modules Playwright tests
+        needs: prepare
+        if: needs.prepare.outputs.skip == 'false' && needs.prepare.outputs.run-modules == 'true'
+        runs-on: ubuntu-24.04-arm
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+                  repository: element-hq/element-web
+
+            - name: 📥 Download artifact
+              uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  name: webapp
+                  path: apps/web/webapp
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  cache: "pnpm"
+                  cache-dependency-path: pnpm-lock.yaml
+                  node-version: "lts/*"
+
+            - name: Install dependencies
+              run: pnpm install --frozen-lockfile
+
+            - name: Setup playwright
+              uses: ./.github/actions/setup-playwright
+              with:
+                  needs-webkit: false
+                  write-cache: ${{ github.event_name != 'merge_group' }}
+
+            - name: Run Playwright tests
+              run: pnpm test:playwright
+              working-directory: modules
+              env:
+                  WEBAPP_PATH: ../apps/web/webapp
+
+            - name: Upload blob report to GitHub Actions Artifacts
+              if: always()
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: blob-report-modules
+                  path: modules/blob-report
+                  retention-days: 1
+                  if-no-files-found: error
+
+    prepare_ed:
+        name: "Prepare Element Desktop"
+        uses: ./.github/workflows/build_desktop_prepare.yaml
+        needs: prepare
+        if: needs.prepare.outputs.skip == 'false' && inputs.skip-desktop != true
+        permissions:
+            contents: read
+        with:
+            config: ${{ (github.event.pull_request.base.ref || github.ref_name) == 'develop' && 'element.io/nightly' || 'element.io/release' }}
+            version: ${{ case((github.event.pull_request.base.ref || github.ref_name) == 'develop' || github.event_name == 'merge_group', 'develop', '') }}
+            webapp-artifact: webapp
+
+    build_ed_windows:
+        needs: [prepare, prepare_ed]
+        name: "Desktop Windows"
+        uses: ./.github/workflows/build_desktop_windows.yaml
+        # Skip Windows builds on PRs, as the Linux amd64 build is enough of a smoke test and includes the screenshot tests
+        if: needs.prepare.outputs.run-all-desktop == 'true'
+        strategy:
+            matrix:
+                arch: [x64, ia32, arm64]
+        with:
+            arch: ${{ matrix.arch }}
+            blob_report: true
+
+    build_ed_linux:
+        needs: [prepare, prepare_ed]
+        name: "Desktop Linux"
+        uses: ./.github/workflows/build_desktop_linux.yaml
+        strategy:
+            matrix:
+                sqlcipher: [system, static]
+                arch: [amd64, arm64]
+                runAllTests:
+                    - ${{ needs.prepare.outputs.run-all-desktop == 'true' }}
+                exclude:
+                    # We ship static sqlcipher builds, so delegate testing the system builds to the merge queue
+                    - runAllTests: false
+                      sqlcipher: system
+                    # Additionally skip arm64 system builds on PRs, as the amd64 test is enough for a smoke test and includes the screenshot tests
+                    - runAllTests: false
+                      arch: arm64
+        with:
+            sqlcipher: ${{ matrix.sqlcipher }}
+            arch: ${{ matrix.arch }}
+            blob_report: true
+
+    build_ed_macos:
+        needs: [prepare, prepare_ed]
+        name: "Desktop macOS"
+        uses: ./.github/workflows/build_desktop_macos.yaml
+        # Skip macOS builds on PRs, as the Linux amd64 build is enough of a smoke test and includes the screenshot tests
+        # and we have a very low limit of concurrent macos runners (5) across the Github org.
+        if: needs.prepare.outputs.run-all-desktop == 'true'
+        with:
+            blob_report: true
+
+    complete:
+        name: end-to-end-tests
+        needs:
+            - prepare
+            - playwright_ew
+            - modules
+            - prepare_ed
+            - build_ed_windows
+            - build_ed_linux
+            - build_ed_macos
+        if: always()
+        runs-on: ubuntu-24.04
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              if: needs.prepare.outputs.skip == 'false'
+              with:
+                  persist-credentials: false
+                  repository: element-hq/element-web
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+              if: needs.prepare.outputs.skip == 'false'
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              if: needs.prepare.outputs.skip == 'false'
+              with:
+                  cache: "pnpm"
+                  node-version: "lts/*"
+
+            - name: Install dependencies
+              if: needs.prepare.outputs.skip == 'false'
+              run: pnpm install --frozen-lockfile
+
+            - name: Download blob reports from GitHub Actions Artifacts
+              if: needs.prepare.outputs.skip == 'false'
+              uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  pattern: blob-report-*
+                  path: all-blob-reports
+                  merge-multiple: true
+
+            - name: Merge into HTML Report
+              if: needs.prepare.outputs.skip == 'false'
+              run: |
+                  pnpm playwright merge-reports \
+                      --config=playwright-merge.config.ts \
+                      ./all-blob-reports
+              env:
+                  # Only pass creds to the flaky-reporter on main branch runs, or in merge queues (knowing these may be false positives)
+                  GITHUB_TOKEN: ${{ case(github.event_name == 'merge_group' || github.ref_name == 'develop', secrets.ELEMENT_BOT_TOKEN, '') }}
+                  PLAYWRIGHT_HTML_TITLE: ${{ case(github.event_name == 'pull_request', format('Playwright Report PR-{0}', env.PR_NUMBER), 'Playwright Report') }}
+
+            # 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() && needs.prepare.outputs.skip == 'false'
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: html-report
+                  path: playwright-report
+                  retention-days: 14
+                  if-no-files-found: error
+
+            - if: contains(needs.*.result, 'failure') || contains(needs.*.result, 'cancelled')
+              run: exit 1
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
new file mode 100644
index 00000000000..8d3c6dc58c8
--- /dev/null
+++ b/.github/workflows/build.yml
@@ -0,0 +1,76 @@
+name: Build
+on:
+    pull_request: {}
+    push:
+        branches: [develop, master]
+    merge_group:
+        types: [checks_requested]
+concurrency:
+    group: ${{ github.workflow }}-${{ github.head_ref || github.sha }}
+    cancel-in-progress: ${{ github.event_name == 'pull_request' }}
+# develop pushes and repository_dispatch handled in build_develop.yaml
+env:
+    # This must be set for fetchdep.sh to get the right branch
+    PR_NUMBER: ${{ github.event.pull_request.number }}
+    NX_DEFAULT_OUTPUT_STYLE: stream-without-prefixes
+permissions: {} # No permissions required
+jobs:
+    build:
+        name: "Build on ${{ matrix.image }}"
+        # We build on all 3 platforms to ensure we don't have any OS-specific build incompatibilities
+        strategy:
+            fail-fast: false
+            matrix:
+                image:
+                    - ubuntu-24.04
+                    - windows-2022
+                    - macos-14
+                isDevelop:
+                    - ${{ github.event_name == 'push' && github.ref_name == 'develop' }}
+                isPullRequest:
+                    - ${{ github.event_name == 'pull_request' }}
+                # Skip the ubuntu-24.04 build for the develop branch as the dedicated CD build_develop workflow handles that
+                # Skip the non-linux builds for pull requests as Windows is awfully slow, so run in merge queue only
+                exclude:
+                    - isDevelop: true
+                      image: ubuntu-24.04
+                    - isPullRequest: true
+                      image: windows-2022
+                    - isPullRequest: true
+                      image: macos-14
+        runs-on: ${{ matrix.image }}
+        defaults:
+            run:
+                shell: bash
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  # Disable cache on Windows as it is slower than not caching
+                  # https://github.com/actions/setup-node/issues/975
+                  cache: ${{ runner.os != 'Windows' && 'pnpm' || '' }}
+                  node-version: "lts/*"
+
+            - name: Fetch layered build
+              run: ./scripts/layered.sh
+
+            - name: Copy config
+              working-directory: apps/web
+              run: cp element.io/develop/config.json config.json
+
+            - name: Build
+              working-directory: apps/web
+              env:
+                  CI_PACKAGE: true
+              run: VERSION=$(scripts/get-version-from-git.sh) pnpm run build
+
+            - name: Upload Artifact
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: webapp-${{ matrix.image }}
+                  path: apps/web/webapp
+                  retention-days: 1
diff --git a/.github/workflows/build_debian.yaml b/.github/workflows/build_debian.yaml
new file mode 100644
index 00000000000..b892b546744
--- /dev/null
+++ b/.github/workflows/build_debian.yaml
@@ -0,0 +1,87 @@
+name: Build Debian package
+on:
+    release:
+        types: [published]
+concurrency: ${{ github.workflow }}
+permissions: {} # We use ELEMENT_BOT_TOKEN instead
+jobs:
+    build:
+        name: Build package
+        environment: packages.element.io
+        if: ${{ !startsWith(github.event.release.tag_name, 'module/') }}
+        runs-on: ubuntu-24.04
+        env:
+            R2_INCOMING_BUCKET: ${{ vars.R2_INCOMING_BUCKET }}
+            R2_URL: ${{ vars.CF_R2_S3_API }}
+            VERSION: ${{ github.ref_name }}
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+
+            - name: Download package
+              working-directory: apps/web
+              run: |
+                  wget "https://github.com/element-hq/element-web/releases/download/$VERSION/element-$VERSION.tar.gz"
+                  wget "https://github.com/element-hq/element-web/releases/download/$VERSION/element-$VERSION.tar.gz.asc"
+
+            - name: Check GPG signature
+              working-directory: apps/web
+              run: |
+                  wget "https://packages.element.io/element-release-key.gpg"
+                  gpg --import element-release-key.gpg
+                  gpg --fingerprint "$FINGERPRINT"
+                  gpg --verify "element-$VERSION.tar.gz.asc" "element-$VERSION.tar.gz"
+              env:
+                  FINGERPRINT: ${{ vars.GPG_FINGERPRINT }}
+
+            - name: Prepare
+              working-directory: apps/web
+              run: |
+                  mkdir -p debian/tmp/DEBIAN
+                  find debian -maxdepth 1 -type f -exec cp "{}" debian/tmp/DEBIAN/ \;
+                  mkdir -p debian/tmp/usr/share/element-web/ debian/tmp/etc/element-web/
+
+                  tar -xf "element-$VERSION.tar.gz" -C debian/tmp/usr/share/element-web --strip-components=1 --no-same-owner --no-same-permissions
+                  mv debian/tmp/usr/share/element-web/config.sample.json debian/tmp/etc/element-web/config.json
+                  ln -s /etc/element-web/config.json debian/tmp/usr/share/element-web/config.json
+
+            - name: Write changelog
+              working-directory: apps/web
+              run: |
+                  VERSION=$(cat package.json | jq -r .version)
+                  TIME=$(date -d "$PUBLISHED_AT" -R)
+                  {
+                      echo "element-web ($VERSION) default; urgency=medium"
+                      echo "$BODY" | sed 's/^##/\n  */g;s/^\*/  */g' | perl -pe 's/\[.+?]\((.+?)\)/\1/g'
+                      echo ""
+                      echo " -- $ACTOR <support@element.io>  $TIME"
+                  } > debian/tmp/DEBIAN/changelog
+              env:
+                  ACTOR: ${{ github.actor }}
+                  VERSION: ${{ github.event.release.tag_name }}
+                  BODY: ${{ github.event.release.body }}
+                  PUBLISHED_AT: ${{ github.event.release.published_at }}
+
+            - name: Build deb package
+              working-directory: apps/web
+              run: |
+                  VERSION=$(cat package.json | jq -r .version)
+                  dpkg-gencontrol -v"$VERSION" -ldebian/tmp/DEBIAN/changelog
+                  dpkg-deb -Zxz --root-owner-group --build debian/tmp element-web.deb
+
+            - uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: element-web.deb
+                  path: apps/web/element-web.deb
+                  retention-days: 14
+
+            - name: Publish to packages.element.io
+              if: github.event.release.prerelease == false
+              uses: element-hq/packages.element.io@master # zizmor: ignore[unpinned-uses]
+              with:
+                  file: apps/web/element-web.deb
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  bucket-api: ${{ vars.CF_R2_S3_API }}
+                  bucket-key-id: ${{ secrets.CF_R2_ACCESS_KEY_ID }}
+                  bucket-access-key: ${{ secrets.CF_R2_TOKEN }}
diff --git a/.github/workflows/build_desktop_and_deploy.yaml b/.github/workflows/build_desktop_and_deploy.yaml
new file mode 100644
index 00000000000..3ca5172b29a
--- /dev/null
+++ b/.github/workflows/build_desktop_and_deploy.yaml
@@ -0,0 +1,317 @@
+name: Build and Deploy
+on:
+    # Nightly build
+    schedule:
+        - cron: "0 9 * * *"
+    # Release build
+    release:
+        types: [published]
+    # Manual nightly & release
+    workflow_dispatch:
+        inputs:
+            mode:
+                description: What type of build to trigger. Release builds MUST be ran from the `master` branch.
+                required: true
+                default: nightly
+                type: choice
+                options:
+                    - nightly
+                    - release
+            macos:
+                description: Build macOS
+                required: true
+                type: boolean
+                default: true
+            windows:
+                description: Build Windows
+                required: true
+                type: boolean
+                default: true
+            linux:
+                description: Build Linux
+                required: true
+                type: boolean
+                default: true
+            deploy:
+                description: Deploy artifacts
+                required: true
+                type: boolean
+                default: true
+run-name: Element ${{ inputs.mode != 'release' && github.event_name != 'release' && 'Nightly' || 'Desktop' }}
+concurrency: ${{ github.workflow }}
+env:
+    R2_BUCKET: ${{ vars.R2_BUCKET }}
+permissions: {} # Uses ELEMENT_BOT_TOKEN
+jobs:
+    prepare:
+        uses: ./.github/workflows/build_desktop_prepare.yaml
+        # Run if it's NOT a release, OR if it is a release and does NOT start with 'module/'
+        if: |
+            github.event_name != 'release' ||
+            !startsWith(github.event.release.tag_name, 'module/')
+        permissions:
+            contents: read
+        with:
+            config: element.io/${{ inputs.mode || (github.event_name == 'release' && 'release') || 'nightly' }}
+            version: ${{ (inputs.mode != 'release' && github.event_name != 'release') && 'develop' || '' }}
+            nightly: ${{ inputs.mode != 'release' && github.event_name != 'release' }}
+            deploy: ${{ inputs.deploy || (github.event_name != 'workflow_dispatch' && github.event.release.prerelease != true) }}
+        secrets:
+            CF_R2_ACCESS_KEY_ID: ${{ secrets.CF_R2_ACCESS_KEY_ID }}
+            CF_R2_TOKEN: ${{ secrets.CF_R2_TOKEN }}
+
+    trigger-pro-pipeline:
+        name: Trigger Pro pipeline
+        needs: prepare
+        runs-on: ubuntu-24.04
+        steps:
+            - uses: peter-evans/repository-dispatch@28959ce8df70de7be546dd1250a005dd32156697 # v4
+              with:
+                  repository: element-hq/element-web-pro
+                  token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  event-type: trigger-pipeline
+                  client-payload: |-
+                      {
+                          "base-ref": "${{ github.ref_name }}"
+                      }
+
+    windows:
+        if: github.event_name != 'workflow_dispatch' || inputs.windows
+        needs: prepare
+        name: Windows ${{ matrix.arch }}
+        strategy:
+            matrix:
+                arch: [x64, arm64]
+        uses: ./.github/workflows/build_desktop_windows.yaml
+        secrets: inherit # zizmor: ignore[secrets-inherit]
+        with:
+            sign: true
+            arch: ${{ matrix.arch }}
+            version: ${{ needs.prepare.outputs.nightly-version }}
+
+    macos:
+        if: github.event_name != 'workflow_dispatch' || inputs.macos
+        needs: prepare
+        name: macOS
+        uses: ./.github/workflows/build_desktop_macos.yaml
+        secrets: inherit # zizmor: ignore[secrets-inherit]
+        with:
+            sign: true
+            base-url: https://packages.element.io/${{ needs.prepare.outputs.packages-dir }}
+            version: ${{ needs.prepare.outputs.nightly-version }}
+
+    linux:
+        if: github.event_name != 'workflow_dispatch' || inputs.linux
+        needs: prepare
+        name: Linux ${{ matrix.arch }} (sqlcipher ${{ matrix.sqlcipher }})
+        strategy:
+            matrix:
+                arch: [amd64, arm64]
+                sqlcipher: [static]
+        uses: ./.github/workflows/build_desktop_linux.yaml
+        with:
+            arch: ${{ matrix.arch }}
+            sqlcipher: ${{ matrix.sqlcipher }}
+            version: ${{ needs.prepare.outputs.nightly-version }}
+
+    deploy:
+        needs:
+            - prepare
+            - macos
+            - linux
+            - windows
+        runs-on: ubuntu-24.04
+        name: ${{ needs.prepare.outputs.deploy == 'true' && 'Deploy' || 'Deploy (dry-run)' }}
+        if: always() && !contains(needs.*.result, 'failure') && !contains(needs.*.result, 'cancelled')
+        environment: ${{ needs.prepare.outputs.deploy == 'true' && 'packages.element.io' || '' }}
+        steps:
+            - name: Download artifacts
+              uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+
+            - name: Prepare artifacts for deployment
+              run: |
+                  set -ex
+
+                  # Windows
+                  for arch in x64 arm64
+                  do
+                      if [ -d "win-$arch" ]; then
+                          mkdir -p packages.element.io/{install,update}/win32/$arch
+                          mv win-$arch/squirrel-windows*/*.exe "packages.element.io/install/win32/$arch/"
+                          mv win-$arch/squirrel-windows*/*.nupkg "packages.element.io/update/win32/$arch/"
+                          mv win-$arch/squirrel-windows*/RELEASES "packages.element.io/update/win32/$arch/"
+                      fi
+                  done
+
+                  # macOS
+                  if [ -d macos ]; then
+                      mkdir -p packages.element.io/{install,update}/macos
+                      mv macos/*.dmg packages.element.io/install/macos/
+                      mv macos/*-mac.zip packages.element.io/update/macos/
+                      mv macos/*.json packages.element.io/update/macos/
+                  fi
+
+                  # Linux
+                  if [ -d linux-amd64-sqlcipher-static ]; then
+                      mkdir -p packages.element.io/install/linux/glibc-x86-64
+                      mv linux-amd64-sqlcipher-static/*.tar.gz packages.element.io/install/linux/glibc-x86-64
+                  fi
+                  if [ -d linux-arm64-sqlcipher-static ]; then
+                      mkdir -p packages.element.io/install/linux/glibc-aarch64
+                      mv linux-arm64-sqlcipher-static/*.tar.gz packages.element.io/install/linux/glibc-aarch64
+                  fi
+
+            # We don't wish to store the installer for every nightly ever, so we only keep the latest
+            - name: "[Nightly] Strip version from installer file"
+              if: needs.prepare.outputs.nightly-version != ''
+              run: |
+                  set -ex
+
+                  # Windows
+                  for arch in x64 arm64
+                  do
+                      if [ -d "win-$arch" ]; then mv packages.element.io/install/win32/$arch/{*,"Element Nightly Setup"}.exe; fi
+                  done
+
+                  # macOS
+                  if [ -d macos ]; then mv packages.element.io/install/macos/{*,"Element Nightly"}.dmg; fi
+
+                  # Linux
+                  if [ -d linux-amd64-sqlcipher-static ]; then mv packages.element.io/install/linux/glibc-x86-64/{*,element-desktop-nightly}.tar.gz; fi
+                  if [ -d linux-arm64-sqlcipher-static ]; then mv packages.element.io/install/linux/glibc-aarch64/{*,element-desktop-nightly}.tar.gz; fi
+
+            - name: "[Release] Prepare release latest symlink"
+              if: needs.prepare.outputs.nightly-version == ''
+              run: |
+                  set -ex
+
+                  # Windows
+                  for arch in x64 arm64
+                  do
+                      if [ -d "win-$arch" ]; then
+                          pushd packages.element.io/install/win32/$arch
+                          ln -s "$(find . -type f -iname "*.exe" | xargs -0 -n1 -- basename)" "Element Setup.exe"
+                          popd
+                      fi
+                  done
+
+                  # macOS
+                  if [ -d macos ]; then
+                      pushd packages.element.io/install/macos
+                      ln -s "$(find . -type f -iname "*.dmg" | xargs -0 -n1 -- basename)" "Element.dmg"
+                      popd
+                  fi
+
+                  # Linux
+                  if [ -d linux-amd64-sqlcipher-static ]; then
+                      pushd packages.element.io/install/linux/glibc-x86-64
+                      ln -s "$(find . -type f -iname "*.tar.gz" | xargs -0 -n1 -- basename)" "element-desktop.tar.gz"
+                      popd
+                  fi
+                  if [ -d linux-arm64-sqlcipher-static ]; then
+                      pushd packages.element.io/install/linux/glibc-aarch64
+                      ln -s "$(find . -type f -iname "*.tar.gz" | xargs -0 -n1 -- basename)" "element-desktop.tar.gz"
+                      popd
+                  fi
+
+            - name: Stash packages.element.io
+              if: needs.prepare.outputs.deploy == 'false'
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: packages.element.io
+                  path: packages.element.io
+
+            # Checksum algorithm specified as per https://developers.cloudflare.com/r2/examples/aws/aws-cli/
+            - name: Deploy artifacts
+              if: needs.prepare.outputs.deploy == 'true'
+              run: |
+                  set -x
+                  aws s3 cp --recursive packages.element.io/ s3://$R2_BUCKET/$DEPLOYMENT_DIR --endpoint-url $R2_URL --region auto --checksum-algorithm CRC32
+              env:
+                  AWS_ACCESS_KEY_ID: ${{ secrets.CF_R2_ACCESS_KEY_ID }}
+                  AWS_SECRET_ACCESS_KEY: ${{ secrets.CF_R2_TOKEN }}
+                  R2_URL: ${{ vars.CF_R2_S3_API }}
+                  DEPLOYMENT_DIR: ${{ needs.prepare.outputs.packages-dir }}
+
+            - name: Notify packages.element.io of new files
+              if: needs.prepare.outputs.deploy == 'true'
+              uses: peter-evans/repository-dispatch@28959ce8df70de7be546dd1250a005dd32156697 # v4
+              with:
+                  token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  repository: element-hq/packages.element.io
+                  event-type: packages-index
+
+            - name: Find debs
+              id: deb
+              if: needs.linux.result == 'success'
+              run: |
+                  set -x
+
+                  for arch in amd64 arm64
+                  do
+                      echo "$arch=$(ls linux-$arch-sqlcipher-static/*.deb | tail -n1)" >> $GITHUB_OUTPUT
+                  done
+
+            - name: Stash debs
+              if: needs.prepare.outputs.deploy == 'false' && needs.linux.result == 'success'
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: debs
+                  path: |
+                      ${{ steps.deb.outputs.amd64 }}
+                      ${{ steps.deb.outputs.arm64 }}
+
+            - name: Publish amd64 deb to packages.element.io
+              uses: element-hq/packages.element.io@master # zizmor: ignore[unpinned-uses]
+              if: needs.prepare.outputs.deploy == 'true' && needs.linux.result == 'success'
+              with:
+                  file: ${{ steps.deb.outputs.amd64 }}
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  bucket-api: ${{ vars.CF_R2_S3_API }}
+                  bucket-key-id: ${{ secrets.CF_R2_ACCESS_KEY_ID }}
+                  bucket-access-key: ${{ secrets.CF_R2_TOKEN }}
+
+            - name: Publish arm64 deb to packages.element.io
+              uses: element-hq/packages.element.io@master # zizmor: ignore[unpinned-uses]
+              if: needs.prepare.outputs.deploy == 'true' && needs.linux.result == 'success'
+              with:
+                  file: ${{ steps.deb.outputs.arm64 }}
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  bucket-api: ${{ vars.CF_R2_S3_API }}
+                  bucket-key-id: ${{ secrets.CF_R2_ACCESS_KEY_ID }}
+                  bucket-access-key: ${{ secrets.CF_R2_TOKEN }}
+
+    deploy-ess:
+        needs: deploy
+        runs-on: ubuntu-24.04
+        name: Deploy builds to ESS
+        if: needs.prepare.outputs.deploy == 'true' && github.event_name == 'release'
+        env:
+            BUCKET_NAME: "element-desktop-msi.onprem.element.io"
+            AWS_REGION: "eu-central-1"
+        permissions:
+            id-token: write # This is required for requesting the JWT
+        steps:
+            - name: Configure AWS credentials
+              uses: aws-actions/configure-aws-credentials@e6de054238d6b7531b4efff3b6587d9aade6a06c # v6
+              with:
+                  role-to-assume: arn:aws:iam::264135176173:role/Push-ElementDesktop-MSI
+                  role-session-name: githubaction-run-${{ github.run_id }}
+                  aws-region: ${{ env.AWS_REGION }}
+
+            - name: Download artifacts
+              uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  pattern: win-*
+
+            - name: Copy files to S3
+              run: |
+                  set -x
+
+                  PREFIX="${VERSION%.*}"
+                  for file in win-*/*.msi; do
+                      filename=$(basename "$file")
+                      aws s3 cp "$file" "s3://${{ env.BUCKET_NAME }}/$PREFIX/$filename"
+                  done
+              env:
+                  VERSION: ${{ github.event.release.tag_name }}
diff --git a/.github/workflows/build_desktop_linux.yaml b/.github/workflows/build_desktop_linux.yaml
new file mode 100644
index 00000000000..09f3dd301b2
--- /dev/null
+++ b/.github/workflows/build_desktop_linux.yaml
@@ -0,0 +1,267 @@
+# This workflow relies on actions/cache to store the hak dependency artifacts as they take a long time to build
+# Due to this extra care must be taken to only ever run all build_* scripts against the same branch to ensure
+# the correct cache scoping, and additional care must be taken to not run untrusted actions on the develop branch.
+on:
+    workflow_call:
+        inputs:
+            ref:
+                type: string
+                required: false
+                description: "The git ref to checkout, defaults to the default branch"
+            arch:
+                type: string
+                required: true
+                description: "The architecture to build for, one of 'amd64' | 'arm64'"
+            version:
+                type: string
+                required: false
+                description: "Version string to override the one in package.json, used for non-release builds"
+            sqlcipher:
+                type: string
+                required: true
+                description: "How to link sqlcipher, one of 'system' | 'static'"
+            blob_report:
+                type: boolean
+                required: false
+                description: "Whether to run the blob report"
+            prepare-artifact-name:
+                type: string
+                required: false
+                description: |
+                    The name of the prepare artifact to use, defaults to 'desktop-prepare'.
+                    The artifact must contain the following:
+                    + webapp.asar - the asar archive of the webapp to embed in the desktop app
+                    + electronVersion - the version of electron to use for cache keying
+                    + hakHash - the hash of the .hak directory to use for cache keying
+                    + changelog.Debian - the changelog file to embed in the Debian package
+                    + variant.json - the variant configuration to use for the build
+
+                    The artifact can also contain any additional files which will be applied as overrides to the checkout root before building,
+                    for example icons in the `build/` directory to override the app icons.
+                default: "desktop-prepare"
+            test:
+                type: boolean
+                required: false
+                default: true
+                description: "Whether to run the test stage after building"
+            test-args:
+                type: string
+                required: false
+                description: "Additional arguments to pass to playwright"
+            runs-on:
+                type: string
+                required: false
+                description: "The runner image to use, normally set for you, may be needed for running in private repos."
+            artifact-prefix:
+                type: string
+                required: false
+                description: "An optional prefix to add to the artifact name, useful for distinguishing builds in private repos."
+                default: ""
+            targets:
+                type: string
+                required: false
+                description: "List of targets to build"
+                default: "tar.gz deb"
+env:
+    SQLCIPHER_BUNDLED: ${{ inputs.sqlcipher == 'static' && '1' || '' }}
+    MAX_GLIBC: 2.31 # bullseye-era glibc, used by glibc-check.sh
+permissions: {} # No permissions required
+jobs:
+    build:
+        name: Build Linux ${{ inputs.arch }} SQLCipher ${{ inputs.sqlcipher }}
+        # We build on native infrastructure as matrix-seshat fails to cross-compile properly
+        # https://github.com/matrix-org/seshat/issues/135
+        runs-on: ${{ inputs.runs-on || (inputs.arch == 'arm64' && 'ubuntu-22.04-arm' || 'ubuntu-22.04') }}
+        env:
+            HAK_DOCKER_IMAGE: ghcr.io/element-hq/element-web/desktop-build-env:${{ case(github.event_name == 'push', inputs.ref || github.ref_name, github.event_name == 'release', 'staging', 'develop') }}
+        steps:
+            - uses: nbucic/variable-mapper@0673f6891a0619ba7c002ecfed0f9f4f39017b6f
+              id: config
+              with:
+                  key: "${{ inputs.arch }}"
+                  export_to: output
+                  map: |
+                      {
+                        "amd64": {
+                          "arch": "x86-64"
+                        },
+                        "arm64": {
+                          "arch": "aarch64",
+                          "build-args": "--arm64"
+                        }
+                      }
+
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  repository: element-hq/element-web
+                  ref: ${{ inputs.ref }}
+                  persist-credentials: false
+
+            - uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  name: ${{ inputs.prepare-artifact-name }}
+                  path: apps/desktop
+
+            - name: Cache .hak
+              id: cache
+              uses: actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9 # v6
+              with:
+                  key: ${{ runner.os }}-${{ github.ref_name }}-${{ inputs.sqlcipher }}-${{ inputs.arch }}-${{ hashFiles('apps/desktop/hakHash', 'apps/desktop/electronVersion', 'apps/desktop/dockerbuild/*') }}
+                  path: |
+                      apps/desktop/.hak
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  node-version-file: apps/desktop/.node-version
+                  cache: "pnpm"
+              env:
+                  # Workaround for https://github.com/actions/setup-node/issues/317
+                  FORCE_COLOR: 0
+
+            - name: Install Deps
+              working-directory: apps/desktop
+              run: "pnpm install --frozen-lockfile --filter element-desktop"
+
+            - name: "Get modified files"
+              id: changed_files
+              if: steps.cache.outputs.cache-hit != 'true' && github.event_name == 'pull_request' && github.repository == 'element-hq/element-web'
+              uses: tj-actions/changed-files@9426d40962ed5378910ee2e21d5f8c6fcbf2dd96 # v47
+              with:
+                  files: |
+                      apps/desktop/dockerbuild/**
+
+            # This allows contributors to test changes to the dockerbuild image within a pull request
+            - name: Build docker image
+              uses: docker/build-push-action@53b7df96c91f9c12dcc8a07bcb9ccacbed38856a # v7
+              if: steps.changed_files.outputs.any_modified == 'true' || github.event_name == 'merge_group'
+              with:
+                  file: apps/desktop/dockerbuild/Dockerfile
+                  context: apps/desktop
+                  load: true
+                  platforms: linux/${{ inputs.arch }}
+                  tags: ${{ env.HAK_DOCKER_IMAGE }}
+
+            - name: Build Natives
+              if: steps.cache.outputs.cache-hit != 'true'
+              run: |
+                  docker run \
+                    -v ${{ github.workspace }}:/work -w /work \
+                    -e SQLCIPHER_BUNDLED \
+                    -e CI=1 \
+                    $HAK_DOCKER_IMAGE \
+                    pnpm -C apps/desktop run build:native
+
+            - name: Fix permissions
+              run: |
+                  shopt -s globstar
+
+                  # For .hak
+                  sudo chown -R $USER:$USER apps/desktop/.hak
+                  # For node_modules
+                  sudo chown -R $USER:$USER **/node_modules
+
+            - name: Check native libraries in hak dependencies
+              working-directory: apps/desktop
+              run: |
+                  shopt -s globstar
+
+                  for filename in ./.hak/hakModules/**/*.node; do
+                      ./scripts/glibc-check.sh $filename
+                  done
+
+            - name: Generate debian files and arguments
+              working-directory: apps/desktop
+              run: |
+                  if [ -f changelog.Debian ]; then
+                      echo "ED_DEBIAN_CHANGELOG=changelog.Debian" >> $GITHUB_ENV
+                  fi
+
+            - name: Build App
+              working-directory: apps/desktop
+              run: pnpm run build --publish never $BUILD_ARGS -l $TARGETS
+              env:
+                  VARIANT_PATH: variant.json
+                  # Only set for Nightly builds
+                  VERSION: ${{ inputs.version }}
+                  # Workaround for https://github.com/electron-userland/electron-builder/issues/5721
+                  USE_HARD_LINKS: false
+                  BUILD_ARGS: ${{ steps.config.outputs.build-args }}
+                  TARGETS: ${{ inputs.targets }}
+
+            - name: Check native libraries
+              working-directory: apps/desktop
+              run: |
+                  set -x
+                  shopt -s globstar
+
+                  FILES=$(file dist/**/*.node)
+                  echo $FILES
+
+                  ! echo "$FILES" | grep -v "$ARCH"
+
+                  LIBS=$(readelf -d dist/**/*.node | grep NEEDED)
+                  echo "$LIBS"
+
+                  set +x
+                  assert_contains_string() { [[ "$1" == *"$2"* ]]; }
+                  ! assert_contains_string "$LIBS" "libcrypto.so.1.1"
+                  if [ "$SQLCIPHER_BUNDLED" == "1" ]; then
+                      ! assert_contains_string "$LIBS" "libsqlcipher.so.0"
+                  else
+                      assert_contains_string "$LIBS" "libsqlcipher.so.0"
+                  fi
+
+                  ./scripts/glibc-check.sh dist/linux-*unpacked/element-desktop*
+              env:
+                  ARCH: ${{ steps.config.outputs.arch }}
+
+            # We exclude *-unpacked as it loses permissions and the tarball contains it with correct permissions
+            - name: Upload Artifacts
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: ${{ inputs.artifact-prefix }}linux-${{ inputs.arch }}-sqlcipher-${{ inputs.sqlcipher }}
+                  path: |
+                      apps/desktop/dist
+                      !apps/desktop/dist/*-unpacked/**
+                  retention-days: 1
+
+            - name: Assert deb is present and valid
+              if: contains(inputs.targets, 'deb')
+              working-directory: apps/desktop
+              run: |
+                  test -f ./dist/element-desktop*$ARCH.deb
+
+                  DEB_LISTING=$(dpkg-deb --fsys-tarfile ./dist/element-desktop*.deb | tar -tv)
+                  echo "deb listing: "
+                  echo "$DEB_LISTING"
+                  ! echo "$DEB_LISTING" | grep '^h'
+              env:
+                  ARCH: ${{ inputs.arch }}
+
+            - name: Assert tar.gz is present
+              if: contains(inputs.targets, 'tar.gz')
+              working-directory: apps/desktop
+              run: |
+                  test -f ./dist/element-desktop*.tar.gz
+
+                  TAR_GZ_LISTING=$(tar -tvf ./dist/element-desktop*.tar.gz)
+                  echo "tar.gz listing: "
+                  echo "$TAR_GZ_LISTING"
+                  ! echo "$TAR_GZ_LISTING" | grep '^h'
+
+    test:
+        name: Test Linux ${{ inputs.arch }} SQLCipher ${{ inputs.sqlcipher }}
+        needs: build
+        if: inputs.test && contains(inputs.targets, 'deb')
+        uses: ./.github/workflows/build_desktop_test.yaml
+        with:
+            project: linux-${{ inputs.arch }}-sqlcipher-${{ inputs.sqlcipher }}
+            artifact: ${{ inputs.artifact-prefix }}linux-${{ inputs.arch }}-sqlcipher-${{ inputs.sqlcipher }}
+            runs-on: ${{ inputs.runs-on || (inputs.arch == 'arm64' && 'ubuntu-22.04-arm' || 'ubuntu-22.04') }}
+            executable: /opt/Element*/element-desktop*
+            prepare_cmd: |
+                sudo apt-get -qq update
+                sudo apt install ./dist/*.deb
+            blob_report: ${{ inputs.blob_report }}
+            args: ${{ inputs.test-args }}
diff --git a/.github/workflows/build_desktop_macos.yaml b/.github/workflows/build_desktop_macos.yaml
new file mode 100644
index 00000000000..c29ea99602c
--- /dev/null
+++ b/.github/workflows/build_desktop_macos.yaml
@@ -0,0 +1,234 @@
+# This workflow relies on actions/cache to store the hak dependency artifacts as they take a long time to build
+# Due to this extra care must be taken to only ever run all build_* scripts against the same branch to ensure
+# the correct cache scoping, and additional care must be taken to not run untrusted actions on the develop branch.
+on:
+    workflow_call:
+        secrets:
+            APPLE_ID:
+                required: false
+            APPLE_ID_PASSWORD:
+                required: false
+            APPLE_CSC_KEY_PASSWORD:
+                required: false
+            APPLE_CSC_LINK:
+                required: false
+        inputs:
+            ref:
+                type: string
+                required: false
+                description: "The git ref to checkout, defaults to the default branch"
+            version:
+                type: string
+                required: false
+                description: "Version string to override the one in package.json, used for non-release builds"
+            sign:
+                type: string
+                required: false
+                description: "Whether to sign & notarise the build, requires 'Desktop Apple' environment"
+            base-url:
+                type: string
+                required: false
+                description: "The URL to which the output will be deployed."
+            blob_report:
+                type: boolean
+                required: false
+                description: "Whether to run the blob report"
+            prepare-artifact-name:
+                type: string
+                required: false
+                description: |
+                    The name of the prepare artifact to use, defaults to 'desktop-prepare'.
+                    The artifact must contain the following:
+                    + webapp.asar - the asar archive of the webapp to embed in the desktop app
+                    + electronVersion - the version of electron to use for cache keying
+                    + hakHash - the hash of the .hak directory to use for cache keying
+                    + variant.json - the variant configuration to use for the build
+
+                    The artifact can also contain any additional files which will be applied as overrides to the checkout root before building,
+                    for example icons in the `build/` directory to override the app icons.
+                default: "desktop-prepare"
+            test:
+                type: boolean
+                required: false
+                default: true
+                description: "Whether to run the test stage after building"
+            test-args:
+                type: string
+                required: false
+                description: "Additional arguments to pass to playwright"
+            artifact-prefix:
+                type: string
+                required: false
+                description: "An optional prefix to add to the artifact name, useful for distinguishing builds in private repos."
+                default: ""
+            targets:
+                type: string
+                required: false
+                description: "List of targets to build"
+                default: "dmg zip"
+permissions: {} # No permissions required
+jobs:
+    build:
+        name: Build macOS Universal
+        runs-on: macos-26 # M1
+        environment: ${{ inputs.sign && 'Desktop Apple' || '' }}
+        steps:
+            - uses: maxim-lobanov/setup-xcode@ed7a3b1fda3918c0306d1b724322adc0b8cc0a90 # v1
+              with:
+                  xcode-version: latest-stable
+
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  repository: element-hq/element-web
+                  ref: ${{ inputs.ref }}
+                  persist-credentials: false
+
+            - uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  name: ${{ inputs.prepare-artifact-name }}
+                  path: apps/desktop
+
+            - name: Cache .hak
+              id: cache
+              uses: actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9 # v6
+              with:
+                  key: ${{ runner.os }}-${{ hashFiles('apps/desktop/hakHash', 'apps/desktop/electronVersion') }}
+                  path: |
+                      apps/desktop/.hak
+
+            - name: Install Rust
+              if: steps.cache.outputs.cache-hit != 'true'
+              run: |
+                  rustup toolchain install stable --profile minimal --no-self-update
+                  rustup default stable
+                  rustup target add aarch64-apple-darwin
+                  rustup target add x86_64-apple-darwin
+
+            # M1 macos-14 comes without Python preinstalled
+            - uses: actions/setup-python@5fda3b95a4ea91299a34e894583c3862153e4b97 # v7
+              with:
+                  python-version: "3.13"
+
+            # Install Quartz for DMG badges
+            # https://github.com/electron-userland/electron-builder/issues/9511#issuecomment-3774092888
+            - run: sudo pip3 install pyobjc-framework-Quartz
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  node-version-file: apps/desktop/.node-version
+                  cache: "pnpm"
+
+            - name: Install Deps
+              working-directory: apps/desktop
+              run: "pnpm install --frozen-lockfile --filter element-desktop"
+
+            - name: Build Natives
+              if: steps.cache.outputs.cache-hit != 'true'
+              working-directory: apps/desktop
+              run: pnpm run build:native:universal
+
+            # We split these because electron-builder gets upset if we set CSC_LINK even to an empty string
+            - name: "[Signed] Build App"
+              if: inputs.sign != ''
+              working-directory: apps/desktop
+              run: |
+                  pnpm run build:universal --publish never -m ${TARGETS}
+              env:
+                  APPLE_TEAM_ID: ${{ vars.APPLE_TEAM_ID }}
+                  APPLE_ID: ${{ secrets.APPLE_ID }}
+                  APPLE_APP_SPECIFIC_PASSWORD: ${{ secrets.APPLE_ID_PASSWORD }}
+                  CSC_KEY_PASSWORD: ${{ secrets.APPLE_CSC_KEY_PASSWORD }}
+                  CSC_LINK: ${{ secrets.APPLE_CSC_LINK }}
+                  VARIANT_PATH: variant.json
+                  # Only set for Nightly builds
+                  VERSION: ${{ inputs.version }}
+                  TARGETS: ${{ inputs.targets }}
+
+            - name: Check app was signed & notarised successfully
+              if: inputs.sign != ''
+              working-directory: apps/desktop
+              run: |
+                  hdiutil attach dist/*.dmg -mountpoint /Volumes/Element
+                  codesign -dv --verbose=4 /Volumes/Element/*.app
+                  spctl -a -vvv -t install /Volumes/Element/*.app
+                  hdiutil detach /Volumes/Element
+
+            - name: "[Unsigned] Build App"
+              if: inputs.sign == ''
+              working-directory: apps/desktop
+              run: |
+                  pnpm run build:universal --publish never -m ${TARGETS}
+              env:
+                  CSC_IDENTITY_AUTO_DISCOVERY: false
+                  VARIANT_PATH: variant.json
+                  TARGETS: ${{ inputs.targets }}
+
+            - name: Generate releases.json
+              if: inputs.base-url
+              working-directory: apps/desktop
+              run: |
+                  PKG_JSON_VERSION=$(cat package.json | jq -r .version)
+                  LATEST=$(find dist -type f -iname "*-mac.zip" | xargs -0 -n1 -- basename)
+                  # Encode spaces in the URL as Squirrel.Mac complains about bad JSON otherwise
+                  URL="${BASE_URL}/update/macos/${LATEST// /%20}"
+
+                  jq -n --arg version "${VERSION:-$PKG_JSON_VERSION}" --arg url "$URL" '
+                    {
+                      currentRelease: $version,
+                      releases: [{
+                        version: $version,
+                        updateTo: {
+                          version: $version,
+                          url: $url,
+                        },
+                      }],
+                    }
+                  ' > dist/releases.json
+                  jq -n --arg url "$URL" '
+                    { url: $url }
+                  ' > dist/releases-legacy.json
+              env:
+                  VERSION: ${{ inputs.version }}
+                  BASE_URL: ${{ inputs.base-url }}
+
+            # We exclude mac-universal as the unpacked app takes forever to upload and zip and dmg already contains it
+            - name: Upload Artifacts
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: ${{ inputs.artifact-prefix }}macos
+                  path: |
+                      apps/desktop/dist
+                      !apps/desktop/dist/mac-universal/**
+                  retention-days: 1
+
+            - name: Assert zip is present
+              if: contains(inputs.targets, 'zip')
+              working-directory: apps/desktop
+              run: |
+                  test -f ./dist/Element*-mac.zip
+
+            - name: Assert dmg is present
+              if: contains(inputs.targets, 'dmg')
+              working-directory: apps/desktop
+              run: |
+                  test -f ./dist/Element*.dmg
+
+    test:
+        name: Test macOS Universal
+        needs: build
+        if: inputs.test && contains(inputs.targets, 'dmg')
+        uses: ./.github/workflows/build_desktop_test.yaml
+        with:
+            project: macos
+            artifact: ${{ inputs.artifact-prefix }}macos
+            runs-on: macos-14
+            executable: /Users/runner/Applications/Element*.app/Contents/MacOS/Element*
+            # We need to mount the DMG and copy the app to the Applications folder as a mounted DMG is
+            # read-only and thus would not allow us to override the fuses as is required for Playwright.
+            prepare_cmd: |
+                hdiutil attach ./dist/*.dmg -mountpoint /Volumes/Element &&
+                rsync -a /Volumes/Element/Element*.app ~/Applications/ &&
+                hdiutil detach /Volumes/Element
+            blob_report: ${{ inputs.blob_report }}
+            args: ${{ inputs.test-args }}
diff --git a/.github/workflows/build_desktop_prepare.yaml b/.github/workflows/build_desktop_prepare.yaml
new file mode 100644
index 00000000000..34cb2345e00
--- /dev/null
+++ b/.github/workflows/build_desktop_prepare.yaml
@@ -0,0 +1,197 @@
+# This action helps perform common actions before the build_* actions are started in parallel.
+on:
+    workflow_call:
+        inputs:
+            config:
+                type: string
+                required: true
+                description: "The config directory to use"
+            version:
+                type: string
+                required: false
+                description: "The version tag to fetch, or 'develop', will pick automatically if not passed"
+            nightly:
+                type: boolean
+                required: false
+                default: false
+                description: "Whether the build is a Nightly and to calculate the version strings new builds should use"
+            deploy:
+                type: boolean
+                required: false
+                default: false
+                description: "Whether the build should be deployed to production"
+            webapp-artifact:
+                type: string
+                required: false
+                description: "Name of the webapp artifact that should be used, will fetch a relevant build if omitted"
+        secrets:
+            # Required if `nightly` is set
+            CF_R2_ACCESS_KEY_ID:
+                required: false
+            # Required if `nightly` is set
+            CF_R2_TOKEN:
+                required: false
+        outputs:
+            nightly-version:
+                description: "The version string the next Nightly should use, only output for nightly"
+                value: ${{ jobs.prepare.outputs.nightly-version }}
+            packages-dir:
+                description: "The directory non-deb packages for this run should live in within packages.element.io"
+                value: ${{ inputs.nightly && 'nightly' || 'desktop' }}
+            # This is just a simple pass-through of the input to simplify reuse of complex inline conditions
+            deploy:
+                description: "Whether the build should be deployed to production"
+                value: ${{ inputs.deploy }}
+permissions: {}
+jobs:
+    prepare:
+        name: Prepare
+        environment: ${{ inputs.nightly && 'packages.element.io' || '' }}
+        runs-on: ubuntu-24.04
+        permissions:
+            contents: read
+        outputs:
+            nightly-version: ${{ steps.versions.outputs.nightly }}
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+                  repository: element-hq/element-web
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  node-version-file: apps/desktop/.node-version
+                  cache: "pnpm"
+
+            - name: Install Deps
+              working-directory: apps/desktop
+              run: "pnpm install --frozen-lockfile --filter element-desktop"
+
+            - name: Fetch Element Web (from artifact)
+              if: inputs.webapp-artifact != ''
+              uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  name: ${{ inputs.webapp-artifact }}
+                  path: apps/desktop/webapp
+
+            - name: Build webapp.asar (from artifact)
+              if: inputs.webapp-artifact != ''
+              working-directory: apps/desktop
+              run: |
+                  cp -f "$CONFIG_DIR/config.json" webapp/config.json
+                  pnpm run asar-webapp
+              env:
+                  CONFIG_DIR: ${{ inputs.config }}
+
+            - name: Fetch Element Web (${{ inputs.version }})
+              if: inputs.webapp-artifact == ''
+              working-directory: apps/desktop
+              run: pnpm run fetch --noverify -d ${CONFIG} ${VERSION}
+              env:
+                  CONFIG: ${{ inputs.config }}
+                  VERSION: ${{ inputs.version }}
+
+            - name: Copy variant config
+              working-directory: apps/desktop
+              run: cp "$CONFIG_DIR/build.json" variant.json
+              env:
+                  CONFIG_DIR: ${{ inputs.config }}
+
+            # We split this out to save the build_* scripts having to do it to make use of `hashFiles` in the cache action
+            - name: Generate cache hash files
+              working-directory: apps/desktop
+              run: |
+                  set -ex
+                  # Add --no-sandbox as otherwise it fails because the helper isn't setuid root. It's only getting the version.
+                  pnpm --silent electron --no-sandbox --version > electronVersion
+                  cat package.json | jq -c .hakDependencies | sha1sum > hakHash
+                  find hak -type f -print0 | xargs -0 sha1sum >> hakHash
+                  find scripts/hak -type f -print0 | xargs -0 sha1sum >> hakHash
+
+            - name: "[Nightly] Calculate version"
+              id: versions
+              if: inputs.nightly
+              working-directory: apps/desktop
+              run: |
+                  set -e
+
+                  # Find all latest Nightly versions
+                  aws s3 cp s3://$R2_BUCKET/nightly/update/macos/releases.json - --endpoint-url $R2_URL --region auto | jq -r .currentRelease >> VERSIONS
+                  aws s3 cp s3://$R2_BUCKET/debian/dists/default/main/binary-amd64/Packages - --endpoint-url $R2_URL --region auto | grep "Package: element-nightly" -A 50 | grep Version -m1 | sed -n 's/Version: //p' >> VERSIONS
+                  aws s3 cp s3://$R2_BUCKET/debian/dists/default/main/binary-arm64/Packages - --endpoint-url $R2_URL --region auto | grep "Package: element-nightly" -A 50 | grep Version -m1 | sed -n 's/Version: //p' >> VERSIONS
+                  aws s3 cp s3://$R2_BUCKET/nightly/update/win32/x64/RELEASES - --endpoint-url $R2_URL --region auto | awk '{print $2}' | cut -d "-" -f 5 | cut -c 8- >> VERSIONS
+                  aws s3 cp s3://$R2_BUCKET/nightly/update/win32/arm64/RELEASES - --endpoint-url $R2_URL --region auto | awk '{print $2}' | cut -d "-" -f 5 | cut -c 8- >> VERSIONS
+
+                  # Pick the greatest one
+                  VERSION=$(cat VERSIONS | sort -uf | tail -n1)
+                  echo "Found latest nightly version $VERSION"
+                  # Increment it
+                  echo "nightly=$(scripts/generate-nightly-version.ts --latest $VERSION)" >> $GITHUB_OUTPUT
+              env:
+                  AWS_ACCESS_KEY_ID: ${{ secrets.CF_R2_ACCESS_KEY_ID }}
+                  AWS_SECRET_ACCESS_KEY: ${{ secrets.CF_R2_TOKEN }}
+                  R2_BUCKET: ${{ vars.R2_BUCKET }}
+                  R2_URL: ${{ vars.CF_R2_S3_API }}
+
+            - name: Check version
+              id: package
+              working-directory: apps/desktop
+              run: |
+                  echo "version=$(cat package.json | jq -r .version)" >> $GITHUB_OUTPUT
+
+            - name: "[Release] Fetch release"
+              id: release
+              if: ${{ !inputs.nightly && inputs.version != 'develop' }}
+              uses: cardinalby/git-get-release-action@2ab178299eecb253f820dcf2cce11f62be1178f7 # 1.2.6
+              env:
+                  GITHUB_TOKEN: ${{ github.token }}
+              with:
+                  tag: v${{ steps.package.outputs.version }}
+
+            - name: "[Release] Write changelog"
+              if: ${{ !inputs.nightly && inputs.version != 'develop' }}
+              working-directory: apps/desktop
+              run: |
+                  TIME=$(date -d "$PUBLISHED_AT" -R)
+                  echo "element-desktop ($VERSION) default; urgency=medium" >> changelog.Debian
+                  echo "$BODY" | sed 's/^##/\n  */g;s/^\*/  */g' | perl -pe 's/\[.+?]\((.+?)\)/\1/g' >> changelog.Debian
+                  echo "" >> changelog.Debian
+                  echo " -- $ACTOR <support@element.io>  $TIME" >> changelog.Debian
+              env:
+                  ACTOR: ${{ github.actor }}
+                  VERSION: v${{ steps.package.outputs.version }}
+                  BODY: ${{ steps.release.outputs.body }}
+                  PUBLISHED_AT: ${{ steps.release.outputs.published_at }}
+
+            - name: "[Nightly] Write summary"
+              if: inputs.nightly
+              working-directory: apps/desktop
+              run: |
+                  set -e
+
+                  BUNDLE_HASH=$(pnpm exec asar l webapp.asar | grep /bundles/ | head -n 1 | sed 's|.*/||')
+                  WEBAPP_VERSION=$(./scripts/get-version.ts)
+                  WEB_VERSION=${WEBAPP_VERSION:0:12}
+                  JS_VERSION=${WEBAPP_VERSION:16:12}
+
+                  echo "### Nightly build ${NIGHTLY_VERSION}" >> $GITHUB_STEP_SUMMARY
+                  echo "" >> $GITHUB_STEP_SUMMARY
+                  echo "| Component   | Version |" >> $GITHUB_STEP_SUMMARY
+                  echo "| ----------- | ------- |" >> $GITHUB_STEP_SUMMARY
+                  echo "| Bundle Hash | $BUNDLE_HASH |" >> $GITHUB_STEP_SUMMARY
+                  echo "| Element Web | [$WEB_VERSION](https://github.com/element-hq/element-web/commit/$WEB_VERSION) |" >> $GITHUB_STEP_SUMMARY
+                  echo "| JS SDK      | [$JS_VERSION](https://github.com/matrix-org/matrix-js-sdk/commit/$JS_VERSION) |" >> $GITHUB_STEP_SUMMARY
+              env:
+                  NIGHTLY_VERSION: ${{ steps.versions.outputs.nightly }}
+
+            - uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: desktop-prepare
+                  retention-days: 1
+                  path: |
+                      apps/desktop/webapp.asar
+                      apps/desktop/electronVersion
+                      apps/desktop/hakHash
+                      apps/desktop/changelog.Debian
+                      apps/desktop/variant.json
diff --git a/.github/workflows/build_desktop_test.yaml b/.github/workflows/build_desktop_test.yaml
new file mode 100644
index 00000000000..c6441c2407d
--- /dev/null
+++ b/.github/workflows/build_desktop_test.yaml
@@ -0,0 +1,120 @@
+# This action helps run Playwright tests within one of the build_* stages.
+on:
+    workflow_call:
+        inputs:
+            runs-on:
+                type: string
+                required: true
+                description: "The runner image to use"
+            artifact:
+                type: string
+                required: true
+                description: "The name of the artifact to download"
+            project:
+                type: string
+                required: true
+                description: "The Playwright project to use for testing"
+            executable:
+                type: string
+                required: true
+                description: "Path to the executable to test"
+            prepare_cmd:
+                type: string
+                required: false
+                description: "Command to run to prepare the executable or environment for testing"
+            blob_report:
+                type: boolean
+                default: false
+                description: "Whether to upload a blob report instead of the HTML report"
+            args:
+                type: string
+                required: false
+                description: "Additional arguments to pass to playwright, for e.g. skipping specific tests"
+permissions: {}
+jobs:
+    test:
+        name: Test ${{ inputs.project }}
+        runs-on: ${{ inputs.runs-on }}
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  repository: element-hq/element-web
+                  persist-credentials: false
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+              id: pnpm
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  node-version-file: apps/desktop/.node-version
+                  cache: "pnpm"
+
+            - name: Install Deps
+              run: "pnpm install --frozen-lockfile --filter element-desktop"
+
+            - uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  name: ${{ inputs.artifact }}
+                  path: apps/desktop/dist
+
+            - name: Prepare for tests
+              working-directory: apps/desktop
+              # This is set by the caller of the reusable workflow, they have the ability to run the command they specify
+              # directly without our help so this is fine.
+              run: ${{ inputs.prepare_cmd }} # zizmor: ignore[template-injection]
+              if: inputs.prepare_cmd
+
+            - name: Expand executable path
+              id: executable
+              working-directory: apps/desktop
+              shell: bash
+              env:
+                  EXECUTABLE: ${{ inputs.executable }}
+              run: |
+                  FILES=($EXECUTABLE)
+                  echo "path=${FILES[0]}" >> $GITHUB_OUTPUT
+
+            # We previously disabled the `EnableNodeCliInspectArguments` fuse, but Playwright requires
+            # it to be enabled to test Electron apps, so turn it back on.
+            - name: Set EnableNodeCliInspectArguments fuse enabled
+              run: $RUN_AS $PNPM_PATH/pnpm exec electron-fuses write --app "$EXECUTABLE" EnableNodeCliInspectArguments=on
+              working-directory: apps/desktop
+              shell: bash
+              env:
+                  # We need sudo on Linux as it is installed in /opt/
+                  RUN_AS: ${{ runner.os == 'Linux' && 'sudo -E' || '' }}
+                  PNPM_PATH: ${{ steps.pnpm.outputs.bin_dest }}
+                  EXECUTABLE: ${{ steps.executable.outputs.path }}
+
+            - name: Run tests
+              timeout-minutes: 20
+              shell: bash
+              working-directory: apps/desktop
+              run: |
+                  $PREFIX pnpm playwright test \
+                      ${{ runner.os != 'Linux' && '--ignore-snapshots' || '' }} \
+                      ${{ inputs.blob_report == false && '--reporter=html' || '' }} \
+                      $ARGS
+              env:
+                  PREFIX: ${{ runner.os == 'Linux' && 'xvfb-run' || '' }}
+                  PW_TAG: ${{ inputs.project }}
+                  ELEMENT_DESKTOP_EXECUTABLE: ${{ steps.executable.outputs.path }}
+                  ARGS: ${{ inputs.args }}
+                  DEBUG: pw:browser
+
+            - name: Upload blob report
+              if: always() && inputs.blob_report
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: blob-report-${{ inputs.artifact }}
+                  path: apps/desktop/blob-report
+                  retention-days: 1
+                  if-no-files-found: error
+
+            - name: Upload HTML report
+              if: always() && inputs.blob_report == false
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: ${{ inputs.artifact }}-test
+                  path: apps/desktop/playwright-report
+                  retention-days: 14
+                  if-no-files-found: error
diff --git a/.github/workflows/build_desktop_windows.yaml b/.github/workflows/build_desktop_windows.yaml
new file mode 100644
index 00000000000..c343f243602
--- /dev/null
+++ b/.github/workflows/build_desktop_windows.yaml
@@ -0,0 +1,320 @@
+# This workflow relies on actions/cache to store the hak dependency artifacts as they take a long time to build
+# Due to this extra care must be taken to only ever run all build_* scripts against the same branch to ensure
+# the correct cache scoping, and additional care must be taken to not run untrusted actions on the develop branch.
+
+# Windows GHA runner by default uses the pwsh shell which breaks codeSigningCert in the workflow
+# We always sign using eSignerCKA to ensure it keeps working, but aside from release & nightlies we use demo credentials
+# which do not yield trusted signatures.
+defaults:
+    run:
+        shell: powershell
+on:
+    workflow_call:
+        secrets:
+            ESIGNER_USER_NAME:
+                required: false
+            ESIGNER_USER_PASSWORD:
+                required: false
+            ESIGNER_USER_TOTP:
+                required: false
+        inputs:
+            ref:
+                type: string
+                required: false
+                description: "The git ref to checkout, defaults to the default branch"
+            arch:
+                type: string
+                required: true
+                description: "The architecture to build for, one of 'x64' | 'ia32' | 'arm64'"
+            version:
+                type: string
+                required: false
+                description: "Version string to override the one in package.json, used for non-release builds"
+            sign:
+                type: string
+                required: false
+                description: "Whether to sign & notarise the build, requires 'Desktop eSigner' environment"
+            blob_report:
+                type: boolean
+                required: false
+                description: "Whether to run the blob report"
+            prepare-artifact-name:
+                type: string
+                required: false
+                description: |
+                    The name of the prepare artifact to use, defaults to 'desktop-prepare'.
+                    The artifact must contain the following:
+                    + webapp.asar - the asar archive of the webapp to embed in the desktop app
+                    + electronVersion - the version of electron to use for cache keying
+                    + hakHash - the hash of the .hak directory to use for cache keying
+                    + variant.json - the variant configuration to use for the build
+
+
+                    The artifact can also contain any additional files which will be applied as overrides to the checkout root before building,
+                    for example icons in the `build/` directory to override the app icons.
+                default: "desktop-prepare"
+            test:
+                type: boolean
+                required: false
+                default: true
+                description: "Whether to run the test stage after building"
+            test-runs-on:
+                type: string
+                required: false
+                description: "The runner image to use for testing, normally set for you, may be needed for running in private repos."
+            test-args:
+                type: string
+                required: false
+                description: "Additional arguments to pass to playwright"
+            artifact-prefix:
+                type: string
+                required: false
+                description: "An optional prefix to add to the artifact name, useful for distinguishing builds in private repos."
+                default: ""
+            targets:
+                type: string
+                required: false
+                description: "List of targets to build"
+                default: "squirrel msi"
+permissions: {} # No permissions required
+jobs:
+    build:
+        name: Build Windows ${{ inputs.arch }}
+        runs-on: windows-2025
+        environment: ${{ inputs.sign && 'Desktop eSigner' || '' }}
+        env:
+            SIGNTOOL_PATH: "C:/Program Files (x86)/Windows Kits/10/bin/10.0.26100.0/x86/signtool.exe"
+        steps:
+            - uses: nbucic/variable-mapper@0673f6891a0619ba7c002ecfed0f9f4f39017b6f
+              id: config
+              with:
+                  key: "${{ inputs.arch }}"
+                  export_to: output
+                  map: |
+                      {
+                        "x64": {
+                          "target": "x86_64-pc-windows-msvc"
+                        },
+                        "arm64": {
+                          "target": "aarch64-pc-windows-msvc",
+                          "build-args": "--arm64",
+                          "arch": "amd64_arm64"
+                        },
+                        "ia32": {
+                          "target": "i686-pc-windows-msvc",
+                          "build-args": "--ia32",
+                          "arch": "x86",
+                          "extra_config": "{\"user_notice\": {\"title\": \"Your desktop environment is unsupported.\",\"description\": \"Support for 32-bit Windows installations has ended. Transition to the web or mobile app for continued access.\"}}"
+                        }
+                      }
+
+            # Tweak line endings to make nx happy, workaround for https://github.com/nrwl/nx/issues/35828
+            - name: Configure git line endings
+              run: |
+                  git config --system core.autocrlf false
+                  git config --system core.eol lf
+
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  repository: element-hq/element-web
+                  ref: ${{ inputs.ref }}
+                  persist-credentials: false
+
+            - uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  name: ${{ inputs.prepare-artifact-name }}
+                  path: apps/desktop/
+
+            - name: Cache .hak
+              id: cache
+              uses: actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9 # v6
+              with:
+                  key: ${{ runner.os }}-${{ inputs.arch }}-${{ hashFiles('apps/desktop/hakHash', 'apps/desktop/electronVersion') }}
+                  path: |
+                      apps/desktop/.hak
+
+            # ActiveTCL package on choco is from 2015,
+            # this one is newer but includes more than we need
+            - name: Choco install tclsh
+              if: steps.cache.outputs.cache-hit != 'true'
+              shell: pwsh
+              run: |
+                  choco install -y magicsplat-tcl-tk --no-progress
+                  echo "${HOME}/AppData/Local/Apps/Tcl86/bin" | Out-File -FilePath $env:GITHUB_PATH -Encoding utf8 -Append
+
+            - name: Choco install NetWide Assembler
+              if: steps.cache.outputs.cache-hit != 'true'
+              shell: pwsh
+              run: |
+                  choco install -y nasm --no-progress
+                  echo "C:/Program Files/NASM" | Out-File -FilePath $env:GITHUB_PATH -Encoding utf8 -Append
+
+            - name: Install Rust
+              if: steps.cache.outputs.cache-hit != 'true'
+              run: |
+                  rustup toolchain install stable --profile minimal --no-self-update
+                  rustup default stable
+                  rustup target add $env:TARGET
+              env:
+                  TARGET: ${{ steps.config.outputs.target }}
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  node-version-file: apps/desktop/.node-version
+                  cache: "pnpm"
+
+            - name: Install Deps
+              working-directory: apps/desktop
+              run: "pnpm install --frozen-lockfile --filter element-desktop"
+
+            - name: Insert config snippet
+              if: steps.config.outputs.extra_config != ''
+              working-directory: apps/desktop
+              shell: bash
+              run: |
+                  mkdir config-edit
+                  pnpm asar extract webapp.asar config-edit
+                  cd config-edit
+                  mv config.json old-config.json
+                  echo '${{ steps.config.outputs.extra_config }}' | jq -s '.[0] * .[1]' old-config.json - > config.json
+                  rm old-config.json
+                  cd ..
+                  rm webapp.asar
+                  pnpm asar pack config-edit/ webapp.asar
+
+            - name: Set up sqlcipher macros
+              if: steps.cache.outputs.cache-hit != 'true' && contains(inputs.arch, 'arm')
+              shell: pwsh
+              run: |
+                  echo "NCC=${{ github.workspace }}\scripts\cl.bat" | Out-File -FilePath $env:GITHUB_ENV -Encoding utf8 -Append
+
+            - name: Set up build tools
+              if: steps.cache.outputs.cache-hit != 'true'
+              uses: ilammy/msvc-dev-cmd@0b201ec74fa43914dc39ae48a89fd1d8cb592756 # v1.13.0
+              with:
+                  arch: ${{ steps.config.outputs.arch || inputs.arch }}
+
+            - name: Build Natives
+              if: steps.cache.outputs.cache-hit != 'true'
+              working-directory: apps/desktop
+              run: |
+                  refreshenv
+                  pnpm run build:native --target $env:TARGET
+              env:
+                  TARGET: ${{ steps.config.outputs.target }}
+
+            - name: Install and configure eSigner CKA
+              run: |
+                  Set-StrictMode -Version 'Latest'
+
+                  # Download, extract, and rename
+                  Invoke-WebRequest -OutFile eSigner_CKA.zip "$env:ESIGNER_URL"
+                  Expand-Archive -Path eSigner_CKA.zip -DestinationPath .
+                  Get-ChildItem -Path * -Include "*_build_*.exe" | Rename-Item -NewName eSigner_CKA.exe
+
+                  # Install
+                  New-Item -ItemType Directory -Force -Path "$env:INSTALL_DIR"
+                  ./eSigner_CKA.exe /CURRENTUSER /VERYSILENT /SUPPRESSMSGBOXES /DIR="${{ env.INSTALL_DIR }}" | Out-Null
+
+                  # Disable logger
+                  $LogConfig = Get-Content -Path ${{ env.INSTALL_DIR }}/log4net.config
+                  $LogConfig[0] = '<log4net threshold="OFF">'
+                  $LogConfig | Set-Content -Path ${{ env.INSTALL_DIR }}/log4net.config
+
+                  # Configure - default credentials from https://www.ssl.com/guide/esigner-demo-credentials-and-certificates/
+                  ${{ env.INSTALL_DIR }}/eSignerCKATool.exe config `
+                      -mode "$env:ESIGNER_MODE" `
+                      -user "${{ secrets.ESIGNER_USER_NAME || 'esigner_demo' }}" `
+                      -pass "${{ secrets.ESIGNER_USER_PASSWORD || 'esignerDemo#1' }}" `
+                      -totp "${{ secrets.ESIGNER_USER_TOTP || 'RDXYgV9qju+6/7GnMf1vCbKexXVJmUVr+86Wq/8aIGg=' }}" `
+                      -key "${{ env.MASTER_KEY_FILE }}" -r
+                  ${{ env.INSTALL_DIR }}/eSignerCKATool.exe unload
+                  ${{ env.INSTALL_DIR }}/eSignerCKATool.exe load
+
+                  # Find certificate
+                  $CodeSigningCert = Get-ChildItem Cert:\CurrentUser\My -CodeSigningCert | Select-Object -First 1
+                  echo Certificate: $CodeSigningCert
+
+                  # Extract thumbprint and subject name
+                  $Thumbprint = $CodeSigningCert.Thumbprint
+                  $SubjectName = ($CodeSigningCert.Subject -replace ", ?", "`n" | ConvertFrom-StringData).CN
+
+                  echo "ED_SIGNTOOL_THUMBPRINT=$Thumbprint" >> $env:GITHUB_ENV
+                  echo "ED_SIGNTOOL_SUBJECT_NAME=$SubjectName" >> $env:GITHUB_ENV
+              env:
+                  ESIGNER_MODE: ${{ vars.ESIGNER_MODE || 'sandbox' }}
+                  ESIGNER_URL: https://github.com/SSLcom/eSignerCKA/releases/download/v1.0.6/SSL.COM-eSigner-CKA_1.0.6.zip
+                  INSTALL_DIR: C:\Users\runneradmin\eSignerCKA
+                  MASTER_KEY_FILE: C:\Users\runneradmin\eSignerCKA\master.key
+
+            - name: Build App
+              working-directory: apps/desktop
+              run: pnpm run build --publish never $BUILD_ARGS -w $TARGETS
+              shell: bash
+              env:
+                  VARIANT_PATH: variant.json
+                  # Only set for Nightly builds
+                  # The windows packager relies on parsing this as semver, so we have to make it look like one.
+                  # This will give our update packages really stupid names, but we probably can't change that either
+                  # because squirrel windows parses them for the version too. We don't really care: nobody sees them.
+                  # We just give the installer a static name, so you'll just see this in the 'about' dialog.
+                  # Turns out if you use 0.0.0 here it makes Squirrel windows crash, so we use 0.0.1.
+                  VERSION: ${{ inputs.version && format('0.0.1-nightly.{0}', inputs.version) || '' }}
+                  BUILD_ARGS: ${{ steps.config.outputs.build-args }}
+                  TARGETS: ${{ inputs.targets }}
+
+            - name: Trust eSigner sandbox cert
+              if: inputs.sign == ''
+              run: |
+                  Set-StrictMode -Version 'Latest'
+                  Import-Certificate -CertStoreLocation Cert:\LocalMachine\Root -FilePath .github/SSLcom-sandbox.crt
+
+            - name: Check app was signed successfully
+              working-directory: apps/desktop
+              run: |
+                  Set-StrictMode -Version 'Latest'
+                  Get-ChildItem `
+                      -Recurse dist `
+                      -Include *.exe, *.msi `
+                  | ForEach-Object -Process {. $env:SIGNTOOL_PATH verify /pa $_.FullName; if(!$?) { throw }}
+
+            - name: Upload Artifacts
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: ${{ inputs.artifact-prefix }}win-${{ inputs.arch }}
+                  path: |
+                      apps/desktop/dist
+                  retention-days: 1
+
+            - name: Assert executable is present
+              working-directory: apps/desktop
+              run: |
+                  Test-Path './dist/win-*unpacked/Element*.exe'
+
+            - name: Assert all Squirrel files are present
+              if: contains(inputs.targets, 'squirrel')
+              working-directory: apps/desktop
+              run: |
+                  Test-Path './dist/squirrel-windows*/Element Setup*.exe'
+                  Test-Path './dist/squirrel-windows*/element-desktop-*-full.nupkg'
+                  Test-Path './dist/squirrel-windows*/RELEASES'
+
+            - name: Assert MSI is present
+              if: contains(inputs.targets, 'msi')
+              working-directory: apps/desktop
+              run: |
+                  Test-Path './dist/Element*.msi'
+
+    test:
+        name: Test Windows ${{ inputs.arch }}
+        needs: build
+        if: inputs.test
+        uses: ./.github/workflows/build_desktop_test.yaml
+        with:
+            project: win-${{ inputs.arch }}
+            artifact: ${{ inputs.artifact-prefix }}win-${{ inputs.arch }}
+            runs-on: ${{ inputs.test-runs-on || (inputs.arch == 'arm64' && 'windows-11-arm' || 'windows-2022') }}
+            executable: ./dist/win*-unpacked/Element*.exe
+            blob_report: ${{ inputs.blob_report }}
+            args: ${{ inputs.test-args }}
diff --git a/.github/workflows/build_develop.yml b/.github/workflows/build_develop.yml
new file mode 100644
index 00000000000..4e61523b339
--- /dev/null
+++ b/.github/workflows/build_develop.yml
@@ -0,0 +1,140 @@
+# Separate to the main build workflow for access to develop
+# environment secrets, largely similar to build.yaml.
+name: Build and Deploy develop
+on:
+    push:
+        branches: [develop]
+    repository_dispatch:
+        types: [element-web-notify]
+concurrency:
+    group: ${{ github.repository_owner }}-${{ github.workflow }}-${{ github.ref_name }}
+    cancel-in-progress: true
+env:
+    NX_DEFAULT_OUTPUT_STYLE: stream-without-prefixes
+permissions: {}
+jobs:
+    build:
+        name: "Build & Deploy develop.element.io"
+        # Only respect triggers from our develop branch, ignore that of forks
+        if: github.repository == 'element-hq/element-web'
+        runs-on: ubuntu-24.04
+        environment: develop
+        permissions:
+            checks: read
+            pages: write
+            deployments: write
+        env:
+            R2_BUCKET: "element-web-develop"
+            R2_URL: ${{ vars.CF_R2_S3_API }}
+            R2_PUBLIC_URL: "https://element-web-develop.element.io"
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  cache: "pnpm"
+                  node-version: "lts/*"
+
+            - name: Install Dependencies
+              run: "./scripts/layered.sh"
+
+            - name: Build, Package & Upload sourcemaps
+              working-directory: apps/web
+              run: "./scripts/ci_package.sh"
+              env:
+                  SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+                  SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
+                  SENTRY_URL: ${{ secrets.SENTRY_URL }}
+                  SENTRY_ORG: element
+                  SENTRY_PROJECT: riot-web
+                  # We only deploy the latest bundles to Cloudflare Pages and use _redirects to fallback to R2 for
+                  # older ones. This redirect means that 'self' is insufficient in the CSP,
+                  # and we have to add the R2 URL.
+                  # Once Cloudflare redirects support proxying mode we will be able to ditch this.
+                  # See Proxying in support table at https://developers.cloudflare.com/pages/platform/redirects
+                  CSP_EXTRA_SOURCE: ${{ env.R2_PUBLIC_URL }}
+
+            - run: mv dist/element-*.tar.gz dist/develop.tar.gz
+              working-directory: apps/web
+
+            - uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: webapp
+                  path: apps/web/dist/develop.tar.gz
+                  retention-days: 1
+
+            - name: Extract webapp
+              run: |
+                  mkdir _deploy
+                  tar xf apps/web/dist/develop.tar.gz -C _deploy --strip-components=1
+
+            - name: Copy config
+              run: cp apps/web/element.io/develop/config.json _deploy/config.json
+
+            - name: Populate 404.html
+              run: echo "404 Not Found" > _deploy/404.html
+
+            - name: Populate _headers
+              run: cp .github/cfp_headers _deploy/_headers
+
+            # Redirect requests for the develop tarball and the historical bundles to R2
+            # We find the latest 100 bundle.css files and add their bundles to the redirects file
+            # S3 has no sane way to get the age of a directory as they don't really exist
+            - name: Populate _redirects
+              run: |
+                  {
+                      echo "/develop.tar.gz $R2_PUBLIC_URL/develop.tar.gz 301"
+                      aws s3api --region auto --endpoint-url $R2_URL list-objects-v2 --bucket $R2_BUCKET \
+                          --query "sort_by(Contents[?ends_with(Key, '/bundle.css')], &LastModified)[-100:].Key" \
+                          --prefix "bundles/" | jq -r '.[]' | grep -oE '[^\"].*\/\s*' | while read -r path ; do
+                          echo "/${path}* $R2_PUBLIC_URL/${path}:splat 301"
+                      done
+                  } | tee _deploy/_redirects
+              env:
+                  AWS_ACCESS_KEY_ID: ${{ secrets.CF_R2_ACCESS_KEY_ID }}
+                  AWS_SECRET_ACCESS_KEY: ${{ secrets.CF_R2_TOKEN }}
+
+            # We may be trying to deploy the same webapp bundles again, we need to ensure that the live bundles
+            # are not present in the _redirects file and instead accessed directly from Cloudflare Pages.
+            - name: Trim _redirects
+              working-directory: _deploy
+              run: |
+                  find bundles -type d -mindepth 1 -maxdepth 1 -exec sed -i "\:{}:d" _redirects \;
+
+            - name: Wait for other steps to succeed
+              uses: t3chguy/wait-on-check-action@18541021811b56544d90e0f073401c2b99e249d6 # fork
+              with:
+                  ref: ${{ github.sha }}
+                  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|Upload|Netlify|Report|deploy).)*$
+
+            # 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.
+            # Element Desktop's fetch script uses this tarball to fetch latest develop to build Nightlies.
+            # Checksum algorithm specified as per https://developers.cloudflare.com/r2/examples/aws/aws-cli/
+            - name: Deploy to R2
+              run: |
+                  aws s3 cp apps/web/dist/develop.tar.gz s3://$R2_BUCKET/develop.tar.gz --endpoint-url $R2_URL --region=auto --checksum-algorithm CRC32
+                  aws s3 cp _deploy/ s3://$R2_BUCKET/ --recursive --endpoint-url $R2_URL --region=auto --checksum-algorithm CRC32
+              env:
+                  AWS_ACCESS_KEY_ID: ${{ secrets.CF_R2_ACCESS_KEY_ID }}
+                  AWS_SECRET_ACCESS_KEY: ${{ secrets.CF_R2_TOKEN }}
+
+            - name: Deploy to Cloudflare Pages
+              id: cfp
+              uses: cloudflare/wrangler-action@ebbaa1584979971c8614a24965b4405ff95890e0 # v4.0.0
+              with:
+                  apiToken: ${{ secrets.CF_PAGES_TOKEN }}
+                  accountId: ${{ secrets.CF_PAGES_ACCOUNT_ID }}
+                  command: pages deploy _deploy --project-name element-web-develop
+                  gitHubToken: ${{ secrets.GITHUB_TOKEN }}
+
+            - run: |
+                  echo "Deployed to ${STEPS_CFP_OUTPUTS_URL}" >> $GITHUB_STEP_SUMMARY
+              env:
+                  STEPS_CFP_OUTPUTS_URL: ${{ steps.cfp.outputs.deployment-url }}
diff --git a/.github/workflows/cd.yaml b/.github/workflows/cd.yaml
new file mode 100644
index 00000000000..9101ee70f29
--- /dev/null
+++ b/.github/workflows/cd.yaml
@@ -0,0 +1,82 @@
+name: CD # Continuous Delivery
+on:
+    push:
+        branches: [master, staging, develop]
+        paths:
+            - "**/Dockerfile"
+            - "**/dockerbuild"
+            - "**/docker"
+            - "**/docker-*"
+            - "pnpm-lock.yaml"
+
+concurrency: ${{ github.workflow }}-${{ github.ref_name }}
+
+permissions: {}
+env:
+    NX_DEFAULT_OUTPUT_STYLE: stream-without-prefixes
+
+jobs:
+    docker:
+        name: Docker Bake
+        runs-on: ubuntu-24.04
+        permissions:
+            id-token: write # needed for signing the images with GitHub OIDC Token
+            packages: write # needed for publishing packages to GHCR
+            # Needed for nx-set-shas
+            contents: read
+            actions: read
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+
+            - name: Install Cosign
+              uses: sigstore/cosign-installer@6f9f17788090df1f26f669e9d70d6ae9567deba6 # v4.1.2
+
+            - name: Set up QEMU
+              uses: docker/setup-qemu-action@96fe6ef7f33517b61c61be40b68a1882f3264fb8 # v4
+
+            - name: Set up Docker Buildx
+              id: builder
+              uses: docker/setup-buildx-action@bb05f3f5519dd87d3ba754cc423b652a5edd6d2c # v4
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  node-version-file: package.json
+                  cache: "pnpm"
+
+            - name: Install Deps
+              run: "pnpm install --frozen-lockfile"
+
+            - name: Login to GitHub Container Registry
+              uses: docker/login-action@dbcb813823bdd20940b903addbd779551569679f # v4
+              with:
+                  registry: ghcr.io
+                  username: ${{ github.repository_owner }}
+                  password: ${{ secrets.GITHUB_TOKEN }}
+
+            # Fudge and run this separately rather than relying on the dependency,
+            # otherwise nx does not appear to pick up the .env file that playwright
+            # common's prebuild step creates.
+            - run: pnpm nx run-many --nxBail -t docker:prebuild
+              env:
+                  INPUT_BUILDER: ${{ steps.builder.outputs.name }}
+
+            - run: pnpm nx run-many --nxBail -t docker:build
+              id: build
+              env:
+                  INPUT_PUSH: true
+                  INPUT_LOAD: false
+                  INPUT_GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  INPUT_BUILDER: ${{ steps.builder.outputs.name }}
+
+            - name: Sign the images with GitHub OIDC token
+              run: |
+                  shopt -s globstar
+
+                  for FILE in ./node_modules/.cache/nx-container/**/metadata; do
+                      TARGET=$(jq -r '(.["image.name"] | split(",") | last) + "@" + .["containerimage.digest"]' "$FILE")
+                      echo "Signing $TARGET..."
+                      cosign sign --yes "$TARGET"
+                  done
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 00000000000..4e37a50f6e9
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,109 @@
+# Manual deploy workflow for deploying to app.element.io & staging.element.io
+# Runs automatically for staging.element.io when an RC or Release is published
+# Note: Does *NOT* run automatically for app.element.io so that it gets tested on staging.element.io beforehand
+name: Deploy release
+run-name: Deploy ${{ github.ref_name }} to ${{ inputs.site || 'staging.element.io' }}
+on:
+    release:
+        types: [published]
+    workflow_dispatch:
+        inputs:
+            site:
+                description: Which site to deploy to
+                required: true
+                default: staging.element.io
+                type: choice
+                options:
+                    - staging.element.io
+                    - app.element.io
+            skip-checks:
+                description: Skip CI on the tagged commit
+                required: true
+                default: false
+                type: boolean
+concurrency: ${{ inputs.site || 'staging.element.io' }}
+permissions: {}
+jobs:
+    deploy:
+        name: "Deploy to Cloudflare Pages"
+        # Run if it's NOT a release, OR if it is a release and does NOT start with 'module/'
+        if: |
+            github.event_name != 'release' ||
+            !startsWith(github.event.release.tag_name, 'module/')
+        runs-on: ubuntu-24.04
+        environment: ${{ inputs.site || 'staging.element.io' }}
+        permissions:
+            checks: read
+            deployments: write
+        env:
+            SITE: ${{ inputs.site || 'staging.element.io' }}
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  cache: "pnpm"
+                  node-version-file: package.json
+
+            - name: Load GPG key
+              run: |
+                  curl https://packages.element.io/element-release-key.gpg | gpg --import
+                  gpg -k "$GPG_FINGERPRINT"
+              env:
+                  GPG_FINGERPRINT: ${{ vars.GPG_FINGERPRINT }}
+
+            - name: Check current version on deployment
+              id: current_version
+              run: |
+                  version=$(curl -s https://$SITE/version)
+                  echo "version=${version#v}" >> $GITHUB_OUTPUT
+
+            # The current version bundle melding dance is skipped if the version we're deploying is the same
+            # as then we're just doing a re-deploy of the same version with potentially different configs.
+            - name: Download current version for its old bundles
+              id: current_download
+              if: steps.current_version.outputs.version != github.ref_name
+              uses: ./.github/actions/download-verify-element-tarball
+              with:
+                  tag: v${{ steps.current_version.outputs.version }}
+                  out-file-path: _current_version
+
+            - name: Download target version
+              uses: ./.github/actions/download-verify-element-tarball
+              with:
+                  tag: ${{ github.ref_name }}
+                  out-file-path: _deploy
+
+            - name: Merge current bundles into target
+              if: steps.current_download.outcome == 'success'
+              run: cp -vnpr _current_version/bundles/* _deploy/bundles/
+
+            - name: Copy config
+              run: cp apps/web/element.io/app/config.json _deploy/config.json
+
+            - name: Populate 404.html
+              run: echo "404 Not Found" > _deploy/404.html
+
+            - name: Populate _headers
+              run: cp .github/cfp_headers _deploy/_headers
+
+            - name: Wait for other steps to succeed
+              uses: t3chguy/wait-on-check-action@18541021811b56544d90e0f073401c2b99e249d6 # fork
+              if: inputs.skip-checks != true
+              with:
+                  ref: ${{ github.sha }}
+                  running-workflow-name: "Deploy to Cloudflare Pages"
+                  repo-token: ${{ secrets.GITHUB_TOKEN }}
+                  wait-interval: 10
+                  check-regexp: ^((?!SonarCloud|SonarQube|issue|board|label|Release|prepare|GitHub Pages).)*$
+
+            - name: Deploy to Cloudflare Pages
+              uses: cloudflare/wrangler-action@ebbaa1584979971c8614a24965b4405ff95890e0 # v4.0.0
+              with:
+                  apiToken: ${{ secrets.CF_PAGES_TOKEN }}
+                  accountId: ${{ secrets.CF_PAGES_ACCOUNT_ID }}
+                  command: pages deploy _deploy --project-name ${{ env.SITE == 'staging.element.io' && 'element-web-staging' || 'element-web' }} --branch main
+                  gitHubToken: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/docker.yaml b/.github/workflows/docker.yaml
new file mode 100644
index 00000000000..fdb5c9d48f6
--- /dev/null
+++ b/.github/workflows/docker.yaml
@@ -0,0 +1,242 @@
+name: Docker
+on:
+    workflow_dispatch: {}
+    push:
+        tags: [v*]
+    pull_request: {}
+    schedule:
+        # This job can take a while, and we have usage limits, so just publish develop only twice a day
+        - cron: "0 7/12 * * *"
+concurrency: ${{ github.workflow }}-${{ github.ref_name }}
+permissions: {}
+jobs:
+    buildx:
+        name: Docker Buildx
+        runs-on: ubuntu-24.04
+        environment: ${{ github.event_name != 'pull_request' && 'dockerhub' || '' }}
+        permissions:
+            id-token: write # needed for signing the images with GitHub OIDC Token
+            packages: write # needed for publishing packages to GHCR
+        env:
+            TEST_TAG: ghcr.io/element-hq/element-web:test
+            TEST_TAG_MODULES: ghcr.io/element-hq/element-web/modules:test
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  fetch-depth: 0 # needed for docker-package to be able to calculate the version
+                  persist-credentials: false
+
+            - name: Install Cosign
+              uses: sigstore/cosign-installer@6f9f17788090df1f26f669e9d70d6ae9567deba6 # v4.1.2
+              if: github.event_name != 'pull_request'
+
+            - name: Set up QEMU
+              uses: docker/setup-qemu-action@96fe6ef7f33517b61c61be40b68a1882f3264fb8 # v4
+
+            - name: Set up Docker Buildx
+              uses: docker/setup-buildx-action@bb05f3f5519dd87d3ba754cc423b652a5edd6d2c # v4
+              with:
+                  install: true
+
+            - name: Build and load
+              uses: docker/bake-action@d3418bd7d0e9324001bca92fa8ba175ea7e6dc9b # v7
+              with:
+                  source: .
+                  files: ./docker-bake.hcl
+                  load: true
+                  set: |
+                      element-web.tags=${{ env.TEST_TAG }}
+                      element-web-modules.tags=${{ env.TEST_TAG_MODULES }}
+
+            - name: Test the image
+              env:
+                  IMAGE: ${{ env.TEST_TAG }}
+              timeout-minutes: 2
+              run: |
+                  set -x
+
+                  # Make a fake module to test the image
+                  MODULE_PATH="module_name/index.js"
+                  mkdir -p $(dirname test_modules/$MODULE_PATH)
+                  echo 'alert("Testing");' > test_modules/$MODULE_PATH
+
+                  # Spin up a container of the image
+                  ELEMENT_WEB_PORT=8181
+                  CONTAINER_ID=$(
+                      docker run \
+                          --rm \
+                          -e "ELEMENT_WEB_PORT=$ELEMENT_WEB_PORT" \
+                          -dp "$ELEMENT_WEB_PORT:$ELEMENT_WEB_PORT" \
+                          -v $(pwd)/test_modules:/modules \
+                          "$IMAGE" \
+                  )
+
+                  # Run some smoke tests
+                  wget --retry-connrefused --tries=5 -q --wait=3 --spider "http://localhost:$ELEMENT_WEB_PORT/modules/module_name/index.js"
+                  MODULE_0=$(curl "http://localhost:$ELEMENT_WEB_PORT/config.json" | jq -r .modules[0])
+                  test "$MODULE_0" = "/modules/${MODULE_PATH}"
+
+                  # Check healthcheck
+                  until test "$(docker inspect -f {{.State.Health.Status}} $CONTAINER_ID)" == "healthy"; do
+                      sleep 1
+                  done
+
+                  # Clean up
+                  docker stop "$CONTAINER_ID"
+
+            - name: Test the modules image
+              env:
+                  IMAGE: ${{ env.TEST_TAG_MODULES }}
+              timeout-minutes: 2
+              run: |
+                  set -x
+
+                  ELEMENT_WEB_PORT=8182
+                  CONTAINER_ID=$(
+                      docker run \
+                          --rm \
+                          -e "ELEMENT_WEB_PORT=$ELEMENT_WEB_PORT" \
+                          -dp "$ELEMENT_WEB_PORT:$ELEMENT_WEB_PORT" \
+                          "$IMAGE" \
+                  )
+
+                  # Every module pinned in the Dockerfile should be listed in the config and served
+                  MODULES=$(grep -oE '^ARG MODULE_[A-Z0-9_]+_VERSION=' apps/web/Dockerfile |
+                      sed -E 's/^ARG MODULE_(.*)_VERSION=$/\1/' | tr '[:upper:]_' '[:lower:]-')
+                  test -n "$MODULES"
+
+                  CONFIG=$(wget --retry-connrefused --tries=5 -q --wait=3 -O - "http://localhost:$ELEMENT_WEB_PORT/config.json")
+                  for MODULE in $MODULES; do
+                      echo "$CONFIG" | jq -e --arg m "/modules/$MODULE/index.js" '.modules | index($m)'
+                      wget -q --spider "http://localhost:$ELEMENT_WEB_PORT/modules/$MODULE/index.js"
+                  done
+
+                  # Check healthcheck
+                  until test "$(docker inspect -f '{{.State.Health.Status}}' "$CONTAINER_ID")" == "healthy"; do
+                      sleep 1
+                  done
+
+                  # Clean up
+                  docker stop "$CONTAINER_ID"
+
+            - name: Docker meta
+              id: meta
+              uses: docker/metadata-action@dc802804100637a589fabce1cb79ff13a1411302 # v6
+              if: github.event_name != 'pull_request'
+              with:
+                  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' }}
+                  bake-target: docker-metadata-action
+
+            - name: Docker meta (modules)
+              id: meta-modules
+              uses: docker/metadata-action@dc802804100637a589fabce1cb79ff13a1411302 # v6
+              if: github.event_name != 'pull_request'
+              with:
+                  images: ghcr.io/element-hq/element-web/modules
+                  tags: |
+                      type=ref,event=branch
+                      type=ref,event=tag
+                  flavor: |
+                      latest=${{ contains(github.ref_name, '-rc.') && 'false' || 'auto' }}
+                  bake-target: docker-metadata-action-modules
+
+            - name: Login to Docker Hub
+              uses: docker/login-action@dbcb813823bdd20940b903addbd779551569679f # v4
+              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@dbcb813823bdd20940b903addbd779551569679f # v4
+              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@306e68a486fd2350f2bfc3b19fcd143891a4a2d8 # v4
+              if: github.event_name != 'pull_request'
+              with:
+                  oauth-client-id: ${{ secrets.TS_OAUTH_CLIENT_ID }}
+                  audience: ${{ secrets.TS_AUDIENCE }}
+                  tags: tag:github-actions
+
+            - name: Compute vault jwt role name
+              id: vault-jwt-role
+              if: github.event_name != 'pull_request'
+              run: |
+                  echo "role_name=github_service_management_$( echo "${{ github.repository }}" | sed -r 's|[/-]|_|g')" | tee -a "$GITHUB_OUTPUT"
+
+            - name: Get team registry token
+              id: import-secrets
+              uses: hashicorp/vault-action@892a26828f195e65540a40b4768ae4571f51ebfc # v4
+              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@dbcb813823bdd20940b903addbd779551569679f # v4
+              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 }}
+
+            # Both targets are built in a single bake so that the app is only compiled once.
+            - name: Build and push
+              id: build-and-push
+              uses: docker/bake-action@d3418bd7d0e9324001bca92fa8ba175ea7e6dc9b # v7
+              if: github.event_name != 'pull_request'
+              with:
+                  source: .
+                  files: |
+                      ./docker-bake.hcl
+                      ${{ steps.meta.outputs.bake-file }}
+                      ${{ steps.meta-modules.outputs.bake-file }}
+                  push: true
+                  vars: |
+                      PLATFORMS=linux/amd64,linux/arm64
+
+            - name: Sign the images with GitHub OIDC Token
+              env:
+                  METADATA: ${{ steps.build-and-push.outputs.metadata }}
+                  TAGS: ${{ steps.meta.outputs.tags }}
+                  TAGS_MODULES: ${{ steps.meta-modules.outputs.tags }}
+              if: github.event_name != 'pull_request'
+              run: |
+                  images=""
+                  sign_target() {
+                      digest=$(echo "$METADATA" | jq -er --arg t "$1" '.[$t]."containerimage.digest"')
+                      for tag in $2; do
+                          images+="${tag}@${digest} "
+                      done
+                  }
+                  sign_target element-web "$TAGS"
+                  sign_target element-web-modules "$TAGS_MODULES"
+                  cosign sign --yes ${images}
+
+            - name: Update repo description
+              uses: peter-evans/dockerhub-description@1b9a80c056b620d92cedb9d9b5a223409c68ddfa # v5
+              if: github.event_name != 'pull_request'
+              continue-on-error: true
+              with:
+                  username: ${{ secrets.DOCKERHUB_USERNAME }}
+                  password: ${{ secrets.DOCKERHUB_TOKEN }}
+                  repository: vectorim/element-web
diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml
new file mode 100644
index 00000000000..1583ca636c8
--- /dev/null
+++ b/.github/workflows/docs.yml
@@ -0,0 +1,55 @@
+name: Deploy documentation
+
+on:
+    push:
+        branches: [develop]
+    workflow_dispatch: {}
+
+permissions: {}
+
+concurrency:
+    group: "pages"
+    cancel-in-progress: false
+
+jobs:
+    build:
+        name: GitHub Pages
+        runs-on: ubuntu-24.04
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+              with:
+                  package_json_file: package.json
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  cache: "pnpm"
+                  cache-dependency-path: pnpm-lock.yaml
+                  node-version: "lts/*"
+
+            - name: Fetch layered build
+              run: ./scripts/layered.sh
+
+            - name: Build docs
+              run: pnpm run docs:build
+
+            - name: Upload artifact
+              uses: actions/upload-pages-artifact@fc324d3547104276b827a68afc52ff2a11cc49c9 # v5
+              with:
+                  path: ./docs/.vitepress/dist
+
+    deploy:
+        environment:
+            name: github-pages
+            url: ${{ steps.deployment.outputs.page_url }}
+        runs-on: ubuntu-24.04
+        permissions:
+            pages: write
+            id-token: write
+        needs: build
+        steps:
+            - name: Deploy to GitHub Pages
+              id: deployment
+              uses: actions/deploy-pages@cd2ce8fcbc39b97be8ca5fce6e763baed58fa128 # v5
diff --git a/.github/workflows/issue_closed.yml b/.github/workflows/issue_closed.yml
new file mode 100644
index 00000000000..e42d54dc651
--- /dev/null
+++ b/.github/workflows/issue_closed.yml
@@ -0,0 +1,157 @@
+# For duplicate issues, ensure the close type is right (not planned), update it if not
+# For all closed (completed) issues, cascade the closure onto any referenced rageshakes
+# For all closed (not planned) issues, comment on rageshakes to move them into the canonical issue if one exists
+on:
+    issues:
+        types: [closed]
+permissions: {} # We use ELEMENT_BOT_TOKEN instead
+jobs:
+    tidy:
+        name: Tidy closed issues
+        runs-on: ubuntu-24.04
+        steps:
+            - uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9
+              id: main
+              with:
+                  # PAT needed as the GITHUB_TOKEN won't be able to see cross-references from other orgs (matrix-org)
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  script: |
+                      const variables = {
+                        owner: context.repo.owner,
+                        name: context.repo.repo,
+                        number: context.issue.number,
+                      };
+
+                      const query = `query($owner:String!, $name:String!, $number:Int!) {
+                        repository(owner: $owner, name: $name) {
+                          issue(number: $number) {
+                            stateReason,
+                            timelineItems(first: 100, itemTypes: [MARKED_AS_DUPLICATE_EVENT, UNMARKED_AS_DUPLICATE_EVENT, CROSS_REFERENCED_EVENT]) {
+                              edges {
+                                node {
+                                  __typename
+                                  ... on MarkedAsDuplicateEvent {
+                                    canonical {
+                                      ... on Issue {
+                                        repository {
+                                          nameWithOwner
+                                        }
+                                        number
+                                      }
+                                      ... on PullRequest {
+                                        repository {
+                                          nameWithOwner
+                                        }
+                                        number
+                                      }
+                                    }
+                                  }
+                                  ... on UnmarkedAsDuplicateEvent {
+                                    canonical {
+                                      ... on Issue {
+                                        repository {
+                                          nameWithOwner
+                                        }
+                                        number
+                                      }
+                                      ... on PullRequest {
+                                        repository {
+                                          nameWithOwner
+                                        }
+                                        number
+                                      }
+                                    }
+                                  }
+                                  ... on CrossReferencedEvent {
+                                    source {
+                                      ... on Issue {
+                                        repository {
+                                          nameWithOwner
+                                        }
+                                        number
+                                      }
+                                      ... on PullRequest {
+                                        repository {
+                                          nameWithOwner
+                                        }
+                                        number
+                                      }
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          }
+                        }
+                      }`;
+
+                      const result = await github.graphql(query, variables);
+                      const { stateReason, timelineItems: { edges } } = result.repository.issue;
+
+                      const RAGESHAKE_OWNER = "matrix-org";
+                      const RAGESHAKE_REPO = "element-web-rageshakes";
+                      const rageshakes = new Set();
+                      const duplicateOf = new Set();
+
+                      console.log("Edges: ", JSON.stringify(edges));
+
+                      for (const { node } of edges) {
+                        switch(node.__typename) {
+                          case "MarkedAsDuplicateEvent":
+                            duplicateOf.add(node.canonical.repository.nameWithOwner + "#" + node.canonical.number);
+                            break;
+                          case "UnmarkedAsDuplicateEvent":
+                            duplicateOf.remove(node.canonical.repository.nameWithOwner + "#" + node.canonical.number);
+                            break;
+                          case "CrossReferencedEvent":
+                            if (node.source.repository.nameWithOwner === (RAGESHAKE_OWNER + "/" + RAGESHAKE_REPO)) {
+                              rageshakes.add(node.source.number);
+                            }
+                            break;
+                        }
+                      }
+
+                      console.log("Duplicate of: ", duplicateOf);
+                      console.log("Found rageshakes: ", rageshakes);
+
+                      if (duplicateOf.size) {
+                        const body = Array.from(duplicateOf).join("\n");
+
+                        // Comment on all rageshakes to create relationship to the issue this was closed as duplicate of
+                        for (const rageshake of rageshakes) {
+                          github.rest.issues.createComment({
+                            owner: RAGESHAKE_OWNER,
+                            repo: RAGESHAKE_REPO,
+                            issue_number: rageshake,
+                            body,
+                          });
+                        }
+
+                        // Duplicate was closed with wrong reason, fix it
+                        if (stateReason === "COMPLETED") {
+                          core.setOutput("closeAsNotPlanned", "true");
+                        }
+                      } else {
+                        // This issue was closed, close all related rageshakes
+                        for (const rageshake of rageshakes) {
+                          github.rest.issues.update({
+                            owner: RAGESHAKE_OWNER,
+                            repo: RAGESHAKE_REPO,
+                            issue_number: rageshake,
+                            state: "closed",
+                          });
+                        }
+                      }
+            - uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9
+              name: Close duplicate as Not Planned
+              if: steps.main.outputs.closeAsNotPlanned
+              with:
+                  # We do this step separately, and with the default token so as to not re-trigger this workflow when re-closing
+                  script: |
+                      await github.graphql(`mutation($id:ID!) {
+                        closeIssue(input: { issueId:$id, stateReason:NOT_PLANNED }) {
+                          clientMutationId
+                        }
+                      }`, {
+                        id: context.payload.issue.node_id,
+                      });
diff --git a/.github/workflows/localazy_download.yaml b/.github/workflows/localazy_download.yaml
new file mode 100644
index 00000000000..730c680c73e
--- /dev/null
+++ b/.github/workflows/localazy_download.yaml
@@ -0,0 +1,14 @@
+name: Localazy Download
+on:
+    workflow_dispatch: {}
+    schedule:
+        - cron: "0 6 * * 1,3,5" # Every Monday, Wednesday and Friday at 6am UTC
+permissions:
+    pull-requests: write # needed to auto-approve PRs
+jobs:
+    download:
+        uses: matrix-org/matrix-web-i18n/.github/workflows/localazy_download.yaml@6eda3835118f3bc3fb658a1a3c20b7da9d16ae42
+        with:
+            packageManager: pnpm
+        secrets:
+            ELEMENT_BOT_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
diff --git a/.github/workflows/localazy_upload.yaml b/.github/workflows/localazy_upload.yaml
new file mode 100644
index 00000000000..fdda7a74153
--- /dev/null
+++ b/.github/workflows/localazy_upload.yaml
@@ -0,0 +1,20 @@
+name: Localazy Upload
+on:
+    workflow_dispatch: {}
+    push:
+        branches: [develop]
+        paths:
+            - "*/*/src/i18n/strings/en_EN.json"
+permissions: {} # No permissions needed
+jobs:
+    upload:
+        environment: Localazy
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+
+            - uses: localazy/upload@27e6b5c0fddf4551596b42226b1c24124335d24a # v1
+              with:
+                  write_key: ${{ secrets.LOCALAZY_WRITE_KEY }}
diff --git a/.github/workflows/merge-queue.yaml b/.github/workflows/merge-queue.yaml
new file mode 100644
index 00000000000..1e4d7d3ede8
--- /dev/null
+++ b/.github/workflows/merge-queue.yaml
@@ -0,0 +1,29 @@
+# Tweaks the behaviour of Merge Queue to skip certain checks
+name: Merge Queue tweaks
+on:
+    merge_group:
+        types: [checks_requested]
+
+concurrency:
+    group: ${{ github.workflow }}-${{ github.ref }}-${{ github.event_name }}
+    cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+    run:
+        runs-on: ubuntu-24.04
+        permissions:
+            statuses: write
+        steps:
+            # This is only needed as license/cla at time of writing seems to be extraordinarily flaky
+            # and Github doesn't support conditional checks between PR & merge queue.
+            # This is fine to do as a PR won't make it to merge queue until it has license/cla passing.
+            - name: Skip license/cla on merge queues
+              uses: guibranco/github-status-action-v2@9bfa8773cdbdc6c185747fd43cd7faa9d7c32f09
+              with:
+                  authToken: ${{ secrets.GITHUB_TOKEN }}
+                  state: success
+                  context: license/cla
+                  sha: ${{ github.sha }}
+                  target_url: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}
diff --git a/.github/workflows/netlify.yaml b/.github/workflows/netlify.yaml
new file mode 100644
index 00000000000..0aa8372ab70
--- /dev/null
+++ b/.github/workflows/netlify.yaml
@@ -0,0 +1,53 @@
+# Triggers after the layered build has finished, taking the artifact
+# and uploading it to netlify
+name: Upload Preview Build to Netlify
+on:
+    # Privilege escalation necessary to publish to Netlify
+    # 🚨 We must not execute any checked out code here.
+    workflow_run: # zizmor: ignore[dangerous-triggers]
+        workflows: ["Build"]
+        types:
+            - completed
+jobs:
+    deploy:
+        if: github.event.workflow_run.conclusion != 'cancelled' && github.event.workflow_run.event == 'pull_request'
+        runs-on: ubuntu-24.04
+        environment: Netlify
+        permissions:
+            actions: read
+            deployments: write
+        steps:
+            - name: 📝 Create Deployment
+              uses: bobheadxi/deployments@648679e8e4915b27893bd7dbc35cb504dc915bc8 # v1
+              id: deployment
+              with:
+                  step: start
+                  token: ${{ secrets.GITHUB_TOKEN }}
+                  env: Netlify
+                  ref: ${{ github.event.workflow_run.head_sha }}
+                  desc: |
+                      Do you trust the author of this PR? Maybe this build will steal your keys or give you malware.
+                      Exercise caution. Use test accounts.
+
+            - name: 📥 Download artifact
+              uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  github-token: ${{ secrets.GITHUB_TOKEN }}
+                  run-id: ${{ github.event.workflow_run.id }}
+                  name: webapp-ubuntu-24.04
+                  path: webapp
+
+            - name: 📤 Deploy to Netlify
+              uses: matrix-org/netlify-pr-preview@9805cd123fc9a7e421e35340a05e1ebc5dee46b5 # v3
+              with:
+                  path: webapp
+                  owner: ${{ github.event.workflow_run.head_repository.owner.login }}
+                  branch: ${{ github.event.workflow_run.head_branch }}
+                  revision: ${{ github.event.workflow_run.head_sha }}
+                  token: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+                  site_id: ${{ vars.NETLIFY_SITE_ID }}
+                  deployment_env: ${{ steps.deployment.outputs.env }}
+                  deployment_id: ${{ steps.deployment.outputs.deployment_id }}
+                  desc: |
+                      Do you trust the author of this PR? Maybe this build will steal your keys or give you malware.
+                      Exercise caution. Use test accounts.
diff --git a/.github/workflows/npm-publish.yaml b/.github/workflows/npm-publish.yaml
new file mode 100644
index 00000000000..bbd8f7f715b
--- /dev/null
+++ b/.github/workflows/npm-publish.yaml
@@ -0,0 +1,43 @@
+name: Publish npm package
+run-name: Publish ${{ inputs.package }}
+on:
+    workflow_dispatch:
+        inputs:
+            package:
+                description: Which package to release
+                required: true
+                type: choice
+                options:
+                    - playwright-common
+                    - shared-components
+                    - module-api
+
+concurrency: release
+jobs:
+    publish:
+        name: "Publish"
+        runs-on: ubuntu-latest
+        permissions:
+            contents: write
+            id-token: write
+
+        steps:
+            - name: 🧮 Checkout code
+              uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - name: 🔧 Set up node environment
+              uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  cache: "pnpm"
+                  node-version-file: ".node-version"
+                  registry-url: "https://registry.npmjs.org"
+
+            - name: 🛠️ Install dependencies
+              run: pnpm install --frozen-lockfile
+
+            - name: 🚀 Publish to npm
+              working-directory: packages/${{ inputs.package }}
+              run: pnpm publish --access public --provenance --publish-branch develop
diff --git a/.github/workflows/pull_request.yaml b/.github/workflows/pull_request.yaml
new file mode 100644
index 00000000000..129bcea0efa
--- /dev/null
+++ b/.github/workflows/pull_request.yaml
@@ -0,0 +1,16 @@
+name: Pull Request
+on:
+    # Privilege escalation necessary access members of the review teams
+    # 🚨 We must not execute any checked out code here, and be careful around use of user-controlled inputs.
+    pull_request_target: # zizmor: ignore[dangerous-triggers]
+        types: [opened, edited, labeled, unlabeled, synchronize]
+    merge_group:
+        types: [checks_requested]
+permissions: {}
+jobs:
+    action:
+        uses: matrix-org/matrix-js-sdk/.github/workflows/pull_request.yaml@develop # zizmor: ignore[unpinned-uses]
+        permissions:
+            pull-requests: write
+        secrets:
+            ELEMENT_BOT_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
diff --git a/.github/workflows/pull_request_base_branch.yaml b/.github/workflows/pull_request_base_branch.yaml
new file mode 100644
index 00000000000..32c79071efd
--- /dev/null
+++ b/.github/workflows/pull_request_base_branch.yaml
@@ -0,0 +1,17 @@
+name: Pull Request Base Branch
+on:
+    pull_request:
+        types: [opened, edited, synchronize]
+permissions: {} # No permissions required
+jobs:
+    check_base_branch:
+        name: Check PR base branch
+        runs-on: ubuntu-24.04
+        steps:
+            - uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9
+              with:
+                  script: |
+                      const baseBranch = context.payload.pull_request.base.ref;
+                      if (!['develop', 'staging'].includes(baseBranch) && !baseBranch.startsWith('feat/')) {
+                          core.setFailed(`Invalid base branch: ${baseBranch}`);
+                      }
diff --git a/.github/workflows/release-drafter.yml b/.github/workflows/release-drafter.yml
new file mode 100644
index 00000000000..a574539f718
--- /dev/null
+++ b/.github/workflows/release-drafter.yml
@@ -0,0 +1,12 @@
+name: Release Drafter
+on:
+    push:
+        branches: [staging]
+    workflow_dispatch: {}
+concurrency: ${{ github.workflow }}
+permissions: {}
+jobs:
+    draft:
+        permissions:
+            contents: write
+        uses: matrix-org/matrix-js-sdk/.github/workflows/release-drafter-workflow.yml@develop # zizmor: ignore[unpinned-uses]
diff --git a/.github/workflows/release-gitflow.yml b/.github/workflows/release-gitflow.yml
new file mode 100644
index 00000000000..7985ba20d7d
--- /dev/null
+++ b/.github/workflows/release-gitflow.yml
@@ -0,0 +1,17 @@
+# Gitflow merge-back master->develop
+name: Merge master -> develop
+on:
+    push:
+        branches: [master]
+concurrency: ${{ github.repository }}-${{ github.workflow }}
+permissions: {} # We use ELEMENT_BOT_TOKEN instead
+jobs:
+    merge:
+        uses: matrix-org/matrix-js-sdk/.github/workflows/release-gitflow.yml@develop # zizmor: ignore[unpinned-uses]
+        secrets:
+            ELEMENT_BOT_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
+        with:
+            # This relates to the directory in which to reset dependencies, only web needs this
+            dir: apps/web
+            dependencies: |
+                matrix-js-sdk
diff --git a/.github/workflows/release-module.yml b/.github/workflows/release-module.yml
new file mode 100644
index 00000000000..699562dc545
--- /dev/null
+++ b/.github/workflows/release-module.yml
@@ -0,0 +1,57 @@
+name: Release module
+run-name: Release modules
+
+on:
+    push:
+        tags:
+            - "module/*/v*.*.*"
+
+permissions: {}
+
+jobs:
+    release:
+        name: Build and release module
+        runs-on: ubuntu-24.04
+        permissions:
+            contents: write
+        steps:
+            - name: Parse tag
+              env:
+                  TAG: ${{ github.ref_name }}
+              run: |
+                  MODULE=$(echo "$TAG" | cut -d'/' -f2)
+                  VERSION=$(echo "$TAG" | cut -d'/' -f3)
+                  echo "MODULE=$MODULE" >> "$GITHUB_ENV"
+                  echo "VERSION=$VERSION" >> "$GITHUB_ENV"
+                  echo "TAG=$TAG" >> "$GITHUB_ENV"
+                  echo "ARCHIVE=${MODULE}-${VERSION}.zip" >> "$GITHUB_ENV"
+
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+
+            - uses: pnpm/action-setup@0ebf47130e4866e96fce0953f49152a61190b271 # v6.0.9
+
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  cache: "pnpm"
+                  node-version: "lts/*"
+
+            - name: Install deps
+              run: pnpm install --frozen-lockfile
+
+            - name: Build
+              run: pnpm --filter "./modules/$MODULE" run build
+
+            - name: Create archive
+              run: zip -r "$ARCHIVE" -j "modules/$MODULE/lib"
+
+            - name: Create GitHub release
+              env:
+                  GH_TOKEN: ${{ github.token }}
+              run: |
+                  gh release create "$TAG" \
+                    --title "$VERSION $MODULE" \
+                    --draft \
+                    --latest=false \
+                    "$ARCHIVE"
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
new file mode 100644
index 00000000000..b1a81af773d
--- /dev/null
+++ b/.github/workflows/release.yml
@@ -0,0 +1,68 @@
+name: Release Process
+on:
+    workflow_dispatch:
+        inputs:
+            mode:
+                description: What type of release
+                required: true
+                default: rc
+                type: choice
+                options:
+                    - rc
+                    - final
+concurrency: ${{ github.workflow }}
+permissions: {}
+jobs:
+    release:
+        uses: matrix-org/matrix-js-sdk/.github/workflows/release-make.yml@develop # zizmor: ignore[unpinned-uses]
+        permissions:
+            contents: write
+            issues: write
+            pull-requests: read
+            id-token: write
+        secrets:
+            ELEMENT_BOT_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
+            GPG_PRIVATE_KEY: ${{ secrets.GPG_PRIVATE_KEY }}
+            GPG_PASSPHRASE: ${{ secrets.GPG_PASSPHRASE }}
+        with:
+            final: ${{ inputs.mode == 'final' }}
+            gpg-fingerprint: ${{ vars.GPG_FINGERPRINT }}
+            asset-path: dist/*.tar.gz
+            expected-asset-count: 3
+            # Desktop has no dist script so we only target web here
+            dist-dir: apps/web
+            version-dirs: apps/web apps/desktop
+
+    check:
+        name: Post release checks
+        needs: release
+        runs-on: ubuntu-24.04
+        permissions:
+            checks: read
+        steps:
+            - name: Wait for docker build
+              uses: t3chguy/wait-on-check-action@18541021811b56544d90e0f073401c2b99e249d6 # fork
+              with:
+                  ref: master
+                  repo-token: ${{ secrets.GITHUB_TOKEN }}
+                  wait-interval: 10
+                  check-name: "Docker Buildx"
+                  allowed-conclusions: success
+
+            - name: Wait for debian package
+              uses: t3chguy/wait-on-check-action@18541021811b56544d90e0f073401c2b99e249d6 # fork
+              with:
+                  ref: master
+                  repo-token: ${{ secrets.GITHUB_TOKEN }}
+                  wait-interval: 10
+                  check-name: Build package
+                  allowed-conclusions: success
+
+            - name: Wait for desktop packaging
+              uses: t3chguy/wait-on-check-action@18541021811b56544d90e0f073401c2b99e249d6 # fork
+              with:
+                  ref: master
+                  repo-token: ${{ secrets.GITHUB_TOKEN }}
+                  wait-interval: 10
+                  check-regexp: Prepare|Linux|macOS|Windows|Deploy|deploy
+                  allowed-conclusions: success
diff --git a/.github/workflows/release_prepare.yml b/.github/workflows/release_prepare.yml
new file mode 100644
index 00000000000..f6fb0466c35
--- /dev/null
+++ b/.github/workflows/release_prepare.yml
@@ -0,0 +1,97 @@
+name: Cut branches
+on:
+    workflow_dispatch:
+        inputs:
+            element-web:
+                description: Prepare element-web
+                required: true
+                type: boolean
+                default: true
+            matrix-js-sdk:
+                description: Prepare matrix-js-sdk
+                required: true
+                type: boolean
+                default: true
+permissions: {} # Uses ELEMENT_BOT_TOKEN instead
+jobs:
+    checks:
+        name: Sanity checks
+        strategy:
+            matrix:
+                repo:
+                    - matrix-org/matrix-js-sdk
+                    - element-hq/element-web
+        uses: matrix-org/matrix-js-sdk/.github/workflows/release-checks.yml@develop # zizmor: ignore[unpinned-uses]
+        secrets:
+            ELEMENT_BOT_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
+        with:
+            repository: ${{ matrix.repo }}
+
+    prepare:
+        runs-on: ubuntu-24.04
+        needs: checks
+        env:
+            # The order is specified bottom-up to avoid any races for allchange
+            REPOS: matrix-js-sdk element-web
+        steps:
+            - name: Checkout Element Web
+              uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              if: inputs.element-web
+              with:
+                  repository: element-hq/element-web
+                  path: element-web
+                  ref: staging
+                  fetch-depth: 0
+                  fetch-tags: true
+                  token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  persist-credentials: true
+            - name: Checkout Matrix JS SDK
+              uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              if: inputs.matrix-js-sdk
+              with:
+                  repository: matrix-org/matrix-js-sdk
+                  path: matrix-js-sdk
+                  ref: staging
+                  fetch-depth: 0
+                  fetch-tags: true
+                  token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  persist-credentials: true
+
+            - name: Prepare Git
+              run: |
+                  git config --global user.email "releases@riot.im"
+                  git config --global user.name "RiotRobot"
+
+            - name: Merge Element Web
+              if: inputs.element-web
+              run: |
+                  git -C "element-web" merge origin/develop
+            - name: Merge JS SDK
+              if: inputs.matrix-js-sdk
+              run: |
+                  git -C "matrix-js-sdk" merge origin/develop
+
+            - name: Push staging
+              run: for REPO in $REPOS; do [ -d "$REPO" ] && git -C "$REPO" push origin staging; done
+
+            - name: Wait for matrix-js-sdk draft
+              if: inputs.matrix-js-sdk
+              uses: t3chguy/wait-on-check-action@18541021811b56544d90e0f073401c2b99e249d6 # fork
+              with:
+                  ref: staging
+                  repo: matrix-org/matrix-js-sdk
+                  repo-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  wait-interval: 10
+                  check-name: "draft / draft"
+                  allowed-conclusions: success
+
+            - name: Wait for element-web draft
+              if: inputs.element-web
+              uses: t3chguy/wait-on-check-action@18541021811b56544d90e0f073401c2b99e249d6 # fork
+              with:
+                  ref: staging
+                  repo: element-hq/element-web
+                  repo-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  wait-interval: 10
+                  check-name: "draft / draft"
+                  allowed-conclusions: success
diff --git a/.github/workflows/shared-component-storybook-build.yml b/.github/workflows/shared-component-storybook-build.yml
new file mode 100644
index 00000000000..cffbb5dc10a
--- /dev/null
+++ b/.github/workflows/shared-component-storybook-build.yml
@@ -0,0 +1,38 @@
+name: Build shared component storybook
+on:
+    merge_group: {}
+    pull_request: {}
+    workflow_call: {}
+
+permissions: {}
+
+jobs:
+    doc:
+        name: Build storybook
+        runs-on: ubuntu-latest
+        steps:
+            - name: 🧮 Checkout code
+              uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - name: 🔧 Pnpm cache
+              uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  cache: "pnpm"
+                  node-version-file: package.json
+
+            - name: 🔨 Install dependencies
+              working-directory: packages/shared-components
+              run: "pnpm install --frozen-lockfile"
+
+            - name: 📖 Build Storybook
+              working-directory: packages/shared-components
+              run: pnpm build:storybook
+
+            - uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: shared-components-storybook
+                  path: packages/shared-components/storybook-static
+                  retention-days: 1
diff --git a/.github/workflows/shared-component-storybook-netlify.yaml b/.github/workflows/shared-component-storybook-netlify.yaml
new file mode 100644
index 00000000000..ae0e2c15501
--- /dev/null
+++ b/.github/workflows/shared-component-storybook-netlify.yaml
@@ -0,0 +1,47 @@
+# Triggers after the shared component storybook has finished building,
+# taking the artifact and uploading it to Netlify for easier viewing
+name: Upload Shared Component Storybook to Netlify
+on:
+    # Privilege escalation necessary to deploy to Netlify
+    # 🚨 We must not execute any checked out code here.
+    workflow_run: # zizmor: ignore[dangerous-triggers]
+        workflows: ["Build shared component storybook"]
+        types:
+            - completed
+
+concurrency:
+    group: ${{ github.workflow }}-${{ github.event.workflow_run.head_branch || github.run_id }}
+    cancel-in-progress: ${{ github.event.workflow_run.event == 'pull_request' }}
+
+permissions: {}
+
+jobs:
+    report:
+        if: github.event.workflow_run.conclusion != 'cancelled' && github.event.workflow_run.event == 'pull_request'
+        name: Upload Storybook
+        runs-on: ubuntu-24.04
+        environment: Netlify
+        permissions:
+            actions: read
+            deployments: write
+        steps:
+            - name: 📥 Download artifact
+              uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  github-token: ${{ secrets.GITHUB_TOKEN }}
+                  run-id: ${{ github.event.workflow_run.id }}
+                  name: shared-components-storybook
+                  path: storybook-static
+
+            - name: 📤 Deploy to Netlify
+              uses: matrix-org/netlify-pr-preview@9805cd123fc9a7e421e35340a05e1ebc5dee46b5 # v3
+              with:
+                  path: storybook-static
+                  owner: ${{ github.event.workflow_run.head_repository.owner.login }}
+                  branch: ${{ github.event.workflow_run.head_branch }}
+                  revision: ${{ github.event.workflow_run.head_sha }}
+                  token: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+                  site_id: ${{ vars.NETLIFY_SITE_ID }}
+                  desc: Shared Component Storybook
+                  deployment_env: SharedComponentStorybook
+                  prefix: "storybook-"
diff --git a/.github/workflows/shared-component-storybook-publish.yaml b/.github/workflows/shared-component-storybook-publish.yaml
new file mode 100644
index 00000000000..fcfdf21bb60
--- /dev/null
+++ b/.github/workflows/shared-component-storybook-publish.yaml
@@ -0,0 +1,33 @@
+name: Publish shared component storybook
+on:
+    workflow_dispatch: {}
+    push:
+        branches:
+            - "develop"
+        paths:
+            - "packages/shared-components/**/*"
+
+permissions: {}
+
+jobs:
+    build:
+        name: Build storybook
+        uses: ./.github/workflows/shared-component-storybook-build.yml
+
+    publish:
+        name: Publish storybook
+        runs-on: ubuntu-latest
+        needs: build
+        environment: SharedComponents
+        steps:
+            - uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  name: shared-components-storybook
+                  path: storybook-static
+
+            - name: 🚀 Deploy to Cloudflare Pages
+              uses: cloudflare/wrangler-action@ebbaa1584979971c8614a24965b4405ff95890e0 # v4
+              with:
+                  apiToken: ${{ secrets.CF_PAGES_TOKEN }}
+                  accountId: ${{ secrets.CF_PAGES_ACCOUNT_ID }}
+                  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
new file mode 100644
index 00000000000..a1aa61b0240
--- /dev/null
+++ b/.github/workflows/shared-component-visual-tests-netlify.yaml
@@ -0,0 +1,50 @@
+# Triggers after the shared component tests have finished,
+# It uploads the received images and diffs to netlify, printing the URLs to the console
+name: Upload Shared Component Visual Test Diffs
+on:
+    # Privilege escalation necessary to deploy to Netlify
+    # 🚨 We must not execute any checked out code here.
+    workflow_run: # zizmor: ignore[dangerous-triggers]
+        workflows: ["Shared Component Visual Tests"]
+        types:
+            - completed
+
+concurrency:
+    group: ${{ github.workflow }}-${{ github.event.workflow_run.head_branch || github.run_id }}
+    cancel-in-progress: ${{ github.event.workflow_run.event == 'pull_request' }}
+
+permissions: {}
+
+jobs:
+    report:
+        if: github.event.workflow_run.conclusion == 'failure'
+        name: Upload Diffs
+        runs-on: ubuntu-24.04
+        environment: Netlify
+        permissions:
+            actions: read
+            deployments: write
+        steps:
+            - name: Download Diffs
+              uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              with:
+                  github-token: ${{ secrets.GITHUB_TOKEN }}
+                  run-id: ${{ github.event.workflow_run.id }}
+                  name: received-images
+                  path: received-images
+
+            - name: Generate Index
+              run: "cd received-images && tree -L 1 --noreport -H '' -o index.html ."
+
+            - name: 📤 Deploy to Netlify
+              uses: matrix-org/netlify-pr-preview@9805cd123fc9a7e421e35340a05e1ebc5dee46b5 # v3
+              with:
+                  path: received-images
+                  owner: ${{ github.event.workflow_run.head_repository.owner.login }}
+                  branch: ${{ github.event.workflow_run.head_branch }}
+                  revision: ${{ github.event.workflow_run.head_sha }}
+                  token: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+                  site_id: ${{ vars.NETLIFY_SITE_ID }}
+                  desc: Shared Component Visual Diffs
+                  deployment_env: SharedComponentDiffs
+                  prefix: "diffs-"
diff --git a/.github/workflows/shared-component-visual-tests.yaml b/.github/workflows/shared-component-visual-tests.yaml
new file mode 100644
index 00000000000..40e3470e41f
--- /dev/null
+++ b/.github/workflows/shared-component-visual-tests.yaml
@@ -0,0 +1,70 @@
+name: Shared Component Visual Tests
+on:
+    pull_request: {}
+    merge_group:
+        types: [checks_requested]
+    push:
+        branches: [develop, master]
+
+concurrency:
+    group: ${{ github.workflow }}-${{ github.ref }}-${{ github.event_name }}
+    cancel-in-progress: true
+
+permissions: {} # No permissions required
+
+jobs:
+    testStorybook:
+        name: "Run Visual Tests"
+        runs-on: ubuntu-24.04
+        permissions:
+            actions: read
+            issues: read
+            pull-requests: read
+        steps:
+            # Dump the disk usage before we start: this job frequently flakes with "No space left on device"
+            # so, with the one at the end too, this will let us work out how much disk has been used.
+            - name: dfbefore
+              run: df -h && df -i
+
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+                  repository: element-hq/element-web
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  cache: "pnpm"
+                  node-version: "lts/*"
+
+            - name: Install dependencies
+              working-directory: packages/shared-components
+              run: pnpm install --frozen-lockfile
+
+            - name: Setup playwright
+              uses: ./.github/actions/setup-playwright
+              with:
+                  write-cache: ${{ github.event_name != 'merge_group' }}
+
+            - name: Run Visual tests
+              working-directory: packages/shared-components
+              run: "pnpm test:storybook --run"
+
+            - name: Detect stale screenshots
+              run: |
+                  if diff -rq __baselines__ __results__ | grep "^Only in __baselines__"; then
+                      exit 1
+                  fi
+              working-directory: packages/shared-components/__vis__/linux
+
+            - name: Upload received images & diffs
+              if: always()
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: received-images
+                  path: packages/shared-components/__vis__/linux
+
+            # Dump the disk usage on failure, because this job seems to fail with disk fills sometimes
+            - name: df
+              run: df -h && df -i
+              if: ${{ failure() }}
diff --git a/.github/workflows/static_analysis.yaml b/.github/workflows/static_analysis.yaml
new file mode 100644
index 00000000000..31c0a3c42f9
--- /dev/null
+++ b/.github/workflows/static_analysis.yaml
@@ -0,0 +1,150 @@
+name: Static Analysis
+on:
+    pull_request: {}
+    push:
+        branches: [develop, master]
+    merge_group:
+        types: [checks_requested]
+concurrency:
+    group: ${{ github.workflow }}-${{ github.ref }}-${{ github.event_name }}
+    cancel-in-progress: true
+
+env:
+    # This must be set for fetchdep.sh to get the right branch
+    PR_NUMBER: ${{ github.event.pull_request.number }}
+    NX_DEFAULT_OUTPUT_STYLE: stream-without-prefixes
+
+permissions: {} # No permissions required
+
+jobs:
+    lint:
+        strategy:
+            fail-fast: false
+            matrix:
+                include:
+                    - name: Typescript Syntax Check
+                      install: layered
+                      command: "lint:types"
+                    - name: Oxfmt
+                      install: normal
+                      command: "lint:fmt"
+                    - name: Oxlint
+                      install: normal
+                      command: "lint:js"
+                    - name: Style Lint
+                      install: normal
+                      command: "lint:style"
+                    - name: Workflow Lint
+                      install: normal
+                      command: "lint:workflows"
+                    - name: Analyse Dead Code
+                      install: normal
+                      command: "lint:knip"
+                    - name: Rethemendex Check
+                      command: "rethemendex"
+                      assert-diff: true
+                    - name: Module API Docs Check
+                      command: "build"
+                      install: normal
+                      project: "@element-hq/element-web-module-api"
+                      assert-diff: true
+                    - name: Docs
+                      install: layered
+                      command: "docs:build"
+                    - name: Unused settings
+                      install: normal
+                      command: "lint:unused-settings"
+        name: ${{ matrix.name }}
+        runs-on: ubuntu-24.04
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              if: matrix.install != ''
+              with:
+                  cache: "pnpm"
+                  node-version: "lts/*"
+
+            - name: Install Dependencies (layered)
+              if: matrix.install == 'layered'
+              run: "./scripts/layered.sh"
+            - name: Install Dependencies (normal)
+              if: matrix.install == 'normal'
+              run: "pnpm install --frozen-lockfile"
+
+            - name: Run ${{ matrix.command }}
+              run: pnpm nx run-many -t "$CMD" -p
+              env:
+                  CMD: ${{ matrix.command }}
+              if: matrix.project == ''
+
+            - name: Run ${{ matrix.command }} on ${{ matrix.project }}
+              run: pnpm nx run -t "$CMD" -p "$PROJECT"
+              env:
+                  CMD: ${{ matrix.command }}
+                  PROJECT: ${{ matrix.project }}
+
+              if: matrix.project
+
+            - name: Assert no changes
+              run: git diff --exit-code
+              if: matrix.assert-diff
+
+    zizmor:
+        name: Zizmor Github Actions lint
+        runs-on: ubuntu-24.04
+        permissions:
+            security-events: write
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+
+            - name: Run zizmor
+              uses: zizmorcore/zizmor-action@3dc1ecc9bcb9e94e9b2c709687979e1298497054 # v0.6.2
+
+    i18n:
+        strategy:
+            fail-fast: false
+            matrix:
+                include:
+                    - name: Element Web
+                      path: "apps/web"
+                      allowed-hardcoded-keys: |
+                          console_dev_note
+                          labs|element_call_video_rooms
+                          labs|feature_disable_call_per_sender_encryption
+                          voip|element_call
+                          error|invalid_json
+                          error|misconfigured
+                          welcome|title_element
+                          devtools|settings|elementCallUrl
+                          labs|sliding_sync_description
+                          settings|voip|noise_suppression_description
+                          settings|voip|echo_cancellation_description
+                    - name: Element Desktop
+                      path: "apps/desktop"
+                    - name: Shared Components
+                      path: "packages/shared-components"
+        name: "i18n Check (${{ matrix.name }})"
+        uses: matrix-org/matrix-web-i18n/.github/workflows/i18n_check.yml@6eda3835118f3bc3fb658a1a3c20b7da9d16ae42
+        permissions:
+            pull-requests: read
+        with:
+            hardcoded-words: "Element"
+            packageManager: pnpm
+            path: ${{ matrix.path }}
+            allowed-hardcoded-keys: ${{ matrix.allowed-hardcoded-keys }}
+
+    # Dummy job to simplify branch protections
+    ci:
+        name: Static Analysis
+        needs: [lint, i18n, zizmor]
+        if: always()
+        runs-on: ubuntu-24.04
+        steps:
+            - if: contains(needs.*.result, 'failure') || contains(needs.*.result, 'cancelled')
+              run: exit 1
diff --git a/.github/workflows/sync-labels.yml b/.github/workflows/sync-labels.yml
new file mode 100644
index 00000000000..a92fbe6fdb3
--- /dev/null
+++ b/.github/workflows/sync-labels.yml
@@ -0,0 +1,24 @@
+name: Sync labels
+on:
+    workflow_dispatch: {}
+    schedule:
+        - cron: "0 1 * * *" # 1am every day
+    push:
+        branches:
+            - develop
+        paths:
+            - .github/labels.yml
+
+permissions: {} # We use ELEMENT_BOT_TOKEN instead
+
+jobs:
+    sync-labels:
+        uses: element-hq/element-meta/.github/workflows/sync-labels.yml@7f2f93fb9b52ece7a0998f60e64862aa203c1746
+        with:
+            LABELS: |
+                element-hq/element-meta
+                .github/labels.yml
+            DELETE: true
+            WET: true
+        secrets:
+            ELEMENT_BOT_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
new file mode 100644
index 00000000000..92dde97ce0c
--- /dev/null
+++ b/.github/workflows/tests.yml
@@ -0,0 +1,229 @@
+name: Tests
+on:
+    pull_request: {}
+    merge_group:
+        types: [checks_requested]
+    push:
+        branches: [develop, master]
+    workflow_call:
+        inputs:
+            disable_coverage:
+                type: boolean
+                required: false
+                description: "Specify true to skip generating and uploading coverage for tests"
+            matrix-js-sdk-sha:
+                type: string
+                required: false
+                description: "The matrix-js-sdk SHA to use"
+concurrency:
+    group: ${{ github.workflow }}-${{ github.ref }}-${{ github.event_name }}
+    cancel-in-progress: true
+
+env:
+    ENABLE_COVERAGE: ${{ github.event_name != 'merge_group' && inputs.disable_coverage != 'true' }}
+    # fetchdep.sh needs to know our PR number
+    PR_NUMBER: ${{ github.event.pull_request.number }}
+    NX_DEFAULT_OUTPUT_STYLE: stream-without-prefixes
+
+permissions: {}
+
+jobs:
+    jest_ew:
+        name: Jest (Element Web)
+        runs-on: ubuntu-24.04
+        strategy:
+            fail-fast: false
+            matrix:
+                # Run multiple instances in parallel to speed up the tests
+                runner: [1, 2, 3]
+        steps:
+            - name: Checkout code
+              uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  repository: ${{ inputs.matrix-js-sdk-sha && 'element-hq/element-web' || github.repository }}
+                  persist-credentials: false
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - name: pnpm cache
+              uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  node-version: "lts/*"
+                  cache: "pnpm"
+
+            - name: Install Deps
+              run: "./scripts/layered.sh"
+              env:
+                  JS_SDK_GITHUB_BASE_REF: ${{ inputs.matrix-js-sdk-sha }}
+
+            - name: Jest Cache
+              uses: actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9 # v6
+              with:
+                  path: /tmp/jest_cache
+                  key: ${{ hashFiles('**/pnpm-lock.yaml') }}
+
+            - name: Run tests
+              working-directory: apps/web
+              run: |
+                  pnpm test \
+                      --coverage=$ENABLE_COVERAGE \
+                      --ci \
+                      --maxWorkers="50%" \
+                      --shard "$SHARD" \
+                      --cacheDirectory /tmp/jest_cache
+              env:
+                  # tell jest to use coloured output
+                  FORCE_COLOR: true
+                  SHARD: ${{ format('{0}/{1}', matrix.runner, strategy.job-total) }}
+                  NODE_OPTIONS: "--max_old_space_size=8192"
+
+            - name: Move coverage files into place
+              if: env.ENABLE_COVERAGE == 'true'
+              working-directory: apps/web
+              run: mv coverage/lcov.info coverage/$NODE_VERSION-${{ matrix.runner }}.lcov.info
+              env:
+                  NODE_VERSION: ${{ steps.setupNode.outputs.node-version }}
+
+            - name: Upload Artifact
+              if: env.ENABLE_COVERAGE == 'true'
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: coverage-jest-${{ matrix.runner }}
+                  path: |
+                      apps/web/coverage
+                      !apps/web/coverage/lcov-report
+
+    vitest:
+        name: Vitest${{ case(matrix.path == '.', '', format(' {0}', matrix.path)) }}
+        strategy:
+            matrix:
+                path:
+                    - packages/shared-components
+                    - "."
+        runs-on: ubuntu-24.04
+        steps:
+            # Dump the disk usage before we start: this job frequently flakes with "No space left on device"
+            # so, with the one at the end too, this will let us work out how much disk has been used.
+            - name: dfbefore
+              run: df -h && df -i
+
+            - name: Checkout code
+              uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  repository: ${{ inputs.matrix-js-sdk-sha && 'element-hq/element-web' || github.repository }}
+                  persist-credentials: false
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - name: pnpm cache
+              uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  node-version: "lts/*"
+                  cache: "pnpm"
+
+            - name: Install Deps (layered)
+              run: "./scripts/layered.sh"
+              if: matrix.path != 'packages/shared-components'
+              env:
+                  JS_SDK_GITHUB_BASE_REF: ${{ inputs.matrix-js-sdk-sha }}
+
+            - name: Install Deps (normal)
+              run: "pnpm install"
+              if: matrix.path == 'packages/shared-components'
+
+            - name: Cache storybook
+              uses: actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9 # v6
+              with:
+                  # NB: node_modules/.vite/vitest is intentionally not cached; a lockfile-keyed stale bundle
+                  # triggers a mid-run re-optimise + page reload that flakes browser-mode tests.
+                  path: |
+                      ${{ matrix.path }}/node_modules/.cache
+                  key: ${{ matrix.path }}-${{ hashFiles('pnpm-lock.yaml') }}
+
+            - name: Setup playwright
+              uses: ./.github/actions/setup-playwright
+              with:
+                  write-cache: ${{ github.event_name != 'merge_group' }}
+
+            - name: Run tests
+              working-directory: ${{ matrix.path }}
+              run: pnpm test:unit --coverage=$ENABLE_COVERAGE
+
+            # Dump the disk usage on failure, because this job seems to fail with disk fills sometimes
+            - name: df
+              run: df -h && df -i
+              if: ${{ failure() }}
+
+            - name: Calculate artifact name
+              if: env.ENABLE_COVERAGE == 'true'
+              id: artifact
+              run: |
+                  NAME=$(basename "$MATRIX_PATH")
+                  echo "name=$NAME" >> $GITHUB_OUTPUT
+              env:
+                  MATRIX_PATH: ${{ case(matrix.path == '.', 'vite', format(' {0}', matrix.path)) }}
+
+            - name: Upload Artifact
+              if: env.ENABLE_COVERAGE == 'true'
+              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
+              with:
+                  name: coverage-${{ steps.artifact.outputs.name }}
+                  path: |
+                      ${{ matrix.path }}/coverage
+                      !${{ matrix.path }}/coverage/lcov-report
+
+    complete:
+        name: Tests
+        needs:
+            - jest_ew
+            - vitest
+        if: always()
+        runs-on: ubuntu-24.04
+        permissions:
+            contents: read
+            pull-requests: read
+            checks: write
+            statuses: write
+        steps:
+            - name: Skip SonarCloud in merge queue
+              if: github.event_name == 'merge_group' || inputs.disable_coverage == 'true'
+              uses: guibranco/github-status-action-v2@9bfa8773cdbdc6c185747fd43cd7faa9d7c32f09
+              with:
+                  authToken: ${{ secrets.GITHUB_TOKEN }}
+                  state: success
+                  description: SonarCloud skipped
+                  context: SonarCloud Code Analysis
+                  sha: ${{ github.sha }}
+                  target_url: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}
+
+            - name: Checkout code
+              uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              if: needs.jest_ew.result == 'success' && needs.vitest.result == 'success' && env.ENABLE_COVERAGE == 'true'
+              with:
+                  persist-credentials: false
+                  fetch-depth: 0 # Full history, fastest for diff-cover
+
+            - name: Download coverage artifacts
+              uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+              if: needs.jest_ew.result == 'success' && needs.vitest.result == 'success' && env.ENABLE_COVERAGE == 'true'
+              with:
+                  pattern: coverage-*
+                  path: coverage
+
+            - name: Diff Coverage
+              id: coverage
+              if: needs.jest_ew.result == 'success' && needs.vitest.result == 'success' && env.ENABLE_COVERAGE == 'true'
+              uses: Affanmir/diff-cover-action@a35ea05c1c458490473f6fc2233737e809678273 # v2.1.1
+              with:
+                  compare-branch: origin/${{ github.base_ref || 'develop' }}
+                  mode: coverage
+                  coverage-files: coverage/*/*lcov.info
+                  ignore-whitespace: true
+                  show-uncovered: true
+                  post-comment: false
+                  create-annotations: true
+                  annotation-type: warning
+                  fail-on-threshold: ${{ contains(github.event.pull_request.labels.*.name, 'Z-Skip-Coverage') && 'false' || 'true' }}
+                  fail-under: 80
+
+            - name: Check status of tests
+              if: contains(needs.*.result, 'failure') || contains(needs.*.result, 'cancelled')
+              run: exit 1
diff --git a/.github/workflows/triage-assigned.yml b/.github/workflows/triage-assigned.yml
new file mode 100644
index 00000000000..93545e74e1c
--- /dev/null
+++ b/.github/workflows/triage-assigned.yml
@@ -0,0 +1,21 @@
+name: Move issued assigned to specific team members to their boards
+
+on:
+    issues:
+        types: [assigned]
+
+permissions: {} # We use ELEMENT_BOT_TOKEN instead
+
+jobs:
+    web-app-team:
+        runs-on: ubuntu-24.04
+        if: |
+            contains(github.event.issue.assignees.*.login, 't3chguy') ||
+            contains(github.event.issue.assignees.*.login, 'florianduros') ||
+            contains(github.event.issue.assignees.*.login, 'dbkr') ||
+            contains(github.event.issue.assignees.*.login, 'MidhunSureshR')
+        steps:
+            - uses: actions/add-to-project@5afcf98fcd03f1c2f92c3c83f58ae24323cc57fd # v2.0.0
+              with:
+                  project-url: https://github.com/orgs/element-hq/projects/67
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
diff --git a/.github/workflows/triage-incoming.yml b/.github/workflows/triage-incoming.yml
new file mode 100644
index 00000000000..508a8c51d15
--- /dev/null
+++ b/.github/workflows/triage-incoming.yml
@@ -0,0 +1,16 @@
+name: Move new issues into Issue triage board
+
+on:
+    issues:
+        types: [opened]
+
+permissions: {} # We use ELEMENT_BOT_TOKEN instead
+
+jobs:
+    automate-project-columns:
+        runs-on: ubuntu-24.04
+        steps:
+            - uses: actions/add-to-project@5afcf98fcd03f1c2f92c3c83f58ae24323cc57fd # v2.0.0
+              with:
+                  project-url: https://github.com/orgs/element-hq/projects/120
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
diff --git a/.github/workflows/triage-labelled.yml b/.github/workflows/triage-labelled.yml
new file mode 100644
index 00000000000..3f56e9f7849
--- /dev/null
+++ b/.github/workflows/triage-labelled.yml
@@ -0,0 +1,178 @@
+name: Move labelled issues to correct projects
+
+on:
+    issues:
+        types: [labeled]
+    workflow_call:
+        secrets:
+            ELEMENT_BOT_TOKEN:
+                required: true
+
+permissions: {} # We use ELEMENT_BOT_TOKEN instead
+
+jobs:
+    apply_Z-Labs_label:
+        name: Add Z-Labs label for features behind labs flags
+        runs-on: ubuntu-24.04
+        if: >
+            contains(github.event.issue.labels.*.name, 'A-Maths') ||
+            contains(github.event.issue.labels.*.name, 'A-Location-Sharing') ||
+            contains(github.event.issue.labels.*.name, 'Z-IA') ||
+            contains(github.event.issue.labels.*.name, 'A-Jump-To-Date ') ||
+            contains(github.event.issue.labels.*.name, 'A-Themes-Custom') ||
+            contains(github.event.issue.labels.*.name, 'A-E2EE-Dehydration') ||
+            contains(github.event.issue.labels.*.name, 'A-Tags') ||
+            contains(github.event.issue.labels.*.name, 'A-Video-Rooms') ||
+            contains(github.event.issue.labels.*.name, 'A-Message-Starring') ||
+            contains(github.event.issue.labels.*.name, 'A-Rich-Text-Editor') ||
+            contains(github.event.issue.labels.*.name, 'A-Element-Call')
+        steps:
+            - uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9
+              with:
+                  script: |
+                      github.rest.issues.addLabels({
+                        issue_number: context.issue.number,
+                        owner: context.repo.owner,
+                        repo: context.repo.repo,
+                        labels: ['Z-Labs']
+                      })
+
+    apply_Help-Wanted_label:
+        name: Add "Help Wanted" label to all "good first issue" and Hacktoberfest
+        runs-on: ubuntu-24.04
+        if: >
+            contains(github.event.issue.labels.*.name, 'good first issue') ||
+            contains(github.event.issue.labels.*.name, 'Hacktoberfest')
+        steps:
+            - uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9
+              with:
+                  script: |
+                      github.rest.issues.addLabels({
+                        issue_number: context.issue.number,
+                        owner: context.repo.owner,
+                        repo: context.repo.repo,
+                        labels: ['Help Wanted']
+                      })
+
+    move_needs_info_issues:
+        name: X-Needs-Info issues to Need info column on triage board
+        runs-on: ubuntu-24.04
+        if: >
+            contains(github.event.issue.labels.*.name, 'X-Needs-Info')
+        steps:
+            - id: add_to_project
+              uses: actions/add-to-project@5afcf98fcd03f1c2f92c3c83f58ae24323cc57fd # v2.0.0
+              with:
+                  project-url: ${{ env.PROJECT_URL }}
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+
+            - id: set_fields
+              uses: titoportas/update-project-fields@421a54430b3cdc9eefd8f14f9ce0142ab7678751 # v0.1.0
+              with:
+                  project-url: ${{ env.PROJECT_URL }}
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  item-id: ${{ steps.add_to_project.outputs.itemId }} # Use the item-id output of the previous step
+                  field-keys: Status
+                  field-values: "Needs info"
+        env:
+            PROJECT_URL: https://github.com/orgs/element-hq/projects/120
+
+    move_flakey_test_issues:
+        name: Z-Flaky-Test issues to Sized for maintainer column on triage board
+        runs-on: ubuntu-24.04
+        if: >
+            contains(github.event.issue.labels.*.name, 'Z-Flaky-Test')
+        steps:
+            - id: add_to_project
+              uses: actions/add-to-project@5afcf98fcd03f1c2f92c3c83f58ae24323cc57fd # v2.0.0
+              with:
+                  project-url: ${{ env.PROJECT_URL }}
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+
+            - id: set_fields
+              uses: titoportas/update-project-fields@421a54430b3cdc9eefd8f14f9ce0142ab7678751 # v0.1.0
+              with:
+                  project-url: ${{ env.PROJECT_URL }}
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  item-id: ${{ steps.add_to_project.outputs.itemId }} # Use the item-id output of the previous step
+                  field-keys: Status
+                  field-values: "Sized for maintainer"
+        env:
+            PROJECT_URL: https://github.com/orgs/element-hq/projects/120
+
+    add_priority_design_issues_to_project:
+        name: P1 X-Needs-Design to Design project board
+        runs-on: ubuntu-24.04
+        if: >
+            contains(github.event.issue.labels.*.name, 'X-Needs-Design') &&
+            (contains(github.event.issue.labels.*.name, 'S-Critical') &&
+             (contains(github.event.issue.labels.*.name, 'O-Frequent') ||
+              contains(github.event.issue.labels.*.name, 'O-Occasional')) ||
+             contains(github.event.issue.labels.*.name, 'S-Major') &&
+             contains(github.event.issue.labels.*.name, 'O-Frequent') ||
+             contains(github.event.issue.labels.*.name, 'A11y'))
+        steps:
+            - uses: actions/add-to-project@5afcf98fcd03f1c2f92c3c83f58ae24323cc57fd # v2.0.0
+              with:
+                  project-url: https://github.com/orgs/element-hq/projects/18
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+
+    add_product_issues:
+        name: X-Needs-Product to product project board
+        runs-on: ubuntu-24.04
+        if: >
+            contains(github.event.issue.labels.*.name, 'X-Needs-Product')
+        steps:
+            - uses: actions/add-to-project@5afcf98fcd03f1c2f92c3c83f58ae24323cc57fd # v2.0.0
+              with:
+                  project-url: https://github.com/orgs/element-hq/projects/28
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+
+    Search_issues_to_board:
+        name: Search issues to project board
+        runs-on: ubuntu-24.04
+        if: >
+            contains(github.event.issue.labels.*.name, 'A-New-Search-Experience')
+        steps:
+            - uses: actions/add-to-project@5afcf98fcd03f1c2f92c3c83f58ae24323cc57fd # v2.0.0
+              with:
+                  project-url: https://github.com/orgs/element-hq/projects/48
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+
+    voip:
+        name: Add labelled issues to VoIP project board
+        runs-on: ubuntu-24.04
+        if: >
+            contains(github.event.issue.labels.*.name, 'Team: VoIP')
+        steps:
+            - uses: actions/add-to-project@5afcf98fcd03f1c2f92c3c83f58ae24323cc57fd # v2.0.0
+              with:
+                  project-url: https://github.com/orgs/element-hq/projects/41
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+
+    crypto:
+        name: Add labelled issues to Crypto project
+        runs-on: ubuntu-24.04
+        if: >
+            contains(github.event.issue.labels.*.name, 'Team: Crypto')
+        steps:
+            - uses: actions/add-to-project@5afcf98fcd03f1c2f92c3c83f58ae24323cc57fd # v2.0.0
+              with:
+                  project-url: https://github.com/orgs/element-hq/projects/76
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+
+    tech_debt:
+        name: Add labelled issues to tech debt project
+        runs-on: ubuntu-24.04
+        if: >
+            contains(github.event.issue.labels.*.name, 'A-Developer-Experience') ||
+            contains(github.event.issue.labels.*.name, 'A-Documentation') ||
+            contains(github.event.issue.labels.*.name, 'A-Packaging') ||
+            contains(github.event.issue.labels.*.name, 'A-Technical-Debt') ||
+            contains(github.event.issue.labels.*.name, 'A-Testing') ||
+            contains(github.event.issue.labels.*.name, 'Z-Flaky-Test')
+        steps:
+            - uses: actions/add-to-project@5afcf98fcd03f1c2f92c3c83f58ae24323cc57fd # v2.0.0
+              with:
+                  project-url: https://github.com/orgs/element-hq/projects/101
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
diff --git a/.github/workflows/triage-move-review-requests.yml b/.github/workflows/triage-move-review-requests.yml
new file mode 100644
index 00000000000..6933233c0a3
--- /dev/null
+++ b/.github/workflows/triage-move-review-requests.yml
@@ -0,0 +1,140 @@
+name: Move pull requests asking for review to the relevant project
+on:
+    pull_request_target:
+        types: [review_requested]
+
+permissions: {} # Uses ELEMENT_BOT_TOKEN instead
+jobs:
+    add_design_pr_to_project:
+        name: Move PRs asking for design review to the design board
+        runs-on: ubuntu-24.04
+        steps:
+            - uses: octokit/graphql-action@ddde8ebb2493e79f390e6449c725c21663a67505 # v3.0.2
+              id: find_team_members
+              with:
+                  headers: '{"GraphQL-Features": "projects_next_graphql"}'
+                  query: |
+                      query find_team_members($team: String!) {
+                        organization(login: "element-hq") {
+                          team(slug: $team) {
+                            members {
+                              nodes {
+                                login
+                              }
+                            }
+                          }
+                        }
+                      }
+                  team: ${{ env.TEAM }}
+              env:
+                  TEAM: "design"
+                  GITHUB_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
+            - id: any_matching_reviewers
+              run: |
+                  # Fetch requested reviewers, and people who are on the team
+                  echo '${{ tojson(fromjson(steps.find_team_members.outputs.data).organization.team.members.nodes[*].login) }}' | tee /tmp/team_members.json
+                  echo '${{ tojson(github.event.pull_request.requested_reviewers[*].login) }}' | tee /tmp/reviewers.json
+                  jq --raw-output .[] < /tmp/team_members.json | sort | tee /tmp/team_members.txt
+                  jq --raw-output .[] < /tmp/reviewers.json | sort | tee /tmp/reviewers.txt
+
+                  # Fetch requested team reviewers, and the name of the team
+                  echo '${{ tojson(github.event.pull_request.requested_teams[*].slug) }}' | tee /tmp/team_reviewers.json
+                  jq --raw-output .[] < /tmp/team_reviewers.json | sort | tee /tmp/team_reviewers.txt
+                  echo '${{ env.TEAM }}' | tee /tmp/team.txt
+
+                  # If either a reviewer matches a team member, or a team matches our team, say "true"
+                  if [ $(join /tmp/team_members.txt /tmp/reviewers.txt | wc -l) != 0 ]; then
+                    echo "match=true" >> $GITHUB_OUTPUT
+                  elif [ $(join /tmp/team.txt /tmp/team_reviewers.txt | wc -l) != 0 ]; then
+                    echo "match=true" >> $GITHUB_OUTPUT
+                  else
+                    echo "match=false" >> $GITHUB_OUTPUT
+                  fi
+              env:
+                  TEAM: "design"
+            - uses: octokit/graphql-action@ddde8ebb2493e79f390e6449c725c21663a67505 # v3.0.2
+              id: add_to_project
+              if: steps.any_matching_reviewers.outputs.match == 'true'
+              with:
+                  headers: '{"GraphQL-Features": "projects_next_graphql"}'
+                  query: |
+                      mutation add_to_project($projectid:ID!, $contentid:ID!) {
+                        addProjectV2ItemById(input: {projectId: $projectid contentId: $contentid}) {
+                          item {
+                            id
+                          }
+                        }
+                      }
+                  projectid: ${{ env.PROJECT_ID }}
+                  contentid: ${{ github.event.pull_request.node_id }}
+              env:
+                  PROJECT_ID: "PVT_kwDOAM0swc0sUA"
+                  TEAM: "design"
+                  GITHUB_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
+
+    add_product_pr_to_project:
+        name: Move PRs asking for design review to the design board
+        runs-on: ubuntu-24.04
+        steps:
+            - uses: octokit/graphql-action@ddde8ebb2493e79f390e6449c725c21663a67505 # v3.0.2
+              id: find_team_members
+              with:
+                  headers: '{"GraphQL-Features": "projects_next_graphql"}'
+                  query: |
+                      query find_team_members($team: String!) {
+                        organization(login: "element-hq") {
+                          team(slug: $team) {
+                            members {
+                              nodes {
+                                login
+                              }
+                            }
+                          }
+                        }
+                      }
+                  team: ${{ env.TEAM }}
+              env:
+                  TEAM: "product"
+                  GITHUB_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
+            - id: any_matching_reviewers
+              run: |
+                  # Fetch requested reviewers, and people who are on the team
+                  echo '${{ tojson(fromjson(steps.find_team_members.outputs.data).organization.team.members.nodes[*].login) }}' | tee /tmp/team_members.json
+                  echo '${{ tojson(github.event.pull_request.requested_reviewers[*].login) }}' | tee /tmp/reviewers.json
+                  jq --raw-output .[] < /tmp/team_members.json | sort | tee /tmp/team_members.txt
+                  jq --raw-output .[] < /tmp/reviewers.json | sort | tee /tmp/reviewers.txt
+
+                  # Fetch requested team reviewers, and the name of the team
+                  echo '${{ tojson(github.event.pull_request.requested_teams[*].slug) }}' | tee /tmp/team_reviewers.json
+                  jq --raw-output .[] < /tmp/team_reviewers.json | sort | tee /tmp/team_reviewers.txt
+                  echo '${{ env.TEAM }}' | tee /tmp/team.txt
+
+                  # If either a reviewer matches a team member, or a team matches our team, say "true"
+                  if [ $(join /tmp/team_members.txt /tmp/reviewers.txt | wc -l) != 0 ]; then
+                    echo "match=true" >> $GITHUB_OUTPUT
+                  elif [ $(join /tmp/team.txt /tmp/team_reviewers.txt | wc -l) != 0 ]; then
+                    echo "match=true" >> $GITHUB_OUTPUT
+                  else
+                    echo "match=false" >> $GITHUB_OUTPUT
+                  fi
+              env:
+                  TEAM: "product"
+            - uses: octokit/graphql-action@ddde8ebb2493e79f390e6449c725c21663a67505 # v3.0.2
+              id: add_to_project
+              if: steps.any_matching_reviewers.outputs.match == 'true'
+              with:
+                  headers: '{"GraphQL-Features": "projects_next_graphql"}'
+                  query: |
+                      mutation add_to_project($projectid:ID!, $contentid:ID!) {
+                        addProjectV2ItemById(input: {projectId: $projectid contentId: $contentid}) {
+                          item {
+                            id
+                          }
+                        }
+                      }
+                  projectid: ${{ env.PROJECT_ID }}
+                  contentid: ${{ github.event.pull_request.node_id }}
+              env:
+                  PROJECT_ID: "PVT_kwDOAM0swc4AAg6N"
+                  TEAM: "product"
+                  GITHUB_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
diff --git a/.github/workflows/triage-stale.yml b/.github/workflows/triage-stale.yml
new file mode 100644
index 00000000000..d5970760556
--- /dev/null
+++ b/.github/workflows/triage-stale.yml
@@ -0,0 +1,29 @@
+name: Close stale issues & PRs
+on:
+    workflow_dispatch: {}
+    schedule:
+        - cron: "30 1 * * *"
+permissions: {}
+jobs:
+    close:
+        runs-on: ubuntu-24.04
+        permissions:
+            actions: write
+            issues: write
+            pull-requests: write
+        steps:
+            - uses: actions/stale@4391f3da665fdf50b6810c1a66712fb9ba21aa93 # v11
+              with:
+                  operations-per-run: 100
+
+                  # Flaky test issue closing
+                  any-of-issue-labels: "Z-Flaky-Test-Chrome,Z-Flaky-Test-Firefox,Z-Flaky-Test-Webkit"
+                  days-before-issue-stale: 14
+                  days-before-issue-close: 0
+                  close-issue-message: "This flaky test issue has not been updated in 14 days. It is being closed as presumed resolved."
+                  exempt-issue-labels: "Z-Flaky-Test-Disabled"
+
+                  # Stale PR closing
+                  days-before-pr-stale: 180
+                  days-before-pr-close: 0
+                  close-pr-message: "This PR has been automatically closed because it has been stale for 180 days. If you wish to continue working on this PR, please ping a maintainer to reopen it."
diff --git a/.github/workflows/triage-unlabelled.yml b/.github/workflows/triage-unlabelled.yml
new file mode 100644
index 00000000000..04f312ab32e
--- /dev/null
+++ b/.github/workflows/triage-unlabelled.yml
@@ -0,0 +1,54 @@
+name: Move unlabelled from needs info columns to triaged
+
+on:
+    issues:
+        types: [unlabeled]
+permissions: {}
+jobs:
+    move_no_longer_needs_info_issues:
+        name: Move no longer X-Needs-Info issues to Triaged
+        runs-on: ubuntu-24.04
+        if: >
+            !contains(github.event.issue.labels.*.name, 'X-Needs-Info')
+        steps:
+            - id: set_fields
+              uses: nipe0324/update-project-v2-item-field@c4af58452d1c5a788c1ea4f20e073fa722ec4a6b #v2.0.2
+              with:
+                  project-url: ${{ env.PROJECT_URL }}
+                  github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  skip-update-script: |
+                      const isIssue = item.type === 'ISSUE'
+                      const status = item.fieldValues['Status']
+                      return !isIssue || status !== 'Needs info'
+                  field-name: Status
+                  field-value: "Triaged"
+        env:
+            PROJECT_URL: https://github.com/orgs/element-hq/projects/120
+
+    remove_Z-Labs_label:
+        name: Remove Z-Labs label when features behind labs flags are removed
+        runs-on: ubuntu-24.04
+        if: >
+            !(contains(github.event.issue.labels.*.name, 'A-Maths') ||
+            contains(github.event.issue.labels.*.name, 'A-Message-Pinning') ||
+            contains(github.event.issue.labels.*.name, 'A-Location-Sharing') ||
+            contains(github.event.issue.labels.*.name, 'Z-IA') ||
+            contains(github.event.issue.labels.*.name, 'A-Jump-To-Date') ||
+            contains(github.event.issue.labels.*.name, 'A-Themes-Custom') ||
+            contains(github.event.issue.labels.*.name, 'A-E2EE-Dehydration') ||
+            contains(github.event.issue.labels.*.name, 'A-Tags') ||
+            contains(github.event.issue.labels.*.name, 'A-Video-Rooms') ||
+            contains(github.event.issue.labels.*.name, 'A-Message-Starring') ||
+            contains(github.event.issue.labels.*.name, 'A-Rich-Text-Editor') ||
+            contains(github.event.issue.labels.*.name, 'A-Element-Call')) &&
+            contains(github.event.issue.labels.*.name, 'Z-Labs')
+        steps:
+            - uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9
+              with:
+                  script: |
+                      github.rest.issues.removeLabel({
+                        issue_number: context.issue.number,
+                        owner: context.repo.owner,
+                        repo: context.repo.repo,
+                        name: ['Z-Labs']
+                      })
diff --git a/.github/workflows/update-jitsi.yml b/.github/workflows/update-jitsi.yml
new file mode 100644
index 00000000000..b98d67d99df
--- /dev/null
+++ b/.github/workflows/update-jitsi.yml
@@ -0,0 +1,37 @@
+# Re-fetches the Jitsi SDK and opens a PR to update it if it's different from what's in the repository
+name: Update Jitsi
+on:
+    workflow_dispatch: {}
+    schedule:
+        - cron: "0 3 * * 0" # 3am every Sunday
+permissions: {} # We use ELEMENT_BOT_TOKEN instead
+jobs:
+    update:
+        runs-on: ubuntu-24.04
+        steps:
+            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
+              with:
+                  persist-credentials: false
+
+            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
+              with:
+                  cache: "pnpm"
+                  node-version: "lts/*"
+
+            - name: Install Deps
+              run: "pnpm install --frozen-lockfile"
+
+            - name: Fetch Jitsi
+              working-directory: apps/web
+              run: "pnpm vendor:jitsi"
+
+            - name: Create Pull Request
+              uses: peter-evans/create-pull-request@5f6978faf089d4d20b00c7766989d076bb2fc7f1 # v8
+              with:
+                  token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+                  branch: actions/jitsi-update
+                  delete-branch: true
+                  title: Jitsi Update
+                  labels: |
+                      T-Task
diff --git a/.github/workflows/update-topics.yaml b/.github/workflows/update-topics.yaml
new file mode 100644
index 00000000000..698c8da804d
--- /dev/null
+++ b/.github/workflows/update-topics.yaml
@@ -0,0 +1,119 @@
+name: Update release topics
+on:
+    workflow_dispatch:
+        inputs:
+            expected_status:
+                description: What type of release is the next expected release
+                required: true
+                default: RC
+                type: choice
+                options:
+                    - RC
+                    - Release
+            expected_date:
+                description: Expected release date e.g. July 11th
+                required: true
+                type: string
+concurrency: ${{ github.workflow }}
+permissions: {} # No permissions required
+jobs:
+    bot:
+        name: Release topic update
+        runs-on: ubuntu-24.04
+        environment: Matrix
+        steps:
+            - uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9
+              env:
+                  HS_URL: ${{ secrets.BETABOT_HS_URL }}
+                  LOBBY_ROOM_ID: ${{ secrets.ROOM_ID }}
+                  PUBLIC_DISCUSSION_ROOM_ID: "!xUW4PpAe1CmThA3r2wI8IrgwwsK006-zqWdJCljpd10"
+                  ANNOUNCEMENT_ROOM_ID: "!ars5ndgI6IIYZXECiJ-u8YljHNzShJn3nHdB-3rYI2M"
+                  TOKEN: ${{ secrets.BETABOT_ACCESS_TOKEN }}
+                  RELEASE_STATUS: "Release status: ${{ inputs.expected_status }} expected ${{ inputs.expected_date }}"
+              with:
+                  script: |
+                      const { HS_URL, TOKEN, RELEASE_STATUS, LOBBY_ROOM_ID, PUBLIC_DISCUSSION_ROOM_ID, ANNOUNCEMENT_ROOM_ID } = process.env;
+
+                      const repo = context.repo;
+                      const { data } = await github.rest.repos.getLatestRelease({
+                          owner: repo.owner,
+                          repo: repo.repo,
+                      });
+                      console.log("Found latest version: " + data.tag_name);
+
+                      const releaseTopic = `Stable: ${data.tag_name} | ${RELEASE_STATUS}`;
+                      console.log("Release topic: " + releaseTopic);
+
+                      const regex = /Stable: v(.+) \| Release status: (\w+) expected (\w+ \d+\w\w)/gm;
+
+                      async function updateReleaseInTopic(roomId) {
+                          const apiUrl = `${HS_URL}/_matrix/client/v3/rooms/${roomId}/state/m.room.topic/`;
+                          const headers = {
+                              "Content-Type": "application/json",
+                              "Authorization": `Bearer ${TOKEN}`,
+                          };
+                          await fetch(`${HS_URL}/_matrix/client/v3/rooms/${roomId}/join`, {
+                              method: "POST",
+                              headers,
+                              body: "{}",
+                          });
+
+                          let res = await fetch(apiUrl, {
+                              method: "GET",
+                              headers,
+                          });
+
+                          if (!res.ok) {
+                              console.log(roomId, "failed to fetch", await res.text());
+                              return;
+                          }
+
+                          const data = await res.json();
+                          console.log(roomId, "got event", data);
+
+                          if (!regex.test(data.topic)) {
+                              core.setFailed("Topic format is incorrect for room " + roomId);
+                              return;
+                          }
+
+                          const topic = data.topic.replace(regex, releaseTopic);
+                          if (topic === data.topic) {
+                              console.log(roomId, "nothing to do");
+                              return;
+                          }
+                          if (data["org.matrix.msc3765.topic"]) {
+                              data["org.matrix.msc3765.topic"]?.["m.text"].forEach(d => {
+                                  d.body = d.body.replace(regex, releaseTopic);
+                              });
+                          }
+                          if (data["m.topic"]) {
+                              data["m.topic"]?.["m.text"].forEach(d => {
+                                  d.body = d.body.replace(regex, releaseTopic);
+                              });
+                          }
+
+                          res = await fetch(apiUrl, {
+                              method: "PUT",
+                              body: JSON.stringify({
+                                  ...data,
+                                  topic,
+                              }),
+                              headers,
+                          });
+
+                          if (res.ok) {
+                              const resJson = res.json();
+                              if (resJson.errcode) {
+                                  core.setFailed(`Error updating ${roomId}: ${resJson.error}`);
+                              } else {
+                                  console.log(roomId, "topic updated:", topic);
+                              }
+                          } else {
+                              const errText = await res.text();
+                              core.setFailed(`Error updating ${roomId}: ${errText}`);
+                          }
+                      }
+
+                      await updateReleaseInTopic(LOBBY_ROOM_ID);
+                      await updateReleaseInTopic(PUBLIC_DISCUSSION_ROOM_ID);
+                      await updateReleaseInTopic(ANNOUNCEMENT_ROOM_ID);
diff --git a/.gitignore b/.gitignore
index c7f99f69259..a27e5657c64 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,19 +3,43 @@
 /dist
 /key.pem
 /lib
-/node_modules
-/packages/
-/webapp
+node_modules
 /.npmrc
 /*.log
 package-lock.json
 .DS_Store
-electron/dist
-electron/pub
 **/.idea
-/config.json
-/config.json.*
-/config.local*.json
-/src/component-index.js
-/.tmp
 /webpack-stats.json
+/.tmp
+.vscode
+.vscode/
+.zed/
+.env
+.env.*
+coverage
+/index.html
+# version file and tarball created by `npm pack` / `yarn pack`
+/git-revision.txt
+jest-sonar.xml
+
+*storybook.log
+storybook-static
+
+/packages/shared-components/node_modules
+/packages/shared-components/dist
+/packages/shared-components/src/i18nKeys.d.ts
+/packages/shared-components/.vitest-attachments
+
+# TSC incremental compilation information
+*.tsbuildinfo
+
+/.link-config
+
+.nx/cache
+.nx/workspace-data
+
+.pnpm-store
+
+# vitepress
+/docs/.vitepress/dist
+/docs/.vitepress/cache
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100755
index 00000000000..8ba25f36cdf
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1 @@
+pnpm exec lint-staged --concurrent false
diff --git a/.lintstagedrc b/.lintstagedrc
new file mode 100644
index 00000000000..1f902220671
--- /dev/null
+++ b/.lintstagedrc
@@ -0,0 +1,4 @@
+{
+    "*": "oxfmt --no-error-on-unmatched-pattern",
+    "*.{js,jsx,ts,tsx,mjs,cjs}": "oxlint --no-error-on-unmatched-pattern"
+}
diff --git a/.modernizr.json b/.modernizr.json
deleted file mode 100644
index e6fde5a968a..00000000000
--- a/.modernizr.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
-  "minify": true,
-  "classPrefix": "modernizr_",
-  "options": [
-    "setClasses"
-  ],
-  "feature-detects": [
-    "test/css/animations",
-    "test/css/displaytable",
-    "test/css/filters",
-    "test/css/flexbox",
-    "test/css/objectfit",
-
-    "test/es5/date",
-    "test/es5/function",
-    "test/es5/object",
-    "test/es5/undefined",
-
-    "test/es6/array",
-    "test/es6/collections",
-    "test/es6/promises",
-    "test/es6/string",
-
-    "test/svg",
-    "test/svg/asimg",
-    "test/svg/filters",
-
-    "test/url/parser",
-    "test/url/urlsearchparams",
-
-    "test/cors",
-    "test/crypto",
-    "test/iframe/sandbox",
-    "test/json",
-    "test/network/fetch",
-    "test/storage/localstorage"
-  ]
-}
diff --git a/.node-version b/.node-version
new file mode 100644
index 00000000000..a45fd52cc58
--- /dev/null
+++ b/.node-version
@@ -0,0 +1 @@
+24
diff --git a/.oxfmtrc.jsonc b/.oxfmtrc.jsonc
new file mode 100644
index 00000000000..04f20cdda4f
--- /dev/null
+++ b/.oxfmtrc.jsonc
@@ -0,0 +1,73 @@
+{
+    "$schema": "./node_modules/oxfmt/configuration_schema.json",
+    "printWidth": 120,
+    "tabWidth": 4,
+    "quoteProps": "consistent",
+    "trailingComma": "all",
+    "sortPackageJson": false,
+    "ignorePatterns": [
+        "/build",
+        "/dist",
+        "/lib",
+        "node_modules",
+        "/apps/web/webapp",
+        "/*.log",
+        "pnpm-lock.yaml",
+        "electron/dist",
+        "electron/pub",
+        "**/.idea",
+        "/.tmp",
+        "webpack-stats.json",
+        ".vscode",
+        ".vscode/",
+        ".env",
+        "coverage",
+        // Auto-generated files,
+        "*.api.md",
+        "/apps/web/src/modules.ts",
+        "/apps/web/src/modules.js",
+        "src/i18n/strings",
+        "/apps/web/build_config.yaml",
+        // Raises an error because it contains a template var breaking the script tag,
+        "/apps/web/src/vector/index.html",
+        "/apps/web/src/vector/modernizr.cjs",
+        "/docs/lib",
+        "/book",
+        "debian/tmp",
+        "/.npmrc",
+        "package-lock.json",
+        // This file is generated
+        "CHANGELOG.md",
+        "/docs/changelogs",
+        // Legacy skinning file that some people might still have,
+        "/apps/web/src/component-index.js",
+        // Downloaded and already minified,
+        "/apps/web/res/jitsi_external_api.min.js",
+        // This file is also machine-generated,
+        "/apps/web/playwright/e2e/crypto/test_indexeddb_cryptostore_dump/dump.json",
+        "/apps/web/playwright/test-results/",
+        "/apps/web/playwright/html-report/",
+        "/apps/web/playwright/logs/",
+        "/apps/web/playwright/snapshots/",
+        "/apps/desktop/.hak/",
+        "/apps/desktop/dist/",
+        "/apps/desktop/build/",
+        "/apps/desktop/dockerbuild/",
+        "/apps/desktop/deploys/",
+        "/apps/desktop/lib/",
+        "/apps/desktop/webapp",
+        "/apps/desktop/playwright/html-report",
+        "/apps/desktop/playwright/test-results",
+        // Shared components generated files,
+        "/packages/shared-components/dist/",
+        "/packages/shared-components/src/i18n/i18nKeys.d.ts",
+        "/packages/shared-components/typedoc/",
+        "/packages/shared-components/storybook-static/",
+        // These files are generated by running `pnpm -r lint:types` and do not adhere to oxfmt's requirements.
+        // All of them are .gitignored within their parent directory.,
+        "/packages/playwright-common/lib/",
+        "/packages/module-api/lib/",
+        "/packages/module-api/temp/",
+        "/.nx/",
+    ],
+}
diff --git a/.stylelintrc.js b/.stylelintrc.js
deleted file mode 100644
index 72962102858..00000000000
--- a/.stylelintrc.js
+++ /dev/null
@@ -1,26 +0,0 @@
-// Copied from react-sdk
-// TODO: Only keep one copy of this for synchronization purposes
-module.exports = {
-    "extends": "stylelint-config-standard",
-    "plugins": [
-        "stylelint-scss",
-    ],
-    "rules": {
-        "indentation": 4,
-        "comment-empty-line-before": null,
-        "declaration-empty-line-before": null,
-        "length-zero-no-unit": null,
-        "rule-empty-line-before": null,
-        "color-hex-length": null,
-        "max-empty-lines": null,
-        "number-no-trailing-zeros": null,
-        "number-leading-zero": null,
-        "selector-list-comma-newline-after": null,
-        "at-rule-no-unknown": null,
-        "no-descending-specificity": null,
-        "scss/at-rule-no-unknown": [true, {
-            // https://github.com/vector-im/riot-web/issues/10544
-            "ignoreAtRules": ["define-mixin"],
-        }],
-    }
-};
diff --git a/AUTHORS.rst b/AUTHORS.rst
index a92ca066cce..a3f3be65869 100644
--- a/AUTHORS.rst
+++ b/AUTHORS.rst
@@ -16,3 +16,9 @@ include:
 
 * Alexandr Korsak (https://github.com/oivoodoo)
   Improved multiple file uploading
+
+* Thom Cleary (https://github.com/thomcatdotrocks)
+  Small update for tarball deployment
+
+* Alexander (https://github.com/ioalexander)
+  Save image on CTRL + S shortcut
diff --git a/CHANGELOG.md b/CHANGELOG.md
index d21f06095b6..ee1c96d3db9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4324 +1,2033 @@
-Changes in [1.7.5](https://github.com/vector-im/element-web/releases/tag/v1.7.5) (2020-09-01)
-=============================================================================================
-[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.5-rc.1...v1.7.5)
-
-## Security notice
-
-Element Web 1.7.5 fixes an issue where encrypted state events could break incoming call handling.
-Thanks to @awesome-michael from Awesome Technologies for responsibly disclosing this via Matrix's
-Security Disclosure Policy.
-
-## All changes
-
- * Upgrade to React SDK 3.3.0 and JS SDK 8.2.0
-
-Changes in [1.7.5-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.5-rc.1) (2020-08-26)
-=======================================================================================================
-[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.4...v1.7.5-rc.1)
-
- * Upgrade to React SDK 3.3.0-rc.1 and JS SDK 8.2.0-rc.1
- * Update from Weblate
-   [\#15045](https://github.com/vector-im/element-web/pull/15045)
- * Document .well-known E2EE secure backup setting
-   [\#15003](https://github.com/vector-im/element-web/pull/15003)
- * Add docs for communities v2 prototyping feature flag
-   [\#15013](https://github.com/vector-im/element-web/pull/15013)
- * Update links in README.md to point to Element
-   [\#14973](https://github.com/vector-im/element-web/pull/14973)
- * Make kabyle translation available
-   [\#15027](https://github.com/vector-im/element-web/pull/15027)
- * Change Riot to Element in readme
-   [\#15016](https://github.com/vector-im/element-web/pull/15016)
- * Update links to element in the readme
-   [\#15014](https://github.com/vector-im/element-web/pull/15014)
- * Link to Element in F-Droid as well
-   [\#15002](https://github.com/vector-im/element-web/pull/15002)
- * Settings v3: Update documentation and configs for new feature flag behaviour
-   [\#14986](https://github.com/vector-im/element-web/pull/14986)
- * Update jitsi.md with Element Android details
-   [\#14952](https://github.com/vector-im/element-web/pull/14952)
- * TypeScript: enable es2019 lib for newer definitions
-   [\#14983](https://github.com/vector-im/element-web/pull/14983)
- * Add reaction preview labs flags to develop
-   [\#14979](https://github.com/vector-im/element-web/pull/14979)
- * Document new labs tweaks
-   [\#14958](https://github.com/vector-im/element-web/pull/14958)
-
-Changes in [1.7.4](https://github.com/vector-im/element-web/releases/tag/v1.7.4) (2020-08-17)
-=============================================================================================
-[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.4-rc.1...v1.7.4)
-
- * Upgrade to React SDK 3.2.0 and JS SDK 8.1.0
-
-Changes in [1.7.4-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.4-rc.1) (2020-08-13)
-=======================================================================================================
-[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.3...v1.7.4-rc.1)
-
- * Upgrade to React SDK 3.2.0-rc.1 and JS SDK 8.1.0-rc.1
- * Update policy links to element.io
-   [\#14905](https://github.com/vector-im/element-web/pull/14905)
- * Update from Weblate
-   [\#14949](https://github.com/vector-im/element-web/pull/14949)
- * Try to close notification on all platforms which support it, not just
-   electron
-   [\#14939](https://github.com/vector-im/element-web/pull/14939)
- * Update bug report submission URL
-   [\#14903](https://github.com/vector-im/element-web/pull/14903)
- * Fix arm docker build
-   [\#14522](https://github.com/vector-im/element-web/pull/14522)
-
-Changes in [1.7.3](https://github.com/vector-im/element-web/releases/tag/v1.7.3) (2020-08-05)
-=============================================================================================
-
-## Security notice
-
-Element Web 1.7.3 (as well as the earlier release 1.7.2) fixes an issue where
-replying to a specially formatted message would make it seem like the replier
-said something they did not. Thanks to Sorunome for responsibly disclosing this
-via Matrix's Security Disclosure Policy.
-
-Element Web 1.7.3 (as well as the earlier release 1.7.2) fixes an issue where an
-unexpected language ID in a code block could cause Element to crash. Thanks to
-SakiiR for responsibly disclosing this via Matrix's Security Disclosure Policy.
-
-## All changes
-
-[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.3-rc.1...v1.7.3)
-
- * Upgrade to React SDK 3.1.0 and JS SDK 8.0.1
-
-Changes in [1.7.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.7.3-rc.1) (2020-07-31)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.7.2...v1.7.3-rc.1)
-
- * Upgrade to React SDK 3.1.0-rc.1 and JS SDK 8.0.1-rc.1
- * Make Lojban translation available
-   [\#14703](https://github.com/vector-im/riot-web/pull/14703)
- * Update from Weblate
-   [\#14841](https://github.com/vector-im/riot-web/pull/14841)
- * Remove redundant lint dependencies
-   [\#14810](https://github.com/vector-im/riot-web/pull/14810)
- * Bump elliptic from 6.5.2 to 6.5.3
-   [\#14826](https://github.com/vector-im/riot-web/pull/14826)
- * Update mobile config intercept URL
-   [\#14796](https://github.com/vector-im/riot-web/pull/14796)
- * Fix typo in https://
-   [\#14791](https://github.com/vector-im/riot-web/pull/14791)
-
-Changes in [1.7.2](https://github.com/vector-im/riot-web/releases/tag/v1.7.2) (2020-07-27)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.7.1...v1.7.2)
-
- * Upgrade to React SDK 3.0.0 and JS SDK 8.0.0
- * Update from Weblate
-   [\#14778](https://github.com/vector-im/riot-web/pull/14778)
- * Capitalize letters
-   [\#14566](https://github.com/vector-im/riot-web/pull/14566)
- * Configure eslint package and fix lint issues
-   [\#14673](https://github.com/vector-im/riot-web/pull/14673)
- * Riot → Element
-   [\#14581](https://github.com/vector-im/riot-web/pull/14581)
- * Remove labs info for the new room list
-   [\#14603](https://github.com/vector-im/riot-web/pull/14603)
- * Convince Webpack to use development on CI
-   [\#14593](https://github.com/vector-im/riot-web/pull/14593)
- * Move dev dep to the right place
-   [\#14572](https://github.com/vector-im/riot-web/pull/14572)
- * Bump lodash from 4.17.15 to 4.17.19
-   [\#14552](https://github.com/vector-im/riot-web/pull/14552)
- * Update all mobile links to match marketing site
-   [\#14541](https://github.com/vector-im/riot-web/pull/14541)
-
-Changes in [1.7.1](https://github.com/vector-im/riot-web/releases/tag/v1.7.1) (2020-07-16)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.7.0...v1.7.1)
-
- * Upgrade to React SDK 2.10.1
- * Fix SSO session ID paramater
-   [\#14544](https://github.com/vector-im/riot-web/pull/14544)
- * Run pngcrush on vector-icons
-   [\#14488](https://github.com/vector-im/riot-web/pull/14488)
- * Fix hosting signup link
-   [\#14502](https://github.com/vector-im/riot-web/pull/14502)
- * Use the right protocol for SSO URLs
-   [\#14513](https://github.com/vector-im/riot-web/pull/14513)
- * Fix mstile-310x150 by renaming it
-   [\#14485](https://github.com/vector-im/riot-web/pull/14485)
- * Update blog and twitter links to point to Element
-   [\#14478](https://github.com/vector-im/riot-web/pull/14478)
-
-Changes in [1.7.0](https://github.com/vector-im/riot-web/releases/tag/v1.7.0) (2020-07-15)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.8...v1.7.0)
-
- * App name changed from Riot to Element
- * Upgrade to React SDK 2.10.0
- * Remove redundant enum
-   [\#14472](https://github.com/vector-im/riot-web/pull/14472)
- * Remove font scaling from labs
-   [\#14355](https://github.com/vector-im/riot-web/pull/14355)
- * Update documentation and remove labs flag for new room list
-   [\#14375](https://github.com/vector-im/riot-web/pull/14375)
- * Update from Weblate
-   [\#14434](https://github.com/vector-im/riot-web/pull/14434)
- * Release the irc layout from labs
-   [\#14350](https://github.com/vector-im/riot-web/pull/14350)
- * Fix welcomeBackgroundUrl array causing background to change during use
-   [\#14368](https://github.com/vector-im/riot-web/pull/14368)
- * Be more explicit about type when calling platform startUpdater
-   [\#14299](https://github.com/vector-im/riot-web/pull/14299)
-
-Changes in [1.6.8](https://github.com/vector-im/riot-web/releases/tag/v1.6.8) (2020-07-03)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.8-rc.1...v1.6.8)
-
- * Upgrade to JS SDK 7.1.0 and React SDK 2.9.0
-
-Changes in [1.6.8-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.6.8-rc.1) (2020-07-01)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.7...v1.6.8-rc.1)
-
- * Upgrade to JS SDK 7.1.0-rc.1 and React SDK 2.9.0-rc.1
- * Update from Weblate
-   [\#14282](https://github.com/vector-im/riot-web/pull/14282)
- * Show a download completed toast in electron
-   [\#14248](https://github.com/vector-im/riot-web/pull/14248)
- * Add the new spinner feature labs flag
-   [\#14213](https://github.com/vector-im/riot-web/pull/14213)
- * Fix loading-test for SSO plaf changes
-   [\#14212](https://github.com/vector-im/riot-web/pull/14212)
- * Fix spelling on startup error page
-   [\#14199](https://github.com/vector-im/riot-web/pull/14199)
- * Document fonts in custom theme
-   [\#14175](https://github.com/vector-im/riot-web/pull/14175)
- * Update from Weblate
-   [\#14129](https://github.com/vector-im/riot-web/pull/14129)
- * ElectronPlatform: Implement the isRoomIndexed method.
-   [\#13957](https://github.com/vector-im/riot-web/pull/13957)
- * ElectronPlatform: Add support to set and get the index user version.
-   [\#14080](https://github.com/vector-im/riot-web/pull/14080)
- * Mark the new room list as ready for general testing
-   [\#14102](https://github.com/vector-im/riot-web/pull/14102)
-
-Changes in [1.6.7](https://github.com/vector-im/riot-web/releases/tag/v1.6.7) (2020-06-29)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.6...v1.6.7)
-
- * Upgrade to React SDK 2.8.1
-
-Changes in [1.6.6](https://github.com/vector-im/riot-web/releases/tag/v1.6.6) (2020-06-23)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.6-rc.1...v1.6.6)
-
- * Upgrade to JS SDK 7.0.0 and React SDK 2.8.0
-
-Changes in [1.6.6-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.6.6-rc.1) (2020-06-17)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.5...v1.6.6-rc.1)
-
- * Upgrade to JS SDK 7.0.0-rc.1 and React SDK 2.8.0-rc.1
- * Update from Weblate
-   [\#14067](https://github.com/vector-im/riot-web/pull/14067)
- * Update from Weblate
-   [\#14032](https://github.com/vector-im/riot-web/pull/14032)
- * Attempt to fix decoder ring for relative hosted riots
-   [\#13987](https://github.com/vector-im/riot-web/pull/13987)
- * Upgrade deps
-   [\#13952](https://github.com/vector-im/riot-web/pull/13952)
- * Fix riot-desktop manual update check getting stuck on Downloading...
-   [\#13946](https://github.com/vector-im/riot-web/pull/13946)
- * Bump websocket-extensions from 0.1.3 to 0.1.4
-   [\#13943](https://github.com/vector-im/riot-web/pull/13943)
- * Add e2ee-default:false docs
-   [\#13914](https://github.com/vector-im/riot-web/pull/13914)
- * make IPC calls to get pickle key
-   [\#13846](https://github.com/vector-im/riot-web/pull/13846)
- * fix loading test for new sso pattern
-   [\#13913](https://github.com/vector-im/riot-web/pull/13913)
- * Fix login loop where the sso flow returns to `#/login`
-   [\#13889](https://github.com/vector-im/riot-web/pull/13889)
- * Fix typo in docs
-   [\#13905](https://github.com/vector-im/riot-web/pull/13905)
- * Remove cross-signing from labs
-   [\#13904](https://github.com/vector-im/riot-web/pull/13904)
- * Add PWA Platform with PWA-specific badge controls
-   [\#13890](https://github.com/vector-im/riot-web/pull/13890)
- * Modernizr check for subtle crypto as we require it all over the place
-   [\#13828](https://github.com/vector-im/riot-web/pull/13828)
-
-Changes in [1.6.5](https://github.com/vector-im/riot-web/releases/tag/v1.6.5) (2020-06-16)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.4...v1.6.5)
-
-* Upgrade to JS SDK 6.2.2 and React SDK 2.7.2
-
-Changes in [1.6.4](https://github.com/vector-im/riot-web/releases/tag/v1.6.4) (2020-06-05)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.3...v1.6.4)
-
-* Upgrade to JS SDK 6.2.1 and React SDK 2.7.1
-
-Changes in [1.6.3](https://github.com/vector-im/riot-web/releases/tag/v1.6.3) (2020-06-04)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.3-rc.1...v1.6.3)
-
-## Security notice
-
-Riot Web 1.6.3 fixes a vulnerability in single sign-on (SSO) deployments where Riot Web could be confused into sending authentication details to an attacker-controlled server. Thanks to Quentin Gliech for responsibly disclosing this via Matrix's Security Disclosure Policy.
-
-## All changes
-
- * Fix login loop where the sso flow returns to `#/login` to release
-   [\#13915](https://github.com/vector-im/riot-web/pull/13915)
-
-Changes in [1.6.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.6.3-rc.1) (2020-06-02)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.2...v1.6.3-rc.1)
-
- * Upgrade to JS SDK 6.2.0-rc.1 and React SDK 2.7.0-rc.2
- * Get rid of welcome.html's Chat with Riot Bot button
-   [\#13842](https://github.com/vector-im/riot-web/pull/13842)
- * Update from Weblate
-   [\#13886](https://github.com/vector-im/riot-web/pull/13886)
- * Allow deferring of Update Toast until the next morning
-   [\#13864](https://github.com/vector-im/riot-web/pull/13864)
- * Give contextual feedback for manual update check instead of banner
-   [\#13862](https://github.com/vector-im/riot-web/pull/13862)
- * Add app-load doc
-   [\#13834](https://github.com/vector-im/riot-web/pull/13834)
- * Update Modular hosting link
-   [\#13777](https://github.com/vector-im/riot-web/pull/13777)
- * Replace New Version Bar with a Toast
-   [\#13776](https://github.com/vector-im/riot-web/pull/13776)
- * Remove webpack-build-notifier from lockfile
-   [\#13814](https://github.com/vector-im/riot-web/pull/13814)
- *  Add media queries and mobile viewport (#12142)
-   [\#13818](https://github.com/vector-im/riot-web/pull/13818)
- * Fix @types/react conflict in matrix-react-sdk
-   [\#13809](https://github.com/vector-im/riot-web/pull/13809)
- * Fix manual update checking, super in arrow funcs doesn't work
-   [\#13808](https://github.com/vector-im/riot-web/pull/13808)
- * Update from Weblate
-   [\#13806](https://github.com/vector-im/riot-web/pull/13806)
- * Convert platforms to Typescript
-   [\#13756](https://github.com/vector-im/riot-web/pull/13756)
- * Fix EventEmitter typescript signature in node typings
-   [\#13764](https://github.com/vector-im/riot-web/pull/13764)
- * Add docs and labs flag for new room list implementation
-   [\#13675](https://github.com/vector-im/riot-web/pull/13675)
- * Add font scaling labs setting.
-   [\#13352](https://github.com/vector-im/riot-web/pull/13352)
- * Add labs flag for alternate message layouts
-   [\#13350](https://github.com/vector-im/riot-web/pull/13350)
- * Move dispatcher references in support of TypeScript conversion
-   [\#13666](https://github.com/vector-im/riot-web/pull/13666)
- * Update from Weblate
-   [\#13704](https://github.com/vector-im/riot-web/pull/13704)
- * Replace favico.js dependency with simplified variant grown from it
-   [\#13649](https://github.com/vector-im/riot-web/pull/13649)
- * Remove Electron packaging scripts
-   [\#13688](https://github.com/vector-im/riot-web/pull/13688)
- * Fix postcss order to allow mixin variables to work
-   [\#13674](https://github.com/vector-im/riot-web/pull/13674)
- * Pass screenAfterLogin through SSO in the callback url
-   [\#13650](https://github.com/vector-im/riot-web/pull/13650)
-
-Changes in [1.6.2](https://github.com/vector-im/riot-web/releases/tag/v1.6.2) (2020-05-22)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.1...v1.6.2)
-
- * Upgrade to React SDK 2.6.1
-
-Changes in [1.6.1](https://github.com/vector-im/riot-web/releases/tag/v1.6.1) (2020-05-19)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.1-rc.1...v1.6.1)
-
- * Upgrade to React SDK 2.6.0 and JS SDK 6.1.0
-
-Changes in [1.6.1-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.6.1-rc.1) (2020-05-14)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0...v1.6.1-rc.1)
-
- * Upgrade to React SDK 2.6.0-rc.1 and JS SDK 6.1.0-rc.1
- * Update from Weblate
-   [\#13673](https://github.com/vector-im/riot-web/pull/13673)
- * Add notranslate class to matrixchat to prevent translation by Google
-   Translate
-   [\#13669](https://github.com/vector-im/riot-web/pull/13669)
- * Added Anchor Link to the development of matrix sdk
-   [\#13638](https://github.com/vector-im/riot-web/pull/13638)
- * Prefetch the formatting button mask svg images
-   [\#13631](https://github.com/vector-im/riot-web/pull/13631)
- * use a different image in previews
-   [\#13488](https://github.com/vector-im/riot-web/pull/13488)
- * Update from Weblate
-   [\#13625](https://github.com/vector-im/riot-web/pull/13625)
- * Remove electron_app as we now have riot-desktop repo
-   [\#13544](https://github.com/vector-im/riot-web/pull/13544)
- * add new images for PWA icons
-   [\#13556](https://github.com/vector-im/riot-web/pull/13556)
- * Remove unused feature flag from config
-   [\#13504](https://github.com/vector-im/riot-web/pull/13504)
- * Update from Weblate
-   [\#13486](https://github.com/vector-im/riot-web/pull/13486)
- * Developer tool: convert rageshake error locations back to sourcecode
-   locations
-   [\#13357](https://github.com/vector-im/riot-web/pull/13357)
- * App load tweaks, improve error pages
-   [\#13329](https://github.com/vector-im/riot-web/pull/13329)
- * Tweak default device name to be more compact
-   [\#13465](https://github.com/vector-im/riot-web/pull/13465)
- * Tweak default device name on macOS
-   [\#13460](https://github.com/vector-im/riot-web/pull/13460)
- * Update docs with custom theming changes
-   [\#13406](https://github.com/vector-im/riot-web/pull/13406)
- * Update from Weblate
-   [\#13395](https://github.com/vector-im/riot-web/pull/13395)
- * Remove docs and config for invite only padlocks
-   [\#13374](https://github.com/vector-im/riot-web/pull/13374)
- * Revert "Add font scaling labs setting."
-   [\#13351](https://github.com/vector-im/riot-web/pull/13351)
- * Expand feature flag docs to cover additional release channels
-   [\#13341](https://github.com/vector-im/riot-web/pull/13341)
- * Optimized image assets by recompressing without affecting quality.
-   [\#13034](https://github.com/vector-im/riot-web/pull/13034)
- * Add font scaling labs setting.
-   [\#13199](https://github.com/vector-im/riot-web/pull/13199)
- * Remove encrypted message search feature flag
-   [\#13325](https://github.com/vector-im/riot-web/pull/13325)
- * Fix `default_federate` settting description
-   [\#13312](https://github.com/vector-im/riot-web/pull/13312)
- * Clarify that the .well-known method for Jitsi isn't available yet
-   [\#13314](https://github.com/vector-im/riot-web/pull/13314)
- * add config option to tsc resolveJsonModule
-   [\#13296](https://github.com/vector-im/riot-web/pull/13296)
- * Fix dispatcher import to be extension agnostic
-   [\#13297](https://github.com/vector-im/riot-web/pull/13297)
- * Document more config options in config.md (fixes #13089)
-   [\#13260](https://github.com/vector-im/riot-web/pull/13260)
- * Fix tests post-js-sdk-filters change
-   [\#13295](https://github.com/vector-im/riot-web/pull/13295)
- * Make Jitsi download script a JS script
-   [\#13227](https://github.com/vector-im/riot-web/pull/13227)
- * Use matrix-react-sdk type extensions as a base
-   [\#13271](https://github.com/vector-im/riot-web/pull/13271)
- * Allow Riot Web to randomly pick welcome backgrounds
-   [\#13235](https://github.com/vector-im/riot-web/pull/13235)
- * Update cross-signing feature docs and document fallback procedures
-   [\#13224](https://github.com/vector-im/riot-web/pull/13224)
-
-Changes in [1.6.0](https://github.com/vector-im/riot-web/releases/tag/v1.6.0) (2020-05-05)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0-rc.6...v1.6.0)
-
- * Cross-signing and E2EE by default for DMs and private rooms enabled
- * Upgrade to React SDK 2.5.0 and JS SDK 6.0.0
-
-Changes in [1.6.0-rc.6](https://github.com/vector-im/riot-web/releases/tag/v1.6.0-rc.6) (2020-05-01)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0-rc.5...v1.6.0-rc.6)
+Changes in [1.12.25](https://github.com/element-hq/element-web/releases/tag/v1.12.25) (2026-08-05)
+==================================================================================================
+## 🦖 Deprecations
+
+* Remove support for MSC3391 \& MSC3852 ([#34400](https://github.com/element-hq/element-web/pull/34400)). Contributed by @t3chguy.
+
+## ✨ Features
+
+* Auto Collapse Behaviour - Collapse left panel during calls ([#33771](https://github.com/element-hq/element-web/pull/33771)). Contributed by @MidhunSureshR.
+* Use correct color for cancel button in dialog ([#34308](https://github.com/element-hq/element-web/pull/34308)). Contributed by @florianduros.
+* Auto Collapse Behaviour - Collapse left panel on window resize ([#32964](https://github.com/element-hq/element-web/pull/32964)). Contributed by @MidhunSureshR.
+* Room list: change `Edit section` label to `Save` in edit section dialog ([#34364](https://github.com/element-hq/element-web/pull/34364)). Contributed by @florianduros.
+* Set auto on-a-call status ([#34306](https://github.com/element-hq/element-web/pull/34306)). Contributed by @dbkr.
+* Collapsed URL previews in timeline ([#34165](https://github.com/element-hq/element-web/pull/34165)). Contributed by @Siriusmart.
+* Include the url preview bundle field in the devtools timeline event editor ([#34289](https://github.com/element-hq/element-web/pull/34289)). Contributed by @Siriusmart.
+* Use url preview bundle for URL preview in timeline (MSC4095) ([#34170](https://github.com/element-hq/element-web/pull/34170)). Contributed by @Siriusmart.
+* Support for reading m.call status ([#34295](https://github.com/element-hq/element-web/pull/34295)). Contributed by @dbkr.
+* Auto Collapse Behaviour - Add necessary functionality to `UIStore` ([#32963](https://github.com/element-hq/element-web/pull/32963)). Contributed by @MidhunSureshR.
+* Introduce a Module API to get application settings. ([#34278](https://github.com/element-hq/element-web/pull/34278)). Contributed by @Half-Shot.
+* Make notification settings copy/layout more user-friendly ([#34120](https://github.com/element-hq/element-web/pull/34120)). Contributed by @mxandreas.
+
+## 🐛 Bug Fixes
+
+* Fix various dialogs failing to open due to containing linked text ([#34304](https://github.com/element-hq/element-web/pull/34304)). Contributed by @Half-Shot.
+* Draw a styled 32px macOS title bar band ([#34419](https://github.com/element-hq/element-web/pull/34419)). Contributed by @langleyd.
+* Room list: fix scrolling with touch device ([#34381](https://github.com/element-hq/element-web/pull/34381)). Contributed by @florianduros.
+* Update to Seshat 5.0.0, fixing panics ([#34396](https://github.com/element-hq/element-web/pull/34396)). Contributed by @richvdh.
+* Add ellipsis and title to spotlight search results ([#34379](https://github.com/element-hq/element-web/pull/34379)). Contributed by @langleyd.
+* Room list: increase startup performance when rooms have notifications ([#34358](https://github.com/element-hq/element-web/pull/34358)). Contributed by @florianduros.
+* Widen the macOS title-bar drag strips so the window is easy to move ([#33991](https://github.com/element-hq/element-web/pull/33991)). Contributed by @hayaksi1.
+* Warn when an encrypted search runs before the index has finished building ([#34001](https://github.com/element-hq/element-web/pull/34001)). Contributed by @hayaksi1.
+* Make the text copy button use IconButton ([#34224](https://github.com/element-hq/element-web/pull/34224)). Contributed by @dbkr.
+* Room list: fix \*Chat moved\* toast appearing when room list is loaded ([#34305](https://github.com/element-hq/element-web/pull/34305)). Contributed by @florianduros.
+* Enable some oxlint a11y rules \& improve keyboard accessibility ([#34291](https://github.com/element-hq/element-web/pull/34291)). Contributed by @t3chguy.
+* Fix join call button in header having two labels ([#34293](https://github.com/element-hq/element-web/pull/34293)). Contributed by @robintown.
+* Fixed sending url preview bundles relying on update delay ([#34266](https://github.com/element-hq/element-web/pull/34266)). Contributed by @Siriusmart.
+* Room list: fix when a room is added twice ([#34281](https://github.com/element-hq/element-web/pull/34281)). Contributed by @florianduros.
+* Make the persistent-storage request observable and warn when it is denied ([#33987](https://github.com/element-hq/element-web/pull/33987)). Contributed by @hayaksi1.
+* Give the collapsed space panel separator clearance from the macOS traffic lights ([#34243](https://github.com/element-hq/element-web/pull/34243)). Contributed by @spoisseroux.
+* Fix incorrect plural form in call tile ([#34272](https://github.com/element-hq/element-web/pull/34272)). Contributed by @florianduros.
+
+
+Changes in [1.12.24](https://github.com/element-hq/element-web/releases/tag/v1.12.24) (2026-07-21)
+==================================================================================================
+## ✨ Features
+
+* Add user status to autocomplete suggestion ([#34241](https://github.com/element-hq/element-web/pull/34241)). Contributed by @dbkr.
+* Add user status to dm room header ([#34225](https://github.com/element-hq/element-web/pull/34225)). Contributed by @dbkr.
+* User status in room summary card ([#34239](https://github.com/element-hq/element-web/pull/34239)). Contributed by @dbkr.
+* Sending URL Preview Bundles (MSC 4095) ([#34150](https://github.com/element-hq/element-web/pull/34150)). Contributed by @Siriusmart.
+* Add config param to disable client wellknown fetch ([#34084](https://github.com/element-hq/element-web/pull/34084)). Contributed by @langleyd.
+* Ongoing call tiles - Implement the view-models and store ([#34198](https://github.com/element-hq/element-web/pull/34198)). Contributed by @MidhunSureshR.
+* Ongoing call tiles - Implement the required views ([#34197](https://github.com/element-hq/element-web/pull/34197)). Contributed by @MidhunSureshR.
+* Add user status emoji to member list ([#34210](https://github.com/element-hq/element-web/pull/34210)). Contributed by @dbkr.
+* Add user status in user info right panel card ([#34212](https://github.com/element-hq/element-web/pull/34212)). Contributed by @dbkr.
+* RoomList: add back Favourites and Low Priority filters when sections are disabled ([#34162](https://github.com/element-hq/element-web/pull/34162)). Contributed by @florianduros.
+* Add user status to DM rooms in the room list ([#34191](https://github.com/element-hq/element-web/pull/34191)). Contributed by @dbkr.
+* Adapt OAuth2 implementation to Matrix Spec v1.18 ([#34026](https://github.com/element-hq/element-web/pull/34026)). Contributed by @t3chguy.
+* Implement tombstone tiles for calls in room and DM ([#34141](https://github.com/element-hq/element-web/pull/34141)). Contributed by @MidhunSureshR.
+* Allow disabling legacy calls and make `Voice & Video` settings `Legacy Voice & Video` ([#33692](https://github.com/element-hq/element-web/pull/33692)). Contributed by @toger5.
+* UI for setting user status ([#33856](https://github.com/element-hq/element-web/pull/33856)). Contributed by @dbkr.
+* Start voice call in PiP (not in fullscreen) ([#34055](https://github.com/element-hq/element-web/pull/34055)). Contributed by @toger5.
+* Add a module API for overriding the composer preview. ([#33978](https://github.com/element-hq/element-web/pull/33978)). Contributed by @Half-Shot.
+* Remove legacy room list ([#34040](https://github.com/element-hq/element-web/pull/34040)). Contributed by @florianduros.
+* Add URL preview above message composer ([#33964](https://github.com/element-hq/element-web/pull/33964)). Contributed by @Half-Shot.
+
+## 🐛 Bug Fixes
+
+* Fix icon in Jitsi lobby not rendering correctly ([#34246](https://github.com/element-hq/element-web/pull/34246)). Contributed by @t3chguy.
+* Automatically recover from a renderer crash instead of leaving a blank window ([#33988](https://github.com/element-hq/element-web/pull/33988)). Contributed by @hayaksi1.
+* Fetch authenticated media through the session for "Save image as" ([#33997](https://github.com/element-hq/element-web/pull/33997)). Contributed by @hayaksi1.
+* RoomList: fix room scroll when clicked in thread activity centre ([#34179](https://github.com/element-hq/element-web/pull/34179)). Contributed by @florianduros.
+* Center long user ids in the user menu ([#34182](https://github.com/element-hq/element-web/pull/34182)). Contributed by @dbkr.
+* Fix composer preview getting stuck on a single module API preview ([#34173](https://github.com/element-hq/element-web/pull/34173)). Contributed by @Half-Shot.
+* Throttle notification sounds so a backlog doesn't play them all at once ([#33989](https://github.com/element-hq/element-web/pull/33989)). Contributed by @hayaksi1.
+* Change user ID colour to secondary ([#34129](https://github.com/element-hq/element-web/pull/34129)). Contributed by @dbkr.
+* Fix map tooltip overlapping message composer ([#33982](https://github.com/element-hq/element-web/pull/33982)). Contributed by @Tamajit-005.
+* Clear the composer preview after sending a message. ([#34116](https://github.com/element-hq/element-web/pull/34116)). Contributed by @Half-Shot.
+* Room list: fix unnecessary re-rendering of room list items while scrolling ([#34112](https://github.com/element-hq/element-web/pull/34112)). Contributed by @florianduros.
+* Room list: improve performance with smarter custom section loading ([#34102](https://github.com/element-hq/element-web/pull/34102)). Contributed by @florianduros.
+* Pluralise the multi-session remove button and confirmation dialog ([#33983](https://github.com/element-hq/element-web/pull/33983)). Contributed by @nnhhoang.
+
+
+Changes in [1.12.23](https://github.com/element-hq/element-web/releases/tag/v1.12.23) (2026-07-07)
+==================================================================================================
+## ✨ Features
 
- * Upgrade to React SDK 2.5.0-rc.6 and JS SDK 6.0.0-rc.2
+* Sticky Header for Room List Sections ([#33968](https://github.com/element-hq/element-web/pull/33968)). Contributed by @langleyd.
+* Improve link preview look and feel ([#33981](https://github.com/element-hq/element-web/pull/33981)). Contributed by @Half-Shot.
+* Room list: move sections out of labs to all the users ([#33810](https://github.com/element-hq/element-web/pull/33810)). Contributed by @florianduros.
+* Add "user identity" display to dev tools ([#33977](https://github.com/element-hq/element-web/pull/33977)). Contributed by @richvdh.
+* Add unread toast to room list sections ([#33961](https://github.com/element-hq/element-web/pull/33961)). Contributed by @langleyd.
+* Room list: add drag and drop of sections to reorder them ([#33606](https://github.com/element-hq/element-web/pull/33606)). Contributed by @florianduros.
+* Room list: add release announcement for sections ([#33800](https://github.com/element-hq/element-web/pull/33800)). Contributed by @florianduros.
 
-Changes in [1.6.0-rc.5](https://github.com/vector-im/riot-web/releases/tag/v1.6.0-rc.5) (2020-04-30)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0-rc.4...v1.6.0-rc.5)
+## 🐛 Bug Fixes
 
- * Upgrade to React SDK 2.5.0-rc.5 and JS SDK 6.0.0-rc.1
- * Remove feature flag docs from docs on release
-   [\#13375](https://github.com/vector-im/riot-web/pull/13375)
+* [Backport staging] Room list: put toast over sticky headers ([#34137](https://github.com/element-hq/element-web/pull/34137)). Contributed by @RiotRobot.
+* [Backport staging] Update Compound to fix tooltips ([#34097](https://github.com/element-hq/element-web/pull/34097)). Contributed by @RiotRobot.
+* Fix: Focusing a room in the room list(without hovering) doesn't allow tabbing to the more menu ([#34043](https://github.com/element-hq/element-web/pull/34043)). Contributed by @langleyd.
+* Fix double tooltip on collapsed Quick Settings button ([#33923](https://github.com/element-hq/element-web/pull/33923)). Contributed by @t3chguy.
+* Fix long display / user names in UserMenu ([#33900](https://github.com/element-hq/element-web/pull/33900)). Contributed by @dbkr.
+* Fix handling of deeplinks on Element Desktop ([#33827](https://github.com/element-hq/element-web/pull/33827)). Contributed by @t3chguy.
 
-Changes in [1.6.0-rc.4](https://github.com/vector-im/riot-web/releases/tag/v1.6.0-rc.4) (2020-04-23)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0-rc.3...v1.6.0-rc.4)
 
- * Upgrade to React SDK 2.5.0-rc.4 and JS SDK 5.3.1-rc.4
+Changes in [1.12.22](https://github.com/element-hq/element-web/releases/tag/v1.12.22) (2026-06-23)
+==================================================================================================
+## ✨ Features
+
+* User status in user menu ([#33797](https://github.com/element-hq/element-web/pull/33797)). Contributed by @dbkr.
+* Room list: add notifications to section headers ([#33826](https://github.com/element-hq/element-web/pull/33826)). Contributed by @florianduros.
+* Room list: remove logic to expand a section when a filter is selected ([#33785](https://github.com/element-hq/element-web/pull/33785)). Contributed by @florianduros.
+* Add mechanism to locally enforce MSC1763 retention rules ([#33772](https://github.com/element-hq/element-web/pull/33772)). Contributed by @Half-Shot.
+* Disable URL previews per-message when the message provides a hint ([#33775](https://github.com/element-hq/element-web/pull/33775)). Contributed by @Half-Shot.
+* Room list: improve section in room list context menu ([#33733](https://github.com/element-hq/element-web/pull/33733)). Contributed by @florianduros.
+* Room list: remove "Sections are only for you” in edition section dialog ([#33780](https://github.com/element-hq/element-web/pull/33780)). Contributed by @florianduros.
+* Room list: remove checkmark in section toast ([#33779](https://github.com/element-hq/element-web/pull/33779)). Contributed by @florianduros.
+* Room list: add fade effect to room list item being dragged ([#33696](https://github.com/element-hq/element-web/pull/33696)). Contributed by @florianduros.
+* Add user status on user profile icon ([#33653](https://github.com/element-hq/element-web/pull/33653)). Contributed by @dbkr.
+* [Labs] Sign in with QR on new EW using generated QR for MSC4108 v2024 ([#33184](https://github.com/element-hq/element-web/pull/33184)). Contributed by @t3chguy.
+* Room list: add expand all icon to room list header ([#33732](https://github.com/element-hq/element-web/pull/33732)). Contributed by @florianduros.
+* Implement new separator design ([#33599](https://github.com/element-hq/element-web/pull/33599)). Contributed by @MidhunSureshR.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix broken scrollbar introduced by separator redesign ([#33947](https://github.com/element-hq/element-web/pull/33947)). Contributed by @RiotRobot.
+* Apply html utils sanitiser to embedded page ([#33842](https://github.com/element-hq/element-web/pull/33842)). Contributed by @t3chguy.
+* Room list: fix keyboard navigation on sections ([#33809](https://github.com/element-hq/element-web/pull/33809)). Contributed by @florianduros.
+* Room list: hide the empty/collapse icon when the room list is empty ([#33814](https://github.com/element-hq/element-web/pull/33814)). Contributed by @florianduros.
+* Handle unknown screens better  ([#33793](https://github.com/element-hq/element-web/pull/33793)). Contributed by @t3chguy.
+* Make presence icons \& colours consistent throughout the app ([#33764](https://github.com/element-hq/element-web/pull/33764)). Contributed by @dbkr.
+* Add padding to account for input outline in devtools ([#33766](https://github.com/element-hq/element-web/pull/33766)). Contributed by @Johennes.
+* Limit width of the display name in user menu ([#33746](https://github.com/element-hq/element-web/pull/33746)). Contributed by @dbkr.
+* Room list: hide empty section when a filter is enabled ([#33747](https://github.com/element-hq/element-web/pull/33747)). Contributed by @florianduros.
+* Room list: display compose menu when sections are enabled ([#33725](https://github.com/element-hq/element-web/pull/33725)). Contributed by @florianduros.
+
+
+Changes in [1.12.21](https://github.com/element-hq/element-web/releases/tag/v1.12.21) (2026-06-09)
+==================================================================================================
+## ✨ Features
 
-Changes in [1.6.0-rc.3](https://github.com/vector-im/riot-web/releases/tag/v1.6.0-rc.3) (2020-04-17)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0-rc.2...v1.6.0-rc.3)
+* Bump module API to 1.14.0 ([#33685](https://github.com/element-hq/element-web/pull/33685)). Contributed by @Half-Shot.
+* Apply new design and display logic to logout confirmation dialog ([#33426](https://github.com/element-hq/element-web/pull/33426)). Contributed by @uhoreg.
+* Room list: improve custom sections in Spaces  ([#33523](https://github.com/element-hq/element-web/pull/33523)). Contributed by @florianduros.
+* Periodically nag the user if their device remains unverified ([#33346](https://github.com/element-hq/element-web/pull/33346)). Contributed by @uhoreg.
+* Use the separator as border between roomlist and main panel ([#33598](https://github.com/element-hq/element-web/pull/33598)). Contributed by @MidhunSureshR.
+* Add support for `m.recent_emoji` account data event ([#33172](https://github.com/element-hq/element-web/pull/33172)). Contributed by @t3chguy.
+* Room list: reduce font size of sections ([#33580](https://github.com/element-hq/element-web/pull/33580)). Contributed by @florianduros.
 
- * Upgrade to React SDK 2.5.0-rc.3 and JS SDK 5.3.1-rc.3
+## 🐛 Bug Fixes
 
-Changes in [1.6.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.6.0-rc.2) (2020-04-16)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0-rc.1...v1.6.0-rc.2)
+* Remove resizer from fullscreen modules(like multiroom) ([#33684](https://github.com/element-hq/element-web/pull/33684)). Contributed by @langleyd.
+* fix: use configured brand name in JSON and PlainText chat export filenames ([#33680](https://github.com/element-hq/element-web/pull/33680)). Contributed by @RoySerbi.
+* Fix pinned message banner disappearing when a pinned message event is unkown ([#33534](https://github.com/element-hq/element-web/pull/33534)). Contributed by @florianduros.
 
- * Upgrade to React SDK 2.5.0-rc.2 and JS SDK 5.3.1-rc.2
- * Enable cross-signing / E2EE by default for DM without config changes
 
-Changes in [1.6.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.6.0-rc.1) (2020-04-15)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.16-rc.1...v1.6.0-rc.1)
-
- * Enable cross-signing / E2EE by default for DM on release
-   [\#13179](https://github.com/vector-im/riot-web/pull/13179)
- * Upgrade to React SDK 2.5.0-rc.1 and JS SDK 5.3.1-rc.1
- * Add instruction to resolve the inotify watch limit issue
-   [\#13128](https://github.com/vector-im/riot-web/pull/13128)
- * docs: labs: add a pointer to config.md
-   [\#13149](https://github.com/vector-im/riot-web/pull/13149)
- * Fix Electron SSO handling to support multiple profiles
-   [\#13028](https://github.com/vector-im/riot-web/pull/13028)
- * Add riot-desktop shortcuts for forward/back matching browsers&slack
-   [\#13133](https://github.com/vector-im/riot-web/pull/13133)
- * Allow rageshake to fail in init
-   [\#13164](https://github.com/vector-im/riot-web/pull/13164)
- * Fix broken yarn install link in README.md
-   [\#13125](https://github.com/vector-im/riot-web/pull/13125)
- * fix build:jitsi scripts crash caused by a missing folder
-   [\#13122](https://github.com/vector-im/riot-web/pull/13122)
- * App load order changes to catch errors better
-   [\#13095](https://github.com/vector-im/riot-web/pull/13095)
- * Upgrade deps
-   [\#13080](https://github.com/vector-im/riot-web/pull/13080)
-
-Changes in [1.5.16-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.16-rc.1) (2020-04-08)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.15...v1.5.16-rc.1)
-
- * Upgrade React SDK to 2.4.0-rc.1 and JS SDK to 5.3.0-rc.1
- * Update from Weblate
-   [\#13078](https://github.com/vector-im/riot-web/pull/13078)
- * Mention Jitsi support at the .well-known level in Jitsi docs
-   [\#13047](https://github.com/vector-im/riot-web/pull/13047)
- * Add new default home page fallback
-   [\#13049](https://github.com/vector-im/riot-web/pull/13049)
- * App load order tweaks for code splitting
-   [\#13032](https://github.com/vector-im/riot-web/pull/13032)
- * Add some docs about Jitsi widgets and Jitsi configuration
-   [\#13027](https://github.com/vector-im/riot-web/pull/13027)
- * Bump minimist from 1.2.2 to 1.2.3 in /electron_app
-   [\#13030](https://github.com/vector-im/riot-web/pull/13030)
- * Fix Electron mac-specific shortcut being registered on Web too.
-   [\#13020](https://github.com/vector-im/riot-web/pull/13020)
- * Add a console warning that errors from Jitsi Meet are fine
-   [\#12968](https://github.com/vector-im/riot-web/pull/12968)
- * Fix popout support for jitsi widgets
-   [\#12975](https://github.com/vector-im/riot-web/pull/12975)
- * Some grammar and clarifications
-   [\#12925](https://github.com/vector-im/riot-web/pull/12925)
- * Don't immediately remove notifications from notification trays
-   [\#12861](https://github.com/vector-im/riot-web/pull/12861)
- * Remove welcome user from config
-   [\#12894](https://github.com/vector-im/riot-web/pull/12894)
-
-Changes in [1.5.15](https://github.com/vector-im/riot-web/releases/tag/v1.5.15) (2020-04-01)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.14...v1.5.15)
-
-## Security notice
-
-The `jitsi.html` widget wrapper introduced in Riot 1.5.14 could be used to extract user data by tricking the user into adding a custom widget or opening a link in the browser used to run Riot. Jitsi widgets created through Riot UI do not pose a risk and do not need to be recreated.
-
-It is important to purge any copies of Riot 1.5.14 so that the vulnerable `jitsi.html` wrapper from that version is no longer accessible.
-
-## All changes
-
- * Upgrade React SDK to 2.3.1 for Jitsi fixes
- * Fix popout support for jitsi widgets
-   [\#12980](https://github.com/vector-im/riot-web/pull/12980)
-
-Changes in [1.5.14](https://github.com/vector-im/riot-web/releases/tag/v1.5.14) (2020-03-30)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.14-rc.1...v1.5.14)
-
- * Upgrade JS SDK to 5.2.0 and React SDK to 2.3.0
-
-Changes in [1.5.14-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.14-rc.1) (2020-03-26)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.13...v1.5.14-rc.1)
-
- * Upgrade JS SDK to 5.2.0-rc.1 and React SDK to 2.3.0-rc.1
- * Update from Weblate
-   [\#12890](https://github.com/vector-im/riot-web/pull/12890)
- * App load tweaks
-   [\#12869](https://github.com/vector-im/riot-web/pull/12869)
- * Add review policy doc
-   [\#12730](https://github.com/vector-im/riot-web/pull/12730)
- * Fix artifact searching in redeployer
-   [\#12875](https://github.com/vector-im/riot-web/pull/12875)
- * Fix Jitsi wrapper being large by getting the config from elsewhere
-   [\#12845](https://github.com/vector-im/riot-web/pull/12845)
- * Add webpack stats which will be used by CI and stored to artifacts
-   [\#12832](https://github.com/vector-im/riot-web/pull/12832)
- * Revert "Remove useless app preloading from Jitsi widget wrapper"
-   [\#12842](https://github.com/vector-im/riot-web/pull/12842)
- * Remove useless app preloading from Jitsi widget wrapper
-   [\#12836](https://github.com/vector-im/riot-web/pull/12836)
- * Update from Weblate
-   [\#12829](https://github.com/vector-im/riot-web/pull/12829)
- * Fix version for Docker builds
-   [\#12799](https://github.com/vector-im/riot-web/pull/12799)
- * Register Mac electron specific Cmd+, shortcut to User Settings
-   [\#12800](https://github.com/vector-im/riot-web/pull/12800)
- * Use a local widget wrapper for Jitsi calls
-   [\#12780](https://github.com/vector-im/riot-web/pull/12780)
- * Delete shortcuts.md
-   [\#12786](https://github.com/vector-im/riot-web/pull/12786)
- * Remove remainders of gemini-scrollbar and react-gemini-scrollbar
-   [\#12756](https://github.com/vector-im/riot-web/pull/12756)
- * Update electron to v7.1.14
-   [\#12762](https://github.com/vector-im/riot-web/pull/12762)
- * Add url tests to Modernizr
-   [\#12735](https://github.com/vector-im/riot-web/pull/12735)
- * ElectronPlatform: Add support to remove events from the event index.
-   [\#12703](https://github.com/vector-im/riot-web/pull/12703)
- * Bump minimist from 1.2.0 to 1.2.2 in /electron_app
-   [\#12744](https://github.com/vector-im/riot-web/pull/12744)
- * Add docs and flag for custom theme support
-   [\#12731](https://github.com/vector-im/riot-web/pull/12731)
- * Declare jsx in tsconfig for IDEs
-   [\#12716](https://github.com/vector-im/riot-web/pull/12716)
- * Remove stuff that yarn install doesn't think we need
-   [\#12713](https://github.com/vector-im/riot-web/pull/12713)
- * yarn upgrade
-   [\#12691](https://github.com/vector-im/riot-web/pull/12691)
- * Support TypeScript for React components
-   [\#12696](https://github.com/vector-im/riot-web/pull/12696)
-
-Changes in [1.5.13](https://github.com/vector-im/riot-web/releases/tag/v1.5.13) (2020-03-17)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.13-rc.1...v1.5.13)
-
- * Upgrade to JS SDK 5.1.1 and React SDK 2.2.3
-
-Changes in [1.5.13-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.13-rc.1) (2020-03-11)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.12...v1.5.13-rc.1)
-
- * Update from Weblate
-   [\#12688](https://github.com/vector-im/riot-web/pull/12688)
- * Fix Docker image version for develop builds
-   [\#12670](https://github.com/vector-im/riot-web/pull/12670)
- * docker: optimize custom sdk builds
-   [\#12612](https://github.com/vector-im/riot-web/pull/12612)
- * riot-desktop open SSO in browser so user doesn't have to auth twice
-   [\#12590](https://github.com/vector-im/riot-web/pull/12590)
- * Fix SSO flows for electron 8.0.2 by re-breaking will-navigate
-   [\#12585](https://github.com/vector-im/riot-web/pull/12585)
- * index.html: Place noscript on top of the page
-   [\#12563](https://github.com/vector-im/riot-web/pull/12563)
- * Remove will-navigate comment after Electron fix
-   [\#12561](https://github.com/vector-im/riot-web/pull/12561)
- * Update loading test for JS SDK IDB change
-   [\#12552](https://github.com/vector-im/riot-web/pull/12552)
- * Upgrade deps
-   [\#12528](https://github.com/vector-im/riot-web/pull/12528)
-
-Changes in [1.5.12](https://github.com/vector-im/riot-web/releases/tag/v1.5.12) (2020-03-04)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.11...v1.5.12)
-
- * Upgrade to React SDK 2.2.1
- * Revert to Electron 7.1.12 to fix Arch Linux tray icon
- * Fix image download links so they open in a new tab
-
-Changes in [1.5.11](https://github.com/vector-im/riot-web/releases/tag/v1.5.11) (2020-03-02)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.11-rc.1...v1.5.11)
-
- * Upgrade to JS SDK 5.1.0 and React SDK 2.2.0
- * Fix SSO flows for Electron 8.0.2 by disabling will-navigate
-   [\#12585](https://github.com/vector-im/riot-web/pull/12585)
-
-Changes in [1.5.11-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.11-rc.1) (2020-02-26)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.10...v1.5.11-rc.1)
-
- * Upgrade to JS SDK 5.1.0-rc.1 and React SDK 2.2.0-rc.1
- * Change Windows signing to warning when missing token
-   [\#12523](https://github.com/vector-im/riot-web/pull/12523)
- * Modernizr remove t3st/es6/contains
-   [\#12524](https://github.com/vector-im/riot-web/pull/12524)
- * Switch out any eval-using Modernizr rules
-   [\#12519](https://github.com/vector-im/riot-web/pull/12519)
- * Update from Weblate
-   [\#12522](https://github.com/vector-im/riot-web/pull/12522)
- * Notify electron of language changes
-   [\#12487](https://github.com/vector-im/riot-web/pull/12487)
- * Relax macOS notarisation check to print a warning
-   [\#12503](https://github.com/vector-im/riot-web/pull/12503)
- * Clarify supported tier means desktop OSes
-   [\#12486](https://github.com/vector-im/riot-web/pull/12486)
- * Use noreferrer in addition to noopener for edge case browsers
-   [\#12477](https://github.com/vector-im/riot-web/pull/12477)
- * Document start / end composer shortcuts
-   [\#12466](https://github.com/vector-im/riot-web/pull/12466)
- * Update from Weblate
-   [\#12480](https://github.com/vector-im/riot-web/pull/12480)
- * Remove buildkite pipeline
-   [\#12464](https://github.com/vector-im/riot-web/pull/12464)
- * Remove exec so release script continues
-   [\#12435](https://github.com/vector-im/riot-web/pull/12435)
- * Use Persistent Storage where possible
-   [\#12425](https://github.com/vector-im/riot-web/pull/12425)
-
-Changes in [1.5.10](https://github.com/vector-im/riot-web/releases/tag/v1.5.10) (2020-02-19)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.9...v1.5.10)
-
- * Get rid of dependence on usercontent.riot.im
-   [\#12292](https://github.com/vector-im/riot-web/pull/12292)
- * Add experimental support tier
-   [\#12377](https://github.com/vector-im/riot-web/pull/12377)
-
-Changes in [1.5.9](https://github.com/vector-im/riot-web/releases/tag/v1.5.9) (2020-02-17)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.9-rc.1...v1.5.9)
-
- * Automate SDK dep upgrades for release
-   [\#12374](https://github.com/vector-im/riot-web/pull/12374)
-
-Changes in [1.5.9-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.9-rc.1) (2020-02-13)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.8...v1.5.9-rc.1)
-
- * Upgrade JS SDK to 5.0.0-rc.1 and React SDK 2.1.0-rc.2
- * Update from Weblate
-   [\#12354](https://github.com/vector-im/riot-web/pull/12354)
- * Add top left menu shortcut
-   [\#12310](https://github.com/vector-im/riot-web/pull/12310)
- * Remove modernizr rules for features on which we only soft depend
-   [\#12272](https://github.com/vector-im/riot-web/pull/12272)
- * Embed CSP meta tag and stop using script-src unsafe-inline
-   [\#12258](https://github.com/vector-im/riot-web/pull/12258)
- * Add contribute.json
-   [\#12251](https://github.com/vector-im/riot-web/pull/12251)
- * Improve Browser checks
-   [\#12232](https://github.com/vector-im/riot-web/pull/12232)
- * Document padlock flag
-   [\#12173](https://github.com/vector-im/riot-web/pull/12173)
- * Enable cross-signing on /develop
-   [\#12126](https://github.com/vector-im/riot-web/pull/12126)
- * Switch back to legacy decorators
-   [\#12110](https://github.com/vector-im/riot-web/pull/12110)
- * Update babel targets
-   [\#12102](https://github.com/vector-im/riot-web/pull/12102)
- * Install deps for linting
-   [\#12076](https://github.com/vector-im/riot-web/pull/12076)
- * Update from Weblate
-   [\#12062](https://github.com/vector-im/riot-web/pull/12062)
- * Change to minimal Webpack output
-   [\#12049](https://github.com/vector-im/riot-web/pull/12049)
- * Remove docs for new invite dialog labs feature
-   [\#12015](https://github.com/vector-im/riot-web/pull/12015)
- * ElectronPlatform: Add the indexSize method.
-   [\#11529](https://github.com/vector-im/riot-web/pull/11529)
- * ElectronPlatform: Add the ability to load file events from the event index
-   [\#11907](https://github.com/vector-im/riot-web/pull/11907)
- * Fix the remainder of the cookie links
-   [\#12008](https://github.com/vector-im/riot-web/pull/12008)
- * Use bash in Docker scripts
-   [\#12001](https://github.com/vector-im/riot-web/pull/12001)
- * Use debian to build the Docker image
-   [\#11999](https://github.com/vector-im/riot-web/pull/11999)
- * Update cookie policy urls on /app and /develop config.json
-   [\#11998](https://github.com/vector-im/riot-web/pull/11998)
- * BuildKite: Only deploy to /develop if everything else passed
-   [\#11996](https://github.com/vector-im/riot-web/pull/11996)
- * Add docs for admin report content message
-   [\#11995](https://github.com/vector-im/riot-web/pull/11995)
- * Load as little as possible in index.js for the skinner
-   [\#11959](https://github.com/vector-im/riot-web/pull/11959)
- * Fix webpack config (by stealing Dave's config)
-   [\#11956](https://github.com/vector-im/riot-web/pull/11956)
- * Force Jest to resolve the js-sdk and react-sdk to src directories
-   [\#11954](https://github.com/vector-im/riot-web/pull/11954)
- * Fix build to not babel modules inside js/react sdk
-   [\#11949](https://github.com/vector-im/riot-web/pull/11949)
- * Fix webpack to babel js-sdk & react-sdk but no other deps
-   [\#11944](https://github.com/vector-im/riot-web/pull/11944)
-
-Changes in [1.5.8](https://github.com/vector-im/riot-web/releases/tag/v1.5.8) (2020-01-27)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.8-rc.2...v1.5.8)
-
- * Fixes for alias display and copy / paste on composer
-
-Changes in [1.5.8-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.5.8-rc.2) (2020-01-22)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.8-rc.1...v1.5.8-rc.2)
+Changes in [1.12.20](https://github.com/element-hq/element-web/releases/tag/v1.12.20) (2026-05-27)
+==================================================================================================
+## 🐛 Bug Fixes
+
+* [Backport staging] Realign the User Menu profile picture on desktop ([#33634](https://github.com/element-hq/element-web/pull/33634)). Contributed by @RiotRobot.
+
+
+Changes in [1.12.19](https://github.com/element-hq/element-web/releases/tag/v1.12.19) (2026-05-27)
+==================================================================================================
+## 🦖 Deprecations
+
+* Remove MSC3215 (Report to Moderators) labs feature ([#33492](https://github.com/element-hq/element-web/pull/33492)). Contributed by @turt2live.
+
+## ✨ Features
+
+* Tweak new user menu design ([#33444](https://github.com/element-hq/element-web/pull/33444)). Contributed by @dbkr.
+* Call Tile - Improve tile alignment in modern and bubble layout ([#33478](https://github.com/element-hq/element-web/pull/33478)). Contributed by @MidhunSureshR.
+* Module API for adding new file upload mechanisms ([#33355](https://github.com/element-hq/element-web/pull/33355)). Contributed by @Half-Shot.
+* Incoming Element Calls now trigger a regular OS notification ([#33499](https://github.com/element-hq/element-web/pull/33499)). Contributed by @MatrimAl.
+* Call Tile - Support declined call tile ([#33371](https://github.com/element-hq/element-web/pull/33371)). Contributed by @MidhunSureshR.
+* Room list: drag and drop rooms into sections ([#33366](https://github.com/element-hq/element-web/pull/33366)). Contributed by @florianduros.
+* Call Tile - Render a tile showing that a call was started ([#32988](https://github.com/element-hq/element-web/pull/32988)). Contributed by @MidhunSureshR.
+* Update button in incoming call toast to say 'Decline' ([#33405](https://github.com/element-hq/element-web/pull/33405)). Contributed by @robintown.
+* Refactor and redesign user menu ([#32812](https://github.com/element-hq/element-web/pull/32812)). Contributed by @Half-Shot.
+
+## 🐛 Bug Fixes
+
+* Ensure interface gradually reduces visible buttons when viewport shrinks ([#33477](https://github.com/element-hq/element-web/pull/33477)). Contributed by @Half-Shot.
+* Room list: add robustness to custom section loading ([#33475](https://github.com/element-hq/element-web/pull/33475)). Contributed by @florianduros.
+* Make it possible to scroll overflowing hidden events again ([#33481](https://github.com/element-hq/element-web/pull/33481)). Contributed by @robintown.
+* Fix user menu overlap with macos window controls ([#33425](https://github.com/element-hq/element-web/pull/33425)). Contributed by @dbkr.
+* Visually indicate on hover that user menu can be clicked ([#33408](https://github.com/element-hq/element-web/pull/33408)). Contributed by @robintown.
+* Fix TAC badges when hovered ([#33423](https://github.com/element-hq/element-web/pull/33423)). Contributed by @florianduros.
+
+
+Changes in [1.12.18](https://github.com/element-hq/element-web/releases/tag/v1.12.18) (2026-05-12)
+==================================================================================================
+## ✨ Features
+
+* Room list: add collapse/expand all sections ([#33318](https://github.com/element-hq/element-web/pull/33318)). Contributed by @florianduros.
+* Show user status in timeline ([#32991](https://github.com/element-hq/element-web/pull/32991)). Contributed by @Half-Shot.
+* Disable URL Preview setting if disabled on the homeserver ([#33279](https://github.com/element-hq/element-web/pull/33279)). Contributed by @Half-Shot.
+* Go to welcome on logout ([#33306](https://github.com/element-hq/element-web/pull/33306)). Contributed by @t3chguy.
+* Room list: edit or remove custom sections ([#33283](https://github.com/element-hq/element-web/pull/33283)). Contributed by @florianduros.
+* Re-generate QR code if the channel expires before scan ([#33303](https://github.com/element-hq/element-web/pull/33303)). Contributed by @t3chguy.
+* Update toast styles, improve incoming call notifications ([#33043](https://github.com/element-hq/element-web/pull/33043)). Contributed by @robintown.
+* Add Module Composer API ([#33284](https://github.com/element-hq/element-web/pull/33284)). Contributed by @Half-Shot.
+* Room list: exclude default section from room list item menu ([#33278](https://github.com/element-hq/element-web/pull/33278)). Contributed by @florianduros.
+* Show 'Verify this device' toast even if there are no encrypted rooms yet ([#32891](https://github.com/element-hq/element-web/pull/32891)). Contributed by @andybalaam.
+* Promote "Share encrypted history" from labs ([#33281](https://github.com/element-hq/element-web/pull/33281)). Contributed by @richvdh.
+* Room list: assign room to section when section is created ([#33240](https://github.com/element-hq/element-web/pull/33240)). Contributed by @florianduros.
+* Confirm before inviting unknown users to a DM/room ([#33171](https://github.com/element-hq/element-web/pull/33171)). Contributed by @richvdh.
+* Room list: assign room to custom section ([#33238](https://github.com/element-hq/element-web/pull/33238)). Contributed by @florianduros.
+* Redesign link previews ([#33061](https://github.com/element-hq/element-web/pull/33061)). Contributed by @Half-Shot.
+* Room list: scroll to newly creation section ([#33210](https://github.com/element-hq/element-web/pull/33210)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Update home page CSS ([#32723](https://github.com/element-hq/element-web/pull/32723)). Contributed by @wolterkam.
+* Web: Fix typo in `152x152` icon source of `manifest.json` ([#33369](https://github.com/element-hq/element-web/pull/33369)). Contributed by @bartvdbraak.
+* prevent replay hover from restarting playback ([#33364](https://github.com/element-hq/element-web/pull/33364)). Contributed by @ZacksBot.
+* Properly save `undefined` id tokens from OIDC login ([#33345](https://github.com/element-hq/element-web/pull/33345)). Contributed by @gingershaped.
+* Show the right cursor when hovering over a space ([#33351](https://github.com/element-hq/element-web/pull/33351)). Contributed by @robintown.
+* Set `type` in auth dict for `m.oauth` UIA stage ([#33344](https://github.com/element-hq/element-web/pull/33344)). Contributed by @gingershaped.
+* Remove duplicated UI in appearance settings ([#33336](https://github.com/element-hq/element-web/pull/33336)). Contributed by @t3chguy.
+* Move playwright-common wait-on from devDependencies to dependencies ([#33272](https://github.com/element-hq/element-web/pull/33272)). Contributed by @t3chguy.
+
+
+Changes in [1.12.17](https://github.com/element-hq/element-web/releases/tag/v1.12.17) (2026-04-30)
+==================================================================================================
+## 🐛 Bug Fixes
+
+* [Backport] Fix OIDC login callback handling on Element Desktop ([#33337](https://github.com/element-hq/element-web/pull/33337)). Contributed by @t3chguy.
+
+
+Changes in [1.12.16](https://github.com/element-hq/element-web/releases/tag/v1.12.16) (2026-04-28)
+==================================================================================================
+## 🦖 Deprecations
+
+* Disallow links without protocol (e.g. starting with http(s)://) in LinkedText. ([#32972](https://github.com/element-hq/element-web/pull/32972)). Contributed by @Half-Shot.
+
+## ✨ Features
+
+* Room list: add custom section creation ([#33155](https://github.com/element-hq/element-web/pull/33155)). Contributed by @florianduros.
+* Fall back to OIDC response\_mode query if fragment unsupported ([#33169](https://github.com/element-hq/element-web/pull/33169)). Contributed by @t3chguy.
+* Switch OIDC to response\_mode=fragment ([#33100](https://github.com/element-hq/element-web/pull/33100)). Contributed by @t3chguy.
+* Hide spoilers from desktop notifications ([#31699](https://github.com/element-hq/element-web/pull/31699)). Contributed by @JeftavanderHorst.
+* Room list: expand sections when a filter is toggled ([#33077](https://github.com/element-hq/element-web/pull/33077)). Contributed by @florianduros.
+* Show a 'grab' cursor on picture-in-picture view ([#33079](https://github.com/element-hq/element-web/pull/33079)). Contributed by @robintown.
+* Update URL Preview settings ([#32992](https://github.com/element-hq/element-web/pull/32992)). Contributed by @Half-Shot.
+* Add user friendly capability text for `msc4039.download_file` ([#32983](https://github.com/element-hq/element-web/pull/32983)). Contributed by @BillCarsonFr.
+* Accessibility improvements in settings ([#32968](https://github.com/element-hq/element-web/pull/32968)). Contributed by @t3chguy.
+* Move Low Bandwidth feature to devtools. ([#32797](https://github.com/element-hq/element-web/pull/32797)). Contributed by @Half-Shot.
+* Room list: add activity marker to sections ([#33024](https://github.com/element-hq/element-web/pull/33024)). Contributed by @florianduros.
+* Remove global h2 css rule in favour of heading styles/components ([#32969](https://github.com/element-hq/element-web/pull/32969)). Contributed by @t3chguy.
+* Allow Element Call to use MSC4039 ([#32755](https://github.com/element-hq/element-web/pull/32755)). Contributed by @JephDiel.
+* Room list: add default sections ([#32785](https://github.com/element-hq/element-web/pull/32785)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix Module API versioning ([#33261](https://github.com/element-hq/element-web/pull/33261)). Contributed by @RiotRobot.
+* Fix crashes in when opening Bridges in room settings  ([#33137](https://github.com/element-hq/element-web/pull/33137)). Contributed by @defaultdino.
+* fix(call): leave call along with room ([#33162](https://github.com/element-hq/element-web/pull/33162)). Contributed by @defaultdino.
+* Fix React hydration issues ([#32958](https://github.com/element-hq/element-web/pull/32958)). Contributed by @t3chguy.
+* Enusre voice message recording does not fall back to the default input if an input is specifically configured. ([#32887](https://github.com/element-hq/element-web/pull/32887)). Contributed by @jpborie05.
+* Room list: fix expanded/collapse state of sections ([#33074](https://github.com/element-hq/element-web/pull/33074)). Contributed by @florianduros.
+* fix: Left hand sidebar text selectable ([#33029](https://github.com/element-hq/element-web/pull/33029)). Contributed by @marley.
+* Collapsible Left Panel - Ensure that panels have non-fractional widths ([#33052](https://github.com/element-hq/element-web/pull/33052)). Contributed by @MidhunSureshR.
+* Collapsible Left Panel - Clicking on separator should expand to 100% when no width is available in settings ([#33053](https://github.com/element-hq/element-web/pull/33053)). Contributed by @MidhunSureshR.
+* Fix EventListSummary not unbinding event listeners ([#33006](https://github.com/element-hq/element-web/pull/33006)). Contributed by @t3chguy.
+
+
+Changes in [1.12.15](https://github.com/element-hq/element-web/releases/tag/v1.12.15) (2026-04-08)
+==================================================================================================
+Fixes Desktop release workflow.
+
+This release is identical to v1.12.14 otherwise.
+
+Changes in [1.12.14](https://github.com/element-hq/element-web/releases/tag/v1.12.14) (2026-04-07)
+==================================================================================================
+## ✨ Features
+
+* Add analytics tracking for URL previews ([#32659](https://github.com/element-hq/element-web/pull/32659)). Contributed by @Half-Shot.
+* Collapsible Room List - Clicking on separator should expand to last set width ([#32909](https://github.com/element-hq/element-web/pull/32909)). Contributed by @MidhunSureshR.
+* RoomList: improve performance ([#32919](https://github.com/element-hq/element-web/pull/32919)). Contributed by @florianduros.
+* Implement collapsible panels for the new room list ([#32742](https://github.com/element-hq/element-web/pull/32742)). Contributed by @MidhunSureshR.
+* Hide the names of banned users behind a spoiler tag (attempt 2) ([#32636](https://github.com/element-hq/element-web/pull/32636)). Contributed by @andybalaam.
 
- * Fix incorrect version of react-sdk
+## 🐛 Bug Fixes
 
-Changes in [1.5.8-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.8-rc.1) (2020-01-22)
+* Use the code signing Subject Name as basis for Tray GUID on Windows ([#32939](https://github.com/element-hq/element-web/pull/32939)). Contributed by @t3chguy.
+* Ensure the incoming verification request appears above the please verify prompt ([#32931](https://github.com/element-hq/element-web/pull/32931)). Contributed by @andybalaam.
+* Collapsible Room List - Prevent any interaction with the separator when the panel is expanded ([#32910](https://github.com/element-hq/element-web/pull/32910)). Contributed by @MidhunSureshR.
+* Fix icon size of badges in right panel ([#32952](https://github.com/element-hq/element-web/pull/32952)). Contributed by @florianduros.
+* Fix room list often showing the wrong icons for calls ([#32881](https://github.com/element-hq/element-web/pull/32881)). Contributed by @robintown.
+* Fix emoticon slash commands including stale buffers ([#32928](https://github.com/element-hq/element-web/pull/32928)). Contributed by @t3chguy.
+* Fix presence indicators not showing without cache   ([#32880](https://github.com/element-hq/element-web/pull/32880)). Contributed by @DLCSharp.
+* Show space name instead of 'Empty room' after creation ([#32886](https://github.com/element-hq/element-web/pull/32886)). Contributed by @gugaribeiro05.
+* Strip ephemeral query params from OIDC redirect URI ([#32875](https://github.com/element-hq/element-web/pull/32875)). Contributed by @azmeuk.
+
+
+Changes in [1.12.13](https://github.com/element-hq/element-web/releases/tag/v1.12.13) (2026-03-24)
+==================================================================================================
+## 🦖 Deprecations
+
+* Remove automatic rageshakes on UTD labs feature ([#32778](https://github.com/element-hq/element-web/pull/32778)). Contributed by @Half-Shot.
+* Remove automaticErrorReporting labs feature ([#32781](https://github.com/element-hq/element-web/pull/32781)). Contributed by @Half-Shot.
+
+## ✨ Features
+
+* Upgrade Element Call for new picture-in-picture designs ([#32816](https://github.com/element-hq/element-web/pull/32816)). Contributed by @robintown.
+* Room list: add sections to shared components ([#32735](https://github.com/element-hq/element-web/pull/32735)). Contributed by @florianduros.
+* feat: Devtool for sticky events MSC4354 ([#32741](https://github.com/element-hq/element-web/pull/32741)). Contributed by @BillCarsonFr.
+* Port URL Preview components to MVVM ([#32525](https://github.com/element-hq/element-web/pull/32525)). Contributed by @Half-Shot.
+* Add support for Widget \& Room Header Buttons module APIs ([#32734](https://github.com/element-hq/element-web/pull/32734)). Contributed by @dbkr.
+* Port over linkifyJS to shared-components. ([#32731](https://github.com/element-hq/element-web/pull/32731)). Contributed by @Half-Shot.
+* Redesign widget pip and move into shared component ([#32654](https://github.com/element-hq/element-web/pull/32654)). Contributed by @toger5.
+* Implement customisations \& login component Module API 1.11.0 ([#32687](https://github.com/element-hq/element-web/pull/32687)). Contributed by @t3chguy.
+* Realign MessageActionBar to Figma designs ([#32722](https://github.com/element-hq/element-web/pull/32722)). Contributed by @t3chguy.
+* Implement new widget permissions module api ([#32565](https://github.com/element-hq/element-web/pull/32565)). Contributed by @langleyd.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix soft crash of room list when trying to open a room ([#32872](https://github.com/element-hq/element-web/pull/32872)). Contributed by @RiotRobot.
+* Fix "key storage out of sync" appearing when key storage is actually fine ([#32811](https://github.com/element-hq/element-web/pull/32811)). Contributed by @andybalaam.
+* Fix remove button styling in local address list of room settings ([#32798](https://github.com/element-hq/element-web/pull/32798)). Contributed by @florianduros.
+* Always check \& update the users timezone on their profile on startup ([#32764](https://github.com/element-hq/element-web/pull/32764)). Contributed by @Half-Shot.
+* Fix nx configuration to actually run type linter ([#32776](https://github.com/element-hq/element-web/pull/32776)). Contributed by @richvdh.
+* Fix expand space panel button not being shown on keyboard focus ([#32746](https://github.com/element-hq/element-web/pull/32746)). Contributed by @t3chguy.
+* Reset key storage if restoring from Recovery encounters the wrong decryption key ([#32668](https://github.com/element-hq/element-web/pull/32668)). Contributed by @andybalaam.
+
+
+Changes in [1.12.12](https://github.com/element-hq/element-web/releases/tag/v1.12.12) (2026-03-10)
+==================================================================================================
+## ✨ Features
+
+* Add stable support for MSC4380 invite blocking ([#31966](https://github.com/element-hq/element-web/pull/31966)). Contributed by @richvdh.
+* Hide the names of banned users behind a spoiler tag ([#32424](https://github.com/element-hq/element-web/pull/32424)). Contributed by @andybalaam.
+* Room list: remove bold effect on selected room ([#32593](https://github.com/element-hq/element-web/pull/32593)). Contributed by @florianduros.
+* Use Compound buttons in auth screens ([#32562](https://github.com/element-hq/element-web/pull/32562)). Contributed by @t3chguy.
+* Track room list sorting algorithm changes ([#32556](https://github.com/element-hq/element-web/pull/32556)). Contributed by @MidhunSureshR.
+* Update `sso_redirect_options` to work for Native OIDC ([#32537](https://github.com/element-hq/element-web/pull/32537)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Room list: avoid excessive re-renders on room list store update or filter change ([#32663](https://github.com/element-hq/element-web/pull/32663)). Contributed by @florianduros.
+* Room list: listen to call event to check number of participants ([#32677](https://github.com/element-hq/element-web/pull/32677)). Contributed by @florianduros.
+* Fix invite-specific join errors not being shown ([#32621](https://github.com/element-hq/element-web/pull/32621)). Contributed by @Half-Shot.
+* Prevent logging lots of "Browser unsupported" lines ([#32647](https://github.com/element-hq/element-web/pull/32647)). Contributed by @Half-Shot.
+* Update critical gradient for room status bar ([#32575](https://github.com/element-hq/element-web/pull/32575)). Contributed by @Half-Shot.
+* Room list: avoid header overflowing when too long ([#32645](https://github.com/element-hq/element-web/pull/32645)). Contributed by @florianduros.
+* Room list: center focus outline of room list item ([#32637](https://github.com/element-hq/element-web/pull/32637)). Contributed by @florianduros.
+* Fix misaligned cross in complete security dialog ([#32614](https://github.com/element-hq/element-web/pull/32614)). Contributed by @dbkr.
+* Room list: fix keyboard navigation ([#32585](https://github.com/element-hq/element-web/pull/32585)). Contributed by @florianduros.
+* Don't show empty privacy section ([#32582](https://github.com/element-hq/element-web/pull/32582)). Contributed by @dbkr.
+* Disable room list image dragging ([#32590](https://github.com/element-hq/element-web/pull/32590)). Contributed by @florianduros.
+* Update UserMenu theme toggle to use IconButton ([#32591](https://github.com/element-hq/element-web/pull/32591)). Contributed by @t3chguy.
+* Room list: make room list item scales with large font size ([#32523](https://github.com/element-hq/element-web/pull/32523)). Contributed by @florianduros.
+
+
+Changes in [1.12.11](https://github.com/element-hq/element-web/releases/tag/v1.12.11) (2026-02-24)
+==================================================================================================
+## 🦖 Deprecations
+
+* Remove UIFeature.BulkUnverifiedSessionsReminder setting ([#31943](https://github.com/element-hq/element-web/pull/31943)). Contributed by @andybalaam.
+* Remove unused function to auto-rageshake when key backup is not set up ([#31942](https://github.com/element-hq/element-web/pull/31942)). Contributed by @andybalaam.
+
+## ✨ Features
+
+* Room list: update the visuals in order to have better contrast ([#32421](https://github.com/element-hq/element-web/pull/32421)). Contributed by @florianduros.
+*  Set history visibility to "invited" for DMs and new non-public rooms when creating a room ([#31974](https://github.com/element-hq/element-web/pull/31974)). Contributed by @langleyd.
+* Remove server acl status/summaries from timeline  ([#32461](https://github.com/element-hq/element-web/pull/32461)). Contributed by @langleyd.
+* Update `globalBlacklistUnverifiedDevices` on setting change ([#31983](https://github.com/element-hq/element-web/pull/31983)). Contributed by @kaylendog.
+* Add badge for history visibiltity to room info panel ([#31927](https://github.com/element-hq/element-web/pull/31927)). Contributed by @richvdh.
+
+## 🐛 Bug Fixes
+
+* Default useOnlyCurrentProfiles to true ([#32524](https://github.com/element-hq/element-web/pull/32524)). Contributed by @dbkr.
+* Keep custom theme active after reload ([#32506](https://github.com/element-hq/element-web/pull/32506)). Contributed by @florianduros.
+* Update font format from 'ttf' to 'truetype' ([#32493](https://github.com/element-hq/element-web/pull/32493)). Contributed by @all-yall.
+* Fix videos on Firefox ([#32497](https://github.com/element-hq/element-web/pull/32497)). Contributed by @p1gp1g.
+* Use a dedicated FAQ/help entry for key storage. ([#32480](https://github.com/element-hq/element-web/pull/32480)). Contributed by @mxandreas.
+* Avoid showing two chat timelines side by side after a call ([#32484](https://github.com/element-hq/element-web/pull/32484)). Contributed by @robintown.
+* Update screenshot for reactive display name disambiguation ([#32431](https://github.com/element-hq/element-web/pull/32431)). Contributed by @aditya-cherukuru.
+* Fix Status Bar being unreadable when the user overrides the default OS light/dark theme. ([#32442](https://github.com/element-hq/element-web/pull/32442)). Contributed by @Half-Shot.
+* fix: Remove state\_key: null from Seshat search results ([#31524](https://github.com/element-hq/element-web/pull/31524)). Contributed by @shinaoka.
+* Fix user pill deserialisation ([#31947](https://github.com/element-hq/element-web/pull/31947)). Contributed by @t3chguy.
+
+
+Changes in [1.12.10](https://github.com/element-hq/element-web/releases/tag/v1.12.10) (2026-02-10)
+==================================================================================================
+## ✨ Features
+
+* Support additional\_creators in /upgraderoom (MSC4289) ([#31934](https://github.com/element-hq/element-web/pull/31934)). Contributed by @andybalaam.
+* Update room header icon for world\_readable rooms ([#31915](https://github.com/element-hq/element-web/pull/31915)). Contributed by @richvdh.
+* Show an icon in the room header for shared history ([#31879](https://github.com/element-hq/element-web/pull/31879)). Contributed by @richvdh.
+* Remove "history may be shared" banner. ([#31881](https://github.com/element-hq/element-web/pull/31881)). Contributed by @kaylendog.
+* Allow dismissing 'Key storage out of sync' temporarily ([#31455](https://github.com/element-hq/element-web/pull/31455)). Contributed by @andybalaam.
+* Add `resolutions` entry for `matrix-widget-api` to package.json ([#31851](https://github.com/element-hq/element-web/pull/31851)). Contributed by @toger5.
+* Improve visibility under contrast control mode ([#31847](https://github.com/element-hq/element-web/pull/31847)). Contributed by @t3chguy.
+* Unread Sorting - Add option for sorting in `OptionsMenuView` ([#31754](https://github.com/element-hq/element-web/pull/31754)). Contributed by @MidhunSureshR.
+* Unread sorting - Implement sorter and use it in the room list store ([#31723](https://github.com/element-hq/element-web/pull/31723)). Contributed by @MidhunSureshR.
+* Allow Element Call widgets to receive sticky events ([#31843](https://github.com/element-hq/element-web/pull/31843)). Contributed by @robintown.
+* Improve icon rendering accessibility ([#31791](https://github.com/element-hq/element-web/pull/31791)). Contributed by @t3chguy.
+* Add message preview toggle to room list header option ([#31821](https://github.com/element-hq/element-web/pull/31821)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix room list not being cleared ([#32438](https://github.com/element-hq/element-web/pull/32438)). Contributed by @RiotRobot.
+* Fix failure to update room info panel on joinrule change ([#31938](https://github.com/element-hq/element-web/pull/31938)). Contributed by @richvdh.
+* Throttle space notification state calculation ([#31922](https://github.com/element-hq/element-web/pull/31922)). Contributed by @dbkr.
+* Fix emoji verification responsive layout ([#31899](https://github.com/element-hq/element-web/pull/31899)). Contributed by @t3chguy.
+* Add patch for linkify to fix doctype handling ([#31900](https://github.com/element-hq/element-web/pull/31900)). Contributed by @dbkr.
+* Fix rooms with no messages appearing at the top of the room list ([#31798](https://github.com/element-hq/element-web/pull/31798)). Contributed by @MidhunSureshR.
+* Fix room list menu flashes when menu is closed ([#31868](https://github.com/element-hq/element-web/pull/31868)). Contributed by @florianduros.
+* Message preview toggle is inverted in room list header ([#31865](https://github.com/element-hq/element-web/pull/31865)). Contributed by @florianduros.
+* Fix duplicate toasts appearing for the same call if two events appear. ([#31693](https://github.com/element-hq/element-web/pull/31693)). Contributed by @Half-Shot.
+* Fix ability to send rageshake during session restore failure ([#31848](https://github.com/element-hq/element-web/pull/31848)). Contributed by @t3chguy.
+* Fix mis-alignment of `Threads` right panel title ([#31849](https://github.com/element-hq/element-web/pull/31849)). Contributed by @t3chguy.
+* Unset buttons does not include color inherit ([#31801](https://github.com/element-hq/element-web/pull/31801)). Contributed by @Philldomd.
+
+
+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
+
+* Replace legacy icons with compound ([#31424](https://github.com/element-hq/element-web/pull/31424)). Contributed by @t3chguy.
+* Update polls UX to match EX Mobile and improve accessibility ([#31245](https://github.com/element-hq/element-web/pull/31245)). Contributed by @langleyd.
+* Add option to enable read receipt and marker when user interact with UI ([#31353](https://github.com/element-hq/element-web/pull/31353)). Contributed by @florianduros.
+* Introduce a hook to auto dispose view models ([#31178](https://github.com/element-hq/element-web/pull/31178)). Contributed by @MidhunSureshR.
+* Update settings toggles to use consistent design across app. ([#30169](https://github.com/element-hq/element-web/pull/30169)). Contributed by @Half-Shot.
+* Add ability to the room view to hide widgets ([#31400](https://github.com/element-hq/element-web/pull/31400)). Contributed by @langleyd.
+* call: Pass the echo cancellation and noise suppression settings to EC ([#31317](https://github.com/element-hq/element-web/pull/31317)). Contributed by @BillCarsonFr.
+* Tweak rendering of icons for a11y ([#31358](https://github.com/element-hq/element-web/pull/31358)). Contributed by @t3chguy.
+* Implement new `renderNotificationDecoration` from module API  ([#31389](https://github.com/element-hq/element-web/pull/31389)). Contributed by @MidhunSureshR.
+* Replace more icons with compound ([#31381](https://github.com/element-hq/element-web/pull/31381)). Contributed by @t3chguy.
+* Replace more icons with compound ([#31378](https://github.com/element-hq/element-web/pull/31378)). Contributed by @t3chguy.
+* `<Banner/>`: Hide `Dismiss` button if `onClose` handler is not provided. ([#31362](https://github.com/element-hq/element-web/pull/31362)). Contributed by @kaylendog.
+* Replace batch of legacy icons with compound design tokens ([#31360](https://github.com/element-hq/element-web/pull/31360)). Contributed by @t3chguy.
+* MSC4380: Invite blocking ([#31268](https://github.com/element-hq/element-web/pull/31268)). Contributed by @richvdh.
+* Tweak rendering of icons for accessibility ([#31346](https://github.com/element-hq/element-web/pull/31346)). Contributed by @t3chguy.
+* Implement a shared `Banner` component. ([#31266](https://github.com/element-hq/element-web/pull/31266)). Contributed by @kaylendog.
+* Allow the Login screen to use the dark theme ([#31293](https://github.com/element-hq/element-web/pull/31293)). Contributed by @richvdh.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Amend e2e normal icon from lock-solid to info ([#31559](https://github.com/element-hq/element-web/pull/31559)). Contributed by @t3chguy.
+* [Backport staging] Fix CSS specificity causing icon issues in e2e verification ([#31548](https://github.com/element-hq/element-web/pull/31548)). Contributed by @RiotRobot.
+* [Backport staging] Fix e2e icons in CompleteSecurity \& SetupEncryptionBody ([#31522](https://github.com/element-hq/element-web/pull/31522)). Contributed by @RiotRobot.
+* [Backport staging] Remove an extra paragraph in advanced room settings ([#31511](https://github.com/element-hq/element-web/pull/31511)). Contributed by @RiotRobot.
+* [Backport staging] Don't show the key storage out of sync toast when backup disabled ([#31507](https://github.com/element-hq/element-web/pull/31507)). Contributed by @RiotRobot.
+* Fix composer button visibility in contrast colour mode ([#31255](https://github.com/element-hq/element-web/pull/31255)). Contributed by @t3chguy.
+* Ensure correct room version is used and permissions are appropriately sert when creating rooms ([#31464](https://github.com/element-hq/element-web/pull/31464)). Contributed by @Half-Shot.
+* Fix e2e icon rendering ([#31454](https://github.com/element-hq/element-web/pull/31454)). Contributed by @t3chguy.
+* EventIndexer: ensure we add initial checkpoints when the db is first opened ([#31448](https://github.com/element-hq/element-web/pull/31448)). Contributed by @richvdh.
+* Fix `/join <alias>` command failing due to race condition ([#31433](https://github.com/element-hq/element-web/pull/31433)). Contributed by @MidhunSureshR.
+* MessageEventIndexDialog: distinguish indexed rooms ([#31436](https://github.com/element-hq/element-web/pull/31436)). Contributed by @richvdh.
+* Move `EditInPlace` out of `Form` (Fixes: reloading EW on EC url update) ([#31434](https://github.com/element-hq/element-web/pull/31434)). Contributed by @toger5.
+* Fixes issue where cursor would jump to the beginning of the input field after converting Japanese text and pressing Tab ([#31432](https://github.com/element-hq/element-web/pull/31432)). Contributed by @shinaoka.
+* Fix widgets getting stuck in loading states ([#31314](https://github.com/element-hq/element-web/pull/31314)). Contributed by @robintown.
+* Room list: fix room options remaining on room item after mouse leaving ([#31414](https://github.com/element-hq/element-web/pull/31414)). Contributed by @florianduros.
+* Make `RoomList.showMessagePreview` configurable by `config.json` ([#31419](https://github.com/element-hq/element-web/pull/31419)). Contributed by @florianduros.
+* Fix bug which caused app not to load correctly when `force_verification` is enabled ([#31265](https://github.com/element-hq/element-web/pull/31265)). Contributed by @richvdh.
+* Room list: display the menu option on the room list item when clicked/opened ([#31380](https://github.com/element-hq/element-web/pull/31380)). Contributed by @florianduros.
+* Fix handling of SVGs ([#31359](https://github.com/element-hq/element-web/pull/31359)). Contributed by @t3chguy.
+* Fix word wrapping in expanded left panel buttons ([#31377](https://github.com/element-hq/element-web/pull/31377)). Contributed by @t3chguy.
+* Fix aspect ratio on error view background ([#31361](https://github.com/element-hq/element-web/pull/31361)). Contributed by @t3chguy.
+* Fix failure to request persistent storage perms ([#31299](https://github.com/element-hq/element-web/pull/31299)). Contributed by @richvdh.
+* Fix calls sometimes not knowing that they're presented ([#31313](https://github.com/element-hq/element-web/pull/31313)). Contributed by @robintown.
+
+
+Changes in [1.12.6](https://github.com/element-hq/element-web/releases/tag/v1.12.6) (2025-12-03)
+================================================================================================
+This release fixes a bug where 1:1 calling was incorrectly not available if no Element Call focus was set.
+
+## 🐛 Bug Fixes
+
+* Add option to pick call options for voice calls. ([#31413](https://github.com/element-hq/element-web/pull/31413)).
+
+Changes in [1.12.5](https://github.com/element-hq/element-web/releases/tag/v1.12.5) (2025-12-02)
+================================================================================================
+## ✨ Features
+
+* Update Emojibase to v17 ([#31307](https://github.com/element-hq/element-web/pull/31307)). Contributed by @t3chguy.
+* Adds tooltip for compose menu ([#31122](https://github.com/element-hq/element-web/pull/31122)). Contributed by @byteplow.
+* Add option to hide pinned message banner in room view ([#31296](https://github.com/element-hq/element-web/pull/31296)). Contributed by @florianduros.
+* update twemoji to not monochromise emoji with BLACK in their name ([#31281](https://github.com/element-hq/element-web/pull/31281)). Contributed by @ara4n.
+* upgrade to twemoji 17.0.2 and fix #14695 ([#31267](https://github.com/element-hq/element-web/pull/31267)). Contributed by @ara4n.
+* Add options to hide right panel in room view ([#31252](https://github.com/element-hq/element-web/pull/31252)). Contributed by @florianduros.
+* Delayed event management: split endpoints, no auth  ([#31183](https://github.com/element-hq/element-web/pull/31183)). Contributed by @AndrewFerr.
+* Support using Element Call for voice calls in DMs ([#30817](https://github.com/element-hq/element-web/pull/30817)). Contributed by @Half-Shot.
+* Improve screen reader accessibility of auth pages ([#31236](https://github.com/element-hq/element-web/pull/31236)). Contributed by @t3chguy.
+* Add posthog tracking for key backup toasts ([#31195](https://github.com/element-hq/element-web/pull/31195)). Contributed by @Half-Shot.
+
+## 🐛 Bug Fixes
+
+* Return to using Fira Code as the default monospace font ([#31302](https://github.com/element-hq/element-web/pull/31302)). Contributed by @ara4n.
+* Fix case of home screen being displayed erroneously  ([#31301](https://github.com/element-hq/element-web/pull/31301)). Contributed by @langleyd.
+* Fix message edition and reply when multiple rooms at displayed the same moment ([#31280](https://github.com/element-hq/element-web/pull/31280)). Contributed by @florianduros.
+* Key storage out of sync: reset key backup when needed ([#31279](https://github.com/element-hq/element-web/pull/31279)). Contributed by @uhoreg.
+* Fix invalid events crashing entire room rather than just their tile ([#31256](https://github.com/element-hq/element-web/pull/31256)). Contributed by @t3chguy.
+* Fix expand button of space panel getting cut off at the edges ([#31259](https://github.com/element-hq/element-web/pull/31259)). Contributed by @MidhunSureshR.
+* Fix pill buttons in dialogs ([#31246](https://github.com/element-hq/element-web/pull/31246)). Contributed by @dbkr.
+* Fix blank sections at the top and bottom of the member list when scrolling ([#31198](https://github.com/element-hq/element-web/pull/31198)). Contributed by @langleyd.
+* Fix emoji category selection with keyboard ([#31162](https://github.com/element-hq/element-web/pull/31162)). Contributed by @langleyd.
+
+
+Changes in [1.12.4](https://github.com/element-hq/element-web/releases/tag/v1.12.4) (2025-11-18)
+================================================================================================
+## ✨ Features
+
+* Apply aria-hidden to emoji in SAS verification ([#31204](https://github.com/element-hq/element-web/pull/31204)). Contributed by @t3chguy.
+* Add options to hide header and composer of room view for the module api ([#31095](https://github.com/element-hq/element-web/pull/31095)). Contributed by @florianduros.
+* Experimental Module API Additions ([#30863](https://github.com/element-hq/element-web/pull/30863)). Contributed by @dbkr.
+* Change polls to use fieldset/legend markup ([#31160](https://github.com/element-hq/element-web/pull/31160)). Contributed by @langleyd.
+* Use compound Button styles for Jitsi button ([#31159](https://github.com/element-hq/element-web/pull/31159)). Contributed by @Half-Shot.
+* Add FocusLock to emoji picker ([#31146](https://github.com/element-hq/element-web/pull/31146)). Contributed by @langleyd.
+* Move room name, avatar, and topic to IOpts. ([#30981](https://github.com/element-hq/element-web/pull/30981)). Contributed by @kaylendog.
+* Add a devtool for looking at users and their devices ([#30983](https://github.com/element-hq/element-web/pull/30983)). Contributed by @uhoreg.
+
+## 🐛 Bug Fixes
+
+* Fix room list handling of membership changes ([#31197](https://github.com/element-hq/element-web/pull/31197)). Contributed by @t3chguy.
+* Fix room list unable to be resized when displayed after a module ([#31186](https://github.com/element-hq/element-web/pull/31186)). Contributed by @florianduros.
+* Inhibit keyboard highlights in dialogs when effector is not in focus ([#31181](https://github.com/element-hq/element-web/pull/31181)). Contributed by @t3chguy.
+* Strip mentions from forwarded messages ([#30884](https://github.com/element-hq/element-web/pull/30884)). Contributed by @twassman.
+* Don't allow pin or edit of messages with a send status ([#31158](https://github.com/element-hq/element-web/pull/31158)). Contributed by @langleyd.
+* Hide room header buttons if the room hasn't been created yet. ([#31092](https://github.com/element-hq/element-web/pull/31092)). Contributed by @Half-Shot.
+* Fix screen readers not indicating the emoji picker search field is focused. ([#31128](https://github.com/element-hq/element-web/pull/31128)). Contributed by @langleyd.
+* Fix emoji picker highlight missing when not active element ([#31148](https://github.com/element-hq/element-web/pull/31148)). Contributed by @t3chguy.
+* Add relevant aria attribute for selected emoji in the emoji picker ([#31125](https://github.com/element-hq/element-web/pull/31125)). Contributed by @t3chguy.
+* Fix tooltips within context menu portals being unreliable ([#31129](https://github.com/element-hq/element-web/pull/31129)). Contributed by @t3chguy.
+* Avoid excessive re-render of room list and member list ([#31131](https://github.com/element-hq/element-web/pull/31131)). Contributed by @florianduros.
+* Make emoji picker height responsive. ([#31130](https://github.com/element-hq/element-web/pull/31130)). Contributed by @langleyd.
+* Emoji Picker: Focused emoji does not move with the arrow keys ([#30893](https://github.com/element-hq/element-web/pull/30893)). Contributed by @langleyd.
+* Fix audio player seek bar position  ([#31127](https://github.com/element-hq/element-web/pull/31127)). Contributed by @florianduros.
+* Add aria label to emoji picker search ([#31126](https://github.com/element-hq/element-web/pull/31126)). Contributed by @langleyd.
+
+
+Changes in [1.12.3](https://github.com/element-hq/element-web/releases/tag/v1.12.3) (2025-11-04)
+================================================================================================
+## 🦖 Deprecations
+
+* Remove allowVoipWithNoMedia feature flag ([#31087](https://github.com/element-hq/element-web/pull/31087)). Contributed by @Half-Shot.
+
+## ✨ Features
+
+* Change module API to be an instance getter ([#31025](https://github.com/element-hq/element-web/pull/31025)). Contributed by @dbkr.
+
+## 🐛 Bug Fixes
+
+* Show hover elements when keyboard focus is within an event tile ([#31078](https://github.com/element-hq/element-web/pull/31078)). Contributed by @t3chguy.
+* Ensure toolbar navigation pattern works in MessageActionBar ([#31080](https://github.com/element-hq/element-web/pull/31080)). Contributed by @t3chguy.
+* Ensure sent markers are hidden when showing thread summary. ([#31076](https://github.com/element-hq/element-web/pull/31076)). Contributed by @Half-Shot.
+* Fix translation in dev mode ([#31045](https://github.com/element-hq/element-web/pull/31045)). Contributed by @florianduros.
+* Fix sort order in space hierarchy ([#30975](https://github.com/element-hq/element-web/pull/30975)). Contributed by @t3chguy.
+* New Room list: don't display message preview of thread ([#31043](https://github.com/element-hq/element-web/pull/31043)). Contributed by @florianduros.
+* Revert "A11y: move focus to right panel when opened" ([#30999](https://github.com/element-hq/element-web/pull/30999)). Contributed by @florianduros.
+* Fix highlights in messages (or search results) breaking links ([#30264](https://github.com/element-hq/element-web/pull/30264)). Contributed by @bojidar-bg.
+* Add prepare script ([#31030](https://github.com/element-hq/element-web/pull/31030)). Contributed by @dbkr.
+* Fix html exports by adding SDKContext ([#30987](https://github.com/element-hq/element-web/pull/30987)). Contributed by @t3chguy.
+
+
+Changes in [1.12.2](https://github.com/element-hq/element-web/releases/tag/v1.12.2) (2025-10-21)
+================================================================================================
+## ✨ Features
+
+* Room List: Extend the viewport to avoid so many black spots when scrolling the room list ([#30867](https://github.com/element-hq/element-web/pull/30867)). Contributed by @langleyd.
+* Hide calling buttons in room header before a room is created ([#30816](https://github.com/element-hq/element-web/pull/30816)). Contributed by @Half-Shot.
+* Improve invite dialog ui - Part 2 ([#30836](https://github.com/element-hq/element-web/pull/30836)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Fix platform settings race condition and make auto-launch tri-state ([#30977](https://github.com/element-hq/element-web/pull/30977)). Contributed by @t3chguy.
+* Fix: member count in header and member list ([#30982](https://github.com/element-hq/element-web/pull/30982)). Contributed by @florianduros.
+* Fix duration of voice message in timeline ([#30973](https://github.com/element-hq/element-web/pull/30973)). Contributed by @florianduros.
+* Fix voice notes rendering at 00:00 when playback had not begun. ([#30961](https://github.com/element-hq/element-web/pull/30961)). Contributed by @Half-Shot.
+* Improve handling of animated images, add support for AVIF animations ([#30932](https://github.com/element-hq/element-web/pull/30932)). Contributed by @t3chguy.
+* Update key storage toggle when key storage status changes ([#30934](https://github.com/element-hq/element-web/pull/30934)). Contributed by @uhoreg.
+* Fix jitsi widget popout ([#30908](https://github.com/element-hq/element-web/pull/30908)). Contributed by @dbkr.
+* Improve keyboard navigation on invite dialog ([#30930](https://github.com/element-hq/element-web/pull/30930)). Contributed by @florianduros.
+* Prefer UIA flows with supported UIA stages ([#30926](https://github.com/element-hq/element-web/pull/30926)). Contributed by @richvdh.
+* Enhance accessibility of dropdown ([#30928](https://github.com/element-hq/element-web/pull/30928)). Contributed by @florianduros.
+* Improve accessibility of the `\<AvatarSetting> component ([#30907](https://github.com/element-hq/element-web/pull/30907)). Contributed by @MidhunSureshR.
+
+
+Changes in [1.12.1](https://github.com/element-hq/element-web/releases/tag/v1.12.1) (2025-10-07)
+================================================================================================
+## ✨ Features
+
+* New Room List: Change the order of filters to match those on mobile ([#30905](https://github.com/element-hq/element-web/pull/30905)). Contributed by @langleyd.
+* New Room List: Don't clear filters on space change ([#30903](https://github.com/element-hq/element-web/pull/30903)). Contributed by @langleyd.
+* Add release announcement for the sounds ([#30900](https://github.com/element-hq/element-web/pull/30900)). Contributed by @langleyd.
+* Rich Text Editor: Add emoji suggestion support ([#30873](https://github.com/element-hq/element-web/pull/30873)). Contributed by @langleyd.
+* feat: Disable session lock when running in element-desktop ([#30643](https://github.com/element-hq/element-web/pull/30643)). Contributed by @kaylendog.
+* Improve invite dialog ui - Part 1 ([#30764](https://github.com/element-hq/element-web/pull/30764)). Contributed by @florianduros.
+* Update Message Sound for Element ([#30804](https://github.com/element-hq/element-web/pull/30804)). Contributed by @beatdemon.
+* Add new and improved ringtone ([#30761](https://github.com/element-hq/element-web/pull/30761)). Contributed by @Half-Shot.
+* Disable RTE formatting buttons when the content contains a slash command ([#30802](https://github.com/element-hq/element-web/pull/30802)). Contributed by @langleyd.
+
+## 🐛 Bug Fixes
+
+* New Room List: Improve robustness of keyboard navigation ([#30888](https://github.com/element-hq/element-web/pull/30888)). Contributed by @langleyd.
+* Fix a11y issue on list in invite dialog ([#30878](https://github.com/element-hq/element-web/pull/30878)). Contributed by @florianduros.
+* Switch Export and Import Icons to match intuition ([#30805](https://github.com/element-hq/element-web/pull/30805)). Contributed by @micartey.
+* Hide breadcrumb option when new room list is enabled ([#30869](https://github.com/element-hq/element-web/pull/30869)). Contributed by @florianduros.
+* Avoid creating multiple call objects for the same widget ([#30839](https://github.com/element-hq/element-web/pull/30839)). Contributed by @robintown.
+* Add a test for #29882, which is fixed by matrix-org/matrix-js-sdk#5016 ([#30835](https://github.com/element-hq/element-web/pull/30835)). Contributed by @andybalaam.
+* fix: use `help_encryption_url` of config instead of hardcoded `https://element.io/help#encryption5` ([#30746](https://github.com/element-hq/element-web/pull/30746)). Contributed by @florianduros.
+* Fix html export when feature\_jump\_to\_date is enabled ([#30828](https://github.com/element-hq/element-web/pull/30828)). Contributed by @langleyd.
+* Fix #30439: "Forgot recovery key" should go to "reset" ([#30771](https://github.com/element-hq/element-web/pull/30771)). Contributed by @andybalaam.
+
+
+Changes in [1.12.0](https://github.com/element-hq/element-web/releases/tag/v1.12.0) (2025-09-23)
+================================================================================================
+## 🦖 Deprecations
+
+* Remove remaining support for outdated .well-known settings ([#30702](https://github.com/element-hq/element-web/pull/30702)). Contributed by @richvdh.
+
+## ✨ Features
+
+* Add decline button to call notification toast (use new notification event) ([#30729](https://github.com/element-hq/element-web/pull/30729)). Contributed by @toger5.
+* Use the new room list by default ([#30640](https://github.com/element-hq/element-web/pull/30640)). Contributed by @langleyd.
+* "Verify this device" redesign ([#30596](https://github.com/element-hq/element-web/pull/30596)). Contributed by @uhoreg.
+* Set Element Call "intents" when starting and answering DM calls. ([#30730](https://github.com/element-hq/element-web/pull/30730)). Contributed by @Half-Shot.
+* Add axe compliance for new room list ([#30700](https://github.com/element-hq/element-web/pull/30700)). Contributed by @langleyd.
+* Stop ringing and remove toast if another device answers a RTC call. ([#30728](https://github.com/element-hq/element-web/pull/30728)). Contributed by @Half-Shot.
+* Automatically adjust history visibility when making a room private ([#30713](https://github.com/element-hq/element-web/pull/30713)). Contributed by @Half-Shot.
+* Release announcement for new room list ([#30675](https://github.com/element-hq/element-web/pull/30675)). Contributed by @dbkr.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Room list: make the filter resize correctly ([#30795](https://github.com/element-hq/element-web/pull/30795)). Contributed by @RiotRobot.
+* [Backport staging] Avoid flicker of the room list filter on resize ([#30794](https://github.com/element-hq/element-web/pull/30794)). Contributed by @RiotRobot.
+* Don't show release announcements while toasts are displayed ([#30770](https://github.com/element-hq/element-web/pull/30770)). Contributed by @dbkr.
+* Fix enabling key backup not working if there is an untrusted key backup ([#30707](https://github.com/element-hq/element-web/pull/30707)). Contributed by @Half-Shot.
+* Force `preload` to be false when setting an intent on an Element Call. ([#30759](https://github.com/element-hq/element-web/pull/30759)). Contributed by @Half-Shot.
+* Fix handling of 413 server response when uploading media ([#30737](https://github.com/element-hq/element-web/pull/30737)). Contributed by @hughns.
+* Make landmark navigation work with new room list ([#30747](https://github.com/element-hq/element-web/pull/30747)). Contributed by @dbkr.
+* Prevent voice message from displaying spurious errors ([#30736](https://github.com/element-hq/element-web/pull/30736)). Contributed by @florianduros.
+* Align default avatar and fix colors in composer pills ([#30739](https://github.com/element-hq/element-web/pull/30739)). Contributed by @florianduros.
+* Use configured URL for link to desktop app in message search settings ([#30742](https://github.com/element-hq/element-web/pull/30742)). Contributed by @t3chguy.
+* Fix history visibility when creating space rooms ([#30745](https://github.com/element-hq/element-web/pull/30745)). Contributed by @dbkr.
+* Check HTML-encoded quotes when handling translations for embedded pages (such as welcome.html) ([#30743](https://github.com/element-hq/element-web/pull/30743)). Contributed by @Half-Shot.
+* Fix local room encryption status always not enabled ([#30461](https://github.com/element-hq/element-web/pull/30461)). Contributed by @BillCarsonFr.
+* fix: make url in topic in room intro clickable ([#30686](https://github.com/element-hq/element-web/pull/30686)). Contributed by @florianduros.
+* Block change recovery key button while a change is ongoing. ([#30664](https://github.com/element-hq/element-web/pull/30664)). Contributed by @Half-Shot.
+* Hide advanced settings during room creation when `UIFeature.advancedSettings=false` ([#30684](https://github.com/element-hq/element-web/pull/30684)). Contributed by @florianduros.
+* A11y: improve accessibility of pinned messages ([#30558](https://github.com/element-hq/element-web/pull/30558)). Contributed by @florianduros.
+
+
+Changes in [1.11.112](https://github.com/element-hq/element-web/releases/tag/v1.11.112) (2025-09-16)
 ====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.7...v1.5.8-rc.1)
-
-This version contains an upgrade to the cryptography database
-version. Once users run this version, their session's indexeddb
-store will be upgraded and older version of Riot will no longer
-be able to read it. Users will have to log out and log in if
-the version of Riot is downgraded back to a previous version.
-
- * Fix webpack config (by stealing Dave's config)
-   [\#11994](https://github.com/vector-im/riot-web/pull/11994)
- * Fix webpack to babel js-sdk & react-sdk but no other deps
-   [\#11947](https://github.com/vector-im/riot-web/pull/11947)
- * Update from Weblate
-   [\#11934](https://github.com/vector-im/riot-web/pull/11934)
- * Fix rageshake post-sourcemaps
-   [\#11926](https://github.com/vector-im/riot-web/pull/11926)
- * Fix yarn start concurrent commands
-   [\#11895](https://github.com/vector-im/riot-web/pull/11895)
- * Run the react-sdk reskindexer for developers
-   [\#11894](https://github.com/vector-im/riot-web/pull/11894)
- * Update labs documentation for feature_ftue_dms given new scope
-   [\#11893](https://github.com/vector-im/riot-web/pull/11893)
- * Fix indentation on webpack config and make sourcemapped files legible
-   [\#11892](https://github.com/vector-im/riot-web/pull/11892)
- * Remove spinner check
-   [\#11891](https://github.com/vector-im/riot-web/pull/11891)
- * Don't minifiy builds of develop through CI packaging
-   [\#11867](https://github.com/vector-im/riot-web/pull/11867)
- * Use Jest for tests
-   [\#11869](https://github.com/vector-im/riot-web/pull/11869)
- * Support application/wasm in Docker image
-   [\#11858](https://github.com/vector-im/riot-web/pull/11858)
- * Fix sourcemaps by refactoring the build system
-   [\#11843](https://github.com/vector-im/riot-web/pull/11843)
- * Disable event indexing on develop
-   [\#11850](https://github.com/vector-im/riot-web/pull/11850)
- * Updated blog url
-   [\#11792](https://github.com/vector-im/riot-web/pull/11792)
- * Enable and document presence in room list feature flag
-   [\#11829](https://github.com/vector-im/riot-web/pull/11829)
- * Add stub service worker so users can install on desktop with Chrome
-   [\#11774](https://github.com/vector-im/riot-web/pull/11774)
- * Update from Weblate
-   [\#11826](https://github.com/vector-im/riot-web/pull/11826)
- * Sourcemaps: develop -> feature branch
-   [\#11802](https://github.com/vector-im/riot-web/pull/11802)
- * Update build scripts for new process
-   [\#11801](https://github.com/vector-im/riot-web/pull/11801)
- * Make the webpack config work for us
-   [\#11712](https://github.com/vector-im/riot-web/pull/11712)
- * Updates URL for Electron Command Line Switches
-   [\#11810](https://github.com/vector-im/riot-web/pull/11810)
- * Import from src/ for the react-sdk and js-sdk
-   [\#11714](https://github.com/vector-im/riot-web/pull/11714)
- * Convert components to ES6 exports
-   [\#11713](https://github.com/vector-im/riot-web/pull/11713)
- * Remove now-retired package.json property
-   [\#11660](https://github.com/vector-im/riot-web/pull/11660)
-
-Changes in [1.5.7](https://github.com/vector-im/riot-web/releases/tag/v1.5.7) (2020-01-13)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.7-rc.2...v1.5.7)
-
- * Enable and document presence in room list feature flag
-   [\#11830](https://github.com/vector-im/riot-web/pull/11830)
-
-Changes in [1.5.7-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.5.7-rc.2) (2020-01-08)
+Fix [CVE-2025-59161](https://www.cve.org/CVERecord?id=CVE-2025-59161) / [GHSA-m6c8-98f4-75rr](https://github.com/element-hq/element-web/security/advisories/GHSA-m6c8-98f4-75rr)
+
+
+Changes in [1.11.111](https://github.com/element-hq/element-web/releases/tag/v1.11.111) (2025-09-10)
 ====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.7-rc.1...v1.5.7-rc.2)
+## ✨ Features
+
+* Do not hide media from your own user by default ([#29797](https://github.com/element-hq/element-web/pull/29797)). Contributed by @Half-Shot.
+* Remember whether sidebar is shown for calls when switching rooms ([#30262](https://github.com/element-hq/element-web/pull/30262)). Contributed by @bojidar-bg.
+* Open the proper integration settings on integrations disabled error ([#30538](https://github.com/element-hq/element-web/pull/30538)). Contributed by @Half-Shot.
+* Show a "progress" dialog while invites are being sent ([#30561](https://github.com/element-hq/element-web/pull/30561)). Contributed by @richvdh.
+* Move the room list to the new ListView(backed by react-virtuoso)  ([#30515](https://github.com/element-hq/element-web/pull/30515)). Contributed by @langleyd.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Ensure container starts if it is mounted with an empty /modules directory. ([#30705](https://github.com/element-hq/element-web/pull/30705)). Contributed by @RiotRobot.
+* Fix room joining over federation not specifying vias or using aliases ([#30641](https://github.com/element-hq/element-web/pull/30641)). Contributed by @t3chguy.
+* Fix stable-suffixed MSC4133 support ([#30649](https://github.com/element-hq/element-web/pull/30649)). Contributed by @dbkr.
+* Fix i18n of message when a setting is disabled ([#30646](https://github.com/element-hq/element-web/pull/30646)). Contributed by @dbkr.
+* ListView should not handle the arrow keys if there is a modifier applied ([#30633](https://github.com/element-hq/element-web/pull/30633)). Contributed by @langleyd.
+* Make BaseDialog's div keyboard focusable and fix test. ([#30631](https://github.com/element-hq/element-web/pull/30631)). Contributed by @langleyd.
+* Fix: Allow triple-click text selection to flow around pills ([#30349](https://github.com/element-hq/element-web/pull/30349)). Contributed by @AlirezaMrtz.
+* Watch for a 'join' action to know when the call is connected ([#29492](https://github.com/element-hq/element-web/pull/29492)). Contributed by @robintown.
+* Fix: add missing tooltip and aria-label to lock icon next to composer ([#30623](https://github.com/element-hq/element-web/pull/30623)). Contributed by @florianduros.
+* Don't render context menu when scrolling ([#30613](https://github.com/element-hq/element-web/pull/30613)). Contributed by @langleyd.
 
- * Update to react-sdk rc.2 to fix build
 
-Changes in [1.5.7-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.7-rc.1) (2020-01-06)
+Changes in [1.11.110](https://github.com/element-hq/element-web/releases/tag/v1.11.110) (2025-08-27)
 ====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.6...v1.5.7-rc.1)
-
- * Update from Weblate
-   [\#11784](https://github.com/vector-im/riot-web/pull/11784)
- * Add docs for feature_bridge_state flag
-   [\#11778](https://github.com/vector-im/riot-web/pull/11778)
- * Add docs for feature_ftue_dms flag
-   [\#11758](https://github.com/vector-im/riot-web/pull/11758)
- * Fix version file for Docker images
-   [\#11721](https://github.com/vector-im/riot-web/pull/11721)
- * Add accelerators to context menu options like cut&paste in electron
-   [\#11690](https://github.com/vector-im/riot-web/pull/11690)
- * electron-main: Provide a better error message if Seshat isn't installed.
-   [\#11691](https://github.com/vector-im/riot-web/pull/11691)
- * Update from Weblate
-   [\#11672](https://github.com/vector-im/riot-web/pull/11672)
- * Remove babel-plugin-transform-async-to-bluebird
-   [\#11662](https://github.com/vector-im/riot-web/pull/11662)
- * Clarify which versions of what we support
-   [\#11658](https://github.com/vector-im/riot-web/pull/11658)
- * Remove the code that calls the origin migrator
-   [\#11631](https://github.com/vector-im/riot-web/pull/11631)
- * yarn upgrade
-   [\#11617](https://github.com/vector-im/riot-web/pull/11617)
- * Remove draft-js dependency
-   [\#11616](https://github.com/vector-im/riot-web/pull/11616)
-
-Changes in [1.5.6](https://github.com/vector-im/riot-web/releases/tag/v1.5.6) (2019-12-09)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.6-rc.1...v1.5.6)
-
- * No changes since rc.1
-
-Changes in [1.5.6-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.6-rc.1) (2019-12-04)
+## ✨ Features
+
+* Hide recovery key when re-entering it while creating or changing it ([#30499](https://github.com/element-hq/element-web/pull/30499)). Contributed by @andybalaam.
+* Add `?no_universal_links=true` to OIDC url so EX doesn't try to handle it ([#29439](https://github.com/element-hq/element-web/pull/29439)). Contributed by @t3chguy.
+* Show a blue lock for unencrypted rooms and hide the grey shield for encrypted rooms ([#30440](https://github.com/element-hq/element-web/pull/30440)). Contributed by @langleyd.
+* Add support for Module API 1.4 ([#30185](https://github.com/element-hq/element-web/pull/30185)). Contributed by @t3chguy.
+* MVVM - Introduce some helpers for snapshot management ([#30398](https://github.com/element-hq/element-web/pull/30398)). Contributed by @MidhunSureshR.
+
+## 🐛 Bug Fixes
+
+* A11y: move focus to right panel when opened ([#30553](https://github.com/element-hq/element-web/pull/30553)). Contributed by @florianduros.
+* Fix e2e warning icon should be white ([#30539](https://github.com/element-hq/element-web/pull/30539)). Contributed by @florianduros.
+* Remove NoOneHere disabled reason. ([#30524](https://github.com/element-hq/element-web/pull/30524)). Contributed by @toger5.
+* Fix downloading files with authenticated media API ([#30520](https://github.com/element-hq/element-web/pull/30520)). Contributed by @t3chguy.
+* Fix call permissions check confusion around element call ([#30521](https://github.com/element-hq/element-web/pull/30521)). Contributed by @t3chguy.
+* Fix line wrap around emoji verification ([#30523](https://github.com/element-hq/element-web/pull/30523)). Contributed by @t3chguy.
+* Don't highlight redacted events ([#30519](https://github.com/element-hq/element-web/pull/30519)). Contributed by @t3chguy.
+* Fix matrix.to links not being handled in the app ([#30522](https://github.com/element-hq/element-web/pull/30522)). Contributed by @t3chguy.
+* Fix issue of new room list taking up the full width ([#30459](https://github.com/element-hq/element-web/pull/30459)). Contributed by @langleyd.
+* Fix widget persistence in React development mode ([#30509](https://github.com/element-hq/element-web/pull/30509)). Contributed by @robintown.
+* Fix widget initialization in React development mode ([#30463](https://github.com/element-hq/element-web/pull/30463)). Contributed by @robintown.
+
+
+Changes in [1.11.109](https://github.com/element-hq/element-web/releases/tag/v1.11.109) (2025-08-11)
 ====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.5...v1.5.6-rc.1)
-
- * Update Lithuanian language name
-   [\#11599](https://github.com/vector-im/riot-web/pull/11599)
- * Enable more languages
-   [\#11592](https://github.com/vector-im/riot-web/pull/11592)
- * Fix Docker build for develop and publish a /version file
-   [\#11588](https://github.com/vector-im/riot-web/pull/11588)
- * Remove unused translations
-   [\#11540](https://github.com/vector-im/riot-web/pull/11540)
- * Update from Weblate
-   [\#11591](https://github.com/vector-im/riot-web/pull/11591)
- * Update riot.im enable_presence_by_hs_url for new matrix.org client URL
-   [\#11565](https://github.com/vector-im/riot-web/pull/11565)
- * Remove mention of vector.im as default identity server on mobile guide
-   [\#11544](https://github.com/vector-im/riot-web/pull/11544)
- * Clean up and standardise app config
-   [\#11549](https://github.com/vector-im/riot-web/pull/11549)
- * make it clear that seshat requires electron-build-env (at least on macOS)
-   [\#11527](https://github.com/vector-im/riot-web/pull/11527)
- * Add postcss-easings
-   [\#11521](https://github.com/vector-im/riot-web/pull/11521)
- * ElectronPlatform: Add support for a event index using Seshat.
-   [\#11125](https://github.com/vector-im/riot-web/pull/11125)
- * Sign all of the Windows executable files
-   [\#11516](https://github.com/vector-im/riot-web/pull/11516)
- * Clarify that cross-signing is in development
-   [\#11493](https://github.com/vector-im/riot-web/pull/11493)
- * get rid of bluebird
-   [\#11301](https://github.com/vector-im/riot-web/pull/11301)
- * Update from Weblate
-   [\#11488](https://github.com/vector-im/riot-web/pull/11488)
- * Add note in README about self-hosted riot installs requiring custom caching
-   headers
-   [\#8702](https://github.com/vector-im/riot-web/pull/8702)
- * De-dup theming code
-   [\#11445](https://github.com/vector-im/riot-web/pull/11445)
- * Add eslint-plugin-jest because we inherit js-sdk's eslintrc and it wants
-   [\#11448](https://github.com/vector-im/riot-web/pull/11448)
-
-Changes in [1.5.5](https://github.com/vector-im/riot-web/releases/tag/v1.5.5) (2019-11-27)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.4...v1.5.5)
-
-* Upgrade to JS SDK 2.5.4 to relax identity server discovery and E2EE debugging
-* Upgrade to React SDK 1.7.4 to fix override behaviour of themes
-* Clarify that cross-signing is in development
-* Sign all of the Windows executable files
-
-Changes in [1.5.4](https://github.com/vector-im/riot-web/releases/tag/v1.5.4) (2019-11-25)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.4-rc.2...v1.5.4)
-
- * No changes since rc.2
-
-Changes in [1.5.4-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.5.4-rc.2) (2019-11-22)
+This release supports the upcoming v12 ("hydra") Matrix room version and is necessary to view and participate in these rooms.
+
+## ✨ Features
+
+* [Backport staging] Allow /upgraderoom command without developer mode enabled ([#30529](https://github.com/element-hq/element-web/pull/30529)). Contributed by @RiotRobot.
+* [Backport staging] Support for creator/owner power level ([#30526](https://github.com/element-hq/element-web/pull/30526)). Contributed by @RiotRobot.
+* New room list: change icon and label of menu item for to start a DM ([#30470](https://github.com/element-hq/element-web/pull/30470)). Contributed by @florianduros.
+* Implement the member list with virtuoso ([#29869](https://github.com/element-hq/element-web/pull/29869)). Contributed by @langleyd.
+* Add labs option for history sharing on invite ([#30313](https://github.com/element-hq/element-web/pull/30313)). Contributed by @richvdh.
+* Bump wysiwyg to 2.39.0 adding support for pasting rich text content in the Rich Text Edtior ([#30421](https://github.com/element-hq/element-web/pull/30421)). Contributed by @langleyd.
+* Support `EventShieldReason.MISMATCHED_SENDER` ([#30403](https://github.com/element-hq/element-web/pull/30403)). Contributed by @richvdh.
+* Change unencrypted and public pills to blue ([#30399](https://github.com/element-hq/element-web/pull/30399)). Contributed by @florianduros.
+* Change color of public room icon ([#30390](https://github.com/element-hq/element-web/pull/30390)). Contributed by @florianduros.
+* Script for updating storybook screenshots ([#30340](https://github.com/element-hq/element-web/pull/30340)). Contributed by @dbkr.
+* Add toggle to hide empty state in devtools ([#30352](https://github.com/element-hq/element-web/pull/30352)). Contributed by @toger5.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Use userId to filter users in non-federated rooms when showing the InviteDialog ([#30537](https://github.com/element-hq/element-web/pull/30537)). Contributed by @RiotRobot.
+* [Backport staging] Catch error when encountering invalid m.room.pinned\_events event ([#30536](https://github.com/element-hq/element-web/pull/30536)). Contributed by @RiotRobot.
+* Update for compatibility with v12 rooms ([#30452](https://github.com/element-hq/element-web/pull/30452)). Contributed by @dbkr.
+* New room list: fix tooltip on presence ([#30474](https://github.com/element-hq/element-web/pull/30474)). Contributed by @florianduros.
+* New room list: add tooltip for presence and room status ([#30472](https://github.com/element-hq/element-web/pull/30472)). Contributed by @florianduros.
+* Fix: Clicking on an item in the member list causes it to scroll to the top rather than show the profile view ([#30455](https://github.com/element-hq/element-web/pull/30455)). Contributed by @langleyd.
+* Put the 'decrypting' tooltip back ([#30446](https://github.com/element-hq/element-web/pull/30446)). Contributed by @dbkr.
+* Use server name explicitly for via. ([#30362](https://github.com/element-hq/element-web/pull/30362)). Contributed by @Half-Shot.
+* fix: replace hardcoded string in poll history dialog ([#30402](https://github.com/element-hq/element-web/pull/30402)). Contributed by @florianduros.
+* fix: replace hardcoded string on qr code back button ([#30401](https://github.com/element-hq/element-web/pull/30401)). Contributed by @florianduros.
+* Fix color of icon button with outline ([#30361](https://github.com/element-hq/element-web/pull/30361)). Contributed by @florianduros.
+
+
+Changes in [1.11.108](https://github.com/element-hq/element-web/releases/tag/v1.11.108) (2025-07-30)
 ====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.4-rc.1...v1.5.4-rc.2)
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix downloaded attachments not being decrypted ([#30434](https://github.com/element-hq/element-web/pull/30434)). Contributed by @RiotRobot.
 
- * react-sdk rc.2 to fix an error in Safari and some cosmetic
-   bugs
 
-Changes in [1.5.4-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.4-rc.1) (2019-11-20)
+Changes in [1.11.107](https://github.com/element-hq/element-web/releases/tag/v1.11.107) (2025-07-29)
 ====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.3...v1.5.4-rc.1)
-
- * Add doc for custom themes
-   [\#11444](https://github.com/vector-im/riot-web/pull/11444)
- * Use new theme API in react-sdk
-   [\#11442](https://github.com/vector-im/riot-web/pull/11442)
- * preload warning triangle
-   [\#11441](https://github.com/vector-im/riot-web/pull/11441)
- * Update from Weblate
-   [\#11440](https://github.com/vector-im/riot-web/pull/11440)
- * Add entitlements file for mic & camera permissions on macOS
-   [\#11435](https://github.com/vector-im/riot-web/pull/11435)
- * Fix error/exception in electron signing script
-   [\#11429](https://github.com/vector-im/riot-web/pull/11429)
- * Merge the `feature_user_info_panel` flag into `feature_dm_verification`
-   [\#11426](https://github.com/vector-im/riot-web/pull/11426)
- * Let the user's homeserver config override the build config
-   [\#11409](https://github.com/vector-im/riot-web/pull/11409)
- * Add cross-signing labs flag to develop and document
-   [\#11408](https://github.com/vector-im/riot-web/pull/11408)
- * Update from Weblate
-   [\#11405](https://github.com/vector-im/riot-web/pull/11405)
- * Trigger a theme change on startup, not just a tint change
-   [\#11381](https://github.com/vector-im/riot-web/pull/11381)
- * Perform favicon updates twice in Chrome
-   [\#11375](https://github.com/vector-im/riot-web/pull/11375)
- * Add labs documentation for Mjolnir
-   [\#11275](https://github.com/vector-im/riot-web/pull/11275)
- * Add description of user info feature in labs doc
-   [\#11360](https://github.com/vector-im/riot-web/pull/11360)
- * Update from Weblate
-   [\#11359](https://github.com/vector-im/riot-web/pull/11359)
- * Add DM verification feature to labs.md
-   [\#11356](https://github.com/vector-im/riot-web/pull/11356)
- * Add feature_dm_verification to labs
-   [\#11355](https://github.com/vector-im/riot-web/pull/11355)
- * Document feature flag process
-   [\#11341](https://github.com/vector-im/riot-web/pull/11341)
- * Remove unused feature flags
-   [\#11343](https://github.com/vector-im/riot-web/pull/11343)
-
-Changes in [1.5.3](https://github.com/vector-im/riot-web/releases/tag/v1.5.3) (2019-11-06)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.2...v1.5.3)
-
- * Remove the 'auto hide menu bar' option on Mac
-   [\#11326](https://github.com/vector-im/riot-web/pull/11326)
- * Expose feature_user_info_panel on riot.im/develop
-   [\#11304](https://github.com/vector-im/riot-web/pull/11304)
- * Upgrade electron-notarize
-   [\#11312](https://github.com/vector-im/riot-web/pull/11312)
- * Fix close window behaviour on Macos
-   [\#11309](https://github.com/vector-im/riot-web/pull/11309)
- * Merge: Add dependency to eslint-plugin-react-hooks as react-sdk did
-   [\#11307](https://github.com/vector-im/riot-web/pull/11307)
- * Add dependency to eslint-plugin-react-hooks as react-sdk did
-   [\#11306](https://github.com/vector-im/riot-web/pull/11306)
- * Update from Weblate
-   [\#11300](https://github.com/vector-im/riot-web/pull/11300)
-
-Changes in [1.5.2](https://github.com/vector-im/riot-web/releases/tag/v1.5.2) (2019-11-04)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.1...v1.5.2)
-
- * Fix close window behaviour on Macos
-   [\#11311](https://github.com/vector-im/riot-web/pull/11311)
-
-Changes in [1.5.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.1) (2019-11-04)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.1-rc.2...v1.5.1)
-
- * No changes since rc.2
-
-Changes in [1.5.1-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.5.1-rc.2) (2019-11-01)
+## ✨ Features
+
+* Message preview should show tooltip with the full message on hover ([#30265](https://github.com/element-hq/element-web/pull/30265)). Contributed by @MidhunSureshR.
+* Support rendering notification badges on platforms that do their own icon overlays ([#30315](https://github.com/element-hq/element-web/pull/30315)). Contributed by @Half-Shot.
+* Add SubscriptionViewModel base class ([#30297](https://github.com/element-hq/element-web/pull/30297)). Contributed by @dbkr.
+* Enhancement: Save image on CTRL+S ([#30330](https://github.com/element-hq/element-web/pull/30330)). Contributed by @ioalexander.
+* Add quote functionality to MessageContextMenu (#29893) ([#30323](https://github.com/element-hq/element-web/pull/30323)). Contributed by @AlirezaMrtz.
+* Initial structure for shared component views ([#30216](https://github.com/element-hq/element-web/pull/30216)). Contributed by @dbkr.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix e2e shield being invisible in white mode for encrypted room ([#30411](https://github.com/element-hq/element-web/pull/30411)). Contributed by @RiotRobot.
+* Force ED titlebar color for new room list ([#30332](https://github.com/element-hq/element-web/pull/30332)). Contributed by @florianduros.
+* Add a background color to left panel for macos titlebar in element desktop ([#30328](https://github.com/element-hq/element-web/pull/30328)). Contributed by @florianduros.
+* Fix: Prevent page refresh on Enter key in right panel member search ([#30312](https://github.com/element-hq/element-web/pull/30312)). Contributed by @AlirezaMrtz.
+
+
+Changes in [1.11.106](https://github.com/element-hq/element-web/releases/tag/v1.11.106) (2025-07-15)
 ====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.1-rc.1...v1.5.1-rc.2)
+## ✨ Features
 
- * Updated react-sdk with fix for bug that caused room filtering to
-   omit results.
+* [Backport staging] Fix e2e icon colour ([#30304](https://github.com/element-hq/element-web/pull/30304)). Contributed by @RiotRobot.
+* Add support for module message hint `allowDownloadingMedia` ([#30252](https://github.com/element-hq/element-web/pull/30252)). Contributed by @Half-Shot.
+* Update the mobile\_guide page to the new design and link out to Element X by default. ([#30172](https://github.com/element-hq/element-web/pull/30172)). Contributed by @pixlwave.
+* Filter settings exported when rageshaking ([#30236](https://github.com/element-hq/element-web/pull/30236)). Contributed by @Half-Shot.
+* Allow Element Call to learn the room name ([#30213](https://github.com/element-hq/element-web/pull/30213)). Contributed by @robintown.
 
-Changes in [1.5.1-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.1-rc.1) (2019-10-30)
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix missing image download button ([#30322](https://github.com/element-hq/element-web/pull/30322)). Contributed by @RiotRobot.
+* Fix transparent verification checkmark in dark mode ([#30235](https://github.com/element-hq/element-web/pull/30235)). Contributed by @Banbuii.
+* Fix logic in DeviceListener ([#30230](https://github.com/element-hq/element-web/pull/30230)). Contributed by @uhoreg.
+* Disable file drag-and-drop if insufficient permissions ([#30186](https://github.com/element-hq/element-web/pull/30186)). Contributed by @t3chguy.
+
+
+Changes in [1.11.105](https://github.com/element-hq/element-web/releases/tag/v1.11.105) (2025-07-01)
 ====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.0...v1.5.1-rc.1)
-
- * Add ability to hide tray icon on non-Mac (which has no tray icon)
-   [\#11258](https://github.com/vector-im/riot-web/pull/11258)
- * Fix bug preventing display from sleeping after a call
-   [\#11264](https://github.com/vector-im/riot-web/pull/11264)
- * Remove mention of CI scripts from docs
-   [\#11257](https://github.com/vector-im/riot-web/pull/11257)
- * Fix skinning replaces being broken since being rewritten as React FC's
-   [\#11254](https://github.com/vector-im/riot-web/pull/11254)
- * Update config docs about identity servers
-   [\#11249](https://github.com/vector-im/riot-web/pull/11249)
- * Remove unneeded help about identity servers
-   [\#11248](https://github.com/vector-im/riot-web/pull/11248)
- * Update from Weblate
-   [\#11243](https://github.com/vector-im/riot-web/pull/11243)
- * Update sample config for new matrix.org CS API URL
-   [\#11207](https://github.com/vector-im/riot-web/pull/11207)
- * clarify where the e2e tests are located
-   [\#11115](https://github.com/vector-im/riot-web/pull/11115)
- * Update from Weblate
-   [\#11171](https://github.com/vector-im/riot-web/pull/11171)
- * Prevent referrers from being sent
-   [\#6155](https://github.com/vector-im/riot-web/pull/6155)
- * Add darkModeSupport to allow dark themed title bar.
-   [\#11140](https://github.com/vector-im/riot-web/pull/11140)
- * Fix the label of Turkish language
-   [\#11124](https://github.com/vector-im/riot-web/pull/11124)
- * Update default HS config to match well-known
-   [\#11112](https://github.com/vector-im/riot-web/pull/11112)
-
-Changes in [1.5.0](https://github.com/vector-im/riot-web/releases/tag/v1.5.0) (2019-10-18)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.0-rc.1...v1.5.0)
-
- * Upgrade to JS SDK v2.4.2 and React SDK v1.7.0
- * Port Windows signing and macOS notarization to release
-   [\#11158](https://github.com/vector-im/riot-web/pull/11158)
- * Sign main Windows executable
-   [\#11126](https://github.com/vector-im/riot-web/pull/11126)
- * Notarise the macOS app
-   [\#11119](https://github.com/vector-im/riot-web/pull/11119)
-
-Changes in [1.5.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.0-rc.1) (2019-10-09)
+## ✨ Features
+
+* New room list: add context menu to room list item ([#29952](https://github.com/element-hq/element-web/pull/29952)). Contributed by @florianduros.
+* Support for custom message components via Module API ([#30074](https://github.com/element-hq/element-web/pull/30074)). Contributed by @Half-Shot.
+* Prompt users to set up recovery ([#30075](https://github.com/element-hq/element-web/pull/30075)). Contributed by @uhoreg.
+* Update `IconButton` colors ([#30124](https://github.com/element-hq/element-web/pull/30124)). Contributed by @florianduros.
+* New room list: filter list can be collapsed  ([#29992](https://github.com/element-hq/element-web/pull/29992)). Contributed by @florianduros.
+* Show `EmptyRoomListView` when low priority filter matches zero rooms ([#30122](https://github.com/element-hq/element-web/pull/30122)). Contributed by @MidhunSureshR.
+
+## 🐛 Bug Fixes
+
+* Fix untranslatable string "People" in notifications beta ([#30165](https://github.com/element-hq/element-web/pull/30165)). Contributed by @t3chguy.
+* Force verification even after logging in via delegate ([#30141](https://github.com/element-hq/element-web/pull/30141)). Contributed by @andybalaam.
+* Hide add integrations button based on UIComponent.AddIntegrations ([#30140](https://github.com/element-hq/element-web/pull/30140)). Contributed by @t3chguy.
+* Use nav for new room list and label sections ([#30134](https://github.com/element-hq/element-web/pull/30134)). Contributed by @dbkr.
+* Spacestore should emit event after rebuilding home space ([#30132](https://github.com/element-hq/element-web/pull/30132)). Contributed by @MidhunSureshR.
+* Handle m.room.pinned\_events being invalid ([#30129](https://github.com/element-hq/element-web/pull/30129)). Contributed by @t3chguy.
+
+
+Changes in [1.11.104](https://github.com/element-hq/element-web/releases/tag/v1.11.104) (2025-06-17)
 ====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.4.2...v1.5.0-rc.1)
-
- * Update from Weblate
-   [\#11104](https://github.com/vector-im/riot-web/pull/11104)
- * Bump Olm to 3.1.4 for olm_session_describe
-   [\#11103](https://github.com/vector-im/riot-web/pull/11103)
- * Enable Webpack production mode for start:js:prod
-   [\#11098](https://github.com/vector-im/riot-web/pull/11098)
- * add settingDefaults to sample config
-   [\#9919](https://github.com/vector-im/riot-web/pull/9919)
- * Add config.json copy instruction to 'Development' as well
-   [\#11062](https://github.com/vector-im/riot-web/pull/11062)
- * Revert "Run yarn upgrade"
-   [\#11055](https://github.com/vector-im/riot-web/pull/11055)
- * Run yarn upgrade
-   [\#11050](https://github.com/vector-im/riot-web/pull/11050)
- * Request persistent storage on Electron
-   [\#11052](https://github.com/vector-im/riot-web/pull/11052)
- * Remove docs for CIDER feature
-   [\#11047](https://github.com/vector-im/riot-web/pull/11047)
-
-Changes in [1.4.2](https://github.com/vector-im/riot-web/releases/tag/v1.4.2) (2019-10-04)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.4.2-rc.1...v1.4.2)
-
- * Document troubleshooting for memory leaks and getting profiles
-   [\#11031](https://github.com/vector-im/riot-web/pull/11031)
-
-Changes in [1.4.2-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.4.2-rc.1) (2019-10-02)
+## ✨ Features
+
+* Update the mobile\_guide page to the new design. ([#30006](https://github.com/element-hq/element-web/pull/30006)). Contributed by @pixlwave.
+* Provide a devtool for manually verifying other devices ([#30094](https://github.com/element-hq/element-web/pull/30094)). Contributed by @andybalaam.
+* Implement MSC4155: Invite filtering ([#29603](https://github.com/element-hq/element-web/pull/29603)). Contributed by @Half-Shot.
+* Add low priority avatar decoration to room tile ([#30065](https://github.com/element-hq/element-web/pull/30065)). Contributed by @MidhunSureshR.
+* Add ability to prevent window content being captured by other apps (Desktop) ([#30098](https://github.com/element-hq/element-web/pull/30098)). Contributed by @t3chguy.
+* New room list: move message preview in user settings ([#30023](https://github.com/element-hq/element-web/pull/30023)). Contributed by @florianduros.
+* New room list: change room options icon ([#30029](https://github.com/element-hq/element-web/pull/30029)). Contributed by @florianduros.
+* RoomListStore: Sort low priority rooms to the bottom of the list ([#30070](https://github.com/element-hq/element-web/pull/30070)). Contributed by @MidhunSureshR.
+* Add low priority filter pill to the room list UI ([#30060](https://github.com/element-hq/element-web/pull/30060)). Contributed by @MidhunSureshR.
+* New room list: remove color gradient in space panel ([#29721](https://github.com/element-hq/element-web/pull/29721)). Contributed by @florianduros.
+* /share?msg=foo endpoint using forward message dialog ([#29874](https://github.com/element-hq/element-web/pull/29874)). Contributed by @ara4n.
+
+## 🐛 Bug Fixes
+
+* Do not send empty auth when setting up cross-signing keys ([#29914](https://github.com/element-hq/element-web/pull/29914)). Contributed by @gnieto.
+* Settings: flip local video feed by default ([#29501](https://github.com/element-hq/element-web/pull/29501)). Contributed by @jbtrystram.
+* AccessSecretStorageDialog: various fixes ([#30093](https://github.com/element-hq/element-web/pull/30093)). Contributed by @richvdh.
+* AccessSecretStorageDialog: fix inability to enter recovery key ([#30090](https://github.com/element-hq/element-web/pull/30090)). Contributed by @richvdh.
+* Fix failure to upload thumbnail causing image to send as file ([#30086](https://github.com/element-hq/element-web/pull/30086)). Contributed by @t3chguy.
+* Low priority menu item should be a toggle ([#30071](https://github.com/element-hq/element-web/pull/30071)). Contributed by @MidhunSureshR.
+* Add sanity checks to prevent users from ignoring themselves ([#30079](https://github.com/element-hq/element-web/pull/30079)). Contributed by @MidhunSureshR.
+* Fix issue with duplicate images ([#30073](https://github.com/element-hq/element-web/pull/30073)). Contributed by @fatlewis.
+* Handle errors returned from Seshat ([#30083](https://github.com/element-hq/element-web/pull/30083)). Contributed by @richvdh.
+
+
+Changes in [1.11.103](https://github.com/element-hq/element-web/releases/tag/v1.11.103) (2025-06-10)
 ====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.4.1...v1.4.2-rc.1)
-
- * Custom themes MVP
-   [\#11017](https://github.com/vector-im/riot-web/pull/11017)
- * Document permalinkPrefix setting
-   [\#11007](https://github.com/vector-im/riot-web/pull/11007)
-
-Changes in [1.4.1](https://github.com/vector-im/riot-web/releases/tag/v1.4.1) (2019-10-01)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.4.0...v1.4.1)
-
- * Upgrade to React SDK 1.6.1 to fix critical 
-   [blank screen issue](https://github.com/vector-im/riot-web/issues/10983)
- * Upgrade to JS SDK 2.4.1 to to ignore crypto events with empty content
- * Update from Weblate
-   [\#11010](https://github.com/vector-im/riot-web/pull/11010)
- * Update from Weblate
-   [\#11001](https://github.com/vector-im/riot-web/pull/11001)
- * Upgrade deps
-   [\#10980](https://github.com/vector-im/riot-web/pull/10980)
-
-Changes in [1.4.0](https://github.com/vector-im/riot-web/releases/tag/v1.4.0) (2019-09-27)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.4.0-rc.2...v1.4.0)
-
-* Many improvements related to privacy and user control of identity services and integration managers
-* Upgrade to React SDK 1.6.0 and JS SDK 2.4.0
-
-Changes in [1.4.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.4.0-rc.2) (2019-09-26)
+## 🐛 Bug Fixes
+
++ Check the sender of an event matches owner of session, preventing sender spoofing by homeserver owners.
+[13c1d20](https://github.com/matrix-org/matrix-rust-sdk/commit/13c1d2048286bbabf5e7bc6b015aafee98f04d55) (High, [GHSA-x958-rvg6-956w](https://github.com/matrix-org/matrix-rust-sdk/security/advisories/GHSA-x958-rvg6-956w)).
+
+Changes in [1.11.102](https://github.com/element-hq/element-web/releases/tag/v1.11.102) (2025-06-03)
 ====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.4.0-rc.1...v1.4.0-rc.2)
+## ✨ Features
+
+* EW: Modernize the recovery key input modal ([#29819](https://github.com/element-hq/element-web/pull/29819)). Contributed by @uhoreg.
+* New room list: move secondary filters into primary filters ([#29972](https://github.com/element-hq/element-web/pull/29972)). Contributed by @florianduros.
+* Prompt the user when key storage is unexpectedly off ([#29912](https://github.com/element-hq/element-web/pull/29912)). Contributed by @andybalaam.
+* New room list: move sort menu in room list header ([#29983](https://github.com/element-hq/element-web/pull/29983)). Contributed by @florianduros.
+* New room list: rework spacing of room list item ([#29965](https://github.com/element-hq/element-web/pull/29965)). Contributed by @florianduros.
+* RLS: Remove forgotten room from skiplist ([#29933](https://github.com/element-hq/element-web/pull/29933)). Contributed by @MidhunSureshR.
+* Add room list sorting ([#29951](https://github.com/element-hq/element-web/pull/29951)). Contributed by @dbkr.
+* Don't use the minimised width(68px) on the new room list ([#29778](https://github.com/element-hq/element-web/pull/29778)). Contributed by @langleyd.
 
- * Upgrade to React SDK 1.6.0-rc.2
- * Work around Yarn confusion with `react-gemini-scrollbar` package
+## 🐛 Bug Fixes
 
-Changes in [1.4.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.4.0-rc.1) (2019-09-25)
+* [Backport staging] Close call options popup menu when option has been selected ([#30054](https://github.com/element-hq/element-web/pull/30054)). Contributed by @RiotRobot.
+* RoomListStoreV3: Only add new rooms that pass `VisibilityProvider` check ([#29974](https://github.com/element-hq/element-web/pull/29974)). Contributed by @MidhunSureshR.
+* Re-order primary filters ([#29957](https://github.com/element-hq/element-web/pull/29957)). Contributed by @dbkr.
+* Fix leaky CSS adding `!` to all H1 elements ([#29964](https://github.com/element-hq/element-web/pull/29964)). Contributed by @t3chguy.
+* Fix extensions panel style ([#29273](https://github.com/element-hq/element-web/pull/29273)). Contributed by @langleyd.
+* Fix state events being hidden from widgets in read\_events actions ([#29954](https://github.com/element-hq/element-web/pull/29954)). Contributed by @robintown.
+* Remove old filter test ([#29963](https://github.com/element-hq/element-web/pull/29963)). Contributed by @dbkr.
+
+
+Changes in [1.11.101](https://github.com/element-hq/element-web/releases/tag/v1.11.101) (2025-05-20)
 ====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.6...v1.4.0-rc.1)
-
- * Upgrade to React SDK 1.6.0-rc.1 and JS SDK 2.4.0-rc.1
- * Update from Weblate
-   [\#10961](https://github.com/vector-im/riot-web/pull/10961)
- * Don't log query parameters as they may contain secrets
-   [\#10929](https://github.com/vector-im/riot-web/pull/10929)
- * Document more shortcuts
-   [\#10906](https://github.com/vector-im/riot-web/pull/10906)
- * Point to #develop and use the same gemini-scrollbar version as the react-sdk
-   [\#10893](https://github.com/vector-im/riot-web/pull/10893)
- * Tweak lock file to pull in only one React version
-   [\#10874](https://github.com/vector-im/riot-web/pull/10874)
- * document disable_custom_urls
-   [\#10844](https://github.com/vector-im/riot-web/pull/10844)
- * Install guide tweaks
-   [\#10838](https://github.com/vector-im/riot-web/pull/10838)
- * Switch to React 16
-   [\#10480](https://github.com/vector-im/riot-web/pull/10480)
- * Update install guide
-   [\#10810](https://github.com/vector-im/riot-web/pull/10810)
- * Clarify that HTTPS is not just needed for VoIP
-   [\#6146](https://github.com/vector-im/riot-web/pull/6146)
- * Bump eslint-utils from 1.4.0 to 1.4.2
-   [\#10692](https://github.com/vector-im/riot-web/pull/10692)
- * Add docs for tabbed integration managers labs flag
-   [\#10641](https://github.com/vector-im/riot-web/pull/10641)
- * Change integrations_widgets_urls default configuration
-   [\#10656](https://github.com/vector-im/riot-web/pull/10656)
- * Add docs for the CIDER composer flag
-   [\#10638](https://github.com/vector-im/riot-web/pull/10638)
- * add cider composer labs flag
-   [\#10626](https://github.com/vector-im/riot-web/pull/10626)
- * Upgrade to Electron 6.0.3
-   [\#10601](https://github.com/vector-im/riot-web/pull/10601)
- * Upgrade to Electron 6
-   [\#10596](https://github.com/vector-im/riot-web/pull/10596)
- * Update from Weblate
-   [\#10591](https://github.com/vector-im/riot-web/pull/10591)
- * Upgrade electron-builder to 21.2.0
-   [\#10579](https://github.com/vector-im/riot-web/pull/10579)
- * Set SUID bit on chrome-sandbox for Debian
-   [\#10580](https://github.com/vector-im/riot-web/pull/10580)
- * Load config.json before loading language so default can apply
-   [\#10551](https://github.com/vector-im/riot-web/pull/10551)
- * Bump matrix-react-test-utils for React 16 compatibility
-   [\#10543](https://github.com/vector-im/riot-web/pull/10543)
- * Add --help to electron app
-   [\#10530](https://github.com/vector-im/riot-web/pull/10530)
- * Allow setting electron autoHideMenuBar and persist it
-   [\#10503](https://github.com/vector-im/riot-web/pull/10503)
- * Upgrade dependencies
-   [\#10475](https://github.com/vector-im/riot-web/pull/10475)
-
-Changes in [1.3.6](https://github.com/vector-im/riot-web/releases/tag/v1.3.6) (2019-09-19)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.5...v1.3.6)
-
- * Fix origin migrator for SSO logins
-   [\#10920](https://github.com/vector-im/riot-web/pull/10920)
-
-Changes in [1.3.5](https://github.com/vector-im/riot-web/releases/tag/v1.3.5) (2019-09-16)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.5-rc.3...v1.3.5)
-
- * Updated js-sdk and react-sdk for some more minor bugfixes
-
-Changes in [1.3.5-rc.3](https://github.com/vector-im/riot-web/releases/tag/v1.3.5-rc.3) (2019-09-13)
+## ✨ Features
+
+* New room list: add keyboard navigation support ([#29805](https://github.com/element-hq/element-web/pull/29805)). Contributed by @florianduros.
+* Use the JoinRuleSettings component for the guest link access prompt. ([#28614](https://github.com/element-hq/element-web/pull/28614)). Contributed by @toger5.
+* Add loading state to the new room list view ([#29725](https://github.com/element-hq/element-web/pull/29725)). Contributed by @langleyd.
+* Make OIDC identity reset consistent with EX ([#29854](https://github.com/element-hq/element-web/pull/29854)). Contributed by @andybalaam.
+* Support error code for email / phone adding unsupported (MSC4178) ([#29855](https://github.com/element-hq/element-web/pull/29855)). Contributed by @dbkr.
+* Update identity reset UI (Make consistent with EX) ([#29701](https://github.com/element-hq/element-web/pull/29701)). Contributed by @andybalaam.
+* Add secondary filters to the new room list ([#29818](https://github.com/element-hq/element-web/pull/29818)). Contributed by @dbkr.
+* Fix battery drain from Web Audio ([#29203](https://github.com/element-hq/element-web/pull/29203)). Contributed by @mbachry.
+
+## 🐛 Bug Fixes
+
+* Fix go home shortcut on macos and change toggle action events shortcut ([#29929](https://github.com/element-hq/element-web/pull/29929)). Contributed by @florianduros.
+* New room list: fix outdated message preview when space or filter change ([#29925](https://github.com/element-hq/element-web/pull/29925)). Contributed by @florianduros.
+* Stop migrating to MSC4278 if the config exists. ([#29924](https://github.com/element-hq/element-web/pull/29924)). Contributed by @Half-Shot.
+* Ensure consistent download file name on download from ImageView ([#29913](https://github.com/element-hq/element-web/pull/29913)). Contributed by @t3chguy.
+* Add error toast when service worker registration fails ([#29895](https://github.com/element-hq/element-web/pull/29895)). Contributed by @t3chguy.
+* New Room List: Prevent old tombstoned rooms from appearing in the list ([#29881](https://github.com/element-hq/element-web/pull/29881)). Contributed by @MidhunSureshR.
+* Remove lag in search field ([#29885](https://github.com/element-hq/element-web/pull/29885)). Contributed by @florianduros.
+* Respect UIFeature.Voip ([#29873](https://github.com/element-hq/element-web/pull/29873)). Contributed by @langleyd.
+* Allow jumping to message search from spotlight ([#29850](https://github.com/element-hq/element-web/pull/29850)). Contributed by @t3chguy.
+
+
+Changes in [1.11.100](https://github.com/element-hq/element-web/releases/tag/v1.11.100) (2025-05-06)
 ====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.5-rc.2...v1.3.5-rc.3)
+## ✨ Features
 
- * js-sdk rc.1 to include report API
+* Move rich topics out of labs / stabilise MSC3765 ([#29817](https://github.com/element-hq/element-web/pull/29817)). Contributed by @Johennes.
+* Spell out that Element Web does \*not\* work on mobile. ([#29211](https://github.com/element-hq/element-web/pull/29211)). Contributed by @ara4n.
+* Add message preview support to the new room list ([#29784](https://github.com/element-hq/element-web/pull/29784)). Contributed by @dbkr.
+* Global configuration flag for media previews ([#29582](https://github.com/element-hq/element-web/pull/29582)). Contributed by @Half-Shot.
+* New room list: add partial keyboard shortcuts support ([#29783](https://github.com/element-hq/element-web/pull/29783)). Contributed by @florianduros.
+* MVVM RoomSummaryCard Topic ([#29710](https://github.com/element-hq/element-web/pull/29710)). Contributed by @MarcWadai.
+* Warn on self change from settings > roles ([#28926](https://github.com/element-hq/element-web/pull/28926)). Contributed by @MarcWadai.
+* New room list: new visual for invitation ([#29773](https://github.com/element-hq/element-web/pull/29773)). Contributed by @florianduros.
 
-Changes in [1.3.5-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.3.5-rc.2) (2019-09-13)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.5-rc.1...v1.3.5-rc.2)
+## 🐛 Bug Fixes
 
- * Pull in more fixes from react-sdk rc.2
+* Fix incorrect display of the user info display name ([#29826](https://github.com/element-hq/element-web/pull/29826)). Contributed by @langleyd.
+* RoomListStore: Remove invite rooms on decline ([#29804](https://github.com/element-hq/element-web/pull/29804)). Contributed by @MidhunSureshR.
+* Fix the buttons not being displayed with long preview text ([#29811](https://github.com/element-hq/element-web/pull/29811)). Contributed by @dbkr.
+* New room list: fix missing/incorrect notification decoration  ([#29796](https://github.com/element-hq/element-web/pull/29796)). Contributed by @florianduros.
+* New Room List: Prevent potential scroll jump/flicker when switching spaces ([#29781](https://github.com/element-hq/element-web/pull/29781)). Contributed by @MidhunSureshR.
+* New room list: fix incorrect decoration ([#29770](https://github.com/element-hq/element-web/pull/29770)). Contributed by @florianduros.
 
-Changes in [1.3.5-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.3.5-rc.1) (2019-09-12)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.4...v1.3.5-rc.1)
 
- * Cosmetic fixes from react-sdk rc.1
+Changes in [1.11.99](https://github.com/element-hq/element-web/releases/tag/v1.11.99) (2025-04-23)
+==================================================================================================
+No changes, just bumping the version to accommodate a new Element Desktop release
 
-Changes in [1.3.4](https://github.com/vector-im/riot-web/releases/tag/v1.3.4) (2019-09-12)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.4-rc.1...v1.3.4)
+Changes in [1.11.98](https://github.com/element-hq/element-web/releases/tag/v1.11.98) (2025-04-22)
+==================================================================================================
+## ✨ Features
+
+* print better errors in the search view instead of a blocking modal ([#29724](https://github.com/element-hq/element-web/pull/29724)). Contributed by @Jujure.
+* New room list: video room and video call decoration  ([#29693](https://github.com/element-hq/element-web/pull/29693)). Contributed by @florianduros.
+* Remove Secure Backup, Cross-signing and Cryptography sections in `Security & Privacy` user settings ([#29088](https://github.com/element-hq/element-web/pull/29088)). Contributed by @florianduros.
+* Allow reporting a room when rejecting an invite. ([#29570](https://github.com/element-hq/element-web/pull/29570)). Contributed by @Half-Shot.
+* RoomListViewModel: Reset primary and secondary filters on space change ([#29672](https://github.com/element-hq/element-web/pull/29672)). Contributed by @MidhunSureshR.
+* RoomListStore: Support specific sorting requirements for muted rooms ([#29665](https://github.com/element-hq/element-web/pull/29665)). Contributed by @MidhunSureshR.
+* New room list: add notification options menu ([#29639](https://github.com/element-hq/element-web/pull/29639)). Contributed by @florianduros.
+* Room List: Scroll to top of the list when active room is not in the list ([#29650](https://github.com/element-hq/element-web/pull/29650)). Contributed by @MidhunSureshR.
+
+## 🐛 Bug Fixes
+
+* Fix unwanted form submit behaviour in memberlist ([#29747](https://github.com/element-hq/element-web/pull/29747)). Contributed by @MidhunSureshR.
+* New room list: fix public room icon visibility when filter change ([#29737](https://github.com/element-hq/element-web/pull/29737)). Contributed by @florianduros.
+* Fix custom theme support for short hex \& rgba hex strings ([#29726](https://github.com/element-hq/element-web/pull/29726)). Contributed by @t3chguy.
+* New room list: minor visual fixes ([#29723](https://github.com/element-hq/element-web/pull/29723)). Contributed by @florianduros.
+* Fix getOidcCallbackUrl for Element Desktop ([#29711](https://github.com/element-hq/element-web/pull/29711)). Contributed by @t3chguy.
+* Fix some webp images improperly marked as animated ([#29713](https://github.com/element-hq/element-web/pull/29713)). Contributed by @Petersmit27.
+* Revert deletion of hydrateSession ([#29703](https://github.com/element-hq/element-web/pull/29703)). Contributed by @Jujure.
+* Fix converttoroom \& converttodm not working ([#29705](https://github.com/element-hq/element-web/pull/29705)). Contributed by @t3chguy.
+* Ensure forceCloseAllModals also closes priority/static modals ([#29706](https://github.com/element-hq/element-web/pull/29706)). Contributed by @t3chguy.
+* Continue button is disabled when uploading a recovery key file ([#29695](https://github.com/element-hq/element-web/pull/29695)). Contributed by @Giwayume.
+* Catch errors after syncing recovery ([#29691](https://github.com/element-hq/element-web/pull/29691)). Contributed by @andybalaam.
+* New room list: fix multiple visual issues ([#29673](https://github.com/element-hq/element-web/pull/29673)). Contributed by @florianduros.
+* New Room List: Fix mentions filter matching rooms with any highlight ([#29668](https://github.com/element-hq/element-web/pull/29668)). Contributed by @MidhunSureshR.
+*  Fix truncated emoji label during emoji SAS ([#29643](https://github.com/element-hq/element-web/pull/29643)). Contributed by @florianduros.
+* Remove duplicate jitsi link ([#29642](https://github.com/element-hq/element-web/pull/29642)). Contributed by @dbkr.
+
+
+Changes in [1.11.97](https://github.com/element-hq/element-web/releases/tag/v1.11.97) (2025-04-08)
+==================================================================================================
+## ✨ Features
+
+* New room list: reduce padding between avatar and room list border ([#29634](https://github.com/element-hq/element-web/pull/29634)). Contributed by @florianduros.
+* Bundle Element Call with Element Web packages ([#29309](https://github.com/element-hq/element-web/pull/29309)). Contributed by @t3chguy.
+* Hide an event notification if it is redacted ([#29605](https://github.com/element-hq/element-web/pull/29605)). Contributed by @Half-Shot.
+* Docker: Use nginx-unprivileged as base image ([#29353](https://github.com/element-hq/element-web/pull/29353)). Contributed by @AndrewFerr.
+* Switch away from nesting React trees and mangling the DOM ([#29586](https://github.com/element-hq/element-web/pull/29586)). Contributed by @t3chguy.
+* New room list: add notification decoration ([#29552](https://github.com/element-hq/element-web/pull/29552)). Contributed by @florianduros.
+* RoomListStore: Unread filter should match rooms that were marked as unread ([#29580](https://github.com/element-hq/element-web/pull/29580)). Contributed by @MidhunSureshR.
+* Add support for hiding videos ([#29496](https://github.com/element-hq/element-web/pull/29496)). Contributed by @Half-Shot.
+* Use an outline icon for the report room button ([#29573](https://github.com/element-hq/element-web/pull/29573)). Contributed by @robintown.
+* Generate/load pickle key on SSO ([#29568](https://github.com/element-hq/element-web/pull/29568)). Contributed by @Jujure.
+* Add report room dialog button/dialog. ([#29513](https://github.com/element-hq/element-web/pull/29513)). Contributed by @Half-Shot.
+* RoomListViewModel: Make the active room sticky in the list ([#29551](https://github.com/element-hq/element-web/pull/29551)). Contributed by @MidhunSureshR.
+* Replace checkboxes with Compound checkboxes, and appropriately label each checkbox. ([#29363](https://github.com/element-hq/element-web/pull/29363)). Contributed by @Half-Shot.
+* New room list: add selection decoration ([#29531](https://github.com/element-hq/element-web/pull/29531)). Contributed by @florianduros.
+* Simplified Sliding Sync ([#28515](https://github.com/element-hq/element-web/pull/28515)). Contributed by @dbkr.
+* Add ability to hide images after clicking "show image" ([#29467](https://github.com/element-hq/element-web/pull/29467)). Contributed by @Half-Shot.
+
+## 🐛 Bug Fixes
+
+* Fix scroll issues in memberlist ([#29392](https://github.com/element-hq/element-web/pull/29392)). Contributed by @MidhunSureshR.
+* Ensure clicks on spoilers do not get handled by the hidden content ([#29618](https://github.com/element-hq/element-web/pull/29618)). Contributed by @t3chguy.
+* New room list: add cursor pointer on room list item ([#29627](https://github.com/element-hq/element-web/pull/29627)). Contributed by @florianduros.
+* Fix missing ambiguous url tooltips on Element Desktop ([#29619](https://github.com/element-hq/element-web/pull/29619)). Contributed by @t3chguy.
+* New room list: fix spacing and padding ([#29607](https://github.com/element-hq/element-web/pull/29607)). Contributed by @florianduros.
+* Make fetchdep check out matching branch name ([#29601](https://github.com/element-hq/element-web/pull/29601)). Contributed by @dbkr.
+* Fix MFileBody fileName not considering `filename` ([#29589](https://github.com/element-hq/element-web/pull/29589)). Contributed by @t3chguy.
+* Fix token expiry racing with login causing wrong error to be shown ([#29566](https://github.com/element-hq/element-web/pull/29566)). Contributed by @t3chguy.
+* Fix bug which caused startup to hang if the clock was wound back since a previous session ([#29558](https://github.com/element-hq/element-web/pull/29558)). Contributed by @richvdh.
+* RoomListViewModel: Reset any primary filter on secondary filter change ([#29562](https://github.com/element-hq/element-web/pull/29562)). Contributed by @MidhunSureshR.
+* RoomListStore: Unread filter should only filter rooms having unread counts ([#29555](https://github.com/element-hq/element-web/pull/29555)). Contributed by @MidhunSureshR.
+* In force-verify mode, prevent bypassing by cancelling device verification ([#29487](https://github.com/element-hq/element-web/pull/29487)). Contributed by @andybalaam.
+* Add title attribute to user identifier ([#29547](https://github.com/element-hq/element-web/pull/29547)). Contributed by @arpitbatra123.
+
+
+Changes in [1.11.96](https://github.com/element-hq/element-web/releases/tag/v1.11.96) (2025-03-25)
+==================================================================================================
+## ✨ Features
+
+* RoomListViewModel: Track the index of the active room in the list ([#29519](https://github.com/element-hq/element-web/pull/29519)). Contributed by @MidhunSureshR.
+* New room list: add empty state ([#29512](https://github.com/element-hq/element-web/pull/29512)). Contributed by @florianduros.
+* Implement `MessagePreviewViewModel` ([#29514](https://github.com/element-hq/element-web/pull/29514)). Contributed by @MidhunSureshR.
+* RoomListViewModel: Add functionality to toggle message preview setting ([#29511](https://github.com/element-hq/element-web/pull/29511)). Contributed by @MidhunSureshR.
+* New room list: add more options menu on room list item ([#29445](https://github.com/element-hq/element-web/pull/29445)). Contributed by @florianduros.
+* RoomListViewModel: Provide a way to resort the room list and track the active sort method ([#29499](https://github.com/element-hq/element-web/pull/29499)). Contributed by @MidhunSureshR.
+* Change \*All rooms\* meta space name to \*All Chats\* ([#29498](https://github.com/element-hq/element-web/pull/29498)). Contributed by @florianduros.
+* Add setting to hide avatars of rooms you have been invited to. ([#29497](https://github.com/element-hq/element-web/pull/29497)). Contributed by @Half-Shot.
+* Room List Store: Save preferred sorting algorithm and use that on app launch ([#29493](https://github.com/element-hq/element-web/pull/29493)). Contributed by @MidhunSureshR.
+* Add key storage toggle to Encryption settings ([#29310](https://github.com/element-hq/element-web/pull/29310)). Contributed by @dbkr.
+* New room list: add primary filters ([#29481](https://github.com/element-hq/element-web/pull/29481)). Contributed by @florianduros.
+* Implement MSC4142: Remove unintentional intentional mentions in replies ([#28209](https://github.com/element-hq/element-web/pull/28209)). Contributed by @tulir.
+* White background for 'They do not match' button ([#29470](https://github.com/element-hq/element-web/pull/29470)). Contributed by @andybalaam.
+* RoomListViewModel: Support secondary filters in the view model ([#29465](https://github.com/element-hq/element-web/pull/29465)). Contributed by @MidhunSureshR.
+* RoomListViewModel: Support primary filters in the view model ([#29454](https://github.com/element-hq/element-web/pull/29454)). Contributed by @MidhunSureshR.
+* Room List Store: Implement secondary filters ([#29458](https://github.com/element-hq/element-web/pull/29458)). Contributed by @MidhunSureshR.
+* Room List Store: Implement rest of the primary filters ([#29444](https://github.com/element-hq/element-web/pull/29444)). Contributed by @MidhunSureshR.
+* Room List Store: Support filters by implementing just the favourite filter ([#29433](https://github.com/element-hq/element-web/pull/29433)). Contributed by @MidhunSureshR.
+* Move toggle switch for integration manager for a11y ([#29436](https://github.com/element-hq/element-web/pull/29436)). Contributed by @Half-Shot.
+* New room list: basic flat list ([#29368](https://github.com/element-hq/element-web/pull/29368)). Contributed by @florianduros.
+* Improve rageshake upload experience by providing useful error information ([#29378](https://github.com/element-hq/element-web/pull/29378)). Contributed by @Half-Shot.
+* Add more functionality to the room list vm ([#29402](https://github.com/element-hq/element-web/pull/29402)). Contributed by @MidhunSureshR.
+
+## 🐛 Bug Fixes
+
+* New room list: fix compose menu action in space  ([#29500](https://github.com/element-hq/element-web/pull/29500)). Contributed by @florianduros.
+* Change ToggleHiddenEventVisibility \& GoToHome KeyBindingActions ([#29374](https://github.com/element-hq/element-web/pull/29374)). Contributed by @gy-mate.
+* Fix Docker Healthcheck ([#29471](https://github.com/element-hq/element-web/pull/29471)). Contributed by @benbz.
+* Room List Store: Fetch rooms after space store is ready + attach store to window ([#29453](https://github.com/element-hq/element-web/pull/29453)). Contributed by @MidhunSureshR.
+* Room List Store: Fix bug where left rooms appear in room list ([#29452](https://github.com/element-hq/element-web/pull/29452)). Contributed by @MidhunSureshR.
+* Add space to the bottom of the room summary actions below leave room ([#29270](https://github.com/element-hq/element-web/pull/29270)). Contributed by @langleyd.
+* Show error screens in group calls ([#29254](https://github.com/element-hq/element-web/pull/29254)). Contributed by @robintown.
+* Prevent user from accidentally triggering multiple identity resets ([#29388](https://github.com/element-hq/element-web/pull/29388)). Contributed by @uhoreg.
+* Remove buggy tooltip on room intro \& homepage ([#29406](https://github.com/element-hq/element-web/pull/29406)). Contributed by @t3chguy.
+
+
+Changes in [1.11.95](https://github.com/element-hq/element-web/releases/tag/v1.11.95) (2025-03-11)
+==================================================================================================
+## ✨ Features
+
+* Room List Store: Filter rooms by active space ([#29399](https://github.com/element-hq/element-web/pull/29399)). Contributed by @MidhunSureshR.
+* Room List - Update the room list store on actions from the dispatcher ([#29397](https://github.com/element-hq/element-web/pull/29397)). Contributed by @MidhunSureshR.
+* Room List  - Implement a minimal view model ([#29357](https://github.com/element-hq/element-web/pull/29357)). Contributed by @MidhunSureshR.
+* New room list: add space menu in room header ([#29352](https://github.com/element-hq/element-web/pull/29352)). Contributed by @florianduros.
+* Room List - Store sorted rooms in skip list ([#29345](https://github.com/element-hq/element-web/pull/29345)). Contributed by @MidhunSureshR.
+* New room list: add dial to search section ([#29359](https://github.com/element-hq/element-web/pull/29359)). Contributed by @florianduros.
+* New room list: add compose menu for spaces in header ([#29347](https://github.com/element-hq/element-web/pull/29347)). Contributed by @florianduros.
+* Use EditInPlace control for Identity Server picker to improve a11y ([#29280](https://github.com/element-hq/element-web/pull/29280)). Contributed by @Half-Shot.
+* First step to add header to new room list ([#29320](https://github.com/element-hq/element-web/pull/29320)). Contributed by @florianduros.
+* Add Windows 64-bit arm link and remove 32-bit link on compatibility page ([#29312](https://github.com/element-hq/element-web/pull/29312)). Contributed by @t3chguy.
+* Honour the backup disable flag from Element X ([#29290](https://github.com/element-hq/element-web/pull/29290)). Contributed by @dbkr.
+
+## 🐛 Bug Fixes
+
+* Fix edited code block width ([#29394](https://github.com/element-hq/element-web/pull/29394)). Contributed by @florianduros.
+* new room list: keep space name in one line in header ([#29369](https://github.com/element-hq/element-web/pull/29369)). Contributed by @florianduros.
+* Dismiss "Key storage out of sync" toast when secrets received ([#29348](https://github.com/element-hq/element-web/pull/29348)). Contributed by @richvdh.
+* Minor CSS fixes for the new room list ([#29334](https://github.com/element-hq/element-web/pull/29334)). Contributed by @florianduros.
+* Add padding to room header icon ([#29271](https://github.com/element-hq/element-web/pull/29271)). Contributed by @langleyd.
+
+
+Changes in [1.11.94](https://github.com/element-hq/element-web/releases/tag/v1.11.94) (2025-02-27)
+==================================================================================================
+## 🐛 Bug Fixes
 
- * Updated react-sdk and tweaks to mobile install guide
+* [Backport staging] fix: /tmp/element-web-config may already exist preventing the container from booting up ([#29377](https://github.com/element-hq/element-web/pull/29377)). Contributed by @RiotRobot.
 
-Changes in [1.3.4-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.3.4-rc.1) (2019-09-11)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.3...v1.3.4-rc.1)
 
- * Update install guide
-   [\#10831](https://github.com/vector-im/riot-web/pull/10831)
+Changes in [1.11.93](https://github.com/element-hq/element-web/releases/tag/v1.11.93) (2025-02-25)
+==================================================================================================
+## ✨ Features
+
+* [backport] Dynamically load Element Web modules in Docker entrypoint ([#29358](https://github.com/element-hq/element-web/pull/29358)). Contributed by @t3chguy.
+* ChangeRecoveryKey: error handling ([#29262](https://github.com/element-hq/element-web/pull/29262)). Contributed by @richvdh.
+* Dehydration: enable dehydrated device on "Set up recovery" ([#29265](https://github.com/element-hq/element-web/pull/29265)). Contributed by @richvdh.
+* Render reason for invite rejection. ([#29257](https://github.com/element-hq/element-web/pull/29257)). Contributed by @Half-Shot.
+* New room list: add search section ([#29251](https://github.com/element-hq/element-web/pull/29251)). Contributed by @florianduros.
+* New room list: hide favourites and people meta spaces ([#29241](https://github.com/element-hq/element-web/pull/29241)). Contributed by @florianduros.
+* New Room List: Create new labs flag ([#29239](https://github.com/element-hq/element-web/pull/29239)). Contributed by @MidhunSureshR.
+* Stop URl preview from covering message box ([#29215](https://github.com/element-hq/element-web/pull/29215)). Contributed by @edent.
+* Rename "security key" into "recovery key" ([#29217](https://github.com/element-hq/element-web/pull/29217)). Contributed by @florianduros.
+* Add new verification section to user profile ([#29200](https://github.com/element-hq/element-web/pull/29200)). Contributed by @MidhunSureshR.
+* Initial support for runtime modules ([#29104](https://github.com/element-hq/element-web/pull/29104)). Contributed by @t3chguy.
+* Add `Forgot recovery key?` button to encryption tab ([#29202](https://github.com/element-hq/element-web/pull/29202)). Contributed by @florianduros.
+* Add KeyIcon to key storage out of sync toast ([#29201](https://github.com/element-hq/element-web/pull/29201)). Contributed by @florianduros.
+* Improve rendering of empty topics in the timeline  ([#29152](https://github.com/element-hq/element-web/pull/29152)). Contributed by @Half-Shot.
+
+## 🐛 Bug Fixes
+
+* Fix font scaling in member list ([#29285](https://github.com/element-hq/element-web/pull/29285)). Contributed by @florianduros.
+* Grow member list search field when resizing the right panel ([#29267](https://github.com/element-hq/element-web/pull/29267)). Contributed by @langleyd.
+* Don't reload roomview on offline connectivity check ([#29243](https://github.com/element-hq/element-web/pull/29243)). Contributed by @dbkr.
+* Respect user's 12/24 hour preference consistently ([#29237](https://github.com/element-hq/element-web/pull/29237)). Contributed by @t3chguy.
+* Restore the accessibility role on call views ([#29225](https://github.com/element-hq/element-web/pull/29225)). Contributed by @robintown.
+* Revert `GoToHome` keyboard shortcut to `Ctrl`–`Shift`–`H` on macOS ([#28577](https://github.com/element-hq/element-web/pull/28577)). Contributed by @gy-mate.
+* Encryption tab: display correct encryption panel when user cancels the reset identity flow ([#29216](https://github.com/element-hq/element-web/pull/29216)). Contributed by @florianduros.
+
+
+Changes in [1.11.92](https://github.com/element-hq/element-web/releases/tag/v1.11.92) (2025-02-11)
+==================================================================================================
+## ✨ Features
+
+* [Backport staging] Log when we show, and hide, encryption setup toasts ([#29238](https://github.com/element-hq/element-web/pull/29238)). Contributed by @richvdh.
+* Make profile header section match the designs ([#29163](https://github.com/element-hq/element-web/pull/29163)). Contributed by @MidhunSureshR.
+* Always show back button in the right panel ([#29128](https://github.com/element-hq/element-web/pull/29128)). Contributed by @MidhunSureshR.
+* Schedule dehydration on reload if the dehydration key is already cached locally ([#29021](https://github.com/element-hq/element-web/pull/29021)). Contributed by @uhoreg.
+* update to twemoji 15.1.0 ([#29115](https://github.com/element-hq/element-web/pull/29115)). Contributed by @ara4n.
+* Update matrix-widget-api ([#29112](https://github.com/element-hq/element-web/pull/29112)). Contributed by @toger5.
+* Allow navigating through the memberlist using up/down keys ([#28949](https://github.com/element-hq/element-web/pull/28949)). Contributed by @MidhunSureshR.
+* Style room header icons and facepile for toggled state ([#28968](https://github.com/element-hq/element-web/pull/28968)). Contributed by @MidhunSureshR.
+* Move threads header below base card header ([#28969](https://github.com/element-hq/element-web/pull/28969)). Contributed by @MidhunSureshR.
+* Add `Advanced` section to the user settings encryption tab ([#28804](https://github.com/element-hq/element-web/pull/28804)). Contributed by @florianduros.
+* Fix outstanding UX issues with replies/mentions/keyword notifs ([#28270](https://github.com/element-hq/element-web/pull/28270)). Contributed by @taffyko.
+* Distinguish room state and timeline events when dealing with widgets ([#28681](https://github.com/element-hq/element-web/pull/28681)). Contributed by @robintown.
+* Switch OIDC primarily to new `/auth_metadata` API ([#29019](https://github.com/element-hq/element-web/pull/29019)). Contributed by @t3chguy.
+* More memberlist changes ([#29069](https://github.com/element-hq/element-web/pull/29069)). Contributed by @MidhunSureshR.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Wire up the "Forgot recovery key" button for the "Key storage out of sync" toast ([#29190](https://github.com/element-hq/element-web/pull/29190)). Contributed by @RiotRobot.
+* Encryption tab: hide `Advanced` section when the key storage is out of sync ([#29129](https://github.com/element-hq/element-web/pull/29129)). Contributed by @florianduros.
+* Fix share button in discovery settings being disabled incorrectly ([#29151](https://github.com/element-hq/element-web/pull/29151)). Contributed by @t3chguy.
+* Ensure switching rooms does not wrongly focus timeline search ([#29153](https://github.com/element-hq/element-web/pull/29153)). Contributed by @t3chguy.
+* Stop showing a dialog prompting the user to enter an old recovery key ([#29143](https://github.com/element-hq/element-web/pull/29143)). Contributed by @richvdh.
+* Make themed widgets reflect the effective theme ([#28342](https://github.com/element-hq/element-web/pull/28342)). Contributed by @robintown.
+* support non-VS16 emoji ligatures in TwemojiMozilla ([#29100](https://github.com/element-hq/element-web/pull/29100)). Contributed by @ara4n.
+* e2e test: Verify session with the encryption tab instead of the security \& privacy tab ([#29090](https://github.com/element-hq/element-web/pull/29090)). Contributed by @florianduros.
+* Work around cloudflare R2 / aws client incompatability ([#29086](https://github.com/element-hq/element-web/pull/29086)). Contributed by @dbkr.
+* Fix identity server settings visibility ([#29083](https://github.com/element-hq/element-web/pull/29083)). Contributed by @dbkr.
+
+
+Changes in [1.11.91](https://github.com/element-hq/element-web/releases/tag/v1.11.91) (2025-01-28)
+==================================================================================================
+## ✨ Features
 
-Changes in [1.3.3](https://github.com/vector-im/riot-web/releases/tag/v1.3.3) (2019-08-16)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.2...v1.3.3)
+* Implement changes to memberlist from feedback ([#29029](https://github.com/element-hq/element-web/pull/29029)). Contributed by @MidhunSureshR.
+* Add toast for recovery keys being out of sync ([#28946](https://github.com/element-hq/element-web/pull/28946)). Contributed by @dbkr.
+* Refactor LegacyCallHandler event emitter to use TypedEventEmitter ([#29008](https://github.com/element-hq/element-web/pull/29008)). Contributed by @t3chguy.
+* Add `Recovery` section in the new user settings `Encryption` tab ([#28673](https://github.com/element-hq/element-web/pull/28673)). Contributed by @florianduros.
+* Retry loading chunks to make the app more resilient ([#29001](https://github.com/element-hq/element-web/pull/29001)). Contributed by @t3chguy.
+* Clear account idb table on logout ([#28996](https://github.com/element-hq/element-web/pull/28996)). Contributed by @t3chguy.
+* Implement new memberlist design with MVVM architecture  ([#28874](https://github.com/element-hq/element-web/pull/28874)). Contributed by @MidhunSureshR.
 
- * Linux-only release to fix sandboxing with Electron 5 on Debian
-   [\#10580](https://github.com/vector-im/riot-web/pull/10580)
+## 🐛 Bug Fixes
 
-Changes in [1.3.2](https://github.com/vector-im/riot-web/releases/tag/v1.3.2) (2019-08-05)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.1...v1.3.2)
+* [Backport staging] Switch to secure random strings ([#29035](https://github.com/element-hq/element-web/pull/29035)). Contributed by @RiotRobot.
+* React to MatrixEvent sender/target being updated for rendering state events ([#28947](https://github.com/element-hq/element-web/pull/28947)). Contributed by @t3chguy.
 
- * Updated react-sdk for deactivated account error message on login
 
-Changes in [1.3.1](https://github.com/vector-im/riot-web/releases/tag/v1.3.1) (2019-08-05)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.1-rc.1...v1.3.1)
+Changes in [1.11.90](https://github.com/element-hq/element-web/releases/tag/v1.11.90) (2025-01-14)
+==================================================================================================
+## ✨ Features
 
- * Updated js-sdk for notifications fix and react-sdk for registration fix
+* Docker: run as non-root ([#28849](https://github.com/element-hq/element-web/pull/28849)). Contributed by @richvdh.
+* Docker: allow configuration of HTTP listen port via env var ([#28840](https://github.com/element-hq/element-web/pull/28840)). Contributed by @richvdh.
+* Update matrix-wysiwyg to consume WASM asset ([#28838](https://github.com/element-hq/element-web/pull/28838)). Contributed by @t3chguy.
+* OIDC settings tweaks ([#28787](https://github.com/element-hq/element-web/pull/28787)). Contributed by @t3chguy.
+* Delabs native OIDC support ([#28615](https://github.com/element-hq/element-web/pull/28615)). Contributed by @t3chguy.
+* Move room header info button to right-most position ([#28754](https://github.com/element-hq/element-web/pull/28754)). Contributed by @t3chguy.
+* Enable key backup by default ([#28691](https://github.com/element-hq/element-web/pull/28691)). Contributed by @dbkr.
 
-Changes in [1.3.1-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.3.1-rc.1) (2019-07-31)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.0...v1.3.1-rc.1)
-
- * Upgrade to JS SDK 2.3.0-rc.1 and React SDK 1.5.0-rc.1
- * Update from Weblate
-   [\#10436](https://github.com/vector-im/riot-web/pull/10436)
- * Describe our existing features better in documentation
-   [\#10418](https://github.com/vector-im/riot-web/pull/10418)
- * Upgrade to Electron 5
-   [\#10392](https://github.com/vector-im/riot-web/pull/10392)
- * Remove edits and reactions feature flags from docs and config
-   [\#10363](https://github.com/vector-im/riot-web/pull/10363)
- * Cachebust config file requests
-   [\#10349](https://github.com/vector-im/riot-web/pull/10349)
- * Convert install-app-deps to subcommand
-   [\#10334](https://github.com/vector-im/riot-web/pull/10334)
- * Add riot.im configuration files
-   [\#10327](https://github.com/vector-im/riot-web/pull/10327)
- * Require descriptions in mxSendRageshake and remove infinite loop in issue
-   templates
-   [\#10321](https://github.com/vector-im/riot-web/pull/10321)
- * Remove unused disable_identity_server config flag
-   [\#10322](https://github.com/vector-im/riot-web/pull/10322)
- * Verify i18n in CI
-   [\#10320](https://github.com/vector-im/riot-web/pull/10320)
-
-Changes in [1.3.0](https://github.com/vector-im/riot-web/releases/tag/v1.3.0) (2019-07-18)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.0-rc.3...v1.3.0)
-
- * Upgrade to React SDK 1.4.0 and JS SDK 2.2.0
- * Message editing and reactions features enabled
- * Remove edits and reactions feature flags from docs and config
-   [\#10365](https://github.com/vector-im/riot-web/pull/10365)
-
-Changes in [1.3.0-rc.3](https://github.com/vector-im/riot-web/releases/tag/v1.3.0-rc.3) (2019-07-15)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.0-rc.2...v1.3.0-rc.3)
+## 🐛 Bug Fixes
 
- * Update to react-sdk rc.3 to fix a bug where a room admin could generate a room
-   that would cause Riot to error, and some stuck notifications.
+* Fix building the automations mermaid diagram ([#28881](https://github.com/element-hq/element-web/pull/28881)). Contributed by @dbkr.
+* Playwright: wait for the network listener on the postgres db ([#28808](https://github.com/element-hq/element-web/pull/28808)). Contributed by @dbkr.
 
-Changes in [1.3.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.3.0-rc.2) (2019-07-12)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.0-rc.1...v1.3.0-rc.2)
 
- * Upgrade to React SDK 1.4.0-rc.2 and JS SDK 2.2.0-rc.2
- * Fix regression from Riot 1.3.0-rc.1 when listing devices in user settings
+Changes in [1.11.89](https://github.com/element-hq/element-web/releases/tag/v1.11.89) (2024-12-18)
+==================================================================================================
+This is a patch release to fix a bug which could prevent loading stored crypto state from storage, and also to fix URL previews when switching back to a room.
+
+## 🐛 Bug Fixes
+
+* Upgrade matrix-sdk-crypto-wasm to 1.11.0 (https://github.com/matrix-org/matrix-js-sdk/pull/4593)
+* Fix url preview display ([#28766](https://github.com/element-hq/element-web/pull/28766)).
 
-Changes in [1.3.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.3.0-rc.1) (2019-07-12)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.4...v1.3.0-rc.1)
 
- * Upgrade to React SDK 1.4.0-rc.1 and JS SDK 2.2.0-rc.1
- * Update from Weblate
-   [\#10328](https://github.com/vector-im/riot-web/pull/10328)
- * Upgrade dependencies
-   [\#10308](https://github.com/vector-im/riot-web/pull/10308)
- * Upgrade dependencies
-   [\#10260](https://github.com/vector-im/riot-web/pull/10260)
+Changes in [1.11.88](https://github.com/element-hq/element-web/releases/tag/v1.11.88) (2024-12-17)
+==================================================================================================
+## ✨ Features
+
+* Allow trusted Element Call widget to send and receive media encryption key to-device messages ([#28316](https://github.com/element-hq/element-web/pull/28316)). Contributed by @hughns.
+* increase ringing timeout from 10 seconds to 90 seconds ([#28630](https://github.com/element-hq/element-web/pull/28630)). Contributed by @fkwp.
+* Add `Close` tooltip to dialog ([#28617](https://github.com/element-hq/element-web/pull/28617)). Contributed by @florianduros.
+* New UX for Share dialog ([#28598](https://github.com/element-hq/element-web/pull/28598)). Contributed by @florianduros.
+* Improve performance of RoomContext in RoomHeader ([#28574](https://github.com/element-hq/element-web/pull/28574)). Contributed by @t3chguy.
+* Remove `Features.RustCrypto` flag ([#28582](https://github.com/element-hq/element-web/pull/28582)). Contributed by @florianduros.
+* Add Modernizr warning when running in non-secure context ([#28581](https://github.com/element-hq/element-web/pull/28581)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Fix jumpy timeline when the pinned message banner is displayed ([#28654](https://github.com/element-hq/element-web/pull/28654)). Contributed by @florianduros.
+* Fix font \& spaces in settings subsection ([#28631](https://github.com/element-hq/element-web/pull/28631)). Contributed by @florianduros.
+* Remove manual device verification which is not supported by the new cryptography stack ([#28588](https://github.com/element-hq/element-web/pull/28588)). Contributed by @florianduros.
+* Fix code block highlighting not working reliably with many code blocks ([#28613](https://github.com/element-hq/element-web/pull/28613)). Contributed by @t3chguy.
+* Remove remaining reply fallbacks code ([#28610](https://github.com/element-hq/element-web/pull/28610)). Contributed by @t3chguy.
+* Provide a way to activate GIFs via the keyboard for a11y ([#28611](https://github.com/element-hq/element-web/pull/28611)). Contributed by @t3chguy.
+* Fix format bar position ([#28591](https://github.com/element-hq/element-web/pull/28591)). Contributed by @florianduros.
+* Fix room taking long time to load ([#28579](https://github.com/element-hq/element-web/pull/28579)). Contributed by @florianduros.
+* Show the correct shield status in tooltip for more conditions ([#28476](https://github.com/element-hq/element-web/pull/28476)). Contributed by @uhoreg.
+
+
+Changes in [1.11.87](https://github.com/element-hq/element-web/releases/tag/v1.11.87) (2024-12-03)
+==================================================================================================
+## ✨ Features
+
+* Send and respect MSC4230 is\_animated flag ([#28513](https://github.com/element-hq/element-web/pull/28513)). Contributed by @t3chguy.
+* Display a warning when an unverified user's identity changes ([#28211](https://github.com/element-hq/element-web/pull/28211)). Contributed by @uhoreg.
+* Swap out Twitter link for Mastodon on auth footer ([#28508](https://github.com/element-hq/element-web/pull/28508)). Contributed by @t3chguy.
+* Consider `org.matrix.msc3417.call` as video room in create room dialog ([#28497](https://github.com/element-hq/element-web/pull/28497)). Contributed by @t3chguy.
+* Standardise icons using Compound Design Tokens ([#28217](https://github.com/element-hq/element-web/pull/28217)). Contributed by @t3chguy.
+* Start sending stable `m.marked_unread` events ([#28478](https://github.com/element-hq/element-web/pull/28478)). Contributed by @tulir.
+* Upgrade to compound-design-tokens v2 ([#28471](https://github.com/element-hq/element-web/pull/28471)). Contributed by @t3chguy.
+* Standardise icons using Compound Design Tokens ([#28286](https://github.com/element-hq/element-web/pull/28286)). Contributed by @t3chguy.
+* Remove reply fallbacks as per merged MSC2781 ([#28406](https://github.com/element-hq/element-web/pull/28406)). Contributed by @t3chguy.
+* Use React Suspense when rendering async modals ([#28386](https://github.com/element-hq/element-web/pull/28386)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Add spinner when room encryption is loading in room settings ([#28535](https://github.com/element-hq/element-web/pull/28535)). Contributed by @florianduros.
+* Fix getOidcCallbackUrl for Element Desktop ([#28521](https://github.com/element-hq/element-web/pull/28521)). Contributed by @t3chguy.
+* Filter out redacted poll votes to avoid crashing the Poll widget ([#28498](https://github.com/element-hq/element-web/pull/28498)). Contributed by @t3chguy.
+* Fix force tab complete not working since switching to React 18 createRoot API ([#28505](https://github.com/element-hq/element-web/pull/28505)). Contributed by @t3chguy.
+* Fix media captions in bubble layout ([#28480](https://github.com/element-hq/element-web/pull/28480)). Contributed by @tulir.
+* Reset cross-signing before backup when resetting both ([#28402](https://github.com/element-hq/element-web/pull/28402)). Contributed by @uhoreg.
+* Listen to events so that encryption icon updates when status changes ([#28407](https://github.com/element-hq/element-web/pull/28407)). Contributed by @uhoreg.
+* Check that the file the user chose has a MIME type of `image/*` ([#28467](https://github.com/element-hq/element-web/pull/28467)). Contributed by @t3chguy.
+* Fix download button size in message action bar ([#28472](https://github.com/element-hq/element-web/pull/28472)). Contributed by @t3chguy.
+* Allow tab completing users in brackets ([#28460](https://github.com/element-hq/element-web/pull/28460)). Contributed by @t3chguy.
+* Fix React 18 strict mode breaking spotlight dialog ([#28452](https://github.com/element-hq/element-web/pull/28452)). Contributed by @MidhunSureshR.
+
+
+Changes in [1.11.86](https://github.com/element-hq/element-web/releases/tag/v1.11.86) (2024-11-19)
+==================================================================================================
+## ✨ Features
 
-Changes in [1.2.4](https://github.com/vector-im/riot-web/releases/tag/v1.2.4) (2019-07-11)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.3...v1.2.4)
+* Deduplicate icons using Compound Design Tokens ([#28419](https://github.com/element-hq/element-web/pull/28419)). Contributed by @t3chguy.
+* Let widget driver send error details ([#28357](https://github.com/element-hq/element-web/pull/28357)). Contributed by @AndrewFerr.
+* Deduplicate icons using Compound Design Tokens ([#28381](https://github.com/element-hq/element-web/pull/28381)). Contributed by @t3chguy.
+* Auto approvoce `io.element.call.reaction` capability for element call widgets ([#28401](https://github.com/element-hq/element-web/pull/28401)). Contributed by @toger5.
+* Show message type prefix in thread root \& reply previews ([#28361](https://github.com/element-hq/element-web/pull/28361)). Contributed by @t3chguy.
+* Support sending encrypted to device messages from widgets ([#28315](https://github.com/element-hq/element-web/pull/28315)). Contributed by @hughns.
 
- * Upgrade to React SDK 1.3.1 and JS SDK 2.1.1
- * Upgrade lodash dependencies
- * JS SDK 2.1.1 includes a fix for ephemeral event processing
- * React SDK 1.3.1 includes a fix for account deactivation
+## 🐛 Bug Fixes
 
-Changes in [1.2.3](https://github.com/vector-im/riot-web/releases/tag/v1.2.3) (2019-07-08)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.3-rc.1...v1.2.3)
+* Feed events to widgets as they are decrypted (even if out of order) ([#28376](https://github.com/element-hq/element-web/pull/28376)). Contributed by @robintown.
+* Handle authenticated media when downloading from ImageView ([#28379](https://github.com/element-hq/element-web/pull/28379)). Contributed by @t3chguy.
+* Ignore `m.3pid_changes` for Identity service 3PID changes ([#28375](https://github.com/element-hq/element-web/pull/28375)). Contributed by @t3chguy.
+* Fix markdown escaping wrongly passing html through ([#28363](https://github.com/element-hq/element-web/pull/28363)). Contributed by @t3chguy.
+* Remove "Upgrade your encryption" flow in `CreateSecretStorageDialog` ([#28290](https://github.com/element-hq/element-web/pull/28290)). Contributed by @florianduros.
 
- * Upgrade to React SDK 1.3.0 and JS SDK 2.1.0
- * JS SDK 2.1.0 includes a fix for an exception whilst syncing
 
-Changes in [1.2.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.2.3-rc.1) (2019-07-03)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.2...v1.2.3-rc.1)
-
- * Change update URL to match new host
-   [\#10247](https://github.com/vector-im/riot-web/pull/10247)
- * Update from Weblate
-   [\#10219](https://github.com/vector-im/riot-web/pull/10219)
- * Extract configuration docs to separate file
-   [\#10195](https://github.com/vector-im/riot-web/pull/10195)
- * Add e2e/warning.svg to preload
-   [\#10197](https://github.com/vector-im/riot-web/pull/10197)
- * Fix Electron vector: links
-   [\#10196](https://github.com/vector-im/riot-web/pull/10196)
- * Display a red box of anger for config syntax errors
-   [\#10193](https://github.com/vector-im/riot-web/pull/10193)
- * Move config-getting to VectorBasePlatform
-   [\#10181](https://github.com/vector-im/riot-web/pull/10181)
- * Update from Weblate
-   [\#10124](https://github.com/vector-im/riot-web/pull/10124)
- * Fix default Electron window and tray icons
-   [\#10097](https://github.com/vector-im/riot-web/pull/10097)
-
-Changes in [1.2.2](https://github.com/vector-im/riot-web/releases/tag/v1.2.2) (2019-06-19)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.2-rc.2...v1.2.2)
-
- No changes since rc.2
-
-Changes in [1.2.2-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.2.2-rc.2) (2019-06-18)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.2-rc.1...v1.2.2-rc.2)
+Changes in [1.11.85](https://github.com/element-hq/element-web/releases/tag/v1.11.85) (2024-11-12)
+==================================================================================================
+# Security
+- Fixes for [CVE-2024-51750](https://www.cve.org/CVERecord?id=CVE-2024-51750) / [GHSA-w36j-v56h-q9pc](https://github.com/element-hq/element-web/security/advisories/GHSA-w36j-v56h-q9pc)
+- Fixes for [CVE-2024-51749](https://www.cve.org/CVERecord?id=CVE-2024-51749) / [GHSA-5486-384g-mcx2](https://github.com/element-hq/element-web/security/advisories/GHSA-5486-384g-mcx2)
+- Update JS SDK with the fixes for [CVE-2024-50336](https://www.cve.org/CVERecord?id=CVE-2024-50336) / [GHSA-xvg8-m4x3-w6xr](https://github.com/matrix-org/matrix-js-sdk/security/advisories/GHSA-xvg8-m4x3-w6xr)
 
- * Update to react-sdk and js-sdk rc.2 for registration fixes,
-   redaction local echo fix and removing unnecessary calls
-   to the integration manager.
 
-Changes in [1.2.2-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.2.2-rc.1) (2019-06-12)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.1...v1.2.2-rc.1)
-
- * Update from Weblate
-   [\#10012](https://github.com/vector-im/riot-web/pull/10012)
- * Add funding details for GitHub sponsor button
-   [\#9982](https://github.com/vector-im/riot-web/pull/9982)
- * Do not fail on server liveliness checks during startup
-   [\#9960](https://github.com/vector-im/riot-web/pull/9960)
- * Hide guest functions on the welcome page if not logged in
-   [\#9957](https://github.com/vector-im/riot-web/pull/9957)
- * Add Albanian and West Flemish languages
-   [\#9953](https://github.com/vector-im/riot-web/pull/9953)
- * Update from Weblate
-   [\#9951](https://github.com/vector-im/riot-web/pull/9951)
- * Add docs for defaultCountryCode
-   [\#9927](https://github.com/vector-im/riot-web/pull/9927)
- * Use the user's pre-existing HS when config validation fails
-   [\#9892](https://github.com/vector-im/riot-web/pull/9892)
- * Low bandwidth mode
-   [\#9909](https://github.com/vector-im/riot-web/pull/9909)
- * Fix Twemoji loading on Windows dev machines
-   [\#9869](https://github.com/vector-im/riot-web/pull/9869)
- * Base Docker image on nginx:alpine, not the larger nginx:latest
-   [\#9848](https://github.com/vector-im/riot-web/pull/9848)
- * Validate homeserver configuration prior to loading the app
-   [\#9779](https://github.com/vector-im/riot-web/pull/9779)
- * Show resolved homeserver configuration on the mobile guide
-   [\#9726](https://github.com/vector-im/riot-web/pull/9726)
- * Flag the validated config as the default config
-   [\#9721](https://github.com/vector-im/riot-web/pull/9721)
- * Clarify comment on is_url and hs_url handling
-   [\#9719](https://github.com/vector-im/riot-web/pull/9719)
- * Validate default homeserver config before loading the app
-   [\#9496](https://github.com/vector-im/riot-web/pull/9496)
-
-Changes in [1.2.1](https://github.com/vector-im/riot-web/releases/tag/v1.2.1) (2019-05-31)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.0...v1.2.1)
-
- * Upgrade JS SDK to 2.0.0 and React SDK to 1.2.1 to fix key backup and native emoji height
-
-Changes in [1.2.0](https://github.com/vector-im/riot-web/releases/tag/v1.2.0) (2019-05-29)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.0-rc.1...v1.2.0)
-
- * Upgrade to JS SDK v1.2.0 and React SDK v1.2.0 to fix some regressions
-
-Changes in [1.2.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.2.0-rc.1) (2019-05-23)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.1.2...v1.2.0-rc.1)
-
- * Update from Weblate
-   [\#9802](https://github.com/vector-im/riot-web/pull/9802)
- * remove emojione
-   [\#9766](https://github.com/vector-im/riot-web/pull/9766)
- * Make Dockerfile work for develop and other branches
-   [\#9736](https://github.com/vector-im/riot-web/pull/9736)
- * add description of new labs feature for message editing
-   [\#9728](https://github.com/vector-im/riot-web/pull/9728)
- * Remove karma junit output
-   [\#9628](https://github.com/vector-im/riot-web/pull/9628)
- * yarn upgrade
-   [\#9626](https://github.com/vector-im/riot-web/pull/9626)
- * Respond quickly to buildkite pokes
-   [\#9617](https://github.com/vector-im/riot-web/pull/9617)
- * Delay creating the `Favico` instance
-   [\#9616](https://github.com/vector-im/riot-web/pull/9616)
- * Add reactions feature to config sample
-   [\#9598](https://github.com/vector-im/riot-web/pull/9598)
-
-Changes in [1.1.2](https://github.com/vector-im/riot-web/releases/tag/v1.1.2) (2019-05-15)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.1.1...v1.1.2)
-
- * react-sdk v1.1.2 to fix single sign-on and GIF autoplaying
-
-Changes in [1.1.1](https://github.com/vector-im/riot-web/releases/tag/v1.1.1) (2019-05-14)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.1.0...v1.1.1)
-
- * react-sdk v1.1.1 to fix regressions with registration
-
-Changes in [1.1.0](https://github.com/vector-im/riot-web/releases/tag/v1.1.0) (2019-05-07)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.1.0-rc.1...v1.1.0)
-
- * Add Dockerfile
-   [\#9632](https://github.com/vector-im/riot-web/pull/9632)
- * Add Dockerfile (part 2)
-   [\#9426](https://github.com/vector-im/riot-web/pull/9426)
- * Add new scalar staging url
-   [\#9601](https://github.com/vector-im/riot-web/pull/9601)
-
-Changes in [1.1.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.1.0-rc.1) (2019-04-30)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.8...v1.1.0-rc.1)
-
- * Convert redeploy.py to buildkite
-   [\#9577](https://github.com/vector-im/riot-web/pull/9577)
- * Add package step to buildkite pipeline
-   [\#9568](https://github.com/vector-im/riot-web/pull/9568)
- * Don't fail if there's no local config to remove
-   [\#9571](https://github.com/vector-im/riot-web/pull/9571)
- * Change jenkins script to package script
-   [\#9567](https://github.com/vector-im/riot-web/pull/9567)
- * Remove config.json from package dir
-   [\#9555](https://github.com/vector-im/riot-web/pull/9555)
- * use the release version of olm 3.1.0
-   [\#9550](https://github.com/vector-im/riot-web/pull/9550)
- * Fix default for --include arg
-   [\#9517](https://github.com/vector-im/riot-web/pull/9517)
- * update installation instructions with new repo
-   [\#9500](https://github.com/vector-im/riot-web/pull/9500)
- * Use packages.matrix.org for Olm
-   [\#9498](https://github.com/vector-im/riot-web/pull/9498)
- * Add separate platform electron build commands
-   [\#9412](https://github.com/vector-im/riot-web/pull/9412)
- * Add support for custom profile directory
-   [\#9408](https://github.com/vector-im/riot-web/pull/9408)
- * Improved mobile install guide
-   [\#9410](https://github.com/vector-im/riot-web/pull/9410)
- * Remove vector-electron-desktop from README
-   [\#9404](https://github.com/vector-im/riot-web/pull/9404)
- * Update from Weblate
-   [\#9398](https://github.com/vector-im/riot-web/pull/9398)
- * bump olm version to 3.1.0-pre3
-   [\#9392](https://github.com/vector-im/riot-web/pull/9392)
- * Add expiration to mobile guide cookie
-   [\#9383](https://github.com/vector-im/riot-web/pull/9383)
- * Fix autolaunch setting appearing toggled off
-   [\#9368](https://github.com/vector-im/riot-web/pull/9368)
- * Don't try to save files the user didn't want to save
-   [\#9352](https://github.com/vector-im/riot-web/pull/9352)
- * Setup crypto store for restore session tests
-   [\#9325](https://github.com/vector-im/riot-web/pull/9325)
- * Update from Weblate
-   [\#9333](https://github.com/vector-im/riot-web/pull/9333)
- * Add "Save image as..." button to context menu on images
-   [\#9326](https://github.com/vector-im/riot-web/pull/9326)
- * Configure auth footer links through Riot config
-   [\#9297](https://github.com/vector-im/riot-web/pull/9297)
-
-Changes in [1.0.8](https://github.com/vector-im/riot-web/releases/tag/v1.0.8) (2019-04-16)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.7...v1.0.8)
-
- * No changes in this release. This is the same code as v1.0.7 from our new clean-room
-   packaging and signing infrastructure.
-
-Changes in [1.0.7](https://github.com/vector-im/riot-web/releases/tag/v1.0.7) (2019-04-08)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.6...v1.0.7)
-
- * Hotfix: bump js-sdk to 1.0.4, see https://github.com/matrix-org/matrix-js-sdk/releases/tag/v1.0.4
-
-Changes in [1.0.6](https://github.com/vector-im/riot-web/releases/tag/v1.0.6) (2019-04-01)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.6-rc.1...v1.0.6)
-
- * Add "Save image as..." button to context menu on images
-   [\#9327](https://github.com/vector-im/riot-web/pull/9327)
-
-Changes in [1.0.6-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.0.6-rc.1) (2019-03-27)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.5...v1.0.6-rc.1)
-
- * Use `on_logged_in` action in tests
-   [\#9279](https://github.com/vector-im/riot-web/pull/9279)
- * Convert away from `Promise.defer`
-   [\#9278](https://github.com/vector-im/riot-web/pull/9278)
- * update react-sdk version in yarn lockfile
-   [\#9233](https://github.com/vector-im/riot-web/pull/9233)
- * "Render simple counters in room header" details
-   [\#9154](https://github.com/vector-im/riot-web/pull/9154)
- * Use medium agents for the more resource intensive builds
-   [\#9238](https://github.com/vector-im/riot-web/pull/9238)
- * Add log grouping to buildkite
-   [\#9223](https://github.com/vector-im/riot-web/pull/9223)
- * Switch to `git` protocol for CI dependencies
-   [\#9222](https://github.com/vector-im/riot-web/pull/9222)
- * Support CI for matching branches on forks
-   [\#9212](https://github.com/vector-im/riot-web/pull/9212)
- * Update from Weblate
-   [\#9199](https://github.com/vector-im/riot-web/pull/9199)
- * Declare the officially supported browsers in the README
-   [\#9177](https://github.com/vector-im/riot-web/pull/9177)
- * Document some desktop app things
-   [\#9011](https://github.com/vector-im/riot-web/pull/9011)
- * Use Buildkite for CI
-   [\#9165](https://github.com/vector-im/riot-web/pull/9165)
- * Update version number in issue templates
-   [\#9170](https://github.com/vector-im/riot-web/pull/9170)
- * Remove node 8.x from the build matrix
-   [\#9159](https://github.com/vector-im/riot-web/pull/9159)
- * Update Electron help menu link
-   [\#9157](https://github.com/vector-im/riot-web/pull/9157)
-
-Changes in [1.0.5](https://github.com/vector-im/riot-web/releases/tag/v1.0.5) (2019-03-21)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.4...v1.0.5)
-
- * Hotfix for [\#9205](https://github.com/vector-im/riot-web/issues/9205) disabling jump prevention for typing notifications, while we're reworking this functionally to enable it again soon.
-
-Changes in [1.0.4](https://github.com/vector-im/riot-web/releases/tag/v1.0.4) (2019-03-18)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.4-rc.1...v1.0.4)
-
- * No changes since rc.1
-
-Changes in [1.0.4-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.0.4-rc.1) (2019-03-13)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.3...v1.0.4-rc.1)
-
- * Update from Weblate
-   [\#9152](https://github.com/vector-im/riot-web/pull/9152)
- * Use modern Yarn version on Travis CI
-   [\#9151](https://github.com/vector-im/riot-web/pull/9151)
- * Switch to `yarn` for dependency management
-   [\#9132](https://github.com/vector-im/riot-web/pull/9132)
- * Update from Weblate
-   [\#9104](https://github.com/vector-im/riot-web/pull/9104)
- * Don't copy the 32 bit linux deb
-   [\#9075](https://github.com/vector-im/riot-web/pull/9075)
- * Change olm dependency to normal dep
-   [\#9068](https://github.com/vector-im/riot-web/pull/9068)
- * Add modular.im hosting link to electron app config
-   [\#9047](https://github.com/vector-im/riot-web/pull/9047)
- * Nudge karma to 3.1.2
-   [\#8991](https://github.com/vector-im/riot-web/pull/8991)
- * Add support for localConfig at $appData/config.json.
-   [\#8983](https://github.com/vector-im/riot-web/pull/8983)
-
-Changes in [1.0.3](https://github.com/vector-im/riot-web/releases/tag/v1.0.3) (2019-03-06)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.2...v1.0.3)
-
- * react-sdk 1.0.3 to fix ctrl+k shortcut and room list bugs
-
-Changes in [1.0.2](https://github.com/vector-im/riot-web/releases/tag/v1.0.2) (2019-03-06)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.2-rc.3...v1.0.2)
-
- * New react-sdk for minor hosting link fixes
-
-Changes in [1.0.2-rc.3](https://github.com/vector-im/riot-web/releases/tag/v1.0.2-rc.3) (2019-03-05)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.2-rc.2...v1.0.2-rc.3)
+Changes in [1.11.84](https://github.com/element-hq/element-web/releases/tag/v1.11.84) (2024-11-05)
+==================================================================================================
+## ✨ Features
+
+* Remove abandoned MSC3886, MSC3903, MSC3906 implementations ([#28274](https://github.com/element-hq/element-web/pull/28274)). Contributed by @t3chguy.
+* Update to React 18 ([#24763](https://github.com/element-hq/element-web/pull/24763)). Contributed by @t3chguy.
+* Deduplicate icons using Compound ([#28239](https://github.com/element-hq/element-web/pull/28239)). Contributed by @t3chguy.
+* Replace legacy Tooltips with Compound tooltips ([#28231](https://github.com/element-hq/element-web/pull/28231)). Contributed by @t3chguy.
+* Deduplicate icons using Compound Design Tokens ([#28219](https://github.com/element-hq/element-web/pull/28219)). Contributed by @t3chguy.
+* Add reactions to html export ([#28210](https://github.com/element-hq/element-web/pull/28210)). Contributed by @langleyd.
+* Remove feature\_dehydration ([#28173](https://github.com/element-hq/element-web/pull/28173)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Remove upgrade encryption in `DeviceListener` and `SetupEncryptionToast` ([#28299](https://github.com/element-hq/element-web/pull/28299)). Contributed by @florianduros.
+* Fix 'remove alias' button in room settings ([#28269](https://github.com/element-hq/element-web/pull/28269)). Contributed by @Dev-Gurjar.
+* Add back unencrypted path in `StopGapWidgetDriver.sendToDevice` ([#28295](https://github.com/element-hq/element-web/pull/28295)). Contributed by @florianduros.
+* Fix other devices not being decorated as such ([#28279](https://github.com/element-hq/element-web/pull/28279)). Contributed by @t3chguy.
+* Fix pill contrast in invitation dialog ([#28250](https://github.com/element-hq/element-web/pull/28250)). Contributed by @florianduros.
+* Close right panel chat when minimising maximised voip widget ([#28241](https://github.com/element-hq/element-web/pull/28241)). Contributed by @t3chguy.
+* Fix develop changelog parsing ([#28232](https://github.com/element-hq/element-web/pull/28232)). Contributed by @t3chguy.
+* Fix Ctrl+F shortcut not working with minimised room summary card ([#28223](https://github.com/element-hq/element-web/pull/28223)). Contributed by @t3chguy.
+* Fix network dropdown missing checkbox \& aria-checked ([#28220](https://github.com/element-hq/element-web/pull/28220)). Contributed by @t3chguy.
+
+
+Changes in [1.11.83](https://github.com/element-hq/element-web/releases/tag/v1.11.83) (2024-10-29)
+==================================================================================================
+## ✨ Features
 
- * Add modular.im hosting link to electron app config
-   [\#9051](https://github.com/vector-im/riot-web/pull/9051)
+* Enable Element Call by default on release instances ([#28314](https://github.com/element-hq/element-web/pull/28314)). Contributed by @t3chguy.
 
-Changes in [1.0.2-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.0.2-rc.2) (2019-03-01)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.2-rc.1...v1.0.2-rc.2)
 
- * Update to react-sdk rc.3
 
-Changes in [1.0.2-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.0.2-rc.1) (2019-03-01)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.1...v1.0.2-rc.1)
-
- * Set a require alias for the webapp directory
-   [\#9014](https://github.com/vector-im/riot-web/pull/9014)
- * Update from Weblate.
-   [\#8973](https://github.com/vector-im/riot-web/pull/8973)
- * set chrome path for travis CI explicitly
-   [\#8987](https://github.com/vector-im/riot-web/pull/8987)
- * Updated install spinner
-   [\#8984](https://github.com/vector-im/riot-web/pull/8984)
- * Allow disabling update mechanism
-   [\#8911](https://github.com/vector-im/riot-web/pull/8911)
- * Allow configuration of whether closing window closes or minimizes to tray
-   [\#8908](https://github.com/vector-im/riot-web/pull/8908)
- * Fix language file path for Jenkins
-   [\#8854](https://github.com/vector-im/riot-web/pull/8854)
- * Document and recommend `default_server_name`
-   [\#8832](https://github.com/vector-im/riot-web/pull/8832)
- * Cache busting for icons & language files
-   [\#8710](https://github.com/vector-im/riot-web/pull/8710)
- * Remove redesign issue template
-   [\#8722](https://github.com/vector-im/riot-web/pull/8722)
- * Make scripts/make-icons.sh work on linux
-   [\#8550](https://github.com/vector-im/riot-web/pull/8550)
-
-Changes in [1.0.1](https://github.com/vector-im/riot-web/releases/tag/v1.0.1) (2019-02-15)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.0...v1.0.1)
-
-
-Changes in [1.0.0](https://github.com/vector-im/riot-web/releases/tag/v1.0.0) (2019-02-14)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.0-rc.2...v1.0.0)
-
- * Add snipping lines to welcome page without guests
-   [\#8634](https://github.com/vector-im/riot-web/pull/8634)
- * Add home page to fix loading tests
-   [\#8625](https://github.com/vector-im/riot-web/pull/8625)
-
-Changes in [1.0.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.0.0-rc.2) (2019-02-14)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.0-rc.1...v1.0.0-rc.2)
-
- * Update from Weblate.
-   [\#8615](https://github.com/vector-im/riot-web/pull/8615)
- * Replace favicon assets to ones with transparent backgrounds
-   [\#8600](https://github.com/vector-im/riot-web/pull/8600)
- * Refreshed icons
-   [\#8594](https://github.com/vector-im/riot-web/pull/8594)
- * Fix order of fetch-develop-deps / npm install
-   [\#8566](https://github.com/vector-im/riot-web/pull/8566)
- * Revive building dark theme
-   [\#8540](https://github.com/vector-im/riot-web/pull/8540)
- * Update from Weblate.
-   [\#8546](https://github.com/vector-im/riot-web/pull/8546)
- * Repair app loading tests after welcome page
-   [\#8525](https://github.com/vector-im/riot-web/pull/8525)
- * Support configurable welcome background and logo
-   [\#8528](https://github.com/vector-im/riot-web/pull/8528)
- * Update from Weblate.
-   [\#8518](https://github.com/vector-im/riot-web/pull/8518)
- * Document `embeddedPages` configuration
-   [\#8514](https://github.com/vector-im/riot-web/pull/8514)
- * README.md : Syntax Coloring
-   [\#8502](https://github.com/vector-im/riot-web/pull/8502)
-
-Changes in [1.0.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.0.0-rc.1) (2019-02-08)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.9...v1.0.0-rc.1)
-
- * Update from Weblate.
-   [\#8475](https://github.com/vector-im/riot-web/pull/8475)
- * Add configurable welcome page
-   [\#8466](https://github.com/vector-im/riot-web/pull/8466)
- * fix app tests after force enabling lazy loading + removing feature flag
-   [\#8464](https://github.com/vector-im/riot-web/pull/8464)
- * Allow Electron to zoom with CommandOrControl+=
-   [\#8381](https://github.com/vector-im/riot-web/pull/8381)
- * Hide sign in / create account for logged in users
-   [\#8368](https://github.com/vector-im/riot-web/pull/8368)
- * Fix home page link target
-   [\#8365](https://github.com/vector-im/riot-web/pull/8365)
- * Add auth background image and update Riot logo
-   [\#8364](https://github.com/vector-im/riot-web/pull/8364)
- * New homepage
-   [\#8363](https://github.com/vector-im/riot-web/pull/8363)
- * Spell homeserver correctly
-   [\#8358](https://github.com/vector-im/riot-web/pull/8358)
- * Merge redesign into develop
-   [\#8321](https://github.com/vector-im/riot-web/pull/8321)
- * Disable room directory test because it doesn't work
-   [\#8318](https://github.com/vector-im/riot-web/pull/8318)
- * Tweak auth overflow on Windows and Linux
-   [\#8307](https://github.com/vector-im/riot-web/pull/8307)
- * Clean up Custom Server Help dialog
-   [\#8296](https://github.com/vector-im/riot-web/pull/8296)
- * Cache-bust olm.wasm
-   [\#8283](https://github.com/vector-im/riot-web/pull/8283)
- * Completely disable other themes for now (#8277)
-   [\#8280](https://github.com/vector-im/riot-web/pull/8280)
- * Remove support for team servers
-   [\#8271](https://github.com/vector-im/riot-web/pull/8271)
- * Add target="_blank" to footer links
-   [\#8248](https://github.com/vector-im/riot-web/pull/8248)
- * Fix device names on desktop
-   [\#8241](https://github.com/vector-im/riot-web/pull/8241)
- * Fix literal &lt/&gt in notifications
-   [\#8238](https://github.com/vector-im/riot-web/pull/8238)
- * Fix registration nextLink on desktop
-   [\#8239](https://github.com/vector-im/riot-web/pull/8239)
- * Add returns to fetch-develop-deps
-   [\#8233](https://github.com/vector-im/riot-web/pull/8233)
- * Update electron builder
-   [\#8231](https://github.com/vector-im/riot-web/pull/8231)
- * Try fetching more branches for PRs
-   [\#8225](https://github.com/vector-im/riot-web/pull/8225)
- * Use content hashing for font and image URLs
-   [\#8159](https://github.com/vector-im/riot-web/pull/8159)
- * Develop->Experimental
-   [\#8156](https://github.com/vector-im/riot-web/pull/8156)
- * Update from Weblate.
-   [\#8150](https://github.com/vector-im/riot-web/pull/8150)
- * Correct the copying of e-mail addresses in the electron app
-   [\#8124](https://github.com/vector-im/riot-web/pull/8124)
- * Start documenting keyboard shortcuts
-   [\#7165](https://github.com/vector-im/riot-web/pull/7165)
- * Update issue templates
-   [\#7948](https://github.com/vector-im/riot-web/pull/7948)
- * Added new colour var to all themes
-   [\#7927](https://github.com/vector-im/riot-web/pull/7927)
- * Redesign: apply changes from dharma theme to status theme
-   [\#7541](https://github.com/vector-im/riot-web/pull/7541)
- * Redesign: ignore setting and always show dharma theme for now
-   [\#7540](https://github.com/vector-im/riot-web/pull/7540)
-
-Changes in [0.17.9](https://github.com/vector-im/riot-web/releases/tag/v0.17.9) (2019-01-22)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.9-rc.1...v0.17.9)
-
- * Bugfix in react-sdk for setting DM rooms
-
-Changes in [0.17.9-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.17.9-rc.1) (2019-01-17)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.8...v0.17.9-rc.1)
-
- * Merge develop into experimental
-   [\#8003](https://github.com/vector-im/riot-web/pull/8003)
- * Electron: Load app from custom protocol
-   [\#7943](https://github.com/vector-im/riot-web/pull/7943)
- * Fix the IndexedDB worker
-   [\#7920](https://github.com/vector-im/riot-web/pull/7920)
- * Make clear that the Debian package is for desktop
-   [\#7919](https://github.com/vector-im/riot-web/pull/7919)
- * Run the Desktop app in a sandbox
-   [\#7907](https://github.com/vector-im/riot-web/pull/7907)
- * Update to new electron single instance API
-   [\#7908](https://github.com/vector-im/riot-web/pull/7908)
- * Update the tests to match https://github.com/matrix-org/matrix-react-
-   sdk/pull/2340
-   [\#7834](https://github.com/vector-im/riot-web/pull/7834)
-
-Changes in [0.17.8](https://github.com/vector-im/riot-web/releases/tag/v0.17.8) (2018-12-10)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.8-rc.1...v0.17.8)
-
- * No changes since rc.1
-
-Changes in [0.17.8-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.17.8-rc.1) (2018-12-06)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.7...v0.17.8-rc.1)
-
- * Update from Weblate.
-   [\#7784](https://github.com/vector-im/riot-web/pull/7784)
- * Add a function to send a rageshake from the console
-   [\#7755](https://github.com/vector-im/riot-web/pull/7755)
- * Re-apply "Run lint on travis builds and use modern node versions"
-   [\#7738](https://github.com/vector-im/riot-web/pull/7738)
- * Revert "Run lint on travis builds and use modern node versions"
-   [\#7737](https://github.com/vector-im/riot-web/pull/7737)
- * Run lint on travis builds and use modern node versions
-   [\#7490](https://github.com/vector-im/riot-web/pull/7490)
- * Fix missing js-sdk logging
-   [\#7736](https://github.com/vector-im/riot-web/pull/7736)
- * Add $accent-color-50pct as a CSS variable to the Status theme
-   [\#7710](https://github.com/vector-im/riot-web/pull/7710)
-
-Changes in [0.17.7](https://github.com/vector-im/riot-web/releases/tag/v0.17.7) (2018-11-22)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.6...v0.17.7)
-
- * Warning when crypto DB is too new to use.
- * Fix missing entries from js-sdk in rageshake logs
-
-Changes in [0.17.6](https://github.com/vector-im/riot-web/releases/tag/v0.17.6) (2018-11-19)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.6-rc.2...v0.17.6)
-
- * No changes since rc.2
-
-Changes in [0.17.6-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.17.6-rc.2) (2018-11-15)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.6-rc.1...v0.17.6-rc.2)
-
- * Update to js-sdk 0.14 and react-sdk rc.2. rc.1 was broken as it was built against
-   js-sdk 0.13 which does not use the new Olm 3.0 API.
-
-Changes in [0.17.6-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.17.6-rc.1) (2018-11-15)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.5...v0.17.6-rc.1)
-
- * Update from Weblate.
-   [\#7708](https://github.com/vector-im/riot-web/pull/7708)
- * Add Japanese (#7599)
-   [\#7673](https://github.com/vector-im/riot-web/pull/7673)
- * Allow Webpack dev server to listen to all interfaces
-   [\#7674](https://github.com/vector-im/riot-web/pull/7674)
- * Remove the request-only stuff we don't need anymore
-   [\#7637](https://github.com/vector-im/riot-web/pull/7637)
- * Correct the author of the electron app
-   [\#7615](https://github.com/vector-im/riot-web/pull/7615)
- * Mock fs, tls, and net to support request in the browser
-   [\#7552](https://github.com/vector-im/riot-web/pull/7552)
- * Update chokidar to transitively get newer fsevents
-   [\#7598](https://github.com/vector-im/riot-web/pull/7598)
- * Support WebAssembly version of Olm
-   [\#7385](https://github.com/vector-im/riot-web/pull/7385)
-
-Changes in [0.17.5](https://github.com/vector-im/riot-web/releases/tag/v0.17.5) (2018-11-13)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.4...v0.17.5)
-
- * Include change that was supposed to be included in orevious version
-
-Changes in [0.17.4](https://github.com/vector-im/riot-web/releases/tag/v0.17.4) (2018-11-13)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.3...v0.17.4)
-
- * Add banner with login/register links for users who aren't logged in
-
-Changes in [0.17.3](https://github.com/vector-im/riot-web/releases/tag/v0.17.3) (2018-10-29)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.3-rc.1...v0.17.3)
-
- * Fix for autocompleting text emoji from react-sdk v0.14.2
-
-Changes in [0.17.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.17.3-rc.1) (2018-10-24)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.2...v0.17.3-rc.1)
-
- * Update from Weblate.
-   [\#7549](https://github.com/vector-im/riot-web/pull/7549)
- * Don't set tags on notifications
-   [\#7518](https://github.com/vector-im/riot-web/pull/7518)
- * Update to latest electron builder
-   [\#7498](https://github.com/vector-im/riot-web/pull/7498)
- * Fix Tinter.setTheme to not fire using Firefox
-   [\#6831](https://github.com/vector-im/riot-web/pull/6831)
-
-Changes in [0.17.2](https://github.com/vector-im/riot-web/releases/tag/v0.17.2) (2018-10-19)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.1...v0.17.2)
-
- * Update react-sdk version to "Apply the user's tint once the MatrixClientPeg is moderately ready"
- * Electron: don't set tags on notifications
-   [\#7518](https://github.com/vector-im/riot-web/pull/7518)
-
-Changes in [0.17.1](https://github.com/vector-im/riot-web/releases/tag/v0.17.1) (2018-10-18)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.0...v0.17.1)
-
- * Stop electron crashing
-   [\#7517](https://github.com/vector-im/riot-web/pull/7517)
-
-Changes in [0.17.0](https://github.com/vector-im/riot-web/releases/tag/v0.17.0) (2018-10-16)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.0-rc.1...v0.17.0)
-
- * Phased rollout of lazyloading
-   [\#7503](https://github.com/vector-im/riot-web/pull/7503)
- * Update to latest electron builder
-   [\#7501](https://github.com/vector-im/riot-web/pull/7501)
-
-Changes in [0.17.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.17.0-rc.1) (2018-10-11)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.5...v0.17.0-rc.1)
-
- * Revert "also commit the lock file when bumping version as it is now
-   committed to the repo"
-   [\#7483](https://github.com/vector-im/riot-web/pull/7483)
- * Update from Weblate.
-   [\#7478](https://github.com/vector-im/riot-web/pull/7478)
- *  Fix riot-web Promise.defer warnings (#7409)
-   [\#7444](https://github.com/vector-im/riot-web/pull/7444)
- * Use HTTPS cloning for riot-web too
-   [\#7459](https://github.com/vector-im/riot-web/pull/7459)
- * Disable webpack-dev-server auto reload
-   [\#7463](https://github.com/vector-im/riot-web/pull/7463)
- * Silence bluebird warnings
-   [\#7462](https://github.com/vector-im/riot-web/pull/7462)
- * Fix reskindex on matrix-react-side not being called if using build script
-   [\#7443](https://github.com/vector-im/riot-web/pull/7443)
- * Fix double-closed tags
-   [\#7454](https://github.com/vector-im/riot-web/pull/7454)
- * Document how to turn off Piwik and bug reports (#6738)
-   [\#7435](https://github.com/vector-im/riot-web/pull/7435)
- * also commit the lock file when bumping version as it is now committed to the
-   repo
-   [\#7429](https://github.com/vector-im/riot-web/pull/7429)
- * Update a bunch of deps
-   [\#7393](https://github.com/vector-im/riot-web/pull/7393)
- * Don't show mobile guide if deep linking
-   [\#7415](https://github.com/vector-im/riot-web/pull/7415)
- * Don't show custom server bit on matrix.org
-   [\#7408](https://github.com/vector-im/riot-web/pull/7408)
- * Update Webpack to version 4
-   [\#6620](https://github.com/vector-im/riot-web/pull/6620)
- * Webpack4
-   [\#7387](https://github.com/vector-im/riot-web/pull/7387)
-
-Changes in [0.16.6](https://github.com/vector-im/riot-web/releases/tag/v0.16.6) (2018-10-08)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.5...v0.16.6)
-
- * Update to matrix-react-sdk v0.13.6
-
-Changes in [0.16.5](https://github.com/vector-im/riot-web/releases/tag/v0.16.5) (2018-10-01)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.5-rc.1...v0.16.5)
-
- * Don't show mobile guide if deep linking
-   [\#7415](https://github.com/vector-im/riot-web/pull/7415)
- * Don't show custom server bit on matrix.org
-   [\#7408](https://github.com/vector-im/riot-web/pull/7408)
-
-Changes in [0.16.5-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.16.5-rc.1) (2018-09-27)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.4...v0.16.5-rc.1)
-
- * Update from Weblate.
-   [\#7395](https://github.com/vector-im/riot-web/pull/7395)
- * Reduce the number of terminals required to build riot-web to 1
-   [\#7355](https://github.com/vector-im/riot-web/pull/7355)
- * Small typo in release notes v0.16.3
-   [\#7274](https://github.com/vector-im/riot-web/pull/7274)
-
-Changes in [0.16.4](https://github.com/vector-im/riot-web/releases/tag/v0.16.4) (2018-09-10)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.4-rc.1...v0.16.4)
-
- * No changes since rc.1
-
-Changes in [0.16.4-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.16.4-rc.1) (2018-09-07)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.3...v0.16.4-rc.1)
-
- * Update from Weblate.
-   [\#7296](https://github.com/vector-im/riot-web/pull/7296)
- * Fix config not loading & mobileguide script being loaded in riot
-   [\#7288](https://github.com/vector-im/riot-web/pull/7288)
- * Instructions for installing mobile apps
-   [\#7272](https://github.com/vector-im/riot-web/pull/7272)
- * Tidy up index.js
-   [\#7265](https://github.com/vector-im/riot-web/pull/7265)
-
-Changes in [0.16.3](https://github.com/vector-im/riot-web/releases/tag/v0.16.3) (2018-09-03)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.3-rc.2...v0.16.3)
-
- * SECURITY FIX: This version (and release candidates) pull in an upstream security
-   fix from electron to fix CVE-2018-15685. Electron users should update as soon as
-   possible. Riot-web run outside of Electron is unaffected.
-
-Changes in [0.16.3-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.16.3-rc.2) (2018-08-31)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.3-rc.1...v0.16.3-rc.2)
-
- * Update js-sdk to fix an exception causing the room list to become unresponsive.
-
-Changes in [0.16.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.16.3-rc.1) (2018-08-30)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.2...v0.16.3-rc.1)
-
- * Update from Weblate.
-   [\#7245](https://github.com/vector-im/riot-web/pull/7245)
- * Revert "Remove package-lock.json for now"
-   [\#7128](https://github.com/vector-im/riot-web/pull/7128)
- * Remove package-lock.json for now
-   [\#7115](https://github.com/vector-im/riot-web/pull/7115)
-
-Changes in [0.16.2](https://github.com/vector-im/riot-web/releases/tag/v0.16.2) (2018-08-23)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.1...v0.16.2)
-
- * Support new server notices format
-
-Changes in [0.16.1](https://github.com/vector-im/riot-web/releases/tag/v0.16.1) (2018-08-20)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.1-rc.1...v0.16.1)
-
- * No changes since rc.1
-
-Changes in [0.16.1-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.16.1-rc.1) (2018-08-16)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.0...v0.16.1-rc.1)
-
- * Update from Weblate.
-   [\#7178](https://github.com/vector-im/riot-web/pull/7178)
- * CSS for MAU warning bar
-   [\#7152](https://github.com/vector-im/riot-web/pull/7152)
- * CSS for user limit error
-   [\#7139](https://github.com/vector-im/riot-web/pull/7139)
- * Unpin sanitize-html
-   [\#7132](https://github.com/vector-im/riot-web/pull/7132)
- * Pin sanitize-html to 0.18.2
-   [\#7129](https://github.com/vector-im/riot-web/pull/7129)
+Changes in [1.11.82](https://github.com/element-hq/element-web/releases/tag/v1.11.82) (2024-10-22)
+==================================================================================================
+## ✨ Features
+
+* Deduplicate more icons using Compound Design Tokens ([#132](https://github.com/element-hq/matrix-react-sdk/pull/132)). Contributed by @t3chguy.
+* Always show link new device flow even if unsupported ([#147](https://github.com/element-hq/matrix-react-sdk/pull/147)). Contributed by @t3chguy.
+* Update design of files list in right panel ([#144](https://github.com/element-hq/matrix-react-sdk/pull/144)). Contributed by @t3chguy.
+* Remove feature\_dehydration ([#138](https://github.com/element-hq/matrix-react-sdk/pull/138)). Contributed by @florianduros.
+* Upgrade emojibase-bindings and remove local handling of emoticon variations ([#127](https://github.com/element-hq/matrix-react-sdk/pull/127)). Contributed by @langleyd.
+* Add support for rendering media captions ([#43](https://github.com/element-hq/matrix-react-sdk/pull/43)). Contributed by @tulir.
+* Replace composer icons with Compound variants ([#123](https://github.com/element-hq/matrix-react-sdk/pull/123)). Contributed by @t3chguy.
+* Tweak default right panel size to be 320px except for maximised widgets at 420px ([#110](https://github.com/element-hq/matrix-react-sdk/pull/110)). Contributed by @t3chguy.
+* Add a pinned message badge under a pinned message ([#118](https://github.com/element-hq/matrix-react-sdk/pull/118)). Contributed by @florianduros.
+* Ditch right panel tabs and re-add close button ([#99](https://github.com/element-hq/matrix-react-sdk/pull/99)). Contributed by @t3chguy.
+* Force verification even for refreshed clients ([#44](https://github.com/element-hq/matrix-react-sdk/pull/44)). Contributed by @dbkr.
+* Update emoji text, border and background colour in timeline ([#119](https://github.com/element-hq/matrix-react-sdk/pull/119)). Contributed by @florianduros.
+* Disable ICE fallback based on well-known configuration ([#111](https://github.com/element-hq/matrix-react-sdk/pull/111)). Contributed by @t3chguy.
+* Remove legacy room header and promote beta room header ([#105](https://github.com/element-hq/matrix-react-sdk/pull/105)). Contributed by @t3chguy.
+* Respect `io.element.jitsi` `useFor1To1Calls` in well-known ([#112](https://github.com/element-hq/matrix-react-sdk/pull/112)). Contributed by @t3chguy.
+* Use Compound close icon in favour of mishmash of x/close icons ([#108](https://github.com/element-hq/matrix-react-sdk/pull/108)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Correct typo in option documentation ([#28148](https://github.com/element-hq/element-web/pull/28148)). Contributed by @AndrewKvalheim.
+* Revert #124 and #135 ([#139](https://github.com/element-hq/matrix-react-sdk/pull/139)). Contributed by @dbkr.
+* Add aria-label to e2e icon ([#136](https://github.com/element-hq/matrix-react-sdk/pull/136)). Contributed by @florianduros.
+* Fix bell icons on room list hover being black squares ([#135](https://github.com/element-hq/matrix-react-sdk/pull/135)). Contributed by @dbkr.
+* Fix vertical overflow on the mobile register screen ([#137](https://github.com/element-hq/matrix-react-sdk/pull/137)). Contributed by @langleyd.
+* Allow to unpin redacted event ([#98](https://github.com/element-hq/matrix-react-sdk/pull/98)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.81](https://github.com/element-hq/element-web/releases/tag/v1.11.81) (2024-10-15)
+==================================================================================================
+This release fixes High severity vulnerability CVE-2024-47771 / GHSA-963w-49j9-gxj6
 
-Changes in [0.16.0](https://github.com/vector-im/riot-web/releases/tag/v0.16.0) (2018-07-30)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.0-rc.2...v0.16.0)
-
-* Update react-sdk version for bugfixes with Jitsi widgets and the new composer
+Changes in [1.11.80](https://github.com/element-hq/element-web/releases/tag/v1.11.80) (2024-10-08)
+==================================================================================================
+## ✨ Features
+
+* Add doc for 'force\_verification config option ([#28035](https://github.com/element-hq/element-web/pull/28035)). Contributed by @dbkr.
+* Roll back change to device isolation mode ([#104](https://github.com/element-hq/matrix-react-sdk/pull/104)). Contributed by @richvdh.
+* Remove right panel toggling behaviour on room header buttons ([#100](https://github.com/element-hq/matrix-react-sdk/pull/100)). Contributed by @t3chguy.
+* Improve error display for messages sent from insecure devices ([#93](https://github.com/element-hq/matrix-react-sdk/pull/93)). Contributed by @richvdh.
+* Add labs option to exclude unverified devices ([#92](https://github.com/element-hq/matrix-react-sdk/pull/92)). Contributed by @richvdh.
+* Improve contrast for timestamps, date separators \& spotlight trigger ([#91](https://github.com/element-hq/matrix-react-sdk/pull/91)). Contributed by @t3chguy.
+* Open room settings on room header avatar click ([#88](https://github.com/element-hq/matrix-react-sdk/pull/88)). Contributed by @t3chguy.
+* Use `strong` over `b` for improved a11y semantics ([#41](https://github.com/element-hq/matrix-react-sdk/pull/41)). Contributed by @t3chguy.
+* Grant Element Call widget capabilities for "raise hand" feature ([#82](https://github.com/element-hq/matrix-react-sdk/pull/82)). Contributed by @AndrewFerr.
+* Mobile registration optimizations and tests ([#62](https://github.com/element-hq/matrix-react-sdk/pull/62)). Contributed by @langleyd.
+* Ignore chat effect when older than 48h ([#48](https://github.com/element-hq/matrix-react-sdk/pull/48)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Update native OIDC callback url to be RFC8252 compliant ([#28096](https://github.com/element-hq/element-web/pull/28096)). Contributed by @t3chguy.
+* Update icons to include transparency ([#28040](https://github.com/element-hq/element-web/pull/28040)). Contributed by @t3chguy.
+* Fix default\_widget\_container\_height in sample config ([#28034](https://github.com/element-hq/element-web/pull/28034)). Contributed by @dbkr.
+* Fix untranslated keys being rendered in `/help` dialog ([#90](https://github.com/element-hq/matrix-react-sdk/pull/90)). Contributed by @t3chguy.
+* Ensure timeline search results are visible even in video rooms ([#96](https://github.com/element-hq/matrix-react-sdk/pull/96)). Contributed by @t3chguy.
+* Pop right panel timeline when unmaximising widget to avoid double timeline ([#94](https://github.com/element-hq/matrix-react-sdk/pull/94)). Contributed by @t3chguy.
+* Fix accessible label on left panel spotlight trigger ([#87](https://github.com/element-hq/matrix-react-sdk/pull/87)). Contributed by @t3chguy.
+* Crypto: fix display of device key ([#86](https://github.com/element-hq/matrix-react-sdk/pull/86)). Contributed by @richvdh.
+
+
+
+Changes in [1.11.79](https://github.com/element-hq/element-web/releases/tag/v1.11.79) (2024-10-01)
+==================================================================================================
+* No changes
 
-Changes in [0.16.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.16.0-rc.2) (2018-07-24)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.0-rc.1...v0.16.0-rc.2)
-
- * Update to react-sdk rc.2 to remove Jitsi conference calling from labs
+## ✨ Features
 
-Changes in [0.16.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.16.0-rc.1) (2018-07-24)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.7...v0.16.0-rc.1)
+* [Backport staging] Allow joining calls and video rooms without enabling the labs flags ([#106](https://github.com/element-hq/matrix-react-sdk/pull/106)). Contributed by @RiotRobot.
 
- * Update from Weblate.
-   [\#7082](https://github.com/vector-im/riot-web/pull/7082)
- * Sample config for jitsi integration URL
-   [\#7055](https://github.com/vector-im/riot-web/pull/7055)
 
-Changes in [0.15.7](https://github.com/vector-im/riot-web/releases/tag/v0.15.7) (2018-07-09)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.7-rc.2...v0.15.7)
 
- * No changes since rc.2
+Changes in [1.11.78](https://github.com/element-hq/element-web/releases/tag/v1.11.78) (2024-09-24)
+==================================================================================================
+## ✨ Features
+
+* Add Release announcement for the pinning message list ([#46](https://github.com/element-hq/matrix-react-sdk/pull/46)). Contributed by @florianduros.
+* Unlabs feature pinning ([#22](https://github.com/element-hq/matrix-react-sdk/pull/22)). Contributed by @florianduros.
+* Add mobile registration ([#42](https://github.com/element-hq/matrix-react-sdk/pull/42)). Contributed by @langleyd.
+* Add support for `org.matrix.cross_signing_reset` UIA stage flow ([#34](https://github.com/element-hq/matrix-react-sdk/pull/34)). Contributed by @t3chguy.
+* Add timezone to user profile ([#20](https://github.com/element-hq/matrix-react-sdk/pull/20)). Contributed by @Half-Shot.
+* Add config option to force verification ([#29](https://github.com/element-hq/matrix-react-sdk/pull/29)). Contributed by @dbkr.
+* Reduce pinned message banner size ([#28](https://github.com/element-hq/matrix-react-sdk/pull/28)). Contributed by @florianduros.
+* Enable message pinning labs by default ([#25](https://github.com/element-hq/matrix-react-sdk/pull/25)). Contributed by @florianduros.
+* Remove release announcement of the new header ([#23](https://github.com/element-hq/matrix-react-sdk/pull/23)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Fix timeout type ([#40](https://github.com/element-hq/matrix-react-sdk/pull/40)). Contributed by @dbkr.
+* Fix huge usage bandwidth and performance issue of pinned message banner. ([#37](https://github.com/element-hq/matrix-react-sdk/pull/37)). Contributed by @florianduros.
+* Reverse order of pinned message list ([#19](https://github.com/element-hq/matrix-react-sdk/pull/19)). Contributed by @florianduros.
+
+
+Changes in [1.11.77](https://github.com/element-hq/element-web/releases/tag/v1.11.77) (2024-09-10)
+==================================================================================================
+## ✨ Features
 
-Changes in [0.15.7-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.15.7-rc.2) (2018-07-06)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.7-rc.1...v0.15.7-rc.2)
+* Add docs for widget container height option ([#27922](https://github.com/element-hq/element-web/pull/27922)). Contributed by @dbkr.
+* Allow user to set timezone ([#12775](https://github.com/matrix-org/matrix-react-sdk/pull/12775)). Contributed by @Timshel.
+* Implement download\_file in widget driver ([#12931](https://github.com/matrix-org/matrix-react-sdk/pull/12931)). Contributed by @weeman1337.
+* Sort the pinning message list in the same order than the banner. By timeline order. ([#12937](https://github.com/matrix-org/matrix-react-sdk/pull/12937)). Contributed by @florianduros.
+* Display pinned messages on a banner at the top of a room ([#12917](https://github.com/matrix-org/matrix-react-sdk/pull/12917)). Contributed by @florianduros.
+* Add a config option to control the default widget container height ([#12893](https://github.com/matrix-org/matrix-react-sdk/pull/12893)). Contributed by @dbkr.
+* RTE drafts ([#12674](https://github.com/matrix-org/matrix-react-sdk/pull/12674)). Contributed by @langleyd.
+* Add thread information in pinned message list ([#12902](https://github.com/matrix-org/matrix-react-sdk/pull/12902)). Contributed by @florianduros.
+* Add Pin/Unpin action in quick access of the message action bar ([#12897](https://github.com/matrix-org/matrix-react-sdk/pull/12897)). Contributed by @florianduros.
 
- * Update react-sdk and js-sdk
+## 🐛 Bug Fixes
 
-Changes in [0.15.7-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.15.7-rc.1) (2018-07-04)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.6...v0.15.7-rc.1)
+* Fix read receipt animation ([#12923](https://github.com/matrix-org/matrix-react-sdk/pull/12923)). Contributed by @dbkr.
+* Display the indicator even with one message in pinned message banner ([#12946](https://github.com/matrix-org/matrix-react-sdk/pull/12946)). Contributed by @florianduros.
+* Always display last pinned message on the banner ([#12945](https://github.com/matrix-org/matrix-react-sdk/pull/12945)). Contributed by @florianduros.
+* The pinned message banner or list are triggering  🎉 effect. ([#12944](https://github.com/matrix-org/matrix-react-sdk/pull/12944)). Contributed by @florianduros.
+* Fix reply message truncation on 2 lines ([#12929](https://github.com/matrix-org/matrix-react-sdk/pull/12929)). Contributed by @florianduros.
+* Fix pin/unpin slowness and non refresh from the message action bar ([#12934](https://github.com/matrix-org/matrix-react-sdk/pull/12934)). Contributed by @florianduros.
+* Ignore desktop for minimum browser support. ([#12928](https://github.com/matrix-org/matrix-react-sdk/pull/12928)). Contributed by @florianduros.
 
- * add override for colour of room tile text within memberinfo (unreadable)
-   [\#6889](https://github.com/vector-im/riot-web/pull/6889)
 
-Changes in [0.15.6](https://github.com/vector-im/riot-web/releases/tag/v0.15.6) (2018-06-29)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.6-rc.2...v0.15.6)
 
- * Pull in bug fixes from react-sdk
+Changes in [1.11.76](https://github.com/element-hq/element-web/releases/tag/v1.11.76) (2024-08-27)
+==================================================================================================
+## ✨ Features
+
+* Message Pinning: rework the message pinning list in the right panel ([#12825](https://github.com/matrix-org/matrix-react-sdk/pull/12825)). Contributed by @florianduros.
+* Tweak UIA postMessage check to work cross-origin ([#12878](https://github.com/matrix-org/matrix-react-sdk/pull/12878)). Contributed by @t3chguy.
+* Delayed events (Futures) / MSC4140 for call widget ([#12714](https://github.com/matrix-org/matrix-react-sdk/pull/12714)). Contributed by @AndrewFerr.
+* Stop the ongoing ring if another device joins the call session. ([#12866](https://github.com/matrix-org/matrix-react-sdk/pull/12866)). Contributed by @toger5.
+* Rich text Editor: Auto-replace plain text emoticons with emoji ([#12828](https://github.com/matrix-org/matrix-react-sdk/pull/12828)). Contributed by @langleyd.
+* Clean up editor drafts for unknown rooms  ([#12850](https://github.com/matrix-org/matrix-react-sdk/pull/12850)). Contributed by @langleyd.
+* Rename general user settings to account ([#12841](https://github.com/matrix-org/matrix-react-sdk/pull/12841)). Contributed by @dbkr.
+* Update settings tab icons ([#12867](https://github.com/matrix-org/matrix-react-sdk/pull/12867)). Contributed by @dbkr.
+* Disable jump to read receipt button instead of hiding when nothing to jump to ([#12863](https://github.com/matrix-org/matrix-react-sdk/pull/12863)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Ensure elements on Login page are disabled when in-flight ([#12895](https://github.com/matrix-org/matrix-react-sdk/pull/12895)). Contributed by @t3chguy.
+* Hide pinned messages when grouped in timeline when feature pinning is disabled ([#12888](https://github.com/matrix-org/matrix-react-sdk/pull/12888)). Contributed by @florianduros.
+* Add chat button on new room header for maximised widgets ([#12882](https://github.com/matrix-org/matrix-react-sdk/pull/12882)). Contributed by @t3chguy.
+* Show spinner whilst initial search request is in progress ([#12883](https://github.com/matrix-org/matrix-react-sdk/pull/12883)). Contributed by @t3chguy.
+* Fix user menu font ([#12879](https://github.com/matrix-org/matrix-react-sdk/pull/12879)). Contributed by @florianduros.
+* Allow selecting text in the right panel topic ([#12870](https://github.com/matrix-org/matrix-react-sdk/pull/12870)). Contributed by @t3chguy.
+* Add missing presence indicator to new room header ([#12865](https://github.com/matrix-org/matrix-react-sdk/pull/12865)). Contributed by @t3chguy.
+* Fix permissions in release tarballs ([#27904](https://github.com/element-hq/element-web/pull/27904)). Contributed by @t3chguy.
+
+## 🧰 Maintenance
+
+* Update dependencies for MSC4157 ([#27906](https://github.com/element-hq/element-web/pull/27906)). Contributed by @AndrewFerr.
+
+
+Changes in [1.11.75](https://github.com/element-hq/element-web/releases/tag/v1.11.75) (2024-08-20)
+==================================================================================================
+* No changes
 
-Changes in [0.15.6-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.15.6-rc.2) (2018-06-22)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.6-rc.1...v0.15.6-rc.2)
 
- * Update to react-sdk rc.2 for fix to slash commands
 
-Changes in [0.15.6-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.15.6-rc.1) (2018-06-21)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.5...v0.15.6-rc.1)
+Changes in [1.11.74](https://github.com/element-hq/element-web/releases/tag/v1.11.74) (2024-08-13)
+==================================================================================================
+## ✨ Features
+
+* Update unsupported browser react component to new designs ([#27857](https://github.com/element-hq/element-web/pull/27857)). Contributed by @t3chguy.
+* Invite dialog: display MXID on its own line ([#11756](https://github.com/matrix-org/matrix-react-sdk/pull/11756)). Contributed by @AndrewFerr.
+* Align RoomSummaryCard styles with Figma ([#12793](https://github.com/matrix-org/matrix-react-sdk/pull/12793)). Contributed by @t3chguy.
+* Extract Extensions into their own right panel tab ([#12844](https://github.com/matrix-org/matrix-react-sdk/pull/12844)). Contributed by @t3chguy.
+* Remove topic from new room header and expand right panel topic ([#12842](https://github.com/matrix-org/matrix-react-sdk/pull/12842)). Contributed by @t3chguy.
+* Rework how the onboarding notifications task works ([#12839](https://github.com/matrix-org/matrix-react-sdk/pull/12839)). Contributed by @t3chguy.
+* Update toast styles to match Figma ([#12833](https://github.com/matrix-org/matrix-react-sdk/pull/12833)). Contributed by @t3chguy.
+* Warn users on unsupported browsers before they lack features ([#12830](https://github.com/matrix-org/matrix-react-sdk/pull/12830)). Contributed by @t3chguy.
+* Add sign out button to settings profile section ([#12666](https://github.com/matrix-org/matrix-react-sdk/pull/12666)). Contributed by @dbkr.
+* Remove MatrixRTC realted import ES lint exceptions using a index.ts for matrixrtc ([#12780](https://github.com/matrix-org/matrix-react-sdk/pull/12780)). Contributed by @toger5.
+* Fix unwanted ringing of other devices even though the user is already connected to the call. ([#12742](https://github.com/matrix-org/matrix-react-sdk/pull/12742)). Contributed by @toger5.
+* Acknowledge `DeviceMute` widget actions ([#12790](https://github.com/matrix-org/matrix-react-sdk/pull/12790)). Contributed by @toger5.
+
+## 🐛 Bug Fixes
+
+* Update Element icons ([#27900](https://github.com/element-hq/element-web/pull/27900)). Contributed by @t3chguy.
+* Fix Jitsi by updating device mute updates over postMessage API ([#27858](https://github.com/element-hq/element-web/pull/27858)). Contributed by @t3chguy.
+* Fix formatting of rich text emotes ([#12862](https://github.com/matrix-org/matrix-react-sdk/pull/12862)). Contributed by @dbkr.
+* Fixed custom emotes background color #27745 ([#12798](https://github.com/matrix-org/matrix-react-sdk/pull/12798)). Contributed by @asimdelvi.
+* Ignore permalink\_prefix when serializing pills ([#11726](https://github.com/matrix-org/matrix-react-sdk/pull/11726)). Contributed by @herkulessi.
+* Deflake the chat export test ([#12854](https://github.com/matrix-org/matrix-react-sdk/pull/12854)). Contributed by @dbkr.
+* Fix alignment of RTL messages ([#12837](https://github.com/matrix-org/matrix-react-sdk/pull/12837)). Contributed by @dbkr.
+* Handle media download errors better ([#12848](https://github.com/matrix-org/matrix-react-sdk/pull/12848)). Contributed by @t3chguy.
+* Make micIcon display on primary ([#11908](https://github.com/matrix-org/matrix-react-sdk/pull/11908)). Contributed by @kdanielm.
+* Fix compound typography font component issues ([#12826](https://github.com/matrix-org/matrix-react-sdk/pull/12826)). Contributed by @t3chguy.
+* Allow Chrome page translator to translate messages in rooms ([#11113](https://github.com/matrix-org/matrix-react-sdk/pull/11113)). Contributed by @lukaszpolowczyk.
+
+
+
+Changes in [1.11.73](https://github.com/element-hq/element-web/releases/tag/v1.11.73) (2024-08-06)
+==================================================================================================
+Fixes for CVE-2024-42347 / GHSA-f83w-wqhc-cfp4
+
 
- * Update from Weblate.
-   [\#6915](https://github.com/vector-im/riot-web/pull/6915)
- * [electron] Fix desktop app --hidden flag
-   [\#6805](https://github.com/vector-im/riot-web/pull/6805)
 
-Changes in [0.15.5](https://github.com/vector-im/riot-web/releases/tag/v0.15.5) (2018-06-12)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.5-rc.1...v0.15.5)
+Changes in [1.11.72](https://github.com/element-hq/element-web/releases/tag/v1.11.72) (2024-07-30)
+==================================================================================================
+## ✨ Features
+
+* Polyfill Intl.Segmenter for wider web browser compatibility ([#27803](https://github.com/element-hq/element-web/pull/27803)). Contributed by @dbkr.
+* Enable audio/webaudio Modernizr rule ([#27772](https://github.com/element-hq/element-web/pull/27772)). Contributed by @t3chguy.
+* Add release announcement for the new room header ([#12802](https://github.com/matrix-org/matrix-react-sdk/pull/12802)). Contributed by @MidhunSureshR.
+* Default the room header to on ([#12803](https://github.com/matrix-org/matrix-react-sdk/pull/12803)). Contributed by @MidhunSureshR.
+* Update Thread Panel to match latest designs ([#12797](https://github.com/matrix-org/matrix-react-sdk/pull/12797)). Contributed by @t3chguy.
+* Close any open modals on logout ([#12777](https://github.com/matrix-org/matrix-react-sdk/pull/12777)). Contributed by @dbkr.
+* Iterate design of right panel empty state ([#12796](https://github.com/matrix-org/matrix-react-sdk/pull/12796)). Contributed by @t3chguy.
+* Update styling of UserInfo right panel card ([#12788](https://github.com/matrix-org/matrix-react-sdk/pull/12788)). Contributed by @t3chguy.
+* Accessibility: Add Landmark navigation ([#12190](https://github.com/matrix-org/matrix-react-sdk/pull/12190)). Contributed by @akirk.
+* Let Element Call widget receive m.room.create ([#12710](https://github.com/matrix-org/matrix-react-sdk/pull/12710)). Contributed by @AndrewFerr.
+* Let Element Call widget set session memberships ([#12713](https://github.com/matrix-org/matrix-react-sdk/pull/12713)). Contributed by @AndrewFerr.
+* Update right panel base card styling to match Compound ([#12768](https://github.com/matrix-org/matrix-react-sdk/pull/12768)). Contributed by @t3chguy.
+* Align `widget_build_url_ignore_dm` with call behaviour switch between 1:1 and Widget ([#12760](https://github.com/matrix-org/matrix-react-sdk/pull/12760)). Contributed by @t3chguy.
+* Move integrations switch ([#12733](https://github.com/matrix-org/matrix-react-sdk/pull/12733)). Contributed by @dbkr.
+* Element-R: Report events with withheld keys separately to Posthog. ([#12755](https://github.com/matrix-org/matrix-react-sdk/pull/12755)). Contributed by @richvdh.
+
+## 🐛 Bug Fixes
+
+* Add a modernizr check for WebAssembly support ([#27776](https://github.com/element-hq/element-web/pull/27776)). Contributed by @dbkr.
+* Test for lack of WebAssembly support ([#12792](https://github.com/matrix-org/matrix-react-sdk/pull/12792)). Contributed by @dbkr.
+* Fix stray 'account' heading ([#12791](https://github.com/matrix-org/matrix-react-sdk/pull/12791)). Contributed by @dbkr.
+* Add test for the unsupported browser screen ([#12787](https://github.com/matrix-org/matrix-react-sdk/pull/12787)). Contributed by @dbkr.
+* Fix HTML export test ([#12778](https://github.com/matrix-org/matrix-react-sdk/pull/12778)). Contributed by @dbkr.
+* Fix HTML export missing a bunch of Compound variables ([#12774](https://github.com/matrix-org/matrix-react-sdk/pull/12774)). Contributed by @t3chguy.
+* Fix inability to change accent colour consistently in custom theming ([#12772](https://github.com/matrix-org/matrix-react-sdk/pull/12772)). Contributed by @t3chguy.
+* Fix edge case of landing on 3pid email link with registration disabled ([#12771](https://github.com/matrix-org/matrix-react-sdk/pull/12771)). Contributed by @t3chguy.
+
+
+
+Changes in [1.11.71](https://github.com/element-hq/element-web/releases/tag/v1.11.71) (2024-07-16)
+==================================================================================================
+## ✨ Features
+
+* Add Modernizr rule for Intl.Segmenter ([#27677](https://github.com/element-hq/element-web/pull/27677)). Contributed by @t3chguy.
+* Add tabs to the right panel ([#12672](https://github.com/matrix-org/matrix-react-sdk/pull/12672)). Contributed by @MidhunSureshR.
+* Promote new room header from labs to Beta ([#12739](https://github.com/matrix-org/matrix-react-sdk/pull/12739)). Contributed by @t3chguy.
+* Redesign room search interface ([#12677](https://github.com/matrix-org/matrix-react-sdk/pull/12677)). Contributed by @t3chguy.
+* Move language settings to 'preferences' ([#12723](https://github.com/matrix-org/matrix-react-sdk/pull/12723)). Contributed by @dbkr.
+* New layout selector ui in user settings ([#12676](https://github.com/matrix-org/matrix-react-sdk/pull/12676)). Contributed by @florianduros.
+* Prevent Element appearing in system media controls  ([#10995](https://github.com/matrix-org/matrix-react-sdk/pull/10995)). Contributed by @SuperKenVery.
+* Move the account management button ([#12663](https://github.com/matrix-org/matrix-react-sdk/pull/12663)). Contributed by @dbkr.
+* Disable profile controls if the HS doesn't allow them to be set ([#12652](https://github.com/matrix-org/matrix-react-sdk/pull/12652)). Contributed by @dbkr.
+* New theme ui in user settings ([#12576](https://github.com/matrix-org/matrix-react-sdk/pull/12576)). Contributed by @florianduros.
+* Adjust room header hover transition from 300ms to 200ms ([#12703](https://github.com/matrix-org/matrix-react-sdk/pull/12703)). Contributed by @t3chguy.
+* Split out email \& phone number settings to separate components \& move discovery to privacy tab ([#12670](https://github.com/matrix-org/matrix-react-sdk/pull/12670)). Contributed by @dbkr.
+
+## 🐛 Bug Fixes
+
+* Ensure we do not load matrix-react-sdk is a manner which can white-screen ([#27685](https://github.com/element-hq/element-web/pull/27685)). Contributed by @t3chguy.
+* Fix incoming call toast crash due to audio refactor ([#12737](https://github.com/matrix-org/matrix-react-sdk/pull/12737)). Contributed by @t3chguy.
+* Improve new room header accessibility ([#12725](https://github.com/matrix-org/matrix-react-sdk/pull/12725)). Contributed by @t3chguy.
+* Fix closing all modals ([#12728](https://github.com/matrix-org/matrix-react-sdk/pull/12728)). Contributed by @dbkr.
+* Fix close button on forgot password flow ([#12732](https://github.com/matrix-org/matrix-react-sdk/pull/12732)). Contributed by @dbkr.
+* Don't consider textual characters to be emoji ([#12582](https://github.com/matrix-org/matrix-react-sdk/pull/12582)). Contributed by @robintown.
+* Clear autocomplete input on selection accept ([#12709](https://github.com/matrix-org/matrix-react-sdk/pull/12709)). Contributed by @dbkr.
+* Fix `Match system theme` toggle ([#12719](https://github.com/matrix-org/matrix-react-sdk/pull/12719)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.70](https://github.com/element-hq/element-web/releases/tag/v1.11.70) (2024-07-08)
+==================================================================================================
+## ✨ Features
+
+* Add SSO redirect option for login page ([#27576](https://github.com/element-hq/element-web/pull/27576)). Contributed by @bartvdbraak.
+* Use stable endpoints for MSC3916 ([#27558](https://github.com/element-hq/element-web/pull/27558)). Contributed by @turt2live.
+* Switch to Rust crypto stack for all logins ([#12630](https://github.com/matrix-org/matrix-react-sdk/pull/12630)). Contributed by @richvdh.
+* Hide voip buttons in group rooms in environments with widgets disabled ([#12664](https://github.com/matrix-org/matrix-react-sdk/pull/12664)). Contributed by @t3chguy.
+* Minor tweaks to UserSettings dialog ([#12651](https://github.com/matrix-org/matrix-react-sdk/pull/12651)). Contributed by @florianduros.
+* Hide voice call button when redundant ([#12639](https://github.com/matrix-org/matrix-react-sdk/pull/12639)). Contributed by @t3chguy.
+* Improve accessibility of the room summary card ([#12586](https://github.com/matrix-org/matrix-react-sdk/pull/12586)). Contributed by @t3chguy.
+* Show tooltips on narrow tabbed views ([#12624](https://github.com/matrix-org/matrix-react-sdk/pull/12624)). Contributed by @dbkr.
+* Update gfm.css to github-markdown-css ([#12613](https://github.com/matrix-org/matrix-react-sdk/pull/12613)). Contributed by @t3chguy.
+* Cache e2eStatus to avoid concerning unencrypted flicker when changing rooms ([#12606](https://github.com/matrix-org/matrix-react-sdk/pull/12606)). Contributed by @t3chguy.
+* Tweak copy for user verification toast ([#12605](https://github.com/matrix-org/matrix-react-sdk/pull/12605)). Contributed by @t3chguy.
+* Support s tags for strikethrough for Matrix v1.10 ([#12604](https://github.com/matrix-org/matrix-react-sdk/pull/12604)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Fix "Unable to restore session" error ([#4299](https://github.com/matrix-org/matrix-js-sdk/pull/4299)).
+* Fix error when sending encrypted messages in large rooms ([#4297](https://github.com/matrix-org/matrix-js-sdk/pull/4297)).
+* Remove redundant copy in deactive uia modal ([#12668](https://github.com/matrix-org/matrix-react-sdk/pull/12668)). Contributed by @t3chguy.
+* Fix high contrast theme in settings ([#12649](https://github.com/matrix-org/matrix-react-sdk/pull/12649)). Contributed by @florianduros.
+* Fix background on live location sharing footer ([#12629](https://github.com/matrix-org/matrix-react-sdk/pull/12629)). Contributed by @t3chguy.
+* Remove outdated iframe sandbox attribute ([#12633](https://github.com/matrix-org/matrix-react-sdk/pull/12633)). Contributed by @t3chguy.
+* Remove stray setState which caused encryption state shields to flicker ([#12632](https://github.com/matrix-org/matrix-react-sdk/pull/12632)). Contributed by @t3chguy.
+* Fix stray background colour on markdown body ([#12628](https://github.com/matrix-org/matrix-react-sdk/pull/12628)). Contributed by @t3chguy.
+* Fix widgets not being cleaned up correctly. ([#12616](https://github.com/matrix-org/matrix-react-sdk/pull/12616)). Contributed by @toger5.
+* Add in-progress view to display name EditInPlace ([#12609](https://github.com/matrix-org/matrix-react-sdk/pull/12609)). Contributed by @dbkr.
+* Fix config override of other settings levels ([#12593](https://github.com/matrix-org/matrix-react-sdk/pull/12593)). Contributed by @langleyd.
+* Don't show 'saved' on display name save error ([#12600](https://github.com/matrix-org/matrix-react-sdk/pull/12600)). Contributed by @dbkr.
+
+
+
+Changes in [1.11.69](https://github.com/element-hq/element-web/releases/tag/v1.11.69) (2024-06-18)
+==================================================================================================
+## ✨ Features
+
+* Change avatar setting component to use a menu ([#12585](https://github.com/matrix-org/matrix-react-sdk/pull/12585)). Contributed by @dbkr.
+* New user profile UI in User Settings ([#12548](https://github.com/matrix-org/matrix-react-sdk/pull/12548)). Contributed by @dbkr.
+* MSC4108 support OIDC QR code login ([#12370](https://github.com/matrix-org/matrix-react-sdk/pull/12370)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Fix image upload preview size ([#12612](https://github.com/matrix-org/matrix-react-sdk/pull/12612)). Contributed by @RiotRobot.
+* Fix screen sharing in recent Chrome (https://github.com/matrix-org/matrix-js-sdk/pull/4243).
+* Fix roving tab index crash `compareDocumentPosition` ([#12594](https://github.com/matrix-org/matrix-react-sdk/pull/12594)). Contributed by @t3chguy.
+* Keep dialog glass border on narrow screens ([#12591](https://github.com/matrix-org/matrix-react-sdk/pull/12591)). Contributed by @dbkr.
+* Add missing a11y label to dismiss onboarding button in room list ([#12587](https://github.com/matrix-org/matrix-react-sdk/pull/12587)). Contributed by @t3chguy.
+* Add hover / active state on avatar setting upload button ([#12590](https://github.com/matrix-org/matrix-react-sdk/pull/12590)). Contributed by @dbkr.
+* Fix EditInPlace button styles ([#12589](https://github.com/matrix-org/matrix-react-sdk/pull/12589)). Contributed by @dbkr.
+* Fix incorrect assumptions about required fields in /search response ([#12575](https://github.com/matrix-org/matrix-react-sdk/pull/12575)). Contributed by @t3chguy.
+* Fix display of no avatar in avatar setting controls ([#12558](https://github.com/matrix-org/matrix-react-sdk/pull/12558)). Contributed by @dbkr.
+* Element-R: pass pickleKey in as raw key for indexeddb encryption ([#12543](https://github.com/matrix-org/matrix-react-sdk/pull/12543)). Contributed by @richvdh.
+
+
+
+Changes in [1.11.68](https://github.com/element-hq/element-web/releases/tag/v1.11.68) (2024-06-04)
+==================================================================================================
+## ✨ Features
+
+* Tooltip: Improve accessibility for  context menus ([#12462](https://github.com/matrix-org/matrix-react-sdk/pull/12462)). Contributed by @florianduros.
+* Tooltip: Improve accessibility of space panel ([#12525](https://github.com/matrix-org/matrix-react-sdk/pull/12525)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Close the release announcement when a dialog is opened ([#12559](https://github.com/matrix-org/matrix-react-sdk/pull/12559)). Contributed by @florianduros.
+* Tooltip: close field tooltip when ESC is pressed ([#12553](https://github.com/matrix-org/matrix-react-sdk/pull/12553)). Contributed by @florianduros.
+* Fix tabbedview breakpoint width ([#12556](https://github.com/matrix-org/matrix-react-sdk/pull/12556)). Contributed by @dbkr.
+* Fix E2E icon display in room header ([#12545](https://github.com/matrix-org/matrix-react-sdk/pull/12545)). Contributed by @florianduros.
+* Tooltip: Improve placement for space settings ([#12541](https://github.com/matrix-org/matrix-react-sdk/pull/12541)). Contributed by @florianduros.
+* Fix deformed avatar in a call in a narrow timeline ([#12538](https://github.com/matrix-org/matrix-react-sdk/pull/12538)). Contributed by @florianduros.
+* Shown own sent state indicator even when showReadReceipts is disabled ([#12540](https://github.com/matrix-org/matrix-react-sdk/pull/12540)). Contributed by @t3chguy.
+* Ensure we do not fire the verification mismatch modal multiple times ([#12526](https://github.com/matrix-org/matrix-react-sdk/pull/12526)). Contributed by @t3chguy.
+* Fix avatar in chat export ([#12537](https://github.com/matrix-org/matrix-react-sdk/pull/12537)). Contributed by @florianduros.
+* Use `*` for italics as it doesn't break when used mid-word ([#12523](https://github.com/matrix-org/matrix-react-sdk/pull/12523)). Contributed by @t3chguy.
+
+
+Changes in [1.11.67](https://github.com/element-hq/element-web/releases/tag/v1.11.67) (2024-05-22)
+==================================================================================================
+## ✨ Features
+
+* Tooltip: Improve the accessibility of the composer and the rich text editor ([#12459](https://github.com/matrix-org/matrix-react-sdk/pull/12459)). Contributed by @florianduros.
+* Allow explicit configuration of OIDC dynamic registration metadata ([#12514](https://github.com/matrix-org/matrix-react-sdk/pull/12514)). Contributed by @t3chguy.
+* Tooltip: improve accessibility for messages ([#12487](https://github.com/matrix-org/matrix-react-sdk/pull/12487)). Contributed by @florianduros.
+* Collapse UserSettings tabs to just icons on narrow screens ([#12505](https://github.com/matrix-org/matrix-react-sdk/pull/12505)). Contributed by @dbkr.
+* Add room topic to right panel room info ([#12503](https://github.com/matrix-org/matrix-react-sdk/pull/12503)). Contributed by @t3chguy.
+* OIDC: pass `id_token` via `id_token_hint` on Manage Account interaction ([#12499](https://github.com/matrix-org/matrix-react-sdk/pull/12499)). Contributed by @t3chguy.
+* Tooltip: improve accessibility in room ([#12493](https://github.com/matrix-org/matrix-react-sdk/pull/12493)). Contributed by @florianduros.
+* Tooltip: improve accessibility for call and voice messages ([#12489](https://github.com/matrix-org/matrix-react-sdk/pull/12489)). Contributed by @florianduros.
+* Move the active tab in user settings to the dialog title ([#12481](https://github.com/matrix-org/matrix-react-sdk/pull/12481)). Contributed by @dbkr.
+* Tooltip: improve accessibility of spaces ([#12497](https://github.com/matrix-org/matrix-react-sdk/pull/12497)). Contributed by @florianduros.
+* Tooltip: improve accessibility of the right panel ([#12490](https://github.com/matrix-org/matrix-react-sdk/pull/12490)). Contributed by @florianduros.
+* MSC3575 (Sliding Sync) add well-known proxy support ([#12307](https://github.com/matrix-org/matrix-react-sdk/pull/12307)). Contributed by @EdGeraghty.
+
+## 🐛 Bug Fixes
+
+* Reuse single PlaybackWorker between Playback instances ([#12520](https://github.com/matrix-org/matrix-react-sdk/pull/12520)). Contributed by @t3chguy.
+* Fix well-known lookup for sliding sync labs check ([#12519](https://github.com/matrix-org/matrix-react-sdk/pull/12519)). Contributed by @t3chguy.
+* Fix `element-desktop-ssoid being` included in OIDC Authorization call ([#12495](https://github.com/matrix-org/matrix-react-sdk/pull/12495)). Contributed by @t3chguy.
+* Fix beta notifications reconciliation for intentional mentions push rules ([#12510](https://github.com/matrix-org/matrix-react-sdk/pull/12510)). Contributed by @t3chguy.
+* fix avatar stretched on 1:1 call ([#12494](https://github.com/matrix-org/matrix-react-sdk/pull/12494)). Contributed by @I-lander.
+* Check native sliding sync support against an unstable feature flag ([#12498](https://github.com/matrix-org/matrix-react-sdk/pull/12498)). Contributed by @turt2live.
+* Use OPTIONS for sliding sync detection poke ([#12492](https://github.com/matrix-org/matrix-react-sdk/pull/12492)). Contributed by @turt2live.
+* TAC: hide tooltip when the release announcement is displayed ([#12472](https://github.com/matrix-org/matrix-react-sdk/pull/12472)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.66](https://github.com/element-hq/element-web/releases/tag/v1.11.66) (2024-05-07)
+==================================================================================================
+## ✨ Features
 
- * No changes since rc.1
+* Use a different error message for UTDs when you weren't in the room. ([#12453](https://github.com/matrix-org/matrix-react-sdk/pull/12453)). Contributed by @uhoreg.
+* Take the Threads Activity Centre out of labs ([#12439](https://github.com/matrix-org/matrix-react-sdk/pull/12439)). Contributed by @dbkr.
+* Expected UTDs: use a different message for UTDs sent before login ([#12391](https://github.com/matrix-org/matrix-react-sdk/pull/12391)). Contributed by @richvdh.
+* Add `Tooltip` to `AccessibleButton` ([#12443](https://github.com/matrix-org/matrix-react-sdk/pull/12443)). Contributed by @florianduros.
+* Add analytics to activity toggles ([#12418](https://github.com/matrix-org/matrix-react-sdk/pull/12418)). Contributed by @dbkr.
+* Decrypt events in reverse order without copying the array ([#12445](https://github.com/matrix-org/matrix-react-sdk/pull/12445)). Contributed by @Johennes.
+* Use new compound tooltip ([#12416](https://github.com/matrix-org/matrix-react-sdk/pull/12416)). Contributed by @florianduros.
+* Expected UTDs: report a different Posthog code ([#12389](https://github.com/matrix-org/matrix-react-sdk/pull/12389)). Contributed by @richvdh.
 
-Changes in [0.15.5-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.15.5-rc.1) (2018-06-06)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.4...v0.15.5-rc.1)
+## 🐛 Bug Fixes
 
- * Update from Weblate.
-   [\#6846](https://github.com/vector-im/riot-web/pull/6846)
+* TAC: Fix accessibility issue when the Release announcement is displayed ([#12484](https://github.com/matrix-org/matrix-react-sdk/pull/12484)). Contributed by @RiotRobot.
+* TAC: Close Release Announcement when TAC button is clicked ([#12485](https://github.com/matrix-org/matrix-react-sdk/pull/12485)). Contributed by @florianduros.
+* MenuItem: fix caption usage ([#12455](https://github.com/matrix-org/matrix-react-sdk/pull/12455)). Contributed by @florianduros.
+* Show the local echo in previews ([#12451](https://github.com/matrix-org/matrix-react-sdk/pull/12451)). Contributed by @langleyd.
+* Fixed the drag and drop of X #27186 ([#12450](https://github.com/matrix-org/matrix-react-sdk/pull/12450)). Contributed by @asimdelvi.
+* Move the TAC to above the button ([#12438](https://github.com/matrix-org/matrix-react-sdk/pull/12438)). Contributed by @dbkr.
+* Use the same logic in previews as the timeline to hide events that should be hidden ([#12434](https://github.com/matrix-org/matrix-react-sdk/pull/12434)). Contributed by @langleyd.
+* Fix selector so maths support doesn't mangle divs ([#12433](https://github.com/matrix-org/matrix-react-sdk/pull/12433)). Contributed by @uhoreg.
 
-Changes in [0.15.4](https://github.com/vector-im/riot-web/releases/tag/v0.15.4) (2018-05-25)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.4-rc.1...v0.15.4)
 
- * Add cookie policy link to desktop app config
 
-Changes in [0.15.4-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.15.4-rc.1) (2018-05-24)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.3...v0.15.4-rc.1)
+Changes in [1.11.65](https://github.com/element-hq/element-web/releases/tag/v1.11.65) (2024-04-23)
+==================================================================================================
+## ✨ Features
 
- * Update from Weblate.
-   [\#6792](https://github.com/vector-im/riot-web/pull/6792)
- * Hide URL options for e2e blob: URL images
-   [\#6765](https://github.com/vector-im/riot-web/pull/6765)
- * Fix right click menu in electron
-   [\#6763](https://github.com/vector-im/riot-web/pull/6763)
- * Update to electron 2.0.1
-   [\#6764](https://github.com/vector-im/riot-web/pull/6764)
- * Add instructions for changing translated strings
-   [\#6528](https://github.com/vector-im/riot-web/pull/6528)
+* Make empty state copy for TAC depend on the value of the setting ([#12419](https://github.com/matrix-org/matrix-react-sdk/pull/12419)). Contributed by @dbkr.
+* Linkify User Interactive Authentication errors ([#12271](https://github.com/matrix-org/matrix-react-sdk/pull/12271)). Contributed by @t3chguy.
+* Add support for device dehydration v2 ([#12316](https://github.com/matrix-org/matrix-react-sdk/pull/12316)). Contributed by @uhoreg.
+* Replace `SecurityCustomisations` with `CryptoSetupExtension` ([#12342](https://github.com/matrix-org/matrix-react-sdk/pull/12342)). Contributed by @thoraj.
+* Add activity toggle for TAC ([#12413](https://github.com/matrix-org/matrix-react-sdk/pull/12413)). Contributed by @dbkr.
+* Humanize spell check language labels ([#12409](https://github.com/matrix-org/matrix-react-sdk/pull/12409)). Contributed by @t3chguy.
+* Call Guest Access, give user the option to change the acces level so they can generate a call link. ([#12401](https://github.com/matrix-org/matrix-react-sdk/pull/12401)). Contributed by @toger5.
+* TAC: Release Announcement ([#12380](https://github.com/matrix-org/matrix-react-sdk/pull/12380)). Contributed by @florianduros.
+* Show the call and share button if the user can create a guest link. ([#12385](https://github.com/matrix-org/matrix-react-sdk/pull/12385)). Contributed by @toger5.
+* Add analytics for mark all threads unread ([#12384](https://github.com/matrix-org/matrix-react-sdk/pull/12384)). Contributed by @dbkr.
+* Add `EventType.RoomEncryption` to the auto approve capabilities of Element Call widgets ([#12386](https://github.com/matrix-org/matrix-react-sdk/pull/12386)). Contributed by @toger5.
 
-Changes in [0.15.3](https://github.com/vector-im/riot-web/releases/tag/v0.15.3) (2018-05-18)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.2...v0.15.3)
+## 🐛 Bug Fixes
 
- * Fix right click menu in electron
-   [\#6763](https://github.com/vector-im/riot-web/pull/6763)
- * Update to electron 2.0.1
-   [\#6764](https://github.com/vector-im/riot-web/pull/6764)
- * Hide URL options for e2e blob: URL images
-   [\#6765](https://github.com/vector-im/riot-web/pull/6765)
+* Fix link modal not shown after access upgrade ([#12411](https://github.com/matrix-org/matrix-react-sdk/pull/12411)). Contributed by @toger5.
+* Fix thread navigation in timeline ([#12412](https://github.com/matrix-org/matrix-react-sdk/pull/12412)). Contributed by @florianduros.
+* Fix inability to join a `knock` room via space hierarchy view ([#12404](https://github.com/matrix-org/matrix-react-sdk/pull/12404)). Contributed by @t3chguy.
+* Focus the thread panel when clicking on an item in the TAC ([#12410](https://github.com/matrix-org/matrix-react-sdk/pull/12410)). Contributed by @dbkr.
+* Fix space hierarchy tile busy state being stuck after join error ([#12405](https://github.com/matrix-org/matrix-react-sdk/pull/12405)). Contributed by @t3chguy.
+* Fix room topic in-app links not being handled correctly on topic dialog ([#12406](https://github.com/matrix-org/matrix-react-sdk/pull/12406)). Contributed by @t3chguy.
 
-Changes in [0.15.2](https://github.com/vector-im/riot-web/releases/tag/v0.15.2) (2018-05-17)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.1...v0.15.2)
 
- * Update to matrix-react-sdk v0.12.5 to fix image size jumps
 
-Changes in [0.15.1](https://github.com/vector-im/riot-web/releases/tag/v0.15.1) (2018-05-16)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0...v0.15.1)
+Changes in [1.11.64](https://github.com/element-hq/element-web/releases/tag/v1.11.64) (2024-04-09)
+==================================================================================================
+## ✨ Features
 
- * Fix package-lock.json which was causing errors building the Electron app
- * Update Electron version
+* Mark all threads as read button ([#12378](https://github.com/matrix-org/matrix-react-sdk/pull/12378)). Contributed by @dbkr.
+* Video call meta space ([#12297](https://github.com/matrix-org/matrix-react-sdk/pull/12297)). Contributed by @toger5.
+* Add leave room warning for last admin ([#9452](https://github.com/matrix-org/matrix-react-sdk/pull/9452)). Contributed by @Arnei.
+* Iterate styles around Link new device via QR ([#12356](https://github.com/matrix-org/matrix-react-sdk/pull/12356)). Contributed by @t3chguy.
+* Improve code-splitting of highlight.js and maplibre-gs libs ([#12349](https://github.com/matrix-org/matrix-react-sdk/pull/12349)). Contributed by @t3chguy.
+* Use data-mx-color for rainbows ([#12325](https://github.com/matrix-org/matrix-react-sdk/pull/12325)). Contributed by @tulir.
 
-Changes in [0.15.0](https://github.com/vector-im/riot-web/releases/tag/v0.15.0) (2018-05-16)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0-rc.6...v0.15.0)
-
- * No changes since rc.6
-
-Changes in [0.15.0-rc.6](https://github.com/vector-im/riot-web/releases/tag/v0.15.0-rc.6) (2018-05-15)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0-rc.5...v0.15.0-rc.6)
-
- * Update to matrix-react-sdk 0.12.4-rc.6
-
-Changes in [0.15.0-rc.5](https://github.com/vector-im/riot-web/releases/tag/v0.15.0-rc.5) (2018-05-15)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0-rc.4...v0.15.0-rc.5)
-
- * Update to matrix-react-sdk 0.12.4-rc.5
-
-Changes in [0.15.0-rc.4](https://github.com/vector-im/riot-web/releases/tag/v0.15.0-rc.4) (2018-05-14)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0-rc.3...v0.15.0-rc.4)
-
- * Update from Weblate.
-   [\#6726](https://github.com/vector-im/riot-web/pull/6726)
- * Update to matrix-react-sdk 0.12.4-rc.4
-
-Changes in [0.15.0-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.15.0-rc.3) (2018-05-11)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0-rc.2...v0.15.0-rc.3)
-
- * Update to matrix-react-sdk 0.12.4-rc.3
-
-Changes in [0.15.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.15.0-rc.2) (2018-05-09)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0-rc.1...v0.15.0-rc.2)
-
- * Update to matrix-react-sdk 0.12.4-rc.2
-
-Changes in [0.15.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.15.0-rc.1) (2018-05-09)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.3-rc.1...v0.15.0-rc.1)
-
- * No changes since 0.14.3-rc.1
-
-Changes in [0.14.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.14.3-rc.1) (2018-05-09)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.2...v0.14.3-rc.1)
-
- * Update from Weblate.
-   [\#6688](https://github.com/vector-im/riot-web/pull/6688)
- * Don't show presence on matrix.org
-   [\#6638](https://github.com/vector-im/riot-web/pull/6638)
- * Enforce loading babel-polyfill first
-   [\#6625](https://github.com/vector-im/riot-web/pull/6625)
- * Update hoek
-   [\#6624](https://github.com/vector-im/riot-web/pull/6624)
- * Fix args in the release wrapper script
-   [\#6614](https://github.com/vector-im/riot-web/pull/6614)
-
-Changes in [0.14.2](https://github.com/vector-im/riot-web/releases/tag/v0.14.2) (2018-04-30)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.2-rc.3...v0.14.2)
-
- * No changes since rc.3
-
-Changes in [0.14.2-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.14.2-rc.3) (2018-04-26)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.2-rc.2...v0.14.2-rc.3)
-
- * Fix CSS dependency versions to be the same as those in react-sdk to fix
-   left panel header positions.
-
-Changes in [0.14.2-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.14.2-rc.2) (2018-04-26)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.2-rc.1...v0.14.2-rc.2)
-
- * Fix Download of attachments in e2e encrypted rooms in Firefox
-
-Changes in [0.14.2-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.14.2-rc.1) (2018-04-25)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.1...v0.14.2-rc.1)
-
- * Update from Weblate.
-   [\#6602](https://github.com/vector-im/riot-web/pull/6602)
- * Add readme bit on cross-origin renderer
-   [\#6600](https://github.com/vector-im/riot-web/pull/6600)
- * Update from Weblate.
-   [\#6573](https://github.com/vector-im/riot-web/pull/6573)
- * Copy media from react-sdk
-   [\#6588](https://github.com/vector-im/riot-web/pull/6588)
- * Fix favicon
-   [\#6580](https://github.com/vector-im/riot-web/pull/6580)
- * Update from Weblate.
-   [\#6569](https://github.com/vector-im/riot-web/pull/6569)
- * move everything not explicitly riot (or status) branded into matrix-react-
-   sdk
-   [\#6500](https://github.com/vector-im/riot-web/pull/6500)
- * Remove presence management
-   [\#5881](https://github.com/vector-im/riot-web/pull/5881)
- * change vector-web repo to riot-web in changelog
-   [\#6480](https://github.com/vector-im/riot-web/pull/6480)
- * Update from Weblate.
-   [\#6473](https://github.com/vector-im/riot-web/pull/6473)
- * Bump source-map-loader version to avoid bug /w inline base64 maps
-   [\#6472](https://github.com/vector-im/riot-web/pull/6472)
- * Add CSS for new group admin radio button
-   [\#6415](https://github.com/vector-im/riot-web/pull/6415)
- * Rxl881/sticker picker styling
-   [\#6447](https://github.com/vector-im/riot-web/pull/6447)
- * Stickerpacks
-   [\#6242](https://github.com/vector-im/riot-web/pull/6242)
- * Force gemini on HomePage
-   [\#6368](https://github.com/vector-im/riot-web/pull/6368)
- * Rename the Riot-Web Translations Room
-   [\#6348](https://github.com/vector-im/riot-web/pull/6348)
- * Add disable-presence-by-hs option to sample config
-   [\#6350](https://github.com/vector-im/riot-web/pull/6350)
- * Reword the BugReportDialog.js as per @lampholder
-   [\#6354](https://github.com/vector-im/riot-web/pull/6354)
-
-Changes in [0.14.1](https://github.com/vector-im/riot-web/releases/tag/v0.14.1) (2018-04-12)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0...v0.14.1)
-
- * Remove presence management feature from labs
- * Fix an issue where Riot would fail to load at all if certain
-   extensions were installed on Firefox
- * Fix an issue where e2e cryptography could be disabled due to
-   a migration error.
-
-Changes in [0.14.0](https://github.com/vector-im/riot-web/releases/tag/v0.14.0) (2018-04-11)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0-rc.6...v0.14.0)
-
- * Cosmetic changes for group UI
-
-Changes in [0.14.0-rc.6](https://github.com/vector-im/riot-web/releases/tag/v0.14.0-rc.6) (2018-04-09)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0-rc.5...v0.14.0-rc.6)
-
- * Bump react-sdk to [rc.6](https://github.com/matrix-org/matrix-react-sdk/releases/tag/v0.12.0-rc.6)
-
-Changes in [0.14.0-rc.5](https://github.com/vector-im/riot-web/releases/tag/v0.14.0-rc.5) (2018-04-09)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0-rc.4...v0.14.0-rc.5)
-
-* Add CSS for new control to set group join policy
-
-Changes in [0.14.0-rc.4](https://github.com/vector-im/riot-web/releases/tag/v0.14.0-rc.4) (2018-03-22)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0-rc.3...v0.14.0-rc.4)
-
- * Fix tagging rooms as direct messages
-
-Changes in [0.14.0-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.14.0-rc.3) (2018-03-20)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0-rc.2...v0.14.0-rc.3)
-
- * Fix a bug where the badge on a room tile would not update
-   when a room was read from a different device.
-
-Changes in [0.14.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.14.0-rc.2) (2018-03-19)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0-rc.1...v0.14.0-rc.2)
-
- * Take TagPanel out of labs
-   [\#6347](https://github.com/vector-im/riot-web/pull/6347)
- * Add languages (czech, galician and serbian)
-   [\#6343](https://github.com/vector-im/riot-web/pull/6343)
-
-Changes in [0.14.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.14.0-rc.1) (2018-03-19)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.5...v0.14.0-rc.1)
-
- * Force update RoomSubList after reading a room
-   [\#6342](https://github.com/vector-im/riot-web/pull/6342)
- * Ensure entire LeftPanel is faded when settings open
-   [\#6340](https://github.com/vector-im/riot-web/pull/6340)
- * Update from Weblate.
-   [\#6330](https://github.com/vector-im/riot-web/pull/6330)
- * Implement a simple shouldComponentUpdate for DNDRoomTile
-   [\#6313](https://github.com/vector-im/riot-web/pull/6313)
- * Remove og:image with status.im URL
-   [\#6317](https://github.com/vector-im/riot-web/pull/6317)
- * Add change delay warning in GroupView settings
-   [\#6316](https://github.com/vector-im/riot-web/pull/6316)
- * Correctly position mx_TagPanel_clearButton
-   [\#6289](https://github.com/vector-im/riot-web/pull/6289)
- * Fix gap between avatar and border
-   [\#6290](https://github.com/vector-im/riot-web/pull/6290)
- * Fix bug where cannot send group invite on GroupMemberInfo phase
-   [\#6303](https://github.com/vector-im/riot-web/pull/6303)
- * Fix themeing bug with Firefox where "disabled" ignored
-   [\#6301](https://github.com/vector-im/riot-web/pull/6301)
- * Changes for E2E "fudge-button"
-   [\#6288](https://github.com/vector-im/riot-web/pull/6288)
- * Make sure mx_TagPanel_tagTileContainer occupies full height
-   [\#6286](https://github.com/vector-im/riot-web/pull/6286)
- * Add transparent CSS class for RoomTile
-   [\#6281](https://github.com/vector-im/riot-web/pull/6281)
- * Fix crash; fs event received /w langauge file empty
-   [\#6273](https://github.com/vector-im/riot-web/pull/6273)
- * Add setting to disable TagPanel
-   [\#6269](https://github.com/vector-im/riot-web/pull/6269)
- * CSS for my groups microcopy
-   [\#6257](https://github.com/vector-im/riot-web/pull/6257)
- * Add Bulgarian to the list of languages
-   [\#6246](https://github.com/vector-im/riot-web/pull/6246)
- * Make media dropdown wider
-   [\#6245](https://github.com/vector-im/riot-web/pull/6245)
- * Make dropdowns with long options degrade more gracefully
-   [\#6244](https://github.com/vector-im/riot-web/pull/6244)
- * Fix un-tinted "View Community" icon in TagTile context menu
-   [\#6223](https://github.com/vector-im/riot-web/pull/6223)
- * Fix RoomDropTarget and emptySubListTip to have containers
-   [\#6160](https://github.com/vector-im/riot-web/pull/6160)
- * Fix syntax error of wrong use of self-closing HTML tag
-   [\#6154](https://github.com/vector-im/riot-web/pull/6154)
- * Use translucent black for RoomSubList bg to fix tinting
-   [\#6227](https://github.com/vector-im/riot-web/pull/6227)
- * CSS for changing "R" to "X" for clearing group filter
-   [\#6216](https://github.com/vector-im/riot-web/pull/6216)
- * CSS for new global TagPanel filter
-   [\#6187](https://github.com/vector-im/riot-web/pull/6187)
- * Separate the middle panel from the room list
-   [\#6194](https://github.com/vector-im/riot-web/pull/6194)
- * Only use DNDRoomTile for editable sub lists
-   [\#6176](https://github.com/vector-im/riot-web/pull/6176)
- * Adjust CSS to prevent scrollbars on message panel spinner
-   [\#6131](https://github.com/vector-im/riot-web/pull/6131)
- * Implement riot-web side of dragging GroupTile avatars to TagPanel
-   [\#6143](https://github.com/vector-im/riot-web/pull/6143)
- * Fix LeftPanel size being incorrect when TagPanel disabled
-   [\#6140](https://github.com/vector-im/riot-web/pull/6140)
- * Fix TagPanel from collapsing to < 60px when LP collapsed
-   [\#6134](https://github.com/vector-im/riot-web/pull/6134)
- * Temporary hack to constrain LLP container size.
-   [\#6138](https://github.com/vector-im/riot-web/pull/6138)
- * Fix typo
-   [\#6137](https://github.com/vector-im/riot-web/pull/6137)
- * Add context menu to TagPanel
-   [\#6127](https://github.com/vector-im/riot-web/pull/6127)
- * Make room tagging flux-y
-   [\#6096](https://github.com/vector-im/riot-web/pull/6096)
- * Move groups button to TagPanel
-   [\#6130](https://github.com/vector-im/riot-web/pull/6130)
- * Fix long group name pushing settings cog into void
-   [\#6106](https://github.com/vector-im/riot-web/pull/6106)
- * Fix horizontal scrollbar under certain circumstances
-   [\#6103](https://github.com/vector-im/riot-web/pull/6103)
- * Split MImageBody into MFileBody to match JS Classes.
-   [\#6067](https://github.com/vector-im/riot-web/pull/6067)
- * Add Catalan
-   [\#6040](https://github.com/vector-im/riot-web/pull/6040)
- * Update from Weblate.
-   [\#5777](https://github.com/vector-im/riot-web/pull/5777)
- * make FilteredList controlled, such that it can externally persist filter
-   [\#5718](https://github.com/vector-im/riot-web/pull/5718)
- * Linear Rich Quoting
-   [\#6017](https://github.com/vector-im/riot-web/pull/6017)
- * Highlight ViewSource and Devtools ViewSource
-   [\#5995](https://github.com/vector-im/riot-web/pull/5995)
- * default url, not domain
-   [\#6022](https://github.com/vector-im/riot-web/pull/6022)
- * T3chguy/num members tooltip
-   [\#5929](https://github.com/vector-im/riot-web/pull/5929)
- * Swap RoomList to react-beautiful-dnd
-   [\#6008](https://github.com/vector-im/riot-web/pull/6008)
- * CSS required as part of moving TagPanel from react-dnd to react-beautiful-
-   dnd
-   [\#5992](https://github.com/vector-im/riot-web/pull/5992)
- * fix&refactor DateSeparator and MessageTimestamp
-   [\#5984](https://github.com/vector-im/riot-web/pull/5984)
- * Iterative fixes on Rich Quoting
-   [\#5978](https://github.com/vector-im/riot-web/pull/5978)
- * move piwik whitelists to conf and add piwik config.json info to readme
-   [\#5653](https://github.com/vector-im/riot-web/pull/5653)
- * Implement Rich Quoting/Replies
-   [\#5804](https://github.com/vector-im/riot-web/pull/5804)
- * Change author
-   [\#5950](https://github.com/vector-im/riot-web/pull/5950)
- * Revert "Add a &nbsp; after timestamp"
-   [\#5944](https://github.com/vector-im/riot-web/pull/5944)
- * Add a &nbsp; after timestamp
-   [\#3046](https://github.com/vector-im/riot-web/pull/3046)
- * Corrected language name
-   [\#5938](https://github.com/vector-im/riot-web/pull/5938)
- * Hide Options button from copy to clipboard
-   [\#2892](https://github.com/vector-im/riot-web/pull/2892)
- * Fix for `If riot is narrow enough, such that 'Send a message (unecrypted)'
-   wraps to a second line, the timeline doesn't fit the window.`
-   [\#5900](https://github.com/vector-im/riot-web/pull/5900)
- * Screenshot UI
-   [\#5849](https://github.com/vector-im/riot-web/pull/5849)
- * add missing config.json entry such that scalar-staging widgets work
-   [\#5855](https://github.com/vector-im/riot-web/pull/5855)
- * add dark theme styling to devtools input box
-   [\#5610](https://github.com/vector-im/riot-web/pull/5610)
- * Fixes #1953 by adding oivoodoo as author
-   [\#5851](https://github.com/vector-im/riot-web/pull/5851)
- * Instructions on security issues
-   [\#5824](https://github.com/vector-im/riot-web/pull/5824)
- * Move DND wrapper to top level component
-   [\#5790](https://github.com/vector-im/riot-web/pull/5790)
- * Widget title bar max / min visual cues.
-   [\#5786](https://github.com/vector-im/riot-web/pull/5786)
- * Implement renumeration of ordered tags upon collision
-   [\#5759](https://github.com/vector-im/riot-web/pull/5759)
- * Update imports for accessing KeyCode
-   [\#5751](https://github.com/vector-im/riot-web/pull/5751)
- * Set html lang attribute from language setting
-   [\#5685](https://github.com/vector-im/riot-web/pull/5685)
- * CSS for new TagPanel
-   [\#5723](https://github.com/vector-im/riot-web/pull/5723)
- * getGroupStore no longer needs a matrix client
-   [\#5707](https://github.com/vector-im/riot-web/pull/5707)
- * CSS required for moving group publication toggles to UserSettings
-   [\#5702](https://github.com/vector-im/riot-web/pull/5702)
- * Make sure the SettingsStore is ready to load the theme before loading it
-   [\#5630](https://github.com/vector-im/riot-web/pull/5630)
- * Add some aria-labels to RightPanel
-   [\#5661](https://github.com/vector-im/riot-web/pull/5661)
- * Use badge count format for member count in RightPanel
-   [\#5657](https://github.com/vector-im/riot-web/pull/5657)
- * Exclude the default language on page load
-   [\#5640](https://github.com/vector-im/riot-web/pull/5640)
- * Use SettingsStore to get the default theme
-   [\#5615](https://github.com/vector-im/riot-web/pull/5615)
- * Refactor translations
-   [\#5613](https://github.com/vector-im/riot-web/pull/5613)
- * TintableSvgButton styling
-   [\#5605](https://github.com/vector-im/riot-web/pull/5605)
- * Granular settings
-   [\#5468](https://github.com/vector-im/riot-web/pull/5468)
- * CSS/components for custom presence controls
-   [\#5286](https://github.com/vector-im/riot-web/pull/5286)
- * Set widget tile background colour
-   [\#5574](https://github.com/vector-im/riot-web/pull/5574)
- * Widget styling tweaks
-   [\#5573](https://github.com/vector-im/riot-web/pull/5573)
- * Center mixed content warnings in panel.
-   [\#5567](https://github.com/vector-im/riot-web/pull/5567)
- * Status.im theme
-   [\#5578](https://github.com/vector-im/riot-web/pull/5578)
-
-Changes in [0.13.5](https://github.com/vector-im/riot-web/releases/tag/v0.13.5) (2018-02-09)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.4...v0.13.5)
-
- * SECURITY UPDATE: Sanitise URLs from 'external_url'. Thanks to walle303 for contacting
-   us about this vulnerability.
-
-Changes in [0.13.4](https://github.com/vector-im/riot-web/releases/tag/v0.13.4) (2018-01-03)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.3...v0.13.4)
-
- * Change config of riot.im electron build to fix some widgets not working. This only affects
-   electron builds using the riot.im config - for all other builds, this is identical to
-   v0.13.3.
-
-Changes in [0.13.3](https://github.com/vector-im/riot-web/releases/tag/v0.13.3) (2017-12-04)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.2...v0.13.3)
-
- * Bump js-sdk, react-sdk version to pull in fix for [setting room publicity in a group](https://github.com/matrix-org/matrix-js-sdk/commit/aa3201ebb0fff5af2fb733080aa65ed1f7213de6).
-
-Changes in [0.13.2](https://github.com/vector-im/riot-web/releases/tag/v0.13.2) (2017-11-28)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.1...v0.13.2)
-
-
-Changes in [0.13.1](https://github.com/vector-im/riot-web/releases/tag/v0.13.1) (2017-11-17)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.0...v0.13.1)
-
- * SECURITY UPDATE: Fix the force TURN option for inbound calls. This option forced the use
-   of TURN but only worked for outbound calls and not inbound calls. This means that if you
-   enabled this option expecting it to mask your IP address in calls, your IP would still
-   have been revealed to the room if you accepted an incoming call.
- * Also adds the Slovak translation.
-
-Changes in [0.13.0](https://github.com/vector-im/riot-web/releases/tag/v0.13.0) (2017-11-15)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.0-rc.3...v0.13.0)
-
-
-Changes in [0.13.0-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.13.0-rc.3) (2017-11-14)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.0-rc.2...v0.13.0-rc.3)
-
-
-Changes in [0.13.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.13.0-rc.2) (2017-11-10)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.0-rc.1...v0.13.0-rc.2)
-
- * Make groups a fully-fleged baked-in feature
-   [\#5566](https://github.com/vector-im/riot-web/pull/5566)
-
-Changes in [0.13.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.13.0-rc.1) (2017-11-10)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.7...v0.13.0-rc.1)
-
- * Fix app tile margins.
-   [\#5561](https://github.com/vector-im/riot-web/pull/5561)
- * Fix wrapping of long room topics (and overlap with apps)
-   [\#5549](https://github.com/vector-im/riot-web/pull/5549)
- * Don't display widget iframes whilst loading.
-   [\#5555](https://github.com/vector-im/riot-web/pull/5555)
- * Update from Weblate.
-   [\#5558](https://github.com/vector-im/riot-web/pull/5558)
- * Adjust CSS for GroupView
-   [\#5543](https://github.com/vector-im/riot-web/pull/5543)
- * CSS for adding rooms to a group with visibility
-   [\#5546](https://github.com/vector-im/riot-web/pull/5546)
- * CSS for pinned indicators
-   [\#5511](https://github.com/vector-im/riot-web/pull/5511)
- * Implement general-purpose tooltip "(?)"-style
-   [\#5540](https://github.com/vector-im/riot-web/pull/5540)
- * CSS for improving group creation UX, namely setting long description
-   [\#5535](https://github.com/vector-im/riot-web/pull/5535)
- * CSS for room notif pills in composer
-   [\#5531](https://github.com/vector-im/riot-web/pull/5531)
- * Do not init a group store when no groupId specified
-   [\#5520](https://github.com/vector-im/riot-web/pull/5520)
- * CSS for new pinned events indicator
-   [\#5293](https://github.com/vector-im/riot-web/pull/5293)
- * T3chguy/devtools 1
-   [\#5471](https://github.com/vector-im/riot-web/pull/5471)
- * Use margin to separate "perms" in the room directory
-   [\#5498](https://github.com/vector-im/riot-web/pull/5498)
- * Add CSS for CreateGroupDialog to give group ID input suffix and prefix style
-   [\#5505](https://github.com/vector-im/riot-web/pull/5505)
- * Fix group invites such that they look similar to room invites
-   [\#5504](https://github.com/vector-im/riot-web/pull/5504)
- * CSS for Your Communities scrollbar
-   [\#5501](https://github.com/vector-im/riot-web/pull/5501)
- * Add toggle to alter visibility of room-group association
-   [\#5497](https://github.com/vector-im/riot-web/pull/5497)
- * CSS for room notification pills
-   [\#5494](https://github.com/vector-im/riot-web/pull/5494)
- * Implement simple GroupRoomInfo
-   [\#5493](https://github.com/vector-im/riot-web/pull/5493)
- * Add back bottom border to widget title bar
-   [\#5458](https://github.com/vector-im/riot-web/pull/5458)
- * Prevent group name looking clickable for non-members
-   [\#5478](https://github.com/vector-im/riot-web/pull/5478)
- * Fix instanceof check, was checking against the Package rather than class
-   [\#5472](https://github.com/vector-im/riot-web/pull/5472)
- * Use correct group store state when rendering "Invite to this community"
-   [\#5455](https://github.com/vector-im/riot-web/pull/5455)
- * Leverages ES6 in Notifications
-   [\#5453](https://github.com/vector-im/riot-web/pull/5453)
- * Re-PR #4412
-   [\#5437](https://github.com/vector-im/riot-web/pull/5437)
- * fix comma error of features example
-   [\#5410](https://github.com/vector-im/riot-web/pull/5410)
- * Devtools: make filtering case-insensitive
-   [\#5387](https://github.com/vector-im/riot-web/pull/5387)
- * Highlight group members icon in group member info
-   [\#5432](https://github.com/vector-im/riot-web/pull/5432)
- * Use CSS to stop greyed Right/LeftPanel UI from being interactable
-   [\#5422](https://github.com/vector-im/riot-web/pull/5422)
- * CSS for preventing editing of UI requiring user privilege if user
-   unprivileged
-   [\#5417](https://github.com/vector-im/riot-web/pull/5417)
- * Only show UI for adding rooms/users to groups to privileged users
-   [\#5409](https://github.com/vector-im/riot-web/pull/5409)
- * Only show "Invite to this community" when viewing group members
-   [\#5407](https://github.com/vector-im/riot-web/pull/5407)
- * Add trash can icon for delete widget
-   [\#5397](https://github.com/vector-im/riot-web/pull/5397)
- * CSS to improve MyGroups in general, and add placeholder
-   [\#5375](https://github.com/vector-im/riot-web/pull/5375)
- * Rxl881/parallelshell
-   [\#4881](https://github.com/vector-im/riot-web/pull/4881)
- * Custom server text was i18ned by key
-   [\#5371](https://github.com/vector-im/riot-web/pull/5371)
- * Run prunei18n
-   [\#5370](https://github.com/vector-im/riot-web/pull/5370)
- * Update from Weblate.
-   [\#5369](https://github.com/vector-im/riot-web/pull/5369)
- * Add script to prune unused translations
-   [\#5339](https://github.com/vector-im/riot-web/pull/5339)
- * CSS for improved MyGroups page
-   [\#5360](https://github.com/vector-im/riot-web/pull/5360)
- * Add padding-right to Dialogs
-   [\#5346](https://github.com/vector-im/riot-web/pull/5346)
- * Add div.warning and use the scss var
-   [\#5344](https://github.com/vector-im/riot-web/pull/5344)
- * Groups->Communities
-   [\#5343](https://github.com/vector-im/riot-web/pull/5343)
- * Make the 'add rooms' button clickable
-   [\#5342](https://github.com/vector-im/riot-web/pull/5342)
- * Switch to gen-i18n script
-   [\#5338](https://github.com/vector-im/riot-web/pull/5338)
- * Use _t as _t
-   [\#5334](https://github.com/vector-im/riot-web/pull/5334)
- * fix groupview header editing visuals (pt 1)
-   [\#5330](https://github.com/vector-im/riot-web/pull/5330)
- * bump version to prevent eslint errors
-   [\#5316](https://github.com/vector-im/riot-web/pull/5316)
- * CSS for invited group members section
-   [\#5303](https://github.com/vector-im/riot-web/pull/5303)
- * Handle long names in EntityTiles by overflowing correctly
-   [\#5302](https://github.com/vector-im/riot-web/pull/5302)
- * Disable labs in electron
-   [\#5296](https://github.com/vector-im/riot-web/pull/5296)
- * CSS for Modifying GroupView UI matrix-org/matrix-react-sdk#1475
-   [\#5295](https://github.com/vector-im/riot-web/pull/5295)
- * Message/event pinning
-   [\#5142](https://github.com/vector-im/riot-web/pull/5142)
- * Sorting of networks within a protocol based on name
-   [\#4054](https://github.com/vector-im/riot-web/pull/4054)
- * allow hiding of notification body for privacy reasons
-   [\#4988](https://github.com/vector-im/riot-web/pull/4988)
- * Don't use MXIDs on the lightbox if possible
-   [\#5281](https://github.com/vector-im/riot-web/pull/5281)
- * CSS for lonely room message
-   [\#5267](https://github.com/vector-im/riot-web/pull/5267)
- * Bring back dark theme code block border
-   [\#5037](https://github.com/vector-im/riot-web/pull/5037)
- * CSS for remove avatar buttons
-   [\#5282](https://github.com/vector-im/riot-web/pull/5282)
-
-Changes in [0.12.7](https://github.com/vector-im/riot-web/releases/tag/v0.12.7) (2017-10-16)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.7-rc.3...v0.12.7)
-
- * Released versions of react-sdk & js-sdk
-
-Changes in [0.12.7-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.12.7-rc.3) (2017-10-13)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.7-rc.2...v0.12.7-rc.3)
-
- * Hide the join group button
-   [\#5275](https://github.com/vector-im/riot-web/pull/5275)
-
-Changes in [0.12.7-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.12.7-rc.2) (2017-10-13)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.7-rc.1...v0.12.7-rc.2)
-
-
-Changes in [0.12.7-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.12.7-rc.1) (2017-10-13)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.6...v0.12.7-rc.1)
-
- * switch to new logos, and use import rather than VAR
-   [\#5203](https://github.com/vector-im/riot-web/pull/5203)
- * Clarify what an integrations server is
-   [\#5266](https://github.com/vector-im/riot-web/pull/5266)
- * Update from Weblate.
-   [\#5269](https://github.com/vector-im/riot-web/pull/5269)
- * Remove trailing comma in JSON
-   [\#5167](https://github.com/vector-im/riot-web/pull/5167)
- * Added default_federate property
-   [\#3849](https://github.com/vector-im/riot-web/pull/3849)
- * CSS for greying out login form
-   [\#5197](https://github.com/vector-im/riot-web/pull/5197)
- * Fix bug that made sub list placeholders not show for ILAG etc.
-   [\#5164](https://github.com/vector-im/riot-web/pull/5164)
- * Factor out EditableItemList component from AliasSettings
-   [\#5161](https://github.com/vector-im/riot-web/pull/5161)
- * Mark and remove some translations
-   [\#5110](https://github.com/vector-im/riot-web/pull/5110)
- * CSS for "remove" button on GroupRoomTile
-   [\#5141](https://github.com/vector-im/riot-web/pull/5141)
- * Create basic icon for the GroupRoomList tab and adding rooms to groups
-   [\#5140](https://github.com/vector-im/riot-web/pull/5140)
- * Add button to get to MyGroups
-   [\#5131](https://github.com/vector-im/riot-web/pull/5131)
- * Remove `key` prop pass-thru on HeaderButton
-   [\#5137](https://github.com/vector-im/riot-web/pull/5137)
- * Implement "Add room to group" feature
-   [\#5125](https://github.com/vector-im/riot-web/pull/5125)
- * Add Jitsi screensharing support in electron app
-   [\#4967](https://github.com/vector-im/riot-web/pull/4967)
- * Refactor right panel header buttons
-   [\#5117](https://github.com/vector-im/riot-web/pull/5117)
- * CSS for publicity status & toggle button
-   [\#5104](https://github.com/vector-im/riot-web/pull/5104)
- * CSS for "X" in top right of features users/rooms
-   [\#5103](https://github.com/vector-im/riot-web/pull/5103)
- * Include Finnish translation
-   [\#5051](https://github.com/vector-im/riot-web/pull/5051)
- * Redesign membership section of GroupView
-   [\#5096](https://github.com/vector-im/riot-web/pull/5096)
- * Make --config accept globs
-   [\#5090](https://github.com/vector-im/riot-web/pull/5090)
- * CSS for GroupView: Add a User
-   [\#5093](https://github.com/vector-im/riot-web/pull/5093)
- * T3chguy/devtools 1
-   [\#5074](https://github.com/vector-im/riot-web/pull/5074)
- * Alter opacity for flair
-   [\#5085](https://github.com/vector-im/riot-web/pull/5085)
- * Fix ugly integ button
-   [\#5082](https://github.com/vector-im/riot-web/pull/5082)
- * Group Membership UI
-   [\#4830](https://github.com/vector-im/riot-web/pull/4830)
-
-Changes in [0.12.6](https://github.com/vector-im/riot-web/releases/tag/v0.12.6) (2017-09-21)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.5...v0.12.6)
-
- * Use matrix-js-sdk v0.8.4 to fix build
-
-Changes in [0.12.5](https://github.com/vector-im/riot-web/releases/tag/v0.12.5) (2017-09-21)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.4...v0.12.5)
-
- * Use react-sdk v0.10.5 to fix build
-
-Changes in [0.12.4](https://github.com/vector-im/riot-web/releases/tag/v0.12.4) (2017-09-20)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.4-rc.1...v0.12.4)
-
- * No changes
-
-Changes in [0.12.4-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.12.4-rc.1) (2017-09-19)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.3...v0.12.4-rc.1)
-
- * Fix test for new behaviour of 'joining' flag
-   [\#5053](https://github.com/vector-im/riot-web/pull/5053)
- * fix really dumb blunder/typo preventing system from going to sleep.
-   [\#5080](https://github.com/vector-im/riot-web/pull/5080)
- * T3chguy/devtools
-   [\#4735](https://github.com/vector-im/riot-web/pull/4735)
- * CSS for unignore button in UserSettings
-   [\#5042](https://github.com/vector-im/riot-web/pull/5042)
- * Fix alias on home page for identity room
-   [\#5044](https://github.com/vector-im/riot-web/pull/5044)
- * generic contextual menu for tooltip/responses
-   [\#4989](https://github.com/vector-im/riot-web/pull/4989)
- * Update from Weblate.
-   [\#5018](https://github.com/vector-im/riot-web/pull/5018)
- * Avoid re-rendering RoomList on room switch
-   [\#5015](https://github.com/vector-im/riot-web/pull/5015)
- * Fix menu on change keyboard language issue #4345
-   [\#4623](https://github.com/vector-im/riot-web/pull/4623)
- * Make isInvite default to false
-   [\#4999](https://github.com/vector-im/riot-web/pull/4999)
- * Revert "Implement sticky date separators"
-   [\#4991](https://github.com/vector-im/riot-web/pull/4991)
- * Implement sticky date separators
-   [\#4939](https://github.com/vector-im/riot-web/pull/4939)
-
-Changes in [0.12.3](https://github.com/vector-im/riot-web/releases/tag/v0.12.3) (2017-09-06)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.3-rc.3...v0.12.3)
-
- * No changes
-
-Changes in [0.12.3-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.12.3-rc.3) (2017-09-05)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.3-rc.2...v0.12.3-rc.3)
-
- * Fix plurals in translations
-   [\#4971](https://github.com/vector-im/riot-web/pull/4971)
- * Update from Weblate.
-   [\#4968](https://github.com/vector-im/riot-web/pull/4968)
-
-Changes in [0.12.3-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.12.3-rc.2) (2017-09-05)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.3-rc.1...v0.12.3-rc.2)
-
- * New react-sdk version to pull in new translations and fix some translation bugs.
-
-
-Changes in [0.12.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.12.3-rc.1) (2017-09-01)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.2...v0.12.3-rc.1)
-
- * Fix overflowing login/register buttons on some languages issue #4804
-   [\#4858](https://github.com/vector-im/riot-web/pull/4858)
- * Update vector-im to riot-im on Login
-   [\#4943](https://github.com/vector-im/riot-web/pull/4943)
- * lets let people know that the bug report actually sent properly :)
-   [\#4910](https://github.com/vector-im/riot-web/pull/4910)
- * another s/vector/riot/ in README
-   [\#4934](https://github.com/vector-im/riot-web/pull/4934)
- * fix two room list regressions
-   [\#4907](https://github.com/vector-im/riot-web/pull/4907)
-
-Changes in [0.12.2](https://github.com/vector-im/riot-web/releases/tag/v0.12.2) (2017-08-24)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.1...v0.12.2)
-
- * Update react-sdk and js-sdk to fix bugs with incoming calls, messages and notifications
-   in encrypted rooms.
-
-Changes in [0.12.1](https://github.com/vector-im/riot-web/releases/tag/v0.12.1) (2017-08-23)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.1-rc.1...v0.12.1)
-
- * [No changes]
-
-Changes in [0.12.1-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.12.1-rc.1) (2017-08-22)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.0-rc.2...v0.12.1-rc.1)
-
- * Update from Weblate.
-   [\#4832](https://github.com/vector-im/riot-web/pull/4832)
- * Misc styling fixes.
-   [\#4826](https://github.com/vector-im/riot-web/pull/4826)
- * Show / Hide apps icons
-   [\#4774](https://github.com/vector-im/riot-web/pull/4774)
-
-Changes in [0.12.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.12.0-rc.1) (2017-08-16)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.4...v0.12.0-rc.1)
-
- * Update from Weblate.
-   [\#4797](https://github.com/vector-im/riot-web/pull/4797)
- * move focus-via-up/down cursors to LeftPanel
-   [\#4777](https://github.com/vector-im/riot-web/pull/4777)
- * Remove userId property on RightPanel
-   [\#4775](https://github.com/vector-im/riot-web/pull/4775)
- * Make member device info buttons fluid and stackable with flexbox
-   [\#4776](https://github.com/vector-im/riot-web/pull/4776)
- * un-i18n Modal Analytics
-   [\#4688](https://github.com/vector-im/riot-web/pull/4688)
- * Quote using innerText
-   [\#4773](https://github.com/vector-im/riot-web/pull/4773)
- * Karma tweaks for riot-web
-   [\#4765](https://github.com/vector-im/riot-web/pull/4765)
- * Fix typo with scripts/fetch-develop-deps.sh in Building From Source
-   [\#4764](https://github.com/vector-im/riot-web/pull/4764)
- * Adjust CSS for optional avatars in pills
-   [\#4757](https://github.com/vector-im/riot-web/pull/4757)
- * Fix crypto on develop
-   [\#4754](https://github.com/vector-im/riot-web/pull/4754)
- * Fix signing key url in readme
-   [\#4464](https://github.com/vector-im/riot-web/pull/4464)
- * update gitignore to allow .idea directory to exist in subdirs
-   [\#4749](https://github.com/vector-im/riot-web/pull/4749)
- * tweak compact theme
-   [\#4665](https://github.com/vector-im/riot-web/pull/4665)
- * Update draft-js from 0.10.1 to 0.11.0-alpha
-   [\#4740](https://github.com/vector-im/riot-web/pull/4740)
- * electron support for mouse forward/back buttons in Windows
-   [\#4739](https://github.com/vector-im/riot-web/pull/4739)
- * Update draft-js from 0.8.1 to 0.10.1
-   [\#4730](https://github.com/vector-im/riot-web/pull/4730)
- * Make pills, emoji translucent when sending
-   [\#4693](https://github.com/vector-im/riot-web/pull/4693)
- * Widget permissions styling and icon
-   [\#4690](https://github.com/vector-im/riot-web/pull/4690)
- * CSS required for composer autoscroll
-   [\#4682](https://github.com/vector-im/riot-web/pull/4682)
- * CSS for group edit UI
-   [\#4608](https://github.com/vector-im/riot-web/pull/4608)
- * Fix a couple of minor errors in the room list
-   [\#4671](https://github.com/vector-im/riot-web/pull/4671)
- * Styling for beta testing icon.
-   [\#4584](https://github.com/vector-im/riot-web/pull/4584)
- * Increase the timeout for clearing indexeddbs
-   [\#4650](https://github.com/vector-im/riot-web/pull/4650)
- * Make some adjustments to mx_UserPill and mx_RoomPill
-   [\#4597](https://github.com/vector-im/riot-web/pull/4597)
- * Apply CSS to <pre> tags to distinguish them from each other
-   [\#4639](https://github.com/vector-im/riot-web/pull/4639)
- * Use `catch` instead of `fail` to handle room tag error
-   [\#4643](https://github.com/vector-im/riot-web/pull/4643)
- * CSS for decorated matrix.to links in the composer
-   [\#4583](https://github.com/vector-im/riot-web/pull/4583)
- * Deflake the joining test
-   [\#4579](https://github.com/vector-im/riot-web/pull/4579)
- * Bump react to 15.6 to fix build problems
-   [\#4577](https://github.com/vector-im/riot-web/pull/4577)
- * Improve AppTile menu bar button styling.
-   [\#4567](https://github.com/vector-im/riot-web/pull/4567)
- * Transform `async` functions to bluebird promises
-   [\#4572](https://github.com/vector-im/riot-web/pull/4572)
- * use flushAllExpected in joining test
-   [\#4570](https://github.com/vector-im/riot-web/pull/4570)
- * Switch riot-web to bluebird
-   [\#4565](https://github.com/vector-im/riot-web/pull/4565)
- * loading tests: wait for login component
-   [\#4564](https://github.com/vector-im/riot-web/pull/4564)
- * Remove CSS for the MessageComposerInputOld
-   [\#4568](https://github.com/vector-im/riot-web/pull/4568)
- * Implement the focus_room_filter action
-   [\#4560](https://github.com/vector-im/riot-web/pull/4560)
- * CSS for Rooms in Group View
-   [\#4530](https://github.com/vector-im/riot-web/pull/4530)
- * more HomePage tweaks
-   [\#4557](https://github.com/vector-im/riot-web/pull/4557)
- * Give HomePage an unmounted guard
-   [\#4556](https://github.com/vector-im/riot-web/pull/4556)
- * Take RTE out of labs
-   [\#4500](https://github.com/vector-im/riot-web/pull/4500)
- * CSS for Groups page
-   [\#4468](https://github.com/vector-im/riot-web/pull/4468)
- * CSS for GroupView
-   [\#4442](https://github.com/vector-im/riot-web/pull/4442)
- * remove unused class
-   [\#4525](https://github.com/vector-im/riot-web/pull/4525)
- * Fix long words causing MessageComposer to widen
-   [\#4466](https://github.com/vector-im/riot-web/pull/4466)
- * Add visual bell animation for RTE
-   [\#4516](https://github.com/vector-im/riot-web/pull/4516)
- * Truncate auto-complete pills properly
-   [\#4502](https://github.com/vector-im/riot-web/pull/4502)
- * Use chrome headless instead of phantomjs
-   [\#4512](https://github.com/vector-im/riot-web/pull/4512)
- * Use external mock-request
-   [\#4489](https://github.com/vector-im/riot-web/pull/4489)
- * fix Quote not closing contextual menu
-   [\#4443](https://github.com/vector-im/riot-web/pull/4443)
- * Apply white-space: pre-wrap to mx_MEmoteBody
-   [\#4470](https://github.com/vector-im/riot-web/pull/4470)
- * Add some style improvements to autocompletions
-   [\#4456](https://github.com/vector-im/riot-web/pull/4456)
- * Styling for apps / widgets
-   [\#4447](https://github.com/vector-im/riot-web/pull/4447)
- * Attempt to flush the rageshake logs on close
-   [\#4400](https://github.com/vector-im/riot-web/pull/4400)
- * Update from Weblate.
-   [\#4401](https://github.com/vector-im/riot-web/pull/4401)
- * improve update polling electron and provide a manual check for updates
-   button
-   [\#4176](https://github.com/vector-im/riot-web/pull/4176)
- * Fix load failure in firefox when indexedDB is disabled
-   [\#4395](https://github.com/vector-im/riot-web/pull/4395)
- * Change missed 'Redact' to 'Remove' in ImageView.
-   [\#4362](https://github.com/vector-im/riot-web/pull/4362)
- * explicit convert to nativeImage to stabilise trayIcon on Windows [Electron]
-   [\#4355](https://github.com/vector-im/riot-web/pull/4355)
- * Use _tJsx for PasswordNagBar (because it has <u>)
-   [\#4373](https://github.com/vector-im/riot-web/pull/4373)
- * Clean up some log outputs from the integ tests
-   [\#4376](https://github.com/vector-im/riot-web/pull/4376)
- * CSS for redeisng of password warning
-   [\#4367](https://github.com/vector-im/riot-web/pull/4367)
- * Give _t to PasswordNagBar, add CSS for UserSettings password warning
-   [\#4366](https://github.com/vector-im/riot-web/pull/4366)
- * Update from Weblate.
-   [\#4361](https://github.com/vector-im/riot-web/pull/4361)
- * Update from Weblate.
-   [\#4360](https://github.com/vector-im/riot-web/pull/4360)
- * Test 'return-to-app' functionality
-   [\#4352](https://github.com/vector-im/riot-web/pull/4352)
- * Update from Weblate.
-   [\#4354](https://github.com/vector-im/riot-web/pull/4354)
- * onLoadCompleted is now onTokenLoginCompleted
-   [\#4335](https://github.com/vector-im/riot-web/pull/4335)
- * Tweak tests to match updates to matrixchat
-   [\#4325](https://github.com/vector-im/riot-web/pull/4325)
- * Update from Weblate.
-   [\#4346](https://github.com/vector-im/riot-web/pull/4346)
- * change dispatcher forward_event signature
-   [\#4337](https://github.com/vector-im/riot-web/pull/4337)
- * Add border on hover for code blocks
-   [\#4259](https://github.com/vector-im/riot-web/pull/4259)
-
-Changes in [0.11.4](https://github.com/vector-im/riot-web/releases/tag/v0.11.4) (2017-06-22)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.3...v0.11.4)
-
- * Update matrix-js-sdk and react-sdk to fix a regression where the
-   background indexedb worker was disabled, failures to open indexeddb
-   causing the app to fail to start, a race when starting that could break
-   switching to rooms, and the inability to invite users with mixed case
-   usernames.
-
-Changes in [0.11.3](https://github.com/vector-im/riot-web/releases/tag/v0.11.3) (2017-06-20)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.2...v0.11.3)
-
- * Update to matrix-react-sdk 0.9.6 to fix infinite spinner bugs
-   and some parts of the app that had missed translation.
-
-Changes in [0.11.2](https://github.com/vector-im/riot-web/releases/tag/v0.11.2) (2017-06-19)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.2-rc.2...v0.11.2)
-
- * Add more languages and translations
- * Add a 'register' button
-
-Changes in [0.11.2-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.11.2-rc.2) (2017-06-16)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.2-rc.1...v0.11.2-rc.2)
-
- * Update react-sdk to pull in fixes for URL previews, CAS
-   login, h2 in markdown and CAPTCHA forms.
- * Enable Korean translation
- * Update from Weblate.
-   [\#4323](https://github.com/vector-im/riot-web/pull/4323)
- * Fix h2 in markdown being weird
-   [\#4332](https://github.com/vector-im/riot-web/pull/4332)
-
-Changes in [0.11.2-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.11.2-rc.1) (2017-06-15)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.1...v0.11.2-rc.1)
-
- * Attempts to deflakify the joining test
-   [\#4313](https://github.com/vector-im/riot-web/pull/4313)
- * Add a test for the login flow when there is a teamserver
-   [\#4315](https://github.com/vector-im/riot-web/pull/4315)
- * Remove onload simulator from loading test
-   [\#4314](https://github.com/vector-im/riot-web/pull/4314)
- * Update from Weblate.
-   [\#4305](https://github.com/vector-im/riot-web/pull/4305)
- * Test that we handle stored mx_last_room_id correctly
-   [\#4292](https://github.com/vector-im/riot-web/pull/4292)
- * Ask for email address after setting password for the first time
-   [\#4301](https://github.com/vector-im/riot-web/pull/4301)
- * i18n for setting email after password flow
-   [\#4299](https://github.com/vector-im/riot-web/pull/4299)
- * Update from Weblate.
-   [\#4290](https://github.com/vector-im/riot-web/pull/4290)
- * Don't show the tooltips when filtering rooms
-   [\#4282](https://github.com/vector-im/riot-web/pull/4282)
- * Update from Weblate.
-   [\#4272](https://github.com/vector-im/riot-web/pull/4272)
- * Add missing VOIP Dropdown width
-   [\#4266](https://github.com/vector-im/riot-web/pull/4266)
- * Update import and directory path in the Translations dev guide
-   [\#4261](https://github.com/vector-im/riot-web/pull/4261)
- * Use Thai string for Thai in Language-Chooser
-   [\#4260](https://github.com/vector-im/riot-web/pull/4260)
-
-Changes in [0.11.1](https://github.com/vector-im/riot-web/releases/tag/v0.11.1) (2017-06-14)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.0...v0.11.1)
-
- * Update to react-sdk 0.9.4 to prompt to set an
-   email address when setting a password and make
-   DM guessing smarter.
-
-Changes in [0.11.0](https://github.com/vector-im/riot-web/releases/tag/v0.11.0) (2017-06-12)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.0-rc.2...v0.11.0)
-
- * More translations & minor fixes
-
-Changes in [0.11.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.11.0-rc.2) (2017-06-09)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.0-rc.1...v0.11.0-rc.2)
-
- * Update to matrix-react-sdk rc.2 which fixes the flux
-   dependency version and an issue with the conference
-   call bar translation.
-
-
-Changes in [0.11.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.11.0-rc.1) (2017-06-09)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.10.2...v0.11.0-rc.1)
-
- * Update from Weblate.
-   [\#4258](https://github.com/vector-im/riot-web/pull/4258)
- * Update from Weblate.
-   [\#4254](https://github.com/vector-im/riot-web/pull/4254)
- * Update from Weblate.
-   [\#4253](https://github.com/vector-im/riot-web/pull/4253)
- * Expect to see HTTP /join/#some:alias when we the view knows it
-   [\#4252](https://github.com/vector-im/riot-web/pull/4252)
- * Update from Weblate.
-   [\#4250](https://github.com/vector-im/riot-web/pull/4250)
- * add explicit import to utf8 polyfill and rip out unused imports
-   [\#4169](https://github.com/vector-im/riot-web/pull/4169)
- * Added styling for copy to clipboard button
-   [\#4204](https://github.com/vector-im/riot-web/pull/4204)
- * Update from Weblate.
-   [\#4231](https://github.com/vector-im/riot-web/pull/4231)
- * Update from Weblate.
-   [\#4218](https://github.com/vector-im/riot-web/pull/4218)
- * Update CSS for ChatInviteDialog
-   [\#4226](https://github.com/vector-im/riot-web/pull/4226)
- * change electron -> electron_app which was previously missed
-   [\#4212](https://github.com/vector-im/riot-web/pull/4212)
- * New guest access
-   [\#4039](https://github.com/vector-im/riot-web/pull/4039)
- * Align message timestamp centrally about the avatar mid-point
-   [\#4219](https://github.com/vector-im/riot-web/pull/4219)
- * Remove '/' from homepage URL
-   [\#4221](https://github.com/vector-im/riot-web/pull/4221)
- * Chop off 'origin/'
-   [\#4220](https://github.com/vector-im/riot-web/pull/4220)
- * Update from Weblate.
-   [\#4214](https://github.com/vector-im/riot-web/pull/4214)
- * adjust alignment of message menu button in compact layout
-   [\#4211](https://github.com/vector-im/riot-web/pull/4211)
- * Update from Weblate.
-   [\#4207](https://github.com/vector-im/riot-web/pull/4207)
- * Fix Tests in ILAG
-   [\#4209](https://github.com/vector-im/riot-web/pull/4209)
- * Update from Weblate.
-   [\#4197](https://github.com/vector-im/riot-web/pull/4197)
- * Fix tests for new-guest-access
-   [\#4201](https://github.com/vector-im/riot-web/pull/4201)
- * i18n for SetPasswordDialog
-   [\#4198](https://github.com/vector-im/riot-web/pull/4198)
- * Update from Weblate.
-   [\#4193](https://github.com/vector-im/riot-web/pull/4193)
- * to make the windows volume mixer not explode as it can't resize icons.
-   [\#4183](https://github.com/vector-im/riot-web/pull/4183)
- * provide react devtools in electron dev runs
-   [\#4186](https://github.com/vector-im/riot-web/pull/4186)
- * Fix DeprecationWarning
-   [\#4184](https://github.com/vector-im/riot-web/pull/4184)
- * room link should be a matrix.to one
-   [\#4178](https://github.com/vector-im/riot-web/pull/4178)
- * Update home.html
-   [\#4163](https://github.com/vector-im/riot-web/pull/4163)
- * Add missing translation for room directory
-   [\#4160](https://github.com/vector-im/riot-web/pull/4160)
- * i18n welcome
-   [\#4129](https://github.com/vector-im/riot-web/pull/4129)
- * Tom welcome page
-   [\#4038](https://github.com/vector-im/riot-web/pull/4038)
- * Fix some tests that expect Directory (they should expect HomePage)
-   [\#4076](https://github.com/vector-im/riot-web/pull/4076)
- * Add "Login" button to RHS when user is a guest
-   [\#4037](https://github.com/vector-im/riot-web/pull/4037)
- * Rejig the PaswordNagBar
-   [\#4026](https://github.com/vector-im/riot-web/pull/4026)
- * Allow team server config to be missing
-   [\#4024](https://github.com/vector-im/riot-web/pull/4024)
- * Remove GuestWarningBar
-   [\#4020](https://github.com/vector-im/riot-web/pull/4020)
- * Make left panel better for new users (mk III)
-   [\#4023](https://github.com/vector-im/riot-web/pull/4023)
- * Implement default welcome page and allow custom URL /w config
-   [\#4015](https://github.com/vector-im/riot-web/pull/4015)
- * Add warm-fuzzy for successful password entry
-   [\#3989](https://github.com/vector-im/riot-web/pull/3989)
- * autoFocus new password input in SetPasswordDialog
-   [\#3982](https://github.com/vector-im/riot-web/pull/3982)
- * Implement dialog to set password
-   [\#3921](https://github.com/vector-im/riot-web/pull/3921)
- * Replace NeedToRegister with SetMxId dialog
-   [\#3924](https://github.com/vector-im/riot-web/pull/3924)
- * Add welcomeUserId to sample config
-   [\#3906](https://github.com/vector-im/riot-web/pull/3906)
- * CSS for mxIdDialog redesign
-   [\#3885](https://github.com/vector-im/riot-web/pull/3885)
- * Implement PasswordNagBar
-   [\#3817](https://github.com/vector-im/riot-web/pull/3817)
- * CSS for new SetMxIdDialog
-   [\#3762](https://github.com/vector-im/riot-web/pull/3762)
-
-Changes in [0.10.2](https://github.com/vector-im/riot-web/releases/tag/v0.10.2) (2017-06-06)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.10.1...v0.10.2)
-
- * Hotfix for bugs where navigating straight to a URL like /#/login and
-   and /#/forgot_password
-
-
-Changes in [0.10.1](https://github.com/vector-im/riot-web/releases/tag/v0.10.1) (2017-06-02)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.10.0...v0.10.1)
-
- * Update to matrix-react-sdk 0.9.1 to fix i18n error which broke start chat in some circumstances
-
-Changes in [0.10.0](https://github.com/vector-im/riot-web/releases/tag/v0.10.0) (2017-06-02)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.10.0-rc.2...v0.10.0)
-
- * Update from Weblate.
-   [\#4152](https://github.com/vector-im/riot-web/pull/4152)
-
-Changes in [0.10.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.10.0-rc.2) (2017-06-02)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.10.0-rc.1...v0.10.0-rc.2)
-
- * Update from Weblate.
-   [\#4150](https://github.com/vector-im/riot-web/pull/4150)
- * styling for webrtc settings
-   [\#4019](https://github.com/vector-im/riot-web/pull/4019)
- * Update from Weblate.
-   [\#4140](https://github.com/vector-im/riot-web/pull/4140)
- * add styles for compact layout
-   [\#4132](https://github.com/vector-im/riot-web/pull/4132)
- * Various tweaks to fetch-develop-deps
-   [\#4147](https://github.com/vector-im/riot-web/pull/4147)
- * Don't try to build with node 6.0
-   [\#4145](https://github.com/vector-im/riot-web/pull/4145)
- * Support 12hr time on DateSeparator
-   [\#4143](https://github.com/vector-im/riot-web/pull/4143)
- * Update from Weblate.
-   [\#4137](https://github.com/vector-im/riot-web/pull/4137)
- * Update from Weblate.
-   [\#4105](https://github.com/vector-im/riot-web/pull/4105)
- * Update from Weblate.
-   [\#4094](https://github.com/vector-im/riot-web/pull/4094)
- * Update from Weblate.
-   [\#4091](https://github.com/vector-im/riot-web/pull/4091)
- * Update from Weblate.
-   [\#4089](https://github.com/vector-im/riot-web/pull/4089)
- * Update from Weblate.
-   [\#4083](https://github.com/vector-im/riot-web/pull/4083)
-
-Changes in [0.10.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.10.0-rc.1) (2017-06-01)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.10...v0.10.0-rc.1)
-
- * basic electron profile support
-   [\#4030](https://github.com/vector-im/riot-web/pull/4030)
- * Finish translations for vector-im/riot-web
-   [\#4122](https://github.com/vector-im/riot-web/pull/4122)
- * Translate src/vector
-   [\#4119](https://github.com/vector-im/riot-web/pull/4119)
- * electron flashFrame was way too annoying
-   [\#4128](https://github.com/vector-im/riot-web/pull/4128)
- * auto-launch support [Electron]
-   [\#4012](https://github.com/vector-im/riot-web/pull/4012)
- * Show 12hr time on hover too
-   [\#4092](https://github.com/vector-im/riot-web/pull/4092)
- * Translate src/notifications
-   [\#4087](https://github.com/vector-im/riot-web/pull/4087)
- * Translate src/components/structures
-   [\#4084](https://github.com/vector-im/riot-web/pull/4084)
- * Smaller font size on timestamp to better fit in the available space
-   [\#4085](https://github.com/vector-im/riot-web/pull/4085)
- * Make travis run the build with several versions of node
-   [\#4079](https://github.com/vector-im/riot-web/pull/4079)
- * Piwik Analytics
-   [\#4056](https://github.com/vector-im/riot-web/pull/4056)
- * Update from Weblate.
-   [\#4077](https://github.com/vector-im/riot-web/pull/4077)
- * managed to eat the eventStatus check, can't redact a local-echo etc
-   [\#4078](https://github.com/vector-im/riot-web/pull/4078)
- * show redact in context menu only if has PL to/sent message
-   [\#3925](https://github.com/vector-im/riot-web/pull/3925)
- * Update from Weblate.
-   [\#4064](https://github.com/vector-im/riot-web/pull/4064)
- * Change redact -> remove to improve clarity
-   [\#3722](https://github.com/vector-im/riot-web/pull/3722)
- * Update from Weblate.
-   [\#4058](https://github.com/vector-im/riot-web/pull/4058)
- * Message Forwarding
-   [\#3688](https://github.com/vector-im/riot-web/pull/3688)
- * Update from Weblate.
-   [\#4057](https://github.com/vector-im/riot-web/pull/4057)
- * Fixed an input field's background color in dark theme
-   [\#4053](https://github.com/vector-im/riot-web/pull/4053)
- * Update from Weblate.
-   [\#4051](https://github.com/vector-im/riot-web/pull/4051)
- * Update from Weblate.
-   [\#4049](https://github.com/vector-im/riot-web/pull/4049)
- * Update from Weblate.
-   [\#4048](https://github.com/vector-im/riot-web/pull/4048)
- * Update from Weblate.
-   [\#4040](https://github.com/vector-im/riot-web/pull/4040)
- * Update translating.md: Minor suggestions
-   [\#4041](https://github.com/vector-im/riot-web/pull/4041)
- * tidy electron files, they weren't pwetty
-   [\#3993](https://github.com/vector-im/riot-web/pull/3993)
- * Prevent Power Save when in call (Electron)
-   [\#3992](https://github.com/vector-im/riot-web/pull/3992)
- * Translations!
-   [\#4035](https://github.com/vector-im/riot-web/pull/4035)
- * Kieran gould/12hourtimestamp
-   [\#3961](https://github.com/vector-im/riot-web/pull/3961)
- * Don't include src in the test resolve root
-   [\#4033](https://github.com/vector-im/riot-web/pull/4033)
- * add moar context menus [Electron]
-   [\#4021](https://github.com/vector-im/riot-web/pull/4021)
- * Add `Chat` to Linux app categories
-   [\#4022](https://github.com/vector-im/riot-web/pull/4022)
- * add menu category for linux build of app
-   [\#3975](https://github.com/vector-im/riot-web/pull/3975)
- * Electron Tray Improvements
-   [\#3909](https://github.com/vector-im/riot-web/pull/3909)
- * More riot-web test deflakification
-   [\#3966](https://github.com/vector-im/riot-web/pull/3966)
- * Script to fetch corresponding branches of dependent projects
-   [\#3945](https://github.com/vector-im/riot-web/pull/3945)
- * Add type="text/css" to SVG logos
-   [\#3964](https://github.com/vector-im/riot-web/pull/3964)
- * Fix some setState-after-unmount in roomdirectory
-   [\#3958](https://github.com/vector-im/riot-web/pull/3958)
- * Attempt to deflakify joining test
-   [\#3956](https://github.com/vector-im/riot-web/pull/3956)
-
-Changes in [0.9.10](https://github.com/vector-im/riot-web/releases/tag/v0.9.10) (2017-05-22)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.10-rc.1...v0.9.10)
-
- * No changes
-
-
-Changes in [0.9.10-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.10-rc.1) (2017-05-19)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.9...v0.9.10-rc.1)
-
- * CSS for left_aligned Dropdowns, and adjustments for Country dd in Login
-   [\#3959](https://github.com/vector-im/riot-web/pull/3959)
- * Add square flag pngs /w genflags.sh script
-   [\#3953](https://github.com/vector-im/riot-web/pull/3953)
- * Add config for riot-bot on desktop app build
-   [\#3954](https://github.com/vector-im/riot-web/pull/3954)
- * Desktop: 'copy link address'
-   [\#3952](https://github.com/vector-im/riot-web/pull/3952)
- * Reduce rageshake log size to 1MB
-   [\#3943](https://github.com/vector-im/riot-web/pull/3943)
- * CSS for putting country dd on same line as phone input
-   [\#3942](https://github.com/vector-im/riot-web/pull/3942)
- * fix #3894
-   [\#3919](https://github.com/vector-im/riot-web/pull/3919)
- * change vector->riot on the surface
-   [\#3894](https://github.com/vector-im/riot-web/pull/3894)
- * move manifest.json outward so it is scoped properly
-   [\#3888](https://github.com/vector-im/riot-web/pull/3888)
- * add to manifest
-   [\#3799](https://github.com/vector-im/riot-web/pull/3799)
- * Automatically update component-index
-   [\#3886](https://github.com/vector-im/riot-web/pull/3886)
- * move electron -> electron_app because npm smart
-   [\#3877](https://github.com/vector-im/riot-web/pull/3877)
- * Fix bug report endpoint in config.sample.json.
-   [\#3863](https://github.com/vector-im/riot-web/pull/3863)
- * Update 2 missed icons to the new icon
-   [\#3851](https://github.com/vector-im/riot-web/pull/3851)
- * Make left panel better for new users (mk II)
-   [\#3804](https://github.com/vector-im/riot-web/pull/3804)
- * match primary package.json
-   [\#3839](https://github.com/vector-im/riot-web/pull/3839)
- * Re-add productName
-   [\#3829](https://github.com/vector-im/riot-web/pull/3829)
- * Remove leading v in /version file, for SemVer and to match Electron ver
-   [\#3683](https://github.com/vector-im/riot-web/pull/3683)
- * Fix scope of callback
-   [\#3790](https://github.com/vector-im/riot-web/pull/3790)
- * Remember and Recall window layout/position state
-   [\#3622](https://github.com/vector-im/riot-web/pull/3622)
- * Remove babelcheck
-   [\#3808](https://github.com/vector-im/riot-web/pull/3808)
- * Include MXID and device id in rageshakes
-   [\#3809](https://github.com/vector-im/riot-web/pull/3809)
- * import Modal
-   [\#3791](https://github.com/vector-im/riot-web/pull/3791)
- * Pin filesize ver to fix break upstream
-   [\#3775](https://github.com/vector-im/riot-web/pull/3775)
- * Improve Room Directory Look & Feel
-   [\#3751](https://github.com/vector-im/riot-web/pull/3751)
- * Fix emote RRs alignment
-   [\#3742](https://github.com/vector-im/riot-web/pull/3742)
- * Remove unused `placeholder` prop on RoomDropTarget
-   [\#3741](https://github.com/vector-im/riot-web/pull/3741)
- * Modify CSS for matrix-org/matrix-react-sdk#833
-   [\#3732](https://github.com/vector-im/riot-web/pull/3732)
- * Warn when exiting due to single-instance
-   [\#3727](https://github.com/vector-im/riot-web/pull/3727)
- * Electron forgets it was maximized when you click on a notification
-   [\#3709](https://github.com/vector-im/riot-web/pull/3709)
- * CSS to make h1 and h2 the same size as h1.
-   [\#3719](https://github.com/vector-im/riot-web/pull/3719)
- * Prevent long room names/topics from pushing UI of the screen
-   [\#3721](https://github.com/vector-im/riot-web/pull/3721)
- * Disable dropdown highlight on focus
-   [\#3717](https://github.com/vector-im/riot-web/pull/3717)
- * Escape HTML Tags from Linux Notifications (electron)
-   [\#3564](https://github.com/vector-im/riot-web/pull/3564)
- * styling for spoilerized access token view in Settings
-   [\#3651](https://github.com/vector-im/riot-web/pull/3651)
- * Fix Webpack conf
-   [\#3690](https://github.com/vector-im/riot-web/pull/3690)
- * Add config.json to .gitignore
-   [\#3599](https://github.com/vector-im/riot-web/pull/3599)
- * add command line arg (--hidden) for electron app
-   [\#3641](https://github.com/vector-im/riot-web/pull/3641)
- * fix ImageView Download functionality
-   [\#3640](https://github.com/vector-im/riot-web/pull/3640)
- * Add cross-env into the mix
-   [\#3693](https://github.com/vector-im/riot-web/pull/3693)
- * Remember acceptance for unsupported browsers.
-   [\#3694](https://github.com/vector-im/riot-web/pull/3694)
- * Cosmetics to go with matrix-org/matrix-react-sdk#811
-   [\#3692](https://github.com/vector-im/riot-web/pull/3692)
- * Cancel quicksearch on ESC
-   [\#3680](https://github.com/vector-im/riot-web/pull/3680)
- * Optimise RoomList and implement quick-search functionality on it.
-   [\#3654](https://github.com/vector-im/riot-web/pull/3654)
- * Progress updates for rageshake uploads
-   [\#3648](https://github.com/vector-im/riot-web/pull/3648)
- * Factor out rageshake upload to a separate file
-   [\#3645](https://github.com/vector-im/riot-web/pull/3645)
- * rageshake: fix race when collecting logs
-   [\#3644](https://github.com/vector-im/riot-web/pull/3644)
- * Fix a flaky test
-   [\#3649](https://github.com/vector-im/riot-web/pull/3649)
-
-Changes in [0.9.9](https://github.com/vector-im/riot-web/releases/tag/v0.9.9) (2017-04-25)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.9-rc.2...v0.9.9)
-
- * No changes
-
-
-Changes in [0.9.9-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.9.9-rc.2) (2017-04-24)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.9-rc.1...v0.9.9-rc.2)
+## 🐛 Bug Fixes
 
- * Fix bug where links to Riot would fail to open.
+* Fix external guest access url for unencrypted rooms ([#12345](https://github.com/matrix-org/matrix-react-sdk/pull/12345)). Contributed by @toger5.
+* Fix video rooms not showing share link button ([#12374](https://github.com/matrix-org/matrix-react-sdk/pull/12374)). Contributed by @toger5.
+* Fix space topic jumping on hover/focus ([#12377](https://github.com/matrix-org/matrix-react-sdk/pull/12377)). Contributed by @t3chguy.
+* Allow popping out a Jitsi widget to respect Desktop `web_base_url` config ([#12376](https://github.com/matrix-org/matrix-react-sdk/pull/12376)). Contributed by @t3chguy.
+* Remove the Lazy Loading `InvalidStoreError` Dialogs ([#12358](https://github.com/matrix-org/matrix-react-sdk/pull/12358)). Contributed by @langleyd.
+* Improve readability of badges and pills ([#12360](https://github.com/matrix-org/matrix-react-sdk/pull/12360)). Contributed by @robintown.
 
 
-Changes in [0.9.9-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.9-rc.1) (2017-04-21)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.8...v0.9.9-rc.1)
 
- * Update js-sdk and matrix-react-sdk to fix registration without a captcha (https://github.com/vector-im/riot-web/issues/3621)
+Changes in [1.11.63](https://github.com/element-hq/element-web/releases/tag/v1.11.63) (2024-03-28)
+==================================================================================================
+This is a hotfix release to fix a couple of issues: one where the client would sometimes call the client/server API to set a push rule in a loop, and one where authentication was not sent for widgets when it should have been.
+
+## 🐛 Bug Fixes
+
+* Revert "Make EC widget theme reactive - Update widget url when the theme changes" ([#12383](https://github.com/matrix-org/matrix-react-sdk/pull/12383)) in order to fix widgets that require authentication.
+* Update to hotfixed js-sdk to fix an issue where Element could try to set a push rule in a loop.
+
 
 
-Changes in [0.9.8](https://github.com/vector-im/riot-web/releases/tag/v0.9.8) (2017-04-12)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.8-rc.3...v0.9.8)
+Changes in [1.11.62](https://github.com/element-hq/element-web/releases/tag/v1.11.62) (2024-03-26)
+==================================================================================================
+## ✨ Features
+
+* Change user permission by using a new apply button ([#12346](https://github.com/matrix-org/matrix-react-sdk/pull/12346)). Contributed by @florianduros.
+* Mark as Unread ([#12254](https://github.com/matrix-org/matrix-react-sdk/pull/12254)). Contributed by @dbkr.
+* Refine the colors of some more components ([#12343](https://github.com/matrix-org/matrix-react-sdk/pull/12343)). Contributed by @robintown.
+* TAC: Order rooms by most recent after notification level ([#12329](https://github.com/matrix-org/matrix-react-sdk/pull/12329)). Contributed by @florianduros.
+* Make EC widget theme reactive - Update widget url when the theme changes ([#12295](https://github.com/matrix-org/matrix-react-sdk/pull/12295)). Contributed by @toger5.
+* Refine styles of menus, toasts, popovers, and modals ([#12332](https://github.com/matrix-org/matrix-react-sdk/pull/12332)). Contributed by @robintown.
+* Element Call: fix widget shown while its still loading (`waitForIframeLoad=false`) ([#12292](https://github.com/matrix-org/matrix-react-sdk/pull/12292)). Contributed by @toger5.
+* Improve Forward Dialog a11y by switching to roving tab index interactions ([#12306](https://github.com/matrix-org/matrix-react-sdk/pull/12306)). Contributed by @t3chguy.
+* Call guest access link creation to join calls as a non registered user via the EC SPA ([#12259](https://github.com/matrix-org/matrix-react-sdk/pull/12259)). Contributed by @toger5.
+* Use `strong` element to semantically denote visually emphasised content ([#12320](https://github.com/matrix-org/matrix-react-sdk/pull/12320)). Contributed by @t3chguy.
+* Handle up/down arrow keys as well as left/right for horizontal toolbars for improved a11y ([#12305](https://github.com/matrix-org/matrix-react-sdk/pull/12305)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Remove the glass border from modal spinners ([#12369](https://github.com/matrix-org/matrix-react-sdk/pull/12369)). Contributed by @RiotRobot.
+* Fix incorrect check for private read receipt support ([#12348](https://github.com/matrix-org/matrix-react-sdk/pull/12348)). Contributed by @tulir.
+* TAC: Fix hover state when expanded ([#12337](https://github.com/matrix-org/matrix-react-sdk/pull/12337)). Contributed by @florianduros.
+* Fix the image view ([#12341](https://github.com/matrix-org/matrix-react-sdk/pull/12341)). Contributed by @robintown.
+* Use correct push rule to evaluate room-wide mentions ([#12318](https://github.com/matrix-org/matrix-react-sdk/pull/12318)). Contributed by @t3chguy.
+* Reset power selector on API failure to prevent state mismatch ([#12319](https://github.com/matrix-org/matrix-react-sdk/pull/12319)). Contributed by @t3chguy.
+* Fix spotlight opening in TAC ([#12315](https://github.com/matrix-org/matrix-react-sdk/pull/12315)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.61](https://github.com/element-hq/element-web/releases/tag/v1.11.61) (2024-03-14)
+==================================================================================================
+* No changes
 
- * No changes
+## 🐛 Bug Fixes
 
-Changes in [0.9.8-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.9.8-rc.3) (2017-04-11)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.8-rc.2...v0.9.8-rc.3)
+* Update `@vector-im/compound-design-tokens` in package.json ([#12340](https://github.com/matrix-org/matrix-react-sdk/pull/12340)).
 
- * Make the clear cache button work on desktop
-   [\#3598](https://github.com/vector-im/riot-web/pull/3598)
 
-Changes in [0.9.8-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.9.8-rc.2) (2017-04-10)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.8-rc.1...v0.9.8-rc.2)
 
- * Redacted events bg: black lozenge -> torn paper
-   [\#3596](https://github.com/vector-im/riot-web/pull/3596)
- * Add 'app' parameter to rageshake report
-   [\#3594](https://github.com/vector-im/riot-web/pull/3594)
+Changes in [1.11.60](https://github.com/element-hq/element-web/releases/tag/v1.11.60) (2024-03-12)
+==================================================================================================
+## ✨ Features
 
-Changes in [0.9.8-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.8-rc.1) (2017-04-07)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.7...v0.9.8-rc.1)
-
- * Add support for indexeddb sync in webworker
-   [\#3578](https://github.com/vector-im/riot-web/pull/3578)
- * Add CSS to make Emote sender cursor : pointer
-   [\#3574](https://github.com/vector-im/riot-web/pull/3574)
- * Remove rageshake server
-   [\#3565](https://github.com/vector-im/riot-web/pull/3565)
- * Adjust CSS for matrix-org/matrix-react-sdk#789
-   [\#3566](https://github.com/vector-im/riot-web/pull/3566)
- * Fix tests to reflect recent changes
-   [\#3537](https://github.com/vector-im/riot-web/pull/3537)
- * Do not assume getTs will return comparable integer
-   [\#3536](https://github.com/vector-im/riot-web/pull/3536)
- * Rename ReactPerf to Perf
-   [\#3535](https://github.com/vector-im/riot-web/pull/3535)
- * Don't show phone number as target for email notifs
-   [\#3530](https://github.com/vector-im/riot-web/pull/3530)
- * Fix people section again
-   [\#3458](https://github.com/vector-im/riot-web/pull/3458)
- * dark theme invert inconsistent across browsers
-   [\#3479](https://github.com/vector-im/riot-web/pull/3479)
- * CSS for adding phone number in UserSettings
-   [\#3451](https://github.com/vector-im/riot-web/pull/3451)
- * Support for phone number registration/signin, mk2
-   [\#3426](https://github.com/vector-im/riot-web/pull/3426)
- * Confirm redactions with a dialog
-   [\#3470](https://github.com/vector-im/riot-web/pull/3470)
- * Better CSS for redactions
-   [\#3453](https://github.com/vector-im/riot-web/pull/3453)
- * Fix the people section
-   [\#3448](https://github.com/vector-im/riot-web/pull/3448)
- * Merge the two RoomTile context menus into one
-   [\#3395](https://github.com/vector-im/riot-web/pull/3395)
- * Refactor screen set after login
-   [\#3385](https://github.com/vector-im/riot-web/pull/3385)
- * CSS for redacted EventTiles
-   [\#3379](https://github.com/vector-im/riot-web/pull/3379)
- * Height:100% for welcome pages on Safari
-   [\#3340](https://github.com/vector-im/riot-web/pull/3340)
- * `view_room` dispatch from `onClick` RoomTile
-   [\#3376](https://github.com/vector-im/riot-web/pull/3376)
- * Hide statusAreaBox_line entirely when inCall
-   [\#3350](https://github.com/vector-im/riot-web/pull/3350)
- * Set padding-bottom: 0px for .mx_Dialog spinner
-   [\#3351](https://github.com/vector-im/riot-web/pull/3351)
- * Support InteractiveAuth based registration
-   [\#3333](https://github.com/vector-im/riot-web/pull/3333)
- * Expose notification option for username/MXID
-   [\#3334](https://github.com/vector-im/riot-web/pull/3334)
- * Float the toggle in the top right of MELS
-   [\#3190](https://github.com/vector-im/riot-web/pull/3190)
- * More aggressive rageshake log culling
-   [\#3311](https://github.com/vector-im/riot-web/pull/3311)
- * Don't overflow directory network options
-   [\#3282](https://github.com/vector-im/riot-web/pull/3282)
- * CSS for ban / kick reason prompt
-   [\#3250](https://github.com/vector-im/riot-web/pull/3250)
- * Allow forgetting rooms you're banned from
-   [\#3246](https://github.com/vector-im/riot-web/pull/3246)
- * Fix icon paths in manifest
-   [\#3245](https://github.com/vector-im/riot-web/pull/3245)
- * Fix broken tests caused by adding IndexedDB support
-   [\#3242](https://github.com/vector-im/riot-web/pull/3242)
- * CSS for un-ban button in RoomSettings
-   [\#3227](https://github.com/vector-im/riot-web/pull/3227)
- * Remove z-index property on avatar initials
-   [\#3239](https://github.com/vector-im/riot-web/pull/3239)
- * Reposition certain icons in the status bar
-   [\#3233](https://github.com/vector-im/riot-web/pull/3233)
- * CSS for kick/ban confirmation dialog
-   [\#3224](https://github.com/vector-im/riot-web/pull/3224)
- * Style for split-out interactive auth
-   [\#3217](https://github.com/vector-im/riot-web/pull/3217)
- * Use the teamToken threaded through from react sdk
-   [\#3196](https://github.com/vector-im/riot-web/pull/3196)
- * rageshake: Add file server with basic auth
-   [\#3169](https://github.com/vector-im/riot-web/pull/3169)
- * Fix bug with home icon not appearing when logged in as team member
-   [\#3162](https://github.com/vector-im/riot-web/pull/3162)
- * Add ISSUE_TEMPLATE
-   [\#2836](https://github.com/vector-im/riot-web/pull/2836)
- * Store bug reports in separate directories
-   [\#3150](https://github.com/vector-im/riot-web/pull/3150)
- * Quick and dirty support for custom welcome pages.
-   [\#2575](https://github.com/vector-im/riot-web/pull/2575)
- * RTS Welcome Pages
-   [\#3103](https://github.com/vector-im/riot-web/pull/3103)
- * rageshake: Abide by Go standards
-   [\#3149](https://github.com/vector-im/riot-web/pull/3149)
- * Bug report server script
-   [\#3072](https://github.com/vector-im/riot-web/pull/3072)
- * Bump olm version
-   [\#3125](https://github.com/vector-im/riot-web/pull/3125)
-
-Changes in [0.9.7](https://github.com/vector-im/riot-web/releases/tag/v0.9.7) (2017-02-04)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.7-rc.3...v0.9.7)
-
- * Update to matrix-js-sdk 0.7.5 (no changes from 0.7.5-rc.3)
- * Update to matrix-react-sdk 0.8.6 (no changes from 0.8.6-rc.3)
-
-Changes in [0.9.7-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.9.7-rc.3) (2017-02-03)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.7-rc.2...v0.9.7-rc.3)
- * Update to latest Olm to fix key import/export and use of megolm sessions
-   created on more recent versions
- * Update to latest matrix-react-sdk and matrix-js-sdk to fix e2e device
-   handling
+* Refine styles of controls to match Compound ([#12299](https://github.com/matrix-org/matrix-react-sdk/pull/12299)). Contributed by @robintown.
+* Hide the archived section ([#12286](https://github.com/matrix-org/matrix-react-sdk/pull/12286)). Contributed by @dbkr.
+* Add theme data to EC widget Url ([#12279](https://github.com/matrix-org/matrix-react-sdk/pull/12279)). Contributed by @toger5.
+* Update MSC2965 OIDC Discovery implementation ([#12245](https://github.com/matrix-org/matrix-react-sdk/pull/12245)). Contributed by @t3chguy.
+* Use green dot for activity notification in `LegacyRoomHeader` ([#12270](https://github.com/matrix-org/matrix-react-sdk/pull/12270)). Contributed by @florianduros.
 
-Changes in [0.9.7-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.9.7-rc.2) (2017-02-03)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.7-rc.1...v0.9.7-rc.2)
+## 🐛 Bug Fixes
 
- * Update matrix-js-sdk to get new device change
-   notifications interface for more reliable e2e crypto
+* Fix requests for senders to submit auto-rageshakes ([#12304](https://github.com/matrix-org/matrix-react-sdk/pull/12304)). Contributed by @richvdh.
+* fix automatic DM avatar with functional members ([#12157](https://github.com/matrix-org/matrix-react-sdk/pull/12157)). Contributed by @HarHarLinks.
+* Feeds event with relation to unknown to the widget ([#12283](https://github.com/matrix-org/matrix-react-sdk/pull/12283)). Contributed by @maheichyk.
+* Fix TAC opening with keyboard ([#12285](https://github.com/matrix-org/matrix-react-sdk/pull/12285)). Contributed by @florianduros.
+* Allow screenshot update docker to run multiple test files ([#12291](https://github.com/matrix-org/matrix-react-sdk/pull/12291)). Contributed by @dbkr.
+* Fix alignment of user menu avatar ([#12289](https://github.com/matrix-org/matrix-react-sdk/pull/12289)). Contributed by @dbkr.
+* Fix buttons of widget in a room ([#12288](https://github.com/matrix-org/matrix-react-sdk/pull/12288)). Contributed by @florianduros.
+* ModuleAPI: `overwrite_login` action was not stopping the existing client resulting in the action failing with rust-sdk ([#12272](https://github.com/matrix-org/matrix-react-sdk/pull/12272)). Contributed by @BillCarsonFr.
 
-Changes in [0.9.7-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.7-rc.1) (2017-02-03)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.6...v0.9.7-rc.1)
-
- * Better user interface for screen readers and keyboard navigation
-   [\#2946](https://github.com/vector-im/riot-web/pull/2946)
- * Allow mxc: URLs for icons in the NetworkDropdown
-   [\#3118](https://github.com/vector-im/riot-web/pull/3118)
- * make TopRightMenu more intuitive
-   [\#3117](https://github.com/vector-im/riot-web/pull/3117)
- * Handle icons with width > height
-   [\#3110](https://github.com/vector-im/riot-web/pull/3110)
- * Fix jenkins build
-   [\#3105](https://github.com/vector-im/riot-web/pull/3105)
- * Add CSS for a support box in login
-   [\#3081](https://github.com/vector-im/riot-web/pull/3081)
- * Allow a custom login logo to be displayed on login
-   [\#3082](https://github.com/vector-im/riot-web/pull/3082)
- * Fix the width of input fields within login/reg box
-   [\#3080](https://github.com/vector-im/riot-web/pull/3080)
- * Set BaseAvatar_image bg colour = #fff
-   [\#3057](https://github.com/vector-im/riot-web/pull/3057)
- * only recalculate favicon if it changes
-   [\#3067](https://github.com/vector-im/riot-web/pull/3067)
- * CSS tweak for email address lookup
-   [\#3064](https://github.com/vector-im/riot-web/pull/3064)
- * Glue the dialog to rageshake: honour sendLogs flag.
-   [\#3061](https://github.com/vector-im/riot-web/pull/3061)
- * Don't use hash-named directory for dev server
-   [\#3049](https://github.com/vector-im/riot-web/pull/3049)
- * Implement bug reporting logic
-   [\#3000](https://github.com/vector-im/riot-web/pull/3000)
- * Add css for bug report dialog
-   [\#3045](https://github.com/vector-im/riot-web/pull/3045)
- * Increase the max-height of the expanded status bar
-   [\#3043](https://github.com/vector-im/riot-web/pull/3043)
- * Hopefully, fix intermittent test failure
-   [\#3040](https://github.com/vector-im/riot-web/pull/3040)
- * CSS for 'searching known users'
-   [\#2971](https://github.com/vector-im/riot-web/pull/2971)
- * Animate status bar max-height and margin-top
-   [\#2981](https://github.com/vector-im/riot-web/pull/2981)
- * Add eslint config
-   [\#3032](https://github.com/vector-im/riot-web/pull/3032)
- * Re-position typing avatars relative to "is typing"
-   [\#3030](https://github.com/vector-im/riot-web/pull/3030)
- * CSS for avatars that appear when users are typing
-   [\#2998](https://github.com/vector-im/riot-web/pull/2998)
- * Add StartupWMClass
-   [\#3001](https://github.com/vector-im/riot-web/pull/3001)
- * Fix link to image for event options menu
-   [\#3002](https://github.com/vector-im/riot-web/pull/3002)
- * Make riot desktop single instance
-   [\#2999](https://github.com/vector-im/riot-web/pull/2999)
- * Add electron tray icon
-   [\#2997](https://github.com/vector-im/riot-web/pull/2997)
- * Fixes to electron desktop notifs
-   [\#2994](https://github.com/vector-im/riot-web/pull/2994)
- * Auto-hide the electron menu bar
-   [\#2975](https://github.com/vector-im/riot-web/pull/2975)
- * A couple of tweaks to the karma config
-   [\#2987](https://github.com/vector-im/riot-web/pull/2987)
- * Deploy script
-   [\#2974](https://github.com/vector-im/riot-web/pull/2974)
- * Use the postcss-webpack-loader
-   [\#2990](https://github.com/vector-im/riot-web/pull/2990)
- * Switch CSS to using postcss, and implement a dark theme.
-   [\#2973](https://github.com/vector-im/riot-web/pull/2973)
- * Update redeploy script to keep old bundles
-   [\#2969](https://github.com/vector-im/riot-web/pull/2969)
- * Include current version in update check explicitly
-   [\#2967](https://github.com/vector-im/riot-web/pull/2967)
- * Add another layer of directory to webpack chunks
-   [\#2966](https://github.com/vector-im/riot-web/pull/2966)
- * Fix links to fonts and images from CSS
-   [\#2965](https://github.com/vector-im/riot-web/pull/2965)
- * Put parent build hash in webpack output filenames
-   [\#2961](https://github.com/vector-im/riot-web/pull/2961)
- * update README to point to new names/locations
-   [\#2846](https://github.com/vector-im/riot-web/pull/2846)
-
-Changes in [0.9.6](https://github.com/vector-im/riot-web/releases/tag/v0.9.6) (2017-01-16)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.6-rc.1...v0.9.6)
-
- * Update to matrix-js-sdk 0.9.6 for video calling fix
-
-Changes in [0.9.6-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.6-rc.1) (2017-01-13)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.5...v0.9.6-rc.1)
-
- * Build the js-sdk in the CI script
-   [\#2920](https://github.com/vector-im/riot-web/pull/2920)
- * Hopefully fix Windows shortcuts
-   [\#2917](https://github.com/vector-im/riot-web/pull/2917)
- * Update README now the js-sdk has a transpile step
-   [\#2921](https://github.com/vector-im/riot-web/pull/2921)
- * Use the role for 'toggle dev tools'
-   [\#2915](https://github.com/vector-im/riot-web/pull/2915)
- * Enable screen sharing easter-egg in desktop app
-   [\#2909](https://github.com/vector-im/riot-web/pull/2909)
- * make electron send email validation URLs with a nextlink of riot.im
-   [\#2808](https://github.com/vector-im/riot-web/pull/2808)
- * add Debian Stretch install steps to readme
-   [\#2809](https://github.com/vector-im/riot-web/pull/2809)
- * Update desktop build instructions fixes #2792
-   [\#2793](https://github.com/vector-im/riot-web/pull/2793)
- * CSS for the delete threepid button
-   [\#2784](https://github.com/vector-im/riot-web/pull/2784)
-
-Changes in [0.9.5](https://github.com/vector-im/riot-web/releases/tag/v0.9.5) (2016-12-24)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.4...v0.9.5)
-
- * make electron send email validation URLs with a nextlink of riot.im rather than file:///
- * add gnu-tar to debian electron build deps
- * fix win32 shortcut in start menu
-
-Changes in [0.9.4](https://github.com/vector-im/riot-web/releases/tag/v0.9.4) (2016-12-22)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.3...v0.9.4)
-
- * Update to libolm 2.1.0. This should help resolve a problem with browser
-   sessions being logged out ([\#2726](https://github.com/vector-im/riot-web/issues/2726)).
-
-Changes in [0.9.3](https://github.com/vector-im/riot-web/releases/tag/v0.9.3) (2016-12-22)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.2...v0.9.3)
-
- * (from matrix-react-sdk) Fix regression where the date separator would be displayed
-   at the wrong time of day.
- * README.md: fix GFMD for nativefier
-   [\#2755](https://github.com/vector-im/riot-web/pull/2755)
-
-Changes in [0.9.2](https://github.com/vector-im/riot-web/releases/tag/v0.9.2) (2016-12-16)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.1...v0.9.2)
-
- * Remove the client side filtering from the room dir
-   [\#2750](https://github.com/vector-im/riot-web/pull/2750)
- * Configure olm memory size
-   [\#2745](https://github.com/vector-im/riot-web/pull/2745)
- * Support room dir 3rd party network filtering
-   [\#2747](https://github.com/vector-im/riot-web/pull/2747)
-
-Changes in [0.9.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.1) (2016-12-09)
-==========================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.1-rc.2...v0.9.1)
-
- * Update README to say how to build the desktop app
-   [\#2732](https://github.com/vector-im/riot-web/pull/2732)
- * Add signing ID in release_config.yaml
-   [\#2731](https://github.com/vector-im/riot-web/pull/2731)
- * Makeover!
-   [\#2722](https://github.com/vector-im/riot-web/pull/2722)
- * Fix broken tests
-   [\#2730](https://github.com/vector-im/riot-web/pull/2730)
- * Make the 'loading' tests work in isolation
-   [\#2727](https://github.com/vector-im/riot-web/pull/2727)
- * Use a PNG for the icon on non-Windows
-   [\#2708](https://github.com/vector-im/riot-web/pull/2708)
- * Add missing brackets to call to toUpperCase
-   [\#2703](https://github.com/vector-im/riot-web/pull/2703)
-
-Changes in [0.9.1-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.9.1-rc.2) (2016-12-06)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.1-rc.1...v0.9.1-rc.2)
 
- * Fix clicking on notifications
-   [\#2700](https://github.com/vector-im/riot-web/pull/2700)
- * Desktop app: Only show window when ready
-   [\#2697](https://github.com/vector-im/riot-web/pull/2697)
 
-Changes in [0.9.1-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.1-rc.1) (2016-12-05)
-====================================================================================================
-[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.0...v0.9.1-rc.1)
-
- * Final bits to prepare electron distribtion:
-   [\#2653](https://github.com/vector-im/riot-web/pull/2653)
- * Update name & repo to reflect renamed repository
-   [\#2692](https://github.com/vector-im/riot-web/pull/2692)
- * Document cross_origin_renderer_url
-   [\#2680](https://github.com/vector-im/riot-web/pull/2680)
- * Add css for the iframes for e2e attachments
-   [\#2659](https://github.com/vector-im/riot-web/pull/2659)
- * Fix config location in some more places
-   [\#2670](https://github.com/vector-im/riot-web/pull/2670)
- * CSS updates for s/block/blacklist for e2e
-   [\#2662](https://github.com/vector-im/riot-web/pull/2662)
- * Update to electron 1.4.8
-   [\#2660](https://github.com/vector-im/riot-web/pull/2660)
- * Add electron config
-   [\#2644](https://github.com/vector-im/riot-web/pull/2644)
- * Move getDefaultDeviceName into the Platforms
-   [\#2643](https://github.com/vector-im/riot-web/pull/2643)
- * Add Freenode & Mozilla domains
-   [\#2641](https://github.com/vector-im/riot-web/pull/2641)
- * Include config.sample.json in dist tarball
-   [\#2614](https://github.com/vector-im/riot-web/pull/2614)
-
-Changes in [0.9.0](https://github.com/vector-im/vector-web/releases/tag/v0.9.0) (2016-11-19)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.4...v0.9.0)
-
- * Add a cachebuster to /version
-   [\#2596](https://github.com/vector-im/vector-web/pull/2596)
- * Add a 'View decrypted source' button
-   [\#2587](https://github.com/vector-im/vector-web/pull/2587)
- * Fix changelog dialog to  read new version format
-   [\#2577](https://github.com/vector-im/vector-web/pull/2577)
- * Build all of the vector dir in the build process
-   [\#2558](https://github.com/vector-im/vector-web/pull/2558)
- * Support for get_app_version
-   [\#2553](https://github.com/vector-im/vector-web/pull/2553)
- * Add CSS for mlist truncation
-   [\#2565](https://github.com/vector-im/vector-web/pull/2565)
- * Add menu option for `external_url` if present
-   [\#2560](https://github.com/vector-im/vector-web/pull/2560)
- * Make auto-update configureable
-   [\#2555](https://github.com/vector-im/vector-web/pull/2555)
- * Missed files electron windows fixes
-   [\#2556](https://github.com/vector-im/vector-web/pull/2556)
- * Add some CSS for  scalar error popup
-   [\#2554](https://github.com/vector-im/vector-web/pull/2554)
- * Catch unhandled errors in the electron process
-   [\#2552](https://github.com/vector-im/vector-web/pull/2552)
- * Slight grab-bag of fixes for electron on Windows
-   [\#2551](https://github.com/vector-im/vector-web/pull/2551)
- * Electron app (take 3)
-   [\#2535](https://github.com/vector-im/vector-web/pull/2535)
- * Use webpack-dev-server instead of http-server
-   [\#2542](https://github.com/vector-im/vector-web/pull/2542)
- * Better support no-config when loading from file
-   [\#2541](https://github.com/vector-im/vector-web/pull/2541)
- * Fix loading with no config from HTTP
-   [\#2540](https://github.com/vector-im/vector-web/pull/2540)
- * Move 'new version' support into Platform
-   [\#2532](https://github.com/vector-im/vector-web/pull/2532)
- * Add Notification support to the Web Platform
-   [\#2533](https://github.com/vector-im/vector-web/pull/2533)
- * Use the defaults if given a blank config file
-   [\#2534](https://github.com/vector-im/vector-web/pull/2534)
- * Implement Platforms
-   [\#2531](https://github.com/vector-im/vector-web/pull/2531)
-
-Changes in [0.8.4](https://github.com/vector-im/vector-web/releases/tag/v0.8.4) (2016-11-04)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.4-rc.2...v0.8.4)
-
- * No changes
-
-Changes in [0.8.4-rc.2](https://github.com/vector-im/vector-web/releases/tag/v0.8.4-rc.2) (2016-11-02)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.4-rc.1...v0.8.4-rc.2)
-
- * Fix the version in the generated distribution package
-
-Changes in [0.8.4-rc.1](https://github.com/vector-im/vector-web/releases/tag/v0.8.4-rc.1) (2016-11-02)
-======================================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.3...v0.8.4-rc.1)
-
-Breaking Changes
-----------------
- * End-to-end encryption now requires one-time keys to be
-   signed, so end-to-end encryption will not interoperate
-   with previous releases of vector-web. End-to-end encryption
-   remains in beta.
-
-Other Changes
--------------
- * Rename the package script/output dir to 'dist'
-   [\#2528](https://github.com/vector-im/vector-web/pull/2528)
- * Avoid errors if olm is missing
-   [\#2518](https://github.com/vector-im/vector-web/pull/2518)
- * Put a cachebuster in the names of CSS and JS files
-   [\#2515](https://github.com/vector-im/vector-web/pull/2515)
- * Bump to olm 2.0.0
-   [\#2517](https://github.com/vector-im/vector-web/pull/2517)
- * Don't include the world in the published packages
-   [\#2516](https://github.com/vector-im/vector-web/pull/2516)
- * Use webpack to copy olm.js
-   [\#2514](https://github.com/vector-im/vector-web/pull/2514)
- * Don't include two copies of the CSS in the tarball
-   [\#2513](https://github.com/vector-im/vector-web/pull/2513)
- * Correct text alignment on room directory search
-   [\#2512](https://github.com/vector-im/vector-web/pull/2512)
- * Correct spelling of 'rel'
-   [\#2510](https://github.com/vector-im/vector-web/pull/2510)
- * readme tweaks
-   [\#2507](https://github.com/vector-im/vector-web/pull/2507)
- * s/vector/riot/ in the readme
-   [\#2491](https://github.com/vector-im/vector-web/pull/2491)
- * Switch to babel 6, again
-   [\#2480](https://github.com/vector-im/vector-web/pull/2480)
- * Revert "Switch to babel 6"
-   [\#2472](https://github.com/vector-im/vector-web/pull/2472)
- * Switch to babel 6
-   [\#2461](https://github.com/vector-im/vector-web/pull/2461)
-
-Changes in [0.8.3](https://github.com/vector-im/vector-web/releases/tag/v0.8.3) (2016-10-12)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.2...v0.8.3)
-
- * Centre images in dialog buttons
-   [\#2453](https://github.com/vector-im/vector-web/pull/2453)
- * Only show quote option if RTE is enabled
-   [\#2448](https://github.com/vector-im/vector-web/pull/2448)
- * Fix join button for 'matrix' networks
-   [\#2443](https://github.com/vector-im/vector-web/pull/2443)
- * Don't stop paginating if no rooms match
-   [\#2422](https://github.com/vector-im/vector-web/pull/2422)
-
-Changes in [0.8.2](https://github.com/vector-im/vector-web/releases/tag/v0.8.2) (2016-10-05)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.1...v0.8.2)
-
- * Add native joining of 3p networks to room dir
-   [\#2379](https://github.com/vector-im/vector-web/pull/2379)
- * Update to linkify 2.1.3
-   [\#2406](https://github.com/vector-im/vector-web/pull/2406)
- * Use 'Sign In' / 'Sign Out' universally
-   [\#2383](https://github.com/vector-im/vector-web/pull/2383)
- * Prevent network dropdown resizing slightly
-   [\#2382](https://github.com/vector-im/vector-web/pull/2382)
- * Room directory: indicate when there are no results
-   [\#2380](https://github.com/vector-im/vector-web/pull/2380)
- * Room dir: New filtering & 3rd party networks
-   [\#2362](https://github.com/vector-im/vector-web/pull/2362)
- * Update linkify version
-   [\#2359](https://github.com/vector-im/vector-web/pull/2359)
- * Directory search join button
-   [\#2339](https://github.com/vector-im/vector-web/pull/2339)
-
-Changes in [0.8.1](https://github.com/vector-im/vector-web/releases/tag/v0.8.1) (2016-09-21)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.0...v0.8.1)
-
-
-Changes in [0.8.0](https://github.com/vector-im/vector-web/releases/tag/v0.8.0) (2016-09-21)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.5-r3...v0.8.0)
-
- * Dbkr/rebrand
-   [\#2285](https://github.com/vector-im/vector-web/pull/2285)
- * Listen for close_scalar and close the dialog box when received
-   [\#2282](https://github.com/vector-im/vector-web/pull/2282)
- * Revert "improve lipstick and support scalar logout"
-   [\#2281](https://github.com/vector-im/vector-web/pull/2281)
- * improve lipstick and support scalar logout
-   [\#2280](https://github.com/vector-im/vector-web/pull/2280)
- * Fix changelog links
-   [\#2071](https://github.com/vector-im/vector-web/pull/2071)
- * Paginate Room Directory
-   [\#2241](https://github.com/vector-im/vector-web/pull/2241)
- * Make redeploy script symlink config
-   [\#2240](https://github.com/vector-im/vector-web/pull/2240)
- * Update the version of olm to 1.3.0
-   [\#2210](https://github.com/vector-im/vector-web/pull/2210)
- * Directory network selector
-   [\#2219](https://github.com/vector-im/vector-web/pull/2219)
- * Wmwragg/two state sublist headers
-   [\#2235](https://github.com/vector-im/vector-web/pull/2235)
- * Wmwragg/correct incoming call positioning
-   [\#2222](https://github.com/vector-im/vector-web/pull/2222)
- * Wmwragg/remove old filter
-   [\#2211](https://github.com/vector-im/vector-web/pull/2211)
- * Wmwragg/multi invite bugfix
-   [\#2198](https://github.com/vector-im/vector-web/pull/2198)
- * Wmwragg/chat multi invite
-   [\#2181](https://github.com/vector-im/vector-web/pull/2181)
- * shuffle bottomleftmenu around a bit
-   [\#2182](https://github.com/vector-im/vector-web/pull/2182)
- * Improve autocomplete behaviour (styling)
-   [\#2175](https://github.com/vector-im/vector-web/pull/2175)
- * First wave of E2E visuals
-   [\#2163](https://github.com/vector-im/vector-web/pull/2163)
- * FilePanel and NotificationPanel support
-   [\#2113](https://github.com/vector-im/vector-web/pull/2113)
- * Cursor: pointer on member info create room button
-   [\#2151](https://github.com/vector-im/vector-web/pull/2151)
- * Support for adding DM rooms to the MemberInfo Panel
-   [\#2147](https://github.com/vector-im/vector-web/pull/2147)
- * Wmwragg/one to one indicators
-   [\#2139](https://github.com/vector-im/vector-web/pull/2139)
- * Added back the Directory listing button, with new tootlip
-   [\#2136](https://github.com/vector-im/vector-web/pull/2136)
- * wmwragg/chat invite dialog fix
-   [\#2134](https://github.com/vector-im/vector-web/pull/2134)
- * Wmwragg/one to one chat
-   [\#2110](https://github.com/vector-im/vector-web/pull/2110)
- * Support toggling DM status of rooms
-   [\#2111](https://github.com/vector-im/vector-web/pull/2111)
- * Formatting toolbar for RTE message composer.
-   [\#2082](https://github.com/vector-im/vector-web/pull/2082)
- * jenkins.sh: install olm from jenkins artifacts
-   [\#2092](https://github.com/vector-im/vector-web/pull/2092)
- * e2e device CSS
-   [\#2085](https://github.com/vector-im/vector-web/pull/2085)
- * Bump to olm 1.1.0
-   [\#2069](https://github.com/vector-im/vector-web/pull/2069)
- * Improve readability of the changelog dialog
-   [\#2056](https://github.com/vector-im/vector-web/pull/2056)
- * Turn react consistency checks back on in develop builds
-   [\#2009](https://github.com/vector-im/vector-web/pull/2009)
- * Wmwragg/direct chat sublist
-   [\#2028](https://github.com/vector-im/vector-web/pull/2028)
-
-Changes in [0.7.5-r3](https://github.com/vector-im/vector-web/releases/tag/v0.7.5-r3) (2016-09-02)
+Changes in [1.11.59](https://github.com/element-hq/element-web/releases/tag/v1.11.59) (2024-02-27)
+==================================================================================================
+## 🦖 Deprecations
+
+* Enable custom themes to theme Compound ([#12240](https://github.com/matrix-org/matrix-react-sdk/pull/12240)). Contributed by @robintown.
+* Remove welcome bot `welcome_user_id` support ([#12153](https://github.com/matrix-org/matrix-react-sdk/pull/12153)). Contributed by @t3chguy.
+
+## ✨ Features
+
+* Ignore activity in TAC ([#12269](https://github.com/matrix-org/matrix-react-sdk/pull/12269)). Contributed by @florianduros.
+* Use browser's font size instead of hardcoded `16px` as root font size ([#12246](https://github.com/matrix-org/matrix-react-sdk/pull/12246)). Contributed by @florianduros.
+* Revert "Use Compound primary colors for most actions" ([#12264](https://github.com/matrix-org/matrix-react-sdk/pull/12264)). Contributed by @florianduros.
+* Revert "Refine menu, toast, and popover colors" ([#12263](https://github.com/matrix-org/matrix-react-sdk/pull/12263)). Contributed by @florianduros.
+* Fix Native OIDC for Element Desktop ([#12253](https://github.com/matrix-org/matrix-react-sdk/pull/12253)). Contributed by @t3chguy.
+* Improve client metadata used for OIDC dynamic registration ([#12257](https://github.com/matrix-org/matrix-react-sdk/pull/12257)). Contributed by @t3chguy.
+* Refine menu, toast, and popover colors ([#12247](https://github.com/matrix-org/matrix-react-sdk/pull/12247)). Contributed by @robintown.
+* Call the AsJson forms of import and exportRoomKeys ([#12233](https://github.com/matrix-org/matrix-react-sdk/pull/12233)). Contributed by @andybalaam.
+* Use Compound primary colors for most actions ([#12241](https://github.com/matrix-org/matrix-react-sdk/pull/12241)). Contributed by @robintown.
+* Enable redirected media by default ([#12142](https://github.com/matrix-org/matrix-react-sdk/pull/12142)). Contributed by @turt2live.
+* Reduce TAC width by `16px` ([#12239](https://github.com/matrix-org/matrix-react-sdk/pull/12239)). Contributed by @florianduros.
+* Pop out of Threads Activity Centre ([#12136](https://github.com/matrix-org/matrix-react-sdk/pull/12136)). Contributed by @florianduros.
+* Use new semantic tokens for username colors ([#12209](https://github.com/matrix-org/matrix-react-sdk/pull/12209)). Contributed by @robintown.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix spurious session corruption error ([#12287](https://github.com/matrix-org/matrix-react-sdk/pull/12287)). Contributed by @RiotRobot.
+* Fix the space panel getting bigger when gaining a scroll bar ([#12267](https://github.com/matrix-org/matrix-react-sdk/pull/12267)). Contributed by @dbkr.
+* Fix gradients spacings on the space panel ([#12262](https://github.com/matrix-org/matrix-react-sdk/pull/12262)). Contributed by @dbkr.
+* Remove hardcoded `Element` in tac labs description ([#12266](https://github.com/matrix-org/matrix-react-sdk/pull/12266)). Contributed by @florianduros.
+* Fix branding in "migrating crypto" message ([#12265](https://github.com/matrix-org/matrix-react-sdk/pull/12265)). Contributed by @richvdh.
+* Use h1 as first heading in dialogs ([#12250](https://github.com/matrix-org/matrix-react-sdk/pull/12250)). Contributed by @dbkr.
+* Fix forced lowercase username in login/registration flows ([#9329](https://github.com/matrix-org/matrix-react-sdk/pull/9329)). Contributed by @vrifox.
+* Update the TAC indicator on event decryption ([#12243](https://github.com/matrix-org/matrix-react-sdk/pull/12243)). Contributed by @dbkr.
+* Fix OIDC delegated auth account url check ([#12242](https://github.com/matrix-org/matrix-react-sdk/pull/12242)). Contributed by @t3chguy.
+* New Header edgecase fixes: Close lobby button not shown, disable join button in various places, more... ([#12235](https://github.com/matrix-org/matrix-react-sdk/pull/12235)). Contributed by @toger5.
+* Fix TAC button alignment when expanded ([#12238](https://github.com/matrix-org/matrix-react-sdk/pull/12238)). Contributed by @florianduros.
+* Fix tooltip behaviour in TAC ([#12236](https://github.com/matrix-org/matrix-react-sdk/pull/12236)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.58](https://github.com/element-hq/element-web/releases/tag/v1.11.58) (2024-02-13)
+==================================================================================================
+## ✨ Features
+
+ * 🦀  🔒 **The flag to enable the Rust crypto implementation is now set to `true` by default. This means that without any additional configuration every new login will use the new cryptography implementation.**
+* Add Element call related functionality to new room header ([#12091](https://github.com/matrix-org/matrix-react-sdk/pull/12091)). Contributed by @toger5.
+* Add labs flag for Threads Activity Centre ([#12137](https://github.com/matrix-org/matrix-react-sdk/pull/12137)). Contributed by @florianduros.
+* Refactor element call lobby + skip lobby ([#12057](https://github.com/matrix-org/matrix-react-sdk/pull/12057)). Contributed by @toger5.
+* Hide the "Message" button in the sidebar if the CreateRooms components should not be shown ([#9271](https://github.com/matrix-org/matrix-react-sdk/pull/9271)). Contributed by @dhenneke.
+* Add notification dots to thread summary icons ([#12146](https://github.com/matrix-org/matrix-react-sdk/pull/12146)). Contributed by @dbkr.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix the StorageManger detecting a false positive consistency check when manually migrating to rust from labs ([#12230](https://github.com/matrix-org/matrix-react-sdk/pull/12230)). Contributed by @RiotRobot.
+* Fix logout can take ages ([#12191](https://github.com/matrix-org/matrix-react-sdk/pull/12191)). Contributed by @BillCarsonFr.
+* Fix `Mark all as read` in settings ([#12205](https://github.com/matrix-org/matrix-react-sdk/pull/12205)). Contributed by @florianduros.
+* Fix default thread notification of the new RoomHeader ([#12194](https://github.com/matrix-org/matrix-react-sdk/pull/12194)). Contributed by @florianduros.
+* Fix display of room notification debug info ([#12183](https://github.com/matrix-org/matrix-react-sdk/pull/12183)). Contributed by @dbkr.
+
+
+
+Changes in [1.11.57](https://github.com/element-hq/element-web/releases/tag/v1.11.57) (2024-01-31)
+==================================================================================================
+## 🦖 Deprecations
+
+* Deprecate welcome bot `welcome_user_id` support ([#26885](https://github.com/element-hq/element-web/pull/26885)). Contributed by @t3chguy.
+
+## ✨ Features
+
+* Expose apps/widgets ([#12071](https://github.com/matrix-org/matrix-react-sdk/pull/12071)). Contributed by @charlynguyen.
+* Enable the rust-crypto labs button ([#12114](https://github.com/matrix-org/matrix-react-sdk/pull/12114)). Contributed by @richvdh.
+* Show a progress bar while migrating from legacy crypto ([#12104](https://github.com/matrix-org/matrix-react-sdk/pull/12104)). Contributed by @richvdh.
+* Update Twemoji to Jdecked v15.0.3 ([#12147](https://github.com/matrix-org/matrix-react-sdk/pull/12147)). Contributed by @t3chguy.
+* Change Quick Settings icon ([#12141](https://github.com/matrix-org/matrix-react-sdk/pull/12141)). Contributed by @florianduros.
+* Use Compound tooltips more widely ([#12128](https://github.com/matrix-org/matrix-react-sdk/pull/12128)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Fix OIDC bugs due to amnesiac stores forgetting OIDC issuer \& other data ([#12166](https://github.com/matrix-org/matrix-react-sdk/pull/12166)). Contributed by @t3chguy.
+* Fix account management link for delegated auth OIDC setups ([#12144](https://github.com/matrix-org/matrix-react-sdk/pull/12144)). Contributed by @t3chguy.
+* Fix Safari IME support ([#11016](https://github.com/matrix-org/matrix-react-sdk/pull/11016)). Contributed by @SuperKenVery.
+* Fix Stickerpicker layout crossing multiple CSS stacking contexts ([#12127](https://github.com/matrix-org/matrix-react-sdk/pull/12127)).
+* Fix Stickerpicker layout crossing multiple CSS stacking contexts ([#12126](https://github.com/matrix-org/matrix-react-sdk/pull/12126)). Contributed by @t3chguy.
+* Fix 1F97A and 1F979 in Twemoji COLR font ([#12177](https://github.com/matrix-org/matrix-react-sdk/pull/12177)).
+## ✨ Features
+
+* Expose apps/widgets ([#12071](https://github.com/matrix-org/matrix-react-sdk/pull/12071)). Contributed by @charlynguyen.
+* Enable the rust-crypto labs button ([#12114](https://github.com/matrix-org/matrix-react-sdk/pull/12114)). Contributed by @richvdh.
+* Show a progress bar while migrating from legacy crypto ([#12104](https://github.com/matrix-org/matrix-react-sdk/pull/12104)). Contributed by @richvdh.
+* Update Twemoji to Jdecked v15.0.3 ([#12147](https://github.com/matrix-org/matrix-react-sdk/pull/12147)). Contributed by @t3chguy.
+* Change Quick Settings icon ([#12141](https://github.com/matrix-org/matrix-react-sdk/pull/12141)). Contributed by @florianduros.
+* Use Compound tooltips more widely ([#12128](https://github.com/matrix-org/matrix-react-sdk/pull/12128)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Fix OIDC bugs due to amnesiac stores forgetting OIDC issuer \& other data ([#12166](https://github.com/matrix-org/matrix-react-sdk/pull/12166)). Contributed by @t3chguy.
+* Fix account management link for delegated auth OIDC setups ([#12144](https://github.com/matrix-org/matrix-react-sdk/pull/12144)). Contributed by @t3chguy.
+* Fix Safari IME support ([#11016](https://github.com/matrix-org/matrix-react-sdk/pull/11016)). Contributed by @SuperKenVery.
+* Fix Stickerpicker layout crossing multiple CSS stacking contexts ([#12127](https://github.com/matrix-org/matrix-react-sdk/pull/12127)).
+* Fix Stickerpicker layout crossing multiple CSS stacking contexts ([#12126](https://github.com/matrix-org/matrix-react-sdk/pull/12126)). Contributed by @t3chguy.
+* Fix 1F97A and 1F979 in Twemoji COLR font ([#12177](https://github.com/matrix-org/matrix-react-sdk/pull/12177)).
+## ✨ Features
+
+* Use jitsi-lobby in video channel (video rooms) ([#26879](https://github.com/element-hq/element-web/pull/26879)). Contributed by @toger5.
+
+
+
+Changes in [1.11.55](https://github.com/element-hq/element-web/releases/tag/v1.11.55) (2024-01-19)
 ==================================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.5-r2...v0.7.5-r3)
+
 
- * Bump to matrix-react-sdk 0.6.5-r3 in order to fix bug #2020 (tightloop when flooded with join events)
+## ✨ Features
 
+* Broaden support for matrix spec versions ([#12159](https://github.com/matrix-org/matrix-react-sdk/pull/12159)). Contributed by @RiotRobot.
 
-Changes in [0.7.5-r2](https://github.com/vector-im/vector-web/releases/tag/v0.7.5-r2) (2016-09-01)
-==================================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.5-r1...v0.7.5-r2)
+## 🐛 Bug Fixes
+
+* Fixed shield alignment on message Input ([#12155](https://github.com/matrix-org/matrix-react-sdk/pull/12155)). Contributed by @RiotRobot.
 
- * Bump to matrix-react-sdk 0.6.5-r1 in order to fix guest access
 
-Changes in [0.7.5-r1](https://github.com/vector-im/vector-web/releases/tag/v0.7.5-r1) (2016-08-28)
+Changes in [1.11.54](https://github.com/element-hq/element-web/releases/tag/v1.11.54) (2024-01-16)
 ==================================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.5...v0.7.5-r1)
-
- * Correctly pin deps :(
-
-Changes in [0.7.5](https://github.com/vector-im/vector-web/releases/tag/v0.7.5) (2016-08-28)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.4-r1...v0.7.5)
-
- * re-add leave button in RoomSettings
- * add /user URLs
- * recognise matrix.to links and other vector links
- * fix linkify dependency
- * fix avatar clicking in MemberInfo
- * fix RoomTagContextMenu so it works on historical rooms
- * warn people to put their Matrix HS on a separate domain to Vector
- * fix zalgos again
- * Add .travis.yml
-   [\#2007](https://github.com/vector-im/vector-web/pull/2007)
- * add fancy changelog dialog
-   [\#1972](https://github.com/vector-im/vector-web/pull/1972)
- * Update autocomplete design
-   [\#1978](https://github.com/vector-im/vector-web/pull/1978)
- * Update encryption info in README
-   [\#2001](https://github.com/vector-im/vector-web/pull/2001)
- * Added event/info message avatars back in
-   [\#2000](https://github.com/vector-im/vector-web/pull/2000)
- * Wmwragg/chat message presentation
-   [\#1987](https://github.com/vector-im/vector-web/pull/1987)
- * Make the notification slider work
-   [\#1982](https://github.com/vector-im/vector-web/pull/1982)
- * Use cpx to copy olm.js, and add watcher
-   [\#1966](https://github.com/vector-im/vector-web/pull/1966)
- * Make up a device display name
-   [\#1959](https://github.com/vector-im/vector-web/pull/1959)
-
-Changes in [0.7.4-r1](https://github.com/vector-im/vector-web/releases/tag/v0.7.4-r1) (2016-08-12)
+## 🐛 Bug Fixes
+
+* Fix CSS stacking context order determinism ([#26840](https://github.com/element-hq/element-web/pull/26840)). Contributed by @t3chguy.
+
+## ✨ Features
+
+* Accessibility improvements around aria-labels and tooltips ([#12062](https://github.com/matrix-org/matrix-react-sdk/pull/12062)). Contributed by @t3chguy.
+* Add RoomKnocksBar to RoomHeader ([#12077](https://github.com/matrix-org/matrix-react-sdk/pull/12077)). Contributed by @charlynguyen.
+* Adjust tooltip side for DecoratedRoomAvatar to not obscure room name ([#12079](https://github.com/matrix-org/matrix-react-sdk/pull/12079)). Contributed by @t3chguy.
+* Iterate landmarks around the app in order to improve a11y ([#12064](https://github.com/matrix-org/matrix-react-sdk/pull/12064)). Contributed by @t3chguy.
+* Update element call embedding UI ([#12056](https://github.com/matrix-org/matrix-react-sdk/pull/12056)). Contributed by @toger5.
+* Use Compound tooltips instead of homegrown in TextWithTooltip \& InfoTooltip ([#12052](https://github.com/matrix-org/matrix-react-sdk/pull/12052)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Fix regression around CSS stacking contexts and PIP widgets ([#12094](https://github.com/matrix-org/matrix-react-sdk/pull/12094)). Contributed by @t3chguy.
+* Fix Identity Server terms accepting not working as expected ([#12109](https://github.com/matrix-org/matrix-react-sdk/pull/12109)). Contributed by @t3chguy.
+* fix: microphone and camera dropdown doesn't work In legacy call ([#12105](https://github.com/matrix-org/matrix-react-sdk/pull/12105)). Contributed by @muratersin.
+* Revert "Set up key backup using non-deprecated APIs (#12005)" ([#12102](https://github.com/matrix-org/matrix-react-sdk/pull/12102)). Contributed by @BillCarsonFr.
+* Fix regression around read receipt animation from refs changes ([#12100](https://github.com/matrix-org/matrix-react-sdk/pull/12100)). Contributed by @t3chguy.
+* Added meaning full error message based on platform ([#12074](https://github.com/matrix-org/matrix-react-sdk/pull/12074)). Contributed by @Pankaj-SinghR.
+* Fix editing event from search room view ([#11992](https://github.com/matrix-org/matrix-react-sdk/pull/11992)). Contributed by @t3chguy.
+* Fix timeline position when moving to a room and coming back ([#12055](https://github.com/matrix-org/matrix-react-sdk/pull/12055)). Contributed by @florianduros.
+* Fix threaded reply playwright tests ([#12070](https://github.com/matrix-org/matrix-react-sdk/pull/12070)). Contributed by @dbkr.
+* Element-R: fix repeated requests to enter 4S key during cross-signing reset ([#12059](https://github.com/matrix-org/matrix-react-sdk/pull/12059)). Contributed by @richvdh.
+* Fix position of thumbnail in room timeline ([#12016](https://github.com/matrix-org/matrix-react-sdk/pull/12016)). Contributed by @anoopw3bdev.
+
+
+Changes in [1.11.53](https://github.com/element-hq/element-web/releases/tag/v1.11.53) (2024-01-04)
 ==================================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.4...v0.7.4-r1)
- * Update to matrix-react-sdk 0.6.4-r1 to fix inviting multiple people
-
-
-Changes in [0.7.4](https://github.com/vector-im/vector-web/releases/tag/v0.7.4) (2016-08-11)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.3...v0.7.4)
-
- * Don't show border on composer when not in RTE mode
-   [\#1954](https://github.com/vector-im/vector-web/pull/1954)
- * Wmwragg/room tag menu
-   [\#1941](https://github.com/vector-im/vector-web/pull/1941)
- * Don't redirect to mobile app if verifying 3pid
-   [\#1951](https://github.com/vector-im/vector-web/pull/1951)
- * Make sure that we clear localstorage before *all* tests
-   [\#1950](https://github.com/vector-im/vector-web/pull/1950)
- * Basic CSS for multi-invite dialog
-   [\#1942](https://github.com/vector-im/vector-web/pull/1942)
- * More tests for the loading process:
-   [\#1947](https://github.com/vector-im/vector-web/pull/1947)
- * Support for refactored login token handling
-   [\#1946](https://github.com/vector-im/vector-web/pull/1946)
- * Various fixes and improvements to emojification.
-   [\#1935](https://github.com/vector-im/vector-web/pull/1935)
- * More app-loading tests
-   [\#1938](https://github.com/vector-im/vector-web/pull/1938)
- * Some tests of the application load process
-   [\#1936](https://github.com/vector-im/vector-web/pull/1936)
- * Add 'enable labs' setting to sample config
-   [\#1930](https://github.com/vector-im/vector-web/pull/1930)
- * Matthew/scalar
-   [\#1928](https://github.com/vector-im/vector-web/pull/1928)
- * Fix unit tests
-   [\#1929](https://github.com/vector-im/vector-web/pull/1929)
- * Wmwragg/mute mention state fix
-   [\#1926](https://github.com/vector-im/vector-web/pull/1926)
- * CSS for deactivate account dialog
-   [\#1919](https://github.com/vector-im/vector-web/pull/1919)
- * Wmwragg/mention state menu
-   [\#1900](https://github.com/vector-im/vector-web/pull/1900)
- * Fix UnknownBody styling for #1901
-   [\#1913](https://github.com/vector-im/vector-web/pull/1913)
- * Exclude olm from the webpack
-   [\#1914](https://github.com/vector-im/vector-web/pull/1914)
- * Wmwragg/button updates
-   [\#1912](https://github.com/vector-im/vector-web/pull/1912)
- * Wmwragg/button updates
-   [\#1828](https://github.com/vector-im/vector-web/pull/1828)
- * CSS for device management UI
-   [\#1909](https://github.com/vector-im/vector-web/pull/1909)
- * Fix a warning from RoomSubList
-   [\#1908](https://github.com/vector-im/vector-web/pull/1908)
- * Fix notifications warning layout
-   [\#1907](https://github.com/vector-im/vector-web/pull/1907)
- * Remove relayoutOnUpdate prop on gemini-scrollbar
-   [\#1883](https://github.com/vector-im/vector-web/pull/1883)
- * Bump dependency versions
-   [\#1842](https://github.com/vector-im/vector-web/pull/1842)
- * Wmwragg/mention state indicator round 2
-   [\#1835](https://github.com/vector-im/vector-web/pull/1835)
- * Wmwragg/spinner fix
-   [\#1822](https://github.com/vector-im/vector-web/pull/1822)
- * Wmwragg/mention state indicator
-   [\#1823](https://github.com/vector-im/vector-web/pull/1823)
- * Revert "Presentation for inline link"
-   [\#1809](https://github.com/vector-im/vector-web/pull/1809)
- * Wmwragg/modal restyle
-   [\#1806](https://github.com/vector-im/vector-web/pull/1806)
- * Presentation for inline link
-   [\#1799](https://github.com/vector-im/vector-web/pull/1799)
- * CSS for offline user colours
-   [\#1798](https://github.com/vector-im/vector-web/pull/1798)
- * Wmwragg/typography updates
-   [\#1776](https://github.com/vector-im/vector-web/pull/1776)
- * webpack: always use the olm from vector-web
-   [\#1766](https://github.com/vector-im/vector-web/pull/1766)
- * feat: large emoji support
-   [\#1718](https://github.com/vector-im/vector-web/pull/1718)
- * Autocomplete
-   [\#1717](https://github.com/vector-im/vector-web/pull/1717)
- * #1664 Set a maximum height for codeblocks
-   [\#1670](https://github.com/vector-im/vector-web/pull/1670)
- * CSS for device blocking
-   [\#1688](https://github.com/vector-im/vector-web/pull/1688)
- * Fix joining rooms by typing the alias
-   [\#1685](https://github.com/vector-im/vector-web/pull/1685)
- * Add ability to delete an alias from room directory
-   [\#1680](https://github.com/vector-im/vector-web/pull/1680)
- * package.json: add olm as optionalDependency
-   [\#1678](https://github.com/vector-im/vector-web/pull/1678)
- * Another go at enabling olm on vector.im/develop
-   [\#1675](https://github.com/vector-im/vector-web/pull/1675)
- * CSS for unverify button
-   [\#1661](https://github.com/vector-im/vector-web/pull/1661)
- * CSS fix for rooms with crypto enabled
-   [\#1660](https://github.com/vector-im/vector-web/pull/1660)
- * Karma: fix warning by ignoring olm
-   [\#1652](https://github.com/vector-im/vector-web/pull/1652)
- * Update for react-sdk dbkr/fix_peeking branch
-   [\#1639](https://github.com/vector-im/vector-web/pull/1639)
- * Update README.md
-   [\#1641](https://github.com/vector-im/vector-web/pull/1641)
- * Fix karma tests
-   [\#1643](https://github.com/vector-im/vector-web/pull/1643)
- * Rich Text Editor
-   [\#1553](https://github.com/vector-im/vector-web/pull/1553)
- * Fix RoomDirectory to join by alias whenever possible.
-   [\#1615](https://github.com/vector-im/vector-web/pull/1615)
- * Make the config optional
-   [\#1612](https://github.com/vector-im/vector-web/pull/1612)
- * CSS support for device verification
-   [\#1610](https://github.com/vector-im/vector-web/pull/1610)
- * Don't use SdkConfig
-   [\#1609](https://github.com/vector-im/vector-web/pull/1609)
- * serve config.json statically instead of bundling it
-   [\#1516](https://github.com/vector-im/vector-web/pull/1516)
-
-Changes in [0.7.3](https://github.com/vector-im/vector-web/releases/tag/v0.7.3) (2016-06-03)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.2...v0.7.3)
-
-* Update to react-sdk 0.6.3
-
-Changes in [0.7.2](https://github.com/vector-im/vector-web/releases/tag/v0.7.2) (2016-06-02)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.1...v0.7.2)
-
- * Correctly bump the dep on new matrix-js-sdk and matrix-react-sdk
-
-Changes in [0.7.1](https://github.com/vector-im/vector-web/releases/tag/v0.7.1) (2016-06-02)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.0...v0.7.1)
-
- * Fix accidentally committed local changes to the default config.json (doh!)
-
-Changes in [0.7.0](https://github.com/vector-im/vector-web/releases/tag/v0.7.0) (2016-06-02)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.6.1...v0.7.0)
-
- * Update to matrix-react-sdk 0.6.0 - see
-   [changelog](https://github.com/matrix-org/matrix-react-sdk/blob/v0.6.0/CHANGELOG.md)
- * Style selection color.
-   [\#1557](https://github.com/vector-im/vector-web/pull/1557)
- * Fix NPE when loading the Settings page which infini-spinnered
-   [\#1518](https://github.com/vector-im/vector-web/pull/1518)
- * Add option to enable email notifications
-   [\#1469](https://github.com/vector-im/vector-web/pull/1469)
-
-Changes in [0.6.1](https://github.com/vector-im/vector-web/releases/tag/v0.6.1) (2016-04-22)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.6.0...v0.6.1)
-
- * Update to matrix-react-sdk 0.5.2 - see
-   [changelog](https://github.com/matrix-org/matrix-react-sdk/blob/v0.5.2/CHANGELOG.md)
- * Don't relayout scrollpanels every time something changes
-   [\#1438](https://github.com/vector-im/vector-web/pull/1438)
- * Include react-addons-perf for non-production builds
-   [\#1431](https://github.com/vector-im/vector-web/pull/1431)
-
-Changes in [0.6.0](https://github.com/vector-im/vector-web/releases/tag/v0.6.0) (2016-04-19)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.5.0...v0.6.0)
-
- * Matthew/design tweaks
-   [\#1402](https://github.com/vector-im/vector-web/pull/1402)
- * Improve handling of notification rules we can't parse
-   [\#1399](https://github.com/vector-im/vector-web/pull/1399)
- * Do less mangling of jenkins builds
-   [\#1391](https://github.com/vector-im/vector-web/pull/1391)
- * Start Notifications component refactor
-   [\#1386](https://github.com/vector-im/vector-web/pull/1386)
- * make the UI fadable to help with decluttering
-   [\#1376](https://github.com/vector-im/vector-web/pull/1376)
- * Get and display a user's pushers in settings
-   [\#1374](https://github.com/vector-im/vector-web/pull/1374)
- * URL previewing support
-   [\#1343](https://github.com/vector-im/vector-web/pull/1343)
- * 😄 Emoji autocomplete and unicode emoji to image conversion using emojione.
-   [\#1332](https://github.com/vector-im/vector-web/pull/1332)
- * Show full-size avatar on MemberInfo avatar click
-   [\#1340](https://github.com/vector-im/vector-web/pull/1340)
- * Numerous other changes via [matrix-react-sdk 0.5.1](https://github.com/matrix-org/matrix-react-sdk/blob/v0.5.1/CHANGELOG.md)
-
-Changes in [0.5.0](https://github.com/vector-im/vector-web/releases/tag/v0.5.0) (2016-03-30)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.4.1...v0.5.0)
-
- * Prettier, animated placeholder :D
-   [\#1292](https://github.com/vector-im/vector-web/pull/1292)
-   (Disabled for now due to high CPU usage)
- * RoomDirectory: use SimpleRoomHeader instead of RoomHeader
-   [\#1307](https://github.com/vector-im/vector-web/pull/1307)
- * Tell webpack not to parse the highlight.js languages
-   [\#1277](https://github.com/vector-im/vector-web/pull/1277)
- * CSS for https://github.com/matrix-org/matrix-react-sdk/pull/247
-   [\#1249](https://github.com/vector-im/vector-web/pull/1249)
- * URI-decode the hash-fragment
-   [\#1254](https://github.com/vector-im/vector-web/pull/1254)
-
-Changes in [0.4.1](https://github.com/vector-im/vector-web/releases/tag/v0.4.1) (2016-03-23)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.4.0...v0.4.1)
- * Update to matrix-react-sdk 0.3.1; see
-   https://github.com/matrix-org/matrix-react-sdk/blob/v0.3.1/CHANGELOG.md
-   (Disables debug logging)
-
-Changes in [0.4.0](https://github.com/vector-im/vector-web/releases/tag/v0.4.0) (2016-03-23)
-============================================================================================
-[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.3.0...v0.4.0)
-
- * Update to matrix-react-sdk 0.3.0; see
-   https://github.com/matrix-org/matrix-react-sdk/blob/master/CHANGELOG.md
-
-Other changes
- * permalink button
-   [\#1232](https://github.com/vector-im/vector-web/pull/1232)
- * make senderprofiles clickable
-   [\#1191](https://github.com/vector-im/vector-web/pull/1191)
- * fix notif spam when logging in from a guest session by correctly logging out
-   first.
-   [\#1180](https://github.com/vector-im/vector-web/pull/1180)
- * use new start_login_from_guest dispatch for cancellable logins from guest
-   accounts
-   [\#1165](https://github.com/vector-im/vector-web/pull/1165)
- * Use then() chaining rather than manual callbacks
-   [\#1171](https://github.com/vector-im/vector-web/pull/1171)
- * Remove trailing whitespace
-   [\#1163](https://github.com/vector-im/vector-web/pull/1163)
- * Update the actions of default rules instead of overriding.
-   [\#1037](https://github.com/vector-im/vector-web/pull/1037)
- * Update README to include `npm install` in react-sdk
-   [\#1137](https://github.com/vector-im/vector-web/pull/1137)
-
-Changes in vector v0.3.0 (2016-03-11)
-======================================
- * Lots of new bug fixes and updates
-
-Changes in vector v0.2.0 (2016-02-24)
-======================================
- * Refactor of matrix-react-sdk and vector to remove separation between views and
-   controllers
- * Temporarily break the layering abstraction between vector and matrix-react-sdk
-   for expedience in developing vector.
- * Vast numbers of new features, including read receipts, read-up-to markers,
-   updated look and feel, search, new room and user settings, and email invites.
-
-Changes in vector v0.1.2 (2015-10-28)
-======================================
- * Support Room Avatars
- * Fullscreen video calls
- * Mute mic in VoIP calls
- * Fix bug with multiple desktop notifications
- * Context menu on messages
- * Better hover-over on member list
- * Support CAS auth
- * Many other bug fixes
-
-Changes in vector v0.1.1 (2015-08-10)
-======================================
-
- * Support logging in with an email address
- * Use the Vector identity server
- * Fix a bug where the client was not stopped properly on logout
- * Fix bugs where field values would be forgotten if login or registration failed
- * Improve URL bar navigation
- * Add explanatory help text on advanced server options
- * Fix a bug which caused execptions on malformed VoIP invitations
- * Remove superfluous scrollbars on Firefox
- * Numerous CSS fixes
- * Improved accessibility
- * Support command-click / middle click to open image in a new tab
- * Improved room directory
- * Fix display of text with many combining unicode points
-
-Changes in vector v0.1.0 (2015-08-10)
-======================================
-Initial release
+
+## 🐛 Bug Fixes
+
+* Fix a fresh login creating a new key backup ([#12106](https://github.com/matrix-org/matrix-react-sdk/pull/12106)).
+
+**Changelogs for older versions can be found [here](docs/changelogs).**
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 00000000000..8e5b3de55ce
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,234 @@
+# Contributing code to Element Web
+
+Everyone is welcome to contribute code to Element Web, provided that they are willing to license their contributions to Element under a [Contributor License Agreement](https://cla-assistant.io/element-hq/element-web) (CLA). This ensures that their contribution will be made available under an OSI-approved open-source license, currently licensed under Affero General Public License v3 (AGPLv3) or General Public License v3 (GPLv3) at your choice.
+
+If you're contributing, or thinking about contributing, please come & chat to
+us in our development room, [#element-dev](https://matrix.to/#/#element-dev:matrix.org).
+This is the best place to ask questions about the code, how to work on the project
+or whether a change is likely to be accepted.
+
+## How to contribute
+
+The preferred and easiest way to contribute changes to the project is to fork
+it on github, and then create a pull request to ask us to pull your changes
+into our repo (https://help.github.com/articles/using-pull-requests/)
+
+We use GitHub's pull request workflow to review the contribution, and either
+ask you to make any refinements needed or merge it and make them ourselves.
+
+Your PR should have a title that describes what change is being made. This
+is used for the text in the Changelog entry by default (see below), so a good
+title will tell a user succinctly what change is being made. "Fix bug where
+cows had five legs" and, "Add support for miniature horses" are examples of good
+titles. Don't include an issue number here: that belongs in the description.
+Definitely don't use the GitHub default of "Update file.ts".
+
+As for your PR description, it should include these things:
+
+- References to any bugs fixed by the change (in GitHub's `Fixes` notation)
+- Describe the why and what is changing in the PR description so it's easy for
+  onlookers and reviewers to onboard and context switch. This information is
+  also helpful when we come back to look at this in 6 months and ask "why did
+  we do it like that?" we have a chance of finding out.
+    - Why didn't it work before? Why does it work now? What use cases does it
+      unlock?
+    - If you find yourself adding information on how the code works or why you
+      chose to do it the way you did, make sure this information is instead
+      written as comments in the code itself.
+    - Sometimes a PR can change considerably as it is developed. In this case,
+      the description should be updated to reflect the most recent state of
+      the PR. (It can be helpful to retain the old content under a suitable
+      heading, for additional context.)
+- Include both **before** and **after** screenshots to easily compare and discuss
+  what's changing.
+- Include a step-by-step testing strategy so that a reviewer can check out the
+  code locally and easily get to the point of testing your change.
+- Add comments to the diff for the reviewer that might help them to understand
+  why the change is necessary or how they might better understand and review it.
+
+Please **_do not use force push_** in your PRs. Doing so means we can't see what
+has changed. We use squash merge to get a "clean" git history.
+
+### Adding a new feature or enhancement
+
+To make a great product with a great user experience, all the small efforts need to go in the same direction and be aligned and consistent with each other.
+
+Before making your contribution, please consider the following:
+
+- One product can’t do everything well. Element is focusing on private end-to-end encrypted messaging and voice - this can either be for consumers (e.g. friends and family) or for professional teams and organizations. Public forums and other types of chats without E2EE remain supported but are not the primary use case in case UX compromises need to be made.
+- There are 3 platforms - Web/Desktop, [Android](https://github.com/element-hq/element-x-android) and [iOS](https://github.com/element-hq/element-x-ios). These platforms need to have feature parity and design consistency. For some features, supporting all platforms is a must have, in some cases exceptions can be made to have it on one platform only.
+- To make sure your idea fits both from a design/solution and use case perspective, please open a new issue (or find an existing issue) in [element-meta](https://github.com/element-hq/element-meta/issues) repository describing the use case and how you plan to tackle it. Do not just describe what feature is missing, explain why the users need it with a couple of real life examples from the field.
+    - In case of an existing issue, please comment that you're planning to contribute. If you create a new issue, please specify that in the issue. In such a case we will try to review the issue ASAP and provide you with initial feedback so you can be confident if and at which conditions your contributions will be accepted.
+
+Once we know that you want to contribute and have confirmed that the new feature is overall aligned with the product direction, the designers of the core team will help you with the designs and any other type of guidance when it comes to the user experience. We will try to unblock you as quickly as we can, but it may not be instant. Having a clear understanding of the use case and the impact of the feature will help us with the prioritization and faster responses.
+
+Only once all of the above is met should you open a PR with your proposed changes.
+
+### Changelogs
+
+There's no need to manually add Changelog entries: we use information in the
+pull request to populate the information that goes into the changelogs our
+users see, both for Element Web itself and other projects on which it is based.
+This is picked up from both labels on the pull request and the `Notes:`
+annotation in the description. By default, the PR title will be used for the
+changelog entry, but you can specify more options, as follows.
+
+To add a longer, more detailed description of the change for the changelog:
+
+_Fix llama herding bug_
+
+```
+Notes: Fix a bug (https://github.com/matrix-org/notaproject/issues/123) where the 'Herd' button would not herd more than 8 Llamas if the moon was in the waxing gibbous phase
+```
+
+For some PRs, it's not useful to have an entry in the user-facing changelog (this is
+the default for PRs labelled with `T-Task`):
+
+_Remove outdated comment from `Ungulates.ts`_
+
+If your PR introduces a breaking change, use the `Notes` section in the same
+way, additionally adding the `X-Breaking-Change` label (see below). There's no need
+to specify in the notes that it's a breaking change - this will be added
+automatically based on the label - but remember to tell the developer how to
+migrate:
+
+_Remove legacy class_
+
+```
+Notes: Remove legacy `Camelopard` class. `Giraffe` should be used instead.
+```
+
+Other metadata can be added using labels.
+
+- `X-Breaking-Change`: A breaking change - adding this label will mean the change causes a _major_ version bump.
+- `T-Enhancement`: A new feature - adding this label will mean the change causes a _minor_ version bump.
+- `T-Defect`: A bug fix (in either code or docs).
+- `T-Task`: No user-facing changes, eg. code comments, CI fixes, refactors or tests. Won't have a changelog entry unless you specify one.
+
+If you don't have permission to add labels, your PR reviewer(s) can work with you
+to add them: ask in the PR description or comments.
+
+We use continuous integration, and all pull requests get automatically tested:
+if your change breaks the build, then the PR will show that there are failed
+checks, so please check back after a few minutes.
+
+## Tests
+
+Your PR should include tests.
+
+For new user facing features in `matrix-js-sdk` or `element-web`, you must include:
+
+1. Comprehensive unit tests written in Jest. These are located in `/test`.
+2. "happy path" end-to-end tests.
+   These are located in `/playwright/e2e`, and are run using `element-web`.
+   Ideally, you would also include tests for edge and error cases.
+
+Unit tests are expected even when the feature is in labs. It's good practice
+to write tests alongside the code as it ensures the code is testable from
+the start, and gives you a fast feedback loop while you're developing the
+functionality. End-to-end tests should be added prior to the feature
+leaving labs, but don't have to be present from the start (although it might
+be beneficial to have some running early, so you can test things faster).
+
+For bugs in those repos, your change must include at least one unit test or
+end-to-end test; which is best depends on what sort of test most concisely
+exercises the area.
+
+Changes to must be accompanied by unit tests written in Jest.
+These are located in `/spec/` in `matrix-js-sdk` or `/test/` in `element-web`.
+
+When writing unit tests, please aim for a high level of test coverage
+for new code - 80% or greater. If you cannot achieve that, please document
+why it's not possible in your PR.
+CI will validate that the coverage reached on your change is sufficient,
+you can also assert this locally by installing https://github.com/Bachmann1234/diff_cover,
+running the entire test suite in coverage mode `pnpm coverage` then running
+`pnpm coverage:diff` to see the coverage of the diff between your HEAD and `develop`.
+
+Some sections of code are not sensible to add coverage for, such as those
+which explicitly inhibit noisy logging for tests. Which can be hidden using
+an istanbul magic comment as [documented here][1]. See example:
+
+```javascript
+/* istanbul ignore if */
+if (process.env.NODE_ENV !== "test") {
+    logger.error("Log line that is noisy enough in tests to want to skip");
+}
+```
+
+Tests validate that your change works as intended and also document
+concisely what is being changed. Ideally, your new tests fail
+prior to your change, and succeed once it has been applied. You may
+find this simpler to achieve if you write the tests first.
+
+If you're spiking some code that's experimental and not being used to support
+production features, exceptions can be made to requirements for tests.
+Note that tests will still be required in order to ship the feature, and it's
+strongly encouraged to think about tests early in the process, as adding
+tests later will become progressively more difficult.
+
+If you're not sure how to approach writing tests for your change, ask for help
+in [#element-dev](https://matrix.to/#/#element-dev:matrix.org).
+
+## Code style
+
+Element Web aims to target TypeScript/ES6. All new files should be written in
+TypeScript and existing files should use ES6 principles where possible.
+
+Members should not be exported as a default export in general - it causes problems
+with the architecture of the SDK (index file becomes less clear) and could
+introduce naming problems (as default exports get aliased upon import). In
+general, avoid using `export default`.
+
+The remaining code style is documented in [code_style.md](./code_style.md).
+Contributors are encouraged to it and follow the principles set out there.
+
+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
+AUTHORS.rst file for the project in question. Please feel free to include a
+change to AUTHORS.rst in your pull request to list yourself and a short
+description of the area(s) you've worked on. Also, we sometimes have swag to
+give away to contributors - if you feel that Matrix-branded apparel is missing
+from your life, please mail us your shipping address to matrix at matrix.org
+and we'll try to fix it :)
+
+# Review expectations
+
+See https://github.com/element-hq/element-meta/wiki/Review-process
+
+# Merge Strategy
+
+The preferred method for merging pull requests is squash merging to keep the
+commit history trim, but it is up to the discretion of the team member merging
+the change. We do not support rebase merges due to `allchange` being unable to
+handle them. When merging make sure to leave the default commit title, or
+at least leave the PR number at the end in brackets like by default.
+When stacking pull requests, you may wish to do the following:
+
+1. Branch from develop to your branch (branch1), push commits onto it and open a pull request
+2. Branch from your base branch (branch1) to your work branch (branch2), push commits and open a pull request configuring the base to be branch1, saying in the description that it is based on your other PR.
+3. Merge the first PR using a merge commit otherwise your stacked PR will need a rebase. Github will automatically adjust the base branch of your other PR to be develop.
+
+[1]: https://github.com/gotwarlost/istanbul/blob/master/ignoring-code-for-coverage.md
+
+# Decoding Stack Traces
+
+Element Web has crashed and given you an obfuscated stack trace? Don't panic:
+use the [Decoder Ring](https://app.element.io/decoder-ring/) (or /decoder-ring/
+on any Element Web deploy). It is somewhat of a manual process, but it should
+tell you what lines the stack trace corresponds to from the source maps.
diff --git a/CONTRIBUTING.rst b/CONTRIBUTING.rst
deleted file mode 100644
index f084b474bdc..00000000000
--- a/CONTRIBUTING.rst
+++ /dev/null
@@ -1,4 +0,0 @@
-Contributing code to Riot
-=========================
-
-Riot follows the same pattern as https://github.com/matrix-org/matrix-js-sdk/blob/master/CONTRIBUTING.rst.
diff --git a/Dockerfile b/Dockerfile
deleted file mode 100644
index 92d35e7d9a1..00000000000
--- a/Dockerfile
+++ /dev/null
@@ -1,40 +0,0 @@
-# Builder
-FROM node:12 as builder
-
-# Support custom branches of the react-sdk and js-sdk. This also helps us build
-# images of riot-web develop.
-ARG USE_CUSTOM_SDKS=false
-ARG REACT_SDK_REPO="https://github.com/matrix-org/matrix-react-sdk.git"
-ARG REACT_SDK_BRANCH="master"
-ARG JS_SDK_REPO="https://github.com/matrix-org/matrix-js-sdk.git"
-ARG JS_SDK_BRANCH="master"
-
-RUN apt-get update && apt-get install -y git dos2unix \
-# These packages are required for building Canvas on architectures like Arm
-# See https://www.npmjs.com/package/canvas#compiling
-  build-essential libcairo2-dev libpango1.0-dev libjpeg-dev libgif-dev librsvg2-dev
-
-WORKDIR /src
-
-COPY . /src
-RUN dos2unix /src/scripts/docker-link-repos.sh && bash /src/scripts/docker-link-repos.sh
-RUN yarn --network-timeout=100000 install
-RUN yarn build
-
-# Copy the config now so that we don't create another layer in the app image
-RUN cp /src/config.sample.json /src/webapp/config.json
-
-# Ensure we populate the version file
-RUN dos2unix /src/scripts/docker-write-version.sh && bash /src/scripts/docker-write-version.sh
-
-
-# App
-FROM nginx:alpine
-
-COPY --from=builder /src/webapp /app
-
-# Insert wasm type into Nginx mime.types file so they load correctly.
-RUN sed -i '3i\ \ \ \ application/wasm wasm\;' /etc/nginx/mime.types
-
-RUN rm -rf /usr/share/nginx/html \
- && ln -s /app /usr/share/nginx/html
diff --git a/LICENSE b/LICENSE
deleted file mode 100644
index f433b1a53f5..00000000000
--- a/LICENSE
+++ /dev/null
@@ -1,177 +0,0 @@
-
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
diff --git a/LICENSE-AGPL-3.0 b/LICENSE-AGPL-3.0
new file mode 100644
index 00000000000..19bae358877
--- /dev/null
+++ b/LICENSE-AGPL-3.0
@@ -0,0 +1,661 @@
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+Everyone is permitted to copy and distribute verbatim copies
+of this license document, but changing it is not allowed.
+
+                            Preamble
+
+The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works. By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+When we speak of free software, we are referring to freedom, not
+price. Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate. Many developers of free software are heartened and
+encouraged by the resulting cooperation. However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community. It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server. Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals. This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+0. Definitions.
+
+"This License" refers to version 3 of the GNU Affero General Public License.
+
+"Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+"The Program" refers to any copyrightable work licensed under this
+License. Each licensee is addressed as "you". "Licensees" and
+"recipients" may be individuals or organizations.
+
+To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy. The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy. Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies. Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License. If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+1. Source Code.
+
+The "source code" for a work means the preferred form of the work
+for making modifications to it. "Object code" means any non-source
+form of a work.
+
+A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form. A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities. However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work. For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+The Corresponding Source for a work in source code form is that
+same work.
+
+2. Basic Permissions.
+
+All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met. This License explicitly affirms your unlimited
+permission to run the unmodified Program. The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work. This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force. You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright. Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+Conveying under any other circumstances is permitted solely under
+the conditions stated below. Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+4. Conveying Verbatim Copies.
+
+You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+5. Conveying Modified Source Versions.
+
+You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit. Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+6. Conveying Non-Source Forms.
+
+You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling. In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage. For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product. A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+"Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source. The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information. But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed. Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+7. Additional Terms.
+
+"Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law. If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it. (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.) You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10. If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term. If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+8. Termination.
+
+You may not propagate or modify a covered work except as expressly
+provided under this License. Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License. If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+9. Acceptance Not Required for Having Copies.
+
+You are not required to accept this License in order to receive or
+run a copy of the Program. Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance. However,
+nothing other than this License grants you permission to propagate or
+modify any covered work. These actions infringe copyright if you do
+not accept this License. Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+10. Automatic Licensing of Downstream Recipients.
+
+Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License. You are not responsible
+for enforcing compliance by third parties with this License.
+
+An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations. If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License. For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+11. Patents.
+
+A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based. The
+work thus licensed is called the contributor's "contributor version".
+
+A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version. For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement). To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients. "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License. You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+12. No Surrender of Others' Freedom.
+
+If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License. If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all. For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+13. Remote Network Interaction; Use with the GNU General Public License.
+
+Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software. This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work. The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+14. Revised Versions of this License.
+
+The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time. Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number. If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation. If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+Later license versions may give you additional or different
+permissions. However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+15. Disclaimer of Warranty.
+
+THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+16. Limitation of Liability.
+
+IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+17. Interpretation of Sections 15 and 16.
+
+If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+To do so, attach the following notices to the program. It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source. For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code. There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<https://www.gnu.org/licenses/>.
diff --git a/LICENSE-COMMERCIAL b/LICENSE-COMMERCIAL
new file mode 100644
index 00000000000..173e03e0c03
--- /dev/null
+++ b/LICENSE-COMMERCIAL
@@ -0,0 +1,6 @@
+Licensees holding a valid commercial license with Element may use this
+software in accordance with the terms contained in a written agreement
+between you and Element.
+
+To purchase a commercial license please contact our sales team at
+licensing@element.io
diff --git a/LICENSE-GPL-3.0 b/LICENSE-GPL-3.0
new file mode 100644
index 00000000000..e72bfddabc1
--- /dev/null
+++ b/LICENSE-GPL-3.0
@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  You must make sure that they, too, receive
+or can get the source code.  And you must show them these terms so they
+know their rights.
+
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Use with the GNU Affero General Public License.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    <program>  Copyright (C) <year>  <name of author>
+    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<https://www.gnu.org/licenses/>.
+
+  The GNU General Public License does not permit incorporating your program
+into proprietary programs.  If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.  But first, please read
+<https://www.gnu.org/licenses/why-not-lgpl.html>.
\ No newline at end of file
diff --git a/README.md b/README.md
index 58bb12158d1..3a18763b13d 100644
--- a/README.md
+++ b/README.md
@@ -1,391 +1,117 @@
-Element
-=======
+[![Chat](https://img.shields.io/matrix/element-web:matrix.org?logo=matrix)](https://matrix.to/#/#element-web:matrix.org)
+![Tests](https://github.com/element-hq/element-web/actions/workflows/tests.yaml/badge.svg)
+![Static Analysis](https://github.com/element-hq/element-web/actions/workflows/static_analysis.yaml/badge.svg)
+[![Localazy](https://img.shields.io/endpoint?url=https%3A%2F%2Fconnect.localazy.com%2Fstatus%2Felement-web%2Fdata%3Fcontent%3Dall%26title%3Dlocalazy%26logo%3Dtrue)](https://localazy.com/p/element-web)
+[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=element-web&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=element-web)
+[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=element-web&metric=coverage)](https://sonarcloud.io/summary/new_code?id=element-web)
+[![Vulnerabilities](https://sonarcloud.io/api/project_badges/measure?project=element-web&metric=vulnerabilities)](https://sonarcloud.io/summary/new_code?id=element-web)
+[![Bugs](https://sonarcloud.io/api/project_badges/measure?project=element-web&metric=bugs)](https://sonarcloud.io/summary/new_code?id=element-web)
 
-Element (formerly known as Vector and Riot) is a Matrix web client built using the [Matrix
-React SDK](https://github.com/matrix-org/matrix-react-sdk).
+# Element
 
-Supported Environments
-======================
+Element (formerly known as Vector and Riot) is a Matrix web & desktop client built using the [Matrix
+JS SDK](https://github.com/matrix-org/matrix-js-sdk).
+
+# Supported Environments
 
 Element has several tiers of support for different environments:
 
-* Supported
-  * Definition: Issues **actively triaged**, regressions **block** the release
-  * Last 2 major versions of Chrome, Firefox, and Safari on desktop OSes
-  * Latest release of official Element Desktop app on desktop OSes
-  * Desktop OSes means macOS, Windows, and Linux versions for desktop devices
-    that are actively supported by the OS vendor and receive security updates
-* Experimental
-  * Definition: Issues **accepted**, regressions **do not block** the release
-  * Element as an installed PWA via current stable version of Chrome, Firefox, and Safari
-  * Mobile web for current stable version of Chrome, Firefox, and Safari on Android, iOS, and iPadOS
-* Not supported
-  * Definition: Issues only affecting unsupported environments are **closed**
-  * Everything else
+- Supported
+    - Definition:
+        - Issues **actively triaged**, regressions **block** the release
+    - Last 2 major versions of Chrome, Firefox, and Edge on desktop OSes
+    - Last 2 versions of Safari
+    - Latest release of official Element Desktop app on desktop OSes
+    - Desktop OSes means macOS, Windows, and Linux versions for desktop devices
+      that are actively supported by the OS vendor and receive security updates
+- Best effort
+    - Definition:
+        - Issues **accepted**, regressions **do not block** the release
+        - The wider Element Products (including Element Call and the Enterprise Server Suite) do still not officially support these browsers.
+        - The element web project and its contributors should keep the client functioning and gracefully degrade where other sibling features (E.g. Element Call) may not function.
+    - Last major release of Firefox ESR and Chrome/Edge Extended Stable
+- Community Supported
+    - Definition:
+        - Issues **accepted**, regressions **do not block** the release
+        - Community contributions are welcome to support these issues
+    - Mobile web for current stable version of Chrome, Firefox, and Safari on Android, iOS, and iPadOS
+- Not supported
+    - Definition: Issues only affecting unsupported environments are **closed**
+    - Everything else
+
+The period of support for these tiers should last until the releases specified above, plus 1 app release cycle(2 weeks). In the case of Firefox ESR this is extended further to allow it land in Debian Stable.
 
 For accessing Element on an Android or iOS device, we currently recommend the
-native apps [element-android](https://github.com/vector-im/element-android)
-and [element-ios](https://github.com/vector-im/element-ios).
+native apps [element-x-android](https://github.com/element-hq/element-x-android)
+and [element-x-ios](https://github.com/element-hq/element-x-ios).
 
-Getting Started
-===============
+# Getting Started
 
-The easiest way to test Element is to just use the hosted copy at https://app.element.io.
-The `develop` branch is continuously deployed by Jenkins at https://develop.element.io
+The easiest way to test Element is to just use the hosted copy at <https://app.element.io>.
+The `develop` branch is continuously deployed to <https://develop.element.io>
 for those who like living dangerously.
 
-To host your own copy of Element, the quickest bet is to use a pre-built
-released version of Element:
-
-1. Download the latest version from https://github.com/vector-im/element-web/releases
-1. Untar the tarball on your web server
-1. Move (or symlink) the `riot-x.x.x` directory to an appropriate name
-1. Configure the correct caching headers in your webserver (see below)
-1. If desired, copy `config.sample.json` to `config.json` and edit it
-   as desired. See the [configuration docs](docs/config.md) for details.
-1. Enter the URL into your browser and log into Element!
-
-Releases are signed using gpg and the OpenPGP standard, and can be checked against the public key located
-at https://packages.riot.im/riot-release-key.asc.
-
-Note that for the security of your chats will need to serve Element
-over HTTPS. Major browsers also do not allow you to use VoIP/video
-chats over HTTP, as WebRTC is only usable over HTTPS.
-There are some exceptions like when using localhost, which is
-considered a [secure context](https://developer.mozilla.org/docs/Web/Security/Secure_Contexts)
-and thus allowed.
-
-To install Element as a desktop application, see [Running as a desktop
-app](#running-as-a-desktop-app) below.
-
-Important Security Note
-=======================
-
-We do not recommend running Element from the same domain name as your Matrix
-homeserver.  The reason is the risk of XSS (cross-site-scripting)
-vulnerabilities that could occur if someone caused Element to load and render
-malicious user generated content from a Matrix API which then had trusted
-access to Element (or other apps) due to sharing the same domain.
-
-We have put some coarse mitigations into place to try to protect against this
-situation, but it's still not good practice to do it in the first place.  See
-https://github.com/vector-im/element-web/issues/1977 for more details.
-
-Building From Source
-====================
-
-Element is a modular webapp built with modern ES6 and uses a Node.js build system.
-Ensure you have the latest LTS version of Node.js installed.
-
-Using `yarn` instead of `npm` is recommended. Please see the Yarn [install
-guide](https://classic.yarnpkg.com/en/docs/install) if you do not have it already.
-
-1. Install or update `node.js` so that your `node` is at least v10.x.
-1. Install `yarn` if not present already.
-1. Clone the repo: `git clone https://github.com/vector-im/element-web.git`.
-1. Switch to the element-web directory: `cd element-web`.
-1. Install the prerequisites: `yarn install`.
-   *  If you're using the `develop` branch, then it is recommended to set up a
-      proper development environment (see [Setting up a dev
-      environment](#setting-up-a-dev-environment) below). Alternatively, you
-      can use https://develop.element.io - the continuous integration release of
-      the develop branch.
-1. Configure the app by copying `config.sample.json` to `config.json` and
-   modifying it. See the [configuration docs](docs/config.md) for details.
-1. `yarn dist` to build a tarball to deploy. Untaring this file will give
-   a version-specific directory containing all the files that need to go on your
-   web server.
-
-Note that `yarn dist` is not supported on Windows, so Windows users can run `yarn build`,
-which will build all the necessary files into the `webapp` directory. The version of Element
-will not appear in Settings without using the dist script. You can then mount the
-`webapp` directory on your webserver to actually serve up the app, which is entirely static content.
-
-Running as a Desktop app
-========================
+To host your own instance of Element see [Installing Element Web](docs/install.md).
+
+To install Element as a desktop application, see [Running as a desktop app](#running-as-a-desktop-app) below.
+
+---
+
+# Monorepo
+
+This repository is a monorepo hosting Element Web and other related projects in various subdirectories.
+You can read more about the structure [here](docs/monorepo.md).
+
+# Element Web
+
+To learn more about Element Web [click here](apps/web/README.md)
+
+# Running as a Desktop app
 
 Element can also be run as a desktop app, wrapped in Electron. You can download a
-pre-built version from https://element.io/get-started or, if you prefer,
+pre-built version from <https://element.io/get-started> or, if you prefer,
 build it yourself.
 
-To build it yourself, follow the instructions at https://github.com/vector-im/element-desktop.
+To build it yourself, follow the instructions at <https://github.com/element-hq/element-web/tree/develop/apps/desktop>.
 
 Many thanks to @aviraldg for the initial work on the Electron integration.
 
-Other options for running as a desktop app:
- * @asdf:matrix.org points out that you can use nativefier and it just works(tm)
-
-```bash
-yarn global add nativefier
-nativefier https://app.element.io/
-```
-
-The [configuration docs](docs/config.md#desktop-app-configuration) show how to
-override the desktop app's default settings if desired.
-
-Running from Docker
-===================
-
-The Docker image can be used to serve element-web as a web server. The easiest way to use
-it is to use the prebuilt image:
-```bash
-docker run -p 80:80 vectorim/riot-web
-```
-
-To supply your own custom `config.json`, map a volume to `/app/config.json`. For example,
-if your custom config was located at `/etc/element-web/config.json` then your Docker command
-would be:
-```bash
-docker run -p 80:80 -v /etc/element-web/config.json:/app/config.json vectorim/riot-web
-```
-
-To build the image yourself:
-```bash
-git clone https://github.com/vector-im/element-web.git element-web
-cd element-web
-git checkout master
-docker build .
-```
-
-If you're building a custom branch, or want to use the develop branch, check out the appropriate
-element-web branch and then run:
-```bash
-docker build -t \
-    --build-arg USE_CUSTOM_SDKS=true \
-    --build-arg REACT_SDK_REPO="https://github.com/matrix-org/matrix-react-sdk.git" \
-    --build-arg REACT_SDK_BRANCH="develop" \
-    --build-arg JS_SDK_REPO="https://github.com/matrix-org/matrix-js-sdk.git" \
-    --build-arg JS_SDK_BRANCH="develop" \
-    .
-```
-
-config.json
-===========
-
-Element supports a variety of settings to configure default servers, behaviour, themes, etc.
-See the [configuration docs](docs/config.md) for more details.
-
-Labs Features
-=============
-
-Some features of Element may be enabled by flags in the `Labs` section of the settings.
-Some of these features are described in [labs.md](https://github.com/vector-im/element-web/blob/develop/docs/labs.md).
-
-Caching requirements
-====================
-
-Element requires the following URLs not to be cached, when/if you are serving Element from your own webserver:
-```
-/config.*.json
-/i18n
-/home
-/sites
-/index.html
-```
-
-Development
-===========
-
-Before attempting to develop on Element you **must** read the [developer guide
-for `matrix-react-sdk`](https://github.com/matrix-org/matrix-react-sdk#developer-guide), which
-also defines the design, architecture and style for Element too.
-
-Before starting work on a feature, it's best to ensure your plan aligns well
-with our vision for Element. Please chat with the team in
-[#element-dev:matrix.org](https://matrix.to/#/#element-dev:matrix.org) before you
-start so we can ensure it's something we'd be willing to merge.
-
-You should also familiarise yourself with the ["Here be Dragons" guide
-](https://docs.google.com/document/d/12jYzvkidrp1h7liEuLIe6BMdU0NUjndUYI971O06ooM)
-to the tame & not-so-tame dragons (gotchas) which exist in the codebase.
-
-The idea of Element is to be a relatively lightweight "skin" of customisations on
-top of the underlying `matrix-react-sdk`. `matrix-react-sdk` provides both the
-higher and lower level React components useful for building Matrix communication
-apps using React.
-
-After creating a new component you must run `yarn reskindex` to regenerate
-the `component-index.js` for the app (used in future for skinning).
-
-Please note that Element is intended to run correctly without access to the public
-internet.  So please don't depend on resources (JS libs, CSS, images, fonts)
-hosted by external CDNs or servers but instead please package all dependencies
-into Element itself.
-
-Setting up a dev environment
-============================
-
-Much of the functionality in Element is actually in the `matrix-react-sdk` and
-`matrix-js-sdk` modules. It is possible to set these up in a way that makes it
-easy to track the `develop` branches in git and to make local changes without
-having to manually rebuild each time.
-
-First clone and build `matrix-js-sdk`:
-
-``` bash
-git clone https://github.com/matrix-org/matrix-js-sdk.git
-pushd matrix-js-sdk
-git checkout develop
-yarn link
-yarn install
-popd
-```
-
-Then similarly with `matrix-react-sdk`:
-
-```bash
-git clone https://github.com/matrix-org/matrix-react-sdk.git
-pushd matrix-react-sdk
-git checkout develop
-yarn link
-yarn link matrix-js-sdk
-yarn install
-popd
-```
-
-Finally, build and start Element itself:
-
-```bash
-git clone https://github.com/vector-im/element-web.git
-cd element-web
-git checkout develop
-yarn link matrix-js-sdk
-yarn link matrix-react-sdk
-yarn install
-yarn start
-```
-
-
-Wait a few seconds for the initial build to finish; you should see something like:
-```
-Hash: b0af76309dd56d7275c8
-Version: webpack 1.12.14
-Time: 14533ms
-         Asset     Size  Chunks             Chunk Names
-     bundle.js   4.2 MB       0  [emitted]  main
-    bundle.css  91.5 kB       0  [emitted]  main
- bundle.js.map  5.29 MB       0  [emitted]  main
-bundle.css.map   116 kB       0  [emitted]  main
-    + 1013 hidden modules
-```
-   Remember, the command will not terminate since it runs the web server
-   and rebuilds source files when they change. This development server also
-   disables caching, so do NOT use it in production.
-
-Configure the app by copying `config.sample.json` to `config.json` and
-modifying it. See the [configuration docs](docs/config.md) for details.
-
-Open http://127.0.0.1:8080/ in your browser to see your newly built Element.
-
-**Note**: The build script uses inotify by default on Linux to monitor directories
-for changes. If the inotify watch limit is too low your build will silently fail.
-To avoid this issue, we recommend a limit of at least 128M.
-
-To set a new inotify watch limit, execute:
-
-```
-$ sudo sysctl fs.inotify.max_user_watches=131072
-$ sudo sysctl -p
-```
-
-If you wish, you can make this new limit permanent, by executing:
-
-```
-$ echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf
-$ sudo sysctl -p
-```
-___
-
-When you make changes to `matrix-react-sdk` or `matrix-js-sdk` they should be
-automatically picked up by webpack and built.
-
-If you add or remove any components from the Element skin, you will need to rebuild
-the skin's index by running, `yarn reskindex`.
-
-If any of these steps error with, `file table overflow`, you are probably on a mac
-which has a very low limit on max open files. Run `ulimit -Sn 1024` and try again.
-You'll need to do this in each new terminal you open before building Element.
-
-Running the tests
------------------
-
-There are a number of application-level tests in the `tests` directory; these
-are designed to run in a browser instance under the control of
-[karma](https://karma-runner.github.io). To run them:
-
-* Make sure you have Chrome installed (a recent version, like 59)
-* Make sure you have `matrix-js-sdk` and `matrix-react-sdk` installed and
-  built, as above
-* `yarn test`
-
-The above will run the tests under Chrome in a `headless` mode.
-
-You can also tell karma to run the tests in a loop (every time the source
-changes), in an instance of Chrome on your desktop, with `yarn
-test-multi`. This also gives you the option of running the tests in 'debug'
-mode, which is useful for stepping through the tests in the developer tools.
-
-### End-to-End tests
-
-See [matrix-react-sdk](https://github.com/matrix-org/matrix-react-sdk/#end-to-end-tests) how to run the end-to-end tests.
-
-Translations
-============
+The [configuration docs](docs/config.md#desktop-app-configuration) show how to override the desktop app's default settings if desired.
 
-To add a new translation, head to the [translating doc](docs/translating.md).
+# Development
 
-For a developer guide, see the [translating dev doc](docs/translating-dev.md).
+Please read through the following:
 
-[<img src="https://translate.riot.im/widgets/element-web/-/multi-auto.svg" alt="translationsstatus" width="340">](https://translate.riot.im/engage/element-web/?utm_source=widget)
+1. [Developer guide](./developer_guide.md)
+2. [Code style](./code_style.md)
+3. [Contribution guide](./CONTRIBUTING.md)
 
-Triaging issues
-===============
+# Translations
 
-Issues will be triaged by the core team using the below set of tags.
+To add a new translation, head to the [translating doc](docs/translating.md).
 
-Tags are meant to be used in combination - e.g.:
- * P1 critical bug == really urgent stuff that should be next in the bugfixing todo list
- * "release blocker" == stuff which is blocking us from cutting the next release.
- * P1 feature type:voip == what VoIP features should we be working on next?
+For a developer guide, see the [translating dev doc](docs/translating-dev.md).
 
-priority: **compulsory**
+# Triaging issues
 
-* P1: top priority - i.e. pool of stuff which we should be working on next
-* P2: still need to fix, but lower than P1
-* P3: non-urgent
-* P4: interesting idea - bluesky some day
-* P5: recorded for posterity/to avoid duplicates. No intention to resolves right now.
+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).
 
-bug or feature: **compulsory**
+We use [issue labels](https://github.com/element-hq/element-meta/wiki/Issue-labelling) to sort all incoming issues.
 
-* bug
-* feature
+## Copyright & License
 
-bug severity: **compulsory, if bug**
+Copyright (c) 2014-2017 OpenMarket Ltd
+Copyright (c) 2017 Vector Creations Ltd
+Copyright (c) 2017-2025 New Vector Ltd
 
-* critical - whole app doesn't work
-* major - entire feature doesn't work
-* minor - partially broken feature (but still usable)
-* cosmetic - feature works functionally but UI/UX is broken
+This software is multi licensed by New Vector Ltd (Element). It can be used either:
 
-types
-* type:* - refers to a particular part of the app; used to filter bugs
-  on a given topic - e.g. VOIP, signup, timeline, etc.
+(1) for free under the terms of the GNU Affero General Public License (as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version); OR
 
-additional categories (self-explanatory):
+(2) for free under the terms of the GNU General Public License (as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version); OR
 
-* release blocker
-* ui/ux (think of this as cosmetic)
-* network (specific to network conditions)
-* platform specific
-* accessibility
-* maintenance
-* performance
-* i18n
-* blocked - whether this issue currently can't be progressed due to outside factors
+(3) under the terms of a paid-for Element Commercial License agreement between you and Element (the terms of which may vary depending on what you and Element have agreed to).
+Unless required by applicable law or agreed to in writing, software distributed under the Licenses is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the Licenses for the specific language governing permissions and limitations under the Licenses.
 
-community engagement
-* easy
-* hacktoberfest
-* bounty? - proposal to be included in a bounty programme
-* bounty - included in Status Open Bounty
+Please contact [licensing@element.io](mailto:licensing@element.io) to purchase
+an Element commercial license for this software.
diff --git a/__mocks__/cssMock.js b/__mocks__/cssMock.js
deleted file mode 100644
index 9b5d9b34764..00000000000
--- a/__mocks__/cssMock.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = "css-file-stub";
diff --git a/apps/desktop/.gitignore b/apps/desktop/.gitignore
new file mode 100644
index 00000000000..b8bdeb1d2b2
--- /dev/null
+++ b/apps/desktop/.gitignore
@@ -0,0 +1,22 @@
+/dist
+/lib
+/webapp
+/webapp.asar
+/packages
+/deploys
+node_modules/
+/pkg/control
+/.hak
+/.yarnrc
+/docker
+/.npmrc
+.vscode
+.vscode/
+/test_artifacts/
+/coverage/
+yarn-error.log
+/hak/**/*.js
+/scripts/hak/**/*.js
+.DS_Store
+/playwright-report
+.pnpm-store
\ No newline at end of file
diff --git a/apps/desktop/.node-version b/apps/desktop/.node-version
new file mode 100644
index 00000000000..8dfc5cb1af4
--- /dev/null
+++ b/apps/desktop/.node-version
@@ -0,0 +1 @@
+24.18.1
diff --git a/apps/desktop/CHANGELOG.md b/apps/desktop/CHANGELOG.md
new file mode 100644
index 00000000000..65d07ad5d7b
--- /dev/null
+++ b/apps/desktop/CHANGELOG.md
@@ -0,0 +1,5742 @@
+Changes in [1.12.13](https://github.com/element-hq/element-desktop/releases/tag/v1.12.13) (2026-03-24)
+======================================================================================================
+## 🦖 Deprecations
+
+* Remove automatic rageshakes on UTD labs feature ([#32778](https://github.com/element-hq/element-web/pull/32778)). Contributed by @Half-Shot.
+* Remove automaticErrorReporting labs feature ([#32781](https://github.com/element-hq/element-web/pull/32781)). Contributed by @Half-Shot.
+
+## ✨ Features
+
+* Upgrade Element Call for new picture-in-picture designs ([#32816](https://github.com/element-hq/element-web/pull/32816)). Contributed by @robintown.
+* Room list: add sections to shared components ([#32735](https://github.com/element-hq/element-web/pull/32735)). Contributed by @florianduros.
+* feat: Devtool for sticky events MSC4354 ([#32741](https://github.com/element-hq/element-web/pull/32741)). Contributed by @BillCarsonFr.
+* Port URL Preview components to MVVM ([#32525](https://github.com/element-hq/element-web/pull/32525)). Contributed by @Half-Shot.
+* Add support for Widget \& Room Header Buttons module APIs ([#32734](https://github.com/element-hq/element-web/pull/32734)). Contributed by @dbkr.
+* Port over linkifyJS to shared-components. ([#32731](https://github.com/element-hq/element-web/pull/32731)). Contributed by @Half-Shot.
+* Redesign widget pip and move into shared component ([#32654](https://github.com/element-hq/element-web/pull/32654)). Contributed by @toger5.
+* Implement customisations \& login component Module API 1.11.0 ([#32687](https://github.com/element-hq/element-web/pull/32687)). Contributed by @t3chguy.
+* Realign MessageActionBar to Figma designs ([#32722](https://github.com/element-hq/element-web/pull/32722)). Contributed by @t3chguy.
+* Implement new widget permissions module api ([#32565](https://github.com/element-hq/element-web/pull/32565)). Contributed by @langleyd.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix soft crash of room list when trying to open a room ([#32872](https://github.com/element-hq/element-web/pull/32872)). Contributed by @RiotRobot.
+* Fix "key storage out of sync" appearing when key storage is actually fine ([#32811](https://github.com/element-hq/element-web/pull/32811)). Contributed by @andybalaam.
+* Fix remove button styling in local address list of room settings ([#32798](https://github.com/element-hq/element-web/pull/32798)). Contributed by @florianduros.
+* Always check \& update the users timezone on their profile on startup ([#32764](https://github.com/element-hq/element-web/pull/32764)). Contributed by @Half-Shot.
+* Fix nx configuration to actually run type linter ([#32776](https://github.com/element-hq/element-web/pull/32776)). Contributed by @richvdh.
+* Fix expand space panel button not being shown on keyboard focus ([#32746](https://github.com/element-hq/element-web/pull/32746)). Contributed by @t3chguy.
+* Reset key storage if restoring from Recovery encounters the wrong decryption key ([#32668](https://github.com/element-hq/element-web/pull/32668)). Contributed by @andybalaam.
+
+
+
+Changes in [1.12.12](https://github.com/element-hq/element-desktop/releases/tag/v1.12.12) (2026-03-10)
+======================================================================================================
+## ✨ Features
+
+* Add stable support for MSC4380 invite blocking ([#31966](https://github.com/element-hq/element-web/pull/31966)). Contributed by @richvdh.
+* Hide the names of banned users behind a spoiler tag ([#32424](https://github.com/element-hq/element-web/pull/32424)). Contributed by @andybalaam.
+* Room list: remove bold effect on selected room ([#32593](https://github.com/element-hq/element-web/pull/32593)). Contributed by @florianduros.
+* Use Compound buttons in auth screens ([#32562](https://github.com/element-hq/element-web/pull/32562)). Contributed by @t3chguy.
+* Track room list sorting algorithm changes ([#32556](https://github.com/element-hq/element-web/pull/32556)). Contributed by @MidhunSureshR.
+* Update `sso_redirect_options` to work for Native OIDC ([#32537](https://github.com/element-hq/element-web/pull/32537)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Room list: avoid excessive re-renders on room list store update or filter change ([#32663](https://github.com/element-hq/element-web/pull/32663)). Contributed by @florianduros.
+* Room list: listen to call event to check number of participants ([#32677](https://github.com/element-hq/element-web/pull/32677)). Contributed by @florianduros.
+* Fix invite-specific join errors not being shown ([#32621](https://github.com/element-hq/element-web/pull/32621)). Contributed by @Half-Shot.
+* Prevent logging lots of "Browser unsupported" lines ([#32647](https://github.com/element-hq/element-web/pull/32647)). Contributed by @Half-Shot.
+* Update critical gradient for room status bar ([#32575](https://github.com/element-hq/element-web/pull/32575)). Contributed by @Half-Shot.
+* Room list: avoid header overflowing when too long ([#32645](https://github.com/element-hq/element-web/pull/32645)). Contributed by @florianduros.
+* Room list: center focus outline of room list item ([#32637](https://github.com/element-hq/element-web/pull/32637)). Contributed by @florianduros.
+* Fix misaligned cross in complete security dialog ([#32614](https://github.com/element-hq/element-web/pull/32614)). Contributed by @dbkr.
+* Room list: fix keyboard navigation ([#32585](https://github.com/element-hq/element-web/pull/32585)). Contributed by @florianduros.
+* Don't show empty privacy section ([#32582](https://github.com/element-hq/element-web/pull/32582)). Contributed by @dbkr.
+* Disable room list image dragging ([#32590](https://github.com/element-hq/element-web/pull/32590)). Contributed by @florianduros.
+* Update UserMenu theme toggle to use IconButton ([#32591](https://github.com/element-hq/element-web/pull/32591)). Contributed by @t3chguy.
+* Room list: make room list item scales with large font size ([#32523](https://github.com/element-hq/element-web/pull/32523)). Contributed by @florianduros.
+
+
+
+Changes in [1.12.11](https://github.com/element-hq/element-desktop/releases/tag/v1.12.11) (2026-02-24)
+======================================================================================================
+## 🦖 Deprecations
+
+* Remove UIFeature.BulkUnverifiedSessionsReminder setting ([#31943](https://github.com/element-hq/element-web/pull/31943)). Contributed by @andybalaam.
+* Remove unused function to auto-rageshake when key backup is not set up ([#31942](https://github.com/element-hq/element-web/pull/31942)). Contributed by @andybalaam.
+
+## ✨ Features
+
+* Room list: update the visuals in order to have better contrast ([#32421](https://github.com/element-hq/element-web/pull/32421)). Contributed by @florianduros.
+*  Set history visibility to "invited" for DMs and new non-public rooms when creating a room ([#31974](https://github.com/element-hq/element-web/pull/31974)). Contributed by @langleyd.
+* Remove server acl status/summaries from timeline  ([#32461](https://github.com/element-hq/element-web/pull/32461)). Contributed by @langleyd.
+* Update `globalBlacklistUnverifiedDevices` on setting change ([#31983](https://github.com/element-hq/element-web/pull/31983)). Contributed by @kaylendog.
+* Add badge for history visibiltity to room info panel ([#31927](https://github.com/element-hq/element-web/pull/31927)). Contributed by @richvdh.
+
+## 🐛 Bug Fixes
+
+* Revert exit logic PRs ([#2847](https://github.com/element-hq/element-desktop/pull/2847)). Contributed by @MidhunSureshR.
+* Fix issues with quit logic ([#2840](https://github.com/element-hq/element-desktop/pull/2840)). Contributed by @MidhunSureshR.
+* Default useOnlyCurrentProfiles to true ([#32524](https://github.com/element-hq/element-web/pull/32524)). Contributed by @dbkr.
+* Keep custom theme active after reload ([#32506](https://github.com/element-hq/element-web/pull/32506)). Contributed by @florianduros.
+* Update font format from 'ttf' to 'truetype' ([#32493](https://github.com/element-hq/element-web/pull/32493)). Contributed by @all-yall.
+* Fix videos on Firefox ([#32497](https://github.com/element-hq/element-web/pull/32497)). Contributed by @p1gp1g.
+* Use a dedicated FAQ/help entry for key storage. ([#32480](https://github.com/element-hq/element-web/pull/32480)). Contributed by @mxandreas.
+* Avoid showing two chat timelines side by side after a call ([#32484](https://github.com/element-hq/element-web/pull/32484)). Contributed by @robintown.
+* Update screenshot for reactive display name disambiguation ([#32431](https://github.com/element-hq/element-web/pull/32431)). Contributed by @aditya-cherukuru.
+* Fix Status Bar being unreadable when the user overrides the default OS light/dark theme. ([#32442](https://github.com/element-hq/element-web/pull/32442)). Contributed by @Half-Shot.
+* fix: Remove state\_key: null from Seshat search results ([#31524](https://github.com/element-hq/element-web/pull/31524)). Contributed by @shinaoka.
+* Fix user pill deserialisation ([#31947](https://github.com/element-hq/element-web/pull/31947)). Contributed by @t3chguy.
+
+
+
+Changes in [1.12.10](https://github.com/element-hq/element-desktop/releases/tag/v1.12.10) (2026-02-10)
+======================================================================================================
+## ✨ Features
+
+* Generate badge icon for macOS DMG ([#2809](https://github.com/element-hq/element-desktop/pull/2809)). Contributed by @t3chguy.
+* Support additional\_creators in /upgraderoom (MSC4289) ([#31934](https://github.com/element-hq/element-web/pull/31934)). Contributed by @andybalaam.
+* Update room header icon for world\_readable rooms ([#31915](https://github.com/element-hq/element-web/pull/31915)). Contributed by @richvdh.
+* Show an icon in the room header for shared history ([#31879](https://github.com/element-hq/element-web/pull/31879)). Contributed by @richvdh.
+* Remove "history may be shared" banner. ([#31881](https://github.com/element-hq/element-web/pull/31881)). Contributed by @kaylendog.
+* Allow dismissing 'Key storage out of sync' temporarily ([#31455](https://github.com/element-hq/element-web/pull/31455)). Contributed by @andybalaam.
+* Add `resolutions` entry for `matrix-widget-api` to package.json ([#31851](https://github.com/element-hq/element-web/pull/31851)). Contributed by @toger5.
+* Improve visibility under contrast control mode ([#31847](https://github.com/element-hq/element-web/pull/31847)). Contributed by @t3chguy.
+* Unread Sorting - Add option for sorting in `OptionsMenuView` ([#31754](https://github.com/element-hq/element-web/pull/31754)). Contributed by @MidhunSureshR.
+* Unread sorting - Implement sorter and use it in the room list store ([#31723](https://github.com/element-hq/element-web/pull/31723)). Contributed by @MidhunSureshR.
+* Allow Element Call widgets to receive sticky events ([#31843](https://github.com/element-hq/element-web/pull/31843)). Contributed by @robintown.
+* Improve icon rendering accessibility ([#31791](https://github.com/element-hq/element-web/pull/31791)). Contributed by @t3chguy.
+* Add message preview toggle to room list header option ([#31821](https://github.com/element-hq/element-web/pull/31821)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix room list not being cleared ([#32438](https://github.com/element-hq/element-web/pull/32438)). Contributed by @RiotRobot.
+* Fix failure to update room info panel on joinrule change ([#31938](https://github.com/element-hq/element-web/pull/31938)). Contributed by @richvdh.
+* Throttle space notification state calculation ([#31922](https://github.com/element-hq/element-web/pull/31922)). Contributed by @dbkr.
+* Fix emoji verification responsive layout ([#31899](https://github.com/element-hq/element-web/pull/31899)). Contributed by @t3chguy.
+* Add patch for linkify to fix doctype handling ([#31900](https://github.com/element-hq/element-web/pull/31900)). Contributed by @dbkr.
+* Fix rooms with no messages appearing at the top of the room list ([#31798](https://github.com/element-hq/element-web/pull/31798)). Contributed by @MidhunSureshR.
+* Fix room list menu flashes when menu is closed ([#31868](https://github.com/element-hq/element-web/pull/31868)). Contributed by @florianduros.
+* Message preview toggle is inverted in room list header ([#31865](https://github.com/element-hq/element-web/pull/31865)). Contributed by @florianduros.
+* Fix duplicate toasts appearing for the same call if two events appear. ([#31693](https://github.com/element-hq/element-web/pull/31693)). Contributed by @Half-Shot.
+* Fix ability to send rageshake during session restore failure ([#31848](https://github.com/element-hq/element-web/pull/31848)). Contributed by @t3chguy.
+* Fix mis-alignment of `Threads` right panel title ([#31849](https://github.com/element-hq/element-web/pull/31849)). Contributed by @t3chguy.
+* Unset buttons does not include color inherit ([#31801](https://github.com/element-hq/element-web/pull/31801)). Contributed by @Philldomd.
+
+
+
+Changes in [1.12.9](https://github.com/element-hq/element-desktop/releases/tag/v1.12.9) (2026-01-27)
+====================================================================================================
+## ✨ Features
+
+* Update macOS icon to use Icon Composer format ([#2791](https://github.com/element-hq/element-desktop/pull/2791)). Contributed by @t3chguy.
+* Update macOS icon ([#2787](https://github.com/element-hq/element-desktop/pull/2787)). Contributed by @t3chguy.
+* Update app icons ([#2778](https://github.com/element-hq/element-desktop/pull/2778)). Contributed by @t3chguy.
+* 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
+
+* Update macOS icon to use Icon Composer format ([#2791](https://github.com/element-hq/element-desktop/pull/2791)). Contributed by @t3chguy.
+* Fix not starting on linux when user is not in /etc/passwd ([#2783](https://github.com/element-hq/element-desktop/pull/2783)). Contributed by @nim65s.
+* 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-desktop/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
+
+* Fix `Ctrl+Q` not closing the app ([#2749](https://github.com/element-hq/element-desktop/pull/2749)). Contributed by @MidhunSureshR.
+* [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-desktop/releases/tag/v1.12.7) (2025-12-16)
+====================================================================================================
+## ✨ Features
+
+* Replace legacy icons with compound ([#31424](https://github.com/element-hq/element-web/pull/31424)). Contributed by @t3chguy.
+* Update polls UX to match EX Mobile and improve accessibility ([#31245](https://github.com/element-hq/element-web/pull/31245)). Contributed by @langleyd.
+* Add option to enable read receipt and marker when user interact with UI ([#31353](https://github.com/element-hq/element-web/pull/31353)). Contributed by @florianduros.
+* Introduce a hook to auto dispose view models ([#31178](https://github.com/element-hq/element-web/pull/31178)). Contributed by @MidhunSureshR.
+* Update settings toggles to use consistent design across app. ([#30169](https://github.com/element-hq/element-web/pull/30169)). Contributed by @Half-Shot.
+* Add ability to the room view to hide widgets ([#31400](https://github.com/element-hq/element-web/pull/31400)). Contributed by @langleyd.
+* call: Pass the echo cancellation and noise suppression settings to EC ([#31317](https://github.com/element-hq/element-web/pull/31317)). Contributed by @BillCarsonFr.
+* Tweak rendering of icons for a11y ([#31358](https://github.com/element-hq/element-web/pull/31358)). Contributed by @t3chguy.
+* Implement new `renderNotificationDecoration` from module API  ([#31389](https://github.com/element-hq/element-web/pull/31389)). Contributed by @MidhunSureshR.
+* Replace more icons with compound ([#31381](https://github.com/element-hq/element-web/pull/31381)). Contributed by @t3chguy.
+* Replace more icons with compound ([#31378](https://github.com/element-hq/element-web/pull/31378)). Contributed by @t3chguy.
+* `<Banner/>`: Hide `Dismiss` button if `onClose` handler is not provided. ([#31362](https://github.com/element-hq/element-web/pull/31362)). Contributed by @kaylendog.
+* Replace batch of legacy icons with compound design tokens ([#31360](https://github.com/element-hq/element-web/pull/31360)). Contributed by @t3chguy.
+* MSC4380: Invite blocking ([#31268](https://github.com/element-hq/element-web/pull/31268)). Contributed by @richvdh.
+* Tweak rendering of icons for accessibility ([#31346](https://github.com/element-hq/element-web/pull/31346)). Contributed by @t3chguy.
+* Implement a shared `Banner` component. ([#31266](https://github.com/element-hq/element-web/pull/31266)). Contributed by @kaylendog.
+* Allow the Login screen to use the dark theme ([#31293](https://github.com/element-hq/element-web/pull/31293)). Contributed by @richvdh.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Amend e2e normal icon from lock-solid to info ([#31559](https://github.com/element-hq/element-web/pull/31559)). Contributed by @t3chguy.
+* [Backport staging] Fix CSS specificity causing icon issues in e2e verification ([#31548](https://github.com/element-hq/element-web/pull/31548)). Contributed by @RiotRobot.
+* [Backport staging] Fix e2e icons in CompleteSecurity \& SetupEncryptionBody ([#31522](https://github.com/element-hq/element-web/pull/31522)). Contributed by @RiotRobot.
+* [Backport staging] Remove an extra paragraph in advanced room settings ([#31511](https://github.com/element-hq/element-web/pull/31511)). Contributed by @RiotRobot.
+* [Backport staging] Don't show the key storage out of sync toast when backup disabled ([#31507](https://github.com/element-hq/element-web/pull/31507)). Contributed by @RiotRobot.
+* Fix composer button visibility in contrast colour mode ([#31255](https://github.com/element-hq/element-web/pull/31255)). Contributed by @t3chguy.
+* Ensure correct room version is used and permissions are appropriately sert when creating rooms ([#31464](https://github.com/element-hq/element-web/pull/31464)). Contributed by @Half-Shot.
+* Fix e2e icon rendering ([#31454](https://github.com/element-hq/element-web/pull/31454)). Contributed by @t3chguy.
+* EventIndexer: ensure we add initial checkpoints when the db is first opened ([#31448](https://github.com/element-hq/element-web/pull/31448)). Contributed by @richvdh.
+* Fix `/join <alias>` command failing due to race condition ([#31433](https://github.com/element-hq/element-web/pull/31433)). Contributed by @MidhunSureshR.
+* MessageEventIndexDialog: distinguish indexed rooms ([#31436](https://github.com/element-hq/element-web/pull/31436)). Contributed by @richvdh.
+* Move `EditInPlace` out of `Form` (Fixes: reloading EW on EC url update) ([#31434](https://github.com/element-hq/element-web/pull/31434)). Contributed by @toger5.
+* Fixes issue where cursor would jump to the beginning of the input field after converting Japanese text and pressing Tab ([#31432](https://github.com/element-hq/element-web/pull/31432)). Contributed by @shinaoka.
+* Fix widgets getting stuck in loading states ([#31314](https://github.com/element-hq/element-web/pull/31314)). Contributed by @robintown.
+* Room list: fix room options remaining on room item after mouse leaving ([#31414](https://github.com/element-hq/element-web/pull/31414)). Contributed by @florianduros.
+* Make `RoomList.showMessagePreview` configurable by `config.json` ([#31419](https://github.com/element-hq/element-web/pull/31419)). Contributed by @florianduros.
+* Fix bug which caused app not to load correctly when `force_verification` is enabled ([#31265](https://github.com/element-hq/element-web/pull/31265)). Contributed by @richvdh.
+* Room list: display the menu option on the room list item when clicked/opened ([#31380](https://github.com/element-hq/element-web/pull/31380)). Contributed by @florianduros.
+* Fix handling of SVGs ([#31359](https://github.com/element-hq/element-web/pull/31359)). Contributed by @t3chguy.
+* Fix word wrapping in expanded left panel buttons ([#31377](https://github.com/element-hq/element-web/pull/31377)). Contributed by @t3chguy.
+* Fix aspect ratio on error view background ([#31361](https://github.com/element-hq/element-web/pull/31361)). Contributed by @t3chguy.
+* Fix failure to request persistent storage perms ([#31299](https://github.com/element-hq/element-web/pull/31299)). Contributed by @richvdh.
+* Fix calls sometimes not knowing that they're presented ([#31313](https://github.com/element-hq/element-web/pull/31313)). Contributed by @robintown.
+
+
+
+Changes in [1.12.6](https://github.com/element-hq/element-desktop/releases/tag/v1.12.6) (2025-12-03)
+====================================================================================================
+This release fixes a bug where 1:1 calling was incorrectly not available if no Element Call focus was set.
+
+## 🐛 Bug Fixes
+
+* Add option to pick call options for voice calls. ([#31413](https://github.com/element-hq/element-web/pull/31413)).
+
+
+
+Changes in [1.12.5](https://github.com/element-hq/element-desktop/releases/tag/v1.12.5) (2025-12-02)
+====================================================================================================
+## ✨ Features
+
+* Update Emojibase to v17 ([#31307](https://github.com/element-hq/element-web/pull/31307)). Contributed by @t3chguy.
+* Adds tooltip for compose menu ([#31122](https://github.com/element-hq/element-web/pull/31122)). Contributed by @byteplow.
+* Add option to hide pinned message banner in room view ([#31296](https://github.com/element-hq/element-web/pull/31296)). Contributed by @florianduros.
+* update twemoji to not monochromise emoji with BLACK in their name ([#31281](https://github.com/element-hq/element-web/pull/31281)). Contributed by @ara4n.
+* upgrade to twemoji 17.0.2 and fix #14695 ([#31267](https://github.com/element-hq/element-web/pull/31267)). Contributed by @ara4n.
+* Add options to hide right panel in room view ([#31252](https://github.com/element-hq/element-web/pull/31252)). Contributed by @florianduros.
+* Delayed event management: split endpoints, no auth  ([#31183](https://github.com/element-hq/element-web/pull/31183)). Contributed by @AndrewFerr.
+* Support using Element Call for voice calls in DMs ([#30817](https://github.com/element-hq/element-web/pull/30817)). Contributed by @Half-Shot.
+* Improve screen reader accessibility of auth pages ([#31236](https://github.com/element-hq/element-web/pull/31236)). Contributed by @t3chguy.
+* Add posthog tracking for key backup toasts ([#31195](https://github.com/element-hq/element-web/pull/31195)). Contributed by @Half-Shot.
+
+## 🐛 Bug Fixes
+
+* Return to using Fira Code as the default monospace font ([#31302](https://github.com/element-hq/element-web/pull/31302)). Contributed by @ara4n.
+* Fix case of home screen being displayed erroneously  ([#31301](https://github.com/element-hq/element-web/pull/31301)). Contributed by @langleyd.
+* Fix message edition and reply when multiple rooms at displayed the same moment ([#31280](https://github.com/element-hq/element-web/pull/31280)). Contributed by @florianduros.
+* Key storage out of sync: reset key backup when needed ([#31279](https://github.com/element-hq/element-web/pull/31279)). Contributed by @uhoreg.
+* Fix invalid events crashing entire room rather than just their tile ([#31256](https://github.com/element-hq/element-web/pull/31256)). Contributed by @t3chguy.
+* Fix expand button of space panel getting cut off at the edges ([#31259](https://github.com/element-hq/element-web/pull/31259)). Contributed by @MidhunSureshR.
+* Fix pill buttons in dialogs ([#31246](https://github.com/element-hq/element-web/pull/31246)). Contributed by @dbkr.
+* Fix blank sections at the top and bottom of the member list when scrolling ([#31198](https://github.com/element-hq/element-web/pull/31198)). Contributed by @langleyd.
+* Fix emoji category selection with keyboard ([#31162](https://github.com/element-hq/element-web/pull/31162)). Contributed by @langleyd.
+
+
+
+Changes in [1.12.4](https://github.com/element-hq/element-desktop/releases/tag/v1.12.4) (2025-11-18)
+====================================================================================================
+## ✨ Features
+
+* Update nightly and release builds to use the dedicated subdomain for 'bug\_report\_endpoint\_url' ([#2677](https://github.com/element-hq/element-desktop/pull/2677)). Contributed by @benbz.
+* Apply aria-hidden to emoji in SAS verification ([#31204](https://github.com/element-hq/element-web/pull/31204)). Contributed by @t3chguy.
+* Add options to hide header and composer of room view for the module api ([#31095](https://github.com/element-hq/element-web/pull/31095)). Contributed by @florianduros.
+* Experimental Module API Additions ([#30863](https://github.com/element-hq/element-web/pull/30863)). Contributed by @dbkr.
+* Change polls to use fieldset/legend markup ([#31160](https://github.com/element-hq/element-web/pull/31160)). Contributed by @langleyd.
+* Use compound Button styles for Jitsi button ([#31159](https://github.com/element-hq/element-web/pull/31159)). Contributed by @Half-Shot.
+* Add FocusLock to emoji picker ([#31146](https://github.com/element-hq/element-web/pull/31146)). Contributed by @langleyd.
+* Move room name, avatar, and topic to IOpts. ([#30981](https://github.com/element-hq/element-web/pull/30981)). Contributed by @kaylendog.
+* Add a devtool for looking at users and their devices ([#30983](https://github.com/element-hq/element-web/pull/30983)). Contributed by @uhoreg.
+
+## 🐛 Bug Fixes
+
+* Fix room list handling of membership changes ([#31197](https://github.com/element-hq/element-web/pull/31197)). Contributed by @t3chguy.
+* Fix room list unable to be resized when displayed after a module ([#31186](https://github.com/element-hq/element-web/pull/31186)). Contributed by @florianduros.
+* Inhibit keyboard highlights in dialogs when effector is not in focus ([#31181](https://github.com/element-hq/element-web/pull/31181)). Contributed by @t3chguy.
+* Strip mentions from forwarded messages ([#30884](https://github.com/element-hq/element-web/pull/30884)). Contributed by @twassman.
+* Don't allow pin or edit of messages with a send status ([#31158](https://github.com/element-hq/element-web/pull/31158)). Contributed by @langleyd.
+* Hide room header buttons if the room hasn't been created yet. ([#31092](https://github.com/element-hq/element-web/pull/31092)). Contributed by @Half-Shot.
+* Fix screen readers not indicating the emoji picker search field is focused. ([#31128](https://github.com/element-hq/element-web/pull/31128)). Contributed by @langleyd.
+* Fix emoji picker highlight missing when not active element ([#31148](https://github.com/element-hq/element-web/pull/31148)). Contributed by @t3chguy.
+* Add relevant aria attribute for selected emoji in the emoji picker ([#31125](https://github.com/element-hq/element-web/pull/31125)). Contributed by @t3chguy.
+* Fix tooltips within context menu portals being unreliable ([#31129](https://github.com/element-hq/element-web/pull/31129)). Contributed by @t3chguy.
+* Avoid excessive re-render of room list and member list ([#31131](https://github.com/element-hq/element-web/pull/31131)). Contributed by @florianduros.
+* Make emoji picker height responsive. ([#31130](https://github.com/element-hq/element-web/pull/31130)). Contributed by @langleyd.
+* Emoji Picker: Focused emoji does not move with the arrow keys ([#30893](https://github.com/element-hq/element-web/pull/30893)). Contributed by @langleyd.
+* Fix audio player seek bar position  ([#31127](https://github.com/element-hq/element-web/pull/31127)). Contributed by @florianduros.
+* Add aria label to emoji picker search ([#31126](https://github.com/element-hq/element-web/pull/31126)). Contributed by @langleyd.
+
+
+
+Changes in [1.12.3](https://github.com/element-hq/element-desktop/releases/tag/v1.12.3) (2025-11-04)
+====================================================================================================
+## 🦖 Deprecations
+
+* Remove allowVoipWithNoMedia feature flag ([#31087](https://github.com/element-hq/element-web/pull/31087)). Contributed by @Half-Shot.
+
+## ✨ Features
+
+* Change module API to be an instance getter ([#31025](https://github.com/element-hq/element-web/pull/31025)). Contributed by @dbkr.
+
+## 🐛 Bug Fixes
+
+* Wait for Electron to be ready before we fire syntax error dialog ([#2659](https://github.com/element-hq/element-desktop/pull/2659)). Contributed by @t3chguy.
+* Show hover elements when keyboard focus is within an event tile ([#31078](https://github.com/element-hq/element-web/pull/31078)). Contributed by @t3chguy.
+* Ensure toolbar navigation pattern works in MessageActionBar ([#31080](https://github.com/element-hq/element-web/pull/31080)). Contributed by @t3chguy.
+* Ensure sent markers are hidden when showing thread summary. ([#31076](https://github.com/element-hq/element-web/pull/31076)). Contributed by @Half-Shot.
+* Fix translation in dev mode ([#31045](https://github.com/element-hq/element-web/pull/31045)). Contributed by @florianduros.
+* Fix sort order in space hierarchy ([#30975](https://github.com/element-hq/element-web/pull/30975)). Contributed by @t3chguy.
+* New Room list: don't display message preview of thread ([#31043](https://github.com/element-hq/element-web/pull/31043)). Contributed by @florianduros.
+* Revert "A11y: move focus to right panel when opened" ([#30999](https://github.com/element-hq/element-web/pull/30999)). Contributed by @florianduros.
+* Fix highlights in messages (or search results) breaking links ([#30264](https://github.com/element-hq/element-web/pull/30264)). Contributed by @bojidar-bg.
+* Add prepare script ([#31030](https://github.com/element-hq/element-web/pull/31030)). Contributed by @dbkr.
+* Fix html exports by adding SDKContext ([#30987](https://github.com/element-hq/element-web/pull/30987)). Contributed by @t3chguy.
+
+
+
+Changes in [1.12.2](https://github.com/element-hq/element-desktop/releases/tag/v1.12.2) (2025-10-21)
+====================================================================================================
+## ✨ Features
+
+* Allow Desktop app to be auto-started minimised or focused ([#2622](https://github.com/element-hq/element-desktop/pull/2622)). Contributed by @t3chguy.
+* Room List: Extend the viewport to avoid so many black spots when scrolling the room list ([#30867](https://github.com/element-hq/element-web/pull/30867)). Contributed by @langleyd.
+* Hide calling buttons in room header before a room is created ([#30816](https://github.com/element-hq/element-web/pull/30816)). Contributed by @Half-Shot.
+* Improve invite dialog ui - Part 2 ([#30836](https://github.com/element-hq/element-web/pull/30836)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Fix hardlinks appearing in and breaking deb packages ([#2609](https://github.com/element-hq/element-desktop/pull/2609)). Contributed by @t3chguy.
+* Fix platform settings race condition and make auto-launch tri-state ([#30977](https://github.com/element-hq/element-web/pull/30977)). Contributed by @t3chguy.
+* Fix: member count in header and member list ([#30982](https://github.com/element-hq/element-web/pull/30982)). Contributed by @florianduros.
+* Fix duration of voice message in timeline ([#30973](https://github.com/element-hq/element-web/pull/30973)). Contributed by @florianduros.
+* Fix voice notes rendering at 00:00 when playback had not begun. ([#30961](https://github.com/element-hq/element-web/pull/30961)). Contributed by @Half-Shot.
+* Improve handling of animated images, add support for AVIF animations ([#30932](https://github.com/element-hq/element-web/pull/30932)). Contributed by @t3chguy.
+* Update key storage toggle when key storage status changes ([#30934](https://github.com/element-hq/element-web/pull/30934)). Contributed by @uhoreg.
+* Fix jitsi widget popout ([#30908](https://github.com/element-hq/element-web/pull/30908)). Contributed by @dbkr.
+* Improve keyboard navigation on invite dialog ([#30930](https://github.com/element-hq/element-web/pull/30930)). Contributed by @florianduros.
+* Prefer UIA flows with supported UIA stages ([#30926](https://github.com/element-hq/element-web/pull/30926)). Contributed by @richvdh.
+* Enhance accessibility of dropdown ([#30928](https://github.com/element-hq/element-web/pull/30928)). Contributed by @florianduros.
+* Improve accessibility of the `\<AvatarSetting> component ([#30907](https://github.com/element-hq/element-web/pull/30907)). Contributed by @MidhunSureshR.
+
+
+
+Changes in [1.12.1](https://github.com/element-hq/element-desktop/releases/tag/v1.12.1) (2025-10-07)
+====================================================================================================
+## ✨ Features
+
+* New Room List: Change the order of filters to match those on mobile ([#30905](https://github.com/element-hq/element-web/pull/30905)). Contributed by @langleyd.
+* New Room List: Don't clear filters on space change ([#30903](https://github.com/element-hq/element-web/pull/30903)). Contributed by @langleyd.
+* Add release announcement for the sounds ([#30900](https://github.com/element-hq/element-web/pull/30900)). Contributed by @langleyd.
+* Rich Text Editor: Add emoji suggestion support ([#30873](https://github.com/element-hq/element-web/pull/30873)). Contributed by @langleyd.
+* feat: Disable session lock when running in element-desktop ([#30643](https://github.com/element-hq/element-web/pull/30643)). Contributed by @kaylendog.
+* Improve invite dialog ui - Part 1 ([#30764](https://github.com/element-hq/element-web/pull/30764)). Contributed by @florianduros.
+* Update Message Sound for Element ([#30804](https://github.com/element-hq/element-web/pull/30804)). Contributed by @beatdemon.
+* Add new and improved ringtone ([#30761](https://github.com/element-hq/element-web/pull/30761)). Contributed by @Half-Shot.
+* Disable RTE formatting buttons when the content contains a slash command ([#30802](https://github.com/element-hq/element-web/pull/30802)). Contributed by @langleyd.
+
+## 🐛 Bug Fixes
+
+* New Room List: Improve robustness of keyboard navigation ([#30888](https://github.com/element-hq/element-web/pull/30888)). Contributed by @langleyd.
+* Fix a11y issue on list in invite dialog ([#30878](https://github.com/element-hq/element-web/pull/30878)). Contributed by @florianduros.
+* Switch Export and Import Icons to match intuition ([#30805](https://github.com/element-hq/element-web/pull/30805)). Contributed by @micartey.
+* Hide breadcrumb option when new room list is enabled ([#30869](https://github.com/element-hq/element-web/pull/30869)). Contributed by @florianduros.
+* Avoid creating multiple call objects for the same widget ([#30839](https://github.com/element-hq/element-web/pull/30839)). Contributed by @robintown.
+* Add a test for #29882, which is fixed by matrix-org/matrix-js-sdk#5016 ([#30835](https://github.com/element-hq/element-web/pull/30835)). Contributed by @andybalaam.
+* fix: use `help_encryption_url` of config instead of hardcoded `https://element.io/help#encryption5` ([#30746](https://github.com/element-hq/element-web/pull/30746)). Contributed by @florianduros.
+* Fix html export when feature\_jump\_to\_date is enabled ([#30828](https://github.com/element-hq/element-web/pull/30828)). Contributed by @langleyd.
+* Fix #30439: "Forgot recovery key" should go to "reset" ([#30771](https://github.com/element-hq/element-web/pull/30771)). Contributed by @andybalaam.
+
+
+
+Changes in [1.12.0](https://github.com/element-hq/element-desktop/releases/tag/v1.12.0) (2025-09-23)
+====================================================================================================
+## 🦖 Deprecations
+
+* Remove remaining support for outdated .well-known settings ([#30702](https://github.com/element-hq/element-web/pull/30702)). Contributed by @richvdh.
+
+## ✨ Features
+
+* Automatically select first source for desktop capture under Wayland ([#2526](https://github.com/element-hq/element-desktop/pull/2526)). Contributed by @byquanton.
+* Add decline button to call notification toast (use new notification event) ([#30729](https://github.com/element-hq/element-web/pull/30729)). Contributed by @toger5.
+* Use the new room list by default ([#30640](https://github.com/element-hq/element-web/pull/30640)). Contributed by @langleyd.
+* "Verify this device" redesign ([#30596](https://github.com/element-hq/element-web/pull/30596)). Contributed by @uhoreg.
+* Set Element Call "intents" when starting and answering DM calls. ([#30730](https://github.com/element-hq/element-web/pull/30730)). Contributed by @Half-Shot.
+* Add axe compliance for new room list ([#30700](https://github.com/element-hq/element-web/pull/30700)). Contributed by @langleyd.
+* Stop ringing and remove toast if another device answers a RTC call. ([#30728](https://github.com/element-hq/element-web/pull/30728)). Contributed by @Half-Shot.
+* Automatically adjust history visibility when making a room private ([#30713](https://github.com/element-hq/element-web/pull/30713)). Contributed by @Half-Shot.
+* Release announcement for new room list ([#30675](https://github.com/element-hq/element-web/pull/30675)). Contributed by @dbkr.
+
+## 🐛 Bug Fixes
+
+* Update Electron to v38.1.0 to fix Kernel crash on multi-GPU systems ([#2544](https://github.com/element-hq/element-desktop/pull/2544)). Contributed by @Arcitec.
+* Fix Confirm your identity buttons being unclickable ([#2554](https://github.com/element-hq/element-desktop/pull/2554)). Contributed by @dbkr.
+* Ensure dropdown is not a drag element on macOS ([#2540](https://github.com/element-hq/element-desktop/pull/2540)). Contributed by @t3chguy.
+* [Backport staging] Room list: make the filter resize correctly ([#30795](https://github.com/element-hq/element-web/pull/30795)). Contributed by @RiotRobot.
+* [Backport staging] Avoid flicker of the room list filter on resize ([#30794](https://github.com/element-hq/element-web/pull/30794)). Contributed by @RiotRobot.
+* Don't show release announcements while toasts are displayed ([#30770](https://github.com/element-hq/element-web/pull/30770)). Contributed by @dbkr.
+* Fix enabling key backup not working if there is an untrusted key backup ([#30707](https://github.com/element-hq/element-web/pull/30707)). Contributed by @Half-Shot.
+* Force `preload` to be false when setting an intent on an Element Call. ([#30759](https://github.com/element-hq/element-web/pull/30759)). Contributed by @Half-Shot.
+* Fix handling of 413 server response when uploading media ([#30737](https://github.com/element-hq/element-web/pull/30737)). Contributed by @hughns.
+* Make landmark navigation work with new room list ([#30747](https://github.com/element-hq/element-web/pull/30747)). Contributed by @dbkr.
+* Prevent voice message from displaying spurious errors ([#30736](https://github.com/element-hq/element-web/pull/30736)). Contributed by @florianduros.
+* Align default avatar and fix colors in composer pills ([#30739](https://github.com/element-hq/element-web/pull/30739)). Contributed by @florianduros.
+* Use configured URL for link to desktop app in message search settings ([#30742](https://github.com/element-hq/element-web/pull/30742)). Contributed by @t3chguy.
+* Fix history visibility when creating space rooms ([#30745](https://github.com/element-hq/element-web/pull/30745)). Contributed by @dbkr.
+* Check HTML-encoded quotes when handling translations for embedded pages (such as welcome.html) ([#30743](https://github.com/element-hq/element-web/pull/30743)). Contributed by @Half-Shot.
+* Fix local room encryption status always not enabled ([#30461](https://github.com/element-hq/element-web/pull/30461)). Contributed by @BillCarsonFr.
+* fix: make url in topic in room intro clickable ([#30686](https://github.com/element-hq/element-web/pull/30686)). Contributed by @florianduros.
+* Block change recovery key button while a change is ongoing. ([#30664](https://github.com/element-hq/element-web/pull/30664)). Contributed by @Half-Shot.
+* Hide advanced settings during room creation when `UIFeature.advancedSettings=false` ([#30684](https://github.com/element-hq/element-web/pull/30684)). Contributed by @florianduros.
+* A11y: improve accessibility of pinned messages ([#30558](https://github.com/element-hq/element-web/pull/30558)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.112](https://github.com/element-hq/element-desktop/releases/tag/v1.11.112) (2025-09-16)
+========================================================================================================
+Fix [CVE-2025-59161](https://www.cve.org/CVERecord?id=CVE-2025-59161) / [GHSA-m6c8-98f4-75rr](https://github.com/element-hq/element-web/security/advisories/GHSA-m6c8-98f4-75rr)
+
+## This is the last release compatible with macOS Big Sur. It will not update further. Big Sur is End of Life for almost 2 years and the next version of Electron crashes upon startup on Big Sur.
+
+## ✨ Features
+
+* [Backport staging] Handle unsupported macOS versions better ([#2555](https://github.com/element-hq/element-desktop/pull/2555)). Contributed by @RiotRobot.
+
+
+
+Changes in [1.11.111](https://github.com/element-hq/element-desktop/releases/tag/v1.11.111) (2025-09-10)
+========================================================================================================
+## ✨ Features
+
+* Do not hide media from your own user by default ([#29797](https://github.com/element-hq/element-web/pull/29797)). Contributed by @Half-Shot.
+* Remember whether sidebar is shown for calls when switching rooms ([#30262](https://github.com/element-hq/element-web/pull/30262)). Contributed by @bojidar-bg.
+* Open the proper integration settings on integrations disabled error ([#30538](https://github.com/element-hq/element-web/pull/30538)). Contributed by @Half-Shot.
+* Show a "progress" dialog while invites are being sent ([#30561](https://github.com/element-hq/element-web/pull/30561)). Contributed by @richvdh.
+* Move the room list to the new ListView(backed by react-virtuoso)  ([#30515](https://github.com/element-hq/element-web/pull/30515)). Contributed by @langleyd.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Ensure container starts if it is mounted with an empty /modules directory. ([#30705](https://github.com/element-hq/element-web/pull/30705)). Contributed by @RiotRobot.
+* Fix room joining over federation not specifying vias or using aliases ([#30641](https://github.com/element-hq/element-web/pull/30641)). Contributed by @t3chguy.
+* Fix stable-suffixed MSC4133 support ([#30649](https://github.com/element-hq/element-web/pull/30649)). Contributed by @dbkr.
+* Fix i18n of message when a setting is disabled ([#30646](https://github.com/element-hq/element-web/pull/30646)). Contributed by @dbkr.
+* ListView should not handle the arrow keys if there is a modifier applied ([#30633](https://github.com/element-hq/element-web/pull/30633)). Contributed by @langleyd.
+* Make BaseDialog's div keyboard focusable and fix test. ([#30631](https://github.com/element-hq/element-web/pull/30631)). Contributed by @langleyd.
+* Fix: Allow triple-click text selection to flow around pills ([#30349](https://github.com/element-hq/element-web/pull/30349)). Contributed by @AlirezaMrtz.
+* Watch for a 'join' action to know when the call is connected ([#29492](https://github.com/element-hq/element-web/pull/29492)). Contributed by @robintown.
+* Fix: add missing tooltip and aria-label to lock icon next to composer ([#30623](https://github.com/element-hq/element-web/pull/30623)). Contributed by @florianduros.
+* Don't render context menu when scrolling ([#30613](https://github.com/element-hq/element-web/pull/30613)). Contributed by @langleyd.
+
+
+
+Changes in [1.11.110](https://github.com/element-hq/element-desktop/releases/tag/v1.11.110) (2025-08-27)
+========================================================================================================
+## ✨ Features
+
+* Hide recovery key when re-entering it while creating or changing it ([#30499](https://github.com/element-hq/element-web/pull/30499)). Contributed by @andybalaam.
+* Add `?no_universal_links=true` to OIDC url so EX doesn't try to handle it ([#29439](https://github.com/element-hq/element-web/pull/29439)). Contributed by @t3chguy.
+* Show a blue lock for unencrypted rooms and hide the grey shield for encrypted rooms ([#30440](https://github.com/element-hq/element-web/pull/30440)). Contributed by @langleyd.
+* Add support for Module API 1.4 ([#30185](https://github.com/element-hq/element-web/pull/30185)). Contributed by @t3chguy.
+* MVVM - Introduce some helpers for snapshot management ([#30398](https://github.com/element-hq/element-web/pull/30398)). Contributed by @MidhunSureshR.
+
+## 🐛 Bug Fixes
+
+* A11y: move focus to right panel when opened ([#30553](https://github.com/element-hq/element-web/pull/30553)). Contributed by @florianduros.
+* Fix e2e warning icon should be white ([#30539](https://github.com/element-hq/element-web/pull/30539)). Contributed by @florianduros.
+* Remove NoOneHere disabled reason. ([#30524](https://github.com/element-hq/element-web/pull/30524)). Contributed by @toger5.
+* Fix downloading files with authenticated media API ([#30520](https://github.com/element-hq/element-web/pull/30520)). Contributed by @t3chguy.
+* Fix call permissions check confusion around element call ([#30521](https://github.com/element-hq/element-web/pull/30521)). Contributed by @t3chguy.
+* Fix line wrap around emoji verification ([#30523](https://github.com/element-hq/element-web/pull/30523)). Contributed by @t3chguy.
+* Don't highlight redacted events ([#30519](https://github.com/element-hq/element-web/pull/30519)). Contributed by @t3chguy.
+* Fix matrix.to links not being handled in the app ([#30522](https://github.com/element-hq/element-web/pull/30522)). Contributed by @t3chguy.
+* Fix issue of new room list taking up the full width ([#30459](https://github.com/element-hq/element-web/pull/30459)). Contributed by @langleyd.
+* Fix widget persistence in React development mode ([#30509](https://github.com/element-hq/element-web/pull/30509)). Contributed by @robintown.
+* Fix widget initialization in React development mode ([#30463](https://github.com/element-hq/element-web/pull/30463)). Contributed by @robintown.
+
+
+
+Changes in [1.11.109](https://github.com/element-hq/element-desktop/releases/tag/v1.11.109) (2025-08-11)
+========================================================================================================
+This release supports the upcoming v12 ("hydra") Matrix room version and is necessary to view and participate in these rooms.
+
+## ✨ Features
+
+* [Backport staging] Allow /upgraderoom command without developer mode enabled ([#30529](https://github.com/element-hq/element-web/pull/30529)). Contributed by @RiotRobot.
+* [Backport staging] Support for creator/owner power level ([#30526](https://github.com/element-hq/element-web/pull/30526)). Contributed by @RiotRobot.
+* New room list: change icon and label of menu item for to start a DM ([#30470](https://github.com/element-hq/element-web/pull/30470)). Contributed by @florianduros.
+* Implement the member list with virtuoso ([#29869](https://github.com/element-hq/element-web/pull/29869)). Contributed by @langleyd.
+* Add labs option for history sharing on invite ([#30313](https://github.com/element-hq/element-web/pull/30313)). Contributed by @richvdh.
+* Bump wysiwyg to 2.39.0 adding support for pasting rich text content in the Rich Text Edtior ([#30421](https://github.com/element-hq/element-web/pull/30421)). Contributed by @langleyd.
+* Support `EventShieldReason.MISMATCHED_SENDER` ([#30403](https://github.com/element-hq/element-web/pull/30403)). Contributed by @richvdh.
+* Change unencrypted and public pills to blue ([#30399](https://github.com/element-hq/element-web/pull/30399)). Contributed by @florianduros.
+* Change color of public room icon ([#30390](https://github.com/element-hq/element-web/pull/30390)). Contributed by @florianduros.
+* Script for updating storybook screenshots ([#30340](https://github.com/element-hq/element-web/pull/30340)). Contributed by @dbkr.
+* Add toggle to hide empty state in devtools ([#30352](https://github.com/element-hq/element-web/pull/30352)). Contributed by @toger5.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Use userId to filter users in non-federated rooms when showing the InviteDialog ([#30537](https://github.com/element-hq/element-web/pull/30537)). Contributed by @RiotRobot.
+* [Backport staging] Catch error when encountering invalid m.room.pinned\_events event ([#30536](https://github.com/element-hq/element-web/pull/30536)). Contributed by @RiotRobot.
+* Update for compatibility with v12 rooms ([#30452](https://github.com/element-hq/element-web/pull/30452)). Contributed by @dbkr.
+* New room list: fix tooltip on presence ([#30474](https://github.com/element-hq/element-web/pull/30474)). Contributed by @florianduros.
+* New room list: add tooltip for presence and room status ([#30472](https://github.com/element-hq/element-web/pull/30472)). Contributed by @florianduros.
+* Fix: Clicking on an item in the member list causes it to scroll to the top rather than show the profile view ([#30455](https://github.com/element-hq/element-web/pull/30455)). Contributed by @langleyd.
+* Put the 'decrypting' tooltip back ([#30446](https://github.com/element-hq/element-web/pull/30446)). Contributed by @dbkr.
+* Use server name explicitly for via. ([#30362](https://github.com/element-hq/element-web/pull/30362)). Contributed by @Half-Shot.
+* fix: replace hardcoded string in poll history dialog ([#30402](https://github.com/element-hq/element-web/pull/30402)). Contributed by @florianduros.
+* fix: replace hardcoded string on qr code back button ([#30401](https://github.com/element-hq/element-web/pull/30401)). Contributed by @florianduros.
+* Fix color of icon button with outline ([#30361](https://github.com/element-hq/element-web/pull/30361)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.108](https://github.com/element-hq/element-desktop/releases/tag/v1.11.108) (2025-07-30)
+========================================================================================================
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix downloaded attachments not being decrypted ([#30434](https://github.com/element-hq/element-web/pull/30434)). Contributed by @RiotRobot.
+
+
+
+Changes in [1.11.107](https://github.com/element-hq/element-desktop/releases/tag/v1.11.107) (2025-07-29)
+========================================================================================================
+## ✨ Features
+
+* Add support for overlaying notification badges on the Windows Taskbar icon. ([#2443](https://github.com/element-hq/element-desktop/pull/2443)). Contributed by @Half-Shot.
+* Reduce macos titlebar height with the new room list and expand the existing border ([#2446](https://github.com/element-hq/element-desktop/pull/2446)). Contributed by @florianduros.
+* Message preview should show tooltip with the full message on hover ([#30265](https://github.com/element-hq/element-web/pull/30265)). Contributed by @MidhunSureshR.
+* Support rendering notification badges on platforms that do their own icon overlays ([#30315](https://github.com/element-hq/element-web/pull/30315)). Contributed by @Half-Shot.
+* Add SubscriptionViewModel base class ([#30297](https://github.com/element-hq/element-web/pull/30297)). Contributed by @dbkr.
+* Enhancement: Save image on CTRL+S ([#30330](https://github.com/element-hq/element-web/pull/30330)). Contributed by @ioalexander.
+* Add quote functionality to MessageContextMenu (#29893) ([#30323](https://github.com/element-hq/element-web/pull/30323)). Contributed by @AlirezaMrtz.
+* Initial structure for shared component views ([#30216](https://github.com/element-hq/element-web/pull/30216)). Contributed by @dbkr.
+
+## 🐛 Bug Fixes
+
+* Reduce macos titlebar height with the new room list and expand the existing border ([#2446](https://github.com/element-hq/element-desktop/pull/2446)). Contributed by @florianduros.
+* [Backport staging] Fix e2e shield being invisible in white mode for encrypted room ([#30411](https://github.com/element-hq/element-web/pull/30411)). Contributed by @RiotRobot.
+* Force ED titlebar color for new room list ([#30332](https://github.com/element-hq/element-web/pull/30332)). Contributed by @florianduros.
+* Add a background color to left panel for macos titlebar in element desktop ([#30328](https://github.com/element-hq/element-web/pull/30328)). Contributed by @florianduros.
+* Fix: Prevent page refresh on Enter key in right panel member search ([#30312](https://github.com/element-hq/element-web/pull/30312)). Contributed by @AlirezaMrtz.
+
+
+
+Changes in [1.11.106](https://github.com/element-hq/element-desktop/releases/tag/v1.11.106) (2025-07-15)
+========================================================================================================
+## ✨ Features
+
+* [Backport staging] Fix e2e icon colour ([#30304](https://github.com/element-hq/element-web/pull/30304)). Contributed by @RiotRobot.
+* Add support for module message hint `allowDownloadingMedia` ([#30252](https://github.com/element-hq/element-web/pull/30252)). Contributed by @Half-Shot.
+* Update the mobile\_guide page to the new design and link out to Element X by default. ([#30172](https://github.com/element-hq/element-web/pull/30172)). Contributed by @pixlwave.
+* Filter settings exported when rageshaking ([#30236](https://github.com/element-hq/element-web/pull/30236)). Contributed by @Half-Shot.
+* Allow Element Call to learn the room name ([#30213](https://github.com/element-hq/element-web/pull/30213)). Contributed by @robintown.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix missing image download button ([#30322](https://github.com/element-hq/element-web/pull/30322)). Contributed by @RiotRobot.
+* Fix transparent verification checkmark in dark mode ([#30235](https://github.com/element-hq/element-web/pull/30235)). Contributed by @Banbuii.
+* Fix logic in DeviceListener ([#30230](https://github.com/element-hq/element-web/pull/30230)). Contributed by @uhoreg.
+* Disable file drag-and-drop if insufficient permissions ([#30186](https://github.com/element-hq/element-web/pull/30186)). Contributed by @t3chguy.
+
+
+
+Changes in [1.11.105](https://github.com/element-hq/element-desktop/releases/tag/v1.11.105) (2025-07-01)
+========================================================================================================
+## ✨ Features
+
+* Add support for migrating to kwallet6 ([#2390](https://github.com/element-hq/element-desktop/pull/2390)). Contributed by @t3chguy.
+* New room list: add context menu to room list item ([#29952](https://github.com/element-hq/element-web/pull/29952)). Contributed by @florianduros.
+* Support for custom message components via Module API ([#30074](https://github.com/element-hq/element-web/pull/30074)). Contributed by @Half-Shot.
+* Prompt users to set up recovery ([#30075](https://github.com/element-hq/element-web/pull/30075)). Contributed by @uhoreg.
+* Update `IconButton` colors ([#30124](https://github.com/element-hq/element-web/pull/30124)). Contributed by @florianduros.
+* New room list: filter list can be collapsed  ([#29992](https://github.com/element-hq/element-web/pull/29992)). Contributed by @florianduros.
+* Show `EmptyRoomListView` when low priority filter matches zero rooms ([#30122](https://github.com/element-hq/element-web/pull/30122)). Contributed by @MidhunSureshR.
+
+## 🐛 Bug Fixes
+
+* Fix element-desktop-ssoid profile deeplinking for OIDC ([#2396](https://github.com/element-hq/element-desktop/pull/2396)). Contributed by @t3chguy.
+* Add support for migrating to kwallet6 ([#2390](https://github.com/element-hq/element-desktop/pull/2390)). Contributed by @t3chguy.
+* Fix untranslatable string "People" in notifications beta ([#30165](https://github.com/element-hq/element-web/pull/30165)). Contributed by @t3chguy.
+* Force verification even after logging in via delegate ([#30141](https://github.com/element-hq/element-web/pull/30141)). Contributed by @andybalaam.
+* Hide add integrations button based on UIComponent.AddIntegrations ([#30140](https://github.com/element-hq/element-web/pull/30140)). Contributed by @t3chguy.
+* Use nav for new room list and label sections ([#30134](https://github.com/element-hq/element-web/pull/30134)). Contributed by @dbkr.
+* Spacestore should emit event after rebuilding home space ([#30132](https://github.com/element-hq/element-web/pull/30132)). Contributed by @MidhunSureshR.
+* Handle m.room.pinned\_events being invalid ([#30129](https://github.com/element-hq/element-web/pull/30129)). Contributed by @t3chguy.
+
+
+
+Changes in [1.11.104](https://github.com/element-hq/element-desktop/releases/tag/v1.11.104) (2025-06-17)
+========================================================================================================
+## ✨ Features
+
+* Update the mobile\_guide page to the new design. ([#30006](https://github.com/element-hq/element-web/pull/30006)). Contributed by @pixlwave.
+* Provide a devtool for manually verifying other devices ([#30094](https://github.com/element-hq/element-web/pull/30094)). Contributed by @andybalaam.
+* Implement MSC4155: Invite filtering ([#29603](https://github.com/element-hq/element-web/pull/29603)). Contributed by @Half-Shot.
+* Add low priority avatar decoration to room tile ([#30065](https://github.com/element-hq/element-web/pull/30065)). Contributed by @MidhunSureshR.
+* Add ability to prevent window content being captured by other apps (Desktop) ([#30098](https://github.com/element-hq/element-web/pull/30098)). Contributed by @t3chguy.
+* New room list: move message preview in user settings ([#30023](https://github.com/element-hq/element-web/pull/30023)). Contributed by @florianduros.
+* New room list: change room options icon ([#30029](https://github.com/element-hq/element-web/pull/30029)). Contributed by @florianduros.
+* RoomListStore: Sort low priority rooms to the bottom of the list ([#30070](https://github.com/element-hq/element-web/pull/30070)). Contributed by @MidhunSureshR.
+* Add low priority filter pill to the room list UI ([#30060](https://github.com/element-hq/element-web/pull/30060)). Contributed by @MidhunSureshR.
+* New room list: remove color gradient in space panel ([#29721](https://github.com/element-hq/element-web/pull/29721)). Contributed by @florianduros.
+* /share?msg=foo endpoint using forward message dialog ([#29874](https://github.com/element-hq/element-web/pull/29874)). Contributed by @ara4n.
+
+## 🐛 Bug Fixes
+
+* Fix restart loop in safeStorage ([#2373](https://github.com/element-hq/element-desktop/pull/2373)). Contributed by @dbkr.
+* Do not send empty auth when setting up cross-signing keys ([#29914](https://github.com/element-hq/element-web/pull/29914)). Contributed by @gnieto.
+* Settings: flip local video feed by default ([#29501](https://github.com/element-hq/element-web/pull/29501)). Contributed by @jbtrystram.
+* AccessSecretStorageDialog: various fixes ([#30093](https://github.com/element-hq/element-web/pull/30093)). Contributed by @richvdh.
+* AccessSecretStorageDialog: fix inability to enter recovery key ([#30090](https://github.com/element-hq/element-web/pull/30090)). Contributed by @richvdh.
+* Fix failure to upload thumbnail causing image to send as file ([#30086](https://github.com/element-hq/element-web/pull/30086)). Contributed by @t3chguy.
+* Low priority menu item should be a toggle ([#30071](https://github.com/element-hq/element-web/pull/30071)). Contributed by @MidhunSureshR.
+* Add sanity checks to prevent users from ignoring themselves ([#30079](https://github.com/element-hq/element-web/pull/30079)). Contributed by @MidhunSureshR.
+* Fix issue with duplicate images ([#30073](https://github.com/element-hq/element-web/pull/30073)). Contributed by @fatlewis.
+* Handle errors returned from Seshat ([#30083](https://github.com/element-hq/element-web/pull/30083)). Contributed by @richvdh.
+
+
+
+Changes in [1.11.103](https://github.com/element-hq/element-desktop/releases/tag/v1.11.103) (2025-06-10)
+========================================================================================================
+## 🐛 Bug Fixes
+
++ Check the sender of an event matches owner of session, preventing sender spoofing by homeserver owners.
+[13c1d20](https://github.com/matrix-org/matrix-rust-sdk/commit/13c1d2048286bbabf5e7bc6b015aafee98f04d55) (High, [GHSA-x958-rvg6-956w](https://github.com/matrix-org/matrix-rust-sdk/security/advisories/GHSA-x958-rvg6-956w)).
+
+
+
+Changes in [1.11.102](https://github.com/element-hq/element-desktop/releases/tag/v1.11.102) (2025-06-03)
+========================================================================================================
+## ✨ Features
+
+* Support build-time specified protocol scheme for oidc callback ([#2285](https://github.com/element-hq/element-desktop/pull/2285)). Contributed by @t3chguy.
+* EW: Modernize the recovery key input modal ([#29819](https://github.com/element-hq/element-web/pull/29819)). Contributed by @uhoreg.
+* New room list: move secondary filters into primary filters ([#29972](https://github.com/element-hq/element-web/pull/29972)). Contributed by @florianduros.
+* Prompt the user when key storage is unexpectedly off ([#29912](https://github.com/element-hq/element-web/pull/29912)). Contributed by @andybalaam.
+* New room list: move sort menu in room list header ([#29983](https://github.com/element-hq/element-web/pull/29983)). Contributed by @florianduros.
+* New room list: rework spacing of room list item ([#29965](https://github.com/element-hq/element-web/pull/29965)). Contributed by @florianduros.
+* RLS: Remove forgotten room from skiplist ([#29933](https://github.com/element-hq/element-web/pull/29933)). Contributed by @MidhunSureshR.
+* Add room list sorting ([#29951](https://github.com/element-hq/element-web/pull/29951)). Contributed by @dbkr.
+* Don't use the minimised width(68px) on the new room list ([#29778](https://github.com/element-hq/element-web/pull/29778)). Contributed by @langleyd.
+
+## 🐛 Bug Fixes
+
+* Enable plain text encryption before checking if encryption is available ([#2343](https://github.com/element-hq/element-desktop/pull/2343)). Contributed by @MidhunSureshR.
+* Enable plain text encryption early if we actually mean to use `basic_text` as backend ([#2341](https://github.com/element-hq/element-desktop/pull/2341)). Contributed by @MidhunSureshR.
+* [Backport staging] Close call options popup menu when option has been selected ([#30054](https://github.com/element-hq/element-web/pull/30054)). Contributed by @RiotRobot.
+* RoomListStoreV3: Only add new rooms that pass `VisibilityProvider` check ([#29974](https://github.com/element-hq/element-web/pull/29974)). Contributed by @MidhunSureshR.
+* Re-order primary filters ([#29957](https://github.com/element-hq/element-web/pull/29957)). Contributed by @dbkr.
+* Fix leaky CSS adding `!` to all H1 elements ([#29964](https://github.com/element-hq/element-web/pull/29964)). Contributed by @t3chguy.
+* Fix extensions panel style ([#29273](https://github.com/element-hq/element-web/pull/29273)). Contributed by @langleyd.
+* Fix state events being hidden from widgets in read\_events actions ([#29954](https://github.com/element-hq/element-web/pull/29954)). Contributed by @robintown.
+* Remove old filter test ([#29963](https://github.com/element-hq/element-web/pull/29963)). Contributed by @dbkr.
+
+
+
+Changes in [1.11.101](https://github.com/element-hq/element-desktop/releases/tag/v1.11.101) (2025-05-20)
+========================================================================================================
+## ✨ Features
+
+* Migrate from keytar to safeStorage ([#2227](https://github.com/element-hq/element-desktop/pull/2227)). Contributed by @t3chguy.
+* New room list: add keyboard navigation support ([#29805](https://github.com/element-hq/element-web/pull/29805)). Contributed by @florianduros.
+* Use the JoinRuleSettings component for the guest link access prompt. ([#28614](https://github.com/element-hq/element-web/pull/28614)). Contributed by @toger5.
+* Add loading state to the new room list view ([#29725](https://github.com/element-hq/element-web/pull/29725)). Contributed by @langleyd.
+* Make OIDC identity reset consistent with EX ([#29854](https://github.com/element-hq/element-web/pull/29854)). Contributed by @andybalaam.
+* Support error code for email / phone adding unsupported (MSC4178) ([#29855](https://github.com/element-hq/element-web/pull/29855)). Contributed by @dbkr.
+* Update identity reset UI (Make consistent with EX) ([#29701](https://github.com/element-hq/element-web/pull/29701)). Contributed by @andybalaam.
+* Add secondary filters to the new room list ([#29818](https://github.com/element-hq/element-web/pull/29818)). Contributed by @dbkr.
+* Fix battery drain from Web Audio ([#29203](https://github.com/element-hq/element-web/pull/29203)). Contributed by @mbachry.
+
+## 🐛 Bug Fixes
+
+* Fix go home shortcut on macos and change toggle action events shortcut ([#29929](https://github.com/element-hq/element-web/pull/29929)). Contributed by @florianduros.
+* New room list: fix outdated message preview when space or filter change ([#29925](https://github.com/element-hq/element-web/pull/29925)). Contributed by @florianduros.
+* Stop migrating to MSC4278 if the config exists. ([#29924](https://github.com/element-hq/element-web/pull/29924)). Contributed by @Half-Shot.
+* Ensure consistent download file name on download from ImageView ([#29913](https://github.com/element-hq/element-web/pull/29913)). Contributed by @t3chguy.
+* Add error toast when service worker registration fails ([#29895](https://github.com/element-hq/element-web/pull/29895)). Contributed by @t3chguy.
+* New Room List: Prevent old tombstoned rooms from appearing in the list ([#29881](https://github.com/element-hq/element-web/pull/29881)). Contributed by @MidhunSureshR.
+* Remove lag in search field ([#29885](https://github.com/element-hq/element-web/pull/29885)). Contributed by @florianduros.
+* Respect UIFeature.Voip ([#29873](https://github.com/element-hq/element-web/pull/29873)). Contributed by @langleyd.
+* Allow jumping to message search from spotlight ([#29850](https://github.com/element-hq/element-web/pull/29850)). Contributed by @t3chguy.
+
+
+
+Changes in [1.11.100](https://github.com/element-hq/element-desktop/releases/tag/v1.11.100) (2025-05-06)
+========================================================================================================
+## ✨ Features
+
+* Move rich topics out of labs / stabilise MSC3765 ([#29817](https://github.com/element-hq/element-web/pull/29817)). Contributed by @Johennes.
+* Spell out that Element Web does \*not\* work on mobile. ([#29211](https://github.com/element-hq/element-web/pull/29211)). Contributed by @ara4n.
+* Add message preview support to the new room list ([#29784](https://github.com/element-hq/element-web/pull/29784)). Contributed by @dbkr.
+* Global configuration flag for media previews ([#29582](https://github.com/element-hq/element-web/pull/29582)). Contributed by @Half-Shot.
+* New room list: add partial keyboard shortcuts support ([#29783](https://github.com/element-hq/element-web/pull/29783)). Contributed by @florianduros.
+* MVVM RoomSummaryCard Topic ([#29710](https://github.com/element-hq/element-web/pull/29710)). Contributed by @MarcWadai.
+* Warn on self change from settings > roles ([#28926](https://github.com/element-hq/element-web/pull/28926)). Contributed by @MarcWadai.
+* New room list: new visual for invitation ([#29773](https://github.com/element-hq/element-web/pull/29773)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Apply workaround to fix app launching on Linux ([#2308](https://github.com/element-hq/element-desktop/pull/2308)). Contributed by @dbkr.
+* Notification fixes for Windows - AppID name was messing up handler ([#2275](https://github.com/element-hq/element-desktop/pull/2275)). Contributed by @Fusseldieb.
+* Fix incorrect display of the user info display name ([#29826](https://github.com/element-hq/element-web/pull/29826)). Contributed by @langleyd.
+* RoomListStore: Remove invite rooms on decline ([#29804](https://github.com/element-hq/element-web/pull/29804)). Contributed by @MidhunSureshR.
+* Fix the buttons not being displayed with long preview text ([#29811](https://github.com/element-hq/element-web/pull/29811)). Contributed by @dbkr.
+* New room list: fix missing/incorrect notification decoration  ([#29796](https://github.com/element-hq/element-web/pull/29796)). Contributed by @florianduros.
+* New Room List: Prevent potential scroll jump/flicker when switching spaces ([#29781](https://github.com/element-hq/element-web/pull/29781)). Contributed by @MidhunSureshR.
+* New room list: fix incorrect decoration ([#29770](https://github.com/element-hq/element-web/pull/29770)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.99](https://github.com/element-hq/element-desktop/releases/tag/v1.11.99) (2025-04-23)
+======================================================================================================
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix `io.element.desktop` protocol handler ([#2281](https://github.com/element-hq/element-desktop/pull/2281)). Contributed by @RiotRobot.
+
+
+
+Changes in [1.11.98](https://github.com/element-hq/element-desktop/releases/tag/v1.11.98) (2025-04-22)
+======================================================================================================
+## 🦖 Deprecations
+
+* Remove support for 32 bit / ia32 Windows. ([#2225](https://github.com/element-hq/element-desktop/pull/2225)). Contributed by @Half-Shot.
+
+## ✨ Features
+
+* Update config logging to specify config file path ([#2231](https://github.com/element-hq/element-desktop/pull/2231)). Contributed by @nbolton.
+* Support specifying the profile dir path via env var (#2226) ([#2246](https://github.com/element-hq/element-desktop/pull/2246)). Contributed by @schuhj.
+* print better errors in the search view instead of a blocking modal ([#29724](https://github.com/element-hq/element-web/pull/29724)). Contributed by @Jujure.
+* New room list: video room and video call decoration  ([#29693](https://github.com/element-hq/element-web/pull/29693)). Contributed by @florianduros.
+* Remove Secure Backup, Cross-signing and Cryptography sections in `Security & Privacy` user settings ([#29088](https://github.com/element-hq/element-web/pull/29088)). Contributed by @florianduros.
+* Allow reporting a room when rejecting an invite. ([#29570](https://github.com/element-hq/element-web/pull/29570)). Contributed by @Half-Shot.
+* RoomListViewModel: Reset primary and secondary filters on space change ([#29672](https://github.com/element-hq/element-web/pull/29672)). Contributed by @MidhunSureshR.
+* RoomListStore: Support specific sorting requirements for muted rooms ([#29665](https://github.com/element-hq/element-web/pull/29665)). Contributed by @MidhunSureshR.
+* New room list: add notification options menu ([#29639](https://github.com/element-hq/element-web/pull/29639)). Contributed by @florianduros.
+* Room List: Scroll to top of the list when active room is not in the list ([#29650](https://github.com/element-hq/element-web/pull/29650)). Contributed by @MidhunSureshR.
+
+## 🐛 Bug Fixes
+
+* Fix unwanted form submit behaviour in memberlist ([#29747](https://github.com/element-hq/element-web/pull/29747)). Contributed by @MidhunSureshR.
+* New room list: fix public room icon visibility when filter change ([#29737](https://github.com/element-hq/element-web/pull/29737)). Contributed by @florianduros.
+* Fix custom theme support for short hex \& rgba hex strings ([#29726](https://github.com/element-hq/element-web/pull/29726)). Contributed by @t3chguy.
+* New room list: minor visual fixes ([#29723](https://github.com/element-hq/element-web/pull/29723)). Contributed by @florianduros.
+* Fix getOidcCallbackUrl for Element Desktop ([#29711](https://github.com/element-hq/element-web/pull/29711)). Contributed by @t3chguy.
+* Fix some webp images improperly marked as animated ([#29713](https://github.com/element-hq/element-web/pull/29713)). Contributed by @Petersmit27.
+* Revert deletion of hydrateSession ([#29703](https://github.com/element-hq/element-web/pull/29703)). Contributed by @Jujure.
+* Fix converttoroom \& converttodm not working ([#29705](https://github.com/element-hq/element-web/pull/29705)). Contributed by @t3chguy.
+* Ensure forceCloseAllModals also closes priority/static modals ([#29706](https://github.com/element-hq/element-web/pull/29706)). Contributed by @t3chguy.
+* Continue button is disabled when uploading a recovery key file ([#29695](https://github.com/element-hq/element-web/pull/29695)). Contributed by @Giwayume.
+* Catch errors after syncing recovery ([#29691](https://github.com/element-hq/element-web/pull/29691)). Contributed by @andybalaam.
+* New room list: fix multiple visual issues ([#29673](https://github.com/element-hq/element-web/pull/29673)). Contributed by @florianduros.
+* New Room List: Fix mentions filter matching rooms with any highlight ([#29668](https://github.com/element-hq/element-web/pull/29668)). Contributed by @MidhunSureshR.
+*  Fix truncated emoji label during emoji SAS ([#29643](https://github.com/element-hq/element-web/pull/29643)). Contributed by @florianduros.
+* Remove duplicate jitsi link ([#29642](https://github.com/element-hq/element-web/pull/29642)). Contributed by @dbkr.
+
+
+
+Changes in [1.11.97](https://github.com/element-hq/element-desktop/releases/tag/v1.11.97) (2025-04-08)
+======================================================================================================
+## ✨ Features
+
+* New room list: reduce padding between avatar and room list border ([#29634](https://github.com/element-hq/element-web/pull/29634)). Contributed by @florianduros.
+* Bundle Element Call with Element Web packages ([#29309](https://github.com/element-hq/element-web/pull/29309)). Contributed by @t3chguy.
+* Hide an event notification if it is redacted ([#29605](https://github.com/element-hq/element-web/pull/29605)). Contributed by @Half-Shot.
+* Docker: Use nginx-unprivileged as base image ([#29353](https://github.com/element-hq/element-web/pull/29353)). Contributed by @AndrewFerr.
+* Switch away from nesting React trees and mangling the DOM ([#29586](https://github.com/element-hq/element-web/pull/29586)). Contributed by @t3chguy.
+* New room list: add notification decoration ([#29552](https://github.com/element-hq/element-web/pull/29552)). Contributed by @florianduros.
+* RoomListStore: Unread filter should match rooms that were marked as unread ([#29580](https://github.com/element-hq/element-web/pull/29580)). Contributed by @MidhunSureshR.
+* Add support for hiding videos ([#29496](https://github.com/element-hq/element-web/pull/29496)). Contributed by @Half-Shot.
+* Use an outline icon for the report room button ([#29573](https://github.com/element-hq/element-web/pull/29573)). Contributed by @robintown.
+* Generate/load pickle key on SSO ([#29568](https://github.com/element-hq/element-web/pull/29568)). Contributed by @Jujure.
+* Add report room dialog button/dialog. ([#29513](https://github.com/element-hq/element-web/pull/29513)). Contributed by @Half-Shot.
+* RoomListViewModel: Make the active room sticky in the list ([#29551](https://github.com/element-hq/element-web/pull/29551)). Contributed by @MidhunSureshR.
+* Replace checkboxes with Compound checkboxes, and appropriately label each checkbox. ([#29363](https://github.com/element-hq/element-web/pull/29363)). Contributed by @Half-Shot.
+* New room list: add selection decoration ([#29531](https://github.com/element-hq/element-web/pull/29531)). Contributed by @florianduros.
+* Simplified Sliding Sync ([#28515](https://github.com/element-hq/element-web/pull/28515)). Contributed by @dbkr.
+* Add ability to hide images after clicking "show image" ([#29467](https://github.com/element-hq/element-web/pull/29467)). Contributed by @Half-Shot.
+
+## 🐛 Bug Fixes
+
+* Fix scroll issues in memberlist ([#29392](https://github.com/element-hq/element-web/pull/29392)). Contributed by @MidhunSureshR.
+* Ensure clicks on spoilers do not get handled by the hidden content ([#29618](https://github.com/element-hq/element-web/pull/29618)). Contributed by @t3chguy.
+* New room list: add cursor pointer on room list item ([#29627](https://github.com/element-hq/element-web/pull/29627)). Contributed by @florianduros.
+* Fix missing ambiguous url tooltips on Element Desktop ([#29619](https://github.com/element-hq/element-web/pull/29619)). Contributed by @t3chguy.
+* New room list: fix spacing and padding ([#29607](https://github.com/element-hq/element-web/pull/29607)). Contributed by @florianduros.
+* Make fetchdep check out matching branch name ([#29601](https://github.com/element-hq/element-web/pull/29601)). Contributed by @dbkr.
+* Fix MFileBody fileName not considering `filename` ([#29589](https://github.com/element-hq/element-web/pull/29589)). Contributed by @t3chguy.
+* Fix token expiry racing with login causing wrong error to be shown ([#29566](https://github.com/element-hq/element-web/pull/29566)). Contributed by @t3chguy.
+* Fix bug which caused startup to hang if the clock was wound back since a previous session ([#29558](https://github.com/element-hq/element-web/pull/29558)). Contributed by @richvdh.
+* RoomListViewModel: Reset any primary filter on secondary filter change ([#29562](https://github.com/element-hq/element-web/pull/29562)). Contributed by @MidhunSureshR.
+* RoomListStore: Unread filter should only filter rooms having unread counts ([#29555](https://github.com/element-hq/element-web/pull/29555)). Contributed by @MidhunSureshR.
+* In force-verify mode, prevent bypassing by cancelling device verification ([#29487](https://github.com/element-hq/element-web/pull/29487)). Contributed by @andybalaam.
+* Add title attribute to user identifier ([#29547](https://github.com/element-hq/element-web/pull/29547)). Contributed by @arpitbatra123.
+
+
+
+Changes in [1.11.96](https://github.com/element-hq/element-desktop/releases/tag/v1.11.96) (2025-03-25)
+======================================================================================================
+## ✨ Features
+
+* RoomListViewModel: Track the index of the active room in the list ([#29519](https://github.com/element-hq/element-web/pull/29519)). Contributed by @MidhunSureshR.
+* New room list: add empty state ([#29512](https://github.com/element-hq/element-web/pull/29512)). Contributed by @florianduros.
+* Implement `MessagePreviewViewModel` ([#29514](https://github.com/element-hq/element-web/pull/29514)). Contributed by @MidhunSureshR.
+* RoomListViewModel: Add functionality to toggle message preview setting ([#29511](https://github.com/element-hq/element-web/pull/29511)). Contributed by @MidhunSureshR.
+* New room list: add more options menu on room list item ([#29445](https://github.com/element-hq/element-web/pull/29445)). Contributed by @florianduros.
+* RoomListViewModel: Provide a way to resort the room list and track the active sort method ([#29499](https://github.com/element-hq/element-web/pull/29499)). Contributed by @MidhunSureshR.
+* Change \*All rooms\* meta space name to \*All Chats\* ([#29498](https://github.com/element-hq/element-web/pull/29498)). Contributed by @florianduros.
+* Add setting to hide avatars of rooms you have been invited to. ([#29497](https://github.com/element-hq/element-web/pull/29497)). Contributed by @Half-Shot.
+* Room List Store: Save preferred sorting algorithm and use that on app launch ([#29493](https://github.com/element-hq/element-web/pull/29493)). Contributed by @MidhunSureshR.
+* Add key storage toggle to Encryption settings ([#29310](https://github.com/element-hq/element-web/pull/29310)). Contributed by @dbkr.
+* New room list: add primary filters ([#29481](https://github.com/element-hq/element-web/pull/29481)). Contributed by @florianduros.
+* Implement MSC4142: Remove unintentional intentional mentions in replies ([#28209](https://github.com/element-hq/element-web/pull/28209)). Contributed by @tulir.
+* White background for 'They do not match' button ([#29470](https://github.com/element-hq/element-web/pull/29470)). Contributed by @andybalaam.
+* RoomListViewModel: Support secondary filters in the view model ([#29465](https://github.com/element-hq/element-web/pull/29465)). Contributed by @MidhunSureshR.
+* RoomListViewModel: Support primary filters in the view model ([#29454](https://github.com/element-hq/element-web/pull/29454)). Contributed by @MidhunSureshR.
+* Room List Store: Implement secondary filters ([#29458](https://github.com/element-hq/element-web/pull/29458)). Contributed by @MidhunSureshR.
+* Room List Store: Implement rest of the primary filters ([#29444](https://github.com/element-hq/element-web/pull/29444)). Contributed by @MidhunSureshR.
+* Room List Store: Support filters by implementing just the favourite filter ([#29433](https://github.com/element-hq/element-web/pull/29433)). Contributed by @MidhunSureshR.
+* Move toggle switch for integration manager for a11y ([#29436](https://github.com/element-hq/element-web/pull/29436)). Contributed by @Half-Shot.
+* New room list: basic flat list ([#29368](https://github.com/element-hq/element-web/pull/29368)). Contributed by @florianduros.
+* Improve rageshake upload experience by providing useful error information ([#29378](https://github.com/element-hq/element-web/pull/29378)). Contributed by @Half-Shot.
+* Add more functionality to the room list vm ([#29402](https://github.com/element-hq/element-web/pull/29402)). Contributed by @MidhunSureshR.
+
+## 🐛 Bug Fixes
+
+* Fix `--no-update` command line flag ([#2210](https://github.com/element-hq/element-desktop/pull/2210)). Contributed by @t3chguy.
+* New room list: fix compose menu action in space  ([#29500](https://github.com/element-hq/element-web/pull/29500)). Contributed by @florianduros.
+* Change ToggleHiddenEventVisibility \& GoToHome KeyBindingActions ([#29374](https://github.com/element-hq/element-web/pull/29374)). Contributed by @gy-mate.
+* Fix Docker Healthcheck ([#29471](https://github.com/element-hq/element-web/pull/29471)). Contributed by @benbz.
+* Room List Store: Fetch rooms after space store is ready + attach store to window ([#29453](https://github.com/element-hq/element-web/pull/29453)). Contributed by @MidhunSureshR.
+* Room List Store: Fix bug where left rooms appear in room list ([#29452](https://github.com/element-hq/element-web/pull/29452)). Contributed by @MidhunSureshR.
+* Add space to the bottom of the room summary actions below leave room ([#29270](https://github.com/element-hq/element-web/pull/29270)). Contributed by @langleyd.
+* Show error screens in group calls ([#29254](https://github.com/element-hq/element-web/pull/29254)). Contributed by @robintown.
+* Prevent user from accidentally triggering multiple identity resets ([#29388](https://github.com/element-hq/element-web/pull/29388)). Contributed by @uhoreg.
+* Remove buggy tooltip on room intro \& homepage ([#29406](https://github.com/element-hq/element-web/pull/29406)). Contributed by @t3chguy.
+
+
+
+Changes in [1.11.95](https://github.com/element-hq/element-desktop/releases/tag/v1.11.95) (2025-03-11)
+======================================================================================================
+## ✨ Features
+
+* Switch to shiftkey/node-keytar as it has NAPI 10 updates ([#2172](https://github.com/element-hq/element-desktop/pull/2172)). Contributed by @t3chguy.
+* Add support for Windows arm64 ([#624](https://github.com/element-hq/element-desktop/pull/624)). Contributed by @t3chguy.
+* Room List Store: Filter rooms by active space ([#29399](https://github.com/element-hq/element-web/pull/29399)). Contributed by @MidhunSureshR.
+* Room List - Update the room list store on actions from the dispatcher ([#29397](https://github.com/element-hq/element-web/pull/29397)). Contributed by @MidhunSureshR.
+* Room List  - Implement a minimal view model ([#29357](https://github.com/element-hq/element-web/pull/29357)). Contributed by @MidhunSureshR.
+* New room list: add space menu in room header ([#29352](https://github.com/element-hq/element-web/pull/29352)). Contributed by @florianduros.
+* Room List - Store sorted rooms in skip list ([#29345](https://github.com/element-hq/element-web/pull/29345)). Contributed by @MidhunSureshR.
+* New room list: add dial to search section ([#29359](https://github.com/element-hq/element-web/pull/29359)). Contributed by @florianduros.
+* New room list: add compose menu for spaces in header ([#29347](https://github.com/element-hq/element-web/pull/29347)). Contributed by @florianduros.
+* Use EditInPlace control for Identity Server picker to improve a11y ([#29280](https://github.com/element-hq/element-web/pull/29280)). Contributed by @Half-Shot.
+* First step to add header to new room list ([#29320](https://github.com/element-hq/element-web/pull/29320)). Contributed by @florianduros.
+* Add Windows 64-bit arm link and remove 32-bit link on compatibility page ([#29312](https://github.com/element-hq/element-web/pull/29312)). Contributed by @t3chguy.
+* Honour the backup disable flag from Element X ([#29290](https://github.com/element-hq/element-web/pull/29290)). Contributed by @dbkr.
+
+## 🐛 Bug Fixes
+
+* Fix edited code block width ([#29394](https://github.com/element-hq/element-web/pull/29394)). Contributed by @florianduros.
+* new room list: keep space name in one line in header ([#29369](https://github.com/element-hq/element-web/pull/29369)). Contributed by @florianduros.
+* Dismiss "Key storage out of sync" toast when secrets received ([#29348](https://github.com/element-hq/element-web/pull/29348)). Contributed by @richvdh.
+* Minor CSS fixes for the new room list ([#29334](https://github.com/element-hq/element-web/pull/29334)). Contributed by @florianduros.
+* Add padding to room header icon ([#29271](https://github.com/element-hq/element-web/pull/29271)). Contributed by @langleyd.
+
+
+
+Changes in [1.11.94](https://github.com/element-hq/element-desktop/releases/tag/v1.11.94) (2025-02-27)
+======================================================================================================
+* No changes
+
+## 🐛 Bug Fixes
+
+* [Backport staging] fix: /tmp/element-web-config may already exist preventing the container from booting up ([#29377](https://github.com/element-hq/element-web/pull/29377)). Contributed by @RiotRobot.
+
+
+
+Changes in [1.11.93](https://github.com/element-hq/element-desktop/releases/tag/v1.11.93) (2025-02-25)
+======================================================================================================
+## ✨ Features
+
+* [backport] Dynamically load Element Web modules in Docker entrypoint ([#29358](https://github.com/element-hq/element-web/pull/29358)). Contributed by @t3chguy.
+* ChangeRecoveryKey: error handling ([#29262](https://github.com/element-hq/element-web/pull/29262)). Contributed by @richvdh.
+* Dehydration: enable dehydrated device on "Set up recovery" ([#29265](https://github.com/element-hq/element-web/pull/29265)). Contributed by @richvdh.
+* Render reason for invite rejection. ([#29257](https://github.com/element-hq/element-web/pull/29257)). Contributed by @Half-Shot.
+* New room list: add search section ([#29251](https://github.com/element-hq/element-web/pull/29251)). Contributed by @florianduros.
+* New room list: hide favourites and people meta spaces ([#29241](https://github.com/element-hq/element-web/pull/29241)). Contributed by @florianduros.
+* New Room List: Create new labs flag ([#29239](https://github.com/element-hq/element-web/pull/29239)). Contributed by @MidhunSureshR.
+* Stop URl preview from covering message box ([#29215](https://github.com/element-hq/element-web/pull/29215)). Contributed by @edent.
+* Rename "security key" into "recovery key" ([#29217](https://github.com/element-hq/element-web/pull/29217)). Contributed by @florianduros.
+* Add new verification section to user profile ([#29200](https://github.com/element-hq/element-web/pull/29200)). Contributed by @MidhunSureshR.
+* Initial support for runtime modules ([#29104](https://github.com/element-hq/element-web/pull/29104)). Contributed by @t3chguy.
+* Add `Forgot recovery key?` button to encryption tab ([#29202](https://github.com/element-hq/element-web/pull/29202)). Contributed by @florianduros.
+* Add KeyIcon to key storage out of sync toast ([#29201](https://github.com/element-hq/element-web/pull/29201)). Contributed by @florianduros.
+* Improve rendering of empty topics in the timeline  ([#29152](https://github.com/element-hq/element-web/pull/29152)). Contributed by @Half-Shot.
+
+## 🐛 Bug Fixes
+
+* Fix font scaling in member list ([#29285](https://github.com/element-hq/element-web/pull/29285)). Contributed by @florianduros.
+* Grow member list search field when resizing the right panel ([#29267](https://github.com/element-hq/element-web/pull/29267)). Contributed by @langleyd.
+* Don't reload roomview on offline connectivity check ([#29243](https://github.com/element-hq/element-web/pull/29243)). Contributed by @dbkr.
+* Respect user's 12/24 hour preference consistently ([#29237](https://github.com/element-hq/element-web/pull/29237)). Contributed by @t3chguy.
+* Restore the accessibility role on call views ([#29225](https://github.com/element-hq/element-web/pull/29225)). Contributed by @robintown.
+* Revert `GoToHome` keyboard shortcut to `Ctrl`–`Shift`–`H` on macOS ([#28577](https://github.com/element-hq/element-web/pull/28577)). Contributed by @gy-mate.
+* Encryption tab: display correct encryption panel when user cancels the reset identity flow ([#29216](https://github.com/element-hq/element-web/pull/29216)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.92](https://github.com/element-hq/element-desktop/releases/tag/v1.11.92) (2025-02-11)
+======================================================================================================
+## ✨ Features
+
+* Enable fuse EnableEmbeddedAsarIntegrityValidation ([#1979](https://github.com/element-hq/element-desktop/pull/1979)). Contributed by @t3chguy.
+* Update electron-builder and harden fuse configuration ([#2106](https://github.com/element-hq/element-desktop/pull/2106)). Contributed by @t3chguy.
+* [Backport staging] Log when we show, and hide, encryption setup toasts ([#29238](https://github.com/element-hq/element-web/pull/29238)). Contributed by @richvdh.
+* Make profile header section match the designs ([#29163](https://github.com/element-hq/element-web/pull/29163)). Contributed by @MidhunSureshR.
+* Always show back button in the right panel ([#29128](https://github.com/element-hq/element-web/pull/29128)). Contributed by @MidhunSureshR.
+* Schedule dehydration on reload if the dehydration key is already cached locally ([#29021](https://github.com/element-hq/element-web/pull/29021)). Contributed by @uhoreg.
+* update to twemoji 15.1.0 ([#29115](https://github.com/element-hq/element-web/pull/29115)). Contributed by @ara4n.
+* Update matrix-widget-api ([#29112](https://github.com/element-hq/element-web/pull/29112)). Contributed by @toger5.
+* Allow navigating through the memberlist using up/down keys ([#28949](https://github.com/element-hq/element-web/pull/28949)). Contributed by @MidhunSureshR.
+* Style room header icons and facepile for toggled state ([#28968](https://github.com/element-hq/element-web/pull/28968)). Contributed by @MidhunSureshR.
+* Move threads header below base card header ([#28969](https://github.com/element-hq/element-web/pull/28969)). Contributed by @MidhunSureshR.
+* Add `Advanced` section to the user settings encryption tab ([#28804](https://github.com/element-hq/element-web/pull/28804)). Contributed by @florianduros.
+* Fix outstanding UX issues with replies/mentions/keyword notifs ([#28270](https://github.com/element-hq/element-web/pull/28270)). Contributed by @taffyko.
+* Distinguish room state and timeline events when dealing with widgets ([#28681](https://github.com/element-hq/element-web/pull/28681)). Contributed by @robintown.
+* Switch OIDC primarily to new `/auth_metadata` API ([#29019](https://github.com/element-hq/element-web/pull/29019)). Contributed by @t3chguy.
+* More memberlist changes ([#29069](https://github.com/element-hq/element-web/pull/29069)). Contributed by @MidhunSureshR.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Wire up the "Forgot recovery key" button for the "Key storage out of sync" toast ([#29190](https://github.com/element-hq/element-web/pull/29190)). Contributed by @RiotRobot.
+* Encryption tab: hide `Advanced` section when the key storage is out of sync ([#29129](https://github.com/element-hq/element-web/pull/29129)). Contributed by @florianduros.
+* Fix share button in discovery settings being disabled incorrectly ([#29151](https://github.com/element-hq/element-web/pull/29151)). Contributed by @t3chguy.
+* Ensure switching rooms does not wrongly focus timeline search ([#29153](https://github.com/element-hq/element-web/pull/29153)). Contributed by @t3chguy.
+* Stop showing a dialog prompting the user to enter an old recovery key ([#29143](https://github.com/element-hq/element-web/pull/29143)). Contributed by @richvdh.
+* Make themed widgets reflect the effective theme ([#28342](https://github.com/element-hq/element-web/pull/28342)). Contributed by @robintown.
+* support non-VS16 emoji ligatures in TwemojiMozilla ([#29100](https://github.com/element-hq/element-web/pull/29100)). Contributed by @ara4n.
+* e2e test: Verify session with the encryption tab instead of the security \& privacy tab ([#29090](https://github.com/element-hq/element-web/pull/29090)). Contributed by @florianduros.
+* Work around cloudflare R2 / aws client incompatability ([#29086](https://github.com/element-hq/element-web/pull/29086)). Contributed by @dbkr.
+* Fix identity server settings visibility ([#29083](https://github.com/element-hq/element-web/pull/29083)). Contributed by @dbkr.
+
+
+
+Changes in [1.11.91](https://github.com/element-hq/element-desktop/releases/tag/v1.11.91) (2025-01-28)
+======================================================================================================
+## ✨ Features
+
+* Implement changes to memberlist from feedback ([#29029](https://github.com/element-hq/element-web/pull/29029)). Contributed by @MidhunSureshR.
+* Add toast for recovery keys being out of sync ([#28946](https://github.com/element-hq/element-web/pull/28946)). Contributed by @dbkr.
+* Refactor LegacyCallHandler event emitter to use TypedEventEmitter ([#29008](https://github.com/element-hq/element-web/pull/29008)). Contributed by @t3chguy.
+* Add `Recovery` section in the new user settings `Encryption` tab ([#28673](https://github.com/element-hq/element-web/pull/28673)). Contributed by @florianduros.
+* Retry loading chunks to make the app more resilient ([#29001](https://github.com/element-hq/element-web/pull/29001)). Contributed by @t3chguy.
+* Clear account idb table on logout ([#28996](https://github.com/element-hq/element-web/pull/28996)). Contributed by @t3chguy.
+* Implement new memberlist design with MVVM architecture  ([#28874](https://github.com/element-hq/element-web/pull/28874)). Contributed by @MidhunSureshR.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Switch to secure random strings ([#29035](https://github.com/element-hq/element-web/pull/29035)). Contributed by @RiotRobot.
+* React to MatrixEvent sender/target being updated for rendering state events ([#28947](https://github.com/element-hq/element-web/pull/28947)). Contributed by @t3chguy.
+
+
+
+Changes in [1.11.90](https://github.com/element-hq/element-desktop/releases/tag/v1.11.90) (2025-01-14)
+======================================================================================================
+## ✨ Features
+
+* Docker: run as non-root ([#28849](https://github.com/element-hq/element-web/pull/28849)). Contributed by @richvdh.
+* Docker: allow configuration of HTTP listen port via env var ([#28840](https://github.com/element-hq/element-web/pull/28840)). Contributed by @richvdh.
+* Update matrix-wysiwyg to consume WASM asset ([#28838](https://github.com/element-hq/element-web/pull/28838)). Contributed by @t3chguy.
+* OIDC settings tweaks ([#28787](https://github.com/element-hq/element-web/pull/28787)). Contributed by @t3chguy.
+* Delabs native OIDC support ([#28615](https://github.com/element-hq/element-web/pull/28615)). Contributed by @t3chguy.
+* Move room header info button to right-most position ([#28754](https://github.com/element-hq/element-web/pull/28754)). Contributed by @t3chguy.
+* Enable key backup by default ([#28691](https://github.com/element-hq/element-web/pull/28691)). Contributed by @dbkr.
+
+## 🐛 Bug Fixes
+
+* Fix building the automations mermaid diagram ([#28881](https://github.com/element-hq/element-web/pull/28881)). Contributed by @dbkr.
+* Playwright: wait for the network listener on the postgres db ([#28808](https://github.com/element-hq/element-web/pull/28808)). Contributed by @dbkr.
+
+
+
+Changes in [1.11.89](https://github.com/element-hq/element-desktop/releases/tag/v1.11.89) (2024-12-18)
+======================================================================================================
+* No changes
+
+## 🐛 Bug Fixes
+
+* Upgrade matrix-sdk-crypto-wasm to 1.11.0 (https://github.com/matrix-org/matrix-js-sdk/pull/4593)
+* Fix url preview display ([#28766](https://github.com/element-hq/element-web/pull/28766)).
+
+
+
+Changes in [1.11.88](https://github.com/element-hq/element-desktop/releases/tag/v1.11.88) (2024-12-17)
+======================================================================================================
+## ✨ Features
+
+* Allow trusted Element Call widget to send and receive media encryption key to-device messages ([#28316](https://github.com/element-hq/element-web/pull/28316)). Contributed by @hughns.
+* increase ringing timeout from 10 seconds to 90 seconds ([#28630](https://github.com/element-hq/element-web/pull/28630)). Contributed by @fkwp.
+* Add `Close` tooltip to dialog ([#28617](https://github.com/element-hq/element-web/pull/28617)). Contributed by @florianduros.
+* New UX for Share dialog ([#28598](https://github.com/element-hq/element-web/pull/28598)). Contributed by @florianduros.
+* Improve performance of RoomContext in RoomHeader ([#28574](https://github.com/element-hq/element-web/pull/28574)). Contributed by @t3chguy.
+* Remove `Features.RustCrypto` flag ([#28582](https://github.com/element-hq/element-web/pull/28582)). Contributed by @florianduros.
+* Add Modernizr warning when running in non-secure context ([#28581](https://github.com/element-hq/element-web/pull/28581)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Fix secret storage not being used due to bad import ([#2029](https://github.com/element-hq/element-desktop/pull/2029)). Contributed by @t3chguy.
+* Fix inability to click on non-logged-in modals on macOS ([#2025](https://github.com/element-hq/element-desktop/pull/2025)). Contributed by @t3chguy.
+* Fix jumpy timeline when the pinned message banner is displayed ([#28654](https://github.com/element-hq/element-web/pull/28654)). Contributed by @florianduros.
+* Fix font \& spaces in settings subsection ([#28631](https://github.com/element-hq/element-web/pull/28631)). Contributed by @florianduros.
+* Remove manual device verification which is not supported by the new cryptography stack ([#28588](https://github.com/element-hq/element-web/pull/28588)). Contributed by @florianduros.
+* Fix code block highlighting not working reliably with many code blocks ([#28613](https://github.com/element-hq/element-web/pull/28613)). Contributed by @t3chguy.
+* Remove remaining reply fallbacks code ([#28610](https://github.com/element-hq/element-web/pull/28610)). Contributed by @t3chguy.
+* Provide a way to activate GIFs via the keyboard for a11y ([#28611](https://github.com/element-hq/element-web/pull/28611)). Contributed by @t3chguy.
+* Fix format bar position ([#28591](https://github.com/element-hq/element-web/pull/28591)). Contributed by @florianduros.
+* Fix room taking long time to load ([#28579](https://github.com/element-hq/element-web/pull/28579)). Contributed by @florianduros.
+* Show the correct shield status in tooltip for more conditions ([#28476](https://github.com/element-hq/element-web/pull/28476)). Contributed by @uhoreg.
+
+
+
+Changes in [1.11.87](https://github.com/element-hq/element-desktop/releases/tag/v1.11.87) (2024-12-03)
+======================================================================================================
+## ✨ Features
+
+* Send and respect MSC4230 is\_animated flag ([#28513](https://github.com/element-hq/element-web/pull/28513)). Contributed by @t3chguy.
+* Display a warning when an unverified user's identity changes ([#28211](https://github.com/element-hq/element-web/pull/28211)). Contributed by @uhoreg.
+* Swap out Twitter link for Mastodon on auth footer ([#28508](https://github.com/element-hq/element-web/pull/28508)). Contributed by @t3chguy.
+* Consider `org.matrix.msc3417.call` as video room in create room dialog ([#28497](https://github.com/element-hq/element-web/pull/28497)). Contributed by @t3chguy.
+* Standardise icons using Compound Design Tokens ([#28217](https://github.com/element-hq/element-web/pull/28217)). Contributed by @t3chguy.
+* Start sending stable `m.marked_unread` events ([#28478](https://github.com/element-hq/element-web/pull/28478)). Contributed by @tulir.
+* Upgrade to compound-design-tokens v2 ([#28471](https://github.com/element-hq/element-web/pull/28471)). Contributed by @t3chguy.
+* Standardise icons using Compound Design Tokens ([#28286](https://github.com/element-hq/element-web/pull/28286)). Contributed by @t3chguy.
+* Remove reply fallbacks as per merged MSC2781 ([#28406](https://github.com/element-hq/element-web/pull/28406)). Contributed by @t3chguy.
+* Use React Suspense when rendering async modals ([#28386](https://github.com/element-hq/element-web/pull/28386)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Add spinner when room encryption is loading in room settings ([#28535](https://github.com/element-hq/element-web/pull/28535)). Contributed by @florianduros.
+* Fix getOidcCallbackUrl for Element Desktop ([#28521](https://github.com/element-hq/element-web/pull/28521)). Contributed by @t3chguy.
+* Filter out redacted poll votes to avoid crashing the Poll widget ([#28498](https://github.com/element-hq/element-web/pull/28498)). Contributed by @t3chguy.
+* Fix force tab complete not working since switching to React 18 createRoot API ([#28505](https://github.com/element-hq/element-web/pull/28505)). Contributed by @t3chguy.
+* Fix media captions in bubble layout ([#28480](https://github.com/element-hq/element-web/pull/28480)). Contributed by @tulir.
+* Reset cross-signing before backup when resetting both ([#28402](https://github.com/element-hq/element-web/pull/28402)). Contributed by @uhoreg.
+* Listen to events so that encryption icon updates when status changes ([#28407](https://github.com/element-hq/element-web/pull/28407)). Contributed by @uhoreg.
+* Check that the file the user chose has a MIME type of `image/*` ([#28467](https://github.com/element-hq/element-web/pull/28467)). Contributed by @t3chguy.
+* Fix download button size in message action bar ([#28472](https://github.com/element-hq/element-web/pull/28472)). Contributed by @t3chguy.
+* Allow tab completing users in brackets ([#28460](https://github.com/element-hq/element-web/pull/28460)). Contributed by @t3chguy.
+* Fix React 18 strict mode breaking spotlight dialog ([#28452](https://github.com/element-hq/element-web/pull/28452)). Contributed by @MidhunSureshR.
+
+
+
+Changes in [1.11.86](https://github.com/element-hq/element-desktop/releases/tag/v1.11.86) (2024-11-19)
+======================================================================================================
+## ✨ Features
+
+* Deduplicate icons using Compound Design Tokens ([#28419](https://github.com/element-hq/element-web/pull/28419)). Contributed by @t3chguy.
+* Let widget driver send error details ([#28357](https://github.com/element-hq/element-web/pull/28357)). Contributed by @AndrewFerr.
+* Deduplicate icons using Compound Design Tokens ([#28381](https://github.com/element-hq/element-web/pull/28381)). Contributed by @t3chguy.
+* Auto approvoce `io.element.call.reaction` capability for element call widgets ([#28401](https://github.com/element-hq/element-web/pull/28401)). Contributed by @toger5.
+* Show message type prefix in thread root \& reply previews ([#28361](https://github.com/element-hq/element-web/pull/28361)). Contributed by @t3chguy.
+* Support sending encrypted to device messages from widgets ([#28315](https://github.com/element-hq/element-web/pull/28315)). Contributed by @hughns.
+
+## 🐛 Bug Fixes
+
+* Feed events to widgets as they are decrypted (even if out of order) ([#28376](https://github.com/element-hq/element-web/pull/28376)). Contributed by @robintown.
+* Handle authenticated media when downloading from ImageView ([#28379](https://github.com/element-hq/element-web/pull/28379)). Contributed by @t3chguy.
+* Ignore `m.3pid_changes` for Identity service 3PID changes ([#28375](https://github.com/element-hq/element-web/pull/28375)). Contributed by @t3chguy.
+* Fix markdown escaping wrongly passing html through ([#28363](https://github.com/element-hq/element-web/pull/28363)). Contributed by @t3chguy.
+* Remove "Upgrade your encryption" flow in `CreateSecretStorageDialog` ([#28290](https://github.com/element-hq/element-web/pull/28290)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.85](https://github.com/element-hq/element-desktop/releases/tag/v1.11.85) (2024-11-12)
+======================================================================================================
+# Security
+- Fixes for [CVE-2024-51750](https://www.cve.org/CVERecord?id=CVE-2024-51750) / [GHSA-w36j-v56h-q9pc](https://github.com/element-hq/element-web/security/advisories/GHSA-w36j-v56h-q9pc)
+- Fixes for [CVE-2024-51749](https://www.cve.org/CVERecord?id=CVE-2024-51749) / [GHSA-5486-384g-mcx2](https://github.com/element-hq/element-web/security/advisories/GHSA-5486-384g-mcx2)
+- Update JS SDK with the fixes for [CVE-2024-50336](https://www.cve.org/CVERecord?id=CVE-2024-50336) / [GHSA-xvg8-m4x3-w6xr](https://github.com/matrix-org/matrix-js-sdk/security/advisories/GHSA-xvg8-m4x3-w6xr)
+
+
+Changes in [1.11.84](https://github.com/element-hq/element-desktop/releases/tag/v1.11.84) (2024-11-05)
+======================================================================================================
+## ✨ Features
+
+* Support specifying the config location manually (outside of the user's profile) ([#1921](https://github.com/element-hq/element-desktop/pull/1921)). Contributed by @Half-Shot.
+* Remove abandoned MSC3886, MSC3903, MSC3906 implementations ([#28274](https://github.com/element-hq/element-web/pull/28274)). Contributed by @t3chguy.
+* Update to React 18 ([#24763](https://github.com/element-hq/element-web/pull/24763)). Contributed by @t3chguy.
+* Deduplicate icons using Compound ([#28239](https://github.com/element-hq/element-web/pull/28239)). Contributed by @t3chguy.
+* Replace legacy Tooltips with Compound tooltips ([#28231](https://github.com/element-hq/element-web/pull/28231)). Contributed by @t3chguy.
+* Deduplicate icons using Compound Design Tokens ([#28219](https://github.com/element-hq/element-web/pull/28219)). Contributed by @t3chguy.
+* Add reactions to html export ([#28210](https://github.com/element-hq/element-web/pull/28210)). Contributed by @langleyd.
+* Remove feature\_dehydration ([#28173](https://github.com/element-hq/element-web/pull/28173)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Improve seshat deleteContents ([#1916](https://github.com/element-hq/element-desktop/pull/1916)). Contributed by @langleyd.
+* Remove upgrade encryption in `DeviceListener` and `SetupEncryptionToast` ([#28299](https://github.com/element-hq/element-web/pull/28299)). Contributed by @florianduros.
+* Fix 'remove alias' button in room settings ([#28269](https://github.com/element-hq/element-web/pull/28269)). Contributed by @Dev-Gurjar.
+* Add back unencrypted path in `StopGapWidgetDriver.sendToDevice` ([#28295](https://github.com/element-hq/element-web/pull/28295)). Contributed by @florianduros.
+* Fix other devices not being decorated as such ([#28279](https://github.com/element-hq/element-web/pull/28279)). Contributed by @t3chguy.
+* Fix pill contrast in invitation dialog ([#28250](https://github.com/element-hq/element-web/pull/28250)). Contributed by @florianduros.
+* Close right panel chat when minimising maximised voip widget ([#28241](https://github.com/element-hq/element-web/pull/28241)). Contributed by @t3chguy.
+* Fix develop changelog parsing ([#28232](https://github.com/element-hq/element-web/pull/28232)). Contributed by @t3chguy.
+* Fix Ctrl+F shortcut not working with minimised room summary card ([#28223](https://github.com/element-hq/element-web/pull/28223)). Contributed by @t3chguy.
+* Fix network dropdown missing checkbox \& aria-checked ([#28220](https://github.com/element-hq/element-web/pull/28220)). Contributed by @t3chguy.
+
+
+
+Changes in [1.11.83](https://github.com/element-hq/element-desktop/releases/tag/v1.11.83) (2024-10-29)
+======================================================================================================
+## ✨ Features
+
+* [Backport staging] Enable Element Call by default on release instances ([#1954](https://github.com/element-hq/element-desktop/pull/1954)). Contributed by @RiotRobot.
+* Enable Element Call by default on release instances ([#28314](https://github.com/element-hq/element-web/pull/28314)). Contributed by @t3chguy.
+
+
+
+Changes in [1.11.82](https://github.com/element-hq/element-desktop/releases/tag/v1.11.82) (2024-10-22)
+======================================================================================================
+## ✨ Features
+
+* Add monochrome tray icon ([#1804](https://github.com/element-hq/element-desktop/pull/1804)). Contributed by @SakiiCode.
+* Deduplicate more icons using Compound Design Tokens ([#132](https://github.com/element-hq/matrix-react-sdk/pull/132)). Contributed by @t3chguy.
+* Always show link new device flow even if unsupported ([#147](https://github.com/element-hq/matrix-react-sdk/pull/147)). Contributed by @t3chguy.
+* Update design of files list in right panel ([#144](https://github.com/element-hq/matrix-react-sdk/pull/144)). Contributed by @t3chguy.
+* Remove feature\_dehydration ([#138](https://github.com/element-hq/matrix-react-sdk/pull/138)). Contributed by @florianduros.
+* Upgrade emojibase-bindings and remove local handling of emoticon variations ([#127](https://github.com/element-hq/matrix-react-sdk/pull/127)). Contributed by @langleyd.
+* Add support for rendering media captions ([#43](https://github.com/element-hq/matrix-react-sdk/pull/43)). Contributed by @tulir.
+* Replace composer icons with Compound variants ([#123](https://github.com/element-hq/matrix-react-sdk/pull/123)). Contributed by @t3chguy.
+* Tweak default right panel size to be 320px except for maximised widgets at 420px ([#110](https://github.com/element-hq/matrix-react-sdk/pull/110)). Contributed by @t3chguy.
+* Add a pinned message badge under a pinned message ([#118](https://github.com/element-hq/matrix-react-sdk/pull/118)). Contributed by @florianduros.
+* Ditch right panel tabs and re-add close button ([#99](https://github.com/element-hq/matrix-react-sdk/pull/99)). Contributed by @t3chguy.
+* Force verification even for refreshed clients ([#44](https://github.com/element-hq/matrix-react-sdk/pull/44)). Contributed by @dbkr.
+* Update emoji text, border and background colour in timeline ([#119](https://github.com/element-hq/matrix-react-sdk/pull/119)). Contributed by @florianduros.
+* Disable ICE fallback based on well-known configuration ([#111](https://github.com/element-hq/matrix-react-sdk/pull/111)). Contributed by @t3chguy.
+* Remove legacy room header and promote beta room header ([#105](https://github.com/element-hq/matrix-react-sdk/pull/105)). Contributed by @t3chguy.
+* Respect `io.element.jitsi` `useFor1To1Calls` in well-known ([#112](https://github.com/element-hq/matrix-react-sdk/pull/112)). Contributed by @t3chguy.
+* Use Compound close icon in favour of mishmash of x/close icons ([#108](https://github.com/element-hq/matrix-react-sdk/pull/108)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Correct typo in option documentation ([#28148](https://github.com/element-hq/element-web/pull/28148)). Contributed by @AndrewKvalheim.
+* Revert #124 and #135 ([#139](https://github.com/element-hq/matrix-react-sdk/pull/139)). Contributed by @dbkr.
+* Add aria-label to e2e icon ([#136](https://github.com/element-hq/matrix-react-sdk/pull/136)). Contributed by @florianduros.
+* Fix bell icons on room list hover being black squares ([#135](https://github.com/element-hq/matrix-react-sdk/pull/135)). Contributed by @dbkr.
+* Fix vertical overflow on the mobile register screen ([#137](https://github.com/element-hq/matrix-react-sdk/pull/137)). Contributed by @langleyd.
+* Allow to unpin redacted event ([#98](https://github.com/element-hq/matrix-react-sdk/pull/98)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.81](https://github.com/element-hq/element-desktop/releases/tag/v1.11.81) (2024-10-15)
+======================================================================================================
+This release fixes High severity vulnerability CVE-2024-47771 / GHSA-963w-49j9-gxj6.
+
+Changes in [1.11.80](https://github.com/element-hq/element-desktop/releases/tag/v1.11.80) (2024-10-08)
+======================================================================================================
+## ✨ Features
+
+* enable Element Call on desktop nightly ([#1873](https://github.com/element-hq/element-desktop/pull/1873)). Contributed by @fkwp.
+* Add doc for 'force\_verification config option ([#28035](https://github.com/element-hq/element-web/pull/28035)). Contributed by @dbkr.
+* Roll back change to device isolation mode ([#104](https://github.com/element-hq/matrix-react-sdk/pull/104)). Contributed by @richvdh.
+* Remove right panel toggling behaviour on room header buttons ([#100](https://github.com/element-hq/matrix-react-sdk/pull/100)). Contributed by @t3chguy.
+* Improve error display for messages sent from insecure devices ([#93](https://github.com/element-hq/matrix-react-sdk/pull/93)). Contributed by @richvdh.
+* Add labs option to exclude unverified devices ([#92](https://github.com/element-hq/matrix-react-sdk/pull/92)). Contributed by @richvdh.
+* Improve contrast for timestamps, date separators \& spotlight trigger ([#91](https://github.com/element-hq/matrix-react-sdk/pull/91)). Contributed by @t3chguy.
+* Open room settings on room header avatar click ([#88](https://github.com/element-hq/matrix-react-sdk/pull/88)). Contributed by @t3chguy.
+* Use `strong` over `b` for improved a11y semantics ([#41](https://github.com/element-hq/matrix-react-sdk/pull/41)). Contributed by @t3chguy.
+* Grant Element Call widget capabilities for "raise hand" feature ([#82](https://github.com/element-hq/matrix-react-sdk/pull/82)). Contributed by @AndrewFerr.
+* Mobile registration optimizations and tests ([#62](https://github.com/element-hq/matrix-react-sdk/pull/62)). Contributed by @langleyd.
+* Ignore chat effect when older than 48h ([#48](https://github.com/element-hq/matrix-react-sdk/pull/48)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Update native OIDC callback url to be RFC8252 compliant ([#28096](https://github.com/element-hq/element-web/pull/28096)). Contributed by @t3chguy.
+* Update icons to include transparency ([#28040](https://github.com/element-hq/element-web/pull/28040)). Contributed by @t3chguy.
+* Fix default\_widget\_container\_height in sample config ([#28034](https://github.com/element-hq/element-web/pull/28034)). Contributed by @dbkr.
+* Fix untranslated keys being rendered in `/help` dialog ([#90](https://github.com/element-hq/matrix-react-sdk/pull/90)). Contributed by @t3chguy.
+* Ensure timeline search results are visible even in video rooms ([#96](https://github.com/element-hq/matrix-react-sdk/pull/96)). Contributed by @t3chguy.
+* Pop right panel timeline when unmaximising widget to avoid double timeline ([#94](https://github.com/element-hq/matrix-react-sdk/pull/94)). Contributed by @t3chguy.
+* Fix accessible label on left panel spotlight trigger ([#87](https://github.com/element-hq/matrix-react-sdk/pull/87)). Contributed by @t3chguy.
+* Crypto: fix display of device key ([#86](https://github.com/element-hq/matrix-react-sdk/pull/86)). Contributed by @richvdh.
+
+
+
+Changes in [1.11.79](https://github.com/element-hq/element-desktop/releases/tag/v1.11.79) (2024-10-01)
+======================================================================================================
+* No changes
+
+## ✨ Features
+
+* [Backport staging] Allow joining calls and video rooms without enabling the labs flags ([#106](https://github.com/element-hq/matrix-react-sdk/pull/106)). Contributed by @RiotRobot.
+
+
+
+Changes in [1.11.78](https://github.com/element-hq/element-desktop/releases/tag/v1.11.78) (2024-09-24)
+======================================================================================================
+* No changes
+
+## ✨ Features
+
+* Add Release announcement for the pinning message list ([#46](https://github.com/element-hq/matrix-react-sdk/pull/46)). Contributed by @florianduros.
+* Unlabs feature pinning ([#22](https://github.com/element-hq/matrix-react-sdk/pull/22)). Contributed by @florianduros.
+* Add mobile registration ([#42](https://github.com/element-hq/matrix-react-sdk/pull/42)). Contributed by @langleyd.
+* Add support for `org.matrix.cross_signing_reset` UIA stage flow ([#34](https://github.com/element-hq/matrix-react-sdk/pull/34)). Contributed by @t3chguy.
+* Add timezone to user profile ([#20](https://github.com/element-hq/matrix-react-sdk/pull/20)). Contributed by @Half-Shot.
+* Add config option to force verification ([#29](https://github.com/element-hq/matrix-react-sdk/pull/29)). Contributed by @dbkr.
+* Reduce pinned message banner size ([#28](https://github.com/element-hq/matrix-react-sdk/pull/28)). Contributed by @florianduros.
+* Enable message pinning labs by default ([#25](https://github.com/element-hq/matrix-react-sdk/pull/25)). Contributed by @florianduros.
+* Remove release announcement of the new header ([#23](https://github.com/element-hq/matrix-react-sdk/pull/23)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Fix timeout type ([#40](https://github.com/element-hq/matrix-react-sdk/pull/40)). Contributed by @dbkr.
+* Fix huge usage bandwidth and performance issue of pinned message banner. ([#37](https://github.com/element-hq/matrix-react-sdk/pull/37)). Contributed by @florianduros.
+* Reverse order of pinned message list ([#19](https://github.com/element-hq/matrix-react-sdk/pull/19)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.77](https://github.com/element-hq/element-desktop/releases/tag/v1.11.77) (2024-09-10)
+======================================================================================================
+## Licensing
+
+matrix-react-sdk is being forked by Element at https://github.com/element-hq/matrix-react-sdk. Contributions are licensed to Element under a CLA and made available under an AGPLv3.0 or GPLv3.0 license at your choice.
+
+You can read more about this here:
+https://matrix.org/blog/2024/08/heart-of-matrix/
+https://element.io/blog/sustainable-licensing-at-element-with-agpl/ 
+
+The Matrix.org Foundation copy of the project will be archived. We don't expect any changes are needed by system administrators. Any updates will be communicated via our usual announcements channels and we are striving to make this as seamless as possible.
+
+## ✨ Features
+
+* Add docs for widget container height option ([#27922](https://github.com/element-hq/element-web/pull/27922)). Contributed by @dbkr.
+* Allow user to set timezone ([#12775](https://github.com/matrix-org/matrix-react-sdk/pull/12775)). Contributed by @Timshel.
+* Implement download\_file in widget driver ([#12931](https://github.com/matrix-org/matrix-react-sdk/pull/12931)). Contributed by @weeman1337.
+* Sort the pinning message list in the same order than the banner. By timeline order. ([#12937](https://github.com/matrix-org/matrix-react-sdk/pull/12937)). Contributed by @florianduros.
+* Display pinned messages on a banner at the top of a room ([#12917](https://github.com/matrix-org/matrix-react-sdk/pull/12917)). Contributed by @florianduros.
+* Add a config option to control the default widget container height ([#12893](https://github.com/matrix-org/matrix-react-sdk/pull/12893)). Contributed by @dbkr.
+* RTE drafts ([#12674](https://github.com/matrix-org/matrix-react-sdk/pull/12674)). Contributed by @langleyd.
+* Add thread information in pinned message list ([#12902](https://github.com/matrix-org/matrix-react-sdk/pull/12902)). Contributed by @florianduros.
+* Add Pin/Unpin action in quick access of the message action bar ([#12897](https://github.com/matrix-org/matrix-react-sdk/pull/12897)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Fix read receipt animation ([#12923](https://github.com/matrix-org/matrix-react-sdk/pull/12923)). Contributed by @dbkr.
+* Display the indicator even with one message in pinned message banner ([#12946](https://github.com/matrix-org/matrix-react-sdk/pull/12946)). Contributed by @florianduros.
+* Always display last pinned message on the banner ([#12945](https://github.com/matrix-org/matrix-react-sdk/pull/12945)). Contributed by @florianduros.
+* The pinned message banner or list are triggering  🎉 effect. ([#12944](https://github.com/matrix-org/matrix-react-sdk/pull/12944)). Contributed by @florianduros.
+* Fix reply message truncation on 2 lines ([#12929](https://github.com/matrix-org/matrix-react-sdk/pull/12929)). Contributed by @florianduros.
+* Fix pin/unpin slowness and non refresh from the message action bar ([#12934](https://github.com/matrix-org/matrix-react-sdk/pull/12934)). Contributed by @florianduros.
+* Ignore desktop for minimum browser support. ([#12928](https://github.com/matrix-org/matrix-react-sdk/pull/12928)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.76](https://github.com/element-hq/element-desktop/releases/tag/v1.11.76) (2024-08-27)
+======================================================================================================
+## ✨ Features
+
+* Message Pinning: rework the message pinning list in the right panel ([#12825](https://github.com/matrix-org/matrix-react-sdk/pull/12825)). Contributed by @florianduros.
+* Tweak UIA postMessage check to work cross-origin ([#12878](https://github.com/matrix-org/matrix-react-sdk/pull/12878)). Contributed by @t3chguy.
+* Delayed events (Futures) / MSC4140 for call widget ([#12714](https://github.com/matrix-org/matrix-react-sdk/pull/12714)). Contributed by @AndrewFerr.
+* Stop the ongoing ring if another device joins the call session. ([#12866](https://github.com/matrix-org/matrix-react-sdk/pull/12866)). Contributed by @toger5.
+* Rich text Editor: Auto-replace plain text emoticons with emoji ([#12828](https://github.com/matrix-org/matrix-react-sdk/pull/12828)). Contributed by @langleyd.
+* Clean up editor drafts for unknown rooms  ([#12850](https://github.com/matrix-org/matrix-react-sdk/pull/12850)). Contributed by @langleyd.
+* Rename general user settings to account ([#12841](https://github.com/matrix-org/matrix-react-sdk/pull/12841)). Contributed by @dbkr.
+* Update settings tab icons ([#12867](https://github.com/matrix-org/matrix-react-sdk/pull/12867)). Contributed by @dbkr.
+* Disable jump to read receipt button instead of hiding when nothing to jump to ([#12863](https://github.com/matrix-org/matrix-react-sdk/pull/12863)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Ensure elements on Login page are disabled when in-flight ([#12895](https://github.com/matrix-org/matrix-react-sdk/pull/12895)). Contributed by @t3chguy.
+* Hide pinned messages when grouped in timeline when feature pinning is disabled ([#12888](https://github.com/matrix-org/matrix-react-sdk/pull/12888)). Contributed by @florianduros.
+* Add chat button on new room header for maximised widgets ([#12882](https://github.com/matrix-org/matrix-react-sdk/pull/12882)). Contributed by @t3chguy.
+* Show spinner whilst initial search request is in progress ([#12883](https://github.com/matrix-org/matrix-react-sdk/pull/12883)). Contributed by @t3chguy.
+* Fix user menu font ([#12879](https://github.com/matrix-org/matrix-react-sdk/pull/12879)). Contributed by @florianduros.
+* Allow selecting text in the right panel topic ([#12870](https://github.com/matrix-org/matrix-react-sdk/pull/12870)). Contributed by @t3chguy.
+* Add missing presence indicator to new room header ([#12865](https://github.com/matrix-org/matrix-react-sdk/pull/12865)). Contributed by @t3chguy.
+* Fix permissions in release tarballs ([#27904](https://github.com/element-hq/element-web/pull/27904)). Contributed by @t3chguy.
+
+## 🧰 Maintenance
+
+* Update dependencies for MSC4157 ([#27906](https://github.com/element-hq/element-web/pull/27906)). Contributed by @AndrewFerr.
+
+
+Changes in [1.11.75](https://github.com/element-hq/element-desktop/releases/tag/v1.11.75) (2024-08-20)
+======================================================================================================
+# Security
+- Fixes for [CVE-2024-42369](https://nvd.nist.gov/vuln/detail/CVE-2024-42369) / [GHSA-vhr5-g3pm-49fm](https://github.com/matrix-org/matrix-js-sdk/security/advisories/GHSA-vhr5-g3pm-49fm).
+
+Changes in [1.11.74](https://github.com/element-hq/element-desktop/releases/tag/v1.11.74) (2024-08-13)
+======================================================================================================
+## ✨ Features
+
+* Update unsupported browser react component to new designs ([#27857](https://github.com/element-hq/element-web/pull/27857)). Contributed by @t3chguy.
+* Invite dialog: display MXID on its own line ([#11756](https://github.com/matrix-org/matrix-react-sdk/pull/11756)). Contributed by @AndrewFerr.
+* Align RoomSummaryCard styles with Figma ([#12793](https://github.com/matrix-org/matrix-react-sdk/pull/12793)). Contributed by @t3chguy.
+* Extract Extensions into their own right panel tab ([#12844](https://github.com/matrix-org/matrix-react-sdk/pull/12844)). Contributed by @t3chguy.
+* Remove topic from new room header and expand right panel topic ([#12842](https://github.com/matrix-org/matrix-react-sdk/pull/12842)). Contributed by @t3chguy.
+* Rework how the onboarding notifications task works ([#12839](https://github.com/matrix-org/matrix-react-sdk/pull/12839)). Contributed by @t3chguy.
+* Update toast styles to match Figma ([#12833](https://github.com/matrix-org/matrix-react-sdk/pull/12833)). Contributed by @t3chguy.
+* Warn users on unsupported browsers before they lack features ([#12830](https://github.com/matrix-org/matrix-react-sdk/pull/12830)). Contributed by @t3chguy.
+* Add sign out button to settings profile section ([#12666](https://github.com/matrix-org/matrix-react-sdk/pull/12666)). Contributed by @dbkr.
+* Remove MatrixRTC realted import ES lint exceptions using a index.ts for matrixrtc ([#12780](https://github.com/matrix-org/matrix-react-sdk/pull/12780)). Contributed by @toger5.
+* Fix unwanted ringing of other devices even though the user is already connected to the call. ([#12742](https://github.com/matrix-org/matrix-react-sdk/pull/12742)). Contributed by @toger5.
+* Acknowledge `DeviceMute` widget actions ([#12790](https://github.com/matrix-org/matrix-react-sdk/pull/12790)). Contributed by @toger5.
+
+## 🐛 Bug Fixes
+
+* Update Element icons ([#27900](https://github.com/element-hq/element-web/pull/27900)). Contributed by @t3chguy.
+* Fix Jitsi by updating device mute updates over postMessage API ([#27858](https://github.com/element-hq/element-web/pull/27858)). Contributed by @t3chguy.
+* Fix formatting of rich text emotes ([#12862](https://github.com/matrix-org/matrix-react-sdk/pull/12862)). Contributed by @dbkr.
+* Fixed custom emotes background color #27745 ([#12798](https://github.com/matrix-org/matrix-react-sdk/pull/12798)). Contributed by @asimdelvi.
+* Ignore permalink\_prefix when serializing pills ([#11726](https://github.com/matrix-org/matrix-react-sdk/pull/11726)). Contributed by @herkulessi.
+* Deflake the chat export test ([#12854](https://github.com/matrix-org/matrix-react-sdk/pull/12854)). Contributed by @dbkr.
+* Fix alignment of RTL messages ([#12837](https://github.com/matrix-org/matrix-react-sdk/pull/12837)). Contributed by @dbkr.
+* Handle media download errors better ([#12848](https://github.com/matrix-org/matrix-react-sdk/pull/12848)). Contributed by @t3chguy.
+* Make micIcon display on primary ([#11908](https://github.com/matrix-org/matrix-react-sdk/pull/11908)). Contributed by @kdanielm.
+* Fix compound typography font component issues ([#12826](https://github.com/matrix-org/matrix-react-sdk/pull/12826)). Contributed by @t3chguy.
+* Allow Chrome page translator to translate messages in rooms ([#11113](https://github.com/matrix-org/matrix-react-sdk/pull/11113)). Contributed by @lukaszpolowczyk.
+
+
+
+Changes in [1.11.73](https://github.com/element-hq/element-desktop/releases/tag/v1.11.73) (2024-08-06)
+======================================================================================================
+Fixes for CVE-2024-42347 / GHSA-f83w-wqhc-cfp4
+
+
+
+Changes in [1.11.72](https://github.com/element-hq/element-desktop/releases/tag/v1.11.72) (2024-07-30)
+======================================================================================================
+## ✨ Features
+
+* Support authenticated media downloads in Desktop too ([#1757](https://github.com/element-hq/element-desktop/pull/1757)). Contributed by @turt2live.
+* Polyfill Intl.Segmenter for wider web browser compatibility ([#27803](https://github.com/element-hq/element-web/pull/27803)). Contributed by @dbkr.
+* Enable audio/webaudio Modernizr rule ([#27772](https://github.com/element-hq/element-web/pull/27772)). Contributed by @t3chguy.
+* Add release announcement for the new room header ([#12802](https://github.com/matrix-org/matrix-react-sdk/pull/12802)). Contributed by @MidhunSureshR.
+* Default the room header to on ([#12803](https://github.com/matrix-org/matrix-react-sdk/pull/12803)). Contributed by @MidhunSureshR.
+* Update Thread Panel to match latest designs ([#12797](https://github.com/matrix-org/matrix-react-sdk/pull/12797)). Contributed by @t3chguy.
+* Close any open modals on logout ([#12777](https://github.com/matrix-org/matrix-react-sdk/pull/12777)). Contributed by @dbkr.
+* Iterate design of right panel empty state ([#12796](https://github.com/matrix-org/matrix-react-sdk/pull/12796)). Contributed by @t3chguy.
+* Update styling of UserInfo right panel card ([#12788](https://github.com/matrix-org/matrix-react-sdk/pull/12788)). Contributed by @t3chguy.
+* Accessibility: Add Landmark navigation ([#12190](https://github.com/matrix-org/matrix-react-sdk/pull/12190)). Contributed by @akirk.
+* Let Element Call widget receive m.room.create ([#12710](https://github.com/matrix-org/matrix-react-sdk/pull/12710)). Contributed by @AndrewFerr.
+* Let Element Call widget set session memberships ([#12713](https://github.com/matrix-org/matrix-react-sdk/pull/12713)). Contributed by @AndrewFerr.
+* Update right panel base card styling to match Compound ([#12768](https://github.com/matrix-org/matrix-react-sdk/pull/12768)). Contributed by @t3chguy.
+* Align `widget_build_url_ignore_dm` with call behaviour switch between 1:1 and Widget ([#12760](https://github.com/matrix-org/matrix-react-sdk/pull/12760)). Contributed by @t3chguy.
+* Move integrations switch ([#12733](https://github.com/matrix-org/matrix-react-sdk/pull/12733)). Contributed by @dbkr.
+* Element-R: Report events with withheld keys separately to Posthog. ([#12755](https://github.com/matrix-org/matrix-react-sdk/pull/12755)). Contributed by @richvdh.
+
+## 🐛 Bug Fixes
+
+* Fix Docker tooling for building native components ([#1779](https://github.com/element-hq/element-desktop/pull/1779)). Contributed by @t3chguy.
+* Add a modernizr check for WebAssembly support ([#27776](https://github.com/element-hq/element-web/pull/27776)). Contributed by @dbkr.
+* Test for lack of WebAssembly support ([#12792](https://github.com/matrix-org/matrix-react-sdk/pull/12792)). Contributed by @dbkr.
+* Fix stray 'account' heading ([#12791](https://github.com/matrix-org/matrix-react-sdk/pull/12791)). Contributed by @dbkr.
+* Add test for the unsupported browser screen ([#12787](https://github.com/matrix-org/matrix-react-sdk/pull/12787)). Contributed by @dbkr.
+* Fix HTML export test ([#12778](https://github.com/matrix-org/matrix-react-sdk/pull/12778)). Contributed by @dbkr.
+* Fix HTML export missing a bunch of Compound variables ([#12774](https://github.com/matrix-org/matrix-react-sdk/pull/12774)). Contributed by @t3chguy.
+* Fix inability to change accent colour consistently in custom theming ([#12772](https://github.com/matrix-org/matrix-react-sdk/pull/12772)). Contributed by @t3chguy.
+* Fix edge case of landing on 3pid email link with registration disabled ([#12771](https://github.com/matrix-org/matrix-react-sdk/pull/12771)). Contributed by @t3chguy.
+
+
+
+Changes in [1.11.71](https://github.com/element-hq/element-desktop/releases/tag/v1.11.71) (2024-07-16)
+======================================================================================================
+## ✨ Features
+
+* Add Modernizr rule for Intl.Segmenter ([#27677](https://github.com/element-hq/element-web/pull/27677)). Contributed by @t3chguy.
+* Add tabs to the right panel ([#12672](https://github.com/matrix-org/matrix-react-sdk/pull/12672)). Contributed by @MidhunSureshR.
+* Promote new room header from labs to Beta ([#12739](https://github.com/matrix-org/matrix-react-sdk/pull/12739)). Contributed by @t3chguy.
+* Redesign room search interface ([#12677](https://github.com/matrix-org/matrix-react-sdk/pull/12677)). Contributed by @t3chguy.
+* Move language settings to 'preferences' ([#12723](https://github.com/matrix-org/matrix-react-sdk/pull/12723)). Contributed by @dbkr.
+* New layout selector ui in user settings ([#12676](https://github.com/matrix-org/matrix-react-sdk/pull/12676)). Contributed by @florianduros.
+* Prevent Element appearing in system media controls  ([#10995](https://github.com/matrix-org/matrix-react-sdk/pull/10995)). Contributed by @SuperKenVery.
+* Move the account management button ([#12663](https://github.com/matrix-org/matrix-react-sdk/pull/12663)). Contributed by @dbkr.
+* Disable profile controls if the HS doesn't allow them to be set ([#12652](https://github.com/matrix-org/matrix-react-sdk/pull/12652)). Contributed by @dbkr.
+* New theme ui in user settings ([#12576](https://github.com/matrix-org/matrix-react-sdk/pull/12576)). Contributed by @florianduros.
+* Adjust room header hover transition from 300ms to 200ms ([#12703](https://github.com/matrix-org/matrix-react-sdk/pull/12703)). Contributed by @t3chguy.
+* Split out email \& phone number settings to separate components \& move discovery to privacy tab ([#12670](https://github.com/matrix-org/matrix-react-sdk/pull/12670)). Contributed by @dbkr.
+
+## 🐛 Bug Fixes
+
+* Ensure we do not load matrix-react-sdk is a manner which can white-screen ([#27685](https://github.com/element-hq/element-web/pull/27685)). Contributed by @t3chguy.
+* Fix incoming call toast crash due to audio refactor ([#12737](https://github.com/matrix-org/matrix-react-sdk/pull/12737)). Contributed by @t3chguy.
+* Improve new room header accessibility ([#12725](https://github.com/matrix-org/matrix-react-sdk/pull/12725)). Contributed by @t3chguy.
+* Fix closing all modals ([#12728](https://github.com/matrix-org/matrix-react-sdk/pull/12728)). Contributed by @dbkr.
+* Fix close button on forgot password flow ([#12732](https://github.com/matrix-org/matrix-react-sdk/pull/12732)). Contributed by @dbkr.
+* Don't consider textual characters to be emoji ([#12582](https://github.com/matrix-org/matrix-react-sdk/pull/12582)). Contributed by @robintown.
+* Clear autocomplete input on selection accept ([#12709](https://github.com/matrix-org/matrix-react-sdk/pull/12709)). Contributed by @dbkr.
+* Fix `Match system theme` toggle ([#12719](https://github.com/matrix-org/matrix-react-sdk/pull/12719)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.70](https://github.com/element-hq/element-desktop/releases/tag/v1.11.70) (2024-07-08)
+======================================================================================================
+## ✨ Features
+
+* Tighten macOS entitlements ([#1731](https://github.com/element-hq/element-desktop/pull/1731)). Contributed by @t3chguy.
+* Add SSO redirect option for login page ([#27576](https://github.com/element-hq/element-web/pull/27576)). Contributed by @bartvdbraak.
+* Use stable endpoints for MSC3916 ([#27558](https://github.com/element-hq/element-web/pull/27558)). Contributed by @turt2live.
+* Switch to Rust crypto stack for all logins ([#12630](https://github.com/matrix-org/matrix-react-sdk/pull/12630)). Contributed by @richvdh.
+* Hide voip buttons in group rooms in environments with widgets disabled ([#12664](https://github.com/matrix-org/matrix-react-sdk/pull/12664)). Contributed by @t3chguy.
+* Minor tweaks to UserSettings dialog ([#12651](https://github.com/matrix-org/matrix-react-sdk/pull/12651)). Contributed by @florianduros.
+* Hide voice call button when redundant ([#12639](https://github.com/matrix-org/matrix-react-sdk/pull/12639)). Contributed by @t3chguy.
+* Improve accessibility of the room summary card ([#12586](https://github.com/matrix-org/matrix-react-sdk/pull/12586)). Contributed by @t3chguy.
+* Show tooltips on narrow tabbed views ([#12624](https://github.com/matrix-org/matrix-react-sdk/pull/12624)). Contributed by @dbkr.
+* Update gfm.css to github-markdown-css ([#12613](https://github.com/matrix-org/matrix-react-sdk/pull/12613)). Contributed by @t3chguy.
+* Cache e2eStatus to avoid concerning unencrypted flicker when changing rooms ([#12606](https://github.com/matrix-org/matrix-react-sdk/pull/12606)). Contributed by @t3chguy.
+* Tweak copy for user verification toast ([#12605](https://github.com/matrix-org/matrix-react-sdk/pull/12605)). Contributed by @t3chguy.
+* Support s tags for strikethrough for Matrix v1.10 ([#12604](https://github.com/matrix-org/matrix-react-sdk/pull/12604)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Switch debs to use the SQLCipher static version ([#1001](https://github.com/element-hq/element-desktop/pull/1001)). Contributed by @MatMaul.
+* Fix "Unable to restore session" error ([#4299](https://github.com/matrix-org/matrix-js-sdk/pull/4299)).
+* Fix error when sending encrypted messages in large rooms ([#4297](https://github.com/matrix-org/matrix-js-sdk/pull/4297)).
+* Remove redundant copy in deactive uia modal ([#12668](https://github.com/matrix-org/matrix-react-sdk/pull/12668)). Contributed by @t3chguy.
+* Fix high contrast theme in settings ([#12649](https://github.com/matrix-org/matrix-react-sdk/pull/12649)). Contributed by @florianduros.
+* Fix background on live location sharing footer ([#12629](https://github.com/matrix-org/matrix-react-sdk/pull/12629)). Contributed by @t3chguy.
+* Remove outdated iframe sandbox attribute ([#12633](https://github.com/matrix-org/matrix-react-sdk/pull/12633)). Contributed by @t3chguy.
+* Remove stray setState which caused encryption state shields to flicker ([#12632](https://github.com/matrix-org/matrix-react-sdk/pull/12632)). Contributed by @t3chguy.
+* Fix stray background colour on markdown body ([#12628](https://github.com/matrix-org/matrix-react-sdk/pull/12628)). Contributed by @t3chguy.
+* Fix widgets not being cleaned up correctly. ([#12616](https://github.com/matrix-org/matrix-react-sdk/pull/12616)). Contributed by @toger5.
+* Add in-progress view to display name EditInPlace ([#12609](https://github.com/matrix-org/matrix-react-sdk/pull/12609)). Contributed by @dbkr.
+* Fix config override of other settings levels ([#12593](https://github.com/matrix-org/matrix-react-sdk/pull/12593)). Contributed by @langleyd.
+* Don't show 'saved' on display name save error ([#12600](https://github.com/matrix-org/matrix-react-sdk/pull/12600)). Contributed by @dbkr.
+
+
+
+Changes in [1.11.69](https://github.com/element-hq/element-desktop/releases/tag/v1.11.69) (2024-06-18)
+======================================================================================================
+## ✨ Features
+
+* Change avatar setting component to use a menu ([#12585](https://github.com/matrix-org/matrix-react-sdk/pull/12585)). Contributed by @dbkr.
+* New user profile UI in User Settings ([#12548](https://github.com/matrix-org/matrix-react-sdk/pull/12548)). Contributed by @dbkr.
+* MSC4108 support OIDC QR code login ([#12370](https://github.com/matrix-org/matrix-react-sdk/pull/12370)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Fix image upload preview size ([#12612](https://github.com/matrix-org/matrix-react-sdk/pull/12612)). Contributed by @RiotRobot.
+* Fix screen sharing in recent Chrome (https://github.com/matrix-org/matrix-js-sdk/pull/4243).
+* Fix roving tab index crash `compareDocumentPosition` ([#12594](https://github.com/matrix-org/matrix-react-sdk/pull/12594)). Contributed by @t3chguy.
+* Keep dialog glass border on narrow screens ([#12591](https://github.com/matrix-org/matrix-react-sdk/pull/12591)). Contributed by @dbkr.
+* Add missing a11y label to dismiss onboarding button in room list ([#12587](https://github.com/matrix-org/matrix-react-sdk/pull/12587)). Contributed by @t3chguy.
+* Add hover / active state on avatar setting upload button ([#12590](https://github.com/matrix-org/matrix-react-sdk/pull/12590)). Contributed by @dbkr.
+* Fix EditInPlace button styles ([#12589](https://github.com/matrix-org/matrix-react-sdk/pull/12589)). Contributed by @dbkr.
+* Fix incorrect assumptions about required fields in /search response ([#12575](https://github.com/matrix-org/matrix-react-sdk/pull/12575)). Contributed by @t3chguy.
+* Fix display of no avatar in avatar setting controls ([#12558](https://github.com/matrix-org/matrix-react-sdk/pull/12558)). Contributed by @dbkr.
+* Element-R: pass pickleKey in as raw key for indexeddb encryption ([#12543](https://github.com/matrix-org/matrix-react-sdk/pull/12543)). Contributed by @richvdh.
+
+
+
+Changes in [1.11.68](https://github.com/element-hq/element-desktop/releases/tag/v1.11.68) (2024-06-04)
+======================================================================================================
+Updates to Electron 30
+
+## ✨ Features
+
+* Tooltip: Improve accessibility for  context menus ([#12462](https://github.com/matrix-org/matrix-react-sdk/pull/12462)). Contributed by @florianduros.
+* Tooltip: Improve accessibility of space panel ([#12525](https://github.com/matrix-org/matrix-react-sdk/pull/12525)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Close the release announcement when a dialog is opened ([#12559](https://github.com/matrix-org/matrix-react-sdk/pull/12559)). Contributed by @florianduros.
+* Tooltip: close field tooltip when ESC is pressed ([#12553](https://github.com/matrix-org/matrix-react-sdk/pull/12553)). Contributed by @florianduros.
+* Fix tabbedview breakpoint width ([#12556](https://github.com/matrix-org/matrix-react-sdk/pull/12556)). Contributed by @dbkr.
+* Fix E2E icon display in room header ([#12545](https://github.com/matrix-org/matrix-react-sdk/pull/12545)). Contributed by @florianduros.
+* Tooltip: Improve placement for space settings ([#12541](https://github.com/matrix-org/matrix-react-sdk/pull/12541)). Contributed by @florianduros.
+* Fix deformed avatar in a call in a narrow timeline ([#12538](https://github.com/matrix-org/matrix-react-sdk/pull/12538)). Contributed by @florianduros.
+* Shown own sent state indicator even when showReadReceipts is disabled ([#12540](https://github.com/matrix-org/matrix-react-sdk/pull/12540)). Contributed by @t3chguy.
+* Ensure we do not fire the verification mismatch modal multiple times ([#12526](https://github.com/matrix-org/matrix-react-sdk/pull/12526)). Contributed by @t3chguy.
+* Fix avatar in chat export ([#12537](https://github.com/matrix-org/matrix-react-sdk/pull/12537)). Contributed by @florianduros.
+* Use `*` for italics as it doesn't break when used mid-word ([#12523](https://github.com/matrix-org/matrix-react-sdk/pull/12523)). Contributed by @t3chguy.
+
+
+
+Changes in [1.11.67](https://github.com/element-hq/element-desktop/releases/tag/v1.11.67) (2024-05-22)
+======================================================================================================
+## ✨ Features
+
+* Tooltip: Improve the accessibility of the composer and the rich text editor ([#12459](https://github.com/matrix-org/matrix-react-sdk/pull/12459)). Contributed by @florianduros.
+* Allow explicit configuration of OIDC dynamic registration metadata ([#12514](https://github.com/matrix-org/matrix-react-sdk/pull/12514)). Contributed by @t3chguy.
+* Tooltip: improve accessibility for messages ([#12487](https://github.com/matrix-org/matrix-react-sdk/pull/12487)). Contributed by @florianduros.
+* Collapse UserSettings tabs to just icons on narrow screens ([#12505](https://github.com/matrix-org/matrix-react-sdk/pull/12505)). Contributed by @dbkr.
+* Add room topic to right panel room info ([#12503](https://github.com/matrix-org/matrix-react-sdk/pull/12503)). Contributed by @t3chguy.
+* OIDC: pass `id_token` via `id_token_hint` on Manage Account interaction ([#12499](https://github.com/matrix-org/matrix-react-sdk/pull/12499)). Contributed by @t3chguy.
+* Tooltip: improve accessibility in room ([#12493](https://github.com/matrix-org/matrix-react-sdk/pull/12493)). Contributed by @florianduros.
+* Tooltip: improve accessibility for call and voice messages ([#12489](https://github.com/matrix-org/matrix-react-sdk/pull/12489)). Contributed by @florianduros.
+* Move the active tab in user settings to the dialog title ([#12481](https://github.com/matrix-org/matrix-react-sdk/pull/12481)). Contributed by @dbkr.
+* Tooltip: improve accessibility of spaces ([#12497](https://github.com/matrix-org/matrix-react-sdk/pull/12497)). Contributed by @florianduros.
+* Tooltip: improve accessibility of the right panel ([#12490](https://github.com/matrix-org/matrix-react-sdk/pull/12490)). Contributed by @florianduros.
+* MSC3575 (Sliding Sync) add well-known proxy support ([#12307](https://github.com/matrix-org/matrix-react-sdk/pull/12307)). Contributed by @EdGeraghty.
+
+## 🐛 Bug Fixes
+
+* Reuse single PlaybackWorker between Playback instances ([#12520](https://github.com/matrix-org/matrix-react-sdk/pull/12520)). Contributed by @t3chguy.
+* Fix well-known lookup for sliding sync labs check ([#12519](https://github.com/matrix-org/matrix-react-sdk/pull/12519)). Contributed by @t3chguy.
+* Fix `element-desktop-ssoid being` included in OIDC Authorization call ([#12495](https://github.com/matrix-org/matrix-react-sdk/pull/12495)). Contributed by @t3chguy.
+* Fix beta notifications reconciliation for intentional mentions push rules ([#12510](https://github.com/matrix-org/matrix-react-sdk/pull/12510)). Contributed by @t3chguy.
+* fix avatar stretched on 1:1 call ([#12494](https://github.com/matrix-org/matrix-react-sdk/pull/12494)). Contributed by @I-lander.
+* Check native sliding sync support against an unstable feature flag ([#12498](https://github.com/matrix-org/matrix-react-sdk/pull/12498)). Contributed by @turt2live.
+* Use OPTIONS for sliding sync detection poke ([#12492](https://github.com/matrix-org/matrix-react-sdk/pull/12492)). Contributed by @turt2live.
+* TAC: hide tooltip when the release announcement is displayed ([#12472](https://github.com/matrix-org/matrix-react-sdk/pull/12472)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.66](https://github.com/element-hq/element-desktop/releases/tag/v1.11.66) (2024-05-07)
+======================================================================================================
+## ✨ Features
+
+* Use a different error message for UTDs when you weren't in the room. ([#12453](https://github.com/matrix-org/matrix-react-sdk/pull/12453)). Contributed by @uhoreg.
+* Take the Threads Activity Centre out of labs ([#12439](https://github.com/matrix-org/matrix-react-sdk/pull/12439)). Contributed by @dbkr.
+* Expected UTDs: use a different message for UTDs sent before login ([#12391](https://github.com/matrix-org/matrix-react-sdk/pull/12391)). Contributed by @richvdh.
+* Add `Tooltip` to `AccessibleButton` ([#12443](https://github.com/matrix-org/matrix-react-sdk/pull/12443)). Contributed by @florianduros.
+* Add analytics to activity toggles ([#12418](https://github.com/matrix-org/matrix-react-sdk/pull/12418)). Contributed by @dbkr.
+* Decrypt events in reverse order without copying the array ([#12445](https://github.com/matrix-org/matrix-react-sdk/pull/12445)). Contributed by @Johennes.
+* Use new compound tooltip ([#12416](https://github.com/matrix-org/matrix-react-sdk/pull/12416)). Contributed by @florianduros.
+* Expected UTDs: report a different Posthog code ([#12389](https://github.com/matrix-org/matrix-react-sdk/pull/12389)). Contributed by @richvdh.
+
+## 🐛 Bug Fixes
+
+* TAC: Fix accessibility issue when the Release announcement is displayed ([#12484](https://github.com/matrix-org/matrix-react-sdk/pull/12484)). Contributed by @RiotRobot.
+* TAC: Close Release Announcement when TAC button is clicked ([#12485](https://github.com/matrix-org/matrix-react-sdk/pull/12485)). Contributed by @florianduros.
+* MenuItem: fix caption usage ([#12455](https://github.com/matrix-org/matrix-react-sdk/pull/12455)). Contributed by @florianduros.
+* Show the local echo in previews ([#12451](https://github.com/matrix-org/matrix-react-sdk/pull/12451)). Contributed by @langleyd.
+* Fixed the drag and drop of X #27186 ([#12450](https://github.com/matrix-org/matrix-react-sdk/pull/12450)). Contributed by @asimdelvi.
+* Move the TAC to above the button ([#12438](https://github.com/matrix-org/matrix-react-sdk/pull/12438)). Contributed by @dbkr.
+* Use the same logic in previews as the timeline to hide events that should be hidden ([#12434](https://github.com/matrix-org/matrix-react-sdk/pull/12434)). Contributed by @langleyd.
+* Fix selector so maths support doesn't mangle divs ([#12433](https://github.com/matrix-org/matrix-react-sdk/pull/12433)). Contributed by @uhoreg.
+
+
+
+Changes in [1.11.65](https://github.com/element-hq/element-desktop/releases/tag/v1.11.65) (2024-04-23)
+======================================================================================================
+## ✨ Features
+
+* Make empty state copy for TAC depend on the value of the setting ([#12419](https://github.com/matrix-org/matrix-react-sdk/pull/12419)). Contributed by @dbkr.
+* Linkify User Interactive Authentication errors ([#12271](https://github.com/matrix-org/matrix-react-sdk/pull/12271)). Contributed by @t3chguy.
+* Add support for device dehydration v2 ([#12316](https://github.com/matrix-org/matrix-react-sdk/pull/12316)). Contributed by @uhoreg.
+* Replace `SecurityCustomisations` with `CryptoSetupExtension` ([#12342](https://github.com/matrix-org/matrix-react-sdk/pull/12342)). Contributed by @thoraj.
+* Add activity toggle for TAC ([#12413](https://github.com/matrix-org/matrix-react-sdk/pull/12413)). Contributed by @dbkr.
+* Humanize spell check language labels ([#12409](https://github.com/matrix-org/matrix-react-sdk/pull/12409)). Contributed by @t3chguy.
+* Call Guest Access, give user the option to change the acces level so they can generate a call link. ([#12401](https://github.com/matrix-org/matrix-react-sdk/pull/12401)). Contributed by @toger5.
+* TAC: Release Announcement ([#12380](https://github.com/matrix-org/matrix-react-sdk/pull/12380)). Contributed by @florianduros.
+* Show the call and share button if the user can create a guest link. ([#12385](https://github.com/matrix-org/matrix-react-sdk/pull/12385)). Contributed by @toger5.
+* Add analytics for mark all threads unread ([#12384](https://github.com/matrix-org/matrix-react-sdk/pull/12384)). Contributed by @dbkr.
+* Add `EventType.RoomEncryption` to the auto approve capabilities of Element Call widgets ([#12386](https://github.com/matrix-org/matrix-react-sdk/pull/12386)). Contributed by @toger5.
+
+## 🐛 Bug Fixes
+
+* Fix link modal not shown after access upgrade ([#12411](https://github.com/matrix-org/matrix-react-sdk/pull/12411)). Contributed by @toger5.
+* Fix thread navigation in timeline ([#12412](https://github.com/matrix-org/matrix-react-sdk/pull/12412)). Contributed by @florianduros.
+* Fix inability to join a `knock` room via space hierarchy view ([#12404](https://github.com/matrix-org/matrix-react-sdk/pull/12404)). Contributed by @t3chguy.
+* Focus the thread panel when clicking on an item in the TAC ([#12410](https://github.com/matrix-org/matrix-react-sdk/pull/12410)). Contributed by @dbkr.
+* Fix space hierarchy tile busy state being stuck after join error ([#12405](https://github.com/matrix-org/matrix-react-sdk/pull/12405)). Contributed by @t3chguy.
+* Fix room topic in-app links not being handled correctly on topic dialog ([#12406](https://github.com/matrix-org/matrix-react-sdk/pull/12406)). Contributed by @t3chguy.
+
+
+
+Changes in [1.11.64](https://github.com/element-hq/element-desktop/releases/tag/v1.11.64) (2024-04-09)
+======================================================================================================
+## ✨ Features
+
+* Mark all threads as read button ([#12378](https://github.com/matrix-org/matrix-react-sdk/pull/12378)). Contributed by @dbkr.
+* Video call meta space ([#12297](https://github.com/matrix-org/matrix-react-sdk/pull/12297)). Contributed by @toger5.
+* Add leave room warning for last admin ([#9452](https://github.com/matrix-org/matrix-react-sdk/pull/9452)). Contributed by @Arnei.
+* Iterate styles around Link new device via QR ([#12356](https://github.com/matrix-org/matrix-react-sdk/pull/12356)). Contributed by @t3chguy.
+* Improve code-splitting of highlight.js and maplibre-gs libs ([#12349](https://github.com/matrix-org/matrix-react-sdk/pull/12349)). Contributed by @t3chguy.
+* Use data-mx-color for rainbows ([#12325](https://github.com/matrix-org/matrix-react-sdk/pull/12325)). Contributed by @tulir.
+
+## 🐛 Bug Fixes
+
+* Fix external guest access url for unencrypted rooms ([#12345](https://github.com/matrix-org/matrix-react-sdk/pull/12345)). Contributed by @toger5.
+* Fix video rooms not showing share link button ([#12374](https://github.com/matrix-org/matrix-react-sdk/pull/12374)). Contributed by @toger5.
+* Fix space topic jumping on hover/focus ([#12377](https://github.com/matrix-org/matrix-react-sdk/pull/12377)). Contributed by @t3chguy.
+* Allow popping out a Jitsi widget to respect Desktop `web_base_url` config ([#12376](https://github.com/matrix-org/matrix-react-sdk/pull/12376)). Contributed by @t3chguy.
+* Remove the Lazy Loading `InvalidStoreError` Dialogs ([#12358](https://github.com/matrix-org/matrix-react-sdk/pull/12358)). Contributed by @langleyd.
+* Improve readability of badges and pills ([#12360](https://github.com/matrix-org/matrix-react-sdk/pull/12360)). Contributed by @robintown.
+
+
+
+Changes in [1.11.63](https://github.com/element-hq/element-desktop/releases/tag/v1.11.63) (2024-03-28)
+======================================================================================================
+This is a hotfix release to fix a couple of issues: one where the client would sometimes call the client/server API to set a push rule in a loop, and one where authentication was not sent for widgets when it should have been.
+
+## 🐛 Bug Fixes
+
+* Revert "Make EC widget theme reactive - Update widget url when the theme changes" ([#12383](https://github.com/matrix-org/matrix-react-sdk/pull/12383)) in order to fix widgets that require authentication.
+* Update to hotfixed js-sdk to fix an issue where Element could try to set a push rule in a loop.
+
+Changes in [1.11.62](https://github.com/element-hq/element-desktop/releases/tag/v1.11.62) (2024-03-26)
+======================================================================================================
+## ✨ Features
+
+* Change user permission by using a new apply button ([#12346](https://github.com/matrix-org/matrix-react-sdk/pull/12346)). Contributed by @florianduros.
+* Mark as Unread ([#12254](https://github.com/matrix-org/matrix-react-sdk/pull/12254)). Contributed by @dbkr.
+* Refine the colors of some more components ([#12343](https://github.com/matrix-org/matrix-react-sdk/pull/12343)). Contributed by @robintown.
+* TAC: Order rooms by most recent after notification level ([#12329](https://github.com/matrix-org/matrix-react-sdk/pull/12329)). Contributed by @florianduros.
+* Make EC widget theme reactive - Update widget url when the theme changes ([#12295](https://github.com/matrix-org/matrix-react-sdk/pull/12295)). Contributed by @toger5.
+* Refine styles of menus, toasts, popovers, and modals ([#12332](https://github.com/matrix-org/matrix-react-sdk/pull/12332)). Contributed by @robintown.
+* Element Call: fix widget shown while its still loading (`waitForIframeLoad=false`) ([#12292](https://github.com/matrix-org/matrix-react-sdk/pull/12292)). Contributed by @toger5.
+* Improve Forward Dialog a11y by switching to roving tab index interactions ([#12306](https://github.com/matrix-org/matrix-react-sdk/pull/12306)). Contributed by @t3chguy.
+* Call guest access link creation to join calls as a non registered user via the EC SPA ([#12259](https://github.com/matrix-org/matrix-react-sdk/pull/12259)). Contributed by @toger5.
+* Use `strong` element to semantically denote visually emphasised content ([#12320](https://github.com/matrix-org/matrix-react-sdk/pull/12320)). Contributed by @t3chguy.
+* Handle up/down arrow keys as well as left/right for horizontal toolbars for improved a11y ([#12305](https://github.com/matrix-org/matrix-react-sdk/pull/12305)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Remove the glass border from modal spinners ([#12369](https://github.com/matrix-org/matrix-react-sdk/pull/12369)). Contributed by @RiotRobot.
+* Fix incorrect check for private read receipt support ([#12348](https://github.com/matrix-org/matrix-react-sdk/pull/12348)). Contributed by @tulir.
+* TAC: Fix hover state when expanded ([#12337](https://github.com/matrix-org/matrix-react-sdk/pull/12337)). Contributed by @florianduros.
+* Fix the image view ([#12341](https://github.com/matrix-org/matrix-react-sdk/pull/12341)). Contributed by @robintown.
+* Use correct push rule to evaluate room-wide mentions ([#12318](https://github.com/matrix-org/matrix-react-sdk/pull/12318)). Contributed by @t3chguy.
+* Reset power selector on API failure to prevent state mismatch ([#12319](https://github.com/matrix-org/matrix-react-sdk/pull/12319)). Contributed by @t3chguy.
+* Fix spotlight opening in TAC ([#12315](https://github.com/matrix-org/matrix-react-sdk/pull/12315)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.61](https://github.com/element-hq/element-desktop/releases/tag/v1.11.61) (2024-03-14)
+======================================================================================================
+* No changes
+
+## 🐛 Bug Fixes
+
+* Update `@vector-im/compound-design-tokens` in package.json ([#12340](https://github.com/matrix-org/matrix-react-sdk/pull/12340)).
+
+
+
+Changes in [1.11.60](https://github.com/element-hq/element-desktop/releases/tag/v1.11.60) (2024-03-12)
+======================================================================================================
+## ✨ Features
+
+* Refine styles of controls to match Compound ([#12299](https://github.com/matrix-org/matrix-react-sdk/pull/12299)). Contributed by @robintown.
+* Hide the archived section ([#12286](https://github.com/matrix-org/matrix-react-sdk/pull/12286)). Contributed by @dbkr.
+* Add theme data to EC widget Url ([#12279](https://github.com/matrix-org/matrix-react-sdk/pull/12279)). Contributed by @toger5.
+* Update MSC2965 OIDC Discovery implementation ([#12245](https://github.com/matrix-org/matrix-react-sdk/pull/12245)). Contributed by @t3chguy.
+* Use green dot for activity notification in `LegacyRoomHeader` ([#12270](https://github.com/matrix-org/matrix-react-sdk/pull/12270)). Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+
+* Fix requests for senders to submit auto-rageshakes ([#12304](https://github.com/matrix-org/matrix-react-sdk/pull/12304)). Contributed by @richvdh.
+* fix automatic DM avatar with functional members ([#12157](https://github.com/matrix-org/matrix-react-sdk/pull/12157)). Contributed by @HarHarLinks.
+* Feeds event with relation to unknown to the widget ([#12283](https://github.com/matrix-org/matrix-react-sdk/pull/12283)). Contributed by @maheichyk.
+* Fix TAC opening with keyboard ([#12285](https://github.com/matrix-org/matrix-react-sdk/pull/12285)). Contributed by @florianduros.
+* Allow screenshot update docker to run multiple test files ([#12291](https://github.com/matrix-org/matrix-react-sdk/pull/12291)). Contributed by @dbkr.
+* Fix alignment of user menu avatar ([#12289](https://github.com/matrix-org/matrix-react-sdk/pull/12289)). Contributed by @dbkr.
+* Fix buttons of widget in a room ([#12288](https://github.com/matrix-org/matrix-react-sdk/pull/12288)). Contributed by @florianduros.
+* ModuleAPI: `overwrite_login` action was not stopping the existing client resulting in the action failing with rust-sdk ([#12272](https://github.com/matrix-org/matrix-react-sdk/pull/12272)). Contributed by @BillCarsonFr.
+
+
+
+Changes in [1.11.59](https://github.com/element-hq/element-desktop/releases/tag/v1.11.59) (2024-02-27)
+======================================================================================================
+## 🦖 Deprecations
+
+* Enable custom themes to theme Compound ([#12240](https://github.com/matrix-org/matrix-react-sdk/pull/12240)). Contributed by @robintown.
+* Remove welcome bot `welcome_user_id` support ([#12153](https://github.com/matrix-org/matrix-react-sdk/pull/12153)). Contributed by @t3chguy.
+
+## ✨ Features
+
+* Ignore activity in TAC ([#12269](https://github.com/matrix-org/matrix-react-sdk/pull/12269)). Contributed by @florianduros.
+* Use browser's font size instead of hardcoded `16px` as root font size ([#12246](https://github.com/matrix-org/matrix-react-sdk/pull/12246)). Contributed by @florianduros.
+* Revert "Use Compound primary colors for most actions" ([#12264](https://github.com/matrix-org/matrix-react-sdk/pull/12264)). Contributed by @florianduros.
+* Revert "Refine menu, toast, and popover colors" ([#12263](https://github.com/matrix-org/matrix-react-sdk/pull/12263)). Contributed by @florianduros.
+* Fix Native OIDC for Element Desktop ([#12253](https://github.com/matrix-org/matrix-react-sdk/pull/12253)). Contributed by @t3chguy.
+* Improve client metadata used for OIDC dynamic registration ([#12257](https://github.com/matrix-org/matrix-react-sdk/pull/12257)). Contributed by @t3chguy.
+* Refine menu, toast, and popover colors ([#12247](https://github.com/matrix-org/matrix-react-sdk/pull/12247)). Contributed by @robintown.
+* Call the AsJson forms of import and exportRoomKeys ([#12233](https://github.com/matrix-org/matrix-react-sdk/pull/12233)). Contributed by @andybalaam.
+* Use Compound primary colors for most actions ([#12241](https://github.com/matrix-org/matrix-react-sdk/pull/12241)). Contributed by @robintown.
+* Enable redirected media by default ([#12142](https://github.com/matrix-org/matrix-react-sdk/pull/12142)). Contributed by @turt2live.
+* Reduce TAC width by `16px` ([#12239](https://github.com/matrix-org/matrix-react-sdk/pull/12239)). Contributed by @florianduros.
+* Pop out of Threads Activity Centre ([#12136](https://github.com/matrix-org/matrix-react-sdk/pull/12136)). Contributed by @florianduros.
+* Use new semantic tokens for username colors ([#12209](https://github.com/matrix-org/matrix-react-sdk/pull/12209)). Contributed by @robintown.
+
+## 🐛 Bug Fixes
+
+* Fix the space panel getting bigger when gaining a scroll bar ([#12267](https://github.com/matrix-org/matrix-react-sdk/pull/12267)). Contributed by @dbkr.
+* Fix gradients spacings on the space panel ([#12262](https://github.com/matrix-org/matrix-react-sdk/pull/12262)). Contributed by @dbkr.
+* Remove hardcoded `Element` in tac labs description ([#12266](https://github.com/matrix-org/matrix-react-sdk/pull/12266)). Contributed by @florianduros.
+* Fix branding in "migrating crypto" message ([#12265](https://github.com/matrix-org/matrix-react-sdk/pull/12265)). Contributed by @richvdh.
+* Use h1 as first heading in dialogs ([#12250](https://github.com/matrix-org/matrix-react-sdk/pull/12250)). Contributed by @dbkr.
+* Fix forced lowercase username in login/registration flows ([#9329](https://github.com/matrix-org/matrix-react-sdk/pull/9329)). Contributed by @vrifox.
+* Update the TAC indicator on event decryption ([#12243](https://github.com/matrix-org/matrix-react-sdk/pull/12243)). Contributed by @dbkr.
+* Fix OIDC delegated auth account url check ([#12242](https://github.com/matrix-org/matrix-react-sdk/pull/12242)). Contributed by @t3chguy.
+* New Header edgecase fixes: Close lobby button not shown, disable join button in various places, more... ([#12235](https://github.com/matrix-org/matrix-react-sdk/pull/12235)). Contributed by @toger5.
+* Fix TAC button alignment when expanded ([#12238](https://github.com/matrix-org/matrix-react-sdk/pull/12238)). Contributed by @florianduros.
+* Fix tooltip behaviour in TAC ([#12236](https://github.com/matrix-org/matrix-react-sdk/pull/12236)). Contributed by @florianduros.
+
+
+
+Changes in [1.11.58](https://github.com/element-hq/element-desktop/releases/tag/v1.11.58) (2024-02-13)
+======================================================================================================
+* 🦀  🔒 **The flag to enable the Rust crypto implementation is now set to `true` by default. This means that without any additional configuration every new login will use the new cryptography implementation.**
+* Add Element call related functionality to new room header ([#12091](https://github.com/matrix-org/matrix-react-sdk/pull/12091)). Contributed by @toger5.
+* Add labs flag for Threads Activity Centre ([#12137](https://github.com/matrix-org/matrix-react-sdk/pull/12137)). Contributed by @florianduros.
+* Refactor element call lobby + skip lobby ([#12057](https://github.com/matrix-org/matrix-react-sdk/pull/12057)). Contributed by @toger5.
+* Hide the "Message" button in the sidebar if the CreateRooms components should not be shown ([#9271](https://github.com/matrix-org/matrix-react-sdk/pull/9271)). Contributed by @dhenneke.
+* Add notification dots to thread summary icons ([#12146](https://github.com/matrix-org/matrix-react-sdk/pull/12146)). Contributed by @dbkr.
+
+## 🐛 Bug Fixes
+
+* Fix logout can take ages ([#12191](https://github.com/matrix-org/matrix-react-sdk/pull/12191)). Contributed by @BillCarsonFr.
+* Fix `Mark all as read` in settings ([#12205](https://github.com/matrix-org/matrix-react-sdk/pull/12205)). Contributed by @florianduros.
+* Fix default thread notification of the new RoomHeader ([#12194](https://github.com/matrix-org/matrix-react-sdk/pull/12194)). Contributed by @florianduros.
+* Fix display of room notification debug info ([#12183](https://github.com/matrix-org/matrix-react-sdk/pull/12183)). Contributed by @dbkr.
+
+Changes in [1.11.57](https://github.com/element-hq/element-desktop/releases/tag/v1.11.57) (2024-01-31)
+======================================================================================================
+## 🦖 Deprecations
+
+* Deprecate welcome bot `welcome_user_id` support ([#26885](https://github.com/element-hq/element-web/pull/26885)). Contributed by @t3chguy.
+
+## 🦖 Deprecations
+
+* Deprecate welcome bot `welcome_user_id` support ([#26885](https://github.com/element-hq/element-web/pull/26885)). Contributed by @t3chguy.
+
+## ✨ Features
+
+* Use jitsi-lobby in video channel (video rooms) ([#26879](https://github.com/element-hq/element-web/pull/26879)). Contributed by @toger5.
+## 🐛 Bug Fixes
+
+* Fix OIDC bugs due to amnesiac stores forgetting OIDC issuer \& other data ([#12166](https://github.com/matrix-org/matrix-react-sdk/pull/12166)). Contributed by @t3chguy.
+* Fix account management link for delegated auth OIDC setups ([#12144](https://github.com/matrix-org/matrix-react-sdk/pull/12144)). Contributed by @t3chguy.
+* Fix Safari IME support ([#11016](https://github.com/matrix-org/matrix-react-sdk/pull/11016)). Contributed by @SuperKenVery.
+* Fix Stickerpicker layout crossing multiple CSS stacking contexts ([#12127](https://github.com/matrix-org/matrix-react-sdk/pull/12127)).
+* Fix Stickerpicker layout crossing multiple CSS stacking contexts ([#12126](https://github.com/matrix-org/matrix-react-sdk/pull/12126)). Contributed by @t3chguy.
+* Fix 1F97A and 1F979 in Twemoji COLR font ([#12177](https://github.com/matrix-org/matrix-react-sdk/pull/12177)).
+## ✨ Features
+
+* Use jitsi-lobby in video channel (video rooms) ([#26879](https://github.com/element-hq/element-web/pull/26879)). Contributed by @toger5.
+## 🐛 Bug Fixes
+* Fix OIDC bugs due to amnesiac stores forgetting OIDC issuer \& other data ([#12166](https://github.com/matrix-org/matrix-react-sdk/pull/12166)). Contributed by @t3chguy.
+* Fix account management link for delegated auth OIDC setups ([#12144](https://github.com/matrix-org/matrix-react-sdk/pull/12144)). Contributed by @t3chguy.
+* Fix Safari IME support ([#11016](https://github.com/matrix-org/matrix-react-sdk/pull/11016)). Contributed by @SuperKenVery.
+* Fix Stickerpicker layout crossing multiple CSS stacking contexts ([#12127](https://github.com/matrix-org/matrix-react-sdk/pull/12127)).
+* Fix Stickerpicker layout crossing multiple CSS stacking contexts ([#12126](https://github.com/matrix-org/matrix-react-sdk/pull/12126)). Contributed by @t3chguy.
+* Fix 1F97A and 1F979 in Twemoji COLR font ([#12177](https://github.com/matrix-org/matrix-react-sdk/pull/12177)).
+
+
+
+Changes in [1.11.54](https://github.com/element-hq/element-desktop/releases/tag/v1.11.54) (2024-01-16)
+======================================================================================================
+## 🔧 Security
+
+* Burn Node-related Electron fuses as a proactive hardening measure ([#1412](https://github.com/element-hq/element-desktop/pull/1412)). Contributed by @t3chguy.
+
+
+## ✨ Features
+* Accessibility improvements around aria-labels and tooltips ([#12062](https://github.com/matrix-org/matrix-react-sdk/pull/12062)). Contributed by @t3chguy.
+* Add RoomKnocksBar to RoomHeader ([#12077](https://github.com/matrix-org/matrix-react-sdk/pull/12077)). Contributed by @charlynguyen.
+* Adjust tooltip side for DecoratedRoomAvatar to not obscure room name ([#12079](https://github.com/matrix-org/matrix-react-sdk/pull/12079)). Contributed by @t3chguy.
+* Iterate landmarks around the app in order to improve a11y ([#12064](https://github.com/matrix-org/matrix-react-sdk/pull/12064)). Contributed by @t3chguy.
+* Update element call embedding UI ([#12056](https://github.com/matrix-org/matrix-react-sdk/pull/12056)). Contributed by @toger5.
+* Use Compound tooltips instead of homegrown in TextWithTooltip \& InfoTooltip ([#12052](https://github.com/matrix-org/matrix-react-sdk/pull/12052)). Contributed by @t3chguy.
+## 🐛 Bug Fixes
+* Fix regression around CSS stacking contexts and PIP widgets ([#12094](https://github.com/matrix-org/matrix-react-sdk/pull/12094)). Contributed by @t3chguy.
+* Fix Identity Server terms accepting not working as expected ([#12109](https://github.com/matrix-org/matrix-react-sdk/pull/12109)). Contributed by @t3chguy.
+* fix: microphone and camera dropdown doesn't work In legacy call ([#12105](https://github.com/matrix-org/matrix-react-sdk/pull/12105)). Contributed by @muratersin.
+* Revert "Set up key backup using non-deprecated APIs (#12005)" ([#12102](https://github.com/matrix-org/matrix-react-sdk/pull/12102)). Contributed by @BillCarsonFr.
+* Fix regression around read receipt animation from refs changes ([#12100](https://github.com/matrix-org/matrix-react-sdk/pull/12100)). Contributed by @t3chguy.
+* Added meaning full error message based on platform ([#12074](https://github.com/matrix-org/matrix-react-sdk/pull/12074)). Contributed by @Pankaj-SinghR.
+* Fix editing event from search room view ([#11992](https://github.com/matrix-org/matrix-react-sdk/pull/11992)). Contributed by @t3chguy.
+* Fix timeline position when moving to a room and coming back ([#12055](https://github.com/matrix-org/matrix-react-sdk/pull/12055)). Contributed by @florianduros.
+* Fix threaded reply playwright tests ([#12070](https://github.com/matrix-org/matrix-react-sdk/pull/12070)). Contributed by @dbkr.
+* Element-R: fix repeated requests to enter 4S key during cross-signing reset ([#12059](https://github.com/matrix-org/matrix-react-sdk/pull/12059)). Contributed by @richvdh.
+* Fix position of thumbnail in room timeline ([#12016](https://github.com/matrix-org/matrix-react-sdk/pull/12016)). Contributed by @anoopw3bdev.
+
+
+Changes in [1.11.53](https://github.com/element-hq/element-desktop/releases/tag/v1.11.53) (2024-01-04)
+======================================================================================================
+
+## 🐛 Bug Fixes
+* Fix a fresh login creating a new key backup ([#12106](https://github.com/matrix-org/matrix-react-sdk/pull/12106)).
+
+
+Changes in [1.11.52](https://github.com/element-hq/element-desktop/releases/tag/v1.11.52) (2023-12-19)
+======================================================================================================
+
+
+## ✨ Features
+* Keep more recent rageshake logs ([#12003](https://github.com/matrix-org/matrix-react-sdk/pull/12003)). Contributed by @richvdh.
+## 🐛 Bug Fixes
+* Fix bug which prevented correct clean up of rageshake store ([#12002](https://github.com/matrix-org/matrix-react-sdk/pull/12002)). Contributed by @richvdh.
+* Set up key backup using non-deprecated APIs ([#12005](https://github.com/matrix-org/matrix-react-sdk/pull/12005)). Contributed by @andybalaam.
+* Fix notifications appearing for old events ([#3946](https://github.com/matrix-org/matrix-js-sdk/pull/3946)). Contributed by @dbkr.
+* Prevent phantom notifications from events not in a room's timeline ([#3942](https://github.com/matrix-org/matrix-js-sdk/pull/3942)). Contributed by @dbkr.
+
+
+Changes in [1.11.51](https://github.com/vector-im/element-desktop/releases/tag/v1.11.51) (2023-12-05)
+=====================================================================================================
+
+
+## 🦖 Deprecations
+* Remove Quote from MessageContextMenu as it is unsupported by WYSIWYG ([#11914](https://github.com/matrix-org/matrix-react-sdk/pull/11914)). Contributed by @t3chguy.
+## ✨ Features
+* Always allow call.member events on new rooms ([#11948](https://github.com/matrix-org/matrix-react-sdk/pull/11948)). Contributed by @toger5.
+* Right panel: view third party invite info without clearing history ([#11934](https://github.com/matrix-org/matrix-react-sdk/pull/11934)). Contributed by @kerryarchibald.
+* Allow switching to system emoji font ([#11925](https://github.com/matrix-org/matrix-react-sdk/pull/11925)). Contributed by @t3chguy.
+* Update open in other tab message ([#11916](https://github.com/matrix-org/matrix-react-sdk/pull/11916)). Contributed by @weeman1337.
+* Add menu for legacy and element call in 1:1 rooms ([#11910](https://github.com/matrix-org/matrix-react-sdk/pull/11910)). Contributed by @toger5.
+* Add ringing for matrixRTC ([#11870](https://github.com/matrix-org/matrix-react-sdk/pull/11870)). Contributed by @toger5.
+## 🐛 Bug Fixes
+* Keep device language when it has been previosuly set, after a successful delegated authentication flow that clears localStorage ([#11902](https://github.com/matrix-org/matrix-react-sdk/pull/11902)). Contributed by @mgcm.
+* Fix misunderstanding of functional members ([#11918](https://github.com/matrix-org/matrix-react-sdk/pull/11918)). Contributed by @toger5.
+* Fix: Video Room Chat Header Button Removed ([#11911](https://github.com/matrix-org/matrix-react-sdk/pull/11911)). Contributed by @kerryarchibald.
+* Fix "not attempting encryption" warning ([#11899](https://github.com/matrix-org/matrix-react-sdk/pull/11899)). Contributed by @richvdh.
+
+
+Changes in [1.11.50](https://github.com/vector-im/element-desktop/releases/tag/v1.11.50) (2023-11-21)
+=====================================================================================================
+
+## ✨ Features
+
+* Ship element-web as a debian package ([#26533](https://github.com/vector-im/element-web/pull/26533)). Contributed by @t3chguy.
+* Update room summary card header ([#11823](https://github.com/matrix-org/matrix-react-sdk/pull/11823)). Contributed by @germain-gg.
+* Add feature flag for disabling encryption in Element Call ([#11837](https://github.com/matrix-org/matrix-react-sdk/pull/11837)). Contributed by @toger5.
+* Adapt the rendering of extra icons in the room header ([#11835](https://github.com/matrix-org/matrix-react-sdk/pull/11835)). Contributed by @charlynguyen.
+* Implement new unreachable state and fix broken string ref  ([#11748](https://github.com/matrix-org/matrix-react-sdk/pull/11748)). Contributed by @MidhunSureshR.
+* Allow adding extra icons to the room header ([#11799](https://github.com/matrix-org/matrix-react-sdk/pull/11799)). Contributed by @charlynguyen.
+
+## 🐛 Bug Fixes
+
+* Room header: do not collapse avatar or facepile ([#11866](https://github.com/matrix-org/matrix-react-sdk/pull/11866)). Contributed by @kerryarchibald.
+* New right panel: fix button alignment in memberlist ([#11861](https://github.com/matrix-org/matrix-react-sdk/pull/11861)). Contributed by @kerryarchibald.
+* Use the correct video call icon variant ([#11859](https://github.com/matrix-org/matrix-react-sdk/pull/11859)). Contributed by @robintown.
+* fix broken warning icon ([#11862](https://github.com/matrix-org/matrix-react-sdk/pull/11862)). Contributed by @ara4n.
+* Fix rightpanel hiding scrollbar ([#11831](https://github.com/matrix-org/matrix-react-sdk/pull/11831)). Contributed by @kerryarchibald.
+* Switch to updating presence via /sync calls instead of PUT /presence ([#11824](https://github.com/matrix-org/matrix-react-sdk/pull/11824)). Contributed by @t3chguy.
+
+Changes in [1.11.49](https://github.com/vector-im/element-desktop/releases/tag/v1.11.49) (2023-11-13)
+=====================================================================================================
+
+## 🐛 Bug Fixes
+ * Ensure `setUserCreator` is called when a store is assigned ([\#3867](https://github.com/matrix-org/matrix-js-sdk/pull/3867)). Fixes vector-im/element-web#26520. Contributed by @MidhunSureshR.
+
+Changes in [1.11.48](https://github.com/vector-im/element-desktop/releases/tag/v1.11.48) (2023-11-07)
+=====================================================================================================
+
+## ✨ Features
+ * Correctly fill window.matrixChat even when a Wrapper module is active ([\#26395](https://github.com/vector-im/element-web/pull/26395)). Contributed by @dhenneke.
+ * Knock on a ask-to-join room if a module wants to join the room when navigating to a room ([\#11787](https://github.com/matrix-org/matrix-react-sdk/pull/11787)). Contributed by @dhenneke.
+ * Element-R:  Include crypto info in sentry ([\#11798](https://github.com/matrix-org/matrix-react-sdk/pull/11798)). Contributed by @florianduros.
+ * Element-R:  Include crypto info in rageshake ([\#11797](https://github.com/matrix-org/matrix-react-sdk/pull/11797)). Contributed by @florianduros.
+ * Element-R: Add current version of the rust-sdk and vodozemac ([\#11785](https://github.com/matrix-org/matrix-react-sdk/pull/11785)). Contributed by @florianduros.
+ * Fix unfederated invite dialog ([\#9618](https://github.com/matrix-org/matrix-react-sdk/pull/9618)). Fixes vector-im/element-meta#1466 and vector-im/element-web#22102. Contributed by @owi92.
+ * New right panel visual language ([\#11664](https://github.com/matrix-org/matrix-react-sdk/pull/11664)).
+ * OIDC: add friendly errors ([\#11184](https://github.com/matrix-org/matrix-react-sdk/pull/11184)). Fixes vector-im/element-web#25665. Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Fix rightpanel hiding scrollbar ([\#11831](https://github.com/matrix-org/matrix-react-sdk/pull/11831)). Contributed by @kerryarchibald.
+ * Fix edge cases around macos draggability ([\#1291](https://github.com/vector-im/element-desktop/pull/1291)). Fixes #1290.
+ * Fix multi-tab session lock on Firefox not being cleared ([\#11800](https://github.com/matrix-org/matrix-react-sdk/pull/11800)). Fixes vector-im/element-web#26165. Contributed by @ManuelHu.
+ * Deserialise spoilers back into slash command form ([\#11805](https://github.com/matrix-org/matrix-react-sdk/pull/11805)). Fixes vector-im/element-web#26344.
+ * Fix Incorrect message scaling for verification request ([\#11793](https://github.com/matrix-org/matrix-react-sdk/pull/11793)). Fixes vector-im/element-web#24304. Contributed by @capGoblin.
+ * Fix: Unable to restore a soft-logged-out session established via SSO ([\#11794](https://github.com/matrix-org/matrix-react-sdk/pull/11794)). Fixes vector-im/element-web#25957. Contributed by @kerryarchibald.
+ * Use configurable github issue links more consistently ([\#11796](https://github.com/matrix-org/matrix-react-sdk/pull/11796)).
+ * Fix io.element.late_event received_ts vs received_at ([\#11789](https://github.com/matrix-org/matrix-react-sdk/pull/11789)).
+ * Make invitation dialog scrollable when infos are too long ([\#11753](https://github.com/matrix-org/matrix-react-sdk/pull/11753)). Contributed by @nurjinjafar.
+ * Fix spoiler text-align ([\#11790](https://github.com/matrix-org/matrix-react-sdk/pull/11790)). Contributed by @ajbura.
+ * Fix: Right panel keeps showing chat when unmaximizing widget.  ([\#11697](https://github.com/matrix-org/matrix-react-sdk/pull/11697)). Fixes vector-im/element-web#26265. Contributed by @manancodes.
+ * Fix margin of invite to room button ([\#11780](https://github.com/matrix-org/matrix-react-sdk/pull/11780)). Fixes vector-im/element-web#26410.
+ * Update base64 import ([\#11784](https://github.com/matrix-org/matrix-react-sdk/pull/11784)).
+ * Set max size for Element logo in search warning ([\#11779](https://github.com/matrix-org/matrix-react-sdk/pull/11779)). Fixes vector-im/element-web#26408.
+ * Fix: emoji size in room header topic, remove obsolete emoji style ([\#11757](https://github.com/matrix-org/matrix-react-sdk/pull/11757)). Fixes vector-im/element-web#26326. Contributed by @kerryarchibald.
+ * Fix: Bubble layout design is broken ([\#11763](https://github.com/matrix-org/matrix-react-sdk/pull/11763)). Fixes vector-im/element-web#25818. Contributed by @manancodes.
+
+Changes in [1.11.47](https://github.com/vector-im/element-desktop/releases/tag/v1.11.47) (2023-10-24)
+=====================================================================================================
+
+## ✨ Features
+ * Allow overwriting app.element.io when popping out widgets ([\#1277](https://github.com/vector-im/element-desktop/pull/1277)). Fixes #1187.
+ * Implement macos title bar negative space ([\#1272](https://github.com/vector-im/element-desktop/pull/1272)). Fixes #1245.
+ * vector-im/element-x-ios/issues/1824 - Convert the apple-app-site-association file to a newer format… ([\#26307](https://github.com/vector-im/element-web/pull/26307)). Contributed by @stefanceriu.
+ * Iterate `io.element.late_event` decoration ([\#11760](https://github.com/matrix-org/matrix-react-sdk/pull/11760)). Fixes vector-im/element-web#26384.
+ * Render timeline separator for late event groups ([\#11739](https://github.com/matrix-org/matrix-react-sdk/pull/11739)).
+ * OIDC: revoke tokens on logout ([\#11718](https://github.com/matrix-org/matrix-react-sdk/pull/11718)). Fixes vector-im/element-web#25394. Contributed by @kerryarchibald.
+ * Show `io.element.late_event` in MessageTimestamp when known ([\#11733](https://github.com/matrix-org/matrix-react-sdk/pull/11733)).
+ * Show all labs flags if developerMode enabled ([\#11746](https://github.com/matrix-org/matrix-react-sdk/pull/11746)). Fixes vector-im/element-web#24571 and vector-im/element-web#8498.
+ * Use Compound tooltips on MessageTimestamp to improve UX of date time discovery ([\#11732](https://github.com/matrix-org/matrix-react-sdk/pull/11732)). Fixes vector-im/element-web#25913.
+ * Consolidate 4s passphrase input fields and use stable IDs ([\#11743](https://github.com/matrix-org/matrix-react-sdk/pull/11743)). Fixes vector-im/element-web#26228.
+ * Disable upgraderoom command without developer mode enabled ([\#11744](https://github.com/matrix-org/matrix-react-sdk/pull/11744)). Fixes vector-im/element-web#17620.
+ * Avoid rendering app download buttons if disabled in config ([\#11741](https://github.com/matrix-org/matrix-react-sdk/pull/11741)). Fixes vector-im/element-web#26309.
+ * OIDC: refresh tokens ([\#11699](https://github.com/matrix-org/matrix-react-sdk/pull/11699)). Fixes vector-im/element-web#25839. Contributed by @kerryarchibald.
+ * OIDC: register ([\#11727](https://github.com/matrix-org/matrix-react-sdk/pull/11727)). Fixes vector-im/element-web#25393. Contributed by @kerryarchibald.
+ * Use stable get_login_token and remove unstable MSC3882 support ([\#11001](https://github.com/matrix-org/matrix-react-sdk/pull/11001)). Contributed by @hughns.
+
+## 🐛 Bug Fixes
+ * Set max size for Element logo in search warning ([\#11779](https://github.com/matrix-org/matrix-react-sdk/pull/11779)). Fixes vector-im/element-web#26408.
+ * Avoid error when DMing oneself ([\#11754](https://github.com/matrix-org/matrix-react-sdk/pull/11754)). Fixes vector-im/element-web#7242.
+ * Fix: Message shield alignment is not right. ([\#11703](https://github.com/matrix-org/matrix-react-sdk/pull/11703)). Fixes vector-im/element-web#26142. Contributed by @manancodes.
+ * fix logging full event ([\#11755](https://github.com/matrix-org/matrix-react-sdk/pull/11755)). Fixes vector-im/element-web#26376.
+ * OIDC: use delegated auth account URL from `OidcClientStore` ([\#11723](https://github.com/matrix-org/matrix-react-sdk/pull/11723)). Fixes vector-im/element-web#26305. Contributed by @kerryarchibald.
+ * Fix: Members list shield alignment is not right. ([\#11700](https://github.com/matrix-org/matrix-react-sdk/pull/11700)). Fixes vector-im/element-web#26261. Contributed by @manancodes.
+ * Fix: <detail> HTML elements clickable area too wide. ([\#11666](https://github.com/matrix-org/matrix-react-sdk/pull/11666)). Fixes vector-im/element-web#25454. Contributed by @manancodes.
+ * Fix untranslated headings in the devtools dialog ([\#11734](https://github.com/matrix-org/matrix-react-sdk/pull/11734)).
+ * Fixes invite dialog alignment and pill color contrast ([\#11722](https://github.com/matrix-org/matrix-react-sdk/pull/11722)). Contributed by @gabrc52.
+ * Prevent select element in General settings overflowing in a room with very long room-id ([\#11597](https://github.com/matrix-org/matrix-react-sdk/pull/11597)). Contributed by @ABHIXIT2.
+ * Fix: Clicking on members pile does nothing. ([\#11657](https://github.com/matrix-org/matrix-react-sdk/pull/11657)). Fixes vector-im/element-web#26164. Contributed by @manancodes.
+ * Fix: Wierd shadow below room avatar in dark mode. ([\#11678](https://github.com/matrix-org/matrix-react-sdk/pull/11678)). Fixes vector-im/element-web#26153. Contributed by @manancodes.
+ * Fix start_sso / start_cas URLs failing to redirect to a authentication prompt ([\#11681](https://github.com/matrix-org/matrix-react-sdk/pull/11681)). Contributed by @Half-Shot.
+
+Changes in [1.11.46](https://github.com/vector-im/element-desktop/releases/tag/v1.11.46) (2023-10-10)
+=====================================================================================================
+
+## ✨ Features
+ * Use .well-known to discover a default rendezvous server for use with Sign in with QR ([\#11655](https://github.com/matrix-org/matrix-react-sdk/pull/11655)). Contributed by @hughns.
+ * Message layout will update according to the selected style  ([\#10170](https://github.com/matrix-org/matrix-react-sdk/pull/10170)). Fixes vector-im/element-web#21782. Contributed by @manancodes.
+ * Implement MSC4039: Add an MSC for a new Widget API action to upload files into the media repository ([\#11311](https://github.com/matrix-org/matrix-react-sdk/pull/11311)). Contributed by @dhenneke.
+ * Render space pills with square corners to match new avatar ([\#11632](https://github.com/matrix-org/matrix-react-sdk/pull/11632)). Fixes vector-im/element-web#26056.
+ * Linkify room topic ([\#11631](https://github.com/matrix-org/matrix-react-sdk/pull/11631)). Fixes vector-im/element-web#26185.
+ * Show knock rooms in the list ([\#11573](https://github.com/matrix-org/matrix-react-sdk/pull/11573)). Contributed by @maheichyk.
+
+## 🐛 Bug Fixes
+ * Bump matrix-web-i18n dependency to 3.1.3 ([\#1259](https://github.com/vector-im/element-desktop/pull/1259) and [\#26287](https://github.com/vector-im/element-web/pull/26287))
+ * Fix: Avatar shrinks with long names ([\#11698](https://github.com/matrix-org/matrix-react-sdk/pull/11698)). Fixes vector-im/element-web#26252. Contributed by @manancodes.
+ * Update custom translations to support nested fields in structured JSON ([\#11685](https://github.com/matrix-org/matrix-react-sdk/pull/11685)).
+ * Fix: Edited message remove button is hard to reach. ([\#11674](https://github.com/matrix-org/matrix-react-sdk/pull/11674)). Fixes vector-im/element-web#24917. Contributed by @manancodes.
+ * Fix: Theme selector radio button not aligned in center with the text ([\#11676](https://github.com/matrix-org/matrix-react-sdk/pull/11676)). Fixes vector-im/element-web#25460. Contributed by @manancodes.
+ * Fix: Unread notification dot aligned ([\#11658](https://github.com/matrix-org/matrix-react-sdk/pull/11658)). Fixes vector-im/element-web#25285. Contributed by @manancodes.
+ * Fix: sync intentional mentions push rules with legacy rules ([\#11667](https://github.com/matrix-org/matrix-react-sdk/pull/11667)). Fixes vector-im/element-web#26227. Contributed by @kerryarchibald.
+ * Revert "Fix regression around FacePile with overflow (#11527)" ([\#11634](https://github.com/matrix-org/matrix-react-sdk/pull/11634)). Fixes vector-im/element-web#26209.
+ * Fix: Alignment Fixed ([\#11648](https://github.com/matrix-org/matrix-react-sdk/pull/11648)). Fixes vector-im/element-web#26169. Contributed by @manancodes.
+ * Fix: onFinished added which closes the menu ([\#11647](https://github.com/matrix-org/matrix-react-sdk/pull/11647)). Fixes vector-im/element-web#25556. Contributed by @manancodes.
+ * Don't start key backups when opening settings ([\#11640](https://github.com/matrix-org/matrix-react-sdk/pull/11640)).
+ * Fix add to space avatar text centering ([\#11643](https://github.com/matrix-org/matrix-react-sdk/pull/11643)). Fixes vector-im/element-web#26154.
+ * fix avatar styling in lightbox ([\#11641](https://github.com/matrix-org/matrix-react-sdk/pull/11641)). Fixes vector-im/element-web#26196.
+
+Changes in [1.11.45](https://github.com/vector-im/element-desktop/releases/tag/v1.11.45) (2023-09-29)
+=====================================================================================================
+
+## 🔒 Security
+ * Upgrade electron to 26.2.4 to fix CVE-2023-5217 ([\#1254](https://github.com/vector-im/element-desktop/pull/1254)). Contributed by @andybalaam.
+
+## 🐛 Bug Fixes
+ * Fix Emoji font on Safari 17 ([\#11673](https://github.com/matrix-org/matrix-react-sdk/pull/11673)).
+
+Changes in [1.11.44](https://github.com/vector-im/element-desktop/releases/tag/v1.11.44) (2023-09-26)
+=====================================================================================================
+
+## ✨ Features
+ * Make video & voice call buttons pin conference widget if unpinned ([\#11576](https://github.com/matrix-org/matrix-react-sdk/pull/11576)). Fixes vector-im/customer-retainer#72.
+ * OIDC: persist refresh token ([\#11249](https://github.com/matrix-org/matrix-react-sdk/pull/11249)). Contributed by @kerryarchibald.
+ * ElementR: Cross user verification ([\#11364](https://github.com/matrix-org/matrix-react-sdk/pull/11364)). Fixes vector-im/element-web#25752. Contributed by @florianduros.
+ * Default intentional mentions ([\#11602](https://github.com/matrix-org/matrix-react-sdk/pull/11602)).
+ * Notify users about denied access on ask-to-join  rooms ([\#11480](https://github.com/matrix-org/matrix-react-sdk/pull/11480)). Contributed by @nurjinjafar.
+ * Allow setting knock room directory visibility ([\#11529](https://github.com/matrix-org/matrix-react-sdk/pull/11529)). Contributed by @charlynguyen.
+
+## 🐛 Bug Fixes
+ * Revert "Fix regression around FacePile with overflow (#11527)" ([\#11634](https://github.com/matrix-org/matrix-react-sdk/pull/11634)). Fixes vector-im/element-web#26209.
+ * upgrade electron to 26.2.1 to fix CVE-2023-4863 ([\#1226](https://github.com/vector-im/element-desktop/pull/1226)). Contributed by @selfisekai.
+ * Improve edge cases around macOS drag handles ([\#1219](https://github.com/vector-im/element-desktop/pull/1219)). Fixes #1199 and #1188.
+ * Escape placeholder before injecting it into the style ([\#11607](https://github.com/matrix-org/matrix-react-sdk/pull/11607)).
+ * Move ViewUser action callback to RoomView ([\#11495](https://github.com/matrix-org/matrix-react-sdk/pull/11495)). Fixes vector-im/element-web#26040.
+ * Fix room timeline search toggling behaviour edge case ([\#11605](https://github.com/matrix-org/matrix-react-sdk/pull/11605)). Fixes vector-im/element-web#26105.
+ * Avoid rendering view-message link in RoomKnocksBar unnecessarily ([\#11598](https://github.com/matrix-org/matrix-react-sdk/pull/11598)). Contributed by @charlynguyen.
+ * Use knock rooms sync to reflect the knock state ([\#11596](https://github.com/matrix-org/matrix-react-sdk/pull/11596)). Fixes vector-im/element-web#26043 and vector-im/element-web#26044. Contributed by @charlynguyen.
+ * Fix avatar in right panel not using the correct font ([\#11593](https://github.com/matrix-org/matrix-react-sdk/pull/11593)). Fixes vector-im/element-web#26061. Contributed by @MidhunSureshR.
+ * Add waits in Spotlight Cypress tests, hoping this unflakes them ([\#11590](https://github.com/matrix-org/matrix-react-sdk/pull/11590)). Fixes vector-im/element-web#26053, vector-im/element-web#26140 vector-im/element-web#26139 and vector-im/element-web#26138. Contributed by @andybalaam.
+ * Fix vertical alignment of default avatar font ([\#11582](https://github.com/matrix-org/matrix-react-sdk/pull/11582)). Fixes vector-im/element-web#26081.
+ * Fix avatars in public room & space search being flex shrunk ([\#11580](https://github.com/matrix-org/matrix-react-sdk/pull/11580)). Fixes vector-im/element-web#26133.
+ * Fix EventTile avatars being rendered with a size of 0 instead of hidden ([\#11558](https://github.com/matrix-org/matrix-react-sdk/pull/11558)). Fixes vector-im/element-web#26075.
+
+Changes in [1.11.43](https://github.com/vector-im/element-desktop/releases/tag/v1.11.43) (2023-09-15)
+=====================================================================================================
+
+## 🔒 Security
+ * upgrade electron to 26.2.1 to fix CVE-2023-4863 ([\#1226](https://github.com/vector-im/element-desktop/pull/1226)). Contributed by @selfisekai.
+
+Changes in [1.11.42](https://github.com/vector-im/element-desktop/releases/tag/v1.11.42) (2023-09-13)
+=====================================================================================================
+
+## 🐛 Bug Fixes
+ * Update Compound to fix Firefox-specific avatar regression ([\#11604](https://github.com/matrix-org/matrix-react-sdk/pull/11604)). Fixes vector-im/element-web#26155.
+
+Changes in [1.11.41](https://github.com/vector-im/element-desktop/releases/tag/v1.11.41) (2023-09-12)
+=====================================================================================================
+
+## ✨ Features
+ * Make SVGR icons use forward ref ([\#26082](https://github.com/vector-im/element-web/pull/26082)).
+ * Add support for rendering a custom wrapper around Element ([\#25537](https://github.com/vector-im/element-web/pull/25537)). Contributed by @maheichyk.
+ * Allow creating public knock rooms ([\#11481](https://github.com/matrix-org/matrix-react-sdk/pull/11481)). Contributed by @charlynguyen.
+ * Render custom images in reactions according to MSC4027 ([\#11087](https://github.com/matrix-org/matrix-react-sdk/pull/11087)). Contributed by @sumnerevans.
+ * Introduce room knocks bar ([\#11475](https://github.com/matrix-org/matrix-react-sdk/pull/11475)). Contributed by @charlynguyen.
+ * Room header UI updates ([\#11507](https://github.com/matrix-org/matrix-react-sdk/pull/11507)). Fixes vector-im/element-web#25892.
+ * Remove green "verified" bar for encrypted events ([\#11496](https://github.com/matrix-org/matrix-react-sdk/pull/11496)).
+ * Update member count on room summary update ([\#11488](https://github.com/matrix-org/matrix-react-sdk/pull/11488)).
+ * Support for E2EE in Element Call  ([\#11492](https://github.com/matrix-org/matrix-react-sdk/pull/11492)).
+ * Allow requesting to join knock rooms via spotlight ([\#11482](https://github.com/matrix-org/matrix-react-sdk/pull/11482)). Contributed by @charlynguyen.
+ * Lock out the first tab if Element is opened in a second tab. ([\#11425](https://github.com/matrix-org/matrix-react-sdk/pull/11425)). Fixes vector-im/element-web#25157.
+ * Change avatar to use Compound implementation ([\#11448](https://github.com/matrix-org/matrix-react-sdk/pull/11448)).
+
+## 🐛 Bug Fixes
+ * Fix vertical alignment of default avatar font ([\#11582](https://github.com/matrix-org/matrix-react-sdk/pull/11582)). Fixes vector-im/element-web#26081.
+ * Fix avatars in public room & space search being flex shrunk ([\#11580](https://github.com/matrix-org/matrix-react-sdk/pull/11580)). Fixes vector-im/element-web#26133.
+ * Fix EventTile avatars being rendered with a size of 0 instead of hidden ([\#11558](https://github.com/matrix-org/matrix-react-sdk/pull/11558)). Fixes vector-im/element-web#26075.
+ * Updated no drag zones ([\#1193](https://github.com/vector-im/element-desktop/pull/1193)).
+ * Fix compound external assets path in bundle ([\#26069](https://github.com/vector-im/element-web/pull/26069)).
+ * Use RoomStateEvent.Update for knocks ([\#11516](https://github.com/matrix-org/matrix-react-sdk/pull/11516)). Contributed by @charlynguyen.
+ * Prevent event propagation when clicking icon buttons ([\#11515](https://github.com/matrix-org/matrix-react-sdk/pull/11515)).
+ * Only display RoomKnocksBar when feature flag is enabled ([\#11513](https://github.com/matrix-org/matrix-react-sdk/pull/11513)). Contributed by @andybalaam.
+ * Fix avatars of knock members for people tab of room settings ([\#11506](https://github.com/matrix-org/matrix-react-sdk/pull/11506)). Fixes vector-im/element-web#26083. Contributed by @charlynguyen.
+ * Fixes read receipt avatar offset ([\#11483](https://github.com/matrix-org/matrix-react-sdk/pull/11483)). Fixes vector-im/element-web#26067, vector-im/element-web#26064 vector-im/element-web#26059 and vector-im/element-web#26061.
+ * Fix avatar defects ([\#11473](https://github.com/matrix-org/matrix-react-sdk/pull/11473)). Fixes vector-im/element-web#26051 and vector-im/element-web#26046.
+ * Fix consistent avatar output for Percy ([\#11472](https://github.com/matrix-org/matrix-react-sdk/pull/11472)). Fixes vector-im/element-web#26049 and vector-im/element-web#26052.
+ * Fix colour of avatar and colour matching with username ([\#11470](https://github.com/matrix-org/matrix-react-sdk/pull/11470)). Fixes vector-im/element-web#26042.
+ * Fix incompatibility of Soft Logout with Element-R ([\#11468](https://github.com/matrix-org/matrix-react-sdk/pull/11468)).
+ * Fix instances of double translation and guard translation calls using typescript ([\#11443](https://github.com/matrix-org/matrix-react-sdk/pull/11443)).
+
+Changes in [1.11.40](https://github.com/vector-im/element-desktop/releases/tag/v1.11.40) (2023-08-29)
+=====================================================================================================
+
+## ✨ Features
+ * Add FreeBSD support ([\#1163](https://github.com/vector-im/element-desktop/pull/1163)). Contributed by @lwhsu.
+ * Hide account deactivation for externally managed accounts ([\#11445](https://github.com/matrix-org/matrix-react-sdk/pull/11445)). Fixes vector-im/element-web#26022. Contributed by @kerryarchibald.
+ * OIDC: Redirect to delegated auth provider when signing out ([\#11432](https://github.com/matrix-org/matrix-react-sdk/pull/11432)). Fixes vector-im/element-web#26000. Contributed by @kerryarchibald.
+ * Disable 3pid fields in settings when `m.3pid_changes` capability is disabled ([\#11430](https://github.com/matrix-org/matrix-react-sdk/pull/11430)). Fixes vector-im/element-web#25995. Contributed by @kerryarchibald.
+ * OIDC: disable multi session signout for OIDC-aware servers in session manager ([\#11431](https://github.com/matrix-org/matrix-react-sdk/pull/11431)). Contributed by @kerryarchibald.
+ * Implement updated open dialog method of the Module API ([\#11395](https://github.com/matrix-org/matrix-react-sdk/pull/11395)). Contributed by @dhenneke.
+ * Polish & delabs `Exploring public spaces` feature ([\#11423](https://github.com/matrix-org/matrix-react-sdk/pull/11423)).
+ * Treat lists with a single empty item as plain text, not Markdown. ([\#6833](https://github.com/matrix-org/matrix-react-sdk/pull/6833)). Fixes vector-im/element-meta#1265.
+ * Allow managing room knocks ([\#11404](https://github.com/matrix-org/matrix-react-sdk/pull/11404)). Contributed by @charlynguyen.
+ * Pin the action buttons to the bottom of the scrollable dialogs ([\#11407](https://github.com/matrix-org/matrix-react-sdk/pull/11407)). Contributed by @dhenneke.
+ * Support Matrix 1.1 (drop legacy r0 versions) ([\#9819](https://github.com/matrix-org/matrix-react-sdk/pull/9819)).
+
+## 🐛 Bug Fixes
+ * Don't intercept Ctrl + Cmd + Q on macOS ([\#1174](https://github.com/vector-im/element-desktop/pull/1174)). Contributed by @zhaofengli.
+ * Improve selectors for macos app draggable regions ([\#1170](https://github.com/vector-im/element-desktop/pull/1170)). Fixes #1169.
+ * Fix path separator for Windows based systems ([\#25997](https://github.com/vector-im/element-web/pull/25997)).
+ * Fix instances of double translation and guard translation calls using typescript ([\#11443](https://github.com/matrix-org/matrix-react-sdk/pull/11443)).
+ * Fix export type "Current timeline" to match its behaviour to its name ([\#11426](https://github.com/matrix-org/matrix-react-sdk/pull/11426)). Fixes vector-im/element-web#25988.
+ * Fix Room Settings > Notifications file upload input being shown superfluously ([\#11415](https://github.com/matrix-org/matrix-react-sdk/pull/11415)). Fixes vector-im/element-web#18392.
+ * Simplify registration with email validation ([\#11398](https://github.com/matrix-org/matrix-react-sdk/pull/11398)). Fixes vector-im/element-web#25832 vector-im/element-web#23601 and vector-im/element-web#22297.
+ * correct home server URL ([\#11391](https://github.com/matrix-org/matrix-react-sdk/pull/11391)). Fixes vector-im/element-web#25931. Contributed by @NSV1991.
+ * Include non-matching DMs in Spotlight recent conversations when the DM's userId is part of the search API results ([\#11374](https://github.com/matrix-org/matrix-react-sdk/pull/11374)). Contributed by @mgcm.
+ * Fix useRoomMembers missing updates causing incorrect membership counts ([\#11392](https://github.com/matrix-org/matrix-react-sdk/pull/11392)). Fixes vector-im/element-web#17096.
+ * Show error when searching public rooms fails ([\#11378](https://github.com/matrix-org/matrix-react-sdk/pull/11378)).
+
+Changes in [1.11.39](https://github.com/vector-im/element-desktop/releases/tag/v1.11.39) (2023-08-15)
+=====================================================================================================
+
+## 🦖 Deprecations
+ * Deprecate camelCase config options ([\#25800](https://github.com/vector-im/element-web/pull/25800)).
+ * Deprecate customisations in favour of Module API ([\#25736](https://github.com/vector-im/element-web/pull/25736)). Fixes vector-im/element-web#25733.
+
+## ✨ Features
+ * Switch to hidden titleBar on macOS to integrate the app better ([\#1101](https://github.com/vector-im/element-desktop/pull/1101)).
+ * Update labs.md for knock rooms ([\#25923](https://github.com/vector-im/element-web/pull/25923)). Contributed by @charlynguyen.
+ * Package release builds of element-web in package.element.io debs ([\#25198](https://github.com/vector-im/element-web/pull/25198)).
+ * Allow knocking rooms ([\#11353](https://github.com/matrix-org/matrix-react-sdk/pull/11353)). Contributed by @charlynguyen.
+ * Support adding space-restricted joins on rooms not members of those spaces ([\#9017](https://github.com/matrix-org/matrix-react-sdk/pull/9017)). Fixes vector-im/element-web#19213.
+ * Clear requiresClient and show pop-out if widget-api fails to ready ([\#11321](https://github.com/matrix-org/matrix-react-sdk/pull/11321)). Fixes vector-im/customer-retainer#73.
+ * Bump pagination sizes due to hidden events ([\#11342](https://github.com/matrix-org/matrix-react-sdk/pull/11342)).
+ * Remove display of key backup signatures from backup settings ([\#11333](https://github.com/matrix-org/matrix-react-sdk/pull/11333)).
+ * Use PassphraseFields in ExportE2eKeysDialog to enforce minimum passphrase complexity ([\#11222](https://github.com/matrix-org/matrix-react-sdk/pull/11222)). Fixes vector-im/element-web#9478.
+
+## 🐛 Bug Fixes
+ * Prevent the media lightbox sender info clipping with traffic light on macos ([\#1141](https://github.com/vector-im/element-desktop/pull/1141)). Fixes #1140.
+ * Restore macOs room header dragability ([\#1136](https://github.com/vector-im/element-desktop/pull/1136)). Fixes #1135.
+ * Fix ability to interact with room topic in header ([\#1126](https://github.com/vector-im/element-desktop/pull/1126)). Fixes undefined/element-desktop#1125.
+ * Fix "Export chat" not respecting configured time format in plain text mode ([\#10696](https://github.com/matrix-org/matrix-react-sdk/pull/10696)). Fixes vector-im/element-web#23838. Contributed by @rashmitpankhania.
+ * Fix some missing 1-count pluralisations around event list summaries ([\#11371](https://github.com/matrix-org/matrix-react-sdk/pull/11371)). Fixes vector-im/element-web#25925.
+ * Fix create subspace dialog not working for public space creation ([\#11367](https://github.com/matrix-org/matrix-react-sdk/pull/11367)). Fixes vector-im/element-web#25916.
+ * Search for users on paste ([\#11304](https://github.com/matrix-org/matrix-react-sdk/pull/11304)). Fixes vector-im/element-web#17523. Contributed by @peterscheu-aceart.
+ * Fix AppTile context menu not always showing up when it has options ([\#11358](https://github.com/matrix-org/matrix-react-sdk/pull/11358)). Fixes vector-im/element-web#25914.
+ * Fix clicking on home all rooms space notification not working ([\#11337](https://github.com/matrix-org/matrix-react-sdk/pull/11337)). Fixes vector-im/element-web#22844.
+ * Fix joining a suggested room switching space away ([\#11347](https://github.com/matrix-org/matrix-react-sdk/pull/11347)). Fixes vector-im/element-web#25838.
+ * Fix home/all rooms context menu in space panel ([\#11350](https://github.com/matrix-org/matrix-react-sdk/pull/11350)). Fixes vector-im/element-web#25896.
+ * Make keyboard handling in and out of autocomplete completions consistent ([\#11344](https://github.com/matrix-org/matrix-react-sdk/pull/11344)). Fixes vector-im/element-web#25878.
+ * De-duplicate reactions by sender to account for faulty/malicious servers ([\#11340](https://github.com/matrix-org/matrix-react-sdk/pull/11340)). Fixes vector-im/element-web#25872.
+ * Fix disable_3pid_login being ignored for the email field ([\#11335](https://github.com/matrix-org/matrix-react-sdk/pull/11335)). Fixes vector-im/element-web#25863.
+ * Upgrade wysiwyg editor for ctrl+backspace windows fix ([\#11324](https://github.com/matrix-org/matrix-react-sdk/pull/11324)). Fixes vector-im/verticals-internal#102.
+ * Unhide the view source event toggle - it works well enough ([\#11336](https://github.com/matrix-org/matrix-react-sdk/pull/11336)). Fixes vector-im/element-web#25861.
+
+Changes in [1.11.38](https://github.com/vector-im/element-desktop/releases/tag/v1.11.38) (2023-08-04)
+=====================================================================================================
+
+## ✨ Features
+ * Package release builds of element-web in package.element.io debs ([\#25921](https://github.com/vector-im/element-web/pull/25921)). Contributed by @RiotRobot.
+
+## 🐛 Bug Fixes
+ * Revert to using the /presence API for presence ([\#11366](https://github.com/matrix-org/matrix-react-sdk/pull/11366))
+
+Changes in [1.11.37](https://github.com/vector-im/element-desktop/releases/tag/v1.11.37) (2023-08-01)
+=====================================================================================================
+
+## 🦖 Deprecations
+ * Deprecate camelCase config options ([\#25800](https://github.com/vector-im/element-web/pull/25800)).
+ * Deprecate customisations in favour of Module API ([\#25736](https://github.com/vector-im/element-web/pull/25736)). Fixes vector-im/element-web#25733.
+
+## ✨ Features
+ * Fix Tray icon in Windows forgetting your settings ([\#1059](https://github.com/vector-im/element-desktop/pull/1059)). Fixes #786.
+ * Do not show "Forget room" button in Room View header for guest users ([\#10898](https://github.com/matrix-org/matrix-react-sdk/pull/10898)). Contributed by @spantaleev.
+ * Switch to updating presence via /sync calls instead of PUT /presence ([\#11223](https://github.com/matrix-org/matrix-react-sdk/pull/11223)). Fixes vector-im/element-web#20809 vector-im/element-web#13877 and vector-im/element-web#4813.
+ * Fix blockquote colour contrast ([\#11299](https://github.com/matrix-org/matrix-react-sdk/pull/11299)). Fixes matrix-org/element-web-rageshakes#21800.
+ * Don't hide room header buttons in video rooms and rooms with a call ([\#9712](https://github.com/matrix-org/matrix-react-sdk/pull/9712)). Fixes vector-im/element-web#23900.
+ * OIDC: Persist details in session storage, create store ([\#11302](https://github.com/matrix-org/matrix-react-sdk/pull/11302)). Fixes vector-im/element-web#25710. Contributed by @kerryarchibald.
+ * Allow setting room join rule to knock ([\#11248](https://github.com/matrix-org/matrix-react-sdk/pull/11248)). Contributed by @charlynguyen.
+ * Retry joins on 524 (Cloudflare timeout) also ([\#11296](https://github.com/matrix-org/matrix-react-sdk/pull/11296)). Fixes vector-im/element-web#8776.
+ * Make sure users returned by the homeserver search API are displayed. Don't silently drop any. ([\#9556](https://github.com/matrix-org/matrix-react-sdk/pull/9556)). Fixes vector-im/element-web#24422. Contributed by @maxmalek.
+ * Offer to unban user during invite if inviter has sufficient permissions ([\#11256](https://github.com/matrix-org/matrix-react-sdk/pull/11256)). Fixes vector-im/element-web#3222.
+ * Split join and goto slash commands, the latter shouldn't auto_join ([\#11259](https://github.com/matrix-org/matrix-react-sdk/pull/11259)). Fixes vector-im/element-web#10128.
+ * Integration work for rich text editor 2.3.1 ([\#11172](https://github.com/matrix-org/matrix-react-sdk/pull/11172)). Contributed by @alunturner.
+ * Compound color pass ([\#11079](https://github.com/matrix-org/matrix-react-sdk/pull/11079)). Fixes vector-im/internal-planning#450 and vector-im/element-web#25547.
+ * Warn when demoting self via /op and /deop slash commands ([\#11214](https://github.com/matrix-org/matrix-react-sdk/pull/11214)). Fixes vector-im/element-web#13726.
+
+## 🐛 Bug Fixes
+ * Correct Jitsi preferred_domain property ([\#25813](https://github.com/vector-im/element-web/pull/25813)). Contributed by @benbz.
+ * Fix edge case with sent indicator being drawn when it shouldn't be ([\#11320](https://github.com/matrix-org/matrix-react-sdk/pull/11320)).
+ * Use correct translation function for WYSIWYG buttons ([\#11315](https://github.com/matrix-org/matrix-react-sdk/pull/11315)). Fixes vector-im/verticals-internal#109.
+ * Handle empty own profile ([\#11319](https://github.com/matrix-org/matrix-react-sdk/pull/11319)). Fixes vector-im/element-web#25510.
+ * Fix peeked rooms showing up in historical ([\#11316](https://github.com/matrix-org/matrix-react-sdk/pull/11316)). Fixes vector-im/element-web#22473.
+ * Ensure consistency when rendering the sent event indicator ([\#11314](https://github.com/matrix-org/matrix-react-sdk/pull/11314)). Fixes vector-im/element-web#17937.
+ * Prevent re-filtering user directory results in spotlight ([\#11290](https://github.com/matrix-org/matrix-react-sdk/pull/11290)). Fixes vector-im/element-web#24422.
+ * Fix GIF label on dark theme ([\#11312](https://github.com/matrix-org/matrix-react-sdk/pull/11312)). Fixes vector-im/element-web#25836.
+ * Fix issues around room notification settings flaking out ([\#11306](https://github.com/matrix-org/matrix-react-sdk/pull/11306)). Fixes vector-im/element-web#16472 vector-im/element-web#21309 and vector-im/element-web#6828.
+ * Fix invite dialog showing the same user multiple times ([\#11308](https://github.com/matrix-org/matrix-react-sdk/pull/11308)). Fixes vector-im/element-web#25578.
+ * Don't show composer send button if user cannot send ([\#11298](https://github.com/matrix-org/matrix-react-sdk/pull/11298)). Fixes vector-im/element-web#25825.
+ * Restore color for sender in imageview ([\#11289](https://github.com/matrix-org/matrix-react-sdk/pull/11289)). Fixes vector-im/element-web#25822.
+ * Fix changelog dialog heading size ([\#11286](https://github.com/matrix-org/matrix-react-sdk/pull/11286)). Fixes vector-im/element-web#25789.
+ * Restore offline presence badge color ([\#11287](https://github.com/matrix-org/matrix-react-sdk/pull/11287)). Fixes vector-im/element-web#25792.
+ * Fix bubble message layout avatar overlap ([\#11284](https://github.com/matrix-org/matrix-react-sdk/pull/11284)). Fixes vector-im/element-web#25818.
+ * Fix voice call tile size ([\#11285](https://github.com/matrix-org/matrix-react-sdk/pull/11285)). Fixes vector-im/element-web#25684.
+ * Fix layout of sessions tab buttons ([\#11279](https://github.com/matrix-org/matrix-react-sdk/pull/11279)). Fixes vector-im/element-web#25545.
+ * Don't bother showing redundant tooltip on space menu ([\#11276](https://github.com/matrix-org/matrix-react-sdk/pull/11276)). Fixes vector-im/element-web#20380.
+ * Remove reply fallback from notifications ([\#11278](https://github.com/matrix-org/matrix-react-sdk/pull/11278)). Fixes vector-im/element-web#17859.
+ * Populate info.duration for audio & video file uploads ([\#11225](https://github.com/matrix-org/matrix-react-sdk/pull/11225)). Fixes vector-im/element-web#17720.
+ * Hide widget menu button if it there are no options available ([\#11257](https://github.com/matrix-org/matrix-react-sdk/pull/11257)). Fixes vector-im/element-web#24826.
+ * Fix colour regressions ([\#11273](https://github.com/matrix-org/matrix-react-sdk/pull/11273)). Fixes vector-im/element-web#25788, vector-im/element-web#25808 vector-im/element-web#25811 and vector-im/element-web#25812.
+ * Fix room view not properly maintaining scroll position ([\#11274](https://github.com/matrix-org/matrix-react-sdk/pull/11274)). Fixes vector-im/element-web#25810.
+ * Prevent user from accidentally double clicking user info admin actions ([\#11254](https://github.com/matrix-org/matrix-react-sdk/pull/11254)). Fixes vector-im/element-web#10944.
+ * Fix missing metaspace notification badges ([\#11269](https://github.com/matrix-org/matrix-react-sdk/pull/11269)). Fixes vector-im/element-web#25679.
+ * Fix clicking MXID in timeline going to matrix.to ([\#11263](https://github.com/matrix-org/matrix-react-sdk/pull/11263)). Fixes vector-im/element-web#23342.
+ * Restoring optional ligatures by resetting letter-spacing ([\#11202](https://github.com/matrix-org/matrix-react-sdk/pull/11202)). Fixes vector-im/element-web#25727.
+ * Allow emoji presentation selector to not break BigEmoji styling ([\#11253](https://github.com/matrix-org/matrix-react-sdk/pull/11253)). Fixes vector-im/element-web#17848.
+ * Make event highliht use primary content token ([\#11255](https://github.com/matrix-org/matrix-react-sdk/pull/11255)).
+ * Fix event info events size and color ([\#11252](https://github.com/matrix-org/matrix-react-sdk/pull/11252)). Fixes vector-im/element-web#25778.
+ * Fix color mapping for blockquote border ([\#11251](https://github.com/matrix-org/matrix-react-sdk/pull/11251)). Fixes vector-im/element-web#25782.
+ * Strip emoji variation when searching emoji by emoji ([\#11221](https://github.com/matrix-org/matrix-react-sdk/pull/11221)). Fixes vector-im/element-web#18703.
+
+Changes in [1.11.36](https://github.com/vector-im/element-desktop/releases/tag/v1.11.36) (2023-07-18)
+=====================================================================================================
+
+## 🔒 Security
+ * Fixes for [CVE-2023-37259](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE-2023-37259) / [GHSA-c9vx-2g7w-rp65](https://github.com/matrix-org/matrix-react-sdk/security/advisories/GHSA-c9vx-2g7w-rp65)
+
+## 🦖 Deprecations
+ * Deprecate customisations in favour of Module API ([\#25736](https://github.com/vector-im/element-web/pull/25736)). Fixes vector-im/element-web#25733.
+
+## ✨ Features
+ * OIDC: store initial screen in session storage  ([\#25688](https://github.com/vector-im/element-web/pull/25688)). Fixes vector-im/element-web#25656. Contributed by @kerryarchibald.
+ * Allow default_server_config as a fallback config ([\#25682](https://github.com/vector-im/element-web/pull/25682)). Contributed by @ShadowRZ.
+ * OIDC: remove auth params from url after login attempt ([\#25664](https://github.com/vector-im/element-web/pull/25664)). Contributed by @kerryarchibald.
+ * feat(faq): remove keyboard shortcuts button ([\#9342](https://github.com/matrix-org/matrix-react-sdk/pull/9342)). Fixes vector-im/element-web#22625. Contributed by @gefgu.
+ * GYU: Update banner ([\#11211](https://github.com/matrix-org/matrix-react-sdk/pull/11211)). Fixes vector-im/element-web#25530. Contributed by @justjanne.
+ * Linkify mxc:// URLs as links to your media repo ([\#11213](https://github.com/matrix-org/matrix-react-sdk/pull/11213)). Fixes vector-im/element-web#6942.
+ * OIDC: Log in ([\#11199](https://github.com/matrix-org/matrix-react-sdk/pull/11199)). Fixes vector-im/element-web#25657. Contributed by @kerryarchibald.
+ * Handle all permitted url schemes in linkify ([\#11215](https://github.com/matrix-org/matrix-react-sdk/pull/11215)). Fixes vector-im/element-web#4457 and vector-im/element-web#8720.
+ * Autoapprove Element Call oidc requests ([\#11209](https://github.com/matrix-org/matrix-react-sdk/pull/11209)). Contributed by @toger5.
+ * Allow creating knock rooms ([\#11182](https://github.com/matrix-org/matrix-react-sdk/pull/11182)). Contributed by @charlynguyen.
+ * Expose and pre-populate thread ID in devtools dialog ([\#10953](https://github.com/matrix-org/matrix-react-sdk/pull/10953)).
+ * Hide URL preview if it will be empty ([\#9029](https://github.com/matrix-org/matrix-react-sdk/pull/9029)).
+ * Change wording from avatar to profile picture ([\#7015](https://github.com/matrix-org/matrix-react-sdk/pull/7015)). Fixes vector-im/element-meta#1331. Contributed by @aaronraimist.
+ * Quick and dirty devtool to explore state history ([\#11197](https://github.com/matrix-org/matrix-react-sdk/pull/11197)).
+ * Consider more user inputs when calculating zxcvbn score ([\#11180](https://github.com/matrix-org/matrix-react-sdk/pull/11180)).
+ * GYU: Account Notification Settings ([\#11008](https://github.com/matrix-org/matrix-react-sdk/pull/11008)). Fixes vector-im/element-web#24567. Contributed by @justjanne.
+ * Compound Typography pass ([\#11103](https://github.com/matrix-org/matrix-react-sdk/pull/11103)). Fixes vector-im/element-web#25548.
+ * OIDC: navigate to authorization endpoint ([\#11096](https://github.com/matrix-org/matrix-react-sdk/pull/11096)). Fixes vector-im/element-web#25574. Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Fix read receipt sending behaviour around thread roots ([\#3600](https://github.com/matrix-org/matrix-js-sdk/pull/3600)).
+ * Fix missing metaspace notification badges ([\#11269](https://github.com/matrix-org/matrix-react-sdk/pull/11269)). Fixes vector-im/element-web#25679.
+ * Make checkboxes less rounded ([\#11224](https://github.com/matrix-org/matrix-react-sdk/pull/11224)). Contributed by @andybalaam.
+ * GYU: Fix issues with audible keywords without activated mentions ([\#11218](https://github.com/matrix-org/matrix-react-sdk/pull/11218)). Contributed by @justjanne.
+ * PosthogAnalytics unwatch settings on logout ([\#11207](https://github.com/matrix-org/matrix-react-sdk/pull/11207)). Fixes vector-im/element-web#25703.
+ * Avoid trying to set room account data for pinned events as guest ([\#11216](https://github.com/matrix-org/matrix-react-sdk/pull/11216)). Fixes vector-im/element-web#6300.
+ * GYU: Disable sound for DMs checkbox when DM notifications are disabled ([\#11210](https://github.com/matrix-org/matrix-react-sdk/pull/11210)). Contributed by @justjanne.
+ * force to allow calls without video and audio in embedded mode ([\#11131](https://github.com/matrix-org/matrix-react-sdk/pull/11131)). Contributed by @EnricoSchw.
+ * Fix room tile text clipping ([\#11196](https://github.com/matrix-org/matrix-react-sdk/pull/11196)). Fixes vector-im/element-web#25718.
+ * Handle newlines in user pills ([\#11166](https://github.com/matrix-org/matrix-react-sdk/pull/11166)). Fixes vector-im/element-web#10994.
+ * Limit width of user menu in space panel ([\#11192](https://github.com/matrix-org/matrix-react-sdk/pull/11192)). Fixes vector-im/element-web#22627.
+ * Add isLocation to ComposerEvent analytics events ([\#11187](https://github.com/matrix-org/matrix-react-sdk/pull/11187)). Contributed by @andybalaam.
+ * Fix: hide unsupported login elements ([\#11185](https://github.com/matrix-org/matrix-react-sdk/pull/11185)). Fixes vector-im/element-web#25711. Contributed by @kerryarchibald.
+ * Scope smaller font size to user info panel ([\#11178](https://github.com/matrix-org/matrix-react-sdk/pull/11178)). Fixes vector-im/element-web#25683.
+ * Apply i18n to strings in the html export ([\#11176](https://github.com/matrix-org/matrix-react-sdk/pull/11176)).
+ * Inhibit url previews on MXIDs containing slashes same as those without ([\#11160](https://github.com/matrix-org/matrix-react-sdk/pull/11160)).
+ * Make event info size consistent with state events ([\#11181](https://github.com/matrix-org/matrix-react-sdk/pull/11181)).
+ * Fix markdown content spacing ([\#11177](https://github.com/matrix-org/matrix-react-sdk/pull/11177)). Fixes vector-im/element-web#25685.
+ * Fix font-family definition for emojis ([\#11170](https://github.com/matrix-org/matrix-react-sdk/pull/11170)). Fixes vector-im/element-web#25686.
+ * Fix spurious error sending receipt in thread errors ([\#11157](https://github.com/matrix-org/matrix-react-sdk/pull/11157)).
+ * Consider the empty push rule actions array equiv to deprecated dont_notify ([\#11155](https://github.com/matrix-org/matrix-react-sdk/pull/11155)). Fixes vector-im/element-web#25674.
+ * Only trap escape key for cancel reply if there is a reply ([\#11140](https://github.com/matrix-org/matrix-react-sdk/pull/11140)). Fixes vector-im/element-web#25640.
+ * Update linkify to 4.1.1 ([\#11132](https://github.com/matrix-org/matrix-react-sdk/pull/11132)). Fixes vector-im/element-web#23806.
+
+Changes in [1.11.35](https://github.com/vector-im/element-desktop/releases/tag/v1.11.35) (2023-07-04)
+=====================================================================================================
+
+## 🦖 Deprecations
+ * Remove `feature_favourite_messages` as it is has been abandoned for now ([\#11097](https://github.com/matrix-org/matrix-react-sdk/pull/11097)). Fixes vector-im/element-web#25555.
+
+## ✨ Features
+ * Use brand and help url from config ([\#1008](https://github.com/vector-im/element-desktop/pull/1008)).
+ * Don't setup keys on login when encryption is force disabled ([\#11125](https://github.com/matrix-org/matrix-react-sdk/pull/11125)). Contributed by @kerryarchibald.
+ * OIDC: attempt dynamic client registration ([\#11074](https://github.com/matrix-org/matrix-react-sdk/pull/11074)). Fixes vector-im/element-web#25468 and vector-im/element-web#25467. Contributed by @kerryarchibald.
+ * OIDC: Check static client registration and add login flow ([\#11088](https://github.com/matrix-org/matrix-react-sdk/pull/11088)). Fixes vector-im/element-web#25467. Contributed by @kerryarchibald.
+ * Improve message body output from plain text editor ([\#11124](https://github.com/matrix-org/matrix-react-sdk/pull/11124)). Contributed by @alunturner.
+ * Disable encryption toggle in room settings when force disabled ([\#11122](https://github.com/matrix-org/matrix-react-sdk/pull/11122)). Contributed by @kerryarchibald.
+ * Add .well-known config option to force disable encryption on room creation ([\#11120](https://github.com/matrix-org/matrix-react-sdk/pull/11120)). Contributed by @kerryarchibald.
+ * Handle permalinks in room topic ([\#11115](https://github.com/matrix-org/matrix-react-sdk/pull/11115)). Fixes vector-im/element-web#23395.
+ * Add at room avatar for RTE ([\#11106](https://github.com/matrix-org/matrix-react-sdk/pull/11106)). Contributed by @alunturner.
+ * Remove new room breadcrumbs ([\#11104](https://github.com/matrix-org/matrix-react-sdk/pull/11104)).
+ * Update rich text editor dependency and associated changes ([\#11098](https://github.com/matrix-org/matrix-react-sdk/pull/11098)). Contributed by @alunturner.
+ * Implement new model, hooks and reconcilation code for new GYU notification settings ([\#11089](https://github.com/matrix-org/matrix-react-sdk/pull/11089)). Contributed by @justjanne.
+ * Allow maintaining a different right panel width for thread panels ([\#11064](https://github.com/matrix-org/matrix-react-sdk/pull/11064)). Fixes vector-im/element-web#25487.
+ * Make AppPermission pane scrollable ([\#10954](https://github.com/matrix-org/matrix-react-sdk/pull/10954)). Fixes vector-im/element-web#25438 and vector-im/element-web#25511. Contributed by @luixxiul.
+ * Integrate compound design tokens ([\#11091](https://github.com/matrix-org/matrix-react-sdk/pull/11091)). Fixes vector-im/internal-planning#450.
+ * Don't warn about the effects of redacting state events when redacting non-state-events ([\#11071](https://github.com/matrix-org/matrix-react-sdk/pull/11071)). Fixes vector-im/element-web#8478.
+ * Allow specifying help URLs in config.json ([\#11070](https://github.com/matrix-org/matrix-react-sdk/pull/11070)). Fixes vector-im/element-web#15268.
+
+## 🐛 Bug Fixes
+ * Fix error when generating error for polling for updates ([\#25609](https://github.com/vector-im/element-web/pull/25609)).
+ * Fix spurious notifications on non-live events ([\#11133](https://github.com/matrix-org/matrix-react-sdk/pull/11133)). Fixes vector-im/element-web#24336.
+ * Prevent auto-translation within composer ([\#11114](https://github.com/matrix-org/matrix-react-sdk/pull/11114)). Fixes vector-im/element-web#25624.
+ * Fix caret jump when backspacing into empty line at beginning of editor ([\#11128](https://github.com/matrix-org/matrix-react-sdk/pull/11128)). Fixes vector-im/element-web#22335.
+ * Fix server picker not allowing you to switch from custom to default ([\#11127](https://github.com/matrix-org/matrix-react-sdk/pull/11127)). Fixes vector-im/element-web#25650.
+ * Consider the unthreaded read receipt for Unread dot state ([\#11117](https://github.com/matrix-org/matrix-react-sdk/pull/11117)). Fixes vector-im/element-web#24229.
+ * Increase RTE resilience ([\#11111](https://github.com/matrix-org/matrix-react-sdk/pull/11111)). Fixes vector-im/element-web#25277. Contributed by @alunturner.
+ * Fix RoomView ignoring alias lookup errors due to them not knowing the roomId ([\#11099](https://github.com/matrix-org/matrix-react-sdk/pull/11099)). Fixes vector-im/element-web#24783 and vector-im/element-web#25562.
+ * Fix style inconsistencies on SecureBackupPanel ([\#11102](https://github.com/matrix-org/matrix-react-sdk/pull/11102)). Fixes vector-im/element-web#25615. Contributed by @luixxiul.
+ * Remove unknown MXIDs from invite suggestions ([\#11055](https://github.com/matrix-org/matrix-react-sdk/pull/11055)). Fixes vector-im/element-web#25446.
+ * Reduce volume of ring sounds to normalised levels ([\#9143](https://github.com/matrix-org/matrix-react-sdk/pull/9143)). Contributed by @JMoVS.
+ * Fix slash commands not being enabled in certain cases ([\#11090](https://github.com/matrix-org/matrix-react-sdk/pull/11090)). Fixes vector-im/element-web#25572.
+ * Prevent escape in threads from sending focus to main timeline composer ([\#11061](https://github.com/matrix-org/matrix-react-sdk/pull/11061)). Fixes vector-im/element-web#23397.
+
+Changes in [1.11.34](https://github.com/vector-im/element-desktop/releases/tag/v1.11.34) (2023-06-20)
+=====================================================================================================
+
+## ✨ Features
+ * OIDC: add delegatedauthentication to validated server config ([\#11053](https://github.com/matrix-org/matrix-react-sdk/pull/11053)). Contributed by @kerryarchibald.
+ * Allow image pasting in plain mode in RTE ([\#11056](https://github.com/matrix-org/matrix-react-sdk/pull/11056)). Contributed by @alunturner.
+ * Show room options menu if "UIComponent.roomOptionsMenu" is enabled ([\#10365](https://github.com/matrix-org/matrix-react-sdk/pull/10365)). Contributed by @maheichyk.
+ * Allow image pasting in rich text mode in RTE ([\#11049](https://github.com/matrix-org/matrix-react-sdk/pull/11049)). Contributed by @alunturner.
+ * Update voice broadcast redaction to use MSC3912 `with_rel_type` instead of `with_relations` ([\#11014](https://github.com/matrix-org/matrix-react-sdk/pull/11014)). Fixes vector-im/element-web#25471.
+ * Add config to skip widget_build_url for DM rooms ([\#11044](https://github.com/matrix-org/matrix-react-sdk/pull/11044)). Fixes vector-im/customer-retainer#74.
+ * Inhibit interactions on forward dialog message previews ([\#11025](https://github.com/matrix-org/matrix-react-sdk/pull/11025)). Fixes vector-im/element-web#23459.
+ * Removed `DecryptionFailureBar.tsx` ([\#11027](https://github.com/matrix-org/matrix-react-sdk/pull/11027)). Fixes vector-im/element-meta#1358. Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+ * Fix translucent `TextualEvent` on search results panel ([\#10810](https://github.com/matrix-org/matrix-react-sdk/pull/10810)). Fixes vector-im/element-web#25292. Contributed by @luixxiul.
+ * Matrix matrix scheme permalink constructor not stripping query params ([\#11060](https://github.com/matrix-org/matrix-react-sdk/pull/11060)). Fixes vector-im/element-web#25535.
+ * Fix: "manually verify by text" does nothing ([\#11059](https://github.com/matrix-org/matrix-react-sdk/pull/11059)). Fixes vector-im/element-web#25375. Contributed by @kerryarchibald.
+ * Make group calls respect the ICE fallback setting ([\#11047](https://github.com/matrix-org/matrix-react-sdk/pull/11047)). Fixes vector-im/voip-internal#65.
+ * Align list items on the tooltip to the start ([\#11041](https://github.com/matrix-org/matrix-react-sdk/pull/11041)). Fixes vector-im/element-web#25355. Contributed by @luixxiul.
+ * Clear thread panel event permalink when changing rooms ([\#11024](https://github.com/matrix-org/matrix-react-sdk/pull/11024)). Fixes vector-im/element-web#25484.
+ * Fix spinner placement on pinned widgets being reloaded ([\#10970](https://github.com/matrix-org/matrix-react-sdk/pull/10970)). Fixes vector-im/element-web#25431. Contributed by @luixxiul.
+
+Changes in [1.11.33](https://github.com/vector-im/element-desktop/releases/tag/v1.11.33) (2023-06-09)
+=====================================================================================================
+
+## 🐛 Bug Fixes
+ * Bump matrix-react-sdk to v3.73.1 for matrix-js-sdk v26.0.1 Fixes vector-im/element-web#25526.
+
+Changes in [1.11.32](https://github.com/vector-im/element-desktop/releases/tag/v1.11.32) (2023-06-06)
+=====================================================================================================
+
+## ✨ Features
+ * Redirect to the SSO page if `sso_redirect_options.on_welcome_page` is enabled and the URL hash is empty ([\#25495](https://github.com/vector-im/element-web/pull/25495)). Contributed by @dhenneke.
+ * vector/index.html: Allow fetching blob urls ([\#25336](https://github.com/vector-im/element-web/pull/25336)). Contributed by @SuperKenVery.
+ * When joining room in sub-space join the parents too ([\#11011](https://github.com/matrix-org/matrix-react-sdk/pull/11011)).
+ * Include thread replies in message previews ([\#10631](https://github.com/matrix-org/matrix-react-sdk/pull/10631)). Fixes vector-im/element-web#23920.
+ * Use semantic headings in space preferences ([\#11021](https://github.com/matrix-org/matrix-react-sdk/pull/11021)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings - Ignored users ([\#11006](https://github.com/matrix-org/matrix-react-sdk/pull/11006)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings - profile ([\#10973](https://github.com/matrix-org/matrix-react-sdk/pull/10973)). Fixes vector-im/element-web#25461. Contributed by @kerryarchibald.
+ * Use semantic headings in user settings - account ([\#10972](https://github.com/matrix-org/matrix-react-sdk/pull/10972)). Contributed by @kerryarchibald.
+ * Support `Insert from iPhone or iPad` in Safari ([\#10851](https://github.com/matrix-org/matrix-react-sdk/pull/10851)). Fixes vector-im/element-web#25327. Contributed by @SuperKenVery.
+ * Specify supportedStages for User Interactive Auth ([\#10975](https://github.com/matrix-org/matrix-react-sdk/pull/10975)). Fixes vector-im/element-web#19605.
+ * Pass device id to widgets ([\#10209](https://github.com/matrix-org/matrix-react-sdk/pull/10209)). Contributed by @Fox32.
+ * Use semantic headings in user settings - discovery ([\#10838](https://github.com/matrix-org/matrix-react-sdk/pull/10838)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings -  Notifications ([\#10948](https://github.com/matrix-org/matrix-react-sdk/pull/10948)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings - spellcheck and language ([\#10959](https://github.com/matrix-org/matrix-react-sdk/pull/10959)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings Appearance ([\#10827](https://github.com/matrix-org/matrix-react-sdk/pull/10827)). Contributed by @kerryarchibald.
+ * Use semantic heading in user settings Sidebar & Voip ([\#10782](https://github.com/matrix-org/matrix-react-sdk/pull/10782)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings Security ([\#10774](https://github.com/matrix-org/matrix-react-sdk/pull/10774)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings - integrations and account deletion ([\#10837](https://github.com/matrix-org/matrix-react-sdk/pull/10837)). Fixes vector-im/element-web#25378. Contributed by @kerryarchibald.
+ * Use semantic headings in user settings Preferences ([\#10794](https://github.com/matrix-org/matrix-react-sdk/pull/10794)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings Keyboard ([\#10793](https://github.com/matrix-org/matrix-react-sdk/pull/10793)). Contributed by @kerryarchibald.
+ * RTE plain text mentions as pills ([\#10852](https://github.com/matrix-org/matrix-react-sdk/pull/10852)). Contributed by @alunturner.
+ * Allow welcome.html logo to be replaced by config ([\#25339](https://github.com/vector-im/element-web/pull/25339)). Fixes vector-im/element-web#8636.
+ * Use semantic headings in user settings Labs ([\#10773](https://github.com/matrix-org/matrix-react-sdk/pull/10773)). Contributed by @kerryarchibald.
+ * Use semantic list elements for menu lists and tab lists ([\#10902](https://github.com/matrix-org/matrix-react-sdk/pull/10902)). Fixes vector-im/element-web#24928.
+ * Fix aria-required-children axe violation ([\#10900](https://github.com/matrix-org/matrix-react-sdk/pull/10900)). Fixes vector-im/element-web#25342.
+ * Enable pagination for overlay timelines ([\#10757](https://github.com/matrix-org/matrix-react-sdk/pull/10757)). Fixes vector-im/voip-internal#107.
+ * Add tooltip to disabled invite button due to lack of permissions ([\#10869](https://github.com/matrix-org/matrix-react-sdk/pull/10869)). Fixes vector-im/element-web#9824.
+ * Respect configured auth_header_logo_url for default Welcome page ([\#10870](https://github.com/matrix-org/matrix-react-sdk/pull/10870)).
+ * Specify lazy loading for avatars ([\#10866](https://github.com/matrix-org/matrix-react-sdk/pull/10866)). Fixes vector-im/element-web#1983.
+ * Room and user mentions for plain text editor ([\#10665](https://github.com/matrix-org/matrix-react-sdk/pull/10665)). Contributed by @alunturner.
+ * Add audible notifcation on broadcast error ([\#10654](https://github.com/matrix-org/matrix-react-sdk/pull/10654)). Fixes vector-im/element-web#25132.
+ * Fall back from server generated thumbnail to original image ([\#10853](https://github.com/matrix-org/matrix-react-sdk/pull/10853)).
+ * Use semantically correct elements for room sublist context menu ([\#10831](https://github.com/matrix-org/matrix-react-sdk/pull/10831)). Fixes vector-im/customer-retainer#46.
+ * Avoid calling prepareToEncrypt onKeyDown ([\#10828](https://github.com/matrix-org/matrix-react-sdk/pull/10828)).
+ * Allows search to recognize full room links ([\#8275](https://github.com/matrix-org/matrix-react-sdk/pull/8275)). Contributed by @bolu-tife.
+ * "Show rooms with unread messages first" should not be on by default for new users ([\#10820](https://github.com/matrix-org/matrix-react-sdk/pull/10820)). Fixes vector-im/element-web#25304. Contributed by @kerryarchibald.
+ * Fix emitter handler leak in ThreadView ([\#10803](https://github.com/matrix-org/matrix-react-sdk/pull/10803)).
+ * Add better error for email invites without identity server ([\#10739](https://github.com/matrix-org/matrix-react-sdk/pull/10739)). Fixes vector-im/element-web#16893.
+ * Move reaction message previews out of labs ([\#10601](https://github.com/matrix-org/matrix-react-sdk/pull/10601)). Fixes vector-im/element-web#25083.
+ * Sort muted rooms to the bottom of their section of the room list ([\#10592](https://github.com/matrix-org/matrix-react-sdk/pull/10592)). Fixes vector-im/element-web#25131. Contributed by @kerryarchibald.
+ * Use semantic headings in user settings Help & About ([\#10752](https://github.com/matrix-org/matrix-react-sdk/pull/10752)). Contributed by @kerryarchibald.
+ * use ExternalLink components for external links ([\#10758](https://github.com/matrix-org/matrix-react-sdk/pull/10758)). Contributed by @kerryarchibald.
+ * Use semantic headings in space settings ([\#10751](https://github.com/matrix-org/matrix-react-sdk/pull/10751)). Contributed by @kerryarchibald.
+ * Use semantic headings for room settings content ([\#10734](https://github.com/matrix-org/matrix-react-sdk/pull/10734)). Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Use consistent fonts for Japanese text ([\#10980](https://github.com/matrix-org/matrix-react-sdk/pull/10980)). Fixes vector-im/element-web#22333 and vector-im/element-web#23899.
+ * Fix: server picker validates unselected option ([\#11020](https://github.com/matrix-org/matrix-react-sdk/pull/11020)). Fixes vector-im/element-web#25488. Contributed by @kerryarchibald.
+ * Fix room list notification badges going missing in compact layout ([\#11022](https://github.com/matrix-org/matrix-react-sdk/pull/11022)). Fixes vector-im/element-web#25372.
+ * Fix call to `startSingleSignOn` passing enum in place of idpId ([\#10998](https://github.com/matrix-org/matrix-react-sdk/pull/10998)). Fixes vector-im/element-web#24953.
+ * Remove hover effect from user name on a DM creation UI ([\#10887](https://github.com/matrix-org/matrix-react-sdk/pull/10887)). Fixes vector-im/element-web#25305. Contributed by @luixxiul.
+ * Fix layout regression in public space invite dialog ([\#11009](https://github.com/matrix-org/matrix-react-sdk/pull/11009)). Fixes vector-im/element-web#25458.
+ * Fix layout regression in session dropdown ([\#10999](https://github.com/matrix-org/matrix-react-sdk/pull/10999)). Fixes vector-im/element-web#25448.
+ * Fix spacing regression in user settings - roles & permissions ([\#10993](https://github.com/matrix-org/matrix-react-sdk/pull/10993)). Fixes vector-im/element-web#25447 and vector-im/element-web#25451. Contributed by @kerryarchibald.
+ * Fall back to receipt timestamp if we have no event (react-sdk part) ([\#10974](https://github.com/matrix-org/matrix-react-sdk/pull/10974)). Fixes vector-im/element-web#10954. Contributed by @andybalaam.
+ * Fix: Room header 'view your device list' does not link to new session manager ([\#10979](https://github.com/matrix-org/matrix-react-sdk/pull/10979)). Fixes vector-im/element-web#25440. Contributed by @kerryarchibald.
+ * Fix display of devices without encryption support in Settings dialog ([\#10977](https://github.com/matrix-org/matrix-react-sdk/pull/10977)). Fixes vector-im/element-web#25413.
+ * Use aria descriptions instead of labels for TextWithTooltip ([\#10952](https://github.com/matrix-org/matrix-react-sdk/pull/10952)). Fixes vector-im/element-web#25398.
+ * Use grapheme-splitter instead of lodash for saving emoji from being ripped apart ([\#10976](https://github.com/matrix-org/matrix-react-sdk/pull/10976)). Fixes vector-im/element-web#22196.
+ * Fix: content overflow in settings subsection ([\#10960](https://github.com/matrix-org/matrix-react-sdk/pull/10960)). Fixes vector-im/element-web#25416. Contributed by @kerryarchibald.
+ * Make `Privacy Notice` external link on integration manager ToS clickable ([\#10914](https://github.com/matrix-org/matrix-react-sdk/pull/10914)). Fixes vector-im/element-web#25384. Contributed by @luixxiul.
+ * Ensure that open message context menus are updated when the event is sent ([\#10950](https://github.com/matrix-org/matrix-react-sdk/pull/10950)).
+ * Ensure that open sticker picker dialogs are updated when the widget configuration is updated. ([\#10945](https://github.com/matrix-org/matrix-react-sdk/pull/10945)).
+ * Fix big emoji in replies ([\#10932](https://github.com/matrix-org/matrix-react-sdk/pull/10932)). Fixes vector-im/element-web#24798.
+ * Hide empty `MessageActionBar` on message edit history dialog ([\#10447](https://github.com/matrix-org/matrix-react-sdk/pull/10447)). Fixes vector-im/element-web#24903. Contributed by @luixxiul.
+ * Fix roving tab index getting confused after dragging space order ([\#10901](https://github.com/matrix-org/matrix-react-sdk/pull/10901)).
+ * Attempt a potential workaround for stuck notifs ([\#3384](https://github.com/matrix-org/matrix-js-sdk/pull/3384)). Fixes vector-im/element-web#25406. Contributed by @andybalaam.
+ * Update to seshat 3.0.1 ([\#960](https://github.com/vector-im/element-desktop/pull/960)). Fixes #959.
+ * Fix macos update check exploding ([\#944](https://github.com/vector-im/element-desktop/pull/944)). Fixes #668.
+ * Handle trailing dot FQDNs for domain-specific config.json files ([\#25351](https://github.com/vector-im/element-web/pull/25351)). Fixes vector-im/element-web#8858.
+ * Ignore edits in message previews when they concern messages other than latest ([\#10868](https://github.com/matrix-org/matrix-react-sdk/pull/10868)). Fixes vector-im/element-web#14872.
+ * Send correct receipts when viewing a room ([\#10864](https://github.com/matrix-org/matrix-react-sdk/pull/10864)). Fixes vector-im/element-web#25196.
+ * Fix timeline search bar being overlapped by the right panel ([\#10809](https://github.com/matrix-org/matrix-react-sdk/pull/10809)). Fixes vector-im/element-web#25291. Contributed by @luixxiul.
+ * Fix the state shown for call in rooms ([\#10833](https://github.com/matrix-org/matrix-react-sdk/pull/10833)).
+ * Add string for membership event where both displayname & avatar change ([\#10880](https://github.com/matrix-org/matrix-react-sdk/pull/10880)). Fixes vector-im/element-web#18026.
+ * Fix people space notification badge not updating for new DM invites ([\#10849](https://github.com/matrix-org/matrix-react-sdk/pull/10849)). Fixes vector-im/element-web#23248.
+ * Fix regression in emoji picker order mangling after clearing filter ([\#10854](https://github.com/matrix-org/matrix-react-sdk/pull/10854)). Fixes vector-im/element-web#25323.
+ * Fix: Edit history modal crash ([\#10834](https://github.com/matrix-org/matrix-react-sdk/pull/10834)). Fixes vector-im/element-web#25309. Contributed by @kerryarchibald.
+ * Fix long room address and name not being clipped on room info card and update `_RoomSummaryCard.pcss` ([\#10811](https://github.com/matrix-org/matrix-react-sdk/pull/10811)). Fixes vector-im/element-web#25293. Contributed by @luixxiul.
+ * Treat thumbnail upload failures as complete upload failures ([\#10829](https://github.com/matrix-org/matrix-react-sdk/pull/10829)). Fixes vector-im/element-web#7069.
+ * Update finite automata to match user identifiers as per spec ([\#10798](https://github.com/matrix-org/matrix-react-sdk/pull/10798)). Fixes vector-im/element-web#25246.
+ * Fix icon on empty notification panel ([\#10817](https://github.com/matrix-org/matrix-react-sdk/pull/10817)). Fixes vector-im/element-web#25298 and vector-im/element-web#25302. Contributed by @luixxiul.
+ * Fix: Threads button is highlighted when I create a new room ([\#10819](https://github.com/matrix-org/matrix-react-sdk/pull/10819)). Fixes vector-im/element-web#25284. Contributed by @kerryarchibald.
+ * Fix the top heading of notification panel ([\#10818](https://github.com/matrix-org/matrix-react-sdk/pull/10818)). Fixes vector-im/element-web#25303. Contributed by @luixxiul.
+ * Fix the color of the verified E2EE icon on `RoomSummaryCard` ([\#10812](https://github.com/matrix-org/matrix-react-sdk/pull/10812)). Fixes vector-im/element-web#25295. Contributed by @luixxiul.
+ * Fix: No feedback when waiting for the server on a /delete_devices request with SSO ([\#10795](https://github.com/matrix-org/matrix-react-sdk/pull/10795)). Fixes vector-im/element-web#23096. Contributed by @kerryarchibald.
+ * Fix: reveal images when image previews are disabled ([\#10781](https://github.com/matrix-org/matrix-react-sdk/pull/10781)). Fixes vector-im/element-web#25271. Contributed by @kerryarchibald.
+ * Fix accessibility issues around the room list and space panel ([\#10717](https://github.com/matrix-org/matrix-react-sdk/pull/10717)). Fixes vector-im/element-web#13345.
+ * Ensure tooltip contents is linked via aria to the target element ([\#10729](https://github.com/matrix-org/matrix-react-sdk/pull/10729)). Fixes vector-im/customer-retainer#43.
+
+Changes in [1.11.31](https://github.com/vector-im/element-desktop/releases/tag/v1.11.31) (2023-05-10)
+=====================================================================================================
+
+## 🚨 BREAKING CHANGES
+ * If you package Element Desktop with a static sqlcipher, you may need to tweak some build scripts: SQLCIPHER_STATIC became SQLCIPHER_BUNDLED, and OpenSSL is now included too.
+
+## ✨ Features
+ * Start packaging for Debian & Ubuntu aarch64 ([\#895](https://github.com/vector-im/element-desktop/pull/895)).
+ * Use a fully static seshat build ([\#631](https://github.com/vector-im/element-desktop/pull/631)). Contributed by @MatMaul.
+ * Improve Content-Security-Policy ([\#25210](https://github.com/vector-im/element-web/pull/25210)).
+ * Add UIFeature.locationSharing to hide location sharing ([\#10727](https://github.com/matrix-org/matrix-react-sdk/pull/10727)).
+ * Memoize field validation results ([\#10714](https://github.com/matrix-org/matrix-react-sdk/pull/10714)).
+ * Commands for plain text editor ([\#10567](https://github.com/matrix-org/matrix-react-sdk/pull/10567)). Contributed by @alunturner.
+ * Allow 16 lines of text in the rich text editors ([\#10670](https://github.com/matrix-org/matrix-react-sdk/pull/10670)). Contributed by @alunturner.
+ * Bail out of `RoomSettingsDialog` when room is not found ([\#10662](https://github.com/matrix-org/matrix-react-sdk/pull/10662)). Contributed by @kerryarchibald.
+ * Element-R: Populate device list for right-panel ([\#10671](https://github.com/matrix-org/matrix-react-sdk/pull/10671)). Contributed by @florianduros.
+ * Make existing and new issue URLs configurable ([\#10710](https://github.com/matrix-org/matrix-react-sdk/pull/10710)). Fixes vector-im/element-web#24424.
+ * Fix usages of ARIA tabpanel ([\#10628](https://github.com/matrix-org/matrix-react-sdk/pull/10628)). Fixes vector-im/element-web#25016.
+ * Element-R: Starting a DMs with a user ([\#10673](https://github.com/matrix-org/matrix-react-sdk/pull/10673)). Contributed by @florianduros.
+ * ARIA Accessibility improvements ([\#10675](https://github.com/matrix-org/matrix-react-sdk/pull/10675)).
+ * ARIA Accessibility improvements ([\#10674](https://github.com/matrix-org/matrix-react-sdk/pull/10674)).
+ * Add arrow key controls to emoji and reaction pickers ([\#10637](https://github.com/matrix-org/matrix-react-sdk/pull/10637)). Fixes vector-im/element-web#17189.
+ * Translate credits in help about section ([\#10676](https://github.com/matrix-org/matrix-react-sdk/pull/10676)).
+
+## 🐛 Bug Fixes
+ * Fix macos update check exploding ([\#944](https://github.com/vector-im/element-desktop/pull/944)). Fixes #668.
+ * Fix: reveal images when image previews are disabled ([\#10781](https://github.com/matrix-org/matrix-react-sdk/pull/10781)). Fixes vector-im/element-web#25271. Contributed by @kerryarchibald.
+ * Workaround Squirrel.Mac wedging app restart after failed update check ([\#629](https://github.com/vector-im/element-desktop/pull/629)).
+ * Fix autocomplete not resetting properly on message send ([\#10741](https://github.com/matrix-org/matrix-react-sdk/pull/10741)). Fixes vector-im/element-web#25170.
+ * Fix start_sso not working with guests disabled ([\#10720](https://github.com/matrix-org/matrix-react-sdk/pull/10720)). Fixes vector-im/element-web#16624.
+ * Fix soft crash with Element call widgets ([\#10684](https://github.com/matrix-org/matrix-react-sdk/pull/10684)).
+ * Send correct receipt when marking a room as read ([\#10730](https://github.com/matrix-org/matrix-react-sdk/pull/10730)). Fixes vector-im/element-web#25207.
+ * Offload some more waveform processing onto a worker ([\#9223](https://github.com/matrix-org/matrix-react-sdk/pull/9223)). Fixes vector-im/element-web#19756.
+ * Consolidate login errors ([\#10722](https://github.com/matrix-org/matrix-react-sdk/pull/10722)). Fixes vector-im/element-web#17520.
+ * Fix all rooms search generating permalinks to wrong room id ([\#10625](https://github.com/matrix-org/matrix-react-sdk/pull/10625)). Fixes vector-im/element-web#25115.
+ * Posthog properly handle Analytics ID changing from under us ([\#10702](https://github.com/matrix-org/matrix-react-sdk/pull/10702)). Fixes vector-im/element-web#25187.
+ * Fix Clock being read as an absolute time rather than duration ([\#10706](https://github.com/matrix-org/matrix-react-sdk/pull/10706)). Fixes vector-im/element-web#22582.
+ * Properly translate errors in `ChangePassword.tsx` so they show up translated to the user but not in our logs ([\#10615](https://github.com/matrix-org/matrix-react-sdk/pull/10615)). Fixes vector-im/element-web#9597. Contributed by @MadLittleMods.
+ * Honour feature toggles in guest mode ([\#10651](https://github.com/matrix-org/matrix-react-sdk/pull/10651)). Fixes vector-im/element-web#24513. Contributed by @andybalaam.
+ * Fix default content in devtools event sender ([\#10699](https://github.com/matrix-org/matrix-react-sdk/pull/10699)). Contributed by @tulir.
+ * Fix a crash when a call ends while you're in it ([\#10681](https://github.com/matrix-org/matrix-react-sdk/pull/10681)). Fixes vector-im/element-web#25153.
+ * Fix lack of screen reader indication when triggering auto complete ([\#10664](https://github.com/matrix-org/matrix-react-sdk/pull/10664)). Fixes vector-im/element-web#11011.
+ * Fix typing tile duplicating users ([\#10678](https://github.com/matrix-org/matrix-react-sdk/pull/10678)). Fixes vector-im/element-web#25165.
+ * Fix wrong room topic tooltip position ([\#10667](https://github.com/matrix-org/matrix-react-sdk/pull/10667)). Fixes vector-im/element-web#25158.
+ * Fix create subspace dialog not working ([\#10652](https://github.com/matrix-org/matrix-react-sdk/pull/10652)). Fixes vector-im/element-web#24882.
+
+Changes in [1.11.30](https://github.com/vector-im/element-desktop/releases/tag/v1.11.30) (2023-04-25)
+=====================================================================================================
+
+## 🔒 Security
+ * Fixes for [CVE-2023-30609](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE-2023-30609) / GHSA-xv83-x443-7rmw
+
+## ✨ Features
+ * Pick sensible default option for phone country dropdown ([\#10627](https://github.com/matrix-org/matrix-react-sdk/pull/10627)). Fixes vector-im/element-web#3528.
+ * Relate field validation tooltip via aria-describedby ([\#10522](https://github.com/matrix-org/matrix-react-sdk/pull/10522)). Fixes vector-im/element-web#24963.
+ * Handle more completion types in rte autocomplete ([\#10560](https://github.com/matrix-org/matrix-react-sdk/pull/10560)). Contributed by @alunturner.
+ * Show a tile for an unloaded predecessor room if it has via_servers ([\#10483](https://github.com/matrix-org/matrix-react-sdk/pull/10483)). Contributed by @andybalaam.
+ * Exclude message timestamps from aria live region ([\#10584](https://github.com/matrix-org/matrix-react-sdk/pull/10584)). Fixes vector-im/element-web#5696.
+ * Make composer format bar an aria toolbar ([\#10583](https://github.com/matrix-org/matrix-react-sdk/pull/10583)). Fixes vector-im/element-web#11283.
+ * Improve accessibility of font slider ([\#10473](https://github.com/matrix-org/matrix-react-sdk/pull/10473)). Fixes vector-im/element-web#20168 and vector-im/element-web#24962.
+ * fix file size display from kB to KB ([\#10561](https://github.com/matrix-org/matrix-react-sdk/pull/10561)). Fixes vector-im/element-web#24866. Contributed by @NSV1991.
+ * Handle /me in rte ([\#10558](https://github.com/matrix-org/matrix-react-sdk/pull/10558)). Contributed by @alunturner.
+ * bind html with switch for manage extension setting option ([\#10553](https://github.com/matrix-org/matrix-react-sdk/pull/10553)). Contributed by @NSV1991.
+ * Handle command completions in RTE ([\#10521](https://github.com/matrix-org/matrix-react-sdk/pull/10521)). Contributed by @alunturner.
+ * Add room and user avatars to rte ([\#10497](https://github.com/matrix-org/matrix-react-sdk/pull/10497)). Contributed by @alunturner.
+ * Support for MSC3882 revision 1 ([\#10443](https://github.com/matrix-org/matrix-react-sdk/pull/10443)). Contributed by @hughns.
+ * Check profiles before starting a DM ([\#10472](https://github.com/matrix-org/matrix-react-sdk/pull/10472)). Fixes vector-im/element-web#24830.
+ * Quick settings: Change the copy / labels on the options ([\#10427](https://github.com/matrix-org/matrix-react-sdk/pull/10427)). Fixes vector-im/element-web#24522. Contributed by @justjanne.
+ * Update rte autocomplete styling ([\#10503](https://github.com/matrix-org/matrix-react-sdk/pull/10503)). Contributed by @alunturner.
+
+## 🐛 Bug Fixes
+ * Workaround Squirrel.Mac wedging app restart after failed update check ([\#629](https://github.com/vector-im/element-desktop/pull/629)).
+ * Fix error about webContents on log out ([\#627](https://github.com/vector-im/element-desktop/pull/627)).
+ * Fix error when breadcrumb image fails to load ([\#609](https://github.com/vector-im/element-desktop/pull/609)).
+ * Fix create subspace dialog not working ([\#10652](https://github.com/matrix-org/matrix-react-sdk/pull/10652)). Fixes vector-im/element-web#24882
+ * Fix multiple accessibility defects identified by AXE ([\#10606](https://github.com/matrix-org/matrix-react-sdk/pull/10606)).
+ * Fix view source from edit history dialog always showing latest event ([\#10626](https://github.com/matrix-org/matrix-react-sdk/pull/10626)). Fixes vector-im/element-web#21859.
+ * #21451 Fix WebGL disabled error message ([\#10589](https://github.com/matrix-org/matrix-react-sdk/pull/10589)). Contributed by @rashmitpankhania.
+ * Properly translate errors in `AddThreepid.ts` so they show up translated to the user but not in our logs ([\#10432](https://github.com/matrix-org/matrix-react-sdk/pull/10432)). Contributed by @MadLittleMods.
+ * Fix overflow on auth pages ([\#10605](https://github.com/matrix-org/matrix-react-sdk/pull/10605)). Fixes vector-im/element-web#19548.
+ * Fix incorrect avatar background colour when using a custom theme ([\#10598](https://github.com/matrix-org/matrix-react-sdk/pull/10598)). Contributed by @jdauphant.
+ * Remove dependency on `org.matrix.e2e_cross_signing` unstable feature ([\#10593](https://github.com/matrix-org/matrix-react-sdk/pull/10593)).
+ * Update setting description to match reality ([\#10600](https://github.com/matrix-org/matrix-react-sdk/pull/10600)). Fixes vector-im/element-web#25106.
+ * Fix no identity server in help & about settings ([\#10563](https://github.com/matrix-org/matrix-react-sdk/pull/10563)). Fixes vector-im/element-web#25077.
+ * Fix: Images no longer reserve their space in the timeline correctly ([\#10571](https://github.com/matrix-org/matrix-react-sdk/pull/10571)). Fixes vector-im/element-web#25082. Contributed by @kerryarchibald.
+ * Fix issues with inhibited accessible focus outlines ([\#10579](https://github.com/matrix-org/matrix-react-sdk/pull/10579)). Fixes vector-im/element-web#19742.
+ * Fix read receipts falling from sky ([\#10576](https://github.com/matrix-org/matrix-react-sdk/pull/10576)). Fixes vector-im/element-web#25081.
+ * Fix avatar text issue in rte ([\#10559](https://github.com/matrix-org/matrix-react-sdk/pull/10559)). Contributed by @alunturner.
+ * fix resizer only work with left mouse click ([\#10546](https://github.com/matrix-org/matrix-react-sdk/pull/10546)). Contributed by @NSV1991.
+ * Fix send two join requests when joining a room from spotlight search ([\#10534](https://github.com/matrix-org/matrix-react-sdk/pull/10534)). Fixes vector-im/element-web#25054.
+ * Highlight event when any version triggered a highlight ([\#10502](https://github.com/matrix-org/matrix-react-sdk/pull/10502)). Fixes vector-im/element-web#24923 and vector-im/element-web#24970. Contributed by @kerryarchibald.
+ * Fix spacing of headings of integration manager on General settings tab ([\#10232](https://github.com/matrix-org/matrix-react-sdk/pull/10232)). Fixes vector-im/element-web#24085. Contributed by @luixxiul.
+
+Changes in [1.11.29](https://github.com/vector-im/element-desktop/releases/tag/v1.11.29) (2023-04-11)
+=====================================================================================================
+
+## ✨ Features
+ * Ship linux tarball with static sqlcipher ([\#597](https://github.com/vector-im/element-desktop/pull/597)). Fixes vector-im/element-web#18486.
+ * Show recent room breadcrumbs on touchbar ([\#183](https://github.com/vector-im/element-desktop/pull/183)). Fixes vector-im/element-web#15998.
+ * Clear electron data when logging out ([\#578](https://github.com/vector-im/element-desktop/pull/578)).
+ * Send Electron crashpad reports to Sentry from Nightly ([\#579](https://github.com/vector-im/element-desktop/pull/579)). Fixes vector-im/element-web#18263.
+ * Recommend element-io-archive-keyring from our Debian package ([\#566](https://github.com/vector-im/element-desktop/pull/566)).
+ * Allow desktop app to expose recent rooms in UI integrations ([\#16940](https://github.com/vector-im/element-web/pull/16940)).
+ * Add API params to mute audio and/or video in Jitsi calls by default ([\#24820](https://github.com/vector-im/element-web/pull/24820)). Contributed by @dhenneke.
+ * Style mentions as pills in rich text editor ([\#10448](https://github.com/matrix-org/matrix-react-sdk/pull/10448)). Contributed by @alunturner.
+ * Show room create icon if "UIComponent.roomCreation" is enabled ([\#10364](https://github.com/matrix-org/matrix-react-sdk/pull/10364)). Contributed by @maheichyk.
+ * Mentions as links rte ([\#10463](https://github.com/matrix-org/matrix-react-sdk/pull/10463)). Contributed by @alunturner.
+ * Better error handling in jump to date ([\#10405](https://github.com/matrix-org/matrix-react-sdk/pull/10405)). Contributed by @MadLittleMods.
+ * Show "Invite" menu option if "UIComponent.sendInvites" is enabled. ([\#10363](https://github.com/matrix-org/matrix-react-sdk/pull/10363)). Contributed by @maheichyk.
+ * Added `UserProfilesStore`, `LruCache` and user permalink profile caching ([\#10425](https://github.com/matrix-org/matrix-react-sdk/pull/10425)). Fixes vector-im/element-web#10559.
+ * Mentions as links rte ([\#10422](https://github.com/matrix-org/matrix-react-sdk/pull/10422)). Contributed by @alunturner.
+ * Implement MSC3952: intentional mentions ([\#9983](https://github.com/matrix-org/matrix-react-sdk/pull/9983)).
+ * Implement MSC3973: Search users in the user directory with the Widget API ([\#10269](https://github.com/matrix-org/matrix-react-sdk/pull/10269)). Contributed by @dhenneke.
+ * Permalinks to message are now displayed as pills ([\#10392](https://github.com/matrix-org/matrix-react-sdk/pull/10392)). Fixes vector-im/element-web#24751 and vector-im/element-web#24706.
+ * Show search,dial,explore in filterContainer if "UIComponent.filterContainer" is enabled ([\#10381](https://github.com/matrix-org/matrix-react-sdk/pull/10381)). Contributed by @maheichyk.
+ * Increase space panel collapse clickable area ([\#6084](https://github.com/matrix-org/matrix-react-sdk/pull/6084)). Fixes vector-im/element-web#17379. Contributed by @jaiwanth-v.
+ * Add fallback for replies to Polls ([\#10380](https://github.com/matrix-org/matrix-react-sdk/pull/10380)). Fixes vector-im/element-web#24197. Contributed by @kerryarchibald.
+ * Permalinks to rooms and users are now pillified ([\#10388](https://github.com/matrix-org/matrix-react-sdk/pull/10388)). Fixes vector-im/element-web#24825.
+ * Poll history -  access poll history from room settings ([\#10356](https://github.com/matrix-org/matrix-react-sdk/pull/10356)). Contributed by @kerryarchibald.
+ * Add API params to mute audio and/or video in Jitsi calls by default ([\#10376](https://github.com/matrix-org/matrix-react-sdk/pull/10376)). Contributed by @dhenneke.
+ * Notifications: inline error message on notifications saving error ([\#10288](https://github.com/matrix-org/matrix-react-sdk/pull/10288)). Contributed by @kerryarchibald.
+ * Support dynamic room predecessor in SpaceProvider ([\#10348](https://github.com/matrix-org/matrix-react-sdk/pull/10348)). Contributed by @andybalaam.
+ * Support dynamic room predecessors for RoomProvider ([\#10346](https://github.com/matrix-org/matrix-react-sdk/pull/10346)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in OwnBeaconStore ([\#10339](https://github.com/matrix-org/matrix-react-sdk/pull/10339)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in ForwardDialog ([\#10344](https://github.com/matrix-org/matrix-react-sdk/pull/10344)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in SpaceHierarchy ([\#10341](https://github.com/matrix-org/matrix-react-sdk/pull/10341)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in AddExistingToSpaceDialog ([\#10342](https://github.com/matrix-org/matrix-react-sdk/pull/10342)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in leave-behaviour ([\#10340](https://github.com/matrix-org/matrix-react-sdk/pull/10340)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in StopGapWidgetDriver ([\#10338](https://github.com/matrix-org/matrix-react-sdk/pull/10338)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in WidgetLayoutStore ([\#10326](https://github.com/matrix-org/matrix-react-sdk/pull/10326)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in SpaceStore ([\#10332](https://github.com/matrix-org/matrix-react-sdk/pull/10332)). Contributed by @andybalaam.
+ * Sync polls push rules on changes to account_data ([\#10287](https://github.com/matrix-org/matrix-react-sdk/pull/10287)). Contributed by @kerryarchibald.
+ * Support dynamic room predecessors in BreadcrumbsStore ([\#10295](https://github.com/matrix-org/matrix-react-sdk/pull/10295)). Contributed by @andybalaam.
+ * Improved a11y for Field feedback and Secure Phrase input ([\#10320](https://github.com/matrix-org/matrix-react-sdk/pull/10320)). Contributed by @Sebbones.
+ * Support dynamic room predecessors in RoomNotificationStateStore ([\#10297](https://github.com/matrix-org/matrix-react-sdk/pull/10297)). Contributed by @andybalaam.
+
+## 🐛 Bug Fixes
+ * Run build_linux in docker using an older glibc ([\#599](https://github.com/vector-im/element-desktop/pull/599)). Fixes vector-im/element-web#24981.
+ * Use a newly generated access_token while joining Jitsi ([\#24646](https://github.com/vector-im/element-web/pull/24646)). Fixes vector-im/element-web#24687. Contributed by @emrahcom.
+ * Fix cloudflare action pointing at commit hash instead of tag ([\#24777](https://github.com/vector-im/element-web/pull/24777)). Contributed by @justjanne.
+ * Allow editing with RTE to overflow for autocomplete visibility ([\#10499](https://github.com/matrix-org/matrix-react-sdk/pull/10499)). Contributed by @alunturner.
+ * Added auto focus to Github URL on opening of debug logs modal ([\#10479](https://github.com/matrix-org/matrix-react-sdk/pull/10479)). Contributed by @ShivamSpm.
+ * Fix detection of encryption for all users in a room ([\#10487](https://github.com/matrix-org/matrix-react-sdk/pull/10487)). Fixes vector-im/element-web#24995.
+ * Properly generate mentions when editing a reply with MSC3952 ([\#10486](https://github.com/matrix-org/matrix-react-sdk/pull/10486)). Fixes vector-im/element-web#24924. Contributed by @kerryarchibald.
+ * Improve performance of rendering a room with many hidden events ([\#10131](https://github.com/matrix-org/matrix-react-sdk/pull/10131)). Contributed by @andybalaam.
+ * Prevent future date selection in jump to date ([\#10419](https://github.com/matrix-org/matrix-react-sdk/pull/10419)). Fixes vector-im/element-web#20800. Contributed by @MadLittleMods.
+ * Add aria labels to message search bar to improve accessibility ([\#10476](https://github.com/matrix-org/matrix-react-sdk/pull/10476)). Fixes vector-im/element-web#24921.
+ * Fix decryption failure bar covering the timeline ([\#10360](https://github.com/matrix-org/matrix-react-sdk/pull/10360)). Fixes vector-im/element-web#24780 vector-im/element-web#24074 and vector-im/element-web#24183. Contributed by @luixxiul.
+ * Improve profile picture settings accessibility ([\#10470](https://github.com/matrix-org/matrix-react-sdk/pull/10470)). Fixes vector-im/element-web#24919.
+ * Handle group call redaction ([\#10465](https://github.com/matrix-org/matrix-react-sdk/pull/10465)).
+ * Display relative timestamp for threads on the same calendar day ([\#10399](https://github.com/matrix-org/matrix-react-sdk/pull/10399)). Fixes vector-im/element-web#24841. Contributed by @kerryarchibald.
+ * Fix timeline list and paragraph display issues ([\#10424](https://github.com/matrix-org/matrix-react-sdk/pull/10424)). Fixes vector-im/element-web#24602. Contributed by @alunturner.
+ * Use unique keys for voice broadcast pips ([\#10457](https://github.com/matrix-org/matrix-react-sdk/pull/10457)). Fixes vector-im/element-web#24959.
+ * Fix "show read receipts sent by other users" not applying to threads ([\#10445](https://github.com/matrix-org/matrix-react-sdk/pull/10445)). Fixes vector-im/element-web#24910.
+ * Fix joining public rooms without aliases in search dialog ([\#10437](https://github.com/matrix-org/matrix-react-sdk/pull/10437)). Fixes vector-im/element-web#23937.
+ * Add input validation for `m.direct` in `DMRoomMap` ([\#10436](https://github.com/matrix-org/matrix-react-sdk/pull/10436)). Fixes vector-im/element-web#24909.
+ * Reduce height reserved for "collapse" button's line on IRC layout ([\#10211](https://github.com/matrix-org/matrix-react-sdk/pull/10211)). Fixes vector-im/element-web#24605. Contributed by @luixxiul.
+ * Fix `creatorUserId is required` error when opening sticker picker ([\#10423](https://github.com/matrix-org/matrix-react-sdk/pull/10423)).
+ * Fix block/inline Element descendants error noise in `NewRoomIntro.tsx` ([\#10412](https://github.com/matrix-org/matrix-react-sdk/pull/10412)). Contributed by @MadLittleMods.
+ * Fix profile resizer to make first character of a line selectable in IRC layout ([\#10396](https://github.com/matrix-org/matrix-react-sdk/pull/10396)). Fixes vector-im/element-web#14764. Contributed by @luixxiul.
+ * Ensure space between wrapped lines of room name on IRC layout ([\#10188](https://github.com/matrix-org/matrix-react-sdk/pull/10188)). Fixes vector-im/element-web#24742. Contributed by @luixxiul.
+ * Remove unreadable alt attribute from the room status bar warning icon (nonsense to screenreaders) ([\#10402](https://github.com/matrix-org/matrix-react-sdk/pull/10402)). Contributed by @MadLittleMods.
+ * Fix big date separators when jump to date is enabled ([\#10404](https://github.com/matrix-org/matrix-react-sdk/pull/10404)). Fixes vector-im/element-web#22969. Contributed by @MadLittleMods.
+ * Fixes user authentication when registering via the module API ([\#10257](https://github.com/matrix-org/matrix-react-sdk/pull/10257)). Contributed by @maheichyk.
+ * Handle more edge cases in Space Hierarchy ([\#10280](https://github.com/matrix-org/matrix-react-sdk/pull/10280)). Contributed by @justjanne.
+ * Further improve performance with lots of hidden events ([\#10353](https://github.com/matrix-org/matrix-react-sdk/pull/10353)). Fixes vector-im/element-web#24480. Contributed by @andybalaam.
+ * Respect user cancelling upload flow by dismissing spinner ([\#10373](https://github.com/matrix-org/matrix-react-sdk/pull/10373)). Fixes vector-im/element-web#24667.
+ * When starting a DM, the end-to-end encryption status icon does now only appear if the DM can be encrypted ([\#10394](https://github.com/matrix-org/matrix-react-sdk/pull/10394)). Fixes vector-im/element-web#24397.
+ * Fix `[object Object]` in feedback metadata ([\#10390](https://github.com/matrix-org/matrix-react-sdk/pull/10390)).
+ * Fix pinned messages card saying nothing pinned while loading ([\#10385](https://github.com/matrix-org/matrix-react-sdk/pull/10385)). Fixes vector-im/element-web#24615.
+ * Fix import e2e key dialog staying disabled after paste ([\#10375](https://github.com/matrix-org/matrix-react-sdk/pull/10375)). Fixes vector-im/element-web#24818.
+ * Show all labs even if incompatible, with appropriate tooltip explaining requirements ([\#10369](https://github.com/matrix-org/matrix-react-sdk/pull/10369)). Fixes vector-im/element-web#24813.
+ * Fix UIFeature.Registration not applying to all paths ([\#10371](https://github.com/matrix-org/matrix-react-sdk/pull/10371)). Fixes vector-im/element-web#24814.
+ * Clicking on a user pill does now only open the profile in the right panel and no longer navigates to the home view. ([\#10359](https://github.com/matrix-org/matrix-react-sdk/pull/10359)). Fixes vector-im/element-web#24797.
+ * Fix start DM with pending third party invite ([\#10347](https://github.com/matrix-org/matrix-react-sdk/pull/10347)). Fixes vector-im/element-web#24781.
+ * Fix long display name overflowing reply tile on IRC layout ([\#10343](https://github.com/matrix-org/matrix-react-sdk/pull/10343)). Fixes vector-im/element-web#24738. Contributed by @luixxiul.
+ * Display redacted body on ThreadView in the same way as normal messages ([\#9016](https://github.com/matrix-org/matrix-react-sdk/pull/9016)). Fixes vector-im/element-web#24729. Contributed by @luixxiul.
+ * Handle more edge cases in ACL updates ([\#10279](https://github.com/matrix-org/matrix-react-sdk/pull/10279)). Contributed by @justjanne.
+ * Allow parsing png files to fail if thumbnailing is successful ([\#10308](https://github.com/matrix-org/matrix-react-sdk/pull/10308)).
+
+Changes in [1.11.28](https://github.com/vector-im/element-desktop/releases/tag/v1.11.28) (2023-03-31)
+=====================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix broken lockfile. Fixes vector-im/element-web#25008.
+
+Changes in [1.11.27](https://github.com/vector-im/element-desktop/releases/tag/v1.11.27) (2023-03-31)
+=====================================================================================================
+
+## 🐛 Bug Fixes
+ * Run build_linux in docker using an older glibc ([\#599](https://github.com/vector-im/element-desktop/pull/599)). Fixes vector-im/element-web#24981.
+ * Fix detection of encryption for all users in a room ([\#10487](https://github.com/matrix-org/matrix-react-sdk/pull/10487)). Fixes vector-im/element-web#24995.
+
+Changes in [1.11.26](https://github.com/vector-im/element-desktop/releases/tag/v1.11.26) (2023-03-28)
+=====================================================================================================
+
+## 🔒 Security
+ * Fixes for [CVE-2023-28427](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE-2023-28427) / GHSA-mwq8-fjpf-c2gr
+ * Fixes for [CVE-2023-28103](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE-2023-28103) / GHSA-6g43-88cp-w5gv
+
+Changes in [1.11.25](https://github.com/vector-im/element-desktop/releases/tag/v1.11.25) (2023-03-15)
+=====================================================================================================
+
+## ✨ Features
+ * Remove experimental PWA support for Firefox and Safari ([\#24630](https://github.com/vector-im/element-web/pull/24630)).
+ * Only allow to start a DM with one email if encryption by default is enabled ([\#10253](https://github.com/matrix-org/matrix-react-sdk/pull/10253)). Fixes vector-im/element-web#23133.
+ * DM rooms are now encrypted if encryption by default is enabled and only inviting a single email address. Any action in the result DM room will be blocked until the other has joined. ([\#10229](https://github.com/matrix-org/matrix-react-sdk/pull/10229)).
+ * Reduce bottom margin of ReplyChain on compact modern layout ([\#8972](https://github.com/matrix-org/matrix-react-sdk/pull/8972)). Fixes vector-im/element-web#22748. Contributed by @luixxiul.
+ * Support for v2 of MSC3903 ([\#10165](https://github.com/matrix-org/matrix-react-sdk/pull/10165)). Contributed by @hughns.
+ * When starting a DM, existing rooms with pending third-party invites will be reused. ([\#10256](https://github.com/matrix-org/matrix-react-sdk/pull/10256)). Fixes vector-im/element-web#23139.
+ * Polls push rules: synchronise poll rules with message rules ([\#10263](https://github.com/matrix-org/matrix-react-sdk/pull/10263)). Contributed by @kerryarchibald.
+ * New verification request toast button labels ([\#10259](https://github.com/matrix-org/matrix-react-sdk/pull/10259)).
+ * Remove padding around integration manager iframe ([\#10148](https://github.com/matrix-org/matrix-react-sdk/pull/10148)).
+ * Fix block code styling in rich text editor ([\#10246](https://github.com/matrix-org/matrix-react-sdk/pull/10246)). Contributed by @alunturner.
+ * Poll history: fetch more poll history ([\#10235](https://github.com/matrix-org/matrix-react-sdk/pull/10235)). Contributed by @kerryarchibald.
+ * Sort short/exact emoji matches before longer incomplete matches ([\#10212](https://github.com/matrix-org/matrix-react-sdk/pull/10212)). Fixes vector-im/element-web#23210. Contributed by @grimhilt.
+ * Poll history: detail screen ([\#10172](https://github.com/matrix-org/matrix-react-sdk/pull/10172)). Contributed by @kerryarchibald.
+ * Provide a more detailed error message than "No known servers" ([\#6048](https://github.com/matrix-org/matrix-react-sdk/pull/6048)). Fixes vector-im/element-web#13247. Contributed by @aaronraimist.
+ * Say when a call was answered from a different device ([\#10224](https://github.com/matrix-org/matrix-react-sdk/pull/10224)).
+ * Widget permissions customizations using module api ([\#10121](https://github.com/matrix-org/matrix-react-sdk/pull/10121)). Contributed by @maheichyk.
+ * Fix copy button icon overlapping with copyable text ([\#10227](https://github.com/matrix-org/matrix-react-sdk/pull/10227)). Contributed by @Adesh-Pandey.
+ * Support joining non-peekable rooms via the module API ([\#10154](https://github.com/matrix-org/matrix-react-sdk/pull/10154)). Contributed by @maheichyk.
+ * The "new login" toast does now display the same device information as in the settings. "No" does now open the device settings. "Yes, it was me" dismisses the toast. ([\#10200](https://github.com/matrix-org/matrix-react-sdk/pull/10200)).
+ * Do not prompt for a password when doing a „reset all“ after login ([\#10208](https://github.com/matrix-org/matrix-react-sdk/pull/10208)).
+
+## 🐛 Bug Fixes
+ * Fix macOS notarisation using keychain credentials ([\#557](https://github.com/vector-im/element-desktop/pull/557)).
+ * Let electron-builder correctly set StartupWMClass ([\#526](https://github.com/vector-im/element-desktop/pull/526)). Fixes vector-im/element-web#13780.
+ * Fix incorrect copy in space creation flow ([\#10296](https://github.com/matrix-org/matrix-react-sdk/pull/10296)). Fixes vector-im/element-web#24741.
+ * Fix space settings dialog having rogue title tooltip ([\#10293](https://github.com/matrix-org/matrix-react-sdk/pull/10293)). Fixes vector-im/element-web#24740.
+ * Show spinner when starting a DM from the user profile (right panel) ([\#10290](https://github.com/matrix-org/matrix-react-sdk/pull/10290)).
+ * Reduce height of toggle on expanded view source event ([\#10283](https://github.com/matrix-org/matrix-react-sdk/pull/10283)). Fixes vector-im/element-web#22873. Contributed by @luixxiul.
+ * Pillify http and non-prefixed matrix.to links ([\#10277](https://github.com/matrix-org/matrix-react-sdk/pull/10277)). Fixes vector-im/element-web#20844.
+ * Fix some features not being configurable via `features` ([\#10276](https://github.com/matrix-org/matrix-react-sdk/pull/10276)).
+ * Fix starting a DM from the right panel in some cases ([\#10278](https://github.com/matrix-org/matrix-react-sdk/pull/10278)). Fixes vector-im/element-web#24722.
+ * Align info EventTile and normal EventTile on IRC layout ([\#10197](https://github.com/matrix-org/matrix-react-sdk/pull/10197)). Fixes vector-im/element-web#22782. Contributed by @luixxiul.
+ * Fix blowout of waveform of the voice message player on narrow UI ([\#8861](https://github.com/matrix-org/matrix-react-sdk/pull/8861)). Fixes vector-im/element-web#22604. Contributed by @luixxiul.
+ * Fix the hidden view source toggle on IRC layout ([\#10266](https://github.com/matrix-org/matrix-react-sdk/pull/10266)). Fixes vector-im/element-web#22872. Contributed by @luixxiul.
+ * Fix buttons on the room header being compressed due to long room name ([\#10155](https://github.com/matrix-org/matrix-react-sdk/pull/10155)). Contributed by @luixxiul.
+ * Use the room avatar as a placeholder in calls ([\#10231](https://github.com/matrix-org/matrix-react-sdk/pull/10231)).
+ * Fix calls showing as 'connecting' after hangup ([\#10223](https://github.com/matrix-org/matrix-react-sdk/pull/10223)).
+ * Prevent multiple Jitsi calls started at the same time ([\#10183](https://github.com/matrix-org/matrix-react-sdk/pull/10183)). Fixes vector-im/element-web#23009.
+ * Make localization keys compatible with agglutinative and/or SOV type languages ([\#10159](https://github.com/matrix-org/matrix-react-sdk/pull/10159)). Contributed by @luixxiul.
+
+Changes in [1.11.24](https://github.com/vector-im/element-desktop/releases/tag/v1.11.24) (2023-02-28)
+=====================================================================================================
+
+## ✨ Features
+ * Display "The sender has blocked you from receiving this message" error message instead of "Unable to decrypt message" ([\#10202](https://github.com/matrix-org/matrix-react-sdk/pull/10202)). Contributed by @florianduros.
+ * Polls: show warning about undecryptable relations ([\#10179](https://github.com/matrix-org/matrix-react-sdk/pull/10179)). Contributed by @kerryarchibald.
+ * Poll history: fetch last 30 days of polls ([\#10157](https://github.com/matrix-org/matrix-react-sdk/pull/10157)). Contributed by @kerryarchibald.
+ * Poll history - ended polls list items ([\#10119](https://github.com/matrix-org/matrix-react-sdk/pull/10119)). Contributed by @kerryarchibald.
+ * Remove threads labs flag and the ability to disable threads ([\#9878](https://github.com/matrix-org/matrix-react-sdk/pull/9878)). Fixes vector-im/element-web#24365.
+ * Show a success dialog after setting up the key backup ([\#10177](https://github.com/matrix-org/matrix-react-sdk/pull/10177)). Fixes vector-im/element-web#24487.
+ * Release Sign in with QR out of labs ([\#10182](https://github.com/matrix-org/matrix-react-sdk/pull/10182)). Contributed by @hughns.
+ * Release Sign in with QR out of labs ([\#10066](https://github.com/matrix-org/matrix-react-sdk/pull/10066)). Contributed by @hughns.
+ * Hide indent button in rte ([\#10149](https://github.com/matrix-org/matrix-react-sdk/pull/10149)). Contributed by @alunturner.
+ * Add option to find own location in map views ([\#10083](https://github.com/matrix-org/matrix-react-sdk/pull/10083)).
+ * Render poll end events in timeline ([\#10027](https://github.com/matrix-org/matrix-react-sdk/pull/10027)). Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Stop access token overflowing the box ([\#10069](https://github.com/matrix-org/matrix-react-sdk/pull/10069)). Fixes vector-im/element-web#24023. Contributed by @sbjaj33.
+ * Add link to next file in the export ([\#10190](https://github.com/matrix-org/matrix-react-sdk/pull/10190)). Fixes vector-im/element-web#20272. Contributed by @grimhilt.
+ * Ended poll tiles: add ended the poll message ([\#10193](https://github.com/matrix-org/matrix-react-sdk/pull/10193)). Fixes vector-im/element-web#24579. Contributed by @kerryarchibald.
+ * Fix accidentally inverted condition for room ordering ([\#10178](https://github.com/matrix-org/matrix-react-sdk/pull/10178)). Fixes vector-im/element-web#24527. Contributed by @justjanne.
+ * Re-focus the composer on dialogue quit ([\#10007](https://github.com/matrix-org/matrix-react-sdk/pull/10007)). Fixes vector-im/element-web#22832. Contributed by @Ashu999.
+ * Try to resolve emails before creating a DM ([\#10164](https://github.com/matrix-org/matrix-react-sdk/pull/10164)).
+ * Disable poll response loading test ([\#10168](https://github.com/matrix-org/matrix-react-sdk/pull/10168)). Contributed by @justjanne.
+ * Fix email lookup in invite dialog ([\#10150](https://github.com/matrix-org/matrix-react-sdk/pull/10150)). Fixes vector-im/element-web#23353.
+ * Remove duplicate white space characters from translation keys ([\#10152](https://github.com/matrix-org/matrix-react-sdk/pull/10152)). Contributed by @luixxiul.
+ * Fix the caption of new sessions manager on Labs settings page for localization ([\#10143](https://github.com/matrix-org/matrix-react-sdk/pull/10143)). Contributed by @luixxiul.
+ * Prevent start another DM with a user if one already exists ([\#10127](https://github.com/matrix-org/matrix-react-sdk/pull/10127)). Fixes vector-im/element-web#23138.
+ * Remove white space characters before the horizontal ellipsis ([\#10130](https://github.com/matrix-org/matrix-react-sdk/pull/10130)). Contributed by @luixxiul.
+ * Fix Selectable Text on 'Delete All' and 'Retry All' Buttons ([\#10128](https://github.com/matrix-org/matrix-react-sdk/pull/10128)). Fixes vector-im/element-web#23232. Contributed by @akshattchhabra.
+ * Correctly Identify emoticons ([\#10108](https://github.com/matrix-org/matrix-react-sdk/pull/10108)). Fixes vector-im/element-web#19472. Contributed by @adarsh-sgh.
+ * Remove a redundant white space ([\#10129](https://github.com/matrix-org/matrix-react-sdk/pull/10129)). Contributed by @luixxiul.
+
+Changes in [1.11.23](https://github.com/vector-im/element-desktop/releases/tag/v1.11.23) (2023-02-14)
+=====================================================================================================
+
+## ✨ Features
+ * Description of QR code sign in labs feature ([\#23513](https://github.com/vector-im/element-web/pull/23513)). Contributed by @hughns.
+ * Add option to find own location in map views ([\#10083](https://github.com/matrix-org/matrix-react-sdk/pull/10083)).
+ * Render poll end events in timeline ([\#10027](https://github.com/matrix-org/matrix-react-sdk/pull/10027)). Contributed by @kerryarchibald.
+ * Indicate unread messages in tab title ([\#10096](https://github.com/matrix-org/matrix-react-sdk/pull/10096)). Contributed by @tnt7864.
+ * Open message in editing mode when keyboard up is pressed (RTE) ([\#10079](https://github.com/matrix-org/matrix-react-sdk/pull/10079)). Contributed by @florianduros.
+ * Hide superseded rooms from the room list using dynamic room predecessors ([\#10068](https://github.com/matrix-org/matrix-react-sdk/pull/10068)). Contributed by @andybalaam.
+ * Support MSC3946 in RoomListStore ([\#10054](https://github.com/matrix-org/matrix-react-sdk/pull/10054)). Fixes vector-im/element-web#24325. Contributed by @andybalaam.
+ * Auto focus security key field ([\#10048](https://github.com/matrix-org/matrix-react-sdk/pull/10048)).
+ * use Poll model with relations API in poll rendering ([\#9877](https://github.com/matrix-org/matrix-react-sdk/pull/9877)). Contributed by @kerryarchibald.
+ * Support MSC3946 in the RoomCreate tile ([\#10041](https://github.com/matrix-org/matrix-react-sdk/pull/10041)). Fixes vector-im/element-web#24323. Contributed by @andybalaam.
+ * Update labs flag description for RTE ([\#10058](https://github.com/matrix-org/matrix-react-sdk/pull/10058)). Contributed by @florianduros.
+ * Change ul list style to disc when editing message ([\#10043](https://github.com/matrix-org/matrix-react-sdk/pull/10043)). Contributed by @alunturner.
+ * Improved click detection within PiP windows ([\#10040](https://github.com/matrix-org/matrix-react-sdk/pull/10040)). Fixes vector-im/element-web#24371.
+ * Add RTE keyboard navigation in editing ([\#9980](https://github.com/matrix-org/matrix-react-sdk/pull/9980)). Fixes vector-im/element-web#23621. Contributed by @florianduros.
+ * Paragraph integration for rich text editor ([\#10008](https://github.com/matrix-org/matrix-react-sdk/pull/10008)). Contributed by @alunturner.
+ * Add  indentation increasing/decreasing to RTE ([\#10034](https://github.com/matrix-org/matrix-react-sdk/pull/10034)). Contributed by @florianduros.
+ * Add ignore user confirmation dialog ([\#6116](https://github.com/matrix-org/matrix-react-sdk/pull/6116)). Fixes vector-im/element-web#14746.
+ * Use monospace font for room, message IDs in View Source modal ([\#9956](https://github.com/matrix-org/matrix-react-sdk/pull/9956)). Fixes vector-im/element-web#21937. Contributed by @paragpoddar.
+ * Implement MSC3946 for AdvancedRoomSettingsTab ([\#9995](https://github.com/matrix-org/matrix-react-sdk/pull/9995)). Fixes vector-im/element-web#24322. Contributed by @andybalaam.
+ * Implementation of MSC3824 to make the client OIDC-aware ([\#8681](https://github.com/matrix-org/matrix-react-sdk/pull/8681)). Contributed by @hughns.
+ * Improves a11y for avatar uploads ([\#9985](https://github.com/matrix-org/matrix-react-sdk/pull/9985)). Contributed by @GoodGuyMarco.
+ * Add support for [token authenticated registration](https ([\#7275](https://github.com/matrix-org/matrix-react-sdk/pull/7275)). Fixes vector-im/element-web#18931. Contributed by @govynnus.
+
+## 🐛 Bug Fixes
+ * Update to Electron 22.2.0 - fix tray icons in Linux ([\#530](https://github.com/vector-im/element-desktop/pull/530)). Fixes vector-im/element-web#23993.
+ * Jitsi requests 'requires_client' capability if auth token is provided ([\#24294](https://github.com/vector-im/element-web/pull/24294)). Contributed by @maheichyk.
+ * Remove duplicate white space characters from translation keys ([\#10152](https://github.com/matrix-org/matrix-react-sdk/pull/10152)). Contributed by @luixxiul.
+ * Fix the caption of new sessions manager on Labs settings page for localization ([\#10143](https://github.com/matrix-org/matrix-react-sdk/pull/10143)). Contributed by @luixxiul.
+ * Prevent start another DM with a user if one already exists ([\#10127](https://github.com/matrix-org/matrix-react-sdk/pull/10127)). Fixes vector-im/element-web#23138.
+ * Remove white space characters before the horizontal ellipsis ([\#10130](https://github.com/matrix-org/matrix-react-sdk/pull/10130)). Contributed by @luixxiul.
+ * Fix Selectable Text on 'Delete All' and 'Retry All' Buttons ([\#10128](https://github.com/matrix-org/matrix-react-sdk/pull/10128)). Fixes vector-im/element-web#23232. Contributed by @akshattchhabra.
+ * Correctly Identify emoticons ([\#10108](https://github.com/matrix-org/matrix-react-sdk/pull/10108)). Fixes vector-im/element-web#19472. Contributed by @adarsh-sgh.
+ * Should open new 1:1 chat room after leaving the old one ([\#9880](https://github.com/matrix-org/matrix-react-sdk/pull/9880)). Contributed by @ahmadkadri.
+ * Remove a redundant white space ([\#10129](https://github.com/matrix-org/matrix-react-sdk/pull/10129)). Contributed by @luixxiul.
+ * Fix a crash when removing persistent widgets (updated) ([\#10099](https://github.com/matrix-org/matrix-react-sdk/pull/10099)). Fixes vector-im/element-web#24412. Contributed by @andybalaam.
+ * Fix wrongly grouping 3pid invites into a single repeated transition ([\#10087](https://github.com/matrix-org/matrix-react-sdk/pull/10087)). Fixes vector-im/element-web#24432.
+ * Fix scrollbar colliding with checkbox in add to space section ([\#10093](https://github.com/matrix-org/matrix-react-sdk/pull/10093)). Fixes vector-im/element-web#23189. Contributed by @Arnabdaz.
+ * Add a whitespace character after 'broadcast?' ([\#10097](https://github.com/matrix-org/matrix-react-sdk/pull/10097)). Contributed by @luixxiul.
+ * Seekbar in broadcast PiP view is now updated when switching between different broadcasts ([\#10072](https://github.com/matrix-org/matrix-react-sdk/pull/10072)). Fixes vector-im/element-web#24415.
+ * Add border to "reject" button on room preview card for clickable area indication. It fixes vector-im/element-web#22623 ([\#9205](https://github.com/matrix-org/matrix-react-sdk/pull/9205)). Contributed by @gefgu.
+ * Element-R: fix rageshages ([\#10081](https://github.com/matrix-org/matrix-react-sdk/pull/10081)). Fixes vector-im/element-web#24430.
+ * Fix markdown paragraph display in timeline ([\#10071](https://github.com/matrix-org/matrix-react-sdk/pull/10071)). Fixes vector-im/element-web#24419. Contributed by @alunturner.
+ * Prevent the remaining broadcast time from being exceeded ([\#10070](https://github.com/matrix-org/matrix-react-sdk/pull/10070)).
+ * Fix cursor position when new line is created by pressing enter (RTE) ([\#10064](https://github.com/matrix-org/matrix-react-sdk/pull/10064)). Contributed by @florianduros.
+ * Ensure room is actually in space hierarchy when resolving its latest version ([\#10010](https://github.com/matrix-org/matrix-react-sdk/pull/10010)).
+ * Fix new line for inline code ([\#10062](https://github.com/matrix-org/matrix-react-sdk/pull/10062)). Contributed by @florianduros.
+ * Member avatars without canvas ([\#9990](https://github.com/matrix-org/matrix-react-sdk/pull/9990)). Contributed by @clarkf.
+ * Apply more general fix for base avatar regressions ([\#10045](https://github.com/matrix-org/matrix-react-sdk/pull/10045)). Fixes vector-im/element-web#24382 and vector-im/element-web#24370.
+ * Replace list, code block and quote icons by new icons ([\#10035](https://github.com/matrix-org/matrix-react-sdk/pull/10035)). Contributed by @florianduros.
+ * fix regional emojis converted to flags ([\#9294](https://github.com/matrix-org/matrix-react-sdk/pull/9294)). Fixes vector-im/element-web#19000. Contributed by @grimhilt.
+ * resolved emoji description text overflowing issue ([\#10028](https://github.com/matrix-org/matrix-react-sdk/pull/10028)). Contributed by @fahadNoufal.
+ * Fix MessageEditHistoryDialog crashing on complex input ([\#10018](https://github.com/matrix-org/matrix-react-sdk/pull/10018)). Fixes vector-im/element-web#23665. Contributed by @clarkf.
+ * Unify unread notification state determination ([\#9941](https://github.com/matrix-org/matrix-react-sdk/pull/9941)). Contributed by @clarkf.
+ * Fix layout and visual regressions around default avatars ([\#10031](https://github.com/matrix-org/matrix-react-sdk/pull/10031)). Fixes vector-im/element-web#24375 and vector-im/element-web#24369.
+ * Fix useUnreadNotifications exploding with falsey room, like in notif panel ([\#10030](https://github.com/matrix-org/matrix-react-sdk/pull/10030)). Fixes matrix-org/element-web-rageshakes#19334.
+ * Fix "[object Promise]" appearing in HTML exports ([\#9975](https://github.com/matrix-org/matrix-react-sdk/pull/9975)). Fixes vector-im/element-web#24272. Contributed by @clarkf.
+ * changing the color of message time stamp ([\#10016](https://github.com/matrix-org/matrix-react-sdk/pull/10016)). Contributed by @nawarajshah.
+ * Fix link creation with backward selection ([\#9986](https://github.com/matrix-org/matrix-react-sdk/pull/9986)). Fixes vector-im/element-web#24315. Contributed by @florianduros.
+ * Misaligned reply preview in thread composer #23396 ([\#9977](https://github.com/matrix-org/matrix-react-sdk/pull/9977)). Fixes vector-im/element-web#23396. Contributed by @mustafa-kapadia1483.
+
+Changes in [1.11.22](https://github.com/vector-im/element-desktop/releases/tag/v1.11.22) (2023-01-31)
+=====================================================================================================
+
+## 🐛 Bug Fixes
+ * Bump version number to fix problems upgrading from v1.11.21-rc.1
+
+Changes in [1.11.21](https://github.com/vector-im/element-desktop/releases/tag/v1.11.21) (2023-01-31)
+=====================================================================================================
+
+## ✨ Features
+ * Move pin drop out of labs ([\#22993](https://github.com/vector-im/element-web/pull/22993)).
+ * Quotes for rte ([\#9932](https://github.com/matrix-org/matrix-react-sdk/pull/9932)). Contributed by @alunturner.
+ * Show the room name in the room header during calls ([\#9942](https://github.com/matrix-org/matrix-react-sdk/pull/9942)). Fixes vector-im/element-web#24268.
+ * Add code blocks to rich text editor ([\#9921](https://github.com/matrix-org/matrix-react-sdk/pull/9921)). Contributed by @alunturner.
+ * Add new style for inline code ([\#9936](https://github.com/matrix-org/matrix-react-sdk/pull/9936)). Contributed by @florianduros.
+ * Add disabled button state to rich text editor ([\#9930](https://github.com/matrix-org/matrix-react-sdk/pull/9930)). Contributed by @alunturner.
+ * Change the rageshake "app" for auto-rageshakes ([\#9909](https://github.com/matrix-org/matrix-react-sdk/pull/9909)).
+ * Device manager - tweak settings display ([\#9905](https://github.com/matrix-org/matrix-react-sdk/pull/9905)). Contributed by @kerryarchibald.
+ * Add list functionality to rich text editor ([\#9871](https://github.com/matrix-org/matrix-react-sdk/pull/9871)). Contributed by @alunturner.
+
+## 🐛 Bug Fixes
+ * Fix RTE focus behaviour in threads ([\#9969](https://github.com/matrix-org/matrix-react-sdk/pull/9969)). Fixes vector-im/element-web#23755. Contributed by @florianduros.
+ * #22204 Issue: Centered File info in lightbox ([\#9971](https://github.com/matrix-org/matrix-react-sdk/pull/9971)). Fixes vector-im/element-web#22204. Contributed by @Spartan09.
+ * Fix seekbar position for zero length audio ([\#9949](https://github.com/matrix-org/matrix-react-sdk/pull/9949)). Fixes vector-im/element-web#24248.
+ * Allow thread panel to be closed after being opened from notification ([\#9937](https://github.com/matrix-org/matrix-react-sdk/pull/9937)). Fixes vector-im/element-web#23764 vector-im/element-web#23852 and vector-im/element-web#24213. Contributed by @justjanne.
+ * Only highlight focused menu item if focus is supposed to be visible ([\#9945](https://github.com/matrix-org/matrix-react-sdk/pull/9945)). Fixes vector-im/element-web#23582.
+ * Prevent call durations from breaking onto multiple lines ([\#9944](https://github.com/matrix-org/matrix-react-sdk/pull/9944)).
+ * Tweak call lobby buttons to more closely match designs ([\#9943](https://github.com/matrix-org/matrix-react-sdk/pull/9943)).
+ * Do not show a broadcast as live immediately after the recording has stopped ([\#9947](https://github.com/matrix-org/matrix-react-sdk/pull/9947)). Fixes vector-im/element-web#24233.
+ * Clear the RTE before sending a message ([\#9948](https://github.com/matrix-org/matrix-react-sdk/pull/9948)). Contributed by @florianduros.
+ * Fix {enter} press in RTE ([\#9927](https://github.com/matrix-org/matrix-react-sdk/pull/9927)). Contributed by @florianduros.
+ * Fix the problem that the password reset email has to be confirmed twice ([\#9926](https://github.com/matrix-org/matrix-react-sdk/pull/9926)). Fixes vector-im/element-web#24226.
+ * replace .at() with array.length-1 ([\#9933](https://github.com/matrix-org/matrix-react-sdk/pull/9933)). Fixes matrix-org/element-web-rageshakes#19281.
+ * Fix broken threads list timestamp layout ([\#9922](https://github.com/matrix-org/matrix-react-sdk/pull/9922)). Fixes vector-im/element-web#24243 and vector-im/element-web#24191. Contributed by @justjanne.
+ * Disable multiple messages when {enter} is pressed multiple times ([\#9929](https://github.com/matrix-org/matrix-react-sdk/pull/9929)). Fixes vector-im/element-web#24249. Contributed by @florianduros.
+ * Fix logout devices when resetting the password ([\#9925](https://github.com/matrix-org/matrix-react-sdk/pull/9925)). Fixes vector-im/element-web#24228.
+ * Fix: Poll replies overflow when not enough space ([\#9924](https://github.com/matrix-org/matrix-react-sdk/pull/9924)). Fixes vector-im/element-web#24227. Contributed by @kerryarchibald.
+ * State event updates are not forwarded to the widget from invitation room ([\#9802](https://github.com/matrix-org/matrix-react-sdk/pull/9802)). Contributed by @maheichyk.
+ * Fix error when viewing source of redacted events ([\#9914](https://github.com/matrix-org/matrix-react-sdk/pull/9914)). Fixes vector-im/element-web#24165. Contributed by @clarkf.
+ * Replace outdated css attribute ([\#9912](https://github.com/matrix-org/matrix-react-sdk/pull/9912)). Fixes vector-im/element-web#24218. Contributed by @justjanne.
+ * Clear isLogin theme override when user is no longer viewing login screens ([\#9911](https://github.com/matrix-org/matrix-react-sdk/pull/9911)). Fixes vector-im/element-web#23893.
+ * Fix reply action in message context menu notif & file panels ([\#9895](https://github.com/matrix-org/matrix-react-sdk/pull/9895)). Fixes vector-im/element-web#23970.
+ * Fix issue where thread dropdown would not show up correctly ([\#9872](https://github.com/matrix-org/matrix-react-sdk/pull/9872)). Fixes vector-im/element-web#24040. Contributed by @justjanne.
+ * Fix unexpected composer growing ([\#9889](https://github.com/matrix-org/matrix-react-sdk/pull/9889)). Contributed by @florianduros.
+ * Fix misaligned timestamps for thread roots which are emotes ([\#9875](https://github.com/matrix-org/matrix-react-sdk/pull/9875)). Fixes vector-im/element-web#23897. Contributed by @justjanne.
+
+Changes in [1.11.20](https://github.com/vector-im/element-desktop/releases/tag/v1.11.20) (2023-01-20)
+=====================================================================================================
+
+## 🐛 Bug Fixes
+ * (no effect on Element Desktop) (Part 2) fix crash on browsers that don't support `Array.at`
+
+Changes in [1.11.19](https://github.com/vector-im/element-desktop/releases/tag/v1.11.19) (2023-01-20)
+=====================================================================================================
+
+## 🐛 Bug Fixes
+ * (no effect on Element Desktop) Fix crash on browsers that don't support `Array.at` ([\#9935](https://github.com/matrix-org/matrix-react-sdk/pull/9935)). Contributed by @andybalaam.
+
+Changes in [1.11.18](https://github.com/vector-im/element-desktop/releases/tag/v1.11.18) (2023-01-18)
+=====================================================================================================
+
+## ✨ Features
+ * Switch threads on for everyone ([\#9879](https://github.com/matrix-org/matrix-react-sdk/pull/9879)).
+ * Make threads use new Unable to Decrypt UI ([\#9876](https://github.com/matrix-org/matrix-react-sdk/pull/9876)). Fixes vector-im/element-web#24060.
+ * Add edit and remove actions to link in RTE ([\#9864](https://github.com/matrix-org/matrix-react-sdk/pull/9864)).
+ * Remove extensible events v1 experimental rendering ([\#9881](https://github.com/matrix-org/matrix-react-sdk/pull/9881)).
+ * Make create poll dialog scale better (PSG-929) ([\#9873](https://github.com/matrix-org/matrix-react-sdk/pull/9873)). Fixes vector-im/element-web#21855.
+ * Change RTE mode icons ([\#9861](https://github.com/matrix-org/matrix-react-sdk/pull/9861)).
+ * Device manager - prune client information events after remote sign out ([\#9874](https://github.com/matrix-org/matrix-react-sdk/pull/9874)).
+ * Check connection before starting broadcast ([\#9857](https://github.com/matrix-org/matrix-react-sdk/pull/9857)).
+ * Enable sent receipt for poll start events (PSG-962) ([\#9870](https://github.com/matrix-org/matrix-react-sdk/pull/9870)).
+ * Change clear notifications to have more readable copy ([\#9867](https://github.com/matrix-org/matrix-react-sdk/pull/9867)).
+ * Combine search results when the query is present in multiple successive messages ([\#9855](https://github.com/matrix-org/matrix-react-sdk/pull/9855)). Fixes vector-im/element-web#3977. Contributed by @grimhilt.
+ * Disable bubbles for broadcasts ([\#9860](https://github.com/matrix-org/matrix-react-sdk/pull/9860)). Fixes vector-im/element-web#24140.
+ * Enable reactions and replies for broadcasts ([\#9856](https://github.com/matrix-org/matrix-react-sdk/pull/9856)). Fixes vector-im/element-web#24042.
+ * Improve switching between rich and plain editing modes ([\#9776](https://github.com/matrix-org/matrix-react-sdk/pull/9776)).
+ * Redesign the picture-in-picture window ([\#9800](https://github.com/matrix-org/matrix-react-sdk/pull/9800)). Fixes vector-im/element-web#23980.
+ * User on-boarding tasks now appear in a static order. ([\#9799](https://github.com/matrix-org/matrix-react-sdk/pull/9799)). Contributed by @GoodGuyMarco.
+ * Device manager - contextual menus ([\#9832](https://github.com/matrix-org/matrix-react-sdk/pull/9832)).
+ * If listening a non-live broadcast and changing the room, the broadcast will be paused ([\#9825](https://github.com/matrix-org/matrix-react-sdk/pull/9825)). Fixes vector-im/element-web#24078.
+ * Consider own broadcasts from other device as a playback ([\#9821](https://github.com/matrix-org/matrix-react-sdk/pull/9821)). Fixes vector-im/element-web#24068.
+ * Add link creation to rich text editor ([\#9775](https://github.com/matrix-org/matrix-react-sdk/pull/9775)).
+ * Add mark as read option in room setting ([\#9798](https://github.com/matrix-org/matrix-react-sdk/pull/9798)). Fixes vector-im/element-web#24053.
+ * Device manager - current device design and copy tweaks ([\#9801](https://github.com/matrix-org/matrix-react-sdk/pull/9801)).
+ * Unify notifications panel event design ([\#9754](https://github.com/matrix-org/matrix-react-sdk/pull/9754)).
+ * Add actions for integration manager to send and read certain events ([\#9740](https://github.com/matrix-org/matrix-react-sdk/pull/9740)).
+ * Device manager - design tweaks ([\#9768](https://github.com/matrix-org/matrix-react-sdk/pull/9768)).
+ * Change room list sorting to activity and unread first by default ([\#9773](https://github.com/matrix-org/matrix-react-sdk/pull/9773)). Fixes vector-im/element-web#24014.
+ * Add a config flag to enable the rust crypto-sdk ([\#9759](https://github.com/matrix-org/matrix-react-sdk/pull/9759)).
+ * Improve decryption error UI by consolidating error messages and providing instructions when possible ([\#9544](https://github.com/matrix-org/matrix-react-sdk/pull/9544)). Contributed by @duxovni.
+ * Honor font settings in Element Call ([\#9751](https://github.com/matrix-org/matrix-react-sdk/pull/9751)). Fixes vector-im/element-web#23661.
+ * Device manager - use deleteAccountData to prune device manager client information events ([\#9734](https://github.com/matrix-org/matrix-react-sdk/pull/9734)).
+
+## 🐛 Bug Fixes
+ * Display rooms & threads as unread (bold) if threads have unread messages. ([\#9763](https://github.com/matrix-org/matrix-react-sdk/pull/9763)). Fixes vector-im/element-web#23907.
+ * Don't prefer STIXGeneral over the default font ([\#9711](https://github.com/matrix-org/matrix-react-sdk/pull/9711)). Fixes vector-im/element-web#23899.
+ * Use the same avatar colour when creating 1:1 DM rooms ([\#9850](https://github.com/matrix-org/matrix-react-sdk/pull/9850)). Fixes vector-im/element-web#23476.
+ * Fix space lock icon size ([\#9854](https://github.com/matrix-org/matrix-react-sdk/pull/9854)). Fixes vector-im/element-web#24128.
+ * Make calls automatically disconnect if the widget disappears ([\#9862](https://github.com/matrix-org/matrix-react-sdk/pull/9862)). Fixes vector-im/element-web#23664.
+ * Fix emoji in RTE editing ([\#9827](https://github.com/matrix-org/matrix-react-sdk/pull/9827)).
+ * Fix export with attachments on formats txt and json ([\#9851](https://github.com/matrix-org/matrix-react-sdk/pull/9851)). Fixes vector-im/element-web#24130. Contributed by @grimhilt.
+ * Fixed empty `Content-Type` for encrypted uploads ([\#9848](https://github.com/matrix-org/matrix-react-sdk/pull/9848)). Contributed by @K3das.
+ * Fix sign-in instead link on password reset page ([\#9820](https://github.com/matrix-org/matrix-react-sdk/pull/9820)). Fixes vector-im/element-web#24087.
+ * The seekbar now initially shows the current position ([\#9796](https://github.com/matrix-org/matrix-react-sdk/pull/9796)). Fixes vector-im/element-web#24051.
+ * Fix: Editing a poll will silently change it to a closed poll ([\#9809](https://github.com/matrix-org/matrix-react-sdk/pull/9809)). Fixes vector-im/element-web#23176.
+ * Make call tiles look less broken in the right panel ([\#9808](https://github.com/matrix-org/matrix-react-sdk/pull/9808)). Fixes vector-im/element-web#23716.
+ * Prevent unnecessary m.direct updates ([\#9805](https://github.com/matrix-org/matrix-react-sdk/pull/9805)). Fixes vector-im/element-web#24059.
+ * Fix checkForPreJoinUISI for thread roots ([\#9803](https://github.com/matrix-org/matrix-react-sdk/pull/9803)). Fixes vector-im/element-web#24054.
+ * Snap in PiP widget when content changed ([\#9797](https://github.com/matrix-org/matrix-react-sdk/pull/9797)). Fixes vector-im/element-web#24050.
+ * Load RTE components only when RTE labs is enabled ([\#9804](https://github.com/matrix-org/matrix-react-sdk/pull/9804)).
+ * Ensure that events are correctly updated when they are edited. ([\#9789](https://github.com/matrix-org/matrix-react-sdk/pull/9789)).
+ * When stopping a broadcast also stop the playback ([\#9795](https://github.com/matrix-org/matrix-react-sdk/pull/9795)). Fixes vector-im/element-web#24052.
+ * Prevent to start two broadcasts at the same time ([\#9744](https://github.com/matrix-org/matrix-react-sdk/pull/9744)). Fixes vector-im/element-web#23973.
+ * Correctly handle limited sync responses by resetting the thread timeline ([\#3056](https://github.com/matrix-org/matrix-js-sdk/pull/3056)). Fixes vector-im/element-web#23952.
+ * Fix failure to start in firefox private browser ([\#3058](https://github.com/matrix-org/matrix-js-sdk/pull/3058)). Fixes vector-im/element-web#24216.
+
+Changes in [1.11.17](https://github.com/vector-im/element-desktop/releases/tag/v1.11.17) (2022-12-21)
+=====================================================================================================
+
+## 🚨 BREAKING CHANGES
+ * This allows the update server to be entirely static, such as a CDN or object store, as defined at https ([\#461](https://github.com/vector-im/element-desktop/pull/461)).
+
+## ✨ Features
+ * Enable threads by default ([\#9736](https://github.com/matrix-org/matrix-react-sdk/pull/9736)). Fixes vector-im/element-web#19270 vector-im/element-web#21910 and vector-im/element-web#23946.
+ * Add inline code formatting to rich text editor ([\#9720](https://github.com/matrix-org/matrix-react-sdk/pull/9720)).
+ * Add emoji handling for plain text mode of the new rich text editor ([\#9727](https://github.com/matrix-org/matrix-react-sdk/pull/9727)).
+ * Overlay virtual room call events into main timeline ([\#9626](https://github.com/matrix-org/matrix-react-sdk/pull/9626)). Fixes vector-im/element-web#22929.
+ * Adds a new section under "Room Settings" > "Roles & Permissions" which adds the possibility to multiselect users from this room and grant them more permissions. ([\#9596](https://github.com/matrix-org/matrix-react-sdk/pull/9596)). Contributed by @GoodGuyMarco.
+ * Add emoji handling for rich text mode ([\#9661](https://github.com/matrix-org/matrix-react-sdk/pull/9661)).
+ * Add setting to hide bold notifications ([\#9705](https://github.com/matrix-org/matrix-react-sdk/pull/9705)).
+ * Further password reset flow enhancements ([\#9662](https://github.com/matrix-org/matrix-react-sdk/pull/9662)).
+ * Snooze the bulk unverified sessions reminder on dismiss ([\#9706](https://github.com/matrix-org/matrix-react-sdk/pull/9706)).
+ * Honor advanced audio processing settings when recording voice messages ([\#9610](https://github.com/matrix-org/matrix-react-sdk/pull/9610)). Contributed by @MrAnno.
+ * Improve the visual balance of bubble layout ([\#9704](https://github.com/matrix-org/matrix-react-sdk/pull/9704)).
+ * Add config setting to disable bulk unverified sessions nag ([\#9657](https://github.com/matrix-org/matrix-react-sdk/pull/9657)).
+ * Only display bulk unverified sessions nag when current sessions is verified ([\#9656](https://github.com/matrix-org/matrix-react-sdk/pull/9656)).
+ * Separate labs and betas more clearly ([\#8969](https://github.com/matrix-org/matrix-react-sdk/pull/8969)). Fixes vector-im/element-web#22706.
+ * Show user an error if we fail to create a DM for verification. ([\#9624](https://github.com/matrix-org/matrix-react-sdk/pull/9624)).
+
+## 🐛 Bug Fixes
+ * Prevent unnecessary m.direct updates ([\#9805](https://github.com/matrix-org/matrix-react-sdk/pull/9805)). Fixes vector-im/element-web#24059.
+ * Fix checkForPreJoinUISI for thread roots ([\#9803](https://github.com/matrix-org/matrix-react-sdk/pull/9803)). Fixes vector-im/element-web#24054.
+ * Load RTE components only when RTE labs is enabled ([\#9804](https://github.com/matrix-org/matrix-react-sdk/pull/9804)).
+ * Fix issue where thread panel did not update correctly ([\#9746](https://github.com/matrix-org/matrix-react-sdk/pull/9746)). Fixes vector-im/element-web#23971.
+ * Remove async call to get virtual room from room load ([\#9743](https://github.com/matrix-org/matrix-react-sdk/pull/9743)). Fixes vector-im/element-web#23968.
+ * Check each thread for unread messages. ([\#9723](https://github.com/matrix-org/matrix-react-sdk/pull/9723)).
+ * Device manage - handle sessions that don't support encryption ([\#9717](https://github.com/matrix-org/matrix-react-sdk/pull/9717)). Fixes vector-im/element-web#23722.
+ * Fix hover state for formatting buttons (Rich text editor) (fix vector-im/element-web/issues/23832) ([\#9715](https://github.com/matrix-org/matrix-react-sdk/pull/9715)).
+ * Don't allow group calls to be unterminated ([\#9710](https://github.com/matrix-org/matrix-react-sdk/pull/9710)).
+ * Fix replies to emotes not showing as inline ([\#9707](https://github.com/matrix-org/matrix-react-sdk/pull/9707)). Fixes vector-im/element-web#23903.
+ * Update copy of 'Change layout' button to match Element Call ([\#9703](https://github.com/matrix-org/matrix-react-sdk/pull/9703)).
+ * Fix call splitbrains when switching between rooms ([\#9692](https://github.com/matrix-org/matrix-react-sdk/pull/9692)).
+ * bugfix: fix an issue where the Notifier would incorrectly fire for non-timeline events ([\#9664](https://github.com/matrix-org/matrix-react-sdk/pull/9664)). Fixes vector-im/element-web#17263.
+ * Fix power selector being wrongly disabled for admins themselves ([\#9681](https://github.com/matrix-org/matrix-react-sdk/pull/9681)). Fixes vector-im/element-web#23882.
+ * Show day counts in call durations ([\#9641](https://github.com/matrix-org/matrix-react-sdk/pull/9641)).
+
+Changes in [1.11.16](https://github.com/vector-im/element-desktop/releases/tag/v1.11.16) (2022-12-06)
+=====================================================================================================
+
+## ✨ Features
+ * Update to Electron 21 ([\#458](https://github.com/vector-im/element-desktop/pull/458)). Fixes vector-im/element-web#23783.
+ * Further improve replies ([\#6396](https://github.com/matrix-org/matrix-react-sdk/pull/6396)). Fixes vector-im/element-web#19074, vector-im/element-web#18194 vector-im/element-web#18027 and vector-im/element-web#19179.
+ * Enable users to join group calls from multiple devices ([\#9625](https://github.com/matrix-org/matrix-react-sdk/pull/9625)).
+ * fix(visual): make cursor a pointer for summaries ([\#9419](https://github.com/matrix-org/matrix-react-sdk/pull/9419)). Contributed by @r00ster91.
+ * Add placeholder for rich text editor ([\#9613](https://github.com/matrix-org/matrix-react-sdk/pull/9613)).
+ * Consolidate public room search experience ([\#9605](https://github.com/matrix-org/matrix-react-sdk/pull/9605)). Fixes vector-im/element-web#22846.
+ * New password reset flow ([\#9581](https://github.com/matrix-org/matrix-react-sdk/pull/9581)). Fixes vector-im/element-web#23131.
+ * Device manager - add tooltip to device details toggle ([\#9594](https://github.com/matrix-org/matrix-react-sdk/pull/9594)).
+ * sliding sync: add lazy-loading member support ([\#9530](https://github.com/matrix-org/matrix-react-sdk/pull/9530)).
+ * Limit formatting bar offset to top of composer ([\#9365](https://github.com/matrix-org/matrix-react-sdk/pull/9365)). Fixes vector-im/element-web#12359. Contributed by @owi92.
+
+## 🐛 Bug Fixes
+ * Fix issues around up arrow event edit shortcut ([\#9645](https://github.com/matrix-org/matrix-react-sdk/pull/9645)). Fixes vector-im/element-web#18497 and vector-im/element-web#18964.
+ * Fix search not being cleared when clicking on a result ([\#9635](https://github.com/matrix-org/matrix-react-sdk/pull/9635)). Fixes vector-im/element-web#23845.
+ * Fix screensharing in 1:1 calls ([\#9612](https://github.com/matrix-org/matrix-react-sdk/pull/9612)). Fixes vector-im/element-web#23808.
+ * Fix the background color flashing when joining a call ([\#9640](https://github.com/matrix-org/matrix-react-sdk/pull/9640)).
+ * Fix the size of the 'Private space' icon ([\#9638](https://github.com/matrix-org/matrix-react-sdk/pull/9638)).
+ * Fix reply editing in rich text editor (https ([\#9615](https://github.com/matrix-org/matrix-react-sdk/pull/9615)).
+ * Fix thread list jumping back down while scrolling ([\#9606](https://github.com/matrix-org/matrix-react-sdk/pull/9606)). Fixes vector-im/element-web#23727.
+ * Fix regression with TimelinePanel props updates not taking effect ([\#9608](https://github.com/matrix-org/matrix-react-sdk/pull/9608)). Fixes vector-im/element-web#23794.
+ * Fix form tooltip positioning ([\#9598](https://github.com/matrix-org/matrix-react-sdk/pull/9598)). Fixes vector-im/element-web#22861.
+ * Extract Search handling from RoomView into its own Component ([\#9574](https://github.com/matrix-org/matrix-react-sdk/pull/9574)). Fixes vector-im/element-web#498.
+ * Fix call splitbrains when switching between rooms ([\#9692](https://github.com/matrix-org/matrix-react-sdk/pull/9692)).
+
+Changes in [1.11.15](https://github.com/vector-im/element-desktop/releases/tag/v1.11.15) (2022-11-22)
+=====================================================================================================
+
+## ✨ Features
+ * Switch to notarytool ([\#440](https://github.com/vector-im/element-desktop/pull/440)).
+ * Make clear notifications work with threads ([\#9575](https://github.com/matrix-org/matrix-react-sdk/pull/9575)). Fixes vector-im/element-web#23751.
+ * Change "None" to "Off" in notification options ([\#9539](https://github.com/matrix-org/matrix-react-sdk/pull/9539)). Contributed by @Arnei.
+ * Advanced audio processing settings ([\#8759](https://github.com/matrix-org/matrix-react-sdk/pull/8759)). Fixes vector-im/element-web#6278. Contributed by @MrAnno.
+ * Add way to create a user notice via config.json ([\#9559](https://github.com/matrix-org/matrix-react-sdk/pull/9559)).
+ * Improve design of the rich text editor ([\#9533](https://github.com/matrix-org/matrix-react-sdk/pull/9533)).
+ * Enable user to zoom beyond image size ([\#5949](https://github.com/matrix-org/matrix-react-sdk/pull/5949)). Contributed by @jaiwanth-v.
+ * Fix: Move "Leave Space" option to the bottom of space context menu ([\#9535](https://github.com/matrix-org/matrix-react-sdk/pull/9535)). Contributed by @hanadi92.
+
+## 🐛 Bug Fixes
+ * Fix encrypted message search indexing for non-default `--profile` instances. ([\#433](https://github.com/vector-im/element-desktop/pull/433)).
+ * Make build scripts work on NixOS ([\#23740](https://github.com/vector-im/element-web/pull/23740)).
+ * Fix integration manager `get_open_id_token` action and add E2E tests ([\#9520](https://github.com/matrix-org/matrix-react-sdk/pull/9520)).
+ * Fix links being mangled by markdown processing ([\#9570](https://github.com/matrix-org/matrix-react-sdk/pull/9570)). Fixes vector-im/element-web#23743.
+ * Fix: inline links selecting radio button ([\#9543](https://github.com/matrix-org/matrix-react-sdk/pull/9543)). Contributed by @hanadi92.
+ * fix wrong error message in registration when phone number threepid is in use. ([\#9571](https://github.com/matrix-org/matrix-react-sdk/pull/9571)). Contributed by @bagvand.
+ * Fix missing avatar for show current profiles ([\#9563](https://github.com/matrix-org/matrix-react-sdk/pull/9563)). Fixes vector-im/element-web#23733.
+ * fix read receipts trickling down correctly ([\#9567](https://github.com/matrix-org/matrix-react-sdk/pull/9567)). Fixes vector-im/element-web#23746.
+ * Resilience fix for homeserver without thread notification support ([\#9565](https://github.com/matrix-org/matrix-react-sdk/pull/9565)).
+ * Don't switch to the home page needlessly after leaving a room ([\#9477](https://github.com/matrix-org/matrix-react-sdk/pull/9477)).
+ * Differentiate download and decryption errors when showing images ([\#9562](https://github.com/matrix-org/matrix-react-sdk/pull/9562)). Fixes vector-im/element-web#3892.
+ * Close context menu when a modal is opened to prevent user getting stuck ([\#9560](https://github.com/matrix-org/matrix-react-sdk/pull/9560)). Fixes vector-im/element-web#15610 and vector-im/element-web#10781.
+ * Fix TimelineReset handling when no room associated ([\#9553](https://github.com/matrix-org/matrix-react-sdk/pull/9553)).
+ * Always use current profile on thread events ([\#9524](https://github.com/matrix-org/matrix-react-sdk/pull/9524)). Fixes vector-im/element-web#23648.
+ * Fix `ThreadView` tests not using thread flag ([\#9547](https://github.com/matrix-org/matrix-react-sdk/pull/9547)).
+ * Fix regressions around media uploads failing and causing soft crashes ([\#9549](https://github.com/matrix-org/matrix-react-sdk/pull/9549)). Fixes matrix-org/element-web-rageshakes#16831, matrix-org/element-web-rageshakes#16824 matrix-org/element-web-rageshakes#16810 and vector-im/element-web#23641.
+ * Handle deletion of `m.call` events ([\#9540](https://github.com/matrix-org/matrix-react-sdk/pull/9540)). Fixes vector-im/element-web#23663.
+ * Fix /myroomavatar slash command ([\#9536](https://github.com/matrix-org/matrix-react-sdk/pull/9536)). Fixes matrix-org/synapse#14321.
+ * Fix incorrect notification count after leaving a room with notifications ([\#9518](https://github.com/matrix-org/matrix-react-sdk/pull/9518)). Contributed by @Arnei.
+
+Changes in [1.11.14](https://github.com/vector-im/element-desktop/releases/tag/v1.11.14) (2022-11-08)
+=====================================================================================================
+
+## ✨ Features
+ * Switch to notarytool ([\#440](https://github.com/vector-im/element-desktop/pull/440)).
+ * Loading threads with server-side assistance ([\#9356](https://github.com/matrix-org/matrix-react-sdk/pull/9356)). Fixes vector-im/element-web#21807, vector-im/element-web#21799, vector-im/element-web#21911, vector-im/element-web#22141, vector-im/element-web#22157, vector-im/element-web#22641, vector-im/element-web#22501 vector-im/element-web#22438 and vector-im/element-web#21678. Contributed by @justjanne.
+ * Make thread replies trigger a room list re-ordering ([\#9510](https://github.com/matrix-org/matrix-react-sdk/pull/9510)). Fixes vector-im/element-web#21700.
+ * Device manager - add extra details to device security and renaming ([\#9501](https://github.com/matrix-org/matrix-react-sdk/pull/9501)). Contributed by @kerryarchibald.
+ * Add plain text mode to the wysiwyg composer ([\#9503](https://github.com/matrix-org/matrix-react-sdk/pull/9503)). Contributed by @florianduros.
+ * Sliding Sync: improve sort order, show subspace rooms, better tombstoned room handling ([\#9484](https://github.com/matrix-org/matrix-react-sdk/pull/9484)).
+ * Device manager - add learn more popups to filtered sessions section ([\#9497](https://github.com/matrix-org/matrix-react-sdk/pull/9497)). Contributed by @kerryarchibald.
+ * Show thread notification if thread timeline is closed ([\#9495](https://github.com/matrix-org/matrix-react-sdk/pull/9495)). Fixes vector-im/element-web#23589.
+ * Add message editing to wysiwyg composer ([\#9488](https://github.com/matrix-org/matrix-react-sdk/pull/9488)). Contributed by @florianduros.
+ * Device manager - confirm sign out of other sessions ([\#9487](https://github.com/matrix-org/matrix-react-sdk/pull/9487)). Contributed by @kerryarchibald.
+ * Automatically request logs from other users in a call when submitting logs ([\#9492](https://github.com/matrix-org/matrix-react-sdk/pull/9492)).
+ * Add thread notification with server assistance (MSC3773) ([\#9400](https://github.com/matrix-org/matrix-react-sdk/pull/9400)). Fixes vector-im/element-web#21114, vector-im/element-web#21413, vector-im/element-web#21416, vector-im/element-web#21433, vector-im/element-web#21481, vector-im/element-web#21798, vector-im/element-web#21823 vector-im/element-web#23192 and vector-im/element-web#21765.
+ * Support for login + E2EE set up with QR ([\#9403](https://github.com/matrix-org/matrix-react-sdk/pull/9403)). Contributed by @hughns.
+ * Allow pressing Enter to send messages in new composer ([\#9451](https://github.com/matrix-org/matrix-react-sdk/pull/9451)). Contributed by @andybalaam.
+
+## 🐛 Bug Fixes
+ * Fix regressions around media uploads failing and causing soft crashes ([\#9549](https://github.com/matrix-org/matrix-react-sdk/pull/9549)). Fixes matrix-org/element-web-rageshakes#16831, matrix-org/element-web-rageshakes#16824 matrix-org/element-web-rageshakes#16810 and vector-im/element-web#23641.
+ * Fix /myroomavatar slash command ([\#9536](https://github.com/matrix-org/matrix-react-sdk/pull/9536)). Fixes matrix-org/synapse#14321.
+ * Fix i18n interpolation ([\#432](https://github.com/vector-im/element-desktop/pull/432)). Fixes vector-im/element-web#23568.
+ * Fix config.json failing to load for Jitsi wrapper in non-root deployment ([\#23577](https://github.com/vector-im/element-web/pull/23577)).
+ * Fix NotificationBadge unsent color ([\#9522](https://github.com/matrix-org/matrix-react-sdk/pull/9522)). Fixes vector-im/element-web#23646.
+ * Fix room list sorted by recent on app startup ([\#9515](https://github.com/matrix-org/matrix-react-sdk/pull/9515)). Fixes vector-im/element-web#23635.
+ * Reset custom power selector when blurred on empty ([\#9508](https://github.com/matrix-org/matrix-react-sdk/pull/9508)). Fixes vector-im/element-web#23481.
+ * Reinstate timeline/redaction callbacks when updating notification state ([\#9494](https://github.com/matrix-org/matrix-react-sdk/pull/9494)). Fixes vector-im/element-web#23554.
+ * Only render NotificationBadge when needed ([\#9493](https://github.com/matrix-org/matrix-react-sdk/pull/9493)). Fixes vector-im/element-web#23584.
+ * Fix embedded Element Call screen sharing ([\#9485](https://github.com/matrix-org/matrix-react-sdk/pull/9485)). Fixes vector-im/element-web#23571.
+ * Send Content-Type: application/json header for integration manager /register API ([\#9490](https://github.com/matrix-org/matrix-react-sdk/pull/9490)). Fixes vector-im/element-web#23580.
+ * Fix joining calls without audio or video inputs ([\#9486](https://github.com/matrix-org/matrix-react-sdk/pull/9486)). Fixes vector-im/element-web#23511.
+ * Ensure spaces in the spotlight dialog have rounded square avatars ([\#9480](https://github.com/matrix-org/matrix-react-sdk/pull/9480)). Fixes vector-im/element-web#23515.
+ * Only show mini avatar uploader in room intro when no avatar yet exists ([\#9479](https://github.com/matrix-org/matrix-react-sdk/pull/9479)). Fixes vector-im/element-web#23552.
+ * Fix threads fallback incorrectly targets root event ([\#9229](https://github.com/matrix-org/matrix-react-sdk/pull/9229)). Fixes vector-im/element-web#23147.
+ * Align video call icon with banner text ([\#9460](https://github.com/matrix-org/matrix-react-sdk/pull/9460)).
+ * Set relations helper when creating event tile context menu ([\#9253](https://github.com/matrix-org/matrix-react-sdk/pull/9253)). Fixes vector-im/element-web#22018.
+ * Device manager - put client/browser device metadata in correct section ([\#9447](https://github.com/matrix-org/matrix-react-sdk/pull/9447)). Contributed by @kerryarchibald.
+ * Update the room unread notification counter when the server changes the value without any related read receipt ([\#9438](https://github.com/matrix-org/matrix-react-sdk/pull/9438)).
+
+Changes in [1.11.13](https://github.com/vector-im/element-desktop/releases/tag/v1.11.13) (2022-11-01)
+=====================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix default behavior of Room.getBlacklistUnverifiedDevices ([\#2830](https://github.com/matrix-org/matrix-js-sdk/pull/2830)). Contributed by @duxovni.
+ * Catch server versions API call exception when starting the client ([\#2828](https://github.com/matrix-org/matrix-js-sdk/pull/2828)). Fixes vector-im/element-web#23634.
+ * Fix authedRequest including `Authorization: Bearer undefined` for password resets ([\#2822](https://github.com/matrix-org/matrix-js-sdk/pull/2822)). Fixes vector-im/element-web#23655.
+
+Changes in [1.11.12](https://github.com/vector-im/element-desktop/releases/tag/v1.11.12) (2022-10-26)
+=====================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix config.json failing to load for Jitsi wrapper in non-root deployment ([\#23577](https://github.com/vector-im/element-web/pull/23577)).
+
+Changes in [1.11.11](https://github.com/vector-im/element-desktop/releases/tag/v1.11.11) (2022-10-25)
+=====================================================================================================
+
+## ✨ Features
+ * Device manager - tweak string formatting of default device name ([\#23457](https://github.com/vector-im/element-web/pull/23457)).
+ * Add Element Call participant limit ([\#23431](https://github.com/vector-im/element-web/pull/23431)).
+ * Add Element Call `brand` ([\#23443](https://github.com/vector-im/element-web/pull/23443)).
+ * Include a file-safe room name and ISO date in chat exports ([\#9440](https://github.com/matrix-org/matrix-react-sdk/pull/9440)). Fixes vector-im/element-web#21812 and vector-im/element-web#19724.
+ * Room call banner ([\#9378](https://github.com/matrix-org/matrix-react-sdk/pull/9378)). Fixes vector-im/element-web#23453. Contributed by @toger5.
+ * Device manager - spinners while devices are signing out ([\#9433](https://github.com/matrix-org/matrix-react-sdk/pull/9433)). Fixes vector-im/element-web#15865.
+ * Device manager - silence call ringers when local notifications are silenced ([\#9420](https://github.com/matrix-org/matrix-react-sdk/pull/9420)).
+ * Pass the current language to Element Call ([\#9427](https://github.com/matrix-org/matrix-react-sdk/pull/9427)).
+ * Hide screen-sharing button in Element Call on desktop ([\#9423](https://github.com/matrix-org/matrix-react-sdk/pull/9423)).
+ * Add reply support to WysiwygComposer ([\#9422](https://github.com/matrix-org/matrix-react-sdk/pull/9422)). Contributed by @florianduros.
+ * Disconnect other connected devices (of the same user) when joining an Element call ([\#9379](https://github.com/matrix-org/matrix-react-sdk/pull/9379)).
+ * Device manager - device tile main click target ([\#9409](https://github.com/matrix-org/matrix-react-sdk/pull/9409)).
+ * Add formatting buttons to the rich text editor ([\#9410](https://github.com/matrix-org/matrix-react-sdk/pull/9410)). Contributed by @florianduros.
+ * Device manager - current session context menu ([\#9386](https://github.com/matrix-org/matrix-react-sdk/pull/9386)).
+ * Remove piwik config fallback for privacy policy URL ([\#9390](https://github.com/matrix-org/matrix-react-sdk/pull/9390)).
+ * Add the first step to integrate the matrix wysiwyg composer ([\#9374](https://github.com/matrix-org/matrix-react-sdk/pull/9374)). Contributed by @florianduros.
+ * Device manager - UA parsing tweaks ([\#9382](https://github.com/matrix-org/matrix-react-sdk/pull/9382)).
+ * Device manager - remove client information events when disabling setting ([\#9384](https://github.com/matrix-org/matrix-react-sdk/pull/9384)).
+ * Add Element Call participant limit ([\#9358](https://github.com/matrix-org/matrix-react-sdk/pull/9358)).
+ * Add Element Call room settings ([\#9347](https://github.com/matrix-org/matrix-react-sdk/pull/9347)).
+ * Device manager - render extended device information ([\#9360](https://github.com/matrix-org/matrix-react-sdk/pull/9360)).
+ * New group call experience: Room header and PiP designs ([\#9351](https://github.com/matrix-org/matrix-react-sdk/pull/9351)).
+ * Pass language to Jitsi Widget ([\#9346](https://github.com/matrix-org/matrix-react-sdk/pull/9346)). Contributed by @Fox32.
+ * Add notifications and toasts for Element Call calls ([\#9337](https://github.com/matrix-org/matrix-react-sdk/pull/9337)).
+ * Device manager - device type icon ([\#9355](https://github.com/matrix-org/matrix-react-sdk/pull/9355)).
+ * Delete the remainder of groups ([\#9357](https://github.com/matrix-org/matrix-react-sdk/pull/9357)). Fixes vector-im/element-web#22770.
+ * Device manager - display client information in device details ([\#9315](https://github.com/matrix-org/matrix-react-sdk/pull/9315)).
+
+## 🐛 Bug Fixes
+ * Send Content-Type: application/json header for integration manager /register API ([\#9490](https://github.com/matrix-org/matrix-react-sdk/pull/9490)). Fixes vector-im/element-web#23580.
+ * Make ErrorView & CompatibilityView scrollable ([\#23468](https://github.com/vector-im/element-web/pull/23468)). Fixes vector-im/element-web#23376.
+ * Device manager - put client/browser device metadata in correct section ([\#9447](https://github.com/matrix-org/matrix-react-sdk/pull/9447)).
+ * update the room unread notification counter when the server changes the value without any related read receipt ([\#9438](https://github.com/matrix-org/matrix-react-sdk/pull/9438)).
+ * Don't show call banners in video rooms ([\#9441](https://github.com/matrix-org/matrix-react-sdk/pull/9441)).
+ * Prevent useContextMenu isOpen from being true if the button ref goes away ([\#9418](https://github.com/matrix-org/matrix-react-sdk/pull/9418)). Fixes matrix-org/element-web-rageshakes#15637.
+ * Automatically focus the WYSIWYG composer when you enter a room ([\#9412](https://github.com/matrix-org/matrix-react-sdk/pull/9412)).
+ * Improve the tooltips on the call lobby join button ([\#9428](https://github.com/matrix-org/matrix-react-sdk/pull/9428)).
+ * Pass the homeserver's base URL to Element Call ([\#9429](https://github.com/matrix-org/matrix-react-sdk/pull/9429)). Fixes vector-im/element-web#23301.
+ * Better accommodate long room names in call toasts ([\#9426](https://github.com/matrix-org/matrix-react-sdk/pull/9426)).
+ * Hide virtual widgets from the room info panel ([\#9424](https://github.com/matrix-org/matrix-react-sdk/pull/9424)). Fixes vector-im/element-web#23494.
+ * Inhibit clicking on sender avatar in threads list ([\#9417](https://github.com/matrix-org/matrix-react-sdk/pull/9417)). Fixes vector-im/element-web#23482.
+ * Correct the dir parameter of MSC3715 ([\#9391](https://github.com/matrix-org/matrix-react-sdk/pull/9391)). Contributed by @dhenneke.
+ * Use a more correct subset of users in `/remakeolm` developer command ([\#9402](https://github.com/matrix-org/matrix-react-sdk/pull/9402)).
+ * use correct default for notification silencing ([\#9388](https://github.com/matrix-org/matrix-react-sdk/pull/9388)). Fixes vector-im/element-web#23456.
+ * Device manager - eagerly create `m.local_notification_settings` events ([\#9353](https://github.com/matrix-org/matrix-react-sdk/pull/9353)).
+ * Close incoming Element call toast when viewing the call lobby ([\#9375](https://github.com/matrix-org/matrix-react-sdk/pull/9375)).
+ * Always allow enabling sending read receipts ([\#9367](https://github.com/matrix-org/matrix-react-sdk/pull/9367)). Fixes vector-im/element-web#23433.
+ * Fixes (vector-im/element-web/issues/22609) where the white theme is not applied when `white -> dark -> white` sequence is done. ([\#9320](https://github.com/matrix-org/matrix-react-sdk/pull/9320)). Contributed by @florianduros.
+ * Fix applying programmatically set height for "top" room layout ([\#9339](https://github.com/matrix-org/matrix-react-sdk/pull/9339)). Contributed by @Fox32.
+
+Changes in [1.11.10](https://github.com/vector-im/element-desktop/releases/tag/v1.11.10) (2022-10-11)
+=====================================================================================================
+
+## 🐛 Bug Fixes
+ * Use correct default for notification silencing ([\#9388](https://github.com/matrix-org/matrix-react-sdk/pull/9388)). Fixes vector-im/element-web#23456.
+
+Changes in [1.11.9](https://github.com/vector-im/element-desktop/releases/tag/v1.11.9) (2022-10-11)
+===================================================================================================
+
+##   Deprecations 
+ * Legacy Piwik config.json option `piwik.policy_url` is deprecated in favour of `privacy_policy_url`. Support will be removed in the next release.
+
+## ✨ Features
+ * Device manager - select all devices ([\#9330](https://github.com/matrix-org/matrix-react-sdk/pull/9330)). Contributed by @kerryarchibald.
+ * New group call experience: Call tiles ([\#9332](https://github.com/matrix-org/matrix-react-sdk/pull/9332)).
+ * Add Shift key to FormatQuote keyboard shortcut ([\#9298](https://github.com/matrix-org/matrix-react-sdk/pull/9298)). Contributed by @owi92.
+ * Device manager - sign out of multiple sessions ([\#9325](https://github.com/matrix-org/matrix-react-sdk/pull/9325)). Contributed by @kerryarchibald.
+ * Display push toggle for web sessions (MSC3890) ([\#9327](https://github.com/matrix-org/matrix-react-sdk/pull/9327)).
+ * Add device notifications enabled switch ([\#9324](https://github.com/matrix-org/matrix-react-sdk/pull/9324)).
+ * Implement push notification toggle in device detail ([\#9308](https://github.com/matrix-org/matrix-react-sdk/pull/9308)).
+ * New group call experience: Starting and ending calls ([\#9318](https://github.com/matrix-org/matrix-react-sdk/pull/9318)).
+ * New group call experience: Room header call buttons ([\#9311](https://github.com/matrix-org/matrix-react-sdk/pull/9311)).
+ * Make device ID copyable in device list ([\#9297](https://github.com/matrix-org/matrix-react-sdk/pull/9297)). Contributed by @duxovni.
+ * Use display name instead of user ID when rendering power events ([\#9295](https://github.com/matrix-org/matrix-react-sdk/pull/9295)).
+ * Read receipts for threads ([\#9239](https://github.com/matrix-org/matrix-react-sdk/pull/9239)). Fixes vector-im/element-web#23191.
+
+## 🐛 Bug Fixes
+ * Use the correct sender key when checking shared secret ([\#2730](https://github.com/matrix-org/matrix-js-sdk/pull/2730)). Fixes vector-im/element-web#23374.
+ * Fix device selection in pre-join screen for Element Call video rooms ([\#9321](https://github.com/matrix-org/matrix-react-sdk/pull/9321)). Fixes vector-im/element-web#23331.
+ * Don't render a 1px high room topic if the room topic is empty ([\#9317](https://github.com/matrix-org/matrix-react-sdk/pull/9317)). Contributed by @Arnei.
+ * Don't show feedback prompts when that UIFeature is disabled ([\#9305](https://github.com/matrix-org/matrix-react-sdk/pull/9305)). Fixes vector-im/element-web#23327.
+ * Fix soft crash around unknown room pills ([\#9301](https://github.com/matrix-org/matrix-react-sdk/pull/9301)). Fixes matrix-org/element-web-rageshakes#15465.
+ * Fix spaces feedback prompt wrongly showing when feedback is disabled ([\#9302](https://github.com/matrix-org/matrix-react-sdk/pull/9302)). Fixes vector-im/element-web#23314.
+ * Fix tile soft crash in ReplyInThreadButton ([\#9300](https://github.com/matrix-org/matrix-react-sdk/pull/9300)). Fixes matrix-org/element-web-rageshakes#15493.
+
+Changes in [1.11.8](https://github.com/vector-im/element-desktop/releases/tag/v1.11.8) (2022-09-28)
+===================================================================================================
+
+## 🐛 Bug Fixes
+ * Bump IDB crypto store version ([\#2705](https://github.com/matrix-org/matrix-js-sdk/pull/2705)).
+
+Changes in [1.11.7](https://github.com/vector-im/element-desktop/releases/tag/v1.11.7) (2022-09-28)
+===================================================================================================
+
+## 🔒 Security
+* Fix for [CVE-2022-39249](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE%2D2022%2D39249)
+* Fix for [CVE-2022-39250](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE%2D2022%2D39250)
+* Fix for [CVE-2022-39251](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE%2D2022%2D39251)
+* Fix for [CVE-2022-39236](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE%2D2022%2D39236)
+
+Changes in [1.11.6](https://github.com/vector-im/element-desktop/releases/tag/v1.11.6) (2022-09-20)
+=============================================================================================================
+
+## ✨ Features
+ * Element Call video rooms ([\#9267](https://github.com/matrix-org/matrix-react-sdk/pull/9267)).
+ * Device manager - rename session ([\#9282](https://github.com/matrix-org/matrix-react-sdk/pull/9282)).
+ * Allow widgets to read related events ([\#9210](https://github.com/matrix-org/matrix-react-sdk/pull/9210)). Contributed by @dhenneke.
+ * Device manager - logout of other session ([\#9280](https://github.com/matrix-org/matrix-react-sdk/pull/9280)).
+ * Device manager - logout current session ([\#9275](https://github.com/matrix-org/matrix-react-sdk/pull/9275)).
+ * Device manager - verify other devices ([\#9274](https://github.com/matrix-org/matrix-react-sdk/pull/9274)).
+ * Allow integration managers to remove users ([\#9211](https://github.com/matrix-org/matrix-react-sdk/pull/9211)).
+ * Device manager - add verify current session button ([\#9252](https://github.com/matrix-org/matrix-react-sdk/pull/9252)).
+ * Add NotifPanel dot back. ([\#9242](https://github.com/matrix-org/matrix-react-sdk/pull/9242)). Fixes vector-im/element-web#17641.
+ * Implement MSC3575: Sliding Sync ([\#8328](https://github.com/matrix-org/matrix-react-sdk/pull/8328)).
+ * Add the clipboard read permission for widgets ([\#9250](https://github.com/matrix-org/matrix-react-sdk/pull/9250)). Contributed by @stefanmuhle.
+
+## 🐛 Bug Fixes
+ * Make autocomplete pop-up wider in thread view ([\#9289](https://github.com/matrix-org/matrix-react-sdk/pull/9289)).
+ * Fix soft crash around inviting invalid MXIDs in start DM on first message flow ([\#9281](https://github.com/matrix-org/matrix-react-sdk/pull/9281)). Fixes matrix-org/element-web-rageshakes#15060 and matrix-org/element-web-rageshakes#15140.
+ * Fix in-reply-to previews not disappearing when swapping rooms ([\#9278](https://github.com/matrix-org/matrix-react-sdk/pull/9278)).
+ * Fix invalid instanceof operand window.OffscreenCanvas ([\#9276](https://github.com/matrix-org/matrix-react-sdk/pull/9276)). Fixes vector-im/element-web#23275.
+ * Fix memory leak caused by unremoved listener ([\#9273](https://github.com/matrix-org/matrix-react-sdk/pull/9273)).
+ * Fix thumbnail generation when offscreen canvas fails ([\#9272](https://github.com/matrix-org/matrix-react-sdk/pull/9272)). Fixes vector-im/element-web#23265.
+ * Prevent sliding sync from showing a room under multiple sublists ([\#9266](https://github.com/matrix-org/matrix-react-sdk/pull/9266)).
+ * Fix tile crash around tooltipify links ([\#9270](https://github.com/matrix-org/matrix-react-sdk/pull/9270)). Fixes vector-im/element-web#23253.
+ * Device manager - filter out nulled metadatas in device tile properly ([\#9251](https://github.com/matrix-org/matrix-react-sdk/pull/9251)).
+ * Fix a sliding sync bug which could cause rooms to loop ([\#9268](https://github.com/matrix-org/matrix-react-sdk/pull/9268)).
+ * Remove the grey gradient on images in bubbles in the timeline ([\#9241](https://github.com/matrix-org/matrix-react-sdk/pull/9241)). Fixes vector-im/element-web#21651.
+ * Fix html export not including images ([\#9260](https://github.com/matrix-org/matrix-react-sdk/pull/9260)). Fixes vector-im/element-web#22059.
+ * Fix possible soft crash from a race condition in space hierarchies ([\#9254](https://github.com/matrix-org/matrix-react-sdk/pull/9254)). Fixes matrix-org/element-web-rageshakes#15225.
+ * Disable all types of autocorrect, -complete, -capitalize, etc on Spotlight's search field ([\#9259](https://github.com/matrix-org/matrix-react-sdk/pull/9259)).
+ * Handle M_INVALID_USERNAME on /register/available ([\#9237](https://github.com/matrix-org/matrix-react-sdk/pull/9237)). Fixes vector-im/element-web#23161.
+ * Fix issue with quiet zone around QR code ([\#9243](https://github.com/matrix-org/matrix-react-sdk/pull/9243)). Fixes vector-im/element-web#23199.
+
+Changes in [1.11.5](https://github.com/vector-im/element-desktop/releases/tag/v1.11.5) (2022-09-13)
+===================================================================================================
+
+## ✨ Features
+ * Device manager - hide unverified security recommendation when only current session is unverified ([\#9228](https://github.com/matrix-org/matrix-react-sdk/pull/9228)). Contributed by @kerryarchibald.
+ * Device manager - scroll to filtered list from security recommendations ([\#9227](https://github.com/matrix-org/matrix-react-sdk/pull/9227)). Contributed by @kerryarchibald.
+ * Device manager - updated dropdown style in filtered device list ([\#9226](https://github.com/matrix-org/matrix-react-sdk/pull/9226)). Contributed by @kerryarchibald.
+ * Device manager - device type and verification icons on device tile ([\#9197](https://github.com/matrix-org/matrix-react-sdk/pull/9197)). Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Description of DM room with more than two other people is now being displayed correctly ([\#9231](https://github.com/matrix-org/matrix-react-sdk/pull/9231)). Fixes vector-im/element-web#23094.
+ * Fix voice messages with multiple composers ([\#9208](https://github.com/matrix-org/matrix-react-sdk/pull/9208)). Fixes vector-im/element-web#23023. Contributed by @grimhilt.
+ * Fix suggested rooms going missing ([\#9236](https://github.com/matrix-org/matrix-react-sdk/pull/9236)). Fixes vector-im/element-web#23190.
+ * Fix tooltip infinitely recursing ([\#9235](https://github.com/matrix-org/matrix-react-sdk/pull/9235)). Fixes matrix-org/element-web-rageshakes#15107, matrix-org/element-web-rageshakes#15093 matrix-org/element-web-rageshakes#15092 and matrix-org/element-web-rageshakes#15077.
+ * Fix plain text export saving ([\#9230](https://github.com/matrix-org/matrix-react-sdk/pull/9230)). Contributed by @jryans.
+ * Add missing space in SecurityRoomSettingsTab ([\#9222](https://github.com/matrix-org/matrix-react-sdk/pull/9222)). Contributed by @gefgu.
+ * Make use of js-sdk roomNameGenerator to handle i18n for generated room names ([\#9209](https://github.com/matrix-org/matrix-react-sdk/pull/9209)). Fixes vector-im/element-web#21369.
+ * Fix progress bar regression throughout the app ([\#9219](https://github.com/matrix-org/matrix-react-sdk/pull/9219)). Fixes vector-im/element-web#23121.
+ * Reuse empty string & space string logic for event types in devtools ([\#9218](https://github.com/matrix-org/matrix-react-sdk/pull/9218)). Fixes vector-im/element-web#23115.
+
+Changes in [1.11.4](https://github.com/vector-im/element-desktop/releases/tag/v1.11.4) (2022-08-31)
+===================================================================================================
+
+## 🔒 Security
+* Fixes for [CVE-2022-36059](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE%2D2022%2D36059) and [CVE-2022-36060](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE%2D2022%2D36060)
+
+Learn more about what we've been up to at https://element.io/blog/element-web-desktop-1-11-4-a-security-update-deferred-dms-and-more/
+Find more details of the vulnerabilities at https://matrix.org/blog/2022/08/31/security-releases-matrix-js-sdk-19-4-0-and-matrix-react-sdk-3-53-0
+
+## ✨ Features
+ * Upgrade to Electron 20 ([\#403](https://github.com/vector-im/element-desktop/pull/403)).
+ * Device manager - scroll to filtered list from security recommendations ([\#9227](https://github.com/matrix-org/matrix-react-sdk/pull/9227)). Contributed by @kerryarchibald.
+ * Device manager - updated dropdown style in filtered device list ([\#9226](https://github.com/matrix-org/matrix-react-sdk/pull/9226)). Contributed by @kerryarchibald.
+ * Device manager - device type and verification icons on device tile ([\#9197](https://github.com/matrix-org/matrix-react-sdk/pull/9197)). Contributed by @kerryarchibald.
+ * Ignore unreads in low priority rooms in the space panel ([\#6518](https://github.com/matrix-org/matrix-react-sdk/pull/6518)). Fixes vector-im/element-web#16836.
+ * Release message right-click context menu out of labs ([\#8613](https://github.com/matrix-org/matrix-react-sdk/pull/8613)).
+ * Device manager - expandable session details in device list ([\#9188](https://github.com/matrix-org/matrix-react-sdk/pull/9188)). Contributed by @kerryarchibald.
+ * Device manager - device list filtering ([\#9181](https://github.com/matrix-org/matrix-react-sdk/pull/9181)). Contributed by @kerryarchibald.
+ * Device manager - add verification details to session details ([\#9187](https://github.com/matrix-org/matrix-react-sdk/pull/9187)). Contributed by @kerryarchibald.
+ * Device manager - current session expandable details ([\#9185](https://github.com/matrix-org/matrix-react-sdk/pull/9185)). Contributed by @kerryarchibald.
+ * Device manager - security recommendations section ([\#9179](https://github.com/matrix-org/matrix-react-sdk/pull/9179)). Contributed by @kerryarchibald.
+ * The Welcome Home Screen: Return Button ([\#9089](https://github.com/matrix-org/matrix-react-sdk/pull/9089)). Fixes vector-im/element-web#22917. Contributed by @justjanne.
+ * Device manager - label devices as inactive ([\#9175](https://github.com/matrix-org/matrix-react-sdk/pull/9175)). Contributed by @kerryarchibald.
+ * Device manager - other sessions list ([\#9155](https://github.com/matrix-org/matrix-react-sdk/pull/9155)). Contributed by @kerryarchibald.
+ * Implement MSC3846: Allowing widgets to access TURN servers ([\#9061](https://github.com/matrix-org/matrix-react-sdk/pull/9061)).
+ * Allow widgets to send/receive to-device messages ([\#8885](https://github.com/matrix-org/matrix-react-sdk/pull/8885)).
+
+## 🐛 Bug Fixes
+ * Add super cool feature ([\#9222](https://github.com/matrix-org/matrix-react-sdk/pull/9222)). Contributed by @gefgu.
+ * Make use of js-sdk roomNameGenerator to handle i18n for generated room names ([\#9209](https://github.com/matrix-org/matrix-react-sdk/pull/9209)). Fixes vector-im/element-web#21369.
+ * Fix progress bar regression throughout the app ([\#9219](https://github.com/matrix-org/matrix-react-sdk/pull/9219)). Fixes vector-im/element-web#23121.
+ * Reuse empty string & space string logic for event types in devtools ([\#9218](https://github.com/matrix-org/matrix-react-sdk/pull/9218)). Fixes vector-im/element-web#23115.
+ * Reduce amount of requests done by the onboarding task list ([\#9194](https://github.com/matrix-org/matrix-react-sdk/pull/9194)). Fixes vector-im/element-web#23085. Contributed by @justjanne.
+ * Avoid hardcoding branding in user onboarding ([\#9206](https://github.com/matrix-org/matrix-react-sdk/pull/9206)). Fixes vector-im/element-web#23111. Contributed by @justjanne.
+ * End jitsi call when member is banned ([\#8879](https://github.com/matrix-org/matrix-react-sdk/pull/8879)). Contributed by @maheichyk.
+ * Fix context menu being opened when clicking message action bar buttons ([\#9200](https://github.com/matrix-org/matrix-react-sdk/pull/9200)). Fixes vector-im/element-web#22279 and vector-im/element-web#23100.
+ * Add gap between checkbox and text in report dialog following the same pattern (8px) used in the gap between the two buttons. It fixes vector-im/element-web#23060 ([\#9195](https://github.com/matrix-org/matrix-react-sdk/pull/9195)). Contributed by @gefgu.
+ * Fix url preview AXE and layout issue & add percy test ([\#9189](https://github.com/matrix-org/matrix-react-sdk/pull/9189)). Fixes vector-im/element-web#23083.
+ * Wrap long space names ([\#9201](https://github.com/matrix-org/matrix-react-sdk/pull/9201)). Fixes vector-im/element-web#23095.
+ * Attempt to fix `Failed to execute 'removeChild' on 'Node'` ([\#9196](https://github.com/matrix-org/matrix-react-sdk/pull/9196)).
+ * Fix soft crash around space hierarchy changing between spaces ([\#9191](https://github.com/matrix-org/matrix-react-sdk/pull/9191)). Fixes matrix-org/element-web-rageshakes#14613.
+ * Fix soft crash around room view store metrics ([\#9190](https://github.com/matrix-org/matrix-react-sdk/pull/9190)). Fixes matrix-org/element-web-rageshakes#14361.
+ * Fix the same person appearing multiple times when searching for them. ([\#9177](https://github.com/matrix-org/matrix-react-sdk/pull/9177)). Fixes vector-im/element-web#22851.
+ * Fix space panel subspace indentation going missing ([\#9167](https://github.com/matrix-org/matrix-react-sdk/pull/9167)). Fixes vector-im/element-web#23049.
+ * Fix invisible power levels tile when showing hidden events ([\#9162](https://github.com/matrix-org/matrix-react-sdk/pull/9162)). Fixes vector-im/element-web#23013.
+ * Space panel accessibility improvements ([\#9157](https://github.com/matrix-org/matrix-react-sdk/pull/9157)). Fixes vector-im/element-web#22995.
+ * Fix inverted logic for showing UserWelcomeTop component ([\#9164](https://github.com/matrix-org/matrix-react-sdk/pull/9164)). Fixes vector-im/element-web#23037.
+
+Changes in [1.11.3](https://github.com/vector-im/element-desktop/releases/tag/v1.11.3) (2022-08-16)
+===================================================================================================
+
+## ✨ Features
+ * Improve auth aria attributes and semantics ([\#22948](https://github.com/vector-im/element-web/pull/22948)).
+ * Device manager - New device tile info design ([\#9122](https://github.com/matrix-org/matrix-react-sdk/pull/9122)). Contributed by @kerryarchibald.
+ * Device manager generic settings subsection component ([\#9147](https://github.com/matrix-org/matrix-react-sdk/pull/9147)). Contributed by @kerryarchibald.
+ * Migrate the hidden read receipts flag to new "send read receipts" option ([\#9141](https://github.com/matrix-org/matrix-react-sdk/pull/9141)).
+ * Live location sharing - share location at most every 5 seconds ([\#9148](https://github.com/matrix-org/matrix-react-sdk/pull/9148)). Contributed by @kerryarchibald.
+ * Increase max length of voice messages to 15m ([\#9133](https://github.com/matrix-org/matrix-react-sdk/pull/9133)). Fixes vector-im/element-web#18620.
+ * Move pin drop out of labs ([\#9135](https://github.com/matrix-org/matrix-react-sdk/pull/9135)).
+ * Start DM on first message ([\#8612](https://github.com/matrix-org/matrix-react-sdk/pull/8612)). Fixes vector-im/element-web#14736.
+ * Remove "Add Space" button from RoomListHeader when user cannot create spaces ([\#9129](https://github.com/matrix-org/matrix-react-sdk/pull/9129)).
+ * The Welcome Home Screen: Dedicated Download Apps Dialog ([\#9120](https://github.com/matrix-org/matrix-react-sdk/pull/9120)). Fixes vector-im/element-web#22921. Contributed by @justjanne.
+ * The Welcome Home Screen: "Submit Feedback" pane ([\#9090](https://github.com/matrix-org/matrix-react-sdk/pull/9090)). Fixes vector-im/element-web#22918. Contributed by @justjanne.
+ * New User Onboarding Task List ([\#9083](https://github.com/matrix-org/matrix-react-sdk/pull/9083)). Fixes vector-im/element-web#22919. Contributed by @justjanne.
+ * Add support for disabling spell checking ([\#8604](https://github.com/matrix-org/matrix-react-sdk/pull/8604)). Fixes vector-im/element-web#21901.
+ * Live location share - leave maximised map open when beacons expire ([\#9098](https://github.com/matrix-org/matrix-react-sdk/pull/9098)). Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Some slash-commands (`/myroomnick`) have temporarily been disabled before the first message in a DM is sent. ([\#9193](https://github.com/matrix-org/matrix-react-sdk/pull/9193)).
+ * Use stable reference for active tab in tabbedView ([\#9145](https://github.com/matrix-org/matrix-react-sdk/pull/9145)). Contributed by @kerryarchibald.
+ * Fix pillification sometimes doubling up ([\#9152](https://github.com/matrix-org/matrix-react-sdk/pull/9152)). Fixes vector-im/element-web#23036.
+ * Fix composer padding ([\#9137](https://github.com/matrix-org/matrix-react-sdk/pull/9137)). Fixes vector-im/element-web#22992.
+ * Fix highlights not being applied to plaintext messages ([\#9126](https://github.com/matrix-org/matrix-react-sdk/pull/9126)). Fixes vector-im/element-web#22787.
+ * Fix dismissing edit composer when change was undone ([\#9109](https://github.com/matrix-org/matrix-react-sdk/pull/9109)). Fixes vector-im/element-web#22932.
+ * 1-to-1 DM rooms with bots now act like DM rooms instead of multi-user-rooms before ([\#9124](https://github.com/matrix-org/matrix-react-sdk/pull/9124)). Fixes vector-im/element-web#22894.
+ * Apply inline start padding to selected lines on modern layout only ([\#9006](https://github.com/matrix-org/matrix-react-sdk/pull/9006)). Fixes vector-im/element-web#22768. Contributed by @luixxiul.
+ * Peek into world-readable rooms from spotlight ([\#9115](https://github.com/matrix-org/matrix-react-sdk/pull/9115)). Fixes vector-im/element-web#22862.
+ * Use default styling on nested numbered lists due to MD being sensitive ([\#9110](https://github.com/matrix-org/matrix-react-sdk/pull/9110)). Fixes vector-im/element-web#22935.
+ * Fix replying using chat effect commands ([\#9101](https://github.com/matrix-org/matrix-react-sdk/pull/9101)). Fixes vector-im/element-web#22824.
+
+Changes in [1.11.2](https://github.com/vector-im/element-desktop/releases/tag/v1.11.2) (2022-08-03)
+===================================================================================================
+
+## ✨ Features
+ * Live location share -  focus on user location on list item click ([\#9051](https://github.com/matrix-org/matrix-react-sdk/pull/9051)). Contributed by @kerryarchibald.
+ * Live location sharing - don't trigger unread counts for beacon location events ([\#9071](https://github.com/matrix-org/matrix-react-sdk/pull/9071)). Contributed by @kerryarchibald.
+ * Support for sending voice messages as replies and in threads ([\#9097](https://github.com/matrix-org/matrix-react-sdk/pull/9097)). Fixes vector-im/element-web#22031.
+ * Add `Reply in thread` button to the right-click message context-menu ([\#9004](https://github.com/matrix-org/matrix-react-sdk/pull/9004)). Fixes vector-im/element-web#22745.
+ * Starred_Messages_Feature_Contd_II/Outreachy ([\#9086](https://github.com/matrix-org/matrix-react-sdk/pull/9086)).
+ * Use "frequently used emojis" for autocompletion in composer ([\#8998](https://github.com/matrix-org/matrix-react-sdk/pull/8998)). Fixes vector-im/element-web#18978. Contributed by @grimhilt.
+ * Improve clickability of view source event toggle button  ([\#9068](https://github.com/matrix-org/matrix-react-sdk/pull/9068)). Fixes vector-im/element-web#21856. Contributed by @luixxiul.
+ * Improve clickability of "collapse" link button on bubble layout ([\#9037](https://github.com/matrix-org/matrix-react-sdk/pull/9037)). Fixes vector-im/element-web#22864. Contributed by @luixxiul.
+ * Starred_Messages_Feature/Outreachy ([\#8842](https://github.com/matrix-org/matrix-react-sdk/pull/8842)).
+ * Implement Use Case Selection screen ([\#8984](https://github.com/matrix-org/matrix-react-sdk/pull/8984)). Contributed by @justjanne.
+ * Live location share - handle insufficient permissions in location sharing ([\#9047](https://github.com/matrix-org/matrix-react-sdk/pull/9047)). Contributed by @kerryarchibald.
+ * Improve _FilePanel.scss ([\#9031](https://github.com/matrix-org/matrix-react-sdk/pull/9031)). Contributed by @luixxiul.
+ * Improve spotlight accessibility by adding context menus ([\#8907](https://github.com/matrix-org/matrix-react-sdk/pull/8907)). Fixes vector-im/element-web#20875 and vector-im/element-web#22675. Contributed by @justjanne.
+
+## 🐛 Bug Fixes
+ * Replace mask-images with svg components in MessageActionBar ([\#9088](https://github.com/matrix-org/matrix-react-sdk/pull/9088)). Fixes vector-im/element-web#22912. Contributed by @kerryarchibald.
+ * Unbreak in-app permalink tooltips ([\#9087](https://github.com/matrix-org/matrix-react-sdk/pull/9087)). Fixes vector-im/element-web#22874.
+ * Show a back button when viewing a space member ([\#9095](https://github.com/matrix-org/matrix-react-sdk/pull/9095)). Fixes vector-im/element-web#22898.
+ * Align the right edge of info tile lines with normal ones on IRC layout ([\#9058](https://github.com/matrix-org/matrix-react-sdk/pull/9058)). Fixes vector-im/element-web#22871. Contributed by @luixxiul.
+ * Prevent email verification from overriding existing sessions ([\#9075](https://github.com/matrix-org/matrix-react-sdk/pull/9075)). Fixes vector-im/element-web#22881. Contributed by @justjanne.
+ * Fix wrong buttons being used when exploring public rooms ([\#9062](https://github.com/matrix-org/matrix-react-sdk/pull/9062)). Fixes vector-im/element-web#22862.
+ * Re-add padding to generic event list summary on IRC layout ([\#9063](https://github.com/matrix-org/matrix-react-sdk/pull/9063)). Fixes vector-im/element-web#22869. Contributed by @luixxiul.
+ * Joining federated rooms via the spotlight search should no longer cause a "No known servers" error. ([\#9055](https://github.com/matrix-org/matrix-react-sdk/pull/9055)). Fixes vector-im/element-web#22845. Contributed by @Half-Shot.
+
+Changes in [1.11.1](https://github.com/vector-im/element-desktop/releases/tag/v1.11.1) (2022-07-26)
+===================================================================================================
+
+## ✨ Features
+ * Enable URL tooltips on hover for Element Desktop ([\#22286](https://github.com/vector-im/element-web/pull/22286)). Fixes undefined/element-web#6532.
+ * Hide screenshare button in video rooms on Desktop ([\#9045](https://github.com/matrix-org/matrix-react-sdk/pull/9045)).
+ * Add a developer command to reset Megolm and Olm sessions ([\#9044](https://github.com/matrix-org/matrix-react-sdk/pull/9044)).
+ * add spaces to TileErrorBoundary ([\#9012](https://github.com/matrix-org/matrix-react-sdk/pull/9012)). Contributed by @HarHarLinks.
+ * Location sharing - add localised strings to map ([\#9025](https://github.com/matrix-org/matrix-react-sdk/pull/9025)). Fixes vector-im/element-web#21443. Contributed by @kerryarchibald.
+ * Added trim to ignore whitespaces in email check ([\#9027](https://github.com/matrix-org/matrix-react-sdk/pull/9027)). Contributed by @ankur12-1610.
+ * Improve _GenericEventListSummary.scss ([\#9005](https://github.com/matrix-org/matrix-react-sdk/pull/9005)). Contributed by @luixxiul.
+ * Live location share - tiles without tile server (PSG-591) ([\#8962](https://github.com/matrix-org/matrix-react-sdk/pull/8962)). Contributed by @kerryarchibald.
+ * Add option to display tooltip on link hover ([\#8394](https://github.com/matrix-org/matrix-react-sdk/pull/8394)). Fixes vector-im/element-web#21907.
+ * Support a module API surface for custom functionality ([\#8246](https://github.com/matrix-org/matrix-react-sdk/pull/8246)).
+ * Adjust encryption copy when creating a video room ([\#8989](https://github.com/matrix-org/matrix-react-sdk/pull/8989)). Fixes vector-im/element-web#22737.
+ * Add bidirectonal isolation for pills ([\#8985](https://github.com/matrix-org/matrix-react-sdk/pull/8985)). Contributed by @sha-265.
+ * Delabs `Show current avatar and name for users in message history` ([\#8764](https://github.com/matrix-org/matrix-react-sdk/pull/8764)). Fixes vector-im/element-web#22336.
+ * Live location share - open latest location in map site ([\#8981](https://github.com/matrix-org/matrix-react-sdk/pull/8981)). Contributed by @kerryarchibald.
+ * Improve LinkPreviewWidget ([\#8881](https://github.com/matrix-org/matrix-react-sdk/pull/8881)). Fixes vector-im/element-web#22634. Contributed by @luixxiul.
+ * Render HTML topics in rooms on space home ([\#8939](https://github.com/matrix-org/matrix-react-sdk/pull/8939)).
+ * Hide timestamp on event tiles being edited on every layout ([\#8956](https://github.com/matrix-org/matrix-react-sdk/pull/8956)). Contributed by @luixxiul.
+ * Introduce new copy icon ([\#8942](https://github.com/matrix-org/matrix-react-sdk/pull/8942)).
+ * Allow finding group DMs by members in spotlight ([\#8922](https://github.com/matrix-org/matrix-react-sdk/pull/8922)). Fixes vector-im/element-web#22564. Contributed by @justjanne.
+ * Live location share - explicitly stop beacons replaced beacons ([\#8933](https://github.com/matrix-org/matrix-react-sdk/pull/8933)). Contributed by @kerryarchibald.
+ * Remove unpin from widget kebab menu ([\#8924](https://github.com/matrix-org/matrix-react-sdk/pull/8924)).
+ * Live location share - redact related locations on beacon redaction ([\#8926](https://github.com/matrix-org/matrix-react-sdk/pull/8926)). Contributed by @kerryarchibald.
+ * Live location share - disallow message pinning ([\#8928](https://github.com/matrix-org/matrix-react-sdk/pull/8928)). Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Fix manual update checks not working after being dismissed ([\#388](https://github.com/vector-im/element-desktop/pull/388)). Fixes vector-im/element-web#22795.
+ * Don't check for updates if we already have one downloaded and queued ([\#386](https://github.com/vector-im/element-desktop/pull/386)).
+ * Fix default file name in save-image-as ([\#385](https://github.com/vector-im/element-desktop/pull/385)). Fixes vector-im/element-web#20838.
+ * Remove the ability to hide yourself in video rooms ([\#22806](https://github.com/vector-im/element-web/pull/22806)). Fixes vector-im/element-web#22805.
+ * Unbreak in-app permalink tooltips  ([\#9100](https://github.com/matrix-org/matrix-react-sdk/pull/9100)).
+ * Add space for the stroke on message editor on IRC layout ([\#9030](https://github.com/matrix-org/matrix-react-sdk/pull/9030)). Fixes vector-im/element-web#22785. Contributed by @luixxiul.
+ * Fix pinned messages not re-linkifying on edit ([\#9042](https://github.com/matrix-org/matrix-react-sdk/pull/9042)). Fixes vector-im/element-web#22726.
+ * Don't unnecessarily persist the host signup dialog ([\#9043](https://github.com/matrix-org/matrix-react-sdk/pull/9043)). Fixes vector-im/element-web#22778.
+ * Fix URL previews causing messages to become unrenderable ([\#9028](https://github.com/matrix-org/matrix-react-sdk/pull/9028)). Fixes vector-im/element-web#22766.
+ * Fix event list summaries including invalid events ([\#9041](https://github.com/matrix-org/matrix-react-sdk/pull/9041)). Fixes vector-im/element-web#22790.
+ * Correct accessibility labels for unread rooms in spotlight ([\#9003](https://github.com/matrix-org/matrix-react-sdk/pull/9003)). Contributed by @justjanne.
+ * Enable search strings highlight on bubble layout ([\#9032](https://github.com/matrix-org/matrix-react-sdk/pull/9032)). Fixes vector-im/element-web#22786. Contributed by @luixxiul.
+ * Unbreak URL preview for formatted links with tooltips ([\#9022](https://github.com/matrix-org/matrix-react-sdk/pull/9022)). Fixes vector-im/element-web#22764.
+ * Re-add margin to tiles based on EventTileBubble ([\#9015](https://github.com/matrix-org/matrix-react-sdk/pull/9015)). Fixes vector-im/element-web#22772. Contributed by @luixxiul.
+ * Fix Shortcut prompt for Search showing in minimized Roomlist ([\#9014](https://github.com/matrix-org/matrix-react-sdk/pull/9014)). Fixes vector-im/element-web#22739. Contributed by @justjanne.
+ * Fix avatar position on event info line for hidden events on a thread ([\#9019](https://github.com/matrix-org/matrix-react-sdk/pull/9019)). Fixes vector-im/element-web#22777. Contributed by @luixxiul.
+ * Fix lost padding of event tile info line ([\#9009](https://github.com/matrix-org/matrix-react-sdk/pull/9009)). Fixes vector-im/element-web#22754 and vector-im/element-web#22759. Contributed by @luixxiul.
+ * Align verification bubble with normal event tiles on IRC layout ([\#9001](https://github.com/matrix-org/matrix-react-sdk/pull/9001)). Fixes vector-im/element-web#22758. Contributed by @luixxiul.
+ * Ensure timestamp on generic event list summary is not hidden from TimelineCard ([\#9000](https://github.com/matrix-org/matrix-react-sdk/pull/9000)). Fixes vector-im/element-web#22755. Contributed by @luixxiul.
+ * Fix headings margin on security user settings tab ([\#8826](https://github.com/matrix-org/matrix-react-sdk/pull/8826)). Contributed by @luixxiul.
+ * Fix timestamp position on file panel ([\#8976](https://github.com/matrix-org/matrix-react-sdk/pull/8976)). Fixes vector-im/element-web#22718. Contributed by @luixxiul.
+ * Stop using :not() pseudo class for mx_GenericEventListSummary ([\#8944](https://github.com/matrix-org/matrix-react-sdk/pull/8944)). Fixes vector-im/element-web#22602. Contributed by @luixxiul.
+ * Don't show the same user twice in Spotlight ([\#8978](https://github.com/matrix-org/matrix-react-sdk/pull/8978)). Fixes vector-im/element-web#22697.
+ * Align the right edge of expand / collapse link buttons of generic event list summary in bubble layout with a variable ([\#8992](https://github.com/matrix-org/matrix-react-sdk/pull/8992)). Fixes vector-im/element-web#22743. Contributed by @luixxiul.
+ * Display own avatars on search results panel in bubble layout ([\#8990](https://github.com/matrix-org/matrix-react-sdk/pull/8990)). Contributed by @luixxiul.
+ * Fix text flow of thread summary content on threads list ([\#8991](https://github.com/matrix-org/matrix-react-sdk/pull/8991)). Fixes vector-im/element-web#22738. Contributed by @luixxiul.
+ * Fix the size of the clickable area of images ([\#8987](https://github.com/matrix-org/matrix-react-sdk/pull/8987)). Fixes vector-im/element-web#22282.
+ * Fix font size of MessageTimestamp on TimelineCard ([\#8950](https://github.com/matrix-org/matrix-react-sdk/pull/8950)). Contributed by @luixxiul.
+ * Improve security room settings tab style rules ([\#8844](https://github.com/matrix-org/matrix-react-sdk/pull/8844)). Fixes vector-im/element-web#22575. Contributed by @luixxiul.
+ * Align E2E icon and avatar of info tile in compact modern layout ([\#8965](https://github.com/matrix-org/matrix-react-sdk/pull/8965)). Fixes vector-im/element-web#22652. Contributed by @luixxiul.
+ * Fix clickable area of general event list summary toggle ([\#8979](https://github.com/matrix-org/matrix-react-sdk/pull/8979)). Fixes vector-im/element-web#22722. Contributed by @luixxiul.
+ * Fix resizing room topic ([\#8966](https://github.com/matrix-org/matrix-react-sdk/pull/8966)). Fixes vector-im/element-web#22689.
+ * Dismiss the search dialogue when starting a DM ([\#8967](https://github.com/matrix-org/matrix-react-sdk/pull/8967)). Fixes vector-im/element-web#22700.
+ * Fix "greyed out" text style inconsistency on search result panel ([\#8974](https://github.com/matrix-org/matrix-react-sdk/pull/8974)). Contributed by @luixxiul.
+ * Add top padding to EventTilePreview loader ([\#8977](https://github.com/matrix-org/matrix-react-sdk/pull/8977)). Fixes vector-im/element-web#22719. Contributed by @luixxiul.
+ * Fix read receipts group position on TimelineCard in compact modern/group layout ([\#8971](https://github.com/matrix-org/matrix-react-sdk/pull/8971)). Fixes vector-im/element-web#22715. Contributed by @luixxiul.
+ * Fix calls on homeservers without the unstable thirdparty endpoints. ([\#8931](https://github.com/matrix-org/matrix-react-sdk/pull/8931)). Fixes vector-im/element-web#21680. Contributed by @deepbluev7.
+ * Enable ReplyChain text to be expanded on IRC layout ([\#8959](https://github.com/matrix-org/matrix-react-sdk/pull/8959)). Fixes vector-im/element-web#22709. Contributed by @luixxiul.
+ * Fix hidden timestamp on message edit history dialog ([\#8955](https://github.com/matrix-org/matrix-react-sdk/pull/8955)). Fixes vector-im/element-web#22701. Contributed by @luixxiul.
+ * Enable ReplyChain text to be expanded on bubble layout ([\#8958](https://github.com/matrix-org/matrix-react-sdk/pull/8958)). Fixes vector-im/element-web#22709. Contributed by @luixxiul.
+ * Fix expand/collapse state wrong in metaspaces ([\#8952](https://github.com/matrix-org/matrix-react-sdk/pull/8952)). Fixes vector-im/element-web#22632.
+ * Location (live) share replies now provide a fallback content ([\#8949](https://github.com/matrix-org/matrix-react-sdk/pull/8949)).
+ * Fix space settings not opening for script-created spaces ([\#8957](https://github.com/matrix-org/matrix-react-sdk/pull/8957)). Fixes vector-im/element-web#22703.
+ * Respect `filename` field on `m.file` events ([\#8951](https://github.com/matrix-org/matrix-react-sdk/pull/8951)).
+ * Fix PlatformSettingsHandler always returning true due to returning a Promise ([\#8954](https://github.com/matrix-org/matrix-react-sdk/pull/8954)). Fixes vector-im/element-web#22616.
+ * Improve high-contrast support for spotlight ([\#8948](https://github.com/matrix-org/matrix-react-sdk/pull/8948)). Fixes vector-im/element-web#22481. Contributed by @justjanne.
+ * Fix wrong assertions that all media events have a mimetype ([\#8946](https://github.com/matrix-org/matrix-react-sdk/pull/8946)). Fixes matrix-org/element-web-rageshakes#13727.
+ * Make invite dialogue fixed height ([\#8934](https://github.com/matrix-org/matrix-react-sdk/pull/8934)). Fixes vector-im/element-web#22659.
+ * Fix all megolm error reported as unknown ([\#8916](https://github.com/matrix-org/matrix-react-sdk/pull/8916)).
+ * Remove line-height declarations from _ReplyTile.scss ([\#8932](https://github.com/matrix-org/matrix-react-sdk/pull/8932)). Fixes vector-im/element-web#22687. Contributed by @luixxiul.
+ * Reduce video rooms log spam ([\#8913](https://github.com/matrix-org/matrix-react-sdk/pull/8913)).
+ * Correct new search input’s rounded corners ([\#8921](https://github.com/matrix-org/matrix-react-sdk/pull/8921)). Fixes vector-im/element-web#22576. Contributed by @justjanne.
+ * Align unread notification dot on threads list in compact modern=group layout ([\#8911](https://github.com/matrix-org/matrix-react-sdk/pull/8911)). Fixes vector-im/element-web#22677. Contributed by @luixxiul.
+
+Changes in [1.11.0](https://github.com/vector-im/element-desktop/releases/tag/v1.11.0) (2022-07-05)
+===================================================================================================
+
+## 🚨 BREAKING CHANGES
+ * Remove Piwik support ([\#8835](https://github.com/matrix-org/matrix-react-sdk/pull/8835)).
+
+## ✨ Features
+ * Support compilation on more Linux targets ([\#376](https://github.com/vector-im/element-desktop/pull/376)). Contributed by @jcgruenhage.
+ * Document how to configure a custom `home.html`. ([\#21066](https://github.com/vector-im/element-web/pull/21066)). Contributed by @johannes-krude.
+ * Move New Search Experience out of beta ([\#8859](https://github.com/matrix-org/matrix-react-sdk/pull/8859)). Contributed by @justjanne.
+ * Switch video rooms to spotlight layout when in PiP mode ([\#8912](https://github.com/matrix-org/matrix-react-sdk/pull/8912)). Fixes vector-im/element-web#22574.
+ * Live location sharing - render message deleted tile for redacted beacons ([\#8905](https://github.com/matrix-org/matrix-react-sdk/pull/8905)). Contributed by @kerryarchibald.
+ * Improve view source dialog style ([\#8883](https://github.com/matrix-org/matrix-react-sdk/pull/8883)). Fixes vector-im/element-web#22636. Contributed by @luixxiul.
+ * Improve integration manager dialog style ([\#8888](https://github.com/matrix-org/matrix-react-sdk/pull/8888)). Fixes vector-im/element-web#22642. Contributed by @luixxiul.
+ * Implement MSC3827: Filtering of `/publicRooms` by room type ([\#8866](https://github.com/matrix-org/matrix-react-sdk/pull/8866)). Fixes vector-im/element-web#22578.
+ * Show chat panel when opening a video room with unread messages ([\#8812](https://github.com/matrix-org/matrix-react-sdk/pull/8812)). Fixes vector-im/element-web#22527.
+ * Live location share - forward latest location ([\#8860](https://github.com/matrix-org/matrix-react-sdk/pull/8860)). Contributed by @kerryarchibald.
+ * Allow integration managers to validate user identity after opening ([\#8782](https://github.com/matrix-org/matrix-react-sdk/pull/8782)). Contributed by @Half-Shot.
+ * Create a common header on right panel cards on BaseCard ([\#8808](https://github.com/matrix-org/matrix-react-sdk/pull/8808)). Contributed by @luixxiul.
+ * Integrate searching public rooms and people into the new search experience ([\#8707](https://github.com/matrix-org/matrix-react-sdk/pull/8707)). Fixes vector-im/element-web#21354 and vector-im/element-web#19349. Contributed by @justjanne.
+ * Bring back waveform for voice messages and retain seeking ([\#8843](https://github.com/matrix-org/matrix-react-sdk/pull/8843)). Fixes vector-im/element-web#21904.
+ * Improve colors in settings  ([\#7283](https://github.com/matrix-org/matrix-react-sdk/pull/7283)).
+ * Keep draft in composer when a slash command syntax errors ([\#8811](https://github.com/matrix-org/matrix-react-sdk/pull/8811)). Fixes vector-im/element-web#22384.
+ * Release video rooms as a beta feature ([\#8431](https://github.com/matrix-org/matrix-react-sdk/pull/8431)).
+ * Clarify logout key backup warning dialog. Contributed by @notramo. ([\#8741](https://github.com/matrix-org/matrix-react-sdk/pull/8741)). Fixes vector-im/element-web#15565. Contributed by @MadLittleMods.
+ * Slightly improve the look of the `Message edits` dialog ([\#8763](https://github.com/matrix-org/matrix-react-sdk/pull/8763)). Fixes vector-im/element-web#22410.
+ * Add support for MD / HTML in room topics ([\#8215](https://github.com/matrix-org/matrix-react-sdk/pull/8215)). Fixes vector-im/element-web#5180. Contributed by @Johennes.
+ * Live location share - link to timeline tile from share warning ([\#8752](https://github.com/matrix-org/matrix-react-sdk/pull/8752)). Contributed by @kerryarchibald.
+ * Improve composer visiblity ([\#8578](https://github.com/matrix-org/matrix-react-sdk/pull/8578)). Fixes vector-im/element-web#22072 and vector-im/element-web#17362.
+ * Makes the avatar of the user menu non-draggable ([\#8765](https://github.com/matrix-org/matrix-react-sdk/pull/8765)). Contributed by @luixxiul.
+ * Improve widget buttons behaviour and layout ([\#8734](https://github.com/matrix-org/matrix-react-sdk/pull/8734)).
+ * Use AccessibleButton for 'Reset All' link button on SetupEncryptionBody ([\#8730](https://github.com/matrix-org/matrix-react-sdk/pull/8730)). Contributed by @luixxiul.
+ * Adjust message timestamp position on TimelineCard in non-bubble layouts ([\#8745](https://github.com/matrix-org/matrix-react-sdk/pull/8745)). Fixes vector-im/element-web#22426. Contributed by @luixxiul.
+ * Use AccessibleButton for 'In reply to' link button on ReplyChain ([\#8726](https://github.com/matrix-org/matrix-react-sdk/pull/8726)). Fixes vector-im/element-web#22407. Contributed by @luixxiul.
+ * Live location share - enable reply and react to tiles ([\#8721](https://github.com/matrix-org/matrix-react-sdk/pull/8721)). Contributed by @kerryarchibald.
+ * Change dash to em dash issues fixed ([\#8455](https://github.com/matrix-org/matrix-react-sdk/pull/8455)). Fixes vector-im/element-web#21895. Contributed by @goelesha.
+
+## 🐛 Bug Fixes
+ * Upgrade to Electron 19 ([\#372](https://github.com/vector-im/element-desktop/pull/372)). Fixes vector-im/element-web#21147.
+ * Reduce video rooms log spam ([\#22665](https://github.com/vector-im/element-web/pull/22665)).
+ * Connect to Jitsi unmuted by default ([\#22660](https://github.com/vector-im/element-web/pull/22660)). Fixes vector-im/element-web#22637.
+ * Work around a Jitsi bug with display name encoding ([\#22525](https://github.com/vector-im/element-web/pull/22525)). Fixes vector-im/element-web#22521.
+ * Make invite dialogue fixed height ([\#8945](https://github.com/matrix-org/matrix-react-sdk/pull/8945)).
+ * Correct issue with tab order in new search experience ([\#8919](https://github.com/matrix-org/matrix-react-sdk/pull/8919)). Fixes vector-im/element-web#22670. Contributed by @justjanne.
+ * Clicking location replies now redirects to the replied event instead of opening the map ([\#8918](https://github.com/matrix-org/matrix-react-sdk/pull/8918)). Fixes vector-im/element-web#22667.
+ * Keep clicks on pills within the app ([\#8917](https://github.com/matrix-org/matrix-react-sdk/pull/8917)). Fixes vector-im/element-web#22653.
+ * Don't overlap tile bubbles with timestamps in modern layout ([\#8908](https://github.com/matrix-org/matrix-react-sdk/pull/8908)). Fixes vector-im/element-web#22425.
+ * Connect to Jitsi unmuted by default ([\#8909](https://github.com/matrix-org/matrix-react-sdk/pull/8909)).
+ * Maximize width value of display name on TimelineCard with IRC/modern layout ([\#8904](https://github.com/matrix-org/matrix-react-sdk/pull/8904)). Fixes vector-im/element-web#22651. Contributed by @luixxiul.
+ * Align the avatar and the display name on TimelineCard ([\#8900](https://github.com/matrix-org/matrix-react-sdk/pull/8900)). Contributed by @luixxiul.
+ * Remove inline margin from reactions row on IRC layout ([\#8891](https://github.com/matrix-org/matrix-react-sdk/pull/8891)). Fixes vector-im/element-web#22644. Contributed by @luixxiul.
+ * Align "From a thread" on search result panel on IRC layout ([\#8892](https://github.com/matrix-org/matrix-react-sdk/pull/8892)). Fixes vector-im/element-web#22645. Contributed by @luixxiul.
+ * Display description of E2E advanced panel as subsection text ([\#8889](https://github.com/matrix-org/matrix-react-sdk/pull/8889)). Contributed by @luixxiul.
+ * Remove inline end margin from images on file panel ([\#8886](https://github.com/matrix-org/matrix-react-sdk/pull/8886)). Fixes vector-im/element-web#22640. Contributed by @luixxiul.
+ * Disable option to `Quote` when we don't have sufficient permissions ([\#8893](https://github.com/matrix-org/matrix-react-sdk/pull/8893)). Fixes vector-im/element-web#22643.
+ * Add padding to font scaling loader for message bubble layout ([\#8875](https://github.com/matrix-org/matrix-react-sdk/pull/8875)). Fixes vector-im/element-web#22626. Contributed by @luixxiul.
+ * Set 100% max-width to display name on reply tiles ([\#8867](https://github.com/matrix-org/matrix-react-sdk/pull/8867)). Fixes vector-im/element-web#22615. Contributed by @luixxiul.
+ * Fix alignment of pill letter ([\#8874](https://github.com/matrix-org/matrix-react-sdk/pull/8874)). Fixes vector-im/element-web#22622. Contributed by @luixxiul.
+ * Move the beta pill to the right side and display the pill on video room only ([\#8873](https://github.com/matrix-org/matrix-react-sdk/pull/8873)). Fixes vector-im/element-web#22619 and vector-im/element-web#22620. Contributed by @luixxiul.
+ * Stop using absolute property to place beta pill on RoomPreviewCard ([\#8872](https://github.com/matrix-org/matrix-react-sdk/pull/8872)). Fixes vector-im/element-web#22617. Contributed by @luixxiul.
+ * Make the pill text single line ([\#8744](https://github.com/matrix-org/matrix-react-sdk/pull/8744)). Fixes vector-im/element-web#22427. Contributed by @luixxiul.
+ * Hide overflow of public room description on spotlight dialog result ([\#8870](https://github.com/matrix-org/matrix-react-sdk/pull/8870)). Contributed by @luixxiul.
+ * Fix position of message action bar on the info tile on TimelineCard in message bubble layout ([\#8865](https://github.com/matrix-org/matrix-react-sdk/pull/8865)). Fixes vector-im/element-web#22614. Contributed by @luixxiul.
+ * Remove inline start margin from display name on reply tiles on TimelineCard ([\#8864](https://github.com/matrix-org/matrix-react-sdk/pull/8864)). Fixes vector-im/element-web#22613. Contributed by @luixxiul.
+ * Improve homeserver dropdown dialog styling ([\#8850](https://github.com/matrix-org/matrix-react-sdk/pull/8850)). Fixes vector-im/element-web#22552. Contributed by @justjanne.
+ * Fix crash when drawing blurHash for portrait videos PSB-139 ([\#8855](https://github.com/matrix-org/matrix-react-sdk/pull/8855)). Fixes vector-im/element-web#22597. Contributed by @andybalaam.
+ * Fix grid blowout on pinned event tiles ([\#8816](https://github.com/matrix-org/matrix-react-sdk/pull/8816)). Fixes vector-im/element-web#22543. Contributed by @luixxiul.
+ * Fix temporary sync errors if there's weird settings stored in account data ([\#8857](https://github.com/matrix-org/matrix-react-sdk/pull/8857)).
+ * Fix reactions row overflow and gap between reactions ([\#8813](https://github.com/matrix-org/matrix-react-sdk/pull/8813)). Fixes vector-im/element-web#22093. Contributed by @luixxiul.
+ * Fix issues with the Create new room button in Spotlight ([\#8851](https://github.com/matrix-org/matrix-react-sdk/pull/8851)). Contributed by @justjanne.
+ * Remove margin from E2E icon between avatar and hidden event ([\#8584](https://github.com/matrix-org/matrix-react-sdk/pull/8584)). Fixes vector-im/element-web#22186. Contributed by @luixxiul.
+ * Fix waveform on a message bubble ([\#8852](https://github.com/matrix-org/matrix-react-sdk/pull/8852)). Contributed by @luixxiul.
+ * Location sharing maps are now loaded after reconnection ([\#8848](https://github.com/matrix-org/matrix-react-sdk/pull/8848)). Fixes vector-im/element-web#20993.
+ * Update the avatar mask so it doesn’t cut off spaces’ avatars anymore ([\#8849](https://github.com/matrix-org/matrix-react-sdk/pull/8849)). Contributed by @justjanne.
+ * Add a bit of safety around timestamp handling for threads ([\#8845](https://github.com/matrix-org/matrix-react-sdk/pull/8845)).
+ * Remove top margin from event tile on a narrow viewport ([\#8814](https://github.com/matrix-org/matrix-react-sdk/pull/8814)). Contributed by @luixxiul.
+ * Fix keyboard shortcuts on settings tab being wrapped ([\#8825](https://github.com/matrix-org/matrix-react-sdk/pull/8825)). Fixes vector-im/element-web#22547. Contributed by @luixxiul.
+ * Add try-catch around blurhash loading ([\#8830](https://github.com/matrix-org/matrix-react-sdk/pull/8830)).
+ * Prevent new composer from overflowing from non-breakable text ([\#8829](https://github.com/matrix-org/matrix-react-sdk/pull/8829)). Fixes vector-im/element-web#22507. Contributed by @justjanne.
+ * Use common subheading on sidebar user settings tab ([\#8823](https://github.com/matrix-org/matrix-react-sdk/pull/8823)). Contributed by @luixxiul.
+ * Fix clickable area of advanced toggle on appearance user settings tab ([\#8820](https://github.com/matrix-org/matrix-react-sdk/pull/8820)). Fixes vector-im/element-web#22546. Contributed by @luixxiul.
+ * Disable redacting reactions if we don't have sufficient permissions  ([\#8767](https://github.com/matrix-org/matrix-react-sdk/pull/8767)). Fixes vector-im/element-web#22262.
+ * Update the live timeline when the JS SDK resets it ([\#8806](https://github.com/matrix-org/matrix-react-sdk/pull/8806)). Fixes vector-im/element-web#22421.
+ * Fix flex blowout on image reply ([\#8809](https://github.com/matrix-org/matrix-react-sdk/pull/8809)). Fixes vector-im/element-web#22509 and vector-im/element-web#22510. Contributed by @luixxiul.
+ * Enable background color on hover for chat panel and thread panel ([\#8644](https://github.com/matrix-org/matrix-react-sdk/pull/8644)). Fixes vector-im/element-web#22273. Contributed by @luixxiul.
+ * Fix #20026: send read marker as soon as we change it ([\#8802](https://github.com/matrix-org/matrix-react-sdk/pull/8802)). Fixes vector-im/element-web#20026. Contributed by @andybalaam.
+ * Allow AppTiles to shrink as much as necessary ([\#8805](https://github.com/matrix-org/matrix-react-sdk/pull/8805)). Fixes vector-im/element-web#22499.
+ * Make widgets in video rooms immutable again ([\#8803](https://github.com/matrix-org/matrix-react-sdk/pull/8803)). Fixes vector-im/element-web#22497.
+ * Use MessageActionBar style declarations on pinned message card ([\#8757](https://github.com/matrix-org/matrix-react-sdk/pull/8757)). Fixes vector-im/element-web#22444. Contributed by @luixxiul.
+ * Expire video member events after 1 hour ([\#8776](https://github.com/matrix-org/matrix-react-sdk/pull/8776)).
+ * Name lists on invite dialog ([\#8046](https://github.com/matrix-org/matrix-react-sdk/pull/8046)). Fixes vector-im/element-web#21400 and vector-im/element-web#19463. Contributed by @luixxiul.
+ * Live location share - show loading UI for beacons with start timestamp in the future ([\#8775](https://github.com/matrix-org/matrix-react-sdk/pull/8775)). Fixes vector-im/element-web#22437. Contributed by @kerryarchibald.
+ * Fix scroll jump issue with the composer ([\#8788](https://github.com/matrix-org/matrix-react-sdk/pull/8788)). Fixes vector-im/element-web#22464.
+ * Fix the incorrect nesting of download button on MessageActionBar ([\#8785](https://github.com/matrix-org/matrix-react-sdk/pull/8785)). Contributed by @luixxiul.
+ * Revert link color change in composer ([\#8784](https://github.com/matrix-org/matrix-react-sdk/pull/8784)). Fixes vector-im/element-web#22468.
+ * Fix 'Logout' inline link on the splash screen ([\#8770](https://github.com/matrix-org/matrix-react-sdk/pull/8770)). Fixes vector-im/element-web#22449. Contributed by @luixxiul.
+ * Fix disappearing widget poput button when changing the widget layout ([\#8754](https://github.com/matrix-org/matrix-react-sdk/pull/8754)).
+ * Reduce gutter with the new read receipt UI ([\#8736](https://github.com/matrix-org/matrix-react-sdk/pull/8736)). Fixes vector-im/element-web#21890.
+ * Add ellipsis effect to hidden beacon status ([\#8755](https://github.com/matrix-org/matrix-react-sdk/pull/8755)). Fixes vector-im/element-web#22441. Contributed by @luixxiul.
+ * Make the pill on the basic message composer compatible with display name in RTL languages ([\#8758](https://github.com/matrix-org/matrix-react-sdk/pull/8758)). Fixes vector-im/element-web#22445. Contributed by @luixxiul.
+ * Prevent the banner text from being selected, replacing the spacing values with the variable ([\#8756](https://github.com/matrix-org/matrix-react-sdk/pull/8756)). Fixes vector-im/element-web#22442. Contributed by @luixxiul.
+ * Ensure the first device on a newly-registered account gets cross-signed properly ([\#8750](https://github.com/matrix-org/matrix-react-sdk/pull/8750)). Fixes vector-im/element-web#21977. Contributed by @duxovni.
+ * Hide live location option in threads composer ([\#8746](https://github.com/matrix-org/matrix-react-sdk/pull/8746)). Fixes vector-im/element-web#22424. Contributed by @kerryarchibald.
+ * Make sure MessageTimestamp is not hidden by EventTile_line on TimelineCard ([\#8748](https://github.com/matrix-org/matrix-react-sdk/pull/8748)). Contributed by @luixxiul.
+ * Make PiP motion smoother and react to window resizes correctly ([\#8747](https://github.com/matrix-org/matrix-react-sdk/pull/8747)). Fixes vector-im/element-web#22292.
+ * Prevent Invite and DevTools dialogs from being cut off ([\#8646](https://github.com/matrix-org/matrix-react-sdk/pull/8646)). Fixes vector-im/element-web#20911 and undefined/matrix-react-sdk#8165. Contributed by @justjanne.
+ * Squish event bubble tiles less ([\#8740](https://github.com/matrix-org/matrix-react-sdk/pull/8740)).
+ * Use random widget IDs for video rooms ([\#8739](https://github.com/matrix-org/matrix-react-sdk/pull/8739)). Fixes vector-im/element-web#22417.
+ * Fix read avatars overflow from the right chat panel with a maximized widget on bubble message layout ([\#8470](https://github.com/matrix-org/matrix-react-sdk/pull/8470)). Contributed by @luixxiul.
+ * Fix `CallView` crash ([\#8735](https://github.com/matrix-org/matrix-react-sdk/pull/8735)). Fixes vector-im/element-web#22394.
+
+Changes in [1.10.15](https://github.com/vector-im/element-desktop/releases/tag/v1.10.15) (2022-06-14)
+=====================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix missing element desktop preferences ([\#8798](https://github.com/matrix-org/matrix-react-sdk/pull/8798)). Contributed by @t3chguy.
+
+Changes in [1.10.14](https://github.com/vector-im/element-desktop/releases/tag/v1.10.14) (2022-06-07)
+=====================================================================================================
+
+## ✨ Features
+ * Builds Windows 32-bit builds once more! ([\#369](https://github.com/vector-im/element-desktop/pull/369)). Fixes vector-im/element-web#13175.
+ * Option to disable hardware acceleration ([\#365](https://github.com/vector-im/element-desktop/pull/365)). Fixes vector-im/element-web#13648. Contributed by @novocaine.
+ * Make Lao translation available ([\#22358](https://github.com/vector-im/element-web/pull/22358)). Fixes vector-im/element-web#22327.
+ * Option to disable hardware acceleration on Element Desktop ([\#22295](https://github.com/vector-im/element-web/pull/22295)). Contributed by @novocaine.
+ * Configure custom home.html via `.well-known/matrix/client["io.element.embedded_pages"]["home_url"]` for all your element-web/desktop users ([\#7790](https://github.com/matrix-org/matrix-react-sdk/pull/7790)). Contributed by @johannes-krude.
+ * Live location sharing - open location in OpenStreetMap ([\#8695](https://github.com/matrix-org/matrix-react-sdk/pull/8695)). Contributed by @kerryarchibald.
+ * Show a dialog when Jitsi encounters an error ([\#8701](https://github.com/matrix-org/matrix-react-sdk/pull/8701)). Fixes vector-im/element-web#22284.
+ * Add support for setting the `avatar_url` of widgets by integration managers. ([\#8550](https://github.com/matrix-org/matrix-react-sdk/pull/8550)). Contributed by @Fox32.
+ * Add an option to ignore (block) a user when reporting their events ([\#8471](https://github.com/matrix-org/matrix-react-sdk/pull/8471)).
+ * Add the option to disable hardware acceleration ([\#8655](https://github.com/matrix-org/matrix-react-sdk/pull/8655)). Contributed by @novocaine.
+ * Slightly better presentation of read receipts to screen reader users ([\#8662](https://github.com/matrix-org/matrix-react-sdk/pull/8662)). Fixes vector-im/element-web#22293. Contributed by @pvagner.
+ * Add jump to related event context menu item ([\#6775](https://github.com/matrix-org/matrix-react-sdk/pull/6775)). Fixes vector-im/element-web#19883.
+ * Add public room directory hook ([\#8626](https://github.com/matrix-org/matrix-react-sdk/pull/8626)).
+
+## 🐛 Bug Fixes
+ * Revert back to using libsqlcipher0 for Debian & Ubuntu packages of Desktop ([\#367](https://github.com/vector-im/element-desktop/pull/367)). Fixes vector-im/element-web#22325.
+ * Stop Jitsi if we time out while connecting to a video room ([\#22301](https://github.com/vector-im/element-web/pull/22301)). Fixes vector-im/element-web#22283.
+ * Remove inline margin from UTD error message inside a reply tile on ThreadView ([\#8708](https://github.com/matrix-org/matrix-react-sdk/pull/8708)). Fixes vector-im/element-web#22376. Contributed by @luixxiul.
+ * Move unread notification dots of the threads list to the expected position ([\#8700](https://github.com/matrix-org/matrix-react-sdk/pull/8700)). Fixes vector-im/element-web#22350. Contributed by @luixxiul.
+ * Prevent overflow of grid items on a bubble with UTD generally ([\#8697](https://github.com/matrix-org/matrix-react-sdk/pull/8697)). Contributed by @luixxiul.
+ * Create 'Unable To Decrypt' grid layout for hidden events on a bubble layout ([\#8704](https://github.com/matrix-org/matrix-react-sdk/pull/8704)). Fixes vector-im/element-web#22365. Contributed by @luixxiul.
+ * Fix - AccessibleButton does not set disabled attribute ([\#8682](https://github.com/matrix-org/matrix-react-sdk/pull/8682)). Contributed by @kerryarchibald.
+ * Fix font not resetting when logging out ([\#8670](https://github.com/matrix-org/matrix-react-sdk/pull/8670)). Fixes vector-im/element-web#17228.
+ * Fix local aliases section of room settings not working for some homeservers (ie ([\#8698](https://github.com/matrix-org/matrix-react-sdk/pull/8698)). Fixes vector-im/element-web#22337.
+ * Align EventTile_line with display name on message bubble ([\#8692](https://github.com/matrix-org/matrix-react-sdk/pull/8692)). Fixes vector-im/element-web#22343. Contributed by @luixxiul.
+ * Convert references to direct chat -> direct message ([\#8694](https://github.com/matrix-org/matrix-react-sdk/pull/8694)). Contributed by @novocaine.
+ * Improve combining diacritics for U+20D0 to U+20F0 in Chrome ([\#8687](https://github.com/matrix-org/matrix-react-sdk/pull/8687)).
+ * Make the empty thread panel fill BaseCard ([\#8690](https://github.com/matrix-org/matrix-react-sdk/pull/8690)). Fixes vector-im/element-web#22338. Contributed by @luixxiul.
+ * Fix edge case around composer handling gendered facepalm emoji ([\#8686](https://github.com/matrix-org/matrix-react-sdk/pull/8686)).
+ * Fix a grid blowout due to nowrap displayName on a bubble with UTD ([\#8688](https://github.com/matrix-org/matrix-react-sdk/pull/8688)). Fixes vector-im/element-web#21914. Contributed by @luixxiul.
+ * Apply the same max-width to image tile on the thread timeline as message bubble ([\#8669](https://github.com/matrix-org/matrix-react-sdk/pull/8669)). Fixes vector-im/element-web#22313. Contributed by @luixxiul.
+ * Fix dropdown button size for picture-in-picture CallView ([\#8680](https://github.com/matrix-org/matrix-react-sdk/pull/8680)). Fixes vector-im/element-web#22316. Contributed by @luixxiul.
+ * Live location sharing - fix square border for image-less avatar (PSF-1052) ([\#8679](https://github.com/matrix-org/matrix-react-sdk/pull/8679)). Contributed by @kerryarchibald.
+ * Stop connecting to a video room if the widget messaging disappears ([\#8660](https://github.com/matrix-org/matrix-react-sdk/pull/8660)).
+ * Fix file button and audio player overflowing from message bubble ([\#8666](https://github.com/matrix-org/matrix-react-sdk/pull/8666)). Fixes vector-im/element-web#22308. Contributed by @luixxiul.
+ * Don't show broken composer format bar when selection is whitespace ([\#8673](https://github.com/matrix-org/matrix-react-sdk/pull/8673)). Fixes vector-im/element-web#10788.
+ * Fix media upload http 413 handling ([\#8674](https://github.com/matrix-org/matrix-react-sdk/pull/8674)).
+ * Fix emoji picker for editing thread responses ([\#8671](https://github.com/matrix-org/matrix-react-sdk/pull/8671)). Fixes matrix-org/element-web-rageshakes#13129.
+ * Map attribution while sharing live location is now visible ([\#8621](https://github.com/matrix-org/matrix-react-sdk/pull/8621)). Fixes vector-im/element-web#22236. Contributed by @weeman1337.
+ * Fix info tile overlapping the time stamp on TimelineCard ([\#8639](https://github.com/matrix-org/matrix-react-sdk/pull/8639)). Fixes vector-im/element-web#22256. Contributed by @luixxiul.
+ * Fix position of wide images on IRC / modern layout ([\#8667](https://github.com/matrix-org/matrix-react-sdk/pull/8667)). Fixes vector-im/element-web#22309. Contributed by @luixxiul.
+ * Fix other user's displayName being wrapped on the bubble message layout ([\#8456](https://github.com/matrix-org/matrix-react-sdk/pull/8456)). Fixes vector-im/element-web#22004. Contributed by @luixxiul.
+ * Set spacing declarations to elements in mx_EventTile_mediaLine ([\#8665](https://github.com/matrix-org/matrix-react-sdk/pull/8665)). Fixes vector-im/element-web#22307. Contributed by @luixxiul.
+ * Fix wide image overflowing from the thumbnail container ([\#8663](https://github.com/matrix-org/matrix-react-sdk/pull/8663)). Fixes vector-im/element-web#22303. Contributed by @luixxiul.
+ * Fix styles of "Show all" link button on ReactionsRow ([\#8658](https://github.com/matrix-org/matrix-react-sdk/pull/8658)). Fixes vector-im/element-web#22300. Contributed by @luixxiul.
+ * Automatically log in after registration ([\#8654](https://github.com/matrix-org/matrix-react-sdk/pull/8654)). Fixes vector-im/element-web#19305. Contributed by @justjanne.
+ * Fix offline status in window title not working reliably ([\#8656](https://github.com/matrix-org/matrix-react-sdk/pull/8656)).
+ * Align input area with event body's first letter in a thread on IRC/modern layout ([\#8636](https://github.com/matrix-org/matrix-react-sdk/pull/8636)). Fixes vector-im/element-web#22252. Contributed by @luixxiul.
+ * Fix crash on null idp for SSO buttons ([\#8650](https://github.com/matrix-org/matrix-react-sdk/pull/8650)). Contributed by @hughns.
+ * Don't open the regular browser or our context menu on right-clicking the `Options` button in the message action bar ([\#8648](https://github.com/matrix-org/matrix-react-sdk/pull/8648)). Fixes vector-im/element-web#22279.
+ * Show notifications even when Element is focused ([\#8590](https://github.com/matrix-org/matrix-react-sdk/pull/8590)). Contributed by @sumnerevans.
+ * Remove padding from the buttons on edit message composer of a event tile on a thread ([\#8632](https://github.com/matrix-org/matrix-react-sdk/pull/8632)). Contributed by @luixxiul.
+ * ensure metaspace changes correctly notify listeners ([\#8611](https://github.com/matrix-org/matrix-react-sdk/pull/8611)). Fixes vector-im/element-web#21006. Contributed by @justjanne.
+ * Hide image banner on stickers, they have a tooltip already ([\#8641](https://github.com/matrix-org/matrix-react-sdk/pull/8641)). Fixes vector-im/element-web#22244.
+ * Adjust EditMessageComposer style declarations ([\#8631](https://github.com/matrix-org/matrix-react-sdk/pull/8631)). Fixes vector-im/element-web#22231. Contributed by @luixxiul.
+
+Changes in [1.10.13](https://github.com/vector-im/element-desktop/releases/tag/v1.10.13) (2022-05-24)
+=====================================================================================================
+
+## ✨ Features
+ * Go to space landing page when clicking on a selected space ([\#6442](https://github.com/matrix-org/matrix-react-sdk/pull/6442)). Fixes vector-im/element-web#20296.
+ * Fall back to untranslated string rather than showing missing translation error ([\#8609](https://github.com/matrix-org/matrix-react-sdk/pull/8609)).
+ * Show file name and size on images on hover ([\#6511](https://github.com/matrix-org/matrix-react-sdk/pull/6511)). Fixes vector-im/element-web#18197.
+ * Iterate on search results for message bubbles ([\#7047](https://github.com/matrix-org/matrix-react-sdk/pull/7047)). Fixes vector-im/element-web#20315.
+ * registration: redesign email verification page ([\#8554](https://github.com/matrix-org/matrix-react-sdk/pull/8554)). Fixes vector-im/element-web#21984.
+ * Show full thread message in hover title on thread summary ([\#8568](https://github.com/matrix-org/matrix-react-sdk/pull/8568)). Fixes vector-im/element-web#22037.
+ * Tweak video rooms copy ([\#8582](https://github.com/matrix-org/matrix-react-sdk/pull/8582)). Fixes vector-im/element-web#22176.
+ * Live location share - beacon tooltip in maximised view ([\#8572](https://github.com/matrix-org/matrix-react-sdk/pull/8572)).
+ * Add dialog to navigate long room topics ([\#8517](https://github.com/matrix-org/matrix-react-sdk/pull/8517)). Fixes vector-im/element-web#9623.
+ * Change spaceroomfacepile tooltip if memberlist is shown ([\#8571](https://github.com/matrix-org/matrix-react-sdk/pull/8571)). Fixes vector-im/element-web#17406.
+ * Improve message editing UI ([\#8483](https://github.com/matrix-org/matrix-react-sdk/pull/8483)). Fixes vector-im/element-web#9752 and vector-im/element-web#22108.
+ * Make date changes more obvious ([\#6410](https://github.com/matrix-org/matrix-react-sdk/pull/6410)). Fixes vector-im/element-web#16221.
+ * Enable forwarding static locations ([\#8553](https://github.com/matrix-org/matrix-react-sdk/pull/8553)).
+ * Log `TimelinePanel` debugging info when opening the bug report modal ([\#8502](https://github.com/matrix-org/matrix-react-sdk/pull/8502)).
+ * Improve welcome screen, add opt-out analytics ([\#8474](https://github.com/matrix-org/matrix-react-sdk/pull/8474)). Fixes vector-im/element-web#21946.
+ * Converting selected text to MD link when pasting a URL ([\#8242](https://github.com/matrix-org/matrix-react-sdk/pull/8242)). Fixes vector-im/element-web#21634. Contributed by @Sinharitik589.
+ * Support Inter on custom themes ([\#8399](https://github.com/matrix-org/matrix-react-sdk/pull/8399)). Fixes vector-im/element-web#16293.
+ * Add a `Copy link` button to the right-click message context-menu labs feature ([\#8527](https://github.com/matrix-org/matrix-react-sdk/pull/8527)).
+ * Move widget screenshots labs flag to devtools ([\#8522](https://github.com/matrix-org/matrix-react-sdk/pull/8522)).
+ * Remove some labs features which don't get used or create maintenance burden: custom status, multiple integration managers, and do not disturb ([\#8521](https://github.com/matrix-org/matrix-react-sdk/pull/8521)).
+ * Add a way to toggle `ScrollPanel` and `TimelinePanel` debug logs ([\#8513](https://github.com/matrix-org/matrix-react-sdk/pull/8513)).
+ * Spaces: remove blue beta dot ([\#8511](https://github.com/matrix-org/matrix-react-sdk/pull/8511)). Fixes vector-im/element-web#22061.
+ * Order new search dialog results by recency ([\#8444](https://github.com/matrix-org/matrix-react-sdk/pull/8444)).
+ * Improve pills ([\#6398](https://github.com/matrix-org/matrix-react-sdk/pull/6398)). Fixes vector-im/element-web#16948 and vector-im/element-web#21281.
+ * Add a way to maximize/pin widget from the PiP view ([\#7672](https://github.com/matrix-org/matrix-react-sdk/pull/7672)). Fixes vector-im/element-web#20723.
+ * Iterate video room designs in labs ([\#8499](https://github.com/matrix-org/matrix-react-sdk/pull/8499)).
+ * Improve UI/UX in calls ([\#7791](https://github.com/matrix-org/matrix-react-sdk/pull/7791)). Fixes vector-im/element-web#19937.
+ * Add ability to change audio and video devices during a call ([\#7173](https://github.com/matrix-org/matrix-react-sdk/pull/7173)). Fixes vector-im/element-web#15595.
+
+## 🐛 Bug Fixes
+ * Fix video rooms sometimes connecting muted when they shouldn't ([\#22125](https://github.com/vector-im/element-web/pull/22125)).
+ * Avoid flashing the 'join conference' button at the user in video rooms ([\#22120](https://github.com/vector-im/element-web/pull/22120)).
+ * Fully close Jitsi conferences on errors ([\#22060](https://github.com/vector-im/element-web/pull/22060)).
+ * Fix click behavior of notification badges on spaces ([\#8627](https://github.com/matrix-org/matrix-react-sdk/pull/8627)). Fixes vector-im/element-web#22241.
+ * Add missing return values in Read Receipt animation code ([\#8625](https://github.com/matrix-org/matrix-react-sdk/pull/8625)). Fixes vector-im/element-web#22175.
+ * Fix 'continue' button not working after accepting identity server terms of service ([\#8619](https://github.com/matrix-org/matrix-react-sdk/pull/8619)). Fixes vector-im/element-web#20003.
+ * Proactively fix stuck devices in video rooms ([\#8587](https://github.com/matrix-org/matrix-react-sdk/pull/8587)). Fixes vector-im/element-web#22131.
+ * Fix position of the message action bar on left side bubbles ([\#8398](https://github.com/matrix-org/matrix-react-sdk/pull/8398)). Fixes vector-im/element-web#21879. Contributed by @luixxiul.
+ * Fix edge case thread summaries around events without a msgtype ([\#8576](https://github.com/matrix-org/matrix-react-sdk/pull/8576)).
+ * Fix favourites metaspace not updating ([\#8594](https://github.com/matrix-org/matrix-react-sdk/pull/8594)). Fixes vector-im/element-web#22156.
+ * Stop spaces from displaying as rooms in new breadcrumbs ([\#8595](https://github.com/matrix-org/matrix-react-sdk/pull/8595)). Fixes vector-im/element-web#22165.
+ * Fix avatar position of hidden event on ThreadView ([\#8592](https://github.com/matrix-org/matrix-react-sdk/pull/8592)). Fixes vector-im/element-web#22199. Contributed by @luixxiul.
+ * Fix MessageTimestamp position next to redacted messages on IRC/modern layout ([\#8591](https://github.com/matrix-org/matrix-react-sdk/pull/8591)). Fixes vector-im/element-web#22181. Contributed by @luixxiul.
+ * Fix padding of messages in threads ([\#8574](https://github.com/matrix-org/matrix-react-sdk/pull/8574)). Contributed by @luixxiul.
+ * Enable overflow of hidden events content ([\#8585](https://github.com/matrix-org/matrix-react-sdk/pull/8585)). Fixes vector-im/element-web#22187. Contributed by @luixxiul.
+ * Increase composer line height to avoid cutting off emoji ([\#8583](https://github.com/matrix-org/matrix-react-sdk/pull/8583)). Fixes vector-im/element-web#22170.
+ * Don't consider threads for breaking continuation until actually created ([\#8581](https://github.com/matrix-org/matrix-react-sdk/pull/8581)). Fixes vector-im/element-web#22164.
+ * Fix displaying hidden events on threads  ([\#8555](https://github.com/matrix-org/matrix-react-sdk/pull/8555)). Fixes vector-im/element-web#22058. Contributed by @luixxiul.
+ * Fix button width and align 絵文字 (emoji) on the user panel ([\#8562](https://github.com/matrix-org/matrix-react-sdk/pull/8562)). Fixes vector-im/element-web#22142. Contributed by @luixxiul.
+ * Standardise the margin for settings tabs ([\#7963](https://github.com/matrix-org/matrix-react-sdk/pull/7963)). Fixes vector-im/element-web#20767. Contributed by @yuktea.
+ * Fix room history not being visible even if we have historical keys ([\#8563](https://github.com/matrix-org/matrix-react-sdk/pull/8563)). Fixes vector-im/element-web#16983.
+ * Fix oblong avatars in video room lobbies ([\#8565](https://github.com/matrix-org/matrix-react-sdk/pull/8565)).
+ * Update thread summary when latest event gets decrypted ([\#8564](https://github.com/matrix-org/matrix-react-sdk/pull/8564)). Fixes vector-im/element-web#22151.
+ * Fix codepath which can wrongly cause automatic space switch from all rooms ([\#8560](https://github.com/matrix-org/matrix-react-sdk/pull/8560)). Fixes vector-im/element-web#21373.
+ * Fix effect of URL preview toggle not updating live ([\#8561](https://github.com/matrix-org/matrix-react-sdk/pull/8561)). Fixes vector-im/element-web#22148.
+ * Fix visual bugs on AccessSecretStorageDialog ([\#8160](https://github.com/matrix-org/matrix-react-sdk/pull/8160)). Fixes vector-im/element-web#19426. Contributed by @luixxiul.
+ * Fix the width bounce of the clock on the AudioPlayer ([\#8320](https://github.com/matrix-org/matrix-react-sdk/pull/8320)). Fixes vector-im/element-web#21788. Contributed by @luixxiul.
+ * Hide the verification left stroke only on the thread list ([\#8525](https://github.com/matrix-org/matrix-react-sdk/pull/8525)). Fixes vector-im/element-web#22132. Contributed by @luixxiul.
+ * Hide recently_viewed dropdown when other modal opens ([\#8538](https://github.com/matrix-org/matrix-react-sdk/pull/8538)). Contributed by @yaya-usman.
+ * Only jump to date after pressing the 'go' button ([\#8548](https://github.com/matrix-org/matrix-react-sdk/pull/8548)). Fixes vector-im/element-web#20799.
+ * Fix download button not working on events that were decrypted too late ([\#8556](https://github.com/matrix-org/matrix-react-sdk/pull/8556)). Fixes vector-im/element-web#19427.
+ * Align thread summary button with bubble messages on the left side ([\#8388](https://github.com/matrix-org/matrix-react-sdk/pull/8388)). Fixes vector-im/element-web#21873. Contributed by @luixxiul.
+ * Fix unresponsive notification toggles ([\#8549](https://github.com/matrix-org/matrix-react-sdk/pull/8549)). Fixes vector-im/element-web#22109.
+ * Set color-scheme property in themes ([\#8547](https://github.com/matrix-org/matrix-react-sdk/pull/8547)). Fixes vector-im/element-web#22124.
+ * Improve the styling of error messages during search initialization. ([\#6899](https://github.com/matrix-org/matrix-react-sdk/pull/6899)). Fixes vector-im/element-web#19245 and vector-im/element-web#18164. Contributed by @KalleStruik.
+ * Don't leave button tooltips open when closing modals ([\#8546](https://github.com/matrix-org/matrix-react-sdk/pull/8546)). Fixes vector-im/element-web#22121.
+ * update matrix-analytics-events ([\#8543](https://github.com/matrix-org/matrix-react-sdk/pull/8543)).
+ * Handle Jitsi Meet crashes more gracefully ([\#8541](https://github.com/matrix-org/matrix-react-sdk/pull/8541)).
+ * Fix regression around pasting links ([\#8537](https://github.com/matrix-org/matrix-react-sdk/pull/8537)). Fixes vector-im/element-web#22117.
+ * Fixes suggested room not ellipsized on shrinking ([\#8536](https://github.com/matrix-org/matrix-react-sdk/pull/8536)). Contributed by @yaya-usman.
+ * Add global spacing between display name and location body ([\#8523](https://github.com/matrix-org/matrix-react-sdk/pull/8523)). Fixes vector-im/element-web#22111. Contributed by @luixxiul.
+ * Add box-shadow to the reply preview on the main (left) panel only ([\#8397](https://github.com/matrix-org/matrix-react-sdk/pull/8397)). Fixes vector-im/element-web#21894. Contributed by @luixxiul.
+ * Set line-height: 1 to RedactedBody inside GenericEventListSummary for IRC/modern layout ([\#8529](https://github.com/matrix-org/matrix-react-sdk/pull/8529)). Fixes vector-im/element-web#22112. Contributed by @luixxiul.
+ * Fix position of timestamp on the chat panel in IRC layout and message edits history modal window ([\#8464](https://github.com/matrix-org/matrix-react-sdk/pull/8464)). Fixes vector-im/element-web#22011 and vector-im/element-web#22014. Contributed by @luixxiul.
+ * Fix unexpected and inconsistent inheritance of line-height property for mx_TextualEvent ([\#8485](https://github.com/matrix-org/matrix-react-sdk/pull/8485)). Fixes vector-im/element-web#22041. Contributed by @luixxiul.
+ * Set the same margin to the right side of NewRoomIntro on TimelineCard ([\#8453](https://github.com/matrix-org/matrix-react-sdk/pull/8453)). Contributed by @luixxiul.
+ * Remove duplicate tooltip from user pills ([\#8512](https://github.com/matrix-org/matrix-react-sdk/pull/8512)).
+ * Set max-width for MLocationBody and MLocationBody_map by default ([\#8519](https://github.com/matrix-org/matrix-react-sdk/pull/8519)). Fixes vector-im/element-web#21983. Contributed by @luixxiul.
+ * Simplify ReplyPreview UI implementation ([\#8516](https://github.com/matrix-org/matrix-react-sdk/pull/8516)). Fixes vector-im/element-web#22091. Contributed by @luixxiul.
+ * Fix thread summary overflow on narrow message panel on bubble message layout ([\#8520](https://github.com/matrix-org/matrix-react-sdk/pull/8520)). Fixes vector-im/element-web#22097. Contributed by @luixxiul.
+ * Live location sharing - refresh beacon timers on tab becoming active ([\#8515](https://github.com/matrix-org/matrix-react-sdk/pull/8515)).
+ * Enlarge emoji again ([\#8509](https://github.com/matrix-org/matrix-react-sdk/pull/8509)). Fixes vector-im/element-web#22086.
+ * Order receipts with the most recent on the right ([\#8506](https://github.com/matrix-org/matrix-react-sdk/pull/8506)). Fixes vector-im/element-web#22044.
+ * Disconnect from video rooms when leaving ([\#8500](https://github.com/matrix-org/matrix-react-sdk/pull/8500)).
+ * Fix soft crash around threads when room isn't yet in store ([\#8496](https://github.com/matrix-org/matrix-react-sdk/pull/8496)). Fixes vector-im/element-web#22047.
+ * Fix reading of cached room device setting values ([\#8491](https://github.com/matrix-org/matrix-react-sdk/pull/8491)).
+ * Add loading spinners to threads panels ([\#8490](https://github.com/matrix-org/matrix-react-sdk/pull/8490)). Fixes vector-im/element-web#21335.
+ * Fix forwarding UI papercuts ([\#8482](https://github.com/matrix-org/matrix-react-sdk/pull/8482)). Fixes vector-im/element-web#17616.
+
+Changes in [1.10.12](https://github.com/vector-im/element-desktop/releases/tag/v1.10.12) (2022-05-10)
+=====================================================================================================
+
+## ✨ Features
+ * Made the location map change the cursor to a pointer so it looks like it's clickable (https ([\#8451](https://github.com/matrix-org/matrix-react-sdk/pull/8451)). Fixes vector-im/element-web#21991. Contributed by @Odyssey346.
+ * Implement improved spacing for the thread list and timeline ([\#8337](https://github.com/matrix-org/matrix-react-sdk/pull/8337)). Fixes vector-im/element-web#21759. Contributed by @luixxiul.
+ * LLS: expose way to enable live sharing labs flag from location dialog ([\#8416](https://github.com/matrix-org/matrix-react-sdk/pull/8416)).
+ * Fix source text boxes in View Source modal should have full width ([\#8425](https://github.com/matrix-org/matrix-react-sdk/pull/8425)). Fixes vector-im/element-web#21938. Contributed by @EECvision.
+ * Read Receipts: never show +1, if it’s just 4, show all of them ([\#8428](https://github.com/matrix-org/matrix-react-sdk/pull/8428)). Fixes vector-im/element-web#21935.
+ * Add opt-in analytics to onboarding tasks ([\#8409](https://github.com/matrix-org/matrix-react-sdk/pull/8409)). Fixes vector-im/element-web#21705.
+ * Allow user to control if they are signed out of all devices when changing password ([\#8259](https://github.com/matrix-org/matrix-react-sdk/pull/8259)). Fixes vector-im/element-web#2671.
+ * Implement new Read Receipt design ([\#8389](https://github.com/matrix-org/matrix-react-sdk/pull/8389)). Fixes vector-im/element-web#20574.
+ * Stick connected video rooms to the top of the room list ([\#8353](https://github.com/matrix-org/matrix-react-sdk/pull/8353)).
+ * LLS: fix jumpy maximised map ([\#8387](https://github.com/matrix-org/matrix-react-sdk/pull/8387)).
+ * Persist audio and video mute state in video rooms ([\#8376](https://github.com/matrix-org/matrix-react-sdk/pull/8376)).
+ * Forcefully disconnect from video rooms on logout and tab close ([\#8375](https://github.com/matrix-org/matrix-react-sdk/pull/8375)).
+ * Add local echo of connected devices in video rooms ([\#8368](https://github.com/matrix-org/matrix-react-sdk/pull/8368)).
+ * Improve text of account deactivation dialog ([\#8371](https://github.com/matrix-org/matrix-react-sdk/pull/8371)). Fixes vector-im/element-web#17421.
+ * Live location sharing: own live beacon status on maximised view ([\#8374](https://github.com/matrix-org/matrix-react-sdk/pull/8374)).
+ * Show a lobby screen in video rooms ([\#8287](https://github.com/matrix-org/matrix-react-sdk/pull/8287)).
+ * Settings toggle to disable Composer Markdown ([\#8358](https://github.com/matrix-org/matrix-react-sdk/pull/8358)). Fixes vector-im/element-web#20321.
+ * Cache localStorage objects for SettingsStore ([\#8366](https://github.com/matrix-org/matrix-react-sdk/pull/8366)).
+ * Bring `View Source` back from behind developer mode ([\#8369](https://github.com/matrix-org/matrix-react-sdk/pull/8369)). Fixes vector-im/element-web#21771.
+
+## 🐛 Bug Fixes
+ * Fix update from creating desktop shortcut ([\#333](https://github.com/vector-im/element-desktop/pull/333)). Fixes vector-im/element-web#9210. Contributed by @elibroftw.
+ * Fix macOS and Linux build regressions ([\#345](https://github.com/vector-im/element-desktop/pull/345)).
+ * Allow loading language files with two part language code ([\#339](https://github.com/vector-im/element-desktop/pull/339)). Contributed by @TPiUnikie.
+ * Fix Jitsi Meet getting wedged at startup in some cases ([\#21995](https://github.com/vector-im/element-web/pull/21995)).
+ * Fix camera getting muted when disconnecting from a video room ([\#21958](https://github.com/vector-im/element-web/pull/21958)).
+ * Fix race conditions around threads ([\#8448](https://github.com/matrix-org/matrix-react-sdk/pull/8448)). Fixes vector-im/element-web#21627.
+ * Fix reading of cached room device setting values ([\#8495](https://github.com/matrix-org/matrix-react-sdk/pull/8495)).
+ * Fix issue with dispatch happening mid-dispatch due to js-sdk emit ([\#8473](https://github.com/matrix-org/matrix-react-sdk/pull/8473)). Fixes vector-im/element-web#22019.
+ * Match MSC behaviour for threads when disabled (thread-aware mode) ([\#8476](https://github.com/matrix-org/matrix-react-sdk/pull/8476)). Fixes vector-im/element-web#22033.
+ * Specify position of DisambiguatedProfile inside a thread on bubble message layout ([\#8452](https://github.com/matrix-org/matrix-react-sdk/pull/8452)). Fixes vector-im/element-web#21998. Contributed by @luixxiul.
+ * Location sharing: do not trackuserlocation in location picker ([\#8466](https://github.com/matrix-org/matrix-react-sdk/pull/8466)). Fixes vector-im/element-web#22013.
+ * fix text and map indent in thread view ([\#8462](https://github.com/matrix-org/matrix-react-sdk/pull/8462)). Fixes vector-im/element-web#21997.
+ * Live location sharing: don't group beacon info with room creation summary ([\#8468](https://github.com/matrix-org/matrix-react-sdk/pull/8468)).
+ * Don't linkify code blocks ([\#7859](https://github.com/matrix-org/matrix-react-sdk/pull/7859)). Fixes vector-im/element-web#9613.
+ * read receipts: improve tooltips to show names of users ([\#8438](https://github.com/matrix-org/matrix-react-sdk/pull/8438)). Fixes vector-im/element-web#21940.
+ * Fix poll overflowing a reply tile on bubble message layout ([\#8459](https://github.com/matrix-org/matrix-react-sdk/pull/8459)). Fixes vector-im/element-web#22005. Contributed by @luixxiul.
+ * Fix text link buttons on UserInfo panel ([\#8247](https://github.com/matrix-org/matrix-react-sdk/pull/8247)). Fixes vector-im/element-web#21702. Contributed by @luixxiul.
+ * Clear local storage settings handler cache on logout ([\#8454](https://github.com/matrix-org/matrix-react-sdk/pull/8454)). Fixes vector-im/element-web#21994.
+ * Fix jump to bottom button being always displayed in non-overflowing timelines ([\#8460](https://github.com/matrix-org/matrix-react-sdk/pull/8460)). Fixes vector-im/element-web#22003.
+ * fix timeline search with empty text box should do nothing ([\#8262](https://github.com/matrix-org/matrix-react-sdk/pull/8262)). Fixes vector-im/element-web#21714. Contributed by @EECvision.
+ * Fixes "space panel kebab menu is rendered out of view on sub spaces"  ([\#8350](https://github.com/matrix-org/matrix-react-sdk/pull/8350)). Contributed by @yaya-usman.
+ * Add margin to the location map inside ThreadView ([\#8442](https://github.com/matrix-org/matrix-react-sdk/pull/8442)). Fixes vector-im/element-web#21982. Contributed by @luixxiul.
+ * Patch: "Reloading the registration page should warn about data loss" ([\#8377](https://github.com/matrix-org/matrix-react-sdk/pull/8377)). Contributed by @yaya-usman.
+ * Live location sharing: fix safari timestamps pt 2 ([\#8443](https://github.com/matrix-org/matrix-react-sdk/pull/8443)).
+ * Fix issue with thread notification state ignoring initial events ([\#8417](https://github.com/matrix-org/matrix-react-sdk/pull/8417)). Fixes vector-im/element-web#21927.
+ * Fix event text overflow on bubble message layout ([\#8391](https://github.com/matrix-org/matrix-react-sdk/pull/8391)). Fixes vector-im/element-web#21882. Contributed by @luixxiul.
+ * Disable the message action bar when hovering over the 1px border between threads on the list ([\#8429](https://github.com/matrix-org/matrix-react-sdk/pull/8429)). Fixes vector-im/element-web#21955. Contributed by @luixxiul.
+ * correctly align read receipts to state events in bubble layout ([\#8419](https://github.com/matrix-org/matrix-react-sdk/pull/8419)). Fixes vector-im/element-web#21899.
+ * Fix issue with underfilled timelines when barren of content ([\#8432](https://github.com/matrix-org/matrix-react-sdk/pull/8432)). Fixes vector-im/element-web#21930.
+ * Fix baseline misalignment of thread panel summary by deduplication ([\#8413](https://github.com/matrix-org/matrix-react-sdk/pull/8413)).
+ * Fix editing of non-html replies ([\#8418](https://github.com/matrix-org/matrix-react-sdk/pull/8418)). Fixes vector-im/element-web#21928.
+ * Read Receipts "Fall from the Sky" ([\#8414](https://github.com/matrix-org/matrix-react-sdk/pull/8414)). Fixes vector-im/element-web#21888.
+ * Make read receipts handle nullable roomMembers correctly ([\#8410](https://github.com/matrix-org/matrix-react-sdk/pull/8410)). Fixes vector-im/element-web#21896.
+ * Don't form continuations on either side of a thread root ([\#8408](https://github.com/matrix-org/matrix-react-sdk/pull/8408)). Fixes vector-im/element-web#20908.
+ * Fix centering issue with sticker placeholder ([\#8404](https://github.com/matrix-org/matrix-react-sdk/pull/8404)). Fixes vector-im/element-web#18014 and vector-im/element-web#6449.
+ * Disable download option on <video/> , preferring dedicated download button ([\#8403](https://github.com/matrix-org/matrix-react-sdk/pull/8403)). Fixes vector-im/element-web#21902.
+ * Fix infinite loop when pinning/unpinning persistent widgets ([\#8396](https://github.com/matrix-org/matrix-react-sdk/pull/8396)). Fixes vector-im/element-web#21864.
+ * Tweak ReadReceiptGroup to better handle disambiguation ([\#8402](https://github.com/matrix-org/matrix-react-sdk/pull/8402)). Fixes vector-im/element-web#21897.
+ * stop the bottom edge of buttons getting clipped in devtools ([\#8400](https://github.com/matrix-org/matrix-react-sdk/pull/8400)).
+ * Fix issue with threads timelines with few events cropping events ([\#8392](https://github.com/matrix-org/matrix-react-sdk/pull/8392)). Fixes vector-im/element-web#20594.
+ * Changed font-weight to 400 to support light weight font ([\#8345](https://github.com/matrix-org/matrix-react-sdk/pull/8345)). Fixes vector-im/element-web#21171. Contributed by @goelesha.
+ * Fix issue with thread panel not updating when it loads on first render ([\#8382](https://github.com/matrix-org/matrix-react-sdk/pull/8382)). Fixes vector-im/element-web#21737.
+ * fix: "Mention highlight and cursor hover highlight has different corner radius" ([\#8384](https://github.com/matrix-org/matrix-react-sdk/pull/8384)). Contributed by @yaya-usman.
+ * Fix regression around haveRendererForEvent for hidden events ([\#8379](https://github.com/matrix-org/matrix-react-sdk/pull/8379)). Fixes vector-im/element-web#21862 and vector-im/element-web#21725.
+ * Fix regression around the room list treeview keyboard a11y ([\#8385](https://github.com/matrix-org/matrix-react-sdk/pull/8385)). Fixes vector-im/element-web#21436.
+ * Remove float property to let the margin between events appear on bubble message layout ([\#8373](https://github.com/matrix-org/matrix-react-sdk/pull/8373)). Fixes vector-im/element-web#21861. Contributed by @luixxiul.
+ * Fix race in Registration between server change and flows fetch ([\#8359](https://github.com/matrix-org/matrix-react-sdk/pull/8359)). Fixes vector-im/element-web#21800.
+ * fix rainbow breaks compound emojis ([\#8245](https://github.com/matrix-org/matrix-react-sdk/pull/8245)). Fixes vector-im/element-web#21371. Contributed by @EECvision.
+ * Fix RightPanelStore handling first room on app launch wrong ([\#8370](https://github.com/matrix-org/matrix-react-sdk/pull/8370)). Fixes vector-im/element-web#21741.
+ * Fix UnknownBody error message unalignment ([\#8346](https://github.com/matrix-org/matrix-react-sdk/pull/8346)). Fixes vector-im/element-web#21828. Contributed by @luixxiul.
+ * Use -webkit-line-clamp for the room header topic overflow ([\#8367](https://github.com/matrix-org/matrix-react-sdk/pull/8367)). Fixes vector-im/element-web#21852. Contributed by @luixxiul.
+ * Fix issue with ServerInfo crashing the modal ([\#8364](https://github.com/matrix-org/matrix-react-sdk/pull/8364)).
+ * Fixes around threads beta in degraded mode ([\#8319](https://github.com/matrix-org/matrix-react-sdk/pull/8319)). Fixes vector-im/element-web#21762.
+
+Changes in [1.10.11](https://github.com/vector-im/element-desktop/releases/tag/v1.10.11) (2022-04-26)
+=====================================================================================================
+
+## ✨ Features
+ * Handle forced disconnects from Jitsi ([\#21697](https://github.com/vector-im/element-web/pull/21697)). Fixes vector-im/element-web#21517.
+ * Improve performance of switching to rooms with lots of servers and ACLs ([\#8347](https://github.com/matrix-org/matrix-react-sdk/pull/8347)).
+ * Avoid a reflow when setting caret position on an empty composer ([\#8348](https://github.com/matrix-org/matrix-react-sdk/pull/8348)).
+ * Add message right-click context menu as a labs feature ([\#5672](https://github.com/matrix-org/matrix-react-sdk/pull/5672)).
+ * Live location sharing - basic maximised beacon map ([\#8310](https://github.com/matrix-org/matrix-react-sdk/pull/8310)).
+ * Live location sharing - render users own beacons in timeline ([\#8296](https://github.com/matrix-org/matrix-react-sdk/pull/8296)).
+ * Improve Threads beta around degraded mode ([\#8318](https://github.com/matrix-org/matrix-react-sdk/pull/8318)).
+ * Live location sharing -  beacon in timeline happy path ([\#8285](https://github.com/matrix-org/matrix-react-sdk/pull/8285)).
+ * Add copy button to View Source screen ([\#8278](https://github.com/matrix-org/matrix-react-sdk/pull/8278)). Fixes vector-im/element-web#21482. Contributed by @olivialivia.
+ * Add heart effect ([\#6188](https://github.com/matrix-org/matrix-react-sdk/pull/6188)). Contributed by @CicadaCinema.
+ * Update new room icon ([\#8239](https://github.com/matrix-org/matrix-react-sdk/pull/8239)).
+
+## 🐛 Bug Fixes
+ * Prevent packing of native modules ([\#337](https://github.com/vector-im/element-desktop/pull/337)). Fixes vector-im/element-web#17188. Contributed by @PF4Public.
+ * Fix: "Code formatting button does not escape backticks" ([\#8181](https://github.com/matrix-org/matrix-react-sdk/pull/8181)). Contributed by @yaya-usman.
+ * Fix beta indicator dot causing excessive CPU usage ([\#8340](https://github.com/matrix-org/matrix-react-sdk/pull/8340)). Fixes vector-im/element-web#21793.
+ * Fix overlapping timestamps on empty messages ([\#8205](https://github.com/matrix-org/matrix-react-sdk/pull/8205)). Fixes vector-im/element-web#21381. Contributed by @goelesha.
+ * Fix power selector not showing up in user info when state_default undefined ([\#8297](https://github.com/matrix-org/matrix-react-sdk/pull/8297)). Fixes vector-im/element-web#21669.
+ * Avoid looking up settings during timeline rendering ([\#8313](https://github.com/matrix-org/matrix-react-sdk/pull/8313)). Fixes vector-im/element-web#21740.
+ * Fix a soft crash with video rooms ([\#8333](https://github.com/matrix-org/matrix-react-sdk/pull/8333)).
+ * Fixes call tiles overflow ([\#8096](https://github.com/matrix-org/matrix-react-sdk/pull/8096)). Fixes vector-im/element-web#20254. Contributed by @luixxiul.
+ * Fix a bug with emoji autocomplete sorting where adding the final "&#58;" would cause the emoji with the typed shortcode to no longer be at the top of the autocomplete list. ([\#8086](https://github.com/matrix-org/matrix-react-sdk/pull/8086)). Fixes vector-im/element-web#19302. Contributed by @commonlawfeature.
+ * Fix image preview sizing for edge cases ([\#8322](https://github.com/matrix-org/matrix-react-sdk/pull/8322)). Fixes vector-im/element-web#20088.
+ * Refactor SecurityRoomSettingsTab and remove unused state ([\#8306](https://github.com/matrix-org/matrix-react-sdk/pull/8306)). Fixes matrix-org/element-web-rageshakes#12002.
+ * Don't show the prompt to enable desktop notifications immediately after registration ([\#8274](https://github.com/matrix-org/matrix-react-sdk/pull/8274)).
+ * Stop tracking threads if threads support is disabled ([\#8308](https://github.com/matrix-org/matrix-react-sdk/pull/8308)). Fixes vector-im/element-web#21766.
+ * Fix some issues with threads rendering ([\#8305](https://github.com/matrix-org/matrix-react-sdk/pull/8305)). Fixes vector-im/element-web#21670.
+ * Fix threads rendering issue in Safari ([\#8298](https://github.com/matrix-org/matrix-react-sdk/pull/8298)). Fixes vector-im/element-web#21757.
+ * Fix space panel width change on hovering over space item ([\#8299](https://github.com/matrix-org/matrix-react-sdk/pull/8299)). Fixes vector-im/element-web#19891.
+ * Hide the reply in thread button in deployments where beta is forcibly disabled ([\#8294](https://github.com/matrix-org/matrix-react-sdk/pull/8294)). Fixes vector-im/element-web#21753.
+ * Prevent soft crash around room list header context menu when space changes ([\#8289](https://github.com/matrix-org/matrix-react-sdk/pull/8289)). Fixes matrix-org/element-web-rageshakes#11416, matrix-org/element-web-rageshakes#11692, matrix-org/element-web-rageshakes#11739, matrix-org/element-web-rageshakes#11772, matrix-org/element-web-rageshakes#11891 matrix-org/element-web-rageshakes#11858 and matrix-org/element-web-rageshakes#11456.
+ * When selecting reply in thread on a thread response open existing thread ([\#8291](https://github.com/matrix-org/matrix-react-sdk/pull/8291)). Fixes vector-im/element-web#21743.
+ * Handle thread bundled relationships coming from the server via MSC3666 ([\#8292](https://github.com/matrix-org/matrix-react-sdk/pull/8292)). Fixes vector-im/element-web#21450.
+ * Fix: Avatar preview does not update when same file is selected repeatedly ([\#8288](https://github.com/matrix-org/matrix-react-sdk/pull/8288)). Fixes vector-im/element-web#20098.
+ * Fix a bug where user gets a warning when changing powerlevel from **Admin** to **custom level (100)** ([\#8248](https://github.com/matrix-org/matrix-react-sdk/pull/8248)). Fixes vector-im/element-web#21682. Contributed by @Jumeb.
+ * Use a consistent alignment for all text items in a list ([\#8276](https://github.com/matrix-org/matrix-react-sdk/pull/8276)). Fixes vector-im/element-web#21731. Contributed by @luixxiul.
+ * Fixes button labels being collapsed per a character in CJK languages ([\#8212](https://github.com/matrix-org/matrix-react-sdk/pull/8212)). Fixes vector-im/element-web#21287. Contributed by @luixxiul.
+ * Fix: Remove jittery timeline scrolling after jumping to an event ([\#8263](https://github.com/matrix-org/matrix-react-sdk/pull/8263)).
+ * Fix regression of edits showing up in the timeline with hidden events shown ([\#8260](https://github.com/matrix-org/matrix-react-sdk/pull/8260)). Fixes vector-im/element-web#21694.
+ * Fix reporting events not working ([\#8257](https://github.com/matrix-org/matrix-react-sdk/pull/8257)). Fixes vector-im/element-web#21713.
+ * Make Jitsi widgets in video rooms immutable ([\#8244](https://github.com/matrix-org/matrix-react-sdk/pull/8244)). Fixes vector-im/element-web#21647.
+ * Fix: Ensure links to events scroll the correct events into view ([\#8250](https://github.com/matrix-org/matrix-react-sdk/pull/8250)). Fixes vector-im/element-web#19934.
+
+Changes in [1.10.10](https://github.com/vector-im/element-desktop/releases/tag/v1.10.10) (2022-04-14)
+=====================================================================================================
+
+## 🐛 Bug Fixes
+ * Fixes around threads beta in degraded mode ([\#8319](https://github.com/matrix-org/matrix-react-sdk/pull/8319)). Fixes vector-im/element-web#21762.
+
+Changes in [1.10.9](https://github.com/vector-im/element-desktop/releases/tag/v1.10.9) (2022-04-12)
+===================================================================================================
+
+## ✨ Features
+ * Release threads as a beta feature ([\#8081](https://github.com/matrix-org/matrix-react-sdk/pull/8081)). Fixes vector-im/element-web#21351.
+ * More video rooms design updates ([\#8222](https://github.com/matrix-org/matrix-react-sdk/pull/8222)).
+ * Update video rooms to new design specs ([\#8207](https://github.com/matrix-org/matrix-react-sdk/pull/8207)). Fixes vector-im/element-web#21515, vector-im/element-web#21516 vector-im/element-web#21519 and vector-im/element-web#21526.
+ * Live Location Sharing - left panel warning with error ([\#8201](https://github.com/matrix-org/matrix-react-sdk/pull/8201)).
+ * Live location sharing - Stop publishing location to beacons with consecutive errors ([\#8194](https://github.com/matrix-org/matrix-react-sdk/pull/8194)).
+ * Live location sharing: allow retry when stop sharing fails ([\#8193](https://github.com/matrix-org/matrix-react-sdk/pull/8193)).
+ * Allow voice messages to be scrubbed in the timeline ([\#8079](https://github.com/matrix-org/matrix-react-sdk/pull/8079)). Fixes vector-im/element-web#18713.
+ * Live location sharing - stop sharing to beacons in rooms you left ([\#8187](https://github.com/matrix-org/matrix-react-sdk/pull/8187)).
+ * Allow sending and thumbnailing AVIF images ([\#8172](https://github.com/matrix-org/matrix-react-sdk/pull/8172)).
+ * Live location sharing - handle geolocation errors ([\#8179](https://github.com/matrix-org/matrix-react-sdk/pull/8179)).
+ * Show voice room participants when not connected ([\#8136](https://github.com/matrix-org/matrix-react-sdk/pull/8136)). Fixes vector-im/element-web#21513.
+ * Add margins between labs sections ([\#8169](https://github.com/matrix-org/matrix-react-sdk/pull/8169)).
+ * Live location sharing - send geolocation beacon events - happy path ([\#8127](https://github.com/matrix-org/matrix-react-sdk/pull/8127)).
+ * Add support for Animated (A)PNG ([\#8158](https://github.com/matrix-org/matrix-react-sdk/pull/8158)). Fixes vector-im/element-web#12967.
+ * Don't form continuations from thread roots ([\#8166](https://github.com/matrix-org/matrix-react-sdk/pull/8166)). Fixes vector-im/element-web#20908.
+ * Improve handling of animated GIF and WEBP images ([\#8153](https://github.com/matrix-org/matrix-react-sdk/pull/8153)). Fixes vector-im/element-web#16193 and vector-im/element-web#6684.
+ * Wire up file preview for video files ([\#8140](https://github.com/matrix-org/matrix-react-sdk/pull/8140)). Fixes vector-im/element-web#21539.
+ * When showing thread, always auto-focus its composer ([\#8115](https://github.com/matrix-org/matrix-react-sdk/pull/8115)). Fixes vector-im/element-web#21438.
+ * Live location sharing - refresh beacon expiry in room ([\#8116](https://github.com/matrix-org/matrix-react-sdk/pull/8116)).
+ * Use styled mxids in member list v2 ([\#8110](https://github.com/matrix-org/matrix-react-sdk/pull/8110)). Fixes vector-im/element-web#14825. Contributed by @SimonBrandner.
+ * Delete groups (legacy communities system) ([\#8027](https://github.com/matrix-org/matrix-react-sdk/pull/8027)). Fixes vector-im/element-web#17532.
+ * Add a prototype of voice rooms in labs ([\#8084](https://github.com/matrix-org/matrix-react-sdk/pull/8084)). Fixes vector-im/element-web#3546.
+
+## 🐛 Bug Fixes
+ * Avoid flashing the Jitsi prejoin screen at the user before skipping it ([\#21665](https://github.com/vector-im/element-web/pull/21665)).
+ * Fix editing `<ol>` tags with a non-1 start attribute ([\#8211](https://github.com/matrix-org/matrix-react-sdk/pull/8211)). Fixes vector-im/element-web#21625.
+ * Fix URL previews being enabled when room first created ([\#8227](https://github.com/matrix-org/matrix-react-sdk/pull/8227)). Fixes vector-im/element-web#21659.
+ * Don't use m.call for Jitsi video rooms ([\#8223](https://github.com/matrix-org/matrix-react-sdk/pull/8223)).
+ * Scale emoji with size of surrounding text ([\#8224](https://github.com/matrix-org/matrix-react-sdk/pull/8224)).
+ * Make "Jump to date" translatable ([\#8218](https://github.com/matrix-org/matrix-react-sdk/pull/8218)).
+ * Normalize call buttons ([\#8129](https://github.com/matrix-org/matrix-react-sdk/pull/8129)). Fixes vector-im/element-web#21493. Contributed by @luixxiul.
+ * Show room preview bar with maximised widgets ([\#8180](https://github.com/matrix-org/matrix-react-sdk/pull/8180)). Fixes vector-im/element-web#21542.
+ * Update more strings to not wrongly mention room when it is/could be a space ([\#7722](https://github.com/matrix-org/matrix-react-sdk/pull/7722)). Fixes vector-im/element-web#20243 and vector-im/element-web#20910.
+ * Fix issue with redacting via edit composer flow causing stuck editStates ([\#8184](https://github.com/matrix-org/matrix-react-sdk/pull/8184)).
+ * Fix some image/video scroll jumps ([\#8182](https://github.com/matrix-org/matrix-react-sdk/pull/8182)).
+ * Fix "react error on share dialog" ([\#8170](https://github.com/matrix-org/matrix-react-sdk/pull/8170)). Contributed by @yaya-usman.
+ * Fix disambiguated profile in threads in bubble layout ([\#8168](https://github.com/matrix-org/matrix-react-sdk/pull/8168)). Fixes vector-im/element-web#21570. Contributed by @SimonBrandner.
+ * Responsive BetaCard on Labs ([\#8154](https://github.com/matrix-org/matrix-react-sdk/pull/8154)). Fixes vector-im/element-web#21554. Contributed by @luixxiul.
+ * Display button as inline in room directory dialog ([\#8164](https://github.com/matrix-org/matrix-react-sdk/pull/8164)). Fixes vector-im/element-web#21567. Contributed by @luixxiul.
+ * Null guard TimelinePanel unmount edge ([\#8171](https://github.com/matrix-org/matrix-react-sdk/pull/8171)).
+ * Fix beta pill label breaking ([\#8162](https://github.com/matrix-org/matrix-react-sdk/pull/8162)). Fixes vector-im/element-web#21566. Contributed by @luixxiul.
+ * Strip relations when forwarding ([\#7929](https://github.com/matrix-org/matrix-react-sdk/pull/7929)). Fixes vector-im/element-web#19769, vector-im/element-web#18067 vector-im/element-web#21015 and vector-im/element-web#10924.
+ * Don't try (and fail) to show replies for redacted events ([\#8141](https://github.com/matrix-org/matrix-react-sdk/pull/8141)). Fixes vector-im/element-web#21435.
+ * Fix 3pid member info for space member list ([\#8128](https://github.com/matrix-org/matrix-react-sdk/pull/8128)). Fixes vector-im/element-web#21534.
+ * Set max-width to user context menu ([\#8089](https://github.com/matrix-org/matrix-react-sdk/pull/8089)). Fixes vector-im/element-web#21486. Contributed by @luixxiul.
+ * Fix issue with falsey hrefs being sent in events ([\#8113](https://github.com/matrix-org/matrix-react-sdk/pull/8113)). Fixes vector-im/element-web#21417.
+ * Make video sizing consistent with images ([\#8102](https://github.com/matrix-org/matrix-react-sdk/pull/8102)). Fixes vector-im/element-web#20072.
+
+Changes in [1.10.7](https://github.com/vector-im/element-desktop/releases/tag/v1.10.7) (2022-03-15)
+===================================================================================================
+
+## 🔒 SECURITY FIXES
+
+ * Fix a bug where URL previews could be enabled in the left-panel when they
+   should not have been.
+
+## ✨ Features
+ * Add a config.json option to skip the built-in Jitsi welcome screen ([\#21190](https://github.com/vector-im/element-web/pull/21190)).
+ * Add unexposed account setting for hiding poll creation ([\#7972](https://github.com/matrix-org/matrix-react-sdk/pull/7972)).
+ * Allow pinning polls ([\#7922](https://github.com/matrix-org/matrix-react-sdk/pull/7922)). Fixes vector-im/element-web#20152.
+ * Make trailing `:` into a setting ([\#6711](https://github.com/matrix-org/matrix-react-sdk/pull/6711)). Fixes vector-im/element-web#16682. Contributed by @SimonBrandner.
+ * Location sharing > back button ([\#7958](https://github.com/matrix-org/matrix-react-sdk/pull/7958)).
+ * use LocationAssetType ([\#7965](https://github.com/matrix-org/matrix-react-sdk/pull/7965)).
+ * Location share type UI ([\#7924](https://github.com/matrix-org/matrix-react-sdk/pull/7924)).
+ * Add a few more UIComponent flags, and ensure they are used in existing code ([\#7937](https://github.com/matrix-org/matrix-react-sdk/pull/7937)).
+ * Add support for overriding strings in the app ([\#7886](https://github.com/matrix-org/matrix-react-sdk/pull/7886)).
+ * Add support for redirecting to external pages after logout ([\#7905](https://github.com/matrix-org/matrix-react-sdk/pull/7905)).
+ * Expose redaction power level in room settings ([\#7599](https://github.com/matrix-org/matrix-react-sdk/pull/7599)). Fixes vector-im/element-web#20590. Contributed by @SimonBrandner.
+ * Update and expand ways to access pinned messages ([\#7906](https://github.com/matrix-org/matrix-react-sdk/pull/7906)). Fixes vector-im/element-web#21209 and vector-im/element-web#21211.
+ * Add slash command to switch to a room's virtual room ([\#7839](https://github.com/matrix-org/matrix-react-sdk/pull/7839)).
+
+## 🐛 Bug Fixes
+ * Remove Lojban translation ([\#21302](https://github.com/vector-im/element-web/pull/21302)).
+ * Merge pull request from GHSA-qmf4-7w7j-vf23 ([\#8059](https://github.com/matrix-org/matrix-react-sdk/pull/8059)).
+ * Add another null guard for member ([\#7984](https://github.com/matrix-org/matrix-react-sdk/pull/7984)). Fixes vector-im/element-web#21319.
+ * Fix room account settings ([\#7999](https://github.com/matrix-org/matrix-react-sdk/pull/7999)).
+ * Fix missing summary text for pinned message changes ([\#7989](https://github.com/matrix-org/matrix-react-sdk/pull/7989)). Fixes vector-im/element-web#19823.
+ * Pass room to getRoomTombstone to avoid racing with setState ([\#7986](https://github.com/matrix-org/matrix-react-sdk/pull/7986)).
+ * Hide composer and call buttons when the room is tombstoned ([\#7975](https://github.com/matrix-org/matrix-react-sdk/pull/7975)). Fixes vector-im/element-web#21286.
+ * Fix bad ternary statement in autocomplete user pill insertions ([\#7977](https://github.com/matrix-org/matrix-react-sdk/pull/7977)). Fixes vector-im/element-web#21307.
+ * Fix sending locations into threads and fix i18n ([\#7943](https://github.com/matrix-org/matrix-react-sdk/pull/7943)). Fixes vector-im/element-web#21267.
+ * Fix location map attribution rendering over message action bar ([\#7974](https://github.com/matrix-org/matrix-react-sdk/pull/7974)). Fixes vector-im/element-web#21297.
+ * Fix wrongly asserting that PushRule::conditions is non-null ([\#7973](https://github.com/matrix-org/matrix-react-sdk/pull/7973)). Fixes vector-im/element-web#21305.
+ * Fix account & room settings race condition ([\#7953](https://github.com/matrix-org/matrix-react-sdk/pull/7953)). Fixes vector-im/element-web#21163.
+ * Fix bug with some space selections not being applied ([\#7971](https://github.com/matrix-org/matrix-react-sdk/pull/7971)). Fixes vector-im/element-web#21290.
+ * Revert "replace all require(.svg) with esm import" ([\#7969](https://github.com/matrix-org/matrix-react-sdk/pull/7969)). Fixes vector-im/element-web#21293.
+ * Hide unpinnable pinned messages in more cases ([\#7921](https://github.com/matrix-org/matrix-react-sdk/pull/7921)).
+ * Fix room list being laggy while scrolling 🐌 ([\#7939](https://github.com/matrix-org/matrix-react-sdk/pull/7939)). Fixes vector-im/element-web#21262.
+ * Make pinned messages more reliably reflect edits ([\#7920](https://github.com/matrix-org/matrix-react-sdk/pull/7920)). Fixes vector-im/element-web#17098.
+ * Improve accessibility of the BetaPill ([\#7949](https://github.com/matrix-org/matrix-react-sdk/pull/7949)). Fixes vector-im/element-web#21255.
+ * Autofocus correct composer after sending reaction ([\#7950](https://github.com/matrix-org/matrix-react-sdk/pull/7950)). Fixes vector-im/element-web#21273.
+ * Consider polls as message events for rendering redactions ([\#7944](https://github.com/matrix-org/matrix-react-sdk/pull/7944)). Fixes vector-im/element-web#21125.
+ * Prevent event tiles being shrunk/collapsed by flexbox ([\#7942](https://github.com/matrix-org/matrix-react-sdk/pull/7942)). Fixes vector-im/element-web#21269.
+ * Fix ExportDialog title on export cancellation ([\#7936](https://github.com/matrix-org/matrix-react-sdk/pull/7936)). Fixes vector-im/element-web#21260. Contributed by @luixxiul.
+ * Mandate use of js-sdk/src/matrix import over js-sdk/src ([\#7933](https://github.com/matrix-org/matrix-react-sdk/pull/7933)). Fixes vector-im/element-web#21253.
+ * Fix backspace not working in the invite dialog ([\#7931](https://github.com/matrix-org/matrix-react-sdk/pull/7931)). Fixes vector-im/element-web#21249. Contributed by @SimonBrandner.
+ * Fix right panel soft crashes due to missing room prop ([\#7923](https://github.com/matrix-org/matrix-react-sdk/pull/7923)). Fixes vector-im/element-web#21243.
+ * fix color of location share caret ([\#7917](https://github.com/matrix-org/matrix-react-sdk/pull/7917)).
+ * Wrap all EventTiles with a TileErrorBoundary and guard parsePermalink ([\#7916](https://github.com/matrix-org/matrix-react-sdk/pull/7916)). Fixes vector-im/element-web#21216.
+ * Fix changing space sometimes bouncing to the wrong space ([\#7910](https://github.com/matrix-org/matrix-react-sdk/pull/7910)). Fixes vector-im/element-web#20425.
+ * Ensure EventListSummary key does not change during backpagination ([\#7915](https://github.com/matrix-org/matrix-react-sdk/pull/7915)). Fixes vector-im/element-web#9192.
+ * Fix positioning of the thread context menu ([\#7918](https://github.com/matrix-org/matrix-react-sdk/pull/7918)). Fixes vector-im/element-web#21236.
+ * Inject sender into pinned messages ([\#7904](https://github.com/matrix-org/matrix-react-sdk/pull/7904)). Fixes vector-im/element-web#20314.
+ * Tweak info message padding in right panel timeline ([\#7901](https://github.com/matrix-org/matrix-react-sdk/pull/7901)). Fixes vector-im/element-web#21212.
+ * Fix another freeze on room switch ([\#7900](https://github.com/matrix-org/matrix-react-sdk/pull/7900)). Fixes vector-im/element-web#21127.
+ * Clean up error listener when location picker closes ([\#7902](https://github.com/matrix-org/matrix-react-sdk/pull/7902)). Fixes vector-im/element-web#21213.
+ * Fix edge case in context menu chevron positioning ([\#7899](https://github.com/matrix-org/matrix-react-sdk/pull/7899)).
+ * Fix composer format buttons on WebKit ([\#7898](https://github.com/matrix-org/matrix-react-sdk/pull/7898)). Fixes vector-im/element-web#20868.
+ * manage voicerecording state when deleting or sending a voice message ([\#7896](https://github.com/matrix-org/matrix-react-sdk/pull/7896)). Fixes vector-im/element-web#21151.
+ * Fix bug with useRoomHierarchy tight-looping loadMore on error ([\#7893](https://github.com/matrix-org/matrix-react-sdk/pull/7893)).
+ * Fix upload button & shortcut not working for narrow composer mode ([\#7894](https://github.com/matrix-org/matrix-react-sdk/pull/7894)). Fixes vector-im/element-web#21175 and vector-im/element-web#21142.
+ * Fix emoji insertion in thread composer going to the main composer ([\#7895](https://github.com/matrix-org/matrix-react-sdk/pull/7895)). Fixes vector-im/element-web#21202.
+ * Try harder to keep context menus inside the window ([\#7863](https://github.com/matrix-org/matrix-react-sdk/pull/7863)). Fixes vector-im/element-web#17527 and vector-im/element-web#18377.
+ * Fix edge case around event list summary layout ([\#7891](https://github.com/matrix-org/matrix-react-sdk/pull/7891)). Fixes vector-im/element-web#21180.
+ * Fix event list summary 1 hidden message pluralisation ([\#7890](https://github.com/matrix-org/matrix-react-sdk/pull/7890)). Fixes vector-im/element-web#21196.
+ * Fix vanishing recently viewed menu ([\#7887](https://github.com/matrix-org/matrix-react-sdk/pull/7887)). Fixes vector-im/element-web#20827.
+ * Fix freeze on room switch ([\#7884](https://github.com/matrix-org/matrix-react-sdk/pull/7884)). Fixes vector-im/element-web#21127.
+ * Check 'useSystemTheme' in quick settings theme switcher ([\#7809](https://github.com/matrix-org/matrix-react-sdk/pull/7809)). Fixes vector-im/element-web#21061.
+ * Fix 'my threads' filtering to include participated threads ([\#7882](https://github.com/matrix-org/matrix-react-sdk/pull/7882)). Fixes vector-im/element-web#20877.
+ * Remove log line to try to fix freeze on answering VoIP call ([\#7883](https://github.com/matrix-org/matrix-react-sdk/pull/7883)).
+ * Support social login & password on soft logout page ([\#7879](https://github.com/matrix-org/matrix-react-sdk/pull/7879)). Fixes vector-im/element-web#21099.
+ * Fix missing padding on server picker ([\#7864](https://github.com/matrix-org/matrix-react-sdk/pull/7864)).
+ * Throttle RoomState.members handlers ([\#7876](https://github.com/matrix-org/matrix-react-sdk/pull/7876)). Fixes vector-im/element-web#21127.
+ * Only show joined/invited in search dialog ([\#7875](https://github.com/matrix-org/matrix-react-sdk/pull/7875)). Fixes vector-im/element-web#21161.
+ * Don't pillify code blocks ([\#7861](https://github.com/matrix-org/matrix-react-sdk/pull/7861)). Fixes vector-im/element-web#20851 and vector-im/element-web#18687.
+ * Fix keyboard shortcut icons on macOS ([\#7869](https://github.com/matrix-org/matrix-react-sdk/pull/7869)).
+
+Changes in [1.10.6](https://github.com/vector-im/element-desktop/releases/tag/v1.10.6) (2022-03-01)
+===================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix some crashes in the right panel
+
+Changes in [1.10.5](https://github.com/vector-im/element-desktop/releases/tag/v1.10.5) (2022-02-28)
+===================================================================================================
+
+## 🌐 Translations
+ * This release contains a significant update to the Japanese translations, contributed by Suguru Hirahara (@luixxiul). ありがとうございます!
+
+## ✨ Features
+ * Support "closed" polls whose votes are not visible until they are ended ([\#7842](https://github.com/matrix-org/matrix-react-sdk/pull/7842)).
+ * Focus trap in poll creation dialog ([\#7847](https://github.com/matrix-org/matrix-react-sdk/pull/7847)). Fixes vector-im/element-web#20281.
+ * Add labs flag: Show only current profile on historical messages ([\#7815](https://github.com/matrix-org/matrix-react-sdk/pull/7815)).
+ * Keep unsent voice messages in memory until they are deleted or sent ([\#7840](https://github.com/matrix-org/matrix-react-sdk/pull/7840)). Fixes vector-im/element-web#17979.
+ * A link to `#/dm` in a custom home.html will open the "Direct Messages" dialog. ([\#7783](https://github.com/matrix-org/matrix-react-sdk/pull/7783)). Contributed by @johannes-krude.
+ * set icon-button-color to be configurable via quaternary-content variable ([\#7725](https://github.com/matrix-org/matrix-react-sdk/pull/7725)). Fixes vector-im/element-web#20925. Contributed by @acxz.
+ * Allow editing polls ([\#7806](https://github.com/matrix-org/matrix-react-sdk/pull/7806)).
+ * Abstract spotlight to allow non-room results too ([\#7804](https://github.com/matrix-org/matrix-react-sdk/pull/7804)). Fixes vector-im/element-web#20968, matrix-org/element-web-rageshakes#10766, matrix-org/element-web-rageshakes#10777, matrix-org/element-web-rageshakes#10767 matrix-org/element-web-rageshakes#10760 and matrix-org/element-web-rageshakes#10752.
+ * Display '(edited)' next to edited polls ([\#7789](https://github.com/matrix-org/matrix-react-sdk/pull/7789)).
+ * Use the resize observer polyfill consistently ([\#7796](https://github.com/matrix-org/matrix-react-sdk/pull/7796)). Fixes matrix-org/element-web-rageshakes#10700.
+ * Consolidate, simplify and improve copied tooltips ([\#7799](https://github.com/matrix-org/matrix-react-sdk/pull/7799)). Fixes vector-im/element-web#21069.
+ * Suggest `@room` when `@channel`, `@everyone`, or `@here` is typed in composer ([\#7737](https://github.com/matrix-org/matrix-react-sdk/pull/7737)). Fixes vector-im/element-web#20972. Contributed by @aaronraimist.
+ * Add customisation point to disable space creation ([\#7766](https://github.com/matrix-org/matrix-react-sdk/pull/7766)).
+ * Consolidate RedactionGrouper and HiddenEventGrouper into MELS ([\#7739](https://github.com/matrix-org/matrix-react-sdk/pull/7739)). Fixes vector-im/element-web#20958.
+ * Unify widget header actions with those in right panel ([\#7734](https://github.com/matrix-org/matrix-react-sdk/pull/7734)).
+ * Improve new search dialog context text for exactly 2 parent spaces ([\#7761](https://github.com/matrix-org/matrix-react-sdk/pull/7761)).
+
+## 🐛 Bug Fixes
+ * Fix command key missing in keyboard shortcuts tab ([\#21102](https://github.com/vector-im/element-web/pull/21102)). Contributed by @SimonBrandner.
+ * [Release] Tweak info message padding in right panel timeline ([\#7909](https://github.com/matrix-org/matrix-react-sdk/pull/7909)).
+ * [Release] Fix edge case around event list summary layout ([\#7892](https://github.com/matrix-org/matrix-react-sdk/pull/7892)).
+ * Wire up CallEventGroupers for Search Results ([\#7866](https://github.com/matrix-org/matrix-react-sdk/pull/7866)). Fixes vector-im/element-web#21150.
+ * Fix edge case around event list summary layout ([\#7867](https://github.com/matrix-org/matrix-react-sdk/pull/7867)). Fixes vector-im/element-web#21153.
+ * Fix misalignment with Event List Summaries ([\#7865](https://github.com/matrix-org/matrix-react-sdk/pull/7865)). Fixes vector-im/element-web#21149.
+ * Fix non-customizable keybindings not working as expected ([\#7855](https://github.com/matrix-org/matrix-react-sdk/pull/7855)). Fixes vector-im/element-web#21136 and matrix-org/element-web-rageshakes#10830.
+ * Fix accessibility around the room list treeview and new search beta ([\#7856](https://github.com/matrix-org/matrix-react-sdk/pull/7856)). Fixes matrix-org/element-web-rageshakes#10873.
+ * Inhibit tooltip on timeline pill avatars, the whole pill has its own ([\#7854](https://github.com/matrix-org/matrix-react-sdk/pull/7854)). Fixes vector-im/element-web#21135.
+ * Fix virtual / native room mapping on call transfers ([\#7848](https://github.com/matrix-org/matrix-react-sdk/pull/7848)).
+ * Fix ScrollPanel data-scrollbar not responding to window resizing ([\#7841](https://github.com/matrix-org/matrix-react-sdk/pull/7841)). Fixes vector-im/element-web#20594.
+ * add cursor: pointer to actionable poll options ([\#7826](https://github.com/matrix-org/matrix-react-sdk/pull/7826)). Fixes vector-im/element-web#21033.
+ * Tear down AppTile using lifecycle tracking ([\#7833](https://github.com/matrix-org/matrix-react-sdk/pull/7833)). Fixes vector-im/element-web#21025.
+ * Fix layout inconsistencies with the room search minimized button ([\#7824](https://github.com/matrix-org/matrix-react-sdk/pull/7824)). Fixes vector-im/element-web#21106.
+ * Fix space panel notification badge behaviour and metrics ([\#7823](https://github.com/matrix-org/matrix-react-sdk/pull/7823)). Fixes vector-im/element-web#21092.
+ * Fix left panel widgets causing app crashes (again) ([\#7814](https://github.com/matrix-org/matrix-react-sdk/pull/7814)).
+ * Fix right panel data flow ([\#7811](https://github.com/matrix-org/matrix-react-sdk/pull/7811)). Fixes vector-im/element-web#20929.
+ * set mask-size for icons ([\#7812](https://github.com/matrix-org/matrix-react-sdk/pull/7812)). Fixes vector-im/element-web#21047.
+ * Fix room create tile not showing up with hidden events shown ([\#7810](https://github.com/matrix-org/matrix-react-sdk/pull/7810)). Fixes vector-im/element-web#20893.
+ * Fix delayed badge update for mentions in encrypted rooms ([\#7813](https://github.com/matrix-org/matrix-react-sdk/pull/7813)). Fixes vector-im/element-web#20859.
+ * Fix add existing space not showing any spaces ([\#7801](https://github.com/matrix-org/matrix-react-sdk/pull/7801)). Fixes vector-im/element-web#21087. Contributed by @c-cal.
+ * Fix edge cases around event list summaries with hidden events and redactions ([\#7797](https://github.com/matrix-org/matrix-react-sdk/pull/7797)). Fixes vector-im/element-web#21030 vector-im/element-web#21050 and vector-im/element-web#21055.
+ * Improve styling of edge case devtools state keys ([\#7794](https://github.com/matrix-org/matrix-react-sdk/pull/7794)). Fixes vector-im/element-web#21056.
+ * Don't scroll to bottom when executing non-message slash commands ([\#7793](https://github.com/matrix-org/matrix-react-sdk/pull/7793)). Fixes vector-im/element-web#21065.
+ * Fix cutout misalignment on some decorated room avatars ([\#7784](https://github.com/matrix-org/matrix-react-sdk/pull/7784)). Fixes vector-im/element-web#21038.
+ * Fix desktop notifications for invites showing user IDs instead of displaynames ([\#7780](https://github.com/matrix-org/matrix-react-sdk/pull/7780)). Fixes vector-im/element-web#21022. Contributed by @c-cal.
+ * Fix bad pluralisation on event list summary hidden message handling ([\#7778](https://github.com/matrix-org/matrix-react-sdk/pull/7778)).
+ * Properly recurse subspaces for leave space dialog options ([\#7775](https://github.com/matrix-org/matrix-react-sdk/pull/7775)). Fixes vector-im/element-web#20949 and vector-im/element-web#21012.
+ * Fix translation for keyboard shortcut displaynames ([\#7758](https://github.com/matrix-org/matrix-react-sdk/pull/7758)). Fixes vector-im/element-web#20992. Contributed by @c-cal.
+ * Fix space member list opening with back button ([\#7773](https://github.com/matrix-org/matrix-react-sdk/pull/7773)). Fixes vector-im/element-web#21009. Contributed by @c-cal.
+ * Fix sort order for facepiles which was exactly reverse ([\#7771](https://github.com/matrix-org/matrix-react-sdk/pull/7771)).
+ * Fix state events being wrongly hidden when redacted ([\#7768](https://github.com/matrix-org/matrix-react-sdk/pull/7768)). Fixes vector-im/element-web#20959.
+ * Event List Summary guard against missing event senders ([\#7767](https://github.com/matrix-org/matrix-react-sdk/pull/7767)). Fixes vector-im/element-web#21004.
+ * Fix all settings button opening sidebar settings tab ([\#7765](https://github.com/matrix-org/matrix-react-sdk/pull/7765)). Fixes vector-im/element-web#20998. Contributed by @c-cal.
+ * Fix theme selector dropdown overflow ([\#7764](https://github.com/matrix-org/matrix-react-sdk/pull/7764)). Fixes vector-im/element-web#20996. Contributed by @c-cal.
+ * Fix widget and mjolnir state events showing with mxid not name ([\#7760](https://github.com/matrix-org/matrix-react-sdk/pull/7760)). Fixes vector-im/element-web#20986.
+ * Fix space member list not opening ([\#7747](https://github.com/matrix-org/matrix-react-sdk/pull/7747)). Fixes vector-im/element-web#20982. Contributed by @c-cal.
+ * Handle highlight notifications in timeline card button ([\#7762](https://github.com/matrix-org/matrix-react-sdk/pull/7762)). Fixes vector-im/element-web#20987. Contributed by @SimonBrandner.
+ * Fix add existing space not showing any spaces ([\#7751](https://github.com/matrix-org/matrix-react-sdk/pull/7751)).
+ * Inhibit Room List keyboard pass-thru when the search beta is enabled ([\#7752](https://github.com/matrix-org/matrix-react-sdk/pull/7752)). Fixes vector-im/element-web#20984.
+ * Add unread notification dot to timeline card button ([\#7749](https://github.com/matrix-org/matrix-react-sdk/pull/7749)). Fixes vector-im/element-web#20946. Contributed by @SimonBrandner.
+
+Changes in [1.10.4](https://github.com/vector-im/element-desktop/releases/tag/v1.10.4) (2022-02-17)
+===================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix bug where badge colour on encrypted rooms may not be correct until anothe rmessage is sent
+
+Changes in [1.10.3](https://github.com/vector-im/element-desktop/releases/tag/v1.10.3) (2022-02-14)
+===================================================================================================
+
+ * Add map tile config to fix location sharing maps
+
+Changes in [1.10.2](https://github.com/vector-im/element-desktop/releases/tag/v1.10.2) (2022-02-14)
+===================================================================================================
+
+## ✨ Features
+ * Support a config option to change the default device name ([\#20790](https://github.com/vector-im/element-web/pull/20790)).
+ * Capitalize "Privacy" in UserMenu ([\#7738](https://github.com/matrix-org/matrix-react-sdk/pull/7738)). Contributed by @aaronraimist.
+ * Move new search experience to a Beta ([\#7718](https://github.com/matrix-org/matrix-react-sdk/pull/7718)). Fixes vector-im/element-meta#139 vector-im/element-web#20618 and vector-im/element-web#20339.
+ * Auto select "Other homeserver" when user press "Edit" in homeserver field ([\#7337](https://github.com/matrix-org/matrix-react-sdk/pull/7337)). Fixes vector-im/element-web#20125. Contributed by @SimonBrandner.
+ * Add unread badges and avatar decorations to spotlight search ([\#7696](https://github.com/matrix-org/matrix-react-sdk/pull/7696)). Fixes vector-im/element-web#20821.
+ * Enable location sharing ([\#7703](https://github.com/matrix-org/matrix-react-sdk/pull/7703)).
+ * Simplify Composer buttons ([\#7678](https://github.com/matrix-org/matrix-react-sdk/pull/7678)).
+ * Add a warning to the console to discourage attacks and encourage contributing ([\#7673](https://github.com/matrix-org/matrix-react-sdk/pull/7673)). Fixes vector-im/element-web#2803. Contributed by @SimonBrandner.
+ * Don't show replaced calls in the timeline ([\#7452](https://github.com/matrix-org/matrix-react-sdk/pull/7452)). Contributed by @SimonBrandner.
+ * Tweak `/addwidget` widget names ([\#7681](https://github.com/matrix-org/matrix-react-sdk/pull/7681)).
+ * Chat export parameter customisation ([\#7647](https://github.com/matrix-org/matrix-react-sdk/pull/7647)).
+ * Put call on hold when transfer dialog is opened ([\#7669](https://github.com/matrix-org/matrix-react-sdk/pull/7669)).
+ * Share e2ee keys when using /invite SlashCommand ([\#7655](https://github.com/matrix-org/matrix-react-sdk/pull/7655)). Fixes vector-im/element-web#20778 and vector-im/element-web#16982.
+ * Tweak spotlight roving behaviour to reset when changing query ([\#7656](https://github.com/matrix-org/matrix-react-sdk/pull/7656)). Fixes vector-im/element-web#20537 vector-im/element-web#20612 and vector-im/element-web#20184.
+ * Look up tile server info in homeserver's .well-known area ([\#7623](https://github.com/matrix-org/matrix-react-sdk/pull/7623)).
+ * Add grouper for hidden events ([\#7649](https://github.com/matrix-org/matrix-react-sdk/pull/7649)).
+ * The keyboard shortcut is control (or cmd) shift h. ([\#7584](https://github.com/matrix-org/matrix-react-sdk/pull/7584)). Contributed by @UwUnyaa.
+
+## 🐛 Bug Fixes
+ * [Release] Fix cutout misalignment on some decorated room avatars ([\#7785](https://github.com/matrix-org/matrix-react-sdk/pull/7785)).
+ * [Release] Fix add existing space not showing any spaces ([\#7756](https://github.com/matrix-org/matrix-react-sdk/pull/7756)).
+ * [Release] Inhibit Room List keyboard pass-thru when the search beta is enabled ([\#7754](https://github.com/matrix-org/matrix-react-sdk/pull/7754)).
+ * [Release] Fix space member list not opening ([\#7755](https://github.com/matrix-org/matrix-react-sdk/pull/7755)).
+ * Null-guard ELS from null summaryMembers ([\#7744](https://github.com/matrix-org/matrix-react-sdk/pull/7744)). Fixes vector-im/element-web#20807.
+ * Improve responsiveness of the layout switcher ([\#7736](https://github.com/matrix-org/matrix-react-sdk/pull/7736)).
+ * Tweak timeline card layout ([\#7743](https://github.com/matrix-org/matrix-react-sdk/pull/7743)). Fixes vector-im/element-web#20846.
+ * Ensure location bodies have a width in bubbles ([\#7742](https://github.com/matrix-org/matrix-react-sdk/pull/7742)). Fixes vector-im/element-web#20916.
+ * Tune aria-live regions around clocks/timers ([\#7735](https://github.com/matrix-org/matrix-react-sdk/pull/7735)). Fixes vector-im/element-web#20967.
+ * Fix instances of decorated room avatar wrongly having their own tabIndex ([\#7730](https://github.com/matrix-org/matrix-react-sdk/pull/7730)).
+ * Remove weird padding on stickers ([\#6271](https://github.com/matrix-org/matrix-react-sdk/pull/6271)). Fixes vector-im/element-web#17787. Contributed by @SimonBrandner.
+ * Fix width issue of the composer overflow menu items ([\#7731](https://github.com/matrix-org/matrix-react-sdk/pull/7731)). Fixes vector-im/element-web#20898.
+ * Properly handle persistent widgets when room is left ([\#7724](https://github.com/matrix-org/matrix-react-sdk/pull/7724)). Fixes vector-im/element-web#20901.
+ * Null guard space hierarchy ([\#7729](https://github.com/matrix-org/matrix-react-sdk/pull/7729)). Fixes matrix-org/element-web-rageshakes#10433.
+ * Fix add existing rooms button ([\#7728](https://github.com/matrix-org/matrix-react-sdk/pull/7728)). Fixes vector-im/element-web#20924. Contributed by @SimonBrandner.
+ * Truncate long server names on login/register screen ([\#7702](https://github.com/matrix-org/matrix-react-sdk/pull/7702)). Fixes vector-im/element-web#18452.
+ * Update PollCreateDialog-test to snapshot the html and not react tree ([\#7712](https://github.com/matrix-org/matrix-react-sdk/pull/7712)).
+ * Fix creating polls outside of threads ([\#7711](https://github.com/matrix-org/matrix-react-sdk/pull/7711)). Fixes vector-im/element-web#20882.
+ * Open native room when clicking notification from a virtual room ([\#7709](https://github.com/matrix-org/matrix-react-sdk/pull/7709)).
+ * Fix relative link handling in Element Desktop ([\#7708](https://github.com/matrix-org/matrix-react-sdk/pull/7708)). Fixes vector-im/element-web#20783.
+ * Reuse CopyableText component in all places it can be ([\#7701](https://github.com/matrix-org/matrix-react-sdk/pull/7701)). Fixes vector-im/element-web#20855.
+ * Fit location into the width of the container ([\#7705](https://github.com/matrix-org/matrix-react-sdk/pull/7705)). Fixes vector-im/element-web#20861.
+ * Make Spotlight Dialog roving reset more stable ([\#7698](https://github.com/matrix-org/matrix-react-sdk/pull/7698)). Fixes vector-im/element-web#20826.
+ * Fix incorrect sizing of DecoratedRoomAvatar in RoomHeader ([\#7697](https://github.com/matrix-org/matrix-react-sdk/pull/7697)). Fixes vector-im/element-web#20090.
+ * Use a more correct test for emoji ([\#7685](https://github.com/matrix-org/matrix-react-sdk/pull/7685)). Fixes vector-im/element-web#20824. Contributed by @robintown.
+ * Fix vertical spacing in `compact` `<ContextMenu>` ([\#7684](https://github.com/matrix-org/matrix-react-sdk/pull/7684)). Fixes vector-im/element-web#20801.
+ * Fix the sticker picker ([\#7692](https://github.com/matrix-org/matrix-react-sdk/pull/7692)). Fixes vector-im/element-web#20797.
+ * Fix publishing address wrongly demanding the alias be available ([\#7690](https://github.com/matrix-org/matrix-react-sdk/pull/7690)). Fixes vector-im/element-web#12013 and vector-im/element-web#20833.
+ * Prevent MemberAvatar soft-crashing when rendered with null member prop ([\#7691](https://github.com/matrix-org/matrix-react-sdk/pull/7691)). Fixes vector-im/element-web#20714.
+ * Ensure UserInfo can be rendered without a room ([\#7687](https://github.com/matrix-org/matrix-react-sdk/pull/7687)). Fixes vector-im/element-web#20830.
+ * Make polls fill column width in bubbles layout ([\#7661](https://github.com/matrix-org/matrix-react-sdk/pull/7661)). Fixes vector-im/element-web#20712.
+ * Add a background to expanded nick name in IRC layout to make it readable. ([\#7652](https://github.com/matrix-org/matrix-react-sdk/pull/7652)). Fixes vector-im/element-web#20757. Contributed by @UwUnyaa.
+ * Fix accessibility and consistency of MessageComposerButtons ([\#7679](https://github.com/matrix-org/matrix-react-sdk/pull/7679)). Fixes vector-im/element-web#20814.
+ * Don't show shield next to deleted messages ([\#7671](https://github.com/matrix-org/matrix-react-sdk/pull/7671)). Fixes vector-im/element-web#20475. Contributed by @SimonBrandner.
+ * Fix font size of spaces between big emoji ([\#7675](https://github.com/matrix-org/matrix-react-sdk/pull/7675)). Contributed by @robintown.
+ * Fix shift-enter repeating last character ([\#7665](https://github.com/matrix-org/matrix-react-sdk/pull/7665)). Fixes vector-im/element-web#17215. Contributed by @SimonBrandner.
+ * Remove Unpin option from maximised widget context menu ([\#7657](https://github.com/matrix-org/matrix-react-sdk/pull/7657)).
+ * Fix new call event grouper implementation for encrypted rooms ([\#7654](https://github.com/matrix-org/matrix-react-sdk/pull/7654)).
+ * Fix issue with tile error boundaries collapsing in bubbles layout ([\#7653](https://github.com/matrix-org/matrix-react-sdk/pull/7653)).
+ * Fix emojis getting cropped in irc & bubble layouts by anti-zalgo ([\#7637](https://github.com/matrix-org/matrix-react-sdk/pull/7637)). Fixes vector-im/element-web#20744.
+ * Fix space panel edge gradient not applying on load ([\#7644](https://github.com/matrix-org/matrix-react-sdk/pull/7644)). Fixes vector-im/element-web#20756.
+ * Fix search results view for layouts other than Group/Modern ([\#7648](https://github.com/matrix-org/matrix-react-sdk/pull/7648)). Fixes vector-im/element-web#20745.
+
+Changes in [1.10.1](https://github.com/vector-im/element-desktop/releases/tag/v1.10.1) (2022-02-01)
+===================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix the sticker picker ([\#7692](https://github.com/matrix-org/matrix-react-sdk/pull/7692)). Fixes vector-im/element-web#20797. 
+ * Ensure UserInfo can be rendered without a room ([\#7687](https://github.com/matrix-org/matrix-react-sdk/pull/7687)). Fixes vector-im/element-web#20830.
+ * Fix publishing address wrongly demanding the alias be available ([\#7690](https://github.com/matrix-org/matrix-react-sdk/pull/7690)). Fixes vector-im/element-web#12013 and vector-im/element-web#20833.
+
+Changes in [1.10.0](https://github.com/vector-im/element-desktop/releases/tag/v1.10.0) (2022-01-31)
+===================================================================================================
+
+## ✨ Features
+ * Enable posthog on app.element.io ([\#20539](https://github.com/vector-im/element-web/pull/20539)).
+ * Tweak room list header menu for when space is active ([\#7577](https://github.com/matrix-org/matrix-react-sdk/pull/7577)). Fixes vector-im/element-web#20601.
+ * Tweak light hover & active color for bubble layout ([\#7626](https://github.com/matrix-org/matrix-react-sdk/pull/7626)). Fixes vector-im/element-web#19475.
+ * De-labs Metaspaces ([\#7613](https://github.com/matrix-org/matrix-react-sdk/pull/7613)).
+ * De-labs Message Bubbles layout ([\#7612](https://github.com/matrix-org/matrix-react-sdk/pull/7612)).
+ * Add customisation point for mxid display ([\#7595](https://github.com/matrix-org/matrix-react-sdk/pull/7595)).
+ * Add labs flag for default open right panel ([\#7618](https://github.com/matrix-org/matrix-react-sdk/pull/7618)). Fixes vector-im/element-web#20666.
+ * Tweak copy for the Sidebar tab in User Settings ([\#7578](https://github.com/matrix-org/matrix-react-sdk/pull/7578)). Fixes vector-im/element-web#20619.
+ * Make widgets not reload (persistent) between center and top container  ([\#7575](https://github.com/matrix-org/matrix-react-sdk/pull/7575)). Fixes vector-im/element-web#20596. Contributed by @toger5.
+ * Don't render a bubble around emotes in bubble layout ([\#7573](https://github.com/matrix-org/matrix-react-sdk/pull/7573)). Fixes vector-im/element-web#20617.
+ * Add ability to switch between voice & video in calls ([\#7155](https://github.com/matrix-org/matrix-react-sdk/pull/7155)). Fixes vector-im/element-web#18619. Contributed by @SimonBrandner.
+ * Re-renable Share option for location messages ([\#7596](https://github.com/matrix-org/matrix-react-sdk/pull/7596)).
+ * Make room ID copyable ([\#7600](https://github.com/matrix-org/matrix-react-sdk/pull/7600)). Fixes vector-im/element-web#20675. Contributed by @SimonBrandner.
+ * Improve the look of the keyboard settings tab ([\#7562](https://github.com/matrix-org/matrix-react-sdk/pull/7562)). Contributed by @SimonBrandner.
+ * Add tooltips to emoji in messages ([\#7592](https://github.com/matrix-org/matrix-react-sdk/pull/7592)). Fixes vector-im/element-web#9911 and vector-im/element-web#20661. Contributed by @robintown.
+ * Improve redundant tooltip on send button in forward dialog ([\#7594](https://github.com/matrix-org/matrix-react-sdk/pull/7594)). Contributed by @twigleingrid.
+ * Allow downloads from widgets. ([\#7502](https://github.com/matrix-org/matrix-react-sdk/pull/7502)). Contributed by @Fox32.
+ * Parse matrix-schemed URIs ([\#7453](https://github.com/matrix-org/matrix-react-sdk/pull/7453)).
+ * Show a tile at beginning of visible history ([\#5887](https://github.com/matrix-org/matrix-react-sdk/pull/5887)). Fixes vector-im/element-web#16818 vector-im/element-web#16679 and vector-im/element-web#19888. Contributed by @robintown.
+ * Enable the polls feature ([\#7581](https://github.com/matrix-org/matrix-react-sdk/pull/7581)).
+ * Display general marker on non-self location shares ([\#7574](https://github.com/matrix-org/matrix-react-sdk/pull/7574)).
+ * Improve/add notifications for location and poll events ([\#7552](https://github.com/matrix-org/matrix-react-sdk/pull/7552)). Fixes vector-im/element-web#20561. Contributed by @SimonBrandner.
+ * Upgrade linkify to v3.0 ([\#7282](https://github.com/matrix-org/matrix-react-sdk/pull/7282)). Fixes vector-im/element-web#17133 vector-im/element-web#16825 and vector-im/element-web#5808. Contributed by @Palid.
+ * Update sidebar icon from Compound ([\#7572](https://github.com/matrix-org/matrix-react-sdk/pull/7572)). Fixes vector-im/element-web#20615.
+ * Replace home icon with new one ([\#7571](https://github.com/matrix-org/matrix-react-sdk/pull/7571)). Fixes vector-im/element-web#20606.
+ * Make the `Keyboard Shortcuts` dialog into a settings tab ([\#7198](https://github.com/matrix-org/matrix-react-sdk/pull/7198)). Fixes vector-im/element-web#19866. Contributed by @SimonBrandner.
+ * Add setting for enabling location sharing ([\#7547](https://github.com/matrix-org/matrix-react-sdk/pull/7547)).
+ * Add a developer mode 'view source' button to crashed event tiles ([\#7537](https://github.com/matrix-org/matrix-react-sdk/pull/7537)).
+ * Replace `kick` terminology with `Remove from chat` ([\#7469](https://github.com/matrix-org/matrix-react-sdk/pull/7469)). Fixes vector-im/element-web#9547.
+ * Render events as extensible events (behind labs) ([\#7462](https://github.com/matrix-org/matrix-react-sdk/pull/7462)).
+ * Render Jitsi (and other sticky widgets) in PiP container, so it can be dragged and the "jump to room functionality" is provided ([\#7450](https://github.com/matrix-org/matrix-react-sdk/pull/7450)). Fixes vector-im/element-web#15682. Contributed by @toger5.
+ * Allow bubble layout in Thread View ([\#7478](https://github.com/matrix-org/matrix-react-sdk/pull/7478)). Fixes vector-im/element-web#20419.
+ * Make LocationPicker appearance cleaner ([\#7516](https://github.com/matrix-org/matrix-react-sdk/pull/7516)).
+ * Limit max-width for bubble layout to 1200px ([\#7458](https://github.com/matrix-org/matrix-react-sdk/pull/7458)). Fixes vector-im/element-web#18072.
+ * Improve look of call events in bubble layout ([\#7445](https://github.com/matrix-org/matrix-react-sdk/pull/7445)). Fixes vector-im/element-web#20324. Contributed by @SimonBrandner.
+ * Make files & voice memos in bubble layout match colouring ([\#7457](https://github.com/matrix-org/matrix-react-sdk/pull/7457)). Fixes vector-im/element-web#20326.
+ * Allow cancelling events whilst they are encrypting ([\#7483](https://github.com/matrix-org/matrix-react-sdk/pull/7483)). Fixes vector-im/element-web#17726.
+
+## 🐛 Bug Fixes
+ * [Release] Fix left panel widgets causing app-wide crash ([\#7660](https://github.com/matrix-org/matrix-react-sdk/pull/7660)).
+ * Load light theme prior to HTML export to ensure it is present ([\#7643](https://github.com/matrix-org/matrix-react-sdk/pull/7643)). Fixes vector-im/element-web#20276.
+ * Fix soft-crash when hanging up Jitsi via PIP ([\#7645](https://github.com/matrix-org/matrix-react-sdk/pull/7645)). Fixes vector-im/element-web#20766.
+ * Fix RightPanelStore assuming isViewingRoom is false on load ([\#7642](https://github.com/matrix-org/matrix-react-sdk/pull/7642)).
+ * Correctly handle Room.timeline events which have a nullable `Room` ([\#7635](https://github.com/matrix-org/matrix-react-sdk/pull/7635)). Fixes matrix-org/element-web-rageshakes#9490.
+ * Translate keyboard shortcut alternate key names ([\#7633](https://github.com/matrix-org/matrix-react-sdk/pull/7633)). Fixes vector-im/element-web#20739.
+ * Fix unfocused paste handling and focus return for file uploads ([\#7625](https://github.com/matrix-org/matrix-react-sdk/pull/7625)).
+ * Changed MacOS hotkey for GoToHome view. ([\#7631](https://github.com/matrix-org/matrix-react-sdk/pull/7631)). Contributed by @aj-ya.
+ * Fix issue with the new composer EmojiPart which caused infinite loops ([\#7629](https://github.com/matrix-org/matrix-react-sdk/pull/7629)). Fixes vector-im/element-web#20746.
+ * Upgrade linkifyjs to fix schemes as domain prefixes ([\#7628](https://github.com/matrix-org/matrix-react-sdk/pull/7628)). Fixes vector-im/element-web#20720.
+ * Show bubble tile timestamps for bubble layout inside the bubble ([\#7622](https://github.com/matrix-org/matrix-react-sdk/pull/7622)). Fixes vector-im/element-web#20562.
+ *  Improve taken username warning in registration for when request fails ([\#7621](https://github.com/matrix-org/matrix-react-sdk/pull/7621)).
+ * Avoid double dialog after clicking to remove a public room ([\#7604](https://github.com/matrix-org/matrix-react-sdk/pull/7604)). Fixes vector-im/element-web#20681. Contributed by @c-cal.
+ * Fix space member list right panel state ([\#7617](https://github.com/matrix-org/matrix-react-sdk/pull/7617)). Fixes vector-im/element-web#20716.
+ * Fall back to legacy analytics for guest users ([\#7616](https://github.com/matrix-org/matrix-react-sdk/pull/7616)).
+ * Always emit a space filter update when the space is actually changed ([\#7611](https://github.com/matrix-org/matrix-react-sdk/pull/7611)). Fixes vector-im/element-web#20664.
+ * Enlarge emoji in composer ([\#7602](https://github.com/matrix-org/matrix-react-sdk/pull/7602)). Fixes vector-im/element-web#20665 vector-im/element-web#15635 and vector-im/element-web#20688. Contributed by @robintown.
+ * Disable location sharing button on Desktop ([\#7590](https://github.com/matrix-org/matrix-react-sdk/pull/7590)).
+ * Make pills more natural to navigate around ([\#7607](https://github.com/matrix-org/matrix-react-sdk/pull/7607)). Fixes vector-im/element-web#20678. Contributed by @robintown.
+ * Fix excessive padding on inline images ([\#7605](https://github.com/matrix-org/matrix-react-sdk/pull/7605)). Contributed by @robintown.
+ * Prevent pills from being split by formatting actions ([\#7606](https://github.com/matrix-org/matrix-react-sdk/pull/7606)). Contributed by @robintown.
+ * Fix translation of "powerText" ([\#7603](https://github.com/matrix-org/matrix-react-sdk/pull/7603)). Contributed by @c-cal.
+ * Unhide display names when switching back to modern layout ([\#7601](https://github.com/matrix-org/matrix-react-sdk/pull/7601)). Fixes vector-im/element-web#20676. Contributed by @robintown.
+ * Fix space member list not opening ([\#7609](https://github.com/matrix-org/matrix-react-sdk/pull/7609)). Fixes vector-im/element-web#20679. Contributed by @SimonBrandner.
+ * Fix translation for the "Add room" tooltip ([\#7532](https://github.com/matrix-org/matrix-react-sdk/pull/7532)). Contributed by @c-cal.
+ * Make the close button of the location share dialog visible in high-contrast theme ([\#7597](https://github.com/matrix-org/matrix-react-sdk/pull/7597)).
+ * Cancel pending events in virtual room when call placed ([\#7583](https://github.com/matrix-org/matrix-react-sdk/pull/7583)). Fixes vector-im/element-web#17594.
+ * Fix alignment of unread badge in thread list ([\#7582](https://github.com/matrix-org/matrix-react-sdk/pull/7582)). Fixes vector-im/element-web#20643.
+ * Fix left positioned tooltips being wrong and offset by fixed value ([\#7551](https://github.com/matrix-org/matrix-react-sdk/pull/7551)).
+ * Fix MAB overlapping or overflowing in bubbles layout and threads regressions ([\#7569](https://github.com/matrix-org/matrix-react-sdk/pull/7569)). Fixes vector-im/element-web#20403 and vector-im/element-web#20404.
+ * Fix wrong icon being used for appearance tab in space preferences dialog ([\#7570](https://github.com/matrix-org/matrix-react-sdk/pull/7570)). Fixes vector-im/element-web#20608.
+ * Fix `/jumptodate` using wrong MSC feature flag ([\#7563](https://github.com/matrix-org/matrix-react-sdk/pull/7563)).
+ * Ensure maps show up in replies and threads, by creating unique IDs ([\#7568](https://github.com/matrix-org/matrix-react-sdk/pull/7568)).
+ * Differentiate between hover and roving focus in spotlight dialog ([\#7564](https://github.com/matrix-org/matrix-react-sdk/pull/7564)). Fixes vector-im/element-web#20597.
+ * Fix timeline jumping issues related to bubble layout ([\#7529](https://github.com/matrix-org/matrix-react-sdk/pull/7529)). Fixes vector-im/element-web#20302.
+ * Start a conference in a room with 2 people + invitee rather than a 1:1 call ([\#7557](https://github.com/matrix-org/matrix-react-sdk/pull/7557)). Fixes vector-im/element-web#1202. Contributed by @SimonBrandner.
+ * Wait for initial profile load before displaying widget ([\#7556](https://github.com/matrix-org/matrix-react-sdk/pull/7556)).
+ * Make widgets and calls span across the whole room width when using bubble layout ([\#7553](https://github.com/matrix-org/matrix-react-sdk/pull/7553)). Fixes vector-im/element-web#20560. Contributed by @SimonBrandner.
+ * Always show right panel after setting a card ([\#7544](https://github.com/matrix-org/matrix-react-sdk/pull/7544)). Contributed by @toger5.
+ * Support deserialising HR tags for editing ([\#7543](https://github.com/matrix-org/matrix-react-sdk/pull/7543)). Fixes vector-im/element-web#20553.
+ * Refresh ThreadView after React state has been updated ([\#7539](https://github.com/matrix-org/matrix-react-sdk/pull/7539)). Fixes vector-im/element-web#20549.
+ * Set initial zoom level to 1 to make zooming to location faster ([\#7541](https://github.com/matrix-org/matrix-react-sdk/pull/7541)).
+ * truncate room name on pip header ([\#7538](https://github.com/matrix-org/matrix-react-sdk/pull/7538)).
+ * Prevent enter to send edit weirdness when no change has been made ([\#7522](https://github.com/matrix-org/matrix-react-sdk/pull/7522)). Fixes vector-im/element-web#20507.
+ * Allow using room pills in slash commands ([\#7513](https://github.com/matrix-org/matrix-react-sdk/pull/7513)). Fixes vector-im/element-web#20343.
+
+Changes in [1.9.9](https://github.com/vector-im/element-desktop/releases/tag/v1.9.9) (2022-01-17)
+=================================================================================================
+
+## ✨ Features
+ * Add permission dropdown for sending reactions ([\#7492](https://github.com/matrix-org/matrix-react-sdk/pull/7492)). Fixes vector-im/element-web#20450.
+ * Ship maximised widgets and remove feature flag ([\#7509](https://github.com/matrix-org/matrix-react-sdk/pull/7509)).
+ * Properly maintain aspect ratio of inline images ([\#7503](https://github.com/matrix-org/matrix-react-sdk/pull/7503)).
+ * Add zoom buttons to the location view ([\#7482](https://github.com/matrix-org/matrix-react-sdk/pull/7482)).
+ * Remove bubble from around location events ([\#7459](https://github.com/matrix-org/matrix-react-sdk/pull/7459)). Fixes vector-im/element-web#20323.
+ * Disable "Publish this room" option in invite only rooms ([\#7441](https://github.com/matrix-org/matrix-react-sdk/pull/7441)). Fixes vector-im/element-web#6596. Contributed by @aaronraimist.
+ * Give secret key field an `id` ([\#7489](https://github.com/matrix-org/matrix-react-sdk/pull/7489)). Fixes vector-im/element-web#20390. Contributed by @SimonBrandner.
+ * Display a tooltip when you hover over a location ([\#7472](https://github.com/matrix-org/matrix-react-sdk/pull/7472)).
+ * Open map in a dialog when it is clicked ([\#7465](https://github.com/matrix-org/matrix-react-sdk/pull/7465)).
+ * a11y - wrap notification level radios in fieldsets ([\#7471](https://github.com/matrix-org/matrix-react-sdk/pull/7471)).
+ * Wrap inputs in fieldsets in Space visibility settings ([\#7350](https://github.com/matrix-org/matrix-react-sdk/pull/7350)).
+ * History based navigation with new right panel store ([\#7398](https://github.com/matrix-org/matrix-react-sdk/pull/7398)). Fixes vector-im/element-web#19686 vector-im/element-web#19660 and vector-im/element-web#19634.
+ * Associate room alias warning with public option in settings ([\#7430](https://github.com/matrix-org/matrix-react-sdk/pull/7430)).
+ * Disable quick reactions button when no permissions ([\#7412](https://github.com/matrix-org/matrix-react-sdk/pull/7412)). Fixes vector-im/element-web#20270.
+ * Allow opening a map view in OpenStreetMap ([\#7428](https://github.com/matrix-org/matrix-react-sdk/pull/7428)).
+ * Display the user's avatar when they shared their location ([\#7424](https://github.com/matrix-org/matrix-react-sdk/pull/7424)).
+ * Remove the Forward and Share buttons for location messages only ([\#7423](https://github.com/matrix-org/matrix-react-sdk/pull/7423)).
+ * Add configuration to disable relative date markers in timeline ([\#7405](https://github.com/matrix-org/matrix-react-sdk/pull/7405)).
+ * Space preferences for whether or not you see DMs in a Space ([\#7250](https://github.com/matrix-org/matrix-react-sdk/pull/7250)). Fixes vector-im/element-web#19529 and vector-im/element-web#19955.
+ * Have LocalEchoWrapper emit updates so the app can react faster ([\#7358](https://github.com/matrix-org/matrix-react-sdk/pull/7358)). Fixes vector-im/element-web#19749.
+ * Use semantic heading on dialog component ([\#7383](https://github.com/matrix-org/matrix-react-sdk/pull/7383)).
+ * Add `/jumptodate` slash command ([\#7372](https://github.com/matrix-org/matrix-react-sdk/pull/7372)). Fixes vector-im/element-web#7677.
+ * Update room context menu copy ([\#7361](https://github.com/matrix-org/matrix-react-sdk/pull/7361)). Fixes vector-im/element-web#20133.
+ * Use lazy rendering in the AddExistingToSpaceDialog ([\#7369](https://github.com/matrix-org/matrix-react-sdk/pull/7369)). Fixes vector-im/element-web#18784.
+ * Tweak FacePile tooltip to include whether or not you are included ([\#7367](https://github.com/matrix-org/matrix-react-sdk/pull/7367)). Fixes vector-im/element-web#17278.
+
+## 🐛 Bug Fixes
+ * Ensure group audio-only calls don't switch on the webcam on join ([\#20234](https://github.com/vector-im/element-web/pull/20234)). Fixes vector-im/element-web#20212.
+ * Fix wrongly wrapping code blocks, breaking line numbers ([\#7507](https://github.com/matrix-org/matrix-react-sdk/pull/7507)). Fixes vector-im/element-web#20316.
+ * Set header buttons to no phase when right panel is closed ([\#7506](https://github.com/matrix-org/matrix-react-sdk/pull/7506)).
+ * Fix active Jitsi calls (and other active widgets) not being visible on screen, by showing them in PiP if they are not visible in any other container ([\#7435](https://github.com/matrix-org/matrix-react-sdk/pull/7435)). Fixes vector-im/element-web#15169 and vector-im/element-web#20275.
+ * Fix layout of message bubble preview in settings ([\#7497](https://github.com/matrix-org/matrix-react-sdk/pull/7497)).
+ * Prevent mutations of js-sdk owned objects as it breaks accountData ([\#7504](https://github.com/matrix-org/matrix-react-sdk/pull/7504)). Fixes matrix-org/element-web-rageshakes#7822.
+ * fallback properly with pluralized strings ([\#7495](https://github.com/matrix-org/matrix-react-sdk/pull/7495)). Fixes vector-im/element-web#20455.
+ * Consider continuations when resolving whether a tile is last in section ([\#7461](https://github.com/matrix-org/matrix-react-sdk/pull/7461)). Fixes vector-im/element-web#20368 and vector-im/element-web#20369.
+ * Fix read receipts and sent indicators for bubble layout ([\#7460](https://github.com/matrix-org/matrix-react-sdk/pull/7460)). Fixes vector-im/element-web#18298 and vector-im/element-web#20345.
+ * null-guard dataset mxTheme to prevent html exports from exploding ([\#7493](https://github.com/matrix-org/matrix-react-sdk/pull/7493)). Fixes vector-im/element-web#20453.
+ * Fix avatar container overlapping give feedback cta ([\#7491](https://github.com/matrix-org/matrix-react-sdk/pull/7491)). Fixes matrix-org/element-web-rageshakes#7987.
+ * Fix jump to bottom button working when on a permalink ([\#7494](https://github.com/matrix-org/matrix-react-sdk/pull/7494)). Fixes vector-im/element-web#19813.
+ * Remove the Description from the location picker ([\#7485](https://github.com/matrix-org/matrix-react-sdk/pull/7485)).
+ * Fix look of the untrusted device dialog ([\#7487](https://github.com/matrix-org/matrix-react-sdk/pull/7487)). Fixes vector-im/element-web#20447. Contributed by @SimonBrandner.
+ * Hide maximise button in the sticker picker  ([\#7488](https://github.com/matrix-org/matrix-react-sdk/pull/7488)). Fixes vector-im/element-web#20443. Contributed by @SimonBrandner.
+ * Fix space ordering to match newer spec ([\#7481](https://github.com/matrix-org/matrix-react-sdk/pull/7481)).
+ * Fix typing notification colors ([\#7490](https://github.com/matrix-org/matrix-react-sdk/pull/7490)). Fixes vector-im/element-web#20144. Contributed by @SimonBrandner.
+ * fix fallback for pluralized strings ([\#7480](https://github.com/matrix-org/matrix-react-sdk/pull/7480)). Fixes vector-im/element-web#20426.
+ * Fix right panel soft crashes chat rooms ([\#7479](https://github.com/matrix-org/matrix-react-sdk/pull/7479)). Fixes vector-im/element-web#20433.
+ * update yarn.lock and i18n ([\#7476](https://github.com/matrix-org/matrix-react-sdk/pull/7476)). Fixes vector-im/element-web#20426 and vector-im/element-web#20423.
+ * Don't send typing notification when restoring composer draft ([\#7477](https://github.com/matrix-org/matrix-react-sdk/pull/7477)). Fixes vector-im/element-web#20424.
+ * Fix room joining spinner being incorrect if you change room mid-join ([\#7473](https://github.com/matrix-org/matrix-react-sdk/pull/7473)).
+ * Only return the approved widget capabilities instead of accepting all requested capabilities ([\#7454](https://github.com/matrix-org/matrix-react-sdk/pull/7454)). Contributed by @dhenneke.
+ * Fix quoting messages from the search view ([\#7466](https://github.com/matrix-org/matrix-react-sdk/pull/7466)). Fixes vector-im/element-web#20353.
+ * Attribute fallback i18n strings with lang attribute ([\#7323](https://github.com/matrix-org/matrix-react-sdk/pull/7323)).
+ * Fix spotlight cmd-k wrongly expanding left panel ([\#7463](https://github.com/matrix-org/matrix-react-sdk/pull/7463)). Fixes vector-im/element-web#20399.
+ * Fix room_id check when adding user widgets ([\#7448](https://github.com/matrix-org/matrix-react-sdk/pull/7448)). Fixes vector-im/element-web#19382. Contributed by @bink.
+ * Add new line in settings label ([\#7451](https://github.com/matrix-org/matrix-react-sdk/pull/7451)). Fixes vector-im/element-web#20365.
+ * Fix handling incoming redactions in EventIndex ([\#7443](https://github.com/matrix-org/matrix-react-sdk/pull/7443)). Fixes vector-im/element-web#19326.
+ * Fix room alias address isn't checked for validity before being shown as added ([\#7107](https://github.com/matrix-org/matrix-react-sdk/pull/7107)). Fixes vector-im/element-web#19609. Contributed by @Palid.
+ * Call view accessibility fixes ([\#7439](https://github.com/matrix-org/matrix-react-sdk/pull/7439)). Fixes vector-im/element-web#18516.
+ * Fix offscreen canvas breaking with split-brained firefox support ([\#7440](https://github.com/matrix-org/matrix-react-sdk/pull/7440)).
+ * Removed red shield in forwarding preview. ([\#7447](https://github.com/matrix-org/matrix-react-sdk/pull/7447)). Contributed by @ankur12-1610.
+ * Wrap status message ([\#7325](https://github.com/matrix-org/matrix-react-sdk/pull/7325)). Fixes vector-im/element-web#20092. Contributed by @SimonBrandner.
+ * Move hideSender logic into state so it causes re-render ([\#7413](https://github.com/matrix-org/matrix-react-sdk/pull/7413)). Fixes vector-im/element-web#18448.
+ * Fix dialpad positioning ([\#7446](https://github.com/matrix-org/matrix-react-sdk/pull/7446)). Fixes vector-im/element-web#20175. Contributed by @SimonBrandner.
+ * Hide non-functional list options on Suggested sublist ([\#7410](https://github.com/matrix-org/matrix-react-sdk/pull/7410)). Fixes vector-im/element-web#20252.
+ * Fix width overflow in mini composer overflow menu ([\#7411](https://github.com/matrix-org/matrix-react-sdk/pull/7411)). Fixes vector-im/element-web#20263.
+ * Fix being wrongly sent to Home space when creating/joining/leaving rooms ([\#7418](https://github.com/matrix-org/matrix-react-sdk/pull/7418)). Fixes matrix-org/element-web-rageshakes#7331 vector-im/element-web#20246 and vector-im/element-web#20240.
+ * Fix HTML Export where the data-mx-theme is `Light` not `light` ([\#7415](https://github.com/matrix-org/matrix-react-sdk/pull/7415)).
+ * Don't disable username/password fields whilst doing wk-lookup ([\#7438](https://github.com/matrix-org/matrix-react-sdk/pull/7438)). Fixes vector-im/element-web#20121.
+ * Prevent keyboard propagation out of context menus ([\#7437](https://github.com/matrix-org/matrix-react-sdk/pull/7437)). Fixes vector-im/element-web#20317.
+ * Fix nulls leaking into geo urls ([\#7433](https://github.com/matrix-org/matrix-react-sdk/pull/7433)).
+ * Fix zIndex of peristent apps in miniMode ([\#7429](https://github.com/matrix-org/matrix-react-sdk/pull/7429)).
+ * Space panel should watch spaces for space name changes ([\#7432](https://github.com/matrix-org/matrix-react-sdk/pull/7432)).
+ * Fix list formatting alternating on edit ([\#7422](https://github.com/matrix-org/matrix-react-sdk/pull/7422)). Fixes vector-im/element-web#20073. Contributed by @renancleyson-dev.
+ * Don't show `Testing small changes` without UIFeature.Feedback ([\#7427](https://github.com/matrix-org/matrix-react-sdk/pull/7427)). Fixes vector-im/element-web#20298.
+ * Fix invisible toggle space panel button ([\#7426](https://github.com/matrix-org/matrix-react-sdk/pull/7426)). Fixes vector-im/element-web#20279.
+ * Fix legacy breadcrumbs wrongly showing up ([\#7425](https://github.com/matrix-org/matrix-react-sdk/pull/7425)).
+ * Space Panel use SettingsStore instead of SpaceStore as source of truth ([\#7404](https://github.com/matrix-org/matrix-react-sdk/pull/7404)). Fixes vector-im/element-web#20250.
+ * Fix inline code block nowrap issue ([\#7406](https://github.com/matrix-org/matrix-react-sdk/pull/7406)).
+ * Fix notification badge for All Rooms space ([\#7401](https://github.com/matrix-org/matrix-react-sdk/pull/7401)). Fixes vector-im/element-web#20229.
+ * Show error if could not load space hierarchy ([\#7399](https://github.com/matrix-org/matrix-react-sdk/pull/7399)). Fixes vector-im/element-web#20221.
+ * Increase gap between ELS and the subsequent event to prevent overlap ([\#7391](https://github.com/matrix-org/matrix-react-sdk/pull/7391)). Fixes vector-im/element-web#18319.
+ * Fix list of members in space preview ([\#7356](https://github.com/matrix-org/matrix-react-sdk/pull/7356)). Fixes vector-im/element-web#19781.
+ * Fix sizing of e2e shield in bubble layout ([\#7394](https://github.com/matrix-org/matrix-react-sdk/pull/7394)). Fixes vector-im/element-web#19090.
+ * Fix bubble radius wrong when followed by a state event from same user ([\#7393](https://github.com/matrix-org/matrix-react-sdk/pull/7393)). Fixes vector-im/element-web#18982.
+ * Fix alignment between ELS and Events in bubble layout ([\#7392](https://github.com/matrix-org/matrix-react-sdk/pull/7392)). Fixes vector-im/element-web#19652 and vector-im/element-web#19057.
+ * Don't include the accuracy parameter in location events if accuracy could not be determined. ([\#7375](https://github.com/matrix-org/matrix-react-sdk/pull/7375)).
+ * Make compact layout only apply to Modern layout ([\#7382](https://github.com/matrix-org/matrix-react-sdk/pull/7382)). Fixes vector-im/element-web#18412.
+ * Pin qrcode to fix e2e verification bug ([\#7378](https://github.com/matrix-org/matrix-react-sdk/pull/7378)). Fixes vector-im/element-web#20188.
+ * Add internationalisation to progress strings in room export dialog ([\#7385](https://github.com/matrix-org/matrix-react-sdk/pull/7385)). Fixes vector-im/element-web#20208.
+ * Prevent escape to cancel edit from also scrolling to bottom ([\#7380](https://github.com/matrix-org/matrix-react-sdk/pull/7380)). Fixes vector-im/element-web#20182.
+ * Fix narrow mode composer buttons for polls labs ([\#7386](https://github.com/matrix-org/matrix-react-sdk/pull/7386)). Fixes vector-im/element-web#20067.
+ * Fix useUserStatusMessage exploding on unknown user ([\#7365](https://github.com/matrix-org/matrix-react-sdk/pull/7365)).
+ * Fix room join spinner in room list header ([\#7364](https://github.com/matrix-org/matrix-react-sdk/pull/7364)). Fixes vector-im/element-web#20139.
+ * Fix room search sometimes not opening spotlight ([\#7363](https://github.com/matrix-org/matrix-react-sdk/pull/7363)). Fixes matrix-org/element-web-rageshakes#7288.
+
+Changes in [1.9.8](https://github.com/vector-im/element-desktop/releases/tag/v1.9.8) (2021-12-20)
+=================================================================================================
+
+## ✨ Features
+ * Include Vietnamese language ([\#20029](https://github.com/vector-im/element-web/pull/20029)).
+ * Simple static location sharing ([\#19754](https://github.com/vector-im/element-web/pull/19754)).
+ * Add support for the Indonesian language ([\#20032](https://github.com/vector-im/element-web/pull/20032)). Fixes vector-im/element-web#20030. Contributed by @Linerly.
+ * Always unhide widgets on layout change (pinning a widget) ([\#7299](https://github.com/matrix-org/matrix-react-sdk/pull/7299)).
+ * Update status message in the member list and user info panel when it is changed ([\#7338](https://github.com/matrix-org/matrix-react-sdk/pull/7338)). Fixes vector-im/element-web#20127. Contributed by @SimonBrandner.
+ * Iterate space panel toggle collapse interaction ([\#7335](https://github.com/matrix-org/matrix-react-sdk/pull/7335)). Fixes vector-im/element-web#20079.
+ * Spotlight search labs ([\#7116](https://github.com/matrix-org/matrix-react-sdk/pull/7116)). Fixes vector-im/element-web#19530.
+ * Put room settings form elements in fieldsets ([\#7311](https://github.com/matrix-org/matrix-react-sdk/pull/7311)).
+ * Add descriptions to ambiguous links for screen readers ([\#7310](https://github.com/matrix-org/matrix-react-sdk/pull/7310)).
+ * Make tooltips keyboard accessible ([\#7281](https://github.com/matrix-org/matrix-react-sdk/pull/7281)).
+ * Iterate room context menus for DMs ([\#7308](https://github.com/matrix-org/matrix-react-sdk/pull/7308)). Fixes vector-im/element-web#19527.
+ * Update space panel expand mechanism ([\#7230](https://github.com/matrix-org/matrix-react-sdk/pull/7230)). Fixes vector-im/element-web#17993.
+ * Add CSS variable to make the UI gaps consistent and fix the resize handle position ([\#7234](https://github.com/matrix-org/matrix-react-sdk/pull/7234)). Fixes vector-im/element-web#19904 and vector-im/element-web#19938.
+ * Custom location sharing. ([\#7185](https://github.com/matrix-org/matrix-react-sdk/pull/7185)).
+ * Simple static location sharing ([\#7135](https://github.com/matrix-org/matrix-react-sdk/pull/7135)).
+ * Finish sending pending messages before leaving room ([\#7276](https://github.com/matrix-org/matrix-react-sdk/pull/7276)). Fixes vector-im/element-web#4702.
+ * Dropdown follow wai-aria practices for expanding on arrow keys ([\#7277](https://github.com/matrix-org/matrix-react-sdk/pull/7277)). Fixes vector-im/element-web#3687.
+ * Expose PL control for pinned events when lab enabled ([\#7278](https://github.com/matrix-org/matrix-react-sdk/pull/7278)). Fixes vector-im/element-web#5396.
+ * In People & Favourites metaspaces always show all rooms ([\#7288](https://github.com/matrix-org/matrix-react-sdk/pull/7288)). Fixes vector-im/element-web#20048.
+ * Don't allow calls when the connection the server has been lost ([\#7287](https://github.com/matrix-org/matrix-react-sdk/pull/7287)). Fixes vector-im/element-web#2096. Contributed by @SimonBrandner.
+ * Analytics opt in for posthog ([\#6936](https://github.com/matrix-org/matrix-react-sdk/pull/6936)).
+ * Don't inhibit current room notifications if user has Modal open ([\#7274](https://github.com/matrix-org/matrix-react-sdk/pull/7274)). Fixes vector-im/element-web#1118.
+ * Remove the `Screen sharing is here!` dialog ([\#7266](https://github.com/matrix-org/matrix-react-sdk/pull/7266)). Fixes vector-im/element-web#18824. Contributed by @SimonBrandner.
+ * Make composer buttons react to settings without having to change room ([\#7264](https://github.com/matrix-org/matrix-react-sdk/pull/7264)). Fixes vector-im/element-web#20011.
+ * Decorate view keyboard shortcuts link as a link ([\#7260](https://github.com/matrix-org/matrix-react-sdk/pull/7260)). Fixes vector-im/element-web#20007.
+ * Improve ease of focusing on Room list Search ([\#7255](https://github.com/matrix-org/matrix-react-sdk/pull/7255)). Fixes matrix-org/element-web-rageshakes#7017.
+ * Autofocus device panel entry when renaming device ([\#7249](https://github.com/matrix-org/matrix-react-sdk/pull/7249)). Fixes vector-im/element-web#19984.
+ * Update Space Panel scrollable region ([\#7245](https://github.com/matrix-org/matrix-react-sdk/pull/7245)). Fixes vector-im/element-web#19978.
+ * Replace breadcrumbs with recently viewed menu ([\#7073](https://github.com/matrix-org/matrix-react-sdk/pull/7073)). Fixes vector-im/element-web#19528.
+ * Tweaks to informational architecture 1.1 ([\#7052](https://github.com/matrix-org/matrix-react-sdk/pull/7052)). Fixes vector-im/element-web#19526, vector-im/element-web#19379, vector-im/element-web#17792, vector-im/element-web#16450, vector-im/element-web#19881, vector-im/element-web#19892, vector-im/element-web#19300, vector-im/element-web#19324, vector-im/element-web#17307, vector-im/element-web#17468 vector-im/element-web#19932 and vector-im/element-web#19956.
+
+## 🐛 Bug Fixes
+ * Enable webgl ([\#284](https://github.com/vector-im/element-desktop/pull/284)). Fixes vector-im/element-web#20132. Contributed by @SimonBrandner.
+ * [Release] Fix inline code block nowrap issue ([\#7407](https://github.com/matrix-org/matrix-react-sdk/pull/7407)).
+ * don't collapse spaces in inline code blocks (https ([\#7328](https://github.com/matrix-org/matrix-react-sdk/pull/7328)). Fixes vector-im/element-web#6051. Contributed by @HarHarLinks.
+ * Fix accessibility regressions ([\#7336](https://github.com/matrix-org/matrix-react-sdk/pull/7336)).
+ * Debounce User Info start dm "Message" button ([\#7357](https://github.com/matrix-org/matrix-react-sdk/pull/7357)). Fixes vector-im/element-web#7763.
+ * Fix thread filter being cut-off on narrow screens ([\#7354](https://github.com/matrix-org/matrix-react-sdk/pull/7354)). Fixes vector-im/element-web#20146.
+ * Fix upgraded rooms wrongly showing up in spotlight ([\#7341](https://github.com/matrix-org/matrix-react-sdk/pull/7341)). Fixes vector-im/element-web#20141.
+ * Show votes in replied-to polls (pass in getRelationsForEvent) ([\#7345](https://github.com/matrix-org/matrix-react-sdk/pull/7345)). Fixes vector-im/element-web#20153.
+ * Keep all previously approved widget capabilities when requesting new capabilities ([\#7340](https://github.com/matrix-org/matrix-react-sdk/pull/7340)). Contributed by @dhenneke.
+ * Only show poll previews when the polls feature is enabled ([\#7331](https://github.com/matrix-org/matrix-react-sdk/pull/7331)).
+ * No-op action:join if the user is already invited for scalar ([\#7334](https://github.com/matrix-org/matrix-react-sdk/pull/7334)). Fixes vector-im/element-web#20134.
+ * Don't show polls in timeline if polls are disabled ([\#7332](https://github.com/matrix-org/matrix-react-sdk/pull/7332)). Fixes vector-im/element-web#20130.
+ * Don't send a poll response event if you are voting for your current c… ([\#7326](https://github.com/matrix-org/matrix-react-sdk/pull/7326)). Fixes vector-im/element-web#20129.
+ * Don't show options button when the user can't modify widgets ([\#7324](https://github.com/matrix-org/matrix-react-sdk/pull/7324)). Fixes vector-im/element-web#20114. Contributed by @SimonBrandner.
+ * Add vertical spacing between buttons when they go over multiple lines ([\#7314](https://github.com/matrix-org/matrix-react-sdk/pull/7314)). Contributed by @twigleingrid.
+ * Improve accessibility of opening space create menu ([\#7316](https://github.com/matrix-org/matrix-react-sdk/pull/7316)).
+ * Correct tab order in room preview dialog ([\#7302](https://github.com/matrix-org/matrix-react-sdk/pull/7302)).
+ * Fix favourites and people metaspaces not rendering their content ([\#7315](https://github.com/matrix-org/matrix-react-sdk/pull/7315)). Fixes vector-im/element-web#20070.
+ * Make clear button images visible in high contrast theme ([\#7306](https://github.com/matrix-org/matrix-react-sdk/pull/7306)). Fixes vector-im/element-web#19931.
+ * Fix html exporting and improve output size ([\#7312](https://github.com/matrix-org/matrix-react-sdk/pull/7312)). Fixes vector-im/element-web#19436 vector-im/element-web#20107 and vector-im/element-web#19441.
+ * Fix textual message stripping new line ([\#7239](https://github.com/matrix-org/matrix-react-sdk/pull/7239)). Fixes vector-im/element-web#15320. Contributed by @renancleyson-dev.
+ * Fix issue with room list resizer getting clipped in firefox ([\#7303](https://github.com/matrix-org/matrix-react-sdk/pull/7303)). Fixes vector-im/element-web#20076.
+ * Fix wrong indentation with nested ordered list unnesting list on edit ([\#7300](https://github.com/matrix-org/matrix-react-sdk/pull/7300)). Contributed by @renancleyson-dev.
+ * Fix input field behaviour inside context menus ([\#7293](https://github.com/matrix-org/matrix-react-sdk/pull/7293)). Fixes vector-im/element-web#19881.
+ * Corrected the alignment of the Edit button on LoginPage. ([\#7292](https://github.com/matrix-org/matrix-react-sdk/pull/7292)). Contributed by @ankur12-1610.
+ * Allow sharing manual location without giving location permission ([\#7295](https://github.com/matrix-org/matrix-react-sdk/pull/7295)). Fixes vector-im/element-web#20065. Contributed by @tulir.
+ * Make emoji picker search placeholder localizable ([\#7294](https://github.com/matrix-org/matrix-react-sdk/pull/7294)).
+ * Fix jump to bottom on message send ([\#7280](https://github.com/matrix-org/matrix-react-sdk/pull/7280)). Fixes vector-im/element-web#19859. Contributed by @SimonBrandner.
+ * Fix: Warning: Unsupported style property pointer-events. Did you mean pointerEvents? ([\#7291](https://github.com/matrix-org/matrix-react-sdk/pull/7291)).
+ * Add edits and replies to the right panel timeline & prepare the timelineCard to share code with threads ([\#7262](https://github.com/matrix-org/matrix-react-sdk/pull/7262)). Fixes vector-im/element-web#20012 and vector-im/element-web#19928.
+ * Fix labs exploding when lab group is empty ([\#7290](https://github.com/matrix-org/matrix-react-sdk/pull/7290)). Fixes vector-im/element-web#20051.
+ * Update URL when room aliases are modified ([\#7289](https://github.com/matrix-org/matrix-react-sdk/pull/7289)). Fixes vector-im/element-web#1616 and vector-im/element-web#1925.
+ * Render mini user menu for when space panel is disabled ([\#7258](https://github.com/matrix-org/matrix-react-sdk/pull/7258)). Fixes vector-im/element-web#19998.
+ * When accepting DM from People metaspace don't switch to Home ([\#7272](https://github.com/matrix-org/matrix-react-sdk/pull/7272)). Fixes vector-im/element-web#19995.
+ * Fix CallPreview `room is null` ([\#7265](https://github.com/matrix-org/matrix-react-sdk/pull/7265)). Fixes vector-im/element-web#19990, vector-im/element-web#19972, matrix-org/element-web-rageshakes#7004 matrix-org/element-web-rageshakes#6991 and matrix-org/element-web-rageshakes#6964.
+ * Fixes more instances of double-translation ([\#7259](https://github.com/matrix-org/matrix-react-sdk/pull/7259)). Fixes vector-im/element-web#20010.
+ * Fix video calls ([\#7256](https://github.com/matrix-org/matrix-react-sdk/pull/7256)). Fixes vector-im/element-web#20008. Contributed by @SimonBrandner.
+ * Fix broken i18n in Forgot & Change password ([\#7252](https://github.com/matrix-org/matrix-react-sdk/pull/7252)). Fixes vector-im/element-web#19989.
+ * Fix setBotPower to not use `.content` ([\#7179](https://github.com/matrix-org/matrix-react-sdk/pull/7179)). Fixes vector-im/element-web#19845.
+ * Break long words in pinned messages to prevent overflow ([\#7251](https://github.com/matrix-org/matrix-react-sdk/pull/7251)). Fixes vector-im/element-web#19985.
+ * Disallow sending empty feedbacks ([\#7240](https://github.com/matrix-org/matrix-react-sdk/pull/7240)).
+ * Fix wrongly sized default sub-space icons in space panel ([\#7243](https://github.com/matrix-org/matrix-react-sdk/pull/7243)). Fixes vector-im/element-web#19973.
+ * Hide clear cache and reload button if crash is before client init ([\#7242](https://github.com/matrix-org/matrix-react-sdk/pull/7242)). Fixes matrix-org/element-web-rageshakes#6996.
+ * Fix automatic space switching wrongly going via Home for room aliases ([\#7247](https://github.com/matrix-org/matrix-react-sdk/pull/7247)). Fixes vector-im/element-web#19974.
+ * Fix links being parsed as markdown links improperly ([\#7200](https://github.com/matrix-org/matrix-react-sdk/pull/7200)). Contributed by @Palid.
+
+Changes in [1.9.7](https://github.com/vector-im/element-desktop/releases/tag/v1.9.7) (2021-12-13)
+=================================================================================================
+
+## 🔒 SECURITY FIXES
+* Security release with updated version of Olm to fix https://matrix.org/blog/2021/12/03/pre-disclosure-upcoming-security-release-of-libolm-and-matrix-js-sdk
+* Upgrade Electron to 13.5.2 to fix https://matrix.org/blog/2022/01/31/high-severity-vulnerability-in-element-desktop-1-9-6-and-earlier (https://github.com/vector-im/element-desktop/security/advisories/GHSA-mjrg-9f8r-h3m7)
+
+## 🐛 Bug Fixes
+* Fix a crash on logout
+
+Changes in [1.9.6](https://github.com/vector-im/element-desktop/releases/tag/v1.9.6) (2021-12-06)
+=================================================================================================
+
+## ✨ Features
+ * Add unread indicator to the timelineCard header icon ([\#7156](https://github.com/matrix-org/matrix-react-sdk/pull/7156)). Fixes vector-im/element-web#19635.
+ * Only show core navigation elements (call/chat/notification/info) when a widget is maximised ([\#7114](https://github.com/matrix-org/matrix-react-sdk/pull/7114)). Fixes vector-im/element-web#19632.
+ * Improve ThreadPanel ctx menu accessibility ([\#7217](https://github.com/matrix-org/matrix-react-sdk/pull/7217)). Fixes vector-im/element-web#19885.
+ * Allow filtering room list during treeview navigation ([\#7219](https://github.com/matrix-org/matrix-react-sdk/pull/7219)). Fixes vector-im/element-web#14702.
+ * Add right panel chat timeline ([\#7112](https://github.com/matrix-org/matrix-react-sdk/pull/7112)). Fixes vector-im/element-web#19633.
+ * Hide server options hint when disable_custom_urls is true ([\#7215](https://github.com/matrix-org/matrix-react-sdk/pull/7215)). Fixes vector-im/element-web#19919.
+ * Improve right panel resize handle usability ([\#7204](https://github.com/matrix-org/matrix-react-sdk/pull/7204)). Fixes vector-im/element-web#15145. Contributed by @weeman1337.
+ * Spaces quick settings ([\#7196](https://github.com/matrix-org/matrix-react-sdk/pull/7196)).
+ * Maximised widgets always force a call to be shown in PIP mode ([\#7163](https://github.com/matrix-org/matrix-react-sdk/pull/7163)). Fixes vector-im/element-web#19637.
+ * Group Labs flags ([\#7190](https://github.com/matrix-org/matrix-react-sdk/pull/7190)).
+ * Show room context details in forward dialog ([\#7162](https://github.com/matrix-org/matrix-react-sdk/pull/7162)). Fixes vector-im/element-web#19793.
+ * Remove chevrons from RoomSummaryCard_Button ([\#7137](https://github.com/matrix-org/matrix-react-sdk/pull/7137)). Fixes vector-im/element-web#19644.
+ * Disable op/deop commands where user has no permissions ([\#7161](https://github.com/matrix-org/matrix-react-sdk/pull/7161)). Fixes vector-im/element-web#15390.
+ * Add option to change the size of images/videos in the timeline ([\#7017](https://github.com/matrix-org/matrix-react-sdk/pull/7017)). Fixes vector-im/element-meta#49 vector-im/element-web#1520 and vector-im/element-web#19498.
+
+## 🐛 Bug Fixes
+ * Fix left panel glow in Safari ([\#7236](https://github.com/matrix-org/matrix-react-sdk/pull/7236)). Fixes vector-im/element-web#19863.
+ * Fix newline on edit messages with quotes ([\#7227](https://github.com/matrix-org/matrix-react-sdk/pull/7227)). Fixes vector-im/element-web#12535. Contributed by @renancleyson-dev.
+ * Guard against null refs in findSiblingElement ([\#7228](https://github.com/matrix-org/matrix-react-sdk/pull/7228)).
+ * Tweak bottom of space panel buttons in expanded state ([\#7213](https://github.com/matrix-org/matrix-react-sdk/pull/7213)). Fixes vector-im/element-web#19921.
+ * Fix multiline paragraph rendering as single line ([\#7210](https://github.com/matrix-org/matrix-react-sdk/pull/7210)). Fixes vector-im/element-web#8786. Contributed by @renancleyson-dev.
+ * Improve room list message previews ([\#7224](https://github.com/matrix-org/matrix-react-sdk/pull/7224)). Fixes vector-im/element-web#17101 and vector-im/element-web#16169.
+ * Fix EmojiPicker lazy loaded rendering bug ([\#7225](https://github.com/matrix-org/matrix-react-sdk/pull/7225)). Fixes vector-im/element-web#15341.
+ * Prevent default avatar in UserInfo having pointer cursor ([\#7218](https://github.com/matrix-org/matrix-react-sdk/pull/7218)). Fixes vector-im/element-web#13872.
+ * Prevent duplicate avatars in Event List Summaries ([\#7222](https://github.com/matrix-org/matrix-react-sdk/pull/7222)). Fixes vector-im/element-web#17706.
+ * Respect the home page as a context for the Home space ([\#7216](https://github.com/matrix-org/matrix-react-sdk/pull/7216)). Fixes vector-im/element-web#19554.
+ * Fix RoomUpgradeWarningBar exploding ([\#7214](https://github.com/matrix-org/matrix-react-sdk/pull/7214)). Fixes vector-im/element-web#19920.
+ * Polish threads misalignments and UI diversion ([\#7209](https://github.com/matrix-org/matrix-react-sdk/pull/7209)). Fixes vector-im/element-web#19772, vector-im/element-web#19710 vector-im/element-web#19629 and vector-im/element-web#19711.
+ * Fix Manage Restricted Join Rule Dialog for Spaces ([\#7208](https://github.com/matrix-org/matrix-react-sdk/pull/7208)). Fixes vector-im/element-web#19610.
+ * Fix wrongly showing unpin in pinned messages tile with no perms ([\#7197](https://github.com/matrix-org/matrix-react-sdk/pull/7197)). Fixes vector-im/element-web#19886.
+ * Make image size constrained by height when using the ImageSize.Large option ([\#7171](https://github.com/matrix-org/matrix-react-sdk/pull/7171)). Fixes vector-im/element-web#19788.
+ * Prevent programmatic scrolling within truncated room sublists ([\#7191](https://github.com/matrix-org/matrix-react-sdk/pull/7191)).
+ * Remove leading slash from /addwidget Jitsi confs ([\#7175](https://github.com/matrix-org/matrix-react-sdk/pull/7175)). Fixes vector-im/element-web#19839. Contributed by @AndrewFerr.
+ * Fix automatic composer focus, regressed by threads work ([\#7167](https://github.com/matrix-org/matrix-react-sdk/pull/7167)). Fixes vector-im/element-web#19479.
+ * Show space members when not invited even if summary didn't fail ([\#7153](https://github.com/matrix-org/matrix-react-sdk/pull/7153)). Fixes vector-im/element-web#19781.
+ * Prevent custom power levels from breaking roles & permissions tab ([\#7160](https://github.com/matrix-org/matrix-react-sdk/pull/7160)). Fixes vector-im/element-web#19812.
+ * Room Context Menu should respond to tag changes ([\#7154](https://github.com/matrix-org/matrix-react-sdk/pull/7154)). Fixes vector-im/element-web#19776.
+ * Fix an edge case when trying to join an upgraded room ([\#7159](https://github.com/matrix-org/matrix-react-sdk/pull/7159)).
+
+Changes in [1.9.5](https://github.com/vector-im/element-desktop/releases/tag/v1.9.5) (2021-11-22)
+=================================================================================================
+
+## ✨ Features
+ * Make double-clicking the PiP take you to the call room ([\#7142](https://github.com/matrix-org/matrix-react-sdk/pull/7142)). Fixes vector-im/element-web#18421 vector-im/element-web#15920 and vector-im/element-web#18421. Contributed by @SimonBrandner.
+ * Add maximise widget functionality ([\#7098](https://github.com/matrix-org/matrix-react-sdk/pull/7098)). Fixes vector-im/element-web#19619, vector-im/element-web#19621 vector-im/element-web#19760 and vector-im/element-web#19619.
+ * Add rainfall effect ([\#7086](https://github.com/matrix-org/matrix-react-sdk/pull/7086)). Contributed by @justjosias.
+ * Add root folder to zip file created by export chat feature ([\#7097](https://github.com/matrix-org/matrix-react-sdk/pull/7097)). Fixes vector-im/element-web#19653 and vector-im/element-web#19653. Contributed by @aaronraimist.
+ * Improve VoIP UI/UX ([\#7048](https://github.com/matrix-org/matrix-react-sdk/pull/7048)). Fixes vector-im/element-web#19513 and vector-im/element-web#19513. Contributed by @SimonBrandner.
+ * Unified room context menus ([\#7072](https://github.com/matrix-org/matrix-react-sdk/pull/7072)). Fixes vector-im/element-web#19527 and vector-im/element-web#19527.
+ * In forgot password screen, show validation errors inline in the form, instead of in modals ([\#7113](https://github.com/matrix-org/matrix-react-sdk/pull/7113)). Contributed by @psrpinto.
+ * Implement more meta-spaces ([\#7077](https://github.com/matrix-org/matrix-react-sdk/pull/7077)). Fixes vector-im/element-web#18634 vector-im/element-web#17295 and vector-im/element-web#18634.
+ * Expose power level control for m.space.child ([\#7120](https://github.com/matrix-org/matrix-react-sdk/pull/7120)).
+ * Forget member-list query when switching out of a room ([\#7093](https://github.com/matrix-org/matrix-react-sdk/pull/7093)). Fixes vector-im/element-web#19432 and vector-im/element-web#19432. Contributed by @SimonBrandner.
+ * Do pre-submit availability check on username during registration ([\#6978](https://github.com/matrix-org/matrix-react-sdk/pull/6978)). Fixes vector-im/element-web#9545 and vector-im/element-web#9545.
+
+## 🐛 Bug Fixes
+ * Adjust recovery key button sizes depending on text width ([\#7134](https://github.com/matrix-org/matrix-react-sdk/pull/7134)). Fixes vector-im/element-web#19511 and vector-im/element-web#19511. Contributed by @weeman1337.
+ * Fix bulk invite button getting a negative count ([\#7122](https://github.com/matrix-org/matrix-react-sdk/pull/7122)). Fixes vector-im/element-web#19466 and vector-im/element-web#19466. Contributed by @renancleyson-dev.
+ * Fix maximised / pinned widget state being loaded correctly ([\#7146](https://github.com/matrix-org/matrix-react-sdk/pull/7146)). Fixes vector-im/element-web#19768 and vector-im/element-web#19768.
+ * Don't reload the page when user hits enter when entering ban reason ([\#7145](https://github.com/matrix-org/matrix-react-sdk/pull/7145)). Fixes vector-im/element-web#19763 and vector-im/element-web#19763.
+ * Fix timeline text when sharing room layout ([\#7140](https://github.com/matrix-org/matrix-react-sdk/pull/7140)). Fixes vector-im/element-web#19622 and vector-im/element-web#19622.
+ * Fix look of emoji verification ([\#7133](https://github.com/matrix-org/matrix-react-sdk/pull/7133)). Fixes vector-im/element-web#19740 and vector-im/element-web#19740. Contributed by @SimonBrandner.
+ * Fixes element not remembering widget hidden state per room ([\#7136](https://github.com/matrix-org/matrix-react-sdk/pull/7136)). Fixes vector-im/element-web#16672, matrix-org/element-web-rageshakes#4407, vector-im/element-web#15718 vector-im/element-web#15768 and vector-im/element-web#16672.
+ * Don't keep spinning if joining space child failed ([\#7129](https://github.com/matrix-org/matrix-react-sdk/pull/7129)). Fixes matrix-org/element-web-rageshakes#6813 and matrix-org/element-web-rageshakes#6813.
+ * Guard around SpaceStore onAccountData handler prevEvent ([\#7123](https://github.com/matrix-org/matrix-react-sdk/pull/7123)). Fixes vector-im/element-web#19705 and vector-im/element-web#19705.
+ * Fix missing spaces in threads copy ([\#7119](https://github.com/matrix-org/matrix-react-sdk/pull/7119)). Fixes vector-im/element-web#19702 and vector-im/element-web#19702.
+ * Fix hover tile border ([\#7117](https://github.com/matrix-org/matrix-react-sdk/pull/7117)). Fixes vector-im/element-web#19698 and vector-im/element-web#19698. Contributed by @SimonBrandner.
+ * Fix quote button ([\#7096](https://github.com/matrix-org/matrix-react-sdk/pull/7096)). Fixes vector-im/element-web#19659 and vector-im/element-web#19659. Contributed by @SimonBrandner.
+ * Fix space panel layout edge cases ([\#7101](https://github.com/matrix-org/matrix-react-sdk/pull/7101)). Fixes vector-im/element-web#19668 and vector-im/element-web#19668.
+ * Update powerlevel/role when the user changes in the user info panel ([\#7099](https://github.com/matrix-org/matrix-react-sdk/pull/7099)). Fixes vector-im/element-web#19666 and vector-im/element-web#19666. Contributed by @SimonBrandner.
+ * Fix avatar disappearing when setting a room topic ([\#7092](https://github.com/matrix-org/matrix-react-sdk/pull/7092)). Fixes vector-im/element-web#19226 and vector-im/element-web#19226. Contributed by @SimonBrandner.
+ * Fix possible infinite loop on widget start ([\#7071](https://github.com/matrix-org/matrix-react-sdk/pull/7071)). Fixes vector-im/element-web#15494 and vector-im/element-web#15494.
+ * Use device IDs for nameless devices in device list ([\#7081](https://github.com/matrix-org/matrix-react-sdk/pull/7081)). Fixes vector-im/element-web#19608 and vector-im/element-web#19608.
+ * Don't re-sort rooms on no-op RoomUpdateCause.PossibleTagChange ([\#7053](https://github.com/matrix-org/matrix-react-sdk/pull/7053)). Contributed by @bradtgmurray.
+
+Changes in [1.9.4](https://github.com/vector-im/element-desktop/releases/tag/v1.9.4) (2021-11-08)
+=================================================================================================
+
+## ✨ Features
+ * Improve the look of tooltips ([\#7049](https://github.com/matrix-org/matrix-react-sdk/pull/7049)). Contributed by @SimonBrandner.
+ * Improve the look of the spinner ([\#6083](https://github.com/matrix-org/matrix-react-sdk/pull/6083)). Contributed by @SimonBrandner.
+ * Polls: Creation form & start event ([\#7001](https://github.com/matrix-org/matrix-react-sdk/pull/7001)).
+ * Show a gray shield when encrypted by deleted session ([\#6119](https://github.com/matrix-org/matrix-react-sdk/pull/6119)). Contributed by @SimonBrandner.
+ * Silence some widgets for better screen reader presentation. ([\#7057](https://github.com/matrix-org/matrix-react-sdk/pull/7057)). Contributed by @ndarilek.
+ * Make message separator more accessible. ([\#7056](https://github.com/matrix-org/matrix-react-sdk/pull/7056)). Contributed by @ndarilek.
+ * Give each room directory entry the `listitem` role to correspond with the containing `list`. ([\#7035](https://github.com/matrix-org/matrix-react-sdk/pull/7035)). Contributed by @ndarilek.
+ * Implement RequiresClient capability for widgets ([\#7005](https://github.com/matrix-org/matrix-react-sdk/pull/7005)). Fixes vector-im/element-web#15744 and vector-im/element-web#15744.
+ * Respect the system high contrast setting when using system theme ([\#7043](https://github.com/matrix-org/matrix-react-sdk/pull/7043)).
+ * Remove redundant duplicate mimetype field which doesn't conform to spec ([\#7045](https://github.com/matrix-org/matrix-react-sdk/pull/7045)). Fixes vector-im/element-web#17145 and vector-im/element-web#17145.
+ * Make join button on space hierarchy action in the background ([\#7041](https://github.com/matrix-org/matrix-react-sdk/pull/7041)). Fixes vector-im/element-web#17388 and vector-im/element-web#17388.
+ * Add a high contrast theme (a variant of the light theme) ([\#7036](https://github.com/matrix-org/matrix-react-sdk/pull/7036)).
+ * Improve timeline message for restricted join rule changes ([\#6984](https://github.com/matrix-org/matrix-react-sdk/pull/6984)). Fixes vector-im/element-web#18980 and vector-im/element-web#18980.
+ * Improve the appearance of the font size slider ([\#7038](https://github.com/matrix-org/matrix-react-sdk/pull/7038)).
+ * Improve RovingTabIndex & Room List filtering performance ([\#6987](https://github.com/matrix-org/matrix-react-sdk/pull/6987)). Fixes vector-im/element-web#17864 and vector-im/element-web#17864.
+ * Remove outdated Spaces restricted rooms warning ([\#6927](https://github.com/matrix-org/matrix-react-sdk/pull/6927)).
+ * Make /msg <message> param optional for more flexibility ([\#7028](https://github.com/matrix-org/matrix-react-sdk/pull/7028)). Fixes vector-im/element-web#19481 and vector-im/element-web#19481.
+ * Add decoration to space hierarchy for tiles which have already been j… ([\#6969](https://github.com/matrix-org/matrix-react-sdk/pull/6969)). Fixes vector-im/element-web#18755 and vector-im/element-web#18755.
+ * Add insert link button to the format bar ([\#5879](https://github.com/matrix-org/matrix-react-sdk/pull/5879)). Contributed by @SimonBrandner.
+ * Improve visibility of font size chooser ([\#6988](https://github.com/matrix-org/matrix-react-sdk/pull/6988)).
+ * Soften border-radius on selected/hovered messages ([\#6525](https://github.com/matrix-org/matrix-react-sdk/pull/6525)). Fixes vector-im/element-web#18108. Contributed by @SimonBrandner.
+ * Add a developer mode flag and use it for accessing space timelines ([\#6994](https://github.com/matrix-org/matrix-react-sdk/pull/6994)). Fixes vector-im/element-web#19416 and vector-im/element-web#19416.
+ * Position toggle switch more clearly ([\#6914](https://github.com/matrix-org/matrix-react-sdk/pull/6914)). Contributed by @CicadaCinema.
+ * Validate email address in forgot password dialog ([\#6983](https://github.com/matrix-org/matrix-react-sdk/pull/6983)). Fixes vector-im/element-web#9978 and vector-im/element-web#9978. Contributed by @psrpinto.
+ * Handle and i18n M_THREEPID_IN_USE during registration ([\#6986](https://github.com/matrix-org/matrix-react-sdk/pull/6986)). Fixes vector-im/element-web#13767 and vector-im/element-web#13767.
+ * For space invite previews, use room summary API to get the right member count ([\#6982](https://github.com/matrix-org/matrix-react-sdk/pull/6982)). Fixes vector-im/element-web#19123 and vector-im/element-web#19123.
+ * Simplify Space Panel notification badge layout ([\#6977](https://github.com/matrix-org/matrix-react-sdk/pull/6977)). Fixes vector-im/element-web#18527 and vector-im/element-web#18527.
+ * Use prettier hsName during 3pid registration where possible ([\#6980](https://github.com/matrix-org/matrix-react-sdk/pull/6980)). Fixes vector-im/element-web#19162 and vector-im/element-web#19162.
+
+## 🐛 Bug Fixes
+ * Add a condition to only activate the resizer which belongs to the clicked handle ([\#7055](https://github.com/matrix-org/matrix-react-sdk/pull/7055)). Fixes vector-im/element-web#19521 and vector-im/element-web#19521.
+ * Restore composer focus after event edit ([\#7065](https://github.com/matrix-org/matrix-react-sdk/pull/7065)). Fixes vector-im/element-web#19469 and vector-im/element-web#19469.
+ * Don't apply message bubble visual style to media messages ([\#7040](https://github.com/matrix-org/matrix-react-sdk/pull/7040)).
+ * Handle no selected screen when screen-sharing ([\#7018](https://github.com/matrix-org/matrix-react-sdk/pull/7018)). Fixes vector-im/element-web#19460 and vector-im/element-web#19460. Contributed by @SimonBrandner.
+ * Add history entry before completing emoji ([\#7007](https://github.com/matrix-org/matrix-react-sdk/pull/7007)). Fixes vector-im/element-web#19177 and vector-im/element-web#19177. Contributed by @RafaelGoncalves8.
+ * Add padding between controls on edit form in message bubbles ([\#7039](https://github.com/matrix-org/matrix-react-sdk/pull/7039)).
+ * Respect the roomState right container request for the Jitsi widget ([\#7033](https://github.com/matrix-org/matrix-react-sdk/pull/7033)). Fixes vector-im/element-web#16552 and vector-im/element-web#16552.
+ * Fix cannot read length of undefined for room upgrades ([\#7037](https://github.com/matrix-org/matrix-react-sdk/pull/7037)). Fixes vector-im/element-web#19509 and vector-im/element-web#19509.
+ * Cleanup re-dispatching around timelines and composers ([\#7023](https://github.com/matrix-org/matrix-react-sdk/pull/7023)). Fixes vector-im/element-web#19491 and vector-im/element-web#19491. Contributed by @SimonBrandner.
+ * Fix removing a room from a Space and interaction with `m.space.parent` ([\#6944](https://github.com/matrix-org/matrix-react-sdk/pull/6944)). Fixes vector-im/element-web#19363 and vector-im/element-web#19363.
+ * Fix recent css regression ([\#7022](https://github.com/matrix-org/matrix-react-sdk/pull/7022)). Fixes vector-im/element-web#19470 and vector-im/element-web#19470. Contributed by @CicadaCinema.
+ * Fix ModalManager reRender racing with itself ([\#7027](https://github.com/matrix-org/matrix-react-sdk/pull/7027)). Fixes vector-im/element-web#19489 and vector-im/element-web#19489.
+ * Fix fullscreening a call while connecting ([\#7019](https://github.com/matrix-org/matrix-react-sdk/pull/7019)). Fixes vector-im/element-web#19309 and vector-im/element-web#19309. Contributed by @SimonBrandner.
+ * Allow scrolling right in reply-quoted code block ([\#7024](https://github.com/matrix-org/matrix-react-sdk/pull/7024)). Fixes vector-im/element-web#19487 and vector-im/element-web#19487. Contributed by @SimonBrandner.
+ * Fix dark theme codeblock colors ([\#6384](https://github.com/matrix-org/matrix-react-sdk/pull/6384)). Fixes vector-im/element-web#17998. Contributed by @SimonBrandner.
+ * Show passphrase input label ([\#6992](https://github.com/matrix-org/matrix-react-sdk/pull/6992)). Fixes vector-im/element-web#19428 and vector-im/element-web#19428. Contributed by @RafaelGoncalves8.
+ * Always render disabled settings as disabled ([\#7014](https://github.com/matrix-org/matrix-react-sdk/pull/7014)).
+ * Make "Security Phrase" placeholder look consistent cross-browser ([\#6870](https://github.com/matrix-org/matrix-react-sdk/pull/6870)). Fixes vector-im/element-web#19006 and vector-im/element-web#19006. Contributed by @neer17.
+ * Fix direction override characters breaking member event text direction ([\#6999](https://github.com/matrix-org/matrix-react-sdk/pull/6999)).
+ * Remove redundant text in verification dialogs ([\#6993](https://github.com/matrix-org/matrix-react-sdk/pull/6993)). Fixes vector-im/element-web#19290 and vector-im/element-web#19290. Contributed by @RafaelGoncalves8.
+ * Fix space panel name overflowing ([\#6995](https://github.com/matrix-org/matrix-react-sdk/pull/6995)). Fixes vector-im/element-web#19455 and vector-im/element-web#19455.
+ * Fix conflicting CSS on syntax highlighted blocks ([\#6991](https://github.com/matrix-org/matrix-react-sdk/pull/6991)). Fixes vector-im/element-web#19445 and vector-im/element-web#19445.
+
+Changes in [1.9.3](https://github.com/vector-im/element-desktop/releases/tag/v1.9.3) (2021-10-25)
+=================================================================================================
+
+## ✨ Features
+ * Convert the "Cryptography" settings panel to an HTML table to assist screen reader users. ([\#6968](https://github.com/matrix-org/matrix-react-sdk/pull/6968)). Contributed by [andybalaam](https://github.com/andybalaam).
+ * Swap order of private space creation and tweak copy ([\#6967](https://github.com/matrix-org/matrix-react-sdk/pull/6967)). Fixes vector-im/element-web#18768 and vector-im/element-web#18768.
+ * Add spacing to Room settings - Notifications subsection ([\#6962](https://github.com/matrix-org/matrix-react-sdk/pull/6962)). Contributed by [CicadaCinema](https://github.com/CicadaCinema).
+ * Use HTML tables for some tabular user interface areas, to assist with screen reader use ([\#6955](https://github.com/matrix-org/matrix-react-sdk/pull/6955)). Contributed by [andybalaam](https://github.com/andybalaam).
+ * Fix space invite edge cases ([\#6884](https://github.com/matrix-org/matrix-react-sdk/pull/6884)). Fixes vector-im/element-web#19010 vector-im/element-web#17345 and vector-im/element-web#19010.
+ * Allow options to cascade kicks/bans throughout spaces ([\#6829](https://github.com/matrix-org/matrix-react-sdk/pull/6829)). Fixes vector-im/element-web#18969 and vector-im/element-web#18969.
+ * Make public space alias field mandatory again ([\#6921](https://github.com/matrix-org/matrix-react-sdk/pull/6921)). Fixes vector-im/element-web#19003 and vector-im/element-web#19003.
+ * Add progress bar to restricted room upgrade dialog ([\#6919](https://github.com/matrix-org/matrix-react-sdk/pull/6919)). Fixes vector-im/element-web#19146 and vector-im/element-web#19146.
+ * Add customisation point for visibility of invites and room creation ([\#6922](https://github.com/matrix-org/matrix-react-sdk/pull/6922)). Fixes vector-im/element-web#19331 and vector-im/element-web#19331.
+ * Inhibit `Unable to get validated threepid` error during UIA ([\#6928](https://github.com/matrix-org/matrix-react-sdk/pull/6928)). Fixes vector-im/element-web#18883 and vector-im/element-web#18883.
+ * Tweak room list skeleton UI height and behaviour ([\#6926](https://github.com/matrix-org/matrix-react-sdk/pull/6926)). Fixes vector-im/element-web#18231 vector-im/element-web#16581 and vector-im/element-web#18231.
+ * If public room creation fails, retry without publishing it ([\#6872](https://github.com/matrix-org/matrix-react-sdk/pull/6872)). Fixes vector-im/element-web#19194 and vector-im/element-web#19194. Contributed by [AndrewFerr](https://github.com/AndrewFerr).
+ * Iterate invite your teammates to Space view ([\#6925](https://github.com/matrix-org/matrix-react-sdk/pull/6925)). Fixes vector-im/element-web#18772 and vector-im/element-web#18772.
+ * Make placeholder more grey when no input ([\#6840](https://github.com/matrix-org/matrix-react-sdk/pull/6840)). Fixes vector-im/element-web#17243 and vector-im/element-web#17243. Contributed by [wlach](https://github.com/wlach).
+ * Respect tombstones in locally known rooms for Space children ([\#6906](https://github.com/matrix-org/matrix-react-sdk/pull/6906)). Fixes vector-im/element-web#19246 vector-im/element-web#19256 and vector-im/element-web#19246.
+ * Improve emoji shortcodes generated from annotations ([\#6907](https://github.com/matrix-org/matrix-react-sdk/pull/6907)). Fixes vector-im/element-web#19304 and vector-im/element-web#19304.
+ * Hide kick & ban options in UserInfo when looking at own profile ([\#6911](https://github.com/matrix-org/matrix-react-sdk/pull/6911)). Fixes vector-im/element-web#19066 and vector-im/element-web#19066.
+ * Add progress bar to Community to Space migration tool ([\#6887](https://github.com/matrix-org/matrix-react-sdk/pull/6887)). Fixes vector-im/element-web#19216 and vector-im/element-web#19216.
+
+## 🐛 Bug Fixes
+ * Fix leave space cancel button exploding ([\#6966](https://github.com/matrix-org/matrix-react-sdk/pull/6966)).
+ * Fix edge case behaviour of the space join spinner for guests ([\#6972](https://github.com/matrix-org/matrix-react-sdk/pull/6972)). Fixes vector-im/element-web#19359 and vector-im/element-web#19359.
+ * Convert emoticon to emoji at the end of a line on send even if the cursor isn't there ([\#6965](https://github.com/matrix-org/matrix-react-sdk/pull/6965)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix text overflows button on Home page ([\#6898](https://github.com/matrix-org/matrix-react-sdk/pull/6898)). Fixes vector-im/element-web#19180 and vector-im/element-web#19180. Contributed by [oliver-pham](https://github.com/oliver-pham).
+ * Space Room View should react to join rule changes down /sync ([\#6945](https://github.com/matrix-org/matrix-react-sdk/pull/6945)). Fixes vector-im/element-web#19390 and vector-im/element-web#19390.
+ * Hide leave section button if user isn't in the room e.g peeking ([\#6920](https://github.com/matrix-org/matrix-react-sdk/pull/6920)). Fixes vector-im/element-web#17410 and vector-im/element-web#17410.
+ * Fix bug where room list would get stuck showing no rooms ([\#6939](https://github.com/matrix-org/matrix-react-sdk/pull/6939)). Fixes vector-im/element-web#19373 and vector-im/element-web#19373.
+ * Update room settings dialog title when room name changes ([\#6916](https://github.com/matrix-org/matrix-react-sdk/pull/6916)). Fixes vector-im/element-web#17480 and vector-im/element-web#17480. Contributed by [psrpinto](https://github.com/psrpinto).
+ * Fix editing losing emote-ness and rainbow-ness of messages ([\#6931](https://github.com/matrix-org/matrix-react-sdk/pull/6931)). Fixes vector-im/element-web#19350 and vector-im/element-web#19350.
+ * Remove semicolon from notifications panel ([\#6930](https://github.com/matrix-org/matrix-react-sdk/pull/6930)). Contributed by [robintown](https://github.com/robintown).
+ * Prevent profile image in left panel's backdrop from being selected ([\#6924](https://github.com/matrix-org/matrix-react-sdk/pull/6924)). Contributed by [rom4nik](https://github.com/rom4nik).
+ * Validate that the phone number verification field is filled before allowing user to submit ([\#6918](https://github.com/matrix-org/matrix-react-sdk/pull/6918)). Fixes vector-im/element-web#19316 and vector-im/element-web#19316. Contributed by [VFermat](https://github.com/VFermat).
+ * Updated how save button becomes disabled in room settings to listen for all fields instead of the most recent ([\#6917](https://github.com/matrix-org/matrix-react-sdk/pull/6917)). Contributed by [LoganArnett](https://github.com/LoganArnett).
+ * Use FocusLock around ContextMenus to simplify focus management ([\#6311](https://github.com/matrix-org/matrix-react-sdk/pull/6311)). Fixes vector-im/element-web#19259 and vector-im/element-web#19259.
+ * Fix space hierarchy pagination ([\#6908](https://github.com/matrix-org/matrix-react-sdk/pull/6908)). Fixes vector-im/element-web#19276 and vector-im/element-web#19276.
+ * Fix spaces keyboard shortcuts not working for last space ([\#6909](https://github.com/matrix-org/matrix-react-sdk/pull/6909)). Fixes vector-im/element-web#19255 and vector-im/element-web#19255.
+ * Use fallback avatar only for DMs with 2 people. ([\#6895](https://github.com/matrix-org/matrix-react-sdk/pull/6895)). Fixes vector-im/element-web#18747 and vector-im/element-web#18747. Contributed by [andybalaam](https://github.com/andybalaam).
+
+Changes in [1.9.2](https://github.com/vector-im/element-desktop/releases/tag/v1.9.2) (2021-10-12)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Upgrade to matrix-js-sdk#14.0.1
+
+Changes in [1.9.1](https://github.com/vector-im/element-desktop/releases/tag/v1.9.1) (2021-10-11)
+=================================================================================================
+
+## ✨ Features
+ * Decrease profile button touch target ([\#6900](https://github.com/matrix-org/matrix-react-sdk/pull/6900)). Contributed by [ColonisationCaptain](https://github.com/ColonisationCaptain).
+ * Don't let click events propagate out of context menus ([\#6892](https://github.com/matrix-org/matrix-react-sdk/pull/6892)).
+ * Allow closing Dropdown via its chevron ([\#6885](https://github.com/matrix-org/matrix-react-sdk/pull/6885)). Fixes vector-im/element-web#19030 and vector-im/element-web#19030.
+ * Improve AUX panel behaviour ([\#6699](https://github.com/matrix-org/matrix-react-sdk/pull/6699)). Fixes vector-im/element-web#18787 and vector-im/element-web#18787. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * A nicer opening animation for the Image View ([\#6454](https://github.com/matrix-org/matrix-react-sdk/pull/6454)). Fixes vector-im/element-web#18186 and vector-im/element-web#18186. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+
+## 🐛 Bug Fixes
+ * [Release] Fix space hierarchy pagination ([\#6910](https://github.com/matrix-org/matrix-react-sdk/pull/6910)).
+ * Fix leaving space via other client leaving you in undefined-land ([\#6891](https://github.com/matrix-org/matrix-react-sdk/pull/6891)). Fixes vector-im/element-web#18455 and vector-im/element-web#18455.
+ * Handle newer voice message encrypted event format for chat export ([\#6893](https://github.com/matrix-org/matrix-react-sdk/pull/6893)). Contributed by [jaiwanth-v](https://github.com/jaiwanth-v).
+ * Fix pagination when filtering space hierarchy ([\#6876](https://github.com/matrix-org/matrix-react-sdk/pull/6876)). Fixes vector-im/element-web#19235 and vector-im/element-web#19235.
+ * Fix spaces null-guard breaking the dispatcher settings watching ([\#6886](https://github.com/matrix-org/matrix-react-sdk/pull/6886)). Fixes vector-im/element-web#19223 and vector-im/element-web#19223.
+ * Fix space children without specific `order` being sorted after those with one ([\#6878](https://github.com/matrix-org/matrix-react-sdk/pull/6878)). Fixes vector-im/element-web#19192 and vector-im/element-web#19192.
+ * Ensure that sub-spaces aren't considered for notification badges ([\#6881](https://github.com/matrix-org/matrix-react-sdk/pull/6881)). Fixes vector-im/element-web#18975 and vector-im/element-web#18975.
+ * Fix timeline autoscroll with non-standard DPI settings. ([\#6880](https://github.com/matrix-org/matrix-react-sdk/pull/6880)). Fixes vector-im/element-web#18984 and vector-im/element-web#18984.
+ * Pluck out JoinRuleSettings styles so they apply in space settings too ([\#6879](https://github.com/matrix-org/matrix-react-sdk/pull/6879)). Fixes vector-im/element-web#19164 and vector-im/element-web#19164.
+ * Null guard around the matrixClient in SpaceStore ([\#6874](https://github.com/matrix-org/matrix-react-sdk/pull/6874)).
+ * Fix issue (https ([\#6871](https://github.com/matrix-org/matrix-react-sdk/pull/6871)). Fixes vector-im/element-web#19138 and vector-im/element-web#19138. Contributed by [psrpinto](https://github.com/psrpinto).
+ * Fix pills being cut off in message bubble layout ([\#6865](https://github.com/matrix-org/matrix-react-sdk/pull/6865)). Fixes vector-im/element-web#18627 and vector-im/element-web#18627. Contributed by [robintown](https://github.com/robintown).
+ * Fix space admin check false positive on multiple admins ([\#6824](https://github.com/matrix-org/matrix-react-sdk/pull/6824)).
+ * Fix the User View ([\#6860](https://github.com/matrix-org/matrix-react-sdk/pull/6860)). Fixes vector-im/element-web#19158 and vector-im/element-web#19158.
+ * Fix spacing for message composer buttons ([\#6852](https://github.com/matrix-org/matrix-react-sdk/pull/6852)). Fixes vector-im/element-web#18999 and vector-im/element-web#18999.
+ * Always show root event of a thread in room's timeline ([\#6842](https://github.com/matrix-org/matrix-react-sdk/pull/6842)). Fixes vector-im/element-web#19016 and vector-im/element-web#19016.
+
+Changes in [1.9.0](https://github.com/vector-im/element-desktop/releases/tag/v1.9.0) (2021-09-27)
+=================================================================================================
+
+## ✨ Features
+ * Fix space keyboard shortcuts conflicting with native zoom shortcuts ([\#19037](https://github.com/vector-im/element-web/pull/19037)). Fixes vector-im/element-web#18481 and undefined/element-web#18481.
+ * Say Joining space instead of Joining room where we know its a space ([\#6818](https://github.com/matrix-org/matrix-react-sdk/pull/6818)). Fixes vector-im/element-web#19064 and vector-im/element-web#19064.
+ * Add warning that some spaces may not be relinked to the newly upgraded room ([\#6805](https://github.com/matrix-org/matrix-react-sdk/pull/6805)). Fixes vector-im/element-web#18858 and vector-im/element-web#18858.
+ * Delabs Spaces, iterate some copy and move communities/space toggle to preferences ([\#6594](https://github.com/matrix-org/matrix-react-sdk/pull/6594)). Fixes vector-im/element-web#18088, vector-im/element-web#18524 vector-im/element-web#18088 and vector-im/element-web#18088.
+ * Show "Message" in the user info panel instead of "Start chat" ([\#6319](https://github.com/matrix-org/matrix-react-sdk/pull/6319)). Fixes vector-im/element-web#17877 and vector-im/element-web#17877. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix space keyboard shortcuts conflicting with native zoom shortcuts ([\#6804](https://github.com/matrix-org/matrix-react-sdk/pull/6804)).
+ * Replace plain text emoji at the end of a line ([\#6784](https://github.com/matrix-org/matrix-react-sdk/pull/6784)). Fixes vector-im/element-web#18833 and vector-im/element-web#18833. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Simplify Space Panel layout and fix some edge cases ([\#6800](https://github.com/matrix-org/matrix-react-sdk/pull/6800)). Fixes vector-im/element-web#18694 and vector-im/element-web#18694.
+ * Show unsent message warning on Space Panel buttons ([\#6778](https://github.com/matrix-org/matrix-react-sdk/pull/6778)). Fixes vector-im/element-web#18891 and vector-im/element-web#18891.
+ * Hide mute/unmute button in UserInfo for Spaces as it makes no sense ([\#6790](https://github.com/matrix-org/matrix-react-sdk/pull/6790)). Fixes vector-im/element-web#19007 and vector-im/element-web#19007.
+ * Fix automatic field population in space create menu not validating ([\#6792](https://github.com/matrix-org/matrix-react-sdk/pull/6792)). Fixes vector-im/element-web#19005 and vector-im/element-web#19005.
+ * Optimize input label transition on focus ([\#6783](https://github.com/matrix-org/matrix-react-sdk/pull/6783)). Fixes vector-im/element-web#12876 and vector-im/element-web#12876. Contributed by [MadLittleMods](https://github.com/MadLittleMods).
+ * Adapt and re-use the RolesRoomSettingsTab for Spaces ([\#6779](https://github.com/matrix-org/matrix-react-sdk/pull/6779)). Fixes vector-im/element-web#18908 vector-im/element-web#18909 and vector-im/element-web#18908.
+ * Deduplicate join rule management between rooms and spaces ([\#6724](https://github.com/matrix-org/matrix-react-sdk/pull/6724)). Fixes vector-im/element-web#18798 and vector-im/element-web#18798.
+ * Add config option to turn on in-room event sending timing metrics ([\#6766](https://github.com/matrix-org/matrix-react-sdk/pull/6766)).
+ * Improve the upgrade for restricted user experience ([\#6764](https://github.com/matrix-org/matrix-react-sdk/pull/6764)). Fixes vector-im/element-web#18677 and vector-im/element-web#18677.
+ * Improve tooltips on space quick actions and explore button ([\#6760](https://github.com/matrix-org/matrix-react-sdk/pull/6760)). Fixes vector-im/element-web#18528 and vector-im/element-web#18528.
+ * Make space members and user info behave more expectedly ([\#6765](https://github.com/matrix-org/matrix-react-sdk/pull/6765)). Fixes vector-im/element-web#17018 and vector-im/element-web#17018.
+ * hide no-op m.room.encryption events and better word param changes ([\#6747](https://github.com/matrix-org/matrix-react-sdk/pull/6747)). Fixes vector-im/element-web#18597 and vector-im/element-web#18597.
+ * Respect m.space.parent relations if they hold valid permissions ([\#6746](https://github.com/matrix-org/matrix-react-sdk/pull/6746)). Fixes vector-im/element-web#10935 and vector-im/element-web#10935.
+ * Space panel accessibility improvements ([\#6744](https://github.com/matrix-org/matrix-react-sdk/pull/6744)). Fixes vector-im/element-web#18892 and vector-im/element-web#18892.
+
+## 🐛 Bug Fixes
+ * Fix spacing for message composer buttons ([\#6854](https://github.com/matrix-org/matrix-react-sdk/pull/6854)).
+ * Fix accessing field on oobData which may be undefined ([\#6830](https://github.com/matrix-org/matrix-react-sdk/pull/6830)). Fixes vector-im/element-web#19085 and vector-im/element-web#19085.
+ * Fix reactions aria-label not being a string and thus being read as [Object object] ([\#6828](https://github.com/matrix-org/matrix-react-sdk/pull/6828)).
+ * Fix missing null guard in space hierarchy pagination ([\#6821](https://github.com/matrix-org/matrix-react-sdk/pull/6821)). Fixes matrix-org/element-web-rageshakes#6299 and matrix-org/element-web-rageshakes#6299.
+ * Fix checks to show prompt to start new chats ([\#6812](https://github.com/matrix-org/matrix-react-sdk/pull/6812)).
+ * Fix room list scroll jumps ([\#6777](https://github.com/matrix-org/matrix-react-sdk/pull/6777)). Fixes vector-im/element-web#17460 vector-im/element-web#18440 and vector-im/element-web#17460. Contributed by [robintown](https://github.com/robintown).
+ * Fix various message bubble alignment issues ([\#6785](https://github.com/matrix-org/matrix-react-sdk/pull/6785)). Fixes vector-im/element-web#18293, vector-im/element-web#18294 vector-im/element-web#18305 and vector-im/element-web#18293. Contributed by [robintown](https://github.com/robintown).
+ * Make message bubble font size consistent ([\#6795](https://github.com/matrix-org/matrix-react-sdk/pull/6795)). Contributed by [robintown](https://github.com/robintown).
+ * Fix edge cases around joining new room which does not belong to active space ([\#6797](https://github.com/matrix-org/matrix-react-sdk/pull/6797)). Fixes vector-im/element-web#19025 and vector-im/element-web#19025.
+ * Fix edge case space issues around creation and initial view ([\#6798](https://github.com/matrix-org/matrix-react-sdk/pull/6798)). Fixes vector-im/element-web#19023 and vector-im/element-web#19023.
+ * Stop spinner on space preview if the join fails ([\#6803](https://github.com/matrix-org/matrix-react-sdk/pull/6803)). Fixes vector-im/element-web#19034 and vector-im/element-web#19034.
+ * Fix emoji picker and stickerpicker not appearing correctly when opened ([\#6793](https://github.com/matrix-org/matrix-react-sdk/pull/6793)). Fixes vector-im/element-web#19012 and vector-im/element-web#19012. Contributed by [Palid](https://github.com/Palid).
+ * Fix autocomplete not having y-scroll ([\#6794](https://github.com/matrix-org/matrix-react-sdk/pull/6794)). Fixes vector-im/element-web#18997 and vector-im/element-web#18997. Contributed by [Palid](https://github.com/Palid).
+ * Fix broken edge case with public space creation with no alias ([\#6791](https://github.com/matrix-org/matrix-react-sdk/pull/6791)). Fixes vector-im/element-web#19003 and vector-im/element-web#19003.
+ * Redirect from /#/welcome to /#/home if already logged in ([\#6786](https://github.com/matrix-org/matrix-react-sdk/pull/6786)). Fixes vector-im/element-web#18990 and vector-im/element-web#18990. Contributed by [aaronraimist](https://github.com/aaronraimist).
+ * Fix build issues from two conflicting PRs landing without merge conflict ([\#6780](https://github.com/matrix-org/matrix-react-sdk/pull/6780)).
+ * Render guest settings only in public rooms/spaces ([\#6693](https://github.com/matrix-org/matrix-react-sdk/pull/6693)). Fixes vector-im/element-web#18776 and vector-im/element-web#18776. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix message bubble corners being wrong in the presence of hidden events ([\#6776](https://github.com/matrix-org/matrix-react-sdk/pull/6776)). Fixes vector-im/element-web#18124 and vector-im/element-web#18124. Contributed by [robintown](https://github.com/robintown).
+ * Debounce read marker update on scroll ([\#6771](https://github.com/matrix-org/matrix-react-sdk/pull/6771)). Fixes vector-im/element-web#18961 and vector-im/element-web#18961.
+ * Use cursor:pointer on space panel buttons ([\#6770](https://github.com/matrix-org/matrix-react-sdk/pull/6770)). Fixes vector-im/element-web#18951 and vector-im/element-web#18951.
+ * Fix regressed tab view buttons in space update toast ([\#6761](https://github.com/matrix-org/matrix-react-sdk/pull/6761)). Fixes vector-im/element-web#18781 and vector-im/element-web#18781.
+
+Changes in [1.8.5](https://github.com/vector-im/element-desktop/releases/tag/v1.8.5) (2021-09-14)
+=================================================================================================
+
+## ✨ Features
+ * Add bubble highlight styling ([\#6582](https://github.com/matrix-org/matrix-react-sdk/pull/6582)). Fixes #18295 and #18295. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Create narrow mode for Composer ([\#6682](https://github.com/matrix-org/matrix-react-sdk/pull/6682)). Fixes #18533 and #18533.
+ * Prefer matrix.to alias links over room id in spaces & share ([\#6745](https://github.com/matrix-org/matrix-react-sdk/pull/6745)). Fixes #18796 and #18796.
+ * Stop automatic playback of voice messages if a non-voice message is encountered ([\#6728](https://github.com/matrix-org/matrix-react-sdk/pull/6728)). Fixes #18850 and #18850.
+ * Show call length during a call ([\#6700](https://github.com/matrix-org/matrix-react-sdk/pull/6700)). Fixes #18566 and #18566. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Serialize and retry mass-leave when leaving space ([\#6737](https://github.com/matrix-org/matrix-react-sdk/pull/6737)). Fixes #18789 and #18789.
+ * Improve form handling in and around space creation ([\#6739](https://github.com/matrix-org/matrix-react-sdk/pull/6739)). Fixes #18775 and #18775.
+ * Split autoplay GIFs and videos into different settings ([\#6726](https://github.com/matrix-org/matrix-react-sdk/pull/6726)). Fixes #5771 and #5771. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Add autoplay for voice messages ([\#6710](https://github.com/matrix-org/matrix-react-sdk/pull/6710)). Fixes #18804, #18715, #18714 #17961 and #18804.
+ * Allow to use basic html to format invite messages ([\#6703](https://github.com/matrix-org/matrix-react-sdk/pull/6703)). Fixes #15738 and #15738. Contributed by [skolmer](https://github.com/skolmer).
+ * Allow widgets, when eligible, to interact with more rooms as per MSC2762 ([\#6684](https://github.com/matrix-org/matrix-react-sdk/pull/6684)).
+ * Remove arbitrary limits from send/receive events for widgets ([\#6719](https://github.com/matrix-org/matrix-react-sdk/pull/6719)). Fixes #17994 and #17994.
+ * Reload suggested rooms if we see the state change down /sync ([\#6715](https://github.com/matrix-org/matrix-react-sdk/pull/6715)). Fixes #18761 and #18761.
+ * When creating private spaces, make the initial rooms restricted if supported ([\#6721](https://github.com/matrix-org/matrix-react-sdk/pull/6721)). Fixes #18722 and #18722.
+ * Threading exploration work ([\#6658](https://github.com/matrix-org/matrix-react-sdk/pull/6658)). Fixes #18532 and #18532.
+ * Default to `Don't leave any` when leaving a space ([\#6697](https://github.com/matrix-org/matrix-react-sdk/pull/6697)). Fixes #18592 and #18592. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Special case redaction event sending from widgets per MSC2762 ([\#6686](https://github.com/matrix-org/matrix-react-sdk/pull/6686)). Fixes #18573 and #18573.
+ * Add active speaker indicators ([\#6639](https://github.com/matrix-org/matrix-react-sdk/pull/6639)). Fixes #17627 and #17627. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Increase general app performance by optimizing layers ([\#6644](https://github.com/matrix-org/matrix-react-sdk/pull/6644)). Fixes #18730 and #18730. Contributed by [Palid](https://github.com/Palid).
+
+## 🐛 Bug Fixes
+ * Fix autocomplete not having y-scroll ([\#6802](https://github.com/matrix-org/matrix-react-sdk/pull/6802)).
+ * Fix emoji picker and stickerpicker not appearing correctly when opened ([\#6801](https://github.com/matrix-org/matrix-react-sdk/pull/6801)).
+ * Debounce read marker update on scroll ([\#6774](https://github.com/matrix-org/matrix-react-sdk/pull/6774)).
+ * Fix Space creation wizard go to my first room button behaviour ([\#6748](https://github.com/matrix-org/matrix-react-sdk/pull/6748)). Fixes #18764 and #18764.
+ * Fix scroll being stuck at bottom ([\#6751](https://github.com/matrix-org/matrix-react-sdk/pull/6751)). Fixes #18903 and #18903.
+ * Fix widgets not remembering identity verification when asked to. ([\#6742](https://github.com/matrix-org/matrix-react-sdk/pull/6742)). Fixes #15631 and #15631.
+ * Add missing pluralisation i18n strings for Spaces ([\#6738](https://github.com/matrix-org/matrix-react-sdk/pull/6738)). Fixes #18780 and #18780.
+ * Make ForgotPassword UX slightly more user friendly ([\#6636](https://github.com/matrix-org/matrix-react-sdk/pull/6636)). Fixes #11531 and #11531. Contributed by [Palid](https://github.com/Palid).
+ * Don't context switch room on SpaceStore ready as it can break permalinks ([\#6730](https://github.com/matrix-org/matrix-react-sdk/pull/6730)). Fixes #17974 and #17974.
+ * Fix explore rooms button not working during space creation wizard ([\#6729](https://github.com/matrix-org/matrix-react-sdk/pull/6729)). Fixes #18762 and #18762.
+ * Fix bug where one party's media would sometimes not be shown ([\#6731](https://github.com/matrix-org/matrix-react-sdk/pull/6731)).
+ * Only make the initial space rooms suggested by default ([\#6714](https://github.com/matrix-org/matrix-react-sdk/pull/6714)). Fixes #18760 and #18760.
+ * Replace fake username in EventTilePreview with a proper loading state ([\#6702](https://github.com/matrix-org/matrix-react-sdk/pull/6702)). Fixes #15897 and #15897. Contributed by [skolmer](https://github.com/skolmer).
+ * Don't send prehistorical events to widgets during decryption at startup ([\#6695](https://github.com/matrix-org/matrix-react-sdk/pull/6695)). Fixes #18060 and #18060.
+ * When creating subspaces properly set restricted join rule ([\#6725](https://github.com/matrix-org/matrix-react-sdk/pull/6725)). Fixes #18797 and #18797.
+ * Fix the Image View not openning for some pinned messages ([\#6723](https://github.com/matrix-org/matrix-react-sdk/pull/6723)). Fixes #18422 and #18422. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Show autocomplete sections vertically ([\#6722](https://github.com/matrix-org/matrix-react-sdk/pull/6722)). Fixes #18860 and #18860. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix EmojiPicker filtering to lower case emojibase data strings ([\#6717](https://github.com/matrix-org/matrix-react-sdk/pull/6717)). Fixes #18686 and #18686.
+ * Clear currentRoomId when viewing home page, fixing document title ([\#6716](https://github.com/matrix-org/matrix-react-sdk/pull/6716)). Fixes #18668 and #18668.
+ * Fix membership updates to Spaces not applying in real-time ([\#6713](https://github.com/matrix-org/matrix-react-sdk/pull/6713)). Fixes #18737 and #18737.
+ * Don't show a double stacked invite modals when inviting to Spaces ([\#6698](https://github.com/matrix-org/matrix-react-sdk/pull/6698)). Fixes #18745 and #18745. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Remove non-functional DuckDuckGo Autocomplete Provider ([\#6712](https://github.com/matrix-org/matrix-react-sdk/pull/6712)). Fixes #18778 and #18778.
+ * Filter members on `MemberList` load ([\#6708](https://github.com/matrix-org/matrix-react-sdk/pull/6708)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix improper voice messages being produced in Firefox and sometimes other browsers. ([\#6696](https://github.com/matrix-org/matrix-react-sdk/pull/6696)). Fixes #18587 and #18587.
+ * Fix client forgetting which capabilities a widget was approved for ([\#6685](https://github.com/matrix-org/matrix-react-sdk/pull/6685)). Fixes #18786 and #18786.
+
+Changes in [1.8.4](https://github.com/vector-im/element-desktop/releases/tag/v1.8.4) (2021-09-13)
+=================================================================================================
+
+## 🔒 SECURITY FIXES
+ * Fix a security issue with message key sharing. See https://matrix.org/blog/2021/09/13/vulnerability-disclosure-key-sharing
+   for details.
+
+Changes in [1.8.2](https://github.com/vector-im/element-desktop/releases/tag/v1.8.2) (2021-08-31)
+=================================================================================================
+
+## ✨ Features
+ * Enable Pipewire support for Wayland screen-sharing ([\#256](https://github.com/vector-im/element-desktop/pull/256)). Fixes vector-im/element-web#18607 and vector-im/element-web#18607. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Documentation for sentry config ([\#18608](https://github.com/vector-im/element-web/pull/18608)). Contributed by [novocaine](https://github.com/novocaine).
+ * [Release]Increase general app performance by optimizing layers ([\#6672](https://github.com/matrix-org/matrix-react-sdk/pull/6672)). Fixes vector-im/element-web#18730 and vector-im/element-web#18730. Contributed by [Palid](https://github.com/Palid).
+ * Add a warning on E2EE rooms if you try to make them public ([\#5698](https://github.com/matrix-org/matrix-react-sdk/pull/5698)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Allow pagination of the space hierarchy and use new APIs ([\#6507](https://github.com/matrix-org/matrix-react-sdk/pull/6507)). Fixes vector-im/element-web#18089 and vector-im/element-web#18427.
+ * Improve emoji in composer ([\#6650](https://github.com/matrix-org/matrix-react-sdk/pull/6650)). Fixes vector-im/element-web#18593 and vector-im/element-web#18593. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Allow playback of replied-to voice message ([\#6629](https://github.com/matrix-org/matrix-react-sdk/pull/6629)). Fixes vector-im/element-web#18599 and vector-im/element-web#18599. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Format autocomplete suggestions vertically ([\#6620](https://github.com/matrix-org/matrix-react-sdk/pull/6620)). Fixes vector-im/element-web#17574 and vector-im/element-web#17574. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Remember last `MemberList` search query per-room ([\#6640](https://github.com/matrix-org/matrix-react-sdk/pull/6640)). Fixes vector-im/element-web#18613 and vector-im/element-web#18613. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Sentry rageshakes ([\#6597](https://github.com/matrix-org/matrix-react-sdk/pull/6597)). Fixes vector-im/element-web#11111 and vector-im/element-web#11111. Contributed by [novocaine](https://github.com/novocaine).
+ * Autocomplete has been updated to match modern accessibility standards. Navigate via up/down arrows rather than Tab. Enter or Tab to confirm a suggestion. This should be familiar to Slack & Discord users. You can now use Tab to navigate around the application and do more without touching your mouse. No more accidentally sending half of people's names because the completion didn't fire on Enter! ([\#5659](https://github.com/matrix-org/matrix-react-sdk/pull/5659)). Fixes vector-im/element-web#4872, vector-im/element-web#11071, vector-im/element-web#17171, vector-im/element-web#15646 vector-im/element-web#4872 and vector-im/element-web#4872.
+ * Add new call tile states ([\#6610](https://github.com/matrix-org/matrix-react-sdk/pull/6610)). Fixes vector-im/element-web#18521 and vector-im/element-web#18521. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Left align call tiles ([\#6609](https://github.com/matrix-org/matrix-react-sdk/pull/6609)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Make loading encrypted images look snappier ([\#6590](https://github.com/matrix-org/matrix-react-sdk/pull/6590)). Fixes vector-im/element-web#17878 and vector-im/element-web#17862. Contributed by [Palid](https://github.com/Palid).
+ * Offer a way to create a space based on existing community ([\#6543](https://github.com/matrix-org/matrix-react-sdk/pull/6543)). Fixes vector-im/element-web#18092.
+ * Accessibility improvements in and around Spaces ([\#6569](https://github.com/matrix-org/matrix-react-sdk/pull/6569)). Fixes vector-im/element-web#18094 and vector-im/element-web#18094.
+
+## 🐛 Bug Fixes
+ * [Release] Fix commit edit history ([\#6690](https://github.com/matrix-org/matrix-react-sdk/pull/6690)). Fixes vector-im/element-web#18742 and vector-im/element-web#18742. Contributed by [Palid](https://github.com/Palid).
+ * Fix images not rendering when sent from other clients. ([\#6661](https://github.com/matrix-org/matrix-react-sdk/pull/6661)). Fixes vector-im/element-web#18702 and vector-im/element-web#18702.
+ * Fix autocomplete scrollbar and make the autocomplete a little smaller ([\#6655](https://github.com/matrix-org/matrix-react-sdk/pull/6655)). Fixes vector-im/element-web#18682 and vector-im/element-web#18682. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix replies on the bubble layout ([\#6451](https://github.com/matrix-org/matrix-react-sdk/pull/6451)). Fixes vector-im/element-web#18184. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Show "Enable encryption in settings" only when the user can do that ([\#6646](https://github.com/matrix-org/matrix-react-sdk/pull/6646)). Fixes vector-im/element-web#18646 and vector-im/element-web#18646. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix cross signing setup from settings screen ([\#6633](https://github.com/matrix-org/matrix-react-sdk/pull/6633)). Fixes vector-im/element-web#17761 and vector-im/element-web#17761.
+ * Fix call tiles on the bubble layout ([\#6647](https://github.com/matrix-org/matrix-react-sdk/pull/6647)). Fixes vector-im/element-web#18648 and vector-im/element-web#18648. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix error on accessing encrypted media without encryption keys ([\#6625](https://github.com/matrix-org/matrix-react-sdk/pull/6625)). Contributed by [Palid](https://github.com/Palid).
+ * Fix jitsi widget sometimes being permanently stuck in the bottom-right corner ([\#6632](https://github.com/matrix-org/matrix-react-sdk/pull/6632)). Fixes vector-im/element-web#17226 and vector-im/element-web#17226. Contributed by [Palid](https://github.com/Palid).
+ * Fix FilePanel pagination in E2EE rooms ([\#6630](https://github.com/matrix-org/matrix-react-sdk/pull/6630)). Fixes vector-im/element-web#18415 and vector-im/element-web#18415. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix call tile buttons ([\#6624](https://github.com/matrix-org/matrix-react-sdk/pull/6624)). Fixes vector-im/element-web#18565 and vector-im/element-web#18565. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix vertical call tile spacing issues ([\#6621](https://github.com/matrix-org/matrix-react-sdk/pull/6621)). Fixes vector-im/element-web#18558 and vector-im/element-web#18558. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix long display names in call tiles ([\#6618](https://github.com/matrix-org/matrix-react-sdk/pull/6618)). Fixes vector-im/element-web#18562 and vector-im/element-web#18562. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Avoid access token overflow ([\#6616](https://github.com/matrix-org/matrix-react-sdk/pull/6616)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Properly handle media errors  ([\#6615](https://github.com/matrix-org/matrix-react-sdk/pull/6615)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix glare related regressions ([\#6614](https://github.com/matrix-org/matrix-react-sdk/pull/6614)). Fixes vector-im/element-web#18538 and vector-im/element-web#18538. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix long display names in call toasts ([\#6617](https://github.com/matrix-org/matrix-react-sdk/pull/6617)). Fixes vector-im/element-web#18557 and vector-im/element-web#18557. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix PiP of held calls ([\#6611](https://github.com/matrix-org/matrix-react-sdk/pull/6611)). Fixes vector-im/element-web#18539 and vector-im/element-web#18539. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix call tile behaviour on narrow layouts ([\#6556](https://github.com/matrix-org/matrix-react-sdk/pull/6556)). Fixes vector-im/element-web#18398. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix video call persisting when widget removed ([\#6608](https://github.com/matrix-org/matrix-react-sdk/pull/6608)). Fixes vector-im/element-web#15703 and vector-im/element-web#15703.
+ * Fix toast colors ([\#6606](https://github.com/matrix-org/matrix-react-sdk/pull/6606)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Remove tiny scrollbar dot from code blocks ([\#6596](https://github.com/matrix-org/matrix-react-sdk/pull/6596)). Fixes vector-im/element-web#18474. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Improve handling of pills in the composer ([\#6353](https://github.com/matrix-org/matrix-react-sdk/pull/6353)). Fixes vector-im/element-web#10134 vector-im/element-web#10896 and vector-im/element-web#15037. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+
+Changes in [1.8.1](https://github.com/vector-im/element-desktop/releases/tag/v1.8.1) (2021-08-17)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix multiple VoIP regressions ([matrix-org/matrix-js-sdk#1860](https://github.com/matrix-org/matrix-js-sdk/pull/1860)).
+
+Changes in [1.8.0](https://github.com/vector-im/element-desktop/releases/tag/v1.8.0) (2021-08-16)
+=================================================================================================
+
+## ✨ Features
+ * Show how long a call was on call tiles ([\#6570](https://github.com/matrix-org/matrix-react-sdk/pull/6570)). Fixes vector-im/element-web#18405. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Add regional indicators to emoji picker ([\#6490](https://github.com/matrix-org/matrix-react-sdk/pull/6490)). Fixes vector-im/element-web#14963. Contributed by [robintown](https://github.com/robintown).
+ * Make call control buttons accessible to screen reader users ([\#6181](https://github.com/matrix-org/matrix-react-sdk/pull/6181)). Fixes vector-im/element-web#18358. Contributed by [pvagner](https://github.com/pvagner).
+ * Skip sending a thumbnail if it is not a sufficient saving over the original ([\#6559](https://github.com/matrix-org/matrix-react-sdk/pull/6559)). Fixes vector-im/element-web#17906.
+ * Increase PiP snapping speed ([\#6539](https://github.com/matrix-org/matrix-react-sdk/pull/6539)). Fixes vector-im/element-web#18371. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Improve and move the incoming call toast ([\#6470](https://github.com/matrix-org/matrix-react-sdk/pull/6470)). Fixes vector-im/element-web#17912. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Allow all of the URL schemes that Firefox allows ([\#6457](https://github.com/matrix-org/matrix-react-sdk/pull/6457)). Contributed by [aaronraimist](https://github.com/aaronraimist).
+ * Improve bubble layout colors ([\#6452](https://github.com/matrix-org/matrix-react-sdk/pull/6452)). Fixes vector-im/element-web#18081. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Spaces let users switch between Home and All Rooms behaviours ([\#6497](https://github.com/matrix-org/matrix-react-sdk/pull/6497)). Fixes vector-im/element-web#18093.
+ * Support for MSC2285 (hidden read receipts) ([\#6390](https://github.com/matrix-org/matrix-react-sdk/pull/6390)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Group pinned message events with MELS ([\#6349](https://github.com/matrix-org/matrix-react-sdk/pull/6349)). Fixes vector-im/element-web#17938. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Make version copiable ([\#6227](https://github.com/matrix-org/matrix-react-sdk/pull/6227)). Fixes vector-im/element-web#17603 and vector-im/element-web#18329. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Improve voice messages uploading state ([\#6530](https://github.com/matrix-org/matrix-react-sdk/pull/6530)). Fixes vector-im/element-web#18226 and vector-im/element-web#18224.
+ * Add surround with feature ([\#5510](https://github.com/matrix-org/matrix-react-sdk/pull/5510)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Improve call event tile wording ([\#6545](https://github.com/matrix-org/matrix-react-sdk/pull/6545)). Fixes vector-im/element-web#18376. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Show an avatar/a turned off microphone icon for muted users ([\#6486](https://github.com/matrix-org/matrix-react-sdk/pull/6486)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Prompt user to leave rooms/subspaces in a space when leaving space ([\#6424](https://github.com/matrix-org/matrix-react-sdk/pull/6424)). Fixes vector-im/element-web#18071.
+ * Add customisation point to override widget variables ([\#6455](https://github.com/matrix-org/matrix-react-sdk/pull/6455)). Fixes vector-im/element-web#18035.
+ * Add support for screen sharing in 1:1 calls ([\#5992](https://github.com/matrix-org/matrix-react-sdk/pull/5992)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+
+## 🐛 Bug Fixes
+ * Dismiss electron download toast when clicking Open ([\#18267](https://github.com/vector-im/element-web/pull/18267)). Fixes vector-im/element-web#18266.
+ * [Release] Fix glare related regressions ([\#6622](https://github.com/matrix-org/matrix-react-sdk/pull/6622)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * [Release] Fix PiP of held calls ([\#6612](https://github.com/matrix-org/matrix-react-sdk/pull/6612)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * [Release] Fix toast colors ([\#6607](https://github.com/matrix-org/matrix-react-sdk/pull/6607)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix [object Object] in Widget Permissions ([\#6560](https://github.com/matrix-org/matrix-react-sdk/pull/6560)). Fixes vector-im/element-web#18384. Contributed by [Palid](https://github.com/Palid).
+ * Fix right margin for events on IRC layout ([\#6542](https://github.com/matrix-org/matrix-react-sdk/pull/6542)). Fixes vector-im/element-web#18354.
+ * Mirror only usermedia feeds ([\#6512](https://github.com/matrix-org/matrix-react-sdk/pull/6512)). Fixes vector-im/element-web#5633. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix LogoutDialog warning + TypeScript migration ([\#6533](https://github.com/matrix-org/matrix-react-sdk/pull/6533)).
+ * Fix the wrong font being used in the room topic field ([\#6527](https://github.com/matrix-org/matrix-react-sdk/pull/6527)). Fixes vector-im/element-web#18339. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix inconsistent styling for links on hover ([\#6513](https://github.com/matrix-org/matrix-react-sdk/pull/6513)). Contributed by [janogarcia](https://github.com/janogarcia).
+ * Fix incorrect height for encoded placeholder images ([\#6514](https://github.com/matrix-org/matrix-react-sdk/pull/6514)). Contributed by [Palid](https://github.com/Palid).
+ * Fix call events layout for message bubble ([\#6465](https://github.com/matrix-org/matrix-react-sdk/pull/6465)). Fixes vector-im/element-web#18144.
+ * Improve subspaces and some utilities around room/space creation ([\#6458](https://github.com/matrix-org/matrix-react-sdk/pull/6458)). Fixes vector-im/element-web#18090 vector-im/element-web#18091 and vector-im/element-web#17256.
+ * Restore pointer cursor for SenderProfile in message bubbles ([\#6501](https://github.com/matrix-org/matrix-react-sdk/pull/6501)). Fixes vector-im/element-web#18249.
+ * Fix issues with the Call View ([\#6472](https://github.com/matrix-org/matrix-react-sdk/pull/6472)). Fixes vector-im/element-web#18221. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Align event list summary read receipts when using message bubbles ([\#6500](https://github.com/matrix-org/matrix-react-sdk/pull/6500)). Fixes vector-im/element-web#18143.
+ * Better positioning for unbubbled events in timeline ([\#6477](https://github.com/matrix-org/matrix-react-sdk/pull/6477)). Fixes vector-im/element-web#18132.
+ * Realign reactions row with messages in modern layout ([\#6491](https://github.com/matrix-org/matrix-react-sdk/pull/6491)). Fixes vector-im/element-web#18118. Contributed by [robintown](https://github.com/robintown).
+ * Fix CreateRoomDialog exploding when making public room outside of a space ([\#6492](https://github.com/matrix-org/matrix-react-sdk/pull/6492)). Fixes vector-im/element-web#18275.
+ * Fix call crashing because `element` was undefined ([\#6488](https://github.com/matrix-org/matrix-react-sdk/pull/6488)). Fixes vector-im/element-web#18270. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Upscale thumbnails to the container size ([\#6589](https://github.com/matrix-org/matrix-react-sdk/pull/6589)). Fixes vector-im/element-web#18307.
+ * Fix create room dialog in spaces no longer adding to the space ([\#6587](https://github.com/matrix-org/matrix-react-sdk/pull/6587)). Fixes vector-im/element-web#18465.
+ * Don't show a modal on call reject/user hangup ([\#6580](https://github.com/matrix-org/matrix-react-sdk/pull/6580)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fade Call View Buttons after `componentDidMount` ([\#6581](https://github.com/matrix-org/matrix-react-sdk/pull/6581)). Fixes vector-im/element-web#18439. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix missing expand button on codeblocks ([\#6565](https://github.com/matrix-org/matrix-react-sdk/pull/6565)). Fixes vector-im/element-web#18388. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * allow customizing the bubble layout colors ([\#6568](https://github.com/matrix-org/matrix-react-sdk/pull/6568)). Fixes vector-im/element-web#18408. Contributed by [benneti](https://github.com/benneti).
+ * Don't flash "Missed call" when accepting a call ([\#6567](https://github.com/matrix-org/matrix-react-sdk/pull/6567)). Fixes vector-im/element-web#18404. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix clicking whitespaces on replies ([\#6571](https://github.com/matrix-org/matrix-react-sdk/pull/6571)). Fixes vector-im/element-web#18327. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix disabled state for voice messages + send button tooltip ([\#6562](https://github.com/matrix-org/matrix-react-sdk/pull/6562)). Fixes vector-im/element-web#18413.
+ * Fix voice feed being cut-off ([\#6550](https://github.com/matrix-org/matrix-react-sdk/pull/6550)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix sizing issues of the screen picker ([\#6498](https://github.com/matrix-org/matrix-react-sdk/pull/6498)). Fixes vector-im/element-web#18281. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Stop voice messages that are playing when starting a recording ([\#6563](https://github.com/matrix-org/matrix-react-sdk/pull/6563)). Fixes vector-im/element-web#18410.
+ * Properly set style attribute on shared usercontent iframe ([\#6561](https://github.com/matrix-org/matrix-react-sdk/pull/6561)). Fixes vector-im/element-web#18414.
+ * Null guard space inviter to prevent the app exploding ([\#6558](https://github.com/matrix-org/matrix-react-sdk/pull/6558)).
+ * Make the ringing sound mutable/disablable ([\#6534](https://github.com/matrix-org/matrix-react-sdk/pull/6534)). Fixes vector-im/element-web#15591. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix wrong cursor being used in PiP ([\#6551](https://github.com/matrix-org/matrix-react-sdk/pull/6551)). Fixes vector-im/element-web#18383. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Re-pin Jitsi if the widget already exists ([\#6226](https://github.com/matrix-org/matrix-react-sdk/pull/6226)). Fixes vector-im/element-web#17679. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix broken call notification regression ([\#6526](https://github.com/matrix-org/matrix-react-sdk/pull/6526)). Fixes vector-im/element-web#18335. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * createRoom, only send join rule event if we have a join rule to put in it ([\#6516](https://github.com/matrix-org/matrix-react-sdk/pull/6516)). Fixes vector-im/element-web#18301.
+ * Fix clicking pills inside replies ([\#6508](https://github.com/matrix-org/matrix-react-sdk/pull/6508)). Fixes vector-im/element-web#18283. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix grecaptcha regression ([\#6503](https://github.com/matrix-org/matrix-react-sdk/pull/6503)). Fixes vector-im/element-web#18284. Contributed by [Palid](https://github.com/Palid).
+
+Changes in [1.7.34](https://github.com/vector-im/element-desktop/releases/tag/v1.7.34) (2021-08-02)
+===================================================================================================
+
+## 🔒 SECURITY FIXES
+ * Sanitize untrusted variables from message previews before translation
+   Fixes vector-im/element-web#18314
+
+## ✨ Features
+ * Fix editing of `<sub>` & `<sup`> & `<u>`
+   [\#6469](https://github.com/matrix-org/matrix-react-sdk/pull/6469)
+   Fixes vector-im/element-web#18211
+ * Zoom images in lightbox to where the cursor points
+   [\#6418](https://github.com/matrix-org/matrix-react-sdk/pull/6418)
+   Fixes vector-im/element-web#17870
+ * Avoid hitting the settings store from TextForEvent
+   [\#6205](https://github.com/matrix-org/matrix-react-sdk/pull/6205)
+   Fixes vector-im/element-web#17650
+ * Initial MSC3083 + MSC3244 support
+   [\#6212](https://github.com/matrix-org/matrix-react-sdk/pull/6212)
+   Fixes vector-im/element-web#17686 and vector-im/element-web#17661
+ * Navigate to the first room with notifications when clicked on space notification dot
+   [\#5974](https://github.com/matrix-org/matrix-react-sdk/pull/5974)
+ * Add matrix: to the list of permitted URL schemes
+   [\#6388](https://github.com/matrix-org/matrix-react-sdk/pull/6388)
+ * Add "Copy Link" to room context menu
+   [\#6374](https://github.com/matrix-org/matrix-react-sdk/pull/6374)
+ * 💭 Message bubble layout
+   [\#6291](https://github.com/matrix-org/matrix-react-sdk/pull/6291)
+   Fixes vector-im/element-web#4635, vector-im/element-web#17773 vector-im/element-web#16220 and vector-im/element-web#7687
+ * Play only one audio file at a time
+   [\#6417](https://github.com/matrix-org/matrix-react-sdk/pull/6417)
+   Fixes vector-im/element-web#17439
+ * Move download button for media to the action bar
+   [\#6386](https://github.com/matrix-org/matrix-react-sdk/pull/6386)
+   Fixes vector-im/element-web#17943
+ * Improved display of one-to-one call history with summary boxes for each call
+   [\#6121](https://github.com/matrix-org/matrix-react-sdk/pull/6121)
+   Fixes vector-im/element-web#16409
+ * Notification settings UI refresh
+   [\#6352](https://github.com/matrix-org/matrix-react-sdk/pull/6352)
+   Fixes vector-im/element-web#17782
+ * Fix EventIndex double handling events and erroring
+   [\#6385](https://github.com/matrix-org/matrix-react-sdk/pull/6385)
+   Fixes vector-im/element-web#18008
+ * Improve reply rendering
+   [\#3553](https://github.com/matrix-org/matrix-react-sdk/pull/3553)
+   Fixes vector-im/riot-web#9217, vector-im/riot-web#7633, vector-im/riot-web#7530, vector-im/riot-web#7169, vector-im/riot-web#7151, vector-im/riot-web#6692 vector-im/riot-web#6579 and vector-im/element-web#17440
+
+## 🐛 Bug Fixes
+ * Fix browser history getting stuck looping back to the same room
+   [\#18053](https://github.com/vector-im/element-web/pull/18053)
+ * Fix space shortcuts on layouts with non-English keys in the places of numbers
+   [\#17780](https://github.com/vector-im/element-web/pull/17780)
+   Fixes vector-im/element-web#17776
+ * Fix CreateRoomDialog exploding when making public room outside of a space
+   [\#6493](https://github.com/matrix-org/matrix-react-sdk/pull/6493)
+ * Fix regression where registration would soft-crash on captcha
+   [\#6505](https://github.com/matrix-org/matrix-react-sdk/pull/6505)
+   Fixes vector-im/element-web#18284
+ * only send join rule event if we have a join rule to put in it
+   [\#6517](https://github.com/matrix-org/matrix-react-sdk/pull/6517)
+ * Improve the new download button's discoverability and interactions.
+   [\#6510](https://github.com/matrix-org/matrix-react-sdk/pull/6510)
+ * Fix voice recording UI looking broken while microphone permissions are being requested.
+   [\#6479](https://github.com/matrix-org/matrix-react-sdk/pull/6479)
+   Fixes vector-im/element-web#18223
+ * Match colors of room and user avatars in DMs
+   [\#6393](https://github.com/matrix-org/matrix-react-sdk/pull/6393)
+   Fixes vector-im/element-web#2449
+ * Fix onPaste handler to work with copying files from Finder
+   [\#5389](https://github.com/matrix-org/matrix-react-sdk/pull/5389)
+   Fixes vector-im/element-web#15536 and vector-im/element-web#16255
+ * Fix infinite pagination loop when offline
+   [\#6478](https://github.com/matrix-org/matrix-react-sdk/pull/6478)
+   Fixes vector-im/element-web#18242
+ * Fix blurhash rounded corners missing regression
+   [\#6467](https://github.com/matrix-org/matrix-react-sdk/pull/6467)
+   Fixes vector-im/element-web#18110
+ * Fix position of the space hierarchy spinner
+   [\#6462](https://github.com/matrix-org/matrix-react-sdk/pull/6462)
+   Fixes vector-im/element-web#18182
+ * Fix display of image messages that lack thumbnails
+   [\#6456](https://github.com/matrix-org/matrix-react-sdk/pull/6456)
+   Fixes vector-im/element-web#18175
+ * Fix crash with large audio files.
+   [\#6436](https://github.com/matrix-org/matrix-react-sdk/pull/6436)
+   Fixes vector-im/element-web#18149
+ * Make diff colors in codeblocks more pleasant
+   [\#6355](https://github.com/matrix-org/matrix-react-sdk/pull/6355)
+   Fixes vector-im/element-web#17939
+ * Show the correct audio file duration while loading the file.
+   [\#6435](https://github.com/matrix-org/matrix-react-sdk/pull/6435)
+   Fixes vector-im/element-web#18160
+ * Fix various timeline settings not applying immediately.
+   [\#6261](https://github.com/matrix-org/matrix-react-sdk/pull/6261)
+   Fixes vector-im/element-web#17748
+ * Fix issues with room list duplication
+   [\#6391](https://github.com/matrix-org/matrix-react-sdk/pull/6391)
+   Fixes vector-im/element-web#14508
+ * Fix grecaptcha throwing useless error sometimes
+   [\#6401](https://github.com/matrix-org/matrix-react-sdk/pull/6401)
+   Fixes vector-im/element-web#15142
+ * Update Emojibase and Twemoji and switch to IamCal (Slack-style) shortcodes
+   [\#6347](https://github.com/matrix-org/matrix-react-sdk/pull/6347)
+   Fixes vector-im/element-web#13857 and vector-im/element-web#13334
+ * Respect compound emojis in default avatar initial generation
+   [\#6397](https://github.com/matrix-org/matrix-react-sdk/pull/6397)
+   Fixes vector-im/element-web#18040
+ * Fix bug where the 'other homeserver' field in the server selection dialog would become briefly focus and then unfocus when clicked.
+   [\#6394](https://github.com/matrix-org/matrix-react-sdk/pull/6394)
+   Fixes vector-im/element-web#18031
+ * Standardise spelling and casing of homeserver, identity server, and integration manager 
+   [\#6365](https://github.com/matrix-org/matrix-react-sdk/pull/6365)
+ * Fix widgets not receiving decrypted events when they have permission.
+   [\#6371](https://github.com/matrix-org/matrix-react-sdk/pull/6371)
+   Fixes vector-im/element-web#17615
+ * Prevent client hangs when calculating blurhashes
+   [\#6366](https://github.com/matrix-org/matrix-react-sdk/pull/6366)
+   Fixes vector-im/element-web#17945
+ * Exclude state events from widgets reading room events
+   [\#6378](https://github.com/matrix-org/matrix-react-sdk/pull/6378)
+ * Cache feature_spaces\* flags to improve performance
+   [\#6381](https://github.com/matrix-org/matrix-react-sdk/pull/6381)
+
+Changes in [1.7.33](https://github.com/vector-im/element-desktop/releases/tag/v1.7.33) (2021-07-19)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.32...v1.7.33)
+
+ * Translations update from Weblate
+   [\#232](https://github.com/vector-im/element-desktop/pull/232)
+ * Add VS Code to gitignore
+   [\#231](https://github.com/vector-im/element-desktop/pull/231)
+ * Use the target-specific build dir for sqlcipher / openssl
+   [\#230](https://github.com/vector-im/element-desktop/pull/230)
+ * Fix not specifying a target
+   [\#229](https://github.com/vector-im/element-desktop/pull/229)
+ * Do not generate a lockfile when running in CI
+   [\#227](https://github.com/vector-im/element-desktop/pull/227)
+ * Use double quotes in readme
+   [\#228](https://github.com/vector-im/element-desktop/pull/228)
+ * Support universal builds
+   [\#226](https://github.com/vector-im/element-desktop/pull/226)
+ * Check target with rustc directly
+   [\#225](https://github.com/vector-im/element-desktop/pull/225)
+
+Changes in [1.7.32](https://github.com/vector-im/element-desktop/releases/tag/v1.7.32) (2021-07-05)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.31...v1.7.32)
+
+ * Fix the build: make the rootDir correct
+   [\#224](https://github.com/vector-im/element-desktop/pull/224)
+ * Fix i18n in Element Desktop
+   [\#223](https://github.com/vector-im/element-desktop/pull/223)
+ * Convert preload.js to Typescript so that it gets copied to `lib`
+   [\#222](https://github.com/vector-im/element-desktop/pull/222)
+ * Bundle the `lib` dir now, not `src`
+   [\#221](https://github.com/vector-im/element-desktop/pull/221)
+ * Initial Typescripting for Element Desktop
+   [\#219](https://github.com/vector-im/element-desktop/pull/219)
+ * Translations update from Weblate
+   [\#220](https://github.com/vector-im/element-desktop/pull/220)
+ * Fix Windows target arch in native build
+   [\#218](https://github.com/vector-im/element-desktop/pull/218)
+ * Add libera.chat to default room directory
+   [\#217](https://github.com/vector-im/element-desktop/pull/217)
+ * Add update and native build support for Apple silicon
+   [\#216](https://github.com/vector-im/element-desktop/pull/216)
+ * Add numpad accelerators for zooming
+   [\#203](https://github.com/vector-im/element-desktop/pull/203)
+ * Add warning dialog when custom config.json is invalid
+   [\#201](https://github.com/vector-im/element-desktop/pull/201)
+ * Don't show Quit warning on keyUp residual event
+   [\#215](https://github.com/vector-im/element-desktop/pull/215)
+ * Fix accelerator for save-image-as clashing with copy-link-address
+   [\#213](https://github.com/vector-im/element-desktop/pull/213)
+
+Changes in [1.7.31](https://github.com/vector-im/element-desktop/releases/tag/v1.7.31) (2021-06-21)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.31-rc.1...v1.7.31)
+
+ * No changes since rc.1
+
+Changes in [1.7.31-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.31-rc.1) (2021-06-15)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.30...v1.7.31-rc.1)
+
+ * Upgrade to Electron 12.0.11
+   [\#211](https://github.com/vector-im/element-desktop/pull/211)
+ * Translations update from Weblate
+   [\#214](https://github.com/vector-im/element-desktop/pull/214)
+ * Upgrade to Node 14
+   [\#212](https://github.com/vector-im/element-desktop/pull/212)
+ * Bump npm-registry-fetch from 4.0.2 to 4.0.7
+   [\#210](https://github.com/vector-im/element-desktop/pull/210)
+ * Update electron-builder for Node 16 compatibility
+   [\#204](https://github.com/vector-im/element-desktop/pull/204)
+ * Bump hosted-git-info from 2.8.5 to 2.8.9
+   [\#209](https://github.com/vector-im/element-desktop/pull/209)
+ * Bump glob-parent from 5.1.1 to 5.1.2
+   [\#206](https://github.com/vector-im/element-desktop/pull/206)
+ * Bump dot-prop from 4.2.0 to 4.2.1
+   [\#208](https://github.com/vector-im/element-desktop/pull/208)
+ * Bump y18n from 3.2.1 to 3.2.2
+   [\#207](https://github.com/vector-im/element-desktop/pull/207)
+ * Bump normalize-url from 4.5.0 to 4.5.1
+   [\#205](https://github.com/vector-im/element-desktop/pull/205)
+ * Put Preferences menu item in correct location on macOS
+   [\#200](https://github.com/vector-im/element-desktop/pull/200)
+ * Switch zoomIn accelerator to default
+   [\#202](https://github.com/vector-im/element-desktop/pull/202)
+
+Changes in [1.7.30](https://github.com/vector-im/element-desktop/releases/tag/v1.7.30) (2021-06-07)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.30-rc.1...v1.7.30)
+
+ * No changes since rc.1
+
+Changes in [1.7.30-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.30-rc.1) (2021-06-01)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.29...v1.7.30-rc.1)
+
+ * Translations update from Weblate
+   [\#199](https://github.com/vector-im/element-desktop/pull/199)
+ * Migrate to `eslint-plugin-matrix-org`
+   [\#197](https://github.com/vector-im/element-desktop/pull/197)
+ * Upgrade to Electron 12.0.9
+   [\#198](https://github.com/vector-im/element-desktop/pull/198)
+
+Changes in [1.7.29](https://github.com/vector-im/element-desktop/releases/tag/v1.7.29) (2021-05-24)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.29-rc.1...v1.7.29)
+
+ * No changes since rc.1
+
+Changes in [1.7.29-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.29-rc.1) (2021-05-19)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.28...v1.7.29-rc.1)
+
+ * Translations update from Weblate
+   [\#196](https://github.com/vector-im/element-desktop/pull/196)
+ * Translations update from Weblate
+   [\#195](https://github.com/vector-im/element-desktop/pull/195)
+
+Changes in [1.7.28](https://github.com/vector-im/element-desktop/releases/tag/v1.7.28) (2021-05-17)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.28-rc.1...v1.7.28)
+
+ * No changes since rc.1
+
+Changes in [1.7.28-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.28-rc.1) (2021-05-11)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.27...v1.7.28-rc.1)
+
+ * Add Windows native module requirements
+   [\#190](https://github.com/vector-im/element-desktop/pull/190)
+ * Prevent black screen when closing window while in full screen mode on macOS
+   [\#192](https://github.com/vector-im/element-desktop/pull/192)
+
+Changes in [1.7.27](https://github.com/vector-im/element-desktop/releases/tag/v1.7.27) (2021-05-10)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.27-rc.1...v1.7.27)
+
+ * No changes since rc.1
+
+Changes in [1.7.27-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.27-rc.1) (2021-05-04)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.26...v1.7.27-rc.1)
+
+ * Translations update from Weblate
+   [\#191](https://github.com/vector-im/element-desktop/pull/191)
+ * Bump ssri from 6.0.1 to 6.0.2
+   [\#187](https://github.com/vector-im/element-desktop/pull/187)
+ * Disables HardwareMediaKeyHandling
+   [\#180](https://github.com/vector-im/element-desktop/pull/180)
+ * Translations update from Weblate
+   [\#189](https://github.com/vector-im/element-desktop/pull/189)
+ * Add internationalisation support
+   [\#188](https://github.com/vector-im/element-desktop/pull/188)
+ * Fix event index passphrase change process
+   [\#186](https://github.com/vector-im/element-desktop/pull/186)
+
+Changes in [1.7.26](https://github.com/vector-im/element-desktop/releases/tag/v1.7.26) (2021-04-26)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.26-rc.1...v1.7.26)
+
+ * No changes since rc.1
+
+Changes in [1.7.26-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.26-rc.1) (2021-04-21)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.25...v1.7.26-rc.1)
+
+ * Remove Debian dependency libappindicator3-1
+   [\#170](https://github.com/vector-im/element-desktop/pull/170)
+ * Fix exit shortcuts for non QWERTY keyboards
+   [\#185](https://github.com/vector-im/element-desktop/pull/185)
+ * Fix using yarn run fetch with a specific version
+   [\#182](https://github.com/vector-im/element-desktop/pull/182)
+ * Switch nightly to not-staging Scalar by default
+   [\#181](https://github.com/vector-im/element-desktop/pull/181)
+
+Changes in [1.7.25](https://github.com/vector-im/element-desktop/releases/tag/v1.7.25) (2021-04-12)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.25-rc.1...v1.7.25)
+
+ * No changes since rc.1
+
+Changes in [1.7.25-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.25-rc.1) (2021-04-07)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.24...v1.7.25-rc.1)
+
+ * Fix disabling spellchecker
+   [\#179](https://github.com/vector-im/element-desktop/pull/179)
+ * Upgrade to Electron 12.0.2
+   [\#178](https://github.com/vector-im/element-desktop/pull/178)
+ * Avoid exit listener to hijack other application shortcuts
+   [\#177](https://github.com/vector-im/element-desktop/pull/177)
+ * Migrate native-node-modules docs to element-desktop
+   [\#176](https://github.com/vector-im/element-desktop/pull/176)
+ * Add prompt to warn before quitting the application
+   [\#173](https://github.com/vector-im/element-desktop/pull/173)
+ * Upgrade to Electron 11.4.1
+   [\#172](https://github.com/vector-im/element-desktop/pull/172)
+ * Fix docker:build:native documentation typo
+   [\#174](https://github.com/vector-im/element-desktop/pull/174)
+
+Changes in [1.7.24](https://github.com/vector-im/element-desktop/releases/tag/v1.7.24) (2021-03-29)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.24-rc.1...v1.7.24)
+
+ * No changes since rc.1
+
+Changes in [1.7.24-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.24-rc.1) (2021-03-25)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.23...v1.7.24-rc.1)
+
+ * No changes since 1.7.23
+
+Changes in [1.7.23](https://github.com/vector-im/element-desktop/releases/tag/v1.7.23) (2021-03-15)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.23-rc.1...v1.7.23)
+
+ * No changes since rc.1
+
+Changes in [1.7.23-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.23-rc.1) (2021-03-11)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.22...v1.7.23-rc.1)
+
+ * Fix disabling spell-checker
+   [\#171](https://github.com/vector-im/element-desktop/pull/171)
+ * Add multi language spell check
+   [\#154](https://github.com/vector-im/element-desktop/pull/154)
+
+Changes in [1.7.22](https://github.com/vector-im/element-desktop/releases/tag/v1.7.22) (2021-03-01)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.22-rc.1...v1.7.22)
+
+ * No changes since rc.1
+
+Changes in [1.7.22-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.22-rc.1) (2021-02-24)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.21...v1.7.22-rc.1)
+
+ * Disable Countly
+   [\#169](https://github.com/vector-im/element-desktop/pull/169)
+ * Upgrade to Electron 11.2.3
+   [\#168](https://github.com/vector-im/element-desktop/pull/168)
+
+Changes in [1.7.21](https://github.com/vector-im/element-desktop/releases/tag/v1.7.21) (2021-02-16)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.21-rc.1...v1.7.21)
+
+ * No changes since rc.1
+
+Changes in [1.7.21-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.21-rc.1) (2021-02-10)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.20...v1.7.21-rc.1)
+
+ * Fix desktop Matrix screen sharing
+   [\#161](https://github.com/vector-im/element-desktop/pull/161)
+
+Changes in [1.7.20](https://github.com/vector-im/element-desktop/releases/tag/v1.7.20) (2021-02-04)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.19...v1.7.20)
+
+ * No changes since 1.7.19
+
+Changes in [1.7.19](https://github.com/vector-im/element-desktop/releases/tag/v1.7.19) (2021-02-03)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.19-rc.1...v1.7.19)
+
+ * No changes since rc.1
+
+Changes in [1.7.19-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.19-rc.1) (2021-01-29)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.18...v1.7.19-rc.1)
+
+ * Remove Buildkite pipeline file
+   [\#167](https://github.com/vector-im/element-desktop/pull/167)
+ * Upgrade deps 2021-01-18
+   [\#166](https://github.com/vector-im/element-desktop/pull/166)
+ * package: Bump our seshat version
+   [\#164](https://github.com/vector-im/element-desktop/pull/164)
+ * Enable context isolation, bridge expected IPC
+   [\#163](https://github.com/vector-im/element-desktop/pull/163)
+
+Changes in [1.7.18](https://github.com/vector-im/element-desktop/releases/tag/v1.7.18) (2021-01-26)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.17...v1.7.18)
+
+ * No changes since 1.7.17
+
+Changes in [1.7.17](https://github.com/vector-im/element-desktop/releases/tag/v1.7.17) (2021-01-18)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.17-rc.1...v1.7.17)
+
+ * [Release] package: Bump our seshat version
+   [\#165](https://github.com/vector-im/element-desktop/pull/165)
+
+Changes in [1.7.17-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.17-rc.1) (2021-01-13)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.16...v1.7.17-rc.1)
+
+ * package: Bump our Seshat version
+   [\#162](https://github.com/vector-im/element-desktop/pull/162)
+ * Upgrade to Electron 10.2.0
+   [\#159](https://github.com/vector-im/element-desktop/pull/159)
+
+Changes in [1.7.16](https://github.com/vector-im/element-desktop/releases/tag/v1.7.16) (2020-12-21)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.16-rc.1...v1.7.16)
+
+ * No changes since rc.1
+
+Changes in [1.7.16-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.16-rc.1) (2020-12-16)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.15...v1.7.16-rc.1)
+
+ * Bump ini from 1.3.5 to 1.3.8
+   [\#158](https://github.com/vector-im/element-desktop/pull/158)
+ * Add gitter.im to room directory
+   [\#157](https://github.com/vector-im/element-desktop/pull/157)
+
+Changes in [1.7.15](https://github.com/vector-im/element-desktop/releases/tag/v1.7.15) (2020-12-07)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.15-rc.1...v1.7.15)
+
+ * No changes since rc.1
+
+Changes in [1.7.15-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.15-rc.1) (2020-12-02)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.14...v1.7.15-rc.1)
+
+ * No changes since 1.7.14
+
+Changes in [1.7.14](https://github.com/vector-im/element-desktop/releases/tag/v1.7.14) (2020-11-23)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.14-rc.1...v1.7.14)
+
+ * No changes since rc.1
+
+Changes in [1.7.14-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.14-rc.1) (2020-11-18)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.13...v1.7.14-rc.1)
+
+ * Correct spelling mistakes
+   [\#151](https://github.com/vector-im/element-desktop/pull/151)
+
+Changes in [1.7.13](https://github.com/vector-im/element-desktop/releases/tag/v1.7.13) (2020-11-09)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.13-rc.1...v1.7.13)
+
+ * No changes since rc.1
+
+Changes in [1.7.13-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.13-rc.1) (2020-11-04)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.12...v1.7.13-rc.1)
+
+ * Add countly experiment to develop/nightly configs
+   [\#150](https://github.com/vector-im/element-desktop/pull/150)
+
+Changes in [1.7.12](https://github.com/vector-im/element-desktop/releases/tag/v1.7.12) (2020-10-28)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.11...v1.7.12)
+
+ * No changes since 1.7.11
+
+Changes in [1.7.11](https://github.com/vector-im/element-desktop/releases/tag/v1.7.11) (2020-10-26)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.11-rc.1...v1.7.11)
+
+ * No changes since rc.1
+
+Changes in [1.7.11-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.11-rc.1) (2020-10-21)
+=============================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.10...v1.7.11-rc.1)
+
+ * Bump npm-user-validate from 1.0.0 to 1.0.1
+   [\#148](https://github.com/vector-im/element-desktop/pull/148)
+ * Use keytar for the seshat passphrase.
+   [\#147](https://github.com/vector-im/element-desktop/pull/147)
+ * Upgrade to Electron 10.1.3
+   [\#146](https://github.com/vector-im/element-desktop/pull/146)
+
+Changes in [1.7.10](https://github.com/vector-im/element-desktop/releases/tag/v1.7.10) (2020-10-20)
+===================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.9...v1.7.10)
+
+ * No changes since 1.7.9
+
+Changes in [1.7.9](https://github.com/vector-im/element-desktop/releases/tag/v1.7.9) (2020-10-12)
+=================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.9-rc.1...v1.7.9)
+
+ * No changes since rc.1
+
+Changes in [1.7.9-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.9-rc.1) (2020-10-07)
+===========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.8...v1.7.9-rc.1)
+
+ * package.json: Bump the seshat version.
+   [\#145](https://github.com/vector-im/element-desktop/pull/145)
+ * Explicitly depend on `request` as webcontents-handler requires it
+   [\#144](https://github.com/vector-im/element-desktop/pull/144)
+ * Upgrade png-to-ico
+   [\#143](https://github.com/vector-im/element-desktop/pull/143)
+ * Point 'new issue' link at issue-type choice page
+   [\#142](https://github.com/vector-im/element-desktop/pull/142)
+
+Changes in [1.7.8](https://github.com/vector-im/element-desktop/releases/tag/v1.7.8) (2020-09-28)
+=================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.8-rc.1...v1.7.8)
+
+ * No changes since rc.1
+
+Changes in [1.7.8-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.8-rc.1) (2020-09-23)
+===========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.7...v1.7.8-rc.1)
+
+ * Fix neon error by upgrading Seshat
+   [\#141](https://github.com/vector-im/element-desktop/pull/141)
+ * Upgrade to Electron 10.1.1
+   [\#140](https://github.com/vector-im/element-desktop/pull/140)
+
+Changes in [1.7.7](https://github.com/vector-im/element-desktop/releases/tag/v1.7.7) (2020-09-14)
+=================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.6...v1.7.7)
+
+ * No changes since 1.7.6
+
+Changes in [1.7.6](https://github.com/vector-im/element-desktop/releases/tag/v1.7.6) (2020-09-14)
+=================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.6-rc.1...v1.7.6)
+
+ * No changes since rc.1
+
+Changes in [1.7.6-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.6-rc.1) (2020-09-09)
+===========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.5...v1.7.6-rc.1)
+
+ * Update to Element pipeline name
+   [\#139](https://github.com/vector-im/element-desktop/pull/139)
+ * Bump bl from 4.0.2 to 4.0.3
+   [\#137](https://github.com/vector-im/element-desktop/pull/137)
+
+Changes in [1.7.5](https://github.com/vector-im/element-desktop/releases/tag/v1.7.5) (2020-09-01)
+=================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.5-rc.1...v1.7.5)
+
+ * No changes since 1.7.5-rc.1
+
+Changes in [1.7.5-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.5-rc.1) (2020-08-26)
+===========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.4...v1.7.5-rc.1)
+
+ * Settings v3: Update configs for new feature flag behaviour
+   [\#135](https://github.com/vector-im/element-desktop/pull/135)
+ * Add reaction preview labs flags to nightly
+   [\#134](https://github.com/vector-im/element-desktop/pull/134)
+
+Changes in [1.7.4](https://github.com/vector-im/element-desktop/releases/tag/v1.7.4) (2020-08-17)
+=================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.4-rc.1...v1.7.4)
+
+ * No changes since 1.7.4-rc.1
+
+Changes in [1.7.4-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.7.4-rc.1) (2020-08-13)
+===========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.3...v1.7.4-rc.1)
+
+ * Update policy links to element.io
+   [\#132](https://github.com/vector-im/element-desktop/pull/132)
+ * Update bug report submission URL
+   [\#131](https://github.com/vector-im/element-desktop/pull/131)
+ * Update code signing cert for Windows
+   [\#130](https://github.com/vector-im/element-desktop/pull/130)
+ * Replace Riot with Element in docs and comments
+   [\#129](https://github.com/vector-im/element-desktop/pull/129)
+ * Fix order of README steps
+   [\#128](https://github.com/vector-im/element-desktop/pull/128)
+ * Upgrade to Electron 9.1.2
+   [\#127](https://github.com/vector-im/element-desktop/pull/127)
+
+Changes in [1.7.3](https://github.com/vector-im/element-desktop/releases/tag/v1.7.3) (2020-08-05)
+=================================================================================================
+[Full Changelog](https://github.com/vector-im/element-desktop/compare/v1.7.3-rc.1...v1.7.3)
+
+ * No changes since 1.7.3-rc.1
+
+Changes in [1.7.3-rc.1](https://github.com/vector-im/riot-desktop/releases/tag/v1.7.3-rc.1) (2020-07-31)
+========================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.7.2...v1.7.3-rc.1)
+
+ * Clean up linting
+   [\#126](https://github.com/vector-im/riot-desktop/pull/126)
+ * Update renaming workaround for 'Element' name
+   [\#125](https://github.com/vector-im/riot-desktop/pull/125)
+
+Changes in [1.7.2](https://github.com/vector-im/riot-desktop/releases/tag/v1.7.2) (2020-07-27)
+==============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.7.1...v1.7.2)
+
+ * Catch exceptions from main method in fetch script
+   [\#124](https://github.com/vector-im/riot-desktop/pull/124)
+ * Use new eslint package
+   [\#122](https://github.com/vector-im/riot-desktop/pull/122)
+ * Remove ' (Riot)' from app name
+   [\#123](https://github.com/vector-im/riot-desktop/pull/123)
+
+Changes in [1.7.1](https://github.com/vector-im/riot-desktop/releases/tag/v1.7.1) (2020-07-16)
+==============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.7.0...v1.7.1)
+
+ * Bump lodash from 4.17.15 to 4.17.19
+   [\#121](https://github.com/vector-im/riot-desktop/pull/121)
+ * Don't forget nightly when computing userData path
+   [\#120](https://github.com/vector-im/riot-desktop/pull/120)
+ * Fix hosting link
+   [\#119](https://github.com/vector-im/riot-desktop/pull/119)
+ * New macOS icon
+   [\#117](https://github.com/vector-im/riot-desktop/pull/117)
+ * Update README.md
+   [\#118](https://github.com/vector-im/riot-desktop/pull/118)
+ * More icon updates
+   [\#115](https://github.com/vector-im/riot-desktop/pull/115)
+ * Don't forget to yarn install
+   [\#114](https://github.com/vector-im/riot-desktop/pull/114)
+
+Changes in [1.7.0](https://github.com/vector-im/riot-desktop/releases/tag/v1.7.0) (2020-07-15)
+==============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.8...v1.7.0)
+
+ * Fix lint error
+   [\#113](https://github.com/vector-im/riot-desktop/pull/113)
+ * Delabs font-scaling
+   [\#112](https://github.com/vector-im/riot-desktop/pull/112)
+ * Remove room list labs flag from config
+   [\#109](https://github.com/vector-im/riot-desktop/pull/109)
+ * Remove the irc layout setting from labs
+   [\#111](https://github.com/vector-im/riot-desktop/pull/111)
+ * Update npm to ^6.14.6
+   [\#108](https://github.com/vector-im/riot-desktop/pull/108)
+
+Changes in [1.6.8](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.8) (2020-07-03)
+==============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.8-rc.1...v1.6.8)
+
+ * No changes since rc.1
+
+Changes in [1.6.8-rc.1](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.8-rc.1) (2020-07-01)
+========================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.7...v1.6.8-rc.1)
+
+ * Show expiring toast on completed downloads to prompt user to open
+   [\#106](https://github.com/vector-im/riot-desktop/pull/106)
+ * Upgrade to Electron 9.0.5
+   [\#107](https://github.com/vector-im/riot-desktop/pull/107)
+ * Add new spinner labs option to config.json
+   [\#105](https://github.com/vector-im/riot-desktop/pull/105)
+ * electron-main: Skip the reindex if we're going to delete the db anyways.
+   [\#104](https://github.com/vector-im/riot-desktop/pull/104)
+ * riot-desktop: Bump the required seshat version.
+   [\#103](https://github.com/vector-im/riot-desktop/pull/103)
+ * main: Add an event index IPC method to check if a room is being indexed.
+   [\#100](https://github.com/vector-im/riot-desktop/pull/100)
+ * electron-main: Add support to set and get the user version.
+   [\#102](https://github.com/vector-im/riot-desktop/pull/102)
+ * Upgrade to Electron 9
+   [\#94](https://github.com/vector-im/riot-desktop/pull/94)
+
+Changes in [1.6.7](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.7) (2020-06-29)
+==============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.6...v1.6.7)
+
+ * No changes since 1.6.6
+
+Changes in [1.6.6](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.6) (2020-06-23)
+==============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.6-rc.1...v1.6.6)
+
+ * No changes since rc.1
+
+Changes in [1.6.6-rc.1](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.6-rc.1) (2020-06-17)
+========================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.5...v1.6.6-rc.1)
+
+ * Upgrade needle to avoid bugs with modern Node
+   [\#101](https://github.com/vector-im/riot-desktop/pull/101)
+ * Fix riot-desktop manual update check getting stuck on Downloading...
+   [\#99](https://github.com/vector-im/riot-desktop/pull/99)
+ * Electron recall latest downloaded update for when the user manually asks
+   [\#98](https://github.com/vector-im/riot-desktop/pull/98)
+ * use keytar to store pickle keys
+   [\#95](https://github.com/vector-im/riot-desktop/pull/95)
+
+Changes in [1.6.5](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.5) (2020-06-16)
+==============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.4...v1.6.5)
+
+ * No changes since 1.6.4
+
+Changes in [1.6.4](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.4) (2020-06-05)
+==============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.3...v1.6.4)
+
+ * No changes since 1.6.3
+
+Changes in [1.6.3](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.3) (2020-06-04)
+==============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.3-rc.1...v1.6.3)
+
+ * No changes since rc.1
+
+Changes in [1.6.3-rc.1](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.3-rc.1) (2020-06-02)
+========================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.2...v1.6.3-rc.1)
+
+ * Fix electron context menu copy/save-as
+   [\#96](https://github.com/vector-im/riot-desktop/pull/96)
+ * Fixed error in README.md/User-specified config.json
+   [\#97](https://github.com/vector-im/riot-desktop/pull/97)
+ * Update Modular hosting link
+   [\#92](https://github.com/vector-im/riot-desktop/pull/92)
+ * Enforce sandbox on all spawned BrowserWindow objects
+   [\#91](https://github.com/vector-im/riot-desktop/pull/91)
+ * Run before-quit on updates too to flush rageshake
+   [\#93](https://github.com/vector-im/riot-desktop/pull/93)
+ * Enable new room list labs flag
+   [\#87](https://github.com/vector-im/riot-desktop/pull/87)
+ * Add asar-webapp script
+   [\#59](https://github.com/vector-im/riot-desktop/pull/59)
+ * Bump acorn from 6.4.0 to 6.4.1
+   [\#50](https://github.com/vector-im/riot-desktop/pull/50)
+ * Enable font scaling flag for nightly
+   [\#89](https://github.com/vector-im/riot-desktop/pull/89)
+ * Enable IRC UI labs flag in nightly
+   [\#88](https://github.com/vector-im/riot-desktop/pull/88)
+ * Update help message to fix broken url to electron docs
+   [\#86](https://github.com/vector-im/riot-desktop/pull/86)
+
+Changes in [1.6.2](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.2) (2020-05-22)
+==============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.1...v1.6.2)
+
+ * No changes since 1.6.2
+
+Changes in [1.6.1](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.1) (2020-05-19)
+==============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.1-rc.1...v1.6.1)
+
+ * No changes since rc.1
+
+Changes in [1.6.1-rc.1](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.1-rc.1) (2020-05-14)
+========================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.0...v1.6.1-rc.1)
+
+ * Add CI scripts to install and link JS SDK
+   [\#85](https://github.com/vector-im/riot-desktop/pull/85)
+ * Use Xenial as the build image's base distribution
+   [\#84](https://github.com/vector-im/riot-desktop/pull/84)
+ * Persist GPG keys for Linux builds via Docker
+   [\#83](https://github.com/vector-im/riot-desktop/pull/83)
+ * Update README to mention profile support
+   [\#81](https://github.com/vector-im/riot-desktop/pull/81)
+ * Remove Conflicts from riot-desktop
+   [\#82](https://github.com/vector-im/riot-desktop/pull/82)
+ * Add a default Linux distribution
+   [\#79](https://github.com/vector-im/riot-desktop/pull/79)
+ * Remove invite only padlocks feature flag config
+   [\#77](https://github.com/vector-im/riot-desktop/pull/77)
+ * package.json: Bump the Seshat dep.
+   [\#75](https://github.com/vector-im/riot-desktop/pull/75)
+ * Remove encrypted message search feature flag
+   [\#74](https://github.com/vector-im/riot-desktop/pull/74)
+ * Update readme now it's the real source
+   [\#73](https://github.com/vector-im/riot-desktop/pull/73)
+
+Changes in [1.6.0](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.0) (2020-05-05)
+==============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.0-rc.6...v1.6.0)
+
+ * No changes since rc.6
+
+Changes in [1.6.0-rc.6](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.0-rc.6) (2020-05-01)
+========================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.0-rc.5...v1.6.0-rc.6)
+
+ * No changes since rc.5
+
+Changes in [1.6.0-rc.5](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.0-rc.5) (2020-04-30)
+========================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.0-rc.4...v1.6.0-rc.5)
+
+ * Remove feature flag docs from docs on release
+   [\#78](https://github.com/vector-im/riot-desktop/pull/78)
+ * package.json: Bump the Seshat dep.
+   [\#76](https://github.com/vector-im/riot-desktop/pull/76)
+
+Changes in [1.6.0-rc.4](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.0-rc.4) (2020-04-23)
+========================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.0-rc.3...v1.6.0-rc.4)
+
+ * No changes since rc.3
+
+Changes in [1.6.0-rc.3](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.0-rc.3) (2020-04-17)
+========================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.0-rc.2...v1.6.0-rc.3)
+
+ * widen search paths / fix vector-im/riot-web#13190 [to release]
+   [\#72](https://github.com/vector-im/riot-desktop/pull/72)
+
+Changes in [1.6.0-rc.2](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.0-rc.2) (2020-04-16)
+========================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-desktop/compare/v1.6.0-rc.1...v1.6.0-rc.2)
+
+ * No changes since rc.1
+
+Changes in [1.6.0-rc.1](https://github.com/vector-im/riot-desktop/releases/tag/v1.6.0-rc.1) (2020-04-15)
+========================================================================================================
+
+ * Enable cross-signing / E2EE by default for DM on release
+   [\#70](https://github.com/vector-im/riot-desktop/pull/70)
+ * Add a release script
+   [\#69](https://github.com/vector-im/riot-desktop/pull/69)
+ * Fix Electron SSO handling to support multiple profiles
+   [\#67](https://github.com/vector-im/riot-desktop/pull/67)
+ * Add riot-desktop shortcuts for forward/back matching browsers&slack
+   [\#68](https://github.com/vector-im/riot-desktop/pull/68)
+ * package.json: Bump the Seshat version.
+   [\#66](https://github.com/vector-im/riot-desktop/pull/66)
+ * Bump minimist from 1.2.2 to 1.2.3
+   [\#64](https://github.com/vector-im/riot-desktop/pull/64)
+ * Add cfg to access the hak.json
+   [\#65](https://github.com/vector-im/riot-desktop/pull/65)
+ * Extract dep versions out to hak.json
+   [\#63](https://github.com/vector-im/riot-desktop/pull/63)
+ * Make the openssl version a variable
+   [\#62](https://github.com/vector-im/riot-desktop/pull/62)
+ * Update openssl
+   [\#61](https://github.com/vector-im/riot-desktop/pull/61)
+ * Fix spellcheck language fallback algorithm
+   [\#60](https://github.com/vector-im/riot-desktop/pull/60)
+ * package.json: Bump the required Seshat version.
+   [\#57](https://github.com/vector-im/riot-desktop/pull/57)
+ * Remove welcome user from config
+   [\#56](https://github.com/vector-im/riot-desktop/pull/56)
+ * electron-main: Immediately set the eventIndex variable to null when
+   closing.
+   [\#55](https://github.com/vector-im/riot-desktop/pull/55)
+ * Enable Seshat on Nightly
+   [\#54](https://github.com/vector-im/riot-desktop/pull/54)
+ * Register Mac electron specific Cmd+, shortcut to User Settings
+   [\#53](https://github.com/vector-im/riot-desktop/pull/53)
+ * Bump minimist from 1.2.0 to 1.2.2
+   [\#52](https://github.com/vector-im/riot-desktop/pull/52)
+ * package.json: Bump the required Seshat version.
+   [\#51](https://github.com/vector-im/riot-desktop/pull/51)
+ * Updates for Seshat 1.2.0 (not yet released) and support to delete events
+   from the index.
+   [\#47](https://github.com/vector-im/riot-desktop/pull/47)
+ * Add custom themes labs flag
+   [\#49](https://github.com/vector-im/riot-desktop/pull/49)
+ * Get the app ID from the cintext
+   [\#46](https://github.com/vector-im/riot-desktop/pull/46)
+ * Electron 8 changes. Deprecations. Updates.
+   [\#38](https://github.com/vector-im/riot-desktop/pull/38)
+ * Bump seshat dependency
+   [\#45](https://github.com/vector-im/riot-desktop/pull/45)
+ * Move deb control logic to builder
+   [\#44](https://github.com/vector-im/riot-desktop/pull/44)
+ * Add 'nightly' to brand too
+   [\#43](https://github.com/vector-im/riot-desktop/pull/43)
+ * Enable seshat in labs on nightly
+   [\#42](https://github.com/vector-im/riot-desktop/pull/42)
+ * Add config for Riot Nightly
+   [\#41](https://github.com/vector-im/riot-desktop/pull/41)
+ * Add a windows signing script
+   [\#40](https://github.com/vector-im/riot-desktop/pull/40)
+ * riot-desktop open SSO in browser so user doesn't have to auth twice
+   [\#37](https://github.com/vector-im/riot-desktop/pull/37)
+ * Remove the certificate config for windows
+   [\#39](https://github.com/vector-im/riot-desktop/pull/39)
+ * Missed an await
+   [\#36](https://github.com/vector-im/riot-desktop/pull/36)
+ * Exit with exit code on exception
+   [\#35](https://github.com/vector-im/riot-desktop/pull/35)
+ * Fix the set-version script
+   [\#34](https://github.com/vector-im/riot-desktop/pull/34)
+ * Pass through the env var we actually use to docker
+   [\#33](https://github.com/vector-im/riot-desktop/pull/33)
+ * Upgrade to electron 8.0.1 and implement spellchecking
+   [\#30](https://github.com/vector-im/riot-desktop/pull/30)
+ * Fix check script
+   [\#31](https://github.com/vector-im/riot-desktop/pull/31)
+ * Support fetching the latest develop build
+   [\#29](https://github.com/vector-im/riot-desktop/pull/29)
+ * Hopefully enable subpixel font rendering
+   [\#28](https://github.com/vector-im/riot-desktop/pull/28)
+ * Add our native modules separately into the files
+   [\#27](https://github.com/vector-im/riot-desktop/pull/27)
+ * Fix setversion script's yarn call on windows
+   [\#26](https://github.com/vector-im/riot-desktop/pull/26)
+ * Split 32/64 bit building
+   [\#25](https://github.com/vector-im/riot-desktop/pull/25)
+ * Build on 32 bit Windows
+   [\#23](https://github.com/vector-im/riot-desktop/pull/23)
+ * Build seshat on Linux
+   [\#22](https://github.com/vector-im/riot-desktop/pull/22)
+ * Native module builds: matrix-seshat for mac & win
+   [\#21](https://github.com/vector-im/riot-desktop/pull/21)
+ * Port desktop fixes
+   [\#20](https://github.com/vector-im/riot-desktop/pull/20)
+ * Add accelerators to context menu options like cut&paste in electron
+   [\#19](https://github.com/vector-im/riot-desktop/pull/19)
+ * Build the deb into a repo
+   [\#18](https://github.com/vector-im/riot-desktop/pull/18)
+ * Better Docker Support
+   [\#17](https://github.com/vector-im/riot-desktop/pull/17)
+ * Use a custom control file for the Debian package
+   [\#14](https://github.com/vector-im/riot-desktop/pull/14)
+ * Support config directories
+   [\#15](https://github.com/vector-im/riot-desktop/pull/15)
+ * Don't bail if we can't notarise
+   [\#16](https://github.com/vector-im/riot-desktop/pull/16)
+ * Set version automatically
+   [\#13](https://github.com/vector-im/riot-desktop/pull/13)
+ * Sign natively on Windows
+   [\#12](https://github.com/vector-im/riot-desktop/pull/12)
+ * Fix the linting errors
+   [\#11](https://github.com/vector-im/riot-desktop/pull/11)
+ * Electron API Updates
+   [\#10](https://github.com/vector-im/riot-desktop/pull/10)
+ * Package webapp into an asar archive
+   [\#9](https://github.com/vector-im/riot-desktop/pull/9)
+ * Sanitise scripts
+   [\#8](https://github.com/vector-im/riot-desktop/pull/8)
+ * Exit after importing key
+   [\#6](https://github.com/vector-im/riot-desktop/pull/6)
+ * Use portable mkdirp
+   [\#5](https://github.com/vector-im/riot-desktop/pull/5)
+ * Add explicit 'node' to scripts
+   [\#4](https://github.com/vector-im/riot-desktop/pull/4)
+ * Check properly
+   [\#3](https://github.com/vector-im/riot-desktop/pull/3)
+ * Add rimraf
+   [\#2](https://github.com/vector-im/riot-desktop/pull/2)
+ * Build electron app from pre-built tarball
+   [\#1](https://github.com/vector-im/riot-desktop/pull/1)
+
+
diff --git a/apps/desktop/README.md b/apps/desktop/README.md
new file mode 100644
index 00000000000..5c7d4874fb9
--- /dev/null
+++ b/apps/desktop/README.md
@@ -0,0 +1,168 @@
+![Build](https://github.com/element-hq/element-web/actions/workflows/build_desktop_and_deploy.yaml/badge.svg)
+
+# Element Desktop
+
+Element Desktop is a Matrix client for desktop platforms with Element Web at its core.
+
+# First Steps
+
+Before you do anything else, fetch the dependencies:
+
+```
+pnpm install
+```
+
+# Fetching Element
+
+Since this package is just the Electron wrapper for Element Web, it doesn't contain any of the Element Web code,
+so the first step is to get a working copy of Element Web. There are a few ways of doing this:
+
+```
+# Fetch the prebuilt release Element package from the element-web GitHub releases page. The version
+# fetched will be the same as the local element-desktop package.
+# We're explicitly asking for no config, so the packaged Element will have no config.json.
+pnpm run fetch --noverify --cfgdir ""
+```
+
+...or if you'd like to use GPG to verify the downloaded package:
+
+```
+# Fetch the Element public key from the element.io web server over a secure connection and import
+# it into your local GPG keychain (you'll need GPG installed). You only need to to do this
+# once.
+pnpm run fetch --importkey
+# Fetch the package and verify the signature
+pnpm run fetch --cfgdir ""
+```
+
+...or either of the above, but fetching a specific version of Element:
+
+```
+# Fetch the prebuilt release Element package from the element-web GitHub releases page. The version
+# fetched will be the same as the local element-desktop package.
+pnpm run fetch --noverify --cfgdir "" v1.5.6
+```
+
+If you only want to run the app locally and don't need to build packages, you can
+provide the `webapp` directory directly:
+
+```
+ln -s ../web/webapp ./
+```
+
+[TODO: add support for fetching develop builds, arbitrary URLs and arbitrary paths]
+
+# Building
+
+## Native Build
+
+TODO: List native pre-requisites
+
+Optionally, [build the native modules](https://github.com/element-hq/element-web/blob/develop/docs/native-node-modules.md),
+which include support for searching in encrypted rooms and secure storage. Skipping this step is fine, you just won't have those features.
+
+Then, run
+
+```
+pnpm run build
+```
+
+This will do a couple of things:
+
+- Run the `setversion` script to set the local package version to match whatever
+  version of Element you installed above.
+- Run electron-builder to build a package. The package built will match the operating system
+  you're running the build process on.
+
+## Docker
+
+Alternatively, you can also build using docker, which will always produce the linux package:
+
+```
+# Run this once to make the docker image
+pnpm run docker:setup
+
+pnpm run docker:install
+# if you want to build the native modules (this will take a while)
+pnpm run docker:build:native
+pnpm run docker:build
+```
+
+After running, the packages should be in `dist/`.
+
+# Starting
+
+If you'd just like to run the electron app locally for development:
+
+```
+pnpm start
+```
+
+# Config
+
+If you'd like the packaged Element to have a configuration file, you can create a
+config directory and place `config.json` in there, then specify this directory
+with the `--cfgdir` option to `pnpm run fetch`, eg:
+
+```
+mkdir myconfig
+cp /path/to/my/config.json myconfig/
+pnpm run fetch --cfgdir myconfig
+```
+
+The config dir for the official Element app is in `element.io`. If you use this,
+your app will auto-update itself using builds from element.io.
+
+# Profiles
+
+To run multiple instances of the desktop app for different accounts, you can
+launch the executable with the `--profile` argument followed by a unique
+identifier, e.g `element-desktop --profile Work` for it to run a separate profile and
+not interfere with the default one.
+
+Alternatively, a custom location for the profile data can be specified using the
+`--profile-dir` flag followed by the desired path.
+
+# User-specified config.json
+
+- `%APPDATA%\$NAME\config.json` on Windows
+- `$XDG_CONFIG_HOME/$NAME/config.json` or `~/.config/$NAME/config.json` on Linux
+- `~/Library/Application Support/$NAME/config.json` on macOS
+
+In the paths above, `$NAME` is typically `Element`, unless you use `--profile
+$PROFILE` in which case it becomes `Element-$PROFILE`, or it is using one of
+the above created by a pre-1.7 install, in which case it will be `Riot` or
+`Riot-$PROFILE`.
+
+You may also specify a different path entirely for the `config.json` file by
+providing the `--config $YOUR_CONFIG_JSON_FILE` to the process, or via the
+`ELEMENT_DESKTOP_CONFIG_JSON` environment variable.
+
+# Translations
+
+To add a new translation, head to the [translating doc](https://github.com/vector-im/element-web/blob/develop/docs/translating.md).
+
+For a developer guide, see the [translating dev doc](https://github.com/vector-im/element-web/blob/develop/docs/translating-dev.md).
+
+# Report bugs & give feedback
+
+If you run into any bugs or have feedback you'd like to share, please let us know on GitHub.
+
+To help avoid duplicate issues, please [view existing issues](https://github.com/vector-im/element-web/issues?q=is%3Aopen+is%3Aissue+sort%3Areactions-%2B1-desc) first (and add a +1) or [create a new issue](https://github.com/vector-im/element-web/issues/new/choose) if you can't find it. Please note that this issue tracker is associated with the [element-web](https://github.com/vector-im/element-web) repo, but is also applied to the code in this repo as well.
+
+## Copyright & License
+
+Copyright (c) 2016-2017 OpenMarket Ltd
+
+Copyright (c) 2017 Vector Creations Ltd
+
+Copyright (c) 2017-2025 New Vector Ltd
+
+This software is multi licensed by New Vector Ltd (Element). It can be used either:
+
+(1) for free under the terms of the GNU Affero General Public License (as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version); OR
+
+(2) for free under the terms of the GNU General Public License (as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version); OR
+
+(3) under the terms of a paid-for Element Commercial License agreement between you and Element (the terms of which may vary depending on what you and Element have agreed to).
+Unless required by applicable law or agreed to in writing, software distributed under the Licenses is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the Licenses for the specific language governing permissions and limitations under the Licenses.
diff --git a/apps/desktop/babel.config.cjs b/apps/desktop/babel.config.cjs
new file mode 100644
index 00000000000..c603e3cf987
--- /dev/null
+++ b/apps/desktop/babel.config.cjs
@@ -0,0 +1,10 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+module.exports = {
+    presets: [["@babel/preset-env", { targets: { node: "current" } }], "@babel/preset-typescript"],
+};
diff --git a/apps/desktop/build/entitlements.mac.plist b/apps/desktop/build/entitlements.mac.plist
new file mode 100644
index 00000000000..96579ab68eb
--- /dev/null
+++ b/apps/desktop/build/entitlements.mac.plist
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+    <!-- Entitlements from electron-builder's defaults
+         (https://github.com/electron-userland/electron-builder/blob/master/packages/app-builder-lib/templates/entitlements.mac.plist)
+         nb. This does *not* include the app sandbox: at the time of adding this file,
+         we were using electron-builder 21.2.0 which does not have the sandbox entitlement.
+         Latest electron-builder does, but it appears to be causing issues:
+         (https://github.com/electron-userland/electron-builder/issues/4390)
+    -->
+
+    <!-- https://github.com/electron/electron-notarize#prerequisites -->
+    <key>com.apple.security.cs.allow-jit</key>
+    <true/>
+
+    <!-- https://github.com/electron-userland/electron-builder/issues/3940 -->
+    <key>com.apple.security.cs.disable-library-validation</key>
+    <true/>
+
+    <!-- Our own additional entitlements (we need to access the camera and
+        mic for VoIP calls -->
+    <key>com.apple.security.device.camera</key>
+    <true/>
+    <key>com.apple.security.device.audio-input</key>
+    <true/>
+</dict>
+</plist>
diff --git a/apps/desktop/build/icon.ico b/apps/desktop/build/icon.ico
new file mode 100644
index 00000000000..a6349a3282e
Binary files /dev/null and b/apps/desktop/build/icon.ico differ
diff --git a/apps/desktop/build/icon.icon/Assets/element.png b/apps/desktop/build/icon.icon/Assets/element.png
new file mode 100644
index 00000000000..cfbd8c600a4
Binary files /dev/null and b/apps/desktop/build/icon.icon/Assets/element.png differ
diff --git a/apps/desktop/build/icon.icon/icon.json b/apps/desktop/build/icon.icon/icon.json
new file mode 100644
index 00000000000..99cc571fc9b
--- /dev/null
+++ b/apps/desktop/build/icon.icon/icon.json
@@ -0,0 +1,27 @@
+{
+    "fill": "automatic",
+    "groups": [
+        {
+            "layers": [
+                {
+                    "glass": false,
+                    "image-name": "element.png",
+                    "name": "element"
+                }
+            ],
+            "name": "Figma",
+            "shadow": {
+                "kind": "none",
+                "opacity": 0.5
+            },
+            "specular": false,
+            "translucency": {
+                "enabled": false,
+                "value": 0.5
+            }
+        }
+    ],
+    "supported-platforms": {
+        "squares": ["macOS"]
+    }
+}
diff --git a/apps/desktop/build/icon.png b/apps/desktop/build/icon.png
new file mode 100644
index 00000000000..ea5fa848193
Binary files /dev/null and b/apps/desktop/build/icon.png differ
diff --git a/apps/desktop/build/install-spinner.gif b/apps/desktop/build/install-spinner.gif
new file mode 100644
index 00000000000..ce6c17844a7
Binary files /dev/null and b/apps/desktop/build/install-spinner.gif differ
diff --git a/apps/desktop/dockerbuild/Dockerfile b/apps/desktop/dockerbuild/Dockerfile
new file mode 100644
index 00000000000..792e6779478
--- /dev/null
+++ b/apps/desktop/dockerbuild/Dockerfile
@@ -0,0 +1,33 @@
+# syntax=docker.io/docker/dockerfile:1.25-labs@sha256:4426b5e269e36911b94fb79cf67f1fd7155ef11b2bbc8ab23cbfcbc97130efe9
+# Docker image to facilitate building Element Desktop's native bits using a glibc version (2.31)
+# with broader compatibility, down to Debian bullseye & Ubuntu focal.
+
+# PNPM source
+FROM ghcr.io/pnpm/pnpm:11.10.0@sha256:9a6eb06d5f861d830fe27d85a91415e60527fa45ec45b52ee43c92a8aaf3bf8a AS pnpm
+
+FROM rust:bullseye@sha256:33e0cd779c556a248ac05acabb695c1da0cffaccc1796da507451482ac94d277
+
+ENV DEBIAN_FRONTEND=noninteractive
+
+COPY --from=pnpm /opt/pnpm /opt/pnpm
+RUN ln -s /opt/pnpm/pnpm /usr/local/bin/pnpm
+
+RUN apt-get -qq update && apt-get -y -qq dist-upgrade && \
+  apt-get -y -qq install --no-install-recommends \
+  # tclsh is required for building SQLite as part of SQLCipher
+  tcl \
+  # Used by seshat (when not SQLCIPHER_STATIC) \
+  libsqlcipher-dev && \
+  apt-get purge -y --auto-remove && rm -rf /var/lib/apt/lists/*
+RUN ln -s /usr/bin/python3 /usr/bin/python & ln -s /usr/bin/pip3 /usr/bin/pip
+
+ENV DEBUG_COLORS=true
+ENV FORCE_COLOR=true
+ENV COREPACK_ENABLE_DOWNLOAD_PROMPT=0
+
+WORKDIR /project/apps/desktop
+
+ARG TARGETOS
+ARG TARGETARCH
+COPY .node-version dockerbuild/setup.sh /
+RUN /setup.sh
diff --git a/apps/desktop/dockerbuild/setup.sh b/apps/desktop/dockerbuild/setup.sh
new file mode 100755
index 00000000000..1b01e8ee695
--- /dev/null
+++ b/apps/desktop/dockerbuild/setup.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/env bash
+
+set -x
+declare -A archMap=(["amd64"]="x64" ["arm64"]="arm64")
+ARCH="${archMap["$TARGETARCH"]}"
+# The .node-version file generally doesn't have the 'v' (renovate does not put the 'v' and will
+# strip it on upgrade if it's there) but the 'v' is also widely supported so we probably ought
+# to just work either way.
+NODE_VERSION=$(cat /.node-version | sed -e 's/^v//')
+curl --proto "=https" -L "https://nodejs.org/dist/v$NODE_VERSION/node-v$NODE_VERSION-$TARGETOS-$ARCH.tar.gz" | tar xz -C /usr/local --strip-components=1 && \
+  unlink /usr/local/CHANGELOG.md && unlink /usr/local/LICENSE && unlink /usr/local/README.md
+# We need yarn classic to build seshat
+npm install --global yarn@1
diff --git a/apps/desktop/electron-builder.ts b/apps/desktop/electron-builder.ts
new file mode 100644
index 00000000000..559b511286f
--- /dev/null
+++ b/apps/desktop/electron-builder.ts
@@ -0,0 +1,256 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import * as os from "node:os";
+import * as fs from "node:fs";
+import path from "node:path";
+import { type Configuration as BaseConfiguration, log } from "electron-builder";
+import { LogMessageByKey } from "app-builder-lib/out/node-module-collector/moduleManager.js";
+
+/**
+ * This script has different outputs depending on your os platform.
+ *
+ * On Windows:
+ *  Passes $ED_SIGNTOOL_THUMBPRINT and $ED_SIGNTOOL_SUBJECT_NAME to
+ *      build.win.signtoolOptions.signingHashAlgorithms and build.win.signtoolOptions.certificateSubjectName respectively if specified.
+ *
+ * On Linux:
+ *  Replaces spaces in the product name with dashes as spaces in paths can cause issues
+ *  Removes libsqlcipher0 recommended dependency if env SQLCIPHER_BUNDLED is asserted.
+ *  Passes $ED_DEBIAN_CHANGELOG to build.deb.fpm if specified
+ */
+
+/**
+ * Interface describing relevant fields of the package.json file.
+ */
+interface Pkg {
+    version: string;
+}
+
+/**
+ * Base metadata fields, used in both package.json and the variant configuration.
+ */
+interface Metadata {
+    name: string;
+    productName: string;
+    description: string;
+}
+
+/**
+ * Extra metadata fields that are injected into the build to pass to the app at runtime.
+ */
+interface ExtraMetadata extends Metadata {
+    electron_appId: string;
+    electron_protocol: string;
+    electron_windows_cert_sn?: string;
+}
+
+/**
+ * Interface describing the variant configuration format.
+ */
+interface Variant extends Metadata {
+    "appId": string;
+    "linux.executableName"?: string;
+    "linux.deb.name"?: string;
+    "protocols": string[];
+}
+
+type Writable<T> = NonNullable<
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+    T extends Function ? T : T extends object ? { -readonly [K in keyof T]: Writable<T[K]> } : T
+>;
+
+// Load the default variant as a base configuration
+const DEFAULT_VARIANT = path.join("element.io", "release", "build.json");
+let variant: Variant = JSON.parse(fs.readFileSync(DEFAULT_VARIANT, "utf8"));
+
+/**
+ * If a variant is specified, we will use it to override the build-specific values.
+ * This allows us to have different builds for different purposes (e.g. stable, nightly).
+ */
+if (process.env.VARIANT_PATH) {
+    console.log(`Using variant configuration from '${process.env.VARIANT_PATH}':`);
+    variant = {
+        ...variant,
+        ...JSON.parse(fs.readFileSync(process.env.VARIANT_PATH, "utf8")),
+    };
+} else {
+    console.warn(`No VARIANT_PATH specified, using default variant configuration '${DEFAULT_VARIANT}':`);
+}
+
+for (const key in variant) {
+    console.log(`${key}: ${variant[key as keyof Variant]}`);
+}
+
+interface Configuration extends BaseConfiguration {
+    extraMetadata: Partial<Pick<Pkg, "version">> & ExtraMetadata;
+    linux: BaseConfiguration["linux"];
+    win: BaseConfiguration["win"];
+    mac: BaseConfiguration["mac"];
+    deb: {
+        fpm: string[];
+    } & BaseConfiguration["deb"];
+}
+
+/**
+ * @type {import('electron-builder').Configuration}
+ * @see https://www.electron.build/configuration/configuration
+ */
+const config: Omit<Writable<Configuration>, "electronFuses"> & {
+    // Make all fuses required to ensure they are all explicitly specified
+    electronFuses: Required<Configuration["electronFuses"]>;
+} = {
+    appId: variant.appId,
+    asarUnpack: "**/*.node",
+    electronFuses: {
+        enableCookieEncryption: true,
+        onlyLoadAppFromAsar: true,
+        grantFileProtocolExtraPrivileges: false,
+
+        runAsNode: false,
+        enableNodeOptionsEnvironmentVariable: false,
+        enableNodeCliInspectArguments: false,
+        // We need to reset the signature if we are not signing on darwin otherwise it won't launch
+        resetAdHocDarwinSignature: !process.env.APPLE_TEAM_ID,
+
+        loadBrowserProcessSpecificV8Snapshot: false,
+        enableEmbeddedAsarIntegrityValidation: true,
+    },
+    files: [
+        "package.json",
+        {
+            from: ".hak/hakModules",
+            to: "node_modules",
+        },
+        "lib/**",
+    ],
+    extraResources: ["build/icon.*", "webapp.asar"],
+    extraMetadata: {
+        name: variant.name,
+        productName: variant.productName,
+        description: variant.description,
+        electron_appId: variant.appId,
+        electron_protocol: variant.protocols[0],
+    },
+    linux: {
+        target: ["tar.gz", "deb"],
+        category: "Network;InstantMessaging;Chat",
+        icon: "icon.png",
+        executableName: variant.name, // element-desktop or element-desktop-nightly
+    },
+    deb: {
+        packageCategory: "net",
+        depends: [
+            "libgtk-3-0",
+            "libnotify4",
+            "libnss3",
+            "libxss1",
+            "libxtst6",
+            "xdg-utils",
+            "libatspi2.0-0",
+            "libuuid1",
+            "libsecret-1-0",
+            "libasound2",
+            "libgbm1",
+        ],
+        recommends: ["libsqlcipher0", "element-io-archive-keyring"],
+        fpm: ["--deb-pre-depends", "libc6 (>= 2.31)"],
+    },
+    mac: {
+        target: ["dmg", "zip"],
+        category: "public.app-category.social-networking",
+        darkModeSupport: true,
+        hardenedRuntime: true,
+        gatekeeperAssess: true,
+        strictVerify: true,
+        entitlements: "./build/entitlements.mac.plist",
+        icon: "build/icon.icon",
+        mergeASARs: true,
+        x64ArchFiles: "**/matrix-seshat/*.node", // hak already runs lipo
+    },
+    dmg: {
+        badgeIcon: "build/icon.icon",
+    },
+    win: {
+        target: ["squirrel", "msi"],
+        signtoolOptions: {
+            signingHashAlgorithms: ["sha256"],
+        },
+        icon: "build/icon.ico",
+    },
+    msi: {
+        perMachine: true,
+    },
+    directories: {
+        output: "dist",
+    },
+    protocols: {
+        name: variant.productName,
+        schemes: variant.protocols,
+    },
+    nativeRebuilder: "sequential",
+    nodeGypRebuild: false,
+    npmRebuild: true,
+};
+
+/**
+ * Allow specifying the version via env var.
+ * If unspecified, it will default to the version in package.json.
+ * @param {string} process.env.VERSION
+ */
+if (process.env.VERSION) {
+    config.extraMetadata.version = process.env.VERSION;
+}
+
+if (variant["linux.deb.name"]) {
+    config.deb.fpm.push("--name", variant["linux.deb.name"]);
+}
+
+/**
+ * Allow specifying windows signing cert via env vars
+ * @param {string} process.env.ED_SIGNTOOL_SUBJECT_NAME
+ * @param {string} process.env.ED_SIGNTOOL_THUMBPRINT
+ */
+if (process.env.ED_SIGNTOOL_SUBJECT_NAME && process.env.ED_SIGNTOOL_THUMBPRINT) {
+    config.win.signtoolOptions!.certificateSubjectName = process.env.ED_SIGNTOOL_SUBJECT_NAME;
+    config.win.signtoolOptions!.certificateSha1 = process.env.ED_SIGNTOOL_THUMBPRINT;
+    config.extraMetadata.electron_windows_cert_sn = config.win.signtoolOptions!.certificateSubjectName;
+}
+
+if (os.platform() === "linux") {
+    // Electron crashes on debian if there's a space in the path.
+    // https://github.com/vector-im/element-web/issues/13171
+    config.extraMetadata.productName = config.extraMetadata.productName.replace(/ /g, "-");
+
+    /**
+     * Allow specifying deb changelog via env var
+     * @param {string} process.env.ED_DEB_CHANGELOG
+     */
+    if (process.env.ED_DEBIAN_CHANGELOG) {
+        config.deb.fpm.push(`--deb-changelog=${process.env.ED_DEBIAN_CHANGELOG}`);
+    }
+
+    if (process.env.SQLCIPHER_BUNDLED) {
+        // Remove sqlcipher dependency when using bundled
+        config.deb.recommends = config.deb.recommends?.filter((d) => d !== "libsqlcipher0");
+    }
+}
+
+// Treat certain warnings as a fatal error
+const FATAL_WARNINGS = [LogMessageByKey.PKG_NOT_ON_DISK, LogMessageByKey.PKG_NOT_FOUND];
+// Otherwise we just burn time running the tests for no reason.
+if (typeof log !== "undefined") {
+    const prevTransform = log.messageTransformer;
+    log.messageTransformer = (message, level) => {
+        if (level === "warn" && FATAL_WARNINGS.some((w) => message.startsWith(w))) {
+            throw new Error(`electron-builder: ${message}`);
+        }
+        return prevTransform?.(message, level) ?? message;
+    };
+}
+
+export default config;
diff --git a/apps/desktop/element.io/New_Vector_Ltd.pem b/apps/desktop/element.io/New_Vector_Ltd.pem
new file mode 100644
index 00000000000..9920fc96d2b
--- /dev/null
+++ b/apps/desktop/element.io/New_Vector_Ltd.pem
@@ -0,0 +1,34 @@
+-----BEGIN CERTIFICATE-----
+MIIF8DCCBNigAwIBAgIRAIZSd8hNVs3w8AhJIsQSoYYwDQYJKoZIhvcNAQELBQAw
+gZExCzAJBgNVBAYTAkdCMRswGQYDVQQIExJHcmVhdGVyIE1hbmNoZXN0ZXIxEDAO
+BgNVBAcTB1NhbGZvcmQxGjAYBgNVBAoTEUNPTU9ETyBDQSBMaW1pdGVkMTcwNQYD
+VQQDEy5DT01PRE8gUlNBIEV4dGVuZGVkIFZhbGlkYXRpb24gQ29kZSBTaWduaW5n
+IENBMB4XDTIwMDczMDAwMDAwMFoXDTIzMDczMDIzNTk1OVowgfMxETAPBgNVBAUT
+CDEwODczNjYxMRMwEQYLKwYBBAGCNzwCAQMTAkdCMR0wGwYDVQQPExRQcml2YXRl
+IE9yZ2FuaXphdGlvbjELMAkGA1UEBhMCR0IxDzANBgNVBBEMBlc0IDFRVTEYMBYG
+A1UECAwPTG9uZG9uLCBDaXR5IG9mMQ8wDQYDVQQHDAZMb25kb24xJzAlBgNVBAkM
+HjE0IFR1cm5oYW0gR3JlZW4sIFRlcnJhY2UgTWV3czEbMBkGA1UECgwSTmV3IFZl
+Y3RvciBMaW1pdGVkMRswGQYDVQQDDBJOZXcgVmVjdG9yIExpbWl0ZWQwggEiMA0G
+CSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQDKDnGul2M7oCCN+3veGf7yfakSfMjK
+Kqeylyo0Nj8dUleNQvsRo0OHxIWJlbHDYglxebT109MqgyASr0SoeiqvXOSSFACD
+MYFoyerRGMnXEuomTU0y7+FE3p/hcim8+C5gS+rHr3YaJJuzzXRztjjCBGoY4was
+h9V8kYiyMMK0xi2WftOCBa1yYS32CInHIZVmdhzoK4k4YzSYIp57BWvnIUlDyCYk
+slNfp0SFbDrOGa7kbmy8HRfWPLjNmW5PPIrsf8LlnVRBfmTeUIJtV31w/FuMjeir
+pzYjzooXmpIrj96ecxdc9thP6etCUazvpowjfewu7UNWRUhGPtYn8v8rAgMBAAGj
+ggHdMIIB2TAfBgNVHSMEGDAWgBTfj/MgDOnKpgTYW1g3Kj2rRtyDSTAdBgNVHQ4E
+FgQUB9su4pCQXE5ZWFhB1eo48992LEcwDgYDVR0PAQH/BAQDAgeAMAwGA1UdEwEB
+/wQCMAAwEwYDVR0lBAwwCgYIKwYBBQUHAwMwEQYJYIZIAYb4QgEBBAQDAgQQMEkG
+A1UdIARCMEAwNQYMKwYBBAGyMQECAQYBMCUwIwYIKwYBBQUHAgEWF2h0dHBzOi8v
+c2VjdGlnby5jb20vQ1BTMAcGBWeBDAEDMFUGA1UdHwROMEwwSqBIoEaGRGh0dHA6
+Ly9jcmwuY29tb2RvY2EuY29tL0NPTU9ET1JTQUV4dGVuZGVkVmFsaWRhdGlvbkNv
+ZGVTaWduaW5nQ0EuY3JsMIGGBggrBgEFBQcBAQR6MHgwUAYIKwYBBQUHMAKGRGh0
+dHA6Ly9jcnQuY29tb2RvY2EuY29tL0NPTU9ET1JTQUV4dGVuZGVkVmFsaWRhdGlv
+bkNvZGVTaWduaW5nQ0EuY3J0MCQGCCsGAQUFBzABhhhodHRwOi8vb2NzcC5jb21v
+ZG9jYS5jb20wJgYDVR0RBB8wHaAbBggrBgEFBQcIA6APMA0MC0dCLTEwODczNjYx
+MA0GCSqGSIb3DQEBCwUAA4IBAQBZ8/YtqW/+VUoV8knKpdhMR2uTn8AEyVmfmoZA
+Ly5kdCRoKvFm/z4VK4cqF7gsUDxRIgDuMKKbWTtr1FEXuaZkUkOjicNcdYxc0pDn
+nFKBWAv5pN5OmnC9cVqIG7PtvD+8bKVzDdQRjpGMy6PY4rN2PYGfQ7KGgddEDD6m
+oM51jI/OTvCeU0Tyl0bixKEmpUJvbeQM9Ul2Y1o5Enx1Q9uda8xATb0HCMKgJ+GC
+iFHL2DNC3j1xK4QoZEIYgbTscj9rK4OMEov3PT/e1FwQyB5V9xdJ5i1MDBDD9fAf
+OiVgf90SffT7TgWUbA4Z+PtQHq/qNma0+dZWyeq7zYn2IIX3
+-----END CERTIFICATE-----
diff --git a/apps/desktop/element.io/README b/apps/desktop/element.io/README
new file mode 100644
index 00000000000..66b22f233b3
--- /dev/null
+++ b/apps/desktop/element.io/README
@@ -0,0 +1,6 @@
+This directory contains the config file for the official element.io distribution
+of Element Desktop.
+
+You probably do not want to build with this config unless you're building the
+official element.io distribution, or you'll find your builds will replace
+themselves with the element.io build.
diff --git a/apps/desktop/element.io/nightly/build.json b/apps/desktop/element.io/nightly/build.json
new file mode 100644
index 00000000000..1e028291a4d
--- /dev/null
+++ b/apps/desktop/element.io/nightly/build.json
@@ -0,0 +1,9 @@
+{
+    "appId": "im.riot.nightly",
+    "name": "element-desktop-nightly",
+    "productName": "Element Nightly",
+    "description": "Element: the future of secure communication (nightly unstable build)",
+    "protocols": ["io.element.nightly", "element"],
+    "linux.executableName": "element-desktop-nightly",
+    "linux.deb.name": "element-nightly"
+}
diff --git a/apps/desktop/element.io/nightly/config.json b/apps/desktop/element.io/nightly/config.json
new file mode 100644
index 00000000000..9c0cecfaa52
--- /dev/null
+++ b/apps/desktop/element.io/nightly/config.json
@@ -0,0 +1,61 @@
+{
+    "update_base_url": "https://packages.element.io/nightly/update/",
+    "default_server_name": "matrix.org",
+    "default_server_config": {
+        "m.homeserver": {
+            "base_url": "https://matrix-client.matrix.org"
+        },
+        "m.identity_server": {
+            "base_url": "https://vector.im"
+        }
+    },
+    "brand": "Element Nightly",
+    "integrations_ui_url": "https://scalar.vector.im/",
+    "integrations_rest_url": "https://scalar.vector.im/api",
+    "integrations_widgets_urls": [
+        "https://scalar.vector.im/_matrix/integrations/v1",
+        "https://scalar.vector.im/api",
+        "https://scalar-staging.vector.im/_matrix/integrations/v1",
+        "https://scalar-staging.vector.im/api",
+        "https://scalar-staging.riot.im/scalar/api"
+    ],
+    "bug_report_endpoint_url": "https://rageshakes.element.io/api/submit",
+    "uisi_autorageshake_app": "element-auto-uisi",
+    "show_labs_settings": true,
+    "room_directory": {
+        "servers": ["matrix.org", "gitter.im"]
+    },
+    "enable_presence_by_hs_url": {
+        "https://matrix.org": false,
+        "https://matrix-client.matrix.org": false
+    },
+    "terms_and_conditions_links": [
+        {
+            "url": "https://element.io/privacy",
+            "text": "Privacy Policy"
+        },
+        {
+            "url": "https://element.io/cookie-policy",
+            "text": "Cookie Policy"
+        }
+    ],
+    "sentry": {
+        "dsn": "https://029a0eb289f942508ae0fb17935bd8c5@sentry.matrix.org/6",
+        "environment": "nightly"
+    },
+    "posthog": {
+        "project_api_key": "phc_Jzsm6DTm6V2705zeU5dcNvQDlonOR68XvX2sh1sEOHO",
+        "api_host": "https://posthog.element.io"
+    },
+    "privacy_policy_url": "https://element.io/cookie-policy",
+    "features": {
+        "threadsActivityCentre": true,
+        "feature_spotlight": true,
+        "feature_video_rooms": true,
+        "feature_element_call_video_rooms": true
+    },
+    "setting_defaults": {
+        "RustCrypto.staged_rollout_percent": 100
+    },
+    "map_style_url": "https://api.maptiler.com/maps/streets/style.json?key=fU3vlMsMn4Jb6dnEIFsx"
+}
diff --git a/apps/desktop/element.io/release/build.json b/apps/desktop/element.io/release/build.json
new file mode 100644
index 00000000000..33b85f7e48a
--- /dev/null
+++ b/apps/desktop/element.io/release/build.json
@@ -0,0 +1,7 @@
+{
+    "appId": "im.riot.app",
+    "name": "element-desktop",
+    "productName": "Element",
+    "description": "Element: the future of secure communication",
+    "protocols": ["io.element.desktop", "element"]
+}
diff --git a/apps/desktop/element.io/release/config.json b/apps/desktop/element.io/release/config.json
new file mode 100644
index 00000000000..b8aed8743d4
--- /dev/null
+++ b/apps/desktop/element.io/release/config.json
@@ -0,0 +1,55 @@
+{
+    "update_base_url": "https://packages.element.io/desktop/update/",
+    "default_server_name": "matrix.org",
+    "default_server_config": {
+        "m.homeserver": {
+            "base_url": "https://matrix-client.matrix.org"
+        },
+        "m.identity_server": {
+            "base_url": "https://vector.im"
+        }
+    },
+    "brand": "Element",
+    "integrations_ui_url": "https://scalar.vector.im/",
+    "integrations_rest_url": "https://scalar.vector.im/api",
+    "integrations_widgets_urls": [
+        "https://scalar.vector.im/_matrix/integrations/v1",
+        "https://scalar.vector.im/api",
+        "https://scalar-staging.vector.im/_matrix/integrations/v1",
+        "https://scalar-staging.vector.im/api",
+        "https://scalar-staging.riot.im/scalar/api"
+    ],
+    "bug_report_endpoint_url": "https://rageshakes.element.io/api/submit",
+    "uisi_autorageshake_app": "element-auto-uisi",
+    "room_directory": {
+        "servers": ["matrix.org", "gitter.im"]
+    },
+    "show_labs_settings": false,
+    "enable_presence_by_hs_url": {
+        "https://matrix.org": false,
+        "https://matrix-client.matrix.org": false
+    },
+    "terms_and_conditions_links": [
+        {
+            "url": "https://element.io/privacy",
+            "text": "Privacy Policy"
+        },
+        {
+            "url": "https://element.io/cookie-policy",
+            "text": "Cookie Policy"
+        }
+    ],
+    "posthog": {
+        "project_api_key": "phc_Jzsm6DTm6V2705zeU5dcNvQDlonOR68XvX2sh1sEOHO",
+        "api_host": "https://posthog.element.io"
+    },
+    "privacy_policy_url": "https://element.io/cookie-policy",
+    "map_style_url": "https://api.maptiler.com/maps/streets/style.json?key=fU3vlMsMn4Jb6dnEIFsx",
+    "setting_defaults": {
+        "RustCrypto.staged_rollout_percent": 60
+    },
+    "features": {
+        "feature_video_rooms": true,
+        "feature_element_call_video_rooms": true
+    }
+}
diff --git a/apps/desktop/hak/matrix-seshat/build.ts b/apps/desktop/hak/matrix-seshat/build.ts
new file mode 100644
index 00000000000..48ddccf33c8
--- /dev/null
+++ b/apps/desktop/hak/matrix-seshat/build.ts
@@ -0,0 +1,34 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 type HakEnv from "../../scripts/hak/hakEnv.ts";
+import type { DependencyInfo } from "../../scripts/hak/dep.ts";
+
+export default async function (hakEnv: HakEnv, moduleInfo: DependencyInfo): Promise<void> {
+    const env = hakEnv.makeGypEnv();
+
+    if (!hakEnv.isHost()) {
+        env.CARGO_BUILD_TARGET = hakEnv.getTargetId();
+    }
+
+    console.log("Running yarn install");
+    await hakEnv.spawn("yarn", ["install"], {
+        cwd: moduleInfo.moduleBuildDir,
+        env,
+        shell: true,
+    });
+
+    const buildTarget = hakEnv.wantsStaticSqlCipher() ? "build-bundled" : "build";
+
+    console.log("Running yarn build");
+    await hakEnv.spawn("yarn", ["run", buildTarget], {
+        cwd: moduleInfo.moduleBuildDir,
+        env,
+        shell: true,
+    });
+}
diff --git a/apps/desktop/hak/matrix-seshat/check.ts b/apps/desktop/hak/matrix-seshat/check.ts
new file mode 100644
index 00000000000..dba992e6fc8
--- /dev/null
+++ b/apps/desktop/hak/matrix-seshat/check.ts
@@ -0,0 +1,61 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 childProcess from "node:child_process";
+import fsProm from "node:fs/promises";
+
+import type HakEnv from "../../scripts/hak/hakEnv.ts";
+import type { Tool } from "../../scripts/hak/hakEnv.ts";
+import type { DependencyInfo } from "../../scripts/hak/dep.ts";
+
+export default async function (hakEnv: HakEnv, moduleInfo: DependencyInfo): Promise<void> {
+    const tools: Tool[] = [["rustc", "--version"]];
+    if (hakEnv.isWin()) {
+        tools.push(["perl", "--version"]); // for openssl configure
+        tools.push(["nasm", "-v"]); // for openssl building
+        tools.push(["patch", "--version"]); // to patch sqlcipher Makefile.msc
+        tools.push(["nmake", "/?"]);
+    } else {
+        tools.push(["make", "--version"]);
+    }
+    await hakEnv.checkTools(tools);
+
+    try {
+        // node-gyp uses python for reasons beyond comprehension
+        // Try python3 first, to get a more sensible error if python is not found in the fallback
+        await hakEnv.checkTools([["python3", "--version"]]);
+    } catch {
+        await hakEnv.checkTools([["python", "--version"]]);
+    }
+
+    // Ensure Rust target exists (nb. we avoid depending on rustup)
+    await new Promise((resolve, reject) => {
+        const rustc = childProcess.execFile(
+            "rustc",
+            ["--target", hakEnv.getTargetId(), "--emit=obj", "-o", "tmp", "-"],
+            (err, out) => {
+                if (err) {
+                    reject(
+                        "rustc can't build for target " +
+                            hakEnv.getTargetId() +
+                            ": ensure target is installed via `rustup target add " +
+                            hakEnv.getTargetId() +
+                            "` " +
+                            "or your package manager if not using `rustup`",
+                    );
+                    return;
+                }
+                resolve(fsProm.unlink("tmp"));
+            },
+        );
+        rustc.stdin!.write("fn main() {}");
+        rustc.stdout!.pipe(process.stdout);
+        rustc.stderr!.pipe(process.stderr);
+        rustc.stdin!.end();
+    });
+}
diff --git a/apps/desktop/hak/matrix-seshat/hak.json b/apps/desktop/hak/matrix-seshat/hak.json
new file mode 100644
index 00000000000..c0c6592701b
--- /dev/null
+++ b/apps/desktop/hak/matrix-seshat/hak.json
@@ -0,0 +1,7 @@
+{
+    "scripts": {
+        "check": "check.ts",
+        "build": "build.ts"
+    },
+    "copy": "index.node"
+}
diff --git a/apps/desktop/hak/tsconfig.json b/apps/desktop/hak/tsconfig.json
new file mode 100644
index 00000000000..2a3a2f7bddd
--- /dev/null
+++ b/apps/desktop/hak/tsconfig.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "moduleResolution": "node16",
+        "module": "Node16",
+        "esModuleInterop": true,
+        "target": "es2022",
+        "sourceMap": false,
+        "strict": true,
+        "lib": ["es2022"],
+        "types": ["node"],
+        "allowImportingTsExtensions": true,
+        "skipLibCheck": true,
+        "noEmit": true
+    },
+    "include": ["../scripts/@types/*.d.ts", "./**/*.ts"]
+}
diff --git a/apps/desktop/package.json b/apps/desktop/package.json
new file mode 100644
index 00000000000..d8ab36368bb
--- /dev/null
+++ b/apps/desktop/package.json
@@ -0,0 +1,108 @@
+{
+    "name": "element-desktop",
+    "productName": "Element",
+    "main": "lib/electron-main.js",
+    "exports": "./lib/electron-main.js",
+    "version": "1.12.25",
+    "description": "Element: the future of secure communication",
+    "author": {
+        "name": "Element",
+        "email": "support@element.io"
+    },
+    "homepage": "https://element.io",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/vector-im/element-web"
+    },
+    "license": "SEE LICENSE IN README.md",
+    "type": "module",
+    "files": [],
+    "engines": {
+        "node": ">=22.18"
+    },
+    "scripts": {
+        "i18n": "matrix-gen-i18n && pnpm i18n:sort && pnpm i18n:lint",
+        "i18n:sort": "matrix-sort-i18n src/i18n/strings/en_EN.json",
+        "i18n:lint": "oxfmt src/i18n/strings/",
+        "i18n:diff": "cp src/i18n/strings/en_EN.json src/i18n/strings/en_EN_orig.json && pnpm i18n && matrix-compare-i18n-files src/i18n/strings/en_EN_orig.json src/i18n/strings/en_EN.json",
+        "mkdirs": "mkdirp packages deploys",
+        "fetch": "pnpm run mkdirs && node scripts/fetch-package.ts",
+        "asar-webapp": "asar p webapp webapp.asar",
+        "start": "nx start",
+        "lint": "pnpm lint:types",
+        "lint:types": "pnpm lint:types:src && pnpm lint:types:node && pnpm lint:types:test && pnpm lint:types:scripts && pnpm lint:types:hak",
+        "lint:types:src": "tsc --noEmit",
+        "lint:types:node": "tsc --noEmit -p tsconfig.node.json",
+        "lint:types:test": "tsc --noEmit -p playwright/tsconfig.json",
+        "lint:types:scripts": "tsc --noEmit -p scripts/tsconfig.json",
+        "lint:types:hak": "tsc --noEmit -p hak/tsconfig.json",
+        "build:native": "pnpm run hak",
+        "build:native:universal": "pnpm run hak --target x86_64-apple-darwin fetchandbuild && pnpm run hak --target aarch64-apple-darwin fetchandbuild && pnpm run hak --target x86_64-apple-darwin --target aarch64-apple-darwin copyandlink",
+        "build:32": "nx build --ia32",
+        "build:64": "nx build --x64",
+        "build:universal": "nx build --universal",
+        "build": "nx build --",
+        "docker:setup": "docker build --platform linux/amd64 -t element-desktop-dockerbuild -f dockerbuild/Dockerfile .",
+        "docker:build:native": "scripts/in-docker.sh pnpm run hak",
+        "docker:build": "scripts/in-docker.sh pnpm run build",
+        "docker:install": "scripts/in-docker.sh pnpm install --filter=element-desktop --frozen-lockfile",
+        "clean": "rimraf webapp.asar dist packages deploys lib",
+        "hak": "node scripts/hak/index.ts",
+        "test:unit": "vitest",
+        "test:playwright": "nx test:playwright --",
+        "test:playwright:open": "nx test:playwright -- --ui",
+        "test:playwright:screenshots": "nx test:playwright:screenshots --",
+        "coverage": "pnpm test:unit --coverage",
+        "coverage:diff": "diff-cover --config-file ../../diff-cover.toml coverage/lcov.info",
+        "sane-postinstall": "electron-builder install-app-deps"
+    },
+    "dependencies": {
+        "@sentry/electron": "^7.0.0",
+        "auto-launch": "^5.0.5",
+        "counterpart": "^0.18.6",
+        "electron-store": "^11.0.0",
+        "electron-window-state": "^5.0.3",
+        "minimist": "^1.2.6",
+        "png-to-ico": "^3.0.0",
+        "uuid": "^14.0.0"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.18.10",
+        "@babel/preset-env": "^7.18.10",
+        "@babel/preset-typescript": "^7.18.6",
+        "@electron/asar": "4.2.1",
+        "@electron/fuses": "^2.1.1",
+        "@playwright/test": "catalog:",
+        "@types/auto-launch": "^5.0.1",
+        "@types/counterpart": "^0.18.1",
+        "@types/minimist": "^1.2.1",
+        "@types/node": "catalog:",
+        "@types/pacote": "^11.1.1",
+        "@typescript/native": "catalog:",
+        "app-builder-lib": "26.15.3",
+        "chokidar": "^5.0.0",
+        "detect-libc": "^2.0.0",
+        "electron": "43.2.0",
+        "electron-builder": "26.15.3",
+        "electron-builder-squirrel-windows": "26.15.3",
+        "electron-devtools-installer": "^4.0.0",
+        "glob": "^13.0.0",
+        "matrix-web-i18n": "catalog:",
+        "memfs": "^4.57.2",
+        "mkdirp": "^3.0.0",
+        "pacote": "^22.0.0",
+        "rimraf": "^6.0.0",
+        "shared-types": "workspace:*",
+        "tar": "^7.5.8",
+        "typescript": "catalog:ts6",
+        "vitest": "catalog:"
+    },
+    "hakDependencies": {
+        "matrix-seshat": "5.0.0"
+    },
+    "nx": {
+        "includedScripts": [
+            "lint:types"
+        ]
+    }
+}
diff --git a/apps/desktop/playwright.config.ts b/apps/desktop/playwright.config.ts
new file mode 100644
index 00000000000..bb8e2b52b45
--- /dev/null
+++ b/apps/desktop/playwright.config.ts
@@ -0,0 +1,27 @@
+/*
+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 { defineConfig } from "@playwright/test";
+
+export default defineConfig({
+    projects: [{ name: "Desktop" }],
+    tag: process.env.PW_TAG ? `@${process.env.PW_TAG}` : undefined,
+    use: {
+        viewport: { width: 1280, height: 720 },
+        video: "retain-on-failure",
+        trace: "on-first-retry",
+    },
+    testDir: "playwright/e2e",
+    outputDir: "playwright/test-results",
+    workers: 1,
+    retries: process.env.CI ? 2 : 0,
+    reporter: process.env.CI ? [["blob"], ["github"]] : [["html", { outputFolder: "playwright/html-report" }]],
+    snapshotDir: "playwright/snapshots",
+    snapshotPathTemplate: "{snapshotDir}/{testFilePath}/{arg}-{platform}{ext}",
+    timeout: 30 * 1000,
+});
diff --git a/apps/desktop/playwright/.gitignore b/apps/desktop/playwright/.gitignore
new file mode 100644
index 00000000000..bb8b5ccf208
--- /dev/null
+++ b/apps/desktop/playwright/.gitignore
@@ -0,0 +1,5 @@
+/test-results/
+/html-report/
+# Only commit snapshots from Linux
+/snapshots/**/*.png
+!/snapshots/**/*-linux.png
diff --git a/apps/desktop/playwright/Dockerfile b/apps/desktop/playwright/Dockerfile
new file mode 100644
index 00000000000..6e4ac756b46
--- /dev/null
+++ b/apps/desktop/playwright/Dockerfile
@@ -0,0 +1,26 @@
+# syntax=docker.io/docker/dockerfile:1.25-labs@sha256:4426b5e269e36911b94fb79cf67f1fd7155ef11b2bbc8ab23cbfcbc97130efe9
+
+# PNPM source
+FROM ghcr.io/pnpm/pnpm:11.10.0@sha256:9a6eb06d5f861d830fe27d85a91415e60527fa45ec45b52ee43c92a8aaf3bf8a AS pnpm
+
+FROM mcr.microsoft.com/playwright:v1.61.1-jammy@sha256:7b86926fff94374389e8e1f4fdc5c76d050d4a06a7886bb537bf412b20e2b71e
+
+WORKDIR /work
+
+COPY --from=pnpm /opt/pnpm /opt/pnpm
+RUN ln -s /opt/pnpm/pnpm /usr/local/bin/pnpm
+
+RUN apt-get update && \
+    apt-get -y install xvfb dbus-x11 && \
+    apt-get purge -y --auto-remove && \
+    rm -rf /var/lib/apt/lists/* && \
+    npm install -g pnpm@latest-11
+
+ENV GITHUB_ACTIONS=1
+ENV DEBUG=pw:browser
+
+# switch to node user
+USER 1000:1000
+
+COPY apps/desktop/playwright/docker-entrypoint.sh /opt/docker-entrypoint.sh
+ENTRYPOINT ["bash", "/opt/docker-entrypoint.sh"]
diff --git a/apps/desktop/playwright/docker-entrypoint.sh b/apps/desktop/playwright/docker-entrypoint.sh
new file mode 100644
index 00000000000..fd846cb2fa5
--- /dev/null
+++ b/apps/desktop/playwright/docker-entrypoint.sh
@@ -0,0 +1,12 @@
+#!/bin/bash
+
+set -e
+
+echo "Starting Xvfb"
+Xvfb :99 -ac &
+sleep 2
+
+export DISPLAY=:99
+
+PLAYWRIGHT_HTML_OPEN=never ELEMENT_DESKTOP_EXECUTABLE="./dist/linux-unpacked/element-desktop" \
+  exec pnpm -C apps/desktop exec playwright test --update-snapshots --reporter line,html "$1"
diff --git a/apps/desktop/playwright/e2e/launch/config-options.spec.ts b/apps/desktop/playwright/e2e/launch/config-options.spec.ts
new file mode 100644
index 00000000000..db5e91711c1
--- /dev/null
+++ b/apps/desktop/playwright/e2e/launch/config-options.spec.ts
@@ -0,0 +1,41 @@
+/*
+Copyright 2024 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 { fileURLToPath } from "node:url";
+
+import { test, expect } from "../../element-desktop-test.js";
+
+test.describe("App config options", () => {
+    test.describe("Should load custom config via env", () => {
+        test.slow();
+        test.use({
+            extraEnv: {
+                ELEMENT_DESKTOP_CONFIG_JSON: fileURLToPath(import.meta.resolve("../../fixtures/custom-config.json")),
+            },
+        });
+        test("should launch and use configured homeserver", async ({ page }) => {
+            await page.locator("#matrixchat").waitFor();
+            await page.locator(".mx_Welcome").waitFor();
+            await expect(page).toHaveURL("vector://vector/webapp/#/welcome");
+            await page.getByText("Sign in").click();
+            await page.getByText("matrix.example.org", { exact: true }).waitFor();
+        });
+    });
+    test.describe("Should load custom config via argument", () => {
+        test.slow();
+        test.use({
+            extraArgs: ["--config", fileURLToPath(import.meta.resolve("../../fixtures/custom-config.json"))],
+        });
+        test("should launch and use configured homeserver", async ({ page }) => {
+            await page.locator("#matrixchat").waitFor();
+            await page.locator(".mx_Welcome").waitFor();
+            await expect(page).toHaveURL("vector://vector/webapp/#/welcome");
+            await page.getByText("Sign in").click();
+            await page.getByText("matrix.example.org", { exact: true }).waitFor();
+        });
+    });
+});
diff --git a/apps/desktop/playwright/e2e/launch/launch.spec.ts b/apps/desktop/playwright/e2e/launch/launch.spec.ts
new file mode 100644
index 00000000000..b10dd603c15
--- /dev/null
+++ b/apps/desktop/playwright/e2e/launch/launch.spec.ts
@@ -0,0 +1,75 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { test, expect } from "../../element-desktop-test.js";
+
+declare global {
+    interface ElectronPlatform {
+        getEventIndexingManager():
+            | {
+                  supportsEventIndexing(): Promise<boolean>;
+              }
+            | undefined;
+        getPickleKey(userId: string, deviceId: string): Promise<string | null>;
+        createPickleKey(userId: string, deviceId: string): Promise<string | null>;
+    }
+
+    interface Window {
+        mxPlatformPeg: {
+            get(): ElectronPlatform;
+        };
+    }
+}
+
+test.describe("App launch", () => {
+    test.slow();
+
+    test.beforeEach(async ({ page }) => {
+        await page.locator("#matrixchat").waitFor();
+        await page.locator(".mx_Welcome").waitFor();
+    });
+
+    test("should launch and render the welcome view successfully", async ({ page }) => {
+        await expect(page).toHaveURL("vector://vector/webapp/#/welcome");
+        await expect(page).toHaveScreenshot();
+    });
+
+    test("should launch and render the welcome view successfully and support seshat", async ({ page }) => {
+        await expect(
+            page.evaluate<boolean>(async () => {
+                return window.mxPlatformPeg.get().getEventIndexingManager()?.supportsEventIndexing();
+            }),
+        ).resolves.toBeTruthy();
+    });
+
+    test.describe("safeStorage", () => {
+        const userId = "@user:server";
+        const deviceId = "ABCDEF";
+
+        test("should be supported", async ({ page }) => {
+            await expect(
+                page.evaluate(
+                    ([userId, deviceId]) => window.mxPlatformPeg.get().createPickleKey(userId, deviceId),
+                    [userId, deviceId],
+                ),
+            ).resolves.not.toBeNull();
+        });
+    });
+
+    test.describe("--no-update", () => {
+        test.use({
+            extraArgs: ["--no-update"],
+        });
+
+        // XXX: this test works fine locally but in CI the app start races with the test plumbing up the stdout/stderr pipes
+        // which means the logs are missed, disabling for now.
+        test.skip("should respect option", async ({ page, stdout }) => {
+            expect(stdout.data.toString()).toContain("Auto update disabled via command line flag");
+        });
+    });
+});
diff --git a/apps/desktop/playwright/e2e/launch/oidc.spec.ts b/apps/desktop/playwright/e2e/launch/oidc.spec.ts
new file mode 100644
index 00000000000..f366dd2e5ef
--- /dev/null
+++ b/apps/desktop/playwright/e2e/launch/oidc.spec.ts
@@ -0,0 +1,36 @@
+/*
+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 { test, expect } from "../../element-desktop-test.js";
+
+declare global {
+    interface ElectronPlatform {
+        getOAuthCallbackUrl(): URL;
+    }
+
+    interface Window {
+        mxPlatformPeg: {
+            get(): ElectronPlatform;
+        };
+    }
+}
+
+test.describe("OIDC Native", () => {
+    test.slow();
+
+    test.beforeEach(async ({ page }) => {
+        await page.locator(".mx_Welcome").waitFor();
+    });
+
+    test("should use OIDC callback URL without authority component", async ({ page }) => {
+        await expect(
+            page.evaluate<string>(() => {
+                return window.mxPlatformPeg.get().getOAuthCallbackUrl().toString();
+            }),
+        ).resolves.toMatch(/io\.element\.(desktop|nightly):\/vector\/webapp\//);
+    });
+});
diff --git a/apps/desktop/playwright/element-desktop-test.ts b/apps/desktop/playwright/element-desktop-test.ts
new file mode 100644
index 00000000000..86ca5d1a729
--- /dev/null
+++ b/apps/desktop/playwright/element-desktop-test.ts
@@ -0,0 +1,123 @@
+/*
+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 { _electron as electron, test as base, expect as baseExpect, type ElectronApplication } from "@playwright/test";
+import fs from "node:fs/promises";
+import path from "node:path";
+import os from "node:os";
+import { fileURLToPath } from "node:url";
+import { PassThrough } from "node:stream";
+
+/**
+ * A PassThrough stream that captures all data written to it.
+ */
+class CapturedPassThrough extends PassThrough {
+    private _chunks: any[] = [];
+
+    public constructor() {
+        super();
+        super.on("data", this.onData);
+    }
+
+    private onData = (chunk: any): void => {
+        this._chunks.push(chunk);
+    };
+
+    public get data(): Buffer {
+        return Buffer.concat(this._chunks);
+    }
+}
+
+interface Fixtures {
+    app: ElectronApplication;
+    tmpDir: string;
+    extraEnv: Record<string, string>;
+    extraArgs: string[];
+
+    // Utilities to capture stdout and stderr for tests to make assertions against
+    stdout: CapturedPassThrough;
+    stderr: CapturedPassThrough;
+}
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export const test = base.extend<Fixtures>({
+    extraEnv: {},
+    extraArgs: [],
+
+    stdout: async ({}, use) => {
+        await use(new CapturedPassThrough());
+    },
+    stderr: async ({}, use) => {
+        await use(new CapturedPassThrough());
+    },
+
+    tmpDir: async ({}, use) => {
+        const tmpDir = await fs.mkdtemp(path.join(os.tmpdir(), "element-desktop-tests-"));
+        await use(tmpDir);
+        await fs.rm(tmpDir, { recursive: true });
+    },
+    app: async ({ tmpDir, extraEnv, extraArgs, stdout, stderr }, use) => {
+        const args = ["--profile-dir", tmpDir, ...extraArgs];
+
+        if (process.env.GITHUB_ACTIONS) {
+            args.push("--disable-gpu");
+
+            if (process.platform === "linux") {
+                if (process.getuid() === 0) {
+                    args.push("--no-sandbox");
+                }
+
+                // GitHub Actions hosted runner lacks dbus and a compatible keyring, so we need to force plaintext storage
+                args.push("--storage-mode", "force-plaintext");
+            } else if (process.platform === "darwin") {
+                // GitHub Actions hosted runner has no working default keychain, so allow plaintext storage
+                args.push("--storage-mode", "allow-plaintext");
+            }
+        }
+
+        const executablePath = process.env["ELEMENT_DESKTOP_EXECUTABLE"];
+        if (!executablePath) {
+            // Unpackaged mode testing
+            args.unshift(path.join(__dirname, "..", "lib", "electron-main.js"));
+        }
+
+        console.log(`Launching '${executablePath || "electron"}' with args ${args.join(" ")}`);
+
+        const app = await electron.launch({
+            env: {
+                ...process.env,
+                ...extraEnv,
+            },
+            executablePath,
+            args,
+        });
+
+        app.process().stdout.pipe(stdout).pipe(process.stdout);
+        app.process().stderr.pipe(stderr).pipe(process.stderr);
+
+        await app.firstWindow();
+
+        // Block matrix.org access to ensure consistent tests
+        const context = app.context();
+        await context.route("https://matrix.org/**", async (route) => {
+            await route.abort();
+        });
+
+        await use(app);
+    },
+    page: async ({ app }, use) => {
+        const window = await app.firstWindow();
+        await use(window);
+        await app.close().catch((e) => {
+            console.error(e);
+        });
+    },
+});
+
+export const expect = baseExpect;
diff --git a/apps/desktop/playwright/fixtures/custom-config.json b/apps/desktop/playwright/fixtures/custom-config.json
new file mode 100644
index 00000000000..bcbc938c323
--- /dev/null
+++ b/apps/desktop/playwright/fixtures/custom-config.json
@@ -0,0 +1,10 @@
+{
+    "default_server_config": {
+        "m.homeserver": {
+            "base_url": "https://matrix.example.org"
+        },
+        "m.identity_server": {
+            "base_url": "https://identity.example.org"
+        }
+    }
+}
diff --git a/apps/desktop/playwright/snapshots/launch/launch.spec.ts/App-launch-should-launch-and-render-the-welcome-view-successfully-1-linux.png b/apps/desktop/playwright/snapshots/launch/launch.spec.ts/App-launch-should-launch-and-render-the-welcome-view-successfully-1-linux.png
new file mode 100644
index 00000000000..baec548402d
Binary files /dev/null and b/apps/desktop/playwright/snapshots/launch/launch.spec.ts/App-launch-should-launch-and-render-the-welcome-view-successfully-1-linux.png differ
diff --git a/apps/desktop/playwright/tsconfig.json b/apps/desktop/playwright/tsconfig.json
new file mode 100644
index 00000000000..931ff180756
--- /dev/null
+++ b/apps/desktop/playwright/tsconfig.json
@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+        "resolveJsonModule": true,
+        "moduleResolution": "bundler",
+        "esModuleInterop": true,
+        "target": "es2022",
+        "module": "ESNext",
+        "lib": ["es2024", "dom", "dom.iterable"],
+        "strictNullChecks": false,
+        "types": ["node"]
+    },
+    "include": ["**/*.ts"]
+}
diff --git a/apps/desktop/project.json b/apps/desktop/project.json
new file mode 100644
index 00000000000..ae1bd1453e8
--- /dev/null
+++ b/apps/desktop/project.json
@@ -0,0 +1,83 @@
+{
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "projectType": "application",
+    "implicitDependencies": ["element-web"],
+    "root": "apps/desktop",
+    "targets": {
+        "docker:build": {
+            "executor": "@nx-tools/nx-container:build",
+            "options": {
+                "load": true,
+                "engine": "docker",
+                "platforms": ["linux/amd64", "linux/arm64"],
+                "provenance": "true",
+                "sbom": true,
+                "context": "{projectRoot}",
+                "file": "{projectRoot}/dockerbuild/Dockerfile",
+                "metadata": {
+                    "images": ["ghcr.io/element-hq/element-web/desktop-build-env"],
+                    "tags": ["type=ref,event=branch"]
+                }
+            }
+        },
+        "build:ts": {
+            "cache": true,
+            "command": "tsc",
+            "inputs": ["src", "{projectRoot}/tsconfig.json"],
+            "outputs": ["{projectRoot}/lib/*.js", "{projectRoot}/lib/*.d.ts"],
+            "options": { "cwd": "apps/desktop" }
+        },
+        "build:res": {
+            "cache": true,
+            "command": "node scripts/copy-res.ts",
+            "inputs": ["{projectRoot}/i18n"],
+            "outputs": ["{projectRoot}/lib/i18n"],
+            "options": { "cwd": "apps/desktop" }
+        },
+        "build": {
+            "cache": true,
+            "command": "pnpm exec electron-builder",
+            "inputs": [
+                "src",
+                "{projectRoot}/.hak/hakModules",
+                "{projectRoot}/electron-builder.json",
+                "{projectRoot}/webapp.asar"
+            ],
+            "outputs": ["{projectRoot}/dist"],
+            "options": { "cwd": "apps/desktop" },
+            "dependsOn": ["build:*"]
+        },
+        "start": {
+            "command": "electron .",
+            "options": { "cwd": "apps/desktop" },
+            "dependsOn": ["build:*"]
+        },
+        "test:playwright": {
+            "command": "playwright test",
+            "options": { "cwd": "apps/desktop" }
+        },
+        "test:playwright:screenshots:build-app": {
+            "executor": "nx:run-commands",
+            "options": {
+                "commands": [
+                    "pnpm run build -l --x64 --dir --publish=never",
+                    "pnpm exec electron-fuses write --app ./dist/linux-unpacked/element-desktop EnableNodeCliInspectArguments=on"
+                ],
+                "parallel": false,
+                "cwd": "apps/desktop"
+            },
+            "dependsOn": ["build:*"]
+        },
+        "test:playwright:screenshots:build-docker": {
+            "cache": true,
+            "command": "docker build -f playwright/Dockerfile -t element-desktop-playwright --platform linux/amd64 ../..",
+            "inputs": ["{projectRoot}/playwright/Dockerfile", "{projectRoot}/playwright/docker-entrypoint.sh"],
+            "options": { "cwd": "apps/desktop" }
+        },
+        "test:playwright:screenshots": {
+            "command": "docker run --rm --network host -v $(pwd)/../../:/work/ --platform linux/amd64 -it element-desktop-playwright",
+            "options": { "cwd": "apps/desktop" },
+            "dependsOn": ["test:playwright:screenshots:*"]
+        }
+    }
+}
diff --git a/apps/desktop/scripts/cl.bat b/apps/desktop/scripts/cl.bat
new file mode 100644
index 00000000000..e5ee0ec5d48
--- /dev/null
+++ b/apps/desktop/scripts/cl.bat
@@ -0,0 +1,7 @@
+REM Batch file to aid in cross-compiling sqlcipher for Windows ARM64
+REM Full path should be passed to Makefile.msc as NCC env var
+
+setlocal
+call "C:\Program Files\Microsoft Visual Studio\2022\Enterprise\VC\Auxiliary\Build\vcvarsall.bat" %VSCMD_ARG_HOST_ARCH%
+cl.exe %*
+endlocal
diff --git a/apps/desktop/scripts/copy-res.ts b/apps/desktop/scripts/copy-res.ts
new file mode 100755
index 00000000000..e8ac13b60fe
--- /dev/null
+++ b/apps/desktop/scripts/copy-res.ts
@@ -0,0 +1,88 @@
+#!/usr/bin/env node
+
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+// copies resources into the lib directory.
+
+import parseArgs from "minimist";
+import * as chokidar from "chokidar";
+import path from "node:path";
+import * as fs from "node:fs";
+
+const argv = parseArgs(process.argv.slice(2), {});
+
+const watch = argv.w;
+const verbose = argv.v;
+
+function errCheck(err: unknown): void {
+    if (err) {
+        console.error(err instanceof Error ? err.message : err);
+        process.exit(1);
+    }
+}
+
+const I18N_BASE_PATH = "src/i18n/strings/";
+const INCLUDE_LANGS = fs.readdirSync(I18N_BASE_PATH).filter((fn) => fn.endsWith(".json"));
+
+// Ensure lib, lib/i18n and lib/i18n/strings all exist
+fs.mkdirSync("lib/i18n/strings", { recursive: true });
+
+type Translations = Record<string, Record<string, string> | string>;
+
+function genLangFile(file: string, dest: string): void {
+    const translations: Translations = {};
+    [file].forEach(function (f) {
+        if (fs.existsSync(f)) {
+            try {
+                Object.assign(translations, JSON.parse(fs.readFileSync(f).toString()));
+            } catch (e) {
+                console.error("Failed: " + f, e);
+                throw e;
+            }
+        }
+    });
+
+    const json = JSON.stringify(translations, null, 4);
+    const filename = path.basename(file);
+
+    fs.writeFileSync(dest + filename, json);
+    if (verbose) {
+        console.log("Generated language file: " + filename);
+    }
+}
+
+/*
+ watch the input files for a given language,
+ regenerate the file, and regenerating languages.json with the new filename
+ */
+function watchLanguage(file: string, dest: string): void {
+    // XXX: Use a debounce because for some reason if we read the language
+    // file immediately after the FS event is received, the file contents
+    // appears empty. Possibly https://github.com/nodejs/node/issues/6112
+    let makeLangDebouncer: NodeJS.Timeout | undefined;
+    const makeLang = (): void => {
+        if (makeLangDebouncer) {
+            clearTimeout(makeLangDebouncer);
+        }
+        makeLangDebouncer = setTimeout(() => {
+            genLangFile(file, dest);
+        }, 500);
+    };
+
+    chokidar.watch(file).on("add", makeLang).on("change", makeLang).on("error", errCheck);
+}
+
+// language resources
+const I18N_DEST = "lib/i18n/strings/";
+INCLUDE_LANGS.forEach((file): void => {
+    genLangFile(I18N_BASE_PATH + file, I18N_DEST);
+}, {});
+
+if (watch) {
+    INCLUDE_LANGS.forEach((file) => watchLanguage(I18N_BASE_PATH + file, I18N_DEST));
+}
diff --git a/apps/desktop/scripts/fetch-package.ts b/apps/desktop/scripts/fetch-package.ts
new file mode 100644
index 00000000000..2d882f29f13
--- /dev/null
+++ b/apps/desktop/scripts/fetch-package.ts
@@ -0,0 +1,246 @@
+#!/usr/bin/env node
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import path from "node:path";
+import { createWriteStream, promises as fs } from "node:fs";
+import * as childProcess from "node:child_process";
+import * as tar from "tar";
+import * as asar from "@electron/asar";
+import { promises as stream } from "node:stream";
+
+import riotDesktopPackageJson from "../package.json" with { type: "json" };
+import { setPackageVersion } from "./set-version.ts";
+
+const PUB_KEY_URL = "https://packages.riot.im/element-release-key.asc";
+const PACKAGE_URL_PREFIX = "https://github.com/element-hq/element-web/releases/download/";
+const DEVELOP_TGZ_URL = "https://develop.element.io/develop.tar.gz";
+const ASAR_PATH = "webapp.asar";
+
+async function downloadToFile(url: string, filename: string): Promise<void> {
+    console.log("Downloading " + url + "...");
+
+    try {
+        const resp = await fetch(url);
+        if (!resp.ok) throw new Error(`unexpected response ${resp.statusText}`);
+        if (!resp.body) throw new Error(`unexpected response has no body ${resp.statusText}`);
+        await stream.pipeline(resp.body, createWriteStream(filename));
+    } catch (e) {
+        console.error(e);
+        try {
+            await fs.unlink(filename);
+        } catch {}
+        throw e;
+    }
+}
+
+async function verifyFile(filename: string): Promise<void> {
+    return new Promise<void>((resolve, reject) => {
+        childProcess.execFile("gpg", ["--verify", filename + ".asc", filename], (error) => {
+            if (error) {
+                reject(error);
+            } else {
+                resolve();
+            }
+        });
+    });
+}
+
+async function main(): Promise<number | undefined> {
+    let verify = true;
+    let importkey = false;
+    let pkgDir = "packages";
+    let deployDir = "deploys";
+    let cfgDir: string | undefined;
+    let targetVersion: string | undefined;
+    let filename: string | undefined;
+    let url: string | undefined;
+    let setVersion = false;
+
+    while (process.argv.length > 2) {
+        switch (process.argv[2]) {
+            case "--noverify":
+                verify = false;
+                break;
+            case "--importkey":
+                importkey = true;
+                break;
+            case "--packages":
+                process.argv.shift();
+                pkgDir = process.argv[2];
+                break;
+            case "--deploys":
+                process.argv.shift();
+                deployDir = process.argv[2];
+                break;
+            case "--cfgdir":
+            case "-d":
+                process.argv.shift();
+                cfgDir = process.argv[2];
+                break;
+            default:
+                targetVersion = process.argv[2];
+        }
+        process.argv.shift();
+    }
+
+    if (targetVersion === undefined) {
+        targetVersion = "v" + riotDesktopPackageJson.version;
+    } else if (targetVersion !== "develop") {
+        setVersion = true; // version was specified
+    }
+
+    if (targetVersion === "develop") {
+        filename = "develop.tar.gz";
+        url = DEVELOP_TGZ_URL;
+        verify = false; // develop builds aren't signed
+    } else if (targetVersion.includes("://")) {
+        filename = targetVersion.substring(targetVersion.lastIndexOf("/") + 1);
+        url = targetVersion;
+        verify = false; // manually verified
+    } else {
+        filename = `element-${targetVersion}.tar.gz`;
+        url = PACKAGE_URL_PREFIX + targetVersion + "/" + filename;
+    }
+
+    const haveGpg = await new Promise<boolean>((resolve) => {
+        childProcess.execFile("gpg", ["--version"], (error) => {
+            resolve(!error);
+        });
+    });
+
+    if (importkey) {
+        if (!haveGpg) {
+            console.log("Can't import key without working GPG binary: install GPG and try again");
+            return 1;
+        }
+
+        await new Promise<boolean>((resolve, reject) => {
+            const gpgProc = childProcess.execFile("gpg", ["--import"], (error) => {
+                if (error) {
+                    console.log("Failed to import key", error);
+                } else {
+                    console.log("Key imported!");
+                }
+                resolve(!error);
+            });
+            fetch(PUB_KEY_URL)
+                .then((resp) => {
+                    if (!resp.ok) throw new Error(`unexpected response ${resp.statusText}`);
+                    if (!resp.body) throw new Error(`unexpected response has no body ${resp.statusText}`);
+                    stream.pipeline(resp.body, gpgProc.stdin!).catch(reject);
+                })
+                .catch(reject);
+        });
+        return 0;
+    }
+
+    if (cfgDir === undefined) {
+        console.log("No config directory set");
+        console.log("Specify a config directory with --cfgdir or -d");
+        console.log("To build with no config (and no auto-update), pass the empty string (-d '')");
+        return 1;
+    }
+
+    if (verify && !haveGpg) {
+        console.log("No working GPG binary: install GPG or pass --noverify to skip verification");
+        return 1;
+    }
+
+    let haveDeploy = false;
+    let expectedDeployDir = path.join(deployDir, path.basename(filename).replace(/\.tar\.gz/, ""));
+    try {
+        await fs.opendir(expectedDeployDir);
+        console.log(expectedDeployDir + "already exists");
+        haveDeploy = true;
+    } catch {}
+
+    if (!haveDeploy) {
+        const outPath = path.join(pkgDir, filename);
+        try {
+            await fs.stat(outPath);
+            console.log("Already have " + filename + ": not redownloading");
+        } catch {
+            try {
+                await downloadToFile(url, outPath);
+            } catch (e) {
+                console.log("Failed to download " + url, e);
+                return 1;
+            }
+        }
+
+        if (verify) {
+            try {
+                await fs.stat(outPath + ".asc");
+                console.log("Already have " + filename + ".asc: not redownloading");
+            } catch {
+                try {
+                    await downloadToFile(url + ".asc", outPath + ".asc");
+                } catch (e) {
+                    console.log("Failed to download " + url, e);
+                    return 1;
+                }
+            }
+
+            try {
+                await verifyFile(outPath);
+                console.log(outPath + " downloaded and verified");
+            } catch (e) {
+                console.log("Signature verification failed!", e);
+                return 1;
+            }
+        } else {
+            console.log(outPath + " downloaded but NOT verified");
+        }
+
+        await tar.x({
+            file: outPath,
+            cwd: deployDir,
+            onentry: (entry) => {
+                // Find the appropriate extraction path, only needed for `develop` where the dir name is unknown
+                if (entry.type === "Directory" && !path.join(deployDir, entry.path).startsWith(expectedDeployDir)) {
+                    expectedDeployDir = path.join(deployDir, entry.path);
+                }
+            },
+        });
+    }
+
+    try {
+        await fs.stat(ASAR_PATH);
+        console.log(ASAR_PATH + " already present: removing");
+        await fs.unlink(ASAR_PATH);
+    } catch {}
+
+    if (cfgDir.length) {
+        const configJsonSource = path.join(cfgDir, "config.json");
+        const configJsonDest = path.join(expectedDeployDir, "config.json");
+        console.log(configJsonSource + " -> " + configJsonDest);
+        await fs.copyFile(configJsonSource, configJsonDest);
+    } else {
+        console.log("Skipping config file");
+    }
+
+    console.log("Pack " + expectedDeployDir + " -> " + ASAR_PATH);
+    await asar.createPackage(expectedDeployDir, ASAR_PATH);
+
+    if (setVersion) {
+        const semVer = (await fs.readFile(path.join(expectedDeployDir, "version"), "utf-8")).trim();
+        console.log("Updating version to " + semVer);
+        await setPackageVersion(semVer);
+    }
+
+    console.log("Done!");
+}
+
+main()
+    .then((ret) => {
+        process.exit(ret);
+    })
+    .catch((e) => {
+        console.error(e);
+        process.exit(1);
+    });
diff --git a/apps/desktop/scripts/generate-nightly-version.ts b/apps/desktop/scripts/generate-nightly-version.ts
new file mode 100755
index 00000000000..aa8245d99e6
--- /dev/null
+++ b/apps/desktop/scripts/generate-nightly-version.ts
@@ -0,0 +1,47 @@
+#!/usr/bin/env node
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+/**
+ * Script to generate incremental Nightly build versions, based on the latest Nightly build version of that kind.
+ * The version format is YYYYMMDDNN where NN is in case we need to do multiple versions in a day.
+ *
+ * NB. on windows, squirrel will try to parse the version number parts, including this string, into 32-bit integers,
+ * which is fine as long as we only add two digits to the end...
+ */
+
+import parseArgs from "minimist";
+
+const argv = parseArgs<{
+    latest?: string;
+}>(process.argv.slice(2), {
+    string: ["latest"],
+});
+
+function parseVersion(version: string): [Date, number] {
+    const year = parseInt(version.slice(0, 4), 10);
+    const month = parseInt(version.slice(4, 6), 10);
+    const day = parseInt(version.slice(6, 8), 10);
+    const num = parseInt(version.slice(8, 10), 10);
+    return [new Date(year, month - 1, day), num];
+}
+
+const [latestDate, latestNum] = argv.latest ? parseVersion(argv.latest) : [];
+
+const now = new Date();
+const month = (now.getMonth() + 1).toString().padStart(2, "0");
+const date = now.getDate().toString().padStart(2, "0");
+let buildNum = 1;
+if (latestDate && new Date(latestDate).getDate().toString().padStart(2, "0") === date) {
+    buildNum = latestNum! + 1;
+}
+
+if (buildNum > 99) {
+    throw new Error("Maximum number of Nightlies exceeded on this day.");
+}
+
+console.log(now.getFullYear() + month + date + buildNum.toString().padStart(2, "0"));
diff --git a/apps/desktop/scripts/get-version.ts b/apps/desktop/scripts/get-version.ts
new file mode 100755
index 00000000000..90e2b4d9be9
--- /dev/null
+++ b/apps/desktop/scripts/get-version.ts
@@ -0,0 +1,36 @@
+#!/usr/bin/env node
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+/*
+ * Checks for the presence of a webapp, inspects its version and prints it
+ */
+
+import url from "node:url";
+
+import { versionFromAsar } from "./set-version.ts";
+
+async function main(): Promise<number> {
+    const version = await versionFromAsar();
+    console.log(version);
+
+    return 0;
+}
+
+if (import.meta.url.startsWith("file:")) {
+    const modulePath = url.fileURLToPath(import.meta.url);
+    if (process.argv[1] === modulePath) {
+        main()
+            .then((ret) => {
+                process.exit(ret);
+            })
+            .catch((e) => {
+                console.error(e);
+                process.exit(1);
+            });
+    }
+}
diff --git a/apps/desktop/scripts/glibc-check.sh b/apps/desktop/scripts/glibc-check.sh
new file mode 100755
index 00000000000..6e7dc576666
--- /dev/null
+++ b/apps/desktop/scripts/glibc-check.sh
@@ -0,0 +1,57 @@
+#!/usr/bin/env bash
+
+# Source https://gist.github.com/vladimyr/9a03481154cd3048a486bdf71e5e1535/57e57a6ace6fb2c8bba948bce726df7a96c3f99f
+# This scripts lets you check which minimum GLIBC version an executable requires.
+# Simply run './glibc-check.sh path/to/your/binary'
+MAX_GLIBC="${MAX_GLIBC:-2.28}"
+
+BINARY="$1"
+
+# Version comparison function in bash
+vercomp() {
+  if [[ $1 == "$2" ]]; then
+    return 0
+  fi
+  local i ver1 ver2
+  IFS="." read -ra ver1 <<<"$1"
+  IFS="." read -ra ver2 <<<"$2"
+  # fill empty fields in ver1 with zeros
+  for ((i = ${#ver1[@]}; i < ${#ver2[@]}; i++)); do
+    ver1[i]=0
+  done
+  for ((i = 0; i < ${#ver1[@]}; i++)); do
+    if [[ -z ${ver2[i]} ]]; then
+      # fill empty fields in ver2 with zeros
+      ver2[i]=0
+    fi
+    if ((10#${ver1[i]} > 10#${ver2[i]})); then
+      return 1
+    fi
+    if ((10#${ver1[i]} < 10#${ver2[i]})); then
+      return 2
+    fi
+  done
+  return 0
+}
+
+IFS="
+"
+VERS=$(objdump -T "$BINARY" | grep GLIBC_ | sed 's/.*GLIBC_\([.0-9]*\).*/\1/g' | sort -u)
+
+for VER in $VERS; do
+  vercomp "$VER" "$MAX_GLIBC"
+  COMP=$?
+  if [[ $COMP -eq 1 ]]; then
+    echo "Error! ${BINARY} requests GLIBC ${VER}, which is higher than target ${MAX_GLIBC}"
+    echo "Affected symbols:"
+    objdump -T "$BINARY" | grep -F "GLIBC_${VER}"
+    echo "Looking for symbols in libraries..."
+    for LIBRARY in $(ldd "$BINARY" | cut -d ' ' -f 3); do
+      echo "$LIBRARY"
+      objdump -T "$LIBRARY" | grep -F "GLIBC_${VER}"
+    done
+    exit 27
+  else
+    echo "Found version ${VER}"
+  fi
+done
diff --git a/apps/desktop/scripts/hak/README.md b/apps/desktop/scripts/hak/README.md
new file mode 100644
index 00000000000..fe6ce466cca
--- /dev/null
+++ b/apps/desktop/scripts/hak/README.md
@@ -0,0 +1,78 @@
+# hak
+
+This tool builds native dependencies for element-desktop. Here follows some very minimal
+documentation for it.
+
+Goals:
+
+- Must build compiled native node modules in a shippable state
+  (ie. only dynamically linked against libraries that will be on the
+  target system, all unnecessary files removed).
+- Must be able to build any native module, no matter what build system
+  it uses (electron-rebuild is supposed to do this job but only works
+  for modules that use gyp).
+
+It's also loosely designed to be a general tool and agnostic to what it's
+actually building. It's used here to build modules for the electron app
+but should work equally well for building modules for normal node.
+
+# Running
+
+Hak is invoked with a command and a dependency, eg. `pnpm run hak fetch matrix-seshat`.
+If no dependencies are given, hak runs the command on all dependencies.
+
+# Files
+
+There are a lot of files involved:
+
+- scripts/hak/... - The tool itself
+- hak/[dependency] - Files provided by the app that tell hak how to build each of its native dependencies.
+  Contains a hak.json file and also some script files, each of which must be referenced in hak.json.
+- .hak/ - Files generated by hak in the course of doing its job. Includes the dependency module itself and
+  any of the native dependency's native dependencies.
+- .hak/[dependency]/build - An extracted copy of the dependency's node module used to build it.
+- .hak/[dependency]/out - Another extracted copy of the dependency, this one contains only what will be shipped.
+
+# Workings
+
+Hak works around native node modules that try to fetch or build their native component in
+the npm 'install' phase - modules that do this will typically end up with native components
+targeted to the build platform and the node that npm/pnpm is using, which is no good for an
+electron app.
+
+It does this by installing it with `--ignore-scripts` and then using `pnpm link` to keep the
+dependency module separate so pnpm doesn't try to run its install / postinstall script
+at other points (eg. whenever you `pnpm add` a random other dependency).
+
+This also means that the dependencies cannot be listed in `dependencies` or
+`devDependencies` in the project, since this would cause pnpm to install them and
+try to fetch their native parts. Instead, they are listed in `hakDependencies` which
+hak reads to install them for you.
+
+Hak will _not_ install dependencies for the copy of the module it links into your
+project, so if your native module has javascript dependencies that are actually needed at
+runtime (and not just to fetch / build the native parts), it won't work.
+
+# Lifecycle
+
+Hak is divided into lifecycle stages, in order:
+
+- fetch - Download and extract the source of the dependency
+- link - Link the copy of the dependency into your node_modules directory
+- build - The Good Stuff. Configure and build any native dependencies, then the module itself.
+- copy - Copy the built artifact from the module build directory to the module output directory.
+
+# hak.json
+
+The scripts section contains scripts used for lifecycle stages that need them (fetch, build).
+It also contains 'prune' and 'copy' which are globs of files to delete from the output module directory
+and copy over from the module build directory to the output module directory, respectively.
+
+# Shortcomings
+
+Hak doesn't know about dependencies between lifecycle stages, ie. it doesn't know that you need to
+'fetch' before you can 'build', etc. You get to run each individually, and remember
+the right order.
+
+There is also a _lot_ of duplication in the command execution: we should abstract away
+some of the boilerplate required to run commands & so forth.
diff --git a/apps/desktop/scripts/hak/build.ts b/apps/desktop/scripts/hak/build.ts
new file mode 100644
index 00000000000..2b2ab42ac58
--- /dev/null
+++ b/apps/desktop/scripts/hak/build.ts
@@ -0,0 +1,14 @@
+/*
+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 type { DependencyInfo } from "./dep.ts";
+import type HakEnv from "./hakEnv.ts";
+
+export default async function build(hakEnv: HakEnv, moduleInfo: DependencyInfo): Promise<void> {
+    await moduleInfo.scripts.build(hakEnv, moduleInfo);
+}
diff --git a/apps/desktop/scripts/hak/check.ts b/apps/desktop/scripts/hak/check.ts
new file mode 100644
index 00000000000..dc55400fcad
--- /dev/null
+++ b/apps/desktop/scripts/hak/check.ts
@@ -0,0 +1,14 @@
+/*
+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 type { DependencyInfo } from "./dep.ts";
+import type HakEnv from "./hakEnv.ts";
+
+export default async function check(hakEnv: HakEnv, moduleInfo: DependencyInfo): Promise<void> {
+    await moduleInfo.scripts.check?.(hakEnv, moduleInfo);
+}
diff --git a/apps/desktop/scripts/hak/clean.ts b/apps/desktop/scripts/hak/clean.ts
new file mode 100644
index 00000000000..2eb51fa45db
--- /dev/null
+++ b/apps/desktop/scripts/hak/clean.ts
@@ -0,0 +1,19 @@
+/*
+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 path from "node:path";
+import { rimraf } from "rimraf";
+
+import type { DependencyInfo } from "./dep.ts";
+import type HakEnv from "./hakEnv.ts";
+
+export default async function clean(hakEnv: HakEnv, moduleInfo: DependencyInfo): Promise<void> {
+    await rimraf(moduleInfo.moduleDotHakDir);
+    await rimraf(path.join(hakEnv.dotHakDir, "links", moduleInfo.name));
+    await rimraf(path.join(hakEnv.projectRoot, "node_modules", moduleInfo.name));
+}
diff --git a/apps/desktop/scripts/hak/copy.ts b/apps/desktop/scripts/hak/copy.ts
new file mode 100644
index 00000000000..167aa8ef0be
--- /dev/null
+++ b/apps/desktop/scripts/hak/copy.ts
@@ -0,0 +1,62 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 path from "node:path";
+import fsProm from "node:fs/promises";
+import childProcess from "node:child_process";
+import { glob } from "glob";
+import { mkdirp } from "mkdirp";
+
+import type HakEnv from "./hakEnv.ts";
+import type { DependencyInfo } from "./dep.ts";
+
+export default async function copy(hakEnv: HakEnv, moduleInfo: DependencyInfo): Promise<void> {
+    if (moduleInfo.cfg.copy) {
+        // If there are multiple moduleBuildDirs, singular moduleBuildDir
+        // is the same as moduleBuildDirs[0], so we're just listing the contents
+        // of the first one.
+        const files = await glob(moduleInfo.cfg.copy, {
+            cwd: moduleInfo.moduleBuildDir,
+        });
+
+        if (moduleInfo.moduleBuildDirs.length > 1) {
+            if (!hakEnv.isMac()) {
+                console.error(
+                    "You asked me to copy multiple targets but I've only been taught how to do that on macOS.",
+                );
+                throw new Error("Can't copy multiple targets on this platform");
+            }
+
+            for (const f of files) {
+                const components = moduleInfo.moduleBuildDirs.map((dir) => path.join(dir, f));
+                const dst = path.join(moduleInfo.moduleOutDir, f);
+
+                await mkdirp(path.dirname(dst));
+                await new Promise<void>((resolve, reject) => {
+                    childProcess.execFile("lipo", ["-create", "-output", dst, ...components], (err) => {
+                        if (err) {
+                            reject(err);
+                        } else {
+                            resolve();
+                        }
+                    });
+                });
+            }
+        } else {
+            console.log("Copying files from " + moduleInfo.moduleBuildDir + " to " + moduleInfo.moduleOutDir);
+            for (const f of files) {
+                console.log("\t" + f);
+                const src = path.join(moduleInfo.moduleBuildDir, f);
+                const dst = path.join(moduleInfo.moduleOutDir, f);
+
+                await mkdirp(path.dirname(dst));
+                await fsProm.copyFile(src, dst);
+            }
+        }
+    }
+}
diff --git a/apps/desktop/scripts/hak/dep.ts b/apps/desktop/scripts/hak/dep.ts
new file mode 100644
index 00000000000..1d991c4a436
--- /dev/null
+++ b/apps/desktop/scripts/hak/dep.ts
@@ -0,0 +1,24 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 type HakEnv from "./hakEnv.ts";
+
+export interface DependencyInfo {
+    name: string;
+    version: string;
+    cfg: Record<string, any>;
+    moduleHakDir: string;
+    moduleDotHakDir: string;
+    moduleTargetDotHakDir: string;
+    moduleBuildDir: string;
+    moduleBuildDirs: string[];
+    moduleOutDir: string;
+    nodeModuleBinDir: string;
+    depPrefix: string;
+    scripts: Record<string, (hakEnv: HakEnv, moduleInfo: DependencyInfo) => Promise<void>>;
+}
diff --git a/apps/desktop/scripts/hak/fetch.ts b/apps/desktop/scripts/hak/fetch.ts
new file mode 100644
index 00000000000..c5e2e4deab7
--- /dev/null
+++ b/apps/desktop/scripts/hak/fetch.ts
@@ -0,0 +1,59 @@
+/*
+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 fsProm from "node:fs/promises";
+import pacote from "pacote";
+import path from "node:path";
+
+import type HakEnv from "./hakEnv.ts";
+import type { DependencyInfo } from "./dep.ts";
+
+export default async function fetch(hakEnv: HakEnv, moduleInfo: DependencyInfo): Promise<void> {
+    let haveModuleBuildDir;
+    try {
+        const stats = await fsProm.stat(moduleInfo.moduleBuildDir);
+        haveModuleBuildDir = stats.isDirectory();
+    } catch {
+        haveModuleBuildDir = false;
+    }
+
+    if (haveModuleBuildDir) return;
+
+    console.log("Fetching " + moduleInfo.name + "@" + moduleInfo.version);
+
+    const packumentCache = new Map();
+    await pacote.extract(`${moduleInfo.name}@${moduleInfo.version}`, moduleInfo.moduleBuildDir, {
+        packumentCache,
+    });
+
+    // Workaround for us switching to pnpm but matrix-seshat still using yarn classic
+    const packageJsonPath = path.join(moduleInfo.moduleBuildDir, "package.json");
+    const packageJson = await fsProm.readFile(packageJsonPath, "utf-8");
+    const packageJsonData = JSON.parse(packageJson);
+    packageJsonData["packageManager"] = "yarn@1.22.22";
+    await fsProm.writeFile(packageJsonPath, JSON.stringify(packageJsonData, null, 2), "utf-8");
+
+    console.log("Running yarn install in " + moduleInfo.moduleBuildDir);
+    await hakEnv.spawn("yarn", ["install", "--ignore-scripts"], {
+        cwd: moduleInfo.moduleBuildDir,
+    });
+
+    // also extract another copy to the output directory at this point
+    // nb. we do not yarn install in the output copy: we could install in
+    // production mode to get only runtime dependencies and not devDependencies,
+    // but usually native modules come with dependencies that are needed for
+    // building/fetching the native modules (eg. node-pre-gyp) rather than
+    // actually used at runtime: we do not want to bundle these into our app.
+    // We therefore just install no dependencies at all, and accept that any
+    // actual runtime dependencies will have to be added to the main app's
+    // dependencies. We can't tell what dependencies are real runtime deps
+    // and which are just used for native module building.
+    await pacote.extract(`${moduleInfo.name}@${moduleInfo.version}`, moduleInfo.moduleOutDir, {
+        packumentCache,
+    });
+}
diff --git a/apps/desktop/scripts/hak/hakEnv.ts b/apps/desktop/scripts/hak/hakEnv.ts
new file mode 100644
index 00000000000..f3194f4f09a
--- /dev/null
+++ b/apps/desktop/scripts/hak/hakEnv.ts
@@ -0,0 +1,132 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 path from "node:path";
+import os from "node:os";
+import { getElectronVersionFromInstalled } from "app-builder-lib/out/electron/electronVersion.js";
+import childProcess, { type SpawnOptions } from "node:child_process";
+
+import { type Arch, type Target, TARGETS, getHost, isHostId, type TargetId } from "./target.ts";
+
+async function getRuntimeVersion(projectRoot: string): Promise<string> {
+    const electronVersion = await getElectronVersionFromInstalled(projectRoot);
+    if (!electronVersion) {
+        throw new Error("Can't determine Electron version");
+    }
+    return electronVersion;
+}
+
+export type Tool = [cmd: string, ...args: string[]];
+
+export default class HakEnv {
+    public readonly target: Target;
+    public runtime: string = "electron";
+    public runtimeVersion?: string;
+    public dotHakDir: string;
+    public readonly projectRoot: string;
+
+    public constructor(projectRoot: string, targetId: TargetId | null) {
+        this.projectRoot = projectRoot;
+        const target = targetId ? TARGETS[targetId] : getHost();
+
+        if (!target) {
+            throw new Error(`Unknown target ${targetId}!`);
+        }
+        this.target = target;
+        this.dotHakDir = path.join(this.projectRoot, ".hak");
+    }
+
+    public async init(): Promise<void> {
+        this.runtimeVersion = await getRuntimeVersion(this.projectRoot);
+    }
+
+    public getTargetId(): TargetId {
+        return this.target.id;
+    }
+
+    public isWin(): boolean {
+        return this.target.platform === "win32";
+    }
+
+    public isMac(): boolean {
+        return this.target.platform === "darwin";
+    }
+
+    public isLinux(): boolean {
+        return this.target.platform === "linux";
+    }
+
+    public isFreeBSD(): boolean {
+        return this.target.platform === "freebsd";
+    }
+
+    public getTargetArch(): Arch {
+        return this.target.arch;
+    }
+
+    public isHost(): boolean {
+        return isHostId(this.target.id);
+    }
+
+    public makeGypEnv(): Record<string, string | undefined> {
+        return {
+            ...process.env,
+            npm_config_arch: this.target.arch,
+            npm_config_target_arch: this.target.arch,
+            npm_config_disturl: "https://electronjs.org/headers",
+            npm_config_runtime: this.runtime,
+            npm_config_target: this.runtimeVersion,
+            npm_config_build_from_source: "true",
+            npm_config_devdir: path.join(os.homedir(), ".electron-gyp"),
+        };
+    }
+
+    public wantsStaticSqlCipher(): boolean {
+        return !(this.isLinux() || this.isFreeBSD()) || process.env.SQLCIPHER_BUNDLED == "1";
+    }
+
+    public spawn(
+        cmd: string,
+        args: string[],
+        { ignoreWinCmdlet, ...options }: SpawnOptions & { ignoreWinCmdlet?: boolean } = {},
+    ): Promise<void> {
+        return new Promise((resolve, reject) => {
+            const proc = childProcess.spawn(cmd + (!ignoreWinCmdlet && this.isWin() ? ".cmd" : ""), args, {
+                stdio: "inherit",
+                // We need shell mode on Windows to be able to launch `.cmd` executables
+                // See https://nodejs.org/en/blog/vulnerability/april-2024-security-releases-2
+                shell: this.isWin(),
+                ...options,
+            });
+            proc.on("error", (err) => {
+                reject(err);
+            });
+            proc.on("exit", (code) => {
+                if (code) {
+                    reject(code);
+                } else {
+                    resolve();
+                }
+            });
+        });
+    }
+
+    public async checkTools(tools: Tool[]): Promise<void> {
+        for (const [tool, ...args] of tools) {
+            try {
+                await this.spawn(tool, args, {
+                    ignoreWinCmdlet: true,
+                    stdio: ["ignore"],
+                    shell: false,
+                });
+            } catch {
+                throw new Error(`Can't find ${tool}`);
+            }
+        }
+    }
+}
diff --git a/apps/desktop/scripts/hak/index.ts b/apps/desktop/scripts/hak/index.ts
new file mode 100644
index 00000000000..a48ac96f6b6
--- /dev/null
+++ b/apps/desktop/scripts/hak/index.ts
@@ -0,0 +1,146 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 path from "node:path";
+import { fileURLToPath } from "node:url";
+
+import HakEnv from "./hakEnv.ts";
+import type { TargetId } from "./target.ts";
+import type { DependencyInfo } from "./dep.ts";
+import { loadJsonFile } from "../../src/utils.ts";
+import packageJson from "../../package.json" with { type: "json" };
+
+// These can only be run on specific modules
+const MODULECOMMANDS = ["check", "fetch", "link", "build", "copy", "clean"];
+
+// Shortcuts for multiple commands at once (useful for building universal binaries
+// because you can run the fetch/build for each arch and then copy/link once)
+const METACOMMANDS: Record<string, string[]> = {
+    fetchandbuild: ["check", "fetch", "build"],
+    copyandlink: ["copy", "link"],
+};
+
+// Scripts valid in a hak.json 'scripts' section
+const HAKSCRIPTS = ["check", "fetch", "build"];
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+async function main(): Promise<void> {
+    const prefix = path.join(__dirname, "..", "..");
+
+    const targetIds: TargetId[] = [];
+    // Apply `--target <target>` option if specified
+    // Can be specified multiple times for the copy command to bundle
+    // multiple arches into a single universal output module)
+    for (;;) {
+        const targetIndex = process.argv.indexOf("--target");
+        if (targetIndex === -1) break;
+
+        if (targetIndex + 1 >= process.argv.length) {
+            console.error("--target option specified without a target");
+            process.exit(1);
+        }
+        // Extract target ID and remove from args
+        targetIds.push(process.argv.splice(targetIndex, 2)[1] as TargetId);
+    }
+
+    const hakEnvs = targetIds.map((tid) => new HakEnv(prefix, tid));
+    if (hakEnvs.length == 0) hakEnvs.push(new HakEnv(prefix, null));
+    for (const h of hakEnvs) {
+        await h.init();
+    }
+    const hakEnv = hakEnvs[0];
+
+    const deps: Record<string, DependencyInfo> = {};
+
+    const hakDepsCfg = packageJson.hakDependencies || {};
+
+    for (const dep in hakDepsCfg) {
+        const hakJsonPath = path.join(prefix, "hak", dep, "hak.json");
+        let hakJson: Record<string, any>;
+        try {
+            hakJson = loadJsonFile(hakJsonPath);
+        } catch {
+            console.error("No hak.json found for " + dep + ".");
+            console.log("Expecting " + hakJsonPath);
+            process.exit(1);
+        }
+        deps[dep] = {
+            name: dep,
+            version: hakDepsCfg[dep as keyof typeof hakDepsCfg],
+            cfg: hakJson,
+            moduleHakDir: path.join(prefix, "hak", dep),
+            moduleDotHakDir: path.join(hakEnv.dotHakDir, dep),
+            moduleTargetDotHakDir: path.join(hakEnv.dotHakDir, dep, hakEnv.getTargetId()),
+            moduleBuildDir: path.join(hakEnv.dotHakDir, dep, hakEnv.getTargetId(), "build"),
+            moduleBuildDirs: hakEnvs.map((h) => path.join(h.dotHakDir, dep, h.getTargetId(), "build")),
+            moduleOutDir: path.join(hakEnv.dotHakDir, "hakModules", dep),
+            nodeModuleBinDir: path.join(hakEnv.dotHakDir, dep, hakEnv.getTargetId(), "build", "node_modules", ".bin"),
+            depPrefix: path.join(hakEnv.dotHakDir, dep, hakEnv.getTargetId(), "opt"),
+            scripts: {},
+        };
+
+        for (const s of HAKSCRIPTS) {
+            if (hakJson.scripts?.[s]) {
+                // Shockingly, using path.join and backslashes here doesn't work on Windows
+                const scriptModule = await import(`../../hak/${dep}/${hakJson.scripts[s]}`);
+                if (scriptModule.default) {
+                    deps[dep].scripts[s] = scriptModule.default;
+                } else {
+                    deps[dep].scripts[s] = scriptModule;
+                }
+            }
+        }
+    }
+
+    let cmds: string[];
+    if (process.argv.length < 3) {
+        cmds = ["check", "fetch", "build", "copy", "link"];
+    } else if (METACOMMANDS[process.argv[2]]) {
+        cmds = METACOMMANDS[process.argv[2]];
+    } else {
+        cmds = [process.argv[2]];
+    }
+
+    if (hakEnvs.length > 1 && cmds.some((c) => !["copy", "link"].includes(c))) {
+        // We allow link here too for convenience because it's completely arch independent
+        console.error("Multiple targets only supported with the copy command");
+        return;
+    }
+
+    let modules = process.argv.slice(3);
+    if (modules.length === 0) modules = Object.keys(deps);
+
+    for (const cmd of cmds) {
+        if (!MODULECOMMANDS.includes(cmd)) {
+            console.error("Unknown command: " + cmd);
+            console.log("Commands I know about:");
+            for (const cmd of MODULECOMMANDS) {
+                console.log("\t" + cmd);
+            }
+            process.exit(1);
+        }
+
+        const cmdFunc = (await import(`./${cmd}.ts`)).default;
+
+        for (const mod of modules) {
+            const depInfo = deps[mod];
+            if (depInfo === undefined) {
+                console.log(`Module ${mod} not found - is it in hakDependencies in your package.json?`);
+                process.exit(1);
+            }
+            console.log("hak " + cmd + ": " + mod);
+            await cmdFunc(hakEnv, depInfo);
+        }
+    }
+}
+
+main().catch((err) => {
+    console.error(err);
+    process.exit(1);
+});
diff --git a/apps/desktop/scripts/hak/link.ts b/apps/desktop/scripts/hak/link.ts
new file mode 100644
index 00000000000..81183a3584a
--- /dev/null
+++ b/apps/desktop/scripts/hak/link.ts
@@ -0,0 +1,16 @@
+/*
+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 type HakEnv from "./hakEnv.ts";
+import { type DependencyInfo } from "./dep.ts";
+
+export default async function link(hakEnv: HakEnv, moduleInfo: DependencyInfo): Promise<void> {
+    await hakEnv.spawn("pnpm", ["link", moduleInfo.moduleOutDir], {
+        cwd: hakEnv.projectRoot,
+    });
+}
diff --git a/apps/desktop/scripts/hak/target.ts b/apps/desktop/scripts/hak/target.ts
new file mode 100644
index 00000000000..3323e0f54db
--- /dev/null
+++ b/apps/desktop/scripts/hak/target.ts
@@ -0,0 +1,217 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { GLIBC, MUSL, familySync as processLibC } from "detect-libc";
+
+// We borrow Rust's target naming scheme as a way of expressing all target
+// details in a single string.
+// See https://doc.rust-lang.org/rustc/platform-support.html.
+export type TargetId =
+    | "aarch64-apple-darwin"
+    | "x86_64-apple-darwin"
+    | "universal-apple-darwin"
+    | "i686-pc-windows-msvc"
+    | "x86_64-pc-windows-msvc"
+    | "aarch64-pc-windows-msvc"
+    | "i686-unknown-freebsd"
+    | "x86_64-unknown-freebsd"
+    | "aarch64-unknown-freebsd"
+    | "i686-unknown-linux-musl"
+    | "i686-unknown-linux-gnu"
+    | "x86_64-unknown-linux-musl"
+    | "x86_64-unknown-linux-gnu"
+    | "aarch64-unknown-linux-musl"
+    | "aarch64-unknown-linux-gnu"
+    | "powerpc64le-unknown-linux-musl"
+    | "powerpc64le-unknown-linux-gnu";
+
+// Values are expected to match those used in `process.platform`.
+export type Platform = "darwin" | "freebsd" | "linux" | "win32";
+
+// Values are expected to match those used in `process.arch`.
+export type Arch = "arm64" | "ia32" | "x64" | "ppc64" | "universal";
+
+// Values are expected to match those used by Visual Studio's `vcvarsall.bat`.
+// See https://docs.microsoft.com/cpp/build/building-on-the-command-line?view=msvc-160#vcvarsall-syntax
+export type VcVarsArch = "amd64" | "arm64" | "x86";
+
+export type Target = {
+    id: TargetId;
+    platform: Platform;
+    arch: Arch;
+};
+
+export type WindowsTarget = Target & {
+    platform: "win32";
+    vcVarsArch: VcVarsArch;
+};
+
+export type LinuxTarget = Target & {
+    platform: "linux";
+    libC: typeof GLIBC | typeof MUSL;
+};
+
+export type UniversalTarget = Target & {
+    arch: "universal";
+    subtargets: Target[];
+};
+
+const aarch64AppleDarwin: Target = {
+    id: "aarch64-apple-darwin",
+    platform: "darwin",
+    arch: "arm64",
+};
+
+const x8664AppleDarwin: Target = {
+    id: "x86_64-apple-darwin",
+    platform: "darwin",
+    arch: "x64",
+};
+
+const universalAppleDarwin: UniversalTarget = {
+    id: "universal-apple-darwin",
+    platform: "darwin",
+    arch: "universal",
+    subtargets: [aarch64AppleDarwin, x8664AppleDarwin],
+};
+
+const i686PcWindowsMsvc: WindowsTarget = {
+    id: "i686-pc-windows-msvc",
+    platform: "win32",
+    arch: "ia32",
+    vcVarsArch: "x86",
+};
+
+const x8664PcWindowsMsvc: WindowsTarget = {
+    id: "x86_64-pc-windows-msvc",
+    platform: "win32",
+    arch: "x64",
+    vcVarsArch: "amd64",
+};
+
+const aarch64WindowsMsvc: WindowsTarget = {
+    id: "aarch64-pc-windows-msvc",
+    platform: "win32",
+    arch: "arm64",
+    vcVarsArch: "arm64",
+};
+
+const i686UnknownFreebsd: Target = {
+    id: "i686-unknown-freebsd",
+    platform: "freebsd",
+    arch: "ia32",
+};
+
+const x8664UnknownFreebsd: Target = {
+    id: "x86_64-unknown-freebsd",
+    platform: "freebsd",
+    arch: "x64",
+};
+
+const aarch64UnknownFreebsd: Target = {
+    id: "aarch64-unknown-freebsd",
+    platform: "freebsd",
+    arch: "arm64",
+};
+
+const x8664UnknownLinuxGnu: LinuxTarget = {
+    id: "x86_64-unknown-linux-gnu",
+    platform: "linux",
+    arch: "x64",
+    libC: GLIBC,
+};
+
+const x8664UnknownLinuxMusl: LinuxTarget = {
+    id: "x86_64-unknown-linux-musl",
+    platform: "linux",
+    arch: "x64",
+    libC: MUSL,
+};
+
+const i686UnknownLinuxGnu: LinuxTarget = {
+    id: "i686-unknown-linux-gnu",
+    platform: "linux",
+    arch: "ia32",
+    libC: GLIBC,
+};
+
+const i686UnknownLinuxMusl: LinuxTarget = {
+    id: "i686-unknown-linux-musl",
+    platform: "linux",
+    arch: "ia32",
+    libC: MUSL,
+};
+
+const aarch64UnknownLinuxGnu: LinuxTarget = {
+    id: "aarch64-unknown-linux-gnu",
+    platform: "linux",
+    arch: "arm64",
+    libC: GLIBC,
+};
+
+const aarch64UnknownLinuxMusl: LinuxTarget = {
+    id: "aarch64-unknown-linux-musl",
+    platform: "linux",
+    arch: "arm64",
+    libC: MUSL,
+};
+
+const powerpc64leUnknownLinuxGnu: LinuxTarget = {
+    id: "powerpc64le-unknown-linux-gnu",
+    platform: "linux",
+    arch: "ppc64",
+    libC: GLIBC,
+};
+
+const powerpc64leUnknownLinuxMusl: LinuxTarget = {
+    id: "powerpc64le-unknown-linux-musl",
+    platform: "linux",
+    arch: "ppc64",
+    libC: MUSL,
+};
+
+export const TARGETS: Record<TargetId, Target> = {
+    // macOS
+    "aarch64-apple-darwin": aarch64AppleDarwin,
+    "x86_64-apple-darwin": x8664AppleDarwin,
+    "universal-apple-darwin": universalAppleDarwin,
+    // Windows
+    "i686-pc-windows-msvc": i686PcWindowsMsvc,
+    "x86_64-pc-windows-msvc": x8664PcWindowsMsvc,
+    "aarch64-pc-windows-msvc": aarch64WindowsMsvc,
+    // FreeBSD
+    "i686-unknown-freebsd": i686UnknownFreebsd,
+    "x86_64-unknown-freebsd": x8664UnknownFreebsd,
+    "aarch64-unknown-freebsd": aarch64UnknownFreebsd,
+    // Linux
+    "i686-unknown-linux-musl": i686UnknownLinuxMusl,
+    "i686-unknown-linux-gnu": i686UnknownLinuxGnu,
+    "x86_64-unknown-linux-musl": x8664UnknownLinuxMusl,
+    "x86_64-unknown-linux-gnu": x8664UnknownLinuxGnu,
+    "aarch64-unknown-linux-musl": aarch64UnknownLinuxMusl,
+    "aarch64-unknown-linux-gnu": aarch64UnknownLinuxGnu,
+    "powerpc64le-unknown-linux-musl": powerpc64leUnknownLinuxMusl,
+    "powerpc64le-unknown-linux-gnu": powerpc64leUnknownLinuxGnu,
+};
+
+export function getHost(): Target | undefined {
+    return Object.values(TARGETS).find(
+        (target) =>
+            target.platform === process.platform &&
+            target.arch === process.arch &&
+            (process.platform !== "linux" || (target as LinuxTarget).libC === processLibC()),
+    );
+}
+
+export function isHostId(id: TargetId): boolean {
+    return getHost()?.id === id;
+}
+
+export function isHost(target: Target): boolean {
+    return getHost()?.id === target.id;
+}
diff --git a/apps/desktop/scripts/in-docker.sh b/apps/desktop/scripts/in-docker.sh
new file mode 100755
index 00000000000..c358c3776f3
--- /dev/null
+++ b/apps/desktop/scripts/in-docker.sh
@@ -0,0 +1,35 @@
+#!/bin/bash
+
+set -e
+
+cd $(dirname "$0")/..
+
+IMAGE=${DOCKER_IMAGE_NAME:-"element-desktop-dockerbuild"}
+
+docker inspect "$IMAGE" 2> /dev/null > /dev/null
+if [ $? != 0 ]; then
+    echo "Docker image $IMAGE not found. Have you run pnpm run docker:setup?"
+    exit 1
+fi
+
+mkdir -p \
+      docker/workspace_node_modules \
+      docker/node_modules \
+      docker/.hak \
+      docker/.gnupg
+
+# Taken from https://www.electron.build/multi-platform-build#docker
+# Pass through any vars prefixed with INDOCKER_, removing the prefix
+docker run --rm -ti \
+ --platform linux/amd64 \
+ --env-file <(env | grep -E '^INDOCKER_' | sed -e 's/^INDOCKER_//') \
+ --env ELECTRON_CACHE="/root/.cache/electron" \
+ --env ELECTRON_BUILDER_CACHE="/root/.cache/electron-builder" \
+ -v ${PWD}/../../:/project \
+ -v ${PWD}/docker/workspace_node_modules:/project/node_modules \
+ -v ${PWD}/docker/node_modules:/project/apps/desktop/node_modules \
+ -v ${PWD}/docker/.hak:/project/apps/desktop/.hak \
+ -v ${PWD}/docker/.gnupg:/root/.gnupg \
+ -v ~/.cache/electron:/root/.cache/electron \
+ -v ~/.cache/electron-builder:/root/.cache/electron-builder \
+ "$IMAGE" "$@"
diff --git a/apps/desktop/scripts/set-version.ts b/apps/desktop/scripts/set-version.ts
new file mode 100755
index 00000000000..8f5041c1d3f
--- /dev/null
+++ b/apps/desktop/scripts/set-version.ts
@@ -0,0 +1,79 @@
+#!/usr/bin/env node
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+/*
+ * Checks for the presence of a webapp, inspects its version and sets the
+ * version metadata of the package to match.
+ */
+
+import { promises as fs } from "node:fs";
+import * as asar from "@electron/asar";
+import * as childProcess from "node:child_process";
+import * as url from "node:url";
+
+export async function versionFromAsar(): Promise<string> {
+    try {
+        await fs.stat("webapp.asar");
+    } catch {
+        throw new Error("No 'webapp.asar' found. Run 'pnpm run fetch'");
+    }
+
+    return asar.extractFile("webapp.asar", "version").toString().trim();
+}
+
+export async function setPackageVersion(ver: string): Promise<void> {
+    // set version in package.json: electron-builder will use this to populate
+    // all the various version fields
+    await new Promise<void>((resolve, reject) => {
+        childProcess.execFile(
+            process.platform === "win32" ? "pnpm.cmd" : "pnpm",
+            [
+                "version",
+                "-s",
+                "--no-git-tag-version", // This also means "don't commit to git" as it turns out
+                "--new-version",
+                ver,
+            ],
+            {
+                // We need shell mode on Windows to be able to launch `.cmd` executables
+                // See https://nodejs.org/en/blog/vulnerability/april-2024-security-releases-2
+                shell: process.platform === "win32",
+            },
+            (err) => {
+                if (err) {
+                    reject(err);
+                } else {
+                    resolve();
+                }
+            },
+        );
+    });
+}
+
+async function main(args: string[]): Promise<number> {
+    let version = args[0];
+
+    if (version === undefined) version = await versionFromAsar();
+
+    await setPackageVersion(version);
+    return 0;
+}
+
+if (import.meta.url.startsWith("file:")) {
+    const modulePath = url.fileURLToPath(import.meta.url);
+    if (process.argv[1] === modulePath) {
+        main(process.argv.slice(2))
+            .then((ret) => {
+                process.exit(ret);
+            })
+            .catch((e) => {
+                console.error(e);
+                process.exit(1);
+            });
+    }
+}
diff --git a/apps/desktop/scripts/tsconfig.json b/apps/desktop/scripts/tsconfig.json
new file mode 100644
index 00000000000..5b5a8b70963
--- /dev/null
+++ b/apps/desktop/scripts/tsconfig.json
@@ -0,0 +1,17 @@
+{
+    "compilerOptions": {
+        "resolveJsonModule": true,
+        "moduleResolution": "node16",
+        "skipLibCheck": true,
+        "esModuleInterop": true,
+        "target": "es2022",
+        "module": "node20",
+        "sourceMap": false,
+        "strict": true,
+        "lib": ["es2022"],
+        "types": ["node"],
+        "allowImportingTsExtensions": true,
+        "noEmit": true
+    },
+    "include": ["../src/@types", "./**/*.ts"]
+}
diff --git a/apps/desktop/src/@types/global.d.ts b/apps/desktop/src/@types/global.d.ts
new file mode 100644
index 00000000000..3cba8d2fcc5
--- /dev/null
+++ b/apps/desktop/src/@types/global.d.ts
@@ -0,0 +1,17 @@
+/*
+Copyright 2021-2024 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 BrowserWindow } from "electron";
+
+import { type AppLocalization } from "../language-helper.js";
+
+// global type extensions need to use var for whatever reason
+declare global {
+    var mainWindow: BrowserWindow | null;
+    var appQuitting: boolean;
+    var appLocalization: AppLocalization;
+}
diff --git a/apps/desktop/src/@types/matrix-seshat.d.ts b/apps/desktop/src/@types/matrix-seshat.d.ts
new file mode 100644
index 00000000000..d68846fd2ca
--- /dev/null
+++ b/apps/desktop/src/@types/matrix-seshat.d.ts
@@ -0,0 +1,134 @@
+/*
+Copyright 2022-2024 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.
+*/
+
+declare module "matrix-seshat" {
+    interface IConfig {
+        language?: string;
+        passphrase?: string;
+    }
+
+    interface IMatrixEvent {
+        event_id: string;
+        sender: string;
+        room_id: string;
+        origin_server_ts: number;
+        content: Record<string, any>;
+    }
+
+    interface IMatrixProfile {
+        displayname?: string;
+        avatar_url?: string;
+    }
+
+    interface ISearchArgs {
+        searchTerm: number;
+        limit: number;
+        before_limit: number;
+        after_limit: number;
+        order_by_recency: boolean;
+        next_batch?: string;
+    }
+
+    interface ISearchContext {
+        events_before: IMatrixEvent[];
+        events_after: IMatrixEvent[];
+        profile_info: { [userId: string]: IMatrixProfile };
+    }
+
+    interface ISearchResult {
+        next_batch: string;
+        count: number;
+        results: Array<{
+            rank: number;
+            result: IMatrixEvent;
+            context: ISearchContext;
+        }>;
+    }
+
+    interface ICheckpoint {
+        roomId: string;
+        token: string;
+        fullCrawl: boolean;
+        direction: "b" | "f";
+    }
+
+    interface IDatabaseStats {
+        size: number;
+        eventCount: number;
+        roomCount: number;
+    }
+
+    interface ILoadArgs {
+        roomId: string;
+        limit: number;
+        fromEvent: string;
+        direction: "b" | "f";
+    }
+
+    interface ILoadResult {
+        event: IMatrixEvent;
+        matrixProfile: IMatrixProfile;
+    }
+
+    export class Seshat {
+        public constructor(path: string, config?: IConfig);
+        public addEvent(matrixEvent: IMatrixEvent, profile?: IMatrixProfile): void;
+        public deleteEvent(eventId: string): Promise<boolean>;
+        public commit(force?: boolean): Promise<number>;
+        public commitSync(wait?: boolean, force?: boolean): number;
+        public reload(): void;
+        public search(args: ISearchArgs): Promise<ISearchResult>;
+        public searchSync(
+            term: string,
+            limit?: number,
+            beforeLimit?: number,
+            afterLimit?: number,
+            orderByRecency?: boolean,
+        ): ISearchResult;
+        public addHistoricEventsSync(
+            events: IMatrixEvent[],
+            newCheckpoint?: ICheckpoint,
+            oldCheckpoint?: ICheckpoint,
+        ): boolean;
+        public addHistoricEvents(
+            events: IMatrixEvent[],
+            newCheckpoint?: ICheckpoint,
+            oldCheckpoint?: ICheckpoint,
+        ): Promise<boolean>;
+        public addCrawlerCheckpoint(checkpoint: ICheckpoint): Promise<void>;
+        public removeCrawlerCheckpoint(checkpoint: ICheckpoint): Promise<void>;
+        public loadCheckpoints(): Promise<ICheckpoint[]>;
+        public getSize(): Promise<number>;
+        public getStats(): Promise<IDatabaseStats>;
+        public delete(): Promise<void>;
+        public shutdown(): Promise<void>;
+        public changePassphrase(newPassphrase: string): Promise<void>;
+        public isEmpty(): Promise<boolean>;
+        public isRoomIndexed(roomId: string): Promise<boolean>;
+        public getUserVersion(): Promise<number>;
+        public setUserVersion(version: number): Promise<void>;
+        public loadFileEvents(args: ILoadArgs): Promise<ILoadResult[]>;
+    }
+
+    interface IRecoveryInfo {
+        totalEvents: number;
+        reindexedEvents: number;
+        done: number;
+    }
+
+    export class SeshatRecovery {
+        public constructor(path: string, config?: IConfig);
+        public info(): IRecoveryInfo;
+        public getUserVersion(): Promise<number>;
+        public shutdown(): Promise<void>;
+        public reindex(): Promise<void>;
+    }
+
+    export class ReindexError extends Error {
+        public constructor(message?: string);
+    }
+}
diff --git a/apps/desktop/src/args.test.ts b/apps/desktop/src/args.test.ts
new file mode 100644
index 00000000000..58e189185ad
--- /dev/null
+++ b/apps/desktop/src/args.test.ts
@@ -0,0 +1,323 @@
+/*
+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 { expect, describe, it, beforeEach, vi } from "vitest";
+import { fs as memfs, vol } from "memfs";
+import { app } from "electron";
+
+import { type Args, getArgs, getArgsForProtocolRegistration } from "./args.js";
+import type ProtocolHandler from "./protocol.js";
+
+vi.mock("node:fs", () => ({ default: memfs }));
+vi.mock("electron", () => ({
+    app: {
+        getPath: vi.fn().mockImplementation((dirName) => {
+            if (dirName === "userData") return "/Users/name/Library/Application Support/Element";
+            if (dirName === "appData") return "/Users/name/Library/Application Support";
+            throw new Error("Not implemented");
+        }),
+        getName: vi.fn().mockReturnValue("Element"),
+        exit: vi.fn(),
+    },
+}));
+
+beforeEach(() => {
+    // Reset the state of the in-memory fs
+    vol.reset();
+    vi.restoreAllMocks();
+    vi.clearAllMocks();
+});
+
+describe("getArgsForProtocolRegistration", () => {
+    it("should return an empty array for default args", () => {
+        expect(
+            getArgsForProtocolRegistration({
+                userDataPath: "/Users/name/Library/Application Support/Element",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: [],
+            }),
+        ).toStrictEqual([]);
+    });
+
+    it("should handle standard args", () => {
+        expect(
+            getArgsForProtocolRegistration({
+                userDataPath: "/Users/name/Library/Application Support/Custom",
+                localConfigPath: "/root/config.json",
+                devtools: true,
+                update: false,
+                hidden: false,
+                positional: [],
+            }),
+        ).toStrictEqual([
+            "--no-update",
+            "--config",
+            "/root/config.json",
+            "--profile-dir",
+            "/Users/name/Library/Application Support/Custom",
+        ]);
+    });
+
+    it("should ignore hidden=true", () => {
+        expect(
+            getArgsForProtocolRegistration({
+                userDataPath: "/Users/name/Library/Application Support/Element",
+                devtools: false,
+                update: true,
+                hidden: true,
+                positional: [],
+            }),
+        ).toStrictEqual([]);
+    });
+
+    it("should ignore positional args", () => {
+        expect(
+            getArgsForProtocolRegistration({
+                userDataPath: "/Users/name/Library/Application Support/Element",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: ["element://foobar"],
+            }),
+        ).toStrictEqual([]);
+    });
+});
+
+describe("getArgs", () => {
+    function run(...args: string[]): Args {
+        vi.spyOn(process, "argv", "get").mockReturnValue(["/path/to/app", ...args]);
+        const mockProtocolHandler = {
+            getProfileFromDeeplink: vi.fn(),
+        } as unknown as ProtocolHandler;
+        return getArgs(mockProtocolHandler);
+    }
+
+    it("should handle '--help'", () => {
+        const args = run("--help");
+        expect(args).toEqual({
+            userDataPath: "/Users/name/Library/Application Support/Element",
+            devtools: false,
+            update: true,
+            hidden: false,
+            positional: ["/path/to/app"],
+        });
+        expect(app.exit).toHaveBeenCalled();
+    });
+
+    it("should handle no command line args", () => {
+        const args = run();
+        expect(args).toEqual({
+            userDataPath: "/Users/name/Library/Application Support/Element",
+            devtools: false,
+            update: true,
+            hidden: false,
+            positional: ["/path/to/app"],
+        });
+        expect(app.exit).not.toHaveBeenCalled();
+    });
+
+    it("should handle '--hidden'", () => {
+        const args = run("--hidden");
+        expect(args).toEqual({
+            userDataPath: "/Users/name/Library/Application Support/Element",
+            devtools: false,
+            update: true,
+            hidden: true,
+            positional: ["/path/to/app"],
+        });
+    });
+
+    it("should handle '--no-update'", () => {
+        const args = run("--no-update");
+        expect(args).toEqual({
+            userDataPath: "/Users/name/Library/Application Support/Element",
+            devtools: false,
+            update: false,
+            hidden: false,
+            positional: ["/path/to/app"],
+        });
+    });
+
+    describe("storageMode", () => {
+        it("should handle valid '--storage-mode'", () => {
+            const args = run("--storage-mode=force-plaintext");
+            expect(args).toEqual({
+                userDataPath: "/Users/name/Library/Application Support/Element",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: ["/path/to/app"],
+                storageMode: "force-plaintext",
+            });
+        });
+
+        it("should ignore invalid '--storage-mode'", () => {
+            const args = run("--storage-mode=magic");
+            expect(args).toEqual({
+                userDataPath: "/Users/name/Library/Application Support/Element",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: ["/path/to/app"],
+                storageMode: undefined,
+            });
+        });
+    });
+
+    describe("userDataPath", () => {
+        it("should handle deeplinks", () => {
+            vi.spyOn(process, "argv", "get").mockReturnValue([
+                "/path/to/app",
+                "protocol:/#state=foo:element-desktop-ssoid:XXYYZZ&code=bar",
+            ]);
+            const mockProtocolHandler = {
+                getProfileFromDeeplink: vi.fn().mockReturnValue("/path/to/deeplinked-profile"),
+            } as unknown as ProtocolHandler;
+            const args = getArgs(mockProtocolHandler);
+
+            expect(mockProtocolHandler.getProfileFromDeeplink).toHaveBeenCalledWith(process.argv);
+            expect(args).toEqual({
+                userDataPath: "/path/to/deeplinked-profile",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: [...process.argv],
+            });
+        });
+
+        it("should handle '--profile-dir'", () => {
+            const args = run("--profile-dir", "/path/to/profile");
+            expect(args).toEqual({
+                userDataPath: "/path/to/profile",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: ["/path/to/app"],
+            });
+        });
+
+        it("should handle '--profile'", () => {
+            const args = run("--profile", "work");
+            expect(args).toEqual({
+                userDataPath: "/Users/name/Library/Application Support/Element-work",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: ["/path/to/app"],
+            });
+        });
+
+        it("should handle ELEMENT_PROFILE_DIR", () => {
+            vi.spyOn(process, "env", "get").mockReturnValue({
+                ELEMENT_PROFILE_DIR: "/mnt/foo/profile",
+            });
+            const args = run();
+            expect(args).toEqual({
+                userDataPath: "/mnt/foo/profile",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: ["/path/to/app"],
+            });
+        });
+
+        it("should prefer deeplink over ELEMENT_PROFILE_DIR", () => {
+            vi.spyOn(process, "argv", "get").mockReturnValue(["/path/to/app", "protocol:/#state=foo&code=bar"]);
+            vi.spyOn(process, "env", "get").mockReturnValue({
+                ELEMENT_PROFILE_DIR: "/mnt/foo/profile",
+            });
+            const mockProtocolHandler = {
+                getProfileFromDeeplink: vi.fn().mockReturnValue("/path/to/deeplinked-profile"),
+            } as unknown as ProtocolHandler;
+            const args = getArgs(mockProtocolHandler);
+
+            expect(mockProtocolHandler.getProfileFromDeeplink).toHaveBeenCalledWith(process.argv);
+            expect(args).toEqual({
+                userDataPath: "/path/to/deeplinked-profile",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: [...process.argv],
+            });
+        });
+
+        it("should combine ELEMENT_PROFILE_DIR with '--profile'", () => {
+            vi.spyOn(process, "env", "get").mockReturnValue({
+                ELEMENT_PROFILE_DIR: "/mnt/foo/profile",
+            });
+            const args = run("--profile", "play");
+            expect(args).toEqual({
+                userDataPath: "/mnt/foo/profile-play",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: ["/path/to/app"],
+            });
+        });
+
+        it("should handle old Riot data dirs", () => {
+            vol.fromJSON({
+                "/Users/name/Library/Application Support/Riot/IndexedDB": "This is a real IDB. I promise.",
+            });
+
+            const args = run();
+            expect(args).toEqual({
+                userDataPath: "/Users/name/Library/Application Support/Riot",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: ["/path/to/app"],
+            });
+        });
+    });
+
+    describe("localConfigPath", () => {
+        it("should handle '--config'", () => {
+            const args = run("--config", "/path/to/config.json");
+            expect(args).toEqual({
+                userDataPath: "/Users/name/Library/Application Support/Element",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: ["/path/to/app"],
+                localConfigPath: "/path/to/config.json",
+            });
+        });
+
+        it("should handle ELEMENT_DESKTOP_CONFIG_JSON", () => {
+            vi.spyOn(process, "env", "get").mockReturnValue({
+                ELEMENT_DESKTOP_CONFIG_JSON: "/path/for/config.json",
+            });
+            const args = run();
+            expect(args).toEqual({
+                userDataPath: "/Users/name/Library/Application Support/Element",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: ["/path/to/app"],
+                localConfigPath: "/path/for/config.json",
+            });
+        });
+
+        it("should prefer arg over env", () => {
+            vi.spyOn(process, "env", "get").mockReturnValue({
+                ELEMENT_DESKTOP_CONFIG_JSON: "/path/for/config.json",
+            });
+            const args = run("--config", "/path/to/config.json");
+            expect(args).toEqual({
+                userDataPath: "/Users/name/Library/Application Support/Element",
+                devtools: false,
+                update: true,
+                hidden: false,
+                positional: ["/path/to/app"],
+                localConfigPath: "/path/to/config.json",
+            });
+        });
+    });
+});
diff --git a/apps/desktop/src/args.ts b/apps/desktop/src/args.ts
new file mode 100644
index 00000000000..4f4f8fec52a
--- /dev/null
+++ b/apps/desktop/src/args.ts
@@ -0,0 +1,165 @@
+/*
+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 minimist, { type ParsedArgs } from "minimist";
+import { app } from "electron";
+import fs from "node:fs";
+import path from "node:path";
+
+import { Mode } from "./store.js";
+import type ProtocolHandler from "./protocol.js";
+
+const defaultUserDataDir = app.getPath("userData");
+
+/**
+ * Calculates the command line arguments to include in the protocol registration,
+ * some parameters, e.g. '--hidden' are omitted as it'd cause the app to not be focused.
+ * Excludes all positional arguments as those are only relevant once, e.g. for OIDC auth callbacks.
+ * Includes unknown parameters as they are sometimes handled by Electron, e.g. `--proxy`.
+ * @param parsedArgs - the args the application was started with
+ */
+export function getArgsForProtocolRegistration(parsedArgs: Args): string[] {
+    const args: string[] = [];
+
+    if (!parsedArgs.update) {
+        args.push("--no-update");
+    }
+
+    if (parsedArgs.localConfigPath) {
+        args.push("--config", parsedArgs.localConfigPath);
+    }
+
+    if (parsedArgs.userDataPath != defaultUserDataDir) {
+        args.push("--profile-dir", parsedArgs.userDataPath);
+    }
+
+    return args;
+}
+
+/**
+ * Element Desktop launch args, returned by {@link getArgs}
+ */
+export interface Args {
+    /**
+     * Path to user data, root of all persistent data for this profile.
+     */
+    userDataPath: string;
+    /**
+     * Path to local override config.json file.
+     */
+    localConfigPath?: string;
+    /**
+     * The store {@link Mode} to use.
+     */
+    storageMode?: Mode;
+    /**
+     * Whether to install devtools.
+     */
+    devtools: boolean;
+    /**
+     * Whether to start the auto-updater.
+     */
+    update: boolean;
+    /**
+     * Whether to start the app hidden.
+     */
+    hidden: boolean;
+    /**
+     * Additional positional arguments found.
+     */
+    positional: string[];
+}
+
+/**
+ * Electron creates the user data directory (with just an empty 'Dictionaries' directory...)
+ * as soon as the app path is set, so pick a random path in it that must exist if it's a
+ * real user data directory.
+ */
+function isRealUserDataDir(d: string): boolean {
+    return fs.existsSync(path.join(d, "IndexedDB"));
+}
+
+function getUserDataPath(argv: ParsedArgs, protocolHandler: ProtocolHandler): string {
+    // check if we are passed a profile in the SSO callback url
+    const userDataPathInProtocol = protocolHandler.getProfileFromDeeplink(argv["_"]);
+    if (userDataPathInProtocol) {
+        return userDataPathInProtocol;
+    }
+
+    if (argv["profile-dir"]) {
+        return argv["profile-dir"];
+    }
+
+    let newUserDataPath = process.env.ELEMENT_PROFILE_DIR ?? defaultUserDataDir;
+    if (argv["profile"]) {
+        newUserDataPath += "-" + argv["profile"];
+    }
+
+    const newUserDataPathExists = isRealUserDataDir(newUserDataPath);
+    let oldUserDataPath = path.join(app.getPath("appData"), app.getName().replace("Element", "Riot"));
+    if (argv["profile"]) {
+        oldUserDataPath += "-" + argv["profile"];
+    }
+
+    const oldUserDataPathExists = isRealUserDataDir(oldUserDataPath);
+    console.log(`${newUserDataPath} exists: ${newUserDataPathExists ? "yes" : "no"}`);
+    console.log(`${oldUserDataPath} exists: ${oldUserDataPathExists ? "yes" : "no"}`);
+
+    if (!newUserDataPathExists && oldUserDataPathExists) {
+        console.log(`Using legacy user data path: ${oldUserDataPath}`);
+        return oldUserDataPath;
+    }
+    return newUserDataPath;
+}
+
+/**
+ * Parses command line arguments and handles the `--help` flag.
+ * If `--help` is present, it prints usage information and exits the application.
+ * Must be called before Electron's userData is set.
+ */
+export function getArgs(protocolHandler: ProtocolHandler): Args {
+    const argv = minimist(process.argv, {
+        alias: { help: "h" },
+    });
+
+    if (argv["help"]) {
+        console.log("Options:");
+        console.log("  --profile-dir {path}: Path to where to store the profile.");
+        console.log(
+            `  --profile {name}:     Name of alternate profile to use, allows for running multiple accounts.\n` +
+                `                         Ignored if --profile-dir is specified.\n` +
+                `                         The ELEMENT_PROFILE_DIR environment variable may be used to change the default profile path.\n` +
+                `                         It is overridden by --profile-dir, but can be combined with --profile.`,
+        );
+        console.log("  --devtools:           Install and use react-devtools and react-perf.");
+        console.log(
+            `  --config:             Path to the config.json file. May also be specified via the ELEMENT_DESKTOP_CONFIG_JSON environment variable.\n` +
+                `                         Otherwise use the default user location '${defaultUserDataDir}'`,
+        );
+        console.log("  --no-update:          Disable automatic updating.");
+        console.log("  --hidden:             Start the application hidden in the system tray.");
+        console.log("  --help:               Displays this help message.");
+        console.log("And more such as --proxy, see: https://electronjs.org/docs/api/command-line-switches");
+        app.exit();
+    }
+
+    let storageMode: Mode | undefined;
+    if ([Mode.Encrypted, Mode.ForcePlaintext, Mode.AllowPlaintext].includes(argv["storage-mode"])) {
+        storageMode = argv["storage-mode"];
+    }
+
+    return {
+        userDataPath: getUserDataPath(argv, protocolHandler),
+        localConfigPath: argv["config"] ?? process.env.ELEMENT_DESKTOP_CONFIG_JSON,
+        storageMode,
+        devtools: argv["devtools"] || false,
+        // Minimist parses `--no-`-prefixed arguments as booleans with value `false` rather than verbatim.
+        update: argv["update"] ?? true,
+        hidden: argv["hidden"] || false,
+        positional: argv["_"],
+    };
+}
diff --git a/apps/desktop/src/asar.ts b/apps/desktop/src/asar.ts
new file mode 100644
index 00000000000..0fc371b47bd
--- /dev/null
+++ b/apps/desktop/src/asar.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.
+*/
+
+import { fileURLToPath } from "node:url";
+import path from "node:path";
+
+import { tryPaths } from "./utils.js";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+let asarPathPromise: Promise<string> | undefined;
+// Get the webapp resource file path, memoizes result
+export function getAsarPath(): Promise<string> {
+    if (!asarPathPromise) {
+        asarPathPromise = tryPaths("webapp", __dirname, [
+            // If run from the source checkout, this will be in the directory above
+            "../webapp.asar",
+            // but if run from a packaged application, electron-main.js will be in
+            // a different asar file, so it will be two levels above
+            "../../webapp.asar",
+            // also try without the 'asar' suffix to allow symlinking in a directory
+            "../webapp",
+            // from a packaged application
+            "../../webapp",
+        ]);
+    }
+
+    return asarPathPromise;
+}
diff --git a/apps/desktop/src/auto-launch.ts b/apps/desktop/src/auto-launch.ts
new file mode 100644
index 00000000000..54271127c15
--- /dev/null
+++ b/apps/desktop/src/auto-launch.ts
@@ -0,0 +1,51 @@
+/*
+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 BaseAutoLaunch from "auto-launch";
+
+import Store from "./store.js";
+import { getConfig } from "./config.js";
+
+export type AutoLaunchState = "enabled" | "minimised" | "disabled";
+
+// Wrapper around auto-launch to get/set the `isHidden` option
+export class AutoLaunch extends BaseAutoLaunch {
+    private static internalInstance?: AutoLaunch;
+
+    public static get instance(): AutoLaunch {
+        if (!AutoLaunch.internalInstance) {
+            if (!Store.instance) throw new Error("Store not initialized");
+            AutoLaunch.internalInstance = new AutoLaunch({
+                name: getConfig().brand,
+                isHidden: Store.instance.get("openAtLoginMinimised"),
+                mac: {
+                    useLaunchAgent: true,
+                },
+            });
+        }
+        return AutoLaunch.internalInstance;
+    }
+
+    public async getState(): Promise<AutoLaunchState> {
+        if (!(await this.isEnabled())) {
+            return "disabled";
+        }
+        return this.opts.isHiddenOnLaunch ? "minimised" : "enabled";
+    }
+
+    public async setState(state: AutoLaunchState): Promise<void> {
+        const openAtLoginMinimised = state === "minimised";
+        Store.instance?.set("openAtLoginMinimised", openAtLoginMinimised);
+        this.opts.isHiddenOnLaunch = openAtLoginMinimised;
+
+        if (state !== "disabled") {
+            return this.enable();
+        } else {
+            return this.disable();
+        }
+    }
+}
diff --git a/apps/desktop/src/badge.ts b/apps/desktop/src/badge.ts
new file mode 100644
index 00000000000..c28ae7f5cbe
--- /dev/null
+++ b/apps/desktop/src/badge.ts
@@ -0,0 +1,49 @@
+/*
+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 { app, ipcMain, type IpcMainEvent, nativeImage } from "electron";
+
+import { _t } from "./language-helper.js";
+
+// Handles calculating the correct "badge" for the window, for notifications and error states.
+// Tray icon updates are handled in tray.ts
+
+if (process.platform === "win32") {
+    // We only use setOverlayIcon on Windows as it's only supported on that platform, but has good support
+    // from all the Windows variants we support.
+    // https://www.electronjs.org/docs/latest/api/browser-window#winsetoverlayiconoverlay-description-windows
+    ipcMain.on(
+        "setBadgeCount",
+        function (_ev: IpcMainEvent, count: number, imageBuffer?: Buffer, isError?: boolean): void {
+            if (count === 0) {
+                // Flash frame is set to true in ipc.ts "loudNotification"
+                global.mainWindow?.flashFrame(false);
+            }
+            if (imageBuffer) {
+                global.mainWindow?.setOverlayIcon(
+                    nativeImage.createFromBuffer(Buffer.from(imageBuffer)),
+                    isError
+                        ? _t("icon_overlay|description_error")
+                        : _t("icon_overlay|description_notifications", { count }),
+                );
+            } else {
+                global.mainWindow?.setOverlayIcon(null, "");
+            }
+        },
+    );
+} else {
+    // only set badgeCount on Mac/Linux, the docs say that only those platforms support it but turns out Electron
+    // has some Windows support too, and in some Windows environments this leads to two badges rendering atop
+    // each other. See https://github.com/vector-im/element-web/issues/16942
+    ipcMain.on("setBadgeCount", function (_ev: IpcMainEvent, count: number): void {
+        if (count === 0) {
+            // Flash frame is set to true in ipc.ts "loudNotification"
+            global.mainWindow?.flashFrame(false);
+        }
+        app.badgeCount = count;
+    });
+}
diff --git a/apps/desktop/src/build-config.test.ts b/apps/desktop/src/build-config.test.ts
new file mode 100644
index 00000000000..24db7f0d3f5
--- /dev/null
+++ b/apps/desktop/src/build-config.test.ts
@@ -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 { expect, describe, it, beforeEach, vi } from "vitest";
+import { fs as memfs, vol } from "memfs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+import { getBuildConfig } from "./build-config.js";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+vi.mock("node:fs", () => ({ default: memfs }));
+
+beforeEach(() => {
+    // Reset the state of the in-memory fs
+    vol.reset();
+});
+
+describe("getBuildConfig", () => {
+    it("should read fields from package.json correctly", () => {
+        vol.fromJSON(
+            {
+                "../package.json": JSON.stringify({
+                    electron_appId: "app.id",
+                    electron_protocol: "proto",
+                    electron_windows_cert_sn: "subject.name",
+                }),
+            },
+            __dirname,
+        );
+
+        const config = getBuildConfig();
+        expect(config.appId).toBe("app.id");
+        expect(config.protocol).toBe("proto");
+        expect(config.windowsCertSubjectName).toBe("subject.name");
+    });
+});
diff --git a/apps/desktop/src/build-config.ts b/apps/desktop/src/build-config.ts
new file mode 100644
index 00000000000..ff04a79e242
--- /dev/null
+++ b/apps/desktop/src/build-config.ts
@@ -0,0 +1,39 @@
+/*
+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 path from "node:path";
+import { fileURLToPath } from "node:url";
+import { type JsonObject } from "shared-types";
+
+import { loadJsonFile } from "./utils.js";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+let buildConfig: BuildConfig;
+
+interface BuildConfig {
+    // Application User Model ID
+    appId: string;
+    // Protocol string used for OIDC callbacks
+    protocol: string;
+    // Subject name of the code signing cert used for Windows packages, if signed
+    // used as a basis for the Tray GUID which must be rolled if the certificate changes.
+    windowsCertSubjectName: string | undefined;
+}
+
+export function getBuildConfig(): BuildConfig {
+    if (!buildConfig) {
+        const packageJson = loadJsonFile(path.join(__dirname, "..", "package.json")) as JsonObject;
+        buildConfig = {
+            appId: (packageJson["electron_appId"] as string) || "im.riot.app",
+            protocol: (packageJson["electron_protocol"] as string) || "io.element.desktop",
+            windowsCertSubjectName: packageJson["electron_windows_cert_sn"] as string,
+        };
+    }
+
+    return buildConfig;
+}
diff --git a/apps/desktop/src/config.test.ts b/apps/desktop/src/config.test.ts
new file mode 100644
index 00000000000..275b1f3e28a
--- /dev/null
+++ b/apps/desktop/src/config.test.ts
@@ -0,0 +1,183 @@
+/*
+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 { expect, describe, it, beforeEach, vi } from "vitest";
+import { fs as memfs, vol } from "memfs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { dialog } from "electron";
+
+import { type ConfigOptions } from "./config.js";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+vi.mock("node:fs", () => ({ default: memfs }));
+vi.mock("node:fs/promises", () => ({ default: memfs.promises }));
+
+vi.mock("electron", () => ({
+    app: {
+        getPath: vi.fn().mockReturnValue("/Users/name/Library/Application Support/Element"),
+        whenReady: (): Promise<void> => Promise.resolve(),
+    },
+    dialog: {
+        showMessageBox: vi.fn(),
+    },
+}));
+
+beforeEach(() => {
+    // Reset the state of the in-memory fs
+    vol.reset();
+});
+
+describe("loadConfig", () => {
+    let loadConfig: (localConfigPath: string | undefined) => Promise<ConfigOptions>;
+
+    beforeEach(async () => {
+        vol.fromJSON(
+            {
+                "../webapp.asar/config.json": JSON.stringify({
+                    web_base_url: "https://chat.org.com",
+                    default_hs_url: "https://matrix.org.com",
+                }),
+            },
+            __dirname,
+        );
+
+        vi.resetModules();
+        ({ loadConfig } = await import("./config.js"));
+    });
+
+    it("should ignore localConfigPath if does not exist", async () => {
+        const config = await loadConfig("/invalid-path/custom-config.json");
+        expect(config.brand).toBe("Element");
+        expect(config.web_base_url).toBe("https://chat.org.com");
+        expect(config.default_hs_url).toBe("https://matrix.org.com");
+    });
+
+    it("should read localConfigPath if exists", async () => {
+        vol.fromJSON({
+            "/home/custom-config.json": JSON.stringify({
+                brand: "foobar",
+            }),
+        });
+
+        const config = await loadConfig("/home/custom-config.json");
+        expect(config.brand).toBe("foobar");
+    });
+
+    it("should load default local config if exists", async () => {
+        vol.fromJSON({
+            "/Users/name/Library/Application Support/Element/config.json": JSON.stringify({
+                brand: "foobar",
+            }),
+        });
+
+        const config = await loadConfig(undefined);
+        expect(config.brand).toBe("foobar");
+    });
+
+    it("should apply defaults to any missing fields", async () => {
+        vol.fromJSON({
+            "/home/custom-config.json": JSON.stringify({
+                brand: "foobar",
+            }),
+        });
+
+        const config = await loadConfig("/home/custom-config.json");
+        expect(config.help_url).toBe("https://element.io/help");
+        expect(config.web_base_url).toBe("https://chat.org.com");
+    });
+
+    it("should support all config files missing", async () => {
+        vol.reset();
+        vol.fromJSON(
+            {
+                "../webapp.asar/version": "v1.2.3",
+            },
+            __dirname,
+        );
+
+        const config = await loadConfig(undefined);
+        expect(config.help_url).toBe("https://element.io/help");
+        expect(config.web_base_url).toBe("https://app.element.io/");
+    });
+
+    it("should handle key conflicts around default homeserver config", async () => {
+        vol.fromJSON({
+            "/home/custom-config.json": JSON.stringify({
+                default_server_name: "other-org.com",
+            }),
+        });
+
+        const config = await loadConfig("/home/custom-config.json");
+        expect(config.default_server_name).toBe("other-org.com");
+        expect(config.default_hs_url).toBeUndefined();
+        expect(config.default_server_config).toBeUndefined();
+    });
+
+    it("should map module paths correctly", async () => {
+        vol.fromJSON(
+            {
+                "../webapp.asar/config.json": JSON.stringify({
+                    web_base_url: "https://chat.org.com",
+                    default_hs_url: "https://matrix.org.com",
+                    modules: ["/modules/banner", "module2"],
+                }),
+            },
+            __dirname,
+        );
+
+        const config = await loadConfig("/home/custom-config.json");
+        expect(config.help_url).toBe("https://element.io/help");
+        expect(config.web_base_url).toBe("https://chat.org.com");
+        expect(config.modules).toStrictEqual(["/webapp/modules/banner", "module2"]);
+    });
+
+    it("should show a dialog when encountering a SyntaxError", async () => {
+        vol.fromJSON({
+            "/home/custom-config.json": "NOT_JSON",
+        });
+
+        await loadConfig("/home/custom-config.json");
+        expect(dialog.showMessageBox).toHaveBeenCalledWith({
+            detail: "Unexpected token 'N', \"NOT_JSON\" is not valid JSON",
+            message:
+                "Your custom Element configuration contains invalid JSON. Please correct the problem and reopen Element.",
+            title: "Your Element is misconfigured",
+            type: "error",
+        });
+    });
+});
+
+describe("getConfig", () => {
+    let loadConfig: (localConfigPath: string | undefined) => Promise<ConfigOptions>;
+    let getConfig: () => ConfigOptions;
+
+    beforeEach(async () => {
+        vol.fromJSON(
+            {
+                "../webapp.asar/config.json": JSON.stringify({
+                    web_base_url: "https://chat.org.com",
+                }),
+            },
+            __dirname,
+        );
+
+        vi.resetModules();
+        ({ loadConfig, getConfig } = await import("./config.js"));
+    });
+
+    it("should return undefined if loadConfig has not been called", () => {
+        expect(getConfig()).toBeUndefined();
+    });
+
+    it("should return the config once it is loaded", async () => {
+        const config = await loadConfig(undefined);
+        expect(config.web_base_url).toBe("https://chat.org.com");
+        expect(config).toStrictEqual(getConfig());
+    });
+});
diff --git a/apps/desktop/src/config.ts b/apps/desktop/src/config.ts
new file mode 100644
index 00000000000..09d34463002
--- /dev/null
+++ b/apps/desktop/src/config.ts
@@ -0,0 +1,120 @@
+/*
+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 { app, dialog } from "electron";
+import path from "node:path";
+import { type ResolveDefaults, type DesktopConfigJson, type JsonDocument } from "shared-types";
+
+import { getAsarPath } from "./asar.js";
+import { loadJsonFile } from "./utils.js";
+
+export type ConfigOptions = ResolveDefaults<DesktopConfigJson, typeof DEFAULTS>;
+
+const ConfigFilename = "config.json";
+
+let config: ConfigOptions;
+
+const homeserverProps = ["default_is_url", "default_hs_url", "default_server_name", "default_server_config"] as const;
+
+function loadLocalConfigFile(location: string | undefined): JsonDocument {
+    if (location) {
+        console.log("Loading local config: " + location);
+        return loadJsonFile(location);
+    } else {
+        const configDir = app.getPath("userData");
+        console.log(`Loading local config: ${path.join(configDir, ConfigFilename)}`);
+        return loadJsonFile(configDir, ConfigFilename);
+    }
+}
+
+const DEFAULTS = {
+    brand: "Element",
+    help_url: "https://element.io/help",
+    web_base_url: "https://app.element.io/",
+} satisfies DesktopConfigJson;
+
+function applyDefaults(conf: DesktopConfigJson): asserts conf is ConfigOptions {
+    for (const k in DEFAULTS) {
+        const key = k as keyof typeof DEFAULTS;
+        conf[key] ||= DEFAULTS[key];
+    }
+}
+
+let loadConfigPromise: Promise<ConfigOptions> | undefined;
+// Loads the config from asar, and applies a config.json from userData atop if one exists
+// Writes config to `global.vectorConfig`. Idempotent, returns the same promise on subsequent calls.
+export function loadConfig(localConfigPath: string | undefined): Promise<ConfigOptions> {
+    if (loadConfigPromise) return loadConfigPromise;
+
+    async function actuallyLoadConfig(): Promise<ConfigOptions> {
+        const asarPath = await getAsarPath();
+
+        try {
+            console.log(`Loading app config: ${path.join(asarPath, ConfigFilename)}`);
+            // XXX: we trust that we built the package with a sane config, but should use something like zod here in future
+            const loadedConfig = loadJsonFile(asarPath, ConfigFilename) as unknown as DesktopConfigJson;
+            applyDefaults(loadedConfig);
+            config = loadedConfig;
+        } catch {
+            // it would be nice to check the error code here and bail if the config
+            // is unparsable, but we get MODULE_NOT_FOUND in the case of a missing
+            // file or invalid json, so node is just very unhelpful.
+            // Continue with the defaults (ie. an empty config)
+            config = { ...DEFAULTS };
+        }
+
+        try {
+            // Load local config and use it to override values from the one baked with the build
+            const localConfig = loadLocalConfigFile(localConfigPath);
+
+            // If the local config has a homeserver defined, don't use the homeserver from the build
+            // config. This is to avoid a problem where Riot thinks there are multiple homeservers
+            // defined, and panics as a result.
+            if (Object.keys(localConfig).some((k) => homeserverProps.includes(<any>k))) {
+                for (const key of homeserverProps) {
+                    delete config[key];
+                }
+            }
+
+            config = Object.assign(config, localConfig);
+        } catch (e) {
+            if (e instanceof SyntaxError) {
+                await app.whenReady();
+                void dialog.showMessageBox({
+                    type: "error",
+                    title: `Your ${config.brand} is misconfigured`,
+                    message:
+                        `Your custom ${config.brand} configuration contains invalid JSON. ` +
+                        `Please correct the problem and reopen ${config.brand}.`,
+                    detail: e.message || "",
+                });
+            }
+
+            // Could not load local config, this is expected in most cases.
+        }
+
+        // Tweak modules paths as they assume the root is at the same level as webapp, but for `vector://vector/webapp` it is not.
+        if (Array.isArray(config.modules)) {
+            config.modules = config.modules.map((m) => {
+                if (m.startsWith("/")) {
+                    return "/webapp" + m;
+                }
+                return m;
+            });
+        }
+
+        // Apply defaults again in case the local config had an explicit null/undefined value for required keys.
+        applyDefaults(config);
+        return config;
+    }
+    loadConfigPromise = actuallyLoadConfig();
+    return loadConfigPromise;
+}
+
+export function getConfig(): ConfigOptions {
+    return config;
+}
diff --git a/apps/desktop/src/displayMediaCallback.ts b/apps/desktop/src/displayMediaCallback.ts
new file mode 100644
index 00000000000..53d8658a155
--- /dev/null
+++ b/apps/desktop/src/displayMediaCallback.ts
@@ -0,0 +1,20 @@
+/*
+Copyright 2023, 2024 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 { Streams } from "electron";
+
+type DisplayMediaCallback = (streams: Streams) => void;
+
+let displayMediaCallback: DisplayMediaCallback | null;
+
+export const getDisplayMediaCallback = (): DisplayMediaCallback | null => {
+    return displayMediaCallback;
+};
+
+export const setDisplayMediaCallback = (callback: DisplayMediaCallback | null): void => {
+    displayMediaCallback = callback;
+};
diff --git a/apps/desktop/src/electron-main.ts b/apps/desktop/src/electron-main.ts
new file mode 100644
index 00000000000..7bb269bacaf
--- /dev/null
+++ b/apps/desktop/src/electron-main.ts
@@ -0,0 +1,460 @@
+/*
+Copyright 2018-2025 New Vector Ltd.
+Copyright 2017-2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2016 Aviral Dasgupta
+Copyright 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.
+*/
+
+// Squirrel on windows starts the app with various flags as hooks to tell us when we've been installed/uninstalled etc.
+import "./squirrelhooks.js";
+import {
+    app,
+    BrowserWindow,
+    Menu,
+    autoUpdater,
+    dialog,
+    type Input,
+    type Event,
+    session,
+    protocol,
+    desktopCapturer,
+} from "electron";
+import * as Sentry from "@sentry/electron/main";
+import path from "node:path";
+import windowStateKeeper from "electron-window-state";
+import { URL, fileURLToPath } from "node:url";
+
+import "./ipc.js";
+import "./seshat.js";
+import "./settings.js";
+import "./badge.js";
+import * as tray from "./tray.js";
+import Store from "./store.js";
+import { buildMenuTemplate } from "./vectormenu.js";
+import webContentsHandler from "./webcontents-handler.js";
+import * as updater from "./updater.js";
+import ProtocolHandler from "./protocol.js";
+import { _t, AppLocalization } from "./language-helper.js";
+import { setDisplayMediaCallback } from "./displayMediaCallback.js";
+import { setupMacosTitleBar } from "./macos-titlebar.js";
+import { setupMediaAuth } from "./media-auth.js";
+import { type RendererRecovery, setupRendererRecovery } from "./renderer-recovery.js";
+import { getBuildConfig } from "./build-config.js";
+import { getAsarPath } from "./asar.js";
+import { getIconPath } from "./icon.js";
+import { getArgs } from "./args.js";
+import { type ConfigOptions, loadConfig } from "./config.js";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const buildConfig = getBuildConfig();
+const protocolHandler = new ProtocolHandler(buildConfig.protocol);
+const args = getArgs(protocolHandler);
+
+app.setPath("userData", args.userDataPath);
+
+// Renderer crash auto-recovery for the main window (element-web#32222). Held at module scope so the
+// dock `activate` / `second-instance` relaunch handlers can route a crashed renderer through the same
+// capped recovery rather than reloading inline (which would re-arm an already-given-up crash loop).
+let rendererRecovery: RendererRecovery | undefined;
+
+// Configure Electron Sentry and crashReporter using sentry.dsn in config.json if one is present.
+async function configureSentry(): Promise<void> {
+    const config = await loadConfig(args.localConfigPath);
+    const { dsn, environment } = config.sentry || {};
+    if (dsn) {
+        console.log(`Enabling Sentry with dsn=${dsn} environment=${environment}`);
+        Sentry.init({
+            dsn,
+            environment,
+            // We don't actually use this IPC, but we do not want Sentry injecting preloads
+            ipcMode: Sentry.IPCMode.Classic,
+        });
+    }
+}
+
+global.appQuitting = false;
+
+const exitShortcuts: Array<(input: Input, platform: string) => boolean> = [
+    (input, platform): boolean => platform !== "darwin" && input.alt && input.key.toUpperCase() === "F4",
+    (input, platform): boolean => platform !== "darwin" && input.control && input.key.toUpperCase() === "Q",
+    (input, platform): boolean =>
+        platform === "darwin" && input.meta && !input.control && input.key.toUpperCase() === "Q",
+];
+
+void configureSentry();
+
+// handle uncaught errors otherwise it displays
+// stack traces in popup dialogs, which is terrible (which
+// it will do any time the auto update poke fails, and there's
+// no other way to catch this error).
+// Assuming we generally run from the console when developing,
+// this is far preferable.
+process.on("uncaughtException", function (error: Error): void {
+    console.log("Unhandled exception", error);
+});
+
+app.commandLine.appendSwitch("--enable-usermedia-screen-capturing");
+if (!app.commandLine.hasSwitch("enable-features")) {
+    app.commandLine.appendSwitch("enable-features", "WebRTCPipeWireCapturer");
+}
+
+const gotLock = app.requestSingleInstanceLock();
+if (!gotLock) {
+    console.log("Other instance detected: exiting");
+    app.exit();
+}
+
+// Register the scheme the app is served from as 'standard'
+// which allows things like relative URLs and IndexedDB to
+// work.
+// Also mark it as secure (ie. accessing resources from this
+// protocol and HTTPS won't trigger mixed content warnings).
+protocol.registerSchemesAsPrivileged([
+    {
+        scheme: "vector",
+        privileges: {
+            standard: true,
+            secure: true,
+            supportFetchAPI: true,
+        },
+    },
+]);
+
+// Turn the sandbox on for *all* windows we might generate. Doing this means we don't
+// have to specify a `sandbox: true` to each BrowserWindow.
+//
+// This also fixes an issue with window.open where if we only specified the sandbox
+// on the main window we'd run into cryptic "ipc_renderer be broke" errors. Turns out
+// it's trying to jump the sandbox and make some calls into electron, which it can't
+// do when half of it is sandboxed. By turning on the sandbox for everything, the new
+// window (no matter how temporary it may be) is also sandboxed, allowing for a clean
+// transition into the user's browser.
+app.enableSandbox();
+
+// We disable media controls here. We do this because calls use audio and video elements and they sometimes capture the media keys. See https://github.com/vector-im/element-web/issues/15704
+app.commandLine.appendSwitch("disable-features", "HardwareMediaKeyHandling,MediaSessionService");
+
+const store = Store.initialize(args.storageMode); // must be called before any async actions
+
+// Disable hardware acceleration if the setting has been set.
+if (store.get("disableHardwareAcceleration")) {
+    console.log("Disabling hardware acceleration.");
+    app.disableHardwareAcceleration();
+}
+
+app.on("ready", async () => {
+    console.debug("Reached Electron ready state");
+
+    let asarPath: string;
+    let config: ConfigOptions;
+
+    try {
+        asarPath = await getAsarPath();
+        config = await loadConfig(args.localConfigPath);
+    } catch (e) {
+        console.log("App setup failed: exiting", e);
+        process.exit(1);
+        // process.exit doesn't cause node to stop running code immediately,
+        // so return (we could let the exception propagate but then we end up
+        // with node printing all sorts of stuff about unhandled exceptions
+        // when we want the actual error to be as obvious as possible).
+        return;
+    }
+
+    if (args.devtools) {
+        try {
+            const { installExtension, REACT_DEVELOPER_TOOLS } = await import("electron-devtools-installer");
+            installExtension(REACT_DEVELOPER_TOOLS)
+                .then((ext) => console.log(`Added Extension: ${ext.name}`))
+                .catch((err: unknown) => console.log("An error occurred: ", err));
+        } catch (e) {
+            console.log(e);
+        }
+    }
+
+    protocol.registerFileProtocol("vector", (request, callback) => {
+        if (request.method !== "GET") {
+            callback({ error: -322 }); // METHOD_NOT_SUPPORTED from chromium/src/net/base/net_error_list.h
+            return null;
+        }
+
+        const parsedUrl = new URL(request.url);
+        if (parsedUrl.protocol !== "vector:") {
+            callback({ error: -302 }); // UNKNOWN_URL_SCHEME
+            return;
+        }
+        if (parsedUrl.host !== "vector") {
+            callback({ error: -105 }); // NAME_NOT_RESOLVED
+            return;
+        }
+
+        const target = parsedUrl.pathname.split("/");
+
+        // path starts with a '/'
+        if (target[0] !== "") {
+            callback({ error: -6 }); // FILE_NOT_FOUND
+            return;
+        }
+
+        if (target[target.length - 1] == "") {
+            target[target.length - 1] = "index.html";
+        }
+
+        let baseDir: string;
+        if (target[1] === "webapp") {
+            baseDir = asarPath;
+        } else {
+            callback({ error: -6 }); // FILE_NOT_FOUND
+            return;
+        }
+
+        // Normalise the base dir and the target path separately, then make sure
+        // the target path isn't trying to back out beyond its root
+        baseDir = path.normalize(baseDir);
+
+        const relTarget = path.normalize(path.join(...target.slice(2)));
+        if (relTarget.startsWith("..")) {
+            callback({ error: -6 }); // FILE_NOT_FOUND
+            return;
+        }
+        const absTarget = path.join(baseDir, relTarget);
+
+        callback({
+            path: absTarget,
+        });
+    });
+
+    if (!args.update) {
+        console.log("Auto update disabled via command line flag");
+    } else if (config.update_base_url) {
+        void updater.start(config.update_base_url);
+    } else {
+        console.log("No update_base_url is defined: auto update is disabled");
+    }
+
+    // Set up i18n before loading storage as we need translations for dialogs
+    global.appLocalization = new AppLocalization({
+        components: [(): void => tray.initApplicationMenu(), (): void => Menu.setApplicationMenu(buildMenuTemplate())],
+        store,
+    });
+
+    // Load the previous window state with fallback to defaults
+    const mainWindowState = windowStateKeeper({
+        defaultWidth: 1024,
+        defaultHeight: 768,
+    });
+
+    console.debug("Opening main window");
+    const preloadScript = path.normalize(`${__dirname}/preload.cjs`);
+    global.mainWindow = new BrowserWindow({
+        // https://www.electronjs.org/docs/faq#the-font-looks-blurry-what-is-this-and-what-can-i-do
+        backgroundColor: "#fff",
+
+        titleBarStyle: process.platform === "darwin" ? "hidden" : "default",
+        trafficLightPosition: { x: 12, y: 8 },
+
+        icon: await getIconPath(),
+        show: false,
+        autoHideMenuBar: store.get("autoHideMenuBar"),
+
+        x: mainWindowState.x,
+        y: mainWindowState.y,
+        width: mainWindowState.width,
+        height: mainWindowState.height,
+        webPreferences: {
+            preload: preloadScript,
+            nodeIntegration: false,
+            //sandbox: true, // We enable sandboxing from app.enableSandbox() above
+            contextIsolation: true,
+            webgl: true,
+        },
+    });
+
+    global.mainWindow.setContentProtection(store.get("enableContentProtection"));
+
+    try {
+        console.debug("Ensuring storage is ready");
+        if (!(await store.prepareSafeStorage(global.mainWindow.webContents.session))) return;
+    } catch (e) {
+        console.error(e);
+        app.exit(1);
+    }
+
+    // do this after we know we are the primary instance of the app
+    const hasDeeplink = protocolHandler.initialise(args);
+    if (!hasDeeplink) {
+        void global.mainWindow.loadURL("vector://vector/webapp/");
+    }
+
+    if (process.platform === "darwin") {
+        setupMacosTitleBar(global.mainWindow);
+    }
+
+    // Handle spellchecker
+    // For some reason spellCheckerEnabled isn't persisted, so we have to use the store here
+    global.mainWindow.webContents.session.setSpellCheckerEnabled(store.get("spellCheckerEnabled", true));
+
+    // Create trayIcon icon
+    if (store.get("minimizeToTray")) await tray.create();
+
+    global.mainWindow.once("ready-to-show", () => {
+        if (!global.mainWindow) return;
+        mainWindowState.manage(global.mainWindow);
+
+        if (!args.hidden) {
+            global.mainWindow.show();
+        } else {
+            // hide here explicitly because window manage above sometimes shows it
+            global.mainWindow.hide();
+        }
+    });
+
+    global.mainWindow.webContents.on("before-input-event", (event: Event, input: Input): void => {
+        const exitShortcutPressed =
+            input.type === "keyDown" && exitShortcuts.some((shortcutFn) => shortcutFn(input, process.platform));
+
+        // We only care about the exit shortcuts here
+        if (!exitShortcutPressed || !global.mainWindow) return;
+
+        // Prevent the default behaviour
+        event.preventDefault();
+
+        // Let's ask the user if they really want to exit the app
+        const shouldWarnBeforeExit = store.get("warnBeforeExit", true);
+        if (shouldWarnBeforeExit) {
+            const shouldCancelCloseRequest =
+                dialog.showMessageBoxSync(global.mainWindow, {
+                    type: "question",
+                    buttons: [
+                        _t("action|cancel"),
+                        _t("action|close_brand", {
+                            brand: config.brand,
+                        }),
+                    ],
+                    message: _t("confirm_quit"),
+                    defaultId: 1,
+                    cancelId: 0,
+                }) === 0;
+            if (shouldCancelCloseRequest) return;
+        }
+
+        // Exit the app
+        app.exit();
+    });
+
+    global.mainWindow.on("closed", () => {
+        global.mainWindow = null;
+    });
+    global.mainWindow.on("close", async (e) => {
+        // If we are not quitting and have a tray icon then minimize to tray
+        if (!global.appQuitting && (tray.hasTray() || process.platform === "darwin")) {
+            // On Mac, closing the window just hides it
+            // (this is generally how single-window Mac apps
+            // behave, eg. Mail.app)
+            e.preventDefault();
+
+            if (global.mainWindow?.isFullScreen()) {
+                global.mainWindow.once("leave-full-screen", () => global.mainWindow?.hide());
+
+                global.mainWindow.setFullScreen(false);
+            } else {
+                global.mainWindow?.hide();
+            }
+
+            return false;
+        }
+    });
+
+    if (process.platform === "win32") {
+        // Handle forward/backward mouse buttons in Windows
+        global.mainWindow.on("app-command", (e, cmd) => {
+            if (cmd === "browser-backward" && global.mainWindow?.webContents.canGoBack()) {
+                global.mainWindow.webContents.goBack();
+            } else if (cmd === "browser-forward" && global.mainWindow?.webContents.canGoForward()) {
+                global.mainWindow.webContents.goForward();
+            }
+        });
+    }
+
+    webContentsHandler(global.mainWindow.webContents);
+
+    // Auto-recover from an upstream renderer/GPU-process crash (white screen, element-web#32222). This
+    // is a MITIGATION of an upstream Electron/Chromium defect, not a root-cause fix — without it a dead
+    // renderer stays a permanent blank window the user can only escape by killing the whole app.
+    rendererRecovery = setupRendererRecovery(global.mainWindow);
+
+    session.defaultSession.setDisplayMediaRequestHandler(
+        (_, callback) => {
+            if (process.env.XDG_SESSION_TYPE === "wayland") {
+                // On Wayland, calling getSources() opens the xdg-desktop-portal picker.
+                // The user can only select a single source there, so Electron will return an array with exactly one entry.
+                desktopCapturer
+                    .getSources({ types: ["screen", "window"] })
+                    .then((sources) => {
+                        // oxlint-disable-next-line promise/no-callback-in-promise
+                        callback({ video: sources[0] });
+                    })
+                    .catch((err) => {
+                        // If the user cancels the dialog an error occurs "Failed to get sources"
+                        console.error("Wayland: failed to get user-selected source:", err);
+                        // oxlint-disable-next-line promise/no-callback-in-promise
+                        callback({ video: { id: "", name: "" } }); // The promise does not return if no dummy is passed here as source
+                    });
+            } else {
+                global.mainWindow?.webContents.send("openDesktopCapturerSourcePicker");
+            }
+            setDisplayMediaCallback(callback);
+        },
+        { useSystemPicker: true },
+    ); // Use Mac OS 15+ native picker
+
+    setupMediaAuth(global.mainWindow);
+});
+
+app.on("window-all-closed", () => {
+    app.quit();
+});
+
+app.on("activate", () => {
+    // If the renderer crashed while the window was hidden (element-web#32222), reload it before showing
+    // so the user sees the UI rather than the white screen. Routed through the capped recovery (rather
+    // than an inline reload) so a relaunch can't re-arm a crash loop we've already given up on; it is a
+    // no-op when the renderer is healthy.
+    rendererRecovery?.recoverIfCrashed();
+    global.mainWindow?.show();
+});
+
+function beforeQuit(): void {
+    global.appQuitting = true;
+    global.mainWindow?.webContents.send("before-quit");
+}
+
+app.on("before-quit", beforeQuit);
+autoUpdater.on("before-quit-for-update", beforeQuit);
+
+app.on("second-instance", (ev, commandLine, workingDirectory) => {
+    // If other instance launched with --hidden then skip showing window
+    if (commandLine.includes("--hidden")) return;
+
+    // Someone tried to run a second instance, we should focus our window.
+    if (global.mainWindow) {
+        // If the renderer crashed (element-web#32222), reload before surfacing the window so the user is
+        // brought to a working UI rather than a white screen. Routed through the capped recovery so a
+        // relaunch can't re-arm a crash loop we've already given up on; a no-op for a healthy window.
+        rendererRecovery?.recoverIfCrashed();
+        if (!global.mainWindow.isVisible()) global.mainWindow.show();
+        if (global.mainWindow.isMinimized()) global.mainWindow.restore();
+        global.mainWindow.focus();
+    }
+});
+
+// This is required to make notification handlers work
+// on Windows 8.1/10/11 (and is a noop on other platforms);
+// It must also match the ID found in 'electron-builder'
+// in order to get the title and icon to show up correctly.
+// Ref: https://stackoverflow.com/a/77314604/3525780
+app.setAppUserModelId(buildConfig.appId);
diff --git a/apps/desktop/src/i18n/strings/cs.json b/apps/desktop/src/i18n/strings/cs.json
new file mode 100644
index 00000000000..fcee182e8c6
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/cs.json
@@ -0,0 +1,93 @@
+{
+    "action": {
+        "cancel": "Storno",
+        "close": "Zavřít",
+        "close_brand": "Zavřít %(brand)s",
+        "copy": "Zkopírovat",
+        "cut": "Vyjmout",
+        "delete": "Smazat",
+        "edit": "Upravit",
+        "minimise": "Minimalizovat",
+        "paste": "Vložit",
+        "paste_match_style": "Vložit a přizpůsobit styl",
+        "quit": "Ukončit",
+        "redo": "Znovu",
+        "select_all": "Vybrat vše",
+        "show_hide": "Zobrazit/Skrýt",
+        "undo": "Zpět",
+        "zoom_in": "Přiblížit",
+        "zoom_out": "Oddálit"
+    },
+    "common": {
+        "about": "O",
+        "brand_help": "%(brand)s nápověda",
+        "help": "Nápověda",
+        "no": "Ne",
+        "preferences": "Předvolby",
+        "yes": "Ano"
+    },
+    "confirm_quit": "Opravdu chcete ukončit aplikaci?",
+    "edit_menu": {
+        "speech": "Řeč",
+        "speech_start_speaking": "Spustit nahrávání hlasu",
+        "speech_stop_speaking": "Zastavit nahrávání hlasu"
+    },
+    "eol": {
+        "no_more_updates": "Používáte nepodporovanou verzi systému macOS. Prosím upgradujte %(brand)s pro získání aktualizací.",
+        "title": "Systém není podporován",
+        "warning": "Používáte nepodporovanou verzi systému macOS. Proveďte prosím upgrade %(brand)s, aby byl stále funkční."
+    },
+    "file_menu": {
+        "label": "Soubor"
+    },
+    "icon_overlay": {
+        "description_error": "Chyba",
+        "description_notifications": {
+            "one": "Máte %(count)s nepřečtené oznámení.",
+            "few": "Máte %(count)s nepřečtená oznámení.",
+            "other": "Máte %(count)s nepřečtených oznámení."
+        }
+    },
+    "menu": {
+        "hide": "Skrýt",
+        "hide_others": "Skrýt ostatní",
+        "services": "Služby",
+        "unhide": "Zrušit skrytí"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Přidat do slovníku",
+        "copy_email": "Kopírovat e-mailovou adresu",
+        "copy_image": "Kopírovat obrázek",
+        "copy_image_url": "Kopírovat adresu obrázku",
+        "copy_link_url": "Kopírovat adresu odkazu",
+        "save_image_as": "Uložit obrázek jako...",
+        "save_image_as_error_description": "Obrázek se nepodařilo uložit",
+        "save_image_as_error_title": "Chyba při ukládání obrázku"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Vymazat data a znovu načíst?",
+            "backend_changed_detail": "Nelze získat přístup k tajnému klíči ze systémové klíčenky, zdá se, že se změnil.",
+            "backend_changed_title": "Nepodařilo se načíst databázi",
+            "backend_no_encryption": "Váš systém má podporovanou klíčenku, ale šifrování není k dispozici.",
+            "backend_no_encryption_detail": "Electron zjistil, že pro vaši klíčenku %(backend)s není k dispozici šifrování. Ujistěte se, že máte nainstalovanou klíčenku. Pokud ji máte, restartujte počítač a zkuste to znovu. Volitelně můžete povolit %(brand)s použít slabší formu šifrování.",
+            "backend_no_encryption_title": "Bez podpory šifrování",
+            "unsupported_keyring": "Váš systém má nepodporovanou klíčenku, což znamená, že databázi nelze otevřít.",
+            "unsupported_keyring_detail": "Detekce klíčenky Electronu nenalezla podporovaný backend. Můžete se pokusit ručně nakonfigurovat backend spuštěním %(brand)s s argumentem příkazového řádku, jednorázovou operací. Viz %(link)s.",
+            "unsupported_keyring_title": "Systém není podporován",
+            "unsupported_keyring_use_basic_text": "Používat slabší šifrování",
+            "unsupported_keyring_use_plaintext": "Nepoužívat žádné šifrování"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Aktuální velikost",
+        "toggle_developer_tools": "Přepnout zobrazení nástrojů pro vývojáře",
+        "toggle_full_screen": "Přepnout zobrazení celé obrazovky",
+        "view": "Zobrazit"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Přenést vše do popředí",
+        "label": "Okno",
+        "zoom": "Lupa"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/cy.json b/apps/desktop/src/i18n/strings/cy.json
new file mode 100644
index 00000000000..597d31d9044
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/cy.json
@@ -0,0 +1,93 @@
+{
+    "action": {
+        "cancel": "Diddymu",
+        "close": "Cau",
+        "close_brand": "Cau %(brand)s",
+        "copy": "Copïo",
+        "cut": "Torri",
+        "delete": "Dileu",
+        "edit": "Golygu",
+        "minimise": "Lleihau",
+        "paste": "Gludo",
+        "paste_match_style": "Arddull Gludo a Chyfateb",
+        "quit": "Gadael",
+        "redo": "Ail-wneud",
+        "select_all": "Dewis y Cyfan",
+        "show_hide": "Dangos/Cuddio",
+        "undo": "Dadwneud",
+        "zoom_in": "Chwyddo i Mewn",
+        "zoom_out": "Chwyddo Allan"
+    },
+    "common": {
+        "about": "Ynghylch",
+        "brand_help": "Cymorth %(brand)s",
+        "help": "Cymorth",
+        "no": "Na",
+        "preferences": "Dewisiadau",
+        "yes": "Iawn"
+    },
+    "confirm_quit": "Ydych chi'n siŵr eich bod am roi'r gorau iddi?",
+    "edit_menu": {
+        "speech": "Lleferydd",
+        "speech_start_speaking": "Cychwyn Llefaru",
+        "speech_stop_speaking": "Peidio Llefaru"
+    },
+    "eol": {
+        "no_more_updates": "Rydych chi'n rhedeg fersiwn o macOS nad yw'n cael ei chefnogi. Uwchraddiwch i dderbyn diweddariadau %(brand)s.",
+        "title": "System heb ei chefnogi",
+        "warning": "Rydych chi'n rhedeg fersiwn o macOS nad yw'n cael ei chefnogi. Uwchraddiwch i sicrhau bod %(brand)s yn parhau i weithio."
+    },
+    "file_menu": {
+        "label": "Ffeil"
+    },
+    "icon_overlay": {
+        "description_error": "Gwall",
+        "description_notifications": {
+            "Mae gennych chi %(count)s hysbysiadau heb eu darllen.": "zero",
+            "Mae gennych chi %(count)s hysbysiad heb ei ddarllen.": "one",
+            "Mae gennych chi %(count)s hysbysiad heb eu darllen.": "other"
+        }
+    },
+    "menu": {
+        "hide": "Cuddio",
+        "hide_others": "Cuddio'r Gweddill",
+        "services": "Gwasanaethau",
+        "unhide": "Datguddio"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Ychwanegu at y geiriadur",
+        "copy_email": "Copïo cyfeiriad e-bost",
+        "copy_image": "Copïo delwedd",
+        "copy_image_url": "Copïo cyfeiriad delwedd",
+        "copy_link_url": "Copïo cyfeiriad y ddolen",
+        "save_image_as": "Cadw delwedd fel...",
+        "save_image_as_error_description": "Methodd cadw'r ddelwedd",
+        "save_image_as_error_title": "Methodd cadw'r ddelwedd"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Clirio data ac ail-lwytho?",
+            "backend_changed_detail": "Methu cael mynediad at y gyfrinach o allweddi'r system, mae'n ymddangos ei fod wedi newid.",
+            "backend_changed_title": "Methwyd llwytho'r gronfa ddata",
+            "backend_no_encryption": "Mae gan eich system cylch allwedd sy'n cael ei gefnogi ond nid yw amgryptio ar gael.",
+            "backend_no_encryption_detail": "Mae Electron wedi canfod nad yw amgryptio ar gael ar eich cylch allweddi %(backend)s. Gwnewch yn siŵr bod y cylch allweddi wedi'i osod. Os oes y cylch allweddi wedi'i osod, ail gychwynnwch a cheisiwch eto. Yn ddewisol, gallwch ganiatáu i %(brand)s ddefnyddio ffurf wannach o amgryptio.",
+            "backend_no_encryption_title": "Dim cefnogaeth amgryptio",
+            "unsupported_keyring": "Mae gan eich system allweddell nad yw'n cael ei chefnogi sy'n golygu nad oes modd agor y gronfa ddata.",
+            "unsupported_keyring_detail": "Heb ganfod allweddell Electron gefn. Gallwch geisio ffurfweddu'r gefn â llaw trwy gychwyn %(brand)s gyda dadl llinell orchymyn, gweithrediad untro. Gweler %(link)s.",
+            "unsupported_keyring_title": "System heb ei chefnogi",
+            "unsupported_keyring_use_basic_text": "Defnyddiwch amgryptio gwannach",
+            "unsupported_keyring_use_plaintext": "Peidiwch â defnyddio amgryptio"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Maint Gwirioneddol",
+        "toggle_developer_tools": "Toglo Offer Datblygwyr",
+        "toggle_full_screen": "Toglo Sgrin Lawn",
+        "view": "Golwg"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Popeth i'r Blaen",
+        "label": "Ffenestr",
+        "zoom": "Chwyddo"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/da.json b/apps/desktop/src/i18n/strings/da.json
new file mode 100644
index 00000000000..7fb9491bc86
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/da.json
@@ -0,0 +1,74 @@
+{
+    "action": {
+        "cancel": "Afbryd",
+        "close": "Luk",
+        "close_brand": "Luk %(brand)s",
+        "copy": "Kopiér",
+        "cut": "Klip",
+        "delete": "Slet",
+        "edit": "Rediger",
+        "minimise": "Minimér",
+        "paste": "Indsæt",
+        "paste_match_style": "Indsæt og match stil",
+        "quit": "Luk",
+        "redo": "Omgør",
+        "select_all": "Vælg alle",
+        "show_hide": "Vis/skjul",
+        "undo": "Fortryd",
+        "zoom_in": "Zoom ind",
+        "zoom_out": "Zoom ud"
+    },
+    "common": {
+        "about": "Om",
+        "brand_help": "%(brand)sHjælp",
+        "help": "Hjælp",
+        "no": "Nej",
+        "preferences": "Indstillinger",
+        "yes": "Ja"
+    },
+    "confirm_quit": "Er du sikker på, du vil afslutte?",
+    "edit_menu": {
+        "speech": "Tale",
+        "speech_start_speaking": "Begynd at tale",
+        "speech_stop_speaking": "Stop med at tale"
+    },
+    "file_menu": {
+        "label": "Fil"
+    },
+    "icon_overlay": {
+        "description_error": "Fejl"
+    },
+    "menu": {
+        "hide": "Skjul",
+        "hide_others": "Skjul andre",
+        "services": "Tjenester",
+        "unhide": "Vis"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Tilføj til ordbog",
+        "copy_email": "Kopier e-mailadresse",
+        "copy_image": "Kopier billede",
+        "copy_image_url": "Kopier billed-adresse",
+        "copy_link_url": "Kopier linkadresse",
+        "save_image_as": "Gem billede som...",
+        "save_image_as_error_description": "Billedet kunne ikke gemmes",
+        "save_image_as_error_title": "Kunne ikke gemme billedet"
+    },
+    "store": {
+        "error": {
+            "backend_no_encryption": "Dit system har en understøttet nøglering, men kryptering er ikke tilgængelig.",
+            "unsupported_keyring": "Dit system har en ikke-understøttet nøglering, hvilket betyder at databasen ikke kan åbnes."
+        }
+    },
+    "view_menu": {
+        "actual_size": "Faktisk størrelse",
+        "toggle_developer_tools": "Skift udviklerværktøjer",
+        "toggle_full_screen": "Skift fuld skærm",
+        "view": "Vis"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Bring alt i front",
+        "label": "Vindue",
+        "zoom": "Zoom"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/de_DE.json b/apps/desktop/src/i18n/strings/de_DE.json
new file mode 100644
index 00000000000..191460f02da
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/de_DE.json
@@ -0,0 +1,92 @@
+{
+    "action": {
+        "cancel": "Abbrechen",
+        "close": "Schließen",
+        "close_brand": "%(brand)s schließen",
+        "copy": "Kopieren",
+        "cut": "Ausschneiden",
+        "delete": "Löschen",
+        "edit": "Bearbeiten",
+        "minimise": "Minimieren",
+        "paste": "Einfügen",
+        "paste_match_style": "Einfügen und Formatierung beibehalten",
+        "quit": "Beenden",
+        "redo": "Wiederherstellen",
+        "select_all": "Alles auswählen",
+        "show_hide": "Anzeigen/Ausblenden",
+        "undo": "Rückgängig",
+        "zoom_in": "Vergrößern",
+        "zoom_out": "Verkleinern"
+    },
+    "common": {
+        "about": "Über",
+        "brand_help": "%(brand)s Hilfe",
+        "help": "Hilfe",
+        "no": "Nein",
+        "preferences": "Präferenzen",
+        "yes": "Ja"
+    },
+    "confirm_quit": "Wirklich beenden?",
+    "edit_menu": {
+        "speech": "Sprache",
+        "speech_start_speaking": "Aufnahme starten",
+        "speech_stop_speaking": "Aufnahme beenden"
+    },
+    "eol": {
+        "no_more_updates": "Du benutzt eine nicht unterstützte Version von macOS. Bitte aktualisiere, um Updates für %(brand)s zu erhalten.",
+        "title": "System nicht unterstützt",
+        "warning": "Du benutzt eine nicht unterstützte Version von macOS. Bitte aktualisiere, damit %(brand)s weiter funktioniert."
+    },
+    "file_menu": {
+        "label": "Datei"
+    },
+    "icon_overlay": {
+        "description_error": "Fehler",
+        "description_notifications": {
+            "one": "Du hast %(count)s ungelesene Benachrichtigung.",
+            "other": "Du hast %(count)s ungelesene Benachrichtigungen."
+        }
+    },
+    "menu": {
+        "hide": "Verstecken",
+        "hide_others": "Andere verstecken",
+        "services": "Dienste",
+        "unhide": "Wieder anzeigen"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Wörterbuch hinzufügen",
+        "copy_email": "Email-Adresse kopieren",
+        "copy_image": "Bild kopieren",
+        "copy_image_url": "Bild-Adresse kopieren",
+        "copy_link_url": "Link-Adresse kopieren",
+        "save_image_as": "Bild speichern unter...",
+        "save_image_as_error_description": "Das Bild konnte nicht gespeichert werden",
+        "save_image_as_error_title": "Bild kann nicht gespeichert werden"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Daten löschen und neu laden?",
+            "backend_changed_detail": "Zugriff auf Schlüssel im Systemschlüsselbund nicht möglich, er scheint sich geändert zu haben.",
+            "backend_changed_title": "Datenbank konnte nicht geladen werden",
+            "backend_no_encryption": "Ihr System verfügt über einen unterstützten Keyring, aber die Verschlüsselung ist nicht verfügbar.",
+            "backend_no_encryption_detail": "Electron hat festgestellt, dass der Keyring von %(backend)s keine Verschlüsselung bietet. Wenn du den Keyring installiert hast, starte den Rechner bitte neu und versuche es erneut. Optional kann %(brand)s auch eine abgeschwächte Verschlüsselung nutzen.",
+            "backend_no_encryption_title": "Keine Verschlüsselungsunterstützung",
+            "unsupported_keyring": "Der Keyring des Systems wird nicht unterstützt. Daher kann die Datenbank nicht geöffnet werden kann.",
+            "unsupported_keyring_detail": "Die Keyring-Erkennung von Electron hat kein unterstütztes Backend gefunden. Du kannst einmalig versuchen, eine manuelle Konfiguration von %(brand)s über die Kommandozeile vorzunehmen. Infos unter %(link)s.",
+            "unsupported_keyring_title": "System nicht unterstützt",
+            "unsupported_keyring_use_basic_text": "Schwächere Verschlüsselung verwenden",
+            "unsupported_keyring_use_plaintext": "Verwende keine Verschlüsselung"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Tatsächliche Größe",
+        "toggle_developer_tools": "Developer-Tools an/aus",
+        "toggle_full_screen": "Vollbildschirm an/aus",
+        "view": "Ansicht"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Alles in den Vordergrund",
+        "label": "Fenster",
+        "zoom": "Zoomen"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/el.json b/apps/desktop/src/i18n/strings/el.json
new file mode 100644
index 00000000000..18f411b1e42
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/el.json
@@ -0,0 +1,63 @@
+{
+    "action": {
+        "cancel": "Ακύρωση",
+        "close": "Κλείσιμο",
+        "close_brand": "Κλείσιμο %(brand)s",
+        "copy": "Αντιγραφή",
+        "cut": "Αποκοπή",
+        "delete": "Διαγραφή",
+        "edit": "Επεξεργασία",
+        "minimise": "Ελαχιστοποίηση",
+        "paste": "Επικόλληση",
+        "paste_match_style": "Επικόλληση και Ταίριασμα Στυλ",
+        "quit": "Κλείσιμο",
+        "redo": "Επανάληψη",
+        "select_all": "Επιλογή Όλων",
+        "show_hide": "Eμφάνιση/Απόκρυψη",
+        "undo": "Αναίρεση",
+        "zoom_in": "Μεγέθυνση",
+        "zoom_out": "Σμίκρυνση"
+    },
+    "common": {
+        "about": "Σχετικά με",
+        "brand_help": "%(brand)s Υποστήριξη",
+        "help": "Βοήθεια",
+        "preferences": "Προτιμήσεις"
+    },
+    "confirm_quit": "Είστε βέβαιος ότι θέλετε να εγκαταλείψετε;",
+    "edit_menu": {
+        "speech": "Ομιλία",
+        "speech_start_speaking": "Ξεκινήστε να μιλάτε",
+        "speech_stop_speaking": "Τερματίστε να μιλάτε"
+    },
+    "file_menu": {
+        "label": "Αρχείο"
+    },
+    "menu": {
+        "hide": "Απόκρυψη",
+        "hide_others": "Απόκρυψη Άλλων",
+        "services": "Υπηρεσίες",
+        "unhide": "Εμφάνιση"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Προσθήκη στο λεξικό",
+        "copy_email": "Αντιγραφή διεύθυνσης email",
+        "copy_image": "Αντιγραφή εικόνας",
+        "copy_image_url": "Αντιγραφή διεύθυνσης εικόνας",
+        "copy_link_url": "Αντιγραφή διεύθυνσης συνδέσμου",
+        "save_image_as": "Αποθήκευση εικόνας ως...",
+        "save_image_as_error_description": "Η αποθήκευση της εικόνας απέτυχε",
+        "save_image_as_error_title": "Αποτυχία αποθήκευσης εικόνας"
+    },
+    "view_menu": {
+        "actual_size": "Πραγματικό Μέγεθος",
+        "toggle_developer_tools": "Άνοιγμα Εργαλείων Προγραμματιστή",
+        "toggle_full_screen": "Εναλλαγή σε Πλήρη Οθόνη",
+        "view": "Προβολή"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Μεταφορά Όλων στο Προσκήνιο",
+        "label": "Παράθυρο",
+        "zoom": "Ζουμ"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/en_EN.json b/apps/desktop/src/i18n/strings/en_EN.json
new file mode 100644
index 00000000000..c4574fd1303
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/en_EN.json
@@ -0,0 +1,105 @@
+{
+    "action": {
+        "cancel": "Cancel",
+        "close": "Close",
+        "close_brand": "Close %(brand)s",
+        "copy": "Copy",
+        "cut": "Cut",
+        "delete": "Delete",
+        "edit": "Edit",
+        "minimise": "Minimize",
+        "paste": "Paste",
+        "paste_match_style": "Paste and Match Style",
+        "quit": "Quit",
+        "redo": "Redo",
+        "select_all": "Select All",
+        "show_hide": "Show/Hide",
+        "undo": "Undo",
+        "zoom_in": "Zoom In",
+        "zoom_out": "Zoom Out"
+    },
+    "common": {
+        "about": "About",
+        "brand_help": "%(brand)s Help",
+        "help": "Help",
+        "no": "No",
+        "preferences": "Preferences",
+        "yes": "Yes"
+    },
+    "confirm_quit": "Are you sure you want to quit?",
+    "download": {
+        "unable_to_open_description": "The file could not be opened. It may have been moved or deleted.",
+        "unable_to_open_title": "Unable to open file"
+    },
+    "edit_menu": {
+        "speech": "Speech",
+        "speech_start_speaking": "Start Speaking",
+        "speech_stop_speaking": "Stop Speaking"
+    },
+    "eol": {
+        "no_more_updates": "You are running an unsupported version of macOS. Please upgrade to receive %(brand)s updates.",
+        "title": "System unsupported",
+        "warning": "You are running an unsupported version of macOS. Please upgrade to ensure %(brand)s keeps working."
+    },
+    "file_menu": {
+        "label": "File"
+    },
+    "icon_overlay": {
+        "description_error": "Error",
+        "description_notifications": {
+            "one": "You have %(count)s unread notification.",
+            "other": "You have %(count)s unread notifications."
+        }
+    },
+    "menu": {
+        "hide": "Hide",
+        "hide_others": "Hide Others",
+        "services": "Services",
+        "unhide": "Unhide"
+    },
+    "renderer_crash": {
+        "detail": "Quit and reopen the app to continue. If this keeps happening, restarting your computer or clearing the app's cache may help.",
+        "message": "%(brand)s recovered from a problem several times but it keeps happening, so it has stopped trying.",
+        "title": "%(brand)s keeps crashing"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Add to dictionary",
+        "copy_email": "Copy email address",
+        "copy_image": "Copy image",
+        "copy_image_url": "Copy image address",
+        "copy_link_url": "Copy link address",
+        "save_image_as": "Save image as...",
+        "save_image_as_error_description": "The image failed to save",
+        "save_image_as_error_title": "Failed to save image"
+    },
+    "save_dialog": {
+        "all_files": "All Files",
+        "named_file_type": "%(extension)s File"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Clear data and reload?",
+            "backend_changed_detail": "Unable to access secret from system keyring, it appears to have changed.",
+            "backend_changed_title": "Failed to load database",
+            "backend_no_encryption": "Your system has a supported keyring but encryption is not available.",
+            "backend_no_encryption_detail": "Electron has detected that encryption is not available on your keyring %(backend)s. Please ensure that you have the keyring installed. If you do have the keyring installed, please reboot and try again. Optionally, you can allow %(brand)s to use a weaker form of encryption.",
+            "backend_no_encryption_title": "No encryption support",
+            "unsupported_keyring": "Your system has an unsupported keyring meaning the database cannot be opened.",
+            "unsupported_keyring_detail": "Electron's keyring detection did not find a supported backend. You can attempt to manually configure the backend by starting %(brand)s with a command-line argument, a one-time operation. See %(link)s.",
+            "unsupported_keyring_title": "System unsupported",
+            "unsupported_keyring_use_basic_text": "Use weaker encryption",
+            "unsupported_keyring_use_plaintext": "Use no encryption"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Actual Size",
+        "toggle_developer_tools": "Toggle Developer Tools",
+        "toggle_full_screen": "Toggle Full Screen",
+        "view": "View"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Bring All to Front",
+        "label": "Window",
+        "zoom": "Zoom"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/eo.json b/apps/desktop/src/i18n/strings/eo.json
new file mode 100644
index 00000000000..45e7bcb307c
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/eo.json
@@ -0,0 +1,50 @@
+{
+    "action": {
+        "cancel": "Nuligi",
+        "close": "Fermi",
+        "close_brand": "Fermu %(brand)s",
+        "copy": "Kopii",
+        "cut": "Tranĉi",
+        "delete": "Forigi",
+        "edit": "Redakti",
+        "minimise": "Minimumigi",
+        "paste": "Enmeti",
+        "redo": "Refari",
+        "select_all": "Elekti Ĉiujn",
+        "show_hide": "Montri/Kaŝi",
+        "undo": "Malfari"
+    },
+    "common": {
+        "about": "Prio",
+        "help": "Helpo",
+        "preferences": "Agordoj"
+    },
+    "confirm_quit": "Ĉu vi certas, ke vi volas ĉesi?",
+    "edit_menu": {
+        "speech_start_speaking": "Ekparoli",
+        "speech_stop_speaking": "Ĉesi Paroli"
+    },
+    "file_menu": {
+        "label": "Dosiero"
+    },
+    "menu": {
+        "hide": "Kaŝi",
+        "hide_others": "Kaŝi Aliajn",
+        "unhide": "Malkaŝi"
+    },
+    "right_click_menu": {
+        "copy_email": "Kopiu retadreson",
+        "copy_image": "Kopiu bildon",
+        "copy_image_url": "Kopiu adreson de la bildo",
+        "copy_link_url": "Kopiu ligilon de la bildo",
+        "save_image_as_error_description": "La bildo malsukcesis elŝutiĝi",
+        "save_image_as_error_title": "Malsukcesis elŝuti bildon"
+    },
+    "view_menu": {
+        "toggle_developer_tools": "Baskuligi Programistajn Ilojn",
+        "view": "Vidi"
+    },
+    "window_menu": {
+        "label": "Fenestro"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/es.json b/apps/desktop/src/i18n/strings/es.json
new file mode 100644
index 00000000000..d6c46b7869d
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/es.json
@@ -0,0 +1,65 @@
+{
+    "action": {
+        "cancel": "Cancelar",
+        "close": "Cerrar",
+        "close_brand": "Cerrar %(brand)s",
+        "copy": "Copiar",
+        "cut": "Cortar",
+        "delete": "Borrar",
+        "edit": "Editar",
+        "minimise": "Minimizar",
+        "paste": "Pegar",
+        "paste_match_style": "Pegar manteniendo estilo",
+        "quit": "Salir",
+        "redo": "Rehacer",
+        "select_all": "Seleccionar todo",
+        "show_hide": "Ver/Ocultar",
+        "undo": "Deshacer",
+        "zoom_in": "Acercar",
+        "zoom_out": "Alejar"
+    },
+    "common": {
+        "about": "Acerca de",
+        "brand_help": "Ayuda sobre %(brand)s",
+        "help": "Ayuda",
+        "no": "No",
+        "preferences": "Preferencias",
+        "yes": "Sí"
+    },
+    "confirm_quit": "¿Quieres salir?",
+    "edit_menu": {
+        "speech": "Dictado",
+        "speech_start_speaking": "Empezar a hablar",
+        "speech_stop_speaking": "Parar de hablar"
+    },
+    "file_menu": {
+        "label": "Archivo"
+    },
+    "menu": {
+        "hide": "Ocultar",
+        "hide_others": "Ocultar otros",
+        "services": "Servicios",
+        "unhide": "Mostrar"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Añadir al diccionario",
+        "copy_email": "Copiar dirección de correo",
+        "copy_image": "Copiar imagen",
+        "copy_image_url": "Copiar dirección de la imagen",
+        "copy_link_url": "Copiar dirección de enlace",
+        "save_image_as": "Guardar imagen como...",
+        "save_image_as_error_description": "La imagen no se ha podido guardar",
+        "save_image_as_error_title": "No se ha podido guardar la imagen"
+    },
+    "view_menu": {
+        "actual_size": "Tamaño real",
+        "toggle_developer_tools": "Abrir/cerrar herramientas de desarrollo",
+        "toggle_full_screen": "Entrar/salir de pantalla completa",
+        "view": "Ver"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Traer todas al primer plano",
+        "label": "Ventana",
+        "zoom": "Acercamiento"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/et.json b/apps/desktop/src/i18n/strings/et.json
new file mode 100644
index 00000000000..e568799d7b1
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/et.json
@@ -0,0 +1,101 @@
+{
+    "action": {
+        "cancel": "Loobu",
+        "close": "Sulge",
+        "close_brand": "Sulge %(brand)s",
+        "copy": "Kopeeri",
+        "cut": "Lõika",
+        "delete": "Kustuta",
+        "edit": "Muuda",
+        "minimise": "Vähenda",
+        "paste": "Aseta",
+        "paste_match_style": "Aseta kasutades sama stiili",
+        "quit": "Välju",
+        "redo": "Tee uuesti",
+        "select_all": "Vali kõik",
+        "show_hide": "Näita/peida",
+        "undo": "Võta tagasi",
+        "zoom_in": "Suurenda",
+        "zoom_out": "Vähenda"
+    },
+    "common": {
+        "about": "Rakenduse teave",
+        "brand_help": "%(brand)s abiteave",
+        "help": "Abiteave",
+        "no": "Ei",
+        "preferences": "Eelistused",
+        "yes": "Jah"
+    },
+    "confirm_quit": "Kas sa kindlasti soovid rakendusest väljuda?",
+    "download": {
+        "unable_to_open_description": "Faili avamine ei õnnestunud. See võib olla tõstetud mujale või kustutatud.",
+        "unable_to_open_title": "Faili avamine ei õnnestu"
+    },
+    "edit_menu": {
+        "speech": "Kõne",
+        "speech_start_speaking": "Alusta rääkimist",
+        "speech_stop_speaking": "Lõpeta rääkimine"
+    },
+    "eol": {
+        "no_more_updates": "Sa kasutad macOS-i toetamata versiooni. %(brand)s rakenduse tulevaste versioonide kasutamiseks palun uuenda operatsioonisüsteemi.",
+        "title": "Süsteem pole toetatud",
+        "warning": "Sa kasutad macOS-i toetamata versiooni. Et %(brand)s toimiks ka edaspidi, palun uuenda operatsioonisüsteemi."
+    },
+    "file_menu": {
+        "label": "Fail"
+    },
+    "icon_overlay": {
+        "description_error": "Viga",
+        "description_notifications": {
+            "one": "Sul on %(count)s lugemata teavitus",
+            "other": "Sul on %(count)s lugemata teavitust"
+        }
+    },
+    "menu": {
+        "hide": "Peida",
+        "hide_others": "Peida muud",
+        "services": "Teenused",
+        "unhide": "Näita uuesti"
+    },
+    "renderer_crash": {
+        "detail": "Jätkamiseks sulge rakendus ja ava see uuesti. Kui probleem kordub, võib aidata arvuti uuesti käivitamine või rakenduse vahemälu tühjendamine.",
+        "message": "%(brand)s on mitu korda probleemist taastunud, kuid viga kordub ikka ja jälle ning rakendus on edasise proovimise lõpetanud.",
+        "title": "%(brand)s jookseb ühtevalu kokku"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Lisa sõnastikku",
+        "copy_email": "Kopeeri e-posti aadress",
+        "copy_image": "Kopeeri pilt",
+        "copy_image_url": "Kopeeri pildi aadress",
+        "copy_link_url": "Kopeeri lingi aadress",
+        "save_image_as": "Salvesta pilt kui...",
+        "save_image_as_error_description": "Seda pilti ei õnnestunud salvestada",
+        "save_image_as_error_title": "Pildi salvestamine ei õnnestunud"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Kas kustutame andmed ja laadime uuesti?",
+            "backend_changed_detail": "Süsteemsest võtmerõngast ei õnnestu laadida vajalikku saladust, tundub et ta on muutunud.",
+            "backend_changed_title": "Andmebaasi ei õnnestunud laadida",
+            "backend_no_encryption": "Sinu süsteem kasutab toetatud võtmerõngast, kuid krüptimist pole saadaval.",
+            "backend_no_encryption_detail": "Electron on tuvastanud, et krüptimine pole sinu %(backend)s võtmerõnga jaoks saadaval. Palun kontrolli, et võtmerõngas oleks korrektselt paigaldatud. Kui sul on võtmerõngas paigaldatud, siis palun taaskäivita ta ja proovi uuesti. Lisavõimalusena saad lubada, et %(brand)s kasutab nõrgemat krüptimislahendust.",
+            "backend_no_encryption_title": "Krüptimise tugi puudub",
+            "unsupported_keyring": "Sinu süsteemis on kasutusel mittetoetatud võtmerõnga versioon ning see tähendab, et andmebaasi ei saa avada.",
+            "unsupported_keyring_detail": "Electroni võtmerõnga tuvastamine ei leidnud toetatud taustateenust. Kui käivitad rakenduse %(brand)s käsurealt õigete argumentidega, siis võib taustateenuse käsitsi seadistamine õnnestuda ning seda tegevust peaksid vaid üks kord tegema. Lisateave: %(link)s.",
+            "unsupported_keyring_title": "Süsteem pole toetatud",
+            "unsupported_keyring_use_basic_text": "Kasuta nõrgemat krüptimist",
+            "unsupported_keyring_use_plaintext": "Ära üldse kasuta krüptimist"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Näita tavasuuruses",
+        "toggle_developer_tools": "Arendaja töövahendid sisse/välja",
+        "toggle_full_screen": "Täisekraanivaade sisse/välja",
+        "view": "Näita"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Too kõik esiplaanile",
+        "label": "Aken",
+        "zoom": "Suumi"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/fa.json b/apps/desktop/src/i18n/strings/fa.json
new file mode 100644
index 00000000000..ea8ea6eb9c1
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/fa.json
@@ -0,0 +1,63 @@
+{
+    "action": {
+        "cancel": "لغو",
+        "close": "بستن",
+        "close_brand": "بستن %(brand)s",
+        "copy": "رونوشت",
+        "cut": "برش",
+        "delete": "پاک‌کردن",
+        "edit": "ویرایش",
+        "minimise": "کمینه",
+        "paste": "جای‌گذاری",
+        "paste_match_style": "جای‌گذاری و تطبیق سَبک",
+        "quit": "خروج",
+        "redo": "انجام دوباره",
+        "select_all": "گزینش همه",
+        "show_hide": "نمایش/پنهان",
+        "undo": "بازگردانی",
+        "zoom_in": "بزرگنمایی به داخل",
+        "zoom_out": "بزرگنمایی به خارج"
+    },
+    "common": {
+        "about": "درباره",
+        "brand_help": "کمک %(brand)s",
+        "help": "راهنما",
+        "preferences": "ترجیحات"
+    },
+    "confirm_quit": "آیا مطمئنید که می‌خواهید خارج شوید؟",
+    "edit_menu": {
+        "speech": "صحبت کردن",
+        "speech_start_speaking": "صحبت کردن را شروع کنید",
+        "speech_stop_speaking": "صحبت کردن را تمام کنید"
+    },
+    "file_menu": {
+        "label": "پرونده"
+    },
+    "menu": {
+        "hide": "پنهان",
+        "hide_others": "پنهان کردن دیگران",
+        "services": "خدمات",
+        "unhide": "آشکار"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "افزودن به لغت‌نامه",
+        "copy_email": "رونوشت نشانی رایانامه",
+        "copy_image": "رونوشت تصویر",
+        "copy_image_url": "رونوشت نشانی تصویر",
+        "copy_link_url": "رونوشت نشانی پیوند",
+        "save_image_as": "ذخیرهٔ تصویر به عنوان...",
+        "save_image_as_error_description": "تصویر ذخیره نشد",
+        "save_image_as_error_title": "ذخیرهٔ تصویر شکست خورد"
+    },
+    "view_menu": {
+        "actual_size": "اندازهٔ واقعی",
+        "toggle_developer_tools": "تغییر وضعیت ابزارهای توسعه‌دهنده",
+        "toggle_full_screen": "تغییر وضعیت تمام‌صفحه",
+        "view": "مشاهده"
+    },
+    "window_menu": {
+        "bring_all_to_front": "همه را به جلو بیاورید",
+        "label": "پنجره",
+        "zoom": "بزرگنمایی"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/fi.json b/apps/desktop/src/i18n/strings/fi.json
new file mode 100644
index 00000000000..726e3e61120
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/fi.json
@@ -0,0 +1,71 @@
+{
+    "action": {
+        "cancel": "Peruuta",
+        "close": "Sulje",
+        "close_brand": "Sulje %(brand)s",
+        "copy": "Kopioi",
+        "cut": "Leikkaa",
+        "delete": "Poista",
+        "edit": "Muokkaa",
+        "minimise": "Pienennä",
+        "paste": "Liitä",
+        "paste_match_style": "Liitä ja sovita tyyli",
+        "quit": "Lopeta",
+        "redo": "Tee uudestaan",
+        "select_all": "Valitse kaikki",
+        "show_hide": "Näytä/piilota",
+        "undo": "Peru",
+        "zoom_in": "Suurenna",
+        "zoom_out": "Pienennä"
+    },
+    "common": {
+        "about": "Tietoa",
+        "brand_help": "%(brand)s-tuki",
+        "help": "Ohje",
+        "no": "Ei",
+        "preferences": "Valinnat",
+        "yes": "Kyllä"
+    },
+    "confirm_quit": "Haluatko varmasti poistua?",
+    "edit_menu": {
+        "speech": "Puhe",
+        "speech_start_speaking": "Aloita puhe",
+        "speech_stop_speaking": "Lopeta puhe"
+    },
+    "file_menu": {
+        "label": "Tiedosto"
+    },
+    "menu": {
+        "hide": "Piilota",
+        "hide_others": "Piilota muut",
+        "services": "Palvelut",
+        "unhide": "Palauta näkyviin"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Lisää sanakirjaan",
+        "copy_email": "Kopioi sähköpostiosoite",
+        "copy_image": "Kopioi kuva",
+        "copy_image_url": "Kopioi kuvan osoite",
+        "copy_link_url": "Kopioi linkin osoite",
+        "save_image_as": "Tallenna kuva nimellä...",
+        "save_image_as_error_description": "Kuvan tallennus epäonnistui",
+        "save_image_as_error_title": "Kuvan tallennus epäonnistui"
+    },
+    "store": {
+        "error": {
+            "backend_changed_title": "Tietokannan lataaminen epäonnistui",
+            "unsupported_keyring_title": "Järjestelmä ei ole tuettu"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Alkuperäinen koko",
+        "toggle_developer_tools": "Näytä tai piilota kehittäjätyökalut",
+        "toggle_full_screen": "Vaihda koko näytön tilaa",
+        "view": "Näytä"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Tuo kaikki eteen",
+        "label": "Ikkuna",
+        "zoom": "Suurennus"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/fr.json b/apps/desktop/src/i18n/strings/fr.json
new file mode 100644
index 00000000000..cef20093fe1
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/fr.json
@@ -0,0 +1,97 @@
+{
+    "action": {
+        "cancel": "Annuler",
+        "close": "Fermer",
+        "close_brand": "Fermer %(brand)s",
+        "copy": "Copier",
+        "cut": "Couper",
+        "delete": "Supprimer",
+        "edit": "Modifier",
+        "minimise": "Minimiser",
+        "paste": "Coller",
+        "paste_match_style": "Copier avec le style de destination",
+        "quit": "Quitter",
+        "redo": "Refaire",
+        "select_all": "Tout sélectionner",
+        "show_hide": "Afficher/Masquer",
+        "undo": "Annuler",
+        "zoom_in": "Zoomer",
+        "zoom_out": "Dé-zoomer"
+    },
+    "common": {
+        "about": "À propos",
+        "brand_help": "Aide de %(brand)s",
+        "help": "Aide",
+        "no": "Non",
+        "preferences": "Préférences",
+        "yes": "Oui"
+    },
+    "confirm_quit": "Êtes-vous sûr de vouloir quitter ?",
+    "edit_menu": {
+        "speech": "Dictée",
+        "speech_start_speaking": "Commencer la dictée",
+        "speech_stop_speaking": "Arrêter la dictée"
+    },
+    "eol": {
+        "no_more_updates": "Vous utilisez une version de macOS non prise en charge. Veuillez mettre à jour macOS pour recevoir les mises à jour de %(brand)s.",
+        "title": "Système non pris en charge",
+        "warning": "Vous utilisez une version de macOS non prise en charge. Veuillez mettre à jour macOS afin que %(brand)s continue de fonctionner."
+    },
+    "file_menu": {
+        "label": "Fichier"
+    },
+    "icon_overlay": {
+        "description_error": "Erreur",
+        "description_notifications": {
+            "one": "Vous avez %(count)s notification non lue.",
+            "other": "Vous avez %(count)s notifications non lues."
+        }
+    },
+    "menu": {
+        "hide": "Masquer",
+        "hide_others": "Masquer les autres",
+        "services": "Services",
+        "unhide": "Dé-masquer"
+    },
+    "renderer_crash": {
+        "detail": "Redémarrer l'application pour continuer. Si le problème persiste, redémarrer votre ordinateur ou vider le cache de l'application peut résoudre le problème.",
+        "message": "%(brand)s s'est remis d'un problème à plusieurs reprises, mais celui-ci continue de se produire, il a donc cessé d'essayer.",
+        "title": "%(brand)s s'arrête brutalement de façon répétée"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Ajouter au dictionnaire",
+        "copy_email": "Copier l’adresse e-mail",
+        "copy_image": "Copier l’image",
+        "copy_image_url": "Copier l'adresse de l'image",
+        "copy_link_url": "Copier l’adresse du lien",
+        "save_image_as": "Enregistrer l’image sous…",
+        "save_image_as_error_description": "L’image n’a pas pu être enregistrée",
+        "save_image_as_error_title": "Échec de la sauvegarde de l’image"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Effacer les données et recharger ?",
+            "backend_changed_detail": "Impossible d'accéder aux secrets depuis le trousseau de clés du système, il semble avoir changé.",
+            "backend_changed_title": "Impossible de charger la base de données",
+            "backend_no_encryption": "Votre système dispose d'un trousseau de clés compatible mais le chiffrement est indisponible.",
+            "backend_no_encryption_detail": "Electron a détecté que le chiffrement n'est pas disponible pour le trousseau %(backend)s. Veuillez vérifier que votre trousseau est installé. Si c'est le cas, redémarrez et réessayez. Comme alternative, vous pouvez autoriser %(brand)s à utiliser une option de chiffrement moins sécurisée.",
+            "backend_no_encryption_title": "Aucune prise en charge du chiffrement",
+            "unsupported_keyring": "Votre système possède un trousseau de clés non pris en charge, la base de données ne peut pas être ouverte.",
+            "unsupported_keyring_detail": "La détection du porte-clés par Electron n'a pas permis de trouver de backend compatible. Vous pouvez essayer de configurer manuellement le backend en utilisant %(brand)s avec un argument de ligne de commande. Cette opération doit être effectuer une seule fois. Voir%(link)s.",
+            "unsupported_keyring_title": "Système non pris en charge",
+            "unsupported_keyring_use_basic_text": "Utiliser un chiffrement plus faible",
+            "unsupported_keyring_use_plaintext": "N'utilise pas de chiffrement"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Taille réelle",
+        "toggle_developer_tools": "Basculer les outils de développement",
+        "toggle_full_screen": "Basculer le plein écran",
+        "view": "Afficher"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Tout amener au premier plan",
+        "label": "Fenêtre",
+        "zoom": "Zoom"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/gl.json b/apps/desktop/src/i18n/strings/gl.json
new file mode 100644
index 00000000000..131f0dab2ab
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/gl.json
@@ -0,0 +1,60 @@
+{
+    "action": {
+        "cancel": "Cancelar",
+        "close": "Pechar",
+        "copy": "Copiar",
+        "cut": "Cortar",
+        "delete": "Eliminar",
+        "edit": "Editar",
+        "minimise": "Minimizar",
+        "paste": "Pegar",
+        "paste_match_style": "Pegar e imitar estilo",
+        "quit": "Saír",
+        "redo": "Refacer",
+        "select_all": "Elexir todo",
+        "show_hide": "Mostrar/Agochar",
+        "undo": "Desfacer",
+        "zoom_in": "Aumentar",
+        "zoom_out": "Diminuir"
+    },
+    "common": {
+        "about": "Acerca de",
+        "help": "Axuda",
+        "preferences": "Preferencias"
+    },
+    "confirm_quit": "Tes a certeza de que queres saír?",
+    "edit_menu": {
+        "speech": "Falar",
+        "speech_start_speaking": "Comeza a falar",
+        "speech_stop_speaking": "Deixa de falar"
+    },
+    "file_menu": {
+        "label": "Ficheiro"
+    },
+    "menu": {
+        "hide": "Agochar",
+        "hide_others": "Agochar outras",
+        "services": "Servizos",
+        "unhide": "Desagochar"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Engadir ao dicionario",
+        "copy_email": "Copiar enderezo de email",
+        "copy_image": "Copiar imaxe",
+        "copy_link_url": "Copiar enderezo da ligazón",
+        "save_image_as": "Gardar imaxe como...",
+        "save_image_as_error_description": "Non se gardou a imaxe",
+        "save_image_as_error_title": "Fallou o gardado da imaxe"
+    },
+    "view_menu": {
+        "actual_size": "Tamaño real",
+        "toggle_developer_tools": "Activar ferramentas de desenvolvemento",
+        "toggle_full_screen": "Activar pantalla completa",
+        "view": "Vista"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Traer todo á fronte",
+        "label": "Ventá",
+        "zoom": "Aumento"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/he.json b/apps/desktop/src/i18n/strings/he.json
new file mode 100644
index 00000000000..194eca8f802
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/he.json
@@ -0,0 +1,63 @@
+{
+    "action": {
+        "cancel": "ביטול",
+        "close": "סגור",
+        "close_brand": "סגור%(brand)s",
+        "copy": "העתק",
+        "cut": "גזור",
+        "delete": "מחק",
+        "edit": "ערוך",
+        "minimise": "מזער",
+        "paste": "הדבק",
+        "paste_match_style": "הדבק והתאם סגנון",
+        "quit": "יציאה",
+        "redo": "בצע שוב",
+        "select_all": "בחר הכל",
+        "show_hide": "הצג\\הסתר",
+        "undo": "בטל ביצוע",
+        "zoom_in": "התקרב",
+        "zoom_out": "התרחק"
+    },
+    "common": {
+        "about": "אודות",
+        "brand_help": "%(brand)s עזרה",
+        "help": "עזרה",
+        "preferences": "העדפות"
+    },
+    "confirm_quit": "האם אתה בטוח שברצונך לצאת?",
+    "edit_menu": {
+        "speech": "דיבור",
+        "speech_start_speaking": "התחל לדבר",
+        "speech_stop_speaking": "הפסק לדבר"
+    },
+    "file_menu": {
+        "label": "קובץ"
+    },
+    "menu": {
+        "hide": "הסתר",
+        "hide_others": "הסתר אחרים",
+        "services": "שרותים",
+        "unhide": "בטל הסתרה"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "הוסף למילון",
+        "copy_email": "העתק כתובת אימייל",
+        "copy_image": "העתק תמונה",
+        "copy_image_url": "העתקת כתובת התמונה",
+        "copy_link_url": "העתק קישור",
+        "save_image_as": "שמור תמונה בשם...",
+        "save_image_as_error_description": "שמירת התמונה נכשלה",
+        "save_image_as_error_title": "נכשל בשמירת התמונה"
+    },
+    "view_menu": {
+        "actual_size": "גודל ממשי",
+        "toggle_developer_tools": "הפעל כלי מפתחים",
+        "toggle_full_screen": "הפעל מצב מסך מלא",
+        "view": "צפה"
+    },
+    "window_menu": {
+        "bring_all_to_front": "הבא הכל לחזית",
+        "label": "חלון",
+        "zoom": "גודל תצוגה"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/hr.json b/apps/desktop/src/i18n/strings/hr.json
new file mode 100644
index 00000000000..39aaa292216
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/hr.json
@@ -0,0 +1,98 @@
+{
+    "action": {
+        "cancel": "Otkazati",
+        "close": "Zatvori",
+        "close_brand": "Zatvori %(brand)s",
+        "copy": "Kopirati",
+        "cut": "Izrezati",
+        "delete": "Izbriši",
+        "edit": "Uredi",
+        "minimise": "Minimiziraj",
+        "paste": "Zalijepiti",
+        "paste_match_style": "Zalijepi i uskladi stil",
+        "quit": "Prestati",
+        "redo": "Preurediti",
+        "select_all": "Odaberi sve",
+        "show_hide": "Pokaži/sakrij",
+        "undo": "Poništi",
+        "zoom_in": "Povećaj",
+        "zoom_out": "Smanji"
+    },
+    "common": {
+        "about": "Više o",
+        "brand_help": "%(brand)s pomoć",
+        "help": "Pomoć",
+        "no": "Ne",
+        "preferences": "Preference",
+        "yes": "Da"
+    },
+    "confirm_quit": "Jesi li siguran da želiš odustati?",
+    "edit_menu": {
+        "speech": "Govor",
+        "speech_start_speaking": "Počnite govoriti",
+        "speech_stop_speaking": "Prestanite govoriti"
+    },
+    "eol": {
+        "no_more_updates": "Upotrebljavate nepodržanu inačicu macOS-a. Nadogradite kako biste primili ažuriranja za %(brand)s.",
+        "title": "Sustav nije podržan",
+        "warning": "Upotrebljavate nepodržanu inačicu macOS-a. Nadogradite kako biste osigurali da %(brand)s nastavi s radom."
+    },
+    "file_menu": {
+        "label": "Datoteka"
+    },
+    "icon_overlay": {
+        "description_error": "Pogreška",
+        "description_notifications": {
+            "one": "Imate %(count)s nepročitanu obavijest.",
+            "few": "Imate %(count)s nepročitane obavijesti.",
+            "other": "Imate %(count)s nepročitanih obavijesti."
+        }
+    },
+    "menu": {
+        "hide": "Sakrij",
+        "hide_others": "Sakrij ostale",
+        "services": "Usluge",
+        "unhide": "Otkrij"
+    },
+    "renderer_crash": {
+        "detail": "Zatvorite i ponovno otvorite aplikaciju kako biste nastavili. Ako se to nastavi događati, moglo bi pomoći ponovno pokretanje računala ili brisanje predmemorije aplikacije.",
+        "message": "%(brand)s se nekoliko puta oporavio od problema, ali se problem i dalje javlja, pa je prestao pokušavati.",
+        "title": "%(brand)s se stalno ruši"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Dodaj u rječnik",
+        "copy_email": "Kopiraj e-adresu",
+        "copy_image": "Kopiraj sliku",
+        "copy_image_url": "Kopiraj adresu slike",
+        "copy_link_url": "Kopiraj adresu poveznice",
+        "save_image_as": "Spremi sliku kao...",
+        "save_image_as_error_description": "Spremanje slike nije uspjelo",
+        "save_image_as_error_title": "Spremanje slike nije uspjelo"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Želite li izbrisati podatke i ponovno učitati?",
+            "backend_changed_detail": "Nije moguće pristupiti tajnom kodu iz pohrane ključeva sustava, izgleda da je promijenjen.",
+            "backend_changed_title": "Nije uspjelo učitavanje baze podataka",
+            "backend_no_encryption": "Vaš sustav ima podržanu pohranu ključeva, ali šifriranje nije dostupno.",
+            "backend_no_encryption_detail": "Electron je otkrio da šifriranje nije dostupno u vašoj pohrani ključeva %(backend)s. Provjerite imate li instaliranu pohranu ključeva. Ako imate, ponovno pokrenite računalo i pokušajte ponovno. Po želji možete dopustiti da %(brand)s upotrebljava slabiji oblik šifriranja.",
+            "backend_no_encryption_title": "Nema podrške za šifriranje",
+            "unsupported_keyring": "Vaš sustav ima nepodržanu pohranu ključeva, što znači da se baza podataka ne može otvoriti.",
+            "unsupported_keyring_detail": "Electronova detekcija pohrane ključeva nije pronašla podržanu pozadinu. Možete pokušati ručno konfigurirati pozadinu tako da pokrenete %(brand)s s argumentom naredbenog retka, što je potrebno učiniti samo jednom. Pogledajte %(link)s.",
+            "unsupported_keyring_title": "Sustav nije podržan",
+            "unsupported_keyring_use_basic_text": "Upotrijebi slabije šifriranje",
+            "unsupported_keyring_use_plaintext": "Ne upotrebljavaj šifriranje"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Stvarna veličina",
+        "toggle_developer_tools": "Uključi/isključi alate za razvojne inženjere",
+        "toggle_full_screen": "Uključi/isključi prikaz na cijelom zaslonu",
+        "view": "Prikaz"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Stavi sve u prvi plan",
+        "label": "Prozor",
+        "zoom": "Zumiranje"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/hu.json b/apps/desktop/src/i18n/strings/hu.json
new file mode 100644
index 00000000000..bfa8dbf59cb
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/hu.json
@@ -0,0 +1,92 @@
+{
+    "action": {
+        "cancel": "Mégse",
+        "close": "Bezárás",
+        "close_brand": "Az %(brand)s bezárása",
+        "copy": "Másolás",
+        "cut": "Kivágás",
+        "delete": "Törlés",
+        "edit": "Szerkesztés",
+        "minimise": "Lecsukás",
+        "paste": "Beillesztés",
+        "paste_match_style": "Beillesztés formázással",
+        "quit": "Kilépés",
+        "redo": "Újra",
+        "select_all": "Összes kijelölése",
+        "show_hide": "Megjelenítés/elrejtés",
+        "undo": "Visszavonás",
+        "zoom_in": "Nagyítás",
+        "zoom_out": "Kicsinyítés"
+    },
+    "common": {
+        "about": "Névjegy",
+        "brand_help": "%(brand)s Súgó",
+        "help": "Súgó",
+        "no": "Nem",
+        "preferences": "Beállítások",
+        "yes": "Igen"
+    },
+    "confirm_quit": "Biztos, hogy kilép?",
+    "edit_menu": {
+        "speech": "Beszéd",
+        "speech_start_speaking": "Kezdjen beszélni",
+        "speech_stop_speaking": "Fejezze be a beszédet"
+    },
+    "eol": {
+        "no_more_updates": "A macOS egy nem támogatott verzióját futtatja. Frissítse, hogy megkapja az %(brand)s új frissítéseit.",
+        "title": "A rendszer nem támogatott",
+        "warning": "A macOS egy nem támogatott verzióját futtatja. Frissítse a rendszert, hogy biztosítsa az %(brand)s további működését."
+    },
+    "file_menu": {
+        "label": "Fájl"
+    },
+    "icon_overlay": {
+        "description_error": "Hiba",
+        "description_notifications": {
+            "one": "%(count)s olvasatlan értesítése van.",
+            "other": "%(count)s olvasatlan értesítése van."
+        }
+    },
+    "menu": {
+        "hide": "Elrejtés",
+        "hide_others": "Mások elrejtése",
+        "services": "Szolgáltatás",
+        "unhide": "Felfedés"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Hozzáadás a szótárhoz",
+        "copy_email": "E-mail-cím másolása",
+        "copy_image": "Kép másolása",
+        "copy_image_url": "Kép címének másolása",
+        "copy_link_url": "Hivatkozás másolása",
+        "save_image_as": "Kép mentése másként…",
+        "save_image_as_error_description": "A kép mentése sikertelen",
+        "save_image_as_error_title": "Kép mentése sikertelen"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Adatok törlése és újratöltés?",
+            "backend_changed_detail": "Nem sikerült hozzáférni a rendszerkulcstartó titkos kódjához, úgy tűnik, megváltozott.",
+            "backend_changed_title": "Nem sikerült betölteni az adatbázist",
+            "backend_no_encryption": "A rendszer támogatott kulcstartóval rendelkezik, de a titkosítás nem érhető el.",
+            "backend_no_encryption_detail": "Az Electron észlelte, hogy a titkosítás nem érhető el a(z) %(backend)s kulcstartóján. Győződjön meg róla, hogy telepítve van-e a kulcstartó. Ha telepítve van, indítsa újra és próbálja újra. Esetleg engedélyezheti a gyengébb titkosítást az %(brand)s számára.",
+            "backend_no_encryption_title": "Nincs titkosítási támogatás",
+            "unsupported_keyring": "A rendszer nem támogatott kulcstartóval rendelkezik, ami azt jelenti, hogy az adatbázis nem nyitható meg.",
+            "unsupported_keyring_detail": "Az Electron kulcstartóészlelése nem talált támogatott háttérrendszert. Megpróbálhatja kézileg beállítani a háttérrendszert az %(brand)s egyszeri, parancssori argumentummal való indításával. Lásd: %(link)s.",
+            "unsupported_keyring_title": "A rendszer nem támogatott",
+            "unsupported_keyring_use_basic_text": "Gyengébb titkosítás használata",
+            "unsupported_keyring_use_plaintext": "Ne használjon titkosítást"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Jelenlegi méret",
+        "toggle_developer_tools": "Fejlesztői eszközök",
+        "toggle_full_screen": "Teljes képernyő",
+        "view": "Megtekintés"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Minden előtérbe hozása",
+        "label": "Ablak",
+        "zoom": "Nagyítás"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/hy.json b/apps/desktop/src/i18n/strings/hy.json
new file mode 100644
index 00000000000..316605d3883
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/hy.json
@@ -0,0 +1,87 @@
+{
+    "action": {
+        "cancel": "Չեղարկել",
+        "close": "Փակել",
+        "close_brand": "Փակել %(brand)s",
+        "copy": "Պատճենել",
+        "cut": "Կտրել",
+        "delete": "Ջնջել",
+        "edit": "Խմբագրել",
+        "minimise": "Նվազագույնի հասցնել",
+        "paste": "Տեղադրել",
+        "paste_match_style": "Տեղադրել և համապատասխանեցնել ոճը",
+        "quit": "Դուրս գալ",
+        "redo": "Կրկնել",
+        "select_all": "Ընտրել բոլորը",
+        "show_hide": "Ցուցադրել/Թաքցնել",
+        "undo": "Հետարկել",
+        "zoom_in": "Մեծացնել",
+        "zoom_out": "Փոքրացնել"
+    },
+    "common": {
+        "about": "Կենսագրություն",
+        "brand_help": "%(brand)s Օգնություն",
+        "help": "Օգնություն",
+        "no": "Ոչ",
+        "preferences": "Նախապատվություններ",
+        "yes": "Այո"
+    },
+    "confirm_quit": "Վստա՞հ եք, որ ուզում եք դուրս գալ։",
+    "edit_menu": {
+        "speech": "Խոսք/Ելույթ",
+        "speech_start_speaking": "Սկսեք խոսել",
+        "speech_stop_speaking": "Դադարեցրեք խոսելը"
+    },
+    "file_menu": {
+        "label": "Ֆայլ"
+    },
+    "icon_overlay": {
+        "description_error": "Սխալ",
+        "description_notifications": {
+            "one": "Դուք ունեք %(count)s չկարդացված ծանուցում։",
+            "other": "Դուք ունեք %(count)s չկարդացված ծանուցումներ։"
+        }
+    },
+    "menu": {
+        "hide": "Թաքցնել",
+        "hide_others": "Թաքցնել մյուսները",
+        "services": "Ծառայություններ",
+        "unhide": "Ապաթաքցնել"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Ավելացնել բառարանում",
+        "copy_email": "Պատճենել էլ․ հասցեն",
+        "copy_image": "Պատճենել պատկերը",
+        "copy_image_url": "Պատճենել պատկերի հասցեն",
+        "copy_link_url": "Պատճենել հղման հասցեն",
+        "save_image_as": "Պահպանել պատկերը որպես...",
+        "save_image_as_error_description": "Պատկերը չհաջողվեց պահպանել",
+        "save_image_as_error_title": "Չհաջողվեց պահպանել պատկերը"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Մաքրե՞լ տվյալները և վերաբեռնե՞լ",
+            "backend_changed_detail": "Գաղտնի տվյալները հասանելի չեն համակարգի բանալիների պահոցից(keyring), կարծես թե այն փոխվել է։",
+            "backend_changed_title": "Չհաջողվեց բեռնել տվյալների բազան",
+            "backend_no_encryption": "Ձեր համակարգը ունի աջակցվող բանալիների պահոց, բայց գաղտնագրումը հասանելի չէ։",
+            "backend_no_encryption_detail": "Electron-ը հայտնաբերել է, որ ձեր բանալիների պահոցում %(backend)s գաղտնագրումը հասանելի չէ։ Խնդրում ենք համոզվել, որ բանալիների պահոցը տեղադրված է։ Եթե այն արդեն տեղադրված է, վերագործարկեք համակարգը և փորձեք կրկին։ Ցանկության դեպքում կարող եք թույլատրել %(brand)s-ին կիրառել ավելի թույլ գաղտնագրման տարբերակ։",
+            "backend_no_encryption_title": "Գաղտնագրման աջակցություն չկա",
+            "unsupported_keyring": "Համակարգում օգտագործվող բանալիների պահոցը(keyring) չի աջակցվում, ինչը նշանակում է, որ տվյալների բազան հնարավոր չէ բացել։",
+            "unsupported_keyring_detail": "Electron-ի բանալիների պահոցի ստուգումը չգտավ համատեղելի backend։ Կարող եք փորձել ձեռքով կարգավորել backend-ը` մեկնարկելով %(brand)s-ը command-line արգումենտով, մեկանգամյա գործողությամբ։ Տես %(link)s։",
+            "unsupported_keyring_title": "Համակարգը չի աջակցվում",
+            "unsupported_keyring_use_basic_text": "Օգտագործել ավելի թույլ գաղտնագրում",
+            "unsupported_keyring_use_plaintext": "Չօգտագործել գաղտնագրում"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Իրական չափս",
+        "toggle_developer_tools": "Միացնել/անջատել ծրագրավորողի գործիքները",
+        "toggle_full_screen": "Միացնել/անջատել ամբողջական էկրանը",
+        "view": "Դիտել"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Բերեք բոլորին առջևի պլան",
+        "label": "Պատուհան",
+        "zoom": "Մեծացնել"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/id.json b/apps/desktop/src/i18n/strings/id.json
new file mode 100644
index 00000000000..1704e0db6c2
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/id.json
@@ -0,0 +1,91 @@
+{
+    "action": {
+        "cancel": "Batalkan",
+        "close": "Tutup",
+        "close_brand": "Tutuo %(brand)s",
+        "copy": "Salin",
+        "cut": "Potong",
+        "delete": "Hapus",
+        "edit": "Edit",
+        "minimise": "Minimalkan",
+        "paste": "Tempel",
+        "paste_match_style": "Tempel dan Cocokkan Gaya",
+        "quit": "Keluar",
+        "redo": "Ulangi",
+        "select_all": "Pilih Semua",
+        "show_hide": "Tampilkan/Sembunyikan",
+        "undo": "Urungkan",
+        "zoom_in": "Perbesar",
+        "zoom_out": "Perkecil"
+    },
+    "common": {
+        "about": "Tentang",
+        "brand_help": "Bantuan %(brand)s",
+        "help": "Bantuan",
+        "no": "Tidak",
+        "preferences": "Preferensi",
+        "yes": "Ya"
+    },
+    "confirm_quit": "Apakah Anda yakin ingin keluar?",
+    "edit_menu": {
+        "speech": "Dikte",
+        "speech_start_speaking": "Mulai Berbicara",
+        "speech_stop_speaking": "Berhenti Berbicara"
+    },
+    "eol": {
+        "no_more_updates": "Anda menggunakan versi macOS yang tidak didukung. Harap tingkatkan untuk menerima pembaruan %(brand)s.",
+        "title": "Sistem tidak didukung",
+        "warning": "Anda menggunakan versi macOS yang tidak didukung. Harap perbarui untuk memastikan%(brand)s terus bekerja."
+    },
+    "file_menu": {
+        "label": "Berkas"
+    },
+    "icon_overlay": {
+        "description_error": "Kesalahan",
+        "description_notifications": {
+            "other": "Anda memiliki %(count)s notifikasi yang belum dibaca."
+        }
+    },
+    "menu": {
+        "hide": "Sembunyikan",
+        "hide_others": "Sembunyikan yang Lain",
+        "services": "Layanan",
+        "unhide": "Tampilkan"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Tambah ke kamus",
+        "copy_email": "Salin surel",
+        "copy_image": "Salin gambar",
+        "copy_image_url": "Salin alamat gambar",
+        "copy_link_url": "Salin alamat tautan",
+        "save_image_as": "Simpan gambar sebagai...",
+        "save_image_as_error_description": "Gambar gagal disimpan",
+        "save_image_as_error_title": "Gagal menyimpan gambar"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Hapus data dan muat ulang?",
+            "backend_changed_detail": "Tidak dapat mengakses rahasia dari keyring sistem, tampaknya telah berubah.",
+            "backend_changed_title": "Gagal memuat basis data",
+            "backend_no_encryption": "Sistem Anda memiliki keyring yang didukung tetapi enkripsi tidak tersedia.",
+            "backend_no_encryption_detail": "Electron telah mendeteksi bahwa enkripsi tidak tersedia pada keyring %(backend)s Anda. Harap pastikan bahwa Anda telah memasang keyring. Jika Anda telah memasang keyring, silakan mulai ulang dan coba lagi. Secara opsional, Anda dapat mengizinkan %(brand)s untuk menggunakan bentuk enkripsi yang lebih lemah.",
+            "backend_no_encryption_title": "Tidak ada dukungan enkripsi",
+            "unsupported_keyring": "Sistem Anda memiliki keyring yang tidak didukung yang berarti basis data tidak dapat dibuka.",
+            "unsupported_keyring_detail": "Deteksi keyring Electron tidak menemukan backend yang didukung. Anda dapat mencoba mengonfigurasi backend secara manual dengan memulai %(brand)s dengan argumen baris perintah, operasi satu kali. Lihat %(link)s.",
+            "unsupported_keyring_title": "Sistem tidak didukung",
+            "unsupported_keyring_use_basic_text": "Gunakan enkripsi yang lebih lemah",
+            "unsupported_keyring_use_plaintext": "Jangan gunakan enkripsi"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Ukuran Sebenarnya",
+        "toggle_developer_tools": "Beralih Alat Pengembang",
+        "toggle_full_screen": "Beralih Layar Penuh",
+        "view": "Tampilan"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Bawa Semua ke Depan",
+        "label": "Jendela",
+        "zoom": "Perbesar"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/is.json b/apps/desktop/src/i18n/strings/is.json
new file mode 100644
index 00000000000..50145982a1f
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/is.json
@@ -0,0 +1,62 @@
+{
+    "action": {
+        "cancel": "Hætta við",
+        "close": "Loka",
+        "close_brand": "Loka %(brand)s",
+        "copy": "Afrita",
+        "cut": "Klippa",
+        "delete": "Eyða",
+        "edit": "Breyta",
+        "minimise": "Lágmarka",
+        "paste": "Líma",
+        "paste_match_style": "Líma og samsvara stíl",
+        "quit": "Hætta",
+        "redo": "Endurgera",
+        "select_all": "Velja allt",
+        "show_hide": "Sýna/Fela",
+        "undo": "Afturkalla",
+        "zoom_in": "Stækka",
+        "zoom_out": "Minnka"
+    },
+    "common": {
+        "about": "Um hugbúnaðinn",
+        "help": "Hjálp",
+        "preferences": "Stillingar"
+    },
+    "confirm_quit": "Ertu viss um að þú viljir hætta?",
+    "edit_menu": {
+        "speech": "Tal",
+        "speech_start_speaking": "Byrja tal",
+        "speech_stop_speaking": "Hætta tali"
+    },
+    "file_menu": {
+        "label": "Skrá"
+    },
+    "menu": {
+        "hide": "Fela",
+        "hide_others": "Fela aðra",
+        "services": "Þjónustur",
+        "unhide": "Birta"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Bæta við orðasafn",
+        "copy_email": "Afrita tölvupóstfang",
+        "copy_image": "Afrita mynd",
+        "copy_image_url": "Afrita slóð myndar",
+        "copy_link_url": "Afrita vistfang tengils",
+        "save_image_as": "Vista mynd sem...",
+        "save_image_as_error_description": "Myndina var ekki hægt að vista",
+        "save_image_as_error_title": "Mistókst að vista mynd"
+    },
+    "view_menu": {
+        "actual_size": "Raunstærð",
+        "toggle_developer_tools": "Víxla forritunarverkfærum af/á",
+        "toggle_full_screen": "Víxla fullum skjá af/á",
+        "view": "Skoða"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Setja allt fremst",
+        "label": "Gluggi",
+        "zoom": "Stærð"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/it.json b/apps/desktop/src/i18n/strings/it.json
new file mode 100644
index 00000000000..5432af32aed
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/it.json
@@ -0,0 +1,63 @@
+{
+    "action": {
+        "cancel": "Annulla",
+        "close": "Chiudi",
+        "close_brand": "Chiudi %(brand)s",
+        "copy": "Copia",
+        "cut": "Taglia",
+        "delete": "Elimina",
+        "edit": "Modifica",
+        "minimise": "Riduci",
+        "paste": "Incolla",
+        "paste_match_style": "Incolla e adegua lo stile",
+        "quit": "Esci",
+        "redo": "Ripeti",
+        "select_all": "Seleziona tutto",
+        "show_hide": "Mostra/Nascondi",
+        "undo": "Annulla",
+        "zoom_in": "Ingrandisci",
+        "zoom_out": "Rimpicciolisci"
+    },
+    "common": {
+        "about": "Informazioni su",
+        "brand_help": "Aiuto per %(brand)s",
+        "help": "Aiuto",
+        "preferences": "Preferenze"
+    },
+    "confirm_quit": "Vuoi veramente uscire?",
+    "edit_menu": {
+        "speech": "Dettatura",
+        "speech_start_speaking": "Inizia a parlare",
+        "speech_stop_speaking": "Smetti di parlare"
+    },
+    "file_menu": {
+        "label": "File"
+    },
+    "menu": {
+        "hide": "Nascondi",
+        "hide_others": "Nascondi gli altri",
+        "services": "Servizi",
+        "unhide": "Mostra"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Aggiungi al dizionario",
+        "copy_email": "Copia indirizzo email",
+        "copy_image": "Copia immagine",
+        "copy_image_url": "Copia indirizzo immagine",
+        "copy_link_url": "Copia indirizzo collegamento",
+        "save_image_as": "Salva immagine come...",
+        "save_image_as_error_description": "Non è stato possibile salvare l'immagine",
+        "save_image_as_error_title": "Salvataggio immagine fallito"
+    },
+    "view_menu": {
+        "actual_size": "Dimensione effettiva",
+        "toggle_developer_tools": "Attiva strumenti per sviluppatori",
+        "toggle_full_screen": "Passa a schermo intero",
+        "view": "Vedi"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Porta tutto in primo piano",
+        "label": "Finestra",
+        "zoom": "Ingrandisci"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/ja.json b/apps/desktop/src/i18n/strings/ja.json
new file mode 100644
index 00000000000..b8b16d9b691
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/ja.json
@@ -0,0 +1,62 @@
+{
+    "action": {
+        "cancel": "キャンセル",
+        "close": "閉じる",
+        "close_brand": "%(brand)sを閉じる",
+        "copy": "コピー",
+        "cut": "切り取り",
+        "delete": "削除",
+        "edit": "編集",
+        "minimise": "最小化",
+        "paste": "貼り付け",
+        "paste_match_style": "スタイルを保持して貼り付け",
+        "quit": "終了",
+        "redo": "やり直す",
+        "select_all": "全て選択",
+        "show_hide": "表示/非表示",
+        "undo": "取り消す",
+        "zoom_in": "拡大",
+        "zoom_out": "縮小"
+    },
+    "common": {
+        "about": "概要",
+        "help": "ヘルプ",
+        "preferences": "環境設定"
+    },
+    "confirm_quit": "終了してよろしいですか？",
+    "edit_menu": {
+        "speech": "スピーチ",
+        "speech_start_speaking": "録音を開始",
+        "speech_stop_speaking": "録音を停止"
+    },
+    "file_menu": {
+        "label": "ファイル"
+    },
+    "menu": {
+        "hide": "非表示",
+        "hide_others": "他を非表示",
+        "services": "サービス",
+        "unhide": "再表示"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "辞書に追加",
+        "copy_email": "メールアドレスをコピー",
+        "copy_image": "画像をコピー",
+        "copy_image_url": "画像のアドレスをコピー",
+        "copy_link_url": "リンクのアドレスをコピー",
+        "save_image_as": "画像を保存",
+        "save_image_as_error_description": "画像の保存に失敗しました",
+        "save_image_as_error_title": "画像の保存に失敗"
+    },
+    "view_menu": {
+        "actual_size": "等倍",
+        "toggle_developer_tools": "開発者ツールを切り替える",
+        "toggle_full_screen": "全画面表示を切り替える",
+        "view": "表示"
+    },
+    "window_menu": {
+        "bring_all_to_front": "全てを前面に表示",
+        "label": "ウィンドウ",
+        "zoom": "ズーム"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/ka.json b/apps/desktop/src/i18n/strings/ka.json
new file mode 100644
index 00000000000..4fb10a0fa42
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/ka.json
@@ -0,0 +1,63 @@
+{
+    "action": {
+        "cancel": "გაუქმება",
+        "close": "დახურვა",
+        "close_brand": "დახურვა %(brand)s",
+        "copy": "კოპირება",
+        "cut": "მოჭრა",
+        "delete": "წაშალეთ",
+        "edit": "რედაქტირება",
+        "minimise": "შეამცირეთ",
+        "paste": "პასტა",
+        "paste_match_style": "ჩასვით და მატჩის სტილი",
+        "quit": "თავი დაანებე",
+        "redo": "რედო",
+        "select_all": "აირჩიეთ ყველა",
+        "show_hide": "ჩვენება/დამალვა",
+        "undo": "გაუქმება",
+        "zoom_in": "გაზარდოთ",
+        "zoom_out": "გაფართოება"
+    },
+    "common": {
+        "about": "შესახებ",
+        "brand_help": "%(brand)sდახმარება",
+        "help": "დახმარება",
+        "preferences": "პრეფერენციები"
+    },
+    "confirm_quit": "დარწმუნებული ხართ, რომ გსურთ დატოვება?",
+    "edit_menu": {
+        "speech": "გამოსვლა",
+        "speech_start_speaking": "დაიწყეთ საუბარი",
+        "speech_stop_speaking": "შეწყვიტე ლაპარ"
+    },
+    "file_menu": {
+        "label": "ფაილი"
+    },
+    "menu": {
+        "hide": "დამალვა",
+        "hide_others": "სხვების დამალვა",
+        "services": "მომსახურება",
+        "unhide": "გამოხატე"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "ლექსიკონში დამატება",
+        "copy_email": "ელ. ფოსტის მისამართის",
+        "copy_image": "სურათის დაკოპირება",
+        "copy_image_url": "გამოსახულების მისამართის კოპირ",
+        "copy_link_url": "ბმულის მისამართის კოპირება",
+        "save_image_as": "შეინახეთ სურათი როგორც...",
+        "save_image_as_error_description": "სურათის შენახვა ვერ შეძლო",
+        "save_image_as_error_title": "სურათის შენახვა ვერ შეძლ"
+    },
+    "view_menu": {
+        "actual_size": "რეალური ზომა",
+        "toggle_developer_tools": "დეველოპერის ინსტრუმენტების",
+        "toggle_full_screen": "სრული ეკრანის გადართვა",
+        "view": "ნახვა"
+    },
+    "window_menu": {
+        "bring_all_to_front": "ყველაფერი წინ წამოიყვანეთ",
+        "label": "ფანჯარა",
+        "zoom": "გაზუსტება"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/ko.json b/apps/desktop/src/i18n/strings/ko.json
new file mode 100644
index 00000000000..102eece0094
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/ko.json
@@ -0,0 +1,91 @@
+{
+    "action": {
+        "cancel": "취소",
+        "close": "닫기",
+        "close_brand": "%(brand)s 닫기",
+        "copy": "복사하기",
+        "cut": "잘라내기",
+        "delete": "삭제",
+        "edit": "편집",
+        "minimise": "최소화",
+        "paste": "붙여넣기",
+        "paste_match_style": "붙여넣고 스타일 일치",
+        "quit": "종료",
+        "redo": "되돌리기",
+        "select_all": "전체 선택",
+        "show_hide": "보이기/숨기기",
+        "undo": "실행 취소",
+        "zoom_in": "확대",
+        "zoom_out": "축소"
+    },
+    "common": {
+        "about": "정보",
+        "brand_help": "%(brand)s 도움말",
+        "help": "도움말",
+        "no": "아니오",
+        "preferences": "환경 설정",
+        "yes": "예"
+    },
+    "confirm_quit": "종료하시겠습니까?",
+    "edit_menu": {
+        "speech": "음성",
+        "speech_start_speaking": "말하기 시작하기",
+        "speech_stop_speaking": "말하기 중단하기"
+    },
+    "eol": {
+        "no_more_updates": "현재 지원되지 않는 macOS 버전을 사용 중입니다. %(brand)s 업데이트를 계속 받으시려면 운영 체제를 업그레이드해 주세요.",
+        "title": "시스템이 지원되지 않습니다",
+        "warning": "현재 지원되지 않는 macOS 버전을 사용 중입니다. %(brand)s을(를) 계속 사용하시려면 운영 체제를 업그레이드해야 합니다."
+    },
+    "file_menu": {
+        "label": "파일"
+    },
+    "icon_overlay": {
+        "description_error": "오류",
+        "description_notifications": {
+            "other": "읽지 않은 알림 %(count)s개가 있습니다"
+        }
+    },
+    "menu": {
+        "hide": "숨기기",
+        "hide_others": "다른 사람 숨기기",
+        "services": "서비스",
+        "unhide": "숨기기 취소"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "사전에 추가",
+        "copy_email": "이메일 주소 복사",
+        "copy_image": "이미지 복사",
+        "copy_image_url": "이미지 주소 복사",
+        "copy_link_url": "링크 주소 복사",
+        "save_image_as": "다음으로 이미지 저장...",
+        "save_image_as_error_description": "이미지 저장 실패",
+        "save_image_as_error_title": "이미지 저장 실패"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "데이터를 지우고 다시 로드하시겠습니까?",
+            "backend_changed_detail": "시스템 키링에서 비밀에 접근할 수 없습니다. 변경된 것으로 보입니다.",
+            "backend_changed_title": "데이터베이스 로드에 실패했습니다",
+            "backend_no_encryption": "시스템에 지원되는 키링이 있지만 암호화를 사용할 수 없습니다.",
+            "backend_no_encryption_detail": "Electron이 키링 %(backend)s에서 암호화를 사용할 수 없음을 감지했습니다. 키링이 설치되어 있는지 확인하세요. 이미 설치되어 있다면, 시스템을 재부팅한 후 다시 시도해 주세요. 선택적으로 %(brand)s가 약한 형태의 암호화를 사용하도록 허용할 수 있습니다",
+            "backend_no_encryption_title": "암호화를 지원 안함",
+            "unsupported_keyring": "시스템에 지원되지 않는 키링이 존재하여 데이터베이스를 열 수 없습니다.",
+            "unsupported_keyring_detail": "Electron의 키링 감지 기능이 지원되는 백엔드를 찾지 못했습니다. 명령줄 인수를 사용하여 %(brand)s 를 시작함으로써 백엔드를 수동으로 구성해 볼 수 있습니다. 이는 일회성 작업입니다. 자세한 내용은 %(link)s 를 참조하십시오.",
+            "unsupported_keyring_title": "시스템이 지원되지 않습니다",
+            "unsupported_keyring_use_basic_text": "암호화 수준 낮게 사용",
+            "unsupported_keyring_use_plaintext": "암호화를 사용하지 마십시오"
+        }
+    },
+    "view_menu": {
+        "actual_size": "실제 크기",
+        "toggle_developer_tools": "개발자 도구 전환",
+        "toggle_full_screen": "전체 화면으로 전환",
+        "view": "보기"
+    },
+    "window_menu": {
+        "bring_all_to_front": "모두 맨 앞으로 가져오기",
+        "label": "창",
+        "zoom": "확대/축소"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/lo.json b/apps/desktop/src/i18n/strings/lo.json
new file mode 100644
index 00000000000..c362e212779
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/lo.json
@@ -0,0 +1,61 @@
+{
+    "action": {
+        "cancel": "ຍົກເລີກ",
+        "close": "ປິດ",
+        "copy": "ສຳເນົາ",
+        "cut": "ຕັດ",
+        "delete": "ລຶບ",
+        "edit": "ແກ້ໄຂ",
+        "minimise": "ຫຍໍ້ນ້ອຍ",
+        "paste": "ກັອບມາໃສ່",
+        "paste_match_style": "ກັອບມາໃສ່ ແລະໃຫ້ສະຕາຍຕົງກັນ",
+        "quit": "ຍົກເລີກ",
+        "redo": "ລຶ້ມຄືນ",
+        "select_all": "ເລືອກທັງໝົດ",
+        "show_hide": "ສະແດງ/ເຊື່ອງ",
+        "undo": "ຮື້ຄືນ",
+        "zoom_in": "ຊູມເຂົ້າ",
+        "zoom_out": "ຊູມອອກ"
+    },
+    "common": {
+        "about": "ກ່ຽວກັບ",
+        "help": "ຊ່ວຍເຫຼືອ",
+        "preferences": "ການຕັ້ງຄ່າ"
+    },
+    "confirm_quit": "ທ່ານຕ້ອງການປິດແທ້ບໍ່?",
+    "edit_menu": {
+        "speech": "ຄຳກ່າວ",
+        "speech_start_speaking": "ເລີ່ມສົນທະນາ",
+        "speech_stop_speaking": "ເຊົາສົນທະນາ"
+    },
+    "file_menu": {
+        "label": "ຟາຍ"
+    },
+    "menu": {
+        "hide": "ເຊື່ອງ",
+        "hide_others": "ເຊື່ອງອັນອື່ນ",
+        "services": "ບໍລິການ",
+        "unhide": "ໂຊຄືນ"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "ເພີ່ມເຂົ້າໄປວັດຈະນານຸກົມ",
+        "copy_email": "ສຳເນົາທີ່ຢູ່ເມວ",
+        "copy_image": "ສຳເນົາຮູບ",
+        "copy_image_url": "ສຳເນົາທີ່ຢູ່ຮູບພາບ",
+        "copy_link_url": "ສຳເນົາທີ່ຢູ່ລິ້ງ",
+        "save_image_as": "ບັນທຶກຮູບພາບເປັນ...",
+        "save_image_as_error_description": "ຮູບພາບບໍ່ສາມາດບັດທຶກໄດ້",
+        "save_image_as_error_title": "ການບັນທຶກຮູບພາບບໍ່ສຳເລັດ"
+    },
+    "view_menu": {
+        "actual_size": "ຂະໜາດຕົວຈິງ",
+        "toggle_developer_tools": "ສະຫຼັບໄປໜ້າເຄື່ອງມືພັດທະນາ",
+        "toggle_full_screen": "ສະຫຼັບເຕັມຈໍ",
+        "view": "ເບິ່ງ"
+    },
+    "window_menu": {
+        "bring_all_to_front": "ເອົາທັງໝົດມາທາງໜ້າ",
+        "label": "ປ່ອງຢ້ຽມ",
+        "zoom": "ຊູມ"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/lt.json b/apps/desktop/src/i18n/strings/lt.json
new file mode 100644
index 00000000000..5cb30f368f8
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/lt.json
@@ -0,0 +1,62 @@
+{
+    "action": {
+        "cancel": "Atšaukti",
+        "close": "Uždaryti",
+        "close_brand": "Uždaryti %(brand)s",
+        "copy": "Kopijuoti",
+        "cut": "Iškirpti",
+        "delete": "Ištrinti",
+        "edit": "Koreguoti",
+        "minimise": "Sumažinti",
+        "paste": "Įklijuoti",
+        "paste_match_style": "Įklijuoti ir suderinti stilių",
+        "quit": "Išeiti",
+        "redo": "Sugrąžinti veiksmą",
+        "select_all": "Pasirinkti visus",
+        "show_hide": "Rodyti/Slėpti",
+        "undo": "Atšaukti veiksmą",
+        "zoom_in": "Priartinti",
+        "zoom_out": "Atitolinti"
+    },
+    "common": {
+        "about": "Apie",
+        "help": "Pagalba",
+        "preferences": "Nuostatos"
+    },
+    "confirm_quit": "Ar tikrai norite išeiti?",
+    "edit_menu": {
+        "speech": "Kalba",
+        "speech_start_speaking": "Pradėti kalbėti",
+        "speech_stop_speaking": "Nustoti kalbėti"
+    },
+    "file_menu": {
+        "label": "Failas"
+    },
+    "menu": {
+        "hide": "Slėpti",
+        "hide_others": "Slėpti kitus",
+        "services": "Paslaugos",
+        "unhide": "Nebeslėpti"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Pridėti prie žodyno",
+        "copy_email": "Kopijuoti el. pašto adresą",
+        "copy_image": "Kopijuoti paveikslėlį",
+        "copy_image_url": "Kopijuoti paveikslėlio adresą",
+        "copy_link_url": "Kopijuoti nuorodos adresą",
+        "save_image_as": "Įrašyti paveikslėlį kaip...",
+        "save_image_as_error_description": "Paveikslėlio nepavyko išsaugoti",
+        "save_image_as_error_title": "Nepavyko įrašyti paveikslėlio"
+    },
+    "view_menu": {
+        "actual_size": "Tikrasis dydis",
+        "toggle_developer_tools": "Perjungti kūrėjo įrankius",
+        "toggle_full_screen": "Perjungti viso ekrano režimą",
+        "view": "Žiūrėti"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Viską iškelti į priekį",
+        "label": "Langas",
+        "zoom": "Priartinti"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/lv.json b/apps/desktop/src/i18n/strings/lv.json
new file mode 100644
index 00000000000..1e664408b71
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/lv.json
@@ -0,0 +1,63 @@
+{
+    "action": {
+        "cancel": "Atcelt",
+        "close": "Aizvērt",
+        "close_brand": "Aizvērt %(brand)s",
+        "copy": "Kopēt",
+        "cut": "Izgriezt",
+        "delete": "Dzēst",
+        "edit": "Labot",
+        "minimise": "Samazināt",
+        "paste": "Ielīmēt",
+        "paste_match_style": "Ielīmēt un pielāgot stilu",
+        "quit": "Iziet",
+        "redo": "Atatsaukt",
+        "select_all": "Atzīmēt visu",
+        "show_hide": "Parādīt/paslēpt",
+        "undo": "Atsaukt",
+        "zoom_in": "Tuvināt",
+        "zoom_out": "Tālināt"
+    },
+    "common": {
+        "about": "Par",
+        "brand_help": "%(brand)s palīdzība",
+        "help": "Palīdzība",
+        "preferences": "Iestatījumi"
+    },
+    "confirm_quit": "Vai tiešām iziet?",
+    "edit_menu": {
+        "speech": "Runa",
+        "speech_start_speaking": "Uzsākt runāšanu",
+        "speech_stop_speaking": "Pārtraukt runāšanu"
+    },
+    "file_menu": {
+        "label": "Datne"
+    },
+    "menu": {
+        "hide": "Paslēpt",
+        "hide_others": "Paslēpt citus",
+        "services": "Pakalpojumi",
+        "unhide": "Rādīt"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Pievienot vārdnīcai",
+        "copy_email": "Ievietot e-pasta adresi starpliktuvē",
+        "copy_image": "Ievietot attēlu starpliktuvē",
+        "copy_image_url": "Ievietot attēla adresi starpliktuvē",
+        "copy_link_url": "Ievietot saites adresi starpliktuvē",
+        "save_image_as": "Saglabāt attēlu kā...",
+        "save_image_as_error_description": "Attēlu neizdevās saglabāt",
+        "save_image_as_error_title": "Neizdevās saglabāt attēlu"
+    },
+    "view_menu": {
+        "actual_size": "Īstais izmērs",
+        "toggle_developer_tools": "Pārslēgt izstrādātāja rīkus",
+        "toggle_full_screen": "Pārslēgt pilnekrānu",
+        "view": "Skats"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Iznest visu priekšplānā",
+        "label": "Logs",
+        "zoom": "Tālummaiņa"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/mg_MG.json b/apps/desktop/src/i18n/strings/mg_MG.json
new file mode 100644
index 00000000000..b76172c8ddc
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/mg_MG.json
@@ -0,0 +1,63 @@
+{
+    "action": {
+        "cancel": "Hanafoana",
+        "close": "Akatona",
+        "close_brand": "Anakatona%(brand)s",
+        "copy": "Dika Mitovy",
+        "cut": "Tapaina",
+        "delete": "Fafaina",
+        "edit": "Anova",
+        "minimise": "Manamaivana",
+        "paste": "Koba",
+        "paste_match_style": "Mametaka sy Mampifanandrify ny fomba",
+        "quit": "Mialà",
+        "redo": "Averina atao",
+        "select_all": "Isafidy ny rehetra",
+        "show_hide": "Aneho/Anafina",
+        "undo": "Ravao",
+        "zoom_in": "Angedao",
+        "zoom_out": "Hahelezo"
+    },
+    "common": {
+        "about": "Mombamomba",
+        "brand_help": "%(marques)Fanampiana",
+        "help": "Fanampiana",
+        "preferences": "Safidy manokana"
+    },
+    "confirm_quit": "Azo Antoka ve fa tena hiala ianao",
+    "edit_menu": {
+        "speech": "Fitenenana",
+        "speech_start_speaking": "Atomboy ny resaka/Manomboha fitenenena",
+        "speech_stop_speaking": "Atsaharo ny fitenenana"
+    },
+    "file_menu": {
+        "label": "Manapetraka/apetrao"
+    },
+    "menu": {
+        "hide": "Afeno",
+        "hide_others": "Afeno ny hafa",
+        "services": "Tolotra",
+        "unhide": "Asehoy"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Ampio ao amin'ny rakibolana",
+        "copy_email": "Adikao ny adiresy imailaka",
+        "copy_image": "Andika ny sary",
+        "copy_image_url": "Adikao ny adiresin'ny sary",
+        "copy_link_url": "Adikao ny adiresy rohy",
+        "save_image_as": "Hitahiry ny sary ho",
+        "save_image_as_error_description": "Tsy voatahiry ilay sary",
+        "save_image_as_error_title": "Tsy nahahomby ny fitahirizana an'ilay sary"
+    },
+    "view_menu": {
+        "actual_size": "Habe Ankehitriny",
+        "toggle_developer_tools": "Amadika fitaovana fampandrosoana",
+        "toggle_full_screen": "Hamadika amin'ny efijery feno",
+        "view": "Hijery"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Ataovy aloha ny zava-drehetra",
+        "label": "Varavarankely",
+        "zoom": "Anakaiky fahitana"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/nb_NO.json b/apps/desktop/src/i18n/strings/nb_NO.json
new file mode 100644
index 00000000000..9680f21d28e
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/nb_NO.json
@@ -0,0 +1,92 @@
+{
+    "action": {
+        "cancel": "Avbryt",
+        "close": "Lukk",
+        "close_brand": "Avslutt %(brand)s",
+        "copy": "Kopier",
+        "cut": "Klipp",
+        "delete": "Slett",
+        "edit": "Rediger",
+        "minimise": "Minimere",
+        "paste": "Lim inn",
+        "paste_match_style": "Lim inn og match stil",
+        "quit": "Avslutt",
+        "redo": "Gjør om",
+        "select_all": "Velg alle",
+        "show_hide": "Vis/Skjul",
+        "undo": "Angre",
+        "zoom_in": "Zoom inn",
+        "zoom_out": "Zoom ut"
+    },
+    "common": {
+        "about": "Om",
+        "brand_help": "%(brand)s Hjelp",
+        "help": "Hjelp",
+        "no": "Nei",
+        "preferences": "Innstillinger",
+        "yes": "Ja"
+    },
+    "confirm_quit": "Er du sikker på at du vil slutte?",
+    "edit_menu": {
+        "speech": "Tale",
+        "speech_start_speaking": "Begynn å snakke",
+        "speech_stop_speaking": "Slutt å snakke"
+    },
+    "eol": {
+        "no_more_updates": "Du kjører en versjon av macOS som ikke støttes. Oppgrader for å motta oppdateringer fr %(brand)s.",
+        "title": "Systemet støttes ikke",
+        "warning": "Du bruker en versjon av macOS som ikke støttes. Oppgrader for å sikre at %(brand)s fortsetter å fungere."
+    },
+    "file_menu": {
+        "label": "Fil"
+    },
+    "icon_overlay": {
+        "description_error": "Feil",
+        "description_notifications": {
+            "one": "Du har %(count)s ulest varsel.",
+            "other": "Du har %(count)s uleste varsler."
+        }
+    },
+    "menu": {
+        "hide": "Skjul",
+        "hide_others": "Skjul andre",
+        "services": "Tjenester",
+        "unhide": "Slutt å skjule"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Legg til i ordbok",
+        "copy_email": "Kopier e-postadressen",
+        "copy_image": "Kopier bildet",
+        "copy_image_url": "Kopier bildeadresse",
+        "copy_link_url": "Kopier link adresse",
+        "save_image_as": "Lagre bildet som...",
+        "save_image_as_error_description": "Bildet kunne ikke lagres",
+        "save_image_as_error_title": "Kunne ikke lagre bildet"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Tøm data og last inn på nytt?",
+            "backend_changed_detail": "Kan ikke få tilgang til hemmeligheten fra systemnøkkelringen, den ser ut til å ha blitt endret.",
+            "backend_changed_title": "Kunne ikke laste inn databasen",
+            "backend_no_encryption": "Systemet ditt har en støttet nøkkelring, men kryptering er ikke tilgjengelig.",
+            "backend_no_encryption_detail": "Electron har oppdaget at kryptering ikke er tilgjengelig på nøkkelringen %(backend)s din. Forsikre deg om at du har nøkkelringen installert. Hvis du har nøkkelringen installert, vennligst start på nytt og prøv igjen. Eventuelt kan du tillate %(brand)s å bruke en svakere form for kryptering.",
+            "backend_no_encryption_title": "Ingen støtte for kryptering",
+            "unsupported_keyring": "Systemet ditt har en nøkkelring som ikke støttes, noe som betyr at databasen ikke kan åpnes.",
+            "unsupported_keyring_detail": "Electrons nøkkelringdeteksjon fant ikke en støttet backend. Du kan prøve å konfigurere backend manuelt ved å starte %(brand)s med et kommandolinjeargument, en engangsoperasjon. Se%(link)s.",
+            "unsupported_keyring_title": "Systemet støttes ikke",
+            "unsupported_keyring_use_basic_text": "Bruk svakere kryptering",
+            "unsupported_keyring_use_plaintext": "Ikke bruk kryptering"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Faktisk størrelse",
+        "toggle_developer_tools": "Veksle Utvikleralternativer",
+        "toggle_full_screen": "Veksle Fullskjerm",
+        "view": "Vis"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Flytt Alt Frem",
+        "label": "Vindu",
+        "zoom": "Forstørr"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/nl.json b/apps/desktop/src/i18n/strings/nl.json
new file mode 100644
index 00000000000..3b9417d52f8
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/nl.json
@@ -0,0 +1,63 @@
+{
+    "action": {
+        "cancel": "Annuleren",
+        "close": "Sluiten",
+        "close_brand": "Sluit %(brand)s",
+        "copy": "Kopiëren",
+        "cut": "Knippen",
+        "delete": "Verwijderen",
+        "edit": "Bewerken",
+        "minimise": "Minimaliseren",
+        "paste": "Plakken",
+        "paste_match_style": "Plakken zonder stijl",
+        "quit": "Sluiten",
+        "redo": "Opnieuw doen",
+        "select_all": "Alles selecteren",
+        "show_hide": "Tonen/Verbergen",
+        "undo": "Ongedaan maken",
+        "zoom_in": "Inzoomen",
+        "zoom_out": "Uitzoomen"
+    },
+    "common": {
+        "about": "Over",
+        "brand_help": "%(brand)s Hulp",
+        "help": "Hulp",
+        "preferences": "Voorkeuren"
+    },
+    "confirm_quit": "Weet u zeker dat u wilt stoppen?",
+    "edit_menu": {
+        "speech": "Spraak",
+        "speech_start_speaking": "Begin met praten",
+        "speech_stop_speaking": "Stop met praten"
+    },
+    "file_menu": {
+        "label": "Bestand"
+    },
+    "menu": {
+        "hide": "Verbergen",
+        "hide_others": "Anderen verbergen",
+        "services": "Diensten",
+        "unhide": "Weer laten zien"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Aan woordenboek toevoegen",
+        "copy_email": "E-mailadres kopiëren",
+        "copy_image": "Afbeelding kopiëren",
+        "copy_image_url": "Kopieer afbeeldingsadres",
+        "copy_link_url": "Link kopiëren",
+        "save_image_as": "Afbeelding opslaan als...",
+        "save_image_as_error_description": "De afbeelding opslaan is mislukt",
+        "save_image_as_error_title": "Afbeelding opslaan is mislukt"
+    },
+    "view_menu": {
+        "actual_size": "Werkelijke grootte",
+        "toggle_developer_tools": "Developer Tools wisselen",
+        "toggle_full_screen": "Volledig scherm wisselen",
+        "view": "Bekijken"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Alles naar voren brengen",
+        "label": "Venster",
+        "zoom": "Zoom"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/pl.json b/apps/desktop/src/i18n/strings/pl.json
new file mode 100644
index 00000000000..5b04975cf89
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/pl.json
@@ -0,0 +1,98 @@
+{
+    "action": {
+        "cancel": "Anuluj",
+        "close": "Zamknij",
+        "close_brand": "Zamknij %(brand)s",
+        "copy": "Kopiuj",
+        "cut": "Wytnij",
+        "delete": "Usuń",
+        "edit": "Edytuj",
+        "minimise": "Minimalizuj",
+        "paste": "Wklej",
+        "paste_match_style": "Wklej i dopasuj styl",
+        "quit": "Zamknij",
+        "redo": "Ponów",
+        "select_all": "Zaznacz wszystko",
+        "show_hide": "Pokaż/Ukryj",
+        "undo": "Cofnij",
+        "zoom_in": "Powiększ",
+        "zoom_out": "Pomniejsz"
+    },
+    "common": {
+        "about": "Informacje",
+        "brand_help": "Pomoc %(brand)s",
+        "help": "Pomoc",
+        "no": "Nie",
+        "preferences": "Preferencje",
+        "yes": "Tak"
+    },
+    "confirm_quit": "Czy na pewno chcesz zamknąć?",
+    "edit_menu": {
+        "speech": "Mowa",
+        "speech_start_speaking": "Zacznij mówić",
+        "speech_stop_speaking": "Przestań mówić"
+    },
+    "eol": {
+        "no_more_updates": "Korzystasz z nieobsługiwanej wersji systemu macOS. Zaktualizuj system, aby uzyskać aktualizacje %(brand)s.",
+        "title": "System nie jest obsługiwany",
+        "warning": "Korzystasz z nieobsługiwanej wersji systemu macOS. Zaktualizuj system, aby dalej korzystać z %(brand)s."
+    },
+    "file_menu": {
+        "label": "Plik"
+    },
+    "icon_overlay": {
+        "description_error": "Błąd",
+        "description_notifications": {
+            "one": "Masz %(count)s nieprzeczytane powiadomienie.",
+            "few": "Masz %(count)s nieprzeczytane powiadomienia.",
+            "many": "Masz %(count)s nieprzeczytanych powiadomień."
+        }
+    },
+    "menu": {
+        "hide": "Ukryj",
+        "hide_others": "Ukryj inne",
+        "services": "Usługi",
+        "unhide": "Odkryj"
+    },
+    "renderer_crash": {
+        "detail": "Zamknij i uruchom ponownie aplikację, żeby kontynuować. Jeśli problem nie ustępuje, spróbuj wyczyścić pamięć podręczną i zresetować komputer.",
+        "message": "%(brand)s przestał próbować naprawić problem, który udało się ominąć lecz ciągle się ponawia.",
+        "title": "%(brand)s nie może przestać się zawieszać"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Dodaj do słownika",
+        "copy_email": "Kopiuj adres e-mail",
+        "copy_image": "Kopiuj obraz",
+        "copy_image_url": "Kopiuj adres obrazu",
+        "copy_link_url": "Kopiuj adres odnośnika",
+        "save_image_as": "Zapisz obraz jako...",
+        "save_image_as_error_description": "Obraz nie został zapisany",
+        "save_image_as_error_title": "Nie udało się zapisać obrazu"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Wyczyścić dane i przeładować?",
+            "backend_changed_detail": "Nie można uzyskać dostępu do sekretnego magazynu, wygląda na to, że uległ zmianie.",
+            "backend_changed_title": "Nie udało się załadować bazy danych",
+            "backend_no_encryption": "Twój system posiada wspierany keyring, ale szyfrowanie nie jest dostępne.",
+            "backend_no_encryption_detail": "Elektron wykrył, że szyfrowanie nie jest dostępne w twoim keyring'u %(backend)s. Upewnij się, że keyring został zainstalowany. Jeśli tak, uruchom ponownie urządzenie i spróbuj ponownie. Opcjonalnie, zezwól %(brand)s, aby korzystał ze słabszego szyfrowania.",
+            "backend_no_encryption_title": "Szyfrowanie nie jest obsługiwane",
+            "unsupported_keyring": "System zawiera niewspierany keyring, nie można otworzyć bazy danych.",
+            "unsupported_keyring_detail": "Wykrywanie breloków firmy Electron nie znalazło obsługiwanego zaplecza. Możesz spróbować ręcznie skonfigurować zaplecze, zaczynając od argumentu %(brand)s wiersza polecenia, operacji jednorazowej. Widzieć%(link)s.",
+            "unsupported_keyring_title": "System niewspierany",
+            "unsupported_keyring_use_basic_text": "Użyj słabszego szyfrowania",
+            "unsupported_keyring_use_plaintext": "Nie używaj szyfrowania"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Rozmiar rzeczywisty",
+        "toggle_developer_tools": "Przełącz narzędzia deweloperskie",
+        "toggle_full_screen": "Przełącz pełny ekran",
+        "view": "Wyświetl"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Wyciągnij wszystko do przodu",
+        "label": "Okno",
+        "zoom": "Powiększenie"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/pt.json b/apps/desktop/src/i18n/strings/pt.json
new file mode 100644
index 00000000000..695fc1a5294
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/pt.json
@@ -0,0 +1,63 @@
+{
+    "action": {
+        "cancel": "Cancelar",
+        "close": "Fechar",
+        "close_brand": "Fecha %(brand)s",
+        "copy": "Copiar",
+        "cut": "Cortar",
+        "delete": "Apagar",
+        "edit": "Editar",
+        "minimise": "Minimizar",
+        "paste": "Colar",
+        "paste_match_style": "Colar e combinar o estilo",
+        "quit": "Desistir",
+        "redo": "Refazer",
+        "select_all": "Selecionar tudo",
+        "show_hide": "Mostrar/ocultar",
+        "undo": "Desfazer",
+        "zoom_in": "Ampliar",
+        "zoom_out": "Reduzir"
+    },
+    "common": {
+        "about": "Sobre",
+        "brand_help": "%(brand)s Ajuda",
+        "help": "Ajuda",
+        "preferences": "Preferências"
+    },
+    "confirm_quit": "Tens a certeza de que queres desistir?",
+    "edit_menu": {
+        "speech": "Discurso",
+        "speech_start_speaking": "Começa a falar",
+        "speech_stop_speaking": "Pára de falar"
+    },
+    "file_menu": {
+        "label": "Ficheiro"
+    },
+    "menu": {
+        "hide": "Ocultar",
+        "hide_others": "Ocultar Outros",
+        "services": "Serviços",
+        "unhide": "Mostrar"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Adicionar ao dicionário",
+        "copy_email": "Copiar endereço de e-mail",
+        "copy_image": "Copiar imagem",
+        "copy_image_url": "Copiar endereço da imagem",
+        "copy_link_url": "Copiar endereço do link",
+        "save_image_as": "Salvar imagem como...",
+        "save_image_as_error_description": "A imagem não foi salva",
+        "save_image_as_error_title": "Falha ao salvar a imagem"
+    },
+    "view_menu": {
+        "actual_size": "Tamanho original",
+        "toggle_developer_tools": "Alternar ferramentas de desenvolvedor",
+        "toggle_full_screen": "Alternar ecrã inteiro",
+        "view": "Ver"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Traz tudo para a frente",
+        "label": "Janela",
+        "zoom": "Ampliação"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/pt_BR.json b/apps/desktop/src/i18n/strings/pt_BR.json
new file mode 100644
index 00000000000..56cb43921c9
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/pt_BR.json
@@ -0,0 +1,92 @@
+{
+    "action": {
+        "cancel": "Cancelar",
+        "close": "Fechar",
+        "close_brand": "Fechar %(brand)s",
+        "copy": "Copiar",
+        "cut": "Cortar",
+        "delete": "Excluir",
+        "edit": "Editar",
+        "minimise": "Minimizar",
+        "paste": "Colar",
+        "paste_match_style": "Colar e Adequar Estilo",
+        "quit": "Sair",
+        "redo": "Refazer",
+        "select_all": "Selecionar Todas",
+        "show_hide": "Mostrar/Esconder",
+        "undo": "Desfazer",
+        "zoom_in": "Dar Zoom In",
+        "zoom_out": "Dar Zoom Out"
+    },
+    "common": {
+        "about": "Sobre",
+        "brand_help": "%(brand)s Ajuda",
+        "help": "Ajuda",
+        "no": "Não",
+        "preferences": "Preferências",
+        "yes": "Sim"
+    },
+    "confirm_quit": "Você tem certeza que você quer sair?",
+    "edit_menu": {
+        "speech": "Fala",
+        "speech_start_speaking": "Começar a Falar",
+        "speech_stop_speaking": "Parar de Falar"
+    },
+    "eol": {
+        "no_more_updates": "Você está usando uma versão não suportada do macOS. Atualize para receber as atualizações d %(brand)s.",
+        "title": "Sistema não suportado",
+        "warning": "Você está usando uma versão não compatível do macOS. Faça a atualização para garantir que o %(brand)s continue funcionando."
+    },
+    "file_menu": {
+        "label": "Arquivo"
+    },
+    "icon_overlay": {
+        "description_error": "Erro",
+        "description_notifications": {
+            "one": "Você tem %(count)s notificação não lida.",
+            "other": "Você tem %(count)s notificações não lidas."
+        }
+    },
+    "menu": {
+        "hide": "Esconder",
+        "hide_others": "Esconder Outras(os)",
+        "services": "Serviços",
+        "unhide": "Desesconder"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Adicionar a dicionário",
+        "copy_email": "Copiar endereço de email",
+        "copy_image": "Copiar imagem",
+        "copy_image_url": "Copiar endereço de imagem",
+        "copy_link_url": "Copiar endereço de link",
+        "save_image_as": "Salvar imagem como...",
+        "save_image_as_error_description": "A imagem falhou para salvar",
+        "save_image_as_error_title": "Falha para salvar imagem"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Limpar dados e recarregar?",
+            "backend_changed_detail": "Não foi possível acessar o segredo no cofre do sistema, parece que ele foi alterado.",
+            "backend_changed_title": "Falha ao carregar o banco de dados",
+            "backend_no_encryption": "Seu sistema tem um cofre compatível, mas a criptografia não está disponível.",
+            "backend_no_encryption_detail": "O Electron detetou que a encriptação não está disponível no seu cofre %(backend)s. Certifique-se de que tem o cofre instalado. Se tiver o cofre instalado, reinicie e tente novamente. Opcionalmente, você pode permitir que %(brand)s use uma forma mais fraca de criptografia.",
+            "backend_no_encryption_title": "Sem suporte para criptografia",
+            "unsupported_keyring": "Seu sistema possui um cofre não compatível, o que impede a abertura do banco de dados.",
+            "unsupported_keyring_detail": "A detecção de cofre do Electron não encontrou um backend compatível. Você pode tentar configurar manualmente o backend iniciando %(brand)s com um argumento de linha de comando, uma operação única. Consulte %(link)s.",
+            "unsupported_keyring_title": "Sistema não suportado",
+            "unsupported_keyring_use_basic_text": "Use criptografia mais fraca",
+            "unsupported_keyring_use_plaintext": "Não usar criptografia"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Tamanho de Verdade",
+        "toggle_developer_tools": "Ativar/Desativar Ferramentas de Desenvolvimento",
+        "toggle_full_screen": "Pôr em/Tirar de Tela Cheia",
+        "view": "Ver"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Trazer Todas Para Frente",
+        "label": "Janela",
+        "zoom": "Zoom"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/ru.json b/apps/desktop/src/i18n/strings/ru.json
new file mode 100644
index 00000000000..4fdc51a979b
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/ru.json
@@ -0,0 +1,93 @@
+{
+    "action": {
+        "cancel": "Отмена",
+        "close": "Закрыть",
+        "close_brand": "Закрыть %(brand)s",
+        "copy": "Копировать",
+        "cut": "Вырезать",
+        "delete": "Удалить",
+        "edit": "Изменить",
+        "minimise": "Свернуть",
+        "paste": "Вставить",
+        "paste_match_style": "Вставить с тем же стилем",
+        "quit": "Выйти",
+        "redo": "Повторить",
+        "select_all": "Выбрать все",
+        "show_hide": "Показать/скрыть",
+        "undo": "Отменить",
+        "zoom_in": "Увеличить",
+        "zoom_out": "Уменьшить"
+    },
+    "common": {
+        "about": "О программе",
+        "brand_help": "Помощь %(brand)s",
+        "help": "Помощь",
+        "no": "Нет",
+        "preferences": "Предпочтения",
+        "yes": "Да"
+    },
+    "confirm_quit": "Вы уверены, что хотите выйти?",
+    "edit_menu": {
+        "speech": "Речь",
+        "speech_start_speaking": "Говорите",
+        "speech_stop_speaking": "Перестаньте говорить"
+    },
+    "eol": {
+        "no_more_updates": "Вы используете неподдерживаемую версию macOS. Пожалуйста обновите систему чтобы получать обновления %(brand)s.",
+        "title": "Система не поддерживается",
+        "warning": "Вы используете неподдерживаемую версию macOS. Пожалуйста обновите её, чтобы %(brand)s продолжал работать."
+    },
+    "file_menu": {
+        "label": "Файл"
+    },
+    "icon_overlay": {
+        "description_error": "Ошибка",
+        "description_notifications": {
+            "one": "У вас есть %(count)s непрочитанное уведомление.",
+            "few": "У вас есть %(count)s непрочитанных уведомления.",
+            "many": "У вас есть %(count)s непрочитанных уведомлений."
+        }
+    },
+    "menu": {
+        "hide": "Скрыть",
+        "hide_others": "Скрыть прочие",
+        "services": "Службы",
+        "unhide": "Показать"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Добавить в словарь",
+        "copy_email": "Копировать адрес почты",
+        "copy_image": "Копировать изображение",
+        "copy_image_url": "Копировать адрес изображения",
+        "copy_link_url": "Копировать ссылку",
+        "save_image_as": "Сохранить изображение как...",
+        "save_image_as_error_description": "Не удалось сохранить изображение",
+        "save_image_as_error_title": "Не удалось сохранить изображение"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Очистить данные и перезагрузить?",
+            "backend_changed_detail": "Не удалось получить доступ к секрету из системной связки ключей. Похоже, что она изменилась.",
+            "backend_changed_title": "Не удалось загрузить базу данных",
+            "backend_no_encryption": "В вашей системе имеется поддерживаемая связка ключей, но шифрование недоступно.",
+            "backend_no_encryption_detail": "Electron обнаружил, что шифрование недоступно в вашем хранилище %(backend)s Убедитесь, что у вас установлено связное устройство. Если связное устройство установлено, перезагрузите компьютер и повторите попытку. При желании вы можете разрешить %(brand)s использовать более слабую форму шифрования.",
+            "backend_no_encryption_title": "Нет поддержки шифрования",
+            "unsupported_keyring": "Невозможно открыть базу данных, так как в вашей системе установлена неподдерживаемая связка ключей",
+            "unsupported_keyring_detail": "Функция обнаружения ключей Electron не нашла поддерживаемый сервер. Можно попробовать настроить сервер вручную, запустив %(brand)s с аргументом командной строки, это нужно сделать только один раз. Смотри %(link)s.",
+            "unsupported_keyring_title": "Система не поддерживается",
+            "unsupported_keyring_use_basic_text": "Использовать более слабое шифрование",
+            "unsupported_keyring_use_plaintext": "Не использовать шифрование"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Фактический размер",
+        "toggle_developer_tools": "Переключить инструменты разработчика",
+        "toggle_full_screen": "Переключить полноэкранный режим",
+        "view": "Просмотр"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Вынести всё вперёд",
+        "label": "Окно",
+        "zoom": "Масштаб"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/sk.json b/apps/desktop/src/i18n/strings/sk.json
new file mode 100644
index 00000000000..fe0f01145cc
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/sk.json
@@ -0,0 +1,93 @@
+{
+    "action": {
+        "cancel": "Zrušiť",
+        "close": "Zavrieť",
+        "close_brand": "Zatvoriť %(brand)s",
+        "copy": "Kopírovať",
+        "cut": "Vystrihnúť",
+        "delete": "Odstrániť",
+        "edit": "Upraviť",
+        "minimise": "Minimalizovať",
+        "paste": "Vložiť",
+        "paste_match_style": "Vložiť a prispôsobiť štýl",
+        "quit": "Ukončiť",
+        "redo": "Opakovať",
+        "select_all": "Vybrať všetko",
+        "show_hide": "Zobraziť/Skryť",
+        "undo": "Späť",
+        "zoom_in": "Priblížiť",
+        "zoom_out": "Oddialiť"
+    },
+    "common": {
+        "about": "Informácie",
+        "brand_help": "%(brand)s Pomoc",
+        "help": "Pomocník",
+        "no": "Nie",
+        "preferences": "Predvoľby",
+        "yes": "Áno"
+    },
+    "confirm_quit": "Naozaj chcete zavrieť aplikáciu?",
+    "edit_menu": {
+        "speech": "Reč",
+        "speech_start_speaking": "Spustiť nahrávanie hlasu",
+        "speech_stop_speaking": "Zastaviť nahrávanie hlasu"
+    },
+    "eol": {
+        "no_more_updates": "Používate nepodporovanú verziu systému macOS. Prosím, aktualizujte systém, aby ste mohli dostávať aktualizácie aplikácie %(brand)s.",
+        "title": "Systém nie je podporovaný",
+        "warning": "Používate nepodporovanú verziu systému macOS. Vykonajte prosím aktualizáciu, aby aplikácia %(brand)s mohla správne fungovať."
+    },
+    "file_menu": {
+        "label": "Súbor"
+    },
+    "icon_overlay": {
+        "description_error": "Chyba",
+        "description_notifications": {
+            "one": "Máte %(count)s neprečítané oznámenie.",
+            "few": "Máte %(count)s neprečítané oznámenia.",
+            "other": "Máte %(count)s neprečítaných oznámení."
+        }
+    },
+    "menu": {
+        "hide": "Skryť",
+        "hide_others": "Skryť ostatné",
+        "services": "Služby",
+        "unhide": "Odkryť"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Pridať do slovníka",
+        "copy_email": "Kopírovať e-mailovú adresu",
+        "copy_image": "Kopírovať obrázok",
+        "copy_image_url": "Kopírovať adresu obrázka",
+        "copy_link_url": "Kopírovať adresu odkazu",
+        "save_image_as": "Uložiť obrázok ako...",
+        "save_image_as_error_description": "Obrázok sa nepodarilo uložiť",
+        "save_image_as_error_title": "Chyba pri ukladaní obrázka"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Vymazať údaje a znova načítať?",
+            "backend_changed_detail": "Nepodarilo sa získať prístup k tajnému kľúču zo systémového zväzku kľúčov, zdá sa, že sa zmenil.",
+            "backend_changed_title": "Nepodarilo sa načítať databázu",
+            "backend_no_encryption": "Váš systém má podporovaný zväzok kľúčov, ale šifrovanie nie je k dispozícii.",
+            "backend_no_encryption_detail": "Electron zistil, že šifrovanie nie je k dispozícii na vašom zväzku kľúčov %(backend)s. Uistite sa, že máte nainštalovaný zväzok kľúčov. Ak máte zväzok kľúčov nainštalovaný, reštartujte počítač a skúste to znova. Voliteľne môžete povoliť aplikácii %(brand)s používať slabšiu formu šifrovania.",
+            "backend_no_encryption_title": "Žiadna podpora šifrovania",
+            "unsupported_keyring": "Váš systém má nepodporovaný zväzok kľúčov, čo znamená, že databázu nemožno otvoriť.",
+            "unsupported_keyring_detail": "Detekcia zväzku kľúčov aplikácie Electron nenašla podporovaný backend. Môžete sa pokúsiť manuálne nastaviť backend spustením aplikácie %(brand)s s argumentom príkazového riadka, je to jednorazová operácia. Pozrite si %(link)s .",
+            "unsupported_keyring_title": "Systém nie je podporovaný",
+            "unsupported_keyring_use_basic_text": "Použiť slabšie šifrovanie",
+            "unsupported_keyring_use_plaintext": "Nepoužiť žiadne šifrovanie"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Aktuálna veľkosť",
+        "toggle_developer_tools": "Nástroje pre vývojárov",
+        "toggle_full_screen": "Celá obrazovka",
+        "view": "Zobraziť"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Preniesť všetky do popredia",
+        "label": "Okno",
+        "zoom": "Lupa"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/sq.json b/apps/desktop/src/i18n/strings/sq.json
new file mode 100644
index 00000000000..67f9dc0ceb8
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/sq.json
@@ -0,0 +1,17 @@
+{
+    "action": {
+        "cancel": "Anuloje",
+        "close": "Mbylle",
+        "copy": "Kopjoje",
+        "delete": "Fshije",
+        "edit": "Përpuno"
+    },
+    "common": {
+        "about": "Mbi",
+        "help": "Ndihmë",
+        "preferences": "Parapëlqime"
+    },
+    "view_menu": {
+        "view": "Shihni"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/sv.json b/apps/desktop/src/i18n/strings/sv.json
new file mode 100644
index 00000000000..4c57d7498ad
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/sv.json
@@ -0,0 +1,87 @@
+{
+    "action": {
+        "cancel": "Avbryt",
+        "close": "Stäng",
+        "close_brand": "Stäng %(brand)s",
+        "copy": "Kopiera",
+        "cut": "Klipp ut",
+        "delete": "Radera",
+        "edit": "Ändra",
+        "minimise": "Minimera",
+        "paste": "Klistra in",
+        "paste_match_style": "Klistra in och matcha stilen",
+        "quit": "Avsluta",
+        "redo": "Gör om",
+        "select_all": "Markera allt",
+        "show_hide": "Visa/dölj",
+        "undo": "Ångra",
+        "zoom_in": "Zooma in",
+        "zoom_out": "Zooma ut"
+    },
+    "common": {
+        "about": "Om",
+        "brand_help": "%(brand)s-hjälp",
+        "help": "Hjälp",
+        "no": "Nej",
+        "preferences": "Inställningar",
+        "yes": "Ja"
+    },
+    "confirm_quit": "Är du säker att du vill avsluta?",
+    "edit_menu": {
+        "speech": "Tal",
+        "speech_start_speaking": "Börja tala",
+        "speech_stop_speaking": "Sluta tala"
+    },
+    "file_menu": {
+        "label": "Arkiv"
+    },
+    "icon_overlay": {
+        "description_error": "Fel",
+        "description_notifications": {
+            "one": "Du har %(count)s oläst avisering.",
+            "other": "Du har %(count)s olästa aviseringar."
+        }
+    },
+    "menu": {
+        "hide": "Göm",
+        "hide_others": "Göm övriga",
+        "services": "Tjänster",
+        "unhide": "Sluta gömma"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Lägg till i ordlistan",
+        "copy_email": "Kopiera e-postadress",
+        "copy_image": "Kopiera bild",
+        "copy_image_url": "Kopiera bildadress",
+        "copy_link_url": "Kopiera länkadress",
+        "save_image_as": "Spara bild som…",
+        "save_image_as_error_description": "Bilden sparades inte",
+        "save_image_as_error_title": "Misslyckades med att spara bilden"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Rensa data och ladda om?",
+            "backend_changed_detail": "Kunde inte komma åt hemligheten från systemnyckelringen, det verkar ha ändrats.",
+            "backend_changed_title": "Misslyckades att ladda databasen",
+            "backend_no_encryption": "Ditt system har en nyckelring som stöds men kryptering är inte tillgänglig.",
+            "backend_no_encryption_detail": "Electron har upptäckt att kryptering inte är tillgänglig på din nyckelring %(backend)s. Se till att du har nyckelringen installerad. Om du har nyckelringen installerad, starta om och försök igen. Alternativt kan du tillåta %(brand)s att använda en svagare form av kryptering.",
+            "backend_no_encryption_title": "Inget krypteringsstöd",
+            "unsupported_keyring": "Ditt system har en nyckelring som inte stöds, vilket innebär att databasen inte kan öppnas.",
+            "unsupported_keyring_detail": "Electrons nyckelringsdetektering hittade inte en backend som stöds. Du kan försöka konfigurera backend manuellt genom att starta %(brand)s med ett kommandoradsargument, en engångsåtgärd. Se %(link)s.",
+            "unsupported_keyring_title": "Systemet stöds inte",
+            "unsupported_keyring_use_basic_text": "Använd svagare kryptering",
+            "unsupported_keyring_use_plaintext": "Använd ingen kryptering"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Verklig storlek",
+        "toggle_developer_tools": "Växla utvecklarverktyg",
+        "toggle_full_screen": "Växla helskärm",
+        "view": "Visa"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Lägg alla överst",
+        "label": "Fönster",
+        "zoom": "Zooma"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/tr.json b/apps/desktop/src/i18n/strings/tr.json
new file mode 100644
index 00000000000..523e0fad24d
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/tr.json
@@ -0,0 +1,63 @@
+{
+    "action": {
+        "cancel": "İptal",
+        "close": "Kapat",
+        "close_brand": "Kapat %(brand)s",
+        "copy": "Kopyala",
+        "cut": "Kes",
+        "delete": "Sil",
+        "edit": "Düzenle",
+        "minimise": "Küçült",
+        "paste": "Yapıştır",
+        "paste_match_style": "Stili Yapıştır ve Eşleştir",
+        "quit": "Çık",
+        "redo": "Yeniden yap",
+        "select_all": "Tümünü seç",
+        "show_hide": "Göster/Gizle",
+        "undo": "Geri al",
+        "zoom_in": "Yakınlaştır",
+        "zoom_out": "Uzaklaştır"
+    },
+    "common": {
+        "about": "Hakkında",
+        "brand_help": "%(brand)s Yardım",
+        "help": "Yardım",
+        "preferences": "Tercihler"
+    },
+    "confirm_quit": "Çıkmak istediğinizden emin misiniz?",
+    "edit_menu": {
+        "speech": "Konuşma",
+        "speech_start_speaking": "Konuşmaya başla",
+        "speech_stop_speaking": "Konuşmayı durdur"
+    },
+    "file_menu": {
+        "label": "Dosya"
+    },
+    "menu": {
+        "hide": "Gizle",
+        "hide_others": "Diğerlerini gizle",
+        "services": "Hizmetler",
+        "unhide": "Göster"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Sözlüğe ekle",
+        "copy_email": "E-posta adresini kopyala",
+        "copy_image": "Resmi kopyala",
+        "copy_image_url": "Görsel adresini kopyala",
+        "copy_link_url": "Bağlantılı adresi kopyala",
+        "save_image_as": "Resmi farklı kaydet...",
+        "save_image_as_error_description": "Görüntü kaydedilemedi",
+        "save_image_as_error_title": "Resim kaydedilemedi"
+    },
+    "view_menu": {
+        "actual_size": "Gerçek boyut",
+        "toggle_developer_tools": "Geliştirici araçları",
+        "toggle_full_screen": "Tam ekran",
+        "view": "Görüntüle"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Hepsini öne getir",
+        "label": "Pencere",
+        "zoom": "Yaklaştır"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/uk.json b/apps/desktop/src/i18n/strings/uk.json
new file mode 100644
index 00000000000..306148204a5
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/uk.json
@@ -0,0 +1,102 @@
+{
+    "action": {
+        "cancel": "Скасувати",
+        "close": "Закрити",
+        "close_brand": "Закрити %(brand)s",
+        "copy": "Скопіювати",
+        "cut": "Вирізати",
+        "delete": "Видалити",
+        "edit": "Змінити",
+        "minimise": "Згорнути",
+        "paste": "Вставити",
+        "paste_match_style": "Вставити з таким же стилем",
+        "quit": "Вийти",
+        "redo": "Повторити дію",
+        "select_all": "Вибрати все",
+        "show_hide": "Показати/Сховати",
+        "undo": "Скасувати дію",
+        "zoom_in": "Збільшити",
+        "zoom_out": "Зменшити"
+    },
+    "common": {
+        "about": "Про застосунок",
+        "brand_help": "Довідка %(brand)s",
+        "help": "Довідка",
+        "no": "Ні",
+        "preferences": "Параметри",
+        "yes": "Так"
+    },
+    "confirm_quit": "Ви впевнені, що хочете вийти?",
+    "download": {
+        "unable_to_open_description": "Не вдалося відкрити файл. Можливо, його було переміщено або видалено.",
+        "unable_to_open_title": "Неможливо відкрити файл"
+    },
+    "edit_menu": {
+        "speech": "Мовлення",
+        "speech_start_speaking": "Почати говорити",
+        "speech_stop_speaking": "Припинити говорити"
+    },
+    "eol": {
+        "no_more_updates": "Ви використовуєте непідтримувану версію macOS. Оновіть її, щоб отримати оновлення %(brand)s.",
+        "title": "Система не підтримується",
+        "warning": "Ви використовуєте непідтримувану версію macOS. Оновіть систему, щоб забезпечити безперебійну роботу %(brand)s."
+    },
+    "file_menu": {
+        "label": "Файл"
+    },
+    "icon_overlay": {
+        "description_error": "Помилка",
+        "description_notifications": {
+            "one": "У вас є %(count)s непрочитане сповіщення.",
+            "few": "У вас є %(count)s непрочитані сповіщення.",
+            "many": "У вас є %(count)s непрочитаних сповіщень."
+        }
+    },
+    "menu": {
+        "hide": "Сховати",
+        "hide_others": "Сховати інші",
+        "services": "Служби",
+        "unhide": "Показати"
+    },
+    "renderer_crash": {
+        "detail": "Закрийте та знову запустіть застосунок, щоб продовжити роботу. Якщо ця проблема повторюється, може допомогти перезапуск комп’ютера або очищення кешу застосунку.",
+        "message": "%(brand)s кілька разів відновлювався після проблеми, але вона постійно виникає, тому спроби припинилися.",
+        "title": "Збої %(brand)s продовжуються"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Додати до словника",
+        "copy_email": "Копіювати адресу е-пошти",
+        "copy_image": "Копіювати зображення",
+        "copy_image_url": "Копіювати адресу зображення",
+        "copy_link_url": "Копіювати адресу посилання",
+        "save_image_as": "Зберегти зображення як...",
+        "save_image_as_error_description": "Не вдалося зберегти зображення",
+        "save_image_as_error_title": "Не вдалося зберегти зображення"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "Очистити дані та перезавантажити?",
+            "backend_changed_detail": "Не вдається отримати доступ до таємного ключа з системного набору ключів, видається, він змінився.",
+            "backend_changed_title": "Не вдалося завантажити базу даних",
+            "backend_no_encryption": "Ваша система підтримує сховище ключів, але шифрування недоступне.",
+            "backend_no_encryption_detail": "Electron виявив, що шифрування недоступне у вашому сховищі ключів %(backend)s. Переконайтеся, що у вас встановлено сховище ключів. Якщо так, тоді перезавантажте комп'ютер і повторіть спробу. За бажанням, ви можете дозволити %(brand)s використовувати слабшу форму шифрування.",
+            "backend_no_encryption_title": "Шифрування не підтримується",
+            "unsupported_keyring": "Ваша система має непідтримуваний набір ключів. Це означає, що базу даних неможливо відкрити.",
+            "unsupported_keyring_detail": "Electron не виявив підтримуваного бекенда для роботи зі сховищем паролів. Ви можете вручну налаштувати його, запустивши %(brand)s з відповідним аргументом у командному рядку. Цю дію потрібно виконати лише один раз. Докладніше – %(link)s.",
+            "unsupported_keyring_title": "Система не підтримується",
+            "unsupported_keyring_use_basic_text": "Використовувати слабше шифрування",
+            "unsupported_keyring_use_plaintext": "Не використовувати шифрування"
+        }
+    },
+    "view_menu": {
+        "actual_size": "Фактичний розмір",
+        "toggle_developer_tools": "Перемкнути інструменти розробника",
+        "toggle_full_screen": "Перемкнути повноекранний режим",
+        "view": "Перегляд"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Винести все вперед",
+        "label": "Вікно",
+        "zoom": "Масштаб"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/vi.json b/apps/desktop/src/i18n/strings/vi.json
new file mode 100644
index 00000000000..ffe0a1d75cb
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/vi.json
@@ -0,0 +1,63 @@
+{
+    "action": {
+        "cancel": "Huỷ bỏ",
+        "close": "Đóng",
+        "close_brand": "Đóng %(brand)s",
+        "copy": "Sao chép",
+        "cut": "Cắt",
+        "delete": "Xoá",
+        "edit": "Sửa",
+        "minimise": "Thu nhỏ",
+        "paste": "Dán",
+        "paste_match_style": "Dán và khớp kiểu",
+        "quit": "Thoát",
+        "redo": "Làm lại",
+        "select_all": "Chọn tất cả",
+        "show_hide": "Hiện/Ẩn",
+        "undo": "Hoàn tác",
+        "zoom_in": "Phóng to",
+        "zoom_out": "Thu nhỏ"
+    },
+    "common": {
+        "about": "Giới thiệu",
+        "brand_help": "Hỗ trợ %(brand)s",
+        "help": "Hỗ trợ",
+        "preferences": "Tùy chọn"
+    },
+    "confirm_quit": "Bạn có chắc chắn muốn thoát?",
+    "edit_menu": {
+        "speech": "Đọc màn hình",
+        "speech_start_speaking": "Bắt đầu nói",
+        "speech_stop_speaking": "Dừng nói"
+    },
+    "file_menu": {
+        "label": "Tệp"
+    },
+    "menu": {
+        "hide": "Ẩn",
+        "hide_others": "Ẩn cái khác",
+        "services": "Dịch vụ",
+        "unhide": "Bỏ ẩn"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "Thêm vào từ điển",
+        "copy_email": "Sao chép địa chỉ email",
+        "copy_image": "Sao chép ảnh",
+        "copy_image_url": "Sao chép địa chỉ ảnh",
+        "copy_link_url": "Sao chép địa chỉ liên kết",
+        "save_image_as": "Lưu ảnh…",
+        "save_image_as_error_description": "Ảnh không lưu được",
+        "save_image_as_error_title": "Không lưu được ảnh"
+    },
+    "view_menu": {
+        "actual_size": "Kích thước thực",
+        "toggle_developer_tools": "Công cụ phát triển",
+        "toggle_full_screen": "Toàn màn hình",
+        "view": "Xem"
+    },
+    "window_menu": {
+        "bring_all_to_front": "Đưa tất cả lên trước",
+        "label": "Cửa sổ",
+        "zoom": "Thu phóng"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/zh_Hans.json b/apps/desktop/src/i18n/strings/zh_Hans.json
new file mode 100644
index 00000000000..b9980ae7de9
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/zh_Hans.json
@@ -0,0 +1,100 @@
+{
+    "action": {
+        "cancel": "取消",
+        "close": "关闭",
+        "close_brand": "关闭 %(brand)s",
+        "copy": "复制",
+        "cut": "剪切",
+        "delete": "删除",
+        "edit": "编辑",
+        "minimise": "最小化",
+        "paste": "粘贴",
+        "paste_match_style": "粘贴并匹配样式",
+        "quit": "退出",
+        "redo": "重做",
+        "select_all": "选中全部",
+        "show_hide": "显示/隐藏",
+        "undo": "撤销",
+        "zoom_in": "放大",
+        "zoom_out": "缩小"
+    },
+    "common": {
+        "about": "关于",
+        "brand_help": "%(brand)s帮助",
+        "help": "帮助",
+        "no": "否",
+        "preferences": "偏好",
+        "yes": "是"
+    },
+    "confirm_quit": "你确定要退出吗？",
+    "download": {
+        "unable_to_open_description": "无法打开文件，它可能已被移动或删除。",
+        "unable_to_open_title": "无法打开文件"
+    },
+    "edit_menu": {
+        "speech": "讲话",
+        "speech_start_speaking": "开始讲话",
+        "speech_stop_speaking": "停止讲话"
+    },
+    "eol": {
+        "no_more_updates": "你正在使用的 macOS 版本不受支持。请升级以获取 %(brand)s 更新。",
+        "title": "不受支持的系统",
+        "warning": "你正在使用的 macOS 版本不受支持。请升级系统以确保 %(brand)s 能保持运行。"
+    },
+    "file_menu": {
+        "label": "文件"
+    },
+    "icon_overlay": {
+        "description_error": "错误",
+        "description_notifications": {
+            "other": "你有 %(count)s 条未读通知。"
+        }
+    },
+    "menu": {
+        "hide": "隐藏",
+        "hide_others": "隐藏其他",
+        "services": "服务",
+        "unhide": "显示"
+    },
+    "renderer_crash": {
+        "detail": "退出并重新打开 app 以继续。如果问题仍然存在，重启电脑或清除缓存或许有用。",
+        "message": "%(brand)s 已经多次从故障中恢复，但仍然反复发生，因此已停止尝试。",
+        "title": "%(brand)s 仍在持续崩溃"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "添加到字典",
+        "copy_email": "复制邮箱地址",
+        "copy_image": "复制图片",
+        "copy_image_url": "复制图片地址",
+        "copy_link_url": "复制链接地址",
+        "save_image_as": "保存图片为……",
+        "save_image_as_error_description": "图片保存失败",
+        "save_image_as_error_title": "图片保存失败"
+    },
+    "store": {
+        "error": {
+            "backend_changed": "清除数据并重新加载？",
+            "backend_changed_detail": "无法从系统密钥环访问密钥，该密钥似乎已被更改。",
+            "backend_changed_title": "数据库加载失败",
+            "backend_no_encryption": "你的系统支持密钥环，但加密功能不可用。",
+            "backend_no_encryption_detail": "Electron 检测到你的密钥环 %(backend)s 的加密不可用。请确保已安装该密钥环。若已安装请重启设备后重试。也可选择允许 %(brand)s 使用弱加密方式。",
+            "backend_no_encryption_title": "不支持加密",
+            "unsupported_keyring": "你的系统存在不受支持的密钥环，这意味着无法打开数据库。",
+            "unsupported_keyring_detail": "Electron 的密钥环检测未找到受支持的后端。你可以尝试通过命令行参数启动 %(brand)s 来手动配置后端，此操作仅需执行一次。详情请参阅：%(link)s。",
+            "unsupported_keyring_title": "不受支持的系统",
+            "unsupported_keyring_use_basic_text": "使用弱加密",
+            "unsupported_keyring_use_plaintext": "不使用加密"
+        }
+    },
+    "view_menu": {
+        "actual_size": "实际大小",
+        "toggle_developer_tools": "切换开发者工具",
+        "toggle_full_screen": "切换全屏",
+        "view": "查看"
+    },
+    "window_menu": {
+        "bring_all_to_front": "全部置前",
+        "label": "窗口",
+        "zoom": "放大"
+    }
+}
diff --git a/apps/desktop/src/i18n/strings/zh_Hant.json b/apps/desktop/src/i18n/strings/zh_Hant.json
new file mode 100644
index 00000000000..c72f3159284
--- /dev/null
+++ b/apps/desktop/src/i18n/strings/zh_Hant.json
@@ -0,0 +1,63 @@
+{
+    "action": {
+        "cancel": "取消",
+        "close": "關閉",
+        "close_brand": "關閉 %(brand)s",
+        "copy": "複製",
+        "cut": "剪下",
+        "delete": "刪除",
+        "edit": "編輯",
+        "minimise": "最小化",
+        "paste": "貼上",
+        "paste_match_style": "貼上並保留格式",
+        "quit": "離開",
+        "redo": "取消復原",
+        "select_all": "全選",
+        "show_hide": "顯示/隱藏",
+        "undo": "復原",
+        "zoom_in": "放大",
+        "zoom_out": "縮小"
+    },
+    "common": {
+        "about": "關於",
+        "brand_help": "%(brand)s 說明",
+        "help": "說明",
+        "preferences": "偏好設定"
+    },
+    "confirm_quit": "您確定要離開嗎？",
+    "edit_menu": {
+        "speech": "語音",
+        "speech_start_speaking": "開始說話",
+        "speech_stop_speaking": "停止說話"
+    },
+    "file_menu": {
+        "label": "檔案"
+    },
+    "menu": {
+        "hide": "隱藏",
+        "hide_others": "隱藏其他",
+        "services": "服務",
+        "unhide": "取消隱藏"
+    },
+    "right_click_menu": {
+        "add_to_dictionary": "新增到字典",
+        "copy_email": "複製電子郵件地址",
+        "copy_image": "複製圖片",
+        "copy_image_url": "複製圖片地址",
+        "copy_link_url": "複製連結",
+        "save_image_as": "另存圖片為...",
+        "save_image_as_error_description": "儲存圖片失敗",
+        "save_image_as_error_title": "儲存圖片失敗"
+    },
+    "view_menu": {
+        "actual_size": "實際大小",
+        "toggle_developer_tools": "切換開發工具",
+        "toggle_full_screen": "切換全螢幕",
+        "view": "檢視"
+    },
+    "window_menu": {
+        "bring_all_to_front": "全部移至最前",
+        "label": "視窗",
+        "zoom": "縮放"
+    }
+}
diff --git a/apps/desktop/src/icon.test.ts b/apps/desktop/src/icon.test.ts
new file mode 100644
index 00000000000..a8886be9b55
--- /dev/null
+++ b/apps/desktop/src/icon.test.ts
@@ -0,0 +1,44 @@
+/*
+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 { expect, describe, it, beforeEach, vi } from "vitest";
+import { fs as memfs, vol } from "memfs";
+
+import { getIconPath } from "./icon.js";
+import { fileURLToPath } from "node:url";
+
+vi.mock("node:fs/promises", () => ({ default: memfs.promises }));
+
+beforeEach(() => {
+    // Reset the state of the in-memory fs
+    vol.reset();
+});
+
+describe("getIconPath", () => {
+    beforeEach(() => {
+        vol.fromJSON(
+            {
+                "build/icon.png": "png",
+                "build/icon.ico": "ico",
+            },
+            fileURLToPath(import.meta.resolve("../webapp")),
+        );
+    });
+
+    it("should use .ico on Windows", async () => {
+        vi.spyOn(process, "platform", "get").mockReturnValue("win32");
+        await expect(getIconPath()).resolves.toEqual(fileURLToPath(import.meta.resolve("../build/icon.ico")));
+    });
+    it("should use .png on macOS", async () => {
+        vi.spyOn(process, "platform", "get").mockReturnValue("darwin");
+        await expect(getIconPath()).resolves.toEqual(fileURLToPath(import.meta.resolve("../build/icon.png")));
+    });
+    it("should use .png on Linux", async () => {
+        vi.spyOn(process, "platform", "get").mockReturnValue("linux");
+        await expect(getIconPath()).resolves.toEqual(fileURLToPath(import.meta.resolve("../build/icon.png")));
+    });
+});
diff --git a/apps/desktop/src/icon.ts b/apps/desktop/src/icon.ts
new file mode 100644
index 00000000000..0a7457a4973
--- /dev/null
+++ b/apps/desktop/src/icon.ts
@@ -0,0 +1,17 @@
+/*
+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 path from "node:path";
+
+import { getAsarPath } from "./asar.js";
+
+export async function getIconPath(): Promise<string> {
+    const asarPath = await getAsarPath();
+
+    const iconFile = `icon.${process.platform === "win32" ? "ico" : "png"}`;
+    return path.join(path.dirname(asarPath), "build", iconFile);
+}
diff --git a/apps/desktop/src/ipc.test.ts b/apps/desktop/src/ipc.test.ts
new file mode 100644
index 00000000000..5b69168f75a
--- /dev/null
+++ b/apps/desktop/src/ipc.test.ts
@@ -0,0 +1,36 @@
+/*
+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 { expect, describe, it, vi } from "vitest";
+import { ipcMain, type IpcMainInvokeEvent } from "electron";
+
+import { getConfig } from "./config.js";
+
+vi.mock("electron", () => ({
+    ipcMain: {
+        on: vi.fn(),
+        once: vi.fn(),
+        handle: vi.fn(),
+    },
+}));
+
+vi.mock("./config.js");
+
+describe("getConfig", () => {
+    it("should call config.getConfig and return the value", async () => {
+        const config = { brand: "BRAND", help_url: "HELP_URL", web_base_url: "WEB_BASE_URL" };
+        vi.mocked(getConfig).mockReturnValue(config);
+
+        await import("./ipc.js");
+
+        const handler = vi.mocked(ipcMain.handle).mock.calls.find(([channel]) => channel === "getConfig")?.[1];
+        expect(handler).toBeDefined();
+
+        expect(handler!(new Event("test") as unknown as IpcMainInvokeEvent)).toStrictEqual(config);
+        expect(getConfig).toHaveBeenCalled();
+    });
+});
diff --git a/apps/desktop/src/ipc.ts b/apps/desktop/src/ipc.ts
new file mode 100644
index 00000000000..229a525662b
--- /dev/null
+++ b/apps/desktop/src/ipc.ts
@@ -0,0 +1,228 @@
+/*
+Copyright 2022-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 { app, autoUpdater, desktopCapturer, ipcMain, powerSaveBlocker, TouchBar, nativeImage } from "electron";
+
+import IpcMainEvent = Electron.IpcMainEvent;
+import { randomArray } from "./utils.js";
+import { getDisplayMediaCallback, setDisplayMediaCallback } from "./displayMediaCallback.js";
+import Store, { clearDataAndRelaunch } from "./store.js";
+import { getConfig } from "./config.js";
+
+let focusHandlerAttached = false;
+ipcMain.on("loudNotification", function (): void {
+    if (process.platform === "win32" || process.platform === "linux") {
+        if (global.mainWindow && !global.mainWindow.isFocused() && !focusHandlerAttached) {
+            global.mainWindow.flashFrame(true);
+            global.mainWindow.once("focus", () => {
+                global.mainWindow?.flashFrame(false);
+                focusHandlerAttached = false;
+            });
+            focusHandlerAttached = true;
+        }
+    }
+});
+
+let powerSaveBlockerId: number | null = null;
+ipcMain.on("app_onAction", function (_ev: IpcMainEvent, payload) {
+    switch (payload.action) {
+        case "call_state": {
+            if (powerSaveBlockerId !== null && powerSaveBlocker.isStarted(powerSaveBlockerId)) {
+                if (payload.state === "ended") {
+                    powerSaveBlocker.stop(powerSaveBlockerId);
+                    powerSaveBlockerId = null;
+                }
+            } else {
+                if (powerSaveBlockerId === null && payload.state === "connected") {
+                    powerSaveBlockerId = powerSaveBlocker.start("prevent-display-sleep");
+                }
+            }
+            break;
+        }
+    }
+});
+
+ipcMain.on("ipcCall", async function (_ev: IpcMainEvent, payload) {
+    const store = Store.instance;
+    if (!global.mainWindow || !store) return;
+
+    const args = payload.args || [];
+    let ret: any;
+
+    switch (payload.name) {
+        case "getUpdateFeedUrl":
+            ret = autoUpdater.getFeedURL();
+            break;
+        case "setLanguage":
+            global.appLocalization.setAppLocale(args[0]);
+            break;
+        case "getAppVersion":
+            ret = app.getVersion();
+            break;
+        case "focusWindow":
+            if (global.mainWindow.isMinimized()) {
+                global.mainWindow.restore();
+            } else {
+                global.mainWindow.show();
+                global.mainWindow.focus();
+            }
+            break;
+
+        case "navigateBack":
+            if (global.mainWindow.webContents.canGoBack()) {
+                global.mainWindow.webContents.goBack();
+            }
+            break;
+        case "navigateForward":
+            if (global.mainWindow.webContents.canGoForward()) {
+                global.mainWindow.webContents.goForward();
+            }
+            break;
+        case "setSpellCheckEnabled":
+            if (typeof args[0] !== "boolean") return;
+
+            global.mainWindow.webContents.session.setSpellCheckerEnabled(args[0]);
+            store.set("spellCheckerEnabled", args[0]);
+            break;
+
+        case "getSpellCheckEnabled":
+            ret = store.get("spellCheckerEnabled");
+            break;
+
+        case "setSpellCheckLanguages":
+            try {
+                global.mainWindow.webContents.session.setSpellCheckerLanguages(args[0]);
+            } catch (er) {
+                console.log("There were problems setting the spellcheck languages", er);
+            }
+            break;
+
+        case "getSpellCheckLanguages":
+            ret = global.mainWindow.webContents.session.getSpellCheckerLanguages();
+            break;
+        case "getAvailableSpellCheckLanguages":
+            ret = global.mainWindow.webContents.session.availableSpellCheckerLanguages;
+            break;
+
+        case "getPickleKey":
+            try {
+                ret = await store.getSecret(`${args[0]}|${args[1]}`);
+            } catch {
+                // if an error is thrown (e.g. we can't initialise safeStorage),
+                // then return null, which means the default pickle key will be used
+                ret = null;
+            }
+            break;
+
+        case "createPickleKey":
+            try {
+                const pickleKey = await randomArray(32);
+                await store.setSecret(`${args[0]}|${args[1]}`, pickleKey);
+                ret = pickleKey;
+            } catch (e) {
+                console.error("Failed to create pickle key", e);
+                ret = null;
+            }
+            break;
+
+        case "destroyPickleKey":
+            try {
+                await store.deleteSecret(`${args[0]}|${args[1]}`);
+            } catch (e) {
+                console.error("Failed to destroy pickle key", e);
+            }
+            break;
+        case "getDesktopCapturerSources":
+            ret = (await desktopCapturer.getSources(args[0])).map((source) => ({
+                id: source.id,
+                name: source.name,
+                thumbnailURL: source.thumbnail.toDataURL(),
+            }));
+            break;
+        case "callDisplayMediaCallback":
+            getDisplayMediaCallback()?.({ video: args[0] });
+            setDisplayMediaCallback(null);
+            ret = null;
+            break;
+
+        case "clearStorage":
+            await clearDataAndRelaunch(global.mainWindow.webContents.session);
+            return; // the app is about to stop, we don't need to reply to the IPC
+
+        case "breadcrumbs": {
+            if (process.platform === "darwin") {
+                const { TouchBarPopover, TouchBarButton } = TouchBar;
+
+                const recentsBar = new TouchBar({
+                    items: args[0].map((r: { roomId: string; avatarUrl: string | null; initial: string }) => {
+                        const defaultColors = ["#0DBD8B", "#368bd6", "#ac3ba8"];
+                        let total = 0;
+                        for (let i = 0; i < r.roomId.length; ++i) {
+                            total += r.roomId.charCodeAt(i);
+                        }
+
+                        const button = new TouchBarButton({
+                            label: r.initial,
+                            backgroundColor: defaultColors[total % defaultColors.length],
+                            click: (): void => {
+                                void global.mainWindow?.loadURL(`vector://vector/webapp/#/room/${r.roomId}`);
+                            },
+                        });
+                        if (r.avatarUrl) {
+                            void fetch(r.avatarUrl)
+                                .then((resp) => {
+                                    if (!resp.ok) return;
+                                    return resp.arrayBuffer();
+                                })
+                                .then((arrayBuffer) => {
+                                    if (!arrayBuffer) return;
+                                    const buffer = Buffer.from(arrayBuffer);
+                                    button.icon = nativeImage.createFromBuffer(buffer);
+                                    button.label = "";
+                                    button.backgroundColor = "";
+                                });
+                        }
+                        return button;
+                    }),
+                });
+
+                const touchBar = new TouchBar({
+                    items: [
+                        new TouchBarPopover({
+                            label: "Recents",
+                            showCloseButton: true,
+                            items: recentsBar,
+                        }),
+                    ],
+                });
+                global.mainWindow.setTouchBar(touchBar);
+            }
+            break;
+        }
+
+        default:
+            global.mainWindow.webContents.send("ipcReply", {
+                id: payload.id,
+                error: "Unknown IPC Call: " + payload.name,
+            });
+            return;
+    }
+
+    global.mainWindow?.webContents.send("ipcReply", {
+        id: payload.id,
+        reply: ret,
+    });
+});
+
+ipcMain.handle("getConfig", getConfig);
+
+const initialisePromiseWithResolvers = Promise.withResolvers<void>();
+export const initialisePromise = initialisePromiseWithResolvers.promise;
+
+ipcMain.once("initialise", () => {
+    initialisePromiseWithResolvers.resolve();
+});
diff --git a/apps/desktop/src/language-helper.ts b/apps/desktop/src/language-helper.ts
new file mode 100644
index 00000000000..1194810902a
--- /dev/null
+++ b/apps/desktop/src/language-helper.ts
@@ -0,0 +1,137 @@
+/*
+Copyright 2021-2024 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 counterpart from "counterpart";
+import { type TranslationKey as TKey } from "matrix-web-i18n";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+import type EN from "./i18n/strings/en_EN.json";
+import { loadJsonFile } from "./utils.js";
+import type Store from "./store.js";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const FALLBACK_LOCALE = "en";
+
+type TranslationKey = TKey<typeof EN>;
+
+type SubstitutionValue = number | string;
+
+interface Variables {
+    [key: string]: SubstitutionValue | undefined;
+    count?: number;
+}
+
+export function _t(text: TranslationKey, variables: Variables = {}): string {
+    const { count } = variables;
+
+    // Horrible hack to avoid https://github.com/vector-im/element-web/issues/4191
+    // The interpolation library that counterpart uses does not support undefined/null
+    // values and instead will throw an error. This is a problem since everywhere else
+    // in JS land passing undefined/null will simply stringify instead, and when converting
+    // valid ES6 template strings to i18n strings it's extremely easy to pass undefined/null
+    // if there are no existing null guards. To avoid this making the app completely inoperable,
+    // we'll check all the values for undefined/null and stringify them here.
+    Object.keys(variables).forEach((key) => {
+        if (variables[key] === undefined) {
+            console.warn("safeCounterpartTranslate called with undefined interpolation name: " + key);
+            variables[key] = "undefined";
+        }
+        if (variables[key] === null) {
+            console.warn("safeCounterpartTranslate called with null interpolation name: " + key);
+            variables[key] = "null";
+        }
+    });
+    let translated = counterpart.translate(text, variables);
+    if (!translated && count !== undefined) {
+        // counterpart does not do fallback if no pluralisation exists in the preferred language, so do it here
+        translated = counterpart.translate(text, { ...variables, locale: FALLBACK_LOCALE });
+    }
+
+    // The translation returns text so there's no XSS vector here (no unsafe HTML, no code execution)
+    return translated;
+}
+
+type Component = () => void;
+
+export class AppLocalization {
+    private static readonly STORE_KEY = "locale";
+
+    private readonly localizedComponents?: Set<Component>;
+    private readonly store: Store;
+
+    public constructor({ components = [], store }: { components: Component[]; store: Store }) {
+        counterpart.registerTranslations(FALLBACK_LOCALE, this.fetchTranslationJson("en_EN"));
+        counterpart.setFallbackLocale(FALLBACK_LOCALE);
+        counterpart.setSeparator("|");
+
+        this.store = store;
+        if (Array.isArray(components)) {
+            this.localizedComponents = new Set(components);
+        }
+
+        if (store.has(AppLocalization.STORE_KEY)) {
+            const locales = store.get(AppLocalization.STORE_KEY);
+            this.setAppLocale(locales!);
+        }
+
+        this.resetLocalizedUI();
+    }
+
+    // Format language strings from normalized form to non-normalized form (e.g. en-gb to en_GB)
+    private denormalize(locale: string): string {
+        if (locale === "en") {
+            locale = "en_EN";
+        }
+        const parts = locale.split("-");
+        if (parts.length > 1) {
+            parts[1] = parts[1].toUpperCase();
+        }
+        return parts.join("_");
+    }
+
+    public fetchTranslationJson(locale: string): Record<string, string> {
+        try {
+            console.log("Fetching translation json for locale: " + locale);
+            return loadJsonFile(__dirname, "i18n", "strings", `${this.denormalize(locale)}.json`);
+        } catch (e) {
+            console.log(`Could not fetch translation json for locale: '${locale}'`, e);
+            return {};
+        }
+    }
+
+    public setAppLocale(locales: string | string[]): void {
+        console.log(`Changing application language to ${locales}`);
+
+        if (!Array.isArray(locales)) {
+            locales = [locales];
+        }
+
+        const chosenLocale = locales.find((locale) => {
+            const translations = this.fetchTranslationJson(locale);
+            if (translations !== null) {
+                counterpart.registerTranslations(locale, translations);
+            }
+            return !!translations;
+        });
+
+        counterpart.setLocale(chosenLocale!);
+        this.store.set(AppLocalization.STORE_KEY, locales);
+
+        this.resetLocalizedUI();
+    }
+
+    public resetLocalizedUI(): void {
+        console.log("Resetting the UI components after locale change");
+        this.localizedComponents?.forEach((componentSetup) => {
+            if (typeof componentSetup === "function") {
+                componentSetup();
+            }
+        });
+    }
+}
diff --git a/apps/desktop/src/macos-titlebar.test.ts b/apps/desktop/src/macos-titlebar.test.ts
new file mode 100644
index 00000000000..5a9a5f2ab9e
--- /dev/null
+++ b/apps/desktop/src/macos-titlebar.test.ts
@@ -0,0 +1,229 @@
+/*
+Copyright 2026 Spencer Poisseroux
+Copyright 2026 hayaksi1
+
+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 { afterEach, describe, expect, it, vi, type Mock } from "vitest";
+import type { BrowserWindow } from "electron";
+
+import { buildTitleBarCss, setupMacosTitleBar, TITLE_BAR_HEIGHT_PX } from "./macos-titlebar.js";
+
+/**
+ * Extract the declaration block for the first rule whose selector list contains the given selector.
+ */
+function ruleBlock(css: string, selector: string): string {
+    const escaped = selector.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const blockMatch = new RegExp(`[^{}]*${escaped}[^{}]*\\{([^}]*)\\}`).exec(css);
+    expect(blockMatch, `expected a rule block for "${selector}"`).not.toBeNull();
+    return blockMatch![1];
+}
+
+describe("buildTitleBarCss", () => {
+    const css = buildTitleBarCss();
+
+    it("returns a non-empty CSS string", () => {
+        expect(typeof css).toBe("string");
+        expect(css.length).toBeGreaterThan(0);
+    });
+
+    it("draws the title bar band at the designed height", () => {
+        const bar = ruleBlock(css, "body::before");
+        expect(bar).toMatch(new RegExp(`height:\\s*${TITLE_BAR_HEIGHT_PX}px`));
+        expect(bar).toMatch(/position:\s*fixed/);
+    });
+
+    it("styles the title bar with the canvas background and separator tokens", () => {
+        // Matches the design spec: bg/canvas/default fill with a 1px separator/primary hairline below.
+        const bar = ruleBlock(css, "body::before");
+        expect(bar).toMatch(/background:\s*var\(--cpd-color-bg-canvas-default\b/);
+        expect(bar).toMatch(/border-bottom:\s*1px\s+solid\s+var\(--cpd-color-separator-primary\b/);
+    });
+
+    it("makes the title bar a drag handle", () => {
+        expect(ruleBlock(css, "body::before")).toMatch(/-webkit-app-region:\s*drag/);
+    });
+
+    it("pushes the app content below the title bar band", () => {
+        const body = ruleBlock(css, "body");
+        expect(body).toMatch(new RegExp(`padding-top:\\s*${TITLE_BAR_HEIGHT_PX}px`));
+        expect(body).toMatch(/box-sizing:\s*border-box/);
+    });
+
+    it("keeps the window draggable through an overlapping dialog panel", () => {
+        // Regression guard: a blanket `.mx_Dialog`/`.mx_Dialog_border` no-drag carves the panel
+        // (incl. the Glass border) out of the band, killing the drag where a centred dialog overlaps
+        // it. The panel must stay transparent to the drag calc so body::before shows through.
+        expect(css).not.toMatch(/(^|[^_-])\.mx_Dialog\s*\{[^}]*no-drag/);
+        expect(css).not.toMatch(/\.mx_Dialog_border\b[^{]*\{[^}]*no-drag/);
+    });
+
+    it("does not gate the drag region on a modal being open", () => {
+        // Regression guard: an earlier draft no-dragged the whole bar via the aria-hidden modal
+        // signal, making the window undraggable with e.g. the settings dialog open.
+        expect(css).not.toContain("aria-hidden");
+    });
+
+    it("keeps floating portal overlays clickable within the band", () => {
+        // Compound menus/tooltips render in body-level portals and can open anywhere, incl. the band.
+        expect(css).toMatch(/\[data-radix-popper-content-wrapper\][^{]*\{[^}]*-webkit-app-region:\s*no-drag/);
+    });
+
+    it("no longer carves per-surface drag strips into the app chrome", () => {
+        // The dedicated bar replaces the old hacks; their reappearance would double up the offset.
+        expect(css).not.toContain(".mx_LeftPanel::before");
+        expect(css).not.toContain(".mx_RoomView::before");
+        expect(css).not.toContain(".mx_SpaceRoomView::before");
+        expect(css).not.toContain(".mx_UserMenu");
+        expect(css).not.toContain(".mx_SpacePanel");
+    });
+
+    it("keeps the lightbox sender info clear of the traffic lights", () => {
+        expect(ruleBlock(css, ".mx_ImageView_info_wrapper")).toMatch(
+            new RegExp(`margin-top:\\s*${TITLE_BAR_HEIGHT_PX}px`),
+        );
+    });
+
+    it("keeps the lightbox header a drag handle with interactive elements excluded", () => {
+        expect(ruleBlock(css, ".mx_ImageView_panel")).toMatch(/-webkit-app-region:\s*drag/);
+        expect(css).toMatch(/\.mx_ImageView_panel\s*>\s*\.mx_ImageView_toolbar\s*>\s*\*\s*\{[^}]*no-drag/);
+    });
+
+    it("keeps context menus excluded from the drag region (no-drag)", () => {
+        expect(ruleBlock(css, ".mx_ContextualMenu")).toMatch(/-webkit-app-region:\s*no-drag/);
+    });
+
+    it("keeps iframes excluded from the drag region (no-drag)", () => {
+        // iframes (e.g. recaptcha, widgets) must remain interactive.
+        expect(css).toMatch(/iframe\s*\{[^}]*-webkit-app-region:\s*no-drag/);
+    });
+});
+
+describe("setupMacosTitleBar", () => {
+    /** Minimal `BrowserWindow` stand-in: the module only ever touches these members. */
+    function mockWindow(): {
+        window: BrowserWindow;
+        windowHandlers: Map<string, () => void>;
+        webContentsHandlers: Map<string, () => void>;
+        insertCSS: Mock;
+        removeInsertedCSS: Mock;
+        isFullScreen: Mock;
+    } {
+        const windowHandlers = new Map<string, () => void>();
+        const webContentsHandlers = new Map<string, () => void>();
+        const insertCSS = vi.fn<(css: string) => Promise<string>>().mockResolvedValue("css-key-1");
+        const removeInsertedCSS = vi.fn<(key: string) => Promise<void>>().mockResolvedValue(undefined);
+        const isFullScreen = vi.fn<() => boolean>().mockReturnValue(false);
+
+        const window = {
+            on: vi.fn((event: string, handler: () => void) => {
+                windowHandlers.set(event, handler);
+            }),
+            isFullScreen,
+            webContents: {
+                on: vi.fn((event: string, handler: () => void) => {
+                    webContentsHandlers.set(event, handler);
+                }),
+                insertCSS,
+                removeInsertedCSS,
+            },
+        } as unknown as BrowserWindow;
+
+        return { window, windowHandlers, webContentsHandlers, insertCSS, removeInsertedCSS, isFullScreen };
+    }
+
+    /**
+     * The listeners are `() => void` and start `applyStyling()` without awaiting it, so awaiting a handler's
+     * own return value would prove nothing. Yield to the macrotask queue instead, which drains the pending
+     * microtasks and lets that fire-and-forget promise settle before we assert on its effects.
+     */
+    function flushStyling(): Promise<void> {
+        return new Promise((resolve) => setTimeout(resolve, 0));
+    }
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("does nothing on non-darwin platforms", () => {
+        vi.spyOn(process, "platform", "get").mockReturnValue("win32");
+        const { window, insertCSS } = mockWindow();
+
+        setupMacosTitleBar(window);
+
+        expect(window.on).not.toHaveBeenCalled();
+        expect(window.webContents.on).not.toHaveBeenCalled();
+        expect(insertCSS).not.toHaveBeenCalled();
+    });
+
+    it("registers the full-screen and load listeners on darwin", () => {
+        vi.spyOn(process, "platform", "get").mockReturnValue("darwin");
+        const { window } = mockWindow();
+
+        setupMacosTitleBar(window);
+
+        expect(window.on).toHaveBeenCalledWith("enter-full-screen", expect.any(Function));
+        expect(window.on).toHaveBeenCalledWith("leave-full-screen", expect.any(Function));
+        expect(window.webContents.on).toHaveBeenCalledWith("did-finish-load", expect.any(Function));
+    });
+
+    it("injects the title bar CSS once the page has loaded", async () => {
+        vi.spyOn(process, "platform", "get").mockReturnValue("darwin");
+        const { window, webContentsHandlers, insertCSS } = mockWindow();
+
+        setupMacosTitleBar(window);
+        webContentsHandlers.get("did-finish-load")!();
+        await flushStyling();
+
+        expect(insertCSS).toHaveBeenCalledOnce();
+        expect(insertCSS).toHaveBeenCalledWith(buildTitleBarCss());
+    });
+
+    it("does not inject the CSS if the window loads while already full screen", async () => {
+        vi.spyOn(process, "platform", "get").mockReturnValue("darwin");
+        const { window, webContentsHandlers, insertCSS, isFullScreen } = mockWindow();
+        isFullScreen.mockReturnValue(true);
+
+        setupMacosTitleBar(window);
+        webContentsHandlers.get("did-finish-load")!();
+        await flushStyling();
+
+        expect(insertCSS).not.toHaveBeenCalled();
+    });
+
+    it("removes the injected CSS when entering full screen", async () => {
+        vi.spyOn(process, "platform", "get").mockReturnValue("darwin");
+        const { window, windowHandlers, webContentsHandlers, removeInsertedCSS } = mockWindow();
+
+        setupMacosTitleBar(window);
+        webContentsHandlers.get("did-finish-load")!();
+        await flushStyling();
+        windowHandlers.get("enter-full-screen")!();
+
+        expect(removeInsertedCSS).toHaveBeenCalledWith("css-key-1");
+    });
+
+    it("does not attempt to remove the CSS if none was ever injected", async () => {
+        vi.spyOn(process, "platform", "get").mockReturnValue("darwin");
+        const { window, windowHandlers, removeInsertedCSS } = mockWindow();
+
+        setupMacosTitleBar(window);
+        windowHandlers.get("enter-full-screen")!();
+        await flushStyling();
+
+        expect(removeInsertedCSS).not.toHaveBeenCalled();
+    });
+
+    it("re-injects the CSS when leaving full screen", async () => {
+        vi.spyOn(process, "platform", "get").mockReturnValue("darwin");
+        const { window, windowHandlers, insertCSS } = mockWindow();
+
+        setupMacosTitleBar(window);
+        windowHandlers.get("leave-full-screen")!();
+        await flushStyling();
+
+        expect(insertCSS).toHaveBeenCalledWith(buildTitleBarCss());
+    });
+});
diff --git a/apps/desktop/src/macos-titlebar.ts b/apps/desktop/src/macos-titlebar.ts
new file mode 100644
index 00000000000..22c18830bd9
--- /dev/null
+++ b/apps/desktop/src/macos-titlebar.ts
@@ -0,0 +1,135 @@
+/*
+Copyright 2023, 2024 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 { BrowserWindow } from "electron";
+
+/**
+ * Height of the styled title bar band, matching the design spec
+ * (https://www.figma.com/design/MAUsalKv7bRRNKlAAigtNd/Community-contributions?node-id=76-12996).
+ * The `trafficLightPosition` in `electron-main.ts` vertically centres the native window controls
+ * within this band — keep the two in sync.
+ */
+export const TITLE_BAR_HEIGHT_PX = 32;
+
+/**
+ * Build the CSS injected into the renderer to draw the macOS title bar band.
+ *
+ * `electron-main.ts` uses `titleBarStyle: "hidden"`, which keeps the native window frame, rounded
+ * corners and traffic lights but removes the native bar surface. This CSS paints that surface: a
+ * full-width strip at the top of the window in the canvas background colour with a hairline
+ * separator underneath, and pushes the app content below it. The strip is the window's drag
+ * handle.
+ *
+ * The drag region is built from `-webkit-app-region` rects only: elements keep the default value
+ * (`none`) and are ignored unless they explicitly set `drag`/`no-drag`. So the band stays draggable
+ * underneath any overlay whose surface is transparent to the calc (a dialog's backdrop, a menu's
+ * container), and an overlay panel that a user clicks (dialog panels, context menus, the lightbox
+ * chrome) sets `no-drag` so its rect is subtracted and it stays interactive. An element must never
+ * be both clickable and a drag handle.
+ *
+ * Extracted as a pure helper so the string contract can be unit-tested (see macos-titlebar.test.ts).
+ */
+export function buildTitleBarCss(): string {
+    return `
+            /* Reserve a band at the top of the window for the title bar */
+            body {
+                box-sizing: border-box;
+                height: 100%;
+                padding-top: ${TITLE_BAR_HEIGHT_PX}px !important;
+            }
+
+            /* The title bar itself: canvas background with a hairline separator below */
+            body::before {
+                content: "";
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                height: ${TITLE_BAR_HEIGHT_PX}px;
+                box-sizing: border-box;
+                /* Fallback colours for pages loaded without the app themes (e.g. the error view) */
+                background: var(--cpd-color-bg-canvas-default, #ffffff);
+                border-bottom: 1px solid var(--cpd-color-separator-primary, #e1e6ec);
+                -webkit-app-region: drag;
+                -webkit-user-select: none;
+            }
+
+            /* Exclude floating menus and tooltips, which render in body-level portals */
+            [data-radix-popper-content-wrapper] {
+                -webkit-app-region: no-drag;
+            }
+
+            /* Mark the splash screen as a drag handle */
+            .mx_MatrixChat_splash {
+                -webkit-app-region: drag;
+            }
+            /* Exclude the splash buttons from being drag handles */
+            .mx_MatrixChat_splashButtons {
+                -webkit-app-region: no-drag;
+            }
+
+            /* Mark the background as a drag handle */
+            .mx_AuthPage {
+                -webkit-app-region: drag;
+            }
+            /* Exclude the main content elements from being drag handles */
+            .mx_AuthPage .mx_AuthPage_modalContent,
+            .mx_AuthPage .mx_AuthPage_modalBlur,
+            .mx_AuthPage .mx_AuthFooter > *,
+            .mx_AuthPage .mx_Dropdown_menu {
+                -webkit-app-region: no-drag;
+            }
+
+            /* The image lightbox covers the whole window, including the title bar band; keep its
+               sender info clear of the traffic lights, and let its header double as a drag handle */
+            .mx_ImageView_info_wrapper {
+                margin-top: ${TITLE_BAR_HEIGHT_PX}px;
+            }
+            .mx_ImageView_panel {
+                -webkit-app-region: drag;
+            }
+            /* Exclude header interactive elements from being drag handles */
+            .mx_ImageView_panel > .mx_ImageView_info_wrapper,
+            .mx_ImageView_panel > .mx_ImageView_title,
+            .mx_ImageView_panel > .mx_ImageView_toolbar > * {
+                -webkit-app-region: no-drag;
+            }
+
+            /* Exclude context menus and their backgrounds, which may open within the band */
+            .mx_ContextualMenu, .mx_ContextualMenu_background {
+                -webkit-app-region: no-drag;
+            }
+            /* Exclude iframes, such as recaptcha */
+            iframe {
+                -webkit-app-region: no-drag;
+            }
+        `;
+}
+
+export function setupMacosTitleBar(window: BrowserWindow): void {
+    if (process.platform !== "darwin") return;
+
+    let cssKey: string | undefined;
+
+    async function applyStyling(): Promise<void> {
+        cssKey = await window.webContents.insertCSS(buildTitleBarCss());
+    }
+
+    window.on("enter-full-screen", () => {
+        if (cssKey !== undefined) {
+            void window.webContents.removeInsertedCSS(cssKey);
+        }
+    });
+    window.on("leave-full-screen", () => {
+        void applyStyling();
+    });
+    window.webContents.on("did-finish-load", () => {
+        if (!window.isFullScreen()) {
+            void applyStyling();
+        }
+    });
+}
diff --git a/apps/desktop/src/media-auth.ts b/apps/desktop/src/media-auth.ts
new file mode 100644
index 00000000000..c2b015f7053
--- /dev/null
+++ b/apps/desktop/src/media-auth.ts
@@ -0,0 +1,106 @@
+/*
+Copyright 2024 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 BrowserWindow, ipcMain, session } from "electron";
+
+/**
+ * Check for feature support from the server.
+ * This requires asking the renderer process for supported versions.
+ */
+async function getSupportedVersions(window: BrowserWindow): Promise<string[]> {
+    return new Promise((resolve) => {
+        ipcMain.once("serverSupportedVersions", (_, versionsResponse) => {
+            resolve(versionsResponse?.versions || []);
+        });
+        window.webContents.send("serverSupportedVersions"); // ping now that the listener exists
+    });
+}
+
+/**
+ * Get the access token for the user.
+ * This requires asking the renderer process for the access token.
+ */
+async function getAccessToken(window: BrowserWindow): Promise<string | undefined> {
+    return new Promise((resolve) => {
+        ipcMain.once("userAccessToken", (_, accessToken) => {
+            resolve(accessToken);
+        });
+        window.webContents.send("userAccessToken"); // ping now that the listener exists
+    });
+}
+
+/**
+ * Get the homeserver url
+ * This requires asking the renderer process for the homeserver url.
+ */
+async function getHomeserverUrl(window: BrowserWindow): Promise<string> {
+    return new Promise((resolve) => {
+        ipcMain.once("homeserverUrl", (_, homeserver) => {
+            resolve(homeserver);
+        });
+        window.webContents.send("homeserverUrl"); // ping now that the listener exists
+    });
+}
+
+export function setupMediaAuth(window: BrowserWindow): void {
+    session.defaultSession.webRequest.onBeforeRequest(async (req, callback) => {
+        // This handler emulates the element-web service worker, where URLs are rewritten late in the request
+        // for backwards compatibility. As authenticated media becomes more prevalent, this should be replaced
+        // by the app using authenticated URLs from the outset.
+        try {
+            const url = new URL(req.url);
+            if (
+                !url.pathname.startsWith("/_matrix/media/v3/download") &&
+                !url.pathname.startsWith("/_matrix/media/v3/thumbnail")
+            ) {
+                return callback({}); // not a URL we care about
+            }
+
+            const supportedVersions = await getSupportedVersions(window);
+            // We have to check that the access token is truthy otherwise we'd be intercepting pre-login media request too,
+            // e.g. those required for SSO button icons.
+            const accessToken = await getAccessToken(window);
+            if (supportedVersions.includes("v1.11") && accessToken) {
+                url.href = url.href.replace(/\/media\/v3\/(.*)\//, "/client/v1/media/$1/");
+                return callback({ redirectURL: url.toString() });
+            } else {
+                return callback({}); // no support == no modification
+            }
+        } catch (e) {
+            console.error(e);
+        }
+    });
+
+    session.defaultSession.webRequest.onBeforeSendHeaders(async (req, callback) => {
+        try {
+            const url = new URL(req.url);
+            if (!url.pathname.startsWith("/_matrix/client/v1/media")) {
+                return callback({}); // invoke unmodified
+            }
+
+            // Is this request actually going to the homeserver?
+            // We don't combine this check with the one above on purpose.
+            // We're fetching the homeserver url through IPC and should do so
+            // as sparingly as possible.
+            const homeserver = await getHomeserverUrl(window);
+            const isRequestToHomeServer = homeserver && url.origin === new URL(homeserver).origin;
+            if (!isRequestToHomeServer) {
+                return callback({}); // invoke unmodified
+            }
+
+            // Only add authorization header to authenticated media URLs. This emulates the service worker
+            // behaviour in element-web.
+            const accessToken = await getAccessToken(window);
+            // `accessToken` can be falsy, but if we're trying to download media without authentication
+            // then we should expect failure anyway.
+            const headers = { ...req.requestHeaders, Authorization: `Bearer ${accessToken}` };
+            return callback({ requestHeaders: headers });
+        } catch (e) {
+            console.error(e);
+        }
+    });
+}
diff --git a/apps/desktop/src/preload.cts b/apps/desktop/src/preload.cts
new file mode 100644
index 00000000000..8425b7b82e3
--- /dev/null
+++ b/apps/desktop/src/preload.cts
@@ -0,0 +1,80 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018, 2019 , 2021 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.
+*/
+
+// This file is compiled to CommonJS rather than ESM otherwise the browser chokes on the import statement.
+
+import { ipcRenderer, contextBridge, type IpcRendererEvent } from "electron";
+import type { ConfigOptions } from "./config.js" with { "resolution-mode": "import" };
+
+// Expose only expected IPC wrapper APIs to the renderer process to avoid
+// handing out generalised messaging access.
+
+const CHANNELS = [
+    "app_onAction",
+    "before-quit",
+    "check_updates",
+    "install_update",
+    "ipcCall",
+    "ipcReply",
+    "loudNotification",
+    "preferences",
+    "seshat",
+    "seshatReply",
+    "setBadgeCount",
+    "update-downloaded",
+    "userDownloadCompleted",
+    "userDownloadAction",
+    "openDesktopCapturerSourcePicker",
+    "userAccessToken",
+    "homeserverUrl",
+    "serverSupportedVersions",
+    "showToast",
+];
+
+contextBridge.exposeInMainWorld("electron", {
+    on(channel: string, listener: (event: IpcRendererEvent, ...args: any[]) => void): void {
+        if (!CHANNELS.includes(channel)) {
+            console.error(`Unknown IPC channel ${channel} ignored`);
+            return;
+        }
+        ipcRenderer.on(channel, listener);
+    },
+    send(channel: string, ...args: any[]): void {
+        if (!CHANNELS.includes(channel)) {
+            console.error(`Unknown IPC channel ${channel} ignored`);
+            return;
+        }
+        ipcRenderer.send(channel, ...args);
+    },
+
+    async initialise(): Promise<{
+        protocol: string;
+        sessionId: string;
+        config: ConfigOptions;
+        supportedSettings: Record<string, boolean>;
+        /**
+         * Do we need to render badge overlays for new notifications?
+         */
+        supportsBadgeOverlay: boolean;
+    }> {
+        ipcRenderer.emit("initialise");
+        const [{ protocol, sessionId }, config, supportedSettings] = await Promise.all([
+            ipcRenderer.invoke("getProtocol"),
+            ipcRenderer.invoke("getConfig"),
+            ipcRenderer.invoke("getSupportedSettings"),
+        ]);
+        return { protocol, sessionId, config, supportedSettings, supportsBadgeOverlay: process.platform === "win32" };
+    },
+
+    async setSettingValue(settingName: string, value: any): Promise<void> {
+        return ipcRenderer.invoke("setSettingValue", settingName, value);
+    },
+    async getSettingValue(settingName: string): Promise<any> {
+        return ipcRenderer.invoke("getSettingValue", settingName);
+    },
+});
diff --git a/apps/desktop/src/protocol.test.ts b/apps/desktop/src/protocol.test.ts
new file mode 100644
index 00000000000..2f85301623b
--- /dev/null
+++ b/apps/desktop/src/protocol.test.ts
@@ -0,0 +1,173 @@
+/*
+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 { expect, describe, it, beforeEach, vi } from "vitest";
+import { fs as memfs, vol } from "memfs";
+import EventEmitter from "node:events";
+import { app } from "electron";
+
+import ProtocolHandler from "./protocol.js";
+
+const TEST_PROTOCOL = "test.proto";
+const TEST_SESSION_ID = "test_session_id";
+const USER_DATA_DIR = "/Users/name/Library/Application Support/Element";
+
+vi.mock("node:fs", () => ({ default: memfs }));
+vi.mock("electron", () => {
+    const emitter = new EventEmitter();
+
+    return {
+        app: {
+            isPackaged: true,
+            getPath: vi.fn().mockReturnValue("/Users/name/Library/Application Support/Element"),
+            getAppPath: vi.fn().mockReturnValue("/bin/element-desktop"),
+            setAsDefaultProtocolClient: vi.fn(),
+            on: emitter.on.bind(emitter),
+            emit: emitter.emit.bind(emitter),
+            removeAllListeners: emitter.removeAllListeners.bind(emitter),
+        },
+        ipcMain: {
+            handle: vi.fn(),
+        },
+    };
+});
+
+beforeEach(() => {
+    // Reset the state of the in-memory fs
+    vol.reset();
+    // Clear the event emitter
+    app.removeAllListeners();
+});
+
+describe("ProtocolHandler", () => {
+    beforeEach(() => {
+        vol.fromJSON(
+            {
+                "./sso-sessions.json": JSON.stringify({ [TEST_SESSION_ID]: USER_DATA_DIR }),
+            },
+            USER_DATA_DIR,
+        );
+    });
+
+    describe("getProfileFromDeeplink", () => {
+        const handler = new ProtocolHandler(TEST_PROTOCOL);
+
+        it("should handle legacy SSO URIs", () => {
+            expect(
+                handler.getProfileFromDeeplink([
+                    "Element.app",
+                    `element://vector/webapp/?element-desktop-ssoid=${TEST_SESSION_ID}`,
+                ]),
+            ).toBe(USER_DATA_DIR);
+        });
+
+        it("should handle OIDC URIs with response_mode=query", () => {
+            expect(
+                handler.getProfileFromDeeplink([
+                    "Element.app",
+                    `${TEST_PROTOCOL}:/vector/webapp/?no_universal_links=true&code=DEADBEEF&state=foobar:element-desktop-ssoid:${TEST_SESSION_ID}`,
+                ]),
+            ).toBe(USER_DATA_DIR);
+        });
+
+        it("should handle OIDC URIs with response_mode=fragment", () => {
+            expect(
+                handler.getProfileFromDeeplink([
+                    "Element.app",
+                    `${TEST_PROTOCOL}:/vector/webapp/?no_universal_links=true#code=DEADBEEF&state=foobar:element-desktop-ssoid:${TEST_SESSION_ID}`,
+                ]),
+            ).toBe(USER_DATA_DIR);
+        });
+
+        it("should handle malformed OIDC URIs gracefully", () => {
+            expect(
+                handler.getProfileFromDeeplink([
+                    "Element.app",
+                    `${TEST_PROTOCOL}:/vector/webapp/?no_universal_links=true#code=DEADBEEF:element-desktop-ssoid:${TEST_SESSION_ID}`,
+                ]),
+            ).toBeUndefined();
+        });
+
+        it("should handle unrelated URIs gracefully", () => {
+            expect(handler.getProfileFromDeeplink(["Element.app", `${TEST_PROTOCOL}:/vector/webapp/`])).toBeUndefined();
+            expect(handler.getProfileFromDeeplink(["Element.app", `test.unrelated:/vector/webapp/`])).toBeUndefined();
+        });
+    });
+
+    it.each(["darwin", "linux", "win32"] as const)("should handle deeplink on %s", (platform) => {
+        vi.spyOn(process, "platform", "get").mockReturnValue(platform);
+        vi.stubGlobal("mainWindow", {
+            loadURL: vi.fn(),
+        });
+
+        const handler = new ProtocolHandler(TEST_PROTOCOL);
+        expect(handler).toBeTruthy();
+
+        const incomingUri = "test.proto:/#/room/#matrix:matrix.org";
+        const expectedUri = "vector://vector/webapp/#/room/#matrix:matrix.org";
+
+        if (platform === "darwin") {
+            app.emit("open-url", new Event("test"), incomingUri);
+        } else {
+            app.emit("second-instance", new Event("test"), ["/path/to/app", incomingUri]);
+        }
+
+        expect(global.mainWindow!.loadURL).toHaveBeenCalledWith(expectedUri);
+    });
+
+    it("should safely deal with wrong protocol deeplinks", () => {
+        vi.spyOn(process, "platform", "get").mockReturnValue("darwin");
+        vi.stubGlobal("mainWindow", {
+            loadURL: vi.fn(),
+        });
+
+        const handler = new ProtocolHandler(TEST_PROTOCOL);
+        expect(handler).toBeTruthy();
+
+        app.emit("open-url", new Event("test"), "random.proto:/#/room/#matrix:matrix.org");
+
+        expect(global.mainWindow!.loadURL).not.toHaveBeenCalled();
+    });
+
+    describe("initialise", () => {
+        beforeEach(() => {
+            vi.spyOn(process, "execPath", "get").mockReturnValue("/bin/element-desktop");
+        });
+
+        it("should set as default protocol client", () => {
+            const handler = new ProtocolHandler(TEST_PROTOCOL);
+            handler.initialise({
+                userDataPath: USER_DATA_DIR,
+                devtools: false,
+                update: false,
+                hidden: false,
+                positional: ["/bin/element-desktop"],
+            });
+
+            const args = ["--no-update"];
+            expect(app.setAsDefaultProtocolClient).toHaveBeenCalledWith(TEST_PROTOCOL, "/bin/element-desktop", args);
+            expect(app.setAsDefaultProtocolClient).toHaveBeenCalledWith("element", "/bin/element-desktop", args);
+        });
+
+        it("should handle deeplink", () => {
+            vi.stubGlobal("mainWindow", {
+                loadURL: vi.fn(),
+            });
+
+            const handler = new ProtocolHandler(TEST_PROTOCOL);
+            handler.initialise({
+                userDataPath: "/data",
+                devtools: false,
+                update: false,
+                hidden: false,
+                positional: ["/bin/element-desktop", "test.proto:/#/room/#matrix:matrix.org"],
+            });
+
+            expect(global.mainWindow!.loadURL).toHaveBeenCalledWith("vector://vector/webapp/#/room/#matrix:matrix.org");
+        });
+    });
+});
diff --git a/apps/desktop/src/protocol.ts b/apps/desktop/src/protocol.ts
new file mode 100644
index 00000000000..7d2cb527f11
--- /dev/null
+++ b/apps/desktop/src/protocol.ts
@@ -0,0 +1,179 @@
+/*
+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 { app, ipcMain } from "electron";
+import { URL } from "node:url";
+import path from "node:path";
+import fs from "node:fs";
+import { randomUUID } from "node:crypto";
+
+import { type Args, getArgsForProtocolRegistration } from "./args.js";
+
+const LEGACY_PROTOCOL = "element";
+const SEARCH_PARAM = "element-desktop-ssoid";
+const STORE_FILE_NAME = "sso-sessions.json";
+
+// we getPath userData before electron-main changes it, so this is the default value
+const storePath = path.join(app.getPath("userData"), STORE_FILE_NAME);
+
+export default class ProtocolHandler {
+    private readonly store: Record<string, string> = {};
+    private readonly sessionId: string;
+
+    public constructor(private readonly protocol: string) {
+        if (process.platform === "darwin") {
+            // Protocol handler for macos
+            app.on("open-url", (ev, url) => {
+                ev.preventDefault();
+                this.handleDeeplink(url);
+            });
+        } else {
+            // Protocol handler for win32/Linux
+            app.on("second-instance", (ev, commandLine) => {
+                const url = commandLine.at(-1);
+                if (url && this.checkArgIsUrl(url)) {
+                    this.handleDeeplink(url);
+                }
+            });
+        }
+
+        this.store = this.readStore();
+        this.sessionId = randomUUID();
+
+        ipcMain.handle("getProtocol", this.onGetProtocol);
+    }
+
+    private checkArgIsUrl = (arg: string): boolean => {
+        return arg.startsWith(`${this.protocol}:/`) || arg.startsWith(`${LEGACY_PROTOCOL}://`);
+    };
+
+    private setAsDefaultProtocolClient(parsedArgs: Args): void {
+        const args = getArgsForProtocolRegistration(parsedArgs);
+        if (app.isPackaged) {
+            app.setAsDefaultProtocolClient(this.protocol, process.execPath, args);
+            app.setAsDefaultProtocolClient(LEGACY_PROTOCOL, process.execPath, args);
+        } else if (process.platform === "win32") {
+            // on Mac/Linux this would just cause the electron binary to open
+            // special handler for running without being packaged, e.g `electron .` by passing our app path to electron
+            app.setAsDefaultProtocolClient(this.protocol, process.execPath, [app.getAppPath(), ...args]);
+            app.setAsDefaultProtocolClient(LEGACY_PROTOCOL, process.execPath, [app.getAppPath(), ...args]);
+        }
+    }
+
+    private readonly onGetProtocol = (): { protocol: string; sessionId: string } => {
+        return {
+            protocol: this.protocol,
+            sessionId: this.sessionId,
+        };
+    };
+
+    private handleDeeplink(url: string): boolean {
+        if (!global.mainWindow) return false;
+
+        const parsed = new URL(url);
+        // sanity check: we only register for the one protocol, so we shouldn't
+        // be getting anything else unless the user is forcing a URL to open
+        // with the Element app.
+        if (parsed.protocol !== `${this.protocol}:` && parsed.protocol !== `${LEGACY_PROTOCOL}:`) {
+            console.log("Ignoring unexpected protocol: ", parsed.protocol);
+            return false;
+        }
+
+        const urlToLoad = new URL("vector://vector/webapp/");
+        // ignore anything other than the search (used for SSO login redirect)
+        // and the hash (for general element deep links)
+        // There's no reason to allow anything else, particularly other paths,
+        // since this would allow things like the internal jitsi wrapper to
+        // be loaded, which would get the app stuck on that page and generally
+        // be a bit strange and confusing.
+        urlToLoad.search = parsed.search;
+        urlToLoad.hash = parsed.hash;
+
+        console.log("Opening URL: ", urlToLoad.href);
+        void global.mainWindow.loadURL(urlToLoad.href);
+        return true;
+    }
+
+    private readStore(): Record<string, string> {
+        try {
+            const s = fs.readFileSync(storePath, { encoding: "utf8" });
+            const o = JSON.parse(s);
+            return typeof o === "object" ? o : {};
+        } catch (e) {
+            console.warn("Unable to read protocol store, starting with empty store: ", e);
+            return {};
+        }
+    }
+
+    private writeStore(): void {
+        fs.writeFileSync(storePath, JSON.stringify(this.store));
+    }
+
+    /**
+     * Initialises the ProtocolHandler
+     * Registers the app as the default protocol client for deeplink handling.
+     * Handles any deeplink passed in via args on app start.
+     * Must be called after mainWindow is set up and any initial navigation is fired.
+     * @returns whether a deeplink was present in args and navigated to.
+     */
+    public initialise(args: Args): boolean {
+        this.setAsDefaultProtocolClient(args);
+
+        const url = args.positional.find(this.checkArgIsUrl);
+        const hasDeeplink = url ? this.handleDeeplink(url) : false;
+
+        for (const key in this.store) {
+            // ensure each instance only has one (the latest) session ID to prevent the file growing unbounded
+            if (this.store[key] === args.userDataPath) {
+                delete this.store[key];
+                break;
+            }
+        }
+        this.store[this.sessionId] = args.userDataPath;
+        this.writeStore();
+
+        return hasDeeplink;
+    }
+
+    public getProfileFromDeeplink(args: string[]): string | undefined {
+        // check if we are passed a profile in the SSO callback url
+        const deeplinkUrl = args.find(
+            (arg) => arg.startsWith(`${this.protocol}:/`) || arg.startsWith(`${LEGACY_PROTOCOL}://`),
+        );
+        if (deeplinkUrl?.includes(SEARCH_PARAM)) {
+            const parsedUrl = new URL(deeplinkUrl);
+            if (parsedUrl.protocol === `${this.protocol}:` || parsedUrl.protocol === `${LEGACY_PROTOCOL}:`) {
+                const store = this.readStore();
+                let sessionId = parsedUrl.searchParams.get(SEARCH_PARAM);
+                if (!sessionId) {
+                    // In OIDC, we must shuttle the value in the `state` param rather than `element-desktop-ssoid`
+                    // We encode it as a suffix like `:element-desktop-ssoid:XXYYZZ`.
+                    // The OIDC flow may have used response_mode=fragment or query, so we need to handle both cases.
+                    let searchParams = parsedUrl.searchParams;
+                    if (parsedUrl.hash.includes("=")) {
+                        const [params] = parsedUrl.hash.substring(1).split("?", 2);
+                        searchParams = new URLSearchParams(params);
+                    }
+
+                    const state = searchParams.get("state");
+                    if (state) {
+                        sessionId = state.split(`:${SEARCH_PARAM}:`)[1];
+                    }
+                }
+
+                if (!sessionId) {
+                    console.warn("Unable to read session ID in deeplink url:", deeplinkUrl);
+                    return undefined;
+                }
+
+                console.log("Forwarding to profile:", store[sessionId]);
+                return store[sessionId];
+            }
+        }
+    }
+}
diff --git a/apps/desktop/src/renderer-recovery.test.ts b/apps/desktop/src/renderer-recovery.test.ts
new file mode 100644
index 00000000000..b50376197e8
--- /dev/null
+++ b/apps/desktop/src/renderer-recovery.test.ts
@@ -0,0 +1,350 @@
+/*
+Copyright 2026 hayaksi1
+
+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 { describe, it, expect, beforeEach, vi } from "vitest";
+import { type BrowserWindow, type RenderProcessGoneDetails } from "electron";
+
+import {
+    CRASH_REASONS,
+    RECOVERY_ATTEMPT_CAP,
+    RECOVERY_WINDOW_MS,
+    decideRendererRecoveryAction,
+    RendererRecovery,
+    setupRendererRecovery,
+} from "./renderer-recovery.js";
+
+// `_t` is irrelevant to the recovery logic; stub it so importing the module under test (which pulls in
+// language-helper transitively via the dialog copy) never touches the real i18n machinery.
+vi.mock("./language-helper.js", () => ({
+    _t: (key: string): string => key,
+}));
+
+vi.mock("./config.js", () => ({
+    getConfig: (): { brand: string } => ({ brand: "Element" }),
+}));
+
+describe("decideRendererRecoveryAction", () => {
+    it.each(CRASH_REASONS)("returns 'reload' for the crash-class reason %s", (reason) => {
+        expect(decideRendererRecoveryAction({ reason, appQuitting: false, attemptsInWindow: 0 })).toBe("reload");
+    });
+
+    it.each(["clean-exit", "killed", "abnormal-exit", "memory-eviction"] as const)(
+        "returns 'ignore' for the non-crash reason %s",
+        (reason) => {
+            expect(decideRendererRecoveryAction({ reason, appQuitting: false, attemptsInWindow: 0 })).toBe("ignore");
+        },
+    );
+
+    it("returns 'ignore' when a quit is in progress even for a crash reason", () => {
+        expect(decideRendererRecoveryAction({ reason: "crashed", appQuitting: true, attemptsInWindow: 0 })).toBe(
+            "ignore",
+        );
+    });
+
+    it("returns 'reload' while still under the attempt cap", () => {
+        expect(
+            decideRendererRecoveryAction({
+                reason: "crashed",
+                appQuitting: false,
+                attemptsInWindow: RECOVERY_ATTEMPT_CAP - 1,
+            }),
+        ).toBe("reload");
+    });
+
+    it("returns 'dialog' once the attempt cap is reached (crash-loop guard)", () => {
+        expect(
+            decideRendererRecoveryAction({
+                reason: "crashed",
+                appQuitting: false,
+                attemptsInWindow: RECOVERY_ATTEMPT_CAP,
+            }),
+        ).toBe("dialog");
+    });
+});
+
+// A fake BrowserWindow that captures the webContents listeners into a map so tests can fire them,
+// mirroring the window-state.test.ts buildWin() pattern.
+function buildFakeWin(): {
+    win: BrowserWindow;
+    handlers: Record<string, (...args: unknown[]) => void>;
+    reload: ReturnType<typeof vi.fn>;
+    isCrashed: ReturnType<typeof vi.fn>;
+    isDestroyed: ReturnType<typeof vi.fn>;
+} {
+    const handlers: Record<string, (...args: unknown[]) => void> = {};
+    const reload = vi.fn();
+    const isCrashed = vi.fn(() => false);
+    const isDestroyed = vi.fn(() => false);
+    const win = {
+        isDestroyed,
+        webContents: {
+            on: vi.fn((event: string, cb: (...args: unknown[]) => void) => {
+                handlers[event] = cb;
+            }),
+            reload,
+            isCrashed,
+        },
+    } as unknown as BrowserWindow;
+    return { win, handlers, reload, isCrashed, isDestroyed };
+}
+
+const goneDetails = (reason: RenderProcessGoneDetails["reason"]): RenderProcessGoneDetails =>
+    ({ reason }) as RenderProcessGoneDetails;
+
+describe("RendererRecovery", () => {
+    let now = 0;
+    const clock = (): number => now;
+    const showDialog = vi.fn<() => void>();
+
+    beforeEach(() => {
+        now = 0;
+        showDialog.mockClear();
+    });
+
+    it("reloads the window on a 'crashed' render-process-gone event", () => {
+        const { win, handlers, reload } = buildFakeWin();
+        new RendererRecovery({ win, clock, isQuitting: (): boolean => false, showDialog }).register();
+
+        handlers["render-process-gone"]({}, goneDetails("crashed"));
+
+        expect(reload).toHaveBeenCalledTimes(1);
+        expect(showDialog).not.toHaveBeenCalled();
+    });
+
+    it.each(["oom", "launch-failed", "integrity-failure"] as const)(
+        "reloads the window on a '%s' render-process-gone event",
+        (reason) => {
+            const { win, handlers, reload } = buildFakeWin();
+            new RendererRecovery({ win, clock, isQuitting: (): boolean => false, showDialog }).register();
+
+            handlers["render-process-gone"]({}, goneDetails(reason));
+
+            expect(reload).toHaveBeenCalledTimes(1);
+        },
+    );
+
+    it("does NOT reload for 'clean-exit' or 'killed'", () => {
+        const { win, handlers, reload } = buildFakeWin();
+        new RendererRecovery({ win, clock, isQuitting: (): boolean => false, showDialog }).register();
+
+        handlers["render-process-gone"]({}, goneDetails("clean-exit"));
+        handlers["render-process-gone"]({}, goneDetails("killed"));
+
+        expect(reload).not.toHaveBeenCalled();
+        expect(showDialog).not.toHaveBeenCalled();
+    });
+
+    it("does NOT reload while the app is quitting (legitimate shutdown / macOS app.hide path)", () => {
+        const { win, handlers, reload } = buildFakeWin();
+        new RendererRecovery({ win, clock, isQuitting: (): boolean => true, showDialog }).register();
+
+        handlers["render-process-gone"]({}, goneDetails("crashed"));
+
+        expect(reload).not.toHaveBeenCalled();
+        expect(showDialog).not.toHaveBeenCalled();
+    });
+
+    it("does NOT reload a window that has already been destroyed", () => {
+        const { win, handlers, reload, isDestroyed } = buildFakeWin();
+        isDestroyed.mockReturnValue(true);
+        new RendererRecovery({ win, clock, isQuitting: (): boolean => false, showDialog }).register();
+
+        handlers["render-process-gone"]({}, goneDetails("crashed"));
+
+        expect(reload).not.toHaveBeenCalled();
+    });
+
+    it("stops reloading after the attempt cap and shows the error dialog instead (crash-loop guard)", () => {
+        const { win, handlers, reload } = buildFakeWin();
+        new RendererRecovery({ win, clock, isQuitting: (): boolean => false, showDialog }).register();
+
+        // The first RECOVERY_ATTEMPT_CAP crashes reload; the next one trips the cap and shows the dialog.
+        for (let i = 0; i < RECOVERY_ATTEMPT_CAP; i++) {
+            handlers["render-process-gone"]({}, goneDetails("crashed"));
+        }
+        expect(reload).toHaveBeenCalledTimes(RECOVERY_ATTEMPT_CAP);
+        expect(showDialog).not.toHaveBeenCalled();
+
+        handlers["render-process-gone"]({}, goneDetails("crashed"));
+        expect(reload).toHaveBeenCalledTimes(RECOVERY_ATTEMPT_CAP); // no further reload
+        expect(showDialog).toHaveBeenCalledTimes(1);
+    });
+
+    it("resets the attempt counter once crashes fall outside the rolling window", () => {
+        const { win, handlers, reload } = buildFakeWin();
+        new RendererRecovery({ win, clock, isQuitting: (): boolean => false, showDialog }).register();
+
+        for (let i = 0; i < RECOVERY_ATTEMPT_CAP; i++) {
+            handlers["render-process-gone"]({}, goneDetails("crashed"));
+        }
+        expect(reload).toHaveBeenCalledTimes(RECOVERY_ATTEMPT_CAP);
+
+        // Advance past the rolling window: the earlier attempts no longer count, so we reload again.
+        now += RECOVERY_WINDOW_MS + 1;
+        handlers["render-process-gone"]({}, goneDetails("crashed"));
+
+        expect(reload).toHaveBeenCalledTimes(RECOVERY_ATTEMPT_CAP + 1);
+        expect(showDialog).not.toHaveBeenCalled();
+    });
+
+    it("reloads once on the first 'unresponsive' event but not repeatedly (bounded)", () => {
+        const { win, handlers, reload } = buildFakeWin();
+        new RendererRecovery({ win, clock, isQuitting: (): boolean => false, showDialog }).register();
+
+        handlers["unresponsive"]();
+        expect(reload).toHaveBeenCalledTimes(1);
+
+        // A second hang inside the same window must not stack reloads.
+        handlers["unresponsive"]();
+        expect(reload).toHaveBeenCalledTimes(1);
+    });
+
+    it("does NOT reload on 'unresponsive' while quitting", () => {
+        const { win, handlers, reload } = buildFakeWin();
+        new RendererRecovery({ win, clock, isQuitting: (): boolean => true, showDialog }).register();
+
+        handlers["unresponsive"]();
+
+        expect(reload).not.toHaveBeenCalled();
+    });
+
+    it("shows the error dialog (instead of reloading) when 'unresponsive' fires while already at the reload cap", () => {
+        const { win, handlers, reload } = buildFakeWin();
+        new RendererRecovery({ win, clock, isQuitting: (): boolean => false, showDialog }).register();
+
+        // Fill the rolling window with crash reloads up to the cap so a hang now can't reload again.
+        for (let i = 0; i < RECOVERY_ATTEMPT_CAP; i++) {
+            handlers["render-process-gone"]({}, goneDetails("crashed"));
+        }
+        expect(reload).toHaveBeenCalledTimes(RECOVERY_ATTEMPT_CAP);
+
+        handlers["unresponsive"]();
+
+        expect(reload).toHaveBeenCalledTimes(RECOVERY_ATTEMPT_CAP); // no further reload
+        expect(showDialog).toHaveBeenCalledTimes(1);
+    });
+});
+
+// A user-initiated relaunch (dock activate / second-instance) must reload a crashed renderer through the
+// SAME crash-loop cap, so a relaunch can't silently re-arm a loop the recovery has already given up on.
+describe("RendererRecovery.recoverIfCrashed", () => {
+    let now = 0;
+    const clock = (): number => now;
+    const showDialog = vi.fn<() => void>();
+
+    beforeEach(() => {
+        now = 0;
+        showDialog.mockClear();
+    });
+
+    it("reloads a crashed renderer when under the cap", () => {
+        const { win, reload, isCrashed } = buildFakeWin();
+        isCrashed.mockReturnValue(true);
+        const recovery = new RendererRecovery({ win, clock, isQuitting: (): boolean => false, showDialog });
+        recovery.register();
+
+        recovery.recoverIfCrashed();
+
+        expect(reload).toHaveBeenCalledTimes(1);
+        expect(showDialog).not.toHaveBeenCalled();
+    });
+
+    it("does nothing when the renderer is not crashed", () => {
+        const { win, reload } = buildFakeWin(); // isCrashed defaults to false
+        const recovery = new RendererRecovery({ win, clock, isQuitting: (): boolean => false, showDialog });
+        recovery.register();
+
+        recovery.recoverIfCrashed();
+
+        expect(reload).not.toHaveBeenCalled();
+        expect(showDialog).not.toHaveBeenCalled();
+    });
+
+    it("does NOT reload (and shows the dialog) when crashed but the crash-loop cap was already hit", () => {
+        const { win, handlers, reload, isCrashed } = buildFakeWin();
+        isCrashed.mockReturnValue(true);
+        const recovery = new RendererRecovery({ win, clock, isQuitting: (): boolean => false, showDialog });
+        recovery.register();
+
+        // Exhaust the cap via genuine crash events so the loop has already been given up on.
+        for (let i = 0; i < RECOVERY_ATTEMPT_CAP; i++) {
+            handlers["render-process-gone"]({}, goneDetails("crashed"));
+        }
+        showDialog.mockClear();
+        expect(reload).toHaveBeenCalledTimes(RECOVERY_ATTEMPT_CAP);
+
+        // A user-initiated relaunch must not silently re-arm the loop.
+        recovery.recoverIfCrashed();
+
+        expect(reload).toHaveBeenCalledTimes(RECOVERY_ATTEMPT_CAP); // no extra reload
+        expect(showDialog).toHaveBeenCalledTimes(1);
+    });
+
+    it("counts its OWN reloads toward the crash-loop cap (relaunch can't reload past the cap)", () => {
+        const { win, reload, isCrashed } = buildFakeWin();
+        isCrashed.mockReturnValue(true);
+        const recovery = new RendererRecovery({ win, clock, isQuitting: (): boolean => false, showDialog });
+        recovery.register();
+
+        // Mashing dock-activate / second-instance on a crashed renderer must not reload past the cap:
+        // recoverIfCrashed records each of its own reloads, so the shared cap is fed both ways.
+        for (let i = 0; i < RECOVERY_ATTEMPT_CAP; i++) {
+            recovery.recoverIfCrashed();
+        }
+        expect(reload).toHaveBeenCalledTimes(RECOVERY_ATTEMPT_CAP);
+        expect(showDialog).not.toHaveBeenCalled();
+
+        recovery.recoverIfCrashed();
+        expect(reload).toHaveBeenCalledTimes(RECOVERY_ATTEMPT_CAP); // no extra reload — loop given up on
+        expect(showDialog).toHaveBeenCalledTimes(1);
+    });
+
+    it("does nothing when the window is destroyed", () => {
+        const { win, reload, isCrashed, isDestroyed } = buildFakeWin();
+        isCrashed.mockReturnValue(true);
+        isDestroyed.mockReturnValue(true);
+        const recovery = new RendererRecovery({ win, clock, isQuitting: (): boolean => false, showDialog });
+        recovery.register();
+
+        recovery.recoverIfCrashed();
+
+        expect(reload).not.toHaveBeenCalled();
+        expect(showDialog).not.toHaveBeenCalled();
+    });
+
+    it("does nothing while the app is quitting", () => {
+        const { win, reload, isCrashed } = buildFakeWin();
+        isCrashed.mockReturnValue(true);
+        const recovery = new RendererRecovery({ win, clock, isQuitting: (): boolean => true, showDialog });
+        recovery.register();
+
+        recovery.recoverIfCrashed();
+
+        expect(reload).not.toHaveBeenCalled();
+    });
+});
+
+describe("setupRendererRecovery", () => {
+    it("registers render-process-gone and unresponsive listeners on the window's webContents", () => {
+        const { win } = buildFakeWin();
+
+        setupRendererRecovery(win);
+
+        const on = vi.mocked(win.webContents.on);
+        const events = on.mock.calls.map((c) => c[0]);
+        expect(events).toContain("render-process-gone");
+        expect(events).toContain("unresponsive");
+    });
+
+    it("returns the RendererRecovery instance so callers can route relaunch recovery through the cap", () => {
+        const { win } = buildFakeWin();
+
+        const recovery = setupRendererRecovery(win);
+
+        expect(recovery).toBeInstanceOf(RendererRecovery);
+    });
+});
diff --git a/apps/desktop/src/renderer-recovery.ts b/apps/desktop/src/renderer-recovery.ts
new file mode 100644
index 00000000000..cd4fafa5042
--- /dev/null
+++ b/apps/desktop/src/renderer-recovery.ts
@@ -0,0 +1,240 @@
+/*
+Copyright 2026 hayaksi1
+
+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 BrowserWindow, type RenderProcessGoneDetails, dialog } from "electron";
+
+import { _t } from "./language-helper.js";
+import { getConfig } from "./config.js";
+
+/**
+ * Auto-recovery for a dead renderer ("white screen, no UI after switching back", element-web#32222).
+ *
+ * IMPORTANT — this is a MITIGATION, not a root-cause fix. The white screen itself is an UPSTREAM
+ * Electron/Chromium renderer/GPU-process crash (commonly a corrupted GPUCache) that reproduces across
+ * Linux/Windows/macOS and which we cannot fix in this repository. What we *can* fix is the in-repo gap:
+ * previously there was no `render-process-gone` / `unresponsive` handler anywhere in the main process,
+ * so once the renderer died the window stayed permanently blank and the user had to kill the whole app.
+ * We turn that dead window back into a reload. The render-process-gone → reload pattern is industry
+ * standard (VS Code / Slack / Discord all do it).
+ *
+ * The decision logic is kept pure and the Electron wiring thin so it can be unit-tested without a GUI.
+ */
+
+/**
+ * The crash-class `render-process-gone` reasons we treat as recoverable and reload for.
+ *
+ * Deliberately EXCLUDED from the union of possible reasons:
+ *  - `clean-exit`       — the renderer exited normally (e.g. teardown); nothing to recover.
+ *  - `killed`           — the process was killed (often by us / the OS on purpose); don't fight it.
+ *  - `abnormal-exit`    — ambiguous; can be an intentional kill, so we stay conservative and don't reload.
+ *  - `memory-eviction`  — Chromium reclaiming a backgrounded renderer to save memory; reloading here
+ *                         would cause spurious reloads when the window is simply hidden.
+ */
+export const CRASH_REASONS = ["crashed", "oom", "launch-failed", "integrity-failure"] as const;
+
+export type CrashReason = (typeof CRASH_REASONS)[number];
+
+/** How many reloads we permit inside {@link RECOVERY_WINDOW_MS} before we give up and warn instead. */
+export const RECOVERY_ATTEMPT_CAP = 3;
+
+/** Rolling window over which {@link RECOVERY_ATTEMPT_CAP} is counted, to distinguish a one-off crash from a loop. */
+export const RECOVERY_WINDOW_MS = 60 * 1000;
+
+/** The action the recovery logic decides to take for a given `render-process-gone` event. */
+export type RecoveryAction = "reload" | "dialog" | "ignore";
+
+function isCrashReason(reason: RenderProcessGoneDetails["reason"]): reason is CrashReason {
+    return (CRASH_REASONS as readonly string[]).includes(reason);
+}
+
+/**
+ * Pure decision for what to do when the renderer is gone. No side effects, fully unit-testable.
+ *
+ * @param input.reason - the `render-process-gone` reason reported by Electron.
+ * @param input.appQuitting - whether a legitimate app quit is underway (so we must NOT reload).
+ * @param input.attemptsInWindow - reloads already performed inside the current rolling window.
+ * @returns `"ignore"` for benign reasons / during quit, `"dialog"` once the cap is hit (crash loop),
+ *          otherwise `"reload"`.
+ */
+export function decideRendererRecoveryAction(input: {
+    reason: RenderProcessGoneDetails["reason"];
+    appQuitting: boolean;
+    attemptsInWindow: number;
+}): RecoveryAction {
+    // Never resurrect a renderer that went away as part of a legitimate shutdown (including the macOS
+    // app.hide() path, where we deliberately tear things down) — reloading then would fight the quit.
+    if (input.appQuitting) return "ignore";
+
+    // Only act on genuine crash-class reasons; benign exits are left alone.
+    if (!isCrashReason(input.reason)) return "ignore";
+
+    // Crash-LOOP guard: once we've already reloaded the cap's worth of times in this window, stop
+    // reloading (it clearly isn't recovering) and surface an error dialog instead.
+    if (input.attemptsInWindow >= RECOVERY_ATTEMPT_CAP) return "dialog";
+
+    return "reload";
+}
+
+/** Minimal surface of `BrowserWindow` the recovery needs — kept narrow so tests can fake it. */
+type RecoverableWindow = Pick<BrowserWindow, "isDestroyed"> & {
+    webContents: Pick<BrowserWindow["webContents"], "on" | "reload" | "isCrashed">;
+};
+
+/** Injectable dependencies so the wiring is testable without a live Electron GUI. */
+export interface RendererRecoveryDeps {
+    win: RecoverableWindow;
+    /** Returns the current time in ms (injected so the rolling window can be tested deterministically). */
+    clock: () => number;
+    /** Whether a real quit is in progress (wraps `global.appQuitting`). */
+    isQuitting: () => boolean;
+    /** Shows the "couldn't recover" error dialog. Injected so tests don't pop a real dialog. */
+    showDialog: () => void;
+}
+
+/**
+ * Stateful coordinator wrapping {@link decideRendererRecoveryAction} with the attempt accounting and
+ * the actual Electron side effects (reload / dialog). One instance per window.
+ */
+export class RendererRecovery {
+    /** Timestamps (per {@link RendererRecoveryDeps.clock}) of the reloads still inside the rolling window. */
+    private attempts: number[] = [];
+    /** Whether we've already reloaded for an `unresponsive` hang in the current window (bounded once). */
+    private unresponsiveHandled = false;
+
+    public constructor(private readonly deps: RendererRecoveryDeps) {}
+
+    /** Wire the recovery handlers onto the window's webContents. */
+    public register(): void {
+        this.deps.win.webContents.on("render-process-gone", (_event, details) => {
+            this.onRenderProcessGone(details);
+        });
+        this.deps.win.webContents.on("unresponsive", () => {
+            this.onUnresponsive();
+        });
+    }
+
+    /** Drop attempt timestamps that have aged out of the rolling window. */
+    private pruneAttempts(): void {
+        const cutoff = this.deps.clock() - RECOVERY_WINDOW_MS;
+        this.attempts = this.attempts.filter((t) => t > cutoff);
+        // Once the window is quiet again, allow a future hang to be recovered once more.
+        if (this.attempts.length === 0) this.unresponsiveHandled = false;
+    }
+
+    private onRenderProcessGone(details: RenderProcessGoneDetails): void {
+        // MITIGATION (element-web#32222): the renderer died upstream — try to bring the UI back rather
+        // than leaving a permanent white screen the user can only escape by killing the whole app.
+        console.warn(`renderer-recovery: render-process-gone, reason=${details.reason}`);
+
+        if (this.deps.win.isDestroyed()) return;
+
+        this.pruneAttempts();
+        const action = decideRendererRecoveryAction({
+            reason: details.reason,
+            appQuitting: this.deps.isQuitting(),
+            attemptsInWindow: this.attempts.length,
+        });
+
+        this.performAction(action);
+    }
+
+    /**
+     * Recover a renderer that is *already* crashed, driven by a user-initiated relaunch (the dock
+     * `activate` / `second-instance` paths in electron-main.ts) rather than a `render-process-gone`
+     * event. Routed through the SAME attempt cap as {@link onRenderProcessGone} so a relaunch can't
+     * silently re-arm a crash loop we've already given up on (element-web#32222) — once the cap is hit
+     * the user gets the error dialog instead of yet another reload.
+     */
+    public recoverIfCrashed(): void {
+        if (this.deps.win.isDestroyed()) return;
+        if (!this.deps.win.webContents.isCrashed()) return;
+
+        this.pruneAttempts();
+        const action = decideRendererRecoveryAction({
+            // The renderer is crashed (isCrashed() above); treat it as a crash-class recovery.
+            reason: "crashed",
+            appQuitting: this.deps.isQuitting(),
+            attemptsInWindow: this.attempts.length,
+        });
+
+        this.performAction(action);
+    }
+
+    /** Execute the decided {@link RecoveryAction}: reload (recording the attempt) / dialog / ignore. */
+    private performAction(action: RecoveryAction): void {
+        switch (action) {
+            case "reload":
+                this.attempts.push(this.deps.clock());
+                console.warn(
+                    `renderer-recovery: reloading renderer (attempt ${this.attempts.length}/${RECOVERY_ATTEMPT_CAP})`,
+                );
+                this.deps.win.webContents.reload();
+                break;
+            case "dialog":
+                console.error("renderer-recovery: renderer crash loop detected, giving up and warning the user");
+                this.deps.showDialog();
+                break;
+            case "ignore":
+                break;
+        }
+    }
+
+    private onUnresponsive(): void {
+        // A hung (not crashed) renderer: conservatively reload at most once per rolling window, and never
+        // during a quit. We reuse the same attempt cap so a hang-loop can't reload forever either.
+        console.warn("renderer-recovery: renderer unresponsive");
+
+        if (this.deps.win.isDestroyed() || this.deps.isQuitting()) return;
+
+        this.pruneAttempts();
+        if (this.unresponsiveHandled) return;
+        if (this.attempts.length >= RECOVERY_ATTEMPT_CAP) {
+            console.error("renderer-recovery: unresponsive while already at the reload cap, warning the user");
+            this.deps.showDialog();
+            return;
+        }
+
+        this.unresponsiveHandled = true;
+        this.attempts.push(this.deps.clock());
+        console.warn("renderer-recovery: reloading unresponsive renderer");
+        this.deps.win.webContents.reload();
+    }
+}
+
+/**
+ * Show the "we couldn't recover the window" error dialog. Mirrors the dialog/i18n convention used by
+ * store.ts / electron-main.ts (`dialog.showMessageBox` + `_t`).
+ */
+function showCrashLoopDialog(win: BrowserWindow): void {
+    const brand = getConfig().brand;
+    void dialog.showMessageBox(win, {
+        type: "error",
+        title: _t("renderer_crash|title", { brand }),
+        message: _t("renderer_crash|message", { brand }),
+        detail: _t("renderer_crash|detail"),
+        buttons: [_t("action|close")],
+    });
+}
+
+/**
+ * Install renderer auto-recovery on the main window. Thin Electron wiring around {@link RendererRecovery};
+ * follows the `setupX(win)` named-export seam used by media-auth.ts / media-permissions.ts.
+ *
+ * @param win - the main BrowserWindow whose renderer we guard.
+ * @returns the {@link RendererRecovery} instance so the caller can route user-initiated relaunch
+ *          recovery (dock `activate` / `second-instance`) through {@link RendererRecovery.recoverIfCrashed}.
+ */
+export function setupRendererRecovery(win: BrowserWindow): RendererRecovery {
+    const recovery = new RendererRecovery({
+        win,
+        clock: (): number => Date.now(),
+        isQuitting: (): boolean => global.appQuitting,
+        showDialog: (): void => showCrashLoopDialog(win),
+    });
+    recovery.register();
+    return recovery;
+}
diff --git a/apps/desktop/src/save-image.test.ts b/apps/desktop/src/save-image.test.ts
new file mode 100644
index 00000000000..f1ac82db6f4
--- /dev/null
+++ b/apps/desktop/src/save-image.test.ts
@@ -0,0 +1,135 @@
+/*
+Copyright 2026 hayaksi1
+
+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 { expect, describe, it, beforeEach, vi, type Mock } from "vitest";
+import { nativeImage, type Session } from "electron";
+import fs from "node:fs";
+import * as streamPromises from "node:stream/promises";
+
+import { saveImageToFile, writeNativeImage } from "./save-image.js";
+
+vi.mock("electron", () => ({
+    nativeImage: {
+        createFromDataURL: vi.fn(),
+    },
+}));
+
+vi.mock("node:fs", () => ({
+    default: {
+        createWriteStream: vi.fn(),
+        promises: {
+            writeFile: vi.fn(() => Promise.resolve()),
+        },
+    },
+}));
+
+vi.mock("node:stream/promises", () => ({
+    pipeline: vi.fn(() => Promise.resolve()),
+}));
+
+const createFromDataURL = vi.mocked(nativeImage.createFromDataURL);
+const createWriteStream = vi.mocked(fs.createWriteStream);
+const writeFile = vi.mocked(fs.promises.writeFile);
+const pipeline = vi.mocked(streamPromises.pipeline);
+
+/** A stub {@link NativeImage} exposing the encoder methods `writeNativeImage` selects between. */
+function stubNativeImage(): { toPNG: Mock; toJPEG: Mock; toBitmap: Mock } {
+    return {
+        toPNG: vi.fn(() => Buffer.from("png")),
+        toJPEG: vi.fn(() => Buffer.from("jpeg")),
+        toBitmap: vi.fn(() => Buffer.from("bmp")),
+    };
+}
+
+/** A fake Electron {@link Session} exposing only the `fetch` method used by `saveImageToFile`. */
+function fakeSession(fetchImpl: Mock): Session {
+    return { fetch: fetchImpl } as unknown as Session;
+}
+
+describe("save-image", () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+        createFromDataURL.mockReturnValue(stubNativeImage() as never);
+        createWriteStream.mockReturnValue({} as never);
+    });
+
+    describe("saveImageToFile", () => {
+        it("decodes a data: URL into a NativeImage and writes it without fetching", async () => {
+            const session = fakeSession(vi.fn());
+            const globalFetch = vi.spyOn(globalThis, "fetch");
+
+            await saveImageToFile("data:image/png;base64,AAAA", "/tmp/out.png", session);
+
+            expect(createFromDataURL).toHaveBeenCalledWith("data:image/png;base64,AAAA");
+            expect(writeFile).toHaveBeenCalledTimes(1);
+            expect(session.fetch).not.toHaveBeenCalled();
+            expect(globalFetch).not.toHaveBeenCalled();
+        });
+
+        it("fetches http(s) URLs through the injected session and pipes the body to disk", async () => {
+            const body = { kind: "stream" };
+            const fetchImpl = vi.fn(() => Promise.resolve({ ok: true, body }));
+            const session = fakeSession(fetchImpl);
+            const writeStream = { kind: "writeStream" };
+            createWriteStream.mockReturnValue(writeStream as never);
+            const globalFetch = vi.spyOn(globalThis, "fetch");
+
+            await saveImageToFile("https://hs.example/_matrix/media/v3/download/x/y", "/tmp/out.png", session);
+
+            // Regression assertion (#32362): the injected session fetch is used so the media-auth
+            // webRequest interceptors apply; the main-process global fetch must NOT be called.
+            expect(fetchImpl).toHaveBeenCalledWith("https://hs.example/_matrix/media/v3/download/x/y");
+            expect(globalFetch).not.toHaveBeenCalled();
+            expect(createWriteStream).toHaveBeenCalledWith("/tmp/out.png");
+            expect(pipeline).toHaveBeenCalledWith(body, writeStream);
+        });
+
+        it("throws when the session fetch responds with a non-ok status", async () => {
+            const fetchImpl = vi.fn(() => Promise.resolve({ ok: false, statusText: "Not Found" }));
+            const session = fakeSession(fetchImpl);
+
+            await expect(saveImageToFile("https://hs.example/image.png", "/tmp/out.png", session)).rejects.toThrow(
+                "unexpected response Not Found",
+            );
+            expect(pipeline).not.toHaveBeenCalled();
+        });
+
+        it("throws when the session fetch responds without a body", async () => {
+            const fetchImpl = vi.fn(() => Promise.resolve({ ok: true, body: null, statusText: "OK" }));
+            const session = fakeSession(fetchImpl);
+
+            await expect(saveImageToFile("https://hs.example/image.png", "/tmp/out.png", session)).rejects.toThrow(
+                "unexpected response has no body OK",
+            );
+            expect(pipeline).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("writeNativeImage", () => {
+        it("encodes .jpg/.jpeg as JPEG", async () => {
+            const img = stubNativeImage();
+            await writeNativeImage("/tmp/out.jpg", img as never);
+            expect(img.toJPEG).toHaveBeenCalledWith(100);
+            expect(img.toPNG).not.toHaveBeenCalled();
+            expect(img.toBitmap).not.toHaveBeenCalled();
+        });
+
+        it("encodes .bmp as a bitmap", async () => {
+            const img = stubNativeImage();
+            await writeNativeImage("/tmp/out.bmp", img as never);
+            expect(img.toBitmap).toHaveBeenCalled();
+            expect(img.toPNG).not.toHaveBeenCalled();
+        });
+
+        it("encodes unknown extensions as PNG", async () => {
+            const img = stubNativeImage();
+            await writeNativeImage("/tmp/out.weird", img as never);
+            expect(img.toPNG).toHaveBeenCalled();
+            expect(img.toJPEG).not.toHaveBeenCalled();
+        });
+    });
+});
diff --git a/apps/desktop/src/save-image.ts b/apps/desktop/src/save-image.ts
new file mode 100644
index 00000000000..640c42a0155
--- /dev/null
+++ b/apps/desktop/src/save-image.ts
@@ -0,0 +1,52 @@
+/*
+Copyright 2026 hayaksi1
+
+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 { nativeImage, type NativeImage, type Session } from "electron";
+import fs from "node:fs";
+import { pipeline } from "node:stream/promises";
+
+/**
+ * Writes an Electron {@link NativeImage} to disk, encoding it based on the target file extension.
+ * Falls back to PNG for unknown extensions.
+ */
+export function writeNativeImage(filePath: string, img: NativeImage): Promise<void> {
+    switch (filePath.split(".").pop()?.toLowerCase()) {
+        case "jpg":
+        case "jpeg":
+            return fs.promises.writeFile(filePath, img.toJPEG(100));
+        case "bmp":
+            return fs.promises.writeFile(filePath, img.toBitmap());
+        case "png":
+        default:
+            return fs.promises.writeFile(filePath, img.toPNG());
+    }
+}
+
+/**
+ * Saves an image to a file on disk.
+ *
+ * `data:` URLs are decoded directly into a {@link NativeImage}. Network (`http(s):`) URLs are
+ * fetched through the supplied Electron {@link Session} rather than Node's global `fetch`, so that
+ * the session's `webRequest` interceptors apply — in particular the authenticated-media handlers in
+ * `media-auth.ts` which rewrite the download URL and attach the `Authorization` header. Using the
+ * main-process global `fetch` bypasses those interceptors and fails with 401/404 on modern Synapse
+ * (authenticated media, MSC3916). See https://github.com/element-hq/element-web/issues/32362.
+ *
+ * @param url - the `data:` or `http(s):` URL of the image to save
+ * @param filePath - the destination path on disk
+ * @param session - the Electron session whose `webRequest` interceptors should apply to the fetch
+ */
+export async function saveImageToFile(url: string, filePath: string, session: Session): Promise<void> {
+    if (url.startsWith("data:")) {
+        await writeNativeImage(filePath, nativeImage.createFromDataURL(url));
+    } else {
+        const resp = await session.fetch(url);
+        if (!resp.ok) throw new Error(`unexpected response ${resp.statusText}`);
+        if (!resp.body) throw new Error(`unexpected response has no body ${resp.statusText}`);
+        await pipeline(resp.body, fs.createWriteStream(filePath));
+    }
+}
diff --git a/apps/desktop/src/seshat.ts b/apps/desktop/src/seshat.ts
new file mode 100644
index 00000000000..0a8537f108a
--- /dev/null
+++ b/apps/desktop/src/seshat.ts
@@ -0,0 +1,315 @@
+/*
+Copyright 2022-2024 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 { app, ipcMain } from "electron";
+import { promises as afs } from "node:fs";
+import path from "node:path";
+
+import type {
+    Seshat as SeshatType,
+    SeshatRecovery as SeshatRecoveryType,
+    ReindexError as ReindexErrorType,
+} from "matrix-seshat"; // Hak dependency type
+import IpcMainEvent = Electron.IpcMainEvent;
+import { randomArray } from "./utils.js";
+import Store from "./store.js";
+
+let seshatSupported = false;
+let Seshat: typeof SeshatType;
+let SeshatRecovery: typeof SeshatRecoveryType;
+let ReindexError: typeof ReindexErrorType;
+
+try {
+    const seshatModule = await import("matrix-seshat");
+    Seshat = seshatModule.Seshat;
+    SeshatRecovery = seshatModule.SeshatRecovery;
+    ReindexError = seshatModule.ReindexError;
+    seshatSupported = true;
+} catch (e) {
+    if ((<NodeJS.ErrnoException>e).code === "MODULE_NOT_FOUND") {
+        console.log("Seshat isn't installed, event indexing is disabled.");
+    } else {
+        console.warn("Seshat unexpected error:", e);
+    }
+}
+
+let eventIndex: SeshatType | null = null;
+
+const seshatDefaultPassphrase = "DEFAULT_PASSPHRASE";
+async function getOrCreatePassphrase(store: Store, key: string): Promise<string> {
+    try {
+        const storedPassphrase = await store.getSecret(key);
+        if (storedPassphrase !== undefined) {
+            return storedPassphrase;
+        }
+    } catch (e) {
+        console.error("Error getting the event index passphrase out of the secret store", e);
+    }
+
+    try {
+        const newPassphrase = await randomArray(32);
+        await store.setSecret(key, newPassphrase);
+        return newPassphrase;
+    } catch (e) {
+        console.error("Error creating new event index passphrase, using default", e);
+    }
+
+    return seshatDefaultPassphrase;
+}
+
+const deleteContents = async (p: string): Promise<void> => {
+    try {
+        for (const entry of await afs.readdir(p)) {
+            const curPath = path.join(p, entry);
+            try {
+                await afs.unlink(curPath);
+            } catch (e) {
+                console.log("Error deleting a file in EventStore directory", e);
+            }
+        }
+    } catch (e) {
+        console.log("Error reading the files in EventStore directory", e);
+    }
+};
+
+ipcMain.on("seshat", async function (_ev: IpcMainEvent, payload): Promise<void> {
+    const store = Store.instance;
+    if (!global.mainWindow || !store) return;
+
+    // We do this here to ensure we get the path after --profile has been resolved
+    const eventStorePath = path.join(app.getPath("userData"), "EventStore");
+
+    const sendError = (id: string, e: Error): void => {
+        const error = {
+            message: e.message,
+        };
+
+        global.mainWindow?.webContents.send("seshatReply", { id, error });
+    };
+
+    const args = payload.args || [];
+    let ret: any;
+
+    switch (payload.name) {
+        case "supportsEventIndexing":
+            ret = seshatSupported;
+            break;
+
+        case "initEventIndex":
+            if (eventIndex === null) {
+                const userId = args[0];
+                const deviceId = args[1];
+                const passphraseKey = `seshat|${userId}|${deviceId}`;
+
+                const passphrase = await getOrCreatePassphrase(store, passphraseKey);
+
+                try {
+                    await afs.mkdir(eventStorePath, { recursive: true });
+                    eventIndex = new Seshat(eventStorePath, { passphrase });
+                } catch (e) {
+                    if (e instanceof ReindexError) {
+                        // If this is a reindex error, the index schema
+                        // changed. Try to open the database in recovery mode,
+                        // reindex the database and finally try to open the
+                        // database again.
+                        const recoveryIndex = new SeshatRecovery(eventStorePath, {
+                            passphrase,
+                        });
+
+                        const userVersion = await recoveryIndex.getUserVersion();
+
+                        // If our user version is 0 we'll delete the db
+                        // anyways so reindexing it is a waste of time.
+                        if (userVersion === 0) {
+                            await recoveryIndex.shutdown();
+                            await deleteContents(eventStorePath);
+                        } else {
+                            await recoveryIndex.reindex();
+                        }
+
+                        eventIndex = new Seshat(eventStorePath, { passphrase });
+                    } else {
+                        sendError(payload.id, <Error>e);
+                        return;
+                    }
+                }
+            }
+            break;
+
+        case "closeEventIndex":
+            if (eventIndex !== null) {
+                const index = eventIndex;
+                eventIndex = null;
+
+                try {
+                    await index.shutdown();
+                } catch (e) {
+                    sendError(payload.id, <Error>e);
+                    return;
+                }
+            }
+            break;
+
+        case "deleteEventIndex": {
+            await deleteContents(eventStorePath);
+            break;
+        }
+
+        case "isEventIndexEmpty":
+            if (eventIndex === null) ret = true;
+            else ret = await eventIndex.isEmpty();
+            break;
+
+        case "isRoomIndexed":
+            if (eventIndex === null) ret = false;
+            else ret = await eventIndex.isRoomIndexed(args[0]);
+            break;
+
+        case "addEventToIndex":
+            try {
+                eventIndex?.addEvent(args[0], args[1]);
+            } catch (e) {
+                sendError(payload.id, <Error>e);
+                return;
+            }
+            break;
+
+        case "deleteEvent":
+            try {
+                ret = await eventIndex?.deleteEvent(args[0]);
+            } catch (e) {
+                sendError(payload.id, <Error>e);
+                return;
+            }
+            break;
+
+        case "commitLiveEvents":
+            try {
+                ret = await eventIndex?.commit();
+            } catch (e) {
+                sendError(payload.id, <Error>e);
+                return;
+            }
+            break;
+
+        case "searchEventIndex":
+            try {
+                ret = await eventIndex?.search(args[0]);
+            } catch (e) {
+                sendError(payload.id, <Error>e);
+                return;
+            }
+            break;
+
+        case "addHistoricEvents":
+            if (eventIndex === null) ret = false;
+            else {
+                try {
+                    ret = await eventIndex.addHistoricEvents(args[0], args[1], args[2]);
+                } catch (e) {
+                    sendError(payload.id, <Error>e);
+                    return;
+                }
+            }
+            break;
+
+        case "getStats":
+            if (eventIndex === null) ret = 0;
+            else {
+                try {
+                    ret = await eventIndex.getStats();
+                } catch (e) {
+                    sendError(payload.id, <Error>e);
+                    return;
+                }
+            }
+            break;
+
+        case "removeCrawlerCheckpoint":
+            if (eventIndex === null) ret = false;
+            else {
+                try {
+                    ret = await eventIndex.removeCrawlerCheckpoint(args[0]);
+                } catch (e) {
+                    sendError(payload.id, <Error>e);
+                    return;
+                }
+            }
+            break;
+
+        case "addCrawlerCheckpoint":
+            if (eventIndex === null) ret = false;
+            else {
+                try {
+                    ret = await eventIndex.addCrawlerCheckpoint(args[0]);
+                } catch (e) {
+                    sendError(payload.id, <Error>e);
+                    return;
+                }
+            }
+            break;
+
+        case "loadFileEvents":
+            if (eventIndex === null) ret = [];
+            else {
+                try {
+                    ret = await eventIndex.loadFileEvents(args[0]);
+                } catch (e) {
+                    sendError(payload.id, <Error>e);
+                    return;
+                }
+            }
+            break;
+
+        case "loadCheckpoints":
+            if (eventIndex === null) ret = [];
+            else {
+                try {
+                    ret = await eventIndex.loadCheckpoints();
+                } catch {
+                    ret = [];
+                }
+            }
+            break;
+
+        case "setUserVersion":
+            if (eventIndex === null) break;
+            else {
+                try {
+                    await eventIndex.setUserVersion(args[0]);
+                } catch (e) {
+                    sendError(payload.id, <Error>e);
+                    return;
+                }
+            }
+            break;
+
+        case "getUserVersion":
+            if (eventIndex === null) ret = 0;
+            else {
+                try {
+                    ret = await eventIndex.getUserVersion();
+                } catch (e) {
+                    sendError(payload.id, <Error>e);
+                    return;
+                }
+            }
+            break;
+
+        default:
+            global.mainWindow?.webContents.send("seshatReply", {
+                id: payload.id,
+                error: "Unknown IPC Call: " + payload.name,
+            });
+            return;
+    }
+
+    global.mainWindow?.webContents.send("seshatReply", {
+        id: payload.id,
+        reply: ret,
+    });
+});
diff --git a/apps/desktop/src/settings.ts b/apps/desktop/src/settings.ts
new file mode 100644
index 00000000000..d0bb1d2f091
--- /dev/null
+++ b/apps/desktop/src/settings.ts
@@ -0,0 +1,116 @@
+/*
+Copyright 2022-2024 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 { ipcMain } from "electron";
+
+import * as tray from "./tray.js";
+import Store from "./store.js";
+import { AutoLaunch, type AutoLaunchState } from "./auto-launch.js";
+
+interface Setting {
+    read(): Promise<any>;
+    write(value: any): Promise<void>;
+    supported?(): boolean; // if undefined, the setting is always supported
+}
+
+const Settings: Record<string, Setting> = {
+    "Electron.autoLaunch": {
+        async read(): Promise<AutoLaunchState> {
+            return AutoLaunch.instance.getState();
+        },
+        async write(value: AutoLaunchState): Promise<void> {
+            return AutoLaunch.instance.setState(value);
+        },
+    },
+    "Electron.warnBeforeExit": {
+        async read(): Promise<any> {
+            return Store.instance?.get("warnBeforeExit");
+        },
+        async write(value: any): Promise<void> {
+            Store.instance?.set("warnBeforeExit", value);
+        },
+    },
+    "Electron.alwaysShowMenuBar": {
+        // This isn't relevant on Mac as Menu bars don't live in the app window
+        supported(): boolean {
+            return process.platform !== "darwin";
+        },
+        async read(): Promise<any> {
+            return !global.mainWindow!.autoHideMenuBar;
+        },
+        async write(value: any): Promise<void> {
+            Store.instance?.set("autoHideMenuBar", !value);
+            global.mainWindow!.autoHideMenuBar = !value;
+            global.mainWindow!.setMenuBarVisibility(value);
+        },
+    },
+    "Electron.showTrayIcon": {
+        // Things other than Mac support tray icons
+        supported(): boolean {
+            return process.platform !== "darwin";
+        },
+        async read(): Promise<any> {
+            return tray.hasTray();
+        },
+        async write(value: any): Promise<void> {
+            if (value) {
+                // Create trayIcon icon
+                await tray.create();
+            } else {
+                tray.destroy();
+            }
+            Store.instance?.set("minimizeToTray", value);
+        },
+    },
+    "Electron.enableHardwareAcceleration": {
+        async read(): Promise<any> {
+            return !Store.instance?.get("disableHardwareAcceleration");
+        },
+        async write(value: any): Promise<void> {
+            Store.instance?.set("disableHardwareAcceleration", !value);
+        },
+    },
+    "Electron.enableContentProtection": {
+        // Unsupported on Linux https://www.electronjs.org/docs/latest/api/browser-window#winsetcontentprotectionenable-macos-windows
+        // Broken on macOS https://github.com/electron/electron/issues/19880
+        supported(): boolean {
+            return process.platform === "win32";
+        },
+        async read(): Promise<any> {
+            return Store.instance?.get("enableContentProtection");
+        },
+        async write(value: any): Promise<void> {
+            global.mainWindow?.setContentProtection(value);
+            Store.instance?.set("enableContentProtection", value);
+        },
+    },
+};
+
+ipcMain.handle("getSupportedSettings", async () => {
+    const supportedSettings: Record<string, boolean> = {};
+    for (const [key, setting] of Object.entries(Settings)) {
+        supportedSettings[key] = setting.supported?.() ?? true;
+    }
+    return supportedSettings;
+});
+ipcMain.handle("setSettingValue", async (_ev, settingName: string, value: any) => {
+    const setting = Settings[settingName];
+    if (!setting) {
+        throw new Error(`Unknown setting: ${settingName}`);
+    }
+    console.debug(`Writing setting value for: ${settingName} = ${value}`);
+    await setting.write(value);
+});
+ipcMain.handle("getSettingValue", async (_ev, settingName: string) => {
+    const setting = Settings[settingName];
+    if (!setting) {
+        throw new Error(`Unknown setting: ${settingName}`);
+    }
+    const value = await setting.read();
+    console.debug(`Reading setting value for: ${settingName} = ${value}`);
+    return value;
+});
diff --git a/apps/desktop/src/squirrelhooks.ts b/apps/desktop/src/squirrelhooks.ts
new file mode 100644
index 00000000000..50b30a4e2d8
--- /dev/null
+++ b/apps/desktop/src/squirrelhooks.ts
@@ -0,0 +1,57 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017 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.
+*/
+
+import path from "node:path";
+import { spawn } from "node:child_process";
+import { app } from "electron";
+
+export function getSquirrelExecutable(): string {
+    return path.resolve(path.dirname(process.execPath), "..", "Update.exe");
+}
+
+function runUpdateExe(args: string[]): Promise<void> {
+    // Invokes Squirrel's Update.exe which will do things for us like create shortcuts
+    // Note that there's an Update.exe in the app-x.x.x directory and one in the parent
+    // directory: we need to run the one in the parent directory, because it discovers
+    // information about the app by inspecting the directory it's run from.
+    const updateExe = getSquirrelExecutable();
+    console.log(`Spawning '${updateExe}' with args '${args}'`);
+    return new Promise((resolve) => {
+        spawn(updateExe, args, {
+            detached: true,
+        }).on("close", resolve);
+    });
+}
+
+function checkSquirrelHooks(): boolean {
+    if (process.platform !== "win32") return false;
+    const cmd = process.argv[1];
+    const target = path.basename(process.execPath);
+
+    switch (cmd) {
+        case "--squirrel-install":
+            void runUpdateExe(["--createShortcut=" + target]).then(() => app.quit());
+            return true;
+
+        case "--squirrel-updated":
+        case "--squirrel-obsolete":
+            app.quit();
+            return true;
+
+        case "--squirrel-uninstall":
+            void runUpdateExe(["--removeShortcut=" + target]).then(() => app.quit());
+            return true;
+
+        default:
+            return false;
+    }
+}
+
+if (checkSquirrelHooks()) {
+    process.exit(1);
+}
diff --git a/apps/desktop/src/store.ts b/apps/desktop/src/store.ts
new file mode 100644
index 00000000000..12ff4d94721
--- /dev/null
+++ b/apps/desktop/src/store.ts
@@ -0,0 +1,486 @@
+/*
+Copyright 2022-2025 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import ElectronStore from "electron-store";
+import { app, safeStorage, dialog, type SafeStorage, type Session } from "electron";
+
+import { _t } from "./language-helper.js";
+import { getConfig } from "./config.js";
+
+/**
+ * String union type representing all the safeStorage backends.
+ * + The "unknown" backend shouldn't exist in practice once the app is ready
+ * + The "plaintext" is the temporarily-unencrypted backend for migration, data is wholly unencrypted - uses PlaintextStorageWriter
+ * + The "basic_text" backend is the 'plaintext' backend on Linux, data is encrypted but not using the keychain
+ * + The "system" backend is the encrypted backend on Windows & macOS, data is encrypted using system keychain
+ * + All other backends are linux-specific and are encrypted using the keychain
+ */
+type SafeStorageBackend = ReturnType<SafeStorage["getSelectedStorageBackend"]> | "system" | "plaintext";
+/**
+ * The "unknown" backend is not a valid backend, so we exclude it from the type.
+ */
+type SaneSafeStorageBackend = Exclude<SafeStorageBackend, "unknown">;
+
+/**
+ * Map of safeStorage backends to their command line arguments.
+ * kwallet6 cannot be specified via command line
+ * https://www.electronjs.org/docs/latest/api/safe-storage#safestoragegetselectedstoragebackend-linux
+ */
+const safeStorageBackendMap: Omit<Record<SaneSafeStorageBackend, string>, "system" | "plaintext"> = {
+    basic_text: "basic",
+    gnome_libsecret: "gnome-libsecret",
+    kwallet: "kwallet",
+    kwallet5: "kwallet5",
+    kwallet6: "kwallet6",
+};
+
+function relaunchApp(): void {
+    console.info("Relaunching app...");
+    app.relaunch();
+    app.exit();
+}
+
+/**
+ * Clear all data and relaunch the app.
+ */
+export async function clearDataAndRelaunch(electronSession: Session): Promise<void> {
+    Store.instance?.clear();
+    electronSession.flushStorageData();
+    await electronSession.clearStorageData();
+    relaunchApp();
+}
+
+interface StoreData {
+    warnBeforeExit: boolean;
+    minimizeToTray: boolean;
+    spellCheckerEnabled: boolean;
+    autoHideMenuBar: boolean;
+    locale?: string | string[];
+    disableHardwareAcceleration: boolean;
+    enableContentProtection: boolean;
+    safeStorage?: Record<string, string>;
+    /** the safeStorage backend used for the safeStorage data as written */
+    safeStorageBackend?: SafeStorageBackend;
+    /** whether to explicitly override the safeStorage backend, used for migration */
+    safeStorageBackendOverride?: boolean;
+    /** whether to perform a migration of the safeStorage data */
+    safeStorageBackendMigrate?: boolean;
+    /** whether to open the app at login minimised, only valid when app.openAtLogin is true */
+    openAtLoginMinimised: boolean;
+}
+
+/**
+ * Fallback storage writer for secrets, mainly used for automated tests and systems without any safeStorage support.
+ */
+class StorageWriter {
+    public constructor(protected readonly store: ElectronStore<StoreData>) {}
+
+    public getKey(key: string): `safeStorage.${string}` {
+        return `safeStorage.${key.replaceAll(".", "-")}`;
+    }
+
+    public set(key: string, secret: string): void {
+        this.store.set(this.getKey(key), secret);
+    }
+
+    public get(key: string): string | undefined {
+        return this.store.get(this.getKey(key));
+    }
+
+    public delete(key: string): void {
+        this.store.delete(this.getKey(key));
+    }
+}
+
+/**
+ * Storage writer for secrets using safeStorage.
+ */
+class SafeStorageWriter extends StorageWriter {
+    public set(key: string, secret: string): void {
+        this.store.set(this.getKey(key), safeStorage.encryptString(secret).toString("base64"));
+    }
+
+    public get(key: string): string | undefined {
+        const ciphertext = this.store.get<string, string | undefined>(this.getKey(key));
+        if (ciphertext) {
+            try {
+                return safeStorage.decryptString(Buffer.from(ciphertext, "base64"));
+            } catch (e) {
+                console.error("Failed to decrypt secret", e);
+                console.error("...ciphertext:", JSON.stringify(ciphertext));
+            }
+        }
+        return undefined;
+    }
+}
+
+export const enum Mode {
+    Encrypted = "encrypted", // default
+    AllowPlaintext = "allow-plaintext",
+    ForcePlaintext = "force-plaintext",
+}
+
+/**
+ * JSON-backed store for settings which need to be accessible by the main process.
+ * Secrets are stored within the `safeStorage` object, encrypted with safeStorage.
+ * Any secrets operations are blocked on Electron app ready emit.
+ */
+class Store extends ElectronStore<StoreData> {
+    private static internalInstance?: Store;
+
+    public static get instance(): Store | undefined {
+        return Store.internalInstance;
+    }
+
+    /**
+     * Prepare the store, does not prepare safeStorage, which needs to be done after the app is ready.
+     * Must be executed in the first tick of the event loop so that it can call Electron APIs before ready state.
+     */
+    public static initialize(mode: Mode | undefined): Store {
+        if (Store.internalInstance) {
+            throw new Error("Store already initialized");
+        }
+
+        const store = new Store(mode ?? Mode.Encrypted);
+        Store.internalInstance = store;
+
+        if (
+            process.platform === "linux" &&
+            (store.get("safeStorageBackendOverride") || store.get("safeStorageBackendMigrate"))
+        ) {
+            const backend = store.get("safeStorageBackend")!;
+            if (backend in safeStorageBackendMap) {
+                // If the safeStorage backend which was used to write the data is one we can specify via the commandLine
+                // then do so to ensure we use the same backend for reading the data.
+                app.commandLine.appendSwitch(
+                    "password-store",
+                    safeStorageBackendMap[backend as keyof typeof safeStorageBackendMap],
+                );
+            }
+        }
+
+        return store;
+    }
+
+    // Provides "raw" access to the underlying secrets storage,
+    // should be avoided in favour of the getSecret/setSecret/deleteSecret methods.
+    private secrets?: StorageWriter;
+
+    private constructor(private mode: Mode) {
+        super({
+            name: "electron-config",
+            clearInvalidConfig: false,
+            schema: {
+                warnBeforeExit: {
+                    type: "boolean",
+                    default: true,
+                },
+                minimizeToTray: {
+                    type: "boolean",
+                    default: true,
+                },
+                spellCheckerEnabled: {
+                    type: "boolean",
+                    default: true,
+                },
+                autoHideMenuBar: {
+                    type: "boolean",
+                    default: true,
+                },
+                locale: {
+                    anyOf: [{ type: "string" }, { type: "array", items: { type: "string" } }],
+                },
+                disableHardwareAcceleration: {
+                    type: "boolean",
+                    default: false,
+                },
+                enableContentProtection: {
+                    type: "boolean",
+                    default: false,
+                },
+                safeStorage: {
+                    type: "object",
+                },
+                safeStorageBackend: {
+                    type: "string",
+                },
+                safeStorageBackendOverride: {
+                    type: "boolean",
+                },
+                safeStorageBackendMigrate: {
+                    type: "boolean",
+                },
+                openAtLoginMinimised: {
+                    type: "boolean",
+                    default: true,
+                },
+            },
+        });
+    }
+
+    private safeStorageReadyPromise?: Promise<boolean>;
+    public async safeStorageReady(): Promise<void> {
+        if (!this.safeStorageReadyPromise) {
+            throw new Error("prepareSafeStorage must be called before using storage methods");
+        }
+        await this.safeStorageReadyPromise;
+    }
+
+    /**
+     * Normalise the backend to a sane value (exclude `unknown`), respect forcePlaintext mode,
+     * and ensure that if an encrypted backend is picked that encryption is available, falling back to plaintext if not.
+     * @param forcePlaintext - whether to force plaintext mode
+     * @private
+     */
+    private chooseBackend(forcePlaintext: boolean): SaneSafeStorageBackend {
+        if (forcePlaintext) {
+            return "plaintext";
+        }
+
+        if (process.platform === "linux") {
+            // The following enables plain text encryption if the backend used is basic_text.
+            // It has no significance for any other backend.
+            // We do this early so that in case we end up using the basic_text backend (either because that's the only one available
+            // or as a fallback when the configured backend lacks encryption support), encryption is already turned on.
+            safeStorage.setUsePlainTextEncryption(true);
+
+            // Linux safeStorage support is hellish, the support varies on the Desktop Environment used rather than the store itself.
+            // https://github.com/electron/electron/issues/39789 https://github.com/microsoft/vscode/issues/185212
+            const selectedBackend = safeStorage.getSelectedStorageBackend();
+
+            if (selectedBackend === "unknown" || !safeStorage.isEncryptionAvailable()) {
+                return "plaintext";
+            }
+            return selectedBackend;
+        }
+
+        return safeStorage.isEncryptionAvailable() ? "system" : "plaintext";
+    }
+
+    /**
+     * Prepare the safeStorage backend for use.
+     *
+     * This will relaunch the app in some cases, in which case it will return false and the caller should abort startup.
+     *
+     * @param electronSession - The Electron session to use for storage (will be used to clear storage if necessary).
+     * @returns true if safeStorage was initialised successfully or false if the app will be relaunched
+     */
+    public async prepareSafeStorage(electronSession: Session): Promise<boolean> {
+        this.safeStorageReadyPromise = this.reallyPrepareSafeStorage(electronSession);
+        return this.safeStorageReadyPromise;
+    }
+
+    private async reallyPrepareSafeStorage(electronSession: Session): Promise<boolean> {
+        await app.whenReady();
+
+        // The backend the existing data is written with if any
+        let existingSafeStorageBackend = this.get("safeStorageBackend");
+        // The backend and encryption status of the currently loaded backend
+        const backend = this.chooseBackend(this.mode === Mode.ForcePlaintext);
+
+        // Handle migrations
+        if (existingSafeStorageBackend) {
+            if (existingSafeStorageBackend === "basic_text" && backend !== "plaintext" && backend !== "basic_text") {
+                this.prepareMigrateBasicTextToPlaintext();
+                return false;
+            }
+
+            if (this.get("safeStorageBackendMigrate") && backend === "basic_text") {
+                this.migrateBasicTextToPlaintext();
+                return false;
+            }
+
+            if (existingSafeStorageBackend === "plaintext" && backend !== "plaintext") {
+                this.migratePlaintextToEncrypted();
+                // Ensure we update existingSafeStorageBackend so we don't fall into the "backend changed" clause below
+                existingSafeStorageBackend = this.get("safeStorageBackend");
+            }
+        }
+
+        if (!existingSafeStorageBackend) {
+            // First launch of the app or first launch since the update
+            if (this.mode === Mode.Encrypted && (backend === "plaintext" || backend === "basic_text")) {
+                // Ask the user for consent to use a degraded mode
+                await this.consultUserConsentDegradedMode(backend);
+            }
+            // Store the backend used for the safeStorage data so we can detect if it changes, and we know how the data is encoded
+            this.recordSafeStorageBackend(backend);
+        } else if (existingSafeStorageBackend !== backend) {
+            // We already appear to have started using a backend other than the one that we picked, so
+            // set the override flag and relaunch with the backend we were previously using, unless we
+            // already have the override flag, in which case we must assume the previous backend is no
+            // longer usable, in which case we should fall into the next block and warn the user we can't
+            // migrate.
+            console.warn(`safeStorage backend changed from ${existingSafeStorageBackend} to ${backend}`);
+
+            if (existingSafeStorageBackend in safeStorageBackendMap && !this.get("safeStorageBackendOverride")) {
+                this.set("safeStorageBackendOverride", true);
+                relaunchApp();
+                return false;
+            } else {
+                // This will either relaunch the app or throw an execption
+                await this.consultUserBackendChangedUnableToMigrate(electronSession);
+                return false;
+            }
+        }
+
+        console.info(`Using storage mode '${this.mode}' with backend '${backend}'`);
+        if (backend !== "plaintext") {
+            this.secrets = new SafeStorageWriter(this);
+        } else {
+            this.secrets = new StorageWriter(this);
+        }
+
+        return true;
+    }
+
+    private async consultUserBackendChangedUnableToMigrate(electronSession: Session): Promise<void> {
+        const { response } = await dialog.showMessageBox({
+            title: _t("store|error|backend_changed_title"),
+            message: _t("store|error|backend_changed"),
+            detail: _t("store|error|backend_changed_detail"),
+            type: "question",
+            buttons: [_t("common|no"), _t("common|yes")],
+            defaultId: 0,
+            cancelId: 0,
+        });
+        if (response === 0) {
+            throw new Error("safeStorage backend changed and cannot migrate");
+        }
+        return clearDataAndRelaunch(electronSession);
+    }
+
+    private async consultUserConsentDegradedMode(backend: "plaintext" | "basic_text"): Promise<void> {
+        if (backend === "plaintext") {
+            // Sometimes we may have a working backend that for some reason does not support encryption at the moment.
+            // This may be because electron reported an incorrect backend or because of some known issues with the keyring itself.
+            // Or the environment specified `--storage-mode=force-plaintext`.
+            // In any case, when this happens, we give the user an option to use a weaker form of encryption.
+            const { response } = await dialog.showMessageBox({
+                title: _t("store|error|backend_no_encryption_title"),
+                message: _t("store|error|backend_no_encryption"),
+                detail: _t("store|error|backend_no_encryption_detail", {
+                    backend: safeStorage.getSelectedStorageBackend(),
+                    brand: getConfig().brand,
+                }),
+                type: "error",
+                buttons: [_t("action|cancel"), _t("store|error|unsupported_keyring_use_plaintext")],
+                defaultId: 0,
+                cancelId: 0,
+            });
+            if (response === 0) {
+                throw new Error("isEncryptionAvailable=false and user rejected plaintext");
+            }
+        } else {
+            // Electron did not identify a compatible encrypted backend, ask user for consent to degraded mode
+            const { response } = await dialog.showMessageBox({
+                title: _t("store|error|unsupported_keyring_title"),
+                message: _t("store|error|unsupported_keyring"),
+                detail: _t("store|error|unsupported_keyring_detail", {
+                    brand: getConfig().brand,
+                    link: "https://www.electronjs.org/docs/latest/api/safe-storage#safestoragegetselectedstoragebackend-linux",
+                }),
+                type: "error",
+                buttons: [_t("action|cancel"), _t("store|error|unsupported_keyring_use_basic_text")],
+                defaultId: 0,
+                cancelId: 0,
+            });
+            if (response === 0) {
+                throw new Error("safeStorage backend basic_text and user rejected it");
+            }
+        }
+    }
+
+    private recordSafeStorageBackend(backend: SafeStorageBackend): void {
+        this.set("safeStorageBackend", backend);
+    }
+
+    /**
+     * Linux support for upgrading the backend from basic_text to one of the encrypted backends,
+     * this is quite a tricky process as the backend is not known until the app is ready & cannot be changed once it is.
+     * 1. We restart the app in safeStorageBackendMigrate mode
+     * 2. Now that we are in the mode which our data is written in we decrypt the data, write it back in plaintext
+     *     & restart back in default backend mode,
+     * 3. Finally, we load the plaintext data & encrypt it.
+     */
+    private prepareMigrateBasicTextToPlaintext(): void {
+        console.info(`Starting safeStorage migration to ${safeStorage.getSelectedStorageBackend()}`);
+        this.set("safeStorageBackendMigrate", true);
+        relaunchApp();
+    }
+    private migrateBasicTextToPlaintext(): void {
+        const secrets = new SafeStorageWriter(this);
+        console.info("Performing safeStorage migration");
+        const data = this.get("safeStorage");
+        if (data) {
+            for (const key in data) {
+                this.set(secrets.getKey(key), secrets.get(key));
+            }
+            this.recordSafeStorageBackend("plaintext");
+        }
+        this.delete("safeStorageBackendMigrate");
+        relaunchApp();
+    }
+    private migratePlaintextToEncrypted(): void {
+        const secrets = new SafeStorageWriter(this);
+        const selectedSafeStorageBackend = safeStorage.getSelectedStorageBackend();
+        console.info(`Finishing safeStorage migration to ${selectedSafeStorageBackend}`);
+        const data = this.get("safeStorage");
+        if (data) {
+            for (const key in data) {
+                secrets.set(key, data[key]);
+            }
+        }
+        this.recordSafeStorageBackend(selectedSafeStorageBackend);
+    }
+
+    /**
+     * Get the stored secret for the key.
+     *
+     * @param key The string key name.
+     *
+     * @returns A promise for the secret string.
+     */
+    public async getSecret(key: string): Promise<string | undefined> {
+        await this.safeStorageReady();
+        return this.secrets!.get(key);
+    }
+
+    /**
+     * Add the secret for the key to the keychain.
+     *
+     * @param key The string key name.
+     * @param secret The string password.
+     *
+     * @returns A promise for the set password completion.
+     */
+    public async setSecret(key: string, secret: string): Promise<void> {
+        await this.safeStorageReady();
+        this.secrets!.set(key, secret);
+    }
+
+    /**
+     * Delete the stored password for the key.
+     *
+     * @param key The string key name.
+     */
+    public async deleteSecret(key: string): Promise<void> {
+        await this.safeStorageReady();
+        this.secrets!.delete(key);
+    }
+}
+
+export default Store;
diff --git a/apps/desktop/src/tray.test.ts b/apps/desktop/src/tray.test.ts
new file mode 100644
index 00000000000..9820d066392
--- /dev/null
+++ b/apps/desktop/src/tray.test.ts
@@ -0,0 +1,50 @@
+/*
+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 { expect, describe, it, beforeEach, vi } from "vitest";
+import { Tray } from "electron";
+
+import { getConfig } from "./config.js";
+
+vi.mock("electron", () => ({
+    Tray: vi.fn(
+        class {
+            public setToolTip = vi.fn();
+            public setContextMenu = vi.fn();
+            public on = vi.fn();
+        },
+    ),
+    Menu: {
+        buildFromTemplate: vi.fn(),
+    },
+    nativeImage: {
+        createFromPath: vi.fn(),
+    },
+    app: {
+        isPackaged: true,
+    },
+}));
+
+vi.mock("./icon.js");
+vi.mock("./config.js");
+
+describe("create", () => {
+    let create: () => Promise<void>;
+
+    beforeEach(async () => {
+        // The tray is disabled on macOS so test under win32
+        vi.spyOn(process, "platform", "get").mockReturnValue("win32");
+        ({ create } = await import("./tray.js"));
+    });
+
+    it("should use config.brand", async () => {
+        vi.mocked(getConfig).mockReturnValue({ brand: "ChatApp", help_url: "HELP_URL", web_base_url: "WEB_BASE_URL" });
+        await create();
+        const tray = vi.mocked(Tray).mock.instances[0];
+        expect(tray.setToolTip).toHaveBeenCalledWith("ChatApp");
+    });
+});
diff --git a/apps/desktop/src/tray.ts b/apps/desktop/src/tray.ts
new file mode 100644
index 00000000000..3d8015aba85
--- /dev/null
+++ b/apps/desktop/src/tray.ts
@@ -0,0 +1,129 @@
+/*
+Copyright 2024-2025 New Vector Ltd.
+Copyright 2017 Karl Glatz <karl@glatz.biz>
+Copyright 2017 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.
+*/
+
+import { app, Tray, Menu, nativeImage } from "electron";
+import { v5 as uuidv5 } from "uuid";
+import { writeFile } from "node:fs/promises";
+import pngToIco from "png-to-ico";
+import path from "node:path";
+
+import { _t } from "./language-helper.js";
+import { getBuildConfig } from "./build-config.js";
+import { getIconPath } from "./icon.js";
+import { getConfig } from "./config.js";
+
+// This hardcoded uuid is an arbitrary v4 uuid generated on https://www.uuidgenerator.net/version4
+const UUID_NAMESPACE = "9fc9c6a0-9ffe-45c9-9cd7-5639ae38b232";
+
+let trayIcon: Tray | null = null;
+
+export function hasTray(): boolean {
+    return trayIcon !== null;
+}
+
+export function destroy(): void {
+    if (trayIcon) {
+        trayIcon.destroy();
+        trayIcon = null;
+    }
+}
+
+function toggleWin(): void {
+    if (global.mainWindow?.isVisible() && !global.mainWindow.isMinimized() && global.mainWindow.isFocused()) {
+        global.mainWindow.hide();
+    } else {
+        if (global.mainWindow?.isMinimized()) global.mainWindow.restore();
+        if (!global.mainWindow?.isVisible()) global.mainWindow?.show();
+        global.mainWindow?.focus();
+    }
+}
+
+export async function create(): Promise<void> {
+    // no trays on darwin
+    if (process.platform === "darwin" || trayIcon) return;
+    const iconPath = await getIconPath();
+    const defaultIcon = nativeImage.createFromPath(iconPath);
+
+    const buildConfig = getBuildConfig();
+    if (process.platform === "win32" && app.isPackaged && buildConfig.windowsCertSubjectName) {
+        // Providing a GUID lets Windows be smarter about maintaining user's tray preferences
+        // https://github.com/electron/electron/pull/21891
+        // We generate the GUID in a custom arbitrary namespace and use the subject name & userData path
+        // to differentiate different app builds on the same system.
+        const guid = uuidv5(`${buildConfig.windowsCertSubjectName}:${app.getPath("userData")}`, UUID_NAMESPACE);
+        trayIcon = new Tray(defaultIcon, guid);
+    } else {
+        trayIcon = new Tray(defaultIcon);
+    }
+
+    trayIcon.setToolTip(getConfig().brand);
+    initApplicationMenu();
+    trayIcon.on("click", toggleWin);
+
+    // See also, badge.ts
+    let lastFavicon: string | null = null;
+    global.mainWindow?.webContents.on("page-favicon-updated", async function (ev, favicons) {
+        if (!favicons || favicons.length <= 0 || !favicons[0].startsWith("data:")) {
+            if (lastFavicon !== null) {
+                global.mainWindow?.setIcon(defaultIcon);
+                trayIcon?.setImage(defaultIcon);
+                lastFavicon = null;
+            }
+            return;
+        }
+
+        // No need to change, shortcut
+        if (favicons[0] === lastFavicon) return;
+        lastFavicon = favicons[0];
+
+        let newFavicon = nativeImage.createFromDataURL(favicons[0]);
+
+        // Windows likes ico's too much.
+        if (process.platform === "win32") {
+            try {
+                const icoPath = path.join(app.getPath("temp"), "win32_element_icon.ico");
+                await writeFile(icoPath, await pngToIco(newFavicon.toPNG()));
+                newFavicon = nativeImage.createFromPath(icoPath);
+            } catch (e) {
+                console.error("Failed to make win32 ico", e);
+            }
+            // Always update the tray icon for Windows.
+            trayIcon?.setImage(newFavicon);
+        } else {
+            trayIcon?.setImage(newFavicon);
+            global.mainWindow?.setIcon(newFavicon);
+        }
+    });
+
+    global.mainWindow?.webContents.on("page-title-updated", function (ev, title) {
+        trayIcon?.setToolTip(title);
+    });
+}
+
+export function initApplicationMenu(): void {
+    if (!trayIcon) {
+        return;
+    }
+
+    const contextMenu = Menu.buildFromTemplate([
+        {
+            label: _t("action|show_hide"),
+            click: toggleWin,
+        },
+        { type: "separator" },
+        {
+            label: _t("action|quit"),
+            click: function (): void {
+                app.quit();
+            },
+        },
+    ]);
+
+    trayIcon.setContextMenu(contextMenu);
+}
diff --git a/apps/desktop/src/updater.ts b/apps/desktop/src/updater.ts
new file mode 100644
index 00000000000..e6702d38c58
--- /dev/null
+++ b/apps/desktop/src/updater.ts
@@ -0,0 +1,211 @@
+/*
+Copyright 2016-2024 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 { app, autoUpdater, ipcMain } from "electron";
+import fs from "node:fs/promises";
+import os from "node:os";
+
+import { getSquirrelExecutable } from "./squirrelhooks.js";
+import { _t } from "./language-helper.js";
+import { initialisePromise } from "./ipc.js";
+import { getConfig } from "./config.js";
+
+const UPDATE_POLL_INTERVAL_MS = 60 * 60 * 1000;
+const INITIAL_UPDATE_DELAY_MS = 30 * 1000;
+
+function installUpdate(): void {
+    // for some reason, quitAndInstall does not fire the
+    // before-quit event, so we need to set the flag here.
+    global.appQuitting = true;
+    autoUpdater.quitAndInstall();
+}
+
+// Workaround for Squirrel.Mac wedging auto-restart if latest check for update failed
+// From https://github.com/vector-im/element-web/issues/12433#issuecomment-1508995119
+async function safeCheckForUpdate(): Promise<void> {
+    if (process.platform === "darwin") {
+        const feedUrl = autoUpdater.getFeedURL();
+        // On Mac if the user has already downloaded an update but not installed it and
+        // we check again and no additional new update is available the app ends up in a
+        // bad state and doesn't restart after installing any updates that are downloaded.
+        // To avoid this we check manually whether an update is available and call the
+        // autoUpdater.checkForUpdates() when something new is there.
+        try {
+            const res = await fetch(feedUrl);
+            const { currentRelease } = (await res.json()) as { currentRelease: string };
+            const latestVersionDownloaded = latestUpdateDownloaded?.releaseName;
+            console.info(
+                `Latest version from release download: ${currentRelease} (current: ${app.getVersion()}, most recent downloaded ${latestVersionDownloaded}})`,
+            );
+            if (currentRelease === app.getVersion() || currentRelease === latestVersionDownloaded) {
+                ipcChannelSendUpdateStatus(false);
+                return;
+            }
+        } catch (err) {
+            console.error(`Error checking for updates ${feedUrl}`, err);
+            ipcChannelSendUpdateStatus(false);
+            return;
+        }
+    }
+    autoUpdater.checkForUpdates();
+}
+
+async function pollForUpdates(): Promise<void> {
+    try {
+        // If we've already got a new update downloaded, then stop trying to check for new ones, as according to the doc
+        // at https://github.com/electron/electron/blob/main/docs/api/auto-updater.md#autoupdatercheckforupdates
+        // we'll just keep re-downloading the same update.
+        // As a hunch, this might also be causing https://github.com/vector-im/element-web/issues/12433
+        // due to the update checks colliding with the pending install somehow
+        if (!latestUpdateDownloaded) {
+            await safeCheckForUpdate();
+        } else {
+            console.log("Skipping update check as download already present");
+            global.mainWindow?.webContents.send("update-downloaded", latestUpdateDownloaded);
+        }
+    } catch (e) {
+        console.log("Couldn't check for update", e);
+    }
+}
+
+export async function start(updateBaseUrl: string): Promise<void> {
+    if (!(await available())) return;
+    console.log(`Starting auto update with base URL: ${updateBaseUrl}`);
+    if (!updateBaseUrl.endsWith("/")) {
+        updateBaseUrl = updateBaseUrl + "/";
+    }
+
+    try {
+        let url: string;
+        let serverType: "json" | undefined;
+
+        if (process.platform === "darwin") {
+            // On macOS it takes a JSON file with a map between versions and their URLs
+            url = `${updateBaseUrl}macos/releases.json`;
+            serverType = "json";
+        } else if (process.platform === "win32") {
+            // On windows it takes a base path and looks for files under that path.
+            url = `${updateBaseUrl}win32/${process.arch}/`;
+        } else {
+            // Squirrel / electron only supports auto-update on these two platforms.
+            // I'm not even going to try to guess which feed style they'd use if they
+            // implemented it on Linux, or if it would be different again.
+            return;
+        }
+
+        if (url) {
+            console.log(`Update URL: ${url}`);
+            autoUpdater.setFeedURL({ url, serverType });
+            // We check for updates ourselves rather than using 'updater' because we need to
+            // do it in the main process (and we don't really need to check every 10 minutes:
+            // every hour should be just fine for a desktop app)
+            // However, we still let the main window listen for the update events.
+            // We also wait a short time before checking for updates the first time because
+            // of squirrel on windows and it taking a small amount of time to release a
+            // lock file.
+            setTimeout(pollForUpdates, INITIAL_UPDATE_DELAY_MS);
+            setInterval(pollForUpdates, UPDATE_POLL_INTERVAL_MS);
+        }
+    } catch (err) {
+        // will fail if running in debug mode
+        console.log("Couldn't enable update checking", err);
+    }
+}
+
+/**
+ * Check if auto update is available on this platform.
+ * Has a side effect of firing showToast on EOL platforms so must only be called once!
+ * @returns True if auto update is available
+ */
+async function available(): Promise<boolean> {
+    if (process.platform === "linux") {
+        // Auto update is not supported on Linux
+        console.warn("Auto update not supported on this platform");
+        return false;
+    }
+
+    if (process.platform === "win32") {
+        try {
+            await fs.access(getSquirrelExecutable());
+        } catch {
+            console.warn("Squirrel not found, auto update not supported");
+            return false;
+        }
+    }
+
+    // Otherwise we're either on macOS or Windows with Squirrel
+    if (process.platform === "darwin") {
+        // OS release returns the Darwin kernel version, not the macOS version, see
+        // https://en.wikipedia.org/wiki/Darwin_(operating_system)#Release_history to interpret it
+        const release = os.release();
+        const major = parseInt(release.split(".")[0], 10);
+
+        if (major < 21) {
+            // If the macOS version is too old for modern Electron support then disable auto update to prevent the app updating and bricking itself.
+            // The oldest macOS version supported by Chromium/Electron 38 is Monterey (12.x) which started with Darwin 21.0
+            initialisePromise.then(() => {
+                ipcMain.emit("showToast", {
+                    title: _t("eol|title"),
+                    description: _t("eol|no_more_updates", { brand: getConfig().brand }),
+                });
+            });
+            console.warn("Auto update not supported, macOS version too old");
+            return false;
+        } else if (major < 22) {
+            // If the macOS version is EOL then show a warning message.
+            // The oldest macOS version still supported by Apple is Ventura (13.x) which started with Darwin 22.0
+            initialisePromise.then(() => {
+                ipcMain.emit("showToast", {
+                    title: _t("eol|title"),
+                    description: _t("eol|warning", { brand: getConfig().brand }),
+                });
+            });
+        }
+    }
+
+    return true;
+}
+
+ipcMain.on("install_update", installUpdate);
+ipcMain.on("check_updates", pollForUpdates);
+
+function ipcChannelSendUpdateStatus(status: boolean | string): void {
+    global.mainWindow?.webContents.send("check_updates", status);
+}
+
+interface ICachedUpdate {
+    releaseNotes: string;
+    releaseName: string;
+    releaseDate: Date;
+    updateURL: string;
+}
+
+// cache the latest update which has been downloaded as electron offers no api to read it
+let latestUpdateDownloaded: ICachedUpdate | undefined;
+autoUpdater
+    .on("update-available", function () {
+        ipcChannelSendUpdateStatus(true);
+    })
+    .on("update-not-available", function () {
+        if (latestUpdateDownloaded) {
+            // the only time we will get `update-not-available` if `latestUpdateDownloaded` is already set
+            // is if the user used the Manual Update check and there is no update newer than the one we
+            // have downloaded, so show it to them as the latest again.
+            global.mainWindow?.webContents.send("update-downloaded", latestUpdateDownloaded);
+        } else {
+            ipcChannelSendUpdateStatus(false);
+        }
+    })
+    .on("error", function (error) {
+        ipcChannelSendUpdateStatus(error.message);
+    });
+
+autoUpdater.on("update-downloaded", (ev, releaseNotes, releaseName, releaseDate, updateURL) => {
+    // forward to renderer
+    latestUpdateDownloaded = { releaseNotes, releaseName, releaseDate, updateURL };
+    global.mainWindow?.webContents.send("update-downloaded", latestUpdateDownloaded);
+});
diff --git a/apps/desktop/src/utils.test.ts b/apps/desktop/src/utils.test.ts
new file mode 100644
index 00000000000..aa099c6f651
--- /dev/null
+++ b/apps/desktop/src/utils.test.ts
@@ -0,0 +1,78 @@
+/*
+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 { expect, describe, it, beforeEach, vi } from "vitest";
+import { fs as memfs, vol } from "memfs";
+
+import { loadJsonFile, tryPaths, randomArray } from "./utils.js";
+
+vi.mock("node:fs", () => ({ default: memfs }));
+vi.mock("node:fs/promises", () => ({ default: memfs.promises }));
+
+beforeEach(() => {
+    // Reset the state of the in-memory fs
+    vol.reset();
+});
+
+describe("randomArray", () => {
+    it("should return an array matching the requested size", async () => {
+        function toUnpaddedBase64Size(size: number): number {
+            return Math.ceil((4 * size) / 3);
+        }
+
+        await expect(randomArray(100)).resolves.toHaveLength(toUnpaddedBase64Size(100));
+        await expect(randomArray(32)).resolves.toHaveLength(toUnpaddedBase64Size(32));
+    });
+
+    it("should return a unique random array", async () => {
+        const arr1 = await randomArray(60);
+        const arr2 = await randomArray(60);
+        expect(arr1).not.toEqual(arr2);
+    });
+});
+
+describe("loadJsonFile", () => {
+    beforeEach(() => {
+        vol.fromJSON({
+            "./file.json": JSON.stringify({ file1: true }),
+            "./nested/deep/file.json": JSON.stringify({ file2: true }),
+        });
+    });
+
+    it("should load and parse a JSON file correctly", () => {
+        expect(loadJsonFile("file.json")).toStrictEqual({ file1: true });
+    });
+
+    it("should use args as path segments", () => {
+        expect(loadJsonFile("nested", "deep", "file.json")).toStrictEqual({ file2: true });
+    });
+
+    it("should return an empty object when file does not exist", () => {
+        expect(loadJsonFile("unknown-file.json")).toStrictEqual({});
+    });
+});
+
+describe("tryPaths", () => {
+    beforeEach(() => {
+        vol.fromNestedJSON({
+            "./dirA/": {},
+            "./dir/dirB/": {},
+        });
+    });
+
+    it("should find file relative to given root", async () => {
+        await expect(tryPaths("name", "dir", ["dirB"])).resolves.toEqual("dir/dirB/");
+    });
+
+    it("should handle unknown paths", async () => {
+        await expect(tryPaths("name", ".", ["dirB", "dirA"])).resolves.toEqual("dirA/");
+    });
+
+    it("should throw error if file does not exist", async () => {
+        await expect(tryPaths("name", "dir", ["a.json", "b.json"])).rejects.toThrow("Failed to find name path");
+    });
+});
diff --git a/apps/desktop/src/utils.ts b/apps/desktop/src/utils.ts
new file mode 100644
index 00000000000..eedabf5237b
--- /dev/null
+++ b/apps/desktop/src/utils.ts
@@ -0,0 +1,68 @@
+/*
+Copyright 2022-2024 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 crypto from "node:crypto";
+import fs from "node:fs";
+import path from "node:path";
+import afs from "node:fs/promises";
+import { type JsonDocument } from "shared-types";
+
+/**
+ * Returns a random array of a specified size in unpadded base64
+ * @param size - the size of the underlying random array
+ */
+export async function randomArray(size: number): Promise<string> {
+    return new Promise((resolve, reject) => {
+        crypto.randomBytes(size, (err, buf) => {
+            if (err) {
+                reject(err);
+            } else {
+                resolve(buf.toString("base64").replace(/=+$/g, ""));
+            }
+        });
+    });
+}
+
+/**
+ * Synchronously load a JSON file from the local filesystem.
+ * Unlike `require`, will never execute any javascript in a loaded file.
+ * @param paths - An array of path segments which will be joined using the system's path delimiter.
+ */
+export function loadJsonFile<T extends JsonDocument>(...paths: string[]): T {
+    const joinedPaths = path.join(...paths);
+
+    if (!fs.existsSync(joinedPaths)) {
+        console.log(`Skipping nonexistent file: ${joinedPaths}`);
+        return {} as T;
+    }
+
+    const file = fs.readFileSync(joinedPaths, { encoding: "utf-8" });
+    return JSON.parse(file);
+}
+
+/**
+ * Looks for a given path relative to root
+ * @param name - dir name to use in logging
+ * @param root - the root to search from
+ * @param rawPaths - the paths to search, in order
+ */
+export async function tryPaths(name: string, root: string, rawPaths: string[]): Promise<string> {
+    // Make everything relative to root
+    const paths = rawPaths.map((p) => path.join(root, p));
+
+    for (const p of paths) {
+        try {
+            await afs.stat(p);
+            return p + "/";
+        } catch {}
+    }
+    console.log(`Couldn't find '${name}' in any of: `);
+    for (const p of paths) {
+        console.log("\t" + path.resolve(p));
+    }
+    throw new Error(`Failed to find ${name} path`);
+}
diff --git a/apps/desktop/src/vectormenu.test.ts b/apps/desktop/src/vectormenu.test.ts
new file mode 100644
index 00000000000..5b3582e7c74
--- /dev/null
+++ b/apps/desktop/src/vectormenu.test.ts
@@ -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 { expect, describe, it, vi, beforeEach } from "vitest";
+import { type Menu, type MenuItemConstructorOptions, shell } from "electron";
+
+import { type buildMenuTemplate as _buildMenuTemplate } from "./vectormenu.js";
+import { type ConfigOptions } from "./config.js";
+
+vi.mock("electron", () => ({
+    app: {
+        name: "ChatApp",
+    },
+    shell: {
+        openExternal: vi.fn(),
+    },
+    Menu: { buildFromTemplate: ((items) => ({ items })) as (typeof Menu)["buildFromTemplate"] } as unknown as Menu,
+}));
+
+vi.mock("./config.js", () => ({
+    getConfig: (): Partial<ConfigOptions> => ({
+        brand: "IAMBRAND",
+        help_url: "https://i.need.help",
+    }),
+}));
+
+vi.mock("./language-helper.js", () => ({
+    _t: (k: string): string => k,
+}));
+
+describe("buildMenuTemplate", () => {
+    describe.each(["darwin", "linux", "win32"] as const)("on %s", (platform) => {
+        let buildMenuTemplate: typeof _buildMenuTemplate;
+
+        beforeEach(async () => {
+            vi.spyOn(process, "platform", "get").mockReturnValue(platform);
+            vi.resetModules();
+            ({ buildMenuTemplate } = await import("./vectormenu.js"));
+        });
+
+        it.runIf(platform === "darwin")("should have an app-named item first", () => {
+            const menu = buildMenuTemplate();
+            expect(menu.items[0].label).toBe("ChatApp");
+        });
+
+        it("should include expected `help` menu", () => {
+            const menu = buildMenuTemplate();
+
+            const helpMenu = menu.items.at(-1)!;
+            expect(helpMenu.label).toBe("common|help");
+            const helpSubmenu = helpMenu.submenu as unknown as MenuItemConstructorOptions[];
+            expect(helpSubmenu[0].label).toBe("common|brand_help");
+            helpSubmenu[0].click!(menu.items.at(-1)!, undefined, new Event("click") as KeyboardEvent);
+            expect(shell.openExternal).toHaveBeenCalledWith("https://i.need.help");
+        });
+    });
+});
diff --git a/apps/desktop/src/vectormenu.ts b/apps/desktop/src/vectormenu.ts
new file mode 100644
index 00000000000..6680396e904
--- /dev/null
+++ b/apps/desktop/src/vectormenu.ts
@@ -0,0 +1,250 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+import { app, shell, Menu, type MenuItem, type MenuItemConstructorOptions } from "electron";
+
+import { _t } from "./language-helper.js";
+import { getConfig } from "./config.js";
+
+const isMac = process.platform === "darwin";
+
+export function buildMenuTemplate(): Menu {
+    // Menu template from http://electron.atom.io/docs/api/menu/, edited
+    const template: Array<MenuItemConstructorOptions | MenuItem> = [
+        {
+            label: _t("action|edit"),
+            accelerator: "e",
+            submenu: [
+                {
+                    role: "undo",
+                    label: _t("action|undo"),
+                },
+                {
+                    role: "redo",
+                    label: _t("action|redo"),
+                },
+                { type: "separator" },
+                {
+                    role: "cut",
+                    label: _t("action|cut"),
+                },
+                {
+                    role: "copy",
+                    label: _t("action|copy"),
+                },
+                {
+                    role: "paste",
+                    label: _t("action|paste"),
+                },
+                {
+                    role: "pasteAndMatchStyle",
+                    label: _t("action|paste_match_style"),
+                },
+                {
+                    role: "delete",
+                    label: _t("action|delete"),
+                },
+                {
+                    role: "selectAll",
+                    label: _t("action|select_all"),
+                },
+            ],
+        },
+        {
+            label: _t("view_menu|view"),
+            accelerator: "V",
+            submenu: [
+                { type: "separator" },
+                {
+                    role: "resetZoom",
+                    accelerator: "CmdOrCtrl+Num0",
+                    visible: false,
+                },
+                {
+                    role: "zoomIn",
+                    accelerator: "CmdOrCtrl+NumAdd",
+                    visible: false,
+                },
+                {
+                    role: "zoomOut",
+                    accelerator: "CmdOrCtrl+NumSub",
+                    visible: false,
+                },
+                {
+                    role: "resetZoom",
+                    label: _t("view_menu|actual_size"),
+                },
+                {
+                    role: "zoomIn",
+                    label: _t("action|zoom_in"),
+                },
+                {
+                    role: "zoomOut",
+                    label: _t("action|zoom_out"),
+                },
+                { type: "separator" },
+                // in macOS the Preferences menu item goes in the first menu
+                ...(!isMac
+                    ? [
+                          {
+                              label: _t("common|preferences"),
+                              click(): void {
+                                  global.mainWindow?.webContents.send("preferences");
+                              },
+                          },
+                      ]
+                    : []),
+                {
+                    role: "togglefullscreen",
+                    label: _t("view_menu|toggle_full_screen"),
+                },
+                {
+                    role: "toggleDevTools",
+                    label: _t("view_menu|toggle_developer_tools"),
+                },
+            ],
+        },
+        {
+            label: _t("window_menu|label"),
+            accelerator: "w",
+            role: "window",
+            submenu: [
+                {
+                    role: "minimize",
+                    label: _t("action|minimise"),
+                },
+                {
+                    role: "close",
+                    label: _t("action|close"),
+                },
+            ],
+        },
+        {
+            label: _t("common|help"),
+            accelerator: "h",
+            role: "help",
+            submenu: [
+                {
+                    label: _t("common|brand_help", { brand: getConfig().brand }),
+                    click(): void {
+                        void shell.openExternal(getConfig().help_url);
+                    },
+                },
+            ],
+        },
+    ];
+
+    // macOS has specific menu conventions...
+    if (isMac) {
+        template.unshift({
+            // first macOS menu is the name of the app
+            role: "appMenu",
+            label: app.name,
+            submenu: [
+                {
+                    role: "about",
+                    label: _t("common|about") + " " + app.name,
+                },
+                { type: "separator" },
+                {
+                    label: _t("common|preferences") + "…",
+                    accelerator: "Command+,", // Mac-only accelerator
+                    click(): void {
+                        global.mainWindow?.webContents.send("preferences");
+                    },
+                },
+                { type: "separator" },
+                {
+                    role: "services",
+                    label: _t("menu|services"),
+                    submenu: [],
+                },
+                { type: "separator" },
+                {
+                    role: "hide",
+                    label: _t("menu|hide"),
+                },
+                {
+                    role: "hideOthers",
+                    label: _t("menu|hide_others"),
+                },
+                {
+                    role: "unhide",
+                    label: _t("menu|unhide"),
+                },
+                { type: "separator" },
+                {
+                    role: "quit",
+                    label: _t("action|quit"),
+                },
+            ],
+        });
+        // Edit menu.
+        // This has a 'speech' section on macOS
+        (template[1].submenu as MenuItemConstructorOptions[]).push(
+            { type: "separator" },
+            {
+                label: _t("edit_menu|speech"),
+                submenu: [
+                    {
+                        role: "startSpeaking",
+                        label: _t("edit_menu|speech_start_speaking"),
+                    },
+                    {
+                        role: "stopSpeaking",
+                        label: _t("edit_menu|speech_stop_speaking"),
+                    },
+                ],
+            },
+        );
+
+        // Window menu.
+        // This also has specific functionality on macOS
+        template[3].submenu = [
+            {
+                label: _t("action|close"),
+                accelerator: "CmdOrCtrl+W",
+                role: "close",
+            },
+            {
+                label: _t("action|minimise"),
+                accelerator: "CmdOrCtrl+M",
+                role: "minimize",
+            },
+            {
+                label: _t("window_menu|zoom"),
+                role: "zoom",
+            },
+            {
+                type: "separator",
+            },
+            {
+                label: _t("window_menu|bring_all_to_front"),
+                role: "front",
+            },
+        ];
+    } else {
+        template.unshift({
+            label: _t("file_menu|label"),
+            accelerator: "f",
+            submenu: [
+                // For some reason, 'about' does not seem to work on windows.
+                /*{
+                    role: 'about',
+                    label: _t('About'),
+                },*/
+                {
+                    role: "quit",
+                    label: _t("action|quit"),
+                },
+            ],
+        });
+    }
+
+    return Menu.buildFromTemplate(template);
+}
diff --git a/apps/desktop/src/webcontents-handler.test.ts b/apps/desktop/src/webcontents-handler.test.ts
new file mode 100644
index 00000000000..e629352f9f8
--- /dev/null
+++ b/apps/desktop/src/webcontents-handler.test.ts
@@ -0,0 +1,224 @@
+/*
+Copyright 2026 hayaksi1
+
+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 { beforeEach, describe, expect, it, vi, type Mock } from "vitest";
+import { dialog, shell, type WebContents } from "electron";
+
+// The `userDownloadAction` listener is registered at import time, so capture the callbacks that
+// `ipcMain.on` receives in order to invoke the handler under test directly.
+const { ipcHandlers, menus } = vi.hoisted(() => ({
+    ipcHandlers: {} as Record<string, (...args: unknown[]) => unknown>,
+    // Every context menu the handler builds, in construction order, so a test can click an entry.
+    menus: [] as MenuStub[],
+}));
+
+interface MenuItemStub {
+    label: string;
+    click?: () => void | Promise<void>;
+}
+
+interface MenuStub {
+    items: MenuItemStub[];
+}
+
+vi.mock("electron", () => ({
+    clipboard: { writeText: vi.fn() },
+    Menu: class {
+        public readonly items: MenuItemStub[] = [];
+        public constructor() {
+            menus.push(this);
+        }
+        public append(item: MenuItemStub): void {
+            this.items.push(item);
+        }
+        public popup(): void {}
+    },
+    MenuItem: class {
+        public readonly label: string;
+        public readonly click?: () => void | Promise<void>;
+        public constructor(options: MenuItemStub) {
+            this.label = options.label;
+            this.click = options.click;
+        }
+    },
+    shell: { openExternal: vi.fn(), openPath: vi.fn() },
+    dialog: { showMessageBox: vi.fn(), showSaveDialog: vi.fn() },
+    ipcMain: {
+        on: vi.fn((channel: string, cb: (...args: unknown[]) => unknown) => {
+            ipcHandlers[channel] = cb;
+        }),
+    },
+}));
+vi.mock("./language-helper.js", () => ({ _t: (key: string): string => key }));
+vi.mock("./config.js", () => ({ getConfig: (): Record<string, never> => ({}) }));
+vi.mock("./save-image.js", () => ({ saveImageToFile: vi.fn() }));
+
+const registerWebContentsHandlers = (await import("./webcontents-handler.js")).default;
+
+interface MockWebContents {
+    setWindowOpenHandler: Mock;
+    on: Mock;
+    send: Mock;
+    copyImageAt: Mock;
+    session: { on: Mock };
+    handlers: Record<string, (...args: unknown[]) => void>;
+    sessionHandlers: Record<string, (...args: unknown[]) => void>;
+}
+
+function makeWebContents(): MockWebContents {
+    const handlers: Record<string, (...args: unknown[]) => void> = {};
+    const sessionHandlers: Record<string, (...args: unknown[]) => void> = {};
+    return {
+        setWindowOpenHandler: vi.fn(),
+        on: vi.fn((ev: string, cb: (...args: unknown[]) => void): void => {
+            handlers[ev] = cb;
+        }),
+        send: vi.fn(),
+        copyImageAt: vi.fn(),
+        session: {
+            on: vi.fn((ev: string, cb: (...args: unknown[]) => void): void => {
+                sessionHandlers[ev] = cb;
+            }),
+        },
+        handlers,
+        sessionHandlers,
+    };
+}
+
+interface MockDownloadItem {
+    once: (ev: string, cb: (...args: unknown[]) => void) => void;
+    getFilename: () => string;
+    getSavePath: () => string;
+    setSaveDialogOptions: Mock;
+    doneHandlers: Record<string, (...args: unknown[]) => void>;
+}
+
+function makeDownloadItem(savePath: string): MockDownloadItem {
+    const doneHandlers: Record<string, (...args: unknown[]) => void> = {};
+    return {
+        once: (ev: string, cb: (...args: unknown[]) => void): void => {
+            doneHandlers[ev] = cb;
+        },
+        getFilename: (): string => savePath.split("/").pop()!,
+        getSavePath: (): string => savePath,
+        setSaveDialogOptions: vi.fn(),
+        doneHandlers,
+    };
+}
+
+/**
+ * Drives the real will-download → done("completed") flow so the download is registered the way it is
+ * in production, and returns the id the handler assigned to it.
+ */
+function completeDownload(wc: MockWebContents, savePath: string): number {
+    const item = makeDownloadItem(savePath);
+    wc.sessionHandlers["will-download"]({}, item);
+    item.doneHandlers["done"]({}, "completed");
+    const completed = wc.send.mock.calls.find((c) => c[0] === "userDownloadCompleted");
+    return (completed![1] as { id: number }).id;
+}
+
+describe("userDownloadAction handler", () => {
+    let wc: MockWebContents;
+
+    beforeEach(() => {
+        vi.clearAllMocks();
+        wc = makeWebContents();
+        registerWebContentsHandlers(wc as unknown as WebContents);
+    });
+
+    it("opens the file when the user clicks Open on a known download", async () => {
+        vi.mocked(shell.openPath).mockResolvedValue("");
+        const id = completeDownload(wc, "/tmp/file.pdf");
+
+        await ipcHandlers["userDownloadAction"]({}, { id, open: true });
+
+        expect(shell.openPath).toHaveBeenCalledWith("/tmp/file.pdf");
+        expect(dialog.showMessageBox).not.toHaveBeenCalled();
+    });
+
+    it("shows the underlying error when the open fails, rather than failing silently", async () => {
+        vi.mocked(shell.openPath).mockResolvedValue("LSOpenURLsWithRole failed");
+        const id = completeDownload(wc, "/tmp/file.pdf");
+
+        await ipcHandlers["userDownloadAction"]({}, { id, open: true });
+
+        expect(shell.openPath).toHaveBeenCalledWith("/tmp/file.pdf");
+        expect(dialog.showMessageBox).toHaveBeenCalledWith(
+            expect.objectContaining({ type: "error", detail: "LSOpenURLsWithRole failed" }),
+        );
+    });
+
+    it("does not open anything on a plain dismiss", async () => {
+        const id = completeDownload(wc, "/tmp/file.pdf");
+
+        await ipcHandlers["userDownloadAction"]({}, { id, open: false });
+
+        expect(shell.openPath).not.toHaveBeenCalled();
+    });
+
+    it("removes the entry so a repeated open is a no-op", async () => {
+        vi.mocked(shell.openPath).mockResolvedValue("");
+        const id = completeDownload(wc, "/tmp/file.pdf");
+
+        await ipcHandlers["userDownloadAction"]({}, { id, open: true });
+        vi.mocked(shell.openPath).mockClear();
+        await ipcHandlers["userDownloadAction"]({}, { id, open: true });
+
+        expect(shell.openPath).not.toHaveBeenCalled();
+    });
+});
+
+describe("save dialog filters", () => {
+    let wc: MockWebContents;
+
+    beforeEach(() => {
+        vi.clearAllMocks();
+        menus.length = 0;
+        wc = makeWebContents();
+        registerWebContentsHandlers(wc as unknown as WebContents);
+    });
+
+    it("names a download's own file type, so renaming it does not strip the extension", () => {
+        const item = makeDownloadItem("/tmp/photo.jpg");
+
+        wc.sessionHandlers["will-download"]({}, item);
+
+        expect(item.setSaveDialogOptions).toHaveBeenCalledWith({
+            filters: [expect.objectContaining({ extensions: ["jpg"] }), expect.objectContaining({ extensions: ["*"] })],
+        });
+    });
+
+    it("leaves the dialog alone for a download which has no extension to preserve", () => {
+        const item = makeDownloadItem("/tmp/archive");
+
+        wc.sessionHandlers["will-download"]({}, item);
+
+        expect(item.setSaveDialogOptions).not.toHaveBeenCalled();
+    });
+
+    it("names the file type when saving an image from the context menu too", async () => {
+        vi.mocked(dialog.showSaveDialog).mockResolvedValue({ canceled: false, filePath: "/tmp/renamed.jpg" });
+
+        wc.handlers["context-menu"](
+            { preventDefault: vi.fn() },
+            { srcURL: "https://example.org/photo.jpg", hasImageContents: true, suggestedFilename: "photo.jpg" },
+        );
+        const saveAs = menus[0].items.find((item) => item.label === "right_click_menu|save_image_as");
+        await saveAs!.click!();
+
+        expect(dialog.showSaveDialog).toHaveBeenCalledWith(
+            expect.objectContaining({
+                defaultPath: "photo.jpg",
+                filters: [
+                    expect.objectContaining({ extensions: ["jpg"] }),
+                    expect.objectContaining({ extensions: ["*"] }),
+                ],
+            }),
+        );
+    });
+});
diff --git a/apps/desktop/src/webcontents-handler.ts b/apps/desktop/src/webcontents-handler.ts
new file mode 100644
index 00000000000..15dfdcfd84f
--- /dev/null
+++ b/apps/desktop/src/webcontents-handler.ts
@@ -0,0 +1,326 @@
+/*
+Copyright 2021-2024 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 {
+    clipboard,
+    Menu,
+    MenuItem,
+    shell,
+    dialog,
+    ipcMain,
+    type WebContents,
+    type ContextMenuParams,
+    type DownloadItem,
+    type FileFilter,
+    type MenuItemConstructorOptions,
+    type IpcMainEvent,
+    type Event,
+} from "electron";
+import url from "node:url";
+import path from "node:path";
+
+import { _t } from "./language-helper.js";
+import { saveImageToFile } from "./save-image.js";
+import { getConfig } from "./config.js";
+
+const MAILTO_PREFIX = "mailto:";
+
+const PERMITTED_URL_SCHEMES: string[] = ["http:", "https:", MAILTO_PREFIX];
+
+/**
+ * Work out the filters a save dialog should offer so that a file keeps its own extension.
+ *
+ * A dialog which only offers "All Files" lets someone replace "photo.jpg" with "photo" and end up
+ * with a file the shell no longer knows how to open — the extension is simply gone. Naming the
+ * file's own type first means the dialog puts the extension back, which is what a browser already
+ * does for the same download.
+ *
+ * @param fileName - The name being suggested to the user, which may carry no extension at all.
+ * @returns Filters to pass to a save dialog, or undefined when there is no extension to preserve.
+ */
+function saveDialogFilters(fileName: string): FileFilter[] | undefined {
+    // extname() keeps the leading dot, and returns an empty string for a name which has none.
+    const extension = path.extname(fileName).slice(1);
+    if (!extension) return undefined;
+    return [
+        { name: _t("save_dialog|named_file_type", { extension: extension.toUpperCase() }), extensions: [extension] },
+        { name: _t("save_dialog|all_files"), extensions: ["*"] },
+    ];
+}
+
+function safeOpenURL(target: string): void {
+    // openExternal passes the target to open/start/xdg-open,
+    // so put fairly stringent limits on what can be opened
+    // (for instance, open /bin/sh does indeed open a terminal
+    // with a shell, albeit with no arguments)
+    const parsedUrl = url.parse(target);
+    if (PERMITTED_URL_SCHEMES.includes(parsedUrl.protocol!)) {
+        // explicitly use the URL re-assembled by the url library,
+        // so we know the url parser has understood all the parts
+        // of the input string
+        const newTarget = url.format(parsedUrl);
+        void shell.openExternal(newTarget);
+    }
+}
+
+function onWindowOrNavigate(ev: Event, target: string): void {
+    // always prevent the default: if something goes wrong,
+    // we don't want to end up opening it in the electron
+    // app, as we could end up opening any sort of random
+    // url in a window that has node scripting access.
+    ev.preventDefault();
+    safeOpenURL(target);
+}
+
+function onLinkContextMenu(ev: Event, params: ContextMenuParams, webContents: WebContents): void {
+    let url = params.linkURL || params.srcURL;
+
+    if (url.startsWith("vector://vector/webapp")) {
+        // Avoid showing a context menu for app icons
+        if (params.hasImageContents) return;
+        const baseUrl = getConfig().web_base_url;
+        // Rewrite URL so that it can be used outside the app
+        url = baseUrl + url.substring(23);
+    }
+
+    const popupMenu = new Menu();
+    // No point trying to open blob: URLs in an external browser: it ain't gonna work.
+    if (!url.startsWith("blob:")) {
+        popupMenu.append(
+            new MenuItem({
+                label: url,
+                click(): void {
+                    safeOpenURL(url);
+                },
+            }),
+        );
+    }
+
+    if (params.hasImageContents) {
+        popupMenu.append(
+            new MenuItem({
+                label: _t("right_click_menu|copy_image"),
+                accelerator: "c",
+                click(): void {
+                    webContents.copyImageAt(params.x, params.y);
+                },
+            }),
+        );
+    }
+
+    // No point offering to copy a blob: URL either
+    if (!url.startsWith("blob:")) {
+        // Special-case e-mail URLs to strip the `mailto:` like modern browsers do
+        if (url.startsWith(MAILTO_PREFIX)) {
+            popupMenu.append(
+                new MenuItem({
+                    label: _t("right_click_menu|copy_email"),
+                    accelerator: "a",
+                    click(): void {
+                        clipboard.writeText(url.substr(MAILTO_PREFIX.length));
+                    },
+                }),
+            );
+        } else {
+            popupMenu.append(
+                new MenuItem({
+                    label: params.hasImageContents
+                        ? _t("right_click_menu|copy_image_url")
+                        : _t("right_click_menu|copy_link_url"),
+                    accelerator: "a",
+                    click(): void {
+                        clipboard.writeText(url);
+                    },
+                }),
+            );
+        }
+    }
+
+    // XXX: We cannot easily save a blob from the main process as
+    // only the renderer can resolve them so don't give the user an option to.
+    if (params.hasImageContents && !url.startsWith("blob:")) {
+        popupMenu.append(
+            new MenuItem({
+                label: _t("right_click_menu|save_image_as"),
+                accelerator: "s",
+                async click(): Promise<void> {
+                    const targetFileName = params.suggestedFilename || params.altText || "image.png";
+                    const { filePath } = await dialog.showSaveDialog({
+                        defaultPath: targetFileName,
+                        filters: saveDialogFilters(targetFileName),
+                    });
+
+                    if (!filePath) return; // user cancelled dialog
+
+                    try {
+                        await saveImageToFile(url, filePath, webContents.session);
+                    } catch (err) {
+                        console.error(err);
+                        void dialog.showMessageBox({
+                            type: "error",
+                            title: _t("right_click_menu|save_image_as_error_title"),
+                            message: _t("right_click_menu|save_image_as_error_description"),
+                        });
+                    }
+                },
+            }),
+        );
+    }
+
+    // popup() requires an options object even for no options
+    popupMenu.popup({});
+    ev.preventDefault();
+}
+
+function cutCopyPasteSelectContextMenus(
+    params: ContextMenuParams,
+    webContents: WebContents,
+): MenuItemConstructorOptions[] {
+    const options: MenuItemConstructorOptions[] = [];
+
+    if (params.misspelledWord) {
+        params.dictionarySuggestions.forEach((word) => {
+            options.push({
+                label: word,
+                click: () => {
+                    webContents.replaceMisspelling(word);
+                },
+            });
+        });
+        options.push(
+            {
+                type: "separator",
+            },
+            {
+                label: _t("right_click_menu|add_to_dictionary"),
+                click: () => {
+                    webContents.session.addWordToSpellCheckerDictionary(params.misspelledWord);
+                },
+            },
+            {
+                type: "separator",
+            },
+        );
+    }
+
+    options.push(
+        {
+            role: "cut",
+            label: _t("action|cut"),
+            accelerator: "t",
+            enabled: params.editFlags.canCut,
+        },
+        {
+            role: "copy",
+            label: _t("action|copy"),
+            accelerator: "c",
+            enabled: params.editFlags.canCopy,
+        },
+        {
+            role: "paste",
+            label: _t("action|paste"),
+            accelerator: "p",
+            enabled: params.editFlags.canPaste,
+        },
+        {
+            role: "pasteAndMatchStyle",
+            enabled: params.editFlags.canPaste,
+        },
+        {
+            role: "selectAll",
+            label: _t("action|select_all"),
+            accelerator: "a",
+            enabled: params.editFlags.canSelectAll,
+        },
+    );
+    return options;
+}
+
+function onSelectedContextMenu(ev: Event, params: ContextMenuParams, webContents: WebContents): void {
+    const items = cutCopyPasteSelectContextMenus(params, webContents);
+    const popupMenu = Menu.buildFromTemplate(items);
+
+    // popup() requires an options object even for no options
+    popupMenu.popup({});
+    ev.preventDefault();
+}
+
+function onEditableContextMenu(ev: Event, params: ContextMenuParams, webContents: WebContents): void {
+    const items: MenuItemConstructorOptions[] = [
+        { role: "undo" },
+        { role: "redo", enabled: params.editFlags.canRedo },
+        { type: "separator" },
+        ...cutCopyPasteSelectContextMenus(params, webContents),
+    ];
+
+    const popupMenu = Menu.buildFromTemplate(items);
+
+    // popup() requires an options object even for no options
+    popupMenu.popup({});
+    ev.preventDefault();
+}
+
+let userDownloadIndex = 0;
+const userDownloadMap = new Map<number, string>(); // Map from id to path
+ipcMain.on("userDownloadAction", async function (ev: IpcMainEvent, { id, open = false }) {
+    const path = userDownloadMap.get(id);
+    userDownloadMap.delete(id);
+    if (open && path) {
+        // openPath resolves to a non-empty error string on failure, an empty one on success.
+        const error = await shell.openPath(path);
+        if (error) {
+            console.error(`Failed to open downloaded file ${path}: ${error}`);
+            void dialog.showMessageBox({
+                type: "error",
+                title: _t("download|unable_to_open_title"),
+                message: _t("download|unable_to_open_description"),
+                detail: error,
+            });
+        }
+    }
+});
+
+export default (webContents: WebContents): void => {
+    webContents.setWindowOpenHandler((details) => {
+        safeOpenURL(details.url);
+        return { action: "deny" };
+    });
+
+    webContents.on("will-navigate", (ev: Event, target: string): void => {
+        if (target.startsWith("vector://")) return;
+        return onWindowOrNavigate(ev, target);
+    });
+
+    webContents.on("context-menu", function (ev: Event, params: ContextMenuParams): void {
+        if (params.linkURL || params.srcURL) {
+            onLinkContextMenu(ev, params, webContents);
+        } else if (params.selectionText) {
+            onSelectedContextMenu(ev, params, webContents);
+        } else if (params.isEditable) {
+            onEditableContextMenu(ev, params, webContents);
+        }
+    });
+
+    webContents.session.on("will-download", (event: Event, item: DownloadItem): void => {
+        // Electron only offers "All Files" unless it is told otherwise, so say what this download is
+        // before it puts the save dialog up.
+        const filters = saveDialogFilters(item.getFilename());
+        if (filters) item.setSaveDialogOptions({ filters });
+
+        item.once("done", (event, state) => {
+            if (state === "completed") {
+                const savePath = item.getSavePath();
+                const id = userDownloadIndex++;
+                userDownloadMap.set(id, savePath);
+                webContents.send("userDownloadCompleted", {
+                    id,
+                    name: path.basename(savePath),
+                });
+            }
+        });
+    });
+};
diff --git a/apps/desktop/tsconfig.json b/apps/desktop/tsconfig.json
new file mode 100644
index 00000000000..5993a344e62
--- /dev/null
+++ b/apps/desktop/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "resolveJsonModule": true,
+        "esModuleInterop": true,
+        "module": "node16",
+        "moduleResolution": "node16",
+        "skipLibCheck": true,
+        "target": "es2022",
+        "sourceMap": false,
+        "outDir": "./lib",
+        "rootDir": "./src",
+        "declaration": true,
+        "typeRoots": ["src/@types", "node_modules/@types"],
+        "lib": ["es2022", "es2024.promise"],
+        "strict": true
+    },
+    "include": ["./src/**/*.ts", "./src/**/*.cts"],
+    "exclude": ["./src/**/*.test.ts"]
+}
diff --git a/apps/desktop/tsconfig.node.json b/apps/desktop/tsconfig.node.json
new file mode 100644
index 00000000000..ff4455db14a
--- /dev/null
+++ b/apps/desktop/tsconfig.node.json
@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "resolveJsonModule": true,
+        "module": "nodenext",
+        "moduleResolution": "NodeNext",
+        "target": "es2022",
+        "lib": ["es2024"],
+        "sourceMap": false,
+        "typeRoots": [],
+        "types": [],
+        "skipLibCheck": true,
+        "noEmit": true,
+        "strict": true
+    },
+    "include": ["./electron-builder.ts", "./vitest.config.ts", "./src/**/*.d.ts", "./src/**/*.test.ts"]
+}
diff --git a/apps/desktop/vitest.config.ts b/apps/desktop/vitest.config.ts
new file mode 100644
index 00000000000..f0fd2c96e62
--- /dev/null
+++ b/apps/desktop/vitest.config.ts
@@ -0,0 +1,17 @@
+/*
+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 { defineProject } from "vitest/config";
+
+export default defineProject({
+    test: {
+        include: ["src/**/*.test.ts"],
+        environment: "node",
+        pool: "threads",
+        globals: false,
+    },
+});
diff --git a/apps/web/.gitignore b/apps/web/.gitignore
new file mode 100644
index 00000000000..da3848aea33
--- /dev/null
+++ b/apps/web/.gitignore
@@ -0,0 +1,9 @@
+/webapp
+/config.json
+/config.json.*
+/config.local*.json
+# Legacy skinning file that some people might still have
+/src/component-index.js
+# Auto-generated file
+/src/modules.js
+/build_config.yaml
diff --git a/apps/web/.lintstagedrc b/apps/web/.lintstagedrc
new file mode 100644
index 00000000000..ae8a7fc7e94
--- /dev/null
+++ b/apps/web/.lintstagedrc
@@ -0,0 +1,5 @@
+{
+    "*": "oxfmt --no-error-on-unmatched-pattern",
+    "*.{js,jsx,ts,tsx,mjs,cjs}": "oxlint --no-error-on-unmatched-pattern",
+    "*.pcss": ["stylelint --fix"]
+}
diff --git a/apps/web/.modernizr.json b/apps/web/.modernizr.json
new file mode 100644
index 00000000000..0cfa76f1ad5
--- /dev/null
+++ b/apps/web/.modernizr.json
@@ -0,0 +1,37 @@
+{
+    "minify": false,
+    "enableClasses": false,
+    "feature-detects": [
+        "test/css/animations",
+        "test/css/displaytable",
+        "test/css/filters",
+        "test/css/flexbox",
+        "test/css/objectfit",
+
+        "test/es5/date",
+        "test/es5/function",
+        "test/es5/object",
+        "test/es5/undefined",
+
+        "test/es6/array",
+        "test/es6/collections",
+        "test/es6/promises",
+        "test/es6/string",
+
+        "test/svg",
+        "test/svg/asimg",
+        "test/svg/filters",
+
+        "test/url/parser",
+        "test/url/urlsearchparams",
+
+        "test/cors",
+        "test/crypto",
+        "test/iframe/sandbox",
+        "test/json",
+        "test/network/fetch",
+        "test/storage/localstorage",
+        "test/window/resizeobserver",
+        "test/audio/webaudio"
+    ]
+}
diff --git a/apps/web/.stylelintrc.cjs b/apps/web/.stylelintrc.cjs
new file mode 100644
index 00000000000..4388f7919d6
--- /dev/null
+++ b/apps/web/.stylelintrc.cjs
@@ -0,0 +1,88 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+module.exports = {
+    extends: ["stylelint-config-standard"],
+    customSyntax: "postcss-scss",
+    plugins: ["stylelint-scss", "stylelint-value-no-unknown-custom-properties"],
+    rules: {
+        "comment-empty-line-before": null,
+        "declaration-empty-line-before": null,
+        "length-zero-no-unit": null,
+        "rule-empty-line-before": null,
+        "color-hex-length": null,
+        "at-rule-no-unknown": null,
+        "no-descending-specificity": null,
+        "scss/at-rule-no-unknown": [
+            true,
+            {
+                // https://github.com/vector-im/element-web/issues/10544
+                ignoreAtRules: ["define-mixin"],
+            },
+        ],
+        // Disable `&_kind`-style selectors while our unused CSS approach is "Find & Replace All"
+        // rather than a CI thing. Shorthand selectors are harder to detect when searching for a
+        // class name. This regex is trying to *allow* anything except `&words`, such as `&::before`,
+        // `&.mx_Class`, etc.
+        "selector-nested-pattern": "^((&[ :.\\[,])|([^&]))",
+        // Disable some defaults
+        "selector-class-pattern": null,
+        "custom-property-pattern": null,
+        "selector-id-pattern": null,
+        "keyframes-name-pattern": null,
+        "alpha-value-notation": null,
+        "color-function-notation": null,
+        "selector-not-notation": null,
+        "import-notation": null,
+        "value-keyword-case": null,
+        "declaration-block-no-redundant-longhand-properties": null,
+        "shorthand-property-no-redundant-values": null,
+        "property-no-vendor-prefix": null,
+        "selector-no-vendor-prefix": null,
+        "media-feature-name-no-vendor-prefix": null,
+        "number-max-precision": null,
+        "no-invalid-double-slash-comments": true,
+        "media-feature-range-notation": null,
+        "declaration-property-value-no-unknown": null,
+        "declaration-property-value-keyword-no-deprecated": null,
+        "csstools/value-no-unknown-custom-properties": [
+            true,
+            {
+                importFrom: [
+                    { from: "res/css/_common.pcss", type: "css" },
+                    { from: "res/themes/light/css/_light.pcss", type: "css" },
+                    // Right now our styles share vars all over the place, this is not ideal but acceptable for now
+                    { from: "res/css/views/rooms/_EventTile.pcss", type: "css" },
+                    { from: "res/css/views/rooms/_IRCLayout.pcss", type: "css" },
+                    { from: "res/css/views/rooms/_EventBubbleTile.pcss", type: "css" },
+                    { from: "res/css/views/rooms/_ReadReceiptGroup.pcss", type: "css" },
+                    { from: "res/css/views/rooms/_EditMessageComposer.pcss", type: "css" },
+                    { from: "res/css/views/right_panel/_BaseCard.pcss", type: "css" },
+                    { from: "res/css/views/messages/_MessageActionBar.pcss", type: "css" },
+                    { from: "res/css/views/messages/_ThreadActionBar.pcss", type: "css" },
+                    { from: "res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss", type: "css" },
+                    { from: "res/css/views/elements/_ToggleSwitch.pcss", type: "css" },
+                    { from: "res/css/views/settings/tabs/_SettingsTab.pcss", type: "css" },
+                    { from: "res/css/structures/_RoomView.pcss", type: "css" },
+                    // Compound vars
+                    "./node_modules/@vector-im/compound-design-tokens/assets/web/css/cpd-common-base.css",
+                    "./node_modules/@vector-im/compound-design-tokens/assets/web/css/cpd-common-semantic.css",
+                    "./node_modules/@vector-im/compound-design-tokens/assets/web/css/cpd-theme-light-base-mq.css",
+                    "./node_modules/@vector-im/compound-design-tokens/assets/web/css/cpd-theme-light-semantic-mq.css",
+                ],
+            },
+        ],
+        "property-no-deprecated": [
+            true,
+            {
+                ignoreProperties: ["-webkit-box-orient", "word-wrap"],
+            },
+        ],
+        "nesting-selector-no-missing-scoping-root": null,
+        "no-invalid-position-declaration": null,
+    },
+};
diff --git a/apps/web/@types/declaration.d.ts b/apps/web/@types/declaration.d.ts
new file mode 100644
index 00000000000..928c567c31e
--- /dev/null
+++ b/apps/web/@types/declaration.d.ts
@@ -0,0 +1,8 @@
+/*
+ * 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.
+ */
+
+declare module "*.module.css";
diff --git a/apps/web/@types/postcss-easings.d.ts b/apps/web/@types/postcss-easings.d.ts
new file mode 100644
index 00000000000..95a59e1a4b8
--- /dev/null
+++ b/apps/web/@types/postcss-easings.d.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.
+*/
+
+declare module "postcss-easings" {
+    export default function (): void;
+}
diff --git a/apps/web/@types/postcss-hexrgba.d.ts b/apps/web/@types/postcss-hexrgba.d.ts
new file mode 100644
index 00000000000..9e748e89378
--- /dev/null
+++ b/apps/web/@types/postcss-hexrgba.d.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.
+*/
+
+declare module "postcss-hexrgba" {
+    export default function (): void;
+}
diff --git a/apps/web/@types/url-preview.ts b/apps/web/@types/url-preview.ts
new file mode 100644
index 00000000000..761f4c33bce
--- /dev/null
+++ b/apps/web/@types/url-preview.ts
@@ -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 {
+    type EncryptedFile,
+    type RoomMessageEventContent as SdkRoomMessageEventContent,
+} from "matrix-js-sdk/src/types";
+
+/**
+ * Bundled URL previews in MSC-4095
+ *
+ * @see https://github.com/matrix-org/matrix-spec-proposals/pull/4095
+ */
+interface UnstableBundledUrlPreviews {
+    "com.beeper.linkpreviews"?: UnstableBundledUrlPreviewSingle[];
+}
+
+/**
+ * Single item in bundled URL previews in MSC4095
+ *
+ * @see https://github.com/matrix-org/matrix-spec-proposals/pull/4095
+ */
+export interface UnstableBundledUrlPreviewSingle {
+    "matched_url": string;
+    "beeper:image:encryption"?: EncryptedFile;
+    "matrix:image:size"?: number;
+    "og:image"?: string;
+    "og:url"?: string;
+    "og:image:width"?: number;
+    "og:image:height"?: number;
+    "og:image:type"?: string;
+    "og:title"?: string;
+    "og:description"?: string;
+}
+
+export type RoomMessageEventContent = SdkRoomMessageEventContent & UnstableBundledUrlPreviews;
diff --git a/apps/web/@types/webpack-version-file-plugin.d.ts b/apps/web/@types/webpack-version-file-plugin.d.ts
new file mode 100644
index 00000000000..95432bdb1cd
--- /dev/null
+++ b/apps/web/@types/webpack-version-file-plugin.d.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.
+*/
+
+declare module "webpack-version-file-plugin" {
+    interface Opts {
+        outputFile: string;
+        template?: string;
+        templateString?: string;
+        extras?: Record<string, string>;
+    }
+
+    // oxlint-disable-next-line typescript/no-extraneous-class
+    export default class VersionFilePlugin {
+        public constructor(opts: Opts);
+    }
+}
diff --git a/apps/web/Dockerfile b/apps/web/Dockerfile
new file mode 100644
index 00000000000..67f7bd84502
--- /dev/null
+++ b/apps/web/Dockerfile
@@ -0,0 +1,93 @@
+# syntax=docker.io/docker/dockerfile:1.25-labs@sha256:4426b5e269e36911b94fb79cf67f1fd7155ef11b2bbc8ab23cbfcbc97130efe9
+# Context must be the root of the monorepo
+
+# PNPM source
+FROM --platform=$BUILDPLATFORM ghcr.io/pnpm/pnpm:11.10.0@sha256:9a6eb06d5f861d830fe27d85a91415e60527fa45ec45b52ee43c92a8aaf3bf8a AS pnpm
+
+# Builder
+FROM --platform=$BUILDPLATFORM node:24-bullseye@sha256:f7250178a8fcdde6e7340c7f3945e0c5cbcc10bedddc6bcf61edb39ce8f390d2 AS builder
+
+COPY --from=pnpm /opt/pnpm /opt/pnpm
+RUN ln -s /opt/pnpm/pnpm /usr/local/bin/pnpm
+
+# Support custom branch of the js-sdk. This also helps us build images of element-web develop.
+ARG USE_CUSTOM_SDKS=false
+ARG JS_SDK_REPO="https://github.com/matrix-org/matrix-js-sdk.git"
+ARG JS_SDK_BRANCH="master"
+
+WORKDIR /src
+
+# Install dependencies
+COPY --parents package.json pnpm-lock.yaml pnpm-workspace.yaml patches scripts **/package.json /src/
+RUN pnpm install --frozen-lockfile
+RUN --mount=type=bind,source=.git,target=/src/.git /src/scripts/docker-link-repos.sh
+
+# Build
+COPY --link --exclude=.git --exclude=apps/web/docker . /src
+RUN --mount=type=bind,source=.git,target=/src/.git /src/scripts/docker-package.sh
+
+# Copy the config now so that we don't create another layer in the app image
+RUN cp /src/apps/web/config.sample.json /src/apps/web/webapp/config.json
+
+# App
+FROM nginxinc/nginx-unprivileged:alpine-slim@sha256:22f839c5fb4007dc24d203a170a9e03fc185d660bfefc34ac6823a7aef085cbc AS element_web
+
+# Need root user to install packages & manipulate the usr directory
+USER root
+
+# Install jq and moreutils for sponge, both used by our entrypoints
+RUN apk add jq moreutils
+
+COPY --from=builder /src/apps/web/webapp /app
+
+# Override default nginx config. Templates in `/etc/nginx/templates` are passed
+# through `envsubst` by the nginx docker image entry point.
+COPY /apps/web/docker/nginx-templates/* /etc/nginx/templates/
+COPY /apps/web/docker/docker-entrypoint.d/* /docker-entrypoint.d/
+
+RUN rm -rf /usr/share/nginx/html \
+  && ln -s /app /usr/share/nginx/html
+
+# Run as nginx user by default
+USER nginx
+
+# HTTP listen port
+ENV ELEMENT_WEB_PORT=80
+
+HEALTHCHECK --start-period=5s CMD wget -q --spider http://localhost:$ELEMENT_WEB_PORT/config.json
+
+# Modules are consumed as prebuilt release artifacts rather than built from source.
+# Each module is pinned to a version and the sha256 of its release archive.
+FROM --platform=$BUILDPLATFORM alpine:3.22@sha256:14358309a308569c32bdc37e2e0e9694be33a9d99e68afb0f5ff33cc1f695dce AS modules
+
+ARG MODULE_BANNER_VERSION=v1.0.0
+ADD --checksum=sha256:8aabd9d43d40ffb499050246f7968323a08895b6f53bd48a71d4c7f0daf96634 \
+    https://github.com/element-hq/element-web/releases/download/module%2Fbanner%2F${MODULE_BANNER_VERSION}/banner-${MODULE_BANNER_VERSION}.zip \
+    /tmp/modules/banner.zip
+
+ARG MODULE_RESTRICTED_GUESTS_VERSION=v1.0.0
+ADD --checksum=sha256:d883327469ae78504a4e0aa8ebf2bbf525a9407ab10430ef42cf9338cc0821bb \
+    https://github.com/element-hq/element-web/releases/download/module%2Frestricted-guests%2F${MODULE_RESTRICTED_GUESTS_VERSION}/restricted-guests-${MODULE_RESTRICTED_GUESTS_VERSION}.zip \
+    /tmp/modules/restricted-guests.zip
+
+ARG MODULE_WIDGET_LIFECYCLE_VERSION=v1.0.0
+ADD --checksum=sha256:125e5a7a045e3cebee2c82ca30a477ebc8e31ee3bd139ae46e177612c25cc988 \
+    https://github.com/element-hq/element-web/releases/download/module%2Fwidget-lifecycle%2F${MODULE_WIDGET_LIFECYCLE_VERSION}/widget-lifecycle-${MODULE_WIDGET_LIFECYCLE_VERSION}.zip \
+    /tmp/modules/widget-lifecycle.zip
+
+ARG MODULE_WIDGET_TOGGLES_VERSION=v1.0.0
+ADD --checksum=sha256:27b0d0d9d803c41855aa94f02493ce214321f8d0c65af500d85875a3ef20efb0 \
+    https://github.com/element-hq/element-web/releases/download/module%2Fwidget-toggles%2F${MODULE_WIDGET_TOGGLES_VERSION}/widget-toggles-${MODULE_WIDGET_TOGGLES_VERSION}.zip \
+    /tmp/modules/widget-toggles.zip
+
+# Unpack the modules
+RUN apk add --no-cache unzip && \
+    for archive in /tmp/modules/*.zip; do \
+        name=$(basename "$archive" .zip); \
+        mkdir -p "/modules/$name" && unzip -q "$archive" -d "/modules/$name"; \
+    done
+
+# Target with element_web + `/modules` copied in
+FROM element_web AS element_web_modules
+
+COPY --from=modules /modules /modules
diff --git a/apps/web/Dockerfile.dockerignore b/apps/web/Dockerfile.dockerignore
new file mode 100644
index 00000000000..f43268b1422
--- /dev/null
+++ b/apps/web/Dockerfile.dockerignore
@@ -0,0 +1,31 @@
+# Exclude a bunch of stuff which can make the build context a larger than it needs to be
+**/test/
+**/*.stories.tsx
+**/*.test.ts
+**/*.test.tsx
+**/lib/
+**/dist/
+**/node_modules/
+**/coverage/
+**/.pnpm-store
+**/tsconfig.node.tsbuildinfo
+**/*.md
+!**/*.api.md
+**/*.rst
+
+.idea/
+.tmp/
+.nx/
+.link-config
+
+apps/web/config.json*
+apps/web/webpack-stats.json
+apps/web/playwright/
+apps/web/webapp/
+apps/web/debian/
+apps/desktop
+!apps/desktop/package.json
+
+packages/shared-components/__vis__/
+packages/shared-components/storybook-static/
+packages/shared-components/typedoc/
diff --git a/apps/web/I18nWebpackPlugin.ts b/apps/web/I18nWebpackPlugin.ts
new file mode 100644
index 00000000000..10649e47f68
--- /dev/null
+++ b/apps/web/I18nWebpackPlugin.ts
@@ -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 webpack from "webpack";
+import * as fs from "node:fs/promises";
+import path from "node:path";
+import _ from "lodash";
+import { type Translations } from "matrix-web-i18n";
+
+interface Options {
+    // Path to the strings for the application, will be used to deduce what languages are supported
+    stringsPath: string;
+    // Additional paths to strings which will be merged into the application's own strings for supported languages
+    additionalStringsPaths?: string[];
+}
+
+async function exists(path: string): Promise<boolean> {
+    try {
+        await fs.access(path);
+        return true;
+    } catch {
+        return false;
+    }
+}
+
+export class I18nWebpackPlugin {
+    private readonly options: Options;
+
+    public constructor(options: Options) {
+        this.options = options;
+    }
+
+    public apply(compiler: webpack.Compiler): void {
+        const { RawSource } = compiler.webpack.sources;
+
+        compiler.hooks.thisCompilation.tap("I18nWebpackPlugin", (compilation) => {
+            compilation.hooks.processAssets.tapPromise(
+                {
+                    name: "I18nWebpackPlugin",
+                    stage: webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,
+                },
+                async () => {
+                    const paths = [this.options.stringsPath, ...(this.options.additionalStringsPaths ?? [])].map((p) =>
+                        path.resolve(compiler.context, p),
+                    );
+
+                    const logger = compilation.getLogger("I18nWebpackPlugin");
+
+                    for (const p of paths) {
+                        compilation.contextDependencies.add(p);
+
+                        if (!(await exists(p))) {
+                            compilation.errors.push(
+                                new webpack.WebpackError(`I18nWebpackPlugin: strings path not found: ${p}`),
+                            );
+                            return;
+                        }
+                    }
+
+                    const primaryPath = paths[0];
+                    const includeLangs = [...new Set(await fs.readdir(primaryPath))]
+                        .filter((fn) => fn.endsWith(".json"))
+                        .map((f) => f.slice(0, -5));
+
+                    const langFileMap: Record<string, string> = {};
+
+                    for (const lang of includeLangs) {
+                        let translations: Translations = {};
+                        for (const p of paths) {
+                            const f = path.join(p, lang + ".json");
+
+                            if (await exists(f)) {
+                                try {
+                                    const content = await fs.readFile(f, "utf-8");
+                                    translations = _.merge(translations, JSON.parse(content));
+                                    compilation.fileDependencies.add(f);
+                                } catch (e) {
+                                    compilation.errors.push(
+                                        new webpack.WebpackError(
+                                            `I18nWebpackPlugin: Failed to read or parse ${f}: ${e}`,
+                                        ),
+                                    );
+                                }
+                            }
+                        }
+
+                        const json = JSON.stringify(translations, null, 4);
+                        const jsonBuffer = Buffer.from(json);
+                        const digest = compiler.webpack.util
+                            .createHash("xxhash64")
+                            .update(jsonBuffer)
+                            .digest("hex")
+                            .slice(0, 7);
+                        const filename = `${lang}.${digest}.json`;
+
+                        compilation.emitAsset(`i18n/${filename}`, new RawSource(jsonBuffer));
+                        langFileMap[lang] = filename;
+                        logger.debug(`Generated language file: ${filename}`);
+                    }
+
+                    // Generate languages.json
+                    const languages: Record<string, string> = {};
+                    includeLangs.forEach((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];
+                        }
+                    });
+
+                    compilation.emitAsset("i18n/languages.json", new RawSource(JSON.stringify(languages, null, 4)));
+                    logger.info("Generated languages.json and language files");
+                },
+            );
+        });
+    }
+}
diff --git a/apps/web/README.md b/apps/web/README.md
new file mode 100644
index 00000000000..c4b84a1268d
--- /dev/null
+++ b/apps/web/README.md
@@ -0,0 +1,130 @@
+# Important Security Notes
+
+## Separate domains
+
+We do not recommend running Element from the same domain name as your Matrix
+homeserver. The reason is the risk of XSS (cross-site-scripting)
+vulnerabilities that could occur if someone caused Element to load and render
+malicious user generated content from a Matrix API which then had trusted
+access to Element (or other apps) due to sharing the same domain.
+
+We have put some coarse mitigations into place to try to protect against this
+situation, but it's still not good practice to do it in the first place. See
+<https://github.com/element-hq/element-web/issues/1977> for more details.
+
+## Configuration best practices
+
+Unless you have special requirements, you will want to add the following to
+your web server configuration when hosting Element Web:
+
+- The `X-Frame-Options: SAMEORIGIN` header, to prevent Element Web from being
+  framed and protect from [clickjacking][owasp-clickjacking].
+- The `frame-ancestors 'self'` directive to your `Content-Security-Policy`
+  header, as the modern replacement for `X-Frame-Options` (though both should be
+  included since not all browsers support it yet, see
+  [this][owasp-clickjacking-csp]).
+- The `X-Content-Type-Options: nosniff` header, to [disable MIME
+  sniffing][mime-sniffing].
+- The `X-XSS-Protection: 1; mode=block;` header, for basic XSS protection in
+  legacy browsers.
+
+[mime-sniffing]: https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types#mime_sniffing
+[owasp-clickjacking-csp]: https://cheatsheetseries.owasp.org/cheatsheets/Clickjacking_Defense_Cheat_Sheet.html#content-security-policy-frame-ancestors-examples
+[owasp-clickjacking]: https://cheatsheetseries.owasp.org/cheatsheets/Clickjacking_Defense_Cheat_Sheet.html
+
+If you are using nginx, this would look something like the following:
+
+```
+add_header X-Frame-Options SAMEORIGIN;
+add_header X-Content-Type-Options nosniff;
+add_header X-XSS-Protection "1; mode=block";
+add_header Content-Security-Policy "frame-ancestors 'self'";
+```
+
+For Apache, the configuration looks like:
+
+```
+Header set X-Frame-Options SAMEORIGIN
+Header set X-Content-Type-Options nosniff
+Header set X-XSS-Protection "1; mode=block"
+Header set Content-Security-Policy "frame-ancestors 'self'"
+```
+
+Note: In case you are already setting a `Content-Security-Policy` header
+elsewhere, you should modify it to include the `frame-ancestors` directive
+instead of adding that last line.
+
+# Building From Source
+
+Element is a modular webapp built with modern ES6 and uses a Node.js build system.
+Ensure you have the latest LTS version of Node.js installed.
+
+Using `pnpm` instead of `npm` is recommended. Please see the pnpm [install
+guide](https://pnpm.io/installation#using-corepack) if you do not have it already.
+
+1. Install or update `node.js` so that your `node` is at least the current recommended LTS.
+1. Install `pnpm` if not present already.
+1. Clone the repo: `git clone https://github.com/element-hq/element-web.git`.
+1. Switch to the element-web directory: `cd element-web/apps/web`.
+1. Install the prerequisites: `pnpm install`.
+    - If you're using the `develop` branch, then it is recommended to set up a
+      proper development environment (see [Setting up a dev
+      environment](../../developer_guide.md#setting-up-a-dev-environment) below). Alternatively, you
+      can use <https://develop.element.io> - the continuous integration release of
+      the develop branch.
+1. Configure the app by copying `config.sample.json` to `config.json` and
+   modifying it. See the [configuration docs](../../docs/config.md) for details.
+1. `pnpm dist` to build a tarball to deploy. Untaring this file will give
+   a version-specific directory containing all the files that need to go on your
+   web server.
+
+Note that `pnpm dist` is not supported on Windows, so Windows users can run `pnpm build`,
+which will build all the necessary files into the `webapp` directory. The version of Element
+will not appear in Settings without using the dist script. You can then mount the
+`webapp` directory on your web server to actually serve up the app, which is
+entirely static content.
+
+# config.json
+
+Element supports a variety of settings to configure default servers, behaviour, themes, etc.
+See the [configuration docs](../../docs/config.md) for more details.
+
+# Labs Features
+
+Some features of Element may be enabled by flags in the `Labs` section of the settings.
+Some of these features are described in [labs.md](https://github.com/element-hq/element-web/blob/develop/docs/labs.md).
+
+# Caching requirements
+
+Element requires the following URLs not to be cached, when/if you are serving Element from your own webserver:
+
+```
+/config.*.json
+/i18n
+/version
+/index.html
+```
+
+We also recommend that you force browsers to re-validate any cached copy of Element on page load by configuring your
+webserver to return `Cache-Control: no-cache` for `/`. This ensures the browser will fetch a new version of Element on
+the next page load after it's been deployed. Note that this is already configured for you in the nginx config of our
+Dockerfile.
+
+# Development
+
+Please read through the following:
+
+1. [Developer guide](../../developer_guide.md)
+2. [Code style](../../code_style.md)
+3. [Contribution guide](../../CONTRIBUTING.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-web/tree/develop/packages/module-api)
+- Loaded in EW via [config.json](../../docs/config.md#modules)
diff --git a/apps/web/__mocks__/cssMock.js b/apps/web/__mocks__/cssMock.js
new file mode 100644
index 00000000000..a85e0e6eb10
--- /dev/null
+++ b/apps/web/__mocks__/cssMock.js
@@ -0,0 +1,8 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+module.exports = "css-file-stub";
diff --git a/apps/web/__mocks__/empty.js b/apps/web/__mocks__/empty.js
new file mode 100644
index 00000000000..ef57358c345
--- /dev/null
+++ b/apps/web/__mocks__/empty.js
@@ -0,0 +1,9 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+// Yes, this is empty.
+module.exports = {};
diff --git a/apps/web/__mocks__/imageMock.js b/apps/web/__mocks__/imageMock.js
new file mode 100644
index 00000000000..2d381a609d7
--- /dev/null
+++ b/apps/web/__mocks__/imageMock.js
@@ -0,0 +1,8 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+module.exports = "image-file-stub";
diff --git a/apps/web/__mocks__/maplibre-gl.js b/apps/web/__mocks__/maplibre-gl.js
new file mode 100644
index 00000000000..a76c529e2fa
--- /dev/null
+++ b/apps/web/__mocks__/maplibre-gl.js
@@ -0,0 +1,41 @@
+/*
+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.
+*/
+
+const EventEmitter = require("node:events");
+const { LngLat, NavigationControl, LngLatBounds } = require("maplibre-gl");
+
+class MockMap extends EventEmitter {
+    addControl = jest.fn();
+    removeControl = jest.fn();
+    zoomIn = jest.fn();
+    zoomOut = jest.fn();
+    setCenter = jest.fn();
+    setStyle = jest.fn();
+    fitBounds = jest.fn();
+    remove = jest.fn();
+}
+const MockMapInstance = new MockMap();
+
+class MockAttributionControl {}
+class MockGeolocateControl extends EventEmitter {
+    trigger = jest.fn();
+}
+const MockGeolocateInstance = new MockGeolocateControl();
+const MockMarker = {};
+MockMarker.setLngLat = jest.fn().mockReturnValue(MockMarker);
+MockMarker.addTo = jest.fn().mockReturnValue(MockMarker);
+MockMarker.remove = jest.fn().mockReturnValue(MockMarker);
+module.exports = {
+    Map: jest.fn().mockReturnValue(MockMapInstance),
+    GeolocateControl: jest.fn().mockReturnValue(MockGeolocateInstance),
+    Marker: jest.fn().mockReturnValue(MockMarker),
+    LngLat,
+    LngLatBounds,
+    NavigationControl,
+    AttributionControl: MockAttributionControl,
+};
diff --git a/apps/web/__mocks__/svg-react.js b/apps/web/__mocks__/svg-react.js
new file mode 100644
index 00000000000..16ec267a35c
--- /dev/null
+++ b/apps/web/__mocks__/svg-react.js
@@ -0,0 +1,8 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+export default "div";
diff --git a/apps/web/__mocks__/svg.js b/apps/web/__mocks__/svg.js
new file mode 100644
index 00000000000..bc2b312afe9
--- /dev/null
+++ b/apps/web/__mocks__/svg.js
@@ -0,0 +1,8 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+export default "image-file-stub";
diff --git a/apps/web/__mocks__/workerFactoryMock-jest.js b/apps/web/__mocks__/workerFactoryMock-jest.js
new file mode 100644
index 00000000000..a6f04ce0861
--- /dev/null
+++ b/apps/web/__mocks__/workerFactoryMock-jest.js
@@ -0,0 +1,11 @@
+/*
+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.
+*/
+
+export default function workerFactory(options) {
+    return jest.fn;
+}
diff --git a/apps/web/__mocks__/workerFactoryMock.js b/apps/web/__mocks__/workerFactoryMock.js
new file mode 100644
index 00000000000..e637f835c24
--- /dev/null
+++ b/apps/web/__mocks__/workerFactoryMock.js
@@ -0,0 +1,15 @@
+/*
+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 { vi } from "vitest";
+
+export default function workerFactory(options) {
+    return {
+        postMessage: vi.fn(),
+    };
+}
diff --git a/apps/web/babel.config.cjs b/apps/web/babel.config.cjs
new file mode 100644
index 00000000000..ee3c95ccd05
--- /dev/null
+++ b/apps/web/babel.config.cjs
@@ -0,0 +1,44 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+module.exports = {
+    sourceMaps: true,
+    presets: [
+        [
+            "@babel/preset-env",
+            {
+                targets: [
+                    "last 2 Chrome versions",
+                    "last 2 Firefox versions",
+                    "last 2 Safari versions",
+                    "last 2 Edge versions",
+                ],
+                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",
+
+        // transform logical assignment (??=, ||=, &&=). preset-env doesn't
+        // normally bother with these (presumably because all the target
+        // browsers support it natively), but they make our webpack version (or
+        // something downstream of babel, at least) fall over.
+        "@babel/plugin-transform-logical-assignment-operators",
+
+        "@babel/plugin-syntax-dynamic-import",
+        "@babel/plugin-transform-runtime",
+        ["@babel/plugin-proposal-decorators", { version: "2023-11" }], // only needed by the js-sdk
+        "@babel/plugin-transform-class-static-block", // only needed by the js-sdk for decorators
+    ],
+};
diff --git a/apps/web/build_config.sample.yaml b/apps/web/build_config.sample.yaml
new file mode 100644
index 00000000000..d62c934e477
--- /dev/null
+++ b/apps/web/build_config.sample.yaml
@@ -0,0 +1,25 @@
+# A sample build_config.yaml to supply to Element Web's build pipeline,
+# enabling custom functionality at compile time. Copy this file to
+# `build_config.yaml` in the same directory to use, as you would with
+# `config.json`.
+#
+# Note: The vast majority of users DO NOT need this. If you are looking
+# to build your own Element Web as seen on app.element.io or similar then
+# this is not required.
+#
+# This config file does become required if you are looking to add runtime
+# functionality to Element Web, such as customisation endpoints and modules.
+#
+# Over time we might expand this config to better support some use cases.
+# Watch the release notes for features which might impact this config.
+
+# The modules to install. See ./docs/modules.md for more information on
+# what modules are.
+#
+# The values of this are provided to `pnpm add` for inclusion.
+modules:
+    # An example of pulling a module from NPM
+    - "@vector-im/element-web-ilag-module@^0.0.1"
+
+    # An example of pulling a module from local filesystem during development
+    - "file:/home/user/development/element-web-ilag-module"
diff --git a/src/i18n/strings/bn_IN.json b/apps/web/components.json
similarity index 100%
rename from src/i18n/strings/bn_IN.json
rename to apps/web/components.json
diff --git a/apps/web/config.sample.json b/apps/web/config.sample.json
new file mode 100644
index 00000000000..e10b825acf1
--- /dev/null
+++ b/apps/web/config.sample.json
@@ -0,0 +1,50 @@
+{
+    "default_server_config": {
+        "m.homeserver": {
+            "base_url": "https://matrix-client.matrix.org",
+            "server_name": "matrix.org"
+        },
+        "m.identity_server": {
+            "base_url": "https://vector.im"
+        }
+    },
+    "disable_custom_urls": false,
+    "disable_guests": false,
+    "disable_login_language_selector": false,
+    "disable_3pid_login": false,
+    "force_verification": false,
+    "brand": "Element",
+    "integrations_ui_url": "https://scalar.vector.im/",
+    "integrations_rest_url": "https://scalar.vector.im/api",
+    "integrations_widgets_urls": [
+        "https://scalar.vector.im/_matrix/integrations/v1",
+        "https://scalar.vector.im/api",
+        "https://scalar-staging.vector.im/_matrix/integrations/v1",
+        "https://scalar-staging.vector.im/api"
+    ],
+    "default_widget_container_height": 280,
+    "default_country_code": "GB",
+    "show_labs_settings": false,
+    "features": {},
+    "default_federate": true,
+    "default_theme": "light",
+    "room_directory": {
+        "servers": ["matrix.org"]
+    },
+    "enable_presence_by_hs_url": {
+        "https://matrix.org": false,
+        "https://matrix-client.matrix.org": false
+    },
+    "setting_defaults": {
+        "breadcrumbs": true
+    },
+    "jitsi": {
+        "preferred_domain": "meet.element.io"
+    },
+    "element_call": {
+        "brand": "Element Call",
+        "disable": false,
+        "use_exclusively": false
+    },
+    "map_style_url": "https://api.maptiler.com/maps/streets/style.json?key=fU3vlMsMn4Jb6dnEIFsx"
+}
diff --git a/apps/web/debian/.gitignore b/apps/web/debian/.gitignore
new file mode 100644
index 00000000000..7b52740dcd5
--- /dev/null
+++ b/apps/web/debian/.gitignore
@@ -0,0 +1,2 @@
+/files
+/tmp
diff --git a/apps/web/debian/conffiles b/apps/web/debian/conffiles
new file mode 100644
index 00000000000..a0be536ef5f
--- /dev/null
+++ b/apps/web/debian/conffiles
@@ -0,0 +1 @@
+/etc/element-web/config.json
diff --git a/apps/web/debian/control b/apps/web/debian/control
new file mode 100755
index 00000000000..506ae1eb332
--- /dev/null
+++ b/apps/web/debian/control
@@ -0,0 +1,13 @@
+Source: element-web
+Maintainer: support@element.io
+Section: web
+Priority: optional
+Homepage: https://element.io/
+
+Package: element-web
+Architecture: all
+Recommends: httpd, element-io-archive-keyring
+Description:
+  Element: the future of secure communication
+  This package contains the web-based client that can be served through a web
+   server.
diff --git a/apps/web/docker/docker-entrypoint.d/18-load-element-modules.sh b/apps/web/docker/docker-entrypoint.d/18-load-element-modules.sh
new file mode 100755
index 00000000000..2230fea33e7
--- /dev/null
+++ b/apps/web/docker/docker-entrypoint.d/18-load-element-modules.sh
@@ -0,0 +1,33 @@
+#!/bin/sh
+
+# Loads modules from `/modules` into config.json's `modules` field
+
+set -e
+
+entrypoint_log() {
+    if [ -z "${NGINX_ENTRYPOINT_QUIET_LOGS:-}" ]; then
+        echo "$@"
+    fi
+}
+
+# Copy these config files as a base
+mkdir -p /tmp/element-web-config
+cp /app/config*.json /tmp/element-web-config/
+
+# If the module directory exists AND the module directory has modules in it
+if [ -d "/modules" ] && [ "$( ls -A '/modules' )" ]; then
+    cd /modules
+    for MODULE in *
+    do
+        # If the module has a package.json, use its main field as the entrypoint
+        ENTRYPOINT="index.js"
+        if [ -f "/modules/$MODULE/package.json" ]; then
+            ENTRYPOINT=$(jq -r '.main' "/modules/$MODULE/package.json")
+        fi
+
+        entrypoint_log "Loading module $MODULE with entrypoint $ENTRYPOINT"
+
+        # Append the module to the config
+        jq ".modules += [\"/modules/$MODULE/$ENTRYPOINT\"]" /tmp/element-web-config/config.json | sponge /tmp/element-web-config/config.json
+    done
+fi
diff --git a/apps/web/docker/nginx-templates/default.conf.template b/apps/web/docker/nginx-templates/default.conf.template
new file mode 100644
index 00000000000..964e7f2933e
--- /dev/null
+++ b/apps/web/docker/nginx-templates/default.conf.template
@@ -0,0 +1,35 @@
+server {
+    listen       ${ELEMENT_WEB_PORT};
+    listen  [::]:${ELEMENT_WEB_PORT};
+    server_name  localhost;
+
+    root   /usr/share/nginx/html;
+    index  index.html;
+
+    # Set no-cache for the version, config, i18n, and index.html
+    # so that browsers always check for a new copy of Element Web.
+    # NB http://your-domain/ and http://your-domain/? are also covered by this
+
+    location = /index.html {
+        add_header Cache-Control "no-cache";
+    }
+    location = /version {
+        add_header Cache-Control "no-cache";
+    }
+    location /i18n/ {
+        add_header Cache-Control "no-cache";
+    }
+
+    # covers config.json and config.hostname.json requests as it is prefix.
+    location /config {
+        root /tmp/element-web-config;
+        add_header Cache-Control "no-cache";
+    }
+    location /modules {
+        alias /modules;
+    }
+    # redirect server error pages to the static page /50x.html
+    #
+    error_page   500 502 503 504  /50x.html;
+}
+
diff --git a/apps/web/element.io/README b/apps/web/element.io/README
new file mode 100644
index 00000000000..8691cf9dd82
--- /dev/null
+++ b/apps/web/element.io/README
@@ -0,0 +1,12 @@
+This directory contains the config files and deployment scripts for the official
+element.io distribution of Element Web.
+
+You probably do not want to build with this config unless you're building the
+official element.io distribution, but these files may be useful if you want to
+inspect the configuration used there.
+
+Element Desktop uses a separate config (see
+https://github.com/element-hq/element-web/tree/develop/apps/desktop/element.io).
+
+Deployment scripts (such as app/deploy.py) are meant to be run on the web server
+hosting the Element installation.
diff --git a/apps/web/element.io/app/config.json b/apps/web/element.io/app/config.json
new file mode 100644
index 00000000000..c1e6158007d
--- /dev/null
+++ b/apps/web/element.io/app/config.json
@@ -0,0 +1,52 @@
+{
+    "default_server_name": "matrix.org",
+    "default_server_config": {
+        "m.homeserver": {
+            "base_url": "https://matrix-client.matrix.org"
+        },
+        "m.identity_server": {
+            "base_url": "https://vector.im"
+        }
+    },
+    "brand": "Element",
+    "integrations_ui_url": "https://scalar.vector.im/",
+    "integrations_rest_url": "https://scalar.vector.im/api",
+    "integrations_widgets_urls": [
+        "https://scalar.vector.im/_matrix/integrations/v1",
+        "https://scalar.vector.im/api",
+        "https://scalar-staging.vector.im/_matrix/integrations/v1",
+        "https://scalar-staging.vector.im/api"
+    ],
+    "bug_report_endpoint_url": "https://rageshakes.element.io/api/submit",
+    "show_labs_settings": false,
+    "room_directory": {
+        "servers": ["matrix.org", "gitter.im"]
+    },
+    "enable_presence_by_hs_url": {
+        "https://matrix.org": false,
+        "https://matrix-client.matrix.org": false
+    },
+    "terms_and_conditions_links": [
+        {
+            "url": "https://element.io/privacy",
+            "text": "Privacy Policy"
+        },
+        {
+            "url": "https://element.io/cookie-policy",
+            "text": "Cookie Policy"
+        }
+    ],
+    "posthog": {
+        "project_api_key": "phc_Jzsm6DTm6V2705zeU5dcNvQDlonOR68XvX2sh1sEOHO",
+        "api_host": "https://posthog.element.io"
+    },
+    "privacy_policy_url": "https://element.io/cookie-policy",
+    "map_style_url": "https://api.maptiler.com/maps/streets/style.json?key=fU3vlMsMn4Jb6dnEIFsx",
+    "setting_defaults": {
+        "RustCrypto.staged_rollout_percent": 60
+    },
+    "features": {
+        "feature_video_rooms": true,
+        "feature_element_call_video_rooms": true
+    }
+}
diff --git a/apps/web/element.io/develop/config.json b/apps/web/element.io/develop/config.json
new file mode 100644
index 00000000000..2539a1e8f12
--- /dev/null
+++ b/apps/web/element.io/develop/config.json
@@ -0,0 +1,58 @@
+{
+    "default_server_name": "matrix.org",
+    "default_server_config": {
+        "m.homeserver": {
+            "base_url": "https://matrix-client.matrix.org"
+        },
+        "m.identity_server": {
+            "base_url": "https://vector.im"
+        }
+    },
+    "brand": "Element",
+    "integrations_ui_url": "https://scalar.vector.im/",
+    "integrations_rest_url": "https://scalar.vector.im/api",
+    "integrations_widgets_urls": [
+        "https://scalar.vector.im/_matrix/integrations/v1",
+        "https://scalar.vector.im/api",
+        "https://scalar-staging.vector.im/_matrix/integrations/v1",
+        "https://scalar-staging.vector.im/api"
+    ],
+    "bug_report_endpoint_url": "https://rageshakes.element.io/api/submit",
+    "show_labs_settings": true,
+    "room_directory": {
+        "servers": ["matrix.org", "gitter.im"]
+    },
+    "enable_presence_by_hs_url": {
+        "https://matrix.org": false,
+        "https://matrix-client.matrix.org": false
+    },
+    "terms_and_conditions_links": [
+        {
+            "url": "https://element.io/privacy",
+            "text": "Privacy Policy"
+        },
+        {
+            "url": "https://element.io/cookie-policy",
+            "text": "Cookie Policy"
+        }
+    ],
+    "sentry": {
+        "dsn": "https://029a0eb289f942508ae0fb17935bd8c5@sentry.matrix.org/6",
+        "environment": "develop"
+    },
+    "posthog": {
+        "project_api_key": "phc_Jzsm6DTm6V2705zeU5dcNvQDlonOR68XvX2sh1sEOHO",
+        "api_host": "https://posthog.element.io"
+    },
+    "privacy_policy_url": "https://element.io/cookie-policy",
+    "features": {
+        "threadsActivityCentre": true,
+        "feature_video_rooms": true,
+        "feature_element_call_video_rooms": true
+    },
+    "setting_defaults": {
+        "RustCrypto.staged_rollout_percent": 100,
+        "Registration.mobileRegistrationHelper": true
+    },
+    "map_style_url": "https://api.maptiler.com/maps/streets/style.json?key=fU3vlMsMn4Jb6dnEIFsx"
+}
diff --git a/apps/web/jest.config.ts b/apps/web/jest.config.ts
new file mode 100644
index 00000000000..83b3cf7479d
--- /dev/null
+++ b/apps/web/jest.config.ts
@@ -0,0 +1,88 @@
+/*
+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 { env } from "node:process";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+import type { Config } from "jest";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const config: Config = {
+    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
+        customExportConditions: ["browser", "node"],
+    },
+    transform: {
+        "\\.[jt]sx?$": "babel-jest",
+    },
+    testMatch: ["<rootDir>/test/**/*-test.[tj]s?(x)"],
+    globalSetup: "<rootDir>/test/globalSetup.ts",
+    setupFiles: ["jest-canvas-mock", "web-streams-polyfill/polyfill"],
+    setupFilesAfterEnv: ["<rootDir>/test/setupTests.ts"],
+    moduleNameMapper: {
+        // Support CSS module
+        "\\.(module.css)$": "identity-obj-proxy",
+        "\\.(css|scss|pcss)(\\?raw)?$": "<rootDir>/__mocks__/cssMock.js",
+        "\\.(gif|png|ttf|woff2)$": "<rootDir>/__mocks__/imageMock.js",
+        "\\.svg$": "<rootDir>/__mocks__/svg.js",
+        "\\.svg\\?react$": "<rootDir>/__mocks__/svg-react.js",
+        "^matrix-js-sdk(.*)$": "<rootDir>/node_modules/matrix-js-sdk$1",
+        "^react$": "<rootDir>/node_modules/react",
+        "^react-dom$": "<rootDir>/node_modules/react-dom",
+        "decoderWorker\\.min\\.js": "<rootDir>/__mocks__/empty.js",
+        "decoderWorker\\.min\\.wasm": "<rootDir>/__mocks__/empty.js",
+        "waveWorker\\.min\\.js": "<rootDir>/__mocks__/empty.js",
+        "context-filter-polyfill": "<rootDir>/__mocks__/empty.js",
+        "workers/(.+)Factory": "<rootDir>/__mocks__/workerFactoryMock-jest.js",
+        ".*\\?raw": "jest-raw-loader",
+        "recorderWorkletFactory": "<rootDir>/__mocks__/empty.js",
+        "@vector-im/compound-web": "<rootDir>/node_modules/@vector-im/compound-web",
+        "^vitest$": "<rootDir>/__mocks__/empty.js",
+        "jest-mock-vitest-adapter": "<rootDir>/test/setup/adapter.ts",
+        "test-utils-rtl": "<rootDir>/test/test-utils/jest-matrix-react.tsx",
+    },
+    transformIgnorePatterns: [
+        `${path.join(__dirname, "../..")}/node_modules/.pnpm/(?!(matrix-js-sdk|htmlparser2|mime|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|lodash|domutils|domhandler|domelementtype|dom-serializer|entities)).+$`,
+    ],
+    collectCoverageFrom: [
+        "<rootDir>/src/**/*.{js,ts,tsx}",
+        // getSessionLock is piped into a different JS context via stringification, and the coverage functionality is
+        // not available in that contest. So, turn off coverage instrumentation for it.
+        "!<rootDir>/src/utils/SessionLock.ts",
+        // Coverage chokes on type definition files
+        "!<rootDir>/src/**/*.d.ts",
+        // Ignore vitest tests
+        "!<rootDir>/src/**/*.test.{ts,tsx}",
+        "!<rootDir>/src/test/**",
+        // Exclude mocks
+        "!<rootDir>/src/**/*-{mock,mocks}.{ts,tsx}",
+    ],
+    coverageReporters: ["text-summary", ["lcov", { projectRoot: "../../" }]],
+    prettierPath: null,
+    moduleDirectories: ["node_modules", "test/test-utils"],
+    workerIdleMemoryLimit: "512MB",
+    snapshotSerializers: ["<rootDir>/src/test/react-use-id-serializer.ts"],
+};
+
+// if we're running under GHA, enable relevant reporters
+if (env["GITHUB_ACTIONS"] !== undefined) {
+    config.reporters ??= [];
+    config.reporters.push(["github-actions", { silent: false }]);
+    config.reporters.push("summary");
+
+    // if we're running against the develop branch, also enable the slow test reporter
+    if (env["GITHUB_REF"] == "refs/heads/develop") {
+        config.reporters.push("<rootDir>/test/slowReporter.cjs");
+    }
+}
+
+export default config;
diff --git a/apps/web/module_system/BuildConfig.ts b/apps/web/module_system/BuildConfig.ts
new file mode 100644
index 00000000000..b9454e84185
--- /dev/null
+++ b/apps/web/module_system/BuildConfig.ts
@@ -0,0 +1,24 @@
+/*
+Copyright 2022-2024 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 * as YAML from "yaml";
+import * as fs from "node:fs";
+
+export type BuildConfig = {
+    // Dev note: make everything here optional for user safety. Invalid
+    // configs are very possible.
+
+    // The module references to include in the build.
+    modules?: string[];
+};
+
+export function readBuildConfig(): BuildConfig {
+    if (fs.existsSync("./build_config.yaml")) {
+        return YAML.parse(fs.readFileSync("./build_config.yaml", "utf-8"));
+    }
+    return {}; // no config
+}
diff --git a/apps/web/module_system/installer.ts b/apps/web/module_system/installer.ts
new file mode 100644
index 00000000000..b179f394cab
--- /dev/null
+++ b/apps/web/module_system/installer.ts
@@ -0,0 +1,196 @@
+/*
+Copyright 2022-2024 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 * as fs from "node:fs";
+import * as childProcess from "node:child_process";
+import * as semver from "semver";
+
+import { type BuildConfig } from "./BuildConfig.ts";
+
+// This expects to be run from ./scripts/install.ts
+
+const moduleApiDepName = "@matrix-org/react-sdk-module-api";
+
+const MODULES_TS_HEADER = `
+/*
+ * THIS FILE IS AUTO-GENERATED
+ * You can edit it you like, but your changes will be overwritten,
+ * so you'd just be trying to swim upstream like a salmon.
+ * You are not a salmon.
+ */
+
+`;
+const MODULES_TS_DEFINITIONS = `
+export const INSTALLED_MODULES = [];
+`;
+
+export function installer(config: BuildConfig): void {
+    if (!config.modules?.length) {
+        // nothing to do
+        writeModulesTs(MODULES_TS_HEADER + MODULES_TS_DEFINITIONS);
+        return;
+    }
+
+    let exitCode = 0;
+
+    // We cheat a bit and store the current package.json and lockfile so we can safely
+    // run `pnpm add` without creating extra committed files for people. We restore
+    // these files by simply overwriting them when we're done.
+    const packageDeps = readCurrentPackageDetails();
+
+    // Record which optional dependencies there are currently, if any, so we can exclude
+    // them from our "must be a module" assumption later on.
+    const currentOptDeps = getOptionalDepNames(packageDeps.packageJson);
+
+    try {
+        // Install the modules with pnpm
+        const yarnAddRef = config.modules.join(" ");
+        callYarnAdd(yarnAddRef); // install them all at once
+
+        // Grab the optional dependencies again and exclude what was there already. Everything
+        // else must be a module, we assume.
+        const pkgJsonStr = fs.readFileSync("./package.json", "utf-8");
+        const optionalDepNames = getOptionalDepNames(pkgJsonStr);
+        const installedModules = optionalDepNames.filter((d) => !currentOptDeps.includes(d));
+
+        // Ensure all the modules are compatible. We check them all and report at the end to
+        // try and save the user some time debugging this sort of failure.
+        const ourApiVersion = getTopLevelDependencyVersion(moduleApiDepName);
+        const incompatibleNames: string[] = [];
+        for (const moduleName of installedModules) {
+            const modApiVersion = getModuleApiVersionFor(moduleName);
+            if (!isModuleVersionCompatible(ourApiVersion, modApiVersion)) {
+                incompatibleNames.push(moduleName);
+            }
+        }
+        if (incompatibleNames.length > 0) {
+            console.error(
+                "The following modules are not compatible with this version of element-web. Please update the module " +
+                    "references and try again.",
+                JSON.stringify(incompatibleNames, null, 4), // stringify to get prettier/complete output
+            );
+            exitCode = 1;
+            return; // hit the finally{} block before exiting
+        }
+
+        // If we reach here, everything seems fine. Write modules.js and log some output
+        // Note: we compile modules.js in two parts for developer friendliness if they
+        // happen to look at it.
+        console.log("The following modules have been installed: ", installedModules);
+        let modulesTsHeader = MODULES_TS_HEADER;
+        let modulesTsDefs = MODULES_TS_DEFINITIONS;
+        let index = 0;
+        for (const moduleName of installedModules) {
+            const importName = `Module${++index}`;
+            modulesTsHeader += `import ${importName} from "${moduleName}";\n`;
+            modulesTsDefs += `INSTALLED_MODULES.push(${importName});\n`;
+        }
+        writeModulesTs(modulesTsHeader + modulesTsDefs);
+        console.log("Done installing modules");
+    } finally {
+        // Always restore package details (or at least try to)
+        writePackageDetails(packageDeps);
+
+        if (exitCode > 0) {
+            process.exit(exitCode);
+        }
+    }
+}
+
+type RawDependencies = {
+    lockfile: string;
+    packageJson: string;
+};
+
+function readCurrentPackageDetails(): RawDependencies {
+    return {
+        lockfile: fs.readFileSync("./pnpm-lock.yaml", "utf-8"),
+        packageJson: fs.readFileSync("./package.json", "utf-8"),
+    };
+}
+
+function writePackageDetails(deps: RawDependencies): void {
+    fs.writeFileSync("./pnpm-lock.yaml", deps.lockfile, "utf-8");
+    fs.writeFileSync("./package.json", deps.packageJson, "utf-8");
+}
+
+function callYarnAdd(dep: string): void {
+    // Add the module to the optional dependencies section just in case something
+    // goes wrong in restoring the original package details.
+    childProcess.execSync(`pnpm add -O ${dep}`, {
+        env: process.env,
+        stdio: ["inherit", "inherit", "inherit"],
+    });
+}
+
+function getOptionalDepNames(pkgJsonStr: string): string[] {
+    return Object.keys(JSON.parse(pkgJsonStr)?.["optionalDependencies"] ?? {});
+}
+
+function findDepVersionInPackageJson(dep: string, pkgJsonStr: string): string {
+    const pkgJson = JSON.parse(pkgJsonStr);
+    const packages = {
+        ...pkgJson["optionalDependencies"],
+        ...pkgJson["devDependencies"],
+        ...pkgJson["dependencies"],
+    };
+    return packages[dep];
+}
+
+function getTopLevelDependencyVersion(dep: string): string {
+    const dependencyTree = JSON.parse(
+        childProcess
+            .execSync(`npm list ${dep} --depth=0 --json`, {
+                env: process.env,
+                stdio: ["inherit", "pipe", "pipe"],
+            })
+            .toString("utf-8"),
+    );
+
+    /*
+        What a dependency tree looks like:
+        {
+          "version": "1.10.13",
+          "name": "element-web",
+          "dependencies": {
+            "@matrix-org/react-sdk-module-api": {
+              "version": "0.0.1",
+              "resolved": "file:../../../matrix-react-sdk-module-api"
+            }
+          }
+        }
+     */
+
+    return dependencyTree["dependencies"][dep]["version"];
+}
+
+function getModuleApiVersionFor(moduleName: string): string {
+    // We'll just pretend that this isn't highly problematic...
+    // pnpm is fairly stable in putting modules in a flat hierarchy, at least.
+    const pkgJsonStr = fs.readFileSync(`./node_modules/${moduleName}/package.json`, "utf-8");
+    return findDepVersionInPackageJson(moduleApiDepName, pkgJsonStr);
+}
+
+// A list of Module API versions that are supported in addition to the currently installed one
+// defined in the package.json. This is necessary because semantic versioning is applied to both
+// the Module-side surface of the API and the Client-side surface of the API. So breaking changes
+// in the Client-side surface lead to a major bump even though the Module-side surface stays
+// compatible. We aim to not break the Module-side surface so we maintain a list of compatible
+// older versions.
+const backwardsCompatibleMajorVersions = ["1.0.0"];
+
+function isModuleVersionCompatible(ourApiVersion: string, moduleApiVersion: string): boolean {
+    if (!moduleApiVersion) return false;
+    return (
+        semver.satisfies(ourApiVersion, moduleApiVersion) ||
+        backwardsCompatibleMajorVersions.some((version) => semver.satisfies(version, moduleApiVersion))
+    );
+}
+
+function writeModulesTs(content: string): void {
+    fs.writeFileSync("./src/modules.js", content, "utf-8");
+}
diff --git a/apps/web/module_system/scripts/install.ts b/apps/web/module_system/scripts/install.ts
new file mode 100644
index 00000000000..5f96af1cd3a
--- /dev/null
+++ b/apps/web/module_system/scripts/install.ts
@@ -0,0 +1,12 @@
+/*
+Copyright 2022-2024 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 { readBuildConfig } from "../BuildConfig.ts";
+import { installer } from "../installer.ts";
+
+const buildConf = readBuildConfig();
+installer(buildConf);
diff --git a/apps/web/package.json b/apps/web/package.json
new file mode 100644
index 00000000000..b254a489c95
--- /dev/null
+++ b/apps/web/package.json
@@ -0,0 +1,228 @@
+{
+    "name": "element-web",
+    "version": "1.12.25",
+    "description": "Element: the future of secure communication",
+    "author": "New Vector Ltd.",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/element-hq/element-web"
+    },
+    "license": "SEE LICENSE IN README.md",
+    "type": "module",
+    "matrix_i18n_extra_translation_funcs": [
+        "UserFriendlyError"
+    ],
+    "scripts": {
+        "i18n": "matrix-gen-i18n src res && pnpm i18n:sort && pnpm i18n:lint",
+        "i18n:sort": "matrix-sort-i18n src/i18n/strings/en_EN.json",
+        "i18n:lint": "matrix-i18n-lint && oxfmt src/i18n/strings/",
+        "i18n:diff": "cp src/i18n/strings/en_EN.json src/i18n/strings/en_EN_orig.json && pnpm i18n && matrix-compare-i18n-files src/i18n/strings/en_EN_orig.json src/i18n/strings/en_EN.json",
+        "rethemendex": "sh ./res/css/rethemendex.sh",
+        "build": "nx build",
+        "build-stats": "nx build --json=webpack-stats.json",
+        "vendor:modernizr": "modernizr -c .modernizr.json -d src/vector/modernizr.js && mv src/vector/modernizr.js src/vector/modernizr.cjs",
+        "vendor:jitsi": "curl -s https://meet.element.io/libs/external_api.min.js > ./res/jitsi_external_api.min.js",
+        "dist": "./scripts/package.sh",
+        "start": "nx start",
+        "lint": "pnpm lint:types && pnpm lint:style",
+        "lint:types": "nx lint:types",
+        "lint:style": "stylelint \"res/css/**/*.pcss\"",
+        "test": "nx test:unit",
+        "test:vitest": "nx test:vitest",
+        "test:playwright": "nx test:playwright --",
+        "test:playwright:open": "nx test:playwright -- --ui",
+        "test:playwright:screenshots": "nx test:playwright:screenshots --",
+        "coverage": "pnpm test --coverage",
+        "coverage:diff": "diff-cover --config-file ../../diff-cover.toml coverage/lcov.info",
+        "analyse:webpack-bundles": "webpack-bundle-analyzer webpack-stats.json webapp"
+    },
+    "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@element-hq/element-web-module-api": "workspace:*",
+        "@element-hq/web-shared-components": "workspace:*",
+        "@fontsource/fira-code": "^5",
+        "@fontsource/inter": "catalog:",
+        "@formatjs/intl-segmenter": "^12.0.0",
+        "@matrix-org/analytics-events": "^0.37.0",
+        "@matrix-org/emojibase-bindings": "catalog:",
+        "@matrix-org/react-sdk-module-api": "^2.4.0",
+        "@sentry/browser": "^10.0.0",
+        "@types/png-chunks-extract": "^1.0.2",
+        "@vector-im/compound-design-tokens": "catalog:",
+        "@vector-im/compound-web": "catalog:",
+        "@vector-im/matrix-wysiwyg": "2.40.0",
+        "@zxcvbn-ts/core": "^4.0.0",
+        "@zxcvbn-ts/language-common": "^4.0.0",
+        "@zxcvbn-ts/language-en": "^4.0.0",
+        "await-lock": "^3.0.0",
+        "bloom-filters": "^3.0.3",
+        "blurhash": "^2.0.3",
+        "browserslist": "^4.23.2",
+        "classnames": "^2.2.6",
+        "commonmark": "^0.31.0",
+        "css-tree": "^3.0.0",
+        "diff-dom": "^5.0.0",
+        "diff-match-patch": "^1.0.5",
+        "domutils": "^4.0.0",
+        "emojibase-regex": "^17.0.0",
+        "escape-html": "^1.0.3",
+        "events": "^3.3.0",
+        "file-saver": "^2.0.5",
+        "filesize": "11.0.22",
+        "github-markdown-css": "^5.5.1",
+        "glob-to-regexp": "^0.4.1",
+        "highlight.js": "^11.3.1",
+        "html-entities": "^2.0.0",
+        "html-react-parser": "^6.0.0",
+        "is-ip": "^5.0.0",
+        "jsrsasign": "^11.0.0",
+        "jszip": "^3.7.0",
+        "katex": "^0.18.0",
+        "lodash": "npm:lodash-es@4.18.1",
+        "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.18.0",
+        "memoize-one": "^6.0.0",
+        "mime": "^4.0.4",
+        "opus-recorder": "^8.0.3",
+        "pako": "^3.0.0",
+        "png-chunks-extract": "^1.0.0",
+        "posthog-js": "1.407.2",
+        "qrcode": "1.5.4",
+        "re-resizable": "6.11.2",
+        "react": "catalog:",
+        "react-beautiful-dnd": "^13.1.0",
+        "react-blurhash": "^0.3.0",
+        "react-dom": "catalog:",
+        "react-focus-lock": "^2.5.1",
+        "react-string-replace": "^2.0.0",
+        "react-transition-group": "^4.4.1",
+        "rfc4648": "^1.4.0",
+        "sanitize-filename": "^1.6.3",
+        "sanitize-html": "2.17.6",
+        "tar-js": "^0.3.0",
+        "ua-parser-js": "1.0.40",
+        "what-input": "^5.2.10"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.12.10",
+        "@babel/plugin-proposal-decorators": "^7.25.9",
+        "@babel/plugin-proposal-export-default-from": "^7.12.1",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-transform-class-properties": "^7.12.1",
+        "@babel/plugin-transform-class-static-block": "^7.26.0",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.20.7",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.12.1",
+        "@babel/plugin-transform-numeric-separator": "^7.12.7",
+        "@babel/plugin-transform-object-rest-spread": "^7.12.1",
+        "@babel/plugin-transform-optional-chaining": "^7.12.7",
+        "@babel/plugin-transform-runtime": "^7.12.10",
+        "@babel/preset-env": "^7.12.11",
+        "@babel/preset-react": "^7.12.10",
+        "@babel/preset-typescript": "^7.12.7",
+        "@element-hq/element-call-embedded": "0.22.0",
+        "@element-hq/element-web-playwright-common": "workspace:*",
+        "@fetch-mock/jest": "^0.2.20",
+        "@fetch-mock/vitest": "^0.2.18",
+        "@jest/globals": "^30.2.0",
+        "@peculiar/webcrypto": "^1.4.3",
+        "@playwright/test": "catalog:",
+        "@principalstudio/html-webpack-inject-preload": "^1.2.7",
+        "@sentry/webpack-plugin": "^5.0.0",
+        "@svgr/webpack": "^8.0.0",
+        "@testing-library/dom": "^10.4.0",
+        "@testing-library/jest-dom": "^7.0.0",
+        "@testing-library/react": "^16.0.0",
+        "@testing-library/user-event": "^14.5.2",
+        "@types/commonmark": "^0.27.4",
+        "@types/css-tree": "^2.3.8",
+        "@types/diff-match-patch": "^1.0.32",
+        "@types/escape-html": "^1.0.1",
+        "@types/express": "^5.0.0",
+        "@types/file-saver": "^2.0.3",
+        "@types/glob-to-regexp": "^0.4.1",
+        "@types/jest": "30.0.0",
+        "@types/jitsi-meet": "^2.0.2",
+        "@types/jsrsasign": "^10.5.4",
+        "@types/lodash": "^4.14.168",
+        "@types/modernizr": "^3.5.3",
+        "@types/node": "catalog:",
+        "@types/postcss-import": "^14.0.3",
+        "@types/qrcode": "^1.3.5",
+        "@types/react": "catalog:",
+        "@types/react-beautiful-dnd": "^13.0.0",
+        "@types/react-dom": "catalog:",
+        "@types/react-transition-group": "^4.4.0",
+        "@types/sanitize-html": "2.16.1",
+        "@types/sdp-transform": "^3.0.0",
+        "@types/semver": "^7.5.8",
+        "@types/tar-js": "^0.3.5",
+        "@types/ua-parser-js": "^0.7.36",
+        "@typescript/native": "catalog:",
+        "@vitest/spy": "catalog:",
+        "babel-jest": "^30.0.0",
+        "babel-loader": "^10.0.0",
+        "babel-plugin-jsx-remove-data-test-id": "^3.0.0",
+        "blob-polyfill": "^9.0.0",
+        "copy-webpack-plugin": "^14.0.0",
+        "css-loader": "^7.0.0",
+        "css-minimizer-webpack-plugin": "^8.0.0",
+        "dotenv": "^17.0.0",
+        "express": "^5.0.0",
+        "fake-indexeddb": "^6.0.0",
+        "file-loader": "^6.0.0",
+        "happy-dom": "^20.10.2",
+        "html-webpack-plugin": "^5.5.3",
+        "identity-obj-proxy": "^3.0.0",
+        "jest": "^30.0.0",
+        "jest-canvas-mock": "^2.5.2",
+        "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",
+        "matrix-web-i18n": "catalog:",
+        "mini-css-extract-plugin": "2.10.2",
+        "modernizr": "^3.12.0",
+        "oxfmt": "0.60.0",
+        "playwright-core": "catalog:",
+        "postcss": "8.5.25",
+        "postcss-easings": "4.0.0",
+        "postcss-hexrgba": "2.1.0",
+        "postcss-import": "16.1.1",
+        "postcss-loader": "8.2.1",
+        "postcss-mixins": "12.1.2",
+        "postcss-nested": "8.0.1",
+        "postcss-preset-env": "11.3.2",
+        "postcss-scss": "4.0.9",
+        "postcss-simple-vars": "7.0.1",
+        "process": "^0.11.10",
+        "semver": "^7.5.2",
+        "shared-types": "workspace:*",
+        "source-map-loader": "^5.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": "^12.0.0",
+        "typescript": "catalog:ts6",
+        "util": "^0.12.5",
+        "vite-plugin-svgr": "catalog:",
+        "vitest": "catalog:",
+        "vitest-canvas-mock": "^1.1.4",
+        "web-streams-polyfill": "^4.0.0",
+        "webpack": "^5.89.0",
+        "webpack-bundle-analyzer": "^5.0.0",
+        "webpack-cli": "^7.0.0",
+        "webpack-dev-server": "^6.0.0",
+        "webpack-retry-chunk-load-plugin": "^3.1.1",
+        "webpack-version-file-plugin": "^0.5.0",
+        "yaml": "^2.3.3"
+    },
+    "engines": {
+        "node": ">=22.18"
+    },
+    "private": true
+}
diff --git a/apps/web/playwright.config.ts b/apps/web/playwright.config.ts
new file mode 100644
index 00000000000..61205571484
--- /dev/null
+++ b/apps/web/playwright.config.ts
@@ -0,0 +1,110 @@
+/*
+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 {
+    defineConfig,
+    devices,
+    type Project,
+    type PlaywrightTestOptions,
+    type PlaywrightWorkerOptions,
+} from "@playwright/test";
+
+import { type WorkerOptions } from "./playwright/services";
+
+const baseURL = process.env["BASE_URL"] ?? "http://localhost:8080";
+
+const chromeProject: Project<PlaywrightTestOptions, WorkerOptions & PlaywrightWorkerOptions>["use"] = {
+    ...devices["Desktop Chrome"],
+    channel: "chromium",
+    permissions: ["clipboard-write", "clipboard-read", "microphone"],
+    launchOptions: {
+        args: ["--use-fake-ui-for-media-stream", "--use-fake-device-for-media-stream", "--mute-audio"],
+    },
+    connectOptions: process.env.PW_TEST_CONNECT_WS_ENDPOINT
+        ? {
+              wsEndpoint: process.env.PW_TEST_CONNECT_WS_ENDPOINT,
+              exposeNetwork: "<loopback>",
+          }
+        : undefined,
+};
+
+export default defineConfig<{}, WorkerOptions>({
+    projects: [
+        {
+            name: "Chrome",
+            use: {
+                ...chromeProject,
+            },
+        },
+        {
+            name: "Firefox",
+            use: {
+                ...devices["Desktop Firefox"],
+                launchOptions: {
+                    firefoxUserPrefs: {
+                        "permissions.default.microphone": 1,
+                    },
+                },
+                // This is needed to work around an issue between Playwright routes, Firefox, and Service workers
+                // https://github.com/microsoft/playwright/issues/33561#issuecomment-2471642120
+                serviceWorkers: "block",
+            },
+            ignoreSnapshots: true,
+        },
+        {
+            name: "WebKit",
+            use: {
+                ...devices["Desktop Safari"],
+                // Seemingly WebKit has the same issue as Firefox in Playwright routes not working
+                // https://playwright.dev/docs/network#missing-network-events-and-service-workers
+                serviceWorkers: "block",
+            },
+            ignoreSnapshots: true,
+        },
+        {
+            name: "Dendrite",
+            use: {
+                ...chromeProject,
+                homeserverType: "dendrite",
+            },
+            ignoreSnapshots: true,
+        },
+        {
+            name: "Pinecone",
+            use: {
+                ...chromeProject,
+                homeserverType: "pinecone",
+            },
+            ignoreSnapshots: true,
+        },
+    ],
+    use: {
+        viewport: { width: 1280, height: 720 },
+        ignoreHTTPSErrors: true,
+        video: "retain-on-failure",
+        baseURL,
+        trace: "on-first-retry",
+    },
+    webServer: {
+        command: process.env.CI ? "npx serve -p 8080 -L ./webapp" : "nx --outputStyle stream start",
+        url: `${baseURL}/config.json`,
+        reuseExistingServer: true,
+        timeout: (process.env.CI ? 30 : 120) * 1000,
+        stdout: "pipe",
+    },
+    testDir: "playwright/e2e",
+    outputDir: "playwright/test-results",
+    workers: 1,
+    retries: process.env.CI ? 2 : 0,
+    maxFailures: process.env.CI ? 10 : undefined,
+    reporter: process.env.CI ? [["blob"], ["github"]] : [["html", { outputFolder: "playwright/html-report" }]],
+    snapshotDir: "playwright/snapshots",
+    // When running the browser in docker, set the platform to `linux` as that is the platform where the browser is running
+    snapshotPathTemplate: `{snapshotDir}/{testFilePath}/{arg}-${process.env.PW_TEST_CONNECT_WS_ENDPOINT ? "linux" : "{platform}"}{ext}`,
+    forbidOnly: !!process.env.CI,
+});
diff --git a/apps/web/playwright/.gitignore b/apps/web/playwright/.gitignore
new file mode 100644
index 00000000000..0d50077f5ad
--- /dev/null
+++ b/apps/web/playwright/.gitignore
@@ -0,0 +1,6 @@
+/test-results/
+/html-report/
+/logs/
+# Only commit snapshots from Linux
+/snapshots/**/*.png
+!/snapshots/**/*-linux.png
diff --git a/apps/web/playwright/e2e/accessibility/keyboard-navigation.spec.ts b/apps/web/playwright/e2e/accessibility/keyboard-navigation.spec.ts
new file mode 100644
index 00000000000..edd7b37ea82
--- /dev/null
+++ b/apps/web/playwright/e2e/accessibility/keyboard-navigation.spec.ts
@@ -0,0 +1,166 @@
+/*
+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.
+*/
+
+import { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test";
+import { Bot } from "../../pages/bot";
+
+test.describe("Landmark navigation tests", () => {
+    test.use({
+        displayName: "Alice",
+    });
+
+    test("without any rooms", async ({ page, homeserver, app, user }) => {
+        await rejectToast(page, "Verify this device");
+
+        // sometimes the space button doesn't appear right away
+        await expect(page.locator(".mx_SpaceButton_active")).toBeVisible();
+
+        /**
+         * Without any rooms, there is no tile in the roomlist to be focused.
+         * So the next landmark in the list should be focused instead.
+         */
+
+        // Pressing Control+F6 will first focus the space button
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
+
+        // Pressing Control+F6 again will focus room search
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator("#room-list-search-button")).toBeFocused();
+
+        // Pressing Control+F6 again will focus the message composer
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator(".mx_HomePage")).toBeFocused();
+
+        // Pressing Control+F6 again will bring focus back to the space button
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
+
+        // Now go back in the same order
+        await page.keyboard.press("ControlOrMeta+Shift+F6");
+        await expect(page.locator(".mx_HomePage")).toBeFocused();
+
+        await page.keyboard.press("ControlOrMeta+Shift+F6");
+        await expect(page.locator("#room-list-search-button")).toBeFocused();
+
+        await page.keyboard.press("ControlOrMeta+Shift+F6");
+        await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
+    });
+
+    test("with an open room", async ({ page, homeserver, app, user }) => {
+        const bob = new Bot(page, homeserver, { displayName: "Bob" });
+        await bob.prepareClient();
+
+        // create dm with bob
+        await app.client.evaluate(
+            async (cli, { bob }) => {
+                const bobRoom = await cli.createRoom({ is_direct: true });
+                await cli.invite(bobRoom.room_id, bob);
+            },
+            {
+                bob: bob.credentials!.userId,
+            },
+        );
+
+        await app.viewRoomByName("Bob");
+        // confirm the room was loaded
+        await expect(page.getByText("Bob joined the room")).toBeVisible();
+
+        // Pressing Control+F6 will first focus the space button
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
+
+        // Pressing Control+F6 again will focus room search
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator("#room-list-search-button")).toBeFocused();
+
+        // Pressing Control+F6 again will focus the room tile in the room list
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator(".mx_RoomListItemView_selected")).toBeFocused();
+
+        // Pressing Control+F6 again will focus the message composer
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator(".mx_BasicMessageComposer_input")).toBeFocused();
+
+        // Pressing Control+F6 again will bring focus back to the space button
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
+
+        // Now go back in the same order
+        await page.keyboard.press("ControlOrMeta+Shift+F6");
+        await expect(page.locator(".mx_BasicMessageComposer_input")).toBeFocused();
+
+        await page.keyboard.press("ControlOrMeta+Shift+F6");
+        await expect(page.locator(".mx_RoomListItemView_selected")).toBeFocused();
+
+        await page.keyboard.press("ControlOrMeta+Shift+F6");
+        await expect(page.locator("#room-list-search-button")).toBeFocused();
+
+        await page.keyboard.press("ControlOrMeta+Shift+F6");
+        await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
+    });
+
+    test("without an open room", async ({ page, homeserver, app, user }) => {
+        const bob = new Bot(page, homeserver, { displayName: "Bob" });
+        await bob.prepareClient();
+
+        // create a dm with bob
+        await app.client.evaluate(
+            async (cli, { bob }) => {
+                const bobRoom = await cli.createRoom({ is_direct: true });
+                await cli.invite(bobRoom.room_id, bob);
+            },
+            {
+                bob: bob.credentials!.userId,
+            },
+        );
+
+        await rejectToast(page, "Verify this device");
+        await app.viewRoomByName("Bob");
+        // confirm the room was loaded
+        await expect(page.getByText("Bob joined the room")).toBeVisible();
+
+        // Close the room
+        await page.goto("/#/home");
+
+        // Pressing Control+F6 will first focus the space button
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
+
+        // Pressing Control+F6 again will focus room search
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator("#room-list-search-button")).toBeFocused();
+
+        // Pressing Control+F6 again will focus the room tile in the room list
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator(".mx_RoomListItemView")).toBeFocused();
+
+        // Pressing Control+F6 again will focus the home section
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator(".mx_HomePage")).toBeFocused();
+
+        // Pressing Control+F6 will bring focus back to the space button
+        await page.keyboard.press("ControlOrMeta+F6");
+        await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
+
+        // Now go back in same order
+        await page.keyboard.press("ControlOrMeta+Shift+F6");
+        await expect(page.locator(".mx_HomePage")).toBeFocused();
+
+        await page.keyboard.press("ControlOrMeta+Shift+F6");
+        await expect(page.locator(".mx_RoomListItemView")).toBeFocused();
+
+        await page.keyboard.press("ControlOrMeta+Shift+F6");
+        await expect(page.locator("#room-list-search-button")).toBeFocused();
+
+        await page.keyboard.press("ControlOrMeta+Shift+F6");
+        await expect(page.locator(".mx_SpaceButton_active")).toBeFocused();
+    });
+});
diff --git a/apps/web/playwright/e2e/app-loading/feature-detection.spec.ts b/apps/web/playwright/e2e/app-loading/feature-detection.spec.ts
new file mode 100644
index 00000000000..0d11e4a31a9
--- /dev/null
+++ b/apps/web/playwright/e2e/app-loading/feature-detection.spec.ts
@@ -0,0 +1,34 @@
+/*
+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.
+*/
+
+import { test, expect } from "../../element-web-test";
+
+test(`shows error page if browser lacks Intl support`, { tag: "@screenshot" }, async ({ page }) => {
+    await page.addInitScript({ content: `delete window.Intl;` });
+    await page.goto("/");
+
+    // Lack of Intl support causes the app bundle to fail to load, so we get the iframed
+    // static error page and need to explicitly look in the iframe because Playwright doesn't
+    // recurse into iframes when looking for elements
+    const header = page.frameLocator("iframe").getByText("Unsupported browser");
+    await expect(header).toBeVisible();
+
+    await expect(page).toMatchScreenshot("unsupported-browser.png");
+});
+
+test(`shows error page if browser lacks WebAssembly support`, { tag: "@screenshot" }, async ({ page }) => {
+    await page.addInitScript({ content: `delete window.WebAssembly;` });
+    await page.goto("/");
+
+    // Lack of WebAssembly support doesn't cause the bundle to fail loading, so we get
+    // CompatibilityView, i.e. no iframes.
+    const header = page.getByText("Element does not support this browser");
+    await expect(header).toBeVisible();
+
+    await expect(page).toMatchScreenshot("unsupported-browser-CompatibilityView.png");
+});
diff --git a/apps/web/playwright/e2e/app-loading/guest-registration.spec.ts b/apps/web/playwright/e2e/app-loading/guest-registration.spec.ts
new file mode 100644
index 00000000000..a36e97ac45c
--- /dev/null
+++ b/apps/web/playwright/e2e/app-loading/guest-registration.spec.ts
@@ -0,0 +1,49 @@
+/*
+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.
+*/
+
+/*
+ * Tests for application startup with guest registration enabled on the server.
+ */
+
+import type { Page } from "playwright-core";
+import { expect, test } from "../../element-web-test";
+
+test.use({
+    synapseConfig: {
+        allow_guest_access: true,
+    },
+});
+
+const screenshotOptions = (page?: Page) => ({
+    // Hide the UserID
+    css: `
+        span[data-testid="userId"] {
+            display: none !important;
+        }
+    `,
+});
+
+test("Shows the welcome page by default", async ({ page }) => {
+    await page.goto("/");
+    await expect(page.getByRole("heading", { name: "Be in your element" })).toBeVisible();
+    await expect(page.getByRole("link", { name: "Sign in" })).toBeVisible();
+});
+
+test("Shows the user menu for guests", { tag: ["@screenshot"] }, async ({ page, app }) => {
+    await page.goto("/#/room/!room:id");
+    await page.waitForSelector(".mx_MatrixChat", { timeout: 30000 });
+    const menu = await app.openUserMenu();
+    await expect(menu).toMatchScreenshot("guest-menu.png", screenshotOptions(page));
+});
+
+test("Room link correctly loads a room view", async ({ page }) => {
+    await page.goto("/#/room/!room:id");
+    await page.waitForSelector(".mx_MatrixChat", { timeout: 30000 });
+    await expect(page).toHaveURL(/\/#\/room\/!room:id$/);
+    await expect(page.getByRole("heading", { name: "Join the conversation with an account" })).toBeVisible();
+});
diff --git a/apps/web/playwright/e2e/app-loading/stored-credentials.spec.ts b/apps/web/playwright/e2e/app-loading/stored-credentials.spec.ts
new file mode 100644
index 00000000000..ccc187c0379
--- /dev/null
+++ b/apps/web/playwright/e2e/app-loading/stored-credentials.spec.ts
@@ -0,0 +1,73 @@
+/*
+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.
+*/
+
+import { expect, test } from "../../element-web-test";
+import { ElementAppPage } from "../../pages/ElementAppPage";
+
+/*
+ * Tests for application startup with credentials stored in localstorage.
+ */
+
+test.use({ displayName: "Boris" });
+
+test("Shows the homepage by default", async ({ pageWithCredentials: page }) => {
+    await page.goto("/");
+    await page.waitForSelector(".mx_MatrixChat", { timeout: 30000 });
+
+    await expect(page).toHaveURL(/\/#\/home/);
+    await expect(page.getByRole("heading", { name: "Welcome Boris", exact: true })).toBeVisible();
+});
+
+test(
+    "Adjusts homepage button layout in thin viewport",
+    { tag: "@screenshot" },
+    async ({ pageWithCredentials: page }) => {
+        await page.setViewportSize({ width: 920, height: 720 });
+        await page.goto("/#/home");
+        await page.waitForSelector(".mx_HomePage", { timeout: 30000 });
+
+        await expect(page.locator(".mx_HomePage")).toMatchScreenshot("home-thin-viewport.png");
+    },
+);
+
+test("Shows the last known page on reload", async ({ pageWithCredentials: page }) => {
+    await page.goto("/");
+    await page.waitForSelector(".mx_MatrixChat", { timeout: 30000 });
+
+    const app = new ElementAppPage(page);
+    await app.client.createRoom({ name: "Test Room" });
+    await app.viewRoomByName("Test Room");
+    await expect(page).toHaveURL(/\/#\/room\//);
+
+    // Navigate away
+    await page.goto("about:blank");
+
+    // And back again
+    await page.goto("/");
+    await page.waitForSelector(".mx_MatrixChat", { timeout: 30000 });
+
+    // Check that the room reloaded
+    await expect(page).toHaveURL(/\/#\/room\//);
+    await expect(page.locator(".mx_RoomHeader")).toContainText("Test Room");
+});
+
+test("Room link correctly loads a room view", async ({ pageWithCredentials: page }) => {
+    await page.goto("/#/room/!room:id");
+    await page.waitForSelector(".mx_MatrixChat", { timeout: 30000 });
+
+    await expect(page).toHaveURL(/\/#\/room\/!room:id$/);
+    await expect(page.getByRole("button", { name: "Join the discussion" })).toBeVisible();
+});
+
+test("Login link redirects to home page", async ({ pageWithCredentials: page }) => {
+    await page.goto("/#/login");
+    await page.waitForSelector(".mx_MatrixChat", { timeout: 30000 });
+
+    await expect(page).toHaveURL(/\/#\/home/);
+    await expect(page.getByRole("heading", { name: "Welcome Boris", exact: true })).toBeVisible();
+});
diff --git a/apps/web/playwright/e2e/audio-player/audio-player.spec.ts b/apps/web/playwright/e2e/audio-player/audio-player.spec.ts
new file mode 100644
index 00000000000..e20791ae947
--- /dev/null
+++ b/apps/web/playwright/e2e/audio-player/audio-player.spec.ts
@@ -0,0 +1,390 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Suguru Hirahara
+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 { readFile } from "node:fs/promises";
+import { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import type { Locator, Page } from "@playwright/test";
+import { test, expect, type ExtendedToMatchScreenshotOptions } from "../../element-web-test";
+import { SettingLevel } from "../../../src/settings/SettingLevel";
+import { Layout } from "../../../src/settings/enums/Layout";
+import type { ElementAppPage } from "../../pages/ElementAppPage";
+import { getSampleFilePath } from "../../sample-files";
+
+// Find and click "Reply" button
+const clickButtonReply = async (tile: Locator) => {
+    await expect(async () => {
+        await tile.hover();
+        await tile.getByRole("button", { name: "Reply", exact: true }).click();
+    }).toPass();
+    await expect(tile.page().getByText("Replying", { exact: true })).toBeVisible();
+};
+
+test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
+    test.slow();
+    test.use({
+        displayName: "Hanako",
+    });
+    let roomId: string;
+
+    const uploadFile = async (app: ElementAppPage, sampleFile: string) => {
+        // Upload a file from the message composer
+        await app.composerUploadFiles("room", getSampleFilePath(sampleFile));
+
+        // Wait until the file is sent
+        await expect(app.page.locator(".mx_RoomView_statusArea_expanded")).not.toBeVisible();
+        await expect(app.page.locator(".mx_EventTile.mx_EventTile_last").getByRole("status")).toHaveAccessibleName(
+            "Your message was sent",
+        );
+        // wait for the tile to finish loading
+        await expect(app.page.getByTestId("audio-player-name").last().filter({ hasText: sampleFile })).toBeVisible();
+    };
+
+    const sendAudioFile = async (app: ElementAppPage, sampleFile: string, replyToEventId?: string): Promise<string> => {
+        const file = await readFile(getSampleFilePath(sampleFile));
+        const upload = await app.client.uploadContent(file, { name: sampleFile, type: "audio/ogg" });
+        const content = {
+            body: sampleFile,
+            msgtype: "m.audio",
+            url: upload.content_uri,
+            info: {
+                mimetype: "audio/ogg",
+                size: file.byteLength,
+                duration: 1000,
+            },
+            ...(replyToEventId
+                ? {
+                      "m.relates_to": {
+                          "m.in_reply_to": {
+                              event_id: replyToEventId,
+                          },
+                      },
+                  }
+                : {}),
+        };
+
+        const { event_id: eventId } = await app.client.sendEvent(roomId, null, "m.room.message", content);
+        await expect(
+            app.page.locator(".mx_EventTile_last").getByRole("region", { name: "Audio player" }),
+        ).toBeVisible();
+        await expect(app.page.getByTestId("audio-player-name").last()).toHaveText(sampleFile);
+        return eventId;
+    };
+
+    const scrollToBottomOfTimeline = async (page: Page) => {
+        await page.locator(".mx_RoomView_MessageList").click();
+        await page.mouse.wheel(0, 100);
+    };
+
+    /**
+     * Take snapshots of mx_EventTile_last on each layout, outputting log for reference/debugging.
+     * @param detail The snapshot name. Used for outputting logs too.
+     * @param monospace This changes the font used to render the UI from a default one to Fira Code. Set to false by default.
+     */
+    const takeSnapshots = async (page: Page, app: ElementAppPage, detail: string, monospace = false) => {
+        // Check that the audio player is rendered and its button becomes visible
+        const checkPlayerVisibility = async (locator: Locator) => {
+            // Assert that the audio player and media information are visible
+            const mediaInfo = locator.getByRole("region", { name: "Audio player" });
+            await expect(mediaInfo.getByText(".ogg")).toBeVisible(); // extension
+            await expect(mediaInfo.getByRole("time")).toHaveText("00:01"); // duration
+            await expect(mediaInfo.getByText("(3.56 KB)")).toBeVisible(); // actual size;
+
+            // Assert that the play button can be found and is visible
+            await expect(locator.getByRole("button", { name: "Play" })).toBeVisible();
+
+            if (monospace) {
+                // Assert that the monospace timer is visible
+                await expect(locator.locator("[role='timer']")).toHaveCSS("font-family", '"Fira Code"');
+            }
+        };
+
+        if (monospace) {
+            // Enable system font and monospace setting
+            await app.settings.setValue("useBundledEmojiFont", null, SettingLevel.DEVICE, false);
+            await app.settings.setValue("useSystemFont", null, SettingLevel.DEVICE, true);
+            await app.settings.setValue("systemFont", null, SettingLevel.DEVICE, "Fira Code");
+        }
+
+        // Check the status of the seek bar
+        expect(await page.getByRole("region", { name: "Audio player" }).getByRole("slider").count()).toBeGreaterThan(0);
+
+        // Enable IRC layout
+        await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.IRC);
+
+        const ircTile = page.locator(".mx_EventTile_last[data-layout='irc']");
+        // Click the event timestamp to highlight EventTile in case it is not visible
+        await ircTile.locator(".mx_MessageTimestamp").click();
+        // Assert that rendering of the player settled and the play button is visible before taking a snapshot
+        await checkPlayerVisibility(ircTile);
+
+        const screenshotOptions: ExtendedToMatchScreenshotOptions = {
+            css: `
+                /* The timestamp is of inconsistent width depending on the time the test runs at */
+                .mx_MessageTimestamp {
+                    visibility: hidden;
+                }
+                /* The MAB showing up on hover is not needed for the test */
+                .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,
+            hideJumpToBottomButton: true,
+        };
+
+        // Take a snapshot of mx_EventTile_last on IRC layout
+        screenshotOptions.clip = (await page.locator(".mx_EventTile_last").boundingBox()) ?? undefined;
+        await scrollToBottomOfTimeline(page);
+        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);
+        screenshotOptions.clip = (await page.locator(".mx_EventTile_last").boundingBox()) ?? undefined;
+        await scrollToBottomOfTimeline(page);
+        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);
+        screenshotOptions.clip = (await page.locator(".mx_EventTile_last").boundingBox()) ?? undefined;
+        await scrollToBottomOfTimeline(page);
+        await expect(page).toMatchScreenshot(`${detail.replaceAll(" ", "-")}-bubble-layout.png`, screenshotOptions);
+    };
+
+    test.beforeEach(async ({ page, app, user }) => {
+        await rejectToast(page, "Verify this device");
+        roomId = await app.client.createRoom({ name: "Test Room" });
+        await app.viewRoomByName("Test Room");
+
+        // Wait until configuration is finished
+        await expect(
+            page
+                .locator(".mx_GenericEventListSummary[data-layout='group'] .mx_GenericEventListSummary_summary")
+                .getByText(`${user.displayName} created and configured the room.`),
+        ).toBeVisible();
+    });
+
+    test("should be correctly rendered - light theme", { tag: "@screenshot" }, async ({ page, app }) => {
+        await uploadFile(app, "1sec-long-name-audio-file.ogg");
+        await takeSnapshots(page, app, "Selected EventTile of audio player (light theme)");
+    });
+
+    test(
+        "should be correctly rendered - light theme with monospace font",
+        { tag: "@screenshot" },
+        async ({ page, app }) => {
+            await uploadFile(app, "1sec-long-name-audio-file.ogg");
+
+            await takeSnapshots(page, app, "Selected EventTile of audio player (light theme, monospace font)", true); // Enable monospace
+        },
+    );
+
+    test("should be correctly rendered - high contrast theme", { tag: "@screenshot" }, async ({ page, app }) => {
+        // Disable system theme in case ThemeWatcher enables the theme automatically,
+        // so that the high contrast theme can be enabled
+        await app.settings.setValue("use_system_theme", null, SettingLevel.DEVICE, false);
+
+        // Enable high contrast manually
+        const settings = await app.settings.openUserSettings("Appearance");
+        await settings.getByRole("radio", { name: "High contrast" }).click();
+
+        await app.closeDialog();
+
+        await uploadFile(app, "1sec-long-name-audio-file.ogg");
+
+        await takeSnapshots(page, app, "Selected EventTile of audio player (high contrast)");
+    });
+
+    test("should be correctly rendered - dark theme", { tag: "@screenshot" }, async ({ page, app }) => {
+        // Enable dark theme
+        await app.settings.setValue("theme", null, SettingLevel.ACCOUNT, "dark");
+
+        await uploadFile(app, "1sec-long-name-audio-file.ogg");
+
+        await takeSnapshots(page, app, "Selected EventTile of audio player (dark theme)");
+    });
+
+    test("should play an audio file", async ({ page, app }) => {
+        await uploadFile(app, "1sec.ogg");
+
+        // Assert that the audio player is rendered
+        const container = page.locator(".mx_EventTile_last").getByRole("region", { name: "Audio player" });
+        // Assert that the counter is zero before clicking the play button
+        await expect(container.getByRole("timer")).toHaveText("00:00");
+
+        // Find and click "Play" button, the wait is to make the test less flaky
+        await expect(container.getByRole("button", { name: "Play" })).toBeVisible();
+        await container.getByRole("button", { name: "Play" }).click();
+
+        // Assert that "Pause" button can be found
+        await expect(container.getByRole("button", { name: "Pause" })).toBeVisible();
+
+        // Assert that the timer is reset when the audio file finished playing
+        await expect(container.getByRole("timer")).toHaveText("00:00");
+
+        // Assert that "Play" button can be found
+        await expect(container.getByRole("button", { name: "Play" })).toBeVisible();
+    });
+
+    test("should support downloading an audio file", async ({ page, app }) => {
+        await uploadFile(app, "1sec.ogg");
+
+        const downloadPromise = page.waitForEvent("download");
+
+        // Find and click "Download" button on MessageActionBar
+        const tile = page.locator(".mx_EventTile_last");
+        await tile.hover();
+        await tile.getByRole("button", { name: "Download" }).click();
+
+        // Assert that the file was downloaded
+        const download = await downloadPromise;
+        expect(download.suggestedFilename()).toBe("1sec.ogg");
+    });
+
+    test(
+        "should support replying to audio file with another audio file",
+        { tag: "@screenshot" },
+        async ({ page, app }) => {
+            await uploadFile(app, "1sec.ogg");
+
+            // Assert the audio player is rendered
+            await expect(page.getByRole("region", { name: "Audio player" })).toBeVisible();
+
+            // Find and click "Reply" button on MessageActionBar
+            const tile = page.locator(".mx_EventTile_last");
+            await clickButtonReply(tile);
+
+            // Reply to the player with another audio file
+            await uploadFile(app, "1sec.ogg");
+
+            // Assert that the audio player is rendered
+            await expect(tile.getByRole("region", { name: "Audio player" })).toBeVisible();
+
+            // Assert that replied audio file is rendered as file button inside ReplyChain
+            const button = tile.locator(".mx_ReplyChain_wrapper .mx_MFileBody [role='button']");
+            // Assert that the file button has file name
+            await expect(button.locator("span")).toBeVisible();
+
+            await takeSnapshots(page, app, "Selected EventTile of audio player with a reply");
+        },
+    );
+
+    test(
+        "should support creating a reply chain with multiple audio files",
+        { tag: "@screenshot" },
+        async ({ page, app, user }) => {
+            // Note: "mx_ReplyChain" element is used not only for replies which
+            // create a reply chain, but also for a single reply without a replied
+            // message. This test checks whether a reply chain which consists of
+            // multiple audio file replies is rendered properly.
+
+            const tile = page.locator(".mx_EventTile_last");
+
+            const firstEventId = await sendAudioFile(app, "upload-first.ogg");
+            const secondEventId = await sendAudioFile(app, "upload-second.ogg", firstEventId);
+            await sendAudioFile(app, "upload-third.ogg", secondEventId);
+
+            // Assert that the audio player is rendered
+            await expect(tile.getByRole("region", { name: "Audio player" })).toBeVisible();
+
+            // Assert that there are two "mx_ReplyChain" elements
+            await expect(tile.locator(".mx_ReplyChain")).toHaveCount(2);
+
+            // Assert that one line contains the user name
+            await expect(
+                tile.locator(".mx_ReplyChain .mx_ReplyTile_sender").getByText(user.displayName!),
+            ).toBeVisible();
+
+            // Assert that the other line contains the file button
+            await expect(tile.locator(".mx_ReplyChain .mx_MFileBody")).toBeVisible();
+
+            // Click "In reply to"
+            await tile.locator(".mx_ReplyChain .mx_ReplyChain_show", { hasText: "In reply to" }).click();
+
+            const replyChain = tile.locator(".mx_ReplyChain:first-of-type");
+            // Assert that "In reply to" has disappeared
+            await expect(replyChain.getByText("In reply to")).not.toBeVisible();
+
+            // Assert that the file button contains the name of the file sent at first
+            await expect(
+                replyChain.locator(".mx_MFileBody [role='button']").locator("span", { hasText: "upload-first.ogg" }),
+            ).toBeVisible();
+
+            // Take snapshots
+            await takeSnapshots(page, app, "Selected EventTile of audio player with a reply chain");
+        },
+    );
+
+    test("should be rendered, play, and support replying on a thread", async ({ page, app }) => {
+        await uploadFile(app, "1sec-long-name-audio-file.ogg");
+
+        // On the main timeline
+        const messageList = page.locator(".mx_RoomView_MessageList");
+        // Assert the audio player is rendered
+        await expect(
+            messageList.locator(".mx_EventTile_last").getByRole("region", { name: "Audio player" }),
+        ).toBeVisible();
+        // Find and click "Reply in thread" button
+        await messageList.locator(".mx_EventTile_last").hover();
+        await messageList.locator(".mx_EventTile_last").getByRole("button", { name: "Reply in thread" }).click();
+
+        // On a thread
+        const thread = page.locator(".mx_ThreadView");
+        const threadTile = thread.locator(".mx_EventTile_last");
+        const audioPlayer = threadTile.getByRole("region", { name: "Audio player" });
+
+        // Assert that the counter is zero before clicking the play button
+        await expect(audioPlayer.getByRole("timer")).toHaveText("00:00");
+
+        // Find and click "Play" button, the wait is to make the test less flaky
+        await expect(audioPlayer.getByRole("button", { name: "Play" })).toBeVisible();
+        await audioPlayer.getByRole("button", { name: "Play" }).click();
+
+        // Assert that "Pause" button can be found
+        await expect(audioPlayer.getByRole("button", { name: "Pause" })).toBeVisible();
+
+        // Assert that the timer is reset when the audio file finished playing
+        await expect(audioPlayer.getByRole("timer")).toHaveText("00:00");
+
+        // Assert that "Play" button can be found
+        await expect(audioPlayer.getByRole("button", { name: "Play" })).not.toBeDisabled();
+
+        // Find and click "Reply" button
+        await threadTile.hover();
+        await threadTile.getByRole("button", { name: "Reply", exact: true }).click();
+
+        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 .mx_MFileBody [role='button']")).toBeVisible();
+
+        // Select :smile: emoji and send it
+        await composer.getByTestId("basicmessagecomposer").fill(":smile:");
+        await composer.locator(".mx_Autocomplete_Completion[aria-selected='true']").click();
+        await composer.getByTestId("basicmessagecomposer").press("Enter");
+
+        // Assert that the file name is rendered on the file button
+        await expect(threadTile.locator(".mx_ReplyTile .mx_MFileBody [role='button']")).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/chat-export/html-export.spec.ts b/apps/web/playwright/e2e/chat-export/html-export.spec.ts
new file mode 100644
index 00000000000..1436ef59c5b
--- /dev/null
+++ b/apps/web/playwright/e2e/chat-export/html-export.spec.ts
@@ -0,0 +1,139 @@
+/*
+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.
+*/
+
+import os from "node:os";
+import path from "node:path";
+import * as fsp from "node:fs/promises";
+import * as fs from "node:fs";
+import JSZip from "jszip";
+
+import { test, expect } from "../../element-web-test";
+
+// Based on https://github.com/Stuk/jszip/issues/466#issuecomment-2097061912
+async function extractZipFileToPath(file: string, outputPath: string): Promise<JSZip> {
+    if (!fs.existsSync(outputPath)) {
+        fs.mkdirSync(outputPath, { recursive: true });
+    }
+
+    const data = await fsp.readFile(file);
+    const zip = await JSZip.loadAsync(data, { createFolders: true });
+
+    await new Promise<void>((resolve, reject) => {
+        let entryCount = 0;
+        let errorOut = false;
+
+        zip.forEach(() => {
+            entryCount++;
+        }); // there is no other way to count the number of entries within the zip file.
+
+        zip.forEach((relativePath, zipEntry) => {
+            if (errorOut) {
+                return;
+            }
+
+            const outputEntryPath = path.join(outputPath, relativePath);
+            if (zipEntry.dir) {
+                if (!fs.existsSync(outputEntryPath)) {
+                    fs.mkdirSync(outputEntryPath, { recursive: true });
+                }
+
+                entryCount--;
+
+                if (entryCount === 0) {
+                    resolve();
+                }
+            } else {
+                void zipEntry
+                    .async("blob")
+                    .then(async (content) => Buffer.from(await content.arrayBuffer()))
+                    .then((buffer) => {
+                        const stream = fs.createWriteStream(outputEntryPath);
+                        stream.write(buffer, (error) => {
+                            if (error) {
+                                reject(error);
+                                errorOut = true;
+                            }
+                        });
+                        stream.on("finish", () => {
+                            entryCount--;
+
+                            if (entryCount === 0) {
+                                resolve();
+                            }
+                        });
+                        stream.end(); // extremely important on Windows. On Mac / Linux, not so much since those platforms allow multiple apps to read from the same file. Windows doesn't allow that.
+                    })
+                    .catch((e) => {
+                        errorOut = true;
+                        reject(e);
+                    });
+            }
+        });
+    });
+
+    return zip;
+}
+
+test.describe("HTML Export", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ app, user }, use) => {
+            const roomId = await app.client.createRoom({ name: "Important Room" });
+            await app.viewRoomByName("Important Room");
+            await use({ roomId });
+        },
+    });
+
+    test(
+        "should export html successfully and match screenshot",
+        { tag: "@screenshot" },
+        async ({ page, app, room }) => {
+            // Set a fixed time rather than masking off the line with the time in it: we don't need to worry
+            // about the width changing and we can actually test this line looks correct.
+            await page.clock.setSystemTime(new Date("2024-01-01T00:00:00Z"));
+
+            // Send a bunch of messages to populate the room
+            for (let i = 1; i < 10; i++) {
+                const response = await app.client.sendMessage(room!.roomId, {
+                    body: `Testing ${i}`,
+                    msgtype: "m.text",
+                });
+                if (i == 1) {
+                    await app.client.reactToMessage(room!.roomId, null, response.event_id, "🙃");
+                }
+            }
+
+            // Wait for all the messages to be displayed
+            await expect(
+                page.locator(".mx_EventTile_last .mx_MTextBody .mx_EventTile_body").getByText("Testing 9"),
+            ).toBeVisible();
+
+            await app.toggleRoomInfoPanel();
+            await page.getByRole("menuitem", { name: "Export Chat" }).click();
+
+            const downloadPromise = page.waitForEvent("download");
+            await page.getByRole("button", { name: "Export", exact: true }).click();
+            const download = await downloadPromise;
+
+            const dirPath = path.join(os.tmpdir(), "html-export-test");
+            const zipPath = `${dirPath}.zip`;
+            await download.saveAs(zipPath);
+
+            const zip = await extractZipFileToPath(zipPath, dirPath);
+            await page.goto(`file://${dirPath}/${Object.keys(zip.files).find((f) => f.endsWith("/messages.html"))}`);
+            await expect(page).toMatchScreenshot("html-export.png", {
+                mask: [page.locator(".mx_TimelineSeparator")],
+                css: `
+                    .mx_MessageTimestamp {
+                        visibility: hidden;
+                    }
+                `,
+            });
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/composer/CIDER.spec.ts b/apps/web/playwright/e2e/composer/CIDER.spec.ts
new file mode 100644
index 00000000000..ef92710c106
--- /dev/null
+++ b/apps/web/playwright/e2e/composer/CIDER.spec.ts
@@ -0,0 +1,223 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { rejectToastIfExists } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test";
+import { SettingLevel } from "../../../src/settings/SettingLevel";
+import { getSampleFilePath } from "../../sample-files";
+
+const CtrlOrMeta = process.platform === "darwin" ? "Meta" : "Control";
+
+test.describe("Composer", () => {
+    test.use({
+        displayName: "Janet",
+        botCreateOpts: {
+            displayName: "Bob",
+        },
+        lockLeftPanelWidth: false,
+    });
+
+    test.use({
+        room: async ({ app, user }, use) => {
+            const roomId = await app.client.createRoom({ name: "Composing Room" });
+            await app.viewRoomByName("Composing Room");
+            await use({ roomId });
+        },
+    });
+
+    test.beforeEach(async ({ app, room /* trigger room fixture */ }) => {
+        await rejectToastIfExists(app.page, "Notifications");
+    });
+
+    test.describe("CIDER", () => {
+        test("sends a message when you click send or press Enter", async ({ page }) => {
+            const composer = page.getByRole("textbox", { name: "Send an unencrypted message…" });
+
+            // Type a message
+            await composer.pressSequentially("my message 0");
+            // It has not been sent yet
+            await expect(page.locator(".mx_EventTile_body", { hasText: "my message 0" })).not.toBeVisible();
+
+            // Click send
+            await page.getByRole("button", { name: "Send message" }).click();
+            // It has been sent
+            await expect(
+                page.locator(".mx_EventTile_last .mx_EventTile_body", { hasText: "my message 0" }),
+            ).toBeVisible();
+
+            // Type another and press Enter afterward
+            await composer.pressSequentially("my message 1");
+            await composer.press("Enter");
+            // It was sent
+            await expect(
+                page.locator(".mx_EventTile_last .mx_EventTile_body", { hasText: "my message 1" }),
+            ).toBeVisible();
+        });
+
+        test("can write formatted text", async ({ page }) => {
+            const composer = page.getByRole("textbox", { name: "Send an unencrypted message…" });
+
+            await composer.pressSequentially("my bold");
+            await composer.press(`${CtrlOrMeta}+KeyB`);
+            await composer.pressSequentially(" message");
+            await page.getByRole("button", { name: "Send message" }).click();
+            // Note: both "bold" and "message" are bold, which is probably surprising
+            await expect(page.locator(".mx_EventTile_body strong", { hasText: "bold message" })).toBeVisible();
+        });
+
+        test("should allow user to input emoji via graphical picker", async ({ page, app }) => {
+            await app.getComposer(false).getByRole("button", { name: "Emoji" }).click();
+
+            await page.getByLabel("Emoji picker").getByRole("button", { name: "😇" }).click();
+
+            await page.locator(".mx_ContextualMenu_background").click(); // Close emoji picker
+            await page.getByRole("textbox", { name: "Send an unencrypted message…" }).press("Enter"); // Send message
+
+            await expect(page.locator(".mx_EventTile_body", { hasText: "😇" })).toBeVisible();
+        });
+
+        test("renders in narrow viewports", { tag: "@screenshot" }, async ({ page, bot, app }) => {
+            // Shrink the viewport
+            await page.setViewportSize({ width: 500, height: 1080 });
+            // Shrinking the viewport will collapse the left-panel, so manually expand it.
+            await app.resizeLeftPanel(150);
+            // Now take the screenshot
+            await expect(app.getComposer()).toMatchScreenshot("narrow.png");
+        });
+
+        test.describe("render emoji picker with larger viewport height", async () => {
+            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();
+                // Mask the background of the screenshot to avoid failing the test just because some
+                // other component have changed its rendering.
+                await expect(page.getByLabel("Emoji picker")).toMatchScreenshot("emoji-picker.png", {
+                    css: `
+                        .mx_ContextualMenu_background {
+                            background-color: magenta !important;
+                        }
+                    `,
+                });
+            });
+        });
+
+        test.describe("render emoji picker with small viewport height", async () => {
+            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();
+                // Mask the background of the screenshot to avoid failing the test just because some
+                // other component have changed its rendering.
+                await expect(page.getByLabel("Emoji picker")).toMatchScreenshot("emoji-picker-small.png", {
+                    css: `
+                        .mx_ContextualMenu_background {
+                            background-color: magenta !important;
+                        }
+                    `,
+                });
+            });
+        });
+
+        test("should have focus lock in emoji picker", async ({ page, app }) => {
+            const emojiButton = app.getComposer(false).getByRole("button", { name: "Emoji" });
+
+            // Open emoji picker by clicking the button
+            await emojiButton.click();
+
+            // Wait for emoji picker to be visible
+            const emojiPicker = page.getByLabel("Emoji picker");
+            await expect(emojiPicker).toBeVisible();
+
+            // Get initial focused element (should be search input)
+            const searchInput = emojiPicker.getByRole("textbox", { name: "Search" });
+            await expect(searchInput).toBeFocused();
+
+            // Try to tab multiple times - focus should stay within emoji picker
+            await page.keyboard.press("Tab");
+            await page.keyboard.press("Tab");
+            await page.keyboard.press("Tab");
+            await page.keyboard.press("Tab");
+            await page.keyboard.press("Tab");
+
+            // Verify we're still within the emoji picker (not back to composer)
+            const focusStillInPicker = await emojiPicker.evaluate((el) => el.contains(document.activeElement));
+            expect(focusStillInPicker).toBe(true);
+
+            // Close with Escape key
+            await page.keyboard.press("Escape");
+
+            // Verify emoji picker is closed
+            await expect(emojiPicker).not.toBeVisible();
+
+            // Verify focus returns to emoji button
+            await expect(emojiButton).toBeFocused();
+        });
+
+        test.describe("when Control+Enter is required to send", () => {
+            test.beforeEach(async ({ app }) => {
+                await app.settings.setValue("MessageComposerInput.ctrlEnterToSend", null, SettingLevel.ACCOUNT, true);
+            });
+
+            test("only sends when you press Control+Enter", async ({ page }) => {
+                const composer = page.getByRole("textbox", { name: "Send an unencrypted message…" });
+                // Type a message and press Enter
+                await composer.pressSequentially("my message 3");
+                await composer.press("Enter");
+                // It has not been sent yet
+                await expect(page.locator(".mx_EventTile_body", { hasText: "my message 3" })).not.toBeVisible();
+
+                // Press Control+Enter
+                await composer.press(`${CtrlOrMeta}+Enter`);
+                // It was sent
+                await expect(
+                    page.locator(".mx_EventTile_last .mx_EventTile_body", { hasText: "my message 3" }),
+                ).toBeVisible();
+            });
+        });
+
+        test("can send mention", { tag: "@screenshot" }, async ({ page, bot, app }) => {
+            // Set up a private room so we have another user to mention
+            await app.client.createRoom({
+                is_direct: true,
+                invite: [bot.credentials!.userId],
+            });
+            await app.viewRoomByName("Bob");
+
+            const composer = page.getByRole("textbox", { name: "Send an unencrypted message…" });
+            await composer.click();
+            await composer.pressSequentially("@bob");
+
+            // Note that we include the user ID here as the room tile is also an 'option' role
+            // with text 'Bob'
+            await page.getByRole("option", { name: `Bob ${bot.credentials!.userId}` }).click();
+            await expect(composer.getByText("Bob")).toBeVisible();
+            await expect(composer).toMatchScreenshot("mention.png");
+            await composer.press("Enter");
+            await expect(page.locator(".mx_EventTile_body", { hasText: "Bob" })).toBeVisible();
+        });
+
+        test("renders emoji autocomplete", { tag: "@screenshot" }, async ({ page }) => {
+            const composer = page.getByRole("textbox", { name: "Send an unencrypted message…" });
+
+            // Type ":+1" to trigger emoji autocomplete
+            await composer.pressSequentially(":+1");
+
+            // Wait for autocomplete to appear
+            const autocomplete = page.locator("#mx_Autocomplete");
+            await expect(autocomplete).toBeVisible();
+
+            // Take a screenshot of the autocomplete
+            await expect(autocomplete).toMatchScreenshot("emoji-autocomplete.png");
+        });
+
+        test("can paste a file", async ({ page, bot, app }) => {
+            await app.composerDragAndPasteFile("room", getSampleFilePath("riot.png"), "image/png");
+            await expect(page.locator(".mx_ImageBody")).toBeVisible();
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/composer/RTE.spec.ts b/apps/web/playwright/e2e/composer/RTE.spec.ts
new file mode 100644
index 00000000000..e9ba8aaa32e
--- /dev/null
+++ b/apps/web/playwright/e2e/composer/RTE.spec.ts
@@ -0,0 +1,384 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { test, expect } from "../../element-web-test";
+import { SettingLevel } from "../../../src/settings/SettingLevel";
+import { getSampleFilePath } from "../../sample-files";
+
+const CtrlOrMeta = process.platform === "darwin" ? "Meta" : "Control";
+
+test.describe("Composer", () => {
+    test.use({
+        displayName: "Janet",
+    });
+
+    test.use({
+        room: async ({ app, user }, use) => {
+            const roomId = await app.client.createRoom({ name: "Composing Room" });
+            await app.viewRoomByName("Composing Room");
+            await use({ roomId });
+        },
+    });
+
+    test.beforeEach(async ({ room }) => {}); // trigger room fixture
+
+    test.describe("Rich text editor", () => {
+        test.use({
+            labsFlags: ["feature_wysiwyg_composer"],
+        });
+
+        test.describe("Commands", () => {
+            // TODO add tests for rich text mode
+
+            test.describe("Plain text mode", () => {
+                test("autocomplete behaviour tests", async ({ page }) => {
+                    // Select plain text mode after composer is ready
+                    await expect(page.locator("div[contenteditable=true]")).toBeVisible();
+                    await page.getByRole("button", { name: "Hide formatting" }).click();
+
+                    // Typing a single / displays the autocomplete menu and contents
+                    await page.getByRole("textbox").press("/");
+
+                    // Check that the autocomplete options are visible and there are more than 0 items
+                    await expect(page.getByTestId("autocomplete-wrapper")).not.toBeEmpty();
+
+                    // Entering `//` or `/ ` hides the autocomplete contents
+                    // Add an extra slash for `//`
+                    await page.getByRole("textbox").press("/");
+                    await expect(page.getByTestId("autocomplete-wrapper")).toBeEmpty();
+                    // Remove the extra slash to go back to `/`
+                    await page.getByRole("textbox").press("Backspace");
+                    await expect(page.getByTestId("autocomplete-wrapper")).not.toBeEmpty();
+                    // Add a trailing space for `/ `
+                    await page.getByRole("textbox").press(" ");
+                    await expect(page.getByTestId("autocomplete-wrapper")).toBeEmpty();
+
+                    // Typing a command that takes no arguments (/devtools) and selecting by click works
+                    await page.getByRole("textbox").press("Backspace");
+                    await page.getByRole("textbox").pressSequentially("dev");
+                    await page.getByTestId("autocomplete-wrapper").getByText("/devtools").click();
+                    // Check it has closed the autocomplete and put the text into the composer
+                    await expect(page.getByTestId("autocomplete-wrapper")).not.toBeVisible();
+                    await expect(page.getByRole("textbox").getByText("/devtools")).toBeVisible();
+                    // Send the message and check the devtools dialog appeared, then close it
+                    await page.getByRole("button", { name: "Send message" }).click();
+                    await expect(page.getByRole("dialog").getByText("Developer Tools")).toBeVisible();
+                    await page.getByRole("button", { name: "Close dialog" }).click();
+
+                    // Typing a command that takes arguments (/spoiler) and selecting with enter works
+                    await page.getByRole("textbox").pressSequentially("/spoil");
+                    await expect(page.getByTestId("autocomplete-wrapper").getByText("/spoiler")).toBeVisible();
+                    await page.getByRole("textbox").press("Enter");
+                    // Check it has closed the autocomplete and put the text into the composer
+                    await expect(page.getByTestId("autocomplete-wrapper")).not.toBeVisible();
+                    await expect(page.getByRole("textbox").getByText("/spoiler")).toBeVisible();
+                    // Enter some more text, then send the message
+                    await page.getByRole("textbox").pressSequentially("this is the spoiler text ");
+                    await page.getByRole("button", { name: "Send message" }).click();
+                    // Check that a spoiler item has appeared in the timeline and contains the spoiler text
+                    await expect(page.locator("button.mx_EventTile_spoiler")).toHaveText("this is the spoiler text");
+                });
+            });
+        });
+
+        test.describe("Mentions", () => {
+            // TODO add tests for rich text mode
+
+            test.describe("Plain text mode", () => {
+                test.use({
+                    botCreateOpts: {
+                        displayName: "Bob",
+                    },
+                });
+
+                test("autocomplete behaviour tests", async ({ page, app, bot: bob }) => {
+                    // Set up a private room so we have another user to mention
+                    await app.client.createRoom({
+                        is_direct: true,
+                        invite: [bob.credentials!.userId],
+                    });
+                    await app.viewRoomByName("Bob");
+
+                    // Select plain text mode after composer is ready
+                    await expect(page.locator("div[contenteditable=true]")).toBeVisible();
+                    await page.getByRole("button", { name: "Hide formatting" }).click();
+
+                    // Typing a single @ does not display the autocomplete menu and contents
+                    await page.getByRole("textbox").press("@");
+                    await expect(page.getByTestId("autocomplete-wrapper")).toBeEmpty();
+
+                    // Entering the first letter of the other user's name opens the autocomplete...
+                    await page.getByRole("textbox").pressSequentially(bob.credentials!.displayName!.slice(0, 1));
+                    // ...with the other user name visible, and clicking that username...
+                    await page.getByTestId("autocomplete-wrapper").getByText(bob.credentials!.displayName!).click();
+                    // ...inserts the username into the composer
+                    const pill = page.getByRole("textbox").getByText(bob.credentials!.displayName!, { exact: false });
+                    await expect(pill).toHaveAttribute("contenteditable", "false");
+                    await expect(pill).toHaveAttribute("data-mention-type", "user");
+
+                    // Send the message to clear the composer
+                    await page.getByRole("button", { name: "Send message" }).click();
+
+                    // Typing an @, then other user's name, then trailing space closes the autocomplete
+                    await page.getByRole("textbox").pressSequentially(`@${bob.credentials!.displayName!} `);
+                    await expect(page.getByTestId("autocomplete-wrapper")).toBeEmpty();
+
+                    // Send the message to clear the composer
+                    await page.getByRole("button", { name: "Send message" }).click();
+
+                    // Moving the cursor back to an "incomplete" mention opens the autocomplete
+                    await page
+                        .getByRole("textbox")
+                        .pressSequentially(`initial text @${bob.credentials!.displayName!.slice(0, 1)} abc`);
+                    await expect(page.getByTestId("autocomplete-wrapper")).toBeEmpty();
+                    // Move the cursor left by 4 to put it to: `@B| abc`, check autocomplete displays
+                    await page.getByRole("textbox").press("ArrowLeft");
+                    await page.getByRole("textbox").press("ArrowLeft");
+                    await page.getByRole("textbox").press("ArrowLeft");
+                    await page.getByRole("textbox").press("ArrowLeft");
+                    await expect(page.getByTestId("autocomplete-wrapper")).not.toBeEmpty();
+
+                    // Selecting the autocomplete option using Enter inserts it into the composer
+                    await page.getByRole("textbox").press("Enter");
+                    const pill2 = page.getByRole("textbox").getByText(bob.credentials!.displayName!, { exact: false });
+                    await expect(pill2).toHaveAttribute("contenteditable", "false");
+                    await expect(pill2).toHaveAttribute("data-mention-type", "user");
+                });
+            });
+        });
+
+        test("sends a message when you click send or press Enter", async ({ page }) => {
+            // Type a message
+            await page.locator("div[contenteditable=true]").pressSequentially("my message 0");
+            // It has not been sent yet
+            await expect(page.locator(".mx_EventTile_body", { hasText: "my message 0" })).not.toBeVisible();
+
+            // Click send
+            await page.getByRole("button", { name: "Send message" }).click();
+            // It has been sent
+            await expect(page.locator(".mx_EventTile_last .mx_EventTile_body").getByText("my message 0")).toBeVisible();
+
+            // Type another
+            await page.locator("div[contenteditable=true]").pressSequentially("my message 1");
+            // Send message
+            await page.locator("div[contenteditable=true]").press("Enter");
+            // It was sent
+            await expect(page.locator(".mx_EventTile_last .mx_EventTile_body").getByText("my message 1")).toBeVisible();
+        });
+
+        test("sends only one message when you press Enter multiple times", async ({ page }) => {
+            // Type a message
+            await page.locator("div[contenteditable=true]").pressSequentially("my message 0");
+            // It has not been sent yet
+            await expect(page.locator(".mx_EventTile_body", { hasText: "my message 0" })).not.toBeVisible();
+
+            // Click send
+            await page.locator("div[contenteditable=true]").press("Enter");
+            await page.locator("div[contenteditable=true]").press("Enter");
+            await page.locator("div[contenteditable=true]").press("Enter");
+            // It has been sent
+            await expect(page.locator(".mx_EventTile_last .mx_EventTile_body").getByText("my message 0")).toBeVisible();
+            await expect(page.locator(".mx_EventTile_last .mx_EventTile_body")).toHaveCount(1);
+        });
+
+        test("can write formatted text", async ({ page }) => {
+            await page.locator("div[contenteditable=true]").pressSequentially("my ");
+            await page.locator("div[contenteditable=true]").press(`${CtrlOrMeta}+KeyB`);
+            await page.locator("div[contenteditable=true]").pressSequentially("bold");
+            await page.locator("div[contenteditable=true]").press(`${CtrlOrMeta}+KeyB`);
+            await page.locator("div[contenteditable=true]").pressSequentially(" message");
+            await page.getByRole("button", { name: "Send message" }).click();
+            await expect(page.locator(".mx_EventTile_body strong").getByText("bold")).toBeVisible();
+        });
+
+        test("can paste a file", async ({ page, bot, app }) => {
+            await app.composerDragAndPasteFile("room", getSampleFilePath("riot.png"), "image/png");
+            await expect(page.locator(".mx_ImageBody")).toBeVisible();
+        });
+
+        test("can paste a file in a thread", async ({ page, app }) => {
+            // Send a message
+            const composer = page.locator("div[contenteditable=true]");
+            await composer.pressSequentially("my first message");
+            await page.getByRole("button", { name: "Send message" }).click();
+
+            // Click reply
+            const tile = page.locator(".mx_EventTile_last");
+            await tile.hover();
+            await tile.getByRole("button", { name: "Reply in thread" }).click();
+
+            await app.composerDragAndPasteFile("thread", getSampleFilePath("riot.png"), "image/png");
+            await expect(page.locator(".mx_ImageBody")).toBeVisible();
+        });
+
+        test.describe(() => {
+            test.use({
+                lockLeftPanelWidth: false,
+            });
+
+            test("renders in narrow viewports", { tag: "@screenshot" }, async ({ page, bot, app }) => {
+                // Shrink the viewport
+                await page.setViewportSize({ width: 750, height: 1080 });
+                // Shrinking the viewport will collapse the left-panel, so manually expand it.
+                await app.resizeLeftPanel(150);
+                // Now take the screenshot
+                await expect(page.locator(".mx_MessageComposer_wrapper")).toMatchScreenshot("narrow.png");
+            });
+        });
+
+        test.describe("when Control+Enter is required to send", () => {
+            test.beforeEach(async ({ app }) => {
+                await app.settings.setValue("MessageComposerInput.ctrlEnterToSend", null, SettingLevel.ACCOUNT, true);
+            });
+
+            test("only sends when you press Control+Enter", async ({ page }) => {
+                // Type a message and press Enter
+                await page.locator("div[contenteditable=true]").pressSequentially("my message 3");
+                await page.locator("div[contenteditable=true]").press("Enter");
+                // It has not been sent yet
+                await expect(page.locator(".mx_EventTile_body", { hasText: "my message 3" })).not.toBeVisible();
+
+                // Press Control+Enter
+                await page.locator("div[contenteditable=true]").press("Control+Enter");
+                // It was sent
+                await expect(
+                    page.locator(".mx_EventTile_last .mx_EventTile_body").getByText("my message 3"),
+                ).toBeVisible();
+            });
+        });
+
+        test.describe("links", () => {
+            test("create link with a forward selection", async ({ page }) => {
+                // Type a message
+                await page.locator("div[contenteditable=true]").pressSequentially("my message 0");
+                await page.locator("div[contenteditable=true]").press(`${CtrlOrMeta}+A`);
+
+                // Open link modal
+                await page.getByRole("button", { name: "Link" }).click();
+                // Fill the link field
+                await page.getByRole("textbox", { name: "Link" }).pressSequentially("https://matrix.org/");
+                // Click on save
+                await page.getByRole("button", { name: "Save" }).click();
+                // Send the message
+                await page.getByRole("button", { name: "Send message" }).click();
+
+                // It was sent
+                await expect(page.locator(".mx_EventTile_body a").getByText("my message 0")).toBeVisible();
+                await expect(page.locator(".mx_EventTile_body a")).toHaveAttribute(
+                    "href",
+                    new RegExp("https://matrix.org/"),
+                );
+            });
+        });
+
+        test.describe("Drafts", () => {
+            test("drafts with rich and plain text", async ({ page, app }) => {
+                // Set up a second room to swtich to, to test drafts
+                const firstRoomname = "Composing Room";
+                const secondRoomname = "Second Composing Room";
+                await app.client.createRoom({ name: secondRoomname });
+
+                // Composer is visible
+                const composer = page.locator("div[contenteditable=true]");
+                await expect(composer).toBeVisible();
+
+                // Type some formatted text
+                await composer.pressSequentially("my ");
+                await composer.press(`${CtrlOrMeta}+KeyB`);
+                await composer.pressSequentially("bold");
+
+                // Change to plain text mode
+                await page.getByRole("button", { name: "Hide formatting" }).click();
+
+                // Change to another room and back again
+                await app.viewRoomByName(secondRoomname);
+                await app.viewRoomByName(firstRoomname);
+
+                // assert the markdown
+                await expect(page.locator("div[contenteditable=true]", { hasText: "my __bold__" })).toBeVisible();
+
+                // Change to plain text mode and assert the markdown
+                await page.getByRole("button", { name: "Show formatting" }).click();
+
+                // Change to another room and back again
+                await app.viewRoomByName(secondRoomname);
+                await app.viewRoomByName(firstRoomname);
+
+                // Send the message and assert the message
+                await page.getByRole("button", { name: "Send message" }).click();
+                await expect(page.locator(".mx_EventTile_last .mx_EventTile_body").getByText("my bold")).toBeVisible();
+            });
+
+            test("draft with replies", async ({ page, app }) => {
+                // Set up a second room to swtich to, to test drafts
+                const firstRoomname = "Composing Room";
+                const secondRoomname = "Second Composing Room";
+                await app.client.createRoom({ name: secondRoomname });
+
+                // Composer is visible
+                const composer = page.locator("div[contenteditable=true]");
+                await expect(composer).toBeVisible();
+
+                // Send a message
+                await composer.pressSequentially("my first message");
+                await page.getByRole("button", { name: "Send message" }).click();
+
+                // Click reply
+                const tile = page.locator(".mx_EventTile_last");
+                await tile.hover();
+                await tile.getByRole("button", { name: "Reply", exact: true }).click();
+
+                // Type reply text
+                await composer.pressSequentially("my reply");
+
+                // Change to another room and back again
+                await app.viewRoomByName(secondRoomname);
+                await app.viewRoomByName(firstRoomname);
+
+                // Assert reply mode and reply text
+                await expect(page.getByText("Replying")).toBeVisible();
+                await expect(page.locator("div[contenteditable=true]", { hasText: "my reply" })).toBeVisible();
+            });
+
+            test("draft in threads", async ({ page, app }) => {
+                // Set up a second room to swtich to, to test drafts
+                const firstRoomname = "Composing Room";
+                const secondRoomname = "Second Composing Room";
+                await app.client.createRoom({ name: secondRoomname });
+
+                // Composer is visible
+                const composer = page.locator("div[contenteditable=true]");
+                await expect(composer).toBeVisible();
+
+                // Send a message
+                await composer.pressSequentially("my first message");
+                await page.getByRole("button", { name: "Send message" }).click();
+
+                // Click reply
+                const tile = page.locator(".mx_EventTile_last");
+                await tile.hover();
+                await tile.getByRole("button", { name: "Reply in thread" }).click();
+
+                const thread = page.locator(".mx_ThreadView");
+                const threadComposer = thread.locator("div[contenteditable=true]");
+
+                // Type threaded text
+                await threadComposer.pressSequentially("my threaded message");
+
+                // Change to another room and back again
+                await app.viewRoomByName(secondRoomname);
+                await app.viewRoomByName(firstRoomname);
+
+                // Assert threaded draft
+                await expect(
+                    thread.locator("div[contenteditable=true]", { hasText: "my threaded message" }),
+                ).toBeVisible();
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/crypto/backups-mas.spec.ts b/apps/web/playwright/e2e/crypto/backups-mas.spec.ts
new file mode 100644
index 00000000000..3768c51e4d9
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/backups-mas.spec.ts
@@ -0,0 +1,117 @@
+/*
+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 { test, expect } from "../../element-web-test";
+import { registerAccountMas } from "../oidc";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+import { TestClientServerAPI } from "../csAPI";
+import { masHomeserver } from "../../plugins/homeserver/synapse/masHomeserver.ts";
+import { checkDeviceIsConnectedKeyBackup } from "./utils";
+
+// These tests register an account with MAS because then we go through the "normal" registration flow
+// and crypto gets set up. Using the 'user' fixture create a user and synthesizes an existing login,
+// which is faster but leaves us without crypto set up.
+test.use(masHomeserver);
+test.describe("Encryption state after registration", () => {
+    test.skip(isDendrite, "does not yet support MAS");
+
+    test("Key backup is enabled by default", async ({ page, mailpitClient, app }, testInfo) => {
+        await page.goto("/#/login");
+        await page.getByRole("button", { name: "Continue" }).click();
+        await registerAccountMas(
+            page,
+            mailpitClient,
+            `alice_${testInfo.testId}`,
+            `alice_${testInfo.testId}@email.com`,
+            "Pa$sW0rD!",
+        );
+
+        // Wait for the ui to load
+        await expect(page.locator(".mx_MatrixChat")).toBeVisible();
+
+        // Recovery is not set up yet
+        await checkDeviceIsConnectedKeyBackup(app, "1", true, false);
+    });
+
+    test("user is prompted to set up recovery", async ({ page, mailpitClient, app }, testInfo) => {
+        await page.goto("/#/login");
+        await page.getByRole("button", { name: "Continue" }).click();
+        await registerAccountMas(
+            page,
+            mailpitClient,
+            `alice_${testInfo.testId}`,
+            `alice_${testInfo.testId}@email.com`,
+            "Pa$sW0rD!",
+        );
+
+        await page
+            .getByRole("navigation", { name: "Room list" })
+            .getByRole("button", { name: "New conversation" })
+            .click();
+        await page.getByRole("menuitem", { name: "New room" }).click();
+        await page.getByRole("textbox", { name: "Name" }).fill("test room");
+        await page.getByRole("button", { name: "Create room" }).click();
+
+        await expect(page.getByRole("heading", { name: "Back up your chats" })).toBeVisible();
+    });
+});
+
+test.describe("Key backup reset from elsewhere", () => {
+    test.skip(isDendrite, "does not yet support MAS");
+
+    test("Key backup is disabled when reset from elsewhere", async ({
+        page,
+        mailpitClient,
+        request,
+        homeserver,
+    }, testInfo) => {
+        const testUsername = `alice_${testInfo.testId}`;
+        const testPassword = "Pa$sW0rD!";
+
+        // there's a delay before keys are uploaded so the error doesn't appear immediately: use a fake
+        // clock so we can skip the delay
+        await page.clock.install();
+
+        await page.goto("/#/login");
+        await page.getByRole("button", { name: "Continue" }).click();
+        await registerAccountMas(page, mailpitClient, testUsername, `${testUsername}@email.com`, testPassword);
+
+        await page
+            .getByRole("navigation", { name: "Room list" })
+            .getByRole("button", { name: "New conversation" })
+            .click();
+        await page.getByRole("menuitem", { name: "New room" }).click();
+        await page.getByRole("textbox", { name: "Name" }).fill("test room");
+        await page.getByRole("button", { name: "Create room" }).click();
+
+        const accessToken = await page.evaluate(() => window.mxMatrixClientPeg.get().getAccessToken()!);
+
+        const csAPI = new TestClientServerAPI(request, homeserver, accessToken);
+
+        const backupInfo = await csAPI.getCurrentBackupInfo();
+
+        await csAPI.deleteBackupVersion(backupInfo!.version);
+
+        await page.getByRole("textbox", { name: "Send a message…" }).fill("/discardsession");
+        await page.getByRole("button", { name: "Send message" }).click();
+
+        await page.getByRole("textbox", { name: "Send a message…" }).fill("Message with broken key backup");
+        await page.getByRole("button", { name: "Send message" }).click();
+
+        // 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").getByRole("status"),
+        ).toHaveAccessibleName("Your message was sent");
+
+        // Wait for it to try uploading the key
+        await page.clock.fastForward(20000);
+
+        await expect(page.getByRole("heading", { level: 1, name: "New Recovery Method" })).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/crypto/complete-security.spec.ts b/apps/web/playwright/e2e/crypto/complete-security.spec.ts
new file mode 100644
index 00000000000..c42d7f56ff5
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/complete-security.spec.ts
@@ -0,0 +1,40 @@
+/*
+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 { test, expect } from "../../element-web-test";
+import { createBot, logIntoElement } from "./utils";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Complete security", () => {
+    test.skip(isDendrite, "Dendrite lacks support for MSC3967 so requires additional auth here");
+    test.use({
+        displayName: "Jeff",
+    });
+
+    test(
+        "Complete Security dialog appears correctly",
+        { tag: "@screenshot" },
+        async ({ page, credentials, homeserver }) => {
+            await createBot(page, homeserver, credentials, true);
+            await logIntoElement(page, credentials);
+            await expect(page.getByRole("heading", { name: "Confirm your digital identity" })).toBeVisible();
+            await expect(page.getByRole("main")).toMatchScreenshot("complete-security.png");
+        },
+    );
+
+    test("should go straight to the welcome screen if we have no signed device", async ({
+        page,
+        homeserver,
+        credentials,
+    }) => {
+        await logIntoElement(page, credentials);
+        await expect(page.getByText("Welcome Jeff", { exact: true })).toBeVisible();
+    });
+
+    // see also "Verify device during login with SAS" in `verification.spec.ts`.
+});
diff --git a/apps/web/playwright/e2e/crypto/crypto.spec.ts b/apps/web/playwright/e2e/crypto/crypto.spec.ts
new file mode 100644
index 00000000000..88872052f29
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/crypto.spec.ts
@@ -0,0 +1,215 @@
+/*
+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 { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import type { Page } from "@playwright/test";
+import { expect, test } from "../../element-web-test";
+import { autoJoin, createSharedRoomWithUser, enableKeyBackup, verify } from "./utils";
+import { type Bot } from "../../pages/bot";
+import { type ElementAppPage } from "../../pages/ElementAppPage";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+const checkDMRoom = async (page: Page) => {
+    const body = page.locator(".mx_RoomView_body");
+    await expect(body.getByText("Alice created this DM.")).toBeVisible();
+    await expect(body.getByText("Alice invited Bob")).toBeVisible({ timeout: 1000 });
+    await expect(body.locator(".mx_cryptoEvent").getByText("Encryption enabled")).toBeVisible();
+};
+
+const startDMWithBob = async (page: Page, bob: Bot) => {
+    await page.getByRole("navigation", { name: "Room list" }).getByRole("button", { name: "New conversation" }).click();
+    await page.getByRole("menuitem", { name: "Start chat" }).click();
+    await page.getByTestId("invite-dialog-input").fill(bob.credentials!.userId);
+    await page.getByRole("option", { name: bob.credentials!.displayName! }).click();
+    await expect(page.getByTestId("invite-dialog-input-wrapper").getByText("Bob")).toBeVisible();
+    await page.getByRole("button", { name: "Go" }).click();
+
+    await expect(page.getByRole("heading", { name: "Start a chat with this new contact?" })).toBeVisible();
+    await page.getByRole("button", { name: "Continue" }).click();
+};
+
+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")).not.toBeVisible();
+
+    // Bob sends a response
+    await bob.sendMessage(bobRoomId, "Hoo!");
+    await expect(page.locator(".mx_EventTile", { hasText: "Hoo!" }).locator(".mx_EventTile_e2eIcon")).not.toBeVisible();
+};
+
+const bobJoin = async (page: Page, bob: Bot) => {
+    // Wait for Bob to get the invite
+    await bob.evaluate(async (cli) => {
+        const bobRooms = cli.getRooms();
+        if (!bobRooms.length) {
+            await new Promise<void>((resolve) => {
+                const onMembership = () => {
+                    cli.off(window.matrixcs.RoomMemberEvent.Membership, onMembership);
+                    resolve();
+                };
+                cli.on(window.matrixcs.RoomMemberEvent.Membership, onMembership);
+            });
+        }
+    });
+
+    const roomId = await bob.joinRoomByName("Alice");
+    await expect(page.getByText("Bob joined the room")).toBeVisible();
+
+    // Even though Alice has seen Bob's join event, Bob may not have done so yet. Wait for the sync to arrive.
+    await bob.awaitRoomMembership(roomId);
+
+    return roomId;
+};
+
+test.describe("Cryptography", function () {
+    test.skip(isDendrite, "Dendrite lacks support for MSC3967 so requires additional auth here");
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: {
+            displayName: "Bob",
+            autoAcceptInvites: false,
+        },
+    });
+
+    /**
+     * Verify that the `m.cross_signing.${keyType}` key is available on the account data on the server
+     * @param keyType
+     */
+    async function verifyKey(app: ElementAppPage, keyType: "master" | "self_signing" | "user_signing") {
+        const accountData = await app.client.evaluate(
+            (cli, keyType) => cli.getAccountDataFromServer(`m.cross_signing.${keyType}`),
+            keyType,
+        );
+
+        expect(accountData?.encrypted).toBeDefined();
+        const keys = Object.keys(accountData!.encrypted);
+        const key = accountData!.encrypted[keys[0]];
+        expect(key.ciphertext).toBeDefined();
+        expect(key.iv).toBeDefined();
+        expect(key.mac).toBeDefined();
+    }
+
+    test("Setting up key backup by recovery key", async ({ page, app, user: aliceCredentials }) => {
+        await app.client.bootstrapCrossSigning(aliceCredentials);
+
+        await enableKeyBackup(app);
+
+        // Wait for the cross signing keys to be uploaded
+        // Waiting for "Change the recovery key" button ensure that all the secrets are uploaded and cached locally
+        const encryptionTab = await app.settings.openUserSettings("Encryption");
+        await expect(encryptionTab.getByRole("button", { name: "Change recovery key" })).toBeVisible();
+
+        // Verify that the SSSS keys are in the account data stored in the server
+        await verifyKey(app, "master");
+        await verifyKey(app, "self_signing");
+        await verifyKey(app, "user_signing");
+    });
+
+    test("Can reset cross-signing keys", async ({ page, app, user: aliceCredentials }) => {
+        await app.client.bootstrapCrossSigning(aliceCredentials);
+        await enableKeyBackup(app);
+
+        // Fetch the current cross-signing keys
+        async function fetchMasterKey() {
+            return await test.step("Fetch master key from server", async () => {
+                const k = await app.client.evaluate(async (cli) => {
+                    const userId = cli.getSafeUserId();
+                    const keys = await cli.downloadKeysForUsers([userId]);
+                    return Object.values(keys.master_keys![userId].keys)[0];
+                });
+                console.log(`fetchMasterKey: ${k}`);
+                return k;
+            });
+        }
+
+        const masterKey1 = await fetchMasterKey();
+
+        // Find "the Reset cryptographic identity" button
+        const encryptionTab = await app.settings.openUserSettings("Encryption");
+        await encryptionTab.getByRole("button", { name: "Reset cryptographic identity" }).click();
+
+        // Confirm
+        await encryptionTab.getByRole("button", { name: "Continue" }).click();
+
+        // Enter the password
+        await page.getByPlaceholder("Password").fill(aliceCredentials.password!);
+        await page.getByRole("button", { name: "Continue" }).click();
+
+        await expect(async () => {
+            const masterKey2 = await fetchMasterKey();
+            expect(masterKey1).not.toEqual(masterKey2);
+        }).toPass();
+    });
+
+    // When the user resets their identity, key storage also gets enabled.
+    // Check that the toggle updates to show the correct state.
+    test("Key backup status updates after resetting identity", async ({ page, app, user: aliceCredentials }) => {
+        await app.client.bootstrapCrossSigning(aliceCredentials);
+
+        const encryptionTab = await app.settings.openUserSettings("Encryption");
+        const keyStorageToggle = encryptionTab.getByRole("switch", { name: "Allow key storage" });
+        // Check that key storage starts off as disabled
+        expect(await keyStorageToggle.isChecked()).toBe(false);
+        // Find "the Reset cryptographic identity" button
+        await encryptionTab.getByRole("button", { name: "Reset cryptographic identity" }).click();
+
+        // Confirm
+        await encryptionTab.getByRole("button", { name: "Continue" }).click();
+
+        // Enter the password
+        await page.getByPlaceholder("Password").fill(aliceCredentials.password!);
+        await page.getByRole("button", { name: "Continue" }).click();
+
+        // Key storage should now be enabled
+        expect(await keyStorageToggle.isChecked()).toBe(true);
+    });
+
+    test(
+        "creating a DM should work, being e2e-encrypted / user verification",
+        { tag: "@screenshot" },
+        async ({ page, app, bot: bob, user: aliceCredentials }) => {
+            await rejectToast(page, "Verify this device");
+            await app.client.bootstrapCrossSigning(aliceCredentials);
+            await startDMWithBob(page, bob);
+            // send first message
+            await page.getByRole("textbox", { name: "Send a message…" }).fill("Hey!");
+            await page.getByRole("textbox", { name: "Send a message…" }).press("Enter");
+            await checkDMRoom(page);
+            const bobRoomId = await bobJoin(page, bob);
+            // We no longer show the grey badge in the composer, check that it is not there.
+            await expect(page.locator(".mx_MessageComposer_e2eIcon")).toHaveCount(0);
+
+            await testMessages(page, bob, bobRoomId);
+            await verify(app, bob);
+
+            // Assert that verified icon is rendered
+            await page.getByTestId("base-card-back-button").click();
+            await page.getByLabel("Room info").nth(1).click();
+            await expect(page.locator('.mx_RoomSummaryCard_badges [data-kind="green"]')).toContainText("Encrypted");
+
+            // Take a snapshot of RoomSummaryCard with a verified E2EE icon
+            await expect(page.locator(".mx_RightPanel")).toMatchScreenshot("RoomSummaryCard-with-verified-e2ee.png");
+            await expect(page.locator(".mx_MessageComposer_e2eIcon")).toMatchScreenshot("composer-e2e-icon.png");
+        },
+    );
+
+    test("should allow verification when there is no existing DM", async ({
+        page,
+        app,
+        bot: bob,
+        user: aliceCredentials,
+    }) => {
+        await app.client.bootstrapCrossSigning(aliceCredentials);
+        await autoJoin(bob);
+
+        // we need to have a room with the other user present, so we can open the verification panel
+        await createSharedRoomWithUser(app, bob.credentials!.userId);
+        await verify(app, bob);
+    });
+});
diff --git a/apps/web/playwright/e2e/crypto/decryption-failure-messages.spec.ts b/apps/web/playwright/e2e/crypto/decryption-failure-messages.spec.ts
new file mode 100644
index 00000000000..bffa7ff539f
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/decryption-failure-messages.spec.ts
@@ -0,0 +1,328 @@
+/*
+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 { rejectToastIfExists } from "@element-hq/element-web-playwright-common";
+
+import type { Preset, RoomMemberEvent, RoomStateEvent } from "matrix-js-sdk/src/matrix";
+import { expect, test } from "../../element-web-test";
+import {
+    createRoom,
+    enableKeyBackup,
+    logIntoElement,
+    logOutOfElement,
+    sendMessageInCurrentRoom,
+    verifySession,
+} from "./utils";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Cryptography", function () {
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: {
+            displayName: "Bob",
+            autoAcceptInvites: false,
+        },
+    });
+
+    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",
+            { 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");
+
+                // 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);
+                // Dismiss the "Back up your chats" toast, otherwise it gets in the way of clicking the room list
+                await page
+                    .getByRole("alert")
+                    .filter({ hasText: "Back up your chats" })
+                    .getByRole("button", { name: "Dismiss" })
+                    .click();
+                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");
+
+                // 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");
+
+                // 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")).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);
+
+                // 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")).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");
+
+            test("should display undecryptable non-joined historical messages with a different message", async ({
+                homeserver,
+                page,
+                app,
+                credentials: aliceCredentials,
+                user: alice,
+                bot: bob,
+            }) => {
+                await rejectToastIfExists(page, "Verify this device");
+                await rejectToastIfExists(page, "Notifications");
+
+                // Bob creates an encrypted room and sends a message to it. He then invites Alice
+                const roomId = await bob.evaluate(
+                    async (client, { alice }) => {
+                        const encryptionStatePromise = new Promise<void>((resolve) => {
+                            client.on("RoomState.events" as RoomStateEvent.Events, (event, _state, _lastStateEvent) => {
+                                if (event.getType() === "m.room.encryption") {
+                                    resolve();
+                                }
+                            });
+                        });
+
+                        const { room_id: roomId } = await client.createRoom({
+                            initial_state: [
+                                {
+                                    type: "m.room.encryption",
+                                    content: {
+                                        algorithm: "m.megolm.v1.aes-sha2",
+                                    },
+                                },
+                            ],
+                            name: "Test room",
+                            preset: "private_chat" as Preset,
+                        });
+
+                        // wait for m.room.encryption event, so that when we send a
+                        // message, it will be encrypted
+                        await encryptionStatePromise;
+
+                        await client.sendTextMessage(roomId, "This should be undecryptable");
+
+                        await client.invite(roomId, alice.userId);
+
+                        return roomId;
+                    },
+                    { alice },
+                );
+
+                // Alice accepts the invite
+                await page.getByRole("option", { name: "Test room" }).click();
+                await page.locator(".mx_RoomView").getByRole("button", { name: "Accept" }).click();
+
+                // Bob sends an encrypted event and an undecryptable event
+                await bob.evaluate(
+                    async (client, { roomId }) => {
+                        await client.sendTextMessage(roomId, "This should be decryptable");
+                        await client.sendEvent(
+                            roomId,
+                            "m.room.encrypted" as any,
+                            {
+                                algorithm: "m.megolm.v1.aes-sha2",
+                                ciphertext: "this+message+will+be+undecryptable",
+                                device_id: client.getDeviceId()!,
+                                sender_key: (await client.getCrypto()!.getOwnDeviceKeys()).ed25519,
+                                session_id: "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",
+                            } as any,
+                        );
+                    },
+                    { roomId },
+                );
+
+                // We wait for the event tiles that we expect from the messages that
+                // Bob sent, in sequence.
+                await expect(
+                    page.locator(`.mx_EventTile`).getByText("You don't have access to this message"),
+                ).toBeVisible();
+                await expect(page.locator(`.mx_EventTile`).getByText("This should be decryptable")).toBeVisible();
+                await expect(page.locator(`.mx_EventTile`).getByText("Unable to decrypt message")).toBeVisible();
+
+                // And then we ensure that they are where we expect them to be
+                // Alice should see these event tiles:
+                // - first message sent by Bob (undecryptable)
+                // - Bob invited Alice
+                // - Alice joined the room
+                // - second message sent by Bob (decryptable)
+                // - third message sent by Bob (undecryptable)
+                const tiles = await page.locator(".mx_EventTile").all();
+                expect(tiles.length).toBeGreaterThanOrEqual(5);
+
+                // 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")).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");
+                // this tile won't have an e2e icon since we got the key from the sender
+
+                // The third message from Bob is undecryptable, but was sent while Alice was
+                // 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")).toHaveAccessibleName(
+                    "This message could not be decrypted",
+                );
+            });
+
+            test("should be able to jump to a message sent before our last join event", async ({
+                homeserver,
+                page,
+                app,
+                credentials: aliceCredentials,
+                user: alice,
+                bot: bob,
+            }) => {
+                await rejectToastIfExists(page, "Verify this device");
+                await rejectToastIfExists(page, "Notifications");
+
+                // Bob:
+                // - creates an encrypted room,
+                // - invites Alice,
+                // - sends a message to it,
+                // - kicks Alice,
+                // - sends a bunch more events
+                // - invites Alice again
+                // In this way, there will be an event that Alice can decrypt,
+                // followed by a bunch of undecryptable events which Alice shouldn't
+                // expect to be able to decrypt.  The old code would have hidden all
+                // the events, even the decryptable event (which it wouldn't have
+                // even tried to fetch, if it was far enough back).
+                const { roomId, eventId } = await bob.evaluate(
+                    async (client, { alice }) => {
+                        const { room_id: roomId } = await client.createRoom({
+                            initial_state: [
+                                {
+                                    type: "m.room.encryption",
+                                    content: {
+                                        algorithm: "m.megolm.v1.aes-sha2",
+                                    },
+                                },
+                            ],
+                            name: "Test room",
+                            preset: "private_chat" as Preset,
+                        });
+
+                        // invite Alice
+                        const inviteAlicePromise = new Promise<void>((resolve) => {
+                            client.on(
+                                "RoomMember.membership" as RoomMemberEvent.Membership,
+                                (_event, member, _oldMembership?) => {
+                                    if (member.userId === alice.userId && member.membership === "invite") {
+                                        resolve();
+                                    }
+                                },
+                            );
+                        });
+                        await client.invite(roomId, alice.userId);
+                        // wait for the invite to come back so that we encrypt to Alice
+                        await inviteAlicePromise;
+
+                        // send a message that Alice should be able to decrypt
+                        const { event_id: eventId } = await client.sendTextMessage(
+                            roomId,
+                            "This should be decryptable",
+                        );
+
+                        // kick Alice
+                        const kickAlicePromise = new Promise<void>((resolve) => {
+                            client.on(
+                                "RoomMember.membership" as RoomMemberEvent.Membership,
+                                (_event, member, _oldMembership?) => {
+                                    if (member.userId === alice.userId && member.membership === "leave") {
+                                        resolve();
+                                    }
+                                },
+                            );
+                        });
+                        await client.kick(roomId, alice.userId);
+                        await kickAlicePromise;
+
+                        // send a bunch of messages that Alice won't be able to decrypt
+                        for (let i = 0; i < 20; i++) {
+                            await client.sendTextMessage(roomId, `${i}`);
+                        }
+
+                        // invite Alice again
+                        await client.invite(roomId, alice.userId);
+
+                        return { roomId, eventId };
+                    },
+                    { alice },
+                );
+
+                // Alice accepts the invite
+                await page.getByRole("option", { name: "Test room" }).click();
+                await page.locator(".mx_RoomView").getByRole("button", { name: "Accept" }).click();
+
+                // wait until we're joined and see the timeline
+                await expect(page.locator(`.mx_EventTile`).getByText("Alice joined the room")).toBeVisible();
+
+                // we should be able to jump to the decryptable message that Bob sent
+                await page.goto(`#/room/${roomId}/${eventId}`);
+
+                await expect(page.locator(`.mx_EventTile`).getByText("This should be decryptable")).toBeVisible();
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/crypto/dehydration-mas.spec.ts b/apps/web/playwright/e2e/crypto/dehydration-mas.spec.ts
new file mode 100644
index 00000000000..fded708df39
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/dehydration-mas.spec.ts
@@ -0,0 +1,79 @@
+/*
+ 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 { expect, test } from "../../element-web-test.ts";
+import { masHomeserver } from "../../plugins/homeserver/synapse/masHomeserver.ts";
+import {
+    autoJoin,
+    createSharedEncryptedRoomWithUser,
+    enableKeyBackup,
+    logOutOfElement,
+    verifyAfterLogin,
+} from "./utils.ts";
+import { registerAccountMas } from "../oidc";
+import { Bot } from "../../pages/bot.ts";
+
+test.use({
+    ...masHomeserver,
+    synapseConfig: {
+        experimental_features: {
+            msc3814_enabled: true,
+        },
+    },
+});
+
+test.describe("Device dehydration, on a MAS-enabled homeserver", () => {
+    test("Can read messages sent while logged out", async ({ mailpitClient, homeserver, page, app }, testInfo) => {
+        test.slow();
+        const aliceUserId = `alice_${testInfo.testId}`;
+        const alicePassword = "Pa$sW0rD!";
+
+        const recoveryKey =
+            await test.step("Alice registers and sets up recovery => a dehydrated device is created", async () => {
+                await page.goto("/#/login");
+                await page.getByRole("button", { name: "Continue" }).click();
+
+                await registerAccountMas(page, mailpitClient, aliceUserId, `${aliceUserId}@email.com`, alicePassword);
+                return await enableKeyBackup(app);
+            });
+
+        const [bob, testRoomId] = await test.step("Bob registers and joins a room with Alice", async () => {
+            const bob = new Bot(page, homeserver, { displayName: "Bob" });
+            await autoJoin(bob);
+
+            // Create an encrypted room, and wait for Bob to join it.
+            const testRoomId = await createSharedEncryptedRoomWithUser(app, bob.credentials!.userId);
+
+            // Even though Alice has seen Bob's join event, Bob may not have done so yet. Wait for the sync to arrive.
+            await bob.awaitRoomMembership(testRoomId);
+            return [bob, testRoomId];
+        });
+
+        await test.step("Alice logs out", async () => {
+            await logOutOfElement(page);
+        });
+
+        await test.step("Bob sends a message", async () => {
+            await bob.sendMessage(testRoomId, "test encrypted 1");
+        });
+
+        await test.step("Alice logs in again", async () => {
+            await page.getByRole("link", { name: "Sign in" }).click();
+            await page.getByRole("button", { name: "Continue" }).click();
+
+            await expect(page.getByText("Continue to Element?")).toBeVisible();
+            await page.getByRole("button", { name: "Continue" }).click();
+
+            await verifyAfterLogin(page, recoveryKey);
+            await app.viewRoomById(testRoomId);
+        });
+
+        await test.step("Alice can decrypt Bob's message", async () => {
+            await expect(page.getByText("test encrypted 1")).toBeVisible();
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/crypto/dehydration.spec.ts b/apps/web/playwright/e2e/crypto/dehydration.spec.ts
new file mode 100644
index 00000000000..24ee94129ba
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/dehydration.spec.ts
@@ -0,0 +1,206 @@
+/*
+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.
+*/
+
+import { test, expect } from "../../element-web-test";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+import {
+    autoJoin,
+    createBot,
+    createSharedEncryptedRoomWithUser,
+    enableKeyBackup,
+    logIntoElement,
+    logOutOfElement,
+    verifyAfterLogin,
+} from "./utils.ts";
+import { type Client } from "../../pages/client.ts";
+import { type ElementAppPage } from "../../pages/ElementAppPage.ts";
+import { Bot } from "../../pages/bot.ts";
+
+const NAME = "Alice";
+
+test.use({
+    displayName: NAME,
+    synapseConfig: {
+        experimental_features: {
+            msc3814_enabled: true,
+        },
+    },
+});
+
+test.describe("Dehydration", () => {
+    test.skip(isDendrite, "does not yet support dehydration v2");
+
+    test("Verify device and reset creates dehydrated device", async ({ page, user, credentials, app }, workerInfo) => {
+        // Verify the device by resetting the identity key, and then set up recovery (which will create SSSS, and dehydrated device)
+
+        const securityTab = await app.settings.openUserSettings("Security & Privacy");
+        await expect(securityTab.getByText("Offline device enabled")).not.toBeVisible();
+
+        await app.closeDialog();
+
+        // Reset the identity key
+        const settings = await app.settings.openUserSettings("Encryption");
+        await settings.getByRole("button", { name: "Verify this device" }).click();
+        await page.getByRole("button", { name: "Can't confirm?" }).click();
+        await page.getByRole("button", { name: "Continue" }).click();
+        await app.closeDialog();
+
+        // Set up recovery
+        await enableKeyBackup(app);
+
+        await expectDehydratedDeviceEnabled(app);
+
+        // the dehydrated device gets created with the name "Dehydrated
+        // device".  We want to make sure that it is not visible as a normal
+        // device.
+        const sessionsTab = await app.settings.openUserSettings("Sessions");
+        await expect(sessionsTab.getByText("Dehydrated device")).not.toBeVisible();
+    });
+
+    test("'Get recovery key' creates dehydrated device", async ({ app, credentials, page }) => {
+        await logIntoElement(page, credentials);
+        await enableKeyBackup(app);
+        await expectDehydratedDeviceEnabled(app);
+    });
+
+    test("Reset identity during login and back up your chats re-creates dehydrated device", async ({
+        page,
+        homeserver,
+        app,
+        credentials,
+    }) => {
+        // Set up cross-signing and recovery
+        const { botClient } = await createBot(page, homeserver, credentials);
+        // ... and dehydration
+        await botClient.evaluate(async (client) => await client.getCrypto()!.startDehydration());
+
+        const initialDehydratedDeviceIds = await getDehydratedDeviceIds(botClient);
+        expect(initialDehydratedDeviceIds.length).toBe(1);
+
+        await botClient.evaluate(async (client) => client.stopClient());
+
+        // Log in our client
+        await logIntoElement(page, credentials);
+
+        // Oh no, we forgot our recovery key - reset our identity
+        await page.locator(".mx_AuthPage").getByRole("button", { name: "Can't confirm" }).click();
+        await expect(
+            page.getByRole("heading", { name: "Are you sure you want to reset your digital identity?" }),
+        ).toBeVisible();
+        await page.getByRole("button", { name: "Continue", exact: true }).click();
+        await page.getByPlaceholder("Password").fill(credentials.password!);
+        await page.getByRole("button", { name: "Continue" }).click();
+
+        // And set up recovery
+        await enableKeyBackup(app);
+
+        // There should be a brand new dehydrated device
+        await expectDehydratedDeviceEnabled(app);
+    });
+
+    test("'Reset cryptographic identity' removes dehydrated device", async ({ page, homeserver, app, credentials }) => {
+        await logIntoElement(page, credentials);
+
+        // Create a dehydrated device by setting up recovery (see "'Set up
+        // recovery' creates dehydrated device" test above)
+        await enableKeyBackup(app);
+        await expectDehydratedDeviceEnabled(app);
+
+        // After recovery is set up, we reset our cryptographic identity, which
+        // should drop the dehydrated device.
+        const settingsDialogLocator = await app.settings.openUserSettings("Encryption");
+        await settingsDialogLocator.getByRole("button", { name: "Reset cryptographic identity" }).click();
+        await settingsDialogLocator.getByRole("button", { name: "Continue" }).click();
+
+        await expectDehydratedDeviceDisabled(app);
+    });
+
+    test("Can read messages sent while logged out", async ({ homeserver, credentials, page, app }) => {
+        const recoveryKey =
+            await test.step("Alice logs in and sets up recovery => a dehydrated device is created", async () => {
+                // This test does a page reload to work around a bug, so we need to avoid the `pageWithCredentials` and `user`
+                // fixtures poke credentials into localStorage via a pageload script. We therefore log in manually.
+                await logIntoElement(page, credentials);
+
+                // Logging in will have created a cross-signing identity for us. Now set up recovery, to create a dehydrated device.
+                const recoveryKey = await enableKeyBackup(app);
+
+                await expectDehydratedDeviceEnabled(app);
+                return recoveryKey;
+            });
+
+        const [bob, testRoomId] = await test.step("Bob and Alice make a shared room", async () => {
+            // As above, we need to avoid the `user` fixture: we therefore also need to avoid the `bot` fixture, which
+            // depends on the `user` fixture. We just create the bot manually.
+            const bob = new Bot(page, homeserver, { displayName: "Bob" });
+            await autoJoin(bob);
+
+            // create an encrypted room, and wait for Bob to join it.
+            const testRoomId = await createSharedEncryptedRoomWithUser(app, bob.credentials!.userId);
+
+            // Even though Alice has seen Bob's join event, Bob may not have done so yet. Wait for the sync to arrive.
+            await bob.awaitRoomMembership(testRoomId);
+            return [bob, testRoomId];
+        });
+
+        await test.step("Alice logs out", async () => {
+            await logOutOfElement(page);
+        });
+
+        await test.step("Bob sends a message", async () => {
+            await bob.sendMessage(testRoomId, "test encrypted 1");
+        });
+
+        await test.step("Alice logs back in, and should be able to view Bob's message", async () => {
+            // 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.reload();
+
+            await logIntoElement(page, credentials);
+            await verifyAfterLogin(page, recoveryKey);
+            await app.viewRoomById(testRoomId);
+            await expect(page.getByText("test encrypted 1")).toBeVisible();
+        });
+    });
+});
+
+async function getDehydratedDeviceIds(client: Client): Promise<string[]> {
+    return await client.evaluate(async (client) => {
+        const userId = client.getSafeUserId();
+        const devices = await client.getCrypto()!.getUserDeviceInfo([userId]);
+        return Array.from(devices.get(userId)!.values())
+            .filter((d) => d.dehydrated)
+            .map((d) => d.deviceId);
+    });
+}
+
+/** Wait for our user to have a dehydrated device */
+async function expectDehydratedDeviceEnabled(app: ElementAppPage): Promise<void> {
+    // It might be nice to do this via the UI, but currently this info is not exposed via the UI.
+    //
+    // Note we might have to wait for the device list to be refreshed, so we wrap in `expect.poll`.
+    await expect
+        .poll(async () => {
+            const dehydratedDeviceIds = await getDehydratedDeviceIds(app.client);
+            return dehydratedDeviceIds.length;
+        })
+        .toEqual(1);
+}
+
+/** Wait for our user to not have a dehydrated device */
+async function expectDehydratedDeviceDisabled(app: ElementAppPage): Promise<void> {
+    // It might be nice to do this via the UI, but currently this info is not exposed via the UI.
+    //
+    // Note we might have to wait for the device list to be refreshed, so we wrap in `expect.poll`.
+    await expect
+        .poll(async () => {
+            const dehydratedDeviceIds = await getDehydratedDeviceIds(app.client);
+            return dehydratedDeviceIds.length;
+        })
+        .toEqual(0);
+}
diff --git a/apps/web/playwright/e2e/crypto/device-verification.spec.ts b/apps/web/playwright/e2e/crypto/device-verification.spec.ts
new file mode 100644
index 00000000000..eff50f72c12
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/device-verification.spec.ts
@@ -0,0 +1,356 @@
+/*
+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 jsQR from "jsqr";
+import { assertNoToasts, getToast, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import type { JSHandle, Locator, Page } from "@playwright/test";
+import type { VerificationRequest } from "matrix-js-sdk/src/crypto-api";
+import { test, expect } from "../../element-web-test";
+import {
+    awaitVerifier,
+    checkDeviceIsConnectedKeyBackup,
+    checkDeviceIsCrossSigned,
+    createBot,
+    doTwoWaySasVerification,
+    logIntoElement,
+    waitForVerificationRequest,
+} from "./utils";
+import { type Bot } from "../../pages/bot";
+import type { ElementAppPage } from "../../pages/ElementAppPage.ts";
+
+test.describe("Device verification", { tag: "@no-webkit" }, () => {
+    let aliceBotClient: Bot;
+
+    /** The backup version that was set up by the bot client. */
+    let expectedBackupVersion: string;
+
+    test.beforeEach(async ({ page, homeserver, credentials }) => {
+        const res = await createBot(page, homeserver, credentials, true);
+        aliceBotClient = res.botClient;
+        expectedBackupVersion = res.expectedBackupVersion;
+    });
+
+    // Click the "Use another device" button, and have the bot client auto-accept it.
+    async function initiateAliceVerificationRequest(page: Page): Promise<JSHandle<VerificationRequest>> {
+        // alice bot waits for verification request
+        const promiseVerificationRequest = waitForVerificationRequest(aliceBotClient);
+
+        // Click on "Use another device"
+        await page.locator(".mx_AuthPage").getByRole("button", { name: "Use another device" }).click();
+
+        // alice bot responds yes to verification request from alice
+        return promiseVerificationRequest;
+    }
+
+    test(
+        "Verify device with SAS during login",
+        { tag: "@screenshot" },
+        async ({ page, app, credentials, homeserver }) => {
+            await logIntoElement(page, credentials);
+
+            // Launch the verification request between alice and the bot
+            const verificationRequest = await initiateAliceVerificationRequest(page);
+
+            // Handle emoji SAS verification
+            const infoDialog = page.locator(".mx_InfoDialog");
+            // the bot chooses to do an emoji verification
+            const verifier = await verificationRequest.evaluateHandle((request) =>
+                request.startVerification("m.sas.v1"),
+            );
+
+            // Handle emoji request and check that emojis are matching
+            await doTwoWaySasVerification(page, verifier);
+
+            await infoDialog.getByRole("button", { name: "They match" }).click();
+            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
+            await checkDeviceIsCrossSigned(app);
+
+            // Check that the current device is connected to key backup
+            // For now we don't check that the backup key is in cache because it's a bit flaky,
+            // as we need to wait for the secret gossiping to happen.
+            await checkDeviceIsConnectedKeyBackup(app, expectedBackupVersion, false);
+        },
+    );
+
+    // Regression test for https://github.com/element-hq/element-web/issues/29110
+    test("No toast after verification, even if the secrets take a while to arrive", async ({ page, credentials }) => {
+        // Before we log in, the bot creates an encrypted room, so that we can test the toast behaviour that only happens
+        // when we are in an encrypted room.
+        await aliceBotClient.createRoom({
+            initial_state: [
+                {
+                    type: "m.room.encryption",
+                    state_key: "",
+                    content: { algorithm: "m.megolm.v1.aes-sha2" },
+                },
+            ],
+        });
+
+        // In order to simulate a real environment more accurately, we need to slow down the arrival of the
+        // `m.secret.send` to-device messages. That's slightly tricky to do directly, so instead we delay the *outgoing*
+        // `m.secret.request` messages.
+        await page.route("**/_matrix/client/v3/sendToDevice/m.secret.request/**", async (route) => {
+            await route.fulfill({ json: {} });
+            await new Promise((f) => setTimeout(f, 1000));
+            await route.fetch();
+        });
+
+        await logIntoElement(page, credentials);
+
+        // Launch the verification request between alice and the bot
+        const verificationRequest = await initiateAliceVerificationRequest(page);
+
+        // Handle emoji SAS verification
+        const infoDialog = page.locator(".mx_InfoDialog");
+        // the bot chooses to do an emoji verification
+        const verifier = await verificationRequest.evaluateHandle((request) => request.startVerification("m.sas.v1"));
+
+        // Handle emoji request and check that emojis are matching
+        await doTwoWaySasVerification(page, verifier);
+
+        await infoDialog.getByRole("button", { name: "They match" }).click();
+        await infoDialog.getByRole("button", { name: "Got it" }).click();
+
+        // There should be no toast (other than the notifications one)
+        await rejectToast(page, "Notifications");
+        await assertNoToasts(page);
+
+        // There may still be a `/sendToDevice/m.secret.request` in flight, which will later throw an error and cause
+        // a *subsequent* test to fail. Tell playwright to ignore any errors resulting from in-flight routes.
+        await page.unrouteAll({ behavior: "ignoreErrors" });
+    });
+
+    test(
+        "Verify device with QR code during login",
+        { tag: "@screenshot" },
+        async ({ page, app, credentials, homeserver }) => {
+            // A mode 0x02 verification: "self-verifying in which the current device does not yet trust the master key"
+            await logIntoElement(page, credentials);
+
+            // Launch the verification request between alice and the bot
+            const verificationRequest = await initiateAliceVerificationRequest(page);
+
+            const infoDialog = page.locator(".mx_InfoDialog");
+            // feed the QR code into the verification request.
+            const qrData = await readQrCode(infoDialog);
+            await expect(page.locator(".mx_Dialog")).toMatchScreenshot("qr-code.png", {
+                mask: [infoDialog.locator("img")],
+            });
+            const verifier = await verificationRequest.evaluateHandle(
+                (request, qrData) => request.scanQRCode(new Uint8ClampedArray(qrData)),
+                [...qrData],
+            );
+
+            // Confirm that the bot user scanned successfully
+            await expect(
+                infoDialog.getByText("Confirm that you see a green shield on your other device"),
+            ).toBeVisible();
+            await expect(page.locator(".mx_Dialog")).toMatchScreenshot("confirm-green-shield.png");
+            await infoDialog.getByRole("button", { name: "Yes, I see a green shield" }).click();
+            await expect(page.locator(".mx_Dialog")).toMatchScreenshot("got-it.png");
+            await infoDialog.getByRole("button", { name: "Got it" }).click();
+
+            // wait for the bot to see we have finished
+            await verifier.evaluate((verifier) => verifier.verify());
+
+            // the bot uploads the signatures asynchronously, so wait for that to happen
+            await page.waitForTimeout(1000);
+
+            // our device should trust the bot device
+            await app.client.evaluate(async (cli, aliceBotCredentials) => {
+                const deviceStatus = await cli
+                    .getCrypto()!
+                    .getDeviceVerificationStatus(aliceBotCredentials!.userId, aliceBotCredentials!.deviceId);
+                if (!deviceStatus!.isVerified()) {
+                    throw new Error("Bot device was not verified after QR code verification");
+                }
+            }, aliceBotClient.credentials);
+
+            // Check that our device is now cross-signed
+            await checkDeviceIsCrossSigned(app);
+
+            // Check that the current device is connected to key backup
+            await checkDeviceIsConnectedKeyBackup(app, expectedBackupVersion, true);
+        },
+    );
+
+    test(
+        "Verify device with Security Phrase during login",
+        { tag: "@screenshot" },
+        async ({ page, app, credentials, homeserver }) => {
+            await logIntoElement(page, credentials);
+            await enterRecoveryKeyAndCheckVerified(page, app, "new passphrase", true);
+        },
+    );
+
+    test("Verify device with Recovery Key during login", async ({ page, app, credentials, homeserver }) => {
+        const recoveryKey = (await aliceBotClient.getRecoveryKey()).encodedPrivateKey!;
+
+        await logIntoElement(page, credentials);
+        await enterRecoveryKeyAndCheckVerified(page, app, recoveryKey);
+    });
+
+    test("Verify device with Recovery Key from settings", async ({ page, app, credentials }) => {
+        const recoveryKey = (await aliceBotClient.getRecoveryKey()).encodedPrivateKey!;
+
+        await logIntoElement(page, credentials);
+
+        /* Dismiss "Verify this device" */
+        const authPage = page.locator(".mx_AuthPage");
+        await authPage.getByRole("button", { name: "Skip verification for now" }).click();
+        await authPage.getByRole("button", { name: "I'll verify later" }).click();
+        await page.waitForSelector(".mx_MatrixChat");
+
+        const settings = await app.settings.openUserSettings("Encryption");
+        await settings.getByRole("button", { name: "Verify this device" }).click();
+        await enterRecoveryKeyAndCheckVerified(page, app, recoveryKey);
+    });
+
+    test("After cancelling verify with another device, I can try again #29882", async ({ page, app, credentials }) => {
+        // Regression test for https://github.com/element-hq/element-web/issues/29882
+
+        // Log in without verifying
+        await logIntoElement(page, credentials);
+        const authPage = page.locator(".mx_AuthPage");
+        await authPage.getByRole("button", { name: "Skip verification for now" }).click();
+        await authPage.getByRole("button", { name: "I'll verify later" }).click();
+        await page.waitForSelector(".mx_MatrixChat");
+
+        // Start to verify with "Use another device" but cancel
+        const settings = await app.settings.openUserSettings("Encryption");
+        await settings.getByRole("button", { name: "Verify this device" }).click();
+        await page.getByRole("button", { name: "Use another device" }).click();
+        await page.locator("#mx_Dialog_Container").getByRole("button", { name: "Close dialog" }).click();
+
+        // Start again
+        await settings.getByRole("button", { name: "Verify this device" }).click();
+
+        // We should be offered to use another device again.
+        // (In the bug, we were immediately told that verification has been cancelled.)
+        await expect(page.getByRole("button", { name: "Use another device" })).toBeVisible();
+    });
+
+    /** Helper for the three tests above which verify by recovery key */
+    async function enterRecoveryKeyAndCheckVerified(
+        page: Page,
+        app: ElementAppPage,
+        recoveryKey: string,
+        screenshot = false,
+    ) {
+        await page.getByRole("button", { name: "Use recovery key" }).click();
+
+        // Enter the recovery key
+        const dialog = page.locator(".mx_Dialog");
+        // We use `pressSequentially` here to make sure that the FocusLock isn't causing us any problems
+        // (cf https://github.com/element-hq/element-web/issues/30089)
+        await dialog.getByTitle("Recovery key").pressSequentially(recoveryKey);
+        if (screenshot) {
+            await expect(page.locator(".mx_Dialog").filter({ hasText: "Enter your recovery key" })).toMatchScreenshot(
+                "recovery-key.png",
+            );
+        }
+        await dialog.getByRole("button", { name: "Continue", disabled: false }).click();
+        await page.getByRole("button", { name: "Done" }).click();
+
+        // Check that our device is now cross-signed
+        await checkDeviceIsCrossSigned(app);
+
+        // Check that the current device is connected to key backup
+        // The backup decryption key should be in cache also, as we got it directly from the 4S
+        await checkDeviceIsConnectedKeyBackup(app, expectedBackupVersion, true);
+    }
+
+    test("Handle incoming verification request with SAS", async ({ page, credentials, homeserver, app }) => {
+        /* Log in but don't verify the device */
+        await logIntoElement(page, credentials);
+        const authPage = page.locator(".mx_AuthPage");
+        await authPage.getByRole("button", { name: "Skip verification for now" }).click();
+        await authPage.getByRole("button", { name: "I'll verify later" }).click();
+
+        await page.waitForSelector(".mx_MatrixChat");
+        const elementDeviceId = await page.evaluate(() => window.mxMatrixClientPeg.get().getDeviceId()!);
+
+        /* Create an encrypted room so the "Verify this device" toast appears */
+        await app.client.createRoom({
+            initial_state: [
+                {
+                    type: "m.room.encryption",
+                    state_key: "",
+                    content: { algorithm: "m.megolm.v1.aes-sha2" },
+                },
+            ],
+        });
+
+        /* Now initiate a verification request from the *bot* device. */
+        const botVerificationRequest = await aliceBotClient.evaluateHandle(
+            async (client, { userId, deviceId }) => {
+                return client.getCrypto()!.requestDeviceVerification(userId, deviceId);
+            },
+            { userId: credentials.userId, deviceId: elementDeviceId },
+        );
+
+        /* Check the toast for the incoming request */
+        const toast = await getToast(page, "Verification requested");
+        // it should contain the device ID of the requesting device
+        await expect(toast.getByText(`${aliceBotClient.credentials!.deviceId} from `)).toBeVisible();
+        // Accept
+        await toast.getByRole("button", { name: "Start verification" }).click();
+
+        /* Click 'Start' to start SAS verification */
+        await page.getByRole("button", { name: "Start" }).click();
+
+        /* on the bot side, wait for the verifier to exist ... */
+        const verifier = await awaitVerifier(botVerificationRequest);
+        // ... confirm ...
+        void botVerificationRequest.evaluate((verificationRequest) => verificationRequest.verifier!.verify());
+        // ... and then check the emoji match
+        await doTwoWaySasVerification(page, verifier);
+
+        /* And we're all done! */
+        const infoDialog = page.locator(".mx_InfoDialog");
+        await infoDialog.getByRole("button", { name: "They match" }).click();
+        await expect(infoDialog.getByText("Device verified")).toBeVisible();
+        await infoDialog.getByRole("button", { name: "Got it" }).click();
+    });
+});
+
+/** Extract the qrcode out of an on-screen html element */
+async function readQrCode(base: Locator) {
+    const qrCode = base.locator('[alt="QR Code"]');
+    const imageData = await qrCode.evaluate<
+        {
+            colorSpace: PredefinedColorSpace;
+            width: number;
+            height: number;
+            buffer: number[];
+        },
+        HTMLImageElement
+    >(async (img) => {
+        // draw the image on a canvas
+        const myCanvas = new OffscreenCanvas(img.width, img.height);
+        const ctx = myCanvas.getContext("2d")!;
+        ctx.drawImage(img, 0, 0);
+
+        // read the image data
+        const imageData = ctx.getImageData(0, 0, myCanvas.width, myCanvas.height);
+        return {
+            colorSpace: imageData.colorSpace,
+            width: imageData.width,
+            height: imageData.height,
+            buffer: [...new Uint8ClampedArray(imageData.data.buffer)],
+        };
+    });
+
+    // now we can decode the QR code.
+    const result = jsQR(new Uint8ClampedArray(imageData.buffer), imageData.width, imageData.height);
+    return new Uint8Array(result!.binaryData);
+}
diff --git a/apps/web/playwright/e2e/crypto/event-shields.spec.ts b/apps/web/playwright/e2e/crypto/event-shields.spec.ts
new file mode 100644
index 00000000000..e25bcf3b735
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/event-shields.spec.ts
@@ -0,0 +1,317 @@
+/*
+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 { type Locator } from "@playwright/test";
+
+import { expect, test } from "../../element-web-test";
+import {
+    autoJoin,
+    createSecondBotDevice,
+    createSharedEncryptedRoomWithUser,
+    enableKeyBackup,
+    logIntoElement,
+    logOutOfElement,
+    verify,
+    verifyAfterLogin,
+    waitForDevices,
+} from "./utils";
+import { bootstrapCrossSigningForClient } from "../../pages/client.ts";
+import { type ElementAppPage } from "../../pages/ElementAppPage.ts";
+
+test.describe("Cryptography", function () {
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: {
+            displayName: "Bob",
+            autoAcceptInvites: false,
+        },
+    });
+
+    test.describe("event shields", () => {
+        let testRoomId: string;
+
+        test.beforeEach(async ({ page, bot: bob, user: aliceCredentials, app }) => {
+            await app.client.bootstrapCrossSigning(aliceCredentials);
+            await autoJoin(bob);
+
+            // create an encrypted room, and wait for Bob to join it.
+            testRoomId = await createSharedEncryptedRoomWithUser(app, bob.credentials!.userId);
+
+            // Even though Alice has seen Bob's join event, Bob may not have done so yet. Wait for the sync to arrive.
+            await bob.awaitRoomMembership(testRoomId);
+
+            await app.client.network.setupRoute();
+        });
+
+        test(
+            "should show the correct shield on e2e events",
+            { tag: "@screenshot" },
+            async ({ page, app, bot: bob, homeserver }, workerInfo) => {
+                // Bob has a second, not cross-signed, device
+                const bobSecondDevice = await createSecondBotDevice(page, homeserver, bob);
+
+                // Dismiss the toasts nagging us, otherwise they get in the way of clicking the room list
+                await page.getByRole("button", { name: "Dismiss" }).click();
+                await page.getByRole("button", { name: "Yes, dismiss" }).click();
+
+                await bob.sendEvent(testRoomId, null, "m.room.encrypted", {
+                    algorithm: "m.megolm.v1.aes-sha2",
+                    ciphertext: "the bird is in the hand",
+                });
+
+                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).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(
+                    (cli, testRoomId) =>
+                        cli.http.authedRequest(
+                            window.matrixcs.Method.Put,
+                            `/rooms/${encodeURIComponent(testRoomId)}/send/m.room.message/test_txn_1`,
+                            undefined,
+                            {
+                                msgtype: "m.text",
+                                body: "test unencrypted",
+                            },
+                        ),
+                    testRoomId,
+                );
+
+                await expect(last).toContainText("test unencrypted");
+                await expect(lastE2eIcon).toHaveAccessibleName("Not encrypted");
+                await expect(lastE2eIcon).toMatchScreenshot("event-shield-warning.png");
+
+                /* Should show no padlock for an unverified user */
+                // bob sends a valid event
+                await bob.sendMessage(testRoomId, "test encrypted 1");
+
+                // the message should appear, decrypted, with no warning, but also no "verified"
+                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();
+
+                /* Now verify Bob */
+                await verify(app, bob);
+
+                /* Existing message should be updated when user is verified. */
+                await expect(last).toContainText("test encrypted 1");
+                // still no e2e icon
+                await expect(last.locator(".mx_EventTile_e2eIcon")).not.toBeVisible();
+
+                /* should show no padlock, and be verified, for a message from a verified device */
+                await bob.sendMessage(testRoomId, "test encrypted 2");
+
+                await expect(lastTile).toContainText("test encrypted 2");
+                // no e2e icon
+                await expect(lastTileE2eIcon).not.toBeVisible();
+
+                /* 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).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
+                 * unverified, even if it gets deleted. */
+                // bob deletes his second device
+                await bobSecondDevice.evaluate((cli) => cli.logout(true));
+
+                // wait for the logout to propagate.
+                await waitForDevices(app, bob.credentials!.userId, 1);
+
+                // close and reopen the room, to get the shield to update.
+                await app.viewRoomByName("Bob");
+                await app.viewRoomByName("TestRoom");
+
+                await expect(last).toContainText("test encrypted from unverified");
+                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",
+            { 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");
+
+                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);
+
+                /* 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 logIntoElement(page, aliceCredentials);
+                await verifyAfterLogin(page, 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 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
+            const bobSecondDevice = await createSecondBotDevice(page, homeserver, bob);
+
+            // verify Bob
+            await verify(app, bob);
+
+            // bob sends a valid event
+            const testEvent = await bob.sendMessage(testRoomId, "Hoo!");
+
+            // the message should appear, decrypted, with no warning
+            await expect(
+                page.locator(".mx_EventTile", { hasText: "Hoo!" }).locator(".mx_EventTile_e2eIcon"),
+            ).not.toBeVisible();
+
+            // bob sends an edit to the first message with his unverified device
+            await bobSecondDevice.sendMessage(testRoomId, {
+                "m.new_content": {
+                    msgtype: "m.text",
+                    body: "Haa!",
+                },
+                "m.relates_to": {
+                    rel_type: "m.replace",
+                    event_id: testEvent.event_id,
+                },
+            });
+
+            // the edit should have a warning
+            await expect(
+                page.locator(".mx_EventTile", { hasText: "Haa!" }).locator(".mx_EventTile_e2eIcon"),
+            ).toBeVisible();
+
+            // a second edit from the verified device should be ok
+            await bob.sendMessage(testRoomId, {
+                "m.new_content": {
+                    msgtype: "m.text",
+                    body: "Hee!",
+                },
+                "m.relates_to": {
+                    rel_type: "m.replace",
+                    event_id: testEvent.event_id,
+                },
+            });
+
+            await expect(
+                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",
+            { 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();
+
+                // 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 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();
+
+                // 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);
+            },
+        );
+
+        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);
+
+                /* 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 digital identity was reset");
+                await expect(lastE2eIcon).toMatchScreenshot("event-shield-identity-reset.png");
+            },
+        );
+    });
+});
+
+/**
+ * Check that the given message doesn't have an E2E warning icon.
+ *
+ * If it does, throw an error.
+ */
+async function assertNoE2EIcon(messageLocator: Locator, app: ElementAppPage) {
+    // Make sure the message itself exists, before we check if it has any icons
+    await messageLocator.waitFor();
+
+    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 expect(e2eIcon).toHaveAccessibleName("None");
+    }
+}
diff --git a/apps/web/playwright/e2e/crypto/history-sharing.spec.ts b/apps/web/playwright/e2e/crypto/history-sharing.spec.ts
new file mode 100644
index 00000000000..186f98eee33
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/history-sharing.spec.ts
@@ -0,0 +1,173 @@
+/*
+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 { closeReleaseAnnouncement, createNewInstance, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { expect, test } from "../../element-web-test";
+import { ElementAppPage } from "../../pages/ElementAppPage";
+import { createRoom, sendMessageInCurrentRoom } from "./utils";
+
+test.use({
+    displayName: "Alice",
+});
+
+/** Tests for MSC4268: encrypted history sharing */
+test.describe("History sharing", function () {
+    test(
+        "We should share history when sending invites",
+        { tag: "@screenshot" },
+        async (
+            { labsFlags, browser, page: alicePage, user: aliceCredentials, app: aliceElementApp, homeserver },
+            testInfo,
+        ) => {
+            // In this test, Alice creates an encrypted room and sends an event;
+            // we then invite Bob, and ensure Bob can see the content.
+
+            await aliceElementApp.client.bootstrapCrossSigning(aliceCredentials);
+            await aliceElementApp.closeKeyStorageToast();
+
+            await rejectToast(alicePage, "Notifications");
+
+            // Close the release announcement about the new room list sections
+            await closeReleaseAnnouncement(alicePage, "Introducing Sections");
+
+            // Register a second user, and open it in a second instance of the app
+            const bobCredentials = await homeserver.registerUser(`user_${testInfo.testId}_bob`, "password", "Bob");
+            const bobPage = await createNewInstance(browser, bobCredentials, {}, labsFlags);
+            const bobElementApp = new ElementAppPage(bobPage);
+            await bobElementApp.client.bootstrapCrossSigning(bobCredentials);
+            await bobElementApp.closeKeyStorageToast();
+
+            // Create the room and send a message
+            await createRoom(alicePage, "TestRoom", true);
+
+            // The default history visibility for private rooms is "invited",
+            // so we need to change it to "shared" to ensure Bob can see the message when he joins.
+            const roomId = await aliceElementApp.getCurrentRoomIdFromUrl();
+            await aliceElementApp.client.sendStateEvent(roomId, "m.room.history_visibility", {
+                history_visibility: "shared",
+            });
+
+            await sendMessageInCurrentRoom(alicePage, "A message from Alice");
+
+            // Send the invite to Bob
+            await aliceElementApp.inviteUserToCurrentRoom(bobCredentials.userId, { confirmUnknownUser: true });
+
+            // Bob accepts the invite
+            await bobPage.getByRole("option", { name: "TestRoom" }).click();
+            await bobPage.getByRole("button", { name: "Accept" }).click();
+
+            // Bob should now be able to decrypt the event
+            await expect(bobPage.getByText("A message from Alice")).toBeVisible();
+
+            // Mask message timestamps and exclude 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")];
+            await expect(bobPage.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                "shared-history-invite-accepted.png",
+                {
+                    mask,
+                    css: `
+                    .mx_ReadReceiptGroup_container {
+                        display: none !important;
+                    }
+                `,
+                },
+            );
+        },
+    );
+
+    test("Messages sent when we believed the room history was unshared should not be visible", async ({
+        labsFlags,
+        browser,
+        page: alicePage,
+        user: aliceCredentials,
+        app: aliceElementApp,
+        homeserver,
+    }, testInfo) => {
+        test.setTimeout(60000);
+
+        // In this test:
+        //   1. Alice creates an encrypted room with Bob.
+        //   2. She sets the history visibility to "shared", but Bob doesn't receive the memo
+        //   3. Bob sends a message
+        //   4. Alice invites Charlie
+        //   5. Charlie can't see the message.
+
+        await aliceElementApp.client.bootstrapCrossSigning(aliceCredentials);
+        await aliceElementApp.closeKeyStorageToast();
+        await createRoom(alicePage, "TestRoom", true);
+
+        // Register a second user, and open it in a second instance of the app
+        const bobCredentials = await homeserver.registerUser(`user_${testInfo.testId}_bob`, "password", "Bob");
+        const bobPage = await createNewInstance(browser, bobCredentials, {}, labsFlags);
+        const bobElementApp = new ElementAppPage(bobPage);
+        await bobElementApp.client.bootstrapCrossSigning(bobCredentials);
+        await bobElementApp.closeKeyStorageToast();
+
+        // ... and a third
+        const charlieCredentials = await homeserver.registerUser(
+            `user_${testInfo.testId}_charlie`,
+            "password",
+            "Charlie",
+        );
+        const charliePage = await createNewInstance(browser, charlieCredentials, {}, labsFlags);
+        const charlieElementApp = new ElementAppPage(charliePage);
+        await charlieElementApp.client.bootstrapCrossSigning(charlieCredentials);
+        await charlieElementApp.closeKeyStorageToast();
+
+        // Alice invites Bob, and Bob accepts
+        const roomId = await aliceElementApp.getCurrentRoomIdFromUrl();
+        await aliceElementApp.inviteUserToCurrentRoom(bobCredentials.userId, { confirmUnknownUser: true });
+        await bobPage.getByRole("option", { name: "TestRoom" }).click();
+        await bobPage.getByRole("button", { name: "Accept" }).click();
+
+        // The room now defaults to "invited" history visibility, so we need to set it to "shared" first
+        await aliceElementApp.client.sendStateEvent(roomId, "m.room.history_visibility", {
+            history_visibility: "shared",
+        });
+        await expect(bobPage.getByText("Alice made future room history visible to all room members.")).toBeVisible();
+
+        // Bob sends a message with "shared" visibility
+        await sendMessageInCurrentRoom(bobPage, "Message1: 'shared' visibility");
+        await expect(alicePage.getByText("Message1")).toBeVisible();
+
+        // Alice sets the history visibility to "joined"
+        await aliceElementApp.client.sendStateEvent(roomId, "m.room.history_visibility", {
+            history_visibility: "joined",
+        });
+        await expect(
+            bobPage.getByText(
+                "Alice made future room history visible to all room members, from the point they joined.",
+            ),
+        ).toBeVisible();
+
+        // Bob stops syncing, and sends a message with "joined" visibility.
+        // (Stopping syncing *before* sending the message means that the active sync will be flushed by sending the
+        // message, so that Alice's change to the history viz below won't be seen by Bob.)
+        await bobPage.route(`**/sync*`, (route) => route.fulfill({}));
+        await sendMessageInCurrentRoom(bobPage, "Message2: 'joined' visibility");
+        await expect(alicePage.getByText("Message2")).toBeVisible();
+
+        // Alice changes the history viz, but Bob doesn't receive the memo
+        await aliceElementApp.client.sendStateEvent(roomId, "m.room.history_visibility", {
+            history_visibility: "shared",
+        });
+        await sendMessageInCurrentRoom(bobPage, "Message3: 'shared' visibility, but Bob thinks it is still 'joined'");
+
+        // Alice now invites Charlie
+        await aliceElementApp.inviteUserToCurrentRoom(charlieCredentials.userId, { confirmUnknownUser: true });
+        await charliePage.getByRole("option", { name: "TestRoom" }).click();
+        await charliePage.getByRole("button", { name: "Accept" }).click();
+
+        // Message1 should be visible
+        // Message2 should be invisible
+        // Message3 should be undecryptable
+        await expect(charliePage.getByText("Message1")).toBeVisible();
+        await expect(charliePage.getByText("You don't have access to this message")).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/crypto/invisible-crypto.spec.ts b/apps/web/playwright/e2e/crypto/invisible-crypto.spec.ts
new file mode 100644
index 00000000000..86b6d205ec2
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/invisible-crypto.spec.ts
@@ -0,0 +1,46 @@
+/*
+Copyright 2024 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 { expect, test } from "../../element-web-test";
+import { autoJoin, createSecondBotDevice, createSharedEncryptedRoomWithUser, verify } from "./utils";
+import { bootstrapCrossSigningForClient } from "../../pages/client.ts";
+
+/** Tests for the "invisible crypto" behaviour -- i.e., when the "exclude insecure devices" setting is enabled */
+test.describe("Invisible cryptography", () => {
+    test.slow();
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: { displayName: "Bob" },
+        labsFlags: ["feature_exclude_insecure_devices"],
+    });
+
+    test("Messages fail to decrypt when sender is previously verified", async ({
+        page,
+        bot: bob,
+        user: aliceCredentials,
+        app,
+        homeserver,
+    }) => {
+        await app.client.bootstrapCrossSigning(aliceCredentials);
+        await autoJoin(bob);
+
+        // create an encrypted room
+        const testRoomId = await createSharedEncryptedRoomWithUser(app, bob.credentials!.userId);
+
+        // 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);
+
+        /* 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 lastTile = page.locator(".mx_EventTile_last");
+        await expect(lastTile).toContainText("Sender's verified digital identity was reset");
+    });
+});
diff --git a/apps/web/playwright/e2e/crypto/logout.spec.ts b/apps/web/playwright/e2e/crypto/logout.spec.ts
new file mode 100644
index 00000000000..64bfd9122ad
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/logout.spec.ts
@@ -0,0 +1,69 @@
+/*
+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.
+*/
+
+import { test, expect } from "../../element-web-test";
+import { createRoom, enableKeyBackup, logIntoElement, sendMessageInCurrentRoom } from "./utils";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Logout tests", () => {
+    test.skip(isDendrite, "Dendrite lacks support for MSC3967 so requires additional auth here");
+    test.beforeEach(async ({ page, homeserver, credentials }) => {
+        await logIntoElement(page, credentials);
+    });
+
+    test("Ask to set up recovery on logout if not setup", async ({ page, app }) => {
+        await createRoom(page, "E2e room", true);
+
+        // send a message (will be the first one so will create a new megolm session)
+        await sendMessageInCurrentRoom(page, "Hello secret world");
+
+        const locator = await app.settings.openUserMenu();
+
+        await locator.getByRole("menuitem", { name: "All settings", exact: true }).click();
+        await page.getByRole("button", { name: "Remove this device", exact: true }).click();
+
+        const currentDialogLocator = page.locator(".mx_Dialog");
+
+        await expect(
+            currentDialogLocator.getByRole("heading", { name: "You're about to lose access to your encrypted chats" }),
+        ).toBeVisible();
+    });
+
+    test("If backup is set up show standard confirm", async ({ page, app }) => {
+        await enableKeyBackup(app);
+
+        await createRoom(page, "E2e room", true);
+
+        // send a message (will be the first one so will create a new megolm session)
+        await sendMessageInCurrentRoom(page, "Hello secret world");
+
+        const locator = await app.settings.openUserMenu();
+        await locator.getByRole("menuitem", { name: "All settings", exact: true }).click();
+        await page.getByRole("button", { name: "Remove this device", exact: true }).click();
+
+        const currentDialogLocator = page.locator(".mx_Dialog");
+
+        await expect(currentDialogLocator.getByText("Are you sure you want to Remove this device?")).toBeVisible();
+    });
+
+    test("Ask to set up recovery on logout even if not in encrypted room", async ({ page, app }) => {
+        await createRoom(page, "Clear room", false);
+
+        await sendMessageInCurrentRoom(page, "Hello public world!");
+
+        const locator = await app.settings.openUserMenu();
+        await locator.getByRole("menuitem", { name: "All settings", exact: true }).click();
+        await page.getByRole("button", { name: "Remove this device", exact: true }).click();
+
+        const currentDialogLocator = page.locator(".mx_Dialog");
+
+        await expect(
+            currentDialogLocator.getByRole("heading", { name: "You're about to lose access to your encrypted chats" }),
+        ).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/crypto/migration.spec.ts b/apps/web/playwright/e2e/crypto/migration.spec.ts
new file mode 100644
index 00000000000..59c68f73360
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/migration.spec.ts
@@ -0,0 +1,66 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023, 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 path from "node:path";
+import { readFile } from "node:fs/promises";
+import { fileURLToPath } from "node:url";
+
+import { expect, test } from "../../element-web-test";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+test.describe("migration", { tag: "@no-webkit" }, function () {
+    test.use({
+        displayName: "Alice",
+
+        // Replace the `user` fixture with one which populates the indexeddb data before starting the app.
+        user: async ({ context, pageWithCredentials: page, credentials }, use) => {
+            await page.route(`/test_indexeddb_cryptostore_dump/*`, async (route, request) => {
+                const resourcePath = path.join(__dirname, new URL(request.url()).pathname);
+                const body = await readFile(resourcePath, { encoding: "utf-8" });
+                await route.fulfill({ body });
+            });
+            await page.goto("/test_indexeddb_cryptostore_dump/index.html");
+
+            await use(credentials);
+        },
+    });
+
+    test("Should support migration from legacy crypto", async ({ context, user, page }, workerInfo) => {
+        test.slow();
+
+        // We should see a migration progress bar
+        await page.getByText("Hang tight.").waitFor({ timeout: 60000 });
+
+        // When the progress bar first loads, it should have a high max (one per megolm session to import), and
+        // a relatively low value.
+        const progressBar = page.getByRole("progressbar");
+        const initialProgress = parseFloat((await progressBar.getAttribute("value"))!);
+        const initialMax = parseFloat((await progressBar.getAttribute("max"))!);
+        expect(initialMax).toBeGreaterThan(4000);
+        expect(initialProgress).toBeGreaterThanOrEqual(0);
+        expect(initialProgress).toBeLessThanOrEqual(500);
+
+        // Later, the progress should pass 50%
+        await expect
+            .poll(
+                async () => {
+                    const progressBar = page.getByRole("progressbar");
+                    return (
+                        (parseFloat((await progressBar.getAttribute("value"))!) * 100.0) /
+                        parseFloat((await progressBar.getAttribute("max"))!)
+                    );
+                },
+                { timeout: 60000 },
+            )
+            .toBeGreaterThan(50);
+
+        // Eventually, we should get a normal matrix chat
+        await page.waitForSelector(".mx_MatrixChat", { timeout: 120000 });
+    });
+});
diff --git a/apps/web/playwright/e2e/crypto/test_indexeddb_cryptostore_dump/README.md b/apps/web/playwright/e2e/crypto/test_indexeddb_cryptostore_dump/README.md
new file mode 100644
index 00000000000..e93e2201d5d
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/test_indexeddb_cryptostore_dump/README.md
@@ -0,0 +1,60 @@
+# Dump of libolm indexeddb cryptostore
+
+This directory contains, in `dump.json`, a dump of a real indexeddb store from a session using
+libolm crypto.
+
+The corresponding pickle key is `+1k2Ppd7HIisUY824v7JtV3/oEE4yX0TqtmNPyhaD7o`.
+
+This directory also contains, in `index.html` and `load.js`, a page which will populate indexeddb with the data
+(and the pickle key). This can be served via a Playwright [Route](https://playwright.dev/docs/api/class-route) so as to
+populate the indexeddb before the main application loads. Note that encrypting the pickle key requires the test User ID
+and Device ID, so they must be stored in `localstorage` before loading `index.html`.
+
+## Creation of the dump file
+
+The dump was created by pasting the following into the browser console:
+
+```javascript
+async function exportIndexedDb(name) {
+    const db = await new Promise((resolve, reject) => {
+        const dbReq = indexedDB.open(name);
+        dbReq.onerror = reject;
+        dbReq.onsuccess = () => resolve(dbReq.result);
+    });
+
+    const storeNames = db.objectStoreNames;
+    const exports = {};
+    for (const store of storeNames) {
+        exports[store] = [];
+        const txn = db.transaction(store, "readonly");
+        const objectStore = txn.objectStore(store);
+        await new Promise((resolve, reject) => {
+            const cursorReq = objectStore.openCursor();
+            cursorReq.onerror = reject;
+            cursorReq.onsuccess = (event) => {
+                const cursor = event.target.result;
+                if (cursor) {
+                    const entry = { value: cursor.value };
+                    if (!objectStore.keyPath) {
+                        entry.key = cursor.key;
+                    }
+                    exports[store].push(entry);
+                    cursor.continue();
+                } else {
+                    resolve();
+                }
+            };
+        });
+    }
+    return exports;
+}
+
+window.saveAs(
+    new Blob([JSON.stringify(await exportIndexedDb("matrix-js-sdk:crypto"), null, 2)], {
+        type: "application/json;charset=utf-8",
+    }),
+    "dump.json",
+);
+```
+
+The pickle key is extracted via `mxMatrixClientPeg.get().crypto.olmDevice.pickleKey`.
diff --git a/apps/web/playwright/e2e/crypto/test_indexeddb_cryptostore_dump/dump.json b/apps/web/playwright/e2e/crypto/test_indexeddb_cryptostore_dump/dump.json
new file mode 100644
index 00000000000..d50e80e93ef
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/test_indexeddb_cryptostore_dump/dump.json
@@ -0,0 +1,71732 @@
+{
+  "account": [
+    {
+      "value": "YzQqTsZZbgf9ih9oGIhkaJ86OqwI08XAEgWxmcXCY/m4A8xNeYXyL7AbXMr8OS28vjgu+fnL0lknwtZvgADLMikOzWykLqimk0VxvckV3hm29fWg4UrbnF7K9hoVIXznkGZfK79sZo9JyRvBGZLCng9ZV29zgGr2OSnANjQ6L87S00mytA2O2TBoy/1Dt3FEkySqE1VKzoQB7M+UJbdaJNiuNtZTSWqvFyTUx3WZMDqdrsXtBoEq3CBFTxfkTrSmLi45Xmvsu/G4YrlE4hjhxJA2KfbuY+60+scWgri2hmf4SHynZFB5/0yWaQCs9ZUZvq3CHtX/GpTSJoSHDWJXzc4Ds0vXgJXhsNDB2m1tm+gF8elWCi64BXYriRmNRgOX/Qbxeffvd6T7ogZZGXtL5zkDicUsGPOt1973Y9PkKMI1ch9sGChxtGqpMx8YnkMJJsI1Ix0z6ZYN1yc1BIkyNn1qSvU7PvzhWjbCSojAX18KXN9kO3cNnhNg0A4mUuDf09BsjmcUMXL5B6InfKLHPFchtF5s9cD1gEi4OqrYor6IFp2bgV+5HAI40go1KOMawy78GJj7TgConULYFuKQNMYRArbrhPo3RSk9djzicQI2J/CA6ztIGDDTU9kCxa23N+m+gDJABWn3UlDjV2lhM2+I8W6m3kXJTJDn7y9BMqhrit5s2TVoXxa+YhpUofCC0t9SC0TdpMoFPjqkQ3uvPdIuusvydbS/mMI801fQ+N0hcG5QSAPm0h6QiIWWP0q1PqAWHvQwXktkhHeiM3+DlITkRQ6pRxNDp5hHzTBIYkC86ll12vHRMx7jvRVDttL08K0byDIi/eamSkm1j/2I7s3irJjhnw+Z6X2IixJSoEzFT1mUjN2NL2Pha6oABpelUWu9ZkeSW+InMwzO7gloDGqcI4sm84Ye+XZqxzG5KRbo/hl6zEarlJ6d0qMGs9HzUhsaNcIy18glppe5JXObPFR437ruqte5wEWNYzxqk/DdgtYckWUlBCuct2dzw2p+l7xoO8Ah1Wn4cCY66l/7eglWnM/qtOHWChIZutH+GiYQjiAT9QswDwnZ/r/WFLFeVeLork558URMTStanNY2WhsEOh+2wY+s89p9iIsIhhrM/UmVF/BMBYZ5B5L/MceWxoF+I92b9A2n/pE9iBWQPk+iyb11PWSA4PTWE/htKcTxcWqL/KGgfOIm21OYqXTKPnuWlQcyeL2stqlFNdAs3RaezdHFb6kglQBCuUwTqOKVE5ysV1i9hjbstFffx33lyYb1OyrfDKTFjwoWaUB2uAqc7IKR/d9hyGwE0Rrq0E9vhy9KjWPfBsKsZMjJri+vIAEeDQmG1kf7Nfu7jDfhGDWwrBNwrB3IVRW9/bydOsME9T2a8/u40+o1vEcWMsKL3oqNQCnWFBGeevmdD+laC7wIqJPwXM9CGoVyk2skVyunkwGt2spyUT7CGGdkbDuVCEp3LEY0Ll+LwlaPQBcLthYulEcPGMhE1cGDwgz8nhJb+k36LJ1DsihijL8YEblEBhNKESmzIQv/kWE6577ZuLk8ynRkPpKc+iazvpYODOywsCiLpxKcDVc1zMTq/Uox/oRMAG0TXMaD4Na+lnXHA6ZPyvtU6kH0/ou/mGNiZu9rdsPd2WHNkikHz/bdzGCji+LkJgCuyS/wJJcT1T0EzreygRUsaZ7JaOMKAwP1KTgLJO+GsWTL1K4bFc8sxILVrKT9t7cFIh+ihg72zq6Gx12arJYp/H/A+BDsc5ZIlZkG5oal8+f+AyQ34vT+R1sAl2PE5qA1Tq/MbNkRPp1cY9phm7KIfdKmfg4i0WEsnK3vjic0VaGlrqE02Obzx+SVWjCa8Q47H8n5Zro3LjsPWliuXuDCEhvvDoDJMc5CouEjXqER5dpStf98V9q/+yj2t5qfuXfPS+0e8LARDSsLNge+cU/3I/tx5wnEO//SwlHti688rNp8/MIVvfKaVRLA+FXB0fJkydlK3gdEywNpUrOca7yR593auD3+o+GOsn6hXbgds0JDrFNcKukST5XpUCJI3A5Zj+NXv9cJR54u4sMSHiGVFyZkIXD0iTXluhnUQjTocRNgzuhOLi7YRF/1WMtnJlzn8vAMJmX2VS4+Mt6SAeDkLKMhAV0VyR1zx7U3iSIEuBz1UL+qcWfdwXJ5vvDINWrCMh0Tr7lPD/EDbEO7I3bgCL0zEWBXCq6VMP4Zb/l0MJBgqIqzzw/FyEUJNSLwpmj3k8DvPkXjO6O2b2TeRg8Tqqq7indhAViFBKFCuUjAxlpex3dtwlsQN6oyx+Pqa0GpLjgptlo2gI3Qy9cBg9JYZQH1oJ6J/OLX65Ni79cclBaLDrSfS3zdz2kXKrR+mWaMsFvR9Wh50p5k0it1UUEgA2XRLJGl1pdels7h/jfncAQHui8DPwZqCgee7DTj1g3l97x7mTg8GoTY+A+p/xlDpB4hcnQa2qpaW4DUgYlyIXw9DuHCGj4z5aRx4dZsDqIZPQAFKAWy1j5lS/ykibnTEpnOQypy1Idz6u2f0URRVwqlgjUHzWNoxAInf1J2mgbPtaIxfv6e9OLrJzfZYtCKkAJSclqbLNfG6G/07LeKkW7LkkXRjFw6b4yqrrZJlE8htTCWieHm+Jx3QhOQvNDYxD4bfBRKOot0MrovMvuMsk/yRnbkySsXWhdlIrifNPPq5z5wXXPjnVtUzySnoZiT9fl9Awxe3vhBkP1sgH1VH47Op7f02W12bK9Lhik0NmMNoIDHb0Q2kz6SuqENj8sw2t+UO23zbJn/gBNSy3gIfVgGW/1offiGUmkF07BCmzDUsLduJFOXVPJltv5ZNXC+1JD2z9OYF6z+Nf7V061zbQSs/t07uMyo3+dVmrCPQF+8M6PDy/h/uvVOsei8Go8CKJwXrfog2DxU0BSkQQHE0kSQ8+qocCuggeqnJ5AXVHpmC+Xj0cNXCxw+uHExISfzRNqkvfo3bcptv0ovYaPmLoiRCJY3mL5U8DRhlUl6SMgTv3DMlB3UwKCIx7HHePmEEOSPhw8tTfzaHOBGJ5L/C+kKD1DN38o2V+ZBZSK+O59A4u5GLMgamMtQt9e+x8HqeSJY4P/+Ot7AoTlWVepAhY4khHPHwpSxo5Mi8F4RRJfF7gxXlg4EWuk89tNQdN7F4CJTNEY7vm8W4zMDBYdcqEBte4ptCxd2xe9Ik+I1VhJiE0D7lZBza8cjb+4TDu/36dgozwXJ3bZmpp04Du/FAwsiqmQ2C7eFboo9xS/MZ2cdVlbioRfUaxu9BzZnZEA0G9J6JYj+nlabcXdGMHE6BG2E7pY7pmahF3GvR7vff2sRJWQmJk9KyDNzBh/XhdUGy255fwMa56ji9qyxhGONo9+A2unjxUcrgC2HsXuKrPUWQaPGt5swHnj8c7n75YepWnCX4e+Tza8+8Lu92ONRMog4I6Nb4gBDheLCz+OTSe/AyM9FqsKGW1Z1bOsEPaMAjF63GIrofHgObyzb883Gq+4n7lf8eXUEaF/C5rhRJwox9vBPoWQko7idd1hQJ+qC75xlUEK/IY9r6sRUSmgPcRtee9aO+BJK3sUeOLnPn5atTmACsDwrkFbxgwjrPAKwdHbp7GH9YiwKjx4ATV8NTQ3P7GHRWZyOx/4hedrSBUjNl0zYJ3DIiG8MB1/NGIz3mz0YRW9s7Zobh13meBULvPKZyyC4iRe5zSc5eL/mJnKumKUZir9K6wHGsh6hOout0ZBVMp4ACHTf07E2uv0pviq8Fg2bo3GWysdpFOWyPGK3QCD26EpHpX66IK+7PqDe83fu/YmKnktbgwtcxWtmSLiv+qrLVMruQKIAhC5nNup2ACBVfT7MLZDkTX4FE7WhkfzwMXm940MOkblW/BaNizWXncdiJipOg2v9eQG8/7k7wDg0w+H0EwdGpvADY2GB7knuJ6IZZQLAQpXZCEajJrWQoOMIGoUqbkng8J5wJUzhoutt8qWPpZvWbjqVpcCiCHf7l/dKcbP7vATvi0ZeaksDX7b7RpAgL95DihdaNoa2KC9gQksHSijMuH7S0VSFzirolfDEaXrDJK6Zxms/v4dFuYMVI+0BaqB20FYbo/fB9pN114HTALGJYE4/SoJInWiS1Hdp0v7RqtJNV9p7c8R2kPgrDqFYjtfIgC2Fvz9s/+jo6yZSPMigCLAOXTeJlwkp5GqS7H9i4TN+0WT9jsB+f0MXv3XbX6fYtGUrbEfYcmUJcPY4aTHcdw1rMskKPAOdR0zCH6lygTbyRmzZf7U0lcoKwF0bX8GtN6q2hTWuZwTGOYhINeP/IFSYpylDB0L2DNX75B3tv2FaDRGxZX36Tya789KNukRILqWRGNltv6nJmP4CFQVjN7TWQvluUE+YHVPZTl7y7CMM89GRBisAV6oq+i1w6I47yHLzfTBaJx6W5o07hudd9LypFPT9iOqkuOVbd3oUbfLQ9pRiDdUuIq8F4Mh56pqMxea1IRQJlmNNThGjEXQh3aECLUXy3uirEYyFLr1ZwUXUlsA0HZ1W6Y1CHRkUgYzGcN442QYmNgqZpAF9Q1EPPFClj5J+ie9rp3FMCyVP3CwT0CKAgb/ktKFFDOhqDKByb+mMQbvX6eDafJPkVWzuAZ2rEr8lUQwbtArRQB+b2tALNWW/wqjKk1HFnu59yfdmV2YfmyK+LKlbFlzWWuXpjCdolOeW2zi7Ig5w9vh/gYhlDoqe1UNotg/ewye6y+TtStnEqy+wKqALkxNxRSvOaM+ZYB10Uycdst0vm4LmalH3id9x/5MgzohiqcKK3HUAo+uzn0qN2hXkME4AyGyb5n+Dswn67vEm4//K03f2/uuNJJKiitPjnM5Y9vLfUTGQJtwf/HuyLZLwqjqXcnqn+vExdUJQf7tWTyXdOUYA3c9VupRXxr0Fzv51iiE1IBvwuPzXPoKhSxlsHM3gBGbppv+HBXPM+wm2B/IgL3wtAcm+qh9p62BkU99eCeXd1NZ3UYMjxqQu9kM+c44YUAes+GcACf73etN9DgDUtqmXVRKWg43vcPa+gZtH6mKR/dfIZS7b8whnB+vC1ubj2vXAFCyFH4VIbhf7+QqKvX6YyuLU7dQh3Va1eNFLkdPRznsGNbBC44IjFeIvA8XzofbmrIxY+Txu1TSQHTHY8oj7x2N3F4OulNJ4d8rx1Ve+z98uOTVCHrLFfTMrwg80XAiJx6UxTAVd63DJUFfAZ1+SAfyWfzKX67Ln3vNEPSTzTh3JvYxCJwf5FEWaU7E4xEDWGmLROBtVvvnmfz3OiC+VTEEPCcbIOGq/6627c9FouifKcvCKTQWrfO1Ex0KnqYwWCEb1LRXSs0JmHZrHkupuQ1k4tnkXgw0yKIkWQ6YfdFVw7H5O5lDPIAsbe2YWwzo4Wx65D5cM98ryGUOUqMsvxYbSNMvZEoIhO7Mm/o8zf1+m596uI0yVamLvq2UkdNsNLz0DCBU77UgPR/1SPquIwKwETw6urwKdHiQXXqW0Z7g8h+LKQQ4CjgWN5gSCC7PW1ycD3uvUrNkDvYopu1ozVza6SGYk3r5kyYnBPBDhcEKT4SYylysSz+m35bmTYzgJ7w/R8rb32JcqtjWNOn/GyDUpVySOmeO1OSvdoMb7ilbXqm7/gnKL/TH9ulSyBZeO7Dm3I+cSohO9mPlfAR8kqoXW2e3tyqQoBgA87b8KBSDy1tbcyWbeXjWBLzyTOxH312llFPTgXVUYX5XHbRQXwtLwNYwTwjqpGtAy5ty8SN/YzTzF/sb9ynuBXwJHfNgMMtDsNyaxlUAnGMe8BsyUjnV+LkCK3zzvCBALYKahAwJULZjqushImRtz/bkoWyJNvgiPgp5gOXbIaBsTK8xTblOZxG7ZxnxzkOljLt+Cl3d4qWs3+3ZcEgNyQcUK8Q2omkmRgT1GAw6qrfWOsbxlVthQZ+XTLv1zlcz/kb7Jcz55USiUJeRoA5s",
+      "key": "-"
+    },
+    {
+      "value": {
+        "master": {
+          "user_id": "@vdhtest200713:matrix.org",
+          "usage": [
+            "master"
+          ],
+          "keys": {
+            "ed25519:gh9fGr39eNZUdWynEMJ/q/WZq/Pk/foFxHXFBFm18ZI": "gh9fGr39eNZUdWynEMJ/q/WZq/Pk/foFxHXFBFm18ZI"
+          },
+          "signatures": {
+            "@vdhtest200713:matrix.org": {
+              "ed25519:MWOGVUTXZN": "stOu1aHbhsWB/Aj5M/HqBR83QzME+682C995Uc8JxSmmyrlWmgG8QrnoUDG2OFR1t6zNQ+QLEilU4WNEOV73DQ"
+            }
+          }
+        },
+        "self_signing": {
+          "user_id": "@vdhtest200713:matrix.org",
+          "usage": [
+            "self_signing"
+          ],
+          "keys": {
+            "ed25519:lDvg6vi3P80L9XFNpUSU+5Y87m3p6yHcC83jhSU4Q5k": "lDvg6vi3P80L9XFNpUSU+5Y87m3p6yHcC83jhSU4Q5k"
+          },
+          "signatures": {
+            "@vdhtest200713:matrix.org": {
+              "ed25519:gh9fGr39eNZUdWynEMJ/q/WZq/Pk/foFxHXFBFm18ZI": "HKTC7NoBhAkfJtmemmkn/HvCCgBQViWZ0uH7aGPRaWMDFgD8T7Q+y1j3FKZv4mhSopR85Fq3FRyXsG8OVvGeBA"
+            }
+          }
+        },
+        "user_signing": {
+          "user_id": "@vdhtest200713:matrix.org",
+          "usage": [
+            "user_signing"
+          ],
+          "keys": {
+            "ed25519:YShqO/3u5vQ0uucojraWrtoLrek0CYrurN/vH/YPMg8": "YShqO/3u5vQ0uucojraWrtoLrek0CYrurN/vH/YPMg8"
+          },
+          "signatures": {
+            "@vdhtest200713:matrix.org": {
+              "ed25519:gh9fGr39eNZUdWynEMJ/q/WZq/Pk/foFxHXFBFm18ZI": "u8VOi4IaeRJwDgy2ftK02NJQPdBijy8f/0+WnHGG72yfOvMthwWzEw8SrRSNG8glBNrfHinKwCyJJzAJwyepCQ"
+            }
+          }
+        }
+      },
+      "key": "crossSigningKeys"
+    },
+    {
+      "value": {
+        "iv": "Ix3XDdAq1O0APJEv2dqM+A==",
+        "ciphertext": "69xWWKeZOf10wjBmFqK8/QBOe0lQ4p/ZBSssg6HRZp6hkN0aIKCOG1CzJpo=",
+        "mac": "K1Vg43wCF/aHlHxgPEA24e76PTOdPVHdtX8VCIgsOOc="
+      },
+      "key": "ssss_cache:m.megolm_backup.v1"
+    },
+    {
+      "value": {
+        "iv": "EPH4n1t4vxhAyQNUswqhYQ==",
+        "ciphertext": "et5PuSlJmhS33/47zWfpillGIz9IsPtN6par0OQmeLDDdMN5pk4mI/2RlOo=",
+        "mac": "0mUh6v+BwSjXBc2tQW0EXK9sdG9B3aAHe/ejdrc0WmU="
+      },
+      "key": "ssss_cache:master"
+    },
+    {
+      "value": {
+        "iv": "+sllp+3ICStKK/stl2h0Zg==",
+        "ciphertext": "k4j6scjtWtAM7O40nWcR/XzBDMV79sKQ71V9Ekwk56cN3Rttyjq6k199QSE=",
+        "mac": "+f+odGQCsiA+0qVjuSPdsLgLiPzDy6aEO88VOhTSeMc="
+      },
+      "key": "ssss_cache:self_signing"
+    },
+    {
+      "value": {
+        "iv": "f33xnM/E04xmTXJW/CArFA==",
+        "ciphertext": "VOwHoadpnq6MfxH6QLSrcMTA87GWH8apULKWodhqU2EjrEPB4KHyBM0Urs0=",
+        "mac": "LGCzvJvF8ZfppvDVjzEfWL4Urfi0b4a4+PrdgJyJG4o="
+      },
+      "key": "ssss_cache:user_signing"
+    }
+  ],
+  "device_data": [
+    {
+      "value": {
+        "devices": {
+          "@vdhtest200713:matrix.org": {
+            "KMFSTJSMLB": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:KMFSTJSMLB": "LKv0bKbc0EC4h0jknbemv3QalEkeYvuNeUXVRgVVTTU",
+                "ed25519:KMFSTJSMLB": "qK70DEqIXq7T+UU3v/al47Ab4JkMEBLpNrTBMbS5rrw"
+              },
+              "verified": 1,
+              "known": true,
+              "unsigned": {
+                "device_display_name": "app.element.io: Firefox on Linux"
+              },
+              "signatures": {
+                "@vdhtest200713:matrix.org": {
+                  "ed25519:KMFSTJSMLB": "aE+PdxLAdwQ/xfJwLmqebvt/lrT97fZas2SQFFrM+dPmHxQtjyS8csm88BLfGRjJKK1B/vWev3AaKqQZwLTUAw",
+                  "ed25519:lDvg6vi3P80L9XFNpUSU+5Y87m3p6yHcC83jhSU4Q5k": "lCd4SA/JT1nnxsgN9yQaLJQhH5hkLMVVx6ba5JAjL1wpWVqyPxzMJHImX6vTztk6S8rybcdfYkea5W/Ii+4HCQ"
+                }
+              }
+            }
+          },
+          "@richvdh:sw1v.org": {
+            "EOZDSWJVGZ": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:EOZDSWJVGZ": "a1S+xfPfFBbrCteVaIDMtsIfU7bpzS7s/lLYFMIR3R4",
+                "ed25519:EOZDSWJVGZ": "ALUi8/AXqzob9EnRZQhY+o+dRIhyBTDsBvPcEAFocZY"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@richvdh:sw1v.org": {
+                  "ed25519:EOZDSWJVGZ": "g3qebgITI2DgrIIjhw3I0oqDVEKZfBIyrELVCTP6k7jEt+n/sTp5JDB1kGnXnBoTaDXiM+Wun1re1gQtcyXCDw",
+                  "ed25519:4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo": "VZnsWQNe7fGMs+VmcTR0H5j+EC4MhDoF3hTa+wRVDBP6jyYa2tEEVHv+TEGi1T9YF1KC2s7LNR8buBhTYRp4Ag"
+                }
+              }
+            },
+            "HKJDOCYFVC": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:HKJDOCYFVC": "63T7anu0SxzQJRFnvmHXuQuSW63plQdt00phE4lT5HM",
+                "ed25519:HKJDOCYFVC": "fWPPk81MUp3kofc5SR+yEg8c99XXt49pQH+iSefcbJ0"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@richvdh:sw1v.org": {
+                  "ed25519:HKJDOCYFVC": "e0ihV63QUZASHlhlQGdOpzmpl7J8YGpyzShbFaW/1QIDcFMB+BAB6lBfQG8y2wm/OTYTD5h1I86LBGOn5rlLCQ",
+                  "ed25519:4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo": "x8eaYJl5U9lOII0G6WRfcvuzxBN0Gfld5aBTjKdw0FYIqj8GXQxGwYtSwOvHf53qHMi9KTKsUPy5lpHRiK8zDA"
+                }
+              }
+            },
+            "HSTVHNERPD": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:HSTVHNERPD": "cEclEvdd10LF2nGoGk/cLca3JF/xOLAdOI9JwPnIymo",
+                "ed25519:HSTVHNERPD": "voqnZuAvbvspPMNsKBpsuir6X50ZLIe+n0mVIABaSIc"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@richvdh:sw1v.org": {
+                  "ed25519:HSTVHNERPD": "J0olfuCA5HU5mdhAuzGE82OfQPw6+8vVP0UusNcYYmxA0LfglbKTsUibeg2fkZ2GqteE67lvtas/jZLp84QeAA",
+                  "ed25519:4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo": "dcZD4ednHsFT5U2KY8Eqi87PoSWAlgYlfw4C2MKwyF/JVn/osxS0sVfJ/Ic515yyNptkJUwg8ncDpwC4bJBmCw"
+                }
+              }
+            },
+            "ZGCLWKIWBA": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:ZGCLWKIWBA": "OTxw0aeaAVJpVZEfQsP7e4W8Bm8NDbAHvqWaPSiLlGM",
+                "ed25519:ZGCLWKIWBA": "Q01BBDzr0n99CBtdTbXFs6f7oMQyY9TM6zGenzSu4ZA"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@richvdh:sw1v.org": {
+                  "ed25519:ZGCLWKIWBA": "XdGYAGCR23aL+MBCAbRCndtr3wzk0FybzAq3Lv0ij5lVC8FQ+uAjEpk2PK0eK07EPZkcF/al/wp5Gb3mJOjNBg",
+                  "ed25519:4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo": "sYggSZ7JCRafecX8zjik2CVmYSn6o2EyYER7+fos+kc5nKmVDsehas+b27Lp2POEB6Fm8u52R/nd+k8xMmNJCg"
+                }
+              }
+            },
+            "JAVDMNZYHJ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:JAVDMNZYHJ": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+                "ed25519:JAVDMNZYHJ": "Q1yd+4HfY1TlLlKztn7K4diswf4BlMuAgi0TkH9HtkA"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@richvdh:sw1v.org": {
+                  "ed25519:JAVDMNZYHJ": "9/eqxKLW6805L2AxynXpb1wAyoKUZB41Ta627YgT4E50wRKS/cJhGCpZlVbJDpzo3CBia77WDZe+nvkcBVOZDQ",
+                  "ed25519:4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo": "8jVzaScenLBCrx+vklOWqRDsVBMbOUDfBXgIQXmFK5ho4iUwSjN/BtqOFHi8TctYHXoC3tKMhbU8TEwzWDkOAA"
+                }
+              }
+            },
+            "JXLNGINONL": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:JXLNGINONL": "m4ulJfgaESE1XQOQ5qqQ2ks/qoGWh/3JK4Z06EsD9lg",
+                "ed25519:JXLNGINONL": "ASO5VBC6J73VQnuCEFTP4rQ15NPm3byM2j1WZWv6lE8"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@richvdh:sw1v.org": {
+                  "ed25519:JXLNGINONL": "1Ni2rxiCPIqdGcKWltvKXxBrONGBSAN3RQ9NEslmY0aGUYrda7yBi8QYlHYKlOnf3LO89dv3GMpYXuwaDkTsDg",
+                  "ed25519:4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo": "OzqDMQxGp3e/ZEOura/ZPM1Nm8fNokLkYSGgQ8VeL8Q6i3KeO2xETptA92r1nJifqJlF4d2f2RvFsklDn6xqAA"
+                }
+              }
+            },
+            "MEDYIJGLJH": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:MEDYIJGLJH": "kOqO+nKK696yoFusqIupLPLCcQismoui0Kwp2BeO2VE",
+                "ed25519:MEDYIJGLJH": "ipHrYNhYeOfPzKnhTWLG3QFlwe3JvQwZZQHfOPEwGHc"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@richvdh:sw1v.org": {
+                  "ed25519:MEDYIJGLJH": "3uJGFIIqUUmHMSWIhhT60kKbZDFpDevhU9WCqN0KcjIlexyf2uZ4cFFhpP0neaTA1EUIRGYF8s91q6X5NViVDw",
+                  "ed25519:4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo": "CNC9aEaHTyJTb99A3DYdH7W8ldNgNQ4bRYf6YxPJ6OqwROfl1RPW311U95KaR1Ev5Z1QGFzc2Nxg5eMu0zuGAQ"
+                }
+              }
+            },
+            "NNJKPTXZQE": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:NNJKPTXZQE": "esTA6k1rTbinwz26SkeepaP3ew2sVr0YlvUALNdB4RI",
+                "ed25519:NNJKPTXZQE": "SbsHgQBWBZjJH8BP9QDU91yfhkQlsubxFt/FCctgrEI"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@richvdh:sw1v.org": {
+                  "ed25519:NNJKPTXZQE": "UqMAJOnJN8kLKZ52Ic2OfHuN6cb87L+hJcppKNFL7j5kWAr9m4QRDVZran3hSnmUeRZEN6jGVwMKBdechK82Cw",
+                  "ed25519:4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo": "ncJIvsvE6vNVtSEzp/1wdZpPo13uGeYQ+iv0ty9hEuQ73hLQCKBtBxJcag63RHH0lXFlT3UAglVy3KWk17omBQ"
+                }
+              }
+            },
+            "SBXXDQMSKE": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:SBXXDQMSKE": "2GFw3YEwtKsm+5YNyqJpNnlScmgj1B2LYfLlTLhua3s",
+                "ed25519:SBXXDQMSKE": "KhjSd9W2zyMXigq3rItkudQBzJoUvBvwwYFZJFX+4YY"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@richvdh:sw1v.org": {
+                  "ed25519:SBXXDQMSKE": "H46XIQjL8o8t/OPumZkKYv+QBq4QaNa9J8odEXVZU/DiZfFo/eK7m2AYversySI2NYz0zIcFg/DbZl+I9qA5Cw",
+                  "ed25519:4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo": "Ru49Yrw3WKxmrcZ3RbgNIaq2zmc6R+5nRFFRtp7XDlbA96elpjjh7U8gWXYH4mZTDb/UlskaZkWluZcmkZB/Dw"
+                }
+              }
+            },
+            "SRWBXKXIBH": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:SRWBXKXIBH": "SMi31Hip6j9FNLPdwvUWdfUYV271wkiOXhPJJdTu1Cc",
+                "ed25519:SRWBXKXIBH": "ZI6E3CHgJ4aKrVURICaF3TsEQeavbTXxRHnd+wsAGfY"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@richvdh:sw1v.org": {
+                  "ed25519:SRWBXKXIBH": "ux0NsvHtUehQPHq6wFikXXVPTlppIQwhzQNWFe6U4+fwuEXEgR//R79Ph5fVT+ZuT0OpQy5NwPdFTxxfWfQPBg",
+                  "ed25519:4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo": "O775OO/Uh813BmrYUOeOvjEE6IvjGDI2DuALzmTVobXzmzNHeaaEIRP0ZYb8B+50T1mb5vGLvuXyoTt+JcRNDg"
+                }
+              }
+            },
+            "UHORXRUAQH": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:UHORXRUAQH": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+                "ed25519:UHORXRUAQH": "LOMYgmYOogOuQotXIxRqRKhUqaeXg2+aRUFG5SHjVb0"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@richvdh:sw1v.org": {
+                  "ed25519:UHORXRUAQH": "/mMxIifj4lAC376SP+xja2kdmm6tKnIn8eANqV2PGkYFNbJWtcSS8sqRN+BZZALmy38y79AqtIlBM/lWHqIiDA",
+                  "ed25519:4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo": "r9WWevjG18SY/A6SGbqyFR/bZ7PCw9AvIzMw0Ns/BpdBLUcFmm16higRS2EeURUHlNdMqTH9org/JnZ2cY/zBg"
+                }
+              }
+            },
+            "ZOIGEATOIP": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:ZOIGEATOIP": "xw5fcGw+fsi0KmCNa43551+z0a2+1w6L9tbVwOkWui8",
+                "ed25519:ZOIGEATOIP": "01QCfmIo7tw4N2EFguQ/1y0UlPAXrBeKsYI0+N2nLWc"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@richvdh:sw1v.org": {
+                  "ed25519:ZOIGEATOIP": "fMYS8b05UGXa+dByy97PzJ2ML35AQjPkHMqzFDwbTIt/kRY8mvnlSfhuOLpNHGmW+9wJUyTiBy2sO1T0exBwAw",
+                  "ed25519:4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo": "kf1WY42PfkjLuf5PBrTvImkU1ZoG9X7OX3joKqu5nlKfDbyWxHWS353vhbzeH7H7rhm+kUzm3IYqftx4rTruBA"
+                }
+              }
+            }
+          },
+          "@kurt:roeckx.be": {
+            "HBTICASNWZ": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:HBTICASNWZ": "SKC+PqwhwJ/B73L5FzPw88VYBgBK3dFlEE7YDYvwyVE",
+                "ed25519:HBTICASNWZ": "6Q3ORIk5Q6t7caIXb055SsTtInRcV1IzWiOs1DPcMfk"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@kurt:roeckx.be": {
+                  "ed25519:HBTICASNWZ": "Z3k2dFBPrbgY7ADkxHUr6z5MkMAEgBPJexLwL6oDNK7kbZ3B4DxEr4OChVkbtV1PVTMqjAaPAXiu9vf920SECg",
+                  "ed25519:i/sBKRn1S+rBP3B4sLoNwgyjVxAGp8aP3kSVoixecZ4": "cVGK6oZ2OKDfn0hJ2Eo77lKOv9Um6OOuLfYZ68iLN+agDzvk8zHbmV51lTB6JOzfwVapRke8sk603aM7TW/JCQ"
+                }
+              }
+            },
+            "JLMHRLSSDZ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:JLMHRLSSDZ": "31cIbE9brvZuCKXcCItx55JU+Fva+Bq0ezSIrCFkGgQ",
+                "ed25519:JLMHRLSSDZ": "Ctmg3Gdrew+Az3RqmZ8t+IQoJ+eBIZI3QT30MeRUM2E"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@kurt:roeckx.be": {
+                  "ed25519:JLMHRLSSDZ": "wN8f2z1etfqrc837+B+aTGcEbQgxJiaHWSOO3pDO24aYQWFEE4k/1prJbaV2kUvNFXsi8FZY3GkxYS1Hw1AvDg",
+                  "ed25519:i/sBKRn1S+rBP3B4sLoNwgyjVxAGp8aP3kSVoixecZ4": "z0PJpHDdKvrp94UtJYtyxgXe8rdYI0Hc0m+gjfTA29/zaVAVQCvY2Za4g8OSJeuDDB5INxdkBe572OPiOetyBA"
+                }
+              }
+            },
+            "LUBZRYLJHP": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:LUBZRYLJHP": "yUwl8YCTPL7kEb58FQRAVf19I2wAVt2o2Ftg/VOG2m4",
+                "ed25519:LUBZRYLJHP": "ESSIjAwQ56hakZSsE6m/NZaQMZaWCvyzaIGP6koAz2c"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@kurt:roeckx.be": {
+                  "ed25519:LUBZRYLJHP": "ApTLHserwZdXE1neGipMP13RRPJKf8rpLyqWxePAbbnRPFdO5n8r7J/lIxttctdxAkD5V7c04Y3yecJniW/YAw",
+                  "ed25519:i/sBKRn1S+rBP3B4sLoNwgyjVxAGp8aP3kSVoixecZ4": "eQthoQ6XzPY6ZxTswuCJArutssWllfUoZsEy8c0UE1wz7WBBUtG7wzcHAw33kNaZnT1DHS0rIMKtE4MU5/cHBg"
+                }
+              }
+            },
+            "NFHJBQMYZZ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:NFHJBQMYZZ": "aiBpIJ72fpeX+WSGcvCnw1HEy9TIzCKzBg0NO3EDrTI",
+                "ed25519:NFHJBQMYZZ": "YbHpC5YeG6eiBY1p1W9DHfKZgC3U7jxKqnsbSgkvukk"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@kurt:roeckx.be": {
+                  "ed25519:NFHJBQMYZZ": "JjcSm7jgC8MLGZbtTrPh6SnaKf+zyUJSFwqeeVMq+jtw4jTgQ/UOwG4sSX4c20DBT0i4QunlrYsujK09eOrKBA",
+                  "ed25519:i/sBKRn1S+rBP3B4sLoNwgyjVxAGp8aP3kSVoixecZ4": "UBETq8ou+hZx+Ua2YosP4jR0M4RKTlh2HeBvNcaPooiKtDjrwdvC1f6AIUiCrOqZuJVG841yCIGmUpMJ7gYDDA"
+                }
+              }
+            },
+            "PIYMYYVJDV": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:PIYMYYVJDV": "u8CrYar8BK7Emb6EepKjzNDkBd9hfzRuHZYFx3/j6Q0",
+                "ed25519:PIYMYYVJDV": "qGVxOT77mWwNVaAaigqCJcsm8OmGQn6yjgF9MtpZPIE"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@kurt:roeckx.be": {
+                  "ed25519:PIYMYYVJDV": "rzxBVmEC72ifRWrHk2mfA6IwxZgRAZZ2fFhItwlpbC8sy7Pbqpf7N7WZt2i1Ajo2VvgjBclHzwO1UHNf55scAg",
+                  "ed25519:i/sBKRn1S+rBP3B4sLoNwgyjVxAGp8aP3kSVoixecZ4": "e3TItoMON048PFPWfhxKiKH/uNq66gPEtt45FVL1RcQJiXrJzHRtF4p+nXDYw60ixyVWIDzFiY6jPsnjq5QqBg"
+                }
+              }
+            },
+            "UJLGHZHMQF": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:UJLGHZHMQF": "Q7HO59/5Dybtc4UnRDXPTuwmNq4RG4V3zQzgMja8OEA",
+                "ed25519:UJLGHZHMQF": "qRFmsnrnW+JeeN/HaTbSJiZQJeo/p4KzCjy192g0eVs"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@kurt:roeckx.be": {
+                  "ed25519:UJLGHZHMQF": "XVBte90QuLcuzlVqLtDOol6i7vxoeipikjAMsO1BIG8M83MIlwzT4vD3kCFgfAfe7BQYfEWTm4EX1lgZx6l3Cw",
+                  "ed25519:i/sBKRn1S+rBP3B4sLoNwgyjVxAGp8aP3kSVoixecZ4": "nedV+9gxGRnAcgvNw6dILpjczAx2IVZ6LiDAEtgkg1Zp20sMrXrHTjTHuA7OsiNoCURQiH3v41X9R8VUHIY6DQ"
+                }
+              }
+            },
+            "YBCADHSHKU": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:YBCADHSHKU": "Hw+JwDi9Y3Th4XYEsZpMzjZC/RphOIahFUfovkZwoxI",
+                "ed25519:YBCADHSHKU": "kMPjHs2rsAPUEP2lBHeIY18rZfiV5+2q4mN2D/bFHFY"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@kurt:roeckx.be": {
+                  "ed25519:YBCADHSHKU": "Ys0y3q4r2bc9VlOzhFEitFx0KgvmgDBZK7oBk3zez9u3xZLHS5lqu04Clt/wHYexjZRYV6whSXiz83oDIg4wCA",
+                  "ed25519:i/sBKRn1S+rBP3B4sLoNwgyjVxAGp8aP3kSVoixecZ4": "Ls3V/azCz5XIkQR9Aip7MUWrrx4qS3WwrTQUJKOfSjnboVgTc/wQ0veYdyDZHYloIkPxLQ2tXNCjeXmHyrA2Cw"
+                }
+              }
+            }
+          },
+          "@grin:grin.hu": {
+            "FQVUFXKDDS": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:FQVUFXKDDS": "i/6zN+24Z8NE9l6Dt+3i/if5b3qLkxHR7df+VBfqcjk",
+                "ed25519:FQVUFXKDDS": "csd+adMV6C8HMhI8CW521s0pGnVgzE4fxRbiyVN/JDg"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@grin:grin.hu": {
+                  "ed25519:FQVUFXKDDS": "PpUXupVbs17muD67veqOJyOadOq8vfvmKPPGFzlzJF62U/RfwjqXZwWVhW+a6v2OuJgScnXcuyXdewdFph8QDg",
+                  "ed25519:WwLn3d4iKdE0gCD+XzXdPWpyhgvA2muzpVjIcvGs0gY": "AHK3iLgkYY5ZCPY6o+5fC38Defoz944cCrGj+Lp0X7GifMKrtAL0NYIBuIMNN9NfDM/gcAxtbo9GAJmVVrgtCg"
+                }
+              }
+            },
+            "GLQTEMWDOS": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:GLQTEMWDOS": "hTNj4wZVPbfGW/IiK/uZEm19LcbdTDADDkK1THCHAAc",
+                "ed25519:GLQTEMWDOS": "M7JTE5JfX2n/ec4Es8eA0gTTyv9yZzfW8zBYA2djmLc"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@grin:grin.hu": {
+                  "ed25519:GLQTEMWDOS": "yYEb1eIPs1EWFZb/g0HeneXM/hYNHFqXeBk7ti4L/Pe8B7mDc4Q53wxbjOFkluw3QHbY5OFayabR9t0p03dEAA",
+                  "ed25519:WwLn3d4iKdE0gCD+XzXdPWpyhgvA2muzpVjIcvGs0gY": "8Q4v++FwfguYHSMkg1NsNpBTyJY6FH4zmN9z+e+z/UfQBhVa5veovZtGOepNwHraKBKDDtv26Ot7VBXwv7TeCA"
+                }
+              }
+            },
+            "MGRMVIODGX": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:MGRMVIODGX": "bNSDqNZpKz/8PJ1mIJ0vycmcdv06HcS+nVVkE+JbZQY",
+                "ed25519:MGRMVIODGX": "IgwRH4lkJDuitcPotjr5bzJHTPU7ArvHv64Clvk1RUg"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@grin:grin.hu": {
+                  "ed25519:MGRMVIODGX": "ZQYcAjZ4KffqmpjVtlwFrkIKL0BbNIl5BcwjusNjSWxsOOUwq7Qfowsry3MVhW2TvHj8oXgyxdmlXomecbm8CA",
+                  "ed25519:WwLn3d4iKdE0gCD+XzXdPWpyhgvA2muzpVjIcvGs0gY": "1T2xMWOz6qVkdYAo3eRnJRww9Gotq4wZxMcX7yPS2h2egvIV1ZtZiFEGp53lm7VPTgmcSTMVZFdxwDh6QgbCCA"
+                }
+              }
+            },
+            "VAHPFTQLFI": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:VAHPFTQLFI": "XdMAC6x1bTWAoonh/rxlE5hxtNGQA9nffqBjc6CA6xo",
+                "ed25519:VAHPFTQLFI": "g2mVdgA2oF+6aiVGfARJVfRz9k0MBk7NEljM4Y5GSQk"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@grin:grin.hu": {
+                  "ed25519:VAHPFTQLFI": "RaBdv9YjwTsF0p4+8NKU7bYFXpjo6UrsNWZfunifL9BX72Z8qbth19CNeBmG+yPyvNnULJreR2wyiBHn8aYCBA",
+                  "ed25519:WwLn3d4iKdE0gCD+XzXdPWpyhgvA2muzpVjIcvGs0gY": "h8FL6V5jn/7OjKK56oh6dqjSgQ/z1OVqbDHV0+MuIoNPGe3XdJt9iKiuOvsMLmmDF3/o2oT/NolTkJp292bBAg"
+                }
+              }
+            },
+            "WJITQMODKQ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:WJITQMODKQ": "O9cLpLqDVe2kdgEY13aPcpEq98bfP7yrTK8scdE/+VM",
+                "ed25519:WJITQMODKQ": "0GijFTGrgCJRczVyuj+rHZVr2YT34ujg/ES3CThVzJU"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@grin:grin.hu": {
+                  "ed25519:WJITQMODKQ": "IyofXUPxsEG3WL0J0sLUNj2kEW3YlnCx2ttiESWeyf1dWWIO99WM2NrYvyB/kZDX9bYgU4r5XXaYpH7D7E5LBg",
+                  "ed25519:WwLn3d4iKdE0gCD+XzXdPWpyhgvA2muzpVjIcvGs0gY": "+hD99HY4t+fZWM52ftFi/HtRDdoUuZ78QY93Y8z/oNYrD3uFWWlqWNrx1ahBwJL9ByxDgaa9DDO5D6zzhIA6DA"
+                }
+              }
+            },
+            "ZTGTHRMTKE": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:ZTGTHRMTKE": "Dtw6xVfnsttwQNuuQqg0Rd9h2zHaChwTCXdKDJlT7DU",
+                "ed25519:ZTGTHRMTKE": "16HfSvPaoO90mggKF1nE7EaxQgNHKoRMv/Rphkgcm+8"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@grin:grin.hu": {
+                  "ed25519:ZTGTHRMTKE": "3QL/NJnyJw5346DYUdym5i3TNO2kczmd7V/bb1EP5vrTVaB1inzVsASPp8f3gF2jARewbksi+YDgKUwU71VuBg",
+                  "ed25519:WwLn3d4iKdE0gCD+XzXdPWpyhgvA2muzpVjIcvGs0gY": "F9+UXRrw4OfkSEX+dk52kCC2timBjXPYsCL4M486cEPxcR8P6sighWairT/OIZS87qDezkJqWLKbrXE8T88dAg"
+                }
+              }
+            },
+            "ZXKIUGCHXT": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:ZXKIUGCHXT": "HFE/YY8dUWPlXO8oqcpmDpE/MZqOjgt1juLqLwIjCV8",
+                "ed25519:ZXKIUGCHXT": "EPHcm4PzAZZTPeLfP8HtGm75QMDG7ZSJCk30nPJJmWs"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@grin:grin.hu": {
+                  "ed25519:ZXKIUGCHXT": "oOE7kD7mXbBhaWHSG+FoHndRB/38W9ewqRxrsw6msM+AD22E3AmJa+T5jdJ6sVGQZecUTe4UPpdnCmrGCZf0Ag",
+                  "ed25519:WwLn3d4iKdE0gCD+XzXdPWpyhgvA2muzpVjIcvGs0gY": "/xagEwoZfJZw0tU0lC7Vxv9nPnS8mTNIft7ND9n8hLioODuvuhyDN01KUNzbMITw9mJZFdIkq26PjDpz+8bFDw"
+                }
+              }
+            }
+          },
+          "@vdhtest220101:matrix.org": {
+            "DJMGUYPXBK": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:DJMGUYPXBK": "ECgp0f5GsDLuIxasAAUmi26pdVISMMGLdUcEXF14LzQ",
+                "ed25519:DJMGUYPXBK": "9Gi19lQ07x5a8sQZgWtcuKzcSbB//wP/4As121dhPYw"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "localhost:8080: Firefox on Linux"
+              },
+              "signatures": {
+                "@vdhtest220101:matrix.org": {
+                  "ed25519:DJMGUYPXBK": "bp5Xu6TqJ+c4Fb6aNMABVgEwnmynQ62YSNklI1QFm10GnJdJsH0TDx1pwMYiMfm143UnnjSprmPAzS1iEkxiAg"
+                }
+              }
+            },
+            "NNIAEHUCUQ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:NNIAEHUCUQ": "RhqbMrR2qmjyDPGh42dsZCenEHZXQdGjeHZXO8kHc1E",
+                "ed25519:NNIAEHUCUQ": "Oh2/2fIdVloUUV3gYMP1RdXziWuqXuvK+5ZaoeCb2pQ"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "pr11752--matrix-react-sdk.netlify.app: Firefox on Linux"
+              },
+              "signatures": {
+                "@vdhtest220101:matrix.org": {
+                  "ed25519:NNIAEHUCUQ": "Qspk8xMW/INlNdF3ldTeYtAdWwimT20fZJ+NXLjTzciMOzNCv8MBbGS+QEaGTs1QBLjgHM5r3iXlNxTW1VvCAg"
+                }
+              }
+            },
+            "WDQVYFDXXH": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:WDQVYFDXXH": "rcKrhE/eYja+xeDVyFeZNCHIUZKZxAHx7nDbGGnhGCM",
+                "ed25519:WDQVYFDXXH": "jJ/E1YpTdFlM/Eg4LtjSeHxQL73o5klPyMZfVPK744Y"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Android"
+              },
+              "signatures": {
+                "@vdhtest220101:matrix.org": {
+                  "ed25519:WDQVYFDXXH": "gT9C7oExi5lHHNFzvN3qx9huaP1ZIUGsUY8a0sJmnZUmQYA42YGECJUhyC7zdgtYeXfz7up0+k6SM1p7VSXlDw",
+                  "ed25519:9h9S5ytahsFQpB+HrRcXSgbKx2qVXUpcDSezvGGDSCY": "8mV2wAxGvTs9XOoOJmclialDnje6ksM0mBuzvEOBuJVQm3KxXGqgWhEWr/RIhbHhX16DCPrf+vSyvsd695dGCw",
+                  "ed25519:FQXyq0tkvx7MHMwaUPSCdNfxFHRo+Nkv6zII+nw0UMY": "OMGUG1uA6CQp5hNX0LjOmlfxMVPtoM8uZvfa+nyoLH0UchxfGWwnLbyJBc8Ns7ANR3PoCh/DqYwTW27Nxi4gBQ"
+                }
+              }
+            },
+            "WGLUNWZYJA": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:WGLUNWZYJA": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+                "ed25519:WGLUNWZYJA": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "develop.element.io: Firefox on Linux"
+              },
+              "signatures": {
+                "@vdhtest220101:matrix.org": {
+                  "ed25519:WGLUNWZYJA": "B+NL84FaUixtK2sRgtdsjNaExMkgJhDwqtZ/3kPg1w14F1upNAhI7zCFFQjYAVE6Bco2CZjsdOrMWp9gjxHjAA",
+                  "ed25519:9h9S5ytahsFQpB+HrRcXSgbKx2qVXUpcDSezvGGDSCY": "65gx/I0XqNgtQci++wfQRxbi6RQ+IXv1EZ1v831M2NgOfH9uBaL6qdMUfcC5i/M26FrChM2FPppJM94DNYelDg"
+                }
+              }
+            }
+          },
+          "@bkil:grin.hu": {
+            "JAFFMRMJLK": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:JAFFMRMJLK": "+lMQ7vIiM+Exav1NLfhBuuSIjcI2UBgL1FtEY69FPHw",
+                "ed25519:JAFFMRMJLK": "60YYjbRcIyRTvhEBmcT3i8siOhWoM/KVn1ZXqY2GdqA"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@bkil:grin.hu": {
+                  "ed25519:JAFFMRMJLK": "UoDSd30s/8TTPjIFxZRC0HDRDsKjfJBXKnDashEezd8PB1hRoYAkEWiz/U7eCJKnfRtajoOBZxm1d4Hg6dQTAg",
+                  "ed25519:7rHXNHtnx2nZN4Ht66GlpoHlcHCor4/uunfcp9zh+k8": "jY7M/LQ9hp5uY8BGySXOx6CwFE+2Ub/zkRCt39c2inC6JBYXvewSJigZc2NsAtSGWM1aXnZ/GFdSLf7S+u1/Dw"
+                }
+              }
+            },
+            "MQJYCGHWBU": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:MQJYCGHWBU": "61NYXyvpaIegPDzGtBz1U+O6j+ui4xLLBpQuCYyzijQ",
+                "ed25519:MQJYCGHWBU": "oojLgiBSmG+Fu2tkSjNOFfq8NpFE7I96p3A9so8BzJI"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@bkil:grin.hu": {
+                  "ed25519:MQJYCGHWBU": "TIawlflDiFLrSyuhxQSuN/QZNNU4VbLZhg6oIgPLCOfe1xTtuY45l5lw40U5+MUPhGu6cgjm3Nm9qYgbaHiZAQ"
+                }
+              }
+            },
+            "YHXSLMOJGE": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:YHXSLMOJGE": "EjaGBFBdpBEc9Z5Lv03BUjeGJc0mm82JOnWuH/Vy6CQ",
+                "ed25519:YHXSLMOJGE": "0m6/2GjxZTZzTOxmwnfnpVnuHacUDKD5SdfebBu8S4k"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@bkil:grin.hu": {
+                  "ed25519:YHXSLMOJGE": "xxNxrctdu0e8BhimxaEoSfDVboEXDIYtUQFzPoNxnfHx/xh3K1qK8vXOQZy1WUcvyAWNxOFfzGY3pmZgOT5EAQ"
+                }
+              }
+            }
+          },
+          "@bkil:matrix.org": {
+            "CKFZOJCFXL": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:CKFZOJCFXL": "PVKmrZhh8EE2Hw1k5OqoVKb48QBBPKWCl76toPdStnI",
+                "ed25519:CKFZOJCFXL": "qbez61YpS0GC1yEsaiwcylAMECsR0d09oi7rkCIYprc"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "app.element.io: Chrome on Linux"
+              },
+              "signatures": {
+                "@bkil:matrix.org": {
+                  "ed25519:CKFZOJCFXL": "2OlmkvSj8/iHWbHSFIqxDx+sALY/c5Sz48JeBHBIooRY2PEt3ivvVxy9vwEmKuYvmenWbKOd9S5y4gg+1SRJDQ",
+                  "ed25519:4KSe44PGKzgM0B4tNU37PRMPk/5vWm/wCjZzBFFu/KY": "ck7o5EDp2Cky6U1E+R2tn6W8wX/H8UMKTH3vvAS66gf4MXQXT/AGAD9nkg8+xSzG8ekIo+AWuD1U9TqOKNl2BA"
+                }
+              }
+            },
+            "ZVQXYQXRGX": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:ZVQXYQXRGX": "Pog36kjaHKsGaXJP4IRSCOGco1WHId4xBLKUqzVMVi8",
+                "ed25519:ZVQXYQXRGX": "R4FeYr1jNYn2w64HDnZ6a3FoaHy2Cgl69yi12Xhxi/M"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Hydrogen"
+              },
+              "signatures": {
+                "@bkil:matrix.org": {
+                  "ed25519:ZVQXYQXRGX": "iurxXpyYI7lNdo4pqBOJgSHvOj3xozCuCU/6VDo4pa0899y1ebFa43I1XEUSxpVdGds9o1R25soQFNYKjz2KCw"
+                }
+              }
+            },
+            "NKEBWJAMMJ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:NKEBWJAMMJ": "COhfP7j/5ewEf8ymxSgU5+3zOs1Y0vchnuskjEk5ehw",
+                "ed25519:NKEBWJAMMJ": "2TsXurAEzrR7yPk9e1Ms4Bga73RWVmPC0WYnxZQoFMw"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Dehydrated device"
+              },
+              "signatures": {
+                "@bkil:matrix.org": {
+                  "ed25519:NKEBWJAMMJ": "QnJ+/LALkJ+d+nd+YS++yN6jMBTi/k9qIZhxNhI239fgeZxKlX476i5FuEiaNVwiVX6utWPPeHjC+yJD6THYBQ"
+                }
+              }
+            }
+          },
+          "@benoit.marty:matrix.org": {
+            "FQEUHKYYFX": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:FQEUHKYYFX": "VFOPdJuRNIy2Oo6X00TDvSdAL0GQNSWMXCaqGPogxVA",
+                "ed25519:FQEUHKYYFX": "0GHkiqZh4XzNFa2E1fCSQ8xNuUfOJuW2kwc5wPM/A4g"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element X Android"
+              },
+              "signatures": {
+                "@benoit.marty:matrix.org": {
+                  "ed25519:FQEUHKYYFX": "ycjA4pD+LgmBXCc42BRo5+JWSpzTHyuE8lVpmp2E6XCmh1BUhzYbqfFBM47pfggnKRH4mYZC+LT42nd9wnznDw",
+                  "ed25519:C2k79dBejHY780Gbd4WE1L1lrxdpG6+T4ZWToeetWIE": "QCloiZ/bioxQzf0NGxx05GhzTutkUWvFZepYtifJiH6Y1Mi8xAPr0s/JCKXNpQJ39myvyMenlb4ONXl4h6b7Bw"
+                }
+              }
+            },
+            "ALWMCXSCUP": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:ALWMCXSCUP": "q7byH74PUhDnNSiEIvka+5dbZ3vdowYCex9TbSyiASs",
+                "ed25519:ALWMCXSCUP": "kdpo116SEUlCGTk3sB4wJ70RVqtC7q7DsagU4HBU5g0"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Android"
+              },
+              "signatures": {
+                "@benoit.marty:matrix.org": {
+                  "ed25519:ALWMCXSCUP": "qW0ZvPr4mpcKPy3pwrMEaxt44nT+Afz9vf/+TyPfGJXp33azwKCKh06Bm6ZcEIGVMUjJp/lAsjoJjZQpk+G+DQ",
+                  "ed25519:C2k79dBejHY780Gbd4WE1L1lrxdpG6+T4ZWToeetWIE": "sdPiGvepaDkwgbFcwZfnXUSesco5eKWM8IKGk2yiwmU8InC2Vk39gkGOrSa6ROlOcgcczl0g412RT/04+PJCDA"
+                }
+              }
+            },
+            "KEKRFBLWLR": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:KEKRFBLWLR": "eMBHGCpDlTlosCIb0g/BZf/WzXjIlQQO+NuWgjTOh3I",
+                "ed25519:KEKRFBLWLR": "Pgyz8RHB+PClySPXtgIFROZK/1+ZL3vp6QiftewWuFQ"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "develop.element.io M1"
+              },
+              "signatures": {
+                "@benoit.marty:matrix.org": {
+                  "ed25519:KEKRFBLWLR": "AB1Ekxpv4B8+A3O153qUMAK+bTxSWAE89fBLztptS2K7n/Uv0Uox4iEbSwsvcSrG3sBTrEThB7RYUl0rTy/2Cw",
+                  "ed25519:C2k79dBejHY780Gbd4WE1L1lrxdpG6+T4ZWToeetWIE": "avz3Qys3GyiP8KUY6mz7yeHQ2ku/iQJlCOrOTLJdaTzktITaro50cSmqm3FyErO0UokKrdDOvALli1Pp/JJSDg"
+                }
+              }
+            },
+            "YJWPEFEPUK": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:YJWPEFEPUK": "YMLzH002QTAUvHZ8VTr4oZfpOkaZaIY1Sj5Z+BHAxHQ",
+                "ed25519:YJWPEFEPUK": "oEfhGrAKNAD9lqr6sjdRNLE4Va7aC4MJR6wzUsqMotU"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element X Android"
+              },
+              "signatures": {
+                "@benoit.marty:matrix.org": {
+                  "ed25519:YJWPEFEPUK": "yyxDOXvgWFmvuTmCoQM4bTfCYSiDK5hiEIXH4IyHs6N6YPyE7eRog903w34ARfR9XtWvUqXoLhorEZ8a+86kAQ",
+                  "ed25519:C2k79dBejHY780Gbd4WE1L1lrxdpG6+T4ZWToeetWIE": "FfviD24NOE3AST6pkdIAyNHEHwtC2SoPvTiQoSBn4f6qj2DUfkmsXizAvR8ZVHwv5/Z2iVI9scQocFZaL0yyCg"
+                }
+              }
+            }
+          },
+          "@hubert:uhoreg.ca": {
+            "EJNFAJXXAM": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:EJNFAJXXAM": "lmQleELp0WeEe4O0/miXwC8Gl6kFeqC+MZeSrzEMABQ",
+                "ed25519:EJNFAJXXAM": "zhTy7UXE2qJcScBy86CAJ0sltzhJ0dIoJ0IGDNvCMP4"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@hubert:uhoreg.ca": {
+                  "ed25519:EJNFAJXXAM": "/4qmJzt/C93riCrO0a0K4kF2fnSjOtpoPVyfsVWNhkkLh4czVFgDd8kOiBr5hco9+w1qwJ8Hq33DbTEyrYq/Aw",
+                  "ed25519:1OkIdgJoBlsybOL2WJEhE/ON1hS8OkDQE6WUHqLr31A": "aC4sRJe3FXZOAxzdLvWROOJW3f+B3h1muUoYpV4vKUgwkB6YBN83T73osGXf2XOwp0UpuMqyMnvwIM6bvsFxCA"
+                }
+              }
+            },
+            "EVOZJYSYVJ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:EVOZJYSYVJ": "WAkJI6B+oYDZmhCOdiQAH2xUOJZFesDuNskPRt+ZHnY",
+                "ed25519:EVOZJYSYVJ": "tA5l8PGDGXz2I63BKd5KikXpGttLc7jTkHFm2RjDMvg"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@hubert:uhoreg.ca": {
+                  "ed25519:EVOZJYSYVJ": "uvNkd/ZB5ewviUJF7nU++XCDs60EruBYBChVbies2PlCAzI03D59N+mPlJRhATMBuFUMIgkmUodiJyNmUPe8AQ",
+                  "ed25519:1OkIdgJoBlsybOL2WJEhE/ON1hS8OkDQE6WUHqLr31A": "aUWqaXIfcoDGrM8rbcLJri4L3a7l4TMI3yzxm6mFlXu7duZWefVrugptvXDiUHaNGxu0We3goPj5kgv16PGMBw"
+                }
+              }
+            },
+            "HCSVJWOCYC": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:HCSVJWOCYC": "k3UGaAV6/mkV/kCbFU3zNJtq3GpnHi0VezqW5UH1WTU",
+                "ed25519:HCSVJWOCYC": "5aTGH4yLMV6ykHfcFoqPqYNzTHbzzeHJzMN23gS0mOg"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@hubert:uhoreg.ca": {
+                  "ed25519:HCSVJWOCYC": "p5KhydhPJikB9OMOTchzvDpncdVTPEmWlEyNgXWFWRLA0jw0RE8VdVS41AIbFQrJxgl9LA9//MULT2BKmkbCAw",
+                  "ed25519:1OkIdgJoBlsybOL2WJEhE/ON1hS8OkDQE6WUHqLr31A": "xAdmbR4TemvJXsL9DNthWP7THRkG6RsmCT6Gx+j+D6J1f58VOpO2OO6n+WPWgruHfp1H/ZS8P2hP2Bske4mPAg"
+                }
+              }
+            },
+            "KQWTWCJCOX": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:KQWTWCJCOX": "EB9SC4jVAydKhM6/GcwMc9biKwVNywqW3TerNTrtb1M",
+                "ed25519:KQWTWCJCOX": "1NXa5GyJ+p2ruAClEque+TL1VktrBzMW4dZFNfNGrvc"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@hubert:uhoreg.ca": {
+                  "ed25519:KQWTWCJCOX": "r+8nw5EBQvjfDNt/XC/MmAookb3AwtcKqBxCg8OEmTOvm2jB847UuAfpmk0zKCfS22aGajfk5Mzvg2vQnbK6Bw",
+                  "ed25519:1OkIdgJoBlsybOL2WJEhE/ON1hS8OkDQE6WUHqLr31A": "kO7UTQaZjLygXJDc+uU3wKgAxwA0pwBc517eZC8JUiQgeY+rPwZHRuzLF+ECakfyVrztOrSv2PKIZvUMf5djBw"
+                }
+              }
+            },
+            "SNDUAPQZYS": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:SNDUAPQZYS": "kxIrDQg4rEN9OuoqKk+3xaq4HQ+3pwUy+qck48dF/08",
+                "ed25519:SNDUAPQZYS": "ox7tCJDstNWJ1t7T7gMcSTf1qAVRVoF+Bfd/xB7k9T4"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@hubert:uhoreg.ca": {
+                  "ed25519:SNDUAPQZYS": "+4uO6e4Hf9PTr1krnP9er9XGn+D1MmrgHT9Hr2IjHn8h32cIl9jEkhwm7sQlRtViC8CcndomWgIZfbE5L2fjAA",
+                  "ed25519:1OkIdgJoBlsybOL2WJEhE/ON1hS8OkDQE6WUHqLr31A": "T4vHqSogLOpNjA/3M6FCrIu7PXWn7jIjRSJqcipwijjwxsbViVuaMKigIp7dMHAPe2Ggpg5KKlYn36FPnH/vBg"
+                }
+              }
+            },
+            "UDNVLTIHWF": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:UDNVLTIHWF": "0SqHzEVQBVmp04MW3Mk6xXERCR9simqbtAd3CBC/2Xg",
+                "ed25519:UDNVLTIHWF": "5HRIBP3OcKMGePzFyeWv/YUVpvlxmY8YouVb5SgM+9g"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@hubert:uhoreg.ca": {
+                  "ed25519:UDNVLTIHWF": "qFDv1qaW7VnMNLBc2LZ03Z+XR97UaxzsDIXtDVYlbO47txxLkM+I4F0fZp0QL2HjHHqS/VA9SSl2ZlETWYi6DA",
+                  "ed25519:1OkIdgJoBlsybOL2WJEhE/ON1hS8OkDQE6WUHqLr31A": "rmMnU7o2UVdtEC/2xNK8DYs0VyOV2AwGJQfEOYbNPJeM4BMV9uagGUlR6LBmmJ221IJFsECnS81tdhEJyhWOBQ"
+                }
+              }
+            },
+            "ZHPDFCWGSS": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:ZHPDFCWGSS": "J3jQIxmbVFwHocJlPHQa+9EegouWDtl6MJRS2N3aQD0",
+                "ed25519:ZHPDFCWGSS": "Cl2xsAFKXLDEHnGFbIfxIRki3LtBTQC8xsvSxqs8pw8"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@hubert:uhoreg.ca": {
+                  "ed25519:ZHPDFCWGSS": "vMme2fPjCCVQc0mE1LbYHSW8SKRy6BCc25z/jKKbLSwx3rJYZELRqVhUtyivVmJDHXNDzB+gotK3wyYAig07Dg",
+                  "ed25519:1OkIdgJoBlsybOL2WJEhE/ON1hS8OkDQE6WUHqLr31A": "m/4ZrcxZO27r8zVuPsBZ66z6tJbN9JEDA+vEt0VxqbmbX4fjNOTNR0xpM+I8FjWYj85OWWL0O3CHy6WPOGwWBw"
+                }
+              }
+            }
+          },
+          "@eg:envs.net": {
+            "WAFVWHVFMS": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:WAFVWHVFMS": "RnTPosIPlQLfJ/LtCkt0hzgJPmJlgAGSwK5mUnaz3zI",
+                "ed25519:WAFVWHVFMS": "f7R8spUylHLlF+yLvm/KX0ATC5jb8X6hG7Q9GX+GyV4"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@eg:envs.net": {
+                  "ed25519:WAFVWHVFMS": "vjR4hfPdBqbm4XxOyWw+C/sYq3fPfA1B1NAyI3tIuYZVsS5ySz8isQ7h98tWZiSjfou1JUsWVotjo3M0ZCxIBQ",
+                  "ed25519:J2GzPDvJnFEMfKkjqnpYRrm72XIgjTJujIYYCnxqtns": "nq5a7lVJm2NuDQDORSxYltvNeHrK6Xnm352s4b1W6dzDHsjqL1MTUpinEr/sRrYbzK9k34tKvFcKZC9oy6UtAw"
+                }
+              }
+            }
+          },
+          "@jassu:kumma.juttu.asia": {
+            "Lw3PcHxH": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:Lw3PcHxH": "A5O9GLU6kkgTEbo/f3WRj8wdblR5BlwZmXlAVWMCcks",
+                "ed25519:Lw3PcHxH": "0gPSIRLkaE/w5RSy0I4oVugQ6MFxM9TertMQkDY2zSs"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@jassu:kumma.juttu.asia": {
+                  "ed25519:Lw3PcHxH": "BrIK+OL6p9Zx8T0bnoU+m88wMjrlTSPc6eUD99nvKl8a5T3iS19i6vbZx4C/b87yooqIPgV4OWeT72yKGYAqDw"
+                }
+              }
+            },
+            "MYbvL2Mv": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:MYbvL2Mv": "q9vwRlZFqIG527ORBDbIrcgrwkW7MV17Mp6x8HItvgo",
+                "ed25519:MYbvL2Mv": "0kpDq2lbSN7dWZU+WXPkLnqXxAwvNL4AVG/uHNU8FHk"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@jassu:kumma.juttu.asia": {
+                  "ed25519:1/E7p83LFx0NBDzCzhTiC+mznQ8w70cy3ICxfCwxw1o": "uuW8g6VMmYCXXcC6zV8jBwjNW6xc5c98WDDD3GEaWhK7l8SvTuKM32IpmFjvhAIIMdsyDedko/KvfXVdpByWDA",
+                  "ed25519:MYbvL2Mv": "g24Cj6AkTtF+VEFN5LMhzveSiav2jPKldu/ditLBhpzZe4h/PTVgiCSKymS1aeTFtTO6w707mtMQv9JLFEuFAA"
+                }
+              }
+            },
+            "Thk9IqBO": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:Thk9IqBO": "2u3BFm4eTG1uZXQwzTBYlzCaMuonXShktYlklbtUDmw",
+                "ed25519:Thk9IqBO": "L3Ui4y1MfdP7UPCl/iK5qtOAOVTUvV0w6H7dxlx0CD4"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@jassu:kumma.juttu.asia": {
+                  "ed25519:1/E7p83LFx0NBDzCzhTiC+mznQ8w70cy3ICxfCwxw1o": "JIfrgXfsrADyhIG3fUiJWCO24a9B2m/zO9GKPjKQMU6vsqHN/Gricylz708YQC3/b4jt6g3txbOvuzRGfDFoBQ",
+                  "ed25519:Thk9IqBO": "BA+NDHIU/8mwtIk8liyDh1Jl6gSya6mPTyuhF7B1KqA3LkoWdRuPu5zw3JUO8+TaGY6K5N7AvwrYPDo7nXlsBg"
+                }
+              }
+            },
+            "_4ZHVs2g": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:_4ZHVs2g": "76YwqK0pg4oc9XnCnyVeHV9YVJ6GmQNHwWoGWb/4Uxk",
+                "ed25519:_4ZHVs2g": "36ijsZ1h5220MO3mcK5s8j1g+6iUawqhEu15z+fflb4"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@jassu:kumma.juttu.asia": {
+                  "ed25519:_4ZHVs2g": "hZpeL5vtdMj9ypYYiYxArMDQ8vBo+1H4+SLBdmBxog71hMVzt93C/mIt9Pvh8eIDPr+LK8aS3UCV4hNgFXDyBw"
+                }
+              }
+            },
+            "bpJI-TYy": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:bpJI-TYy": "Jrobm5FEU/EFiLr7s5Px0PJx5N75NzPzBXwN9oCU+kA",
+                "ed25519:bpJI-TYy": "BcBV1C5e3HTxqviCKiGsEstD9kWr5bzga7tDkRfDiSg"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@jassu:kumma.juttu.asia": {
+                  "ed25519:1/E7p83LFx0NBDzCzhTiC+mznQ8w70cy3ICxfCwxw1o": "Yd2VcV9QJYvp/VaDkTyhQXM7jiO1YE4oRGpnUAoV7+qbRHrYUhxDNTDehmkigjlqMPCtIKnHn1aXfuZXl/RdDw",
+                  "ed25519:bpJI-TYy": "QIcWb1BqFnTokCN5ownN4Zj8wog3VyiENEqetN8f4qENvgDmglHrZ2jR2A8Myo76jPDbGI1JsGRNg8LVucfMAw"
+                }
+              }
+            },
+            "eD9QFI4N": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:eD9QFI4N": "/zymlmCuduTj51Y6F9P7rcsxkvfVM1J9qkqFyFODcGo",
+                "ed25519:eD9QFI4N": "5oGRH7NIMUdL1QMs5oT4o85rE63ggSMvaCkuU0WDWco"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@jassu:kumma.juttu.asia": {
+                  "ed25519:1/E7p83LFx0NBDzCzhTiC+mznQ8w70cy3ICxfCwxw1o": "LGlcjzvwz/uB3QuXccK6u/eXr/RGEwGkKaVtNws3GzTRbI/YXTGhJCzre/s7F0C0sZLfowhzAwoACVpTyXtiDw",
+                  "ed25519:eD9QFI4N": "MxFot6ANdmaF04gRWvNtN3LA5HwaPO/rsz3yTTl7P4F43sLqWHz9qBOcrkfhV0jr5yVdRbFbJtl9C/EzIUszDQ"
+                }
+              }
+            },
+            "fbRToZsQ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:fbRToZsQ": "z2vQRWxNzR0f1D5skXhU8yRAN/qQu68hr2ILa9SBM3U",
+                "ed25519:fbRToZsQ": "qK6e/xFs6qtJDrFjLWCK54z4+pS1CnzEh3mfm8kez6Y"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@jassu:kumma.juttu.asia": {
+                  "ed25519:1/E7p83LFx0NBDzCzhTiC+mznQ8w70cy3ICxfCwxw1o": "NBD6GVWVstuKggnhcntiGfX+aqvMg/go1b6VX0ip/HaHsPnWMmDYYSQX7eH58aJj4uT+AgpvXRm7RpMdHbBiCQ",
+                  "ed25519:fbRToZsQ": "W2t0K2e2eh9ZqG7LTCiFfwmrb3SLyj0y3C721z2XlaUKYek/ctaRUs63K5D8sNnJluPs0RggPeik/QvBP8v1AA"
+                }
+              }
+            },
+            "hw_pQeMn": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:hw_pQeMn": "Pi9DRxi10cl7wyDpOJ03iYhpDuH828/O8yrYErbPW14",
+                "ed25519:hw_pQeMn": "oweHPeUqqcnMR5UsMKj2kThmt+cB8861ViMy8pB8oZw"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@jassu:kumma.juttu.asia": {
+                  "ed25519:hw_pQeMn": "bK3+6q0kdixj/Y6KV6dvu6yoRvbNpgwE1X/23aL9nPAXSqWV9Covf67idFtSdxVDbfuY1E6xzg8zAymMW9Z6Dw"
+                }
+              }
+            }
+          },
+          "@JoKe:shareknot.de": {
+            "BLUJECRXBO": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:BLUJECRXBO": "4o7UZbNLHEb6zYyXSJYuEIxilsaAlhEl07j6yzpTQ3M",
+                "ed25519:BLUJECRXBO": "f+CQpoUQIoPSep4OvB30vIBB76Dv4KmYgMxzz9MprkM"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@JoKe:shareknot.de": {
+                  "ed25519:BLUJECRXBO": "rIEl0cgraREygjZKnMI7p+oq3w0N1iPKmM1RFdWd+/Fh1oTDjpukwtMX1Wst8GO42o2tfq53+8nikmL3cSGiCA",
+                  "ed25519:KWNP+lRDE8BKWgdKzUKuCiPdPv+NIpNaqwlNRNJClFY": "7ffSasHeaJJOgsOUWKH7r+8BYinAmSwaCwMQAFBlIG6rQi2vpiKv5eLZOpXleceQVSKtCzPCPCDm8gkQQlXjAA"
+                }
+              }
+            },
+            "HZINWDWOZC": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:HZINWDWOZC": "c0q9HafjAHOoN1g1idvowXiQ2LIq6rAYUf7IBN82emg",
+                "ed25519:HZINWDWOZC": "NVPyaVnBD+Gb1kojwB6ggQqZMM6NGt3ec2LCtBGf2E4"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@JoKe:shareknot.de": {
+                  "ed25519:HZINWDWOZC": "qVFZayc2KLzRinWKnC2+wlkTYFfX9jjhElevwcfgz3uFrfp5ctBfGLOfwyUv6rPEKhJqJ/AcY94WDRoXEGFbDw",
+                  "ed25519:QaOnnd68s1P53KWfSN7l0xrAUeuR/pp4R9WjY/oTDxo": "rCAlddt6Vi+hH8LrhuuVg02gnWxkxpD6d1eh4qMrTa6ROh3phTDRLuNOhT8mrXTMWtxhLl8O0kq2S+dGA8bLCw",
+                  "ed25519:KWNP+lRDE8BKWgdKzUKuCiPdPv+NIpNaqwlNRNJClFY": "OtOsG8rnA7QFpxrUaifqdI9roM1MrRmY3lY1x3op04a4BkToOmZjndlAdZtA3cGPE0VRt0BllxqMDhElg+n+Dg"
+                }
+              }
+            },
+            "PVNHPLYEFH": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:PVNHPLYEFH": "a02UIe4Jl+T0iqj1ORs4AIEVkdoyI1HUwgK51ZqX8nY",
+                "ed25519:PVNHPLYEFH": "9uzcKVyCYyefgTIrMklqvI+m9hYBfzYthCiudosXEb4"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@JoKe:shareknot.de": {
+                  "ed25519:PVNHPLYEFH": "83gA7tHT/fbCkVEGiurkmjVzSeAhNRvwQc4/vKtgirfFzmXR3Yl6aLaywOSmbRWZ/lp3n0naQw/Opqr4LxTiCA",
+                  "ed25519:QaOnnd68s1P53KWfSN7l0xrAUeuR/pp4R9WjY/oTDxo": "5fo8+S6zD9aXzmzjsiDpmqJG4e3hFJdEjo1OqhuPXov7NDUI7xVsFAaZQU8d2hIQqjWziy+lbfJy3wombvB1Cw",
+                  "ed25519:KWNP+lRDE8BKWgdKzUKuCiPdPv+NIpNaqwlNRNJClFY": "+3tRNugbCIuqJ/mykD43BoqxwLVVfmugDpdqX1xBADYSp7dlNZm8MsrhLm4ubCzhcM02AbLpYmIfElFpNgrqBw"
+                }
+              }
+            },
+            "RLRURBCDIO": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:RLRURBCDIO": "QQBXOg9vZrdiTBViTbH5KAdZr5+bkz9X5l2btbKDnD8",
+                "ed25519:RLRURBCDIO": "PmHiHQA84zpkdl4onsJEXEksMakarV5T2jtnuolGncU"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@JoKe:shareknot.de": {
+                  "ed25519:RLRURBCDIO": "LflbOp89kVrxEkhZ2BIGzrj4w9BUgTpM7y+j6rodvcIpcWfZZACgdIX15Lc3aIhioqmZPklEYsdi+41wAqw6BQ",
+                  "ed25519:KWNP+lRDE8BKWgdKzUKuCiPdPv+NIpNaqwlNRNJClFY": "dVUEMsJxR5F7Ru2dYmUgBnBbfGLS0LKoUwZTbSuYpO2+XVY4mAZbbOjLcyh3LAlIgdeEBZwvWpizXJ6fASPmDg"
+                }
+              }
+            }
+          },
+          "@matthew:matrix.org": {
+            "DLTUSUERIP": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:DLTUSUERIP": "iaPkNDav0ZQlg/B5aKjj0LJOOXbhcjlPswIplp9dB0c",
+                "ed25519:DLTUSUERIP": "QWX4rctII/9Mh7f1tcIrTnZ6MwuiXSNkJvUbG0Hvor0"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Nightly Desktop (macOS)"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:DLTUSUERIP": "ZB0qhd4eUhOly8cYyhszT6RoAwO+bRl994BweDcZ1rIjjaikepcTCQ3C1ggqgSIx+tU1ll7eBn+BwL/fYBMFDA",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "APjY6encb2NhFdkN/W+qzfy6y85IBa6bfrrsGn4Q5cPZNoQwNq0J9JsaX2MhFEKU3GwNVIX3LDfLS9yX49j/Bg"
+                }
+              }
+            },
+            "KZEPAAPTAJ": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:KZEPAAPTAJ": "NIHFiCK3jF+zgETUCgnTn1dMGgFNQFzn9XIpOOhu3Gc",
+                "ed25519:KZEPAAPTAJ": "ADZCroZgQ9Oo3BfSpjrZfs0xSFSz1O/9aRnidCuvU2I"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Android"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:KZEPAAPTAJ": "N6TzeqHmzmOJVq41XJoR7GzYFpEAxvLUAMvwJY+LfXF7WnS/JuhhK4ml1h3TuuEin+Zuk4/FbXYyb6NFgSG4CA",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "09oIMySOfkry/dPnGpZa9GUKCY7UF369xGdpN2G7w5VXL2uGI+Q3yETRq7l3UyBIH/8O1kCC0/hHZBgWf4OQCw"
+                }
+              }
+            },
+            "OPEDGUYPOP": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:OPEDGUYPOP": "T6bIngLF8cXYeFapgRF2EBw72CwKmk67B5Wh9pChVmg",
+                "ed25519:OPEDGUYPOP": "xHKcCznE4foP5hRNRL+lrT2msznWSOWTeEoab5lYBLw"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "pr9256--matrix-react-sdk.netlify.app (Chrome, macOS)"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:OPEDGUYPOP": "Flp/RRB+VtkKzRAisdHzsHpRu8qjUo2ggz26I9Uuwz0HjQidGf7Ct5igLlJFAVuKkQ6eDT4acRv4jyV8v6qIBg",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "9LkXjz4uqQBhQ+Eu6seMyBcUat6KauRx7q3bgKdy9w9ro6ly8573U3/uX7zmx/sqOAYUVa3mFVDWKi/H93AaDw"
+                }
+              }
+            },
+            "JHCQOENUMD": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:JHCQOENUMD": "3wxKDTlcA5IkHDkvXTpYTQQVGPeI7Ss8flJbiROfZCo",
+                "ed25519:JHCQOENUMD": "DEAkpOjBqU/Cn5i6lJF1F9J9fS3OTy3hTFyKW4lbDvc"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element iOS"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:JHCQOENUMD": "A0uap1oRSWAJJPyzB3JPM20/ob4r7chTVdiu0z1tu3UFx6DoAMuklgkOrF1zwIpb3GVI1SeFanW9BA5PPB9OBQ",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "Tm+02RZaHe8gX80uIPd9bwYV4iikH4QQeqMt3Er4I/M+/BMAr4VbiTLv8HfEO1wBsTDt80NkF1c1LO1ZCIFvCQ"
+                }
+              }
+            },
+            "LRNWIEXWZW": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:LRNWIEXWZW": "N7VaM2LonLb0Iv4Db3OWjZFMMwmO4qE6w2a9YU+F2Wc",
+                "ed25519:LRNWIEXWZW": "GDyUpO4nFQKi+WqXDOg+uzs24rBxartZhY+RGd4H9aA"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element X Android"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:LRNWIEXWZW": "KETUUXS/9KWUBd+UYsHwk+GQlVD6AScNxcHyFr0oGwyY2isUy9q8dCprmMbc0vcf02DiqOvEyoGQiA2k7baKCw",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "UEN/VCtFTaivjewq/IPn1DrTSQ8uTG+Ek5FG2REd9qWOoQWaL5pZzhEm4hDAAe3648Xf4y8WfyrmCHmh6L9+Cw"
+                }
+              }
+            },
+            "GOSFZYRIEG": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:GOSFZYRIEG": "dDzGIsdDzjt2uWgLDg0U05v2s0NAdjiqYpYjryPa7To",
+                "ed25519:GOSFZYRIEG": "PZ8yFTGto0JCDh/gzG9WX8j8fNgCcelQJp+5bS9ntM0"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Nightly Desktop: macOS"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:GOSFZYRIEG": "0EDd2ZjEtllDYakVEUQbOLKlJdUwiIBSrOVr/1+9l3wFM5+XWSsPcEQlKYcUUGcap5F5qXvo8dfPbELZfBvNDw",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "9N3Jg97PnK0tw1TF/St6CXPuqSLGfvWQWB3GCg/PQ+xXN2ubB+D6qMTUO3cOFnOpUWwCtFA+5uUo3K1XR6WcCQ"
+                }
+              }
+            },
+            "RABPQDXCOF": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:RABPQDXCOF": "eky3Ig0/5aJmQ6yez2DVjrOO3CQA2fY3JERm+vo0zio",
+                "ed25519:RABPQDXCOF": "I7Wmh+8DB074SyoMpv9AxnTOdf43z5m0K8ufI6+TLMo"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "develop.element.io: Chrome on macOS"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:RABPQDXCOF": "LFYgPm5dUNNiI4eTRWFTirrbtUXwRm2VTmRC0nfAHUobjumrGtK6FhzIC4y97vRj1eyJ5qGYu4TSJ3tBq6cMCQ",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "AOd9puBjHDcSrgSMrXlhqWCA9LngH60ULqOCzASo1CiMqQ7sgsC7amtIEw9MVpbewJ57k4rcm4FCYN+YKENfBQ"
+                }
+              }
+            },
+            "WZHEPXLFMZ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:WZHEPXLFMZ": "ey9pb7ZFbtIa1/NKEtuwSB6InOBJkjJZuun93VmqIXk",
+                "ed25519:WZHEPXLFMZ": "pTRmjBmY3tVlS+Gn5OQqrgqIHqY1gRqGfC9PHh6UvuE"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "pr10080--matrix-react-sdk.netlify.app: Chrome on macOS"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:WZHEPXLFMZ": "JTNt+VzsdXHY6PoSvnn4FefWrsspRvz4dQPJ7Yk1VqrHpEqAfVmo6wfjr6hwOVyECN+FYDN4l7Dq7EWhyVLqBA",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "29fvxHmpTJKQZYgcVrJTo6dzMrhO4bCA8CH2lxWjKoT+j3OIvkZbTcn1JcWEma1PUbuM0WsYfZQXV2lAZaVvAA"
+                }
+              }
+            },
+            "MZFGDMEZGJ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:MZFGDMEZGJ": "NRTGMk0PiweE2HYUKH2d0o4+cbMnH52lo5l6iRdcpBc",
+                "ed25519:MZFGDMEZGJ": "Ex4tMAq/2DEa09V1EBK3TiNGIkpObTFaLYiWNkeoV5k"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element X iOS"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:MZFGDMEZGJ": "S5p28/nkY56pPOyfMbMNwa7j0im6waLWiaNjN+InZffp5xZ9uktJbRIDc7ZVtORDOcfYV7XLoj/If4y5ogsmBA",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "EPhoUs5zDRtU0RM7IqqLeRn7SzVRUZF2yPs937UZs2ZcfCu9jkUrM6ZojhvnNajDUo8LkGx6peEIEWU66AKECA"
+                }
+              }
+            },
+            "DIVAIDEHAE": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:DIVAIDEHAE": "z0zFtn/Z4GALb/lLZTUpEmF5k0JS7j3nOQ1jeGhupFA",
+                "ed25519:DIVAIDEHAE": "/n02Ykn/9Ya0fWhuaQe+dm/OvpJ2a9CJWpjEwNPPK6E"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Hydrogen"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:DIVAIDEHAE": "M8dkG1U2QZFQ2W2u77Ut4tyn/ARwkUH+3p1Mjc6hptX/8bLjIyJ1Bvqtpgs7YtM/7n3FP8mXgfzC9mKgBnvmDw",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "LaCgOpOXN0xjyYCHdVS4aYxfu9K2SgrnRSdK//E/nhe7IMiAnE8EzfNjDv9o6u2M4xlEdrO3uyMmA/mgY0IwCw"
+                }
+              }
+            },
+            "DMFWVQTGZJ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:DMFWVQTGZJ": "HqtD2/HhHUqb36XmSlmhxTbo0Z2drwKuUsLUZvPsK1U",
+                "ed25519:DMFWVQTGZJ": "DS4PvGoqT78mPiF6Bzn1mTho4/QyL8a9j7zNUTF/zI8"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Nightly Desktop: macOS"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:DMFWVQTGZJ": "JZaC4wzYUUxm98FowoIwmhkO/hnczXpRzUMVKg0WlY4NX5W6vb0d8lvTiGjS8/HwmsBrFenREPM3LCfhj6LzAg",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "LsF/8eP4Akg9yb3sZjKEYQMg0a48+/S/sT5nf8biB8DOemYAUF7zbQ1do/JAk9m6KMDO1mxKxiy81NUPPP0WDg"
+                }
+              }
+            },
+            "UDLNJSGAJY": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:UDLNJSGAJY": "74mkEb0CXv/l34cGsSvuODR2bOQ/E3aVKzdX+rlKfmQ",
+                "ed25519:UDLNJSGAJY": "fhmV+gOftT4tWim9ZTbMjTDmJr5aBZ5cicd3wTE/afY"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element X iOS"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:UDLNJSGAJY": "zQmQtksoluTaOaSEh1IfcTyd0z+Ira9+da18jtbTKcdFkRfWyOTBqBNVHtHt/XGobVy6nCGDZVrwi1VRnZcOBA",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "LHHTXpYxgMOoJNpqmFo7P7uQRgiw35SXDN5OCdjAmsKM2dOYsoMljuEXZqO3XLTUm2lOtc3wZZb73//FtBFLAQ"
+                }
+              }
+            },
+            "PKXBWWUUJS": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:PKXBWWUUJS": "Kb+P4tSZMhmd9Ms7N0aKSBWvRvBQrEuoYmpsFsEkjRM",
+                "ed25519:PKXBWWUUJS": "AUv1hm03/OIT5v2SF4602W+M47tmNoV3fHG2HCBFBig"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Nightly Desktop: macOS"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:PKXBWWUUJS": "JRULfp3Fgei4ln3ZBCHfx+Sia2uKR7t2r5XChVSnHRdZdQPhw2Q3MjWj7fHmNQFDa3QOGQNCGWQXgwFzkmpuAg",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "PVmu+i1CMZQhEPZX3FvG0DtpKCJuyH72tY+HierRy9VTTx66ioUjHVBJ+eLLI7kTEahJYvzwajFt21pH2Tc+Cg"
+                }
+              }
+            },
+            "QUMJEECHJG": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:QUMJEECHJG": "piMnXF3RUpX87nyYgbzKOs7+WvGyAw6mPjXlaThTs04",
+                "ed25519:QUMJEECHJG": "EFQ0uBWj2xbjVEGitgwuyVbC3JtQZUQNs4lEIUsE3J0"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element X iOS"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:QUMJEECHJG": "ZT8BDZ+3aJOP7rjVVE0bV4QZ2mkuDvsFJMeABsLM6kExUkl9eSbadStDksNKdIoSQKYtWWEEz+kampl6X0UdCg",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "mYKsWxU49BMEN21NynUjR3ZnbYEQbmIViIGI/tGPvb17J0jbw3Kk2ZZrXPxRUHM9tJ/RIqDQ9Ek93C3A49x3Ag"
+                }
+              }
+            },
+            "UQPAUDSUCS": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:UQPAUDSUCS": "2kKbTnitSwwVrcT+5PI7dbrlZkgn5Vg6U4OzsAQ+9DE",
+                "ed25519:UQPAUDSUCS": "o/ZuRX9WkshhV2VqUMxkzlbK8caWK6oY2ponBM/4jdU"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element X iOS"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:UQPAUDSUCS": "U68v0lweE24f179b1eYTCryZTe1awKVDCPp4a85hMZ7MFn8BZmzS9YETaeeJRFYQtzn76fM3CcIHgrH8lJlwBA",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "r8AeoN9ujre71ywcH4d1qHMmBwkA9vHpVVlWlZu4F7oCB5qO0GmwpmiVAJ8Mnlip7O9L8OiNlxi7inmGBDrODA"
+                }
+              }
+            },
+            "LMMQYUJDNI": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:LMMQYUJDNI": "NfRITek27IsUqPyXx5BK6kn7J3sp7pqDv+dKmxK4smg",
+                "ed25519:LMMQYUJDNI": "jAp+jM4FTxR9VYIn8grr0XC3H6MHQoiWqxyzr+5aeDI"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "develop.element.io: Chrome on macOS"
+              },
+              "signatures": {
+                "@matthew:matrix.org": {
+                  "ed25519:LMMQYUJDNI": "HOYBTxr7zRxNqkM0Eoe+6I2iA9/lY11urmWEShzHD+bWS+98BqYTO0FPr/SW5OvsNRY/UWInLMQnDfOVuuBGDw",
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "G/iY2NTpqGQyIGRZ/OLef9hbU3NAbsCm5UMQPzgULstXUUubY9T4fAT0sXkPorrdXgDJnxAM6cDjWBvhqCUNDg"
+                }
+              }
+            }
+          },
+          "@saces:c-base.org": {
+            "JQYUVQLSDJ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:JQYUVQLSDJ": "s1leivvtR6D90cds8MgPTJArAXptnqER6cj41OjClwY",
+                "ed25519:JQYUVQLSDJ": "Nh9+zpTW7guPM6cgyxr4h764VT2JJmyCuFlczgLbHU8"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@saces:c-base.org": {
+                  "ed25519:JQYUVQLSDJ": "NYpqCVv9+NJSebjhp9thKQjbPzc7X7b/qXX3YQrAtVHvGoAwvF18jEAT1VfjhdWXLoVcpG/2RjN/UY1p30IACQ",
+                  "ed25519:zEDr2sVNTpqH2c6nTqm8f5doFl54qgBcEggkmhQGMts": "Pz8rhqXA0oZ+Jccn2Kly+yx1/t5PP1rbUa37/5fO33j0eA1epWNXb1CSjuBoczFsW4brdXl9tirb7HjCXS11Bg"
+                }
+              }
+            },
+            "UERFYHQFHQ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:UERFYHQFHQ": "WIQo3TFDrpOj8PzdHiaiftqOu0PomITds9wUSNZv9Bk",
+                "ed25519:UERFYHQFHQ": "939/voYWh25DHvPgjeZL0HaPqdZtavlgbJwUa5K2/dU"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@saces:c-base.org": {
+                  "ed25519:UERFYHQFHQ": "wdyNzy6AUidNev1mN1jYv0l88vqRWF0XgsRhjld7bMVOT8WznIgn56lvCBWpOVYz5rXSqo0DLb1JHknPrnn2Dw",
+                  "ed25519:zEDr2sVNTpqH2c6nTqm8f5doFl54qgBcEggkmhQGMts": "4so2aWS4Qum0DnsDk2SmeuMDgDE93O6tdnT+C1w8bRZNKYlicC0MOMeKjFzCU6HfvBkm/dNBRXwjnCxvF0JkCw"
+                }
+              }
+            }
+          },
+          "@/dev/saces:saces.de": {
+            "CJVNEMQDYE": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:CJVNEMQDYE": "SxbsKj7xah3vNGMR+GbwL2EdgTXB1sPFOgvRkSKvBmA",
+                "ed25519:CJVNEMQDYE": "iybei638MgUUfm73EjyuW5pkQq9EOBd6iKkpbRxkoPs"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@/dev/saces:saces.de": {
+                  "ed25519:CJVNEMQDYE": "psMjtKllHPpe2tQwDDXqKwS7YYvyH+h08913OC//wJfo6qInBBFNTkocxdqEvIIPEFN67PRnoPIgSMCle8nMDg",
+                  "ed25519:01Mra0lDap17amp7otuk4ag/1hLZ5woZ6mMZg6Lbr8A": "r7Z4rwuMe6gEL0en6JFiw2kJVM+O7aYH9vsuX5FY9aiADKgSxI3LmMJvjTHTY/rfxaNgGLBS/iyP7HEHLETdBQ"
+                }
+              }
+            },
+            "KWITBBVNXJ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:KWITBBVNXJ": "Y+wjKOrQcTs4+VvElq9alK5qj5WVooOLuBUj+WxeUB8",
+                "ed25519:KWITBBVNXJ": "5ts8P4rArj6faWpVs+t9dJA0npiMQFGyNn4bY+x8x5U"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@/dev/saces:saces.de": {
+                  "ed25519:KWITBBVNXJ": "EdhHA0vLeAyIxmDzXdPWGNvEBozqbOWXfXNcyO1KUPIlfjtA3U0UH0trxbH2eQlfpAbWsEo6ikWFFmz+VbmcDQ",
+                  "ed25519:01Mra0lDap17amp7otuk4ag/1hLZ5woZ6mMZg6Lbr8A": "jCsYCeuk0sldbFe16DfKPOrsfmlDbhZpSy7GuSAdlBkEvqQoRf11PShOZt/z0O6khXdAke+jeemn4FWtTEHtBw"
+                }
+              }
+            },
+            "LDLNLBYNSJ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:LDLNLBYNSJ": "wjb2fm75UoN0MGD3Uw7SUMU5EjnYzY8XL1ZGrjqECxQ",
+                "ed25519:LDLNLBYNSJ": "w+Ez8ZL8p12i5w0BiNJfcnvg6rda08up+jLp23nYhq4"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@/dev/saces:saces.de": {
+                  "ed25519:LDLNLBYNSJ": "1j+9aK1pm5I0/olXOihyS//J/j3zHu7huRabBdQhCjV+VtPW1k1fqacVSIXIdm58y64ktDSNbhEim7VhoZQbCg",
+                  "ed25519:01Mra0lDap17amp7otuk4ag/1hLZ5woZ6mMZg6Lbr8A": "LJg/ugnYnwMf0CPwSUlmWlhA+3PpBaMRFw7CThfLxVGuXy1TrFQ3JiFrCBkqLrhcprgZ1EYvAB5qtY7SC73ZDA"
+                }
+              }
+            }
+          },
+          "@creme:envs.net": {
+            "BWZEDJMICJ": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:BWZEDJMICJ": "clDKNRuM+9/eGJ8f6hCy4mSUdqrbyIxct7cwT0h7aDI",
+                "ed25519:BWZEDJMICJ": "xe1SwDVaZ+vFUBzstAb5a7NFFb4ibj4X2C/RyyvQPv8"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@creme:envs.net": {
+                  "ed25519:BWZEDJMICJ": "gD989XWt6B+buaf24CaLEoK7BBEzmU7GZFe5xgYwSwsXXCt4Wa2/XrcNNvITC+Q6G+s3uMpDKLLn8UbwOvcfAw",
+                  "ed25519:Fb/q1QbuEttVhEhYcMdAXStKvUzTHwUvebBiraz+RY0": "091rMkKOuOHmyi3ek0B4Hisa6NJ36jQ1E8LF2T2IOzaw3wolaoSaZBDf+X2D5+ZpZb09+9kX0o5138kDh499AQ",
+                  "ed25519:+qh6CBI9n7v43RFh7/RaRazxhQc4FINP7iNnqOYz8a0": "sUHwgnW84BblhRde5K0cVtwYUDrn/anvWHrIh7XLBoFU1RBrSekJQ4FXdfR47FjUyV0RS2+t3gvVpv0MnV6nCA"
+                }
+              }
+            },
+            "DROXHLSCBG": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:DROXHLSCBG": "P94LZE7rA7vuxxv/crSebhxTRdUsq4OYSbzud+NN5go",
+                "ed25519:DROXHLSCBG": "23fXt8XVjTzhb/5QOfGQxXZEmNIPiKmKpbnJ089Y3a0"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@creme:envs.net": {
+                  "ed25519:DROXHLSCBG": "WJ7lhVvKu/c/w0PpT5L0Vlh18Fvo5bK3dLLZzeIZEoriwvooXb01N07lW0V3QXhxp75lQ3T9vPuj2smT6d7QAQ",
+                  "ed25519:Fb/q1QbuEttVhEhYcMdAXStKvUzTHwUvebBiraz+RY0": "RH6BCFQdTmmqN62tnd8xlsV7Pwxuej67NTPk62pof7AiHjdsKoJmrrve+lYYdWBstbj62M7ZItMCQMUewYX/Cg",
+                  "ed25519:+qh6CBI9n7v43RFh7/RaRazxhQc4FINP7iNnqOYz8a0": "pDXZ8yteYgLuILqfilIwtK9hjlTb08hG9Dl+gSvY7Rs2+CHcLCvJo5wzCNqb+cOUmP8Br+hbP45vysMgbd1BAA"
+                }
+              }
+            },
+            "ETCLTCVNHG": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:ETCLTCVNHG": "a7XdZvWdCNZkS1TN0UmsIihxOqUk4txrN7kwLWAxsR4",
+                "ed25519:ETCLTCVNHG": "RrzFjg6f8VKnnJ7gVw/GOsv7RW1BSrD7jxv66jN8Zbc"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@creme:envs.net": {
+                  "ed25519:ETCLTCVNHG": "Kh/jYjR9Q325Lofn5UBVyNN0mHb0W/88nC2vpQG1JmtnWm14oXKtjmTVwIyzHya6wzgxoKc1u6fhJGFg7va2CA",
+                  "ed25519:Fb/q1QbuEttVhEhYcMdAXStKvUzTHwUvebBiraz+RY0": "s77WWjqXCUgVYsJQ3MonpzFBzwl/rXJw1O/U5+otjJxgqwYMLsWG1/0rNe6i2n4KPo45hAi9zkS4YIUnuwIJCQ",
+                  "ed25519:+qh6CBI9n7v43RFh7/RaRazxhQc4FINP7iNnqOYz8a0": "SXaAnDlmNKONm34fkd1vF7z5v25ZOLXSynAhvvPUpNk6SnlHLqTT5EHII/bF0xvHyMp5kC8HF4YEpzu3kREVDA"
+                }
+              }
+            },
+            "GDFVECNBXL": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:GDFVECNBXL": "8aiY4KhNDuoPf7GQ6iomWjq7Bg14/rrqkr9HQtuOuXM",
+                "ed25519:GDFVECNBXL": "onDdCuoOfhT2by8zxDoBeJfDAZjmKTr+vpIkDDYHDoA"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@creme:envs.net": {
+                  "ed25519:GDFVECNBXL": "2wz1Wq5oTfTOFJG+Z+gujNmVBJ+MLoGwwg8mkDqBITljsunKceMgTBfS/QPXn6mEejtbR+8cv3jmrFOFFSncCQ",
+                  "ed25519:+qh6CBI9n7v43RFh7/RaRazxhQc4FINP7iNnqOYz8a0": "A+amQ/2th9TBJTKaW/M/3+Oh1J88am0wKN2fIiheR2y/3a4YoimuAwiggrCavr4o/drKZ1Phi9MZeT/ih4KrCw"
+                }
+              }
+            },
+            "GDVPZHUDFS": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:GDVPZHUDFS": "+LG5J/gLL4IKm8mVxbzh9HtybokyYh4+qRrztPwatiY",
+                "ed25519:GDVPZHUDFS": "pLJxLAez/G2x/GiXPtGsZ4HgkJ53eK21a5K/sRQJo04"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@creme:envs.net": {
+                  "ed25519:GDVPZHUDFS": "pBkN4MiEHY+sZ65gJuamydFr3/CgZgQbL2Re9mCFVHKmYDZKGVUIkcFU28hV5UppPrucGgEUUZi7Sv83Ypf6Cg",
+                  "ed25519:Fb/q1QbuEttVhEhYcMdAXStKvUzTHwUvebBiraz+RY0": "MDU8DLzNSuHr+W+o5HoxDeazRDkBJir45Bnlc0LbeQwla1PE+YiS5k2Fe0xClubDrLARKVkjv19oVQ9M71wJBg",
+                  "ed25519:+qh6CBI9n7v43RFh7/RaRazxhQc4FINP7iNnqOYz8a0": "djKXSLKtoYCQz1I/tShLbmFNrnbAnqjaxCFT3efWai+C/A9QKOviVNsBe+DtiQR8M6tdCEIKwjW8poeRrUwZAw"
+                }
+              }
+            },
+            "NXQFGIYYXF": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:NXQFGIYYXF": "+XWeVnwsM53WJKyc9YlK1DthttT9KgQAvUG/zmr0WRE",
+                "ed25519:NXQFGIYYXF": "cLJclNV+jNflR4/YMu7NmtVNzU9E2ztEuB+h1i/bX54"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@creme:envs.net": {
+                  "ed25519:NXQFGIYYXF": "WtULWX7WeV79gUCTmEUrGUhFyWZtVUqTOqJdtLuEWSIOwWfjYnwquV0ncHmNoWusicBGxDU1am2sMI7XEy3PAA",
+                  "ed25519:+qh6CBI9n7v43RFh7/RaRazxhQc4FINP7iNnqOYz8a0": "O5nU277PPc8LrRDUlX4SHps+mmIaKkkapMSrCte9Hq48iAusShDpYOFht4fTBTwg4kLFZaYIda0IQPbBzy0lAw"
+                }
+              }
+            },
+            "PQODMINEFK": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:PQODMINEFK": "pTKsvTm/kq8bdntjlMl+rAtoq+CY8zfwBYUWuIF8kWk",
+                "ed25519:PQODMINEFK": "OS2u3nbUrqhZXG7nfwm8Yf082wmaAqpS4Q6xFjhNg/Q"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@creme:envs.net": {
+                  "ed25519:PQODMINEFK": "fwira1uWH7AhNUDR9xRepTPAkU39ZDi2Bc0CPJe4w5O4wg1GH8KjNMsig+4vwLXQDD1D0sfN3YeK+y4n4vneAQ",
+                  "ed25519:+qh6CBI9n7v43RFh7/RaRazxhQc4FINP7iNnqOYz8a0": "7k/Epf1Lt8q/pUJVBQPBCmVtaMIY25MyGRRN3XV1viWmyNGInrq65WErA0kBliKBlMT+5kk+K53wIZeN+uN3Bg"
+                }
+              }
+            },
+            "SPPKKUDJCR": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:SPPKKUDJCR": "z5N1JkhyXry0m8y4UNzNCW5XUpqGKsoAzXHshwNkwzY",
+                "ed25519:SPPKKUDJCR": "wURH60658pMDZzv4s5mTJJAmxZlhdZnE69/TRhBhcSU"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@creme:envs.net": {
+                  "ed25519:SPPKKUDJCR": "/REEJPhFK2XB9Vce68wrMFk6paxOBwwl0GJ1MZ29xPGwJ8S3RZb+jOO2gGuQaVklDe8qTvI/EG6OB0pe4wleBw",
+                  "ed25519:Fb/q1QbuEttVhEhYcMdAXStKvUzTHwUvebBiraz+RY0": "vUXwqMRkelHG1RK2Cjn7p49sJr5Kj9CunKD3nPwezN6QIEapkMtA5+VsdSQQHOA+utk6pO8StnXTVLABnTtyDw",
+                  "ed25519:+qh6CBI9n7v43RFh7/RaRazxhQc4FINP7iNnqOYz8a0": "6IkACgjXpS7U2juWWF46oSO+8uXfpGpJqd3zUBn/pubrYQmcSk44PenXqjpAgTszL+xvfN0gsX+zS1JoPa/9Bw"
+                }
+              }
+            },
+            "XVRGUZLAIP": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:XVRGUZLAIP": "WYEuQQBN+LEKaVOKtZ2C2hCa6UdwZeYB3R8EhAJcBjU",
+                "ed25519:XVRGUZLAIP": "+jGgZOsRzqGMntHy5iUqL6HS7XqtUd7FVt7LHf1zAUE"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@creme:envs.net": {
+                  "ed25519:XVRGUZLAIP": "/Um6Y7VT5YleTjZz2wU5UW4wCEmtQcMOEtDULnORCAbhAd39oKSAsxBgLMgXveZInfC4k1+xERfG9AgVxLyVDA",
+                  "ed25519:+qh6CBI9n7v43RFh7/RaRazxhQc4FINP7iNnqOYz8a0": "SO8C4f8AOzuZ9mB7nd+h7fvP/ysU9Ct3KfQ4bVj8jwq+1GWFmnJeU2AYvTTLEG++wiLO6wGL0AYZzCBya92wCg"
+                }
+              }
+            },
+            "YMIFZYDIUW": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:YMIFZYDIUW": "FK7fPzFsmjkQPOg6rkOtM31YCWmGntmxDnW6mgAcaRE",
+                "ed25519:YMIFZYDIUW": "U6rEoav+B5Gj4iq9A9YBeDbb8VnBl8p6ULzv4htqZiw"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@creme:envs.net": {
+                  "ed25519:YMIFZYDIUW": "UHVM37ZGiKuyF3pk/EB2DJEbBtos6cCgz9xqMlLSLJIAKvFTPfLm/34LdYJCn7nYwhyryurhO6OcqVjmz2HRDg",
+                  "ed25519:+qh6CBI9n7v43RFh7/RaRazxhQc4FINP7iNnqOYz8a0": "yRyeUPsoDR3lfheDMYG515lMLLFjNXT+s6voYKLb0qu+rAEliy7y5/0cETHrn+ScLq7ZPHVtHk+z7hQ0RhNFAQ"
+                }
+              }
+            }
+          },
+          "@erkinalp:matrix.org": {
+            "VUKXYOCWOM": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:VUKXYOCWOM": "8Ud2Gt6WwD1n0pGrWy8PMQakJntfMkTratWBAUgrI00",
+                "ed25519:VUKXYOCWOM": "2ARyg+5geBG/7sObPfSVEruN783qBaOw/o6qrIQJfAA"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "app.element.io (Firefox, Ubuntu)"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:VUKXYOCWOM": "3au9Y7gF2Ky+vqDO/dQIUe8TrNI5sLgDdJqTRwvYYWalVyAsph/oX5s2SR1pyMaw+zZd/hGMxChHF4in1WRzBQ",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "SEGwDQjA6EXYUYQn5wn6wq5Cmxk4pvnGRwdl6hr3wWJnm/U1yt5Xp7HKXy9VEk+1a6JTNk50Vfy13YwqlOYkAg"
+                }
+              }
+            },
+            "ZCIAAKCCFI": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:ZCIAAKCCFI": "u2IuG7EY+OckqB/adUXgiyl8NQuKsttOxCw8jpBwGgc",
+                "ed25519:ZCIAAKCCFI": "bUrIM7UTKSCPZKL2AviW3yhW3vo3BMNxcYU0x152uX8"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Android"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:ZCIAAKCCFI": "WaSGIV13r1vBzbIZhtVnGORgtoCYYn1+ArJzNXK7PNDs0z4ynXfS9D/pDhKMQtwnW8OHah6k4b+4ksNMHQrsBw",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "RZ69dUIcojpoEcg2eFDRQMI2l3EmW7CHM7lYUkH300m+C6y+qrX5s+zlPMhq+N3hGIoUgJn6g+ThedYF7z7gCw"
+                }
+              }
+            },
+            "VRWKUUYFCW": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:VRWKUUYFCW": "unnDVEycK78zPgMSD1/589SHj83mEMasfBlueyYPwXo",
+                "ed25519:VRWKUUYFCW": "qIHlrmqdbKp8BVXhxpGbCZ0AU9OB9i4OUjTh08h0svc"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop (Linux)"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:VRWKUUYFCW": "PBS5Uq5f4WvSwFzMgAMBEUmxhzW1Y2SmlR9cx+a7UrV5urh27Y2qcMqL7Ew1vhy2VqgzY6D5PfR+9sNhvOdAAw",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "IUrmzJafAdBbuqankX41TdnrcMF9UxKzsYcHxtUM4ep7/9DMrEe5MbdzrAFpOPgUCZBKwWeW4f6/3SvOMKX8Cw"
+                }
+              }
+            },
+            "XACGRKNEET": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:XACGRKNEET": "InokQFnKmaJOm9FH0Hrtd4lh6uQ0g1mu6DGBkWJBuQk",
+                "ed25519:XACGRKNEET": "3rrxGA5JPxYyxQux4x5w5YQDZ1aVuSzk8rpW+IkzKfw"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Masaüstü (Linux)"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:XACGRKNEET": "MStBEl5954tJ2Yq+qfhx7TanZNpS4ZcQWMJ5j9GPjPmEJwnLXD1nbsFb84JkA/+SbbCd/R/Q4//fErTStaZZCQ",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "B1gxe5TbG7pj2sojbSizY4rW1Y7S1oawsnp44YK2y2ZpgUruK+0J0oGx1gH2LCTzn3kYLiOkGwHSClecgSpdBw"
+                }
+              }
+            },
+            "SYZNRJXHBC": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:SYZNRJXHBC": "/w8als+hI+ELK7mFpHbEHsn2aJPtFKL7FZAGWkxMEHA",
+                "ed25519:SYZNRJXHBC": "4zxJXPGNzlRRuCOjLczYXtbZUilJl/tTiAUrK5rfIqE"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Masaüstü (Linux)"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:SYZNRJXHBC": "EpOZwPrkzuPqzOM3hxOL21AXhsqm6mFDFHDiKVML78aaG0hbYB0SVto+JCcmEZH8PudvRh7BWbj4ogIEVQOCAQ",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "0/gRrFMFx8nQovX/JCzT6KXglQGdY7K13f0g/oY1gdRQNIaomc2ajG068d0cMrHC3jKYQ8Ejtqa69bqCVpxnBQ"
+                }
+              }
+            },
+            "ZSRYCQAANB": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:ZSRYCQAANB": "MoUhq6fl8u8bp3Nw91QZh8X2cCKVAgDZWBvZnROnbi0",
+                "ed25519:ZSRYCQAANB": "tkrzxxBqP2LkX+rtLlsga+1Pykh6aeTCYYjo2zcztXs"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Masaüstü (Linux)"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:ZSRYCQAANB": "SdesdASlrEAT4Tb8laOjnjkZPe12nGxSdjwXcgQbBztbVmblu/Roreomc7gbns1nB4m1sCXE9L6du8BtMniyDg",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "4L9opoN8sUI32OMj0bQUJWpsUcdRdIS6dYtC3kiDsUeBeb888jtlTMA93kEo2mJ9pf65kOVUpplWlsuIbdeFBw"
+                }
+              }
+            },
+            "FYVZRHXWCQ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:FYVZRHXWCQ": "sT4oe571p4mutcx0+c3JaweWBbqeJe2T+YcF0fU7Eyg",
+                "ed25519:FYVZRHXWCQ": "BVASUPx47kZJp/R2SBzCjNyxL67XJ3wbtUb9MCUdW9o"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Masaüstü (Linux)"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:FYVZRHXWCQ": "b+VjK1XKU6XTYfbqWxzLcL1gNwtM+LQ3N4t3B8LDOzKu/eZ9JrKG7vaCZK0HmXZ1BRY8jz1fKjShf/ArlfM1CQ",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "w4qPNO8KWXJIwWOi+Znax4FFdixtV4kwa3OK2xuWqKvJEpm1oi4XwgII/yIBny+uP4jjgeMw/sdU8DPD6lSjBQ"
+                }
+              }
+            },
+            "OAGVZFXWVH": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:OAGVZFXWVH": "mOqs4AxIxpkk6z8HaB2uDpKaoh7xfyESxjtSmoI1Yyo",
+                "ed25519:OAGVZFXWVH": "tjVY2jMxjeECLVz3qlAO/b0V++ml7GYJfwnAQcr0niw"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Masaüstü (Linux)"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:OAGVZFXWVH": "udAEjko5I1B4pbhUfJtRhTPH78v4cPm0C3txppazLvvT6JpTFIS65COJO7rxaOyNkjw44KRYhxRaSUbOowNtCQ",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "3g4U52XQVJG0JF+qR2VkBdTbgkKHHJt9uGyPUE4wjU/XayiQWTdUeRb+y7GVfBofII8KP3w3f2FpUtOw8ToSAQ"
+                }
+              }
+            },
+            "TLJZQJNOZB": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:TLJZQJNOZB": "KMVDNeM5PEEWhIGNQUd2Q8u24xPjxJuabsFQ4hxGvmQ",
+                "ed25519:TLJZQJNOZB": "HXoJLpEz/nbacx0lko9er8ccF8Ac6kA7fbRI3N9R5n0"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Masaüstü (Linux)"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:TLJZQJNOZB": "0jPuObpaXfIRSUIo3C9eMwnDmga8C1HXQWOtthMNq9o5FN/qvmGw4ZnoDS1owBaXW1SWZYz67fJNLUcYh7hEBA",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "2RSsz2ThOHB8J2n9xFmZNlwfO4TMWqEqkLEyN325CMzl7G4j5d16gWF8MxGBRJxGK8FH2Q4gMNFkYI7z/JLxBA"
+                }
+              }
+            },
+            "NEWSNXGSHW": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:NEWSNXGSHW": "DGZYQnTBEuzYrt1o3kK3OKw0uqVr3MXRRafX7molW1c",
+                "ed25519:NEWSNXGSHW": "3LmjzSqAJpb7a8eRQIZKXXMdQ5nklNKWTd+t7ApmkgQ"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Masaüstü (Linux)"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:NEWSNXGSHW": "1QykBZdfQEOzEldpmQdbma5fbaSgRTwbNblBFjCxCAxOW62Odcfw1tWLUdZkltxCipsQL7buj7XjgLx+dRMgCA",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "7kvoH7k0slP6JpEOuxJFai5N8hCDMOU4P0pjTUR1NkWGQeeZ5ExGbNY+IB4DUioD6QQUYQBXcuv3Rjn6g0JJBg"
+                }
+              }
+            },
+            "FLLZKHZXZZ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:FLLZKHZXZZ": "NyVGIUQVlgA5dSivf88wPzzAWOyQjXxNAwbT0Bo1w1U",
+                "ed25519:FLLZKHZXZZ": "n8CoYbYcjbPjSQ7bfEoGbwMxcG941SmtaNIb5HzO49Q"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Masaüstü (Linux)"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:FLLZKHZXZZ": "VUfx5m9ZY5IVSTbtsl7yY7d/ifxML7AWAPgM4Hx1grpnQE6DDmms/XiHOuk3NRpSjGbYNX9sxvdnLabj/cjoCg",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "KFupGRaaCcZeIqxDYuTWZYJIorWvVpmHDSq+usBOdLMljN2DnVXsOc/3aaorq1yQZMNup+cH2qOyf0UueE9BAg"
+                }
+              }
+            },
+            "XZMQXYHAHE": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:XZMQXYHAHE": "VFjp+T7+bEnxjQ78hUec5YsXqpuYtplBNUh4B/upvDg",
+                "ed25519:XZMQXYHAHE": "o5iRUo7satt5eFgOgBknY88g+cIkM719pH64lgfVjAw"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Tohchter aus Elysium"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:XZMQXYHAHE": "+3gyovCKFweSz1tXI5dI+QfldobL00PjGRX9UUh+DXIpmBMQ46+tfVL5jwOsIo1zQZbeXpHMHbDq2nNPf3DqBg",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "XVyvYHIDI4oj9fYJjB2yb5p3iYI86Lj0eEKA2N1HWJP0cO4VekXtiG0g4jInQ+629fzvg8CZYCcbOx43opDIAg"
+                }
+              }
+            },
+            "JIQSHIPSUJ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:JIQSHIPSUJ": "69+vgdn/05sWcvr4SYryUIF7heJ/jUQAPU+9F/QnAzQ",
+                "ed25519:JIQSHIPSUJ": "hmy9kuYW89v/G0dxmQW3vGIxYT4oNBg7uJK0rHxWG1Q"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:JIQSHIPSUJ": "D/3HiPBTRU0T+4LlwWZcojOOJRFtlihPV07lqzvC4PXLOx3xb8uPDDUpLumPcRGg12aj4MkfvjhMTgQ/R8WNCw",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "Z4D5vpNvq+EOW6fP3N5AiJmKd+Wil3EnwWk0eKoXrLlHTbhcfb2y4YzxHh5fqngtZ+ms6P30gs6uZ41qaxk/CQ"
+                }
+              }
+            },
+            "KSHMFEECTD": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:KSHMFEECTD": "SoO7rn0yfuxlotQw8/L78QDT+CQXLujrNXk3UV2rPFA",
+                "ed25519:KSHMFEECTD": "qcMlNBi9YNxxFXxzaI60m5DgAkJDB2uXPnWdTYVy5IA"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:KSHMFEECTD": "ep7c1NprsfPmJg6O9hL6wtxnMooepNosRtEqpQTmhYT5rxxW0RB1cFb6yyh0Iqrp6eToxafvOIAFu+AfnaHFBw",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "HPgMsub53B+eg9vnl3tssmwPIvIceDZQ6++/rX8YSB3/BF6aOBxiVzmzeGW/l8RJAKqMu/g2HyBQEvxROoJECA"
+                }
+              }
+            },
+            "MURPHYJBCK": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:MURPHYJBCK": "6EJnhMdoyXYj/YWEGuHJ6xvBu3LRufRqMO6FSUW/b1k",
+                "ed25519:MURPHYJBCK": "TsIyzyuvlwLLqBM9lW/je7emCG8g1UHEZhqVwB5msr8"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Masaüstü (Linux)"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:MURPHYJBCK": "51d0bnShiT6IcVyCw9MxZchnwOYIn8zUkxi27p3Y9gQwqpzhwqZhYGmNGOpq6zIscLvg8uf3OMNoaa/2JieECQ",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "mTHTfNSaPd6TarEHq+2Q6WsFHEKMLfDN+YuQehYGtN70W/ikraS+sj0WG16haB2AFPEnhxNSCDsoA3agEy4KBw"
+                }
+              }
+            },
+            "UFPKUKGABI": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:UFPKUKGABI": "P66O9g8U2dYew/4R3HfIS5ghOfHeV5YfGgZkvWsHDzE",
+                "ed25519:UFPKUKGABI": "uBblSEz6NvvBdPrmjgHMVRaH1eeOU9exuJJx5eXCHrk"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:UFPKUKGABI": "EeFgpWqP9eHcooWy+Bf4zy0kOZqj8VwBlGKvtU4WTu7mGzQmMZfJkQysKfEB/jvoQLESNhXH/Zuq5/a5n16fBg",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "DiRcEGocPOmKQSgyG+QdF5DRGCYrIzLH1g3zAko/HU6IhwPZbDIiriquUV9cZbPdVMEFwe0u07OZTgzCUF6YBg"
+                }
+              }
+            },
+            "TRILRNVWOE": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:TRILRNVWOE": "zfMJhBWK4JFn0YRwleN7nevMYfpJVtchtYDt09jQHnI",
+                "ed25519:TRILRNVWOE": "29mmVU+StraWSJC5Qsd/dAH+ozaaNm97ZrBlzV8LiaM"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Masaüstü (Linux)"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:TRILRNVWOE": "UPopQFh0U+/X/B75doN3fbdVIlrKoC4nZdaP89stjmP5R5iH8k1Z1sU9DjGlKjdwxQLVLh0XXPvZN4MbhuV/BQ",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "3lDXCEbE4ubberDiRWlfwAjhw6uOkLHO1nNeW53EUw4JxMqtEW6Yvt+aLqJ2cBn12IqMuTKbw5TAx0prjm33BQ"
+                }
+              }
+            },
+            "VCSGYJFPIA": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:VCSGYJFPIA": "0aTuLvrfZpMMBEIsv/9NJDkDGxyuqIKeTJDjn6stYSw",
+                "ed25519:VCSGYJFPIA": "U+kTz5vEZPHqcnO1pXxj1Xkl8BDRS32O0x3Na/EVgl4"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Mozilla"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:VCSGYJFPIA": "Xqie5hEyZ1I8Zull5iwCOKtvGXGa5GLcmvEo+AXGYr8uroNuVal/8U1oNvk/CKkxJBmve7Nh7PmlbuhFzCTODQ",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "fbbpaNLXeO8ODjg4CHK+c/51Qwokydxd2OYTgumFRv8AOt8WQW9neZ3ZP4nAr9a+6sLDBX8f6VsV50rvGVpCDA"
+                }
+              }
+            },
+            "ODYEOSBWTR": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:ODYEOSBWTR": "mbEwXkY3wR8xXHo1381JxYKUwFyahyKotGmwy7mCv3U",
+                "ed25519:ODYEOSBWTR": "n/sXwZQgUr/d1EmSivKszb2799ajqlAc+LET02BSBOw"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:ODYEOSBWTR": "Oyv65y7/JrFyXglPu95QA42G/mR8YXc7sgxyvCNi89pqL2lXcFfyJXOsv86w2h7rfwJi5XgC59lq7FwHU/h5Dw",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "i8ciQgOzLMVBOg1GKfyOvppNgY029fJOmfWVJYnD9oAWQhqCHq8osYk8+m03eyf8dlQ18omYvlb9mDlbmBrxBw"
+                }
+              }
+            },
+            "MBHVVXJQUR": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:MBHVVXJQUR": "APL9dU6ncvpJsO5SxHbRZgOGigh4+iVQUy+teZ2i1CU",
+                "ed25519:MBHVVXJQUR": "AYCcflzt53W8+iTheiqcwWB1aDg7oBIGS6TI/795eaI"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:MBHVVXJQUR": "eA3rSxZk3Nr+LhFPpX2MSDb/9HwIBlBS0ig+pRZYNkSH1HCydPJ6v+tVLtCrvUb2ygDM7mkdwzO8nU9nhQ0lAA",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "CukM0QAPmxnyeoOtF1iVKL4/btVv76DgafmhLW20g7GFiia0TVGvcsXHPMaseGGiDF6okh/4rmtiiGwwf8ezCQ"
+                }
+              }
+            },
+            "DDFDUUFZNG": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:DDFDUUFZNG": "u02Q47VF3D8lIh2MEFLXKVAp+yZgDPzbdifmtlLNrw0",
+                "ed25519:DDFDUUFZNG": "CJQOGMGHxqWliLHpWmUH8dYcH/OcBMx1L/IHiEk1Psc"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:DDFDUUFZNG": "IYGzFd96JnFceBKKeK+y/jCrz4a1yZjioqlOIQPVzFj4dJ6z7PPj5AUhO+i64p4CCgEJpEQ+ZBjbRjJZBHQzCQ",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "dtvpeZ5reaUM5CyznyonzVHn7Kfy6UKD+4GTrTTnfjrqEbcLg/lklIL5eEqrO/306lDcAFLyKHMQxSghGaeEAw"
+                }
+              }
+            },
+            "OKSGBOUZXZ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:OKSGBOUZXZ": "PDxxvwLtxlRr9ZzyQbFJQnsH1mFmRxbWd0q7BtuaYTI",
+                "ed25519:OKSGBOUZXZ": "PdTQk+sPIb0JsKEuuEQAQYIGSi/nDQURD8EwaDcRiIA"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "5950x"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:OKSGBOUZXZ": "ARRiSmiSXj24OsVEHOHqOpEw2qHVVRfy1SXpJpDLuWDG1CkM07f++Nj0yNomdxR5nXW6NmMaK+am69Z1YdQSAw",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "HSUpGTY8POWC0cOTfGO7uQNrj4CIMFvx0yGQ6dBPpAxlOoe7uqdi935dS8ovaRvwkN2illy89g7KyNaqdHUeCQ"
+                }
+              }
+            },
+            "PXBWOTFZKG": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:PXBWOTFZKG": "xkNeAIWJakKTLG5dAcl5jTF7YW082VGsYn1YUOayhzA",
+                "ed25519:PXBWOTFZKG": "WbwatPS5mzyyorLYQmSmuHoJT/2q+xnmDTkoqytkn68"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Freude schöner Götterfunken"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:PXBWOTFZKG": "eQHlTfyaygnV0GkVE3slxDQ69SekxfkOFPXkpugaY54Hw/aAiD/mmtUXoPjVpHKyElTp8k61e4b/ET3ZBxh8BA",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "NqiTLhJ7d/D2pOkdrG6voL6fmpm/hj++djoYcJzaww/ejvRiDJqaZUET+/v1uAliCWAOfzECzpwlGowvF1kpAA"
+                }
+              }
+            },
+            "YMXLKANXBF": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:YMXLKANXBF": "E/RkNef/8EcDAmfOLCCX8mLM9k3ET1P8RVUvpfA1SnA",
+                "ed25519:YMXLKANXBF": "miI7ZNb9FwaFxKCDA0W5xhP2VIQv+X/LRMgGkPLZi2I"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:YMXLKANXBF": "hXEj6+SWYg+xcJC4I1pfDMW3svItMAzfDigl3m6ccBVQSj2pp1ejIPchQxRSF58X01aClfFe3Pqx+sZ2DVV1AA",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "3LgbofSBJup78qyil9sRelLDKZ2b+JUl/9tkmXAzjQmCi4EDbDsYV9s8QtCwfliwo7KjSQ6cxOJiGp2WQjh4AQ"
+                }
+              }
+            },
+            "QXCOSPSJEJ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:QXCOSPSJEJ": "wWcb8+7g8iIuLXjyhNFpF2ifBrCqp8HJ3pT0rpJ2JQA",
+                "ed25519:QXCOSPSJEJ": "JM5zmxKnGdDUUvlSyiMoNgwfcgYhAMMDh9qeUHF2tqM"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:QXCOSPSJEJ": "PQUMYZEFeyDXuT0vGvRjx6+BQbvFBTK+GmHJQqamQxRUuAfJcY5g0+UWS6/NPdOH0qhYhaqhte9Sc/MOVlooBg",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "1j1OMyoyuYRBfskRa5f4WYZWh0LmnRYCmUAFSa3EwdUr+1kt+7sRWIud9ZmyyjNjx/LKvFab0i0putzdFnOdDA"
+                }
+              }
+            },
+            "RWBRQMKGDS": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:RWBRQMKGDS": "glEuPNw2DQW6W2ZEitUnOGfI8k7dqDdx1ylYkrRzcg0",
+                "ed25519:RWBRQMKGDS": "4b/tEcZtxieKiDBtLGOV8m6sJLxkMa1Naev/S/v6ATo"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:RWBRQMKGDS": "ENdVBhE5L7ZRxHicJ1BR5Z4o/YEisUEfIiwO6naSOoNFtBjSu6MdZRfJf0BoEZM6iMGjrG7lwOXF3jgjYCcSBg",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "9lXBKzJeoDUpyaaWTFXHGMyMj8ifr/xDQkCN+gvVBpm/z0JgsKoQNzQJ+PXQ2OSO0+IvinUXoeGwE5ZjPIJDCQ"
+                }
+              }
+            },
+            "KUQQTRQQHF": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:KUQQTRQQHF": "9F2LCrbtDYSBfllwfWOVos4ss1Krq6RYzy3apVsc2DA",
+                "ed25519:KUQQTRQQHF": "jPZDPu7Iy8l0+loHcMPC/ekMw1bRyyPWzwZE1m7tZrk"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:KUQQTRQQHF": "bYa23azSBBxgBvL8TcMLPhdYSULgfiRxuefq/Rs1Yb+NKtdvbqBTfFJk2i9T/pX3qhdlPkGV0x+duPuqLMd4CQ",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "o5Jhqs5K/dtxChQunFQjdrtauzomKxo+flPbmV7ZjInlJWWM9tBrZY9ZzVtD9EYJjCqAwljzu+T7eDPMgGrcCw"
+                }
+              }
+            },
+            "UFUGIDMJDT": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:UFUGIDMJDT": "qTi1w/KX37+kkVg11stanbPVIxnXGPDOMexTWQK0fDk",
+                "ed25519:UFUGIDMJDT": "y4Qqx+G3NWIKWVUBKLkN2v/wPqOTYedM+w3EWhHUIuw"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:UFUGIDMJDT": "zp7xXMGqaAi+k5HEFGKS4/chxQ8LDHzFAQ4i04PVc5y/fbmbd84xwD4Us+g6TodcfmC/2GOimNKAFpnpGd7YBw",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "obVEd6VEWp54pIbGlnNQlsmOVVrctttduZh1javUeKq7at7ACr9ZaBy+YR+tiXr/6XpFHTFH09W6m4Odhs35Aw"
+                }
+              }
+            },
+            "EECYPNVQSQ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:EECYPNVQSQ": "CXiE0o2HyT5dBLti55HWg2sBYdL97QAHMPByI5SZozk",
+                "ed25519:EECYPNVQSQ": "2rXZI9ccsCd9twjZHqQ4PT7Z0N33x2OCS3f27nLg4mw"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:EECYPNVQSQ": "Bm+ihyYwa/FiZ/cIg2dC//489qPovUMIpSmH/6QnOQq0DyIsuosZrwt4QrG+JFbevx5ZFuiO85mlNdvawwcOAA",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "xNFJkDsLBCUiS1enufNPm2o43IM4ZM3K1o+RN3DN8SLGKPcHJGc/9jMH/1pOv+X5gOf7MnlitGHvE3gqFwoBDg"
+                }
+              }
+            },
+            "HVATOHBKNH": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:HVATOHBKNH": "QAybL/jIElfU0oyfV1Z6xoQosD6PXOEEBiwiiQWqPGs",
+                "ed25519:HVATOHBKNH": "y//q6umycEYD42L8OidwM9asVC0XINIpp98y8l2pHBg"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:HVATOHBKNH": "L4yaDfWwWpuZIb2bXMx2b1pvJr3JbrTB9OUGNWQ+urNrBs2r7xBFjWdooQbBSARFrlObzIPsVLhxkTmMvl57DQ",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "jSaPGvL+0iVSuuzWleb+Y9QnU/FrYoGmua2YD6cPgTmP1qvDLLMPHgRoJnnjfpefUe771oGUEPcWMCC9p0RUBA"
+                }
+              }
+            },
+            "FQXXZWQZVP": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:FQXXZWQZVP": "fjjFVSKKs8VNYKmwvU83S8W8q+mGcXcOtRMqX7oS2Ck",
+                "ed25519:FQXXZWQZVP": "ghpLZVbafs3hy+Ng2TZvroQXJcA/FPRlAhJ8NvNvbO0"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:FQXXZWQZVP": "arVgAiy14nUYrz1uyEN8hL5Ja0fuek0HHHkDUVXEa3BeQJ8zgy1cbN/0oL3g8uebdZXCnRUGIbHLxSRQcITSCw",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "LUjLkfPSQng2Y8EcKmp3eQUdAytmRgMlossIXCjKtRcqP/EA5zCeAZMv5iz+RQHg9N6/gSIC7KIW8kGziug9BA"
+                }
+              }
+            },
+            "CEDQEUYKPH": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:CEDQEUYKPH": "l9rzhMltufrK6IawXSgblredG9BCbILHS6XIVc8KZUs",
+                "ed25519:CEDQEUYKPH": "N1fUadFeckDNJ+DfoL3sJjElJriJzYsFtVVuB4qURTI"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Android"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:CEDQEUYKPH": "ZaE5TxRuXRueSJ9uU95v7FqJplhW0ycBhQTmbAbw+qo2bSa9QQc2wBerKIDyG0RhIvQo+Ciku6L5Fr/YUQ/vBQ",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "kLQOYRBgIxDWunYi6+x/m0ItCqd0pVXiZUFWY1roPNYEiqW/47iZUXszzoCcD3WB3CbGt13ZZvi6UWHx5hefCQ"
+                }
+              }
+            },
+            "RVMGEKWPUB": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:RVMGEKWPUB": "QHDRs516PqvMtTr7m5tZWn+nuh7PX965yuKtiPeaSSw",
+                "ed25519:RVMGEKWPUB": "+KOnFnSfm5ueob0bgzMX0dzLF5Y3AQLlCKxT0Z1Cz7s"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:RVMGEKWPUB": "aT8aJygzBq1Ru1tbayvB4SJn3Cyqn2enx68rj0ztrdWi/Usmf1y2dqNVrXUAppRrrmCryMCygT0B4fR9P6ZbAw",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "f/eQzUTvbUdtoKojVLodIPH2Oz2BNEaBSTSdvMGo0bz99sxGTLxz4CTQyOPJUSgNao40Pd0wROUpvZAVw/8nBQ"
+                }
+              }
+            },
+            "FITYJXZPWD": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:FITYJXZPWD": "XgBCVyzq8JlbGWo39M/YJErE65pAxezahQH+crcO+QQ",
+                "ed25519:FITYJXZPWD": "u2BQLtO9Mg1HlI0wqHRiABEJom902w4+tmMLrglkEno"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:FITYJXZPWD": "zrfLgbTTXvZUCa5Q9i+frWN0cU/EhcG1GKwPtxEaYK1nWU9U1dSolOSbf+pdwLNOhOb7zAdQgesR0TV1LIFaBQ",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "SfByfINpqvlgGGfhPTN3rwKA4Mg6uBaqxukkOkuMT5s1yKIXkoGMIEfDMyezZ2eWLztnyFglWXqsJbE2g3zBDw"
+                }
+              }
+            },
+            "RFLDRYHHFM": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:RFLDRYHHFM": "T5UGMtNtk9pIn8IeHyoyHU9S4WM9547XAKoO1n1VkAA",
+                "ed25519:RFLDRYHHFM": "MZn3M/GwyfnJe9Upy/clKKA75vOdKTgK9cSVWkwo0qE"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:RFLDRYHHFM": "11D4vcECY4Nzm/XU7J/XS6EXxqA0CUT0kYe5CJC1CSN88bhfpXIC+1W9K/g97vNMPWPkfn76NsUAOcmReCmuCw",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "sb2Myh6/+NeAaHmQfcEy81uhJJbJ/vmPlWIyZCLRekhvP9G35AtIgD7DZT6re7mbR06Ut2afsR7gy5biYD4tCg"
+                }
+              }
+            },
+            "UWWFCCXVAB": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:UWWFCCXVAB": "P+hMAaz3lio3uS4rv/7TfA+DPUVgxzkwoEz9Z9Ojzj4",
+                "ed25519:UWWFCCXVAB": "6+9jhcSgseAmMbqRvbkkkRaRtSqXqKHHXS8fMw5R4sU"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Desktop: Linux"
+              },
+              "signatures": {
+                "@erkinalp:matrix.org": {
+                  "ed25519:UWWFCCXVAB": "D+prV4rDV2a80N0s/FOXQBayG8mPCqx1CyhA0/EBarpb+V+u663pkK5R3fydvFJH59yi+syhBHestyAnqdGoDg",
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "omAwztHMpK4p7pUnlZOXfjQ5jYFUFUVS4km66j1QCIX6eSs6GTpOAEvIefavUlJQXKwOU0Z1l7dMbjEIEeeeDg"
+                }
+              }
+            }
+          },
+          "@valere35:matrix.org": {
+            "HNTBRCSUZG": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:HNTBRCSUZG": "z5apjHg54MJL3Tgp8f2JsBl6g2nOQ/dlDIQcvKfl5U0",
+                "ed25519:HNTBRCSUZG": "iXWJBWEbNtMf3hNauOV7rhb2EtrF75KRs69lmpSeiss"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Mobile"
+              },
+              "signatures": {
+                "@valere35:matrix.org": {
+                  "ed25519:HNTBRCSUZG": "gwfnDwW8ZLjWL8F6qdMyP5Q06b+jTJGA4Dz7PSDKHsQleLQn288QxO2jHUQV7mTN3m50JM8r5f5dbN1vBFZ8BQ",
+                  "ed25519:7Km4ES6LNW+10GgNL8svY62cRD1uxHoK4X0QPl4tYeU": "cyKgpGUSjbyShg9J9MQ3MlgfbHh2PmNBlmdR4oQrvjHyXQ/+XuuUDgb2QES864hCLWyakd8B7Cr4Ugv9rMCKCA"
+                }
+              }
+            },
+            "OVEFLOLOMB": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:OVEFLOLOMB": "5WlPFqhzsObznutZlEVkVOvXeu8J0fkX2q1Zg8fgu30",
+                "ed25519:OVEFLOLOMB": "R3G2iKCPN0wlwLDivGz+o+dB30WMZHrJFV8SHhNpJgk"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "develop.element.io : Firefox pour macOS"
+              },
+              "signatures": {
+                "@valere35:matrix.org": {
+                  "ed25519:OVEFLOLOMB": "D3gVdIUr7fe+Z/TnDpKysm0uI3BnRabqP/ODFqg469+/AHrEx3x2yHD6PcFACg5uCRLjWsSLbkGmcTNoWnUnBA",
+                  "ed25519:7Km4ES6LNW+10GgNL8svY62cRD1uxHoK4X0QPl4tYeU": "WujpKvgphnN4+3IMrDdf7NQ13ayuiNG0hX9EacbOGBSQ0URKC4fPYCNQQxv+c0DSaL65M4brt/gz2+ySLrM8Dg"
+                }
+              }
+            },
+            "VFWIEEOYDC": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:VFWIEEOYDC": "mKzDEB40QgdCV+Eqh6r/neYShY+xHsjXVfKo4AL93T8",
+                "ed25519:VFWIEEOYDC": "6T3fYcHsxVdHXpUflXYTNWklrn8OVww2BV/ws+f8yqs"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "develop.element.io (Firefox, macOS)"
+              },
+              "signatures": {
+                "@valere35:matrix.org": {
+                  "ed25519:VFWIEEOYDC": "/qa36l9zlpclztP83hpXs64cO2cZlaPoftywzbo8GHZT+OM/btZaoWb6VbhRdO1OlLL4cYO2Krn8KB3ytVngAg",
+                  "ed25519:7Km4ES6LNW+10GgNL8svY62cRD1uxHoK4X0QPl4tYeU": "igzfPgivUJgHv/4y9cBgIWuw0G8NfHACOmXXGM3U0FziczQfmnjwhzFydtolLR0BrAyBceqZH5/QezcavSuRAA"
+                }
+              }
+            },
+            "TTIMKYGTHL": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:TTIMKYGTHL": "AFLbAuQ/SbGNXK7UTyaAGIY1/dTtyFokr8w5cIW6V00",
+                "ed25519:TTIMKYGTHL": "RWEM5ahPUrv9fTBjfLuQdl/j6q5T93tfq46wN9pwBDk"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Android"
+              },
+              "signatures": {
+                "@valere35:matrix.org": {
+                  "ed25519:TTIMKYGTHL": "2lvun4MtZWW/C0df/EBEyS4kAPdHk4IRItSzXSaDembedGQisVXLDf0tOWVre9G1YDz6y1nYtQ+upnQs1NxSAg",
+                  "ed25519:7Km4ES6LNW+10GgNL8svY62cRD1uxHoK4X0QPl4tYeU": "0Gy2haj8MiJFtHK3fDQdyhICy8os5sRVrT1Js1uu41JFQMO7Zpw2nCjm3ISV9tphbsmyyIusTinnRXreM77xBw"
+                }
+              }
+            },
+            "NTUTBPVWOO": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:NTUTBPVWOO": "NglEm4lVqx+7EXvQGdSOpbZeyl0n6peMEb6j0KnrXxA",
+                "ed25519:NTUTBPVWOO": "RXeYWVZFVQlQzS4X+TazbwLLM4EOJWK5divj9ZPu7Jk"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element Android"
+              },
+              "signatures": {
+                "@valere35:matrix.org": {
+                  "ed25519:NTUTBPVWOO": "8XWVlOf6kp3tZdaWfffmx7bFa5SjF4edqd/0VwoI2IxhRmLMn8aiy7YmF1CLE8F0OVwE+NRXQ0HaWOQyJCZ4AA",
+                  "ed25519:7Km4ES6LNW+10GgNL8svY62cRD1uxHoK4X0QPl4tYeU": "A+qoi21V4nGKDqD9jn0iJOj812658iXtj75o+MJCM4lmK2mVpXoTYS191Az1DwG/s0O4y/xT8RpQmbEXjBn+Ag"
+                }
+              }
+            },
+            "QMTMLMXPNZ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:QMTMLMXPNZ": "rZ9e67vd97LrsWS0UrkPwlQ5Vo0Oh4Y+/ZvSbgmQTQc",
+                "ed25519:QMTMLMXPNZ": "RDrbQ2yhNcSGI0Km2pfCS8LaR6eOSvYdhzLfJ8Xsno8"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "ElementX Android"
+              },
+              "signatures": {
+                "@valere35:matrix.org": {
+                  "ed25519:QMTMLMXPNZ": "xAWuJB5vin7SmciOB6Yo+Ti0/q/wGNELdCSJS43LzJjKC2d+y+t1cOuDpJdgiBlvbGTX4M3MG86JdhLl6kcgDQ",
+                  "ed25519:7Km4ES6LNW+10GgNL8svY62cRD1uxHoK4X0QPl4tYeU": "E0j77t//ZnFbwO2C++hp1mp9OUvKYFxvtH6MJnUMo504tyvOoBH+/lu1NY6VFsXvZbJeV5wz+wt+8T/yZyOCCw"
+                }
+              }
+            },
+            "ZEKOJXJSTH": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:ZEKOJXJSTH": "s41xFeKe3NKtqbwog30++kfOvfD+kbJciTvdA7m9Jj4",
+                "ed25519:ZEKOJXJSTH": "qiagVCMwimpeidMVClQKIW1NmkM+foCTy8xc1o1vECM"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element X iOS"
+              },
+              "signatures": {
+                "@valere35:matrix.org": {
+                  "ed25519:ZEKOJXJSTH": "g2hEJj/redAI/YRjw7X3NOt7sAn1vITX9WMvnaOs2vUpAiwPbnehfvApQLyl217FNpbsu2V/7WDLrfo8D3YtAQ",
+                  "ed25519:7Km4ES6LNW+10GgNL8svY62cRD1uxHoK4X0QPl4tYeU": "J3NKeyYxDoCvSnkwfRrcL95T604y/hCTMW4iqUcpI0A/5fNiVsIgB47neGoWTtra+H50Q0ulcnh/6QsW0ctzAw"
+                }
+              }
+            },
+            "WEFRZHKIQS": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:WEFRZHKIQS": "Y6FfL8ap5ezZBSOx0J6k32shoEqo+SxjdfFCUIqZulg",
+                "ed25519:WEFRZHKIQS": "BPiMvubk+axJmcushqtoM3MO0giGNR5ejQPlXzRItYM"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "develop.element.io : Firefox pour macOS"
+              },
+              "signatures": {
+                "@valere35:matrix.org": {
+                  "ed25519:WEFRZHKIQS": "ZHoFsiHNNgos1Px3yTMMD/HHIs/y+86uwmeYeFWjd6Ofr8muRqADcwCPcL8Chd0mMJHKwH92IZvptlIA/kbICg",
+                  "ed25519:7Km4ES6LNW+10GgNL8svY62cRD1uxHoK4X0QPl4tYeU": "RwLH0EnZy/A8jCU0WuMmKl03IgMXU3v8FMQxKi/KMKVAfOtEY4n8Fj7NHDhqp2ZeB+M1AY+vHxN86rFrhSB1Bw"
+                }
+              }
+            }
+          },
+          "@valou35:matrix.org": {
+            "DNMWBXKPMP": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:DNMWBXKPMP": "6842aI/O/ma6+IshHxq7mm5p2WOKbMjeP6omOPOgCjk",
+                "ed25519:DNMWBXKPMP": "cPWAGNiRHuACjhb2ca0bgTZqg7LLnpUajDAXIIV5ZhQ"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "develop.element.io: Chrome on macOS"
+              },
+              "signatures": {
+                "@valou35:matrix.org": {
+                  "ed25519:DNMWBXKPMP": "ZtfydeP9fzJSSsCTZMcCjgPGOQwkyfDBPmyM9wVACqff6m9lyx7a1tmjneahTI5hFaXa3NHaiq2bMJ2vILgNBA",
+                  "ed25519:S/mXefzErTisv9ORx3exK9KOUo3NDexwXuhI6pUdwFw": "JndS8hFve3LfSqmJbM2NQKJ9LlTSGbsCeoOXTmGYlnA3oE0V5FJE+rKdDDKzp+PH/JlgKUdKBypEygsR5LGbBw"
+                }
+              }
+            },
+            "UQOMVNNGKO": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:UQOMVNNGKO": "USI7cG9J/fdfBBkAw27JJawVP9AyNuGLsSOFdbQpPSE",
+                "ed25519:UQOMVNNGKO": "sXHAYdjzVeONrcCVpfopJ8P1VgKfliaxQlsHZGYgZAY"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "app.element.io: Chrome on macOS"
+              },
+              "signatures": {
+                "@valou35:matrix.org": {
+                  "ed25519:UQOMVNNGKO": "DrMWZKxpveM/6FFDlJLnLHFMQ2Pfiuga6Gqk8DUXLob/EYfa/+pADDNTllzyHSP8zUK9mkx8G/SRkXnNO3F8CA",
+                  "ed25519:S/mXefzErTisv9ORx3exK9KOUo3NDexwXuhI6pUdwFw": "X9td1kd76LdIEZTf1OexHFbPAFnQ/zf6UCN3SVEjIpoDzBUYohc3+HADdS7e2SuAzBnrqvB5se03KqL55HpWAQ"
+                }
+              }
+            },
+            "NZEUKRXQMC": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:NZEUKRXQMC": "7GG0xijodo4mbL9IfMpPqYna4SE1Dxym9zJgqfnHeSI",
+                "ed25519:NZEUKRXQMC": "atyjWbWoU1a3gThRfUG6ZN4cQSiU+t6pknBLm2vZh+4"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "develop.element.io: Chrome on macOS"
+              },
+              "signatures": {
+                "@valou35:matrix.org": {
+                  "ed25519:NZEUKRXQMC": "Q6xvAbiUOZCotE5mhNJQXsoxKn5LKQpG7HKjBgg7ZQVwvyCgVOl+CZ6/urFhPUvuA6ZRwskYSTWobW5V8vP3Dg",
+                  "ed25519:S/mXefzErTisv9ORx3exK9KOUo3NDexwXuhI6pUdwFw": "UK5IE95hf+26e1mSbop2DL2c2zyASrHNVxVmDnpM1MktJ/JxTenW8CrhMKybf72x1qXlGSKWmmHtI1u3wT3DBQ"
+                }
+              }
+            },
+            "KJQRGVJYFM": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:KJQRGVJYFM": "oddJJKY2QmwhoM6kyBVDUyjoDceco2LaknWavSBWjCo",
+                "ed25519:KJQRGVJYFM": "rlKVGw0h6wCQcFgWHnvNcjxC+0XEVrrVO0006ajeFfI"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element - dbg Android"
+              },
+              "signatures": {
+                "@valou35:matrix.org": {
+                  "ed25519:KJQRGVJYFM": "YYO3sWEwUUXohWN02cdkfW0IKPbjtn6X5ImGlthimEli2ZCnkKLXD0hd5gChq7jwWP78dZzI84ilcfbGpGrDCA",
+                  "ed25519:S/mXefzErTisv9ORx3exK9KOUo3NDexwXuhI6pUdwFw": "+XALgC1AV2QkF0goNhoAcoj7P6nf32mTvjSexI025+YVN+ZYzrptIO0+lAoETKzxVTKYX0jQPYSf85bmkqfuCg"
+                }
+              }
+            },
+            "VARLEULJHW": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:VARLEULJHW": "WTEctJ3c5nTP+KLS/XtZRXOB5dslpljvOSG1mujGJgE",
+                "ed25519:VARLEULJHW": "3qnPW4dpPBQVTmlRkHg3luWhfvMs01OKmRg1iqLV8HE"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "pr10080--matrix-react-sdk.netlify.app: Chrome on macOS"
+              },
+              "signatures": {
+                "@valou35:matrix.org": {
+                  "ed25519:VARLEULJHW": "wVCbKAofTQQ64qzXPdEBByqsqduBRCKYZXqJcLvpR12m42j4OgqN21l6DUDdLrjHGRSlf6Mmj/8YUEF0LkXQDw",
+                  "ed25519:YC6EIJpSJM1qC1B7Q7HMLSE6SiBxN4jxSOnxrhVCgQA": "NmeAAabHnHjSsycQ8Fn85B3GOYLRBB4QvGO9dtXzi/mvxp0qMifCL4tgXeFHXFuFNnIiE9F/3eLoILXgoZFqBw"
+                }
+              }
+            },
+            "CVLOWPCSUX": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:CVLOWPCSUX": "jq/Xl9TNixlI7IMejX0RU1YdE1nlDj2nU6bKuOWriQA",
+                "ed25519:CVLOWPCSUX": "tV2mHKPsRI3cdmnFiH7ojeO8Xe+BEwEype138CUVRLI"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element - dbg Android"
+              },
+              "signatures": {
+                "@valou35:matrix.org": {
+                  "ed25519:CVLOWPCSUX": "zllIAItZvyTTodG8W0siq/g/fLivi1veEIGk7BoaITUeSzVNxMslJqd94nUg2pzlHy3R8QSI/3ahaicvGd8rDQ",
+                  "ed25519:S/mXefzErTisv9ORx3exK9KOUo3NDexwXuhI6pUdwFw": "jO60Ho0cRdftIBA33kN9UVIlX1AgmzTOMbKlZHW6LS7G/FLbAPbLpBaduo5Wpq3QIJi/FQOI3FU9jGyS753EBQ"
+                }
+              }
+            },
+            "JLGHKOMWZB": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:JLGHKOMWZB": "yhRw2EorPzpqzTT7RPIEy6nOLfZyu5lwVJhQwYH7JGo",
+                "ed25519:JLGHKOMWZB": "jVVuln2ZwL8jLMnm0YGq2OkOUyFZTN+Pf5BFH2+LL3s"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "Element iOS"
+              },
+              "signatures": {
+                "@valou35:matrix.org": {
+                  "ed25519:JLGHKOMWZB": "n2VwWk5tLe3LH4YQcnVWpFGR9RW5MkZ4DBTSTKYouQnMrpZnQJ4ES/bEAHpR1zlzJxX+bQY48HCE3QCI51eOBg",
+                  "ed25519:S/mXefzErTisv9ORx3exK9KOUo3NDexwXuhI6pUdwFw": "D/Q6hzMocoFIh91ILl7JIue3JtQ6qJtzQ76DQjVnRgrEj0qPtgRi1BUA6dFySRjs9JrdGTQKdq1uUck2XB3kBQ"
+                }
+              }
+            }
+          },
+          "@blade:darkness.services": {
+            "FWPPKQYTBI": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:FWPPKQYTBI": "mpDdYm329H6lL3xCmkG49dmEE/QtpYuN7oEdg7btMhU",
+                "ed25519:FWPPKQYTBI": "1WXoADUnYzPzzkx4C1IatFsMcggU9ZRcMJKZdMMeK9U"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@blade:darkness.services": {
+                  "ed25519:FWPPKQYTBI": "9cbTum1vaSPTNYwx00Wdsrtu4ybw0GI0Zjlo4CPiJOsxDudrRqbxwTeB9h+eUNtS2kTFTQGII9garjVt3KpKBA",
+                  "ed25519:SDq5Mf0nmheZU+rNyApv+CqfofE/AMXbFXPwO7zzssI": "OIdkskHLkKgQCSekzrjpVBbCFUXmc+3450o5KBxoTRV9k5v+XnTBl4Jw0ctkdkEtkNwzp6pRMdTltATO6u3+Dw"
+                }
+              }
+            },
+            "GWVYMPGDDK": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:GWVYMPGDDK": "fCdJuty52TzRWKOb/JXCq10mkBSwaG1QWA/ERmE5miU",
+                "ed25519:GWVYMPGDDK": "IbRy/oDeM4FcK3H5g4QA7+4xQFY1fd0v1D7OwkdMGnQ"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@blade:darkness.services": {
+                  "ed25519:GWVYMPGDDK": "xRihEAOaaMwiR3bcgBPc7nRYTuH9AwjLz7+3YlyY5ObBU7ato3QaGvQ4BB0pO5KS8biT40AssfpeFh6pPdzFDw",
+                  "ed25519:SDq5Mf0nmheZU+rNyApv+CqfofE/AMXbFXPwO7zzssI": "aL79vAsgB17qxiKRkcGSo2fKT1qfvYRcBEx6rwQdcwN9L5zO1bQrIrlA8xSZSIx2WYE06Uh/YiNtd2Ml/tBsAA"
+                }
+              }
+            },
+            "KZZFYVCTWS": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:KZZFYVCTWS": "dQ6Lh4Ayv9fx54z9u0m9DbfrF0zFUcy10tO66+yBPxw",
+                "ed25519:KZZFYVCTWS": "A0LNF5drgES8owV+zeo6XrXjbyZ4RrH7hZGRmFrlX+Y"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@blade:darkness.services": {
+                  "ed25519:KZZFYVCTWS": "QjTKQHkM5GZMfqDU5shYySC/6+OngW1TbRSQtmS7vieVkGkUDEUtEFTPWxwXOn0VArYq38t37oksau+2+0qjCA",
+                  "ed25519:SDq5Mf0nmheZU+rNyApv+CqfofE/AMXbFXPwO7zzssI": "5bkRrJpzecJRQTOrvRoLEI3uObKwvnkPh1CZZwZ/GFSROKHNNgxfDbZvRtF/LBGVMIJkOun3Qjkg0C7mPWuwDQ"
+                }
+              }
+            }
+          },
+          "@thenamelesswonderer:thesilentlink.org": {
+            "DYMTLNUQNH": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:DYMTLNUQNH": "EoOIGrUF65hqzPrYPDrdnp4o4cfiDA9qqZbdrUb8N04",
+                "ed25519:DYMTLNUQNH": "fBrOZPuVuZ1t2eMBY+nHDPegH2+LY7TmkJ9+d6LDB/Y"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@thenamelesswonderer:thesilentlink.org": {
+                  "ed25519:DYMTLNUQNH": "7AFzDjj/WXKdomiJ4ENfG1eDpN6AAL4qK3NisHiowmwXXVV+RlQhmO1uVtnLo+qNAkx1DCd8WWy6DOweu7HgDg",
+                  "ed25519:EOxMapODdtffAK24bZv8W0FoOYWg3FQ4h5KrjX2wXFw": "Qqo+Ehja3D+EHhOhp2RshNGZTFjcfVMEpuXox+my+u4rZTB6zK7/rQ2YxxVGRRPFfW4BK1eZ8AS03/JvxAhcCw"
+                }
+              }
+            },
+            "FNQTZBHLII": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:FNQTZBHLII": "W/9ikoZ+QsflawTtxPq4HJ0kIlcjZusacQdoMp9T/FU",
+                "ed25519:FNQTZBHLII": "mMKUane9dhsDHCHoaAN/zUymyVl6XCltEl5wE68PGvM"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@thenamelesswonderer:thesilentlink.org": {
+                  "ed25519:FNQTZBHLII": "eIlyWfI/Sa2NvV1X1+3IrvBki1pdUbncbEJrQPpXjabfFzKwJ3r208nEnycPc66euEnerbcaG/7GD3ZqgSm2AA",
+                  "ed25519:EOxMapODdtffAK24bZv8W0FoOYWg3FQ4h5KrjX2wXFw": "63+8f9p1BRpg46W99pp6zcpmQuV9YDLTi2MOY1dWN/bCbNN2t4hYIVaGjMeLA2LiU6+avdBDP6QpsoDS8wr0Ag"
+                }
+              }
+            },
+            "GFWEGLLTGR": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:GFWEGLLTGR": "r5ri9JjKE7uoPUgs6aCRbiiQ7uzyyV6Eeo7P8FIMGQs",
+                "ed25519:GFWEGLLTGR": "mCnKe06C9Pt8oD8z/FlWMb1TquVJdfkcOaTOK1w0CZM"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@thenamelesswonderer:thesilentlink.org": {
+                  "ed25519:GFWEGLLTGR": "5XMgKmKDFx/dn6PR/iHRY0ObodTlolw9C6JHeN5rAX8tQm2veYrkHzJcZHiVlr619V2Ib+2a7jr/Rpzk1CurAA",
+                  "ed25519:EOxMapODdtffAK24bZv8W0FoOYWg3FQ4h5KrjX2wXFw": "72fFG+ernhwR3xXzwegcwxCUXT+fP7J2F5nWtsPh/wEhAV/amYV+upsnzRNzMUWxBXO8/vufN1cvhnoQSeTZCg"
+                }
+              }
+            },
+            "GTQOJITBXU": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:GTQOJITBXU": "HaKznFaTBGGOsQ4bIZlOjPJaMiCXU41QPiK5UhTOMVw",
+                "ed25519:GTQOJITBXU": "lkQfYto+GXfREbzLzX7U8pqYLoVTTgR8/BiLBoBBbL8"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@thenamelesswonderer:thesilentlink.org": {
+                  "ed25519:GTQOJITBXU": "y7LmYSeEx7sMMPlia7O9GdmPItJjws20x0FUyVAD8tqnPMAw0nLucVOij4TsCHnPeUnWg/DFABhvM2RShMXwAA",
+                  "ed25519:EOxMapODdtffAK24bZv8W0FoOYWg3FQ4h5KrjX2wXFw": "Pe6fQWnBFO9G4YlS1pu7BExZHxkLhOwrbIpHgUeT3qc7TMuN09iE8L+M6jecE/CtD/KxvGrzcwZg732or3aiDg"
+                }
+              }
+            },
+            "USFIMNFBGP": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:USFIMNFBGP": "cUtDm+vxw8pv16E0gCILzGq7xGotuLDgrXVt/NzpUgU",
+                "ed25519:USFIMNFBGP": "SErkQxsVNUMSTwiHU8zg0+TurwCC/hApoX4+8M58qzk"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@thenamelesswonderer:thesilentlink.org": {
+                  "ed25519:USFIMNFBGP": "HgP4Bu/QoB7bzY6dhnN+4Hsch6SSH6tU+PzUBFxPaC7sRf17+srfUkBM4nqcWFzVP3fgSMxF/9T1hPat6nTjDg",
+                  "ed25519:EOxMapODdtffAK24bZv8W0FoOYWg3FQ4h5KrjX2wXFw": "sY6hstMGh+jP0PBomFwiAo5tvQ4bxqtaltgeNqo/RB2CMRt/S8EFequMEPxN0o28joTYBLHdJOPn2AgyxpIvAw"
+                }
+              }
+            },
+            "VTLPDNYGGT": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:VTLPDNYGGT": "Je2Yu7uMmvRe3sExUnopq5qm9iVBet30qseZ/dBelz4",
+                "ed25519:VTLPDNYGGT": "iPEA4BHFBNfFHt/rSOz9LOb/LRfPxaGimE1ddk+OUT0"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@thenamelesswonderer:thesilentlink.org": {
+                  "ed25519:VTLPDNYGGT": "5telU5b8xTUblSdFvkjqbrErogr+JWPTkiAXKAqjDQ6QW9Q4M9s8n0WUavmm2kSSU/gQ0vcmw1CxNZ3Oo9ioBg",
+                  "ed25519:EOxMapODdtffAK24bZv8W0FoOYWg3FQ4h5KrjX2wXFw": "jihdy5Mlr63sK/rQyu5CgHmrWDiDXlBgpAGSzZDfn9O8IAbocTJIe5jpv/QPLx6a/+GlDtWsz/2r5QzQDKbTCw"
+                }
+              }
+            },
+            "WGBVKPIVBX": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:WGBVKPIVBX": "BwPFLr/woDgpjlkSdmobeXfbvEk0xuThQdiiDdXXvn4",
+                "ed25519:WGBVKPIVBX": "zsntONDO82J4ZrSwI621wRijdcJ4YOguVhjWjQOfcrs"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@thenamelesswonderer:thesilentlink.org": {
+                  "ed25519:WGBVKPIVBX": "epDqy5rZBJWM00eslCVLab28UL6SOGS1K51JaX4Po7jWJC19rvuh3wnY2NI6o0MGuxpRNsY+1IH17cfHTQUECg",
+                  "ed25519:EOxMapODdtffAK24bZv8W0FoOYWg3FQ4h5KrjX2wXFw": "mXjgR30WA769KQY34dmvbjAPlAjf3oIcPvYAuDFDZ4yNw0DJaDl8chMf4G9wSvW+sLBAfDKCIbCPdLjSDmNIDw"
+                }
+              }
+            }
+          },
+          "@mugli:grin.hu": {
+            "DVSDJHUENU": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:DVSDJHUENU": "JzPcaigdu8X9V4cQrD9kUtkLilW9xUxqDyaZYfYAiEY",
+                "ed25519:DVSDJHUENU": "9b5Z++2MMhie8QcGR1482S3xnTaRviDOze4jNVVIPXI"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@mugli:grin.hu": {
+                  "ed25519:DVSDJHUENU": "ovA2IrQ+wHEYu491YgzSFaKVUEoIMQvJorTww6cH62CFPqLxkebvXNa1fmQivRUwdgto/mECyLrAhwMjasijCg"
+                }
+              }
+            },
+            "DZLSPKNQRC": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:DZLSPKNQRC": "5Et60qTTdS8ooYDAAn6n1GTxLofUff6bO7Zl/JMZC1I",
+                "ed25519:DZLSPKNQRC": "6Mt6qgcuPG5sxNAScRzVeP2QBH6KuTzyJh2ofNPkyfA"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@mugli:grin.hu": {
+                  "ed25519:DZLSPKNQRC": "UvR4C1+mkuYiY/0VUqgFiANSVn6nG9Sts3Td6nsFfii4R42/LMBN+9HV72m14mWcpRM1w7LY/Chr2F0nru7fDg"
+                }
+              }
+            },
+            "IPSXHGGYWH": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:IPSXHGGYWH": "X+bZZ3aB5gX5i1EBn2UafVINUYW4k9tBKujR0cHY8xw",
+                "ed25519:IPSXHGGYWH": "LU/lRshKi0hnV9E8qSTUKDlwmM/DFKG0AszFofmzeO8"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@mugli:grin.hu": {
+                  "ed25519:IPSXHGGYWH": "DhsKFbCWbdIsJvTBElNlf9GsUwwUY65G6V3OZep9bcAXCSAYVVnfRTDybchlGmvraICAgZ9KoWtswJrw/5pKBg"
+                }
+              }
+            },
+            "IRFMWEWBTD": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:IRFMWEWBTD": "nUnyWbVhLwH1cDBigQZTGG3Cwojv28iNGikim/0RnV8",
+                "ed25519:IRFMWEWBTD": "1AzVNGlbaZfATAD/mMO0Bu2MrHHmfrUld6Bn2RCVZ/Y"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@mugli:grin.hu": {
+                  "ed25519:IRFMWEWBTD": "6R19n/253WSh8bJDUujnY+UeeMfZpyYcxn9hvwPhyh7nyoApsanRw098Ft4PD1iz9FDIPul/tK014lEpJjBFBQ"
+                }
+              }
+            },
+            "KABUNGDKWQ": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:KABUNGDKWQ": "dl4ygF4NbLpDkVOZZBGYz1Bwj7JHk7GVatDT7qavo0s",
+                "ed25519:KABUNGDKWQ": "3Mk3r+gQEPfGonrj/i/6UfDbBtK5WgLVI15lh3vdhIU"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@mugli:grin.hu": {
+                  "ed25519:KABUNGDKWQ": "MclYgShLAr2NXIC4W3eRqIkWUSgsK5bjVoaQ8iZJ3+kSMdsloHt91/oz5tHuSAuDqNwhc24EO7OWJSxL/SDLAA"
+                }
+              }
+            },
+            "KGDDMIBMUO": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:KGDDMIBMUO": "i9t/8NRaPNoz47332pw3kpG1NogbRz/wPHoeWcKd23M",
+                "ed25519:KGDDMIBMUO": "ihZ3n68rHCj5yKMlDhINN3J2H8uP3q8tfCFBSDXwRzc"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@mugli:grin.hu": {
+                  "ed25519:KGDDMIBMUO": "zzDk5Pz9FVb7yGCpnx6nJhRjwbu6IPJ0Pbx4Eekf81EVn3DeOzq8XjLmtfDf6SeKsaZ9RIW4Je/mjqwzyolGCg"
+                }
+              }
+            },
+            "KMCYCEQCMK": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:KMCYCEQCMK": "yjRmuOthQhxU8v1pDNbBNY3tI/AQUKnxyxkLAbs9ei4",
+                "ed25519:KMCYCEQCMK": "zm2P5V6e4osJB9X2Qf76IewUCayBo13wS0sqRA/y1DE"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@mugli:grin.hu": {
+                  "ed25519:KMCYCEQCMK": "b60o73GSIOHs1bJ9ewhg3SS3k0tiMKg9+0bYGZnwzc/3gqbxeOcb7YF/AcJCRoIToi8fiBjTtW+1IVLhrUQVAQ"
+                }
+              }
+            },
+            "PMUAJADLAL": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:PMUAJADLAL": "s/hFuk8MJX3pT4ROc4WohFyk6w0cZiamERhkyjx3YGE",
+                "ed25519:PMUAJADLAL": "snjEd/96Sh6sI8wTmDW++gxZDbNUfKqDTco2w4B8Jv4"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@mugli:grin.hu": {
+                  "ed25519:PMUAJADLAL": "qsWHkSm6miBW183h5sFGTMXVI0OuASfgqqRGTTpbhczbS/xIJyMNmk3ixm9OvVPbwyD0NuiBFqG/RKxyN4jLBQ"
+                }
+              }
+            },
+            "RRBHEJDHWT": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:RRBHEJDHWT": "0e6EEjrAoxIw/DZKERXUDLWEsoA5peBFB0s4/Lld4iQ",
+                "ed25519:RRBHEJDHWT": "DFCAjviK/j1NUL58rqfgIh0XqEDSwCOH90WDEr9TygA"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@mugli:grin.hu": {
+                  "ed25519:RRBHEJDHWT": "x7QSFl+3QgPHJhTe1VB94VnXTWhJNe5mJ+1kPfA2poXrqQ676a6EjpbkKC+NJ0mWVSYAH/ZVApKqDfV8VVpMCA"
+                }
+              }
+            },
+            "VQREGALMLU": {
+              "algorithms": [
+                "m.megolm.v1.aes-sha2",
+                "m.olm.v1.curve25519-aes-sha2"
+              ],
+              "keys": {
+                "curve25519:VQREGALMLU": "0NwRhYAFYprVgLHUFPTQa2sSg4f9o2CKggc+Mm4BtVc",
+                "ed25519:VQREGALMLU": "cfZplvgtQwUA01jQwuDOUexh8kn9ZB+bjfzShOEYqWI"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {},
+              "signatures": {
+                "@mugli:grin.hu": {
+                  "ed25519:VQREGALMLU": "qR9qrimso40BP3zT5CLlepznuetUBtSMTndir7hW2jadmFn5wFwre+0FDHJqwXKNcu/VK+s/O6iykCdVzDRsCg"
+                }
+              }
+            }
+          },
+          "@richvdh:matrix.org": {
+            "IUYUDKWEMN": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:IUYUDKWEMN": "XIHKG94x3Ht82rKysAQTltL41jxqGqiKT+rw4BtYWx4",
+                "ed25519:IUYUDKWEMN": "3NW5D16quKE7QO/RBBR1JynIHrgP4Mqg5JvP5cQfCh4"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "develop.element.io: Firefox on Linux"
+              },
+              "signatures": {
+                "@richvdh:matrix.org": {
+                  "ed25519:IUYUDKWEMN": "4/ZACkzKheqOREM8rsvsMoVVkzbVPlLpWHARp/RWR3Qy91BhVz3pbDmzgenSCvrF0CRQPD1OHpg6cXHZEHDkDg",
+                  "ed25519:GrYuWJGHBHNSpUyeejbkZLhm0Iz3prCuXb5q9IZYT9Q": "uPnDwHA/9Tv9IBN5F+khBVgpAnAey+tstEwnrkkrxK/aAb/MDZadxuAS+g+VgGJjZ2Ph8uM4U4hIhEy0VFxFBw"
+                }
+              }
+            },
+            "NPACWYDFUF": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:NPACWYDFUF": "oxnPOPHpTlTRRK8N/WgTpsRlSVws9H2LAJLXk5KNmGw",
+                "ed25519:NPACWYDFUF": "VajcwGFNChT/umqdFl1D2CZ40rnoB82J1HcspUBxbbs"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "app.element.io: Firefox on Linux"
+              },
+              "signatures": {
+                "@richvdh:matrix.org": {
+                  "ed25519:NPACWYDFUF": "WB78DTtzIyMsZnJnZKIJh3ZZ07l44aZXmLL6UlVibyo19awsVh9lv2kXanMmMGW1/Ss4QLGGtD+qDiHJE18mDg",
+                  "ed25519:GrYuWJGHBHNSpUyeejbkZLhm0Iz3prCuXb5q9IZYT9Q": "r/ZEyRAoeMjmZLvKXE9U4hpa56gnNAIyo/cIfocSYZ9Ar4OAVt11t/uGdDmIgB1CCBlHp3LcJE5H6Z3x9/EpDA"
+                }
+              }
+            },
+            "QBMZUNYVJB": {
+              "algorithms": [
+                "m.olm.v1.curve25519-aes-sha2",
+                "m.megolm.v1.aes-sha2"
+              ],
+              "keys": {
+                "curve25519:QBMZUNYVJB": "pxMU24GwRGJRCRCU4FhjQmIdwnbeGcmBnW/koM4VMmI",
+                "ed25519:QBMZUNYVJB": "09gboVqN845h1Y/X+Y3nz0oxfURx8WveHTXYM4jubBc"
+              },
+              "verified": 0,
+              "known": false,
+              "unsigned": {
+                "device_display_name": "localhost:8080: Firefox on Linux"
+              },
+              "signatures": {
+                "@richvdh:matrix.org": {
+                  "ed25519:QBMZUNYVJB": "1sNS0sVt73NkHHlLgN3l1kTbnnaLIIWmiaPUYBKn8i3l3TM3isrnvERWxQHxRhna+JUgWnIl448RNxBduKXXDQ",
+                  "ed25519:GrYuWJGHBHNSpUyeejbkZLhm0Iz3prCuXb5q9IZYT9Q": "Jr++q1kcIy6jgAz39R236s5PyedxdnnQejlQc77sErZ5OyrsDR4wEdOhCarG2tLoxGmVmwbJmyXJP9WvrI60Ag"
+                }
+              }
+            }
+          }
+        },
+        "crossSigningInfo": {
+          "@vdhtest200713:matrix.org": {
+            "keys": {
+              "master": {
+                "user_id": "@vdhtest200713:matrix.org",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:gh9fGr39eNZUdWynEMJ/q/WZq/Pk/foFxHXFBFm18ZI": "gh9fGr39eNZUdWynEMJ/q/WZq/Pk/foFxHXFBFm18ZI"
+                },
+                "signatures": {
+                  "@vdhtest200713:matrix.org": {
+                    "ed25519:MWOGVUTXZN": "stOu1aHbhsWB/Aj5M/HqBR83QzME+682C995Uc8JxSmmyrlWmgG8QrnoUDG2OFR1t6zNQ+QLEilU4WNEOV73DQ"
+                  }
+                }
+              },
+              "self_signing": {
+                "user_id": "@vdhtest200713:matrix.org",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:lDvg6vi3P80L9XFNpUSU+5Y87m3p6yHcC83jhSU4Q5k": "lDvg6vi3P80L9XFNpUSU+5Y87m3p6yHcC83jhSU4Q5k"
+                },
+                "signatures": {
+                  "@vdhtest200713:matrix.org": {
+                    "ed25519:gh9fGr39eNZUdWynEMJ/q/WZq/Pk/foFxHXFBFm18ZI": "HKTC7NoBhAkfJtmemmkn/HvCCgBQViWZ0uH7aGPRaWMDFgD8T7Q+y1j3FKZv4mhSopR85Fq3FRyXsG8OVvGeBA"
+                  }
+                }
+              },
+              "user_signing": {
+                "user_id": "@vdhtest200713:matrix.org",
+                "usage": [
+                  "user_signing"
+                ],
+                "keys": {
+                  "ed25519:YShqO/3u5vQ0uucojraWrtoLrek0CYrurN/vH/YPMg8": "YShqO/3u5vQ0uucojraWrtoLrek0CYrurN/vH/YPMg8"
+                },
+                "signatures": {
+                  "@vdhtest200713:matrix.org": {
+                    "ed25519:gh9fGr39eNZUdWynEMJ/q/WZq/Pk/foFxHXFBFm18ZI": "u8VOi4IaeRJwDgy2ftK02NJQPdBijy8f/0+WnHGG72yfOvMthwWzEw8SrRSNG8glBNrfHinKwCyJJzAJwyepCQ"
+                  }
+                }
+              }
+            },
+            "firstUse": false,
+            "crossSigningVerifiedBefore": false
+          },
+          "@richvdh:sw1v.org": {
+            "keys": {
+              "master": {
+                "keys": {
+                  "ed25519:93fB6y9SJ3183h6zpYjImjRE8om8X01O7Xjl7UkcHeo": "93fB6y9SJ3183h6zpYjImjRE8om8X01O7Xjl7UkcHeo"
+                },
+                "user_id": "@richvdh:sw1v.org",
+                "usage": [
+                  "master"
+                ],
+                "signatures": {
+                  "@richvdh:sw1v.org": {
+                    "ed25519:OHWCKPNXUI": "R6Q/vJ5JgRWpgdLLlglKnLbsyvuM8YZT/2juwlf3eCOqoVgN0qbOfidPvesjG458hulKDMQBbLliq1H5DOmEBA",
+                    "ed25519:CTTIZIIKBG": "J0NkdUHIElFPHmlKw/nWIFQe+I4aw6Gm4LbyCQjX40SUf9x2kX/sYtOwph0yQCbrFa72liyXLAhoLTBYUjPWBg",
+                    "ed25519:UNNTRAUEWU": "oQglrJggeWQB00qOqa/J8MhZ9NxZsoqK0oV7rwm2qO4d1lwL3+yrG7DNeGbWadSGT2iAwSlG38I/+yKib84OAQ",
+                    "ed25519:AYWXINGEPH": "20hJYcmWElAsG74HgUggg61pcraBUk3W5XQvjWGhTIjXOnNKB+tp02ztqD6QySYea93YVnin09thd4o4ZTIuAA",
+                    "ed25519:IOTGPIJVCQ": "dlgiXcYZywBy43N5Si9pUQKISfAlcy58XygG5iNS0usepf2xcOPaNcKgJ0vSyyJD0hbeskCopJqS4TZYXfrLBQ",
+                    "ed25519:XXIUTXPYAZ": "wa2qhdKO+9/QnoGMKIFNsz4R+/4Azx1EnEgU1TzN6ziI9BDittt4UTnYhREQ+sNKGDpkMKk+DpaBmVprE3DUBQ",
+                    "ed25519:YVAIKEOEIW": "PFP4O3aZc7EMc3sGrd1dMa8OOilySoSIYiqfecwkOFicsqr0xum/lbDdmp5j0beGnyyeYeOK8mmp2l9E964RDg",
+                    "ed25519:PGFUUTFKQZ": "PKF/JpHFl/VVTHiwmkS2r3mpzvD7xT5iVuLkENPBGvxU575c2vZ63MqCbWzdo7Jc25sWpd62D7H6UxKl3AmkAQ",
+                    "ed25519:FXPDLIQYHN": "dQapHPmhdwFAGAlQmd2Aoh5WzkO7/TLPjfj4Dbupmfm1EL42yMbSOD8kTqSa3GmnliIQy+Sgi2rhQ3SlIMsMAA",
+                    "ed25519:BSTGPAQPJI": "wWVHIziZvWK9+bpStZ5ou33AVewil6IAvkNr9ZLUL24iYuP/DEr1WWJ56njoYAQMSzqnSeaeee7YpGAyxV2ABA",
+                    "ed25519:SBXXDQMSKE": "LP29vksZ3kT4th27LxLJR1zJMOy/MjNg1QjFtIkWtKJPkHB4T29YuSVQwPtUHcq4FDEdJGQZprZRRY9TwWwoAg",
+                    "ed25519:NNJKPTXZQE": "8jQOZg5nGO2bQ4HLvVwX5daOYV/2e+Qe60uJaURosEgLE+bSzskRzA16Mjk0JMK5LE9Yfjq4nnpYyBEKeSBfAA"
+                  },
+                  "@vdhtest200713:matrix.org": {
+                    "ed25519:YShqO/3u5vQ0uucojraWrtoLrek0CYrurN/vH/YPMg8": "a5MI25r1eAA+JCFoIGdplPNLHsWLQ0f8fEqb1cS6flngk9DUzHpcQrJ/Twbz+xhh5s1SNAtS8cqslLPb1QIvBw"
+                  }
+                }
+              },
+              "self_signing": {
+                "keys": {
+                  "ed25519:4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo": "4CDFPgvgQryGrOAGLlscaauGQPLTLmlYKP/8VgLHzEo"
+                },
+                "user_id": "@richvdh:sw1v.org",
+                "usage": [
+                  "self_signing"
+                ],
+                "signatures": {
+                  "@richvdh:sw1v.org": {
+                    "ed25519:93fB6y9SJ3183h6zpYjImjRE8om8X01O7Xjl7UkcHeo": "c+SOp1E3TPNWP4HChK/yhK0yUc/AfrPtDLT3II3i5PXjj0SqSk5Mg8ZDv6zZrDkxvvcLazXTdvbaaiiaXxHwCA"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": true
+          },
+          "@kurt:roeckx.be": {
+            "keys": {
+              "master": {
+                "user_id": "@kurt:roeckx.be",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:6rK7GvZPdU/g+1yAgEzgUlqe/vQsTzAFflaD3DeRQTc": "6rK7GvZPdU/g+1yAgEzgUlqe/vQsTzAFflaD3DeRQTc"
+                },
+                "signatures": {
+                  "@kurt:roeckx.be": {
+                    "ed25519:AVMYMXYMJA": "5OFmHiuklmmNo+mI/Cwsk7v5Q4JdnbI0yLN79LKKxyP/Lxp0Gel8NySgvXB8QdCT+Ucn+nXRUax0Jc79gYURAg",
+                    "ed25519:JAYRAJMNFC": "FnXxrN2pCS0nKl88GO504koPQZQyaBlsZUPAGVxRk+BY1f/MaEn0RI3qCOB8GlyLeYHohSr59R2T7EnZi7FCCw",
+                    "ed25519:LUBZRYLJHP": "/elAzpP4zl0iClbrqU3qfJggodJ2KVNTEwy7dlnGGf4nfeBfJK1xxP4rzKtn344/jo1DO6dxAiuURBeaNHHyDg"
+                  }
+                }
+              },
+              "self_signing": {
+                "user_id": "@kurt:roeckx.be",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:i/sBKRn1S+rBP3B4sLoNwgyjVxAGp8aP3kSVoixecZ4": "i/sBKRn1S+rBP3B4sLoNwgyjVxAGp8aP3kSVoixecZ4"
+                },
+                "signatures": {
+                  "@kurt:roeckx.be": {
+                    "ed25519:6rK7GvZPdU/g+1yAgEzgUlqe/vQsTzAFflaD3DeRQTc": "eISkB9G5tXwrzGuam6koQHHlXelj9O7D3ZgLxC3ua989Vv5TMTFRUoLnpYnyOzhiiLFjmZlb8FhgLlYqRdovBg"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@grin:grin.hu": {
+            "keys": {
+              "master": {
+                "keys": {
+                  "ed25519:NigCTp5SaPdyHPLHWhdH6muh9cJFaWFvyvnl9MKbuTw": "NigCTp5SaPdyHPLHWhdH6muh9cJFaWFvyvnl9MKbuTw"
+                },
+                "signatures": {
+                  "@grin:grin.hu": {
+                    "ed25519:ZTGTHRMTKE": "VM0G//dXrAJjZquveNR7mj3N5CPgdpcmf5jwVLcZfMVvEu89XdsDqSI9YMvcAxW0lg0X7kFH1n35tV2FIs7BCg"
+                  }
+                },
+                "usage": [
+                  "master"
+                ],
+                "user_id": "@grin:grin.hu"
+              },
+              "self_signing": {
+                "user_id": "@grin:grin.hu",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:WwLn3d4iKdE0gCD+XzXdPWpyhgvA2muzpVjIcvGs0gY": "WwLn3d4iKdE0gCD+XzXdPWpyhgvA2muzpVjIcvGs0gY"
+                },
+                "signatures": {
+                  "@grin:grin.hu": {
+                    "ed25519:NigCTp5SaPdyHPLHWhdH6muh9cJFaWFvyvnl9MKbuTw": "dFTzuTgti+ISSxYE+loKqMbsPbMO5qpSOKXM60Wv5OlODuwdp7eSuOOyEFofiY3fEzy+ZZhfwISA/uY1AdooAw"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@vdhtest220101:matrix.org": {
+            "keys": {
+              "master": {
+                "keys": {
+                  "ed25519:GO0FuPHgncRvcRRQSYlgKsyd+nmNi7tmNyvu51FAlIc": "GO0FuPHgncRvcRRQSYlgKsyd+nmNi7tmNyvu51FAlIc"
+                },
+                "signatures": {
+                  "@vdhtest220101:matrix.org": {
+                    "ed25519:DMGVHFMRYP": "DLnHpNSm6SXSKRieOAXLbowY4cZ9Llp7+7SVXWAUvp1PNMhBbXMBWuMWutnft83hIaC/ipKN3nvX7lpW6GywCA",
+                    "ed25519:GO0FuPHgncRvcRRQSYlgKsyd+nmNi7tmNyvu51FAlIc": "P1Y79SQ/5TT4Ne8op54Ez/IWNtEew3BZT1lCmGoIt0U8TW1eWyOXoMfGxP5R9SjrglJu/Vu3ZGvUUmq+Poi6DA"
+                  }
+                },
+                "usage": [
+                  "master"
+                ],
+                "user_id": "@vdhtest220101:matrix.org"
+              },
+              "self_signing": {
+                "keys": {
+                  "ed25519:9h9S5ytahsFQpB+HrRcXSgbKx2qVXUpcDSezvGGDSCY": "9h9S5ytahsFQpB+HrRcXSgbKx2qVXUpcDSezvGGDSCY"
+                },
+                "usage": [
+                  "self_signing"
+                ],
+                "user_id": "@vdhtest220101:matrix.org",
+                "signatures": {
+                  "@vdhtest220101:matrix.org": {
+                    "ed25519:GO0FuPHgncRvcRRQSYlgKsyd+nmNi7tmNyvu51FAlIc": "uO46geoeb/4MWZC4UzSBhN8LBS3Pbmu4cp3+6P8qxbYfd8T46tuLKTVU0iTGRMNXZPmGKSt9X5QQJ+hc5KekAQ"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@bkil:grin.hu": {
+            "keys": {
+              "master": {
+                "user_id": "@bkil:grin.hu",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:dheuCIkQnx2uc0pG4tn4AVQfg4pEKv+zMUfaLzx4dQU": "dheuCIkQnx2uc0pG4tn4AVQfg4pEKv+zMUfaLzx4dQU"
+                },
+                "signatures": {
+                  "@bkil:grin.hu": {
+                    "ed25519:RXMPIMAMLL": "MpfqSwJiru4qbhvNH8n1idfk9oCgcsQlURRDs2HhgpKQo6Cvwp39UH25b33ziviyck7bF3vFBhWRDwfOS+XVBQ"
+                  }
+                }
+              },
+              "self_signing": {
+                "user_id": "@bkil:grin.hu",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:7rHXNHtnx2nZN4Ht66GlpoHlcHCor4/uunfcp9zh+k8": "7rHXNHtnx2nZN4Ht66GlpoHlcHCor4/uunfcp9zh+k8"
+                },
+                "signatures": {
+                  "@bkil:grin.hu": {
+                    "ed25519:dheuCIkQnx2uc0pG4tn4AVQfg4pEKv+zMUfaLzx4dQU": "dlRgYoR7cAensU2bYm8PnntAcdLYua79lmPIYR0+v9aBOFrEWhYizO13gSTjAtnx5pcuehGAp8Fp3EQJ9/8/CQ"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@bkil:matrix.org": {
+            "keys": {
+              "master": {
+                "user_id": "@bkil:matrix.org",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:8ujMrE9IRhpxl/d64CDhsA1PIajyavbe4x6JIy+TyCw": "8ujMrE9IRhpxl/d64CDhsA1PIajyavbe4x6JIy+TyCw"
+                },
+                "signatures": {
+                  "@bkil:matrix.org": {
+                    "ed25519:ESIYCHQOWX": "Wn/edP6F3d6HqZWDnUlo6yTF/1PYs05Ioe41Ikr75sACi6xjaO3Qw3pJ6JhAxj7vg+E+3DOHrXmVKz+z63w3Cw"
+                  }
+                }
+              },
+              "self_signing": {
+                "user_id": "@bkil:matrix.org",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:4KSe44PGKzgM0B4tNU37PRMPk/5vWm/wCjZzBFFu/KY": "4KSe44PGKzgM0B4tNU37PRMPk/5vWm/wCjZzBFFu/KY"
+                },
+                "signatures": {
+                  "@bkil:matrix.org": {
+                    "ed25519:8ujMrE9IRhpxl/d64CDhsA1PIajyavbe4x6JIy+TyCw": "BKqVvVh+BKE+q1Z5EH/94n0sybyxUEEcdp9TlJHI/yjhUCoy82WCll/mbvt86wkvq2ecPejXC1mR2u5XURJCBA"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@benoit.marty:matrix.org": {
+            "keys": {
+              "master": {
+                "user_id": "@benoit.marty:matrix.org",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:KALhTMibUWZnAZ5YlKaNtEv9B/CVZjpiBsgq3rBl+XI": "KALhTMibUWZnAZ5YlKaNtEv9B/CVZjpiBsgq3rBl+XI"
+                },
+                "signatures": {
+                  "@benoit.marty:matrix.org": {
+                    "ed25519:PXLGRRCHMD": "TZ1FRfUHgkiFvMZNujV8gEpBK2tzcfhaI8TADpfnglDtJWdSDuGsZVU+zy9Mpw7OZ/7wEgszL84CmeLFR7n0Bg"
+                  }
+                }
+              },
+              "self_signing": {
+                "user_id": "@benoit.marty:matrix.org",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:C2k79dBejHY780Gbd4WE1L1lrxdpG6+T4ZWToeetWIE": "C2k79dBejHY780Gbd4WE1L1lrxdpG6+T4ZWToeetWIE"
+                },
+                "signatures": {
+                  "@benoit.marty:matrix.org": {
+                    "ed25519:KALhTMibUWZnAZ5YlKaNtEv9B/CVZjpiBsgq3rBl+XI": "/XN6pngJLQs5/OqZVvVMlosur96OQetEM/1eAfbN1iuu0hOu/tvasNPg0Fo4c7IAsgQeVkhamVwHAdGwZq0fAg"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@hubert:uhoreg.ca": {
+            "keys": {
+              "master": {
+                "user_id": "@hubert:uhoreg.ca",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:uJGMY5IuWGET5SGXssF7ZinVF7L9piB1HOw+JSNhQ3A": "uJGMY5IuWGET5SGXssF7ZinVF7L9piB1HOw+JSNhQ3A"
+                },
+                "signatures": {
+                  "@hubert:uhoreg.ca": {
+                    "ed25519:JBJCWWOEIU": "d6FqWUllTp+r4MYZRPcPNMZ1bGL9pYj2n3ejuOBnfZsTmq6pmRAgRZBaO16A6HoqbKkjVIgZWFB3Zf/1C39UBw",
+                    "ed25519:TWAPMCMRRX": "TWF9I7IoATkfyXr1iMgAEh7A5P6PJvk3S7PtCQbBGy1DqpCjR/nFkdExqBKd2kVQdAoeQzdr+ImpcjaoydWzBA",
+                    "ed25519:HCSVJWOCYC": "niRYCISa5AGBPScvAtaVToWTK1DyqrC7SGw2twsjh/nzlJtGzGbj8XG9B57+ML0csyZB8sOVKRmJR2SWohuTCQ"
+                  }
+                }
+              },
+              "self_signing": {
+                "keys": {
+                  "ed25519:1OkIdgJoBlsybOL2WJEhE/ON1hS8OkDQE6WUHqLr31A": "1OkIdgJoBlsybOL2WJEhE/ON1hS8OkDQE6WUHqLr31A"
+                },
+                "usage": [
+                  "self_signing"
+                ],
+                "user_id": "@hubert:uhoreg.ca",
+                "signatures": {
+                  "@hubert:uhoreg.ca": {
+                    "ed25519:uJGMY5IuWGET5SGXssF7ZinVF7L9piB1HOw+JSNhQ3A": "J5ufmnuO0eXqm45znAN7zWqHpOlM8ftIKMmbSdNcT5kJggIsDDCcUub5x/8cQtDrRda60iKJWrCepbFv+19IAw"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@eg:envs.net": {
+            "keys": {
+              "master": {
+                "user_id": "@eg:envs.net",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:YgRaTrY4IgVNtHc2K4O9rzuZxoZAY/VLn0pRa/R1UJg": "YgRaTrY4IgVNtHc2K4O9rzuZxoZAY/VLn0pRa/R1UJg"
+                },
+                "signatures": {
+                  "@eg:envs.net": {
+                    "ed25519:WEXXMGTXJL": "V439MqK3NueaHG5qHseF393ZgavAflWdT58de3FW1Fjt+JffCGfFyXiuvpg0DmVeKXDnOMMPdV7rl8QN2C3vBA"
+                  }
+                }
+              },
+              "self_signing": {
+                "keys": {
+                  "ed25519:J2GzPDvJnFEMfKkjqnpYRrm72XIgjTJujIYYCnxqtns": "J2GzPDvJnFEMfKkjqnpYRrm72XIgjTJujIYYCnxqtns"
+                },
+                "usage": [
+                  "self_signing"
+                ],
+                "user_id": "@eg:envs.net",
+                "signatures": {
+                  "@eg:envs.net": {
+                    "ed25519:YgRaTrY4IgVNtHc2K4O9rzuZxoZAY/VLn0pRa/R1UJg": "umf96/A7RkYj2R2StGV+oSy8xbCHwnkl73NoLxJzkfduKQYihvv2cDM4QUKWoRKY+1arKe8HvT96WMPxgI+cBA"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@jassu:kumma.juttu.asia": {
+            "keys": {
+              "master": {
+                "keys": {
+                  "ed25519:LOMVWLcBcSHs7Xb3xhhjWMNIhWw4wqoIAPlGy8GaXTw": "LOMVWLcBcSHs7Xb3xhhjWMNIhWw4wqoIAPlGy8GaXTw"
+                },
+                "signatures": {
+                  "@jassu:kumma.juttu.asia": {
+                    "ed25519:Thk9IqBO": "2Ha9tYxFyYlJ8Nq0BNOq21AfMMrLuvpwV4dcfNx02vErdW/JAYMbtB3YQxiYP+R1pgymA/10Jim+I+Mds27jBA"
+                  }
+                },
+                "usage": [
+                  "master"
+                ],
+                "user_id": "@jassu:kumma.juttu.asia"
+              },
+              "self_signing": {
+                "keys": {
+                  "ed25519:1/E7p83LFx0NBDzCzhTiC+mznQ8w70cy3ICxfCwxw1o": "1/E7p83LFx0NBDzCzhTiC+mznQ8w70cy3ICxfCwxw1o"
+                },
+                "usage": [
+                  "self_signing"
+                ],
+                "user_id": "@jassu:kumma.juttu.asia",
+                "signatures": {
+                  "@jassu:kumma.juttu.asia": {
+                    "ed25519:LOMVWLcBcSHs7Xb3xhhjWMNIhWw4wqoIAPlGy8GaXTw": "FOVY4LagpmnqXobxujI6+Rou8tGA2nsCJVbaPQ3grzwEs/qlslAcj3fVsHyV+1Cx2aTU5N/P2yTNecCPFpYnDw"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@JoKe:shareknot.de": {
+            "keys": {
+              "master": {
+                "user_id": "@JoKe:shareknot.de",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:YAhabobkMb2WaEoq5LaMVBf/wVsIK6Snb9StWMQpL+U": "YAhabobkMb2WaEoq5LaMVBf/wVsIK6Snb9StWMQpL+U"
+                },
+                "signatures": {
+                  "@JoKe:shareknot.de": {
+                    "ed25519:HZINWDWOZC": "cuJ9C2qjd9DlqIQUnxgyJWUnpQCWWvYaMOUC1LGmab2x+Fxb2qNDB05sFXxiU6Afl6H7oOtOG5shvS2qTqnABg"
+                  }
+                }
+              },
+              "self_signing": {
+                "user_id": "@JoKe:shareknot.de",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:KWNP+lRDE8BKWgdKzUKuCiPdPv+NIpNaqwlNRNJClFY": "KWNP+lRDE8BKWgdKzUKuCiPdPv+NIpNaqwlNRNJClFY"
+                },
+                "signatures": {
+                  "@JoKe:shareknot.de": {
+                    "ed25519:YAhabobkMb2WaEoq5LaMVBf/wVsIK6Snb9StWMQpL+U": "G5TKHCwINNE0j6d2NN8RC2/amvK8cQFnqHKXEA9OjY9Zq8pTgMxq3skE95H/qji9+YlBdnny0TXL+P/2dp9CCw"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@matthew:matrix.org": {
+            "keys": {
+              "master": {
+                "user_id": "@matthew:matrix.org",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:6JQLt/Z4wb6gkcTDJ/o5aRRtMbP69Yx/AJz0V0h+3y4": "6JQLt/Z4wb6gkcTDJ/o5aRRtMbP69Yx/AJz0V0h+3y4"
+                },
+                "signatures": {
+                  "@matthew:matrix.org": {
+                    "ed25519:RQRQBRNDOP": "jjkJBXNwtFn3DDl1g3aR4vI5PTHgTgUYubsThmk5KF48HNp9aczRfP7wV2L8vVRue9YYgF5HEtKeva3/Ih0KDQ",
+                    "ed25519:QQZQXQKYTN": "PHnLoSC0IYoA9m/cvCzjEmNasbH7OiEoV5p31R1OBQx1PMuMLHe0R3z7zMcSDE4z9rCH6lE7xT9tRojOEYOcBQ",
+                    "ed25519:GOSFZYRIEG": "l90u69xIvvXlICHIQyyLpe819jawQR514xmHz99+PSXC3ahQZq0lAb58QIGafC+nACawOisYk91Cv8joP5jMAw",
+                    "ed25519:JHCQOENUMD": "vxXo9sGdY3yuo5y1fW7jJYEX3K3a1p472p5y6t9DKdYHPPMosPb4lz6AX0jckmfof6xpLMgCRloVTDAi8s85CQ",
+                    "ed25519:BSVWPNOIDU": "rzP/tb1D7JV9/liibq8lqeCNocuRLhGmODtNPq30B5M8edPLJT2oNEosCJj2pK2/OAArOpHcodJBv4li3qQJCQ",
+                    "ed25519:RVZCLWSLUV": "gNv4OClgvCdT0pBWM4JtPYM+cPmMLoPAXw8f8/5FFJSknC4Zvl5MtHcG4WsCffzO69l03Lcnj1Hk8/7mm4oSCQ",
+                    "ed25519:OPEDGUYPOP": "4/QefS+rzSK96x+ybCGZjp6Wfsk5NJXmSJuqQt5Ut6bfY3Oi3N2ZsURp4lerZRULziaTGxiv9cXe+VloW8W+BQ",
+                    "ed25519:OPCPOBPADJ": "83JVeduvLYCVxfGN0GCiLGvU1M37GyZEfBt5RUx5rAn7d4eJl+JcaUy1scXqBsXbsJr7x0/H3DzMBN+Xh/j8AQ",
+                    "ed25519:ZLTZYUHALU": "57n+r/cCLxuherOAyWjVtExYghdNZdsugl+N1Ksw118LA2codYHvUH08YfwaQCQDwUT9kXvog14gwO5MUWMBAg",
+                    "ed25519:PWKLFNYFVQ": "j3C01/2OSvlqF6QwQTnnpZMo4mUu24XzcqDzNN+AJiJ1d3SmfS3C0aL9yZeUnNk+I/oa3wMannikAmqR0tu9Aw",
+                    "ed25519:NECBHVYYRL": "Q+oH+qHOKe/+po1M8GfKpDedESfbWoyqfb5TKWOxqIm34R197kaOz8p5IpNZ0mz6s733/rKcGMerX3s1XBtUCg",
+                    "ed25519:OXRRXLGRAD": "/fmLLOMf3Rifj+2hOZu3YieBiZQxK7PdzPqhJ7hL/w+ngTHsu70bY50SMTyKa2SIEEfTyJzSnuiDp4hmUWbdDw",
+                    "ed25519:CVXFJQPNBO": "FZKKPklwljHHtd0acmpsZCMp9KSKFDWyJHoL+GkMzyxAYTwyq5cHsHnhlQnMMLBJzsjsa+rOePY+ieiEZARjDg",
+                    "ed25519:ADSHQENKWR": "azF4vRaUvjLmjvBHF2t/p1xmsQQOAVamDFgHoJlqLWUr6fJHyzbuOriDBFQQ4KTj8TGVoyrF7AXnogNAsZLsDg",
+                    "ed25519:LALDIXKIIV": "GSUvJUeoT5cSWeeh7Avez3H2Wvn4qOEnILAL5FbWUrDRVKAZH4tSkWjwSfPeibiJAuCpU3KzajJ/+3ezmhjfBQ",
+                    "ed25519:WIELRUHNOQ": "kVePiujIgLh0t+MKHovUDbYzykEUm2Ilr3BeL9T0kTRnmtkWQj1lnPXFYz5vX58jve1BScFwldfRBcuAs9hVCQ",
+                    "ed25519:YTCPNBBJPA": "141+b9TzAlvH4EbEwrkHEwwD/6LjV03Yx07Vx6BT9tybHEOs1eDiGp2FE7HlyYf3VvauyPrGHQnOuIcjkJNVDw",
+                    "ed25519:LKUHXDQGED": "E5DM7/pyAmLNxPzMIwyU0AG/XFZSTDAeqZVUMdZ0NcH2GftEtqdtp9tK30E4CPGC5mNPOvT09ZZiybBQ3PEpDw",
+                    "ed25519:VVZPPPGBFB": "ATrCVjRASgPUML/pQ24CZG1ePUjvR6vn/U4pFojZjnZ4O3OpPsh282dZg+Nx345Yp19Bb8T0JgLOvZy9y5lhBA",
+                    "ed25519:PAZFRTFNQF": "DrKSbk7Ea5IAJUUf6idzstJYKkb5gAwT5R/seqhkfnqJiQPOg7tzxaPwec6RbFEezR0mr3u9dmiwCMMezREVBA",
+                    "ed25519:LAPPOPSHCC": "jwPZbWNYd0PfYfl83Ubk6/c4o6HkaDD96cIZbSKa0nTM5qMD/ZLMVuEWG9W85LQyZJWo3JnpAwsqItW+xcOlDw",
+                    "ed25519:ZASTVNEFUV": "5wUFqBMUSIHEn5gGqF8oLjK3jFElP2lSqoXKpeDkqpFpjWGmCjyCUCgm0uYATrbx65pBrh7jV1bTiGmrFOYHBg",
+                    "ed25519:OYJGELEMJD": "vh1kyis+V+BOzkRKXmgvj8+/EveTt6R+NFZwY/PtPNw8ZrfNruU5KdfbO2BS7eolUwxMRbzkgui8Yd5Vp0Y7Bg",
+                    "ed25519:UKLFNVDKDU": "t5LvgSGS9EZY7zNfaZecji4FL1kRuPeBXB9zC1/15PG5TZf0pSdrk6eAzVL/Vi+BtOwNn0QY4zQvn/l1SmxfDA",
+                    "ed25519:QFEBOYLAQY": "KqG4ZjCSkIJnAXBfCzwHdPV8gXe/V0jbmQxpjymG4NMdXrpSod9RXHPjgwZl69TGSM4HKCLFs1O7o7bUCKzuBA"
+                  }
+                }
+              },
+              "self_signing": {
+                "user_id": "@matthew:matrix.org",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY": "eWP1oaSoj+t0QK00o8GX/Uhd8Xs/hE0f71YsFsnmCdY"
+                },
+                "signatures": {
+                  "@matthew:matrix.org": {
+                    "ed25519:6JQLt/Z4wb6gkcTDJ/o5aRRtMbP69Yx/AJz0V0h+3y4": "eBGoAUsbEJGUoRx3MpmE3N/xXEi/YNEG+6DM1i6JjOObCvJ360uPqb/stK6OCdwKwZg0fX1ADo58E0gwdoBLBg"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@saces:c-base.org": {
+            "keys": {
+              "master": {
+                "user_id": "@saces:c-base.org",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:kTOS4T9DcZ5XSUi0SNyOA2HdExIu1/eQ/rBNeMk+fu0": "kTOS4T9DcZ5XSUi0SNyOA2HdExIu1/eQ/rBNeMk+fu0"
+                },
+                "signatures": {}
+              },
+              "self_signing": {
+                "user_id": "@saces:c-base.org",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:zEDr2sVNTpqH2c6nTqm8f5doFl54qgBcEggkmhQGMts": "zEDr2sVNTpqH2c6nTqm8f5doFl54qgBcEggkmhQGMts"
+                },
+                "signatures": {
+                  "@saces:c-base.org": {
+                    "ed25519:kTOS4T9DcZ5XSUi0SNyOA2HdExIu1/eQ/rBNeMk+fu0": "LOT3+zkJJgBcpnMw3Hj4oXupXD4E5jnLdDe0weIekeKzCflxiJrWDgbY4ucCuznlqu50jjfOHZ8vwUb83+CXBA"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@/dev/saces:saces.de": {
+            "keys": {
+              "master": {
+                "user_id": "@/dev/saces:saces.de",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:8JtPA1G9UDpZcLp8gg97Zj6zudnSZSy+o+9RfWO2pFw": "8JtPA1G9UDpZcLp8gg97Zj6zudnSZSy+o+9RfWO2pFw"
+                },
+                "signatures": {
+                  "@/dev/saces:saces.de": {
+                    "ed25519:QQKZMUKLJC": "4L0ATGtxXkTxYu9Cfi7mP6Ahsnq4RaNuPX1UD0APQqWwbpHbOeC7Bhakbaj+vYspotvKoZaSecjx7wMxagASDQ",
+                    "ed25519:KWITBBVNXJ": "c/YtSHHAwVOmZDYHeznnSy7gMWhMxdyDSHguidtJhQ/HytGRb4uZtRB9K628T4eVJLt3i04wP37Ig089Bk7lDg"
+                  }
+                }
+              },
+              "self_signing": {
+                "keys": {
+                  "ed25519:01Mra0lDap17amp7otuk4ag/1hLZ5woZ6mMZg6Lbr8A": "01Mra0lDap17amp7otuk4ag/1hLZ5woZ6mMZg6Lbr8A"
+                },
+                "usage": [
+                  "self_signing"
+                ],
+                "user_id": "@/dev/saces:saces.de",
+                "signatures": {
+                  "@/dev/saces:saces.de": {
+                    "ed25519:8JtPA1G9UDpZcLp8gg97Zj6zudnSZSy+o+9RfWO2pFw": "4WWaKlpCyVioB0m4jNIat7eogr0S8ew5i5cHYqOcEZzVL9FBh1JimLkZJi2ysws2+SqUilbTqI0UhtJWd8LlDQ"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@creme:envs.net": {
+            "keys": {
+              "master": {
+                "user_id": "@creme:envs.net",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:EjITGlHWQ2cbtDL/3bAFPCBmO5xg6ECm55PArnMtRT8": "EjITGlHWQ2cbtDL/3bAFPCBmO5xg6ECm55PArnMtRT8"
+                },
+                "signatures": {
+                  "@creme:envs.net": {
+                    "ed25519:HGZGEJFQJJ": "dkG2YLdy1mOdq0gxKNOB8vGA63VRpj0QIU8tcSnxKRe32AObCeoVA7RNa+X0HjvsAdDHj2Gy+hI9bKqXMrb/BA",
+                    "ed25519:GDFVECNBXL": "vFtkEr7dlJfM/EGf3mB1Lnlj1VqqLCgV5PYNUCJDUGGAQIolILMWxlzpfs4ROc0Joaob3O6VrdDfDazzBCIXDw",
+                    "ed25519:UDVCAZTPJT": "2K9FicNgpebXk2aCVMghtKGof6CSxGv8uwP52ew90dOaB5sYRnvlXa2MdxJenNDi3PX4ddEQRR4KUMxOdlDuAg",
+                    "ed25519:NXQFGIYYXF": "iZ7nKoX4O/aVmt7uyCGj/9QBezRqpX6xwzUdV5DsVhV1NDWl5Kc5EGjCTtLqnIn3WHNHznOSvEXw3jtlxRyyDg",
+                    "ed25519:XVRGUZLAIP": "gjcrVC/4CDqPTkydqLzC5t09Oxw6f67WVugERTsrRuXDRbpjYcJXYtcimwQzHhjlSbHc9xlbVdbLX63MqOseBQ",
+                    "ed25519:YMIFZYDIUW": "VUWVNkTAugFYLRg9uXaDHUpl1ELsEE8pzE1EOB6YR2H4DwG8rUrtCHaHit7wIC62oXzivKgccp5w7VC2pSX1CQ"
+                  }
+                }
+              },
+              "self_signing": {
+                "keys": {
+                  "ed25519:+qh6CBI9n7v43RFh7/RaRazxhQc4FINP7iNnqOYz8a0": "+qh6CBI9n7v43RFh7/RaRazxhQc4FINP7iNnqOYz8a0"
+                },
+                "usage": [
+                  "self_signing"
+                ],
+                "user_id": "@creme:envs.net",
+                "signatures": {
+                  "@creme:envs.net": {
+                    "ed25519:EjITGlHWQ2cbtDL/3bAFPCBmO5xg6ECm55PArnMtRT8": "19zTVEgwRRCg5LJiLjbisZynTv4SyEz9lEHnwzD4L88K8W2o8LOwbqkNGjOD6Q53vaeMpacKWG9DcE8/NFlLAw"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@erkinalp:matrix.org": {
+            "keys": {
+              "master": {
+                "user_id": "@erkinalp:matrix.org",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:069WHFrqZxhNBSYi1NOMCuqPhXvWFIgr5qnyeYzRQiM": "069WHFrqZxhNBSYi1NOMCuqPhXvWFIgr5qnyeYzRQiM"
+                },
+                "signatures": {
+                  "@erkinalp:matrix.org": {
+                    "ed25519:VUKXYOCWOM": "ufAcrsW+SU22Mi3zD//5fsLKAwjO6/aXYGA2M67G772Bz+shHRnWeH7ES1mm28V7oeowUBjO0alXkaruYkEUBw"
+                  }
+                }
+              },
+              "self_signing": {
+                "user_id": "@erkinalp:matrix.org",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU": "gUKXkRU1YtFxc7AkYpUuFRTgblQZcbMhJPd8DlnChSU"
+                },
+                "signatures": {
+                  "@erkinalp:matrix.org": {
+                    "ed25519:069WHFrqZxhNBSYi1NOMCuqPhXvWFIgr5qnyeYzRQiM": "zJuQglpIp2aUGLnkUXuSZywNRkQn3ZycpM/qdKdgQRONDKZzSYfW7ngBum2BsFRojnnEHBWCJcxuYLUi1cVBAQ"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@valere35:matrix.org": {
+            "keys": {
+              "master": {
+                "user_id": "@valere35:matrix.org",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:mwYvN8S39rSkTSgc67Xj22DKtHzgCl/yQGl7OzMVxZo": "mwYvN8S39rSkTSgc67Xj22DKtHzgCl/yQGl7OzMVxZo"
+                },
+                "signatures": {}
+              },
+              "self_signing": {
+                "user_id": "@valere35:matrix.org",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:7Km4ES6LNW+10GgNL8svY62cRD1uxHoK4X0QPl4tYeU": "7Km4ES6LNW+10GgNL8svY62cRD1uxHoK4X0QPl4tYeU"
+                },
+                "signatures": {
+                  "@valere35:matrix.org": {
+                    "ed25519:mwYvN8S39rSkTSgc67Xj22DKtHzgCl/yQGl7OzMVxZo": "IWYmosldgguYv/aqgesKvKK9Knn5Z4onO9z5Qygca5xt+Pg8asLtYgg1FdB50nyTTF5WYMpFXJHoGD4XlTR5DA"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@valou35:matrix.org": {
+            "keys": {
+              "master": {
+                "keys": {
+                  "ed25519:JwZiicF589Aevdf2dLitKbGfka4r9aP/02QAuN2wbQM": "JwZiicF589Aevdf2dLitKbGfka4r9aP/02QAuN2wbQM"
+                },
+                "signatures": {
+                  "@valou35:matrix.org": {
+                    "ed25519:JwZiicF589Aevdf2dLitKbGfka4r9aP/02QAuN2wbQM": "0xrqt/yeQdlxzK6Ni3NnDkuJBUyEjDg2+9GdDWnTF3u8gMjo0IOmIVDEiy+nWK4De9G6xmwLRfCwRzT9FcuwBw",
+                    "ed25519:SHHHFDNJHS": "nEQpe9rMAT2cRoXSjJrcF8Miufg05qkW6TET1MxUu+lcmZeihTP8/iJ4DESfaJAepGi+eTu3lInYM71cB3/LBA"
+                  }
+                },
+                "usage": [
+                  "master"
+                ],
+                "user_id": "@valou35:matrix.org"
+              },
+              "self_signing": {
+                "keys": {
+                  "ed25519:mubeul2+H5jir/aBj0+kfsyd+UijC5mfou+uIz8aOWI": "mubeul2+H5jir/aBj0+kfsyd+UijC5mfou+uIz8aOWI"
+                },
+                "usage": [
+                  "self_signing"
+                ],
+                "user_id": "@valou35:matrix.org",
+                "signatures": {
+                  "@valou35:matrix.org": {
+                    "ed25519:JwZiicF589Aevdf2dLitKbGfka4r9aP/02QAuN2wbQM": "HgAo4Mz+L3xhqkfKA+1Ayvtfv1NXASKIA06ATWPNdcRPmXlfN7XClxv5bMJkIauHaHxQwejxDOUMStxfJQ5kDw"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@blade:darkness.services": {
+            "keys": {
+              "master": {
+                "keys": {
+                  "ed25519:LJ7oehpts4bcNuFc29hcPNgN0l3JNadoqSuyHkYeCxg": "LJ7oehpts4bcNuFc29hcPNgN0l3JNadoqSuyHkYeCxg"
+                },
+                "signatures": {
+                  "@blade:darkness.services": {
+                    "ed25519:GWVYMPGDDK": "1u3f5qhu2WE6c/qFLFuLAAGQJGJesLOE7lt51wn/6mdbAaaS3zcWv7LWQUls5gdDPTONoJ8X1cXCitH5fIl6Bg",
+                    "ed25519:KZZFYVCTWS": "q13uuzAJHxM3aVNMF5z4ctH2AYCIEP1P5Qjrd7SeR3yER0s9FYIAeb9xSxKbvSIA3gYyurG5wnTjZt+a8+NABg",
+                    "ed25519:LJ7oehpts4bcNuFc29hcPNgN0l3JNadoqSuyHkYeCxg": "hqSzAip5r1jLNEmLIQ5kVgxLml5p/OrxbYAV8ptT+qZgZoGtl5qeF4atOUZh9i1Af7DNQIzkXYyLQVjHhM/zDw",
+                    "ed25519:ONNZHRNFYD": "P0JjEWttDnVJXUlOSVoT1nD46hTMpmAcjWTFe/Bxc2hMevq4MfvXLsbuUcgMV6JlUbHYgycRSyyYYA0rBrlABw",
+                    "ed25519:VAWYTHBGBB": "LQVnsD+NBDTYayxJJk/qPsswgLBBNcNY3gUHkDkeRHh397eybJ2l8fljftBeh/HNuzZcMtHvA6DkY7W1va2NDA"
+                  }
+                },
+                "usage": [
+                  "master"
+                ],
+                "user_id": "@blade:darkness.services"
+              },
+              "self_signing": {
+                "keys": {
+                  "ed25519:SDq5Mf0nmheZU+rNyApv+CqfofE/AMXbFXPwO7zzssI": "SDq5Mf0nmheZU+rNyApv+CqfofE/AMXbFXPwO7zzssI"
+                },
+                "usage": [
+                  "self_signing"
+                ],
+                "user_id": "@blade:darkness.services",
+                "signatures": {
+                  "@blade:darkness.services": {
+                    "ed25519:LJ7oehpts4bcNuFc29hcPNgN0l3JNadoqSuyHkYeCxg": "dYoFqH3tYHbVhYeLrruzxX9gdcA0pljXw3iHp/SJgMTZbnNIwTZSWJUWqlo0/Wzo2ckkPlTkHXKHOnBn7nXACw"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@thenamelesswonderer:thesilentlink.org": {
+            "keys": {
+              "master": {
+                "keys": {
+                  "ed25519:QoE3IwxF7RAjF4L+Cgk7E+ktjFlTxkpUEAjeRpAnic8": "QoE3IwxF7RAjF4L+Cgk7E+ktjFlTxkpUEAjeRpAnic8"
+                },
+                "signatures": {
+                  "@thenamelesswonderer:thesilentlink.org": {
+                    "ed25519:DYMTLNUQNH": "QzMraE2lUF1R/L9pLHXaWAWbmwX95I9a/iiY0m1NXgUA/5nl5R0tvs1VpMFmyoQ6uQmb+NFBReQo4B1guM7lAA",
+                    "ed25519:EVSIWHJLAC": "nNXHkkbz6NqiJxBi9VfB1hCScYZM1MO1EStDQRIBIEL7zON+9f2DTb63MAHtcYdVgWOfAHmiBGByjHKeUkzhBA",
+                    "ed25519:FNQTZBHLII": "fHBChd2n4C8BeErjq5TC8rmbJnMTJjBGjmNnE5ifFvl+/fng92UdKCxlQZJ9AhReanZE6sK5DGliaDCLE/NCDA",
+                    "ed25519:GJEICVDJJE": "iJoNv0n53C62rlkiI1fXdSOO9bRcXi5E7rFocJL2LcMyBY5UW/QTNwcr3p8MmZkwKxHcjdK8gNqKM7cw58o6Ag",
+                    "ed25519:GTQOJITBXU": "1YzL3u2BMy1JiHH6Hk4XNmZfq2gz5HKJG84u9gXuhsM9WseiNiz9GYH4WDoJEp3mfeYrSFgyIIeWeJuQXjSXBA",
+                    "ed25519:SIHNXJTDXJ": "C1lWe7dpGkzJhWBNr/yqqei62UIqVbmMbPApH7uzkob/swGyMpCeXqiAmDciRl2WAxeJWyIb32TsIxiOhP+sBQ",
+                    "ed25519:UDOHCFQEDC": "NYTynKtMEg4Lg6eSBvTuZr8Bo5MqjZ3r/y18vP4ew/m4xwcRUEqj9XP8Ff6CLIzofBLr6rhEFrxfi8wYgdU/Cw",
+                    "ed25519:VTLPDNYGGT": "YjLNh3oxCGP7vQ2ssK3kX+TzpzpOUZhthBbphH4RmjE78oq7KWKHRWKNy93x+WPNBksc5ohthV/oY9tYVq0OAQ",
+                    "ed25519:VZNFWGFEZN": "I/P+oSt1jryV2aiY1W+gaKFd83dxCUcVnaizHJQj3fDJMadnDHghzvWK5f92dPNJcCPs664YHfxbyxmfllZKCw",
+                    "ed25519:XKXAFSTNOR": "LmB/5vYGtEVMgReXoyvdfArd/sUFYliwYhV7veQtOhhS+NwQY6D5g/Tb6bTn7WHsf4tIo+TzxeZCEB+BSgk4Ag"
+                  }
+                },
+                "usage": [
+                  "master"
+                ],
+                "user_id": "@thenamelesswonderer:thesilentlink.org"
+              },
+              "self_signing": {
+                "user_id": "@thenamelesswonderer:thesilentlink.org",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:EOxMapODdtffAK24bZv8W0FoOYWg3FQ4h5KrjX2wXFw": "EOxMapODdtffAK24bZv8W0FoOYWg3FQ4h5KrjX2wXFw"
+                },
+                "signatures": {
+                  "@thenamelesswonderer:thesilentlink.org": {
+                    "ed25519:QoE3IwxF7RAjF4L+Cgk7E+ktjFlTxkpUEAjeRpAnic8": "JseOR/JCcSEfleU4wqJJzX2s0vZorw83w9fzBJ0mclhyCrnSPR8s8+bQd0H+G3p8R9cPVyRZMn02m0FN+UWiDQ"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@mugli:grin.hu": {
+            "keys": {
+              "master": {
+                "user_id": "@mugli:grin.hu",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:WLlamC7fq+pwDBPUJhnVjTr3tXxcRzRD0YZJZ9nK2Po": "WLlamC7fq+pwDBPUJhnVjTr3tXxcRzRD0YZJZ9nK2Po"
+                },
+                "signatures": {
+                  "@mugli:grin.hu": {
+                    "ed25519:QDPXBABMMT": "iKgJbGQaMSImnKdftbDcUUoaMcHSWAiXTfgX2AcndU4BJkDwV9fKmHv/qpuyJvpDa3I6KwStTvBCpBJtxxspCw"
+                  }
+                }
+              },
+              "self_signing": {
+                "user_id": "@mugli:grin.hu",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:0QvfwbwidCQIbfvISZTeCus+QTJTCqtB25Sfc1gdeNA": "0QvfwbwidCQIbfvISZTeCus+QTJTCqtB25Sfc1gdeNA"
+                },
+                "signatures": {
+                  "@mugli:grin.hu": {
+                    "ed25519:WLlamC7fq+pwDBPUJhnVjTr3tXxcRzRD0YZJZ9nK2Po": "lU0Je2zYLKsW+yGZ9rxCx3hibT52NOqzxuSGe7n9d8lsX1voMFexLj/iXgiKRsgwp55O59HYkqG6IVRPVW+fBA"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          },
+          "@richvdh:matrix.org": {
+            "keys": {
+              "master": {
+                "user_id": "@richvdh:matrix.org",
+                "usage": [
+                  "master"
+                ],
+                "keys": {
+                  "ed25519:ztcf3w+OW6MvAqbb7/ojWF7VQDUWe/flpq4EGOq2nmI": "ztcf3w+OW6MvAqbb7/ojWF7VQDUWe/flpq4EGOq2nmI"
+                },
+                "signatures": {
+                  "@richvdh:matrix.org": {
+                    "ed25519:DNPNKSQNLX": "gcQsljy8H89nqx+wNFi1EIltHs2wfKMclkNpV+EeHcyCBZcZMn6VEn3DWCF59W8Z5jO4RpRFwh1gZRE9qqFwAg"
+                  }
+                }
+              },
+              "self_signing": {
+                "user_id": "@richvdh:matrix.org",
+                "usage": [
+                  "self_signing"
+                ],
+                "keys": {
+                  "ed25519:GrYuWJGHBHNSpUyeejbkZLhm0Iz3prCuXb5q9IZYT9Q": "GrYuWJGHBHNSpUyeejbkZLhm0Iz3prCuXb5q9IZYT9Q"
+                },
+                "signatures": {
+                  "@richvdh:matrix.org": {
+                    "ed25519:ztcf3w+OW6MvAqbb7/ojWF7VQDUWe/flpq4EGOq2nmI": "oAIgDVMvLRqSj4708kMdFDKRBBvbYi/K/BXWiueQRN2cEwK5/G8IW3dFauiErcpT/2uj8Zxim+RLhEkbFj5JBw"
+                  }
+                }
+              }
+            },
+            "firstUse": true,
+            "crossSigningVerifiedBefore": false
+          }
+        },
+        "trackingStatus": {
+          "@vdhtest200713:matrix.org": 3,
+          "@richvdh:sw1v.org": 3,
+          "@richvdh:matrix.org": 3
+        },
+        "syncToken": "s4577843948_757284974_63883963_2550287327_2708147027_5123316_1159385744_9352228915_0_218966"
+      },
+      "key": "-"
+    }
+  ],
+  "inbound_group_sessions": [
+    {
+      "value": {
+        "senderCurve25519Key": "+XWeVnwsM53WJKyc9YlK1DthttT9KgQAvUG/zmr0WRE",
+        "sessionId": "q9pR1wJGS4UlelrAZhNXUcTlS5Qwgnf9ZQRYlAIJehc",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "zEiKUDYW6AWxhx94G3+et8BlwO9iTWI4kkTj/Qaiuu5+E505n6thRcayLqGURRs840HT8FQrQ7XKGhSnSp8ebptluZEFgmFhD3sjC3PqBSkm7zd0QFTN4DvxfRW/TQ7+J4W7GnP1OzHuMPReAlEwkg/cKGfocx+1/F/ocDYTpo14VQevRNzWkvlIuE4IVcI8U2eCYwahrHPA/QVKWDkcRbowXGRcW1M/1Fe9xs6MUWsWl2yqxjdbKkiKOs/hhZB3dDaxFSWrKLqKzcVAt5suEVKLNqHwltmFA2pnuAA/Hoz1bKG7wL4F0U5W0BLcO1Q2jFQyqo/raflfUTC7kmjkSApLLR/R6qLWcXElG+kxETQUk91aplRRLeFwB7KcnhQZNwZn/OoLCI/UCWYd7MJZiPAIdEkvySw/",
+          "keysClaimed": {
+            "ed25519": "cLJclNV+jNflR4/YMu7NmtVNzU9E2ztEuB+h1i/bX54"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "+lMQ7vIiM+Exav1NLfhBuuSIjcI2UBgL1FtEY69FPHw",
+        "sessionId": "L4SCwTtAwCYbhH7nwaj6q5DhToqDuP3LIe04Wx4YBi0",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "vHH24svZmHdZT/up5xxfCU9RQXMlhluwrarhs6I0MtDKkLwjCvlLTtp+R/wcSrfNweaoeeRu0CctxjpE415z3JpoV0oOQN6rQ6UXNfSWZQt+DT0fcBV4dA6kKVb0SM7gkGqyt78WynCFpLkG1lv5wyJQ1SxGAvXEOiPPhpWM1yVb+RavssbnfOg76pPmZLyk+QpgtudEfqISQ5ka2tmfSWigWAfFYL30YaepWwdqmk88QVRE2qMMeZ6+ZJ0xsCHayyTGpaFs99c4k/hU7ZUpMFbfjTDKaOPuvKo4HXXip77OlrCJitOyJsiWl46diZsUr2R5kQSU9906mxjDTy+8i+QiXsjMBAXS/rpIF8295STsdbi9sA50qagbdpn1WW9gufR58MPmKNHC/rc4tasLwIVgZVWxmtRC",
+          "keysClaimed": {
+            "ed25519": "60YYjbRcIyRTvhEBmcT3i8siOhWoM/KVn1ZXqY2GdqA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "+lMQ7vIiM+Exav1NLfhBuuSIjcI2UBgL1FtEY69FPHw",
+        "sessionId": "mQhAC0sVS/Wm/VMfHhmJH5N74KGDfJpLevVg9SHf/zY",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "MR9v04bvM7KVvSboQH9WUvAybISCGsHTp9201jByLi7AMloVCED3K2D7Xaxy857ALOx/Faj2VCm8ZrbSKjuM5rWGQj83mGrlRjYPRU4Voo01wbf2WORojG5nHs1Y/STD4oAggKnqsctR176lfUm6QOWNU1blsUXW11tYyyahJACcZjyrVQXb2LVRlsWE1hyV5Ol4erUB9y5Q1VWQtZOBro6nUE3jEzghgA2rIqAOz3GD0iyRuzMyII/zj3OD1lDuVbyEutV2eyDUPhx1TlQv1a0IbM9gDneOmdOHQ7AsM0D9cOAbhXkmJDCkiE0sA3Qzczam22+zKmzvfzosCOMnPkXe2txWlvwgl9GJtUkZ7++6M2FVRyRkJoWw3H39dNEWyKBzLWOZgFGkRnj1bHveMiWOOdMIPeOC",
+          "keysClaimed": {
+            "ed25519": "60YYjbRcIyRTvhEBmcT3i8siOhWoM/KVn1ZXqY2GdqA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "+lMQ7vIiM+Exav1NLfhBuuSIjcI2UBgL1FtEY69FPHw",
+        "sessionId": "sxbBTS0E4jlv6V7S//BDFBIZJE5sRod9l6/hHhZO++w",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "7QFidfvaqU3F2zxOJDD67PB5CGnf9G7n2KdC2YLtAl32hw6re9y6CeesdJXwSdi+U119yU6/h7kkwUhhlZcOguEPu74oiEVpDrOv7JiD8I6nkI0Tm2ADbHGkLtmGew0T5AkMVS66PKGYhuBfMtYEwHwYlPDAQTmhaUpWdrHf4M8FZMWQMCJCU2m2gl8T9wm0cpyPAz0Pi/Co6TntIa3adq85H0UxUkZBHhyMJ0Kd6ZTdElfF/S6w89pXyVLQ0DUWO51BDKVjwRyUTCUBiXYGWLsQc+UgqOltl14+4Emjnfxl0gKbqvls5RqlwVuwA/5MO7Fa0ecwyYOTBtV733lhEgoWuCQCJyihLX/vk9XjAlPg31nFRqBG53RRn3IRVPO063L0BxWIf2e7qaMnHMjtTQeewJpKGXhz",
+          "keysClaimed": {
+            "ed25519": "60YYjbRcIyRTvhEBmcT3i8siOhWoM/KVn1ZXqY2GdqA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+        "sessionId": "3bv2JF5zktSHTQC0Z8Ia70IA1It9HDrUoM2sHRPd2FU",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "ZZdPE7+7bN12JAGXaEF5q94iRihOgMThT0tfjLG/CETDTA6Ca37+hz/7NHshd2zf3ZfvI/3pt0Psyqi5lrWX3vPOq2YNrV/72RyJe7hdkfMv4ImKMEhRhyqxrs1G1d2CHXvDrZbroVYKIPMlsUqFj94Y5pkK0HVxBak4a/423NTwZEPxbCZHfU+alvuULgl6l+3ICiNOM7MhsSMfbpuH9Pl9T7XkefAKJufD7TbGSWmuoHBvYFWnmj8ABnE7rmI4TlGUk0u663cIMGyjsOX3s7FjmFkL9sLn+81KgxKLDU2bFng2ziPwVoFG3HH4nEunshQ+vbM75Ullg310Akq46hgcOpjCEPHB1v2qThyK71m1YZubftD2ZuQXtw06aM5UDxH31eom8iiuEyj8WKo82FxWjEUPPTGI",
+          "keysClaimed": {
+            "ed25519": "LOMYgmYOogOuQotXIxRqRKhUqaeXg2+aRUFG5SHjVb0"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+        "sessionId": "H181lyCV4T8uJVoyXWb7O4KASvRud3Xfafqjf6Tgjm0",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "p9EzqVI41TT6U/agQ2Igq7Cku21E/9AwHTupjBjtYZ/bu2iax6zvUlDry410N9U1LvK369e4P7iqFZxTotkhNVnEma8QsF9eEldj+2dmw9Bx7ogKVi7co1Isywaj/t9LA5iRxprbVuZkwNaL5/FpCOBiLEwcLxSf5+6iKx2/6EwsJcivvxzWHqQcmIijyyxmXCeEh3JnSCGdMnDC0kunkXyJFekDuLIK21fosahP8Xhh4J13FLgubf/ElR1KOSf4dU3cDp5VK0eQDTlGrhW0BHGPcR6THAlq09euw6qn3WiIM/BWIJhN51BykK+NIqZWpxRvoawWAY97Ki0LrZ7zdsvd8qTLpHljeINv1MUkdyrlfvSHYmIGtm2xTmakyvx+Bmm3NE33VGhf4Yt2h3/DZEF1Nh1Cp0Tl",
+          "keysClaimed": {
+            "ed25519": "LOMYgmYOogOuQotXIxRqRKhUqaeXg2+aRUFG5SHjVb0"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+        "sessionId": "JQzqXLEzCh+rZM246wc8GT0SxFyDv1VpsrpcX15nRvM",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "Th3BPuRVYf4asi/CjEFXq3WWA3lF+MhCdnoapOPvIXWKGKz0is30CuL/Eau9hcwk3yL7+9UApJGJ+OeDHrVVgNbdpXjUY1vlCqAC9tBkWVY9nKDjBSRgqLPJotiCBqgDxFXsCdRXCqLKEES5bbFWxYgKJzcMHeL5Mox7O6Ntgh9X84W/Nv2DZ0OAQylK5AWXuJaJukBJmerdCoO3ltQuC7Pa/AJh4sZxMMqz27MsSvwtfTJFf4lvYOtAFlRoTEN6yi/CwU4oMIP3KTQJmcRQ2ZoZkzlEV6U9MHVdhjJtqeRrBOhGMK6EaRqhajCGUEGEd7dHVeWlW1FO+sg+vCe6fm1gcHUa5wQD7OSAf5NPaGJYxKBT5I8CFuOAvQI4C3T3SDchHF7IoaY9dd4D4dy6ftF8/ojecpdf",
+          "keysClaimed": {
+            "ed25519": "LOMYgmYOogOuQotXIxRqRKhUqaeXg2+aRUFG5SHjVb0"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+        "sessionId": "KcNR1qhTwyH+qtHJH4urK969oAu5bBBu+aEpcX0IDQU",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "V9djhlIH5rqFe/CuJkDdAYn36IDA2eOgtsfTaPDURfkI14iqlnjCkrEVanJKb13qRxx93rV9tVwVeGd8UOSHczioIxnlGItbutg9YKM9kLNx46sRaUj08yJb8oxTkbiddmcwzpu2fEfwX6wvV8i2LVr6Q7Bc1LgFHvXtcKLH0Rcg2O058yuJ+11j6BxUc62C3ouZfuhQEnadycHxwLQMMlczXGkKrWnu7VL82naudWPG4qKpoGpMOebYyuVCfb6H3cH3eq2RzweIlEEG5EiI1g1WUOaQ2V5eVtfOFPkPt0+glfqNzsWu3gLmKHktdjfImEK8uVYF9yxh7wUaFAFXzPHZnWcI2XEtoZDqFGDojdFf+z1YFTx/V3FrqNTSo05XWSw+oQ9VLyBpbTvvguo+yNhLhwiVPkXV",
+          "keysClaimed": {
+            "ed25519": "LOMYgmYOogOuQotXIxRqRKhUqaeXg2+aRUFG5SHjVb0"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+        "sessionId": "Q/r4XaAaVhYrzmQS/9n3TmQEDtd8yVC8Jol9YoAkaOg",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "FnDfo7uakUgJv0UxR+X7jMriG+M2b6gXyDcOk1K+YNnezDfxDzkptQ0dzi7kvzv1QFYpKs/O4RDpRRkt0ZjXfGRvihOhv+T0+yO82n0JnL5Xvfx1gQmDg4tMmG/PaDRC1aF4AuLa32k/drWS07nXr59ZeKMl2Z7d9Z7h0j1UGXYis2/IQuoRVyKlR8iZ9ElAl1HEeQO9HnrUVlJth1Pirrwl/DcGEfukA3ZGqXWGGjoAcRUCpI0EpGppZV7f6Je2gz5NrkIiSiypAARIi3iBlyMGY+xkBh3+UEgEKl+cGk/J3zSMJzppCd0CnXzwK8/tJIiZNtYaW2pPc9ixrJkppt6Fu0cMph9gYtDiO1A/HPUVGHvrxVo0ULnP9+cnp7UplMcmWa+7jeXU+X3muYhkk5VckK1FJqb1",
+          "keysClaimed": {
+            "ed25519": "LOMYgmYOogOuQotXIxRqRKhUqaeXg2+aRUFG5SHjVb0"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+        "sessionId": "aBPgMgRToW0uOFuXsnWJ4imUBwhfQ1Ki+V4mFHk7x6Y",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "PKlmRyvwuMzTZnO/7reSexNv1y/lNJcvJiEc0cmmKnDOlDH+YVmyPDUBSwL4QPIKKgLJVCUVR8eDK1tGDjR2dk9W3HnTFFWj64V+ZBHlXGojJV1pljMvjGZKOftBVhE4r5X9zMGpDq6IkuJIqW2aoiHO19WGR+KOB4+5LeGgskzLyrzDVi5rO1aHcT3FRGFkmTzQvHboSd8YuekD8EXDU0MyJ/JTjXuUwWSKvDfhgDOkX7jB3vAlY2DpRv5aLyyqEdjWtMYLhS5Ux4jmQmgj9j5bxl+RrjrTmwt3TUjQTQHMUfsWGfkjNDuuJaNLplzRXOhfboRB5FouglSZyUQ7c++LQ7V2BZOKZSR/HJJ5P+z48KhHkwr4D+5Doi+rrj1ZRLfRuFMZsqwP6+4kF0xVcI1U5qB4oaE7",
+          "keysClaimed": {
+            "ed25519": "LOMYgmYOogOuQotXIxRqRKhUqaeXg2+aRUFG5SHjVb0"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+        "sessionId": "dyrM7/IIwirOh2na2/DrASo+qbiC7nQNzdd/xwbIi+8",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "JIRBUYf1YVon/YbvCmev9hgJMaf5riUh9ykZqH/ppJgV19qWgVfEQ8qSmuz1p4JdYBfbs1HujnvA5XtjqnXwg/fY/0Drf/IVUnpHC6IXjnnAg8QazXiulHtJhs/4H7u07mJRjKwBayl4scZMYVB+O1H+5kontm4Oa2AF1XXr9hogiqKtwdn/hWX31Oj4dh8wQ7kZPESI8hmmli7Pyk47AVZwYh5h0HtJQhx/Owizea6nV2CK482WKJETzW66FyOWDHs8AjdxOW2oVRx+jO9HXJdBnAirlTMlnfF+fH3IM6Cs90dVRTCSNv+Z8Lm/XyNSJIeHrT3pw954btEOshJaUaUONzW/JkxpWt8tp1206ylaLTJ2hdaA3jg0pLy0lPAQtBqzaYPV8/C5XlXJUpfw5S+hBqVq1wPV",
+          "keysClaimed": {
+            "ed25519": "LOMYgmYOogOuQotXIxRqRKhUqaeXg2+aRUFG5SHjVb0"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+        "sessionId": "nrY8SbxDtREj5AZ/DBAxGMTLm9RWLpJ8oWjO46/kXCY",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "v3guysvWRd9S+5DNz88basuZva75+9RtmBDhbPcJ2nf5e/JLWGG44NXQJQ2zp5B3dYM9OCbf/ToUH76s66iUZZSUDtKdn3Ubqrut+gr2XMJApIblNGhbmsqjX7uMNEqj9sz1dUJ4O53q2zbxz6WSC7aYpiAwfy3fF4twmoEub1ekuUhM8KCGjXB9OiZk5uO7hv9j5ZZUAlykGFK1E3ywujtfMQufPmlvkiKgm43JGYI1c4p5iyfHjOoNM5aZmjnUPHoRIxS9yDzS2HSQD6QmKSRo51i/i3QJ6aOXt1v+D44VclPnF5gfojKdPU7xMynF+j7ZqZyyVF9TsyrSB1ppO7OstbBZbVAtFSPdBMxx5MWCMO4Z9M2svlO/mInNc5QP2br9J4NYu1RVKpxAEEQr3gbfSAODhsnG",
+          "keysClaimed": {
+            "ed25519": "LOMYgmYOogOuQotXIxRqRKhUqaeXg2+aRUFG5SHjVb0"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "2QbxGOXsk4Q5R8gTgrTX8OFg+oQr3WbXM9wqVo+6Fzs",
+        "sessionId": "Ti9Xik0anAjD+HY+C7c3BY3S+x4yMY093qw+d6USYuw",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "maHmoADGNJcJSC4seC3E3/m3vqB1+5qYwbKA7xbbWJSheWgrZaJVjqrgy1YWGbOGmykgIYUeFs6r5jD2+aK1FuGDoRooGK3b+d7Jm55XKvdRXxgL+mRiqOf8ilb+7RseXpbPsjVh5OTsoXb3u6HDjC3KQlTZ3yRuVoAvq7dCbFM5ZBEw7HG9lWZu/+UcY+UBC/3qWf+vkvC5RPqW9l23DoXvw6hpOjMN+b9QU0dZeqVoERVqTBJcRW826pSV+miwRvQWtUjeEcoF3trtxWw7ZLj4XUgePtURRdt3MPtdFsM/STCwVzwDp/kkDHUfm5N6q1ErRZLA95a8IqN9dSqqoismuPwesQKB6WRZXQBUDIU38ZECj93AXhX92/8rsbJWy/fYGObu1TNRnnELpM1sEh3bXUultO5K",
+          "keysClaimed": {
+            "ed25519": "0OLyRB9WaiKhW9CPx45mHEfVw2YEH4lllubTm3LhI7w"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "2QbxGOXsk4Q5R8gTgrTX8OFg+oQr3WbXM9wqVo+6Fzs",
+        "sessionId": "amwgq+pwtaGVt/vUbEwpRF3FZ21bs699FMXShYDVqJQ",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "ZiMO68hMek2rT2kLH/9Wdf2ogP7tUIR5064S133uLRT6MxR9qyFkjigVFZjTIN3QU1fS9VDIYKSBAcX7JATDMvvMoD4H7aPhjPE2AZYt9ZHY8NwTuLeYJPa1ic1KYeMav93+5LLwoQdSa7A8U/jT/QVG2mrgQo6iUVTFUcPdbPtTvQnnqJOxYQswC6f6ckHMvfDrBQg5KKzqhq4F7UooUr1pzenbjPOTbQKyo+DWENKY9+Pp2OjjAD56ECEvXUwa9tCbsG/gMZBK9TJdgDRWhAY6uG9Bc5+bvKEYZijXftHSW8KCcrOTNrQ8+C8pn40py6rn6xeOVF8DasBv725mEhMDegfRMQ3qORXTAq6O30A4my3nuGWA9P1UrvsWfaPgK1c96t3pfvPijh4Wq8jIqI8t23OKoLWv",
+          "keysClaimed": {
+            "ed25519": "0OLyRB9WaiKhW9CPx45mHEfVw2YEH4lllubTm3LhI7w"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "31cIbE9brvZuCKXcCItx55JU+Fva+Bq0ezSIrCFkGgQ",
+        "sessionId": "cMdqJC0pehitCVEE0j+MXV9RU9WWi5cM728bdBM/Q4U",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "wHaOA9i1AWv0S7MORPVyvGcgVJ01SKgzY1CSRQP4wk1HUwPr9qovX5O63u4ax5ZhqsaBPhfEhoXi/HEdj/IwyWRPHtveSmxN8IXI3hOC43PeZdF39gFzsY6VZ3db7r7NXX1uA0SdHQ7lfjNGVJEEnxCtoER8Eww/9htImzjsWvMRmO7Qkk4rp74jK0bWwVia08ZHJAzBL5jynn/hPqx3lg/azVN7MoUlSl1vWHOLA1dA0pTjuUA5Fxc3B0nzpSykaBsIfP6jTMTkGQhHWh2Jy8ZYczMb+jNy0I+9Xn2bxcr7iU7+EzwJqOmG4QzIt9vG6n6OuTLRqnb7APJke+Ms5aj/O3AqqD06keYknwvDoe0owTrFaY6x6ib9WVpNOFGasWyTaPRNWLU9VmDdfxUvjg3a40izokf8",
+          "keysClaimed": {
+            "ed25519": "Ctmg3Gdrew+Az3RqmZ8t+IQoJ+eBIZI3QT30MeRUM2E"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "44ztwj0hZV84CSONm6SKLlTPYyt1euwda1wR1BlxSlY",
+        "sessionId": "7uNrLsIAUi9cTPXzowkZq+QIMzOcB+mjY2LFwjnSAN8",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "vLLk1IkkPSThKwf+KHQD9ZewA7WHLF8e0P9dmsYaFIyvMyQiVb0YNmrstPj/u+vCqQCs4uNjx5JA4S5jsg4XtFgwmlygZuxxGGFEoQKov8FzU0JFdb+xBrr6a3hwlST0y1OOQTgGimmUPCWDjWLYJE96hzRsaMGnbr9roX4kTxO7MkLwW+Slzz5M45mBPKMotwJMhc6FytDpNNLKR517KbRSmRGikU6oCCoO06aOAtVxAKtog90ikOZovhNbHqrzeSlEPaFqEg9YqK76BT1axZIGUCUF9iqbeQu46F8fMKfv3yLvVdqqSIPEkscPsyhqdEKHEXS3DlKwaQgaoKPJ3Csf3OJ/vjx9O9J+gNvXO/L46oFjQg7ENRl29sEXn3xgAnR/VrkQR9CWpxhEqvqst5U7pXPBJhOy",
+          "keysClaimed": {
+            "ed25519": "vhPGsHTbwwwkWANivBzWkXivx1Yre/zhhlVletKXAzE"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "4o7UZbNLHEb6zYyXSJYuEIxilsaAlhEl07j6yzpTQ3M",
+        "sessionId": "/scdHnyj4zaM9dSDKtavG399oXnd6WShjmdS215h2W8",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "ccRKmEmi6uT4sp3/QTNR8KwZP7CY0XvDNN1zBK5TdGzAez/i57rbzQ7ezhp0uIE+8RNBLjOCgvoZHqdC26Uh2J3aqJ2lrABAzjrfBwsp8gmLzYHaNX0Ad56dC+WNQ6/RpTPIwUyNJaNVlPHZcotqcdBXnMp6/w3KL2tfSmFj2R2z/oT0gAveOyS0mptO5dXNsnzant2e/foGO0ZGEMdyQNy+T+2fGr8KrXZ/WbGeYWm2YYzrq0RNiHM9nf/eB4OuhBlkJscsISOkBJoA0qY7nwv9AAd0prARQzn/y2SMlfmoRz4RouMvKYJ7fPGaLZjAaygzFcPKWLRKhuViUhsR8bCILV63Vxud52DuM32r5W8eEPCaAcEkn+pI5w5VQxIsZbCA/n/x5sJ7uwPZOGm2oUAaLR8OBxLZ",
+          "keysClaimed": {
+            "ed25519": "f+CQpoUQIoPSep4OvB30vIBB76Dv4KmYgMxzz9MprkM"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "4o7UZbNLHEb6zYyXSJYuEIxilsaAlhEl07j6yzpTQ3M",
+        "sessionId": "Ui3a/yO8itJoooY2qMTRRvNgoZ95+aLv3OfuFAFD7LU",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "Oo4nRksKu12yZx/1RgJxG8eiaPWnuKl/gzoh0p/PXAcDtQaCLucGQ1GyKPwPoORPAin0KBC7euRXVWXOJ1bpQFV7VQ+yb1xaqGOufpIUYc0x9jlRhMYWT8zcGTKJqNLBgOrcX3kmMaoMWwbMjflOlKhQI0Hg/UHtWIiIvJ2C/hYN42zRDkxSG7Q3AGgPlAo3hNdIEMjzCXkJvU7kDklvl7zAUc2SvpASaiRIjJhDLnWiyW4GkyK8oB8DxjZv9aYp25JBfFdQNxDUsvCdY8QT323hBvvmQayZD7bhkqnamMQWX8AVXqBBY/qzZV4BX6aKQDvs2DdPM/ZvUg2MTN+Z41c5CUuVBAfpA3peFIe+uDZryQMDl+issllarW0PaFvNXtP12zJ1tsoZROMK8P3ikKm8ysFYgL41",
+          "keysClaimed": {
+            "ed25519": "f+CQpoUQIoPSep4OvB30vIBB76Dv4KmYgMxzz9MprkM"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "4o7UZbNLHEb6zYyXSJYuEIxilsaAlhEl07j6yzpTQ3M",
+        "sessionId": "mzhLyAG7YVw7mFAl6PPbOvqZ92Hf38UYrtBoUsSB/4E",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "TDaX4/1hVz3RdtQFwPauipP0m0BdKj06VJPSTxWNnUEfHBmvrXjbslc6mBcbZSazeWkkapsRaGOKlUIyRORa3E5taqn/u7JcI7bRxmMn4n36A2i3KIW8WXdUi5ZPOhgB4x9V8MIWPIT+6vwVzoYP3xwvX3zD9n6NEF4dXvogVyPUJZ2El+MJpAlScAxsGCwM8vKFuKK3bdqiFo3TJKnA+GvzJKl/MGd2DebSz2YbNQicGslmCXvvDfbBL/QVRBiCmor9znD93IdLx555229DEZp685g8FcpwYNlKfctjm52X/vvNxgNd3sXukJzkoFvTeXFO8deJtCFR/qn1O42THC3FB8WpzdGpPP3gx6zlW6Xik9bghYz6U5wU8qh5PxEyxHSPZQXZoQjw13cyAHiwdvZ3+a+jJxYd",
+          "keysClaimed": {
+            "ed25519": "f+CQpoUQIoPSep4OvB30vIBB76Dv4KmYgMxzz9MprkM"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "63T7anu0SxzQJRFnvmHXuQuSW63plQdt00phE4lT5HM",
+        "sessionId": "cR2Mi5hcIiaH+XIANBknJq4dgBbSaopTyeduoJMMkSY",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!WXNLpHIsCohXpXsbUk:matrix.org",
+          "session": "Ss3W17Lsp6AhgJ0tpZBdLXbqdM8rtd8mTxfVbkQDjL+JDU1hmlxFuHfweOZ2EMK/p7+VEGUogeQ34jfz/vxg4a3qrK7b3Ocq3zbk+Jgt3+sw2G8g4bgdUsS8iOXd5s2I7Jq3lxsQzJQ1Gz3JlF4vgf2kiiSxxkkfz9F+Dth5A0neZHYS9/GbK1WKN4GbvYE0jwkLGStFyMcGybzlS6Qffz8Gr+lR7vZR2Xv29tlfMwj7rOcngsELGocnx/tQRNyQSaFxRn8cuc/WkxXBFGRNU0Nun9ZJ7zugLo8G9KxByRHmwWZqRC0uPENNmoky9QDCy8vhtTRvC2fWS9cAAXaYrtOSPi4CtVuED4/PVOvRt4PB7AQNsSM2hxvtyDaG0Cr3fypuOAeQ1jm1S73iQNtYGpZtdPx0yLLm",
+          "keysClaimed": {
+            "ed25519": "fWPPk81MUp3kofc5SR+yEg8c99XXt49pQH+iSefcbJ0"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "76YwqK0pg4oc9XnCnyVeHV9YVJ6GmQNHwWoGWb/4Uxk",
+        "sessionId": "lXTomQfAqZOBFISZxvKPwQODNojDo5dQWftalCLv1Ys",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "SZ206hujvaN6zPo/92wBijaz11yxrkInTi9ADYzjt7JKZ+lx4SILBFr6I7tPCFleiaG/wEKdzYXytA+M1tcovp92Zq98tJ8T+Z6x1tObrFSgHxiCBg1QfgK77/qqqvwaINOpaABcBDG3NneDwYKlkBRDOznBN70CiRsKqVQuZjdgiYeCQDG8agSDIoz5/9+Z4VNJiCMj2PuuXVXOpAjnQj+Kb/S+XYvuyw85/r4YRjchHTKzKrj7ArD+VEhCQHBpHisYS7Ro1AgnbyWCqETExYtFCI83Zye4A65eecVEy4f1mRCkp3/tkXpHzbfUoaLUf95daf8t2ZwXqeUPD1uAZBztZPxPyqD7nm+UpN+C/jzSkQuOGch37HGP2LWQ+I1qfypV+9s4c9z1c9yt8ecau8DDTXYlDA25",
+          "keysClaimed": {
+            "ed25519": "36ijsZ1h5220MO3mcK5s8j1g+6iUawqhEu15z+fflb4"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "76YwqK0pg4oc9XnCnyVeHV9YVJ6GmQNHwWoGWb/4Uxk",
+        "sessionId": "rmHcdter5BUz1xAUV9Pu1+JPx7baZ3eX2O/Fv2SMk98",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "kjJqhmyOXH8EjmorLjuLDQy4and9X24Z+S21a2lq/cqFLD7VBZk83gMCd9sjJfytvdLhRoZXmgGjCP3qpiRP2ZtBkMQFy/ZhaLX4b7pQXJtFIHCUa1msRfFWjOj6vvCn6/FE4G+7KHgMhC/DYkEsSagERQXeWiYiv9MVM8JTknysFz3YJTt0yxS6UUAA00bV4bhQrbPEV2ZL1stDqJ/mVUOV4AIfV8tvOiz0XYZHsaPr8Tot4+fkgqJ3PQM7yzYyFjTtIdWO6rJgwAZRuA4O7xedQjlCXw1U2haf5uiXwgvESiB/9J1Rl72vwiaiHbVUQWHY8z4wcSrl2bNI3/oxK5OUs9RYWI69nlRGdlslSD+tCs6QNurjqHibUcgnwNoPM2jIhXbQmEqnaK34gstG9fOg8L60eSlN",
+          "keysClaimed": {
+            "ed25519": "36ijsZ1h5220MO3mcK5s8j1g+6iUawqhEu15z+fflb4"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "++3YBt8NiOnH9IfbFc0kWyPbV86j1LeaoSYpOsNSft8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WRbOtNBOS4rpYpxgW0b+TDPYtgZ+S9o6GpwknaAvbflsQd/bm9+METoCl8JUgVFJyOQtdeAyLvDthmCq61riS5TJThYMyQrGkkp3gckBMJx/pHUa23EI6ol4Awu0TVcxF9S2lxlT1O4jRLiw3kItn5GiZZoo5u5wJYSUD6oRaLTQSX9ApCoDTZhEgNg367ySTlZWo/XNJxhvzwTwYq5H1eQuPvx5SiD1jJBubB5yLe0OFbE6bBtfRljfI+LnCRYRAPfl4Iq+y8m7CQWAsZBxBSNw0aZWU7uyngmKQ5gYRWGz0VINzObm+BZMwM3ffBafbYmKchvh5LEpwwH5C926FqEHTJkuJx3PQEGDDkE3FRuPAfj2BUHJ5vDpKKwJm8nmU/Zgb3RXz4BMTMXg9yA8YfGThvF9Ib5Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+/XWSeRq+NN6MyW3zGGCYLbzm1+OW3By9SX6UGipKy8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QVx/dJaCEkx9/37OMuMU+T4KsUrrqUT1fKf5FxkXcr2dbmH4kMS1j7JzTJ5VW5yUOrdA9q1pK9+4X83k75Zuz6MvBl+SQQJFwTeGYVBS7W0nmrvcrU4Fu3uuSzt4kAALeU4eIoU/dtsGO9fp86Y1s2yqiquVoiFrai53RzuzcKpQYyqKAxz+aWWh9QfA7kz45lhAi74b69edyWYxlAW1Nj0oFC66UmKAVXxPhNQ9OjCUa9ukToiKOYe6Yas6c3BpQqZG2aQV5yBdrZP0v+3gZXQAIgg6qfT+b4jEVX2kgdb9wgWaDq75kqBn2M9XAnt8a4Ou76dWoa5bBoAYZMfgTBO79FiybThvWyqJ/rffb4S0oTWWl9ZsyUr9pjvhuLbypp1ZBsYNVRSu/j3hPZ/Xc8/HqTsbXMDb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+/hHMy3lDphV7vnWWNEqcrGbdcx6UEoUyU+DvuFC1oI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c53PnDhg2OSP33ixh3ginxsK2Nt+460nLqlt6YLEA4x+KnrqFnQE5+kWBqNcZBXsOYDz3i8UEfFkBUN+bP86g/3ZOBnUmJBRu5n4OA63DchwNVckhxi2rP+cWvl3cFJpSugTzU89k9N3W5wLW8kclvOWM+PlNTXJCmFtmbKUHsgab22Nm3CFnoH2PD2W/We6Q5DBgacG8oGqmlsTcJ8T24j18PGHP1hB3s3bWbdw19+g9gostejJz1eEXWqNnCokP4bWEJLU/vSz+5P9arweaOirlsg85Y6DVasibpkgu5Lj+QLVrJQdgcXAIrs2Eb1m+TgT2kOz90hjzrIjPmaMOWdvDV7Nr1kFiB4FdxgkO+mlH1gS/JtFTUW+v9/6z3KfDe85OO+OK5D/GRZA08DpI8B8upDmfNLd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+/n5XnC0FEuFsvF7cQA/abXK1zi+3woXj3dCseUfAnE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xExIPv64G0dVL6HnLCe2idjjP4KfrgN71F5gouZho+hbT2b6u8uSxjBnDmPNn1Xt+Cm32lqO5oU2hYaL4OuZB4tybRbKX/jc9TRlU+JhuYBBUKqn5YbH+D+FLtk4Z6sJR6dADoNcllP+W0l1W0h6EG7Rc/xlqDHQXLF1xORhgx+fPFOlTpqCH42v//KFFykNRxb6SbUMKtgzS3jo3GcQ1LMicQHswwpSPpciTHbrG5UttWsXs6JIGNnVNRyzZxUdj1nCpBLB+Ra1rCxuQFynpU9M79GAO6Z0H2ZGv2tkDmyqSzzXEchoy3ezrBqG1DxMk80MNmIHfDtAAAtxFnil7WMm4oUy43J74MXct+EM8GvzwTQR8NDGl2V1FDb1Pl7pvt69nXFbz3AsSdGGvBj021MpGRu28IJY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+1sAB3f4bU8FkinbZAEd661Xem+o6G24608rx0NkCSQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+tfu2JSbTIq3/uvF0CgbH2Puugi5CPkvGOINiU2fZdowA23Jyvd0Kqwz19iDrqDrwiURDkGcfbF7TpJcqi4xljDArR5i4suR0+ToufQ/ZmLl0DLzQnFOFHH7G3Uhc2zszSIhrkNVY8p/TRR0EVdbn+kU30SrZXGOzeahXGpvX26EvbH/EKd3A1a8gLkmD0DY2zxNCe//2SbcFLyWSMK1bnb7cK3FxoEx77TYk5aiYnFU/LCwLhKtJEEb59ar+pGPHgrGAE2R6ZQZUrWt9LTEPgpMAp8w7OLo9TLA5TuKoppvrJMm8g36YRYM2i6njPhAi4ydLh0x5iG89m8TqmXL9+blyBh3uKhJBk/3nAboFjaT6LU7XSDo9RPLTIARBiBqxXh2tyXzRgS7b6UUwZsMGC006KS2VbZg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+25SFBSYSyDXOQk8lYe/Yx2e2A5ezYQKp8xpqSdo508",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zVm7CA/09HhnX+E//zOHDhBmjLyzikhucw4VFB3nXkpbivJGOfgVEK3eMt+1vHEwYCSkli4gRFL5fPMAph9avzsoj0Ib6cMvEAIAw37BE4rwbATqpVaCdSkAgKJ1FWCslSK35PErTqOXfJ+3ojccaMwNcYnYSv/xmFsI0qIxETXp2egGcC1Z4N24QcjRnAQZY/Xx8pltuuHev5mdP3Vt6UO+1gvW+W8O1OTVtG6UEqKH/GIQRHkfP2fcRiP254OUmIkYunQAjZQhLyymmfD4ADzQ/TyZOjjhtXDf+sj5HazXPZFa3yEmcmT25dPLTeZefUiKobMLgE7T/rhAAxkdlWcXVWs3yZ52gW+KRCVgrMC5oC2fTdjaRrZt72r+6PuwF8vFluG57zHAVGuE1mjAmO/QCUWW9PLq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+2AZOxqWy8bmTuLhpSvnFQtPLYJ442zdDv5yy61i4xA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6vFF2oiSfacOt59YdDcr/4mkFi6jdHfeC3sfCdu1I+J/hNdaOh+YjD/hciE5neGDzpzcfMTbOnafB2iCiMSZXq6NWyBUvhTOvcGj4Uy6KRIiwQGelXFTmArKQgRSOESBStZQDA0GZtxKPlQXCmAx/7qF1+hCMtnGydsuEk83/DjTVLBCoOHJ+g6vRnbexOKy2ymQaRTJsqJ1x1syKY5TNMsqHTtFJYj62f3Qzyjf+ozecyne8T8QxRctukxVzovyEj8l1WUvQ+CvwDzxkvYZBw16Y7xkqHMQUR0nZZwIWuU2j5A1kjX95Vumw8Z7mF2ZdX55QcPXnbip8mgFRuwi3IdJ0cmKOFrXg6tatxLJ7LWN46f6OSKFxZgWphu7ANFk5zlmQKtrMgef67N2lMYKiQIWqlM0rfRq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+3PTe5GmxV6z8vBgIvVLga+jUdTtG65L2eMpq/7ikxg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dHJgsIROWr4VfYtZTgwhl9O30ylZ9lfTcWnsaJAJUMCo5Gx0bhiNOQA/JKCTC15vJYRCzrfM/ZIF0EZyRT8XL+FhPu88cC6NPAmcKhoev5G8pLs2hrHMerkTDKS02TVYz5dCffkqXL6lEOVFhGW/jj1L9qff1dD/G4S/GspOrF/0L7lPOzxjTvzcunOjinfWM2uuYIT9puCx0eX2LtzFPI0g/0dO7R0z4VbDRDlXQAtNwRrRSp2nIBW9wyGAGroItN9FxWUHhtxWjhJWJQeXDN3FV/A0eh09WKltiQOYE6w1UTr7rpy5RJSOQr1Qipm/jAKEEP23e5qF6YKSfIM6g/uxLAAOQjuzTwyOh3UIDcjBK3ParoY/VgGiXS3/SM+JXmvAiJeU7gMiK+jj2Mfuwmh1Q8bH3B/X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+3U7dI0Slhz7Cf9ZIXShjv/UPQppvZf0dMJ+s78KX8I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XjuLvZ+3WaueUXmylPflvnybdb9J2dPwSS9J8n91yi9LLxDXEgUWPyeAKHvBEYDZpoX0i7q21dls+Z44hhujcJRiUpLqnLSFR2gndSn4KOI0DW6qdIo3a3+dQtvBU8xKSf/ZqDSQtbKRnuuye/etrsDTwCXC9AZ2dfQ+jtPH62eKaYp6FUcLdPdau6Lol+NqbVlLjzuMCA7Re3iKozMMW1KFXuLA9hOLuoqKmSLbN88d3TyceJfv5BQu5WjeYyOqIcaty+PNbx3UmMnjVMjDvdKZ6brHHuopRfo/LkWAvat06Jt+HjwWXa7RvgmpuAXWJz8cCUQZ6i3d/O4gq5z7391sT5Bj/7NsmQkhb26v1OZDjnm//OmCNXP/vSA+YVN5dOAD0j7yvEjQCjyeF0IMJBmPqvTyQBD7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+8cLwA6bUI2+R/oq85JgyztMmjdthfcYzW/A3jbjK5U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cJK7hmnHQlQRMbSjFxaRZ1GpI79exPcdzsarjmH9vYunDPsBbesS7m5iPPHfdgtQ6iUv8NZF7us+207fmnKN93ke9uOY0Nzy0FGjVaR9JmqW7j9ERQgm3R+9xPqhnsPtksCjRdlbgcDEG7RP46hOcUJMNiPzAMqyZYBnq9Dt+V/PlxLYKg0sJUOevKZJSRyzX4GuNN1sH1z0IjWOn3hoc1YZMZTPbAT39EcpQrXFw92p1o3hR3UpZjtdha7OZzT05C2+iTtJE3X+JLbYiFIdKEKqHM585y0wVdy1Io4FAoTt/10nd/HqA0TyCgV1QVSqHA5DyGuktfbaNOwoiLrSCkOOgoCFG3ijeb3qXG1HO9r3KWdDHSpvXrlvov3oLqicnjB0eZc7ECaojk6N5J7XyrxsJ0j3Jw0Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+908ytZeAR1wp2Zq9DeoSVD7r3jafMvXJ9Lmkr1eX80",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Zpvu1WhF21B51t2wPKUhaPN7WiVhwg0HIjJsw3PBPW4YN5qjUB1ZCtYCAmPWQGcCQCa7a8GiacAuYECcyqCY9qOZ/YvkGZP1BDk59qVHnFeQHoppBLz7k8vUFPvEyVF7IrYV6nTt89jvFtQ9shibJv7jJ0KoCVkj7BDgr4Ld08C6iiCu0FhQBio/xgc2OaB684qEAC2vPYP0GUKCtn3VcA4Ijvkx1TB9HsrIwtgDTYR2GnH7fW3FFuIGR1lPlfYpuhVjXa/7a8kgwI1CJn/IkFQP5Wkz7jBXPE5+Pa4Tmh1fS4LuOCj5aXzfI6ca31Kb2av+xyBvJL64qwDkldtxqam73dFMfsWPzOvUXPHsSN5bdPoS9ZdHkvO2xiO2ML/1gi1apsjgMlqr3+F5O1ysNt7njyn/bbZS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+9N/GYStj4t3VrrwQPZWruGR9rDG5VMWQRIhyOQakwg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8tm5MlBo82FhIrGnaKnVAVmFufUA3kz645/zLGXwTbabYp2GOxMzTbjxHJZo+16zuiCsm0WDWS03if84XqWQ2883I6jC1ComvdbLRJzJnfFYQ2Ne4zvemDp66ABCcaFCUVeszaLM8Em/X/XpGEoydIErDfN4JS5FnuPO1Krx7++1ro7fVJKEiIzXf3diRU44kVp60M+z08s4TUCvp30MYwo2uS41XlaZ6w2K4A4klc+QN0eT1PCrhuNU4HbzqzTEXOsPZQEqHlesm+VP7eM//Z2O6o/ILw8/R9d3lWOrtsFaZZ06ATZHTc15Z4YiB3Esnq9JyhPkWz/RTv0clk2CHTYyz/5tTwx39PRHnhaIeRPaMQyGMZ0OKaBTf3Gzm4Jg4sAIioP21mocOTp2Jtbyxq4ERST7CjFO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+AFbaa2aKz81mlQy/8Y4HXtPA08EuFG7mDo780hSFYM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "454dgOdBdLdUKBPDGQK4fU6JK9741JpzMHpBSKQ/imNNunJ51ilxkUgW4YzR1/DPYh46V/GnO9ijjduTiw1i8JslzEqo7T/pioB1Bojdbvl9hNrGXRAjOSGlwaZl+JkaChtQbAPYccFdk2I3jtaGYncV93/dweiynZiUtBjzGk2kPRIt4uiy1NXPBJBEMt3C5YK7YkpPs1MXDRs9USNEsF+vGVzY6iHOuDZLpuJkACvqniwv6EGCeo9AJCVzMqVAB1D6qwu8LWxqjVb+7WIE4mpJvwXNbpKxcoUpEPYT8/sOQXjZtjZ83oIsAVMnmdSj5NH663WAFtAbTihSn9RZgljpLCluCUQB+zzzh53hlAbuveKZPrOlYleLBKJQDRMN1b+ts3g/CKZa5T7TIyREBK72ReWq5gzA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+ASKGxERbVhphiH7invqKjpBC3PCc9jbY73NpzyWWB4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DZFH76IV0M5JLz+PAnt2WGlQuwJ3DgYqUitFWh4E6MxbdpU60rnCj8CCy4Ky+5n8OKqNK2vPV7sOtoQ9C33sDwh8JrZtLn4xEo76xfHQKIzOgBwnvDponJXZo7aZdbsLNiPIgtEzkp+sLw7VnC4pydKoFVXYEcn0w+pf8G5xzo+TxtPFsTCVgYRbznHXODJHOIbRR5yQ8Yzoz1ygfDsDYt7aq4BCbMluGTMWAluqDxxYSaba1rMuHW5rRw3clnlTGb2UXwnNGRE5jnP3OuoY91lnGRyebvvgutzFG+hxPrleRKUqyxorHKBd3tefYoqcDl3Rvd3oNcOpRaVlVDUr6YDhZ1F3/U1nTQiU/hv/4xkyF3Vi3geaNbvqjsFG2NWykqHKS6d6dq60HD4SxQGDqX/O4NllpXR9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+AVqEei8VvOUrYYRYM74DvfIXylKy/qYz95t2IMg84g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+WQDye5ohH2pXpU8/hKI1Oo//GIg5HpINL+Gv1GkSMe2QAf2/YMwehjK2Vo+Kvllmdu0sBNBP8VJIsoHRHl7OXDXw1hn0PS7PVZWf+E2DGcSJYh/pe8v9xITffx49Zo3ycfB73pigJoYwrBeZvhDRig+UzCP4iBT5wl10sSFPV7DZdKw0O12C/Gy8W3w116qV/Gyj01tzVKdLJyzyxb6lO+olj/C+EoCAy4tZDupaLbLSTuXfHok+mGTG4/g1Ur7SfiM7P7KmXa4NkVdVmoSc3KprSDeSPPB8VUbRUV4GPVYFab54b5TVkLh44GuXrSnmH43QVabcns3QS3Ib7Tn9kHHTviB5gTDZilP4FvxjCLqt3C7mKmRQe2L7O5N/kC5QbBK8xMu8CgCWR8a35iBdtX2sw46Zzx+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+Bnjl1keDPk+hE2rCynzL1b+Eu9K+DGs3j6Fa7O2YBc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qVz3yTmqfk6lxSGVqtKINhr5zbQh6n/JUA67YEbaZKjy67o390/7ZjY6O3jBJ7Rh3g9YujYg3lSn7Jig82zEu5Cdn2xSYQ0kiyK5xe0hZjFkJEvWM4sxa1NfbES5DbGrc6VZdGW9YwJgQKKT3TKRbne/LIc7wYslKJnnTDSbFnNUy7N+AcOb3Plx8xdG4Sx723Eyc5YL0XdU1gcjn17Ac+puq7d03QthBrjGPVA+tjirxRTTT++CXwU9UwQzL88lojcJhhOgOxAXaxtCMRYAvJjyey2en08QgiGw3S1D7/bWIkLb4g6dXO1vv0/NwltTodZ9N4mmXBgNNgFqcOPeb7NfIz3pTwbizAk102bLnco33p44N2D8aAdiPUFSIDa6oIPseBVPO+qTzqa4+HZLlpFpwpqKutrc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+EOT7fF5XdCYHfWbRioou09t7ZU7vRTe4djnfiJswYo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Fnh9z22Vii3hw8jyfnWKNU3dgS6DoQP4F1mKFB1wjuvByQhM3+TcU0Lon1Y5vxNhvjTZhIVhhAc6sYuhlDQh5X4v6SvZxnid0Qu+dLuhdzM2osIgtfFu+sgy/MIjePpuCTFiaiCV2PhB2L2ymV95grvxUBoNTOC7W6vK84STKROCHw+ElFxsz6aEYWNZLDbb/vW17sBNlwXZLOZzRDw+K/CnNLTa2PFJ18UYB8dWa1djBsfCojGjv0Jc2wBD2wB53yfSRJwIWXE7AhOA2iEb3ToUuYZhTEHwHs3bi/LAuc6WL+NrYwGdqkJBYHluuSy5vuEAqks0z4p/Ve3Lkd4nDfK8xdS+iLwfUtcyxWtBhzi23AJl8yZfsGxmxoDggpQd/0lH+SCIVvmVnavkkNqcElVRRISGCpmc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+EVi9LvGU9gHgvuSkIO3bvD2wYSS3V8rCc9y8Le39Cs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lFGtJwq16f1xXUwcbRljD44J1qm//26oC5LiLmYWB9tVk1GCGg1eCJe4QssgiWLCZKoCMHGX8p2R5NvO2ICySDvSk/qQ2aKDb9lAFtvj7vI3WrwLrlORAPjzjRZ2K+jyGxlWilJ91Zj5PxJ0Z4MBgnJRBsbP1Rbt6xzGv+5k2iJAMhMka6lpvMomuMAItDYCVQJ5+MmO/Z8SV+JWXQrQzYLiIAOpEOa5M+atEkwsbYT+nHa2S38yRKW7dEkQ+z1S14bR216Mw8LdDAs+DueLhyACNQXE5MdO5C5oa53ZbxatWhPpvzUmxuQZv4N8e5U1UUK0UyNq/cNLC48fxRWLvVeV1mrLwVpTv7sRWtsF49upw6q34zJGRy2k61YOXNNhT+0nLKLdu8KHxdeRFGsHVfJRhkktHJ4f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+Hbpx6AyxCOZodCND6EgcJk+Un+L6efqn7RMKMobnKo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RyNY3CNvSLgg8JC3ukmSuswmiT8m1tvZITe3IoTT/M20S5lKTIoFU0L+YjY/yo1lQHs9VR5Jji4TBmiXeXCZ23x4XobjkFRnUqYsoBDkyJ4HMPwLMn2JuDhnHvpRMJCqGYEbzupQgJbOxgfl/LllJLyrsGhTK69B2yfBItXwUq/1M67ZxdRhrwKLtSG/sLiKvWCIEig/9EmwqubUq5WStrZR2qGj0mmLvmZPexunSml0qBtsq4OIr0Im04xUEbE0p3uzyLCIqxB4EBvCX36XbQ8XFJc4DF9UhSsEHC8mh/cFdY6c63Hg1XXmBtVjXAlcqxVc6h94a21KtQvMYkuWybWW9qLRjpB+OOQamCRQgRm2i6T/tMqoLv8m2idBqDS8NzJop5VPsi+0BY5x2OHAWWp/6OAd+4Yn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+I5/SgmeHXQS9FS67QDXc9Ve2YRnwUEp0Xos1E9JUfw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A39w72rDatkRiob2/dLyPgXY2VzRXVaQr0JCv6/9af6wBozGcq6BxiXRIyvnxHE2NHxJMeerkpHYEifhpoRf0AarS5KXcmHx/DHdkrknLZRIACvNs/FTUED/OFGskwFAkPGmeUM1RP9EwUMrIdEB8WoD6slo8BU1ak1NXOTJ4+rjdGVMbpqF2OLX9NfIAH1rlP22IQL1nzUqQtXDyBBkKcUKih9GEimlHNGdCl9jeo4eyA9uj6X/GzRagLCVNwFuE7N9+GRm/1ToohIWA0xtgDrtvdF250a/RZ0rac+cLMlh1qrTZG0Skt1qRg8FNx1UeeYNhgBtCoxqQxZ2vuehpIczwz46Sf1RvjdzpQsHrwZvliNdmc4AIkSDaL2FeYoyKIxRmjEFg2DwJ/NKx5/Q/ZubQMz9iM9b",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+KQJjXDJC9CDOIb9iYuV1dHHvPpphg9PN1w4BA0+y6s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8KnVsOa98G8BDILNuk8rbaKlxNIg0cFO1/Y0i6RPMAh+T76i7O3KQj5UJbmoYaSlOZPI/n5tWMlaIFsC7GvjabQZkJ1Q6D0dvOIxNmwPslcn073Hxj6U2FkK66R2FcGowyknUyFU9qezIH6gDxYq91Y2QDVgZhvYT/mL8pXUAutfoAxgJului7IPrum1bVOviCwgFOp+L38CV9sYBOUbeqzrht7IukzOwtSTrCmh5ecOt4Qz9v88RpwYxYX30ALBs/PMi2L8ZWdea0YSn+XSdW2icpB6Ue4FCQBUHYZVTT/XTi8JaTLyya+XiJvypLreNLdFEc6cFzH4ncq1hYDK9mko+0yohLO8t1EL8TYROzv8L/TlIj1hQzk0bQzNoiQHos3aamWnkuVtMrHwvmh6bR31fkVBCjrI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+KgSrZUo41mj/BIQ5DZpudOkz0a9Pu8/jDa+/hnGTyo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wSkfTsWxr/C13VmL44U4WEb2/0eTaQWFVybWDRb6wCMzTxgTklH2zO2fXCLG3PwZI/4Fr33xbcIEUkhao1KbWSrVgpPymCn5leUucv9qBo3vGf9ga0LeyYUeYpVrU/B7QhKa78wzI/1FEyQBcBJm+LsLmojUKsSmC+0xDjhlUCTWRrUWhVXsatFVNuRk+aAMaewsCInwWpv3plEVKwaGnz1fpBigh8XzNntMsiadoYt1Ou9E0Gjn09yXVQiGmlvrfyIwl/pFlt6l5TBTenO1cRAuPHKs0lv0pMKWJxokJINA1eQJ49c9FoViLV04Uaprx1eDsh/YQQUfLtOxxIF1h3hWC2RuCWkOoMRosmZNOuBMOexISoUdPKTX5mUtCcKVmHKGP0OfVg/+MEdZO9ni7h23944mBcBI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+L+Qpea7gyvUHmHarK/uVzqDphtp10IKVV389JIbLyk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i23m869zsJZE57NqjHKqtUZQSboUFZh/BQFT9sDhYZFZSDbN9cBSkpw8XknU2p4AS8zpCFF2XFuSdCW690jyEX7MW1NA1Ikp0jQWsHWVhpIdrEIjaVdPcTtmBBHT3ACUREwzqRgYXGk2Xg6GSeJPkZfAL9r9SvqlUD5VYwiwq7R4FEwZ+tWbASHGLzxJPyFhOhCGWixORBNR2yTpGgj5qVr5dlnJO4oScZgACrwXvlztUZTi4IurX5G5ivN7K/TyP+VCqL0je47dZAUODIw3jaggJmwbDmEzvCxUPDQWcd2qONAPsU0azuGKM/uOcfPNkhDhwJUcXE7Vle0Qmpk8cyOgGy+bNFLo0YTDP1IUxG124mvJy6u6I+NwDsKGF6HVUzDCkb/itagiho5wrViJLYAAIC+POlMz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+MHcNXG81Ucys3ag4Nopgifx45FEwwSi4elX++lFW9Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rLCom9m0y05fIIlS4IFL6vcPxlcXGIxMDJSugXHGCUrgluN44qJrVt6CC5IJRibDBrQ/RtUvJyY81cpCs9nNWJhH/pPJ+/3PaRa51T6qjlW0dc45Te/oKuyldGQL1dasrcFN1YvNuG4IFeLCtspi94vrE3FD/+bJTJBb1yAa/GSntyArGq0YPEGfVkFkJ6/BXdcX4y+xCS3b4yt3juch/UfB5NE+lEgoj5ho+KyiZtZiVNYibo3qUX6FbdQVk5FU2ddG4uINijxCmp9vLvapIbQCLVnFK3PZhTnUD9w5nFfVo3KzZBNqq4yND3LVASu8skkT1OaFsVTUDHey1MqiNZLdn8Q8vr5EHZ0iQwOKEbA2cr9DXOdIqgYaBkl5JtNNH3NyWG/Zr19G/VxA2SxaEiTXI7jcae08",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+MUg3TwdZfglB8lGXYFuuBAH4wevWryojubgwhgFmfE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7IMuZ2rd++Fh2UNCZek8aplE2ClzKthRWyJrRzuIyRY/YFOW/8Kbd1ubH3lToFgJM1ImBjN+qVAhy0EHG415nPjWezu18ZuMofsbEbPQkdFSG/Cr2dLX6J0KRi50Pm2bm/PG14axkkK7f7OJXvaLD9ENZCVP4K1xgapt+RtswXbOhb4uUhao9+/8UkIMUQTlqXUdX1idTx1aqBNnS7+8yVVlyS51ruBabIeOLXTC4orL6PZQpQN8tON1PvPb8IRvKsUJd+1Dfa7h1Zr7jbNspcKPYZaWEz/4PnmtdPJCWPh3WXyswXsYMHKpvDpeAzqRuSi+w7U/9erdKvXe2zlK7SXRWdpT8F3tsPsOTWdYagn714epQPMcKATXwd4E3lN+TP3X1n/EuJuShMc6t983uZGo9Ausxx6n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+MUnp0MEzT6JgFrIQMpDXNydz2LRaRYk+uzMkXDjTO8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gYCVO9sSv6tdLSF0VnUXTOa6NCJysrBlcDrOdWzOmo2E329zSBKaMgqyHJdvOFULk1LLMhZ2d8HU0ssNRITXEUD7fAU6G+zB7JwoCPsF6zRf1Ootp4Db+erilnlNwrkRNVEkd/ZW6vvXn/jFrkRXsCFm0OX7riBkapLtk+g36L9uZCJt03gYPO1vNBJUTG5LtSheuutle+Y1SgFBZFH3/TmKgqsrqKoMKJ6KVFfXW4vLFtFsLGdt1FVrYXrvGrbJqiJzg6PYt2gSjIrAOdLqRFrbBv3Ip7a/6Te9pZJ2Ncc1D425hFPlm2ng0rcLi9pqqetVXU+PKjrqQKGsI7cu7inKwMjo8xr64ZpIDex2fOc1JrjluuAWJUZgRy15/7+D7iX4SNSOk5Pz4p/Asv3ueS1B1qQSdydN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+MeaQGw+sw+ObqGbDfh2K7Hc31JKQiQCxXfqydGm43I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CnJjL420Xhe5MNiWs4IJwAYOnxocfZdUMGEZ9tzcD9xBbren/O2piABvlMA4gdn2oD0HwN3tC0l69ecfcAZxmgCIZYWVU1TZQ3iiBUwvyvdl+Eo+9Hu/+tqQMK5LNCixvU3nGZ3ryTyl0CmfRivKySilJoIzNMKjo6idWvzzua5LSupKLob3u7iVOFVjmQexi1qCmerGkPyR+DF+zgr7nMPVhfpyG1VHi4SSkmwOxOgH2bhJw4BqLPhqMA1E0gqZ5URwz0b2haAiEM91sMRnnN2ELZBGbOm1IWuAxrOntP0gjp0/4oDoB/uHG0MetEpkm+YygpopX1hTqB6py4LUC1m3MhIqEZ2D43uhK2jsR/0gR/Ysc114gmEvy7lTwrIG6wLAjaus4CGQkaiwux2eZ5OPDCU3Bbzs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+O8m3Ne7lD3rGAT0NUs9J/xQb+SmcnDSw/pQFaz0HXE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MfiL3a3ypBdp5bvYnkkChdz5QnwaK73z/R4JhfR7zFjCYCMKYFTovTI14+1GMOonmGz+JiOwVyzSXdS0BvFkSDPLqOKNBQNlupgnvfCQ6rl+H5tBxBsOZ1SuvGkszKuPVG/jpC3wuDHeNBEFyxUghS0peJ3SAnbzNKWvGQQBwBVdLkJ+2kjwBX/3iaLswhp9N0Z7t3biBLw9B29I6DA5m103A/u+jHrqGqHwkXv5E+vZQP3fJgK/fxUQMFoG3IeUfpluSdZRsZuTb9MFRG3pVYFn8zzaiGdH/8gt81u+phJKBdZFLfnH2Q5OT3Qf4TEDWB4BvX/09dL2UVDUKQSNvdBlOSe8BV9ejjT+py4cssg9eATfXdY0R8KFLrTsax+0RqX2ypnoiabFXNoBG9Q+49ZJc9AiRK39",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+PDHCeqWVHaKhvNma4D+nZ/zJAAQwtDyznM6xj0Qf4A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+5TKn1yl+SsAG6uzHAKs/xIyAcIMqwvlOPVxzsbVnjRBeAKMdA+jqvb5rlKX5l30iQlQqhEUsG3EOd2WgvD7OavWrtgcigfDHA3IpxGW+JK6MfnRSe1gX+LyHLmXu9Z3jJAsojgPrw2B3WHD0mjlQAKByMSpOSbvNrOun6sBkv6D+QzLDe+iW6F+734enF9j89tY2Rfyo+0RM4sm2qQ8bFQkk0vEgBgIglb4PADyo+FhTMa/wjZ9bqjbyAeq/ptmsGIYUvwBPHN95W4gtqvAiK93ZSJOzexRUa28/6DtlOl54i9bSjoGafI+5V1dhY35nNdUHRgfxw/eEDHjDvN7wXxONZ5KdcUqM1D437OBTv2WTqPGyRV1GQ1BtfnhJug/zp4zrlNq6DMmH/HyOvR5X9gHGJG69XZ1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+Pr3vIpifd3y3nNXSFyZCXj1qQLOUci5nakxUQcxJxs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Y9nVBGFK7LlcgJ54CxLmCf3yfGN+qBtZclAWhOmaJAro/lyleeAZ0XTLGRNVP+7uk8xbpWXW0PpDig2syEz/cAv+RT50rnkrlcU4je92XGS7QP1Ir6zH16PxMYGJzp52KKJCFyAIWHduWJHh1DMBEQIsHcXzyne8tpVcnAtuQdQQ9JBxe3EuXGoJrw4Y8yhf5oxrFp9LDZmUKR8qPSJpwIdOZp9LZ2XceBTEx5q5nq/3AyXXdKpks8idrk/rMR9vlysaF6Vb6lU5CxoKVlD0I1m9tFDmnxTt0SsLkIV1wPw95Vno/lcpRtOmzsZwF6UZ7Nt9eNbPGAoKPHrY9hB/azhMIYYQEkS8FtCT5+ZhdZbMGbklYlsXoDN7z6sdTqE/tALgtfU1gRbVqFFaIh7lLIz5bWsfAuHV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+Pv9m6FTyvyj2k/X1IduKwWap8mmExk+qH5fQPA2uB0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lgRuEfbXccLOIA89pBwT8KpiTpd4KQ35URD1gbMm3L3elSccDqVoWISdsIy7CzS4oyYBIIOhkc1Ku8jvT30XIvDWOuLuIhVz/AgmNpe1p22cUiEymSQFBi+HN/D2HITPIUjJuZqrUFKlxhLs1l09G1WZYTDajA9iNpyz2YRDTmuc+bzaXJWk6dD3eG+MTDZP3ufCnCcvuerd5hE/5dMNW1J13+7LwL/TjT58ZjebUbExPAesT1rIODhfeIoWA+B+Iasa8JS4gOYqMLDgM8NPj6sZFXnS0JP+AHY4N0m6Uiw4tn7LMtXa6UqQedyKXnFobQsI+40CF51sUg8CAzofAPAnX64atns2kbk92Qdh8QN76HUNJouuavyTmL9z6LcLXE1q/XXBbSSAfHN8W3dnbCG00B49e/cx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+QmMGLvxaU3MLr2ktGi5E6nFo5CXzO5N5GEqURW7X+k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2f8KCEFf3rpshkOMRS6DLZcaHHQ4gVLhJStsnjMZILD8QghDcRY7o5CW/kF6IQAolBRKJe8I9ZfN5BQJ7lOJtdOMcbyN4oXyih2N9b+qgUw8mjSDD2MkH8Y+niUGheIInp6v9yfrgWBmaQeNXrLFEbheLsPnwm/wxgD6tqxvWA4E80dQjMOykbZR3g49olpEyBpxiGKdSqxIXfW7NqPcRH9vbbvbsVsIX4R1mi18DJGWjZ8yGYpwOqsVd3bbZXpaiNuQauaHv7gvCoSguDEiA8vfkixsawV4VXPoFzF+xIn34MH1KF3hcehfy8ALmFCoLQNbm6UKsOVF2gftsKH3rUUFHQKfjatBSrLaKCcGuqtrbVownhWUc98JynW9bxpkCzdoRZGyxNmdAVmSBxZdeu+ddnPSYBTi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+Qz/mLGusTutB2taxPshWc/07tBKzDtZe2dWF5+ibcI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nR8sM+/Y82Na9K4CLLi1+T+n+zTTbJHkj+0hjW5gYRVIKN+VbrGW6pF6s4NZajmlKhtRMKjVa/Y0ykpN6x/l099+vXRmLHCZvC6OnJ/luoM0QKndAH+hOpDpzitZbJlMP2K/1FKhM6mM0qgKB5pirvpkrFGzl8hUV7ia7k0QiMtK63/sYYPMYVtsttSmlixHBtzVa1NWzxDT/qu2qJDJlbmITAfCXI22quO+7OPdtubPUXwriKI3bvbjtBqxJzGdy2JvlsJ/QylzBqE2f1L+anm6Bo36k4D3SgGkW8qXrwnhLrR+cte4WDzghf6Eev4pUjW9arFHneEjuOwQgwi1H0d6gHkolqtrErFRXsK47v2wiFiWmANSDILKeGArEp7Pia3JyVVY8UcYOPy8eLeIMMGKpPHL6ue/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+RjG0xOEP0PeUJ+/5zuR1z2oCMcuqvZTQ2NSywk+Ruk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m+kRHgOUheIQujEAvlnS8uEr7ei1VtrXwYukt57F6NTng8b3tsFW7FplrwO0MXjsbnPPsVwMd5ORLQ483Co4XLD3GhsNUBImHYSfrYIyiAKMCTYCVb1jirOhrjd73/u6QO0uKH4igav6hNQ3LbbGrSuCu5nAwfOyrr243hpN8j9ARHYrsFX6s96QlKJr7R78kg+n2Vn7KZJxGXQBI4qHc3JvMRWZLPfe6rC3e1petB4XCVBMUtWFzsY6YsRlqw6UPcMHHDXwkCRghAAZdVSTLjQmf6ZKNvMHlKH70GhvwT+H0j3easmtKH37pHumZpFm2lQ+jhpxocwoBf65UZ5qyzT5oswjfuAG8Gk5wUnoYPEVl4Ye55YxvrZIgOMbEpBnKIDrmJlz9xYTjVLKvwuGXek0Y56eaERq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+S37z3m8damwFhV7cLE0IIhdelhK/YYmX8cj+NgGhRM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4fNS8zQx/AlSVk5NJTDWbPkG2QNI8S9uF40C6PrAHQ+14NPDO5Lblhb5ywEsB1kkmWWRcTGrt1l4Le7yM0Nt6tMYg/vC71aVLrwLRZFtyQJjQblKzDxndMnhlPvhwqBSVgB0Evp5BKawoj9MAXN6JQTFGkiYjxMl8QMD0SUsySZi7mMT4tkDdHzslAsye3EZHmiUXe/EDYwRxJeCDR3RsHufyyvC2xoYS2pYmfkT6bfVGgcqItDb/xY74trIiE9nPrVfSQRlTz4XOV12YfFVRuAwKQgyFnWP30zxCH0Tlofxbfepd1W5mNi/2UCnyflSDbanohwqOcZQGXRd5dpdIUrVOHFxZ13LFKSDEB4wE8eg0uGqfpBqrqo5k5v0ne3yH7JnPXi3nd27TlEaqpH/2ooH/lSN/Mt5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+S5xg41cH+Jird9QCViuHGRe9VNA8nRy236dpk3Ktyg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+uHVVCGCovLCLtPpDt+baN9vpeLkwjVqdrCzhw052cUxcJ3KbdHzJjF8lQ7KOTNqYwE/7XqrOzY4RxAGtdJ2Z+IRUUSk2f6LIzC3FSRfkLLA6HIxcGHcED+TG0OIOWmpzIGEI8/aBylkwI2ZN0BvXLvvFsmxrsvnIOoKJrBuq/Yg9PV6SNChkJ3laHu2+EP03dxkOFL1S87O5AHCuou9/AUaIuxf47ehg3GcO4o6ynQ9dG5cRP/ugMooJnNAafgUTMhIVoQGeqA+o/qKW4gYuu0qOQD+oKt3t/znBEf/F8VmP6AOJaE9+wfVrPk5u/F1WtmDCdx0fgyMMxni50Abqc1ZgofoThibgqfxNUEMJOkk8F7/50p2xycPt6CAzxuuco021WxH2KsCBIlu2tz2xkTCzF8RTGaC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+T1zpYxGB/q34T0H8vDOMriOMhrnvUku+8CtoRKcIzw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YK1GG8yuIT7rENLiVFfNMocNjerfzYe8F5alPGgAXtGaExfqjOP3ZNxzdg1bRRflD9q+YA4GWAdp7hrh9WxALExqBRvHOTqKGGga3ZWjag5kFF0W0XsBGgIPpRMuNI8PDiQc6XTxnwBYq64Oiuz4br+UWtzlzYaM1gXLcI/0wYROVFsXaRVb4MIb2PP2OC7Nev+4kj25tVjSgL5FMFrolJosyWfW4nPXEh93OXajL1Aov5qZRMG47t52bdvp9i0/V74S9bhLT8BL2PYwb82+DsGFtEhbimZBm+zozg8mYoAxcCd1z0rbZCl6tW4NvjcNob4+P9T7zAkuH8t9APue8J1cWsagINyKaJIJDASyezeD4vwV7dUppCXr/uHituEawp05iPUvwSaXZ4zikiBxUgXHA8vyg/1S",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+TxxqTvPTZom0ozbVwcGjKlLKMbJRIfY2yrmrM7/JuQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tAGDc0kHkQfKQTS8uOvDExmgEvfg9rw+QV7PMyM2l0gcetBVBWfv5VqUtTeV76mv1oNjC2YwcUIaHBvkz2pCUaW1tWWqhlt2dTGuqZAZTchXpIzYjfoKmptw9kWwvZMh+9roNPgKjl84gCSfAYehnBHOoOrSg3tr37w+mV+I9COAoXbTl5kS8lIZig0uuecQlG7e2zLkmxr2B4lcjSD0nyPGwAf/HHLfcG9ls1MP2DkBcd6HflIseQzyyHWW0aTca47YVThP0Z7sye351vXazF3FYKj1nGkpMgBBHnBP3DqnzR6QTeJNNUECtBd+zYFJEjgvearDSofHEJ5wFNloi1DJUF0DqdVd7PnewkTCzoJ2wi7fuTX12pof4MBoJWifRmClIDhWpe8DqBW1X/ciHGiUYkwu1ynJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+UYhbMFOCbpbIidqWPwgmkr1YhYFL3qjJi3ixlW23PA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "b2/FWmm1uyH0lX/QweQL0vu8pKGXnlTxA2Owe4F81eXXyexPHYsFHI4yGqqtQq7MyxAqkEMQ5H1qKe6d38GUTDtxHafEM1g9qO4MHCj+uHztv0yDyjHP234YsrbdQ9JUMNaMAsWSE/Q1+Xf8eEEBaiBjR9R8rKQ4I/gC1SDvytS5Z8VPo2CuRlhtE42toDS4LEUAdKLLSRnHxFoNFPHt+K9Fn/ouf+ivgUPOvLOFKPye21qvgSHtimBZKTdpbTo21HPniFYyYfnGPoAWWek3HqWF89AZZSEmZ+M9SuPkmI0SSRNNcmdW68uApokK9wkzkp+tqEhp4/L86T8ya5nBXsDS4PK4kTR01AODsTdmBEh1NFR07RFotrT1NYHK33p2xw2fFO2uzCHejzbBGcEtwgeQxRrif0jl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+Ua8bWtDSQbrdjwPp49XH+VhylsEoIypZxoyW03pOVs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eD8Ytx9bYlHtY9Ad8qqgo6byF8vX/CRqAQQDByZKHLY+OzbAKC/k/g52bvlmd10kWwtu+M4E8Lcu4Lk5jGnXGsrZl8evPRpzLv0Gk8mAWxRpViN8s6m8EYFuItSGHxYy40PWurQHHdLGwVhqWNC+JVhuGdcJGP+fU03JUO7ISCo71wF6tmOyhW4KMOVhN+zG8zKEbhG573ANKhm2TuS/8ROQV7j8hbsPgvHORgXwXL60VBirZfaid7HZv6mU6wXeQ0QAXpmf7S7pq0zzmWvEdYTq0kskLnZyK61eESfaMzSKoo7iXyE7eK/DpUdN6b2Pz34rUKIc4ps/Iy+Cwsv0tYV3/vIfjpy1qEWMuQT+9QdnQoL9xUP4mZaGLRK7IQCif2XepMDP9HnLiuPH2npWTV+KRStHsDye",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+VCoVM6QuGyGDqv+qJvAPOCe0r+SvX7QCtCBt5RTmGA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cBRMEaCZg7saDLmmPGKOaOn1DUkEuNUIOXb+VxuNy3zG9bTiihpZddhphhlBwM8TQQ3KXj5727K5Lfc0xfSxc4wJx2Vn3cU4uEtLRS7Qjg6edUcRSsm9+jZIeBk1ErbBFafM0QgBwQCjdczXPL21H3vN5km3UUMZ/IZnslBuil8SIHc0ElJrsvRiIgerAhF/ggJFmbPqvnsSkL33ffurmPH5ADxof1ZVS+1hkmw/Zy8uVBUvDBa9U7pukU7AEyP3Ebmly/GNuIs1MKySZibUJid8kBaRhmupCkFd/jth3q6tFG8RKqvsKfFtUVGZxzljHmQyYdAcPOcoaE8UFBoufwxoLAR59O5jL2pbBtcCSC+KlKkQkQBd7eKA0EjqY8E88hy3oE84jSj8INE7aKPIZ9NmSHyFKlQ6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+W2yey28DGgsqefqY8T0y/LdEB0ykdfMp/Que+bMhb0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DrsH32+adRhxJUsBjoSxLT30RnU6btEBAtwI31Y9fHsbXGRjDCD8V4RgZ4anmn3ZDPaw+/TFPgf45n1ByDwloBhH5/bjO+A7PT9/7nh/sTrBNGrchs54O45mHrlx0tzNVIg9kRLzGGzUFhlno4LOcDNcILtZ0AC5BXusHmFOs+8l8WJkjsslHCYcDgRZRwenVdmyStPQw/62lkLrtNCCHqQkWbo3f2xk4ON3WjFZPkxzVHz0xVLzuSYMp6YL4ZXDqCJtQeVuLua2+INqX43LCs8/NOvtRu2RXiRnAS1N+bEjO8gPDM+8ZkuQ56VEu1w/jVfvVTQXYSZ4MjmfkIuKWjD2SybhBT354LXdY2KGVKfdreoxlOB+4c63QaqBeX9bvNqjI4IrzLN3XgioqR0vkIoWDUmFsrtX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+WEk2BmU4srAfm4yht272N5rXGNFdgg+SK2hqf4g1FQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Jpp0R4FrA7NhyqvpOtAxvRrBWGiHJ8CaxUX4tT1L44YdmpwlCQkXEyIl43fmUjUIsTP9DGs9hxPkFC9wbfltb2Ks7J5MeYgjVVqK02FTV+bwfUxwph/oxmA31lgv8V21F5obtnMRbb4q4y94n0yLtYS+EGzaU/9nKy4GIXoJiD6474PgfZr2gIW+WizRI9I0TnH5mRtz67QSanZkLm6f2ZP6Flvvi877xrrm75UEHmJpOE0S71u9ZcLn2TLbCdWsGVNiecdGlgRi0reHgLNQCt2EhRGQjdNTUGx5SOfdEbnsV7vLutL09JO2VvDr5qwSl5KazhGtcJxMSBYDeWRvpGRsp76ODuWxhFEAMWId+GylFhnJv6EzT/Ps/MOS/kGhVK2caz6JFMN7qEo23RW3x42lxgGFvbP+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+WiE5eNzOFUi6eBxJoMA/AjeGQdGePgLUtSV7Q0zrpA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "R7YhjHOLZpj5j8yX6oPu3o3wtR9tYbJJTUq2RRYTfIEqFld+m3FLqkPzkUvHs7UszbWuqA1dZNYvo+x63b3KGe/XPFXbu/eBZ4y4+FUXmvRERjGN6msznf1tsGq7wjXI1MjBkIdvaVNxk3r0LeLkQjxG+xViAvHHWCtahvT+TDrXgetoXYgY8uBKOGBKvWo3voyO8nZeveIO8HKDTeQdONsaVVPTklJiIPRj1ruJSuuXooXdez4y/ejPWKYD3fOkptf3SSjaTbM+l5U0M+i0Li+NaDy1yR4vn9/uizna0SYec/Le0tXeogK0KzCftI49HjjT70Mcfv8kjLmmu5oRK5/vTPbgN/DNZ7H9jr/+UF4MXSpk6mSql94Eq/Gb6nrmbptwavd2QKZZx+4hT5t4WDbmYZHyWrkc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+WmAuuECGuOsPduEKINQdZREaJKDeuPBnpzQjKhni5M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tG6P6hIcGRnZVsfAOx1JsBIguSgcNH/QjkfaSasZsKc6mvaNsPv49EVOd8s5avd4SoxmU5plUBKvt4j83XI1kJEaBHt1vmIPeX5E89I989kyyJwd0LUhTxK+d6tv+FP56iHJ0dx5Ra7YtaRI8XsR5nYuaWJ1NciaSID5cDCjuU4nzLejj1EFV8+5bWxkJ6niulJ/RyS3y8PQoE50cou7utcljEc+d5UtwRVKDXIOFVkPTPM40UOA+OEgP9+dnXE/tPAFbaKHO0hNAzk6jnCtZ7G4UOos80blXlTEi3Z9xD6sCY7CxYlP409jgLU637PKAEUK0k7IVkNNK2a3tkYZHiZiE40Tgk0a7z+/UaE5Wjz2w1bo5eKv8ggEwj/XUSod2zQbjCEyxTZ4rZrgwPeJQAgtVuDvSuhK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+X5ZTdPvwYZWFsTGWO910+jjFO38xagF/vezfUp/+ms",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rhSjjie5dxSBqv2DRflQSNzmOx4MRBTZBOr0dyFdNDDkLs/TtSXQnyzH6JZFmsZIC6FZL+7m/J6mCNphYxPBmqkIKj17npxmAI+XaXe/xH8z86RdGJxFPxnAUH+m+OE3WcBun66+S5OcUSaIQQ6KqstCL1aMIk6uTIQM68r2bu3tmb/cqFqCOmldI1ob9LnECU09y+S+zyqPr3CiUkx40nscNsMQIZBssyvwFj/UNpuYrhvGqFGBfqu2j6KuVQQ7dup3vs5xBXWyzlSw8deHuY8V8alhwHX1tV+S475e/owCOEKJ7gSLm3pnkIeMvtE5LhV0F6mnw4aAXuW1745FqZFCy7/Zh1HWux9vi8KmQEFdqx/9coywQU+kiCucMR0Mx5u/brIJyHoF9GyqoP41p4X5ndlqz5Zk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+XM95xtSopcBEmOYfpN3Pa2id4z1lV0qTS09lzMWD9E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uSBJh1s7SCSIEoK7M22vi9jr2QrIJAyn49dqNN4oSSeZxQjzP5n+T9Fbu5br4N8fAYnZ8Yo2eVZg4h3aCf7wNfKSnTWlX8C43s/t8qdLjsOr3b9HN8ESz7m+eCYczdKwQBXssdgJNwuPZTTfPkklq6Bua+EaQJZIltB5PPlGRL3zcjhiTlqlzhs3071biAtdRsh0J4oizpm084Jsp3Jpx5ws2GcQlSQRX1IIvDdXJij5Gzzqt7Jz0uxBwcJecEsJ0gvriMMULy6qs+2MpHBqGmgQ7KxSzrNGy1l8mh+hpXkUqaWJfwzjE0KF1W/u6ofq4pMxXnisCZRfb3xPZvrA518BeBIB3ogVTTMLv66HkDVWSIM2M72/HRSm07O+OF7VtgH7+f7u9clCV1dj9w317/GXSo4PlagX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+Xhu8fozTm9fLbIgjClCdVh4R/XG8MnphepRgk1ynO4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tjHRr5gtYOGUY0K2TcVGGUHWdELYCFuDbiLS4c/kis1sjq+pnlxi62N+3yYJpORZHQ+fUxyhp39KcdyBgbs8MMBsooPO/UtNzCGifRBZdHdpdXYKVwm87T0olokY5ui0T4vntinReJ0QrupuPMqLMyWrEqvmQny9oKdeyVU+886XAVReRI/jAfylkXjP2UYF/vqfOkKsRWcagXE+2QeYxcmLj7eNTpkJdtMgoOri87SMKV8qLy/yaOkRWo7BW7yAZARAqot+aa3HKc2+fAhmPHlobTIScpQDw9ngK7wmY2usRJ680yamw2oIj4PBhN7OOT/Hdl1a+FGqpRxHa7lt3I+lshEY3doeNCP3FxIPyTNwLXzLoJagmCQAH33m95MQthbLNIcRSF6jCMIjZyXdWlEKBxOQy0uU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+Xi2MIYM4nGaJNpuowdGPJqADzi/GiiM4nH68cJzqJM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "n44/n1LJ/2SHK1gp0v7KyY/RjqJ/bNQzbrsYaDOwRyR/xq/VnHJWL0uf40ywj29r0W1uWM1XlwpMW4BQZi+E+GgawVCu+XfBjtTrRyWL2e+oJHuovnV2zHotQ2Uuj/bA6DdCfUF4hPAF5yhM8eTUPX2uMM6eMzbkojD8DROdfy5Dw/MqkrT0K69gg22xdLWxN4YjwfWrr970kBR6w4GfpZEHLqCBhz0T4pb0cq7RqPHjSkvaLISfKi1XF+YpZv0Du5C0l7YBfIvfsgVWd8vzniApKrVcrhBhPvKw1QPKQSEU/gO6m2JxDcjusAnX+THLuRUGcgmlyGPBMoCeyZzQPrCzXJG5nbMRkCv7nIxMLPgF6nsctumKTrqcfaRduISHJWlTDEo4hBP+6onF/VmcN0KSuk5uJMN+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+Xo444hbB5LVTutrCgzALWYU9+PjZhLBqMP8jMyZQA4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ehkQADoXeROoDdwr+02yprTNF2yVush3t31BrGnscZqzqbE5Y9ytf20QVn3oqeOBct1lYr7dI3HkWhFZUfz873+tF6YyCU/Ln3mHUQn+Y/ttecM+CCM8N5NigIcsXSW3EHhVmiMT0RiHF+w+9fbEROg8SK8jlwUqNX3BeVJ93Rd5zwfh2Gl8G482GYaGVHoHVfmNwB2r5IPfHRoft0kqRp0cX+2OSC0vuu+qPr45JHQ0V81HXzGCHWpeDQ5sLr45ysevjbzdKZz6DizRWiauA0AGRy+0wzO2+ehwzOyd2Z7da0+4NL0mj5EIcLtQqa4dbn+FoXBpJGmqbenYkKI3BM1P8XB44hx3g+CAr4oIaL6o/TKwkxh1aFIyPqzs7xrc2rRY0Lm7mZGNz4rXRvidDWlWj6XRKRqw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+YCpSoChKj62Mos+OFCWXOjMk9e9x4oOR7dR2C4KJJ0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NmQ3dgYRYVnsvBBz9dYYZzaQq+ljffQfbzxK/eX0FXAMg/YXfKvDZlYh0GTic8XxZK3NY5xrdxuAQfnjak/m0Zp85svop8Vjxj1q/mZpF5xTT96/UbZMdyZCGnof7LEWAHCCJDY9UFK6OO/rQpN/cr0SvO3nWHmNQDmN2HFmfSOQY9F0Li3L45yZoIgpXp0fKmkqi36omQ2w5SsdaDXbnWlaU//VFDRjcDiaxh7tserEKz3BhRf8VgF164hCByiOJPIvdjaj75bBp7ncaD+W368ioPy6Fko+rDi9SLasAQs6Qt334ShBN9GcLoo9ei7NTHwWdUlGMuo3SPFrRNZJ+suWV2ZAPY4IodHWi3NhBXgahBElJEyilasM0nhLeG+Rm/QynKlvlr3MmDfFhrP+P2sppfaihywe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+YklCe7KdDtK1wTcc8KPHkUA0mruR2X9Ui7W63GwtIM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i7kzgaV/KnuwYakifZEhVphHtSRtgkSXdv9vXAZrnRq67pjcS54C7t0hiTpOCFuRb2ZgV5OQgWDq9SN4+/SD1ZwnWvqAbgFNFnHtlDNaXh4JyjHf0qCPC7LqMe6ZkCDbIcypEi6EoaHlFQuS3WShSvdgmgQFDoLn3MKoJ9INjsPryRtt9GTMEUVdlCtJ2SWVYxS/WwXBqDdItAL7jqMzJkSz3CeS5jI7kqNvdub+4A/wfnJTlH1xM5m2454c/OfAcH0PJk8y9CobN5KRRPNH0x3OiXH1eg9IYIiXpfOecRJwQGvgoz0fMIgKvWLNkBwxxHbArmMeFb8Jvy3AzfCsCfVGK7swW6PNKjXfY9fpaCds6ktKg5fPPGHpplwrpc3FhNpfGglPGntD/eyAv3OKfQPnETV5pHO2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+Z4+UBUfJL+nWwLMfRnTPxUZTtAI123hGbWUhdSCOXw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "D3zw93JhwzEaoaghAmPinyo8a2gaP25alRp+w3dFoWMuC9eOxquBUALOvaDV6SHTmPF7I5vw5dghXLR9OH8sjFvkpCjPwmc77UizYHJQeapHI6quDETPwRLWwCostjujsUB1J5JdFVvu5O16VSaQjIxenkgoPwr3fvmV/sF95aEfWA49DCyXbXSMvm0oCbw2S0un1f93XE7Rlf/bg9iKEAsx1AhL/sHzPQOxhQYXOiifv3rsVvBVpLIGCaw8adodXiQ/9Ryaskz7pO8BSWSMufO9pOtW9J9sWdadbdbLjwhYC1fSx40rEscFq9YGkOQpsl5inP/nyPEVKQHP3wNfkU47atjXxdHVP98y7YBumR/Fz1hSO5BWeF+NBWRYOJkfNF33AUS3jS/AY2XDhaQ2+9BlcgQbojXw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+Znk91ZuRNGIXltP6EkgLFVtyKqFn5YU+6aqdQj9mp4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aHvYlCZlLuo3CUaudBATct/5TEzk/+9+rCcraCEVyc5IKcPP2X87zs/Dl4oTlzjUqOKKuUb9JCTYwTSJH3vHgBHpx+aksfeRTh8cro8qBsCEcrTEl2qxcM20rhYM3dG4LOAOFm5KtcpkdYnVWj2oVaimomNCdfuaWX4zr4QFQRymiUwfaYOx4e/X72F3JtyYI8QOwY4+CwjFjrp5u8fvCmkdIM8xVrM7XWMHazspaHs61787QIzEDzVeBGL5rZC4srwbCOM0jd3bkuFLG4Fws1EkDKshLRemLsd+w/dStEIocR8ez0hCGasKw7mTpkB7dCRl16pmz896dEimvFtURsn9rSD0TqZCL/giDMui1nAjMgs+XMZARgtOhYJyB8DQUgT0fGFkH5ty9cna2s4xnOaukG+Ma2b0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+aRPF9BOSfiCTGHwdSwRuWA56Eo8H/EcltgjCQgIhpg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Lq/xD3GQ3OPpb7jFKpZyl+rIZ0caPqqcraEZrlX3Vfofeqto9/gidIHk1xRSbQUwV+qmVxxJMJ080WPnys348p/Z8vVVxcGfZtZp71L4ca8CmzRLiFyJoHGy6jpVB31G0kDyY+E9/T8pfrgkVipLdcoKbxDfFsYLA/8AeEdtfHuNmCrOG3kOU8EnQddVBaJdwNJytSM5BTq2FNpUVbPXjEs8S9V02jltzy3LLUiYgC/aQNkysa/4pVUd7jSrjTvo480KTzlcrbs9QexmMGMsl8rwA/2X6iXIO3MMwT/F4eOj+6C3sQnAPe2q1WbBEZ/rrJWRCTwX6TiGSTvN244LmRYwmD6BWArkmZhlrLezHl0ElQDzSk8mJWGDVK2FOUfYFht7IhZWnuQnM2231GLuy0CUg53EjnPR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+c4otHMsfW848ng+ppc385aehXTKfu0D4SCrW27Ltxs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W3NJJ8Pmv5+zR2XT7YgE91DQgdd1QuZFop0i0uX1Nevvs3oHFyZof6PW2jFLhvQa87o22wlSH0DRsnO0iYb111amE9JWFDWVOyotdzMJGVRgR/YvfExAZ57i+A9I8gmcLslJSvoO99fHQpAMn9Izw9ezR+nUdP764QHnXja/BlPBriZlDvKibGQAHVL23F4J9iWGuJvb99iyrsnLcjcxmzjjEcLRwHc30GRIkQi52LssSqeEbhwaOlJfMHhl3Ewlq6ZBgt0vYf0J32KAHUS8Ym73N7JvtKMRVbnGmBrFDTPGPfvExKm4vqL8XLjHQMOQEEW616YRHOx2WP6ORQs5sAThGNXFJJ+K2n2Bot2w26yEpQs0zb+/GV2kXIGJw9q7lsLlElNsM4/qbQRML+T4QofkDDUZe9/B",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+c8+az81+H0P66y/vDrZsmK8wKkzED4oFrWZKOtnC9g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "t4dLbIjFE0bwLrlPDbah0Fcb7JeBWgjZcDDlh66KdkmnejK5WAIwUOSb1UQV6luA4lDedoywKrz7L1Bdk/bZMWpF3WM2l7zOZqIEDN2/psgskHwVXlsxQ79J9V9F4LKB3zgqr0Guv/bOjSUVIC1QyIgxjF3/YbJuP0kHjZjAgRBApYVOKh1KmfCDXH/KvGEWmImvSDyM7VK9wC5jnizEStw75BUkGRyos/Bp0fQKsO9138fPWRRPx9g21sguTVtahkWIDmLhLOzIRhzqgQ3MPTph2ls0paSWZS8rRzt2VU99+qy0axj37wRxXyTlb+mMz1GgmsrHsV+YSpAOFsy0Z0iiCSBw0e5LnelQnsG0WCoAweieW/EqW9aMH1DVm3w7NOrDwO4O96SsGICLPBtq/0dPcmvNev4U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+cAazkUDawLp80asUCMkF9Dto45Px+GC7OasiaJCeIY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cG4CVODrG3vvmjawApbsSoBoJlPngYw+XGe9KHpBkSdOjuplG1pwF2IRFSyEhoAoj+0IQccpL9CVzEowvprzEQs+rioaTbjhhBtZHpPDBAeTBxMR+2/SoRfhuRju/dQamTNd7KDwNh2gTkh2X9eujy0updxzsXUsVk3gJJLBAc+pTBWTxUcfN5GIC/0f2HbXqe9t3cxj6wlnAHzD6/y46yeKfN8fiNcW47Fq/5kURCBLzndydnGhX0U3rrtCg8YlPAuQp/IMEd3KHSWZnqZtRfyitfbb7elZxA19RfBtuHBlI/o4N5sSMFoq7iagucxL4FlxULTaqQMZfN3K/68fyXYGqf/p+XKF1WqNEwmYFRdqJ7RUXy/eqb/JjH7rIaGufI6vroHELf96lSVuEKgY3zenOPPtAScy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+cfaqMD7b2dYZoc98vqbMkfGXRxCZThciAKEZDNCKEg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "u9Yk8mVZZOyBY9WAB01Z+Uj08CkkvdN1iPV/ejsSBRoW+fx2SMAvwcCYHRBJ98K+ENyXzstOnBCcceDhG53mt8m/NmUfWIOQVZLlXP87uqNzSpu3UsIx6oWIFiE9kIB0ManlqlY5LfirMgFqE/wvTUI6kXawJ6gZC22KBNINgmB1a8NBZ+0YmlM+qDpBGqXArHOAMqHQSvZCxFWEj23NLxYIOfHUGk81w+HBmoaagVzFhT7e+N47+93tkdnKbijtrFCpjW5rpJcIHAfXtUz2S8Cig94syVtgz7iVpPgS9V9+DnbP1b3ag88u+GdHzQhHybYowdzIN6fdW7k4JO4uXxaI+3i8oZvhkXx9AkYWm2wDtk/Vzgi0vMjLY2ghjeAq0KCnUcTPAODqROkHQYjktU+t8IVFRMqG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+fTbedkpgmyFMAEMYEsaO21h2kddg+6YoZtrlyUyJWY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q8VHCjQw5ZdKzgygPT25fYoE85gWuZczLnivW1fscPj6/WFIVRhH1vJGu1UabkriMHw9d36Dd88gFQIfqSvMMHcwEK+8IniGMH1v4JdjNc5iJma6s7CvXi1OoYo+Oy9pEoL1wKlo1kLLSQRVC627pY1c8iU/u4EMLpmxCQl7MF9X+p4FTOlsouhgvxcuLuTvMWji1ZTLTXpXuN2mmJYSr/4dqpaM1fQluDBFKlxt59PMwGF2XN/rLMU7/Qp1uc1E0JWDhy1AINFGYZiLWQn9znsYkuW8wjRuHN4EOOFHwWht5rHDJvRb18c6TVNYcoV46MD220/TFMxs3zNmerRwCHwoIixcs64/BEaZHSVJNM9P8/Q4xehK/0ZGstWWWzkBgzIcqL4ueUMXOrIR6xEEAEpAUFgvkZ/r",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+fcO9svjvEmnGswZ/iWCzYMqM0z8z1lvvq+zRnqC46M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5EVJStaiNHmGshgvIXX9sW6vgYAoteFcX2BLFxzsXvIcxUqUEnNH1sS0C9YVMxK6bwYnEe4wRgP9EeLvkKwCcyl1iHZrnnXVR7VPo9R5greny1mysd101wKVIdaD3tIsGWD0o2zEO3eClhCa+0594xXg+nw8vCIEzBlJEAlaDWYIcxEQJiHiZlpJma7pAL6fwmQWw40XtVErD9kVd6LZ8EHG5APhhxzvPAmNNaz73vhRhNst3b9GTppOqTYY6BQu3WLjYA5DZQirNbFWhcXj2cFx+odtFSHsipV1zdCLDOyX06CxDU3clNRyVjotn2kG64z8rQyQPbrM7zJT++HxNa1L7Qkj3R15iYJGvCsn9CrWfOlkB4E8VW31gAJdxRncuag1J13054qRW5n1EXv79r7tlcBlwukS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+fxnCt5uuY/86mUUzZgUul5/epV5Z0f2z/ddTYUlH18",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fCXOiMxNqsQmBsgx8JKevKixGsIJNufZh+G3uH+pi4MU8M46lwDpo3PM8lu1FWVRFgJzzVMVSQxTH5IM08bp2pB/TmrOgjJB5rLbVn8ysph8PXDXHDaC36psNX/o+o5nBZINiEuf+KFQavFN8ZcVb65xTDBNtMRfVYeCInVzl1qlKU+kmYUUS8DO8/R2LsT9iLfztDbLeWq0LUOIfVrEL4UgA3UHvjL7NdQ2L7ii/OLC49mIXlv1Hhl6itpFBNYGRjX9NJHv/M47hqOCJQh4e/3wVMtrmsvwXOIWuSZ3mbO/MRz28eW8u6lCXnXTRam58itidZ1rzMH+O1ETD2Zrl6zB1yDOqT0cPKeyO0uaaoogWQSn5bb5IKVcXo8+Y71xgNkw3/e9Tf0uFL5orhxF7UJC9vS3Y25U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+hUYnmk6PLyxuEEen3E3XWWX2oIq6XR6T7879HaQhfU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fw1VCvWm2vSQJ1V3XDoeOjVBip0y2lReM/jMIeBpaONmpeUPzct0cgPqJOgbNiRlTTNJpi4qmjgo9kiLNIzdgrhTZK8QfLCK/XmekmWjmrEQ5jeKmnA/F3ISiZHcg8BG1LjKayD89IT3BXm5kHRcetJz71Gq8dCs1pjqVcBDzsjZm6ZcuWHSZ+gDzy5VD3puV8/hRVK7lSLhUef9/KYN2WsVoQWmFwWjF5kLumy8ylabwYpROFXNykUpQiDQJtwi5vL4OA+KDDEDRC8WEcys0KJVyKW5QNvaGh+rLQrYfHWpWaEKErNE17V/ceL2viYppjoHzEFmldylSef7A894h7lPXK8TzJ7XLNsN+7jj7ncLKhIeElDzqRF7KsFUmFOP7TexTKxhwchA1OdKuU9xVgmBY7NRErR3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+k/hXCPVeXzAAPevK0ENKM2JlxSWlMXsXVwbL2urQSk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bU37gSzqLyLLeohfPE9YG3ZCBjX7gQyh6+DYYfxESbnKkK7luBcJtfxEAy2DLwW/DEBliLOtFSqJjZBbRTxu1Bhtklv6TriToW8I2DVxC2CUQ37kG4LNBhe/UrBvjFMnZTnJhFiH8oc/OZRU2KIqMIEp63uW/7Km4MCKIwnkwLypylYUWWdKQ61hF1t6RWjL4K1Hw3Wbv3t/E+rol5f1C1EzgG/70Gk6x16MvqjfA0cxDYuQYUng8erz1dQaRvlmr9IYY109wHwN80rWk7fcInaTC42z/AWdOralt2VK9GnNDAsq3xaJJBXSfJeYLyD4Z/JDqOwlf0UidBpm0cmCi86MNoeLu0tKUrJcKlYi8/2LAD3PGBDWMnyWyL0VOPJc+16ea6I/mqi60qFCbe+Z6w79qGggOYUZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+kKa31TtvPZo3MFeqACIr5AY4yYW2C3S8O8bElwG1Io",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BF1W5SlNUHmc8Xf3LNLmfipElnZVIiJxAYX60CV8dglRwTjwPumpovQyI1OHK8UsR94abBs89rHGBlyrvUyGDJFMGY7isCG13rAwv2tvdfCq/v6gn+rn+EhOa/Qs1L8EPo2gUZZDxqGNeC+ifKhsoBRmkIn3fm9djThRjrfiUtsjmvkvTqfmDfrEN69ABodtJZjhsp6qWdQjHpqFQOzE0L16do1U8BwVAjvIN2HMab4mJlfayx9LsadjUheVrur209snZfeRHXJVTbojG48oF0ydBJLhT7Q5eiomukzkNB5hIDPIX/B7kxTtsHTwfeyQjb6pKJhvE/6fZIwkWZe8G7nb4jH/2569YeDVt1MeBw8MGhgyNeZiQhO3SGZvn+iiiHIbmoA46l0/bpJV7uqoYu13aTGN7X06",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+kX7zEB2mPcWm75+FkOVjKBOLbNqPMt0Xkx/CC+HTKM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DWf30bMylNAmRHhAmKhUcGb846fCSF8iAFRbB03v+QkL4JPt+MSbxuWOyoZkN7GrYtIwh3YBLvcPZKZaO49e2LXvGK+ElFaDKAnO2Fe3MKvhq2zQR/zMNaWfTygj9IF5aWZU1Q8d0EvenCnrtHqfW0bKLCUdj7sqaziBa+AQpjopGLrhLqdOaKdoNGuA2P0G/MBR4c7rYBcuKYINTezMc3Di1Y8yyrC4lPVlNlqpSQfMhKxidGCVztVcP4Yd7xGEz0Y/eJkLHSoJNVAcLfII6Q4iLGR5FDPZY7RH9Yn4HxPRNJt0y/nC/76zblf3dm+L/YVd9rkf6IopozSRYkffZYpG7Rpirn5U3/Ikhf2zyHvTroHrnqtzazNY/asZR2XAUrAOTIW9ua0N/mJM9oVEBt9mOHEmAMBX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+leFSkvPwBiPLfePFCgNa3OUcYS1LIIuXGfV2w0yvtU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6c0NKFS2/QvJSGlzGZTG0OaqLQy+Hn+8w1MDpqfw6Dew/ht3XgJ9phjMFKjR+jbqgsr//B3Kk0NYAC78NXn6Guj151Lbd8g/u2IRWinvu+1lfreeVB/MWSRF4U2BvQDIZXYa8Uqm0ueYxzXLDoItFg0KvU1WMtVxPDJFDfGvF8hH3xtbQ7RPOw6PVwv4Pu4UrUihk1iHHlnfyzCPoFmmMPGRVCNmibw24hwXeWk+g/CAcvPCX4F5T/2Zr3ZS410GdVCeFt94IIAxdMgUIoLXEgNdxOv5LFfiKUw6mQw0qLzU7L+p5S337QcTObktDnxNUh1nyuKPQAzzrPFebloG5UcqdzTJgyLR4/C9oYh5XVow+CTPUdcFxm7I6/dwaEuKI2mb9GQVUw5RRnL375aqS59IwkMyZzBk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+mYVv/+zfbFVcndDTl11imQnUjnhNS2urM+Ydukkz34",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9ntaS+sWOMi1os3Zl7Rr2RhJfaeQV8yWVDzwx6EEvJaL2nz7iG6Fx5YV5gptezpJcX+oPXlKRENb5z4PTWcWjcL3Lw9s00TeLqMPH4b2yv4nqZcdu3zpoFUbpMTPi7h3y5R2KxUecs3HjLfxXGJZZef+JHytrf8yN1mfFTsePZCHweg7lFUYh0WP26k4rspDaCps/MrDVw2RAR3qpwWpVZLUhYISzGJK5AUtlivcUa9Io5eZWiqxLl6qALuEnzC5WJ5s+zSA6E4Yn7vsgWlEtworFgg9MJAlaCvA3bXoWHBcHxVtQI4v2e2b/n4ciJOv3TjBbLV8o2cC2AK3+0W5vww30McwIVRaPs5RP+e6NhsoXqqaLFj6UGMNgxj0kyqP/djcE1/OrlwvV/rHgCRh3ORSz1HuLTFY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+n6aJQ3oCZwaEWf1BsPyVsuURdOQVn9Plzgp8e7TA3Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L8+pzzoZbHggTGisdMpr25SEfLtnhplagZ5ya4U6nr8lVSD7OezLyeRjVminRvoh+LuqOeGZOLUth0xV0Z7D8m/TUosInB2rs/QSSTbpiA6jOCsH+g2U9lKOm53QYZXNZrpK6E/Bxo8aeChRuDn91N34c7oFA5FyA+11U2IUAK0g2MZ6c3rTVp2H6aeAI2U7mUaC9MPj+yUEmul3IdVn0Td6zJ6R2on/l6FsrnI7TPed27dMFQQlsl98sV/PntXsvDg85XLAY0no8uhzgT5KVcXFThVmwCrX6qv4JOvfbqmqNZePN13n+P7SgiSN3LL7G/0hHJGDUY3dyenbCXYiJDYYUmlR+L9YXTYkjF4bENKm4gWeM99cwyD6zw9LV28s9XD3KgaODN+1VUCuXvE+N5dMMwNzCaoR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+nNCd77jXPFSv1NdVwCatvcjxL9LQHS0EhFGtT0wkFY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+twB9e2bRbaJ4aDx5Vbpi0D1aHeBM+t1nRWNTUXASt6BSfvdlyf2qHAE6CiPKrfmCINsLRdNz+HzKUY5Jx2CfE6jdwoDi57mrK4QWUW4wmRFen1hcpCUdHHSFDkm7I/CZjKiHojeD7f5vfcHWCtXEnf70MwEF6bPRra14gey82rXFiJY0qM9+2MiJhMIYabJqF/elIC+ffYZrEZMp3pqjRsABjJY5uk3L0Yj+l+Usaq9oopAIYeNAhy9NW31maSBqJ008VaeMri3EkwxsQ1KrDnfN3usbDGEEDqJCQqHvzM7Mt4k5lfct/pdT/OygfhgZmCEPvUa/UhyYewjV655Jm/wCEmFOtJQ/v8DCYtMSDdQG5ICSKz9ka0qJgFcsy3IqTel+Lul70tvvroZKtYjR0e3REJJ55Na",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+nXvknlvkKf/z2vX8xYk4Ni6tEVo2CYS9dTBvg5OqCU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9NGdQYZgEBdytrOXM1gh22CgMqMVS8KeZxX7/Ckzcs3ADiRHPJetlwtEfsOAeVgn5PI4lUdQVS7PA9BqIDoTkq25CA8KJEe7PhAaoexeKRP1HYqo0NACjixetMQpfTY2TtQloECknV6x4x64PaC1JBZb0vEoR44T3nt1Lf/77+xLipSwqC3MJjfDQuo9FbvDgnO18kBcxUnYPKa7Mblq1ndav4qeaVY0CWSmMNf2pdIEIBLzC/W73YL3GDbuWm/LEo1Tv9XSc940LoSyVIdeM4H9z5Opcri/EkAywlSEWzpuy7QZ/SqJ/Eltg78uciyl/Xa8QgIzoP0CBjD0Xc3KyqWQWk83ki9q8wLX5aW8KQ3GUX7oE1PQ0DV5JT++WFPTzg9VPLA0sg/6W+CUD2N6ZEcrgE/oWfMO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+obqzmsp3BbcUFqE0cbeQ8opmBtIjsqQeDCnhKEFZ5E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "X75N/XUuESj+qEzyprDsD9HL/+Z2x0v5YfjloAT8aVDQG+Fkr1PcA2MU9lsRiM21dGGcueQmnfFAxEcPUCOGD6z6K8Bsh8QVrVi+DEf0kHwxbRDiAEe2HlLXk5LPUkiazBnELFg6xN5+imKo4M2r7zuTrHaP5zXVBERzuz718BQRNpL/Tcie21L/dhf9/hq3WkEH/57ewHp6HBHBPxY3qr11uEISu2DzwA3P54wjhWeE+KHYQX4pxx74KVXJSZ0dHvwNYliy/0T6Da6SpK3JfCp1sF4oqdhY2Djv2Lq+8tc8NhdR9KyYIDtoH8CnLzje1jRq/31q4msTHNzmwrkEYKsKLWMFcueBUEv7bJhOncplmyVeqedJw08EMQBtkZM2XFKwEHyibQIZUsESUpO383vqLpELxtR0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+sF8W76GgOA1VUNuHhavifuy+56rVt4bfE8H9ItLmtM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vOjTFP858nOzcOG7rjRbAuVNcuYLVJw3vqxaNvJhzgR35XfPSgqZkbP23kLaQjyY+fV53d0Vhf2xoOTvF+rXtD8aR3xnpDQPJ+4XYlm5urHg1UPPJtRjwG+a+yNSNGlsWs/3oZ8DbhDkYQHrswgeu9h7j9sWRryxDdZ9Rekowmo9fZ/c7cSps/cU2bjt5cTwkVPa29Oiwe+MvNc9gEqsY4rkDkAwl+8vmOMoZxc3UdP7q3uQOVYSoj8L5WiZ9HIfgus5fWkdwgyoDeO8EDhTM4VAcmow6tTJ3rkQlkIBP0yvgVXzEU2HzUuvAEwxRNPce+NGoCxBGZdczOcrxZ0t21JKzzgi+LUTRaB8gqhANos0Q5Zzawy3GoG+TQNbQ+HFpbvIT4XogQas5y4bB2H1U9pThIarGwvS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+sjk+/1KCRRPSidjs9H0BJjczrLkuPDFcT8Mv/E66Gk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ld8YnMN8easVmgTZUf9OGNoHPNXJcrHR6r8l8rhUFHBkhJdV+Ke6VfvGEXSgYbZ8/by4Woj5J0BWMETS/BuUbe2nuh11rduuYREYNWAyeOZinRV9WLZUULsMaGXQT519AxH2AXCqYGgIARSHh7JRf5QX4BMq06quirk+H7uxOCdEdQRE8MCAavkmJgBhowhZDxLV1wrxKhvYSaVFJLnePMbWk8BQUuBaNs5FQy6/NwmaC41bE6WyyEyxyfjsFUxV7Y3x/fzezi+dE5t/x4hbX96MLqN+3fhBy3mJM7pp4qgooQCp4fGEOo21Cl33+ihzsdSYHD4d5nfmOfKAW+FsCOwiSvDjDziinYwxdpzNHIeb834knF9OY418e8RNqD1HPIfcy7Q6OJtbqKITzW9ffYhQKvFATU6Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+uW1UfyyvRIYiHgkCyQE4BamhcA2IQQnzjH5NKeMUQ0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bFPo+Oic44Za8qmPsS5RYLzDCmOBUQI0w3+9L+wINGk8HZyc/4V/CHXNk6pWwzlCQyYLmcXPqmAqeqDTS+d48bjVF4vrYpRHyqkHHcWXC1s4iAdNKs4FDsNQUrTaWG5FjTvU0VgDzjD6nxACMwOsAhZMKJKhqeLz8eyJ1eRXvdgperJYv13cChUYZfGznb3jiBDw/ymEljT1ECc/uvQGzSyLkQ/d5Q9hC3eZ7M8oyJcJHXKqFVeo0J7Jnw8kQ2e866+9GL+FYPt7/3Xon2inC2JhbLE9UzZZjpz6qX0cGkZaQUm6z8I5qz9EIgvTZ2cHTlwmsX3eaPU0IESq5WF+82nRuGerQYMUUpll6YdeeVjRoWSnuiEBwgzU6Tpmau/Ko8OhNiZ6DLrb9Mwof6WaDHaq/gIAGkvU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+vnu+ljGeHVDXHoF7w9qC+yOkrAA9wxgKTjs5axuqeI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s8THkRZ74lCo2aYfcp4qhwakhcvvQqp7aMRw6T73/Fr/HuLhROv2shRb4Dj7NLi6qdCxKN0DKwqXBz4RPlfkM+4KQKKLKvjr+J4SQiJ4Or0zDfFDFXj+oc8+SedNBlb7Tqv+2Lw2hETz/Wj9NVTZwM8ihGAs+feR3w5pg3tXAyojsSIeHLVVB0uvylwTJ+CkTu/QbFwhIKA2G+tUYDdVF0wOjP6quVUCZx6YSpKdwiOsEFQzAG7BA2FQ+h645GP0blTp1vNL7Igxzz0fFnQKLUoe6uFUjg/xdqH+hP/G2fbswrRonhpKaEZFIjyE+g+ttmal8gzXA8iQw356/JG2mwAC8yD2JwqUzLJhEkhWNPNPdF0eLcJNDfau8621robDvNYckUSjvmcUQRXaG70prkVnb3Ku5tWL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "+yJc7m9rl4qj43YBgoMOGlsitHqjnUS74pPZ+Duaxn4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zrwO25frmWSlR3f9FuTpKB1+qWAQeJyFNmP6+2bBQgMO33dZqKvtEU1ufBJKtXlB1iQKTXnwhM7kgfyHoUv1ugUJcJ4WkuoyeV8HDcIQAaEVGEVGpt4gT9eVJE7v0lSM+We+ApmURusbtmOOZHHxm4q508ovVTxGEqGa8rR9pT+bRl4Di0TJXHSulOt1byfl2pKGfmHVaGsacPWbvSKs9vcTD/eEF6/qxBcUyGN14BerAw74/6Q1kLjfd5340Ha+T4n5VGCdunE0m0jqizHusmCWgmOujIvBPzrqJKCK+2aFyWfa3/+Fm2YUU8CG+1zlmpnyd+c1gTwWIvhRVKNY6vy7azzV/q8Lusa+J3Dvc1SJOL9T9Z3KC6HovXurG1FXmPwOZ6XN5iEniNDjyXZ4QVJGsJjbBm3S",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/+aXcDbITqBwDqfg2VEhAP9Ut+59OubX3LlPE4zwQBg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tcAVPUtD2L993jA6jfJNEkuHOwvy2UQ68aH4MXzOqT0hIUueKFReBafaB4UW89pnXYApC2LaqIYlHP5c7IwfoCnrPhnG+sRsaaSjpU/MTZ8bW4tH2G1ifYiPapvqNOB2irzEA8gjRVEyjf/VPxMM5p/pBwJo6wIuYMElk240vD1GtU5gLCi8mgopnq3lxhgTMVr562l5tvQvMN1DRprh/wm/zfd4MRjllOPHPwgPSj+0iU3wynl3gfEQXBCOMZug9Ql8+ubWj/Xg5CDQtQftia5sRWKIBoK4+hzeTh6JzAHOE1OnjW5MDBRpLmNt+JP37gcPJa3daWXsf0nq7ui7S1oRkmsCZIJZqGjwmQ8ruBf5eJLgevJ2m0KIv/IRRf9wq2VuQOuAsi8qwBYbmAarH7SQ8ZPtlmYL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/+vy45mJnAOS7JLdV9+cmvtZ133UtgF8KxgsewleCb4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NUmM9xNu1inDau+/14FGjlxz4HrR38r0ypY2ZdHyzycrutOJ+KM7w/WJvz9+mk8pseFoCHpRIuvvNUX/k/Ov9/HRrzap8H+ge6OAsM2q1WZnwGAchbLtStlVh+QSiGSEIYzbhiSZI2qtDSl0XnIF1wshUj+ALYe8m/gbwepIzNaAIDp9CYKWVMJ8tZjd6mIVMwEzsQBNoDcGcSXVsPf/KJJTFaGo1ZUt7aChuKYDK2RB+pTdx6zCJz5d9xv50gnLyQ4IgysjSrSZIa9aexbCUR3mvW8qVlHWUzWlCJCW+mumZ06gMcOcyw0fTMqmnDOLbU+sD/+yiBy2djP3u+5dgNzYmDIV2C7HQ6qKVFsHFtD4pr5XFFavcWD9JcDwZQOkD9K/XwH3JXFViylzFHaNZzkH7kUp48WP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/1IhQyqNpR1pIG312dwm+FRPkSaGoDFJuwAypPDACio",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fqIj4GLeibYyfENK2Jkw7gp4b/kWsH8uu+ACcSzvtQNLViL2v/MylzSgxtVhI+mZ5kNtBnITUB9IIit6tGLpgtqPTMye+/QCtrIR6K7v1sDWhEx0nyGEwIiRFNOVaoc3awViVrRlDWEVRvKUX1xSahr4q/HMTllACCyvciBnTLHJxvyvuCUcElIc8vl9J9abFD2foXtkairtyU0wyvllzmSUkBP5X9Hyx2Rj+/RBRz/dUmucc2TNKVSHQykiwAw9bB/AzdT+874nVGaO+9bqw+qORYhACYoki3KcR5qY4PJJK/FViTZu7MbwCbDwsQ94+PscIjxcbpxaTP5mS8yEF7DFpAoDD99LY9U+a1CWQMLNKDXbXdK9OvulSJpgbF6OsEE/z7ELnKFA11+KMCx3SBBIFKAGJIj9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/1Qq1spg0xYXbiWLWLyXgmZgu3s+/KHWYjOrer1ha8g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZoSG4Pw4+U/dCDGxU53Cb9tltiEXFSPn6XkxrF0tY/EazD6Br98v3vnEZ/DicGpMbLZgVeXBWzKwNGIJllJ3lJKO/HXvmgpUEVttPuF4FB2GyUhQMS6xsjYpu3ATfZz7BMjyLGFEyRsf6gMqorx9zQSfl8KpoHtbxxnBm1tD7xcwf6qY3+Cc0Lbb70zqf17G7r4iJSR12hnUSYkY58EZR3X7wrKCiw3q+mZhNsq1ZWvuUDRKVcl9xK6Kpy93aIlr7yCyQRHRemp4p+fOLZxUzfzuAYTrEhIz1wsnkXYnqyEmnlNPVKcKG/t8hgucYxC6B31xFZKoOjSJWgLqGSQuHGlDW/TCD5X20Z3guxBi0PecCVLGoPKZQphAhJFxwq59stbOF9brDX17vB06Our8N6Fr3Dzo5BG7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/2RodSprExAzwf66jeXeEV1rezd+gGLlgYjQb0/WH+M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ge1oH5i5WO8KS9jD410gpNGDCuJZfCu3ejgykKVfgBNbdZKrZ6PXruLoGu3i8ptK0S6f97BA0lU7kCliLLgf+5atWvKrN2xdHnPMi9DLt/Tl4q62/+6Xqh08lRfWuAEQNyEiEHuTuyrHgvqySY8lbOXRhtlUpiYi75Yt3N9FE7u6BGsayWZ2t3U+uwmwuArOU1rUTCbpWAiUSvA4dVFQIOwYNTUpXWHJggm4tZuNCtia6ctMSMQIzs+GQ421OM2S6p06jfJNahHHp8kqyX8gDhJh+g30ci3ZMOrntdz5C+HDsTS6dgRn4ObBPIRSgbqN6arZ3PrzkUNzaY5Fu7PcHZ5tE1c3dJFYcL8S155LYD5iLyj5J3+v1Qn5z+3G4n4LoRaBkP9PHpU/rk+yM9T5YS5XHLy4dFeD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/3uZID91ZKnAhXyywmfZWDQp3vJ+mTyJzaoRKVZAWXM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YWEfgpUBD8btF4/x4hJQ0E1xtK0nP8NImEL2AObAQ68h0bcuYFCVdSsATs4IVaknfF3hOPEG1dyTzTv5D0AWH2JbiSOhluPHLkG+HCVxX7h3ubTR/UgBTRL+XqCJ+umBVyQhaCehgyVFodO1PdEAwgY06d6qsbgvrKIwi+XDA102VBbqGl5R4PvgN5uagpppGULcp8e56JhsQaXQiPhUzwpJ9GwNd1GHuC/w4muZ5buHzTYy+QQPPyrpSuQj1u21L/QYMKH4V7HlkF0d9LqV20WulBc3TcVks3/c4FJgP6tebDx35dwjVelu5DIBE+AXBL0mqSFJ8opLFZjWM+jYnkfSmlR49D2S2swedaZoh2Oq7bYEdWZuogueIOQlOn+8KVO7dGS6vGkH7im9DSZEtWqC2DKOb1UH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/42i233t0tkZF9L3/+cWaZ5CH/bBm+5UEhtajLLEBkk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VnD8uFhWInWywPKIW3Ui6oZ8atZJP4nPaMB5gvPzoHSI6Ho0Ix9Xj7KyKEnoeHZqz4SrIcDrXP9K9Tdn1e3pq+1MBxOg08zuMA1pj1cgywp/J9sWZzJwrpSNUXOButNoS1WbYx/SCmK+BGfWH0c2Y1uwzAIB14NQfR5LIc77rMtwEe6dC++lpuVXSl8KkFOQmIVG+W4RytEt9gqY5CWpj5t/1j2zoofzVHHmvNmiFO68QPjOjdmdUp0cdwdGtRK7WaZqx6H49oS5/JTsH8F73qwVrSMuj33+LeGQMaJ5GRI5PdHcmmIJ2EUCoYDu/yhrXITaLsK152Z3fn74MXBRkUiNprHLw9abqZ99smJaRnyPb+YCGgrAIRsBnQUZyb0eCLdRvBirJdGFy4mTw8Z1v1aANtd7G04T",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/4L68FQuQ0eyuygnNAeKiAJ+432H0NyaLsG5V5EAUnY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i6tmUQDqVEQYZ2ZQ0hCmD1dvo3sKaJrhN2gfIFeR47Sdu8LSPNtZ5SYg233IhXjAc4SYjP1IzyzijsDowbsJnUnW/OOxsBoQFYPkDfgq8kF4nxD6Mqrut2cgBFt7jFfjLzhY1cS3p9v+FPMVytMy+cbaTjrOkPFBa5M0kCSnkcC/GxVDsxiHzAo8lBzf59WUSCa+lSf10go9WFI7MuI0rDa5tLs3Np34hi0sR2wNmjMB3xZXwwirrzewY4oeAhhBYVfu0s/qxLioTbkx3nhCbjAfF8oz0aUooGsL1v28QdSagE4rcMIN6sbVN1YZ6KiAyhxm3+j2RC1IX1W0F6/u94N57WLym11DC5acADqwnkq/OoTQoBOkaKVNEr5E2WufTsPDJUUQX53G/bV6PAALdPgc6o+FSg2e",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/4LE9trkWp8dCkQG3jLCDNX+XW7XjkVdAL/f6yW0+Is",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TZ4ls1sUYTPE6wvuw/o4GNmNRPM0Z3klwQTJ9mOpjvBxAI0hEMp2rw21MH1GA5fDOGg7L90KXtsB45zkh1pF3l7rlxKzlL2xto1yhRZ+66+jyyj6aO/HtDrrXZNdAD68nl8hH044+L6um6oLixRhjBa3MpjhM+Q11npuueXmKqlNOxjNz8j56IXpfxjUlMmp+Vm1I7e6oOKjwBLLp4eFMc8KmPXQUhAVyKB1urBr3u1SQjxDh//8Sb09tHO1PIiyU5vmQbl7wzfpHZphJSKxrTRsFbzm61cxj/thQvnE8eMmsgUeShWP03bVQcG0Q80AQ4lMrHwzgZmAz0KlZAP5Zl+sRtooPYm3vsht46tE2cLIaO5uh/WyPNgakF5O9L1kJce94EwmKxeTZFL4K51oPgcUd4lPB/me",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/515LHhht+D466VaBgsX15a7DJ7Hr+Slhl/NqyaKtS4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2OoT0vyMjWR8Gg+4OJ49kyY0OGz15I/tfuZamFBaW3KhADBzu1eennMyVVz8wY5wkN7K3R49iUndgyGrF5nSAKBJ73MpKsAUmk41l1N7f5bxdMgObFPplIgcFTGYilx/zx22xyj5Mfu8lcWY/hotuK55+dgKj/pt3v0EXXRjSR+zy/JNYyJ5CiYfsOt+ReO5ZmXxNaKQfJuGNsMyXWtAJ54oMEHqax4zS/Is+adBzkUMCzYSn968Yaata4As/ozhZQCFw6ncskXTUKvozcYUgLixl6sKBPt/RmhwD9xLAI/a99R/Sd3NWpBXiUXeeDiXVmgbkmi4z6h8fTTBu/c9iYA5KsRkKoDyIrq1UA/Z6+jX3AukVGeyKmhXOtMPoFCc/FCN9W/R8HgkNBXxIHTPorkfqYpoZCqe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/5NK71s/gwUqdfnhgY+oiFErTHRftzxdtRhQsGOw49g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M/5Jbap+PX6png6GaVnJEvdxNNuYNG55lj3ZMZG4W4QcnQB1/8mSPp8Fqjfp0yuh3R8+S62s0SAyVB4y9CV/BMdlPn3J8IE6NMRxPrR28wgAARXn7QclXEzBdpvDNzz263ku0YAmy56NaN/Q3dOFs3P+GfWF/W9xxf8uLkaasdKDxSfHqjONaoOL9/vgmjW6qSnUMj5sb6FLc8KB0xeG80fThkp4vvFf7AWzAntRb2U7F9pwoC9yzrcZSiBBX+QhCaHL94xR4XDR6g0N7iO+sR5mZzFF9weSghsoP8cjNvMmE2UDR3rBv1WpD+nxvCX5Ffy0BjaHizxbjS3g5PLnVYmofJkyZLFwh+/DDvwWiBD0fMunEFg1bCYTy9BetpnD22YeTtHIAWRV4HTRaICGXehUpFx471mQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/5OwRehhaz/v8yVe6fXoowkVde7oIdEC+QOvP5jwM5k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+tHOOqolxNOTfpXweRZtA3xIhSFEmSW7QOtRR3eb7xL0ZrrSWdP7pbCIu2hT4CfVX9b3pKTtxmdoXSHcENmERlOtLbYAw+E68SgBWYAsNoPkWsuqiZaav73DeTI7xqXNECFijVBjvOujAui9kvnvF5bqKvJx0mUGLLBgjgD32uXkR38q3mFmM0dLc9cesuC75NN6Kvtz1qZGmJHBkMLJzNW0w/THVGU0MSIEDfk2ykMzS5NhrgPAQYGLaPYuQJmDXKva76MOQs3ft3y3KtszkIEIVTYsSR/xevReEcIhHXybP7wIevLr9jud0KCnOKMs2Abp8vToDjhvUhwHcn0samzUK6ABw6TLaq/yBlpi8mzYA75R7JEZzAKbNdCoJcC2SNV7HvSB3pA62WIJ64xROqZokCmyQDO6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/8xyZYLZ9Kmsmo9I8qMu7G00dib9tPxGGgrzzC4LtVw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kgMpvboW1TPEy+I8OyadgyWmm049E31oCrA5Kqub3SryyBwg0LavOtSrkVz0d/+XaCJmaqzKQHEgO8IBEbS67y7X2AjpIlKHBePQcgD49/vsKGRNZrvl0Y7e2KHHiaiMEZ2QetTazUu3c8YednB1xdUiPleLMWDA/TGDrWxKWKCMZePtPbGjvFnKmIgSalbspJocwXxPCKHjw7QuKtgsJxMeB01BflJQNdGqTBkSzWh75CZX9xeSMXNYiMEquj7LOHILpkIr9iRiIitjK6R8jw7xEhtW0DplkI24GgN0bbiKm35qsaUW3TrdBeCMS4CEK4pKjFCrVskrezq7i+J2onzWV4AbhVR/fe9xGhuyr5ps4by092IwvFbx/Dmpt7dcTEHdgfIf16EYogAFcn82xWiRmI0/+848",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/9aBHo/fjBiiBldZDF8lC7ym8ktR822xgsiGage0ogU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wHYiH7jANBYdrN+g0q+EEuFAYFojSEsM6YPFkRBR5u9L9Khd7Q8XJdCuwBm+flPAu6U6yxvWT5bPWpDVmmZUAtPtPaF4Zk2BsxI05CYen3mkb5mECib0FMETIfy9wwfhtUroiXJ9XHmyZHXsBQ1UCGilbf57j0Tc0G/xIS3jwX1BJo7djmqA+uvBk167QshdM/2gYrmBMnFDwOhjOfCJJdncAbsvDhlQ1X6ua3/emlC0r8je5GXzKWB5o97bYMnzH3K+8CT5PSfo/4wEOh16tBCV61cM3L/B4YZ3H7mC8BUOXkJqKzLedB1vPuwDTLqGdoxMtAKTHad6S0wuZ5O7J5Pvq1Ts73qd0M5Jfgnu6cGCHxen7ScM5WFqXxNnM7LSci2trXbkk1+j1+686AZ+dXn0qrahvBv/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/A91X6YzpTa9mjRyH5IVA31l9KMgzZ8ii8uXsFMLRaU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Vb3J76RKdOD+E88UknJ48x4AQkbiNZb3Ao95SKU6Bu3x8C5ExYi6TCx8QFLd7Eygg6/BnlOwiA4RES3tjUFA2n05dZoOKqxTFcmf1Ev2MZ6T76/TJdmjDJqyxTmtvgWlA0A3oFqbW0fRFbyXnMjmVtfhAsFb32JgJjvMEPkRQ7YlduZTu/45MXBVrTxheIgAkpy29Z0OKYw/wBjJMXgqXnrkMQnAuUetaqjGe0EgfkbtE6DN7bjGOF/IgDDHftulBwc3DOjB0Wb5MsmGaWG42eO/7mGKmlkz5dMi/WjEuSZP9Rc1BSSrSrqVdjzx4bZZVHz/OSwi+vmk4k7l4je6TNu12xVkY4DipDsG7EJGbuUKJfBC0rSbW5/fgB6or7X2V9/RdwO2IRZOO80R9EOP8aaygdbyNb+i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/AhTl85+31foBICajBR0rmWXSZYkl623FQPNXym2m44",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TdoF0SVbVC0V5Z1+THBkBLyZflhgdXw9mgT7+cpWTZS2Yd3S1v1sy9/5Oistqd9PrUq513E/nzTh+hY/kk+YFCCly3gD2CS8fN2BfWUPqmJNWoLiUGvcU1JyjSRH92lHZD02LgoagcD0g+150b2hTrTq8Xhy4sbQEyhzu0lR9XWPgq9d6UIya9SUkMEhDFEhdsuk0q598A0mhquYV2xBX2VEV7xhwatT+nKdD6gLXXjsFq1p2p44mPHEQDgfHxce3mB6RV/OHl5Os73Dp5SyQecl33nVkwi+jW13kVdXV0xg5hd8RQBjORUn+iPjgI4xC/uHehE6q9a756ScunlsDCVAii0yaKSHe5K/VjpsWuqlAQZJFrvhkoIZykc4iR+D2Natm2irHlYgqIEhYoFH5IqKD7fZ8LVX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/CDLRHUOVI00mH05OTNjAYqWuoawb3SGMVw12+LWtvQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OWHeHMRano0MU8KJZW1jC9vb+UH9k0gvSq6jhGn6l9S2eolFFcxMEOTD3Rwu/Lk3PI9pPilAizModfz4OzuE5Iclvo2pN2w+j25LQZ6B2A9ZekBHMzrFR4tfa7Q56Z95QoDJVYaRRUthNOrN7I8ns8dR8MgPykdTsCgXZTZbs0hhqwqp4tiaV2oOgcO29BVFdyB8+4rjX+4XZj2Zt+se7GzKbnY9A+WBgoJpJKc3gORDdI7T6DP2sFm4NQ0tF6TSXAy7k7LQY3J1UGXRjNQsb2vRxB+TtO8AaYIoBRrUBMttSKUV70OBcqZ/Yalaxn49ol7s1vkHVpySe4DsWFtyeL+/CQsHBXTb1mqqVYjAYvo7OiljkXp96e7lDKzMzkACaLjBlKdyqru25+VLLc0POnQzNajgvSZ4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/CMxTRtXPNQoBLD/vaBauNwonLYNS2/lSGyY2oxfCzM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mdgnxpN/t9MljgeM6qbUdScbGVtjRShYN/J3f4wXfiMG3vHdaSYN7OvufKSQqQ1djfqw//Nw126NZ5tRh71R3A/UaP/4dtpP3rqdzcLSvqKmqbKI5l8YIgsoWAdQ105Yk1WYjvgmROEXoolIayYBJxwcAMVZ8OMf/FrCP/awfd4jWpI4M0gsgyaYWX8toWOckQn0SLKEBAGcKpFpounpAfV63umFNrJ1H1DwGfe1mTS2hDafw42a4B4q8jLhshPgOe4xihZ2TsjY22T1DpdxVu/SAlFpoQ1Awsoq+8juDb/L+Z5sjNAwD8WmB+lLv7p5StOVNif6y9owneEaXuJT/Vwca7LfDEvJ3iD+oEe3bHRYvG/LcSDymD73VTWt4lea98lKZjFg1pidSeHKlcd1tj6z85m7G3PS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/DD4NXpCWr02pjVZAjNDjGz9P+Dcl2YTteey/eTyWuU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LEkhQeoxXcKr82YabxmhEGe5NXyFGPTLAMYCX9893jnEghzMzNc+SViy2XDHHA1bIk3S3HZ4Qto+AXoBJLGPHGseSKyZF/85BBLXU2t9X0VpJNyzlrwtsngZH6WFqp20ml1zPenOWaCMg+IViFd9R5NazmknNipiSXSp71KFQU308gcS6ilDEM1uGHZcDAmLec20aCMBcSg0/a3h8w/v2I1TPfznM0vSyoReOaTfC7dRteQAiiKLiCExKOf3qy9g5yxFmFbXMwRdT+QodIB2I9i8Vm+19r9chqy4MYqH9bPMTEURbBuFFMK+DSrmyrKgiR0Df8MLZ2NUyd0Sgc8zt8oTv3MXvhAgiTg5ZGBVN+DloHq4lJhuWlZxZziW4CwY3zQGn5wS17++Rt0Wb7eJdZwsCyXVatZY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/E1IKVKDyuGffiDHd0ym9FAhfhHUlnhuWTTeMXmyha0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Wiazx/N4irxpC/MVZHXF5Ao+9/ga8enI6TAMOxpjb+QOZCf9gA8lyrYa/fA06Ws+HlTXGw/2AYiU+i3FZe+dLcL2hWKF0554ng2EAXvP4EgAJ25u8RsBg+7Oi41tYHcnj4Wkvo1o/+VGVeSoE8iWVO4HJSsNei8zB6+Cc2uiIN6OjudC1w+8CNtwEni6hebOCH+A2EEn8jjkkwWEUhDF1CWiiFHQ5BsKRboGs+YHc/SWK8vMECr2vgF1wbKBMgdVbfd9Tq+gfxqmhFWSBPVxryiHnR7/o4fDhUceNqicw3zDZJGBFOulkokWcGIiH9PNnre2qMxS8b6wRv6NTL3Qlk2nMv+JNnZdsnxZrhG3Ww0o6wx8HLdAo6G470p2cLU9cTyFKA3sZ+AWcs5EKVdQu1la1FVxcw/r",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/EkV12BM4wUwfXthr/kdJr02bFbsen3CbC+3nErqbnc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LI/Gg8toy13mcll6Vz3o6tzFBYvWDwVItbxbvRw2SRZwNzcftXtViAv1hllWAwSkQy7ZYgD0GSzUnUygSpIRtwT0qSo7hc3PgwWFX6OtX/x2TKUE5kDmy3q+s1syhZOGl7KLjoXLcjwyuT4Tuc1y8NdaDa1BRZ+BESlpqVhtjRBE7wB/oTrkF2ZhxPzD8JQfz1dcRjguooWkd/Mnz8JEq+v7WjyEk7qrDLMMHY88UadnCyj3lTnZeeMfFyHRP5ldvmjVJM3eI50M8gJ8ZgLZRJ+KqPrsRbWOhiLYi0HTbV5gIxnpDX+1/QQ5aoFLxyRk3D3XhV13lVyzXFm5jkhWzQSXJNNHZjSpAqT1L+jtja0iazZ+RsFuBIrWIcJ1P7HdTQ6W1PVmwMDhLni+thAeOe4QAq9p5TLZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/FrhzZLZsWvxQd7J/Q9EsKHCYJTaIdOOOu+yekuECDQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "79ij+F+7SXhDJfrillHKrleVdJIL6/0PRw/fvz8zLzG4o9z1RffHS7Ybr97DJxEMQeCZYPMm9dIDSycfewICHNMoHaHNA/EegEiMIb2QaO5/54rk/0FpRuB9ybi7UjTe3rhYzdMf7RAt9SCSTv22sImWji0liSsoG9Gxt8M/lsDd7QW/ZxflY+D4hbzG6s9hWY7EvukqF1kGybdM7rxVAI71cpD3G4IBlWsrTy9bY6is1vOualzDBlJ8oAkXLJ5nk42Ar2v5KSo8Gp+ArdmWRG5Kyqp2DRZmwpVsQeB8nJC+yRDtgj7CTYdWSUbuBJVMVU5MV3dnYCdkeysr6IioFzO5fRYr1I49r4asQ2IIrFNdEZn0xdYLL7oBBdRAvAb7U0iAU1VrZTRtsZIWgt40y144UkUVkBLw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/G73x4Yo2KfufUeiAfzOCzzTNsUIbSqjH6lSb5uoxR0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AXg+sHL3abTfuOC0+ONtUKGun+n3AxxS4PTCFUMZQS6odJ038KzoHH/76+5m7ZlV9usY9t/9EG6lWPOVwXhLVWxH7LnQxHjq5+r/uby6ZqiOUNC7KLxDEmOzcfiFxMGSEiNkPduhtexKytno+rtJ3CUphCT9jStIITt0H0R/LuXZOyk7LOYu0yMPSUYlGUEpVBQWQFTUMB/cZ3pH1Yq5C0AptwQrObcIQ6sk7PyVNFia7MXjr4JPJusMtXHWWzkPZSSXFrGgQ1tiVD8vd8NU1hGuvEvOt9RTrrQzaKWIVEkA9e43XORvN/eUYIlAmFxviE3TYtXG11ZZsSennMVDHP2Bh7zJFbrEZIG0rN/5AjUsTTl7mqL6ZeMx/lBRraDiQFryHoxEbuM5VFw/PB6PO+p5bTHJ/hdN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/GYYLURZ/Oir9iN+OD8SETtSTc4mbOzveichftAHahg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Eh7puluA6CP0LquZ4TAcRP/S4f9rhwa0DuxmMSuhqr9+2WvPLD4eEn7qHYNx2P0/B4ChJelre6+bu2WifXOIyznHC+fba/MubyJavFnVlZmTA0t0FA08ZxXIAm7zY26Z7OQ4AVbxeJ8nXdJEpj8bg4DCnCmwlhIZwEOA49T56G+I80hyk8iAGJfEjGAQ0d88Xrhrzy5mvD1HCLvCyjAN1LL5IinE5Bsf27ybjDGrC+f1KTRZSIztDQqDYt2fAskDCZXegx0RIgXpnNOSRkl1YRxjeDzFcetLTrD2KaFR3TB6wFY+GRwYAbm5MMT2h6cXDHuYTwaDPUqGvsU2XC5ueRvRLqf4Y2FxmgbwlMzlX6vY64t0Oi9QGP7aA4X2Xq4sHNS5RU70J0kzYjsOaRf7Iirnz6mmZpXX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/HTl42JA5BZxC/etyCi8p0/Y7F0dZkErSXjcx9xZOLE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tYiwsTB68jCgd3khvvmkp3NRB/CB4V2BZWo5vwzkGlmlbAf7YWMLUCQzKNE/vFOsjjv6AB6agCvTPhvxIWQQQSXTlf6YMQ6oDuJX3+9P3fMkFaG2iR+b7duhlbxnXk4ozw36g/davWJtkqJe7JTE9kOiOC6tqug1NkOHjZZbc2R5nKf08J6oxzo7avM4WqXV5RIaDzOHLhyZq8ZGyxGByVQfwBw8YvMN8D5HoGs0BJJmiPM3NxVZUEahw59hgkVcjSnGI3G97/fvLgOrGKso3O1Pa4GOiYk5an28lhinyW8Fdjbb17t2uSPUIH90gxtvoe+ilinwltAl4Noet+DqAxz+GUF077mFaGGgsA2RbiWeX6oqIILiZjc4gHzQUyRTF9h0lHC9KoNQDmmWznElc6360H2/DonY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/MOSIg0El0+qLiT2c0pIGBHcgIZNPk/orZvE1ca5dus",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AvCcQcn7aEcp0/lhiwXn361S3G4mvPej425dFK53Atv7Y3UzIBsD7hIPfrcwxmAJLJZX407lzgRYRvgnEJGGColITwE4IdkdfvXC9J4T3wkg70f8WkAK8etqo1u8P7oW4zBMAVhbh+wL4D7mqnJbivGuQP9BSZw014WBiUUgC7EhUOIVjFkN5f3IXp/5RllgI/KQILaqOgs5f4bMq4irR4958sQkZmNIkeA8rUD8olS9N8Sip461jp++cFhcBptJ5+rv8rEuSfFJnp9c4SsmEPf2D4yAL2GD2SCJZENHRcFbjCq6aIJ02cnUe9gXjf/jAVhut2GsSfRvCPthj9gWGi9lm+YojvG6Gac+mlDDvgS8VmVY/LoVBfw1OoE62rx6+4kWjMTtPKBzEyn2jAqnb0t2siwYqoGt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/MmT2UQPXDm5TYmmAexJ/n3z80e6iIxr1S9zSrh4+Fo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "J6LInmIiZJd8SQjqmM14GsKOIj0jbJBe1bz/xIy6P3d3o6u0L0wzqSC21pxte78UA5ZQ2ZAtw5OQ3RvwmhhihYI20ufBqrT0QL5Ur5ssEGxuAw/bq6JJdSeGTe/d76k2iSYYUJqV4A04wqW+4i/h4yqU3sex8pRrTwgEX/hPKZN/QoM0LqVa8SV0Gi7K9CUK2jsklYML8XCzqf8Xb2nB9Y42inMNSTRKJ+GRtqcDnZOwzaCZq0M9QPXRlYY/AEKrcE6Xo7spxXQ9BT+7glHN55nb+6ng8Ycn4RkEPtTPwO3B57kZOho6lCvM5QbCYzIZZ5qbOzKj1D6+eTkDTuDdmGpVVYt83NtvaHPE5APsKznGPmlNbdVrryL+9pM6ZxtbWOjSysyLkMgNQ9OInvKot+vOQgIZbg8r",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/NAnxbSbKVTpvPykQ/q4sXRw9oPCwrWzwzggQTyE5zY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iXBTHWkVsxvkGT3YPkk1KGUH4GS9292z6AMYWTzWzxFEw7VoK8hbvhIqrH4AP1jJFfKEF/z+83D/woQofLvSJVdF/9R20kBvFHipySgI3cX88/G21Ye7WRbE/r3rxSufXIFpWeea9L6TajCqNV41mYnqflB9IAiukkCxVN5Tr8Jw6mRX9dBjZ2nN9rUI2OuCO3bJ5YiOwAU8X8O+uXuty5bJsSRk/UGPLmB0zLFErkZdWaZLi57BIr1cSvIpfZRYLrzUFaNny9W5TQQzwMBlXzYbVh4xtoND9pMhtJU34qVGi4SmhGFKLMNH9Q98+bcsDNp4Z9LfQ4a1pWgKZLUdi7pnIyDlL7CgSFTJu23HYUoRzRPXiH285NQUXOb9XWFUpoDzjp8E5okCFPs59uA7YxrA86fHflQj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/Nj5aDWFPodxPyJfGrHg6XNTjOvX3xT49uqTXpWfwkg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YuHsDo9dS3kR2dqtCnPK8kZ9M8m0qeIqNhqFOzDwM1ueytp0lsmcPG4cJnfjtYgf+hysSppTq0c82NnQKWFZhtM30g/Igq2PAXY1fYhS4RipCaCbFZWxJVO947grSfEMen3pTJLA/CSh1/I6eddGncvi5Z4ingeOed8yuMpeJOS/bsWxpBigXqgWS+PI+04sWAdybILnN7DAR38KFDWZ9pXRPmD82GQYyAlG/sgf/hfFrABzdLkmNtLxkuruxeGSCoLDzgiV/AgZL8kzhUG3vYh3we8HtIFW2QF+80k1kHLywFIE6nlmnpPYpsnePwFtTK2RtyVfsloZvxydaZq0FUBgjvRytBvLlW6v6EDdEe6ewE6YG4VuHeXUzgAW+6hDQ/uuhzn/W4XRIXO79ZGUyihOIzYcPHY7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/OJnPKWCYiTrB8wncuURZ4ooGswonuv8OSJ6qteazBc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mJwOTGo5DudJ8kZ3rRjq8mr1YYi84XREfnTgq4GpeAUaaFmLgm4s5wptI51U/x7WHd05dgQxw27gcpI0ZIZVirN7Up8cCZk/eGFe23Jk1B0WlQD77YbeHDZc1hkPrRRJAnee2Ram32UmNATYNSUjFVerZnIzzDzqAiqaYAKclXJnuEDDM0IEsWe1Hpy4rDu34KgLhbMcqOADNqjUIL0KNX8L5jzpy5iZGXY3T2uft/QoJzL2rDUNSB9nqz18XvsPpyb4R8+hRwRZkPHX7b3n3RKzO2sLvhmCQ4ayF2ZEcGLmJX9oRJQ29d3iAyc299cnMuMQs0XYcpID0bOcF4Z4u5o4Me2FqG3xOSisfJwcX2ozEN/1J9qm/nOe3EkSDN6rKFcy0wEYkPM4kYYBHQdOM0eIMcAv1555",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/Q08yfq4Fa0a8gN8zGwmn18Nk6kNijpdvrMyHHAkAe4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qJc9PLaf6TTc0inbntJAvfE9v8Dvmvrtiz57be6BUjDE6LJcs6+OZzBag8fBy4YYsel7yKAQV5AwaomPl9paihiQFoLZUZMIWi/34CjMVfKyVrHVlQnfK1Vr5cnXpSIAzkzA+/6wSD28XcIGJ+3fPwYvBEaO3RBm3UsxyV6OqAS4173niwv/exL/jDG6pgChTlINaKUmILrynJve0C0dAsakswJ5Tm0Mzg2OZCrL+T3hklrVH9IxUVGg5clwxtL0EDXZ/UrmoGHXZW+HId/rxKKrtVrrCY1cZ3hBte3ge2zkExrGek7RB8b59+afiu4202nt1FmTzs9tTwFT7OOAGm1tsmvDCjQg9BaJQyqk3qls3pxBKKqIOCfguElw3Ogu3abh9haiLV5Vr0PRS5oE0Dflh1+WJAWT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/Q1RC76q84N1PRyTaGOke/lYhA+9NDEmQXA0hJC6ugk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MOXFSa+qTxgT7iEVsS3SZ5qJjcP7LhzDS6zEQn3KgpZXgoFTlO4vxOv45tiTIY5Uf5MejgKWSgTy2C8kUPMaRrHgQxwwRE1ToTvmcuhFe/NIAYXXkas2cH/HhUjL9fN+C1InMwpbC9XWV2rK4PLOanC09ESRm6DSGG7RxNl9SHUerKtBGARbppG7Q5QRZSdmH6p7WgHie5RPT8ryz+3qnnTHnWSysK5drIJr3M05eFvez+gfVamxbXryV3J3s1cDVnacFvhi31RsWaa7Vvw03bkLbFBIAKSjDCppJTnpuczlwZiJLJM7ETJSqyRzp2XEoNKaCxqAKMUFThFGKuhB86brTYMo9uUzySA+y9DBpYsi1XkHDk3kD0iBqk7bYMT9kHU7YQlS66uHEDIwc6vj1e3JT7ZUSr6x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/QZ3aNFsWEWvNujSYFxKDhssDNmlZ4FFFMCvD4hi/go",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mNrITVUgSg31bMevhKTXfETSYnxeJnW528B9JsZzi6wXacE+6II9oo8D4uyEoSsMyJ6FIa+NZfbTEOXUA55GOsi867ahTdYYY/aE2oVkUGJvk6Bmu5dHNIoTLI/8Hs4T16YbYtSTlDlyIYSGVmBIz5G/ou4mVtu7GUWz2W4kp8xpIfj7tlDuyVdw3FQlWCey3kXHJLZWXgC5EkO+aY4q3cDab4VRXUxOU9uUyNFOPrXMj0TqRBZE0pNF9rbqiLXiGx4vzBj0+K15v8/2GJhkNoEdyiK5fkvg/+lxAmtvZNMVTBJWxAVAD2Ig0ZnROxM8bo3ZyLn4Y7qVIQfHc9ErA4Vf/yezFpBRt6j49uflzT/WxEkqjzZ97BlyJde7SrlpT4QapihYxDJ0kTer3CxUB9TUsts/Mr9X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/RvzJdd7xAFBxFl/zzH/C60GRKAXJdvXEOwCyRmGx/0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M3NMRdDNUsf3J+Ugk/IdzjQ3l1iwFdnkTwYpmOfLIUtcp5vDCgsb4cACDTxXWzydzED7pnhhjMwzENf5VFenxgjAoSV3HJHgjHG0LsLdjnKt4Q3W8qJjdE+9u/KJyF2iVTqs3pftonTNZ9AEVoKGA6/mkLhEAgnBh6ipupiyASh1eYyo5W/Q7rX9ZKEDRKW9Dg6L/Igui/I4+rtbum5P2yJs9Cj8KSvLF4nmDIRH6WR5sYCt//ePp3DP+oJuV0jO1lXIS7e0S17V7W8HszijKJJspmb14xD6syet79bbwSm2zTJtmFo83k6HFkuZcWzPjRhZbKGx2FE6W3Zy/+k48colNMb14CDwAerQ+aOA1kDfYV2Rss9USHzx1dqjgSx42NO1SGct8VujF+2tlrNBSEqFU+Bgp+ql",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/SUzKtayKpwWDVJOnPR46YDB2SHAeAgU5leCYQUqcoU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qh3997bylcaCeTLz16o0iekilH3rV2rdKpNu0vIQB8J/B6bU0rp7g8nZszovKebRUDqqaUzYeYRblmwV/167RxqSIF5sEBx9tRnfNG1THkXi8+n2i44OoGUzmnM1W9argbjoHbNJZyvg7UdM8jPEoJIxC46IfpFt36qZ7G4zbK2Xu3MqdJSgfvM5lxREh+2FPtF/6FvM+2ejeHbd3ZxGqNnqj7jrGv5ELK/p7+ztswTJ1yedcV9mENKqkn/3OsOftMmJsF4cGrSGw/x/kLv19k73SoLp8rBiNYIn6ksgJGdfbiFw9ipjDtiHoN5rL1+cadWix8LwQ4tFw5KiJR58g57KCcIuR1kNkmLG8xNkroZi/1xvmgsXAxvKMBbumLV6zlJrlZtMJ/e9gCG+Dz66ZTWTNJd2FyqW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/WUZBQQ5SwUN+EPDRPTg1ajS2TzmxnWEccvluP+Tdcs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rF3nVyaZieTumjNiZSPkryoChOh+ibB/2vOxhsIC41/0EHgfcx7ujGQ0/rlIMoH9JQ/Yz/eXohP1A+LCeW7FP27Qstdmaq4ojkgMjOx5eAB/0CDihZGc2ipLHGX7D+DIIGF5scEeevuehr8y9V3E2Iar763HXqK7zonA/vgU4UhLF5kmPiWBRGAQCb6MJPbrNQyAU4JE2wW5oMLoLEIyLBo2s0Sh+2nkQSiw3QFGm05dBeno+pgURnq5UHMIupGSMLwgPgtPuKnb6jpwaUl3a3Kd6C887T8CNyx6lubxbJtG0I9d37hJ6pTfWlAOo5R9co4CKWVoMeImYCOaH1FTBpp4HpLNWEuyrJfubmdDss5qUoQfOi3kLqpCKX2maZIGFHoH5hbwo+IWPIXxF8lYLd3RsMJ3a/at",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/WygYNyFDDkYDbb+w9UlSpM8wKd2FM0z5yEYNonUPJI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TjXD7cMCQR3FKBNOwd9ZhT+JWp/5GED/2wNb1+JRyuR1GmA8wJSklpRGR8M7oyH6826hN2keo5RnxazRWdPHLCetfke4i2j7nTtAGAsjx+5sThtdzjW8nOOrq/zSG9lQiWNIVf490w9MsdQZeqqTkkWItaYnM4e18QO0CUxhLjVTEJDDRZgyRbi57Fkkl9WSdYN2ASbTgFQReVjVpMMbxUI/muBFgCF+xhcper8zfZO4rnxJWu9wHTOZ7QRjGQNI2jNv0Kq46oUGeOhcTas8ZWya8wLO5REEoPvXEGWwTD2u3vCk32/UzsVgNhpuz4xKp8pvmyb7kes5lkvyPCfE3RHOwe/67AfRp2E7pyAxwahuDMbLq86j4kvaO7C6fk2Nn6XxNvL1i4jdNCcYbjzA73pAF7SV9UCi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/Y/caRbTtYbeNMMDbgvc8EwyB2aZmf9jx+yb9JTnJtQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0tB6CYdfaXDTP88wbdl3ajJAM1t6isgcYXBaneFP6W0zXAo47QJje1+XB/UQADCWLX7V4llmy0mUYbCUsZrXpGVrliZcbT03wi5R/flagDr2kjYrs1lKj2kyrgfJrAyQphbmggXDcHUILGfuknhpwrsHoS+IwO2rtwrr9xjzRuuOHOHv4Gay4ygOeurVZLLaEJVCZBb61TGC8sWkfQqYumfg+MIQB19nNcatp+tfdEimnqQe7/6fWlvPrCXZrswde4GxX5/GMAxBqJlTyU0/mxGjOOecKIAnoqHPbwRcYkFzVpY4XbFydhliAHFenkb/GOIrpF+BCTZNBr7hgJsJ73xcTYQIfjm8gHsltw3qrvlCPPvEOY1Ih9ztberdfotD1r68g3mLQvf2Y6dwqOgQsmq6iB+jsTN+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/ZWDgEI4Afl8lfkVhmwpQ3sg2h2xhnx32gCaibw9a2U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OPRl2+2BlUh8oy2E/7w6sH/UEFMIxmtaLx6C/dk6YViukPuX8tnU2MD+0trtPSzYWebs6x8/pkkInDDhXn3YXbTjT25ycQCcrBdqX7vtyq/sKuHlTNgPw+MnYdV1h7AcEfDj9WXnsZvpV+xlQz8uoH0Ys7MMPfV0FBhqHRyfymOQlnEWXv1vdaO/vPDwvGR7TjBcOUAf1A6UZ81LZ9tfB3E0gNuHEdyDZNoHyjfk0t4eXIv4F5rKM/tl5+7gVDPgRRY/02xI4yw8t61aD7cfiFTMG6JhG51mNOIfLj9bSVYrZVqxn+wFt4Eg1JZzUyHMP513ybRHTOGPyLijb0U/FH1Bb88obGSQ02gthQQHGkchMpumXWkvz5xVyiwoDLZITwSq2Z/jKSfSFEjU1IRiXSydEa28Ruk9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/b2wpwMM2t5mXE4dj6A70AM1t8o5nWZ1KZWpcGXEhXA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "J3I7aOMCQgY1UT8nODBul/SFGUIjSPMqPj3PcK8bnHr+/4zcD4stcvFLpiT3YWjDZScNZLIDdGq1O4qSpCXF/Iw9FVWeph4teZE1HgYWuU2caX5Fbewv//ee44D1tlaLZrg9XLXggPoV2xFS/8H1MP8/K2xv/Az++kyhBA07zH+W0w4PMu13oBhZOUwIdRW7oK8zwIdh862cUOjtUx/eL+n09Np7JkQ8uGuWKHSy+B2CpTmt3HHyVf06m0IHMJ6C3P94YNsLjMz8ExLuss0bHMvZoTzy2ANEF1DcZXFiKfogAKO08KZSK+3VqhR0xPFoF5IuZRQZONW6AXRaGnUD4ufbR2D3dp1QlYTS3RpzYqUiIgacHZxh+z5kelL/YxMC4EzChhdTZ4D3UHQ5rq2OgUDycOMmNlpJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/bO1OKL8fGUkZDEeFW0+ILQQlJbeYaGncpuRtm51n9c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Dl8vwWQ+3FmE9t1mJ5+w8BJxbMm209dyzBNa+AKo7PHNy+7lvBWFtmo8udLAihvuN2m7tM3vd6TFRaYwGgNzgZZvedhvO97fwF2vz59+qMfHyMTsc/fRS1vvbfUmbi0Xt2wN+ukoAf9WCahReBmsZfZPXAe9Cw3uoSPO2Jq1Az2lF5e1EGUp8Ec4hLTcpZS2uKt6h8X+6x/WBFaUlxTmOfSjR1zTZe+wD/dI7qQ2VcNaY8q68fqi3/XsQjZYLJ3fV2U7hG6Bwool0/ONebBIyFucc//UDZri+Vnc4bwkY3x2dPDsspn7FfK+CFt3Qek8/CAPNtM3hHIvjgOQ5fusNoxBOWhb/sGeDG5R1vXI2c9p6ay5PEUU6F/55G2uF/JmxZeyLw2JKt52N9nki3ghF9yaMDuaKF5P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/cxcvE1Uai5gKwbkcFwm/O1U4Y2A2LqJlde7GBU23eQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wrzs5TtRvP9s7yHwOzxb9/G429JvIPcQlknOc/GpwZPv1shE43nOO+mqwg+R6oNc8BMN25p1VTSvkLIKp/V9JgQzbi735MOpX5hwiHcTd28Yd/M5mBxxb+YG+b1RX4H4TJoWJtLig8A1QOfhxMPLun+jFw71IDCmUpxEimUjEyMG9Co3NhEA+HvKjORl9MtGC+c0SrKy7vjsYreI25w0Zp/hUF3OTPn76f5JSJAg1iCggTY+nGoF3g0UjPXQcyQs+4FgfIvwrk7Fx7wEpfuGE3gZSmFmhwtHMK2BPFIGRh73iEq14B1TRizKhDdukO6qLMT/bWq+EgzPnY/qJDS/5+dyUXA+f3R5BCqRwa14ZdXbi+lNs3xjSnItUeurj/CDC00YcIHvEMXv7wYQ0tCNele1yu69qhUN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/d2JjT4F08vnFcixBJgfyHmhZWF1183Tj3pjno8uWKM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0s6F9t/Ec3CMJcjz/kg20Sz4Qz4jrwOmWQVVs0ZB1WQ4HNv4p9R6vS4keGsqYCZ9f16Fb1TaTTHnlA6MZTnl/EoTYBQvEiJJsoPGhI0I62oLIc+CyQ0htY2xKbhsXCsYmiW+r367i94bTVbKzqwpER4t1iGvd/SwdI1ak6oMYqpH6Efzx+2UifZ0+O8wQDqRPiEWFwm0a+TO5bmb2fcBYMd4aj2fJtBuFmwOWLjcG/4r1+g7n1F9Yv1n4GhfOiAR2BZET4gQvsFw+281daDVYnAv+IzxwZot9I7ByyB9LXogqV2nkPRxtgpryXZzt5YdZkWlZgPrKPtXGiDbbx7IIe0xivvzQkFNlFfIUeUkMU5TjNXqNwv0u/9Ken9J+5Pc55UJTfA0P9+9EMMF0OfDg3B+gT9z39oV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/egTChLm09bJQQx1gHQ5CcOZKzhWh00bajxkCtENKPQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XX/G5SBVQkla+nn4X3wCwewUOWYWRVr8XekZ8AxwjbiVCER5Io6y2ZIAEBd9fLhl4vlGFF9RWUkd/rxQbNkECiw0M8vJM5uFEif2cvIAxTCELTQGrcnUNjDtYg2gHWtGQFXJbf0ntyPCNNwqZxx3ZtG/ktzg5w5qZHsjcqEWSKzVbIGNsehuxOwriKEBKREhzTBVAHA/iUoTplspdnMV5UnuUANR3DbHu/uzJzSWTuboJvaBV1n0NmwlFgUv1docxzqDFjibD9enXUTXnXrYXvvUwIR3kuW62GQFAuNSdiGZd+mMHEibIAloeHFSg/PoKpO0cQjNyMJ/uld3ZcWbHQ3IZvgzOWTzcekWtHdjpPdQm5X5bjVgPPOLGlVAVo0DgtndbdwzfbkvDTUXXlJviCdPp6ibqXAw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/gXIDJ3t5lw+jgKyLhwwh6ihzZjV1pGq45UiK6mdDPk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NhWsqhLRUcnsHjdoxfEGgQloTB5P+cr6ciFUOC5WQGIWvZ2x9c2m0nCjSuXY1zNazzXc3ayJGvEfqdcAh6N/tIuMujan9vqM0hxP0zqA2A5Z+OMfWEqdq9wWo+peKUi8ggfhCyG4wQ1pYtHfiyxpA1yKCGia13KJqvUJI1CRt1R+yeIhhFwFsFF+i/6TygYwMO9bR9hlpnyikeFxODdc4y8rcBWhxCqRlD4m/qy9l5gjsxDfbpgxLveD/wsC0uf5Ym19gKKCcJcsdPbZNfqwpVuDZ4V/lUFCYu0z3wD/AAzi5eSTfMmjqS2JuGO58n+3BVONoQG1PIKF4PpcAZlC4VOqICgXMPyWnvlDuxMSJtuqqCQV0QdqjxyFngdqyUHXP0cgsKDYbNLCSV0BMfLmhcynpD63f88V",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/hZTytdZJBraXBEUCNyH/Nh8+7Q17guSI1L7FkF6Xl0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Z+tgVSgp0YpBVs78x7yYXJiXPVsz8huZ7FQPjoslayCdxVl83ZQkAPY9lZB9UuLcKsPC8L7a4m7rz9jBHDCS+rW8c3q/Wl8JR2n0WXhygKGI5iqiUkV9CilfJOpF9f983cS+JpS2zUxb2s+RBT9zrfKdvMxOmAEYA1qNdP050kgRRhTWcxeK9IcXcL9gFEX3sMoEKm3yNJBOK14XJt5u1/2zLc+1N39/2G1sQ7tObBDedXSqHKx9Tgq6C+xa6cmFF9f9dFFLXhgiiOBCIqXOX850YpPrxGj5K6AYIjjPsCka8grffArVRgmkQJcL1bLnYhsmb5y5Q0RltyhTS1q183T0PwjRMO0rkJJdpFpA9z8YSvAaQPouXd3yw8v3j0QE+SDio94wz8Gt8+bxJbkySX/bPs0iV9Ai",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/ihlT+IBpk2jE9l31NIaym+yn1+YrTqIq4cHGDX/he0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ntwm5bxgqq9zUM7XD1QCFYZGvH90j2/yONPX8nHnf1DhQyolp+CaBIfBMk9QZGDbdasetW64vqS81gYSxoFGvyCoTP3fFIx9ir8pHRbFA10fgWD3s5fvDRbA275lIVjcTv8L8BS+xweLnvH9KPsjqAS/l8ZQCOiLXI1+GAPO7KsdFwglLcxiJy5wS8r6ceK5xt8kOvMSxTnGSVJQkhLTvagu9ndmtW9Snb2yORBQH2t9VBLK7Pxxg07rqcrCpMS+kVEkXo5tHcs/2Y2+QfbBezx1uxyYSEUziKwdsClcyv1KROf/zCBj1PCOomhL2pcNGaBU6Tjvy0jtM2brvRwbJUjAXnULaLdD50yqI4PjcNFjdWb99Pm/AKYgEN9rP6vYtAr0Bqb3mfd/19ht7XDaSRDq6amLN2AE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/jHFCG7itGOmeXu5ALhKsLsaO2R41LdY3nrcXSM0q8s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ug7MN0MTwOR/R1HY/BYGFIrTE9e5WaKUAGz4uryclhj0N1yfvyYjqakbYi8G0Se5PqL04lwWP376PRx9lWNK/qlG+hJ1KUC2NnxqI3UH7F7ewrGir4I7xn/ElPIEnO3rq7zvM+6SJk791HlhxeVEO4nNTK3x5ny4tyZ4BQhOY09r7dFtqw/YiKO8tm7ETpLb5JtaHXTmHlVUpAXvBrWcvYZIZ6MuB5LN+Mpjasz7PoTDvTK61uJicvGUIDW9GrAttMCsQPje2aKDofGgoFjT+9v5UyZjn5oXHi1eFR2ir+jrO+6oNEypZirsmnQgQNX40VSvEwKqETvdgMTyImTaQKJO9eiAWvgHpXZ3Y/25Syfh2/9+O3cAQ9NaD0/PRcgvEHF58rbDYPGDkjV9h7bIv450zZ9pdX1B",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/jcNvM+ycJYeQcpCsv63Tc1fvBiubr3t3IGDQQPQTRY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3xH/upu8a2P74a/T3U3XNyteUfYxoZ3xW3pV+pW4yTvR4iEEyLY1Ex/nj/oBMKu3jGf7nZok7+/qdgb6mCJl7whk6cYNxVgSHpdD8yk1Kqg7PP1G9NehjefXQLes44ERKVxRukg1ofks+P3xv2LB1Rd8DM9CZSRnnr9E3fT/PYjK8ELvxEE+/+XDPFVbPNfwZ+1tS40LT7kKQjtO2pT9HYhIfx7y7EFijMeneNIw1Hn4u3sNTFout59d+G3krTsFnxstvMiGtbulJVILJkYoMiMugu0xF3hiRER/ABTzQEr7FG3m6r3vD0Gupigqaw4sNlIgf7cot7DhsJo2WWT6dnr5TyhMIJuByDeMxQUE885UHBZ+dVDC7fBtCKaJS71CGvrBx9VLhwWVDTmYwPfTEMBj7BOOgp3A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/mEobpm1X8mUZmAlY0HrEE3xV13END6XK+Kbl0syN9U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GZblcdrPaWqo7qxB9J2fXi1HZLloy3xAFC/yyXDiJZzflECiO1QHyHfEOf0bpdqnoV6o4g29kzEEZP1ZCUwfsONru3BSVZ3P0QntuorPE8/Od0Vf54PeNf4FzR7um3gH1SZqyMGS+3MQncGuD/LsBIDSuA0ktDtKe0M+ZcnFbdT8T7XQwa05QOKEqNifLH8sAiB1YSv/cC2rMRnqnN3zJ8nhoivm/Ld62GrCJrni+mWLQm3zEoXrR2UUSuWwkHZSFVMXsDQ8rYHI3+aw7wLjbebKWLOALP4zDfZoLuF6YiMw/3w5kslwhih7MqZFabuuZ3CThP5nBXyzJht7nTe7fqQtcrlujeRW229zqWX11G18eoQcG7mSbRzfEUdn7mI9WRx7eoEGA+Y5fhEKu5rO76WIU1o9lwSM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/mXxnewks2ApOPoHY2PRJAmLvC0SHc13K+/9TkARGdY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fFmC3TGA+Fyl57zJixLoSbtK+226cls9+Nt9m8xME6vM38P4l975t93MgPJjmTvWt+SjDswYHn3+PaaVJoN/cjPj9YABWux7McRHvBzoKxg67GckA+VI/9hZxZdTIvTmyEhZpI3m1uhKLocw9i6TK0mqgrlq7yGZSC8Z8aJX2ukwr/MyEU8vx2vK+UMDIqXN9WYqy6mZxP/DrAfj65JAloFh16JOQkNXcQLx4gVJPWczoaDs2XSasmjpwzp2HDlaIWARwmnZL8rqjlhno0itvGV5Cmh2Dy73gXFSLsknwQU3vTxsZ33paQ52TEyThBSLB6FS7GomlE8jPW/+8WM+9ipklhbEzxnpxc3mm8cZB6G18RbVoMH9HcOmGTR/ppjGQZX/Jn4VGsIQCpWBYhy8i5c9rwgiP88D",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/mbsOHFE91Qka5/sz97pUupEwBf5+DfNb4not2ctuoA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ohw6XtUV7hMGxcCX/UwVS/Wnc/T7c90/kc5v8Ml64jV/20+816Jdpk8NpIqNYDxV51f0Z37I/Po0xIli7/TMG7ziSW2Zr4hH9P25K/CC94XJLOGkAPus+E8LUKLbgUpLIOB1dI33liokVN6i50x1sJlJDlDrijzKnzqe7e3r8YcwC6gFGUaLnrRPmKSZ/ZCGP3bGd1tz7tZ3pBi+A2LQOOAxVfejs2/QWmcrtZ95wppFpMWmwGRq2GcvgpG+Q6z4nGYf4XXoHr546cIqriBMWdRYlP5QgouqmvDqTi7N7EEgW7py8FKbOU6ny5m+gd6fSSGAVVLeh6AlO40bUrhaips6QC3fOrIAwq2xbmizgmlwCSLUw8lBg8GwzC6jhlz7oZH69Up/KyN4o53pHZsX8I7UzHARb1ur",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/nwZsRdF6IjAld0T1Y6+eMz08tr9ALmb6Krtsd8gabQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "emQq2UKZ4OOO0Bv7wn9tETJM5cWI560ji4v6ZdJH/qsQMNP/2T/lkvho+3emD2v2G154VETGqBrURkFfubtDol2p17B1yKGjf9BAJw3teBC0Q2L++0N9kEU17SdFY1d21nTS6JpJuMsoNU/GUoXfH0Isy71vaNsFwqq7rVqdrPRr4uExTZIhfvBPVnybgizH62qCFJ7hSuhv537Lz2cW21dkHEN4zETJDGjYQ4fo408sKVR0/ypzCg4vLjkIBcAHmUyVfWPwDhKrwyytP6P0a1fK7lkQpAqca9ErRvGA/oW/4AdopHbsULxWVutzfRWCQIwv+lIucEsp57AWpvCo8AxtpFSCwfShrnHr5/YB0I/BRioFG/HvtKyM4+C1JwiNTDrwqjfLIQUmRKQ/vWvNZwzgiZUQI6LU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/opf4qi6DXSOZvRtODHTGlJY9iPnf+EE5RJ9qR3jSIg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VDObgYPed1UNQ0LXNl3+ez0qpFW94TJvVC4kuc24bD9uKUn7x0hCQ0y/gThiNFwp/tvGx7DxGbYl6fCK0FdUBKjqdiRK2Z3g/ptnYFh2VM5aCSRG5WzSHK9WYjznoFLWnHm/m8Dl412e/HTuqVuAY/SimS6jbfeyrwZGiBfScodE73JQmxEe3M9YjJWbLEg/N0VLH6+GB9t45bWIFanPILC9Pxpf8q2XO7dpuVmDcuY9CQfAnx0FmwocpL7XBF+E+PflBXIPj0kbiEDiyq1GhTXZU+KJvQLDDb8mICmyIi01KYkQbjGbQm0LmktkgjtrwqVIwSslZP+ejfS2z1N4v8lGgxHbXx63lFpP7AOmP6MAKP3MwrJbXwf/vbuj5hvbLH2pfMGEjvuclDGBvD6t3L+nSFp/77lz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/p2RsSh+Kuz4BZ0CkNVjnAKuuxgJtbH/vrLdXY8cSrc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9ES8ychyhOJ6GnoCWT16BuLv3+4GwPdbtSKg1HOJKVsqxQ12JCZ4eMUO59uun00rqFOznZbhwQt4ETkDvLL3XOqSjQnVXGWtzR2lyZi1OICSoU3PorZtHOEkH3t44hfMyuAoYW1crf7ZFgC/rlxp7IkePQ04vn73z82u86uolyAvHhbw5i+xVxIkpU988OwUk5oGb0Dm4KIKaTrkENAwufHOWsySEkfj/4BNuoc5zqHjeA9LL4F8n3Bz0nxy1Q00nywJ+rKB014HdEltPiSJNHdh9czl+uNX9KPh8FCtHZiV6M3ulJBaToMr+cW4iBup/zpM5zKTZZ4AL3C1ferWnmowxi0w5s9LWJJprAqhJ2mlki5hmH+2PdT3OxWfrx1hEgd0magdrrPoDc7utk3BFFAt3ZomC8IX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/poZXKYkEHnYwFL55Elv86z3u6Mx5olLU2o6OZudX64",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yfdZp3/CDoBMMcGPixHSJmB81BY7s68zGJ8de5LEcSWjUKh/n+9LxBSYDLOzQLoB7rbywX4je+SqpTtzaArFHs/hGwey9U1CvWNmGCNxUEFz+ThVY/Bjg+mqCP8fp5QPFxeHvmeU7WgHMuH6FepZDi7Hjw/YnDODiI6CloLp/bmGbS2X9G8eX/K7olTOMenxjcg+daUa1InsKb9LEe8Wm9vf3BIpDInuERqn9sadNdv5Gmyv29N0sSGYeApq2lTFnbO4u4U9J3MhxdDQ3nROHXEXknESmGyBrInck+b0v+jGWxrlHflhWtKcFv3Ihkfd1xmI19tm1IzUYwy/HXYsg3aJ0uMfvPJ/hQxUoz8zrNUNZ1LfjksRsGB55e85dpFyUt1C3T8L/0q3xgBDVWweUAGcZV7aek9x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/qT8ZYh+xyokBIofnfJX1Z7lBnUaBl42eCpUwFt6v2A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YPweve6mDpAGyx8cUhIX8OS9sqiUmy8b79nJgH9sOFtJkj9E/egqSuHXxEfCxZeyIEqNffsKPqC48QIMhTjDrIrQZJcsbazAReUfWLdDm6AGzA4rvRLSKYk0kVktPToUGihv5xvR9GV9lI3XeMrkAo9ZwRwsiJhswmqD8eRA3DV0WHGPjLkU6Nzpg7YJGFp+EQiEjH/ijwhbWSuZgO2uT55MvRtkV3BZuPseboMCx/E4ckSrEvs/7J6KWSagmaA2uT3042el4Xb6PJ1cOR47gAA53bga2/OaiYOwVGhtycz6GIHhIPS5ADYo+ahwV8e46Rg8xnAnthL4/x64ik5hfG5lwRilI/N2PAi+9gD03Bb4uUBKEMvvRbE9SmIkXOhQjyAdaW/fPYHVcTQgcZZnfNmpwxJUwrr6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/rfLPyeBAz3RMwlaUey86fTlGNJgqw/Jap+2n1D1nVA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sku29sFYmnPlem3PBZhEj/3s210r84Pq5rJlN2nIRDUllCX55OdKbjoqc+z5CVYik/ZYTaZoGpBd1Bf78zaH70TGnktWyvoWprEMgddky9OQXjQnJ5sBMfS2VvnK5fSQ1OZBfUY60IHEJscP9FUU2GQklaU4jRthfC4kHUEKx6vPRfAMScyDq26BSRbKHV3C0rLjNUzeV8TtiBfCuD0hnv5wcZbGknZ63BclGcoMLyD5n8Fe5n7wakizVD50KKbAn4S+fmap8WyX42o9UyVoKNHEfFkb2fB37HqZQjaJ82QiU2FFHpabH6JTB4nEe4KHUbiBCI9XdnwVHqVA1kD7f97VTcK9uBPGIgAACaGyu3VI25Ujs0ejBkokRyt6lHGPajFPX/gGGLuQ7CK1WxKg4kspkfz16dIw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/sWTWxfJmXhF9QzDpnYmeSszJPAkC8zmA2EnKmAnHy4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f0ZD99w3ParlAUyQx2b0fr2mtN/N9P823P1sr5EWEI24rAIs8o7n7h0IHhKf5BCwl7BYFssGAgha9ezpSWtf19fVoQdRjn4ZpQCgyPzjphRmiptBi9P4MNSdjIJjoclAKyqx6DWWmWXBIQ1qUc+1Gk1+vSwYLdwgAxzdSsD0k11h1NYbGv9B4Kv2e2kBxO1xhOqXwqeDNDSAUX0iCfQag0oczfLS3SENQfLBaGccD4wJutXysX6Kg21Iy4wXg0rYX6LT0Q07I/PWPn2O35rN3eR4RAyP+uje05pBbR405vsJv1XNNipx0oAR+L+W5Jdfcu3eXXLMPpXac+w9UIVsm1+4Yvt2F4S2W9XWwmsMe3OoDqG+5sXIeZh+1u86S3atMkXE/C9CYuHVDIdslB6Aodj3TZxcGm+9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/sgsPpDA1Q528gt9JN60aukhq/4wTg/JyrfA4YGuZno",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ig1UE59Qb0FQYlwWxGQSWxGWhV2Pg3yYHbA45oUyvdXB60QjbbE5puJ6DFTYk8CvPKKH3Pvr9VQHK0pMXGaehNm1bkQ4033LVa4SKTrUC9GiHqTPI5d3K1MsWVICciRls8vAl05ivnorxBHVToBlbcDSQeNTzumSG5UE6CwGmp/jRqhaaf/Ed89pVHdZ68thbJOlRg945q3I93wpHBEG9moHa59neyNgGB2aeRpq03OFwBsLsUy/+6qLkUZ3v6OCvW5PM0F7FahPYgwcQkciXeujcgt4hNyLIp+z8l/lSOkfp1UVcAly8RZcCDo+ZeYN9IBI16sbaJzFsu1ZXjW21JUQIQtPUKbfe0pQSFCTzeWa82JcFsYmfGmtUCoOKH0JN+F/x1lrtWV7PMo0okG7W8WnfKz2Tgbf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/svRVqFrFDdpPIa26choDAl4mbIgTp+IX5J720GTyXY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Hi9Vx4ymD6+/tkgs91lbfKQtnlZtjcpcAZ+gwy2EAQsx8p2ZgOaz2gXb46imzpAQwhVy8ft9iHHlDTZgULi18gZp3qRISoWw7dMgLp4H3uiLejmqZfMVUBluAnZQVRfObQ7VLQQTJhw9p00l0EYIcsHGdmM52RJnWWR0XFefoQE+BSlTdifHrd/I0+Em4PiQIobuaixASzFe7mfVn5QEbJxdSTICqyOR9ZWWiopK67qhzTHzkUN1l0vfioP+jZCtXnsxod4+doI3NSRB7XU7gWl77vjhJi+1M8St0tykzHb6rvxa9xzEHFEek+/bS+qZFi8RIGQahn5BKdw8pDIZFZJupVU5kkKpPO4f4qSgUrdqnRxHOrXYZZnUjbXHqlzbZnZ0R2ndoEZHXHmHRV+Q5/awD1iyDvD0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/tYK228LawvThyzoAlSfOpW/CJJYbDMDmyU1CUbIXKc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o/ob5ZZ6K0sK3bkzfP5N/iPymVz024bBESgDx8K/ty0AgyKyT+0ZhRTxx9PLDa6hT3d83hEkgD5Hhxfhc1uZEIRkE4diuBWmJmdA0qT3lJL0sIpUnV6VPD5sSR94z4guC2gjmywahhDmlwjp/O6NtxSBhUEPy+xw26LTvPiezUIUbUoGzPZTIBkO0SwyJ+0PuhI5SdSNuScLLIfxQxwn5T5xQYRub2leZCbhhbFIUCrAxm9KG6pgL7XBKNbrsypVEJjmqI/lPZn7LuAl0d1jBz681lKVMKHlckdJedwEh4qVbeYlSNV5aDoCjIeHrLV6lx2B8q7/w07ZLqEXBxl0hHkGHRwAPM/eaNeQ+0YrkGlfbQmcF5z5LRCvzjLWqcYyd9Wj5YI46jXAth6JeCr7WckU8mjTVtrC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/wueTMzXPJgCo3GzLWncogC9vnPf3lqYsLwSmas9FQo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vEqBBHei7emELHLBO2Ioj6gdERZhNDTskQHqsGh2IJ6cn/YcGL6Kgf/Jsz2gUF/oas2n5QQ4SVnOGU64NqZ9Z2En0BAyhUl6ZHwpXRspk6hg6RebbeO6H8gr/Gqid85+D5irmgRmT6SKwVu1ebLAKCNXpbNYgJfChrC95C0CASSKOB2pnTaUmj5KgF74V5h+/i9zQvUurbYitIRAV4GpeBPDVHFq0wit+sA2xFMoStbz1GSaEvENXH0EHwW2o926MSnuS8TKmow8Iy7jTff4i17chOwYxdElG6tdZfMmOF8AF1cxeuvXX3cWxgmaJZ7m9hQoKeBCXu4xkSCCHW80xaj+QZABMzm9JoAzaRI0vm2mo+LrWDYT5V+hAQEi2YNufoJrtL7rYEFMo2BVovLOPCnkXr40xLaz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "/ydmX3DKa2gfd+Yl//X6yTMd6mb6XL1mZHjoAu4X5DE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "baewJH6F/SzhyWkjJM1b1rpkDtJIeWBxrgihGG4BAjdPUakrlCObWotbymsMFeczS7x7g9hJ7JxNFuF5hFp7IddcSBnug1f76+aqlWqXbJUijHpGJV9twXwn3hTk7tIm8eR30z3N5XdyJKXsemtuVS5GryKUafVx9oY81YFsWP01hBwx3qK8r5/wYX6kbZSS57subSDDIufdpT4YISc1ja2Z13VcCih/LI/kojsZAMxP5SWpJxicTre4Biqh6ONjKFN8Wb2zKawEUWkHLx3GvMdEDohHP18+FbtKCBpkx673s4JxkdUyUNtaKceqhnfmrn9VhYWuyIAhkeqXr5ErADYaYoqfAkk9Ohhjq0++Oal+ie8PQIlRN6kdES4penk+sv+1R82DMn3evsQcD/Z6d82lfzgz7vvC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0+Syrw4b02gRtudtON9SwkkSrK0TOelwEmNXMMDYGd0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aitbBDB+krE6JLZe4uOdAPDo68CR5OcE2+Aw4IqqwTxXcJTOzqm5gvtum1J6IGXPd9hmU4uMi/Y4meZsDb8cQsQJepkL6MGCMWrT0HElmCKUvcZuciEEx9uJxGIHVoOzGSHkQxzd0C1k0+hFPiMOVk6lrTiAo+Wg+cMsgXogzrsC1M9QTBK4+PC+/1FGvQ6ipyIPd7cqPAL6Zp2qkmauUWxkVkRAltr2F1ABRmmCDTqidcHijrRaZ2Mzdy45HfL7ZS+U6ocNSnH6RFZDVl/jeDBmr6rYNLAbqX4MPrlDkPjTV1OJCMR49TY9HsueGBN/0yf56BagQzKqibIbpZ18X2C4j35ViBwuNuDV05TEHaueF8D27Dh0CLtBmOKXECRBWZFjFTMwO3DQd4fuHNy2R7PltORnyBbj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "01QLFpf2J+QrMFR9+6cA2gDtp2wVV0l3sgBqN9VY1Qo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tWq4wymAO7pDnJhN79G3+Q6JogoBj4dsxwPcjGEVRoY5cQBKOKJWy/4IVQv4E7gRNVmq08FwMHPtHiZONvLgt9t4dYKaJq1ETtS0UWwgF6NGTZrs3/pBZAl7Axv09kRelxi63cWGqGI5McUDioJ5B4C9g/Q2tBN8uZPQ5CJS4FZXe9tiP7MIpi0YuLSbDhz3HEwOu7nZ8kreP2iTRNn8eKCnO4Ax/QpggMuhpwlKwhNBgJZ9xSrbS+Pml5B+3B2LuPoa6lOQ0VIet7UcZniQ4ndjLdlhChX/uMTqLMrC9wbQms2hGhuunKEbmaLfJVLoMW9tK98NcqTcZVPVnaOO1Cl0jZJakn1nARJylujnOQM0vSMoRaX7i2Xbu0zbkYXd7a+rftT4Oy6DPFvjjz1gXh0Xq/gOtCev",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "01yS/XRFwFX34w4Gl5LMVKiIbDuPus1PoqxQg/7eoBg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1iejRIqpeicvuzqkgnqzlLjo9hctzPv3D9IHqjFZT+IKG+u8JTHwxKAjigDEjXktiDpUBz2nt8gfylAXjocNrW6jtKhGn5o3ag3hO90d2B0NFP+XgHuNhGY8k7JnTLDG3EUL7WMzgNCJy8qpdxwIyzmsZB5A7r1uVYxSOdqNUQDBAnhdRg9nldH7jQ764oD07jkPk0hVoqisnhfMRlQmMbjHQuYNpGa/jclti/CWbNHOVjizVrpTSg5c1JWOiB4pyfHZLJ6D+G4Oyq+l3SHYIuLrMft3OKCJgmXg+18jWElzt4n3FIp2MqeZ4EZavtr1KT/6Uhqd0PWwn7Aub/lfOf2jLFTW7Y/ieGrWja8xjkwcrYDqDH94UlgdXRPz0jYDqhuewyqnl1TnuqoRXjDFLyD0gfCfe5Kf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "03VQsmNmkIqAgfDiN2DLmq3Xf6J4vu+euWAiA1vCxQE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Rjj5yztzmAH2Qh/c4u3Eg7JkjuGaSU8IxEJucM7OGzDz2z+cqYRlW3Yc3IIBXVXZ6I6W7g05mkorNGspEco7/1faLGu7YVfTRrWQgrQzJxwHbscwfeoUYyQoORZ6wMFmHb4trvOnzf65bkoknh6Z0fpjwkBEKmBf2/86RFsij67334QsuBMjDdQ0lL7A6L4fiBGQpRD9ovPrnFMzVx+gag4TQDJ96iBqPyOS3kAgrMs71wj3SP1sNqSX2wiRgzkiNQr4+upBTShZUuv45wuV9X92W9piPAGIzljMjScs6TBj0ltH+6xa8PiqWmVHiOD1XPgnfqYwaIvF0pMcay30H7yWSWRQmtvwcbR0YEUAd1+gLBC9KtoMs5r1kFlgur+DH/JEoE5J6yzX7X4JsOX3YUwSRFNwxAa/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "03WWkltBCWepqE1/lRLojEtIzqsV+3h2JEfIwaR/+iw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6IMirO25mW+Mz0NK4F630CbnNox/BDTJv8Zzoae7S2cHftWaGaqZZGljhIdeeMq6m7/81XAOpH+DEVBrXV7P3ZkizMAOufJHGQrHandGvDybnFcJSTOVoDKHEKrWUNHrj10K0jRzlN68PxzuhTDUni25ZGXebuhOd0oYQgnMxe0Pb1hVbILNG4GP9VHTnJPwqPo/d6nebfXcL04Oro4MoHEBY0draflgCMq+Vitg6BPfo84asV5YzLJP/x7MhCh3fuNVaJLbmWZ9sk+B8TvvGarOSiM4CU2D+hwaqPXwV4RlO2TReAqe4z4Vn3E9b+ERDuo1bOfXoqU0mn/OCBYJNYAy83VOSpetMV0j4zZtQ2sxX6cv538mo66RzUGTO984lIMBaDO8Desyo2cdPmrhrLxigG5wIhM9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "03XCo4h7YR/0O7ziUh+OrJBYRB9dDiw5+bv0jr2QOFY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f0a1ugpFqbuGcOt0GT4m2nMaNOqN3qXG6Gz1us88m8Y6MLPjCWOB4AW9IM3l3OljBhfbVH+00NUJIx6mEyPwFnXJSXwntb/D87kLvmJ7dltqchjD3oUjsPWAPY19t+6WtvYQUccCj9bPhMsdIfR8cceTggZlnjqWkCWX9CoGSY1ba54dXLXAXsrH388xgy4gM77wqVq5p1vjFruwK+PRJc18SihyQhKM/2TVn4IVtf9RMvxlbavWS2F6MRFGyCv8rME3Te6j3EL3HBgYeH+O4rZ/AMkhS6Ca4kDVipGrVongAr4NfAJzS5k1rUJyqWudmzDZ3lOCwIZeVH0Up/1S35pDQySmOROZded3SoFeYJ9KwC8tJZMvxyj9Mdc3UztlpgU8ozK+rY/4H8nW0rK0k8feWkc+jxo2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "06A3T5gnL8fKXnRL4QR26VM24hp6245uAykSfvE3t7s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mKbfbZ2OA3+dZKf/dvHGBgT/bfCkgyzv1GOZYi3/P40R+w2zhWZOxY1daXdF3rkFFPYmdnFjqNAA6QXKzUZlXLAiJpKFBpDSlPl9MvZXa3g6qGuer+uXPRc5EdBv89LNkdcMfrsl4oowfjC7SBcpZJO3VWWBe+lwBbeiD3a0u7iq+GZ3z5FmonPLk5v6EyOgSGeYJVgFi0EHoJpIIZ3DINXMCcwW20gXHkdvobarJIVjx4bTpecxQ29E9zxwuRkt3lBN2mOmJwBwLTfpBDDAJGNuuXOvqkPmc1o2m4uqtzS/8oaQMFmbiB5pIbLoIS9wTj/I6GVaa9/Li7zZpwY95J/W8Hu/fYF853A5vJgBVR8xaaKldqodVP/MjNoD7WL6SHhnx50fpCadED2svhk+CD/2m+qHV2z0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "06u1JqZCkxB2Qrkgr7kUXjWY9VWEpbNLLvm31G8n3Fg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2teFLZX6Bzx3Zg1WwACYWsG/kXSMcqOHKciZm2IUmMDHXRiGiIvq7k/ylhBSmPuL1UjvKW2d54URUcqNLGK6dfPNSz1lsZSLCB0qkWekPTed7UtSiiy4jhxils/HzY1s9IUX+MM4qR/t8WQdf5XuduBHXZ2ySFyDKecfGJz6HOs1oggMFaLcbGtB7RmKW/KpLiFSzERjH71KvtLsYVSJU/w/f3cfh0AuGa6HehMg3dxFiECsJ1AUh6YSz43lb6bfA6JcpXALKGlotVlQeG0+GViKSMY937Kf+olInJ4UcTgeaFASa1B9yOweabUWB3vO17n9GHvYQOwrF3Gy7XAqsP/9k5Y6aFbBYvShYU3AUP6GE9fisQZBjK0jqMmWggh5XkEC4UvgKLcXeGBTJvDRTsQg9+qJGAMv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "08wG0JDe1Jjju/ETCFheAMjTUkthZdSxjbboAbzRGFM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Mida118XVTsTkIoFfXgpF2uH1OaGZPeQD0hYXhli6LfpjVFjnHKnY1+FZuwiZ/QmxrmnjZF7mVlxehZCSGFF+1dUU7JCokMb0mInAJ3iuyjVGhJyZOeA6Mxs6ubhE6ksTNpYk9dHRVgsbv/fCoW5sHJZAUZ14VALP94FN2Kf0nSLXBvvf5TY3IxJXWamlf7LEwFRXNVZKP+s2djmHVJyiRtR4ESFYUxcBgmzDzfT2qgSsyNSIq2NBdmcgc/GLxVvQTF5gH6PyJ9+Lgm0I9pYU0BkuORVFItg3j7JBO/M3q1jEkVU1P00kI+agarzfOIPEuwQ2WfY4Y8ewU+bVeWJvwMQVA+C5HsS2ERacpSVoxQ8YjqdxLXczQjYq6VKJ92wJkDFQS4m8SMMGBNCh+gnY6bBkRpqO2Wx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "097IFHV67XOb6tV45d9rdTwdqFRe2IMl2/u87rhefAc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8tcO1Q83Nlk7tyckpQy3yslOGFJSQS9W85BQwyk7gTo99wqSVWvpKQjqxLZ7Vj8e8ofQRtrFFneOeYrJvP0qRUqCcWhsrgmnN/HIGSzdfSBRz7kpnhYmk+aQtGMTAJU1gIkz6XgIiqnoUc2sLK96Vce0an+K9Ej7t7mAdUHXh2TYuD7BVdG6rTq3Kqddcyjus6+mmQEyBHk3laEWlsz2CnSaER4aCtWGsk4AyMsmEceI2bbKzuW/wg/EXbIKhWnNK91Ln6cWGthCchok6oH0uLxKaRNSEjl5vHy+0T40fFFrCC5APSbEjDSikV5QU77CPGF2xYLiWTfV7Y3ApwZKMXiokDGZmay9AmD6i41+RbUoDLVfa9pGKz6NlanUCT1y3VuaBW9uhovpefmDbkvoqYP3aBlApDKf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "09Fm19017D1VDGFsv/PrYTzl9VKiEw5eBR/uIkMHIgY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o6h31Ua0zoE4hG0d2fiirpx5XwqpT3eAAxTOSBVXhBif+bfIGX79oHb/rcDKLuKm5gSdktCb8YZXesJqt2w3Rb7mc8YiCGY51SR1tBbgKAvusZcRxlkfTWeOXdVk0U/DbXkTcSvqK8NO29MKjb/UEISQXlS1jFNzv5sAa3WfHlpdqI7ABt4pOuk+w/jvL2+hB2+P6h6TR+CSE7yd5WqAoDdnXMRqvv/Rs6mY5BpRhUm3kLepyP1jCeyd7SUUXSNd24gislqowkuMCJPjKfj6BXGbDGbWuFd3U+PB88D8vI0tJ7H0AHd/RGHdmCuJw2d4Y9rfSHm18+6nLCnWgzsKRdzRmUEkyV+Yx4kOf2Uh8E8SRkkkXHrUPbywspwdVzM/48v3ts+IXJRkrlzs1uHNWNQW7GWbG+2c",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "09IvJp+qRkhgJYrNNqx0n3wJzbndiju6Dsp7rsc87UU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k3i/B3zgStcFg3K3TT/z/4RfWSI01dv7bpcMJUod3AXMyP7EzXMak/Dok0y2TychnD2mbdyjFlicr1E0iD10x5ffrh88q5UZV3ocRQE9RfXH5J7wV8CQT0SVVb6XXUOyyGJNahjKQVdqlM4LQscDsgmpkr5icMZ5bXBN0v5Wxp3Yu6u6KY/rt7toGr6VMmYeXG+k/uj4OFMdiajjN7UY8w6m5OC9Eu/9bA61Tp/9tVEWZEJJqIq3jGWRqfzmjtVwuKJ/PGHMsa41n10ZQ55fNOsyzyCXW8ITCHpr93DiLcczuikvFFEf/S6ykNG8r9rUrRlfhUljb5oZweQdZDRKAnNMFMqRvUoWXRIh43yQSrKJ/8XYnssvAOOkpRZA1NEDu0jLoYN+bFdSFgMWnr94OSvrn+vAB5SC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0AEPtTmX7AOGAw1NvrFdd5+rpsZe9qLSZ3qyA5P7afc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kLvJJCjolZKWmr4qV2oSAwHiY1nQKwAFveR+VsLbn5n0cVvCNrqO+NHkA3octfn+9GB0a0etmLa13d+AUccUsyAighHQP4PfINmAdBGfpRe1Eeo/cvW6bVIMx2KakM4qIfVpDRB4wxf+pFkadaI+Xgyo76U0HtTRTf23+xzxlzpRHW8fd0h55nAvlrDTr/lLrrP764k1gB483BA/18zmCKcd5Ock9DBHmxQgYdWIiW7nbvxPsdIH3OnqtBsFDhogAug4BXxkuYQzZ56SrsGx8g2+hS4PrGMuo4UTnftPaeyjt8O9jh1TC5deuy+63SzIi/3LcDGupFLDfoXme11CmpttYfMQANV0grT1tk0TlhIfa5OLtAcckgVghm9xh/5C9Xn+vLCn9xqOOqV+j3dx0ki19FXkmPix",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0FsKIigduq+UM0ZLJM2JCGDDY92CCbxWwpwtgpTd7rw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nykeKBXnSuG6ny0hd/zow+mCSmTGgnOwlGgoYfhio/umz2AfOUOES9JEBfFIayfp8OHLjxjb5Zz5XCFYnQiPgnpPLvLo4JZCOSxW0/7LNSLDurNw0oFbHr0sQnTG9EyLYx1C6NN9Xi5x22uRJ2a/WaY+hg1URjpsCVIM8MwLOKgRbLO180frXGCKWqpVv6pghFg89RzBlI7a5e3h7/OHY3TOuXkT2A3NI2AgZMwxOVV4vx5c++JpE7hIVgA0AWimFh/KkFLMJRsLfvZY0P7TkHFDxzNwARHzJALKvzde5CBKJjW/4gwJKccGOT/9Ue4T9E3ksc7xpMQx05J4rZlkI68pgN94dm4hhNhl+FSYCG5shoqvyzV4DyVePRgtaT2VElAtKbY6ZRQnF2ADMbpc+L5yKLf7wYRo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0GQ0utIMDjLeo81luY8sHt2qul3JxhYbd3crLGealgE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "b+9z+SkwoxJ7naG0Z1RASu0hoirMJ9o4JWJf8Uj94eMHxq9yIZU8mc3kYqEsAgLQEod4b+6aiwdZgfylAwhR1EZjVlBV0S+R4E+nyLxNby1NHk5X8EsLaTViELspTqbZdTSUBUKsqzPcJ9/o9FrRkk7V1Ms2zIk9nVFwS1cF9tgEH04GKKzWiLBrr5AxDWpsNyvG5MZNe4/NfuVJQm+EsVhX5pOxExDxdQwXO8PwTxZ7jCSbcS42HtvEaOcH159BuK2KnG9pOnVTLRVCMxdGXLYhCMfmcGnHqQaUJYatP3X49wBHj8Dr/FlKAlKkqmnBxwnwDcLUT2HTd3s+q+hy8HobOFqwg5y020YmG/OnlryyXbRrX86IjN+74ItytnzoQdO2zgVnd84Dt6XEgj1/jleYpaQ46Rz9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0HT4QAtoIWygNks24/mUbKme3SfIMRYkijJ5RWxz7ZY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TSAO/fFxaoQseHmfDuOVkRJ2NyWA8m1Dcy9svgaaJYLFi+AkYz2WLH0VcWDv4wNKaVAkAR7rHnVRCEQ9nlAZvZ2DHEpNahkdar7M53FCVPXwhbV6akw6MIpVR2wT28wMbmzdJJNgjMDO9g1FbnVTpff7vJJaVAqbpjUHU446bnGEH4Fo8ezdbY9w/Sj0dza//1kTl6OXBfHeSgZ1YDm9N6F3M06VGeKL0oK/TF3IJMit1ADC/jfSh370HyWtjTRW5Q98Qm8PHAIY8MLIEG3MI9LsYvPd69LN6bpnoUup/6okM+Mz4nKjIQJeyixbuihVoasM4eHGes6Si2rhkxMnsvk/6Lx0CKMckeTxiWtqyqdvqV6PigI0oLkoqVn0SwwPDMo+Tb9y9QNV4bRCiYvufwB+Al+ocb0s",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0J2Uul4hR2OSORUKv31LnFOP0YfygtBdNK1bGbrny88",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+IxTZDRMqxPkS4tPqAudvJ66G1/e2gZbtD/w8gzNGl51sI55vTs3ac8URqdY3II647q1XMmfzonK7y7Xuc1TqZuls5DaAjljVhgxcpZP9ASJK+pHYujG4GutHmqzclZX/dsI8/muozs+B+qarlo3A5GWA71QgCvRmiCb14zntSgfPTaKDlxxsHqp8808C7yE0jwxmm8MP6HtkOATdnzC7sFWBQnZfHW9sccZ3Ohz2KZM5MBAoDZ6KWHTAjs2ZIHxerIEskIkSq2usMBCjS9qrkDIHZ/c0FKtrP3zeRCv/W6MrWKPtZGshCbxt1hXtNzy7R/0xBqIL3bXp0GtlmCeXiUZGiuZSrm1QwYAKLxq+D5HL6GrFrqaEptFI/Ta2KDLl+erzUkLpNq62r7FzzPkLSalu83Bth2H",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0JMt59ftNM8eOjmk5imJgwyPYE+GQAR4oGS2L9gO/Zk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "67GxSKP2HSzDyGB4qlxYI2r2c+kMdgRf5MhsyRLS0BTR8055XowhggIxMFP+U5etjW6dquUacHT91jqVeFZkpd0Gbmp9+f19VK9x30l4S8yvYyu0uiBOsDPKKSvsdB06EnufY3h8zLhlEN8R11cDC3+rJTjYf0lE1/PB3UqeimxlY+FT7v1JhNrqg3bRdX7kq5nGZxRKg1Rcwn/mfmQQFAe/aByVbS34RMQxdcbB8WPwXx2trLbN7U2YhZfl9PCtBsFNRtD3Ckyuh4Wk7GeRoaBHxec5H5/zdy69uhADeFfwrOW+asiLNsFanpa6OioAmXO+7ySzv7rbkpjd66aHlpSL6IdxojJRDOOmnYV1O2BTQLAx6U9eokfFv8kVZ4aRWFOqKG4TP1HGZx+RiAlW6SZAtKfYPIA1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0KcxqSab4tM0tdl3yA5Z6/sNCZ28Dz4Il0bbuCzRDvI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5PHGyvULczn/s/cK520fG0Di3eIOYQwu0DlDcJqcmcxR2txHjnIB2Pfz72w25gYY0eNeoMcknbLdpy/pi1ccKXHXJS0/nR2dfDgo/X5U+mh9Z9cpq0sP9tgab8cv9UgjUWfXPGAW/A0hZxT0igL1ov2aYCR3ywHVVWHzN9DIwb61nFwwRgC4tFfJbrJlJOwwiq2CJXlfOSEe65e5Eu6u9kNmiEkDjIfXL3nBC4hAKbXot4kV1/FB0FnA+glZNJxiqK9vwngp4pYz85DzgyyWROxkmki9kAUx90Reo/ocqeKTL/ERU20Et9i3B9RlXByALi3WUJSEuqE38e7Ko05+kwIVAh0+w7Q+8UQTg3nuaEQEPz9mRb4BBlA2t40a6xB+/Wb2jamLUW5atqfPgf8TSJFO51lOzghA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0LiJ2kyG8+943zxlRAerFYoUmhRatV+USBBKENNy1Q4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qWPDiP4T0Q1jhAvQWbNGlWRrX/9ibAExDvnkMDh1TA6g/qfzD8ir+E/kSUO3G+8I4slWYYGyTtCSC/xhDrmLURz0yBMPR7VZhL0bkLias63DQJMAOdhtR8Se5ugEJI0bFl2JR5zCmGmtY04tA7Lf6QE4b8/AD5K8JGFYVQw6xic8lHEzerDjVNuQ1V+5JmBM98vfmzYbW9EMt7sXC6iomFYJDg93RUfIwWewwk2BSYzLJWC0MNR6uEWyvXFJ/vB2HL9MVa0H5HbILymvI0ManYcjQEP8600Sw+TVwgjTibLsjwmjSmz2tMEPwYouOI6j8sX07ZnaRJIaDnlhPo4tnVsv03+tOM0AOss0F9bfSTsd1N8wnaoJW59Om2Bp++D7qp/+MuZFAbyQrk0XJxUZDJCeWZcB7aS3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0Mf1WuRUG1TRJVdPn0DPIYy2DPvDQK7N1ngGdMCRMYE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oHujd0CcqI9e6hJOJs1FOxTe3okudSDVTKNjlHQaqS82HfPXZwwcZV6fSRVrNfpaIHh5E+mWPuTCK7LHa6UGIdyjlPEMg9uggepLm5PTwulHut8QWkUe7ZnQtWDbui6amRJpGlgbDJ2/z/XDZhPtX9nJuWnI+0U4Nxi1yLWQw5FaVbTdJzWLito+NifazCGKzzhu4lDCDtpESMhodOVVlVhK79hFJcmo03C2RqqM8UD3rBySu0YuaUigjxnZCDPebJtGn3kWndsfvOErQKUMr13f61+VT1VZTeqT8pMEntbGfjw4XcramxG/BEM6m0ofDhKrPWJWvdKT3r8kUh/CoGk29bztpJVaYCBgFFsdXQjGOgmhrjc3tKoKxDMUKOMWx7Azpo6GwGl+yfjYOjp1w8VADAm+GMsv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0N+xU11meiP3ppDv37Dl1bOmrVtp/nw+WCvtm/z2JXE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bGoGgswIyvAb+/DwSPhB15UsrIGA9VUVqGR+dPhX6PfDNP7JM0ZRr6jEuIa6lKMa8O1Lae9hqpFxWou67mKXoWVxRvzXp+G6M7B7pLwYvcJN8hkmVqRnSlW1oTQhIRQWbgXzL1PvXs8nAzPD2bWot/qCCnqOVwh45yDuMslv62belIIv7gQ1NsdopV4lVyIPOuh1ca+yJWhmZ7QlZojHJNS//UcnyvLVIqL+YOkZoYM0H2GcyPCpt1pmNmOTVrVJ2KtCa4kgm8iS26rCur9rF0K9qvmwAE+50d0IdKCfexKze1kTECtJek54B8xoJx72Tokv1Ufsm082HqTULMAhhSf/JummjynRcOAByU5N1KkBdXpPMgujMjsUEtNwMVv2ikSulNhj8u5DEaZieWlX+XEBZprnePnU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0P/HgTcSKv2RRwFpXlAl2z0CDzXe44xA7Nyl5HtIrRg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bEnA8Mn5ZqfhegdtNcnZHoXD9/B2yR2QHpAGXdijEub1rhdpunBMIBz56eX+Uy+qIfIfGv3iRMIbZQGtLJtCgwdZa//S2hzu76JbfIXTykJrm9Pkp7svwsJbUJtCI6D99aWL3hnhhaYV+qrV+HpcgRbi/lr5JCLT45xrWE7MD7NHExuruKE2YgbHI7xz+Xs60toXxc9+t49s0+O/LRfYRpUL/n9Gi2K1A/kq1P60WFLfkRtvDBfUQ843qIQb5WvbVP9hhw5Sr5HKVvJnSM/WHepZTyRPmHJFWlvte5Guyc3MqXjIYZx0nW5udhRyCucznoj+i2gXYlNLQBRrsTs5NOlvrukEUs8lkgbfqMl6J9KBNN9ndK+PV/XnxMW/ctXeWZloFXTNpSwNKZOHB3ThNSL0IBMe755P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0PRj04aTHaV7t9zaZUyQ0hwdVKP0pcMJHemSe3DfuC0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eFE2gSBBhvY+LrJXBnKSN7vDJHV27zrARSgFkItx1oPnBCEBmRNCJchlBOZ5C2q7aHLe8lXKn064UQNwVtCFi0HpYn2SEMbHcWPfY88m2dYrZFhUGG14FilE2YoqZdwjad3tMkYnd/SMeK3qN6aFLlXMx687WzS9thKbW8CLxiDQ0Go7YUbg9jbMRKHraIOt7Ayz8gs1zlXws6ovIaqvcdCzQ98kogrimnzZW31KmgrA8jxB0zh04lb1foAJlh3jhQwEGRukjTrF62RUXi5cYtzdAIZzzzbAR15ZxGxxi7Q40NBwbMygdnONPBm8SOgWKYU/OlEN/zkCLHqQ2UpdzQ29lTGk2Ft9Rye9l1LzcwLVCfWG7OrpJ/qNzZngKWbjC3A0yJjm093EvgJio/cF+e4GGZmkR8Gc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0QI53x9aJYgrDhcfQMsE+VhDOHlYBg642YsOxoezmNc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0zRE0yZbiCQW3U/BtdnHVZjpuMYhXTuBjY6EYK87YSMa8PAtvHHJD/pMvyF6rsoE0KAI4mLOUeyjzyLcQi9vvIeePVihbB4HUGzfkFaGdnI0NkQrJ4Ugosk093ivLcW7BBVzly7Og49xSu57Eyhztoq6G47yYHJoPdV2ZyFq7Yv89S+af9MfbDRlomBTx9lyZWkq94RnRxFFBZShcGFg2u5Hvb1D2C+TBCBjt6eUTvR7+Y69OFRzlIn1KXw8chQqdZrWMU+zNsMb/Im3NicdqoRs+On9ev4njUFLOfpyIyvhG9ap5wRpEgt/7X1dPHxyPWsKgHz/i9it8qkfvWWPLMSgDa5+eKq1yaPQNuzwq3iHSBuYmPYc32jBNpdZDaJcptRDwDmJdO9/rLAaKgIXDRA9/56VQpVO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0QcxYJWJot8b5RAB5veqoRsi+JElYVJd1MysRpqXulk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "szt5lJaJQxGquMvogiGuetSlQJ55mFZZwsv06Mf0RBaP5p6uKrfHNOYhqYOVcgKFWBLqCavHbhzbwMu71yT02Qwxswe2nn0IRNgshs4tDmGZpU22Qhsk28bihk9JN+i9oVYSGoEB8caEZ59uDbxl5PXQvv+usNScYqA3C86n/xs5brN+q8+fvj2sTVQDyQpP3HuiQT2Cpi7LyITlSczqnfB0mBK6FQlT/NUcb09N725d8izG+uCA8j6616bZ2vXjIVG/IxbSaVaHyttKDxYVSFKfyvUd/nYnjOYk2QZgrgDhx9K6hdchoXFDmnxxejdwZHjOnYcExOu7W2uUptvDKnySWJW6MhaJiig2vOZ4QWI7cNWK7+tXi8SyTTm6mEUbLdmfQrwg3Ra2FEzHfRFojZ/3Jg/ZCaed",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0QphOQbn1f6kYUS0F+n6Qt9Wzq7mSbxXxO6jxJYI1qY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uEtB2NneYhyBHvkOvsQ5QYllel5zZbdJ7U1NUYoU2OpZM9V5a8+vB4MTnBEeoNhuJwuvYCCuuhwTCgwZGdvbume9m2hbfIBDyzdT37JO2MM6GQle/ZrLiS/lBCUum1ql+3pYmPKr113OmkrJ8FP5BN8hLYHI3q2FRxpXAgVAcXNWU79Z5izw21yxPTJTG0t8781z06tlWK4tU/ZQy27pYbTTnEpujO1pmQj+nYuJ1eonBM8AyK8Yao1e9mvqa9siewntdFfr8ozxcVYw1jD0aRtudsObqIeiQ4an4Pk+/EsVJYD9Pr05P07FUG9so79XBAFMmFuamdfWfNFi83n0rOWHV8SnYhGj/RKfIdEawMdqOx5Bb+Q9HfPXIk1IL6sI1qdhFyvNw4tOHf2pcaAQQulzZmdjt4K7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0RtOvbmEkv15Q0OPzWflqTsnK7QXPHY65l6sDKF24Xc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f0OGQ76wvm6VYhm1/WgK5d4alyW7xQv2E8M6ym5HeKCVFkeaDhlzLgfzcAoFypfddb5y7rYdp4yoL9pAND6kGFwMsfNna7Sd1YOL8pyGhUoJzgnOr7o/H44x7MyT5omijX9Zg/uZcR5Vb/zzr3jUwWeTYYbrN1mLin+gpQpNzLIVQfxAol6QxYhQgklmtBHRStgI4ALJ/A3oojMEx2mb649g+Gm1x0CSUGFVdEz31LbmtqbU4oYaSjx/n+CZeWp2ym+HafNT0SbiJYDpBaGMzIutqev+Y4g1+DbFJhvq5JEJ28+5UNN1cN5QG1wpvYSCuKFP+PPz2NEviKhmEV1def3S469c88A3GKaaLn+kXgHlbGI02Z8HBkg3nokP/eLnngz6v8tviI+trwSe48do1wKdEr4nMoZw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0SaUMTbqxmox29Co5J3hv8uLad5RNpgNpwqFnn1PTAo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XJZCvpa49HC9mdd4zAfcrRBWsXYBBDMQxiMIpwtGObouxCNLql6SA/23pK6JikMw6T+5fzScqAeYFUHc7fFefQZtkp2EXw1EIiGksY95rcibCjKC/dY75NHA62hGqyX2jBZYU3dyO+ZNTr8r61TEfL4OCYRCCkxcjgIEJZlb1b4cKLhB52w4bLWb2QPDqIYlQLeW9UE4cyYDvtTp452b6PgDm4nZay5P6G3/VF/RynVcTOJM2YU7m0dd8i/5ujabaIUb8rrz7cRoAPSPlMDps+rEEPH1lGg0L/+w6qrrK1X8bbWOS85IZCM4PWZEYd5mPxzOcUq9Bnh90Ti0ApmuqprUy6IqhRjy35bRRjes5iDxNd5lVZCz+X9zK6uOlNXSYmLkP6Orqhfqke6cPZAytTC0UeqwYjKQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0SfI6fOlC822lEzcjnfGHah5vXL08m2nlF0pZWLu7Ms",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YSuksH8tK2svNwERVDNhxMC3FxurUAjPTOGQEAFKxce2mdGe5NU+OsMn20FNwMotjYiFWHzLnNJ8dg9MA43Qi/+NKcq25krfZ0QIyPfm88qGrEMyQUdOeJYG2cLiRoHb7eUVDPVjXCF75dIN2la0hzUIV9uRIvmx4DjuGbjRcEQ6puYjy1wLRmFNsH6FjYdbXqsQzr/3asMDjAW79mnmdUiq+uFl4pT7ZzxnLZmmevgjwJj8i0jQH0K6u2+6wTHcEdlt6H1MA6x8z7nPKlQSWX3qb8YO6ofeH83y/k5xuMDLopvcBOiqCht4ePQHdwRI47HlppRiQabwTqA6YFgi3wNRRzranIp11Joe3Ugj51uxsmP/cSKFrFc7CmyPZS5KOJCTEknPIk7huFI7NOQGrPiCCgQHsvvK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0SnQRiUr9yFC2gFMKUJf3IIQUMlwGfkut7qrTU/xlgw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3FAHvJgj24mqZ1nzabE6+QU0mILgFRnFWlGj50iQKkV73JiDHja3Dpai0IghM9ifNau6YorNcFktJpLMEY7ibdJgxaGQrsL/Y9CY0GLgsxtPH/ENBln96JbhaVp5QUkX+O/EGZI58g9vvMa2Td/706lSU8w7nu/2THZ4Id/R06NVSWnDU9ThsQeILPuKE88aosbjtiMl9OwEzbbsG54a6zKOGBn47KEzF2VBHSL1EWG8xC9obOl2r2HS1CEaUTYCvaIaXCIVauIDQiay6B6n7Tfe+Vx3iCNcM5CDO757/5ZhwEKTaDDjGgnBSYt/AcL97JXcAYaeG3hcMtXyB0xXRGVdmOckKA5WvDUZvly8Ctc4Pxsbj1EJC6ENpzhSyuj4CJTpi61bH6FaO8KuMrLV9rFp/y8HI26Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0THXrxITcZO5lSNQEja8e9Jy+/FQm3xBnGAsTSYyxAQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TGJpthGc1s2G4o6rvwQqg1NrO9K9eiG+GChaa9BdevlXZmbV5oe+ispye26xBO5lmTZ1swlEAmWnXWggMjNkzWhj82WeqZVD+7JIHxaP4Zit7841CgbDiJPSkIlAguwuBS3HfRTLYy6YxXT1XyVQNcArUSpnKNpq/Pst+3YNpTXhw2trefXXpYNr0rAP8Yhs6d01yR+W8vb/DufvTAjrrAn6cd8O/l7DXPyyhbs+UL5fKbNS1Dv2ETsRSbCsjUGsogSzp7bqe5EO0ZBQpYroeHIhBLDcVZqzhXltauryzGqI4BV+7fnqForRkrgMQ4DeytAXgyNTzuat1dopKFDk55KOnJhUTbOXmQvZDQ7rydfCN1ArNRwt4uq6kA+kwWFI77rvCkSlpX+AkafIiuj2XU5CJTxTKCWD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0V+6xqO5C7Q+DjSTRC9oU7QAZbfEQO+IJakAxKoY5dE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qIs0ImVy9oNRefmPKCJbrWG7oqH3EnzXHZiK5VRvYnXD6dssl0/8hlcILr+//RFOCZv/y6iIx5OCNGdle6TfyXi1JJM9FXtPuqild7YXvMJ8/CUg6id9DZJHqupsqvHt0Z3okElMLqidXx4V6/J7XT1LOGlnD1bLaGtYfcO9oBB/CFcCHsoYvAfj7O/IEH7KxPuD0ahzmSFHCQ6EUexephXW86wIRjag1lbwoEVVsYQGE58tpADDJBp7eC50ztZJPNpzn77JGvpH+rdmrQvQqVaiqSUmpzXbiykFh4Gob9Wg/tEvjh5pPwvpeECtN3yT/DN9Qr4TfrPKz/d6f10eYsOwmlW/T7XxhAvrFz3TAZFh99BDsBAuPDcmOemlz22vsHruOKtpuY9+Dj5mvzMIKGnRlhsdjkUi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0VCsphBOrraf1tRULyKz8CGdjO1XXaas+gpU7qZM03g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Kc8vNYhEHpCvEMsRNFOmTS2PMb43m9k2LWTCpXaFKg3vZ54aguAZAm7HJJFpREVgYMqCAUqhcua0I+77TLg6wAshFGOISDfkSoDFi32mHF4gle4t6sMLUXIboc4moID00R8mBhDVTHpCinOBOlUjhci4cGq4CAgdY0v7/ABUQYJdsq66xuL0DuycFx5m+A0c0UIJiipDEbUYGIooEYbF1R0yNOjholFEkl+tV8y7y44HhZImzkSk7KRNNb1inOiJa1i4nHfnAdmcVWDhN6YS0cdHN/70BeId30MUrbpyO3HAr7fBEnqjfJGv97KZ/pHOl8Ss/CovOMRIzt6g5H6yEvM69zlo/n6mfLaqp8YTo2w3dgER/g7QsBcGCU6LEsl3JGEaQ+3WIfByx6cfFp8O0d6y6zvzTZhC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0WP4AUddF2MOP3LAGZ0vLSg8vROf2NSQ5c6yFvqhyys",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CoYESCJcVqGqXKbJmEaWXo/mO+AJL3FilN5LY+LsGc+2Pf31EfkIkCAn2wz0+8DWRobMoj4N6FlGP3qdxQSSxzE+Rc+in+X6/ncvyF0pAlyaFJ2bla2c7/COEuQaZD7MJ5zuE1OwIaSR/ehbDlYoHeUZ0acLV63l1zZEpoU90cjRUmOrQPuZGJRiuME83mvwk+9Z5DtZUZu549GesAd4ObGB/6eYf/CMS/Z/ol1EDcYx7ttdYSaeajiFPvaoBogrxTXf3SM5zt+14PMESuObGDWYg260vrusvuGR1P/aOKONB5ZwXy8uid4ZoDyECGmej/g+7DD4qoE/TAd7+qo2blYP8/jD3fV5CLuj10s4pepStYjRGtM4wc8veppfYr03THAI1ns8mUhMYmxEQgezn9wE7alAO7QS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0YQN9YLJhYCNCHtAypOJ7TeV2fQoCC83FPzgeb5ET+E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0r9QjIpWKEAW51be4fzTpE12lcaB/ANveknOyIF6MQqJycSXKS8+Mu3AapdgHDpI91509LtG9ySNkZCaekIR0Ez92ELcIi9viN1dEKYRB6jyXNiK7OS4f/Ju9g1YKRP9setnkhqEGtxL+/8jmTz5yxd6cRMGvVWgtwv2O6BMI6kZ0FRSh6vNMBaYE84tZ8hmtRhcvVm+01FhafrTae8EvXIsfijIqfzPGWeHl5BdzMyDd7qv7JReevsJ1bLYbJwm3sA6ngiNUTZ/ltZ4JT2AIclevwxneVzcEuvIb7MKsRFg4fYaAy4qCMRsxIuQHU9BRdSLSmV7PHeS3dU0F/xnr897heX05Px8tpy0qjVhOtLT8sXF+3Nlt7qbiXmHgwAQ3Rpg6X6+H4IquNUpCvegOWCj7bc+9RxJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0YXOGQXhjCWh0yDFySb8bn9GrBlyARc5VhyBDu5DNJg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/LkVk1qwmwqvRKFDkiaCTFYJIIkgFwb3he6LDp8QJ63AYE4Gj3WgUgnRyNhTG+swOHG4TUNwRURD36HDynL4F72nDgFKE91Lf/klFc608+cVeDgrjhB1Leo1dKv0kfWRbnSduK87rYDCEMPEZjD+SYYj27RFOP3JuerRjssIZEl1RWBTYgwMR/DdI7/KwiW9cjfcvw1gdEy8MgyZb8Ou/B6C1a2VEDOmB4c5X7XBCKSBerGt6ZloZJNCggJc8sjB4zy9kqComLPeDvB6w5TndQl/l2mhImDWE8J98f8IEOhEdwsN1rFmBgLlhydqPh44UAfTvmpxJoCrTfwAnWzYIyv64odD+vaLvMPjnQRqVZNh9QxXYzUSCkuusxDAmgD8QVIsQjmFvWKAXob/Iqn0zULwe4bqN5co",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0aRfCZqQN2lrdV0yP2AnlLwMEoQXE9IquXxoTGuGSqw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ev/nJ3T2FA7KXxwVCJf1WiwJykvrTTBnV33L/Q+DLuobaLKMrkYZFzx8V+vhjmLcTePiXss38Z1kL//ZSHG7N0uVXxmr++EZEX0M4lV4L/jvjXj1C+h+Hnh7msuR51asXKv43H+uAmGFUGO81RHI7s0cf2E6ahqOStzqd+7FhbB982vcHjPJh98M2IBh1HyExnCbbNIvI/m0DBy/WYktW0L/Kp/Wr2q9ZbCyX5GjwAKIzRcqUaDfTGZEOyssEHGPyrDzyD73wfsHdnjBGSe7ghBEmN+relGmUWjNucT5o1YANPh77pg9xf2q6uUFYVJv71YR7lYIuO5jSMMZaDFElCp9KDHsQiIpaT14g4qZFdAOmEJV6Icl9O3Sb3Eizrccfc9aGwY7gQVwXyRxsChrtm14JztqG3DY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0atcum0i4QNtLACAsw0FVBIpuWF1ECziyzL7ZSb0jaI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i+6zb6Dcosj99PCk8TS3wPgskDXI2zt9g25SbgyYrIPMmIPdn8gmeQWPOmz2C89haEsXaa08keDJ+2FhGvcr6wcjwQ1N/tVn+NYD3/BoNk9HEAgMvSWGQ/+xxyBUtxbtvWCkIRxD4zV6qIbbsIb5GQKaOW6Y+9qIHhBPq/3w9EzImHusxE32jIGg3rHbK3tiqtwREuseQCHWDLJ0Y9Gg3Uv9j3IkeHXYsI969CmN4iYo4H8COMxqsF82HHddjeewosChY+FO8SJkpqwEK/nziXcRo+Y0rxOZ3WP8Sms6tNlppGlm9oEdgIYbDVhN7cpBZQI2+Te4MwI/rzwUJ8/4bO2gFdYpyYRiL3Hmlewaq4qYNcBlEhBvaHFieMER/WjaF8sL50JAYbwI79YENm971y2hS+4meHKh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0bYx+1x7Nv/dmT324EO3JRLWEMO72BxIiojXgCeSN5Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8a6XV5TuM6p4ULlITLKd2WEy5TaHdn37A87qvhWhwu+A8z8AtBdkPXmzTwUk8W2PPlL6hqkESyf4Dj79y+tuxcKrSk89SaWcSWDJcIKMTBwpW0U1+aDx+AlTjII+2Qa8YdZee6DEaoMRL7hGoE/ldGEnk8dvLC/ySTJJSaHLmthWxhzWOQ8+DYvrJCyjWJf/coWrmUvhEfyJZpxWQQL1wFKtu5oxKC3C3Du7mEBeeaOCo9iMy3He1hNAybQ+exM592nD1zOsIpeXLo7UqF2a+rZpt2Je+lGd4hwfbEzA7Qwi00Cmiq9lHdvQbmb/1Z+bOQ79OmMppnMJaNUVO93D2p8DaBRMEo+Dg62qyCkl5OR1d5Q4FmWtB4sztk1rxy6paX7wiGqsRnde/FMPcCltWZszX9PIhG5m",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0dHa7Qf0ADJt54wGxt5k6Qq3t+PGIfMLiP+d44+nXmA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aHYn69TPF+X+7B/b1iu1iBqCNXfLidfG2aHIm7BRzpi07SLcTnIbrUvXsSChiMWD4nclHV/ATAiSCYlTR+NtMO/uTkkbvCWBeeyOwCHsnZaKFZJ/I3HJHS1r7YEtg8mQ5V7V7K5djPxantTYfxD/0JXNc3ANpDbRP9oO9e1LfQ1nEcSC8RMnz1W7wyR7TtYmAU4ecVNiLanjd2bLAGCdRNmNk34H/xYTfFsvu6N/MzP/MvSSpi1STWeNdeTxFQV34bIvgiSsTVLHhozI6XadRS/vBXEJm7F7WB1/jgYjshJQ4UUm7n5475Ik4ow2VkP9KxXRFb1MGOobVkRJohr8f/AeIn8jZIDb7IyL++/mohiPWbnyg+wtfvGLsdm4jh9HdNIs+75RoAqsZhL43TA2FS/jVu9PGqvf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0dVPkkGFs6hVl5MRDTIorBHp+sakwBKWxToagSEwfSU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bXo7uw0XK6mc+/uZWm7Aip7qKFJEfOCZ7T+TBcut/ySg9PDpT0lWLSoFIeloCigdfqXZzJ5NS1A59wOGtEuWwx4KBHBzIynTATmSwo3ZhuZs2jLVQa4o0eR6P3reL+Hb2Ets+ypiy6oa09FgimUki1QuyGRUvEDdPM8Fcb6ORjKlduKjuYoII1Ud0M3SUDVjcBsnIs/HV8rO74vtVOrc34tOmMSiZ1Ah4TWQQyqToTEA4UCenhSU6QMud5Xh+4NIqLdVhwYJ1l9ijqq8ir9p/NnjGOFPCjQ5I8FtVtBxy3N3UAzrFBfty2OvrzN4UC9Pt/aQq24mkATmvln7gezxiKIdmL/P9qjlHqiu793vlZ2M1lMCtzSvxXCPjIZoSnMBCRPcp1VjTkQ0xexD1x2t45z1AlN4oN4U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0df/yyHTfFBufJskZlB1N79gD8JMfgl2Zhyo+qBeZB0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UbHuYoVvaEbVtSObHr+uxcvkblnZ2bhxSyT0x91bFkeD6ueR2TJplzpWb32MkuBUZeAYqJSR+F2++CEsReld4id+N/mf7uyG/SRvX1BSGke8mAjNh20RUJzVnLksaO7YmWuz81tf76XcdVugBEACFRMmV9+QL8siyouauDlb0ezBjzkOUTunUkWQIVMMsCw00XmyVliZwswbp1tYjx+LOItqkR8sZ/9i97zRnER86SY3jmAN0sVn6KlmMRQ0zwaZHbUpsx7QTa4at9hg+tNu9I459swz03tXeTD7FvS2KWPDNGu8NXexUb6B6MWi5FfgbRjeA1YvZvfDevnKsJbdY2G8IbFsoc6fqJcCEz4N7K0xSbdMpuJXc+hZSeAM1SnfBM2h2XmIm1yw0QoPLoQtdg2Zbc9Ku2MS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0drOJlzYqPExxDUx7iMvuH11jm6qVkRWfMOgSO/NWSs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qNcF4ZkWmcp9dWRASH9CAZ1eE9ichWfTZoIN1wcDHUI+EWvzYo+2yBQiZpo/itYN8aRtQNHdW6zIHh+l6ki8aFtAtBQG9I9jZO3y5PiVbrAfkn8BRfA/I51bnomBodytoWt5qyyPSMkpGonFFIgHmFAJ2cm9lE+y3yFNIgaaFLjqabdC2I05KTzDibdp7X/2EQhGs11JPblWT/SuBZ50AYFkI37RXIDK6pEXVJ5D5JUTwd4jgFFKL31Fe0HPHf7YMSmelxsh07uGZRV19ZfwNvedbIz2rSXtFMULiH0rrTbvEbD7ltCyHIacjzLhmaRuSjli4iVPsVy/RMJbAl6LJJNvkf/ikYRCSToKjPojEMwYaSAcNOYN6IgIOutVKud7iU6ZfV1hfPp+rQpIrLO5VofVABXeHeIV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0e1cBu+FWWqRdI0fEmmbbb02bO8rwb9ZWUYEoCgTtzg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bYkwJOy/Wm1Ydqv+aiyOuq/nKysyHT7g1QzYWUc9jQ1nt9etK7i3U9o0xtUmirNcA+4dQMf6QBjy/g1Af2bOjQeTKxeHYkSh4Co1YPuzZfHRwW/6vJ/pgaLyGg7FkjOc7KKjhWcucbIHmCe8WDtDa+sumRlBH0VoVlxBbvh2hhvERJPyg89M/cxKLXA0gxxEIGat6MjqHhH4H9759ktAHF3GPiy1qgfMyj9TywhJdCLvqYkZlRSC/BkppiEEGK6+EbsSlcFY8xUFiqVxjCCB01Y0HnSHEEAusNOMGPstjdzsgQqOyWkww5ZalteG3Ucm0fRj7sKqpm9D+xrJKXTeCcWBbJB5CluiUqE1Th6hNQS5XEGcOwNJgFkHul8hWA0/OHLVeDoj0eDfTza+MpPWl9Vra4hjYaGy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0eWbD8p0OCjoSNb+yJsseLY0jttxIKh5+0HWa71KeAs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WAo3ucIn+TEUAILUN663La73co8mVRdqWN3lUibVteEV7At7Qaalopxqx6Jo0qNUTxLUndlRPq8koqSXgR9KbokRkBox2K2hnM9O6wVjs4uCNFbg5M8e1688mLZJzzYxf1GLNDfi7wN2sqKYEtgvcD0B4SsAksdo7fgSTKS3eU46F8vrLwrr+6xPHvj9Ge67iwUgLM+VQOJE5/ks+CsnnMMI9UIZI1U6pn5zkX4MRLXx18SUlwA88Z7j/rSICa8mcS6WydNfEDmCIiN3Qs8us5LrI9DWriCbAzxlE3+hMNb8nhKyNvM2rAhSTykB4lbtZk0oiFbt6hQl0fe8Z/2dwKaqDCWm7ZMaEpNotYI3DcMphO1NHu8nLR5JYNwsJtuLEPkYBQ4m9RAiKUmUX5hZCFkphg1tUyoY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0fbUMdUxg8AgpfL659qHcuoF0ekOVogIw4VYGvsSKt4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eqVDzZ9qGCn2+/bme43btujqP40T/k0iaWJ5T4JcikW/doab0zVKc5Acwcyvg58KE8KVom+YyRetZIgi3LFQ+iJcNuqq9n3P8gAElVyJUdsWpyvBuOiJMY+q0hruqXE7ZdP/ZXVK9xEXvEovltfHaoWA99IcbJXApcXkdEamOld38wH5AV/2VV3OfWGKTYALwNjhcq9ncVdEC0qcO5yuB+amDeFDqLiCpE3XYNMX69/J8jYX23R29XfxlgBTAkrX/AXmppm7ZwTF1sVScnki6d/1shXiZ5UQ+8Y+m1dLWldclSBbBy2/P5ncd1Y7dE8XUAzx6goJGJ5LkQvvXFiFBUByodBJCOxA7S0nNudPWsArrlKGsv/jijVeqLwk8GRdyiqhUZj7z3Eaj+LG6IkPt0TyDUqCxWjj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0gjIt4unMR2RC55DWfL9NfNc75oWPKnZn/IYRX1MkFQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rExyEVxtOH/c8SSilzb5Dg4mV/4cQCXN+7Yb8X+apJGGdIO51nZxnTpxq2P9I1uyiDqUpDZSsBjw/dr0pXADLRgm5KgJLKNMCW+0HKVBp5aELQAhYwuRuvLustx/z4hapD6NzZOQbjicI4Bg2wgt4sFakwXxazcHYG7grf7JiileOaXaqSqk2QBpgm0Me/FfvjQ3IGH0RsTX6am2nhiN6ceAEM5rQqvaNSgyirdc89DvemCV2MYbuPyPXKmnpFVm5XVhnbaJQkPxnQjX74/eUddw1juJnevPLalFDe4f5ewGPjtNaHkHJ1as2hnJI+HTt9a3cXbySkz3mltNsbkT6t4xDnosKSNCA2+826s7f/QvkEQGyyhOnWxBJJaXegxhlEM0zLuB/TzZskinLq2n5s6q3m1nbpc9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0gjKUqoHc4Xr6mLEDbbXWe1HusezDVbf+Ng7qUDgEok",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6W7l8gvh3+W8X2LtH5pn9FHWZmQp6zWCWiTmqichvIT69A8DBdd3Ltgey9bcz8olTnBQWD6VjN03n8QdBd3g9I4/QNDSVmwrF43UF96UmDmBOGcQ+0BCSm51jcFN4LLzlkwyVIuqY7H6Q7B28bXXOZqTQfbju3I0QUsM3s/V+aazogEnDb8sgbJgEKGNzL5/MgaWIMvPAv7D9Ij4CovEdG6ZTtjwcyOvgg/5iTwplrFwT0cj7HnqkUhAUOl1j9ghrw3UaoCwrO/V/dsVmgb5iNufz0zFctv21BF12uOHqz3HgSxV+9w4iKIEFuG4fDkQ0Va5acHci2ae5g4Y4iHcX108pbG3pLkBR8cFHf/cFUv++box9SqMDeuwyErRSx1yj6nBGkX4FNzgy7vaP6BGW9dvY7QSQNv3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0iow3A239tw1HuilDNObA6uTUTEiVaf16+Bk4vqTn7E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UqoPzNiaM0rofx2uVBIF/sbE6J2ojX9aL5sDjAcse68KGpiA/aGA5p009h0qqms1RRw49Xtog1RrAgR9B3e0GwjhF0VQ+vAU+Hu1LlUokAlYNCLZ0EQMo8y32SAbzIa4QudInvISVK0ybGBUXvKAY8kWjSp+yjuBBC7COBuH8hQln1kxUYOSK51IQfphuaubHDC10DKm/i+N7Zypf3Y2QSm1SJr8ieVqTFC71goj6gXNUUczzC4m9aOhoeQyfzAzMn/2WgS3kyPP7eKSVE853q3TG3bjEVeZ0znVCmThPCGehhMDaHKYeqREEh0SU86l7SLbz1fntXvlHQGhiOJ/F7t7TH7BdbvWW1JlVhNF4OcpLJ3e2I9p+mWkYZe7vJ9q5fG9m0sj0GQ5egSbk7uBHDjzCzkBODcl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0k0ueq4sH2LbsrGnk8ENam6uHVYDRWzGUTWqa7/t7WI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NHuE7SWuvR14q5/mOjZ6J2TfSOAppvKgy6X01uLumQ3xRbpWG58Z3p6fTyvmuOnJe+J2JKk5yOWA6dgp268b3RFi/OG6TEZS3pd7CdWgZU5eGTSTVm5h5t8OfHj2fon/SnLvRYO1uXupixIddK4fdHyUISb9ZF9rGKDas26/b+ktAGgC7jXODDSMRtfY6BmFwxkG1gBZEr6+nmE2VVcPn/IZo3NBHxgJJwLRVSV6h2d9V5SIi7r/iPZTzYe7F8t0o9DSXdESE8Zuq/9xlXIpujFsO4FgQh+H/vlFAb1NBzNx/aqCnqmyqz06LTAujOxgm4d3dGlmWAfyx9jy5L6aEYaBq6Wtnadl6ln0N5D9mPRe9csJ0mQx9F3PmRdsSAgILBB8lxmg6DCJ7Nl1rlE8+9DIT5y9MBSC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0lfxqLUVHMzybAaWKPZXAfzyjoOFoylk9aQC6puJnLM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wTCVYqbpRdLGE6QMJYuOsTecFrI4HkP8uIsgezV0Tsi7W91kqxAzTrxvw5voRg2oUv3A1mhayZidzbIu5mHb/sGFqyJsSqlfNN+s4alQPL4hTeOhdGFzCKlC1gJ8kiqQbQgixSQ+mp6GU606+9LGna+/VOlriyXbkr+YK8Gvj5S6IvCeXrXdPbFR+itmWPuO1cNElJ1LFkWTg9oYGw1PJNlJlHsC9bxLQSQX0jKmii3V6USaZgQHBkElZw8HGtnyas1zad98SEOgaomygyFSHWrLTU90iTW+1xj0belG0+xurEIZQ+7vOjlyTAY1JM7/Ir2ZzRBvoh/hvToy0vMnQ+l8LGDiWud3WBrEYI8hsXE/kfnS0gQFRTUqDZ+17cVJ0X7KRFOyEwQC8Uqwtrjs5/fePZlLuO94",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0mC/0gyGLLHqgnftkLLONuqo89N2NOw5zHlwWNZ8PlU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "X1rCXXVcXoE6ncYjgdt3VfKyb7eipKKTCIdS3Ua9OdFpuIKXB5QWcTYPiZ9FZHlS9Csh5dz9MRFyijvFqzcJcJbipNmwAjU9k8C1vbRJ3MeFzg/sFV4R05vtjUXcQOyQ/kAzUwlcaFs8zMHCkiKD+9IkdbVmDYyoP8BsMd1xp4YZQxlxnO0NqHQMEtTant8mWB27Is2uyNu2VZ23GAjXhEg+0WURd1n1XaMiaf8lh9r+ccWj2pCyOq/eifj951/9oADb1N31fcXxiYAtDKi9rzuNtW2mPNg2aHA1jGsCExDYAJX+LDgauYdatmIm8l+ZwJKnIQ+ld/u9cpuE6/BsfkKqxPD9J9gnhGUhTHnZh4v1npZ2vhLaz+CAxNjxCnOZBFghQku7AiZrrBXqCS9oaLZ3LnCA/oeZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0mSEdkhznufp2ol1ux8DoPVFDFgijdOQXpVjZWDrqQI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S94g52jDgdZ5EqOBKeglvfXa7KdhwmOb0YerW/lP7Oq8rvdxbo/BmuEeKJoUd/2AecIKbjauIoWPjpdnfx1PH/Bu8ecz+ecc9PmlkKAKUn1rvmgGHLtEN2FKrRxF5szQ9/UXv5GOLQ6lWMoXBwUCfpNwOenpCY6y9GeE+4mnDpF6P+5AhAE7yh3S+uOiyrOhnf/FKfRZAcvN1Hh7AIUXGJnsGU3GUwUo+dMUBKZi5ZCdD4aD03gIX7/SKoSoMy0H5amBI3AFNXQfH2HNBTOIw9nqBki6AfJrGa2vbW0RPgqAT4kfKa4SBAyRsOKP2WS5j9otLTmvIUB4Vv+wSLilW0xU5gDQMcaJ8NdH1zyXJ2FiYG3Q2nMELkBv9PYWRZNyUAeALV4eHOMr9IttA/CcSoDNT7lTHA/X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0osmX7mGYMSZSt+Tsevcuh5OKlg//GPdEwQgx0eQFC8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "e1YWl8P1ndySQgHYtJ/YyOiBSrtCXPeUtvaZZ0g/Avhh2HeM/bFPfR1ho0a9NNG9mTlhh+G2TSkfjAixSRyGpyeXFjc1Y+PQ/+t62o95TFymcrGs0CiUL3JdWXrSgan7hI9Iw6a4EIHnDc/c0QtLDytcvN+2iaeZJziMxptcm+9557SpA9jvunDWAF2LSOFXPXJqbp51KC1Ml2YUhYOs75Eb+rqRfqmrGh00r+MIFZ9m74WGURGVy0beYbcXjEGfWkQEy4pUFScMVLnT1+AkL1+2ChlAF+RZ1funK+q7GlhoF8buUqZZT0i6KekZpyRD0A1CX1MEMgTr29xJTx9bwXI4j2GpJd0e0tVj64dVEPwewBEaJWL2ntBhhPJYpAlPRb6gksMiiKPWrWbFD0YMWrR1Uvl+yxQK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0pqXKq1q2+OrlU2ikVkuKz+ayN+TUyrmd6LTG06GZjg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DrQnPyBzMEZdO/TgNe8S+c+dXoUR54iKoxnC2j48WniuyWpWKxy+8l/zZd4cf8PxL40LDeZ/Z4q5mpN3DOMit3PWrbeCWhZvYC48adYzTisM63upuCRveXwog67ZdV+XXUGeRn2WO7PnAM8/wREwKvzGbSXGj2nL09s+29dOk5oAZgA/z3YptmkWnRQaZxgYiXequ1cFtK2tyeXhevklxWS4/MigYhPJZl2/QKM5cufJgdaofAhnTIcVDvzA2baIrZAkyOlEhgtlM+OzkSmATzfzZhPindA9rPTQPv/Bsh4FkZzxNmGZg4B1RfNlbynPhJY+3vC7r0k67IKr/4NxvXpayhnJybOJ4QqwXn5WuGtPJ8+UpHFo5+Sf2EF1QBI/nnfIW9PTIpjfwaVHnxCm8XeQUz71RX5g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0psebSNbHHImQKkmYCaoXJ9IvjWS2PwkMxR/FJ7smtc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4I50lXjInQw3/dRRa1SYzcQdMGi6ee604hUnugNuv2oJS3NoH85UYOBRzmatfa/JD4NkXQFo0aR1/miyWSfabJAijckHO+AdoGWTlFbYQZEGEcFS3gyDYRvB5wuGbkc7nID0cgcWT0BUx4uKh66xpi7eXqYZQGltouhh7sOhhGZFoTjqSBmgtCjLcTIekSE6vHYFPPKkJM6bpFmdTg+/jgSt4/l/d+NECkWUvZUgu6sAl21rdDTwWMBH7iegX3Y0b1f6D1paNPxI76mCVyVQvvNsGafMPbUMnG4nrdZwAn4Bvi5P2HY9hcwFSY78V7vN9WblzBG7eo9vSnhuKTTZfclVrASKLXQPbZYKw/jqd6ZMvjjClllUoAmVZZZZC8F6MQ6LmWq61zVHd8ms4z3VP6a+jFHLTKra",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0rQ2ZWZnDNf52y3AQBykoDSFewi4S8YQ2TJyPTIK+S8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A/6ewFH5Z4ub5ytPACOoVMynOc8qr30xzn2qImvZKJl1z++MZPpznUdXfuOy9Qx68tVyExZ9SO6cHmydkHynUg6dNILVU4PfAWjVzcEXLnJWRO3r5f/7bSNwsuVycAznl4gLbvVNeiVU1Xle6b1d3SqSAhYnCzREdUum0YtfiVZytUz8p6icR/UY1E8ZVOvuQXgT35aeU5YBisTBra4wyQNgYbzIqaGavwAZhHiyTccbV5a1FDhoGN1fzMj5CaHsgdOBBBP3h7YWUTpJZXlUdiqRLdVe6O9YFpuOfKuhklOc52VwrSNsbv9fIzHt5WxByg3SDakIq5A/rBrew4hXep36YEYWONZoXhDDZe9MxW5KmKT3AtD6HXvtK+1mhh08u8hDXmJCiQfb8eI1YOtk821lmr+AfUl/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0rtUZvhkZCKtKFARKsdOSpPjl3VHvFSFJ5tc/5Lm0J0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0EhPnpB1dWJUD27yezPuB/jkP3f8QzRhalN11UzJy272fg5vVm17o8YaI0Awt90kJ2SYKfoqN5+ZdBJx0wJkFz9MpswqNB0LTYvKqbsyQSOGGER9rw77SOXnt+IYKmv0v4CN9PeJ1L3+Gtz1MXJEaqDzOg19IjoLJtN8N5mpMl0Ptld9LbeC8b6WABoP1EbnesInLhBMnauAJhpiWGOWmGEx+xQrQHCHk+wqbuOpTJhIre6ytuDNABk9RwpWXaZ73k1F6zqPW/cmQhCndS8h9DMJQ1QcWk2rpvNT4OvF7DLoAbBgxlgfMxLtJGZK/i2QxZu0K8DYBNokgOUdvNVVaMPtO3771PdlFGDPmkXB2OGrbUr6y9a6mtnhsnZtOwK8xg0LocdCD4FLoJPOnGwsg97S68SFj6g6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0s1FW0eNkVxZH48rl2cb/5JGV8XIrUXXbnKuVR6cXpg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o6e9maSZ9/0awnDEVqs+c2nMscfOXerMA6VNxgevjG+Q44Cp1kMzJBq6PXwH5U2/iKcCboOTMkqjzGIjPRRMWRDQs6GFbSjzbOfKsqeMFPuF9/A3oWGfDjaffXxgSET8syJUgYcT+HzFAFOKO21HE2PRAtkTNpGrvlGbgSbw0sdAmLmZPG7F/FYzGCRsxcoPeCcWLyaJaKGWX8knqKtM0cZ/NyIa3GBj76tvDtZQ7oD+ntv9jSFasUF75qxboKf8SM2LH76Xmg1P3+SMrG7l5zj+GhXr1IWLxsQoTe8JMEqA1CBABKu9kcQX3dwHvfOAVk/mlo5oTdth55No5+J5HCfY5IgFovDiML9vivpMb0N+TaemN4g4tzKkDA0+rSSGMKbULlpm2GT6AddY3BMPjhf/wA3mPRKV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0sN0JfYn7QpxtZVWRzZFDLCqs/0oRK0W76PuTJuJ1lo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mSdxfGlebD6QIuoN0Ldsb8hqhMy7erUF68zNkYTbdOqgWbrQcSJzTk+CUgBlgJSq72XgW0+c+CKod91vCyL3XlvLKLXOG0bdwouJ/6bO9MELg9UzfJgGgLo75uUqZndKJ+7gcAA4nB1FhA27dkDyrZF35JSSWT4mAvS+2tZygewAmy1px3KmWKq3Tc9jnoubPwxJs21FgeuxFt2VHCbJbhEkO46RJ/xlYlQIK8YasRkKjf+RUNKoe/MsjU8NJOtc1wPPpKOjhFJJNNA8EDMjXiYXoCsOxzwR4neaZpeVNu3zN91NSLag5JNObh9sEgXD22JcyDEM13UgJyQQn35gms4MsYWvSPmL31LLxRrtToZxGSXLDicQhiWIK56r+l4wr8dVl9jwkf4tIxS0HdHZpuDM4fLJCq5M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0tIR5im3wkOi+rj11XeSWyt2PjBsfL25lJq4V0x0ZLY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6BWeJvLtmTf3tclGJ6XShrvze9Eb25qWVEUrJl5bKpwbiGpwc4UBLys7f2PbIZFD9gf7hgzEDZMkmGQBpxDFmnEExDeYjYHmPF/Z8U5MVt+oucijPj/K+FJu20a6EKIuXG5++V7iEBsD+GZsrqOv7hrkzEysHjGEInsCxyEdDlrKlb1ZfSreTP5npz6PS3a6XMwj/srUfPxgHydCdrI3uuaphsrvu72tvkcxdNarSeffGyjN9hFY6/sCBetyFw6KFtDiqlOlYZDFDMUInv8MbeECQVWy5zEcOIV+AV7at6GB0C8Pw9z1ncWZn0TGMBKpATk2gdd3ObusZf+R57AXJYIs46cwosjd+4iqDXerEhDMWR3MX+TuQBEv2PVLEZRAqN3/haj5TwvkQwEec8lCn3WJVH0ayOJi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0uqGZ8ClZzsC5eoMVF8aiJHmqsOzi4G2ODVCT+7MaSE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fy7kD2Tf3r9GFk0Ab5X99nRLhQfIVmCdwxQKPSLmX6bm7uCO1Nu2Ih+wym9VZOWXPw7in7Is4F4jgmfdAPOJJe/A+bxmaYys0txtIhhJU4tVCYKpA6buzXOy+MeZjWZz4Bg86rvv2onnUPM3h3wfCsbXoca+qIpTLI0KhEOXD2U21MFJIZCJIKN2/STpN/FcknNwTajLGkBY1yMgKUG1oLlRbO25DNkn7oj6yF5ka8QuvOgnqeaMbaFBDiiVTiJvMNwIi1FN4b+9FM8JuBGIwN2cnd1XhXVlDpOs3os9RDlsDy+gt//vgN30O3HWUqO4RTfOxCxursG5RzRqmediB4ryGClHBXG777geBJ0CPwOxPy7uXIJEmjRoNm3Nerpi5ycmMnZ0NHfaSQbX77BCS3pWEpicnlgm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0urLHFz8dJrUqRGOhKK7uMgEGIgQchqJS6tSVABIJwM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TTG3yo8sP5AVvshpAloTVNalz3NIfJrW7s/Ub31JgLWqgzEn6ngEzdlnROqCdj5nRi65u8yWFNsd6WfGopRtNYJ0qeqVrkmhV+PDXX2HJqy0avdFCzRrtpVyK6txnWYjtetSGmfgZJcF2qwlI/ffXn8ZBuZ0L9L6J8Mb59eiXwdwMZoWNDu+Yw+izIYwxtmluD69KZ8sl77FseryQNPDDRWuW/M9g50iSO8QzYZI/KopSwC08Tft1RoHFyOSd7sVgjMICtoC952vTp923K4tY3iGZH2koRvjmqf52P38qn17xROgxtAJqlRrGDeizp3DlbSyv1Kc9kScLrimpmRRzEgX+M6RhWtko21vlxKVDcvCbqqjM8Aty6I6Yhyz39RAdjyosht80SUboFKHlpgHqr+n8jVsls9P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0wwEZJFyLW+89JYG2o18DrMUXEbc1usnaLETVSG7u5k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "csyMOof4o4OLeRa7+jXFWRCl8s1pwnpiOMWHhCdO10DWyZW6Z/TKDvWbs0v/W3Uza0pokxv4SdrpdzC1EFN/55qelmpMFlk2K99wEjJCB1vKeyI3p4x/WA/2+NhGC4NaQsOlLPBCJe6w4KRRtfQ4h6cpWyhn4gS7qwHoK1SmUB87iVgfEGJS9afTEZ/koIBlzhLJaTUno+v6ojCSwajp48KbByk3cJjZ1TWABA/HWayNvJac/0Xvmx39A29YKIJk9Z5lA9azlpUIs7UCeEq5/hgX/SFt1X87D8Jrlw8XDE1hMrmBpbzYX8d1CirMQdiCqgJs3H3M1iHp59Q1QSaP8WMLGeR4k1OTiV4wCYTBdPAIln8KHLMMJgbCqX1EBc12gZQJwWn9/+bCzPPUT916NNfecx6JJupx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0zSnkidLnaSc+6FG84XhdeCLUgrqlvK3KQYyKWTYcAU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ko1jYIAvgKeeSmkE/w2C9/nqET9w5N/3beASeYU3TcgjKC7vbPl47M3VRr6V0Wr0wJYq/vbWCQIstGDxQYmsfOg6zDA8ShuXXXQ9tmdeBDtC4skHaWICCcRGTsVfiY5dsMzdS/gcbrheT83p5t6mBw0v1iCuXw8m3C5lbMNp1EWSM7MQHjhdoC4k/eyrmnSWvNx8A56cUIgTr+hnB97uf/58HaWwWO4feoRFdwz0T9OZQXo07FA2Jq1vi3lQ1oGaJy8+qQJHNXfQokfV/o/LRYJAfk0PTKJknLp/SqF4dZJ1c4zv2IV7DI9Tuy/qfr7tc2uw5+hfoHmAJezK0+daDCjz+f+B7of24LGiCfplN5C0b8v/9ymZMRm3AMT0basofYo6S1t6wFkmPnXIs/q0RwICJTQYv8U6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "0zq6MNN23WSRCJkpTDj3KgiwxgCqcwokUSnXdCM0ibI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sUPLBmvQwif+tYkIaF8ZBSCUep6ht5IdUBnjQa9nSrDOcD7eeybJPRs/JyFlRuvt20iVonDO87yYR3ArQiWZfwPWjLlF5ttInaVt41cJccS1AaWt/Zq2zBWhuYvhhvxfwIJAwd9neAXIxa3zhbUn6EunqI1lXdnTmYKseEUt63S0MxddM0xDLHFLSH59X+UuGTY9B/FbqGhVznZuZG1+kxLHGGa9IecblPxwARMM8uFG3vMPjBwM2QdI2IoL/wlvBNMjSMKNdkuPKnuE7PhasP0YYt8MxBNckpFDiLEATpYAWbu9A65cailF3Wyn15XL3DAOjioaLPUMNJ2s622JxMey0g0gCLbfznf2geVK6XPWY/zkLlNeNo6oz73M2BTwFxCyxB/dHVATpY86hT65BndBPY3ZmC7K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1+MoaIwBHsBpp6TZxik4oHH7HrgoFAZH7K2PqZKEfSI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZE8bUAWQv1WE9Xm5F+18H+Zx9EV/ZrKr44lBCeZGlbAHD6TxZFGPSKL04muAmgZ0Me5cbhEGf7vN/tAK2ZjrHaZUrIcM+nMQh3sAUocgdIj/eMOwlbh+WXAkoelWIaHeQzz0zIoz36fCpT7o0ozK5UOSuhwnOQWYbGzFzaPZKc6S5id1ZAk3wQwaS4lsg9sKMxBHcaUS8IMDnL8LMveaETGh/qZGwsgzhzS6ILuRq5qNNlmo/gVHWwjJBOSBpVgYWBJJfmH8cmhqWGYFg1pPklKzM7AefI9XJSdnDfjzpagLDyRS6uU4Ymy7RlVeK8PndLMnGxRT0N0DZRSbplThXGJQJWk9BNR7zXAJyBQhgE7fj4hEYO0UCWfU3PMdm44k3MhHpuirQsdcIZygtiRJ8foG4J2TKEs9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1+iPY1V3hk41U2V5QwI9yPIyKpxnFwkC/WvcAticj6w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OxCknulD1BQXY9zP0Z8Qc+C2LTxxPvd5zPHQ021VzlGvJf7RoOmYEav6r1Vm/31FdXV/AOlhhezuRGo8O9HDczvtrW1LXdvRzAApZAZAtQkP6GtQYDGYHCCZN5mhs5yRLSxbwrkD8kfMFPNUGdSkiKdhdyo8PUvqZtNPelpJw5KN68knfGdNz5ES4bUnDfYUgVl1Y+cgbEtq7P3yWfsoOi4ln/hH2c/+PPvbyAaPVVZD441s7DyHCyIaF7oskaLvIA5rUtiJpSNbxjlnmWvH71aQhTIMRZzirq76QxfBPpKm63zfmKHOYEFrCrZ8Oh+09g1oeHbE4JUFg20F/I4yqu/Q7TapDKkao5cD9xXYl9SkKUp3BDT6dHl8el1/zxWLpzZhyJFfWJ0QUBol6MbAVOroW+SGAgnG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1+uzqI8BR580/PqpltWXmb1/TYUZdQgqFI3h1OrG6ZA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OCRew43Bd61xKpJmd6MqdL3F2q5aHNkdF8O0jgBIVuxeTjtv3JwOxOWBn5bEKFjY8h1p1yfvdOdPLwqnieTJIFflpiVtrl4ppF41GbcO3zvs9UhP4zTdgj9YWY+tj9qCKBWWmcUh8EmFGOX1Ag2Waez8bVexPKylyTDKw3Ay1Nu3Q4Gf+ySHTtaPBSRotE9SSz93jwHOhF+xMt71/yi/nuMuVWEwly/ogYtNuZVAHEaRaKJ+T9U55+k+faIjqAQryqrTDa1LgpzwWIrhd88Y7Bj6tZjhW/dMMAnSADNMyCg+9NfPi6nt/4lIQxmyLnR8RknfyJE7eE9Wao6xFd6luhf+ysTmIIrTz7yKxWCGnmcivf5o51/5BTObj6Qs2m1JzkuWS2NNyG0qn7bKHp5zFPgxU5WSL0uR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1/+XkeezN1uqc2JDfMRqck788fWopiVGmBJXx7HpToU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v7dvi+eZ6T2pFYsLgTPUJf7Oh/1blAGH+xLuI9ThP3+BozDJ33aAT0dY4YWZwCcuoejQRLesOX6tqVmZDdtLR64pacfIv+P2+NqUdZHLNYynjAIQpK5XLaCMxbxxQphxJH9iV3M21tPxQb/AW17dGymjY9Pga2hxpt54usPGe3fsM3XGRoWnEnd9JlgJuxEbRg5pQAWxhkGDm2NXazWd6AooqJAlRRGXQlQX6IcCjM/y2HXgcJrbKBKsa3yCCntBtKzvyeaWKD0ChDqNazUc9Nm5GuoBQpK/ST0+U9tT3CeTItaK0hx43AbyQ5yuIKfLNxMsEyEE0dCpFaCMKSpm/KrsyVfnyArwty5gS9GcNkIYa6IKXPmot5N/33Dk3zlK2jtSQ9/MzOZz7PnaHDssAj6J4pvZo5Ca",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1/I71PKtHPY0WzmFO1KeHkCjC85ubr+Ihorhr0DL//o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T8+CrEam6k8qpxJhF+24N7/07D6mU9/huv8Cx6lKdate0+pG7XI7O7rh8I1/HhA6tgCi/FAKqWnndEzkZRqgf+z2Uq1I9vtNpAJKUnMgDLfYew8chKOlFLA19bJZPCxh/a6ewcLI1gDN4Rxx6ZhwaYicv4mEwrCjlMqmXS9IW/2F3bCnqyhTKHHLRIKiYMDEzEyPdM5paKWsRDmG7xYe56CHK0NDhZw9Dhs6GFgi2uRG8CdMN1I3C4w/ZYpYdRz7BML7kSCUdnywFilKRpcpwJERWN8eiVOfqk8WDqcyCGVkCr4vzXU5RanF02zZsTBMQHJ4flK/3kPrU0HJVwMuZnsC8vkgOii2mOnnFQw9z/WifJNkVzszT9yT+lZIz2SjrNGTO7Ft7ZP7jB2NsiaMHmBLHj8cgFDl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1/m4TlNI7FM9xQ5BdJ+qYAX04pY/jztogqQRAmqT2zA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QDOJeoR9KiPzil8UuADY0eZgijoRBnwtDwdUFWEabDhyqZt1igAgtlo3Nj8Ju6zpUd704dtxqMzVfUbJc0ftQe+LTci2KjjlFsndiIW+FbPr9EOb2iD6fyDiDl8X/klSX7+cbJcb9EdAcBbAUgttDsSK7RcA69JYRtDAYR5AgGSSdVhiLiY/5YzCr0Tn1ZhPOJxbh6pIuxkf2n1AA09WZRFmqON3iWCwXvzgkEpKD/YttIaauE5zQOj0n60iVt8EDVTeoy9cXdmPi3rPBMR1IM4soZ6SwUwtQbkcwJxS6rVchQdAWD0Eq6TIGBtsGfjzTQ97cVZ0vf1zYKcSSCO9VTrvEZI6HOjPxjTweij3IWeGjRWJCg4JSsN2uJmrv4wzexgnu/sJjzOQTAKMptQ332VYkYY6vP/T",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "11MS0Y8U/iDshKwhXa+9Qpo7Kvf7SbXsOw5ooq2Cafg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ReKJIDHMIcBMmy2Rip6L7ufEkErtug+z6OcZirPJGSg7TnP52QwjX8+5B+fZkHYJXJ+2FdBZ6p9ZRonCl9nVnAtGW0siV3bObS6kMBRYb2FdzPp7ChAoMQzRaP+sZ/2kEuFd3X+nLCv8bpJ97cn3rT4Leioem8vcY9owcss8wF8xkZUzhEoG2wMWVOLCqfQP5j8KOo1d77kAclPWKZSGYg2f50V+BdGUCXwh0yjCGSpGPsEMmHTumzfzYjJC2SOBu94CdpqVIegocGgYt+im2C9EEvutNVu7/Ml3ZJMx0p1MIMyUsDMdlmqQim13t1dWmEP8WC07VLLruUbNzgmFJ9AXMUDNmnbhTFNsFWUa9hhP1Xj8AhSljCkAuUeqzk4G1LWLiRRdCRTLHaoSllY9POA2QwWvCdnT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "11eDNbT+OdxepqJjqjXv2D2chY8rwwkbmc1W2J3HBl8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0q61nDwCSsWaJHgzqtyESBlrWDbCuNoZbFCls9ChE/V6MXCTyUE8n774SHi65OR6XrnbkGbXAlxYkm2COnU2lV0Q8uZqaipdtxXr4OedyF4j8UefCxZJh31Wk9BivcCFIQtNz+IjJR1wm4OH0tJIoBplgpGqsQowdEXnOgirHkl/4B7S5rJeVXm1Vl4N5jswLTqqDvq0UHS68q06+50xU9/DztiKUYlIJ1CyIy0O89E8B93p6vlYR/2hL3MBkmcbNv41mymCggdPxjAAwI1a167W7/bnFxGRs4WtM6eNu/MHrwTlXzpPBc0iyV3WXfoiJOK2+Vwyiu58FighCoyk2XLFyCxZ1L0IpIfcCwxGpp+9nB0AVcxv6vpqR428ojb5+bf1SdVrc6u/VToOCQsCm9LKK/Iyi3uS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "12UU2+hnC6lQZmfe5igmJ0YkcXouSA0UdA9gYOvIsEQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5j58RvUXforF31QIIautotMv0amoHpMVJTEKdGJ/z9m36zDUnlzKUYjewjxeNeZt7ntSElfyqO9uWb9z+EhGeSXoiIOoUrGWXgn99/QFC+D4optb6319FG8Q2HU34JikbSCZBiKL6HSYAx37FQ6dMiQVYXpd5zbU54P/lBEE1vhBjF3o+L/Iy403Nvo2yxEV4M2Sv4YiXY2TP3TeMsFi/8vvc4ph7Zpb/UKWMW+AMmycTWw7DW2Hj1yrWVbQsXeQgHNh7T0Un/eA2HTWA75bLGN+F1cmWIcqlhQs/qxAwnWlXva98liqK2RY6BYA7vhcKR5CO9e9d2E35U51JGlz9QWAaWoTMJ6ODXBpzxRavJ2Md3j/9cPLHhCYkt1sw65+jbM0eR9sAJAoyT1gcnB8ffsePmvOvGBw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "12VNyX1tzJGceRz5WfI1nJrNNWUQToCFFLSdpbtuyAs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lWLXIAWas3tzZ7NqZlIfU4NH0KHcL5LgMalEKchyd59ighDHLCq1MKizd1fIM3Hylvqy6/smwcdUVZ+YKDfrYv3UOkqCwjivBfBiLuBFTqd23DWoXyZdA1z9UZx7a9sBrMfmSQurAEQlwHISaXLx+mr0wqCzLxn01DP4Q5E4VgJBdrH4pD88zGyvuGzGkYX18bbPqBrWH/MDj1GSNwAMC2ohEhPhCfILlwuuy0myof5Xnyz0W6AuNvSHRZZ40k14b9PM6PidYCb3kTrdW34cyAWtUdxXCo7pQmeJpOZ0gzIIhMbHXW0Txo2Vz+08REjC6+L14n3Ei7rjOLV20BlzqAylPeLzN6WId2fjaaREbgdPQ8VIDqyuuAVZ325E9m2WLPpWBkjVmQfkinVl7O87hKDgE1HVLIHj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "12bEl5TAFvCOsm3+Xv3fbjQnC2PreAie6OxLQ4KRvI0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v+ZJyu2Xs7bSlF5QY2AgnAYGOjjBuqctv3p6BCEwCsc2u6PYXlFSHU2I2MxJiJHbdUDR2xT65vxZFgsZ30BEf0eflKAmjJ0jV269Iyn2BYlnCNsU2Vk8oePB9hd61cgMA7Kye0PzyT17q998TuvUZFfS4AYXtN9F6D0bs/jpbKq7siqjV/9iFi0pSE73MNsXPLK3tchdnA9Z4KKLmfI1tSVCJrc8KeVaro8C8ah+RbgfrMCIBEacXDFHJm8QpDoY2xG6+iJciSP1AbuR5ki1s9GsBl4WGWZHaEdf+cCyPJAFwUKNlTtiDYbTvH465LYu0tqjt1vO76edrjsTyf+c4OOeyC0JfgzjWl1Zk8kDc+RcJz9g1W97vmjGe0dP/evCedjgNZp6z/2B9MkchIeD+9TubOsuCN6v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "12u5HTA6wNTtrbooH/LfuJnj+33H8Zfk2SjkgYrnc6o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r9wKm6T4qlX4AhoMvdjJ+jTL8VMRkvkvmp8zfgayvre6FINZpGcR/nhUC03klWur/G94/h3xdRefUqHY1xFKW4+BZAMJZ3TZG0cpU5L65na0jcAqp5mbHBzxZJw9UJm1RyVZd4eabZn8xOq4t7OIdiSXTqC2LkRVp98U1RddDW95iL28FGpr+PqaFRChD/wOcwMO9jsuyvFrF+qxhP1MSu7GDekIxLPoNfzxfL1UHyFM0MOwMo2X7BQ80/jwC8RABBPKKHl+1UsiRb5spLiO92kl1ayQJ9EArpzvGBhwi750aPVoEm94WqkuozeZUkaGpNwLukTVv2JHvBWt4dGWD5YmnFy6lVWInce20gH3OWSOR0oPiEqCQ1Kr4OvI9i8DHQ7YchzR6z9cPiGUY+wv6C6nIZUnQeQW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "12uC8FQbK23i01RCUnlxkAPvzmbYNk12BHhMXwmEDY4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WVClbC81ebE/tlfStTenEiF4FkGnF0je05gqafWdN5rMjFde00MKJUnnUkeTqTZlJE0rRBuvSfZOVTnC6aiUzuUvfqO9SUvvgC7yhd5xAfcGn03DFIRBGSwkuU5HOzuADgrXg9LTH43mlfhfTVnQfZESTOw/LgHkZwBD75UiinbRHWqgtIpn0Nzzf9oDIkztPkNX86D5ZtWPyexsWj5REdL8BRHFJGweaaczsL9UnQukBTsV4xsAYcdVvKf8jjdd1za3Oqf9yWT2v8XFP6qdEtYV7xid/RgNuCo1sMaXJTTGbvg93Om6JTK1kkvAAX42Roedhs59k7f/qtKAUU9DKnrGbpXNSkfYkxz9HTiir2hkdORmf0oy64Y6evVEk5B6tPQ5SG5TW1Tovtei8zSqYIb6Ew/rDVNY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1576k3rX7hVORGK2T85f2dR5fTOe0qcERKg5igp0Khg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LSHixc8c0NQNpJgympVuKNfzgoJxVEot4EMzxgfxj7tApH3lfXUf6GHekJ4XcB4wb/1YMEz/VYuH6C9JMPS6+ZlTNpKXq3ifyXPuaW4TTNUiqm7A1ZFGEgvUoqhce+9kmo0nJcxTYJ2S14gk4Jv3EOGs6wxqEqYnVCk4mVb/QYuD+821eJitatDo5Lusyi4jP7DHlPlgBc8VkKD3gBh1YiKsKRstXORZnP2ikXj4zMf+pGGyR1VrLuNhhBdny59uk4iDjc5itaiH0E+mFA8fMcVxsKLDim8qVoZquhQCWWL/yqtU5lptx8W0PjHfIX+7zmpL1JqnqmIW+Josu7VDwh5jNWWsGX+D6ZVf3i1eMmlnlV2bVHJ1r9LGtKmCXiNYr7tfbOg0KSE0DgVsempMya7RHRtkYszU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "15CZBOq0KcAqTuit1CvZRBcdLl5o3/Olc4NCQkvm3QA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NsVLkXlw6Smg6Aij9tTO/6RtLIg9gx05ZhRTJo3F+cqvVJu2w5oN2DspALUWB02Md8DQcWDF07qR90bSCeN9DBSIZCSFTAWzfIN5gE6uQk7QdHdK0hp4L0t+Rhv8hyrngPKxiB+uE9Cv1vgkIok6kESiKzp+mArpfKYAtyWY2bF0e8mSUYMESieZkmZu6X19+A7KPvERH9TtB7rhqlCmpcVtI5MIBkeI+5lw2cd2DigmRy7cJLPqNnvDxpHdw07mh2/AkpHyMjqkCL9UXrxiPbeIO7lTOM//y+It1v9PXC3tetAgt2A5mrek1kmt5QKwJLVS/iu/PgdL8LBLxOaTzrCW5G8j9JJ/Hz7aBtdWUEq/AGMzUj46FwUH6GL4nB4pln6dV4zt42dOjca548flj3wA7F8PhlQ7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "163DdF0sXBknMFCDtYigZQU1Dcv0l3PdI7A18j/KpAw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jt+YUYdi5D9YJc8jvGQGyMgddtgQgX+iXKZu1LS52aEZsXp3mK+XwVP5sSbWfluKeh4KFzzVbWAUzXFvlKILC4luysTVET4njRn9ej7+zaen57yjsLtAhM0I9ruGro+1IuJ83pPQRVUq6RBuTs50rqxHPlukm3gD0ewlbJO4v9gcOHwGgeVvrFkM5M/qTa+GdldMHi+fYylp6Lf6yqnPA3CGIC6YuA+0Qo44GWJ0FwkVeKTKeSaYPH2AJKiO2Jc8H8ZsTjeMZ1TxPXXgdIB6RnF6I8mw8nRUf0rwSZQpSpD7ouR03JLdZB7C/XHstbNRRk3vmsdvxs8xDTBUGvqq7DlyfsA7T3ENRl5ci1P1jIedeq2bR+8XnCgzJg1XdP1VFMDaX5i8jYtJKiwOtp2XtBThS8f+6ZYL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "16hHddu5SL5Bac24WpCcn+aHpe6+IQ7Otn/VAgiu7/k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XS6j7GgsdlmuuVpedwtd3+z0Y+9UyxUGQ9OFany4awBytP9FXeBFp2HQcsyuj9yS7IcEwql7WDMLlCQrbr+d9bt3v7xFVMl0DEQZB6WHw5Xc4aAHPlmi/ZEu7amLa0KvPC22oBdFrIF9LgWxZ3w+AZniL+KLSwLYOY7wOsPT33MhmbmRoLY1XVW6GymaZsm0qoBHlbof018nh/MGEaleYrQ4pB21Om79wbdwLJpHx+hpRN63fwWBJgBKu61yb58uCR0xiU96C+22gf6dCZK5ODDPcGFKlIJmSo4O/zwuNbsTMzeBEYz5fumw7DsA5TuOmQo9zt6wP3NNi8sOpFU5spngUGF/8CvIYFrIcAkgoM7Cpa9IHfNfWnqib2f0BOaXqe2B6LdeGxilztcU5MzvoHVMnIHJHoHB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1AWjEvgQvEFmTJZdkX1VIDCYTbWIVfDR3rlEf0Knm4c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vmJiTATVXph/ot2eGFAZHgyNnsL/wJUOZgkvrDYdxfu9KzC8E33YjsBm0Iyi7zXDVNORoKLR0NlhbNzMLLj7ysl4OsijWaeeHkFg28U2wLLNupwBV95set6pDaCDt2SPOiZ1FgNKkVe3Z0Yaczta8zOtYyXki7ZBxxte1y8ThTnw0stjL6l7pZ+BYcNRYlwwNkEKVnUBdbfI1W6RGEKrXnp1H3bxTY5WxXWBOADqBssl3zmlZ6/G6Uo3w4CavURORPx+ZPVaQBrzaPkzMw8jKvXA4M65cSLxVGyRTjuM4M0sDP18PXo+yZKchcQWHQmz70dcvR3AJ+ZBRrZ5gN8QQ/hMqOx0SJ1d72qu5pPz5B9b3mR3tHYoI06X4vTH2mtt+q04vYud0oAD+iy14q29bt5FRKJJiXRp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1ChRVYCxa6iFQJnsWbH6x52Z6ULZR4ow/u11+Ay/Fdc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jcLYo4PKCbGUYJCOmrtkeAOzSE8thHkuM6/6uGJNthYQTdaUbI58Ph/xSRdBBM40PxTvXQnCRJ5Ygtm9DVIaDu9/0755cDHKSJ9ZUA2KInPVjon5UtYr6djS30spB1gAYV+kAOAujDPjXW+OsBALi7U/1XyVikjYLzG58iU3C1i6TCnnpTh0TROAfjY4h+jX0Nchj7yCw/hAtMgWAHMBuPZj6gdzTVBE23QlRkp901LkbdpcRqPdOwwjsqh5SaYdbSUTpBdW93CciW5q3EwEZr+N9y7yVz8QJQyHVNJJRb9I7R/2L3cWNCTVs9Oy8OCZr7hi3jBGO707eb4XWUN68bw4yAEkDzLXqGL1dhfsRSc95r3Ew4CgtmoJpd3KncLblmOOcfFE3Mq+fpO6b/2O4iQ2JZRqQPjq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1CqXu2RiwBpU0P/ZevLdRjxmjKlCOgDAEkZzpOiE0Ds",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iAjJc6KMOTQwF/vWxODYSSE3JcWSPLB0QJi8BkNf/NnHVhzpDmRD24F9GvZQ3cj2UMYnyIvIb3nwNX6duWW3ujpJYjYvThwUJ8+PNuBPIPVFQYHgFK1ZNktEj3CQIP1QsSJf46V7qB/ESd5n2cxbsRSnIjoQZYIBfaWIKwANBg/97kaSSEFBMPWJV9MZni5aAjLn3PLPclK7jDLtHpxyefuSZ83w+mY69GOdkfsQhQDcGd7LtbI4ZHk7JsDA4SkGo8W/939+ZjI6QYH6CW+OS5dVLOt3ANKCKwY+IEoFGvVaCvw3fNmVt8kaUzJOXJWyL6lWqhhFKtJtyUGi/V337t3DK5f0USDSQ4kX7Z0/gAdAQNzCH5TewhnKLMXEmJ//q35EXnoRIGG2YhfhBX3mcaImkg02oS9H",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1Fz4uf77n0jPR2kIjWEv2FPSKDmYaVZF/8dN4+ne9oU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+Cvp2NR1OUkPAhDYrIvgiByT8ekGB8/lXbkh6o2S4w6cp25nBvboxO1CK0EJugsPW40lQSlJWbWldsWm+VwGtwNpvSm039kyrJVlOV9S3MBWZdHB/taEnx4woAlv2c0fo5hA6sc4r1PXsIO0rfNZSCJ9wZA6znW/rvFL4s/Iky67/g+hfO9H66P6T4F+8uhUVGDPCEqNSeuYmrKkdu8U71eisDddfBeAqVQ973fmlevH1dKg1JgNSXaYqUV7ZzIvSQikU7JlVCSLtL8BnRVJbwiiUOCjbh0IPue6x9y1LG0VWq7g3iIR4gpCnMguakKVTosmW4+zOLUk5VGiISSGpTCOECMtfbtJWolpXvpeGPcFhgLhpv4HvqPo9EwhBPtvGlA6i1ghFMxrgN7YHszw6rEuobBVmES9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1G76LDbrlVsGCu0O1bmc64qfhgK8WY5cnw64T9F0xeE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VIRcQ5arsymOUnDZBDuQbCCcKqOcxGNXZ+CktQVs98idqfUvzQ1RXw1LBCWtUlrKYYOr9uS7OfAiVQFgJAK5F8Id3FxZOQfYXXhMDloVVZJSjooSv2IeYgXep6hEH9zebYnFh61msx9JLXyjcV9b2CupBBZC5mCATzCNGgYm6Iu6ANxRiOGd0OSde4Le8rJSmDz4m2KQ4HtchwU+tpsaIfGicmeemF0CkZfyVcu/q96m1sRqdxjWIRtBUl+HgSPDeTitcAQLgujusgOcAi4jirthZzlbzZbQ/22oHDhJEp6pM5pKsUCcdEx04y5Ff91w7Cgz6erp4Q0d7wdkf0t7OwSrWlzNa7Pm7sKSpTCP3G/LFhSZo/+66yLVZRxX5J8Q8A0HkRK4L7NpVX6iMHKsfxrt9dwr3PX9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1IOew37UtHuVq4shr5OkCPvBFDiHuK4vUWxjRo1f+c0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TiW7oa8ZtJmklr8az5CQDedwx+8JRyGL7i/0IelQ4RD4HHEUDzF1SSC/XiyRZaxl/Uk7+qI6enFo1d06Al8YrKZThl/Ti14gWgvSNMjAg32+6fcTjwp/YjVUn1YiPyP/2iDQx5i48FkQLccb9aJRgUR16vrXc37JuhNwjKfVrjD8vYkLurP/6tW7x9T2sVjv+kvec2Tgj1GUxlBpc9TQG+kilsyzTQY+fCFDxaD3Tuc6aGPlXYkRVntFGHEYTm6kIijW+vHY2rC2j1WV0pCKLzQoRRHiENnK8bQ38rJXDdYx20RY+H+6AmHxomKBStT297eav4c5Rrj59dFVVA+9QUafnoZtuTSo3oJ5S5p0JfdFE2SguQYg4X2wK8JwqjFnqWiyE8Er6llIuZZZ75HzR4ph+PK8mzGs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1ISYoda5Rz3uVUvsOvSxLVAzIFcZcTuF6nIg5kWsaAA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vIomVC2XxmojfhQOhKeMJzIN3qTYFJ94kdxtv4vikgcjPOJf2NKqzLUEV1H0sI/kGqCerUS70vDEh1Sq8Sa+wwZC/5Cp2byvIPk85zZ7VDq2ZbkaxiS/JqYWdRNob+tjYw5mbkQgWspZOeT5bcrva9D9V6he+WJIZpwTorK4e2FeYP2NUjqFQn9ZFSGIi82uw1Bodfsn06SzCp22UbZj55rW17pj9c7MzmND/1WwKRs5ZuV4yyceV6vAelzX8mzmZbF6mh7Gn5UIlfPgCEZOr57g+3eifWgScBeMQjmgd3nyWiF1MlJ3grskzAYgEe9Bu9By4ICi/n6wow8tBi9YsbSSVmHsM9C0a/Q16dxxMWKtIlm262u6n1e3X1dQoiFp6VRiCkuKB/GXhKSWIR3IhcA2P5GzsCLG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1KaXnexr+l4VCBl0FhlyYGjfUIc1YIzCxKmEscKMgeA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Jp1LvH2g6hPsHxkE9zq5Li7bRzloN6wQiLCGGHnVpNd9IIvtQH3oNj8cP651P992h2loKf5F1A9Cp0Jzg9SgM2anIxvBRmpyaH9x4XXvwCaByA1Rp6TUtYgUjU49WUGEes1U2XzLSn6CSuUdeIfiX0oz5pkHJqj/COKRc4VYp3OKU2/nShbZG+0JipekRxEE6z8oKK2nDMP7n7nd0XaRzQaTLgYYj/e2Hypi3J378+GpUfcAWvY9riTldtw9NqOCRMPbfRU+8jtNTlQ8Y70qSEUA4MFbOcI9ELl3HOp07RubWsp9zIAZWW6LFTsoYan6uuHPAD3R5NdPK88yDRoVvNykhlvWYJIjBm0McIyTFJKWsv6HBMD7+Iq4j1C2AAInY3S2ARCtUJSRFVa6GbqDM9W7k/k6EExu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1Kfz+89bOlPScLISP+ibHFmxX98wxvD0+IGDnjhlWwE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5ZYkC3wz6g9HNqQd5qRrXZAY7jKPZOj6aozXK8OabFTlYwPP+KbdvgvYlp8kohlSkOihoG+3MDk2oRtPgChucTJTkpPzQQD3Htk2FPIrZoJ+Qd6OEAX2blrajEg29HQQS3cghQU0uLKiTJXUuaUZ8du+sffJVW7riktkoW8cvpQuZlhCC08L09oidClzex8zFjFL6pqAefCF/4I84Gj/XXAK18AnBnZJvi8PeSs/UjPBSXg+QJjzioR+f5CM9Op3MRpOoprGkQnhHZv1aUt+NdeSkL/I2nj43LP9c63hoKlHhzDS6O91+IOPvqmKXt29J/xwCizKOoFt4L7eM7ENEDwYGPQYoS9lHL1DxcKNcwOmYyQcos6gRYdJBxwKXl0Y49Pis2+t0OBtDo7GxO6QOqA+wQDLFRB6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1L58f/PZ5wDcF7WyJDlYndwRcGYgGaFt6GSZyTKbuqw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IlEAZJdDyvgwY3NNmB/pSeOaNhoSMAKdE2/XNpucTJyH0Cy0AULXrCUInlKtsERdIwtT5RD51O49EPM48a3h0CfdrcbEjaLSIfqLLvTF9Ar61YW8+lSBwuZoYXZjQlHn1pdcTuRL1xe49N7wn4pOs8ooEADXTgNFII8MTGz5yAnlpYvsGocsXJoR11xMTmh3v6UlLXK46Pjn/A89M/Wr7iHfjAR3y59j6HZA73aSZIVQ1r8WAgx/jqNMSNYNSH5Lool8MZ2mchFYHVNZl6YVgg3rpFT8xsPsdnpxFWdLZYZ9/8FcfSW4BJ6USBl3FOsawtpEofgPaRuYYy+vNfGWVa/1IJD/aUUtPLlXmhIeaXwQf0O3Du062z1QEEVrxoF9uGGOpuhNsfbzo8AI0UDjfNbzVL9gaT1b",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1LbOEHFklIucvAErkLSAk5hcYUtazysFEiLfHtuTSUk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jnLfOSvTFb2JATuqhG7vIqp3EF3UoxeKaBZquOnA6JjG4jPhxMMKAencwMdcCrYqOmgr2ywXvQmSaZvlHTa+FUoXjGU73oJXmELO4DS2N/+PmpVGn7ZfX2GBLlDLxcONoczbuTQ0IPHR3SDdR8oc+oClesJptivw3nRPK3IoAylein2pEbl56lXAHFXqorqL8mx4XE+2hEof7H9xrdKv46kB/39ukUbw/nUEQP+gbmIEM8kF+fywsCFIoFP1YHz6yM7l+tDYPO3DZ28JvZ/1agZC8SToAjuRgAbs418dxlxjQuaie6MZ4uxQrNLRSXZF8oDrtbDBO2mz8QuGkbkLHdLMwc7ftZ+p5yz8zWoNduZcuY0VsJoBQcDvDaG1wrrBdHxibRURi4ZTgVeCoqG4BxKczSciw8vp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1LxE7CBIWUhybh2vhn7GrOhztQerLXrbBImuYnXUElQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XWJVn9LvrVdilsz7GPi2evKxSedwTh7Wl4THkfGEMrh0mWR8UAkcT3UDzIQFdoZx4G5rAe9ldNGQ0mIT8ZVjx91PVv+zvz1fwyJfADJudWh9X+XMwyMDL+dlGKlFlzDBB7bJ+WtTZ8bpHFjk45cLsBNn3l8O2bMI87iZ5PGRu3HOzopqpethAJYDeqEcTlRxWC4azDxqr9MrFooGxVjE27PxsqkmluT+VWAMyql8gFwxHx84zxhRpy8jt00GLKk1dPNMHnzOMITUFcxHJ/Mq6Wj/KVPW1wMARFBx1txjwlXqQ6BCfizaKWK7eJoSDqUrmtLGaNHhgS24lVhspc9T7VBGaPM0bBucFL7SUk7mPxQieQaarkwhN7/kY/ilJQRL1wOJtXnQIJPl2xrOzEpylFkT+VbVfCX/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1MdrjHaF+njMgkRYjHUjrz7PmnYIpfmxQP7s09+iVOU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CTSKxnmjn+KG4BcelOOhQyTaOkigSgTliUl1IT7LdoHW327QnFTfHYU6CSzBsQe/YrZsJN/A2Ftk+AI7NfaM3l60RqNxX5rC5QpxBbO1aLXsp+4mQbe9I+T5FDz/GgM0MAp85dVjOLCS+JF4UF3w0DbHonMR4P6EpWwuT2kTZ1p11oJ1MkxAvAmYNoh59PhmSRBx4o01b5AZ5JPtxrtSKy9k1xiPhfNCfu98MZimENHANaLOo3A4rMFLoHCD80QI+2KDFUwG41jTkaJYR3Nq5EXZK7bL6WiM1mf0ieVPJTySSb2rB3MLHukdYus9mz4an4nu57Hpxxy/OjLGmytjUlYNVJgNkPQHwzPE9+T8x2riXsznUSOjhY4aoaB4rB5SAltYcV/8EMxLglZk3qHphIRyE69MXtDD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1NP33zfuSznAg4OZiutV5ykN3AuxjtS9iujb67BqqLI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MVRo8qEYOkUUUN/N2Mp/3eP3SQFG0c6o7lCIxFDdRAQgZS6HN7lQnDBnLsSo4wRqo9U8C1XCWIf8VnJPnGoQVYMLwjzZgfphbDFmMQXZ1+fUkSiHEc5hKTptctyy+ID2minTX8xpvakksFvHqiPl/xcMNxnq3GnjS0wIIPkM4qEwBitteUj66V1ZOv8sezJ9sTDjB+ZYWmcMgEvtXmtCNEJU9Y0XgR2DbKVMncEXLHASsWqR3GaSE1hsNk+cVLFdiLkMWmA+1kqrfHG7Gii9xhL0OztSVcJse7hhW7Ig+fyaUXAsTW8EXnVreRaTwsa3Z1eSLbzjEZ8QoqHQB0iX1zwhfGtNn487mkO9XOulBGOuvVqUtfstqaT/OXYdvAEQc2L6tHAf7OxZSHQiV/wTfQHUWAkPy/mq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1O9Rg2Lpzgyzli4Adk28m3t5Lzd8qqRsjK0TmdhTVO8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "l9gzkSkGVXAqtVoQiNkmnBxYcu+Uci2wMiA5DGBaV+QgHZVMGpgyU+sqO9baNt9pQrxsFpEV1c4HvXe68A05JLgtfRqBL5O+CAvrThUnZIXAT3hLyL95GfhmikU9xu/1QEnE5yzxi6Wk5fcHg4BVJfxDVjbyetgw5DDrK7FRGFrZpD64fOXf1BhkXafoDku4GLjGgXn0hNF2s+Safu6qUaetEVk9N84XmDYhKLCqTe+XBZ+/3J89tZpwvnmu5Rvh4pOuNDnrXVvkeBelqVyUDDetrY4B8yxCnGAz4yRUBSKgggwqSixanqmv5FClwVHC2f6yQtcq4JGb3IfRZdxyy6r5G5fpRb9c20qFwm9Xrd2a24HrQ5OOjqDoaIOqPuTfKIn/Fwc2hADamTTJggJeZO2YnfbnHz/C",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1Qp3xePeqR0xA/4qm5AHK41o8rzTJSmgDonoGMu7xJU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8zvDDnW+vzEb7ogPctlYa+l8Eb6OlYopp0Co3Avkj3yinvEiUvXHoM04VmGo5grF/ibDfUEglBe+rFSdGw659y1SSyrFTHX4spRWk9IOK7U3IXtrt/X8dj21stlerqI0n9kVVPUS9XL7uzx4Pw/Y2E5NJIgNFY0eedX6jl9ZnMrqNmwHccV64irhfyUuWY9aUTB5zVR/oO5y6ESaqTsAqNf8mJsvLfMac0dNpMtdwnf5heAoD+djKGY9UVdOylp7979uOn15+Ffs0YhwDtFNKQzOPaFog6zHwL3xorZqkg202eWJJYbKn5AeJn0ANAwEHj/XHObqkov9ueUzZMM+e8A7/UtONMLr6Rbu65evw/0SGZVoK+fAE2XXdLGWdiQaR/bD32t1uWm85ggRtsZYe2mqYXt7rna0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1TMIM9w/doL/Z+FLBdv5cOjOSLwy3Bv3QLvTQmB9cg0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GV8uiG/e4jnZ7XKRAlq7UCRXXaLztjcMNzZrqLL4SvbY2arkVcDxMnmZtHgdFRdPZS2AKWCqi6yjSUPyc2UU3hIQ0c0cqEn1dU4TvQpRYQPlsUhIUyajiGnlHpaXOzd13ej7c91l6LuO9dFsHUFdDow5iS3lLDnUnWry/V9sMZKmFuot+Uacl+O7WWB3nNs1XO2wzDvdTE7uqWOrlP4cfZC9lbnOMgu9NS00lKiG0MwkavGEj4mUWHwOWGIo5z1Q56sHygld/MXQY20lMYhga2bl0q5+AnWXXn2MIdraVeg4xc2X+aF22XG6V/XOSQu47qVyKq9NAPIHEPwjGIaMTEma3MdiWImkU5gs+/FM050oys3JRXlU8CG1UQIc4cJhs778eBgsi9Lf6rpKAT6aWlnYnGEyxl2s",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1UNKiFOGldnfjDdvqXy9S5tVBzr+p0GgwEK+bx0NOZQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KvV4+awkVHPrMHEf6oiTbXEH5uMBa9IB7//dVUkeGMaHybL6U0pHKI+/CHeMjKZyg0OoBpgRWOfmXqlkxvTLK53IvMJQ5jEI3ZkIBI7wi3LXFgEgP+U006QIbi2FNw8ZxjnZLoLn3Z76B1L33LuZhto0uFDYXELP7+yiauzxXMXjwzk1sFXQB76SehdEK6ntsBfdfyhbSrKCknhb4x7OCJtj7PsnudGGOz8tBSW0CcRNNflWAwL1Q2EREyUnCvtrHiDH/mtl+WLd8e5xl3r2Kz2tBDe0b5Ef0VN17IiDgW00uv42J43G1llk7229BWDpNZolMDhG7s2ycxJlyYST7PCwwflI+/ToUrnz/F4Aaup7WxSXJ0CRvgwKXR72WHlybB/JN3IBzYHk0eIoTWYCjyj3ck2/nWoh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1Uh5JOtuiVjDE5soDIXFf7aw1MxKNnVY/V7jAH9O0B8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lPSXNtaJfYbX0C/BaAWN0IijINFNn28VmyBUlNbOCAcSzjTKAYMadzkNr6HnELoXn8lVJDG433Bn5eeq+EkALPbFIA4YvtRX10yNuMJUwTj1JKUrtXAOu8BN1j2je7Q12Hhv31E6eppTJq7PFFGCTLyfHPXVOZVH2imqpF3yXWMpmGLGnzq6IDYlZ0RpSvOYcXceJG5E6uxxaXzfhrnSS7Q/ah6VGdAUgTDWV+DDFUIWg/q06mTsYomFw67x0qbj2lrxOwdIrRioNA0QCYs7DF9+dLOU6RrBzIMGlCp4kuA/D9UQCgP0Tu7m/pUHQ2bRRrkPywqlXcg3kb7YAozwi4AJ1GrFhJcfwfohVy6GDSkCBSmmGadc4YWzzBv/yWp7+1LJHfb6mPO4cc2Ia5OAo+ix+YgbpT+d",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1UtjdauXlw7fslxCoJfokZ/6FQ7VGSCbb1Is6Ipw+Uc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iYN344IwTFQegZHm8T2FtYEy+iVLmkF6sOYBg8oBLuBFSMuRiIXndYGG/NdYjr6Db5A2kTivIk2VpPklQ+xGwejLA2aH7Pxnj1ybx+VLjw2KlWNfCVmOCnUTgQmJUVkV7kHUVjc8wTfk1+WrUzveMkvWyXJhnJ2tDVfkdkjZ6BvAS3DIZ/r21uYaW7vgFSqjqg+VEYCxu2XRjFTh2IpZxjo9QsTjfN9Gp0vdHxv90XJPOQIOQa9Nzzgwhnq72pCPzcnU1q7gKn35kGTJi+A3COthcR4p/x5+1kwr9HJMed30fHTdRA1CD55xkF7FLfM230Zop5OVchmZkv1y6vGqtRlS5r4nFg5HQZstyuwc2fmaVrIwiwcyQnHq1VGDDFCRqdMfQo5RPRGfE4CmTv4d7Z/G8kRgmZXy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1V+UxpQrPxI/A6H/m513UX+Rdm3yOx0UT/ZruI5bhVo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fAN5q1FAuhn3V6hm9oPsVLSMAdM6L6kKqRP9g1AFXbOuBE+S0qv8ppxm5JyydBlc1oW80cHx2Xc7uxkiJdqL37pkfDt71VX7PecASrnATWsP581W/Wet6gScBfmlS0grJYaGYWDzH6PPXTkFQ3FXNQBWUNBdpPSncWSvWiaiFPV01fJyc04RaMZPi23pwCE3LEQDMJPZHcq3WSWjPRBK229nVUZ50cilmLM+H0g1g+yY409EHRVilQCpDN1NtiSMPKqgQf7HRd6OjNTkQLvUZkcTiU4ixIrvynooTu/uzTQdLSZ48L2UIN5u73WJqtxi86ttMfWSbzDe/56nYLp6SNdCL/P2EfiIOigX8Y6hMaDi5aGY1KGLFj14vmjAeWrvVQVjriiImvQlJw2gpEGKlFV9nnVakcs9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1V4OAZWrcAhyN7dUgziH1VL+1Vfrg2wD5G0SxLoLnTM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RLInxaa1wE0E0Mxx6mf7Vh0cFm6fU3FulwHVZsp761Iz183Ge8SGHf+05ZFB082mD/aWlry7mt3tqi7o8zP+kPXdmEWRVtPKz/vNJczMZffwIl4Y79ffWqGsrn2D3d5Nv7qzD9quaMXpuD92vQRPBqU8PRMiz2WWREgo7BJSG7ljeTOtj1grCi8b+63s6Mrqt1iM7IELz16oIAakybn9FfvEikJQdcYdgahcChIpCsfJNGf6C7KEN8+dwjtDcWn7L0rslvm+nD4XoAAwc+srkb+0H4ru+e45Bcn2702aP08YJCniShPA9TRtc2zl5jVUCsdv+1mB4VJkgF3vrjTXnrODwE0aqGkpLpxmKVdTXltOxB071FvUNJ9Qma9ZnlNv5GH1zeQy8G9byYXOTnj0h00mnvMdzDtR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1W7Vi6IguOmPvV6jnl8OFBqFLgM3FtAiMeKw3d8nubo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fI1F6dxCER75wmXpocsplDFu/4KRimn9pcPvt+OU7A0kcXO5WiHXAx+5A+DqvXRKkw2wXxdHVKRpC8W5v+/Kk6pgjXnk3o2DLofmlx/4HUTu5G7IJBHOn/7UjiB8CoEXxN80ByerTSCXrhyuK2TdG6RwW7D1Ttn+xynznRITY4xRtUPC7vzgNeC4ifkMD1SBQHBymQiK58KZPrEYlSDEcSkrp/BnYF48qvsH6nXHhwEwDnsRRry8H76y5M2QhtLzSSxpjS5QTmSebV9t4zDQoXXXY68JndDqRYwR03dJ/gyleXmT14s1z/isGx97nCo67Re8J4BLprHLVTkH9GLZ9JCgbf9YV8Wcjx11HmoZSEa3BpfQefcmahLtrML/tXdOBDOIp+CbD0WtjkyWH2LV311GCN9TcR1k",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1WkZMf15EbAkJu7ANZ14BHik6Piw8W6cqU8EwVRGhLg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/bVIB8aGREXRnP9d0TD7TMOgDrhU0eK0D0HldZH8YTpcQfX7kGlnI0XJ34YrwJt1TxM73EfumWL0RC5iLH2WgPvGPeEKJUjC5EKl2ND0V4z24xMxfINbiaKXhNG5hA+AXKF6dWBMBnN2fZHgPK/bvD70OnzCVVTSayDLRoJxzSCPsNzFN8Xqors+faSC6ab7jfmhBPMROhjj8yJBE29TXJyKKpsT1ttjUswZJ2fj5i2SwUbQZWhQFKRBC0DMqGAgSKLml9LxXIS0njlyZQ4Sce7DnM3/hkvETat9yEkE4/xzhI/lVQNf/mVDQbnbBBGSGpfHBW9GaGKoHSAkiT0+6ot1LPV4C3tVnRj4gnJHv4e3NHFyjMPp8Av65H+yduQ5NuK8Em3m04BRuSRqZ8ULxhU3zTbceb9E",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1WneiD4rWGX5qRg4dq1rbUk7x9wZY0v5S6AmEHOnDT4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DbGHEk3fLz8JIMoQSFs7LJkGwpQtyKewA3LSl3/g/oI3m+Z3pGUQZda9gV7gxXfkVVoN6TtjegocDnWvMb4G+yVmPa1cU8ow54XghgQMBBLhZx7E6u6k3pRg2AytF4fQ377hiTz9hLPH+ANyxG6b1R0IY/1Y4abGvqj0ytoKnxPGVMNbkkkpuLpgZflMnH6czfX3XlUiD5K/I47fcyUzDUMGMxvQ7LsXYKsLmXQucGKLnEocVsTntpLTjnuGa8lhG5/mJz5eZTykVLL5yMp861F2QIvFL376YIwPsYWTylQ4q9FhPo1dWEYdcfFT66mifdtJ+5KeuXmq1dsZA6uEmLAp3ddmkNMwbhQSvjPNEHJA/+ndHX5f2t00DB4i4FH3Fwpc2XWjRDGHZUzSIVIeE8KFuSmEV1t0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1XgNAZ88QBImrbzagP2ImjnzyoobV5YCLfmt5m6n1FQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wqEKMog4ALcyqyhaI3gMq6Orq4RA76MDa7Nh6F4MszlAz00jYPVIui4OxXi4sHRajAA5mBNiSMEGEqUq/RmL12dA2wwSSoPYuv+EwDE9XeuNrJbjiTJJCIwjN8+/C98h6KUuuopnJ7v2NrQf0RzyoJZ4iTWGE62bKXYaiFI30ZHdNgEFfcYg+2xqWhg55Nd7mFWUZk0PvtIEBWG+gv8cwuSho0qUj6Qgialnx8N7Cnz4WZacaABI6Yoy5VW0t70aa83mJRRN6NED337ldtdqxBEuGLfT6sBIhKjDgT+G3skAey5Zpi5ZniUp2H8z2P5bGexWDFJY+PzirBT/UKKeJi/96b9E8jWpHUt11C/cq3LTbykuroL2RwAMhA98sbBdN5XnYK981Iwbuvq6OwVQJP/BRLytGkT0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1XhfOY4oTH6nL1kBD4sMYbERRigz4DnEq3fT+vrHA9Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FvVXrVe0q4ucaHLz+AT9w7mSjnEUzwJfUQyuK60wT4RmusSU9Dpakp0zw/wr1ion3BJI+jjS0+frOB5oJW0oqlteItgqw7X9eMObPlGCA0/LxMJzNV6WK0jTc6npDUIf8IFTiWhv4f7b2F25JIhRi0WukG7dnlWDD3/TgDDeRqh/ctvXmPe3BpY37xrsskIXJ8RKqYSTvd0V++SvOGHIWoq1Scav0bpnrnbSZ0vZ2EWNpKBZI0q6qyNJH2uakx3eO9AL6la9ruGk+82aRqYHXu9umBQ+F5bYueehsEjXQxl2ZbPwRTiFcpzR6M2ce9VlIHJVNzrDBKSAHd1qXegdGKvHp3FVvEGQD3v/LKMStdUcbp+ayPI8QfuEkHj69Ui0S60JswPfFykar/4ztw7dwR/qM3HZnY/Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1Z4lWfDd8XSP2jMQflC/57g97SfxpqW8uzsi2tuuqBQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UJsRuFXZmWzJ8r7HaPhao9wbMO+6sWh/6ipeEYIwFckqEkbN0RyTvtMuMc1x45DJClkePHapaj08/M9v2cE98RJjK5ih9ZMMJYEqDspBtGQUafJMnIM6/l81sTsX2TJsJ54wscQ5//wD5n4xRrlHWWtdhTXDRWD4mjJXyKm7/tH5MovLR6zT8gbx1Qe6sRH9w+wcdwemU3diRxP5rFEoZRAI1YrQeDFBxze46Mkrvi/28OePl3lFMUXm22vSFjKkeoTq3EzKAK3HkfQrXvbO4at8Uz0HwXcBpnHMDncxN3561g5s0uvKaT6d6XnXEXVKOFCv1jihrBqWeYVv6yWdH153FXliZ8bw96sEWQYSy1W7KDgQRZ+EWyr9+EYYGgwYJB8n+5W1Yp5p92suqlAdWLnM6oZji688",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1Z8i5+IY7PBeoeicARVX6FFH6BYqcAwiZFAhSfawG98",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vuibQjGBzer3k6QwlapEG5L5SpgufpIzRoh26nNvio0Gddx+k6NWjUzKR3uZl/D9n0GsL0Ewua73EA8Vc1RS15KMKJbNJvFVuBUt0SMNcpPHIaaZkW6oNc5lUykoop+dGlsCygyHqKvm3NP2XI/aZhULp2uYak3Ce7qVlhTAEJXuhTXhyS2JFLG7srLb07B5VcI2b5xbbXu6G23xlWtUVchkKwgfwY9gCjj9ChBT94KE0DvDwqov5HOTNIEz15tjJqzUXdXI8woNfXWsogfFymnO5lr5EWJQ0Cwec8BR4jWeK5xVYzHkr0es+VnoUOZEyzlgPqhTNvIxY8pIoF4GwXDpulUFX0uxDbOKWs1DRwbPUxqlAjYeM1CC+CsEV5WuffMdPOapdSuJHxMTomQXOMiIK41Euprz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1ZxCRVOYYh+1xB6YkZ9ya2CpsaLAEl+I79xT3zZCgvY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VSHEgck7ibRgD6GlzkylZc/3B9q7CcZOLwjOKSSXHe6p7CEJl8K1l2BzSUsy8r2I60ANnpSuUt1lwiE0lTubbVcusE2ik5tlV0uKs74mdB8b3TOVEUMGeWbZmQ71dPF6RrPXcCeV5P25NOCdgiWclfA3UGVFD4fH1Q2Vns41VNnCTDl99buPB16kWLVQzTLxFxleNoOVIc7a2kBpa+AXPQGuxoOUTfh9B5qehvABGR9YFodOh6H+mNUZm1DY1ipi44PXx6B+1KISrSx0PBfJlmds5oeSSdhB5TICfyqsQmu/uZa4EaN8Qxtss68Q3NbVI3smqfsSdV+xYlt3DwNzt2nSLqXVv/+F2lQA3ePFgmfaoD5ip4itpI1FpsX7bhlLWqdw4Rxg0gpys6QXdpbMwq5YrH0NLGex",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1bFPiJ+fSp5OFLzRQSCqhN941J/hsbAe9qNb7/eg9og",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7qgSuy8c/hNUlX4pYBZ59AzHeyh4/q0Em0n6O6KAZ2wHtepkGlowTrvUYgpPbBUO79BHUjPc1uL93VvtDo6HQiFZAZ/5n25cwxSZ7tUVKdpHOhc0cswUJW22l0rVJfMM911tibUuNmS64i2/wMmwmZ8hvnzBIxneY9AD6g8Ep+cNYYVO40GiFX0HDh+0Sl3/aLalGKOEWup1+zIW39zyKIp2pMCMEQDeHj6/NxxxbnKfeBTQ2GlUddXZ1YA4sz8rqBQMf8o14Mt0DizE7MC0AwWzRIfFuoibeX/mj6h1PQJVNGtHv/1ymJzN/464DzAvwERAPBFQFhszjpa9pFZRViBCQaIXT+D+p56Lv9lyzp4+J0Ho+8uT7F31YNcnjJ+KD1fabQUmSG7ETgYHQpzTcElGUij3EzMW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1bVSNoej9GmX5QwQ1cTJt8vRLSm8OmmmdryyaHEntY8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OO7TXyz3Q7z8x4t3jAzY4gdwCwM+02/46VscojDxYwsGRXMn6/6D7n9jv60M7VxVtT1fUHyVgg+ItcUmIp21bQwcUwogHGwmzdnNWtNz9dpoKDxOkJCK2pw7KeljdL7g7VfMzTSnKKVqUVRKk4XZwmGmn/5KsdAEm2j1UbUzI4qgxjjSCmo5mDdf/ZM5JT0nhtgvGQKr/QbhuDG4r7/5hgXmHXiXmUnUYtgnK80RQBCYo8XXqu0FPNeOiMXhgclIKOeSKw+9T84R1Qqf9vdwal9o5COxFlEIoX7A6F47UMaioX/CMsT9PtvNsHBmzhSZH3slT/E1jTobrV/7PVNd2rYWZli9iqg5NkHzJ3qeko0Z9UYW71sbKvW/K5ibX/85GRh6ZCemc9OgPIhXFMiVePSIpFXFMdCr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1dO6LtwGJkOx2BOuIS5G9O4JNBxfXALdNk/+Fqxishw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qlhVBD7GCsNe09elLt85euKSaoqNJmleOr63j07mQvIstDZ7nP+OLF33HVw1juCawcmhtozKQ5nF+fV19LlHDcI5YQcooNwyqAV4YzXSljdD2cPu2h+rgIT/R2Iuktwh5av36rUlrs8t7pi62aATuQZ52QfHsIKTThDcp0kSDl2qwID1x0zwfBKAsRLGrLodlHGoOE9sXZqas3ZzRIKW3Doc5Fx4VlxmqReStYKa4AYdVoC76DLnXdUBijpWHBhu6iGUMV+j3mBifyGuyeuOzxx5P56bpkB6nIBcN8zImZnlFbfLB/JcEoTiDcdvEkB5c20KoqZ6dgJLR90fm1A5yB4Z8EFcznkbOgdi9uBNYIjBDiQ9B7TIB+SttuTJNWLBWe/LwFKX3mfVqIjN5F352X43+QQdn3el",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1dgtdrrhpHB0t59yVAWUlb0ePreBMZlQavOQ9WPOwGY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N8gIlU1KA9fZ6pmEvtBiVkG94VGjn7X9DK70Y5qTl/0uC+q7ywetLw6bE6KwwJblMyF7qhqwHvraGrXpJQX+BJG0kmagucXUnrPjNN56Jcxh+gEgvIK97aDKUnB3Cdb3newJBuoCiSoKr+gumTK5BBoscg5iBySR7/n5ZwSqYkUDAyMSyyW6u94ktHhWst+3VE06DH9cLNgnWZspdYhjE+D4lAiQ68uw96+/A2CNw4Z68xdjiHQ9UR9iMknaUWk6FfWul4z5X8INAD2dNGHzaaRrJ6p5mkNefMjapJvxxnKyF++0WfB5XMunBlpxJEiPf6N1IHHgszPg89Cck4y0wzu+f7rFumwfTzVPAzmNfUNzrsTYevde193wntSIoGrzq6D2xfo/ZooLDjAK1rQhsrrjAP1x0P3y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1eAdAb8piehsh2KAQmYhuzIA7lazsXliTvghf+s9fH8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XwaQfnhfm0gJaC1I4XhZUyQAR4+D92Rd7+htswfOd8QGkm71BuLlEhkFk4Bt845m7v1EfbpRhwGKadYhED1n6CuOfnfRYvjbS+MS4soEVXzYcZaouH82l31d+9RwEpLwW15QfX1cwdJrhnT/CitLpMWxABww+5c3CRpV2Ktpcn6Wp/0IiHdOerRRogMD+qZkNpWlL5/rDr2t9xx1pCeUxjxTeQg04/aFLTYBM2YKqbtugA1rM1NabXOdKnKYWRnIAwKeve1hCuCbZ9cS6CJjEoHQVswuSByieLgrTXeBVCnv6DvM2zZzxV8kvHdGx0Mloej4fz9J0oHrcpu01j9lFq59TuHcoJEPZ8qUZ7r2tTrtkhcNFQFyOwB9voSCumjD8uixmlGA88EfvMul1S1R8D06rXwjh+zx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1etieII7ka7m0fuoSaAphbffi7pEIx35RDzEb3zL60E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x3/r8w7C9HiKR+Uuo+Myz3ncsBroo7CpkbHPnZ1pB5hZU0hAzF9cwIiaaS3By6rm6RcSRUtyB8870JkcQ1WUukqtarqbMkcCVquZvwmjFtrUDuWmX0lz7UT/txPuwtblzzo9A7LEk8GnLn2qgk9MvArDbXIvQQlz9N2hC1+YU27y5VtE5Vie7Y86yNP4CF9YpLAhBb17DVy9a6ab80OPk5iXXjk2Pp9PLqOhZx5ebYNaLJWF4w912HZHmOmr+BZ/63y38B6x7T7w6KVWtA49ibXhaG86iT2gDQxIdd8GPsGHKbE6QfmJLcZ1P3N/lkquriJLUj/wHa1+Rg8ZwgVzraZJhfvZ5Z5vXRaqIWTWjh8UrX5cEjuJoVH/E4XRoOKQmfFIIOEtfdg4ewKPXT8peaUyjjRtstjM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1ey8BIlzI9zN6dfm5ZhBoG92BVAbRcSZCBKgRdHaGF8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uOXWeqTzSU58Ab4lBt9OxOgrS9noybao85T5p9WeGF56sGkyY08Jnm1aEPnsTzEcHUFI2HZUl29wVxASOUHVsAdZhXGHHLFHBYJJypc7NGmHhlhg0ML9A3GRVwLp7dv+nVBY1U0f8/DkaE729qKlLe88BAKKEjK4H1zsIhtjH6jJi0tlR/0m8oQl1S8D/gcGgxkNcANEpkCsueIqsmqfvgeDOidWVfo1hDMWsi1xQ6OvEF6q0+dwg1C5RkjDQ6aBKgIHvnmk1wauh5Ugh7hmhOBfoeVOZpdS+/lQ/3v+OhXPFHuLfc7n9V0zF5E8nvRBp3Vdz970mQ9cgHGc12xitZavFrPzUH8g492YUf/dHE3tV+PvBZaeNVIdYPlZ8HJLMiJ7Sb+iaSbs9VT7Pi5MMDbhuid9Cf5Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1gpkbrqhoeLKuqsanXYw7eZb95cTZCGLXKLLTXzwoXw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3be++8eKxji2ntXnftJWH4oW2Jx/FQ0zk/9gy/CEON0GL9bEEaCOjGZfdoPgWM8wnFB820/6uhhpre+I3X7jUY6PMKaD9F2tJLz9Xir0G1SRSBfZWCwUeFHMhfnomunJQJZ+Tr85acgBsP0VIykmqj6YSh4EcdLT4G/GORiZslewutkhuDQ5sGdqNJT7VCBjeEu35tADLKUpM5IS1VHkNeeQj1jvapZG6D31F1LyBDzHNdi8SE9ujh951K/pHteyaubqjTqtFbnZrX+GAw4x/EVyOob9RFRFJu6txwDIv2tKTUDd2EdIQbpx6cSw3BIDZhW/F/nNcotjLjCOC04rQS0/tX32AWLQYKIsY3PwGkmVhrVu7xuJSBxz/JPYd9bTgXXNOIa/i8DcOnxpVq/61Am2f1OY1swY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1grItXHC2uHjUxcufAaI9zctP5t93p/4A7woid8qla4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HZYaqyJb6FaMlB5PlG1H/VqfV+kAeDBqOfwuokQovmDeF2OSkc6YUtquUwkWotqqq1TtkEO74B9yCuYWKlspPYXLuFSQyaly9TK0RvdfMNSU06bZ9LxoqT929j4pc0wTHoIiN5SMyb0WDqh8WKWlGfIwL6qkRTbu0QwSrDUEKJlx/21gLlTIJwmGc8vtxpLZKDD6cElO1k2Q2M6Mo1R73tT7oVUFcoXPfu7B+NzBcT/45nEX+8W5CI/Ih3Av9CoE/evMXayXu92BTqctYMI4KHB4V1XEBBSuWgw6Dc046RToOUTwjjszMr0tZyV6SQ0S9oznnz6rX891u+G6W4N3vwRjv9OccFaO1yKV++HxLU5Q1KdylMVlNRiH0Z4V8D8mmsTXzQV8yLxS5qW9XkwSN2bF3ugQEdbg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1hQOziD6C8bufPUHCNtq1twasOpZlzLQZ+GGPYhULZc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "D7SuoQGLFZskKXMBKtl/dQ458R/tEVUvLMloeCgejyjyrAt4pxXu1j32vYkB3BEqmJxhbLH/LXLwUOJI3PBGND+gAgvFdYxrxM9MDvVdJm4OM2YzSQtfsh+2uS0c19t2ItP6E6YBB1ihOCtYKN0TfA0/3ue0YN1aiOSQZKK3wor++0oxIbPhFRrflDWYN1xm5cBsq+P3GfTZ+9qWHsbAXojseX+OCa4dY5/1t8iuXPbOo/jhkXA1fj5gMrM6+TumcfD379FVJoJnzw7yUCaHnC0fBQdrEFED5mycxHzz7PkNEB4EYWb4d98Uyg+iqTbrddg+i3v/P6IUd9rKrCIR8BXWZB43xJckw2Y11sLVJU1NxK5zBLkKIW+JfNlkHhP0Ic7FgO+OeLLy+WbAkhi6nVvJPwEkGcOE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1iy7YCYzLkmJUeb94ver6YAIsbEVNvDY0KAhoBxFOnA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ft4o7cs78GcCZ9+I5D/Po1/u0bfTqx/iG8FaAc5PUtFXykxOux2bHcrCFJvGmAtlqa6RQ+v5NaAxXWUZxowK1e4IRzkTkS/kyOaRTanETTm0gye28hzEfEpx9bFKPFLMjbzASyohoRpwAPggAbpu3zg8WCie5kRlFxWIxKGxNTJ8BiaAOxWeVyxrEbz/k8AONgScwjkDgt9qmB966TW04cJkzdsz7RndDGpWcC+EbeDVbeGhBRoYNK+JSrHjqKNmLztbyKSHKIXcOvvcUAbSxu8RmWbFHdwmK7BGOEeJqFHsCtTyL3JkHsNrVKAm8JbbPNVJbPE+3liQy+imuW22d+oJz2a3eivgmcuaC0t1RGXBu9uIijqGoLylvryN7JqJGucO3EPNAAghNDV90luZoYqpUfR4jyDk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1kRPzE0kX8QHOOkv9FhspB0pg7u8ixFdfYtVWG7yQrk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v3baJhIeSCxqJh+eR8fj3+3ZMr3UbGOvdnrH9aiIOJtypdp51nGD+lbUwSMH7HSa4dHK1C+ABGp8hvwIFOX3nYx98kTHjhb+BoxVK3b2ryDhNqpZOMSkEzqhTXMGaVvmz2IhER9UwEkffvJgxkhwC8DMuNFd4BjKn/ZFLMYEj+z5ZcwAkcwdFgONeUz0+bp6ehm1uFyyQSF5IIdWtHgDzg6bgjKjrSiZriqpWa9pdrey2buja1B2/bruSuTPdhxq9RlmFCR2ylaqbXobgUwz26pY/gi/f0ZhPTX8zX/l56cqO+l/bFDE9TvAM6HFWNVGJOeHIbfO3miVLqmDOC3SFC3663JOfmypdJ1BPm3QZKQJs8gv3zCPf7ISEd9utaxse99ZjeoE5L6BKhNIqvGPktD+vogoAZX0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1kxKwqoUZUQq8hqs7NM6PZ8Ah5oSyyuV9HB7hELqA+Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "u7x0z3D/8/xpKCn20Hq/DFukelmjhQKkGofK1twpqEbTjp6zx0RABF/3whoNcm9ZLTwYoeeqmQgWeOMUL6lrj1zxPgLnMkbqUYYqgSxz2KGrkYlBNKbp3pp3EJw0OYXoh3YZskxpO9c0tk8m6/GLS2ItneDJc6vOJrOmgNCSNHgRCifo5JIkc/VdwE+4vNQBwI1jzO3UR4SSEYkVrp2CH6zzuOzfJHoSz0AoL5UfGfeLHsFRIFet+AayhA69xvjstlm3B+lJN1BWhDrB583b+13keA3QfDX2gLAI8RK4GBuDDM39/ozniHSEbR7UOd+e6uXxnIhK9RCbrZDl2hlVWkeeXVTm0yY6xCSZCnknyvWnN1xyE/Vx4gQpbOCSnqtecreDMxsyw1wMiQbzzIpaDU4HUFWmjEpi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1l1vXiEKI7OviOfrLBkqoSspNf+UyF7e6jRJd6RiWeI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y+eqxU/B7Icj61JSg/43kw1asL42n4qp0G+3WRQc366HYKnkRKZ7jCAukLQmcXl8v9vkS05EAwnU9V46l5stR5ZtenFPJyul9QXllKKcvkBJk42qPltykzIY1Pdl5sHF4hj5yypiPSt5/AHF+ZwrGbKGfTaf6Jm4f7X8+Kqjz77reiFqEfBkTUWe2nYVZOyCVNpiYEC0CfngjGuAzVKpqT9aqMVx2ChSgrlok7CVS4YJzdJbww2bEENYlbvqwZmm6ZkpqAHS85UTuhOUQHjOeFQr0n9abNkpXTedzyyHDF1el3tNbvGd09SgWuAdqxB5wL842OJ4fwgvRZAMrtaJwEX1JnxTXuwlvrFWwXvZiLb/SBf6d8gy3pM2u0akU7qBpnwGhVetKSCM6RjfHKT58R+BnQ7yp6hX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1ofkAPuk4KpyBlVCgzOqmLAcxf0H1LZIdTs5IlriMXA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sayqrMdKE3zj1ekbLcyW7Gk/3in0Skal4uTZwUwLZSfeGkzTpvXZOmBO1A/d0BpafwC/id7ZX+/ATYhFMQEjHvtqytsaaRKawcKFEaAVNYfEe0Gb/l4fWml7hVRbpIRBtK3GTryP68PYuRRRmW9ktVsCdjMjL5t6/H5H9cgg99i1DK0G1JpcvaY0XhWloFvRMLOPBxPtcTKQaeoIUoqpTR3Ut65V5izcdBKlEN9+MorS290gkDMl3zuUf6WGNWjLFauI9JflDBDsv7if9PyKAlCG13v5Hq6AELlgoifJO/iMzpJhimk4yfubj2Ns5OZJdEEMvajFtmlx8c4gt9hyUeM6nKCwP5n3EcsMqiTZI92QNwVGkk14534UdDDXM7sVDD0uVUwTB7V48zeTf+JmYm0HA2o7RGE7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1rNCEiTv3R8USbn/MQmoMd77f3I8OIMxH6yVpGtIUic",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JWvKclXzBWsDBrxAmFG3CFNbTj+k41NN7VCDCxdLAvmcHA00lFHctfLkSmgK4WUxGxrSLjR1XeqhGZ+PQt6fI15lo8+xS9yOwUVwT1BiD7cvGoaKwQ4yJiyK+SnhPQillJVmfhkNQ6svAui5aMCiJKrqcoP4dJyzsj4JouQhnc07UreGihCksrsCUUymI7yEfHC3wU8oNEdYFVMm2WzHfqsJKhQ3KXCdmRFI41zajPis8lliB4bpwA1w3uJTNUU9K8/yjnhYFLISFeKmtOUmhasS4DVCJiC7x51C6ZsIK6CURetrt/DRCwJ6f6qoKn4lEiRP1rh0jhL/h8eYmq1WWkczLPo47JwMUy1n5uugRLYdrk3QjUoJcYFiVJjWV/gepgt9Hy+3SX61mIwNYwGufl8AZWWDuoA7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1tZ+9aYTkokWct7cwLo2l6+U2p3sOJWjqAkn4iHYOmY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ILvIRHUoAoKW1Wxl/RF7fq1+D5Fi6BAQfdNU6wzXV1ylAU5a+cv3LNndQmYlMId3F+t0YH40StGKvP80tBo/xDtIWNyDdbKHnfP4i5vLIZdHIcJE9ooDmKDJMJixU3noroQx3suoQBK+OQBDEe371yC6ufrqk6IMDWRVuFAGQkXHjjkDhLk02sHQo6Ml5WHcKz7XMmDtyvoFvwGZHWL7WPgrHm07cS4LbKAd3DYIrPWLpw0n2YrEk3R3QAuPJZkgj6I2RdGjXWQJqF4nQeEe7kO0jJyuSpPJY3iwR7A0/yso+H9nyt1KrYdBh3a6AIrySPBnJ5DOcb8P1lBSMhD2nWPXXNUocFdULOM4VBTtlTY3HjE+DJapHHjEB80cn38gSFxpi0kRxlu0SS9gSWY2ZHPJNbDolMng",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1uSD1IcCzEZk9QUBL5w2BXQn+s1jNi0frcKJDtnTlkM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pI6Fc2jGVuw4gA917M8WS6/nZweYqNZXbS5kEenoRBDwgUZo1m1DOsMwjIGsZh9dyOOQKRr6fOLd6cjCz/Y/fhJv9FZb78OSZyevpQ8Lr1l5LUUkd5zHokFfj9K9U2lT6G3RQEv+4MXLh+BDkjdnTM57R8CiRLjOv5KaGhqHM2pg3bBunXgKNmm8HP4PGsWhizpGZ6JvQASn+cvBcFsYK6wWCgUPWqN+sWA3xw3GP3R6aUw+oevdQGAk7XWQ44afNOLL4eV08+LNLA/xiBRLQcPqvF45ePnYtIt5T7wAIr+zzD9+zTs7gAc0V7cwsqckcNSvLYG2oYWX7uYa2I52MyI61P5XhY8Yk4kOp/iQ9nkJXrH7c7+oS1BPARoJS8FucEwCbEYb0n6uWIjZ8+1QnUjgzel7aFxX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1w4i/i2YRPxXXUA5qYkXlvAaQYakNb/ZZeMOBfrA/A0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "X5qhSHhEbV8k2RhY2N7Z6cTtHxfrOdW3SS0IVfW+dCirDlRZU2iXohBsON3uqxgZwPkc0vI4B7n5UFUjPY+3aALoOmWs+0nzq6+qEKzqZbrOhnKtvxEBEsVTuuAjeG8lgdh0rN0Hbn9UEsS/8gz6WFr5CdV/qAzb+QUJ2dT8yggds4SdlzK/VpCuRRvdn4xljNq4j/AVmrJgkiyjATxDFRNSnm34Fx1OhhY2A3WNcLFaL7J9aAp2GrTyQilh6eWlFLZG44JSVkTyywQz6VVCXPyXL7Mn2qPqV8GWBgodZmkxFTW1wLWJI1gnEmHeViXvmSB8Q4ssbl8x24Z871+pEMjEFwAWMVh03F60wWg57T4vkbnp192Mzq5x0S+LnlMqpp7S8oWNY6Hl8aLAy0YVMT2cIAw1yRpE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1xBKXuVNb6vopOX3tSih077815qL+X7y4DmflCMRszk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LGBNyD4RzJZx54SGEfh0EjZ0zASBk++Cg74vI4D3HHvXfS1aOZknpA49QGSH3MUbTWsZx4khpSGuMqTYkz4Fo/7B18VOTEhmyE3mAJGh9yDHQYVvXLKVRze4CXAgayr4akIROA9WG5tS9DjPjBhFmoUvMiFCdvvyU1po8KdphDeCkiq4E4EjWlykdKf8rDyeHK7QgVESxSpBzgP3Zq6+AQm+k/o8HWK4vrvIRJSyjrmXo8YweE0TIQ6lEJvUjWE3rDwZh7P4qPTAf2hY9VhU5CRwnHpv2Crp12SoncMxl4NX9+OsfkfZ61cUWtwF/ncZxISpe5h3ZwGrD7iYAqf4haJx2ocrXxdfVRrTc1IQWNz/V4DOMo+axyk6juDJIiOj86WBR80bvashJXutFZvqL3rrficdlMzQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1xIva35hawW4yqoxWYCOB7epXoaZnEUuR+5gKzE1VOU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "p5yyEryLsYSBahDodh7LreYAVe5QNfqecPY0g49FAQXPMdpUFyqbwJvSUvhbjk0O44HwBwjio0Ca+ZrAxtbJf0he28xPu4NqsFBvVhRUWo3aS+1rQyB2CvkdvYKqde9KzFknjD0ctpkEbPTjaNS7+j9rzzrgT4VJDxXrgYnUCOaKkh2rdGBoHtgSXUaQHGYrAg3MdfDcx2pVIRGWeriKKZfF+IWLnq3VLlNvJnIV9sJq/tnsId1O27dexGWng5bmT7suUtkqn+ZR6C901mymPBWaBqcU6dlclRovLNcqOWGQJfJPqdxwafr09clsNcEUQAhyt1xfXKzA2Lz4rV+6kmVydtgkfvdBcLcjUptVd2qcTq520+zodExGGvFz4V/3R7darDiOIt/i+bUq4pBEg2G6Csw78sPd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "1xLXvvhAT0cKucsXpWfGuS2bQrfleaaILveLX75np38",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "srTGW1kbuNKPrzFA/FX0AhEtOG9eYqt7Dna+t8wiShy+2ytrtm97u0wvrEUbiZlYl+zH0hRjn/esHOM2DU20oF3P2LKLTDGuYYtK7Ns3vu9TuQh+9+o3E3UXGLcGbDjMs1KX/+7ay99XdUcJZKPl2HlV3D9K+YdAfmQKxVeANqA7KuZvegXbfbw0LUhVe1FYFjC06r8OCJZ3msnz/u1gZO5E5P5zYU8oaqgbT4vlSsH85p5w1UVyvObZf1xRI5aOvsGzQsda2Hw6Yi6nNzMGjHZovLi2TavP3ZkdIOr/PTEyHH8YeZZX3ID5s6inE/r0kdOIdYMxCEoL9hjBp4AwILxuaXxIfYHA3ze7jQEv2o/hTaQtBcufr/x9GM6vwjef8NG3ftWTYOWobJ8DxcWQQD3IS7SwFdT/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "21tWZ3ekuEelGRD2+DZvH+nbZ6XpV4ll/0RraUf0CN4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4Z1bjvz7myws5+cUF2CkISsfldyAsiFQWNwhtWWExFMW3zx7zt/88wS0uksAiVIzaGCvOrg7AxOCbWaqyzERL1S3liavWBVtlCrwvNK4S3bFepQAeA7UeJLX4UsvptpxVVdf4P8t3pxzd3GQa0ZR3n4RSEz25D1Nplnm0gK2RUtWlBN8sFId0uBvCyNxDWLuPR9kQWl/DwvCaSxmdAdXLiTE3XEjiKzxOA4bWTh0QYpsMg16Lknn8aXv4j3X+d6rUYEYQKeFJGATnpsgDRunTXXWCSq33SuIjmuMtkWsb3hDQpm/ytEcRPFRk36tmTX+V91qNhwsIYGm3x8RAXZLR4lP/9mFMiif3daVoTufyJlXvi8S4QSyixg79GQBMHvRvp8AwEyR2anXbV/koJL07eQYU2h69/It",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "21y1cB8ThZ2sQCMNcvr3Dq71kzbU/Wu260o7/Uz/7Bo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JC7oiNWS/9XQ8NWhD8kOduqm5z9j5oNREGIembUvvY0I0YEJqoo+q5/7jdJ3M6QR546lYpCJBFqGif7B5pkOfLOlUFzzsIh04xzgnOjrU7V2JQc6Kovr9bDkAxhcXIuAz/IXITHC4JoicLXk2ViDsTo7b9rXi3D4YBLsKRs26NZnlsMvIMcX+23YAtayi777fbT7d1McJ9dKLZeqYZkU+BoN+8Iz4syjQLv+4e/gp0dOzLt67QZ4swovtMjpxMmoYGPEOojDX5d3nVyBCXvIvds9KfbHskZ5ZoPflL0V+GPgMSZ8TIERpG993RyR23PtigvgYnkC8OJxPkV6by6AnF2d/kloWXFaEv8U+2nmJs/O38o+/QI/gj73PuGGt/5XHplY0VHLnD1mp9U4zALJXOaY/Ej27xFD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "23titVzGqIR9nvptrB9udXKGvXaR2xjRyzRt4Be8KLY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZRJD+VBbWHfj4AW6qEIwgZ2Co6FE1+8EjQbl9ko1BkO8qEcU+XeRrH8nVzyidye7lfe54JVDGX8j+LFfgYAAGb4jjUeGKTOPxbiWNPfCDzR4kgHvv+qooOqPU1bQhrML0kA7A6zSvDMWIqRRjeX0695iZ2wUO4eVggRAT0IZ3Xdf+yjs3OrCHbgalikb4QU7YSB6GXsQIKn6h20CtvY/2N43rx34AcqUcpw9dGsEudzu3HTG5bDBaiUvX6pME094jAP8YkBXORyAPZCvu1v7NZ/YpLMS6OI6HOfsy3/3LnMK2m1cGIh4QfcfpXRUbSZYeMv/Ae9Bo0iXml0KyBUsGwdwM9WmzTK6D8O98GktRFf60ba2n3VcgD5XM5jQ7wGP6ycbeSTBivhmdQc8kXBJdejNYghYdDZK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "24Li44WOEKhqVubz7wuCkQWHR2nxoz4mcNaWOycpWcI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "n+6shUTwko1ddsJzQhyLOUPiQSIFR3sM+O8XAlKJ9WS0o8v6e5ClfFKep1rxn2qXDn6aWCx66rqtZOwtA8QYC2ls68nWFJEsfj8lbXcj65cwOytu635h5IDsDWZgPH6a6nd6lmY3A+oCBlQMwudvnbrNeMWFUqAc1VWvrbp5ERXMXAb9d3RQ5pkiixgL0/5ZixpOH9OI4V1SeFn0CLhZqy77R/tqguhAsi3K2q/SvYTO9ROctuMflr5mrN6Ipkm1LCATPRl5+YCWMANj/6h6MS1lnr/viNDHt6w8Qt5LeTkLEj4rHBZZnotPFcugjFcQ7Qjt/Tu6acYY7aB/7AXJKIH/Bk5qU82kYvBYIWxu10ppQMgMC2sw35YudkZptanSO0uCTiPXYtHEOdO91LX1EgQMstLw2g/3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "24gEX+qypKsHTRXTFWVBF86sXHpgQDjoi4MhPQLrrA4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0YlJhS/Q+wwnIwe1YbnnxBB3U2fob+1dG/IEBNbW/zQfFfJjU+1VUv9FKEVi2a0H1xGrwqDHJmOF+0BMiRbqh4SN5pgb/uiH3PzpboljhgllOBnKpeu3oAkMWqL38e46FJNGhHbGvJlYzMmGqqx+LyEuDPVEF9l8s49u9TTKD4vr68LGd/RQ0YLl15XAXyJJyS3sFtASr0rDqx+hGsjVoHGyIlPsSQhJF9Oo5qaxAkEpoHeTSN9Gakmfa3mBHHirhO64s5mqX+CIKKA6ud/QSbKp/oh5kSgEcOKuPMPwhR/NW+eFkoK/nHZAO9x34sSLtZqCz7oMffJmtlydNbwB/ORQckcRRv8wVqTKpESNatrnYS7sJnnsZ7FSIFvn1grdtYQVNTB32QtkGwppEL5ZOw7gI87Mgsud",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "25tQjhIgBXD08TrskODmcmCXxBwacPRivUpwvpev3x4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ILBG5Wf3TjN+jw7fQx2/kEOcrHSaFhX4LhlyQvaBF5W0yBcoB451RRLWoWYOxvd7yaDY9JZQ+Qfm6Jn51NFNZ08LrlBB2rjDPB7Ik2G4rkw+hnYISNXhzf/FpzQnlFTsRe/wBdLmCS2+Q2slKTMZOusddGciLAaB49p9iuG9NC1fEbAe1ehI0JUOyGlujUO0ZJzbdhLQdNZ1w4bnmiCWjhHCphDrgtw95wPUvlhHiuYCRHrDdf2y53oPG9aPLcP9RULMUXw/diFz2ZQWvpfH97ruSuI828LiHcGKP78HPjSnxl9vvGncKfu+LtFIMGOH0aYYDLiKJvbRLegrbhC2uieBUNnOXO6fmKaS1+bqxF2oG16+lXxmBGklXGTYKd3eTSAU9a7FEGLzgCxBLhTXS7I+cx+LivLR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2666vgpeE0lPvg6So6VrbRrJ3SVh0gdXR1NaeEZY2Qg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6wxPJQcrWtckB7+jLCSepnvyAOpEw0QUQqz4iRG3l+Yu9hjRhr2HiCm4rr1FMCpwUP7kCevg9clSSNkkKOmtUrEHA1IEIqcaq5mbUHUwjB3elo5E037lwSyqH/5sx+XYbEP4gFx1C9pQh/XdQaJ6raCi8KGhF6qz3Xs1Qae3l7SHDOErlG5FW6FxZCw4w8b7jtf6syx5j1IQipEdJ+yCtPYGH5+9b+7YRxoNhwEHUcoNhJWngNrTuHC9a0HrZ08HIezNqlJdQHUS5cxbWRIDCdGfCvvTKRpXIkHpTLrfeXUogayYhZ+50i0dgAj46nkO9fNTUprW0EQQ90fKoqycijGePNVIkY5fPTsmJO1nDlf4GkdOglNvekmFMKi2MYceBnASRjnR7geZNcizmJqy53RJLzXr5mOO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "26QzOWaYIQgHXpsxcAtxnaw5JXPL8NGWlqfe52XUCj4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NN4CSijsLEPsDX7CUUxtUz0ALe9QIlSGq0jXlFqaPwXD4pElS232lf9+etY/cuE8PK2zp2dlBv7UPD4aC5HbehBS+eawnzbABlAQd+Qr+GfdKou0XZ8OnlNUL6WRB14RWt/Od3ENvkLk+dS1g16zpmvyiIBPvKtve1HbA5yhq6zHVExAjrSDMJruS2N7OAwpMXb+qepsj/2kt2+833WXT1We7TMpv+UXz7oiwPHFQTd3lbnjYMR0UNRi5Q4rGm/iRXRffEUhgevsfgmCiykx1BY/K3+VhjDiw7OAxCJlf8U7uHsi26BTW/JfQ0r/WQCcu2D42C0c3sp8vbIxawpxDun7IhT5pNExykIOVCCJLQco6KWMqujlYAgGibuJTYsrIjyYqlaOudPKjPXkljbJVuGgKPxzWiRU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "27Fy/KurN1UOHwcKPVhWwLRLuH5r6sxtMw/HTiJs8+g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m19unJ+UVJOgeDmVFzWAYMBOuJDCfhS1ax6PbHrvP3K3e5eogMVXjelpvOMpveoBzDXG0ZsxcxeUSrgr0tEVwJcmZ8jcVKrNV8184kg7yBZTZiSHmXeLYdAD6KBBdT79LKWQEeL2vwLHxFBDoqikMFlBIgu67mpe83e0kif+xN91nDkKUVb2nqNWve3YnZULHqIka0SndTP9kTgzRujhhOJLPDRzDRyxGw6RvUs09qNs+4zhUNaO/s4QpDqXVBYlUbKACsn3pg6DnCtVcPREzyUU1MKV7NA9xPAzyRV+ScnOngjdl2SAZ2gkCiJiw462svkUbe/3oK3pE16rUQpuzRogOtmD52nnRIOTj0V39Xi4M8KAN79vYqP++IzqTdrkzOdWgkRsGON9PC4usLYZtQVADKVGAMV2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "28sZVcC0+kWTy5MA49Omy8dQgXn1onZdtCqK3CS444k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CkeFZTLNTYXQCJEDRbPrIMy5cPRNkjy30ADiahyODRoUL+6yhwU6n6HdrbwuCdqzS7hOTt0xqrRZUd9OWfYC7VhN2C5SKz/zboeoQjlsYPT26+seLeCt46dWfnxkS33DSm34kvNDHtoAhfBJyRilCrX+HFsB8p+LXRjeyTn6rrfLBzIzcUnbWOGDkG/RjwdkC0S/5x5aVpYmxYKlxqAutl1/emoZBzfpO58qWQA6tNJWEOJ33FjLTI0OYFCCpQi2COIPYbHmhLlWm+YuEZubU2+1liofbsusty9bb8XZFqyRGX9zTWrBFc3NSmxIiGcx/e55xUWH/mL+wEAmNb2RjWPg+VhqovMggbAsQi07AZpaaSYkpk7m02PQ+LLvKu4qB1TH0UJMA8d7HPuIJBb4J+Pk8+iJeWjj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2BESEdjK/7VEUMI+55SsUG6uo1WUKbY2myc4d1UyeQM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QmykHrHArkcnWylyBn8Z/aoMLVX9hCoZJyXg3IUx2ZjEKfmbXRaQ043PRatF3pAHH2rExHZBnCiHt0pCBk+PSksVkznytiOef7NRnbZpUtZp03X6zO2m7RaPcqqYkJd2GQSOUMOcr01sIec/smUQjkWnk0Xzq67Wbx9vk1bIs725/o1VDRAiWJrCYiIvY2EkOPgW/tsuRt4vLl36ChpNtps5kZQv2uN47cAWPXXPqxoY1DhHELRHijZo3wJ5RLRVzGLWS5DB/sUkCS7r9m/kVthySm+Pl1toPHLo+0c4uE4YnoqtYhL+cDM8P4Pg+Vq98IG9PCKCqTYTeHndRQawgPoJXiHb7bRYzETveCjEE8wqMz5k4VZqUnZRa24DqFZG0Q1lh8BU5fuDgxm0gYka/VYkp9MwELXa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2CG8HLgT7s75JVCw6a3SAj+usL+hFoFnkxRs8Kl7A+M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "45P8SnRVKnlJhawo4xop92Gyc3LVnZkOvH4lMpgrBKxBv8UDb9+xG4VcFMZiv90y/6K1Eqreda9q/mrAb3QUs9S7AY2dmr5B/C16pHPItLBncuSTCWjsO0cHo/NZ4BKaDB/HOTJ/DsCpjaB1YVk6NXjLDxG4mv1HziTZq6sa6Xp9GuH0csEEIQKotqzkcYwUh79QxG2R2CVRL/bNg8YZXxRG3SvH0tgGWgmNJakGKA3rJatQ8bqKcABwndWFJaIh+Nzl5LwOc6egCCYtMH37p+xl27FVmZ8Y7v1u+IxEd0ZfcpRbxSUiCu49/RXuaQvmzYPyu6STpHPlKQemi4wnHasCsYt64kbwncQro53TjHwo6GdeK+scGNkbt3cWv8IZ8cmTvCzRI5hupppX/HMfEHIYz0QOHb4e",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2Drtw7ffyyTGRXX88jvYQ8Qg1jC0Kg+xr+u7I7D1JLM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1z1n+6Ae+kC8Ofxwff3LDVk9Ksosuzb+CD+mMvrBKiRXllzt7mI/GOR8ATGkqtBxFufCEv+Rai7nABKKpqlHF/ikXDo/EfdSigitAxOLZ89ouFocViM7EGbgb5pk/sxR7qJpB6lDHBwRRAeKFiWVxBWFI5i3fJYk1hsncVT9CJWza2fiUj3TDWOxSLJcbdGSf/58nz7VWvuSvAdXig0Ly8knSOuflyg20oYpI7R0Lowp2kL3Kko/on/wiVeUMFQB1xu1WKPVRF2v7dgicOTA+bWCxUOE1VivgcEo2L/rXjUCEGNCElDU/vBQw+eWBxQoXEKDSxB6Z/9f2XZwvDWW/oDdj3qsShXp1vf5qLQbtWx/rFSWlMghOitlaCBdWLF414/JM1PGI3LvqyVqrgGtUn2aNT/55EgZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2E515r1U0Wr11HvNft30fl5XpGrGVT1zDIka8q2oals",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v6VSW6WzUo1KoOVT1/XZOtnmHmemyro72l1Wr5bP+XwS99nxWDBZbS4Fg2DKctxVF55hDpbeBlfER5aBPG7KVuAPZtM0y2RBHbjWA8KtDx9sMo6t/TimYbJ1wezlSXNLY4lHaavrtZ8QYJwnszBOHXr2eR8w065y5wh2i25HCjiCnQAfEr5jteyncO1j+4Og3OvUbOrMgvDGepoVeE9574zh/SR7cq+JUJNz85FpenFgh2ah6sglDJakoUIk15BX4qITUAQHQo5znRbXxZXKGIwtch6nIqI00eUIX24oYfbJsha9ZyrnRsMS0HVX3jkcey9kqctFB5gXXbgvAtdzn1jXHLpDeIdmKIkutnUgAo/AlbUA6nZmdjt0S6N7XZmmTOATUb6kvb4Kj9AgQceX0UrUEkrEKljU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2E63hShu866gVyjMOSJ/uGCRa2prV2/3gVXT3Hb7vHk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SFqYn8MhHFHO299vY48KfpPS1f4gwEZc6JW1fL4lIVOvi9ylSmy1TYkOGRE/P3/Hg9wdWbtJfeZ4GziJMMq4CVbUS+NyRSMsbbPpHrj89ldltd0DzbTHD70cE0B+HXkRim3eS4qOQLgS8b8lu3V03jPVHONWAHUOG8Wb5QSmQDBCfBmyt1NhVKlEs3oq0mAXC8oyOoPMWFdS5wetOZH3lILGtq2+4f3a6Pkeokj1Y0q1sv232TrKAE5dKyvWPnhLKcDidVwZKvFU1/K6ALWsxZppvPgLDCJhwMgT/vAoqaJp2mHHBuyWbC4oL8MibVrvv8oEbw230ZJzs3avMQ2o0sNAhYJfGL6k1kw/o1vkvBuNL+hAcndASObDBOQsF451GdQ4OYp153So87EL3lsdTNgSnhZ3dSgc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2F1nv5L9fGizrl2CbmAe2Of9m8EG1/5mRvtuYQ53CAY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bEiosuCM/L9Cb3ZffwqPK9okNjixhZJKL6hX9PdrMmQfCEzh1w4wO1AssuoBV1drKs1MiOJ7cheU9Eqil6WBJ7PfA5xytIjbU8CllAZsRhFPJDCCBCVE0QQXQFVSh0U+3BeiEIKld1cwQJ90bddn7/xpqCT5t1iuV80hBxPPLnTedweWIXK+zAhfjGHKpTXzxl0/MMwz4FWdr9+anCNxCX9Weo1EMS5hoBScc+VKcdX0ArIALZ58vexEzj6VIODT25NchsYLKw0IP1a7WaxSI4LLgP9oIGYD+JDW3vfjJdkPT0CiMOek4fJj0m4Siicb0xF6t37U2QIJsp2U8iHKNOUYthN9WaYueNmv33Jil01gMXvO3D9sRkfhJqxXVFCejdPaxPItzKgoIEADC3kxmtE/2AH7mTTU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2FcGnlcYm1UOgJkp51GeSKlj1GrjckhECQYFFf5MQ/c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TE0ETg0omWGJnaFM6nlSbXj+dgFjfkabgayCPJrMw5PM30wC4uYcdeXqFCdd2NLmTeRJw+yEjSP9fznHQ/UG+ue0PYhYwq+Ov2fCsDIlAJkFaitZCKe931B/+vRF+Skn39vIBgm7TKEwLS5HoHniy7mUc8E1GPrZmzhf03L8I86FxtUy2ARjr7l0Eifj5/Lik2/TfP3IQIxPsafSZGN5PY+GzxQk05As+NtO1LM4GrO3ebZKkkJiVdA/7sqAB2i84t0Tjeqi5JBZPtWYKeqPEBBKBX5Ujy8zY5M+Kk1KbsYZ+2FiOE9D2GZDttZFWnpwv3M+MJtjRpSusc4jfCWptd99aF382nTpdqvxZh/hH6hTv28yD/N1+T6nRvyxF0EIvbILsY2YwEHUcQHja49zobTCKldmiIB/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2IOOlsD9wb6yPUhyFLplCC8Ja/h/46SBWXqQP1cK1hc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "q/l+oPUJf0ZMEWwjHYhq92YVsk68n0kcVBv1Jx6elVeGdjI49axkToW1hfZERUZmP/jOB/cqHuDacMjs9lWGyuzRJrkbqxLaJK0EXbQza5dRIb4I7W4BEUYKYFPdgMdQHeABeoE1Og0YDIx+IpIpf0rhfpSpWD2Ke44zroBCq6oq6xMOu7+rcQbmqgL3d69Sq0jonTOHabUJTk9H/AGnhWEwDTRYBglm4PNk5ss+jqoGUDVPJ5uGi39mrF/fqZ32q0UCoE0kk5PebfAG3rx3OcVSXxIBqP2TzjLbbPK0UrpGtQhqdKBbNeHZVOfcYTVn2F0LxYmd5bipi+LEViHcTbhjE5M/+U57saYODlw5pu/CJvm5K7fXn9eYVAvW2BjeTIid/NAMj8ZlxcZ0s8zGFo2nu7CDm5hZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2IvLzDNNNnWz/S6duP6eP2wwIdybbVpJp8E7ZpG5WNI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OeEwrBGFE0grIhniWi0VQoaCf55LjC7jqEz0TNypZ1Aph5g5UjAsM6UOyEUZf0CJ8Muva10+m+DOy8wlW8VZgehfhPwJuMSd8m5nNnHVqhld2/K7lhhjXzJp3Ggfaj6pUSWQlfG2ctRpBAmBQPbza+UmVttTw/YSiMF/WPZLm9lheRgFm2mXU5lnMi/boTHEFuOfjxlgYPHtki49vc0mT1aQWCwGsYcM2UrtBSHfSl2kV49fzXkZvgJZfPbpYYIA9CienWtMoH8ib0IA4KJAj+bldnkHWJ+lsT1/MIBdFcEGcndEkMVouz1XWhV9aK5F4lRd59ExvP6jaxDLeYCUVZxSz5WfTy7m/MgXkuCyQ3u4cNY6lk3McNrE+xEernOBan/dZ+O5665yFfVQjjRGSLZ2rD3VueJE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2JNVfWXEI/kaLdWRDVb2hXmfW88Mx8wMYbLYnM6qj9o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A7NL0weACfM6GVHGq6GgCbBf7VImgCxtUNeHLR8iBnqIJqA3BQjsOQwUMEBfMriVhopWQHVJzNS1+CV7xe/CkblagrJczffN6tFLojjfNooZags58fuyD3NX7qiG66n8YdsJKZ1MmInA48/GcnpdA+x7wPKCgHuG5usXm+pweQJoLGVL9bVyASCi9Rv9nEAqd7C+h7pB9FmAMzYmp1ovDWE+CcB4rAdbMCAMsJgw7LKEFRot1w6Ep7HUO7TSMUgIJyMlJL4q0z0WFCtN1+YpEjdie2LJHgHhrLBm4QLLn2fIdcaQ0xzsLfT1kM0X+EJ/WYQNXdGPiIJhORc90rFy5dHheDT9Vi0TEl6hqaZBO1UZHIvhIArgjuZJVJUvD75Nuiu+u9U/uxPecEHgeI7rd1wZ36SkDxY2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2JYUlmY/9Tn32ELV9ZcpQjcOscl/OgsNTxCyew5j0Wo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qrj7qK6AGjGmMKxJYV+Iw7ebjlsyxNdkyD428c7NQZjiE6TIReqVwhHVXtsMqek9hI98dg9OAJjfK8sId3wUzyuFV8bpPNpJpp1f0pV3AzIlqx3T7SiLRrNPw3qxtd+vE0rFzvgcKsSiw5mWlzxSZiWXGtD9YtSJ/gEQ8HNtzg7En8BM/+9QqSCIIbgiV2Tu+Xok3Ea8PUF+ZSvvneyZvCLSxbiBCTs43LSiVToU4BEEFJz0mAJlNsqaWh8qG6jB0O9wf6KFj1X8u9eqfx7u8fnx6whgqIQ4ml6Iq+KxbX4LJRqc+YL9/Dr3VBCmD6skijUZqR1WsQtKnx/UR/ZJryeG+e7/5GzIKXiyLQnBfi/z2T8w3Jgty538kKKivWvUIBrPUFn661EAJbx8Wz7ooXQVxQq2gEVz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2K1iEsuw1KT7LUGYT063/TNZInEDz15n/DYl4z5wdCE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qxFUX1PyKSCkhNlnJqphiQtggnLT8qIAKQoZf/mHuarN0FzkCX3TqVXgVRe5qtRbTlDHQZCHlvWvaMnKqa5uw6DlRmJCQbfeRWUaVRemySbvlORVoQ3GoVzOd6Hj8LVReIirmTVjfDS9AqAhBtQURljna/AAO8F7YVQtTeArqsySmO/FT/IA6AIYIfVFacwVBeSqCVMa5nwyY7ongxVQLcSneq+v3LlwXHXiNUp+QI6jwPSXsrcfAxcPZyaZAuOBpPle2YyHYysKbNHWyMbiWhSCONyguL5ObR58K3x1onh23/eVItZtinAGCLqE467MXRHZ951pqhBsr+s+wI/NtoiW7pmLeoNpo2Z7xQ5sqiy6ERQ8cuwyl6q4AnYzaDKUbALmudQTtXX79aD5sypGyYEQ1utVTFeV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2KA19OObaanRGP7SP1Vg5TZBXCDgPBFKNHBI4RwUoeU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZnzhVwpb0E0GwQ+15PuAeUjByR9jLdIbMdS4H8l3kiW1IpzEyiMd9KJ9NQa2tslVl6TE8UCDPc7lUR8WvM5GajxMgvCelervPdTU52KSGG/QZR8of439GuIMhsFGxIcD1pLyJx0tz1y983LhdoLFuEkLuofsM2WKmfqjJ0XJV+JOGEiC/rjHJlO7HWyHVAlSfj/3noJDY1GZmFbkT7iikFIHtpc30bnQMHhyJ/s5kWzzU5WHkmkkfkXJdkP40WCud7DEQtWK/y449A4la8HgccvCQlM8OWP78zukJEeZpssDPfLjYyos1+7IiK12yFhJFznccbucS6+OkJb7ItU6OdtLWDayhVQN8ZftquX583orgMGSTIvSpJsVN2Y50FLKGfam1Crvw0rzE5NxqEf7l0Gq1ZKcT7N8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2ML2dzATowJ1gvVPSjY/nyyw5t7fVJtwDihJkifGV/0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vuuBPWxxwBbxb4SQCUJnQ200Bx9hdtsOQvQd504vTGHzA76Cb+Vx1oFvOsPgBL5rTsSvYx4wdDd/3SvJ65aqqKPH6sI56ZrLsqmMS+bB/T+RiH47iNdYQhhD53us4QvUf4yHLXgqM70ryAGbg86fci4Tc5WVIhLk427Z1v4xDpCXyPS3ba0XVVb2/PMxjK1No+pcjEvJTR9KLuOaG0D57P3zW2ykhMOdIB4PE5qfOtQoxgWplnACTp9viM0O+ksrnuREoC+FcZ0MjwQaMt0mL+6xkUSn9kMITB5QOfDSBZhGgLrUO0O5aTbacUWR1C9oZWsuuV7hlsp6iSVgUf9Vb24ltvj8OSrXBGKdjruTbBIwLrqeR8QiDJwAxe53/9JFz1vCVHGl581q/KLmY0xftfD3jXeSwLTR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2NoAagklJ2FQ6fM5XOMR+VnQ1chQU0UTn+7mxLaZQDA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oUp0ZmbLHyOrvo0m4AiJz25HPBoKsANwRhRYcerKwpgQACweBClK1AnAj7w7VmJseJXeytSh8vGVMZYVcMrUlTA5vb2stVi/koExW7iKgLqhCBcyTiBLkGDtIIEyqNxLiTiAbSgcz+QaCxibMck9t9fjyR7btUnl+89ApUZ+0NIz8NZ7vgb86Q2tctAEZSJpxxLZJA6sbWJALYEyyywPXAddv/rsLojlmZ8To5X3LUZz/Pn9fiCgHCB/aVoKe4LO2xDbn16oje8wpGc4mz/CYTfm5x0H44SI5retCP2uHQOWhCQUuiRfW/jltXD2bq+PBI+6b9YDL5J0E6Rpjbihx+DftK5ECmqj63hrQ6aPgwuuQrBhzJhy11xXPy8j2b2kFUmW/6C+WRKmZovi5hbdEh8/8NggxRtu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2O3cUQ+hIjx+Wsr9SRjVPxa5JH/LAwTkIMmtUCOurTs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SYGnUzZ8WiF7HG2TXyxdJ3DU1uQ13lyT4bnWbw1vxsl6R53CYCkOP0p5y+u9iB/DwtohpIk/r3tTmjpqxV7exDdUy5HpPDsx0LuFroriL/pW5AAnp0rx0/T/TebrkaIBhISy1BKAOjyKhSMy8f+2IDyHr8lxwHJOeKP/PWpl+wSYfYkA6dQpD+t5STFQr0zZDtq2Wnl0hGISOnPxXOdZtR0O6zw3cH7WU62FWGfJUGATdLC+Rr31NmNuWS4FHhfOPd+gzeZMXqIpdfy8pW+uj0NXpos/Iiuaat2jWH4ttMwVgPpXLfdStKMJWLch8NNp+1IHg8slIsOm7gBAC6lq8tIvmCcETpktXEx/SwCxRBj74dMjBuZQF+7Hf6zKI7e1BcLzKsM7gEWaNj5qDyar6LpdHE3F5nlP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2OeUu5MCTZ/d9i/s+Ut9wuHqm6a37ldBujSXJDBX1G4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zxYWt3C3Z7jY5wMyol6AmoItRsd74delNVRC82czRyruxg/Sv427qWdhcVsSq1CNv/+8aKEIgB6nBeSzFoeBURYyG9zZz85o78w7CqD0wA29yV9C/9oQq8V6C+OTMcphYXrVnhsWLFhqjjBM6eZdV0GQJgP41KmHPtL8vD+H2eh0f2bXgZl18ajcS+SVXoKOK6zW5C7LAEAnsANoVUoFQqqheiGgkTSW+woMMs8ZODI7o2zgCX2sW9jIY7Dzm0j+Y2MMNxVUyc0gefhzM6U+ZoTM0FO2HyNlOC3H8+nGXkxax6sMQahU1ffxs911/Q4KWX3V4cC6fROacY8T/z8WexuW6NTixrPQAmdNI46MVG7GQNMFha1f1AGIhPVEMybMHq9rgeoCC6luMerlT1eWp50yOT5XAUnp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2OjzzoKNqc5sr0hKQIJqfLmH1Kp78T2bukbtqoOO6S0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s5s3YCGqSlGt9m+49I4y0ZgRgEFcaVujp5SCAwSK1H4yBWOvXGg2F+u1wnNJg7dhHMngSr+z+2g3TpQ3i2vYpskEpyJ9mfGLZy3pDna1GvuAWwFe+qVhzDrq0qHnKI/1uKsjFpLiEYgvfhc2GcWHjCspTnQOph+/pSn9f3W94QXD05WL+wGgStvIafoM34YiE7x/iEr9LraN46e8sGKF8rKPrTuMrHZNDQ+NIoh5MwNQ5rVaLXfrGqm3BCTjfc1F9GaCCUJPCFxdsLpX8ELj1r/0qXA1N6GflqCKGB6u0G73D92BkQcrvxDtK8uNWmtpgme+GxmSSej0rI4pOg1ajE8aEIKniS8r1EBJrmam9TscPf12td1PFm3st3ty2uUlmCXErNs0/d2gZNPhPF2da7CYMnz9gphw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2PhuvCkZfwH4t/MWxjKNo/GqsT2DuADVJVj0wS9Btyw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JHaMNN5pg29y+hG1/rW4YwhI9HKh6buZAP/ynh7uzBtJyKh5aj2xyUb4ev7nbUg9o66ZBFtuCQp+W2R/P3WoYXBbs4ovbusg/NqZc3k9ZQUO+sa6O6YXqYNW2o689FnkpNXIZsZ1tZOCg7MTOk4smaW0+GWjfmrvJkGpv6fyVnhjoSyqRpCyDm9jGtNjJpU9p/EpB3rnsQKATACx4fC9I7o+W6VpVy2AfMinK4JtrvB58qOVRaqNNB+inXiXITugbMFthS7boLRuFvWuQ6q/4mZVgYD6sKdW5nHW9hKIX//wpiUzs222b7GxTGK7pkNpXFGgTyJrTcq+O0iefdeBCcvYLlwFLk2wrFGfSA/M9U5kdGLUhUHByMHfKmO2p8INt7gia62b5MH00XHNdE8G5713AW0aX7FL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2QS0EadhYbZgj6PfK/T2mSxBkUHkjzTNNOd7t1UZpE4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eR0y8OLg995Z1D8mjAuTzkwYHC/JYFhtxYjbb4QYTCV2TPSlp+kS/p1Sf7IUgfyiTVSVEMfu1lTMXBq03tdjxSVFwgGOkkQhIFMUQZJ6lwBKrM9l6+mUgioNRYI1bx71y80zpMvYRtVzqYKaGw7LEhocHE7jMXOFjG7i5faNvZTVV/diiMDpUvNkbZosrcK2X6SisgQFjMZigIUPRDS4/wB7Z+24wOxRXIRc4MfmcOaW+hAlPHYe4Seav+RIKZkJUS3xycPlybP/TgPuAeSJV70DYQcgiqz4555tbMyVMn2y+V0kVcnh4U1EsQPryuYA9zMKZhfOUQc0SXdfJDMp6Z7YCkEZiUf6F19h13nC+r9WMkmZ8vNNz2wHVeOlQ+BX2yb2eDyBC8TVTeo4k1RiA3pNiwmyIDN2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2R2ALkONdDVDiR63m7xPdGl7h9dZj7U2uVzFO6gFOec",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1WQq3bVFavvDe/U6/t6nQ0WHvBeTtH4waORvQS/HqpL51PJlUIfGby0TkrilajSYek5/+wsL+Q+sg62tMWT7h0pt2J8G73E8YrZGjs57rSMwrVV6ptPgR1bJStq3D7cWc+itobsn3PJzXVeDAHr9Q9RTKVPogRQLlTJiW8aLgmoSeuDiVDTw/XO5wmXcjNTJ4QADp9k5KGzbWWdZx2f8ADFyuKHQ8alTjOHIuuoPnJ0PFRu7NRsjD2MXK0LEO0Y2z6+TnewfFMosSnmGNYtY010A+ebZU1auYrTWcNtw6McR61kIyoROzk61hSP51+SwzmvyqAdT/BTSWKKjR+W4VlKo4Lv3Jtl2Fas/u6D8a0aiC6aSfCoWiIhe0Oyx/WVEKFAOc8X4XmLbAflpoukPPW5IsEa/4G6A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2RaLxH93c0ZK9khpjy9EhXyoyRgRFMktbly9QD3kheU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lnH0FLqxFpQ3LUgVmYx7+aqfJ1GuCCZbqEiGaUTf8z2Mb6SOQsfZOk0hXGLmXUNkphtLXZIXuxmfz4ymYpMuICKOUH7o1PRpeSu5YKdB6c/zgGPd26foEnF+sPps6zxp2bmn5XjB5Jp0ea5LO1B7+KAXPabX+py6P2ra4qhKzzxf/YUpFSOr7AjgucL2qmTGemEOVU3In1GkSVUL9s/lh1FGXwX4vUWMKqmmtVN7DntBBsh0QRNkZZRutkEaj+oCU9gmQrmFao9xgCGlJjw+h/4jYwNmkBILj4cZ4M0wZknlhG3Abo7C7Gx1XkoKxjcj+jNaB2lq5BXjMWLyFh1S4f8P7xaoD3hqYgCqeVuobptuqqnGg+uJi+JsIssT6a1hSNLqbyT71cTQoNo1LzMN/8PA47JK8FXd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2TdpdyDhobKByARu91cHcxDZk8QRZkl8BZ7taIBpfB0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "10plDGSPiDc1ajWx7cbvFgYED0ngiEqVr0essAIYRb4/y9Gq87APyo5dYeJiYDDtPS9AKSZ1lBMDD2ShHP0Kl6Gha/lSc48B0NYMVbhkyzQOmMITOKvDh/a1zh0UM/S+lQGNATDo9TG86oidYcqtmyk6PPVtXgkuQ9vUT6XVmQVClHDbn/s5E7xltYZneU+IBl9+pLByZhT4V34X+RCDFbXAyNQ8vr9ayCojVMZBvL41UP7YoB4LMIzULXPdaiva2hkRKgs8MwVpudy7Ih6R851g8Uw3RPsgCAlYsSvcNpKiVpeZ11yD+Ho/JiS6IgwhSkf0BWyTi+HyTk0eSSJI3xI3AS6U1Gm/6/Q7MeXaH6bZFtXQ+gJ8MWtSSevbHeBEtkT2Kioe15CT1Q65i8HZ098FbaKU4D3v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2UGgLu5xmry4RNVGccW7fY2Fwtm9G6hhWHgaCN4Oj9E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CJjTDgqExvCc9dKys+quYiimQf+cUPE3dvoEbj76YGSPAVgKRGY/riqgHRHCleCuDDJEFpFW5kUz/lPiSwu4U6atWP9/t0HX2uGVwEU5a6RVCv3yz16Xb4gFZhtbd99mDlVse4rJesaeP5S20kP9CWPzsautAnF4sNxw53gRZ3N7bDXZO+Wa4QK7VhGueZLWKeGr2mxpsB28rHwiiWR2tzT7Ic/gcmz+jRAe22j0buIkFCicalE1lG9I2Q8ahZDEVCSTeIKEJpBca/F6h6geV371i7/Nd+ue6mr/K4PlBAaJ7fq0/mY0hqQhybx9d19mrYb+kz9qQPG4SOlKzbAk7d8pK5J/otVpRkdNZqMdVn21k/3Bx0sHCgHlkR8I1vg5AslCG4W1mt1aEcKUg6k4im/HAKiRaOmQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2UQxGEFxgY0JUiSkBGyg4dud+4peDKr5gdyD9Zyrar0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PW2OguJ1ZnIey3i614L/l7ZiLA1sJewkQ5wRbUuOtEKbpBjoJTgDn0Fj21MW0QP427ZlX3sTsQRsjjkO4ZLQEVCwCnS12gpnvBgk+UUIIrq6fMSKSiaZf7FYkNyx1l6nKk3cQPGmRCfhofc2BJzSvNSGT3ymCPJVc1boN+pYsMg3YR4zHLvSFGP+ktxBeu4It8BbVRlh1UC98gw/4P1yRPtl1Z4I2YC+vYQfPUUg0o4/Ei9+GJWfdq0tkufS2+Vfnu3RARPNwviIWtlQyiLXV3u4ddmVIzoQnVBuuECTE3lKbukraDrqcI2l+5rqZlW7WcUlq8UXZACPocJAWH3jzKOfRakvWHrV4hTHd/rF+rUDSGFB1T6LjzSt/ogk5MJIB2g7xMi2t2JUCFbWBcO0U3+Noj8bMU1p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2VUxMhKMHK1igJXkg0G0CM6LOPjjzh8UphDQbLLRfQg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uNCaCt1Uk2RN4MAOYYbwg5piKv47SbhKWQB//vmrg6q/yNcRI2igqxqjfS6UQF17exwNnu8lMS+wUAMZV5tmmn41sh5emjAMUevC/ctwO5f+oP1+g2rDricqJxs6MbMtIF4KAGq7V+PXPCuuG8kSQun7GE5N5QlyTkX3UolIGVNcKvWUkmAhEzd54cJZ+IQXeTN5YFCWIbNYX5FMr/sMrJIH8tzUOH2KMOMXRBkh4XQ3UdhEDZKswxVBytjvCDHh2vIKMrXotPqM6HoDa8lBQf9Ksvf9YxMp92DZ4b1D1mzF0S4h1tfgy/s6qyRZjmlN4DgpMAcZPvXAGk7UsFHEOGil9fm6obbeae5Dq4RL2GSCIY/SbcP9mFLqKV1ZwnYMfocuNaL3ktWMUCFKUeiiaTuRy+o2WXc8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2Vfys0+qKeqU92kmrqLn6/ZPe8BuVw20iHnceT/EiG4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ygjUecWMj2xjIPNQaywdZWlVsxvv2a/uFLMaqLq0me9tX66xgOjZ7YjTsl6zWvG3f3PLjDWFCnf9hdaMvlIfE9ff3BRwnQGVd0O7tdSCMQBmL5lqgb7MJ9/2RLct0mZWnWV3iFZJzosYfxhV6n+6pvwjog0ga1T3uDxh1mdUMwN9IgSZvj9n6+5u/i8a2QbQFACsLWse5woWRruhCgdVdNkPYEqjyWQRm/6sCE3HBQbJ47V2akrEzLHsZxZ9MOaPyHtoWkw5SeyM3J3AHQqBy/a7I8sotN3hFzkHV9qjD/mAbUad/wv/hkHeahQ55HsEhJLbTftipJU3EkWEQVMO2aHEx5v7/N5r80iaGCTF5bX4Md8Jmfe6LdIn1Y7qJDugKRbYU3W65KpTGjzQxwz7NNHKqOqPMrwh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2X4eMN7g6QyUMZb0eYxcYls9nCT4yZNeJv6eZjZ/7RU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9Tzxm5TVpZzvAjw2/ZsDruRg4jACaC5Cvi7PmC6K3Rc8hiQDoihvW8XK0yh9f0VW/AXqg2SZbpjycRkA22E57x6r52oSb+I5s2KZ+P3lYz+PDhK1NOtsN9/rN3Nva6w8F6gSnAGLZ+r8hUFAxXirkpsczn5XjTmySdq8Irh3LSIkV41e8WAxJL0SPec7V3Vom6wHKCAHlOQJyWu5TUSqlV8Eftmg/DJTxEJKHAGJcX+L0Pfld5k6/LbJYPE/DLOFYNw0XpBvjQxBnhq4Ogjlh9UdZsEJdG3hBQE3amleCw/JgpHKCsCj+DU0XrER4sEpp5tEAXrdZG07xoY2hv4kPh47nFpgL4hUx7/w9/VSBNw3nCcuaFMtVQqLJx1dt1LhoGncIMEdgJps3VVdNF5g+e5IBVo9fHHg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2a+1N+uaZvTVxKGrCY7XnfpsAyn1TtwVuT31mtugirg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8LPASGdEmXFaEaRDL/A4VpobyTQQP2kHM71iURQEHHcIMAxED6FTkEqj7zP8o/AzvZ7Pa4CwNvyXYbaKLk3r1Q3qF9YKIGion2g+pNGM6q4+rqrJNc2TonIsJZkjWg3q20dUtmJMLBryeOVBpjsSSFwVNLdFPaqJQYj4ziJnaoSWbDTxyi8L+nOrDKypv1Nokn4QN7pCCdxhnpd9baxXxjRaSFmSVlEyuk/p5FSsWXrvppx+HQhD8dp88/bi+66co2eUnXQerWellUWNDKOaQ+qHgPC5X9HMwPvXsxKo5ArxZjonJOZGWEcWcsOWcM2bgjyJdDrcNYiGQqNg440eAz+d0ks+w6i0JhGY4pcL+QrubjjbIQXUzqfHAWua1udOBcwhguyhmXkgIqdmLWX+IbduUckGY0Ci",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2ai2kxF6pJ7aIfbvQtLYthdlL4N6EMKfbDKAk7cFSY0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Pk5IRi8eTO6sZOjMcPHsp8cKeqoRHbITDNOFclsJUhCbpkfBk3uKMAfllzGaqdXmeVFfGGr928pT8Z1HYDSyZ8FhkZei5LBQQ83OFCcfsO8Ow8KexlhVfaMw+DyD/3XugaFC5kZePIGCQGV5gVNwq9rtQGvD/Q/ZOWtWVB9xMlcC71blPHM1m/GcvEvP+Cr2N4qhT2Qwe/XcQwKe93OoAbEAhO0xD0OMBhy3+Dw+LYJmgCa04H9M1HuaWsE0Na/aQR51EWDYbVwdELi9EvyfaRgr76nmilcbiDYd93ToJoIMSs/kv6nPx6XYsPTS2aNfNAqgCME/FuNWfZvI67zeneWuzJrsnueuHKhO7zfCi8iOAFn7kn8hSgrpaxN6GuaDSNVH9SIDluqotic6toRk/bkY7vSYwpIz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2b/zD57GC7et2KFgWmfS0LRNsMEgfLTK8wpv1+d68b0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "q9XCwT8ZTR6/5Pj7P1IJRgHmjH1iCBdFFUP5FYYfAnL7milJuUzHusRV41hymrU/yHMhI0wD54wKu+779ii7KQvfCsX7wHJ3iC9wD8M2HyvbDHPaE5rz2Vo9uSM5tLEDpFTT2WA4DQo0i5Dh3aWmCCerpctj2KcNHLwLgFf+eGW1K1P/AeSYl9xIw3uHPkL8kef4F1cujrJSHW380mayqhlNYGZNtf8LDoPJ5p35SVzhTTq1cIEPciVojASA/k7IApcuRjxVY2bdK3i44hF7Pa705fasZO4yVPheIGwRPQBrDe3YCByW4Sg8XaMXDla9DzjNm6fJSIgaKADOD27i3Rvrrjy/UtfFQujer1VdN2OARo0uLK3j5dfGzoIeTFnv2sYgrQKeH4MWzAvf6mwopn9v9KlJ52gR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2bQik2DiTvdZnuYL+fkYG6gcGt/wO6TGdcBvfI+ZCkQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bop05OlntLNmTXJH8ifo8hq6b8rHoKDTWcKbUJ9jkatIUjoP8PiuPTWj6UMe5P+HF5syhPZJMg3DEdyjxMxn2V8dBW0Ea+Gws83rQsOvA7L6Xj3g3jg33YdAEJrw3FY7bPwyLxqq0/hSUqPycD8MHSorQ74wDCtB+1Vf+hQirBbJLlQMM+t2W+8zUDsw+KrnWxFAk9g5tYzbRa6KdFk4TThMLOOZ2FT7/Su/gHNZgMAj2DTu8xH3iWtA+L6zgsHDA8/kNnIclhka0tzv8Ysgpb0P04gxrZ/7BBoHpHt2CbB0NkoyJZ1Gj42eYXmIwhlCG3Qrj/KDD0sgVSiQOz/GYfMvqiuResoy7JfjKioPrfuPsyxGN/7+fIEiI5wWWsVm9FLbqN6t5bXR8sRJ2sgcpm5CZEt93QTZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2befYJbHxmvrlK+p7eCKd5aSMyAuRooiDHyJgQeuU4g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/kcAU4/W5TXM6Jwfn6XOr0d7NOH2+H4fDIPvh7KkVcsFR8RXfph5tetUgrkZeLjN4vHwdYxhyIyLIHar6ylc9k8To3oi4MlkcOP7KDcfHMbbZlNX9Nab/64g/bzDdlL61S7BWnwyqAnp9OjjWOceHF4T/xgjl7nbC5KQmgihTlqfmQrl4Mo5Lc//FcJkaaKtIRM7pIejDDr3cVUr/u2aCvaAB/VtWSJEUUGFqBeW0dizu43MZMXH97BaducjEtYVBLebsKeSDDOWLhO49EVwTqp4GK6Euer3Y9ThrpgAQawjFJfde9UIXRrUq4VIG/ULqjzSKicaklvwtopUOdQksQ9qYg5nltVHtXUqdu+puhYvVntzdiEwWRo6FArIbqjuHetHt2EQIuL0Js8g5vVmf6LR29rxYnFQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2buNMd7nzKZRxJOOjj/rW6uJ7K1HBCIOMsGJXcsBt7I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ETpgGanCsZv8R4hmbuhv5PqTeo2lnqeQzELOLL2tQw8A0TeDfMfTYzjq8ScCl5l6+vnIfCYvWrEA/u0UdY0RCqCZMd4KE7FpHOaSoUu36IEyU6+08SdkrhSAKof7lyrg4PxLOjF6Nmyau2s+7sTUm3H+iaydNlr5GiROni2ILeMFvjGLetgEyZ172Vhgob3P5DJ/KWhZRj6Y6rggq/LmShMmvXDD/GzQQSIG1Pfga0VxERatvECoiywN6LSFLb+jKk+nM1IOi2ovPIzi9smWmbNN2vMMECH7fm3prqxrBBIrMjm3gL0/XxfjRpgtubx5zS0kw/41W6a5dij7rvC1DzAD2d9QG461XNb0XbWylxQ71Hb9b1rHL30CMy/smeeMz4sYdunW8oOnHkoo8Ynjk1reFy7FwIRq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2cGYG76qYFgDo98O0Kr3OnHV+Qwj7Y/T9TTcCuVlnTY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "H4pjXbERLUOhySHwMoFOpQz2UmgUWHsuMLg1Uyc0/eTufCAWLFcRrv6z5zapZXyj0SjiOj2RqTfTWyOIVeeeBppNiNGags+94K/pkqHLRU3YzwK9qzYPD8teFK1xh/uZ0TJMlOOgeVBmXtnRElr6thtn9zsLlbrhlzxM14/S/5p1BUXkAzPsykO6nkq15UE4lgv7NRYzApVQRkT3iwBNn+cDsAWRvy0qHMVItmDBSIBrIiqEokvKcyaQA9pZhz5RTGQX96A0OsMoTjdkjkKOpNGaCcLlclKrRSQIQn1te4xYiZNslw6TuLrjfrmdAmquKnVYsp5EI1oC/wIJmffGcIuVpToANTRoeZW80iDFAkYaTjRdGYxu8xT6FK3baL6qsdTSfHUEJShEJlIpgEwTTgJ7rT8o8yLp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2cTFxKFmn+vkLqkKX9iH24P/wGgDHS4rRbIb5OTafts",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wZVmjWOQOIt+NZA9P+lPpZI5oS7p/+dBJeNkWRYrrQjy+LlinGnUIcWD0uJ+YoxJJlUP3z3T4N+Sn3L787YA8jn9kO/Eh7LS9QKtQwStbHD0h44OPUHLoEKIjpWb/xbTBkiyg7UezxTGPWjQRFvIEJ4+QDU/6oVSwMLkd+EOaIVeOsfjDH0myRj1lQDazOiD4T18egI3oqAb9iRDNPNjiX1d9/Dxq4aI/chaC5m+X7rePgMW2vvETYVHFkfCpgNXl00JDsjlbcWMwKslbFAC9Ze3jXWBvj7lkk89/qZZFOoMN3/GPcr93F7/k+nSwpVE13sqiYe/ht1Ch7jpm8N68Z0lJD77A5ew3DjwDDYx2VvYmac1bksuAm/qSGtvQxc0N27B+t9D8En5nc8jIYDPykQnukVZoZsa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2clqWK/RXsI7UEYzNmCd679uIrrQPYcjr9PXwAMTOr4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aNGNAvsiTDOXuTW1dYxeoKSy84W7XMudtNF9PLccjfbkX/hCU6t3KAKfkXmTXOOBiuHGq7SDdZg4nF22UCKlCLHsl2E8gogADzZv/v/fQqeXwPNAPNJQ84JVxQocQLM0FseDdmpHxSHWTvINoyhwlc4bU5uUHxGje/D8gVQkpg8hUEnlZ82UeKB3sfy7PUu00l8CAUxgrPEkNYc+N0zkA9gbv8oc9xOMfqhLzUhuK8A2aSlvSjGgCoHiCBFQChP8UlovksUIfmRUJoYEZmKiY2jcj6Zqfe0YKBktuzCZMv8ZQ2VqkhM1JF1S3CTrWTmGeuOtdKDDESNs4+3RNdATht3xrjbIYiXNR/j/RaOwMsBl17/5tBvKFSU/yP+GVnvVtaAep3mIIN5H4L85aczJHt2qCKlfH98P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2dRdD0NSnvN7NfnVrE9BX9G3/x2u5vxXD8SFN52dMww",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "e6MjXHxD70erEEQBwYMh+s6JjAle0+8jCXNHhwX5L5NTADWW7+dbU2gqbcaeqF2I1LTnt51hTtKvxIu0w6w3U0Y+GjlSQF5a9SDN60ya1D8s00uJsyZvmmnysVq81OVEaUEngKImJzmKzT4wS/ThCf0fhun3TddVl/4xbSjIDCR+oOyQMJ/Fp5D3a/O5fguWiDEV5ulzP63rghzz1iVDMrzVt1dE2hMfBx/9s62AhcrRdl8L8/wdHq5F7KYXRvdPCQarXlFxFhM72uXL3vkACvNYxhWWP6m2PbFI3/5viDKpc6HXrsfyAsBuREzqVE8sHhNKwsUwSp6Dqnp9CFWXVDXsnuFzEqzHVDIlr7sbbGRR8g5pftsSVWfizlxmtT8+c8N9WJcDUDE0aLWxYJnxQQimzcbUG9QU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2doj1u8z52RVLz7CPgWDdwThyzSDdClTI/3MEgw5ZQo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+JRu+GtMXzPCO17FSiYwhWuSKPmAUt7RUbgdfxZsGEGm0eze9e27rTjrDklYm+7bdOB55EEum51907VzDxiEVFjd00fXpCCKSt7yqRCDOIB2k+fCJlpXCr9rZHDwhhSR+uM9cVV97NE5bZZuKC/GuC3ewjDz3uWIwRtYafd6kaTVBbTfqBkHAOFU1YBHQWpWJkZ8F7SG10EgGx3CJYwecHsWdiXi6rvXPwTo04nEvfdnUwLS4JWApvBCMn8BVd6LjkN/6OrR0MiQlS9g4brkIMWDFxGyOXGmmdb2M4lPMoT3+bSKdewC69pBn5iDwuSRhKTNHeZE+3Ocf51LKDGmem6ZDcTAwSpbfb3ctiIM9zqcP8lJau7MKRM6A3UTwEEwiaHalcDYFR2OCgInC9L0buFLyqWSw/Zn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2fAK7Zx7lCaVYQk5qAcE2eS5dp8ka+ooYHvkbEFRDFU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8H6IQz/YI06qEC9PsLwvkvaWKJmBZiq7GAA+PhkL3BOG7WqSf8EKsBH0hMZRQizubz9DGbCa254Xor7ryd2cUyikYdYP3Nu0Z/OlEw4RFO0NuJBmSN4hNOw43xGL3PL0DFb5xanuo4ZwF0GrgmUZ60GymKenE5kkC9GW4Vom+LrrtwYLXKeOJe5s5VEWofO2wE6zqWNccEqULk+3/uD2R1qzh4z4a5vVBft3vNdUJl2nqETJI5zZqmg39OHHSVO03FPstzIHcOtVj5lAF5F2bR6PjPkTq1j6buV1UA5nUvl0mYw/VUAByyHyjbnVcMthhec5XqjUPJ94TqqEcaznt52eDEDkUZzvzWdunWtpSxw5dhOm05lJ0Kq2KqYszsurISwWLOeuz2EZCE8QG8881UBc2KQNUCiG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2fiSnNC01KN8FAUx/oq2A8YEJaZg3QjG2i8ZpBEpseA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NgbzRsD8jngpP1N4z+pRLsm54hPnEQHGdiOWeg8ld3wryE/anmL5dKauUdqRfszRhympyt9cyqJ9k3lLhLdZ5f1SGOB2kGZZTzLZNSxHkiAWRnnJED5xVDpjs8gILg0349Djo4rA9YxadiqdmtR3AKQjE5NXYz91GFR5XF0gsEX8jkPBYqYZdW3NZnGJR7ZHobMopKKe6T5VZzxDIT7DXVBFWhahUFxb8UConWSbk3aEIDD3QZNSX1UQVe18jVTZDvYVHiJNtFnepfYbeD2bm1ximm4InydTbA/fOeXvXOTeUQw9tG5pLpvGDSgmQl3A2c4d41YN69+GCEqGRMJh8x9padVxjjqlGmjP0v/vtsagm4AsPrCYoQvqwB3Ln6Hdhlj0lytIjiZneQAYJ/9yYds7f2mBggUr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2fuTlqqKmoin3Uy9LmdRqfPnAfJCgbBkPJHKm6xepcY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3G5Lr3PmG+h/0FdmqyDaENh3Ee619cIUsA+daGIhf/mVDwbCgsGth1CzDo4hYZn1dnTItb57s1XN52XAQyZjuBgdtyD8QdM7oCkY+4eGDn3WHdSC2myQhvz0h3ElQToDz+OCTO9L/63aZFGmoUQgSnr3/woUbLBstUSw10YtH4JNNOSNC4dQWkRba1deJEbCLfkXr7InpMBC60pK+a4ZxqLlm0yqXRWeJrQ22CRroFmQDa6unhLNG/4ffeAkpAZTUmyK8ro27tWpA2WuhSenH4uInZRLHfWpT8YWjKBWzErXm9CwEFVhonNrXIGhp1RaRJe0lJ4bIxXIA1G10PhtpG+vNlDOb2CgYk/OkcuKSarEnHqh3/OlvDczmd3AV4E5geRh3s+crccQtAMdp0ssxWNaWxvEOdGk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2gvu0s/ARR4FjxtvvWyp/vYO2lnMnxU/dli0kp6fbeU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2u8i0A8sAC6bqBMrMb7K2U3mEEGkdHXa/0dEzVi52rlZ86Zc7TnBpb64p+gm2Hvo2FWtVzY5lLrQQ8uif11WBTXI9FLBYRZo/hyQOytJVz6uIecogk50ztWsGZu7nVXziEt+6+/oZkKXDKptk1xkf1AB+jzjD9dxe+PmnmNR9cAlOdjHv2bjuH4KYoRuVk75J+UMv0loSzxl/1BqCuqHcuH85dw3SfLzWX8nN+xQHEEd4+wkrWfQ/3+OI+K9GwMa1W3us9LcKF+WlitLxOj1mFvJ8QD+YdCDtU41CcUKSc05Xt0qjGRrblJYG1eQuEG12nh9gwG+0CZluxxUy4fxndCnXifS5iY/MXZVTA4UowcUYFSnD8GdaZdZ9L5FK11cnsVX2pKwli+VGUWKXV4SfYfW9PHwSjfb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2h0KSwst+S7nljpQmrVE0892cJg0C6hMQyxoSBTp+Vw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HcbzvzkuhBo4JgYayEgC/FO1pWWTHFVPCphEM6c6XcqAJW87GucY7011SqZNJVfoBIzA0viRcLBixUFgRqiFSQQzK1aJC4RG8XuKsa5r8M0mPWyDS3B3G31lJ9Jhj5Y7VeStv6AO+yw1RBYB1eQ0ifv1NFWzK9oSTM+DHPftn4a0BXXYxjrj+wXEU4DuinjHVRxWvwH8JrMlr+G00/IL0zSocfBXfuKucYlsExzHc7DqmP4E3Xhfm2RpvcBAOonUi9pCZGw/Aj4W418JrWKGUkDLgGS7ONhltFemRI8SyoeZUaClwpySbfGwHEfu/HtK+NI1qvyl1womrTJwzcH4MOpNI2h7mgkay467fDOIR5WOth07yxn/SYk0NjkVSUY+LV0Nqzip1d5uyrTEkFLhpdkD6S8BVNg5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2jYx8f26k0+dtdv10VVvS8/uV53wH6UaN6D9SiY9Gfg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Xmt8ZOqZEnHzBHrZ2s3B9WcBGs74pDXm47kd6/pTx/paDsAY1hxz5Oxm+LdBcv8XaaK0bAkpMH0MyiR/qltlo7/WjAAqclx6X721e45hrEHXIE7K/sMM+fcIoSItmxJ8UXTxZZE0wHZ93WHpZ1VIgc1mFjP7U6rGwShIUngp/G0HquGi6sETL72Z76n0Roy+Ha0esVyb/36QrZWlgxPxKjIz/LnPF0y3EE0oHpKAC//sjuPWKtvX5SmJloAJHRBNXgDpIZz+uF881aNPtfmMT42w8wu41grelxmjxZvAC1HZCNxfQx5ZUlCF0KGIzNYYl8cEdyhkVqfWSbFBNS1lQSBDPa9zdVhYqccBxpImMZfjgcOiNrkE8EcFdT4swMwJX0yc+F9lEPZz/PVn7MJdHNW8GXFpM/W3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2kzB9Tal/OlKCpSGVrOJVe/q8JB75pA/zcP4dV9qvRM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Mled0LJfcJJ0eA+YUDRJp8xkENHifPQBcrjLOoHIyWlcrNYwlyGi91nNiH5/h7lEb0EdxX2rfW667/V0vcaT2wsWRmX118z8CINmIr1ig3jWYnmh+UTIhAgx8CwOS38cqmOv29hmqwsB55g+atQnbpBfQOFQz9LZ1mQq1ut66uc87BnSyWWaZumCK5X978oBa8xYPu5hzyK3fF2N7gcrWJBP1fwn3s38S26AAYTdZD60zCYgZzDKVpqZVoTLJSm66THmtMU9sGiFuv/R234x7O6QvWIm5JNozAURCxMtSe/v13BMUs/wZvR0smL35bq9JNA4P0HRVO1ha/FW9nRirwm3M4oqOdywkL9pOBb1qlBrWGoQQDJ/dqcSho4Fl0f/cwKlZwZ8mRttTa3u251tMIXIK1k1KcHS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2mA74S+yZJN+bkhNmgg0e2fxsIYQh2/IFmkbujaFx1s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RiyB4WanYFcd1nc62aP4uCaN7GR0O/xh8zdOTOmCfo96Twdpu7W5vYNdx3tyM9g0rs3zgg/JBazGcAMPioJzGXF3J2UecqGkrBkCwikLgmlH1l7cyD9Cm0NIBmTFUguuP6oQDNCJmrivkuq3BDma2+m3vep3mQ0fQYjG+idbyjNCt5MachZ021xwNNxrFC8V67e2JCYGITNB41WdqpsZxZ/rvOA+72vfny131drA0zdgVm71ij/w5ln4YBLiOcGwWDV7+wtMkYPpE3ebBowUnWv4pVTFfWniv32Tu4zowcCzA4lHJ7oURUR5vr7p+K8hcEOdAa0XvvyxaMDtmVjzNNxy8Yn930jGlfq4hOuOBXrly/yjROT+4YR6BzS/7nY6zJnkoUZ+7Ii28VoZKsmeAKiOB8MYeKC7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2mh6/k6jqHHzDL1brrG1wYbl7/VsiUuiuh8VV6Vzdz8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S0EHhjG/NQVbwytX+sC98l3ABJgj+lzqR51WpBFngwkUPSEtOkLZ4FOpGaSk5YXrisotEyEyt+HQgdys/1Gik7Vm8pEDTpJEGi+Jl+V53PMNFGAZRb4TlsUe8dirf/e10lfmW/Imaxptnz9anszxnNF77BpkcTEuVYNq1G3r++eyJEwAsY6gu6v8Yw1WZCeLwnN8kl08f5GMixK8Bp1S8d9MVeaJKOJYKcEB21N6eBQnTwr7fu0E+2BxfH+kx6+nj06PffrEC7BvN50SkPBV1POrVvtm0jVbrbOTkjdZOmjSoFDR+o/vBwuDMNkVZH1LhCzjU6tbjgxnq0H3/0RUqQgqbfJcfQkX6P4C7nW9SvTr/e3+AIfFlZNnUhmLueyBaZ32p4jIgiGx3WolBcdizHRqN0/Jrmwf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2mhyrA+ib4CP1Wt6BCSchYILGOCcPm7ci/GU1dZParg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hU5Fa3eyBiO2Oz176ogtl6hcpARvcAMF/xwu//fVU/YDfKSoubOJz7FHq0jSHW/jYQil3x5zcB4mB6FHAUv1/50NIFxvPb61MmYC4q3PZs3QMDfdQRkJGF3l41s6SDRu7SdSE8mAtu4ZqenHp9omjrbzIvdHqs5lp2aTT997BfUnqwJAHgudS0mJEyTDuAeRAkBS7bSNqqkIGJA3CMC/n8jJFxeiE5OM3TIWQwMx43gIkbJ/rXNERS+/T/KFrdMPf2wlUCH9FVuuCYJOMftrNcTwUGIbxy+gBbjHiPCmYptOje1tqMc5tSssfrdAaPzqO3u6b5VBJWqSXmC8Phsoq3jdiptgw1tb9xOW7pgix6b53defPQT6M55oVPPjH55vNl2idjBPFQELbPOYVBHMeh1so7aa8Svv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2mr+mq04H3ufCGN38ctshC5LrNwSI7D39VugTPxpMxU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XoDU0HVTD2Iv2p8z4t8Xagxe5FaOd6kQ+Qnxn8iqPKMYFt/2kTCmvmp6cEdiH/YQsGdoBod2cgfefluwnZ22qRmOs/KhStMLeZ4F7glGOf7eb5BHkEBz7eZ2zIjDcE+DhjtuwGSQS+GMhhhLaAmY69MZvFzxbw+R55s8gNWAfT8LBbZo6hXDVarxxw7BBfsfA8cGB6kY+h6qPQaMsigzxhCoukh8lUXld9jQ5MlGZfTABim/f1xpeGGHtgduxAIV8iq3A6FJG5JRmiSR04UT2sulFpZpbB0Qmw9+CGd7ZY369jVT0/83J7wsV51RRGNu+vBmSZ9HGVrZQKAmvByCdpryDlW52VTombnVEtEUriDTzNcF2vNGuD1qksaSSt6R1LuiDks9gejqVdyZPsH4wvEpfCvDhAAs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2n/agBNKOd+X8XKv3Yy7s1ouzxpMASsX3B5H0lkYUdg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EoS/RYC/5vIbJ6ZJTHbZwz+KoJqgJZYSeipLXsizMWHQXtDY8vIiUhKtv+P1turMr7xCAH8EeU2ixkifRYk+2+06rxUr9m0hd2XY08thOzyXCMZOXpM0Lszdh8wxgKgi15QqoAb0fAq9zyCnYRyJ+X+QQ+c5SPq+wg2cVtOc4tbMmAnCKhLdpsnjmul3NitmKqVjTdkXZkxtApLDyKCaSOe3Z9/3p1i4IlspRaKazM/u1/9GwwfmXBtgXR2sGy3kXiYyF3dePHamD/BCB7rrqiaIX4NIfbVPSJPfV2eYdSJJw66DpaDXZzrfFhThk6YwMk4Z3jN7scH5dpCq6A8V4HqH+Johb5xQAQRmkT78yg8XUOGS8g0BDhyREoIAlYewWZHX0aLGzGrvcwC0fvOFjWZhR8Lolnzc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2omZVbjDMct2egwBaUBO7SL6wcGXp5t94Abdh0/3Yxs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OO91U3BcU4CY5JHaBYTmG7z3BgX7B/3IZBY+ss5E6pv/J9lg9CBA/8MpAZeBrifYLGwmqcOiMbG7GM8uVbtjMOv39KeXRdAsVV88ZqwBjEz/A3X2WPK6qmdBUp966gwuiQlL/V9KQndFywZqzxhYFiY3BneySt4nLW+OayThIcYygAkhQ22URyBXmiD/A+rNwf7mxwmnwPGrN/KzrxwNMv42W3kml2g1DQkuvboORKQuhVAPYsitotjs8NzJoh00YRXml5eyGhIecIZvLOYEjdGYV9kOz2zqInjpA/AwtqS3mGLm3kkvATAUaZoR0Nb41zuNMZ7bTOzxn3+6xc7sOa5I08QRQ+uZCDecOziCNqftmfs0q0eWivkRobpw1QbhYaoma4i7MPoJPr+86zC0HUGDAJYDT/BT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2pow2sbrkhFDtOnP1fUUiWniHAUAoSxYFSZiAUI+Nl8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rKp2N5M79hSkbq+DcJ6k9lRTIxbBoQyOuDpxnV5t3U/myx1nXEvstgqJEhyS6GZ4QOTywJbncwXrfl4sibXNVU6GQpQfzbjl6TZ9G2EV+C9TQchuuuowxpGvWjgCyIypbXkOu0gyoscCn7NVmr9O3f1t4VxHejZYLgVm/rv4jaBecFvWeimjS1AotbkQX2XABPYl7aXdFNbE/W6RJm18GoM3d4RSZ44xDoi7OZGmf7ozlA1pm/EQLl/kMnSVhhYScGawzUyuF9S76krP0xXOlgVEG1UM/7ujh0LA53eiCT9j+X/NZf9uHFYrwypxdEcKCrre4gBL6brvLwCVAI0mkGoo0kQBs0k81Vyd6SJStCLcaasfBfYoKZ7C7rRoGZmpDTqjnrLspkOroystCd0xYE9S6s1YPv2+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2qW+oWrx0ZfP8xserrZtZ0Td8HLi9ll9GVy8pRsUcQc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VCCgADntCWOQdg3d+Q7cL0VbplTJ+9Gi31AT9AWJ/aB7W0o9vijjrySWpT/x+vuJkL+2G4jiPSfBkXl12BvnIAZYgBMyICkXSRu/Mub7JxUu1Pei1s03lrrRSYE6bkBh1AbrocQ2P9UYrD7UrZqz8IlWkm6Ej82iJBIm4DLz15GjY82NYk6ofnzDX3Ue21jXvX2krPjaqD3gTD1R7dysGqwRYtIVX+YXZ766tVoDSM+C6s0tJ4c1cosFQm6MDfpTpRCnoJrBnP9tpLEopuTsaHk3iTHdwkyh/eoWKivTJnplEp3LwVFDwf65DgxMCjv5CGbBn/mGtX7IDVCoLCIeZ6/DUTNfDP68y7JDsVny4wuZe3CJThrmn66dI2TgpoIFAnaFyP9U+Y1yXkM3va9An5w5cUPT4XpE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2sjgMrci6ti1ssqnYtFMZjkCUp1NSMa8unoGdZZqIRE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M4dky+94oT4cR6iekqRSS/Zd9KU79VI0bjA4Rho58qy4rMjOVc2C6ToXDSbCHTtEwU7DCdriJZsbBMFxBPGr6oyW+2ZyiPnUulK0tT74bYJBgZgN3XoNY/ss8YBYAtjJddta8JisEHb/GaQkTb4IjtD4QbgCXWNUO8BTuGMPm+Lhl7coXFB/B6nx5ptW0Ou7UuvdvbH2qORb+HIGFad5SJo4nM3xwssdbxK9L7M8AdsukZ0G1r3hac7MdXoYpdsNFdsyGhTvFi36pMLCKMbhGjKqIfaiijK89Aqj2K1ocYX3fjwXAbfljYq4NeIulkDzpO5SOlix2Bxb0LeK0vkPK1rynXGWxstkum3dqNCNVkv0hJQHrr+6OzlR731N1yapjYQvhMvop8yn1q4g3WL8lRcb5bik571y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2t5dBjBNjqUwKGz8+VA43ucZzLOjwwrYMApScuS3vaw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gRHGrQGhX4v252XjzG+XBNF3tuz1buEhPBpEw8cLlUPMuovAH2yklKojOdiG1y3K2eaN28U6lsubRxxEQ1tHM2g1V65bGO6vTuXphIiBz5ax74mJKd3vMRd6TkJzg05yCCxZFBA/KaSXHFqnvxdmzR52ZmGxEDMfFZ8ecRv7ZCnLC1WQvioR5mBkG8GscZMOGJ8WeUNODP+M6AhdI3xu9298ThJRVcQBomDX22mYY46Jfd7DGcX97fsEfWH7Ye4X88IRnoaZcMJJCIxCAg7WloiI+Yv8vdo4yha+JpY8FPl8jgAkVerFsna0ObYVIlZjMcu3mHCDiIw5vOz+iMyhK60iGejmVvtQoP6OsMeTcxwmfSIhAvdVeQwWWwJD1HMpWoneqW9zdot1XiLs5zfhjOwlckHcrin8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2u/jvNO7UIBNifq5Vg/xb5EncojBIZu6XrFPT4TSkZg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xrnZ8GH4eWpd1vRnV/wjC6E5EyHSYNFbR8RsGKWzUNvPNW4y0AHew+2ak6RQm913COp1yYLAks4GgIFBiwOA8l/V0mwNIVVhyB3vGsWy+rnHd5lbsHND820I9M1LXNhvkJkWtMKne7Uj6BYyIoM5eC/6lFkhIzLyjYkMYo1OowtSI3f8fPHmDZR+9Ll7BrWeoxgp423OWUBvJYIaEsajXAvUa75W+fcXCPl7YJVX4ZZrZyfmAzlqTSoIyHCw7Ily2oZ4hh8MDRGMruUF9k3iryq2IYGo5AomGnp8IOudzFAINH/2Di2klA480DOmyE6X8A4ZDU4Fm4PI+i1c2ldgPfBZKuMmsXknNEmFrKhBWIpgulU6BjRQH5Mo/yCp98QU8FdGKrTxOeKpl2vQNoPM4Y4RFYj5z/o4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2uF8STyZr93hjDAIwe7H63SllU74R+3BrolV6aie8OU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j23ZrGoywPnnzUf6DoU5JclppSRraiXaUX+WDuViXqgTqPWmPM4g7ocXe6T63MzgQrUWaTM36Zi4lK7NqH/BdlgNNHIKbFyO94prLzrzDd8DcqtLc39ATLMf+lFIcELaQYCxLQqsgDo0ILitgRHTmSTsEu/Nf3h6WG6u0h5sj7lsX12TCPka2Wza9m9D+LHTxyUgrwwWW+Co0bW1Grlnh5yH2CplX74QYkYvhTz4Klk5F4T6x7NeCy1OC4gyuE3uFZeUx5ajbFAaHoDVWNKbWkwp0G/MQojyjv4SQ3RIOY8akCUkM1LpRzWDJEOpu2m7r7ymkuiqJLC5HPRcZZwj2Egq0z53Fj5WWSL6EIjV60EVphHjp91UESSseGd4HIvbTsf3ZzPkq6n659pk1lDhT8qtpEwX9q0V",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2v2+uCpopsN4OVHox5PX/FS0p31cVSik8++mPt9AnYs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FK70jsEO0ZKS4YsrYZcWpNNcTMD6Fz2murCiF2e9HlCqHX/MrFTgAc4F9dZV86p92rCJ9gDQrKrXmqOxrKeq9hvZd3UN7beacKcdj+rfLDtmiop2VEAs6CDmF1swRVi6RsW2vvKM3NtIkpYK3Pj8PKaCl5Bky9DHkre/79+PLm8AJC5EfO31F74KF992GMmMK3IEI+xVcvBsDl1m2ExydeETrW/+h9brjq1s0A8viZmn235IPADWXizikFycK4EdRW8IgApnHGSCA3iji7zW4+RqcKJb3c0xwEvD+nNiHSduWnNe34RIut3VsFiTYRnpZSvxuHPtSg9paSbt0y7YvKcznOn0+bZt2pQSVoNJYcMYHMzwXPBUnt7WvC9EZyJxba3pNbAW8cCbVdJ9PwmRP12i7qhIZhvD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2wEzWqQuoJaxoOFePojjXZ0D/sawstJQTyvAmsJy3NU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cYaHL47Au9wu1XqsvvsBhY/uD7z0kaTuKo6Hsgp8O3KY7tGwV6F2b65N26UkpkbQwkwF+Ev+oJX9qkbIoRwzGsSnREJj7kjuzBfzcpkniUQ+uSTKk2jVdCYQB7vkgYIvudKjPZJzeLyRJ7ZrOVZ6F6uCnyMm1yXZTN+wuIQszSCb+9a1YHfnrgcMYgtXI/KaqVuiX5nBu5T1sny2UHWRRwFzOgspwkbmfmiy/euuRvefTMeCFvWZqTzT9fj6f7FPrzqmonAYUjJQaHXDWqUH2sFQw2MQjjW6IvRHakT5CYuzbTMOEtAnm99lou42DQtZuTv6swQb3/YGhqfiSEZawaH2kD9X1t4wh49mApTZa+gGOXjuGDNLcg5AvXDpthb/7xkjlM3eT7emcN7CidlWKoq4HgYAleGc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2wodZpIny+RNEJNDRE4707HNP7B/ustnEASO8+esk6Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qingceFuytLPaVGLZUTxPq6rRmahR8o5ka/VR8ieGILhXZ++knlaiabjoG32SVVU1qOj3F/swmlEXt//kzJImpdEfJ9Cdv85TWfOQ0Yhk9ZFfs+LAHe9PxIKzk3V5CyArFZPJc0tFm+D+j6eud+PPDsFJCJgyV7flHa5P+JebTN87gg+kLv2q6CALDKBkbu9vj8vWAMGS6AnW4M375/fYIQkt6isZ4BwJogNAOaY5Ed14fkVgrK9L0aQJO+VQDAFv3wn7mHaCASdjVs/jtPtDw93+TpnQhyR2d4ei5iFUB/5nMvqmgY2/h1QH1xiFVoWZmfLhb6xJFD4/qvMQVLwZMR1JRAggVNMCy76doJMEL7liATmj1rJEcKO8FFDb15bODbWgkEvvKCfScO4nmyrNUedJrzGfA94",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2xKOAFX2TGaO2yna2jcFN2V4R7mcMWghWHv7C9UsNxM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9KkBrKeG7m9+sAAWMVxNgVREZLHPH8VTrCNKNb0sbaFFIekN0fR27TQwRbI2JYK8TIapxIFJ2NDn0P02cBBPRBp+hXXuDa5FQIzm73I5t/m9AlUJQC8iFS77L7vS7VcqxiC0ccdE0PkP/JB+yPAibL9TMVdlmAwX9uE1XUHcX/MeH4lWWxVe9wLNLqd+PrG88GgWygpToeP/d+g4Edl91tR+Ih/61vQCNE61G+7JgRg8YsNXQz23DkAqnA+iY7WYQgM2WGlO0VUaSnhbcwC8mFJSq07dyaJJon0HsH37g2JjUV4C9t+AopS+y9vhTaa7YJ69kj4GEUMXD+70D3eJuF+cpTa4xVeJaLR5NVmbw2CIBahYlVro+609gxFR0Vdu1gAkodT4Il8QxhY2fwcKqn9nblQAEo5/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2yc35CJQpxCTjE3DZKKf6Oq26U69ocfVykCErJ4PXGw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QSHYPv+O7CyWNci9aiSb5LrXK+ah05yyuI+HraITsFLqV05qn+2Y5DvJajBlq1lrAQEuDVS7bakwZTX2rki0y6MrBeeFmPGsbpL9KEt0vvQZRhvSPueMTOJiAofnGWCO/65B5lpjgB65gnPgTAjNDQVJDf8uYZcWHQyqrwYKgWrqKNou6SkQnlhhiBFVIYDlrZyqRqTNQakC1HDMOOZW7/06ZVD3z0881PV16TMFM1btO3/gJFeXRA5fTV7CY9MDwVR09zAdZ60B1I5WtArYqUw3boM1ar7JPFRYnhGYcfVRae3bDO2nJFJkwNiF8xBsnH9fO5v9RXkdw+0GOEBidaPuq2Z0efT8HrxtqwbmuYecuVih2cLNhRBZ5p5MLPJav7zwtJF7Esh3xGI9BsoCFT1oE+4J/XMb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "2z7b2RZrOJKs6GM7nk/6AsDTsREMbdUKfVCLAJsFXzk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eImhHOt0QdHezlNtKQgH2vpFoWYhPXCXPALMiSn3AqjIwhHnQHT2y1ogBO91XB6Mb8YWZzrJZd8lWkg9mJRKvDUdvrgm5BAbgCu86r3td4uZB1IH1bLjj+ffwEvc2IxSPf4ugdldMtI32cJbNf8oSeMCN5CHHc1vdfibhoDEAVINr3/LK55gFrJxXvfcOTh22aPWzbiCiZGTvTfu/lYe6H1By+wPs3jwYH/c6yJeHbTpwaW4S7YWcKoHwl78xCJPOnX2EIkT3HDdhzG4CbZdqQ08bobmUnqL5ibKsfiVNEVAis5o1Wuy27MBzBPrw2LQCKWfP1uMgcytyqoMOcwB+91vfxfNFzWQkNYZTwu/aVE6hJ97Q7ZCoaIldzyShiD6/3HghnaElTXpo531y1pvVB8CvcJRq3Wm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "30uG9m/apK3i7D2v1YlfYUbLPAGqyKRMX+Jbpx2x45M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1QMGoiaBQsKGaWBrNDKDLSNVN0cu3r8mRVpRNtBUhNT1Y6PFok1VDJmUokVntxqKieOeI4akPgksy9WvH2kwwbJEzilfzHKs8XtZAoVdos4F24tLM3l/RLvzETRhSNJENZ65e3s5QNfBv2CDvzkdEwEK5qNsZgH/22ORdum78+I/T//7tLEO071DGQAezwKxqN/rwG1yrjZQB0M4bwbmk2JN9B50L7fZBP8hRhbIFcAmEDD+aJBdwe5kRjTvcxyKrRRPMtQqQwhqGDWDPbFdLmF72yPz+FbdqzR7c3LNu637cvTKz6sh7eM0A1Re80GPg7ZltU+hexiy0fE9Yf5FQqatFxW7PEyKFKL3Kj72f2ZuyXs6DuQ/zbpDaP06do6i0U7g0IAQ5tQ84yVjDA9Vw3TSgjIT0hgW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "31C++WtBIK78por8XiJ8KjCqLVh90sS53iVCwNpWlO0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BSyCOM7Nsd3tX3tEkmI9r3akDxsIQWNe+nkA3mP5FJUC2KnnQcRt0jJym659Sv+Bj8r+DnS6qgqFk2uQo9gsR+x/chYdMHpahsRPwIghTqJ4JO+YD/preJbpjRSUNf6COYmQfYUJK1iz46VJhRKZD7PwCd1vg9SeZn+R2nwMTpihYA05PyffcjGqu1UTFYX37NQ0G7xHvkbMKVEx15YQ/7JYTigQ9WxVuEhOgHlYb0uTo9zg+r6VHM8RBgIbqt+1nfmMgudZPyEeV4SuMdLNpno8lX9pHQ4XwHaQTF6KZnBtDJCtOnexK5IF1b2YFo/k+lZ6Vzv7Klau/Cb2MVSiUWVtlYDm0x1jkLv1CH+F7AGjsErEDBsHqyvPeg0oNPzlN57muH99+I68Pvw1n5xCRnJqbTfifVid",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "31h3RcDDjvhEGDiSqyTHyX94yqvjhAzSLZWURmFx0UI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2beVQA/oMXQaQ6ItgNugg1E/9HChsRvzcoSuZiPEWC14MPEASBcD7Dro/AXbgFIu4ORab1RjSIsJXhQ1KvFvuQGCmVLNRI0T9Zuac9zu9q8mvPiAilVTnTR/yVMzReXMuJcaBblIp1Ea5nzz1g80BSYrMxb9xn0ClDUfASfwOaXdmebmP7NBBE9lfCDvJDz6Zq9CTtumyv3G47Ca5iYLW32gyBIiima79QWfD/SjG7GlbXqBob7VXlWBpXmV6zEDaAT772HWPaiB2A0x3tuTH1ICiF6zKENUoViWCjqvke9tgIHgSWdc7S5E+PvjdmUN7CO5cn455Mhgb2j4g1xAl6d6aWWMCc9o4QwW7kbqItOjz0yGYxLRg2XeY4RtwG1Bv6ObEP8CDCDR1LlxGXUXAaqH03+Wjk0K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "31pOtClrm1UUHD182apvb3xr+Z2SRJzMBLULRkleAEc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tUHYOHgvsJMJ5O7lzJJwusWJxslO39x59bRaURTBxp2O7aRe61bro70xMzKO0PmtKy+LsjDoBigrhs1sp0AnuifsB2wu3axRoJAIKWyGiNmSSkznR8Dtpp5iaLm11BeaccXUgcR+zMw3JWV96q82DsOix+fE+2IDBTWUNHkHc+LhVbIiTGUa1e1Q5B+MXJGTEAvGH8/W/s1nwasCcdGHyhpr4t2pPJCtaVuZoV+jV3r5lz9fd3Cimrd7EkXZ0tnjX2r2LfOkOvpepoxiJM6ZQvkYrDCD4hpJRZqWK1yad2lmmu0608epWAAwqxEfwIzqGICLEeyJsrBgjfabM6JMdJa822dSpXuINCnXwsplrGGhYgwF6XO68ubZFVIe14Du2S7QfkQvHYI5OyQ9wxhlYPRwheSqsDom",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "32dRjf24gU8iOzdjiz6J1mb07dM7t0OkLBOGg6oO9Ak",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xTAIDMgpKeX3XSNuGQKYHZ++AAe7R0iolrAV8Co5Up7mqdwKHT1WIEZ6HixDtLe1XZH8g/lISiQQsdozlCWfLqk6asZGO0V8ijmEpQRVPfVn3zAAb+QgN0BbBDhW5j3ozqj/Pn9NObgWCeHb1M6zZkv4yH48qFWXMm63arhDYsYDTqAqyynOqK9vC/ouEzs6MC0duP+6e8EsIo1B0O3VR4t3E3zH8JjqLTqAeB51SnMp1LMiKdeJfsV/fa5wNJwCQdiiCfic73Ng9R69d6ooMw5TQi7rJvdr9Tv+jayOromI9YlpALIEcHfevDaPc8ib8mDt3dDtkLAUXdzDrg3WfOYbhli0WMQX9ut2NnPMuz8RnnPQ7lBkkeqpzhO4Thmas23Honzj9DeyaUgzeMC2fRnpzruUsxwP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "33IP1sPvDcqqiyoj/L/rT9D7sQ7FiUH7rVcv+pBIrGY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kTJIFKyOMPb9xMB+D1iXY5F16pAS/79Hq+OqBqDFWYbaq9yEfLLZkDOGVeXKO6XM9AV8AmhHl4IW4J4N+sZotf82FftgXMW+IKYlnc+gNgE/30eKrMIREYOc8VjNsY5ehTV1mE6pEFhbUOAc/AA8S+O0pFFIvqpKFfEuk0k5TxSPjR6aAFFHTxk8xIZUZq16M7xWnUlUSCwnK5cTbTCIyysnkXMtFoW1OGF6KuHkOic1V98aLDLzVMb3HfMDQuPhquoY1JRQ01LM+ML4Chupx1f+CYI8IpKMkN7+9aNeG+5YpLNQQdwzqy5646vHxrDgMxH6ZAgUNtIJ6ByH3l/g2CoZE15SZkMNYJdeMFkcxfRsBpcMw4D3h+uxV4HLWHYG64WdYXsi/NfxBbpaQHoE37zfys33MEZr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "341o7cLzc+5zHgWqbp4Ml2VXateOO3Tl0eFj39s1PYU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tGG4bvli4BurUWdUD0w+JJfU54R/mnNX/zxFdks2mKzCQi03oeBXWw1iy72iEFzhMLBkqX41KIrPSQxUu1LFk0sVoC13o4E7+AEYlXB6xILiTbhtDqwTXl8mu9x/97pUY21ryMlz5aZr6xB98TAktpq8YYBCB6sEWITbObo1AMVHId/3zmSkrg7WRQQd/xofRnq+6NhL2VPbm6zd62a/T1GIqP3H37O/y+N2vdbUfGRFTWQ5NweEg0wIOspHVlkhem1gFZ63PuBcTjW4QdQX49MW2FzNIWggVlxkLYEa7AFcu/ruqijOypmdGJwQDUjHgON/+0YguLqkfooo0izYdHvj0+m7Hq0tlgE/UBh6goAPWJtIh/L1yZhQQCe7S5mSxOOxtigDP98hOTaHusJtP8YbeE3ZpVia",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "34Vx+q5Ck7S2V8ZpcupjULVrvy9ervtHxVJx1Z+QBpc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OU9+6fcIbWQDaAE76xZ3r65LKzOOoGXRlLWPr7GOV/35gmbufuBuml1k90hU9zYH68IIckYt01FYyAvVjpGFwYfHTCvrUMaiiqSwwQ7lQDINHRME1lRv9Yh2geOrpxEwiAleq9V8PancklDu3BVVAqRxTaHgBWvWBsXL9cS9GiIrMYcbDCrnCP5Wy8kvmF1XvdFME51OR5tZq6SatGpzI5QG7YzPs6+gAYnTgZV9YcKh8jSvOnrLpjFK5Z13HYTfISI3XTBcM0Cj5GLrwYC2y9fO0Biynhxsp607P+b6fCJp6zJsSlChX9Qy9ZhWjW8JtK8o/015S0UWNI5IbcvjNKWY6w+05AIVQxDxEtFs80qi28A370rFaQY1651PoIskMnmFFU/j7eZGoXHqst7RfPs1o50zNB8P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "35o3qpIydxuke5muVwUkUgNODUC3dfCemlDjVndbXms",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ullCiUAydE8GSDqHw5pcOiyc3H3QO+/BDc2644VkYvWyI+j1Dk4tbymaicG3mKxyl5gtyKFAR1nUKhuwmYVpOujQvS+wC+h/TdV/6tpfKy0yQrUjR9o1vpxbmz5jTxLsieIK3bsvOlDAmL73NaTC3xtos3VPmYl5IbpFE3eh2I3u2RNTy5HlQXtfpLwHwLrpclB59Ufle73JAR4DHqbCwvoD2cfSZPeuKetahcbeuUhN3MCPdn3bxfZrNld7FV9RtFTd0CE94pTIvzF26cHco6z/pl8qBDj3xKZ/diLrkecYlCcY786j/pVeTlaSZpan38eHMDg/Bu3IMQtbHl8EpOIZQa7RVp0rGmPGaBJaXS6dkMdFohPo3vpt5xmgF9ifdgNDNkvsORVGzJA14fw4qWd3UMBKSeiZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "361HrCfkYJYFK8wEKqAlR7FpbmpF3V14yovSm7VuFbc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fLR5b16cxF5vTMFvabOQwjKjTdNYVw5ZRF/CcHcCKjU7vwMsoNgIeWllnxmYvqo1duyGACQJnL8OprSESAtAbNb0hSbaknqZ20rBO9MqRD+PBt6cnYAqLsuPXl9GHxB1d07rRug5/oP97y97kl750y8fzshRBoHGsv6s8YqeHr2o/d0yAgTM3PNthSMMormsoBbs2RVC97OJjupsBR067QOmzKzH0hSJSp9ndWzvbx5N09OhgEXdDM9JplzAyQJMBjGllFiCvLoEwZGJN2V3k+6WJO0wZK8kOfNPtnEVhICoi0eGNS8zjCfam3SBvvAAVa9nfbl1qxQAXgNBe6PULy7UAjLTjuBCo8H9nShEURVaWbBuR2rw6H5sw7Cd3+qzjghlvYV0eDAeaLWtbM0Vffwd8LS+vlpW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3851XRgazei6EQ9uQ95CxowzpnJesvSgeaCgluy39js",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0mgsht0jpfAnkJSYc1q8w7kgNaBStUPZv0B85S4G92HFP9Gdus0yetmrcAo03BRdBwvnOjc8ik30yzRx3JPHdF2G5gmYiRv0NqAfxDPfiLAsXDbaiUD7AYugopYwIPsyU8IHCFYl9lOY1fzzgFdoiQhcreAOQ1+xktDU72JxTCC09YTNVl80Y/KFlrxvoD7nl2HZ570MzQPdDnTntpAkZ3Pft80MnKgl7c/h8i965sURkbrGFul1NjnWOudDC25tjSlmnlXwufnqx8drFi9CnY75ljGXrpTNa8U7Iwg9n4Czeiy8ebcS8/k/odUcTF8F5aFAVveDyQdti9ijCz1aLDDZb905BlHAtmbTiVYGrS9ZozG/XWHxR/zUTqu67O96u1gvKNT9tiaXgtV3Od7V6ueNN7IdGikH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "38GRNPjY2wmWvT8FBH6GX4Ha3oxlz2uqjGNNaiISYPo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NKPhBYgGCQf7KCgs1LqpCx6CuISeCQJnVfdi0WvuJpLuM+3nmhQGJXGvF2HH6foxgIOwW/gp78CAdIPfhmTmTmXPo60HBzDW49fFJ//zTaECZuQftzkEIkjrVffL1JCN/xEgMLdFVVC2o0hqfkwFMh46tFmk4tSKU0jhCDjU0ONyhLe795ZHod47dPHezW/Wt3L7obOZfrIqb5a0vOFlO7N4L9jB9hiu3MIlU26SgOU9VrOt16m1gvrKbVAW4W+JZ1uxCLWjCbna4JLWc0JDzmqciKcjKUCRo2smU5126AjKmpCSPcAeG8Qt2AikAAPrB5ZsvTCV6GOfTk1RL49WOevdj/yF4EUr/CftvFAKo8OjAy+pxbjc4Ai+6iUGlf7+OZyu8TsA5BrtmDXthGJPaG5T0Wyh6OGF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "38uU3zGUJl5PbyZC452iTaP4MN1mMFH88JInllhKj0U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iXzkOktpN0Nft8Poj0Kn4ieebeAKPmihPVYz1XW5+erKCrJlKOyydLxTNBvQ9VgxdPNhJD8s3Qhk6+Buwi1W5bnrzP67F7T2lpWJ9Er3ETuwxnDwS4yp0+dMmPkp1ox6ckS/nwZeAVYKIHYHYq3uhhZ5bqJr4LmO7FxGDX3Ho48qeSUdS+H1gbZjEyu4a7bxySfoANZx0als9xKT3RlLHSzYfq+XE2oWZDK5VOdS4ImKqIZoisTzLaxMARQ7HpVggYx/khpwy7PxINW6vIzzHWvo83oCPqapD/z/VmRgUFjZ/7/qyOOWjkieGVftjWUeBrRPWhfGmnmuKCQSO+X3F1IZjhRPeMj0GTZ8nPoIj2RSAyPePmHWhBQzkJK322xkQRBR68P1uKY9wRXOZbYqkqLduoXB1932",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "39J0aImYA1tjS+m5QHE/n6hNXB6bN/5dQvyUB5iSwzw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Sjnmfn0lhU10lFF2njgU04Q279CNQWtVcFpbUlmgkI/+etUegnAaMcggRgvI0WZ7soLv3TzQsh/ZxldTfpU4J3rDNe872RKwcNRlauNqeWSMNmHtcd79GvjNbLZQ6xePqdspnV6K9eF+j+8V/NzgO4PWnsOTdC5q5FZvp6pgnnOOAciPqOsvomdt8CAuQqEzcHzx+jpZSqR+j7MKxDdI9kNptK8fBTWzmPDRPLLB0j6u5qMGTIIoUK3ZswrDsJua0UdKUa+u7mZH+uiEBGedigYw1ajXNezFXBiad5XEGC5I8pPpnsK1Co30uodFBGox9UZ83cSYHs7dPR7cDKRN+QTmzKKLeh3VkuEMkvcyM2NXFyg44YXMYNum1LV4kOpFjrvG+Esj0M4/ps7yfGgGMDqImrpW9VEl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "39OMtoCqD+qo+yO95wrG1evuDeVkdMRTsHk0PY0BVxM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AMEu0W6Z5XtQK7GS+gq4/X/5r7QYsxVhEZM0q2Tr4Fmw47/Fv/h+e4Jc1cbMfCzmUOIKnYrCqBpvGJVJhyrRpqDytJTgsKCmygaLEVbHrU5mlGsxQCN3dz+G0zUOBvv1Y0C8Rljf3jew65GOEFCkYuZOTQmajAaQZ4kpY85PPG48SReZylG+TytmhoRc+hnuariDZbTeiXladXryxqn9Z4S6z3VbyGOw/8l1cRmz7DjbOChGBFcc1Ab5ngd4/PCP94KFZYbHpVzMvt399Xbq1PZiSCLMgGMgPL3ByhceOChPeCGATRChCVTK7M3nrjm4Q4GQTqy1TmWbbNYbuk6EVMv3KMWEAcwnSojpgE4zMli+XcwtbloQHcUHOP88BP1DXH6BAOqp+/KVHouhfnkNYQnyDoVi6vWo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "39h+NIopeHAVIMgQ6nIHfrhB5+ZVf53PBkPaey35JBM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tZYbxPSWEuXTZu0XJOPSHA8pmiaHHlCle7YUJLMZ0bUcoWC5XTTLonYBxmu4Lm4o0pzaN62t9w4lwOCUAe4Lrm2EGBvewSRwgFraSgG5IJgItc1b3zcCjmYTpYBr6Ij6AyCuYFGN91kPTUfDOddv5VQ+FFygiAUqRHcsgMtrpDOvDQHNszvaObF1s/Hzrf7nYL9n/QsilpN2FIQrPGZ8vupV1ITbnEBm/c/NOh1Z6uLlwmyCypjJ+7mju7VIbYRo9ZZD1xwF1eW+6A92gryl3v99RKXjDMWLdOa7bLFU4wpnLtH1NSdR8ydEvjKGeUCBf2hIQM4thkM5X9cbrYhNIsa+B9WqORTr041UAwcuLuLB+sKPRwA05G29hcCOqyohXe1c4juS5i9G6gr2PMuGLMp3n+93Ng6j",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3A7FfBBDy4g4AN/Vt6jlBmHetJHQkp7qCHfJ7n2BqnE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Gx2iM15J47d/a+YtTvfZO/uBqw8MMCVoIvQCpebYqRxUYSqPcuriSC5MgJnqUcxumCxQaCGP4/uGhuOEZQxHF20LtBCFnzL8ezQ7BhOJr6MrllcRx8fVBkJ1OICVVkA8kTYaAVCERN56AItavKX7LJmFXOJj8LAyN66T7/QJftU5r8N2JfL9fb7ebbuEGosq9YWC8+BdchKAZ+yUk5XBpodxRjpkk9mflp902ko9PRP2n2fDQ6o5GZFhcXhLxgI4NRHnSB7bzPw8q/gsI6wXEIY8OrgQCpxefDO5kQMkB33GNn2SDKxwNAD1y25kefaKah/Hn2uRI2o5oUguBnX7hO+GCSttZhcVDzixlpewM5Hg3x/j/xJYQRks3ITDRJgOE8leIV9CjMnw9AJGDqcqT0aD4j61+y75",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3Br26T8lD/qfke4bFOsBgOmjeIEfFDsAEIST6jZV3I0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eJCU+UcWQvpaoIQgZJ51ogtrBgHF4eSpykxpk1gPJEPehBKLnCtG7LKsH6jGS401cp3psibLo9yG6g7pP2JNvGgQp4mTjPzw2I31f2ZfaePB5gcIGsQzX1oJyftXuAjO/tygc+4obWXtF0+JSAob4ET6pu/H+Sy8vhMTlY4nFCRtG0RJf7pXy8SnpItoFsj/hvErJToCTOuLS3KLBKgcb7lv/5DUd8FNWOxHj4Pm2pMnbG+yd48IdGWDI5dgWoKqiTE8bF8e/bDUa8QWN1HyplZ11gEZrnmrr1VFTqbT+kq25r7KAH5ZoIPS1vFxfkEui1JBRJ4n+rLgJmTw3V5zwZ6tN/avkfXJnPv1emERcJ6+PonG0paZiKWKuLlyM6R+nfkloWuJPhiGOn2xQsOP/JbJLndy9YXp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3FvK31UF+QIU0V3Us0gad7d/0B7j5cHS6mpK67nTFUk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jj7PFOA1HGJssJ1TnJvu9R2DU/q6oXYvheF9MVFuBnbO53IRgiR2BcZVP3udC6XUFf4gBRjLvoUvmq01c1XfYDqPZ2YN1SqNQbT8ixXlFeqx/Z02ERA1G5AurY3qIERNsoUDZ0CXWqGarT71gXaw7oTNBjFETbwNjm2c1Fq3GXLQxiiiiYOfRo3ttx/b9WTFtgyrW2QBAwlO6hZDD9EfecEELC6P2nDie/++G4K1zKhH69790B1MT/oP1IrTIVt7VPfmwGI1OhHd2pBoJj5AFwg4+Qv0XfEs8ZB1DDtwv0DOpbp3U9SDNOrenY/qe/WfHyCjv3bD4SNSHYkm+bMghOme1x3sVQWnXfGbOjbt7DmlacDt/ZCUC+/5DVs4oqu+8/VcoHZ0sxRrVYCU3jl4eRyDtapWlUfB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3GLQMvmvzFd4WG/orW31up2ckyblNVQaEfhLGv2FTU8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CImoeESpHJOELhmG9yQaLWipZfTZXvdqbwPajvZynG5kkIXbRQhg8Y8QVkihRpEtNeRug+ODg1HazaciWqUg/PX4Ey+m1aJ99tiaDldgkQQ5WtrTdmwfCIwJFMIg+I7QhJE5+QjJfteYo+GRvqWf3YmXxpM0/XJuu4wFlpI5hLufhmSaHmA9xSiby0O/dcmCpvyC3lwoGkDeT3CH11eL6PHNHbOofsiFQ2j7rMevEEAsbgwEg/nq1rjcImGeUoGm+RLkdimEg0UbdeU9+oVr5h6fhoPqn8a+5RPIuupeSPaW44r3ciCzUDJpKnF+gqGz1kWwRNi4toFymAHH/MbvyfO7gDS7J1NOslX+fXV3Tha1kwy077m2nE4C+qXX/3izVoPWionTPdgHRI5oVZwqZyJIk4RSg1jB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3JEM37xjNAvPIQ8M6GklgNauOOfxlaZdQukhxIwKeAE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r9UKelUKyTrcwHmWFKv5EVEwNmjhCxngFbaN3p70+62gKQQ2YIOG6yj4HsMYX9vZh5KbQLk7v7oPVcOBr0182RP4pURC2KAB8AH1KZAHdo1Z08rJYHA+PN1701dT7AIWWs7wfaogHiloHRBkNzYypvf7ABUBe+AVGGZezfTe42K0XHzXVt9aYmG/9MI/xI8M9OEfsu7a55DoZXHB4Xm8OTx3SXmhuhdE/UlsRMD/ZRO1yH0kvehkKaGGKt4hDtLHLukBly9xVQT3xzBhcpzKSyFyO/idRVBqjOR04CfGnUupchMNfQ3v3LrE7Y46W1uR0BWA7X/fUf6uuf61IwL0cegCtpamtwRHNGezYsdb2SHdaW2oSuBGsZUHLuziRx6JkRpsaUUodlyNwtBCr9cPPPelBVhwsxZK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3MbzBaerYfQDps2JNE5WZhlUXYFLLr4m95MvE+fllRU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6J0416TvBotlX3mmY6n9DOfYCKiEnSoiqKoVpdfm4nyLWQYUi12bIfSgV884UZyvPFeJoJs0rf+YiRTQyMqdefcm2UVZiCt37j4s8eUr5WrGEh3LLKtScodZY9T0POyrdH4anUU2JYK4rOAItHWyedqsRtUs5T4xjOxRM3T8TYfqPHYwvvC0dMviZ18AkDQsQmyeWVi4ctzfucD/OgqKpf54aJXw5rrnDZutDoRx1i6+qo258IvTVgJwKnaVRoTak4xrfxT5HZu/SvGUWP+aZ3vJNUev5VA8276wSD77RZDBpKl5nR0BXL4HQZuPL+/mH232rNVd+fboVxh6mzPacGAi04mt15c4ZOYPHlUzJb8cuFvmh7mpYn5hk7cNftu4CjMbcS4bknkszbx+0CzQrdWTWVuExo1F",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3NzYP1lWkkraCAHjuDi0yjp+5o9qSw/doSf4auBxyNk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F+xLOvB8S7kIkDmB+t0v9mr2AprzyLlsRLzeAYoCk7S4XnfbPeyNNQ21MEMj5wAAaAogTN8FCRYR2jQt3U04cKvvQP4L2IwEb8HrsDa/fikZ9yPQeZHGmeVlDx44QanH5GMxzPZMXV+cIr3QZHcHuaKiwdUjvxvbmnXF0cP3NpKlWIEjXaSO/8FXYFfnWoUa961ZWiJlyNhlM3DDlpgjnnMqB2yG89vokLI/2pvEpJu7zAGiBpMJduYXRCxa5eWfO4JhlnlA1IjWp4ByE14MouZ40FeobOVmUZVXUE5AlJpBmENpw5PdGNC1l8Ek4xO29m71gbG7unhaaLj7kOXfIatCn9aTwYuFSLQ9Ws1BpUuLGIS+F0QJcoW4IG34uaf2KyNkHzy3DiXHll705jdxJkON3ShUkh4o",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3QMuiJVZQUx2Yfv61Fz+/YlmjY41wU9TqKvsIOo8jjY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ok7ylwikW/Ln8zmu7I0iHvaooa+Iu3y1GiQ1wxSIa3W/gee5bBJC8tRGDoCEGNVLyVDHLXyLMI+6x2fGtPp08tgD20JcfV09vXTEdAWhgBl9gPyJNYEv+5RmqBYR/bStYt/92vZe9XvQdezv9OOdOHyBFrPmA1hKA7icECReMqyjQufOr1jk6e3EGVa4ENWQ1iJRI0870bvWPH3dKzED/k75oYBuvvhcC9aN6UXJzDmVemKMksU7662Or3ETIoKzIEWCGu/QAwFDUzrFtvHFNG09oDn7n/dPEsLxhFDVXjwncxOHJVnTbB18ASOojMgw/YVi31qxa5za34Gbv1VKYCrt/zmUzhKM4E3suRNLfJcoF5EqqQQ3Ndj5JI4Fb0vYwoXLJaM7ecdR72nUF3iaLUBV7KlDwyv7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3QhXuBcX/l6wHxzRHuM90amy3Zjzh1Mf2ePHwyvPHXk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9GSLXeUFL65caEr5o7iD3y+KHs/8Eq9kviOtxpJVW12smD0gppX7SjNUphxr7qaS2uo5FJoWK92ViRp2VAMEjpFfVw80a2MssqwHsTfUpSb/KC3ve9DvfIxZHuS9jeN7RJT48J3cFcAGa12aU5SdNFusLmIdFvx9PGO5QhoGY44K+uO7ELxIkNMax1ndBcsHt0xE9a1/jeP2MyvENrSF50aVQlVjCXsZ3CYMsu4OQ/y8F+JxOQzQNhN88chNhf/amqdRV10L+FAtI1bjAHK66mvbki4SckzK5ksg6wtrYgdDUoQqhZbmYXLPy9kiuSTkFlEZUXdRFyQgLQIk6oJl8HMaB7kRFKE7ZYw0nq9GWmF1Im7YQGX3NlNUnUkQqSGWMscZEpx6kPxRECYHedVYTK0mtrXjlxgI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3Qq7/LhV/32LcWq1hZVSqSmH/PI3K9oXp8D+JohGiLo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dkhm7MnNPv1+Rgks6R3U2soUpUUpgQB/nLkBU5koE1QPSLI4LjKlTlLs7zwlYCVPy02hnGdHq2CNxid/jcAYyxdE77cK3055Rcmx4hiKibu+gEF8eWj8Qi+H2m9bV3QiuxH6rOcBab0ZBf9Y0cAmm5i9wVTgce31WqDYDA6NHEdwInsm8INhbQqyM4JTvUnKdT2UmEoNSZEmGlOBt5yZCmIivti5eKPKbrLIuA+cpsO75cfDLQKAV1AAf4OMpORl0rNxZKkhD/3EOos7xTKaU74lIk8DhXUtaOWRI7HLhMtwDDy/6/nlpLeYabZGydk8S4DvXsNWBGbPmdfEO3XKpxMIEMS6CLIKJ1NZRnFIMqgO/1mfqFVUZhhGr/BChPNGnpueaghr4/IXSka/lCC8QNOLOSwdGMxO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3T6X9OFfzGTORWcDPMCLzPEOiBXRq9uYCQwvOKaQwaE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zj7dY1JNqpfPR1UfVthXGM3+BbB3XyLylKqHey4l2Vq2pA+SBgjppw6D5Cj90u7qblv+M+58jH9Asy3vLoaSRv6xJvv2R3uGIv2pJIzj535Fl8myh+gD50rf77jsqhFVG6ijChdIx5RAKBsnxye6SIWfmRKyx9T7N/iIbFxIGs7uCmpxBfJ4CEoemnBRpAhKpzCn1+SATUWzoXYgg9fLNwYZ0cocdwJhlhIF7d737+omWOxj78kdHeKBKDMVVhM73rrvU9S9QKSUo4q9u0F/hR1k/VU18k2jXsjmXbnuQRQCLl71Wn/OSazdzI97pUlW/Ht2C7wv82ZzWDfXppyvvPiwJ+wX/nkcekFiljEuM+NmIx3WTJQHY0vlvC+zFWuB4i59G5sy5mdPw1sV+fYBtqxrP1RBbcIC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3UAzVFqWAxW3vA1C3iVjeSSkiZv4TOdwBrhBVyqEL1c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XiH7PviVlUKStSwhYT6BjOqWwWwZI4usSBH1Gvk+zYp4KamoMn6FG41cLN3u7WBgRwjN8gczZjxHJZB79ctcNSDLps/sy2EWxRgWnYP5sv9ryluKR5obqOpF3BlJYifHyo6ImoTb+MFquzpk90vcViP10JrdsQ7XX59UuQyVRqn9CF60bgAzmlvtKPClJ5THJ86XfxGTA1pLmhMIiUGTeaNjQglv7hMT1COfzQao+weqhLPNwmI4xcedn6hq/a2MHtIgg1y8Z/yHuBqqwTSoprQHUPOSJELUvCcp7qHhxKaEIFaQYhV0hREtw8UDC+4Z6zMkEbJ2C6IfgZ4C/NtIPdXa/q66mYY2ItItlGOxfq6HbcleMQamanIGfPwgFjCs+6rqWiHgaKqU8Ma8nW6+BP0bMVc8F0n2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3UHuWmaFZDePQOu1aA2LAYrzBKUI7HqjcUmvZS4aRRM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S/prEcWBFt2DpigkYDllL38kpu6iY/w27XazWozjoWCdPaviKysF7Y7BwR3JczHLfFFZK66ffmAekgQDEUWHPZtRzVEVlu2TWHJWEE9sqcyU5GMf6uQhTkYfOVi6X/0i4ef2oHX16fE5GnVgK8TRpdpBRBnqWozj9kvXtCCIHXz+yiggTx9Er+N9qJ2KGtlsslwh9/pkMjwWFJViDhBf6TpfEjA0HZ9KGDPLa6MDQtHtsA2sBukCZCwVdYiGFFg3bFnFe3kyMfBAPWKZw2I7Ksaobk3bm3jtXGjhX7UBMrcc2QQAu587pYf8Ixz6gcg73rvaWwdltCd3Y/5ddSQOGS9irlKOnsC+TD//LNFXNos6BHzQ8fwuExAhnmFedaxA1VboH79/NbmGzWVMUr80b4nHJSMBT3PC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3VAqrewQiayWLtFswGN5izJw/hC/B2UOOCq6VrluUeo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gN7wR7yEH5BiybpPoGhPOnCLFLBxNbiTUOFf8K+OF0f4jLvQ/zHmn2sGUfXVbIH7Q+xk2cKKLz3LUo1ZBYqa5HI0oQNrXEibDbTJZmJIcSD5GuoslFRK0e49W3F/C3f1pyIDR4pNwUMn/OY7JizIUDBHAuSUvJ4Ph3nUdx4vHmrUm37iq+Y2riEPAKZCaDTFQIZMSFW66PdnOGpJxnmqOtV44CD8SpuoToGRAiNRVE/7w/zSPZNadzQdGSAEe6ZX2+qe/iDhLMOeXT81ke88BsZCqGsLAkpBhfVc4K/ur8XdE4K6gEYlEkOeEtr4babRAthExGiBC7owLJolE9fyAFzC/Mps60jddU5WBe4GOOKJbZYIy8uEZnC9jz/qQA1UGPnnd9aPUgoKOqZEvnfGgGHoyPU/typR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3WNfjH+WeMna70jFO3bFfYnupO81MoTWqrJIr74npIw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "l00z3xFaatvE3QVZLBpCvflwpE8pFixbzkxx3n/sXfYYiKgZNEh61DakqV6JqG9N7JsoYkPTHpB4aV8g5xIWCbBE6zlk2OwRG/H4zkAhRv7isOBNnwlhAjDglQtYjf4EBSgWN3suIDNSblU2UmQGJoO2eXEC4oa+9mQs2VDYCtozyX7q005fchucALzj0IFVSHNRx6RMK+42eLJ69V6jZl5SB4B8uI099dLpiIftNkbB4fRloIOLEls7/iXDgR9jr8XcEc55g2h63nQZSaQtFzQi2Gi0fRfSw7S7ZF820GT9Y8ziHEwafg4h2KKCTk5+KKmWH1KtYzYwGlxszhxKvB6DivnrX3JqkXopDGWeYZD+SGHJyHwrs44Ki8wuZMlyoVu71MBBI94JmrGU9g7Wl74aM/lQg42c",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3YE5bNTaXYBtMGyrmPERgjeIt25LjdOoJfwp6mTh/6k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "StWe2wggewcwz1IiTjnlp3GmzXN4hcSIxkkBY+cE2KXke+OgajCsKdUxs9recFGPweuhRZo40fBWFvnE3B3ldXHww62GWdld8oxtBaZujRxLeDx66wGCZ09I6ObxfIfdsfqu3c33tMQWbRgPEagWZ9KZ2iT3U/gF0Xn47kYmfesNSPACOana98LyIoOvcCgOcBGrqdSTBQydhdgI68nM5jZ8ivC2di9zP/xcb8o9PZ+9H8ommyyzWtg9LIIh6apqwI56FMJB55euAi8Ze3tuema7ADS1CTb/3cf57k0vryGfXBhnLnw/WuRDIeFP8Ae1zQScLcELlLE/XccFJMbrJ2NQ2+XMzD9AqONGCFh57qnnMhZzQEWevHLkKH9GDi8OgLShiPo1KrZ3vXsZY1u4eyEvROU1ktFl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3YTf6NdDLPBaUAWwxd0UOiEnMsuRzzkXwjYz6us+vJc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FeSw1GgT+RUut3/8HsoxeoCeG4FpHCWKDZ29+Y8Q+kGgMHyDIpc5hfvGTEzokRWlUUN/oW0ZccFMSoPP1+xdgjgv+MTfDO//MXNLu1goYPPI7tWypGgIjVZxN5/EOTZSQQ+G21/jFlro46VCISO1q+aol4sk/h7VUD+2RaoAPAyHkGqk2z6XqNHKkszE9SSCHruDdLk+95GTiLtRZs6o3XrfJ5jJ7TAJIfpV4qsQFztKC8A6KOxigaDJVNtXoaLvX9T01IC53WxTrs9zZPCfyNgTFCPDaiWeXE72BSqLlDTM3xl7XIE3SidjEWRU6sUzHW2e/SR11NFVUBGTxtMiUkmhrKQ9KJMH3z6hbK23DMZ1kgwUkTMA6mUMF1SKwj+S7/eivQ8QMqPONm1cFthxN393r7xZw9fz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3Ycf1HqmBr+ja2nXU9IG/H/D9dqut+i4RshuZx5LRKU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ASyoW6omZw9ttPorNqHKu2MTjRhdq1MzywKK4Evb5fPynCrSwwuxHOOsD594UZTpR2sQDe5zlc8YXl3qDx41AUSi5TIh4G9ejk+kiwcoBIEeExwkVr44NPxqOjDNHXEHDMQ4RLzBL/IfxXUHNHhN7ZfSM6e5h9txI9Zk9/Vpoz1aF70Osb1Kpr1uBKCFV34OtH0Hap7z+2uousgA2yBwPUUfHHQNJxBxbuXaiIF8LrJZBvb52ZeELJr+dxUbRWNXwcdAQaCbqbzPPqubw3Y9tjSNN2eDLRu1iIMRUSwTEuYPlN+Cwi4y7bCDvZcKttrcwRm5SZ31Sq/bIYhYYP+FbCJVmtdSZ54b7FnMtz4u46+tNveL8I/FABUKcYWE6cQt7BBuOnlAoPGVev8rpItf3BJun33DHZH5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3YmYjU0QYkM6k3EclAY3IWv7pQ+A8lVJuKRBVEImWnc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rMTbz616aNA//exiYK4CrmICaucZhoUq9X4pBdH9R0krqTGdiN2AMTvayLZy4Fmux3sAyLJwI8sl1KMi7f0PmTJ+4FWRBZ3DstjDoS0fgP/6LqEuTXeT16BgVcY5lVlYM/VOGOg/Bv1STpYGdddDdrRsaG7lMQSUpHT33aB8gQ+nROWgZRSIXfYzQCnwLA/2adDTqaV2oJlKj7Uo+bcr7CM3ml1/UzsT9eiZ2JLMUmiXcQW40EcAi4KafqBNL3fRBrTUnbmcJpdrV/zsyd3iPUCINLc/ZpAh7CRZsqP3bHASlPKM0jUwSvN5tiVikA8WueTXS3dIR3qgDT5y9FOcweSEnHNuSVyoHKQkHoxCTQr5przY9C6NpeIv6dBsQHzBJ72Ymti+ooAzVw7Cpb3mXNAr4fOlbTyV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3YsIC7FX7iheEZTmpZBjSiaHR18uhgz4Wz4rN+MkjFo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oDTnWBI1BlUlsaFHl1oYdSheLRXkEFtZzgl4/DI4Jt7bVoRUQlbn9A4C+H4ElkvFEbQoHIXm+v+7c61QTSJzOfm/meVOxSu973Ig//AGFPyPCKMyYPArPt10Bn6nvqHfniRPB8QdTuuxa4vcKUenn2zQnrq4mCulSwK8Doktlpb4OZxJuuQZs11DZOVA2xuUIJRsBbGMmC9fEztv3qgQ2mZdNBk5bQ2WCj5hZwOHSdZukcr/9bnuZLhbjyvAbDEkza7PMYHX+PxGY/fPW4ytRV8EhNS6sv0BeHrJsQh8NKdn98OuZrsjYPzWKgzi91Th+5nMSz/+75QjvRSQRkBqHHrlNNw9ndXCRVPcB5lU+lfixMkcNeqWMm71aqIRkom0FwlmEk2T3rg79cmrekaIJIhS8m21OLbu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3ZkBRBmcaMrH0PAdZtEvc0ai/u+X0Nto999FY/AqJMY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o4OSvyc6eD8+Yl/lmtqnLPQgciJzm1YCIzbIQ2R2A9wuyA9SfsBP0TQXp7lCM1Prh61OaYHmJbg9txg2ZhQsClI9JHHKcY6Vge9Nwi3XsRxnUZ8LxbL2579D3D48fMVSudZDzX3thjF4418mZ7Qf0YQubL4SfvlzGK4ZuyJdYX27OQFrCtIAhLvQAm6wrMlv1ojLiV1aNgBg2wSFP5QE64yjj7PSz4zjQ5rsAasM/P8dC2maq4/FvcwX+TeyL/WjBrGZip2zFMrhRDxG52weylzmov79Ua1YbbpT6Ru3mVgPhdL1PiilWl7JHV0A4SEbzFG3Mba8EljDeXvd0exTbG3RSx1ce9Eza4Q1iq97Ks5HfmKqXBmpW8Zy0lt8MfDbJT+ug9PQvFcGmiKK2B/U1D3+z7D4R+4O",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3aKzdpPM8g7vyACPmTEKYv8LuqueU1pCVGXf+KeA+H8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "12i+eR2wudw1j7qTygWnX1OLqYiU7UlYWSkZLj6riaCo3B/Ateysd4UhGhUMfERS+qscQ9O4I7PfcOeA4DP2M/1mc84W+2emQN0UU4r3tQka42b+A5Z77nSG30br5PX3vceRyMaGIDcVkCjYvPhoEt/5B/iAKglJFRew/2OVoMf+HoXOWJym0ptI3cif30a+GRJzelTQrzfDplbF+4Dl3BwA6dDO1GWKlJz5rdqL3ssJw4eGZ8OlYErMSudPV17lOlhWr5aMmu2Js3HUs9lB8S6GxIurYQ9ZWXX3mAphEB8x9uBABTCH1Z0LJKQe/C3w9yKwGl6eiki1/sjMfV4AeUYjAecd68DjYoSJjeILNynNDalrTQ0oGfkWvac/czsg0LdZyMAXBq8UIxRYVX+MwtY/WGL3TYDv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3c12kl9OyyYBEdEtbRWh1BTm2DpI847Cqg+YP6xayf4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MoTT/NTEI2vH3z7avSHRuKcHPQnStiu/pap/I28Y52em5TiHoOY8iViNcTxgYjpKHkMI1XAmNmG3y0m72176bssKcLGskk7fLKuu+0emR6IzpwU9RhDKdGoLsAw3gE/n8h1D00hYr/e47eGevueH9Rp2pkC83jBIQzIkliH8+jnw1tww+KgG8NXTDe1M9ie/rG/kdA8xNyhEWjBnTtDUSihRitMamuzdSqj0vpjfOIJ7xzXHj/kxHgQCOKFhj1YjiUYo60EDhK8WKEYUooZWBRPPKHJvFV8L5ntd5OgmfaW7eGhfMyomDW4sFOI9TDuURgxDp1AAEZ95vl0mrPDhVQyzgco76vuG2Qtl2JQNnFj3+VSfGOYPeKLH0b2E43aLFPBt9PzRe9lqr4bdo9NvPjOa8c5hpbCU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3cQESpvGNLgXwdhcwj5g+/lIa+8VkpMFSz57uKqAGnk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IMvcAY5sjtYoZdUY0DW82IF1qc9dauFqZvvv6HAkE/PDxGzV0QmyEos6U2Hb7Ddllwe2fGKgs2G/evSG1y7LQaBpX5PimKiXigQ37hMybaEYcXFWzR8tPrPrl+9Douz3CdHYnv0txFcK0KhOJFKrzTmDY0/7BO1p/IX4CKVSSDtAZNv78wx1Ostv2FFhHY9v0LjOjPZx4yN/o1FK47qVA+YqVgI1nLYJDEgYS3oUa0vT0uoPStDQvqWF5zRIURt5n4+Y0ihjjj0Xwtx05vuOnidOmydU80WzAAGAjsoEOOyDu2OW/ikdJdnf1+rlwERHxE+APeuacY/PO+9HdtGrNxkKd9GBPvJCRjbCfv8WXUkpzgGUXiAZfIdJsfiHnkrVqrdC1s7kezuQzxygJ4uI7no/zDV8w13l",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3eM0t7T0+/2RdbAPGW6+cVK/71oG6D99frUwsky2yBk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zYhSzTu9Wk8SckVgnt4Mmwyb02Y2Aeu+zFt1XGScDPTxP8CXRpDDx1J4Qhxq4ALYQ6T2WXY5GuyAjFaXp1K7HjorLILyrU/2N7OaPXrt0gH9/GjO3mQ8Czka8B4OGIQez4LBt0/CjOFRDjEO8R47p/yHKp47i+xjn/vxs7K8tZ366HKUou2jad15QJEEVRrBXMqs+EzouRiNuIX50ktRXuhk7jRRZlQPG4P6xM7f5xsj7WQHjsi0KWa42RNwVOnENIoT1+ufKi5m5oY1uzG5Ba2TbPGczi584/sH6HlVIsyRE2/2+RfQJ9mtvZJhbuqKUIiT/FcgdKRFrDQeWASURw98JFOh62JWQbhYmuEWFADxNR+Yans6DveaLiobrctGBF5LJLGuGjmzt6+IbRTlBy0PVh/StV71",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3km3KtHnHS15bK5yFOOZibIDyQHCWCEkhS0lbo1e0rw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a79BL30cO3mxMNe6E5S2GfN12LukooXWkWwO9kg9c+lxZYNq4JHGsBGVPWV52SUDGu5VwTWXLPxMsQ0AAwa8kWRDJaMKNQnEPdWlaxBsTyVLfO8EG9G5PjBsNHLTf/p9WsH2QobFeZLwAsFWWtqe0w19WKSFk9yoFMylt0F6nMyvBY4paDkRNwzbYt7Y/Lp+ftdYK76fILqqrpJqVT4T+NZ36pMTAGGL7n8gOfPL/ZW3DfEvwp0pICONhf1LAYm9bXwKKGG1Hk0BH5duWol2EYeRrr6EexhGl0oaZNi4EmCi5uoSmRVrcImTNd6IIN3MwvMYIo/V080M3RbrXWp6hf4xyb/nsKHf/oa+WaSM6hJKSouJ8y1kl6eVAzdYT1mcs1ADmRdbyqpmMJPW1hI+tG2fGaJoNOVN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3mIRqIZ8IwUy/L9pg+08IPWYoVuOo2BpnPZTbEIYx38",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "t8ZS/KJyLMZD2KVh8hx7ar55set6YUqPbUj3dTFr7+/UK95TPNzklyTd3Ru+W8bn0jTnJ2uIMeHX0f9XenRagUMvnrdA96svGjlFL/WlEzwRXDpD8dKCDCSczhk93TprHDaIkAozHBcEWtK3ce0XCNEMKw4dzXzNLkvxdH1LZ83LO3BL6n9K4CDpAZbzSHTuwhM0FtH0tUZwC1b7xd1hG3BhViJlJv0+ik3BYR1Mtse4iBgqdD5jsV4dfxw7ald+RbeC42ANV/dpySyq/0v39DQwp4k2xSkXuRB3Fg0d/j1lE+W2vMLWkdQTju8LN+dM5aGrdj4kGJ3GSL7NtPDBIqVUe0rUifvuQM3HZt+jix4C7t3buWe2+k19ogcl01laOqQ/1ck2X5w1qUr8xjC/I/VTEhSEPAOm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3mdq6av6QFDKgnOd0+o2MH4REtNYCelzfV2ZLVTt1U0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XR2X9jjGD2abvfsZsgdkDWMOaiY1CCPwlUBwAPbbuTvJz++0Iu9Ip8HmMAykPOEI8xy9gL15f+k0wUb2JIMjk3MzMXrV67HT0ZLKmmTm6crjyaIAIak3MSty/AJwReLA86jCi/JhjFFeE1w1NCKLWSpAhmJfFYt5KvIllZ3gtuzMwewkx2tYwS/CvXlgNYDdYB2VUd96PZeqwP67/HFqz+0ogDtozBVyBfBcZwBW0qHz2k+b7dWGOOgAHZD0BBdBunqWlZU+r2SymfR7Au8Ba285Ak14lR7c2J9N7tQv09adG26lraOL9fcmY6j4Ay7Hd9d8VSfMQ7l7M/yhi74wHVyEWOPkfpxgmoC6WTTNBw0GJO3lmzBI6XuCRrCiEcF/ibbjPjwcpu0Zc3X9Dk+bOAKRI2EeT89f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3mmNPpcIu3HS56RQhth0/VdKWhClyRReZkup8ebyi4Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wLqi6mXB0qvi7tGUNsQMGNWpCA8Xlq1utYxhR0EyI1cgQ+sXP9IE02mfEefTdR2HJC0DPizbNie4EBwQN/yZzSDpGDqALFi/Os9QFebhL8BR+dYJMHlWx8p9geGd5n4VAF9nzgvvjAXaCDZgm9Sd6z8jAgwyub0EKvFM+DAcxCrs3XsUwk4DDOIi0wiTpFnFgg+GVQH2WD/VzqXenHmPV/QDLvMWMQV8S7Do7EC9toKNMULpuXv4/xpkRGW+W6wAvl2/TVq1G7ScZWquIXrLOasSF7gSrQioq4DH0HZgm/RTc0I9bFAO7CixpVdl1VKilx8w17G3TzUxj9L1OVKuIN/mz90AodUB4SECX3ctadsbSrqFPr2ULpvz9+FaHv8a6tEvQh9VntGk2PvDa3jv16rkWI7s2T1N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3nJvdyyBzToUklcMAT3/tMqOYQQWeJAz+AGtEQAEA/E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JkNK9DvgCKuXlKwRkqO/82O3fumOMuIxWX3/X7phtBM8JU3FqRA0mT4XOU4pAxT9AeUGsQSwv65GBlogxd+AuAwbHk0bkCWUKL8D5LS99x0ZBbi3wEf7xbw68O1yPbObXmK0cd54rrW/r3O4W6ryV7zI3a601R5Tq8FNChYyiDuo0mMymAfY0NJ16Dy7+GsX7hneJ1JY4c4RubjLDuaj6q9rAfELnOwpaBoyu7xX6BXjhfq+GYH1hbXIyWNK+DCyVvWmIGHJ83fVmoMVSLKKP8eqrE7Guto37omzExHvEBWy0vAtgQE/ZyyLdsQA5+oemSCA8xf2IAEJRWDIozxjB3+BEfF2YPHATFvnp1cvxCgLOZq6Igs+K1hrrY4boK9F4mey0wXtuapC7bR7oBzjf3lv9EcdSHvn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3o7H75HtImzpile6dV2CWiD9uOWh6Kz8r8BngHAKlOo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oqFzB3JUMtV10J2pzltdyaZLvhVhpi3VhoqBQsA6LX4uagr2xaCqahBRmg63f3tPvjlvup4991OzgG3wIQLQwXJ5aShbqsFGr4vFjjqKfkLf+DC1ef/PjMHSDcndtgmqBFmfw5uNCXnrykHEDH2+JRhKzq2vVcAd1D4w1l1Yrp/+Ppq4OEHC5i7CFS+iMxuaXYDIMuT+JuY0Efjk+kdLit0sSPPiZt12ZhI4JlwRgTDLoAz6M4/ozbHmWQO3H9FVB9de4WNpMj48SPljzwtAw23ASyhpQVaHvOsTSuLriiTtlwadwQ+EOQ7IXZUrg9MbPtdMamu9lZhbzETSUh92oNdykl30F5rBWP3coTMUo87cRyb30Z+ejK0bCKLiTLo/0neqTQVPipJDb03i5jndrhTZLWP6mzmU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3oJWv/FmJUWC2pKeMydHrFE/hcOT8U91uihQWl2Mb6Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "THE9AYLavSy/BMoZhQuSA4ghMY/4FF90BF3STwwf6jMb7Q4owpFG4E3gp8kwGGSN0C3WCPCweADhsVeuB0z1Y8yniPzTBKElb/XNEuIDeaTwUvPb6kNK76Xw/eV76QjKfQx1LbWeO0uqVpMnB4+Qpyv4e8BTBpBz1006paxpk9BaIYdzbXJxr8kYR0RWtk8acHp+jzUokDKwl6A/C2v3hfJI9F4uR9ZMfun++qPPsjgvpaUDIhTSk0PVIdhNXul5vftv3Pj4qf+JxKxYScocz66RjdyMcVMgkenhg1MN6WHKl4oEVgGommHAj9ROhKUnyLdete83kZMal6xsxQH305eMG7C7M1TkwMYroByzhY+HsaCyKjuev8sVqeNq/KqVDSDGxwmGMCrdNxNXxXCZ1fazdx43SPh3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3oz9AlkBFs/ej9T2wbcYK415sMAbHlox9hWb7iiyyxY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oVV21t7mKvWHLYlILmqJNDS4Fs0iTmQ14aQYlAfUy1McVrEGipcFn016lBGAIyj3RGNcBB26Ku4Ida7ff1588nyIvyo4bBIcZwlD5nl8RfaO9I6V26QaVUUrx/6h1wMBBsdhyKRFXH6IDuFKeMD5rvf3g4o2QfQVQ25mZZar4AM3twN1OzHNJwum3b1L5TbfM6bjyKCNmXR/hM5rDJE5sJqVbR3F8E9Ob7AWy/7F8ons+0N7zR56iTJ3rvC/7d5zndB5I5NEohFdVBVx72XtbnQbaxxBtKmG3Qwl+ng2D3HeG2j7Fce6dlhuWlvX5ajyeyDqWjVXVUEDz0skhJ2H/OQkW+WepUb64IiYlnkKrJ/xEXaXhXuQOm1rE35JOPL+tfye6662WGImNNn8Ah5hZo3Y7XqCegH1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3pZjXGPL79NgS6TWKkBPp30Gldu16Ah+yemd+fgM1w0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LCRZigytohVBO4cYMm3XaelEnGUOpe9lW3E1CPzaZMYc1tk7DGsEJiPf5bc/2B/rNYNUg8DRrVITO71uXFZsi/jlgx9OZmwAB/QbUuunk0w3+vdKyOn3wbcYSN/yPorUYgbg3Qt0QlsvCMtfGOamlYIU0R/l3Yyj0rezfUNc0gvY0p96fMBzsst4TSkaPieyWHdJGbNi5n2UEgLmZbgZnHLmqllVCj4gGTKmOP4zz6LTIkuGcz4XadlGAn+VE0ahHXMyUSGnNXSQKYR8YxYv24IgcunqNgTpiuDwfsAVYt0bIzJ8llKWI8ZXUf2Tp4FonrW/Bwy1HkZrEmQi7sROMaeAnOG+j/D02NSdMG+fW26LYva6qakZrquX9LiITUWLAEFVuXv+5joA2XKH+v2Kw5PD4N8lEVlD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3pvbJIkjCXDs7u3W1Zgie5ykYVTWF7oM8jG281XJwj0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jryLI0sxGSMB3S2kag7//t94+xN8mY012kN+M4RGTC/qEUQkmJyGk8ArT6sxG+0EJy3K6bFU5xSTVuXWfgN3THKk95SACHsf+N5I8Fz87oXwEhwSGMrCvzo2xPI7FddUZPK+Cnn5cWgcGgnR6r+WFIX4k6M3r/GeIQDbN48iLop7Nq+iQR1UbJ1T9xnWVqHfXlRgFoFdxFXmUZ2c+wFpfIZm+S8ltLNzkkusN58ns2N/q7WbP8Z4DCvh9XE7KXBSWJ7t6Y+uc90moXW5qdniQYf6gyKSGlluDIIiBqSsUYGG6BPZ0h0tnRkZF6aJQpC+6pWFBUwurJhHTjIy6SQ8VBQHe2+sEnQ5PQ8RjR50+mfq+HeVRDbDBsTyfVG7knqQBIhMyPqQHVhKYmItFeQ/97trOz5mjuFo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3s/YURibAcWKPxO5HK/C63L4LBym+ajLNA67oACGvR8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "I3hgLfmWvtKMv8pcyX5wmIKwAjdnn9TAI4EUsLPuH1Mu2GNNn11WMkX/6mY1ohA0DfjvJs/HnOxErWZQtAR8Wbom/QWCJ3D8iIAbepSEfoMqGmlC+jRlQsw42WqFOf78P+OKOryYJ8krBCWfgfu/VDRObTIxhFbqxjesmb4ZsGVTFpXuGBG25CsVdL9VHHRQV1o/QSpwfDROasRFO45oPF7oGMhfuiTtW3ENvoIwm0F7DadOp/jlNeS+L/zUk30nbMg4LxD1N7lkr7dPUu+0olsi+1mc8HgP5JMBABb2Q+gT28FCeV3lw7uwA9nZuqatHcDfiXvMInxaeVJFGRtyGuSa2I/M6Qmb4T4y5qDiNKCmDMQ6w/xez2TFPqAJ8rOnMgsTMyQECeHcIzpDpWyndkj6S/sgg6wc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3sN02LStmd6DGze2SCr0T4OI6m7R+48wzxNt44brwRs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T4rcQ23aOAWNPkUy++XDZw4Riy9FvYDSyKVCkW6UHoaf/p/fClsW2VeIWM+qGDhMMSy01gb0zI1UF/EwAMMAGceVs+rQrKmjJK5/x0sLWXcN56KpLVdwACNFtwqnCqIrZM4vK8sINyPevVYiUlzwc8YRtQK8ZkqUFwHLVkK/4rM0zeb7+tMvFeEweZj1oWRuK+qS+5U5B2OlGQSLLzI1XUl8nm11r8rItRLEw4KndU+rY+O1g9fwJ+0/tYGx80ORlPtC4qQxjNumrG9cHys2fxxMwdIJo7dmTcJr6zDy1lAf8/WKlKr4gejP58bEbYUkZj9R+1RRwcCJpwUcuRPDMiIZQ9Dq7fGk5m5tD0+BLsnYCT79pH3PQZb3Sp/sZArtES+kOvjJm6wkDeXFe82pb3wZlZemivlO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3sip5nqE3HXIuPswmvcCXUVKjcVIg0WIzpAQ82g5jLI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TNrC1SpfJx5xtGwiwyRJxYm7dKmaTlidEGwUd+3TY/BLMd7HYteuijvqJJZX56MXUWSZXzSOWb7iz5Eyhy9ao1lxOG1yFqH/FLPL70STuDYMzs1VdUvpwPni84O/7Tbt3ZTtYnQoUbx9lWfTvumKrRLDgoqIvcESRRTmNcj1uWGlZT/CUm6sSN7pzXen9sWqf1zfVRKzVWO0n+PmLC+q9jfXXDFA3j3jC7D59RPanHgvcBtuFLmf2MVdrnlY/vNIgwolcEpVXKGgeuMp2k8HtBhV8fqQMD2YxRFOTvfDWvSDNpMK46d86cu8cXPjeSxx7cDMrohYsSAdzNMVZt0zm65wZpf04PoaL4kFXlZ7qga5AvG5UPiOBcdG384eIykXsVOdOFL0kTUuHfkavdMlsyKICdUTL3Kk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3tI4f5eZIcVS4oByCus5Y8kkRe8/VUPSbIbPO5vvSLI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MO/pzKMQcnjWnJHjNCEaDo58bFzyTQCQ+UR7r3mUFdI3A4scaIHQbwGV/PGHNtNQA9hKebPda8R0b1O0v61teI8sJdoAhR5Y/8BU6KeqQRgNKUoiqHohoWp4Vj/2/ijpgQiN2/ZKEfig43d1UD09A33jib64LQUIYgAFiWbC4kyXeCjelwRUVo2hVwoXBzORoCMpM4O7HSFE7o3zAukNynfCdNR6BKl7vetYqCOC9td6sMo4ZGKCo01zdoKNMs6XyzQQ1xVFEqc34XFGGb/DYHilByW6FmRQMSPjaghhNi9d72Zhu5xPOXFLlvgTA5PtAyN8RKV/+Rl5Fd030ZbT3hnIZU3CrICatST3ICHWp2jlR/bQCL4BEY2eHccRS5ucb/gBpSHUy/aBQBruYYVTrMZw4WsVvp/g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3tvdb6ouLnResq0KaOqtDZl5MkNRGoAkW3k5MBTHOCk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PZ6AeV0pTRyiGtPCVJhZ+r9lpNqpa1vQVtVh9VRLu5KE+qV6q0dHi7xwMVwAthHTFAJww2DNtPSqmOi90mLSJBxdFoJw5P6mxJTHqpcds5p9I/JNSqCvhcoOgecSWWrjskmCol00ZGNE+hlSThXS6ZzQcblVlDPzjTnkETR99UALgAMya8fiAoJaH0fuo6A/9o/8kHl3kViEHxE790rGW/aeobDT0VAB6AafoiXbhj0/XH5JT90pmoA5c/JxeBAgczfozrroscxbfThjw8CkDWgvy/qOt3b9cxTSGKP6oNQ7PLJhmLDyif6JW7L3F7GS9Ctjdk4HYny9lPE7WBckKvHgC7Ot0ij8TyCgqniMQdjKdAtmQ83H1xR9dFpgM+BGZ62Z2Mq325nX3/avcmLQie8vI5uCbTEV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3uJzjpozjQeKQFSk5jeeekAj1ZZfyZxW00oZ2w5OOas",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1dnzVOnZSfiMDa8wLly7FCCIjCJNMHZ+2qpTfsVwSazDnBG4Eqg9g4686RsZfKwNUuZE9VqDcD+INillFr0SmGbF9p5fgCQ54G034bqmi6NxPGbPoQkZSTpmdQv5ynS3rG3zm5ZNWdivwO2uvsyPXwU/T/WfKoWHWozzBtcjDYAeJQaUHZXtisz5+0sgkk+iDTchaFYCjdeOIVe+XUw+K0YsrvSydT4GK0n8WmxH6cAjxh5UtP0OS8rdq3FFXSB/TLTPNJlxXwMTSfrBidBFQmZwoqn227kUpt82DtluOWsXqERkfiiNSqXHp/gifcy00o9wJy8L0w67oYkLWoBZPATsxin0LAJGPnut2YupLPgeDX5KMvose+g1kdxy6OQlMwtaNeMeZN3+f71tZq9PiyZRTSCTGo1N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3vGBwUYvePYHWBizVsrVDW5JcaL1w9OIboxz5han8gE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B3nDH34wTG125jRGLVWqwcNpDuvg/jl2z8vkHxilSyvKrAKtyR0m2L0BuOwcYpR7JyPYbXtmOlIX/GopEYKi+OJbgBPRXL1uTmCl27bNECbusNX9wNj299umqevxWfEHOl9USzE8yQfVX0QenR34xSu9DZAJz12oP+zUZacP7FovuE2uqaPFgTuKvvY/WcQhn/27XADXjZKh9PzRXEji/kAdwPGqVm2Gvq1wIzeSdKNwPOiPzmON1fpTfPo9kC1hgiDrvOLrUVuPWjqWaxC4prFGLq4OE7L0yOE7q43aHXaRf3nn+ouWwgy3RKfxs/+sn8mo0vokJZIoSx+5CQeAEUIZYXCmCcG8QfEriTsFN0Dr4+RKKFUG16J6dTIraBZodIBk60yGCaxjUqzIPOY6GLRiETRfCbcA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3whAlO9smk7xZZxoIL40Pq8cA+N97JmkTQ4+JoyH8cY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0lZgbC9TwuVa24Ue7/1IxOQkuL8tkPTTIOCnxpjAXvOTfX23ef/2tBSdYtaHrEtvC/4NmY6FhHOvlygxSLOEK/XR37vFHaMLdEUcURJh8dxzLVfw4H3tCNcJ4tqBdw8Lgw7A2C2F0GF0pz0OFjlU/JZJ6oxgBvAD47TL6Yq48Dh9ShZjRltBTD8VckW2g6ipZwhJUH3fm6GmkK2PBo3jHL3DH87oh3ankKbr+3+gQy1Ok6UFr9qfQuGsY7rQ/N9eAFAM8EJs9i2tz8sNUC+cEMuaahZ866uqJ0IR2QwDYdv/QlZiqWtUWBwtgm7iuo3dnW+yD0vXEaL35tBNg0ZZa3aGHcyYdj+87Ph7lKG2Qule+LGBh45r5/TruV+tc8PqKlFfzEhZcIMj/OQ1Iq21pLYm2N54psuo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3xAKaLIvQWrzDjUr2bTyD2DT2i16o9HzE0KQbMHxr5I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hjoY48qHxOjM62VSjGj4iVUDTEC389MtoQY2ODnAhM/VyOLtaGVHlzKVkSOpTwvH10nkhTfu7lct93ksngxL3a+8OTfgbwcl1n9hTSAEv0rV9aYXHQ0kn3K83tWKW+h24CW0v1I8qi4MK2GWLeXD2KVarv9WPIA/XeaA/D/9ZZ/ea7nB3iOM4T7ulxNIoF/gdl75GsJGqNa4YUoW0yozkEh3XpRbFERSpqoDDbHVyjTu8kYGqRlej2dBXnh4fQMZnjuaXuF0YXeq6XBnEZxIL7ROQVEG9pJ1YT3lCX2aJOHgGZ/qZX1WBTA0Hd8ZvE3+Ise7VKj9gd24sqnXLyuG8qIjGpKfNSfgeAb5tdw817rQNBN4rdpKL8sgDljZh2NBSJRwDniHarAalCzMqlXWjOfdfPNyv7Nk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3y8uanebGjqCqVzGf+stPvvkZVqUQEArW3HJtEWN13k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OUYpvmcKhjvUc0FANSiVMxuhLgY61G8pWKGOtq+JhdulgXYV8M6rxqCERyJXGo0IoEpfLCMTe4hzK9QxBgVBy54iVBgoz8CejSG1hMtdKXpgz7lsQRZMALBsxG2f31aAYkub6zwWTg4GZAHYf+oRFwbJsXQvFpfU3fpwIJpTiKFouH49ZSpXD8oaBk0i0E9exzCLdrAn2HBP8AkbmyEdJTMS0XwagyuA+mpDm7sv9zgecQyQggcZFkiYIlzeWu2ESj8fVpw/Dgnf6tuO/EHVAxG8vlA3//NFO+JY5GSlzLMK0oYuR/emfQvQRCITzQU+EUmBawA8Qp7BMhkeb6I8EDjgixOLSM37Q1oBkIufL4tZbysvDex+usm+OgQc+fivxo7cMB+qhE+NhvTeB7qzm2An0VjLpqmh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3yjYweitU2bLJ2e8m5be7fOdFW4MECUtXpD2pn1FQOM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IpMNR8w7ai5RriHAxDAS15bh/jRLXzLEPldPuyNinhghQivPD+IHK3fyCzqpcN+n5bxbzDVwXaKjy8XP82RE0vxbpGfnCQl7mBlMByBJHb0VzmTRkkJj+NcdUpylm3bn7gRzNFPjx/SlBBxPqxRh0jUZY7nvsysdlcgA9PbgffuTxv3vbz2UwxbVXAG+pBQORms5dvhbYt1/zHxDA/qYpcusii78khUHwo8GL2xPg72uQBQCTfJuSHfLCQ/fgfHdD3WgXHXlyPtiQm89B+Of8AK/91YU5AkFPpzebd6AxfRjvM2K6zx8aSPA5nn3BOzmUTIO970IksZCDnLfI0MY/iCNSi+NuJfHgH5yEG07q3RPHO39EURfHcIuaLsXrVCgbNQGD+IZoOheY4RmYsP52cdW5znAkcDK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "3zpkRmqG3qFKPpMi9+M67B7F2z75tO+8gXHWurKDQcc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SGjrvFOjnlz625817Gz4tvogdShpRnW+WlEEArgHwuVY57+y1RTqgYesCIokdtU58s/gaO5UCwxW/KApBC+dBnXXBPDaU8d7PHggT0ak+4sGKqVpRKZcslRm7G/bQq9K2FOkjgLN9e28zOzYkVMBdPlK4++nv/8feDtKweP17Wng57Kc74LtUv3SnjhwAxHMlGbP0Q8j49x/f8Qvexq0qxifOP+M/01HbzeErpzdGwT5xTqDAI4YNA8Hn6vn6tUHGz156HBOF0OTVrQIJ9REgcB4f3Cr5twNT1QaWYoO3C+n9Pz2nd22g2uS4bFP0xNGWSFreFP3KM7E5hEmFFURgD+GuZmIbnOPqqeFSBgcKqDM3yT4PCavtKyz2IuVx5aL9dTmkaGOP4z+AJdo8W6UkPUgwZduYzeC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4+09oajVNCiyA8pH4Gn94z0Hvwe70g3evUnah1cDDX8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OyazNUNKZ71/t4xUUaHohtX6KvE9deqZ+P66Uakaw+E13/XPaxAUwQnXX92EwjeyGONy+LFSuJd7+Eb1JntDc9RPdkBcngCYWoMCrEXksFkaTJapUQggNPuyothUOMwRobZpDErUc2OSMmuMWztHRC4XZEzHHlqdat/RUFMJ+Vog3rh4rxS6dhe/RvZlimiNqh+Bh40ppI+O0p3c6b4TZZcB565HW5dpYeht5gM10771ACwlt3WPU/jTqp61qOO917qD5Oy/a9EarECR2uFqQeHlFvtel7FxcfX2FyyzQ4YO6tqmVNb9AhjaUHwvxQDa9W3i0cp+SkRKi4EYzsEK0nHjpNLC5uOG+yLOwPIol6iPhIa0jkaXe1bGITzbR6c/KnrbIqrqX9Fn0YHHgGiTMYtY0YYmipru",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4+2mX+D0FK5f7+1S0O2A/Fiaj0aorEEWP80KZV9NbxI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "76PG12fT2Rf8uMJ/b53kywp4dBq+HJizCXKvhgQ9No3idAClb6qVa/bQXhdRGICjo0bRAxwO1Cw6hPrxs6VXLRWkSc3bgZV5aN6iGy81YhWwCXqAB8iF2xptlfJngr1jh8V5DtEkjrCVwoxf4FC6cAJgOhtfI+twmSIIRoRnN5XmDkY7OveguoaKz+dOdiLNDs5w6p68uI9hswhHthtuMIhP7m9e5sxbPxyvAK8tmSuRrGb4OJJEtfTxCyAZkYB8v2PXsKv5xc1Y5hxrrPV8pJ2PIt/v9JmRxIsMB5yffXfa4EddJbmfyZfXmA/7XMN53DU/lTxhrhS0AHVKRB2yC+cEW1x5gBQsPszFvos3OI6qnWDsovq/zuBZ14j9E5RXn4WkUxoH/hjAHVa54Kql8NkGGsLtmNs2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4+Tpn08OC84zUrMkPKz1lztCpjHmc/rf8GFgE/dvg3I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oV/qbqwE5rYgXz4SSXBD4zN11wveCvOKqK2bneLlj2n3vsQjIrEyyAeEeVU8tddIcNhDts/RZSklDtaiwkMRmQNjHXE+hXrI52MBjTR6B0TApRvZ3VsfnLaKaDEllzcqjcOi6WYC5MZ9zWJf/v4qp+d686gVR4MyFTKSdPLVdUh53ByKCzM4lEmrsJAqPpfYpQnUtz/6LN36ALSndVoA2a9P3jNkw2+3v3yf5JXULlug4nucIzjJf4tQxyXfpNOol2FqTUAwNt1TAACPovKXMQ0nRyd/l44CL00wjxhoGkGr3r+7h6oygoixpps41IY79nLvolfl7OE3fWxyRqecSRlqSb/pTYdhWrbZ0dA7uwraabMj0uviVhbZj8qA1klRTEbaWmrS3BTiUM3q5YgqUGC34S7wS7Jf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4/0+p1VPsFyPV1VMP+FgoL2VVB4MSt18RBkW7hXrtnw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eMsoauYAotqJ+/3UZ2Hdl6Fj8Or+h6gDIwJxIobzMwI6cGaZaLfjiKWWwURJioZx7gKA/CgSHxM2mS7AFZWF2xjVp4YxhnT4ie48WmTsIVzdMB0DoE2A938h5qxAtVn2QQEn53E1PYi/e8fHcYCgCHGjkgapo0ka/TfDGmodAIBX8i4YtEFRPa1S+qKZashOMFZamsz1tDrWIaq8Csi0h2IuHLnTRveoBylE6sKUwZK94NLPxwZz0H7KtBBgGqemdnPGL4g8X9CtI3pwbSBowk8sMDcy7olLJs+5xiD/lhiotF3CI3cIxguy4gPrTUg47SMrTO00u9EReZ33ClWLqQ2iqgQRW+T/Kgj1WDBAlxTlOHJin14SVHygCwyuOPGHP55/wXcXx5NiuwIVpvNHuq45e9krDcAa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4/BGH+As2LXW+e5il8+gOego8920Y+acfybSTWdFzqc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q6HSE/wmkpGv2NC40RQPcnWwRC0iVdVrbAxfnqLHPEwrHctOivJkXvSQ7+aqVLhLnKN/tiXIc/rAhBOdbC3Mbj8UvAmbXiBuIXHHlue9cS6fEj7wAGztU0i5zK5TQgF+ndmQ5cySkMkkSqaaRztcCb3gXConLckaKoSj3j0bBhXxsfn+jkPHpk4JHgOIAoW/mkmFoBog9N+oKPhlChqSbEF0nlub6AXqJ97kT4q0gPOeaXxurLCgy3CDWJbKM5q1E9DkYbynRLvtkkg66Wauuv2vAhdtNYiUO84IQX+MiFgCcEx9fmUtVXnxSVyeJGEzLtSB7a3CguqgNFRxhzGU8accpv0Rh4L7P14PqX2UMR9D0SKujJxZUrl552YvLaWLochngs7ARHmzCWppqMnp1g16XZTo6dXN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4/dHxr0ZfisHgV4jmK4bJFyzDP9zmOMIm6D+XTTDZzE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mRrFaGUcNJ3sJH30OzXOn/LqRKy0XIROp9xukIjx5/NvZJSMIP1QU7W2vVVZPhvoYonIM74OThkkIDS6Z65VfbSI/MDvHFPxTSNaVV18GuiqgBCi1f0rm+h3zAIqSDIGYF5NQMVgmaDBmjnsBp3LOsYduSDMmrfzpyFKr08gm6sTAbw9HMbdwcYK5VHWLRj/fiY6kTAMORBlP+v7Ow48rhqz++hfithTrCsrON3ElJv9TQm0IeRMAplZQpN7KmST4C2y5Ti5v7pFZwDO93uoctciNIfLEzy5j7Th8+o+5X/u+JIgj3g4Cm59hhGej0pYxJsvD/Fost7QXMAllQg1OhjFth0ozVX4Wgp/hvhPEJAhDiPOQMj+zplxtauxib6t/R5wXCO1YhrPYVxFSEejC01l2k9SbB2N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "40AoW6DoiNmNmuI5xdWbWIIv1ZbNzdFTR6xIyLEbgEA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kzJFrS/nl5HXMWeotgxau6pYEqPpZBtjohYWXYgkdqdQK5aT2wgg6g7ieTCUlPawubSbIqGYXPsY0XTpNZVrO0UH16QI1x/vA7l77v/oicE+QGlh0TG2YFsvzEuYqzh01cQAap59q5Zm6W+ZmSsZ+afUBBCqJnlXv04Md8pETBDBjUwRopSTUl7z2rIUKRu6yqhM1q68P2x4AEHovoTnKLVowRFuMGN9yaGLm6SQjPIcYxV5FJBd9I+qvzFDH1ogVqvpabYUez4lOAOMHI8Tyf3eLpi+//YWBtjNb6fMkJTAsbQqOfjC7y4bp7l5lw0XnzZwqE65MP7YQ8T6hbO/qJmbnFwQ08f9m9oyCYirMgbK9EMP5b8X+/Q+aDx9Oxxx8qQl7JenGnPP7wpdsbbtsFjX+x2lq3QA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "41h7f1iQjvMhjPN/H5CV9/CRoy1rG4/cWlQnF/afnZU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MIuuoRVj966In+F/aTfX6jJEWOEVSmmwjGPEWY5wsZq4uKOnQj8vvd/CLriPB24Lz5SKpAiScZkidr77hn+uPubQa+GYZOf804q7YPr92Gqhn1d4+JrN+7sA63XzSkNaoIi+BcQ1+QX1QT1VX/b3BBCTY6N39JB5fcSOpcrk1XaIEiWhr0Z+lPjXy3Siou6pZKWWTApFXBvY6GynSIP5YYL5otNlRCxMaIhKvBiXkrETm9hD+L3Gnx/sFhKavOMzej2SU70hS9MvSamGbe+QB67kaeoa5euwj2Sy/aiwWdYHXX87/Jz7MfZ0KgKf9Wq5cvFDquG7sexd/TnxOM65zHqCXVHmtMDFwgjUWSrwIWEfKYCWbXwwSDZYsVWJttui5yBHvcuujNDRjzo4arOJ/rUQWl9XcAwd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "43Sh8hk+zMBIhv6y71ugj7Jhfk18Hv95y0MVZigy09w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8ehu/6NHaqDBXT81Cx2HVHFKdfRQoT5f2+HFmYqiA+nM+ugtZW+5sP+gMeUIeirfLWpUECWW2fyspZf18X4hqIv0UiQ9RQRMLZ5UpyAp7DYnlF0z7MZYlCLtTVCsrU7xwHzHWPi+tO0SO0ePAbDvZX1bHeDdRw2cZaXq1OvTsfKWLmz9aP3vgnFdhgF/3ROxvM834JiJ7DpdsIvbbILmvEfNnh5SmzYJ2vHjn9tPjwuKg/bTedBueF7SNBrQIckj7njWX9481e8q3iN8ysTavvd/vFQSAmaz2ODjovDGSMcVHzLU2SmOuUE3cW0+Df/Ecp5vQbXvmgPmHBXPLKTOFnQ6jb4r9ZrXuZft6g2A8mnYBlRYTAbI+iw9P5ExxWJ7GJO6L9DLTjYE81hma9bdN+7IVUs4R9EW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "478uY+hD64i2XOXe4eJ5lxJ31ix1HcZKrPQVkNdr3sU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4SmK/anVzsapF+UiTG6eyui6uM7De0E+a+bPILKNGhL/rnIintIzMF4i5/ynDm7qqK4okI3hVnHtcA4e4QQmADsTKY1JiUBanw6STihv0DgetitVu58sc3//bFrDOGBG9opHbGN9xE1soBKsWB76AGLYtW/JhP3D8lwyrnlSw5scELwiosAIkrI/niVsG8JDahOvewE1USuShO7wY1po8iY4lfp0xH/Xoxqm8NKL214rtmh/MYqmbNXPrFa+FsHreMlhg2OqNulCsgLPiqWCiZaSuWARzc0LERMo2e44VZaKr6aygKaqNepQWkmbOfcgnEnPERVp485HQJ9hHpegnJLuhQBkM0+hD6o0edG4vXuLDz+m9hFXibiEfnQeIXLykiqZyvx0VskRH+zViNLMKpFuDWIk+5r8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "48EqyRtfcv6YFwrhuiacSFfVBsG54SP1mhLeJeGHAgU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bk5JFe1HOWSsKmPUf1LH5ZLohSMT/m3+fwGOwMoYzppXUGAve8EQNXb6qZl+kV7fPV9tM+1WZN6GUAg4I78eCCTLHdniURzRHyuKcMFund9Bk2zj7OW+hob2FC8tcXmXJyrjOQm3Ybut2V/kGwRvbzTecDtW2tvZCXqPldpuz5xPJ2W/PEhwZhbyMo6TUlvGSoNQoC+bATYrQykCExUU4AgatQtmXIWeFvkGPVV60GR1UsGwVf+GlANWmc0kE0FVeiikia5n8u0rrktk34ZahMN79r1GNlKBHnqd8hc7hEJMu6KkLold7CiR0TKql8fwhgX3ljGmFOHPVCmFHHmWAM6uCVoK5dFvqGEYJO8Cx48U6K6kF0Nw9c8k0AkUIU8knZySgx+49nGUemS3V+PeqACuQFPp0UZW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "49MReRfvOfAmo916xCrNEXIBXFMnV28oLlIsPoWG/Rw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BUW2/ut0lKmbrAl3C8vFsHk3DwOe5XuCME57JwstIvCfuJ2xpE01ML5OgI9dcT8YEI0axyc+/sB7YbKOatgl+jGQtoRipTOXm4u6J7GsQuZDwVfDFo2sTJ+L33wjHZHkEGZ98ioPTyn0G02FNd+XD8a3MH4Olcw/m7yvtts5Yzd0oUErvIXuINnK1CWr5JqLL+S1ieuHq9Y8+qM/s7JdCpTu7TGH5hLDEskJtDwyYPJW4J/84UL7dM3T1MufWnx1r3Wemj0+bRzBWwrn2LAiTzg18OlKzxhJZK/FDKhHceoBD3yU27RxP3F4yLLAVUJIv+xcE08z9Egx8b/sCAhDaYUhw40WPRrYKAVdLqiwtv91H0If9l0VAd43pESlHBp6FpMt0dB2AE5o8QBnboFg8P6A9RQsdRpb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4AqCayVJGd6qt5FwjtT0TY45KL3iV07Qh4cXtBTfkX8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "98IyF1w6hKoLkhQ2i2Xr/BXmuBYXYnJQyfU9Q66lsJekOiOl2d3Gp6l16NKsB5b3B67Sa/nFuYB1rF16JT5q/ri9xwclMCcfFf1KfM98DnXSbkmdpEBpAMby7aBmHRqTgJlnIhD3vgdwCiH7Vc8Q+ea6nCpKcpnar9rABqkWFrBHGL5el3Nsciruhou2Ek3Pf5kMMTWRSYyg1WFp+ZhRSDKbSryzoWNJTnN5NuZpHId1wxfa5u7SNGKa/6eW0aft05DN7KPRU42hzKmo3eoq7RbuIKYYUwbdJ7j3SmYlbGoUqfGRcJWcSj8+SvPKvw/6HVj9yX3pJngybHOvr18FV94A0RBNJpu12MpGHYk5Keos4KWcfi4dKv1IMMzbmxRaPl2hfIwR4HFnaPH0XzmXn+i0mLRZxSgb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4BMV5JzyJ/QPWm4sMmMZRbk0DhSYA0bGelNtyP80DnA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TLRGqtXvYmiO4iMolC4UkTjPKjbr7BBATp5t3hkec+r+xx9z5OnoX4Dgq/lGEuLM7VmfZRV3tVboto3HKyjOFdoHiegP8krymQFjumNaN6/p6cjCRjWrZjntWIjbCdiPUGMP+NQitNal0GuDYAOMkjH55nk+Nr9QTUV0NAmlSxvVw2orrL/JQS0+MvvvNmmUUqoanNAhShIihz+o+9ufWla95P+kNZv9lCw6WZO+t+PESXJvoiVq6jbQV41o9ceEeARmaH42MjW4bSbuWlldVBdm0Slp/qtlpwqD++sRX8rwXQB+ZgNI4ERygl7/JQ0fC0ltK+J27GbE4bVxUGC1J8aq8fkxnPC7ERKLzqud76E137BMpYYpCC4nRPMmD7t1occIgfrA4STMp6IbT8EjDgDoceXN9n0W",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4BbVbLNQB1ouHfuq1sVezkdML5IQ18MIGz1vo26K8o8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uhpzMy1rHNUs/y6925WFUnli5xZB4CXWyF3At86kpq4B8B7SYV4OEKmW6mILCa/CfmYNy/mAJbtB+Jw7eXC5VeUAB+FWKHghCEKoGh0WfiA8wT+kDocn02Ci7Ym/eOrNO7BndWyzzpDWA3WgXiZ/DMZZojRV8kFqm9KoFwjcnDcrmn6tUt2HumFQ3SHxrLvB+tDTSQUGfVPT5h9zALj3oFB2MqfSaU9OluEh2gYAsjcnExZ9ADkivijaJ+GVdxtHBiND7dj/NX+ZGsnzFDXcbXmg+G585Yv/RwW5rfpwQohUuSkb0jFwFW6JOk3g6l+StqR+ZEzgP0/8VJI7/hYSJH8+vBx09l/SReP3FeVbCpmzqj72THdBpKVrGJqwI1AuDfZa/uS1l0b15tijib3Zijg6pbWTxcru",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4CT6iTyYy9pnuxxwgTQ7Sx0zFUSn1TR1q2ytvSiHqAw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tWZ4E2/gGDhvi9zPxFp2uxqbjKXaqvDK/nyd5MZinOBFOyGOmVPnEFHZtO9cOkPr3v00pg4CtnkqGRHsyhVlu+YV/219MyBtqyqrszgVz7O7F52TNbnKy9iONzURaw1kJRpy9Z9ex+DAAKSf/sQ5NfyZ5dOJMN1y5ubx4wVuSwdxnEW9OX8yVKaPtS3GmD8yYpQiJ3DGimvTeNk49VQhr99sWVhuylKfnZthetYR+Jw3Iy+lV9HNoOoI/d7f7Zwnv1Mh4yQJHyhlPFjrg6YGGDlPzeopEK1IoLNF/ard+qYBCKwleQogLwNE8STKXnENE6RfHKEVPKx1jIHNb8e5RTjsCidnonhwk8A3rNSSPxC1sGjR5kmW/6jhd1ZirzsrkMv5Qyu5Y9yAjf97172L/p/5/xwia3wj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4Eiu8kA0PEbr2W/o6N7WTqC9dCU1jCS2oEZDIrSWHpE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YuO33aMiNvBvvXcxGVEzF9PDkHi5nF3EHRtZIDh3TX22m3n2ok9abfpXDFwa3vaGC5tXh3aC9IzIQ38adX6MkwI3nXFug7AKXJGmyCG+HjB0XW13s7lsAVoAzBEBLQNSfSdo1hjPRMQ3OU9QzJoVhujROE+mWkzgCMMVqaNtvHnkCD8ZyPMauNDip8FO87ZzzakT+PdQhWsGOnvZqZ6dgI0VK8/hJ06GJ7+bv/HjMsfEYpnagWtcO4zNjyjgziUSGZIGCe/V39tLdJY2Oa/b4YCUDotF925QtoHcCa5hYg2+YuaRzIC3oFoFKTnc2rrd3jNPRodV1jdRnbH6oBfVceTzZ77bxN/TMPgxpCPkHX/Z80KZYrbirQP8+CqmJ1m9/hrtcDVP0/0poQevnG/AkTas1Ei3Vycp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4G5sROv3J+GWT/O+dyTD5Q0KdhR/nTsjg/fK+nT2oB4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tWM6ShhwhVyM9yYaysh82NaDYr36zfM7cWRUzf5jt+I1n2RxtDsUFRFkJDQdV4Pb3OcbYzZaoJqcCtLwcXjZLwuDq38P3Kq78wLlv/HNaYOABEUgiZ4ztiCpeUscWe2wxnZnIsBWh1VthycgnUxESfvyHFpG3lGqnsd0VL6hQEnbDTq7J6UqByRzXvJepvQ2WBfAHZGSlQ/1ckBz/sYousmpAUzAVcL6uBDre9PuMYPzOgnWT7mPlHEUzRBVtwuC9hmpFLui3cqaWVs3IvjiV0BN8gZK5y6l2DLN2siSzPhlw/mTku8f7DG/mCOXiJXn+hYtXLB20kgzT/bDTSdegCvDZZGNLCxvvF3J8IIn4q0hAHLtG3qQMa8oGRD/3r9wuoZP2D51uQOyxAAqnNdDpSBJneN/lMDF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4IsMddF7pusS0PDzQAJhGb4vsb+cWGaqA9m5WPNLmDc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "b5C/j0f0PSHQkAf+6t4zqlYdbBeIYOT0k0916T8CM+0PbpKrH40/QLrlAnmIcZbMGC4qmFU/stBo3Z5LyYALvJ/apODtuoAnw5ZxpFFSLWzonW95QSqrP+QLc4fR5gtPxwfp+lJJM2GZG/HqjMW8iuySQIOO8JxR6CnbSgBCBz9QlXZYAQXf1o/TVIJYn6WKD+9sOS+mN15sLmgRXDRpeuM932uJZh8z0jZH/rya8veFbB2nrvVOcJ2iUpXOiiJAXgVoyDo37kYJLfBgrkorVxIjwxOP0bQ4GU2Tv7sgmNZBYg/RtnovX51uNgWwFSt1t6VV/O1zj+FGg6mIH1huFoqT8uJ/1Hl/2m26dyUDkk9a+hELqDbEHN5Lsab/bFM3JvHWOUChBcUZH0xXGHBwY9d3v4nBMurN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4JctmIM8fb/QAMtKae0kmjCileOpgRsTCqfY7G057Qs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+MBr6yXCKmOsRFd2SWjx64w9AoFmAjbKeWDyFOxY8IIpUpghJrszmKD57B92hylRHTIYuLzKczBsrEZ8DQ8PMYIA3U5wAj0VTo74Dca20ZMrkFJu7nXf4mHThNIB/dRpWG59/odflS32u/qjBneov1c1jYdfiZRJoXdwgxUeDW9uffAVo2tfOZ42CtASqs2KiMEz8qPNfWbnM85p1FjKW7cgIIMapETiikId1BN/vb0P1ZkrJ/vaMuxC94Cz0kPv65PsHRyeQPc4yMW8nWpvqP+/QgkIf24gTQYjHKMGwBSKfe3NWxXAsef0C9UH6zng49RwHSl60v34dWjbUqVOcSmN3OIvLc3BheFrWJ8O3P+FTqEkEldVUI+EiUCLVGplJyGqZM6uX9UJ4UTQruf6S+RzIKy4jd5u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4KJjHk45Xo6jIDS4dB1kkBX/lwa2bMyi2xvEqYjcBAU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aGT/byyEfuoZ8mIBniCeDN+/ji9095i1xmleGHmzHawv87AYWtrc8v0k2HJZOf8QAd7166p3+ZezjUlvTm1k5U6iNcFEQmxhqqo9WlU++9KLjqvX7PI7LSr9cEqJpeNm7X27xHt6c9f1J9eARWgiGTOmECoputA56q/Dl8HFW/DVqXLlzN16hbhleoOUMWw3eZVyklLNK+c5q/VPvJDazIJi8oFZOJnAUXHcyp6R/uSKTjHeJZFhulgj4SoQynvpaqg5wZ2lEtK0D5Q6d5/itVC8WBrZxR3zb5+H4ZNic/3rTU7OVbSEES2Zyhta+Bp4PTPQgq+QLbv2yR+6+gT4Jk+gP7GsS0sPlj0jk2f1csEqXXfUIeLdf15+HifK+TmYqc+lcbcWJ/Zk0lqpo/H4iN0zFcZVDbm7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4LJluHPqQKxrwSl7Y20B6cCyTYCfihYZridC1YUc40A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iMltzB93hfCB5zsJO0VEyxFgIANQf90z603gCEsFTCWl2GiVjH8a5ZPFoYkBDyK2ypJx8RWeLm42kvKTdbE7iKNYUB4ANSGOkIcGQ9w1Twqmmg1Qy2EkTVS8ESxZJJrkmKWvZJZk2uK86o8TdY0KggJagj8NIOZgPfH1UNTeT+Av5iYu9WxCkQdz4GoSPVhbvpev5I5axhSvjJIYVPsHqZ1by/XM6m7G8JhYDAqZjhb92xCuNttr7fHhgovZROgCeJHJpEgZc70zCAgFWv60Y483Hpz1pYXFU3P53peEeW0fpWLOKwwC5XYRqcH7KM6qx0tFSeA5EBScj4FL3kgoBcDP6iWu1/iwwWumoYH+cHwJa7NohLqtmFY5Opqb9WGiWxclw7sTdT7EfkFOA4X4t/o4tgz4bQaI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4N4iJ4Vs+Z5/FT1+fw0djBnJEfRfedj15fKr+EIDdcw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c4Kp5REoVokpYDExwcKE8RmxnbLyeRh8MWUxrdGdLaAoiYm3j80K2+nwbQnBmY/nSN81qdkTi6H1Csk7q6F7EwcA10BPoQFrzSnP/L+b9ejl5ydywjRMns/ClOL8xRkMiG/Z3bfpxxKltgPe88jOJBGE1NVaEzYrja6tyVEvCQl+2tPiECxqX40Cy54gvXqts3J2f8W+VVxFnWuM+YW/UJM51TloDFJb5cJrcPydI0p06RG++XnVQ0vaP74JYBt2ciTBBbOisUbgde5VkRxpzUZCDMRKUSxQowV3Ksj/CmJV/VtcUT63hPG+ONmde6LX29NmR4+gLfQwhVZre12FCq768UyaImJAQh0ZVUxaobgNI65U+dpnoElQ3Rkydrb/6rEGsFy+0pGCWJ80em6plrqp5DilwZUj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4OugeNniqEfdlcUbbYh1C608B85iLZGdH0E1Jl79hK0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7Vg/n5evuLx4atQ7/Ci0v3uqM4aTTSmvVkSlArjErPyNUBaSTZGyF+N4BZ7pFxLM2U/0Gp5W0dwlF6RCkYkONYykX4jzqL9W8yDXeRa3duU0f1SphzB03KRO0ngQfqin2KAgt8g/bY97KJwsKK03d51JV/cU4777+NtPCvJ3+dtkYJMVpX7FaLBaUwXoV16v8m3b47JVtFBDc6XVBd2AqazOJrXGEQxBvHEWM0bHAMxTU+tTYihYaHuCepjogHfhw35AbaJy+xUXdcw3kC/WSSWo1tyyBcFGB4ed+/3M9uBqLrObJQzWDTXetmu/J7GVUyj+qXzhXqsMcIkW6KjcAloZjJDQ1mUiwn3q4nQF/fQOuJ19WqzZ/5W0KIeBbZNXAvT2cFqBMVcDVavpoG3Z+Aaedd+YIpMl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4PavnKUGePSGjRHOJ+C7tfHciBCa0XzjAl7uU55o6LI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2UtFWkib4RIWSpwuXYCr44wi6E4m/kR7Y3jORtSS2Uu8hMZxX8kzZvAaGJ+UZel1N767rWaGZg6X1KgKxPO63sZew0bACWIBszpVRQQfNyxsNnFqYiVwZOXbnYasirox6yUK0/I+L72hm4Kd36lfVQI64nGLbAtWc2vJFdo5DkSRk6qXbUT5WYAlJ+W0VUj193oQIp2aaOif19Y3INsjeuI9RWaJPA6/Ib5Vgm01iSTXMSOIvf6LiKVdI+BHXeCdMLI+82qMaUDaGRdEkGFzOh6mSe/JGnvnpKiNpjBGdGUNG18DSpIGurH4vW1GMosg+QoKKRwbQyOVgnSA6C0ym/6bXYqNXwKk/mX2YZithf3p/lQZ4cBZOu+2JJRxr6U23e53WnGq2Os0bmy/RbmqhdjKJLEjWoBh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4QJymHrENtARFyGFMk7UaQhPTrNHAAy9f+eMJtoJ+RM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pxVV9Llf5kOisfJKOtAVJI+Q3RDpjgQ6ozAqJoK7ifFJDhrQr/H5OU0KhHalKBke3rE2kU4NdLwvghLJBEypNr62oWHFYzXYkWieA0bOgUlEajlxpuv8hXwFT2fFxIJbtU+o7vV38rv94LCNZQDLwIRot4uQBYNBk+mW/aqAs7/409+uJJ2uAcTT/qr2KBw/EpnOtGYUot+qgy9hXGYLwIQIjyDl/3nY3yrPObI1oi0o3cbDJdXWJFxIlLCPEpWxqSTRempU+YhHMf4ZotO8Xu2rlDqqMTtByVD5xctIOUvTKHsVVj9uM5aOI9NcEOiuygUZk3OSOaDitH0G46Al9UM/Iw2YWPC4z4YdA2s0VefQhDBI7tw2lkY2/7cgztrICXL3xm5tk5GzqNnXdqSzrUvlk+e9h0SE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4QQg1sLfoBXyqJG35yzCqrC+SgpCzy8rIMfKB3iNLoY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bbQWby8jXKE6sK0KXwiPMMUE/3XAyf5reb8SPIvaLRrONcIi37hwtGekN5escWuR9qjxxEeF6Cn4k44LSszmqoSB3WpuN9E5r6fzwMhHdYELtRfY0KIwPGbh394FkvdZh5U+Z/Zhv1/HpmdqoXERRfjwcqXQ6+8Q4wz77Dr38f0xchTDn4ljYHwiv2naoNhFMJBqos/GKsg274gPJhY2DKAOrKfkSXdX6Zne2axK8r3Cn2nLI7rsDWraGSmEswLm6y0CuDTovXkXCP1BP0XjWD8FBuf45RkloreKtTEaOobLj0EoGC73bwY5UAwBu2tNawA6UZlVYS2V9UWr4z5GCEzwr9MKK61bzsUcvs41+MwRCTHkybPile3PvLvLmMx9/L0xecLUDQC4cvN3YaBtIP68UvzcdTpT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4QffATm2y6Yn+isYyee+9s1YwNpmWXfjj+aULwZ99PI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ptwZfMtQopbNB72A2JD9wuJ3EEH7daIea/KYzR2vDhjZlcc9PEQbxwyzQcpDcijeQwWUts7W4OSYChS3Fz4sx/bhsLNgI0CVAXyYhWxtEkB/kMGcnJT5LWsEwWWgtR43vq2EQvs7j7W0fHFcp7NXhgJI4cgvwcJhl7dK2BCu3gPa6lJGBRSWzjNvIVPfIzE7NGixZKgvn/nNiMrr1RIZ02zZqdnx8Q6m0V7f1Qex/msBMzvSnKyLoixGzvfpZeGrss550qiUmGv6wKu2hQ2xKQmIHK+JeGFX/IBPjdHR7+Rk/P3yBxQXA+e4FXZu0UqNAf3eamaT27l0MfAR+c6jHLRtqkO9Cb1YYNh3JiXC+A0HYkrVRghT9MLdX9oiOe0NIVjLq+ABUNL20qUKF7Rco2UA7H0ynAJi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4QmdMSfE7RDlvE4ay1Hwgr2FEN8794438L7nKUu/k3A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1zLD893WRq7zHIarwaXxHPZOO0vIdkXZqLBCJdgJFYSl2FcywWLj4oK7dI9MQfp5XxJyaCkAIjmlg62MMwsCVhmvO964HWTMeSqInJzgh7PHEQjnJt7pVawDgG+kA1TmFGWaxARy3kw+xMUUi6fRj7kSdUmAH54jsOJn9faSyQuH03FzcfpNaiNzpgOA6z94QrNHws+AzlVqZI9Y2TycYp0EYqewpc+ibG4+poVjewo3M1ngJtLfv2w/hAJuQc8/TtCaIBOr/9JMa9nV5lLnqRLu6xZMZx/haAtWlTpfufp078ILfQMl5RaFeiJiZZ8L88eko5eXUUxX4zdFsJBr5HYuStJd+1Judc3KlVZ0rMV+8A/yXNA4CLdcPrk2bEoaQUkathgPg4i9gbdJuFZspQoXhMWFtUA6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4SXEma8N+DaJmtDpsG+cAVMRySYaskTyosOA9jePIsQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CQuB6UEOBrufdv2gx55Jdye56q0DPA4vwJaYzxHi5RPjM67l/zhUsp+eduIn56W8EZ5KyiyQSVgq7C7gcsZmYInb8Ckp9VAl5SozdxK8wbA1QYuM4sPHIbDLyJ5iIfOlswgcgo5ZeGix/M+qJPvF7G6U24wOlKDUp88rAmwpSb98IBrbT3ItWmN3AwqnKq2xMsY7f3aU5NGXhU1U4/jnB3NoORXvZ7U3QoL0JF8kGbN5g6Op08pJTaGIF3a6cPh4VgxE442YMWIvLZMafOWkucQWXgE2JtD0E3TZBjjXrOgBCimsUHq+KJWJven/m22xHd3wIKTYPerIopM+Bh5PEHsTVvkUnYqUh5QL3hgnRIsXaSLl0K7DEgoe0bwejE+S9Q32CJJBrbjMXjubnjC+IweQyfuBF5L4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4U0JHcbiKxL5CVFDvs1VxjjAw1l7XMykF03QZEj3zuM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ux24hG2nmltChxs7NdgwDO4KUypElV/i6Wzx7WSf/K6A3SbQIaWG6hWb0fHr9TU+WMnVMYDKcZtqlO5u6vTqFkMebRQVO5d++DbwPdW3yfr40i2peF7p9E0ffPFxz80d66ICWKaxENSu04nyOpZ23D4gkhuOcaeMTJnwbjuIiAqUKNKpAxU3K/WB8WmTLabQdtyuTAyFrMOsryfrcoRBM/NsYnTNio+G8bMY3goG0l0RXA4cW9u2XeEfOZKJnJTwqNa9p79y9sqcKeFxG2sfha/TTJ4XZ95FoTvqedRpFM0mjJhuPo5pWcmFhRlfNJSlZMESPNOv1I5KGW8zuN72XMbLw/NfFBdYe3gC3/Ky6r0QmjIkXLTSf3G/5dt/y4uwPe6W0VeDbT2JU74a54/httQOvnl36qQ+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4U8T3ixw+s/CTxDIRbrjwEdFMOBlQKu/qPKuxZlICZM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EczmRWROqeaYONZtpOtS5d+KzJEj99I1oRZrdj6q3vUKE45c33g3EYgdAf05T8zYQiibC1RaAOfAMBuzX3AGAMJU+pKZc6ICAN7qJfo5KL6emz0NKpMK30XmOAu8KnzzTewJre+d89WNmug1t1ORuGcvzZjZnuBd0xx2t9hD50828MujjoA4AvDGQ3q5BVfQ/j15vb1O79LNzG+MDAQUXbz2uoDn8ax3ic9yiOBLYl2BW3CS2WjMJYXUHk56MUlDQSQZdSpLr07BwATjSsN1pOvKm9o1I3nXkjuMNtdX26tE4Uwz+6qxjSK4x1pB2eLoJfdaB0rO1FG+wxm7EtDf+jiUsE7jb5dj19I/G/rKH97nGKc8pa9Fjydaf6nVd5812Ty3n4gYtp9NSKYviIx+ptmrOAFEUrzt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4Uub5dkgi1EBsUrUTXsQL/+THPUUUGWoDhz2XcdlkTM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Yjr2yOwQBKrctHNOHF25KTtMFERq2WvA+4/PXIqPRFARiuHIziokQtURmXMyFDR57iDYVOwie3viSr/nGmmUvZBtkm2Mie0mRPxWg8HUkgkWcEQl7vFel6Rnm0oQkhOWaRuFn2+F7QAIYcJf9HzlBnG4XK8PQ4EkoaVE3MZz/6/Izy+93yjHTKNj2gwyo1PqemcYONawczAMGdsUtL0BNUFaEBYZSFIekKednAKe5wgEDrUoqGdS0vshwY8+mYneGXjdibRc1W8zSw8LNnPrWb2BA4Upvo7j2urGyS0DLUZ4nJcoMz7UgqBIE5ZWuHs0uHae7jbOG2lp046aRpyPrGPocrbbbY+z0PgKd1yC5gD1Xq5ZTf3MTkZYN8THTAx2dpYW+VoCn32spwtmIkNMTktsLuTQ5/gP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4Vm4vv0n8+pdnQoIPMZo2tkIgvwWNImDtBLJn9Uu80c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hAxROr/dheYjnEsfM1q3iqTD4eMtkfoGrQ5BNym5kyMwCKGLlos8qkKPVeOEDQn2z7SWvagB1O5Ucka36Y5pJ4xsJR5py+cRzFV6urcPLgP6Zd+W5X6J6n4BKWZNRL8gvf1nXOR7Q6NeK+uogHazgLzacDn7TEaAyeYYJ28hGwmSvhIV3cVkOhcAqEII84wxXZTvlUF7TkwzrhPWHeAS67RmVEa5mkiCfen+FsxaGiKYUdDzS/D02TRMANlnIgbK5XnNyZaMiW38Nqw/JTS3p0jBxwRxLB2p7VMDBBbbXVJt23zpRnUM0Wnm+vtp6xvWTUbJwoHae0UkdQQ8piLz9s7nwY5NH5BIMr7uuHTtyqGim2xQ0yrKkZnmskD0VAbru1xpPfE+A5blPAFVZI8aAbZsny6C1QOn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4XGC79pmX/WeDNugjj75XeIVIh894iN8HCnt+Ugw6dI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LHOiIRQpBr2wtipq3rFNwqQVziIikj4WvpvXMBrc8yuY6oa7F9ejvkjfo/MjKZPUvBbci6en4qAddtZKeAVfw4TeMMgKAi1ddsM2+b7B6whIrvT2lmPv2QeQQu6vA2R/elxLnXSzCtk6deVgjvKET6A+y0HBbVEf7W6lGqvLCn6PAACLD9UuBFe8uguTe0h/ynnrw6AqyD3pPz4B8M5cByzTOwYUBFG4p5+9/R2PQYpy5SltKeKPClFteEZN2YNk7bI68tFqVkaOhzITJ+kqvZpup3XuJPNdn7i7gjnYQAUeFaAkZGKz85ENkTJg0GiK8vjnQsgyZqJCZLQE6ZDDgr6RMvIVhnYR5c4tASKLYXsWuORXbiMrVLMCSnx4iXxDs3SObUhYI9sWLcgaGx9NO6UKW8FsJzi9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4XiJ5Wtkg5p08d61AX64FVCtlowM0asZs/kgq76h8kA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "e/JMETYUgiI9g5IzX8eMMDdAy0s+5u1I51pETLWwVK151rFe2o131dJ7+khOw97GWZotgb9gWJ5wwXx9wD5q4wrXoPx9ajj+Y4VpkbibHvXAPF8QHNWaKo2UYfXk6Ba2SXsl+dyhlA6s1KrinzCDH902ahdijnNaECfPTv4mp8nW01dcRT6Pxep+lRF2coRSYTWfhyqwlvk//QuRZRZ+Y56eokL3B4Izr7XjV4dG5J094wX9XMRHds19J3JqnILyqcY9VAyFY5JNYB7ArOP9t6EQzxsbVEUwS5t9UeOxGKJd1stIMMbDRhwsA++nTEaBM+4K7nqKB5Ay4zZBbjXhvlikEaReCRi0QK2pmNrXMDeRbklUUrPjxXHdIpn0Mv94t40bTDFviVWIsJ3yr2Sui9mRlOdLvLzx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4XiS+3GV8rxM03c8An6vs8OgMeS+zey7B6Hxnv77AF0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rp7FnGQGexNBiXTX9cp86ewGulFgIa+3b+V2lANTk+DDJy/mlHePX1T48f+RrfR+yRIFSeOK9k89MPLscKs5RSprZ/GJjMBdDF0ncOKw/n9xb9TN5PwlcDb0+2NZdsZy6eT09voCTvsQuOYcdMMAXBj5i9PN3uXMt0ghx56PImmhwAjWdhvSmJifhF248tXehA61wKhm3rN/sOmZEIOjQ10aS+7+BTyd3RxK3UOV9rFl+v4N4hqZ1DkOnXF10zBR+WGd2k08IJ0Z2FL/0kAscWuB6KgMu+DdogGz1PosEwRCDViIhpmAe0CSPjm7/bcrrswtc9Z/vPIOeNbX7hnyjo3slmXaRw6oVxqC/ccOtYREM9IDqxeTfIXINX+YkSHhmiDGGfXtjc2YMdNiNk0CJ8ijB71GU2//",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4XxKUyTCPQlpGH0Q9bFz/Z+BaYA6Xdmbw7IBCklCqyE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kspDPl4Uh4UhNiQE8D2KPUVOKh09OZBKWWOjTQEh+GR4V1LYNVFow+nD0ryKtoi/kVeQr4QgtwaDyM/uU0t9y3uicUg718vVDodInzkD5fUdRqiPCqxuKGm6ZhZzcCM0zDmxIjxuqI6Prwzx/PUOUKYwM6xrYdEjx1FbZkg5cgIt626x7J/4w3RUs9Wb2QceO2RAhloUVuFHJtd3qy92MnmjLchNZ6Yn1siIJqIwiyXXJA3za7/e6iNEltg6pZKKltbhLsY1MuG0kqMoFVBs0TwPlHPzbDkkur6wzf05Kdy6kiA+mbww5NSxuTwY2Rj0+09+5R53Bu19JoJ6R2yZ/sl1HRsKpf4F+3sq8ie08OvhbUgkQ7AjbUjWnj3520fkO8LnkqowCL+GdnDisNy+YV5TIMYcz2ky",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4Yoc+Wogon/qzI5b5lZVgkhyOB7bUAhnE0X4Mph7tKE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+282OLmoLu+z50XFVhrr4Pb8cPBpWa5XY77el/X1nhKMLmZVJmFhEmEgwCHR0YR6Zoz4qH1ptAz81h3ojAi5lBGXJ6cakhUvadPcgL0nr0yeN5RZNphPTA43MVdFVLGuTJCbaHpsykm5GsfPhYqVL6jMHvTVbQcei5dUK5Or0Wx2VnMC75bmMPXCqLwgSkwmLgz7+D/K+OgyN4ZPrtLAwDCjbNaQm8scpcBO+1yChGS5PnZxCrxvVgMtrv9Yqai3VoVUqmWM40rETBxla2FA+PJb0lOUMjUmTn1BeZhRdT9IwSaQXRmhbAvq/oepMk3FtDXAVbJW4WnWVxqaUY5sZZH3s93WLLJk+XCHQXOn/ug44mbQvppKFx7kwRfpN1WuRmDnnMzcptTsffN1RkevkvJwmnZODu+t",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4Ys2N8shJQLEyTRMKxPuvO0Kr4qZ3euXqf4P3c+GeSo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PW3B4k1KiNfWBDcPBVuPloMymMSpknCWBm0DALClJTb40XCa7W2WI/VN27li5wziJloR6xFHews4FVkGnXyBkHe1Hz4AcEO9BH/EM8yTjeI8hC9LTrIPxFHPiVqiRltpaJprxrM1b3YfC+/ANDAVUffBeBME3TZlbQHvhJ4q/E+mCMIXomrxYzq1Y/Lp2tLEaB0n8db9MpxTVON+INORbJ/F24Sqs0QWqqafKE7IPGQ7bn6U6SB3REVahLujXcgnMfQTUA//nZI5hSsqp1cviIu4OSJIZXcK0thGHvhgpVShMDUBD6bE78vu94oqvj+IWyTPii0lFRjkcsr2Uk/xW5P+6d5GMwxgxFhG6vyPZVkLF810z2fB9r1tHVVLjc0at95Jkj//JrQrTzi6UMEkPs8Xj/O0uWnB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4Z0kl1dlrP5E7g9fyK+Yi5hi/XCKFv9V+SrsS3P5MR4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "woX85uJSp4as0zlrPsxSbPaniCmdaRfa3PVi3CWlfKziF30iqpXdcYxmw7GW9BCPJNLcVfYUcB7Stk/4ucgKkrozDSRk49ktyh3hlVs3Wz1mBQn4Db0khXH1FKo57gfBpjMn9Ef684jGJXIcLnE1Fe3teetTfH+MA3zcM+0TrCouyOuyPjIQXQwO9S+Xs8h2hdMmW23RHViS9WV0Qcoue1o86q4SmM/LlRml2xw4VH7S2o8Z1xXfkYKPC/4N7CdZQJ2F7hl6wgPLxi8is2xjJ4b7mwiSZxKhpPPkQ7oIPlJq2jiZTu22x07o8rLQGbBmpV+hyHFGvjBI2JWEl30zFAreaj2Gd+5ql89Vb2fGILQpaDX5zV0NCHNwvtmuHi7O3umj2nX2485aqS+It/bJs25ir9b9JpCz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4ZByrfT5SgvWTeYsinl7fO47Nyhu2/MafEfGhYrC24s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Y2CbadqyOq39OFssTtLSmyQohUqiDhCv0JbogVU13L++i37XNb3ENDiFwpW1bdL92/w4vWiaYavtdKSbfFTH3EyECo2jLhmqu7XkgXiBibZylUUO8+ftrZZdoQsvQiMNUbmbijWKjHIoF6lfs5uPKSu8+a4F+nXKfGLHneATClSOwKmMAXUk37C/+haHG6TXls+kGna2o+ESoY1ZsHJOt/OcxqJFScII3qEdqZyaDXcmpDB+Z6dNloFAQNBo+PazY+Slp0pAIA4TvqlDHzCDQolnmTG/5EwrBITJgL0JyNVclg8FOfhPHu+WV8IXG9MAr8Fa5y5lUXgac2N219Mc0iUu2rDHMz3Q/BPhKLsazezVpLYJqQeIg+Y8P5sRXgMfignO78ODWFOzqHy1Kd8HsIDCdWMHWWRp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4aK1GSKWI1q3L0W0DUGPLJQhG0560W91Nhf1gprV4a8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "blkE5n6EUo+RmoiF0afS878Zcpm4MEh6ly7FWEthZoQZ0l7pXLGzp7uPuD8XDaaXZEGU4BQmzI/HdM87uBLBjtyrfRTFV0tO0hfIM6ta+Ckdlq3Ow8AH3E6gE8m03KTtWgfkGslqRWu2RtiG3Qj/FmJcmD+WhlnSj7c0EjijEfkQ8LYaiNHjiN//SpHM/QdRrV9zOl+D9KQIXzvmpD93JrN5wb0z9P+/0V0/BGnu5IMzN/zz5CN/p3O2zX/ZjV611AmgTBDz9wCIcVyVDfO/vAKdoiMLj/5cMimq70bqX845SEnch+sT/ltUCzoj8JuNx2jwtgNmR5Jkw7m2C9vO/jQ7h5E+Dy3ul7RFd47By9PcKz+idJqGb1ZLsvbBL+tUTAgkciwPpXR5GFlohfpeL1UiEAql3dMh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4aK23bm6NnBdATe9dvVJY0EDCnxHACM+GU4LcbcehQY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bx78uLAvYUuGYB8H4oVG65gE2u3TXyjCqzWTuhnS/7UdSZopSB3VRhh4HzIua/3TehY5uvLoaObTL0FWmAM+wDngqHOrGcYgwNbXz3mCvrlcH81hphz+SJyPFvDu0PwiEivYWfSXk3a+3RmGGaB2zziqDPwK7kfizJwJlGjjuBx777dWWW6NsXcJyA2C6rWxjFUqAbSllCUnKO3FP6sYAsVIY3MP2Vfosmc5OY3C7ldZ8rUktiqOi4/zI4FzTQt2e9CFJOcBemmsy3uKnvFIYzInXi2Vk8A3lbNqpT3O83VRMiKVc5p9S3uaVGG/eWFD+4BAk2b2JGYSC21Ryx1fQUnrT24OOy5OKsstRWPJB2/PZ2pNYKyP5oyLo9Z7XZYqXBJhuMU6I7Wch8NNmf2Da7c8/j6TZLVt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4bYSw8uNermrILgxH5duv+cTerrAh4o24nXQjtRq4BA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DY8r4SQregq0iwu/mi+yonlPRG+HVfnaRJFjCcuHg66EWV5RrTabHxjveyniCF+IQa1uZKHE5gIhPyQzk38A0EECmyq3INtQzf4sWrI6ANsU2jn76/kMvLzDqAefE7u8O3ZiWjBgypokRVU1hX1oS7bsPyXFyLHk48JPYdvC0SnbZ0r8TAvs3ltTZpjZ/Ahh5qhJuElN8fQtQg9UUWtfsh1QM8CCbgXr03vT76p1ss4GvkyLmvr/uqFhLcpkP5JBE6zKMnkRLvpQqqmCYPmSatUMolMYP2klKjbBIT4yGf0niBXvO6jH97g6ULtd0OIuLvB/MaNg4UPUEK9LtM2reLx21m8BNW7ygRDrWc2pZU0rhaso/atewlLg5/lWlC2LxdlgL8F6UIcDdbfGrFJ5IrmCyWnp+/kv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4dDL6VaWawGlGNpUiy8pfJ0uXPjMyl0suvPHU3B267E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nxWiAVLuhSZzAwQEJOBa82y6ssP86EbQI7pUPmSASfoKM5yd1fwi6Pth2pf+BHhR7LzJvPZANbtQLJ1eTBR63K7gnHbErY8uQ4ulcUIuxnl6F1Vv8daPqTkMwt6osg9igv2uKKkjeX/TpsJL2yrKnHO1Yfa7oQ5ba9ksJI6niD4ZHUVkPaMF3y6hxRdVfKdj1ybTaAc7w/eoyPzx8/brpGcl1knOlHs0DGGLtbQiFneCo5VwlKaXqO7N903pqzVfhZi7C/ZV+WahM12ok6Qvu2U0yTGOCOaAHd7y6HHRxVCRs4UlWD8FZMO6juyFQ7IINe0cwm5UFZlzXctki3iNMzUt9L8PMISkKBk4kB0GMDlAR8UnMUR3bIk3AcaSK49USZdLwEkE87mQKsQPBbhrTPCyWAFa8ZJN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4dEf1COc+T//uk/qEU1dVuIysuOQsCvNxpKUxh+iKMA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "72pX8UqiIy2GuQYIBUb+NWySc/8cGfV4GzdMEF+GBfQQcz42iaV00EBXxQjPgaWlXFKtmjrNJ/DAmcIqH15l78/CrbEbwR8rkDQS8OAy0onoLxNIkyiPYLPPQr6em0q4gdIewi49RL9Qps2th8aQf1NXesXs4JHBt0DgQfdphx/6AvZtkq5zxP8qfNfXQvzFaAw6KDXP7QOzsgcAM1DATZ9cxSIIbsmhqcq994AUmIiUudNe3GAba7IcYHeH6IzeKwxdsrplTzZz1yLhf+WyHF91r9oUkapguqfkrUGwKREZqHCPPK+NhH1t2u7tgBBt1wfR7ypz/1iTTiO97sdjevynL346GXinFrglWDUGLRBX3d2dnSa7Ux+izFQknjxJqZ9UWQLrJGXZws9Bi4mo6IBIetEpBHSs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4dHNg+X56+2Jc7Fd5LGcVqu52lmYyTqF8zpP0FddzHg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FPl7dLtX5oA8429BON74AWJ7atitWAlLZaD2YJr8+SfPwQE+NNsUAck++DGYK0v3dsE1JhbwgmaihspxPrYpx/CRhcnlRvNN8UqFGzIw5zVTdAUCBWkA2P8ujcZ/Hxcimp0GnYFVZpTFCkedlv4FGdiHZdELk9R7aucJCRrulfyEn4Op+bACMAfH+xcFzzPCezwyTzso/yyFs68ABmslONgQo81bxZLFYgbQjFY4bJSIdNQg+Cq67/gV7rO2/b7FaVYbksy5MTlpIT8uWVEgQbs3BxL9rkh3Cl8IzK45Rkruw+29Py+uVKohYcqvMKCIA5WW4D/TzwYfw9a263dRZjPBpyaccoFyhc36r+IXAx4VvnogvBWmscPNnOJqJUxEq7C+hrVMIjenQqUdx0f0zosIBkeAwEtQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4dKzjKlANFETP/lrGlT7tgvQ6KVQyUMhgQrBwCZ0dY4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gbYdUhGyuvtNDlf7wUaPeRGYTEBNL+LaVoK93icszU6nzaLsIPWZhKKYU8qfqJshSSFzQrHuvqYuM3tG3utiFOwjlXohVAYINL3ZeVKALfRe+Y09Khv53yRHhELlH2RXe9lRh8f0sNOcZteEInNt0HFr40fNd0a8jw1etFvtTDVIF2jXrjBnbD9f6o+FYDfaNvY/ASXTy4Fv4sWWuX2Gl2l2BEzl7HGBewXJr7KhNNNOZ37YL/V0tva5+wQmDvMBCcjW24hFR8ojxx26R5Vb+8IHDwM/FUrJvl7yCtm1Il2CAh2byGJ5rKfRpTuSIMGpBnp3x5W0JI3nzBp+HFsGF3HmtIYZGtzrDp6+fjZ/1GH/i0J9O7b7aznNHPemU5tuks7F4ggksJasXi/0jJSMyvhGJAT3S9jJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4f65fLGjK0In9wL265Jnzo10gXETLrRzgfHqTB3WlL0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E1JTsH05wS/fm+znlvNgT5LDzgnhu4wzACTIsyRaaIavEZVFyXDX/voGjqk2/trziLLG7uVNXZN9Vj+Gznry3o4HGCA3dBinewQRoq22vhTmFhZe4uMI/kBaCvmMeV3QIen17e0QzOFIOmRVLq2HtuKb2dYc09R5iQc0YQjx3OPoA9rSXuq2hMEQDH38BiMVv/U5luIRcX9LBc7N/046zEciDBQ8aplvVsyBqN13+/I+hbmZL6IORLACyjYKl/rlAny6RzPJx9/fbGBek7avYtzOMb8PbPlqNcltuQym2K/4LIN6mmFBK376bKJEe02FU9M04gYExAvBBQI1zf8kqvynsddF6lGCdn2pef9vQmUlI2OaMM80/q5ZbQ2FZf43IcTGh8kfF3LqLLhlFTSWJyAJ1xsIO6jT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4f9GH6s1cZ9mU81o0QcwNZdygfMjBps1o6eQGc0Mni4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aG2pw9oB8MmXuBAQSsPI2zmKwDpM7HR5E3CjYi6HgIdSEBvDAzo3qvImV+hSsxHEok64ItKhE15RQ2Z74n7nyDHKi6135zYLMuuSZWTGB0aq+8aF7F2vQm8Ho4mOz3x77SuKQ3QCpnQ+sErwrFXVZNWJw/SUDYCjNbgASb3iEC79zAiPgxi9gE0sfFt138t1k4X1t3F+iGXRUaaxzxcStZXyKinHrnGig+9HlRr5xjkUIqGgPma2N/LmK7oQfbHMk4gOh0+0qnsxg+LcJecLFniyooELth94J7rELFhS/llM9IQOb4pIl4a7heyuVAGGmoUBHWVHrsvkj/9EyNNQCYdmVv4RvRHJ8VK5Eezbl5r1nMzqtssG/AAaHNsuTgVxpS/l6LwP/WgTLIx7PxYOYYcqkJGYDD9P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4fHMtjOlJyC+Gg73cbGeyoXdcyeiB8NTiM6PftwGZro",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4vOK2FaD3nfZdmzjWp+aTiXS8QtoHWdzslag9Gu9UWYCtYn/t5NFaKmuiZ0BDb/ZBOEvkViKsC8pi2bF6msvIY24tpRGOze6E5cyxpU1OyTtEEyk6o+/d4Al0W61QgKEG5R+dq9DoMnWQTLJ9LXq6d2BHP/mACZ4vT/HmSESguGXv9N0fusVXvJohiZLzp2hxucl3mz1+WEdE9LgXrOIzKmIkMFXV+KngZnOw2E4sVUnEcX77onlAw4cY6BrhtIwRbxpo4zM7b8aDgA4EiL5kscNZkRAIduLXwVgU7CgKj/evjxmT35VWVrXrp0q+SORUiT5SG+/UtzJvl4oWfqu/huMl9RhKIloGZ+mldVzPiSK7LoSkBnCCQkddLv4Ymbvyicj3zsfguswbsyNHC8DHAbzMv5ibkMn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4gabc6OUJLP5beq7b5KBETOxwyQ8EAwhrODWx1CB/pQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8LBGke9vhY4Y9I9lnJE8CXZUuDpTbcxM6Doz3YvzfSk7vVjfsGw8iC2SSQGSq56rSCzKyy6v2PSQxKXhPmWHmXcygWiJOi4yIQw9Nmdy+69Rxwq9bYYBDv6MM8l4otEuBP/rfaZ2WZPuj/DU5XnQF/MjF558zXZf7JbzFf5fRaLmBbva8cOUBl1y3ZnZ94B8djHH3zfb5p2wnjZTR48VtN0ij5clyZAlKd3YX2knyrzfr9Hr7ABpGx63Jxcl4mqrpNcSJHBqVqXSuT9ab6j+8Tub7slhQdeBJT/q+IubvT/jc/MS/K/jB4h+TEgMRMaK7f1rDHRT8dd95LB1B+ARBA4gSjP9fxgRCMxLEMUYNGtSrvGheu0GSGZzacUQ+YUDJ6YvsBlDDYNlqzfETlffNLmaC5fKE/tQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4h/rv7kiojaRipgCPnrG5p9QNNyPAYfu1Giv3lrQrLk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dWbRuocUCsbrNbHcYwgPmbUBsloqpCmTmwYFz86mrcWIvOZPr+Ncpur+2ql/fvsyq1RzD++pYbXRWIH77tx064i0qEKrajQEHxK+W+Drtxe+YW3NZqD1Fjezk2P/VWtVI1KUqJpjksQjfUr21d0cWuBo3q41HJVm8ktAtk39sz7FeGJBoxbuMi8YwH5oOSz6cicO275xpg7ctbzwrLjSqxLrqZyjJZFzo+UUXG2gUKcMxbwXdJCOG1Xx2uvfLa5aX3oqzrVWub2hmOlap7mMqnDi7MmbGFqW3HOoS5Zr02Vs5R8Tg6lDjsfSSAMIQUYBAmB3y0Xs3wXGv5tH1wQfBQmh23I9fo81mIRj7CQZ2htpHwMQonIrTwFy2QFZ8L95CKc7mWoMngCumbsgl7ff8hgILXEfnFHd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4hBHyL/8p2tO2HP0zaszMHLhOwtS2HqrwqtuVdsN7+A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GC3+bGIaTLHPWzT9qfJ9kPS+l3rtBQSmN7F7NZx3lHK0T6M/iX5CucRPzSs7SH/SfHQBn3Tj/SbTMzBASIk9tgvncwJSblve+ImlCTZ+pd5+X/RC2sgX8nazYOK3VWzaiDgo9Li4gy+R+o1qw1ibbna/9VbQPszmIVOg0kunkGOqCYHjl3XWKYLQXPWzZCnFDL6RNDR3Je7SvI2EzBz3ei8rPt6Rlp9qWN+5t5HWPLUJOW3UvqifmwF9qNhjUdNqMf5MZQCpP8UcXHogdqV93z43jK8ZdS9yR9x7XaR3y9LF6XDDWIDWDsyCU9IDB23oS+vui1jr0OCRnjlJkg+YOOiPNdIwL8CAXSsuMqGWu+eWSU4UCwgo0GLao6Uh5TgWPshFXKyjD64oTMm6A1CWuHFa8bcOLGDX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4hIclqc9/Hm60BYjmingjrTdMkNnztjD9xlDVuVzvZI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Hp9v997/XMHWaY8YxmIl+XpOZkBVKQwUahys55FNb5EdQE9/EOkPPlweiXAWCHbzewWPjDWHpM41lZRSM9+O5wL2S+Lqn2TcZqBJSmoXPu42So7w/8HGJzdJl9QHY8Ln/1J4nzLaNDEGs3awb4a+zhsOBynvM3eg1rl7j8P38sCd+nncIMrHEsBoJfngkh4ppSOlTynSxhssyNfgE13WHbUCutGbLke+suupi4E29kVVVZjcvmGV/BbXeIGiP5B2gI0L49+XTmETR7pi9v+BdU1OOrP0BATigv0FX6UUwCISLCWeGiL1Jtotg0LzHKWR8w941dHGgprrLf2Z2tP9JCbsXF+7vHa01E+Ef+1Q66eZBMNRmr36Fc48M0Nbm+f+O1auMhx2FRluXICl9qny5e0poGhUmYE2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4hL+Nae7Vm3/VJQRK25aKGMCm9wzh7wtiqLKuZa1Ivg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bciAG26bRCV8bo8SpEOL8dcUNaKVnwHgd8ZEYxKkl5y+TpthLRgxOu7L9C2+cJRCP+pFGjeZbL+COOwToKXdq624yPJnTobciedosq3beBtdW2Wghudx2wdZUsxKNQobN7mqL79vO5IUIqt7iffvhoBC1iWK3+ah+2DLKT2BTgPjtD0hBe4v985kaL86k8tLK9pFdafjrWqCwPYGsA0txNr+632iPWM6arP5n04CG3pExiHVN4WH0YLOXmVKnInPxoVKo3/lC2MJC30uUvxR9Ydsv4E4BN2htvx0mbIfi9i97jA6ZZ1L1jokS9sFIMKoCQqr1CNaBtyO1Y4tcQSmLc2tawXx1lpuAOLQKuVTkwcyJj9O1dzHt/PrOVkFer7D4PETcJT1KhKvszMynRhyD2VXuXKBCwfM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4iF7fDBp60ZBu+fgxT7dIkSfM6HJwGzvZ9+XJWLYTQU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8W/6uVwUIcuvKXbjW9I8m7aoz+42B6msZTYwKzCxg59mK8k9P7JBw1CHhuvx9ZzPJSNGSaib/hM2OBLbd49B4f6kqW67b95AHPXYYq7WQnlaCrmB7n/WGdlMZfZ/cCSvPdw3P45sRpH7nrn7m9ZGSjR7ms6FIxWRs+PLb2ZzV0zM7scgp7FkspIIMvnskPBLjRahqJJBzx9ZrmCIkBQ1w5rWE8rLa1ZdBg4UyMb6OQ9WtJnwgqBxMks69We+KSBuZZ8ZMnm++BdTMV5cULSBAdu568RW7V3pVmq1kE5/xofoKObXm0xisejE1jwVpjkIsT35ZbgQ6qkl08Mnni3E3UUt0Xvs5Nb61sUsuMWRfKmDdIbql3ijSikn9PKlQYO7Rm/jg4rgOYLAelufStyjJX4GtuoaR1Hl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4j0W5oOGrlrOUGpJqf8THcAjUhpfCLZy+XO/7NQXVV4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KkDBxvr+NKYAyzXDBaWU7LDDCK05eTO+YW6RzApDmQsIxAJNeKgULa35nyyo0PvfbAypJMQN4Zap+bNwbLcOB6wWJOdgogDb2S8RFwk3Eat7Mu5F+0eCNKC0mQv1UY2UyGxtGhpTWkyhmL5xV+c395kcQbWochzzdqadjqB77wJwXk2OaGuDucYnuDOVQyX1o1RGKP5BA2atRRS3CtqpW9hQtm0J0vDhTcO4AQXgtrY4/QLKO8Bvo2SNV3+H6H+P6xoXyz7Sg4VVKmlbD/bmwWrIo6aUpZNVyo0fwv1zz3PO6OcVjgjJ6zlKMPGqWhviQkmZNLPjlvKyL8SD8beU5j6/3yK2/KPrJN4vISD8n+I+w1kifl9ON2BvpzgK6DUTbwcfSUPLQ90L0Pm3mLl4MfE7RYJYVC6M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4j4Y2Q1sGp0/dP6BZQBK6fMCLRRXrsAdMu9E6McSZlw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Jdp0tqh3zgwdqQ/DMfuUkMvPRR9z3fN3ScswU/a2pTsjH8NmJ5GzjLQQuYhp+IEjnrc1e9zNWDkZ8AwwDbasDOwbW603/TDWNuz0gVEpCsDC8FMaldjGrk7YBzs9NW8S6KiXjwayLzRINGxudu4QRCMCybZk1Vj7pPP8xheakKFDTCwd1D3R0WZBhy70aU+/ALOPCS6ufP/P96KV50k9x64jN1YhdtjaFqNYoTgiEMXSIYZ7+Mz2zdNYLKVpVwHPS9fDFVGShwNdwKRb1Xlsq9/IPV2R55qcfD+gsyBxsYF/89PUm906NAaZUc7YxfErG3c0mZF4giXp3jwAUP2JlJxf2yZzV16Nv75cejv4uF9fP9KnD3Vp+9WuFM+nFWNWJomifBQ165p49n2qd2StG+FCX0WOaUDf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4m1Vp5dLwyMl7eSQ3NsPEJTKc3+ds0cTZ/iOwMfBl/s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/euZ6T1gLPXcEOF1X9JSmOo+ruktHVc8hm6ykyZOhAOqQY6mf/3M/PQMVNcQJMjGPn279PzHntdK+tBHkrRUpvs8/DJbx4zV+yOKrlWdAt9/kzOF2+8UuWsBZ8xXyHZ23k+fsQiJ+QLoh5owwan/8wJ1zA7ouevmYDhAvKLkWTgfaqmM92DCGYPdA1IDv4j8UnrK07pNTSny0e2/qUihzrMp9wO66U9J02o+dOT0G5sq8/Ebdvy9D07ltOtOwJ0v7kF1vjdO6zyFtSvKuEWa9YaYcq2Z0OPa5bFdkmMMfQIcunBr3DW8bmpfl45xxDr9pMQATFFGEKPXOwkunxvGMk4ri/uwlxc/hcugpXLUKFvmP3QChwZPPuMtZhRgZriXG78DHVarlzOXIohsGMk8lLpxUSZTku9f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4p6udWcPLAafl3/A2xSryICLlvelcfrloORj5/8Lr/0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lfIAzvMVvJN7h1ctfqN909Uk5hTH+cnTG8xrSuaEUj8f9BwRC2/lA5bacahUtVokLexzfT5PpbIPa3pQjk9vn4yfsjeujHnPTjtYn//0uxqGO/PlyV1kHQon38vBaMk23PSHU4POMwWL/gv0dNbVqQANyXgchnvvzTntFqlySqTw7JtNxMzO6qAtIAgG4YTKqJAD9c4v7gjf6oWrGvRciS/pJxqenqRz2AZDMXfMKaxpxLGPutbhR+Bgdh0ckg5EZ5/oCvKkt1vLsP8B05D9FdrzybRNT0NR6Xdzjla2QS8p85Psjw+CKsDeA/9dHYZnBgh7J5K2Rfee9SZijzOOpE+kc0jsQN783V9JZ8TBOT2+s0vlY/Bl8W7YYGIsxTYC7zPaJ7UjQiyy8gDpb0Gm6bmQr+X6Y/ra",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4pMePJluVlRtlk21Yzx4fIAvMK+9jtlQO/o7TLJD+ZA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4L2VAcjlhgoOCldAGMnZ79Jm92ZOEoVTWNw+0i8ARsAHhouY4M6ceJnHIfUqDmUhZx3mQBpozR8g7hCTSUlgK9GZUc2MQyq0W+yghG+V1vqLqUapBgWobqcDL/fyaFiqiWANKYL8jtgBq31uk45+YX6uvu4arrSPTpFmGuEtbm7X15HaGFeUrI48xObk1ZAGmaqk47ovYHPIVXeUv9t+BTT4hZIcVIw21anM+ggic1SRencso8KS+rs6b2LQtsVTKj2pprX2mByulws7kYIPkUUU3jHa1Rr/2c8DZk3hVWMwLPatz2orUBDwbOHhaZMWLTFXOPTkILV8BqTNZjnI4o8y1oAcgGC+nM2wD1cKkeMEq1f2CySB9ull0LZwWVonMBNTjDTCRztc+SphGAnHT48doScVROL1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4rQbUsjG26DuZm/FddW9YuWdtQ9qO1fFX3RY9ff+2X8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CGL/ngeQGFb65Rc5tqTyLN0AtNIUvun+oCwlYeDPHjQLj8Nj7LoyblogsRe4nEsjEpP4jfJ1lUxtIE0putgGkhikdQ+cu85wcN39hU+BiwooHNotzusfNDBdZhELN6z5uaMM54xH4ilXhCvqH96ioRjbAw0sFCDWgDWOnwRi7gDaxEFdSOEdNKqwlFvK7i8ZLvjTYanszhaGzW5t5/Qbdx6WI5ftusJAMbtgq2VoaFNxdosB0F9/xJLSfTbXNyKWrYfdZjIqryqpiuhkih80cpVq7sGtzMgm8e+aafSB+MQbdPSiTqARV6x7BMWpvu0CdA16b4yVoll6rlWuGkt5B2nA9RcLF6AnnFQj7oob8jJHu6euSRYgi5EOFxirhj+4gzUTuMr5eZw0gddwr5325txZtkdOD73i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4rWoMow/SfbweEECIGQL5MAcgr8uJtGKnk5SV5jlwO0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j9Z/KSL2TjJv/TP5iiSm4dPUsJ9h6lC5xSuFRaukI4VhDhNVSPBV68JUYFV63fSlHCL7xmZhKigbD06KeRFC8gHtEgXinqau69XFau5GhLEADzUSEiK4cksWSLd+0Dxs/FeFhxkndrUACyevOsxrfmpFI484hjTWmgv4KqX4u2GnSbkVUFjXO0tomZO0Cyoke7LsF5UhJWrt4Bf5/oPXPQMy2QpdGmy/iGCdFSkR3mazLucah9y347MwM1zUBIhn41thMPqqQH1ZbAmRvHcAFxuCHT2tD9ZqnHKbNLxp9VU9QNzcvHQ1MyffRPT0d/0lDvQDS0lJfXzqXU4tvhAs017/+K53dqqqKNXapUm3+VJpeARrYWbIEv43RJCBJaZX8PaK0bTCmocDy1keEOfU5YpVC80h8uxQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4s2tOs9kp13eoBpXL8vPkomRMZbcO5ymMkNqQt7fKZ8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VA7R3hWxmD+aL59dCifBc15j2UNjl6ohQNk7BLo6RCCJ+90SLohLYCSqeQFUOMDp86k31sHlnOCc0oD22/5oKQKqXNmCaInGpHNOV668rW44ZatCUpoer0UYthNfCk2+fvYCAsRheUFlBrK1dGKvUHGWn2ODpeLBInyhGs+Jk4hWO4kGkaWXA/yu9+Akg3+gT39gwB/cBQzKjvRNcwwCyoQwvmAhyRkQdE1ADvSMHcs+DQuyUmbuZ/R9LJwbE05lM0OqfKPZPMfcfGv0LhsYt8w9rXuDQOP55R/2WClD3N+siQcoF5R/8U8/oRNNgckoUpCs2+IOgUDBxklq+kO8HTB5+fM1iE1+N0ZRNccf5h1HiuI4mIkmKQmaGlSTQB9fgVJFKRaz0OfVQ6FNgRlIHxxpfcC502t7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4sODAebYmRl5pPN5r//Pw9W8E4cZ0lC8m89M5JerG1k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "R2DopRsI3oUin5vzch8FXZv5YWvnN69NjVW0A9beOpVjcTk1ELOdSUhINn1WQl0DSPVS6yejKpO2dNBLbsgV9kExl3BDV8DcbFhe35QZ67rbBamXO1Dhg6bs/R2s5FxAe1m5n6Z/D1W+yiWFYfCCQJKFO7Gph55l0xbwXmowbM1dlSyq13kSBG0QiXoQ0dz4IAk2N07EzvWp9QzApTtWmz0Qp2yTcZYFAw6aehcErqW6gSf98RdIPJDHNWjYT3sI2bd8aIolACJpzz3VnPguEnzZ6zDAb9GAWT4zVcd0CFLQka+u4HLbRfpQbEZiETxfJzdpkLQjjc8QSjH+Hr1/m333407/AJc3ZuZI7CPBC2AQFJREuvw+GqMnPNgTuOfLBokOsJeYyQEG9ZdT7+G0/yLfsrlElZi2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4sV8c1SykBvCixrA+DAYdoADqPRmQq55SBAUBmT6Ddc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "reaNRflnuXdfOh9g7U6fPg6Mmkdh0YJyIOV9rMJVNzWAVNr9TKmZMv4N8O5mzn76/tcfHfB4z7Irya4xtrPiRnl4Iowo3SxY56NbH5/AJnZ04dBGmfjlVEim8Q7SObKRWR72IkN55vgn+my6p191qhpNi8fizdcd6Dm56Oevpp+15CnwJe0FibGV1eKbbeX+iAsJQE+adTERt0oq5cyG8CKCV26LH12zVDbi5w/nIbtW7LwVsa1K1gu6UxCcSHau0+Svutp3PuPs8BXkXCV6+mvFJkzGoBW/rAOmPGLW4IwTD0jE84uFmCB72NcYTR23xc2NyaiHX2/ziRlPFYERIyh8Pu9Tbu51o9j46ILKM63zNvt8gBR6rX/N63QUAY86FALJdNQEoXJlmEWEqw2K04T2UY8CzHRj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4stigvgdd8QDVnnMa3FQOevvAiQqtN1fDbD1820ydIY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fkldwLzEg33Q5fR6z3NlUvSroX/PrS4HDryIy9NUpkpt9ggDreAPbLVvwQPNjg49eXwxnx3m4Ja8tiw4SXGIYGmdYtDW3nsYMFVw6ICfvmWsBzBv0Fx1m5/nDU1PQGatFNs7C1Qe9g+vsb31tWdVTp0Z+ZjqcKEvfKsF4fKUrBW9WkvMs8DQ9UwCpHUddDg1XWxGbMLtrYWSBxKHm6fKt8NL+O8rFob0djXmRdN73nenI1bxP27PDPMwt3TuWe/6+TrN/goeHcXF/GWMrfUba2sxpjSpXzukgM3QVVETMgBbwsEQ9rsUt6FD5+jAQiEsEdHkTSb/qAtGb3A3PDZJsi9881YQhE5zLcVVOye0KSGUesbLBebWRi9tqqFX7oR85g8m4VsJ5L70RBsBUcp5MqtCrUijoSfL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4t6HLLrIAYfg67aSJdxrR7guBYsWk5+eo8U1yJWnGaU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j2MeOvOPk8p/5fQ/Cxjpk/9TjZ7uYQ1zz+F0RIkUUMCmT+GNZWLzLDqGpT9iQIHGSMXUCugB0ICkxN5EXHIjIITujVeEH/VFqlJ0nQL3+DMqPRHK/5M7A9Op6IYn5yPX3deHGex5LMNw0k9GGHkaqX0NmHdC1kRlhdz6TKAzZrOc0O2xOxwDonW2uR17OkJF/5lMqXK2TEbG5nj6yjcj2LrQY9P3+wn7cCNutpimru9XUXWo2eeYOylsMpNWZMMlsStBxhfMvgZD8pTbi+Q0ytmuLMNTdu7XhBTf4gAjzl/E6z2sfAWN9z5xUddrtA7BPFfvbmyVDTiWwreW8oYvKEL5ZO6rEMEyZ7n9YLGSAGrR68XHzZz62JhCsNbD8SDL1ZCRKl52kVQ/OKCGkY+XLHd9PYO56W6H",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4wG3gErzRqin21zHaihlmm118Zy9DeemkVnjV/XRpng",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "874XXK9o+C7aHSMFhMx4JR69tynGvEWNeunezBMgHF0iqldpbFIc/i/LQiaZvzoWHOfyEQ+M+iPMBIA/sb9gJqE2kX0S+lqXfYNMXakQZQXBPChkGd5oFpMfAksaccBQ/KufrL6FE8704AJGPk98kWQJ5b8Vs3HL98X1UZXW+4l9Nl5y9zYob6eTMB3cUgyJnMac6uvKOWMfPb4+idf/G3BYgXTqEo635YdzfbgjJf+SC2F6Q0hVehRbnLyzZZhG2NfrRD1Pv5Jd2fp89oaTEy0wNYlcOGgqFleA1kpvvEL64KPf+LvwJ7/h8t8VXhwoP4rsy0pHKdNg95x+r7npC0+pQZYjrGVnLBMNHJvKQwbBlXpSpTdmjz3Ttrhc90OQ8D7M6Ks3HWEEMGpArNI2r/mMVPRBGwl7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4wRUqBZZoXys1MtVZRUYS7ACiPi2uaUbXy8DX1dheBo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yNp1HW9ZCChRzx/LpB3s9SemNbMY3dYAvhJ2F/6iynd/pC/dZG6CeVWGK1DzQUxvd5Hj8Gv/Uplz6b0gM3JIZ9U4AavfB4MChoiwoxKOaTyb4bZM3y46WZApY7oYoMYkkSzqY8kU+du419S1niHOw5v0MWYMkvI1pgQgbajhrR90jsmyAc2yAQb/wtM/y82ol+oTHfWZ7rXcnpRxKrQVLTjdytAUPBUE5iYXJ20hzWdw0J/TvG1zSM7GDZWHzS6fpoZdbkfM4kh8n6jtA4cqqbhSWweudo9r9kce6oWEE14QCOw+l3HBfhQkK3kGBL+7WkBCU+9VBcNJo+D5MS95b24DMbSrvnye8WJAd9ehAxu16f/rqvzA93O5bIMDLUyjeSpEpFRfpyLLQ9lERvn1Bvg0aGenX330",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4wo65FTVy4G/m1SlAw7KmwNoQ/KUi32RyY6mfWc6mos",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N2Ti3XJ7KVkoEPkJwlbrfp9QtlR6dBoJ0BH04Q9EgmldO1TzzQ+6wlQb9dxG1jVjbUHtmadwJGdIeDnn1zTYnu54j5PAEQR2PGLJOyYOK1aUt97JEqOpTAMEluLwzgH9rLUV8/I3I3dx7GjlcQP6H1PP5XpZIlS3xzwrQVT8xiC8qsFhl5JjCtlvloNsTfN0xBMq0kn8OqLojS57BYBnb9oRHxyDuRBMNrYO+lShQjSq3qobt+m4KuWbM0m9R4K91q8Lh6x0m7IBwtZ/TYJmfDyBHnGo5jJN9KF2lUXyU5o4wQJSjc8NMvEL07yiiHn/XDJGOnV/rxlLkHTWaDGKLUwhDIRXZ1+hbOWR1M6a70N6Ce0ltCu4OF/QuSCk01RltrSeN1jHsj6w2CFLMoq2z0PkYEquaHWM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4wspM1X7E9uLSwgB3z+c7+iQgjxz6c7GNLFEFumwiZ8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4cWC8NjwV8AjmZo6qG+k/7IqHV4MwWprYL6tu5SoRyNTESIqx3xQ+k4O+kHVUdAAiXQeXPQzQC7HnGMC6o+zSobVMFmKfq47RQ1BCGH430myKrptWGNufQ5N5YHpX0v4SjGuGwPJIV8+bhHxCpEPJineDdUTq9z44lcjWjWG+ndXyROxYCyGcu/UNUjTO5MYuzo/9Spw+kxGK4cxEGQF1lY8dp6oYu6P0sJ5v9gK7ZHA7aMb1YzmBMWpTecSd+XjyN6ZUqkMtIxmr8ZuRwejtNNNPVa1JE1Pn12f6hCERpzmA29zY6BDx2SS4UZIdYjd1HgJKzi4eYbdTd/8hlpQahT7BZDlUvPQElomRQGx/dmR+LDz5Ck4DYmRxk5xT4giCGNWPBKhabUclRp62PMt7AweLG2l+puv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4x8W/b3lOEUjSOpTl+hqt0VmjPPf4sWWk6Yhc/Zgs98",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MRODT+PZY7rQSrKNOSYSfbeHHN5J7bWeqf9QaGDrrO1SmMwI3MIu896C175BkOCZoNLd22U0SvRhjteIzmH3Eb2Piiv6tF/+cxuiVKz2SNYXPfKVctida7rklOZaKieh637EHQ43E7zoPcy3fI6iV5bHiYWhhZaf4EK8B6lN18iQGCROvN6pWp768zufVKzFD+17onpbdQdHqNQ3rvYd1Tyb6JFMAYwcY9FOFihCbkWKq+BfcjWaxqB6K667b3r2bhv7dXjfHj7eaksZbNHXkdjp/IWT9yiv4cff4sIPf/THIsRYJ7gU0Wx7pyJWIeqOMcqD/kghiA870E56ItFIlz60y2GW/xJ78Jk9rEvbdwranlC7IXIIGTGGcBzM+JSzZr6c720/1S3djQ+JCCVG58wrP/lXv+4w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4xhIgr29LPM7YTsbdxiYCBTpg6mUm0hfqY9qxG6GC+c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iZVckDYbBgwYJs80ctiOExk3y+wMl5UKbAl4F4JTrtodaPPBjaC02K4aHdZcyxBeoIY7IgDQF1gb5Got+Na1uvUYg0lf98lQR53s3kHu0BvX4QlOGCAyggutSKHOSuy+57Q53YHuurB5L0mXneiLDDRQit9/vI55TeplG6ue+QfAx2PCBREkYmBYoH0GbjMz4IDwijFvbDeeLdDKhs5hvH35WThbvlc93l5gGJxIxjDmIf61xqonwNd06xjJ4QpIZnZM1xv0LoBsMZ+5jz+Q53ZZf3XmSX8zEpzdS5ua4CkUjKPY0lAmubabaHCA/GPczv7ocBFgEK9Y8H3yv1nhpAZgK/EPhrBy4TRn2A27SfsCbJ5pwO5YBY/wmVKjgxC9kNcOha6IqviJdEqSj6RI3SAp2Kbv8KUa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "4zPazPNJyPen5e0db6lr2+Y2RILyWIDZlktry/nHLwE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ki3OGoMAc/khjBd4PX9z/Ad26IMTnOOSTiRmrEgtF43MBsoNMxlpC8cWYfyGITXVLQsyfpXdw88sNY4Vt3+cdVyDjwvzUJgSIo3gyNod74u7cYi05H4ooIhRidhXVbB7Cn73rn2cSUpjNRask5ulpszryiOHC8w1ROzifLwG9Tvntd5Wb6KRB204eA1xXwxCHORGn6bFyMMn4oz8yPf09tXpMx22B+tCLZEKMgX15Eyc3B9ifpyJMmnsBo3CxKJ7bbjXheL+lCv2KBI02I9TrU8ZWA9ddwfPu/iWtP3rIKc0e/t1he0Rx1AlHva9pDkxXq784ClvAOU6xLNUmnnQo9Ntsd6MGciYMVOXt+358bhrJi8kFXo7Rb6ePrTiFbQ0wpRzibmgG73CPGgWFnu35aoUaLOBStx2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5+1pVb6PCj5TJfKU/LbRaXX8PguE4U7/KjzUsNGdpSw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uXVkk5iTxaR4V3ioZZpVaGvREKtX+VqJs4arR/R2XZ0Af4yI3UNnOX/CNf8f7L6jj7ou/4feD1yPYtm4yx2/7LVhEcbJxZZdoecH8upT65By4fxkLOq/sPx6TRgKd5KNqOmZPb2N5Gi5yHYoXQlRcj9pvA3xNxQhj/TEzg3U1pMaDUTUUrWqgzOiRnmsp9hiujCHxkFhbMGSS4iZuAISrkWmAVGlgIZyK9r0lBw4khb80McFZLYZPyfmqNr7LQTlmD3CR0MRZRi4l+jBWUQPbvXtNijvOJktjfssXNoxPm5RAbNA/nBkHLqEELc3/8NeF3LcVezIk3b/mu51ZS8NQ3xeBXNbvPPnCL3ol+K3BLW6Bi/rCubIlL+7ONfFJgnp7x/xAN2SW/FgVYnSgbXlM+vNYf296uE8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5/+aVlxkaIkRO/n5k/z9pM2XEOaXI1QGTZ7SfWptCCs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Lh2DeDP+rcb8/mB4yC50fZULgZHtaWb8vUfKvCe5VJKl1DVddYRzm/vN8eukZCUDEBdC07JLIrfCHqTzOrOeW3GqaILkTeIIniplvovKH55IrCLBQnl/zOBN2qiuY0xAlDqYnN3mHICfeVHE+Try1bCYAc8L+G4aE+hwhrF2Rc93W6/J47nRp4Wdht8XTGP9exE0m/Kwrm7gigmV+nWCLIcKdNohwiYJ6ZpaSZ4xP1Ml+Xh1rZPNJBlvObE+8QDEnD/LcJLh3mViHKzpiWsWOqon/vKQJmui7iM623/JP8O7VO+ARQdyU49iTixk+UWQWgA1bkt3nbNJfumRmuylyH9nKtYb5UC3Wu+YILdm2SP4IusLXk/zj7qNDlsN4L1yW7pDFOMRHJVlWGSzvhaXauCk2ogrB3FO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5/7ER09jjDmNc8Piu1dcWT73iE8DRmhOvxYMAg4Y7Ok",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "suLHyCvs0a2yzDsMmNJHVLZ/+EPAaKnvhqCHvfLaOtO9JV/V6Tpfivm8z05070H/MjacriQg0vDsnmaw/Phv5guIJZFgH8/0SmwcqHvpLI9MYrZ4uHtQku4URPWo+1VVgCdoJgub6yOPf4Ieoq4k7CMYFe9ttKJlZE374uIKUiGGLw3VuVxxsFUfNQpkQhicWzZed9tl3GIor+Jv6n+wl0qCu333itBWmwSuY/N84sYn6rfvROERC6uUg56KUMwtraWbj80CO3FveXlqV2Rdze52i7GcrglAlrw7LlkIEozv7hEsP8iBpFnZhzJffaiQ8R0Xe5mLjB8EqA4v0LGZ7Yr1cQBsyvFTkY3cmdvleydsaFfo6GP8IvchHSita14B3p1eqfLHU/zyxh9zxKlfeQpmq+5Wt9o1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5/LoLrFvppNs/rtLSKG/oUNtvmYPXVIMn5mExRUw1dU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aeFJjyifhhpdP4e0IlWvgAalAUwxpCpFT6fnx3l6wHXLbTyq1du5w0y3E1PmSOgw0hq0qIITCMft/ORJevdI24M5dxacffxrixJkcL3uQpj9jNUz+SRqg9blR7kCixpmFT6df2WKFvoKy6TNI02FtUOrqPwyfCRZnr22lokpqMbuSVM2en4lkx81lLbSBchfryDU5NwjMYBais4CVj1clhg0R0Xu9hJjgzHGjZmALK5vv5Td53CR/5+/rLboHepkitMf3605qn+Z6fz+q2cGk7ecBE5ku4+8vNNZIUZ46NHrC8Iq58/b2sWa1R06KbGskCcoVAJURbrcZQ/mzPuZekE9ugeAMrFpmsI4DrAtVZb0uTtl2BVjLO+JAiaZLmw+j/leNbkfMqcLqPkvUlk4i1hEsrO57wQ0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "50CSSV/cm4qSB/qd58YLP4qQ8sVzmOzV7fAyg4DjOlk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EXmAezSHyjnAliSmWkDj4DKo75/Y+1tIlAUmbObQGsRcR7gs+VOiLJ12NjXwNMvTDIe5CXRCCBs4un6rDEJxkV3KUHrpbb7Q+sRHNsLGqjNE684Jycnq1BOzmRN3OHVf2weasp8B6TnFTgFUH4s6W29qnV2cRhq6YCTnYw5wNTdOT+ukP9MOJWx1nYRBLoaknvFsdB+c3n06R7mQlLxm65aTHlhsydFWEFnGgPaoHqUqJiliskDNRLO4uO3ooTBv7qsXCKficQDEGFZ1ll9Maay84kVox7FEd44BdwFs1SzMyPjUzaTyBNBrIvoQd2iKAHtQB67QY9KRdIafHhqXXgHMUsA1pyXF8yKNegF5U2kBYlEOeLFZO1DZ371vzz+kRTvM5vY5u19QGzMr7I9R77ajQTFZqJ/F",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "50n1RUn61ypUwf7DbsSqClelL6k2VDX4NsqkSVKNLE4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xcmS4O93lnn+35M0DlamrRQB1ooKxcycKNstC3l+bUcy6/aucNBifrp+86TyVIvEtAsB0xJAtYUJw+aSfgXeAVJDq2Zktwpj/a9OOFaHDmC4zG3OIruL1YeGGNy/IQHE3LaPWXee/Abet2imMskgFodP9dI5FSINQniJKE0Ij2US1kI7T2wkmgALcaURp5VGDh+gU4Trm+LQf7LKSN978luQ7CKQxk79O5yk3xjbRzQp7MgLfH05p1MAaNZ4LQdib+emLi3ttPYoG5pwVnVftMo9El9xwNOkn5j7xlYf6fOdF5/BjYB/djn5GOXjC5AuvSEKjDqISEmTJyoK7hcetJarL3mais+PcdIvlkvscrB8xPA7/RAudyzA70+VEjmDaY0Zkpbc4DnzZ3bK12zRiUkBTZPhUjrD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "52LHSsMqh05UFUe42W+VBzOjjYGJ3r6KxsXyhyhuDJI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bX9eOyUEaZp8Pu9fzBOh+0/BXYH+Cb7hYAvf6WO9uCJm7HZPuBuG5TvOpGE4qPv0RRYqQf6hD5xOGE2Evp6s6qy3W8GDnCOX8Kh7cNyKb3MUwW3nS7AVksLDwpgxK0z0Vt/UT7QtnslDjGiCFwo4Q88ooBUdrxHVxWagYQYlMJBL1UeIoMFhj/xVZat2Zsbe8g96CZLrsVF2YN2/iFJHnPdyWBLSBz1Hl29t0QpspCnxst+Uz/+DTYFDo3iGzUuqy2wglByzROVhyg4AtMeKUueFeqtMdIqdlad4Yp6ifC/8GBy3gpqgFX7MgScE3R77Cgz4jLyTBX3ZfQqMNl9DZHTi5eCPoT7qksKjrX/UOtjMQoCMRUHJHsK3JM3U+N9lj9zDYUoBA8eqFpF7RoQoEtReQtJhuplD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "53e1/IqAjja5HVKBVTGm6IPlGHlMxggLM9x88gtbCPs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VW8wTt3O2rPTZDaD06Xdtta45JCgJt3QwMIEjEHUb2S6H7fBSMfOQliCmZvPQi7vXJ4sh7ln06MFqCnIYLq10wsW76YW8fv81FVkJ7kEo9ypGbkQ3cmmoEx/HDax0bAVY1K5JsBmiUd7WTdXH2hQK5se/WW2pSQ8EUMQyUIUxhhZbjzCIUk7IPQzzVHbKgrhPTr3p58ScnMGNLzyz90/9PJwky9lxr/VMVrPyRRqSVm7hseSN8wI8WnIFm4YynM3GLybi+5m7901nPUfWAbieWVNKPcdq4GJBJ3xKrEGcLlL1wUSOBjADejnOdFOVdeyavVfVhkDudrc82GoqQLnR4/e1EmDgtW5f7C3f8qWvBTgCRYyyxqwgd4iG6WZ09A+LWhoE64ZeQ+q2I8X2v3bAiXm/nzFf4ZX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "54Da0I2yPvXoW5kqzquhbYKts8fJlYYS2cLwzrmtbKo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UU4YfHaQ4pNj6CDYKMD9pTa/tegJ5gmukskMpZd9A2YND3UeDPfjAqoX34+yCPC80Ue9KV9ZEZ8S0hexu0530t5XF7rQNmRVfO3GW0vKkAXB0LSmd5mdnNr2QcEXh5IZpYDlcYnUUAeJx5vYIduu3kgPRtInZMfi7lc6EPKS6wjqk8KEIC2aFHXwtSmSY4QwNwwK1FZ1HhT0nXL7ntTODu/P3XLE7J7duRxEHzQQ/HqMmUMIpqD5fAGW2h/XwcogKdLeo4YOE4F2PRuJWDA/yTqb2pnYYedxAMUzGgeAPCiiybkVMGd7DTqBxo1piR1ydhJ9ZdbZyegQXb1St1UIr473WMhkmVTZDxoKAa+7t3Wd+nXYA/jb8MuJU4LFk2WbqxxRqthB12tzdSUF//kJzHFlO/OUhwMI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "555t0f5kXNm0Qz4fd9MYJEW052oGiOhGYyEh9PdfIVY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4ZuGcitMetwdcYK2e4LIPpKdVDNN12RDXEdAk2N4z50V+iQ7V2weN6+zmFk7Sc4j2pBOzuaQThcFxX0fOZKZSjTfTeoj2SRXTCOGQXCJbogsNgIUyXtlDDTQ3AeZ4XboLU1MCJ7H/ndzmmWrFDF2KxYJREsfGCNUi+0hKBP6PTOUb9RI+ScOZRmOBLZdVplDNp8Gy7LOBzkBoMwWv28R44dI8qtXfQNJgqWgkVaP7WyBLobDjpyw/ALlO1hxBwlFk2v40VGgR5eGb2f9h5vj3Wlun9mQjq21nB+dUj20Tcba1LFe+PU6PqVjjci6JNsEjAv/C3kXNhq2dw7f2hmmuxCsIzjImHydLVwgDFYf/0WyDlG8+J6dpmBdh6sxrEfzClLKmei85eq8BEcX4izUwTcFMoJna6sf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "55l3yBwyCuC4pgoWYWueIYp4x1UWxmSdd5o/UdRIjt8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GIcYfor5XOO9nsOJj2EuF6yVqaP8eXQwQxFiTp0KYZmmL7WldmAxCfDUzn6MDgPovKgDdDgkdPGHoLosVFSjA190AmS06qTnBMPmi+F+/wd6X1xLXu4Rac5gJQb5e+rihpORMIG2nWwQY9iJAQCmyiPnvFtxJf31EbXFwx7t7HP1uztVSH/yoPXwMUAcp8wXubqrZJjrbYO6nhCsqJCRvR6JQrSRVZ1Fa+Ywr5lUkHpDfht+KonUANT8ErCeBZsfeqRWOYr9XYcYICaLu56LMDV41rUkuTizORG7FeIbsQaU6oPNm1/omIiEWhZYKmkOBj9bDbyVvSDpuebrV4t601nOjZOiDXJ/o042eCtS9/YQzwa0dNOLTeb6zpKy+Z1X7OD0rZQuUBg5vlUEloi0ls03RE33SyT7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "57Iyyg6/VW6w/ZWwPP2QmSgYFS0Cx452xcbd0kpQpXA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NvH9yvfW7xcoT0mRAhOtCtwx4g/99R/oUbaxz+sTuOwcWcPaQTAMT8moSX0VSyodqMI39QTRNUd0AE2UIoMASfs9tJnu/vHgWpiP4WZYIh4wbTVzJRpgLogg6KZdiwoyC3IAEfiOytJmQgSSYIUePcqN84jXmyMz7WtuEmiqDAUC3XKlPGUOo40iMdPvzaklZad62bVZdDcYUt+KQ5ThoNSZ7sgs/7USbFwiWV25U5bSWP5jLwdvTmoRZ8EknS/M5sTvjULCwKw0kMOwYNNpvoq0OGdguTkdrAtiEZ7Z9W3sPU1CefyjFUqHa2r5Z9HEtXMJnQ/Y2rOkgX42FuQAPdmL+IZWCmq4iOAMDpJ+06WlfymbOJvuT14VngUWVLtd2H7xvAcNgRlCJXBZi6//iYk37T2Xazfk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "57ej2ZB31kAFmMaLxFTiHxZvIlu7b9/V0scaPU7HIw0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0nMmay1UpHYBPeMgvDIQZPeMmaW6FYJ5x5ONaSpyRI42VzbUPueV6rUU6HsXCjp6W2cMURJXDIwP3Xll5ee0z/cdW1Rmpy2Y+BYXFgE/uudBRQp/hQsoRKEcHbBAKq7Za/FURH7SHg/EhRotS1i2hYB/N3r8m8H9B9e/lI0I55r20aE/NPptXbNmGGKOvuY0+BBEmWQQCCX4VRwKh9WM9vI/PGOlJWV+GpqvHXs6GsRWX72VquB7RmNesWSUNi+xGRhh0WmmGMTeTRHeIEvD9dboVsRM1V0ITKHuGngp0QV2NBwfcrHBT5OJ7wnXJ9a98TyYFK8bikvLtiDudHuanTLOFOKDFhMogrCBCr43rbSyQNtA+ySrPbFSsJRpn85lIzUqsSyqZkqjZ+jFyUX9ddvOSbpcZTC1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "57kG6MPhsPAGI4+8urYVsXzT84axzD6tJefAywKwOtk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Kb79Gto/aeyrMT808QfPZYJSaFLZ5rFvV2icIbDHgu1bgXXPN9EOYwidthXWdxYwm84N4V0hVgz9bKw0tHKcl4IAhU7pyidQR8iDRQkQx6n6B85NEf3VwtXA8JyqtaJDV6eAfbPo3GzqYFeqVr8FnedhFbtwLAzqbmRlWdBK7l23BJlBfFzFmaqpqYwqtK+//CbyI+s+6GRk7GR77oqnmAc1+n5p+XtpHc+w1t06ftDurHUhUUZydnu3AwvDOrMmToUsdZU8aLds8At4HO9ADhMqnOeGdX8fLYykJSwfqiWaGfNPDmRLhQih+5wVbk94CEbABkdgyJrky1XUEYpFY4Bo1jMgL8FqhM4T3M8JLsYLiCqdZFMlzUuBTrQ+KpxTUps7hBH2RmuEPnBuiDtnfJW1C2HMk4aD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "57wDaahWDLEJX/LKRV/TK/kL3mJvHj157t9cSzhErV8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Bb+oir+uwsaN43dtf6Buo6d1caxq0VjyG+8FtMJ3Ebq55VCER66EKUEepGgvS3bJJ7f55MmJDdCcV0ueHWTa91hGsxDFyvjzqkrBxyFF74Y9kyKUO4+0fsJjPNMJQWuv6uqtD66k8Q4+xsdV4nq/0WPBCuVNOajZiX8BzUFw7D1zF3dNhi/jEd8t4TFDkjIL+OkvJHQcrPGAMYhqau2d5h5ZeDKgqrExkHnfiaHnsZL1tMC50RMuAS6oZXtTHN22Dzug2J0GyZt615L/6rtCOkJGNmCEdJAdMUfuJsTsJGu2hWkn5N0ZZM6ySgwuYIYA2bvf6y+LrG+Y/IimcHp3WbPkmCypcBiyU4ccBv6MQ9oCogdX9TKhJK7mPc28cjfk5tWg5lD59KtiGsbyB2ArQh4Vy4oQMwiN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "59QNkinhRiUdA4TYeqHTMaXg2VmPxfhsWyvWTGJJ4ck",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FPocoryHXjINScxA5LwXXr/lRzYjYLPDIGGENAV+8lBfcspiXTE4IVAH8LTa5cLjcLyZgwVjB+/g9D/PVVGnKTSUi+I9HhotDZ6WJLAs/4lOXzmruNak5n7RrqVTOlmlHipX/ByjcwvltCYIMY90CXIJUMrefuttNl9+T6nA437egrUSXlkfzaaOvdR7bFAF6DpSzqZGNDrRtjN9+HSp5sj9Ay0z5NEWV/aKtfAlDwAXEWjWQt1qy/THWywvuYkA8nqHwklRpYf1Q8nDU/YFma3+jmnuzPDMeqM0Ku/SzIlt38xXk12nSFv7zqbCSM2zKkZKrZLoykG44l1KiVvbxMnujfKu4EWXTshFg3J15LvSRoa1ZmM9Bdc5fjhCNjV19+jxoLzgM/lGv4f6XtiWW1E1mI4ER5x6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5BnBH8cFVvNRn2Ef9K10wG4FGWuZ3ZbrO/PxUnQQy2Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5PvCdae5wkPzzzKGsTT9Fmo4B0D9EtUk9jC5RwEV80utLnBxqsKR0wedJt7J36DMjg48pgTB1d84aaURW+Nk25UkwnZyN8ncZle5aAbytcm9wouY5VpikuDqu5K0rAkSMBPTbPAPVReLABiZtdnEvsryRRa0kxF6AWQEidBrp7E/HepORIn2BwapcoxnwmRkC7OoVqNSPF4lNQWLLNYnNTWkXIpHl8uhdN7iv+IO8XBAvTn6Hlsa18/gSGBj+B2rBxO7tNEIhbcCxO7XAsfznRBSNo/u/ecXKiyD2I+88Ch3eIHKhS61zWQ5/BrkuzISvVH/Asr9J0fimxUEjEnOjSK4+5x/D8yVrA59svS3Iy2m2BN74z0D1451CLEf03ruaCPGr4YUYChUSx15nS739lTIJEzdmUlx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5CUUGs3GvIFH69vziJwi63hdBgzm8rALuHShoQTr7rQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "V3vJYAuXytHm2WecmJDgoX220VDT9tTjOk9ZpMf3MBzaV/1hLcxseeOCIGG3AriDgt/fmjAN6xzuuGUa30lrQ5M0lAzWmqYSe+RsWezbD4kuCqg1AieHNlwoyaT4WnMXt7CqBA7L36tltUK6SMC79loqE5ha/OeuqcCwmbYuy5a3R4+ZnR7OhUyOnSxIc3YCHdXgmUBqoevMgmnNZu9gjFWxDpi4E4BHW+N0K+ZZdPUF2ULYG5EZKi9VjixGDro/x9JgDjNVNx5UnLXfeD0txqVaaA4ZDYwe1DqQsglcogf/Fjp27vhx+FzTD1nAbndjvNDDNuGbcnKHsLEFvtHjy/Rk9nyqem6hkmgF3UBsgi6M0a3tskMdhciD2rOkVHiviYeY9YKRgursh7NRmp1oN2CInfwL80Jp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5D5h+dE+qS4kV/5xA3V8BXn92SvtMuIrJj4KyPGK+n4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VdxkzsAxe2ytuiHNtCE0bVvW1oTXAWwnAs1aOwzCrz4g2YhnOV+90+B+Xor731AWog69mYcqOIJcZGtA77MLOJkLunmcn+LioyxXq9tdgFATBxmk3vniiLHyo9UR/E9g7M2GH8namFC9cmOdGmPK/j0AbrS2qySskQCHD/E8FEkS1yZPB+tekWTZvXh3fPuTPubg+g5InFM22F+iF7C7ckXCdanVza82xi4Fv/qQAWJKYNWsqEh1bzp385KHGpmUw6/T7W08BG+rGEVkCEkOUN8AuNMMRYMft3zPv0fM8IvoCs70xvpcMbkbC6/QHcT6N2j1XwIrNR6+vKqhW4yYUWpI+jliu9WccheFn2PqmaTTl4Apco2mBMvb1G9He53avsOSdgN/VSeg1WGhGka2Z/YPnSYv20wE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5DTQDSZ1BDgaoMwHghsVcqjuT6D/fG6BGrgwGxX+FIE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QKsS9aXbWyLkE3YrdGf0+otndv61+HRUfr3xj8fdIVPovUqiECBQ/cbT1+5N1SomC1ws4GtFS9HXgevWo18GarIEgw6zQ/6i/+6GbFwEC7YPtv51wa3k/mrrnoM/jWb51z0h0FiEsA7bsniEdC8MLu5rAD/oVDv4VUEPhnwTODn8eFfP+Qsm1w+aRHAaV/GGuOVWOxiYw/TLku+jL4LdQphVQVWl3lsVLjy/oAljaq00e/MA8aPqwGXkbu+sARwqamRMnSQHj/l5C4/60Isl8lGnvXOKQ/prC+3eupaBiJY/GUuL8GWaLT492vpLN9AL37OSm9tP0xoNk3mgHj57WT7fbTXNea0fg4X9wjVByFvj5gzx6TlhbkHtY4J3Qw4+WVse0nwBajhnpt0g2o30ICTj0AhRhrVb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5DtlWEq2Y0Kuj1pueIDNY+vLfSixBMAPydV+3Ev0V8Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "D5o2OzJiGlmoPNU8iHfYs0B+vgM6rh9jwabpdSAfpORvA72igcBNgP6cFzXiz8XjXz/WCJC6vZrzJ9O+6wy6OYQQmKpqW36Cay0XWDeIqF1lcC0KzA/fEzLynoITZroQP2SpE0baTBRE4KZYGRCSTfDMEF2cuavv455+fGSfW5EjWse0ls1W8Ccw7mWp8GqLM+4r2P4uaF161OaCWKlGXq9iIBa6Jyjuu4L4eN/WUbIZrH13P+lYEjACjEAdNZepRn5QxfhEycYjYOja2rtg1SDtv842mU1HJGuJTXOHYgswrSALKFcjnpwejFfXYKS/jNZrvL+h5PhAzLqv7NUtXG5S2ySW1QYjTd3Xvsq/rIYw3jdH1WgcHJnVZftujq0Ri1J8fdfUCIrfg5gozHaXaCqBIhP7IAnQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5ESknLChe7KnGIbJi+eWtoAsnRpkBSioQCfg+3N8ME8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k4LGSEu/pT7nOeMKEHsL2k23hAvmKz7ZVaQWfy0fz/0QVtDt3Hi0mfTXgFO6Cy0WVQE4JxhWg3Yu7YPBUAPYwzOvuue47XrPzHwZeRQ6xnWTTMqHQyRJR1sWJJO7FMTOXf+jP8/HSvNLCHT1UGRQDzzONT5qidtuMYGUvNdGLIrqfGakW96btPbIGHxKoaDhx5aNHbtw0VgBCpUGX9LCF5ZKi9OnH/MZziJBCiWw6r8p8BRbS3SCxhwi3XX3pxfuGGfrZN9A4s15s/ra3VSrxyrj3vITNX0X9QPXDJnCCD32iUZY2dgNHIDdBKhhDOtMqDUKMO2lwLRq2HQtbRrIag6GArTnSdyWUztVwijUPdLcSPRaGRE1CA6HChIYJzyM+umv9Jzp7scJPI2VsdaEcwalfwkXi6IF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5EULz2WLPBzhSXSFWF/0SdhZ1YNf4iG9trMVDBWz7R4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UN95gU/5WMNMipNmQ3TEUO4kybmJt/vv1i5IkzyFveSgKG2t1MdWvgZQ8ILT9oiLns3bpwYByGEDVcjL7ylVeFDzJpicHECwH/S5rYvzCZ8u9It6QiCFrmJVzYbdoc0gdhY9Kg8XUXXa9u0wpdfo6d3rLUGp0K5FaaJ5WkLtD2AU8C4ZtN29T7rjEsU9+OFGuQa3VW9mWXsfrhywEtUvcrbbx2aAibZ12JxSXZ0tzg7bf/m3rCU4dO3tb1kSn0CHJBkcAYz26hdz8EUlhWLeV9S6fM7zmgMnP9jbhTCA7rREQls2MIh7V0UXffM5Ce/ApBUabp3g3bl2K4I7/r7QtolkBDd8gmGSMcK98H0v3J5OwXmZJWXqHF577TYkmO/Df8bzW+mCCGaPu0a2VoHtePoH9hVjYJvn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5EnLJTk5PO8Yv1hAN1lBfTNEAOlERMWfpY3l2AsiiT4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BfH5H4JFrlNoYzFbkg8VY0JJhwvXiXhnPRTfnjKKx4siWKu58NAyZ7jf4hRALzSINWOH3HZlR5W1sAVG8v2M7ishuPAFXlMewDu2TxGJSIKD2IYYg/fiMxwT1x9mnjGIqQOWBTN4pQITZl+lx6bt+PIQObHeoiKsuFVRfvZif9lNlSRU9ZJKwRIRC4Ys72IZpnzCM84zr4fFca0c1RWWCNCZSGaU9uXJ00qiYzbxGcj/QsKF3zKawSLDG+HuWm2ABtQSkjIP1+0HNGCAbqpeogA/evao66hTcWZ93GVkE/77Gu4P3nQlRKY5PJrk0n2bPRuV6YxUbZKHp0N3D97ToxdzK4OLvabtxjSo8b/tcEOqpkVVsWlg5GLevdHaUKwepSFTC/gW4Om117OXcCI1RZYSeNX6QIvV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5EsKzThv9c2NwgqVNzVEKNmBoAIs6Dwv3y1eUVXtFNw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AOlU0vrbxeWER81maJRCqTCICQp2bkXz+VLZ0JTYfIZV6Q5FMvocI9ns5EWgoRl6w9H2oaLii+Ls2y4gdyb2bpG034fzXClKIcs09FjSle6/gMhaH1s+LZMnEwRuFT8A0B4lIAbWTLTUxdvCWrVeYAFkcno2PVwHaSvFn3jCyeEutQVSiuYum/PVwr3WmDEte4NYMD5ScCAX/4zHKju/rdZMu1tgFNQs5Qsk+PgE7A4RaxBXHy8vtKrKZKz6aafiRw3g9y4Az0NbZOcqbHwnygEfHQbWhoJMsXOLM7AcLfRyeq84KbbRcrrj1/5cc+Ot8F7KXvPG1L9GkhC+lJYDWpJQ/ute4fDrWK7S4n8TDtxUUwpLxpv6sWsfXi4333atXa6Q4WUJAPvSrNZBto4HgUAFwfp23dty",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5FGATO4Dtu0PUeZC8fe7eMApZYaniKIuPvY6pK7EX0c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GIYcUxGiLOJ9GPP0nA6TMQMNKHYD8mcN1ifACfQXWI297U7fMKSCOv8xlLzxiLa73GpeE6U1b/eLjz825Xmh5uwBazutbhDBEo/cyQbT4tWFWn15hRW1N9UsKuze+g8dnoFvkD0wb03vZMhPdSlhwK1/UmzdSQ/UNCuLWNtShkAv+Dz04oE4WClybj+nTMK1+1X7zNPtA3ICLmMm365UugyE7rue40Yv1SIz9RamUpQA8wBISj5cRLe7h5zPJHoG2xBVi2ExSeWP/Vc9n8L7FXHZnx4toy+KT+uPla9Bny+cfJvsSBaiADVHIggKGXrJAVNZ6rSi6+fNpmTQDqlbTpGUw6GUtM7tuJglie2u1+/ae1vANDpDZZuR1o/LYJ49Xsv6xdKXE85pKBFNTMGxQjIWNL0INz4Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5FHETM/n7y31rOjPVsHwdtymD97Z5s59lHOaEvjxq+o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4nuXi6tIUUASeRPgPomq3x2YkN16iG3XR1h9zTw+wcdB1vHvk+tLer/4U/0jCkaghOkBvZVObPW1cz2qxzSiXDyDmb6Q+d04QSMVlJfqpBYd0nSoAhI8Fb6KdVDrH2PpECO5rWrt21cbQrbWd0gWvYcAdYT+UDfN1b3Xd8NZXsu4y8/PTXECBZmhjInn4EGxbtZFJFDCVQ92Im27eo5v7aQlNdNqpLZS55pleVcraezAQo4eIIR5/d+KN47aXt22yd6jVX1m+94d1sMWwQMk6V5e3rAWPGVY6nndeAkWq7iSRNnqutVo8mjoZ5d4gbG7FLKc36MvxhFlS2HMurDeuRkCCDB0FLl93knFkPfdoVzIUP9ZI4Fgt7MgXOLUTA4O2R9L/2WVvdwdITb9V7jcSGutkmwL2sDu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5FKsGh+1ZZoZgUTmBpFUoXD0o3P9MAcxQrtLM9FgfJI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ETlf3qKNqjohmygUAg9n22HZ2nYzORrXbIHKZoI2AxncAOPjAiJk8vdaxJ69UMhi7yNEHMprI4sjvjt+ZzoMKZoPfh+6jimuBjpadNbOSDAlBNPdI/0y+ru5cO2VOJgdqkAF7Fr1ukMHDIegm2SpLU+WERyngs/gboHGXmUxqm23mU7bABiAUKxUbvTHIU0BPVTdtN3Va/hfjR+Z7lsSI9sqOTUAZ1tSdfOBaLygBl1Du/jQ+d+7eSewr3y5dvUNjsG4Kz49nvvben/eomsmg+S4ciYSPOddAnwWz+6a0KbUDRx7BJgcj8DpFNZZeQi8QDtDD0U9dE5n45ejfJsYzGTPCOLtkFWCA3RCQUkw93wvJhhtL15R36pEcJUxfG59Ea+N6Rxq/agYbjgpuKsk09kSxr2RKPdv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5FMjKg38EWuQpddaZzuZUOZBQ8PgYk+RlCBjAEwKQaA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xO16w3wF0+iq6UT2R0HZ+5i4KZG19ExiZwkYZ4EUG/IfzLdZI3zOs7IgG0sJI7LP0kXFucvMjSy2Ku+v43/+Gu6JUpsbUF91v63+ctLQIwb6aDvG9m/Y0QIgvO9LIW6bmY6a/VSo8MhFC+PYyPTRtNm33o1C5u81tuUpXlRGG5UDB1Sg73z+RVh7v78e9U3QA4ZNFIxIVvrE48zQRQmlHHDuVsaZsUCAMLTcRQ0sApjpdcU+NNc0ldSdlWx99G87K/Jk+J6UZ4Z2yt2oYX2FLKAcX/21NulCMLf5j0/ijrpIY9THZmthUWqQgyjtFkMiR+2xOERmp4x1QC9cNUIh1vsmq5WkyzdjTiuQjUn70ZxBIlMaQp/58QXlt7MLQ7VKyxbEjPXgR8/FkfH8azECtCVEQwiU6EN0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5FtwByXT9IxJRz4UGW4ezHiklV8RY0w0ltTjWMmSkSA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dVw7fDgpqTuBfjec91pYRfXpZwSi7+hsNHTGwg9x7bjLgCD0XlqrV9VEupvlpUt35PxwuI0Ks5TSJu+mHeETkwKNiIwuFr6rt8JaH4toPkeZI3x6oUdBdSBwx5w3eFDln6IuEhGNMbI1zVVRqzmeaTykh1n5icbs02mlarSFbs9dtcrOi8X/0CU6pSi3MpF4yNUBNh6/zaNl5Kf/knoekHVdlU7xqWjLXWgXib9udNLoY7Y4CoAJBHfR5Nch1viDjdFddzYPB4Z3uWG7c6B8za+4urVqiFI6YhIdUx5REkC7TtPi6702O9x+emRDNlWb83oVT71MGBZPo8xC+HW7BTH9YqDWZwciXksauKMVXbOI4C6Jyg25bGRAe45pXBRFljBJTWCb+f5YYsU4wF6R3TYnLMbnGqvY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5GWjU/x1vDtPuaHkQmbgwBxFT/BJ2PJWXoIW4b6OIHY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JxH4QeT9cZ1ebh4ajn8ZtANQr49avFGI0Qn/piIqD1opxprlkw+R+2r0qFU2MjzuDvyWL7D+j3xFPmTPWHxUZSGxHGHlwHcDJHKNR35ZCd9ARjrWwaJsUBxq8QN5z/n+qg8614rxsNV1yGzM3Qe0wQguuXXsvLnzzdfRmOKWuo5apk7QZSOUgvZr1s1KbTjMt0gOsViFHFJlzQkCoM6SaFHTrLZJUIRHzabzWZ9TdjFZReKzlitX0Drpip/WatyE92+/CnZWmuc3okW7r1JC4ZANgOTp3YJIL9UABG1mrcBk8vKEzl0UzR354yfLm/SmjMso82QISv6St0AZU2fl2uojHI44UkrnI65KDnud8KVwUtG0em8dK3xgtmhr3ZPTPq3PVtFsCnaN5t5W76FNPwo9idjiUIRD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5J56ocLSNXN+30fGFIRdbh4gANbUrbqPh98ooVAf2v4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BwHRmojCGrD0mXlFYNWAmpCz0p4cqi7h8xduno9pLiNsMGbFP420ZQG9WH9+ROOCjL08TsZrP2iRXN1gcPyteZ3rjqFbcBTr1d8cCzdITHmcHDdEUYz2enkIaMdvXio4W+6HFqrNjrfddne3L/bh311Amef9wdYtzImX7AMS6u5OAyBnlEw+4QRfV7npyMW7aPgiJkx4+KpcYUM4kc0+qEoVizBiZ04i5k7Ycub81jBwJ1Xy9YAeNl2ry/a/B/CzH28WtSLzXsGnngTvyWCsqRnwfxmpi6HLD+asiDgDaJpWRCWijXO9e+T55ox0rck0mbAqaOOKlyjgnrzpdBf1NbKKUQZOQoMoLuneUdLj59X3g052rypEFZM4MgJq+e6f6CBzAkdM63vo+UFupJ8qx9dQtMDs4P/N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5NIz65bO2ZZTgYwijX9Db8/0MzWmassLnV0/yeG7O6Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LSPhMj0DgIjdIN36xBRFopNroJYmn8dButQrqWAWUlxzVgoZaUwyb1k17SvmLNSMRdCf59oOI1ebyMZtiMwthiMNeDeB6Zu6YhotCgI95Uwnb5AFXvLQhz6ZVER6FhZzqUnQ30mWpbjvP1K+/yX2JThVNz1xD/ah3/sefFOufSHfQRbTfZcu+MMeeGX+qy6N3E66u/tjL4e3J3H02O76rDD9v/jq1S2jYTcw6ZSt5w9wqCQf3BnFLvsoP/5aQ8oiGo/FmDKeIK7Zm/d8S3ut0KFU2usDG6R8+HirCxPp/YJMuUnB3/QseYQPRF0ORxS949p8iakBd0K7im16t5iXQO/2A42E/EB/XnW1G3t/1k24Dud1zKASdm2Edthu+WukvHbscn4HVeIHttuMy4DcJgRMo7F0zGYe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5O2duOZvT+17N/2/dqHKcMDIZ6xJArtrmrIeAT7Ba0U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ACydmKvVzu4SV8isrtW5MZ469gJZARVNs0ojKFADOBMdhZ4VGLxmUPbUrG2bPT3hWcgiqyfijBhxm9a4VXVtnj8/TO0iDceZ/DaeQ/EjtbD9IfWUL6bnTrmaY8tC2AKJFE20OGBQ8QBs38l5pk0rjnABR7GKPN91Vi04i6s6+9tPvlvbzEhjNawZeW07jA0govYJQhQ2N7gqIAqTn51CZO0LVZC1Qr2y7H9aEKRO0M787N6O4t3jXyttgAsk05uZDe0BuokSO5z1dy38IfW4wpf3X0gOsIOEciligXtUHcx5pnUmv8rbkf0Ill+CGwx6FUern6BKECADt5yhoT0KB/f21oAodxqcHOjYXbGhTUJ3K+hO1CF5ubUoG01c+Ii8nVwWgun0DmCreXx99essYiL/zk7cMiuo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5O62nZkhX7GqUt2deVER9awhttifMUKgRhWlBusMj0I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2A1lwHLW++tpWF2asTGZzR+A6aYtYOk14O3v12EaPY95Py0dnXJU/GBM3PU6a18iYZRfEsTj5HiOR7zOQHBtcZYoscYyB8FiXggvZEdXEP3TFWUbhm0G9TUlJkCiabWnW/UBQOc4h6kHbDjy609+kbv+U8GypUVZh81tcv+JfWFfNJiA/S/rdRbmKEXm31UwzxTx8/d9kKVlPQ/xx+B6yKWrpqV7PZmGc3rJNxyMYJRQi7YdUOHSScNt27w+AxqZ/u6x6+PkwdlPlq9jigUgBo5Gzq4jeQvlTFEWlBxDgrVkj9/LKwt2/hOB/tGpg56BqucQWcjplJN2GHUpiBitshdg2TrAxV03VaGlxADq1SeBM9nLo/gd9q7xHlsPjN1MUTWoPGyBkL8T3nqfAI0SmXRqxSVEmnMr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5ORTKd3DdVUT56KqWThnK6AW2X8l1BlbxidVMikXSO8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y5jRm3lbcJfekVs6loR7lCoqeBnjz0UYPaMVN0ikEpXFt8WopLzPmWF9uos1XmyX7oBT9e1pxTTxha7kbWTWOjvBfbVx2wC7tnrWGstOa2lRUTPOsWLZlXUkgXme6a33Ax9Dq8XxZgBuLi6KGVEw15IGPJCSx4jJDO5l924aIKxs+3YG5+/8N3AYjtGuZJ8FZ3AdZSUIBb2gwXGdzh9mzG+KWyQQgLFqYGRDAxWmGCREgRqlHWWFPDBfsNdZ8vRZrU7EvbxAqgbAWKrx6WjN/nRS2HwVWmtCfVQiBZeyVhbDjJNqYLCgsMUxuEDwg6Nb1J9khpffmeU2TG1jPpUXgW0qZ+8H4VFVXxfnzwf5BSxP6tHrcjT9Vtlpl76b/prrOKB1XtrFl9smBm4jOWkO7Urd77P2XSrW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5PA8ZJs7UKHpmlxxCsTAQVxr+41+2MKzDplweTDONME",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rYIig/kKvhf5VI5VB43rCbFshcXdRwu0JK4Y6O5YSXVQbfKXSgsz23ICv2UzP3mYdU5aAL06jbR0msUciGbsLed2hnozTe23+LeM85YfVx42tEBXFZBPLFortlIjvCn8+ly+P3T8Ser8bF0tBUIbakAokHTrlCT7Yu0VhqgRXorpyAKBcb1IIaoUpV3R9t/iSPk0EmcaJ+SpFiYbNQ4cuGKFvZFTBen38LRq1VAQCtnYyEytfjsVuyQW0ZDT5PfwwI75VtykBf5hZJbeMoKzDsZHztoaDTxDg2N3lxwQ/2c7a2rtUMyjiiJbADmCMAcUJpSYB4avYUuZo7ybaMR7mzFjpJgL7sTK3Pz0Nf/A0wTrO+0nP5qK4JbSptngIXW86M9gLaYG0+TvpgsUax692V+FVVLtaFz/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5PMldHINzmDyf8/T+OXtGTGsr1rpXUjgrssNg3uDlh8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ni8o7KubDe5trjpzgjtAvC8FFoVNJs92xqlvTfcJDTiE0hIsLOZrnWqoYuuwE1ho49x/BOg0oGDgX2NmFXqLZNyWjyjKv5lTV45L9u4DNoZRnTIYsli7Qp/sduYQaydW/SF5gkYfN4dAHY4PXGsCsXAuxxwiUbBGCMEDV7zpD7Y6XRR6/EuO5r25N0ukW7Xr43dMrlX1PxXCRavz/pN43MEXj21M0zFH9H55LS/K39GSLbMkCT9iQbyEPYerNs6kZtda/7/ewtJ95ORwkOvfhlOOMQ8Pg3NN2CPyDGX/mu4gpV+cJ2LbNmR6YnoflUC7GdvdKUTs5XIJNoXuDjWgBOLfEfqfdEHXnQ+0q56HDibcUre2WiAnR8A4UkdzufivbC9Rrj/dCDDZnrq34b/Y6TdzpMVeIIUK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5QK0sytilimAQpYoWwL9e2xcJGj+bCXPodn5k9EVqwA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5DXAdSoRSQQLAGuAnrU3VPudjfTXRfeMUQpKqN/IkytaWQuAOU6RCV7zzevxwpNEC70y8luQdn+x/boTAU2BalYVo6Fx7KdqZEky8g+HtHFQGVlh4zHVGvDG9xLrE9r8C/hXCXmFtnXYWNn1NwEGpcnPOsnvRcpn8Km2s2jkl2KC+dR3Vs2hFbQjjPQwCX3+6dXQpeZ6KVNN1q1z0PyVt1HcGlLeovXfNdQ3pePitfE4xWGE7cFZ1a8bsv3AwvbEmms7226j+q/5ukiblFCmfMxb2eTdxFxU0z0X8/iNoaa7p17lijafaeODkWww70KykbzOP4VpJIYXa3LrAx22fGS6Nd6fUryRMiMOPoWTS/eCZ2Qbj+8IaQOnkuDNygsYa57N2Dc10uaNREoQh+SX5dDG3Za3UP+Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5Rn9iUFqRm4ahaXuUWQBcpvk20cx9kOhoRhmps9z/gM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "irHfIxKpUWs/ZTx0LjeAoI58ydXTBeUvtrOVvJJSH555nKXqgX1RiBUW9sUOlTXofq2iJHBTH+w/ygLIOkTUYLa1e7lwgs2BaVJqb8zQfJZewfLxSgUXdTgwhzPFqd+K3cflLntZLj1XC2jqGrcg8c06G3FxZNPtmI5RtT0pPRSOPl8rvRZvj+DhrjrtlFoJzc3zRUMF2cqUvzc+Ryauw20O9pLMZTzG0uT5oZAoq/Zkh52AqSBMWu04qQgAbbc3NxO3IFy/zh+2QHlut4ow2HJDlPOqvGY/DS7rVw120xhpPQXubZD5Kf27cwYWwPDqaOfEBDlie7K/HCW49LbZTQliF2bryQT9pFy989AtQ7YM2eMz9W80tDfDr5hP2jn7ud+aRRPuqS0sbf8G3+EUNVocQeLQDnKV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5SVnW59Oax5btL9uMISFQrq0pEDYsQaT4Nwiu91nCVs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qFN6Tz/NTKA7csStg/SXn9wekJn0a2xD18WBzPxjl6xh4rKkZoLP+2rqE0kv2C4S0UOxLcUtNH+Lsi1hYccIpbypwXWP5rmHOGz2aTqONllDUM6xdnGqXdtO6kyMoiHaLgw9+R7Owu03/biJ3lE/YEZWdUgv48MMl8Q5RUS55dGEUdpHru0N+Ve2j9dUcYDx57peO0xHHUxAPrSyycYBKSSr7w6JRdEMMCDuHXRchhuFOOQT+PwQCeo7C4LRoyVBvZ8e0edKRilby80y1Z6Y/NW5ut4GAg0ugALSpJaiTQeCsyE4ENCsv5hCRe4RI+/W8pAQXWCcSFo1KNxaGH7i68nsOb/IWZDhv2VlS1JVdXY9sI7cYxf1sFXwPZMLSMBGP7FdELYMc5AdN0wtjaCj4m5D7Pgf3bcr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5ScrFsOuyGppe4D94d+J6qtVImlpWbxBQwpoae4Eodg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2Yd8VEp6EqUR4TMmZXow1t5OpT5MgxiZWKQs/5a+eJSFzJhfQ1CZFPSyxBS8QH8MxyNqla0AeKUOJYY24Uli6aQ9YCMfednmIAQivAeYB2dWdfLgqqbjDv6T8XJTHcXdsQP6Kspp5o3tWrVDZFxgKSwTQXpMi/gQTW2JkDe4UC18VkodOACDKK95PSO3Rgqr93Stfhmo7Eccxaxsy+qiXhghUml8FovBU/0H7N9Q6RUmTZBqUNpJridBO4BVlfdctyoi8fyyBkagEi5ljRZWcMgLDlZvub48sTng7mT1OOL0i25FH3hvdE9dY758iSaUWos+6b/7F381pG02SyVBDj2aFuR7MITFUOFW854l4jnvI40qajL5zA9RVcyybmEAjMXrRK6QtSrty2vm8S+QVddT8szzLwzd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5ThUraPJK/WpjtwR27GjfCG3I50DxnBUQfPytGBgWw8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rVvFOqNnTSM/R/LXW8fUkeF/1POaACJiwCekgQz1QWjlJz1ilAUgsQvbQo0J8/B/spHxqjfN6XlQjmSg+dlMJKL478Dta7eFGDHYx+wdyNO3U7KH2tLWzOxliDYeJIHSo9by+sj1PdkDnPJwG/gxg0bVOKQX/tEvUFqNJQovSFjlBP/UOQ9gu6PQ5DaWtajVqp3DPp0ukk6cs1yzMn24Nc9g5ChzeUHWdEbas7qsYZJJ0x8M/MUe2ueNWCut1VuHNH41ESeF9PV+hrmQxVJfBzgnpq2HSWsEaPRyPA5pklylXLvI6xPSD2fa1IDUf1xy/oPmhtuhJVC7HPF7sy9mSSFq+n2WKWVJGX5f2Lc4x2F630nBOCOMxdHghsQq04HvkKWm1xur1GhWeyOQX1ZqapOwtkOyEvHg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5UlEWKgwTnVTYMDJLsHU5Qx4sAxI4Sz4/GcE93faiOA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TcAyrYeyEuX3nkLCgQWyhiM7m1jpUJMzaOBn6Qi7wnVfCjXq0QPY95yUISdL1xnsDuOmaLR8vvZPRAkro7AvUSX6rb1qNjG/iDrVtPU/Me5aHm6Bvlv0zh2iOmedNRDV4/tOKPHau0LoYX/f/pWRZ9VyorMJ3hAW89bntLAmms5lN9lkp9reyQzsKtILaHCCrsx6qOEVdHxOAe+Ceqc8HTX3cpy2G63AxWkSYFHzvBL4/g/GENcrpATpjR+6TY5y+s5MnzsQl2vS17vs+fezF5t/y2czRO+U5tGzrsGoDe7G0PhtTg+FAdza8vpVnLt32eCvhcoZIfeh68C4b3x8zQlDN++x1efMUb6C2TqUgD/Mujd2bNReXwahJzrMNNz0WezbAkhPRTOjYGT4jUvKymbGWF4ZFgga",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5VXPbiU2AB3o2gaXwtkw5rTTxEhcZR3WmbZBTJu2qpo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yP7WLL8kSl3+//xm4M5bZx/rf3e9c63BjdQp7ZLH/RpmTkh2omFPxr97TWayj2cH1cnQ2MUQnurnDPvGXMsY6zfzAsn5du+TvHPVRAO7YGw8Yo6V7UruHjSQ2HhlgXpe+xxQYlNGn3wLhTikV36mOabsJzp1qo5voLryYW3NT5bCaTmcqcqHxzyC7UmauYYcV0kPkJ3Bh+bT/qLAWF/CmR8kcbeUmufNjRJXoUMj0Tq6LbJ2YnoYmAPIjIyq3l9M+13v8jUleO7OPwEZqIlHuJw5o3vmzq5msYUNpyzRxPGrZEpyi2VES+AXCeapFMO4cYwZRKq0Xq9rSMea63hTcdnI5NOKJ9rtbyBtXP/MLTDZb3nPzHPQW9WRPJVJjQpwFwuOr8PwwNepih3pcRPkqbh2Cl7tQPUk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5W2YYUIvoDEWEzEywFT5zJVQwMpvDRwU/OAz5iYpKA4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "e4wZLqYoROe8sTxN8SkP5WTEci5axunPN5Vh5QxxxLyCy3oMv+ywTHALPbD+z68nzzeND+m/I24bZ/CuKAzFC/mHsIAR5OUq9itPaXh1OkqaRG6AZdXYnTVep14DpTgb8x1ouu1eDZmI5Tx7esJ5RQQ5aqqmMe9q3wrtbywD2R4hCr4GH9QJZgsrgtlhAaN4/4AGZfH1SJdHLoNSgEDyDIGc6W+7TJfucdrYwwE8nd5N96neV7dwImLBDddxKxELtE1rundokpVbmQm9fDLHdTDn9xp1WfiLyW+71H0bMTRm15v6xj8H2/xvJ7ZAxHY0xxP6dfy30kc0ZmFEYGjraogiUhEAprX+4edGbbhYcA0+eyAvyP86HuYC6/YKQ8nFgKyx1sXwC4PdwS8QVuQ8INNYDpdBYW1u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5WUhA/Ugr80/jhoh4aypyM7nZLDwqFs177BbljVvxAU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QaAwao6Yvu2OPWFaW0+aZE+bsyPwGtjdHA6hcj72JB3myv4xpn6KpZbL+5ziaWZS/dzGz+Yo11QsDwNyR1mMUTz5jv2igHR9Xz48FGtZ/63sCgmUCYDHWw+GyBva8rbd/Ia4TtYI+BEM3TUQ1GjMF5WWKtjeunoqMMe8EuUUQ1H/AbM688/UJW1RhfVpd9Vn5PUMzPuue/NQigs3kG5TzZ9szewBrIQuSwaGtQHsKfsWuvCGbAJUrFAELuIhJZZbxD8cgx+/lKTrWOKoLE/iCi2qrhYqh0SvqTJbCgTZn1KcQtG7KG3ALSjmtH3/P5kqqMX9euIrFMo4pyn8TXzfdCJnVXf8J2sXzYTbFEdJIrnFKHOlUjk3Z8cM4pwvMsga8uH6LTcyKrs3/8kqUaxG8iD7cenZavkh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5WZuzY8NUlBSmat5V1Pfs5K0A1UqYK43Zh2LBzFNnD8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4p1y6Annq3itb/KiW1623m3PIckHdWLN09JsAtR3sx/evlB5MyilsTYxBtq/ZkUfKSaxvgVLzfijX8jicyBwYrvDuBw4vGw2IzztBuk1AobJguZuS8ooOWG0zUy4euny2c5APno84UY6F4I6IilB6MFTgIQWGdA8BPZU4AiWdD9hpYShQWQGD6QM6r4Xr3fHmdJWYw0pU2gssR0Q63nnzqtXBe3KDHX3r4UhWoZkkkRIT+/++JmLZ6KNyq4I/O7WysGQIpDO2hcxDSs4Be/e0B1frmycZ9trum2iY9TwUfuUNC8VEGpmzMRi/khFqqaTQ214X9+rMdZOXCzSj7BWRwpe1Ev9sluCO5ZK83Et+kYwjz2JeNr4h4yH6SrOWxB8YJknaqtOIWwR8KTP7yKMdKViRKqh9qw4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5X9gO8ZW1u9cGzkiW34jecXjY6wpMIAODIYJ5osTUj8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cfMZsZELsk6JiNwaD6JqdTMBLKjPhn1ql1GhZBGAPhACTe1p92d/d0Ai90lVSuA2v0ROGkNjp2EM5WLRU9YkBIb3RR+48Obc8sHRJoBwbDmSNuZYBbrKEz3TpRNIOKR3MGRXxePxBGZVrQqsuWa/7QBDlvGQEOyZ7f8SIyFRbaLXrR8msV1kDssv9v5FQSuqioswSOoz37U0ZYVfa7QkHZUX+uX9Q9LB4H5zgfUWmfgCnvFJ+gtgFyabW7aOsbxCrBDqtMejsszKKTjFagszwVhiiRuUiaE28kV7u4lZ+AjNYyW6yJkfnyphQ7XPIwXdWKXCX3uZCzQtCc3z+l7f6gVTxjDDOABJMqOVtnGGz+BqmpM73vrE4c/rO3LVmn5iD8CG6mRef9IDgHvZTVQDHRjCDJ1QDw6/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5XTk3JXYWwLuuxaCYp+m/R1MMEziOoImY+4nwv7XLEU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LXCt/NKyHwdNTB6uu6JE9mKzAQFWOauIUK7sAjV8ADu97Zi6pusX6YN4+DRIwbyXVIgZ7jIYmwXdHSLcJdn7V5SCQnOLk4UhQSfBaBdw8pW/8IrNoPn7k2nQkAoRV4mSMP0/5nMEQpw2jdMtG6YmI8CcXpqpejAeBnyaCJSBVQxCztY9ma6QIQEfVXx9kMFqlG1rQFkEwu/nCsR9QA10OOUwp5xNlEkduFWebcLbxLePQfO5muJ4Pxf5vC8qZn2IZ/vhcFbAN2BIQJRqErYzv80T/p082uphl/pFGBMGoVuW3q8B6b5OyngYMmoN2R2duEXe40sy/2RVrgnVZiZq6WNR3EGCgcTyvDTfL++IlhgNUI+OFi9/8fCmEhdjtO3TPGYXHOiaQavHcKOqApeDl9aqUfjJarJx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5Xvoig+Sq5cy7i2rO2y+4KLMnJ3ru3VTmLG2+rcrddw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o7Zw33w3mpiNJO/OdrH7PSFHzPXzF75O3MIGT65kXc/rDEhoo+4JrehvLXb1jecl8NqSEeeRDGMAHd4vj+s7s7AMil1ZSGkPNkia70us8+CNmbEXCd7VgkE4Wi+S5OA8qunGUfQ1CVFKg5K7t/QGgX1tLO1bTD6Bve7CILMFNJWp2BuLwYa/s0mdObgQ5qwA53P5hFFM2RBJY6I4gAhhKR10J52n4Ys9hFteCPhx3BMME4U6Hj2QLGb2H5cNGciSzokmTdOn45kkBO4rhZo6r8ZYlRgr2JgVeLFdBY8huSGXVKQcpDKxBLcGdHhBym34MyTrfDqCW8bUUDHrStbdVauwLzsbrlpIPo5JJapH8ly2z4aZzwuaOptsLMjZhVR41trVgJo1wPXekq9Xa1amd0r5syKP5VUq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5Z8e9dzMq1YXFkNIMOmz3vy1CyLNUHi0vnnytQJ0pgI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CBIBGR9zCPhPuMoakoww9ttT2buADQ7yoEp0O66dnnxQjLGqBIBQRWsY7VeeCRIKHDc16pbkl1US7gEwR3BcHmFQOIvfZQHHisHjK7FLZ5KgWgboOxF0XEKgYJURFbCXXLZDTx9pTGAtKQWn5Q9Ypf1pQEoaBbqawVhHSNXTLV+RWHWTpG3LCLNDlzQDQI31zkIQrn8zSZmptFAgPOgT9X3LLjxBAuEvnYZQItkTLqHXc0c+lc3Y0u/cjKtJLnniUSP5yJqfPW6YGJ+7ec3KnyjE5YHOIX+Cg2whp1rjm79vsHaROmcuz7C0A679eoC/t1hbsAS/C35SBPOh20jRCTyDyRVJh+PZhYHU4/+IQCGo98eYOX7Y0lWXHfr+bKJwfkad2lepuOF2wAWIP3pMy2g274iW+O9D",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5a+QjRrvDSBb7DyMEpqFdDOvThIwoRkEaSOXlD2aN6w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZbBHH0Uch8juFzuHM07XCuoXiVnNSsJiKoqwrq+DRbMgIkPKXDatDaKkPmAylxzKJ1zXeCmJxXbdnC81USzlnfwsaApGEjWmRno46DuKuG7MLSRymLHElnUUrSaOwNzoFdpVWNYc3ruDzapYEnpnK8LvY9giZODHzTy/nmRaTon19/jhQ3RYcwcRSZWjGnO4EKsQR1l0qx0ilEJCguW2HCSRZ1PUwbRXMVMwo0CKYtAzQ7ZhlzOkKg2b/K1peSV4HP4BchDun1DzwsAZhwoqRERC4Qxqve5PSUGOpVD2OWGxXf7dKeiLJpD7Bvu2I+k4XXc6H05rawqAu7tdXZOAOYo6v8tGI5W/H5e4Te+qxOB08BM9SBTgX3Xl5QgmV0cZXgexx7LU4Z7akhvfClGpGyLbMLCbw87/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5byPRnDcd0ORSp4K66/8JgFoxBdZRxJP7Ryt0kNEAiw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hAvVhFtOM2EptbQ5rze22nZcW+iZAa6VNA43Nd8SlnakHtHxG+BwwGVeA/9ZsfF9ZnfH2JPH0EheDMOKBnnVniL2ffhUUJMFIYpnpRWTpUpM2Ko33joqgZE2b8Rmj/O4rJfzu6pcwud5GTUXdgO3aCQ/2Aw2t0M7VXBpfH5LW/I6RtXnK4RGZVevpbYND/jH1jMEv9GScqgeNLdnF6iTJE9yRaEomUQL29vnCl0I4mTPFKKps9CmoGndc09mPgvtmYoLvHLv1vK3umpu6xyf3VJIE8BZGgyTUbzuXMUx2ieq+a5/e/oKnUDu0d6gWc7tvI6tVNzQXYxXJVv+Bbkg8wOTVkiN3YF+l9JnO296wjDyDMi+SEeRvnCJ+gH0TCkxjAESir0fRJE8Oz406a5eVk5748vH9ve4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5ce31uJ+DcFjceUEXyOqF8CBWSkcVMREW8c9NjWtd0g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "O0jexrhBSGrKl66hcS4yeLCut1ZctIgYTXFmc2jumVZX8HAdulyyxjcoo+CfRLd3px4R/f15iYg/1LVWDst2hOu/rm6uk5cKrT5e5G6CTWeiSkqCvJwtRV+W/Ds/RSqKzgt3+m1he7+gNPKIuVKDxFkmetuAHgC3i/EPXi4WY65u2OIzZ88hIoN/ENJBUBZmeyKFYvNimWXh0SHU2ObBt17f6vTIbkTAClslfCDgS1sGVSRHx2gHRD7B5poGEK+Yk9xNgtI6UB3jwOkK/gdC36KGMU88D1A+fOhs0BzkvUXIZCt8vTMXaRFhX4HOT1QDjVVEZOdHdTC9kBMkapFRGdS2ripktwfU05McOVJUWvsILWrMPFxz+ML0cd8vV1ig/2u5h8zUrn1EtzZIdQHCQbg1GeZCzk6M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5diXRii3SsRXxU2zT8pJZAdAUbL6IgsleOrHKTXbOlg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0BDFjbcTecvuDl4WKp4iVdGxObS/Ffnz6LOsgwaUwGWSmNjyvN433x03R0DOop2jjcjMLN30uUP9rsg61GUVU2Tuzgh+p57Pil8tu6kRk+m4rlrjObbc1/ByIHH0XVKSazWtaYwxP32lSQctLK2kZXdK0Ne6CFLI7YBnh8BPvfQwijIm+JtUuKP8tSOuPjNF2eK/uQcd6+9y38m3NhEUTrYLDSN9IGJQrnf+AGKGEUVOkhbyohElBmJwNz1Z59rXz6IHDE6CaYAp6aMDZfmJ0mat9v0RQZl8F89vc8xvX1yT7tVqPDcAjol4KGQU36eT3p/vQg1SaFvkUmmw5uki8ywvjmVWROq7etnViNDEP7ONNEO9SdGL40glekNXX8+0QOermxF4UulpgRKyfcU+AHOcF7bPLaA8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5eU1fhqISXL/Svx1z2fw8SjEFT7zmSevybWaDIA1Fkk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1YiONGytR7WFVFPZyj8U5fXx/l8KRO0lDUwfyTwO6eiy6lTCkzhhWlBQT76wkvkQuq5MzXe5PdzhfkIlvQjUfWmkeNSGN7jgIlGhQf2dVWmKMsjzVk0yMXw0J2WI0AOaAaPkowhH7nkKbQobBLg8fOzkE46kuUyhiqemtBpuvcOeZCUbQOsOR1PLQ3vZwXeO4msS6mtchi6puzwhnHBU9f/XAJOoy0QbxEaKX2xnPAmJNdf0OxJUKwXUfcO/AmWZ/CMH+FJO4dsfg6Iy6jcKHBB+pSTI6ycrCG1lWHmA8AfeDhfnNjwm1ooWq6Yyzb385LDEWfBJRZk1erCfcHISfv+g3UlpBj34N5pxfX050wY/CUnMPZt1CCehwxvhNz1+biYcMdUc1ADyFiMNrcDMDAhktOwCg3AZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5eoyktlnpGszPkv6uCgmFRIghAX6fg/24Ylc+6dB4qA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sNt2vGgXafMODe0hP0UVcHfdEDPL2CSaDaSNhdQVeo1PtScZ1XRivkiJWBR2pjniFH1r1sthKV5R36Cpw8I8NpolR/81mlmdzheq2KMJpwFhmIe9375KHC4NAYBtzA1R0UQ0EV5vM1Xq50AwzAW6DXw3ZFh9nEkbqoB7Y/qs0b7Y9hrN5+nWWRSgVNlBa8fbsaK7ST8gkSqFPR+hs8RVCb3lbq1mcKfvHgxJVNPretGyR70oegR9s2LcNwhiGbMWoVaaE0lV5fNnNUgyugl5rj1Vl/aJ8JIbJEGrAtFT7Vg0T3/DyAalYcW6REGmnGCzhw04MXYstAgOPJwRU0NUJvJqIQ1A1zOfzYDjCfYmZ4lxd2/Nf706g9DsEQucZR7vA9Zo9jd2PJrHuyTYS9ZZt6PvaHOHL2Yv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5ez5w9Y1uFQ730hab45dIUzdJ6bdSy+JUP7NvOPL90g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9+/azEtrh1Qs23LRWv7ejbvWrIf3yS2zrpsR/t/CONpWS0/SVTWTg14XE1JBFEl9tdyYvcDJKImTA9j7Bcp0Yd37FH+NLtonPlaVF3oMWj0L2cVKckqHj2yz/mlEDS5rfT0MncbfTlT5Meo+RJUNNAnEsuxuVbvy8FHXAkB6rxvfs3cTBzyZ+X5xesCfow8V6NNvieYytDhXqT52MhRTPt+V8TCLP4TCmjUq0RKwxT7BTTb7Ot05LRWLQhUzT6S2ZWbXVxMmsD3nfgiJ98TS9fEC/9c+HRkkl3LUZRi27E46Cfrt8jYcPwbHOA0Sd9IWGuBEMnoa+TZ6t6lGUjCF/518FvbDF760rUKaB+RyTBT5ToJnDml5VYuSn2MLtviyKy+48tb89R8nS08dS5xs+BXOZl/31tBS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5hs6PQL9C9BbuuBDlKoY1gQ2vGy20CXL9a+QL8K5+0Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "H+HJAjvT0/s85svHpsW/FNAB8T+mo3oVKcbpMNV3aNogi9Q4N/ADOlW2OFHw2NbDaeygQOFMMlM2czWspyDbDwDdNuSzeg+mTzQH8VsKLpuyZ80bef1GcAtmx9D8Ier+kApJAx/LIyonS7kA857ZvfDjwfFB2H2ZYhMT97HAFzEeyjGcBobtei6+fB408dd4kxchzSHlREZn7LwtbidAZ8LYGvyDN1PNrZn1/Vlad3vV2Jci6OD0pjLUrmwVToECii/d2soBkM+GaRlERKIJKNo4zpVRjr6bvd1VtWSdm4B2lyW/DA8egXnm78bpG03Wr6vMYk47FSACSqa3K3P/4DBPyXEjBhwRoJlRtKhc9r2EuSQbieCPy65Lq6V23W14BGfGJzKpmx8rdvzdn7Oz7b9w++jsO87c",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5hu9q95pvMThEfvJpwX2cXjSUjHH2UsosMqafi4GqBw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "I2PQu2htTZ8j/YexNq6C5/lg7I+ujJQBSqUVrbQFYUy/QOyWggy2ip++d/sgpQLqJX8BjzRaMB3WEgY2n/uIsuDDvKPOEDgKdg+VuMAOfmyHwo8sWRWstrRnzxObmyGFK28XoNSdNH1VVxE0+I22wlL0qwFsKijxVAH6Yr90RLWmveQxhx8uwHdFPHAxBFLp9QY1sLtxb1dxajV7XGdJhYX09DXkPirHhBGE30dzul2236qWwdiSUytgxW/ZKBf9reF8pwQT0Z39j/nPCfnKMdtbYAZmwz438STEpjigQ67v0suSCI+k68XNHNeK5F4RO0uUmkhpEUl/01ymLLZ/BUX6Em2Dc1cXlnr+WQBC1t4fp9i6/UzBFl+TCgF535dMc6Yt2yuIPeT7g6Y5JFk7FH28fpn2mrl7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5iR1AU9rUcySnRFvyv5lgVwX+dnabnR/1wX1zEvpahw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "n6VMLmuXLRfnGfyUBYeWUsWlFZxMxo72GYhkpfe3eW/l4tLFmyc494E99YA0IWEfLbfcCyYdHuwaTDn8cR1n67w6Pidz8a/2YxKzUe+Dn/E18YLzHuMWbt9VZuG15oUpNiv5YH406KFVxeVDw84032ZRRQkB0oc0ihYG5BM+Mx0R5vI/vVH6MS0oiIf0kP8SUMT4L2BELeAjRpi6D/tmR7eUYI29rvkj7NajZsrok6K9/mMkxXo/6OE/4HJSZ1hKoWybZlLjcvzUlTdInZlehpgAG4+kcZbZqlqKnN8V+4nA7h0d8EROpAJ7djx+j445/YM/EIVejYylhdSe1Gp5lRJKcAG5hYKjd6cE3Ppe6u7alMwIDlMWkvkKRzx/Wr9Nbyn4/yIc1rHR5aylOqcUW2BPBl3VsEkC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5kEfFfoFWIYxJUXmg+Ep+2yZkNcxA78MHfdwnQQtG+0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bEH76Z0gutown3zUnFOjblR9IFa8GlBCH99fLe5A8afX5nvW3iIubeVjIOcpzkoZQh03E9VA+bc6tB0wSskvw2cO2Y1Hxw/zAAjOXMPxkbngVdUiodrxekC3375oPsHdPTXmkklLHFG5kFkKw7rIuo2nhd3DjBQIauqI5kpsKBgcYzLpTTDADvJiMTSqUSPFahG7f5nGby480aIH7/z/rhFPuveF948Tz7G1X6+zDsRQKT7X1ENBo0ab6sieYh6RTo+oNwcmap/W4QzqsZ10PaOUclXe4+Ug4gnMB8L91jd17CtRp19lHx1a/jA5Of336rc3XxPgZPXeVqIpxC0INXnC5f5p73O8YPvQr3+nSRLeEhUz31axCBoyAgVNdbYCatyXSgr+H22GjK9AOSaHOB59KF1Ebh3r",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5kEyysmKzwKdUaIFlI9JXcM8/qcbpK1hW1q0VTA7C+0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r9JaeZXE8LeF2fJzd763y4UeUURdpPY8TjGJaoW1rUMMHR2WXywvSz75t/fnpIyh3sEWQGJQ6/G98FHDVMb1MRBVmkZTw4y5W1Zu7baj2mSNplxS/jQX0nJv8HNn8KhpdZJVxcYg6RzSUyu46Pl3IaYXJ+VzYeNVXoFbJw42yVcj+e6ckGY8JKW72bMM0mkKmbJSwOJQvZOebKmToyLKXGJJMVFVC1TwJqIobtp/8Z0xz50JGtWNJn+NxtDkcxR5NT64fs3PhzgeGFrbID9yuGxRhdEfBCo2EecaaZtdsn2zXtDUbMd3pyIXTQG8Jdz3wBl/I59sVTjzk7CwNi7u3pwSRx4kwDUu5mS3tzQh9QNX49OKPEQgnW0G0BB3AXIR0rqeguyzeP0AtN/df64tN7o843KaLoxO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5kjFQzTM5BhAN6GF3qTV0YM4oCSW68ZJj8kdkmmFvzg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TtpsYdCafDCekuhhnrydHbxu+b6vraKk4uBnLp1cs3ayl8xtcNV1H8gkVuXYFqXR253ThoU6NeTRxoRK2C8QE5V2ALIwdzXW/egP9AXUZWHVBtMCkRgDce7srUq16Dg9EgybEL8AUi/JZNwT77KuWW4+K7wBxpK8olM7S7A/C6UR5Yc3iwphvHqZ0WrCS4tG1cvYBecUPap0Lh0U/UX2CiqOVdc0U/UZftmIRrqFq8tjr1Hl9P8VMwStoyjQH0ALK6FtMMNzyuqfW7WWzP2RxOMsefFZDDuD7z63TYrogfDOmzs5uy1CCuMYFGR5dENGu7Ng0YyfiLMUS5kHsqFihwbrUFNra+3KZRk88h6BJxclt/JzmmmSUmfwNxV4NyJTzBNrwps17bghnRv2v6A7bvecPb9S+WwJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5l7x246IrDSq/D9j9CcEg0LcS7oRiforA/nSbyHLThY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iXqTAyKf65Rz1Hm89lyyTveaPeVnwQdV/h7BK1uAv+Z4eduR5ZRLCr5s1EEPOuTfpSNG+iA5QCR8d41qzVzPpMOTo/FOmReUNv2oR5CW66w3Ry0fbKDb5Zj22LFDOPTCWXs9jDEFXihtEl1pcicdgly05dpOnjqEyHhF1EKqfWV4vFXTa0jGI0Ta2Ry0mXOzWRj9FA5/uKaD6bcG0vaeDsMd61jVdC2idx0ERLyN1EmmC3JQwxCpmT8hSqKaYIG6kVjRrJpTlhF8kg9jrDnayrJQet65d9jDr+CPGcbjk3RqoN//HiaguWnzw8shFFB3+bVPFKJGXtsBP6ZfvpNjI6e12SLJGwvn25+bpwNcaoBEh7DtaLGQRG9Tux2U27U7Y5lvVUACir+Zcp7fNN6TzTAuKk/Vw0+P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5mOwKsrko5WijZqQZsYDvdvxlgLr+FzSMFp5Hoevku4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LX/o+WF0lX1mPyvz6HoQdRpIsgmX8wasdLVNcv8LKIw7P3a09nvkAHn5mFLSHDAO7cl+IFXXt75WWfBKXn1Wx6T7P4fvXzAZCtuqDYCxkFivqnOrlRXHM/w34Y344qHaXKKGgxXBEpOZM3Oieq3YreutNyZW784qns4w0YjTMQww9p7OBhaFCPQ8HKim5z7NFHCDbBO7f5uZuc63+b3ivlEf/Jqnt6nuFbNhHhm/okspNPbOtO8vI6mkVRC2KK3HK3Q+2W1XRN2zUX9VH3fG3tR41Z1gsvCnn4BQb/+/esRHpXh7MeLM+UzsBit3D/x+TBbFLJdtIpwC0I/QtazWovKViyyEd/f7ifJKrI3JyI6qKmgL2F6LBKmhOlvS9bVJ0dBgAMqaVkSN1ZnEPgEc3QOJlbHo46RC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5mefSAXPsd5zSDHd9TP0Q1oQPyFvbxNUy4r42YZDR2o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "K6amn4p8X8dN6mVphvIXXZ/eox1uJeJZuxv0WprDnMJwU2yKaDyyqWxv3VDTmQR1003+hiy5L/7wRiUBxP0WAZbneBtKZXSykApAYaGceWaOJHUGT3iFmryGaQj2roI2KW2vvLTOQl/N/d7CRoocmnxdFU7T3CEnln7g/6A5tYyZjBQaZCLoLUcFO+35QOqizDNbkhCptfcdus4ZH/G4fXWRG21jDtRGSX6jowXzY8R+KQyDtTVLKjt1bMnsiNHe3ucDQcR309M1FWKdaceG/LzBRL8HnodEiUZS+bA4LkJOt78R1wY+KaVuhKwFLzRQual90CldBdcBHE7GtPFVOVAQOFrsKi+Iuv9DwIEwsuq2hjHbqNHrXaHNhZhFn2lXQm4s4M4xQtZwKo7lW0jHcXKiieIvH7Jf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5n9et0u0m0PS7vYfvTIuBA+3GB5f7nAGn/xxOI8de4s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UrtjABsZOS/TjCjzK3DT3E2aexGc78OhC5uyJ9DXfneuG+5kR63P6mManfb0rxVBa8f9Dtd5EwVn4qtP+i700EDISVKKr5J0y2RPEQWLgPR60pHUnRbdm3c8+SZcBYfsVX6Ua1uN9RfL4kmoTk7VZUUe5Ny62tMwQeoqRx8zkVbP5AHXP/b4gKF083STX3VC/0pKMPsMf27hoJfxQ2uzp7YnvQ4dJ+IIxD82VvKjMRfuqk6yMgoVVBXnxFiFqogIx5EpflIy7d/MzCZfkAAfM3m4bTeUvRnttmpeaTHf2Gpyl3zMEVbsC7ghEl1pn3hj3+6BqhWgxc8H2pDm4GxhyefqzgL8yXUbFRh3YEfT+HwdAp0KrCUXGjZB5XZa8q2isuKOZmUUzxzu9XlmvLhoeKL5ZCA2yqc0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5ou0HnEESLFKKk20jlq+lsrt9i/f9y4uOYpG3n2WCKA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NLlNqJ8rI+i5ax4+05Gr1tjrveBT3El7VxChr7xeafEUkNFfO9knz5ZjJak8m0UUFSi88dOHCMs0QuD0AxCLw74yed4nGRHAFdg8y6HLGOjMPrZQSh9lp2XRv/nP1D++sww/9zLoHGIJz3WVYrTOwr6B0wNQzcKefNJDrfqQJ8tNe7v3IOogjNR0ZMJRX0YMpejxeKkUDTwCyH4F0A2JKeA2GZM9aZL82ApuyUf56Icjl3mJxzq8GIowNS/hLMHRh6Z7Vq5NnQTAk+vXhJ17hXN7k+wPvpe6lIi9AgnUtpN1BrhUpVLSjJCwxX5UX54ArOOiBiwd+RwjsPhJ1zX2A9D4FCrWNSf+CpPzt2VEzjtkx22Oaxu9+otib58896jK4FXdTR8/m2usIzB4FHpzbNxEjpzkbtEK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5psbFXS2OUJrz2gPGbCs+7EeqQnbKzDrpeiaCYeklDQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nh7vbanV1KNnfSrTYUNTuGuAJuOy2rYE+yITX8njDsGKj7IpO+RbtoQSbMBY4lzrja9+7PuRjyAC/jG+fE1RPHSdVLx26gdg98WRHlfIRSfIhdZF5civo6DPuLkxAE6AjkJ5gIa9kty3CG5jPQvmuL7sklDf7omII/M0fi9A5Eu3HPjGa4RPMfPcjUBMzR0xUIdimrbaXmlX/t9TzGe8uEFI2kzdncAV/FAfVRe1RP5d9OehIiOywcBIpI4Rof/BDA8Fb7PYBhCo8fbgtF5xKU0MJCOMwcyxd5KdH7JA4umrXZfWFKx9dRmXnDPbKqCk9jfPh+SEs+Zncv/j9Il0DCoducXuYB2+9BUsDjsPUniKglfyuactEOApseVyhZoGvWaB0eMuBXa9r8G5QoIS/z0SDU2AUI9V",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5rFkVx2CF2E1Lom3USk6yt5MfN+Efb1eAhaoxDXm4bk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RC9f2gNvft/GLmzgfPjmQT9VVCo0+jsiEcszhwTXZvdvgDHMICVSrBH/Rq5AFyruQkATLt+9vG0fqguviXPqkK/jeu/ZCNubEpsYAyo/5swBx/cCreahtUS9HrL762OlcqBSOi7ZTJCpbfxFS8JcOZJ9HWWmQfOhXGzzbH2aclHsV88mjgIHNN4zHcmzS/XiprZd4g6PMQqGBvBGyD8fb0w6koh00jl8vnKuS9X2t1HJclwoWBdZImEsjLHSXRNgLomrJtHrHR6nVu4oh4Tyn9K/G45MI57la1uanU1mrFZEh4L4ixAnjrEniFfbMndgbBaLKBXFQvVM/YJACrin4hnTjeEiIkS5ajZeUNN0IzdmdkS5vmjQjGJTThp5PxIh8cQN8nTujRfqhynWdUHrI+K2CinXj0P3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5rvcnONWxgr4PPNNhxijSUD2USRBTj64NCxjh39ZjUI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v/DS/7XIRU0qsHw+iSuLP2cqMdTjHMSMm5VOGSuOQGjC65bs/tt+7aLuDIX8z3Bf14rzUKqtSWJF+1zBSX+LbIJ5jC9TKv7pj38IyUpWWII5rIfuIh77hhTHlhHoLQa3YgjxB82Z1I2W1Hj9CiN/NmHldDe/TAr0IQBOK1l5AkkM2fHIxAacbcjok0Y9avbbXC07n4UukeFnTcuHg4ViE7FU51jQchekKiSDTWRnQkdqSwHjmSrmYSp5elzHGxpB1AfSv/O7/mGxr0MG919rrqJalOD1X5UJ6C3gcFD82u1VoCCSxSOZPPtOnqo0ju4O9Xulr0BelP0ydf9VzRgGSAwdD8atU4UGfNkKQz94X4uc/1HCe0WNVGgTbQpbG396spLl8Ho+Auysv4ew8GkDiIxCtn+4DmEl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5s/qVCzc95t6yFJnJ2TsBC/1X+9y+v9bdoewdLVi+DQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3LAGj0dQ/jflgp2Quqge5uTNR+BeXMUaRl8xooxS6/2oPqmNcoh2PT6gme2Xu6gHlrVmOcwyyRIW4KpFxWG28Trqv0kNckLEncueSzlwOtEGNnUhW7+tTQEXg7cErdV9ZRSjcmJJsCmsbhROSc/q87s8Dnxp/Sl7MFASlZ4g/woJ227yu6vna36iAzM+5YyV2cx3C/H92M9AAQurwnUvC6VNzuZ1XLJL/hkvtDDmEOC/u0dsxFo4dpPb0UDqYe/YiUDRZcgHLe7DB0NvUxe5IyiTn1b0pAaZ0oeFcFtzpzIPxL2v3buJf7BcArCEYg9USNps9Aj73uqGdK0BLNsEV+W1HhmY0P4n/84rKQuKt0kp96pRpnqyO1L4OF/n8+oNamORw9efdQbEKPDw/PcwcLUrqINogSus",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5t1mOnKkHc1QhDvCIgtteQICcZsvfv2WMHw9KEagmfk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wYzxVe1VjC57/dA8gV0O/pbHHQjThF3PmjE03Pah56ApBr7t9+/eV4gzNDNKRLbZ0uZxvunEUY7jV1oCvFXedeQkXar+uGx/zX3f4Djlzb95OQJg9BUBbaUQxDUETENTo/9hpuGEQwGTEsXOkeFIrCN/1hPjKM0eyvYcdLE1z0C+hMWqsFGb5Pk+x/KkcHePcR+eSYBq9d3FS+qriI6A1BHFDKCg/dRL/buQ3DEvil+HG/OstwcjJEBkElTCSGytKQTzaeMyRvoKLb/Pk+nEAjRjIHMgw9l8fuUebHcZW+K6KFmwu2jWKrbuQ/5D5T+x9aQ3cHXPrLC69yyiLZD7Eojyi4l70cf7xO2+J0Ca8ifw0b3bgJV1NxNUJE2yo5A3QMJNSTBSzeJIgUciBljZyvn0ows25UP+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5xjx766hXyvKo2me/evJ2nGZ9l7DKwRgAje4ZZ07Rls",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yC422IKQ9r95hYDTJj5wDRZEobexE6glHLQbM9K0NeZbIkOeN5ubgRt/v4JLIrIFdNhelkXCg3Ub8ITAC8arC+n6nWDRFIOmzuWv75IqSdg+UkApd5fUaSEN+4DYcalOJdwgt5qcqqpWxSKiQCIK15kfrapvROzPC+8CzqvZ5F0ZOgwfBEA5csLdgwYCCdj7gh7IWmx7KSShSyNqvtvhCv+hg18xamM9PG0WyhrF7GKnBnfxMqrIav3NzfKi7r2CEVC2mcR76T7BVMYgPjP66HAItRAptUPsgO7/OKzjOpSREkhsTo6JcpRuJeF46yEIO+OlSk0+RmhEqTaqrtcOG3eCd/4y7gtzZruQRn1omtCgZhMM6j6Y1HomO/AGpcAkA3ktGICfvRSlNql1S7V7B0SWqg0li4Il",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "5zJLY0G2KvIAGH0DruDx/3r6xEwOhPcsrWIdQq9Twhs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NcMlincCC+VQ+ajEqHHb390QqcoXeUDs5Jm33ABMi9+1vU2Fd76lMm68M1q5z/5t0Td1xebRtVNoiVxsP6qrjyevCUsleBTFcH4/buVT6JUvv+QFxCUQWPns2521b//1UYNQlVwY1joBhUDN/VP1SyNRKpYfbX0nfJ5Q56w8kqBvK99VSWnPnlNrOnEHQXpQtr9seXmfjwDFVan3Cva/WDx8pRIDu5Z0G7A5uXxDqxBS3+yE1CNZBRUlyay3TBVi+9gBQ/J6X0fARWr4L/uO3t2EVB25KaVnhas45Ec6paVEyPAME8VoI1J+xeW7vJt/ETqpIFOSr1tN7yY/+XKXDi6nT/NHx+SRwGEPGiZ7DkKU0Mtsv2N/ulHEJoa7BbkYx1IY8wc7TSHcktupDl+un82sa+pH7kD1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6+BM6+V3aP/k4j35aj9CCUeuMjL8p+R7YNg9pXM3PX4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yaDjnM5l2QT3KzVYd4f1aGPmM+vaGiky21MYDSwrk4I911Ox0eM9ys5xopd5aSdflcArUsPkyaCrI5KxQ9QDdQwD/FCdh4JdIWl288F9KQTpQJ/T09v3vDZLYNTOCNEDLDD4vS2YQ6/EcfbjAmuR5n5akO7en3gzvpNJ2yY63tWRcbw91YHaATSbQGJREq1pOUnNhNdsePsgtfIqpnTff8nPPl34T64qPck65eVHfmLYeamy1i0PyrecRdywNrI5zkYEam922eehHDyCl2bbjLtLU3Bj7P08c6uE4QLs1oIeqCJzI+CrstvyZ428tmmhlCrhx42qxHAOkSmongWI2NM3oungQYTzGVgfsqtwKv3qwFFsOTx4lF6m76p9DmoPL8uEVkW8SwUUoQfL8S2k3HoH0XTjDbZ1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6+pebylgjzkVPUBz5k44/1HMtLpqHR5SAIB2Pxn/IVc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ijwYoXRv3a69b5irbgImMi030cnn8XfPhVO6pbRfSnNggU5PV7dV7q23cpEHxRiRWykRf/jpyxSfAF35tWeNNUdXT4Srlgc8oW5en4rhAt9y4+inuRICd4kGo7kNCsQgxvE8DLIPSUq/ss98y0KnaAMHdBOblsVZaPdxrwiAXGijCG81LhtdqMmTo10+DDh4rEuwR1pOE9CY9b8tHTZd9Kc5L/UcmdGsdf6sL94zGNbtksYJj133mYVT172FxXxILyOvS0dvOwRD5SNsgdhbbCf0G1tGA5mTpQe8SgAOgtLVGjDlDWXyfqH6EGpQtQ3Xr8ZngWb2aXXOoAzHt1bintsD43QR3p75tVXBe58HS5D07pnzhBDilgKA1ID4lwYp8ldN6+tVdYyhU80/zzi8yie8vf6yUCJ+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6//vA7GTT/a4QYQaTxmjFaB6jdu1xFgflLEyWgb9yhI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "I5HCCv/vRpfA1+op+sfIlzep6+4qgqGGFQ134zBUXbdO/o8fiWCvgSTOUh2qbbA34cl4kTgIjWbGmods9lfiYRBIAMo0dGJWnNOt87oETWSRV6hvH2nYlkB2gGJg/wH+o1adrfTegnnGtnSaezaXCrbsjRoza6WTaQ5aHvdBHbqlmz64v+X2dRS3NbDn0zkYEzlAnRaDwngLZPn6AT05c+cOpYYWhUA/+vwm2Esi/OQEkCa3sHJdb04v3c0UsKkEn3s3n0y1EyyoSxhSiSfa825my5TV4kUXott7HV2JI5lcJyCB2by3vY/IBeNQ0HrJopGwzqcqwDSFOoKyxail2n169xK1uD2YzZpUWFLJJqOfrm/POWSD2HBlvimMPHAFNDd/CbVdbdby9SGIgQZlCkQ7DgWHhb2W",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6/ycXzAWyfJDv+5OrUfLf+ztC/x8gGdyK5BSgCOMo1k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1zutUkACL2vxBn/FqUVFLkk2tbHfKD9+SIKUdx5QFD2anDn+C/98Vq/ZH/2R3mNk2v1W6/pg2T7GVJfBsD2zSTpNU61WDflE2odjFQ8RbbZGNqYhVYMfTLwJZ4gtftmYSi6HZAZuh9vcCHD55OnJtShPrB9SnllRuXpEB0ELr9bK5phWq3zov49BS70J+bJIaHiTIrnpqiZxq7bH/4sFjCiODEVgFzGMIZTcuwDqBwBc1Xp1qR4cHxI+0kS+PuXUhu2pWJSVcVMxwXhp5XrU5dQ9yrp/ds0dIKcSggdShfHlOmFB9h+/FwICaIDNIPpX9Gbehhc/YGwbFF0IGfUgMztH5UBAv54su/AWBWRPD9u1fypgT3MxMLqonV0qBB/HYPJJeqi0dDD85j9Zy5E/qy9Ttbz37ENK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "60CYjNUkUhl3GI5jqrQH+32/4dO18S3XYLH3TX14IPs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UHoZpa/ofvGami9Wg/pUh4DjsCzbnPMPBlRXxYpyyyWJMCoF7rwsROfiEnCv4YRniHdhDVGr4WbODQUX+7x8oRTm/xLusS4SGn6yX/JDP6K9+2UUb1Ok5AHb7yCkoydmhguqkXx+JiQXdPkGrJ7iQvLYe+8lsDKVaPp7GiOIymniPn/ToypW6V/VrTytgdfZzBcuWdbC1+la3Xu1FerQnMFV7DwNnJI+hveZyztzXbxH5siVnBXPhBzI8tzklSWgIOZ/1EQusZwTv5s5+F2oazSsw4qLRrOp8AQPclGVFRuWofpaeh23pi0rF+/H9UjHv5cELUjXAQVNaQzE4DFsvIXk+ynDHeWFU5UE8uD/AinSKmJ6dsVfFFYq7kn5mWzQCkOPt9xHVfo3MYAKKeTH4FFsV1CsWZCr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "60aboEomshE2wDjwGwQP3+3KLNdlxtNQ0qm/i5qJ2FE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EbPjjlzINYJ0q87Y0bOXO2R3+UJPPbR57EZwQLA2eEj2UT0rX31VUc+DZgyX8yBk7slxIJtJMnBimUvWvYbJoyOtksT4xXdvz5EYvRIuM/hDTnEGr+a1C/CIUy+1B1gdXfnsgQvxJYI64SZbxA9LcOqKoJ6C9nva8TUTktT8n8zhAVms+v/n8l+T6qA7xsCv0r8pTIedTLp6EvN0KX+x2IJ7O4a0XayXuO0LdD9T0MWwxApww/g52MKlvl85k4JodyRIo0HbtOZXQbxAek6HQYWRbKhcobhjU8gGyZbw+IBXmh7s14qHxtlA1uGqODU06anS72aecR8qxAO5F2kGou63DPr+yfQL12ZPbiBUL3o961SUSy6dEBZ+VBAwFZoDHMv11plE0B8emS1wMTb8QCWaQCJws4OP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "60jysZmB+PrMYrTXeRA75Wf40TEL7Soi4UlVYKeIIrM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PhUMNTJP/9rlSHwvu2QeimQNVkrwp85ZV/uXzwD7NgcxxYAlQYNxFtwRxW99uAHeH//NHNWJs0p7nfuQcMMiS+psIejqKwKTj4Lw/M/uEoeHfMQk+Ucr36v4SD0OCuZ8QmkqxX7JodL2kxnNVAaTSzB3HJiyQsQbfxqgcLuJ83csJcl8z3OTJxZEYnvwHKAOEqsEu56DH0zoiiPXBHUbj/uVUw9JfOdVBWlierPgnXWS5eHAGiaucjPIPeQfCGYavamhOT2PAmvjTnc2C9uFM+kLfES/yIcQfk6xVKTZLT4RpUHaNlILjTwB3aSOi75yUmjLlWAWGnmJAwV2m2qp32FXBs8QwoQzgviixK8QyQ19U4e069dPMj7XryGpV0c1V2ROdO+BBRXngxD0zq5J8ajnWBbVHovO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "60l1RvEJh0TvgZmN2kxrkxVVVO+Oh5TMNelEL38rse8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AhuNdkAlo65/jCGiMITcRpuBHtcTnHD+R6HymmnvQleYoYc6H+zV6EM/NCeUoeSz8uwHIV3BYFoTUZNawpagxTq33u38l6WLdUY5Rza2RIfc+L9twljWwAl2U/jG1GGqhZ13Kkja1PijAC1nRUDJRUiAzAAWgRdx1LXf0hcjfhfhXpzF9Gd8hKfdMkzCjJdkMql2EZBkCEhn33RNQYocZkaIMavIuaTte+iYf2mJ4wUPTBJQRBaHOZ1Rs4w3arafud1Vl/YQzPDA8l0jaO92HEz6mKiCtGzGACDxZFiToDmpgWckJ8qBKhVq6/NObtIIw6SWLs0WQmEM92783c1DF1ApkUFgDVCxfCls3z0hCLvdXKbTA5HZHItgUAGN4cEVg9PRFXHoVvLdmpBw3mgwe8R7FNcqo2OL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "62Kp48+o1hjgSvN8OBW63u1XjOY/b2QBbtucdvW5wTY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lz+Q1CwRGfrtjBkQkvvBftvivjAb/bDZbobP0qn9DbBYKocAehVYx5Dp90+ZkYXHDKQo/gHrWw3XPzHpmTplLuYSFubx7pTGKvm7YveS/RHKhQbAgm4vWfmkc26wY01Lpy9AtYwF3ayI0cXW9ZZzLPGpauG8KfflQhsAKvzvgsiRQb7uJ9f4a0K8X7tMvS9yLLXsON7K2zQxz9ddplt4nROS57GM7FxSKqlCIRngFrpBTw4KMB+fJ46sNhAyxXpXrW/2MAqX8cdlLkl0/axNiAB4YVk08d0jjZtHtK178nULKEQpyUMZt4Y7LmW8UMJeQ1E8oFak+NJWI7+2pE4bweQSOP/PqYqpmO0UitB4BYW/pyDvAFsSBbxOC/OPfFhOAZko+lhjPJdyfchx6SRDNOuhYBzp/qwY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "64pDcNPMk2uIcVqFZJHVDoirdkLGuKRmXc3xh7yn/x4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "h28V6sx1bRigN0G4C6Q5FWVXVIUTdI/e/j7CMt24CoV31IiZ1EJM/lbZKNJiezGNDSNE1kQ8DzdHwlwxFjbbLc1+oBkrae8llSvcbbJay8xSPUSFjHLYBXDWVk1g4H8gQkw0nleE2gFEX1I6cLoDAQSUWaKebNWXQLccUmVX69wDDzXgDmUjr3QoQKxrSf9VcGdr2Y45kMOtQrLaOx4tBq5QQo38OGzUMdMjjRl6qvrkSlul64YOUyAWd0J/sg27/pAV936qVrvnRfbaGkF90O2I64XcJlkIQEhuFxmyBY7L60U37woAHzu2Fj/BVqE/Mc8+jOFU0Ako6kio5GvL7qtYJRhUQStk77V1zWs5yHLz6QR+EyKTHqRFf0etT2qN2AkvgHDC7TESuk1V9QvUq/pl1hiJ/kRQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "68CgT+3Z7p8VZGZ/V9fMF4nW44iAepOoBo9nch2oYVI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/2SqyfR3m85HhT2xjZZwrkvCsAGrP8e9SrXcSBMGJmGqlv8WI/U/OFMGGDvSIhdgf/CEmqhCmoqQRMiLrtEyt3Re0QoDgg1lSf9kxgW1aTHl6fX6wBxRjkE2LdxauLFYlYqgUySbdroy2HOMqstX5v4YU5+lCg9WpA1mw8TY9pWGXRJ0DmvBsAhXaEl44y9/iXIzQD8iqtwddOOAqGTNNQQzI5S2ycxzA0qX9ZsTblp3RLvEcDo+j8HdJoAXVfNPO07/sF5oJS10Wi+tfCR9+g/43nlWw+xWTetU2aogsZURyw/Ga1L7zVYYYnIp1LJEbHvVkksVGCtf1Cnjv8d77Sg7MDg7xPz/dvhgNhYdp33lCC0gh+1z9N2R2q4YqhOSZWEJ5EHXb0UxbmgHPm72XdxYNI4dTiOy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "68jRU+h2PjiIMqk0+dlkGUMx1aStw1WxBU0m2sozMYs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Qn4iTfF06MJFCsOqrfkrdYbRXvdZ5/5Jg1j6JM1Qd5DmKq1TjKT3NfMyV3BeYL8NdF4FYc/1Kui1Uu4Ddxe47pVEat2ykdbIgafsmJBX0I440rLzSfl0dlJGEULih24J7fplQAGs6zcTAffZtoB785TPVDSB8AJJJnYqv+MIs7+PCMr/p6PBVIOI0zZw62pJjfT2/G0VzbwK+osf3zVAH7ux75P2hgF4CoDKc66ENDxreNPTZRQusVRE+ITDBYoI8lFCJrdXbdv9z3tXiIsAW6WJOcGPasvKb8U/P0KTNPJIueYAL+SjTlk2E+EHTxj/caGd3q+omywLglqIlE/AnbdQoMYXuntzjw3aTG6ViJf7dDIMUrPE/Ypjw2aWTOAVVBmhSGZDxPAVBXC9CEbOEPIK5X7QLYB1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "69+NZtbOhJa/zD1/MiKo+Q8duZkvZy8RFy1/K3kg+Zw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yWhldJ6lSpIw31hNUPwiDqoc1+1SDWZELu16rfjAjj9vEMtOB88YbRsIU/1EmCvIRKVDJ62cKoFhEPpnV2r6MByrNW7XpHoTY4HiWBtuT+P6O6dDisItF+/td6eqT6CrRfOnZwhp/SDmVaNJguCtBMSfvbuxYw0rFhs1FWrwIQ03aFEG59vnOlwA2TnEbGknsf3S61HNUKnBlVsQ45edvyYNkW3lY/MP3of7wLyrYGSBCNCXJQNB4TAtYV9cT352M90U/RuCCve+ookgsZdJEgNQi4qBQLSeuwkzP/ulL4VKzBFQEthCTpnGDqWC/cfd+z11NHX2O2ckxdBAQwBqvwOv7HWE+BXzeo/tYBXbuH6J830EwHfRGlWbKZkgX7ktWTerJKLdGgQWBBpXSJpVSpqRcJWz2Y+h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "69dI0Sgev7HKW/YJedWU3xSS8xHyyxMG6/XyjmPkGJA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Rb8OvhWfpIlVVB7V6adzPSiOp2WxHvHEM9RJgin7+ESVowfPhfIhySLQRo4qOCA5pczFGx1ZSLUFKwHM9TqmfdDpbEIQg45HbawMYJPjKP90RXAIWXlRdpnnQXjOLmLqGXfhDSn02l5Vu4c2wB1NQPaWiKXDBgDkpiPQlIr9wZdeRYx2Q/OCCEF4+GHaYiBcWT1aldt0Wxu+3gkqYoZGCYgu+KlctxfF6EJdixCEQ1Fif9NxomAN+TpP4f8Isn44qQm8iQUydvQguZe8PPi/k1LbNLYZIYBKVE+7CoTcyC+K9A5Ojzr7c2sGribrVfVwXUN2SxgUUuA4pBm/89k4r7jNlnbTB5BnP3zjy+bJOuBn+M7YbK8tUdSwSvkRYv03Ai7tNHdspR6LOKtJsRSAuqkU/pb+0WZY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6AjbXYw6JCaR+IcUfubaMiiQtlkSfGVqLR4wIH4ZPF8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ODBr/XQ9p+A+i5yQCtFZ6aqpCd4aORrMO2JlvtFFHL2h7KlzzbVPB8fujL6rBtn+tYmShp311tZ4H4DGcqiNeY+Z+VPlTOLJSgIrrv6hsgdhHw/MF8WlK5g8jDdP3XXSXc2L/QtdZX2CXSnXsLhSuVr2YHt6ixW4pc2OSxxxyyfHzufXuGJG73x7YzEzpswGCA80QSkMWcWK4aFwJEQh9NFk6VzSnrTtGNbD4c6aTLkg3bz2Vp4r5Z86W4RoRxe30IWLRVwGP/wOMTx8iEB4WqqXIcbEAQWT6zx2hH5eODNI8vtBO5+9rLOjyCd7iNPvnlCroeBw2L9gwdqQR/SWYpjgwgHrY3swDGnnRtKXzIblztRp63Mod4lka9RATWCpJwMXqFret/IkTVvWW0mRNZ9LAF/5JC3S",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6CZo7Ujbk8Rgx9hIgzhvP+s2ZWNqGY/lhUBljt6/3g8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4nDuT60nPuZvfCYSyyafz3z0cm3MeXatdeQuISQC/1D2p9xkFjOSgFggLBDaKQadf1RDGa04H7K8JUt3YJn9OkOHMsVYbkpDqrk+ELSRaqeZ8PZWsHoIyezG5/fUJOWlsAqvX7mLmrDb0c+LM0Mj/DAkUhmTzS9qh8UZaJXzYuAgVgsyXVoKDl4Yb7fVhKUqMRDGpJnvp05aQbzTPkua2ra8krt0BagG0Dp3YPYro0pPKORRJVk3vXi0Yjj+Nv4DjO/GT7XE5Ld5Sz2BBs8xaWT3gVvE63a9cYA6jcT62KJ8xVfqCgcNOFhJtANMCMKNXl36dVYS98W1CZNDtBbnwoVmdE5lTPE2lV6H+9LoL8TljAxK5fh4HPbTiaZP9m8t0sWRmO5GhQ1wfl/R4kEEuWk6PAWQPygE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6DI2qkNUA3O+K34KRQMCZdU/JggXcZm0c0Yf8nmQ23Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ho/VC+8ZYpv6ehhnTgVYTlwJM6fkPtl51cEZV/+6WFU+/b4PiPsOadC01ZmnaIO7EbHhX++jH4chmbgpqA7vGtLIHTAcqo0uH1GaaA4pevlHt3dMhUoDFMzcJ58lBwBsz1NonTD5Xbz3wSInw1mAHcT2qQYYBvwqiP3Qn7lhI/WYYjt7Yfs4KJFGpcIVF7nKOzrK9K8ZCZrR8XlVJDat9j14eNcVfpKck59+vYf7P1RDj8pX3GuJLMm8Ai/uziPRX7Il7FTE0XsxTsU0eMHhE1GuTUQqMmfSHvkfh0Q/F4sN5wMdmdaLxemOPtFfKOrCjSya8d0oSymmCwkKFJZ7i1w95+yZw2Gvct2c7UrcXx/L/ETcZZSA/9TUHSP71RXbasZjpqV8fYw7pb/6JahDZWMLFHj5wevb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6DYk6HKVucLASQCWOxU88s8KM6nyjMbq37WZYWy7Zno",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Lp4MD/x62+t6KHZApLwpIg9OrnxLyMUqRqi/qMT/vqgwOmZahXmBMwqhnGkKbJrA3dwTqxBls+YCnSf+Rpt20I9Avz9/h0nmAtOGJN4KoAroWVcGBkGicGSajOfmhBIODBiktM8WjPepPlj0uPI2EfoEGmJSU2MNmWU30BaQc5qd2G/BVX6IUQIcB02Mwc7tvj+SKAPoQunUO5X2OZ84GNhKPDHBjrmAbE1jSuf1B5/+qkYTTwnSADop0CtHCRdCB1OOlTPamewu0xBdy12YkMNkxTXs7u7NdKyoOPHBkpX+57jraHsOW4WlxE4Vo27gmj55ITRSXGhie8GMNkyvGyPT/x5TRcQwx83+Q6LyznmBcOWikxotzYsMB0UIwUotNp6vekGiAaTHf6V0o7kW6B4l53loQrbB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6EkJTbkFlcCq+SXGanVDQX7jJ/RvpwWb2JvmyOSKy8A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "g40DC/jwVDGnlQrJ0qsWsl1NMo+dacYcSKSjLBWh50kKXMWt3iolnxMypfRXThkJj+Jlh2bavp8sqbUKs1mMwTcHekwWI21pul6NI10YBLtIhyiyq8QfD3BvyYIhM7LnoQL8e0l5+STwVK5XZbJQFcPmJ5SmPr8bGT/e3h2pZAKHMrm0RkhuiYqYXjv8/TxwWgS90xV97IqBTT5xtLRcU13EyhBfGIht+XlJmODPnFXFRcBQRCle0+auyAIjbi7yAe3Kvdk1TTGyrwIAjbpP8o1T6fapaaD5a9K7ldB8LzyF/s4yGszRtHIx8QMYQWtJBDvc8pwjuWX1XEsn8ha2qUMgkW6grjd6HmeY7FMnO/UUVNCoYmg4GIItPd5/3RAI0Scv2qBicvFFROpkh1Q/lo+yE2GeO+gn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6GqvWutXIxcmpfkcZFHRfMOy1oTjkIp8I1caa0kn82Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "O4SapRgfrsf+7TUJ2LlliCI/WESHkCwXGU1C0Je88mstpIWv95naLI1t3ydsDCD3ExeD6XCctWzxPQOQ/olBIJzpBI3+coHeHG+JDYTZDM+2wPiSl2S12Djz21hkzjoTBmKkPqTpB2VlDr1orRKirmImo9cd5GBPAgvyUX7uyNBywII8FmqUUfkgix3bZbVlF5cyB0zJ0oxXL/qGqRqVoQl+v/ECSklp4UdXbLXQV3lbqauSIKFQOks7cPKCW2rnqKbSY48BLJSU7KcxBaqJ3nXhucALt7r43atnZi2qaHRcdNm+lOqtLBLaqhUbVJZAK+m9izY7Rwazyg28RVW1EGU7FdyfJEhZPmzaUrr6U3hO/5VtiAmnh5eZJ7FTXP3dFYYRRZbC8vYmRpufs5Q/KrPSuuHh0PXt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6KbDkFh/iVH3c8ytrAAWgppJGzRVyFnY1djXMmVtpZY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IjpWSWFS5tCQlu0YEIoh9hM655yPvShfBoWkn15WQ9e419Ap6XImQuUQ+GPtqR7QcdXFoWBmRAyM3ViBqwkKax1P00D2bhoFqdF8Y1wukYraRo2ruhB88yKYlxrXXYHrdb7pPAdmlV8HdkGIPVnV3X2gOgy8QAtRTMwZKjYAnSbhrnebkg4fEYQpfoaV7EZqvDBGbf1B0BvrBr55lhJemOQVBFzLskw0PthMQhQJayxtT45TcIgxbsSOmMEPr2aXKFUsWbUT+uViKu9jqsMXiavQmh/rdtMrtaN+/CV9NDMrS/yMe7c/xXEKlyY5//A0ieL8wsc/G1dnrmyC7o/0vQ/a/0udOp3CjRnxCU6NxdCAIMK0VlB3dShyD6aAleh1VUU2wlbzcrCjYAVxQteUV2Skg0tJn08N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6LNcnDk6Sc7+HQ48NBCzk/1qaG4OspfOMrxXh2B82cw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "h7+QOmdkvn4BVX8Tp1gcRWsIfCjETzytOtznuHt/19qwkaOkgJW5w6GDoS7rL2/UcupjexKjkhdHcSbF2ke0Oc2eK6KveNC9arzGNrvu9WmiaidKNCNbBv0SYnybFs3PeRkZGwlDu+51eK9bB/FQ39p+F9mqKh6wh3+L1MBSIv4UAy/OVSvU5ltWdQBMcG4tmCfyxVxI8MmFvtaPgrOy1zS5S1OULCsXEwwJqJiem7HPNBEvl4+UrK3zhJxLxQK2GprGRk2EXnLHXbkxuKd/xhum2AhePqoO4juo4h/4YbdVQVUT5/5HHAuSA3NZqcr26SpNFzZnjgms++HLIAk/0slfR5eG89xVRqYXxt+C1E5/uWO6N+m5qGf3Tu1WYSlKXnPHwJA9STbdFWE59oqF7/imSqMMLwMQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6MRNx1wgRjQeKqQhpZ+Fk+u/aMMeaqkbis3wKLu06IQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rElKNw/m/r4ORzdDxc+ptckfg/sgWo/QUB1aCl/Bp6bHhiSRGVjqY5Uve7uB3aSAMYd6xzlggLAyh4bDn4F2C2cakri///1gvdNRWVejZDN+298ytqY8s4egd4FxfWo3P0oEMHHs0waDFzV49H3y8r0kx02yaMjKAJcWEhLAEsoJSZHQtVb0EMncpChNXMxlWrLI9P4+BKWuNBmL3fRUJl7UtQ1D0ODy1XPjcUDmt6UNfJeAlVpgr02jLFNdnLCDLfk0W/nmHlW99G79+daOV/PIMPrBb6RkXAt0UBH3rRzT5NGOrmRpOkSENoqB5sB6nd8UrN5vwieYg3bULdm2O/LCGyugXhk7jhvT8GZTJTHYWjaiPgHixG2VjKPbrzrKhoYdPz+HkaVtdlc6k4eLLCFiqBuR4WdU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6O/6ZdYmUsEY4ZVa4Z5btqCiAdjuRv+raoBLAa14NGE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wefhfXA/3JlGrZSvkylEmWreLb4foxb494DIUYyAG9a/MLmnoTL4nkEbWzEV35A1dMdM72B7rTg8+DjCnnPgtk4IH05/4vBaCw2C+1e++mtCzX+pDtEz3N0VoySHouiAff1XbRCPr4v2ySOiX/4Umx5IiruAq4KNXpSyxLQDLWmxHqokVY1kbbZaIhbQ53WEzIcGxUs++17V4fvv6Gfvwok9CjsekVXiiRNThYfsLglXHcT8I/AyxgnsuA0ZUOCV3kuxdt6Yks3Sacs/cVYgbsoywn0Wu71T2ntZtqcXCijZx9fMijbHl/9esLkxHPOndKQGObWAT+xdOwb9hv9CjD4+MmSy3SEwmiJsjnlVnGAVhQHKlsp2cDq9Xcm3iIhuBOPRk9l6KwFzzWIMTtB8EuhZcy72UROP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6ODKcwoh3wFhdOChCNDrdFSe1iqCIfgDkpfsR94pSCY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "26KAN+9l1CrE2AiIzT9pIBZLCEG2xPO4l3HGX84FZ+L6tzGaSllnVktEi09eh8K4qdrzbdi7Euuws/0otRK444Wl0qYNJwG6GGSyNmQ5ioHx4/uk3THOWQklE0apacl0bodzPQRZnnEzpdsa1AJsqfxYELy8G9S2snekp1/5+36w7zjt3i1EEoN9G76lgJ45wv4Un4PYyyYoEL5AX50nv5i0QDlFIRCV7KIqjL5RULt3NUiu56PoUKKooZfzOmLFJUqyN7Z4FyPQSNcdq6iAV70Gb1mtTMdUaw64Emk1E6aBzkMutDnE/IxwlNMNiCUgNVVhfQANNOKEaO5+m6e1XnJojZwpd2XbxZxgNW7bvck3A7ZJHKgJvETKyigbQ0BmGCl2BrwuygMiB0OMYfAbDka6EL7b9EgF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6OPgYKywdbCoU1yoTL5x9daBoexZijjSEYgsLWsNNs0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XCGq0dF/UADi5rTlSIEptLQCWc+0gRc1g9ZVCaV6WjCTyucXMoufrXsNhOe4T3lKw36yOBtI0uPHpNCoGLKM+1OnI1hF5xsILqIU+2OKVS6Ozad8wKd7ZzeA/ScmyxMlIWyp+bnyv50LjzoK2aLbhdpHzs7sLjz+0JljqIeTYeR3quPz1USu9PkpssuHhk2YC+r6YiDEPWa2MD4d2s4zm07w+QyhtH1fyvhVbjnN96AwDTjXytkaxya7eLNVklKpkpqHzQ9lcsfYGTP2KtbI3JsN8xEypif412H4qk01qZzYcSO5jEx4TTSliDjoEGyBRivzT1I0Mkfams5uOausEmgI1P5N1ambjnkDF6soBYth6VCLSqqWj/YJzc57VcwCCSfZckPgbemdDjjH/FrNF6rrNoxViRRK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6OVgdrOlabxJlfG/QrAOmVHUceVlWPr+u6ecBVBQ6s8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ndi7YNXBNRsb92Crp9kphjR2RxfUOf8T1sEG1IFvDVE8jeRvZOC1d5TrVyp0IB0tykA9kIdLgyHoCVUpcYTquPYWNHWIjN5rkXbglcGwj/6N/T6fz6T1kMIoHqlcb9KNUOSDK/8Yi9UPW66HXje7r1Qt+9NOhHdvj485OkWpDkIe/n+JwjCNkMXtPhuZNYjBQ3T9HJ3VvAKbyB+41pqUeULCrgB1XMzsDMKRGt100Gz7Qan2pkyN7LktpMS6Bk6z4eF9KqOZ4mdXkOIc4XbEg97oMcQiROCgzUe3905rSMa9I7623U7QmwryCY/kBkKmzjND/dJwnOL1qI3MCCQ5dvq3ujtu34avkFxrNZsgOwz4NrVJkLTIasCOmhqJJmqN94Kl7TH9qx3hUzDmtM3zn3kYz2uapq9J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6PNTz2YtbsQG8HuP3giRnYwTzM9x9WXRB7oD3dVmh18",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7TEP1eA5RilgJ2uWOgrotTdrrgeEkPPgNUGn58ceeqiQQMGEoLubYk7ZWXlgKsq9w8O2ffxUH81Kl8j/9s5EUugYLOrcxPHz5nnyTnfNJrVSPqGgf1X+MU9a+0inlB7yV+lCbXU40ZYynf1Akkuxg4feT0t0wa5iTjNnTiz71HGVsz/5Rvr4V/MYJbM9MZs/6ZtQV/WHuUziuxvkRAioaObhVd5oneJiHEXhRVXFS1eLSMZG9x1WyNPAiL4u2KNmnT57QUtdswshbZLVUjafwGbTLhGV5PPpaD8ruws++itULV4Kpji48+bF1ZNYYCO0p0PZQVwRYDO1V5lg0CfsqyXo3P9RySu2OT2rBWNIrADIJhidZmyOPNRr0cKUjcf78y63gl6iF/ZzVByAf63bgfA5wwr0N0C7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6QNeTULiwP6zZOlJ3Il0dZINd5RHA8KbZmLZ9qve6ao",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gnz7+680ResaNxt4wm7MRFt+aiWFVz+po5vZwymCSL1hoSod+tIro8lj8s+9bnzXD71xuKCv6ObT3bGI6ikvVZhHyiUbuNwDwF9pKox/b+jjS1WxgnPJjWZ9zOte1A2ez+z6TOg2wwqCIYF+qZPKBISfl3yjV040GFKkOueP6P9vljDHORS2NG2/rAhWRNvQjobLNg8OBZzKcPIXlz6f0y2OilAk2q54h0QrdBDf03E7bMKbO40BM4pxKglN9NAR1Rc05LWHzO6yqYoazxthehdygLm0Y0OF6otnBZdcNUW+0rPSD47lb0lYOqSJVOPKH1xZXh8dvzOR5ZGv5yQX6Dhlz/OC96lbgiV8ApoPld/bKCuwYmQ6xs7+UblEYpi+Y13B+MoWkE/nECEa+jVMcDmTAR1lzN6m",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6RPChUalES5wFsvFZO8Rv3Ejiy5VgyqOQ9KNAGSmc2Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0uvtxlqeiUhB4IYgVLKpp6MTbQAbqG7DGwYGWMeQHTF96IGFnXOSMsnDzcohZNGc8T6iEpGPlImCEMVL6PHhKfS9HAUwkaCXIySIU9VtU/7LqvA+aYaPkyrO9TzBFw39DVFaAi7w3M9Wf0J5awq/N38Sd3a0U9bKhOYfu97eVF8ZPGRbPIlo2q/RG0hrr/Varj1LCURqGhAKYFioyuut6MQ85elHgNTXis6A5sqnX00gV1XjkfAtIXFl3pHvqN05RgMg8UF1Hpz4XI/jHh0fSlxdvtFX6WGThAomwgYYENapYS6TmHaCal+eXaetCs3s2IIxyONIA/ypCCOtXCg58JOXRkllR5sbU6ate9huCASN1RlEFFcTqQl344Z/0uABE+EAXa2mfZJh1J5Ufr/27v1O/MatsJ2R",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6SZ+iMW6Onn32Guk2jEmf0j3uiq6DJseTSYV6oWwT7o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DdAoAgOy4z01NQkoNCyjy5L6bIxIp26We1kVDA4ouc8A0V7eQchdP78wRWbqT3m802NAeXUgbtFf/5TW7BwEbbvcKBgI65D+u9UGOuB5GzIrH79Z2RaP+DEb2XEP8+NRV3nRpb+DModJ6TZkLSmENbWR/sukA36GBCfXyfRbynPThg5ATQL6JrbJaDQ7md64Du316sWAfqncBNUQpwwLFugc2o5SqG1tllkvP6Bhqxv++QtU3AHvmO8A3ln1ta3QOqYuLjkGJJ0YFUbxEm7SnihJ8Nfqip+jjV1cSFYtLyFdAk7AmdHrYbV7ra+Tm1yhIQ084SmnQ3N7MXAF5Ob7LskpL0DnKJCMiSku4XlAjqzCt9iKL/zS/WvItJx1xrIMu7UI+ufub9BFLwA7SThsbrQmH1tSKYOd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6TODv6V3YbMxf8yKvbBTgvZV+p4YtfUOm2lpsn8w7gM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gKvP8+t9HYC+myhRAgPup+VYPCL1Qv3I5TQeFtDIwFpXVV4Ug7kJbsOdZEjMNaAO/XKMJi2rIo/IYUy/+Qk40z1QY11dZ0WXkLYAmInxcObymvesapmnEuYS+JHLKAEeLjaaXt/M5Wse8yEnfoEM92fZGWx53Cihs8BpGipsvYqw4yXuq3PFtO5Mb4J6uOG3rzdV3UAKi0XuIRi/0WDKn697Upa8j3z7qcGtqNVeNFWxosFxKsVyO9cATXvm8Yr3MER/JDSG+Zjv9RA9zqtikLOqucx03JgBEWlqcHVe6JrgIP3BY77/b1xZurVBLy1s53LucLfoCzmXW9SbBs6s2eeK9f/HEsZlhTO41kRUNMrB3+wLG9eZvt8YuIqdQCOfNXhRKOI6OSAcilF8ZZJ/T5R65ZbA8hco",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6UCtZ+tF/fOV702FHp9FY0liGqs3QQ/IEqGWyUxPpWk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aybwC26Vg/6Ar16pZrJeqRxtGtbwbik6DuWTAYk//4eu/G5YUO6Xq+5eaK9SKPuJpbUqL5PQ1JaQm3wSzIOKXfMu8mTP/hyq/D5R+eEHxmBmDtsCw8ZioH6TyhdqVn7vq3r/wDIj/uBw0LOm504iJOp0ykJ36ufwR213xCxMwfNI8Xz5OB9Z5DB/L2G9/qxC4gKmyzyOvS2sC7Ex8uvsSYq46P/oenIw+tB6Fc8DgFIaFLv7BCLpJJaja2x3IAEBma0Om2Jtr/JWllH49kyUHuLZE3K2NMv8DZGw4hgavAZ6rKO7zfZGp7m4HAP2oPwpEDqd0Wx+miVScKn8fLO7N0A8w/X7gVNbovtuvBKFhH9zn7+myoy+rJMqyR9qzsng4BMS2v8tSwUdvWqe+y/bcc7M1I4Wmy/B",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6VHwVixsWaY/MXErbK5pSvbHJn7awXuQvF0zypKM2U8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PDFtyXWM2bkIjETa750XulSjHIhVqNDsRiDdJZyD6z+cKbZQcREbk4ldkvCNfM6UYFtBdfS6ecZo2gVb4lM8L/wcrW9ngZfLsl9QusMkRfq8s9303ijz7vuihNfx4XCFp0l75uOiTV61IMuOGtISZ2Ugt/8PpZV1gIiVK4bieSqdQICK4pAXs14uze1GJa+U+SZUGw11pOdKZmnD2csYEoOQhYTmWFqU20VHj/JQ1kfYIjlXPZXG9qxlYMLJbJ8AX0ZBJF0up/uX4gQfbvg/1sde41YYhw1Qi3W99WnWzcFsdIvYDRSrRGDytHP0CUfmejlJrhA6tKbgTGv2/yBTZkbuDl3U6RiIkrTqyUoM9oaRHUZIUCRRO0TFjb84dY4uFT4g7wpQVLa5yIvh91frWhH1Dt9rrHwC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6WgriZat1s+pZISbXrhH66tW/DtZE1YkdF/QLIfb/Sc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iD0rh/sRxemAXqIanF2KGYonhRLHUSa3UaUThbJpqfvkpYeIIjtsXF6br51hzEVxoeO6m007t9p0L4yl1qLAXId6f84parYP6KjrVB8hUjxfNciQAHVfhNNcMNRKQMx/xCkix6R+fonbXsbt5lEdy2Gl8riz/x2aRE1/3MOh2EyJxB1fNwDe+2hLKHz/07HfLYIGe4S+nX67qjlzqRrkkD8h1b2AQtEGMtwnZU1tJSeEyfUq9WL4hIdl7e2dHqatabfvIt4iRwmxy0QGMnXFTUK3nGCwFD2JQ3bjz0491fCniX/w2jQ88+E8/v5C0aBxSUEqf5zUAxziNy6XEaw1fE1Z6TgYQWKZblTcHqQXrBfGFafhm/zx28PnlII8Z7vsyKkVcj/i2K1Btosw8NWfj+D1nl2o6uQu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6WtdtPCRCoVrwYcuI1au8+vmDJathJ+gz3kgxr0hLaY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EXbgKpRWW2PBdNZKsXNpr3Hk/uX08CTJep4tPC/7aSoKaR1tu9cZQwO6ynq7xXpHTRDuFHnigsjyW0t14mn7HiSQ7YX0hDfqAFYsdrzuXm/62eorLR0x9Qxz3lsXfG8cAZmUpkfib8Co1IvaMyZFimqij+Dff0QO3R7Khn0OFoAOefC8DnNEe3EY81EE8Hob8CvG438W9D1KOP6n4A37j2wysG3Rv2oaA3JSqjlBCa+taojoePP6YjIP1f3Ip+BiTyE36DX4UJuPGeTvcTMCt/pi/dpw/6W6PwAb+K/aJPpDa1oF9HlAle9fFxvyMrdoHYT4yC1sIr/LwF9zdYzUGRQVQA3F1RMBltIJciq+45pmGDTP6ysdJdZWPOTnqIsrPxhubSofXNmYNRQ2fOGFR97ceKLquwp4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6Wuf+8W/3XOBJsnNETWaeg0yNPsWysdfE1vLvPKh85Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KOuVz+b03vjGza7VQqdox2AtoBpxDNWz8FnW6EnucCdblq7smiox5dV3gZrDLLTGBJF9h249kOo9CefboGMvl1lAiI3w3WqR4KfOnqwDbB4lOaWJQcMqmWYfCgsx7D0gNOUJi6vM3S/ZJsfxcaU7HMziM6drbaFlHh5pzSNbx0MfwbcE3K4uI/GhJAl99j2g/hgw1TeiauoP+Io/RSUQIwtkYrLeo/PFRgeaHERL4+ZQAgpBI/3zjPilEpgcQt2B9I7MUaYPB+bZAwv3bbmo7m7j5Wy04foXRJuhv7+0JWKCaKLZZDID/JIH5lyy93Yi2Gq9rtvTnYaVfpkH4OQHAJPr/3wNI5i4bTheju9b/bktHb4pPupH+sldSLfMtKoVMOm0Rx3bKxRzXSect83F9RF6UuvWgd5o",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6XWsRMSEBpc7NJx4dqCRMKZ4rjCngcgcsrQA5a+8BWQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dAwkwa3KotLpbGumPAPZPyxfCNP6R9fKhE0ib80xIcpwYHMVdbC/UPwA5Sjb5ijk2XADutpzyI1C0ZNM7zlvcy72ZdD1NagY3o7Ifb2FwJb7CnR1iPEexS1evtIoGN2ZC2FNacG9P3VVGwiuRlrCMPCMEoXsdtASVltcWc+mwxcCHTFCnBl/HnMYOvzt4Ak3k1LUSykGgP/8F0Ac1i7fd7uo9yQaWGTgvroCcIoJQMJPK/tnMS+nHZYGwFU2DVSK2oRzVYLyLL8IHw5kMt+/cK+P1DU6DyE0LI848dTvCrlneMkyOoGMh6L/WawtWl4ieM2RPUSobg/IVBJvZ/iwzeq5CVfUgmVa783iYVDNoLsuoQLTAF1KHCEgDRkmuGX0qs0HVAo60J5L2B3jPzSkNZd2StqmV1Js",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6XlBa6F03P1rjmCz50bBlzpTqW1qZ0X2MtzdvGL5xrE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T5e04QSrFF7Y8AxhKQGF52wil9B4Scrgvwe5gQrqlPlIetSk+5bFfHnz0hlT1oKuyUz7wDujNkSRMdbWotMiF7yPZFDX/svnRm1kp6hJumW93jj2BG0QyJpYtG8CErs6OFfxUUp0WqntwjB4/WOxQ3XLwdnBQn9nuKkOAl2pvvfllwCNkx11wkPwvmb4YU3Ko7hkxPH8tt5pg2tKa9tfGUynOYtYzMks8ZJLdBtlHeLuRMP5b1ZRYnpXe6Ofo8/h9AHWmpkVh/TI+7EVApxPzuRjrY1Y4cnE24G8k4q8BeyzxfFwLdkJtf/D3fUonyccjE8hk2anQER9VwT7uw34mcCEBno7r+BKzTYREJhhQj68g9WHokM9nvx5V9L4cPITqlWIHTeX3vKuh335VkoWp3OxWXhqk/1u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6ZLuCnRxZG18GhypYodW9xqhhfxB66//GVAX0ISZoF8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LDGVAM020lDo8IACm8SFWKHpswLDLnEmTpI1rmtV2sVObsm9mHoVqEA/m6Jon6K/r2qtUhNibkfx7lz3VXlL9Vm97h90Q86IDbj0/KUDE7255o0q6Mj4JB1ic1rp+y/LBrdCtNvDoHEsc+DN1T1lQETycUyLORITogthxd+bQomhi/uBQ9+GJP/MedOKkzz2x4BCvwlmZ08XO5Y7PLWGOKBnXPcVZZwHh/nDzzJHtvVxPa6QY5BwuTyFwl1XJcwWXiYtz8Sye8ENMlhNeuLW6joj+4BljvRlYKeqsxKrjxIT8uaUSoL45j9m5MCWTJWc4WD3vhcw56MuFP8r4V+DfodAlj+CG9bXEPKGA/Aw3bJsqnIEjT51DuZEBDuNWcj8kfCuEIHcRVnN73iw8nnB5Uft2TwZcV3j",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6ZPQ3tVGfSlXmQS0GbjFsNSy6XUC2Hb+81B6pKZfIaE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wCdYif+00w7ikFsZGd3vuHFddR7EWwZbyZWS1SxZItakErIdWY7iIqaUOHDh0zkC3racGd++7dFCMVQ5cbTjpahCeBaw3+SIOlYs5KvzVi/NhndvMXfq2yuj8UcxOeI6rtfvoFEnX6yqiSRhJ3Zeu5s6alS7OAfXYY94EB09rXMcOl4NPlknJWvPwpBuwmzZjCDKRshtSGLKJqRUi+plUNC0QjVWwqXmMEumjZT3DirLjdgv882SWyhCHgsdGVSXOo55xYCTQ77Ll8G4LBMGLKnjW+JOU66aKQF65nCMWMs4dLa8lKe9MXnuhLBi+uVxIe3GFpw3CsxoQ6bLqdQUgmZCLYVU04Yr48kAFsJ3BvnEZu2AKMgZKdrPC7TheaYjKlU8rFepdRQcnmcVxUAiSzGVnx7uC505",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6bAq7VAeEmlBLHGGgLB140Z2plKjG2MUQ82bAy0PTNM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ca5oR889ITdrv+DDpO/3PO1ETHPX+5GBpx75K2iC+7C2bagiiGb2wvWCpJrXqIgEa+IKzqPdfNmXjuxzuzaUL3XpA0ltDaTelXM5AopMraiJpBnMa3UNcEmQWi6k2jznukqjMwEBzoTvhj4rnHrRrpVWhH3w/E2XT5qbBpfQ5ZuOWgZqM4KjyNlKWM3s4cFzUXhVsLJP/PlPer5O1Mpu3B/jPsvw5TPGrTfOgVFeo2zyHwt64wrluAjJcqGyfXpTwVBpJxPhFDa2/nM3jwd96affO9VaLpVOxdQJR/brPIvZffy65ue3fVZEUo+iYC8y1tM4SGHtFpG6Ht/iuNVOijBqNP5Cs7iV5PQIPkxSdyzo58MXOScuE6EvbGXJwtLkyGwiPkwedENpOTBcuunyAf/zZIey081v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6c1HOqw9FLju6eSyK+c5LOcDmgUdMrFssQhs1PKwdks",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zkL7uRTP8KEWak/UC+vhQi6xBuZUmmzg3/O8IoisloigKml7emCE+XQ5NumRpRL3GQLvU0lWAUxPrHVZmUkPY+pvnjOuUPDRRRqgiVpG6MJoWivHqi+MduuaJFz/jKDDOCu3Cp9dgI3MhLFxtYuexL3RaF8iYDaGzd/hAw/WhxIzw5882VbQ99Ea1+wbrT/qTttR3HFAb+zNGScePQ/EpxEThvm1EOlGfCEp+BRsRQ6I43xu3A2Bzg59HRW/KAw11J9mJayAzV4ieSvRQSWR59vP2AOB3VKysogPWmuele76wPbbe6+d3GnWLuVbaaRlGxkOP8F0v+aZYINAt0t8pUrlrh0+raMvhc4kcH5ctdO4BG6AQxMdgdU/lo/cbCtDTGXiFbpj6YWbVVjh8YrNn4KpakWdagxA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6dXRaVMGUQkZYtScMQWppDhnSkwF4ExWHahEWCsmQkI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S4t4Ufksrp6KXhP/nvMctXftzXxFsCRWCle6p7y3s/K8j8J7ddH/Uhr9I8GRMofg1H5IRGlaM5Bautd8/AYXJBK6hpzFG7Mn1MnEqC2wuq6brNRWzpsjMeV8ZrIlmqDP/Qv4SQdY8oxVGs8w7xaHTe5hrD40MMYhyBfdSCvusujsTFFKMWi5z0yDXyBlOiaQZylxTol/BFDFJBoPI6LrkX0uM+bmmhEhlr6thgJiHesv17qMS02ivN2pXdByEIn/q/6PNmO1BP4CkZMK1l5lbUpIP8gkIpEJVu2QatuA0HbJlDJGznIT7nKJpcxr2eS6PiK7BBDc/0WIYot9kmJIwyxmKflg4n6sgv2rc/v3M2PPsflitU78F0hvE+16NJWJToWJrhRidp3fJcKsfbyYTsqum23Qapvx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6eDooI3aiv/2kTJIJ6Inc77j4Ez+Ig4ggvhUAbwk/Ts",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c4erUR1Yk/v01A9cXAbLcs97mm/BPCq+idN0yAHsZ6aErn8gahKn+74AeVAnchm0BzLV13XFzcw5p+g6K7qPQBmLJ3nKYHbQiZdfGY1ZEgj0J5A8AgmdMvni3uHiW30TskuUklxjKN/W9Urd/rXHPcAT4zV8pPKmgcqLKe+l4K7m4gs1JE4RybIkhforf5nBdAjT06rWtdQiUXde1pvDfCPRlzQABb5583OEPVQ7MP12uZE3wjFDU9U1YyuKYTE/gS3Vvryf05xUfj0hpjtlhnBFve+ROPJ+YstIVRsis7IvApr5vEoe83fua0HeoQrviLwqitnwZ6004Bow8NXQWn2GGVXtXtDcAS8GYSzYYk3Q0koHpshnfcUU9HyV9lbedTPzrJEYha12Wx3N8SWDj6FzAl9rrxnT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6fEEJFM1mrcw/gQA1q6yIh3XHGroTQhEQ+NNgOcb6aA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LxQjR93ZW9aFlIJtBB6l60L1k3fhcVMtcJhO4IBHRYNlW3l7pBQQF36GIZMmd4TJhy9H65r9aYsR+iOZp2PehslY1tpGx55QNDR3vE1nCxEM9SayVU4C9yyYMr+rVS54A2qi4Yb+9QeaCIBTsDGlqBkB8NNWBM5dgEm6Wz5wfTVGyZmiGQDnzHL/iW3HrrdYzaAD9dRuniCnmJRAgR7oNaq3ZjACNLO81lCTVd21F2le2R5O0+xK1UJg1YU9APTvThenpY6R6GWzh0cgpvp7KVYHio/v+zi+m82qRj7FeR0NH7UqGbwmtPQvnNf92rj3k45mepRQmPwmOQZbSnGx/K0G9CRI495PpzEMqLDJnXkeJMII9u39J0ZIRTcu0hDr/oVFwItkCe5M5vWS8l0FaGgTuOhpPucY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6fv6KT2fD0QPEpDM55H8ZC7oRfqdgZjRHZxuY4t2xB4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SoM5qJJno/tgk5vZbC8FaE6K57ZhIXW1TtDQ8g2mtV0UJNMDb+vxVWk0gMuxL8L6eJB9dG49XjdjS97/FLHm7tidhHAECvt+JTY++z+Fq0k0eIqdskjcTntCgJ86X0DuNraLNOf7a4lWIpbOhgHvso2/dze0M7MDqeCTuOLDiy7GnadV+CxjK8rS8klV858qR80JhmvYHAGMCwsNx0aGpnd7nwSqHWdlUa/UsWa1GpjdZXjNSjclBVlyHuHFnqKtsAOWlGxMPQJcoRO/nEk4uysNg1y7MqvbWnHcFXxyfX0O7QyaTN0sxl4pJBNgOks9Hyc28tKtuI3mbfW9H56lE1b6Ld27rSbYHY15cCvRVby3DM28bNqCGYfOtR9RvBdCglXuvfPYfvea4XfFqnnNvPJw/I6z9XeA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6gw1njgARG8iWAkP3krDdOaIHiXa3xGiQ0F11Rj8/9Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JftPOnDP+Nbla8EARBWrgmnqgThNhJtF7kLpGBAHz3SaO8lAauq9ZNIz88r7IFIOVliumT9U7sqwyQsCF8pYC0EST1ERZI1MrNFIUDKjTOhlu42ebLzlCVeYYwHQ5Npbi7K6aunzEomoFn1fMxsfiQFDIhwZDlei6AG+EOVW1f43WFHPpURQwd1+xQmba6ZdWNh93BqqGXce98uBFYS/UTYClfWWe6bzA24dwfQ7NRklsDUVhPmVAUfj84Dx1HS6TrzEZatjz9u/Rg8KNpOCIyAtywHgShMrvqh4vIJJRW3ycbMh9ccBaU4x91VU3KeWZFQdclKkC+JZwxPF3X6QHAOdke1BhLZdQZGcYHMxpYB8NGo5+a4lq6rct6esSRPsd/XAxMjiRLS8d8V/2qvABnEdkX2J2ACb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6hmkREPUUO6D5Wkh6Vt1MQCJIkYIB/8YfrCg5qIONQI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ftR+B4XLAsozoa4MS3RbCN5Mm5HlHbAfahUAdMEeWQqJbOMi4wdrKucCmIrwHUtTx2L0opkS5DOLJEK8k3bNHTjneN6HK74+ssD241uN0rhU+i+61euWLlbd1g2R2dUtOuOd/5J/3lVUVQWSUTKOFCrQFzsaRI4rV8DhZYuZ7G20uRNwDxIOjZtWrnpew7BTjf7vAze/Vf9of7gc39PH7505Y6THOtNrfW1xs6a11MNh7BTWakSYSSLSPh+8NsGCk85P2kbKi1RMQ0JrHVL1wwVEA+8hMgoqAojkaHmc2nlN/TQW3xyLpzIf+KYa55+4DJssXVYN+U1IiLxsOJEo/LmHZFgn2VYru3W5wV6Ul92dyxnOsoOFYCJ0P4kE7GxXFO50MMkOlKII05KguyTodCEq/JBWmM3i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6lQHDLwf82I+2wwD+xVgFDVAduFRdpRhX5nqVtUwlO0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pKcWwcZGsGJVGG1EMWdSynUpjFnTpeXPAAGoDSrGypOqUfuhAzVz4/GBbMwfyxm9agrKnlnV67cZlVOBteQ+hku+jP3BNkF3uoig6R2XUw2Mrs3gwHiEInABbFfnqVrzB37NLqbd2JK9uA3SiqtdV+wSbQrqbJdtb2OS+N9yOROlF895gHjMlNt7XEBkSJa5GHm6wtEYFAimxeqnTkpkIvdwFzg4q2gwbLj49O2wPa5lbYv5qU2DrXJmTHjHCyB71Qa3A5fC/9ajWHExQzS7oihB0KQGqP6pkEUaOKg7fYiKlIbT2mOaEB0mRv+cwIBI6MNluVbhTUfvrtRXeBtAmWC+vatCBb9AH8s+lOwLHz7Oo6jjszRW0FWfddPrF+Y2keCPr3lBHhnZGZ0CJC+uR2l//k2jX3RT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6mcPIEF8XrpFS8wW/PDU0H5bFs0ORI9uPup1uJ/lL/g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2m7GRyXvpXnoxxbz03mSbdBBf1nqiZObbnkldVBt6PX+C4r8yZOYFxTZNNRLZj4ClM9k7TpD6FyYg36aLNOllbmCHR90VU3f3N6uzz63Io3mHUMqm/GnXQKrpkaajfswyxp0q7l5jqnOz8QFaV4mlcTQFfsGAZfY9YRVz76wQTGsicJUfOpeDuacexqTvA0rS8BcPONCPTusswCaPXK0p8MLXFZqWLOok8Mj3Lgrea8gIOV/MG4+IUCpvJTyBxvKxs9aKTjbOA8+x27VtI0jr5JJd+Ksh5oI9iVmCnVlYFBKozXXeATovENmcnkB04+q0okX/n4AcXYbA0RJWTOe7WBNq8HAXCX7bYDIJdEB1NaWhak6QKbk9LSey0jM9ZplPU0DGsqgc72q087Ajdc9TNjrD8GpyuqN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6n37ajDSQyMeU//ojkl9/KKaFXA0SVuL8Sm6O8JwBKQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Go40CjweB5t9JrQv73E8n3Jr95ZH4+f3KaB2MPS0XxLPd6swLX7tK0RDX2m8FROx6qAAYDcQCBqZ7gliXThd2qKoMbXnO8p8iEtK8GwmNtQckqiVQnCqgEwhwB6fkG7HKOPEpDL75HI71XA+hIiBu2OfWDkYGZgicpFPxBz3+lkiDXc+5VM2eOKlwXyGEUO4g7t+OIpeLul0JIMjknrbWjmrIooE+lmYSUu8MbsUsi4DrgyoUANgn7bvlu9cu1jhUz+A2lA8fHxlhSVobJKXvj66/lgrC1ooodswYMgkFzpw7hEtShdZ91IaujWvtvk7bymwUdu69pyy/lBi9wTcCPWjsqmiqvx+RVPTQzPdPFS+R3DMTyGF7ufVT05eYOXfuRu0Re5ItgrsH976ro+boFoIesJbwFa2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6n5WzcasdWsQZ233sTkjn+q0gwHiOtMvJPkImA/rjzg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Yn6ImAPk6aoDxEK2e9IhPVFHByv2o5cbtjfnK375bPRXp2TV6P3ObDdcD6qDdh+6E3i/dib8JsDVr/5ArFI9Ux4o+49yPjkpouF//7EtWyIfLmBvuJRx7IAe06I6B1T4srtJPy5dEOimB2WYloU+az/EydI97iwFCFQGU2jioFdHJrv+BaXwrLj55FEmNQ1nyKEbqVM8O9290Q/IMllGML92F5UKYzfdaWh9S4iNfYZkN1EwG33n5I8sVAulunyxhmyNk+DPSkNGA1HtY5UPQbpQkMidoPfglPe34Ju+139JJeVSurXdLxTTkscOnjTtC2y0mWGJiw/3TffAP9sCoh4zWLfSWh855JU6ZPG13JJ/goDHAlhBru2wNDdW1wiayA/Q2mwQpB0DZVMrWPZExXWwvtycLXAz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6nkTqdWLzrC254ipzh0J51V/ZPDN0SWT46RoHbwzhkM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dFekiH6cYWzi0PSJl2LooA4Ms2VQuQJAlYWWMsBoMSIyPpLriB897ZriSHXkPbkCV/ocdIJdJGgvkoxiOjqiSvgEBruB6bn46UQcaaK20YVj2BFBE1GFs0YZ4kDhGkXiT6rARyQHQAXHXIkNXQo7rGJz0wIrhaDjvKt1tQP+A9/NmirrRHj5PYXhGPrDXs1GuCyH3wbQPFYuLeTEsv43Tzgb5GG0OyPB/FOfsVUosxfeBV+hrfcHExZHJzcv5fZbcAlyVnClScO9FlPQ8H24Mr59mrrrKqSzWHE6xA98nqnaA5/GxGkNJez37L7lO2NyjEeXSZQCNWziKID19f3MEIT20ouGSAUO/wIuzzgpbNF4Wf6zK2Gx1pjIRpg/HDmEp5cNlOXxhjtanCT6E4c902Wlpkt+7hoV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6p9WcxsUwMjYAsYTIlj9lFu1Bva5Q6k1e85ZFHk9fao",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DfQUYppBKO3Smddu7ZZA9PwarJG1s4sSy0OyLCJyU7nlVPa4hJxq9clA0aQN7S1QfE4MoBrEUNil9nw8EFbp+qODbYrZ98fHzI+l4D0jRll4kuublYngOVKUYTFyj6tZxS3lyigE1xpiZu1tKhzQLMiVMnL7mVcgw9kIqf7Vc3Qdc45fTtM/bjLJc79CaTSeRiakVSCeIsOgOycA9b/WsHLT1pNtaJUSS65iWoA6IKguAdkibA9CZDuM87lpfxgoLZ2aBioCNLPbrrc4GaLxiOcQo4/cLxlcGb/Jtl7mo5ogU6kXrrk32wa9/mCYVO2r/aTlL8WFFXShJuywY++sTrCPjtjbAkr/tY6GTvhT3ioF9Qcw1vyX44Z+Iwj/KEP/3qT6fZlrBKZDROVCHvOk4c7R63MxTKBk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6ps8YPVRSqQnq6pp3Liw/Qsmghvy9tqPY5NCm8n8CYQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "At3bfkMm/07QRGSQtGpIJxx0Cud9LlTLTvpocaHw4sNKmjHY3wtRo0XhRvPwGc78nKuJAR9e5U9BOPANK4aZFkZDWmmNamSjIWfSlJnAu+kif84JS9JRGJCVFrxCrfgMFaZ86lRdxexRP9iiNNBnzBwVIHTKAZSnyU2t4x392pFlA1YpaoxIhj7ysWgDEuOosLdCAwj3UGmr7+6WDQ/NN7asFg+mxIFHGza0CaZl7DI9KHXTEU7Ui5uHj9VgesPPV/3lInfTk0SFLhPN5jofJNsQ1KIJxKB07yel1ZpvjjZjbC4QAw0YJcRR0azG/z/FmJPgmM/JQWcG31XQ9HFYi7EyYgumeEeHmBE2pwEmcbSdQrn+f6q6++Yi6Uym5VDA9Y4Rctz3PWSy4ORoxq09EKsIj+RBuC5G",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6qcLnbdwa6LgaA+P3yD2Rv+tJnI0SHWlGUxQKbwkjbY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OLH9WwqisYPzLiL0RSYnb5yK01sadKO0DOKsYM7AnYPls6U44D6ObHYiVhENie9ztAnUiaCbI6z6r72VaIfzOOlFV31RKpIp1zTZXRJLK2Rkfcdc5BiE7Hjvo+6GQbVBjnbW2xryIq1DONTI/YR5XIpDfyfBqmVMaMmzT9j9Zs9e6UJgYaIO8divU8CYCj2br7/Gny/v1HscbbiSQDy7rIQpokhLRGktr3XvJvFxT+d6UrsmM/BCQV8mR93adRooO3pFLqck31rkUz0c6b9kq9WXOUdrNo73/HCYR0hBNVGmKqOnvxfvhaEz/nvQ3xWIOBMt4y4Yt2twGS/X9qvMP7YjZXlF8yz0oMlOKf2+qa1ftXBNLzMYWqW77SwtNpNF31GwnZbU0eUWxNBgKULgylVbSPved9vU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6rI278i861RFSKc4vjpdokm4PgJQBlUMhvh8GM90HEk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2z3gZGIFJsDQQ7igaK+/CY0IZGyKTDoksWDwlzn6t9+E3t4flX+Ua0nIN35uOij/4Sm0IbYcn/8M1Fqz0EymZiKcQii+T6KSQSo9NBs31qYLYPmV2nuqqb3ZzCUhTcUq9R6zExLqgnjc3JasF+HCXGwWz6M++c7yc7XkJxbmiGnLU+DL525cTjxMVp/jTyzV3/yE/TRWr4R1WgITBMRKr2d1S+DyvpiSlbcm139LQnfmGGDzVSBwG/kHOZIFkfo3FyW4i5j+o1yFBqJ9tAA9h8IOuTHyGnDqhhkrhrj5XCpuhf0oxbXhq5gHx4cWR8LbBNbqnydsziEp33wY409rKNlxHs3erADHGT0XvXPB4C5CE9f6HmD4HPXgnbc3bpo53IzW7amrP9lT1BqScfUO/00jTzKOrwdJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6svwj48LJvzu0TASFbLfd6cflF+TqXE9/zXipLVLIyQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vZMxLJyBM65ekzW8+PX3LtxZ+9Sm7/VtDsE7TG3l2xkuBH6pbShLbE72/u4hIA3bT0GoruqMXcaoyMeC644RMem99DD+/hWNN9UkE1530wMoWh7fY9wi6ulreA1cRmuDGyXWqRBUb4kjof9Zapn8fzUnuSp21N2Z64OgVvZ7ItGaCrX1QFR9YFuQG9Ivpu2xUfJR/da8VzoHh4tedBsJxewCcBKb7r9Eh29cRn+lYFKVN8m3nRO9cCsEt+lA0OHCpFTY63Z9PMZ+7kBeGQ4vO3oFMxbndShS2xHjlz/OXAJz4aeSeZlSE118TOKU9dhPz5geobC1QlVchDqNx/bDzRssCGNtIcNqgcZ1va04s2XqnX+8P5l4AqTRVTzJawL8PhTX60FmPHexrydLphR0smfX1clr5m+3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6u4WAaoKA6+vwN6nt10emCatiHitqTh4YCOS+yKmHW4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "U3vLwKlZmusUVEZ10GTVtdsRBHcmB9H08rAPNEl/dcv/wV4b60wpP0LGeD8e3w2sUobzS8kF1FalHnfO7LuU+TOnbYiM/1EpLkXhFKBAUJHDyp5Lf1nz9CxwYuX7seE3pMwydCm+VV6HPZJP6l97DDNNiU6k3/7ecUjnHAywCpMrIurquXZxRivE28mPFjvq8PkefqPlbgfLIjic2RPB7mQCpgypiDVQrfhu94U90Ca6DE3DowoWMpdYhdD0GAdu4v81QnIHnj81RioA9/8H20hCK1s62nTJH2wkw2sdtcdF4txTpgtlyED4yZYHLdu9YzEE4w7T5srzR6jvLTDj8cwIlogIPxjBmigS49b0QOzUURBVGyw+jTXtpeIQklimKM0TE7x7nBATpj3EbW8EFQlNvnZgl1W0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "6zrbweRonhOwKYkDH9SADOvXExkdEEsyfs1P3IlgYaM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qGMIxK9iZLuGsSrEnxkfksc6j8/jNTiJrQ+/WrPx+/8VdF5zQgZiAjqrlUvvqLDX5Sl0XihvtyCWmwYeoudCa/VUBiMFy3QwtTfi1mGJ+adWCMy74N64gm9j/ytNzPStMl/nrlnoIJgXZ3OKk0DH+XPMnW7vQhUnEAOpf02TCloBMgXDLmY67pxqmH28uCVWVjTFpn59WUj5KO3xKmNMdx52F3v1qel0aWFoHZLJrCCSTlCqYG6Mj9i7A/b/E3IgLoZx7BIjVoVTGk/dmnRW6oXkDEuGY1hN2LhvdU4f9tKRmVxiYQ/ci28FElBkF6muhXXx/mbwspMgTByDTLcrmxXgUvErPxM4jCqOoeRwopn7f+boJoBdqv5oS7gy77zGcR+qqW71QnMK/hOP8V5IKBKCkOjQk94B",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7+OsATOc4z67lKbVHox+EdqmoCjU2Hl4J012nK6IelM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nuG8NYXlYmUJhHJM1esrbafKUaK3yaXP6vkDTqJdpxH9W9+4amy+QO8BrWJvYNUm8m96J8I4/O/gvz8+A94PjNNBV/igWGA/R94BgXem8NUBbeU+aYX8NeeAN4cxdyjQ8stwdFNqrqfahlY/eCOFDZfYdAM2DnuJ0IR86jMjI7Tlnk7JHzuTx2Lg7wcqjshy/2ftGNal136aGsayCyO6bmpHB/Dw1Rx/Uo96q+5JlfYp+a3M41uQY7qr8+1uLnc4Bx8OziQVyxtRQVB5GrurnLZyc94xGUtep3xU4ssje2QvWuTY50VoL6/09k9/RLmZ95ePQUmUwhmGNcQ1zAuOksvtLCjr2pMTHa7Y5TAIidCPZjsHeZDPEXP1whlV5PAR4dWzna+cAAie6d3lfBrzqOmZxWcKYWyZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7+eASUlFmln7IKIJbn83aJdP+vvtAcaYwdrZy6m9f38",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w3Lh69nP2go12dzIpbqllwRQ9VTiQQszQ1sZbdfUG1F4QBLWkyXrxEHJMRha32IjJWE0uLiYwVwmxyt2+XJ/mCHs54RpgNMEFl/WccmkHZg2CxDXv1HpDndNccxkYUu49stB6T1/xX8K67bRXGloU5KIScZAKxMfOeKsKcHZyaIubkDDl0MXKqbqAicCKT4Q5l+2WQuzYkKn0j7UKDXD/2AsLWX8PNZayO+19bpGP150R7haTh7V+4ALqvA4Pkk6N+z0MfRwxvQDg6TEsmgLm3fL4lZlbCmu7qQAQJZSF106JwUYplmb6qEq2p5O7el80impr7fan4zOHhipO0hEw75qRJfEbaTufM9OptRjZGTyBY4+LcpIwNkFmGZ8yoC9vHe3O5Bex4pM8B+lGYKFNzyieeDfLkR4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7+slAhzBtvR3y5wThhebk7xQu54Vgawf8NbBg8zylXU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NEW0agx3PP2OWEwMmQuvGYueCfVb7VpZsO6kMkM25Y8VSf3VggJ9ucZ/TMp7OsdK8ELK5TkNSbtlKmLvq2olGuz2TtF6jaunC+le++pEliF7fPr2QLp6CinjtgXJGntQoItQFQo+xHVJb1kExXWhIIR6c6nxNeluWGlqkVtbVs7j0QZMYWOpU3bDIzKcSJQfjlk6YLLv8TqMr4lEp9y73APKBYJnkRPYS3VAEn4rSoRECzYSaBwxLbKP71Lw6ZQkpY4ALBvY+5iAe3vyDkowfr8RAEnc+aXN926BNfUMS9rwmUQ+T86ovcMDALXtH9nwGUvTvl5u5Hi7WWWTQYC6wH1E/GdxWDe34SMtR6vEu/vTRovuN50r35xn3G1MNsU+KgJoiJhmoNWpYGxUpLR1/MzOVpTv43r4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7/UVY4VE38MyWbgox/v8SY0n4jFSiRaIpBQjmoCIfbg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PIaCHB6KgArxA6aMofzvMgS8nS7cJz8No/74r072t3816UL6KsvPgLUXhnwgOs4UI+R/6A6xDeGzu9/rVaHl9dYKujpIrenZ9secaMncu9WB0iN2UVTm4qh11XichWIyhUR/7iBNEtCTtWgyX+hO9CCQen5X4UvnSVVFpDANCdzbwUyDlfCxE20WhrbOJHSkPvc5G7b/nm8bdvTiqRpsbOR5n1i0VNsZhWeJXB2VQZUB/HUgs008ndWEp4FX0EKzExQj9qkhST6zjGPxF5qm0zh0XFRXPvCJqk3shJZwxW/6hJ5wRzll6IzbZ0Y0erAVVY2aLd8gjl796LLqF3+n2B7R2OvGQOerl9HxqLj1IQamxKsG7nzf6uw8G3w2tOYQjUynvUj4Noy4pnt31l26bgNg8A9whMIv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "701TMwWw8cFHXs1ZNKl6iLktYWAF8+RPEACn7FesaJ4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WwkfIVxpNUdZunRM98U7F/nwpd+o7ZTuVa++z04+NqA24N1sPk2OpmHDf+WwxR58tEs9tVrP9cESaz6mRM5T0XzcZ6X3bmJZzetYLIpxAj6keCnBGWvPlWOrsEdCcJ7L+AXmMgyQvI35Y3aepgB+9Kkox3R2Jrm1UCWdOnLUSClbPK6J+uQZO8vkAYI2oO8mpxabPvUYLz5pB7dsWpIJC8o302F5+R1TlQLXXjhWDFfthYyPox8OX/MUS4mG9Zp3hL84+VsLuUGwT4WkZmv7s+rTuwWsJzD0EdCTAJwi6wTQWP45LqPGw+KBXGc5TExZ0ZcmG0OHpn56YjK7NopAGaC+R6yJOtw1JqIYCmMQbDQruwF1NbSlUJKS2yoLwQzWb7J6rHyO2aiL8KG04AsNsAZE04emHC01",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "71KnhSz3ENZ7rPsjOJIYhtICBZ68PGRsC+5m0KMTqHc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BIlSvKmWQBmEVVyBEJraE4n5hRTCcc12WtH3zXrqqanGwX6wMeaKAO9qgwNELxEIZE/xDjv+X5xY7dQgkx4tGx5eqmiFVcpNKFqKmy84LGoVjW0P5sjC5sIqwEyYKeDU5dmLpjtwcEavU5VyMH8arwJfJujvB5UIeko2KJdSepU1jKTNbw5r1iAaXr7IiMk9K7sy+KGBQsubf4mt0nrtdJeUXwYPGq4RjaqG1J5nwz1jvLkqP9Ow4jlVx0UUMT2YoQ5LUgedEjzf0o9FE3tgzLVd7APELTN6k140gr6in3L+nBSg5049Np9tOCsfN1zffPPKQePVFYs/k2OUxPcjc9dPGxb/hOwT1mMhsTWOmjMl0Fsv3NHbhJqKeqAry8o+YRBwbQgCwsZx/fffXAnSpyGkGkzWbZVD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "72NeUO0mQ5pAhs2VCSwBevGBECGX0DIe3JEUU7gm4Rw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0ARHZ93a9mc/Qb+TgW+lEuQrF8Ynn/hm5i2nEHFIuDdSKnzX69ybAa2vNe11W/Sh4AhL4feQ+wkmu01rXxLTsBMKewWEcC0SgTVfpHp7i1rUxa9nUv1kOTS0wfXwhhYwPzWpRm5Bj+2C9TVpBOtF6Bn98COCaIV5SBg/NTgok43vM2JhQFv+96TBFQoOp0YKWz4eGKL6JrRAXAJHN7qNyqlkIsYWmGLKz3Uer59Nh8jksNW0B9U3to2Sd93Rod3ojCOl2sLUposHMwVXkNJ70xQi/rfKMlX1MGuWGI/NEhMTsizfOc4mA5jFUEfgceGRPn/9KOUW4EiOQr8XFE9dIj4zRE0olsORpzp2TC5/SAdXUhQQIOJ4mnNtrKNzD66lHralkodflUax5y6ZRXTk+zfdeeXWRNpW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "74ZPsWu++L7193d7/1hWYEDTeTB5qH6Ew0/zjxW05SQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BN/2dw44UEfcMjwcariVHsERYHu05ZtHEZjgBbhix4gyk8wi5BJKBzJYj1kKCmwWSzhTTtGb+TL/p5TaDwP81TUhE26++je1DOu5+upVH9tOPjcuJSxGz7sqytubtz5pmOcqZPt4GkXH0mgL7mJNssM/C4lR+DtWmtU9JLnAhxCQ6bCMqpiIdplOsUFwOzq71JOOyMGaUZKpTxnZMqcF1meyDnCk3RLC1P7QRxGhW9ADJDsjpyG6g4nXM/f9z4VLE63GBXdLAHlBiG/s6CgGa+kwD+vq0ZtHnmd6zis0+rBlk6ToST7Y+R26Eldk6ansktce+bdvL8M/jZ01e4m/yUAzVX1ocsVsFNHyqr+Glfaz9FWpHV2HxcKSD9brHiEwIYeAE+QmQj8KW8q2gIIG8YCCXEkJ0EvS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "74xindyC+Riy+0VmQFrOcL4O5yCFKy13iymPpq+R2wk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+0nWs/k3dEW3ORpaJl/CfMYbVz0hFAc9vALxJy89HvzahO5b7hlNDySG1Cgjmkin7uDKmJ336jBU3vngUlKwF+8CAM0fecwi78w2a/xLW3XcjDPq6oU/NhD+AIKipSXhhKAbcd+/7RRnMmgeYMhYPmJSE9VHiI9xVGm1eskgWPvrhVEmY69d+17eX2bF6V7e0oj57Y+wjab+4MdNmSTEKzzXqqa5xcUQHDDF4BgZ+L2ozsgQP1ECaOVTFTjT/iaChITGwZpYboAMWCFRkozEW4nkBLN9eenFXLrx2Y2YFCQm+awdPn8IwOSz5BiII7aknpEHxOq4ZIh9/1p8mkx1a1NYa//sfGYcrDFPKEyGcswpJ76djuPFQutqSe0Xm0cTWIJZ5EGnCYkDQdp7BAcagCgzHV9Z9l0P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "75NASfxSnT1etqnZWcSvikxWfC4kUwdrdOyKrcDhQ6I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rfGq+89sy/IRY/TmY8eRfF42LkIlfZaBuk2nMFxOf/rTqlvV3bthowRkdYBeXhpCrHPWHrfNroGvcwwJbCQTVzaoSOidGFNI/P/dk04NFuPyFyK1x2tKaBArYxTdN0Tm6ulfqZUmYCxAsyR5uOvcIQosk4Lg0wKCHFq8Gk5vrvt0ntw/aUnHvrxRkyrlILD/pcGGmXxs9sG39VuASKzW+y7e8WkQafUd6Al4fXDdddnCJJMNW/B0CGUyqMhzDafOxDUXvbqt8/qY+3JPQSRtQIKaEF1NkU3nBfoexPkroUpo0kBfA7ZE3/9wmu5VRR7z6qvXP4nXkh4/TOcg9m2L2D0izH6wFhJDA1zoJxkfXh4CLm17cQo4RwJ4LOQSkJpgnlh5g8/loZugaga1t3z9fUepxY6bgSxa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "76WZ30aJpiR+xOdvd7Da5SAafh+v4h/dkf1eMRwbUuY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TOdcEUwG0kVqGN5EY0dgqh1u4JngYpqPyEKe7oX+pbluOaqhNcxQBPHIs6mA2hzs57SaNVgWrQ8qimwJL4+yGFmOHKCNExNOw/L10PoCQa0qhkvXehJ4lcwbq4vuQP5BzxDUi1VIe1zfOdWJ6DdzYmzcpqt4DAGeTPEALLi1a1zAu0TTUTwgBpIAiR/gExAK0W462rPfd5d64Fs3lAyfBUcS2RZ3iCruBOXpERIVXkqce2SoX2zKAVbyAFV5o+vkW3ggLy/rI+HYMYvIYbDPUBZY0b7DmI0Imy5H/i8vPFL6U3bgHn7BoYTSRlPzkCP4q1ELzn7qKkoA/8N9apHahsBJKwnnS5JGyKF5/NszixYQMrLPsxJ02iDJh4ULhNst2F3H1EO60ksMWXcEddsduEWqkaI+zt9+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "76jpP7pC+3LR0jH9IlrIRcNtx/n0aiVWLdiUNlXcCgQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LY3/ASXfJ0owiHJtCoQAnKy2gAvMmzbcJ3bvAtmVeIyFf6XCxHm/xQ3sBPGVDukgxL76UWo9oIvMRhRTO7v0Z01p11sDoI5lj9bSeNUprrFc6OjJxr8ggbUhmVyEIVBSPrn+vG5frFtr9Fk0jeAze0+qC8z7lBoAaNfPo/YNhWC1DSFpB3qj9uyY5DM3d3bi7yHFk/3cHHU1+nbjNUyV1wGp8/rgExEDe1HLMye1+SH5FCy5zlFBnh7AvnrgucaTAxt+m91WtAMT8dtIC0bdVJ63i9Pkggf1sdgdDwpdLZstDpoAzQC+nP7mCItKj0KrP5t7LQNNRHChb82qrcrWoYlUkefFcFBx1YR5oDODL1kIpI6PBeGvsdDQvuH5sdHtElP3JzOoots5gv8MFyU+Z8blvB5xt01/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "76oztPMCHOati6tanppPw2Ga1KlNPVvtSxRQqt/njY0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Xtbi+0FnOjQCiniaVtKMwHfztzbJTUoFtvTA7IavHr16OYks7A7cAFLbVqI8jumHMWKSPlNs8vBebAcPcU4p7xEynE5S1LAA430XXGF6UMqxL9peFD4sr+6Pu3Px5PfkFJSttvJuDR9EMCjQ1Nt4S18bf+nsrAruwG8ebmBfiLeJIUK9jBrs0LqK7QDB01lJlO/aGMMWirP1hXT9WR8ZJ7JlAY0qFpfqpwITsHid+HiPLK3iaSZ2F9MEUGC4nJvinI1tqeTjccS8iMXNEar/UQWrG/7FLllu+8aJvGJvYoaWweXDMoPrIzH1tejhAPNEkHEnJHMGqOu4mvrNJq12S7JNcwRPoHWdDEZwzOc86VI9fuc2hE0lH/evlZObvnOX/fWkNwlHOMbBGc5Esk0dHDHql5g37E0y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "77CmQz6shAh/Thq3hj7PYLd50JmwhEF/9ZOtfHnhjfU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bxwsSzHwnbuAnXzu7EivH3M4BfRMy9FmppeI1Hy7HjtjQqexGIT0y+wLCC2zH7VrwkQf4S0x6wvP7wAh9rJBroqQSK4oTwGVRBqNcKC3syVO9ydsoTRQjewM39t72MM3AB2YmkUvH2R4MSpwECyEsZ4UBdAEchyF8saqN4OOv4Uf+PvXsXdLpukPTO/44iT09IQYuAvdh3pDjqpGRWdov+hlUrBvO0PtUBDO6nQAbIuyNEbCmXYZseTR9WI6ZKtP4CzgzTexgu/npFgAHjFXWrHdaDXUbPLBeoNDrFdVw9ZkXsofcOSJzvvG+y6dZBav0DMOCIHC6HVyQsjpGf2i6UJphufdT3VC9pzV0nt6bg/LB1kuRQYmfe5SDICew9k1jvXIgNK/Rk5IbHtYnZiggrADEi3yrGJF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "77PbSMmz8dx9CVaD+Y+WdcGVAWmV9DVnO+mbEfdgUNM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WMX+kGpmaTSOYs+FbBsdFYbHn2yOeDIXahv5eVI0EP+quz8xEKCXbdCOjwgOUw9pGiLWPPYFdG1kHa4wLoLsMZo/JnhUrMDI0IIlSngI16PAkY5KqM8ThVPvo/YL6fFNYML79t64Pj+93Ai2SDzc+osWnPAelGpbtHoaSzQqhR6UAZo0lGe2p4b3NuQgiZDCu6spwf0kdjYlwq1DD7Op/STrkxJl5WwNXBvZ6naYSFFv1zjC/DgWAsx5HhFOsitlsuo9tuGcJEeaVhWfaHYvyBrNn9J5HTQtEQhYIfKlSHwravODXpVf3Q8R7+y+z2LacXTbKDE2rYOSI6kNlOe+DWKbQI556NVq/HeXNtgFNDAze2ssoYny9Y35Nfd22F5MNOHq33cd/iwLih48WaB8GqJsxqLDQ93x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "78It5gj0LZexI8adJ+zK6uYaM1U9W/9ilS4oZeo4aRI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FUxeqDuxbaH71ADw6nHZowh5isRyQcKIAbf+wt9A5y4veQ9r2pt1WYAq8zwAhZWW3EHSfC2MonDDEhmNUjWtqO7P3c8+2lV18Ql5AO6O8cGo55uIbHMAIRXtlXP865fvtRXITFsnwWN8PlxjldlG8fJGnp/r0pP9piP+9M1TGRiX7uAI3XftFGQIVEVDlQWDBMZi2R0S4dwSvwQcxNPDNzeH4bfwFXZYuQrx/hXQYzuVqaYB1y0uqoPyOorrxKf19PgG9sz2wqwvcVaVXO6vaMe2h6GoWEpn6aoaMaHD0LIRWczS9kfRrljwh68rd6SfUjTC0iUiGh+Bw9l0nx8362t8GKmn5+fpJ9nIfCQfzHDhNyUNkrsFXudxUWk22uqpKwjiCWxhbq0IRyRPDLekxjAaLIjLlC8M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "79KaX8IQoaI98t+/pqeJkqseQnaX8Cflr36EuTSNjRo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F4OaZ5+3xTOWMQeLcAPIMq6OndC1H9uk50mfbPnPi6i45Ak2Txsd/jbu04R8iL6EckY7CBi26HbvGgWrt1BYjUfGEohEBPuDj+68WaU9PPqFeqQBb5P3e6vrpx89T4KH9TO7xj2KsVUEpvDgH1mWdoFZ9dJzjv+tMHZ2VmHwM7UfDmSZb7/HDdrcen5BG5qVvqrAzeAd9XkTC/XZodGYL+mG7L517kwQBcwyUPoQzNRqXQIRbL6H2RxET0K32eho/UrzMdkvuRaU+M79OPqjgxWQYd9CMLcXhUfnC+AgtrfMRg7M96Q9jGFBxVbrmTOpG946nXYC0IWx/wcTCOg9EdlxU9jtfXTMwpBGEp8YpyNumksc0RoCWWnVolcb41+fOj1RwUIi5sxWUFDQ/W8r9JmWTvpvq1g4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7AkLy6FxFyN8mYYViLphl8G87+FZFRv9Wb5bTAP1G3Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "D1ijIGPJP8M65jhowSR1qBPHKgBhAR7bX+AeSw9LwFaPrVAmE0Snil9hF1Wz49Z7K9zDJbUgvb+nx994f9pFqkU4EZbl3/6sR6AHWYd4R0pncp415q24eePLpoxDUR27PpCdtf8rvaXWhZldk/xmCwz+1uTI5/iaPI5nsqYRMKT9oi7/RfzHY//21269kuLdplQkhlo36i0vxt+uPzTi10jEWtclodFju6Q0XUv+1YrgMn0EKODmWiOwsmHifcCPP4Mcv3Q9UchrXrUEfl99GJT2ho5K3qQTDaU+IAYMYSuMPH0TY7aN5otgs+rGD82B2SOzQxJocY11WD1dbbiZB7L6w5T8GLWpylKYMXkg/bmiUcQyPqsS7pPnzNkaehDe8NcnKBvw3Z5jr7gKLYzkHldHPqgJyJ0M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7C5MUv0bA3Ss3IUrgasWwOdaM5f6BA90/M+Iai6vmDY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WcWR0/dgIQU0Tw8Ow4SB9CkLeGJ2p8iY8OVWJiaus5w/qNNunXjzcPlhLI9eFgejC0GGUnNiV4qnMNtolewny27PXMgq86r9FC461CEAGKSGDNbTqwzxGpYy14dO7gFOHBQAugASD4bxbMTxVGoZRN2XiE2x75OeUBFvk0eAIj9n0Si2I3wYGxt1softA4WGERfEOBmaLE2qEbJTQg1m64jYIipBIi5xmC+gl19zKS0Zz7LIr1+HVfzonw53XcaKTSuH0zAq5RQuTFOtByvYY1ohX0qoBiCAaTqk0L/IA1JMfJQxfAYbgj4jmpXBVBHkNUHtwhpQcEjrwSvWN7fXOKXJxjl0uPG0NWe6oxpeEQQYeR88ELVSj4eVriPZSfDnq+S8nXGye1N6SHl2/oPO8Kz0u8SWr6/t",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7D4QJyHgSNrx0UkNBufJ57ao3kq45EhfWJHXo8PM9VU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/VO8wVcxa3uoy5vJfCWQRnzvVZ74zK8nfKuJMEyuB8gD2BaFehOFvcjjMGEDxRHvf61z+CBvMtZP/7t0kmdRUrw6vTil6FHBpszEYYcUURT9pgCYHvZRs2s0lh2IFloO8axLt0jdMrIVBYBX7gRUN3UdRsN1cTQHYreeD4xdLp7cSvUwq7o8KOgrg27wgXESQ/sKnFLUXxswsGXIHxxKWx40dgZS2rL/Z0hp/W/sFnXygbS0ZHa/2tzNLKbAblnuifYaoNYaYbHh2UyIsyvwv3Y77ac93VgHyWAIOpxj+o21nn4TymGJ7XBEGozw/HyvGseZH/HVjeoxlHEbaLL8hTCpuT4VQjWU/WWIc0jrZltmi7rnCmrRG1wKHYuN8a6MoQ7YDfE6bDwSLi0GJAPlp8JBCpUlNxSH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7D8KItljuAyQt6y30RoWFcaj+uCvwE8pxpmAZVjcsOA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TbzGUP3YgK6CT3w8tVfev5Wr3Rg6ojPZAjBU3qmZUmoACo++rbnHoD2WHxwX6qUEMKwzVwA4BQE6+Ez1awvtHAV8DjEA51F5hqpzOW8SwzWbtUzoJLWRdyx6SuVgzLZHKfxIWZHitKnG+uTv01l1jQAvDfwtyC/iBCaMInCmNnJ/GUkl8kHBpZx1bsaDpZ/nmsBVAXgs/r7/G5RUliYc+1iQjKT0miQRzVxHbIb2xOJbDIID6zTumaejqOBxj9phCNhn8f6Ruh4HZ6AMzNa/rVvI51YSTWS9sbeJE2ZhsUX1eeR9/iSEyDnGr0Dxgk9c40/b19U+DuanbUJ0OuuIGrgxlTYF9dN4pYPbF8EO1IOlrM9mUEZR6/jpWGGhG/m1EamAm9aHWINa8rKuxp0DDBTdx4SoprCF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7DaYWAzPA+HLAIuWDxgufu/4Aga8BvxdHdhZpmhkAgg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "V0Zm1bhJJ2Ple6pe1vwaM2dPMO2EagMBYbdmxhR2M3qEkHN3/DE9y2trKusS/X5mwNRa31s2g8Gmnqx4TBXLI8W80yNwmySNRfrXGf+kT/owHsX8uFxMDqujK36HxPd2cLddooTUVJObanQV9Z2A6xoHUaCuEVFV9qLZc5LZjzvwD50D0APoeJp6WNQPMUyoIxssAnJMEyX1bJZqnOsvmHyDgNIyPd6UQGjUsVSz2gso8ZidhyCWkKgvBRQxzFwsWstcDe33nrGv/iha4CV0ftTiVuWCBtC7y5c6XnR0NuOn8LdJSLic/LA0W4Yej7sd4ktCqyWqP+nH9cRe4lWVwp1r2TTA8XodPwXCW7MGL7LvVTvrghfzdBfcI0GCwS0yaAtNTqwbsdhXY8EVHNoJHPZZav6r1Hpl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7DoVtZiC0xGwDZlu6u8Zvo3u4o0uCM75tdNhOZ0hrJ8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Zzvf6680H6Ujno5Jxv6xT/iE+elz3ZOFaKCUXBtUUKoMZTN7O4EJ5P3vZ+JLmnjD6v04vFrxo75FNKmYCvftPjde29ZVVuzMNteCXCq9FhQe4/6LhrF3mSGtQ+fpGYcpsz+sd4TU4qdlgYy3qpCIy7TmsoT4+9Q2v68i6yDAT+bQ6NtrK3L7YV+7pc/1cpl5gnR6XzK1ZaSnbCo7cVku8S3f4f29IivubmzT9/dtd6VGNoJrnPTZEVbifkoMVHwJUq6u1odZNaoaksAJTKRM7MGLLpNABGz7d1uq+e44SRWQ89dVPTGB2mUS4YlrhuxzhqGyDqN4UsPvGCsOPKaxz+a82RFehJO7b2DyLkaKAiMHGJ+3jP++oQ+XML3pjgFQJwU8w+Ur1FOhk/R1cGQe5F0btMQMngTz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7E2ZYK9hkpAdU726VEbVSLyxPRRpcd8bnc2ftijnOmQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0IhceszDAUo+jJ4xpqA/SA/a4mHW0KiuJnQb0UNGL5tC8aKJO6RZR/+8LiS6A2VRGgkz5gMAAaMlOZZgCHipODKiWJ7LX9EWqn/ENib2/IBOq+M5/1C9SeahRfTsKBZt/i/ypgXdDtFLlck4NI8isNt/R+dcxtjqeuXkLshJ8x33nxdGqRoa9bhIuJfkGzG2frrLYYbye5LUEfs4jxbM+dMLHOSQK+qZcgtnyXfSL+AKxS1NrDHBXo0iZ7kxbmi/uZ7OiXpA10ZWnPdlMvvsMkmqbIRWff1e3pKP93ySTUu8T1MyqJi5FVivRNKL7BvkorHL0O5whwCioPMItwpP4xZL07DLxjrnt36YmAnceEMqRZGLMFZZ7+kJvLpjcD5F5ySqgGe38YtgBRO3SICERLD9rI4ILSuH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7Ec5EoEtrP08un93w6f8j2XofVsyl64GFyI48P0WsUw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r+gxZ/advD16Zq+s2gDJAJFMWKQnEPgZoepzwE/7SjjxGidiX2R7MyFjzBS1/ls2WtLPagwGeWqZfzrykIZDINu+NQpR9vovx2NHgjjFN8uurYsGCnjooKwoWX6RqW3eMi3q0hMahXpy9VzRPCo636OnXG0EFILrltYVkpkYhln5cSrak6WofgyftEwmwh9U85IznvUKe7XKtD7MMoRP+JtMYsJPaHs6ccpSCs0U5TLTPDPYJs9GaChkSNbIn+iYGsBHHPSDWrDbJkmtx2I599XLGYCixBGWBF/Qa21b2BKHTlPjhT4kDNK+2rZS2HUJG6we9Hrdu0vDHhYz3tS5UwuwSEnZkLQaT/Lc0n4mQlZ8n1AKeXcafnxuwLMnIeXuthxx1YeqgyIwnjjjL30HHLXOn5jAGfAz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7EnQjgf1f0EvriOtayGN51YeEa9rDRz4gXtUqaFicrs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kQIHUHRHOflJJL9FftVTv7GXrce/DXLyesXYP4O3dLHVkqv12LUgmkDcVhd1qyY5D9CoQDv46ntTLCNvncHOALaG7HZzjLKd+7nsz1ERUdOWfcoStOpWQEX5TZiZ610d89/mUtMGdG0Jn/mGKtJC38eAAscsp1b+vhjxr3eD0kt2ntVMjOZiZfnlZ4kQAC347W25aqRFfskRTKUdCjEI1vq6I8obPxZKT6m4JtZWJQSc6prHNN4BQ0fKnFOZXzpDC+WdZHYiJiloZMQWbHfPnK2TNu85CYk0FMP+gRzRJ8wlqGdjM9Cua0Nydg7du6Kanp02Fo4vhTK1WbpYuJySGs5ZX36OzNmyGeuJMceEzEDFhBIrHkPski24Oq2tq0/3vWcIUEwBgUz/S1zIFbznNj0XxWKdhpsG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7F6U28/J/9mmMBvu+jfZ283s95DFuXwNhe9i1lP9Wfs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Rl4/KZ/PNCvntYyWZuib0D6haHxLS4Awg8c5kmySVMDJjxL4MKfWaKZK2DgggPLPum9P5+tWTSfR8l3uBSbqNAeMcsAdz/SvwFy+bJiQzkz2N85rGXSzphcM1zrPLjl9JY4HNPddpbfH6uJ+fCiWVFTtksgDUcmNTB0BV7Kex+Bzfh2Q3xFZ+KZrxpp7oJyjPonN+SIABc4oGWwZivmb5Q7DnDC1XyUCRMF9Uq0mmyA17S1vO4O0YIMJqgmk+3+vbhoO+CWEKitaVcvEyGmUBCDWFx/VkZgexeWqyCp0zKmh4I74bxKQlhxJ2fhclXCFOva0RGQ9UOdIa4EwJEgBnzstaW+AD0GuTX0w0tYy5QmH7L4iHT/qaCqTVg8psEdISME6H77d6CzzUWep0GlSsKId0W29UI1r",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7Fb46M0ppXlxhA5s3SeYhrZgeNbwYYIcdx2wzvmZDAo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NGUFsVvKZ7ZJ6W12ycO8nXqK9UKR1XGFTHY+pm0dyastU1zIfvqJBSY6dE8eKkZjAnp2yTGF9Tlv8biqK1W6BuECDMqbgx7cUj53G8J++/emBCE5aPX9DXmcRxVQAxWBi7DvUpaHvGTF+Pey/5H4YHTTg442IQaqPylUxa5XWi0iU+Lh8XurCcg2W2SxyDrQ3csPUTb++CMkUIqPbcAIqTK/do6ni5rcR6opZ4xYgRY5zgEFboLD9r44fJ6VVldjN9FBxZcnHK7wMxk2P8TpFsmDCnuCLIGdeIrGFNZmMxqxLpwHlyeaiRzP3ZO1Illu4aH8lb6zDo3Io5yOao+cl2V06vmbVYwk1d68wFrq9xWPqrR48o2mvomPXiPU55/5R+ZfaSD9N8koHS1wgqaBkKxsvo1PQrLq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7Gtv0ltLAtkjl924tL6V1bZQz6T4OqfOOnEWdE3ZoZs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Drpk19KtcMqIbJctTERcsJdvJs2tF4s0fiLm7di0QX9yLxIJ2oAMMjgsXBRIgXDbE/kUr5JsH7wI7rxxmoYB6rE2iO1G7iNY2CG63rW2JKZwxJBhQFpkMpUT2hhiVLSPERoXhrn2slfop3e2kn+Tg8+fmURmRwQ900vyRhj3rIVW/rmLWYf51pKS6ovHfg6yLkurZPAxK2l0zRoTdFEVGaVLrwFBAPTXvJ0BodmJbbeR6hdMfIR0lOcGnwn3XQWDczg6t1o9jZvMAPGYeYjQclA0z9cZf4TawUQbVGc+exsV1584z1wppvdjK3txMLKmP9AXxGDjePD+WlkyT9a51+98Bt3yAtN2uU9DaW2Ua3o1HoG2bbzpRU2Cr0zrSByXu2smY85NLkDRYoSKlPRw455Z43dESR6/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7GwgEjjSBTj/R3VDLTxmx+tXS25scfbiY5pbG/VQZ+8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YCdyeH3frAurae7v+8B78kM4CqeEQ9PkcdputUeyypSMm/aBZ8tMvvLAvo+XwsqxUOjLQfidTFNGNyZjpJi/piJhVoI5QIanbx3RpNyNM3UzptoYJPZmgwEPx6C+oVmz4kJz/YrYp7V9TttMD+aF4+4FKzI2IWkhdl0q3811G+nrzxmhFzmY1o7iSHkyUvB4zHkMDoEzHTz29Br2rYz5Hccclp+AYsPUunJ7SofW47DziUK8qmstsED9mWy/lyuc1zDB1FBf5e99f4EVmsaFjkMhyJoU6a3eyTUJnFTFGnhtvLYbwCSGR9XrqJC7hBGDW+RvPIDCCf3qxsplKopS4e2elQzoyTlyzZTVi4lFjVKnsVl492sUEfriWFQS+Je8CDT3VlPpunHcBCAweEub1B/g/aATWHMC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7Ii6IrNjJhvd5gRFzniKKfk1TINPs4RQq2P6dDxwf+o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9Jdq42h2XIQXJy+Duv9l0qQdG33XXSOV2gI/dOO04BBvi2acHm9Gl6f6pTszf8sKnCWw0RIy6Y0GefxNXWYEeT0yUDGw+Qp6QyBIJARa2NFq13RVWfhMfGXc2K97Yh6HkUta23Q8Y221zYMFYwXwxMxoD+8uu449K1q8mBfYb0vTBydO/trnYfFiUFv1hMkmQjw37Q/UEoM5F7XgF4+Voif9idp1cm1sPIAEH0/q01X541XNsamId0d5xt33UWzLoM3OV62wi8VspHcuwT7LMclF48rnoLQj2Smq6xE+QUhTUjd4tOT+sz8bkq/PYSGK74PiJWLDr9mlLSY2fuojkpTA2vfJOoaRKASTHKbt84Mce9ex3C2nqGgzJmAUHRXsG+xCYCl9//7ceo1kamoS6PtpKSNBFpjo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7IzpWBZgVi1M3NTZVKoF/edFrEbLSMvD154r0qalLkc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MJ6OX1BE8NyoPIe5+vgF07Y3RXrWqp/oYmnNdl8XWencqLZDyw3DySTR2sdzreJ/xIZVLkuQkUSAC1Li3lh2EQoT83O5QQ9MSiiPhmhcHTIqcW+1NIXYSYcDWRbtR97cJSpokZnFxiz5unZUmf8BaLe8vvYASUNX98XAwby/khorx+bd6TsbernKRhhw3CMBm/usWth7jL/Nyenc1i45zwLHQ6uJd0m1i8kbUXX2gzen1pbVTpIwoUbguJOZ5f6zKBBjfvMEBfzYvmjMSCq/orm2KqtfPBKF40TyEogXXmqwhxeiGICwUv0JJL0lYS9pIgpvEKAtz25GZ9lyPCrL8BSwsafI+OdyQywK8PkyfuzFD5YazdgVOWxUil8INV2C4WIGQN5dUM8P4Hc2xCZc2dioL7r8U2wR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7JCyy5pdz8st0DkDRvC7aLA5Bhfv8nYf6D7f8zEsqoE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XTbmA1DW4Pcli/Egv5L/1UaJZXF/6JbtZMibXl9j0me0WAaqw8zB5HYd75nUj3xgT8OPxa3+FDl4cF8NS1R1OzSKZS8+rF1G1uT1Be6XzX4v9H8EyFgrEh/0L76uHQZTSycJv69OFr+fAqABk9UE28ZTUgFbu0vtb0HPFcFcH4XyQX7OTt9IrZywEcKs5kWU9BbJLKO9RNgQtYBsdOVvEaz0YXUNxpmtPOEYpaqUuwvlHilv86l7kAMJ9nT+QMlGJWwvQ0d/an1yu3iZ2pc2KUK7cXgXNKYBMerZWpLl+xL0QpHGeY292eS4lMh88WgytE+Dp912SjiL+75jxrnUn5oReG4iTj8wfgPaPYGCr3V1MNrrJUFDWczL0KvTi1aWKPsczgYkYCGdti6UQ4mbhlf6XfjmGxzg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7JLjNNQDr0Fut0YOkQ/iP6AjilssADCPfObLZumCSM4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OZVzCBHpq7T/NT3N/p37QpbZ8qET1AuxoxvCyTIvqzK5yrL6qD1KvNujUV3WmeBZJPY2S0200wiHW2MAe/LKkBpRU/vy3hIQvr8T19x9Cf0uZW4VxlbmMzcUw32BAeg7b48x6g34M/hcuI68AsEFKL+HXHTrEzLim60jOkBknc8Ag/qzYIoCevl7DTLz2qBix6rJSPNZfFuiGyoBAiShXyTsOuo5DRvA18LKBQcwzbb+7rASV0oBvilAt2BBwT7eaKxQrtZYW/96+ut1E+HVpftNx2RLTgdOVvpZTs29vG9RVE0fTrBvu6g37QVxYueyN0AiYJnLdaYiPYuTv0KT49oJVFdw0vRl0P6eolXqfx/NokmPsdP+ewCxulkw2OYM0q9U/+M5xt1xds5nMYgQHCJC56ZUkUg2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7MBgM60O9w651B590n6K82WDYfm6FMhH2if1+oGo9Jc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4AASwjcWLwcyENliPiFQ4zEQlpD6O42lhpHcNv5vXpQSHGvolTCj1VFgY1MWj3jEecbz+7sNe7JmsAiz8/EWl0XPznreIFjOFpJYESLl6gBvx8GcAAYz2qoRoSNNaA3dvk26grDvdCMHLNmYlb81Mg/y2It3m+NiG1uZ1Vlmi55qQUvVotsIwIuyKWHUXfr671uLamDeqeE/8GJADS4tli1OcgNwppAUhp8ruHBjfWbrmKLdRtagx+t1aZj816ZHrJvmlFeJhJxbdHFEVsciIa1N/oKieuI5ZwcCPi7y1HVylTjHkVqXmDfzthja2esKF+AIkI1+d9rBONYOD5mNWQidD3+v5O+5fzguYGKe1JA7j7/5oGn6iVdoweR0cAoKcypbUKzGr3GiKdw4DqGeImEWBap66Uon",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7NVqZmINz+nicC+arDJTB/Cg0gGT2zksFydD7TiIy6w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZuU8UAywuJ0nz8Q3LdVUUOUoO2sH+oUz6GUe494LXPt31rVgOMTiOTUvnFvzX1uInSuAjp6Y8k3uL3HhwOGkJuECx8jU74nvSGKjdMQMF7Ijfrz8CT1YSYsCwizmsouIRrcGQcpTAWrJ5QB/x9LuzYLLu4t0q/MlaYIw2WB83Z2twrXD+ZOBQadzAYO3qXYwVS/C5iwlfv2eFp9WABEEWWPdF8AZqRKHpPmgHChv55tz0NWrfQhMIFcnIoBgh3+s5TR65ZFMDb9LnFyzQNp9Vka9X39siT8iw5+SJvoHnLLoReThouea8JiG4BGj+VRguOdnvR1ypbhmjJEeT9ajILzaKn3pZW7ZBi+D5yaUJYGfvB1rvzicBzqDzoGDzS44xCEg3PxCORj9K9jOWH9r5iZJrI5Oq3Jx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7P/tvFEbyp/eM27hiYqr7drCsSSHLkMewUnXbvvnRFk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RyvxFdGPY9QggM7b+vvoJkJEDl9ojK3JhANFxbit6R/wGRFTM2ziLjAViFi6ftn/jjHRGqMPUPYFInIbffA6R/Q2BZ6HyukfdN+ddxczGX0RcjwMR2D228LkAfnqq8ZDkaVzZ7x4rZntH/JBZhrj1rNENrWmteStP7YCZhr60TBY2mg9GmthA03SawIFPQe7cYFA4xgfutwKIj+od+fFJKLMn25NsBJk2XwXMlal78eKtk6eR8db0nd95oLaCXJqvhFRts+zLyHdBpCqSii6HzeubjqLMqrZgna2NF4ivau/KYRld6NoMZeBPnpuj/ljTHnkOFQJHhBOPZmJV556Rvv4vsyE9OLNBRoJZ6BiwCs1sFRDEremueEY1YH2mcikECIohqKHnzRcJWkOB5ZFn17d0mgyHiUS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7PK0oBFeRhu0RCbQXD76Y3ir21mpETXx2PL3hC21t1I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FkguFgpjd2qGlAy4r42NnKzi7Qxo//U61yjgFacGaX+yxONzxduANEkYDFKIzbaHv8gnCQeLEp/7W2bS2gUZP8GPDYaAtKfvXp4r04ZgE/PsgUh6kAeRgwnP+1G6SNJJeYXmPah3/cMzPZ/oK+u4QZeYGBC+2M608VIs79ArY9mjvjDm/BcD8UFhop95PqClaUbfKYr5pR/fbwA5kXp9aX3bRtKXJlB4kKOjpQ2Q/qa4imCbXgX1vH50raxqIJdcprzYQBfLe3uvkN6oY9fRBdH8O+VwFBx8r+BYg001Jxda/352gcBeIZBkuNsK0SedWW8A89U0DKMc2tQHgx2YMH1EXYwkMRLR3u+J2yjxyQmpl90na4uKtb2N+xc3T/XIdhYPFJINJ67mRm7tdC1xD2hzmrevz6Su",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7Q3XApk1OTGHHqjP6C6Vhk26nSfkD+ivmmTFAyTSiw0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ETIAOJliEtNCxs5ihBTxxf29xKcfq1Kbu+px9aM4z1IbEoo5iYRMc6VjeygIxY5a8/MpLaQSY5drnSYhEVGRLKCT0MhyEFOlHTvCEtzO4EvfMIXIWih0xv4J9T10k7MB4bvYT5ty8Gl42wPIqqVe+7kldH7jHHLoHV29PdP8U3+DJh/cdIdBrmBozYKbJba4HUJFtyw2bHMdOE3sOAcvPfJKufs9Gk39fLG+j95y4Yvvrhf5jcYhSvefaUUEE20FxXRoLSEN7RSTWFI1Lp1xlNhVc1AbRFTqbShtw+L2sslko7B/DwXHv9h+mdtrUH+A58sH6rBTOIiRyBCMNr86AUxmp1f7/ENCVfn8/Q0f0OWhxCpvBZIX/dR5k1VQ2JrHMZ7CEwlzjMvaC0HAIl/VOMp/6GrfO8th",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7RK587kJOrIdegPEmS/co47oI9JcjX/1R8x1RB2ODMg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YY57cw3fxfjX4quZPcz6PGnwC+RJZy1kgsfGPFsCb1FwXuvkB/F6fJqgAh9IPsmg0rvGPRUY0ImJlhdXH0MocaPD3ZCMAywtydIEbYLMNe8VA5iDcy/5ieePj5XQCmPvg+k2e6ctUNB8VTwU47PJH65L7itVf6sZDReiT+gntOPpiIjXLzX/SsmjcJU+ThL4dopRss8rsgCqDtl0Mv55SnniMxVdcX7YypBUxGdXwRypYsUyYE3MDypzzALE6C5W5jvMDyXwEGM77KEXPuHKko9cvOo254JgU0p5fpQ4XvoVyDiu3d9j/j1ZG/s6+ryPHbwKZHXEArJ9mIYoWvjUq3dAlImqiTa2ZLGXWnwGAXrsGKoH5UnGL/6FAi5B4qCqv4YzwXQVQgoGb3EXoLQb6IM16+eO4FSJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7RhODa+0NXv3SCl6GsmIsPazb7aoRrCTWOyo11q38wQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jnSbzXwzi0DI6vdGeC4HWmsGxWgw9VWz3c9a0KxmDJijAMfyu+4WMb0AnFLWvWj5E5YjX+lbCrYbYGNodbuu70OX73V09lpLL+5uWs4tliz/KokYS8QEU3quSxM1BulkhfeNY/45HDb1VzHyNUvSaq3L207Hbr9lqu2YkOZ9i1sOH4c4BJqU6DAqEHs+fj4LMXXOI50XZxara+LYxwNxv0PzEaV3OwK380GeRBsBhbl0Xe35SGiyLLOzNM9aOQS3ZzyoGbMHISeBI4Mpm3qAtvbphYsAL1ZBC+N8+E/oKoGNdJZCIJ52gakfLxyKtjyWAd8Kj+fZ0RThvqDUEZDvxfEes0tKKHw7n3LW57g4cwygCP7lrsKZBQgcdVzU1VRXfbhlOeZf34PeCdbI/QPFTx6Poek96tGH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7RzIBTBcG11nmqB/nLnkY/XUQDvEaZh+eddmu83pRj8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UKIMzha5OBZmOqoIvgMcWhwg8fzBxy6Sb0mXllUJ7PT+CF6/MYy3QmcZU6gwyGQmPeLi1dJ3AyUPcpzY4HT0s4VvyWHC93p7bFPnph7WW9AfH0MWW6QuAWjuZp0JWhTAjHCbRBd9DBmrQ8lso9O9ky7qpfAx9zYWcheDK/8bdf6aPaTQIokzkW/wPjbdqkm9ECp1b0XNAZUQcMF2BQYvHvsDL1jCyOlC0OqFzTQcOpW9U05iPG+AMO5vV5+l8s7TPRykoUMyIZMgKfyqLj6o+r7SPo9wJH5JGZj/w6QRr4+WeH/Q1FyJgqS9cohnTpb6LKyfWwMvRYjWkXum+/H+GUynXAINXpCykAKrqj9MY18mflrfzg2VsB2kJ8NJL5n6mbYisLAsBeqmaFPpxRmz9qitO402CzIJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7SoBiLMGzkX18GYx0JnrNFYuyv4cx5woHcYZ7uvJbFM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fLowxwzCZG0MHCRiHxoK3ains2e1aBZm0nnozGstPvWRn5sUT3/wR5dlgVIQPlazNCWAcxNJiz0S93PdmhZMUqI26jLMgi3N44te0f6msO8D3rxES2zNakZGv8b+tkee7R+Nj10lfT5sR0R4byM1x7b8eJZiSzbEGGCRVB7epYsN1sxX5dUAYQxa7AWQLlB/FMjM2/FTJvRu7f1KGZ6XBXGJO27ARli876X4CsiLkc8QBdcBrvoo8tsOyJWwLvVRmIW2Kkq11JibF9Fh303LVMJ13tTqAU9cXutiOfiJSFArZstQKOTPk2IIgj9ugQeZi2ptrb7/IrbiAxAoIrjHTICdPNJp67vKxnVwrsWiM8a5TkSKfI8+nfOTFDFYK3TsnHisb5z+D5U47bpmACNKzs426XQkHmNH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7TJUoAGPhAHMhiRTE8c2yg8onaSXYcpvpX3axlSBbn0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HEROqwu/MoxIE3yIgZmEc/oqQtcX/x23lr3aMSsLAj7jaR18rIID14syIGEpzZ93idg+X9Qm7OeC9A6eWQLcwqdkNnzm7YygAq1OI9s8r76zDaVGnGmuM7ABpwPLOnWFSmw51ZIzqjBa17reiJ9qbWcrQ2uL/ZMzZK+J+S9RyChpWa3dn/LsFdXGLUJaOff6ftVNCeMtRypjMDSgGD3di02I6N9mZNIHJBka7V8XxRCba8uIw02p5dthX2skFR6EoyChAEh/7QN3vH5WUZPx0m0dr0PdcuzyvGeFAquSa4CAK7faLjrpHon23Hb78sG44HtzyGn8FK0Vc3Uq30gEGgYAoybeveB6DCLy4SGUbP324Q8QenECCuKiofboYvOT8wMsE02MrM2+tRK7ekKQb3YLnP3+ryBg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7TyOVPS7W7bWQhJ+wb2CLchkZUDBYuIVD9PH9G3EiW4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P9KFfjb8OArd16G2tr1nGSa7nsvtYFAWwDtj/1vxx9pOVRaEAt8RGhCDFIAFUOohnFRn9QsmqsKY0wSj/cCZ3bC4+UCNWq/BllDUM5olXUiJ1EcZbdTQE3bxZNDbZGP0iMoKl0FeVYOkemSExhCRjtN8hpNjDN0y2blLAhTke6jZj6PpKP8CgTEKeXoNuaz8KMzV6f/8XfZGEPjrQa6yJafdG5F++8d0/D1JubFLfemOArpfrPY+MSbMyES8OsQ2WFxRKKLb71e33fiE44Rwy1rHs2/+W3JkKis1pJIBwh9nw0LzGDu3yogmQtOBDvZPV94N0XGoBih2hW2OaXc/CjsdFUVoFXlqduerZ6TdmWgnHpVgJPXctUP1ALnp0fcvmrNYofjafkIsTOGmeNWKYWQX40/BOnLr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7VQ7gTHZIo53PpCWdwIraiEsuFkb+/LxeeJ564N0Zgs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ajXF/l1nJrYZiQoP5zqJC/ZgmC2ylHGSSnsc24G9nUB9WuvX4TC4wbm8Khkp70WwquHpEpYALloBWHa513yei/6/L67R4+5Px2S3ylgkqM+E/JQHKXyn70ErZ23dGab6Z9ycRVikci8fV/6AuV2NQDtDE84WyEW5ygF7BMBVgNMQ0nGOW4/R5R0vV6yVZKVB5fpkHYsOh0DV+XR1vvKBYWY79nqucoVFerlIzFLrbLIeT9DluUSMvezdp9W61p0OPCGGrwaKrh7qcxptHwVxF066Ntl6NY2FimpG5/Dt3sVH6BbT7JLGFg3WTZiJIefxjoqR//0798CIeLbHmaPCYAwzQ5PxM/TOlmxiEbXvHNbX8bMmTDOU+WHpn3ZHmrYele5rGs7I/iPN898UXzYgYaRrI8hyWzVX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7Yt3fr/oc1Go/pCmNIMPWp8IT1b9u5Rc7YRUKOAZEGM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9XlnCm0oBrcudCf8uCU/x66Nl+FNAWaPrLsijeFL9iwBrmyq/dW5wz7T08sL5fLroiWfn6P9tFRD1w+bAnqSBBQekoY3TqxM+OmEZUw2bcOT88HypVbH1AGeKVNyJuysqZaRXC/U5qZfRoD5S0n+PDF/Gx3Mkqh+MOSK79xEyIJyn5xpIXayA5w/r74Gau+B5l09pYk5IWhxrHoE2z4gSHcy7nFSME0dL88I8RS64/ryVfy0wVLZMPxgBXR0btyFCt2Mb3sSu1qZdEMA0R/PXmzhWh9g9gTdPw9y2jhIcN0mfEzlQXrCNQkPkPj4PPKbzPc+1XlC0TxeVmnsS1icL5z+mgMxBxKfWH3JcQg+RUpPQYTF877kfPNeACj9FdldkNxDTPeGXJVTN3YnwxUTldJCQkAnrWk6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7Z+CMlsff4wA40vLBuJywK1QZOcK3hkO+v8+2HQqjmc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F3QowBWvJZV9FcucqjPCoOpcoyL5VML+5Awy/zzppfr7Col1VD+X0NFHfWRkh0pThDyhL3OmNSGl2hL9hgogqa2Js1fJKssJWLAUNN4cNlmaeN4QRTBb/UDSVhsO67HGtYecdnqhJitlnQAEG6Pvc2ZYgAPFpwGIaBj1qC/dH28yJIwEg6sN89rH8m89HrbEts0SFvJNVzAeQLJHQRW9gmci3A7sgvVhjTVEzm2BqshDnUYEBbhTYWbEPeEC6Boihq0ZM9WzLFiEauFhLx9l/w1fA3+8T4fhq0rnd/CfeQZvL8mlwZAzR7B1gDR3HtCnTNzlld1VnyLQUSl47J/s/VU/Wk9eHBhFD+3PaMUyBHVscO2hOmFmtwzKPYu/chHAYnEenEHi+C+8gFq0QKHqy+Ebb+3qvdfg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7ZEMDJdBEm061Cj6/GTJxk7Jvxnk+N/j4haqVwGBr44",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Tqnkkgb7omZZsj3dvrUtmw+yWeMjnL0jxY13kL5BrQWtgCJujQet3zEe9X1ZTYkMsS3xKM5hZ8i2y5xGBmmAg2dfq3t5Cf7nFN7ADLnaqnYuepoCMzYjugOboPRimKYntnlZQDSdUfQAOBIcIWqWRgbDr4obaPm0KiYMET6ZCbSKUUInXhrUsCJnsCklyFbqFJpAbeL8M4mBpy/0eGMLHDW+Qj37YOJL9o+kEPbKah+ZKGqMyZe3pBF1knq0wO8KEO4rEWJXBL5pVP4XfBaiCoWLvKg5YIJtH1pSGeDdNmCAx939FbqyisOKslAcO1rW1x3FjcJHCmirauJEbRZpFRXXEKAY7apxmGYCzJGpGMO9QaW9/rF1goYsXrxjvl28DhzcFlugmXq+gvicWWeZm/G2svj2S21h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7ZOkMd4Tgbp/bzg+ZmbdFFvj9TUrExRcz65yXDqLza8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hBwxz4ImIcuqRi1/Od3WUaMLuwSuPePMcMPqaWKv2UeGEEGddMY271dQiZXP707+EsmM7jvrgTmtCt9zBaOeDtXE3zrNj0dK7e82xAYIS75ZsciHCZDLYaUq9+8RoywfSIqzk5JhvXxjAnskkbXJ9bFqW6YK3u0JdR9ChWzCCkw/F0SZ0zDSuozcDUip3d0d1FG6xVDevyEDjjLvmLxkmhvcJbwdcyKeGlmAvHLcuHp8A6O89UZpKiV7sS03MwYcWY/PYQDlP/pi8AlWRLLrSM3VcmhqQ2CVZSnqF3AurRz1yV/1KHZMxjoxVmtw29bpoFtESzcS4qPv0/xVgbixEvd4UFGYsbW+cABJEuUNYB1xfXvcLDof922NtQe4g6BwMdzq3+cWeSCFPS3o+0LJFWNuGz9eyS9/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7ZebrytwwgxSzNdUrt6F03DgHPmalMK7mjGwPpPbx/Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LLNMBOejMWPWchu34JdBxKnbKJNrepFTVhph1cIqrapgfL2pUxIoPatg/DCFZ+5z9Eh0wPSx7eYd194JvSz4cP6vpKiUP7X5jmQDYc0P28JBub2wtOg7X8sw05gNap1RRZV7cE3XfBnnadTFQsL5/zgSSeuKeUPllV6xjpKJLrpDP8zT4hkrLpt6Pl8m6eH1gCvcDiHtNlgcF4Rg0rZSBTy1P+pxaxNerWZIMnVeDzUAeY6Iv0od0ZdwXQf7JEgoau8zis1tEGaW2DWlVlkfJrLhm8nCiam/crnTg6wJLN/qC8J38sVwZGwukzTWMUOUhHqCFKbglq/Y50v4u+dAHXkwl5SYacZQGqbUh5UJRNNgHeFJ+5B4CNc0o+ZitJ2FcZLr24VQ/wjRgL9RafNxkTy1x3llu63S",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7aCuJ5mDbHNsctXdTyfFWiyscsCaLM+E1nqvfmLzs3M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aViWpCmmmo+EqQt6OIy+HnxLOe3zzqRli1hN7svQNtxSDl435Azq+L94V4CsuT5hRM+oCoRgyIDHVtbJdRC/uo3dZK4ElehoGjeDqDihIacfYWNbjsDuDluMFXn8xeKs6IrO1mM40m2yKFn1iS8s5jlsKXXtl69FIy0evphFPVEXrEQKhriAAicD3GaZAcRr5W2YFlRdFWPQNrJmhKT+3INOBCpBBdqDdky9GFIoTIEkZ+NVXzJ5+0PTsEIt4olMq986ZBIDjS6Fw22f2/cdXnknGcbbM0m3vMu1NVBUWcQHD258UagIlrPnM6rUbd6TYmZYz27vVjdlkSURLGj87XSanUl4HmGvl4z3psxMwrxraGZVAAWPOX7f+FCiHivLv71MFpa/mbHztMLrb38KWLoCY4EDnIxB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7aSml36tM34CtctmqdWCPw2b7L3T84xAsc3cTa87oZU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bCMM20GSO/dc5o3SKhD8z9lENrVXGD9frc2C3vZe3EsC5dvLNnH04eb667NBpyxg6b0SxusTyficlXM8cAlvcYzC7WOS6QnSnJUyCnLGca/3y50IPN2yyLugPsQPgOfnM56yIB4SwEv5RomVLLtmpy9H0pcfg0FSXSyo9hFeAcrwEpAqRL0BX2ohHtdDMijkAo9Z/eS5qQyy6j/9D8jWmIdrxWMME0xZ+v6k+ygaSaAMPvkBWRXWZkurp2cKpgEA+hmBAatlsiojBbISbXKS+LBYtE2/74fY8/reAwUCCbEtz2DvpWcJuTEZu3HhpgwWxfjkeJvAWG9g1RHe9UeAtKIRiaDyksrYxsExoD3WDj1ekLNlSR8bHAEeA8eyedkJ4iIullL0mC248Gvu3siiErZu7bdqkX9J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7c9bBKolrS8WKZX5BSftIEO5kzgUYne3rG4MCzmLMng",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GSUmHXWmfHk5Fx1UDFchGJKz2jX6hhGVQ0gdWzHMpyPYkV+HbD4nnR5fMiPHT48XwvqYLYoDCJsa7tLV6btCt9k34vnhlaIBp2qnSRosi/d9X1oXGqbxvJcK3UTwo7/oY7+OFjncDspg36h8yKOOgcyFtzQHmoqSniwXVBvn6DVwVqHbs6msVLYDKYBBMPUlqy82jyCST7DydfPDuSFsRPCML4nMVGaQsPbZg9i3j0wgmOUDo6YxLE69j+wstnfVkwZ0ieY+NOsC3BYvvelRD7/mvGtA2lg9iVk9IE+2cJsnU87rJQ5iflNv7trxmPzk/IMkeMleFg/PF0ZgaD3T6EDPNRL0YOx+EcOSuKcm4zfvYOmxkpFVQj1tfI1mEz73jW4XiGxUagta5Jndn5NbTOwP6vn91KfA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7cmLajBJcJresK/kkpZWSypa6PguLuvuocvMi8FuVNQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VcNQsl3h5BJ3UsJZCmyczIq7yebgYv2/jeFkBVVu7k/TzJknOZvDWNu2fl/1vjc/Ttw05VtOhI3LzvxORISTgow7rIwEZHikt14TJiGgCH1oNZhfPTLvKiuRZBjHknzpsPWZDv+gxzq4aLq6WHHBUTJgxJ2/rVTVIhZ/IEyeJZECEiWaslXbt2raw7ai9XRD1i1bS2W3asFkRcuUODlf2VykY7x7y4uSLmUTB4aitpAX9bKFkcYuw+bd7A06KSkUCT5BUSZTG3FwkLzSU3AgWOpC7zRZqWEhZbYXMvkIm6KNez4JmOgCCdMYzcZNH3Y38UdlbqxaRShLgB9fX8dK2eThO+TRRJ3OjhvTuBXzGfTXdQ22FHRarS8qJvmifmtLBQnYQzki+f8Vo3oNzLK+B2icktTQu6Vu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7e53XGhLTiIAwkxTnn/zWGa1V1HfH4kqq95W/KZFrRk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gB+28Empq2vYVJy3BR/C5u+G3p8hmhCgJ1ciXHimPVX2Zmx4mXIeGm48iI4HiDD3VA0qBpPNNYJxSA6+fkuL813buULnRJMZedfV6iaRgWNceTCZuqixExkCDdty+eRfS6eYeolpGwEVaaJNcN4u+6/48sCx/MpzfBF0DbTqlEY+EBB3cH9TVBC4Yp6cEOjDtm4ozHVM+iUbKIuojhqzTHu+16QAc/oy1ZG8L/dSAL0YN2+GG4W3mqLS+iHR/Ls2ze8N5e9laXBfM65HtEOWEPfaHjH3FQe5GYdMvniRcsrZ4EfenJRHq7j7OEu9M2VAsGQ6CxfvOqTPzIBPsGfw1t+Eo1qf6hjCMywwd+5y8Lroj+mgPW6E/h7scS+tSGOx54O3133os+28pt0hDksE/p7KnTzKQp5a",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7eabRDHLw27j9pfn7hY4qlNbOt8iIimIP2HlYoyEA9E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LFCSu0DM4T5fIsR1yYA9Tvs0WPm/xtBor1Abnnfuyux1kzaot1Yj3E19oJOBH5bS+8iVRXvasLUrfybyAFsBHgosiBWHqMHl8jxXU6WTv9hTJpK0Vuyq2SdLvrbp3s7gt9xlBA7V29WlPiLkg3fO1u3TPjIrgbZ+7i8iI9GRHNbCSOEyYLQk2kMXBtwQgSjt/0N+gVWEA/uI6ONn1wAtmX/cXhFH4diGCnpWrwbEL3uPXZdsBp9Bd0Lqkq/qkgiTvfHHbwd2czLI5NV/NrDhZJwlKAdQZXP9VqGWmqUt0Gi+EveSy97C/qT6cS9EnPFcfbdOBNa/uttdblng3jj1ZrW+5GX/fa5Y1M+8G58FRo4vdrsAkCHGjBmCZK7UOc6FmXhbVGps6aLvx/XHu8l+4NuQ9j0K1uCe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7eqexMa9u3Q5sOYlawzHc8y3ZrUp5EB6XWOWYLSW3uc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FE9/tBnRcnSvUweTaTCk3tosYHWd4RhIJJPE+Yv/RNXvXdT3NtycwTkrf5Rkei4WZuPkcPLykwgUHwzW3lgCQ439jhxgtZhPexkIss5la6TuutUtm6ftiehN3q3H8ceWkg79FxLT7y3Aej4eodDhaUeOYDFQsRcivZXYM16BKOGra3BF0t3TLl1qMHkzN3Opsfdic+lSx4L0vDlTP7K8Ycyk8sZbUhriiHSypnBDvfb2EqpXz9x3SyXqaqdX+Yo10YAVN/gWjeBMAQNVrRIcKgD+TZxbKvAdBt6/JzFDAgE9YMH6bTlwEXN1JRVo805VsV2c5Q5LShioftl5a/n8hHCyb4lIP+osCSD3zK2YcjAkfvc1hv1ecK3ykf5T55Bjl8qvxwPtS/pI8RuRzZhSHbkPxeoZczue",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7eu334eW6YO9QrH8xbujB/Y17+lxIuqzuC7uH1YZbM4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NHNyfoAuzruQWy8GnqbIFcxyUxWHRbH7lchqovYFGPVJQ26Y6XJNrLHnmqMHpkIYYXC5rX/c6UxMD4YLl3dUV1sBOZ2/orsFxpWHsztHUs9b1GnfnEcVHfGr278W2c9cKjL4/ZqFjquWpU6YGxDp4M11rxbaKaaZ0IsyudLPIOC8zWQPv+zO0p2cbn10ZUHK74Sc0C+5d7yA74T2qw714AguXH6+kTQENsba2+9Rq4IUq01pyZy+5sERUTiE6RwEdjiG+2HLBVK+H6iFN/SsxRAdh3cFCdwrTYCGiQfBU6jNIG8Nwk62rXnVRP2voevn8X6Su41tjgudFyjHgqcTqrw4Ik1hCEADd5pR+TWEPwvsNg/0v7Q2yxNlLQJaOIrhFMjuE5lMsqEt9PNY2Dn+rnyyjzfNB9sw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7f+dN3VVeyyrGgJtEgagjsIs7a9KaoKpbcRR789oQO8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zcVedItK0gHt7uHNXDkCpiFxX7BFwt9/b7zfonvOMuWvY6lYMT5knbuSwuqPnum5/iOH0+8BP73Xrl2BebTVtRlYACK9hw1b7v70A849+QKsR6P/wuAM+TCW3t9jIjQlhWC3IHISjpl6+I4sBILO1PKr+LDyzyL4eBkRYh1ZC+Ql2JLC2JQw/NTEvGoXFc5LDzUDJSE8NyRQ5i5y0mDYvu5FvpugFL6SJ4WnmUxuMPdnHEqMVJm2Mi/E6yEfYkE4FXtqL4n+JCdE2gjAIPrczQWh2i8hzNqtbifw4OEJGXcAoU9wRzR3Yuqci06Mb4pEpzRJIQMRzuRs76SJr1EE8Qu0BebdOUHW8FHO4bncXxoYVNUsEgdZbVYubz0XsTYF9NgU7yj5NwCR0RKJdpUriZQXs6mPRUxW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7f8kUexa0C0elmgwqofzeZNFXoM+dUw8a1oS0dOYXiM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eflqfp5IBfvQcJHfFVVmbzjQT7fF+nNBhrGwd9LqCHnVgFdK+mfv0J7hK4dkIGo/aGShk5i0/Fe3Yv7IyPT1/NkSyGkWBnqit0arB/IWvlYUdkF4957i7FZQemAMDlabIn49/tcF2CxFhXtUYOhQzj89bUJW35v2520eDaEpxKlapwc/JQpf+jdzJdAQSUYX4RLYDIpsVn7N4iw2HmJp74G/h7NYJA+vDRnqfD917OkzklyPMfqfJvihk5jO334xbeIXpJWlSkeRtNqm90PszBR7S4+HVtSMVSdg/zKpKtoQxLMuBjE+aJJ9kYNzsdUFcUMiP8Gm4UGw8NC2lDIGDfs7Xq52oZmICOegM4fBtHEx2pNjvuKo0T4Hh5K7bP2Uqb0dKh+/Z8DwK0zfD6mA4Bzf4nRhu8Wd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7fnS16sC4aPJxPyw44szRVx2fp9zj8wlrYIKq0F4umU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Rro7UQI/rHCZCbu7sX3zWKQZDTRbNxq0uV2LK6iLvLTMQBX0JOuHJ1nAAVpuEwcGcpM+6ChlTZP5GbX9ozKUQIz4GGCPOix9VTp1DMvT9HPRX5ye0jNVxaVV5BqkQvIR3uqCiH5J8E259jWkc147jYOWo/I2gA7DS6vpaQattV6i2KJ4/aDaFn7ZYC5s/0yzkHjIu9m7ym7IM8cRDXgSv9iIS3KMjFei4tF5uVPFuE2WGkq0mkhrlnJfncQJTizLSh1JDqavk5Ck8D827/OAK8OUnMM1XQgBJnLq1ck4BSz+J54Vby76Oa5WZgWoHroM5gIQDnGexaVlnBkMy2c89W8OZsLMRYLvc4QZxPm1Njd7monwM2uJWQJAryIhrXEAno/sXO29AK6mOCUUFY/CMTLQIeibojhA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7hsJWeJ1VZFKH7lUlM6bbVfghtRqIo89zpHhPNACwIo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QX1ON0sfFsZTN+8KdIeUlBoHoIyuCssSN7w08XUOEIxzKqFvv+2KBYyilD3No00jfD9Ir3r8nylufzKho6VzjpIOJCiu5HAO7VQUBIbtrpLhl2Sx5c1X5bS7OS/GdkdmCF4PloGvf0LTEZqBBgvA4OPpjhHiDcBduW6/R1EfHYdkKzLez72Oo3dvJzQSjdFMbT/Is8E7wejf3VACqzpoWJgNaRW9aO0TdDoh3zZ+BP2hjUrVrtBUaDpEoWq3+dQrL/LGTllApD3HAvq1BWTcOHbhMnnsnK6Ed6gZDURxot//vIvTVMpB+f50zwN+8vD+dUnBPRrYf4QbqcwA8LCNvCAj0Il0Lwid4bduhyTbztsuiWDtrtYIny5AHq6x+kG3jczZzoLzqYBnC3B2aYmeXb5Ap34iDY1p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7ilwvaoQRvwQEy41AhoOMO2RKpS96WsMqwzpbgkXC2M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6IMxS4+2vM3aOTjGOy3b6XvT7E7O4pftFTSg7vlfBvfZ6vtE1YG2Y+4dnx9VT5U3ZeoFxrOCTW78ofBCaJ/T54D9p3sEU7Cc7S2NOeUfC6KhhhKAx1/i28nO5fsekf6iz1VJ6d8Ekzz01jiOcPzaz5wDNU0YxXByCmWyiHKdhwDW8XoFIWXTS+NwI9U5gcD6liEIdDkaIqiikIoRLx7F/WdqRF3jLGecKQFto+2c1excD8ooVQ0vgyNclHtN+l/gHbBKbo22/+bOxKl+FTc2Raxt2iQxENjSu1CqayKnqLs3zFnx1vzgny0MtxLIdfO/646mD1eUNFVUXioKYzJZPQN1tPSDB/eFk2huSXCjf3Nx9hyY+u9bhaje0cHyY1aNCpRHgu4kMKWVDn+C/Ggqi2tn1w4t5sOs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7mtPBury8aZkQy0T+85G9z6ZmHtBSf8ErtEvdSKtgc4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N8ZCog1KrVdtmQ/6ZobMgyR+ii7TdiRX1pOSYqy//R7VCgb626qCn0NG86STK2cXyhUyNpP9Emq1QmQoCDihNoFhiD02WEOMKaSc7Sj/B6ezjL2RWf1gtZen+vJha4tDUaafEdZvaiF3VeLqv9s/aKYF5eW4NRmA1HlWzvssYXJKGNQtQGPCbV0DIT7TSBLtgEwRGxAVIIf0fAob5ejGnJ2Wne4W/ZbtRTI/RAB34aOPSnKGonJtI1KxekEkvw1uRJAnZ9SwftcE3yD3HgLPHvmxCR4i4CYgDoUFn9dxvWvb48epMDoXF3TW0klmv5/7ty2fiJvukxLjhGh67nfPVBDoBjx4S3Rbcd5KWUVszD+DN/LGq1MocnEQeobf7UU28DWUR9AnHfW3otCUTczh6BL6AjH5ZXs9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7nhrGtBZqVHMnI0TxawptCTHYmau5XvNZ4CNRP5x4Bg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "63NIhDVRqpAjq3a+Cmu/GS4chd1ayxIMcX4D0wIGRV4VpnzenXlkHWem20QKVPEc7ZRlgN/ArZVAKmdJzTqEEHrfjez2ovOcbzkR5zq4J81cLeHyRKWpt/UHxq5SfKvw6AYrIqd02XQWDOG/kQV5DieDr8FIl2YnwAMOoxIGv77FHG7Jt5drTmk0Gg7zd4d2DI9qIpRv6BPzRbYGZZ4K+d1HzKGw8y2VyMoP+k1R5H5Gw5tFODpyRmgrvWRVk6mdyyEO7Cwcru+laJa05V0PPpm+RP4khCGUwEoU/ce2L1ubCw95tTmsww8U8s6ghaSPtsKhhfQmG9h29YJFhdOpzXvy1daT92e44RdnmcLPAL5th3ayb+lgY7JTIVcXGiOPhWQnye5DQ/ZEuUoTNkBgapuBG6539J/p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7of48RXH0zqUeq8VK5cF5EdS1AkjzI0zqexi9iTsE9w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fMSOUZqsBntVcNtMMmbEkJe1+Umm8J6BIsiUxcPW+GzTxd0j4GRNdYxhy2+Ih/T6xEe3+Xm0XYK4rFJKSZJY4OzEmWxB5c77wBqAkKSYXMmvwq6bzuGVgwh+J27rDJAVkfsqs5KfAiDUEdSHgh7H/HIhoInwHpRPnCRNb/ojh7GWt4uY9tG9K6kVTayPCoyhFYFJbBP2gdvJAz0DIaVXgpSLH0NYX0cQqB72sNOx3GKBvNvC5xEGG9Y8zidYvIkuj8k+L+mImBx3zlTqLnleCBOAls/Tm28efgdmp8XhsW6dyfOqV8kb4szWYb0+8uwYpi8MkY8JgW1ozr+t+R/ku3TndegTaUVLfVGc2+xGjX0FTWhOn1xScpAdaUbD3LluurHA7sfaxVjhwmKvwUict+iv4UjKyowm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7qW7HCSBQBVTKjzrP3mTRm4ipY01z8S9PIbb7usvESU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yuV0NzmDaugIeBf1hqfY4D5sMHe9JMgjw7frFtqwVqJx/IU6IKXPVW5SqZ/8D/H1Zb41tiVACmZjqrcbBB9pi4hr9UNhSnppLzKhrNritbpkW6EoRtq8fRNK5m7xgA41hb/QwHcLERmIGqEPjftObkbBAGmyOyDp+LOK6yPM9L0T1k08+EqzmJwkkWf4bx/3zw1trFDLsk8G++201ZEfnz1x4zlH0R6OZXRP19LJJppeafIF3DOFOMP3nRjjTRkD3aejOK6mBcss1cFT9aK8Kjw/KaIkS6NLCMefJOpKc1DeE8ZlsN1ME/0eWtCKxGXoigFWweXTtkN9ziHiNhqxjtbwQVHBonL7k51TxnvzWuEirotmXwrufslpvjXHemKAyXVaq30sloXAWmRg3wMsOu4+8vDuozAM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7qpK17J8YChR5FcLZbMZKt8p4uE2Dlb9cQVCkyKbTwU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vC67fqizCnLXu4CvgiY5cnDyxClBkutQMCMgirwq3VUBDT5vcoI3VWkOmpkfZovOyONCJTd3BfYztzppSyujPcmEj2gqg+oIIrkYUh4j1Fkt8WB3nBnktZjMcPfTTzc6gc22HulZ1sGmCOa4puCgGyFUBesocIt5DgQ9TyhbJjSoZcJRNu6ycGZirwOvgGGIm3iPHGvuFQYOXzA7m0MaP7y+LPZlNUvefcsyklkFKI+sE0ZG3LAZyYoHb0RgWwSB9XiJZ23P5Hcd3RFF9/Ximx8S8Z/qg1RHqjxcASK6H6MwaDp2/BVPXJKy2xk78jQYPg7dr1lQK5772qpd/HKyzi9ZqOWdNeUqiKknzcX5h+qJYlrKLkOEq0c3cjsqpr1cOUMCYAbV/8oGtbyibHNJdDlO2Fyl1xBC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7rop7eMp1imYSaBsf8oGz+2XxR/SH8WKUOm7Jo9Txu8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1VFI2saajcYrFI/G9P6bokNwnzq+IYPn96H0ZvoSDmmeb6NSdq1BZmSPCIK2BLRNhl/y8k9kXQmopcRb6rA8qkAJvEBXgu/Eqj2GxSZsqrYPDTN7QBSbx3YyIlyniecg5Zi9+upJ5ryM2jhqIYXKdf2Fi3b1Eutr+TgnqB0zgC55f8pqJBQ+DwGLDaYlrcGJWWxGxta2BEtDdyR+uQvo8JMdtWbMh/w2/vvLT/8ZM1DQuPmt03JD2ZK55reATEvkwCzdkg+DPlX/nkZbcpK/wlSarWNN1yS+TABtvf+Izs4IHO+ogHtkMC3p2mFZA+gj0XDhXBMK/ZgC5lO2mVijDJaKp1zvshodlwb0QfuMLGhjzx7DJdzggTytTsZpF5t4yInQWu1F4H5RNDDOwoG+AOq/Rkjdfadn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7u0z2WtREvAE8t5Dtl+i7xUL9aQHCWS9Qi53vA7S3EY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ugGP63yMUlaAlze2jDe6r/Ef3Os1u5FKqkL8R9nk22fqtifT5y/K6V/+/bcz0u2P+Hm+jL1urSSKm8E6X6C38x4gC5Qg9LUDf4RC3ba9r2YYYbO8J67sAPR/Q2wz7GGMmQN88izxiCCoI9VvZ49HAE+83T+cymJYorFftp+in2u2RcP28UnaastrFelbI3rejcFEDEjhmg5MakVTab2fmMMAKSKkUPOOZpQyxszEPPBlrF0Ocnvbt/rmNI7RMwDpM+hW/7Z01gck4KXdHOIqziwEasyNNwtP6SgkTt5piXZxpbMbl4UbP0UhqlfjLy1a8LHORhpPMsOlCFj3Ni0A7yuhte5TfiqFu1XmUxiVjvMmnWy8Dq1np3GtZaLzEdShBr9aMzESEY6uP4Fj9EM78/bis5A542m5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7uDczuRqqPg7yM0j6VVvlQ/NY3higZrFInHpnI3h+ZM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pdZ88kk+mmvshxdNploFeuh694QOfUcRpmt4g8tMOwDggIEHQTZgqj+QtHEUd0JSGMD5VDmLpbjTDgjouJidqiH3ePFSN9BgC1nJc/prC36vr1geLmgOrzxgqLGwEg50EzkrxK8IDJx46ByRXZaOQ3p9M9yNwbHJPguzf237lbRUjNh+HH+jpSvIAuu008B6u/y64wRNnlyX60GX+RxyS9UIXRyrsstJGpd+eLglXqem1/QWMFvGCiCzmTOyfII6nrvZl1krtDvfmnonQOWL5WJ3baT6KPuVvmita/10wrCQiUrw+gvf4bXBTB4SdX6S+Kpe8mqD4SMwZnqYQMKf/9dAsWC5UCCn8Jk2VG0uTDszhFVKk531q10lgWHeYluKz4M17GjVzxhDi8LHpJFBkzSXXrl3jQS9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7uxwinqz1vdAkdRQJxEoYOwcQV0Yz+M/S8uq1rYk7aY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aD/UqWMhHhGokdPf1qRb+tL4EguTUhAvmsRgzD+25UQALKk3RZzpmeihyQ1M8j1Lwfb8aKdVDwYGeBUYAQ4vMDY0Ts1xNKvS11r4LTwn4IYaXCe5TyrWBf833blXNCKvVHoOHVU0/xJW2GS5Il7E7p2u86pHTpYYecIfQV5q4f1QkR7faEs5HAFMUigCP1n58b2StwzTp8QY+BddjR7qcpjiUN1sGPbsmnHzL9m6WCx58fX8I91/en4ULdZACuMWInLzNl7uEZKqYhcfCuQ+CbnXjfrNlqcHDWIt3yh17dKfHZfzDt6Xyugwso8dXgjjgOgrkbKLPsB0RlcJHTqEzjIOjMkCvXJjq8dK9Fg/rAH4KOabkgjuOgqtQaFI9k99OKawyENSeJ51ksXZw5HsuiYu/VIa+wq6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7vIkGpPgdhzoiCAvfe4/UjXwfhZNShMsEVE/tc9hNtg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Id/NbUZspMJYg8NuBO1lf0YTg8mn8fUhXbV4B5ZbYraqROR+ErkSsvPFRKYTSmOncDKdkxdZ6jVW1jvygf8hA1VUDcRvHWZ9Fvd3kTM+zGCrCURelRmkSkgPxZjeUc2NgQSK5My9y7dRhpx3mBwHcPYdEsYZXNtpdPRZtIcCK8NjncjLCt0cel+MhuN1FHgsygcP8E4doa3xgk7S0H2L9vX5fMBwQVWIg/nnvC/ZjNILnHWEueJiatOePTRnPlI0zInnt6/iKAPmY4W+OIW6jXMzujY/jcXJBRbTVcO0I2Jl7CcsrIyx5/nhtPA8iU7j1HPxMPl/qUxdHx6eeV1fDkmBgj8eihyY5/97ihA6pCFOamDOKwfnWW7wRpA+Qlnoj0n8fOrLBcHpEstL+frmY3EvAv0vdDqb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7yj2SsEESDx+NGQeN5h9XJzu77wS1HkoFwJGxyrVJ/c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YVfbA0JSk7pItZe8WoFR6mvTeYmPdGEjZaa4ZEe1G68pwM7q82tV7x1Rt2nBk+/aSfdKn9rbVNlMpz4pg9rrwLoNiHnRBkqPa9jqGlVA9lK4QQ49BJISSGZv1gdp2hIO3TNV9KkH+inFA5CX3TecLNS6HrC8m8eMexzGnDBLl2kSePDNat+4sItmwNq4gYWGz3xS0BnpN7DYKJfyqWGGAzX+LWC8BU57kKKvasei4RAUqlKS4sUC5rF6jlWBACUwAqhr6LTX0IGc2eo653GEV0R8v2QR6PLbm1sH1hOeA86aD3LXJ/a1O7m7FrUYfWJzUdvBzkdv5nSvF/jfhI8WRQyz7oTr7gWT4qkVYrVydEz/ZGaselk47mOfuqaYbVzC9+YP09wL4aoooXZX48NSJ9eE8FlIP4rN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "7zb+a8+Q5JrS3Pe9y09ADPuupNfnuvDBYiQ+O14sYO0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+6q2NTb4Xi+NCRh2RgCMsX02zVujHStt9fIuI/cu4uN7IavCYKMxIYnT6sDcPReqOuSJXhUjsMQGr4R3lJW7+a2YWUCNVEbIDnEfIF8QxyYaRV/2vOQJlyZ/AvTjPz8HVudrilVVPTUxl5AxUso258orkhcddbnU+skQu0pT0xpCzzj4sxWgkZE/QDnzhzV/PUHxPLDGTbL9bj0d75rDvtFW+WzT7YKgRwApfVzYU9Vmrs0uHz3KnxMIluHEAOeSK4r1q5mlmxzIDrWolH5RFO0jS9dRcIGQotk5EZTlhUm6JR9EeH430yxmMEo8OVXNduEzY+taBG2ClO3JF/Lwmd+Yx9R7ykBQrArRQYoQdC01l3sWHU9tBCO/O7j3cGPBIZkE6DMk4hnDfNv6cjr36XflAnvdYjG0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8/b2CqShVl9RyweNR2avWkoTqekt2Rp01CiTfeAICvk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UCCQ2ji6bzTabPxhStTUD/G8Elx2KU8W4hCv4aOBDlIqNaRxjOC97ddJD8UjR8mbBBeipTVldj/WVcfcCHsdBmWbIW8l3qDI65Yv/tfuiBugL4YkNaRQoJmPTBbFIypEaxzLhuKax0Y9m4HT6m9uoC1Y106aY3I3+LIV5z0bTfgmA3n7pTDfP2v4BAUTlvvF2aHXoQnzsnfhKbonSVfV62uyODScKnDVzBMBnMvF5K0PV6r4VLuoQ8RFcFSsHPY/l1dz5xUFG2/Lt3qmRfw7DjROLSyYES7fYlabOuH5jbCGTjnISnjy8wUo4/PkJGPz33s5lrNGkpp/huQbm6MSJKbetu13HmNnTgyn+ivtk5d0qkHm/uTrpvv0s83Wk2kEeoOp63znImc7mpz3WACkG6T4iznf6TSL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "81UR3MUlf4a+lX4COOcqJNdkZ0/ZTpEyXg//ysefR6U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SF8iJ3stYMtfpibPbBHD6FcqG1fxQ7TtxtqSI3j01kZJsH2tXIQ97X0zhRUDknMsNVdpaLjKeQ0dh6oIiuIcYjex1G0vqczV+rvTDG7fzCEd3H+JXMm54C8e8W9cRkW1jcmX+9LwlTMLPM0OdCnzQLyXSW2fICdAv3dJWpTbLrTrmlT2JL44zKryfQZjM0/G8jQoJZu20f6Br2dUM9srMpwnAKYrx5SDSM3J5EkRzO5omE2P+qx9C8ihtupvqTgQrLYvI93gxkJRBKLPemJKHu6jVyQ0dlYAploaOsO3ZA9lD8B+RQYi15JzVCDVUJTZ60bQrkW0Ub5beIIKGfQB5dPtZQW72xmyL6K87A4E3QDSL4REhsei6RSUTeClpxnE8WiC/Z6lwDZK5pJYszxdQRAlLFTRm7eZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "83PondS9NgOTtl3XVQpn/08b8GQtqZ52G6OPARd4n9k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TN3IXcvJI9pFW3mTYsyjCjq0lziZ033inaAv3HDo1DM2PcJ+P5Amvhy0x5biJkoVtll2brGftVj9C5AZhmM5lEmOwbsK7ZfgptmpHDfkyXTAl5COfBiPX9ukZMJw3nF3W5t0kXrPpY7Hkc0uIZuwa3TKJ7mBTqML84mWHaWMETzxqJyncS3VzrMMThAk3xwZ588USIIefazuaPqL+lOBEM2aLe4YCBvzqgZe/kx3ot6vS5+JL/p2wV7CxIrmt3crk2xaH9QVEUFeyjG4CvotMsTKiFZCFAXyi4uEgI6zd5RNY8UmyU6F3B9OEDlwq5k2QEaQIsSReDfqHf4eQcnJSLFFLtGi+4N56+meF4eVVdG/bBahpHtEgsaz+0O3qg7NUsjDkJtCQ1+arbBFLOf7uLJ2bFDWrJZF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "83RCjRRumylPAvDexdVreb9ROMLxbyy/HDA+Do3YoCs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cMHNl5v61WmMVi+BVY8WpVmq1nlOzfH7L3lO1tUKEzycfX7dlS106TN9itlaSpNA9HSYO8TaIDXpCxOx3lYuybVjlEdNgz2OK9bQB49xL8f7gtEB1EOFVO4sd82XBGaOppEWVwNsVU2uGbWfViqR4BATTvdpnnbscu7psO6wjpnhl5CULqf8MN9P1I02+VvQbswgbLbx0VgkqsW5l/QXPmzAzjQ4x9ZTIn2mg6OzCnxfNnNnIw8T+Vr7d3xwkA8C6WvFgNsryEmJa5+Nxk26haMXdKGXn+ydl9lrvbMCu4aI3uvCkDF0wn3etaIZE1HPepODNoc9Y++Exl/K9pyu7aEs/tcPu3RILDItumg3jStwpjZML/zogOQ0M7NAkZV4dVi27AfRj0Qu7lH+3lHDok+KQ1AL4ut6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "83YwGbtl68NncKhi45BH0vWX96QVFOpYzBjTEuDcr7E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oBl7unmMKH3aKnDbIBS2YBotYxC27/oFcGHiwTM9d+Biqi/VR54BmW6PnBFlVNYesgiZ7L+mJecMAvdksfH54vqC4wh5M4rh9Stwisqd6EN0EaY6gEAfPO9rWOIU4jrxWGTU9LolBzwyQ5NU4rVj7csZfFJYfIEdms5j+FLT+tNvOc5GHuwVohytL6nMYmVb5rNRtakGlEofstVg8XcXlmw8q6opAaDmLcOGynFZsF1YplcEy0X3Y13w2fFYgBamTxnho+bWI7kH/IKrmC90W38U+lMbQKwJ/sATPK2FBbUb0TmZfqPY970ASB4Sp0B7Ad/ySXmxu31oRPAG3/hBtTwCp2zlg1lIYwXMcpdeGnvcegngh/jH2r6TUdEteHk3SvjYUSXurL2Vfz/vXVzIcH+SWkB6B546",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "84nUi6cKOxytaXiHttuxhuXcRZlpQGDs35GcZARKzdQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "svBtyVAyCIOHIKAE/9gc0F+4wowfk8+ICrH0RZyHoHo0Gyi77Kpu3XBKrVqurw6mGqzF94Ff86LA0jck5H/CNsIVlKq1SRs6/bJ/M4iI3yOkBi43li24lnu8m4t+BKeTBX/cV1LDGm6xjRmg26epzzjNnocbbdCrKDrUQw4qjhhLIN7E9aO8VW/e90OwUTrImQJCQuJKAW8qSODVJ8tjX1mhQoVHdbEHJyteG5AYtjzkqVbc0TVKXzkDOFJhgDKrNaGjSflalGaYxRolvwTZ/cXNLd/UZX4IJr0mMqNE/La4Ou48AhuFb18xbRlpaJAn0OfYyfBYFNvcbSdg8tcoPtfw38lsc643bodGQz2M7dMwSKcr8IZvLY/F/PS6s6CXD0uePF7tqCIxICf+FiE0tCvr43mt0iX9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "858USEHMl/rrt8gerXjN47+xqUv9U14BSimVN6FzfXU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6+XYo4w/Urbz0Z6mdD0D2/MV71n4xcdJBcsSTGEA47pTBYcwZoU0Pgf9LMxiL6Hvo0bZBL5WCwSmS87k94Nt6tcz1PjNoXum+bGEqRzNU8tFcycncymC71vkJjbvgNmkSpZKUgzqFpNjkT7snOwL1UTlj9JXgmQEKqLH+Cu++CEyZNGOpFkCCmiVSYDjQzS0EzkGLOqXuAxFzceE194jnu3dyoZuYD1PeXGd17lbAG1GTtKWxQolvtjK1eI+gf/dCCRZLQyktIHnT4g/K6doH5urCzu3FdjQ8bjRxoEk/sGhUXL9azrDNKLtgkrVMIzycyWUqJZ7HdvGwJmHmRpz5/fbRtI1iq8Tjoy9aS2nwjYC2cpZ37W35QhG0HQMqyzEDTcOLoJASm83OUz6kiWZ1E20FMWyVERv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "85hb61NE49c1apN55A/yZSIkOAS/GXJAAhGXdWZ7Wbk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "obJ/l38Y9DrlYWUFnP3WFkPweore+nVYiSrqEAW34CjmkBtM4HjDykzV4Gv2wl29xq/yZOkhKfKv+oqLF0O+yf948zaUknCQhey6TLz+Db/s4cM2FmD/h0qpKFXXsszNx7dYcLuQ7WUxJrd88EHFZxqrTTD4UreaRGm7qcV69bGvJnJjkYizYtXSwVrI3wN7yf+BEluWAH5NmOKi+h3VS6IUycckjCgls/ugzqUC3yfMovOYIkMtf6HRGe5DLnX1/tEBZZnJMAVRp4xY9+pumcPduUF+4pL3hHPZnUnBJkKxEHXFhJsNrCpAbatewCE7zLfgV0VqQPCwXHW/Rwz7QdnVE3JxWuwoVU7N3A5NrSqC29OORvGbmPM6CNb9SgaloXmHOhklOzloS+QpozusOngaXYuWIagu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "866bcAKI1Bs7TrHbPc6YzcZLK7k8Im8MA1gIWSHrQSM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "waWQLidpPJAe7WHrKI370lxdG96D+PDYpV4HKa/WWXGSJ7QkeWhPNh6xG3JwZ2TcjoDB2Sl7ntvMTPwS0PLsIBaVQHxBFPbP4x5t4LU3HvHDwHvbpFsYvh5Vt5lXu2gLZetXjWxRfLLviSL3eAbkMnVN16uyQReowooEbZLzij7yNhYiB5H/YUVRRXYLddoyDJjDZfgjmriHprjoOzSZYAcQ5OW/p5w1p6ybhHSESRPKkTcEUaHU7VQKiNgnYIyQOmfadshYSSG0Ka9OIHMN2fNv32m1VghGu8uT/+b1XtL2tjsNRczBwSzMd9uS3whENsAaNNSaa8o1pZAdFKPGbtF84kw8+JI5UGAmReMnFUUj6l0Xft+zwoZIJ9EcdrPXqh67KO/+FKrT8gWlteubP22JDF3SmA73",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "86bNgWq3YsJBe8PBIh8fWyPn5+VzeKVJxkG1ksQyANM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "z1y7Pue9d40VKucGzPNgFVIf6f+GS4delVPby8WEHlbH8oSMcRm82tP799ZfdRGebii9qEiav21YiheFB50GjRfUJO3C5oGPWfDgVyJgzSl97BuJJmUweG0+9nbItWqKl3szE9J6vo9jvvzrB2hXit7n7TTFPK9AiqvNv9+XW1FF7z9QobKMXKu8X1JHLdVP/3x9UfbRmSAdAO0s1TiFqUhLw0NnxQsAQkPA/Hi4UveVkcN+dR3C9PBF8J1A29c4Nh7pb8wLNArv+C7oPKH6d3vJ4gJe4L09i8Bmh1tDGdcYoDFSKQH/nKV0cAPm4dBZ6PEzOrDTTIt92IUKTiiPRR85zCjtTdMoenaygXhyCAFLK+BBdwc0CvTN7UouFu11hOz264bquEsPd3pIH2enpvJmocuYtkW5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "87K2pBWrwG0CjeU/votegdrAMgLCwjZHmudnoroNgcA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4Jh6b6BLO7PBbuleE8+l0IyRhC9ipynPXi+oAslOwqVCGYr9z9UWinw8wfxjEKoiH2Jy+Zz+7V89wkekW10qKgztiBBhdJRGF8MokNwoYjeGv1a5PB+ZpKc1Wk7zuDbIbp/uYWVSwYbqB4lC+rpHAOHcB5GdbpJQvKDzH9kBWwtkFYj0oVVSMf/1VE3cHwvR2KJjuNqKvf29Iq7iA94bTUpoFbZgEK+efT6C7FB3PaX06XuWHIUIQ8SZtFu9SSaTjQnlylOhAObTCylwzdVBHvPm2c0aBPgmVxMep0Wmej2xRHT/Dh8lBhbpgE1sjcwRVDVZDfpaK7siyjSB/X3PtCwzJWcfIQXm6kpdou7RmnPV05V7D+veqM5c7+JQKF+OR4IvE1vT/paLZQgDSqqHen61prDz+TDU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "88cSU1jZWvE/Uw4X9kkPbmBfbGV6ESCOYw0CHVMGWzY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9pRC1+eNdIojA/+rWp4teWlJtZNtRPdCR9Jb5mk9Xw/vfgDRUCtB9rftYW3wz7uUM2i/X7Wqx2WswjpfnLMLzQsJfUICPFX14nDJLWx52zIM5pctX6EAlPJziU3LScJEbo4DmCod/4Zgz10Q7vpT/ai6JL71buMdavUmROaqZxfVB//vi/jWTfkG6veD72QLiRCq5ObkT8+Xos0N8QdmFvJC8ZkrnmwzCLWzCukoavOzn5ClFqmAV6/11+btZeJ/4buktG6S5Ec2r1FVRblKbp3O5I9DWwIGpVXUrgyuwfbQmpB/CjOxuflAURMP9sMTmisYsyXQV+iflXyb1sUiOrBySqTS2bZq0GeA3dO8twgpjBXgYFzL9SEy6FbaA0DuCA40EbX6N4Emh3NSoMweA2BwwJVFJjq8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "89EPeq6fnf02CFUO8Hu8wwCrGXXL5tjyuBwpMQT04p8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/913rtBaGp7m9tr0/G+1M14/73uA99I82lVmDHpfZ2QR2EoWkBA9FRJQnT7WN4WrzyLYaF2SbfiWytG3Uba0RfzXNyBMVS1GbjMJ3lbsSjdw995ru5JGnVgwA1NYE3UsGdvfl4AMAktw7IzWWileZvWlQy5pm7EfcdH7ehGSrmVV3gFYWht1kGUAmWqnQLLFPucYtu3CDhmjTv11Rre5g2WSX6yauNKRZi8URUxVFHAEiNAWNXTpPtiA46psoxR54NrQtekqh6eFLvfDeytEgiqit9eZbefU6NIU4OrthWvV97SuMwl/qcpeLngCwaysMwHzDQzyRxVGsbgoA42kZ8e6leWCCYlY3yQGnt/jyyRIeU5MkJkN2ehTA0mtWZ+P3pY0amWUck8SpN/bIuOmA8x3TRCEJlCI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8B7eZ2Rxu0e0MZKJf4u0F2/2D7fO8O7VmEN3/NVWhuI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "osYnN7A+dpHdLlO6KeJyjSim9m7Kf4XyNt35R8sBHi7hxo6EbdmQT0MOgByzFsZFhvOY5GaK3N/rbUHfpl05Doe8hszegsHngVVv2c9Tj8esFqxCZHoJwZPQmzbL9QbO/Eu219+Scpz916EAyHYYUYPrJdP7qygJHMaaF5DFjkciod+CyGiVODccfQtHUCKiY4Dyc5qPwjwhPAhtmEyCvqO21iAOQqgyVU6bP47kxghCAShQ4tb1wTxweqR2hPvBTjqkBjRc0p3maNI14jrTMEqvbtUsJh8n3q3M1gwE7AA46xCd30KQV+47SZFKJMnOc0RAd5yJ8/NdlZP3uG+8stFuSdEeCemKw8DcJUQVdJ1NCZMtQ9ysgOKFii2C/3TUANvQIunV6ktR6qE/16Xilgi8aBH+h1JJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8Bt8ORv0NOvSCY3vZwtMJfY76shVupHUKLm4O2XRuyI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "777IXGv2BHdI2EJaF1JX6mQ5emmSd5PPCIxOPn/9e9WkkECY5vBNfdB1tUhWzIz7nW2bp4LZv0AtrzTq+e+6679vxRBXFjYhEuts1ToAxnfOHTuwwrm2gbb0T3l5UFY07OoUi0+WuED9CK1Dp4oI/Dr06LdTj/TK4JfcoaJ996yVKrCjO2TEp/tTLVziQqZe+I3vRiCtW3ST8T9bZhsuI5h7Pi1CD+Nh/WmjDtslk6YBxx4ELuPfQCrJeRgfwzTM9fJPrW0nmDiPzQeW5Y/7SS5yiklCaaYUGkwH+ECv5yUjL0SCTFiimxXgJlCqxGsWVbnKCb/jJdxIXQM2fUJCfvNwwQ/n1dzPdi3q22UUjMPlTYQ3uYLS4n3ujmGtgnjq09crAu8XGPPtU9umWh8zvOOV0+UU/wqA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8C/HrAQry0ks2NlLdAI+BaA4LWFWQbKl2l+xqAomUyk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pWzWGiMmO6vZE30QCJeIXq+6BOXg9EwiN2xw/kkLGYTQTiiZ5r95zCcCcHzngviU+HkNZUla+PzAJ/Nj2fB5dc2cRYOXPw7prKZ8NBX3xZc+KENmPh/RCUrvMr7EqzfLc9J273mMxz1urdfGRixcSrPfpirHQsZ9A4egSviQCCg4kLvu88XTXQjrwPOBRjeWv05FfaTPPmBT/4h5oqj0w7+rQaF8qH4PM3PNppE6rsMGpKRuzEGtNIah0FNBDK04iKHMAgGz8zejAtcgyKVaxLa+X0yWndlA022QWVoyaoMC0LZAAWI2QcshhXGb2FUxy7gsAgjAR4GbD5x0v/J1M247JNwphdPLlkmNaA/2D9gGrchuZxpKCDoMGOwW0vyVRJL77PQf6DqXCn6u0IvJ6yEK+AZxyTiA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8CKaahqYK+Y+SNgVCNV65jhfsa/rrORFzDsPN6sMaig",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Az/5iLd7kpsZEx9oiUN3vUOr4Vo8bkkp1cUDxnJiw0KIgsk7Hd+oa9rxyVdcYpkycmY6crSsyI7b4K4SD6HYkvNoCr23p4jKh1WTBKnbSvu34XiE+rGwJyUraAP3/ioTezT/7i3adLb48FNcQz9iP95iLMmk+vnodipwUCxTn6grgMYlzDSbzFcJ5++C5FDSj5Yggyg1KlQ52gJqxhYY3M1zAbttEkrEGf2c418DCxNdYYHdA9ZkIAcRIaJ3PaVnAtZxNZwmRoYTDuD3/btpvUrPIObBJevM0s6dgoI1dpgaYy4B2wZa8F5WoQ1h16reMDMqe8t1Dh+HHNKc/pF32WoaDuwZ/G3zplvgK4xJGJzEtTa3UrmE91ktsYJjwZk4jTroIIiCUrQBJnLM/6vE6MSdBheeSRDd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8E9VFVFiyz8l8wYpM+rKmJBBlQQ2W1o1p0HCaNb4Hmo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "woFttmTIplF641BH3Uwpe1neqShqcp8j4DvzI7lp7SXHa6PxgaXws9HAwrnIlunn92ULq7BzrZfc7l26lBeXer13mA1JUok5PnkXAy/7Jwew/pX+MCBke6/feO0JLkR7gOJyhpHe1I2LZ/n3PfYGUOYYXQPIXSuC+uHE/aVSslu0HIGnJVSlrqKDEo39TYJ6Aw0N7Qxn5G0hNWGfNFUGExpykpKNs0iuus4KRSKtuSCwkA/0U0o0egAOQ/3Oe8Mw/eidWXJHjWELKA/ULpr0hF+EkFEFhZ5WaCYFNO/5W+4DlI++BsKNzRfyvn4vZsFFcf0lbd17w1cHOvC3I73f5IbzNHsTHCFxRDC4pM5TUm2MVmQalM+DyseAd66YZEyhCxpEU3iI90+GFHNQkYt82LRUqteMNO27",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8ED1/IwJXVuCDWA0pbeQ4xCoEk+q/EKlBU479XvfJ+U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "X9d4y7Ky8roUFEquDEHxm03ssl72WHxALX3f7/HkYil+so7S4Rq18IHjfQm5j4F8QTlAEToIC29EnA4ESfoxJYP9xCu/uFG2hqQRNuniR5UiNyeSJRSGzRI/Pg7BlKo8mb9Ot4QwXg2OXmxLSnSJP/P5Pdad+aFilLxdZKmiZe2OTXarZBCfWNmSp5UT5PpMOElUVAvHFnqqW5z+/gaFIaX6eBy2Vi1d54hYf6quPfngZdBKoycinov57OuKb8QWadKlPRtvsbwUuLtJnXj9prn3f9E9NromJdGSb+oeCTAPUP4gqHKYYlBIwi2ep8lc7vXDv9uH4mPu5/4iOLrejSgBB5Q+igzcppexvTHm3weY6v0XetapH9PL3cjjAnDstXyjyb/Ai7JNj1q3tXBdr+3yOoZnzHHM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8EpByTtpSkus1zsnMfNwfMEcL7A3LQ2a6IvlOEM8mi0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VH0Kx9MO4s6p/FknxM6F89you3IRZts7ZmqBbYX18nct/+wTLIIvJWjzB8Xy6hR6aZbPGDWlNatEKBqnCKjaCE5/dR5mJb9ZKDAwjohdmCncOsh/XuRaOIFWfjUPlvRZse3yc6KaZRqAbK16NN7fIzHcvJT5DXccnP36cWva1I+KFS+KPgzxhjVgqZOr4fTi6RMLWr6CpbZ9bV+s1sFHcvHlR1G7LNQRJ//uPb19YjA6pFAnLYlCJkUJuVXuqO9D4iAxmGZQKfXbwDBUItOm5FpRE51F5mNrblNVFj0eiVZPtSNlT0e9iLdWUS/dvSAzluRuOCKQ75hkinJqBR4z57ceAGPNszErMpiBuSZtZk1Jh90l5/64kFSVohMO57yZe/hPIen74rhRafGBAzQZZ3FCgMR8w/Ic",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8F1FCOiMCNL0pifcpOF9xsGXnVqEt40TgFBvulgg0kk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MWqG7znPmmDx5275mfgNVMHN/ajig8bw6S1KZ1ZSmEbUjcMn57cslZ/LBd2ZeJJPC0iKnv4AYSmEuVyQ+5mrMv4il/PhPAyPhFbVInJZy1cnagAuQLfYQ3UiXs5AhLuXQigIbzzsjHCLIlqC+fBdTXkX3xWdGwibgBf1+wZBAXodOU83/Tdb2+Y8huulZoB2nBDbg9sPh1I4/Fg9fXjsq5VAiMaJTuPVt0aCLZXYeC2iNpUaWFHZ7n5mDLac4rFJ732kP0ytbHCkz2S3sM9d7IB7VWY3c3sS3B9eDqpPEB+WeAlrDMo42+4yyEFOGdlQdsPCNTEBGkbwp1M/xglnTS1OegExPqFrIHBTkLJSa9E07xQ5/XJW8iI5+Iqwcr/WyEyHXj45g1/UiSQXOEVZb26ZB9nI0A3/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8IYfc9KZ2XqaU+5kkedl2C5a8jY9GupdVQobPzFX8ok",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8I713k3SLYroDCZDgFzR4Rcsq80zbmNwp34TXOjunoSRKIJYZthQGbbD1mUZPRbuO9YApOSydrkQVEH38fTiH7lsEz/+BLuc30v7d9UfYJ9wsqFWanww1CaSr4kVJWqlQd2seJoNcU11cn8dY9AhoSV0LUZbEdnuuVeC6XJ1Ib1hPfPDR6C0Bmc75hKL4ypGn6mHCACbg4wxUw9Jq8gP8vAWp2WR0855zhuD8EwaPD69l9Qx6EJWLZYhDNPIYbHHSihFtRpFfgPMcpHl9dDzt0DVmjpOgPiVyR1l3Uu/fsEtEEwWYonQfZrn3GhLaDHOtnAhLJGD6mu6SCQysHohQij0C9tgYy1xRxlcRi/RSwJ1H4Z30IVXxMmwzIkCevS1tUkBDE2j7I1EIC+cRtBvCxr4OBzf7aTC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8IyoKDwOE6YS1VlxZ11GzGeebqX22aaFVA2VVNWJAfA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j9xGjkMmZ8iQR5J5lESbBmF6zCZw2aY/6HFlh6BK8Wkyu6ZkV0J+LRimZ58UHpAs0QlzCj5IgVEVKBrT4APsl+uOh5rzzEpbXrSWsIxHyBxjiha7RlRvH1vnsBuJnY19P1nu68xxXn4D1Z3RBiR0puzqmEm5z6DBgfV/S4tv+cXtALcoMeGXaD+oxJqYKVuUBs3uJNnD6BOpBluueMAdIys4v+DLCWlp3fmJM9R7McHOIwhm5Ahpx+GETY1+ibtSQ3AqZOfeAAk6IjBylEFmLpZ/H1d3Ta95FZLXx3uYVNeTVstFI/y+KV7AbpLvfdx4POclELvhch5D0R4o4/nIJIM76Rqk8hlTbYesf8Pxl4GnA5xsPqS5yqWXkNSMpJonOqcy6UCSwJqXmyJfelGH2AI/T6da6gOE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8Jo9+TWyMXw+yL6Bd0+GjDGJf/UHV/OYFykqs+4U7KY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "899rs8tnprhECmbCiOeI2psu5NQ+8aQwiXmp9NRiUXvOOBTFPU3Ov11VAX3SrQuH8EaUaBoZWmL0S4tER5LCElZ7fKgGOIS19A+8Js91tI4KqLyJRJnx0E31Wc/r/yoI/fbhIyluPhLrdfQmQHrkeqSdIerHc5TAHZiLjhC/8hDVDLyIE8A0GyJscBZKVjs7funCrdbM5YhzTU4KPPTgZW+pgldYjrBpKGKfbqnJUxP4ryt0FYXDgP9kSaYKnNhNtBuIBWYO68ZIGkgu6/bU28WxeW9UJv/qvWYrAW3uZ5tWWqJUD20eNZpftv9wWdwQBGDOG6TMOCrx/NabkX3iwDknu+/PUuXam0qwcQOaedT2Y27mfqaTdxRNbhIZ+BCDe0ibxRQ/3ldkVEs9YdJEJ7Y5OYdOiZFa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8KEioi+g/m6QkFfdUh5uHXt+G50aTomkIK95vduG0/I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "H7GPdQ6fQeeS/sEmrqxraKkZHrKniEEPgcPEpdDhTZ9/h1rWWe32flKIJhd1LoBFXWSBIO+9yMTqJAp62ZI2qJK1xMJQixv24iNIEFbnge2XsFjObdGzLfM/OAV9BBz34NqmKTr06Jt8NbBnzUNQxG4H8FeQlsI1sFeJ6imwD9cby6dprPtMv9PEP4Gvb2xWHxms3ta0Wh9pn4CrYe8QZQgJOCKzdGVIAOHDogFEScA9np5RMvY15TU3le2rhYRiuHsuGXTC9wa/K08XnbI5S9TUshA3TZGd23GfXTvYLmAiey7izTmbTF1UB8hY7W2iGbSQD63U/N1P1WslQCdFjzMiIMrYduC0snfmPlMlbB8+LXORkSe5SM9YSuzNbY7Y/DnUaZtaVKE21BgW+H4ewOXJAQ0j1teR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8KpCh262Pj9b7DpfzdUB+B95xpgLAnuMPUfWTWV+xok",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YFWQY2DQEdaef6W30UFKJx118avhHJEFdsuo6IIAbUnoJYgiVa9PU/WiMMeTUrqobhwHihDXBpbb5FJrpRXdwWXMAHxg6JAiDTEdAj24nJocb5ail8JtwzGl8JJ7/qH2Dq1LLF6ffXtee7ov0fRRo+jS7THj8gwz9XkyPgFcOvkflkyEZOWBe6IxKYbLHiZAdEkVxFUVPfaT8o7wpWIfgmMi+phR0+a0+9eaMcPHcGt7ZLBZbSGzJB/3+0P33suVqAIIGhgunaKVFFkSEe5qXU5nX+QPPsCIuKm7L32HkHZJmOSqh2VHLf6p6Ym+kAgzcS8fJUxV63a0e+CC/K2u+ouzV12cEvthSzIKu2899GA90Pibh7GtZMdTJ59HJnjinh269RWTJVO3t5BDr1MO2eUzqpvnJdND",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8LNizKuAK5ZF72AJQCTHQraG66trNAjQqLheXkKOGQg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IM8lJ9Co1Onicudlt7M+2oNaAMMcolEhHomK2bMkIGXM/sp1B3kbsbotoMbpuTKpUkWhXj89Dn0WoakIRar4mpbAdi9Mx2pqQ6V7WepQbJFVK+3s7wKVKj6T64u5SzkxYr05nDCs9j/afn5s0AOt+SOBMViLX16WPqkt2vnKZ0u4SrO+nk92c5LGKHG4gt1GBGJupWtfwITEncd7LiAx6MQuCqp5ExQa9EO5cbi8s7E9uAytxwGEesSPyMM0fTE5qnH8wVmUgJ3OLxMiSYnsx4EJZU/Y0ZvkkEOgaLReKfqOezPfzzUxSAbeijHE66lLCYk+VQZlcsr+0LG09bzHvbqgYFO2OqF0gxsrWFziONAvAQPDNi6EgSsznXWEys+Tos5LPUdKhFMHgB7+OwY/dbeKYVpr3O/1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8LYemNMTtXgqLavzQLk3xgPS9l217epfd+aiW4X/ExI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NIyRuKqR12w0kIO+aGHK500tIFtwuGcl/c2l1o9lIBgpT+Tkpv0IoQgdrERc/NoMzHu8eN6vnWKTvvZilb3x0l3kzo0SVRYoK2JL+BRWNFEM+00VQDOC8ecCZ1WbZlEOSYSCc3SyZ+QN5tbpqMnwX+jpCiBUKeF2Q0F5BECMxJe0nOK14hqfRclQISOOm2KArrUGPG9IO+6xJFtmqF3h+Z9zMssmqiYKssA1h+Qhz4OT7ncdJgFNqKJPpO4YZtqlbw2n+2vxyl+8mAQW277G26Mx4wGKVYYXbHoOIOMvvXpNwH48Xq++GhsO7kZSiM5CUA5x5QWTP1c7ThGPozBgF/kVPHW5SP0oeBquWWL5VvTuJPL5u0bNfJqpP/t08gAU2IlkSXUz5mWuqq2sV6PA7IjVRidCmI0w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8Lc5qALwra7CQhAHVSUpqfbRyPGvyAA9gA6yMBNvOS0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3G8hxRNcIHHeYhVTpDZgbgzpWtBiMU15A4Ew/GtTZFa57Y5/g3bD0mEAmXGPdrHv2tO3MGiEtQTSn/ZVlE4M+OtncAz2wHC+8PhcbRdLY3jgdJhNd7oAuv9+ukg7Cr8s36Eut4Ixr8oIJWr7q4Q27U/kREJiKfgTzB+SQHnocB+yjKvilqCFIuXf9QK6GwoDdbV9tyImJBduxs5G9QDh0y99ORFb/w5kupNiX37RP27FuYbwxoYxLdts3ks3E2LrTntbvRiFF1eCmmZZi0hqTk5PgaAjXAboYYAJnfWqrzuIuAsCWR/G+v0nvOcU88yT/3KiK8vNEXb1Iadd3mg0D563L6bGoPLPXIsTVHtDKfAMrjUJVtrr9Br0Q/h7Ml6+nXmovZ7PviaKM0vjleMMF0UdqhVtS88E",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8MAMdsvlKMvoQtNsO4im6poBGUSwKjOT6sYmiCUimHE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+FR+n9pfIF+oszeRcOYTScTKJSCxP4DpVkqhss8Dtf6+2GRgK6Ve4Uvdd7Ucupp56m58X2bfMP7SaVq0HMF/BqlVjH7lPk/At2qx27OODBDuWdHaBLCNX507Lyy4C4exfRcD5/mp/Gx8YNfnW6L02S8BoNfv6cbSu2VoTdJVLOnrHCFbzFY/VqJjC2VVC7ONqc0RwgnA7dDyviF7F2vSt4SPOtsEyEltg2XYcofNXys+XyBwhSxTQofAzxHuroMBt7hJR+d+Ev6DaxlZeb14I30j4fJwDTUTH6x0nJeyRw67/WdE6pHLKgT+Z6guLGGH7C5IkU2pvG/UjqTby4ctIiV6hq/DYbFz7l+UNecGEaxLr6ehCs3anC78TzPAFlxKcIZkFWOCeA/6z/vuroBb3Kyx0vPE+8xk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8N7PIo4DHkZZMdqJcQReI88Xk7J7L+aXu7qLtmdl5Ms",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yKvTgX3TBQe1Ny2Ljlq8bOZKmjXG1lVGrsifE32l0LvFnVHd6MGTlQGRXj1IswsB0fVGGv5p91+vl9/tbuusscIVCcjYktK6mW7gD3+GvVmKZ8kPo1tNufZt2dG/madAtfls86Z/iCsHHMnXYj9ti2JFBecvlZgzUBRV/lI3QHg3/WRsKO7kDSYstUbK+hk1ruTL7E3bE6+Ux4VPqVJ0pFfZaGONsY/aDC+1WpicN0ZzVG4EKFcMbmxEOqEa0BOv7Z/Wm0cpNog1K0FLCyKMziFE8WFiSYyCm5CAre1GrF5IQC7H9SrUopjiThLs1lFYTlzRqUUIw2oXhfQBQMkV6G8eNPvDvUOc5xhC0bz7PRSg7GcR951YU1O+8lgaIrFQv4NCJXMOCHLey57N4nMaP1cOYzuk7sJr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8NySxHSgLHbzxp2y7oNmM8D/zzwai3oi/9KIRYStsGI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kYFC8xD0OYNOicmHTtx9TNLh8WLDAGo7T8SdW4HIy3tJPRr/eQv7igr0Oe9sUIs7iqW7XAk5noB3E5e9YFDQnUowSpvASKbKrcWFnH79qf7PEOStwNbWAlQ44Mrm9EFvAegJApwA+W3Q+EKWDxO8PzBZm2fSH/vA2FOb/7wi+tBiCh5UqcOru75p92WlqKCT7LWTkY5UAcTyZ/ut36AjhNndsPniJt6nsgWh43OVHzyJRaCH8uPTBVBV+LfJ2fP72hTJI6CosUQvjsKghssllr8fElcG5MWhNrK8hpAl7gtw6itcYBeQBRUmhmQBlBnYUGxmMUJEqI09lSB0hirE67h2c32HM2QxxiZT125slfw7yNQGJIrYuPJtlBgtEkH4Hg03Yns25qrICQAupeS4fSbUSCyGNbYo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8Ordt9N/mFOIniYLj6LeCBG0qaQh++HGq1zp4F13Y04",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YHetQrpdaMxH1nroXAoCqTN+mBAdUXSOX0pJVVEn4maO2qS1uoQjEFT6BztWDPmVSYCdw4T4Ogx6zplaAdgMgYAhOm/bmFthcpwHT96Vi/a9rztRrfqAO0c9RxKgNZh5/UjLMYN7jUh+z3IYYm0VtXf68TqnRSrCE4vez3ZMP+htDN14X6+cJO3KIGVOU6/jm64dljDC5j0DYRWhFfXMEf6CygrhFFcutnTgdEQv1UUkUbzEZnPhoTWISzkEH/cvdpvL6mWVEQxlYqjAcfAUaSp5jtbMpfcQCXQh7SiZ7jqCWn/2ikXxDXAs/pL75Fqx0BUOp+/aFOWroiI+zB/Vi/bIoHeDHC++ZNsiHuMIulWw81nSWISCnGFDkxFbuOdOA9KswsTdJpJpoSeqFrbgfqWr8l1mLaTW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8PhCYwt21io9KLXMYkbrZOUriUb35X/GixZJCaH/kzQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LRao97f8oA7eH2QRsWcMmwxCFuXdcwdIUJpaO4WoGjji30bJsEIl3vrS059jCJP9s9wBYzH6SRnIEQYm8BRrrk+h0EeJGxuQtFnzpy0PqRP8vVKZ7yEaZ6bs1lYPICn/pqR0zUS0RzqQ+SyLNVqRP8ET0vYOVhIMAS6C0Nj1FeQzHweqgH/Xs+q2YPdU11tn0ylCM7vdbL+DHNFRfJAhSDwXByBe3cPTHiYjDG6ANkFHrukanZX03FqV9iQTgxhaHD+l97fdRAVl9FHfushv2nNte2hNuD/tLhi683GQ1L2JihTHpDkIFLgGznkTF5La4wlsl/Ug7djzOzXbiLk6E8vI3VTmUPD1m9CY83XsgYu+vPztZE2v8vLc6m21pJ4DAFU3HPVgT/balRVLCOttHO+mZSZAAekf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8Q/C8+6A4xLimdaQOOe3jjrp65fbGS4AY9zq9cqpZ/c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pPtToeMYIuMOFBj2xbhnK9DX82jzCwNdQsWUoyGLPZX1+gkZcvM4MKPNuIWdKwpVXIgghJE9TFcyJDm2lPisOHuVfEbS6bHQXKmzajOs58+MAcOfKXJz+5T+4m4iqhDd5rCl+2qkp6ZHevw4VFBI5ZwHAtKhMsfLOwtA9ozsEJX33q0eRG9UsWsOjFTCAeqmTY5ePKbCXeYosxN815Nah35FUu2BcyrbX5M6tj3lgzBQFuwhPeOg1c0IuABAO9YSdsel25zaoEkcFXHFAncl+h7MBIgHM8Zxdj4J6paERXs7/lZl161F22ztPBUUBbtn6+cHAi6A3XL7imiAJLs5sb0/JtGu6+XkuVfrb5roTqLll3n8uE3FiC3CRMK2wwTyQGkGA7euY/77ZDqhG8Hx2noRBe3XxERr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8Q2GlS7/EBes+iMxz3UKvPowDe2gZ3LLGppfj7A33CA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a2a8My4y3jpJEm76caGU6O5R5jrD0wJEsWsvWnTKNMb7dx+KpPWr2xN9CJFctD/YgusP4WVcD8GtUYoPwfVnxTS6YoLtrNtqA25nFChe79ROf2g87Q5pq+uFvo+dzGnu79LUOLmaWxSYn0jJmgYbsVNleWMYnoeINglGsM/Q/Bld63H1/2/geaaVXTG/1feMLY54iPcTNy4+dsHSt5ZV90YDq1CdzLaZSZeHWjJ8Ehf5Bi4I8/SvgO4ni0i5dkJqAGwgCrh5xa751GLxMy2lnedpBvlHSyHOtP1d5osAIB81X+4e2EECzjl7Fn0McsH8rqDaZwQSjnyHFdyMO+sq31rj4zLzYSICf6nZGZnZMJeBIRqSwkZzoDPsaaPAaaluZadVjg/JmbwSGWWXxAcM36Rz0ie04cEA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8QzMk9suoOa0+Utq3z2EFbOPwZeTtut2rN4cNtYN6xc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dOcLpFkMaFYnQ81MmgLN7Dk8xRcxj9JXFa2vJ4Aw6RFwKHaPs2IU4h1RjFf5tXQbwgF0cpEcEJScqg5CVf7a4weJqsiq+XavlMaMkawFmOhdDWDf4GAz/y2qCL6heeyvaqNa3vcD/74hMhkVXt0UNnXT9qSrjqf60oFeEBu19BZYgZPEFFhZIAkH97qcDFj/MP+HpIctrNq7rl2nyAw+VNDhIqnfaKY0bbqQMZ9FddW4nsMFg5jZQAtcRfSDQeq09iACqmdPSIC11gbjlPEfWeCNMtZ4U5ihZnD1PoKxiAGOxZx4l1WuWpFdBysxsZeOoMmTQWdblCqGthnynN30p8taMblITysua1ydfQiU3If3h3/EFqvIYlargFhRcbArt/mFJhEdbbRO/GKlHT2SqQ9gQDr5ZA15",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8Rq9bxuLp+qqxX+kVThwd4U3bETL2S284wVUoZz/6ik",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1mwMwx9BX4THgGdysrHe9VWUV0Gp9BSxvQbcMxGi8ZlXIAy2b1Zbg492LPhlAeF7FrdpgjZyeGP8p7JDJSw3FZvI+/Kz7QJgUmbGM+RibDybMjPD8uaaoop5fJYDOdTzsgpC6k/y5gi/LteEg0CDwIpKNDfEbve3Lh1dQmIHXvOH6EJUL9GQ8Nv5XcX7GDcQiX3+TIQ/0RvAoXAqTakDfjI2BRK+GII16r1ksPuRc8DNUJt1vHWfAyBKTWtfTW2foXXH0PKAeN5nGGnrrPsxZ9UTso25gneKLM+Xqa0uF1MrPsnJt1GhH9g7pRUvOkhDqk22nwYsRYNpdjY+q7CH+5RKqqEPBzuRebqurKALEtXE/WcsoLXnAtMDg6tWLfPnyKb6k+fxWirntgITLWRN+5NesX16M6vs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8Rue/GAZUpAIh+fmay5p/OO7KwJLMKaB7wQnY0VeskQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GVvDsgmbAPu444sBnJHaIbnrT0AFRSt6qqYasm2nbXmjpfa+Yx67BCd7SWP77R5v0Paky+TyqdV/FICQDIrg/bd+BBOHKQmiTABPNutbHONnpsnvX9HEeuwURZ2lsQyyai9vVWGI48fa5AhCn+EnMkKIagfmyHj1Fo8xe3ruekR9iMzaRlPNsYWTqnKV5MWbbb0M9w/iEDbEThKArfWlbUapRx6as1DP2zJxGk8W55gBTuUwtDhmVK4FZTywPkdbLpeISnnuAsQAu8ijo25oYIPH1nKDoEIViR65iZC9Rf/UjuRM/NKSZAbQmGYJ3NkZER/sBlSr2Kvm+kKbLpYfbzlMOHvPqM6i9q72Fw65s7VkC3wnVzpmevd4wnGE0/NXA77VdTv9zRT5D8hhT/+JNf+TlNS33XjL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8SjGUb0b8NWO8aZriuqo9+niIUT62BtfeQcyKyrS5o4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zJdGF5gw0aNUNcm4XUfuo6OfG2PAMS7/Gerpzp8aOzlr4ZrddjINUB6QoSz7SEBcqp56lgSz+Hq4trslASaE+cHds1XDOKkVxG34d9kJeMPTz+hjYHsWrxoXMLkZKj0DomUPSVO2dODxlXXUEdFARfsILTrBqdEsgrKosFIp5Wfhvy0dSE/LQQGRPnvsda1NmKJhuOxxGYLPQI5x/gW0et2cLwnISemU+tw4A8ShvrTQPqky8iaqsAQCMdutrPM/C7Mk8GOJm65v9RAImn3o5ff7iMYH0SbGZRGKbpW92/yjQwVfRrXjlYK9sr9igFM7EjY0sYGlXd+rU9b5OTR3UHCKX6zxU57RXAVFlcXfOfNj4d+4li1Rbkc9y+ZrIp8XhG4hxkuGfDIXlBWrRiFuvzcMA9OLbQ1U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8Sr03wpHFB1eYof0wG1LV7yKHAcr8bSswlv0RPdmC3U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DtrpkPPZLwP8vGv0hcVkMXu/5FXL7FQqJv42uR6Dnf8TJBo6ue87OpS1Kd+eXbIm9f3swjqbQ6xXB+/jNClL+VgYc3mCM7lQjHLDg7yh0n6JgsB0ZQOro82t+FORl1lYtjw5L97gtYGeVnUpPd4dPEenqsIsmMr8KaNnWUZyUhUSCKdnvCXzv1mzGHtOV9NfID7MIXOYLqjLfRSA5vwWwdN+NGHKw1DyOXR8w1SSFMmgb/RSZgmG2A07t3EV0DVOnq+0T6EDCEhqIqmLHV0UoLYSC0X8+HTProUrHvZH1apDNxDU35dAEZT21YdsSA/uXBwDOhYHe9Z5wtMlOw9BI+gAPdU1egkdqFi0O8g92o+HdtnKehn9SK6FXkxNqvAKoZjBYnkDYoQebnvCh4JxwMI04nI17K3Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8TM1VuWXWxO/Xkh5jdBKTkdnT2guYkg0w5aLaSokoI0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1cMaa4t+d8399tKy+IzDqoZFWntn0W+Shm5Ra5g8hatsWNZFTXDvBI5OjmWvFSxPXWUGdIVFvhV1j2xfqlMg259t3c/OWBSVaXZtEPK5dP7SiKqknP31MSYT0769Ak2yTpZcPdl9x0y4carbelIrxteCWWLlBgCBYOfGdGal13jiAGEYI3sBLOjeqalq9Mh1n04f6y3NF7stqlqfa29S5ZazHBKiA/Wc4SPplFgBU3u+dYXwkBtas+iorcX8VDYpgRc/vOZm1E9SxVmPtNg7p0yBRAxHyJyT7o7lB5a2bbwob5gXBXCQROndYKn5IKI4Esb98QwZ1VsHE/uHGi3okXVqI1Ds9vOnb7NGhCI2N03v4JvNb8Syk2B9+cmWK5rvb/RRbQIsg/hccBZLKmfr9oLI2X54Qp6M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8WDxO+pzgDOLJ90ua0j9BGjRGhLA72Rxsm6OhB5Ilxw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vI6jgvp8muRK6L0si+2PEFsoTRrfMzgOYio0kwbhf/ogRzVLmZmM7Ovc7tCPofukQ6HgzO6WYbJDICmIKdBvk9IKaH9jh/DlMBYO5WOHq1+HZnpsXsjKffRq9bjjelYsivKfZ64iNi6YcKj6iT8mZZAyy7lhAJ9hwbz6V2Lx7UC2lL2iQaE3FPB0sj1IogcYP7jUvypTl2xLLUlmsD96tuYNyiA9xJhylaNW2GA5pTyI5XuzAlplKn7T9sXHJRgghyt3th018pcSmGjAqqeHozSUBeubbbB2AVJvHFv+LcPIVUkN5hz5DK91QapRbliblCK5+ebJzjQ0ymhNKFC6E9Zx6In2GKCQ9c6mR2hul/PsUNuLDX26yKZsJA8Y2ziEiyUXAqD21r0SfSM/l7uf9M7n5+2E08yN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8WM2X/Q72cK1SiT0Z5nddQAQIADoCSJ6VO/sCw52X3Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AKHWT8ED2U3bfvU7Zx73Uy0+SM1iUQohhDFU7VDXNVh1EfpR+aeXFxmyEb0ukxHQz0xQmFJAR8CJmCFL01ZE7sRxo1b/+jmV+xzWVEB+AVBT2uMQOIkGe+xf3YPa2PcqdF5x+lHQazFoji4ZGsMaN1bo5bO+r6m24Pm2eVx9f+sO11XpRAoWG77Es3dLenjxEdj0RqIjw1oG3EFPu9TNGc//9KZj6vfdV20QTaKLH+S1foUd67O90xX5/S+gKI/ab+4xG5wV/Z0B7IasRaavh9/OwTucjSZYfUgZUNyYhYYV922lLW/YHJq+okofx/QagRLbXPGdafhoR3n6msgCGwyQ6kHLkY4AzzlcObIzTkiyKRjqc4VcT7z5YTCfC2DPPfVhdH0wVgCMDA29LmKrvCH/CT9/kV/K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8WvCj0FQq4QSDvM+21JlAz9bl1QpBcKYPASMDMZ1/3Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W7bNXgMo8ktB6qQ0pqx9qvyyQ0Ky/Z7hTjF82LkrBCegXgi8qQHktHMpikvkb2uvVA5vDqfnNrwGDP0Z6XJq4KycYVOjRND1+S6uMRi966s6Gmd7WJA+AHBRCjiZgv9aShPA+Gr21TcEmfwZi9XNh7bVHfBdWwYC7XfA68viJ0noICYoiWfd3aSR35bSwFaNveGwJ5ww3G0NygqBSyi4Wmy+hU4tQiMXsk6Br2z3jhowhe2coTQODGuH9X5SL1lsOHYmfuX6D+9RJHHEauaKAHvOB6VVa/INCaP8cbCPyxWEgvqkl05azT/c/AGPERAzXrLlfLJEO9tJVVf7zck5DDI9W+2vR5hNzxeLuKIbzuGVXldJW0RUZ7ysG19DYjStWwZwIAfpt6jx8PdUkvnGh3HrD+RCwxge",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8YEane7tt3f+QDAQNlBqhVNw3DR6qlcd1NuEVr6i9ws",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "64olEdqOWGZNWmSKWk34Mbyg4KkeI8LMxsldPrTkqbeL+iTj3ZE1UsbiTWMjQjPhnBvajMDj/KFWRnDaddnVOiB52I56+9wCLbOjRjZBAFsTzT4yt+meqTaYtHSCSWZ2HNrn/NKkxlLEcP0G3gtPUP0bNDnrtqS4Z77zh1y4yD5t/NwbzqQv3ewHDWxeCuxlFQaRtiLk9h076+ooabihMAlRaiVN6Z+gRz7ZKb7OARcL9q9NSRV9cOvp7k320MoLih5EVOgLeT5+iSZPke34Fc88gbfINalCwu+L5N+vbdeDnlZik/QauVTzBZyDAk/oUv/DXyQIxikz3XkktVQMKCS/GfODVBxsJL/wqyWxeRX2QiXk2qpQZHSmQB1IQQpJmaHf4FIm+14mJCju4OHrSUF0a6YSpFf/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8cJDMEv567e0lY51dRRMMaf/SdTwqouVx8Ts3X8/3I0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w8uDpFhxXowqZK7pfNp3+CKu5tShI8zA/aoFvO6nnCl2BxD760gCIu+CyPDdms120pbvfa2BV8zagFk/vHAfFxe7f7WbV5Bo8I3rzcNscAdjbLBhLYbY/3P7i8Q65riXY359oFZr6wTHXfCji3x7OGax9TqVhmB32NoGnCjlzA4vFvgWDlQs12NgsqLCXdX8DLE5GNFB8d5GvcRtBdIvCfK2WoxHuGIyF8brVhgPlznd5i8zCD72JCHYNPenC+R2RiosTAf7qPTtDv994pHXxmtep25B8el5nKJ1oYZbXd5Omiy5Zmq5huSG3ocITDFXFi0H7wyErGFHVAPvrrz1EP8rWplukAIFLWKQU5K8Rpe/CRAfDrslJZEtVe166D1FY4s/P327VTzSay1XY1sSbEv74FgAYQFF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8fWUmvXAWNfWP5qpJI1iUN6Gd6hnOHm3pWHiEvfx+7I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NZmIR3yjQBLWTPzEJq9GHKxZeBR77iRb2zwsi7qo+6VWxTtFq+7iZyXm6Gmq+YoLxSf4s5G0gT6McaxEsMN/EfGt8VwTR/pENuMj+67E8s9ExITU02Zuey9SndvHMZkWcdcTIrFiZ2Twt95vBTzz+ashFI3oEAmcgf9VcbLw1Z/OCt/KQPix6e4z8L7OsTSPwwNoPREhMTjfSaiitCYKoYe8zZvGJKrZjIjJlmdwYpAItZwVjeBOPjtI08QZCYo8heqwPyVX0cDYgNrLRxw7OswlW3CndJe30xFdk1MQAxIVcJzq45sScGDuQKmUTdIHClD6Fn3lZePkrz0qO3HQ5pavVEsjok1/Lb2CvYwuAjeQBsq5Xceefmnshw435YBE9uWZQ/grd/z2Mrhbl5nW1Jp68qOfXy17",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8g7JRCdc/VBvwnigdvxJa3nbQDWtINvQ0cqx+Ia56xM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "g4ykm7UXtuumdFBHSdAuQ+YtaO09qI+MUzuX5PSf3n6UrFJhiG283ESq5HXrejpth7e1Db2zQy6N9lCC1gF8snq8YSkD25d7qFHPxwPJgZl/qtZorCW79vaMHUx/LcWD6axFi991mvVCnLpoqhgZqfuVVuLfJCwQU2F+dLUywMFbVHUyLeyYjXr25mObkJ44YfXWf8bsUUfcfuK2UT6q07lyh5N33tjomio/Pw+eYZXQYJsJS8CmNjDsGSh5CCcsMfMz/gbqSYgqOiRA/lxjvsVBgA/7hpekC1SAIadkxt7cKabmRu4J43KH0GPn+1d5hcw4CVAMnrVC/GUsLpGAzUoseHzXRt4JjfRq01YYnmjjkBwsDpHKSYTgb4CiiESIvVip7ZygDEjx8inqJJ5cUFpY6GesoNer",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8gFUXqYQPXkhtOyszG8AGqiKLXC9go7bKKK0x0dIRDg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8xoZffTzY1n+IQBUA7rWdxV0EG9Tn1y73xq08a1gBVP9hhe0CbIwEvQTiPO3v4vkuWq2HF5IBzX8XUAJMcefCKMnUHyhvSh2I19RtFXBjgxL9HemmhyO5p5DeP+Z5MgvjAnZbZdc4Axj46EUhySUYGUQEYYwYq3yTj7uQa4ES+U74i9pQjWvrtt7zbZrZVPoOfnBQrRML0ZLDdBC8HGvjEaL6wwQOM99zJ7hv3pQuWHQNkVAKI6vAe20iaNWbJmBzzWS5jXqH1trSK33WnGtVBw1cP7RjvUFkx3HrBMve/AyxR/8+JJlNlLexI482Sav0lJ3y6vUhqa+q3USDgEr0iBUobNQihFDn1zjsjyMp6HQpnD3aZJboWce2N9KoCOlHaGEydkRtSwWtcpW9DZg9A3rR/c94+Lv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8iopVozja12rTL9qCL4fgmnD6jLNvnsW3xHZg7WW7L0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qTWSsak1gH+tmyfuIQJIE7DamebZjJCjxCCKRt/Sqsthbt6f5YaHZZbM15sxn2wh4fBUO26CL6rUojVmZajepY0tjNfEwLsB9bHG87I/9OKfLJPnEWdCPigypTWX2QE8QPUNLKQwnEciC6Vs0hC8o335nat2oi37rD0WlGk3pdsBa/9CuuefP+GtJKfNGy6uv+BFmZIUM4iPR92AOLDQln1wjIWChCezIqahrYepBCVcv7O7jLQmzqVrOWeQNP+5OQ3fl7c8K9GQhqttXgv8f6pnpdA0C0AOeqMxaVby9vb8VNWCdlggQHpHU80Zgr0L7/KEQvQdn6iXeZ+tMX/NhPmmdWFRY6PTUJpsP8/k2Xk5ydlfazg1cDUc7eUD8KAgMcbiH/BGQ4iU1YFKPCraSTa9SGrG3mC9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8j1hbZ9IwpZa0wpkC/nqHspzqd44spQHTjE2eQr4C4U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YFCbdD+365vX1MctPoi/PlV2KOIdOYrIjNxgMeYYimG/JyN/IOEEOxWa683nNl13v869fHNE9GsrNOFISdI+VHD4hRDICe24rKaPdn7sxxiI/cAOR9nuUcjvCEw+2sB9152KoJL1XsWfdNYQx2Qn+Ci0N9F5B4FXVgDLXSdZUK3aCHuZRe+cMzar0XlSLJinvfbrC+zUIT09tovSrQDMDouWvcTpLmCmBhxMs/d2GbaV8LEyDcVjBsWtPHXNrMu5sTgVX5ZCHWCLv2B5ERX4BmhtSBThwAii7r5z+TaNTIyGZ4/oU1JyUS8opJSdWY+EoZwOm7HTT7arWp6J3Amwhtw4Hf5Zu52cMhEu4CQ4QIp6TJ38zK/xle0LBMyqUvJxCbiP4X46sLyHWr1igz0IC0G4V7tJKE1i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8km4DK1SKIhxy0UE3hSoRqsAgqpcTxXXHhZWco2u7zg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "25RiBQ5n3ALylDg8akbJeQlHurRKweZwd7PKZS9GGsQ7INyXByhFGKvWRH2f7Vj4mht/eVy18Mr+tw4Y2bw6Ootcw0gF0cIVNVrqGpxjPLC06Qjl0x53uwpuqGjwSOKpeXBw4oPEuMYveLRTflcFTbWAoNhLGpkBeane9BzmEygd+T0fX8LOktupLP9Y+k9fwytsc8hAk67BtCdrFPiROFR2rj1W5RwABam6p3IUBtLmQ+mfO16Wv+/rQdC5TML/1fvsmufVw164L95c/Q1R3ky0msEnPQhY15ZNT9SDGXzOwXTjDAvoKjDsub+igVVloWuWLP38adGYWVC/HEWW1Pa7ZQ63G9mGu7jr7wca+gIGKF0fpCGnO+F7KXC6LkZmIsY7PoR6AeF+E0Fx7rSXfn3qbFIN8Fp/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8lfEVO1sUPMZSHTszg72THLOdGN8Z5/OGH3ok1QdMw0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JZ3OcuXNQY050XcjfwJYaKFK2LB2idvPYLyjwoFwU+PCS8ySZ4PYtTnwSCo5Z3xZ20hhd+fbBmrV9076XPiYATZZKJdKz/zIUKpEn1SaOGpfinDfi+pPlzBiAhj5+KGHKwL8TTgfkvRAKvZRPjTPtbB1lvOt6kKaRblt+9+jiRIPJjZPfDcYpO1XPzXqn1BhlmVMZBdLauV+XZ4K7RbYR37cH/s+Z/Nbw9ym6rR1IWfIx/kkXGsbnIlEcHhCgI5FIxa4SZmhiJnmGQX3U07EpJKaqz4lnV5al9EOt0HLGKRQwZAMKvfgWEy3XBZOrBsxpSp6jtyiZd0xPqlJiS/NlDN6W5fbucgDUOl56/rAWHPjSo9tT+3bBBYDWTNP2Efh0jZXwAuAlsPpU37mzv76nUN0tgU5vHUH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8my2Arp3apdzSZFa8tRU1y/S3TJ9nqBblsSGdDc4oUc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BEYCXx9UDjizlFqvLJCbPeHGM/QmcZju08qdUPbJZSAUDdtzZiGyp5x+viSUn0UG87EJrMAQcWEdndPv8n2G+PuW+bkR1UZ/0BQYMZSl1DTgFq8ifpqFsXsnk1JnVGdD59JWXF53H/3LP2MP4ZZzng0WrIlogtZ5c3YTnOr8z8iqXlszmcBTUEqKM1Rifpoc/h0pZhFgZeAt+rIiLr8bVF7YMsxsQNUhbZk3ydVBqYtR82RsxC2PafXnQ84aKwhO0960bTcix/KLiMkwMOtxRUkaa3mvXvMNKItLGGRU2A81HlhHdlaX866f0I3GIiaQ/HNb9AriY+fw1KAJqRmHK7CorDwrglAPHD+9BOwGt27x1Aqkaq0ULE8Q3sBFoDzgGAPHI0RppunN5pZLuMvAQTglLVilHFQF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8n1TZsSs7HmPwXNxOq7iUBASGx6kUKkiwxxShDmZGOs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FBxVcztbr/mTh8Ftj+s7xMAplbMLKLqFV/HhVWLZ/xxgoYCXExePnlieYsezelNiQPfmMa/+sA9NLSyuT4bWx74rc6Uq1gkVGVEbWdWIrhYKa5UoYuNfW7UoKOfA7MUOfIl6BxQQhmHUvQaw37NZmJghR6pGCe5/JaBqDtrhY3v/YBLRc44XYye2pCZX6mQF0tXhXmkh4RAi7Z4hUnp/ANUvedY2PPY0C7xtJflVyeZNi9DtiHf1QKHu8f2Ii/hDjDop6kq39huJigNpKI9Mdx8CjpDd6ehUPRNYhjs5/jzmjIyEcqwo4b9nabPbrARxOgEHsc37YF9dBVNqhZaGvwvdc5ADdopPSjBoDtOHXbcf6utix3BasthyRUb0UEm4MhrLvZz1JPE3FGotanVzAKMRue7Yy1In",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8nEvovUhr8O/UGlCoDC1cDOVJMgCBWZjhZzlB3wwHWg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DmZEKcySpzSVqHj+VSyI241kFXp+IOAod8B8f/Jw3DhqmQHlRTHvqAq5ZXKM71fRnRkPJR5k5iczTe7RVcUTmz5C+dzUoyqH6fdkOYaLEFgZ1XGzmcPrp+akUsGMM4JQjzkM6V55TG3TYBB0oYWoYASk9x++Jiuu3rkeARj2zgT7//P5Nw3Ao6ui8q4uYE40ggOYzv0chV7x1uOtcsBC37xdOqMu67Vlt0J3ZJJ2Zavm+//nnJXKPeGayGf2qBsT+TULfScplqG7wGViN5Zr75OHUNBb880rOdtr58ULJcq6NhaH0vh7SwrESbak5lzP7E51sktaQckfiac6MzuOF29hG0K/MTiaFt/6nKUvRyFx9DMwTXD5T3cPvmYzkgGMBVtJ2LVMbVjgK/MJ0XO3VsMQRGx3EIEI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8nP6WJxewxKeNW82n4M7f/zK1zDsNXJqtGtSeeXGOGA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6m+VDyHVzU9N2GNUsheths5EV8ZXPtTw45NevAk7N33Pj9ll+aO3y1/5/2l3zD98oq7EdECpnAEK7WTwsmEA10p7hPdY0b7O9Tb6ZuRoIN6mu2yQSpF6plFkJxpm2jsDZmfzW5uQN2/3IuXFXaaRrhZObcWLhXYVBTuc0xTDDJEV3LYpKHNkBBNyI+wzocHbnu0BGGPZjt5lq8KtaEgSRCruPQXNzvvNOCNRyRrzH88gFe5DxSa810ZX7rsdqUP0pBDtO8ltGwXKpg9guE1JBw2NZ+qpPt8cRCzbyUH6d6UKl7wqCC5z5DlqoO8snsBCPVLPBzN/lhSt9IxrI2gwOjF1LhP8joY0f6oxcJTjlKk4i9LXcpZ2t3ljyE2Zt8YfZC1L9JnfFP0JVeGeWXzc6GsJuThpB4R5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8o/GdoHSCZCpu+N1NJwa1c8lH2NsWzDd7f7F2kxAWRI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FibgYyfjOHGgTjUKQPtVMNXRju+rdo2T9uMIEGu1b+mjKpE9DiJRNCKU9OJJwKWsd/2G/zV1DrjzDyXbn9cnH9EBZp9fkQppOW1ABZ7J9I25bhD17so/bQqX8NpieQe+oV56zrD9BgifQM/HtL2ZLn8ysDSN4G98t6ZfGbkbAar2kw3c5v9zImdus4JuMJo3ku6f2SQJSiQOwTveL4X99/Z+mTv9KyvQ8SNd6EGNYIbKQ2gZwhYQYEw23+EZMpCjcmKp/zlfkT85CbU+CL3CrrvUjCIszFaj93jnLPGnCC19LiGNtbBVqnDwHVHGN8mchJs/ToPh4aDiy6YvzAbJsZRey/HJ697d/bYpnad4mIroo5E1FHV7rly+07MZ3Ro+D3yWqVd/HXogcnm/2d22nR2s0aYfC8Bi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8ok9jMgaVuEQp1IfRa2WZYrFVm8+2LLfIUmj06Sk2dQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ICaJx7xQS4BOdDClBfcJmB3BPU1yXz03E3EYG7IbzaqnyLEQ1ZOnFYCvy9kSZy99zLodrLC8EYEMxc+Gq6xHUpGjc6QT3efCC+rusmFxrs5LyDM3Y9FQRJ2QLJgWyC0VRUHR+5Et+0zDZgr3uyi7WSrvdL7pwhtaLvFQTfa99sZnaCGgPpzvsKcloQqCHZLk4ensm+k9t4U6haR4wIkdTzTWd/GJp8KisN5eMl1UpEeDcx53zJv9mRLdvZHwxKx7d2QvT99h+mMzNY1JAQzH0lgn2yPdobBjGy4H2cPWh50dD0g592qYaLIqM76HJP1IqZ64tg2tbcoKA+YPVU9kOEaw79POT147gbdamTEB1Y4ljcl7mS1XcEOOQr7rKGoINOFe9fOWd5s+ps3jON/yZ0QytlX2Exu5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8onab3q+PKzEelvZ4ABibXc/bf8xQp50fh/uDc0ktLg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EPJ+lwT5CYpNy/9YlzH2NEIm/VAqgfKR4GS/xGQJR5eczaXxhYZBESoYps64reTsYr6YrnrU3wWwHk/EkBsd9p2uKmq0Rw0yDmnVp1c+jaBScQIv81UH63BR0+mbXxmNnTDi8+wzg4auFr+DxxAS+oIg43y0GpAkXq/XiN7JkC0xzXjd9UDR5Fsqm0dQmxcPTPbvTAhdZPG2O154EYRY2vVM84Oc1C1adcdZNifyzNwWHgdcF5VHg3lj+w+gpPvbu1FB1tz0CAtJAPfuR8d6t6NHrLf2xwEwKxiY3m6h59WIOrxerIwIz/ZA8AHRFtFxwofacSrTaScj16AqIXrCgrfnwXIZ2oSLH6r9shVaylp948R10qQ98C201S+V70+G+pvsg9zdBl1wZ3w67YjlrBxnxkowIZMe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8pwNp2+AZcdUilZW888+K0NugnBIYPBumG3+0VXbQ6Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1PnuZ8IQ9gdukG0uJyLfpQFLiBdogw0W4cSXUYzFlrdZHqX8EQJiko8XHWJrNXUIqcTu3KZCSk6hipK0XwzG3Kmx68YrUgBCYeL3YcJ3Yesbah7EkYnmID5eKW0QWK6WLtn+DLcPFVollNsmzeNgoIbTeCmhPX2ZO3NfB/3q1lACuRpasm6kQcOZCGbpJkmmFTECmU+pJoH23b71l2geEqE/feUjjnn0cp9C7kN9H1V2UAHu0GRGX60FW5Aaujj1pII0SqMIaO92cKHUCKDSxWkQfG3TU5TWAEKb9lkhEaIlooK6uCmf7BmfbyJIVhDDpVUpARTkJOK8jpb7IrwMkAy0vyVViUEbxZXboX6XIFZTjfAAOgPnvdfI+C7IKE+MlI7kGJm5DYNt5H6GlOMUIMm7WY3tT3x9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8qP3+uQKnePm0giEVAcYN+VFNPTQbsNGxbmbMqTw5ss",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0FtE/wPwPS/uGll0fXK6tg2Z1Kgr3Ki7fd2zbeOwBBaRqWn3H6riSTSTYKsWWGe17ZQa9acCqBq8gi2vlVi3BSu3jcvOzPMQI0iCdxMfeFcyHX2Q5J542OvIWK0rMPqMvNIsE+77gmBizVHaNbc4TBf1boZhkjPszusg6rTnPfAJ5Hi1hiMVkZcc6KU/1l7txLcQpmVRE3yiMy5lrttSsM99bSYWXiYXzipOy5JX0M3In4mkjQLRYWcy/k16CyTUwUZiCuWv7G/x3vzNTmM6vQAvczJUaMs9uSRaG/wZ5XtDEYt5ouVU/MQWXmb+485nRd6YSU43l3bntHebjZUcv9PAfKkyO38YHuIJxq4gbIeTjaGiXHSxHO8lZMucbi+NQ5Yuy4qxgMedE6FV9RjJw6IBUJUPvKHe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8rAVEaqdLAcM0JG8KmsZZpwjrb4qFNJjPwzTLpFkRmc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rNK56gbr+R3Q65lw2s3fwQ3efR6Au36sveE0JZ7ymZAY3bJcCeEOVHd74ue9iul7cwDaE6XxEK9bYwnVf0tXwecCWg5HtnXIaEciffcJzMwWdtavoVEqsnMm4OYdmJvnHYpFUjcMU9clf07vTfWtr6wyWs+7hablcDlGNlGn5yTEmseZhXgcbvXUXi/JU8kvDM2sRcoUvUMCPEPSMARqzZ1TSdpRCUclmV8S5zAOeM56m0SfKUafyHnpzn/kK2xtp9SzjAimUFfsjPYgC4tYv9GU3dbJrNj5ZrVBihXhZhfx3ggKkH7yEeUdGKMn4dyePmeyarXhe/UiTCyvZNDTDmkj/KG+m4YxWRczL6Tiqf3Jxrfsnpx6FH7SWBuIuXYn0BE+mADY9f9sdEqCV+ywt05ht3/OI8cT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8rVEg1ZJ6qc5NePSDyIJ1zeIiUgWMZL0ZQGoQuW/6e0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lpXYOgR7R/S0TdjshVXmzXQyEG+OYKanTXvcclXm/geuziwQTIh/MLevL2o5uwmKC+QX6DBOigdY6fAK0kpmMX7IbHnVg9zFk4Z4oHY7Nb5I71H2J3RiixXlIady8+C4l5CKhEFb6jCilnJ38SsFtnn0VoY054i7x1snh0lioyrqwiVDUsB3+Xbp4T59SP7zYLg9gJ7nVidafGuBPD8X2NFX94EqWG88f1UIN8RK7URq0OTRKypqPySWIOVXte8Rii6tNacShPOecyMBkLaI8dwRRqVN9RK2Ezhe6kF4nHcEnmjLxYFQ99LmcVj+MVHjUFnh67upbs/uAwQNAFsz9RbOa5oaTTxJ5Kab26Dn01eVLyuJrhucwp3v0M21E2Ogmu4IkSdAusHZ93EUVwS6FelqjwZ5p0S1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8s902J80LrRcHuEAGu3LlDPbc/QiqWIakEDQY0Gc+vo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iaaPGBHxqJFlJnDpEsq3zVXMWMeFe6MAt2vxIxbVt4qjg989epFli0UQF3GqfHoUPrZa4sOVzdRnDjAHi4z2MsvO9RbnpCigomKF3q7rJhCIPHLyAVNXGwYKAUX0oa+PWaPJIgH2D5mNQhQEf8Vh/93+dZj7DzQ5NPfuyq0h3tz8qs4ht0cxC43k/VMGsvtLCJDzxyxUOzJT3T3Z7JV0CNCmkik1uR7JQHgVs335cYeV0sHF0E8WxvZhtIy8LR1GbcM9dqnFATSTH2oRxlTzRJJ1Y5JVSpnmyH95j73fdJb+RxaiP8IrJPfhL4nigeUTsKyMUxgzPLvORM4ZVQHRJFt5bLkOsM2CQZC4Q9KDt7In2/j4iSphRlFQOmC749uH8V6k4trEyw/Q8EVFImijeMQOv7ATdbPV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8schKBbjb7S4WHBMsBqleC730eghGUSXf/8hWIjWHuo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OKbsN7liVnNyivQbSXmnXifL2+VLLRaDwrIuRw6bWT3KznfxVXqOtwuSrmd5/OtR2bGTD0O3E1nhbnq6bgPh74TDwv6INBZmS9t5VzuWq+nbVAcxQyboThWczP+MP4qgkwS7n9hqRIHTK/opepXPNAmjHcaiodhjzhdvfxwo+Frhw/sDkWE4KWWMf6Qdfv6dC+xAn4J04za1wiLtRmDZbQS5OOV6b2om3dj7CSJCkFtOQAHtKzjVxP60V67nTvOWiKdn43VoQthyL0jcgxoD1Ehtys1+u460aIVt7hXwT8dSWDXUlqlOu0ZeawSSULByniMEocZ5550KK3TUQh51+qx6cWZY2FiZ4pZOZ1u3s44lpLugREUF47yFNjXzmIhNyyUDULC87AmqvEl3Ab7m0YUp93aqcOCM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8uWf+NPuqIv4ZnJUM3NW6WuTYcTjvA6oAUT04+zjUHc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q/kCU3slVDLje/FkefmtmtXoTOR+AlfjCKCRcAnLlUOqZ4IQ9KKLf9zEYRTQojVFUj1mnZN+4qn6LDwVaiQXmJTg20F0k9JBey7R5eyMU/JYlpiV+bFVL9RRGeuzGaHYi2a1ewcJYjkKeRfpzzvGATXMRsuIVWDJm1HmMKc5bIosMlrjsl8xnQq/OpfoxxVD35aNCbhwY91R7JKkoRYVzAZd874DNbPB8Eg56p/yGXjh+5IkAt7mzVDyocaWf7lff2W8Tz3Jd/ajqkD4QJBo2Zrnw+fIsJ9M/8nbXxOeO53KnmgXxnhrNtnFcWk44s3uUb/6fZ7GOQtS7h6wgfKIph9RVAzp9R0WX8jiJ4s3Y0mmi405R3xs0AGqKfTFFtVrZRgo3jhq5iIKMjfwMnPKIG05T7orOsw5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8ub4diYSWrXvp8f+vepNUphJFaVLIHiQttvrmV8pjUw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZyV4XpuETpuV8hfqLWtfvLNpnKkf7vbIHjXL635A27oJe7w2ACLzCRypzu6d98b/9fAj5lmXpBGPbYH38a13uOdCH+zCPjktCovNNJ2MSwJUWe6gC0q4qBQGXh7omMFXDRqcQ00aIGP2ExrtihJVPaHMsNUig696rTsZk5wMSNjWaHz8zPn2Hes68B3/dDmPlGYaTYD8+LQywJ0anw5Znsmq53qs0zSvMrbSUL6JB3SFymutN7WtymDM1QGcv0Q7LvCCznEt9xpPn6gDrEHSy2vo2fxbWvcANcF8tW9HfAqa8zcFH3BvvEglXPYyRj/3c2RHhoPSXEIesr1uzcjRIVb5dDHFfFxTj4WQ/NJe5/hQ/ILXsohX5c8OVVQnAtenpUUDJ23zIcd6oHQWh7kxoBYLI0c5MUC5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8uxi3o7+2YST3ouQVdXuKW/8yWxSk4aMwQHZX1YtBEo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ew04FkyhVZS4ZztulTeaApbFg/gTJ87lW9ObPf3AL3v5XuVmTlZsgNO2tYML5dbbBypeLK2i+I0jzJ8NFkXNftXQDwsCboKDlAD7GjNiceKPwHS0n36MDM/XRzYge0L1v1eP7yrZVWy+B7VM1pdrj2ALGO6whl0vxomp39IgGa6nW+/xgmFq+kDZToyS09CupbhrVPfsSTx77tw96QvT96TIlobfzLhrxDvfA2uvsRNs/AJSls53X19s6eUwNK/9fJkxI2j+Ymv9ZXPxi4bL56eWLmZc6h7XATGpIz8GNQIqyF7+TGPYunSutGg7yjLZS2DW9yGww+crAEJMCM66kKfVGrvc1zxpLzBpQ203R2k5ODi8the2O1k5XffGpYoZQa0rLveaeio9fzwgj7ZA5Gbf1He8e2yB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8vOlqI2TqlmHl1l5sDrhZlpyQ1IQDsmeF0A+HFRXnsk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bFCyh6epqB1zZcLIQBmDaWhJrh1oYWPxfbTfPLIf+8Z1zidbD15NHSN7OtpjxiTYgQAAqooopNb1STE527H6hntpbH0IJXDkbvpj3sIOhWiEc+ZbSrTbVDxwOOx2aTzooNCZ904vdVxy8a+zf++1x8qm2pytjjUng5myjH7mKQL+AGZiul7uGoeDwx5G/BKGP0MenZ1hocIWQllLYXpmffTAHbyKCe7CucWpb0RfkWpsdAD169P3MorrX2DKUIkzpIlNTJCuKL0o6EwlJtlSMgvb5jPe1jTenrtMNqXOLh9la8R8rRrdVT0ptg5RswHY10bCvSZ+xGnIcm0gHHRyUvcNSe/RdC/EzCkqPDPi5H/L3Gdqb8SzK7pH8G93R7NHQXDZSrtMjkNjRzRUkog/2HRHScy5OqCO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8vq1diAiZReeZHDqmI4U4za9exxDHC2HByxkGBMm8LY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gEbZX94oWOVaBmHjh+OSnXY/tbOe47LYrL6vxm4sVF4qP0Fn6edOFh8FsHtiWAT8j510qw4Yf/IF3aaenCubix+mllkOhzYhiaR2NLzbX3Xi3KvdzzcxoZYjp40vYFeQRK6fy4NmWwg/xzpRo2ZOoqKpxr1R0lwZaQ3kEXYoZsbs7065cw0Z6iAwL+q8bL+R6nkEu614DaIiZ8+EKj1fEXGWd7s6oav+o8tV/nezRkztfTm4TPOw/OVKJ4MHO3ZqpBls0wmdFAkOc62NAS5TnhSt9QlB+UDjZN6uwSajNHPvHkEkqKtpJq2mKfSYpPjs1IZtTFjfzMoGJEfca/5YZ+znZ4DaRVqjLgrHOXr+uRZQ2vSiR5ZTUDV4dRNqU6eB6mMFqVaj9sF1XW9xajovUZMajJtEMpJR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8yd344UsWttPCD1jDv3FDlaW5qe+QgjC79B+Js9Z+BQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "go3U0AFz/Ibmxh5S5ku5A41IgVpJ6f9oseoNULIxrhMQqnDNl8LsCym758hZ0/WJ8diedaD9Kg451s/n3hGhOOqa9QOFNoTAoA6Frj0zyfTKyJRlfMzqYaYfZE8VRpYHgEZ5+LcesFBkVP+fxApOPK9yNHwDGa+7u9j3W49ntc+rXPh963i5GhIYNmsS/LCWp2iIpXoYIn02B3EowOz/LjwB6nhwg2nCrGNc1qUFF0DAkS7l9GyJ/txSNH2bo5hUYJWoyiNu8fl6dYy/xiCZctUxF1js/lqFLg8PFAty6oajrmukjE+DZSBflCZaFB5ZK+rQ5vZwHxm+pcOtqUPVUQPrn2QuxvlU9mYJxj4CFMsF4YngM1XEr/MK8CPPJytEWfO8+yrtzkOMsAnL8gVhzVJN2hRgayKO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "8zSwMQt258xz61B33b2rYGLqpAtjcZChekDzw00Unjs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xOPJKBcr4fX9PrLuRvcJQZbLoKKZYCT419eeeitIpbIK7ckb1DkX+U929t4tyL1gQOPoFMueEpJmPRfF90yevsf47lToy36wEvyZTnpf9pUrx+m9VNU+lgCHWzMs5+ZJeyBQ1zb/wuCmc9BhRVtI2VnfiIsWcg/+Q5OgyNRlhMg1BWScy4nX8XbrySw4D5dvOViDUIov1bpVURi8N1iY+uileb50JokpC/Y68ZrUljY1iPm/P/WsF1uQWxXyjuuU8fSWAB5HGKNVuz4tCv0xHQrUeWQpTNMLghUQMlZacM6j1APfR4ug99ZimbmKPO1jXNPE39OZ+Ow2f/EXyxpdW3m91J6biu3xGCCIvlRTJV+37d8CnqaQG+29C7Fn94wyTA1396b9fCXi1fqy26Vs2hpB+KXzUefz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9+K+AUE6wHsDuLYzBKnr1Ws5CPfs5gZKvwSONJaeIhs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ioTpL2/ux7sUYxkyAg0gPm38ZSVaDoZYtRcu5Pv4dbkGFlJw+JxRa36yWwaSSk72PLqXeZCCy0R1ssvLh1UBGSyNh9+3+cDus2KGjn6xzEBDeZwEtZJgVjZsRg1xDhWHj34Rz7GV1SInl6qHrtyzO99OXynMlRI2dd8iwenSlOOXIZWg6qz7HSBMxxiIcuRndj/uFqhMzhYj3a5BQM6mRKA8WDAns9KdM6cF1G46ELcqzf+s7Xn7IFVP25eRpa4AXtA1PIdcrSm1hw8qYW9YLFtHTpzCQbfzYP8CN0IHwYYiRsuk+EGmzRC/z64qZyvb+mfFVtjTNCNfzr7aBQrauhGuxxcXLWFKMjCsC7oX/+YMqjt/UYAx+GjqsaUgAj99jcGRaSUkkE9P2XsA63aK6j0N20U+ajkY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "904a725rLqlb5ypQVbeK7QfH+4UXumYMfN4yMP85pN4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7ziZ37WA0VcthLIAQ54GIPdpIuKrSmWGd56eLYdahjhdomey+XNluawz/5Z9HQJgtYDwXQLt//r9FtVphZAyweHijHTAg5Rkkq1167NJ1Pxp16FyivPtfw1VHxK7HuFU8LknzB0QkObCDxczkjbqSeJco5x/kaad0DZ9lNGSRGc5KA2hLHpYonRJ7e50It3P+YC5iphu3W8gdyKPau6C2dJhuK6OiHgvTu9KDSd7RHtpAdlwwr3tOu4z7HqjzcM2IFEHYtXoMIvWnFFI2dAtIV7tzyJA+ljEtJbd/LWQrsWoBG5IU6kJxm2WWk2SozuGtAPQMz20bd3N7IkMsvGmkDf4MDOi/xcFSyPuUTiouthESGkhWZ7KE8bnokHTQZwxCsR66TtFEKJzszhoYrjR82IChEy3V6V9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "90aWEw3cXNk1lzWgrkilOXjrH5ye5dAuhT5ubynbdNE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "70OyJwEMqKYF5SG4XJEyQMgav/yNgl4nUHCkpDpbZQdQarCIiVp8dxT2tKEmJqtjPhBLvfebZcQPUC1hnWY2bMRhAIl4zhwIXaNoN4xbngJGqpRAThDwh3viFFbmgvyaAeBlTSpd8B+dbRzvQufoW/DNdVA36qnCusKsPs1QI7u5wchFYILE24ADItOnKkiGwX/xXEWiFL1nfkZHZHadmJmCXUB1+PUZsf2EXojTWHVsZ3cn4AkJAIIO5bsBdVG4l7jCtYidxyFGNWF2EtFu0507r3qZNuq5Gwgr2OhzRqtTeiYFbWW/GCRuZFjprrIGkflenc8nueaBkjCQeUkfy9RNBlDCdJx/+9h7odemutLaKmAzfcgxx545uJ59ygaYeFUxqSd8N8HzAEOkr3QZUjm5eJz4F+VG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "90mePlokbyVD98pOphzLjgZ3g8pJq0cooT4sqbLFR+A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7rDCULbRttqs0e7uuwhrHi8YgOptuO+6CL9LeyAbpWmYrwKqiNGcxzoQB/9iEUtIraZp7twXzlgOUi/WrxjFhp6VvEzxu45M+Iou2WIH2vrHbDeLGLNFl2bO9023itYkVXkT2ivkgQIzld2YgMaoqykK2WaaWWLoHPSijOcwZ+RRPa06n/8sRjspZ5fJt1mPrRJ70f2OnHR5vmU96cI8KlYO7SnnfyvZHEf7SWfmnQCB/4dhwLa3RXVqOcvn1A6sv5A/YcfrDygtfBjjSNUCgrsJcFRZpfjimaLfi11dRMp7BmbvhzbdRvUH1x98H9PgUDom6AtMN2Stanj2Z8woyfWPcn3WpudrzwdiDVZfFnXwOD1BSbgLM/t17mropLVc+444wLQ0deBmft454V0x7A4nN0FdNsfI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "920/Nz8XIpDg25VfAP/+s6pSQgTyUXhWAWxXhkH+83w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "onLErz/Ct+h7NiMzDVADUkCIn8WuscCg04oI7PbOT61PaNP+i/xuIcA2U7bTy10T4eBOCilPMny2NtXDOIhGv6y5oy6Ho8tHV6gnM+k4yaIr5vFG+VgsV0FCc3TzjQUPFTg1tvYTSS8MRXX3K0TphcrTmIVE0oZAafs6NLLpQpr1u9PZzorLAx7T7eHhz2uxzFrQBVju5D8IJh3K6aZRQXeuAvxVL7lgrf16OcbKOrCUqKHOmsDlbZUs2BtAjbFPnpnqlTKs+OqS+k3mpel/yGf+9C0KJHByNxrUI1fm3tzkzp5nVH8DscYmCztdZQ7Ku0C9w8fJMLxQ6m5TyBHxAmocZf6rFcgAmyirx0HIE4sijefu10YPDmfRBn19RRIv8Fc6Uv1wk+rMyjbi3rmrj228twOXpMXC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "956Q5QGcU5VAIb2EN1u/hKyCDvO1N3SXvgikGOnN+4w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wy18aVYzzTWD9dgSOWIT7j+4Lb2+hLIXvhf0xxfKFjZg2klY4Up94DFz/3Y5rrGr6fLnGnraqcozWWWJh0bKB5dFKQy9SQ9MML780fB1xJo4i66pgShqiPtyrmFpDaq/wuj29A2ILeDvJ9eI0hGF70Hr+K2LdTloIJhCk7UwFolOcxGdpT3R8WEuc/iVrN65NE4iEe+O0YkY4/qSqZkSIe0ZtXZvrHg6J3uBx9o67wBRiVhHGz6UrXIrVwVSTmeSq4ACjobUUfS+voPh49AUXGZqb7794bdX573NhZ98lLXTaKEPlm4ERsSRjwGux2L6QQGPs/2kUuke5vaaDyIiax5Ae6oAePLMEsjKCgH4iCINLVulsd857RobSpBI4dKKqCMDkO+utF5yIXKf6YUpUkbCGZPRwWwf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "96LTWQZ2n5N3mCglM7EysYnBznuJNQH+oDgyS7KFTvs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FFKbEUORnxAUng0R7XH4IrHM1T1XTjYIyPqAIFiYhyfBc6rgQ0YWjBBcuO9eaV0FBZJtEbMHzwuTYDaTMRRQCXlWXPN/7Ta1FbI/VZ+JkhjJ2H/5YfBZpp4DiuhlcvmPCJzilIkm3UlXiFNrzuBKgt1ztqDUxA4mSMQkusEjL3Bmi/tv0AI9tLUB88Mv16SBXW0ygS5DdJ22U6OUP02iH0L34x0+fz/u4V/LAk7283XFnvi8HUtiGUsebtd0SGWB28+UfXOLJu7QVjpmaf8MexUoAI95O0BroBXRq71X/4KiH05s4UBSKSV3CDWQLhI7X5KOKjB2UNQSeMlihysrsybHY1ZxfJdPNXFBtxLVoLFQkf0DSxO7iMDjFn7u/5VQx6d5olki1sYXNajASpT0oWTSBUHylBHB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "96XrbbGs61q6cOV1kspE1WfHH5GY8ZUhxplR5FUYgz4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SulN68Dm5YlNjY1b8MzSvkYbxXTXg3g4LiULtlVwuGkui80uOyl8xkA121EiZbONcoX+husKFee0+kRHi3cp1pIL2JzpCHggNEWb+TWdu5XzNjFcmXqABelNthgdqt31kRGgCRKnlz4NZt2jxUv4feObWt458LbQuZY/2dRUhE67BzcmHphM0okvkEjf7NdMb5ssWkjl69fA2JyNvES/1dXe77D1/US0XHvzQElF9MgXOQEdU4FnBuvciWJx4TvxWQVq2NA1C6T0nDAWIHyBLCoPhX3SOnpD8Y98OZOhjT6AeKLDOZnvMMUM1JX/Z8FlkR7+iD1ZfOZKAhkE5iPs6IXgbzKgwMfTjtF77Ep23r+grK6xUeiNhMPBq5/OnYoRb7xsLCYXfqmIk9bV10MosyprD7hndvkg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "977DijMQ66soffYGFKanthhgCdTcDCw2YyUK/Fu8Mx4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L+EJjTNe5ySzN0LoBKyCRngV+OyGNVz/Fmw+aN/WLA0PpO0QI5PN07CCospcIPNLZeqKqUD8bf/umpdQ6uyM9Kijz2BXOqt27TIpuYwK1+3v3ZjO13NU8iFtVF3YftVOrR0Wi7HUUrRepKhS1oHsFGXb71SyFJfa4cZuDijxJgsxM+fksfmQgGbExQUx9l8TLToNa6U75yjFyTsRycbo7FSHjfUUntNlgLO+tbYwftwYpCWl0M3iKLmetsPVwzNgvUX1OkWIpz6TMZrfE+1+xn3i4TvW6qKPmQfuT5ldAcMKGjeL1l80szYEVT7Cw9z76NZx3JmL1wEtYAGJlJe1IGwAWO4OcO9pe7VQ7wo1Li8z4cvMX6IQYqw1a7as6o1onG4rRT32FuuKH2HlOluyQM9M8+8Jifzs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "99EsM5drbPkmMLaCSS0cWrPsKXyx67r8lJYd0nvfLMs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GZzzXR7upXqyYcdL6wHEMRojT+oyML+CiSsSHRlHpdpExiR2v6L/X0wrzYH9qQ4PwpUUs4XgOrcygyO/ibVi65Tc6NoAOVa5/82FhhEcDWDgErv2YJQXkFSXV89uNZGnp4eRJN9ZOfTPPBQjxbYxby63RDq/UoGFoap2PygW6MwexyJVwKtf5Liepwqzv1Oqa4R8IW77Ljmes5NBZFFPRC0Pg8tfPDvUzAazM3AYDwun6B6JBLs6GulXEzKA5pHSaxVmWALNQvDcB8Ea/jfxbMtjV4Vde3srfDHXUX1Oekq8v4HTCUoqdTCt+wcc9qLLomvAT2i5iamqIU5v4r67sW5f49ITPgOQlTkJu8KqI8bVDLzRYO+v0uA8pWCDAeOUQdbZpT1UWmhkm9ypjYijK01QRbgF1tiF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "99zHBA6ZDmQaBJTtFEAEVTpWnrkgX9wLW6gPym1G0Zg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dChMlbZIpuyspqYSHvNTaH8MVb8+gf6eucwUSvYNdsq0bjOHwE7TZ1Y3gi+2/DpHqJ+gfW1+oOC2F2azxNlafO73/EgB1wnSmv9bHzppvqL8naNcxZophk/vmmVwwJSpEKzlvYRoTZohO7ymzlfoOiFxi/asg30CerJIC2EZI3vnCv2db4w/Z+wnyT8Xkafuqs7CIEtGFYR5DZ10obZWmBTTDj9dUdvNjSYmVhS0lWheSSpt7217D8jo8ZIdBkglU4XhzoJKLiaRnfN3Qiakx8BARQOvMOBqBDiqQtPS7Tb+FX2wDtLmxuDmptBqsID82YIbJRXVdGYY0TsWb4ku5Jt6cd0zU/BdL5psAW6F2qY0rkCt9i2P88UIHw0ZUK2PEeZsEFwQpqTpDCwxbRs55wy/wSXur14R",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9AqbN/eImn+HikqxLlcnx8r5V7hE2OoLvIcZDvU5QPM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w8eF5N6Otr5dvEDGS3xmdypN5pe+Cx7s9o97Oks0XZa0Po3ZDogVAsjL060mSXW6RYNCKnMKhm74cCaII61gVtQXJsHFyAc+u8YYgo9HkPX/mQhKnYtvE+UI0uCpCWL40SVY5rSf1r16q6oITuCqRjRnil5ba/GakdlPpjTfP7dKANb+zxwGUltLPEg405zEI7tp2NWT5UkOFAbQ3LMidoePcBgQBD4OSkCeJm1r92/mCZK67sNxGOvqQ/tvMVhKlQYfNkqUMzfZKRUXyzYlVqvCzLRBmbt742R6gNHywOvwQy8jp5QDxmNm3Sa7mJOJ/FBRkjIW+oU75UY+gTnRKN8IKpZvQv4uVs1tLd1IShToEr9uXGyMtSCrp0/TIE9clfO4rVUgq2+DsSF+frgyIWLIJRhf9fAn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9E8132d3umED3QodO8Kl6W2R2a1wvo0+bIo4wcR2/bg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Sg71xCsmz3Zkw0IsS8f4UfWbt3OiShMqHtOR9rJyxK5eD4uEdjxql3btBv/9NBiMfP5GhnudWqi0ibK/AeREXNVWIiHhMvNUvr74Xhco6qItWpaSjotJsE19//iJG8FBeY3Neo2kdgv94GaqXaTBEl4/38m7A1S9TASYR/6w0J14w0IgXkQY09ZOoNrXFpBi0iDuGqq2ak7rFV2XQONNXSk4P9q18w0WZohKzjjNDo2aZp5LJCti/gVaTxI1PSsWpMfN90gU2HgvPDxkmiCSEFk4LbXBT2YxU0LhTJUdyu4TuXfcw9qzW8TL8+CG+66dNGwm3Tj+vxjzocwQGZZmCy7Sh+jPC4f6OEHxWK62ytc2SjMIvZ8IMm0VSm+7UQI0Fsu9/NfTMzSQKbThU/6XzTy1imdi5vpZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9EDCzHCLd9LIoUgCecJGMnrh7RoyjJc6Wxghsun2xEY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rxqXpAZj7LbaeMtnZQqGZTckwXNWFnwWjxCzJnZKb3zEISiFLwJg2qTSA80Nl7pB46L2eariXumjArmKn8pCbO9C7SPILzDjaDFBkGFpdGUDlMpwas7wadv7dtk5omvGdKtTBQYAsCwYxv+i7xQgE4VURJmAAQLK6YaNE6Zy88U3KhDuEVRYrEigu9+WPUo4sfKtNSk6SIZ9frSIibyA9m2eAAmM+ochyPTTV3qC/M9BEioFOreD2cGlYc+qnOCtneAz2STaq7HUtDButu5mE+WoVL46cA3pMZ/l1IkL1F7SORd12D+cUDNBVN8hj+DKunfrz70TC1CWX7+BvO/PPY2eCig5n+RW4fI46C10WBb6Ga4mknQmi3TghhKlOyFB62fkSTsmbc0YpNLChQdIqpCAZ+JZdN/0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9EG/usFU/Z2SpcRz+DVno6wKd1MXqecwtIgTC1cSLvQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yLYQ4iOB9Cl1LJkgdDQljMlYPV37qXEoCqs0HAbe+3C38fVmwmYPK6o7x1Ql8iwjJutACgW4MfsFb0AJQAmMC0HA83T5mO/3oy0ba0fYyqQSOJB2hq2XncpeA0URdO9XsERFdMAIIY6dqvkWpAj5+Y5z2fc4voTVIfdn72d141nhQaPtw36e8v1s1WWwwoeracyeZ21bxj4T7Si+Hxw+Zp2k5ny7j7Tm7lusk3n6MT56M/3Htfl4tXgvQ6da607jlESVRJ4nChgWMJQRe7PgwtHNtDhIR2XTyXGE0D1BYNEBZm0Qe7sFaDd2TfH37ElG5H2iGhIpCAwIJfuBPwH5V/yp44hcRqJWpiBr+tLPiZ3Lfl5e3GQyFRbhxEqVvXQ1sCZ0PIoCK5TtXax/YIPoU+FR89DGv8fe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9EGv891kVrCzUlm1tbVxlV5jE6U7pIJpt9Ig2byODDo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dg6IqsuICDaHMxjUvCtic+zAHxvbdzYEaN7VSlvwc8momvW1uc4Q50fyVYMoGJ9gJrA8MC4sOiAAM7coQNX9LKq/FvKXKmme8KNe4aVdE7IzR4Sw/3bd4qhBnQC64zFFVJpHgBZr8O5FpvsizrYQzHQP8WaKLqZeuorNt+YEDMfqZHkOEzRHNS0p2AeB76msmK3QVIDhX1RsJsZZCoiIPEDrSvKGVahJUxZrciDNbHXrED7H6uOlzi+1HPLWk5DDhbWfrkp3b9yI7EJg7QOXtzh0Lihbm9f/HQ4lhejU1HTo+c+Kk05O06qfzf2/G197foYoRFKP3AKmi7JI2n9rTIDzW0X2w4Qt0IzOza5ovmkq9cbxdZIuAQQJ+W5JJpevQPDDkJCWAQwxrbkM5cS3aAdBkjLJp0h1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9EWD8DkQM2nL6lHTW79CmP5u4ktT+oV0fk4mbABx0Pg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fqxSSFYMuVmXT/d4cR/YzxhiOqTqPLJkqUHe51UkjHBA9vIK0lEmtWhMeoJBWtdC4dN5wB3lKpWRp+HxPr9vTsjqDrj/iIsrmBZDKWhc3HmjtWW8PI1vm/Uhmk2R1SOci0xbgQj0dJcKUdY0mvX8g3RMSnWpqszJeMKd0JfIfNWPMDmggXakERvsr82Ug1NII/WYg9g2V8BQhzUx8QBPRCOeDiPGEE8C+ucKhhj1uOAF42/G5VVVETZ3PyiiDC3XUw2zGB1POlXELZjLYEw3dklkEwnGBfsWV2qdyiZ7O2mKP32JRZ3mATU54r5SeGZti886e7Pra/D+H93+qIO9fn/XH/B6Q8EOTNaUEppM9JvVZ+pVDwd/0i+bgVnglymM4T5Evd+ELXieAeVnvnWS/x71yh8PF1Uz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9Ee6PhG/+9SL8ghc3iFzMIUmiUW5TkYdbvvx/SsqYL4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wn1Hmgmkpq/w14Nv8Kze0kwpOtTVRf9WrIN28QMZuLFnKvR0e5zM+MblSErpknEjVG9cQNanAUx+0FVCd3NxBidQC/oUr3MdVg4thm4s9a6BWjcosg8TaBOWtR/Lh+eIzv3Y9uELkXU317UNzvb84X3x2lEJOQLwcL+v4m6HW9nX43Pj2DAQi92mqt2O9blA5RE18ZnwbarH4QCOjx/xgbzq3C+EYbmD5A/NtLxWWbC0MVTdg/BbO254F4f6VKBilimN+Cv+BltYzCPQMfsh28h4lUxaWha87LkrWWF3hQI2nMKcILKYoIPP/6NsZzYp8S92QClfRSdfv6/wvWVdqo5Y/k4+ffU0yFGvPSkahARgC+3GavKTEsNho2dT8F4sulczcly829O8YL8+zEt6afQByTPnSTFe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9Eel0tj7CDCpXqqt0SXwNqbu5wWWo2OlPR7pmRkeStk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SPIeGesOB6dja2z6H3O1TfqXHcZCT/jPhh7Xd5A6fdiPTVxIaVna1Fdcp6K64oqDgrTg5EGiksj8B2AvkWPMHZcT72+mQDUWsR0O8dGbLvSMOnYhu89gcVlHY0mZqq68LnIKKYys2ApWI1GEZHCa0n21wzOBbeDN8bU0Sqsz0URidFxeYbvG7WInrMBrRzreHeesG+9zEHOtAEQIADAqIPwWRwkL+tmlgdMngnBYG6XSpboGpkS3mrB7SIJMmMqB330su38Q27SRUbnQZTfInQ6nb669id9iRaz4mTBqLyJHqDmB92kkz+HtIiUOc1xAgYDAXDMkbrkBGzwsq/WNxzGreJFkUZzF1YNfAiYuni0+MQshH1gDSS3d4QEpKaMU1UuhPKlKJN7Us2/y3uMIghfEjWinUnmx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9FWWd5GtV9gukJuoMGmeyYQ+dH2P14tiAG/g4RV9HNg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Iu3RlYFRC6mfmAd/69xvTjTQcBod+qZvEODz4HuDEXK9Mv1BUGt7CIgfhdhPa2VTyYVnJnp9A1qkXBOoGM1NcjJCTp7pxOJvvcxoK+gm8DVDAc3ZESYZa36NHuNvuAjgWWyh2y819ma5QQgrTf+Jw/c2BSK2bOkPq4zC9rBK8au6ZAcRfX45cD5QN4zoOFKeT/8SGj1n6DsWg/ldhBiz9SARmJaA/nE/W2Au/mBd1hwjUprz5b6j7nTHubzwaYqU+3dYW4XFzARQ7FuDPWaamrAnIEB1nZ+clI2ruDCN0Ufcelp4xJlS3t9PsEbhN41pBBxCQ0W/xFLM4CGMeiejWphnMN2gz1akkdzfgPnv26PDbQbjTH2Ivpk9Dc1vw7CQQ5j8GOSXVe0BuFw/udLW7YPM0DnyZ30N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9HjkCcMDK2ixf0QurQYgnVl8DKOYAp8/2baguK/sde4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KE8OhkE5t0nqRKILTIPDW5iI/kHayMOUU6Bmw8OyHpZO5/GpnaS6LZuqsf6cqcAwdU5ElutG3mf6uLWxW6npPWnjso0uJPh6YSPBdmskFwZ53yCB9roBuEr+xdxpTL6NwtToqoPE5Q1m9r+iXX8uXKy7LoaZ1AQlz/8uQ8ZVcLmt4iQICx6vih7hDbohj0nQ6JKVE552xQSiv5rnyw+EPzjuifgDXAqhGgpMPtDCHn321KfTRu5q2T9hNpKj2LQ3BWYHXGV++A9tKTHi17U5fy82xAo8J8U4JSyMx1MS+NCfN+i5snBr9K9WAR5e5yx0cbNCCnkKLZxkisxm7aW9g9YOMCiKrPT+5n6hNykjZMhPutc0r4OS/JzCjxeDMzRCg7GgJdOv2MBsqM3bX302RSEUxfYFMVmj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9IL1GssOGZYJPu93KW4nMXi9GK8S09hpSZu38Kh2BSo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PM/lbUciSiby95RPvOUFeicgkTmYM40BTDKyFhVMlbdg4+TICAZqKXUbnMKqV7J6I+KjER/hBBa4oKcdx58bVOHFxoXdXtismU5PHNjdCJkH3GNemC5qxQEsBqM7hlP4CONh1wVMdX1m1VYf9ElcFsl6sVGx+jxZl50zOOIR8nXgBZ/YWZNLi+CBOZF9ZqS09K7xE3yDzBm0Ro5I+xgRA+M0ELaJCobHrmppPC4ONXvPAMfiy/zCkie7TCq3Pao43AQ/LHAEUqfne3ITdiyBj9OXhj3wWio8kkh8307qHZK3U7MDfRN0gXdJI7eJdd+KUmuWmRMw39qDDBY4DB44tbopMsuA/89FLDfWPuzJ5FQignUfvfaXrPPjfXa3EMq1Y+Edf2x3H+IX9hN+4O0nkRw+v3RzlT90",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9IXLWP928vZviCWA+2TBYDoYuDLpHRfIQlhDLS+8h1o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "R588IazbknejWWaTno9wPFlwGSgKAqERpJCuPP9GOFG+JiK4VG/Ow4b5Gdsg+UCedUkWB3R21hLgvpw5s5m+KZco6jmGURH8FFP4FXFV9+hwbuw5Fe2Jxp97GcjSRlcHC8gvdK2OakzSOFnZqPtamMmbuD4qMMPNL6WhpWAfO9iBQQgLz2yn6K48sJ4qeXGgEO3wLaSs4+JHN3q9rVjhOXIDBM4zQ7kavKE0AmGbeSeW8TmwKksJWb5RLwWIZusOPMBz2xXL80klvc2l2ChfNlEmD6Xr1LnXZ376bzKZytPF/gd67NGSOn1D3seGW1e80UBx9qJBx4WhewuWY+RjnpkrnZRy7ddWHIi6s+Jw5mbiYZyxCi0joXBZYWHonxgjo4Uyr7VW7Bp1T0MEoIW/gMALuEUZDrys",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9IZSrpxHJTr0RFrg5BTwQKgqCCu2qIipnF1pHlptzms",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4cNBzNX12qVV0381TaMQQzprdFQqyanVgILnIOm+B/3x00/0cPjhQjUYxJq1SQhsXFmtprnNYio5Mnv6pCKByLYKzOMrm4nzSqQbbrL2v+7dOphe0SlDPCW4dmHW2SskWD8Zmrt+vJmT5Cu9OA1+iso8f7C77SWDjLks6fUmtuDIFUxhTRfCZcCxV2hW9EE51OzzZySCnypPWzX30dg3/hjbZt9ZIUYPykVsv1e3MxdlfpZq8mkKCrUZ2mLQapHjYKtQx4tKRLYhUO5tPYgYLhGCZFTfDmYzNI7nm/IFIXmV2KRc1CBsFojOUb6AI5OJq0UVFl3cxY8S4LzBBLBRq1WFa+evcUMSuk2PUeeNVy5Q+wBJrT1Zsu/H6v7945N6pYhYcmhmjW0f48WUYN3nzuXZoHiNusOL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9J+qyIgfAuZDXOT6MkSFtuV2A/ttbTjyYw8oxCapG/Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3XVrHROiEHiO/nORv4tXpgoWbmOx+MU1oUBU3QCJJMmN/EOBBCNr0cu12lfDnUQyjC/N8iEcIqXVMITKvTVhozUAi+BpzQObgEZFI3GYR1RuO7oEt86syoIJRfqyvDemYwhgup9xvi4cw3OXaHwR05WjlB7meBazW/lt8Ch/tujPaxDat/QfAoU12mK/dKtcFOAgTB6rzeopQ2zLpTONLpez2PuSJXqujHPosRnY7mm81vOuum6OBZ6Y6odLP1HE8jyYmzfHrixPjPCpuZ5r4qrpSH8QQH2ZnAvXHGiWiqmHgREH4bzs4lczH7j5s9NiQwpwmD3yUz1XBW/xQM6QUd7fCpreaKNvQn0mcsuyWI3Hf5O7jY4GKyoKLV3FvpX9H6AhddRCWz+62XH+qaIScr40DvyvcUge",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9Lr5s7BXhPMVgNK7Fo0GYdvDMuITDj1IvpXmimczj1k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7kJpDAvGm5O8jWBWstswLuiHGF63Gjc2QdBkdmDoYib2GP3G1DmodWcfzA4BVUY1UvXtXcjmZgjlBwPlkaAci+BSZ1GRs2vN/0Cg7ISX6tAifluzHY3DyvrY4E4AVLiDhWw+x6qqB/PfKq1xQ9DRDOZGyP6bhQHpHtHfLlloITKZDh6yUTrQL4oiLT0gIxfg3uCQ2YamGd/dMme/MOJMrn6q/F1+EpNMKLXCy03tmpS303UmxwfzgTFDKW7K/eu1F55vuNPNWb56yZX9jsV5J5tWtxITL+4VSWvzkPxAusN0oDXaDJhkpMI24+5Lr0+Rf/0C95X/P/xwcprohYoMhsDbkgmaPzaagUcRetwoG0bizr9k01ves/kb784UOOBnI1nEaCXL06srGZE5tCEfF8sKITrVFZmK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9NfMAnykPr6l6l/qKNDtM1bXXHL8bsUdD5/sqwcVkpU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kLHni/pwOuzAvw5YxZS6NyqJu5rqA6tIXK9dhLD1M8XWPBoTI7MnD1ITA+Y2/g/zmdS0pecpMtgEr6XkSV+ekJJ+/sstok7eb1r/Oq8ob+nu5Ig3EMfdoVyQAnH9C2sultny8D+6ZNy9DAIp2XGvurqM5Uo/yv97sAEflMrSlsX2JtcTTQlJGfuPuzkyCzyfUWtXEu3ENBQ6XPKJOU9Fm8mPpYS56fQkweFMp2oyvjz1j56Kno2NMGVi/uewSflCNugeC0B9Ne1bLRdIfuD9EF8w0/GBSXEHv2blYjejcGeFqcpW2OfZnqNwEqWLgWXZKj72kccsfN4gI2q8TW5+2iIL7FHi/XTd3OrwczTgFtkiy1paj7VJ2wUrrDs/cs+gq4oRquFAJpZKr7IPyvPr2bRvZN7z64Ef",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9P2DTc/z3BmohNhqhVTPPKqEV3zpzCOSAsgkqSNeolw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "X3QyHGttNSRO64zpHFd3JYUTJEhPLNuuUA+Fu64N7uK8I6sgclRHyAiHg1RY3NpHpNOUteYft36PSItHGQZ4ypKJuiDCENZKdcsxgoDvfK5kyeSgibd1xyNvBaHYlfoK1GwabM+HYDygeyhnZHU5MPCkv30jaa2+gyTSINsB0P948x95QAG2FvHvzlHiffB+Zai9iNP2wAl8KAj2OtXiIhzsPhlfS0sOMfmKMW7xe5lv/aofAcnMIt3tGmfwYZTz50iQ9tFpqWV3R6yxMRel5ePpidRHBHLGwC39EVe6QqGz4bl9hgLRZWIJXKsmd1NUhENXt8OIGaJRW30BdflF1+mok2nOyjqnn9hYIo7MmQR4qLr10tUL5xPM4tJAJmIc3GNvtAHjmDR63HKpbcssMh4b6i+ijQ3S",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9PBYC6FpqoRLBIlEJ+5Eb1HxRkAzMTeJBpNOmSW/GJE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yB1ArH548p2JUGVusEnN4aQ+3sUBuKzskDAJT29UXVyxOUWvSsOUTvoNBaItJsAT5KvtUPqGgNHTR0FBmn5f92PHhRPnJxmxEEvZxmgkL2gUFQ15HFHlx60ed1BmmjzkNophrzKAexXD7kfc6poT4Qy5oWj8OmneM+rW+SbMD2xUm1JxTuZy28m8Kb5UJrfaXrWNH+DEUA2EyAHCgF2RoBI8i1yM9UL80AWVkcOSiaWeWy6CARFyIviepTb66JndJL0vpH7OrI9Xrtfno9uk6N3WcVjth2TMzbGfJqNOLSNPahP446Lm40wQv7QMm8DA8LuJPf3BMF34Yj6atzUgPHZviYez2Hqc4n+0bcSegANBjXqVfMxd6teHKO45ABSq0N6mNBiNn55+6ZvwDV2CvJsyaxLp6d5P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9PTsVf4nkeJ48yWt+HDyon9UAlt5CBKEpPuh75Y+KlY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "chm9IrMW3lxpikid/NrdDQXfsV9yti/Phs2nY87bxTituZ/23MaS6dd2PC7nAyhWxRmT3cVw896YGL2FR8y+tr3CcQumaXNpYpg3UrRasqulKaiKgZ05lSWadBXOXme9HEnfuQAnAXh/gH/wMA/NNyKi86dYVbb0IkzVhdM7lbBpJzx5lHBt+v+7NfbgJ1oVNxJC++xglI1eglvJVKB0212sCOSFbqOr92/exkg1XGaSQNreamg2XV3fDZcyINk2dpB3tK73l7fN74b1q/K5ZDjoEKI7QVuwr27DZsKTnYVBxtnPP8ZnSqR1Cdzi+vyxtTc0o65HWlrxMK0h3SjEymEzhzue91LYtbrHjRQHnKyFKT0Bd+aK52AO/Z0ax5US0vayBM+p0cYZmLEE/AEKrysnQVJZRl8E",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9Pf7yV4MePInmZFjLFk5adaTHy/cx4ZMJc+Hx91uanY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LLLax7ol52JX42nFObmuy3YjRO/7up0fF/RK2HsAfzXxH+dte9z2R4cA/VOhyAbGnEdOtdjuz3UuEiI4QK3cA4hjVkCYz/BQNxJ9QCSV/GOnyd7+uxS7YCSEKtsrLXVNBVH8x1WCUMh5A1F0cP0GNwZA/A/puZAMt+53l5gp5ami4WiTMtABtuOXOd5X9K3uU5KJewGx6IPs92eSibEmgGqV49t6XMJwdcvHw/C8NHzfpEUsxCUxvFQ1tv2aFOfRkMODvc+jvJf7PMox3p1dFHqA7dNcN82Udnf9578GyZy8wQQvrmapAv4qDphs6YnOfopdni38eOrJyHZtgnASlqgNQT3B0+mHHwWs8IMap+myQyLD69p6yeY7xZnFdQvKQwxsb6ShzvWC0AWVQdmJU06pL7t9t0xf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9Pzu0jUDNl/L5UocPvFyYIt5rUzKYT9yxg8J4cPqqFI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "si97FaoGriebS7/Bi7dq5wX0mdrwSpcXjzqoYANLHi8ORtFF5eSMoYAPK43xlUc/3s+c4Il7VMYc+VoDVvbS2nIO+LwXb1faDH7BFEqR6T0pCB8k7yLSYihZfuk4S49DQFG1tJ28cE7fllA3ryKJGfS623n77yDCOCrhUMGo2tgLyAVhP6tgo/lnjh3rhaju3LoXANknH4yws/0xo41Nd+4UEmB4jxLJRcboT4cs12VZtDMpunBecENglSG3ptbpP+XssSbxranKgUhwYjSszLdShu1mkTXX1ejvv9VXEhJ8+k0p8pzdhSha1GJCBm+j1BnmuhnHvGTaKrnusrFZIFm5Qv5bHEEKOaiMRh1Hbjchu6WvJ8e8VuXtxO0ixs7tcSXfZ02Xmj/1tj5G+FEEaAUG2T/KYo0o",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9S2NZr5gkkmXU6jln0LCdtSB41C0rmz0h6phsXWFqak",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "usamy9EsC7y87P+Ir5tlcsxuqicImbPEjCrANQ9b+Fis2IeUtSZejPXNJeCrzng4dahUplfKkTahIjPHAKjuJ0w0eUrEaGrEnKMxGSgRv3lM0Vb11yD4LWgPJnm2vA29uuWZQw8Dpc94WK0msajt6uDr5GxZUniXvBwGv9bksB8tZXDijcXC93DyaxSGMT+yZ4JWUB5i2adx9kQlpouP+7oVl+2VppgGFspoEXhwjbV1cxg+qmRjP3GK0umZsfoYhAfLKGie4NDCwGGZIx5PluhW2lLabckVCFk8+Fgrkm5cx5M2yAOU7FB/4RVxPH9yytoMGbwg1jqdv3MGrEiKiIzxaQi2BBukTs+ftYs7JMRTNph406DZ26GmkrVjjsiOxp2Hqs0bn1dBDUyuChw1QEqBEXOm3jDJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9S5Ck3u3QqnXf3EttgGukyTAA0aG3cKiYlbXfLBVSIg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vtb9AQ8oSpsO/5ftPpA1w8fy2L9ob0oiXyX6e/+G5QyPKRdcGdcmu86z91MFtep/w5N8B5wxF1IFEI1nowgsYPmRwn8jQDpZ3se4k1MG4CXdJdPgqU8YZbImLmxFmmwXkOy8dHwu4OHaPjInaz1hS7pb+CTKscNk+GMtGIU42kqul3yjwTowDQK/1h/V/zvlv9KjxDFO0Ic7pz+ViEZKhrX8q6KFFXSwW4vr0H+GSPOZ+mVK3if5ulCNK0Qe+QDFD9bojHr9JtVAhwIXegUQmddADup6r7rMnM8iTgzoWv8L+hJPdPujNo+Sx0kXsD/LVzIyzpDcLSk9wC8D2H/ixpWJYcpkT7n7Qem1ffF6ZF6IcCXjOD+dcV8OOv6cSZZCURlR4iRZNQ6iqvR/yZQm1ATI+l+N9+SU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9SfjbwRtmoQ8nXRH3g9ktUBZWmS99DXFowFWtBlVTCE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dn6p9nCVWYrGPuyw92y9oQZ6gpIxjzb7ivvKsiITRy0b6rRTmZGba5tq4UY3gawOK9XCYvFvu1VyHncfqpmSBN88SRcDkFdCwECaaQAeqrJfbwSo2ZN77EAgfQqsn4QexErDS/eY/bTKYiZ1pNDYKlY4ScNeBXm7pmAu7hrq5p0lMgme83cv1CsO04OntjTCGbqhv5sGZu7a3ohzRaJ2e6dOZs29l9fVRMbusL+QZT4osGCyyqZoz2p05EA9rHSGDjqHvGnSQ3gb/5T4SQqSNH1x7PHme7DZOhGv2GtreWruGid05Gd051fvGeeNHCPuZ5AWebXN0UGn1l2kDOEfIzKdQpJRMy5bn21oqwF1hXMqCoVvtyrf3+J3jlAgjd8UxjDY+81upHH0aBnm+DQb8H8taRp92VXc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9UrhvnmRdiL5vZ/GjY6RVkTjh6RxjtrO475GxUw1ZSI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+vGocfSXF0ycJ7Rx/R+hiyGUWBHMkIhQNOtpjeJe7UTkOrs7fuysS8Zzr0eX7XX2xJsrLDalBR6iBRSWZDmIDkAmfAekoDpDwK+KzmrEoICJgYlVSQhCHbQ/BBhfpvdJesBJKjhch26hA4FmXN8L+lI2Ve6NkhiDx5nIrIi0rmogiqVNpVZS5Mi58LwL/sv7OlVE0Y3iLHzzz7xBZFwo6FVMvzWk2As2rVtVdy8KousdT5HjFJcelSUxm/9prfBg9QuRs7iQ4YCBkubbiL9C2sv+N/qbRigb29cA4YkbjjR4qSv1jLSW4+Kt72EwRkGrlvfzrHfMs6uM+TcCaFrYW4Df8Tz4XwN/0UpseSxtPypGyPbsN+jyMFiGHekOg872JdKiKNrjtnkIQh49t+f+QCPPCIOnvg+E",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9VtnxwB1Pv1OpzJsSkjdE/Ih+FXKRu3b4eg1BCbBJ0I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WXnwUqdI18/b6blljWp8Ef4mNiFiDE+W9zB5/nEJA06k0X1Yht1GF24iR9ZX7qSmEWZjvjXiDx10IhKd1eNeOKpRc8VIQe/OHxiBO9MXHOCEFrFZSDqwuR5QXeNgK8Pum7nM1vf7RTGtyrLU8O7r5RwZwKqWbrPrurIgY4c2Ep7hHIu3jwqS9lCdtNlLcrnGgiWiWhq+ON1+ummveRTVOG2f6hWoYlxOG8aYHjcvy+tU6t1kIavOS6oOwnoZ33SP2LuDnDZ2P16WKSTbUylKnYsXVW7nyhOtGTcflpaS2K9SxBY0k2YHmEaawag9Juwk2w2Wl+JUa1iyPGap8fv4Z6vCJSEQn4IpUHJn7E5wBHEwjaWWnwUBnKOk+Df3H43uv09/9J58gF+vVBhvj2HMp5FA5wxe87Dp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9WBTgHEhPhzge7AXWDc+aLRZMa9ViXBD/F0ozX0D6+c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "X58AU4MglXhKzWAkGbz8LJ+3ApMsYNCms9fg8zXSEg/PA2BojNdhmJBeNjG5m4MFL6uEdQgdjZ1KLbg9jeMX2zQ8Hwaig38/oPbveSuJJRyUoZPxxMKH2rrELFqiqx2msQ4jUIZYw/0yuRKJVfOU2OEIHwTrKlXoqIQTACiSd08N+4cILpGGAyAG0N0WJaRPLXEtyjPGwXTo3BMUU4l4LZ5H+wzzvdoT1UR+vGKDalQV4fZTNNyj3pA9zBadv3eE8/1pm7EEchOjlgpKgwyvnlr4K/Lur9PgKijPBMvugY8Xz7ZlW/pUVsPe2g8J0qAJZkpETFfeeBaoX8CzPkm5P6YEaq6DcjaAndCym3XKR6AtkG32anyCqU8QIEFEIDs3vUqxaS7pJs0TJ6z89MuSdGKGLMarD+/l",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9WN2DzAIdsAco7vACf+oJ2JblrunRwzTR4zoaGdo6+8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0YoEtWF5tYiNSUU3Qg9d0nMTlSVcHXCNh5jluVKdmHd4lZDQf36nLlLukdygsN8dzS1kcZ2p/+qcR9FssdDAJ8coK8Wf2Jl4hxmcHnVIaG1vpX/LJ1co0wP5QpME6Y+2xuiQ4NoeoQ4K6ydzsoRsiWY9UGdRorLj00D1HWe0euMpuAAN1MAP61s0R6f4KTZQFv5dDb0dgkPDPbrYwCVpQv1f43ZgHvjrLvGIM/rK8N1yT/l4Am0Ppzo8p5O/lnznXff0AYg5eOxIu3fhPH+6jAZkzAMFZ+7sva3ku8GQdFZj3TWPPhT1DQ3eFfgm0dD8J46QfGsDNmjWGZKD2qdrNCu6qlzJTSF4CYixEAi6Ziel+YodZ7YRVgiwFT+mPZjYjurUOlMY2E62zXfhncz2mXd83rrd9AId",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9Wf/E2E4y9+fEm50b2L9WTVsODBA+BjDFV09WGbWzlk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gGXBYDtlLtY2qAXBCvaLd/HsUmU/1H+5sS4rvU/ceAmjRLjwrTNmxrXVrGPygoz1nYOYehEjy5al14VdKHLbMxyHGzAxbVK9gbUodqxuknnIQqunGGHWF2JByDkf78Ix6whnZ4F1DMtyaxkJWOqCBYClXPOWNkWArDGVMDCsaA1FeTYobN+wNWW0tNn6smNX6388JcqtTNx+CbVO8lihzzu43EIRp/oqXNRVMJDo42GHwIE+nh0+V2dX1qoxTJRvAjY1V8e0Xc43lVUyQRem9yzW9PK814ZXJQlfrpXJYSGxuMAe+i6MdbfHvfS4I/Bj1rlnIhuyJYIZeXB+9oCB68gCrp9ggMxAe18+zQkGNfA2kYnT3f5drxrFOANZ7oDcWjt1vMpuzOu5hMMWOmL/6ZaZlJD2JvY7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9WiV9AcLDFynwej1fhWiEAa357yXzC0WOr2oPhOSZr8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LUnaVm6FG3jUb49NWsUJEF27g05ztcWJB8oDK5POC4vP6Qsw0ZkA/HSRkyXRwVUgn4g7xIBZ/lIdmTFHYqK3XCq5M0is59piwh7T7zscmMuuzzO+kV98nclk9zfRgDwCwlGgrfnrBizHO8jUlMxGaIvEasg5Iyyx5igCLW1j4VH01RMJ3pnqvVpGRVvx8hb9JO1RqjOlwr+mlSi3cc+jG/CtXG55EqLyblC/ThEuleMvbGLcMF3Jx18a3G3ZDfqZZKbUfyswFD/RYnxgPkauqElOOGJneY+QmQBW5XyjpvBDNWts7UhfUgBIDCv5qLRLyztaTvpgB5oejHo38xVcQB3+hnNKQ1JU2q2XtEImq7DIRidgNxWCu7nkEWwHtoOTb9v4J4PP560LelrK+32/AlgZ5hMWlrbx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9XubY0Hy2GYRMkWKsuCBWiQXvJ+8BNxddlHZr46OjFA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KZYWwIIHaE5SC4DdkXFVs5ZhNm3XvJ483BU7kyNJZNC7zfQij4nJqEs6rSAwMElCQB7ZqMtzg5jPmt6mw0V4Wyrze746uv+3LWF2OogpAO7V9onAuTOkTF4IipT7xVm3gpnF2GzrcHvliLFyJYSeQ1utRehm8QFZ3nhy3MXPvQ59lGOJEufR118EcpZ/BMPQqa7E6CxZ3gBW9tKyE8PiEgytjcE9ulaecAoUdNzN/Ekf20wYwSVJCNqHu9Za7y+GO/dG23j6nsl12rfGydON1ugfO95KNdy/Gcz75Yr4QDfIxg/rhmAtUlOCwTwAfq4+vVo6aInnLMftBIcUgpNo9pqKIJElibg13H2buAA8GUW3b0+wTkRGg0n6f8Vv2BJYXHegthV2knL1cYKWc6xK+wXZPSI49J8p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9Y/jgn5Uwsx8w9OH8hEH4vR75UiIltcyCD/AN5HbHtM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1UFZJn8+vcPhvLLfWphhRIM97aD8L/+9Z6d5lh3ezzS1FkqD7h/GXYB6K6586eLZcT6lp5nzbXbhKN1AnfjFpE3z8OSPARpzFD8zhSQJ7t/fRfKPFKgKNcsS0NQpe9U3qsN1ToYb1zclYy2P/lTNRBuBftbrUkAZo14+qRWAk0OerbTmAH3AoGSr79PhDhv7wH4oapVXphwBIQvElN7x+pvC2y12U2KwALuL+NMfGOqlOqb+7Yf/X27qVJBWpJZqJo61C7LrItUJlt92yQF+D0oCF2ZVU5IPS9jfAhnsKuSX9gCiodrcseo1wxTqsucKyXMkMljCDJXUYG3TJhIgxDmKDKBufAtbYuXL4H2vwCoU721m70mQowkHj2xvTXIH0zW6Sgz00ioPcVVsczsTiXR2OLYiSPp/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9YKBtTgH4GQ/TWKSJM1ZvGD9Bu1Zve/GMp6OFxDXfV0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QYoSys103YEqsgZOlZtS8hlREl2G63aHa7lYzXeUxpcZsZ0iu3k8JEXzzL2DOF0XLhr5BxWA8GVtKqFrsY/eeJpcYWlc2g5sSy8Bq7rYtJLJXyO4rzZjLfp0jZNDiVJwedMFE1zdPShtyx5zZqx3rtURfGvLF0AvZd0PyE9veTthQ8TjJpQkyUFYSOX0eetHqs8pazLh82XRYHeantUdEWOBGj540ip3tSZdn3dJ7kT+zLSJNu0VMnz3fFpgEMQMpiD63UKwLDtAfexBySNax7U9Xm2RdcSLaU6L++oRBtfehFra4jziUp2LenT72XjVXrHQ3mgJ3ESVvZ/AVuNmv8CPXVdhRTZ0QE/p93Rord+mhgITIpJG0dpf+KK9nKVJ9M3PsNTBVqd3rvIhOSJZtnfs1zM0y7nu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9YcvxGSf9LrZkGjATfGSchHNZ8wycvQ6zcX6BST6GNs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Umj5lG2v336/6QMWOpRziQ+08LKpgkkJokqYZGDNCnhuHVsPUNS3qrVSIM3sJyRwolPwd5Oox+JnvTbvsyUiNSJgWCN6OPQdRgisHkIfaCHwAhqKKB/SmrITE6tfFxkikSYBTVFeU4ckWfiNLxZUbD4ldKdXLzkl2j/t+eJ9d0SM/3Kdve8A1EOzoQM+RLaphos2pHJes4YesUomumsh8384pWjfUetw/z3q5AmASTkOOCfognYMlQJgrFiBk+lGXOWhauzy4m9PWT9Wg8PiqYdbX4RX49MUepvf/PdLfT5SottP6HMB4XunAr9i5kJvMnwJNOT/UKhQ3vXZRs/IWz8vTSF8Dc+mqcT0Ez2KzMDiVLQtmiY2dkjvt44RhY1ti90EW3UTXlnGLsIsp8L9+mPEBblyMwYg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9Z10N2j2xv8MwIXXWzIZQYuz8NFnGC2SgbVH7V8jO7s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qfE7vZa/Ptnq4+/cVWRdKkbhP+RprkunSER6KEtREoWsuwCgrkUuLlaSqCvXK7xVcW0Jh1GqNPh9LXq5CGFXC+/UxPkxT6aUhGwxz1nGMGb2nrbCcLHCIMwshCfmSDSPNF0pLRbIvX7vx4DvEJqScvxXIBtXlHKSbJGBHwdQpSLczgSpBL8lgzUbblZro75u6Oimxxs7rX2rmYIXFjuMqJWAhYMKksj2jU4duKlWF5qL8ORGnPtaWXaUHk3cVUQnC55PgOEBo8/peGBPTD6utrrhnjmkVDw5AG4RaJd5S2GML+JVmYzYjL9zTy1Q7gCQJlkr9kbxdybsMEWr7UpDZa2+DbWGjzjIpWPSiPLpdS+WDtItwyMY+cwrazfnCZ5kOTTarP+xMQFJAGnC5uUWDG6x9W+b+DeG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9ZtHyISipXURE+beYHnirIoFw+BiiNpEW9c2EUw2xf4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dO8hh8bQIYe9qZ9TO4bmCzoVN+STWGTUdVq8NsguGNN86Eb75cEs45FGKHl8nyewZ4Mi1vVpEmcLPZtApu9R18vs9aTnhVEusTAa4OTuwE+yjRRWQuTrSGwY4ycvyzRN0Tc6Xgk8Ovgp3RbuyCNLOPNcMKAqM86Z2NBnmueEIvwX6a6jatkUmsp4jg87mZ2onb0MLw5N3wr3CPv/0CZjUi15vmGJQi/WivHVQHb4PkO8R6MADYozaXpU+ASXKxnVpR5jibbMNvUJ4skacRo2kM72LCKJLyO7L9T4NUmyKedhKJ0JRb9RkU8EmBThRRTCFw4QX97URmeBj/isg1KhjEsG0pJ/wJQBYV6ykOpOTgHFhuxZx1S8p/fLi3A0tgQ8qUe9KfpWs1WuA4vjFfQv/GahrRSSPg3u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9a1M5yJvMCkpuzbbI05ue8EghkzuoVBI4ThTQMxpkHg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZvXkk7YtNuaCeM/r3XDLXqNdIO8e4S8f6Wqp4bajmNGTKEmtAscS7D2umrBHhPNbovryLVD1CzLxAyoRbiqwwdEXlG/q17NT2n5EIDhzNoHs4t4/6hnQ4GL5jfGRgCRVEAfn3geRgMVFaSKyKTaMNb20q2sZHBj7ki2OZ47Wqctd4lmElRwvVp6WJ7hVLu5XSUwOzEjQxMJTqUinl85qA/p9gypzZgpTRYTq0OSSJ6jV1/6754Dy/GLYcgNyq5LXhuhxMryguSnkuPqbSJbyM5Tq+FmAYKKD+zZB8VtfogEFvPo+VoM1iaVqL42oKfWD+R/xGFmD39GGikVfaflpIKpTBjNaNStdTQ87nr5RQxWW31tsAZxFO6V+qtSd71qh8E8WzvkbNCfoBM4lh9EhxfRpRnfT2ZlU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9dGT/PA427D4V3IGLVoaTEdAXok33d9oA9AEXuAixJk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8EzAKzhtkCrI7yD1QpxXsx0yYCGuH9BPqEXjz/IUGCL/T4wy9KzWvDL02nsHudNr4rpl1whnV7Kj7veeRVPA7mhcrMN9q/atoBFaM8/9hu2Oz1GBv3dpxlHfWU/oU5ZwlLYfDN3WqMrP7aJFcDJ6GkDtR5f/Uf2SDWyWM66juwEbn9In/sbG56vVTkKAAVbrbwmLQvgw0RVrFVzOu8i8gwWxiW/cRpGvIDrDEPyt3WKffoScYD13kmEwVuVdou+frPPmWhm/1qpGUVwfEkWVVmVQUuUWfTpwJ2xb+8sCbfmSWAi63BmHXYgIjqFmhBvgZKPLojkY5nj5rHj0VBsBB7G2uCImsV0jUqKyl8WGEmucPCjuSn6xloUPJ4oNiGvMfCzGtfROppNJfSWScEjHg1kDpjEldGnJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9detDMH4Nc34iJ7e+dxc9WmOHjRhFwVSgiD74G6hIPk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dkdMoaW0qW8vv5vvafcCcIWnUG4Qq3xcf/vF0S61iHu0lxwC5+v5Zho6T3IGZL7aRuA2waxCD1lGjUbT3ch5Ef6hP1b/h3X+dcURDr0B2wWNJrID0rgvkXlEQr3nVpBqlNxbnrQH9OUlMDAq1I9kerxTIWsM9XZl5OLipBD9SD9K5cxRM+AOGE8JP9DboOl2GnWfXZN+yW7eMd1gxUnezRyr5/QwAaxtqVFDHZN0d/wAAv8xcLnyKrKVURjWjDYxvsTwleo6JlSxTsLlsNu85Iz1Ladftr0zOEUC0VWBbHKD1TZqI6Ozf3jBaVrNXr2vggYdB79nhTLuLGF2ZPN0XBx+ZJe8Lo5fmPZQgdPI40epxgHILqPI60hRiXmSkR15yA1KwIbO/f5DEYiCw/usVhW09LqM73Ex",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9eS9z2G85nysbqUJoOlsgkEp7pg0YPQVEgvt8eA32TM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JO5kHqn7OQXvj20q10DkzEpy6+dZbaiNVIo0FMzNalC5A+tZZc4sa0oQqAbzayMSFqRrxHzS3rT1WjEIQdcP677AMtLPP8s6+8vc+Ucn8ZQxH4WP2cLux/Atn4rH0TJDzpm3JOzAQyJn5IUswBLFqAQj2NbWTrNtTXeo68ACKrCt1diZKlBSG9VX+LU1rrOtDJ6yz6zso9yOYc7fau3rVuKWJqjcptqFDAghteudNzVovHQ/BLXFAba2pKxAnSl2hz0uo5o7dmGqJ5B74JA51DN1jaToTSi6aI6Od7348v7uGhSoBHqM5//Mw3yHt5ouFZFld7IzSSR8EcvWG0wvxlYur/TbEAlZcKhwhw0+7V2dsMpab3Elo0pDwUZvmUJva8CnNzYwCavYOEBTq1mq+fN1Tgn/qx6B",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9fZDHgQy0iOlXx/EP+r5FjhoCJ8MDxwnkgY6HaQMxnM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cItbqHZsclJbT2RQJgEsRUST8MZFp2SDYy41pMg4ooNrXXliIMU55b+0X1CWfceHhlQ1pVYO1GfrZYePCaPSeqUwnsCyKBv6tmol2NpymP8tDMvhrG5GezFLG1o2KQ60/5aojf/gUXRMPO7JKUsZZSSIEmOyuyjUWCZjo3aPmJEXjskgN0ZsRS3rq8izrhOjXxOSz2tDmJu26ywUjg15U4kd1B4NIKAcNcwH2etXNjWqsAWiEihv7RQgwCpspcsR+y+LlrAcQjjjK44BXp8aNN8WNfOiJ89x4u9BSWlsIcmtwp2QfkVf6fHVWc2bPx9dt9wJ15sSJJAAsWNiMl2SjVpLTF4LaaNkynzhpRp96AM+M5YMX23ave66bwicaV3B9ErFlZZyS02kIxUpq3vhX+II5aIorZQA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9kQQ6C8NPo7pfaAYC1txciNpNl8W9cTw6ZCoQuZVJ/0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7hnapQqv0QXxXXukHYT3lOFH5n8zJ5R/g6jVJENGzD/E8pX1/3TV3zi/s702XKKcD3GNKY9sksIfkQ7DbhCAHRLam1JJdwGCFUfJDPpnYLVyPL6u6HmaTljQoVCmXADA3qo/pldhr6jWchs4+4jaHcCtNZqppAYD8RYIoSmuVlTeW/7D5RpZqa8B4Yj4Kh1umvjOFKmTYOi5aWrjmg9NZMY43J9eWa03DtsHDcXeuc+cmFp5zkjOyXXN+0m8CqIT2BM06EFoAtWJozDzwVyVd3kFhwKhaBkFYJQ+bK7UuG7WfUzwOMXkQp/TVUHwkmr25GSjgNO7gYg3Nw8KFyRc7V3l2DYYKr+4jZXp0Rwe4rhovZF1MMQDS1oZutt+Zw020GYNIFglEOS5GYNestooBiHSlPRjdXSr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9nZpwccFtCiAyFVe/K4OiWfE2EM5Fk4Awb1KQtXnk44",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r/c4xibPvqj+AgazW4yLaG9QdxM0bSN8PmaJOVCWOPWXmDI60yYBmozonHGpYKThgjx7GapnlZkgtpAsgBpKhrV01l90mvA3gswPP1sgEQK7gcwt0t7d9ha942em3ohmSzVR8i9AJ5QVPsi6sG8eBbjyQy3aJ4X/eAIPFM0cX7hPfSPV764p8fi3C41qsbjikdWsDq8BpnxWJye0DzVCwP70nFPfFD7sxuBi8suYxkzcWauLmaGe4NvAIw7kRJGldyJcfQJnR9aspU09VJ8idtb8KYdO9XoCeKbxxOrYF+63ztEKSTeDIT8NQS8YnVh2Vbaa+788AVe1K0PCS49k9SKE/9cxPVsAIA5UJE0xjA2SREV7q6RWD/FfGDB6qP+1Ymz/9152XkrDzDc61D8OIIImm6WnzemK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9o+lMXps185tYiWZMfWXp9+lmMb4HPxBbQ/xyqdxK1M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OOUim10YnT14urX2o2Y0XiQ0lbHAcB2vA/uXODO+U9dlV5wldDyDy+W49rq7drwbWgjGeV2/un22XJsXPTZ8BcQo7pyJNLGl+o/mZBQ2wav5huARQYmqwh9jaH6w8mpj1tlD/mmSBqd6C27FQ43v2FidbNxQ2t8dPpZANQ9tIHXy9gXmEVYphJLwagRdwk5uccWZndNRhhGM8ks1NcidcTbaoLOZpuhIVXMm5Hc4B/ML1hmFeAsFUYcue65TFahLUc2Gx2bI+L9NrFKfU4nIb9b2ELPP2L+aJJ+Y5EgBFXTbjM9gNCR3jXPe0vxvQepNsHmXcFQfqz+/+f5g7+xrNbGYGISBK1tl22dsklAaoku1GDXDUqmyQ1Gk/O6yt09+1mb4Srr+EH6/slxle5LvL52tT8qD9zb9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9qPjML+G8DSC9hGTJ73SGIDn5txAAboknVVFFZHFv30",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4isP8cXY+qfAe1BOH0+nCvqBwdudJQ2KZlLmF/s8JwJRKvp2Yu8tPss1O8NEsVz4+8GrSJ3/5/0iE4PJRh/ohID/x3cQuECd3OVxxLdqvc/lQGPOg37aXBY+Sjccz3L4m0B7Dolj00IIfaHYeLelLaLfE8YB2pFF5+/jtQY3hKDhUmRLWJeAFxz29BIS/x2l+QXnbnbcabaazaEPIL4pca56kJHB4VtwucWwVw+7iIADxWpsKtYUsfl/D/BDaw4UiIxWE3zgk0Q687CtaYqTa6JDFn6DO+Uone4t4J06+xssBPbd1SCMy1cFOb+/gMhKnrl2L4qAP2R59V5XJqFt7Qxgnt4bFWlBPJzGuDeHUfeY7EuWXBO2E3zhKKNVVH0E489Q6LtOBnWt4CKsNJJkDjJkvO7XO3ya",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9qXyWUtcwTHYp/xFt9O+XiukwxKETM8ZdWWBQXk7PrI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LxbPmUdQLTV97gDV/TbDUR3txmqg8SIr/nqlQzJRKKyVr1rbUlhi9FjEASTwG2Ir/R2+OiFW19RL5uTVT/e/+f8wx1DgdhMEzw1A0xUIWn3jwNdYf1lX0ErnIJi6AMSlKZctz/czFpYE9dy7BU8QAdDPKfalvtTU/D4SldI4T/TI+mmcNtonOTP2hpgdRwbkI/d2BYeP7C0TT/QRgVfAlfe6/Y8mHFzItqz404RnlGfOYcHSxlR4JvmG2gVbcRpYz4qhwTQabERW5nII1yTMAcmNeQ1spcp/GorlcYUw3o7cB0n2IOm1cVS1YtAwmyQpacCnnIsMBDhriGehyJPDPpm3+o0exEFBg1sPs1NsrUynGv5qpRDYLTAiinHTtdoVCy908vMkGc/Fbng0wwqMmkO6FMnNKkeM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9qzfEgTKKtwUiXXExpBq5/CfPaO0QNBnmPJpZTnogg8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "C7dMkJaBBI9z/CK2MFEDsoR2gsPQCmPPhB2mBLxmWrophuV1v5Id/uByd4enSGPTbC1Epwg1e+L5nDN7rPaFzaey00iBRlnYkBgH186UA0HryjOQ/2Z0yNvhwQDmaV9DN635FcWKFsAXJF4KxTPKXZQYOR/d4To20qAyFKCqc60v1/UaXCL+QrzaY4X4zUKod+bas5sPdO5AvJRrKOAkW1kIP8hUreWRaw4zR22Wivhz4JW145ft4fCa5juLQC+/jLkJRl2XRaIwnAmCba7LzFIua2dIeI7DV2IwiktdU/ZCSEZze9nk8IkRAmkMxNrBveWIPMo/JCXDlLuuL0pFJ4dkNnVgZd1SIP1+dJrdlpfLpcFfNE1GwEUEz/Ieg1IRDMSz+PpfiTNkQYXiGA/8mZ7DTX54Q/kM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9rWeCXdXwIF9VWAiSa5VEt0zKdBECJkd2m7cJRyLXao",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tf6Ppsy63LT5B2s9w8Fi/PruSP75RdKt2cPk3xBEIDFBr7EQo3gsHUdUBuzXg3LITGoBrikmyuP2IQcwZ5HIIrnQ7/7T0OMgGjMS3/bLf4wLUTE4ESLGqm6pDcxxlsENmmwWydxonRlZGzqrtGBZqYYuC225mP4RbaNGkksln1kFe1gMjYimteE1VLtFmC8KZa9MYCntQj48tOEW1We/M4gaOZI9cx9QH67/1cf2bWZcfGz2C6nyrJi/vGAy27kO4u33mm59KabWpvzLN6JXmCuvcOceF6YOQxXW2pJv98ZJmvCYshyE39vLgz7Mpf08tjxTo6iDtFYaE1jsOwvLoxsNYrvGQG+cllNzhHca3Ihe+nux/4utGpfQiGY8eDePJRndonQi+HH450j09ypQdKvXhC9PJ5bi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9redbSoilOaiKPhf5mActBvuhfIh+B5THKIZJCMm2+k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YbHa7mHryXHH6VkhL7yS6o10YVUkryEr/jVdyzth7CpjT+MuxBwRd6C+DZ7odX8GhPu07vq02kUBBclG6CrXAUFxelVaEA8X5b66YGiGTM17KSiFu2xaZ5BWqE9iwqlGdgN4Xk3C0+9wxL625ueZ1DV+DQM2puZ7lZqEVq7zRk+f45zx26u8l03+TMJqCzZw3FSKx/PsoiVZ5OT3mFRam/TYxcoHJriCYDNd5H6BI4Kik/bKO9nTf/YFI7CBq94HIXfipst+OKJjo1Km6Rv3DAHoZcBcBgrMBt4vNw3JS7xN11M2vHFyBd0wZumpXrquggxBC/00TDl4qn6/vkQoC2vRrQYLl9jPvz5Y1RtI4zkzVpqCMT1WEcl7Qy7WPl3K/Nsv/dQitA1mH/gy34yHVl9XBjKeV2W8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9sSFQzb3oZFRflICqYG+ToxcKSWCPKVoYG5kUahXIDI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pfOUsgscLv5DMvGNMWZxlO17V6RWOztfNF6xzDmPEapnyGEW1rBGPqvFDkK1+ZO+w3MX4wopLefgTYU4eBfgh7CnNyyPhGeTUmwnxk0IEYlLmVt5kuWlCITyQ8VAfSQC/Y+abJb1FhK+rl341xCHuCHiNS26+V+2IjqDNM+AD5yyELixwQIj8+FSWW7z9ISlYo7qI5gflRGRXvem8lga9UjpY+7YT5Ntu/rA3g4SSrC4uBvYPex45+kVTySg+84/Zlgh0J7NZifyomhHidqgIcEfwV4rL3RrveOHC1jszVtNNwiHj/xVdVnwwWq5qnt+2G0ASUbkCeeNHX/EH18TAPmQEeUuQfq5ExgL49LHXv8cZLBKozJt2l+N/3i5vT8izaKrLjBVKnOnt3s0DARDdfH4VeW15PYX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9sXug94FRaIjldNVRSnpZof0AYU8QuZyGSe8OpUFlM0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mfInhDvPxtjHaCuh+t1VQrpGW7U1V/bU3w3LkHDQGnOFYZx8x9Y3hsTZ9/xzYTyWD+6dQVD9X31CLYRKcl1MqZUQgkSkiDJUXtkr9mjqkpbZS99YLGeMzwjaPUnrP45jCGtCqVKR880PZrKVi505el3ljmhbYd3VBAJkd1KhInr03QRfr8D7XbGEDnK3JDBMKWyE0YomBYUkdix9dS9vyGRf8UCH1n53eH4/tWEnwUg6xNuHXOQbz+AflzwvJkWoxwy/jaRcX14ge0D8sdZ98zChPunEkY5BMUAp6f8jyqxjvoouxq+Rp8srEzZPAbiV/oqpTJB3bxvRUqrar0nspCZibYp+45h7f+bQJMHhaMQ399Z0LgwBjIg2oxjzuRcczyNQBC2vMJG1PBsJLxew+EgRr2BTq38Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9swpcqIZSbj6UDDJNuaJ3O2kaWBOLQYk/9j/vHi50gE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/2BYhSxW4Z1cDYnFyMzQCBwF02EQvRl+Hm2k+TXdB9lC22W57I2e0OzRaFOGHfbmNrkTtuBobe+JPlYsVhQMmpsu9EmofV093Dq55ETSM+eTwcSh8dfmk3Cz7PmXtPcOX66nHvBBGHlCrvJWy8XqX95lglA8Chc9iUvO3Oq0fC98YLU/CNE9S9LeD6vzzqeAkNxkZWHRwqhupUTRVi+OFWE0lTNuSFFRvVQycwupa9eufWnqfO9MzkeHbtiHjr8jVQZN/uUv4PmKCHP//YMcWkblSY2rPYBALjBM0Je6/A9E4Z7peabtREFcsk47mFyHGy68SwFK5HS3j3HjP2mxpfHtwU5XP5e1NQi6wTjuJvC0jnThJwwhPpQX9F1+yGrMuLTCi0bcOzPCERr+Bjm4RbWLofyGGY3O",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9tfLrVK1IvIU0PSYWypL8fuAWDyEkTGgrF800RNqx6w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/8vQyrE2OvuGyj4Kr9s6ifeE861ve5YzbPqf7c6jCr0iCsuOs2J9Izcoi6GgCKe/4xnbKLRk4syg+mTvGZH45KPzWLLQBSQJ5qNYuBdQdCqqu9+Woq+oQ0sc/Fx44KvX5IBmx529Px997lg2tdcP4eKDAnmR6TEelkWEwsiT3e5tNiiSRQXgPYc2KRI4934YShIBwPgKyJvac5nvw2/xoS1GeXHBl6VFOz6USNvoaxoD9HO0fAbigmb3i1tYcl72uNKWsj8gqLb0sh9nqwQCsUiHSfkKj6pJ4dggDbSISaJ1caHMeMsO4RDwpIPo3zkhSlxDbWMqI3aYbOp++gP7aXBP2IKpr8FcG017Xlg22DzDbAwsCLr54Hrs1S8GSf95XEWmE45xM/DeadoQqbjpmo5E/kFGVqPk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9uCo2KHL7yPGCfDa2WOyRxKMzFm/B8d0QNQpdX6t8fo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x3tlovuqDdJ03CAP1JHbZYOCeUTZQymUJK9WvWvnfxzxsMvUuBLFjRgSX3reqs9iZj9hsNHdzcfv11D/b3f/Dmskbfyipd/TXJracXYNnTIm0ibaS2oprC7iqL2d6x5za+E/YsLOESPDMO3B9ANw8qru3KQpXqMW8RheofAGB2acbZ0gjWFVQy7dpPoLsivelq5duYq6NyYQ3k/wTV5lImdhOQ5gYxojRMwqjBqQdUl9kuqmq1MzJEvfm1fv2eWyRnyFjWmnXUOXXyXHP4fmtxKKBTXfgl1Pfi64+dTph3HkypjMFyuAkg0u3tRu0r2DrxZdoL+bSkRi40S3DnZNjU7FROXQ0PIWh54MX6eTRYyPCoTbzJO5YvpmB3p+ngwuEWt89ikn1A6XfSlMR1LNLhG2M+Od1qkZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9v2d6EG6DsRZB5x9ULcxC6KYk3c7eLoMui7QtF9JErk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "K9U5PZFlj1JqjT7IDi6q7/0On+uhPe1/4VtPtQWKWKqkCrW9jbBshZEcb+QRJh8mUFBFt4TmEj53KFBS9MastJg4SHinRc9lklsXBHOROC9ENRwFa9zsM+aAUik7tLNRH3OhdH1g/PP/EZOpU8evJrQj8EpI4TOadpc9kNWuAlqdGInK6jZibCFlkVKfym1nJBvZHdUv5JKe51WKdZBTUsEIG3UtQLQa1c3XW+ScwaAMNpzd0WwRa2ztX2NyAJt/ztETmgZDXBDTwxKPT3vU4B43k7yNTyxNPYRmAmhu9GAcz6/02Ra4AfS5OYRGHedNaFPT+FYO4nEoL2tcwf0Mxje9UtxeZs2501qLv3Sh3/3/YvlFj3kH+dG1zjqf0uEImq20MucD0YdmIDJSlFw8yFKnJCl+O9hV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9wDQviiUPdKJfTzpWKKpuY5OEhuSZsqrZacD7tg6SU0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OAD8rhfZpyDDfduvvDE+C5fC4KRyC/3+k/8X0Jz4GA30KKGX02LHKuldeQmnV1pQImN1FCBg52K6BzFp30RtmGziwEMrodBNcTX7qcYpBYi/mLa04Wcby2Yk6HyActpKthFrA/m79nJ8kn/QTEGlgi7Yo2d77qo5m/znKpZyTIe88nRGQf4IZpSPR5o6B/okZ6G/9/MWmXeJ0uAxNAnyrGhTvBxpSMdJYj3015YQWa41JxK3eAu6lBUvuVAU73/4SzQvtMnhp/3jai3B9GPKsTIK2nTUohBx1jS3KGMQjDYkkcXzEoDXf8EbZ8SntfWZxzACXTavHhWPcddBQRn7pKsUnNTpmczqI1Mq5O4EzTzgqbSNBYVx5MM6g84lm2bf18zgUpEUZCQTDWRKhtvd2BRGtd3oFObX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9wWvtTGEAQhPLsRoIosbdA9i7vCx1rlW9JlINBteb7g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "br2DHZQ4QdcIOZ4jZ6X/z3C8ntClghX7wnmwiXsl3LkK58MYw7z0/S8LwHgAnXftHJg1tJ8JqeeDHhklUluTbAW6J7kr7UuPSPBUv9zbzf+O15JppG+qswzhvRcPAWxXeRfAtsyvrue9M2dzkoJaUM9V7C7XORTcPdYsF+KeJXTQkqZO4SeZoCPd2QxxB4mlH89mYL24j8PsPwj4PbEraFM2CMP3N7Jl1NpNlYLmMjlaSRLe+xoTILde+U3vq4XTc8aW9R3l0LcSQuHhPnJh/6kwZcvaC1L2N6w/4FenaiE48jlQhkIFBXWptGVH10ygjfQv2BUsvqk+MtFdPoATQFqsWJeD27g4XZKayiqJNoXZshm3M3K8hf4/jNtJb5TAQ5IIPuhcx7eN53qhbsqgwROPZFTb8HPp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9wXhJPmuyGNIbC/SF1vTQBbRZnG+MKK+t86go/dEfOw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NcBjQ3+QwCwtdyB1l624AwV2SARTK6yZ1ZoVODe+Q8VizlPKjWeB/C+v0CTFa8nav57p1a788bVuN/gX6/eGKDJtSClZdP77Aj7oinjaPy6eJGa57VXa1sZ8Yd/25WY8IAfKR79asceAHWZTv0R0JygY6WMl36MgxwQF8Bcdohr/s9DmY986hGeOQ01fmnHRd533KI6H/FYDh3HuZ/rrAJcTxDL8KI9EYsOkP96vkIsc5mzEB7Np4m6kTZBQ5jkW41vULC2EnmaHdrLBJnmtUylsDi5cf5q0xbo3Y02tku20f+E1bNNcK86/smEFYHrcA8APwmjumdRmHIBULu7Ig44NRPlc5rOIqEWVEKSLcSDzEtL8PrQBPjVsS++L/XfRi/bIt1mS738TQZlJbKhpeOtbyKiHzdNA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9xG1+tifPsS2W+h3Z2rZo3f/FY0T4Nhu0Ms2H0aW2Pg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mMM6fMylKHEeqM07sroXaAI/cZp40vhqochmyQkay1pPZOy7r4bU9k5erFfFpLm5RXB4eMI0fk+jyP/JoImaLGhN+LrdvvssWNoBitpG2J49S9OZxcJPdBfS4YEHG0K28ZsBO8O3RucazAq44pkTedcv7GBtqM8GCT41V1xAGWw2bBK/adK0At5/PuCAKNw/3Q6wunBD42IDRC01sDmZZvPGYB5qxWzDzzR0AxeAJApxPx+bZfnb+pJpYRjtKMwveSOpXsa3btCj0QJt6w8NnlNPwAHb/EWdGUGelQUlyxvqaujdppGDuBqt0Exi4crIPqmvqgqe5X7l3hcDC0nPx4eqNDd9csjSAiUonbIYsEoDZQqw+WT2IQ49LJM2zkp7e4sG1jPj9ZXpFBISzpvPtzL2WuujFSsM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9yRnR4u3v1nM/FeEk52X/C0+dwJFACHZk51t/G71nMQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Isep0clljnX+9tB/m1uCGKekQQ7btxrBk9iDWe5/R9FIhD57AQUsoG22qvf3Rt7LgTXPjpuVrcKWlW7tXHMgeiuzLyAGHMS3wh6Y5tMgrzDKYofFe2CebCKB+pVxoVwOD2ZIflhZlkZqSxGpxxiuxWrKdEzm0i3Q85reUYvzs4d3zSJDlxOEA0GRSstcxK7vN1GY038Zx4Z/YRxPMiJpiQtI3ujA1dn1rb3/lPEiuhlmEWXz7LM2Bd7tSEBYdQEkNytk78SZ6J6OJxNP643eZSloZ6GEnvaT2icvHPoDpgMNf5gkHyfF7QolF7LhACypKKzzYBZZ6tK8vQnzLTKc5LcFhZIF3Eh1OcbJbx0OCKuQ6240F1p/DEFI+lHlcUK4IPiWQ8fVjIqm9c2RG8X4QrUaF7X6QJ8I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "9zSjMz9PKmGES8yvZ1rOG53P+dKWco/70rnGzz8sW8g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tdyp5Whbps2xSItEDKrzPiDrRNlrnJAq5KbufptypNmZDt3ehjbyjbr0OAY8HUTANUQ0KWnthETug939b80n46a1Ga4OzH8ga6Dc4Xo+fdyoxBV4YtAEDvFfiEk7FqJiaeeGujClIy/BBG0GsT+QKSOUN7VzswVZGE6JAjQi9h/ib9Qh1OU6qw8gCWOG+nqYXoG4uQz3lDIxqbZhBBvCqYuPj/sYAwgRaj/TyNV9lJfjqgviLRKZRtWjrjsD+PS96DzAyXaVq4dE3qDZzxA/bF9QE7E9X3kyaY8dnel/PD8q4miAE2l/QlvQIWalWnXtGq2T/ub/YUwdhkN5cjkO/mtiyEqJhy1AhTCkPmvNUDn7QxR4PnkszNhonZmaBPIprFADsFfqHTwY23KsPpptC1RpJi4o+n9x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "A+6rtIXVZpOtaxrJEb05GjgfymJ58Yoir/QDVNY0IrY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6F8Pc9ew2PkeThfWwPCLh86iqwr0PmFR+7J3mNATCNZdUZ3jGsk80wYYU2EHt+3xRteX5h4KS76XJD1zSgFwdcpEpQE56dr33Jyd3VB3SGRDvGdERn4goROfYafkQoFU1+HMgEJ3OMHAo6Pdbk/Fx2cCZhwWGY+ffHNdGFBSBmneHdTIQ5svROcfJROx9jBkpUMEIREmwCPkokCo07DJz8o5bkuM/FE/46Sc7sMmtq/jt8ZKP/qDH1JVh6ZUuECyeUGuNatLG6aSNILsPkC2pS9fZFWdUDgeAaNcgjH5ZF7k76OADeLhb1JcTMl0vVKssL5p1xRqLMX2AJsu8ZcP03zH9MsoIxjLLx1R+bcaF/yoM89PtGmBh0Ho/Ekc3KoFw1KjMPHLa8xUAn33S2niZL963NmHXUCx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "A+rW0NceyY3LP28ZbRoiYfiKrnLH1lt2QgcAC5DZyVc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MfZb6CcJEnSk7SivFaafk+mk3GvN9TxtO1IqgMKzACdtQsJYS0d+3DnZ+CsZ8izBTDCObjOfA8NDBtvD+KSUwgSjd9swwrCRxEweFwWVN7UT5nFWcmbGnw2JONb4JSxzciW003KCkHvtG6EkHsC0JAZzowedsksBnZY/KwyzpCltZ2IbUdU5Du0yl2nMr3NH1sEYJ8HSnqm2r+y6BibP3iHygluA93smQwkj1MIAdsU41nSWfTDR6dm94KJed5YydslwJ0jdMSr1/CRxtXUW36l9j5tiDDMXZkoxHwjOEKM9/Yr85ywGEWVC+2hw0Z/S3Z88rcsTn3IingZMoXX1uMkQQXb8wvtXv57lmrKeLLSnvvUTrG1Sh/uwvxLXk8bcJJvjDMtY2WJfOrPKPhLvdw0WVHpRsbeL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "A/BJTsdM06y9WB1+vi4M6HvnAw9V32VyMexACyAQ4bE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3mavd8DS0KOkP+ISytf9RVRHEoUvXEHPX3+qOiOxkgdT3Q+kB/c1GxCiG5PNvvetOcBjZPxxbweakabzSgRwYes6zv+LbxtFbrZpvbEiY6dDsHrIcWOQ1vGdzEqd5wa7qGiBS1ZUCoXzrYMwXcrGpvP7DMqONJgqUDzBIhUZT3R54h6kfyXrQ7HvFGj7FNDbT5I6rGLCUFiTW7X0+u7CdzaXSc+fgHs5jUSq/CSRX55WxMWprnw1deSGGNdEimqsmLy/OCSVgnrNCyD/Gqe/EIFvV4OO6Cy2gPApATg90BjN7NpcVb00n5Fak4C2WobvrZaEd1GlqYBoSAQeMKOVfCRLHmltSzWj+O47OBN1aTEtDViRxxVHx/f3mcAPh36DOlEjTQbKMCsQRrfXtcTg2grKnqrIwbLO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "A1t5p0YpSToE5KvuHd1XkcWfuipO91AjxV7hQZz0zu4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZGbud8YZS6pjWJNdbNESs3FNweSXdsnuPvZzOO+374U28YoWRygkZv/6o4jIXJ0heFRyEoz0U7SoPvx3qbYel++0V4ox7P7Z/IE8vPjz65y/YKrE6q9QUmFG/STb5a5uNaO8W8mLR/QQlct2LCaxZ3PSXspPzakK0F084fdqiB/2umtk3sttZaUf6STmcPsF+bz0T4lJsflL9pm7TInMXizyk9x9QBmLX5NZNn8bwFvDUHwyRQUhU3WLXjKYqWNm497DlfC64U/1klHJY9WfVT8zhEidV9+CGnjQEe90d649o1/RRmT+jrpGrAmhE+py/9HuWEkBJWKtkZWm1lrHqoLUQWDHykDyKDa9zalixn7y671zDQ4RLIXk/EXaC5Toy/mZqB6fQ/xuDVc01983V4OxiaFkiEuH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "A2HB1vyIfY2geS8vopVDeU9XhnmbJJayHoC7pnM3+8Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x8FYJzDsfTTu1r4/H4TTEDn73HustMijfzXvbpA9jwYpwVlr525dI9tWg9Zz1lm/aDBKOuCY0grVEaxAmmbt6ZUY5h33zxMhO4JH1biuKPmKI7B+ciZUZQ5su3lqUdon56+knDM+uOEHbMTF/I6MCwgABo8eZdV0ZfojHiIlFLdUMR2+Tl1ncms7z6Ci/vzyXqJjwQgtkn5ovfBSljhq9ggySCTwrbCg/t86dAn43C/Cwc6jOa9/uliPnlwF61jTi2UEYdUbvI0YPT02hwo4udToS+7VNwwOxmkgHQ9cNzdfXs/RrSkX4LUk6SEl2fMd17Tr/v+tsWO/zT9KYDmg8+gYJmYbI8tvSIwpk8nR96gN14xRUY4gasH16xl2sgliYALrP6IepffGpF/mVQ83hatxqECmk7oj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "A2ZHrR6yMGmTVf2Q6dSUsv1q8UQoTY8sV231Eq5s44c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Phea5j/VPvO0QFTMLGgyObg0UfoiTruY9irz2dCOYmMAwgMRtSJomovaD12QFNQPL+Aq1iRWIkhN898EBz73SjIBhdsqfo36r18N7X73MZYHIo6nGDJr92//lc0UQzZOyVchHomftqTEhx1NnPbO1BBZaogzxcgeR9KuecKb9AwCmQtGGThBJHz59D4UGXq8BqMa0NCPcdTdt57uI24SQh2Mcm8An7+pI61CQnngAeK9TWONv3ceqLLzgKAfWBD1b91uP+4vEIn1MjL6ebmqnFcOfW9Uc20DugKcNqiHDWx91nlTolxPyusPya04xSBQkvwRM8sMFmFwyTHZVl4KuZ1uWksfM0fyOk7J0SP/T2xfLkdSo4TY6T/AETpzXaftcUQjTTBFIHPTGZU4g+40mzfVPGLPugxA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "A2jN9kgy4V9zZa3FIfwUvU0kuUAWTzuFA3sNIe9Mcr0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5zN78ho34lrRP8LAC37TyRm44y8ujwIZEtKEAWLiT2sfWXBENIomQ7oCfZfWYgIZXXZ/v1FiYiFbxiNmk2H1MqUbNL36KrwNTjLMq90QFfCpwGpYxUdy9Fc6yOyhkL2iO9a7/W48hHCR3kHGWvN+JSSKIwkzfYdtxcNUszHxpnMvbmATm2AqGcZ3Wiw1vg33LXHUPtg4zEddLrjM3ysFUVyXjo1tgS/MfA1lZKB/63O6mIwDkpeP4ChBhLmp68uWKq1LPTNaHzKFRdxAEQlglA/2aBSIDQYUTnHGM98+OFgkcBN6xJMwCGbB8oEiCiJ7A/4kgcqGdz9nmAKAzxV0ml94mzzu+q1Lf1t9wT4EBk9LwP+cCBtclWF1tuzyfxM0LLVw2zzxv2mqnvQzTAfhUT0RKgd1jk38",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "A3cnFFYEuLVqR221SIJreqeaXwwNzhmQWeIvNXkXM6k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EfUuKGn2M+62oGWyZQi6lXm0L0MblalREAZXytr0g+2Mw851WKCnBht9GeMHbToAoju81ZWxS6N87gOB+hrfrv4SRs4biABn/9I4xCSiCg0LMxBBA/tkRqtG4VvGU6l2L3IZTL4VKlBHSzzH9f59D3XX7iSlPk3Q4rbEqFrl7P/kKby4hvSHn19LPlbZH7td07bPxwrPDGMQFKAS6/H/KJRMuO5fq9axC7rCXFd+OW3C3grVhd3060b4lw3W4AacKqYqG/NgBH4cvYQJzzZpgLXgHPJQbP29bO3JNykWdJv6OLZ2cpEMJ8RL6XWGCnTNdhm9ueS5snGPCQTWGE5Pm26v4gAd3v+JdWba0g+1ABieCbroQYZxt3OnvY9xmRatUpW8xgf93EzEi+LN0gxu7npHwarTue3J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "A3nQSIo/vbHAxD2im/XCBcSoSZHlZBdG/OMM3CHj0yg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mOlCGAzfI4XC1JSRVqfUBZq+i9ZqnEMu1jimcM0ALuYNfNtgfXXHajvcJiYSfQtqgPUANg++pVDvyXuJBDg00OUN5py7IgXe9S9YDjnPoHGOQOQ/HD76bg+tUrtk5r0rNrrlN+tp5bgk0NdW3bDabk5PPk88cBbHNPgVHmIak2oHCguwHGlxygRipNkJljtvKKdYjYHQfrCr3HgopkMxIKg2Ul++LWnPpcHEWOeRbvK8R/OobwTojyIq3XeauL97ESr//lDDXmQj4VeexuCAJwkv07mqNCJDvxOQXZaGPCP7+L6I7mQXTdWnoB1pWri/7iTsSDaL0ERk4BR0fpyuy0nxjYhC8vMWNvnSxCDk87vplXFeTsnDKjXZBNWP6v/Q5bHSeHfb4qsKatMMOy6Cb72iS+ognyvQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "A4wOC0353brW9wjdg58O11DT4grXLlmzdMHWyqAKn60",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Jp+TbyARWV/9HqHaf2nbHEb+WntVIaU/yr/zRb5De9PH+A2bc5/5R4QyqSxDFd6pJIMZXOtwOlakbxoInmBLkGENDa0rpuXqtHT62tWatLgDWlWuYp56QYBkhz9OSe5iEbzqsauvGrhIQP8+D6h98AcEW3x+6LBgG4IkrQz+doxAupv/Kvo9fZ6ir/Wh35RrEUtMxYjh0U3Jr2WgxNlF9elu8iXEiqtMp3oLd8/79/jK54/63df+08Z9njXyVZWDZ2srrwaeEPPiIkjc3gWMqMWgkIqf+h1jjlV15EbynsM26IgzORoyF/v+fPQ8m7EI8CS62KOqdm78fJBxp1akVLrH9Ak3b4eeW8EQ3YVxPgWTYCZiU/mzBa995OhAS0ueBOXmiIoIJr1QG5eCKsIXw6HBLcDqO3Ua",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "A7nytUXslz6ffzk7PzCBdjc3H71NHPDg6OYfp5P/8lQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dhcB5TqiceQTU8AGQj+kUX4B7ysxSJXmBlHxKKMxjMdsA7u7cxlfN0IuPrkaY5ClUFWzuV01H+p8TidS6xjbWow1WffOzVxogTz5v2u5SdNlwl2zGFU8HO2V+jIdL1iO6vAWxL/Mic1hD8KIVIZSzDsklZQAVyfs3tubdvXlp/JV4wudAAqYLX6PllMHjWZYFZxIUavFJSHMG166ZUfiEXyC242XRsr8PWMB505qgiKwVJ3vrZfe+nH+B30JQ4CxFBpo0lqK+hw2uiXbpM1c5Tw9yoBfch600pYPnTycSMlHSmV0pE4XFhpiICamqu/wOwnKbxgYZK0SuiRhrmW0L7bYTfAgGD5RvSnyDFPpG7smonZppQap3/dI6Kkn0vATiPcmPoKNbULWzGaa4N1VBnaoVJLaxpIS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "A95Xw/ccBVkuZMLFJE9JPHQpgYTRm0gaD475G+RdBg4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sTOGDKBccoMnFjprFRm2Kgn6GpSCC8Jbl34KqAq3d2g4nkHJ9/UT8x/pjwSkV5T7+0LU9qSuC9GfcYAhY6FkZl1cflF198+LZW0iIkX3JxvKyYTLxVRgACcDSpX+F7kraUopFQXnqfiqMkZ3Km//hDbeNkm6dEFEbEZvk+e7wtVArckge2bfMDbHgp4HZeDhPV+3nbHVxzdu89Ok0xdOS3P9lJttlfd/KDus6o/YFv7GWEt+g4+9mPVym58PL3UmNIbI0x+QKpbtxFyERF9QeyN1PIk4zpsBPq1txDeFIZPvSj3esGJ2iuiJ+9/7xw0AgYNMviSRqluihujqJKa/16MYsn3oSFRTUDJ0/BwmR2txublnaE6NXi2Ld0HWfBIZDxZn+hnH6O+l8xRyfyXBK9uWUw5mAOP/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "A9X0N6KbYVRPKBYFRjXK8J/HqQefaXPpDSBty6icCpE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RXCsDXfpeZRbzZ1dgHWyVZ5J+x8bE/O6//tPaGYSQuQyCDu8GWCxDIUJM+bk5+EjMQkvDDeNWvjq/33hG3YhzUkFEb1MBn3+0VVORvR1vAhE2mRgYgNPWHyz1Jfd2VkYfu6ikEjuHc1TWjdySaLg6qBqLRd08U/lFGViiu4lxXpaqeRwYTDMOe8gtO/33WcqOF3woD2uTLw3nRKwQwQeyMXXQ/idHR7xA7byMESvyJJpGAnaUo28wJy6Nv1PiU07JnhGI76v9Re1Gl6x1I1NIM1CwHOgSIoi6H4Jg4RGOoyzybamdin9vCgzyQxsKV7ZLq+XiXdMgIbyTBd2CU6MpFNjoqvszjGJ6gSD/DEVuZlgKx/OFrmUiWAhXHi1aE5G2AAKLuvLOPoSIgTq0P0+e7Obj/qE5kuf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ACcb6oU9uBr59ac6f2nb6QNGkxiZ9xYfDUfR6QGNKsQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XiWRk+jwHmtQhi93zRe38L86c33VXRPanR3jCND1pNUjucXnBwpg+RW1Mt6WbIvf/HH9D0TtcwsGPiZHaVq0S3TjvAYTYRetSfwfRsSK5Z/fm+PN9BGO5zewvrip+vmweyS2wMaAbWpwrh/F7oZibYVdjKNIgFyrbrEBo8NEmgl8azuI6PXA9V9meuHOrurxEoo+/BDxJECyi+FKtKuLMNf9THV0Gy0bxRQ1pyNsfj6zaKEMBeGawhEvMttcw9vuhv5odFuxkmkGMaRKJOcPvBJkkjFOvCE4jSRkCk750SSvWtQe/wLGY1auP98xbbbvpj1US8VUHi0eCL1RtBeLZGdfi6ydvGJc55bUop4Fnn3vuzSJ7etNW7W4eApmiJyy5ACtZxcXGLf6el5QZsH3MyPCL7Fb99vV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ACdjzn9C8uJLFfJnTosPeViHTGLvtXbHatsRO8kCAJs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pkpcAwwG68YA8CVC7s/499HS00YeHyG5nJhyInuPJ4eUdROXJkfk0iMaMwtBMPElEg2wTWPHgFgwANhWApnwu0HC4/jUI8DUQ3KZ2+Ay/Q5EJMcBBHNc3SvYGNie70YO5f7kJapCRJIpN23nuzpnrc/Z/2lxB31ePgoX6iyYKHlHsynVwymrswjDeGqCxqs5N0EVzlyLzu28dHLK9/34iBmJ56hIE7PSLHNVeyguin2zzTKzc6AbcP/PkOQudHrL79vRcew7eKBPj5Fgt73b11nisPH/xugzQ/TGTsK5Gg1+uDkx4RuzZIOFCND1FgdrAB5cFailff2bgSOEOT+5i1QBBgvaAKI/hRPIo2k7krlSlE/6hgW8ph/Rn7zk/e0DBcvYOcJgMXrHcA5MoGXVrR8WXpznpUQp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ACn/wYliYusRLf12R+WqpyIpAcnUYw+OcwkptNi9rjs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nF+vleWfxoXI7xw/H7P2SUUdlCmyzz/uitkOjQPTiL/xJX/YabT+f/ByHbHhigOmwn1K+jCBDVHcJWCwh6iVZwIcITcwsUEfW87hPHOlXl7jBYjoVD2bRQzQMIb89HEkJxQ8aikmPzho2Lk40j8dcAooZemUEiScIJVgamH0wlNHRR1qdnryt5ePS0KHzDyYV5rTP2LSNkj5RNXS1PYY6Z8mRpgGz8s6nm0ZCdpcs73fZmjvVyUEcIM+9W1xFhyyp6B/+R2iqI+zHBkRoL/E7DO/AmTcV5Lt5oEMcZDpmQ78hFifxCizRjIVLvWbHqAEHofC8HvViD/5VVXmZ/D99IDIzTKyuoqJ7aKxNv1h0RYVluVz6OtbP1UKIuVPWmvyRikHt2kJr+sWUJSCE8h1u1gyXio28i/9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ACzeMeWQpukmyzyM13Wt5BTKYr7LMOCOwJdEmin/Frw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Sxoi1yz+dvOXbXIooYtaD1QDBSBe2jCx4v09JcTug5ogz3ijoP6E/FhV4ojwXWLQf3jGB9c7Y2BzrPxo4LnI3K5AflyxkqeqH+46tbz765kGyTmBuKGAfFOAgiXCSAdfZlvOu7+tGJkDWllVvOgYwHyBrjafdG7xklT6MVBinyOH+xPaUNRNWNufoEw6xMgdzscf1PDuDhM5PgHYcvqAxBbEm+a08QTOnyltwv9G3oGeCKvijhXnjuYCUPmtkEUFoGeqcKQkXgDBlT3cd4o/s+p541nYwXr5pdeQfcw/NY+HwmnlKkBaOYv13iiT3WTNBJbM/YtGx8N0J2TswjZLxTZcq011QomxswwNRfKpxHmMcjyiTVwOC1tTEn0bDF3d+AXK8wi/4MtlJizcQ2cjraH1qnLtN6Z0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ADbX2OkF0Z2B2Q5k1cPZHOV+vxwHbhjxfv0f0puZtmw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s0K1LYZ5NNhv9N5l1/6+Cm9pjfteQKLPGu3ExSBBWRAfeNI5qHnJO8CL6UnWavLEIYi1SvXgqzw85wDPKWzYZgv75gtUAEY10iGGpg5Af1nCHDnlrSqtApO1VXHPpKQ9c4ENKS+94PGGsBEXQq2+IxvXO7yZRoOuAhRyG1PA9OVT7HO4pbE+sT6Ja7hxezufHpH/YvGsbMlksFvolXUj21fnf+td0W3dDNvQNKxT1QMk9Qq80NQlX15grqgxCEG1LcoEomg3miyZWuWZIKNMOpgq5eL1cL5BxuNNJzxSyVqKyL+SCiyBxMkIVjVVfw0L8k98Ey1h5MVsESXH4/8Vd1U8Nfmpp7k4VJK5IeEzCD947icbjwrkF+k/LFcRbTgbH7bCuIMceBKlF1C97JXWj01umQUPJOBk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AHPaRXpGBb1mJ8VoK8vDSJm14IK/uMdx+mzmJ7zQyJ8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lm2NkF/TiER3WmFzvKIaYvOxZBwe1otBDTBNTIc/A/mnppROQgLb56winWVx3dsl14GLexjuoAfL57n+/TXG5RuoPysbFqhipCT+Y/rKEHWj+Fkz+UJblSkkmfG0nU2wFTeCjQzk/5lxHrCcqKBDizJSGceNcSmDPSAYFf6imGO+LTyUsR0jgO3VIySRdWdK300jVcWRVmb9R7H1rNHe+N7KTCrRxpe0L25F4+U9IBz9RPl9oaF7vMjeuT3kCnEhQiq7g40bBFZQJVTsG8zAPUMCbOO0yw7KCgMkPdRwwhwNRSWfpY8Fua8oshuPR70oe+zGyVWnMxezzts5zwYNS/cI/SubBTz4vFvNdcy1jVYk1C0cfWDevaI0MjJWoRFii/jKq8shC80D28B5Sl9rkrzSHkymdO9K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AHqsJBcdpgeBGjjcjj2C3vkK1o4uldg5idaO9KhAGGg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "G9YiqAVnsx6M9iVQkuAZj7L1V3dG/fkWWY27mO/0qyWEfwqiBVoAUttr4dO6EPoYZlj9C+eAE24VyKYuNgeIMIZmlk7U1ezW1OfSYXZMv47Hw7Z46mbhMKXoeFAFT0i+mEF8ClrvznVh69ps7RqQLcf5sTHDA/m/p8N1Ez8V32lIV725BndoKV2j+BcJZmOir0zm6Dp/QNVdAYflHZVZuNYpZ2DBCf8FGyyJ0ItT1krITK7CBxti2XcUhcuMwryoFYZNGtOYLsh8OkHPUN15M1wjnOSa4Gyb3D5R7tI72z1e7GuvIGXw+sanO8aKfsLdWIKmqhwdtk5pJTRWJpUb1EUCFm1UggCFGbOARPwELqo4w42QsYSyJ9ZzwovTxSekz1PDtuYvuYImup8JGWMJd1friAt37sgs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AI5Mz7nsSIu6cLeyhOWn8QJZDSVfoHuPjm6+MGoYvgk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pss0SfbUiR6iO+S3hlE7Q2nvPJhOKxG5YhKoNnGl2fOHKbhSU4RQ+6py82R6j8hjvlYc/O5uU2tONSXBuhB6sF6TDGz/9uhhzzm2/ygGn+YUssf9ItLyOBYNN9+c1iwY8BSsla15yKURUcMf2SHUJjOL+e01Ou8D8zIhfmJnAsGOZpl/txFbuNpKuzNaJAXuiVkbFeE+NwhGvG0yp03xW+5k4ob8DOPYp908ogRGD7c5jAwNa9K7iWbluxQg/ZflpPcR4ru17dOvgAEeoknh1AofvYku8RSSSufw3ZEJDacmHZE6TYviWIrHxpOHeCVgIE/XG8+J8PCsKl8Y9wq+93/I4JIfduS55D72kQLrJv0FP11t7E1nhkaAWxY/OijlmsLjwM7tOey2o5vHwlvWdI0E5O2vCilw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AId8zn9FkKx79UyCcwLoNUUxHwzC9Xzwe02fT840oCQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DkFzJ6Rq+7QFR715GmZV4I/FCs5vRYf/evnQiTeqG0ay4c2x5Y7ooqPU34nnceGY3iA+dwWb0PU91m37zsqCZXBFYu9oH/OKgDUe00nH1OzbgB4VSaYd7rr+ga8ahVdnxypzlPV3zY9Kudd6P+RKXsVDB0R1cyj6kjc/FP8zMhDqTL4TEQuidcjIic4Lx2jAZ2zRvuNuotDCAEqN5+5MrdC0EXYxKNGUOhI+D1bRg4co9tRlWITGKtVY5aO+DCAlZ9Xuzjhu4yvyUdLhrzV3BDN6LGC7JX6n1dyofKWqiZ1qKQn8PgUU0cV4IepLg2c4QE0iZuqW627ZgVp9b2VzptRnhSaVUgyM3+xksUb8pdCcQ2OeNm/+3E9uZ9Jjc43pzojx/WcgeEyLPwMHOs17OYmpjfCqVrDT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AJwK54xOXTuxOLvEcpbtpe1FHqkfxov5QHZNM+M8Rq4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5ApHSTK0V404LH6g/WALBBNNeogoq9Rx8sfJ42PKARdoDOHaHeEcJfszQhn8aH1E6AZRCQ7C1wAxgMagZTM6w1EvpTCiLtynEIFTgU/QJvcPZwNKZ4hMTooW+A0GbIKuDAXkEbUJ/gNUNvMpYS9AwaCTaXGrjeYe2JPtzJRbUwfpkCtO/C3BEud7UBNf5mclDZcB12/vwhfZTlGzDzGTz3hArNdc2CBAfIzX1+r5C8XMbx8962MI9I+NneLOQjuFQQKm6bgq8puOMFfPJbIN1Fup6XlzgAlB5wGeVeGWQT1GFRnyTiJM7d7BKgvfXHol23av0F6jEY8OwtTqtlfAIGHOuwloiDr3SMfy+Ht84BrKA0VmX3vnhHrWPuSKYqK6Lo8+dDJesnwY+eop/N9ANgRJ6fkx5Pv0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AKQFSwDzUy2W/vxfbdrfxuj6t6Ezr6L7XsuolgMel50",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wwKU7Y7VIKrpTHVGNwXc4QJhQvk24U9WNxQGYecr/qb2ImiUB85x+AIb63mPz6WsNncBhCCmKS930ILGdt/OYjSBMWxSo239laIVQm77/9dasuiOhA05emXJvlf1ySwhQYi8h/0lu7cDBkKNBvTl3TI/d5uAV08dRZ7wVBTWV6D5dixBI63oxPDe/9hvG21LpItfktlDYMUgyARSJLeUgx+d24pcZGS1D8oetMWOezd5Wp4TRINvXiSGZ9W7+XFDETdwqqVyST4RBefNX/4rnerBIL2FIKtEtLa6zQ/Z6z23nXOmw6viixP0zs6PhxLcFoPgEE9F1Jhy21HrGsf+f30hf1OqWLAWiyj6RY0KTbT43UEKParbV82UT/6A8cSU0+I+Dxp4TPWI0/AixWX5/cbnRAeiC7sj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AKgfCaFsrgdZbmR+k0QtNeAXh4IS4T7ggaJ3BZbYA6s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TsV32sl49UOqXI4+P5YQSgMejN2vxfuHQKU9+04Kk2rxe/7iE0Y0g9hYY8NnGPbezcIzghPBa9haujSQcLKgJpBXyeGymCyrQIxbmdGw2ExbTITS+r8H3MLWyjH9aYCYbthw2pITmBa4e73xa7jLLCGzIEqp+F27pk7c1fu5aT0tqf1SxHH4qOHsEwMN3tQPMW6G1cvKeSpiVGwdLymsjLDp7HTaEUuwVMc4Zvj/DObbT/ZGk345ncQFh3eRGzTBoQ82AWujfFRnXY1odapaff28Lv4inTLoEnOU0dCQdxHzBKR9dp6EueL2rfzWNtN9iAQkqdCtq05T/LmcOd+ekhRSgVpOztSwhkWlVx4bes/eEMKYJkAPCxVevQptQeZ+HMHBMpN/UTzvZ6ukLefi71psHT2Xp0fL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ALHGqBui7n5plgqNWMcsNxCsikPKm3uQI4XH4qi7NnA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UkA/0edhQp0HlixtwtBj96fId7QTFH48XFzNGYjWjZsL73U3v7NMTdU3VkzJAzKJPxMv3UsHCrFocojRvqzWcQaPenxT4nhlzgcZTihWzIJT6mrKD0vUQrZdeEjJLmPy9v3LCbrQG6uzJwY0fBfDGsUvoOSjyQyuNlXNP1YAyrwI7/9dqlmVD6zPP4BK6BLW0I1MLI4I2z4JWosJIHuciphhB4Gwpc/J1KObLp+nDmZAkruV/qO51ILEYQ1Cru6F9IB51jNp1al47IKm8ynyQvYCS0Fv5KH6Kokdgh6ISnWmoirxy2focjH+6xgl5X43vhc7jnxfR/AeQrPqx8Fwu5clN8HE02pMyzOo8c1nbZKYKN5oiqdUOg2yCO73q4m+fgNEbcVg75Pp+JvbkFcqRcuzyj0UEAp8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ANxuwe6Hl6a03758NRqYZ7AXDePMDCgk9pUSauXInJU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hB52LvebYDN6DOm3HQl0mvj8tHulfm9WrSE4g+6JtDS9HvDlci1Wz2iq8UBCowZ1qt5BDPZ+AzLrOEldGW3KhMR3G8COqQxNdyLzp/Svcunc8RtvrLkWD1H3lLTLIPhwVbz8LpAx1njd0K/OqoenGZgMsaePEIDprmtyf3te3HkMZesvjJzaUwXJFyl47Fu3egfXcYqUXkHsmthi64J4kKDJsqHfiwsqZCYxtZqbGZrlG97CQp+rMQ/uQEnDten/T5Jo9VQNPZrXBLOnQuBG43SORzFvmP+v5WBhSH7ygvG5oMZ6cZFGrWVuF8h3HcCH/HyW0NsujMwMdMxkynaOPauBsWmbJt9fbBfzlmm2CN7Q6VgzE+gV3wQiLOYmUZ/O9zB4PjgGWzdx3f3PSgD1HWa6ZTLeLpkA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AOYlJh6gSPpslNykqVbwW1pkSv++Y0vzDZxnn4wvLkI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "t31qGrWo9d8sdyBl16VeTjQAT88xvy+70Q/++8q9N4JddfeAsjLwzENZwhfSWlGjVm+FTmg0dOkxXde27KZs52vuW040PYhfMAjONjqJ+t65Ba9wUBu4Bk1urBg0YnKuPia1IKEICgHsKMwuUnKAcLcb9kOwQ9IeIPwIS+rUd/iofiTFAHAvlDaiTEvfLi90HQ3XV2ekAy5ZgClSXi/4/mqOmacp8+YuxwfZq/cArk656fwLv3wgPOgWRye5r6pdYVRlLEJT9uQughYM5eK6JZIoQLsFFZzIY6sHzxHJwR0TF8bEYsSA67Kh0wsmHXcmd6pobqPe6/OPPXrO49mBxWWVdfmWgtbvMS0pmwwRHVLd2ElwACoqH9mrTiA1HDydQm2juVzXoMgZKQ+salgL1g/qmY0/bW47",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AOaqQr+uTmpaSwUOqNmGXzlW92d8iPeS28I25yJBiwU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0bC0jUhaTMK8nD1L0aE8EJ1UTpfQXklG9ibBwufOlJ/XnQWsgOc8yTalK2G68MyjKIvPy02mO+80S8oYB/vjI+4jzm2QB13ACPbw3/5DrSzhw6TOak7YU7auPCxnQar2PHXbzbacosOjKUildL6REpusTggp9ak+GBxSPBy+SP+MphxqJyS+fMncGsnimJIAEMgVM0lCquFB2zLGQj6brlHpsuS9bwrXwQumPZfSjYQpXjCqf+5uX+qd86UBbU7HrlFRxsEjQK/NVhgPN39r8sJ3r608q7lSYUTBiL8RnJlhZ0M+UVi1jqG/FwBZqB/WZq6IQqa9Bw8yTAJ8fsRp61QHs6HpUJBI8k7ZqVsYQEw7MquSonHvQgoc1H9LiR92poC30o7hCoU6lN5mzs/dvdnyj+rlHACL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AOi2EdF07vPbAWsKUdrwK0HhTb9QH0dxJQb+1vgu1go",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8kiJ6k3WvaO+Sp1LH4DRd3HQWdmk+Q7dYgeVzhkDBtH0A1IHiEe9NwFPYxtyiGRBHBobfekBtI8+UhAhkC+Z+7SVXE/VedmLd1aLu7/bkIcK0oMH9nK1RnThdWRW/UtTKSeO0UUQm1Ro65QDutlZ7gcSCfZbpXlmikL1mCfI+h7gz8vZQ+rXfE/AQT2W7BUvIfJNbX+otDLI3ka6tpGEdzTy+O45VabWKVkH4yYk06WhFplpi9d2HWG1bX4hv8p2RrjMQ4MwDPT5SoToUdI7XlIgov1Th+P9f8QMDHEfcj6e06FNOH2fPT+zl6IxX+cCHOaXHYvqQswaOBycMttLYTk4IBnhw1wb4FDzcuR+hoE35i5DxiTVG4GeYI291WaRqCmLPB4q8V0fEa2uAXwJP740kOodE9dp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "APXFzdsbHbRdXrDAmVKV/CyKPRMGWqKOoa+sqsUptQM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PzLhaaDSzuPM2pHDXadUyHu4/fgAXhw90Lbe8X8DyCEG6daIJnfWkf8rCnxHUe7XAO4g/JefNVCWfAyoDcx27H+pMNo0g2iz+m9TciJWP3KWmSufc5K0TAJgkyYYv4cVzESqtXNAneGY8k9fYqKJ7vVDcTYVLqFWaiF5UHCcMcSoa8IJRWPmjZB/bX+V1fALvL8+j7KPYN1USp5+o16cBvYPPygn6qiOpjFsdTaOdpPa6ga8vvUvigc0UnB2Ik+nGWDY8N2Dmt1Bj9f9M4X34TFwUGn3BuIGyThstMqxdEWVachCSOBQSKgFn4YENNRrU0rjAFP4nuXhe5HpgJZe739zLP65xYCpIEGmnyaKiJSvFFD6tTrYeEiY9vqo25Q8ajMwGbsIlzUuJ82LLeHZlKyTHBhbkcUc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ARY5n2Wqn5Bzn+LX1oP/ebsxF4B123lq/XsuWO9cp6g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hgGygeaiylIOhkyhhZlkigrB9jIgmugYomyhV+eJXKMMjDqtsQmDyRGQRiwD5YmQxfz8EnkGx1iWLNdxu5mt7I41qqj+wCBoRBndRwhexBNUMVGpTryqQQbQ/MmsliMNU1io53puc7eeB28Gx7LcIQx6H4QfoNF4R7SALpwtedjm5Xyp6sGsAEuZKjdytV9EmNkZtJxpMUQmCTPjnJi7kk+zpjPOFQC1FllBkDlENyB7f8lh3bPb54o4QlwsjrbjcaR/JHHPPIlc9EoX5q3CYDP34VK5lKTwxL+aCtIqm+v5q1cVcBGFU3SAOXNETBEzo1GMtei/2TLdvcgNcYd5y2jYIMV69MoMiEds5Nv+HXFQAuzzEmcwJoozth+P/DrZAK9rejg17Rw/zjoOd+Bb3tx6/xK3yImG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ATt4L0E9216pJ2weuMaAo6OWIHYbsyKyNNG5j6Ventk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4Hn1C+z1TqpASb8QoeQdWGxciHS4e+WfcQjYG1Sun/uzThVZxsX0cwDD+OxfFl1XMfdUOq0uHrn24oaSr6soIvhO+GYkER9oyYjxYJJf3p9HPDy9IyOpiObPy02PMvRcELE16MrSooeogV7ukD21zgnwiS6cRLaN1wI1/vPS+KbawouuOherFxFL6U5v9MLHgd0pP53jhzgSjUUwII3Qj8V8jApNjOaTf0w9n4eInc+WW7MfKyRONGRQSK12MXXjaZWwD2/XmgdqBcWB1AGCDTUPb/Lai8zwNQYxLFbYmBMz/wh7qO9A0SOn0nVs/WR1mDcAJkVKZNc5gqRVjjakywrpBXzJOWCB/R8iuSBunU84h1P7aem9bFjBOqrsIteG97NCEpR5w1JaSa+2sTz9OYRO4FAOfQ9h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AU0Vv6dohjz7lHY1sw1n3pJaBmCdLouIKGXGp97S/O8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c5ViLNXzvXz8+yCyVfEER340ObyzR5JZnxLZBYTA6uSnUvTshbBnwinUo2UW+5XYE3VoEFsvnbZfuTl8Ut4idknn2u/xTiwninN+fBCD2hnk02OrqE8hHwKAcBFMMit8Ras54XrvmrJkQwSJjQ9z34c+TgzzJ/9RbCqTE9JZSSZVPm8/XOoC20zQK8eFjr7Cn6owYn5MoXZG7qvyYr8/7QOAZqU8JJl8MYgBuZYBPhvdAQm6Oa6UJGAZXaXLvhAqcKjBEWOVzeSi49CGnIDHwoLTGuGZWkhRVWVPI6juDff+qrdW2tDFe+DJd4ILHzMba9pE8ihjdWJ/a3YRPZuMdKg8upWqvg8t7q/ZFWVwkA4dLEZuMCl393gzFn0wi6TeNPX+ncEjnr/hcuMiqCjO3VTx5DYHIeSD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AVDvQ7jBT4+ufBKLS1x7+AeIbzas7T6f3iE8Ris4atI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DujQBZuJkKMlEXDOskK56qZp0neDHhh2DPcIpEScWutT1E+PESoCWrPJ9HRFheqcN8/A4JxgKm4O7qBmk4ssOL8tvo5cAfqFg3PyT1BHwlcGPZ6z1fQeobdFP59ECcLz8QfSouownrLi2TNfRZvhyHReAsCgqD9+CtTTWgJKEO/bp1JGdGOOkGmP6/Nd5wn/Rtm1lbGNEjmqYOuUqhnvZbcr8EpNuiH2nqub4Ef8SPq7dvAmolzYT+hHAeTSn2K6hUb0StqqF1jfJkXY2lAVqGKPxgUIgTd3bC5fPE5/VbRzw2r+FWn5Pumzw/EOcbyhErz1q0+p/0ZpbLMEL6B8m79ApItdRcl7dDfKrEiBOVaOCfKBjv1NA9m46zdSGPk6VIWM5Z3T2R51OkTiFEG1y47iqtbVeiux",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AX5Kleqr/6P5c/2UF9p6zY1mGwsKmXv47V1dR6ZuEW4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UkRCQ1hxjrbz4VtBdiBdkqUuvXqGgd0vUhLRk+WCPFKRecDdLG9EFW54Mk7K0VBC23RKGESjpyXxKGjS7+9MenTZRd2w3O5hJLpMAd1RFYLQEZ+adp1QEAjs67dUoMz3ZRalBx6omAf7GV4qGI6kcQrCmsuxxzQn58KPJvKz7EYfiJLQBsgj55QSMJMlu5J2KZnb+8HZbpfEOcgA3pkhFHH9NPhLUUoiLz3Z6TJsu0C7hUajRceKjHv2ukaAwyouu2hvpaWvGseecV8mDIoK+pG18B79zLuZTw0bSYwgofk9jKium6ccDaTEyAd5yoikrQVuOzbC1RGqfI+U99o/GJgHlKa3F1GovCQ27N2FJuIwVL+S9vsiB7MH7FB/BOtnrjt1a377qq3bXCuuhG3wNwzN7h7H7n09",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AXIBYO9c9mCyRGIS+3GE4nkvmy/S86fWzKiX6L6dKx4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/LEAy/g7E/ikltNF8cVbXBLFoy8os40/6A/hK1HPQCQEbq0uDL3SeyqW/+/yeCLaCvPGNDeSvGhqDcceMQxSbONs27jK7Z65IEAsp2wx7cg8BkQM0l3jWeC26UWiRYGje/Dyf0njX2xIaTMz0NLiiZLA1FajC4xhTf7XhLu8zQWMolHgTWgbEK3zO0+y8/n1iaLerT57PI2EKT96pjBbvXu6Ym+2UzCAjC+G2L43HFHqwGjOH/QyLXltWxxOXZqWVe3QDKUVLIpEE0hU/W0LofzpMA4+ib2cSXPbwqqpg/WEM2DEc0J7M6MtZsi+V7soxt5wMMV6LTNZ644qcjzVVW1Oa9evUtQs0+NEm6iNJh5ETKZx/vUd3aYSpoNfdLAxk7sUxaN6Qq+qhzT7HvYRFqCNojld80Ay",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AZtd9V7qg9rwcgISybvqNRFEi8SBscchI68+POQuPfg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WKCN/hYDOGuitM7V/jZrkWUAe7VyFJ3SpBJ35iPoYbf8nqLKvM+4vL0P/pvIAXUuaY5AlaJGdZPmA6IoCZqHehTBDS96xZKplvNVn9z8OfkW1QJyIiFPXy89lYrp4xFUiyN1WZ28aAJu1fMA+OxLtOOAyOfWl1gmPQdjLDcnlojz9dvzS6DYBjOfJ/ph37pKhfIA77H31BRTacOo9GSm5eiEgKv1LRjFZsWWDf12FSRVp9lEeDa+y+n7lZdPB5snN78vGfalm1GSw2Pq86WS+onzmFH6XjSMFGUkijcgqkX1GjdIBJU+LewiPRrKOusqbjl9SczbkXgkvdLSOYZuRSUnC38KHYMJqQuxGLVeDEeFY4QsYpLaaH8RCWSBUVbRkbjG4voBCk7x/arzUQJ8MYW9x/HwQbjX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AZxI67ury403/6V4oQ9+F7+ofAZDJciKst2BeULIJDk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VKC8tTfX+FlxqRDSDgaozuHO5GTWfZp0IQKvWZQzEgki1pcWbIzHeeAMRENyhUjVqi05Wi2B8qXlnOgy3oMeLFp3hllWg22y9tK9sfZvKQ0lGna+iDZZeIsh4zityOdZh8sAkVTADyucTRjunv4zZElH6/r/55+Boz1PAxVLhBHapmH9iHhwqYn73CE9A3QVJnHzYiYox7VQy/NO89+mLnSo4L4klo2sZJrIjBxNOwOtR5wJH9yaX9RsmJKZZpFluGhwj6oPwcqSk86bOjPpzA/aWUzHxumE8vAGl1ix5D1nYlKSUSW94tzGvA9Y/KO2GOEsiI77RuxfEk1prTxL44hLEEQX6zRin1Y6/bphDc82hwfjem1w3DAUhl/uWXlhbqfGHpyVLooIgFFXpgKABQ6uHVt2csFF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AZySDjXMdXblthxgpF9a1oxPFAEXADZMbeMkQ0EYO+g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ei32lYBRqIXsQuJPxxo7FEW9egx39jVSNsLopRknI94z32HLRLbjaQUXNYXzJvjGtqKViCGN2kiFy0D5PjfmPLFwxJS7mCMTCyy87dZX7jpxEcfbiXNc9Y+vp1Aa02x+OGwHzafABqXCvuLLgYxcjRlCdvQ2IkacCo0s88/L58wkKkBC7Ln/3PGpCL48ZSqyTeXmbnBeB6GPQJYXZz3VilCA6P4kBVkNCBHRhtQ5t16zzeLUmZFFSipJ8zG9FRa/dhf/SbsehIwoKD5mAZ7KpUvJWLRG6ec0vf/puzPBbrdjSE0RxhhfetuuxQJuZ1zO9z4WNlaixOV2EQ6lpgsox/qMaSmJxTSbpRkYctucAlvooNGnUKvMN9z3fJ+J091yoqnc6CCrGnaIpTasRrdvJJfz6Fzbj8tv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AaKd6IKBvPdpmbIP/P2ohhi1tkcmCf7MlPGfwCtZWO8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0WRaf7uZiMwN0ETqZGPsT7Ps6SeJUgq/QYsmPNHB0axPGH1qJNtD/ZnwCsxwrsK8B7yfgbtjlwV6LAG09SQfOWWBn9f+ya8LF4rfBCjbfUe+G7l/kIfE0czLwQZ0Zl8GtJA1+yVLyrGxmzIRs5G3PFUmscw/cw852C4xgkoTnmIdpGrTtR79cG4qE60WULop4Img5XJSsOzTuyu/MlnDr4OubgaA9c+K36U8XPxZHe4OF4iZxV/NaxDrVCG4rDvOFylViaJgQE2ZkFthGrOjmZNdpXr670CIgxwAsGoOViKGEl5Ew+cjf8S2AD/E8c3wHbGvRITM3kKaUbFh3BAUbnV4UIOMkr3B0/HYEYZscZuCL6SaOV//2gQAetM89a15J4GCJ3mXUrj3EozPIATEifP5Ja1utlIM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AcRyLCQDQ9O2Dq7fxWNPZXRrdClxvEYXrROGqA97mLw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d5L912K/KGX8GrFl4rFMSSR65it+DADj7bf1cxnwwlkOujtI7HxaZV/OtgdVGX0+FiOyo6wWmdXrdzAkvELCKwstEBp1W0N8D3M4VlO5fQLswU3dKDu+TRFHhn545lmXdsuAmGvI9Lf4C3wb7ihYHU0aYF25u/01JZhCcJ/q3DGuZTaVoDE0IJtia77lW2k2B0cjp1gzqVC7i3m/HxWyo5Zpzh1lSBRo4hIS4EuR+jKMLDU2j4i86RQ8s7TBvmDC0tmu2uEZAAp2JL/uxRwcVj5jJXYcKgXV6AQ9YQE6OKGI0DN2HN0MKf27g9xy2SpUVZYvat2NPnHZqr9lCvRBniAr/k2amm94Ro6bp7EqAlaRbYD6FTE9qdmW6WvNd8tv1A8dI5KJfLDbTBiyh0NryDSNHK5eIvb6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AdZensUIabJTh3g2GcxtBrEPNtqAyPb5J7DDDR0hxAM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WbQnZXXUwwq8MZZm92KqWd7pxXlMjixSL6V+eMp9MW+9vPCeNWVWh2EPs+Xp89gTIf/c7wn8XEXSuzj400J1yS6GBwB9x5MqxxLMsM5ntSu9GBO35bnFYy+jcoDsMVry0NsaZ2EEpNEsrlbF3TaNQyvi5oMGeQFQisWnbSelEpXX+daY42bVI2VvsZfhAJKRY5ZZLL8exAsfGCGlOJyLVOLBaS89qQ5uwRpUONu5ivT15Ndlmd/uZRaW6iZo57i5wUFjiJlGRkOqXUCYWbrGSbVJqLtzkgDttIKDu+pJGQQloL56HwPbiLSJ+IiRls0haSgF/u55oFQgBl+BDplTOr+Ow/ZWsSuzZU+ooz1MF1tkj4KYeUXKgH6im48ibmzMUQ3cYQb6EG5IaNTPLcvvXSwKVZYIhKzn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ae7/3A9DiBlm3f53fJcnWx4qxlIvJekbrPXOwPwIu4s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UfNxDLPVx7kS++Wvlt6Bldh70m9bGmJVww+eSrbN862UNde26mzCxH42+d0YZeQ/oRrMGxv5y6M4VNLeCpIBRMoh3rMqSO7lamEIyJDBQeif4+Z7GSH5BrnHqhS1d/JMsGubk/CActnabbzOOx7DgGejQo0cU0GZ9KUkVHc/NPpwbp29EXODQkgRS5zhkeqwoXKTxQ1AZUt56Uom6DlJF3MwetA+6b34oRi4t49LdJcz9VgeVil048V4juwm+D2jKO/YnHEV6d3GoLea5VJtnyOggSHbBTtl6zvT04T96Ey/CUxSk8WhFb0Wn+aFEzl4ZLeJuJKmORVp/9TobFb+FGYlK/YeNxAXnfWuM8BiDT1V9gR89kSiZkTSMyL/2XQtIZZJ96wIskcAqtU9Bfj9G4RRhuirCHID",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Af7czux7rYGGU1X/x9f3WinkUDsdlHZAJov91zSIelQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RVdScXi0B95OiwXZAKOwfa023KSd17RPT0HoHgHjDtT0R/5LBw2qj4lAYLrf+wP2gNzEbw130xjVKOHf1nNEenuUY+RWuqD/p3v506BR8Z5HDGO5z6z6K9Ul8K6LcVxLC2hKV2IKhfInU1+5xpEMt69a4R+vssKPBxH2jHAEKwHNiB6RQTj2vaRdJYATN+9lS6Ye9js4NWHneNUfO85iEAaOgWWn+B3WPm080KtHf3+D+HEvasuOXQ9lhpjLHgJxVog7ryjniRsAS3l7nONOi8hT2fBbIeL1b2ogXxkFoSOTqGNvH39+1WqtCAGNZLzV3PA590hfQs58+8hxjGbtOwrNMrgwJLTavYODqBBNB/szIcgHxQFkwgaMWGNW6MG2KumWYBdUkVxju/mKwdfpIb7TarVhak8O",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ag4B+FsuWxlsFircfn2dgQo2MwIynIQK6ojd8+ebBCw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CjpnUbw44heYq6alu1rENmbcjdUq5qRBl5gsy0Ew02RWb1OUaVq//mPWNygbQwUX93hsAlEt56z7ACiKC2ZELquNMUXCm9KiaCMYUWSKyAO+k3YZisLlM1Is39LgupaCMmyJ6mbdf7i9vV8aiQLtAs2GEEE04MVttbN3O+H5PAtzsByifnsZSRmeECQ7c863DsMBvjcp9HGYLGkKUw/pMcvVJJicRZOu6VatY4x42a87M/EAG/Ev3qEszj1nTGbbgajhARetD0LE8vdPfc9I1qzzzcmVDHmeSpqXFql+Ev4iZmQ/GrDLUuAwnHZrUEd30h+TPNzo1kcEgqggYqbjZZuMz14oiPoD98Sw6QmkECO66H5V1dOL4NHdr0wlcbnZcH8kymyu5VUAlzqMrX20xVnV+TCR4hL4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ag6OseihltNdg7+4ZB7Y2XSNsmmbncHcT1XGASwmXmQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vSN/fKK1CcEdaIEoxF4x53G7MEBBMHbQA+4QbP/IGPEctD7vi7lXKX/BKDgykXbwsRVI5pJzoLe98jfwD1d8NrY7E1pYBVItcwLSts4CPUqESRcOxk3cTdD2Sb3AhofBp5BFOTHJ1cVVC05qhhgEdOG/XrYLqxzjHlKdD4LaRRqs0RL1dJJOMv+pikHI34q7JzxahMYwKIfxQfNIXXJ4pLvshsDYooqEwhDeC6T8xE5hh7GsJaZBQfcdN7BpMugByqjWx33eyGTLsyhy1dVOcWiBagb89fBjIO7SzchkIxjQKdi/RQ0A7vWVAQ5btG2JKZywwlqgLcx0oddl8wvpYEyw74xBbWiiH2/kKXXG82uifa8Wn7ReIaubR/4Mj9LPBpZbUyA8KLxcfbu70fW7p/t56MxQ8dSq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AgvR+0eaOvtfOe7eF72XFSVWct03tuS1fSmLD1FMYnY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NiGYnCplJjkezbCqxivLjkTbfgAEhmXSTQNvOLoNA/Q6VhAsLvoZLlbkh2Af7edyo6OsYRMUs83tL08oh+EjrxxvZKeCGRPoQDMkp6qlvnB9+DeU2pODnN7dciKDmJNM3SC34gMYdSVlfnqGNfNAH0VvsSYPKPGM45MKVxJL9lKuW4AUzMVtb8XiDYYaQmVHNiYkLVAxmDULqmeUnqoFIGGTEVwhfrn3U6NC215GnyTwNV+6Hu310c7sVFfIve58oPIJSQmxuBR3Pq454Fp0LqVIfq09RL0SOBY/1ITPHCVpxE7UE9lUgzcOhmnu2Zm61Q0Z4PK3UO+kmthWcDvHL2+NuR06CMo8X8MqY0iy/NL+1cv1qrITzK7v9w+ejqgpYfluJWf+mF1H3auNai+saz4wAir3qtwC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AijVIZ68DDjJ/S9FnHioEM2Rn2S3r7bSrOKeUURssK8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aAVBUiqkVTHaqJLC3ieeKpzZa5gURHy7jwIsGBhVxPgQk4RYxxbaokZf19YXuOgkX1HgC1bRvVZ4CFyQgaM6+VhU69+HUqx30SS8mDcPpE9NajGVbIvvrPlGb0BnNL4OHRNUU86fAi4KwamY2gD5PC6LX+RFUgRKyXXNMxjPCD6VAMpeAO2s4+KiZHy4gGn/dRDrdvxAjkEHYT0+yZld23n1Wq4pcDlr+Uw8pQ2L+/JID8K6O+VcDxpvIPZPLT77rMpoKgwidrIisbpSLtnF7NrfuxMoReFZJX9QldNmEeLizPS2ltvbyu8DvpzJjdLOyoxj/NXZJcbaHgYt9cLuti3H6ZyjTKnsSNyXYN1E5zv+DDm2dUJi6gR7TC9Yy0W8BvaPHpfJgxcm4k/aZzGcSyK658L7ABP/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Aj8JEVUyT8Utxo1HCSLPtihKRqXnBj+Yk468Yf60h5U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QnfefVI8FdSSs4RwDeeBJGbFtOJRdXzPJvIVrFZ7jOC2KSIXEnouOyRWDwmj2N5Bnz3t8LAkD1i1uCz2P1wrOKRc1yBc/wdLn/sQGWrk3SfFfPqhJKymT5VWewnDduZJOK4CWa6zFtI8kYwO/ck0LkyImFpJ5ElJ7Cqto2AH9Zj/JD9ihhpGZmjXgiAqjRF4ljwilYrA6zr0+gQQkRerW6kBCowRXZblFJngpI2NZ3BYQonxzBA6F+68kh/p3A+NFKKtUBP2ZZgSdbun5Eqb4xskcepWGmIBOWGuNtPJpVZLCMlx3PFx0lpssgkQoCjC+5VTRREoVO8C+T/k1xkFOOYrVOJ5c5LHqojDaYyE3NiPnhWZJruC4/RfEqo0ZUDyBohqCc64UlZTVDdEl5PjjqYJf1ji25hc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AjFYvN2yMflC66ltlLRUAK4F+2ISUqMB41HiRlrJP/I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1oHdcuh/kpveRKhJgRKNyVKp7F2/KIbP7lsx/0+8m/o6+bpewjQtlyGgFRwxKDw6+S80+aaZAOedwPXvrOvE7E/oO28Gq0KEWJLLJ6HeouKJ99rrz7eqm17qmRizAXj4sDIVfWAsTdqiV6NGnmhkg+DKHicIhuI5bRThe5aLeupjDJ5rEpWtDMauNveHi8TCBzyXj8ypA3puwCu06ojv8ytLwGoNP2jus3Vkrid8ZQrj9oW2BsmdsmdX6KH4cWZsLqhm5y4ndiJYD3soNPk8SAZwYd6FqGAgoyKPFywfa1rW7h56r2Pv1bw+RFv/xkbIgB6TIqkTGQ8zIoOKfkACNR6oLhF6LTr12LMz0phjk+icsz0lYllcO+p3NTfLBVoxTyEmLkxv4CxVzRbSZqfDGkaDJqz1i0lK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AjgWveqQ+4C+GUYqC0xOiVP+Mi9D9I7WtA5DKrQvYwo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ks44/Vxdh7hdY16g/wLvfRACLLqJWw/uDosZx0k1SEWwT78heQXPpMzRk39J7ZNQnVkibaYw4d8+nQ7u1lJFvuVRkoq0mU+aPnO0RycU0MiCA4p6gmMUn6XiwpVg0GcLemzlkKlCTvit39RjUNI90IqStVIBHURulgvJ1jhRbCzxnyZZvTmZGFANmT/rdIlMEY0cwx5EeDt+aLiY7uyNk9vvrVeThVflCSfXdaIzUTnNPWZZcCYQa56B/TCC9KjP7gm8RqYERTVi+adZ3tJdNhoQ5+WhRa2OEkekMLeHV+qvVm+YbvvILbM73b2hSvVs3rvUaYqvcYH98hIpI2v4rNu8JqlY7aVvZx0bKpv2YPeRjzmeGLDaFv6Piv/tgu92nCbVZmEDCi232gthG6uUCTtAoJsmvILD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ak7zLBuzcBY5wrFZHe5uyK02KTGCr7X1XIXR67w+5yg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5vPUMlduIR1sFO8i+jBVEMvAHOreDT7qAyG626WncvYu1YTZXWrFzv2opeRj3+Hb719E0wVzRuq16Lpv4oRMst/wT+UiIPW1uQxXGU1gUOX9sn00VsqQBGmD+9V+GFhZkiw2Xq616QFUW1XBUsxDOFlpEJ/HZPDZxCF4D2AAbxfzMB3MswSVemz20ub9qwEbmCrRnt/F4QYEqwvZoO3xJb80w702FasQAEDI3mu0kl2O6r8RnRA4qgwhLO+RS37yW2HFfnbFVXte7HERIvKOcvqFs35aBO9Q+LYBDo/ZpTW0CV+e4NJSKCsVgCuulx7SS4ojpZwreBUeDNxIZJoUG4R+vZ1wuBkdx3me7mLpWZ9Ep+MssXy6eIRH80QAKWCT5f/8Y2hkV9CRjgjD6WAasw8BFsS8PbwF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Akw6TRSxhsu+pIfOEHNPlvRfmIK1CnZvtNtURfkw7fE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kA6QReMI0BKhyaI44sc44C3ASbLpKh7UQvp+eLeBpPT2GQ9lm350C2G59jB4tP843kQdKt6uftVYjB5XH2Q8/WGsl6EbjGeylquQlU1xktpmC47LPutkAt4NLwFFkFk7MAPuqChUoJTxGo80Jp51uZfsCNWIZCAlZnlNJes7xGOgQrMhiHtMSkDnAFXqz+jxQlOicj0kTJHYaBmQvnmYIfhskT0wS2HI+tHYYqBMBTSc97fREO2kTLNtzaJ5mrUKiUx4H4VBxD5UgIyuw1fs99kpQcAIfFeE375KQqoccSpmQoo8q65fknwgRasbLMf3Jj3j/aWExMhhrZcG9eBbkOOWXJHt4srvtEDelMkphDyMjY5KRGU6yvz+7hWrQyZCS3uIc9Q0I+aO72xiKOv//620vGJ9P6ne",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Al49JjcGXfha68Liyz7FTTC/VEXqIpy/FRYeYoFCeVI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IBeG73z5QxcbfPIAqh8Ci3jkp294HlxRtE+xKk5tCQ8AfmUmkgIcl/GpGdpCUzf9Mp6zt4j3SRQ0eqXadxmmnfRMBTEMBbAkRp9rB/JLhEQ1JEusjeQY77oAvlY19ko3+UKTChnlrFpZsomRrqrPCxynxAp0HNfsleg5v800cLysbAs09PY4nthxiXVSBt0j3TI8Vfsh/DYMXYI/N7KJf2d0cLRHAUTCbzfWYKMidFqAV4Z1oIt/wPetN9yNHJ95JAHiz00HQ1O4c0FqhkV28tz08eBG4CvkXoAXvCYk5E1lj2HplY0NjNE8QYjcDRQFDrdI4OcF93xw768C6LVcazEhTT3Fk1/GDM2uDpr+7w8zkbRRyCGZTzM2e50Eqvcg6vHYubo2t4bEqYrinSVztgOEK0Fcui/R",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AmC/tBrIW1p7VYjvcVd64UB6YBeeZqhBedwRC3CA8pg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VCjt7CVLMGZZAKNubOK+6z3pff4d6WTJPtvJ/g5T0fJQaw7WOtM+s19qLqiNP9rzht4CQgg8VnSv05338rcfvoq6Khj7VtreKlHlGjeIrTuxT92MED3/JVN9zEaR7zGWpHG3DUFc8nxWhufes0Z5Z4mscfJscJqWqycX6jwkAUENpDQUV+1cSEaY6tYcs3tJMuju6NzXHVv8UhmJJX3co6lb2VvmyjZBZ4rUWIjyOH5s6dW/HAX2+iBhtI9InSNHXHMBzn9fL2yjMW/H2aalFXhRTZUI1XZ3gaXxTSeXITnahyjJJ8D3RNrwLTw0mwek0A1bEBQF+LakuHJzIkX/maG2Lm0eq13hNdySn8nxb+pR4uD2we7xxlS/tXLHese1GGS1QkBRZi0LqnPMds+uZ5yIPuulh1A2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AmJbvZZl1La8CZjk0cZDJ9QH5VTqOv76TBk7EWff6n4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y1FVCPJLBV6A6yuPiLayJHAh/E+NDADnZGmFJQ41u7FqTgzkSM8jFSOiQVBraA6Gdcj/DyiVsIUqfh+J86IzAn//Cqo682AtR2JhU216to87anyFG+4vULDWErn4fVou/9HuEQaLJBxkt9cDcUwjs98lF24zc8GIR7jLkmz5JaIVtlHWZtJ0p9jjgRBZtRE7J/ImkjVjFo9DZ/MS/MECHSFu2MoxcGt1d+WH8yywqZCotlxUjDimNc4ui+Kj0CW+43ob0Sb8HVu6X2dRS5P2NKS+hK4NVrz+V2lH1bsbLzjxZVM50VKVpdxd+GCjBKwZ+/ZwzFpoUOdAA4kz0FsTsNEyNwFUSzeUTGVJAeqy6zBINByESzXP7qug3yHS82EltnJ2On4dkHi31NdD9oRjrR5xtVe8vcZ+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ant7NYMcOPtSL4RS6Mg2sDmtkh7ZBnRslolX61TX89Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kEyF0w/99um+JX9RMjdQ5d+oGkUu6CYWP6nmj6d3vLOHS2ZmxQK7WkWEmQT4i6m4f5j4Riaj+IxWcocZ+0PBG/D/nqlBimuOcUeRs0pyH3Bqt6Qasanf7J1kInMtWLVyd9XjhM9lib48Ce72yPpIJzf4/TxOHvM9L0rF6Q9ur6IBIGHSfMP9QFjL7idGlsgNHhYTOHnnil22ocR6xRCscsKnAKnC5sjZO9zUzwJe7vuj3WkaAns0zZSJK/hWO6dqhto77cow9V8FcwKhGComA9fd+8Y5LNku8FkDJGwQklxeJm4RGrdK/lzgKny0AHyFEVrZ25yptl25iYohltdyKQi3GNOJ81U85OYv3IrpT/fbvsqF4uA4aJBMqVuqnvIQlVjMvwJxF/Zh1CLbrqWbtlZO0fsAAoG0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AoJuZP2omTkmHWS2oQSvWJpJBK/BPPVwWYzRQGje5ww",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RfULuJFJvpvGQ+Xi6P55bnZK8GVRcSoi6fRHL1s+HaxRT22OhamsKr1dwy0EJcJDpR+klQ4J+eXD1FUYsdXt5u+FjvBDzNtcad0TJQiO+do8cdXxs0IOOGmrTlQW3K5amlKfdq47d4Wu8QqFLuRtVqxF60i4aD6yqVCLv5vw+uBT8QFrytC1X4hwYETR2vBgFEvbAjziyr1KkG1DkpqsHEjzfb94vGeZW39KuYs7Iq9rNbbv4ewVOcDjkBb0z3u8QscPATBwhruSjuW5slReg0R1z6J/b4wtHcpkS9HgFntIw32v/1pNN0qWBzGlCZNrRgmsu6ArsYCgXp5YKUlkXnwjNdp6sLVz3M129vRrEKqMeORfolwCb/MNzduSbU//XWwLT2VRdTVNeZJVkJJwNPQAo08R40H9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AphGNa17j8uGsWkAy1LUvxUzx8/zoKYeIXdhAK/pVyk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5FKUmG5mW9Zf+3HQRR9h5LCg18xiDeWedxj7fFAkXKopWCJTiygfxu5cksnaok6uSSe2Ah2dkw7xE6hFNjZVHObpyBpRhLaMpFe7BqWV1fFPyQGdcPO7VKsZw6WLGDT/JWRqs0P1SfknWa6FG/wZz2j6DNuICN3AuTPpg5z176+6FKrYT387yuxz2ra/XoF1ehkRekpi0ccgTIpNagtboEcbGReH/3IqWfuUxFdWmEcVe8ZXDyQcXi9HCQjYnpQUygr53lQW8wqQe4ltxZ9sxpzSNNnAawtq098emRy3DsGPxx8dHyeMgzDtSbs1BN6Lhe0lOueP/V1nD2Pln0zWJ0S/qOGY+520MVfWsU41ZJx5Ft3HWZ4J47BSPb2abpoq86ID+QmL+Z8JbZlBQaaFyd853erPP4vi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AqXg8wa05MZNYKR4TVD8OsWjuRJfjHfKajsIlhLVfso",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ykt86Lk6fGW8Z4HQ65nzgzUP/oKEexF+5wB3q8K3hoYblYdBzOPzkYfYhlkaD+hugzqgw0FzE+WKRSZ56HawaPILrE1QhkpuVl6D3xXlAzmEbuZptjt1ngbAJmzbhbMo6Mxos62DhH/8jkbAPILzZ5RlXolyjwcBJVnVEF9UZS794uL70is/GeqUhhEwArB3N/11Ut3kX2Gb6EYpz8bf3Fb3vQWp3Qobc/44o8/6IvJEFxspYZoOYVWA45THhz+fVHWZHAyK+mIMJCNN7eDNAuvBIpTkdOH5wXDVyFG283YQngRkjoCCv6iulmOh7x+RFDazNbe9qyFKnF8YsY1VFufy+vJMn20moI6Mf6TkW04DxarQH3puS/yX+obll107d6BtGAfBPIsmjOD/uVl/lrVPdQ0MBk6K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ar+DI6woOsZDrUXVExKQWfT7MoNNJwJYEy5kNjkjFVk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a56/ktyWLdMhLGr5s/0lVSUADly440FAhkz+dFUKll0sm2gVxJ5wlBVGYynY4xCH5yDi4gOb41P2c5RheubX3g7fjmt52YuTjB/u10xpUn4TtDLXv08rMvkKZHfNYAiYVm9Rx7NLKgaB2f0sS3WomLa4Cablu4nukzcy8fPJkJns1c7W49bpRqzl7/kVTT8ViQ96MON51v2F2/jJ3T6AoU++nkqr9G67cfylSy2bnkK1bwYgGXkI9lff/xYdWMMYeTzPj5UdeBIghfHIc8zgQWIi+3GbG5HqYR5JnWqOBQxPVoHllvEz+NCz5jjfLwp5c9I4eXCqaXkXyKulGQwv8hcj/Ack8H1t4MSfpPBcyBCiPcutuAzaYpPv7DPN53OXW1iDR+3hGib47LlFtxZYGWR6Mf+YfVo0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ar9CIFJWo8+d7c4qDs6GjRAuuu7wwAtk35YwkiK+2Z0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eESgmN+vUVOB1eR/ob3vqNmERddk9q4UnMozWPTohsH+HRsTdxVeS178rhLEMjMfu4tg3voc0/TtbcganW3sKyICg4aT4gmzqMUGLR6lIT2wNuwN+skh9/vr5YB0MzN4RRloGZVyVdMSf3ICg587FoM+w9kpJDwD7CdCEwSoVNaGmBcf960YWRRWNOkbkfL9mgPHLUSlHWy+pUxz+CPexchS8sx4cJEj/IafUIOjIubSSG/MTizpsLOYAJMwgjv3QcLspaW+VGeAF0IYP29gf684qrDPoD8NnyYFzOeogq98shBjW+Ne8unCR6Vicwg+46JvYqB6d2D476IJiH9YS8oz/Lo1YqTCpmesSizOlC/EwoICIz9aUD0fzrkuIxzdPotTowRxJ5cM8Y1evcO1e0PgofPKSXru",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AtKJcx/98vK8+CGtdUOwP8y3chu9lunSCVF6aNrresk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Pa/75C3bbpDNxu0be9MweoOBWDSJakx9CbRkXjFFACF6AZKY+fQHIHboX/aayJ8OH4kRrh1fI/ZwrDkNVllKUNbcsPS40+8Zclk9hhZGL+DEm4GHIGYfUDUh766ckx4VfH2hAJ09PAqzNgq6RWQ9ue5l7D2xaDoRCpU8OnZ+I51zCgXRMJEVS2FT6aHDymldzafS3AVSy1i45IqbeiSPattnaU+VENB2taG9yj5GmhLuMut3XzNKFJV+NX1PaOsv2ezfqhlpqEvjxUod5jJamzFriBlKaAjSc2fvK3wWd2RN3hn5O2kkKAVhUOAZMIBNIp7Df5Qi5npOFKh7P9D28jW3+rNiPmoWWSL3Xa3y37WfRk/BEwHC95FQ8Pdv2MlsLa0DJ7rCANKqvbIu9oRR7Y55uAC6oKv4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AuPxv7X0F7cjk1IaDdUNeGE/VuXmHFl0y2M7+mDWrOQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W86ivQiWCw8FOnWjns/FOLnQFwOZ5b8biIM6X2WY4e/EhiyTJXhqSUN+rId07rpbV1sh4Y7IXcBnlqSXhh9G7onPvOSlxzQ6NykECRWfns68fmR873FjUCdt0MDbmgFCL3ngjPLMJtltVT9xO6qnSsB2I6YedFBXZaUHE5Zsf8kQe3y1hRuR71dRLcjA0LAsRUR+4EJH/hDedeU4MQvTLQSCkeQDg+2hqfBCtBMWGbBEH4q35yX9gjelRU3xvU7S3EdRbbF7nxnQheEZBHIDEJtkAngRZUVTWqmSgXHAlpPp+6E5T24wjfbOfrllkpM4NMlsXN/1DKf1cJLRIND69lQ6Yjbz9FyYSZCQ9tpUwTxl+JWU80lkbwQI93/tNF2i7+DdRqZBgwnnM7JNBvlCk+BEusn+OqCN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Auc+u/zBJt5Q8023YP7y8Wh5VFnPQheMgQO9/aBaFy8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hPk++fwMM0wxWe7yKYO9vHtkEO9qmnGsrAwPPpfLQrSb61iLBhGlfYFFjD8ZbEGzuCi4uguNkdV6Gi3lWaJX16NYUgg3Mj5KfDfb5to/YOY1m0BrzMFSClifOvueBgVEOeBCPEEZcE2oeHTXMyBRMPQK6V2iH82RIRxcwKRnB+UZH3ZUxqTdgtebRH+idSmxIdzEzMU4gfivfuBP74m+R9Y81PWXAQMKDd+IzORjmSrRETmRN8yw9uIcyW2bQM57mOcX5rUzminLlqlhPfZjyuZPRKmrnbSwekX7R7/vQrVAoUaXuKjF0EghxRfAuAOQW+bwVUizdTRacHK6OhtF2eqRPMVn3l68EuFtRI2oN2jYrlo/rX7ZWt/G3ZS6FVPac9ngoMzI7LEYj2puwGlmJq4D9AM5v845",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AunnammS/2QaDvK+tL5ufplgYtJ7T9KDw0XMr30z0/g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XVFogv2uGWlIufRK8Y7bgbja+v72d1ycTg7PCOr5kFdtPUcnH6+m5kjldkiujT+oVpOrGaFif8mwhKfdquFss9/vs62V/wQVC78zb2z6sSY2puy10v6QUV64MhyZ3aB3DS/KtiPEWBAi/jnGwAtXmcQkkSRlvyxs5v+LLb64lkxQaZqbOaDI+iiCyjahrJAqhHnKWNdAf70spnv1umtndnvMtjKXjA3sq/5+N2c01lB/IT7s5ypuz1mHZ8jQpKht50hzSsgQZhKewdOHM/ijHMvMpLwJg1h6Cdq84Lyq/9nleMO7kdah1Xo0Yypk//chBi2fgsEsOaK3DomncGqaNUqh7cNcpxh/wOxSvIoIecdGZ3WTKBAdxn2AyY1hRCIFrf81Yf3tjMWhHBym30FCCM4FksGWO9z3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AvwozmFXsccUBDt8wpt5BQm4uOVZKrsgpZ3jnf/yhgw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "t/mRAfcGv4/AFye4UPy7ocMLkyYoxc2AMIpyKVbLAUL6ck5rDy3pcILoZLK6RtVMbJWj2Pz1Ji74FY3Pvkx+Ql9vtBaRt93d8mT6kFTlpn48jie4uwYDItP4I4TroJseXtDSltr6qBV1eaSCt+XNEZbtLWHQ3v8lMutoAs5LSZxzaiosSnHuW4y7YYMO+2hYIhFJR4J1di/wLkFxqB1CKuT29U9tnc7qRB8NkzypToxRKQncO7qonDXLXMa9c+IjI/5WFrjmOE8PEkhztvab0hNAyI9sVrLC5c3jvXQZXmtrcO33vGV6ZPVkOoKB3TVchmQBTVaWZQI4KdFh0Z0TuIpyNRx/w/1ESx/eNITz/iGLb2RFfoS2ZiXY0qbJ/rPh+aVf2NH9AEUEq5oArNYw0p7ZtWmjoKRY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Aw0I1qevgrYXGVYBfK2tB2IqUyB662JrG2YIAGZJZcM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B+j+TkGmJL4cBl6DojpFbTK/yKE4nvQ2uQNKABScgQhW+alOPAvifeAzLwa74QbOF8XwZbBQpqpHVdTubEYRDraPQakzJ4Gyec82XlmPturXeo/ZoD2DqXDZJsaFRHwsmqvNYtDCb6vXGMQ4v1W75+znwttKhowCzTRWERGcpSj/OX1D3VUZzPL26u/H8ho6qO0CpJOF1e/nJk3LgRLleXXJ3qfrO12tCmWaxOc0CP/ll57JRd722WPRa/SpZriK5UdAAuwzcvarETAgCb7DYlbnG7vmORlGYtiyiNoLGI7sZdSdfMtcISHG1s+0c0OV/a2SjbxBqShPs/qUyVQzfNzKl/IiuKuMN2rO1MLoz1Hbw9irHm0uSC1cP4zHmPHbropQH4al6kmNdiACXLsoCkLyiqhn/1nJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Awtm7ta68293sT7oZDfoM40IsVPNAvMvde3ykq1VH1w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NRxH0NhJiiflEn0/Z9cTFT/VKXNPD8+yVP2PQRQOwAzjsZnNYYF2g8UpZr7BbHTwP3Ces10VXyZwBVwh74l7C/yZ2kXwhSzbpuN5xLrK3DjtQRmDu1Sz1dM5Z9HLuyIOfunQM+stHeU43nImk2UtKAwaAB8xPczvrKRZgauSYBdW2NZaY20nHMONf5pv6uKIRy6Mz/zNiGjSFKDRaiSk7cLXDrfDsurGETddfyDjaU/zsEK5P9lgSogmsQ9Y0yUNjJ6TpDE49qbyGY0iWW+KBgOLMKHz65LrZ3bqzHIodyJST/pYWPmgLGDwrixvNZbMB591WiKZaChCJvUlGsHKVFN8yZ0bQHcC76hHnQ2MMqi0bGvKyFEkbJnfD5ncBo20hsIVAIB8dG8xJO03wJwar6IKI/5/TX8K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AxVAa6WTg8oa6g8rgQiNID2hRolEuwMBjLEo5Hf+3zY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k7YkLIr6LEvo64r69ojuUe7BLWcTHKsCGtSRhSHybReRAGrz+YyUw1q+ZWyelvCaMEnbYILYqDwgr4/kcnzbbiAztwgHNxCymJbBYbI7SKaYEqH9AbMuh+/M9tCCJSR6fd4LHbuf6Rn6cMnSiVWEk8hH9FWzVgnfy5Btc3IbMJ+EaxmX21e/Bw+ARHgH4mjLWzz3W41jl1Wkj6BlNxfjcftDGtz7oOfqHb1orFE14GGz4jMOtYSKAL0HpzdE1VGBllOVbohpUrXMTpkfmrJmYKLqPhA6MRKDtS2bEJzRCF5RkAz4dlFeKYCpQ0uEDlFwc15yrZNeCp8odRrdkJuS+zm6TKPfbkWixBvaLJCk0miEqshIgLmz/JJmqne/LF21fBuY9W93/1dEXm0m4+RO8+c04mbgDIUe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AxwroOHvqrq5mrAPl70L9yLGeC7DY2dZAonBFfp0OWE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SyiMvGVUn3lmthBK/MoUyUlaZn0UM1Daq9wOfGzHbm+bDzlr0uMtbAwwzulnCdtEcKD7yG7yEivb8tSFhfygnUSCu3PVvX3eI6qitpwLCoEm4dB62/c/whOcBBGpjJBnmfAzqKG0ilbx+2BRKzccu46ylsqM1fM85rhHXFhA0wk0Z6v745qbNY/APljwdjufix5YO1yB1v0FAS4zGD8pWKXveX/hGx9AGRB/QxfQGucgZNh3ITsZds59pubhci+21DotQRCHd4m1fo5ggXU9lj4G8r0GUXUZfgnYyzh5t74XZn6hExg7CLmdf9QhXY4vnuChvYWteMAG5LUHkhPApimEIFwmZXImUx1CxRgyYRK54j9x3d2NiFtgxbnx6OI5ONnduahcRJmy/iJtHe5LPWE2DtaPFder",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "AzJTfD/6LvzHIT7A8ssh4ULgVTG9frZuyQaFiX+W77Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HykQ2u1Ruq7LjLfxMs8ebxyebIgIOCBfT6EMstvmddt6UWRty2VVOHWy9eEtphhqOMoOeXfgBaolKhgxIoPfwa7U6rGLKk5ESP0A8F4TwBmD5WikUdBKm+uKoX/M2KrpLtkEI7AyWdEvfhlCyGGZnw7A/57IguqgpxZiNKoDY0A3JGyqGxM34JVvPOwfRzy7HHJTD3Fc++T/e3/FltJCcEHAueRg/hRYc/al6wp9Z3A9upWlQjIujt9CZzhoIWJQvqImkS0Xm5ivwma/zSnbL53A/H/V8OQea93DSRzwU2kKVUeN1pR6QGs86NHAbZ6Gt2XxmfcPFBp6+vji1h9HmtNTh2vmLpNkG4vsXpaoxHREmMzFgNmEAx/FpXri3igUhrpeZq+pgdvNJYd0j0OTPgIG8Epuote1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B+CNygMFs0zqRbhb++Ep6MCqwPsLM1/nrM90Y1o9CD0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "02GZGpR4iUbwi1gNzArMU824DfbV+IYxe6SyrwNYFEoULOeOsDvg5aCRhBAZ8c2B5oa4W8UsMhW0MK0kpJaVkd4gCjfgPHs5Fv1skdgUhcmF/OGQsB9SxHPs/eUPh6cuL6bvAwASOCRxaR46s2u3wGQLcfb54XlZkYQntOaOi+yeTX/6W1eveLsHzsDqKsgq/fdIzymP60u8SkjpEhJSr+Z8WNwBrGjd8MVk5oxQYQic5occFnt3tAdaDg1oMW69r4eLJjZrvVFpWZIMhByx+hxfetr3gUlhohSW2Zz95Y4gLiEjIX95k9T5S3NcFLLJ1W7Z7sV6oqxfKUXVMlAfvowYeB/WSPUdqPxfHs8plgAliQhe7dyJdvJFyzYYYFLpNK82JYhKfotu4uwhY9D9q2CYnibC9JsG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B0S3LT002hdXROSug+yX0LUhAyVonHYxYPaWf9g0hEo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qT+zvKTTE9FunYYuZH8sw5Eggt0TskIzcWatVKNg9XmWHfYdiHjyihil89SAsEGPntkS0S7cNCXld3nWRZkenfMvqLUtDh48dM9GMg6pzCfp5hjAjsJKy4GtdUtUgIgdhxnK3I84FHJ0KSiD2xuAqbVwy2pqld4d6myaHc3ficDSikeu4NF/YtjG9cXFf8pXZ9otfXUuCHaKpjk726RcLH+obAVFx6o1pkkZHzgMZXnDRgR/zKdG3b0pff0h4EVLaE1z66CZcMbzxoZvxjtgZO6AquFq0KoehmUqwmpuzhU1busHZwAsPVa/g3a50YIaYESedkebwt6WAVzBqYHvFY0UMRvLrT1Xkjd9nJdkNFFZY1XTTVxcr0k/ATB33vUTi1k7cIkH3wIfVCf16NgZksfRMtx85y8C",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B1HvI85ZXvdrrbw/IKiXUREMnnk0FRrMRGMHeJgjFF0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f2x6YXiTcJCNDuw/gw/YYzbirblXPsw6ZyDH09KydeTtP94PM7O2x8JbCBBNBUMSZpFdkIdLLgWGbLKmBFmmeNArZumyqxyaKwpswjVJqJZLF5BiORmQkTfyt+yNBUsLa5XbZ02BDGVHtovDLNlnODqWEZiAzl5o2xZsRZSZHL2Hd0GgUKTS2rxrqsBLsS2kJV4t5MBR36GuQZfTP2g+Zh6gJi+3SHix26sxR3AUK4pOIbORa9b7dln3eVxBIP68ZDjTmYuUEEPFRXFWuC/KG5m/fiwPvvFQWBHUfmEGRFagszIlHmPrrgBw2iuHn0DqgFssMLNXhOxw5PoJYQIXlTQuW73Ib0ByaEqdzGeBGLlV7A9TB8mngT8VN00IsOMbilkBdK2xq288btTnNbN5PFxAN9hTNh3A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B2aB3+2e3ZT0AT95vvVxbcpBZfYdBUYXeW8iBUPtYCo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gHaWdqSMJ41yApOsixC61d/9IX3KM83S37FB7qnJTNTnZyhryTKK3nHAKkgaoLQWrjWX9Hb1autW/UK+xrnBBk0DrjdSEU6LTpwteq7BhNttvdNgBSJEdfliK2/2Ki6HwvhDpFIS94BFq+7Nj5EzpSg3vmk+uiMB77j50n62bwTS+gHer4d9oLcuY9+ThCvWhbSDqRgFdVfGFizWqs+dQQ4cdfaR1dG5Hrb17UGKTvEQQj/Ht47tIQDR1JN16qw8XJbw1b0WZC1SRmvKTnlyaAT28jmY4+NveIuYCsse2xXYju85QsYcClY43dORVLjKaEcyfhj/oj7NSZD8ijdgOCW1rMbBC6Wu7/TMLmZDVSL9PD083C515mmad0v8FnzqEhGd3ECWVAbX+TfUyXYSsqw9bHqnSQWN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B3B4UoYb08Alh7LwJBDbosRoVFvGomY8YMLBVoHJC4o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pYRGdOvVpw3adyu5g/cMO0e/47qnGbfsEASFWeA3qIuo7YyCPKjsbO560UNPh6lY7p9kNm1bnSABiPoKV9Xs/hMxb7yQs2bfMEr4oC16B0OFDdkidzTFKSe0ZxzWyiu8ijyGkeQkW1cbxrtTgKSU+Uy14h+YcWR2CoR1/AkMwXPcMSknfdkeFdMBgJjKqN+tWWHlpv6jeddD3jf+D9btXeZ6mvzdgpy9vYliuDzbYgglrXP2zDgneG6RIabzrEI0UE2UvlKX/4d7fh0ClUgvR0qgq+ckLlrcj2DG2P0fycgFNL+H0nHNHAAxNA28Le4+XSISXSQB+eFHNLOtCuoMasMzvRNqS2OfWIX/syEN9K4Lr4O6LKoD8+HWZE8exr0ufv5q6qIXRO42pWYnUTl9rU/GmyIi4fI3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B3K49nTQyvxU30G88LnHYwXEqcCIlsnp7iSUaXPY21k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mdElgFYI2T6lCT2dUYmqc7fA63cLdCO+gVOL4TZyrsOdCc3/iQ1OmjbNsYL0e86uuNVp0U5KHwKicG8xGNvKJHxocKH6yEsYRbpQjSxzaDNGneBgZcs6otAY4vEsIOAuwb14MoaHma9tJgfLPKnbZqGOFoAMVMdlgE3lheKwKjXG8nDWXmDVXdqdaB3fQQW3Qbm0p9NgghwKEkLaSM6PWJ9OZ62jmlH7IEYeErvUfXxeFLgIY6Cqi4rFMZCi4nj/n2l9ruVfma+s8LnTxypU85MkIrUX7lwLzgZDV7K9JWaL/TlWQab9f5WHJzKp6MXj5/t6tVJ8twIZ90Mb6YQXRxcmzFkR6zAjyCge4wzCvRAwUHEPy4JGF4buSIdhX/m4hdhMXWLHwN4E5528u9by6NjUU4efn56p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B4KE0KQzSzn76Qwp8yNkcqrThxK2Quyxlf622wbJPT8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CYfD1w75JwQDAoD+AKczZN6ag7+8G0RySfpGiBuPWJ6QH/md3Y0880IGuzwRQQ6BPMLbo5bCYjadhR1gkaWyVmeeRv+9mN7eZIspN2CGFqnHMX0DKDBGMuPhv5u9gJ6T25brF4Uq8JjdG8N/omrC90r201fMBcnBsyg7l92Odj00mFwPtDa5d8TwQd9I6qAytK4IamcrtuOFQ0nntoy4IsI7g7hudBl0Yq2jKg9Wd+hvLjQkNA6RofimNfqGCaD8BVC5RVMyctcs8o+71skeIEU52U0gbrrVbZZbzrOZrrrE6TXIrdOM/IxhfnfR+f8IzTwXNADT/sbd3tAXZBsgk41WAP/jwXq6m8lYuhZhlnMBxB84uaoNu5bKYye6vz+JRhspAONYV4dG40muKIWW/vmFmoJNJyOc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B5VpYZ/LQ1QiwwjKPZ48ZfECFJC12JPnzJ7D9ebl2aM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yYnDQvkhnu/j4XjyBPhVZxfvxPJDX9VZuyP8rT3svGure+XO0uOm4VHOy7i/A4tgaFTSlI16yAEWf3KzHSqfdv26/Zf3GLlyNRDg0//xmEnGu806AET3Pw5gLXrroGcC1ND1msqniY1tv0dc94cLeUKdYWuM3+Y9nACAnS9dXJf6l3KfCpV4bn/tqWBoL03/65N7OxIhUj4X+OQ++IjWAsP9uKal0mq2D6I6bJ01YidLLlNVlpe4NWG+ptQk6lQS8G3jjxx8kElwFq0k05GtJ9HGzebEyfX4Vp2Y5dkmq3em0ImtNH0XCvaCTa5PlBzKCDGBdHlhZwjaPkU4nZcgV4/KS6H0dHMSh1/f4A4ZDFTrrSCJcOMwYp7xVWI32v2CLb/HtEb8L16v45xpK9H2xxhdD9g0hrnU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B5z52H7pbZBih7avxqAZXjc9jsaEpawH0BYnlj70Hec",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xqCTWbyzoGOSYnSKi8Op0lIqnahdBDJxjWrvrfRCiW8K1pexndZlRq9A0djDv5p+2ur/IfPVjAN2qj42fhLz7Y/fwqr1oq5JE4rW+bIwuHy1VQ0WXJnLxENB9soyhNuoELCLLre9Vv3Nn3G/AwhZIoGCQQow5DvUxEKpMXKu4hTlisgaoikrhqnCXCWeuSEiMQaRdVJZ38XmorpBPUXs2TSCuxQnPHyH4bqf9p92v8FxyRJnWEQHh3CkVGLYRwc/9eLD/wwhuqpf62uhEILKGVW6SSCvlT7nmWN6UdqzziwBuwA8eAem8xJYZJGUtVKs8OYMUQw0Abamb8222Cd5WfEYsBHVweVupGDIrDZiZ8hSIN9BAdBZn1IrZZZnrfDUlphnFjx0SLuRxEMS0YcYmJWhq2l1yw8t",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B69AVCN7vajz59TcVwiPS8XWc3GCemHvKU25Hrd2Bzo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nUUW4wDkSlMEPgDdCryPJOc5djP/f5N+/lpkdVzPBAxMdGlaFH81lVL/qnlV5I/bPSdQeAIJWiQtqqkf3CXFJyr/OLKSfFOR6X76lv2KPv42zOdzKV1yxCIWDb3tECReIn44iKhe090pJ5z7/tTi/pztM0mGkugh+OuDet/mZ16+PGDGcnXmu0Suu0OOaAxf78AJcjVcgiwnK+mX7kXq6J+sqQ6/D8Zd8JCEqYURY0wskSMOqafHuovh4Qp+Tj4BDRImMxbGzaUb+zZ2MeXfSse1ZVwAO+PG42dn0evynn0cX0F972GxyWLcKBOyLJBmHc6c9D0XKmJu8MUp167j/cc4tLuX/m7B5z6gfvnAbSA21TqmfB8av8dClUKFM+ig9ty66h/xbLRvS2XmuSxdIngOo3as7x8b",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B6OqTuXnwHpU+k9gVA9DDQBC9XgwOpQ7MAOJCGaPLRE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Pvk6Bb5gL+lpnIKIsaMoJu/1F6sdclHj53k08dpKGC4W7De8uwfxVg1DPJCra42cVmVgW77Man95vOgt2fAHDGqrkWj5inKpdQFmfJbRsFWZXFavkQJaCMcF/zL8lA2hHSnp+H2PqgH+wlKWbh2R1rMQetnVWEdyS3HUIbk+vqZpLDiFiM4zLySSIgKz1Zj47PE+gBqybz4QtVoH30a5VIlah99GomgdVO91nd5y9yD/Hp21+3Aop5EJllieDLU/JIKvDZehGrlVgZjV9PT8NxAnk+xTuA7xoGICm+Yh20S8cFpOMuxXOhvrGbB+Zkc+m+CmcIhG//9bad60873soV8xtAi2b6hclM7FdX5zJ4uzbOqRXay3eYCGmCZNp+X1yrtoPYSDJkxhKl9T1Ly34gD/cGMav/Pv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B6pmAjdQM4uMnANoO0vyeS8cTCmghnw/Qy1iwpmze98",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lH+A7Cu2klrYpNGwCqiosvEc7CW6jqXw+tJXLXrX/pNVdHHCWBGE5uDmdijAe/cu4PkJsL8UbynDCLohmsiVmBstlL93qnNShfiRdtinXMsFoQMWS0qWDxrey8HqPfnEq0L6difwc4zJyB7xcEANRcTXVpf1uwDMHR22/FuQXJXKLYHri7RwyvkAOlOg7k0S6cNbE5Y5f2ZABzp1iMQrlS8UI9BQkmQEBvGxe/WU+oANSYiwmcYdMewwbik171Hl2wi87zkl7WMAPT3Mkr/lwduprDC3iFfJd0QKnp+dg3H8bObILShrbpEHlcStX1bVgiqIofEeF0R6QTqGhcMUTeC1b9izapq4LwoOt5+YvzK1hf5RD62/UKc9HwCgOr5hCP375pVnB5qRf2J0AVZRhzMor5mJ96Qw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B8tJ6ELWIKX/E2wgeTxH/YKAc6VjlC9YkwY751hW0oQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vxVwlTHVFGy5slgOOHkAukjxBopxyIllvyCU0HnBah8ugHMIBzPaqxIuP51MLp7nyjoopTAeTm4LJQYra/wietqpOe90UFsvT5jc+rANLcroGhc+M9SarMBjZlUn4Jkgiu474/gAgWDpZ2x945iOGj2rDg2j1zpIVA6qcrEHtSkNS+tzUrawiL8WvijpslNsnx92k6wUZhmbYjmfga1iY04aHfm6mmlekaCD/ju0hPZogiJV12Pp5rxCG+MyFkJysVZ8AuVyrHvMPAwlc5y2dS6DP5HIGP9vByKKDOkxupk4n60YjFlnRnMoiFjTjkA7rs6H7ToRzaLX6B+kt/qDCUFuCF4YGpTZMZwMawt5x4TqwOeWEAE4lEgBx/zP5AlI8/0bPelJP3GEZfDHD94XzdaX6laE1eZ1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B944LBHT6YIc3mka9Yoz95A9koYO3sBFTx79A3pkNtg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8pv+kpUHmdHMnAIf2Y8Rffvdk6Mdw1Y2YzWqlVwQNC88LbV/3Bf+rIxu0yukhtBmlWZci6AStemiVIlk9YPlBABB2NfgYOInOYyp/cjMAdGAJQYpQzXrQJo3+O42k5yuS0uk1Mc9YZVQez6o51pcC/BNa6AkXXAojJEwXeLbHNraGLZxnFEfEEEXJasnKX/tWWfRpsioAkhvOTpMgN7Knd4dAoCWd1m+BSAGfjX6G7k6ws49j6GWMCbEL+wINfHGwFML1jLvCrwaoyd4x2Fxqhami3SPGlPcXyUEb63TnNSD1ktxAfTJkZ7KsCdr7DTM5nCMF0x3AHjTGuH8Yd1OdBHc/KMzuxuRJqgr/yiAT7QI4e2zkDEAESD/x4GpmFLbXMiHy3Phq7NWg8rjzvlyNu7r9TzEp94E",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B99NvjqMiZczqrGU9MdRJWxYjf14Py+5Ve8+eYSikrw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IkI1GHbE4YvYoyQ+Wnvu0TLJpNrRjwq7L+8HHt8YlmlbgkDmc+uKvGi1Tu23r+wtPCK9tOxoZUydufIMwufOomNURnKDmQasbW/bJ8ccqa8cSFlXyJfQgftKnDOvoMAWcAe5nYiMiIaqBFbqJf+2lv7Z6lU0ddT7oZsxdydr4ydjC+a3TfLphKUctAxguEK5VybOHnjvMkpGF50DJGEGnFz1XcG1ClWpjWfxlulxiYwcml8En1xRU1FutBHFjR1JDUJXkS/EWZneZzViCo8A8PtQEasIvprxDH4OntRB858PoI7f3IIMzDPZ0LGRumh88Tvv8pIq4t9zMW274aAcYsGDKCqG0SUpgXvtIOc41AE4T2OfoMWd6FO8idac3ujYOQ0RXdAamXU+BM8zl3ffCMNEKaNCJ5+5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B9EZFJyYrk9ffuin1mHJEerBf2g8rTkGiKhgMXd4shw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qJ7lTGppsrwYDsh1EakRuEt+AxBm4JSAI3xjOtQrarFjmZel3MO7H1FaUeafET6Kb0VGM5ahi1swX75lQgfKSpRn4P0NUBAKB5nVXLS6LFFlgLMlQYpf9hkpJL3VcL8sjcQHzwx8Dn9L0U1EZa2V3aFGPCgwHOwRW1nJ3KwdFSxmHaM319c98uVIf3XwnlNXXklQFrY6XeuD0P+maJzgVkhCGLJEwxqC8TNDlPQYw8H58UIqeLM+7GTByuz8qOsKwoZIsluKBbzsifiQ9tcY8EcvecdQd26BUKEcwr1+5bE+/E5X4AdZzz+tyG47yq+A7eMdSZELuVgkf9WpH0xXvXIrPhaTD27s3EF91f+m0aThZvUSlLgfC7Se13V1K95inede7IbC/SmqI3WJuFftshRPNII2ajq5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "B9QyCbAymCeuyuVMbdG82HmhdLMuS+jdlI2k+4BtVPU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kur4gBFImfoU+emka9NjOT9L3ltP3e6Ud/EezvSYKDyegUTaHduzBIMzIQvTqCw/HhFSfGBy/BSY6cW2oE3+TDwQstByo6lOlVj0ZNdDJj7fw3n1Y+2iCltgRlYA5uT2+SxCWHhQA+iP3czHvaLe6gOv02NlWOeIigFlKvBw71CcogveXX3FysT72r52qlf8mSHxSfewldNinw+NoTAl/adXFqH6+JX788dUueYmBz2tpfjEo/Fn5e7EF/RbxJ8CKvYg8eSZE81n55I7O1hF0DON6ki099wugTLCiy+6ASQZHf3ja8CmfqVZ63hpMFpMEltWK/8m93KnYp/o7Cpd40hDvYC2y/gz9OvWIdNxX85vELynve0IPl5nsUJHKNiFdMaif3TVLtK5BDsFFCgyZstVQicah9NH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BAwJSsZE8ZVdl0kyuK9VxqJb9h5aJ2PHUf3zho6m3Tg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "moW315B3MoyhJfAlQn6mCm6Jxyj4JfGvIMXDJaQQAd3mh19BaqKmectQi9eTA5230ifuX1FXT2OlMEz7hrDG7uxsEGihwUW1M1+TsoJ/0774h8fFdIxH28iFv2HP79tyFTSaikCuxHa8IEhMuORF41PSzN2TCWsEATrS25Or89w7GcJ0jMOAZfVDVLOqMcnV/YwOkCYgMVvh9KGcJMeyLPSLe23QUV3zwu0iA2QVC/mRuJIc5OxfPl48S3+XR+QxN6oHPf5UAEWRvdxCwHWv2i4hhkfQEiQQkDMONuopPlR2/lfhEYKd3+ev2ASy45+Fn6US4MhUbrGWWoJbU8zBL3qnKxktj5Ab20zeGsVMKNSrBdE0caIbMqR4vZJpjJJ5MbvgifGnWMCK1UIJuYg8+WYZjqlA0WUN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BBTJXfjOZL0YKglxK+/9l7zH76NLtbZO49miabJHJrc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r2Q2CbqqHiFJCRRrNRVF+EbCdGXqYqU6OG9Rfbt3n0G8fJDiFysrU7hsyMIOBPjzeSqQgyxaTdKkmuR+sDzFH8Gg2N1wbrLrtRGyimFvkwY8UUJO9rJD7b/f6qul9+0mv3IlN+G/eBgKOvFm17iinGTs10DxfWMuSlFvL4D5Vh/bN4tZ1c3mByU8ifehLpoTyROP9QVDVu4LWVUHt61QHd2gwDe/LazJLvwaHZcHlWU+UmCVZXv3cqtJ0NDMMI4iFle4GMaTMJBIabKqbwKukv6pwbHhW1Sn/HNWz3j3ZGOU1sPTiifx8YFFjy2WbNF+zoCOuyEGnrjzjXIbofwDzaxCu1hEjf4127TCbkw+Lvwl3vA4cQtuaUJk3emjR5PdoDJWnZBQ/0R12f89etHFe+14lfoz6wjA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BCaMCQsBk7wLoo5FrG+Y53oLKn5cwOsN2AbSEvwg8pQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OgqL8ZzH/u+XI/Qrcn7Z9BFwUCu25ov4TJUhtNT7qY1Az63hl+2oiveW+JrD411ju599MJ5hXZP6XHZq/SDsW2E/rZyC2sGjC/1ep0/BWSDg+zQaG+1JcZ+yzTG+SUI/SBOuXZrBQzgd9QeQxvhP8Zkc89VLGFLyCjIApkXDtpZwpUXr5YQ5Xle1Yu60eQpUPEUI+HbBzirKEZ3a4/mYazvedmlhLVh8MHwoLZdp25l3qseqwOA/6JWAK8k5p96byZ7QxVDr8VdXSXgFJB2t78Eepzgknnaa2iJebEOyue6Gue70Qrbj6sBvtMqAYo/OM69GHpUTqLUKfKmYXo6TJuM00qimv+QlTWWDpVJXQSUQGhyhTW3oZ0Vb3xJ2tlkHKFeB8RdaJvSpnAwnhngHHPxU6Iikzefx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BCcsXM/xq4gw/USii6LY4PexDi8fyVS5QF5X/aOPIWI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5CxbFh9AnlPawt128Mb/PaQ7RbDBZpaw9bokZN4TO7Y4iXw/DvVNQvoWVS//e0XyJMNn1/8us6n0rfxWu+a/jHd9SO8hCP6Y1ZtkVHax+pyflYu2w8+B4F9d90n5K+jE0hZdailfVFytFCBHbcJ5jnkJqFtRATYCUmHbDLiMzKEFq/s9BLjjrT9GSlklrUFXAcWKaTr+1t5y9T3U+TLtXpSQ4P9zU1vs+Yclt2wNvW1UOvC7sN4zx39XNTQsc9+hxUa7VKfrS6K2QeqFEnavsUeU1N5327kzHgQUKGLxpEynlAIa//N4E/0JF7ktUuSdrT/kKPvAlmCQ4uLVObWRTscNxoGGK6DqWsWDLx2EDq7Sup/6lGk4GAxmbrJ4LxKQRwpM/BFjjdMWaqEDQRxBOC9P4Mmkmd0X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BDfdBe7MQ4xE8DhZDskqbYaVgRLfhgmpezbxIpEafRk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LMzyKaowbPDYt4QTDVcuXUuWLOHMGmWhsMSutUUYceg8LE40LNob8ZjaynB4K5r3BlusmhjJLeVwvu7p0UIi0fBUL2wJtRSKPl7tzFhcDvo+CSSQKRKWrimmmna2+6K1q3ceYyZaNqkjCBcp52oW1YUzWNDELb2FVMB49LSAIgHSaCXlluNR+m95YMq3reZQTyNVne4+m52jdme5OkSvtuys1Wugx5/pYb+PMeLhkW6l/1eQg0gPnvDkI5D949UyJKV1qCbRanbHbUmg/9DfRPHY5RHJ/iPIcgdEZb4wZADBuaOml5fydJXeZX12jx4JB6wWxgXu1V9/hgPLCDmZGarIyZY6UTqUGVVluTwtuX0kit/HtYdSRoVZzTzVae63KtBEZYsRclRYpJA0p8srfhrWbIK1M0ok",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BE6ZDhwf0D/cT8OgHjcINj92zk4q21uJDl6+Ymgr8nM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "98BVMw2VQbKuVrdpe+esCe6M17Ck04P55fdFJ8LIlEC07mRX5DnRfTJZft4yOPJI9mcH/w98OdUg7KmrMswiPOyizkgt7R/snv35YoLvpkkeWecCc+xO4C3d4gQ/eNICk/bfdrE7J2czcoGLyGVA2e2UiZj86y8XOKu/TFbYSVdUTgh8aIKEgt55efMgYjllWHRYrZnSHx2WLFvBIjBho5cxt1b9kwYXeXZWy7bXqRSheHzxSdyqeX7lv7HeoMUt1scTDef+eRjv9yjrsfLW2sOlqSuR6ayHdYJIY+M2ygi4caTjRz6X0dFQl4woIS9st7zJLXxL6y6xwdaZbvqosSUZZj8v73meaFtPPcQ3QSJwPPCq5Yy4Mu2DiIO/PYxCx8FphG0FHWv4Xm/rR4mesdkdhG9A4ARh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BEynOIAsMULnn8Wcn4u6bxVo7IOxpBCyLpasafVPSQc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v7SoI2ye/z8vctzHmGZtOmQrqF084tjzecVQEbDjuGPvSR/OXw+Dy8ZrO251S6Zqsz1LK5QdUi28hgWEipfQwzDyCK335630GghfpviVE535H2O98tkWKNJbjxBF7XTSKI7emhKu0n6+XgHHdGWFMYp91xH18bJDJXvBXuGPX025v7NhW/7v5ZRU8OvDWADKIykQzotbw6mtwOknw04Tp1NgIEVAS1rC/5u7J7s/QZ+OU14zGDGAAK6cTHkPOGcsssy90aEjH5F3GneeVbfqdNaSXuP/VfUBQqz/n0/ZNC9ahOg9jyGG1+Jpi91pH91+dHTJOuWhwAxKCwAfKYVLcgI9kxlo0f2QyM4hTne84LC3PNZEdGW3A7yKIPNkee6M54dnK0Gu3kLx9unKqrr9FsHev+zyXJIS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BFbMzrCdpJuJmMGEAdZGbI5pafd1RakA57kkgM3Rd2Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gzB34DioVfgO7JXzbbdYR94zQdi8n6cLGqfq6Rz9HER8NHjeEO/Au7CtS0BHIJhibSBBC0/o9DkkZyuedECLeX6ow8lbv2i+TwQDwVSLusmHwFsDWa8HfW2d105Pb0vumGmkg5gQRcafD5//7mGi4fpKPrhUGERVMh7KJkc/WoKI/4ZCdZBCfee6Hb3Yy3KfPKZAj9yLd4ryBpFH4gZXEU5HOMWdLE+abhGaiHfmCfmza9C9KZoVh7JA50663AQiMlBA2UjThQizJou1NxdyBW8LvEU4TDaloHnbgahCDny/CaozJTHaZ8VWDFTh1mN4QT12xUtM4PmGDFv9B0B4oYoXt1PzGrqJWysGPA8ddIlAf6atQ7qOs/JeRLlzfr0h0ZMVu1SU1zFhA1NUEqfqA4k94uuMObqi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BFoRY1CeH4Z2qNmoS570BmfXwqh7bv18CeYskkozwrI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CxY5nqfWTvgJoarjgUkccEl+YQK3zaN7uTyFkq2wDrWDccePRJK198beDTIiTUNSvrOTsVxgiYuSZCE/AbNseJkRv5BaNMDFeDeCaKjaNnOdzC7hs5F/cQnfbqinNtKaf9nqYSiw86s1gEYeuc0ZzRlMyvup8u8PcdRxkToPAuCxVSeRc3VhDY2vvZz2LvOfEAAiPoLVLl8aYkiTgX4MFtQ9OetLR3ByUv+7ChWa7QLv+TxcxJL2OwdEcJAefkq566zBpn/leEj8gNY+E35zAhH6DhDh19GNasvs9KXxbznkelaJfb8+LItI9f3G8eVZYUzmqTpOxRpz2kdSZUHeLs5M30qloe3VwtosSzaCEJvYE29g8azVJ9B6Xyoh4FHNzt+I2vZEbt6d6DfzjesZoZ0xvl6x5iH/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BFwwSWF44tE1kgl3NAK6cSVoo4dDVj0ClBD7wHoP/U0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MAYL4DIn8xiei/BtHGiC0/huLiCOE4D/m22Ip2n2Gr0krpxCLz02jh9p+bARtRvlx5vPaIkWd0HWPLJic5O6FRpOpvBLCPNPmo8CO+DCc7kK28CJmRDknDhMhnisbdXXIexd5bA9kPfLFFK13fdYcv9BKrNO5+Oj5aMzLhqMXPjf1465fQAfjklojWXzpFjZdGsdgyjubX3Re/iNZxoYB0Z+2/nNyCCUegtPbX1nAo3Qou7Gz3WG3W65v3TZkdzBfO60Cryxwfv1MKXR8bxQcsRUg/R4syMuR1MShOvefPrsig5nsxOs2yNfGQCH9QwrK2T/70S8bJcWNlJKrtpId6rdvR9q1zqIepcGy68M4qQhcpCVBZqvJpM4e19Nr9uCr6vZRYT7T88Er72FpbpH5U27QwmYt7D5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BIyvaqA82tFzZZViRIMRDwVIvT3mfRtAEfCwqM4KlYI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Drt4BO6ZBVkEl0g9jw2ig/OpdcWQDxnL+DIfHFviHBwD4EVOkOrFa5JbVWJVXzEpax5TukEoVs4KOO15p2I4pnEnvtLzyszKO9YpRAIZodrZKJRlxH21vm3wQoeCaF/sFBeaB8hXYcvT+5mJ3PEa4n1zfsMs+4XUQzyPx2ynu2zPXqTfp7MM1fo/yPm9lyLGvAHmviE6Mn/FM9BouAQ+6Hfo17s5nsG7IqhkDjSeoCT0MjPQHx1/0MLNmQVQKiJ3CGjYwU4pReRJmWzrEgEvZisI8UgzoK0CW/ATJ7GoD766MosGwrZ2yhG5mmEEJoUcdo0IxHp+IWkpVfj33ny5oBAIP2haWjzGCkk1VTOgNG0gGHw2iSd8lUgFbMHGY7I8qC/K0b1JjvEvch7Cqkq0qUBSIP1TdX8f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BK1kJrqFMuQvXlTcl8oJmDmz+ZADgTc5+7ZvHVuWtKc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DQbm0Pq5ueKSWXKhjU4FOOgIDSkg1MXDhT5IeRfnwDP/v7hNG/rKla77X5Gy3yx0egALK7qCi/EROPPPW5PT3u8XB/3YCLdzDD7YslfZ0cveBLRK/RKjfC3uz8eEYmfWoRI0/5/4wg3fQP/sCJJTW1ndFB8jOyrJLqzj5RieSKN6Z5Cic2X9t1RNjuK6SFq9xluKC1wWK6LaKfxIhhLZA519kvmrOAcA3IqYuMuAmkWc5uWsiu3FxVyxzPVsdiJdWF1zqGteVJWcSldWXt/wcbuLC+GFTNmP066K0DCVKE2wJWHijKV+Cr5RSuxKoJC182PpkFFy9Qr1eqxxo8ASgkH5/pW6+5qrfD1dyBRICTrJjrb+egTkKCU1VR8fUUMtKCEsRRgLsqlmO6tzBv0C7feW6/ytMSPB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BKnqABgHT7GQmyRHtFP0n7Dg3txRN+A/Ox7r/GLhkog",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "O7hLV7UQwwD1y0WghpzmwiGTjHTPTYNWkfgum6DpgqjS34OFoh/kuoI01mLimCRCG7KSt0Lxjm7Yye95u16tSj6q4sR/JiCa/15JBjOB6CjxTFwyu5NjGUODqwYvoMYbhibkZxRCs0DV0FlvE6YsWTHrjAShqw0T5rDeU+6Vpva/C7UK1/IdNXQNx5pGf0towyY3Wa0ddLN0lZI2uv+588kCwpMb6+mfSpyMuK63qSeY7gOWy58Eq5jBkp4OVMvgYrnmNYxfOMSrjaVDS9dOUVI//y0DZ/7/33CQn11Jyqbsn1ZTmr2Yt5Q1fh9AN65NAWutQDLcjvwt1P54yu8t+rKD2fYytsnr78i+sX+2VL1V/tB0gPI9mPK1KJmUS6XTFUmarQYnFpkls4bSQ9VK3TLIuycIw1r5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BKuDFM1t0/njK3NPwKI/mFD84Y8sml7ekfN7OblFlx4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0wCZMFFdFjbXXAXUDG+oQSBakBO0+lZFl7qDmDCtsJj7PcnOw4O7a2fGqIZoXYM3z4yLFNr11EtjcZLDaE+hGuO+LZ2XJWDsVEWBeAcmZSVXuKosdOsEijYIqRqtnp4l3K0LW3hcmVTrMymGZzfSEMykugjd0XOL7/jEFRJAFLmkaJOXQxm+inbrWC9zajmrKwgXR88CNaiiurYaz+7JC6AkUOpSMvcxgEpQSjS/I9Unp26gEBmD9AeWHOg+DjGnlIns3V21s7JeJ/6cO8GPyuvPde3xlTIF7V3iasSxu+iNU6zT3pZgerT+skGMhg2T9JBUO9VhOJCuMeob6+3q4TMa5V1wGuCHIycTFy40reKeithjzjBATMR+YqUz5B5Xl0uk5YXiGQXKnmgVYmfaA/bDIlSrt4JA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BL53qEIgyQ3OhZshBVYmes82AKZeeIRsLR8U4bbmvBE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dl83qJqrgDhVwSw6xSR6LP3OLSiZ3TTZKzxlaHqlyUqZeBqaaokocFidm9r2rGnbQQn11OoSaXaOmp+pDS9fS6Qno6Gr6k0EVzC7C+p6pbfcs9m9QuaZRvPendNtu+BdCEfRZue+VHoBF8OTwNn1dCX7masz1i2CTKO4aFSLrdcnG7kwNrXkrLngNU6bKl6eWascSGXr2YHC8riN/F6aY7+2XfAITCl5FIIua9yCfi90tqnR+Px3PJnmAozG12QkhIZm77iSJt1M27xQuX7qsMW3Cj5HaZ96Msz6h/Xbin+PIy63fG8BwdMnfXmHRmnnsH2KFBJ43kqH7cRMLKymZYxiT+BFQSwzRuquEwKuaewWlIhKm/vPFbmIU6Q5X1aYEOQwrxT4H+mfogbtbSZJ9CRKhOPJKryp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BOrSF5m8FKlHUWxkox0YbpyiFuSQCKIpfA2cUaZAZBg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9Ncj/mVCFOPwvDnGftMWpnYpzYPIVajhSqK3IVctXlMWkxiEj0OxyycnnsgJ0bzt6s7ZRkPlFgLfwsoen4F/q3c1ZDYporjn+2nM5YkbKBOknmWOh6zLG/fG0XgiXKbq6H1Iqi7Cl5dLXnd+LkEbsF8pt6yyB+qaO/8LvRmSofAkanECXd0DK5sC9l6uGBI5yoVBty6ZAhHR5ZGZavjuzRPRoIRvsQgDLeZIW6cLlGDcQYAJhC5sKA0ZRsRSDiR5159QuEIitWspJaNSQhcSfm9ODU+5GouvBDXd3LP9aHwVjNqLw6x2W4K4EqhEbNKESLmKe5hfU1G1/XU1fOmWGywmWRe1G8DBxGueODsLcK1msZxwezYhMGRzWYdv33ITaUjBAvTFpeX5GbOqbCTOhoEuz9C3g9pj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BOzANp7lJ46btWu0HQiztkfpJX20YWI8QbYcWBbsYaQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hEYB6hNQPuZhs3yWRHcGqvzH5CxTVi6hflS7/zK0YfW85AnxwxAbHxof/QQx+cSETCrgn2KU4zLOQjjbdVDAetbNv8ewoSAKZR3vSlUgIxuqsWrkS0UGspicSxaD0p6FfRSKl5x5pyOpN1aVRy68AZ+Chmex6ls8Lq/vDNOXQV3cbW+pmShFJwOc1Mw3GH5YfP7nKZIztWPyenOvzelH9cJAHNW+D+ZACh5hu1gXHVWKAdVfZV//2YA2OGDrRYe6rt64xUYkzGbUlgxqIug7mM0gCXsVzS6Rmn63po0rynsdFVeNe7osUYwZHNGG3rkt0HrVjqaFT6v1oMaKbbbx/6VVNDyIHdvE40H8FVOU9zHUmlT37+8f5tqaMvlsolBIva2CSj1vyTNhCP/IFMoO6wrBajErFjRl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BP/bePI205LM1xkcxSASjnYipmBwI9IbmsqAVFm/Glw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "roFciIZaRPSepqHcmW8Wi6Qg02W/a0Eomj9JUgvOqxhMBsVpji8Ke0NwrmPFFnfDhr/8mb7YiIeRr7Gyak9YuaMnYtm0AhMPjwsc3mMZntFlujap1KXlTxY0rZjVgAOemkuoxVAfx2TzLMNLWhYFy0c3mVw3gU8XllQpcibnK+IbFY0Rt/nDRgGr/HbdMfZ1GIR1J4iTT9eDme8Fe0PWnZ30zYZ79iNc6cOvR2x6TVqiGdsT8iCKF8X9f9uq3OeA7OIy58mFWn7G4PIEGu0SiI/gXWe3wIN7fafTt++HmXya9+NU6uJlxb5UPEjWvNltQbIuGrptOzkEIFVNQPMX3VngjXAI0EYeCmkDgh1bI7tQqSZwoHRw+l3LgVYXbpy/EQp3l1fGFylRcmr1HUBfGAYTK+MCWwse",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BQlHQEiW303ESAfe47Unw7qjsKyo7jeSzWKvME2oo8g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tmTpmhieu3VOT7tnUwB/mYDIUkjjkD5JY7bKvoL/wphu03blu3wd+vkLJ1Qcj02fWS9WZwcBsDaKfIIb45ffFibM2zTLUIRkolEDtf0jyBpjcFeTMAbgi3qavdessuuUgnMnvs4sqvumsjRyYeMwY7wNPSYcMg7HQxDk7YZApYnBQ0zhJ3sKMuOrT7gbQWjekDQI442v8Z/5mtCb91lQaNVD574UTWPomTxvzK4eR8GogJ+ARryEGrXDwuSPOezrRSuTsqgtzAsUG+BOze1dsQXXt1bwoijeszzbmA2dQAh0sfCSEBhzxenZVei77QPUVY1N8sJGYNPsvEXCYONd3/jYSRvcXRNYpkrbdg1hwqjQ/F/Ufto196vHCMIdAKs4stHwAuvDlQZEST0MEImmv9gq/bVzWBj2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BSXaCku1Ur8Bmjimt3lKEU83w31Ovp23LQro/vCubt8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BB7QQctIa3wzV0BrnCWev/+3QBbWsTuVedjiNFZczAZ3aEH2mL6yGrruJsOGhfLh8nJ1m+SUkLJcUM0z6pqjJiS6vYIXDvQMuaHaNe6gvPgcFayHcUfApOpdSY6HayHOG96VdwZz49ZJ1oR2WQaDfVpVwU6jiMq3owapkhtBGyjmqPWEXdjEyZXw8I9FWn5UCPgLpPUppcYrXKILbb5L45RcALekh45sDK3B1lEmtaQ7/ccWcZkLXa+dafXPuIrGl4reuFhiYXBx4+nkHBu1skV6azMfLGrZo9tksXw2V5zlz6TgU6JJfB8we6F6HIlfOiVVU+lvP1J6JQ/JWYqS8zWgh31/pN/VOMvKL1onI7fmnCNqneDCcZNTwcK/hcq8fa+Pvj/t7jzRk/M2WnrtN9QnrCNcsnzM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BTCJSxDrZdJR94b6bEqkTjq9vUzdUlQglE/M+yA0sqw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QsOVvqZYxHUsV6NXNA6hTTIUmSS/Dv+hFGITBRQkno1ZE23F+Ic+QsGVDOOGrZ5eSljZYjDiyk/3jysuPiqJ0LWWMqJzihAVd5r2jJKgW2OsHfxK8dd0FDfXYqUbEPO2N2/MD0NEgL5s6tpJGS+3T+VYHu7HkbsyMIhS7AymTbomW4TuFTNtkG5fE8oOcGe5aMqVZz0BX2+ii7tVJ+YIbafraJRjKErE7xV5USoJJ/Ab/Jklr/sEvhT4Ulxe+f9smjd2pZWk1WYHV424mBSQCxAg93p0OPlwsMlhqIYRXwle7LCPAK7piT7fIb0jd6hxbdc/DuACgOZT7rUN3JbsYayj3KeZHr9lLB/M9sH+EB0opQjEHbyIKHW+MJlQqhDkHChAKJM5lEJT2gTXXZsscZ+Ct4tooB0b",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BTOf81jc5eE8zWOW+PI6vJ0sctL5oDbvq5YHWAKaK/w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WgAhDnc0ZheXYzE7Zp86pVHJIAdee+dbK3AS58Kb5Vrhm1ch50PEFcIB4k405PV8A30nMtSWENVzKOGgHlupYkw2Bp69R/HZ3PcfXfI1xwYOJlUium2p8ShqWHJsO1CCKb3QN2Oa+OL6HqjshTUdlDJP94Ikc70OSUr2JI/4Eb5w3Rl+/qnrBeWC3RkT2enLfu/XNsxUfMv5altQwYLVXrRxRm+/unxIvv1tOOJ9bLU4asgzaNQCy0KCiJzb8RemlfQlBB2gdzjt1GJ7yPD0J7N+6mDrijTIDScYEwV3uEGiHCS0tLmdRHRWXJEk7BcrnN+mT35EEemIPGZugCpcfQbBmSXFY2Z7LHBsFg41vevck1HlcbKtCSU/2WYVGUZyxTfyFGNo9IwEY9mnQxVCdqbyDBHKYUSr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BV6tl6F5ctTGXi19lYAqFJuMSzGCGhuUoxW3jP4HZAY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "85GvLR1I2sUwo1X2jn2cTKBltjoCtfkj5MBVKWa4PT1uow5MVMysYhjB3Xa/JSiKsqWgqMnCzfhXizr8ZrL+sslyqSdZmo0k2ZI3hQestAKoIO5DSd/rdPp/3pdHoWWPuT0obP3qwpxqDDWxKXKgg2pX9ApJuXLlwe0FLxqMgvvOwMyY5bv22NdP65w+sROgFr6fL2qv7U63JzU2sP/UwrQ+YqMkhE/QkhZy8TDTaFX9ny5V5Nqr8Vwpbo9GPG6buPFc5X+vQ78lcoY0uUPugxmb9e0Xbu0azMPoQRc5LleyfQznxqyCeDsjqo6o5rL/fFIbjvgHzZjkudJL3XSR0uYbqB7CdNVwozFxWqfqOWaWhRPUsA9xGEpsxSlZlTWiIFnveHTHbm9799FBRBWgVTlXxzty3yEH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BV7RPLFAZIRKCzt7EdBqpydu6O+qiO+8D2jM0b86XsY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YTQfu5iGpzkNRLAq/084GACNuyDnRYQMq2wzha6v2nxFf3N0aim8xHn9XwOK5UAclRrUcD+emOqdwl7RRL1CctePFkdSJNFcWtlg87+sipQUCbwnoLJtMHMaByvpH9trylHZFEQ/bGUE5DpGz2EdHcP5DZy4DDbiH26U/rpAkoEPoJXbky4nSdNTdKNUxn98HybWiZOCSkpGrJ9F9nrvCBkA/ZC9BjRDTf1aipBsPS4Uel2lbVAkDnnGcJKKxLfH0mo8HVvoTSBSYKwzqW0Nsw7ZcIDsZ+ODB1Xwj7gK9+0nUmS3mMXP02HkSEN+8K9ARP8AKE9jKKmYlFXM04MulKLzK6s6q2dTQNq93bNRM2uFFzf+glC3ho3q4Jae9wdSq438wzDFhA2kT3jljLdIdpowJr7AqfvN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BVSq2OZO/oJZDmOD2H9z3mDoP6bzsOklLAPsb31XfVM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mCRRn6fP2exkTotBoLZ+0xeDoAMhuJetnDTAmwiLMaPcd97D0vS+5JkmlBIMkZBoH9vc6jIJZxPvacRrDZCH7qj2fXnuxcLqRFvBTwbi2uPHFa8GiHu8B5aZg/z4Fl1xVxSs72xqSiNGgH4dYIC7x6jV+WyfoTXuNCLSQ3Ne4sE0jgYrAKZjJVRcoMrTnaDVG66B99YJS5U5XKpcJBiuxYL53w8z+Na86VbNUm08flfJg9JNAQ3v414QtYPPskOhbCbxyPhjP8c3p5XCpQ8L1naIxjLrGS9QPDy6kbZIjMrwxWuvucTJEWMSqtECoILFITW6pscxqGQtGJzujocmfDVK2tHDPqd2nDoF0Y6Aigh+DeGZNwtZ0T9HqTij199CUSvVRrTQZI0gKjKzOgm7hi7lJWGtcvpf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BXPk0exAq2fv4zb/EWNet58Q7VrMlW5lP8e9jw8vJQM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "I9vh3kwCl7KndL5at0V/YlT6ClmaXfCBbVIqg5UI6JC1iY14mFbJfdlxGZE7NcGE+YngJneKmBevLGS3NsaENhhSQp5W3RHGpT8B7+OAs/Sb75XlPfZnWpynJ/hFBmuY2LJ1MPTU6X+2jAfbi+0jYdIpKqSRPQhdLD5+yPWtkIC3h/j0gY0lYXxss42gUIBjqgxha+aaYcqYGO0wW82x5nPD7MDlUpb4x5bFYz+sa0p9jOPgk+UgPEYsBJbTX358fIKhd3RpGFeLnn064hdq+clXFP4dDcfSN+76ZCr4v6Zb2KooMYV0p9HA9TGWjL30hfRmLGjJmDwNni24gTYhpkdB+rrW2dis6a+OUfOLR3O/LWYTEZ+62WMSBBS7F7+6MpOtroV0Iple0SYwhoU8QCipP7acvX3+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BXrQA22f+cBU3gc6z//auQdC68Bif1JoMM5jmmq7WJ4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7HBtuIf7ucVqfRV8ECPEVUU4hYCvQL0YZOURYEmhnrNoc5bLNSLQ11jSoJSsfQFUsWb1a0PhAZz0PzClNZIV42Tt3uTT3Lwngz/O/matmDJThRc99LcHAXpDDsolEHxLCj2mcuxO+1fkG5tW1xm5UFxf9T0dS6tuoeVBMjzawj/WkjilnuMSeOAS06DCCJhjTaJyq1zt8ZU8U3WHYST13Ddv54UU2kyJtE8FRapjN/67gUX59vfVQnurWjyK7bhQoIqooC1kZDZg6vMOBFdcxDIKuGE//axKbky6qmfWPj9YksHtn5KyHD8mCgzsHVUCjdv+MewcIL1ykxTDGJrpMSldKw80MmZrtHoSv5a9f9GGQA1RLk0jdbE7q+KT2I1d0Tt73O4kXxbF7eAjzPgLpGmM9d2uvp/C",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BaW6dolB/YyW+JwgxKLarOldqt/k2MtJPqDFN/pPbx8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1Kmm4zWcw6lpf3yN3ud6ekeJYXJvUsRPW1wpTvA4IqmlvvtNENzKKlsWpNFLeyybQD4445gy7+DSbu5QHCfKBXSVvXHd7EAd67Rj5RseaJ7gA6XTgb4RMgbcqQOeopePj2yA2l9Xmh+1Cdjp9+3BIv3pFUlYQRsJMkbnlgLaj+DloSQZxsBLZXdac3mFXRMg0pRwMude9UcMq5rQ3PDS8gIlrLxAO2ISfuhWiJaUTzJU92VR/vboDRSbHxaqhbHiN4R+75b9Rlf4Gc1bd4bAv9qUBNXmwhcXtDht/gookODEWo2ZfHLu58UUb9suRpLSG2dgy8WbaUgCSsGRGwahLrl1aN+o+e3NyvPM2cOpFzkiSKXcM70fcZt1+ZCvrbiQ2KLYbfKAxT9jST5uLKa3cGPmkeDAi+DE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Bbnki8QmI7KddeAZtzDBdckSh5RvekouOrBQjklx76U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "97Fx4BOtTTRdJRSOL2KvamczSLKSuyMHp1+qo3BrVQbABfE2b3i7fjpEwWbaOWPKzGb183qDefaxo/rQ2pFF164TyGhZRxDhMYiKhfBwSCl9Fy1avXMuZUcA504JNu4DET+0BmRUVXjvi+J6IXuXVLxcXaF+btxYvh4gOV0RVBjAHHlj+zl2Ybw+wxPXwftmWdDRxW06hTOsZhs1w+ucms1IS6RZaj5nZozyUAGzVAq2TGklMuWVaPHvGr6IwXs78RQyVi7kzV0DhOdb3feHyiEtdWqrKEI9HR9XCpomC54ovbtRJlklGD/V7tf6QTskcb1OVDxEGdpVUD6zU20MtHepLmzRqcRFcnwGZLid5h5kLKYKjeJF93qFSdRYQ96PizqsecHRqRDQVP93w1Uy1tEoIEGZLRJM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Be74Yf35CuHh9L4JSIsCbNfUiEApkaRJMAgvTPXd5HU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3AgDVNzciB9yMpwp0EZGYMQIK47JzXi4mEWGbP1eHNApDQzRJSRjqebMhIRrtS5FnuTCCzJt6W/rMRZpv/5FuCiM5onDImtbP8sdrYxb5gwSMJPKiu0UkXOF+mmPOBLY+fpvVAsF7yl76olRylH8S3NBx3rMZCNPz5tfQj3pb9f86KWQCdCDkL0BIDsZmWlunEkV8yptXNcPJfjCDcvqdLPnis52wMSUXDXpreSdnMZ9TV5BrjR0zYTRoIXjC9XKr4e8Pn7c3JpzunZJk7QIFPHPYQ5f1ZJV+PqZPkuXiAJoc8nPviWGByZO++VCclB5oKhjI/AiH9SBH+vKRBZxLh6qbm67O0zlsb5+WI6+MFEk/SBF62YQPgyOauqLePodE2KnML56gAiIRbQESvQLcZg8ZWzX+7W/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BeiRc3vypR3gwEe2nd7UOTCDKoimq+xtWI1NXOuJnHE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jxwS0VsqlnsSJUD6tP9znTZkfct0BnaCG4K5ApC1+5B21dr+aubSXEH284fJkaAW5/t1XqQ/IxbPki6PkN9nvAdgejQKCKiaXHhszrFgIhmpWOKV+zrTJhsfIEE6Lz6Kve8kZuvKaVILWuQpiNRfEneHsfk0kpHC4CTXeSfpPepMeCLY3uSHzK0fARFzdyC28Y47UgtX0E+5xAZBNgs8tHeeN4kpzaPq2GBmQo4Mr5lKngJ0gcR5d5/HLsZ/WWVYUVTuSIYixE6ak7tzLusEC7P2H/DDGIVaBKCJQ+HRr//gCZK3zBemBNQ8V5naMZBFrLp1XVpW7XejSZh0ElU1r1rEmV2/m+15cFrrB6crt4sRA/dmsbwgg7/51936PAXexZyTKzXuBMlFj7JlGg99Lxcmo84or5yi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BfJGpY4AZDaqOdQmd/RuME6xPYbMJ46/x+PRFgzu7PE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "l1ULSAUB7bx9LIZVH04JHbMsRVzyE3WH87hRxbWyK/udaX5wCs1QUChYah3IXP0lFjtTBQk5ZPR4SUqFR8XD0G2WsxBdmZBkx/OFlG5sbeccwq0ADtQfdJjT7O1WD1eKkR4MfR+yHDL+pPe4gPCulqNUz9Vi1UgJye/jiigbgcMEdyuE8P6TeJK+TqE6rNpghFUmBvrJHoxMySm7fPi8iutsHAwYlL6hDd6c7Aj8PEil2zWv6LXxLkCTANyQqt8+ohYewdrfcWf5naqCf3mLOyO4EIv6eeWv3Eek1TpVoHJJtVixSP92mAA/K3a1Vups251h5rj6zbPEa0D6ZGU0Z3vH9dkWMqtnt3nTZ7xp8VYggSjR0tWlgLe/odmlrddnjrWFpORuqA3GNTmxpG1RmiqINLOlFYa/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BgheiDoRz9uY5lhZvGwEkCKK0zHjaYKoBqVMWjXT7DE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qnRs0sCR3jpDiK46cMw7UX5IQ3xzM97teHUnZz5xiIxCh1sjNypIjstKbem09RX+Z45UDv3dkrgHZ/h4IQJBZSegvc+tFrMi3KJKTFqhGqOJvBbG/zMfFgnNUemJrHGxbd+9LxhP6z88G1f5Wm5Mnldxd+4xyHBbkL8oZf7uIGIhG+oja4mWWKiSJl1uLPNjXs/MiYGQwCE8LmIQoYSFBv4JeYTZN2kecbW25XGcnQBNdYNOxL+VPGmqNfpgmuw+7PengyARwSyvxclqSV2hzcMZqT0XhZ0SBLrHAilHVbAYKeXaPBmt2eMPh5QjHvAOAccqcGoS9/u+PwHXNQwGpIr0hKtUk1q85+7swSfktSo/qQTM5JYEoYUEoQkJdZn3UstvizidnUXLBpErN3REDyZJtoJ0XmJE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BhXQJLxYdXtwANGvP6bjStb8ZKqi9Gvm4egXEnUltmM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dl1ubQEMccGxtxSA5HMn6wB7bi0p4KF0tSKSjCZ9vOTBH0a8YgrDprV6eBrQTPCUmAMBvPbau9YkkHY8gECQqMwKBon7JNrGufJ+MI8Y6a30cO/priZOMFrl6QeSSkF1OOaetmwy5j2dpB5JGGVYH2CDfxkXzICq8F0wad6zjMeAXIzcq27PXUfwjmYYjmWfZPjy1R351KVguva4datlMMN074LAFMBM4A+gEFbZWS+2pLkUmstnwIidubTec6Sh8zfOKUB8nkycwhWJabQRtEosu56ibJjBrv4oK70bLER2QKK1qyK9eiYfjK5bCJ9zmV+cRPbSI+j3KDqXunD7CdPrvAU5nBXfynjHqiGMkZi6OsCfMjdmjDU7b/+TVK2xJV8Jz29YyREnnVzCluKK9VrolAtpwxTH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BhwCkZHp/ASMEtKRA7Rperf47bEeF9WOnTm8PVGKJGU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sjFpeEk0mbkfSZWMnu9jl2maLigtBpvGAQw7HS0ivEBqZC2+yPsumujWJ3A9HO4q3t8dALx5w8IQZERSbIJSJbFxZ0gFT/w70cxjmxI1vX2qm2rhpoO/xyHSmWoLwNk4beHArOLFbemK4bFESliVMqDXYinxzkEtX7gUKM1d76vKpnUxbK0T2UJ0lK7H/Dm+dCRJTIckbkd6HFQjKQBpEv5mCjs5EXU4DPHJcwhNBOdCDONGCVqOo+YW2sPUpQVlLcYlCjnFn7OmL0cmh/qDfAOhHDN+dM9bNjrJDWO5HaomolsI6B/lpzvMKzWhn3daXleVGeuedW4Cp6JfIuNoXnHqbVm1a8fXkTxurPVwxuXPwttDRLPHQfiVEZITuwD9zc2FZArnOOLCfoAg14vvsXK4QO5ygJZa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BjCf5sIXlLc6ZdHWQ2UjOmrmAUt2Voi6NzUPNEqIz2k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "J1ecyBKxTjL3qEDvpvlOoG2WPRVX73xK7OF6x1OgXmoSqf+e/tcBZ9uZQYHsO9JwwmJ9mgzjnTZrV+dg9NJM1fXR/mahvhEfv9H1hABUgsQ3Q3n6/lcpztgfJpO3DeWvm+8B2GkuulThwQlgHF3Rsr8truk3Hkv9kQyZFnKJ2+cxpRhUbqh0XKI+vMRb4vi640V7HD2z/E683VquQ6a6Wt5T1SRMnhJgt2woVAdJmBklbw2XWl2dsDNt7+RKi6creAqfGBneW0py21mkYxQb3zd0/SHVReXlqTvOsuLXNKqYEuPbB0L1x2OOQHQalYM415j6WnMQ+gh0XPgN0ueLZCHbBP8P7m2F6H3O94LElEifs7IS/BNz2gzka6192t+wKF7IFsJXfvBn7E66iql47w1354eNw2qP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BjrYrsnMUHnw+urXLBABYn9EPUozHuL/K9tD6uTguUs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AnfADgq8cEZtee+EUgqgYPL2vlf3eMUtuYu4vGISpGJgjUoHNDJgWcCiNdhHTov+kuTdAR5UxOq8v7AT1LzBJcyh0/MRdWFR/aFOGNeeVrVDHUQj/526+zM9+7ZXSQPjJjdviV9XxdlljngtGU9wPtYLcs2CckANOQmJVznYOlxJI1zTSph9pdLlxIYtxJaTUTG3HTRdSYhGrJyR12cRSGJzknbQtH46VmBxLNOpCQJwm8/2vI9IctkIPcKucwdwrvkeSln0Ldb/iP3u6a/nKHO6hSLYg2g5BPhzJ4qC7C0D6ENMNDyW5YKlGdLKZDxMqgSmq3Jr2STugAc6ZGqcDz6eQeRtdNRdGB5jnbhF3BZ2kZ+WUAzvGwZtawsPRpAg8JBw4SQpqT40tBOif9NO2/q6WzZojlhm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BkK3NOUpIBdYUoWhzjeFK8yJNUd3su6Ir7E6Zmx07CU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hJtHkA0ORkYA3L0t4F6/m3c4DvBNQa9s/ZnyDi2xiAUkrS3cYIkauDpBMCjcNm+kLFZCTmUh6G/nAvxfW8yEKChbE04/4yJozmKCdpDEXFMRYz7YeNMjuktYubVA1JNvZylCz3J+l+/DyPS1YVLAPaXl0yGagucXQ7q7JBfyozDzFCU0QUrfs21abp2xlAqiAoYWwMF/TzEGl8QupM2X6GQ9ClrRjUFeKNPnXnd2Awu0L9RLtWg4zwx0QALZQL+oFPQ5lcq99H/S40AFmo987AXH6MK3bYPfGVSRM69E6NRYS1ypcUJquohCqkhGaNWO33iXEU9Wm/sigyEKltirBFawVpKtcFkcHtt4XNPsan5CK/PviCQzEzSDwTNKb/MZI/7i+pKEfjkg6K/OFcPreNuVXHDWqIz1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BluawVxE71T/3oZq2NcP/zIMSZYyB4FOsFIukRp94MQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "C3kYXnyhNqda8bkFvGVN8vKc2Yq/IPD2IWdK4cjGK1rNSukBcXWSwE9xWgSjZLDnbJKVmH0X4cwlgTD1Eof4F9YuLWQ+QhNhHiRUHNBcbeqsWuuKWuosdPtn4MivISbiN7Nxez+D40ZkNfY3u2RSawktX+8DWsCIzywvfaPWC3nAPllbGATjAvf5y443uYCff7qg2bL2hnaZ+WWRDmCnpVIxxwVWiILugZZUaT4GxFJzwb8j+jKPbe6Bl/q/BinJEuOXcjNkjIHoF2GTq6eI02o+GLv4drnY5NIghOgA3GPTevIgTb9j8cxLmTD+wuMrpm2YAKyqjp1dgEjXb3LHCbrAZO/kVKkmxs/q8vq4Ly5+cTCDsDCfxcssq5u3dOiYX9NNsxWnCaFGrNd7Ijlwm5VLNTvOEl1p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BmgEz8o9VD4iMS8FqB4GwGT7mUcrzaEZwFrQveVHrfE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ohEtRZAUSV0WchDuJfKsQZZXO+arBntybnI64MGiOhyCZRXXZ03awDIOkpiL8EIovUjYyjG1rSsYHAPvTqrNzTuV3hkzOuzRE73/4vnOvMshkfFiyV3YjsbyLIK2fBe3WLeJBd4VknaEC6ZlYPIER38RwHY/WclAFfAFXNKr157nIYGsMkmUhdLOrMwdA/lQiNv+gzkArgu4fXxmsNxZZF5jaduTR0FxraPAy5pMPh0jXjIKquikfTYCBDvFKazOVUJRjHRLZtQUBWTt9G0TmupkeafPBYUbvzGNWMdsF3IelolcZICZurQSaWV6tNkYYlRVIvXd8JidtPAnu2EkC4db5XTF8a0e8EEqMxDfpjhMxvfFyqhPracuEj+W06MvTy+6Le3s7pXbZsTLGaJZp3Hdb5xqMJtc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BnS8n4GxM0HnHjzlR/TkSgLIuvEautqUUO8KEZuyenI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xKrNSDWyOh+VBtM81NDuwlh2qi89VNxw5XeMI8MChPjAOPtvM4c8kRKmXeFRs39SLV2Qw6GE1+E6zylDzlZrUZfF8hJNIc1FuR/QWDHW1tcCN4WNQMdKC/s+KKMO2Ntd4YgJLq2lwUfBqTRPD4iMfnp9JZCVHbCaZT6UjPFNFIhLwbeVOY4vY06Ni4NTp/Z3EhFO/J9mW1+bBXyglzmYUGjHlreviMDsSFUEDwyVwgJqAOThDuvAQ3xOU+jGNCFfh2xpsxWj6IX6YRtQN3V9j2mhuKtjACoVP4u58SMqfQZtMRtDqrc833/Iatj6w7RCfuQETLB3kxgiBTFNt+ZTpG5Cf3tf/W8go1eu0AMldwL48goICyz+K+/dnPNv7kZeToz7WSVJaHx5JdnFkpCsv/y07qHL2CIh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BnVDf+rQTHIza540oh2bUhpdFRnm3CIkFLJGwxOHCH0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IRva0pX2JoklVqBURJXQss52eKhiXjo6cJdH8gM/0BwXSyuEPWAw5znRW85lDTwH60/SZNm75yTZTjUXdSRmVkg7uq9QsuwTLkOF+54bY11H4A+FxNpQI9K6IqHXn/wqB/LnUmIS2xwnsJRKGM9DvO2kMgQtPcfbbD0LZ9uFUWG6EnneFLNMPyJLmDrOvvUD/1/zJLDGZBGfwCDMj2lNlQTLYTnYZwxFnpH4eGK4ImXWVTHzLFoeOnBVdq2qtV5G0YYOYbjRlDjW9dren5pYev6t3O8EKiVqTM2EZEuRVQn4sh3t+qU2sx+evr/XiFVmcKRlRpCDYpRTjj01qhF5N+ecR0O45rvkYOrBO8ljUWmz82ijREQcdBESZxRJhqQbDN6X/2B/ip7qiZVdLo25f3TZjthR96EO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BnjpiqZ3n2X3GVeQLE1PyAozA8ngmGDiv8N7/Tl5gcc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WcUZlPvKQ+xLtuV6i/vNoIM1WuJz7foO/ODAeONfglNwdvjdbky3x4OBNMt7OgGld9LKG89YCgF3iZFR2s74ygVMrM340whmo4i8fNGzxJIXoHusJ0kt14j/nJUKe2ClkO7UhuuHH71OGEcRlcb+6OChoCjcY2Zpok1PX+Z5yGhgn9SGQNkklLZ9uLPrfzhxzLLH8QwXJu4GzBD9p0Ae/jDKbYREpl+pdw2wSPNGEMXPTLdBF0lVh0rZamEbKKfrUt0VORdWFBsAdLSP4KDux9BSDyNsMGT/RRb27+rc5dlJMJohfMMm68oXXRd4KNYuhAukp87bFavOrzU1oWk187sg+96lHQISkuQP9FC38pNPizbV0+dqss2z8BzI2GXE6qmY4b4FbKkJ4QW1/JPLUwYUMzR8XHVT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BoAtwkT8FHDeCUJiKPr75NL2IjwlXFJp1QdHA9eP3kE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qzzANZRJU4vHjoqLYS6hCfjzF/8YWopi0mnkeaAdnHGU1y7lke15v8nHDaymo7oyUvIXVyTY++5qcwrZJq8jytHW2R00IsupziK6qQcwCTb82I3DXVRdkjrheY5Dz6PGrknrorsxTU7PGbFF/MOE4WGGjwAgqrB2sUVlDmj8VJWDKJ+ZZf7XYcSghxD6WoiljMlKIhy9axKXvS/rzueVHLezquUSbRO2eDKgQVi0nqp2RTl9Zazj4OMFK3uvfcWtga4h2fAm1y4gIVwMrIlhW+kMw9nWZK495T9VePOYmKmkEbyYtur2+xV7u9VeuviVqDSG/TUCZTagCqRCLB3X5feq0YeTB0RjU97zQaQI9PnBaL4hHYSN96+JD2jRmIqCLMkB2fuk6RG3PNDD5T2nwqSS8Dx1Sl00",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BqDIh7ErTC9D+F2tNJ7tbQS4qi/9mNAzMO3WOPR+wpQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c0sWcXiXoZ/jFy8qQi1hZjYHFFtdqXmXrX2r/+9CxZfbWaBsEZVV3eAojVvFIf5potM+7alX75G5EBcE39W/Xw2Utat8ThbfuPP8Ax1W6lh2/5eJ9lBSver0D4O4IJBeEp4sOtcCczJbUj74zT9PS7CwS2DvOFnasjrBrvl1oUevktlUGHAHGou4cLo05CsNfYHOpghB+6AzKJ4vTc4O2z6nhDcOs1akfpy3D3Q8nqJKdQfXG9Uv2UTtGV2TY+d8zNVkNVgf/7DVterC1UFt5JtP6yOy6xEKTGMi5Iw1TTzOU+AU52loQWgtc7CSxwkOb/4BgBYN4lTacs6zksQC9NZKuzPiwHnEbwXAjf5qox6VX6vBhz3DR9lWhvbhedrld0vIiR4SKlkbF/y3F6vZqlqGWbCXa7ZL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BrpNw0tv6Q+twi3mU+77iuE+1thXsrfGYyYrkvspYck",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tJZTvpDMuyFCOf7AkBtnqsxUoX7ojtXa+gJQiyXZr+4pCL0TpjbNfMRMEmMH96D3np6IPK+16P7BHZQCFTe9aPrsvebzTT9oz8SrL77bWarH4CIrRS9hK7KrfhFb4zlng1blUKkXdaFljhUvidWrDhxxdB0yUOI4LGUy30YNFAqbqv87TzURLF1K1aLIA06NmN3DZQGYGNybF1yoVrz6Txw0ci9S2AcCnVe2J9oxkvEH5Vn6CPmwHzgWp8JBrNlA2w7OH3qiyBR9lP8c80B5ugYTmoSiqWHXItbF8byvV+c8as1mSpXUK1xFpQg2y9RpMjieEZzBFKI4yTcosaUwwzlSYRASbIyAjTYsmL6zVKeoOr5AnswBBURKdl6yhZJjyLF/GgLvVQ6AtUvNAFVMQXxKdGwaxy44",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BtcdQTdvL8liXO8UZ1H1XLG7lAjfDwG2G8qMyH6OazU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZO6T5KRqECcggtg4pbv3OQ9pZjlboPWUrLo6bLfKcfmbgLnoH97l4vcGKhwYCu+xQ9HTfTLT2j3QSgelsbTHPXs3OmJ82VX4ijK8JshVJjQMD1QuP43W3Z7RyqY+nCJMXjLo3EyLgPPpcSCRRWJo/sOLIDJ7q3mbI43BCFvUa7qs+N/4Crr6FXlZlRYVfNDm8nvgvQk/iFyvxp4XPinEAcTfHU84JgG9aa+gwUE4Um+wC8ihBqgUVSO36TQEstpd51fZETrxjSOR8QwaADBH4DMekdEj/WG3aD/5Fvm+SRYJtZt9HZuR6+BAxCUZ0G1WoXk/4yjdGu9hH1baplMtslYh755kT5wAWilQgpIeiFOrvqFy1qmT8jQqdlLcXDpi9iyFn1F5dmjXzDwJHahtZLyPOKPJo3EO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BuY/+l7jSnihSTSKuaPaeQMyy9AZlCMv2w8QR1ywXas",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4hd1IfS4xwtO1VlVtdVcyDQKXxVcKgGfLgvbagUWbgZF8pNPwJANhjNnmEOCYGm1vhbddAdatR6aO/zOXTE6rBWzfA7MX0EJEV2uTDcg2jgQsD305oZpldarQjhqN8yxZ8z1TEPcRBtXWq1Fy4iVZMHarZ97nFIb3141mLb3hpFF6t+N/vpIuMNX3v5KVPALUUSnZed7G2H7uM2CN+F5Axg4Sao+CT2sokSUovzS6AH4y1Z84LGH1LScbpr/3QcoysBx62/rpthYrJUeUeLbdwae9YqDlVGmVx5oDmC3qyZ5YURBmJX8pI/Zt0pV6AEcgaeqBS1Dt0r318qeNf/CGDobZkMBUTI3pLa9GVIgq/h7OOaLUk+nPc0g7+dDUbb4KovNkqC7G3kf82kX+JwXEKSKZvt3BrK5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BvLshBz97auqecaqxQNXu11AE+RbIQWAYqTPBiHUNjk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "O6mdqyWq3xY9rkoKTOA3CqwV7rgc4QiOgcZwlDNhnHtcODvbOd/yNxgxH27n/qllC7FHtJpHTD1VzASJjuKRLgcRoclD2mECrO5Qhi6JoB1TZd6Vdlz3a+Gw81+9kcAHq/u0b7q6UYx3CfGnpjICMb6IRVy9HvZ5Ml5nE+s6zWMtj4SN6c5N3RBXeS1myvyXTOeyY0qR+p+3Or9UguCqB1gSQCVb1CyVB62hgqUj0Hd/vqiLRJvV9NQH4pZ6nRJc9GP8EUqwZradYoiImGCmuLwH2uNiEtic4R2AVbelfdrHnXqCYTJmA1zNEGel416JP40nV3Nps2tU8IVp7y8rl7sgBFqQF/bIBzR78cczvU4ivwvVRdj67THQCK2V8Vo2BesISSUhTkzWu/mkn/dnZbfmpy43jdBd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Bw0ClAMJEe74YODT2WEVX5mIzH85pYITSuKdEPOBQ/0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W0lSNC0YZn5PTIr9idX5FKhnC9i44eHFCdSLk601gSltGAkuhL+s7d6QpGFOedE0wNyLbmfBxdNS2W4X4Hjj7mx3RAqVBD4lIsjv4tkyojSXVSMkdBl/KhEg48CB28qJKeC8UjYRIiA8kh9fWT98HNr2vC2iWYjx/MyHQL/mFwhv7sIo/xZ8kuCpJwwtNDORmaitUpA7UgWBW+CpZFFZqTS9YWJ6SQM99sR774OtJ8BgfUqqLMQmZA3wQ7e1gf56seqNaXEImhC0COSElQJg8rCyPyPSfIpr83KtqmDkLP0oKAfK/55svZv2eXznnfcpUXgDlLRldIQrtWsyO5UPGKp/7Fvhaioda3m3YRelTCljbq+wSXvXv2EKxuKwrT35A9dHjlEp2phEItoYb/GIhPehl5mx3DMs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BwxJ6zLrpspG/N4U+9zzOvmT+tVQ+QthOBJoyJKicUg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Xx0EbDnuCcjpUhpfWAq1rzoTqDzDZTwZyvUdiB60Lx5PCv4TuzCcEKmEwhylT4yf49eyHjNA2bFh0p8btP35CN+YCsGf15io2twWFRoV8fWPsf8fOYwRvnEh+5fTaJuGaDI4e1U/4d08/49/7cQsl04GBbzTBlXIQOrC7CdpLCTPUyyYvisZvOqE0d8CM9LoGMRYs/fPY3POX0BEwr6cjlPHRlc95er2WvJJpeoBCH5e5mBKyJnTdSVdLhynsLJ9CRObF57umoysAYoqmJhaNsaRwhgUXwpekeMoD9iKz/6TldDK+OJ462PspXDqY0am+QuYo3/yvx2/E0bzWQZ+oxIklPE3lsuisO7JVQBoX9bZnfbEda+6pbzUbxqbk5BAMyF70sIFiw5XPvccBmw/dpgGh6pQqqfs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Bx0t4H8ANRSqXR1D3/EIgic44EN5g0mZADIihaDPcZY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xBzPy31pMhtkDydKeatCcdOmKBU7uehlU5YHSQnO8jAoMQPcWOqlAORsIRaZBHf2pWQnvwnomjyJgJcdRwy1fmDGZFEUEL/IsnBdq/SK+GDMc5DetWiDyEhvIBFDU+n2jOjrVg3XdbbXZiKqM7HgVE1jcRuqcHtoW1takg4brmBA8AV1UFOqPoxu4/12EDL7TfLp9A7l2dI7/Ri1rmRG1wjRb1/2QStpxpPP/tghwfWy0lYc7epnzcTcxM5rIPu7o2+pWyWfG1h8/nChK1JCUOyRnCOJPtIG4BoVXxOzueZDAWulgw25lMyrGMMPLGrB9U21uwKmBv+Z1Oq/8lcjkYXUADNlzUnR4+hUFK5iJ0Rt9tgXtIkmTpjipsjUEx1Jk9l+6EDsI3/Ii/UEfZzewF4P3Gm/A8DF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BxnF/oP1mNFQ2pLZ0FlJ7wH/Y9AOof8gSrGYEthKP9M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "le0W2sMlewwFjiEhuQFwbTqmVzDTXrTi4jcRjsMvRVSPkxZyS8tRCcpYRURxQA959AUoyZCLxwtyu2106MsGeiuBaHq8DO7aBSMBPEC/9YnrlmoLUH/m3mwkQgTWnJeHcVp25cH4eqCfPuXOAVfUiwSwR889rFySoZg3+J6y/UpGwAwafXxQ0rctqq9t7fmSg3EaiMlLygPI9jOTRdx0sOMTPSQTfByWC5+0N3oqmBYnG1ykCMS4Mi8UK8d56WtEj5YQF1hmD5W64UE2bPMVHoyqoLA3nPEZHExH+3ibBllAfHFd7akWaH/DXt2YffCcK4rqAJs3gPbC+AiQHvVQ8eMG/hc3vliZTQgut/qOFBo/hi/h30lOzAdBFfd9O46Woe789BlMFnnBtMRo/cMcAFjoakqeUqrc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Bxq7UnQG3+GVMPXMh2dYNK61jlJ4StDFaQ9gEY6IFlw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Tw9J8aocIFaiHk0VYCB95l0qdDpoJ6y3Qus0t2NEVcPphsb9cqcELcbij8+PfyqNkJpn851DhvKsYD9VjVJVZUOsbRXUBxyaW90pRsU+YaKcCmzemn1MIlUvGrE91wwDmuSnPWuUKArWDqvnWHCrjbfnxKv89H0AiD2WQlA5w7mnJEtw66Ky54h9/ZqQ/fLLbJsg0PxSY/Xn0X2K3uHGWlawPIN/m+UZWZsgjA81aZPYlug5+DC/XCzLu/1p4BBryEKoJU1lKiStkH7ocaQwuU/3q9wdSIFEm3wluXCV6Y1eOFGxbQbilDGTn4ym0UU0wY/rTCohz8IrdFhXAReZF4Zq09UEN+10CwugRSqEr9tT3lQ1pSm7Y6X26qyYNXNYp7romb1dmHNrVJKNbc3o7Suo0QGfrqRQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ByZ9TOkWgoz8UpThh59XapuIAPhAiP9VezTw8JBkpY0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EOaPn6rdj9HT6fbKSfjdoZNRZiZ2KUfFwZ1JakH9WZb+2a4pxVb2HJgvmCc+gbz+jxhUz8djsEao9xsbBJ/gYh5rHck6sxN1aKo4Jwhqvaoqk9qWPDVZRbfRqAKgT/2mPHKaNs464l4oZQMi1mphl56B8nUIWMMR87KKFrDqcW57QiOMNgAmXzWgBJRvfqxmk4CkT/Siwp3BgfwcI5MRMThtgV/Qd00k0mieiSF4560DNccYy6NNG8TcH9CU8+Rpy9TFMOUL0CJYwOX8x7Muv+YZrsztIFzvvK8RDyW+oPVKj6brxOqgrR45STJXx4f2r/1T4lxQpiTB8qdzJwBvnf8z55/74BMlKqEB7zO/scRaqDRsqKrXCWQMN3V1D09oXNu7j6UA9ZwDUkLD8MfErbiI4UqsoFg0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Byo1hoMJkUkWMKDILAyYoyo967Vf1wpEmVL3yv570SI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "p4sjtUnhddhd7XI6W3/O1qiKe810ZZrV8QTv1KrWOYmat+FVp4d1VsraeHsY4OLLNdmW0EjPXg2kyfFsPDkyTPFKBgA32qcjuOW3U4hnMkhpGO0KV9bCaj7imyjIXGSnQh5Z9IdPb2eUcJj7RbafOvyBHenbKPeoZGAYPW5ecax7RdxBKXH5+LLbFvYm1+pl7NF69lpIGQBFvUFGQy7NgQh35jbcaGFI0uCofvIh6N9XOcL+R7+712dqtTYrd6rHgdB9pFnu4cleVkFir+gHETeTJwA6WlQonXgn0wn4gLXRw3dAh9DHjURLr4IKSFamvA1N4X+zsEH0/ZkoQq48wo0hpsV6Qw3sVN3kcDeso7HX3mgHx21ydN3MNcuAK0LArKRlv9Fd+4sGG1JgXNiTvvPSuL0nnaYN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ByzH8mXOjnJL5MMae64p1/22mSBP+gjCulmc3KSXeMQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2NW8y5rinIR4sL/mmNe+JGoryS1MBt50hvm41GPAdUIjMhHd4aWJO4R79YomjreXuxDzSVBi9zxRS5VLhZ0G1viWa6I8EZ+byZUrOXqfvE4ZVQnk5u6sXJic/YXDZzE8uIgicG1BNkz1njKjvbSn7vPxn1vu60B0s1DZ7PMKNGjk1cCpQ86+x4Sboon0IcxfunVHBgzKRzDQANzPozwN0XPICXkJjHlce8kj83uxPGG0v+zp3e5aDvMIArv5fvB0qfphjvptDDPKx70v+QkLBk0IvA8mckJQa4MLw6Uk4/HPUDkveywHhm22H1ah/TI2F3WhgPZt068XlHmqw0dTpE1DU4JeiPoAQrR6wSWT6xgjO4MiPGkzIlCaykcUj0hXSaS0VCTZTzqwXM5CvQrGUKqZKdds/qAk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BzHtvcanifFARtskjCdNWdukI5kwQ2UiNxKodmpEHA0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7i8cKshP0eLd1x+LT7QAbls2Vew10JWq+gjge6hR/6Rr/wKeuIpFcFYsG4USjdZGJ6igt7F4BcVGChOG5s6YOvt5mqsBmmvHijYTX2NmbvEKIuuPo7Oc5ZXcboHqAxmKBPegPx9BwGqnQorYgmASFdsmBV4k6r2uPf9qHxiBZZ+Ji5V1EIN6sBP1C7kuqqz5PjPNi4lDLZXrck8Xbc8qOafHDyK4f94DeHITS9vRV8i47WXwKWHdBx9fnLY4Cu1teUN++nLqhPrn0+VqEl3/ZLsh+Rt2Bp3IpQpurA31MQfKnpK8uWxjtezFb72S7YFMI99id1Ly/d7E0xjCNgtgNq2QglybpiV9+tI4ORJ6epjiBb8VeT7aaIlFJbHtfQQskVpcMYkFwmV2ap58FBa8XxG1aX0jhuN3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "BzakHQjJHNlwn+KjvhaFE3audmU5Hdulp7jIvFjoojY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "84539MR4mt2SGYTJtSjvxjigk7Xxa38N+O1iOgAhyivrRs1N5cRuDbjhc6V/RX4MKYtPKy4qEAE243DwfoCaTkA83yXplAY8IX++pX4GgaK5oqEYg3MGJ4op83ZO8CEVx7V8Z1d8S54rmrKyLcCYs1QcLwFzJcOKLRqiIrJsjgzG4vkium+D/xQ6YHgcGz0R5i5SDV1BYJeEpTPIN7aiZT5nufpaBfZToENO+Oe4W216eUXTh7kiL5AXi0R2Q9Yv30u9OIKpKiRz4thq4NWRw2r/pL2JthL5ze69Y1+YR1yxCjY5tNmeBq/jqsVCA7CjLUpQZxlfS3H96KpbD7rCm7Va8Asocb7BQBqI/Dn2BifueRlc0A17vhsoVqMTgmQp/n+yU3jdFyPocu6iORNaY6LPo439p3UD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "C+zCeyvFM+UaJoNvRJjxISKfzn2JkzZA8yZpglG/m7I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pYivQFEvrdxztbYsvNZX/Fro3vrzF6Y7UrHqJiPw63E7AztGuDvZjPnrDUUaA7T5FttpNcAsyFXWKEadM7QbV+kVqEcGYqON2GOufB0KnkL7/zQGF0Mnu5JliS92e1TV/DeWT9czPNdqfxxRyxFaOcTUa0EvOXIoPcodFwJKY2qqXhW/z1TxWJAfYD2lMmfvIZxhvCSgtSVvQwQtr8+W5RlSOaNqeN2KEHMuFF3u5LUQCSyFC/8NmwLGWrAs0JhYwuixTMJGT2SEZADg2/bhO803/nET9psNHsrj0VkZr3nl0cD13VBRU/bkILrlDyprotJtsApkKjsTEbhAIsaxEzJuAjVgQ/a34aFos5WhECcJglhfpu/ugnFLRqNjxwF1XmXqQR4wbFUloMyGsK+GVI3091OOANu/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "C/gjF0otbAdOyej9gSIC6vJDimcgljfJcBH+stnBwh0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Zsp6fW7SJV4lsX+EgTg3zhr9JSnUUs4SHqaYb8eOzQN2IpxqygMzlkg7jHiX6d09DjKd4LtMcQmYzMfikm60M79I/PJahDHl4v1/gCxEBeB269C88Q85u2zXlKZ4UZGJd/jnVQ2xDzv8MubZUBlGo2O4Hi3E2uqfEaNgYKKHW0YPC9Czi3ZRhqMvzkLkqw/eYhtcuVuYe45KIW2PEeyag2FFDccRfuD30RhSDgX0IwYMrjlVHW9/qkRJEjHfMlY75hlW5FJroAuo18XSTzyw9cKARv3g9zQJW+odBYT2rSPqX8dOFck1XLAf/J9YivpXFd7KUgjDRv0TreNbfYTyVNvMhHAKoa4EABoXEAi1Xj+uX6A74okyhGWnJQEhEjifCeui602q8IPZAVl9M/417GC4/EhU7Xdk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "C0OLFDts+OPxD4w2uDcDeUD83vMT4Z3UNdTd/xkAzdA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kGAkgv1rHoqnf1s2JplNtHNnaiSKNOZI2s8tEhm5coMAFQcOOqw70PPsUvYmkdqkNZuQwzqGJEzvAI9RlnGhiE1LB4LKbav7ujavYGU7uiy5ZA06q8T+ApD3kcEX8Fk44ZHeQ/zuKnhtGqqcyvoe12Dm2CHzBHFdbPsfTHupyVVako5NNX2GOelvrtHFNkbZJdDoZXOnBMg2KiIBN4QHIKXucQNGCcjwtfE3U0FF0CBagnsrdDwAfYDF/njq4vUIlLqiHkdamsR8ytxNEKEc+PfSMTHMrejoKK6MFW0CD1JrEFIv019EF1dmcFXMA/FHn2il7DvTw2YCYOMWASJWcsSpPSFz3Ud5jTo4T8ZecBHyzdW0nHfNSDy6YxEEqNUozY246GBYU3wU9888qtliKWHfAMXtCyX2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "C0s1KPSIORtvGBzRPoGgstqU3gq0SPfP3pvKbEuuREQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hhU86NgEV/GXieCDjaGUPtJWiafCDvebytzGYWq0sCFQ4CggGi+3xPPFhfZGl+/26A6iQv6PTqyZc5k1ncoyj/T3Z37UWnv0Rit9AjSFvLY4VbQnY1i3bTVwa5z09iSJoU7mZnSQTddZ7rxQr47LQcaXVlffyZ9t36+hNnVrFdvUNJw9ohAMYmCqu1i38C6qaZKJSv3rxd2HtUgIJQLnVnUW/SSFi+LGnNv8wPaeVEz3HHGAqfxvlWKcPW7Z6T3WMx4992Hu2pDY/+YaXAApDcL3+jwNAGWf0QNVUNSdjYnhH42zO8OuPBEd8/6VeDLVBzCIMnkgv3dhPwSb0hE1/dCa2r2pdNXcl9/5hbSZNb4U3hW6gITN8GGmvTItXiztzDF0wSpRzmYxqbIZzYh3aV6+IFRPwtqw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "C3fGx1lRcgI5V+uzfM44iid1h6Jy6keB5TgK2ZZs9Iw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N2hr+Gm/LCqYjj5Aj5MejAPKQKpr/frl2QBBRI1b0GhvJBjbqVlT14/Zf6+NrRDGuYDwnKa47MYF+TfxmUFCKZPejHQTqV7Hvy+OZ45aw/o8SKVtQKaf9cSHsN2Mn4DlJN/My38DGj385KNNePMxPy66lZXpVONzWG0Qc2uy7WYkWx3ujtgGOXmGjz3YuXB7iltNCenULXSyhETFjB3cuKlD5dpJYW1bNtpd9OYhN0HEdepxBxcHNQjQyXNC4BDR64vE0icIkGVRrcpiFA3F8IhvCrCAhhdWZT1g4duAzUlHuKpxlqrv1WMGG1Fd6qxhe0C+zdOBuL+tXe6ps8MH7y6v8d7GKsMx2CcbOSGK4qVBXUdF2SyZtStYPwOs5ukYd6KXM6qED2uqbW3Q8rOFE0dqGkAKI0ju",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "C3kpkPUmPFjTivsWLFIUjZOUlU2jS4sRz2Y9r1c4txo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "47jQIBZEsLdjxu0CIjvSCO39W9eUkiV6PgFDuCmuwicwAOulYP6fwQjDDhX7+ZL5s3gibWzWfWx9avfQosAueM9FBkmH657d/PhdP1PgX8R3U+4R9iTufyREcjwL0Ap0QS7XMCNMirQBAH63KOazQAfEJxseRgXYX89U5OqhTRgIt1RUCgAR88ETgBc+Az/c5M+asna/jb8EgL8HeFCBnpchXz2LbJDFk1k2E3DK9Zq+cxVE68QbefUB6Ygk7uqvfN4szZbTrW6kpa3z+lTOOq93OqB+nXUsMe7oMSDR6O/4gwSXnBwSK9smXyWfJ2Y2O9Nk3GYWwFIx01JEWIF3hfcBb7PjmXF0LeqS+1JbovyWlbTnpW3TBUO5q82MLhbZZvfYai5eD1nuZ8m4dPccJ/FqMnG4RgZX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "C3oO0kRPo9UmDQrofgFsC+ODkVrVa2vphon2+K/YCHc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "C04dbauYcdbmzAakklv9q7fm1Sd6B76KRCcYVvJLtEupwofhQR04jJJ7wj3suEzOgMlqkXJyOIGByoPb/pb4IZAkInH7p9UDd7PaxC05qQKjyuAkGKZ8Jh48SMjE1e53IKvAhSOnzH2C55HpUP+5HGlYVilyg8/8HviyggZn/isASrhS/wZpaAScLJ6rHa4tOQqKA/I+0gWLQoRk9t10MUQZdDRIEM+UXU47cuzoKVmLuXVDUtKtrclbuk/lwoAoW2yx9676YAASNA5Mpel3ThATtoKBOnMOE8VWXIYie6YAkZWOBXf7q82MOLleqBP+N+6dapcv7amHC+DwlHBDCxr/+nX+3V2wAqzvARRVhHiOGLlkl6Mg2kZMEvjfHYssi0daFGI3q8SidW4a8dhvgRmhZJiMqwL5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "C3zvHXKCgqTNpMWaT6SKL+tx2wKn3FCYrLkAnEp60Kg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XJuAQfUSOenYhSbZIQ1bHjn0EK/aSFfsoh9+LXPxRe/9ks6nekWMiBiiZt2etiYnfVgXptAaUicRyha9lThpGR/084utIGvVFO2K+3HW0OR8xf+Qv5xB3Qt4FPHrPDZdzQZDRnEyvwlbUl99Lhj/vO855r46D6c7d9VuMNDNmjBMRe8YGrMMLWaLH/SdF1RyNIMgP/6RQOoHt9qhi0iTjnOEEKRYbeA1qJyTI3FX6KmkgSwOed2HUPMj+ZhmsWbfV4EmlTtXHesFlkUaI6qJKgbCsM1B8mzuOyeYaCH3n1LsPxGau5x0aDXndq7/VuvaV3+xCvEbhUpXMOi+Nbd0SGKod65U2BuptYwDmLaNmcnID0IIdIV0VWEmh0H0SfhcGw8ajlb3WrG0ol6XpamIRblChK0zyaRQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "C5Sdcn+ljQaZ5h0Z9U9/oJbYfdSHxBH9fBw0OIJ92Hk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uQAqaLO8t7Fvde6Nfju+KijaQCxAfcbjiJByeWnIv8uM51aTVSA6024mKx62X+BjRuPKG5P83M/xzS1uckUIxkDeZvRGR8YfYq5qfrTkgDHL7GYFYNS7SsFYI3SO4ZEBO6DDXhng2D8yxLkRviABjx6Y4svsYCcbCEnAvzd5fmIReUFjvm6M0v7XOyHvPU9S2lrzBAwz3IFJtzxYb9jNE0iaEZZ24WFR8omtaU1A5eNn+6kUnkgCaAX7KLwgsLM59usMt+ZDhFzWkUbTaPZlL79RRh1H4sgMEkXNsy2gwf/iWqoJXRmAHAgASb5xMfsR7TR6N6QlG0FTKBA6hdR7o2CW1ZtLqa51DLK4QUdzGJXOyU7ijuEMeh3grLwry/YasdV956C7vahk4YnGMoL/VMlKwBkq/DzE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "C64wsAQBATH+ZUGHsEIC6WhvXKYEyKpNWi0apB8Yzh0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pCDbQ7tij1QYNpNkrb9MFbPpBsZzS7r0gAFaMwDe2EIOYN/rthkIHzt7iMnPHfUhucmatP0jR0Za7XVCmWx0UDjmYI0LH4WgVym7/ApQpCLSiJ4CODavX1x2rmvV91ycdWFd4siPmgtP8tVVBxBJ24NqdKqJG3FGB9zFE5upQGNlwJ6SCQzScBrTf9bfdfpKMCpDxdg3TkngJxp8GbR00T+nzQBZgNBvMimN0glVmP7T69znMZsxwCDVf1b0EeUCKcL30gjDadWS+ZykZFgecuhxc5ZmOOwP7dLF2N/jXK2nCor8NGQ8LNXbTmMJe683Tjm/V9eLmh86ZFwpLaUShVwS0rtABK0OYqH6YwWndFnRq2TRbOZ25Z/+6/MHMaImhGwLWGMy4knOWTPK0iZaXhvTJ5biZ8qI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "C6fn+owdIiAPkkfO/r1HwoCGlcVYAkpnvJYQnW2+s4k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "X3IfcBMBUZpJ5pGUeMl521EbQiiDTYHXcJgmu1aYGbo6o94nuYZy1O28Zmr4z65K7FaOOaZixGNM8T8HZAPBiKcZiiSqU+c5d/t4q4678UO1H2efserCV16Xrx1iDuc2AE85mgJnu/xGk4Gw/tijfVkz+We51TsMn3Uqa8Ifm+XHDOBtNN9uu7NRtPbVmrBH/ebFQn6xmg/uDPwiMkxC2l0ITiLmbUK3UswClTW453GSwfhu76vdlNUQ+7zoH4SMUANKe257QmUFaCW8WlktDuLDz2J6ze9+/V6KOgQMKU8QlUluoUqbSy2QjJ8q2HVyrbD+BqVtIh4qDezIXERfQO89qSZQJdo9U9qoulmEjI1ljE+ZQnQKiqkRSMjD/DQfiGrJHEttWPCn2eNfbu1NzEXpl52mb6nj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "C6ivsg6PEaCj4uT1QFh+eKX1WoeVwyofiFtVXkQrnIk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/VlU7xA2fQtEqBYWdpsHu9y0QZBmCK6h4GkWrWKOoVsNKH5P7vnbkdFxsRcqkpnwZGBLFkP1RvX92BLnLVWFKN32WWz0m2ZHOIJYY/RKBFGdMjugOVfE1wEvsPDhKOJbOURRbA3INPAFzln0V1XyFLlcZOjW1hHOK/2mMkzSrOoQpS22JazFUuvIDHXG/oX/8Jr43+/J2FOgyY9d9aK4E3HDqp53kgIcgXK3ZlI1GNsd6fbmgSLHC3Fj0OgEXIFzEXKNkpkIjJ8vEEuX5TcY5eGG01QehNnziQEchc5l7hmhTjibPzWJKFgBGuBWQ07BRB3LbtHsNBiEvDp3kRhtj2g7MmdIKXf1CsinkdEQmxvGv7gaPmjAELxxQzxVcvQA54yDOdIjNsCDiWuhS/UTwEt0RiMCNwu5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "C8qS9LQCnA8P/ET6hMk4hDlnHdKpf9W7a647Q/85XuI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MnIpOKh4PKjLxnkKKultR7jUdmSs+hWmPJkKiQRF3k+mlUqI0bSvgzGr1zbb2scyclt1k3tWyzdJtYNb7WgUW7Bd0F2ZejnenOnH5/jt+NLZCSoAxQVQkoqMhgD6SKmxy7cATZOv+FvUhjnhoKbY73Tk91qmvMWlYqpX+MeoK7HCUwCsUgOPAFHsGkHIL7hEw1TAfnteX0RxMoxH13EJDxSVE9mQl1Fk5/SBlJ+x38EBWO337nkBM6eNxaUlxJQNlKVdf3VZC6NXs6kK1gqR5Nckg2/iqlowafMJhir2ZAla6aRhASS7+9YBt8RZ/EnAV1djtljpbd0AxEzQJE8hGcacXiA3NOXuSG2Fu9m66E5BXVSCbAW0SiXJoOs/lue6CGasa0WyB/m3b5/Sj192H19UCBSoafPn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CAaO6kiD+3kf+1Zn2yNqDQ7HqTo4FCfInXB+e4F4/ZQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ckrxGB5oGICucOSt5uqI81R2yAuwGjRvEXainOQjgiWMHKQcb8M/9zPvRbpH1YjV6D5l51cxDrRa8937G4z5E6vuFhc9YYBeKtQei1j0pSBGBSvZhWNRTJwUrligzd1WZM881xyblmQOfHEjwraZwjLz8G5M9nQd1NDYbPKaocaqGpYYJ5zoqsizt6fZH9KAgKAoEtLblXw/xJh4oksV7/kiSz1EEOFfhcMNt33Si+T1pV3yX6ODpcNisar+bw1VApP3ja5l+A52HuIzwwMJWsoB3bHfQC16RDPF6WrRloXtmLjdEiCS1BhtYqweJbmjKfCPpO5ab45yyLP3pdECoS+CZgUzih6J8Xo08t5n/Zj9i1mJerEENwc3e/NcVpNHERHbf2BBQvbUdRT6Speahpv7aHp6cJs1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CAq8/lXewLC6RvmUZATqBkqmc2ll7C1E4fdh5xVjVys",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LMJxN+1jLFJh9S50xVLvyLkqyjoN5Bt1jooL9Z+/St8wPJRxCJ59jpy5P+2xqmEE9zZzMqAkRCKRXTge9Ixg516Mbmxt5Chtdlv9MV7rlhely32joXmaPCK/Zr/31lv14uOPSZEaPPpwkgQyl9xkCNB2T2K/8oq9n9QJTTArhfNoBZkLRgyhvWOKDxrcNKucMiZd3pT0rSRAjpJKyvUUXKwG9C6/ho0bFV7Nff3QgW8PmlOQvb1v8DmlaQMQJH1h/3E8c5oNJz5z8mRY7C6XzbEIPjEvUk60VkBK0NI05oivqw5TfbcFIlUYI8A6YcrU/tO5nhkZxXPIL/pw2UKSXS054v80fCAFrYFvI08d4b03fr5Wqqsaa19es82rUVpRxEI5aNHD0HyTNx0V6MhpNkUlP9PSiw6+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CC+GyT3utzk3RmZnY8Q0fBqdv+TO26OM4doCNrglmdA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LhAuIbNZNW+FIg/pZ2LIctkbqH0cY15P+LsKgzaA8XzcL9tcmKNcqgE/MKrj4LlyC0o3dmfPmUbQmihJ/HQvF6CnYFO2Ub4BCP3qWkUBQBtlFxPLLeryYFAJ5FaZplj6gcM9/y/vG8IVKCXxJtPUcq2jgd69C5bAppNHsg5Rp+7DNEe+TvwKYdDLcPswNzRyZcbf8SZfAWc4N6h8llKXyYwFrogjzL6CMeUJtx5S5yr7nYkYFG240395pNSjbr1v1tv8QfiZwaUzPGaCvNRCwYvB5mjaDQO9rmhFeLTxL/0gLHbgblfeGYs7pHSWL4pTSXvYWJssRZHAt7y6tARH8TrpnauiU83QIZHN2lrW5sdCUKA5sFsAPHKaNRsgZD2elR8KP36uigmVj51hEqvfjX5Hm/gxE3x8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CC1QZWJonu9TTJse08JFLM4u0kRyVhGhe50XejskzTk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+y3Lf9+J2gA4rdvpNTBAP8aiNCRmsV/hrwzzg2gX5uofTHKl8hu5BcjHjhXhQLRlmjwzA+chOVrcXecKnY4K1tZjSbjCaO5ouQgt1GSFDnz9Ictv+Zo+o99vqw7FyZJ3Mdfgmek+JeW3MWj6AVnsbsthu3xct4Orgn97/N7Vmv/3t6R0FBQr6wSVT+tMSQ+1DBfu6o6HMACnKRyz06EOX6S+bwCmeAjrrrcG+afKqr9nc59fxgGbxvVLHepqWzKRRumOItk5b21L81dfbKSViZQZ31EDJwu4lCoHhbqbZdrb3yFvTXGZHOjaW2XaPjfdk7cRlOFXdn21SeqHwYt6SYES9L+xjvFVv2SAest5zV68YSUAifEsUGxbTiCgg+BZ0KVVb2tesyoT4tTeQ5gIFpajbLLiFDg/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CCBNIobLDGDtzsVBJs0Uncwb91GZaUhoOWcLInWAL7E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JEoABuB0l/zMmBNvfBhR7gUQKWG6ApHnT95uETrR3sEM+zi3+adYRkR0kt0acoIkOi7M8VnKpWOIfM1jQIPzn+AGtImQ3dBNmoWBjFre4Ktivi569+1TtukMRaJJJ5bnrj4i1DI12Avj7q5yfZ3o6BBxu5HXJ74W8GyA5frPc9KfFw+g7X4IDF4WxVNRAK+VV16eOgPxfK2j+DuffLEV08Mx77JO6al8XUqlVFr3+6aUh002tQMlFCdsdySM69DKG0P+rjufeawQHhnqLzTr5djmv/Cjz2J2/Aak0BFY6geSeSxkMUMekxDmKsbMrY0QVIFFRb8/1/9WHZ4SHDbSvM5J7tN597PTOJjJu/zrr0c+fa482v1ARiX+i1DZ/B78g4CTcXxphKoMWZjJcTfp4y79n4ooYk22",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CD7de0951Od+v23qN5Z5R8yRhmw7hNwBOwmSlhR9bPI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WVu9e0BChW9KbaUfFLzqvepYC9xQoEsZ6kW4wDnlJ8mmuRMJdduZhfR2qEJ9TTcw1a3BFfY5KSoF0HCEgc7pKaSEVMOTryWT5v8QDhdS3lp/aZMBySJDOgkEeg1MbPxy3hl0W89xmWygunXuG6UM17fT1CRSEfJCwHGEaRzsptUdULuB+dMRlYlSWlyI3zrnFtuQAzlRZUfV2SZig6IJkQ5Yd1mrd+8lwGjF305avCUnyuuo7qYMde5IRX5UFHfHMNeY5ev18HNHZsSHvJzuTdrc/fI0okvsJUhOeeV5OrdZKZi6A9hNOPyAKsTTHksmmF6GYwpcMucYktEY7O1y4NbFspzQVChs2Q2jnWw3lXemma93fHr1tbqgBKoV6nW3U5N+YQ+MK38ft+oH0p5hGeJRa58Xb9Nf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CFR0nyA3jCpzBRQTz8FZTY9Kx5QMO4CYc0tKv+kyDX0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k8SiRRGqjHApP6Oyn3Az668L5dDYyVDu5kCHNVQywLIaPVs81b0Zs++/WNOf2VLCVdKUWgV86u4nRwaISuThV/BZKMo5MvbG1H0AgPnLLqrBe8rw1Be4WmCs0sZen5HC5DngjOquXFpVeq+UuZBXIIYEht+Y6H1ATMvM706CZPenOLBN+3e9570f8eGFj55Nrg+TOKzyYQoqANKg/w3SPDYqjn9DhnmqddPMGOLlYO2ORBGUKwrUToYDMQgog3JGHoaCaf0ln6JSwf2purC0lCQ8/oS4lqXUVIRgpNwdvLm3z9eiM8KgC/RKQ2zW7A/9zGKHJv3077gTWN8Yn++fiuoMJsJ+9suW98Xmar1YWZyfUJUsx/SD9+cGArLpTVNFTjYvCcz8lluZ/lVXvpmKEL8BjOdmeyZg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CFs58VNHY1XQvtpwOFtniG82l84TG1wMhtE1fe90KG4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Mb9OZArM9q8NgJ6X5FXBnpZYD2GrTMad5OlpKrmOjKJhc7cjOw/oKJ/+xjQ9IxjFODOVWK5QWghb5lQaIGcPy6Hpef941YQBEfgGKx+pNRC7m64a8aHWtx05mlJBoGmKXWgoYc94SRKcFY6XsvKgXz/+DOjFUc81NoNbt85GWWneKOyBWa4OVWxPtrJM/PwT5NEjVxIrU6l8/iF8z3q9q8R9fZOK9V6IRxIaw6FdLpJqnRgAPyqAOokPZ72gU6s4w6Kskzy/E4A0NvcC4RAwzjLJ93V115ECRv/Mpfq6Dr4GVMp2FFv/IJxj/0qtnpVDqOy1n57ljCbDvAgz7I2y39JUV7EtV2QnVbuC09gzFlhoZToO4/229N5y13MKabZzD+hRjvmuMkNAEUDrhq1LPh9O+pa9TAYE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CFu++uxJ1CAqsE1C9yWlLczFCph5KNsAzJWRGbcq/BM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wzyL9MP1ipeC2mN9gMEwax5MubYAMHWUt+vU0Ud7qe+Xl7gjuXOtXlx0Hyuj0+64UAKVqxcI8tlxadd5rgGMve0EOrv8WbT99lUC0X5+21RrKGOBl6FwHlu5/8uB20Rra6pYsmqUcm6MhPAPf2Wo1lROWSijiEMxv1YKfs+fdtfOW1resmiKtBqJevPS44SlObKb3A+nB57I1EV1k+3WYKDxntGx+QDfSxUwRVxxkTSiz7et72OOyoLk5Asr4ZtfXTfsonu9dLEkwLxrSru/h+EaE8pwYgRqBU4tE7ijOPsyF7pOoCFqNjwpuoX7LOEDsmrPxESyxQ1p20Uk4NiLxtjm5dKydMeUvMNjte5kMl0Vi/Bi3T7Q9VeB9Er4vJKsmtyzewuOMRpGe3MuwBnIBz7D/yIcYe9I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CG/2CFJNVFHX4QUiJfkDSsufxP6OTQtNcr0iHJMi7Cw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZnOKNBy6Psstxjx33fh7tbrLi+KxGAropC18+sMePbNNLjTVj5INNiKS1YUX3ZXQu/gZghHaTS9ePufhwykW/Z6yJkQizjOBMY86zwz+iCZxI6Gpx/r1WIy3pLfgaHsbJkI2S1awJ6gK6QTVLt0KgmrVFpJayuRNXFISDwkN8cI8hzo3R0f2HzPWfk5p4VngeyXdcYzIbMCoikl3K4Iwz9v7r5gmF9B8UvAQddfcQTPl6/cx8fJFm8hSp2hdPvhUdBIUFqa1Lsk8yQJ67qd6wvQqGNEl8VJV65U8tjkg0Uu12FE+2oKLkE4hvNn4YbJ1am40PeccqjUDhvzFs7GVP7MJBAxaxBLcetzjg7ofinMAmC0Tjniu6e98daE/Xvly80vsPdB63u6TIdzaGvHF3SiEnbO8wbJC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CH1w7b+q3ByrVIM/tvTyhMxuQjl5SH++ScNveW+bZ+M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8zErSatFXcuYQwHwAYgr0JN0l0JhYP1ts4BSiF4uI94RoLBtrz+WOFXRFQdUU7KTdYi913KKCcvJYuM+pe5t4AbvG4tl0HYd+ggNvRiLMOHDZxtfwCGeWXLeX+kE7YoJ50F9Y91U9yLq5a4QxeOkLGuEL8IbyAqyPs4kBCRZWbiqK8pLDaXg+7NV7QotmVCk7Eu38JmFDwxvSdaIOfzD+EqDmVE+h/ghGvDKzS68e7z3pLOJE4qmKuxke05rfVkdT16FO5PpYubPY0iR4UZ982WBcbfaHOXTYNKiACf2pfdHb7eMF8d1lasSEoS4yQjhPVNaVW4f86iNXWm6nMWnM2wz6xjtPrW2o1WKvw5MnF8QOyaxlRyaS4r7AMLMULenB855uP0NUsDxW6ct5NNfdDZFW5blgqN6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CHD2pfRwnUA8a2iCDj6Lh1pe9sP7hi6IB/xdZxk6ycs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ij/aBVncG9Tw4uBlRGNQYGOWs4ZFuK7PjUwvx6PU1L+4/nT8QfmUyQGkKYetZEWBne9hSUD2UtfMQNtcEqDKF8QF84dNcUrkc0Xe3QXzbfAAEgtbB5hHOO6Sjcfk3vPT5De91oHqWR2IhiLUPcNJrv3Vck8e4HhqHukS5stU1axT0+LNzIOj+aH4IxFrYqgQtU23MqCFrdVj8h8c8oRUh9rGV63BbZMpVuYUMdsxt51z4ZiHkkYPZRAsU8v8/KaLMBhyV0ZQuZvswTUanolLFdsJFtHlyMxkx2QCxZwsQHxIfVHZwC6a5JXLV03SV93VSG5OA5GGh5X/oqn3xgk0WITGWtaGLcJdENtZtwSHUiTdT7aq80fYchxJtE4uE4qwb2/ywdRHicvqFbIkL/RciuiFFW3QIc+Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CHGwe/NBa4MVIOg1KIbDzanKhDrLr/QQSJAn01ikwdc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rKaSMcy4bw1zXSpKFTKud6hT0J9hK3kZvPGMy9gISBYCc2xtN/+VBdWhOut54tAV68GncYd4277iqWQHqaIYKL062J/UCygtbsnMJoN4cs1XZ1+N51et+1hV9FKBdbPrwaThRm4M+GgKY0ZB2zwmBDIqjtfDd1prlPB4l5aXmEwl+fbfIkIAhKNwOEtOFvq7Rp+6tVCEQYabNIaI0LrRCHnXEKAd0dhvJkKrek0wKO9yD6ONkWpZHyb4mdMARidWqUBtrNK9j6IAEch5SqZ816LPLT1DykW8sy66+YGmyfZvzgGyMpwPjVAUYHXjrFF8fhyq6UiRVZRQ+M5FTOzaTc3qHY3gVKoHXvrHd/5gs0+vrkFjAzOAHihxg1l7NhkzXvcZ8yRjz598C3yHljtFZO/L322QoppK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CHSQC5+e3KUxjwK75/5M3vOFrPIY1LE3eGmkzJTaXHg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pLifZ0ikezf52/6QC8eQk2DvcpGl/GRobXpe3vHNVAa3VLr/DKNcspwtCrkpwnGyF3WU7GDo9cgLYw1Y+gyy12IOxcWtQV+RSx64ZCBrDMO8OBOO9Xt+mE5sxUDkFpXsr+sKoJ4fYQi/HN6v2Kwr1WikOH3yQsC8UNt6LoRSFm+7418YQvqC4mW45ie2jDg9eZ777euImrguzE4qzJZCA1Fppi4rvVmBU8QLgV4/BzlhkF2q0PockC4u5WSX0HHBwxZ0dxz+fJ2GAi8rZIQZkz5TultUIXmhS3zSzDU42dj2obf1XC6wvI2lLBHACQZsFP4j1oYZnoY8cxHrZlLmFzK/kTRjziF3/MLSwoqw+l/zeIiiA7bw4SeHwkaGJrSqEBla2Cf3uMYc/h7fteastQCLt8KMxSIh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CHVGJEpvT3ZtuZ1k5AnBu/YLJFxsbv/HgXt0V67LDEg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4sY+RCdWBxlHV84il54+dF4RPMCGFztlcNbPqtdLcrKdMjCN0CAz+fFqlRTofxJaf/5KX0nxqeas7uJTaXRERGdwD3uDisr14ovuKbnqSu3oEWmI+PnVXG4R+uNuHmW9pFTwTEOGagVKrQ1ti3jMJgWPOSBvfyN51XZX49q6uSc5sEO4M/bk3wFbFqVUmu4zvlKMp2grJu4pq8klSTwEeY4a1Veu+DYEFJaPnYY/jY+e6mzr3lfb9rUZ2760WeP/XgBdj0yhv/stYuw9AixM9hYXvXkfqXj/VQu5OjDVjYjdqamB37wHlDmyDgUE4yRY8dtKVFGbnUjsL/tGUsfmqfr3VeVTU012a7xHiB+gINJY17ouLloxiZZelSHgfx/Gpy5jXPDjjc88m6LMmeBoFQNkN407ZpDU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CJiDFA9w21L1rtuKgY2y+CcIfnkIrZaW1XwGqT92sGU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ORQ4DsSBGoOfxJ2Fpv6p/Mv6/DIsMKyXxX8MFtRB6VpHV/kFm/ile5TQGeazwqT8oy2iJP+HXSFoG0qbB4pljCkMePN7NflDy6Qfd8GAHubAekuURpJckaRSCCOTCDgsxQksfTLfuCjnRvWlL68t5Fu0yPSTmimrwEehDGEjUzXt8vj1ES2YDLfgzy/tltovmW52H6yR7Jt8iUSlQOypKN1WDxBScMdy13iDzRGEAWB57ff6FHLmyknm61Sq3SEU6bqf86gEfEJx1OZGA6g6n22NL+b05Q1dFJWhqYDtG0ltMDg2mkwaw9HFS4hS0Mp26p49LokVC7HrRnOq6EHss69hrZC7Mg3ZoZ6VnCVLB71ajC86Hsvq3Hf7rc1+DyNqw26myDeALwnD5o768yWfusm9fG0YzRYY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CKTfydx9g/MHvLZmivBgVuXSJ96DXtNJelitaVxNxS4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "budDSHER71QdMZG3nT2m2opVz6ylrUq0usC8LyUg7LnnubtvJ5eJJ0IDjEzs5jr/yshzX6d4yfW1faVpLD6xgW0P7mKaBAZFaQVrQFXM+hU2ssLC/cj583Tl8rRFtoxIux/PuCvZEdhip52pGp/5DXi6hSwl4qEsZYB/NFUAYFgJeXz2ZskcVHM6zj04p44dygBzi9pr6qo3bncw1CtiWGKwIB9Fgjmg9JV9GUbAH8HnvNiAS/srcKvVS9SZjPP1LCOFH+QuJ2Exn7OSpy2OPT757wPN3mrY344YqNUUh8SqBgUKaowgYy9j6QRbnX4FyWpPQ8FqyERlwx90Z8pM6NnyDiUGGcJBeGG66nronEZ6o7CtkzxHsXO85VVHqKq+RGHyv2cHExIx5wqJH2X0XVyZ8NwWYR7d",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CL0BxnOw38KJ2ppEwTSYrcjEQC5+aiq0Z4mRcI6Uqks",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mTMX6yO2pFnBcyHZhlQSN+kk5LYnd6yKeq+sF25SrcfqA6sk01rrMm/7MYiIb4Ee1YgFzGHiKXs8CtS5qXDun4qk+Gi2F/zWamayOZJWdjsfuAFqj6SSgXIMGmbH9h+lLdmhtjg1arRskX4IcEwCwh2ht+ebk3otgvDxWoHXz0trxDVnXZEig3W5UgkukFYA3aKWCoQnnFu/vUZfNs+zSMCTaarP21WQqaOA/Rf9oriaQwyg9NxXC3OjglcVoPfGgugkbI9QvAifsg0oZkDB5Jli/Jf6YN2wSZnf9e4dSTAeIsQv2VoIT9o+FBbfnobHcyxzJioSN7GnnAAZsBsxyhmXcRB6DMxcBexgBA8mpxPoREzeicdqgGTvPBUfu8JtAlpD7JOnHNOLFMjtJ+ruHCIokQPvmVCo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CLf/pK7d9oMvOjwYbdJH+hwjDTDF0XtvxJD7Wwz3C5U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tHcIuDvbT7Eyi+CHoOEEVbHHrNL8YBtLvOxAYBuuF56+7MoLSxSiM7X/tnnJnW9lv0qO//MxAVaw7wDlWUtHfm+eBuxy3tBlC4BQTZyw1v2DhMOtoZyAnDvzi5aa+i/9lgcqqCwYgwAra4JPgZMDtyUhgpEK+1fzXiIGGdEHBNe3ZyE/XVqZx8kzOk2+kHcrq6k0EloOHGsRJJsD0n1VgCJJTIhsKwDp6dZu8/fHfe2A3VqeYpFlcV9QN3iIlxg9qdRPc7J4GAjfVhej0qDNHfi53WJsKAxJ3uJw0oc6O9umcrKExJHK5VuDU1fY0tn8vg/MolIqBq0s86ExtorhcYW8l4bB2t6OwTKA3sclksWsg+UsUxMP7o+0vBvPYcRZlvbZrWZ/tu3er0ZB3p7T5t3P19CaUG9x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CLotkSmGQe8qVqCmHvXYA+gWXReAQJeio4YdFfVmYlE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bWzBS1nRajVaxUv8+tA3iVZyRTDlielxo2Hjfm5iUwm2dvrIw5KoHFCXNBrqF96uCmHh3f0Fm97rZsFe7G+dMtcBNuanm2bIw2gZfwBM8i2m3/iuhuT0cMpKu6IME4awEUf8bxVEPDKqOK8RQfEaAFb54IK+3OmP9rE0aFwSLvzpwlgtvd6TwsEhf3KUBVUdIcYIk7J5gktTUZRoQqBRMmpYjgBv/ioECSJg8M2Ki9zOnDWFTEiUEaVih0M7OxUHRT4x6EWqJ8V+tRNhPqC6g412vFE91cCqpctTkpPAS1w/nA1Z8imwvou4UGfuWVeKNItRJjfFQW/gS3DHuTiG0mRaw6/+ah9go5+0OejZtiX6ziZLTW0zPcP1qCjstHZ2PdVnKfZdt5iWEPOtNSC0gpTqn1HCQPrm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CNSoDtxPFGp3mVG7zAhjTEOBpUcHtoXaPd7BA2pqzXo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Qwq+LVCUOT/kZb/p8sdbb08QOeaBQ9QJOBLYqrqYCyDphBsAbGIC4o1XBn6+BY/s3tKH6/Xfw1cYr8Rsbu+2JVD9KtcZ0d+eduZPstDof9EBjELzlU2V6p1tRdYxUOQmS1lsErMJAUBtPEScEeSXAnM1caLzRccvKoC690gtvsawANIsqTeWCrF0wzrwkjIqZyG00DNr3ophSQVBIDyscrAIh+AZUuhud++G1koQNatMXOFZwb8AgjkV0Dr+1qUCSHSfDJK7aXzi5D0DfrmgVMu40IuJgcCs++OAyf9qo7A4QqJpo1hz/3yvO0vgzo6AQ27xA48FlCaCxo9kY263EZmk3EdjoDspKvTjQ/rJ+XrALmLfpXOwhDF5I5a4WCpiesaSZpBCsYYFTi+IwyG/9HCgz0+xFp4/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CObg5NAgrph/cWZpivfhwty9pUFx7Z3atwpspl1P8jY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4GGEouKB3KPfPYU3Fjx9SUr9XFmFJ2mbXHkE3mtcdEpwE7eLoG6lirc/VHRC95CKzDTwXeYNqdZMIJ81tNzFbAagSDaV7/oMesz+09/ieeLSmXXF3aOVBCDeVDnKNmS/yCACrp6ejPy12b21RfOQNxtSDIgkU+HOfuVv/Mz7i3p0l0RB5FNCZmZVdsAhB7yAIu5G+4kafBku+XNJVUhChX/IltEH+JPF/FaXzRSYcSYi0jFXnDvz/Ld4wezNRbfijbEdkRW/HWHCle7cS2n7FJU/sINqujIhOztve7G7ue070/iCvcbfSS5UAvH6hRLijsxk/oENgsl7fSxxzB4NEZsF/vlcxMdFwpqM0I9kXg2npz6Xdp5S9Gs0vNyy55g1WA/zM2fo55tN4Kc1MGJPN/QO0V97ii6H",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "COpm78jvqYpVy3iZKOQZcJETkplhU1NF51aiwUZMYiA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+NGh5aiMbXgr0d2mkufUOnGR/khwimh7jePbzef6aZHkex/OSRtrkhC0fCGLrvGyeaymhCE58hdZgvV2XLvLbrxvxi5n2OMqwKwXDyXztDEf2N5KQZa//PH9Rpl3kEJ/gyJS15m561wqfN8HCfeLRc72WhDE1YAy7rhj27YJoym/3pRwuR2AeOZ6dswNjQHx33am5B4u0uj7Yz6u8MrRfODyJAxSLM064zz0IxQxMGFt4f5Mz/uiqA21/S9JmnMN7zkdjG030e1mut1wx2fPQeRlYPBsoL//yq/Nw4ym1lcfeFQqC2vlc8GVJZxFYRiKLAnaDZvmekdrFXvRRAoBx/SJXZ6QaiF+aECkz2cBlEg6igo5WVsAgugvuM5lg661hPbg/urzHiyreTqTs7f5UXkUM3g3AFFp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "COvmbSFnabTfumuISv7WaFf2dAmQpMVdkUcPst3DZVo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KnEAHhYlPkGGm2CJ+ddQa7sk57N9i/Iz14OS5ROM3jlFIZUU7a06/unZD9GSNTsvq1KUb/o8dUCJ+gS2oFmVGkaCf7h1kAdz1soX9xo4P+N22uIS/Yt84U6l2+aov0hMTeo9Z8qOJrttbz5YWAjDbs+DlD+Py/9xJsg8VaXKWHdueGzH4t5sdDiApe17z161cfLy9x0ZOhUZyLNi6vbTwjZYuYhi+QElOrDTKk/xc6bwrrZMk7CXgTn9TNOOsT9+SKdtQJIDcX2RJvAoCAJXJxucysFeJugne+SCiXETSnxKB0Y/ayZBWnzDqX+v9iLZLRJ7K8Rps4zX1QJTWFiOMqK8SoUN5krm2jGVGuBcQa0mFA5VWGbKIVAFPN3aHaBzaNJaprUNHM6ErcjsteSIAFaFUgD11ET9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CS65OeCMjTNYeabeXhBgF/rt5gVMjijyHsDe8RI51Gk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ip33rlbXbO38nr16fhmKyAbhqGKhwQsjktWCeQRgLMN235lHQzlHDnGAQQJWaXfrOazsFgDIG7e6Zms/1cylNe7yX58lWODeX2A0wQJd7uDBc6dZWvdi29r1o9WRRdl3of8xJNHeZW+P+y/W5qogdG/Lil7+Qcim+3CIqU/uZugLCrKiR0Nxwd2ImEJyuYnqpuzg7wxrzjWPVYVQoQHuIZUT0LNQGLKFWDlUXaVAwPugWvvmj62bOjlUJBhASNMebEM95SO+aqzycQ0yap8rZ5N415LfYCn2GdUJbEIqPKOUY0CL9n0AsREMV/vzuoPP8hS+lXrUz29p98SZiJCkERkXnujuS4Ifgjfdk18sLAmmUpEmUHJ6SpEL7F2tTUiZf9B6EkEsWkw8JRQ0bndbo5oQLteOQ7N3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CSQe3iS0dI5MA5D8o3i6ctF3hyYoLqrmeIWRJLHYZow",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fLxqxEy5620peAyfsg7Crrj84XY92NTKDMgwa3hOpIng6pqwsYeFhUm9P1sYGeRYp5I7X9ySdke1e6AJ1D3uk+YSB3Nosz45mawXQceUtrjBSA8aRCS4/ewsZiQ9SJW6LCDwcNZJFOzJxMEVZSwRRpiQBxetFFX0R39H4FNLR9ApmCgM9gl4zWmPCk2fhgmoFDmGSWghh2YetPmcvuDMKOQdyuY4izvgCxafvTXJ/bCbzr3Et03qr0IWBOhUW+jmPTJuy78I8wWOgc3XvTthVp9Bjlnw7oTMbnl7v2c1VUCojtO8zoww0coAHq/31sThmNwuKNmTlBvBTdal1fAu2zMVcDTX/H7Oh6E6skYttH8riKeyCzw2Ff7wJMPIyBYABRHxSltr7OdmGEbMPHFC+Zj3kF/TKZre",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CTo0Q1e9OXEfz86Jlh+2pcF2yPWhXJRlPQJEYxfC5eM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9VuxOK+jEkYeyMzxylW+PgE/JRQuCU9V/JC4xon7eJjvArVCjes1fkCY1YUPoKnkEJf9Z9589rhYfds4Gw6nZ6KFaOiirc1YkU5E0DczrbbJgcNDcD5IkwFZXiSF4k+1bek1CkphXDdPTltnE5eusSb6vUTMDe821GI0pFq16xFHkhZwGLYv1WAGlik3uIkVy/t2GTpXt43Nug7RVL7LLECZAjFUs8FgfPXpEwPdiBtLk1p82awNPwsxMKnZ7jam6oNb9kMANyfrUoWuRqKKsOHYzjvVwd1PIVYYj1yhmG2SrZ0awsPw3zYOR9ElAiyBy74r/PNJYZwmNHcHi0Bl+qJmnb/tQ+DitkHv/XkyXl4NgtI+Yb8QujD4uE3C8bv2U+UDnMv3pDEZMYcBgueMOmWnumtuPsoU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CWRDDqghPbIiu9kZgri6enLG3ORgmyqv7/tT5vxe+08",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0IXL6up42TeKAEnRil8L58YBjhHaluLP6tvESCKfScUfBuXGW4lYGJ7Sju2/XE5Zvyn9lA0r8ASO0FjCxcT+T3ZiM+cFvselYLtJYmPciiaYZVb4maENlyfeIwrg5C4yJ0YpVxgpq1ie8a1FNbm2e9ujli9woP/lHaffxhx195hph4CdBPOnma+tl0n+O+Ql/3/VBMhTDxVb31nbyE6pfTH6ktYmgIBi7nYW/EZ5VIIG2QOcDz823enNle8x5KVqy+XlNVDV/Mzw1rOFymQvWBTsB4d0g3pV9t0mjRn9yjqCwh5mo7BVQZUH76fVC1JNLzFE23nnj9iIw+zcJfyN5f6DlWkDjrQ1rZd01Wl9PTBqavDlcK3Acu4jgBW16lKeM6dNYKGKTKEZjVSSpX7hjUJo7hqtoMoP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CWSio0IjYO/4Avut3UkdbqIGZ5Detja12QQ1TH0yvDg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f3/8AaTUO0HTKjw/gnx6heAPtDuAnB4Ft+/0CivyRv7sM6VL5B3yOJQ50DfjM7N5N3XdQX7wCx9998q+9i6zLcr+658Csmu79nhrawEVFBeiGGFb5rBn0LGsc5seWHHzU1D2hVzo/Th8yPYzciHeVLr68nhotw0Xiaabd5mw/ekYY+CB2KyakHfuyo9ZEaGncfQIlu6lf0okJVZ3qmk85tqEt4cm+J7neLZEOMkMcnGal3EWf96+fL0qSz9vmR2sfoFRHHlY2WehvVPsnLM3ncT9/GmcAWAuDKl5LZU7Pn8OsyZ1UVK419whSWx8S9HgbmDPIQ7bCMEp4zuSSnSTW8fk/pmEQY2DZ49zhu1pXTkxXOGXIJ4xDxm1lfgEK55/ck11hZSXnRf/CJ9F+7wuyNDnkLWimLvu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CWWMWdOYYQp5f5g/5bHB5S2T+aW4XxAMrcRRj0CBKYg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "H5nEIiRIu4NpLrjj043qjmFOubacFHgj3MZzBVyNWWQLD/Qy+7YTuYRbnEAxa3FaNqQ2G2/Y1IuBh49bvmXvsGKp6E6uhRGyf9GcRn38Gp8xm/RnOHFMEIQuuiAPBoONJ/C4RpUm+9pGE1sC/HDK1QufWbpwFe/VK5QaQqGSAtAq9fs4PJ4WAxxdROnXxyMy0K/Az0zf6kHhNcStKpDUq0pHyiNIHhaDnu+D/Ek3yAG8alY3IFgC1rclGrLoHjBc02EPHr60P3mzF1A0Yr6/mkqJTXECjE/gUVgIBPBCTE2sJhVfbq4AMkR9G+f33CbzCH1l39AdS5yNSKDMZZnSDXWTJE4Lu5GMc4fN72SZWMzz+u2K121g/q6Pi1Dzr+TibMH3goQOrVP4r0og8qQAyc5D51Hm4d2N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CYBvrUCjlBHI75Tpolq8UuMif/gd1Axq7Fydnhn6u8k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zcSpK9/0KAurFcVbC8Ls1g+qhMJ99TystqR8lXfqj/s82GDVsx6pRX1DYTWTxLWZ09PUeU+vCuHM8mWz3W8MoIDBsjbz/Sdr/iy7MoNh+rCmJM8CJo0smKjAvt6SFW7xV5x/c5//kpix4+6OVPC8Wuexk/Ukq0kPQ/rIAuLRpuH7ZcbaVAC8n8A4N7VVDy+lVzZ7f09NdsL2CNEIfBnP8Sm2k+i4FDMPDVSSqfBnPZIDM6CtRXPbTlom87KqssifldlMwPUQkRVDMiUGqD/zGfdxJf40VKAcE/kgsTt2v7Lb4B7p1Tur/d8CV3AEWo+kq7hQmhgJPp/6nUcw3klf/dA9ClNfVAh6EUK6Fxv8erAH7BiUllksbTSwI69BF/6Pu9e0VM00sFGhVCK/dtUY0KXdYs6P7GpQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CYYkcwsNWCCkHRQXRTxuJ00kuzk+Lip8LJk2LfIpRj0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fSoDj67pIUQQAtLbTeoipXPETZd958r5oojRyjucMRX5ef22WTrzpLFmtP7D7WZfJyNP+GEQjHtcTFd1a239uBmBuXyPG51DlCXaXi0t0zaIjHhsevr6gIqzuCfFwyRjG1boxxZK25X7+KbHrdqgwEDEqj4PJwf3cJg2I81VXRB39CLbvM6iHlkVgz/Tw07Z8xa6zxiMYudq1y/h0Y85411U+3f9wm5k1eOBi8L4iCZ6MqU1ec5XVfu9PrDNwPyRVCbYjqoZGntDpouDsR8N4d0lZUH2EjQpDb0QS6fbGD2Klaghf8ol4x5GuQ3zYLUvksch2peSi9q/Ii/e/BUhDLQqLlpBOUIqfpwVdAa7nYQeauFYpRTAMvNVjiT4iqHIQzLJDvY5FxbpP7tboQd3v940B0a9/wHG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CaUNSzPS/hiK6ACE0rmmVpBJoVLgkmGS86yqWovmlJw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GYEt3FrS89Ja4D6JclQIVo+rmV0QVpsoXISH/kRD/DYYixUA0M41x3OJka/cXYoKf0casIgTh4OSz02egBDXMfFiFFRfzRBYBlMhQ+SobDyBW4FGdcXL79sR7C5srMW1Jp2rZOrK1wXRN3EI76giJe0uQAWOMV3BnYbtdR6PeMZB31yqV9UQQA7p5ied8PCnTT7GDhunr+std1HlC5y0BDLCSs4Ro56vMlP4T3LRmm2J4RACTRw3Asvetq2JBYsfyL567jnAmAaVGh1uNo680weLNTB4EIv1gak5rtcnp15RaKjj7K81Bcq13D4A8mGSgxPHw01kWbwdnl2+ospoTNrvLN/XbHJ8g7HqE1LxZ9zdZqDl02FIg6xpEGEnaUqX8i+E61n5/t9ZQujnyFO0iAikiyc/kVzR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Cao+bKJ1GWTMWo/3MVcFIQDGKuYKAVnc+szrjQzdmzA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CUiE3T4W2nNigYSd9s+4hGXSCpanoLdoCqr6RGXxqrErJWPNZ7qL7cLtEIBzS76anXbATpiLJAl5fAc85GOECgwVvXvwbgE3CJKo9AT4Rnq0926WSMVgjGxfOefg9w2jsuBN9AQH8HSNn916zGZxhl7TaU5BACWYpTJijMoadNpefc6YygutpDo3Y0P1Ry8rZsRb30P7cBXQ7TKs3nZrL9gKJN7EHWctg7uCnmdPgoFDUphW76yP7HM7bWd8YuBsIf/3g9v/wt2/MQ+6iRCHm5b1UODZNWoIQ+l2eh41A77Ft4x6kV2Q66P1aGeQqvnI5lH68P6zIAbmi9NPpe3skkob+raBJ6ijjIUn0u0pNht/svci5QNCROCS3+dE0xI5VIDaTQ17XKh8tFiajgptx+aypzYksg5w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CcDfYVE+1Nw5asNx32mEAMIMUkl14JdWwx5+A7HikdE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iqyfjumhd6uAJBAcp18VeQRKpOeF/psMoULHJ59Tk1LoNu4p3Sy+kibvEndo16uvsjnONmiBD1BhLVufZ5KK4aglpvOzYhrirhIhDawTDqBHdxVTE0dMQN2J6C/0N6vSyUaFi2uuAgEb+BCPkdP5LulT8zr5l8mS+ZcO0HROIue94EFU71nQfZgyzW3gDBFodYSrPtRiOQ5YKFFtWZNSPVOri9aEHCdcoXVNaY+gJ53T5OkAGcBi33knGLyHpu1uybs89EwurSGGe8gTl5eMaIzvyzrGRXUqmm7vFug7YSuJsFkQqrEuGFH8dG+y8m0xhj669F196Euq6flCp685b9pTcJeb35TVbHxjG556E2SnLo1ZC1JHoKUarathxi3QeJgAskppKEwo0YAwuNFTYe4RZk22zaaD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CdW8z0qdlRQVM3nNYdwVT7e9XchZJgHdbOxB9d9v+CE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rA6HiYkV0cMUtu4W+s4Zyy/Z4HJIreQlvDmcdLt5/nTj2peIS6xft2yk7EkdzTnSG2vo/velCEIkk2mwhckXP3Nc5lV8zdOW0c4s0DYraLBJcdhe4jYKgjdsSjbLALpV/KlHvBhBpFhNkaD6ayvq2hBCl/xXYqQDx7Z1qg+pzdhfpCqVRgiflJZ8HI7WWim2APn3sin2bvMbvmlKnuYZos+V0P7RiWN1wBa5DN/LyhFDIqe19fWeqnYXJp5vi2XsVGnUzvPN0zDH7c0H7GcQr8hyR7myr1hfZP7r+diFWUnyjOYdHdnWZW0VpQ7cbQ9+P4C2WRzUQy+nvRN4bo4ZDJoCTX6iCjX48MKgt4jN74R8lVq3Rp12odTRB7S9tYe7t6wH52DnPSr0RFn7ZFjS3D6mPNU4oiC5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Cdt6BrZlc9QQVQZ0sWU7gQJLHa0f96ryD2orCMra7Qs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HeD7GCBpaK8h7PDSVEnTuztN0DJJWlpj8Zd9KDh7rgi0viSExzfdDuSY0FfIA5MQCtCia+et6L0pnxCOV8MDlDfAW/Kv3eO1r2EXTYGNMYEMLRZat/dKODclidb7wcNVdgHI4vCKAzPog0ReIdCAtJG8Xl2C/fFhFcFVJkwj/62Hy4f1MGBfQ6dL4kd07hZkDwoD1HUIZoDAlXkOHNt68rNP5IhAMxJIBLF6ZOYJbltAREZ621nq7QTpeW4NbaC46wG4qZu1k0iVk8ZxAs3IIV3An1AtzMUeXYs30o0z9Q7/GmarYeiuRtfngtYYegZZ7V/B4aMU2QfTQlZN1EW/poD06f6Fve64FAQq2iOJwUoqLobz8yaq0q89eFJXnteLXBA2YD23O34HKQhV04j1+GM9nsgI5yea",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Cf9TfdSDIfZ98Uq7bPgdew3/XO6Bk5tk57CVV69cuPM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Tohz+uV+wx/vfuVexSj9N3Ty86P4BjReMbLP9KAHyQU5ygvLhP+kd4Da9KLhP0egVV+6VdHidmLQ/6oe8wOmKLXEujVMDE2Fn+F9Bel7rUyvaE8GQzJsei7E1XbUsxIVEE/nrHTR7XVusosTMi13sM4+xg1BE0QYNpFqxHeNvQK5Rd+lU6r0MSoC8z6moz4Z2WXTl9DermFisU1unMc7T9o6DgkcdoDInhLwGxbFXMh7MbmQhUYLgsZPiHEUm8vU1Smxb8eX4GxDFEdtTD2V1FS28+8ooBmZgUss5QjyQRqrlUfn6anjmNZQDrGKlfYRhSg/VO5oa5HfYf3lStqQVGk3GLTPdwQ82ji0PcC4P/jNkVL6FXrawU5FSYU44+ge3oLCAlZP3WEMFXML19cKymcEft4Oxx+P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CfdewX9OuG0Cij4m1dkWEBjpjb/GdZe0iYDxY1816gk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "64Y3CtKmaPG/7/TK66jfZ4geVAl89TpFEKHJjjeiWUnMkLfb0QqiKw05EA8az8KRjIyFk+8RCTc0alvQ7GjNwqBsBScOJmIQwFClSCqPS+dCS/BPCxDOeBbI7GsrlyGaegWcyzoRmcWcgVhOJo+zZQADenFsTBA2HdqShan/+ZuQ1bHfrUnkb4NWpf3TjqBCC1V8cnNj+flfTQEqmyBe8oOXdEHcV9NT6C7vi96qegeERlMG9kdCTVxBeBKD26i+N8pBWr6FHJSZkStK3WA/PX7nF8MKA2uWkPG3gdVosCUDiKP7VT8WwOBCyiKYbJgj3js0veU/LwSW0TP14UKBMwS9QQlP4W9OFNj2aO0QMB3NWnm7J2vF+CA1JEnoClFPGSD/oYql0BqKck7A338RKW+ttwEAoaPP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CgealvcHdDGafnM6/wHypxtlh5f4vJa1HGi9iKqaJMo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tdbzc+cX8qa8Ei8c4y+HJBdFTklZIr1aWD9ll74YC0Zfs//izcm7TRtXXoJpSz93l3yqzs78DKvtjZguk3A3AjcO3KhG/DVg88toc7YciRFA/1mOwN5aIn+j2FjjzlWnXKSoamdvXkjz2Jrv8g5C5QHuxzrx8GvpnWigHdC1KMrmv0C54Hl+qBPw/J68g2j7YmbQWNe/5JutKp7kWILDvoBifm8/0A7bmWGmrAXRfH3FZaLRw1vbG0ZW9oyZkdlooZPzccpcs7oz85/eqPt2/9I168CDgamUCK8HtG2kX+C+h+0Ont8nI+tv0x10lRVv+RDDNulYBAH21uZNvXuFmzJaiMdvKvzhOkLJE1JJUkYq+NT1NWZfm1yuLPXTJZFxoaNytUBJVr+0CdNDXaFN4qF1IBVCxkM/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CimfkyPym2Kl1Sh+2YXrFjf5u8lg3i6XvOeDZSfT77k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uIq+BVJX6/P0fsF/eOUlvPJHnk2h9ImTEKymPwdWGxDwtTGQksZufBAKc4JnAz/mta3K0QmT2vz/obcQfK2yAIPNrg/mV0wmsHB3FFe54dex8+kTiQad08D5o2Z22NPTSqzYJQZJuiDYvuG1uHLYfvc2eWxXuxGtNP6sgLkubOliZuDmduPhGNKbWDLvHZgJruf8pUNDPS9FiuEKiT5isOulQratnQC1vJVeYctIBqbhmR1eCcdmo7+U3vVZiLQ9+FFKI3dmaUmOLcwMPJBTIFYPigSQfTWcb815RkS1pWFpKulFKMhgAGBwm1C0m9wO1pqR0B9gNx9qg0Ig3xX3pmLRzyew54+BvT7a9zLAfmKeS6gY8jU8vLYE94QHvAK9MGaNP9gdPuuUlio1MMZ7vqgD+KDYh3eN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Cj9i9WKPtV0Bzvtaj390hc7IJ5UEnRYTbCKd2K+EpEo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2NS7d3JWVjnUD0XMGOIjFWjREfd6f94nFQq4WsDMtTlz/9ozYUdGRE21QzzDQzSAybpGbY2uvvIt5ervzy0Ehl1jdFtjh0gtrTdxWVkajjx6UHHHcSVJV4AttwSOib7bIMa5QeXOV9vNnPw6/9TZ83PtefPybneQwlk0OkSSEvcF+zmExbZy1IQXkBJooNDnRnEHWTRCVn6nwo9qQqvhwpVBbAA6iOrKgynW5lzOY2zRafBXfTgYKQuY0ziDM5SRhGTsnUBAC4ApsUq2SluXCfmz8qTporyQ2qZEN3NeaWPEzmzFi3+VB562vVA2l47h/qsyn5Rd1Uq6//0RJr5n+qqWRbSEUFL/mzTuFVy741MKqwjGbk4RULBwI76KVwOUTotMNqJjamJPwIzsiEwoARtfS7pC/asX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ck8BlmFXEpGSMaDUi/OcwKb8x0KwLtimupl3708RmNI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KfAVEiaCJipDCYnf4WZN/eJa/umGTplloB32riVhq/h9p+RoqCWi0UTlcvpAiVOPla0GFpM+oUZ3j7IFD0vNL3XINC9jYUpvxTH0flr1erc11LxuhzzxdYbP8cftLegZ5LIFyWMOIrSoIwznem5K69707vJB7nfvlywqehTh9w5I6qnk3ldYibShCWBu8cRTqHZ9Na0Vk+FYCMEiYeAp0IUxbfCOQvZBSI/iH+rYli5QDwPo4k0SxysI2IyzzuKZ8lY3zEbwAbUOVclu3KQ/Lwku7CbuKJqqFcoa79Cu1xxcvWJy+ydWJ48FlvI3mMpXn0gnKMbM6IxLPV4vYrjsWPgbIr4BAxf7kXdhRcD7MrW3L9+18knPvNIC/uRbwazurKXeT5BYW56dd82ox1l7Dmh51RJfxwwE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CkDGiAC72tJz+qu+oXMUqsqqs54T933C8f2gCz7+Cs8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VCejTSmXNz0uFwtJ8KRhvai6hSyhReJHjJuQb+C5ukG8SxMoIMgzT4SCeTEQmAb5Jg7n5O2yHv5mgcpMsMBSL84QyjvIPQV+blycpDDUhT+Vk0SvscGzU/k6eLW6XAvx1HdUEUb+YLxNdS7C2JRnM1HAch4wM/OvUOOoAGCc+unULtgLVA/El3Ju3NHTzvXTEi13MwV9Gy2j8iY6NE0Rxc1zDu1LPMeMoB2O08sotCxPVUaAPnWYY8SR7WpqminKKQ3h0z037quTKcr8nN0/Ea7NgS10sGT0VQcxNtKN/PR47bJ5JIlo35k4QX9lqSAmqdVTxI+uqudeankllUJzOHLhA6J+hj56Gi7iBxA8Fxua13SUzZdaihM01D+pOkrW4d9PKk5ENVH/pb7DR6HdAflBewLRwr1I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CkcNEO4wAG6UzclIMQaAabDcqtH/q2+feGpidHtB5Bk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yKPNzX7WAdS4Exc+HFWUoBSMdoZQjZz8SmNlq1pAU/6aFuZBuKD00Bkke+Ahjg3+O6LTKuVi4CLVgWQu1pd4bdARIwEhJX/ZpEHvRZBJDkDwRr/eXKldDHiBaOdMQKuwSHUN6N61VLlztVviGdcYk2pTOoHZT3lXWAVDzbmu77cwvdNwMnclgYkz4JeNjzE8p+6n13wc6nINb8Kds38SsBcKDtr/opwaU4KMSGhFuoIjIwhiKui3/r1ma+dOJBuLxiVdatzxumwWvNZd4ReZIFwSf2XbibrktHLT1Vwn99ZVFSJKX9oOqLmuaJ4kaNevorZBM8qzK/WJrLT/sU9ApnocAfJYtA1yripM0q5GHXzB7JsNIsyWu4qdt1agO3xrSR5P5NWO28NwzbwqfVrqEkZzGVBNbUte",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CkpEEX5hZ4JiGhJIAaUQTw1je9+nM3l1EnwU5Pz9on4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6D2XDakatsJfZgc7BRD0yAsjrh3GTeOZTG6z0kgq+/aswJHhkiTyHuVakzjI46nC21dUR8tf9Tjk+Sg9q+K2aOIno+txR2D4ZlhPHpNY4ACuzRVtK5PAeED4QLiCBopEzmvhvizeNG0JkNkg3oapClDFu6hC7u371hvezUf+fCOtIBnreQNdvlPvHO9gb1LwPQLrkI/H8qOiMH2ua7roMWYZAPhhRsH15B1YsjlfYhH48a+lYXsNjmrU5wwh2GBUOiAqDqxO1QsRKgn2C1PCw9jp0VXo9peJegjRZQbrUrGGgtcgoOOeBc1G7zdbV5b9oxc/n6RJvQXGlR/6ilvM4mQnnzXHjyF8LKY759llLJQ2T1zjut7nrvfbHDwHfadhZ12TPe2FHbbTaO1qu+jeiXJEziUMsj55",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Cly18Mfx4/H3iWwyyIBiBQiYvrxbaU2gypFmKNtv3fQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qYitDvN9R3uXC3Ymrosu8hSzU/kmyZWIoIZ3VkzUoWV6LFshgQq5wiFf2Q0eUT6GXSNYKngxljmf5B6LC8F+krTk4iz2mgurG/5eJ3nZhMwQZJ56Al3yGvsBn3Z6e4Mb9EGd/qh4F+ZrTwVDqdLUbINi/92JVVmapVx/k37QVCIz4ZaDMBeaps3865m1gtwDtnVHtT3toCmeHXUYj5MGXPYcdUBAEA1LR1FosiOHoej3l0E+ZOf8vWQUfkCZvwb0W9mG0mEgTEx4kB0ZkT5zddww+PB6HO5r7b093FrgM8SCSHyqRUzyeiSQVOSF14oMOvkoKl+H0AV8oNVqZcPB4lniGey/ltyrwCwV0+Pwdnj+90di5rbNpOYMhAr5OkPe8mXIfwaP0wCYXxnImLDd36SzdymOlb+U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CmLYX4+vgMz63bDrowQnKn1rzlIqF3Ch8rfPH7Oxwz8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IDWpM8i7+3fTK2Jd4QJRbX4Ke3sDW38YDECHB0G6Cw/quwDWgKEHpYg1MQmbRJW3bScd83cDolCRqUxLS9bLYOhxUbg/KiBYx24IAlVaDAzwyuSwtS2tKmoZbFmnrk4R1lmOoXrPFNQHtWExjtgnNuWiryZZpm0+wokfAUL0UboT7606pRvUn2P7AV4Rt24dMFCFK5dHBfd4FBynj5JyX4qdLAL0bpfRHGkwMnacCWdL/xj8K0VtnezwQnlZHzX1GPLf7LWMbGG0OYvLrEf3Ffyb/zKCRpkem1gw7P8PwdrXTm5b4/tD5CE+5mgKVE2TywUWR79aIf23A8sx5v+xJuKzHwEfCV3U8HThIXgYLAEzwu5nBc86h7hCaB/QV67GjHtDJ7d6VW5m3jxApgFR5EsbquoEveNf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CnHZp5va6SfqTG/RKR72g7rhLZgdQGU9XA1yClKVKew",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ftV3aApwiMQKeOaDKV2lxMUzj5JDOaCQlSsMSV8PrcXwqhW7R0A3SO1G78YBvaQkdPQWahM6GfdMXEnGnkl0YzgzSVXH88JUrmV0QsTGCb/nN/M0XKoLJxa5AV5PbXeH4o5xpSLa/owjOFSSsCaASqsTM+3CEpvaTuxXxXRgMTkEemTEcjFv+GOIIJfHIGdbVKmu0DuZgA6/zMMrOqcZoXORudGvpHDF2sE/IkV3xdbnDAwBOkhipt8h87vSVhvQpe5YM7oKQnrxIaohlTISBVPFNpC7vUHn2aCPYhPJ2YyrgZ4AomqrnjUPWwsyxdtawe6Z2bAupIkmbJgh662nLZLfH8p89Xlm8fEPOx1I+UY3UCJlsLSEAA3zYvoKlg/PWPvW/EkjqkHFSiOEWtmpM4FCekQTUPTG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CqzZFO4ip4iQiAZ4Zk/3QkZ+3KVvIPkEToQjpw+UwdQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nrRcsKS+XovlwQKxJf5WsZmiGnDiYS3sh1tay3Q2wfe5boGFmanEHnY7B89cwGAXrvqt4tAcyLvOV43SPEknZI+DQLMYBKJ3ladC4kOHR7FMUibktwvfvbrMijkZRcnka3WQr+vB32J2zjSW5xsQRbxeVH45UpEg/4ldjcMj8uM7Voh8ILinRWxTDmvdnoG/sQmHjN9s2pnvcAqYXVHIte/CAN0bz4F4/ZFC1f2wk5MbP41dYiQcUefYsUIgX8cX0EdxJDR1FF1VCW08fRQM3HaXQ5MCGCu8JZRbWxwozv2O/kQrpK5oWa6gDUWYyh9Bwhp+tyKKUd9PFHWogbbU6DpMV2/36uiHka5f9AFriF+1Lup9PqCo7TqeqkY4LXLP+safsPHGcDKG92PhQisIOsWOOSMsfo4j",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Cr7mO8bkZogbsVSjEzOHlu5WELAV/szNUCFgFmlU7fI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M96XQOHHxEH07CTa6rNeNdzIMEWx1Q5Pvda44ux4L3PXEp0KWemoaZAYiLoympy4eqCLTGRcrc1G14ZOh94kmROeWcDP0yaJ1SM2RBmjPfQ6URis3+9QJ7cwV3qkmY3SU7hulM4DreYruc0yV00SDzfm+jK7Cch54eJorDOIluGiX4n20H/oPlqFAz6bY75JLLNSmeHRq2FN4i3Ep/WetaHjgkiDJ10kbpiiHj+wpZ42EPEHNyX600rMTf3Tgf2UApgjxLQn+e99f1fUcpHRBnqI+JHN7U67YxLRibA9zJs7XI8ax7CB7OGnZUYYdxSj4yJRY3qCRbXfc0qUqv/tjk0sd4/4U2bsi4QKK8LtB/3IM9vOfi/RH3iVaTRGeH8MxMKCabGa4e6+s3Yayr6CK4f+lfyxdkGQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CrKhOhkqJqqUzZk74O1XypH3bza14hWwMq2xcBhsdjs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kR0QKX5X4EAhkYWYdorC3PMWv1E0XvmqeJyS3GWX8V4ijin4UPfvsNyzKuRX/5dHnEzgN307UvbZSLyBmHmotkOcUpTTJHBuRptawUXjBQxnAA7ysGGkUcQ+il2SX6Q9Mq+aZRyw323kIXltzDKPvWQHWX9x8TAt4rGyakF+BIH+d9irBncwfJmKBsptoC0BpBAonv5/JgWAu5krkaz/AuUhdQOOY8ljiauPw9I3+CTNnbOyBjL1F3Huczq3QL+3q1mMTOvto6nehVWxTP79Inb3Y0wEO6+xuKJxTaApEF5PE/q7H7GFHcVgFDTbXfAT/osMM0lpkLZprBJ74pfdga1cN23+Mf01D/W1n7XcT5tPAqfRonHyJhcDHDJr2lKsxnNcnBhtAWKixrPqN34MiQ82gtE3LijK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CrrhK7EG3CiP12+a+sjw0Ohjz7jmplc8GHzQl6hYdLw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BJld6ccMrbeWiOjxN81lZV+Y6J3tjntWICF2I/PaVA0vJxzpjJma12W+ZKJBZJECk0JDWyk/49NGNYr/yYlZlZgMGss8IwWY6hH2xUhPiEy8DtHfkWkoqE+nyPsvQeuyIAZhHkXpDLes53lSJQwSXeIcudEdWQnvCLfQFArg8i28C+NqIhEFkqsUy0/YpCr1TNpC4DFZM18moa/slmgErkUXrrUf+yYG3loGep9n8iSJxCdvVNs5LQWMN1oyS2McmM90ZAATd4AAvL/9i3EmKPbg73nhzSg0iyygoZh5eLpG6U7HihD0Xzf17C1+YqYfztEDDTIJCI/E8kWNDFRlMAVz8DFXUvjwlPYd/E5ud2RIGYL9tLJ3Dd0FKk84Kt/rjqzj7FGgAtyYNeSq48SF/RTN2Fcswew9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CsuF7bsb79RPAsMNYK55hZsZLoWdn/Cd2CkLGMMm39o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Gzi/MUn1VpBZolVpYk7avIOuh9ijwPK9sAEdreHcw+4+tU9fUm/oBRg1BwGme+ln1idDmqWhlLb7qcH11MQDFYlW6xrTAcAQcDyfSKl4pmUwX7LUucZPefTWBwpopTlqdRfrnOWINDVII9X46YFSqZRocD44t+dvz+28cZTxtmnqrj0QmbFUy4RkokTjQfUSYqYDBBvjn3GjRKZzxv5YEu6PDQxG05at8GxqFEKI/orvT4fe9zWrh2u6GUAruBph6kanCREEfDLettJcjzpzuJMFnDhDm6rG5H2f2u4Vy99c63ZY7K4/dV7uBmw5DzUqplTsYDRAk8jxCLSSt2NttksuI9xinRz2kXJFptKeOO9CPCWzjNhY4e6o8ABqppsBuhmUiop9PT80lRGzc4SrpNAKQNVnC2K0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CtWkdOrads/yJJdp0La0EhvlVkhl+1kWX60DYkYGWfY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BS4IgZQLMFfErWchyHLfSfFGraNBSB3RwbEczQdNdy4I1u523ko5jgcKmlJHcUvQ0ie6YR703IvMCqkLqwWLK/ukRAyPMuWWCbU6NJS7FEuPQlV7PWnGhXsdwYo5e8ctR4aZVoKAvORo33aMn/9dQmjIYFAKcG9QhIhLE/L4dFVE+60lXu2Z3U9EkxbIrbe43YF1fkfFOa783kCA6TAQ8j7OwNNqn1jkGis3gJTf+Mh7Q2bEWsSjDWk3GXvzmwQ793yKj+L28SGfPzhnw4DV12YiY4YB89fHiOosI5/uNLN13p8JLPdAxrpp+RzNhZAWBN5wpa6KOgABUMmdlA7iNOJp19RftTIjbP5zm57r0qsOx5iRihuzVZkyxskyE8lt+CkT0Wh+a2CMXju2GQoz2owoXd+tx8gE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CvIa9EcJvDVCPfrpJ+6MFYKmv9usepsHn39sPIm6xE0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ap4QlDeNAYnb9qX1d3H5hLlPB/hSm8qtCUBMig146H+R2yvjpwAYtdDFbEvB0a0g9dAPOtQ/bVzTWFG20ypM8hU/VOzxGycIMUwr/JsSQPPX7gdJpCI9OkbltZnZa/+SFgHWhWImQst3kAMwuGXokCt4h124viUugPmowEroziPq/SGJG2VgWpMa5W/7AQfllR2w4Z+Ys8EuC+VUPNgzOM3Xm8/GYhzc7eqziBpfYhGnz123+GbEcimCqUEkCLX5uu/5+s0DTzXlCN461As3DBQIajgz9z2Y3yAhadWZkpTevpLqX0jxiiQfaH8F2cGgjnNvnaR76kB3KhmlSPywMeDVyabeSB9qgEnazQAV9NgEE7/cIEVoDoQzjQfjIhRvFqPfta9cD9Yc8/U4X4iNFH70rlxAfjMQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CvapUJiBdQuBaQf/tMC4jjIGvB1EusC4NT3zooPt280",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s0sbmyxqFcg36Vgn9OUeZBTZ0tp9MZ7qMBbJyMmP9uZpOBhCknECB/WWHxA31BOxHFyxhaV9w6a/7uW4Xsch4wMo3UmNPaONZCHCJmqiV+N5ZRc5Fkahisr27ZiG9HUKdqLWjH5zQiJv1mW2ueY9Cc3HyiTOu4i6c8HC2bBA16+DOrjBgQnP1l5sUEU3LovvCCHnw42S3A1pgJxmW4ERtJfYwMqstGxAtDYkDP2wqs6N7G3UYU2cK84JKU79FqEuCxch4pcDfaEmdOlEP/LLnxagM4arUcW+5aED3CZcBdJcchej40yIPrOiTEFZQml2/1A20B4CJ9+lL00tLzjMI9yItPcuq0Op08kpiZmWn7X75IQLRbxrXPxCG7tKKhATOzWQ695rkZiw+KH0/1Ma1yN5Y7Wvq7eR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Cvh0ZjFORKSyMwIzqcRPe/qJ9hsFFyKgfEmC2HOsrN4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M6DizSAt47c8ptlXzEnNBeto40HR1r6mH1Mj+/9CE0EOP/cLHustOQV0rW+6W8XTU8EglljITVLIh9Rp6dtvVHmI5JDTEwreArvKufOKcWIqeKaUFPsGp0PlyQ/zosywVvf2whZCDx1UZg8c5kl+YW/lJgzNeCusUrE6JVz5zALn/HvwLsLLpWL552bzGHCDMIeDRFRsTal3N9v6ugpDSuN/NH0byBePOdQ/F9sbCdFJVErKJ+lhpbX/PgIS4k0r1CYu0UdeA2oPv2sTKgW8JbPpH8NAeT9OQm9h/oeKBwPdsq+YQq6lx/EX+sARroVoghyfxj/wF7q0qyhrLqbp1lPBRyeLHKhpNRazMLN0MznaURnlYwKWfZZZdp2mZ0cNzUysycGCZ7z2ZVbWXGXlJSiH4S+Uwo4G",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Cvt3qzPECe9aWjBTZ+Uwcj+i9AozhYgYBubX8vywOto",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pDbglpOx4yN8WRxzN7g1HRapaWoGaWIZDmeHMsNJ2oIdnUpN8PMrQCTZDDpTxyPKl1rPFc0mlU1VNoKM1vv6lgxnGcSmAY7aXPP8bL08FFxmo01S6JERvEHoV25P78Nzr0NBZGofsVlNz5yXE1wD1KO8tAt/f0uM/uJTX4DkHvLYutk04/bYWcH2ckuepAUivyrqp3nvD+bbaEolXwDqfUq5uX2k+f4tWtZFaZXMG8AK+30+Kk90MZ+0ASY5OpXd1nOjWTukcQDGRjrVgFNeGzxWs7aLRtDj5+SVCxdXdfvmIVG/uv0yD8E8zc1amGXzmuf+i2lT7nDVs2/rkHkl0Wk5Cvfln2kYJKKnYf16RyaUjVrC7rw5Rv7YAoffhnU/rrwjVGuWYY2C4B3IeNlu9lMk+DLzQ7I5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Cwt57YSqbu/hwxUMKl0dgQfDCiGeP15xZQvFTduCvMA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4najUzh1wdaYOqtMo/bpgB52ol62HUBl6AvJ0LvZC+PaJa/MpDbXHa19nVw47fCYTAmIep/FZOWEvtDw0BUcgJqQsZxbLtAzk1SoBAtadT8LtOq+Vt5vMBsUQM/PFFCVrEgFQBQHPkSURCxXkACNkuZ5JCjHoEQmhs4hFXDL3CRwh71UxGmc07H3Me1G8KJJp2YchcripVC2oPFDW6/9rwmTHJOS1MRLuWQgxmSttCLK24X9XxbrhbJbWCMYu+PWVMSEdIJHzEgraLls2rpFykWHB9kAk6vT4Nqq3EeeAONFbRoi3+r+G9kN9GquddTOGEudGWh8lReq2PWVgWMtIMJM9Ae5jIshSOh3L9BSJMPDyTogtYGSZqqcNglofJs6UztQg6V5RK3oekZVnmKMU47OMZ6QFzjG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Cz3aY6KKUYRr3fWak1lkInCQlHGV2f8JhHj2pSNmtik",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "C/Lgmxplwbe/urYOFutSjjQ5ZvWpmCUoMRsbXFLQe6qvh79W8KhCLz1qZxvXIfdhp7pGHG5YnwNMPZ0SBRWp2IAJ+CX8+QFdXnaHvOH3LCkbS8ivKYnlkFlwQ/XGduh6eiVmqepxlcGpYOVUKfNkQFiHTsCLPeY3128iLRLF/kLpXBuyO9JlhfqE+hOShC9SNIephqnOBrRXmSBVuHbfMb3/8OkDK1f3sC4IiynTCjFp0YIJ9iDAhi/rY714bZOKEdDob9ccM/kAGOv7TzEpMGINvvvXfrHTkEIcff21pwZerrS3ioiZRWfDR6rYbTDtn1Gm48dTSCvUO5sTLP1zlTSSz+hTXVxk6+znC549Qe+w5CYkR7/NLgYmyZmBw/BVWkuVquEZTI5M8pimtJZXlZa5Tjb4iUED",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "CzKp5vqv1/kbDlvK2dqvMUR5N3nZ3BpqROjCA+ivLxI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ubk4SHKTh3ZgNFA8NKYw3/QCkSocQpim0+B1uDzXlS/AFzAQZHeA4YjLxp+xon1Otj9aMpoU0MJQKLzUoCBPe1LIeQ46XLwPgdcyWSv5aqaroKWEmiWPeZ3x02J6lY26cf81WLQy0Fzmsh1lM1KmuU8kFxrz7npXw4iiz3ExKBEcguPXmbKh62YNPzsPKUJF8Xo+js+JF990OvjAKKIuLt4KemkhXlB3QWo7YsboSgOnJyFIj55NSf50s+wWRHb/fLH7I5uswum8fgJqiUTPtwtyEQ2Wl1OUQgjrGnSiu1keKJUy83bKTRSDAFk1PkeUQ5iIZVWQNzKGe50w3d/uO0wbSVn6VAj0Ev4zZf4jCDGFkAByL/NIQ+MByV1adpYSTeywEJvU1V92dVeWzVivWvXX5BIiaHBl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "D+YyXk/nWwTeMq4NKtan97RfIjU7svNgrI2DD/AgiUk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GyDHSLgKa4KKAErdTl9zFQAbeBu7lhm/emeqVCV0ncKgLWA7s9aeLaHBsdA0lOo/KdoNhYzuCDwkjRhc55WYmeOiZqeIY6Wwb+aZfoogC+WgGLcKp0s62wpd6EMydE2OcScP0a6fAfGZMbPdGYraNUJPS12me6jN5KMbBa2sWHBS6WChg4giBCq/rJGolK+qXgqTWfwjlftf8HoZNjJLXzvFLE7KWj6E6/Kxk+3YXDES9c8fUSv/iyaNWNV3bl57B7vDcZPDXG01zK2LatWv7ZHNXW2vZbDy0x6zttmqj8kOZJD4bRtlZ+QX5hv33YPIPeUZ3dVpfRkvWGA5OqCp89KXm0iWzbeJgPOTbLbpz/V4gqpRat8uUa09Bn/QJ5JcYQRvTrwd1WwBZF6hTlokEBlXmo7rttjp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "D0gJhoGKRT6h1F7akgu7WLrKKpR/QB0xI+N1ay1LG8o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wS/IhKjceJRX7ueRoFz2cLA3uKgdyaZguTCJwvran8Okur7uvT244UCfhPB8X9skSQFaYnAG2iwbn5/vtY9kv5KnKZ6TLcHtIzQj3I2D+MrT1rj6GWFGJduwMZKdUfm/urQ+59eB+6MUCLekthJgjDhKr4oEh/pSPwvnFbWRjZm+M+X5UpXxiASrTABZfkISjaPbdjCeU4hGA8C+xAuVTKkJUTzCvNDtXoLc7MCr8MTG8RGXIgyAregd6NqyVUdAr6fRE2Was6TUIYnaG8tdvBgbW/31Eh3+BLV5DHFDh+0TH6F2ZSmUxF/gf3xFGL3pxBJM0JvOa555vGTviStrmL/DHXAQZm6ES8dkFU6O5wHHdz1CVZcAeIDri0183kXxEQuiPcMRRjZf8IatWTY98AX79SPdwkWu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "D2+Ru+UjxNmE0Xh0owUuj15w2CQ+9R0jKOmsILeZ8e4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YoFp0xoCE/6YrV8XIPLfyI62TI+nkSaLffGpUBhR70J1R4myXBxXDSe/gWaRndNmARhBABhVrcq3DEIFabLYnFaV8vcqARL9V3lPmsvwo5oisUL5k/5NAU/u/UnbCZdYiEeyOgW3SNdK80nholmpRr/+k7nA3GCITGZGVb0CK6dBrt2JMWPt844FrfkycLtYSJaR+0pUQgru1Jt6Ws5vjErj63+4ohFQKu17VTShE1gZOBDTlzshD3XpFyZ5KPQSB+RpvsJr/SLDhYCDaZi3PhVKcWmRJQaOzakgnoinbmFTU8UixTtfVtdr08NHzia3iM0jUl0n40gCe0kYhn/7AsYcCVJz6hY5nNDtr0+v0J9gnUNDAqhEOVI24WfuLUFeojLmKJH+XyFdv2Xo1cB5oY7WPay+Anpz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "D3Cjyqsw4RYo9pdiZIWHYK6q/x4yI1CtQAt6+BaRPb4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x5aJdTTWOmvGZX7VPWvxmG4KdCz5IBT0QWdYqYMjBY6hmx88mKhVODrSfuXlJwQRGYJk1Rp2wtQIsMlxHTWRRNM0V7hRMN2T5KPlfocNlFYNXk6a7mXDYQcfeY6ZIWb/XFqc0GVEk1cPPQsoGIE1RT3vsfpVXKNPG8SqX3FSkNf1OuhYWh5htP52HrXbi8dZuW/U2kPNbxKxOJi6Hkt37Vgqap4NUOvTYmLbNWdeZ5Vdo5bppBLRPumrIRKOJ5h/WlX4BVGtRVxvoP5Msx6F2qn+9+Q/g+mULNduA01nouKpgHQ3t4OEuzlUv0gFpfpx/B4uchO1JVgZgQdMH1fr8KWCpp8vCxdqI9v8eLp8LuzoxEBsrItBBt9FZV0llw2XIUHUR7xpe4kfLMxwbyxoBNQnL34nn5eL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "D5wkaiTqy+H0CBnBi81etQyd3UCItanU0BQEyT6YKLE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pJhNAop5IBtQA9twAfVVPDwveXGwOsha8WNZZVXGjCXjbMjHtDw5UFIybpVShuwDopBsPLIr4qKKzZaOSiuvUCgV9nP0LVNuxliWERgqRF9F7txRrtjtlTONbXRO//zPLn2XgfyM9g2p5xmSz/Bwqrwz5DXk2E7mKgHHj5ljsV9J63YYO7kGbGAUCzoeX78WEYaA/zQAKqwCcnj3Hynn/WrHtkot8YbL3Y4HpLAgsnQJLrA1Xqy8uosLKl2D6m15l8r8YWWro977wVrxw+A28+bpyXUHNx6SwWnlCDmS9iO5H52+s0IF3gZmBvuDeTn5Agvg2iG1q6/3pLQfahrdYvykuUVtIvQ3f8aObR0z4sH5b8ldJGueawQppzo/3e52K7h53dMLw5akf3ctX1+rrhnG36iaEr7A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "D8k45PF2LrzSEAvpWDkkptyCzLJrqZKlcXp+oaWThos",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q96IbCjEZC0IHapVtO3ZFu1/QVc5b4huSqbRQGPO3tt/P1M05Y0vKY1q8jB4eJak39Kq6x7FxZpKkV88X/I78DdqSZFr4u3Tk1ynKDlyBEjwiQDEPU4muIzalPbFzdLneaziDWpoihJVqHSgNFahYFQs7ReLFJJBsSIrcdLdJfhPlPUxReMUaSUont6OG82z8UTeWSAcF2nCmnWSgD2tdphmsJbprXzlUxLkw4vqJ+dhPRs3bWyumXytiqsgb1jt+IWGiJkxLLNpl8v2DnL64zlhwLriV0U1NRPGodCXGgN2842qk1pIMs1b4w47S/SgNEMtojPbknFu7IYfuBQQqwOpdJVutZ80swiL2ghlO7Vxz0YIGs9vfHPwQuv6HcobJhsgn99fxATYhzGX9SugQA1sWkDZb2XG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DAWG34MS2RCui9eDpQr4nBNudVctA3vV8/Acv1o27ng",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QcyRDtfHlzQ6Gr8UZDCB8TrgXQsb6lO61CbCIWNa5vXLnQ7bbzL5FJZn2PIcMTnQ1Hdi0kUBCxhGbkBmFjlfDrfJRWKoXB45x5A7hFGe7DHjVdEM269z4wXUYu1DlSmG2vuYAPJDEd3RPgTfMfBLE0/9L2SNvkjI2FFxil2KJ+AC2yK2yopwiMKaK1i58zN8+4eoYOuoKBENSkpoXtJzwDtHZZBtcOvY+Q7g1KiV7yRlFRqnalYAoBbpQG8ey99SU3XHKmOYB7rRjtzdmcyv5KY2bUQgfl3ZPZGhLZxMpCZsYP1fxCxLm46kd2gy/9Yh1+KuDzKhv1FKVMkWwOc+5OsNP3prx1WhQTax24L00ORFLp82ZONhMZrMgi1hZPpWkEZlBGet/ybWOEhDM59TZj+n4Z0kmlC1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DAZrh/Jm2VlvZYwThtu52f7aWHZt2G3sBZXtWx4QJwo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jQKSq48fyI3cs6PxzErzrGma+oGaka9Xdzv45GxMrQ+xTcdy90gX909dc8PlFjJnCvBMSXtVChhVv0Q/b2JHuiOX3oXmG84rk99KtCWi4STMwR7/t5ueNJvGINxyg0G9qxrHb4dR27mV7zuiLQ7Co1/rxo6A+hQ/5DWvLUe7fdVXzp4pP0yg2A9DXKKxWSPXby1Gi3Por2BpTznGMXyPXPTmF47eHG7M0QHGzqSO4IWQRAVMdRyuhfQThoUf8YxwCW4HcDxV/pZjtKmPTHuqyOxQqKaAkHnL1UvveyUz/LwN+bdGiaMOP0/HiBuzUQMocfyz4J4GuEdRjoytWX3mU6V3AvMuHDYZM3CaA1vjy953OICdpYp3L3wNTD74NAQDb8kBz5cqG6Tj1f6yNRZOV1WU8TZ6/qCg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DAhMtTtZuxcAxf9ngzxkpv7YNDA7t20cJ30OyFE8C2I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Eq8fspPM+BBKXhvX1fxCP6PKt6bridMorN5ei5fz/Tn8i9MIfgkYA/6kjZYLp+Dm57Fw/XNnq60weJ9BsruDwwjl9J983prsFJ14F9Pgj1xDpGsXx9Gj38vtSNtkrIX2wlqSfEvj1u0JQAsJJ/dMo3E9epku1RUOnWAaN+BDF1DPD7mixnByhhR1A4oaAJA4rY3qAJZOsMIWTMfE4XNm6CdhUvUM8R4VbKu61KTXbaoySMxhjhydwUrObYN47SwG3EcAgpqnUEe/B14LwHJFXPr/LB2q1AHjm440xguhkjeX+syqGW5/c5RygVj9c48fUjonnqHR/CIAtFjwawoQdGLZElC7yrXhMYpYF/83NGQSRwrS6uzqA44aW3hbpqCsyyybl9WCjqNZ1GNLBo/6LNyGJ8A88qiU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DBagvvx37PCezsdESwkebKw1qJLvY7JYNs5fKaFRmx0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KJb6Amwmd8NOmxxP9CGPj3uI2dUfKShPfAvf8jKxX/9x7n6gzH5DmUTJ1ucOT5lOaTwWxe6a7Cr3GZoLKTN+LAunp3o6nwP8AuPW/K0zooqKZRE3rN/QVgDoR9NlEdlnPrV4OhFRznjQO6IOdMHw52wPrhNUO4QIdbsQhRR1U7t/BGXJEdEeProMq5Q0f98awEnCdxeU3EwNNqdj38ejRHuX6qcyXRBplGTvF8jrCmk2PHHosURZW1pyBM0x4v27yPenKU3LXRyJ2iHcy5wysVNXGacQgQYxCwxYokcfx2kSlDpVlx5TC3EER5J1OPYDn+c6fvvBo8KsWXZwtBB9dI7dORfOW7J27rY3OWDgyTmElKCowlhJeT42BeteO/KjDjfrnIQl4JXVDOIFAh28w9t/INJUPfqg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DC13IL+epsQQckcv8Uwtrs3XocIjWJFY2YP6K0KYByA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yROMNEu3+99np1CSAZvoHhz6uWZ5V+dAuHo+9L0eimnPxQUvIpt6fAfWbclxZYjAT8Sw6FHwUfWeGbxToGgissQjfsch5o/ZQaga7pJUR7mjSFhcmzOigufwxEJ6EEVnYyiNW+vaZhPO1GXmtu2D1RaJOCm6H8ITRZMC/98+6829xHXcEK1RtZrTdph0/1qeQ9emyKdyWrbi4RSnn/AVLr7Aa4/tZPLKfVzZB4Jo5UfooeEkpCPBhb5+41mfC74jhEK1XkY9Pg3Mosa9a+RBA9+/49lz24pCWpxsOp21Ha30I2r0rLEsVJNYM0Di5f00MQipLWFQBg+zE7a6ojXurpTENFBYaU9qJwNBXw7MuGWXvIqVDJUYIcNfxMqY32aL/mPakqY3nOkBIoITK0lhG0iW/1kRdc9V",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DDkfqanLs2aiX4VHpXEtU8l1QZ5+UwatZifgK3QQppE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bdG5OhAGwKsVUKCZYvy7oYlTr9hVetAzMYz1RsLhPWft4tdd4122RE/85YjvPDujiGmoDTZHD48VMeFWVNJIwUw9LuTbLDu7YEc4xwRcxVEkjp2JbfPvTqDhE1xVE/O7HKWmnQS9nSfDyrVBWa2C4vem9EBpUdFXnjad7aI9iYQkEXZpjPtaKoIX2//xC71SrWrgiVEF1oIaWEn+MGJaOugs02cnK6Dokei5FW44H1cRtvEY6AIEpnZR/Ghwcekv0LPiciULXCWpBIro0AiglgjogM+R94BgnOWoZneVbi35kNEBpYAYXc6wgoYebrmYq2CMjxEKj2Zjll/2SfHb63ngMuGdRr2eO70sgYYOscwOejXACrYKN1JfcJWLSNiH1XXCeDanqfbNeDCFtoljYYLTx0AOhC4u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DFUrZtRSOzFKvtz8enYntiP2a8SXLxAyHoSHZ8DZdTg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oOnol4s4DC/rXcjIuvsn099dXSvatgNfajY5b3ixDqKZo2HJF2LFc5meVXq/8HJxz6R8mdih6yJdSYoViNzjVop/7PLCLAzbS5gG/0jS14/yesJ5vKTLJuFSCkijuSPKZL/nWP5Dunf6ggECUzv/TkPXsZ9J3FOZX7Cl0htoTwvlkFUNMa3NA04uinSzt9Y+JaDSJ7Iv6eGj5Y0/nP1n0RYlntD2rl1uKp4NH7V5twBL2ORmFR+dVDTFNAd5x8G3s4WXq0lHkUGh6GQDV+pU6pvN3+phjo/xrzj3S7Ug9QQ2EhilvtIfVC97fj69gNhlaET0drg/XFbPGY7Jqt5kcXn2mvGoNAczq74NDTgNg+YdkFu6ae/dYNgj/VNTI8s4UwQLWXSbmMAoycxF80pRzHmVlkNZAMSG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DFcfB78Qn3QNE/sjzLiRNqIY/DLLJ1e2kh2ni5pMX+U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "l5GfESp6kIinDdqzWk4S0lvUOOY+SE0Pd6/1I2Na6CJTiL33jQPIh3EBQUODCqxhWeqed9NSQ27GoUBmLj1aEOZIDXPLPpuZeIT36NGJ4K9m09dAVZld2/IftacX21pbm1ZbYkQMj7jPw71ybrMCWRt6V37qVA9nS8LTzagGA/Lpbxae5C1YdWxvVG+2VhrMGOwP1AQ12ptn5qHYyxkvBH2iYDjFwut3zChGhPKCd7sbdkEUQP2RMHYodmWZPdqtiIygnfE/QT+5Uwx6hy/vvY1yI3HiBy7u4GwyJKFlTbD82ULX+CRNL2+GddxpXxYbnghNlOiwpaUAnPDKWNn29RUdL+UhVofB3Cx1HyPzyGW5ImNIOPaeKGr6W6Nsjdv1PIz+k61Xc02pznj8xUFkKDTijB4K98QM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DGDzNp31k3oPIBYm6CM7WYrnv4uXWiGVXvCmc90/UJU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bzCVlbwuBom1lDzXJExuZXjqYtWBHpvz37+Ce6gmCjikznuMeWGJcVtwnytFjfU3Ttl+IxqzKHqiBrv3sHuVXD9M+AwYP/iSiKsvQbnjshERNFBwmaG4l1EgD7Oz5o9NTngokO1P2sf0qeBA2zpkAcKL3HYZ9ztRyE9tqD5m+FwvhY28dtiy4tt8JcokjDT9ZOXGX2Xj0iWIUXO4LbmdCq/LXow00kfbQnLIT1Q7w6+tvH3yfSnigqXrV+GY4djUZvYnhVutYdNnK0fzWP1NicHj9vZ3kVkWXxrcyepTqZjR/cxfiJSCbe3QQiYuuEhTV7ZLds/49XdnWqXfrLAeGZjAErvGyrn2g42V8Ko1wOL9rXdjSjk4H4X4RABQ1fvc5SCVsboMO8WH2RZu6Jkdyx9kLS2AQDop",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DGhb66z+buNdxG0CxFamQSkec7VnlekjylF8QfvVCVs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nXUb9rimFAfVEdUYpPUhbu2kyxmYrLNOhxQAx5npjuRGjWfSkMg9MAamVocm4CwB0q4kym2k7Wchnq8d06LNM7Pl+u/0NsyjgbqT5o/4XaH7vZAK+UmYfSFY6XNzhm5MkyqMP8iD5TjJarzzlCj1gbNq84Jk6PPO0r5NanGXKpw4K1JgNth6PN5szdAsd9XJWSo2VmwgoCHv7a8ZStzqDQSQOCBRIMsRVAtdzOEMwFY8vOed5VvteH+dZvio2eIPE7cjEy3izEKCyphaIMq1PuIeXMWxyM4rei75buXzwWW99Ewwq5RW2yRLl7ojTDpQ88xZM1q55P/4Nx3j2GWdJgTevttqGYMaE5aQG+i7oscQymc15g29eTXSt0hZZpxFnWlAsfOLRx1DvP3FTtfLVsfEc8lHYIQk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DGiy9FdBaZ63SMwS+K08fkQSRGDRPcN8jFcAOGlKEv0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/Vg22/M0aBZvv7bthRb4CIvTvpQa3orl6wVa0gcUtTgRGokg6re21bifhz8PcqSbzFBsigVSr5wY6CxsY23udepwCSb2rYc+7NDirVab7V805Q5nKM+EE+PVuGUW18FayjSb+N3s6obOXVmTkBuJZAFzeyEHlt/p1EYQXRkWKLCssbHKgK6YFt+b7tFf3GR7w8XI39649H6UlDS3HN3EydDhmxSIwyS0KTJLiSrmfh94D8e5f3dKz6Keu4EKbPm82pCFeopEzddlkNp9Tavl5wLbdySZl0ay5dN57PnNaJsAcQcDuJXejhz7BC0KmveITQnAwoWuThGH8a/PhooxngratkmJ6BDUERXwYj8Cvd9oupvDl986fhQljKQHhL4ICLLd3cvNwrzMTQNyUaeIOrp82ZPGsXN9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DH+9kIgWRzJhIbhh1ipNJsxlkb3n1nfS6CPOsGodZr0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9kQnN7bZK0cDXbI066w8vfNWq3Ac1BR01n8437JFIiahXl14QSRuCD8NC4fT8Id8qgW9HCF6Bl079oO0Cz1vrO5SJyfj31Je/BatLl0NkdUQk132MkSMRwurLxcUnILUP9qmCvs/cFlWL+Fp3U5OI+jQlQ9B0q4vB1tqQLfSM/aO3e2fGtLZKZyxOqnw6FUSUfPaRdshN1ehYdEF4HPmbQsRZfzQgJ4J1CNwmd40sgVw8aT2QJJ+VtknjwdUp0uaClsTXA7AgRMWiyPZx9t0YrYd4gJtD/PSELFrRP554voIhcfRIjJBBClmimIZzEiBfgCIaNUO+G2tfxD30VsbJRkaHRgJ48TbO1Q1i1l8QWIdKS6NI7+BpZtNN4C5lwLrZas7CMzNTipHCDTn3ztNs30hauuq7mqw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DK8PZIDqdy4K9JEhYAJDjkgg5Dcf/EdUt6La//2nUnA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jwIzTiL39lSEndm7RcjucaWYlE33d1ANkWtR0Kjec3l0n44W81MOZcc6Fo3ff1AoDL+3a6+re7qdx7oH9SuZAZcLJ/2B1EFFI6B5LoEuDtbSuyeCZaul+iffjJrctn6FgsQ9OfvDTmBX/DV1eQN9jYSwohHzJoiOZWzmef/FeGDhmOF1gNcu5VcZuGc2c7gX/8PME9qJWlOlDnrnBHNLd7gzKE6rJFYxDB9byN0B1mmZBpO3nl530hcQjW4Rbpoq3HODNonxG5W+X/WNyi6vh2xLM9mqVO049pBub4FVHLG1lKhTdnUfobIQiPiTj+E3Ao2a3kl8+46bP5aTMJ46Ay/gbKvIdQ8f2Lj1XNTQ9CcCYyaySn76LAIPtSfJHfe/bjjvBWBFeV6rMqVRW1A3ZDdoGR0axqGs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DL8MISGntaK/uASBCiH4qbzr2B5CzmMsFasFHiojkLE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bTGesWO3JxmBq+LkAHNL9PyvV+3j97866/24pwQrJGHxBPSEIiO8AK9oALpFxyYCjbhR2w/kUC5bzoZH9bQIz34ZDfmWDwcTPZW/9FUfLtv6ANYtdSgL7+f+XUgi6XhcRnk6m09Cf6qb9a4o3kYTyHnJHA6lvnpWjWnOS5YVlw6K1bdQDbIqIoa8HuCUC0PpypIz5c04eIa0aYidtMUD13Pc1bQcvGk5ySPhBnRhjlItPatzMxNNOMwg44klM2TyomkznIq/m71cvdiNuinSlEKaNVaUumTijARwEkGaHHnsoUtvX9sTEjEsE2ziiHO+v2vTI4S1Oc8ibc3zdyCl6f2blHZg9QGI5jO6gAwNRXbXeQbCqR0dEiko4hdNCqNrHzHAMmSQA5H6fLWejnyR994yRHp1xMNE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DLNQKKTh4UQMbxpTYcaOQBlHsCm9yWSjdY4iYit+P9Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gYDCeHL388K2a0MG5zPI3Jo+9VYa3ic6ykn/OaGsfZsSH9d17AeBWmsidyOdmINXdO3RCwYKDbsjMvHHEInC1A4iLKqltSZfCXhKw0fFwsV3yZno93YLin6GRX1hbW3TDDcDEUc9XxB+CpG/zmpDpShPRZUv2RJqVhtC6HiCnl72zEIPVUet7ae6/im94nbRnVR0LdLfXSgPvOm6WhmunbcLOwEXdWiFLiltd9BBobeirG1bQqDjd3a+RWhT5m4r60/e67zIyVycJb47iH2n1NwMEEz0+MIdb9p72RWKpnZYeVNSr9h1nSlWy/CyQi5rM59gJCuT421WvUfJl+IHRsz6fNiPATDZaQ2NOV3/HGuZnQHcRPTrbhTjzDLWVy97ceOt5bTZRekJ0rsgScJWGe012y7BFIDB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DMj4/NhZ7eS3482PDK1kXHviZCK3dhMPq6jL9Gkvk7s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5k2YUsuvEXGuaQym+lgzo9QauIV3Yv0RI+Mg3eR1eXPzDUjQubLlZ/vD4w80BP4WnC4xkylKFwIAkYwnU5LP+ZHRN1xZLvPNwq5CIirnU4gYxPMmToyAns5BuFkHjSSRtD2OrFu+zI06t+pvuvA8VVJpqA9+6XASrljROAYvQl036ZCuU4gyBIueupqDwOzWUV9i2ediUVf9tNveRQy9Qlz16E68Nv+QAofCv9J7OFq4zPh0H1inZIBaglgqPBR+bks9Rm8Ip6buM0Ptd4iIgi2MT6EpcCX7LL9NYDtuhi+wGm+B1rWNV9EBfSU88aIqDnkGPYH0qDwbzYPFBG23ZnFGR0Urgrj13VU49BQfKgWs/b15yQ0p6DCFwiGM5SVX5vhQovRhITI6Y7yFfozWvx2+0O/qRbds",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DNlCfHh4zZvfxWInZhwE1Tvfaz51quwQIo3h1k22t/I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P9lIdnfQaffu4wos9eyoTc2wCyZmiLgbOIrQ8C7u6zlQxVaWqoIvcldHWTzMX3g2WVL/p2b1I93adiyEejKlk6rLUp/jrFrBcGup+vyvtKRnLGX7V7ao7L+RfYxN4BNOogolajVI4SoYxdaG1DwcuedqQ3I5NxBulTg8lWxJh8lhIdxnVtP3giwojo9lQzu0L0MstOZ3ti4UVJxRjeB1kVSfiRgEPvLwoI3kx5cuGG98lCyUboesIOAgP0HYjlDiNEm0lw7pfv4gcK1Gs+7qqrI8cdlQ6alpn1KhjFT4H6QmAdrTp3z2fi21tHUBd7TnD5yhGpf216RMunFm6iwNCOwuxx2Ee+E0UFQ54HzW9BlLsfSWp0Qf8XhhEWawr+A1/kP+pNNT33mgqAECoC8tye1RR1OO3a8d",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DObgt9L4Zkthq1DL2VSJ4mNNWymc0SjzBU7ah3LriZ4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Hb2yb5fXSkG4/huimLtHgrMuX+MjVyY7ZGDnc6QtsomrgagIwZ94bqhcgiN3p5JfhMA+xKrO66poQxQJZew4XyBK18Ff3xuYnTWuNsX6ji8rl7e6edDRS2Mc+XvVOY8vv2WXaXKsLqc0O9SlGjyYxDF56PZPqlggkffZ62FeFkybsBtUNWPTLlnZAhtGvBwVJ34/UarABWP+JJbWGis3tum0/ASh1HBBmO8i8lq3FYDlT8Tm3arClyES9BEcs6h0s+eWqgE4ikN3LUWueptXMfI6/29XLzAcIhh61eczXwgheG+eeszJWHGXzW/+OxLNn34Dot7P81u7YWWrIlHEbOvyLozXZoLkl7WLkO4uuL1syRD6uQUZLsncKvUf9Neg7EKwSpT5mf58INaHwhL5tDjQpar7nnuf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DP6vitNFAeFeI9qVcB2VD218J/H+lBY0pAMe/U/ZnEw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KEYgfmB0HYNuCf2yPgbQ88s8BPFThrCo1sNBONSeBr37xatavYsGLTDDP6gX3MKdzjKEYde9OMiRCGQ0Be/7UV8WWzcIDZqagmSpa3zVmk5K1HbPyMGkvVzVZSniKozw+ZZAQ9wXXRCkHzzeXrq1EB0CR2TPm/9TgM0naAfZUY0PRkMb1Wq+YotHkTEDPhuq+aHptMA6jT7Qi4n7zt1BSlXA9EfV+dvjDQXMXXAA4AAMFqhlwLLZWDQ0G3FEhkQbx/sSMloMiY3BUkYxDw5wjjPzPMXcB5Eeo52d+PKX+RAgpD2ZduAY3Ex0NzdvcEoHLoZT3U4nzLe0dhcnr6OnunM78SWvN6LcTmirVIa1vC/alKOBDgJuC9t7QCzjdrqQK9rHCLF+MjkP1AmReJN5reoO/KmqjysH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DPV+RBcNWKUaacXqLeA4U4YIe43s5l1r9ddkUupFrZk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B3/TtqqQEMLU2eAwjw1CSu9zjzwR9uwQtr0HvSRMeCUpiPaMv642a1NQX/Yo8r+8Aix6AmFum2CNHUTUcYuyxQFfxYrd3+TOrT3SmgGgy7dfthIxZ2MRV0LMausfPIUErySgo9BHZ7te8qKFZSCm0byH/wVn/0L/fG7AArpK1wVH7PPHPEEDyQP7A3AujO7idlsMn4tHrNMtiWxPVLahSmsibsPQkMrBBO9CLcuP3Fw9CFIiMJz9oZlnCX5MKIHy2h8xPO44BIvLkolt4EDCMSprHIVOHZ6JClcbhDPLTTaCUhTnhd8BeL/5NFVFcXiYe/KAzst/5vZ+P1fruzMMg+OdeQgXnyYn7p5751otJ2yzh38XSDOqeNqQqP4bv/yFDnR0rLRWhcM8VROQKiKO8Ez7vGrS3amE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DPynzN9kMqMuGVa+6xpYS9jvga8t1+dyIHDWAqd3iac",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4ht/+xP4U4FtlUBTlnJxJagw951zP2HR2sULVzXFp9EkqJraNj4uT4k7daqaVf5ajKc6uVIZQ6jrEX/4ov76EjN7VelvvkXkePFAXS9BFmw9Yi5MZu7CqsGGaailHjL8+kvURhpiwRYh2PKrCcgheh3g2Qx8p1xvqpYHbfiaytxcnoBzZ+/5kI5zu5wn7Ph6OqdDpluysp3XcwhcSjCvA9OnKns18RJYw/CqAm1m8qsN90afSmn7m4Tziv3V+xaM9jOoHeIEUvpFxmPT4Dz6f8d6TTSPDeUspmtrMaeXyu3XXRStcHpFfdubLRWxlC7TX5bjWoDzBbZqDDKozk1K1ggFWwkiFRuAt+69lQ35hk5D4RS5F96ESMTMK54ZMg4iY/5zxpCLsKq6yhVIDtUH5ZUPPKMb7ULI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DQharTwMBlT9U28Zu6Fnqa7xOWggDlkiF30blJj7MtY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P6nxHfo0Wsab7mwe8z+u3n43Xug8CmaHKRqgR2PKBB45S/GDBgL9jIJh2ccQuCuScSfOJAr8UDOq5t7Ywc0ckCElgp1o6eYMuE7NDQdMPXjib3du73qoYj6X0cUj41vY7OtGEJHmow5QnHvJGLaQGZQkUQ2D/UiFnimdVQBOSF1cF1dcisOUdgONzkVx6NN5FT9LSRkxhcJ8gX4T5X4/M88lR3U+eYxH5NbfB+Rx0yHHQURbLrYHjyEMK1qOkK3RRXP9zHLfFuNPHUbz4KKK57L+8oLtaPYnXddsswmM+o8Qw8/yBQI4x5iSa3PotDF9FOtHNdD+8GLDqtXrqPghwiWI3lIfJ5uunzLxCzKPRGMK63RJKr0cnCFwdYK/N8WPaZ5kvnLnfwp4TLrcjlTgQaPuGQzcp0vS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DQjHMyT84kj/u5DlJQTS0x3avfjbL5D/XKuXsZPSXYA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OCEJX++AD4UUMxDQCHXKt2SBX42a1nylYKtGzcTVaorP4gvSzEO/TwJfikCJ7R5R8hU+nYGS5G5iOOLHcGmCFSd8Z8OPRLUav/eje2IA52BvQ41wE5fgP1DGccE5fXvu318b93VvF73azggnM7GTpC7UvcR5Iqv7JKxhBaGIES/Vu92nKjFyKUi0J2RoSsEH6WzzwGewJI1AMZ/+TR6nMe1kuKH19b89R3ZD008Ov3mZOwPl+aY/CGT2G8382WdTEVQfo2df824fyA8VV4z+wLOjpd+1cguKnrTbCqTSHcI6Kz9/jrl1JZhP4QKqPMHELrCxualpJwPzSLAnfvBO7/NiufSMtbf7ND8vbSmTyYF1SNSXifcktR41VYosoZE9VgIbi+S76a32w/NTS/dys2HihiEPrHH6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DTJIGPbTkP50yAqSMuovR+4qmEHSv517nyINL8ZUU6s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yQjA0aiaeVcqI8u+AIZLl6R8HULpO+0GN1UAWusLor2KS0exeHxzc0LE6K/j/i3nBfIi+3WItOkgDMQUZsR3Ef3SLpWO9KolwvnjCcjyzvaItfR7M0pXVuN4+odOtohA1U7OxsHCUqtnR5KW4Fhu1CZLMbEi0h89UpTFMg349FzIUzFnKbHpK5KfgCwTd4q42HYB4BO+R6G55dDsUsGWkz/9Z7jYacKbkRfhRmqYaB6taMIzKMVa07FZrF6BADG5PQLqxDSh8ZAzl2FmpW4p5HSzcZ/+vEmg2qE4+UyjU8UMyYQ2+kycdxLFpDa1VRcrannobhg+FcQHGHwLiQ7oS0nHb2YTeA2RNc+jbbmxIvFSukXZzaSJDhvQFqby+MH17d/yor/KudhF6XnLo8eVSK7sTOI6Q8By",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DTMx+6f/Kr/ZaAOzT5r5SkX5ffMzfUMIqKsdWNIdU7o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W1BGOcSidMwpVsV80xSygc7nue0f1rfikJ9ZqtbF4lQcUlJWp8dIB6bUaY4GxATcvP8mk5QK5Hyp7ZeNuFRtPoHpuxwdmGyYMvLr6V4QNkXWmvd3NOHjwToxt3SToW5m3cpTnVxHhHgfCvlnIHP1AuARHLOccezsBA8Zq6ZoICsqA6yxX18O5c6zx5psUeiMsDN5gbyBpiITrDhvUPIeQLfvRBd1QiZsaj27+s5yNxqmImdmX5uDazl3CzHuqX+YARrNyHNpkFIGUfbdLSOTRuAXNMiknplDZK3jHKDW9XXJbxWnElxhYH9mlrwjviPEhma42llLvYbp4Yuh6lGg0y2ceQ/iH4/MY7nJjTEYIKN3J2THLfi7q1A0mkVYeAW1YAcNjSRTcFPcXV82lfRTnipZKRrcXuFe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DUUwV3LXAP9jsqwsJPGLNAca+jvyU7auH2KjuRdhlhk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4X94D697L2G0ZF+lWuMjZI/nDltFgttXhQLPImqfqW74O9oo0JFa9vqkQFi1KRhn/ohQv53C33MsRMU7mSLmkgkK7eVMju/RusIK2vuFwXqkVH45fAV6BVGekXQ9B+q6yotP8TpmkzTLZnq+odaoVnjhRkyIEiG1qpK+ni+VEm9zYG81z/n7VNKXTFXyrd6vs+ZWcGeiYHH8e6MUtxMpx47Ms8JrRFtfP2OsT36wwDxLAwLhaJHGuU0gtf7go+dY5Zie34V/1dhCoojbYgHEVL94LFYVeooARwLEDVgWB9L5DoGRD0D37cnb/yalbFfMr/FJbVnhxvkxMQdl2eSPY27wi2t7qAfqX+mjh8e5b2qfYdfXq3PK6r4U96ycc92+X++ddoo7geK365+nhmXAl0s/dwG9i+gI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DUVihJbK8QQmtYDUPIOONuf3L0QqY9sNpvaof36ZCW0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YKV4goruoOeVgPAsJZfxXslynOk/1GvWeEYBe7NNxZhScKtrO9tvbQLNepjb6Z7ORISapMvBkLo/JE9UFoKxpOa+HcE9FRoFqb+7D+wPirC54CursRR0/ZhQF+RtvHFVOFeTVCkQAIlo1OjduG0+EX4WaENhuagPbVBHimIAMWUHdu87Q+sUC5aDO1BP6m9hzaaVQbNRxegY/eSlVLmF46qNqymLovA4hBJxVeXWX0baSvT/9m8g3qx6TMjmeuXEmXB7WqvYwMh0iKMJ40Ad04NmpcgR9TMeur5irSyDnyzeb+WVXsYucYOFA/SWwvaP9eKYeNx1Td0y91nyko6UoHEYrdz3cAJpAx5fHa+MsiUbD2PABrxD4ga15NandAQH1uQy0NI2AcC/QK5bEffkzcYT+v/LBllc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DVE0i68XC/G8HKxf2lq8WuEgTk6BRscSCrAxxdNp1SQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "h8laNs4S9h95ti4V57Wcj6WN/CyGF0cpSEoXfNaHnOLV4d73o57CiOp3jRDkT7+f9n3XkLNZLMnaoLxvBbRoR8ycASphrY1MB1BYlc3Hvsct/coV8NycDn4FslKo9xsdzo66EGIE81jOUbp0gePG8AzT/EZtF9KTZaGeOEg9HyfIqI37UO9KRM+wU8zYUPESwL06OnCOsd7JGGCY3qO4qC76FgVCqQ+7hn6iSXRh8vPBZ8qa1XmoMm8m2CQ3RntgIymmbhXupbD9ZGbpDgiHGzMgTHPA9Tw4RYzxOA7SxZRyPFG5o76wEfwyurelEjLyQkzHjVTDlpkpiIklihsO7houDOfgM+Z9mNzgeBoN3rZuXNt56qs4RuWCaCh9awlO6/7Sd6t4iM3/KJSZR3zcrNl+4YYcErhw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DVfL8vp0rOc7Kt2j6XpTB1fb5H8jW5A3XBZpGEvYgNY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QivawMaF24j5EUXG+b71kSuvMLjNqJmgEBCVV4r3/CbwmQFCqTy099K0X3MFFxc8XfdY3/cwTewOSdnhzYEau79pkhIb6KdzR26LTXHTFQW8M226JEtZ8ot39FnveyG5TrW21R/CYCTL/zbTc6AeWop14RDR97ZQ1+H7LC77hkHDnq7YtEEMT8PwiVrGZYTADAbHk335gWO3LrrDMCjHlF0FH5caSGV7D519z6EQi/D+HGK6NN2e6l+6mOVrsn1GNXuUPfGUqhWM81GfWktNk1QGctw5InHMIBVvmf11d9LuM+fRoc1/7O1IGlXbojW/hWIUD/GH71dbJ3QUXVezde/n35VKleeTxJGvd1EGz87w4DmZ9Pm0JvVtjA/Ul1wlsAFRWmUpsLphyF3rllVKM0lsoDic8IeJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DW4m5ZpRaosot57FrN/zheCfhJFKJ9jUqWwkGHJB4cQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0N6w8k5GPgYYhw7r1qogjljbzRIOUH06bQwpnullWAled+wQg/zMZiE58HccXJNbvjo9l71DxS/H3IaZFkvtxp74d309xXsmbnM2/Z6eqmVrkKZiBOYqBTSij1EXigSnbSipnq84mdUpxV1CGnwoxD0lQLdQ3F0XtULVMqhtmiKohs6PQf9yC1nq6SaasTKAN2zQQ40aEVnu2Ea6cvry7cW4V+ougETHgK9gcquZG9IRQUVFwFTPhe/mJkCxFy4127N5wi4zDlahRV/s3PGn2I+f7HCThP0jJgVRDZ5NlL8DQDYtTVWY7qGOjd59wfNvQJ+TSq2JHICQu/6bjb72noly2JiXTSO7V0Yj1CNMeuEKFzlSvUbAfckA//SP6wQVsTnaxKdg6joJb/3+fvSVIojI1LniS33e",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DWIpxZZ+IgP71wXgi7/h/I5adGE+Ydg/rvAG8rJ0szI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QNUqFwvmJ9z2lcfPGT3j8TF1BOxZQwsKx1QS91Wf63MLDogvIn4v0wZhY06/yCeImugx0+/CoxOoRKrE7ZtOv7IcTQJcKz2l+1u6AnXxs0mwYqKv25CnkFaLYzwHsOZ1A8EB4tx98c//Yr5tvKSG9Yz86eqp97bztKP0onmYgSnWpQBhcyr3dBuH8C/k0KNNyCjlGFnQwk587Fwp0IwPesW/DBf2J6kDHnTwXRzWmMeLkipuAXg4CeA+xSOlJ+B9IbSiDhequayLeNTunx5PmFVRrP6oMKrxjThkuM9yYA3/RPs+cCsRhudOEu9jNv9fzpBS1ujG+ng2ohkJx4OnWOj9/UD3+UUlgb/O4X+FZH7Q/8ZRz0DGAxPDh5G589QDnFM+Nm/EuYA9ZDQRsLDxMne0XgQXcvGp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DX/JgWYs/czrtuEoLvvXUBEvvmU/8xCoffPhARJ3R2o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w5gZoF6970YyZj1A5v1GU2KkYVv/f/9UNzHW3pugTG/qW4Vcl3KrYTvGnDZuBpH42d68R0t1fJ/6d+voyVhaLi1JobwMBQJjjCdB5UqxrIi6QvOjkAjqQM4ydFnmnrV3CQAaM4fI7IrlnKHKBMzSMHDhGSJqrk41GVS5u8vnnW5B1aY5igJQFv6YTEb0QeAEwG3jUsFcUycem5QcviLj0OIFVUtHu7oSw1TPc7BfUDrpsChzPjTjfllNs3YJEinOHtcKAJZOxUKh9bV5sg/bTGgVKSL//kOA+1LIjQcCxjsBYGYG8CLWTF3CpcQ4tvxjkrDMvMsyPS3a8wDIQ5pZsxEGIcZhD62zEL4gQvqSMufeIRA2X2a25mPc9FOFOzvCR0FMlqJZs2ZcLlzgVCWNRESCc6Wyudtf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DXf33SAtzMoGODm22j8NrNA4AAb/pl0HF5DI1TzPTOc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SEQDgSnojpmie5gDk6XUxVGzSWxhI84Yfp85haVplWg1S5V4Jjo/Pk420+O6/boQqcdO0n1nzgnrw61JXsDxbrJqjOhJPsXr0jIcSzv65fABmaSSib+sUh3obQeyi5rypGEg2/5pkSKqc9yDCntt2eUrXDRMVCcaUQ9vRK0DBxmKatvAygIdOeisTTy1PmopBmfCHHXRCoBjeZKZL25sSZVgXBngypFpvzVuE0pbyxCZ2f39C8sJoYsKGixbW7U2o7GsiW1xAb/4B8bH0lyTmj6wO9/WB535e3MgOeqvDMAT/yedFEHp8KmNDkQCfQ2Zt4gY0YQ1hW+QIphXsnj/kpzJN7QpBloPzj+sEKiXGKZ7Hax+wuJuLpvPJYD3ESCsjHQAqvdSXNnaMihwpf/Zir6T2IBTBqkV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DYEBvZRcEaSuNAuBC4qHIRplwnb2LRRQp/3RajJ1HnM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eY0TZcXmXcE746/a5u2uTs5cYmiaOg2ASfV/EnrerSrSj8PwmzpAlbU+c0FyCSUGSaPTzVSqYoQA9he2U6SCOyzhjOQ8aBa1RKhEJGtBvFSulGndky5ZIkf96SS1YwgOQRAH28AQI/bcRR9QvFKfjV8uGDUMp+eefHE9Sh4n7RBKoyUzapmpO3zPK9dcUfTTWs1y+ZAXXJAHLM4D/kUtupJQsO2i8k79VyAOBLmZhX3R1oKGLpZMkTxQXppD/VYa8hL4SItungdP3gJS0mKNY5Oe1oa6uL/2/NpQ2Crzwv3BUHYahYqJSIY6tm694zJj7UU0ALkzBceiBPIdhNRS9K0jiryMJPRLIB8o3bygKaERvs2TUVBkRb74r2MndHZpS11loyha75CGfFDjmQsarvMr6VRx9yB5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DYeVNsAR4As/HYO9jirYSncb66gzv3UXg7QLpZHyOZU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o3p1wIjPN1awojkgmnfA4g0AoiMrTub1ot1w1smOC7hkXprFBw9miTWZCO2w4BsJ0Q/xo6UUyM5KIhnDyYf8qOBopDBxQzLVAIIp66+hVnJvl5dJZdi38bI6FnaHmfpSbkQV5qoAxMqpSuhHYaT3YS2ornO+eceslFWWfJXSkSLtFCeIS96ElHIOgpcXf+cid8bjNBGC5RVEXTcOKUb8qxc1zswANr5giPxg/Af1TrVDaVcqZ81tfD7vPy5wegAelSD5iZgRlhtkFPKh+zXR/E+6jNKgSGDokq7uu+p83thGsM6fMynjQkvYknNHSPAnfmDJKr/j8kOwZz1tNQSKInp5qot+RlSeEGtZYG5v369JgVJaNo4koM0+34lDaGKdvIUK+eUYMCW+Hb8Ql9sxFyE4QPwnVl0l",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DZGzu/mUDUsE5kerO1vfbDYR92gugVWPJWJy4afUPOc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eQkLKzgOG31+DNqCL1kcju5wgHDF185ed4Pddr6PK23Nf2DCYx+RwyWtJHQq8aEctrwizK65zfJcL7NSWBrhjBrKFdhY144L6rtgnxcqd1NNh22Mv6C4YhRMOE4JaQQw2Z+rSfI2vXJyQYQ6hc19LE4fGaZzooTahL0FfsyvyJbKqQTtOorVAm/TcYkKyujlo/NAHnqZ6CP7MhvVgyDSiyrMKYPMbUcR7wDYivmthvxU3+9aPKwAJMT4YuUNtsV0f55/fhY3ib+7PFyDHCc4/2KRY38182u++zCtcQZjSkI2ZNnR1us71Vnkx80G9tZunziOtLpjnLd2oiWKBwuiRErKItWdupMePbdxo9mxrOGUmc8rKTyCnR5yA6q6Kb/8ODfum4hE0nAEwSwqtjMFMZ0iD1nGydZ5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DZlitgdJCl92d5n7QyDI7CoCva/WZL24/v8hpgd2eAQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0MWacwgdARCSK6j98y+i4g912OKmoaVmah+ajH+/dCNu6Ul8BOlsCRQh821XtaWOTiqz72n5Xc/ji7OJ6JtWt96PGkDYQWPoUpSKc0kUis4ZmRBzESCzhrgDQVfRjvZ2MoevSkLN6/CPO43d5vucfRhN/xlEhArmFUVyiGTVjvm192p0VfwpCbrK32Vv8yzVoQrArmRApUxQvls+E30U6EJEw4Nw2BrJIBLvyTX+7CT+ExoDNXRQxADq9++ha+fkFocLWdCTZSFdQKZVXRFdWAyHG3JopqdJVnT6+W9OFwLDye2bOt6uP6dzAHURcDCnNHzsWU4ztnUJdp/nPQsPW6RiWgEdhEe+hvzmTBtWAfWiBDXSHIJqk+EBNfTmlY/rl/rnuknJq5S2e7TsJF3WCik69zFDJ7tB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DambLJIDzPzTcLKNMA82JmXdC3CLGOZW2N8YxbznozM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oS7DRw2L7YrP6L0zsQFEdE+TU3bMIFBCE6zEWdPepA5olHWJlwndN1UTz+NLVR5MFkxY7xkqqoVjBo0oxIVlMEcD7kF01ivjSIIgVWoI1FMuURT/H8AfIeqbymTLNUqX/ntZlvYwhyqxyRoHntExJ3vWSmwtxF8m7/mx7PdmbA0RgX2ZcgTBK1GRzaiHAN2dn1lMQBwVoLFFnv2zNoeeSbDHpAwPTEHZCMkl5fm/cRvKUmbD8hTJAqdif7ZxzvB9Un5GIeV+R60+rk3SXPkmG1h+HUvY+o6Zrwy4EzZaj/yPHQO/uHr3lMxKF8/SshKakYvnsk/v34KSDYNQIy/knBDKqsJm5mSTeuA2GxUPAJkN2Qu/7xLavjERo81VaLJhr+nrXoQfhrf8YYlsEJwivqbgDwvv+Pz2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Dc/YR7ubdsU8faCPXcpoPEUSU0vMGkVoZXCfMAv6M5c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f1VcRWSH2SuOHQBST5igSz691HdzYDdmXJgVQRq4E/Z5Nq/ofQafhxqqzB+UFbOD1tW3HZzi0DAX4YQHKLU1HD1BKJZcLb+Embpzfgh3AWMMvoI9InB8fWfh3Ca1RxPy+epu6QSZxdG7EtKkBosTC46aKYbhyJ4QnOlA+lD2wW5lN8Kn2BDC+k3BT+AGrztAwbYkPt3jlanqXHNke9r6/B0RqIyFudPMZKpmJLl0Bg3CGgAfQ9aEzYJUpG/uidOrDaH8JjptelZi26ubK4kgAimKH1rZyU/ymni8I526XrHYI6QcQWIM4U4dDZAQXd8gKjqjjEzRLLHiFTCqknuUMGQvzmEggbueaC6NwzNyx9OMb+TJz1rO+I+49sxyVILSIvp18jJ5M2Z5K9LXHX9s5z5Wd1PUDWSw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DcaJUZmqvIR8hbJIWYtiP0Uuv/1wGDzC19L1bTbtrvw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w2GGsIgeFmEvTlVPg43Xsdc323rfrTf36KhldKYyEG0xIi89NEhxtKGvSvNKaEIInqjMcV5qSH+kokTUqIc4aQq+Oo0sLYztvxNRuuA9aCKT1akSINykXf11bXnCrktRteEhzwqdthri6RHoAGRnup0mQxZ8w+wL0waVkCAqwnypQ000QnUbzD0beC257nemP25GUjBKEOV52ZObIogTxT0VJuzsdRSQWFBvj96lvuKDJ4bVvSv9FWSLyktFNAwjCxNTegcIWi6lH7G0G4lS0Vl0zSxPZOx9TwLd7LJugMCyrfke/pbNOFxpESeC++aZ0DcPD24tcgmQutHzMFQeuFqiT4LTPgkrXGSryKgvFGj0PtjcLTZNpyxc20WvpUNwdtxcwnU3bcNEI5omfU12ifjt5ISs4VLo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DcacYhTwMdcmxKilslSs8XCaRi9hnJUAemy++19i1/Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bxnkcaxMNfB8zCQfw1NWsqTWh2z2+CS18T3GZQ1fax+w5aFao7uRgfwwpVSMKtIJFWat/UwapDb2a1T6ZGURtRYSf6wHj8Uuwd329iUuZtT6GOGw0usuE5rYj84LC5HlqAXjFqjh9at5cUSWOnSwalem7vr/11/ZOwLPhpR1Vw6mA3pK3TcUL9UrtJmdsBYmEyBwiZCMCkyl8tQL5QjHb027mPrly9AIniNbrSJBYM+3gbq3egnp9qNA0uy8x7GLTRmtVTDy7vZc3+yaGHQKotFlV227dKrYuynyYzCjBG4L5uWyLExJPHf/cNu0tgq+J43fzxg5h89KcUuU0yVFzjPgbQ+xdKBKpbSL5G2i+2Se8JitM9Y+IctERez2cjKl3zB5GD4MEhDn0yP9n7TRQqJ/sqZFztSQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DgZdyFJG0upmic67jD6jUWbbezcdqSnOV5lrvxIYKAM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "X3ez8czw1We7SZywhdNOGJe8hWWg4Q4p9cCWr5XP6qpWwnklE2S5BU1wFYewpXbApnDQ7AM79pXpjV+y46IO9eUPTqsgcZy4s2nkmzK81vgBNo2yU5TtyFHU8TODOwp73fv9meMuJWStfox//eLpCHWT17SXpNzYFIIVsrZrhSVkgbEzw5uV04FVelcHNyBuOnv8nQFFaK3FbzmyNgifyQma56uCcIpOJ+ryEM3bIXJyusTK7AxyhxsD9sy/e/ZRV8J8aZelQYyuNKkNW9STK0JE1PBhp2cY8JIb7tNkWxb+BckAH/2NesWp5KBdrWNeuWIYfLvc6oyxg1dbfMQkSoEcYtUHwi5PmuXpXi1cY7900egqNNUKBZqnZ8JhbfZcNYG+TqAqyxXrurFdvy+PNqb48vDMT2QG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DgwfZ8YMRGGbaR/jej4DGrm4WxvNi1yZ9Y2sE+BPAKE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QzcokSR9uprqBkajee54Yp9qV0gDSzfNP00nWmho2OTQmu2FCwgbJGUz1lYAexk7JojxVwbAkfHKnqojgHakMVZppj186i6os831s4wVx0fUGTmsT+AAiN3kLEaOUYn+8SrbAdR7l0ucwu6QP17wFk+3JAaegIJYTlE6ZQgUFGxa/+nPI6F8BrT6Hgzt1CBtXHheMeNYFeKHNeqwTW1EkOOiNKq7Y/WDJwwc3jls81MuRJMJZhshylZ7TKe6M69oZlwV7VQzfHRgCeeqpwOLzl5NBo4lQxrmpZTykCted/wqOFwwI2x3bU5pW4jEbCVFhQDLUGIiz1wzTKrTzwuivn7Vc2rF/eR8p7CxGFp7A/3A72B7kjEwlZ1DIt1DjDnI57ep8C0UywABunVABCYOEJBJmmunZ07t",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DhSq346QD9ex2gkXRklFJi0w0Fw6ssuvtk03wSKEGhA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BJbMUXmj6KvPK0d6aNda8NlZoZwiywiH52o3P9/chqIZDqlKYeEimqiLPSJEhhQR13pDcvu1lRnx4Cqitc4xzBsUyCtLl8g0wBD1D+ry0ql7XmGWiA8RnE+W/k2rpxHfwDemUUBQoFXhauvn5/Xt2Brx6gm0aJ9k8m1GgwueVmNXmoCJl2MbLcibXGIpf8Agiz2rizdpGk3ciQZ2gxbcizPUQIV49NlPeq3GddBgfH90rbbyRztr0hwNLr0rKRkT+MtA1fSa4nMx4uSZVQ3MGrpSmighuuIFlByxWfaw1Js1QrCh5AOZ86JV78C6hQWTUBWjKWKVsfnqakGi9OtWEUlO+RVmrm9mYb3XkZIkHrB8o2BPriMkZvWgoh252cWLmuyJe+QCU5eMZV6FY0+LJCT2RIbYmQbY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DhfuXMc83wfbo21ciAXIPuK5DVBdD0+mCdyOUhsL19w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d3OWMmoCGWkHpis+E8LKMVvPspLKG7pBySpAp0jXeNbQeWaM4qWMG6UuliIgr6dQTQZNQP6CZPoetHA8zSG/jljir+5qJKYoDVkiiK3BgRHuhlcDjyF/lowF6iV2ZmcKrPzeZLgj+iCKxz9MoURlFhwbKiFkwCrgPFmoMlP2gz5ORKA/K7fImFuzFHqyEwrAEOBoBoRvWO4AjSkbHWXOZ/gO2P6ydORaNZpaPE2n1ATo9BaiAG7CvEhklxCh2XA8e9rC2VXBtuPapSqQp89HFFg+OIeTuGOqmb18TDHidUDSfMiS/ucepDfXmL54Te7o3MOueYud1nUl35KVdgJhb0bs6yKTrXuxP44HBIvO6tY9WaN9Dt+Sk8pDczepSYwN4sKSQQAdzMckbxXuX+jQcW8GO6nFU6St",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Dih7EgXCfmpWzMJq0HyJ2lALEhoqgSprGB7CjHvipdE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LQUQhcXM3Dkju4bkihB+mzlMtuRhh8v3qcFkV7eoGoTXPTGgrMmwbhtX/Q2qs4/ALtr+hmwN/3R1x/Ov5jT0BJeA7kBytPYD80+b4iYA4iMfv1z89vY8IRfY76JnqwkJnW9VbGOjt/4QaqZrM0z5ORUw47QmLBY6eYJkkF07qsGwfDu6Pd0fB3KDAP0rHvOWPFswMjk1pxZ83DVThdkWqJYpRq4nKph98xAG6tnkmVb15L83KbDq0lYjWwngign/cDP77VradJo4zZlXJzXip4zcL9tgIIwkso1OjllhoApsUTn4ZOkT1VhXycFy++i6eFmu0mJaizRk6DM5GeLcXMvLdT+uIHAJ0AQO3R2EWxmwdinn1mlnasol47VRU12YDEc55Esj66Kn+sqNWQTWOYoBurOygJV5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Dmx70nRwh91ROxyfYN+xyRNtgZ+NTEQpxibsBeZqNNI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "n/F8zlo5I7oEOZ2D7w9zgkIPYtyltC2yuFEDooDbEbQwq9lw+O9a6wRIDybcw4TtbZaKaJ5Sc/uq1ZWdKLbbOJiYgl/MkhUciPq7ufZ7rDNzgA6PMcQvGdo9O7WWk89X8+7qAOTqKR7NDiYqVrl9Fkrndlrz78jSERJDQ0eCNoH/gQ8pWyjq0LRJqgRcyCHIhvfNz/71LrYmdmYlp5r0Ds8rnEMNPWwZfmL4TlQyK/e7MiO+M7FBKazLEKAlnt9WLMx+QFijS8Ae2aLU9e5dhOu+uo6UUc0fCYWJlJXgYTBgLBnkTBncgPhyj1JnRHxBVaRp+I8Uzdm4LKJa+8T9NG9JXi2uDxWgAHy1X3SAuqAex0rIwpLzuOR5Gf86bMwnq+nY9+hERD4MHM68x00kd/uPALl4tit5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DnFnkFahIMg8Xy0TiJNnR1KzeD+gWeyxt9nhY4/u2sw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/K/YjaZ9vuFCGIXrE3vyeD7G5D/sOynboztkZzSAypQn2WOhVy3r+w9SeDbsmjAiD28aLNiF7j2OD3/yDotHOgFlLfB2aXV7ufru7FjW3QlxWV9k1Ie65UYo8hqZsF3WuqvTG4S/sMZfxHu/OVnA+3NFbkmYvM8shhccC5DIelpUvJR7+ijc3++tsrCbsDSgvOkPav1qsiGETg8F9+alS10m2Ymyl1ujmwWQ9wTNa0yp8gFlnfd7QQBO8ATJkNpd4Q3PE7GRelwfrIH/pF/xMvvkNndv4Vu+OMunwXjhdrkDqGFugzgY8ozZNwLZ1SseYpC0bYPl0g8ZRLf8d9gECHlGn81PauTVreeX4ZaSQFVPGfRjGWFnp/OlkAzR+gQTE+1NmrEjJp3yoynca4ArcF1zBvg/+kaA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DohaPeJamU1jWrA8T60dA/HyANVv5kHYcbP7MkPOHLA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JqEIvA8BBbFWswv/1n761I8OHln3OPnwrJN7q4PTYBArfUTi47MH/gTToFgqRAf14eo7t6XwjeFI7+tcUmqd7aeo6ndfz2+giRDPdXqZMvM7E5Tr41N1MX3PnCMkcerUcyBn0RkpphO7x0c04DfaOEAlLqU6MW7tju3yP7ecmhPT8QUM8kcNY+chbo3IleDzr9INETDuQa9U9vqeTNx+xzdd05ANZe8nFkRzx7rcMg6DdCyizReBQ42812id2C4XJbN47UrLnniMjdEDOVqG4RXVw0G9+bpIdc/ajdX9tuYVK+qVyiFmw0yji4aqgVmdpjFXEbT2XT3f/oU5OplE3SuXb3KYU/J7aV/HJ/dVMXhiYraIVjC6e7Wda0Y+RKQZgA4pFjFDibO6EjRv6lzoSNWI65OUBzfN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Dp7sJMlfZK/79iFcYWVE6kVY2w0bzhKruu8lYW2frKM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tSLtvMCRvLEO9MHt/P7UBQMMUWSERJ9/Zsha+OMUzyBgLKszWFKws6zAGmK8ufVdl27h3f71hjLs5s2XDM9UAD31xvTAuYdgLLrjuPpmdMbyqRp290jbRm3t2gNhttUirI5vr7vXcxu7B01fqQn06K+zkw84gUeAqhUzwteZY3wPpUV0U8GLD7t6JR/Mki007f8IQXXkKBLYwGeSkgTmGMyecBMDdswcWzF3xz7+CLVevOJEr/QuNB6bjiaKYo3H13SO2jadJj4gz5un8RMtTIQLa6rVteX33syZ3ghwPTU092MaCot+wspQme/hj0OqP05DiYs1IL5XR2810n5LxCYWSjf3hQ1SvrEGoSGrBTGuweBhpvZ0zB304QoXVxcFrI7221GqvKLgxu1/wLfeWjM2dJrwqrao",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DqIy5JeXYTTjA4fReKRmSq8klo4QePbgYDHYiuvx8vg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wqloc88K5BMjQ6UbI0YFJIAQEDip4ZM4P8NNDo6AOtXlTaVUGwsYKqkxOnRnPFRS0jsxIDxqIzpIuutwGOpmS+iSl9XMWfP7O9QIop3YiIaA8ozBK06lZUBXAcviC9RVgC0MSD0iWK/36+bI+iUZ0P5nCBQF7C14ymZSZuYkeqntfn9lv11s48/d3XYBxGrENIajFIBVz56HSaJ3IliPf6MVf/uQLt14P+zBU0KttOIFQWoyVk5OVvqrSIaNCNhPbqtIJOMkL6Gqs96wvKxgbL+4HBGE7sIHigpBE1JyEjxDi71CnxQkSBT4k+BjN911zoGrW5v873bOKXEVCUkCLpuObzYxWOLtPaHa+Mn2pM3fmjs9/6B6b7+6A/2PDTExznfTVsBhklXoB2tWPherYIESRl0U4M0t",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DrG/D7PiquxZUxpZg0ff3CMbpzGmwhC2eBpQpJV5yhA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aMZqs7Wl5XQYr0hayHF3z0sLyt/aXqqToPDrcF10WBuLj9L9SVo6xGvrh6706xvT3GRuPjEpbAqY8FlDksgjhhMUtjCkJuJvm60ofSlDkEYQzehYNfKddMhrFBegIclRGs6k2THCs3Xdd/QGL35C2TTG4rCXiLcBNRUcoTK1D8S38z62IiNbCK+2iJCKW8eH8QKbCF/jW0DPfFlsTzPuJpbKfqFstIPUQkUh/Ga8qDDLRugHciycUPJihuxVfUsGM+tG9LH/vm7b+odn4MjpXbJQcV/eeRmHF54lXHDK0dTJldcixokPtPq6B38hATc4+2mcb7DQaywxx5sueEFqvgjHIQR7MiVhLxpiUwPZtl+sbduzG1+1w9xh+1o10zb2yhsPFzG/8sDreYdtbDXGmF0xJYpiu1DA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DtOuHn+eaBUezxEMIH91b7JlF6W57tmeeBcD5fDmC1E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8vuwrX2b49OApT95w3tJ5ZL9TK9CBtC/zvdzjTF1j0EsRTkypakH+GVMRvsguKOg82C0xctACoW/X0loqu5RwkjH2H2pifwsXVvXtZoFMXvUUPa85vwIjSTZ5rmYewqdH5Nlo5h/0i4Pg/O3Tul6gsZywiIwsm9b+uzdzBuNeJv/En8JNy4hWrdnGykAWSHduwKzY55VdXq6IyT4n6k7ITWllQbuRGR6nuqxf0VyeaMu0HeOc2ZWcoh+Uc4SOVfKjpG89acyJhsWJS9p261fpD5mWD4U+dfvJVzo9eeAbolvD1L5kgqjU5gCgDz6lMm5vIS9SqFKgeWwT5HbxmRj2/POiu5v7hUYfL1HIjK97MWZ6zYZS0LS+cDo7PVYgAv3xF1XUeeEQGKdgnVbDelA1wrshsr4VFTg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DtZJEts0o0dWnr9UsJBiNss3IzvM6HQxMYayY6wb+yM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A/rsMDEQDcv9CUM1MVU6XhZYWVgkAX51iIcIsBNQFAlwrCbmPvviRxsZitwXMFhdkrwldyL/0/T1GuV7AM0a8FM34VDX3TKPlqlZREpJFSakYTHzYepd4FjijteKB3WsyMXK5kA8orFwIV6Eo158+BH1f5/GIMCaCou1nvO/IICsLWW5NgGDym1IMid95eLNBTDakLpV7lvRyFosaYaVZMLxI3/bbe4XZfQqon7schDBSc8lnJ5BwHOO1fP1oPi6nosIo7UZiXRYfCd6z1U0cA207axuNwhMDyg21hADKLX/fCnUFWA0a8hVsMF2/GXqVTKdpwOuMySL5JDEZiuF5CMNE38lTxoa96aTJJuF0y/x9CGCgpei2+ufxH9imTEE4MHDDwFi2ptFkulT77Xk+i6IxF2EP5hb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DtZYfd0aOvF6z10ypWDZ5AvujXmxfDiE7sn3n4u8/RU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vpe/VcId9xvONwwNC3FzLnRIf/xA42CyWuPff329kGIbHMEXd9yoBcgRBXGCzCHgKR0b+alWTmY1HDysQlUmwVmJ5ZqQiTS4OQ6AqfLhMZUpmkkU4xqMRorfWpb3gbBwdwTGCKGh2jr6JBHwClutm8wtUKZXqgt5/O3hImSnVTdZ5VYm6vwpm2aQx0bKjN/3bKQZSDjpw08KGmWnr32b86/xFtLKhDkMbVJs04Ttf0qz/RkpzlptGsm2MZsujvAi7aD/2x0bKjj3LPkYfk9dD0TTODAGb5VY21rl6RxEJzqiU+3j0beGNUazNrixyy8I/pBXcw9yJB/sQs6emTY/bunSh+1KNaQ7FcPvhVZLpLEKBpCu282IhhcvSIxEjzX0QZE0tmd54ELkTlzX3M08MGqJpqAiHYt3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DtllfrvMxgr+SvtTf7EfjHgC/L6WgG6rlJjWX1wh3BY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AJRzV+f9TpequaQcVL8SPcKzVse6t493nZ6ik91gb25CyJxRluLBQrGU7hkrJ5rSj1S3NDGYL2qqVzzEgq38l4+4ls/4dSeeevwu4UJiy0j9XPjCby8SOSMGEuGuAImJZkiVhlUiDRciFpCPVSLK5b2V8QZJ7t+wbPwT808tpl8dzZqTGcSgMe7NaI0LQY/hVPc6uLtdg/G8lZIonmcx+xp1+Q0EnEfDhkScCyRA/N4CBc8zpe0Jkyk7qR18IG437lkcovERoeH31fLINeq0vj9zxlqTRt+ZTKnvJBeE5ovEdbe/iaazTnbFYlJM6QMwLfa1TxVf4F8yYltS15b9bpnvQGVghXkkrcO2GXqKusvh72x8sC70lpR9R7zzjCF1aFj2yg9HrlCc5BFrvplucYDAQIFcXg6J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DtxyVXB8AKVN/Yy9zQZkvU7ZUcLZGd8naoCNBPYFRe8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Tmzikz0wupq4dlX8ei/tBKvXAWqPc2B+QVVK1Fy/AOMY3FgNWKehiCXtYISnVk2P/sP2l6ia64H+Vt9I68OoSEXBf2pNbjKYQMaMTikddVn3sqAcg508gCiz+Kqoe4nJGQ1AQZaq189W3w6aXZk8gJfu21igJ9PtPbuUmLUUyKzSRm5fPXAb+N1yQYseiqmdaO/FlBgBochNcmK3Qg+2BcvMCnMYmSRZ+Td7DULubv7+1pzOX/DCuZ8bz8frjJmWoJA23O+tmJo/QFRmyF4wt7/RTEaN1A+BnQhZM/lfu4pxG6Yh6vlWwZDrqYbKYf9FCcHwBTrrOoabMcGGJW0JeRg93cxEjzH5qQD+F/Ps6UAZPB5exfDkzFDYzghrxRR2aRqCW3vNBdPJTwZlksBHFVnqbiqAzQVT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DuyOhfmfqXDcdVnqQaMn1Pv3H0f68h5OkmQv3Ar7S3c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vWLh2h6tWwhf+Opqg1q2XTsh1x5Dp1VDhNYfZ7FAAL5C9+uNmpqQMIxvtF30rVAIQeirFplYl/pYa66Jw3ag75pA/eSmK1MgSeIA2ewH4QZ3ciOJ4nmAGCB1IXBcjGlyP4IY7Q882oRD63xs6Tx/Ad+tGej0bfnqV04bb7MSAk+AFhk4frXCYEb8WkcYKzzUBZo2eldmWCwUYCgIkCPcPPtQYsOjx3unP2veRRH43lYjGFcWATWqUByrGXsP5o/u32jroUYzSSNQyw0gQmZ3nwqNFfrZO50emJ0YOEo4KmgtGyKDCtun5cmduZKZn5c+Fw0OygSfXSDXq82bKIezRWpQrRIy9+stfcdMiu+O7S0wndr8oz0KnII5xSx8EJrWE7kMa9vTd8vGXwOmQmlrCQz1Ria+nZdy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DvMJ2SbHkHnzkqJNwq+BdeASrRVzdJ5cJQPGl2phYXs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gW5HcIrgyjYyg2iATxuB7nJW50NKLdOMQh41m3ICrWEZYOVW6p5PAJDMrvALv+Gw4POPuYBsWcMSdYlLdGRRxG/xSVc51bSIgC+VIVUYTSKwElUUJ9vUSSz5f5HsQ3A4WVIADz2d6ldxNJOO6i6583mHHcTJ3dA4OYpGCWrEImWq7AaSIccA20GnS45QDU00Flq34TcUpsTz41BjQ4deAw+iVSUl1vtYe5k4SERjfTqB8iFD0Xp3sW40wRZlw+LAG1isNLGeVsEZSsygEGkO1YmX8FavE3bzWiLPomslTYqHHfCMSLxJLvQxO7/16hjtoBe+7vC4DVEssB+3EAWlxvY+H9sOTl6/MT+DqKk++L0QYWYyYUBrVKx/bW6i+Pw9BBDMdYf29CTPYKHqZ4Bgcx0XxuR3bc7M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DvNv9wSIuHMDQjLCD0M52LDadMzS5tgNNuyvj2tKbAQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uughPJ1o/OUKeKCHe0BCw4bD70TmrgI57qOUGxooYDblOThua1KUsbe1esw8M6PZiKlFeWcrKV+cRk9EFEtQXqkMjthU0VgEJfJiWVHC3ECUPVA6Fv5exlqua2j18loA4hZ6zlIN9oU++SYcCB6dnLdH6yJgblXgXhAHiS6ZXhqIcncvFqLtorYq6RGIA0d4PKqPZt8CxntRxtIq0L/tcQOixD3gOwhA37sa2gpeQoBUYKyxtfngqYfVvHVANcC/Op/UOQvE46pq+X1Ld8bqck1KL2+zccsOcoyIizqEZbUr4D9at7RUa7vm7DZ5NPgp8kiQwbRattzx3ZTV8SFe6ImbBsf+vdl7UCZCNL2TLBE4umEYsJ0NM3+Ziv6B/xGS/+30BINvcz2bLUz/DPwYdXWNl0qSI29J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Dw0nhvWTcRJuFMeEIqEPBvUhqNj0eIYH7kArU/cKQNg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xqvqaD9McCuUjZLCO7tvQMm9ucV1xi56kTcApALtSwqYqSBUvm2XmC6e4dCcnfqT06rbdnZ1eyTD1uz0aJaAwBsi6ScMa0pjIUHTuV843hNvaRMw4yyRYjfjPS6Lz3nE9n0/g74rAJdswIxGq3JkxyXi0RM4q8LZa227hFRkud4TnvnB6eUURvSbmHRYikB51B6Yd28aOZxzBxxJtjweaqDnczwcrPhK9tZFYQFzdW/uvRlNLkLwev0AwVJoxkExXRb7nDgDP8dZifdX6efe4byPT7GxGgw2QRYde/bxOZVa/pZOjJhhW5ChmmCTV7kAKQ64trgjO2gthY6qlAvnPNP4ml2/eEF84mPc+PPa6ZVPqx4bvPwoAEmdvNFrG1vHu+DLjqh1wiFNdCGcysA2ItSO21/vLAo1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DwYKEQMWH3d7HKnRLkYpVDPFZo93BOK7JSaI0W3vuTc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FwqubaIe/vqd4c6Ht/2lq1ptvozxySsKgaQSnLPIYVTAaIQWV+mfkslqAyuqhJyW+L8otaQ7HH/9erwtMUC3REgQVCXvcfIpwxt/UxghZSRV+AYf3zCFZG45VM3HujJIhvg7TiV/EGU12fHuYrH3r27XtrXBHeSMzRJynGWsTlDSMX4QkKT3NLMq+F2mz7c3Crsj7/te4MNxdGxUaHFOWN4O4uVVWGIz5OOjLWdQpDT7pmCR+O8fog5leTuCxEB7IIfOX8KpXAvF0a1hYVB3oI1d4z/TEIJodCHnkixG2V9wXF8mKs7zzB0L95+dRbn0A63UiW6ZeI9l+7/Q9HktKwIPkQIhOqGYdct+3wrD1my1DTZZwq3s9bfsdmNDxn0XARs5chc7HF9LHiWoLwXH3W8Qi2VquCPP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Dwa6SN4YwvX8C4ULj6VPzlk8936yJNg2F4b8THLu5kw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/m188tZUwsplsRqnbADTvy7J+y8v8yMVFiQ5mq3gl7McGxqhhZ24y8+9D1vfVEoIOsy2w54ndxHBa8O0G8q+U4yjlCkXoz0hgPJPRQluSTxlR4b7ULtT3wRmIVqYpM1LKkipS5JinLl7Pc/jlLFqbEPuiBF3N/b2m3kncmWJ7W/c7o331RBKGlpgOGZGbGZeDY0o6pCNF2urziPps9/9lRJKAxP9TtirdYBDC9iWhTD9c+ozshYQE31/jYGppadhTgTdktYsE9WClTcwKaOle6eM1/KnHGY9Nhgd8CUXf6oUGthTI7Ed9poEpJnAeDDyIkzX3e5v1998qqGnRaZ0gxDTlAZexu0BYattmrDQm0KXkm/MpPaEvsyersFRu8thAjsnvVfsd7uSBxBohzKI1NTtJvzbxn12",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Dygdnh2q5e41R5CR49eSdarb0kkMTQsmyIrM1Gndaow",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UN6yJP3dyMvVNc23fMtFpMZMunWSvu6BDGVfMgi2tnr4DvXYRwuvGieES82na37yU4cK+U344PFPdQ8nyaYSVBSANfeyWX3zkViJbqA3h4iGhxEyfzgORbXyDr9h31JetH4/TrIPk4lj4S+EXuo0xaDJvjWsa4NhN+hIlUtLa6rhsaHWxAxwgKI5pGEBcEDrRr46P0b7LhjBLG7HH2uAaSq7wAtlIgRr4mlV2OfPo5YKkSOIl8dXERPtVvLKltFLbhj0oti3n9V9EpbhMnpiZ6JnfCC5k6CPfwj7KAVSIDQ/0dVErrWpPvGx/Ug9wGZp+3ju9Hu6gQEkI01y9z3ddHC/0+PWw3+i1OSlATPggzv/SRCUTiMJt4TMC8z5AAqHOzKAAzD6/1+Lc1bRKs8Xhe/hFoWPWAte",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "DzXSDDbC947oDupBsbfvD8iOEK55weWMbdC/bwfkq9M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tNAW08rzZFT1lHZN4pEcmjgPK2X225FR/84cMEhfbNMdVlU0g9w7NTx7TkuvIt0dHM97zb31Q0/uumLe/Wd20dbP+/9j5E0h75H2GGsxa9Qks/LWiUr7f6hZmmbXlwFwizKSc0LokFoW0I0qSh/WEkYYgaREBL9J2NWyb3kfur4UDX9rGpPbAwXX+EDBZCicOKJoN8bvoMGWkk1Bw/Y9HP0frepNYNexGER+3HqdbrnkLbhEF23mWHRNVhziElqLLNZDOrosnoeo++vxsXInvwNZEVxNIhQaaASXfNiAs+2Iu6mFZoQ/ajGYFU5rpvwI7qTkwU7TN/2+NRddYBqFDomkMxPRtXrJT4Aka5ugc0nXhhPSHC7siNSxfN+jn10kkiQu+9zaoDpTDN5lHaprDKOmKLQJGmyA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E+HhcVcY2ynjN+eDlqVr7HNsGvKy+AZkkpzP0jcI6N0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cw9CAeYEoFNUxKnK1VOxu7fEmw/PGB209t/mpzHr+MH6EX1rpzjcwRkiVLXUlejt6tGbPZ2tKPJ+bRvC58Abqp3iZQEihXsCdYa38pBjEdL4B8eSUpN/4/PrPKpcwdzhMRGfQjJuYZP3Yi7z4G0J0ZCJ1aJWNWOsRXNd0zsmos7LKv7w3Xz8VqgDmRVNP4Ti6SJbFkusNAd0t8PwaEom+60ifhQyqPh389XwgCfDlHWzzOrmHmdCJq6Z/WR84MDY2lwDtGTQQNQw/Mt16diPwamBVdVw1i7KC8h7+0VSKMZ4ycZDZej4SWYUIGblXU1k/xVjg2wS6DpVJQCoTKOf82EktA1JdIJpS6GfFf2ThNpNfsMxT55QWKcDPOnkpA6pzT8dwgg43OWGiqQlxIrbntAb91WOI7GL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E+pMythGOA2Y+XfFKrXIRljaYfsegh5IurPfNdVwQDg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UV3obK3L0lmlI5/9VSw+WfJfNtDzSBwGhzZ3PNej9KyGmRmO6pKxcrIjsWHh/J0RYva4yDAx5cj2F3eCzcrT6xSWPZsCkyAZyWtfPTPohiYg/4Q4SW5dT2DnemmVjIUVw7wDmcZhY0/LJK2ThYM93CYljiSaUIMzs6TvrQOw56+XmyLTcwnIE8Ckvn2c1dLkDFlbTv53cXfjz5AUOkoSb7h68zb/5TuULrSgI+TgOc6BcAVe+w5OS0HcBzZ2zxLmotSziDeS85qJESdSsnyRdkCjFMJKESapXCDzaMZmSFBEL5XJyS1d/sn3Ta83+XlM+nOmw95wuGQMjVrO1AKmXKBCUllMXpAv25kA7IkK+cQDxENltYft3MvZgaYo9T8cpavPyg+e8MFhcsK7aKLPCYF5qI0+EUto",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E+xI1M2mykC8hhZER7UQHqyt6nqkSsnALzXXUmLFvnQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iEcBUS0tbr1GPHv4xIqM/fJzaeO/epRUfv89yDuqhOp3oDvuEVX6WyEsdDESdqz5JFOdDaK/J+1Hetshr1xypiXRosmp/QRc86oeTETH/pKF9d6GRzl2+nVesrr1IwoJ2vbg3rSNqfLvYhu69pUOgEL+5D6s0XPGySVH2y3D4IP66YSZbgXH1B9I3q5XBu+XLtE3mB1sKmlDbG+kQGYEkmFPzSvJ1zBH1hmxoYAAxztaJoJp623aPDxawMovx1ackxn0KUUFGMa4ms1M+v3IZ2Su6I2/sZrucRyI8opESCU5gbc91iPuQjbd0rgGwOBZRYHQ0a5w27sh5Rc97Oml25dzaDniNYapkhFt1SHREM97zPddr0wSce5tFTxG+OCHeCTf1X6pLKyIV8mhYnTejjBmonccF76h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E/iklxH9tU/yW5iS4VQ8ycqLPKyl5LOHywinBNCUo8o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FdeX+rNXG9AQuQtAbKG4TmCnGiNgir1eo3IxWh/re1XOX6c2bViZXvVwJgmOdFzjzD7d2Lg7S6fPV7kSvvoa3QfsAAXqmqgjNaSH4MUtmZxcsKox34K1JA+IllGTNxDu7THCmJj5rStWSGHEMC1pJGqxjX6hQrD+mGlrPMlaj0tPuDRr73ZKm6FSqaIQeVTD41E9P0qu8LC88KWBa3mF/b6iHwftlJwz5C+lVwZqeZ00kpptTedN1zgLY2V2AwEhvY0Sa9T4VWI/7hjATViHwd3dA81i/5RLkJ8Hzur2fRvbYBQddE50qR4+yrXwakD+oKaZTeTsSZmmVk8zliIZXYEXVoxwsERldJYKUQzR9Yfokh3UGls2ZFXoKJSGooBpcONpaS7z6rZAUTwtiiRvTy5x1KG4ItZE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E0A7zwq5pvUfmf4usOyRX7y0t+h/hyjhmwsXBsrCM2k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0/WUaK7FiVAi+/HLS0sKCdaPG6AkuOSVv8ZU2Oi6Tb+tRK6cMhQS+sALVgolZp8n41TGtz5bZkk9QZa3Y8yTbR0WrnnWR/ju6Dn/wHDd1mOHvInrLxCZH8YVpxQqEcjyfVyw6y9Gu4ul9IQA/NzHiCl5AT9xSIfp6HMeGNVg6hAui7unWHVlArBeMFrdh+n3xdYXG6igziA/JuRg0kOV0HIs4OZr86md8oXIPx9ekON8huSjp6TKm+9QKgWfbsqfVhZTmVXBEuWl3Ov7aOdu5ZAV7lUdDxGAtn3FNGBY2csIQ8yB79yG044XH23xVLVhciUfDMkCQCQ0K0lTSSG0DXR1bcrQ+8IU/twFyjNjfipKbdeWmj9ha/DQPQhhcc0diilNT2zQor/zWUcer4pOWYJS9kpkDQ0d",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E0GtIMyhkQ+LUntxRh6pq7cmZbfZ/4wftDjZZMp0Wu0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VdP8UVQvraWLvGeliP0W8sTHilz21RQhvtvb0IDjXXuzh3eRUgDQ9A8D377DAoUJfX6SJUy/H9ofpvqmGLlBEGDeIjWoqcozkE3LbONd38mEyJoZcHhegqpO0u8wXAOWzz9ze3vGBzvSMMIceIpv2bvkX8hDwh6LWj5hS4J7EUlS9eSqMVardoTVKAtAjHGolZiFvjmx0bJi+JdvpxPHCn/RZ7NIzYte4tuD0BVxr2ZQ7weLKnRwqlIYTZ/+09ARy71hHYblk4Z2kD6tFZkUu34fXObt9bFe6zPUvXJPIp2vsmGVEWEeMlPrxXHcoOTeR1h6/FKPx3oXw/boMnulL2bo8WHETcC2P79vZE3LIvtqvYyoCQcR7GTE3LN2SIOp5qmLM4IAiRQH9xxFjHQpd08tlg5gZfmy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E0HTwv4F1qxHvKvMXzlqXPOlKnIWQLHo73UrDAIKboY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L37401IsclNo25GokZvYSycFhDM9k0worcm09tFmi9c0GJauOK4mqAyXs08GLgZOi4dJX2LwBSVFslHI7RyXdM26T9DPJq7bXH33czi8cWHG2X1fkml1h+vVMR4nLYQY6c1b2kgwVHLc42HQcALy2e5bNMugbzEBOvzCZ9bT8A0nf1Wsbs6cbVscHTOBhmCR4W1nFqmfYPo++DEPahXnjf+uiExWwMMvEijL+CfKQ75LtHWXexKFHWPURyhQ5AV7Ou8brDRWgagkcDSR2Ctth+e4a2K1wN1Tgp237SYCd4z5fgz7vd8PPvSAKcYecp5/Ybf9kL0dS88bJBvY83oBFhjoPsIuRjHNloViM4xj/mBEbj1VgcQs6zqNHmV+aEmmyv5kAtPbEkhfmJ+7MVQScjjBSol2Bf/X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E0kIUG7dUO408Gej0ONjnHTH3YVCh0G3eZbh4ATM1Sg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AvCALNWSufbpUvpWHZ0khn1hUCsfPeXjnM+PC3+5IE91ALsBijn9LeTZIJSbzOtr0csLomwfVvv3Fzx1C2wY/sR5QR1GyHVX/lL97rWG2rk6vTcK94t3clV3+Phl17pJRAKIGPsggfl/bI5axuHJsW94Bu6zeIIwqVQqD5i/d6LVaSA41uWyrgHFFGX5c9otYFU15Barnfb+Z2aqzNZ432Oq4UWuwJtOxwFXtAsUujrdy3JD75ENFhTFAvPMg75ZLDl79Xs/Lsujp1Qm4PxEAqwgU0KTFjnordtvpgtP3YGZjRYKo82Ro5n8lt8Uqurm+HglVgH/3nLyVxf24h24KD9RtCYFgQ1pA6rkfB93dcIua00247GqpLA0UJT6jeOkCFpDoQkA76mQEq7U7mBPA9aizY59RcKS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E1TZoaaY5eA6itwg6C1SGXpeem6fKxcyFOZYK8HcrC8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KEKqqxbsMpF8FZIAotT/FMR1y7AaVTOzmZCeEHEeyGjheJah9XQXBSpre825u7W/rDXDiNnSEwqt00ZLqLI+vNUzidt2mxlJyus45/Y4TRz5D2wMcoIRydCjAC10kVRGM1UCFoPrk/+eqv6yc2vYQuSIti5r+8htL6ohatJZEcmFaHX1195NJajHbNceThWvrkgM/3rxtx6KLRMfAO6lmVaBTwmhuRofnzQfODpmF1tSrcwqrxNDCA3qsl/KBdfl6q+FvFI52WDQ2xzMR44eWdCw/ELbXOOKu5KB3+jQunKNYepY5jb62jr8Mnu0EdaTzgcDLBRVijyBM9R1x0OfCcqhMQVj5zaFttxbKNhUiC+VT/3EXOKqCQmd7V79XUs+hPdWdXWJOAxnDu6HFGpKjwDW5J+ZyuXM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E26X+pLLLIvTbKN4IVQenB/TeaH2WUKq1JidyVl9PGQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rXooIvmdVngPZvoAH7HH8CU2+BosQttVkRcWHV0vjDe4mUZn+7VgsIrYMLSwX8HHPN3yi9j7VvarW/MDODeDhPzGDfbs0lDBUuSV62a47TVm2gTdM0UERXPPr0BwEsMg3480TN0Qrrdaw2XObyhi2W8zrCwFlsUHEhOFGRHYlFm1W/H0fpBvruDmVdww3vOpnlCl7Kl/ZqlHz3yNMqMVcblQbI8RbCELe4NHIHk+/hLZGfTv2HPvx8HcA/u56sCkZxz8KP5ozmKUGXgYtYcdEbBsh4hyrlpvie+D/AitXlx/Qp8GoTJGYiWhMrhZCUgFe9E+fmldY7jHZo3hBDF0nxyjQlVtIPQOOPsjNQOONItY5kj8BGWKg23m/WCV2pAbVrMOrrkXC00CrYNjVzdn9ABwZzH+izsj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E31egJoiMiPcjQQYl/CrXuzTa/11WsOVkNn3rfxZGhE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ti2oPTKNeggksheuSJShGtP4srcTaqRX1rDw75rCgGHT5DGw998Gj2QDxavs+LtO5v+6V8lpHbIcOMa2QU38+pm1pWeoyK6mtraXBg2YQE2PoA6Iy9hCZ5Icm0T5/Tm9KQ9uBIXqYhK+pqw6I+Jb3vTuVtV1AsDPLc/7x/oWCUugvwGSogrrN+IcWwPNJmxPW8h4PeDPsIgzuiBLaRtG/oWmgTMGXv5RCTRPOMSqIM3XLN8c+FklEDyb1qirVCo1WPGO8CgNpjR58T39X6AIehkavGEA1xVqWfXR7YbogZzoQE1xU4qykURU+gidhx3TgE/LGUo/W6khpWwp2K2w9O92jQhfmWPDpNOZZ4PwIYazcwe/39T1JHGgGL2QXB7MN29MQ02jh+WTRf+JBusmiPwi3BDXWvxS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E3e/OTJki+WSWzP8U+QFfB5OQZ3feICzpseheF/Z4K4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qeKX1Z/vYaVjDb9gSV17sTQQOKjCFSKYp34+FlfxlsjeuZlkoNWA772UWlieQNWfBUli54fTdj0qhzdfRhDQfIJscWYZyHsjELXROZuNGJoTwRJNqLCSG/EVRY2p0HeEP1Phc1CyO8fD4MXpZVxX0QikHVzw5IALYlcx7pv6dCPznO4idRqzGcCCjhYaG7veXLZutYpEpLVh/YIlIRn4b2555RhA/cta8pQOIH6QpS76ZpruN4cFqx5N1qwjD+oJW5Iak7sEprErDerI4wJHYJfFok/SxXvhwSXE+zGTjuseMhYqsz8/n47FSq3SkAqY2WxOmLOIcYtTccuG7vtv3G/ARWjaKp1YIFeHJsZcu3ajZl9Ulh9CesfOLFfA45kb9ZpWPIjY50fsFbY64DqOllBUyC06h5/Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E42xU9uyphzVK0u8pd6l+vTD/JOCEiFckpIr91Z+j+8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rWIe3x4tQ9X5lFvLV+fsqyO1eWHLCb6idqlRqtz2A7RZZVcjKPNztxFw2TnovPY45e//FLfoaeUPVxrgaiRk08rOMOrBndHoWpX3EDeKdtewR4Q+nWImRC8P3pr03a/dvR6HjxqaxvDbdtFN+Ie7C8WuO2+VWmX+0tjqPDpQ5Do5e5UkuBGDetj1B8Kz17xOqxi1AyQtDQ+xtd5Ak9PhVOnQ1Dmlx+Qpj9slt8lZkVkLmvLhoFOKGlXqE6989wz8fdi+XSuI5p/QhnVuQIIf2F8TjFOYoiEVsqrKc8R+fiHnzvj4y8S1VBFuqDz9iSj+MWUOG2/KhMDllsuogmspoCEGu1I/jD0r/DPIdF+E/r+WdSVuJSsVgSMjMYFihwtlzL0ABUA1h1ErCnrwWrA43gRjX07VOnTr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E4TfEYIX6pQTk6GCdfyuraq01+ZC1BJYUtS3IFueR44",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "coXRILTucSTbjQ+/e+uDZQkpC1yrsJ1bUDaNHq4BJkEE+DkkqwTmjMGT2ml7AjOXyqz/NTXnw/nXdeM9zfJq7yqERG5w+EO/Up9ZBYsriCH/I5pBzBpI/d8amyawpiB/g93tMQla0VQPEvpgPOvWpiDZdBmlYkCIvBFsEfNblMyQ3vtE8np0NXKZGPa3anMatxs/6zvWO+++K5xnAys033JlZG0PsYWj3AouZtm06hss5He0v0zYUeESg5CvjvLsk2X7fPXcLIG9MaH6eyaDSFGw+CgKaKVvl42OzP9PN12N5JBf01tlBnrqXVTe0MFL2El0k8A2ibzHdPXmGfOL4aIU6D+z4HsmDt4xaY8uWZWvFDHILp6stgMiG4Po6f4qJaMRc17B/gyrxkmiauMgqimfxcwM2M6f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E4YIs9JsvVJUdUM8ltTB+nQlaAAygb8Ds79vAO/+Sso",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VynJUIw2rXIbUNR2ynXiJsOY/MNnUfsYHCLPGpyZ0+wFWY/3Np1AOpxJ1KAmZjTp1mfEPOeVM2bqgiIYB67wDyUSR+cbgXuBngJpmh5z4gzU7STPMwjIUuzDt9QEib/lgN8ngqLabyBGMq/0+GSEc827wFBc0pQdM4dq9oIeqNhdE6nr4XQGsuyq7iGT56vFOeC5DDVXarBwPZ+VfjZqsy/z9ipGVNlz0GvphMGf9ZcAdVhMyh3SV9KiZYlAPHDnCzMaNbn2yBjfej+XfS4poOCbtxvP6gu0rcRX/pmIOChGnLGuAU3S1w/e9GcTYyR07ANmeBpfGglMri/H7EKpWFSXyXKaxI76myEuAxLKLgfHZEGm/9GP2gj2lbOW46fhjLaDC2uDxcH/Uq1p6lhwtFuHZF23KeGY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E54eSf5KGob52soYRUl50LqG/4qNgiLGD7FcmfdZhes",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uzVyV5r3R7AXhDHRCWfijhPmJ8Ve8vcaYjn6iRoK6XPJppTNIP3SMVDibYa89gEBa2DtTYc+Fm5NslWs18yP/wgEAF0tX5nNMX+Buz/3wKcYT3rFMT6iTONKt8fUU4T+xkkvL4eMPm0TbtfxT8b0+rMN8wZQU3nYJaakrtzg39SIHL7E9Mf7PMBJ/JKdsKBpCNdZBP39o3d+0z9yL2tXfX6KCyqr0fw2dvFf9kowe+52dSDiSMkkSWSxI2609gEFHbEPdNBmBJnpPAWrJarrMP10DyXbzWMU5DAqedhqmLik1dmlQI3ve+PP/wgLM8sH1UlIi13c/sjgcs771nEtHdAU7Co3AFekSNCPUfjTckGO5drFHsmtdcztNdzpERUC+zK7/wEoF7iwFb+f0nfuuEAF21jK+04L",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E5eHZsc/lK303lcx5clqW13TPxbmZ05yNU6va6/rydQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7X2rN84dkYozmFGVwVmYN2uFYe++JWk6Wv3dEqmyyPaprgYjcSaEJXJwx3nQ7xq/+mTmtqtqY7oNWoIZNcE2J8Tg6rOFx/pPjVloFDieDSNWhP1LemLnZGv9jjQ9Lu4JDpUCQa74A9EZykZs7qy2rQ66zotUbCIthZIQdl3lHqpHaHajvgf0ksq9WZ4vuj+8FNhpLypn5v4G2JGasbTofLppNAtJKJqG+fSmQ9uzitVo/+B1NvaNf5WXKWZEGLfvL7NRkrzQRSQxlq3g+8o+627skY7CoL2kTy5qqip5ynvjMaS7vs1hRwPfxmCM4LQamvB0FxOfcgscdOUMleoQA5iAhkv6BX1klE7/Dnx3Fg3gjKrJDW0Zc/4CmXOgL1z5UkLvYhC6jOesTRa0g44EU/VD1btgdJSQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E5ivl4SnGj0Q1q1fAfbmQg1Eg4Fhd9oEYjnvfSquNeE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nA+Jq0bQN2DsmqMSmStlqOKITiJFKf8s8JpgJqNC1IAUVQgzdvg0WnjuYZT9XCqbuLunBnTbbhJw8YGHrwTyb3GS6u4ctfcK+lGNAkrG5TAwvW5HbMrPlzmoFUgasJn6pnbEJ159dAuoGd7c6A0iXAwIpfhKG6QVKG/7JR1SkN5dgFqSgA1TP0T5rItVM9m70ARU2ALzjFVra1BNg8AZna8mQ/pgURaTBAzJkBvy/aQQl2b5TjQBwD5fViCtz3wrVgUQ1Bk544cwzh7MA13CWCWCiNxbYEsBfOGDTeXUnMsTmCMdymrsCa7tZIlQTZipx57anHdW1/T7wzz7SyhxfC988hE3H2BgaRSyuqUlvqTk01myFUDijD7MPBa/rlZpMMB+tMBhVtN1vWPHH/eDzmNsseN8prn5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E6lbP3kJC3J79Ui1kmBdWaCaZYZ04RKmD0O3Emxf9P0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4CYRqJRVzkFg+p0ZkQfMWfLyz9vLW394c647XBATFt4nIgpegvJrv6Y8jvbhXPT7mkppklku4s9Pn6i+uE3L6PDhxBYZqqwvYHgVV1uEQstQtgHlqXw8ae5Ob3IryNtgbIDbUFF8ctlFulCuxPn200m2PbPWSt9Gq28ttjAmEpy6JywVt80eCC0S1T8KCbT7TAF7CJDutyJvSvrKbpucdO6rCXRzTcbawJxZh65K7ozCqImhqIepiHs+O74Tz6C35soAPjDIDSAmnO7JUNm/9N4i8MFLq5nwOyQ2HsZeS4gkUrMihbjeWEmVUiPDjoyzVrxqEW2+x2KujOaX0Cd5D6l2DObc1URxEGJzJIq2lgVARY5gxJd2WzLzzXlAgU3J9Qn/i+gA6o0J+8z71FpWRIeLrzRqvGyr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E7zFO4SCDQBktaORJNKnN8jsSErHfpmiLUzBk1hI1DQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pUAkFfSicIoYI0GKCkk4y5hLySj0kGCqK2GHijjD+8ipHNf4AMEap7HXN2pQf7qN4RUti/aQljJ2uFxazsTTqgbPPZnphzG/mZ7WsYbrqmJ8eWveGVkPnfX6vqhEtW+iom5jneVoU4Zfoyv2fgKvIY/WTPJOElMmncnGXXVGdll1xc/BpJdjKE8dbhltj4D1sfIUtpdxT516HrT8bJToRIv02YtAril6eGZLO52V0ZDRVnDLFrOpaD+x3KDkb7krF92P6C05KLjLDk/7mweGgIt/MzWXD8oFe76Rg2ggKeFQ8N10AeBqJ5cKGQJNBDcOFxlvqpiCbwoj04MZW63WkreyK/JHVZGn5OnE6zNj4QhaiI69UkGqzpVSKmaMdoWtBNVAbVKA+WOBQqoEHmrQsedfyLcOuY2G",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E8iiP2JUm46sVofnJaQLtUPaXqYH922NwzNG1VOEdKA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wxBF4vlKBg92SH0roVmhiVv3UkBVGZOpZ0vlmm4dKdRcR3iEn2mLqiK/A+NpMNf52IoIz66xX/qphxDxiWt1L/Ia81oHZVzPEZLGNXN9ZktQCBUhZIbkE+MFEDWuSwkaUHaXfOKIWOnge3z9QFKsC4pn2OCGF3YUUWqmbd9tkjfmnnIKgXp6H++e0QJqUaWvwOPvI7BbFX0V/OJtE4dSHM+YDgCvwsBXTCUOLJKCUcDgNCFyQ8pVtWiaxUjB0dVsPuKv47gp1ogwlJKPsBKBaOnxSpW/+80hdVcTtCnxjURBQd4Ena8NRGxjVxc4s/qbsqEFGJSbpnFVvEls1rnqcn2QfMpHERqTs/Vmiu+5JEe1rjHLfUw3KC0RbyA35G7L8wQ7BzU4bL+YsBv2VNzrrW1Zw5BLGAU2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "E92JDpsUaNfC42mU3L9KXIqKXcK64/j2L0z8yzNOXBg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+5Sr9NQlDubyG9qh9cS/StwDi0lvfDggDpmqXt1e9LhpEVKLQmFeHJ264uYzLg0qvNXtM1ASQNUgQmJLmy9SACi5maLcZqN0TwE0IVQCwBAdnioa1W9mUUR+AZPopedExSyLGWFNlm3p0EJFMS5C3OH4aQY32rAi44N85ENgCrlZo51xPSbQc5/PIk9sn2zndW9bwkj/U6Gax5x0C0kdD3szuBBvu9TnbO0e0BLNy5qNwLEhEYF3Dx78bEn/L+eW53XqbYLiOz0CrWZtqPPMa70LOwFUg3XLThMpj+Iy683WMTx/6MSmQqdsZ2d4iUzUDTTM6w/QAVktZsqQ2cYCrPkgPIL7uqR6hmPGfDa/cycNQmr8+DvzxWV8DtBcQJTKS5NYeCwz5T5pxuYWe+/JpDv3LUnbTgcy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EAXylIo1XNh+25D/bnlDUixKGMZPxBCwU89ynwskg3o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JTp6jRbITFLkquVODiIHA4HnNg1uMGFNMboEBWgBzHlrexOokuscJSqchU+BRdxk9WrSQxTZyJb4F/2c6BF4jZaDMuhw2t+NiemWn4S5zq+GvlW2mQQS4UKPv57nJU9YrAhWFXFsHDQsdEYzOJHD/Gm9D7UiAoD34itO8M7tQWTaTObv0n6zOCUPAKNxFbrwCG26H79c3revktQF4COl/gb9bFg41Bxn2bcBpUkA1/srDv+rAM+95g+wU0ljTxJ81RCFKL5feDs0/XQg9RzqwxjEomZ3ViAXUYsO6ZKtqJfHXj5W8pPS3fhbK7aj3LVU6TvCt6Ts/A21Nqpq+RiYy1VrYaQw+6AuwSwkBG35wXvYTsJVJ5pZgo8V4SF4SXhOgcUQPxjdB7yUDnGMlCTYzL0B9Vm/+caQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EAcAtdrkZTgW+AX5cpoSACgdGHYm9d3QMhOp0jmwDok",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WoQlwRJ98i2Bh5j2Y7Dv+3JpJRsxzk+iaM0ydTftstv3kjIyKKoNpcmyRyZu/0X0EgjEAGqDZWu2AEALTODg0sgrMk55ZRPP8fiPuarfUP2GblLWBicWyg7fhvvpPOCvUJxkU1YeMujFWJo7HzJU2ANeDRk4lYlNaIFl8Zg7YJmvVTzXnjx6fbUGZXntYVHKiOKatqBZZCUpJsUkvKLrrgATm/ptslSdpdBsfqtpFRohWpub4H2QWuihRPiE0we40VbNyDMVIqATE3p8T1tnh09GvzCgWsOoh81S8cO+HmJVxAfjZMMC/vvOEEY5knNQ0k7G3tPRSbc2dMTFzoopnkMXwnKoeGST5rrJvoTzv/HROkMFvOiWl5e0Z4gxaR5W+0nOy+R0FPatFjw3cfKa1SXsYklAGPB3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EAmrMlTmEDABWQMIsMh7ZmHjBMjb2t35MJpkeVM6/js",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M+AfWHDAjWXjaLB7QSZwxuKounO6YmOMEBY4KOOd4MFxtrAZaEDER8SavzBd9ZzonWgBW80Vgs8nbM8cftRU6Yp2jQ2zLbtd4AO4J3ViON5onOrLc/UKkZ1B4L73dUMs3yEJzdeceDwi04z5JB7qQQtlGLeTmg4XSTOpz9hey/3hg/y4G7ZFYt5liZgOt2kkPwKykrfbjE+OJgkLWR7zRKpKZsDybNJ+e8KPGkvKc2LTwL8BbFIlYuAWP+1du+70pBJ52eK1ynIGJsmHi4ivH1h3Nr8cq93yc0BmwckiGnzdM/xvDGlp3FkE1hWcy7xlQeoBuc9Slgw5OOkyYtA89v0ClS5YeOiOAvFOHtE3r1FbitXQsOau7fWMycCrcB0KkerJKHE+lFQbH00uA7/TevgFZrxawRRR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EBBDqb3O1ACFubyN1p4oWEfddqZQrNNn44icVSJ0Q/Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pFEKLLx7qrvjgJrlXzzqzLVWtO7OjwhE5tDRzMAaZq1Ks3Rk4BP85UVHoQpY0L7ytwiQFtA000EFeVcIHDmrIjkd0vB7GKTALdLSDKEcRsCIukirBXom2f4Sumrx1FqE++ScbPdMpfb4g+bI0LMEQQ1LOESVO/vhXhwo9/4RA7+QUMtg6sXGHr7tUSwmXADV7/z3O5txJHA1LaP9vE+vSqleUHGqwBiu+Q6DUCvM0qF6FY2lrV6hsmDeDIbnglR9ODAOF1QHXyejcNVmSx4ZiXKKsD0H1NM2BcWFXr9j2ra99bPyIg7Cz/hKY2akEK2zUfVcMk7goacEjBlsHuKq1ezV/UfIP4/ONkG4ebc3zSRZIrJ9qYm+FMOZAs70ZKKXIhu0rITroMcog7jUGunbnWWMQUQrh3U4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EBYz4wFqyg8GA2QfWI6HwmPl/JTSCihJlLdkWCFeY0c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "J+zqn+99iZSshcVz6duyilZhSu3OfYxCwkkXwrq18Xn/I5FCZt2CvIWwxW1nUsDbPYaTy6Xk7B6mnhUaisKJqX7cAm0JPHgEiGFB7ey1QIRCzfU2tb0TzuvgY1DUkfRUQDKUZiRNcQ6lcaRZH4mBSPc3kSmwUMJeXFF3mkhSoriQzmIvuQdcI95cn4yqJ1v1f0F/GhQXuOYZSWEwGLt2Z+5l6lYLnucC7AGJEzOonQnIVf/z9r55Tgokfkmh27HrwIiOapQUdn0fY5DqOlmMjXoxemRhPh5EHx77LBVm2qOLn++m5aCmNZI5BOrA8nkV4YrDUwb3MAdeZVRZh5XF/89E0zliQhB/fWFbjeCoCmlxLpvUj4DB7y4Zv7Nk4qOfXo+bf/YcrueYnU4JGCHDyqbYx1ZZ2aT4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ECG5B5TntZif13CWq2S/tI9lz8cBnMhhZWA5ybFmyKg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f87KyniL4Z88ZA7PHBoEBKevVc/vNqSuG0EasrMKrYCKO+GavtIHhxVMLxOk84eb+6tHVogF2LNubUG1xuzKKggd+fC+r9BGhdcJAQvrGiN7xkeFC1d0qozuVXSjPKoErj8ClpiPgybaWNzbSSyqUYxJ+EahPnZx2r9DjdlGW+788WdVuK7aCP/yEtVZ8UDbwa8l3WhBMSZavz+eY2N4agO0bk4Qihl62DUMaVCdvqcEOo8g5zjKteazcrEHVI5QHHacOYUgU+UaJqZ3StjGc6adoaQ40/vtH6UGgqQ+P4ioemRqeYzMJ2cmvOB99pKM4D/iZEO1XsO5Ma9fb6nmQqwOB8AEIALDx9j5/uy+AqZ7um6+I/7bJXJF9fPTSu1uPcGcIS8v4U7n1D1yKqaDDfeGyCORSGEF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EDV9Tu80SdBes72C8EjFzBdqUmJZKj15wmGgC1PxSLE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lMzyn8M1mcYeXuINRhxo0xlnhV0S+FjLN3NU+FY023r1FJ94fPLYWBDoAiysYR3h+wr8UmMArq96dMZQoK4L+yrT/NiVbbk+/gIE4ISo9mteInjqkdKJ2RWxUvRpD3kf/+PA033CmRO7cGHlXWNpXdoCILckgqTz1n9cIBxQyhSHUJn2NBLHyoP32Lsk6XMfvxzegfO6VQscp9HON/kyOS0tVs2dpnA3QfI48WHzljimHdMPMZ20njQjI8IkS1ytSR7i3LHfMQnfJYTGhkyN52TkI0n/X7Ax9N1gKNoxd2EvW4DLPyfrJifiecFRG5z/IcZB0QaIVDxvf9WICHxW+C+NlA7KmbQwtRMsSj80+tt6DFBe3urLwYvDAqbt9nngFq5g2Yy1Kb0bdbYxTLQOFey3PceWQOD/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EDvndSwxXZeDePGQdyR6k76eJfUS2cBbz6x4Q3QNZsE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7vymWG6XJzX7QFouGCkUXy7a7SpuLyfGHY4x3lUVL2vBjyJipacUPa9gZr1ozz1lLVbTvsYfY9fLGyghhs6eTc8VWj6jEjM/wwKXmoWxrkAa1Xp8um7oMzUTLcDkvZGpUdw4up8iDIc+2Jgp5mzQOOpwFsujE1e3AssthYntXo2GgHmn8seEJ7tDU2ZQSyDMYqkAUwC0raJMPopSG+jsFQ565WGAmykiF5WcLIk+pSTQKYlZ4Bf6c6gd0huVAGdYTmTUOr6nXYeO1aoBbK8aZi+xhOxpCMPXrlzBxuJhfMwxcY5z7aWuu8Gl+FDHA3lKW9c+Pumjm5lJlYC15Co585486q1/BWvWwJmKZvUOBE5DaEID256CMlIDx1fvu59+A6v0WdfFZ6yqN7x7bLUMaVFy2znQiFT1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EEYSCbkthaB46U9phZdZcCoPiJx34X6y/7Pnf2dKWug",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w+nV9Xrf2Sp+OUKvmKWFCUKGOJitfacUQfAawkJePuekxEW6lNqiBUfKOYt1d4+drcyAsWmxjm/q5bWV8cVYzZZVne4KShbDVOpm/7rupCCdy74Oj3De6fM/8oKZTkstfRsIIfDtne11IjMlMvmpGfv1QrXyHl0zOKnK426P0725qbyWe0WMuetSv2qmwDxREkBW7jNZk54Itzw+bOcBPxg+UFZlwK32f1VQ2pZTfXnL3ezTJ4jqmRQuGA1qZ4EZ4IpI2a8zEyWBz+mV3HjL6G5jYZ+NBj4A62IayPszJW/vPb/RJPvxJCtp4xIvi1HYZ3e+53eNd1+JF58N/KFp+5j+TZbTq/XkBH0T5dIeA8RyDclW1YEyb1kbjJH6r1JT7HgA/yF73/ztfSFP29VFWnl32dt9JTaV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EGWEQO7eqUiDXbPkJBQ6f4iGNPCJn+F43Ceo1boIlVc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eDcd2xEMJryY4dHKv+YskR4DSHkt2EDysSntZkrzQ7XHtpbB2oEotzCiLuBuKopHp7NRbz/0fMlJZyzrnQNDbK8SKolTPcBACJ276G3jNwppRqiIkcKQTKVWvndmI2ncZ1r0A6eeD1OqT50Ntd6OHWKOzf7/vN6SJ2HjLikAEYfKfSNGLvwbIEZT2EycXHU8pUkW38+srVX2fFHHCnln4bBpn/SKT7c7xbJIlDYv2YAZD64xCXrIttJ8NcUMS2wYA3wsno6QIDbfxWyI7vypDAw8FIaS5GU0qZNpfQhbEK3tB7UpiO5gegep/HKaGcDDPsK2++sQlQOWk04KHE0HYoNdR0hFsz50D0Vj78rW+LuWBh/8tW3wRnNZAJDuHjnk6bxA287VhkrNJbWnRVK2IgCiBsoWICLT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EGl1XSHFTr3nx2vIM5/KYYTSDMQHQIMOmnbql6N1c6k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nC+MDWAuipNulkDkIHco5XTmft7FPYgFGYxKpwsyGIDi1WM7Gk2ebsqsFsqwOMpAs6ycJ7BkdPm0pAWUeFM1eyXCMJr0q2gxdFyAl1C3ojFOMSsed/mPkUzwyRYvRFf0F9nJ5IhJ4ybkwexMLEGRBl+ERPIf/wEl4O0hK3mKb0yUbH3Qzt3XDL60lgNFAm+SItRHI/fxr+GphsGmz3eQaGyJkrSHXewiO9wvxhNaARfh3SdYCvvl1QxOL0DfuGfH8L6UzPL7+gFFOob76ENICLLb03RbIVcpXLfQ+nwur/zVv/+KRTFt5z0NQvmnE/GdaVtl2pdBDV8/6SpHWt/I1tmh8yrPTMBrufg5teAwqknrvLZS20D79TbJ5LjIV3zdjtDzSd8lv3TPQzGv6cQ4HhCXB6qGjyH0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EHZOJyizy58OuHh8JoaEQY3H1EnF/P/5OBVTeg7U8gQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0WAqw/AawEYWNP1zSu/qj4l11Aes7R7nD6TwUdb5bdKLP58n42+Pdem/8ke+eKicq5vrZ2Ai5hNA6lFpvQD5+pdDldJyBl6QtXEPLrRVABBJfFX+ENr4rBNDgUpH4+cC7WoscDBTJ6A04F/v3TPbNO48adEdv8gsdvaYXxNS6kt8fG6DUW2h/w+BKRCGxSf1NV7k5wgGKmEm9aBmjFMnIj7j8RHi/VDy+CDKuPRNsCotYzx7M/9cXhQTtY5tAbM/Ti0HZg7ng7htyC2C7isij5AiEwWL4wKIcqbCSlrL8DQACFS8x32f546awJg8dpbqFX2Xb/lLN6fyEroxwxh4xnxsOHiMf5G133MLWqYy9Uw2fGyMI25BI6h6BjrzpVf6yO35AtKDS2vHcp5AWLwtkFUf/y4XH+Lz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EIDVJ8v7Jyvhau8X4PLe78VqMh588jIV8nQdbUuXHwc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qNTiGoiUD+Px5Wg5gFfzkdBHeZm5YftVY4bbR4q+WfU01Ja1bheRvCKxwj9qsYi9X21iXSSbTTTef3HoSsln5nOXLHh1LO4ivOtPtit2L5OMhx9R+9Pvr/foayivoHw51YaXnsW9bfFL0BkIBXIaxtkVPNId0LHCckvCTdr26ibZyDDq8xxmo3/BRwr5j6ujMk93lKWaHLcDr3lq6zKWAwRweHRc/Aepr3GHhQLRBMHm+8yWZTsb7cX0pIw5V7etSzkLE2erOb52Pvw4/gqHsr/7OOUv3+uSDLbO2PkkvF85zqNwQfXUqjs5XmBF6XYvVWl6IEt6x8lTMULVRG+2upu27HjvhwNTzu74vazEX0VMM+J41CFy26Ugsi5Er5DLTSvUt/4FYe+q+HpxcxEp0BRWvNiBUMFr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EIm8I6t64RRdYBTshBMNLztLEpBGgBDcs/ntd1ZQq7A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "73Ps/Jnv1eSCV9jEWyhdtQ0R8WCSuU6KQJB2ftQBKxumgvE8Y17pC941vjx/g0yAib80LPU/+Yc+i4/nPs3Lhe+J1ke5rJ/Sb4UEpnpequ9xO3J1UcrO/WAZIsNi1DEgp9hBEYLIqjaNE7wtulzAPSmzoBcp4QWv0i+AZmOECVmCxpFg79bACEhWdLXskzWK1fw8PeR0QDDOyEE8Qww1lsk2uI9df36mQQW0Ls3gHNYoPhd+LA+Gid0Him1OgbgxZ11qnnryZOXpgPB2kP14qzB1t8uXsnUpLFn339wkTQHHwflrUKLKu+Wf7z7qOWrorqnelfRaFfwM+wBaEoz6RBt4FdOCSiOIyCYgFl5zhjnG0JevrmMtl4WL0Fl6s8raOk/pES/V3Xi33EIV7SH48bQxdBDu70hL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EK3au0FUked6Q7KCFuHplZwHYwzc8dGBdYnrrMZNrw0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/xdbYMkquaS+3B7h23oji6rLHXTdHHAJH2NpJrulN2VYu0FFsdJpFEYzgB5D9k7oQ9yljsJWXt2mkxKiUKN73k/MxVUIAspIL5uKyR0E6GUvEOGe+kbxYj+5BekOdrwtfggQVynqbTkDUIh22LKPC9uAf3pZjFHNkblnohXjyVABgkh7HI9K1s5WONjDa+KKyNgekIz/xPfiJ5P/I3ovFFFtFRviTxWBUTG9CTGXRIYhxlDx3sFCcAB9b8uHuYuBYdMWkfTM53llzOLkj41/hefFl0U1K3+xQjl5VlMtppXyjSvQ55Ck/kqNTifDDuWNkICD0c+2yctD98FxT+NeJfv9/lEo1aAxYGzhEEVfBCbdgY6XjnnSQC5rQ6luIctR9oxEpLXGXyUF7b3Bg9M8u9CrJVf3OpG4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ELpgUI/MbYUuEuP7X7ldImg+aYwd+EhX9B6BrKGps0c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5ZduzNzdj35RYG8DFcbG/e0QXw3wUkWIfWPsi/TDGL03uGvsAIpe10tN9PSEu3vSWAkptKq1c0mStArNQMkM9049Gk4G4ujQFjk3mxFyEsAldFCcuiUazCbkhqJPUrw7L+FzLHzaQSQ3h0Gotnm2ImuR+ayVEtDq0Kgw/fQ4eKdn3LXhv4gCcasbV6d04CgRwG/2ccwStOwH8SO4xM1WgNWaUU6Jl9NJKi5FQqPa/Cu2lZfi3kzhZ9/KPotbsc7s7IEiCtCZeAUJbSfaGZSEbymV/UujCQpucFCBFgskfhBa4xeSmkH8MLL4LeqLL+dNiacuPzc9UZRR4PpXGw3vZWsEIR5smyhpCpX69ItJQGNA3U2RQdI/TDjyPntDdnTXGLkWeGyzj9f8sxDSNUImTazx0i9wNh7Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EM5yhnL8Sw2frnxPjBIPF06ngIsFgczFJkLtvb8TvwI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6OakcFSCglhX3gNrqfMd+DXVg6kEcga9FeY28ZR5z/cONeVashsIZUyu2FMuY0QiSXa1qXmFejhB+wnZK+ag7xSvb6+8nvLdNJZYXkq0oQhRgUWyXk/LzgwSgA/3lYPDLxXZPojt91sXdvxAuMxhtlo0jWCY1itB2ivnvCBzAOSIfWJW5x6v87q52iI9nJt4YQKGht2EaOLR6LnZD7cN23XCczHYYXe5O0D92L/rKh97ExzA0PQxyLlJF6FP9qp2bChAqE87VdR3HTg/6alnOYPer/cDeGiC9/wh9DoXE96OqnBn5hmqmU1Y6VKlH6RTM/w9S8FSX+X3/g31tVe+4Tm77BNbnE39zi1TmpZwe94OVUh1hgVScGfjg1Y31d3L2armTusiRNE+5ugduWOjJ5hHFFrOkQvy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EN38V4SMAtixkL/bv8PhINuk+UG9+xHRde0KB59S3H8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EwKU6pSBee5FI97Ca3dnVKLleDYaKwt8x8+lDd4rlMNwADa5C1Jiiex860g6GJ3lAOYOU+WJIDedh6IkZ2SZelJT6w0LLE0v0rRKxAYMjVm5aJL4TGhTlEiiuSQDE1eplEvqPADN8hBWKQMqfsy2K2X2OiWozZ/1hqcfrIuO8El26xWFKOgIk8NL8+jw1JsSIC4QgpFTu3E7dzV+eXkM5G61vV51cThs0+5H/NUlg1rcRJTzdgKY92HuhAW707F9a/Tr1p8v6TPvcy4A+rjUgPwl6zAQl7B5d2n68DgkrB+W7I3CO6hwgnCRkbKZ5UvPxhtBfP/Q1GaDjgnYydoeJN8xdDvVPfCPR8F3698sbFoewRLaI8X1bFCmqe4WaK99XR6Cr6kg3q0JVB+fCnR75ZhHQ/CcbqQL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ESxDgwnsRcxRmHKIIApCGA67b15h6lK4BARxhg0bNQI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7FP+b7JLJnkkgoejNL3E2reS7FPpu2YuW/qdPVAGR/DSTv+vVQaZsaQN49vYcAgPVtuodDV9BUMLVm0Q5FfrdYLt7OcHShECo+nCwir+KbDWvBtsatArtZOPUmdfc4/1cg1fF40nhWtwSH/Vhxp7Aiy2kyiBSepF6Mtyozh0DX/EEA+VrARRVStHttBw5seibhYeNhHx71rj5Fkb4Dh4HjvYvFW7ZrD/MT8zgEKrdpKkDuRfkkgjQSDRJeQICxIYYXIn+zuc2jUs6IWdD9dhXWe6n7gym37mSBRRrMgg+QDI8f7/y1j6Ppn0opcFm2DA0gx5red7xBMMG1Sz5ur+Q1tRJBR3maKv4KIrYigh6GnDEkovo0T7+Kxv8s3pTBWI+154l9Tyxw5n0UbwjvE+3WYiknUyuoz8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EUQAK41T1K9HmsJf6KoreWWkE5z+IFMtevPe6Atp4HE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rCqea0X0gqBPpk3IAC7Bd6yrpQBI1PtgFNYiIN4sLezGlbTTy8PXuf2pzTA5NpDnq++a/JJnF6mSfG8p//NLTTGN2NDGzhHPUqL45gXv+Lj9d5hn76UVLby1iLwyce0Pv0UvuGKyNthsG5Xqy712622NB+Goewic9B0eCQHfOe8o9nPL2vrpEen/d4qHJ1NIS+zOiAYZxiO1YyIkrZHvoOPjIu5r6bahLoWbnmiDJmqj901UFnI17722J8HbKVy5LFB8fTi1Nr5pZgfa18Yy1Zc6S1QPX5KmjJ2yFGF0BYvhe1+HahvQzOGdCP8Bgwucdobj4C7US+l1ljJf+MI0g8HGcCEsCv24pv7LkDjLdslmcftec/agQkoH6Wk+JOvNSnrvrKt3RrMkmiEaThnraM5qPXrKO7cJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EX4/Vr6a3IySn8r0hf5PHtgzrbqNNjFMwjSSIK7Kgw8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BSgszTaHTn0zKQhuBUwM/VQx3OfWE4qX+dduLM8qianZ7kiH1ywkpVinbfGWMqvALCw9Nv87+tWYRS62ro9ZPo+7CIc99nMIXHdZGg59/gOc/p5uIl6Gtub5is3Q7IZFg4OQcKlw77Vee4VL5MCuWHyJ3BNx9spshA4LQKTT9V4gtBqDRLm2g9GplHNh6VXxCk60i3mAH553h33YRhbBbNa1TeoD58UGAA1EnDxzbIS8XfO65HcH6dafR0mpRJu/qGcr4kd1RCDjVU+wvqvf6U4KEXmkfCAmMtlxGsM4PyZQ9dxdu/hV8m5+uZn15/byeroihCIU1bXnsgXnTOOMAB8T17BHZ0HwAHAy32dkzlFCa+e8QHbBgEJg4IRTRsKsVgT5CHS0mtt3VWQsRiEx80Gd/hGC0OwE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EXJPuoPIDoKNWIJQm37uNfmUN1XYB6NUYw9jFsCr41M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F+CsICUdbcOkzul7BTswDFkYoEXCB4WQKKF/H7rgwwF71pqIbH8Sg/i32Q6m4YMjB5v3s+vJf26zTkH5fyX2G7uKpEu00KvLpeC/7ewj1kO+4q5RhCmnDYSjdZiPOY7DoEfDWb/SecTkxO90NW9wh2QazS+dwoBOp2Zy7eNlSr9+Gh2FTUdBvix9Spw8p3Nd+p9dGMtyzqP0JxxpBftuQC/MagNBQdjArOMVtTOgVVL1dVq2aRARtZhQT8u/g1EvTaVTlCGLMPBV4vq+JTvvaTWfKf6Cw9I+grzdyEWUQn42/BqG6e437uo8vJEudmQpK5UErrVozCppWCamw3/UNm0DAHptm5LhO1kJXBZvwztElnppJFA3xF+4CI25B5oLWPt42PbS7S8nqFF/PNnjoBWmH9akWT1z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EZeUf4U7y2KPJG+Og2YvvxRf0i4viGTOceB1jhZ3jpk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xJW+vLc8gPewdhdfLKXt9p9V8rlErxuH57FiHxNfvkYtzsA46XIA1h0G0Sl2r/wL6GC6OCebW6Qta0EX1oCskNJypQm+kxRVIAbWq5Pn+u3gYx/Jjt8paizalGVvpS3cWVdUD/lqZvoCLftOV280+kcPb8OFSQT5SXucvvI+0hVbPJaToSa1gK51KgWYIoozarP8YPTilYDCA5cxjajvoSeZe147VnZ+j+5uSBO0UPp4zHvLGEUe7UQjfSoFy8csZhIETpaB+a0wS7RTreORnwE/fbs3kjgGI00U9jTEQUnQ7iARPLKQqhvlHFYhE/AcvKNZHbZrov4NNpMePQS98HY1fKBOfEaWG4dhAsJnMjvH7EEvALjMjAgBh/stLsTkIFmf8VSiT2ndzo2RurkBhJHfdIoVhbrn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EaSFggHhQ3H6OZN4JzvN0NwtBEetH8ra1uE/GJtpCV4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BIEqlgj1Shk0KunDXICTkUe3FUBmJ7f6+RC78S36QOpxFDQFsHL1m4fi0pFU+KaXjoATtF4/vmgZ+lOGRd7ggob1lFbsjvZrVTLaMzAqN+6rnXqNiAF0GBDv0NxNKAk3DflfqD6oSyhjOIHAkuIfTky7nJzW2EXJWgHZgwhicHlhS60BnoySkI/i1PQvQZ2pXUS7wIKvVpJFjJWUd7WHQDOslYkaead5SvQ4x4CK59COeR8QVU++SK8/Q7MQOzZdaxqJIlB3NQRJL8bPMFkO47j8feXkbp8hF5d6NWPdHr2EucMv3n5FH/KhjfzmymOu0rUhRsbRyT3fofhAv1c2fy8kAUfaPIoQTGwd10peNK6aI0jtjc564EjLrQYXE4sbeJpceeX6SFkY2NIYQgqGJei0zco2oUt1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ef2+mZG7HMLNxDV/0xegBCcUWPSrgVEAxyVrZ2YVn84",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MkJZOt0qb+63eA/X3TqEeGNbcSDTl1Swf6pRR6hFJernPTcpc/eYb82zNTtNv1HdHcSgGgIa9qfwOP/rJM/jpghUtD7+DpA19ZlUdKHD+jfO9omBwYQB8u1YTu06fBz6k2mRgdrX71/gaVM74dme3hcg4/fElT6ovMa1vhfGhmgf1an8OdWgnwBHV2BHl6I6EhGMBDKwHTg1E6X0epz9wFkYfiX4KJec87QtaC2JaUXDgSgGMS9XXrUlqVbk5jntSiNkzKN8/bY6K5+HyRU4CsvcgXRoBXAHQpwc5Hp7hr93u9Hw7TdzRCISUIEQ6cwJXPP8BC9BucmbOtjSAp6ivRym6tB+k5K+dxx381aHc6T/sbW0U4fvLsstMjGohKeFGZbIRYVosAfMGiJx8CfAG2OEXMK4EqpS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EgIHbnSP0kPcxgUQ49Cl6cvqovjEp2TcOwZAXhxpauw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JRDCmI8sjcFKziuDNEAjWLfOJnw9oEooB94ep+KUSIZwpzv/P9VL7htW/WWoMOUJg9CkZRlDZwd0+z0LcdsWZrG+Gj2sSB9D9qS+RhC+pPF9AUs6+OgMZl6iqlr2hKLnGKocJ0t9avkeSs/zuh+NwVCXRnTyh0DsOOxUhsQ2WHWiLxCea0+XlE4fedm2YimYb+JveHhyVAKvkwjic0IbVlSs2KTElk2IplJtSnp6BKHvxfX/KCgfzCrcduBpjNOz5o7++/W+RNzbDe7jXB0/ClvJF/b7gl7PaTwSingK7Rr87VmiGRTFR1XCElHgy2zvW+jJYXJ42u0qFi2Rc3PdHo8bY6vkq/gY9aJ1Q9tBEHTPGwpZpKr6vbfSuLNHqu7kVI57q6TT2mZv7cDqTbsAesTmFQi3hRPp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EgPa4w69kY0qQl+/zlZHJZRq48EAhQo3VIwesIL8Kg4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fPUx9m++UGCQxbRuwPw/nZEfbhqP8et+Pzas89OcK8kgqlNBBJtt3sAvoFtxB3u8yR7fCSoiTcORgoZz1F/kZsgBae8ALNvXqDlHCEXkQ+demOwq4SAJUn17uhal3rU0M5mHNWm7QAhPIWWpzwg5NhprdkyoWUiLVzXWYGzkKliNxJOhwHU2AqIZN4qXwL7nPVc80K+qrpwQyFj1I72DarZvYu0Dy0CjT8J4Znt6cLo6oldrBUD1JZEBxrEjAHtw8rWK6FORh5n2P+9kPmhSBrBHyb6eEXOPkJCX2ncZ0EYJbBvpmjwrmVzPd5MXwbjIxcajPdR6yWj5HWQoqeSqTNSeJplFt8PWEXbB2WRIi4pM4SRsarHtViV7HI+RtvJM6qyZIIq78qeuf8WzyQBRlwYPE83SPZ3Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EhIYhN+S0RvttSW9ecb/O6yZDdvak8WUGKO+LrX1IEk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GqreEk4zkB4mi1gRAIo5Kb8wjh0lJyJwPciS/NrkiXrRcMspGJw5actpdhhX8s9Tzq2BXRVT1XkX5zbtQQFNHUS0YAQkFpIGQKJB3MHn7qUmCIk5LA2m3Oywwvizn1K3pXJ0LglWiPkB/93wyATxEoqPgjFCzjuluattenPnEQjjxAyODF0jwWtBj+ASNTGju7FMjlYX0AFmCmrrN15BiPcIdi5VbjG69OAPgH0pY5xpfaYgIo0ymfJ6PEmolme8HTRjzCindME6t/jyCyzxL5NvmQ/KyzvbCfo2BwAAxk4hc3e29OZtcCtOKD40XeGig9i5WMjXpERi/U7w/zRF5pXLKMJJcQ6nMiq/xFilzH374on95V1gV63fRZQldCHSQFe2W+ld2D2ive9hDySVSu7yVgch9l1N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EjN1c2FaSxaskkJllzav0HU2NbNaLM3rX4lHlEXUUIY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uSg6etODHupTotnkEyPE++W26zl9ua6sihJ0Or5a7ZAO2tQmlQjzMlVEfavi1wwff7JQ2lgrxxR623fUzSocb1byazMWSNGothgBMeZNNOjh41drpJRbph+SQKQvprHzheHDTzz0arBq6IH62sYEC1hqjsiEW47zwI9Te9wE14sJxUpspd3D5ZNjnMgf8Mft8ROI8Mpu+aOPfY9PaPdsK12UZlk11GkJHSrlWuxq3xEFcLOQ4nVvVHbiQjt+wEsskPOPdvADPU1ealb7Ib/ft9SQ1vVPUYwOov7naT+bexuhDwC27Xaxmw6vmTzcePqHwQkN9S4Qg4IFTUdQJhztOP1R7mZOjvWZPEKgmZ6KwZunW/Q1HpafI233w0OsMThorECB7JQIFC5AUtCT14FFDAwWD/FS5fwu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EjRJnPLaY7YvNk1uBwSzKMKPk5H/W9G05K1DFMTovgo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f7jFCZtCJ1XTi3jnCIeCseVyEiSA17mkDTe54Zp422DVg+wgLuyDENA6ONAkKiAqxfgOCnUP3q+wZsV77cGSHTnF12hUBZiEPAcISlAU1KopezE0vxDwVEe2/ObPNyNTxysGoyY/bx4dAsTsS4Pw9H77v7bhU3xq+cfUvW1Cr13ZzbhoyNN1xy4lQsGeslwkC4pjEAcSWonedSwEjTFYsYSEbkFHkt7yeGXz5NrviNaOOrlconSpP6qe/F/Vn+RWbs2z5rD75Pp2w2pfmtXuWsf45HBlrzXGqgfF/XQEBCdb+gMlS4rHE1xjqE/l9BDfRtzWc35WtSfOcOplwiEkHlIk9jtjKhLykX9hynruFl6rpQG7vcqm4BLSL1MWPCMOs5xF2qD2wxRKe2C11GBQqKhvYc4Iavkx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EjwIq1NVE9f0FyeDvBdaSIVPJHCalN5Zv1MdQWX7FBo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mNF5aUF9Kv2X9XfSc/dHD/v8EfgkQjJcVIK8zUhX4n6h13zgk0axTUGydF7IUL67TQ2/921kq5QBvhLrq2U0zUGSTYTE3rAXJ+NMa3o+F5TMw4g9LdpZASaG7lV6CfVaOi4Y5pwwhKBYk6Xsx8DZWkTTXmElx5mxa6L5yDHorDGE5mBg7EVOG1h3GMSrc0UnnVjJwI3aSZA9G2Ony5VTk7sd8ENmuxinVzIFmHni7QcLryK6YYPsMlfz6MJ4fmhoNJm+ev6VLaYii1lCYmsBwEzYhpvX3FydWu2TDCEVIKjNowGTwWOqGrm4BY1w2mjV2dtxIWnFGJvH+6mHkaWfiH2vxePph5sjlkCFHXz50KNjL3qYwXawt5aF9reR5aRXuuJo4ClXH35OgnBPMexxK3k2ncf+7ckD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EjzP3i0x1b851JaVnmLBoFNwBSfGqhqlmlzOciZ/Kgw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "p0HjfSRBBzyMTkHV3/NzVND3NSZ5SeHV8GVEUtvJhd9X9xpVtE+51P65aF2dZVi2+36iLCtpsxCumUWRpD2+9HhuFEe9XxYVzzgYioLdgbzGbzBzxPJ+aXEMAWx6kGX4z6QQkY++64QKy28J3sNGz0fDkmQL/M7knDBdVSwiVKwC0cd8dOGgMiP25Io6lnVGfm+hljyWiHFDOdyS53cPfVkJ09ONVFjjhPpAxAyTc/OKzz26h5vCwxBNfFlEB0Kv7nalxnIANipoWNGYZsFVKB0vzXzeGcumkLyNjymNg4cTpG3prPGktLLzEWO0Ei1tstulYS3GnBIbz+0lI1Hv+RFjC+XbpACcPto1uAXlIu11Sr/kCimIYc8SF5nKv0H89tRyKdfej6exgGXo1lD1jQlAqTEmHzKB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "El+tiO2otHhmvO7CeAr/CSqFzuVNJN96JQo+kbtVvEs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hUt/u3Gv0fH+iO0DCgxvGB+LIHwxbDUvT+9Rn1RneVxekvDhrkpBPJ3+3cAKs0WwJeMnO4Xpx7UR4A6yOgMO9USsRAPtZEJtNaY5Serbpbz6DrXmNdFyetQ7eKlOSl1Wot/O7Bg/1kkhjGVI1d59bdIIuphUnIaHCdbNOGbJCtX7Vgyf2O5Gk9SORWdMgbhxpCGM6BgzuTkp4f3plcpACQKYPwMux7ffJyLNHkUwcfLOHcl537uQZW/5UEH3gG3axNJG3m1xQLN5gFm7P6lW/zPhLaVciylC2vPn7kNyLdMjnmA18TQYkeFPfl2M0r1mFu7zoRF29CgbwZicmgYCDQjCbwvgt1qQWgBTmTPP8x3/SHtoQu4zVUnaTC0YN5JxtupYOBGY1XdzRVG5PmOvNeBtxkBWBTtS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ElNqPsRzjnU1nw1mvz+7dylOC95ceas+FpG98b0bVEk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BTWLCxXfaWEIW3VI2O/K5KkriDMa/butfOpQW2cgwSNLyIH6n30g4kHh0sxFllf7xKwnU9dCIGu1LzCQv3PqdAbaRUbe/ydLbwU0ogzDD2d80Ual7tehmQjtfT0nII+lof8vzfBJh87pBNh5RDU6XXCAdz16yWwB8yTAkVVFX/Ib/rHAcSGx27ukEbEIJuvQ4CDQD0Z8GWtlTLYXcPVkNLje/ZuHZAfiSql/CwP2Luw0/dpFFSD1bTHSYa4WYdNjFbaDgUzDZd5JgxFJuwzkDce6Hqfw+QFHAndj3nrRc72qoNsZVXbyCoN3O7JO9rv+aLTBgLKMJV0y8J22WVxlnzMpnL4/MHbU4Q9btdPE+76oyRlxARJAihPU0wU9Qa+lBAGnJTyZk9xo/T7S6ym/TpjZJ4tK1Lso",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Elg3a7ou1urU93lYw8SyBKS9LY0w4Efx6VKBwchbCvg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EAmMa4chBQBEEjNPbrw2zKWTWOnSSLg60dllSTqyK8sbUZoVLNrYJGYI4mzyN6Xqa/FTDLui+lU0HbnWsERInUmXltXeFggV4lEfxcVxnmJ+VI1sX8KsmNh92R0W6VOTO7D4Y85akecF4zNR16ZOSTZz/3A2RrmwiX4g+sXaeXsc0lQujcxhRkbgXUbTV+fMqCoJF70mG5bsqaD1QrQ2QsHLxba7JYt0b0CwvPMAKlFYjiGprb+QOgozCHJUtSV9K0emCUf1ho0AUZfS/pYG4X0+utBgzb5mORhMcYY9EUt3Oab8kpcT/rD97e/PO5nZQXQVGuVHIeXoRUhxA4f+Y/vrzXFbJWGBS5dkgTCbHBvYlHW5/wb8QEXxFP0KHPxeCXD7B0M6/G5nc3YDKUNnpyUXAMTUojV6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EnptsF8RagEoTUxZ2Pt9ZJ0vj9GbBIQK+glCW2zNYII",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9WBo8T134DoYG3+UgFHHgRnovnCE4h+99GqlIwNV6p3IX0ZJLlAf9xA9p615MYV5M8fB2QAhwseBKxf6NS8xdz7r6We7LFPaxoeyPmjUyUWt6FOhaoOyXyhgyWEvi6t7Hf0k8hX0Hk1kO10ZE+GxhVLT/HA3LlqVT+J2K51DB38DBLY8Xm+/QzaWKglCOK/UC1/6KKTjutxKEFEC+xjzDHYIPWXIjGDuwyoPCESAlGyaALnfQtXNGx0lEVIP4UzrsSeIMOfQAHbBPFHe1etQw1r0zAuSPpNOlU6P/fsXpyAbdiN1zDQGi53oFSEtvBHiOavvo665OfsH3+zvkR69WgOO+uiGCNGDPB5vakhT8jd6ze2GlP8W4xwvqF9AegoP4zKaI1EyH0jQqBJw6MD260GKKifPSWn6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ep0D7I/PU3RZVozS3cfsdoDe9RkntjiboToicXPFfEI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a3QiKyEWtlyzJPCFk6qPmGtGd5I2xyTBOEIv+E0PukiR/mpBD6U/xwrtGnEN6ii500dPBchH5B22OuNjXT3TK8t4KuWm4yjJkX85Eu7PgOad+aMyoehHmX4ZOuzQKyYkPzhRc11xQmUwgXGMsl2JecZFokPkFWyv0d4i4XX38KH4Pwm9Aex9yDUtlY9W+shJXG5un8xj35qxL8vvbz4rFkUVSlYX/MMwdzcAqT7gjalNkvYJOt1e/cuf/NM1sF0RscNrWTdoo9jYRNwrU9LUeJhFb7hi2tCC0s2gKFOBKVuGYXg7gY8P5CN41G8OM9gKQTgDugNdGY1Pa03HzfhTtDBpQSZzgc85a8rynw8aJTftCibV/8zoE0u7EBS1ijE4Bw5+H0U4EXGbqUyQ3veeEZXcW9WOi5Wl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EqBtjj6qFOvOPhDAe4OkWdU2ZRxzarRitOr3CMOjSW0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Spdd4ISHWdbZhQC1NJezXrUkyVq4rTca/AZR2Ay9a8Rhbsiy4Trrd/8ti2tH4epxkTiyIehcaC4o6TAZDVjZGnJBQKwSsyvaIEZ6az/PRexRcrNSibreDlVt2j//uI5HZw1byRWsHHOZDBYgQ2Ddv6EogtvLkL4ETH+XVQ1aef0NETfDz5+SMHfXWLAdO14gEmUmgeWYMUCFbX8k7Be9jAun6e8CCP/nLZww9Nv93lRh16rIPsCUGl2MGNgZqB6FJSt4lszwsCNXCMXt3V0/aJZYqslO+hebnw0Ced2B7NEY+RKwoTgUpRoYjGAzV0ONM5VQKZuZUEkyy/ApjV7od8WmHf+T+ekqccf1gO/3VN7W6PVAK6Apn7Oz5/WJCarclXA3AQOCpEoM+OeIvpTuw+fS/babOfFp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "EsUfHP23Kn6TnLMZ9YIoy3yc6coM+n1yci3XJzWmI/s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EBkNmrmKJm/UL50qsJO2oUiGVK+AlaZPxqGtdhs6jphO0BECsmwKXD04xP1PZ/pQG2hr3j+UHSBvoVhypYJnr76uC09Onh1nOBOgCIZni8cPCVISQuxsF6RPxdoOwlzu8S1JSj/QRycC0dJdhT5A1jeL99tpRyXaPMwmPVV84KUbTeCLEmS3d9m9Bkp/CuI7J1uFUAcdcAqCqmhNGTcCNe2ognRX3GcC3VM4qpRUJJuuWl+FoVfyuHaUH+T8MSPNV7FwmluTjIc8Nf9epx0wzKr5MyVh6aYPJRWmzqHRZqUbrBnAgJgKRx4z2w+lpI7ctGlQUNacQV4O4O8I4D0aIOd3IqoQ19Ld940fMj5XIgK1XhyZv4AZb7+UMGdYUbAqX4EGpQuHx6U0CqxZrpV874q9RBrnv+ZG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Et6q/mjtsHY4cDZ1KeRO/aNGDS2cc5WZrlqHby6wF+E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Z9eJdOrSnSGNTlrDmfcwWAzBgILiqP0SI1DjSGuqYQJDYNTtInaR39VeNDuXdN+vqT9ET0rJidt1IjdQn4TajGMLS37bg8yYcbS7f9M8NHBlhlY2W0q/yRrRO8pz3vrbr9opTX6zkZ9WGxuvNjDBD7RHxJERCI0eejM7XM4SrXthTj0ynBd2LCtv+sMYK0ixHpHPqp7Q55lu2suc+B9MYaW/oYeT9AvbgmECmHsyxNyevcl7dElqYyJgj1BU4Im4Cwy8/d8bpk0qoLWdAAd9w7y3P1m4hOSrYPd1Kyvr+yRNuQXyWG4PJ3wymm1hlL60zkl7rqNCBr0SicrHy31WOyH8jlvPW0WAG0vIeGoEGJbMq9aRLDSvavnirIv78PvKbJ22ZDH+h48hVovPzauehjIWq5hTZaS1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ewv8mKu13cjRI/IOJzi1QBhi6SjoSmTjVD2lmfnw6II",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0tHTcbyzzuwEY2/4q69o51TO660F0VZidKlYW7W1JI10SwQHWVJFLlKCbMsyWz685n7Vew5L4MfdItPNHEiQ2ztZq4bo/C0aqQ/uKO0TnVR0+vt2RIV6AJmSPaFkL+JWuRjhtrtpS76vEQJc46ocMVgH3hRWF2RQ0ohOLHcEVaxp+2quvDGzNVAoGx6HgU1WFi/pPBEKkkZtxEvPhPFY+cc7qifJ831g1XROP9KmjcyefwQvugF8FuOWRpLypbP4oEls9Zf010S8S0ye3kpp/3WkBPmb6ZJRvk0Dk9Qa6LadUwSJ4vHK34g5ICeb378iuAN9myyQj/wW2XFxoBs44DGqWy/BO4KrWfzcV19li0vNASGqxZrtN6rdOubufIl6iVNd19uq12aa9+BbtcxYN4OeVd2YnVz5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ExjlguxYa66AeB2Jjg7S3/tgWcnQSi4g5c8hBBhYs08",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yySQFkNSwgt7Vs+P4WWp55OBNslwowFyySfBV5Fd70BQtoFZjWEoXTwvkMawMqib+ttLE3gVAwLs7dvH2+zBVIBktMG7HLzvsokmvFK2/M42gH7xGM6ADcHLmKrYEsXRp7P8DlMP/iKFhYboSzzufau4jnv1gS2pdyY2FpA5H8T5T/wVvjHz7GyBHLCzUNe7KZnNIv8sXDk4DXFDUZxQmMIwJCs8ZrmCrhfD/HVxjUxb4njlp2YxNyv8uLjx9g/QMvACPLnrzsYulU6lHnwJTIpT9t+TUCnHOBNnINdBuEoiiSK3dW+XWKCIZDjLHl6aNTR39zHo4xxlKW1krLYyqCPcXgIJkWpuNsZAqBRRxY8I5f6my3UgjIJ72NbimDt0gMfzI0ZnjjwBj17T3TATNuczxdaqRhK0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "F0dqX7g4wtvZhJq8Ff7hdye1YHxOANVni1U1Tl5l88A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YWR8+YNAqQmQW1axUPEYvABMHZmospFwTb/HbnYryljxqvmDpK85z+rPsyXveJKYemQr9pXFPAP7Ju+nEAPWOhYZngyOUIhSNZxJSoqVfv8y6f5BV7OqQ82OpAU5cdxIg1cSGPw9AdkILtyCluqcsczwlNCGr5jJB45LWbgFhn9JwGyZ9fbca5z+YP9ODc042js8VU9+8e2F7RJsjDHgY3mlV9Iiyz7UqHs5mevXAldL/2SLqS5/TAzs0fys9ZUNzRa0DCwl9Er6CinEoNtu5mRIJt+7Biv4sN/+k1hlMsyQItEjU1M6WsxwmkUYIVYysJQSfvMqGCqc1Gb8vuvlEqc5hpMN35o0Yr6HJKEHqnjo7roTXscuknZ/qQB7QZGXn9nl/PQPMV4dMecHYUx79fxteswd+cXv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "F1kpujS0JevkOfC/KKZi5r6WeXqbcotyZHC4LO5b84I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rRXu0L69YUFUxbpvFM3ONNtq2YRxdadVFEgHvJTukav+0rIDfrXT7lSJEOb17P2xh71GYgrD6H9k1OTYNa5lgEmgKH/p2ojBYFV8cHFFVDortRshOROLG2EnvC/bta42Y6cXx9GKhOZdOQb4wl5BnZemFhqm7a8Pl+QYznyAtpOWnYTery8H6BTXtuFvr/Ez/LNnpAJs6E1Wa70o9g3t0v3PWWNh+JwsXL1Q9zq03UiBwGTAOt0mUoyVVpLTXULF2+zIVSfMBz0Ve8/8T/RYtVDRAjdT7yPrMuhAEKUbkunZt731uqsW2joRE36sPjUUGVjrrQzN5fZPyJ7nIJjRWXyHIc2qcfTJjU1TQe+s3VDTC+pXDEzcCdKJipsWbTW43qtStD1VVrvwZ/FsUn5STTKhk4Pjjr49",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "F2IEBNO8WQm4E0iSDsd8/ctba3si73Or4N7C6JQgyQY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kDlJv2KPe2OUiYi3BtDxTZsjI7HJcT2aqKfMerym++P99k1WYcBwyS6YZWGAU4SbAuAb7AVdIYspTuMTBuA97rVgPtUictQqQdI61Jai0B/7GLMMOwEe5hQnJ04fLcC0l6w76GUzmW22SkNJEETC6PN1JB1kD4wkS0/Lw9VvzW3ri7BT1rm4Kc0uGpP2JjoQkEPj+PwA3dvUmgGFkjnPAliaXb337dzrnk7jE9g4Ia6dy9CWoAYM1BrGbKgYzjX6XtNN3gEhpPRqdquGcfo0ASIZeG2BYntwfTpKE4SRf1wGbHBFU9wMbOATB6o1x+jf9Fr5PdlPQUF63CN/8QX7g9qHkP6vxkb1zD/PdDbIwu7gz+O28fnbayu5pX5IHMrsVcYn9dgPpR/1iSRKJImjI9F1sdLmzVyg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "F2yKsijuSKUT51UEo1ZnOsunM6CAoLlNMi6/410x+KM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nrvwA47VSmSzS64C4UrGvASNSIDU1XPvhxsg1aP/MNAkKgYVPxFp9r7sKqasIzuhbJ0EJw/DnAzcnPY1R9U5TwVJ5MyyD5NJRTIi5OR4tVWd28OKlen75Jfm8srK/YZOHvjp0DoXaYzdgeatm1RdlQt8ouzpjiPerff61kjlAf7qjE8bua0GUEhfhABAqQwV6fxSU6slZAXL09UCoCkjYFy+cr/+EFU6pCmnNXymMiWVF8Ww3+QJYN1TblSKbi76jLWwYTWAIqptwCVVCiTCeEmqmjOoAh1VJzOeIvQj5BPaIl7Rm575/PQgbAP7l60+QKXfSZnQDVnfzXiRRdIadz8H1HlSS4ZkABzhAAyZlzsOLheQElBkz8VZeeGPwwtxcIL6jKNZ3kNj8nOd8UieEUZ2BTWjMdIB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "F3WqxsffrgSctoE2L8OMkMkmhhT22RsL1SkAaM74ZWo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r/Hr0qIh5/XAWpmd9Q5bgNYAyERKp5pXEmvOIypVYqvMpnVrZuBb7JO0XhsqEvnlMi7XppKSMyTM5FUECdspHynhX2lbd9RwZkHrWeaq/Mz0JLYuRZ8BF7WxkURx/3f1Sd6XuV58K43famXDmhUjvrN2iuMEqkLR4ouhePmWqo3fDPYQr5WAapEIqbBXcGjxjXUcsaHJTnS+ogXTlMTMNyysPB5asSde1fMq/SIGhtupJbTUt7NTTzjd2A/m98azDqk27bZwhWPczDFIYy1iQKVTUjHVtP8pbUv0t5TvQW6JSqRAIXKoJeT41IMk33IoCj4zcCEeMbs+cAVWVMV6nT5xB7sS3HZiF7rzim+WHsczZXg14t7LQRzVQgTJy9MFJRMYoRK7ZHtTNSxhlp7gfNQ3zofC32VI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "F3ydSn/IWwBNwlo7najHPA/pXVY2XtgQL3QYB1/odTA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1oIFdcUERFkdRHHof7T/7aa0T69a4vS3s8NxQkC7QJV7WRRHY1kJGpG0r8hIq2cYvAUWtgJqpHN9ulCwbT+jocG1D3tyhmbYzmsMwkvjEZn+y5rpB1g3Wl1F8BTKIf+5t8FZc6khtC7vfi15+kz5QVgssvp83JxC6eAhfLEM2R3wA5Uaeis4EAViPeU9whCRZDSY7bmOpukgJTVaH+dVfNii7bbt8pmssK22Htn0IG1jQqrToGHQr7prbaxn0vwO9L+8IeWrRUzsE8YwuOn5yhzR1+E+g84W0sAyQDbAC9pCcV0QMHKLUe1uuDdyPJric7mcVH7WCLN6WEJLPpr7pugvN16FK8U82lXqtfq7G9aHwSHucM0jgHzTYfSIhVpVIL08vgNwVuD79YQg4cp5VfyNrL0CANkT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "F4IVCUjZPaCnMV5im8aWNxZTyKYtTb2dIPd0iC1GjWQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NLFFxf8PE/+FvIdzIilB4LEea/snATc9b24BQXtrtWGtHGSgJjEZjjtXIUDdkfDVR9Jin7/GOcrbVWgJkL1FS0JdTOyf9eIglfmeTdCwl6hr5rY5gLTSjDF7ZK2e7ngDh+ky5Zbcs5Sx6TukAnfqe6Yr+wdVQqppxj+zKcppjOGiEyjkWVKPpwMjq8cQoRmUEklagtpsaSelXmyfn4saDgDcA22BDjwCIoWW8Eqj+TN2C51Lp+JTM2SjDOHfb0hUR8mcnUhgFKh6KNe2v+F74Azfj+3Wr8ASzQOP/rD8+UDv43EtKBMqAPrgyPJe4UT6Ex3oS+TVGqn1pTbAsihyfUZBIYqwere1cAn6fCRF/5AtrQymVivgTmMQU79Dut3U0svbirDfKS5gmEHYINVCHK8Jd1tiwXAG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "F4TBvVvnhBjI4OfRh+eSzrSdRsF7sCHYnGhyM+MrCzA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/KxnFz2TSsqM6c58/ZLEMwlfsF8XSGf0XoUu45WeiV5qnkYRBKw9gOb3Y8IFQO73ek6kQjPp9RrQiRahAg1Z/RaThUoNe5tL5vER6WGPa9GYRDLogbk2fOtyP11EkK7rluUXfTh71R383Sj7OAnZUf3aFAUrcpMvmqSc+ol0mdd9D/bRRoDjKlbJhKNZxJdr8VC2dG3e8kMQQRn8/HfWIdvh1fPg265+GBY7o/+OfmPgMupFNET/c5USAw5VEFmbx2Cy3hbP3KPyMzIggeR3wfe9t5zs2jCL43Rib8UjWYO6asMDQOTgTHlrX8qYC7StSRMq0nlYeSk8TCiSYXXmRSbV7VKeCoxwaxDtEEqD0cBWx6IR5mojuDcDYb0YWkUOj6N7SWm46W+M1bKhp9IzO04K5f2TXDUW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "F5SAWqK6sGYQml3p0hmBtk8GRqWXEyr8NO9fPuxWRSc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Aul08Y8TMlbmP45lDrPQmogaFDMzm/naC7HzovLR5dTrfdj7ZTr8NhniDP9MBlRdTMjsXdzMXFflCpZZvTv11r5YimkWVtSKRemQEuzd4tb3HTkP5bjeGLe4gS3jwTRZ9fYO0J50TxljkCHkBOLVabsbs6Is7qGTDnmv4X/vCsnQsFu5ubhZbK4ssp40HtBB/wCRLwyi7V+pbAxo4f/Pbh4s6x45mXiZxM5oBX0rZ58mitaPDbjYdMLqIRRT4hVvCveqlsiUQY6c99S6UN2aTDpM5INABog62R1nfT1FGDizTjGX0vpH5OO8e7Q4kyX+U/u87zwxPyt1xz5H8Bm0pyfZEgqETIf2zpvQW3IeFRpehcG5T5Op/skDMlHF87KV3gIb2TGWPchRNH8Haw1paEeQLm/wZQiY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "F5rLbQW3jGChMqsh/qUC7BBQaDCJxZQmtV95zE8rL2c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WhFSXwgo8TjsnSzJsrNvAHb6sH37Pf9B4D3tVzsuhbF3B7M/vqBguEoA/yyJb01D0sZU2amsgqT33ZAmsEf+2ZJcu6qHGefup7UA8kskVDChWBSKLRImEW/Td5vXjqv6Bf9tipstNlJciD5wFjVNLsAzkJ4MocPgXs9o5LmiamExdoK/cXocnEz5/V8VturrO/yhoqhkjrs+JQdaofjMwup71zkIkGuWx+v8m7CZJ3CYG9Y7sZUoabkehIB3C/8RRs+WrV5JIEl9KoCHIjF2weCpdkYVkhZbXtk/qbEGeTEmmnKy/whLwf4RVZPLhyyhrLN54sQFu/CBy6efDV7mQjgmXopO2eb9ciL428yBune3Um1ORt4vh/qukADnAU3BvtT/fVxH5PtV4iDeRUukdBiaEm/6kdS2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "F8OiKAmz31kNpblw2jBhlF/Ok1E+leAUZ/BSGEKPdQ4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2YCF26Qah74Ew1UnNQ9BsOogCswnvJyu5kQdTjsYUQkzXy/dNL8Gqh3fQ+kDVwDaMm3PsP4WHeq+3xr/I2fgI9DPlKB+bLGoitxNXaytLbwvausV4Wk55CzjoVWtDTVhBGinZ3LDoLFNkw0GBEXSu7RcuTWs+MpkWHajx0T/FoeEoffSIZGRzY8mvUotWD1Tf53WFK5R8M3zMYn/G/f3Kt+mYG1QGWHdQ/URxB45le/ylkpeCvXVK4i8z8lJABf/tUElhqshGLNAi0CackD5y2QTzhsrNoyUJo/O5MLmhygkonaQoma/W8DgI1kErCt5et45J3T/LXF0P6mLjswC2ayiavDSrFcnCQl0YNaX7iQtFv+E9B/qg9raGUohqtwTAXVn/JCotbz3vuE7mS6cC/sH5yrTO2cq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "F9Fx4dWoaDTmttpe1nYnT3MnH7L4Aj7rlS5OVBZW4Ok",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VS9zc92NQu+cZiEju8jedHX8D7kyGxMS6oMP/ZnLi21oPDBzkWZnZrcd4kpssR8I2h7GVNLxFw1LWvYEDSOV/fsH35+AzQiV/NO+xD6mlmb/IsaNtfHoQW/07AtHzIs5Vg5FaPH5RPuGn9VoXUzvjcyV6BqrEFCvDUI4SF7iYpRuM5aAtjDKXgcUWk+59XkLZyhVMk6jLe5oEE6rIOfxoE4DKvolCFxNqVV7GlGdCyFkUeDkAdZu7hxMmeSRwQwjTsQyRMBWvf2IvW/0PCrotaAnwY7+TKGeSkSuEy+yRi1GXBmq9uTWdbBVNj7qvfhc3x5dVQpbU7tOxUBo+BfvziObODUz2r05NCAuIfkwBYMVkdXG0YXWUQ54BW1LyFdMbOflFjIuaYPJZWzT/Yy8QgPPVJ62Fqm1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "F9pvXBNM4xDFEOkOMaYMH56iM2mN2Ha9Htz6nnouO3Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uEsyqHm9T5Cpjt0F+QYfZCjFRJCgZprMJ0qxSd69cr8WbmcbR/OsGJDK4nIBZ9Xk/hmjmVC1MI386jlNusWIdzCPFmN08XTj1ugydaRhoOL9cRHMYasRC0Ekf6WvKHyRoa5K50PdBaxVbhzQBIYI0L1Q5a1XWoqit2I6N0Ef7KHWcVBgSXI0HhhMlpOby5W4yWarJeMLEfVBSqdIKPAphD7B9ojXojWmgO/GW7U0pXu5vHFDuyxXe3ktflK86ufX8d2lrM/sJroyhiZ6Ra9vLhVnXay2/mHVHRUIoNv2nDe/dKLrDQYLmYSIuF8HjQDFv0MHsg6l3RoKl930O5tpcwfeAcfwAzIFCVyvMu8eCzykAdvAkWT+Tr92GoQdzfJbuKlOmgzgqnshiv4lM0hIgrATWg6QVzgm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FAFlgfQOaX4vwxUTuYHYSi6dgJCvrIt5NH0yAjeLVIM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L+cP2iru9aO6sLQ3j15+iF8IO28Si3vVxjfmsel4gkcqFaJCRglf5boX2j1Ibvg/LvroT2HOp2OYe2ylD6fTDBBBQfV9sqFK7pSzEWbqNW27kG79ZnSndEtazARHWtYhBkfES/z4NWnVujiEM/CXfvO7NJkeZ4m0TQizlsYaCIOYa5JLXeIuZ06XwUCH7Er4cInn0EAfI4ACyWtz2uTPqVjkcVbftBNFNIUFoyqJXliojlXUOcxwbRwqL4e6i7UE29x3Q+t3/dIiakIzJ7+w8PhRu/3OtD2G4Rjqip397l3StU//3q0VnAYZlekVbMJuv/BlGSTiCaSitmux7G+rq3DWd0ZJCJl6m97EuCPmcU9zNgG/fXwnm426C+IawL1DUqYuGNf7qHIy1/g2z93IqDM/AQfo2FQH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FC8+xvJsTURDCtdlAYIcjGPufT0rTQTy8FbrILq5bik",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v5vammh28F9XYWsn2j6XWyz08Z61KkPHlutFvahwKampzT4qpCiIkEzo5OMXhgMdhDD8dR7cGExp6lvGaOYux2vI9bNXHawx24SwQ4dyXQjDJEu9ats41ggHlnjm5JlbLY7dMZYex4QvecaBwQpTCq0mAaZviOmMlgi9dFV7hK9TNH6Lz9AQxh0msyRgfaqg7p4+IclaPLNB/6DTTpr0BF/pGtQSsKnzYfIRuUKeN7e8yEe566JoC6707VNxJm9+QmTW2vUObjXYwPG7vV/9olES2E2pfL0Tq2OT6DIRDqD0nvYYxitde8U5QM8Ttj0kh89QVVJ33VE2ZjjtNQhgprBChyZ9uLiNszYFE66OsQKhlL9Aey4ghOysX0B1Pqihakfos8E98Tbe5eowC4nOTakQ0WPkLKh7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FE8+blSo8UDSECjooJPo65rbbRoAKxKkGPTSCa+loWw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WyFIj8yKrAqPNYrZho5HJ4DghJrnkxMb7KXKYztYWBmBS0s6Yn+v2fjxslPxxvyviBTb5hyjCj+WzsIVi5myTD9SyO0ebbm19mR6yBzdJapKw9fwzxdpepMQ0KqmXKwZG+v4QdIumYA52iFbcxiNSat9ALqTGAXE7nbcsO9+QrP/GV5iJUYjxNuHdlRoRfge72xfFlKb3PCVohQMrCtceTfHzE2MQGUmkDB/KncBr9PDItE5AJ+xPuoXi6ljsdWZnArfjDDCjlZLXVK0XTNZDIn3+vAvFDnQMOG57zEhkX6/aSsRJnsRBmTZpIDQmNtn4q2FvksVsIDA8dlbo1gvcn+STfYlBcDCRGM2w30ckazmRbT3XKIXoHX18fnCpyRb263/KEB7Zi9oNvjH2uu+UCUiCqxUWZZT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FED3AnAvFI9wma14GOJAtQQCXh6It3m9svTxCTQpSlI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hl9GzPoT8269SYlY32/pUzRtDSqm0Nv/dhPGFpTC05vQ0X1bMdL+ebnUucfDbMa3gqIBR8jZGzYt+bdq18dfKlhCJNc9Whvnp7Z+X2le/Xtgn10kXA8usDSCc/XEypPBvfp2mthJ3qqfltIeODgvE8lNmrgfYUX0dl7LIAMeqxIwfMUyz4XypgKWlgEA+SS5KeOkO2Z+bpirBFcDmpkQHJFXSEMdWdT05vaZwRyzlMNcpbObw5u4C0+K68VuO1BJhdIDWGr1Q3Pn/yyWgi3U3d8Hzw14q+LkJKUzwob7N2BB3vYRFZwHnjEoJ9y0G0KwJAv+d3ZFmOUQQYsHbB+og7RCEriqzAwwUU/GkYZ7VNq2/zKYBMhxWWiTsgUiQ1BAHdbFF/KTaq4QB9z/44hJZaKIMmHZ6HOU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FELCxGaQzgstq8rBRnF5Vbq9vxuWKSckYzJbo6gHh0M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+IvDw1kGA7wSzfLs1gTPcKDDw6b417AodBrrDLIyfNgM8+JxfqbRM+mRrHOL9fJV1NOFYckO+66RMUqCqcFeuRG1gxri9+ppDIUiLNIwEGAa/IHMQZy91zkFO2JDVvWFdMHw9dPiWBvMhJTLqYjQuVRJcN3uJ5AmjOdI+YC9Ztd2pAQUcjTUyTcPoFnmwQ4HgDBiwRs5lbU4UHKcQl29GrQDSJKQbXiIeLa537m5jjyeey05IuhUcgWUaQeV0ulTmD0fGjXs8VhXoLOaCmU1/8Qc7IT3TDbl1DDys0cRyAwIPavLzrIr8wKtuc9K/lw4lvT95PRBc5E+MGCSsdWtLpjpGKEC5MlLM/HaaHp7hm69D3R23WNeScASxdxSQM7hWXAZnkXkSwVwQ/4DF+rKfMwNNntU46hi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FEkMBtjVm0JkriGvI8YFMgSEP4++RzNrbutdfKlNCDM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sNkNo4BQrkfrPib7n4H2ztIIjJ96+WWkx1oyqKyCLRPe8NBNQ4nY9c7NoKNLVM6hc+ePVdQWK2R+8jB0dNfsu9Mj8jrh9hZniROmVpcFFAD2099ToYxKnXA196PJw96QCwNGfUc1uTZjfuLUNujHkl7UlIQTIzfj9Q+0DdjYCHTjBTrdTThqQGDhehBUGRJouBQjSFAYXgXwMdTFbW/1h8tkrELv+1H2mr+shPEsGunSeAg0jTWIYVPVY5634qV78QlLhRDMBWleCmMtmMwuNiVEL/kAJe6IXU0ihE40DPlkJypDe/llwI8RfyCBzIQ90GT4/s/D7NdAx7q0QOGyjhVHXTmCSr+DsZdD7GKifF7mKivC4mZjVLYh+t385wljHzezk3NrtHIQGGaKrzxtiJHMvSZLa7Uj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FF5ZCaVS3HivZdvFrCLwzi7rVCctRhvLgBmQFvOOAxI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k5Gq6Ijj1L++yEINwWTBPiTBMjNAPdmpjMMJfezGcII/QNJXbnLzQCpG3c1YE7KgTx4JgVuLe2xyggj0be+vCw5OIpuRe1yXqYuyXK06RStJerXcnAgmB9EYmj2hCYFLCYKAOLwcjGJ/9ukYNtosII/QoMVB+WpUOa35gc+UyrWqeYWVfK39d+bcY/fIG/7kp3+K9DikEbmuXgk6pOIszBGQqQKkyUP67PFeNiQ4y70Dhiq+oCYH9s+uMMNa6vuMroPMhb5pveIqVa3nXxoOkVHE/sf5whHGOh/cW4CrFk8VvIZQvD6aCYr21e5CHuDuE0h/FIpy2PG/QVVjPCdV56qpnpV/z9mYLm6oh0dP7G1ePPHajHM0pjXdf617rviw9cALbji+W/i6Hgbg7kigHvwotuLCiqLa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FFoTYLFPwyZl1LULvnlmcDwIfaCL/gV0eFAjIWG0lh8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZGiomZySqooOIMvoX2ASPo+UTLI9kq6J8M8CQ6ktSWWwqkJQjsRrFIEkuSMViDHw1upHY2MKwU36Ajjjc+McFYLa8es/6SqlQd+YaCL18GwJWoZm43+Qt80yUH4JV3Yr3GG5ri2ayAeSQ9/x4jTXfGnat1z6t81fao1bU3CkfYeHlqQteAKH+dJ2/XfP2jeTw9S5GmAEVwKDkc05SuyFrDyfdtd1fUM5VLOLgK9/JO/oHmL0U5J2xV+cFYCRDKty2VNrWBRJA0DpMegcwce5Xf0+Ce4zu25FYk5hcnw3r6yWzUH9BMSHzgkB6mVT13FCqlxCaoU2fVNBv0h7YeimdCGOfQ78zByY2enS22bnnVf4IKY6IgQWDNTs5LKNMMVITRE0zEw8CLO0vvTVaGRKrqxed7jgy/Rg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FGP2TlbXVMBxYhvAnVqERK/Xii4svW57ocVlawYfPB4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jpYwwhhcNgqQcMNGD09E+1Lh8YmKjFX0d4/cXuEh6LiEHcm9iVlSDtncngnJZ/zJiaAX/uQxu364lTK4fY7a+D7Z0LBa6fjz+7DfAB0GhPKBWkUdETtiXDkDgyQRg/bNeemHKnBG5Y1WDqPGd5WzuPZ3S5BsXdWK1QVmgv3MJ2CDJNYeOFK6zdtPGz7kfWSspfBQg41gnyBuqgX/S0g2X/RSac4pHdLtWyFVAi7ENdeV79CXYmJuQeqoOylui1adUeCOVnN4WajpYnMTL+8GCc57cmYLAavVz4ctmZySCiV3+ICEoQ9ekNtt1aQdG+uPzpC0R3/higNl6ahsTDPoQwUlo51JMYHqmqdHwnEGo/wXZrnaGlgUpSNlrKCaiXZ3YRcU4zpSzujJUtOtu76pg+Rt2zP/yTGl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FJ7v5moAch4g/7Jm38l+j9191sLkGUHPIiPrzLpJv7o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s809ixUashE0fkGX3zElQTJwd0zWD4xAq5qo2dNaaAopDdIuzWBfP+tBj3nf2szX2xRvuaccSNXL3FTcXo+diOPbd7uPTyHSgNFyBaE2Jxyh0alIGBL+4RGF/MvG2cK6wjy4QwOv9jV5cUrrLCnwHKTZEd5YuHCQGJ/6uXumbvU0SASQUWlQ+zlR2XSDC/N93vHCDMv32YsFf5auqZ5gmiMdiUFKd5+PyzqfqU6upz2erd6w9VK/0F2AU863jY07qxTiRXXGCxza/S3zsFiycwrVLUzJ+h1Awc9LuwBls/2FlCdJQAIKQCcezD1WmxAf594z9qAKZ+OG6ecaFCzI4QF3lMa8jKB03trJ9VOu3XehztS3vUI95ozCT5LuzENn8Y3Jay/c2r7G2aIA7u0UUWnkq9jQIFgq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FJemW+kEZhCBjT9Qo/z2ssgKGi4qUbl7ei7bjs7Fp/8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fNHAFWphgvO5PsKKPxAZ5jHfAS4r3KCfrRN2BDp5f+bCWiCYWgEJjYrSBT/4NGvZ5PslylWuB78xcu4WmHPuKW7SKla0O8o9EJo4uaw6VIQBSUOhmMJA5tM61zcRfyysEqWvVp1PUtXK6E620i3zihwH9r3ncpFfQyyWx03PPG+RF9qyeaypstEVWeFCxhAIFAEN9rpBIlKtmDC6/Nk+mlnK4coPu6Ev1A1uKoVgCylBR1LwAZY7pjhY8OXHGa4AYtTb6RmyFbieP83PUrY80LONAuYu8ucCm5QJDuRAJrahBmLEptrYvrSEzKUCWcvc+2oyypHvA4Lv5XMFgBadAI38FggbsR9m1frX20eY59Le1GkzesfQiTQ7QmF7unmz2+VZYH+mSTZo23rK6lal6EWkh3B/clJU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FKdPN6S4VXaaihYsGSqV5XfLZ1+7bbiexWh0tLRZRmY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ups4N/gtYPK8qeZmDdTo2SimaoHXb+W4KH1MW87iDE82MKXjELo3muhMAVRMBMO2tIS6S6QXNwg6v+Pf6naS7X4T32v1pGc6Y5d6FDh+F6NACELaNiMOnO1sPZuxF89vCZiM5LGBdX1ko/MLNuXgjA00mowwv5sCp/FczCQU0aGH1FI6ok/D0lrjIHrOgwCmE6uWfJp1bjaXMtJ3Owqv3rgDPNBZXrYBx98QTsp7M6dDtAgsoCySS3ZTmwjinMxMKHI1MLSUh3slczYbzJni9d7ZJZsfrZXsRtzfQ/qgpq7yC83ZHwE7GEGRlnXtSDkVEJgsu2kq8cq/0bPz1dp7QsflOfg0vB3jJuf/sz+zq+YV7bl81Yl5teTYc0szI/yglrS/TDApAGnj7AwWB6qLFBYOwbCXUiye",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FMNTt8gZ8EMwTWjjwCAvRl9fAAXkMUF0VACe6mY+ISQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EUHs2/8B5OlG4+9X0loIOBaFc/p9HoCfIWqivL9vrjpPX+GtVEpGCkg64/tSbfr5xBPFV8/ivFuXXS0uoloC4W8vzT5HG+WXtNw+3ux95rw4O10Sbiw6hCtTYfOTxPrPLpxOSyMztBtAp7kaJ91N/e4K7TmUhlmidZHGf/ADe/D8z83iCmd2gB4tdTkfcv/cNzr5Z2h9ZovaHCRDv6V1iRpbFNyj2sdi3WU/dEiyRJFQGd5iEAMmZV8t0FS4VwYbtgvymkodNJCYoMcYZCBwNCn8dph+rqaycHZg+QBz/ar7znJGfMi3G4fH/rcMnuulslvNKP2x8IIvTj5rNx9t/9ZjW+GH+CQPOcFohRAjUTgxwZJDqEeTqhzEVRy2+v7QMasAjsM+5AjFX/sDT4dm5RWM/TiGp7YU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FNvZMgKA3g/+oAnhOoeFH7cqmElvHT6ZIHhWdTfTgoM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vr3NbNyJEqwki/Rl/bRrsH3OzrWsg8I1mJr8eUFsav5+KQ7vDQvTS2IePSeJmVrBcxv1h/zItK5tGlaV+NF/M/Pd9W8Mn3mzXUP9A/vMEei27XO200o/YMFz1TjU+CiJMuPlyGPGKzPcbyhw3AbN0aeXwWBTmw9U1a+8TJygEiSANwwdPcCA8y6V07vs/nCZBURBH0qZqnnm63dyz6FKDqTtJteqpDxi3Estn1adGQmuPmJCTq/JhyLSdSQrefWtrEcPerdsAuRKlCpM4z8hnrjGyu7sCQvXa5VwWTILwPhIfKpWTX6g33bmcF8yvA+/kmbkf41BhUoHzKxRwxyVd70yYdu3qykgyIkhOVRylT/3je2xFkCV/m8IWlREfdFIf7RXuEgY0RliyFPdnFm8oIsdNIkWxqT+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FOa0uuYZy3JyqvVZQBXMhFKn35/Q/nIqNWDn8SzpRuk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qG16YCMK8MUrCfdqmA/FZK4lxUkSjz3tuQSFqpQeJc6EiFv3xtbOxukP3noYLaCKZhK8lgHIfTiZkXgto9zPI/pI01tKvY7LijWWTOydIa83zvNpgzqhHzSez3qHv7ikBw6JN1Y7mFIeqWjYAEiavQD77qJDzalL6/n88noojpC0GerkZA7fgN8z/AJ5H/U+dgErB9IuMhxA4k+X4smjm/i4T2ukdxVt8FdpPomoyMukJKwgbZgNsXDLd6GpUpJtddZkWTpG2ucnOnOs1BRH9XNfG5OgCQCfjJGhYyihfiHO2wJUiHoHMdrQxea6R7D9lrDS1IFtjmwM/B3a3VqjgEly8mVDLkT/23qvcCdzqv2m5sh15J6AcWwl4ahEWEgeU96CVaPv3/+j3GfItQkxUCfXrovoNjkR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FP3mcexwwrz8zYbGrYDS279cbBDy4T4grRgQJ7BkyXU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k44sJQQc3e96/FA1c8ZV9gF8PNvpx21Ff2mFPBAxiF+pymwfE8mOSg9Fp9y/bZ6bo3gcC1UQwpdZtUumKjHAVoTv6dJqVTz0ou16/cfAukvGGWMwPuU5ieZuY2z8FOnZ1B1wsuloRCLJdTo3yuqN2IgbIGdBkON3z8UxhdoK/4qohx/az894Oy+qp+Twlzp8hyTsDf/SW1ZB2nQi5yGSBYRX6QC5ziC6gn8A2Z512Fb0Ji9VTJlmh9EbUCPDeoDFvkXGh5U60/89l42qJS0gCOgHu+SQVpYjTwajsmDQAQnTaaaI7ec9K4QbXjeWyaVCi0+exACXicbGwVPycW3O8YFup9wFoYAgbTKwj6LoBOwNU/Gr5yAstYT8YQ+NjGLl2fgG7fLHh66BYaqJ07Ejj+LdQ0e2NQIx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FPYz7xuL8Cx1vOcjQ8F12H3RKQlKctAbLwFNqdQUzRo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8n0jwr278YxGc2SA4KbO6WCaLgOAgWWnHjAAO78gnjKRCTDge+FiF2645LXJb3uYFf2Hzbk/lzRbBpMnGyV/Zb/z7QUOOxKs4Yl8fP1RomF/+edUjh1caLWBF26yYRMXr4Fh+d118j0ufm9f94C/Zp80EqIqLJCA9ZGqqzwxQzjyVJyzacZdcoI4ZKd/MmpAxM4QKBpKmO04iFW5Z/1Xjzzwnq9iNJ1kmX4RXNvIKODxCe0gNPny71qiinKgs+KltQLXicYvf7j1eqw5Gr6u7/mhi7xC/kcdfLDY7h0abV7k94RIZVIrobJ24zV/4dkW7xP+5pb6DZouFHDlJxkSVHc4S/6q1bvAEriBnzFbzCACzoQzIuZVDE6nmKxf+a9Tddh4aznv0GBB1zAe4np5Jbbms5Siky9/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FQ5Es+mRzC2gwxl9IhrBLhlXrM8yZspbn70yQtmjG+g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BpfjcnJTPAxhjm6sgzYq9hSSKWL51NFgf8Gdn/u5Ct1HLJXIJMyds4TuUh5sEi0RYm/0ndi+PvnYWf8NUMPippuWiX2TUXZP+vjNTavyZpxzClJUn3bvTSuE5TnHOG2FPnANslZZUr7lCtOyYq9KrH8Rh9q/FhfYjx4iTWEXxno/1WWnH/auIy7sgX1JzzaDm+EvPqp8LLzrYET05PUz8i+6F8+H/a53E7kOalHYvMvby6noCa0zzfTzEPcgxaBNTwwsmkWN9t7PevM1Mq/2AAP9vSxWu1bnj1jXWTS8CcsPoIptpATbVtfaK6Gl1KOTN/lsrU46pKOLFaCYSjS0uXvmDaMLEEFiH1iSCtTvtCjXMJuqJUn+uTve3RcRBbpFHG4SgGxQTUXcG0PVxXYB3fioiLt9DcKN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FRyZIz4/3XKtmvmxy19iqqEtRaKtZmAWpoxu7RlLLb0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k/iG/QS3lSWMdW1cVYcgovd+CmyjP1SfQPTBjKGHo/QiJjvFBDk0r2RaHCvpKWOB3Fc0AG3z75lE81ez/GFk+3ZT5Z5A+iT8V/0xH5rs5So8WM8FZMh5Oi23lwhAoI/diT4jUyAxrPh1sUbwdpPxbVQXTZdaNNLhkeb5i4J4aUlrRZKGiGjQEsmZWPWZR8Sw3DK4SyUD8Si4ZQrHOFaaLvaUY1fL/pK6ZapOyJr4OKp+vqO1NBUUO4caF6LvHF9egCA1DKQO7XKOdi+xV51SKH17IaVpNe9WZuHADvz6/QXG8g7XVQDztaiAcoWjbSLaJLCUe5XsQxy0Bt1L7ZUd0fVfqr4KpDkg1tDN8n5/V70C1aEaK2tU+WtQavSZZgy2YXEc8guhvYD3ymcq6jIM2zdekHpj86tv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FVZ0CwgEWNZ/HZJ6epq5RsiCaBiTzmxgIN4e3dhuizk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5AumodYLNuxeEU1itZxrsF2tuxaEqrycUZLSGGJLO3K6dOSGUEc5300vxqLS4VaW4lX3KU4fiRofkyx8DsS4NAdumGvMIEJdhwpnV0bQFVaF4u1FvufGzYttDCKfSN8PPco5eVmdqEiJ5VP31Ym8MvNC2T77DFtjuBfBDROB6Fzcx/rGlD+QNR+KmKZiTnvTXxcBEh7SXu6K353iCXv8zD5waneikv1u8On7mQKZJr0JfDpGYxhg1LhMml8b1GB9ckCjDKZlMiS6q1fdgFeh+tvEQryfC+/sYZplI7PVGyoRcORZBZjgqr1SHrDW9HCKaoNzSYn+y9r127R2eHyAVz/GGR88/puk2avzW/lQ4CTyOhSojEpG1Jb+IIYqL8QwHjLdvHFVmqVI+9PNS+AUKWL4W3U37jWb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FWLRU2XMzHUtrn3U538CgmINTU7LHNm/J6ZxZoN9S90",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kspL83/VzTw/MyaB0ajsj+kMK+ayX/ipYEUPW37QEPBJ4C6awDWdwxD3oM28zCGR4m64PEf317dau2e2YE44FO02egunPQEUMsPcweZZBPuqxEoCq5sqlfbzxEX5hsh+k9UNpiInBI3qts8FuNqTvrFd5nEV3Ec8E/3rEJeH4U6vC9Xd4RuwqDdwLs37XIjIKKU87Ok7n/7V89upJeq36ReRrzUraz+Qeza4eWHdz8mHJyXcQ6EF61TcklgfkCan+A8E1NIOwDJ8F1J6wddv1qI8v23/k2n0z1RzDZL+ws/r9WrpEMPZ4vHaTjfg/ADZbW6wceKTwrmtF/wO8zXFGR1JjCHuySUb6FHepNJj8n8jyYoAruixkMukn8SYjkIIJUEOxlvOUgQyz+K76hF+MG4kuLjkBovn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FXgq9+JUmn4o0pIWHexpDGb6XwcYE+UpMxIoKocHoDY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3TohTFm4Q6TNWo3wz6uKksUV4Euj/JFLExOzPGdToI2NrQADBbxXBV16ERZkjz8o0/COCVfO5EFScnudy/RWJKmDWQyptx5aIrQ7PLqfCqgIjV8GkHQJeI1SxT0V0GBYaJzH5LCjCitLZHfSfx9Q2vEcnFsMOplhS1yBx6JWOrJZuN3eRfy8ISabAKkvOEdkg7+1SeMpj1TbYNGxxP/8+Ligh2OuJ0JIFQWxHIv3m57ngTxbbm3e3ZVOpjoNKmwiGYw/KXlq63pCaxcKgPjGMDSiQQUa6MLHY6mMStL9opolDzKY450I1SORxbFCuwlCvP9bZv5AcNHFU3d8p/CrVYV6H0BA9o1SrgPYjtdSqJfSZHh7zAHpIsTE4iMKzpAViLcr/zmdRfdB7VkJA2IUlGPBvtD2Qs4s",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FYnmlFDJ2uyjbbEFNuDGWGC86CUzB85IDOYZfRUvdTY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dl2u+G1GE/U2vNfHf64RFGDAWLuXzfRt+788YUQjEqdn0Cy/vf2PNE0xg3AC+Nw6Lzj5ZzDU25G09NuS7ZjXafs8ufANiJiAGgWAqpvQXb0vtrnL7o3pfMKJnldnYvyhqZ/ie9zb1Ce8s1lJQAyka3/TKq8HPnueJfa6x7uGQE03SCLoNeEhSJw50iylOimfPNmWwC8+Ero5Tfa8z6sXi3RZvOewRLn9TdW9LRb8LuedSptZbytOpkFb1PN+CB5Lm+I62AhtZJkRhfgsLtSOEfWOfCyaiS3n6tgTbgtV7v3+CDG+l9/oURwTpunvFs2x6KjX+EdeWTSR6vfGGMtdf/LD6h1ov5L5OnjwTTwKDyTBbNTpEFMv93uYiulrLXn/ZbWj27/tN7PsZQFmeLsvqNrzrEt8BuBk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Fbuxtf+FlPDJNhFdGbjaEIxNf3NKNfcseNXivkTXfBE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YpocGqytVGnamcbQ07AGEGW41DyznzfWfIkQ652+cwUwnFXuePikU8FTcW93w85lg8USeUKFZ2W4EVaXMcIqzj/bz22kpFxeKM7JDrd6SNRcGXd4zB/ISbplgkiTV0bA11w/8a5PiTTGaSJurSRvSp9eUnlzaUsOMS09yDc8Yb4Tt0XUpmTaAdhAhu+2CCcxBuM3A4KCG3uAm6Elu+EEqKWgGkl8ERYHRev6n7T7PGHrlmz23TASeYlqoeqKiWvihObTlO/A3UIu7AuHzLabTKKTVebRX66xN6t93rKo3+ODNEUJYve2WS3ejSXbL6rvTjr5mgeK0FHYVsF+gYJUWgKtfo6jdiIuMcagVcisKmg7l9rZ0jp8N8q71mrHhTB++5uugaAFbEpGdKdusC1+C9ZiX9zWBZl6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Fc4Wf/8z38a1P4rcnfqWbAwyYzqb3/FgtflGxQMLMIA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pY0bqOoKMbeyWveKVWO04sY+3PyL+hmSF1xIQSvubyKu6S2G/EyMUrhJjH8nhquRy4zvdElpGjTshl5N72kdkBATuZD3lLIqWNROfXslaZIJqhD1HI3qSxLA6wmbZjj5daCimokXWE0ubuWtbeA1djQkuXshmmdCKzhRk6xWmaIaru65YvWBNeRz6KDlISDUhqrzuT6nN4H0DdJjW0Y5p9akQjqLQRDsEXwkOFJUGIdKoV29pSoYR0X0ALK/moO/jk/ME+HR3EwG6ka8LPf/Ha5Dg1ROQHySD3npNijnnIEKdKd5m8rZVN1zhXKTDwJdmr4bFDHZFMgVWex0oSXnn0fs/LjI0n4+gqaEmtEGZDOmQVGI20xE9BCwDXrIY4xNDrXhVobeYmPpRSlL6ETkr503eOmN49jh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Fd/oW6eDTN9ndFnVEyUSOTfo4HkNQ8flWtAR/PoT0no",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qiv6VbBUmsl8rrTjYJC20TUn6xQoATybM6xHTxTEByRG3w2VzXAikc1oOmUiXxRaZsUM15kf95nO9M+iq6UFhtwjjOjFdH5ReDHHjR5wOGeEWA/MddtW0csmEI0F+HLQiS/UmvY0SKFdP0xR9qwjgVGx4jSh2PxW1uh5KAO5x6DrDkJgxQKWNfoxtKtVIrWYWvSu+0EM5Kw6PMhzGBHLKkkZhQurEpOY1LqsfQFcv2aZ7nyPBspSTRJ/YN5vJsMpQ6y6f15VPiJDtv8j1KicG+4xr7jN5XmkcABk8oaWF7S6lVQZOUVtx/eSH+Pi7+CzAIYpbJg0/Uyr6qOGv0xv42nwPPhsUN6y2yu979sRvRJLkWvH52yzxYzKWbLoKnVh9CXGHNwQTbL4KXm67y54uEsHmcWg61gL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Fd8qDo6AwySSLC42G1b7e8L6pEbkoct+BBycKFVCLYU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xKP+bMDVqO0FKNwfu0osk0MfhsjZAtHNR/0aDszZICDX4zNpPzxOEbh/3SMc6I0hJfTKhO922lX1mgZqQzyGFAHVUC6dmcJ0fZZCBiCPiK0gdLcLG1OStp0kfHlEeNjnzShLYbakXFH0JH1giOJdSK+Yj/EKRYuqJk2pYHsegbvd8Ctiso5Jf7j2zx2dsEuFXyK9yOhkUH6zjwCiSl5EA189zCCD6tOiIdjNMr0JN2+ds638cU8JP1Oifmn1ctbk/Wg8WHv091Z6qwns+JU5d/044PB3x38W0svtFMzxMiZErRQQpmBAgR4qeGrY20+/n+BWdSNZ4pKMCQ1L0CBebH700/83y403F6BYCZijJyq9LDdloF4JTV3mcs9MGBOtsKgeDotAlm37/nJdEMJ+8P/MF3uTl1Q0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FdC/k9eIyViSfuDSZD3ELpAqCBW1wSFsHTaLDp7JH6U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RERTIIcTLe4hkcj+YwTei3CfB9N2D5qUr7GMRWjcw92F6zMNX1qSaGNIogvUYFZ/VCwGUEvNu4QnKt4KZtZ9UMUJMO8tyPL3lQqImeursj/7LGo+FTJxnhxidsci1pn0Y1//Xr6oXYNgHTOegszGenPGq6F/jrnSa+aIpAGH4vb2sq3n+AkHzIUut3VRpzdPKMxQL6dr6RZBmreyxlkmcx0siq44Oq2OeFoYbQkFUVqgrD6OByLWjoKLvzkRxehuwDOh3ZG8qg7oyO4M4xr9g8ZyErTWNQoxb/lCzvISwpUSbf5D5MSZF1/UEAKK5PdDhzhANs1DzSeSPKiWFXCfSfFnjAPmABsh3Zbs9hm0cReee6xa3U5X2MN0I2wrfaRhXJOevOXbI8PzMJZLhD4HGuiQ7ujxvyHS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FdKBrHZH/CGF8NdqbhwG5ljFxSOrExQxDaNqowRaNmo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qWOxtnDsPcShM6KzBLF+DChVqh/S1BAw+zYLSxf5b/zq0hG6N7TfgDxYNtVrVi21/i7wJbh/SkHB3zpXYQNGfg7v9WWQ3JWVgVeCAarYOA3BVBwTgzLrljQ4y0eCYrj398gdFHbst3arDcpSbSgfUnkWaJOYbrGKUp1i87yEWsjfoUlU7HuPSKaeDISfwWRpKgFWL9zDqgcGSPNR/WBP97tlybtQDjI8D1z8PRStNKmjruJhLGJUU8Cnj36ZKr7ra+VA2nvpIqUV+b8Q8Ck+j+l5kvFY0qXCqPw8MKvJp2EvGSnYrDhuZmPsx1yNZp0qhZRZyJnygkZpitI8+o08jdQgJD3lC+5zhwZEbIYfkRzT0F3NYu8wVrjQ/1AxkDiqIfILlTUOoXaGCpwCJCC/aQ1dvdzj1IGC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FfXFgPNNK5Q7cFAJxL+EJRhVGYfewFNmD4k2rT6qt4A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8dxyu9dSGmFvS7/LvTVlv9IIZkiUowMK/THR6t5tPDBMMNWLLIlRED77ealGUWFhTl2IsYTkYQVpAbP4Dh6yq8N3wNWzvKsacvgy1Hr3nN+QaPmtfcpgYJZh0voDg3Mh7ZeyB7zvPUiHqNAUvSgHw5Zi6mlocxOdQbL9TxR6x03cVb46XQt63JhhVfQPhmM3qH7OUPRDyObD+CvNl5xW6wI28tvnsS6Afmb6CI/uKulo6HhfzwzJXZCI3hDRotoYSH+PUW4Ddi+Gm++leRi/3kRDgEUSCHGfAQ3dxT6VfBs/eeNReKT3Z7RW6Vza4aIOWJ14G2Nho9IP3qZyxq38RSgHWj3Y5P7bSl/Ztmk6WD762FDAG+rFH7wnvN4m1epV+k83GGbkhpreL2TbP4a6ndChdOguDQ+z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ffb+EnAiEAr8B3+M0gtrO0UCe2e7O5vqOuAdVzh1OtA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RzwoGbwrwHUFyUUf868Br673XT6iUZ5oVl+bp67fpOI/HnHJS8eW8x/721+dOyL3FMLJP073l7rj+Prsh1oZSGs3t3zMnNSbhRnTk/7D1nn6tkCRk06FxWKnhC6d14OFZAbBxwS3z4HaywR0Kd8N7qYtcpIQf01axHtldtTebmAx54wdo6dEM1tpUSpH7/rtADkBIuhfYWGQ24Kk7XRZlK2tEA+2iLdQdi3MGNR6WcsfxIPku/e4U9JhneyPLJJr+XdXDUArIc9NAs8CgKCCVwuFsNMV2cuqnwxdAtPcMuAmRUgWjU6mR0n+By2vu1I7duSWagBV2xpSW69OjSo1XGGYR/z3fuKKXU6EP6G9Tru9mjJ7ASZNTSGw4VHogyb51HkFqKH8O4Jx98xMjNF+WqaIf5dbm6rO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FfxHyAVjrWtHX/Ecx49eD5llLY7msA8TTdtRvi+NTLg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DuVLL97ewJ9fG36nCsf6fgS1sIxSw1N6B0Vlq3/LQ8jbDQdZpgMEVSXDTjxjdTSO97ejjp4rS6c6zH9j548JKokmyIBBaQz/eG/3jhmQrl6WfHnfc0kAeOOHYRP6Bd3KPXSD2W5LFRK24IClpxyAhg92N94Jk1czHvtF75zTKegX8pUNo5R6NEB0lAarxPk/Zf13U2vN+NVUGEuyRchi5u0P5Z+JzAAwdUSTC+1stblgwhPi5o8TV3Xm78HEGKVmh9z1xc5midvpO1n04OxgPb2IvDWsnX6pCzf7FUIT720C3MPHWTqG3et5fYk7yp5iiZraKAx9Ykip1nNWZHrBYni8eZXThfiE364wZ+K6JicsOGGytDLEccRFlvZtXctrjC23YRv3F45QfeTcVYI4ZT/jRjwiXPWU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Fg7aYLVwrtB5MykC0Z4c101ZfK5jQkMyL9Jp9Dnu5uE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DFZKf36s92VizeBSFP7nW/U3D5E0inNRKSlVJfeIzJx8Yksyq+3QaOYRXsRP6hn/SHYPZQtoccP5Tr3n6hBEBhctSjJQL/qGwkfnTL63NJhumU3q9AUBSL3uKhpcNJEtWKleEMMV4Gwj4n7BJX3qnfHtcCQ/GUGJ37t0JJpYBB+82RTeCEHUOkU6k9MIVNL6KDAM2CTsQUFto2vTY5XdgJAt80I8i2g4fk0h1n8GOyE67shHjr2VZHpd/WesamBNRpuVg1hhtfEdAb+MmTSbuXKenbGFuYxHwlL9M30tr3FMmKDM5TYAVM4Cmh6qmIuLM+xWMTyL3wwAOrS0aSbZ4wUKMbwitDCV2kqeNnbYiLPejknUQqdeKIOixIITT7oDo8mh7JGL/2LrkmS8ELuOxNLoGeaEtrro",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FgAjsXdL84fJq6YGJVRsjXrBdxPhosNdLpIja0uXAe0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sYZuNEA/inij9EfxrQ2x67sp/9wa07URzrMHvS2EwyAMvsV0qJdKweXCi72fddqoi0Kjb33WLjSo8AmbTAxD0CwlnzMn1Q49l9L1HB3fZjpgmRmHJ5PtZW1/qu0YIHnAghvCsgtxkh7fwOfCNMzsC8kA9ZNxxtlsbQUo4jwOVTBLkRqWIMGp28UPOK3GaqdbfwsP63lY/e/v3gsDNDLvmyBL996uv5UjoXzSzr/AQ4AnM8vrlGRjs/FWU2pkR/KFCZ3p78h7bKnQS2/ubNwIkNAV/efr4dj8jaFM2E6J6aiE/Z0wWV+vclEc5Ydjo6CuLNzNs8M39QrXsUWnrYwCydNbMAea3kxA4+yyLBwD81b3FG4Jo5YyFt+6v7gU/e0giJED8CCc/vYRfllvhPJzn6dnhm9nFBEo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FgBENt8rwESPuD7RbVQGQmyUM5reE2f5p+t/tOcN8+g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gFVpUMCNg5fGHkYkseNrVJ4mVFnZeEkm8TekJGzfHRGVK4ZpNCUK+CAAftlwMzn2ExDRf8xck1/fq2zaDbOdvV3MLb0ouGl+wcwla0isI2xKtzVmnjg/c+CfJaLoQLel46JYHFuh2iBsQU1uVYq4IIzv/XV+LwbdRZ6HldagKsHYfZnxRS8EsUXSif8gUMx0G3+ZVyaazYrpKfPxASGBxPe0j77bnxJnuJVNJAzHNdfiI5C8FvOl8H6sRfEf8cqB0rovygALJGgPH2CXY6PyetY4W8m/wQWF3pnyIZZbBByK20y5oSCNeBWv4Q0i+XB4y5I5dVbREefVP5DaIulI1ytjDR01mu6SCTen4b/QCFpmjk1NaYAn7I1tmMk4q47MGDZ9xAz1kvRwAGLw26tOYfcVcUSWafNa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FliqmULO/P86L6/ukcUqQnwQuZGTetCjUGwnA18Jsuo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OmpPskyvLGrsrhDDY8SAyG7A9AliLfJQWldzGkw+LR/4QsRXwWkVcpUtffGmUZ0q7njG0sxSlQs7Y8F+YsxeFr3EASL1ClpnS/Iqk228WRmpYhgOzkrKAmCotO+GWuKC5zjK/qkanQSKOIUjumIB5iSX7L9A4cOAb14iIZYbKU2SltoQigv5IkDzPRAbl2M79/pLIM+y5MoQBnC06Bb/FkKi1SI0E8HZsFzuUrmERQWpQ8o+wfFo+cHKSgHzMS+4v5PvYpjqB6zM6V6n05eTwDexJ/UA02GCsOSS3U19RukBtPP8g+XaywT1hvdlw/IcEChTKZpFGRRoY7Jm7FJ/PogYOp41G+V65k67CvKxqJ+ItYpMdK3RTxOEDJ6i+UD6H4rvTfep1/LoL/Ts3jFyO+iZQS0M8N2v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Fm+DIzcYlEiZqOnkpOAzl3fzD72olmSDcDKXWNCQU0I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xO3buJ85u0WxsGuC/oLaBkCesm1en92q3kRtapGo6yjLWKodUGtZOHkq6cRlBXCYu3ZAfoDkaXbPQ3BUxP+T1Npj43Z2nLyLMc96Y5HAwzR7OLeUyA7el5//cWSv2hYikkUdKt8pHbFt+TCmChkSKY2aiKPKL0CDkXimXmFSRDu2gc5KF4PJvzPUyl4B6rMZV7HL8Lgk9QV5enHW++q1dnoihQZoH52wo9gIUQ9rhVRMhxjjqfoztDg272ESf9aySHqKR6TjehtZxCF0Hry7tCNh/YxOG4+EPcNnvY+X7xaUMZkUhMuxYY6GjTwRHm61D5cqWMOprMMejJCsIFgwcTONE6p0kJVMqqoGbypML4cqgLfqTgMiDL0/yD5ul/dei4xt/H4K9aN0+0pN9O6dfx5QZMFXQX3G",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FmGmsZB1V4IcGwadtUe7IdzuLIjpBGYGHSbmgnoYyL8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zaxpBQHNbxuRIELGgXCfH+5TreJ0WgDs/ShvnEwVAUZu6ZJhLfGwh4dy1uo5r6FEbxOaF2D6McCKlHkZo90jAVQYgeB54p5H4XQhlM/vepKSBD9/oV1MrXar7uypIwMyoGCJad5Rv2+1zcNJJ0Axt4/hxRgXtsP6R1iwDtLmgSF+QBGQXkhT/C08uPT1xZ/PemCi5V61iZqU+d7jYmPkvtn4ItXtF5W8zyPhap5FbUV3NKxwdN93mqW9qZakGf2mfaorVHlHWJUgRLpu4RGVNUqYLZAK3A8rp4c59bt7PdWdbMs7Phg2HsRDeGgAl6ktJnjrMJeOcYGPz5dNX5D+xv0vybTEzUYbAliyE3ZBVXThNAbop3VM8lN+lmoGKqIWCcmSqKzWUHFyxvXRsjsGxsQYK6/03Ljw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Fo0jbYaaRI+leXkeM1yiVigKxBj0t5M6gLGDjMBIvIA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "luJmOnSCKzgo5NmHtoSYryg/oNM9cTXQEvs0EI3XMIxrW2wMpW7vmGFa+LhhKwNhJPYu48uBUWlyJ8jdAHEJm6gLvo5EDU2JHvV7WByhQLih1qZSgB6cxkSM5A68gnT20I6ZkZrNXhWXImZo59Nh+1nTZRA50MlD9kDypBjzg70dYBEvr+/x33exWeygenRrmpl9Db1uYcjGLrmaRN11o2Y8LKohxm48tRlsw5tmCeo8C1/Bf6/P64imRNeksxVG6enZ52W1SS/dQ5cOTUzFbXwvZA9GrVChaOkU0ud+CwlrOg0iJhIDPlDDV4KFaA5Z+iaki8E3EpIL7FpjsB+Net0bYvabDxK++bcjAMNfQ3HfQh9cFQK3WmPmjA2P3WRyoH0YbzvU5aWQItPceHC4hupVlEeLPqA2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FoEslpAqrWKTe3vR25w55pcgrtebXZEfredi48Pfh58",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2gUp2pw79K3SJ9MxKN8Suf11yAwLu+XFkeQdphuoFpYvP9rIHfYvShtOJU28Z7SOU5ri3T4nbkgAZrcobo8Wzsv8JtLf9Jn0zO4YbBVVbifLiB4fap/iYcSDx8OYZAVqZfMiilVRbD7EUBFq604wRIZXkFdgt3VMRC/W1JN2GKXe1ImMaxOSt5lM14duB5OiJlSQvKoKgVq3tkIZql1/NoLw+JRRvDJ/vmlEmkMwMI/AKhyOJuwoH/sydFvc/m38/IVhkrjXveOC/UaVMyzgJnC4oAfxOVdz/l/5D3SYUm0d3gybfEnvNtUOnLLdnsbvbsHRvEhs0KSrfQ7HlsriYXTcpwuQwg36h9ptiQPyNTh9LvnS2L/Bl8a03OITxCVkWJ4h17+rp/ojeBi9GCIWzu9nO+YIOpNH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Fr/P9BbQ0OQKZp8uLPynY2z8Nf6cbRl9lVhdqPJixmg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NEZ9cyyULr9S+XYkZf83OMyYnWW1m4J3RqT9qNyQPoT9Znv87j5uJ+JHavJfRxvmqSp7lq8kwnuAIDrm0/3tQbvXrTbYjzntzbOPMM9bXTmdn3Fp0NH6KXXhcd/rnBbIAV1PQQ4GXxOblqzqTLsgW2m0DkPYM8pE2CNfkkWJVk2WAp2QLZx34B/1LeuPLPKgl/U7JYgYvoVSkcbfdTqXskYnH8U6qHp0ZIxjDjICwtcOAObPwtAkBGmNm101K8htOt1mPTLhnrBjzUnQK+s7Zmxs0tsBsI0bSJSe7IOCcT0ErSrje45rjY8uGNpxofRmy7hHby19e/w8S0TUulxpnpPJcriLGYOJO/M0RQnY9y0Q7rNZfth3wJ/Be7iTYiu7quOD5iW37OcEdR9L1WRbhQyEzCXO/WYC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FrzPAOrEomxyJ7JzrBILnjSuKqe2v5yYgZdx2AmsU3Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Hq/yzXIX5HfHBp4g4YJhjPp3HEF2yB1D0Jr70/SXe/8hW50lEczCZgLw9NgDC2wGAocWb1uGDUCoGq+bZowgqOiI7RIurtDXFZdv2YNloJnai9bVdY9K4mDXPnW4nm2hDevJbKBibCT8j9ulmocM1JRHWgtRxGTA1Ulc+OvbE2aAAUUZt4KZaSFsXoqytlBqgP0ljhbUI0X9gfpv8FV3AoVgwnOzLvgwDGVyx5VDLSIVQtZzXR0JIWJl6JHp9MacHOLymQINO2cd3Vxjs9LpemGKM81NTBm9iXo9Jo2AbIEUYCsRLnRK5bAot2uf8ePmIL0xOFuOg1touLMPN7wkYNeGGlhsyGFlnWd4E2yO0o+TyeTJXbSnW7kPsx2vkbMz88ujql7ngu4iDCdQBrSoo5RnrCOxjtQL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FsaNj69yTMLwqwXIeE3IMgil0ofi5IMFDmJJDKbxLqw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IDnnK10mHmy8HfBvonSTQ6J0BvbMO31dgGa3GEudtFSoUoAfmQTyq6Cv1eez+D41r0L8i4qpH3rFD4FCj+gC0eMN5WiIcLf/AazSG2AP7/eQOWjeDXaiEfcPwDmwa33Atk8q+FEMr1nX7TUG+PMqbCYNuRAhKQPXV+9SAt9iXBrA+MPqwIoUb3KlsVlDeRLB3RRJpldN/MUZv1DCrKOETbE4mF4f6sVIEkpz1OOsWqKVDUbcDmCbnmtVO731iYQzOm7GLITBsArSWNs4qwEMAJlY83+LUGvoYwguScEu+spXRTOKCjvcHDQU5OkwufR7lTRBtqsJj37nDVdgnP9WOCOBiBZLG6TvpGTogbRhJzjlFOkHH/9Qb2WYESXT+l0lYp967JeKaIryUx1M6wLdmzCo8190AJUz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FtIihwpcwAmMzersZWikggICAirk63GDqGJnx2Qv3Ho",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w++Rg1kWjObOuoHLX5neLUa401cttvcOEUjoWBY2Ruzbk7ohAkij1EJzsBjr2A+RSI9ziSAhRqATR/7o/1OL2YdVIqIvjY5Xk7Ugbf+EtbUn9zWql9lp530HKk+dua/ffvspS+7hFHcjX64zroxZGCJmbe7kX2KnfdpEv+7kbkj30Ym51udAeQO4MF8XrHdfcEfSoqKi6Xd8xHqak4B+EFzXk0v4OCgc7bA6SqBE6ehkkTDCSHvau1WEOFZqrkfzDBdhKqU9OJrHVpkWq49sQ9j0kBxKOGx3d6roH3FABGCFmmvawnOD3jMiXhPMWwJyfyE5RD4TXnmFC3Ei3Tlx0e62KL8xR5CMUa476bEDjgx3pVGflMqH5QU9LCJmdRv1E1MfhnwC9S7lnqsIA4LDIu8p8l2ZeE5a",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Fuc75XUxlA+K4gOXpq3jNm1eZWLXFKxg2FI/HXc+sDE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gTqVCXzmDRXpYhhuix0BWemm430nQ4uhBEdaQwHMxcF6v1MNETl9+3SwdSeKRtDH2gjKKPwYF6iQjccGM2ETQJ1l24qQ+itFR+WcOw5HOw/zE+YU2B3rE/AUNGVCE6wii7GfXpNpNRxHlryuM2zMEI48BlNTHu4drhHUTkx5BObxwObfGa6tV9YV8r7tYT2UUGtVlN+rsPgkKQ5/rtiACsfsTGnfDWU1EEweFHv+aVu2mX8WnmEdezgRppxTOS/TJXwtmh1IP1udFKz45fcau8klStZwBpm/gmYgJEjSlZQwDr6HgRNfkEitvI5jHN3VAv0qKbnCVEAbTwQKoVqca0S65jARzNApbiNAfm9FWhKYBpziZJorztV3lqsxqg+GDJYGP/M4CfbKjXnZsQybc1d0Y6g6EGsZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FuqBwOk4Cgbitw2Qn+MjR+X3JKYbsUJLx6SGVIZ586A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gA2U2mWhDXP3giCtNm4OSQD06w/nYSivU+ycp137iJgwJqW6e4X8YyF2TW7yRqRNTzB7Ng/bsW4ELklcuydJi7Qrxh/ZKIdEkoPqaj8FJXvQzwGmI0XImntMufLQkaSnhQcg+66AZ0pqyrM0pWgYmtbzvuFCFYld+5lgHXgPD7E1eOkwRu3TKFPzqUgyF3pHYc3lRcongUGc0H3/bqVyylw+daW2Uvucp+7GDghr2yo9MODdFtGB9rCrWcp4rqQooD9s3T4ii3onWq+woGwlicLfYTlCPEuYzAWJ2rmXDmg8whFB69+Gpl55ZrICY1/+e/3cFle6vf3vIxiAh6Bn+P4eAktD/Lc9Ad3aFYiFojv7pDA5nBUqpoi44jKhnJSqmZL9M1TAD4eYXn2ls9T01sY2tkivYy6H",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FwULNKbw5slqb/Kec9T+MgyDTgD1OB6iCJY21qDLUFw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hJbVZxULH3CzXZu1Q6vKlAKXrXQ8Y5wLfUb1m1RCs9sk4ikBrqfo7z7ZDXrQWymEEv5NreXZytl64N1eOWqdmMMIHlhrT5n4qfgabtMDrHT5gK0zz1VqTqVNdeXaqXx6dGzKTVHXYs1PKsozJ2pdQqMlFP95ifXDeujY8mKL0IZXFmeWWBy/5CGuO+rMsnJxqDjw6e6TimANFqEy6xGBoXt41bSnXiyVaxaIptUA3qM7qxqfK9BZdcgd4PMd2J7ALcGwpSh+KzX94+8Dn2qAI1ca9Mm0oQE6OBPaXge7QfoaVUR9M8bZFjaWmRHtW8E6dKs14GRfwB3TJbJSjB6H0oK0QgwUHjR16RDzbwNX6IIBJfPEhPfMBDNs1Ql+3YUihYDjM2tXQP4yI2hJHod6aoFRCVK8wRw7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FxUSpoZ8ykSe/5vcGAeR3RLAEX49dXDzDbBm2YOneW8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a4qNkTVcnzdOZkdvvJ19dQ+IeklG5okrYzz4C/tudBC1ywwn/DCc4le8ZtWyMn3m+BfN42lmC8uKXCc7PZTSBGDlfXYDgrx8bWshtBdTei4JOQ+qeQgoCSYXrVcBmNzno77TSewn+sQL+LL4k/TFXNYRa1BhdC1q0Wm1bH4ZMH+UGSBzxpC7VmxKvEvfNVQ+hvvukW84pY7Rd353xoCWpY9BomPCvwntAulvcCL3n5tprwUwSkxyTc8lb5V4Mc3ndWrSJZFtlAE4NOCg0kikOolRP2dD6hwB5Me0P8nO8/OGZOIsOT8G+ku2TjrsEOCDKKaoqMfpy13KJkz9X/Ri5PP7lvoIlP24NSgpmVQFi7vdoyyAo1PhdWcytgsadq1rVkajltRFXOfb0M8KUdPL1H+KRJ2bOerI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Fy+aOkL2B1wI/QrisER9gir0CnhkwY0RiTf025tYgbQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bIqpG7Y1goA2trpe/JhvW61XQ6BWh07kQTOYGQhHGWRyCKDGWJqaeIZjkptYCJYOL8zZRu5JE8r6/i2ouconhpYc/bHx4S9TMKTMtd+ChG0RwunE4qX02EPUUf2CLdcEW0475Wq5Xntf8r5AyUI491R/Xk8ieG8B8W+Uw8zrbNFd0GUJ6r69b6sX8a7/orelX6oyBt13oOOqWk3jpptOow5j6xhUUs4G0bNcXGw8rK30QPtvuO0V0mY+GduieRA+i4UU0DFajoHn3PNnKRcQNL3iZfNfqahN/OwSL3hiE5vTiI7GQzmNNJIjk8LrZnLpOT0LXio5UAQCLCJpW9iduXPoktZ+CxWg2cjRfpoClNPKR9b6GCkigLpWqR6r+lq/Wg5YU17OdX4bz95TYF80bpLnIKw01Ldy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "FzWzi5PKLp7N33Ypu0F2oEn8hasqldIAOE/k62/aBYc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sGlB5hus0ZqQaj27eykmm9gr9J8BpLH2KX/LxtwDkrbrlqlsTlElBTroN1gVXooPgVR8+rLE67D3iEQ/rx8qWaQSsli+x5U9uvDWVjLECE1TuKJbG2LAAipPubUrSJlFp3VQwIW5gzrNU/GvwvzKEgSDIqGFZZPXUUGju2bPjo2ApzuY73gG2fxnjY7Z0Gkmwx0mvk54sDhXAwFOybcIv67sI+y9m1V9S81JDWcdZSY/Yi5sqSz3cfPjRHlumYW+EJWv/6cHyUQTATVsY5M0/JHwYdEz0rEl+FxzM9M1NoKVsIdqf8fMBo0zyZM4vwUok3OKaArkoXxdSADgGvjFH7f0PEJjl2d6w55uVT7P1aLTQCJewfrFo75EQz9fBIXtpcWaaMeMfsSztrXt6dLrfXkkYL0V5+vZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G+V9FmRqX/dFpJKXm/McSFFsSkNL4kZKZ3U7w68PZT8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i91m93sfD9i4cUc8kdqNi+7WMjZlzC8LmLOtClQdo0dzFHLmo/zR0oxT6mZ5LYjySfXPG6TNiAQgelXfjq4zpGBkRVv7rKMl6AwQXGk7+3bWFTMYGuloIlZjpxuXI9yjImP9/cvzm1R21bcwggI6IDlBMQRy/jfu+Kij+mw0S4hdnOZq3hwd09Zmg5ud9IsPCaI39W7H3KaDfa6K6o2HmYKJwEvIRBG1qfHek8legQj6SawEd11SPZCvg+kRwR2SpvxGymen1rjN5C8F4Y0Ggauv3i5YxtnQeDeJGTqYkd3NOppqQFyGQb0r3XlTg/dGvy1OhCS7NChXxOMeQPP6qJu5bQKcq4tzjL0sF7BIojWBu8aOKXRzB6Mtsm1FDUTG8hNLlde6u6QWneJkq3zpSxzYGlIoHdaA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G+ygXTPn/kUpFsQ4cHhORXwf14Nst+U0bPEIPDVhRHk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+fuhfI+C53AxwDzaUO/nMw+4xvgzCz03PDAQDVHuRQ5xOj8WYvYuOq0J0IOTunSdtOXIzZPkAtp4vacL3dRt0WSOmTS6nArBI0J+HLulC4IvzWLuLVLztyTN6B28cbwaQdWFHhw6ZufXunUrPbs+hRASOrnVn6b9gCj4vaemhV7NYXAr7aSsv/73CopAuARhAuWly7SHOvzJHd1OhGnZzH4fxtg1vlI0UeXrA2vyFWtI7GWMYahF4Pl7TX99RtCmYxvS+IatTEzRWkyqpKPnPpyvh/YbOpTp39kr86BNJr+yAezERnqnK6nEeyGLf8Q0gTDvHKDm/3bVAnTT7iFOeWa1bS5iFISe5Vi8Bo1glXi7k2sqouIaIOk9C4vQ8e3M9J0ps78FVy5Ove3jVW/L+UWPClT0Y5+q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G/owT9lN3YXNhHHXGEtGAFckmLb7RKKiMuBE+5cXVRY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YAc3+6U2Ib0yEbM8UaHcAAUB9GVjIp7nqCMqw/eMX65wrfKXDlkl4W7MaVJbVD1VlSXcGXtYzB+ebNnYVP7yWkA3DfHRTlLwN2Ij2horLIHXrE1T5TZUa6bmHn3BS7fpvsVkQ8JVF3EpISwDDxcJt3mGUgldmLyqBte24ydUMmQ4/TbiA3QoWr6zzfTYUPJxFuAi5s+ERD40zPtZfsI/50QhOc7En4HhOwSBlI1vULq57/6O40eGri12OCmOLJ4aNQD5zfHGppyNPIvtwkcARYqIjcsmqZ7uM81XMzz4E/j40NKixcUMlH7Ok6dgB9Z5Y7I9xuQsChxDOMrKVCcXuEXInpZzU2Xd9kd07w1/BVxdSZkESYcb2pdGD75Z2XkyOp7KkG4LwydgS8ytY0kEtjCSOpi5Vjth",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G0gS4xcIjyFgTnp1EZvin4p4b7/O/ozA51zI9+xFwiA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QeLqNYyYUuKoxgAdFaxB6yvkamnnw64eA0opXBrlXM0f9uEFW5TlB1k78dzI3vJRZn+7lrb2UEsGw3X/jJGT800IQQvZEv9ODly2jATORuU5A4u8EWaatUPFw/a5cN2aV7Y8d84wRIo7t9jFNZLKWfe0/r4mebCm/2QP3ifmWtqYET6pDCPjm5T7yL0jfdYXftVt0VXKe3fGGQk3weaGSSKrlbPoPNujkzcOK4g26Ebz0GHOfbeRKJDiT13awlFxnLTwuEfa6c9+NhH4HAfiv2ZrTV9Z98VIUUi/ukGXwv507IEc8B/wTTIsMi16F+7nj3SoMmVXGkOaRKsPySh/V/JQQmr4ormtBVwis5srTow0BOjBZOlFGWC/wau+ZNIwNeER0U4UnZ0oIT5JnBXIbLuFs3+lNQvr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G1yVmQ8k2j4KzXCbj2F14Kxj7b6NkGsd69ExPOzwoSw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZvYR/aOatKCFBM9c0bQMjPF6Jwmg4OVUmqCc7pSWX7Mc0KKJA2JQqYW4cMHz4USq2+5YNReZdH7J6bN63TMtg7p4nYN04iL8ILl8jx/84g5mFeI2b8IDliwMy+7jBLwiEATZzsGnyt4WemZT8f6fPgGNH+IFDo1Lm31Mcs7BN5lCyYyZ+SGUFO3jABVxT25X5a2k1hZjRJcHTZdT5SK2szjABKHedYRgso8w5vatutfE8Y+WRx4V1JK09q4Wd3Xk4Jf9a5nIwY32EU+pdsVZMERt3kaKZ9pzWrBtc2FxAauHclX90Al+4xK4ANg47jviCUvD+AB2UWa9O1dkWWC7NvFCFZcJMrP3XvNj561ejBnSpA+q/RLwjbaYGThJCQ8JNDqOY1b6ddIe3vexKu4oKhW4PnvYW/yy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G3CNYQFgKBobHkjsCWmpFKMb8sUfwpwfmbwqa+g5C/s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ti91aLqWRkOEWN+74p9l/sG+BlSY1o+LGmlK4oH3RGiwxUxBJzLG+uYOlLtUtO6tSzXx6jRYTEtf7Rvtpni7s4Kho1RCpM4TqClYSbx2ev7b0vglvA5fxBnEBgjIMwKJKQvgxcRds9WElfpp213fJwggtoeiHtevDJ4xulyFzkedJ7XyQIy4iMUOlmALJLa9ZPjsAdbsDA2qEgEYFiYF9ZJWb2VDIZXhbOk0IYxX+iDrc1WiltPyWBFn+1r4FXhfzDnF3qGbeSWOceWGBB+esjYzkK50UNDElqwKBjkP55HxVxj+LsqBo+ZihCGleL15dnblh5OJtC/pgXVENOlhvvZYX7VApRWLS/qpOo0c3wOwhlHUjkrxgJwd1aZuvaIxLbjLR9jHilFXZtNgnIkTwlGY7reEYmMj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G3YieGJ4FxMYDjhqoSkkLuTUu5t4D8VTW/hAf0zr+28",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k66CXryU7kovGDusYfnf+o1vnQO+ZV324W000KU7FI2n2ikSfTqYXKx/Ylym2kQTytniqAGRj+mkWTJ7p8kFnxQ+2SKnv6TvznItLUh6zmOTDISWZ6R54uB49ZJDlcBjuoPdnraMp+TYvpZ5eHAdchXJzcnT+5IyFLxPPYGg/Z/v+A2K1wSwxGeNfyKD5Y2pPb0kksxrbVajQj7FLI9AQ38JhyI8JUxVPUj4K0isj/nFWXK/bKzi7wyTVb/evP8pdaHvxu84h8yDW393wdMgnDDPw1a8B++Wqni3D7ctcDMMFlIcxCDVjDMUbtCGcv/xIIgTYfVpAcO+qIQF++3E8pO5T6hewXNmv+R/DCK7QHGi0yS48HO1D2aZiYhARQuwllgZiJfsbkOUITEadO2Qt4yM/c/vVOY+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G3trecC3SOb4e8JOBHKqP2ycxUpcVQYbwZaDn9JrABY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bAv2P1qXFl6uf76Yu94WFXoqBk5/u/VeYRbVkHCA1HhhFlz7abcI1ITA8qmIoFRtp2roc3wsIj2ayeDmRLCC68YCEvG/qgEZhkhWery7/Uw8+BT2423nt7Y1bqBTWqwWZ6LikwxNSIfJ1x/11xCamfCIIqBDHDnH9/lxCOyWz0SXlOTqCnbwG5LpmUCBOZ5ouwh+jPJZJiazLUFOa5WUw83T2oWGGEoTJovYqECK/Bgc82pYoa/e7kxBMmnrsrswbBsyOvTDOcprNpZhMgYOPTGBPSSoJ+7VYiplLctVKAg77IVWAQsbqy/08hFhL57TWtUu9niSe33UaXxht5OtTB2AJoclPNnh5+HjS6if+jHslr7Y2mQ2f+da82lMhgzGvJ9b0b6JkVO26+RznESX4ufZ6MG+Ls3D",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G4Mhae0kClY6w91QszpuNQ2ckF3o59/v9DuJXQs8xAI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YPMMq1+sxPusx+vkdsVj9T7ugfg6GtequXf/vo3niyVYhFSYgcmOJTuniKD0GCb0upIDETGklH0aNhUaqmFZICf35gwSxqV5uHGpUaARVg66OoR1LKlM74XbV6+eGQhALFkLNP+AANIk/o02ziooxyRmGu0nXsfVudE3j9/wcdkQAB0cylfrhdtIS0xtS+Cta+kLwKVf/ebFHu4c2r4sUFQfxJQt4KbzXIhaBUHqWLrAFoRKyvsqr4UzU2I7SXdw/u8kLyrxiZhhy0QuS8dgHSphsqI/vyPD66HkZvwR9fUkIa2JAsMMGohEzTz9t0kMViIlxdqcoa2LSdD+hozRJUJUsl3qOV/mYCcTuMQgcxSTPUzY56HmAr5hT38OhaMdqWfh36rnVSvF6or+EzHRHaa0c5FiXEvg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G6HJKyNtb5ZC2u2PW6KatQ+k6uReXBosWMogkP6RF20",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wiEvLbntyP78HdbsX1er8C+CiapAe3wb7OvtRFM+NSzXtmiOhp5RP6T6tGKWtx41H/eDr9uJLdFP7t0SCYix3FnU+kqUYvKIctGPXtJN05hLDxnDCfvq52JlK8vJKfJ/yv94gcejeMZusUFhsZhnOEzZ/ytp+uYijZQrswvItVnn8PD/mFjKfVKrglPNWXTek2S/C/pZvEtD6zjxqeW8Mn4s6kR5wSH30dYmquewDh5AQ3uBR+2HeBfSVW0s07PfHcUgRb0Cip2mOLU8W1dIAxc4nWFPhh7iyCVYNKyrBVCIBOK16zoJAKSFVMmEGndjBw/zZp6R8NsrWY73Hq5m8rgqyXPZJXCybrj1B9efCix2oGrIqXeZ3XZuKnFlnGc+FlQPCqwQOnw4WpDEI9H2RlIJuGVMsiRW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G6tuW5Vzvwaz7nMHG8R2GOXJ3rs5kjiM8/2H+oYVUVI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GypjB/ix2H5Vyc/ZQzJiHILGLBoIt2FFwLbe4jQTDWat2uMIeJ9I6ww/dXOCeXn/rlPk23I2kPJ8Oo5H7xppgQmMhCTIzLfUssNb7Zd+sJLOoLBG1oRrNgAQEl3EnjQRFBbAvXH2pUWQOzomrqi4yuJmSsF567Xo7hjhjnaplH3y71n8EpUwwh3rw+MuIu2wmjz2VNRX7b5vPlmFvxPQJhcd7BpnqGBlJNCgB0tdCH3Kw6cwJhzIMq9mHe8Lr9jQKakglE4FgT+0AjFQEW0kqfuRGU0/iEdVPsSV1rGjs94p9qWYsJUfN41Rpm0r6ezJikbSt/pTRRQTMhZlhTEsY15ftZU8UXRK4l34eknp7VPc6oEE6iCumv4tHN0wi8BKvQcUz1uMPouUXf4eHOX+okSmfHeZhbIT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G8/7qXRGydBFNmrrk45vh9S6kJFUyXVmzD8r8axpiD8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qjWgueDScWVOUsukfkimQvkPVpuxD6XkmC4cGibjAZ4RBb/RAnB1Wz7375R34X6g4VK4Ny5XqmE0jTtGoGXn+sVPFACw/CV4Ygrce9Ou1YHq8JjXbqe9yb4IKUtYI7XyWLUFf835tj7Er8HC55CRp76nrM7xp1LceC7fUgfVnhTc4013w6w41BHmqNLHFzCDEdtGq5XuGSjpcHAq6Hti9h9YnUxcX6XL5Ggw3UpU3QrgSYj87GQwd/cvd+JMGSFF1X3sfmyH/1yxUY+rzSMnCImbrDwbxclM67pfPW69xyZ8jEYB0a7eY4xXj417nUDsvHPG72w5g6WS1nripwCD4cWLSwRmTCItit2bsrUpqr8eAgTJUKz/+Dh8irgyG37PcPJU4k+hV5MXcuZEp4DPY/M0UQ13/KeQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G8a7UQLhjEZ2L/e5ToKTj+4UbpKZ7cILBJy19Luj5Zw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hh2vub7K4fwFfXfLusg9AJHxHDt7GnzTE6c8Rr8X0xGrvrmIKb63YqZo16UUpccYgFYnNgwaVnLDMUGM1HYhc6L9Ku2YJDDq+S3YOjkxqyCTVsDnJO/TWMGiHJ/z0AZXxA2DyUJrsWWk9xyH+o6cX9KXc6VNAbB7maV3uSSq6231DaBdb+9hMpxzPxh5YrSGxwpx7Zw7oQr9Ke3Se3vVZaWDhBM+fFUHLD3SGkn/blie1KLTp1aFUcgglDIjgeXeywHUFmY209idr7wAdjOqdT+MxZSNMKgqnPCi0Zaw/jdYNss6Odokfl4aso5Qg9unrc30+FKbURYc1scr/y5L36N/bP8VUJeCJVVfo1JnUXjY9hSfCUKYOf0zVtLx0wnjqp3PalEnOmByYqTaJ0j29RWkOU3S0v6J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "G9dA1YDy+TTkfSgnD+ZkZJbB7knR2S7P/okc/4JnKCI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GEyu2EpQfgzjv+FiIcuLAxYckPaFYkwmD+v35yN+T9B0Z+N74Wk4z2IXpuaDpl3JjtuSz9tzT1RdKmik0hR8kLCalWR6zYcicM/SWp+GV3m3pC44NO1vT2vcAQRDIF8Po+pykYyVBO7aZmaElzLGrpb4qS1CVREECUSQtjyV0uQ/uSjJqCOIPPDuiZ2dlOwi6DzFozDmUIIVccUKH9Hh4C6lgM52gxoXEqdN5uHYrDb4vQ2cooqY/MwF3V3Uf6mGXaoHgg1+2s9m+scrH4C9uG5NWnxIMg+xLJcjP0M9YHeGA1F2mTkHDhn2scF62GDUuW2aGxQ7s9r3FGJmE5Pz8AiPMn6hLCEx+EY7lpvpJKBSEC322Y16uRTjaaaXwpSHEDZlpTHdr5FudufSBscMnNt7jDy1b0r9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GA6Yti7EkmLdMz2P/I5pOaMuxF6Jpjf5/l8jacC2NTw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eGjld3BrmXTF4LhSLqTfdzdwLSgHl4SLvVoPTjKd6fyWPI7IXb2RFXIJpNxB0CiBgGAz/1YK1MFnSGbm7JwAul6UJIHQSLt5ruzsWkPTY12v+kmEwRcY+UoGz0I+2LxHzTTi+jLYIfFORIz3hIiYzj78ATSx/btHBgHu9P6wyQjt59UEZ+8dtOGNJDPCwc2e+V+DgyX73Iu1ZFj83WQHfGH92fjPzJoQNOk7jSi7m+Tc90i7GgT9sIQzBtq5uaMRjsTLL/aHXs75MByFRLCYQoFY06HIYhS8CAmYXBKZQeiPXhJvXiFl0uKCpfePkPGO8HMjbkK0dkcB4uo3U4YhR+lZ10FC8wiS7EKOkRl0ntuvTfLrWkMW9cZ4dYSCEVCADDIa5xfVhL1YLbzq60cUBUOrfuwf2HnQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GARIRBgHeI/f+rxeFslUsXEIkO2o5zWkvzHDg7YlMYI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mKP0uAtAYFLOv5NxXngbMRnD1g3xdFRuqFtTShzejdTWE/+92mbtQan0ra+WJeVzeGGXVGixHXkRkCX3TYnklmCzt0GCb/YSVyzo0PK3pKHSihDmh8UNwcQtaDnw/Di/PaQCbSfRfiaih1w3hq3mXTE7g+x494+4D7I+S+QYvn8f5tanGmRdL4x9Vhf4aot0kejD6wxSFKgbNoI+YTqlIZ8lj1cpw7ohtNTfIojX2luCgLUSmSzYdIgsKGLGcYWO5HBoxrJDHbKkGmn8/WKkjM+TEfgCjlqANirBs2mJ5xjO5GeDPVq6SFl7x/6Y8q5OdJZWrw/4ukuAyUy1DiNOg3GnKsFGX+zWgGQ3Y84+cCtdiE0sxtwkQIAKazKgVdeaCQ/iCbNemSqZkPo7BnwMqRTDXtR19ovO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GAydLIJWNjyFPDlGzIXzMGMtcRtnHrl7dN26GVLCauo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6R+GhxmeuP0ex9lQpQdySSMdMc09drCR2Twi/Zg4S6hCtkO++PqxkWg1Lo+NW1Dav2Fxau5LuwIW4eF7gpic7FQ9LkTPD+RXIdNJ+maM26iawNDXuoZmH9CuJI6eGZHNLs6iUTBUPUgIuTf77EuCzvgZu1R+ghgym/pN9IoX4l3f1ZzU5ITUUyiIiuIQ/Oce7IHA3UmgSyO0fiRiXl9lFzCLYf6RXpdu383eVx5+oH0IqtF2e89aA5tZ5Au+hOhN36gVjW1gmmcxZLvKzo8EJa6WcozDFnhmgZwshOope11dvdR44OW4Kff+S42ch1buzwnDeVTOLp1CQ9257BQYSgTtKELk6iPoc/0ojboO8x6so3XjlOI09T5LjRs2JNi+WmXqwFhsuh0ocQ3c5uBSURerwcKIp66g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GBBe36oAkUxz2Pq25ohTilFs2nF+rOHnQtcDjwXQxUU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PytM+pItZW6cLYhQFolcPPoEWIOwTRRKhZMLKWLL4BZ0/1U7BZ58qHm9hi7YDb8Frzd+X6+ETfLv2/4BCzPkXleyL97xO5RmIV7gnvpf8bc+GyNrVxM4KgBBki8jPFTFd9H2A+Ol63RViNm2izFN65QrO3Yob1Zj+2rnALMkDjsKtOHEbmL6dc+T/Yv2pzuTNzNS5Lw0udk280XpBoAMjTRl0ILk0O0F+wb1pBe0vG1853NAnRBBTWRlTI4hBENOp35iWRpmgqwDiBmvgbzRwh4dA3ZiOINUwPCAdE+il6jOxkEfbPWgv73Me+hVI1yNMZB3rJempwPREBMFqy+JDW0vTb9/+X0T17ytL2W2obbe0CAdGyOdbJcOTO6HUYYVCPqjcjwUKMKdz6/EVt6FFjMcP2tGl03T",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GBC1t1CUl05o52Zdy2bDheNmJkI+UI6q9p8CFJePCBs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KrxNomodv2q3KNtPEgmc3HqMKBJz7MVo9+B6qEJBssJit1s8JMMC6FU5Nfx0Qa9kvYT/y8zlhgetGAYluu9U7Y0lulEYDgEciRie9h7YpeEPAusNC/U0yutvdBnCCK9lps8FBoAC0dOc9e7/vVt2Z2t5GrL2KP1k1SzWpf0zC80q/MJRa0LKpOhEadsQOx3lg5eM1PBDdlyLGbI2F0NcxIFvHEpyi23iO7n031wctXwkRV4RTMUiiQcrDbZ13fr0gkxoVEqdVDqMm2AcUsZkhvjLJAQ3wYhjT4B3FSBT6Zk077FSJAXczUyGolt9nb5yqh/XJZHv5VrNQsi/5Zk0yHUK5cGRzEMmDph5PvFvQ86OdlIKY1Qr+UbzqZq31OyQO2sVVp7ufiz+88iRHWaWSVtmijAEMRAl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GBEHBhmpMjeHwlbw2Pi8TzIjZtXqbs/jmfdGhhY3Tjc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aNMIsRYwZsUKhjL0cq6xiF90JxWIZX0lIByWdLMca65aScN1BN4w5MEE/yX3PMC3jLyZIUqXCtPPBkNvvECQrtmi90kE3NQhtK9s7xKk3qmw6Xe3r+hwo+o3x6S6ZLMCEiz7xybbBrDlX2CBkoqijDdI7mM2TmhGi49VuIDSuePck2XfiS69ptHBQs5IqICgf5cSZxyLs7TL5ivTZCSctSKGNgKlcGQcH5vUkm1Xf4pplCWST9GtO85riSmOi/qN5nWtaEx2Ft6GoikvoexeTBF974VJOyUfcwKGiLecLcMsOSrA0vEBmZDzxxQk606JD68389BOnSFHFGW74TJivzcWNVS1CGp5UHOeDWBsl6zzgg3SqrB4C/P90lnOhMhvNmtiZD/ZEWXYV6Ui2sfzxCSmP9Jo+vZS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GCiWSSHnIB5wxiTaw6qMe9BmkNkt2aZj8QjaokNV5rc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/CjSyITsGshNoSxQ8F+Xydo+ivsinfkOB8zBrBW2uH8UJhtwTk9ehA/3pHjuCX107ZB8xoUdzdzZiJBo3wDQe3/zi9vxVfPSgP4eu2z/ZGItOUeZIzu2QbESjECkfr88EkBuD7AYj3v9LP/AoNLCSVD8an6AhjslNw5i8bBntBFjNGa8CoAUZ8Q3CxJjnvuZ+jbs6zX0mUEOKgxcBjs5FtHG12G5aOQVYf/jGcdQeqleYVAoEYN7Pd1uL3DdDIpIG9pGYcTNBddaIT5uSeeoP9A46BrIPitBmAYS02cc0LlB4Gb6tBy6gUtRSB8Xb4pnAXVsoSmiLoudxmozabx1boD+ngQiJKpnAzmnNW/7ywZREP/AxEdfzpdz7oOGxmnyg2bh1IO98rmhUUP02/2NqFCMW3Vo4Uua",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GDFvrVAo7tTlvEQG9HbvAduS4g8aw53EvYMgXdRCZSU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ba/WJwjZAJtG/HW+eKk7VJVN+990myAXvEG8GgErRkPmNbQYOvJbEZ3qfyw+QCBYVMMZOz9TWYCLYSOZ0tPl4LczwSnWmP/Nd3Gkl83tiOAa/OJfjzU2jh+rDX5Y7D9tXkTxrhUqFl7k5Ak9AU/5+CzrDBzs7DiYopWO/Sw4XAj2OXyOSmK+pr9M3rB1DGuQh8J429dNbJwHa5Nv/WN5/wf6A2hRbe2U3BGmCiDWZha77pyEsgbm2/mTechwgdy/RBveNmTUyIQ/JszU56nxbu3JFScHWn2tl2qPgOFjzqtZeU3n50+Q2AIDrR80uRLAgLnHl1HsxukKfcIRce7lcRSQQF1ExdmTd+uWa4aPeyZawhcZMG5sMrYBWHJhWScsn9+6S8m+XU+w95arv0QQNxxKdJCEOCD0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GEotr9rg1AgQantoVJLHhRKYEllFtQ8y0SnEnk4P3xg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P9jIM6/5POXZ7i4OfVK+wJYG8wMe/1gI//UZPF8R1oWdM8bIVJuHzdBdt8rIGQpE1JdCCxjIkI6rG12hMk0P7N/vM4oW8ROG0Aj9rVBOR1QT9yoo5WcfgjVZgtXiNMCNqM3li/TP28w+J6BhI6Hytmu2eXeoUu5fX3disRJAOMR8cwMdsSvHSHMCT46+dX5L1auSTksDhh34mKpnBzVobo0DtICOkxFUc8sUFn0vHIiURmmhpKAYrfYxk7XoxmkBcBb13YITzoKAdTjrhJpIOzXLB0Wfp3FtXCeg2iiNAJICEkNzifdFf7dWjGL3n9dqCTpUFmQFmC8pfr1YQBWWOrLQMU4PZKsGUz73+bkYT4Ivq2lxdiB8eSCiwmRtsrRTFs7qT3bSRlfqpThJ8Fx1/t0w040wf44k",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GF+iARIqgSO8vXKa7oNHFNROec6wFqr7rJYAbg/BJg8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4yXeqAaVaTOWICcxctZ4wcB4sUFNBXim6Lnz7bYURipA0NDRBKSMvDB8ghOgDrk0Xe/rWZxkotrJ4FcBgUYTpWb2oBq8gA1QlIU5i6lgGjinSON2vLxZiJEab/MAPUxjrbW2iAF48MaXJHxLf2BVAwRhGDF5r5+/nQ7KWBlTty/cowXOdJFXdxq97wsW57znLANbyW9ee4Q2SjkGVpSpxrSgDebm8yYpX2AwN+PsPG8LNbJKNfpqpYrAuFJCvzjfLiSpMmXMVqJlZuVmNFT7HeJzop6sb0DeCvqkFt35o6V1ll49HRyGjq3E3RCTe0kzAzXgWnItYYZ0V7mKBEMRnJ2KlBHHV0UC5AUFM7AJHjHxyD11Yx+x/1S7mxTnzJu41+2b3MR2IbZccIRI2riA+LQMafBEw5x1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GFAGaQpD6v0dLVWfiJqqO/d4ZZ47FsIklfCUXroXz14",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7vKnaH10ZPjNDN6Svoj0HMBK+ptf2RpqUBm8pnAf6oj3r3V8/OEJnR7RVOPCl1NrCrAl6IT75/Pt0hxKsJCrtBpqdLzxmWvRHr2ESS+5HC4UhBYsm91H+jlIzrxoahOnq+5PGN2czkUxuysCF5Y3YvkTXAsde7wneMTKgGGDYVzSyqWSwmipHa87r70loLzYIFkk6mVCqG6ThEFyf/xGn36C4C+7j0WJg1XJ9VS4QCXIjcp1eCXTyVFFiFWjtmVhLgN7yjJNb+MuCZF4V/Xa2t5/UfbBsMxpe0vhUxXb42W9QEVL9WtSdMkYZIrAY+ctqnxw8i7wF2EBFCszlR4Stpe/rUVQcZqF4LpihDnhLwoOOiOqJYPXw0pDWsQ9Z3En3L5geNJbLPoaGrC2cEcBq7/k1u8DWp29",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GFQ9ecPYVTQSkl4j78/iETFAu678SdMYOxXzmeIcZFA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BReqFea96kTRCy06w9qeNNtNGVFm8BjtOLGbXoaapzdr0vOkvAttvanGj8kPC+bqn5mHkhalUnVrghnLmaQIdNuUJ6n85Qo8FzX8NTLmRll5JOceLCMgpgEkvHKMZOrWHswdnkrLfOKfXZqgy6V2rXEIuhqtVARFy+9knm/PMB5dGWvh6SdYkbpYvzMt0IJ39zZus0B6tUPoa6EMHqClaGA0UQF7VaMLkFJr1UCgeDRvadif43p1ntmQtvzVUv8zlnZtmp9F4Co1SraazwdzA6n5l9NpcS7/9sl9S53xcISy/fxhbJIZJO0PRb5wyWl0hkmIl7vljm4OzZCuas3jDOgw2KeHUzkc0w8QQi7pVBNEmbyIoKofPFZ9qwhcjYHRmWI5ZRvAJATJmBmIQuJwqIa2cjOFNLgT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GFlEH/CMRn9YbZ7XGMdgG4tuIMji2R/mURB2cJuMHPw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LqYuQFKheWaHYbIP2ScpwgwB1TuhKMOJxLoIxx0k9kiM+tfr/ykj29U4ME4WNiQj+vtIW0d5GWpMglZ1Nln3c02Wv0yNFiN61/UIo8DcNQ23cKL7dYnOadh08WG42UvrMnrpVXNrS9SybXJuE3dBN2AazQP6aSacQOZ2h3ClUaz2DemNbrWqOKxkP+ZlWTDrTV9y536Azi+pFt4q1ARuuRNTUsYhDHj53jMQqthl2ErzFSXilkrx90fB0Hb6WsJjP5cFsguZnnMkJl1pjiqqq6kb5GO2bh5hNFyuHXxntTkHINbW56ZkYx/72x0ScBg5YuH9r+zpcqHHBEWf3Z1e87kH3FvoHBAHQE7sMDF5gnMWPfe4cjLUtJ/b4LqZqcwLiNpA4zJ5w+jp1gDFjma7NRa6LIYEMErZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GFnaZEj2Lv2OAW7WZcwOLRGfKMVucv6ZGbw4ibA5IH8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QUm5WITWkM/KJ71U+9AdMvz9E8FIqoaXR+btgif16WqyySJ6fAjE9YgTQwd8Uc8pF+2bz3E4PhJon+SqQmDaVCj4ojKK7SWDGn6z+v0wfx2TBs096NR9SODdLUHCQsZlYv8IpQrJufh6qskmwLg3cdAPV++AmJC1s+caiuGACeabpcz4KeSVpLRH8h5ZrCU/I+qumzAVQuFiW5lSCJ3Fk3uejN5QjWNIhJ9Jqu+GC+fW1O0vZRYw0G3ZxCQnohPiL0deoInfniXLS6XnlvdX5orthOBBt2Z8+oZbxxz4nj1rJTzVNIPuQaVELOqcL14qvgtUMJTa+lV3jpIHA5NsR8JPEkCTANt5DsFGnP4XtSjMTVYO8edD18+LrgiQ1S8BAcpDfHrnXFQRGodMEzlbJ1ZJgpOnLfd+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GFwfUazT7CU78r6DUGwlbr/pDEgLZKTTxGfP6NOxbkg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/PcGy6P0KxK3JZ8rqYH/t5X+M2ml4zqEBionD+VqWIw63q0IOwV+Uo9FD/XsNz06m+1V+XN/JiEbuhHRW5AL+FlfJE2slMfPdvJHJflR2udOjq8pzK++h7rRYwVN9WxiELIl+r3AcPojwS+pIusyhUOFUCXJ2oeb+gOnvVPqfNhoJ83thxzirpzop2c5FZDtyCcgwYdd9CX7oKs1VkZQjx7wNyae0uAvKYcn7vvh61bk14h1KGJ3jF5Ef4bN5X+N7j4+8sfe4uoK2sg2Qh4QBkXIxi6NcKrCsRoJiuEfUPqUUdbdN5gp2nS6wfEwxlA3IPrgn5oCBWVgVPKQW6j+WwOx0NQiwyLBFnvn4TfwGWgQkwfc8ZsOj/M2yiCLjOSXHQUXZYEYXNG4rMNUcN4+dvPa7jtLPEMF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GG3VnqaYG1RQ7jNsCiuhZiOLLd4QOYfBMWFqgWNOBbc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6YeRmtxzXIZbwTOgOSwpJ6PBcs4hEwyKDc/TlkvUvhG5ASS+09306MSHzHU8WmMIdVU22qC+GBH2isDx0X5gSJe+jaK3kawYVnjuWplRzaeWKx3wMJwM9iqScYKVn5vXwDjeibjY3bl5PynfPKa9pgfiVVOwNFP0arKUGyPatZ1AbU+xN8g6dSOhNR8mJdJoMPi366So1TxuMltOcbePuJC/QAoDon+64pf3Fijwxm1JshGxT37bx+h+7fCDXpzwyECmr7DNdSKH8XVMkle32RAXfRxCyUyrjCvRjZSPqOJarp9XFGftRmiaq/Z8y4ilVJmeksnOZ7MvVg5JjiN0q0yBaK1bsshULULYLoYcKQjb+wg//Fl1AsqTSP5kmdmxviqIAIXjyrmhKvfbVlHJeBXIu6URIMZB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GGn57bVKuUsk/DKUz7gNhoYp25vAXbb/kTANKzIVm04",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dVZhMMp/Pa0M/h/VQDMZwNAPYYLeiG8gGOUq0++fZn22/uI6A+K/zaHQmfI2PAgxd+q4hEzmwUEEG2TTNc9+nymwkUfk0SVeGSpwj5rqDfgc5UG6dFynPYSOdYrf7soFsJIWB/afM64sulMdPQ9ibUTVqxxzhr7t99nVt0/+PAJoZ/sOhwC742930sCXEbzNld7d3MTdutuyTMqhGh47ZVcP8I0wycfG9pKZLb1vkbgcVHJIWLnAQwDYNi6YX6Z0nSYRNtsSp62QAh6jnQgSUK/WuCB5pC4vGJ1K2mrwNFlwtfUPdEDsNFwlk55VOxiKJEsO0eJBNAy3Uf9pZExvuN7uA7QZ/GPhjUOeM2R2mrQErgRgmCxlNhv0/jb5LULYzwepBImJIzEf46s2b8+yHidfjX0nTJWp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GH+O2kEBQqdhEEAjryxoyXSMFgCrs7Awn0CK+1kdf7A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mOfSziTCRi5gvW4nnJQrsuzmiIeB7yKb+PIBlCrvhQb53I3VE9TkodWQmgon4Nh4/ghkKUWS0RKxcjHRl6RAKPoI5kQj8kng+WlF2Se25O46lCvovHRYR5JAyVuhjvI+EWBoF2naCeTytiH3ZWVrRDxqbYQPM5JaAhxPg1NdhFduUkG1RuHoQgpnvQRJ3BH3kD/D2WAkoesapkhPiC8DpRerDwqVq5YcGas6hlhsHS4EWeg8wDMZBnYY1y0rGYCXC2Q2TgZYMkyX0ru9uXIUsMoK9UaJaPAlQPw8C5hQ1y13ITnkXaHqM5SNqiixC1xpnuKZmEpy6O6M4VU7TySXz6P+xN0w8wjQFfClXVLOFOQ6hB4qd/I2hkfKYxJpnM9cFg662TWnI0cp6iT9hDI01i2XPKM6xZ35",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GHNXrCinSAmGl64Fv4swhIEZ0tYLogcRdvvHX21yaNs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KvaMXH5l436mao3c0KKTco1KnQPWkFmqWAzaAnToxpJiWtiyzHs72UMruqTteiPLvoxer3QDsVVPpA98yvRCLWpqCcFSwQUv2e8bOJ7MLp/eahHA2KwnuljXF5WDAaB3lEgyYSsdKIizi3yVis02eV3rjqSWLWNaaRq3N8cczZntppGdajftQAo12QJpRBpZTEIlpckQUUitzKl+6knURfNCRpA+zkW1ADGyrIr+tFVDQ60ccHHOBszj+7jP4+w/BLpezl1LYqO7W6rgUg4/wXBxfMN0LvIhzKAZZSOc54Coq4EskkghU89o9CM+XpI161UMYrbFcu009F3Gg2AuE1TGwrCUHh8RBDpmT9baCiYyFFp+pY0/7J+jcMhloSfbtA9HGodHHN8S5iYcC90BH3Rqqlt2fjtQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GHeUk8zPgr40Jwji/X4EPiNAmAIaXleuxebooGvasns",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AxYE+D3v+S2Oyd6qYz0NFvat24lLpgj1uCldRkN0G/bg682irKDQfNSIo0H1SxxmaKZpwXpzLqLlhHbq9RRlQD6X7fpt+oLEDyJpnq1xcrxgRQ1wd/hhk1UbEjPZMINRqY8OSTCfFpp11gJL5Z91dDcB4J1hUEigB7bcdlrRwqz0DDoebInPVn5O2b/M6qkmo8jhsW8uXxPPm5zB6PlhLms7QU3numfI1tD7XMXGnYgi6i1K3D8ENYXbXNK0myPMOgxMdZaxlJpyQTk8L2Tt6wCbqWhFgR9mdqxSL1lftYstAyjFQ8TS1QZ2OFcAObMv1EChhSyv4tKz5GNJciyYuYaAypnHvy1nXhUaPQI+MrL4QPB+VeXaizM1d+0yStGkZ1015YhXJpcEtQN48ICabDQyhu87D3q/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GHzruMHS+bfdm5Qa/kNhOARi+dZcfxZ1RMi9BhZAuTs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VFeO9uKo1IAUjG37LKDQxS15dLH2XkJjx2DLvaesFHEvyCjcegkHZl69UiUQPzuwRNjbi26N8anS1qPGgrT9GN1K5F7Z5bAFMO74yZuAqUSos/iPGixSN+lcG4GyFnbh8O1IkzM6s1S2cSpmeicT6IUT15EfZ2wnJmbu39XRAttD4zLwwMBlH5eCbrp/BfJrFEAMC3p2k4sMNWVX5us4KMCQ7GSRviA73eqIaMH2lkfONTWVT5t/UwOWOuwUKqT6l+01oEAZUzBeFjF3JvmDSOd+4rCRhT1E+qx2kAw8rk3ceqMtVPtQdsAY4wiNymhIv3u1tvJfXtnFMM4JlrwSFkqye9ffSCXaRObwyL6BeSLNLOWh6QalpufNniXBWBUPXxSCWY0RylUEWomZwyIoKmIV8WM8eM+j",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GIC396uLOCASDDoHCbvVf5LQhLrI5sdgHT9Ds82SZ+0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GJTKi46NZaud2k0lDc3s6essEA1ZGN7+96eqZBDqH/1SpsIeKg74DwVPPjpNZnUhGd8CdbIxQegU/6bx9TlUL3YnSUsxdnAqHCslyWNO7N8hOUyErTh47wiT4GrZHwXoNykOkS4AUBfO6d5KwwRA6dIUl03w89J+IoSaAW1q3PbU6m6aTj2Wj7YY84OMMC7I+JaEoqw3/QaoZk9TdoW7rGIRhV7zU2N/MjZWBlhETXFGm3IVk5vA/lc639IKb6ArBfpJnhZyQ+JVtK88AemVnu4v+B1asG+JqfASPOSVYgxoYlZZTENQPUyqpXEPcOf3wVbRh+nOldfMQgiesXrogbmxyhCVET9hbNne0iCMkUqgooUvXyqsAbZMEcRSs/P+yanhIGm1l/CpD+0sc9s4AkbPUKQN3CQX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GIKoD5X6YhRLMgTHXsab65nUApjb8StqPSY8P1bgKTU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gkbJJr0NfQV3T/jO3Xs9mhzUNuy3wdVP7RFoMa3f3xmLiWNSwRD39p0G1GfCHZtkPqOUI5byB9qUGfjRdCt/2IhVJG50Yfs0QGz1UU09FurgxF06dcGq6YX49IxRa2ZJ/emkaRwoTAxnrXJltj1AiGzEm99ERzsdQMseOjKnMblABPVu061i/ThWsU+PO7vwM3ImXDgSwhfPJMK1YyiZ7t19/GpuHn/yll+H3YTTGhyhpltOox/kKbFPV8VaFmSv40zpEgwYL6n3u2PrEkSFUmfLwCTRYz+xqGkFsR2xWXwAu8ZuB2H9RKcAUwSyLwT+Cn6U2J/XHhe1G+IPkf3r2OfrEusAkI/nT3sA9y5E8bCIbD0FR/CGG336XxQNIMBPTriVcBnmSnMXAPY/Mg8u0hW4Y2qiXgOA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GIPzEgKM04QlV1Mf3NDSPB0fUTIDzueIRBBf8q5/Ddg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "savfK4w80aR0LKJ8wxfQE0jabN7wPOS4+DYITzD8rF0mDHgKC/siyjvhQ2L24RjX9z4vad80nFtF4JVmmTkU5xNGcDtT6p0xLwqSZ1gG7WCMQgaDgp/RD9GTxJH1HiubKpoAH+7cu3pFVYLeaTIL+FkzUVgpebZh7MluwdasB71uVadRJraBDllrrMwFC2LewyoHRkD8yZEb/uJJvrFI/KQXHulXvDJhdCSv2MpmEknszgCpykocN1Qmz6+en4fq9v6szRxxUDZDkXnLrcOfBrXEOjt9ca9enzukAiHFKTbGLYjDVVG2326BnsKdS/l79dnHfGzwjp2B3MBFkImjHQOGRMsuPDvZ+YfkjzVPZFMdZ3GBT5glFa4Oz48VwoNy7IF4i/qV8X4FxdJhZt7tHC83ggOuT8DQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GIWHLUvmUqJfnpaQP8SD9M/GgfhwhfkGs1B3zHIdNWo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "C5vr1pqO1FMYBsHQPCLMXxzbBejBIcYVXfZ5UdS4yqTqy4SRxxsD3d9lYUYEqbEsTu4eVBiDv5P0CEipGSTX0T27ho7QAfdbuPA/qCaFFV6GrMVquSbWrfq8LKCpho0df02kUH+1mNPu89H7GlDSupz3jdqbCHTKXLGS3BOvBJGidqBpqQ7pfD81KGwiK5NwsJwdXWCmeB3wktZ5uHHeuZviDSQV3k053RrgU+b+bIAa5j+WF2FQk1O5lwkVzUBziklNT1j27gJKiamTLi2sQAOTS4P7b6ECqbhPjkaB2oxXQVVIhHq3HpQCUQ9B05ecZeHS8CiaXorMqkasDa9Ahe7fj0fY68Too32aHMet2eXRaPA7KBeK1Wx7fHmXl7fuvp+GKcUcLC3SWQa3s7ggvt/GX9DiNcUr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GKmQKtIJT89/QX8wn5rrp70MCdSHVvGtrb6D0tX6Pe8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r8RxkVD/XYZg77jcR8oabx0W/hVksywdJUa/sYeCo1NATB+8CQAPGdBA1S5IRQwmOVcblCLHgRwpoqpNHsjO1B0aOAWWouVst/ZwGaJTKGDIsgnXCYu1SBV4rkJY5jKC/2jj9p13CugGmcSzk07VX+pwnCKuDYm6Ajib7ibu059LTfoivJXw3aFXh1Yv+cUI/yeCput9E2lGg5iMaKRZV0Bik5eB8MUe6TdKiNB910QoR1nQoo/z5HGmKxbIEGhuY3WGsBg0gPpIG1pqAipH043VZ1lZwvKkLMQ3/uZ9fn2X7SodDmcYWNo/G2JI7TEeyWOWLZ3Y1zM28JltoxzvaR7z2M1ny4kLozcQIa9u4DHtXdk9VMbNCkRsLpk1jtuoGSQwT5CxdmN0vMNGDLDE42/imjdByA8W",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GMO8vRRadtFcnL4jb1c0HS1WQ8jlyUjLZshZ8J3XjjE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ch2glbjPZB9oq+/Qrc4f4CdsLjO13GVQ8vQXpFnakdU+KqLvbXCPwG5ndNEl+r5NNPBXwWsXvIWki0xwJuUxbBK9j2Sl84riI8eYDyijedHdCc59SC0VUyv/CHeQ+IZdPQcA00C/xGhj7qNyjhS1dicCxg3/XG39ykGTKsmS8b6IRSt2tpUaWtWwNyeSlhlFYn0nABdi2XJ+qii7Rzq549brNIX/L01/AdIeTEUT3HTGXLsMBwfPsIi74vasg/CogZzukd8x56tAZQTDWT0qZPzkeJ5/KWkLFyHHk5OSqeH2ZZue3B5RGf6axZMnd6r+BHB7YG5EADz27XvO3VgfrwG4n9SBKIEvlmdyP8kMCpc4LNBbhqi+iS+5wFEt4DZiFErrdJ4Ap3EYVarCoSuWR0vWQgwPRoup",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GMvT7Sbpg2JrrMbL2URFpUUAxaHClr/aiLK6SY5Os44",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pb7c0v6kbufyA/nFaapjE7VDpuXfhOy5yTBERAAUknWACjEkkF/u0th7wPByv0qZTAES2+vwSlzCiNinnv0o16Jmcmb17pFSD1rLkJBP4XsHvh6Q+9VUEndWY0bHgzFPJPOosQjtdR9Jq177nFmBDV/rXRkGb4L1VD9FbvyrOqmpM1o8ANmR9EWfLc8UNwqC/BxuneZhBed/Ru1ihCq82ZXniz1m5sT+SQvFkqnyyEv7ex5SBeWs//WNwYky0rv22gvBJWWN2vZN8sFpBD2yMXZ38ERBVo/GLOr/2MIKZHEy5DIAyXEL+p2oN9C3y2iTQub1KParu6IY/fsL15RZic5EQXpMB+m84hDpVGPMGxKfG6q49SZ4wmFTMaP7sfeOOeZ38TDJPz7Sua/4+mUZ9XV3lAWJolM5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GQYbX4HcpDPXgdp+Y5KQzDgiBVD2xSVaMQWlrTjSOtw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ThWsuAR7QmgWYl4O1AvbA505OpoDvU+XOKw4d8ASnQceAS8J/GxvIqFtZp3k8V792QRW4YntZG13oJs4vABqVGoYjQHdjHoIrqq1Rhw3/rVbU/UXTeEXumP34VDyBoQ3nCfikFBwHiTajF81jxMwmW1+p8RSYnkNVKC08Bzevd0HOVaU0hjyrGSYySVRm0NJbNcLDfjYeFVLSqdkACrMc8G2AGu73LXx+SIJ+ZsYJT2yvyN7rOGmtFFILuN1aFfuVNmfBe+PD+xJUlYQebmG1r0HO6UP2NlaPgPUgfZhEEptPk475BDgvops/CXA0gw0loYZz/PeJKRFTJVB+yM1Qct3qI9/ftUhUgU1Bgb2UFhvAci+LJYyTEpvMCwrARNDSJek0BppVtk6Kq/kw3P739GWWge4X30E",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GXRlaviqy+TslueIsxJ/S6EZelINfDwOqNE5dCR5478",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aUIT1xJ3HeO3+6ucSq6pHLKFGik5TOcCKeCxIiXqB+39vxvmhCzOGKYGz6XrWip5LoO52R5zrSo/9RPRiOuRy0BkfWGA2mL9l9BzcEaxeG6QpiV3pCpiv9MTqhq/M4H/JzZH6e2HpvbShDWnb4J2JOrnnNfspHmnadDxfeU1j6K6zZPSO/aUykUGH9knLV967hYqYc3/OUvH9Km/VyIbTnVSmbhb3LzpjfJJy8povukS6MfRoLizQpUAnn24yjZEtPKpy95gNE6zlPjrIThQhlYgOtotcjBdJbAc5ku5FD06V9/W4f/AgwWvJsDH13fb9HlTf33oJcG9oJsXr2OTRpSmQSkdk2U8/91lgxUbGDVWqXi07lDv5zJFgrKbwFucZQ9MhL9RKDaEN0Mx2UR927MWcLHs6aS4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GYf9J1uNOrxxT6/JmANT7O+IDGLigy/LVj5dT/vY5to",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S/SZaMbLvDAiLRG1LR/LnaStoDFFpao88NaspgDIpRN4gLLtafsYhs2lzE9IeNPJ9NkWhExQnHBOKUsJzRzjx2aNXB58bQT6w752VnTlHalVw74z5XJpJ0NHfpvjOKZ/M5HSg3S7lzODqBAvP3szZ/26FWuNUqdrLAaHpdJGojrXHMnBKrcZW+jeMqJOdtNEqXg1dj1h7QI1EPENYStguwEbQXWy85PnaQavNiSCiLDgh5RXkw25ULkjAmFgY+miuihnyUQPnEmMS2OTK6B+GAkvJcw960JmDXuo9RyoQPH82Z2cHuH1EfXlhZXUlsY79wGA+B8vor8tpmJqBofuMWkRkn6qAI354MJbTTYA8rDjA0yOh/2Z3BX5pzlILyvjam77XchTNWsJremOhSzyWA8M9zTYLlvY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GZEdhHjtZhhbW33Xmzs2bIQN6I7rjqk5JGd7csbs4cc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o9X6LUtQtJVUshxTYtdnD4PL4yvzcDFuEJLt0tTDpbhs9IAY4uH857tyu2OiqJmpwKHdJ5v9QWyxpKBbgq/h/Kyp+OndrDNeB9DrpwmgNaZ4oGT7zWK/O4or9ltmGAuEa3rM3lARXXWOWP0L2Kd4XPBKHG5MMqlCG1O1AlUHBfKk4jX8sfR7ntJ/pW1nqo8rSqsiZsXQRrUjOQmQkC2krMVm7JGjSeft3U/PsKm91V49kW2WJXKjXifNCpV5azXyi59HGNECLxP7SRFNmvEau7TcWWK/OE24UyrsYy9yspdSxJHY7pXNsstZhHRYfXcx/uShJsvVJd7dfCGhS5J5aHx3AD3yoGyG9BG19pP5BntG/wwKqIRMJnHiRCZ8sQLGAhA4WeG9vlIuGGWrzlTQCYD5xvM/GXV5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GZbzN3vsuePzRD9BZdHjNymm8OijFuOAjV8W4/WEabI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IYolW+g3TEnGDbB8asO1cWJdPdclcR3GkOl9ZYnLhN3v4v5/B8BDc5xfAnCirfX0jeQsyDhx8TPOIYXKjU/VJV5OI4xjdi58SdzYPOjGRw4Pfb6vi52Q+9iY4uBKnzaRrVsYcL440LRECloURmrtJs93b1S8B39Cgr1me+fb5cXpKoKiOFPzpdqZI1N4JHcuPIvuEWHqWueVSgnA6cUYzcFH0yHF+M07liT3Q0eAQyZEY0CLsuJvXyE4Hl495cRrzkKE18HWxmvkjgNAYzhvXq/I8QaNj2bG0KmP84lf964C9nnerAFkO5MtL3T/dgz/HdVw0ywhcUDJ14y/rI4jVazIZ8i3gklyoy8oxxf7e/h+1dEo0jNLSow4pNv+bzbbB0TAQ5DFOM8/KCYiFWuAS8Y7VOBNUclY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GZfV75ljdnJ/aENYSykVFlnEz3jpoEXFEOgIrJazEvc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4S82nJLcgT4T1VMCZcUutA/A0C6RYvBgNfDxQu2dbuY4iZnf69aClfvz7RYTTU8W/8Xu+nwUN6hDQcPB9mFbUzN6733EUH4bjupLJt8pfY2xD2WE2NSVLN4OjdLHVEW2yhwwEWhCdlhui/sqs5o+lfsTCvnqA17kLmS9GltPRvM7X/evM/fnl7m8VsIzUJwzw0iaM+Q67fCgnhRzuYCKqFtJiLaYwEgkuGqlSEWG4vieg2OC6XhixWtwwKSXcrE4huZ8Rou5LSUAD9O6qYaqx6KzIxuotmhu003erEURX2fBV3EXeNL4qs3hoOsrPaj28Q9SqRedj5mfnkTWtgjk570PW0aET5AL/PFZ6+WCKA/iH7eudFGjvHuPnvJo2KqKwmmQtKKaOc0UwcdyriH25m5W4elFVdCQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GZgG8R0QSX5Y1G00YbUAkQt4tlxe1Y4XlJzlOjEG9XU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "odRkOl8oSLnnLwyp3cXtJ/FIU6+RbzmRAjwDtJZXPyIzi9Bxs7+SQfuXg8IE+fKGYssBqF1fbV6jHdQ5LSDw7MHDFtH9QzxD2cMSzkdipGNOEmdR36L7ZSIwe0Km5HX+3ZkZjMBYMukgA+jhOXbZO+BZd5yvDwFkpWrc/SUXBDsPueCMv74U+eQ49EaVwV0a56rPQAMFKkTLPxkZbNJOjhe3AmdXc5bYSVzG7Oqzqruxu2khx5cUSbLFQ4msd5xVybfYW10M+1Jb9ZvqyNg33FcUigLy00pK+ykHHdHg9xcjFhFtMO3RFQqbvJHfU+UPpvLjimJzgFyzPsDBTwd6htU6QPx7uGE741S1KuiQ6o5f7vzn0XpQ7qM/mqxozTfs1uGCUn8/kc+7cnlesawYAwf5la514YMH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ga+1o0V5DCBxeR8Ysx6NBo6tHuCPSMKrvbxo8rbun/0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1CsMN0aukko4U6Y8NxMoUpUUFBdsaSttH9nYZXP938YahnWyWXnWTEGVU3Sb9rn4mpqGrK9kGYYyZedJ5jxqSfSnQnItpXsl/xuIcPtl79Evwh/7scWM3pO93ppuRGRg2hhJ31kwRCpqycGWL70YJNfDucSkXXMuwtjYu/j/C0CWCgi4kXYZULpd3oZgLAmpRIQ1K0nZK8P1JdhdbHdDZch4Pfw/qqy5xbLTaP1uQWLpmsZ6941oTus/ex7roSGaduiPc2YSxR63HEtrOi2TjK8UeP8YplfOADHE2m4NnKINOdDllhOPUCoins3jzm8xhAGTYg5lild59nJ8NFRkwTutV2ouFqGcoCgJjOLVetHIjTvd25yATM/Np+hx3FJH1sdpBvc4qE097Z9KuqZmkAkSPmcdtuJn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GaT0eJqqzqddl3qlWuhbFwVp1AzKsVjAnCcPj7aN9G0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5gO+RT3SIcbUDzTGJsmbR9V5MGrN1KHrYXI9O5eepOFc0p7vanP7Ytw0simZDukK6yiePASt+ZBV2YTge/EGBdPg/hbTYqwLjg2t08eY2OzpNeqrqH6wIHuBjrapmdxnjUugNqM5dp4oJWJOqEZlKCvWbm7QYRReqzmU0Sz9aiNvY6juD+POZ6uGWkJ1DYmNcyJ2Zt2isSrNBIz3V0jtNEJP1gDB/zlF0C4IE1HLh2jc7Asb69qQo0OILTg3Aj/ECT0cWT6kdsBVboeaef7Oqtqo0Fz5xTLwMBwo3S0gSGz/HiYOlYBJDqtoG5xkkNCpeC6KN2BpETVMFmu/TM5WueEdfcxQrRt0mbkYacO/C5L3mUkGqmTDF3XyinvVYBqejqk9xP6GlU5ZBqO/wAzhMkptFVa4P9J2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GcozrNz8KGNhcrAHnfNb5Vlm0mtC6XB94/i+eRszWWA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OANUQS0HNKfCtgSRT80iPHPX2iNMbU0xs58ILUQfmfA2VFG4iLhaKTJQOEd7jAGAWvYfDzegwYN1Fw9f1F0GKQ0F36Iv+biqAHAwGgORpp4wjxkbUVwBTdY/RKogTHpPT8pZeeE3M1cs1ebAJv16TFuLQEl6IURubWJuD3+lGtgKzxuLSc197asyLtP8Fz+zOt6yDed8aHLg5paXPoNpDQP4ROqbrao5BvLyvHXWCuvDFmOmXAXHpLVfqTmOGZSPo9ZiKMsnsi9tgRh+P0F4lZx7MbSuMXSwGVtIsGsHw61DspVlOX6shU+Q+khZ7CUtxsX+kDwcKDiX5rsUzMDGpkLuZTcOM69PmIWZSDlCIZMFuErXLnIW1wCURIYLKc4o+q7aU7IeZxA21r6H0mO0/vIKwjZHyPC3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GduSiKKUh/5w0PyyoYlFvyiUZTT9P5Li09/hetrx9P0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IBIj1/84SNmYR9wsSD/3I0VcqvD4iBE/Ox90el4gZAtWRaCLHUVlDHTvJ3ojphhTaUsBCNBX0QKjJjH8cDNBVN8iQYQy+nnnVb0XgP+Mt3WXXMcex9+zph57IKGZUkX3KutH+nvZjclSxALX0SY6GSFSr0V0ArBbl3DI++WJk5nLKpqC/PzNmOTQiXlu0LirHHAgGHRVQOt7RogW7rou96v95FZgL7rv4Z9i4piedLO+MRPc1KUaURxVnjlvhhBK2A/l5jc5lxeRjlFO3Tn+3ZtGHZ8JG85pXNMdly9z+rjLW0ptfdpEN53bIzr8B9wIqghIZRxcuCjQODzi2eaFY8w47CzGrE1I8n1ROk1e1JHnHJJ+jOJmLSNui+sVsl1/ZoCEbw5ZEpm/sDYuJ0xpcjHDFAjTXJkY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GgGlD6/GFYmPuY5PNyh5R0vXCen1vXHtN/XclERnleo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Uf45KeVJHdSGWHihkTFeVyEVaBgXQjjR72pQFS+NJPU/oIuPOahhHOTPl/XSBv1Ci9pvzGXIzLr9YxVQLu8ReM+i7CG4U6kAb6ncmD0Brc9f7ZGqc3lDSFZ05865uXRB7MTRfjEOemmCxrcxwSOELiqmFx2r9tMbAYd1H9YM+XQh6paG9wzv6U2cMVDVffUT/1HwFO2XXgABAs+5KGvuM5PkgovGpIZjrysEO7bJI5W+eDLOzIp+gGcmGM1IXeQBOff1v/ljsbIG5/giqsjPaUAjTCdrpMegDFHi+ZqfsyZfF4vj3ujkPtCYXqmXzr1v+GakOanjVfylxdVEWAY1cx9crsUtxRL3vB4pIZ4+z+2WsANj/ylha24f2X+RCTsL7y/9KuLcV+RqOYCcYwuZ3LPPL3hBzrCK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GguWHFta8QMvVPh//CJJLnjXIEn0tyrc9vBsYMJfWPg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q+WR6+Us/N0UC3ZtWj+pMwc5iGQzHFtdURJS4+q+l8+7hAdGLROR4KYNAzasKVgYYI90K1iBGdDsr356xVnWlAo9LlFK5tMG3bMT4eCA+GYqUqU2o5yhZMY2ZwLfbZE14//QAPx+WP6Y6PABzUJMghUy2DxkF6r7TIpG6b1WBigVIxqcdxSL8ICOr8MnApxM+dVH5CTVStdARgT+0xehBZgVwN02HveZAnLPrMaMyWmkPdPQfv6dvYWYc/w+R6ER5mrFZgDonv2Z0q6W3D9dsZ3Yc3N+qxw/GatBHA3OjLcxbcoWrsFkS6AUxF5siSf/iWz3B2SJwiw4VS6WdsYRq2tzrGfowYanod78Q6vu8m3ekMNcpXn2e0tQTHA/BZpGGFJI67KhIshikktwzZinpCs0Eq4RwwNk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Gh6ppkqa33f+xhCa+oeMJI3IL6Xd5TBQx/a+dj+ZmXw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ClTF1bJVUscWin58IUdnCjrDKEmOS1MW1i176hy3Xxi2RxTlF2m1T19TaN/ZSVg6B9pCZ6IrOvzAYQT8heMZPf4lxmXa9JF0SmnMGbwAkqa3w5BN/bmbarvja+JKzZyaLLe+WnnCfNod8Gz0Pwbxz+AnD71tBqyOmV2kWPeKc2DvWEEZ2O2vuXVx2Vtl91jTuTyFbT77qe6LsTyEXDwqV5MFKlQAWuhmaiDLR1b7F/7nQMsdsrByLwAUMsTj9+pbVV7RwJDPBHbARt0legZ/+aCriGnfCDHdnRfoCdIteahepW73YH/pnTK7XT4sZCJIBnEU2zjUXKoioYXkGoTAvmYm7HZpvqsnFwR1dB09HhS/LiEsHSU5ZxbpFDTB5sYRKbGuWNZ47uh15Fomg6+VDxcRkXdq8lzX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GiWjJetZRlvmESS6FcEX/JKCz032jAeNdN6oFsNztl8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "J8V9pj53tDgW/Op4Z3mX39z6gF8Xj1d9Uo4+azsgSXsHdsiq83nrhc2nHHHE65K3iZvQ7nIZ2YEA41WOYJwbBYwSyqP0Agk5OViUwPuLCf8l40Bvxy/i9aFE+3SG7+qK1rKtP+K4wlo5pUj1utafLHABR9Be8eno2Lg8quU7DxwLApPQ9uJ9YI1k+R6ADSvqVzHzs07QvPIDpsjG+4Ndvz3cI2cbppmQfVBi8VeADl1/nAaztiEeU9v0T6vYaQvVt8JEuBgfu747ieaVdR5AYES6b1OoltyYCsL2zZZn13Yu3JizWl3LRpvntbXKJZ2ehPNauTKUSKE/Ktga5vVGbJTab7lqKFEhy0/N7AnH9RHx8pOMHn9XX8nDeHQNuZ/oUqh4o/rz2rZJN3AW1JZnWG4em36fDYPp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GimHM9EVaq+uuXs1YpBiRvl032HDmRXVjDH4bT9BZSc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MrQtoy5ZQLplZOth/2QqZVlWQ7BEzGUy3SbBjKTRJ08+S2Fm4ukJt0689S5svctR4RSLvw+iCubqAVLHMEj7DNJS6tzV4nJsKNkTyocwdtEeZRe8mkPi+0ToEN7m4FuIf65DP7n+CaK1gZWFV3h+nuZKeXuN9GxByuHXNtlJJ9HROytvdLFJjZWmO9TX5ozWp+NbKDwO3JKHIYfuUTYLPRXI5Vtn689yXKL/0VDRDQmfuKfmZC+ZNr3L19esGIYloGv8OKUgzezrJmbwANd3C+y/18aRJTHvrEsofn3kvo66crji518voKRX/EAI/u4vA3wF9iSb7awUpv5GVu9oDN+O9idJumnrwlFuXam5Y8WANeSXV+afBhmTYOIFfJHHGV/zEu2lrQdSC4abqn2EfrOvaRt/xzJ+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Gjvt0ntRR4DQal6pyWqYWw5V9gAoXPTjtfzIl7TBYVE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VcLX+6AtDJDpWVZuC6VLd4yWOCvu4BDlX0lwM/8ibgGM4FIPr68BuYzbPNEaSFWMdqnWoNwtv1se16E139zw9b3yMRIVHeIc0YBDx+7yWGW3bt7uynnFqgZjlK6VdKaMw9mE/zpE94gTveSGfXPTsdQuBN7KkFllRnqSykFi9FvI9btD8n4PSWu/DpyIDiE2/Y94PNl8GFjcvJl3HQiWZgxrOTJIUW4njf/p7vg7Msj/AFWwoKAHzHfsPidXecuC3TC9ONi8Wj+HrFVWP3bqfKXBL/deHXUVY4sH6+fE79gM/GvzEEIHlLLtG91SFBoZWEy71IaAG6TSFc6No6XbIjD8LMVCmyFLsNoCmN1mTJMaiB4lutcdI6A5YXUjkgocP7F8Bn2m8Lq5DJymKs3aabsvoY9bMu42",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GkGn+vuvnODFdaDDW4x3xfQoKCvQJJj/sUUW5VXoEAw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qoWD1c9nJTyjgJoVIPK1zMEKAAry1wh95eOMeRadFoPCl2w/M1rirI8CT7q4Eh/R5+vtG6LNuyAOhvhDpNgpF9APAqQ6BFkL6++vXlqidAkAU7rV7ZOtgoeoR9OkskTVlhMZMfP5bEq/y9pW6J4SnhXr3U5Vfpsi/sn6nt8X3tb9XS6x0fztpGZIa2J9wswRftHMBX9ftPPz0Kv/Fd0Mf1ogldO9+hETOl+YAqygH+ddaV18bFZc6TAqrQvSL2qHfpEh7JcMQkubXzKqVUwhoiak4zyTwGdhdS5RslnNUTp0wuIfyAb5SpIolbuslYtWXm99LHWWLVNuM2092TEfjk5+IJHtmgVbwPl4XJC4QpGVphgaFtYYrJMrWxTCRQtSGXFrNaFI0QZTOhvydkY//3cY5n37X/zK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GlrS9bok1NR4OeNmCkZAjnb0PtafNf7CpBSroF3s3KI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BY5UX3bRgKxpxfqumhD0/1Ez2ZgJbt1IW0rY25JMHs08p7Y2xzrS4kPPwTd7rKpYLdKDe272QVcyi60DsuVJz15My25U/B1srTug9Ri6h4AhE0x/LpiE21tyTV5mR/TBModIBR65uZKPM+o1hMxCO0CxCI5JqCb9aV49ayWU0uWrqll3UX3NZ7y8U+wL8FNJkjMnJe2QiTdTbsihkKoivNhoozgOpv4XqiqJdSImxGQrYjcAEpfkbFwH2/OdBSCYdvyswnLpzPxrgTM9j7gMhIn87wOgsf+2jJWiFJzGlVuDtmVZfDLaqbraK+k3p11hrj0gq/28KiOqDQ4yy8gwQ1gRA+SSlMUJhJvZUYu/1uVXgzNMHBD+ejtJ+sL/fMNWVVSL6ihUjZpATcE6/rSynl+TXJbcC8O1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Gmflcppp9Odjx3XCa76n1dKEIWp0rS6DnhBWxFz4xLI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yt0x8GCIhJjTltxobSDw1EH3ZysF+8INjfpg06s5wyjbNIG8DjSJXtUyp+NunDIMQmzi5+XhW7UmtnrYNQLaBeugPnSM3BcajzNzFBBkQMOoxY1i16vn8zmhUGirSe8m1GApNCYaKfI/3yTIT0D13UlhdQzDTVpOxNAcWqRib9khHP+DqpecnNyBjgIzdxaKqF3BqEb2JroDPdjysYTvHvbfP7IEW48ocj4BN7RjREch67JDctYHsN7nOaVpmKcjuj7pqx8yn98HkrtVkYDjS6bl/7g2eKTiYkOSMkBP0SsXxUuwGEhoUC6h0TIGf2zn4kDlyiEZRUs9DV7dNQ5BGy8XsH45Ze3iK8oe4ZVhI52sg01tAv1RfvcxzB+67C+erdNeVzdIadvkIQHALZhpVS7bak56EihZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Gmxie0ximgbALEvPHBfFpmXyCXlGzbPW4vKJQCC7tzI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3gbVOtjQxUIBCG87VWB3nyxPklDIcaULfw48vv5wLPdCk1AbwIa1wYScWida/KpOMKnTg99fDBVDRRbo5oBc/IWpcSOsP9/LrJA90Zdvl+dVcbty7i4N9kX91IsbirTpdq9U+O+D99RzMBfFJ66nufZcECRViAp79Ei5eQvKlv+p5JqTNEMpR1SxHlOIsphsU3hE2OwUcSltB6peuxLay24/stSNqDqjx+sZl7l/vdwBOphCn4iZbU80mHYK0g1FZLbjzaNggvT5iqZrfGcBUcxPtswTDLOPxzmnz+45jTh7Om9OzO2j1AWFEZsfuHyacmgTP1Jt6JatYMHAAZ5UYlSfRe6zanPy+M1XYG5c4MMyYYXH3T8pGuWKIm25VpYg2JXG/6GUPfGQkmK1HlOZr1xFUCLOkRad",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Gn3BDjiC9kXXp3WoGiTzaj3DBN+ZaiN41IElr0RQ4yQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bMBW3X94TJmPZkM/W4n7VUWwdoV3MZVFpUklw6IrzOXbagztp/CeHR4JPWcg2Q4pQp3TW05+J6EH887dlkN20Ed+tGeEM2rkcqGfLHcR1J5qpJ9Vt2QSinaO1IxZCuLl0p9QpQujExXmPK1qgU/GNYmMkiKNUdoCMJORO3LDrDJZqZQ9xwxJKMv0qyejsKu6OasuyqqzZYgXSy1dKz/gHIQkXdSoVlv31blaGFLe7vb2XRB8CRteJr89+Q2+49TRbKopFDnSJ/eMlPMOL7DEKLL/KLVpOvpf0mWtvb0gJeGTsdVLc7uJRx/VwsISlOuUrIc8XGENV1O5EVJ6/H4ey0XYaObf9Oxw0RAZB+pZkrzRBF5UZruxa7/5ahW98ULGSnptjEHV6fHppCU/nJ1c5/T+qey7UOkA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GozSvTfNFaJbVASdvVOqXTfQzm8Gb5zXmiUVqDSuDtU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cp/XU4+LdCWdIzCHRNMZWdHS+ROkGiK4MRlNPNhuM5N4dk/1QEcsz+XbBr3b9eKBicNrOzYo9m9OQJHDXpj1lwkankAgJ2VYaerDcP5vUBmXjMl/Vhwtl41UwrS+wW4y8DoNpccletunASusg+sFXKWaEl57/A6RIoz5mePDUcZCARJoNeBcsfwz91EaqhrGPkaTYI3m9PfEcdOpWuNsxNEYpXyPYtHwi8WfNpARPLjxUVv1lSZ+pZFPyH2HsTTuBEojHoxCedojuEWto0Pekzcevg9qBRvk12OJlbrm8LOXtC8y9mRoHISGWN/yYfhBYhQM2BE9EXj9pN8Xd6RyC66VgzR3MQ31fGlIrAdYGuYm/DCs4RBC8hoe+Msy9rEcxEcODkbj6JkZhX0B3vgrqbSUZ2Cm/Zc9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GqUdNmkGtioDpQap3y8Vt/SW4NQt3CphNHlJsDuox+o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w6xR61j1sb5GbNrov1hvB44ZG+vUrbivlalhpbdIbsQwUUazuH5RT0e1R/pajZ6I6EkUFKon7UJ5PsmGx475R4TBINy9ZQNfRRZGz9FXEEP5k80wIEm2u3hzR2j0rHbxwIXKNijK6J8y8/0OyobF/w7soc6YftX//FnTHZdL/V8l+2Iz7XRjKskoNmIZu6eIfC0gQgeTnCmpszU5sEwJCO6YqdCaNO44bMg4ElUw3B1uuc5tKs6W+T+p29yB+CpJre9qNwBJeigwjqblAwfIW+oINWvb+ooyjMPd2YWRJc7gpH7FV0ChUSNpEkgNK2Oj/zgclbsEtWjcnMzdpvX1rCm2R8Gv2fCNRQNSFCH/vFcsIWtYozah6tqdY+XZbbKydXUogljMdB75b7RLJWFY/gwrr4QondYh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GrcUI1XQkQ6g83IZEpkpr9YLkaFC5SJUfHqamkZz7e4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dMveNxY241ekf0v2A4KSP9Rhw8+ZuINlxd6Hquk6X66UTm/2g6qXwfAXnT96+1u19RNdR1AWxusbJ/xAr4SYF8hGr9rEmCVNNxfBwGd7duWkoOPNoIL+RReFhbf44c038LFlEYBt1UrRLOXQriQf5dseE9pioP/LjMqWkIXxpNYu8HyyoXS7t8gCZXAluj6XP27VmnoJBCONU9AK+vT2GVMl7LMf+03bIyoxNxVV9927aHxAFQSvsV6cLd58a/rZa+t7FYiaAzrBKJhKRsergALl22oLVeOCURwL3Ufn2+PX2RvJjw1RVcvLvafYKHMZpqosidEwIIl2Tw/MCvMgx8gE1UougBmPbjf/Hc2tjZ0soj568d3Deia3qE77ZgGHOxIfxpkI97V7WKwqkUGhveJJog8SD9h6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GreiGlPZO/mJEN8/rmLrHsfm39gldLjURtEuedORq4E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5xXWqV8qv1JbVnwOFCznBlx+14kRC2OjopWl6ETj7lenOPP89923h8pszlD1wOe9TaS2mCTtmGFjlSktT8jvyOGR83Eze4v8bhX0O/f1+cT8C1Ey6fp0QcEinbColsvQER16ALeKZW8LH+yDr0SGEzleVeEB9NGjJYQvedCdHnVctA3XeHwJnTL2ktF8efn6bRf8uMkgMdwOjxwTGZZK+NDqaD7nK8ylu8mSX+w8CK2mg86+yM5MBsNFXIegRkcNeeUf6qgBBvY/PDMGxMmpkYAPUAiHAq19rom57BAJhnPLZ1THJHUTA7W3dTPt9XWB0tctnVP6XScGnm91OVwS65uA/zhIGsfaEvg6wWUJBuXam/506QpCT4B/cGXlnAHdtQmVvMOEvPK19RA4+oqtBA3IqPW7dGz/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GsJecJkYCX6TL4PEhHMEzJOfUabLg//C+SsMNNjLP7M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+8AdtRGMpdZTeqR97tVXSZvqoifDJjOfR8V+bctPqRDb1u3E/AwHOG2uQ2zgAZ7MDy4KXvc1o1B0NB4dp5hogvDOXd1cq2oRxqIbPf5PnRznOj9si4raQEPMI7L5XUOZ/e6imVIYTR21wC3b7DJbCWCIzMiu9odqddK9VgxocLgliI06hmc5NIY1LGP2qRRbtZoGFpFeiT/q8tLuyFZmlqgkdCIOhtTQ2fZlUxahyjrdykDwq0qb0HHM3tLz0WdPGPz3X9ej6JkataExo9aoKINEM4qa1zibG2oGGEFQS/NRsRhbXOf4iaqaajEF8hbjy6tTd4tNckZ2xiuq9wXLTdNCHBAcihOFEkcMXesQNHvXZ846ZUoqFJO0V1n5rCUOzLVlYk/gMNy0fs4ud6/2XQ3hiOswoXPb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GtZg0jBSh09HbxoinaVdc74HVgS6yw+aFBnBmOkf89I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QDkGiYRA78ZWR6Xf9qfS8lEaYKsJNk8cysxGou4sTjip9e6qF1J6mMXvDzdIhwFg8pj2vzbxg0nfF/0BTXKIIab8ytLs4LgOzIQIjx9nLvNqefmO8b+T2ipROHCApMlG+xeLTWba+ob2sH8MpLzAnAcwFmyE7vz82tYUEsC1sbTLtYp4yciogwRlTTIqcXEfNtq3c2wO/Snh1VmahgQlPXp1J8gm4JK6ICnvLc2GPJQJNccLqdE2XP3Ziw9nKT+ObJU5NocoHUyZIaWlPGUkK1x8vkuzAA13Rrl+xXE8nZToijG26tJRGTGReliDu5EfeN3UsOTkecyxnLZpH2ioeGH/Wgg9fLwzz6kRCTxQ07gDPYae6j4JP2G+CP8BsRXvbcozWiQrw8aVB/MuWcrUI60oxd1FzOY6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Gu33b1oUvwPhBN0hT36fGGwisrfaElMa5Nc+R2q6nlE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VBoNul8w1HSxbt7n9yEpfOJx6jgbB16l3YoC+44neT/dcaQSt5xUxX1Hir1Q1Yrosc+gtFgGLLZ6HUMmhECh8rkSEa1DPfc8sXRrN0yye6Gc4gZAwjELOI3pqQD9/imbtfoPNcRnkEwKwanVsybwVSlMwIdTgrfePFMTZJLl8hPzmx/P4FmcghS1PpWyGLTPsOoWxFJX5ygLEhwFohL90jNDE0W6FJlExa5eCC6IJSod35fblTIpeXTz18qWUsf7HMmNXH1SR+Bsjf969d1R2w0zSN5wrqd8R0kDVliKFSz/M4htC1sHtdYAtnR3dGQqxklAMVl7oJN1pSG2RPnxt/ulCswQJgyYDCgkTYHbNCfOO4RBJAip5WZlVUy/0q4XM9Hcp7hPGkHVZafVKrEkin+2z/Who8LF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GvjnTsDeacPeW2ge6tfhb+bkzjBpMAKY5VkOc9pcBDg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3T6pugFg9JU7BmJozEIx+aTfHpZu3ndmFZ401hTKVmYPLjq5SnYu8AWzPsKeihvpXG/4PGDGD7dO1jMhFs42udCoinYMR3kFkJ2fziONNEK7+xbULG9cOGaIcUmnV0+nr2OnjVnKj47AGnisMJ9qFZS6WS8Vl6F+XwQnPSshNw7labYxg487ci40t5mzw+SKcg2Xku0pEv+tu+rUnQ791FFcxF6iC1ENM4PfM92nf/acgXvcalltQ2g8phLVlYC1uJHNFVgjmCFF+Tx6JWY+M9uSKJmstNbZUz9xcVIPhjoSvvHNek+H1xrh1FK6718+D/5F5bSF0SsS4eMVhXE41AZ6LpVJEKdzkMVeQkwBzvPXSOZxxEwOY7ekMvUg0fevbTe/lOH7zibBoG0F6M7+uvz6WwHYDtAX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GvvN1VJjsyE0X/nNQgFloMGPete2eVNQi1SnAyH8B98",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "atumwMXYohijmJJYB/BlPGWnc43K8R82IvszONKYQ5QhxGwAlF/O20EE9jR/mfoRq8H3QoU1CEPDGxTEPm5UfCnJ6v+zGwpvUZI1qRL0VwcukxNW7rgkOWNrA0rHpA7jZmqKohOZs7wBIqUpbbySWVqRiiL3xihY8Aflq6O4qvH6416UJ5XTm24hiYr0dOB4AJfcGxN9KpiMfzvuK84llXZ0qaeW8Zqdfl876Lrcui64KImoGm9/5MGielZi+4arW91ptZuk+MHFDgGmCw/40jhsv/E89zeVclYQ/3DBng5euM+O3C/UTlmPTMc/s0J4VYXn196Kqh7Qep4050I8hsc3Mf98h31vEanYYsoBZSbtOhLXgZqvPEvMmRvN9p0iwn/LTdLd/10rBUTPK9n8i8nwKAdSGyeS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GxHkNGbMGi23jf9DS13NcPB1E8sUui0xcZn49QYjZVg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rt46PxwL2aewr/mWErNPGdCK9HCyOcxXqSi6+nBzF701KnHNwGdG10xz4uw5oBT4qjagOUWt9REmlwpVgzLY8rIpg66lYFssNHEYc32A/u/C18/VjGg67Ycv/DcFgvMOjhB4X1u75zz3U493VRfdtXxCid+AKH9deH1rV17kYmwdOom+t1f5J8j6az2Q4OdjzOHLrCcd2j4vjug8VXXjbGDEYh+Vm+iQs+pGaN1aoqryZdyXMVqf2mHZ28d/TaXkXJClelwI+OUavtlKnqxenb6jptx2LVh+wOCJf6qgUqDwHigo8szXSQAEPhTRZ7ru7O+u8IOEBUkRUl+x9+JGRkS2s/m2ezlKjg42/ov497sFeds2X7oK0O2crWWLzz8QAlRMCETbniXMeaDDYMPUPvp3F/ehYPDt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GxKpNZgxiFLo2rF2L8AiCu4vkqcSttSRzVMpGUAFyvk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y10oPxKRaNTM3U4iZ/9szyp4UpMHwVAWf5aO+K5n9iS99l4SiZSW8yNhiGV/VQnEjbo4FeXMzepLr7K4j6nVgarEFShJSxIwSQwLMCE0NPbKgwB88i5Ac6GUl1om0BV/Qkd7HQI9+tYRuJ3dpWcSOmLishKlNohBHF0ulBLfTal7BDOHGXzV8xVcRrQMbDmpJZmueQTJuMZzQ0D0oC/TIx171Osbf7BtNJ9FSvV0XsgEh1eKQTB/hCke3E92h/IkHcGSm+QpScTM+WARCD5YjlH4X8C4MhQLYafK0EFann9U/s/i08G2WuDfks2BtBLH+QEbczxW/LZAsBuxm6QO2Q3J6+U4g+mlfsGJQ88nwG3fFyo1L71DAdRkNauO6SFv4tEMeRBecclY1LU6XGtsVHhxVWjiRxup",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "GzYSBWuSmNormBmlx1HuDDl8Mku2wddFh0wOuJDxfgg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2vUWYuzINxOv91czeIq0M+sWmtWzuQ8Om9p0A/yV4kHbJf7AqdUtviuThyIcnguGxoTzAuPedk6FczxK7/PxJdjZYlnuKroI1z225eM92yfm+azVtVSrpvFB/vEjDDZcx4AAEluCotGP9i/tI04ZtEMKFQQz8bgQHQV5iV6B1xGRUpbms/K2etwk4wQgdMQ1rmtvecy3kO7Bf+9IYR15HZFQ9jhvFhZjIpfmHFVax/4v1r6OLnh/cMxYLc0OqCIJsaau+vNAz5CppmslrzeI0nwr0Xs2IjWgs/fMIxrrEsuoaVtCFv1uOtCWG1+aRXBT6fWJSiMUXQUBfJ6jKWgBc3KSgnazZHAL2ym8GLntdgYwAnnYWjzlxczLZdxbmMvGIs/Knt+xUUaHdwzjh1Teqam9LvN1VyMg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H+6cZFbPAlSdSn5JC5sQVoqeVcCTgr/NrGSqcrk1n6Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SA/jZ1COWby/HpqWFkjUs2TD+5luw9jMJ250hvV56aoNZLZfOmw3aMiiyxW4iJh2jLx2eQKO3bgOl8OA/6rEdLiSirwBi8PQv2HpcaKBYsUYv2GURyLYaYFg0Xd2bhsRrCC7KTK2HLc5x+pT+11/YqB/YgnzpfKaSF4xorGc7F+i4+fIIeYgDKdlQ1Jzi/89nSKQG7vZrGglsDEl6HWbXMwyOKGj+uKdCRGrTZqyToTaL/bXfoHhEwzfJzkrF8vaaS1WNGnNnTzYcVwYW87ufZ0ufZkLebmCCxd2nLoOudFX+x2ad2oJccdFJnVKlTw3IKXOMiIheKR8XSKo0HlQ1YirO9976UXtmAxjby8fMxwYv5HjZeyslVTRx3ROTxTI0tb3d898YarwfHw7EcpCjr6D/KnRgX4I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H+ir6Za+yc092a3Pclpwzqc2JpzSXke92oVVJHXCJV4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MmxSCcDWotgHSOzbGhh35uyuOGWdDlHgCkni0Lx1TusHa9Df78+Y3s8IbeytO4LqGlDa4eYvOI/WRXRd7KPsD22q4+P5VMeZAo7ynQQ32kLLezbWbM0OeBVWbj6CbKQWv2pmFZt5XjYSyPjGwdWj+gMWKCXZDdMJkqxBX3NUfUwArs8x/E410T55GNdsbnfovXtO9ThO2KYGJVvK4ik79sNKDdBCPs/QSw+DzRFb/d38t3aZruNXRSep32LmUNj2Xm7HnuhiRJWQNJeNrndh6T8ba1AlCfK+gxFkUBAPrhDNUlpd0ooyOITWftgLMyVzF1boKimb9xPS+KyL7bTTV/vpdI7v910P8NRTbfsTDFc2K7KZnJcuMMcaOFLuEnqCZo0b+VFHWalQKV7xvg/j2WxDRv2c/O1Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H1L3VSFf6QYK18zw3M/z6HpuDGe22pR/pQE5EupIHDY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EvZy1rrbCWChUs69Kq2T4PuvDY9XVYjK7wmzVXxEht+mEJ7vYCwEW0MU1lwp7EOJ5U7NRWbFmhirLaiMw5tiiSPhsZuXDvxYd8zoSLwrqENG6nAHxm8hvmDzTYxC1MZ7w9XpUPoCbKb1jHdPCgI27u+1W9+/xsFV0krIuSToHZPPN12BDREmUDc1xfIOrEHu6yzC2PLLecBwFE+knZ9zDdc4auyfvE7YOwahcLBvUgUcHOJ6B4dg+iA4EPI/Jgzw4YAwcg9ZOlthEB/qXiuqOjIpvT/eUBERaOle9SI3Cz8q210gmQ0suhMvtC1QUioMhCIRRb2V6/Dgx0eZNVtFbPM0MAEbMiuula8Zj8HvOXxGvYOC1OBFb91zXCIP+pTHFmRDF8aOfTxeFHWwxgf6goVxdJj0OTke",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H1Sc50MCIibKpQoYTYOrbqFNnQ6sEgiT2gW7r0esyvA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "G+wxcmlBIvagw5gmfqy57fBdik7RETQF0c2vA6Me9mG87tEWU9cc5hfQAFPtS90ea4YTwgYSeF/5taoQTmGewXs2iHHlAWjWyeCa+zYJjVclhGb8KcuishAvix1JRsIgijS5GDibYu2rNVB7SdAyeasm7a7ZkaBLeDRAZm5eVBapyUKhHQxILEl+supKBpBmFGUs/0NlBQHPgJQq3xx5ueTMe0nX5h876lZlXM6MGMZJ5Eog8eVVTo+VDR83bHoNN4FkzgrH9DYTDhKTvtqehR3P44MAclpNPQEnTD8IH54HFTyp1QdfCHqJmSC1jq4uwFGwI7yDQtvUj21SsKD/+JDB1iYBlnhq2e6QbmxxRo/pac5l2Cj/9RpZcU6hxlHxEV/7XouxzRuArcxmy3fZwIBGFxlremlA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H1mhqZ4iWKLhzETKeg0XM6omOv6pzEhg5rwomPLHZOw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ohUmJN4CH/N0ks6zT9ewqM7R7V6fVuFN3EBmkTDw9CF9qKZzEBmilUQ7R+qwVg/fPZyp8pgII55Uvnewoz4qEU210YfYW0HFfvgxbLntfTvbqfHMm0g4BnZmEObiCqOqGJsoIKeghKuMPgLOVc8PWka8loEfbxa3ciPfWKuBoqUxUCf0NlP/lQv0lKmpiszOOxwKYKVZ6ciywvqpRf1yUIz8ot6+UbmaUYyvqG6RIM3nCv18rG9Y65SBvn18KEfUESHicQwh2//4QYdYApn0S4aAVf2AAYPF3rJIsJ+yoKSpCATr1TBxa3/Fy0k01rd0PlQKaQZ3vtDuyTiAn5A8de1ZdunPrCPt48w71aMfN5p6DusSQYNhm+OppapIgk2fSVCCIGAe5ylbs2RcxK3XGKI4l/BH/5Id",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H2So2r6KGz82Ry20+LrnanfzuOaylRddRDkJFCgx6yE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5Dhh/TAR+AjQ1ysN4eLdxbPSwEcO4e0txQ0xEsKgbVnPM+w5UHRWUGTJO/4BVD4Jn4NAhJpifmrQTkMSkEpwZGGf0Fhmby4hmLOGd6RCznfPhTimjU4K7UcSyuhbXu2SqDANT8b9ZYLDJWGAVGtegPWtD55Ur0FsuVacdpndvyrVgHGYEg8eVMX00HptXr3PDXNJlcbl/s1Udh04sVzR41zZLtUrywusOF15deVOXaFJn2LilfCfwyTGe1sj2yL4ZSCnSGTH5g2KBuiMQOaaSZhN5TJuzykMK+ketiU5I+llTFy5xWF+haaqgwvg3rOgYxOvcin+VfsTC672SAZJpori4uPHDdrez0/JLbMSdenwg7FIAIhm1RUXJzt9Sc/OCfrzUqrC85eDE+iWssxRODOwDGSe79ZO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H4nGCSSj1gSTkqDV8u4gzCOxPij61DBtPkSpKFKOH8w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CRmVki8u0tYiScpcfPIKqTV19Ijg6yaLCWZNFY9QuswjKfWWi38V+YjTposQfdcQRC9JIQHZj83nxH1v2NwoiV5nHKQoKo/jquomOmXXuhqFM9pX459HIpi46TkBySK9Pmt6+Uj396iaaSjGuoGPPZ7vwZ1LPJ1vfwWutlvExPnwN4IeKPHgCnxfjhqL03BSjr9x/febAalw8Sc/Y15ruwwOF+8BOgeyczwXMa7upKpJQ9Lh4E8SOc3cvBeHCrAOGNiBAEjh3KOtU8Uzy/ZbCiFd+SBaCc6ioBcqmFf2Mp2+Lo8Iz7KvAy5bqJEaUWdXF25BWP2HjyPskqeqSWFKBEGiF0+C8daAB0SnjHZzh2WL4ueFWcwTKI28tixCWH/+ITKamUeNed2ESVXEI9Tm1yMjfo6WYTB5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H52Fg64MxNedZUQtKp7FtzQ/y4QK0OFB5v5fGQ78ux4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VnjvZzA/fwqCr0VNI6WVTivaBTChg01bAT8iLFn622duIn50oMG9xXuOE+zotjLKaIRFtoX08hgINdOmCOJ7VH3VK36qOA5M28mTcONw1x5wBk1WV/0dw9NCHIpZ1L+MYQquzpewqL+2URKGWl8iRYoFhEl/BlvOEyY9NacQ43VnudMehPebulSK8nl5CGmzk9siwYHrxh4uXhaDhCgPGPngau8OXLhp1f73tvoMdWpjcLHK3ZLnmFnJFWZdJLPYSYRgcQmRllPd/4+DpK/gI48pXVWuzNEm/pzsgTc+FUQUSOe5twkkjvoHe4D2RkJZVd0nCeq/o7Y81zpxie/KDTHryyiHY0ot1X0ylZKVBFykjHfqVEG1A/ixbL+o8yZugcFI4ErriVRClMLhUMVo4Ycm/nD5e5Xp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H5C+/CEQtxg9XQQB+5ohXvzYqGpgiDOdi7c/EcmA71g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ml20t154TGRGB5Ec4tC27f0MSfG+5w+4zBSvzy1AujaJfZU1yQVBEl79Acb9JjdEVvIANR+yFQ5mG3jesB4NT4n93SYXnlN5clL8ztD155g7v2GmYNbQs2gBtDfa/jeYsRSX0UBclSHkIg8b3jdLYlHfsZClRjMoVbLu4ktEsxeyyY26woA9wy9YJjN6YNHxQTS2TVeHUXVk2GGIftvhrFBBXAqp3ZDvnniYb1xVgTb3gEUpzcfspIOWVyFwbsKGbkwbRVCSQ1JgfiNHv5VIFDLWL1Ac0TvOMSiLuwZMWJdqsarEuGjqxEKR6OAYjHWmKnKmTy54JNcL/pMxmYpeMu1yBtBHEfl+YrzHB74wOhftHrwaYQAWyxBS71DxsQhiH18gMtV75xrioXY3hY1T4rCQJ2ezZn1r",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H5W0ErrQoPr7698kyDjvP0wORUI7LHUDIDBD8XwPwr4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MtcHQBNjfaEmtfzqeM+5q8xImxO6ifcmbEtHCiUietVJeG3dibL1LvOxbvOkZDZ0OyoYAXbOTW5MCcNY5XDUqav+N3r77yyDXvrlmLAmxXFPffmTGKiqkRQHqx6gk5skyjvjThuzTIpCm+lgq6BNzgtOa6FL+4TGt5JOpgTB1aYsWLiObBftmpt+TQlh82klWeJ+AioRH6IgG/zBPgnYhLX6DAynI3CjoYmcppWD1XAtHVTEDyN4EP1VMMJ782zcIpi9+2g1D8d+cmfwJZ5/xEyyDLFHrKhN6KVny3DF+KwdPvdG2aXgRwBtZTTwfOBazaGR12VGwvbXJ4c9IcgHcAMpuPZGCZ5LN+/FiZaxcEzTqOiuE8Sz5o5RHcMjFyA+QxraByGndLxRllES7N/t4ChvREYp6AjM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H7SgffbjMr+NBFUJzR/BvWRV+Uv2YJf5uisldwJAtgo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bQOFBSgyodkv6JSLTNoPLHfUP00WbhRf7KrQ3RBBguTwYOfFaNgXPED7ei0SaDfNC1w+hNurtnzqLHlDqdNTNDdS2fBRQH7K+DFyIP88Mh6sx13kcL8mCgk/fX+n9TjUj4/fCa6+/tyiAJ+zZW6p61/wOySQkBa86TUcedFIEmGRKY0W7f2zxXIM38lv4hpZfqS2CijLZ3C63ICOwhfRUzEiYUXnH/tdXUN1AhoLgJW/W4kMRX5jbd97Z7BOHCB3JNxT7NHbJ4zwfl+0OY8As2npWMXhbX6F2LIT+G0qfcU3ttqACOtrVpvsfC4+bnRhg0oc04mcfDUQzhcKcz9HOYxVxg89lcMtC9AeBbE6jDnJoAkKy7k+R0Hvl5UjyT9ZnqqINtKBggLVUrBdEDr7bxXPPkiK0B6v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H7WrSVWks4hSu9LkEFks9b1fMFw5B/Gn1z/KtG8dBkM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tFUAFzZO6kaSIUm9PPh2fRgFfq241+jm9l4dEQ43aSkOYRGf2HRKg/KH10UGnN5Dtzqq6PJno5jXY3MmZNY+ro+ObYwFnXDIRCk48RWtunSImqR4x2BNs1Jc3achu+knHHOpHc7rn8XviJhxhF5FoB5II20gMIyWVRvM1F39H/Iw+r4oWvXJU/tPjgycYrZesqeLTvVzHy/ma+/KIFqjY/F7V5tFxI4qWrkB6zy5qfDUXKePhJjiZO6FMXufdAH5XdGMD3mQM18ZRZQ3BtQyYFw3uXtSJ74Ol5DOOjNTYGeIx5e2MrSGx+CbNcthKhdjr2z1YUJv2KSESlQvtxDH2F3mNXSspH1SUPe9buw8D44kuzWByHqFxr9ejTB14kk/O8sj+GR2q8nvydi/KHwRojgHc9cVepZA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H7dx0FPRfhlZUOfvcT5qF0iUoeFbdELQC/YDtgBsbjE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5i5KmTxdO1QacUkq67qKEPeLgkOnCidWncllZG78zgyX72unoPMQ7W9H6YXeVE/cCa+cp/Gnvu6zseAmk+g63gvdwxuf3cw0x9Pr3lCAdokM8HCX04gSKPXYnRrQZ4eWgH6ZcI4OCrhwjzIp9SsMYn2O/ZFq5zzA5ap0bu+cVFpblt/b9OdW3qMtQSZDd3nfehvIAb6OHO/3Ek8Nvrn4yKCokCTZNQuJl3ruw+DZyTFM/htRXhCfKNU6LP8rphi6hwZ2n6a7Lr2W37TQ99FA5IGqYfguokROd/AamQYq1FuuxLqzTvScxm+Pv4Sf9ZuY3tPgxXwwtGh4o5ffKcwM2zmQqhViFNJuT0bnP5QxD19LDvr0kP6A3SqQEbCmdqZSdu5mTjJAcuc8LeyvzwY4sm4kdpf16PXY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H85D5zN9V2uslUEg1ow/eINYlkfRtLfz66JHyPSVQLg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L55FquaLaNXvy2BzAqi11w1497bruRbQbb652p2ORGV2hoCSJZ1NBPBEX/XtPt8N8jntXnGKTLP4KC9ac7sYAyeWIetFCiEqAEPDZT5IQ+NNzgDMSNP8FQor/WcKoT0PA8DpIVXX0rLKwBF/KWHJ42FDTIdcfe+NdFCuVkyUsco8RodVrVL8axpt7wnRkxgc1Kdv9w2klug/S/FihI4cuD2nZWIwZQVcvKFdvWl+fLzEIa8twHpk0HYq2I0wT6jlmzbrIR+YZSdsNkmKu4A7TioDjbG26jN4GCAWPLrdXoE9EjjM+GLFCsWFkbZt59MXeiHKI95CwARyPl9WNvbi1avFVX8Y5C78qV003eRcU1O6FhhrENItaaVONTqpat3ssg85MUxEJXw8bzSX5V2lmzJYiUFa8iek",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H90FLvSW0lSMiKilvZHd5w1so0lPOf4g+K9wx6vXT3g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/5naysP7I/L6lk45W3uhWFoDTWScMnH5vbSfHIKV1jTlm2gEDD2CDZc5xsnZAqk2GgiT0+VCLoMOV8NgB6e3o6wfHfsT64DGAYugS6YR0vsBa68JFKGfjIZeTrzCFCUpgpUICI7qGZGi/+PnC7JoQzoi5MOEIQkY6fbnWL2lNvvSfgUwBxW2HK+Kk4Z8AdX57csypR1KyiFptRAXVwhwGTPn5miiKF+kzVMDShj2N1Po7k+Ad3yIWFkW0OD97NlqIcGxbHktH8ys1DgsG0eopmjPBJnwvjupbQ2AGlFU2u7l+18ibLFK8CpqDpF5g13s6EU1j3Z4h/hRcthXvGy4quIzue1dMapYwfpxPej7ClTBZ4rjP0z8n4nvKRWU5X4+1k1UKK3NlQRCAu5EHhwZ8EVYXfuAg7wU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "H93QF3BJt9W8o8ATomrGrZQgH8Um+j/R4b3xmg6ib9I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dEFTEGOL6S27l+d2EJnQZSeqwr+lJ0W4GHWZaqyqyVoot2tbsrBV4LNBJ6V1icMl0wMcqfbXCfKhHizUCxymXSMcXuKSx8atjrwt/lsUAMxsCVQEojHcct12T+hpj8E9bBFO6Ciw5SOWmDrpuW5WJBU0Fc30FMaWM8MRXy0g5dhaQwQeBnJqcoVFHKGAZCRzDsQEufTxLNCzBa6/YVnplKqNVEQuWa7qgRKbQiP5itRndEsun0nxjCtZmUAa7mmzAdsvjxbClsLdByheLrw4tuoIqRERP1RJ4wnGipKlIxPjSBa4PdT+qs/Jkua7SvUsYLTuFw9qeSMXw9lv3zIQub3iWa4yHn5uXBBEdvJtus1T9reYTvF0coC2V0H2/3RdpZFSC6pYYPNX/jeTFse1Oo43oZWPpfD+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HB6h7X4UFCcmcR3LzM3g3KT+v6ILdC8KrDpK3s+SrNQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dFdfa2xWQ9grWaxoEDLgVvtIS3PKYnUwsn2KXlJBDYuFaNV7A5BvmmiH4cwOuxhyHWFqUwdmd4cYsD7VKXs0qoVVptGTvMuuFxVTBW2d+rJ4sE1E0awIVzoBExEZnHYIME/v1oo0ULwQIngkHztVhp5kUTRT3mBlhN1/f14UKPmBCvLNe9qid2cntUYOTfPknE6xrY2O8R0b4ntrmSJKguQaVJzwN/42p/L/YnGoatLVzAuySjly19Eu4//Gk6Gdh+3byFftIfQgoTFk8q4CoNJ/uh1hwk1EUi/jbM43Gw3iD+1ErL3EeyX/cLhY8lQe7/tFBF+Kuc7Cqn6N83mkEKUJXDfZBep+UG9N96h9oIBNswspmBxMwlDpcPTUsArXVfOiz5P7MqOtk/wP6CG2XqSZ+6IyVBtl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HBlQ/+BW+7k6ZHuYTzr2c1KHQx00VcSvBSKQkkBC/UU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0PRQvPK8oVD0+32msAS3v/OWf93zxyEahLP2wQWyXogBCACSErr/IsVd6j68HsN47v6lcFDqncyKuQBiD2q3wObJjgI1+cmhROauEUjUrGgB9bgAkX8uLT62bJdoStfnB3lv5PifI7/YlwaM94/bJZbqD6N/aNJoynPSaMGsReJXFs3OaOsjL+PiJvJiRU4/T2DKHEliGLt9DaqvhXpvTBg6Id0gC80YvbuTCzXY+lpa6QM6odFfTpabMiC6+rkysGYK9r+YDH7sFGIM/lp8Be2dENlAx+3/90rB2/MKxYCHMgzJFUMrMaoqnhG0yAtp1T+OOpnPuDqFLMkztx7ISzdUXekxINiMiklmvemmm0JY0Iem6OoheElaPTh1pPRgIj4uFvbsaydzT/6I9RKJllr2cf2f78S7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HC5zKfgvneN4L4A4s2zhjtEU5qfaYqQjyBmqAjq2ysU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mgHEIBHJHL7LYHHjVaEeVw00HE/fAPzwCChFAczPU1IK/ta/ppRGrYmTUG7lNf4HKHqYeJFt/LeME0R1X8gqC4H6ECEUVwI1AbHbt/3vEdONO27r65lrVVrZmsnmb6kTJfEV3Vqn3qQWcckMYS0AIzrAcFdGObuOUn/X/6UkdoYRGX0WBYox3HxedfUM1g+9UCAVlBy7lfEME7pi/NWWSHVnlGRiii2NQfXQYSrHcjz7K2k4Jkk3HDIHXQDz0avn6KaaZCQzhOGuDfi61/PiPv+I06PSi8EyWA8V5iC90+oOOWU2D8kIJdMyN8XM68CdBQ8yIgPSHR7wbnV5HrQjAqTqVy/Il2oP9KFi2xHN/4v0G5Qvhya2MaFafXHpcjIfpx24e4BZl3L1E7RNh3CQN+KMXLWXkEk8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HCPuoFaexPUWy9eVXgI/b3ionPgr+X2pMdpC8IINcNg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+cIAyePq+fhohyWs74YkMsFYlVBdjwCmOu1xhZ3tTDlN7Du4pcavO2JRFN5jdxzg8P89bZuNTgiiyhhNan8kzvy/VyvL3OQjP7vHSZ/kP2N57S/loJAM97xRCcPoYbhoL1YMeR/8aPfEWO/BPRMeazaorXDLRsQrS4mVs+d9V4eKC0yt83sucbYd8MqKbvg1MP07jNZFiwoGbXsIBtM2Gy8tUwwOCzqKUEib5DC+p2Rd2DZXrW+1JHWWhI0TAVnPOH7J7kWVKC7levw6IunqZH5NurmVrZuX888SCut1F8F3qVJjgw5x6/dGFAsCuUmLXBNkld+Q0xPnodXJKkD/0qTtK1BA59gcDutkXhmxqjfX91O9RRGz6ZTDDgKFg0m1GZyjJ4++Afc0iVTHaiBRkWAYlDTBx/wt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HDXN2NQl8WB9UKBkY0bDirRGcGWOD6WN9PPOFhbpSNU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mZIxTOCM3REcktGeFgSMR88eaIr86VUJHUIhMWbSuKfvIpkmFfRrmaqXyQPmpkg9988/Y8x3uoVVXvDlBEiuTs7Zkz1Y3kgLH7wvh8DwTlg+PCyJOu3Xi2MstLuK35Lan4AqyhNIbUFDhnaFxRIKZTxDGDLWp6uALA1IcMYniId/HWV9THr+Xu22kjGRKQXydLYkICi0HDq2EXtoRpfqQIK3V4KRYecryySRuhtsOTDsDHurupI6XBEPrMvfVagDMg8sgSI5xMhRiJjq81oehu1oJQzWhObtPBJsa4eMJeSPeO1SHUelRcDCEMIiDWHH3mfo0cM9TInTXcbY898M+PpcVM2S3Py9i6royOOJtChl8tkkij/Z4N6+dtnqdEHLptRyAE88S3hj5pQljdMufwtzlkQ6JqE+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HE9XrGLIeIEzJv7N4EooyxAKnKEyaPqtdI3ZyXhez6Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M4z8LemeRcKXitkXh07YbiL/WGjfL9R+emeBGJq2UcTlUNKZoxASa27biPQqKZQdBuRPOFPuEGkdf8BQNr2Ewz1pimh4U7J5aG9aYZej3FJxiD4jPY6xPjMHJHFWP+2ej16b4X9SexN5ax3qZxCGxD3j/j0XyeWOzPP7CNGltLJhInNr5oobz2U00+ZkHOtioOhCKemYhGMU3U39n7aBrGHQK6wk7YrOatCXub5IVIrxBHzpOeWajJBwt/6jqH8FiAVqyN3OAHohUXj9d3n+3Q4LCdjntP/xY3huRaPYErAcxuVzITetP7xEpUyBrGEW81SkFd1wt1G1BH74n1hIG5Nk0ZrJSeSeZ+Pk8Clqv/0N16+qvruU8SEql6DBtahHd0Un0IvxQk9E0/73qllfYUG+p4jlRWwk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HEVbI0AxnFtOX6r5zMZgvRn0m/lt4QxlL7bhW0vjYR8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4hPyWo0BUKmMd7CI02DQyN00Qmlarvn92jieKqNGdq4ZnQZJzaSV1chUXyoRWuhm1FtwJ203ueqtSFuX8fFdftjtMwkzacMgyhpIIqkxyqBlWMjOwwWvncsKi60W0YcbHQ4hiJCa0UaNsxzKMaSVrfZGP8yWVp4PDy5osDpnY4hq47l8UMzZCgir1UYEmH0YZHIa9oJip3/Qtq5ZxTw2vRRWYKP9YIpwMSajrXTv8v+seuTxivN14rARxlPMOayNk/1CvObk/W74DOSs7IieqKPyQ5u4KBZZcVU1x+sZrUgkghz2FtWfeQorhmHe9KcCZvDhDd0dNkUnq5Rn73DVaty48EmIqGfVSwXFWHoPW7TM2Y9+H8avvic+16ata+sViaIe6jBsy9Ye6fgbgodPW5zPiccO58io",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HFIZ+5ELAxNeMvjaLPw2ClAeDrVR75L8XApDTkEW/q8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HlsqSej9EfH518n80+0svkF5/DOezGs2OveTpEBwSk3VWMs3rhAPEO40qOhUW4smkysp7lfHZ0Sf1C420e9+GNJeRi0mW4JH6K4zU29ImFF3zxGgyHKgq+D3m+TszB8D4xiX+jIyPXk0Ot0/IXxsucjLXsGXza9PbrLQQxQZQRwx0f04iECux099nvr7evfx0MOQayTGqONn7k7SNzefAjp7rwcdbcTwjYe49SlvaLruwWJJqRPpHlRRR791CT7jFKu7vdjSPultqogLNWe7at9dIbeGQa9TV+LmUSiItvkjKl/olFc5u2YugPvtDyOPRWnRDmFA8MfXnIjTF356s+rr6R5IRGCzfxrhBiTWswl7E9R5xT6dZkqp1ZkG4XRdO1gC2C3mYaU5547UQeGWMRVhZTcpdNUO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HFJ4jwxMSx4O0yyYyGno/yRlVTaceQRJiHOxbE34mks",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "I2+IhTmCiOBQf3x/mRszDHdMDePJEsJURes4Ft/E7gl4T/ZQm1WdAraqbxS+zVdB67uDdy8HaoSNGXT0ZvZqC5+V89Bq1HlfXw7t6rCTBNYvh2Thw6eB7RehQe1KdyUTGO21jRL3t/JtLIO3PU4A0vXz6suE6ah6OgsHiYEMvCKcgpRlrXBnuT8xxqQtpqslEOu8MCJR3XV+79lbi1i5GJCF/Sv+XcUUaDBU8DhBhbOAPlqR8iYE+AtxlfPabZLclbOrSG8Afw+ZmDI5qamdk8TjFy0srO/3KWs1dJzytlxShVyNNMP1NXGwWSuz+kJfZO6rjJF4sCaXcZdJpB6RgJrooF1DrQXY17vMlcXDyo9NZs+cgvqGqxYyZitNwo30q58PKRMb8sbd0VZ1F6xllLGxS4ZnL4De",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HFramPjLdmX1nEdkpkYo9jW7QRZrEcE6DzUgvaGxIjE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RVGCHoOntfqmBG2CZpJCkPO4kN8jPxjOUFgNc/sDl/gnvP/1qImQuNxbpritNFFlqfFti1E3jMezb0po+8dpOcB2WYGvolU+V4GR6OWvkK3YS5zATS7RlbqBFYudcLEbFbJYszONzeRpj+L1fg9sLSmKiPG7DxQubcfiftS7GtU0/i5cDKpfij7Je7fifrwghWy9DGwh+D1pTyKCnBK2u//0bzT/YTXIMPyJco/FgIAcYkkRth3qB8xm5bovIxI3JPxoNSOkUNYu0GGnLF1I1u5XxVr8RtNtYVoL473UhgBuNQgFXnAZpqHvCd1h40tB6wzyFgJheN575ROBcHGiLLlyilczNo8eJgqM3D0S4aak4icbyTXp2berVsq3zC9272ua0tjTukKoXuu4VDmj74NmDrKR7g3q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HGaSUvau36/Pej/uRakn57GirkKuDCTCumvB7/LD63o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TzlIhaz6p3F7SvUsCkjvqf4SNrbcYHtmmG9+oR56yvVVAiP4QauUkzORqhX0gOwJjcTBm8iv+NrAz5i9gKqeoet4qxq9ZdYkpXE8H14Ib4mLSaTklD3CmHMWbbcEJYAQvl3fFkOF1Mj5hVfEwQ5vUWhPOvQvsNY3dIZPBcoOfntnVIiQOCBsblDoghy13KooOp+8s//AqvI8dY1e3Wv9xPyYhe4u/KbWuCKQC0fyJpQMxFquOe/y9tevD6LmSqzYEG/UwaP+8xQZ1qk3DzJLNydccMkhMSWSw9TA2C9sFoOp5SzIjVXSMaJ1+aiJmegEFz1tN48BZumtVy1AKE8yH9Q1R1TaO8ySlpSZ7UtspihLXtMuAfzSTMUbk7aMRN6JdoEAlnqs+N/EM3IaLFdwovvH7U2bh31A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HGfc0a+wH6FKMa0d36/7pwv6hBjxJn5ioXehy8UexmU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gyiECfcUiKYejXenPiQ+twmAxeCJMvIXy7uITV1IWSTED/yHm+34dciSasZgolvXAmhyJ1XWy2Geb/tLuoulTp9/PM7WIEpBodVTkCawPxmAQPSQwCWEuyM4ZPKZyrAFhNqRvey+e8zzKoBjJ6FQnLTzqBK38NmF2DAr0rp4cAvkRPTaiW80VDjoj7DOzbGbBLVnTx6JnlNGtl/7r9TRHWLAqL40RqLRm7FGWeY1FXbqf+1qhveHOTgKbrntCanOeSsKpwX+7x4HMOQkINR/2lYaBwrHIIm8+LZ/sfD00QdV5h7edWJr7IoMAsb0X3xbJAW0Lp4UrXYfYr2OyYR4LIZ/XdNhh5ZkPr73lZcRkBmQH6uNPtI4Hkx69wvpsXT23yN6rLmUl6L1CXMzGGNMTxD2lpjqRocR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HGg7s2zhteF+flMdb3kPMejlEoQornugmk3nhHx0wSw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+xUhEspXa7Ms2fB4qyIw9K8ikH44ENf4q53nyXyaE1c7rtq5NyhbPdfdiLlkwgc1WQPdltr1o8ReRNJd2wY0lD2M2ZEwzE0HhT/AEnYlh184ahgwjtUWvhGR5ehrV0xPXkduMJHPyeunPJfxpJ6uxRga/OSDqoKUKWib4RiyGbi+KVn6vXuE6mgSO2faWDPGQsTOX2scMUms6euKHJ7gLle2IiLWoLvGsnJO/T2zjutwUN66mpuuxEFNikvnPN4iNJwGsmyGX4HEa/ptC+V6eByI4adhGj8nRdtv1IhwYV77MaCw8GgFDVICX/AtYua8E23VnudKLIgg0m2iVQZ+tPLOHwlxd+zAQSN6rDBCNZt8HqoQZYdaZumfVmnahrM+BGPUTxz2IDGE1aWj0hfrZI8m/phfcIzD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HHCVJS4szsE4xALLW2oDcwlMiR7SYAm3ppgkdVpBEIg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ep21dI76TkTtyGUnEikv8CqDJhpxDyEtBnJp4UkytC6H64kS/2G6h8KkGzJ3TOQJiKsFOvv1rAL+3c65XomiexDI/o8CoeiQ+9RauKr+6CbmReOK24BBQA+YdsDxDMciXYdut6IG13MWDFi9ZosrMpI22itMUuMeBDEMozsULJejs/Jb/0+3g8BAaM4UvouYdn+mJoagkKMFKeySfBQ9EmO/pExZfGcQSTDn0PVgytupkpG69Cd7aUr1a6JitH+uZjd+n6om1tqW5N1Qed8oFgaNgSIYak3t8txyeun4paqGofOvvTuiD+pnhb/MP7ss1C0KA8uUbxbCpMS00VBgumGXESWCG5uhArII4DXpFERQGehWkcTFkqJtXcAUMJzvT0IB9WujLVz1BjGJwP8/+/x6RCefnZXQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HJPuh96JFzyfuRNk0EsnJVAJ79FhL9HltF3/9jBvsjk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a/Cp0urO9jR/mgY0VYd2tYX7WSiQBjVw37HKFTrLf9QqNh9qCW1JPbcn0U2sRIYIj3F7GP7kJ4btuiG4WzZfB/oHrzFW3y2ewJAWWE9eBLPBI3FpHQTUhLE0rI/IfCtZdVTdx7KjuX60arPjKImVMcHhl+RNYo/LqueOjXCL+T/Fyty3x9+aoDJdOsqXGp5S3t8aHKT6EKt6ZYfaMNcAlu8WfwzwDFINgq+aaA2ztKFp4ejrMoC9LKhSDAQHh273I5Buvu5yZSgtLcjsC9qOzWGCv2Wd0CzMFttDdG4wEYSZLORqGgfdCHSk3DVxjMmJoTx2BUbhXE75oAxPK/VgPBVr9M02UmiOah4stfFzbqKjlWzXYzQCKYht5ezedPI37dfyTedyLhvWmvcFPo61vc+fUAGPkQt0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HJRmtt7SLnj52rgMiFqmMxJCx/TAJdlAeTs5VCOTsmE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KPKPjdO94fh/aiqRHMCV4g+NzvtCCiVhuGGD+27mzMZMAN0xcPaKH7E+rZpg7km0Um8pxO3RG74c5GubLdPkh19Nrnrh091tPCfJLnTQ/rrfaPJ4fW2qyo1bLUUfUcKYcj4SHiB1HTAc7ave8kbrB9e+YxmUBULavEfJJYH8FhcMHuLiEx3smGh2h1CrZrRq4ZHVUQHm9wgyi/Wr8d3vIxGPM7Pc4Yw5+VHB30xIL/z1unDa4n79/C3EpDeuHUBJwtRz5gfAkEyUfsyI6NWb/GZP9neYZgwRJ6xb8DG3Ho8WvzQef0QEzH3vHfiHiuhaK6MpqOXNKoI3JV6qUxXmLxboRo/I01B6VpM2w54NutfwKjASkLVRx1i2v/JJ79jVAbUOxUaOlGEXYlqFxgzRIQGdPwaTq7ja",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HJvjFKvIHXNrMFguR88TNAGLAgpKHv76RNp63T/0BQ8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RxS4gcXMKTjINZzfLzURmR2Pmb34bBnLXQ2kGUozajDGm+hrq7yyRZI3o/ZyMHWopp8iUH/R3h9WmvnN1tNkBHnzNdCNFB4GjDHoK0YXndS8T0/O2fIHYy2ga3KddudlmywcRVlWTwhTht3IUP4Bqp66ue16JmcxhboPZNqpwl5QXszAv3y3bYhcIiEBinfLB9Tq9FzeBEHl+xs+DfgpzOncV/18BJVuCdeG+nxttA17L0AEuJfj/102/7fNkpR5vPuCznr/+ilY/+SZnnZIDhDrdFeVOrSDljPnKYWrrOpKMe0SI8FYR08ah6youKp506J6qm5ga4JQKIQTDUb3nQ5rwVkZe5NxzHLN8TBuPCdMc8Fgj+serhS4pHiW0lytOGD5SPcanwoEm+dhX3cm8tM+Dvy29im/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HKSuNEEK+y82rzVH0hdfWOZRZJxAJeQRY+p7QHHqaNI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+13QmaR9/b6tCWvKUt4OjijQQKJD5ya3U9lx0eoMKT8NCSn22t8pRLbAAyEaZyMf5POgdZVlhVcMhfLHKBEojgqh1sFGlwqP2fSCD7lzMyJaEAf9dMcC7NUl7imnFrIiFPydAKFbLAU/8WmDMXwro98YhCEiq+v3c/sHDEDNr3gXek7hmLBAbxCYZeTpzpprMPQCNB7Rcb8l3lnwHh47tz+8GtnuiHa7xAUSUxCgxitwKEKGwM/DNV9nYMCvmCWMqTRv0Vh2EHDIFuYvf2K++OqMiJNPSTAalTJf13k8Zq7vVV9QjOiO70U8qiZzXD9fbnrLfIrMZ2OlZDXSOSyTqT6nLPY895int0WyUiPiLsGmWY87ovCcQrD9ylNoESxhkhB7sLK3jetGQREU0LNjwNsmMkCtjBFN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HLfnAdjMl3LStecAAjIdfCFRJuy2oBjec42LzlE6S8w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aFd74ORFCEzwtkNIWfs4+oTHJy0hLN/S2lW+ebCBD4JYQTFcR8aQmBdzOZRiK3inXn/9X6KBcDjZJXspiDYjBfLTINLlk6HBZDr2RyENcEaItRLnt83Rz19CgRJF16Plp4o0y2CrU0UWdW6DKSnxOt1x3X7MVxeJMJ1CDgEoIECrpbBd34fqO+3h4uB7aBAy2BKkoH2Jj/bssEdPtY9s7m3ygooXUxo8inhhvC9UEcgv5kjkl9ZlI7nhBEHkEWpLm3dHAZDF9oZs4rvBIjMv0gbWDaTxm4JmW2dAeGvjGbmRsDinmV8GnUK/FrrRE0QPMhm2hIk0JyicXwVpvZLHqzvsDb/59+Vj97ZodhmMGb0bC/96u6XfY7eLtREvdHx7N0TOKjJpTMkLKfU2rV2nj2e18IS5Bj5G",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HMO0y1zZI6hI9fcx3u1TnZ+vcYj7Cz95fivzNo0KRhc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oZTGvGftclC4SnpH1/io1BFVF2s0Njzh72oyrzxgxommdiSHgv13O+6qijYnnPy77j+jsrgUv1EsJJ3p8bwk2T2tJ3Kr/cTeJsoTxKWv9Tt59GQcNZZgJTrZFj1D6/C2LJp1xRcmrORg5M9fCgLkC6cgWaDGrw+hmChN5LD9gaS4epcukjfPhxCWajT5yXdXjzJORGy2dgCapobhftW62Gv1gB9QsF4YEuBCVrM3S8dKLJ5rOkFt/wcohhfvrtSTHCpGqycMta+y5dFxjeP/UakJFyDN1/IVUDpllv4Cl1P5HuojqUhaXqeSteP3XeKDCy8emR2520s/fks5LcXENTVV4J0UxpJ132ZQDKvRb3VP5s+7DkrtfAj7LX61JrqZ/hCkxfZUUAFgQVwDy7mVfErTNvPbTJwd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HMaDvG6OX4rWMGdjoGyXbefo9IJwx7BqurbZOpKw7rI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oHQv/pyV98AVnFQtUtzBOjiodkJoAygLdXVgpLUEhn3fMQ4AkB/8E6cWVbVQp+3kUGu6raJTC3wJg0peY6sC7YJ6o199bkvwLMcoFc7C4g6jn1E9mYLphD6uI3f4uS/6I554mWr3rBR9NeffvE+V6AXCPqPHZ62kNfzucIC6vZhFJVi2iLMaqtGsxf773r5qSbuY2uESqeSqcfuBcGgl9K/82xGnhrQx1D3MOIBxQscqOUi8WRXuuIfVTx3adwf1gYcDkOvDXU6nvhzkKlxaZZZgehhyQ6UJHG8TbP8RSzLR4zMp5FWChz/vwm7UuM/pzDJsU8Nn4zFqHvrvQ+xnoXp0yQzHKWLzOTyGClJTuaI7xLUe2rN+OvVBmF65Qnn0jjWFt0NEz7VZPg6dTt+6rL1j87JANGBk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HNMJYrM9DpnmEs3aZGbdVzWX4cY/lOWWMvAtVOjEQS8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KwPb36Y9QJI/dopbjIkM3CnHotmW5qarhf1EmVBRFn579JknE0QaoVazkwdpxDWkaA/CRPLKBUXlA84A1qVCkzJOeOt47YIGYHUCf9O0L1zU4KFdyq+a+AIN3YwcPCG1837A8KH29QUSda+rwoEJNd1ib3YscagBQUKZK2ccPs5781kK0v8Rzv9mtzYFivEy8cm1CEn/JGj9trPJLiG6CufeA/IkSflHEj9dIvlYo2wWRcBBHhnIrV+HfCLeGDNwfMjUng57YzJsln7N94jwKpYLQhlCGTjrcx42AFTR68kt2zlMficGhRNeLCCxNVxsZx/y+u0Xtef6/VVlxS9Z2ppAHDQUL+JwuDpPh79uNCXS5exu+EF5UNSQZpkcub2w7VKu/XnyP+xGF24Z8b8JLFMYWgJBTbEU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HNcDGmrDcFRaE98R6GwODY0wK1uEh4HKGI5xM0cfSlc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZvT32i+q5pxwoHuQEL7WWCm/HtHhPdFgW1pvWiXXgS4CpDn6kwPifs7zv1/LZh2x3BqDG18i0QYubqsMGzKHHQ0jEV2mUrGXC9aBG+vRfqiY2EwlPrgZOsQ7YX2lWnoFlBc3uCLqZsLghdLqovBFynccBUTyp4jPyuA9J7N8W7dZfRGScl34BCusObiizIv50YEzXGtkEUNrRIt/1wiFE2yYp/T9rWKSYXVW/WTV8NVDoNgBrNsu+1IMBGOuVMp9zYSWYhVipBd9WXFVXWsRro+QcWzWjD5bBOH8PuY14PWUjUCj88WurAXuye1o0cwI5TVMaMqcDzD3f9a5UmJ8AX/GvgLqYJF135pQn1iHCD8+FBn6L/HH+uNIAYer/rPs8Z4O+ybIQe5S/SsyKQdgEqNJQrMLGUo5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HOl6NnhneC/OrdqO7J2FbMYUgdhfgymhDJvZPKErKZc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lOivVf1HMpti48Y6NlarGDht3HHeiPUxNYvq/EYopATagnZAnCBWZDgtMP99gRHzxlvaqZGJZtIt7p2wFchVjpwyhW0r0Ve/tg33fngkvgbo0fjw8crgAkwLFNSnnk3niZUVbVGZmRdOZxMKd/nTO5yOjKbnJ4RJFcv6G8POJasrSn4gnUjkwo9SMDiKK+R+ys3X3pnVbQwQBLKJrw4/Ho/kIAByxGDTTxVd8h5mTFplt/8eFytLDiI4QdO5vMnxqnSUhZ3AWsjj9QHxMXKj6sGdAUF8N1ul3hKbFxzQ8ypHO+uLJrEvllYaEBKmhY2PZCWr6mvazKZMh9Py5UdNFzidTvh7tQ7gYOvLnfqHknZBhKteBHD7dADIIajByCa/diqBCa0JM42sZT7vscDrMpOuSWgjFw0m",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HRzhBjziT3b2Lg777EADd2u62Vp8CSiuHbtYDSNXIqc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6k9WiT/cyyHFJQvQNJuDfawuGeR8wAutw2iCt1ZAR8DS9HS0Hp2N81ei6ROni6qYNr0OaeT0rQ+qcwy3kKOVezux2xj6447JcUe9kDV0/OpAcDlg9WOzgtMELbZarIr1rq8xhAd7Blo5Me2Yy+5D8mGROL0yQv6oFPBubqCx1U3ruQSKPX7T+K2CmkZYIy4rG3OcYcoy45Gi8KGu7iHkAHjb/30566qzB5oLJSuZoJJbhGoaaob6FbqSZym+gPdI0lhyHtyLG/5IPgBiIclSYJ8tFzVreUE33CLYKZvDzZ37tkO0qIIRmnkxjzGHTwJ9iiVQwZkFxbgOWXeOip0vlsp1BuMQr4wVH3YFoTu0CiRPFh0zmZXuKHJA6YIuiKxPL7DmFy4PZE6agtYZ8bC+gXSLo9JNmd4R",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HSZcy3GhBZtNCii3gakMmIzyUa/qc1pWPQnqXvIOd7k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3izPExOV3Zd3icJNQhsSXdqWD4/GLV8tHLsT4HuBtmcjXXS24Q9mmzWB3Bv0iGw2dESf9MNUiwe8PpebA4mgks03lKcwVgCvMwq4fZ/ZUgPWzAZH6YSsl5jj7Swnc7crgCekzl2T1a8kf6dAovZMTTpobqtQNdILg/4hbz3mUijCAwI5KKKYLnPDXaEzZoK3aNKZFm3Cs5Oo4e7BvwLebBsycLrJTF9XarnTIWri4xLf4OQ/gEgaNGi7U8mP0RGq9Iis7+Rto/R0UZUNKjGnPA2lU2Mn2grpLhtWzgZuMu4lX7lxizoh/XazEm69cGS9omOJSrM8mkgG4AvYllo2Cw2F7OqYpZ2bOGcHF6gV+1Mr8E5/z4+VmhrRczipKduFAPB4LuuvjRXdSCNQTNPrTrD64jX19o2R",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HT0Jl6fRWEDQoJ8ssybmFDprQfAplogzUKhyY1Bywvs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xBDYEHCu67Ru4c8x/XTKkvH1Ofh5p2ZZggY/KKGc1YZVWsdZO1g+gSq4g5jEBhwOJHwqpS+fmuzLQWMXouTs4zAaKyobAM8CGvRZR7i/fcNMylyX15lKDMRQFDqVnyVO0t0tSH0T905aJkfAb411N8waGhP/oJFLlvBX6RHEAQ8ZIagRUAEEHW8gvOYtFdKH+G7NyjLwVs9HfWht6UpROZyR9oDanklWxuZKnMX1ecmnBBcs+LLa/1I44uvhhCUHhg/pBJ6Bb4Oi8+BmjNPtLyo28Y8UI99NG6Nl+nGAzcIWF1UGGhKs8oEujqdFOrjDQ/WAvY1xfUGrjL0FWDmNUB4pEfxKHWu9cPqmVGJ+TLblmKz9k5wQk/S4XTR3JBYNdew1JHfWVyHkz7uQPyVrIcz+wcpCnd5l",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HUzLtkCMzWO5GA8hemJDJMwuTnw1kcu0G4sEFEhqR1Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jRIiK4QGVW7T1Ffw7yljCUxY14k/XkDFxLj+bW2BdISUlJoy70l3XhpggvAfj2gAq2kN8ZnvaPQqy7CDc/Bi5CADJ1zr4Vw/ZBcEam69eJumDjb9tTVdYsk/jv7ACmacGTuvAuUphwUZmFNXyyDgQEMV08KI6t/F6lik2r0iufpVn+Nc9M3/ZU43s8pRK5FdP0MXebGrZwCylfQcPLXX5XnQIY6D0VXRezJm+w9ECtFqQQx5lNs/qvOu6Ct43+kUh7OEsScdqqQ+locyPhcMcG0HWJaky3o/ImDtog9UIUtqPeWd1WO3deXVB1ofZWOAVob1HauaTxYlSyQah0QprtI6nlYHcB1Iy0HmEQhwXFQEn7ZkQyy3nxROWqxRQZ5YqMetLafPuhd+n6t0nQDsOJNo6+xzh5VO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HVeSNxoiv6MUx3be6c+V2YfgPkcZ7otPnDCRGIM+rUg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j96f7JZDVF63uf4mQz3oauqKMmdi6sx5ZqrJEjzd/+XSrt+jcA2dsKvN3gKNytOUNo7tkwtYAGTwO37yInKNTY/37xQcTCAIoJJ21DqgzfDq7zfX4wiNaY22Tn4LwLx1XuZTnAVNXB1Nzf4Cwyt3iK2w8luJt0jzhPbRlej5H9tqxkAcjMgKbIsG1Oku+jfsbDifXSO4U+dTamXjTJ8guqcOOh6w12gvHuZwhYd/qurQN8yOXI/MSOvhHzqKIKcg7kdV2wvtSa5akn8JJuGhbLRKKoDlYJoZq+SVlT7M7B0OnR4xCcJFzNqQcqjxuaFJgY3fHtAjU89stMP7INMe+RMgsYAxI2/4tOFVa8Jhvk16lCFqHbeDeRkJysdRiLp28wM1KaznDNxfh10cT/S5nmk3JLWuQyve",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HVhkRZoOmZjJwSUvL8irT7v30VWOZ0IYD4KayFC9y74",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2lOosWurC6vYP2pSw0ZHBBctag4jsH6b8NPHq8lwmd6TSDW9fskRYXvZ/5ahF/vFJzbzN9zVQt0tQOD44IjvJt9c9qVVI0tIW4O5knTxDNPMoyl5Yu3pKjn3lI8YUVQ+A8WBWp9iW0UAK0ZQpxeEa1Hsfr0kG6O8PZ4+xgwwSlDxPM2mFQuz1gEx2yGMfuZQPqeQ4CCkB6F1NFsY9wj9bIgRqy0FXwYW4Hwa/Gxsh0QMyCqDwQ71AEIN37iHMox8fCEKuimU24ZaUI8eShm+oRfDPUgA3AvI0pqJOwWIcnnJuix0DwtzMM/Yti49HCL0sLcUR0Y0sYOk8e0PPKtrqwl1Bu7NJywogS+gDRKSmt9WECqgxKvBMTolyHJLrZzKICO+6/BslAltj9OjU36MYDAZmQzq8vF3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HW5ukohq9dmWUovv0EGxj1QvRuiDXj2qbEWfstS33i0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3vp6E1S31yo4e0iXekuYnSUDgO/wWtUO0W8iKE22Mvaf18QmJzR47hovrlV9dmYUtigSTlYCTI2hjNn3cAXtfgvTnlURfkb7F60LYhj5A7MPGuWBnjPSuEIiyts0/2giWgHfUmOS7u/PHLVl69yJh9jXpsa4d8RLtFiIPHaZOSx4AaP/1i7dyBX+9UgwEPSIRdB+S4fgMv4kRXchEp+kcYwoaRCnUiE/gpm9ZfCZFJuv5kAbbMsUwOY1RCC5/nXXszWKBypknQcVLH2/VBs0P7itqBCuI2vFC+nLqod1cdEQ+nCnswDO0HORiasvbk3n31HfXaPjDItVEEa7Kzc/1Ood69eNPUA6cz7i7WhlIBG9oVB+Zlxpp+gNdQJXKH6tGnWfDIBcTqJPRJ54JGfmWTe39tdhYGvd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HWI6BzioWcYjVqXChvxQoRmENZOxwORT4eV9Y0EVddg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RWzqVhvY7bKgqMsJzznyW1RJREsZCYr7KQZgq7iK3tFcBUHcVzdvng5Nl0hyldpD2loTVmw5+/YpIenHeiNh+bMftD+izDQrllNNH3stO5MbvIGFzcCxGrjfLpIDh8fZ1eD+gPoo5+X9pEQSKRY3bsIGAFVCOwD/KrEVQcySpDmhxAmo6JZ3UFNydkStaS/Keg2eZuBGPCAHOoKKvDvRu5cQmYAyQprFiNScWZ3twwl/MF3ScNmITwBI1Tm+AcScHpKeKxq8Kt+P+b7vFiSAV4sMKqXKqEEvkw6J8BOfnTCvre0BqpoBdr+FKBUOzOeQUqlFm1YRyeyLEXx5zkN74Xlo7l64O1rUMWRWmlrVvLnYPGtj912SSupS8KwdrE5DfrQC6rDeBtpTV+8kVTh4TtK4GPVOlu7T",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HWmOAgfmJ6rFslRRSFoeulZyvOpnC7dmAVZ4iWOMoDM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xp+Mjf57Dvz1m2+LINqxt8jrcH5pW9XkcATmHKfTwtl1ZTKTdqmkcFjRjNx7XV+SWdRFuB2Od7TVHpykKPyxsvQF6r+FDcJWe0/aY5tQieIcGhvFadG1wDM3qAqaES0BgtnK/W4VCXX43LWYlABN5I57z1+73fvTCglFGLm5kDVcBON2sK+LVDvEG21yFycMoz8xPWRrXKewUYuUMLqgaqwUa3/puEbGJXFBorHqw3jloBZOF/DvRO+AdJ8R6ga+g8KXWiLdZocQsBS8W91klc89bLuopl1FOLOgV+zYiSVAr/1qDwmVrtpDhMLmpUv3HsJPBakN5DG75mHfcOLKyPSkx+mk36V/lAUgyWbhjQBOXoDPrD5adLjai4P6QHMMIUjrfduqck1a07CKNeub8J6OA5X63yrQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HXBvMPoYtrwB8i9DQ3uL3vFB30Widym+/J0UzrnfGFU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bYNm+SDMvGd5d4jHR5puxNuvU6OuH2vcEUTGR1uZyIDYietukpzgxDgAy4zP2lAH307h7BG6NSc8GXAEVwCo1TpRPZOZcBhsREqIVatAiDgjlBCyYiaBm8Zes93D3h+Gb74mEhUcUTW+bBdnKwbK/VrVLzUHcHJKx8W7e08kmZWQN5nyN5CMVon08iHlVF048p+t9Gqzq+e1KAYVLh3sJmYzajpumrk5+FcH30iPLKpOLJANqeuL8U1THd5FQPWJlEm5U1n6KP1uCndyp9SUE3T9C/XHvuOlClfyblu2YH5N792fKVKoLCU5MT0V7+Ep7SWZi2+r9Z6yGjQp+09BvCqL/YMTxef4B9CguJFU4JgwoVgBeZnroXs7VA59v3fmdyDvWQKLLtyUJ0rI2bi3BG/xTuq1q0Ch",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HYUIQwHCAQXsPWaWEvnAHxYYeHWIrTZqNOnaWQD/7YA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oqAzj4cS7IgrJuEf184gmMTtrp9HQwB23kqrEP51a3kCSZTcPj6daqZagkZ0LU9e6k1UqgWar/unQ8DlLWE+LzD+gZXOpb8B7AdOLLAnvDeNaTwuJdpbznqKfRF0ESFUNM+hl/Fq8xVtv5kLuTZ+FIYwLrt0+5yDFJcbHADnFRVT3nFoXL9DlpVdyqy4sN/2V2epwnn+c5ckl1c5Ifx4J8Ay5t1J8rh4BbHKpGCBOR6yOcgLaIWSKxYtU9b4qHG0sMvcQSO583tUIJ60q1GE+rILxDd3xZxRrf1VPUp6ZONgiWA4sKm+T9WAxA8YkGLPxY6Krn+POtzPyQz7fDQ0iKPY3XTZ71akGMhEMB5FzM30U0XcqyLsPiKOyNjZ6+EHBQGKI43V010wgLx+HGX3Z6qL9fOOonVh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HZdq8UsdC9kRKSoPveFeVUrDZaGGdtFFuSeYtwo+qnc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "266pYE+0SvgJWL065npUUmwzheZBph6TVHEHQd7gIa2RwPIU4BQRD5WduH0Ov+815NE8Kv9O4IKqpL65IC+bYAVtX5mbGPbMvLMurf7GqqsJG1EXIBsZjw52UBrrls72RkllEZCazXNoKCFRpdH3Q0SSowKUN4kuPQ2YILWNUK6dwwAEaReLEX/dpAAfAxhjtsJRw8hkztB/E5Sj2zd3D3QrAtZ/WgKFTMTlsK4BHLqUq+3PTmPRL8YOKskTb0m6YuW7nXtsistgyYQpHQ/Orth7S3wwf4ibFrb/sn/ODb9ywXQxNKSiH3+e7cczzsFqG8hd2sntJcRhkDO0jaOa11hsTH5ffnXCZ5WXfs3/WoCMTzFfD2wyPdd5WTuu2jxCYkgvUYLW6gX19wLnoaN+yntKP5H+qkHS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ha+q45kVPJGZSLyfm8mBhGEb32CzFOqsOXxOvKVkJTk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XFB0USS2kPRFjqOkfSjBdnAwxe0XZCd+inN6y4SD3wDRPB5ZF+m2Tgm698cb+DKhKRupwbiNt5+1dHHGe1DOJp+LslHhjWgfby47iuil6N3YghHduJNZBuYacMEx+IS/VMZi1OysGyx3KkE6YulJdESky2fExLVhzvBwc9ZaTJgE0RA2OesYSuv9ANCNdLNB9sk9AupdNV62K1IFwSJQKDUnLZk3cT+Typidnk6YBOcqgJ2ud58nfHb+N+TpfX4WBKaFEW1M/gIkEGxoaVbZIg/5MOdIv2dzxDmKfonvCZScTo1ktmJYjViX/h8ngQwWmxNgVQTTL9iarZeXmkxfFBOupHfqOW6hX0tUbqndaQAjS73eny2icL/z6r7s8tqvXRQeofD/LGIlZKyesTqlDQtmwO/g1zgM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ha6+1EQ4/yOKkTHMVqRd2PNUMDVMIBF9RduOJoBxyqE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+/1HUAzfdqHG9fjmWC32kCDhAWdH2vA6XO5DNuXRb2a6HkBsBbuNkTQl+ZUPhiXy6chTeRA6pzJl37h3DMURqXPKJY+gnn30YANs4XIOSsfJGgCJyRj0URmXeCCCi5+GAGw7zwtzpyIRMHzAbKN1cRT3u5I25IaYI2BM7JzR6f223/2VnXuNCCJLCLEUTQHT5vHzC/Au3cxYMSbDqB6fufAUelWfMTj0CyBwqLQeTVJQM1s5Pps7Kv5MBsjBKj2AUwQmHSTi2dJZ1SvRE6xgYiNNPxCcAKFI7L4Wz0x5sXy1X5DaHT0pUeDcbwOUDWCpk7dsiWFJW+p6RE2U3s0XSCJ9qDdl5dYf9ZJ8GGoVJn9K2wcRTvWCdRrQ7xO0OPP0N4ok/QZ7YefJxX8pXlg+10aWnnWsD4hL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Hd+sJpupMU5A5IxILtmUydte+FClnLRx4RmRXygdqCM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/ZrCGEMN0Nmi1LQ1R/dO+NsUXQw3bccUXcE3+jFX6Ci7xwPG26swqZTHCdEOKapX8tbHIVr5mIyQXc7qQjshQFODVa13IWz+w+A5xDtUODaMLAPsgU6Wxfe6FjRkxWC341DN7oU7wi057OWa9coFIrcBIfR+HSes0HaEEntTPSnhHwfWPLRJC1BpLUolzuua60qZcFPqjyHUKrfNs9Qsa8icAGTJRH/LktTRcVX/eqqqpW5va0ZGvn5jkJuNrTZum5sT63MxyBwkvXKfOyP3s0kpUak4Cx7IyWwN6T02z4vgKf/BgG7gYoRPRA4Xs2H8B/UGENsHeelg6OR4iT1dPR2t/Ur/1O5YFn+e1YhMe1Ze3OitbX2T/IuOwyRRuoNQZ69nYhjWav6znDyDsKLtECYg0fdICpBg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HdDvgf6z+gzbVVefckhF9pa9tg0RqWTq/dAlsLIuifQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4I/1wg1olmlShraILSUKstg4DgA/T+2A9CjlgnumkZl65lrpz3zEainAtfaxDlXIBEj6xccEAwhNTyaDeNe3/Y9UOpRnNIXt9uu6K/mJ+LbmYAbWCLA4Xbr2X5V8h5XVUuWB3V4Vx9ZV7CQqFFrekfZuKnt1RSXplWHS8w43n8lsfsVINbCLBBJW6oKasPoOadDjk+M8kb1uZBIeWbRbBxArjQ8jyLC5Ues/YfXkyKCbIG8RWe4ChB+jDflhAn87myhT9Ft3k4rR/D0foq6hrjOyIeWG21Z/0wgwRSIfyQXCZLDttLRTC3PCj+eU3949ETTp4lEG2a5bT4oYgoe/IrqcFkJw57BUYdrPzLUQTkGG+kFLZbDBzuMEMi7M8TvzqYGYvMe0n7vp8AsuqUx5LUVr3rsDGrd1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HfvZBw3SmOsCxS7vcOogtR8Ve0O44N89gbIT/luUP1w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "80vpzph6//86rIfSfpv2PT3Xr+VpXCIvJn9rbVv/77PgEmap4LbrPVPZ52tW1r4Beyvg+c2kzf6Ig3D6Nq4gpszorKFGJENSNTTYIo7bqXOChK15ulGBQ+hIsmLmLPGux/w9/xF9WRmGnfk4096tutGY+tlzmGdDGV4Tr1d7lXM4h9AvNJqLAJLE5DCw3VVEbYPnqnqTSAaAHI33LcUtk4rmJwHrFdNC6PmqmMryONbeZZHEQt4lPUrFJjmC15e3G0fRCYveSwFlc6uYfppj6/KX25umUM3M6hk2K6P9h2nDGRR8IwHDXmN88C4VpKPIL58DFuztZjLrPZURcBasRt7c5dsYApDhbMZpbiHbBATIPO3wGSpcQBnB55xpadh4u+jPKsGPD4moJhWRHiAPYKxUcH5BHGUa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Hh3n+89TtYj+mId8KtC25lVSEN4qQAbz9Euopi3DmfE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JUX511d2aRgFGyqrahjx/Q4U/h38/8XlhOAk2ydQ40iayDnooBewJL0J1/EHnao6K0eEKtnih+5IfEgtQxAOy3yj1cNMWPq/fA9sdbuhg9Nm3cVV/b6UB78BUIYUF4zOMunfJqM9M4tmhfhWKh/uOE3/aLHwWweUsTiRnREXXZUFlijG6dSsaw3liJJfUPr+Otn2UddY8bT56uhDjwwup0n5iDMDOPeHHnmziBANloKyPa3KSjRhNCZ5vVEOF9Ys0mTlC59WWQTHw1O+CAqFcUxAcZqsq59jpD76dTF1pUnpCBhjSjrEqnMef8RG10bA77BtZB6ciI2g+4O7XNMCQ5e6VqWiiUrq1m/FWDF68kwUAlqEvw4do4cKfAwNvvuQc6YInBQ81iaGU155vmXujXds1n6tsI4L",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HiFQdixfhBiSj+zZZ6XeGD8+AcurlGEorkCmj0w1nw4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L/KpuIrl+La4TrOCKmEx9t56/JOOCpTjCtf7drhVrUWLZAbqBPYDvx2m1uzSfVRLzWF/EuBBYaEwhmZwDX9cKqWlv2mSLQAXKgK8kwNLIKcuMvci0QFzs3FwLKM9My3vKCzv7dZCMuuxRhY0lz/RKmSzIXVVmCj/D5Ii17KD7Qr3zhynAoAKSmdVjkK3BWhyZh2sQOCJ2ioJMUBu7OH8i9yxiCx6UVIBG0dM/eHA0Hm4JKat2axN26fturkvaopvEWhY/KosqjDxfcyEvdi0RPRWRKFpiVPc5Fo5r1fSxSAutIao2tXsNVWphf9Pnj7NAw3AG+XkDvgyMWuXqyVZ87zEJ/G5aV+po1fvVUgkyQJY4Xyo159I95iEtPCF7BCVInVQnmnKU57Cv6ArbLgAAY4YQZJCRgZN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Hj3PV+bn79gKkslvWAgKS/xIJlNJISRVPxmwCruXnXU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CQ9bDUMgAGe8VR2FOLhcPWs9cozEMF/7KhDHSFm0fWsQ6x5aEqCd4+vd8nBTTrYNX+F243ZCK3a1mhNQCr3C8PDoV0vAhMjXR3lrnYMTfJ7Z8LAvq6i5JzXfW5RhR302AQ/mzwt+rVp5LH9NFCWkp4t2t9M7YLU7Ad+Xc634yzvwKWQYS0mM6AvJ5uPXCWQi35MrdmMzV0DXgaEuitOr4sKE5PzESlRt1Xx8pWZeilumM6vuCDf6KPXyQlbjG+nUx0w/lQMqCaoYNLiQfLHIOWdqc3yarg72pF4zkwvpC+w++Ha7Ogjd5jORrSThvSrglQVN4s86RTEZ3ntTxJhmdTdfjK2Fw54aKDzI9vTckAEYNknwfzpQPmOp79AAy/iqlxv23ZTCvg6/wi2jH1drtAZ46Zo5TIt7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HjYrPpsgVFSvc9VOop70U1yYBm8AG3pH0auLeNlfgdw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "q6CEhloRFkCEvdp1DwGabZpUi9znAPPPPc1XCoM+kRP1Km+wShvY+Wm2V6Efce6VuNiZ/EvDBBncR91/bq8dHzvIpEAJn2Pokp0YvUTV5kP2CaYSmu5Mz8anpd+v4YoQvoV/DLTdWP4J5l9N2g49aFCQZRWyJVL7mf1Zb6rXaiUQbjYKEKzylWoDSJD6ZbTlXO0/X5hp/OvwGv4pxYoS2dgtwFm+aqmJpsA6ioqB96U10AO40DOlbrkEfcfMXwuZscTs1sTUFoi8m4Xz069GY6LEQVT98IcrVnFspxjFoRQjDUASUhGAC82WioV7dY7JdZLsHQOrT8Sc7pdBciZqOkwAZ3XBAH4mHhTcTnTwWXj9XqLJ0SpI9y8sxU6/RuKkJcvyVSUCJmjeSgOAiGpETduAjXBaLAPc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HjoynD0CajX7seZr2VGG/TgIDBgecw1BnG7I7UpOxyE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "evL3gy5wBqIPqmSdALtKi73HIbGeMSvpo81IBgL9YpAvOZ0bk7VhQsrF7OWTXdzXl+GqpwSWjMuFLZXRktGvmgl/NGWZqViZEo369k1VI+HPObXI9OHgD6uQCbOsJYV3kLyE6xFzfhul2xYOLJJEGyEhzNxHOakxGkArhsHzuXydPmtUHwh+mKKVsyPfrggyY+hrBpgoROdeUIc4voy2O+yduGsEacyN20COzVsYIujpAgQdrkzFjpUpfbpkDwzMURxwMqRxSPSLDxLR9nClDL/X/a1BdnEhSbkg03QiPjpG6L4WYApOLeurxXm5uJvRH3ZrR3DIV3j1yPSSOEb2ByxOrdCKdXKf5t03HnXwAwKkNh8TmhQbqpOoB7xSTcacVLnKlqvvA2kwwo5m4Ai96kI8fzrQpnIM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HkWfOQayd3J+ag6qt7C/qMhFOIsJxFmZ4D4L0iyELg8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lzKn28oCtso1DM16ZygOrQaef21YHN4vTADn47BGxH+FX66tPnxOFEHuwFkfwQYvt9T171yXLYf5UeKYPNiB4xQegbfLBgEtdBB7lgC///CABVf1ZgYxkMkXgaeynAmw3jyfsYJC9Vn68Xg5tfb9mk62Z/Z2qN5LxmkbBz1s141NEV1yokA/q4sknNZzBwlWi6+wHmXcEjYktNkaDdHCjceOSVRNRjs90gyjvaMNvafenCf4OwKo6AHsrivIlLFUMRH1trL4qmfA7cQt5BYj42iOvE7Ny0e/FRoBJ7pJckMsKqdlFLMhZFk+GC4auEZoo4ETklkImovz2ohsyIYHmCrAdI+QVTQhEbwv68PH7lu8fg9GPQCRXJc1XtzBcBa8tklJMr7EMdJMnrP2iUpSUrNKLZ7uQbF9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HkvCX5qk+dmyLtfqv5K/vCPi+ZjYfmWh57YpATvuKIk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YHDIDs8G9RGcCD70gybs+mssr45nqRoLGmKkxG5A4rPFa3I8zwo/7LN6zwXbp20HIiUXiZzg06VIvb9lqkxwOa+NXGyzTnHrrXr1pra09f+fahmiVH+UWUvXqX5Q6MabqIjEpoLum9j1Nh9SDKf9d4U6EZ4W4XxBOyeZOS2AH88xGlSdKykJHFZDcrDt7ZD51NzW+H9lV0iYcKq9S8IzSQ2/OFv+MnWj3sK4p8eMc4+eSXvoViVHnuOGIos+qI4T4zIviuC6SEJ6Ym5BI3pJH2njLmEjy+klkAIrKQqKNC8lubcDruwSYlQ0hW7URz5X7+lCVl8WPwYLMpJVMuJU4hJODg5EyenFTyflVAEAmTVyN1IOuYVSJdhc9ZzVX0vCsTici1Z3tOc9R5UoSTBCfNQYM0RI8Xjk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Hm/Env1Z5tMDfoQIeXijxQCMG1ZZx6tLaK4gyaZmQt4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UZraFbeoLMOmNpVnguf0TSevCPKH/R9hfcL5iWEKPlWE/exbRxRlN+24nZaid1VMlAino8GZmvb+cpdXmgtt56VuLJz3SGsT/WP9Rs044VUpXcwlMJlHhdBmy5XxZ3RWYQsZl2/yoGl2vji+eeoNGacDmTXtn/TiWlXNcYWd9e59TMajeExUXRF+mvbpjjsP8wo/2LkzQUpUMHVcd0mMIx080vm8wJD4drJHQMpMAY9vajXeC88hN4uES+5a0DAJKK9p3MS400A5U8LRuweTby1jbb1dVlvqbbKUEHo0+5keivW4bx54qgDSVPCao9UCub5Bmd3Wzo5Cq2NcLiGJpy3dr11i3LtBk4syO+gVYZ47eUfjWa9u8heXhFYpPlcIChi+wXQ3tcF71eOZ1YlabaHDrGAbG0/i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Hm7Tec5/i2leU+j8qbO+aPpiir/g39Im5u4UOHwq6ic",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aTTSADMVaUfDe99SywlBNbXZQxJRaFpL8WHFsvEB/5c5UhpyVMDn3rLbq9ifHEVMBJuBXWR4kqtuzHknclnFB9A1ZoHGuRp23Hnn5rPTNba0gNBrIVptZap3Gw9l5d2dZRXj+5obQPRExDgWLBqrMJkuiKiRsNB3URiVJEXOqdzz9W2EwapHXUwBA8nsMMc8b4aiK6mWmycRZelKP8KT2nVwUV4bLnfw5aM1u3GEnTZjJQxC7OZAD7cyAjiHRD3XjKORoqW2SIKd03dp/zS+MlER1g+8uMgH1/eOe68Do3MCQ88Phkq1nBQ5N8G21n958u01V/udbGXyV6lZReNJSIdDzDPJvCaoKFHTSBm1VbewXUHGw7EYBtkF4Y8oh8fyPndrKcEGYa9i85AMmmZpTYZUvQaK1bz9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HnviO0a/i/RKpfHgwRd0kgrYFzZrMCLOwGS4aJP17fA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6CGGlsMMSJgalSmldnUL/wJdIPkVCTKlA3lzxFholp/ixXpvm9yqDSDcfBXT9XFO9FtfvYiL7XieBd5uedZRsGq7gh1PavAtIlULmN66SSFVFZk7JxokNLkKQg01Sy+LsHCfXrzQIi6huEG6qBcC7mt2fO5VT8+8S7vzcJAEoAY6maAFq6X7WQwRUyzh4MI29hq09bjDrbB0kuUxPiEDcVpeJKEo6NVEFto+c+WzzBBx9F8Rd4yhoB6kK1Qz7Sn8Qk17cP+O4Mq86TzppzIVk6hdnjEpMPHtnwjmttk39Q8tjIWk62OlhvaJ4q0LBT0gsceyMyz37KwHwZliVfZx0SbJUmBtF/NjjTsUbCLEl20siF0QXwmVIto7HiEdsjjkahn4QMwatkFtUpYVUkoPGUk0FmpTfWdA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HqHfOSs7zMBHoZav4SdAAREgp62QDkLJvBUYLN1Ofnk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F1SyaDQZQTbW0YUgCcuCAGRegSnChh80LZ0L40cFIr8SoHeDfdwDIj+w7WH8dsFoxIFvlroaKWnf6R3LDd81P73Cmkoq6skhSRXy1dEnjBAh1Xb0iYdV0D3wZrBE4bN0rdYIB7ZZaMXZSHczYb2xL/vx/lgDUG+Jr9zMuT70poDF+PDZjgTVfNMaJ3Mo40BpQSYA72jA1JCYTnjBXeFJq0CikemrtdpFavRJOZhAigqyGK/GaSxyhzgPqnrR3VrIjB6U9lLtB6YuPmg6uZHI3ppH+1AmxSj9W+t2siArfTEga/zneS5XD3K35//9ZQiG5XFRyb1iYxYVh9v2M69ksHoeTjww9oQ9CWFnBYIMz/Fn+5+ZCFu2xSgJW1BPsA7AXcxdOaPr3iYqmAUzEZYa6tN/02kPIxYN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HrHbw/9p8b56Jt5i3sZLhme0+0um2qJycy5dGp5Dqlg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ofEKgJVsfx620avPNHwKgeoCobTD2WhYdyqocgmwY7iKsAg7phsml5odRPeOffIn6EaLwCCFwVv5uYFc+f+cxcO5mBf1GFA8oi0qRwl+8LMu4RdLU74gyfCyMD/p/Y1kNaHWfvBksutETZ71yC+LBh/meiYV/Vyo50IFDmC99W+HWzS5NzmqTjTuAKat7TIvvLlGS8s919n9HjtJwbhAxeBj2y/smPZ51J/bvsxlMg4BDkmWS/5CXw0jyMsQGT+s8I/Pj6yW8cPe3Eo5KPNr/z4DsCWoEW9X2YXAej2iW26aEeKN6KcEdc90OzqPu9obC4HVEXomi3e2J8hgpo9HmWqiz+IOMbOS433fndoNHhxv7hYbl8FGoII4h+AmH4cOJJLaM3oXOZaXhAEupJaG6H0lWbEBPGr6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HsLYVFLmNpKDa75W7tcKmO83hnYuMAsGFVhEWzfR7kI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oFAzDnkBPjpMGgwhhOA7K7s02FBSznj0NDIonldtXcOWRd3uN227Wb6EXblUvfdfCskcRiaG8TrrS8bakfj9/Sce7kMXdqn4j+7zV/N8tCFnKFDAg9FQmGRDSqV0bfx+LA6Eiw/epj10BP4QIHa1LaT9s1OBU2n357jDMIZNLgkTae4VjRGSs9ldc+uTC1JCp9zk2sROdo1/SJgj6BD+P96joMH/Lye+sud41PHHMVNujwo2DBatxEs2fxBQrG3bW1ZDfvF/KiGSv5NA6Uz8OFwWmXz6nam0n+4M06+d3FpQGxzTDnsh/8j2oyLpuDS4+I7j84wqNmUOoOmv5WL94M6riud48MRyAWR14uEbg/uZK48LSgoE7S6R07wPW1Z+fseyrj/SyZM5F4WCKPLdNq9Jy+/9sy3j",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HsW5wE2OIQFWd5HWL1PCIlNijc6nQmCeUG0LEN8Pr+M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ATCNDvHhAF6R7ojYMYhg6mgosdK9Bc3ruj5gw8Y0gPudPaIz/NnyfLzGKQKqsjHwluJ5XvNXJaFjGxJUcwNI8PHGzyoLIXjHhoxdnIizKM9gXO4h9dn3L1FAIPBLReYC0Kh7jmgDV8TT79mlvw1wA5Pwrk2tB3Decwu0/TNVp80BJdhfeZRZJpCDHPzHI3xNqaBjPXhCyihvYUMdptbJIXiUxKa/UiKYZ3tu9cXteQ73ag66Lr7jpXPZbTr5FX+SlO5mZ7tEdEyoWHwfekp0e8rg+nwgKXwBxpFMf1NYFD+uV1KDZ2Ai3l3lxbixc5LgVn2f5uDu3x6xA7aZOc7zVbAKeKKLuCAEKEUUxkiwvE0DkdSV7XfvZ6f3GHqIZjgR8Sr6UFlG9rP+0oGIiWJ8hdOGPzIWFCot",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HtThVaZLx0dxJAUoIIpB349zki2Kf37LpA/IcZobT6A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9k5zuRvj4DIEXbfpwtLO8GforyavBe01HTbrpYdwL+fODKms51nmGnxQBDafucmAZuhddK7eFrV5cSsdOr9UcVNf1yZdRHs/tVXVBLrumS5UH+1Z04vymJ/GBJkTtegSWJ+H/qmcEFoSZVK5x7UQZOryYKIWIechgefSKplKrxoVhPNdOIytoq8wfZNO+/F6CeHz3Kar1YieZ/krI4oMo6K9rpHfXl7YdoCe8LDHMN6OIGM7p3N8ncTBWnAMnlBHLKEEBZMrwov5Gym/qGTSDqSnVa/KEvf+q1ze52tV4mC8nvjnZZJxv0agQsqT/cv9gz6WFGnj3FI+f7jj/z9oFbHnjtl5hEQyj5Y/vjySiuImytIguyUOjU6wYuGtynuSJXb8qh7ahNycB8VlmeaM+KZLhO2oxd56",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HtUAIXNfQudgYHMaoMwTVr6tvBZkTi++vLHK9id/dWo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S9KVu+2bcYziWNXpLkP4LE72xM1VTBRfremHA2KgAUAbXu5M6HbHHwQgBuMgWDx5afCxRCmKgA4dehUvLH+E3I6SJU94zb+MU9oduiOeqmWChH4GjBPSXiBM9b+2pwrUawKVMHL+HnaqKml44wiuZu5atzVzrddEjpzFrV643OvF6aKB0gYWnUrfYs1QdQGh9lOIlHEMS+QuIs+aF2eiX9l/cI++qHG/7YJi1y9c9/DkR9EkhgdqCXR67vc2AvaYaAlIDUKc7+J6P1T7s/4mi6ovltUxoRGO1nBkEH+xgi8AaGmou1Dqah0MwF05JuQvu6SeMacXgE9wmKfJ/rqCSjy+ILKoQj/8LFo1Y05USGDpfyQI6VCUlEHVPmDbsAxvQ15hN5yKhDIQ1P9juIVzgz16LKPaQD1U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HwBJSmeY42lcY1GQwTD+Op0qRtMPxN1i46IEyiozHiI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "u54fUFwUXfNKxe6GLtV3L2uKyLD4dTilrqNWsJrqRszQWrh9lwJSyY38WtJDpur0qhFoG2IVVwyqHA88fjsq43Dvj0K9xKOyJnCEgyJssF4KtxPYFblerooOCbbwgP5sau5kgjOwHjPSXjAr431ZW2ttUwCZ9qVbS142Z0xR3eYzNDtHv/5MZQGIsUHR4XFLWFBi1slfBlcUs02XFKL5YtpvtFYQmkuLagH5IDeZvxU/Cs+21n+OPWPuLtYZGAMm8BwDs4B5uoYPCNEi0Jtsx57Vk3iwDP8IXGBcSFT9x4bPJS/GPVLvCvtqnIdVe3uY4HF9m2bfnBlUrcVaROdIuBryXD6RF3jWxBz4Nt6ptMthymnmUshn+QMxfaqKfpye/Yiyu222U1q/ImihkLChj7r+JIbsA5f8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HyxCSvaYP95PfmEPuSLia6DcX9SfhnB9e5KjYN3C7UA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FWG+hYkWKb406iCaLH3UPJR5JDc6i+FCyE0WDONCPHk114DHkV+oQxGvEcjvIkqYjw+qOUUTHJ2j2y1ndzZDwz1IyVme/L5srAvxuZZgXKb+5OKq0DBgY2jgz8qwmijhULDHj9nbmLkTmpPMw7iD2sU1LqDHTIr6+DJEqNpOVb5Hp53FsEzGyMrgjTAW9kYXUELLaUZcqVK0OaIONIIny7I2iiKIraQRKXJlsCo/m4tsqylmOS8r9FMfhnxbM9pmxHEcGurj25WlB1STdOkLAzUQt7RYF1OnCofJ927PK7zdy9Cmnoc+6Z0+ZpiC0i3zooTIkT82nENfMhhRY3UbTXTfdDk2w7s7UFD7BX/siTO+NiD35/3XWErYIkYVCi5B/0ORxsjs0FeI57rD7OgRqsLeE+qmARkL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "HzJOnJ4JnGBPaHh1vy8QHk2nCvsxsuF4Bza6/PHLK+Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "igR1GKd5nElpdYuFcqp7W1Pj+ZEMnt7cav042ue1Q9WXUbJMVn+rv3K5FtWDM4yf5dvkMEzSqfwrxC4f29yvkbsu7B9Fr4X2jIfZPAvsS1e3ghWI4NzZkBi16+9kFQQvTNAQzS3UKAj9s+KlC/JbD8+0p7xs9Foq9hU8Om6zJ79nhBP/G6MgWzJwzEo3uoGvOXwlTiXB/NspXwbFMsMZhzG/uZvrASBGg1r020aCJt+yJXqx+t7ZPFd0FRiJCmb9PaMQZvIsd4ICzN8AJe9ICtrlJ0FjTkgH2aFZoZ2n8vDJakglkaaB80kBHC9v+qvhesURLFW/KjcvKlplgNjdXyprraMywK4ka91eWODo125vJdDp22ARgcS3CdaUsWMk4NbsuhZphQHDVZvt8dSNuNLbTl8kzpLG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Hzc5yYezorCbRJso5nbCGCIi+74ms9zVxtn8JYT1KW0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c6i2TcuVRmFe0tbwo+un+Zb4AqAlA9XcHx/+lG5czqDJawH2nJRX7+VXpWLQiLcZd3eQeix6UqekN9xWrzvic5sYLPWVuawTTJFyyPf2U4xkqhMPDf35cmrHIbiU9HgR8laRFeSgLvruisGl7RLwU/ydt+VGHnRsK8ozpL9nrBI+SQJsR0+TrAyiUkfa+zqX4UyUaNEJVx0a/yHJyC2snVtDLmPv3Vpilvv22tx/5Sl7d1DltBNO+j2fnr7fFnWmxV7KTX+bQF9vvgFf9Vv14Za1LkNi7cj3EsxLit/Ew3NZ9cAyZMO6vUQ9C3Z5lHY9VQEvpHY/7jDPuL7eJCq5wrHYUI8yo+nW/AZZdqbl1uq2nUrF0XgA+so5zq2ZECXbr74Siei25Zr5z7lVFbAwzR5R7Z5J0v8v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "I++D2pCbq0naLmhg8aqwlyU3oVXwmD3CqsT+boo3VdU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+LiL3xIBfj7lY45bgTBHaNUg6rMymWqb0iDmRxBanfDOuhSKi/eTgR9W8+FQ3iJu2NldxoBkgN0diYwErXMb/5gWvuF4YoiaZzgghjo2Tz6OvHXVdhBu6mIU9un83G/CqylykmtdVmn8xe6YwXVLffd88DJ+AKL7lQUD1uvU7oLbrhdzBmczb3f6GghtKknXdVMjFR6eojK5yNhO4wIDvyVmvrFY8EMdimSCQmNccSCzcFAQEeAp1yW7IRaiv57g21HXdZiKRevHy9EUVEWhQ1muBDKG4Epn6SU7rPziA4s8QjyVpW0psrRFybvIooVndn27IsfihMdHwQwg7Kffly4jlAkAflvdsts1cKxS45hKhy1XJuI5yjsiUlvQY8Zqu/2z3edrHW1XVonOJzPYJ6LLzeU9SoDn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "I/NrBLPAIr1fh3H9Wu3Wu3TKtguM/L5psmHOGDE+QPQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7Zr25LQk+onUbH26GCCtWPYbut3rOuXvBSI3tgqCN4fgEZg+Lf9aoZip+3hpOCIEC+wYYU7JE5vX8cZQHptHLe/CEdWf8gyUPdLEWkKAHYzy3NRDVEDl0d1lHA1qpz5FGiIyxmX7FI1hj6UQOyIqkISwhXGIiqodYw1ukGSeSJmiflb82bwOd8Dps2tCFCJoY8je9KlpS8tclbN6s4BUsRakgtCk0OwoiqevOQ+uSNrYGMdzEO4PAD517m41a5ezveCQxkL5ifp7SlzKkuRUMh2pRUhcZ/GQGAVWeSquXVuc1nK7VoqZPuB3dallB3yRpzTZ7FtU3ZaSGVRprrK99EDcfuYD+ZPQz0FLfCE7916U2uizkvuPpWlgfg6vpXeSxYhZTgWJYxcg1+DLpnumEP063UQ/drIP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "I041DebnbB6YGCmuJBw9RxfxrgOzNhOAq+EBMQabYZA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "to2k9V1tQWPcIpmLSmyF/G15ZTT4gr2rk8+A795KQICBVtUqm1oVXSApOIMWbxSUhMeFHmr/K/KklGoXQjPh2eGbzES/9MpqnYiNGJwtgdv+qE0xFq9Iomlkx5+iG6PcE9XY5QVP08CktP8AKGcI3eWJYgvnxm7v0SSVfO+Cp5t2sGR0+vFvCYHmO2ZHMMNyCZvcom55BmCO8iY/OL6DSKcouSpOyhmJAtWVzZ9nEucBp/Htazkp2VG41Gja/yaDM8nMEN6M2n69QpZFGL1H1KI9P7Ydq5vNWJkldgeg1uO8wh1JD6mZR7Sxn/k97bFR9MHwXMjN52Zx0eDr5nZ7jO7TpVjorsk04yqHi4+tYrHcRPGlPX2y6CDNiOWjsQ1wov6zzVZ+wY8uVFFz+joNCMMdaXNF7kx+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "I1Vm1rC7W0Olj81dH1PF3072ke/dJE7KIBhn5vnhtNo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Kf+WTdMGDr3ZhLfe0AErGpiqSaBbCByqY9mCJg8Js8zQ8kCGvJ0l+YYWM8iAUiG1juU2++8fnDshokWHTkypDX8zp8iPXC1rux60nevld2fBBz+7LakRKg824PphbQUOoT8xBeDa2T70hNL3g5rBNjXHLSJnTzu2jEF9Cf6LjXqh+5IZ0CLyUQr46JAStVq2XX6aax7IR3hUVbE0ZqUjidI+7TLGwZaNr36rEz+d+pWpx2NOA7iOW/HOZiOPh0TOKKGcr6L3nu8rKDzz8unfWyqVxuQZmXru0I9KCqyS1KqFM9mVfet0I5eD1SrVtNQuFD8vK2LiYy1JIoWPgUC/by2r9YiBLwIBrtTNFFrQJ+VgZfiArqPH0HiQ45yd3yg5Z99aj6089CRNYVDeny7OQF9BHvFUV/Q2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "I53z5gCZYVorjph1bhPkQJvnhlDAC0rEnU+8vHBjAc8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZCBkiZlphTluFMd/cUOMtQ5e+5chcmRSeQXqj9ZqMCYKGKiVpwr5x2CVqPNHMgHLikIxpnPLWDaK3MVyGYz3dZPkVm7G6AQr1puRkTVNwDltkCPJrN8cA7d1aYc//78vK6+6GW6uk6rbcm6MsulaWDxJj5HMkcQHjIS2Bo2AeisJvnfqIsKiT2GgtE2l5K83Zx67OYmuPVtGCSy06CDhLO7GrD9/30D3Iq0vbrp7q5c7GNQ84miCW9lczIxw1QSM0twWr7AprDlmQoPBmbfpOeVClE+sb35cUUP1UQq4NVvXsWG5EJ1M6z+uElQOF80C1Ymii6xWDcGnwRo7GRdyLnLx1YbFdl++xpJmBNcEnAbBuRtLjm0Jvl2aucz/3u7EWKoOx84gVREjIHwGe/y6oJjTQKuG0kJS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "I57+indyrNJ7c4qhyQufUZ7poj4FHUDqNZRnipWC+08",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pyMqBjNlRGKCvDjorFzsd8nt4Med/ExCpic5aAKVWSwlgPEZmkZ1pl4D7JhEiNvWxJAAEggDoYUT6CzBmF4sJmQsys1L/6vTGrHJXM49ty2braE4UvoHbASS6PMSt2u6pHtthe3+DxIZb9zqzINlIEOFtyUIEQDise/HuFBDqovemsAwRh6i0g21ezm9zeYeiOLiC9Pk6dK4mnY+GVCP/r9h2xs7mIeeLPx4bxMpI2j/t0bJZN9pp/HpzNibkcxCr1rBpqHPuOsM8jhGYuT7hTzPAkuCJb46jwL2XgIqcaFswXa96Lu1zkUHQ4QpwQ4Agff09+hP6CFqDcmkdO+gBOGx1QoOOQpDtlPHN12/+S+goGFgY9UnN70bNJuRrSygJ354l/dCqOMclfXfCn3JMVxHUvwqUHkC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "I587N+sTCujx3cVA7S5njFEjB8c6u0jwu4cbtIw4bqU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DA4/ccBKS1DYELEfTVBwtWTq8gqbvJ/fI1x/mK/n50DsU5Izu/Z1Q0yCKtLg3isgDY/Qi9AqTkAQmml1ASl7RVmHizE2k4mmhFJfyYS6+OlodHr9yXPRpPMjTyva3OxMOsYJVM0rDUXmff4/76jSdVmvYzrjZjfAx850pmo+sjyDSXtzpHfzHd7+9eMhfG2Dtr1ZlR+fx2ci5C9iU2/ekYrt+qxy8QXKnUNGec816hCLptUmlZDZ4o4p9tUmDF7jFWZo4d83XSixZA0lqoHIHV8gvP1ylJJR0S6mFf2BW5aqpdfupDxFlg7EhblGRJXVGrPt17acfb1pLHIp+nqFKXSd7lXE6lPtfos1+b9jjOAt8Pp69X/S5OUvYtmqlkoRtNgUM9D8lM9l1KAdnlSGM1t3HzuRz8pI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "I62UDycOmXXiKHy8zk4c68J/vLDV3C6tFGFeiHtxdqY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d+pFmzW1Q8H47OSsOtJoDHADHw8nuphLG0k2L55j3vlM20nXF5eaXrAeuxI8y6AYnE70U0XExljIilpJJPb1sFry9SD5Ds+A3vVoiE/vICs44ZgIHYKlezxBsQb/sTVN2XBCodIe9Ln6KfY0879R/n/5MD3k024KYUolmJpvCrfS3KMT5Qyx88zERfcFmaglVPaFGc2Wk+tgGkFdp1s3qrjGravQ9CY0JTB+4Y9s1dUTsl2b0iPsx0hB9mQzsXqz/zonqjwBGKQ0v1Bw3lOVIWSDPSUc5nOx8bYQ4L4D6Nlf3fqZ3tNeDsFDm9a85371iootZQR/Zl/3waXt+jrVDlihjZ1iUeXVfgCwjjqYfVVMxAEdTcY1iVYk7xNzCYjlIYtszC7QELbnY/fOImJ1JU4XhpxXPNKC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "I7D2s8NSx2wcAK0wSLN+PSP1xaVvxUiGHAFAWLL5Ki8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9v375UA2jNM4qTFBBhTDhZJvGIhT3inxCABi/tTSRpG1EflHVkAh1TkIPS8PuSfEXvaK1NuTq59z8OJuM8Xa0iJyPkIggRCXnb4zA8NMuiEcIK0GEjGp/WF60Iv887pErXcIjDYeBz6URuB28Uqyc3wf4w5Mo7lLYpaUR/OruagHZ3oO6dpsmFWF/KPhm2HvWFu77YN8vHlrAAmpq+3H6uOHAg1wHtR1YxaBI3LX6B7OfuhRL8T0am2rijjXQDU87YJFRPJv6oDAMrMBc9Mqgv64zsKCtiNTqotq5ijFJmkirpYXKDuOSetu8aUSFYbmxrZ7nGMRN5hLM2+T8sK+8HHpKYbO9BqUWiD0evO878aSQWHk/TVDOpknhjOEXmbqCPD44PkgjmajqmeGTjzyReBDH1OWeOXq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "I7wXR8ekha68gNWBbEDF2TIZkStTvSuuRVVA0WLv9ac",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/7Z5D+jCHx8bPfzh4OMHBYJSrIQLrtrzmSsfS9ki2LOtJrA6JA2vviqknv06ZGWoUQnp2TI5T4cjoBV0VJM6m1IDVRsGmHV1jACW7xJgYiswdC7vALqlLJEkYxHyEvTmDwvDFJawMPDMVQBg+Wp/TSLzXqFrWuUAlLXY1buPULgu9Q8qBN/YEUaqhBDajeoPSavQjooje9wXEsvro+xNYiznDCJUn9mmah+zSP+QHnHp5CAEYv1pDEMeltDFDXPI7MTwXxSic6S4bh5pmsG5Czsjdw+TTRwy2DAPbKA7+cbBAvlLDvgkxLYVzAEUHJ5pm58VPCcpumJCM0bdyZO3J2SQ4IFnIOns8SuJSRt/wZjSO5aJrk5h1X0hykF3SoFywzSrzwUW5ixqMFcs26fzWMEmMVwg9jaT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "I9IDPuR176SP1dKl5H8ElvPyxQ4XpIibkaELZldvKGY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QdH3n6WoGuIi2KgBGx7gT1Oj0Z4OkyLgpd9ZLyMvdYKNMDKY7uECy90QE7Ro3pcFKIioqGLxYfbLw8mhhf8K6nt153kwn3P1ueZdMlsC1ihlbEsjQTiled/rf+hXKokWXPZVXTWBDODTO6ypz6w60tmHYM7nS6EsPWJmVB9/XE09gTa1uvP5tHQ15CQYl/XpMoPGOcwODUenNUV55tTAQE3lt/TMBVU5/J/H8jgkgTmFejbkJc7D6JM5NBA3+zK20J/ZpIYq6r/9txlCwV7cbSqmsW/znMF9M3JW0Oh/KM3B+b4PPVLCuU14kiqS5OInF6Xf4Dt6bOWk9y0XmAtpZq0ZUTgMByBcp1ENCDMYVAbFLAd01YqMhAsL0BdfoGx5hnDSMXKLadDkK0KenSW/e5JBvXgRujJW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IA/S29TdwN4fXGW0irh9PX3YjJuic47Rl9YlWhLJ+tA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qqpXX5dwWPoLtHKadmTtH9DqhgS7PEdJDfsNhGztcT76hUxmnFQDaLbhIjqGH0Q6w3uXRvAmQn1xHKJW9Dg8EqAFLuHBq9gDuMhO+R9IwdU/soBy28EhQYxFbYM8fx/Bs8fiO7f1WKBs9DM8eFQCZ8J4hU027FF6VMfCu+K+UBAcuVWH2sEGpevQSywoP0NTJzczLLuhXD4TdKbNeyp7tez6IMkSFuoDyKQIwZaIpoUiQOQtTRw7zso2bzQr0uc46CjPH5CxYNMylQ4RWzDB2eWv9oJbGeVbn7ZPcN1rbt8IilpHpp19ETth2g82PoQ5WuPRa5qdoXL3oLgQ0XjPmGuywc8ZZxwhurpDYU3rAWXWt5lwgGSDUDA3KezGvmiflqqjfO0Ij9Y9zpc0EYlwJaLBdL5xkteJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IA11Abd+kMwP1Yv0WjSnEtf4bbWK9c+i2gPF4m2puHM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JsG9R+l5pQubnLIfspk6KG9zv/XC2ha+dZ5Uq+sDFjZ1P4kIbi1EiOO9Eesve/q/m18RSYGCeKEdgRwYx18mE49B55M3a6cEfl+Yo9Dr3FkJV/PJSWNb8IO59ZTDEnB3Fe/6bCCDJDKgKOPfzeHiuSxLHZLYdovs+WuhmI1tcXHzv5vfVDoudEsLLf8MV0306moKsJehpwTpOqi7bGlOTCRe3g4KNPlbbEwarAPnxAlYWUcgO/KLWOmGwbwt6qIJZxWBxLspeQbGexo+/Dfip5hv0W2iKEzEumHwbObIPIgVuS3HT3FywfCwBV6dZLkRn+mdAK6Tm1BIvk5iX1ETKskAzFdBuvatXcT5Ee3B0Pto2TU9ohs5hh0zvkVWH50Ka0eru/WCmcwyttLhp2/JbaCpWJausnHX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IATr1++7MQd7QQRMx2U50Ed1sJP4HMOiNgn9D76Uim4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LsCq6emrRJdUETWBg6pPZfY0n5swY/uHgXZh0yVcQTLBOiH5PLZSqKIL7sg5xlITCtei+DA1wAmCoE/pk8rDCxnNxwp0GxpmhLESxyJJMlXsiYruB1wOIzi7q3da2kpKgIdNmiclDpZRgZlASavXc4GITdXJuyPTe3i3alkzj6rJlnPEzwkGIyEC/TycjpmAQOj3ZVP8x4ZvnSe+tKPYdbBEEVgECBpowjG93y7/4ADOX17o4WyCSRaGGvN5kYmPoF4W4OfZ7V9N3v0naHnazFd54CQfiPwzoEp0SpQ4XIJb77VUWEBDA7Mbgc2r6w3D2VkBkJosgcyuD6sc1K9PorZ9hmeUzUwquqfW8p+EMso9aAZ5flMKp6cbhOjSQCLdMcBE2989p7j3F76yBOG5X/QBzF6q7R1w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IBCrB5tRKwGt1gdu/B1VkBwY4VOavxOXChvWJ9snAGY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bthV2B6IPCIpYAu70hB8+MfGtDPFzwV9WZVk4duPE1LEdJD5aH3YXJkHs6vzcxliA5oZmO2atYR9m1Z/BIDFWZHx7/dsRc5MAbtftkUxkuTNT4NK+UOVWsyKta6UvSTz1P6v/ft0epQyMOE31J0kX/vXOOKYbVMH1Bor5hURuqsHEcyu0fs/2jyWv7mBTmPV3jg6c7yoveIey8NHSXaRrnbsubiPgeG/1TKS+qYGRsyIu4XraiuUKdcnTG580G1jqX6dAuzLHJJa77qxWq9X7XImfzkSqAbWRbBpmrELFuoWNm5PfiSv8g1sWGYi6ypAM5VBvYloKLkuzFd7Rst+jON5T/m2RHEUdetQSXn+DdeoDfrd5y238SNnMe8xaSGNrDKr2a8hIokXOzVBkaQKH6TrxPRtqx50",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ICDW9n09NUJDenaMwbBHWZ6GIduDW+FIA4OscmH/e+Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ssXwgWZ8bCG2Zraf+e+FcMWQsi0Y3p+CJuNEz7YL/c5lEO4ricLWDokCSqgB5WK8pKGSC01J1T2ULBA3wIe6V/VYbpTlqr1JKQP4e9kFfSDCTxiDNH01QS/i1qYIANTP+O4cclTMo8hPFueWE2a6O+UDMQRF+GJDLLPGKqtKVpMC6cGf5ecDk/fpwd+KyZDBU87+G2VN5ne8SqZOeGTbVIdBNm6eiNGd3oY1Ye61RXQfIRnjix9ZxlZ+pCh9fc/f3fdkkMk+7xBh7g1+62Q5zQMrqsThWrukfTwlzPq1ZjzeoN48sFHulRT33pSaLf17xxE6EZGdubzIAJs/G0EvU0FbKiC5HIsOJ60oWBUcVUdt/p4i/AtNqRTuybvCFMhIaGFXKHQIkj6YO54xTwymJBvhD69oDqyB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ICRcGnP1JKVzXlQWUHBSduYvhfcvwj7HW+OEONVkQP4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NT9XSUoosyF7KIx/m3YHXOpIChJj+zglzZNL9AJDqQ9oX/F9MjxoFSPf9A6dqUm9vxaoQFGXCzcph5amwKGX3peBM+vXY7e87CNAoxT7pj6QG+SMniAl1cEQ5pf9dIT/UnfIkDkreUsM1qmk0Vd0t6T757cGgeq05py6G8cBJotGcRn3tglXP+W+uQVSS4/OZkkyB3n5WXJC4e3TfDjlVusWm2Nlp1GIO2Q3evh8J8P0M0l9YdlKCLIHAnj1y980SWyLMY0ZAEqPrtoX++GrHGEOkCl2m2ZKaOKVqMnh53rIPY+hik4zxvXUMqqrb+vAtWWBz5VNlQahTChIsnXACQgVGPp0sAz4UX7KE0nHOkdyqmTDfRnmHn5/fC4dg1KXCW6Ugdu4Hb1LlZPSM3Wg3rjLy8F5Mey/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IDEEj25G5JZoqzEwgh7v0cP7ZBMBgBjh9wKmgp9xjiA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/GhFmh9LMi5Vr9rJY6RWUFib0ABTBKfTxZgV3fr45F2RlY6yCSy417zUCAeUDRMc8l7RB8QiIMGYyvPrI7O+xviOrNnrxtuGt9MQM04xx3QyzXw67tVcXqsFN63oihWIGtjdzaiID0QmFQm1GzCF1V6OeXqTbtb+YdLf85VAUdQU7oT/dwqZzLGQQ/Y2eOC7EeNEg4LgU+5NXoH+dFpeXAanHY+U/byEMM/bHYCLqWjUZwFdMPySNoomfe2Liycp1qi8dQauXOFMlgQkRJtE6ZLaxT9CMZUWRgRDMgHr8zunZ1aPDtGNfXBZsScCwZVRHs3EUWBt+6C6fUKfKN1wx+0x3icHZLVTonVKtjKmMUiCPNv+vqBBT6IUCNYTL8dBHFwG7iR3qvdToQ4S7hsaxQahXywoAmM0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IDavS56jWfTIxZbuQWxtM2km/JfwRUht/EGfvslLxEo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mFvAVdplRBWxlnpqbBXhibGuobbbcblfarzN/Yxk3GZjS/Dd7OJxtoO8V2X91P6NHsuAlrkLTb3oINlMvQuFvvh5ocs/CnzxsYwvGSVlJgbMR7n1WAiKXBDGqUabzHacRo9HvIZRkISRTuLGxVBdPq1ojC7ySV9hzWzPkP+lX8nskV6gq3crePtfBh0gkr77+a2xB+8kedA39J2n5QEaF8zbF44FHaMcIFB2TsdMKiFTGvB+DQL+knfsFKWjbAt2xzA3nllaoCkgIS5yDmMmSJqkBWjo+FbiD1JrhXC487yS2oJkTIghyXClkbkdwovl+y1lnPhNYfxkgXfxacCYT/DCIQKhARIQyWaMHMWmtVg7CA9Y2dsT25YqJQwHjSn0i6ntwLQt8JfYwjzXu+oD99gMZ50w1u4A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IDdYAdHMts+qZciGlziT9tfkHACNVaGuPLytZC7V3/w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Xg6l4iDVyf0wkhperGnReBCQCt2ejtk5Cfo0PlYij/QXnjvDGiW8DNXiB9RyunzOHRkvmleHV9nYbF0kNjG3qTz7Tz9kfZOdX1G+9Wd37bacdFrPW3IQza0yKgeNiSWDY3OhqOpATir+6uxmKQ40x7Q64aGCrkICZORrPBmQglXPyJ2rlSie/+hZfGhyLDteshCmSurvh8P53lgx18Y+lq+jXBEgzKV5DGLYQ4tFiJPn7WVzICxhX8JYV5NoILho1GkYJslwJZ/Q0tO8GWQYtkBOfhwIrO3xyjDrvjfuUJSlv0dx0JJiJF/08L9PmI8di+s844Du6PJN0YTn1ap44jBjnpaCaczNG5dCpsBkYlowrvK9qd51wx7CB/lueqhKyLhBdbxvC2S+wD9g1G+gtpBidBisI/pT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IE3MFWm9cWe5NhSEZSP09AQczu7zcjXUxeFEALrsGeo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TJTJTJ6Nq7DzLwj65EjtF3D1+2prMNzEpR6HAkpvB/+9oJ1UqJAG+XEqEv8/wsGyKcd4GEqV5rmvSust6l7S5kuqhSVbhIzAvCgIUOPPB4pbPy6gLsXGcjM7ytwDCf0E7Re61qtoi3aJ3xeImij0u389Hbfr/BpeOo6yRAq8fPt/+58+9KOn21HfouTHyl0ujWBZkKn8HLYnkvwZ58UShF/9JLKdJWl/MQHNmzdeg3RusDhPs5hwwMuckUfe+QJAv2Pn8z/C/uvKHxocFPvjrMZDAZZzO86OVvDGB1gRaRQBVguH19k50eIDgsRkDaE+u71ok4EuTbeYQA4/1bHaz56mJ063Nqs5sydJsqGKxvksKSywa2E3+OMiMhAEc8rnLRPmt5VS8c/QrSLbjY1HKEqkNH9kxme6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IEeMvMxywEGZOrXenpadXfNKJxmWo/WBc9LD1Ej0vgo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XcKw/ebVJTuKS+yC/C3L8ytjN8whnUdoJOnsvxgP4RcF7nix5uuicw6mopphlOiufmwcVxmEjqWbymPOYuMh+8ucEAywuVjoTBYD/bxpZf43OIHjA2gVIZRznl6TaQ+FF4A3l9A0oTISxdyiGlS7XTt+UhRoWKKrPJ57dAXcvtPPEuX9QgwpAnpsXdsqAAXoEHaW07ZKsEph8w4JDXiBW+Ngd2araERlw2PHtHXMwID2ifMJcf/ngW2Nza74AEGHtupO8ygywHrsPcWCaXNhgIvrVMqqQDiOI5LonqLUGrBWcfZin2a2VQ2kLcmHrVINi7PSeCQgfGP95jLDnTTdOljeC3/4PfJrr8ISVRDM6TWYOXjkVdW+Fj7o4PCjRrdpvCxKQbx3GBJwL+6/Ovuke5BJqSpR6xIl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IEhUR49fWoBO3kmR16ov5YGOzf/Mbt1Pv+E4tA4mh6o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3nAI7MOtjTQpf7BLoEv61U0sfRm2HHHZjRFwQwEr5r8YnqG7BgL5K8xDYPNWAXthdxhR4t1/0aqHsINcUvGsRMByTI/siZnWAIQB/0e/HWMXtte8GL9WUFVSVWP0TCqR/dJMn6ThzJPh6FjGKLgTEkV2kv9VVK9ebWmk5BoA2DqIS6km0GVEDoI6QwRaCNxYO8SFKMoyleuDSEQnXx+YUDVUTols81FMHPQTpJ5CCbflWKirnnn7Tst5D+GtdKg0sKoApuOtnX9e3myE8y8cloe7bDBXuHGXAb4EsGhebVCMMruNFggG1NmtjFKGtACNazg5vo4UJf/4LuHTTiDkBUAqFJXKEmQztq3jThRIbj1Zh35/4HAWsFANE89FFv7Gic4DNcnNOitzWX09s6scMi64Q4ScgvlI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IFx+OgGG4h9z5FcaD2Elf+Pbu1Qnt10qt9UObGtEMaA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SE97qmr1vK3cb64ShXy28qDlhWYpaABwgHQvIdFm+GqpYm67NeLALH++Bo17TA1lNLWlPzQUaobUN7VwljrJQIFiNUNxWuYsIZ+MlZlCb9+gHTuq0v8fBxwlZo7wa9FIQC06fnoFrZa1jPOwnuVR+wMgkjKLXA/zuz542Xx/Vn6r2yQKyQleS+YUZ797skUDyOOksdiXg1ksMFdxnASGx9wKgV4LOEUX79H7M8+v+IL9je8fAAikzexyJ+Eq6KCrdDp8345zrrM5b2JO2d+csahY+cC7ScB4s232w8PAn/QYiETGGQkJvL4edD0xLwz7TkqUoRYKbcLcp1/muafvOIhcIcJehl986H8gCIxCYcbmS+8i08PC4sq0E1hAVJHi0jTUiUtB3oBeI7gReehgsHM35iLa7EQh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IJBVRUO1p9ZVNasKZHuU1xpOuPLsVkyRbm8J/brOa3o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BbNz338TEGumoQIaxj+QEXDzl3Q9OOWR1eZTCjAzbHLckm/z2+EZS3Bk+KNBzEEOnNM0FBje2X1Z/3rcZFDYFuo8GyL8Rnl4fMPdgf6I2drKxqZROC779dP4VGTUwZr28p5GytS8QUjirX5LNJFDTXc2a1x4ALoun/towPpn9eMWFHpLxqiqS/qNVSxi4F2QWr0hN+Q75qerrIDBLQdmBk7TNuuhmJeH3QDvaDHjT6EKRF3bemRraIpDCtOR3ufWpzbzfxHL9d+nQGhTY+3NWph3rwEb57+TuimzeMFaDv7b+oJbC2vzZVgcY69qxb4Dg3WzEtgsd8ZkFIkK9em4HE2LLJuOminwP+QQ3XeTYRHiUyMK7GeMc6x3eb1tOwehpxMuTNUZnCDQwEMQ4pPDFjM/1hQYUqkD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IJwFHu2JRZlsy0OIikM42Ofykwp+DqIqpjPvdcXJ9oA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OB4uaybqxTr0WpnEgupqPHTu0juFtF6qTPz9NvfSZWHykmzewyxuLhROoGTta7jmd3mGX2Bhscs1ChF1YDYkbkjLHeqE8HssgRY2PcivDERyKntI2LhUDO7LWecYVqZYavCr4UF46lt7ymnFiLB+7ZcSU+TyLTaiAvq+PmOu7iqXCBkG127btCe+G4fNsNv2saKuV/jhTpIP289x4xFvMk8VVjQufl5msTvZOcQFrt1zkjm2bshgY8jF/5HzWbagozm0ufvGvTNxgxeCDyIMNDjuUDaIDvC8P2qYZIEgtNTNs5c0elfe+6oognEu9zVhGrW7/1/xv2f4LmHFuvCt9OWNke8XvORGGUTeuz6XQz6akZA5OaraTvUKvVqjiM9KhIFATtgkrdTXlTT1LgC1rFbON5bgege1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IKRIdmf8i3A3jbYcHjE6hdOrD9aKKS7kErM/P1KS/o8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8WReTEU1pqjWe5NHEMFS/2dyD9HBELDVIGXgQMwBG/NHjXNHMYTBt/LHJX9AvjMhNS22WysGomVb3UxuORKUGTd53lqcSSmJmttMf1H9c5nbLyDSCBabYqYxQJGtsuyfNJP7A/wRsTCf+BIepXGiHlAIrBZ3zXITdnPEbPHu4Bj0eVv8hh+PcvQ5wWZxdKm8IWPhrQFBWCh/pugds73gje+t+zfg/UiEsJZE/vywFS9109uoRD7NSi91YZPrhSmCT3ksnXSoJ2lcL7vU4WX7YXvU7/fZG5atkeibsqewN4Pko0Rqec2sr3iTUqPOVaoSRs/xn2wIMoGWTojeQM1yUaTLV3thS6K2Mv6bogF/YGaEdbi7pi7ttEhSmJldTesg7D8t29eTsX5RmZ+Z9t2vo2k5R12szJGK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IMVnTBEtxLu4+jjGa9/0T3peTL8ht4EuOlF3Ec4VoXY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pRAg/hEQn4u1NduNgoTq7QuWb/sRiurCfNJGwes0bLSHkpsTHEWO9218sf0W+9rJ+ABjPFKUPUP5yIORJhoyiSsSGbLdLGQvO8mReMIP8fgL0HKc6TsQalH8sWZnlbx9pziwpqysWDJyND10SmyQh7SEhQrap8J9ACEfD2a36iZ57LTRH8Oc0KdCCP5ExMwyBAABxyWkbgwSIOqR7EVS7vQGWBRhqlmITi/gQ/imG76nfUdvihuxD5GPxffpY5CGA3rxFW+HACaKl7/uZi4Kdn2NHjhCQXN7usH+3pjBjA5DLxk9rX0YlyavhLofygnHQlvUbyOPr7eoj6CzUYswFwrbrzo3RLv4T9TC/2uPga0qhyvb4VkCr7tmuFjsyrMkVh7HsvnkWoQOJNCTwbK+lA7wK5IbhlBS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "INRGu/jOS0wrL+Of8dzbUig8GSuVxXDYUr4opkvoYsY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TjD10zCDP+w3X6mZoUnqOIZu4QGmJwLFQgeXoV3zHxiiRhYs33KpQEpPM2b3WGNwynym6yrraZQDuNJ7x1aU9bQh5sZI+BJoL18HAh4kC5KcDOSfiOiyeCaShBjLwxBFFxwvkrygjeQf1eYcw7rhIhiS9UGzSBV5Rw1g+ptqUEINw4DACWERfOvIWNIV8bRdGkFtIMdRmqnnbFrfB4soWLI5In70JhNtyG9kTplZJJtUPf3/Rs7diDO3CInKoaRGHJQY4RI7hFBtTCECX4GrcqTXzUc6c6d0lqa+K82WuLx19psqgYwYzOIlqga4XKgRrV2QdlO7kSqfRCo0V4vdlAB874anomlSJrEix9wYMJ9z5vGCY7WIrxSNpdjd1aDepFEQWG/UtjUIDvixhSoLRJjmxNXiOckG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IPQYr7aT+87+ezsP0o+Ilm9xx8MO1z9oreCsETV3T6g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RmvaPli8ux02/7aaRGVysgMYl4JvCaGqc+AwtgTFYL/47lZMNTgNXTn2gN6yzMZsE9rBxDzFByALqhzIIuEO8H+DS5hX4L/zmz0DzJj1EbYNwipG71diQOzZrAk0xwXx5WCnOuxq8FyhogmVzaOX8zK8SnooeHCgA2lE+2yLyDE2MYX0PSwOAOWdgQkQqb8BXWPVOHLvguW7a9EAmfiRojUbrhyyvV3v9Bs6flQiXvznu7dRilv7jAamvq41vK1F7rukm/nv4qCSH6n7zIDtoVmJhK2PEh+cF3qFtnpyCbtNmlQIAZlb+WUkO3c7F1fXp6rLONNEvF03BgacYJ+7AtF+YKWxHgb2fRdTUq0kXaiM8QjuNKYtQ6zMwi5IYSlnQ4FEBG+WBPPfLb/Z55zQog0llDlmO5tp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IRCwJ/Jii2rjgjVzVb4kqO3uebm7/Tz0MwoIzkHALQY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hR3T0s3mIKJSeZrpGZOfdlEUaMX6McaynNAx29zJayMOSLiR9NrLTaUA3kmzDQp0wn5KPtpJHufHxWAGgPmx4XRjvGrmFjZtV9oKM23lbPyYtp9uxDirgYODOa+50qpR2CK1cl2ss2yzwq4pcSV1siGysHwMh56OqL2mLwBH5M3leAjoAT64P4PaboNpS0FRwVgv5RcTp5nhTU+JUaWPAdDmXAa4Wc7rLICA/eawfDUwvzQ57DsmZZK4Be1sfKoMtPSc0AmzZ/JT81dysl7j3Zp5rxuCeCODPVkNtjN518toGWZNKtz/jewqApmtIhGi+5SjCs49eM8u49OO0jegh/KlOwxRpNh7icO7l4Ibaxl1oxIXJMhJPGhZYe5DYAZmE1JhG+NBf+c1v939RLFTRz68lhOmYomL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IRV1i6KOk1s4xwpRs4Ns6fFGc419zTUDXGbtIiUqUBM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vNGgUtboKHcNQM8GfMfw5CzB0MDahOCTCEM5kEvpDXz0UehE3BaGJhTVZ214dr9OnytpZUVUdV3rusBkzo2sMSv+2ZnNHewNqqp91GSZxirKBcgGgfE5liFYc6huZXhmqzzo+zLxnqEfTET9ArIJY3NOtrFGquT1elXrmk2XIAqh0AkazD5AEleFVQJvEDJbIYfEry+LJcCXG7YuiyEBcWK+6r0zaO/wtQ7RwaUBzPPrikmoF98CofXHhEh9/Ogy4f5AVFI/TLlT42Kv8tO1udIIFA4QmrOVBoXC29cHgGuT/msbq4K0hgLWlNHUCYIyuFzV0k6QfZvEJf82GVjGH2YJOsTxcv1Kjw10ErNGzPL9HcAfVJLWb62w3M8QL4QyALr8sWNTSTFYnAGEMsuF1YtzCAGuD73C",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IRvEUCoF6Yh1Ztwynhfq+BL/9FRWPeYOYcwS7pYaw0E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YOUQnWn8eY9sCRADlHjXfBQg81ii4RCPR7YdaqKFSzIbw8TIz+yyHXxl6K0ptIVGXFOD1Px2ba/bmQRYsklCm+vFUOjSiHac4+W0NEeglPmmyiih8mg0UybHidadbdmaQBSlgnXFpzHgS8ZdDiyJqidJAg0syWdSr1WEGgUeVYN0F/G9/ekql/UJzUGVDRJqWky98u7Fcq9eBjLCxNXqAAy/ndGhxgrfzUS6eNBVO0zjuu16/SMenSTFiDNUvEkh9w79pkud6XvOmNpqw6qz5mjgXHvRz0KDDay8Xn16MoHs6rBgJN5MlpJLkTWKQodSW3fsVTpkwidoyAvuHyDVwUmWSiq6GfBDHxUIZZG4joKiFt8pVoaQHEI8kPNisTaDiNC93ZSQdDA8EaQ2CeBaPnKZyPWYVsN/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IS8S5Yb+G8qwzeGF94wiITiTibLOBeedkJPoD5SgS3o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KljRcDkcSEyDl6vhUx4ZtT/PMr3Ge2MgqnTOKPie1+i34McE2RDkWvRVSMKwLnj45JO8gt2qhXYBOcdZgD0MUJ637ZB2p+oDlhPF/1VmPUNU2pZK8Y5jmJQlHg/4vRDDDEostzwxPqk4BDw6tzNsaFrA1dwrJPJE1/yBNADIoYgl5hk4GVbEIzLLP7SmSscUOXaXut/O/IcS6nGAoKZUwI+5f521za1W1L8qM7eb7vjmWVg8FutN8iInJE44Cz/cz3xntEhVkcW2cdIc88weOUuwTO+D4ZTlaJG2ENKgRiZUYeyaxapiClqE23I/NNp1BuEj/XOMe9feV8yH6MfwIrOlkDGPqM8JnFvoMj/NuF2oEqVSAVN+N0sQwLMXzzIGB3nRBPzIaLsjeatZYVO7SZLkQynnJM9s",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IVZB18KKYVSeRGIw+ozAyZZlCaWR8plb+ISd9qymHRM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k0Ln0sifD6gPAtrgBZyk2Gbg8gGczLBh1EfibRJmRpNZW0dvYB0aPnXR9Iz9LjEcf9AZBXpnxuSGGZi0m9xK6nI1wwXrXp7gyKSH47eeLqgMpAhTKfF4hLOOHOGeywsQO3oUbMtzy2EedL95vj3nbOzB5roKZF7/TN+REurpYMCpA++rGcQsT3XjOzfP5N7mfCi/0OeUbtdhYx4O17e6taPQF3i5IlDd7PaS+jrtce3HeEFPuH597CHQr/oozT6/7vYy2RRWHV/N4PBj0/V8CuPXU7S7luIVWoQSrpxgjHLb1A/7ZigBST9/K3b+VtpfJNbxpY0pFFBg79R/d9heNgCr9xAVK3/luoIvZZqrCtq97hdVg9BhQWlmv59ZN4zsaWzIC7+5CMcfqNxifygoHcGjKU7qleRJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IWqPOYnNCfUBDOPCkqY3U9DqKT0olb6OJKwnIcpeNQ8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "I5DCJrWbELVsrzM16dfFMIIq+r93qwCFiFv+rLGfjS0TTNLfwSTurodc1bDRwpqWwgqqQ983eh5buaNyYnNBlTOMIUspeJo8p7q5UDRkURyWoU4aT/XEuVKnPNedizICLzEi+xocDm/Yuw321aQ3Uxn0QPRgG2fWrj5aaYh3G7p5D9haaqJRc6NONzRIFBQAhxIqT8lKmc1ikd8M8fC0T0Zlvl62eg2mUaOXLwUNc4b/DkK2+zM0oxsU66XEK2muR3aXMRAcjrXMroaCjZUKiUsAlHLxPNb5ZlqyFlTYbYcXiuc2YOA78HXRLNsp8beyEY+s3dqMPgvLblTy/39bNbURj64ncTTO+jOaUxYlEYUUl8ju1TAm3V4Uy8lxgDEXXiQnKZV/SmS5jKuxwWaL09uIMewxpwDz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IXtnsnf0SQknCYwacBlsBxhcjua8jWa6e91yArbN8mU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kTQUeMIcry/3pvp1FGz1hCOuLBGWZMLNObK2nT00zrB2Lf8wFhFOoU3FZc9cg1UOR9D6iGhnrg+N7xgFjAZk/Hk+wCMwZRZmCE/1NmQyRVAJbRPN0MJootxUT0rmOqRtTaVbDUcN8/p015YE7HD+F9PaZsNPEZpPNrpa0+dockfhDSMlqPgNGjKPRaxh5cRsNehu7gvjHZ19XR6mH8+BUhqVnUAq0AVEBGi++y53g2sMa3iqLxiZnp+aMO9MZarg187GS5agQuXxEYTh2hjm6eElsY2cM1ma9eX30+rsxkz4epToGHvl72sdaDVDzfnUDLMrn04snUYr4WTBpN4MZWT3aaBaK4+j9e1lyrd5DJakMeDHTtApKrIX+hrwr7Nn07dS00c4N3q8uUnL0wL/d7p82yZAHARv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ia4g7WXzUuznnRGDgmV7uvZSIXFbrWgOy6uhdOeBG7Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Kt2brF+pL6IypmgI2Z+RbtNmtO0UcD566XLk9ulVpWItlkh4lKbZ3OfXio4NdD33io4YiyvQU8lkS7ZipY7YZKAwKHAAiAnPkj3zLxEnAyUJocKqJNdNV/+RSu5ew1bAtS6ODtQRCxHgWAAhspRGxEKuPpqGCdkZvlNu70PtghKF9IwFF82UdOdS2rPRN4kea7f1O7GWn4Hn+oVC397K3doVRmNjrAinjRLKLK4Yk46ldW37z6eriTAsRq6htapc5b9P+ZxyQGHrueO1GrqOuiFDnBaKuE+I+vQ94I3UKU1CCnQDIATZmeQeqeZUbkDDr93kXZGyEkfoVRHFlQdM2uizDywvIkkpTyYjar3lulIOwb/Vig80Kd1Utmi9RATNBW9jboPvzwSXI1gzQQNJISUky1WRmc/M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IbC1topX6G80dsal2dYMP52VW1Mt+TXWEK8wRx9oLZY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "86UUu7R5iK5tjX7Z+LOq7fvurIY4aqVI4RbmMNHCBoGwTRMsbujoFIyJ3U9MiENaqjVT0FsfUG0Z6ibbR0PntAEJFr5AsUQtqW6oJ7os/RyELxu8ogvfj6YDF3eUrU9BsZws/MnDvr1iM9dV4V9wbp8mgvJW+srP+SkKz91OHC9eTm+noli6J0c1AjVj6AkrCHJHrZJbFAakp+Pv0OpjSmMMqj7uzPK5zD0sj96+anlT8UWm/Afjv84TcUimgsxAkqlUVK4B+AoXmgPrdcIZdSAoz2T6ECDY1/rwO4Yu3eoO99OhbcarIzLyH+Cn16OqDzxwBMQ4TmP3H/uBYHyTnm0XDBzRY5A/skiv4qAtilPWSiSAQF8fRuepA/vURFSJlmrcat98BjM4Jo+N2FXUeeSN4hWT0JXH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IbVi6v4ff1MUaGnKoxrZ71t79m7NM7M92POs3iU4iR4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Oi1sTB3zEcgjLOd+unFKf6IBVyFatWl2D2+vDDwCVUrQNWC8xfU3PLK7nweYyvDVUo9T5cPpJhm6G8R7KdwYozS0qO1OHFnSsRkCi1yrjlmrEnbcTdvPCCSXtglqLE6jnSc3Ia5/zs/qYSZDnh+IBaN81K9XVzUz++ps5aTsIYkMc3jL0u33DP6loqksFEkADJ44SzzHHadth3QYYZEeoIid/Ln99yRyTgBuo4lGYDE7snIxn1yrYi/OLYmLGX5+GEWEk9H6Zrk4l2TFkxWyfFYsm7cyvAGXmATGfGGHVFvzj+M2pK/5wvxdQleSsz3ncSSuBvZEF7jal6Cu9Kw10Ez9C7NINyepWo3ZbAeO5GmMLcBK3xOqMmW2RufRt0pNTwy8ia31ZYTleQEbXNP4lBNVw5D7RPzF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ic8BYYmGkEN1f5JHDoS1TUpNj/469O7qhv69ruF8GFQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "55SvmUQxcA17H2Q5E1Qd6v+ggiKPwDM0JOEGgHOiDV2Y7qXsXIyp8efsj4xzR6G4dbsUJZ0piTu7m/+F2rEFSt5q6T1pEerU2ziudUJcvGWceSSSYFv7BWeUX/ZZ8Qmi/jzKVxlq3OIvHOaSTXMR6g3SzAfCOU4MK9q6597vhRPR2gOKAlqZlt72cPyIM/Ip4sTSjNN2JK9KPFoIGxEoQwIHDyQibluct5FH2S2ed5sGoVO4FGK39Igl+wNrTJ7mhkRFwtxfyeOl/4KN7BVcotiW6XQenKE42lxJGUcydGIzOTOiNzihqArmIqUxkxuDjgfykgpehe0RSR/iGOLpjUIazQNGgQqXNnJ3/X4OhZI4gh5A0X7SXe/RoyHx1fPwhoEBRgp85uNmvFFAfPRqCHAp7czM/RE2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ic9sKfIsxxQJqTsS9InVC8MXdmh3/x1aGY0Wlg4Nlto",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sp+XWnFHJAOisiFA9L0ox1t7x61BHhfpuRAq7R4np4Vx7hZyuHRi4y08kk2VqD86Mk6d2U1e2tU3+SoqqVrJufBbXDba3ow5tI/rwepFq1iHpNTDrbMyAc4abb8PyuFioQUr2fCmAczxVVFmXJVNglT/gjt4fvQB/SnUCKHkNBWAJNVzDC7R4b7cG1me/h1XgcAqwTYLDqaVuidzDJ0bT6hWkHjx/BrBs362ZkfajXRi0OlJ9SmIqA1PKrS+8vfVdXPJFrCPJewUjWwkqRuPnZrSN7dCkbxad2nhfwIv60z3GDDV2KnpxmfgPyMkg3L3/1QTmT6Sw987tObTxu3fCyqrroI9O7Z2x3tpwNB89kj+nCxW3w8GtH1B4tvvA7viTKvjoK2qGxgxy3Abo52mDJ/1+omM7F/Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IclDhIHcoluyRNNLc14WYL7n+f4w/QEAv9EYRUMyE/A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kPOXNy5dG+52T7cQJhjXVP6kK7FepyLrarkj+wN1lHpPLeQL4MqWxw9rkDyofZXM+a11Kloozxc3t3eEUWqtqsjyGIEqvmxZyIY983kslEoUE/8GA0bwYKOg60ayO+/cdUDCt78bkTI5bmfeyXBvNheGYUjAWce0/OOd9opmCE0fgaXuSyu4x/UyVBuKXDQ9Vkseel5NFFhvuCeXiUoE8DXjOFomvQuZOTZu5Mdcgit/1B0yCUMWjovh+8aOjzejeUtq1MEuDDqCvFnxYPlUhJjElRc2IPDuWF2iEsb9wyJ1WWioIOdQontAtWX5asWjvRVdAUNm1ypcI8wq3fNo8s8PqKKwM8a8FQ9e4oOzoW3aAaH44/dHBmwL+RBCsAB2GVE+m1a6gG23nLevORaoPkbarSVjuTuW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IdRsDbZZ770HaWpAGbPmKi2tf+RfueTE8G/PyUvhe3Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/l1TPUPjywpxx6gAKUOlJR+9zpc5HzOaIyRPNAkdAQy/uEUeCwUDhhihHo0ChOxkCv1a/ObXGK9O2z8f0XuiejdSZ3gstvuJXIyw6y/KzK37tnZDfz5419nY4Qd9OSzCoxNR3cWnjZVJVLipQNrcyeP3pCPjWHreQ1l1qJhHd0EzQ77Hdwn+TGlV/K3NTqFs5wnNQ8MS1UDZFJEVl8dlbg8tIyql02TxULgzsRn4UFG6JwvgBVU8rK2g2bt/BOR/JtXrQYgIclIDt4wj0nEFbTcX+1HLa06zKZtN8v7WbLxhCIDcDF5FLoZ4t7kBZc+/+rNQ9ulV0BfX3OaOO2u/ecNbYJeebCXe5Ol592FCS4AO5DwXzL25PQC7UXwadr8kbg44rE7Z4lS54760YdSWM+HBEg0RrJe0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Iey88t888Ik0iAVVQlt4G5BCcs4VjVYqrpHd7W5qo8k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PNW3TLgoqKvQOv2J9XYTKVDWVEub33qLcOaNajF1fm9xKq7kfTQzz9t4R/HLRMij0zm+cXHtPuyTpahCy0NIyVOcem3+zWuijawggZzhilw4QiH9i5N1xCDcmhXkN6TFkoWA0oxnY7snnL8pmRx2lF9iPc01J4WWTFxy1PQFCWwSdTrRKXOg/MKjpcm4Qtru37qwow4YQZu5RzYPbVwkhSqxWjMkc5h4kUmBfSnSIPhLfHXG8Y3N2uDLkadFQGIgMhiJXKE5/ubyc9XQKW8SLeJedgiDQGo/lbhG1Ms6XlGobmyrSJf205N0eVjd/O7yBJ9jLWU0LkGtHrYOi+u0zCHIXYA029AucQ/NVKtA3A42h+iS2eV5AmnWueynUt2CWHNJtO3PXG5pTiR9SsSussZj/VLdUzmC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "If602FpwQyCDXpFfmjWgOIbslmTKIUGP+TzAfPI1yKs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HlLZRDMF3qiOl8SDRDD/nTzEYfL/3lBfW0IYlFcQRV4VrRJNyJDK6nKl9v0yLjfTQ8n6/xFU6mRtq/WeKgR0u6DhdwKQp+vpq6UrJ/DhmzQYVW3I4KW2k/vUcAWSj6PBeoJ7q41/b7InmQ5LuG5PZE2ft4hkbOeao9MYTr0zOnLLzDg7EjpM7khzNcAWbZPIQF6x1V7h10D6NzCt+wV0ePmhBlkAuno+bIXUHvYxe5wlwteBXRLbcyl9x4iB9XFwPGAod6TpUT0m0TNXEsWPwrRI4POHBMCl/8GHzpAdEi2y2l4sCpY4IJo7Gm/JmLfk+WYdDc8QDjiww90j2xuyX4cLghCB2Oe5NX9x8dvOuGDe3iWHyTHrf0365GsSdQLJSUsdABmzUj/4CDURfBN0IHMv14munEna",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IfaxPyL9+zCGFdMiGpM9Xh1DJ3ZSZZRL+Apj2ENJzYs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qmrMvACMimrZp2xvIGznYa64gQ27PVGzhLrXDmuqIcnJmoYGiXzbuhVrQeKZs/H7YmTsHocMN16QQgRcJN2So3gEpeOJ/cr96+vvD2XUJoVG5oH9oIj41LaSfgUljZwdOQnqHm6LoitaLkRQ0/G1PuRQTYqKgq11mzXg45BUVOeRMKLMmRXhXVWnYYMr/p+skWsM5wB3IGvMipRRjyarEdliAakAwAjBYXGS3RjM05naI4kdhZZM0Dh+DWbgpjurw/vHsjHFOgOdFyb8APJ9+qmaht5fIEWjYKZROmmQztWTjlXLptd7xOI0QJ4Ot+GOYjI/PUyUXW13RDDzb8uqxipyCF9reN8R2IrwL74SkaC41db583F6SwR0GaR9WFd+xzlUD5i4UyptV3VhES10sKYk8idLdJJW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IfvFPMN2U8la8FcGtexKj3Fcz9SUNGvTP2F64kq1K2Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zvmnVNDi9J6XlQzcZMUPTOMF5UZxhCZZ1YCnjKJik4X+X4+FQ/Xf4pv2P9h8BODw5g54D7xzi5fxRpbF+/QU031IyFrMrn1d4UuPy5MRLwBYURWafK7I+yGElqHUH9ICm5lM3FD3g+IkVcT2vWB4zfjlNoRZOOTbL6YVT4LTXtQY8xPvYjulKRz3m/E4lzWL35Ab16xgZD3tzU36DS2Y/HIv5rmqEOIJYdM8W3qi1azObXug+RpArToPXkctKB0tIYmKzEZ3TEqBmEbM4fXNs9xcYG8644hp2n4+f0tQo4aZ1UOyYM40vwoQVSkP3KGG9KpaiWVxmg5Fr40K6R47JwzOuz4S8HhUgUDY19PHEvrhmWzxVuM/Vh8QtLY5ojVDAPxrtO7Y/80RjaF3xRdI5IsS+/+sBhE1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IhK+OCPtAImLQH0eK7L079k1wZgJfapKJiU5A1ZWvZY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SgVez+QNR2inMW2LOp4GPW/cFOLrtbaRTe2BerTIrt3YbIHd0VXYuu3gqnYq8u3a58xuTyTHikMdIAWj+2SCDQzxlPlk+Ne4yWNm5cjftk5/esfuSmdoHf4Gy5YSH/3YxGrHHBwUJ9QGLquwFlF10K6w6XNonxNO4UxGHouXxh/btvuE61ucA3SzJzeKQysgZuNcQoSmJo18jzUh9v3n4388DZ0qLtnjtBlf6mva2+P0q9zg/48dFUENHY/OXSNd9iYbgNfwyxcUR0zX++d+qJn3QvinG4J5CnH4gcereBlcAjsUOAXEBwH2SIS7m+i8P3k/ZgkEYRJiMykHPJzl8Jr2Qwirgqafj+Rsneu+6+z7ilnf61zwDKTHOdHdwqRmBrz8C5vpqN5yFAeNpL3joiEspmhz2GjM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IhOWQatOChAIWVt1mKQI4V05g9sfa6nxHVVb2Z0VjX8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m0aBpdu6Ulen36SnEMZP/a5vWkNJ4mC8gJhXH7EqVNT9SMmvkOrZELK+sZTtiPrqTnoX+GMZz16N/9QiBHna+MngLI2ZJQt8SnoWYr3bJJFcMrJqeywtFTE5gZeMAxF80kxz6KTzGj289h33nrLHoHeTAFNEl8w2VCcemtIuvZR9GU30udoOSrA+uE472shHFvlmlM7gaYIQUzMFJtcrNS74skGOEKWufNe7umlNV/qlGGFeB6KawBSEzjRLGv2aJ9KDabo/OweOLu8oAiiIM5adJy0MTgn4AVj/Rg1IxiY+ta3J/oQtwmt7r10IeIEx3tfZae5blKWouIX1l73oyWV4GbUJG+C9rO7ubkcKfKrbNC8D0YJdc11h+OTD5n1kNZHso6oasFjo1ciKBLhOw6R0yTFsZcYA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IhZbqXyoKIzQixLcSarGqvw5GXVGmMUpYgVdLL61CFs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kMYW/Ws3i1rTAA9fx62VQH7+10TjCJL6UJgNZcgCuGYhy6nn7GlR06t7pJa5eOHuLaeBRnjKN1+FWg+hcH1uEeN4fjNNvnkW3yw9l/u2PEu+02R0owksTkVcAVymjMbjS1pl9o/uXUGGM6vJEseccgq3yajnC8PaNZ7yCL2E7NmyG7ZnFHx71SY8hxChLZr+nly4WQxhS21ImW3PYyZGA2qQp9iKKy6r7Jwqw9OVLTNVC+n8d6E0MDGVwEhk0a0QnBgkjfEKFIs/SDvdZWVra5iMKWmxBwBBC4bGpK306PFyLQPplOiN5wIT7NHbFl+MrS84bYsZ3QdYey/dYMJj0TM0xjF2kX8O/2fflFwLsUZLZPkn7sdbelME5+GUXZJRZeCwjBue2+84GI8CiLzVwkLufp4Hofi1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IhnnYbK7hOuCaNsc28a6BwKEth4egYlxhLFnRUEV0x8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Znt1xx9mO0Lb59Za/aAxBkl3osTc33WGW3EW1aL/WhSZWnBe5iVV25RgcV/XcuUReQ+YJFsgh357HIXp6lbLTXLNeKXHlfEvj7HcLUZjTMdEWZi6wStfzDtPI95r5KrxWb+ibzkpiZfdnXYuCpnevRhNZmLvt8m97JYmUvcrdG14Pr+aXN9lqVsN9Kg6dbLvGrrkItwcmjJxH2tRiNOBgBDbihr/LqE8pge66RWBOpEwWhfNx6N0SKkzGem0Oq3ZPNwlpRE85gItp8zk4Ds0THbWF8qRgHq38xQXQnQwI2E76ff9+6seqTX98v+Iv7YH1Qb4tvJGsQGf/t59loPc3btEgOXhtD41QJCiBG51wpz5nNbf7zokSHWltBEj1MPoNYMGlqlK/klvqr7XEyIJmq2G841Jp0k/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IiQVuq5y4KRx99B0pvbI4CC68ma4bEbifT0o0sPzWWs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nzEvdnVjWkn8DgEWIwhYt1iQpqIsIwldOKt3zecjo5G9qUB+Xus8qGoVX6VbTkQjv8Hlcr4kQtMjBQe5/yoTES/MBVArGZabRiveE1vFt//ch4dNFd+QGB9qx91CcQOGqxx/wFBCv+gDOOzqE2ADDm8YRvEkz1/7Mg6mFr7A78poCOEh8/aEhE9HkcTZ/jnmNWfNlu5EOqOuZL8nd1ZX2B7r6mvHURh01FtgZP2N6mTv7G9ZbR25Zawojyr3QoNpqls4vpJvvwStymEzuLGxoKbNQR6a36exD/ci4p+DMw1VAmwxQKTN7yTKHWXqftUrozPYMDFtvfbhnPo8o6/9n7E+UdS5VfdbxCxDUygwnXTU/kloq1DIxH+XwhSPHVlqVj0ev1M4LLzO9UDnkO5kRMJmUq27VVxW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Iio6wrGc9hr067iWPrv/AJFzF/sVtGbzzWd9g48kusk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hyIIgkK809GkMzcPYss2ZhUnOOC0u5gN4nUMPh2tqkB/5kYGLVWpNT2ht0oosCpcquyM3rNYv/9IE1fCsIt1Ua9cl1jsVKVKKzSCnV70gwUUa9JGlbs/yoxxIrD/pBs7qhjRv/sKJ2prfLlDsN5JyUx3En74EKvASdpLh46rq39BYZXYlXqdCr3rnBF2yEXmbpNOWR7bA6dhM3Bk4c3Ou7Sop9wZJoae+X5FkhdULBjX/aR25hOvsNOasMG6etq4DSvmcS9yu0Tvulfm5LPcIWITAK9YFbK+99IlMi2kBb9UlBX5aifumbEsNQOV2pwjaQLUY78MvaBt+nW6INymC3wJcCzyWrXbSWfAwbkP5TawK5Y9WL5tgty4COOlRcfSD8ks6JCvO+AdSnPNoXrPmJ+q939OqOZ7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IkCkoa/d7kP2WGuzaou7MZv9QgQ4kGlYAP8aoY2nrdQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9e/hOIGIiyLh6mERH6MX26mdnnpmstF01uBrh6+4ifFnWHQ1QGj7pPyFWwZG2qgkNVbc00mcwxVl0k6gA/9uDmxzrvVnn02XjD+B7pVoWf+DpTo5OFIqw9Nf20VfEZtbF5oRmwqbN16dpH0UQoR1vUoj5iZBt7XcwR+ZZTNm0EI3OEjT+bg0RTp+Kdbt1+Zy3JxZzRnHsAykZuVUS9Mo88vk4Qj4ctBOBxbYXppVWI2vkvzaLvYy024ETLMq07EHRBa4YV873QaD3rgkzx5OC2LIxatodWOYDFQe5L8MIVcy1e41oTqYImztBUqCAewIMMidkzyJ7kIEfVDKXOKZCBINO8lmYjnKcheWFg4kx/ycSIacgskQWqm+UWIKb57y6Mw6PEv9duQooD32r2gX1aWWNVPAwwWn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IklPOJIK6vXltwbevmX7+bvkBnsrjrF/hj0ProLdnak",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hWOjsbpwbaEmJM8k9Xg2qNMiPG8L+gpGxlmmUxGLLw4bPZhZxfFUj/SBKKxIAl9WRLNLtr1lhcBGph+1+adtgZ2E+qao0Vd4YwyCT48Vvt7ZhoWIkQnyekWN4KaMMDlye/CMapDzG/odI1ZbzRsdUD8GSoVy45uKEavoPBuGlMr7FWHj7GG+PqFEAmMJWPo5nP/h7NlWfOSNj+PDeG9xuDFHgp0AfnnFt+SQcDOrruTkLmHiwC8Rao5xotoDNpJyKVJ/3HNgRo/ouwFT6ZQ90uQDHTeYh7QOSsJYftL11qWcrQD9Z7Ymu7KF35nrNZoKvgZF+MGkd7h3rtQOINYI20kQcqXmgjYwRn3Xua6E/SUziUtdhO9tcrzIERORNHGG5ugG9GXoe7k7YzOHRvD0qCIVIXptJuEY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Il1DL+2+TVsA3SkVSVl6HB3sxEQDviYFla5xjcqGis8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "I4UqZ8InRqwH/V2pI+te7GZr3/vjYH9Mwt4QB9qlZivieq+ow61BCtPKkH4B5J12BimwHk6q2c4j6TaY43FQ50by3lbiGjoabZqtIGsG8jMPK+Va3fMmHGMHWq7vXKn7T2oSl57FHiOy9CJGOO8H8QcDKc9yGyk4I9iXTT9WRkiBIGKef4Z0UBpxT7yKCXN+1cZj5oKnQD4ryQUKOjyyOpWd/MJReB5vuUED5fEAuv8tHyM0kHB+cS01LllPJpBtSQnXq94LiHEeNiXug68JJlOpB1Yrc7+rDthLeu/t9+Kd5qQblMH8OUp2T+ud8P0nPCGT71Jn1OAvF/jH6S/ePnM/qkj3G1v6bO3laP8HPr8PAFZr6WcqQ0xJOBGT3Mu/pwpZ9uQRK5iJVTu8nrfeZCyKxnNT/dp5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IlP70XCYYLwwxa8sUMdFy+h0meth+ngJrmTRbh+2eg8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ebonntVON/rsukg4+YkR2XvOMpeOz4QwAOO87AtO8Ka1t0h1CrmpZOwXTTCnnFXjizxo6zRRrEh46foE2zP7dKwjdIoEVK81+LYY7cqlrSW8O9rsIQGFckoE6I+LMOhuKzImq4sSMIS4DnEfmpbUnok78Kwz6y5udysMJtgqcY4+phOKeKErMmy1E2wKa+n4QV1tzNNfHiY/rcQorECG1SZ/Eupcuq17UvsUgJflWzq4L6e7dGyvDAZC/QyAmiDkQD2LeiHZmtNJAvQ0IGSXLAi2ZxbztyU8hu+Dyl4pYt5Q0RhAgXDHRkYdh6rLmjSlUM8uJSGnsTuZh2J78/8dL7zcKsosqfN1PZtLvRWEEpBEDcHuzbcVTiCn2XCm+8nHoaZn+ZJLrj0UIxcRpsQsj8xjLRpoxQM7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Im/qj6gJfdtu+b/mitxKoXp4IWiXcJKcZvi7OvdYILM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T0PukxVKC7p5rYj4f9Ll1kKhKJTXBJi6ilLW0homfeWwPx4HpbEwmhHj0Fs1cEOVLKODPX0PRDzKhuEw7nMPnRjjqwd/qGw4YN3tOHmg8/9XafKetStc2Fgw6isTvsOWamfhRiplXBcr7B7MtQWRlsUsmCrTZMs3ikve6mb08ucI5Lqe2eFZWi2O3pPxiLQGloFjOvTU6Ll2oO6TWsCh2A4dDRleReHPA1I2RH742ndmbHCbIk401r0nitPJb+HlRCP+zEk5XhzO7oUaQx2SaxTV/vdU292NLJZ+e8cXgdJS44UDHrwPmsgE8cHIKwUlqUEt4J9bhAeAanwtv29JK9AKeP3c1zIlXRdPbbAeiO+MrSbPHuP9iuhW6NWvF/ZprznXvRrOX8YwPhIK03tJhAYu3dXmVErg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Im5Ta5l8Cw06+gvmlRMyDS/6z0Jjb4nPHJmC51bqCHQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kntUDKmlGbbP3STeD/YNYptbKbcTVMSopvGEE9giw3zHvpXMr1Rn76XmzUTvsj0zyP5iXJN/xW/wSdzqhreU0xkBmQIFSPIzn+bAEm5ZYFN7bYPbPbmRM0zqHoHLRJRXEe0EKr0pFo42h1ZW9FKR3VH1w16Kzaw3u3s3gv3f+sgKbmyZE7ZQL1fb2Y81ocaMzh/tDdIJhJxJ5Q7swJEjyRpVv6+nlc1wJJ2MWsMHrTzSfyxmpGmeVUVdtjShW5Tg8a2GfxYIbJtNwD6VB4uQ9ZN38YQMM34NxrrWAmpfdHWytQTxZzCtQefNVnuS2k0+/LE7cuVvE7Pdz5DMu/ZGSTaU8a4ElyRY5tTBcBRFVN7p9/0g6ilBuDpNwu1szVNgt94ezGDfZxlJgDu0ryAfjs6VLSso3C7g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ImpDrMM9PJTOJ9R/DzoIckK1tAsRJqtAxIOM5O8cgK8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QkbHE7PHftY/SzUEdV7g6mHAFqXiBaXIaBKdhp1pYnozGLq80/83B4nGjSy1NdwycaYFgiQAuuKfPJpwNN/vlS4Ko0QvQCk0t7SbPIxCf3y1aZQLT8FVZ3Q2H+Eb1VT30dgOqudUC7f5c59tII6mAhrwYveELS+q3MMl0o7vlIs04vWtA6tlYzsiGupGRZVWo42FBy3qEMbn+TKKyIjTXZ724Pz1x8gg09trsyhmzQyVbgmvhtD4ubkM9SGS1fiQWRuD4CGu4iBEltej+PKB0HMOmFuU1WTT0UjSF5H+CvzmGMuoo8XiMCRc2F7s7Ha93K/ykA28iAPKfLjMwODWZcW2uzyNMjWR4O0ZHcFWsEKzNOWrem7deY7mjkIZG3pNn7ZhZ7P3EkrVXPK8nhBgM2kYgVxhFqAi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IneBNLQfLyQn8yWiH+jTfnwHFenIXhiBeuOShUvzVhE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1aHJB9Mss5p5Apc3zKitLKHrquWjso3MJs1ALBn5dH256Uo8WqTYjCeOOGzaQ6fgSPlUoNA/89dYCYM+G3i/6Ps+NYmTBQR/pKfGkX3VYtUigcfBC97AjalxDziCzpzke+xoLCwYRrKg7ubzvDCmIq1/OvXvMDLGNitrvNzeF+D0sk4x/bUgqKc6aORXF0a7MsHiBsNwWrGeW4sQhn7WNEazWFg6kluMAGQ1Zk1n3T3/6hUjVwPaNIDnyXJwHtgi2aApj/+7waUb7EDJXXWGXLTJO9c+j6BL9E5hnuZwkU9yrFL56DajKBExWB4rnB3XlgsXwb9I1atK1EKQwPap/P4aXzyHZLPzgxZcSUQ/C7ZU5+dfib7cCYh4DnhjBIwUx6QomUQC2ULstMr2jPh4PNK/Ce1LnNqd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IoszRX9g2D+h7Em7JRrEw24Z2WUnXFWwhZxBjbEb0Hg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "04QtTt3IXHpyf4C0dpgKLqsMLLaufX/pAQKGh3PnqRJzeIsLPc4AwbtrkCURmY51yhxwuCfTjGLFWOkBv8k+5cknNssSiEHXojRE87vt7lwKFcK67nEeM88VE98i9TFYfx9u7Y69lgfytJGnm4C4oReQiBvr/Tz6YV/J1HqVQz1S2njpcFIJbv76YOH0AS4dGXrhArjZpV09y6slFd6q9DIjiH+Q+xwNGL1I4bUk8Rno6cBv6BY3IIL58MqEojDyR7YnRPLfHypKp7NkQGmdNToVF7LSVZDXru+ht2EHPXG1N2FJsuwtT3c6jtMfEU0NmyaQU1m2se/CqoqN+VanCdXtnPPoRXvnZWivtkvlSp4dWYqZSKS50nK42sfywjx5qmCmwf/o+XgqU9s7D2Fv5uvAw6grC4LD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ip5CBxyfHp2y5SKxI1fxHBSxPvj9d3mGOjD34ZmQlBo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QIWX8ER2d+TojBXIyEVAGaQOUi8zQt9yL2TjjeYWSuVqm1oZhNFETPgmb/kJ9cCR4Rbp0OliRvWeqjvh1HqmXlAztJB36JG1sjjhZw+KCMaiS78hV35xpxAhJrirTGZ0JKa0DDCcQKXN40hBLfR5IWsWFcNp3wUVxgIzgawjxUdisxdzPIjkDrAuHCM3DPRFm27jV7I3pVZmYblLYR6zyhK2bMrb8AUB5hmCDuiQdel+cDnguW9YIwQtXK3dig+OXsXBW/05Q+VUBR6B7kvOB9p+5C3nnjc8BbIbdmElyfp5RYkgT1ORRQGJUg1MXc9hyOddLtXZEaFVf64fFloSPuGWhrRR2REf2k0q05cLlqC/mxfIyASQZbTZUDW9dvmeELobyTY0f5efC+NPAhAhhUZ25iFL0GSD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IpbBHCl3AEPew3GTVBrKvVYf2nk13Zj1WWl0xOdu4FE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iK1KdxGtbX276fth2aji0WNZsr4vhyElxxc+xyZXPFskFSvKWOkCgSguDrhqffA7Pgz2+0fNnqPn5cOj+zyavf9ITvC2ckm05PCXOdCZKKyrrkKwLQtRtc0EipCM3SxljJnffCdXgfXM3/MiP3zrcaCrFq5qMH0Fe5F0NTDym4MUq8VL0NRJS72TqDfxbG9Qn16xiz+yCrW9dQidapahXtyRnceHAMeW3cx686oi6+bGKwA8H7LkGfsYmXRjDi1pHRTkIwWO+HMyuuLBIvshZcfWCUp4mJKoxLPiu1ltD5dCc4uHLYx7QPjG21qhzHgqgy5VGX40FqxeNneBkf5vUgmI5XvPLCHLCnYBnp8hW4jwwI0jxFOOiw87JSd0P7+AEyMMFckrGM8OUyQpglFgCQHcD9R2rQKk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Iq8hF800piT2chNu+EcEShuWl/fMdrFeJuhVCXvnLwY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TE3cTBqLWDZeS3Ogb/5vUWxkwUqgtU50g/UoKAsD+sthssy+VaE9A+Uc20KIcbNJF8jH9ReildJdTF7rRNdyNiKgAONMQOdg7v4A7ZLQ+anmZXRlOAiz8PfvxxSu0LQayOAXiIZUIsitfKlAUNvbUYRxZc1Zqc/BxhxiLcqerMRDvXEK8bpeKUNc4Vr2PZxcQTp+OAukerJukE3QZFRETAdM5yeQkbFpZQUcp0wa0UQFFHDy+aG47Zz9ghnB36cgEAd//7e3b3ufK44iVJkeUA1UVH/Ka3ySWeb02vAUMq477d/2TxMA29TuT04yDEQgImQptwVo4pJsM+ZSItNPSXT+kAnDit8nMOnfy2IRuRwctJQJSulpnp84P+4QJ4uXwA+mleRKEbOIEFyUxbUI1LHsyAICFtq0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IqL1OiNfSmSlvK9zhHKN8N0jnj/Eo/lC03fpsCUh+RA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ub7gDkVAWjeTN7u2JtCwX5xbRBx5bQJTRRCcRaKSShNpl6s6FSUDit3UbpZE0dZylQML+XH/K+DFMude1Nm0rv7sCM2Fev/yTNhr8KeZZykcDYp1Ps/qiQ+8fNu4qgxIIuF6YAZwhrnloR35+qckAbLk1EZY6c/eBjfQktkeD9kSRdiQDqIiY1/3fb/4zXLB6NfmDFbhybv0L8FRYkXmf9SbyaxBpwmSfeTRkFT058rI2n0Jj38CHJzXHbJnXu58cw7XfsAmaRUnu7DuKVyeNw1Fauo33EkzX9dmWZarAeHU8YYiVAfIkRDKTfFDWm7l6VPXvfeZCh6DLDjBqQsGr2c+p+JypHxnciNZeADQS83pqIjexUkh2foxBnS62hmL8emAu/T6HODSnxgStkOcqFzu5qVBWSgs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Iqkz7VTLugfi2g5hlGp0Xc9l8I8lKcLYlgPJv6jO/hM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eusHj4FZIrGcLngzqQEMljUjOJZREs+7ByrznvIQ6KbnNjw12X8+HwYAhk6B/wZmVRtEu0LbiWJOxH6+hlaxbfW2AmHsJo8PqYjp2sB/qoz7JTjdt/H/31Z8fTJWP1srAImfA0zh4LQ/Qw52big4UO6zqd6W1qn/T+BK0o5e0GkqKTfxG75mNpRO5llJ3CjY9L0gkUq0fiDUauh48DOVpob4bAXlpAzdtW5Y9dO1mge2iGlGQQNMM2Xn1Xv4u1c0Auv91HVB2e+VeT0lgKpwTQUBpdcNILoUs9PAEhRZ2QrhHg3RJIxkBv4ziX4miJOjGx+gdcxAhPUYTAu3b/Yf7++l29ZYCZDQA3+Y8zngusrpdaxBPmNtzlUkmg8P+se1GxYH/2ZVh3dVajg2f/5NyWJYmkbw6Hat",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IqzFrpimvU5hraU4q05wyO4YAneCccYqupHr1b8wiAM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OuEaom2HM3GPjSt/DtdxgWaNnFP7/dzE2GE7ErsJv2na1ekP3OIB7mTpJb9Cgl07oQMPDaBcHAAxHe4BsrjKjsfFd+9YeE6ggFjN7L9yXTKhS4bbjksd5p1+ABmbkYTnGPSYEcFhtOqsEjSJT3ZbPqzCCgxxLTkabPAEk68tbJVFO3sPWCaDK1WC9mAPM/lVCyqhk+HDPj2vt+tmhwypC42RWgYsx9wwDuvlcQYh6U2bS5KBMWT+ijB4lSLKccI9+ByOuAuWJ3R2OXkdiFQdbQBvwMyyw+MQ0pSAISrfztQncviFayS6j+EGo1ImY1QHD7KfYnSLxg5hG3KeQCgIEX1+wZu/FMdJ2CatGn39myhojNPihMHvQQMz7i3RgKHZ0pMCun4rj2Rp4jTyc2tHySfAmBXa9jgv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IrYbvYAN2TEAXdtxGcSzfVpcwD+SfoRkSIR6S+J+5zo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xXETMpBw6THFUWFTi/I6iN/IwhQkbyjrkcRozP5DAd+AUnN3qNX5eG+WQdn5wO0AEhvld5ncW1TBWac3maKfgtKFI9orOPQf5C3hTMiifOkXavioeNaKtSqQPuZn11c+uKMLGg301bEAhKGKAiXEwQ9Tn814n0hoNjw9aUGo7cCwn2leBRVPhkLwsJF6K3pZ04YF5tirxsvq4HZ0jHGi6asYOosysvciPnCS9Bd9H8mprXSnL3MENZg6ZWf/FvA0+LmEUtsWMes0t7qm5X0s/91FjevUeb+R4itv7XLuqvi+M6wuTuBRGPbZKugcONgUQG08o9g0n0MMjOUJWqXLJm+Mc5dffmHAKTdqT7zaCxF7iE6VE+rsrerK4Y1uIjsd5nvbScmg4rw+6DRHYvXLtw4gCGbpiibF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Irj0zZHVCwpStqMbXzaY0q9thyEXcnX6RPtJLNwjU+k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "J88BcY8kX0Xp+g0fPgWWflDnzLOXplN7KOse5l8sdOXZ5cRExlyfKvrq7aVxrcjXyFfvBkH/nVA44ntexTzxAmREmFWj0LhVSE5randCLRaxv4gTuSzdnUygvi/Uc8x+bekW64J2Q4UQ2X9DsdGdr3SjD/szEUKhVOPLxbC80U/FdaT22Q98XelU/P+TZbDVya22ncHBGb+zqyA1IALYZzzfq7UakniiRN7YFYSqvSRl6g7m1j0Dw1lhcqiCp6GD6nNgkQiSzNlKOJgaK1vsYa+xFKudANfZP1m22uhc9ygroRGGvr93IjJu/PKDOgy/Hr0KI/nrF+X/xLZ9LELhW2/aReBo8YRaUjDw8FhR/ba8dJxQyWpikL2XDCiwZp2WSPXRu03jHnKlWgvvDhezAGXsSMqOK79F",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "IsEFnzir5c4ERZPKNCg4iZajmI53HQIQrG9gStf85l0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tNuKmiRFT7alTuQoKFfdDAorkypdqkAj2CvniLrWUpfvIFSjjgISE0Oaf/GmISgr30nWyktQzyXOoVDWPfIa2T66vTW4Ef9OSgwpI3R4y8Re+NgMbZv3vvuYsFZOVe4THfRq6h/49yrs8r4sc42t/zERNPpeUQDaB7v93iO4Sgp30cp4FTjJ6RHi0Y0fezS9HnF7fMryUH6tQlWW83EpFJ9q3qCSAM9DOv4Z0f7Qw3KgMpV90r7Ns9BLDCfQH3ZPaQytPSzBWOuiJS8OuNodAf7mlY94FgI/dBhuGOkpl5N5xaXTe5Y2DnPph2T8B0xOWyzEQYU/wHLEZ9Fu/ey/vCCkHAZPNZDHPV7X369+34gzI+GWF4zm2QWk8eH0xUSDwtsMqGcl4TCoewP11rsYMjKLwOrbC7qj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ItI5FVUpBKSHSENtH5VFk/eYQ3FitC8NdDP+hKNWYLc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uWlWWM7GrAPzwUe7fLwqxKM76886fnw7O2S2jvSw4cuaWWjtMTYHCKRYpww5fvQcBk3eeDE1i5vWq7n0WaDWW/Q+iHlGA+9PPJOGsDNZOSKEfb/1tpOaw9U8Ph4VESaVnNK7o3dOM8GlNcwxLelYo/EcSXb0T1wzVYXjPkOB4O3utwQSY7sgtoaMekbDxzXkXbPlJ2VZZf98/q2zCyonCV8mBIGL6aDLUQ3nanRc41Dc1Jxa0bgsSl2gnSscSsE0AwIJuTJ3z8XxS53a2hWczavu+J7v86PuUlJZwCyQ6mzc/2Gpc6NayIPCQ8yb4k2sOh1gTSynzdDEoFeLVEgcDqs5+Fom2eln6M6LbxgNOyN+6L26m24zjWFGu3XvSJcGZ9oHYtf4werwtsXa+04dT0e1klTC+XG5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Itj7QGxS2038q9RNvs1l1eRMqmlU+VPYNSL5josdQhk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wsd1bDP0X9YhJ+QMFabZCjnNwrar/dCcdyrNS8M0Szcp5ZS5MqdzaSibu49PN7bkcw86q188fBNgbMzcUpuyUMpYiQjUsdq1SyLvYMrnRf7dKNoX0zGA1GpuFKz7ShKDZRHej1iilca9Q4G9tN+CZjNqRSXD71W56rzNqgdu0Lo2bXQrrhn7Gbx+XMp2Pn0rvtI8nYqRb1YBXBCJ0Mk0jYd/uivyiRTZkKY5hN7KN2COa6Urg/xQBwmbRRO/PlBSfCBIXOlRdN8044ftFtwmnaZs5Yr+5O4gZgu4wnirltSjAkMk4nfw96A+hrqXG2uaMefA03pEA2dcsZPaaqskKlvcF6bK3+dWowMigT4COWDYUlCsUT55+sBCYtsgHfB9xlRPCUj4IX9J+o0zzY0CID8d0IYCSdV9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Iu8weMpVz5O5EHs2rzc03UV9ZiBIpY6R0HZCvAQm5JA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TyNE+fexYj7upb6aYgXGvZ37Jm2TnZADBNmIsnGjUFkTTfJO7xrftcwB0sPLKPCCrcSdVu2gv28ebyRdbFsw0P89iwlrLWDNMBvJe9EBgCjoDjddTyv6gaiKH3TnsG4RIxn9SeKOVERUp8tlgs0Hx1KCnC7OJpbBI4bWmhFlH0VH9MfauyyPdb7ekFXPpWf7DyEbQ7yRxqyOKAtv6JymWoMC2NrlN3PYUx7sqCDDDHc2RZ62qrPCLm3u4FWNsZ96zixnug1scZHR8KnTRgDeu484I2qOAIRiPmJey/QAvUHVSw1MZT8gPRycnJfrWjxmotN9G0z8wah0KsB3OZ4YJAxJ4icMKyUoHpswZI8zarHoyuJIMRyaXsdApgU4proGxJ0dlKBxC//vbWMYMEUptL5QuHD61HIH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Iy67pIfaao/OPKcEB+JdZWlHqGyhf1vGyftSJAFPrbQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eUXO6imfbWVSpeefczsQzfRFTinwmfDTi1dPl21Fg2p+x0vfNynHOlknRfCvGSdj2TEk7exBZyerk7ryvKD4CbPeYNfii6FTEFjX/TJk3s0C9Y6Qb9xp3fXMPjC6IxTA92Lm2+LKJ2keZLwvCJChV3lZZ4KJRIVynVVTmf21Hmf3PE6avUfTaN4qvf+Mh/WT4eZKRnJ6qDfm2kM08IpDjfPD8QDhufmpADpSY+mz9gRP9cMZpE4uHlbHn/FD+lP8fAkDrP22GgI2loCdvGilLs3SVLUyXmUCbKbebGIT+ohBC1nDW6YaG8ExOFLWMmqQwo6oeXuzJBkbt0ajcySJhUXYc35RaWw/qFVZGRhmMmKKSxi0G6d8c8oiCSAGaecQv6HGct6O3diKvJ8+N/CGanV+b+GpNdco",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Iz+xaXufp4j11Fm2mTLwV2yRQ3B/5+gPTu0+O9o1vXo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Me4Y/V1cMA7f41tIk4T6ik8IJQLyVxpNqdNoIXQQ1hbnZAlpmkhoV5SCsLrLMPoIpRbc0VVABlG9jfzVedcSrbJSfnbH6A5T+AP4zyRXwUoTi6Ik9WeP5i0LBr8sYh+xlqah/wYtDmCtjmMz2hBzRvlYMQfhTJ8PdrU66anzsptKXsOxjXjAwj5bYzufzwwTTGRgorHPRgOimw8QYTT7l/FOEP/ZIUV9Qb3j4exQdbP1uuMfDFk2NGxArx/DrcsD8mnEqqp57Z9dyDjAD+ZMsXvtalfLxC3g3ih+RnjQX6giRaAoq2ZJZv7CEMiZaNNm6ULxJCNOFNwBrhNCaLuHsnSaVgoGm37Whx1cmfJAyrRL4lpIXWrWmIPpIqmE+SPAa2WatNUXRjRxDcj5AARtt2RMBoYMu4hr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "J1BXxzBLfLKpb0lVUcYItotxn4C9pkQmDm+VLZRN5Oo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "H+etOWmQzUJvBti7NA+gMYfs5pUSOm3T0f+6y0ACdEu+LRj5tvWxsRBLvLTbS95lrWo+l6PSv3iTfKVOOUQG6dNPb+uNh/YzTT4+PTr0ZmN8JFstZSFm+R/4x0TuO0B38ohZNWfRpCGTeUtyoDzrt/4JqI1gGrbEGGzroTGsstqo61DOxOVfuXEBDvhqfmldptNSyAf8MiDUB8rJpziCh+76LPI6Au/xWEImRM/ClNzDkfNLGX9SYbBseuEGfelcWlQ2FaPz5YFXmCzR75USrkkiaDWLMMY/B8tXgDO+sc+enj6YPQY4idInRtouCAjvWM8XLAo304gVY95p73DWSxpZ4ay2RE6yuXFkeHkWWOFBUPfilF4UtbDx6YhGgcPCijQ1mGeRCfgkUsAYl5Vzxgiy06PJX3j7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "J3fZycWjz6FNwqsMGHXtZw4fwXioocKBcmqFdq7RBSY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "K7rhV0fQSfRKT+8wprIpcp3srDqenI2nWgWcXPP9fIPa8V6vgtI5xiCZ0Dg1yYlFbYrQvA0kRmqIzLzlKM4c7tgUHEz6e/UGE7c8CYdhsG1hSFUxSeG+U4y/ihxsr4mBmkiUa79gevTadVU6qtL0/0rqyyFh00mLa4WBwqBBt/6eQtAddbq5EQb09lyDKVMUzjI16Yh9U1d8JhC+cf9FrCMD7jUxbqn6yxD42+brTK4eGYxQ1ltP7+odUaKaOURhJ7cMgqunRP+FRSfbSBM6n3cQRwIS6x0RvTYRDYWHDvdTSWsZkl+k+R/16IdlhT3jsIUIsj6qexJM3FZJlqLSFiiJQHgSdCH5KwOq39qz5VY2EZ6NvE56qHI5p+qb6hyvVkio9m3nPJu/k38dzMPBcUMK4Xo/W1Cl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "J4b4sRCj3aoy5FVSkSZZcL7sVdqV+lV5p7+rAYpXe6E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zSHZtuMyFHR07UYIyUNeDoq9LssvjJ97S4Xue7mILDZUoNXfUxaSK4ec0yH3UsiFWPFvk/oOIBLjldV5RgeQdJKdvP8uXzXOihJWyhLiTUZ0mQiCOUWOLLCxqQTvKF5n2JASOUf/xGfKlTWasFdwy87jLoo8YNjTcKXzHO6kV9rbmwmjIMJ0vDNkFT+RlsU9OHbRpFaSnEFzcNXakQhb5cS3lDLE5OmR8gEZuRk2uAgxmoKaT3mDpUROym99GpJGdEdqikiPaA8QoKLzLzIxSZkrSGgZVMgomCPpEO9OMBWxCqwcDtRaSM9VS/74nNGMCpYaeP2riUJfT1TR5iliOTk0HMdu6RE5O4zEwuPOy+ohW00Ptr1kyCvBcX3wAKq8iCC2alxvhTmOkH+jx7aarg73I2PvsRUw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "J7P34OsUwYXXPuhiX4BwCtD0Hbpf3OvuMrT1b4f016I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YakR5a93bbaw9/wXILnRJcxxkCusKTXSACm0UOCqeDzVzSdrEkLYkxB4xkoJgjm8mKBjW9xWoO40Vx9NHfLsC8knTyrP2WkpOe8CbyigiEwLOrOtQNAf2fhB1cJ2LgnBYE+TiwR7cIekhLzp8hEB3Pz/EapthvyDtGPzmVXTiG0rN+5H/Y5L5qEejRd0H2w/6bOsliirlyz+4wduryDMuV4pJfqc8zvzNQQlF4FzGj19IOLposWSpO5RLzjSiz08uk7I2MD4hDGDCONBhduoTMqDkltDyeRYLJVUYWYdrCj4KF6QvT5Nsg+sivHfhBkQFRrVNm2DxB39gjC8tT0/ag0IMGyRDij7mOlIwwsRVKpTc+p8zl1n8oOhZuhIkdbjPf93BfjRZqM6H4YlpTnzvjFMXMni16n3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "J7tokEWgwOO21x+8xfrkKuwAEFVgLx1Urfkxz0EZGkU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Za7gdtjZ0/+3AalTPqZkfMCUuuLO8IfBWI0s3S1pBu6uHrJt/pyprUyOLOV7dpz70SLvZzFMPx98okSIxFFJyMYjBSWELTeqX6dLLU1N3Qr2lYZIT9wrOKojiEe30mxusdEfpTKmd0EQsfkCjwBVLBYV75KB/6xyqjt1gn+uAVWD6/Rpzz++/A5mfFDMEV5QWYzajLb2B2zi8swyeQSRYGtrUo3YINbi3GFfqMYpFIH3BDKPkAxgxNYm5okMpmoYnwIWHqJ+HpEFBKwsyJqpIw4pDNFCBVKYoD0ueUtpmc4yzAeynvGAkg3TF/zui+JMUqTHpJ2QRm6ILDQkRw+FhjjVi7I5YRdlO7EGFBhXDcE9e6hNrKvUIQJyyOsRSX1w0rOzp9NWmWMcR+GJAB7wQ4nyChfv+mgf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JAn6L3wEokqY7cljQVII5ORMOdycBI0VkAJp+78SYl8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Z5nVtU6QUmDNgUPd1r0OFQHlFLa/Re/EU7MWnvUVPKZ2Bd+YpGGV4uOioMpO3aCcxcrQCvSh4qfsk/Ck7F5AyiQO9jjtF3YJ8+DjPWbl4QJloj08iZ2oY92rt4CYL9rwZZPfGbovfn8AlLDbd9ZZFBhnABOPxfGHebnDYgwBP/kcLkQbr+aTrHpVk6VCYA8ZaEOrq0E9fD4UAYopjvecjGwmBlXxU8TYsgHT7vagXVxncDrsEstSu3fxiguY1EIeaoyUGFA0+BQFvNY5hHdzJpTO5oKDkwT9VDSLbW1zp6PdXDVZn89SbcLrDYf1reMuYvdB21p76igGPsMD0zeFZkOvAFdKmxOC5cwhhM0zTbXkmls9aAgDuuCV/y8cXq61zbVTiHyqMXKFpBW73weFin5emETz3OvA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JBPNgHW+8dBWn0TslUZtWgXxriFsU3RZv0PrCU08+GI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5Ped0WcAoRnJ+1Mr/30eUeTAWDcXi71+YK4lxhgO6xkZ5173N1cCH+wSQUW50v7LoZgyDg/SZljF8hjyXlrKCND940fM0bQylxSPIoiw7hZjpUdkJ0wYRJd/UWQXfu6rd2kQ6fX3RiWNmfpRRwZXcmmzGG5fXqHjFlcZiEhzzkO740cP7XCbrFqb1S3VBoJdbriAzSCEoxef5FFfkbeJjeOlnxDWvkG6rEfPE79AO1GQh8jA04i66tN9LbPSSZgZg99hXTNePYRSe1xDheIlLHRmeX1tdkrJ8zeBGVn924U89ZAr6a0pVEYlrijuF4FbvlZM2LIukfn9/SxHrDfa/4C4hB60vy8HpvHjOMwCeKygwQs+hdLLyPrulmRp3eJG1JkyokYnytvSCzax4i7YeGUuhu9pz+TU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JC+Biyd2Z8L3fGBPlheiX6jK2UrOrWcQS7u49EidD2I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ang2PffixkbIZIFx+W/tD/waVd+bsL7RZ2ygouxcu5Bj/eMmIzgSjCLFRSAznLUjGTj4HXNxhxXpTdpQzG5MkDnhn0mFlFqs/AHzYi055ab5K4nlsZ43M3vCVox7pzP5oiXfUqdAN2pO4XlKaDdFhmG/0aD5jVbu8MooBefDVc+wfHqUXIIaboc3M/7rN7ZZW9FgPRyAI2akD/JDK68x8SejgCSWp1BA43USn379mtJFmcGh+uQMAeAfl9aqjoO/lb0wYtSpTMUDF9K7d6i3AQoSDg2oUknDPAHZw7KLdrAKJmreQJAOhg5/b8n6PYYdNgtVAWKjJo0BG5xSwxm0rl7w+FwvS4tluNIXP7VBrpsUcjItdwG8iM+nEPQUuFoBqCT92X5cqSeGAt3NZlAhHlBml49pCThS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JDnsIAz7e0/yzFiatWfKQzg+FUQeoTtCwIIRyTcZ1x4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nq8AJckMDE9v1VCAA1PWcJ0RuF4GtDeQ5OHnOYb8jG5wsSaznWI+tIaRdO5MewCWXbHG0seJNRFAiCX967XYum2IMY+1HXrC1CfvO0EqXN0uyCSgXUt4Jid+US99iSjsSI3wwT7NTsxIswYAMKOsPNO2rfTBUETbPJKgF0xnxC3HuUZxie9KCmQtMVcYgmlJynmpKh8BOZ/tm1XVKH7MvC4t1S+kPLlXC4I+x7cqo705lhcc7N/renHBlJk+IDmcbLQes2NAquZryNVpcsyq+Y9NIzt+2OuhUEyc2qeV8ZRMiHO7l1/1eFcJkP82eIFx01eFt3n+Yd/EX7D7wnHIWasMNOGUVCwCT0hYxpeLqQpERXVtwGg8c4BNt2kECV0bRUbV/SoA/I/9+lgY4/IKhI4g8CXYzWJk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JDzvpZLG9I9WmB0tGfR153LlQOsn2SSwXJuqo/RmT94",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iVxRbKBDj+M2/B/LW52Yczc96f22yi+m6wTxfXz/V7HXNbc90ujy/nqVrehllmC+4U2YIR28xJTdjeK1uot0pcNULi8hp6wQpVqtfLGw48yloXTNKjJOVLI9yvOtxe8xfa9IlNU2QPitZRVW8UWh8Gq8sm4qcoompaRjPL0TpdXvnltP2CcoT3bD2jTGkL8bKoSWwrFHI8yo6OVsl3tXmQRJSxH4H+/zRY3ic85YKG+fcipHrnvIvj42kDKSOB783DeW47uHCHqKozBXkpig2T33dkqUuJaAMCbitUKUK7IukKLXFfCmoknI+VwORW32YizoL58Wm/oLTZ8qRZZhOUMIm7TLKnZQVcHcud8XN0BfCMFmMgqeptnRUsVsJE6fNxHRgC6AxDwWEPhiydure5Z+KIj7oz9C",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JGKBdrVI68VO5vkxASe9hIhHZFnF+kmSSGIURtkHnJI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8nKtNc2d3wEytGGbWjjg9gkt3CfgiibyxbqKc0QOW0htCpNX6f8JP//ElTjakqPrk++XBr/oe2q44/W4WGHvPjr1Ke3eGcvpcdv2zTBqAf/Zk2JvmRIfc9IC71ytpc6kCNroRhTdrZLumFOw0EjfWPI+n4BifyAsiiS50THeZpcSEt4j9nXa/YhK2RXHMjkM8kfNw+lxkAwirc3SYorDOOWKSE2MTMUJixNMWxeMVvxH6Q9yXZIRQu2F0Yj5rabEA3/5g0xv0lz5LN8ci+CACeJd35heK5AQtDfRkIxifFcBuYKe/9mMR97pbjR4+XzKyzmIPH6ZOb1VFJftFScJhFxED92TmPXNhZhrHzXOjV02aDow0bMVi1JhWpTkX7ExlK9RAVrQ6KKwsSoHdOtB88S2cXrR/Gwy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JGsyb7gZj6fvaCwTE6GpsOIS4qoyKvPTdRDdKctqWYU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hTvT6vdr6gAfQpKZrfdg2Gd8W+LKh8Mk+hwsk6F6C7nidX/kFtOnuj0mbKF2R7vi+Nrcy6UqS+KnckjzAuew99/1I/d+rmJJi13emWRhWRwfkXfE0IB8NrJLSJvnVOzMIHZYtQ7cXoguXwX6VG0y1g3+DN4N8ctXLkMh+1MRmQ+pkcC0oOGYF09SUEdGR2iGwhU9xRDHoRmdAhLui4ACha983111AWVHWZTAcsscU41IAFVwRnL8UatsK2kKOBe1fofJVCG1ZIEzRGGIn+8veGI35VXgqsxzU2sJhAUVMeUzwwKpZHkwjCogbiYyt/vitrhJeCRZxcBJoOw24hd6fWZ19gDHBKAHq4wF4PrkbnmKXzmxQL7Yft63CruUPHvMuz5N+utffur6xwEOVJWDYlDuyqkUSCgg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JHb/Qhzl++7p0FDhRxjMnVPARnHnp8i7f+kC+UYCrNU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qIuwmS2obg1ymnP0Gx3G9tJyPCxiumyrXw8UjIlCFJtAR6vAT2Xd5oXYA8zwvUz7INj0IHh0b6Vcj+kumcT2m5mnb45dMO5vW5t5jBk9qZJLTW8YOraomLbMYNbOcXnZtwd5tTYU5tGW7LzBtENQ4rehrort9Bo+XwOPT+kuMZZpjvBFs1NRzFHxM8HCq+qrUin2cc4y1oxMaFDIaEQ0+Ja8dh3AYrO4tk5RkwIsKQP+LUISZ3r1Iubzc7CtODPC4CNM0JgspMz2L2fEB39BUR/zHVY92vl+29RUBKNM47JUIAIAN0lO3Kiaaicp9Tfm2/73R8hxrs60InmMiPAw7xXQ/WzzXLa0lH/kW0BP4WFZovjNcfgYlBrVYfo34WqHotTXvz1ffxq1yuEF7t7/oJhrPaHF9g75",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JI2ToW8gqXKRMlOP1mSUzwbA4X9qRPv3/51bkD1GZdw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c3wKUx5cFxrfZ/orIH4RTtdDDPBeQBJQXwGUdFnH678a0lAJ1tX/WEJtYgsPn+cmAEsE24b4XIMMNC5fFOc4J86HgeAOL7mhh7lwkWSkli2LzuT9aq7w/C2x2t6mru+G3LGYv1Ok0rAG8s2Z+n5tLbAvsJYYClkuvV6s/yIhi44jPIBQ3uOHU8j3dySArvEmnfg7vhFSqoO1k915AGLqFrI1k2FotO+5uptHC91e2ZUvfQ3AIgthd4SGNg50KswKS9P3Ju4rS21WPqIG66MXWlLgfQzZhQqItVf+6lfAdvi03HXpk0kRyGfiXzWFYmJBM3ELq4rG9KiA7Mu8XOGbLZlno3bJ3BFdB+Xc1zIakyv83lhLNnHZXG0nOIshKiTUp4HK0MUlhhP04TZwwQ0I6/R/DCaodmg7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JI46arZjMxnAhfhWrafkrOJ4YD9ivYtBgiGjtnJKKCM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0D2fehg2VYHZMPQM1ZxIznCRwqGP+igwsNHvibt0800VfSeA6Kl+/AgaJMbrQQZp0ivBkCu9qUVYihBRy/VFIOQ4m2IOZnor+nI2lm9OGeF2UX5AeP/QO+9pJThpHm9EZNaRD3xSaO7hDE9LOq+bAB86ZPuss8dazM9oxlGJhDrTDwwtc9LooAPSx1UvMfhelYsR5KNW1YXLUfjAGx3dG1etiCl8dPxC7WO14/pqql28YA46sTiqC8xv2yf7lSKOibdTcBVeGis1WIoGC7aBDcEkj1tDXGEFwXUlLewNqpyLJ7RBYJ1ktC8KwP3Lxp2H0kLnWmxSXfKSNLF2jjxHN6NSmz5PX7x0KUcnjCfiNADgmlX2fPCVZMVwp8tpz7RIbpDLy5u9lWWIL3Rbuv1P4XZPRQIOT0QX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JJmaUf/NSqzPA3RwPLHtgZNQTj8JfvS2i2fANKZU6FU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eDazMHGaPada5mM+tXJ2mGwwPcVfmWrlreMfqD+aZU0waEXl1EKxjKZuyjKN/i35cBWADlZ0QMLy/Ytz1POOyPWTOr6O0mWRVafKg3GR5pOCgUHD6u70tldGfRthF4128zXko4Ja0qzW+XntKC9l1JeLQJJR7H9Nim9/WoqCqldcpCfJQbQ2lLYEdyV52foD3Ea2rLk1dsuEIZ6h5VWuHR6LN5wT4JStQrixRItlCXMAbkymzPXEIIAW5lI1ClTP9F328yybFO366bvvidAFGcL9LMOjF3OkZMjEl1OAZuwDx1DXNbi/Wlc/kH0WUQiXZmdoxPIP4HLLUPh5NgUD7Cx2aJXHN2Lzebs9yKezfS4ZrZCbbPMOEdLHFSDCjR39Nk7O7ReXE5byActEN1lIGMFr+S75jwe2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JJvp8/PsWDfAMzkilgSd2aVOtIQTtmQDP4NQ+JNi+Ww",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qmPXpIaTu/zu9qNzEgBEndy0Bd7Qr8Vx/2UDTtdva8HUBect94SCsnohZH8iUxcW+yczjwmSidbLxEoRXJpMzXfSCxo5s+Ye51BnmpyoLs1aAAv3lBZXAohWhsIIxxWufgpPGu0BahVn1pF+Kj0s3j+hQ2OluNww4S5BmQFEfl0x/UiEWcCzPAQCb9vbHUfTHohVAP/lHKTxP5+sr6tLmMjapqPKa7a+UYJuJe7uT7U7347IFsZFBOl+W56taTRrSjqvd1PNj+HmK4tuSKYM2SKAsyhm7v0VFrBb99AiK57LHRR3+40asLP2J25dSieRF1B/z9l18qe51qTdWGLr4P6pjkADjWpcDa0HCWXQiiggNdHxogJd2MumXsF9OCgjj9wpIcbi/iGUn0vHHVqlW6BHMrb0cxiC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JLYtX1iZTPfobOjrmUlN5HR9e8OPOgBzDqlUguGzzug",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GNLGRA3VNhu+1pUB3EjVYtyN2TGWWajYGuNlfd3h/TMjk5bjRiLlXQ/ZFsnDSUABhQXqUIXAchCyA41TQLebmwmoISowm7NskEXHulrbxyIEtm/D9y4ruWv6XgFU0Wf7jrc6xLqHTcTqpt9+607IufkzKgsl+kcguwrXR2WZBbAJOZay6YgxF70yrxcw7WuoDS1deiU4IP4jvqRDI3VNIEN/dVK381ErZFXKm/NS3mL4LgXCmUL9E9c3PuYGxH9R2r5t6aXHA3wDJdI72ZQ1EKMA403MQN7Ko7dtb2n1oWNF88c/ibXZ5E8AtAe4QsMj6yRu4dxDGJBagzLNV7guggLPQdBcREoAZ8rINjaeGX04PVqXn+v6hmFZHHfBymkkwWbwuoE4U7wHxAsO73cYh9DLeeng2mBb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JMrfD4j3xu6wyiOy/aCSN+wa9OLNTjNulqv7sLkwmIM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NouETa4p/UwkUDcshPRmxjlviokpAsu/kVX0Lq+BUj16EYKK3ZCZ3WMPixEysEQl6QQiyZvdMJ/EFebRvG8KvYixvKtWzfxwKLhcWIzH0WGWTV8ZoK0gCFoI6qe9WoQdkKMmV9A/msHHZPOp4ByAbN8h6mB5Ur2cGMUevNOT9UJFOgmaIbv59JzWyUf7c5YL54GpxLn/ThildPxkPQyS8LtjmHFVVzrwXUjK31XKnkHQfrr6lGca1x8DDBiygE/pkPPM/2Lj/APYR9qQLw2Lha1ZAIDJD7belhZsgLVFmn9iD07KEVC1WWfg7770wL12mVVKb1pl9YiQmd6j/qzfXX079RZDi/79SMWT/B8EuH0MZbpbwecjPm0v+47qORXdz/0pRqCkxQhfpnLupkXdoNqQEEzH02Wa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JN0jUs1LWwzFWKB2AvlcDyFQB6ZD0UJeufLpmuDVAhA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QzN191RiQ8tR7ld+jTw4y7hEeQz6czghBKebYfpe6fUjDm5GGkIxVAd44LxKtfvqNxWvCrBAdl0cqsPm7asq48DbNF1ZC6XAH8fhVTcJJeS0jAQ9F5APnknFYHProP0qEyICXoj/kJjvUS5XuZUWKa1IKjXYHPZVoh+eBPqSdFmfa+siGoYRPTe2kZtN8OMMBa00Oeuz5LXJda3lO0b0mG/xUc7kX3ZEtkBRnLuORuzSao68lmE0G0ErViENT9yaPZ2wYYjI3ClDKCVLxz2m7OraAHVcwMZ2Z2Cl/iPEdspDRG1eJNMZbIv4WtJZsbIbqSjEySq0PiEupH76KV8Q7xb97RpNuSP5jbOQpoI84fSMrVl4cRq1dv7tTC/hp2z7NWqy/5dLIXd/oQtnplQRZHCVYW76HKNd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JO+nGeQXAkFofKmS8yiAE4HrIhPxPf+JWBafgp1qtGo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SXTTEluhgBcZ8slPXCxT5tEdF1lR9XFd2VJnIuF7PZUQ8EvjM6JZurRMh7QwDtIaPwpk/cX0jYIV0qzuum2y0Itmfl6M6JA+uRmaMb87ljqjLuRCOihn/Euyii3mE6wlr3bSW8ZBs8XHE8WY10kN8p/BDRZG6bC2lN8Zdsj9dXxmmmWj28GOkbcJKxcoHZaHtcZYuwO2ukZUvD8K/yPJ8hlbLKJIIlmfG/X+18LJG2nJmFlPEKk1wLmduujy4vRhs0LqWHPB810MlrzJlGeDbS0D27/H0pZSk/qup9PlmKepGOu+cgElJ9nn2nFLigwBbzzy/b+a1vZrUQh5GISe83FF/qLC7YucTmN0Ly2tA7WcgiB67BtWb6USfGyjRFOJ9Kd5DievJ8GZRa4X3us+yXi0X8FOwbeO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JS2W8xTbKKdzmwxaBrZ5DHHjSXZQWtthplodUQ1snlY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m724Bg/WuZ+4PYDm5EGEs4HoWzYEPbnPSI5E/dpkbKPwbk3LiJfnfZZNY8l23KpDnrE7iRpJ8NqDZE4Q89gefQt3a8SL+b0LJzSiAMtPbNus+KxWx6oBKp4SoSQ+OwDBAdY5NMreyfUykmKzI8+4xUOVUeUjaKVylr+QYya0HzeAAz9EsrIf9ESbXLbCz6ImqZWq372ueGBds1jGeW1RphwNvU7IBlo3nnyUxmP37nJ9Zej3JP4LHieM+ScIysNfkVg8/U/t3lljjeIS8yyjr6h2IHj0poDEitkzJgUSSIdxrNPi1Yg7k9r2dZyfPLALwm2jw9YR879Bgjavf6Ll3I0zwkwIqhKu3AgVoKXQ5bjfu3Db8cfLP/d+80LAYw4NCuPm0jwoVdA9vXR596xeLtIAb5tCKeqB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JS61Xcav0ASq1pyAC5bW5/f1AIJS7g6L6jIYGGq2BZ4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "O0PftVT9STbLaZGE0X7XJvLXVTNQyg1t8mAiN8VGM6MVV//+zh0dwwGpoMhV5LhBZUFXMQzyelNV3y7RtW8iDE+NyuNz1IqMwHKEY0RrO8FSz6quz3SiTaYsZspMOZpoiobTVHQKMjOnvQke8GnJcXLHVrQCF/uy0Ylt4XGsUWRE6ZJqQ3aCgWYV2SPP1jbZTsrDLA9W4Ge/cDgW5Yuv82n34ZhjXqp4P9lu3D59NqkpXvxP2IkvagbwipgAUqcohoyqGS1Ho7liuuphi9GjwTdZqVS5T4HfI6HXfFq+tcxBHA03wiL/O7jsbTVPLdqw3T6MTt70hJD45+by6l+D+LgFm326Wx8gvWJi/EzEvpf55e8i0+xUkGrecpKYL3Oh0uq5CYGPf3u02TGY8UZiynUriceZ0f3M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JTTM6b83HI5+k80O9Obm+5WRStMBY65sLyrHADrOs7s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HLDkNZ6dPzarl3Nmb5L1rdx+omwGM+bQNVssUQ9QGtIhN2Mddyv6O5iYHESgmjEUz0xaSWqhVRjgQL/nGQ0w+YqdrCEHBcFNejXptAP8GgTzJ3n7AiuPGgSmC2BYAAsjcsUcafnmdDqI5LLIy8n7hqBGVQ9Vye9izAg6FU9huaqCE3a6s/0ihkVVLezOiX8GtgD1LC5vgVMogKGX2dwYlDcEdOafBlX3NXxMwtPnZ7mKj6lkErrC+8+EGkPxBTrNujlvkZqD2GIBt48jBnyS+UF19ii8hslrt6PHkvod8G72iRozytp2xw4YEv/okmBSxvXcyg3a4wPGb/CHPBx58Zkt1aZLOjy+kuT0DF9pKOZZZA21TTHPNJGsULPep1lxQ90sjSop4W/bUKODv7XinrJXcl9pF/3h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JTZ4vdiAqs3D/WpkyHbD6+CXNqOZ459585sbk4FUDBw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i0ZUO2GKIl/UUfsvqllcznqqpwloo1O070t03DlyjiR+WtJ9gEdz3NenoHVq693VM9y7GOw0sxjRkNJcrqgyDA+GiMncFKXGX4MqQDmImnmnF8WK3LA0EXq5mCvc7HfoIM2uub4aQePsTwcWjfXiM64kF0SgVOtkr7hGyLind538No6lKlqbc9jKN8pGkTMrajgypeVUJvaynFg7SznetsUX6OiQH587JMRay96uJu36tZJKe8YTcMYZnHoB0c/yD4AM5ADKdrhUAncu4vQHJIWmNtFARBk8OrEtI2s8qbwcPL3Wz6+/Tl/j2TbPcynauIB/Iav+NB/MQQi09LkolbeHMg7n/jlEFIm2XmbG0yYq0ctj0APjUaiXDhrHFV6UgaLuY8r4BqS1Ey1mlrjf8CPbhWTVi+z1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JThfJ34r1UrL3AyJSVIcnSCVNbjs2hp7KVXYo4SiLbc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Xfgiv0JV/7RnTRJ4fKUmQrKNCvkWjw5ThGx1QK0nvqhvpOWgUb7CDHfhK9oc7X/3ycn8nlVWg+CC/63Qjvtsvx0JNkTOfTv/MZJjAsn/4s/tIE6WDPhsnm0TZGhMW2bkiwsgIM3WV6r58eV8wUJRImf870h7WRnXf2qdplo1m2m1k17qkA7Moygi0xA6w5+CDsDELaxHT8aDqv/CinIhe0WjD0iMRED+B353GM/B+PlWFSpO9AlKbdhu/8GA56Uhx5cxs0gHBfaxU3Cj+4nImg452/w3flFXybb3m1y70qH5LsiQkcShln/Nh4vbtBLDEhBI9UasRcryCtFn+Z0hUFtJ7BBP7DVkrpP5Y/p18Hnfqmb5WGL6ltp062HdNHRmJx8juFjx0wOGYAPAFbd8P5VKHqj/Sfw5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JVNMDJLR/d9L5CmI9/5lNOY4yQN40wX0QibZe/shAIE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "G6rjucrhjNrWGoRoYYJun8EGB0ZZP3QAkdRRdiqti2TvrQ8ik7UwcQ1sYORpCPxtnfbrm8zb2tgF3pl3g493lJfLHcf7bLZVt+WSz1+xFHL9kORzmg0n3bNj5chxqrdGVRLfAs3P7ZZvcxybhMQxo9Efpl+xLQT9JPBU9T4tB8ECFNcHSwBKn9hdy8lA1NOcaWbHnc/AI6xKExFlvkOc9FQ74Yd/ez0jq+zhD6xa5Id4zhNfdF6tWwRc4NV8QQWZWcC5fS2U3EuY7dj7Li66n0EWIKoLB58BjS0xhMM37k1nYVI6m/M1G1uxH3J60I1X11+TqNLo+Nh8YEjyyMRoFSzSOmmoJvmxW0ZgBnXjDKJw7tIwjubeFQDuBdbAE8CX6I3+oKexNsIam0ShJtQZxda+vdLILPbu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JWc3PxrfE8Ri49TSmQEBHZi648Ziq0vOtY8oPo5GXGs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tHmTEmMyZlkoeFu3Bnjoi4qfLm5sAzmQa1XRE9i1f9baM7ehS6ZPt11y7FzSDrJAtLlf/iFdQCh/f0zP7dfOKPy49KqEuYD9Apf3L26itQTmgiu0rtkM9CiwfgjctbahLLifqUOH6k39nLAm0LvfnLHG0DOF67ZgkI2vo09BrM8fSt4ba+l2McK+Ca4cE7AqpI/GfKIWVD3mTcckXnMNoxFvtKb1Q3SQdvNlqawozOZpMsG2qtiGyU89RXMl8aEXlHmbTx0ZnJpqfzmekPUaVXnzdhKAI9sEZfGQq/vv95wfQw9xSHXlWY9dDWLmHTJcDb5/pSFlOwd3p/0WT/XPdVdeeU99yoyxdB0X/Cgoayk8HM7skqqtsLzyMduNND3rwv6kAfzWxfw1ukVRNRAbfb3ZmWRK+u/i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JWygJVHHTihqbuiioe4qz2KeLMjIwgCpRwDT25SX5cs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F3fP1yEyMKZILLysuRo8rPWOeoKDnqSPrMLiWxkhCR5rHstU3UheYqIDkP5mZi0WLYGKKmvHpd1wa//agGBIlD1PWVA7F2AhdlASrjuqkPd48NIqE2nWmo6HPyWVdoNORBaw11/VB+kUCvcxfRQ1O29IMGPhTEInpQN0ddmbzLZUvPLHtpiSSDJlGDVVWDKHA2NQAjzFM1AS6GDA54C9OOyzyGdMJ1YyUjK3pVO8iQlqhxJwtiXIbeAcR7NyiTnYg0Bx2ku/H8pEvM7tzQZurdsjrvLfeDM1UjJZHb6rIqNZmq6drJqvosIijZqgzVxtwNeDnBxY4CS6xZ6XifuuvLhJzBqZjqb3rcklyh4tvSkdmeLQdZ4LTjYVx4PAEU3f+wkCSkK9LsW+aNaJhbHREK4wLZv4nvrV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JYXsu+KTR3XEPdBRXtnaf3+bXzQDQAlo+a/5mmLWN5Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RGUqfIHmHZ442Jgxi+NGhNDmpPJjI5hJlt91EOS4ABTf7vo06XdnBWN5qKszoP5oRbkuoGOQSIR4QZ/g+FBG4uhBY4VO0AJuU/YYrvUGS45tij6BZucFxQPXgE9NLanQDhvMdNpxSdzAsdoMG5ucfRzX/tCHa7rY/WIzeG+cdt4Akh3tLuVwiuuPE2qgYf51JcfFdbtmbEs/mZv67+3yBgPtJxnpxboApNOu5Uh8O22Ts92pQCuT6fQnOctBKo8Iix7djl19f7B0x4d2OWursgMlONzqD0EVBkxwvjwqqICA6X7y4raNaPFMBej4I+skAPelehWxjBL1JzjgJtdE9o9yuFhzLcxcOe2JCj5Nwq5QfOFc1quyhpJ9UXxESZUhVGMzkGEBp4IEqoSoTiGfkrWsk8h24QfS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JZF9mozhi6HZ+Rqf530UX4uzS9Eo7PTqa5bzOp7MDLo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8NdSoP/l335YceoMjsLHmYrNJJ99I1/1SnxY0or9ko6yL2rKAsrX0HTToU98kAwwi6CnxPXDtx9KAsTZrsK02Cae2+oGecHTuVdYBkNlbR/ChE+rfj9efAhl7rJQ6VX1g/xBMcdMGela+QGwkrF+rqdcB8GDdsLaxFSJ++Yq4k127lhjaw3Gqi6pZP0jvEaPaDROno2N8FoWyUZ/OVyl1A0I3I8+zYyZwGWewjhv1epvZe8BY9VYMZxxIPorMeSmLVPu3t3ApxXySUMhp+f188LqOcfdtNIFQDMt6NinQKK12D7MU03oqshLRANMreMg4BIulO2bMOeW9ayu/4ATMINg7PqJk3aORbZTPR17YMdmL2dDJFkpt8mlFjg4x/IBhuulfjIO2elyfiYte2ZmY+31dedlw/c1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ja6iUAUvGoCNyZaP6AM0P0DXXTYI2QGZPWXZsYYIifk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Nx/4bNCGWNPI9/acuM31T0GArc4EauYhlEDvWZpaHdYzqpTtrbdqn6qqK3c9HnTOOQCS353RMvs8VZxvOQnHGRVd1HRpXGVkW8VUT20n0yDRItJD66Q31QQbaCY+YWI5o/XFln9xp/3yh0QVBTbMJlG4cvo5RmzsfrT6t8Wz4QZj0AUBdHKWA3/D0akWxhGaFDKS6A/LOhDDqgpOpX8FGHYDj74dlwJCaFn8EJVvkM16KOt0ypluElBRHo9M+DdisKMIjoE07gDYOFL28H+7j7Pb7/NuPoXJJdc2qzHb3UdpQ+AVNLwq03I/1246wGwHQZWk2VTwVhbLlHx+We+mqBdOODCT6V686yBbNcH6ZlGDY9jxBXdy3zBC9oIhrh/Xnqm7XS5qd4I0Qc7+wxMib45ymDdb5vnW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JacV7YxJGf/lEg599HKPEyrJladNzl07mvvk34spwsg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nCXiNJ2JhuQweD0QwOLvkuy8imayynmjzhq+xOvkxG+dXnqM+KdiSWT3IOcKZBdE6Az+T0FgFkDysA+5qKY+7e8SJR86O2HOtbNQoYlfh4qXdyi6TprsfCZcevqIH0o7v+YOHg/jKkGP6mW2ypeVhh/GqbjlTgdM5fmLmOMO1rBCgN0mFhd9qrWOs/AWdloty75CG6zFBCsBTlzvVNGcRK8pKeb7hatcagRoBiziHOS8hAxs58qc7MmhJn12LGtiztCEDoYbE3N/zXHleBaZ/9T86PmfMzDWRbuGNtZuqbPYnhE2+DeUTHVN0Llfu73Uze24Ue7YyRJmCbdUwbMtnoJIxfgChsRpmwNLi72xznjF3okJ9emmRUYFURueZgu0uLZSRTFcmcmnCSLlgUHCxU5JNZoeoU8t",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Jb7wj7MUOq69tN5Y988bG3ZqZJfzA4w6oyXSj8XyPL4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xqEFiVFUOynliv5RLp1ddYLHOtLqBLSATzFwJF8MV+P/nAKTUttAqWBSchQ+F4W5SSA4T1OOnYiNiCkgfJt1/CCQ5BEmuVJ1dW6bIfX5qVYEqabyNpCzP8rN2sonC8TBqr1LKq5dJRDepEPotvFJdmlqCGl3rmLtcmIanvjdgSMQ67Nmc2I8YMS5pc1UJFT0OU2V7wGcAOM1iJbAiCYcJfdkTF/x4bub7fsgofKIbG7GUeB4qfWUT5ttKRKiSt7NRYIO4VAKYilOQDiltIXWnSrLl4/7lSiicz+3NboQ/a03//rl8CdUJ14bibGuzdAipJPpgljQeNAMSEN28obuhZScnlyQhBMqTaO06M9qy/Xt15honffyUhLVTvCK6v32wB3OmVp6ijTtmqbkQnrvEZEn98sQs+gt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Jbr0EhlytGD5C73Lj9fJf+Xh8iOYkKI0rMINpiy4pD4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Hkw+Lp9BRbyKrG+522M+r5KMXWDphJjAp3xG3FYFTaQWOY408yXQfc+lBY1B18jn4CIEPnKOXHo3pkCS47c+MRU45A4ZA6NNhJBSOYykqBcl2E06zyfASkbGgY0bAsBc7xaZKMJHuAX4oE3NBc9EiXSImGXCB/qQY11BMFV6WiHusPbMSpc49ZWYKFdG+Ej937/EqiPcNi2eJWAaKvX58QEaGsMnaNtmtnMyPuXq2EHbHjijVpfBQF8iRSoaSKPRF6XVtvYCp4DfH50fW8pYwV+knr+RaFpF5VP/+dEXF3CcY8vwmjsqpeIuueEMBSDD7RMBPCSOPy9OFTphlMvKSWaio/p8WMKbwTNAEKeSXQrTx1QSzs8/w9X4nX+iT626G70EISOE+djrGqvGik/hKjZj0vTmutR6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Jdf+JOfYwp7METoe/HWhqJvmCHMvPiboZiQBiAhZc+8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ou86Hh5oXw9vBBuT22Coad7ZT+Km9lsKr6jEqK9gY2qBG3/sd98pz3RwdMmhgaGuXfAuWyJTqKmW36efcFhsSurN9Kv7cklAMwUMYOksE8KOgmCk4tviuOr7Y2g8L8Tugxtnt5bgysi0LumZjbRqpZdm6YJTeNILgmQhzuMl203vgHPpA3SLcIHd5ZrAZajS2AgVNDMuC19LEPsl6ITP2GgG6eLfTh6gTRhgFe3LMbIT9X/ILe+MIKzNilvaC6ciZMnoSj13GjOxF6hBsp/ZHBthyOJA0J0fwtuz1DIQb9DW1imqyvaOBV+3bgSUvND9D2lH2k91SgxkssbqeptQXMYF7BYCMb4pkw/a8iynZ/ZYzdvvnOLy0LwHZAf+hZRwXNonVFDCv2J6/R9LdeONGQoUkJ0N8ZcC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JfRvTmSoi9n72yBx45MWAXDYaoNg2/G8heoXROId4Zs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "03/H4hQUcl6735Sg7u9fKEFRQ0ZksidewVfVbQzrIRC68ob8kXaLnccYQ1kOHhZr+cwAcUV0WZu+vqqJ1UPnNs86fJr5vJ7F+gKYPu5BslrD6GF4e0iKaiK+qxm0k+aozO963oDWyEV1VHTWCFsvOJI4jLkf969Ja/xbC37gtxG8Xxq2iAdPWMDKO7rFZyBxpr85xwnfeDejshSfE46ZGvRPpl18nqsa9pnnJhu9Y+wXEtWNH/Kuk+iDKdTYUxGhK2qhprgoT1IyUhqRISlN8BcdUrF0XXbB3El6irgzgvXl3kjUgTfYjxwnOj58RZS6Tw/KurJVxoW8dQoAvRRXDVLhBkT1XSxldfT6nCnVOFUJkqEIaLQPCm6FflBrNw/0/fURINKAjzwlUKRJtD0ZPMSTBzR8GrE8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JgGm2D2SFTnAPmJwQDIu+mS6gsQRdPAlUZWGPrX2zA4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Lh/aUcWfwWF/SWXZrbgicxuyUdJTCV7dWbcU+uyOK498mgk61kP0cJZhhp65HVAhTXdDvxYLNrVpkY38rEV5CW6GTUbMaKw9eVYmCAUDRDlJObRCbi+HXlauzqCSAX+Bep3jT/iJ7gEPdzHW+MFRsQ+sY2tmCB7uF6+63B1lFgo0sMWvMDArjFZdeMbaJfS+gDgrmocRNDufXB8tvQbKCv/JlydauAdqcOli4ckNfeYh2I1wSVAx0O+Syhanbzi7w/42YRPs8kWac1w7xZ8X4C+6YVAMb85h3s9Hdry6v58lV9VwpIAz9+HeadnXLBpEBuNGx5ySELn8yREaeVHErlToThhZ3KcV/mrU++X3HnR08zrQdc9tI19B9IsS4NWsBTDLdVnCCDnfo5KLTdWdQBdxYDbYO0+q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JjT/yXYSODjBnSrM8xaW+mSHmEgUayCWXk8IujYK7J4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "H5+CXmvrXTt+Z/m7VoWRYa3PAvZ+xEfh/tEJlw4iqa+NfeGplZ0NPkvWzoobeQyN8WCIpN3Nx//ZxDdH+mqU14V917KCUlZWtbHhj4p/JQDS8z5kJS+Yn2PWIEOQXURE4oUMQbFHiStjRx9jvmFSEwvBDORopiAXFzyAt0fkqVktYvW8YpRaWVG+I92FZPs+JKgVchyxMDM8aljz5uQyD71ZLACj3Te6Txlqk2lWFDGeZUfcCsawE+PPB8njg1CwcdKgUW+PYrxYV5+YdNUYRLiwcuCvzhrnL2PfHVQKHeGK88cFKszUSwLlhOVcbJhCKtHMHAA0q+MpSQV+BoL0Q7TcTIShyDautzr5/vEooHnijIEy278Jygh/kRe4TRMi6ES5fLqZOxSg/r5MtKDrDHS/8VmBOQvu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Jk4IHXp80GIcvfqkTj7FUV7jp0p2syYoM3rSccwOAV8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lb7YKJP8UNxIkP6hdLwCaurb1kJ+SVdpgCx/Q7p4p983s4/wDhzzCVQ7W7qMhebGPLm/+qFBVBCCRwDlcaxTrJdBSpYL5GuMLH2UOESVGUcbBnrsbN9bwLHEceWhAw/jvdcpv4Pv0116URWHXuGElfJ+FuMAa5PiPgzemaCOgevkmE7GpuQDnbPLAeh3UthBO+gfY1rASbf32AklAH6JYoilqDnrJ7zWsKAkVuSWo8TV77No59FMjPoznS2oMBObnS91jmh8U2Hy5VHwe4uMpAiEA7FWf4+XDRCq5eOFqHxONxsO/decNq1p4VXulrx/LkaUl/G2wssJBSfveMhdlvUMWrB7OR/IMWcreViahQvN1NZaS32EfOBF7YxE0Dod3leIDjh0+1ihdjDWPagGRYwwBqVXLiKv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Jl2NH6dLaQci4BGOWEoUdRlbAvh6HAnKJTMHEaF0sFs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zhVTViBzrULQ/nPL3tIbaSeEklQHQoJeI+FCI+TR5VqHYNP2HM/f3BkekTDEjgtoEAxDRrx16fDTMDpyu6x7CZ9jH65RGkkSdx0qefFCJOutLbye37UEt4jNZVKmr7FSgrpxutEwIauYdDoRQIs3vCD3VDrcc46scZYL2e++tqUX4/9QOmQ69Q5SsRC1Vu1OIfhJl6He6iCjJ62H5ftehaa9V0yfAUg05AOQ+DArnfy5Luhc+EMEvgMvjINFpbA1YnLP5L2H3FIiESiLgZjimOWlaP52cG9N8bkzVJfphxueGUeaEaRrJj29VmxhskYNeyTvwXUHEfhbgnJ4KtVkMqjLUA4P0yKbHkld+bFbaKwP/Fdr53ZwMKTpWPhJFHu8I2HUCmIPvuUR6xYPQPjnqLrqf4tREKpI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Jl8PCJVVW74y16xX97fnNjhyMIHpOfA+DDZxgzUN7FA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pF5HZjlpKVSmkFhP8cq14vwCSYptBYadB2XphWRumuLgKqQ1smBvqYE3OKKhHgJBx85iQMcckXHLRgzHxiIGWKwS8mYrAX/pMSnAHEdNv+0DyqRiSqvaPgHPete8HgElQC/Ms0cM6LLXta6nRShRSreCKd6gX/MgboceaFBRJF7MU7qYuE9k2X8MafiOhy9u8c8ELhDYgZHi2Q2k5+cHo0g0ojWJZIl7G9iq6dgo7umcPdXPou1YBmfhbwFdGCGCiEx43qEYro9Uhfq261+/413l/EaQahs/2aazMCuaQWUxP5iSblNXYi7d82dO+4m3nL98WMhKOqRsBiYnQxbI6ZESiPNRsDYu3Mr5945fHkpgxsM9Wn1LFyBy7yz8+1JzuK8ZvEw84NAc9WUuiWG8nP3giZCY4so+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Jmlr/PBq3C5dNglCxYZyZ30vAz8ZlrF3hWRQsFw8aRQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1bYgM98UVJwaMGyRQ8S/XJOuViVyc9/CiQkGKHpc2G7hSNTnGR3WfxcBP1OX8JrFrB/fQcWFB4XU7L+x+GC2dMEpOlJ6X5EilfdW2O1GQuW1eGTVehC708y7/+s5VmPZliAcaSBpCz7iURiQ1Mb7kRhtulpPdddFf0MY6skJF/vRmK8jMOC1qdEkKDg7Q+rBwErawPsiNMHa5siyT+lJOYsFXl3VXoW29tmnTlZ3T/CDCfJAwjfwA5AMaT+jryf8TfyAmFaB29w3GIfxIr2qfL3/16cvOaezJG7qABghysAoKNdP3f2j245HC8Yhz/PTRFGys5GJVHEb3vGsO2U3HXuynT/vKGiyHAWEmlxd9/ienb9HjzigcbBRgSCTjTje6tzOFHYYUQcL6bUipwTDzUPg23kOOHub",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Jn8gf88qjfR/q8TsJbK6WVtzpSY/S0xI4SYndo2DrCY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1eC0K0kc3LYGXnTgUtvEWUC1WgOtUAiOhu8S/XuFbzgZq2LePT7Jb2uDJDXP+WcULcmg/f5omSLA/c6pkmm2lifugj5uGNdliNurrLYX7HYnFpEqO1aIpX+RUTo4mrozbSsfh6n1ukJ3f0+00oDtOXMw2w1JFqDdiUOqdVD98lzN6VNlspcG7IWsHcS1POCq6zSc+yvnr0bDoh97CXRCR/m49PibWf5++SIgweCtN5S/OeTA10NVERYzWukPFwiEX6HqZIyDunPDqe+W5jralHZoP00wmiSRJkIBIf3YlDQZ/3kvYhZnN4oyn4iv9iLewMMmrDa6bXBf2h0G9MrJlMaoQDJ7Q7JZU78YVbg5tzqF9ftuJi8PrWZPWGRsFqnSlhCkbgej0BBIm3N35zBvp6vCK9lmBYXV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JnchEVBQAV6qw+OxeJRlfz/taaDn+ReWg/LD2TLZWnM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ImuAmntdw0WXG8tHoCLJWnq8Ou882O0mEIQzU+H1YNAgaBxswxedQQtMi4f2BRLIaoAr/E9kGovp7CaLjRqOKDLmrdMzUbp4PuBqgTB3GMdvPdEjrbHkvbmRKVcrHk4nlhy80oPympzXLFtbX0gzOIeCz0dJ8fmD8oDByK6s6n8LZ1mpwIltnKQlC3Tgr0vsGnn4JFiDHpASzK5jdujPguqlTuAUkc3pfOoeD6gEmincuQTyMGB9kcb9Z430Q8PG4GKL1kJSYnr/6WJS7lMqwC2EfG+zvQfE3Y1iYHQMm0HTEIjb+wEgPHL/MiSqPCroSZDwzO/GtSD4MX445VkUtfQoAoiwt/iCOaWekHlIA2877MsBb4OVZmKxw/JKxdEph8xV87SJitlvRdTLg/bww6tV79P/si1r",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Jo3YLv/bil6/nechVvPEw1tekhynXUJjowBFgsTJJ3I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mVKyzkoKKi4IK9MwGgvcSY0IGAw22pQCLktWJh2QGk+FzZYwilbdinap/ZprQg8XxL6Yj7gL6v7LirlUG5T/pNOM2mqrV8FhH0wFaefofuloqNJLUnhSz3OyIUgkOp3vj8adx9s/Wgwzt9V09bJ+BCBIJUfI58DxejL04EZsSl3PdbVfh8LsmR7IZet7ukw7wpv6McYx2DMi8QWyn1Hs9Jepy/nYMccK3iOc4sxXdnj/YOWjMrZS9JXdVagpStcCcBbMkwa26d3UD84tmzKO9BOuOA+oUgvMH9dBp+gir3pcn2wPodwgdl3/sBGys6A+6uNKtZ3l6qoXnuA31inY2DJ1Nbjd1BbQ3mw54JI58Uy2KoxZIz7z1CbfmqZN/Kgc02wTUCBwBYwr9lQULTm5TfKVSZ3QIEaB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JoiTuVA+qsLORo1/cNeJFV2Dp1m1VgNBh6rM/6A4vdA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KD9p+9aU3RtwiUkkPTYnkt6A499HIk2Uq3ivDCKq54tqXee4+6nYxitm77WRVpiWkQ/tnj005IBn3505ATXq39r8EVWhnh6xrSee4lE9rJGKoba10btB4mP3oHuQuuMvzP//RusY8kjebwGwmKqzhtBMjaB1jVsYdoXdiuEpMnfarlOxhqVTMT4c9Pvp1wa95tnQ8kdTNM6ol4TpVgAFwpzHD3inIVX6CnDXXx9M/4Cpa8NgcitqsYMrjoWfpB3t+40U0lzad5t+It5yq+Q+PJjJ4yr7liUgfXB6Ucu2xyN9tVataXEDLi04aTfZ/EcF7XeYB2YrvoMjwTSBwqbjOjCvrnm8xlZz3bybiszDzXxx4MF3YmQJTX3jfeW0Xo29CG4jlXFCYLuAT6c85Ii1uNFbdHL20Jq8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JoxyFjLSNH5yemPDon7Pm8QMBXL7e/zWOVZCte385MY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LuQv277nN8+lYBHStwT9y8vFhmRhWgVn+CHche4wKbgddXZ6At3SsCmWfL8K6UAuTYOsGgov8DBhS/E1cKt7nC2Vd4Gq1yoxn89D2ors42s4IVFqRbcTE5nMqcDNUO7pelwMtGE3MgeOZNbh/v/uDaxbdzSvJc7iFuAnU3ri3EqudLQoo/xgmKrbt9Jtp6Ww0Cz4WRnvLFvYJ/pg1karrucfbj/zu09wEOeXGJo/+kZyHHtRLpf3WlD2OkiUaIWwPSBvlWmfUmkI7mjDok9Fdbqfln+wvEA2r5qRYoUQ6V9qWLm1NJS36IcUsYu5xnT81GdcQYHxjTxQNbHRL5PnNUnQeeYrkbc2N5rqmJ51bCrjpOvfHicnpZbHH1CRpp91rLOE2V2F6dvSfFE44vpJz+7GzUNvxNGS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Jqve+5M8hbAdUu5Q1gqUO05JDbs6ik7iDdqB58Nx0Qs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+h/RIgjoywDNKHO+GA9W+7WSM3AM2oiF4ytSV6c4nxzEw+sGPdGG0I1VzXc/kDr3z1vxax44w+8rtmC9iyKvceXhxMctMW2yGzIRjhFZEYAdk1AnyXJqFaihYKa1aTKnY70XJbOxc4DdCfNQBSrt69k26VpgoF/bdi+VGBFhQsxPT/TaPjF2kPbVAsy4ibxaf14j00W0nhqPpnSAH5ahH5GFlos9H3IRKV3Ig/FE7Y3+0kaHxXTiMzWraVPDak9QbkpgHGJkWQyCRrnUqwjgQGv5aQfqV0no9yNXTiTo7Mdnn/xbkmwx1hYfHkCTdZtgR84H7s894tauDq+1t2S9qje+yjxWWP8fWXo65UIkMCR48aORmoAfByoeKi7gZFyJuPVzzv6KEUb8hIFNAH9bQqyxUk5zn3Av",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Js20h817q/KEL5PYBASz9D+VvDGqbf5oaUWjapo4LfI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0tOmbvaKyOOLCxrdCEKLiRG5JKwdFkz+IYanQAtDIOdbEpN+/tRVyac2va8ztmyy/Vnk12hh8i27r2dn5PtL+5Zl0dA1PADwSEhT6laIWHoUpSi5yS9jSzm2yy+7Z2P/2qcMEGTZNJfrNKkNXnVZUNnMOwL41aNcHXoYkm5gx2Wt+LD3NwQh2hIpNoizk2UsO0Kppn7uiBs0E0lrBRD074iVp/U7ioyRf/DQ+0NJatfh21SWtx+Os1Q7vSfzlgp0cIMdU3UFWc/xZyTqNPF4MmVwx09y1qQRyrxnsSP70bdOxeGOOyD7sR2LcEY7jzKUrdZsVEg0MWV+nc2GkIsagjt8fCXZVR5k9Ttffs8qLqIWUChRiWWzDrM4vlHJl8XzvlU1ARACTuIA6DgRDjDAX1M5e0Cog6f8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JtGvLGTOXgqoXIZj/b/E8iaVbGCOs6jFS8sndsw0RMM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "81PYb5jjV984wIQhXpr/SFFzAHozsiIB/A8A524IquWCW9eEJXOtiBvRtRg6jeMi5gziBdQ5KJIhX2NeKi1Arb+XLC3t151alAqBmj6v36XCrWn4Zo6Rf3xEGAvF9GVNstDosX0IC5ttvCBxhmMRe7MprEl/xLxwb3GtWCk4iPhYTyrxP+bgf6mOo/2OFsyifJWyb24YTlmkFsz2j4qVS8KJYsx/XbX+XBrURAJmc6RDN1Y2Z1NQub7mAXHBzK3cMATGCPa0NLDTZYiQlaKQt39olVPxNA08SzO45Xa3+KDN1jclyC52KDPNie2azZCA+dgNs3wk6ITuWude2ImOwUWF91nrmeN1pijQ5PTAl/eTIaxjnQPJ6PYLDqVaMOcG2DpC+lt7YOCChinxFN/01xalKkLF79ag",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JtMWNO8q/9QloD1j1OD6NtPhyWyyJ66ls2SruV0nkzc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dZ1OqObLmbGVlDCKOCzLV+q6kxPbtnROgjL3eMSd67O/o5I13DXBMBbwk8w7scFV0H8hlv5T95IvTTCczeRFqzB7dHzQYxgh7GhkG4QFO3Jo8KQKZbqd4my3oaYqaCLHQjxMki2MbXzFmPs/GhIv/3NN9SShEW0uMXuzq1j/QIk3Qb9uePOg1tliGjL7BZWeNaLQoJlxMiRkySNitwShzTW1gZF76UKrVNviVu6s8qcx0tfnLWfDppJcLszEtGzOiqa+Gi3tzlhCvOJGD6VQAoYw8nmgVSerZK/NGgG61iDNgradJ5kDZkFWStlOjpDuyLvVZhuzMN2+5IkwzxN/pqgsv5DiPiJRc0NRdaFIMBbgeXooKizAgQZZs7s9YLz0tPHf65QxSuy66pD8sFipG0EFbljpKLqe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JwbW3zdk20UC0He7dGHeP27VeNVS4CezxkuPdpfxj7M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xTGiFDPmxq1G1AW/tPsz40rWIqzMFwp05bZU/KjiRA+qfAXNg/bDS1QiALslHjN2LQ16xMFv40qy+eunU1ipSPPwVmktQUSQrYd1lFDJvPnfP3R9JpEKppkoTsa+ZpYqU8W4c1aHJ/a3IKSsjwHDJkxrXI5dZDbKSzGUQVpOzZkPF2TpAOnb6sV1Hm30VaDxJ4axqnKNihYyIEzs469Nd/HcHSyR5TXBaKctVm5gyGHSwQMlXfcOXJhCUwH3YiHswvMBa0mg65G4DsjvxwYnYnEIyojxovFuutGCsE6rdqWDOF0n+4oS1PjMGKUfVfUe9DA4XKIKCssmSrQu8cun3O0Xx7/jqqzcyTS/mhypDTw0s40Q0rNurjSoUIm/Bhrjp34dSDdf1Lz7Tkae+hhmsk/BJi5Qay4/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JxVvvHuAZKtXo/he6Aj/AbaFz8relRFAPaN3jHFraW4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MKxgN27yKNJKFsSYifMGBrgdW/Czcc2Uex/PvxOArUjYbDDbC3bx87+0vjVZg58CBdVK7xwwOVVWuHqIsuCe8dFQMt04QwP2MITXXUgy7/f6JDxdcwG2aqER5RWT2AcLMXo2fB3G3rdP8TpjT8T5Fp0kKD/6QavGUAXqvnms8/GPtlJ1ISjdEa2t04v+ecyWkvpHwtLmM4FeZ21pfLK7AXdbix8q03vKVH6ku++z9o0rn/0HWKt+SQb+gUzI0lI5wigao/oqj6EmiS1llk2guAvX3GLjiAg+r6yGvf4iIxP920pjkr1U+xTQV7RZ7c52MVRIQpR0ANmXaAEGYkWPT5Jv8vJeuMjpwzdHVGYCNHUMp77WKgA8EsZ6c6BR6B/i1Z36yZxBAgvP5PXLSXXnOX54khAkNmfB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JxcWNwPGSV/cJoCF/tEvQMPjfJJsGE2hQjJz5KZd+cc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WzAj/V6AAT/TLo49BfUVsUvHCozAF9oL7+c0rHtoRCDDowQcJBpJHJvVi2EQOJska/gvTN/Jld3lue2edEN1ouw1oOD2mtp2yAK8L/7ZBcUVw80rrfQ4Xi3arexcxtENAGUeF+n5U8fY07jBn7s+Irexsq7/Zue52G2L7gVixy+7M6nR1oc++9ZzlHM4lnyvseUBkR50qxCUb9ezxDFMs1YahRIy+hwAbG9Iqx4KuLjUigulUxfV1Kee8K1KvySZjaNqBO9tLDMjt2XzTZmEDe1ZSB5GbG4PONwFODwQnYkIZukSiKscm+Znn+m+HNKpXgVYNIrsmKwXErgtkOMEshN90FVUjFIaa0KV00/DR2gUgk2U6z9+qanGHwAoSpJ55rJNZHPW1pvAQlH1fKiAY7aYNV2ndg8D",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Jy4XfUVQT+U57m2sOwy8q8n5h7rt0RE/TlVPRwQLYWI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SmUntKq19Z0z3k8cnid4/QsP56F+nyFOeI+co/vH5ncJjMM8beppmK2JkNKmHnS8EQ14bzxBqqDDJSOvGYalKBg/dIFnCk1/uV0JgMhZp6KI50QKXNaiR3uBXe+ryXL3inI9eYTuFMJ0sp+Rjvza43jlOj1+LcZJrTWkuJMmJ2BaAe1z+vR+FnT4c3/7en5CBawenuBj+3r4oMhCODFGhD3JzB9zaQT4jUaqKkjwkUkOKPrk0bCtdSdO2+bSmchN9MkV/40h24zTU7+lbmnR3qpuhxYr/67JU4rMaiMIMaq2eEFBpFlF5iSpmzlslex0y3LcBLaRBkFOH0HzdPk+JJXIrTL8FC0+AnSOmBx6IM7gZsB1yGqsRbS+q73gqFNhgnwD/fiWjbwxz+Xbd+RlZG/aZOIwVuLJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JyOKLMSDr29t6ZPNAHNSx9kREUft6UDgA2wjVqdaKqI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "h47adCThMGmGTZ98+qfDSFhnrhKGyymqQ7Xc2gXw886fQYRuPK5yIxZkXcc8j9J1vXU/4zgNWIkUabSsGrqTtCI6iD7DtybPa5Y4hlRJ3Ddw4hTN0djwOrTPeMu126TsiEbdGMoMBUfwLANbOGN9hgpP0Wgy0EttDfvTGLwRNfbfBrfeN2rUbBwLaTNOqyk4/QBm7RcaMhButV7MXUmtSJh7Whrxl1IuN2bK8gZerpxUiRb7SRfyPTZB5/tXW3gO1JaJy/N0C4Q0CSsYp7m1VlRAgszD7NO0btPZTBXL+EseGBUs+5OhugTefBP+D/xTQMjsUgn3cOKP/GNyrgdeXgHsKLxAYMXtlmcY/7n1g2iNU4eBnUSrH6V4vMkVjG7qbzNeL7nu4aXLkLL+2c3ndN5/XwxHP7vw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "JyS5tccoinROHf0qM6UJTZksg7W4NxCKE7Is9k+KUJY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "plF38WIqwFwLFZyPbprL8kej3+VJVqe45i00a3KroZ9p5ljro7BVr+nJD51YGQbhYU6nqtTM8XvEc++vTNegnqjR03iOEFP8OnlGYHVC36eDjfdCNw83Rl90/aaMp8tWYnJl0r4MV31LcY8MFW3G3j8tFiAZEJzoVcgFUZGhO6ABjp/XD+Rx+P48Dta4XuWGUDX9D4ESQKJdP+T+DXwhclvYW8WLZKVt5mQyQmS/rBwTkBL3mdJtHuhwPRN1kWW83Sq5+OYTB/lHYz2sscqK86NIEw2/Gd38lrtNcKKddDXvs7UshqAPbngEXpY9U9TBWfWm2Ot1r1gyGPMzjrZZdV7gkGqACJfL9YO2k6I69B/jci6Ej8Gr/CDMDft8NR7G8+dXOHc/eSgoTmB3p10y3e8RireRCyVQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Jz1XtP3vXXavrpEyOsCKq5t1jv2o2iVixag9ECuVikE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pM6NE6KoUoduvr0/tCbBUIMIhQIDZ+VVZCdJsvZCLcXjCcCe1UtYYyO4OCWZis43JlE9Qv3kIcANkYwaxlx/I7h/3ENd7XNOAMcSdWjNp9MF9NA0XHOSdl6Hbi0C4W2w5ggq8kh5Ym/qBnbAqLKyZJY7RWxJM0Onup/J4eN/IfBLStcfX0pM9BRzJVLj0TgcsTSN43rJrtKT7GlJLDfsvNbpE06VaPMMIlHGKgu5ELNrF4FJ7udWRmjxVHeny+2tyzqFBALI8MYVQ5CNC62RfZWk32ydBwGjbbJcLDvxgccZ5mALiEXxxzebbiYfEclwPfC396JuZY6ZiNKfwFWfQl14Yi1F6BtrQEGbpf4UWDBfpdMMYBut8NLz9o98zAAcowjE1KgbOEfEK0Ia5KNiIKiCo/CMiTgS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K+vuDyXz3K58HHEKtF06GGd3TgaukTj52151gHXAe3Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pdfqWOIeGZvu/rsZQouVQd1keUts1seNPhVMZG+HtGCoXugmBKgMPCVN17xamaNaIViyNC93tzWXgTlHKLs+lb7JMcuj/dSwOx5zVbFyuV0brhYs1qkRseNCo0vlQdmbNFdBHgShsox9RSSNBDKxx4i2tl4lJlxgBej1+NsFW9Xvx+1TV8mYzwmuiUxRJxK/A5vrI6UTp5nE+HRYNAXy8fQRyDrQlitg/YeufzgsL74QoIP5ngV9nDaCDtP2jTk3Wd69zp4AG1Oif/RYRFtcON2faOdqPcUmkr7x19LvRjr0mc8r9h8iBgwBWTfeMYK8kckA06/tubbyAGHItrEARP3fUp8o3E0hIQ4HT+6v7upAB0Yf7q6OeniO31+4Z9JDzoRHl5mziS+WL37agUiKSecK56jSVSS/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K/Jo4OoUM6vyfZHEb5TeFrdAuAwrB7OsdhA88zie0rg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9GRqZqP1d4fj3SfDdTVfoIkMAvWynamtfj3kFAfCJMjt/dwqmrCtRo0thrP79ZQJMc7aVg1b4SYc5E/348ZmMAkpymZWCKTlOndc+ODXgGAKoywHvHj6tH3EzG1qazErxFB5ghQY8FV/SSU9Kh2OfS94LNuMzKSkuYY4bz+I5ox3IE6KbqiEXHk2N0kG4C9einHHU5x3ZmK/KBisFFrz98tsTAxaOIe0KWQuoJ/4Yt23xWXOoziwbHdnd43NVxsNmJtySvO7c/SgiTEcBMUG9MMui3pW+vRdkuaYfkQgWRdg0cUq73qyfXXnYoeJbGt3kK4B6/j1WnWMXB6spIiAzTnd5ieH67cfzj01PgEVJiu9t9w8GDVASgMvQX2TMeCXr7tvxF5qHjSNbOviEWeICwmUySO0snBH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K1Bk9vjyjY21TCKpJFXuTcRdVNSmPN9TX3kGfwi6H7o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OgaBXzkmKofhIuOZsxMvFLGiazTxdJXNjPLB+s54chUKRYGCSQ846wvwCPtXO0eVUSOmq80+VZ3UaWkSKpY1+Jo2VyWerRRBCweXFcoovHu9JSxlgmtC4vapf/oRwP+kdJzaS4ugUPaZhVL8NDk1RDgSTdigk/X45DrTkmttXJtW0PhYvErpDFUJExZKC6DMACABnXIWWxDQB8MHyKkRQWcQCXlBz8Co0BfP1b/rRZ+CzLVUau++zpJD34hR25ZW6TqGDIAMBZh4w19iB1NsIpTkq65vyzi5Vx99wqRcX4g3ChEVIawsCXASDg2yPPmqILt7FJHPee+T7HP+PuQpDSvwlLb/RigQTgxYwwsK37InMB2rjU+mnvpoXYm/mraYZXXvja8tjXA+gIxiW4f1SKiU3P9/4G2t",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K25F5OK0WeKIXVfpVz6RBCs/0hB4lviMc+/7whT18J4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Gs+BVfYMisEgsxdSC2ZxIr4MpRse+4bLs+rGle0aDRPNN2cbacB/MzsTrLtLppUegpXWXt24ThjWRLlm6EsGUXFAVsT8Ff+rQrWvnlQe61qvkofF/NqsHlAjsH44DWX2QlerRb56rENrBJ+ylzkmMmDKDrLkoTIQ9/ipKHkOqFXZCpQHC7ymhIJPxM7C6OA+afL3ubZ5mRQ+q2QMQzzpV4L00plz58eIogYNEdYla8cCP2ajx6zwh5zHqQEMU39gma7DhkgKbQkOsU/3r+cvGFIYyZ8Tc3id1mHIMY6cy85XNNizqBoqAy+LqM355diz5k+VSKlHqX8jD4vUVSrMBgfS59CTzyWd+cqU0MCFMMQDgKhsaAb12pfhrG3wuc4TO3/NbukJMRpImJNBqrX5UuSPqzgwFnb6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K48Ti1wyrC3dkEI+cQTzQu2KdsLq8WlA/LYxy+8f9P4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xRz9vUlj0V/21EFkapnj6XLm3MKZRgtDWYgL92MEv0CEaJMVkrNYHN9xEVS9JiX3Pb1KzN3XUvDx+3dm/uypYnoH7vlitzClhmmHXxYZ3QroX7cmJ8PH0Oaa2BiI1iCyuRnq/pQj/2higii6X1ZmaiMkJT3aOnPkREYZBQjz68BRHSvgDFTxRJA5VqUmc/0EFq7KTPqrwk2sTlqqpHjHiEXxtCp0Qw4LmyTadIL48U0ZqbeGu0nwzvp0nOYVBSGA5rbpmkBQzKfnAPwgfp8tKfr99DM3ehGn2jdBqZCTbsOG16b4GYbAZfl8b4xj70/RleUVtNgZsMQKF5uPd5gZzKk3aMQabkXZXlhzx62XD0HpexgP8axORnNkdDur7OMMiYRGFKeixDR3jLzYVVKLuTZYFX2kYXF3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K5zoHEewCcubzNl0FGvTpRTdTDUrWuAd+cDiiZqtl00",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "b4aUHICudzZg5c+N6h5YHkoBlcBzIYc9KXDb4S82DvM1wPNsAvvB5Fbx+cJdPxYysJpyawRqIF7/xP6vAeGJTu2H7BwH2/QLKx8ePS/xihRD/GVzNW1wiQ9fH81Fr4dUv34jd4633eRNo+4c4+FeKMW5p0slLvt5G4gaoxhzTpnkrolFG3lUkGYE3Hzj6AblQOLhT/TGLSvDW2VpGVt6Np/Lzs2QX7D32kHTT85w2Jg4W6/yEWuKDFCE0VZN1+i/JuWwHHjRMp0Az86iareQkOiOnP2Uf6rGtaQOMMlli69D9XfAC3xJJOXwZwDZzDcqNtvMRzd9Ch+5P6iqTyCM1DP/NycgDSXog+EQMPSAniWKffEWcR6F2tlV94rOogL7H8d97H4Z/EpD3+rpsjbgtgpsMsu3yta9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K64/H87AcXkS9W5Hgh3Bs3Pwcy6wjOBsvvVDoJsKsNY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9DlH7bEdN11BOFI8OFoWolzS4+Ou58nTXGyS3MHZTtM5aN/RYnW89bgjJrSWApKOFBdfSA4K6/1a2JaRdcjMpjTAhf+8LtzRRSktMM0cK/Ov7s0o2ZBEVld8F3M5E1/OnS02Wkiy1Fnpbi30G99fRqczds/W24gxrKCQ0vjquun1E/6iiLeA3NzzPFeBzG22dmj0l+zD8aEpfNgKy+L/RLKvwzAqqp2zYj7aER2war3v87gWslWjHiP74ZhDjGO/6855vr4mPsjGJnd0wA8VMTvB5OnLC5hyRCFhpFhe2EQVSPraXBZdyqodx57JCShkUgxnJ2kEf8g54YpoCbZa76PSs5NQvV463jipv307uYLmuSE530zYZNAycdJ3UbCnl07ltAmFulQmKF3VRQeaWbd7QI9Od4K6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K6Y3FnaR2vFNekv27HOhucxoQffHzNRUhmEH6atgDHM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "311Icryd9hLsRsm44WKqH4yyHuolSXa2B5qTOoqB+HI1rD3k8qIK/GnsemSQ2Ge1Yd3Aqq3/+FVFeVyXQsSNin26J3VkiHdoedbssMOsCQmQ/y0m3IGOK2cbxvMfYJ+bv7msj530uqjI3lRteZqBehR9Q6TW5SCJvRvzALGSB8ofyB8W4L9bUS6g888+CJn83g4D005hTUuf9DKaXrfLVeuSUVAjVPFreA7C7ssvl1J+Jgx/xN1N2Uh5yM7ZYzAJBKb8n/8v5u4QEZBN5Amfxyz6puh81OiNtR6O2ylJNxT9+8wBXoElm18GEBohzpvKWdxIuLtDpugGIQLObEpIVMKr0CowUO6MxQ8HNcaYRDqHB4juAWllRuvaK2K//Tj1UrnI9sWWF7TRlOZSo2MW2vjGABWJrmMB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K6s9mnZGISuvt1sRa1PwiLbse2at5XJv3XBmN3SnY+s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7InfGYOeGaNBz/nPClrCIFNtCN2yXph3Jw1tzFmHiR2OWz1dK+wlziN3A5OIvKBYC/nGKQPMEpCjIGM8t/thPVR7o0BnQ/kksQPXeFHnOXE3noiGr1CWpK/f9TnLTwZ65LWI+IQhfO4g6RXdTdEgPokKvTdFfPYUn+FUaDusOtWHkRS7iTVHlsv6X1HhXpf9biS4bDpTnhYNKCuXvYsus/I2bvsM3tBmlm4ub9cxh02tgc3C0BIcTDHeKqOrPuwLcGYz1YfjD5d8M5Yhbqrv7cceP9prs0YP8z4NRTHBMd1zpW9qnbK1H5dGbDeTeFGWMIHe1QFQ/fKNXskXEoLB8TjxkZYbWPZdtBFp1ghU3dwkjBcKpgZiE73VQHHN04dfON6+x0Ckd3Y9K9Tdtn8E9qzWBHXSaAo1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K6w1WN6qvsMbw7KY6UyoSvKDTtNeZfbZEgYIXjQ9A9g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7pOrhVN6JV0K5e6LqNqPc8LMjflCrEsJ4butnd4FyetUpbutQpsscQic64t/4tZXDShDGEn6XBX09Ql8jgBLrD5gjYOLmhYF/i8BvViwIZwQnBjcZf6M3rbsLTw9TedYk+HUYy4OuL8gmJ4hRbIiBlRMn5/pYB6Ae989BCg3TRkSWheXJ2ruSeORd9j39Jlw/cLpDdaCi+LQpEpPRcaQfIS4eqGey/vCTCfUUZtZLzlV+vYa4bMsiePejrHQiTfwaELMU0klasR1u6S4Ak7BC/+bO0jjV33xkBaSODF63382+slTPa9F8m9ihxj1UDxUO5Br1nfbeERiee3gIR2bFxXQgNEv9X7R6yFRb+oDB+zbNmdKby5AaYEybm8KK7GoJ04x4wCugixo7W5on4ojgrSNb2H7wQwj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K7wqkyp4flAZQA0zNXVZn5EBUcR/8FALo4UjrSgZlbc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "odkjgjlc7JuNwjhGxLx/rC+62vAxOVnNZveFCdYe+uZ6w/qWjnKYgiMlNevg11kpioHnABbSVtYYMzEuPQFgUneGKSR2Yn2AZhfqLK007VKdLnvFZVJ4a52Ly2bR8SaniJBAVavAkEPfiEEeJgrpl+SHgmoCeJg1DVbxBsfz29Gp2TvlGq9e+XgmctgCUJCKccxxyzS7lR6jMfh4F1P5n+XrjuE2ek7cYTt4LyJnn/0ibbFBS1F2dn+cBlxYh+3MoP9sY5j6gt441nPunLVvzQV9231NEt9Smjl5/HMLcOEycZYxukOY4SDvtFknXGa72fO85oOD0JsYx8DVob2jWh3pUOrRVPYTkxLxCIMlJdFqDcXfprGEmsBypnB3rblyFdU7sY0ARSOMOYiF4FwU4xenjY9Wi2Dy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K8hvwW9ZcrnoQDdcFq3NayMygK14jHwtxZSXtUh3m0s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "q43+TV/SQMBEW3DUVHhWq/TOB8W6ovBqGaP+el0OreJU4DmvK+dAg4BJhu1kSX6F14LKRNM9j++8vp/mmLUySTRQmdgRl09zlvc9yeqD6JQHi5f8G8PP/rZGHVpbAX0NXcOGuhA79fogtuu1WDCUC8wMoLkhw4vOd1lDpAu7w2RyAfl7/Ci7PSEmWS1KJTm5qn2P+lNlaCjm7EUb6d9griyayrgN7U9u700BvFRSenASodiNY10yiPP4k7Mv/MkP8pHAMnwJjeufO3qIkax97HANaNjaxGyEW7OavRds2mJSWCXsWcQRAxqBRP6cKNaXlgfAliFTvdX61GrXehoc7s9pqTJ4YvCo6i9zGT/aYgx4HW5ZJlOcY8GnFniYR6D7MLjzkEwl3t8L6EFnGY8jZ6ejcPJONKpR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K8u8m9Arn00RrYybUGT1+/XTgS3OKAaNyK643pzfKHI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OtLndAKO4wd0UnogtvCyAi4cig2SiMmSQZmXyLm/inBctxq22KyXbMhk3SpGswC2FM25QpRTSVlKSRTUTQmUo9Jy0/pT6yMa71b2qFtQjctFYeo+yOI3MCi9fG5xq7gnf+FoonwYhraclr4+hzuScLbX/RKtgPo4Y9bPPGjyIP4LA7clqiNZgaMhPa8yEqgGFUG3t6hMtxeFOGw37TqhnFlnuPC3kwMbIKJkOGz2Mi1cRqNZ+pQNHwqLsPp5k1uqGtpYtzQnor5zQo+xhKgm6FvSjYI091Esb9i8Hv+te4VXB8iSbKEEg0iCHMVphN+UPGuMe0T6FlIV8HjewRyVpBXqWn7hKM+kGOthD8p75DxYPcf4AOe29cU+tcH/H48fqM+2HDhqgAnN0L5JJA/Cch1abvVg+2gw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "K9DlbKmwNAXy5fXwJdVJkA7gxiZk3Sb9JNWxXsyq7hA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y2nftDi6KHs3OZgWo0xqpbrd/TArh1bSfFnjhr/d0/CY6Zld/t/UJ3N83AMvCbejM4Uqrng7Diu1U2hxYLRbrNJj1p9hD783xbbEDDAeeA/BS0D5gjlJxDhhk+GsH9KQAZd01LCdPWe7FtKyHwKHtUxHRTtMd09R5xpN6DTKw9155pMkBqjvbuCbAF19MstM+JlAYGVKKz5ZDmAtwb9DyJYqBcwd8AOBRjmqnEqLYvpP6L5ZoS4h7aTLmOAGmhqnH9vdGsSqQRJVX61IIU60+22gIFKnWvQvggSb3BxkK6uNCzpUJ0yDpeGrnQwx01MfWHMSnn1Bq16r7sgj1NiAJ5JyxS0jwcwbVRnCcxOgRhN+FYH94soGWmmfHsVr9c01TyEYNepBJkZ8BC7pyRngaqp1Vq1uhxPZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KAlA7sSMAfDAyMfsFSbwNu6XP1zR7xpGoxbVEOmm4/w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "npaxII1zZ/MVNFYG2EL2jJpGB0GzJgRQNle7EBq8lWuPw5gQxYS7GJ5NfdleA5nq+iojkY/8PWyBRH1ghMo5FuXoC/bys32wbaN9kG947Mahkgm6mltcHJC9izqXwEmvEvrXk6oKdnxd0evAY4mElVUyB42/nzab7EmkGJqzd5iS8fblxEVna8hAUeXOg7XTb+2gIh2l3y0Ic3VzteuHcJrWnolg8Q4LrmTqEtWNnGJfRJqk3cseHIwWrgSiQ66RbVChXIfmHBbES9V4gOlgaO/qqO5QhOpu9dRMWR3/wgx5P6UomjBm38XaKaOvd6srFV8C25XaoOjfPA1o22ZL5ZsSgAJaKgAP7K+fqlO9hFnm7JpvI5nrlgbS4RR2seNGJ5qx88vG7pqjkHHe+kdNCpJk8IZiA/Bx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KCo+UiwNwmS3aRGxpfxjoNYWuHIC6gd1FO9Hw2NdXXI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o967ahIih6LUIIdBoYkDKwodABdCufPi+oABpi2HFYrUllYuTTfnHS6iDUE80VYnqsxsFEFclmedNEDzn2mK2C2WRjIH/JQ5c6nIr9J1ewjkAXVNNnfrylLL1O9dVqKK9I6dAo7LIBpfDhzwdD1eIsoe7qoS5pRHaB3NY95Zcs8k8WVMqMYHNb9ZwcBAT6+G4v6V7s51AUwp5PG7o3RQd/At1O/mKzfP8VgamPIXayZ8mYdgewm428tnjsjiQL4wfwxkNakpHpAT7Xg0nBzkCEuACZi3q/qW4VrMfQL6sT87iR02rpnQeogtcMi7qRuEyj2hHT0HlMgnLHlhuYwP8kbO3qI3nmLbtfQHi2YTTdovx5BZxV6Pw3yiURu/hCEbsF8wfhTVuVOaaa+UMVEQynLBZFWh1MEr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KEDrFC3lfU0j98xymWLs8jSkcmwAa5BCWLr4+LsZaec",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rTvV4bw+xtak2HeZVWa0r7xLfpeORWAVReHSlP1NtojlK7fvzL7wJx2wr/5l0Ys8oL1tolMliArYulRLKWh9wxlydb6yj7AaiqopJd1hs6s3LhD9HbAa9Slx8QEvFsoDheIqlE5eGKI85qJgSFREJQh0LeOsZSi9PeGF2enWpAItDXkEWnSk79aatLOX9r4tCyoZ4B6peO1Fjma09IVeG+YsDruQwS9Me+xtLASJCKYQDSOcxMNMOYU/EKXOXj1A2NyhW5GlNAJLH3j6L4cprpWtlO0kwXVxVxBaT/IuOjN5Dmg88lDVwwy270CCD/x+TgxJzb7Qa2+pr0gy6vCjGUV3jsENYYOSjDp7EJG7MoOmQiijBL2AuVCpKa1eB4putm3P+z1fBaTc731G4dkx7BHs5m9UZEh3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KIUGE7/slpbF7CRTQt2YGHSDgcm8zYHYmyyA+KgeBP8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ideLAwiE3VEFGF2FX3NGzV4D70kaSwcw55fPuO1Zg/Rijqy68xRYik4p23KNrVvS5XJf6PX4nqof+IbB4ODkW3TwEvJ0DqOUDeV+I65Fpo9UumeKN4dpnih7nXjBxJH1RD/rw1ts31/RgMmnOhaQFm/qI/LryFmDBilh4MlsO7QffzdhZdqPTNNIH1CjrfAjSwidJumkR3TZ1VZZ5rZzrdNJTtjTXUeP+K4AY19rxXs+0+uDOONw7xZ/PYLA/G7yfvQ4RykT6QAK3YhkJNHtTVhipcYLl5aDiD7M54uVRL1ktE9KS5TkjaR5/6ThLYUOrp21Zc+q59RhG5JvsyW5y9s6vXVkKdjqWZ/VrFpCW3GaKUOsnKe88Gg94Slzo7Ok3OaFGEbXgSKqx8V485gDYSTicI3euSfo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KJPdDSpffvy2FzNIn+oCY7c5uABLFj7vCCHQz/nlfUI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "p+ktm8XjiWJUn6LRfJRahCWd9rlUkIYOEOWycAdY3MpfZkP8TjhuOkBWmNXK+EGB4hAibpZerRkct00CizFrfW+Jwsd4SbfzJaLaWUZEJgovje1BW544VD/+NtncFkz6R/+C8uIN72lzUwqX0SVW29ONHx0SsuzuaT0MavsneqXQNYiGSDijAsiiOy2NmhzyHensO5Y8bJx/Z3bGVOcuMVNyBlWPly1m0pece8UnVw9dnr/PCjro/JS2wYs3ZaqfKM6kj+m22rryUZ0ukn0i/L9iAXA09HW8sWjxVTF6ASSbCF76df+5m6ayK92GegiTIvtvIOJ+kPkWt083SjuZ2NxF/H86mzV7fevhFIAtNEHh4zzgEZinYYkpKOGhm3ytA7+OdZZ7nVfVm9uMwh7bLo0y8t44pLzG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KJWyxshkGMsnaZm6VJhJDjvNvDfEIVCKng7P1ORLSCI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bVrUgfgPXLR7GGBRyEqlrz98W9vk8AYFWKgOSrAgq+r634+1fEhjZ9jQLfLfwpzov/FpgCHSUcP7ZAe4FiUuNAMC0FJOdfkfOTZnXZbE6PwS2S+dOTOUZsYaT273zo97QjgMsExVTwsaIcuJ6Qqdhcm1gg26BOK5BC97EZEr8X4xcqOM/tNC8YUE89RVuQnc7pDzFcpuadkYsqTTZRYIm5wLtPd3VI8UmeBSOcbK9+ZymxDSy5J2GeKFE5rk5Q2O+Mp1ozbPhCvcee9gBqDvoAmISZLWHy+hw1hWFwvU0W2XAcl8R2aPUcqvzBfR6NUIVsqg6MZAsx7jHxNcLT48LtRkVpjPu6eZDe/+4AWbM1OUqquc4vnbncemXgxEBzzNs8mvM98zUzk3CKdIYupa2g7fPn67+5qh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KK9wmNj4QVyiR1KUBDZtughDi4B4Bw3unRsYjKE0XE0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Mbnh4hNMtjq58p6y0qepEyx94pkHfRaxeJWKT5z8Z+yoELOs4HtT8XwLGfDeiSHdXTCld8Jbr2gZbMDG0ncTIv6nFNh4Wj1Vyg3S6bWB+gCHIdq6EA/tdsSnWL5KRFhO61IsEyxH6d2Z1ScSKr1RbJ5sJU2E6zvWXbv9O/Fdu8g/b/deI1WgenfTwuY/lJyk76JaxGr9J2njL5aWmRfvkNn6TJdqLngQR19BlJZe6bq4dN4K+9llNiXVDxykcNYp57k1q9sBppP2qEpzzn6dXc1QOO5wgI8FhrDmUoRQ8bZ1q5L+GleZHLujZ/wIpqhYFJXa9cEqjW7nucd9QjWmqG0PSROsYDDM2da+jO6CB0hBO9XCUbhfI6kMms0AxtxUd6dvHfneiXY0P3ErMUN/hnJoQut28IO8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KN06c2wlTZE/0D0sfwxFAlJoPbc+sNdzDiqbE57ZM2Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RhMKC6ywOXWkAj6YXkZyzN9t/T2UErgT+Csl5tN79BDmXRoAarGz/rSZWu5mZXe2PPrUs0YpxU5s7EGtEuV8WfnGHeWYgA/iksFKtUJuEQ0S2eTlQErXsaUqHQD4nPhe8J12IGyYxRsyO3YXLrGVER1VIqD7KJ0j6f0vrdGCAC56Iskts9LW+QTmxLGOUgNbmZr+wmYUlLzApcZOZeuJ6QxjekETijSWDjWzI59ZQ6a5wG5OAdKmN/bv3AxJUJFo9c4wCoE1s6ySqYxVoQqRKfuLk3dwThOr6d1FzLY3Io9fYVGfDjCSszBJ+bHAODz2pOLaCdiTawNBmMnB3//h7p2Q8p3xuVRiBwcmW24XLRnS5eSNMz0qadmD95w0z8/YPOIgOGcrnDjK8AEKgRIpMn3PGwATa4lU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KP2w4H31suRjAs/uAWKnnb5nSqU24ny5IZ4oLKwihTs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i2eZq5PELyqJLiaWIPYXt4zAXLwf/OVT+jb4plYBzT7Jjt8IlOBJBjtLwSiDWLWzqtEyAocHC7DxOeb1fpB7S8Azrz/a6aU5pv4Gc+aH+mAShWQ45Je9fIsiRNvcjZH1AV0erakrZ5Pf2ytqaHQ4I0WBCJLhy7NdnmuhF2ErI2HcRzZY0kYqJDXMn4MjsbiooKjfndcVwfS91O/LQ3h0FnP3p7iqakL/75Nvw72O/r2wXRUiLzuWlWuSzySSSEpdlPfpWNZ2S429bIsUzA0VBp3uv0ensqjat1yltZy1ntQWzGU1mlYSmJ/uSA5qCpA0gERPdoOj0zi+FBN0kKG0X8EWJH7ZMMZlt8xGh9t1AwV1qeQBFp9+OeT4xvCamwKyILJYSC+lYph8jtA3qyvykfK9yTplFtEP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KPWdGCBVWeW12IF0UlXtn5QWuew7y8xYsgoCQ+m+GaU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lBC4OHmBZRkhIygrY3OV+f9eDOTJygoW3LDdlDh9iRRAoLqSkabCbENiFN03USrdwjhl2gahRWhaQV9XWcKMZfVwL1qhe10V8RKhKf5+OytiGajV3Xtx+fGo4h2GfIeVeldYbvlzlskT0U5FdvXtZwv0ZNtDiXg4yd2Y2a7VFNOF4ZJMV99fInm/3hW3ETsWC0VujbIEVzqGyDh7I7SiE8LQ7/x5aIVXRfBA/HUsWeDEHGnzrIp31SYFCmi7sMzysSsdV5Mgci54SRQw1xqe5fyp6jYy81FEOK4U98Bqa8JsKjvwhUMWXI9iN+0cEa1cl9M2l5cvLPG4R7ZWxIBRBwEzVYdqKK/pejO7hCBCoDxFB8RUEciJVLwKNq3IJOKwD7EI8Atd7FcjEcVMSwTTlBiVTYnrRNyZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KPkUEVhoLhd5yzuRTJDZCAhT+ebw3NNg5qJK73e1HGc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ISAHfVF5FUEARz87gTJqoY+uIrys2C+tSI/tDtLjEodRnvY1ZXen+XQTZ8MHzgf/5vLbKsOycD5QsQVDTqXf94ylP56er/QNrd80vI8nYwGvZBKnVe2JwtP+wMs5NM5RqyJ41TPPeRUGUWoU8qt+nIPOUFuAkM05mqtE8zvOWuFGfPEsKOS1fSxMSU3au3kZjKjMYcZDVn8LQ7vQZpLn4zQUuSZ2UYpUeDFXmGLrU0paNiZRCN5fq1+O9mfxnfU7UI0jd8P7RbydvK27U9/DQnBNm1KCMYoLJhOaqWfb6maSguA7Lw5+WgTKs988esJ+Q43n7EgORYIrIdpmSD5f4dzUpU0T13PoY2Ro5lu9jq4D+gWo9wjm9iZ7R6hEiSNiV94e5mfA7AdVX/9ySbtNxvqHPX8k3HXF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KQXh7d6mqk84YjI4EBdb0jF/TbEvQvTTQUJRaJXfwY4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mzUgzqhjW4r3a0U6IHcZa1O1KrQQnrZ9K2laSSr/RXhaVHYQs0lvcyz9iYOiotGyn7q8JBgFtLm9GKg5G2gO3cEFV5QNk2cadtDUkgAJxNwdoyBcv7gjm4dGNiv6JtFFUG/okzGTp8qObnJsja6J5nG2OiqgebguVPat53HmGYvKDtIo93VsiC2mQ0AXqPIYeaupcvqtJx15XS4KGRs70QBkUPer5/IQd9weVvOA9qVfI5YO1l02NnsCdy9bM9Hv8wSCOi6hEnYgC88042pU+m3aQOwlzLZuNOqMUBYflc5Kog1IvBUpaV/K0FYLTZyofukhze68UZXvgcLpb8v9tk31i7hJIbV03TOQSLREQ+QX+iWhMnppppPqLidQmGelg+dngNtKifBZvtGmLwBJCGrqATv7zmwX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KSag6R7cYKK5SXE1+FDerEIC/Z1MN3ixOTNiFuTqHYo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LSQeNT+FOdq2SAMbW1kyB/RzobAYYtzM6QuFQ3vPtvS0C3kBLBAJM/OE7J8h/vvkR/1J+q3QKniqC0oGt3I6k2D3UlvcymJ/p8CFFZEGz+N6Nuy3Ot5v9aPzca0bviv0CJbQUFSP013DZcVwaFbSXsGFW9dsaugBHbAMTmoyS02cd5w7ZeuSyJ/HMhLaLTQwsrLV/2Lcwaw1cgQGIt7Z4kjTwSW0R12g/fxkk101EgNdJc+1nWfMjOitAlKgtz07PUKsVsSzgyUuIWHNigGKpbtWudxAY2Gr+xog5baEYlKfDcl94jBVrCLuiTmCDTKJZye1Oee6D699dHBZpKK5JX1M14lc5X7VjmorqqSXSPqjFQyu4N37/GBxMDoQkzaJ9YtwddSD0Uly2s+wztNkrHjHJ0GKoDdR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KUALP0wgYR8l7gKuwFgUVZ7hSPdzBLDDjtaJ79o3KDU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/rA2mX1zSLRAhL5JDiMtuKW3DlAVMsKR56pErzFZ9YQ1+h8ZQRr2tP+laD0rMaRTMGIlmETjob/4W6a0cTdluX5U276o8IGw2KYKYStzepE3ql5Vt0EQMBxqiOhMyVcIrZZvCSGHSsGudWnbki1hK+z/diS0/mxALHtT/tB4G46v9xLuaLYOad+mfwnFGHNS2psXylaNyV4W6NONV3VHo6GXi2ipi/YmWetK8FSB9ONUp+6YyKywcGbZcFl7Xv82FLYXaugDTvT05FEkAtyUwYJvDZZLMjBBfP04LPNazr1VQsbpgv+89EGRVH/KOkwTCGrcvLnm1CbXQLabIDuKdcrMx5YMMNadOstacxUWF3UASok2yIVUATChOxyGn7APsjZbWkQ+E0343z/0tA30COzt8NdoGrqU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KVh4XZWp7Ik2VtAk6sQIwkMr0wwdts4YFZ+B6gHQTa8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a+jZoEoRNRpFQ8AaymcKIynFki/BGEPn+5C1+TQL3JTKDobZpMJoai5e7yjOiFmMVjQPUyAczy2Au7r5oBpux2YI1qVeb/IqOmQBWdawxTETjPw8Y/xzlrI4Z0EK6RkIuJkZUAEz6IMDfaWPJrL1P4BP1KsxnbnxSYadD/iU6ZyLl1HcI9uKbhQlCgLFdIJmbPj/FB+lJRviqq5Wq9YU2xylRSWjH+1jqq7esTgJ6fr1EZ9U6AU/FR0a0Lg/j9nxGGZyrdUYG/y5HPr2S/8x5IlY73iejSuUiReNVVSjtpDI5Ou8/xe8Egl8+Yp8dkRW8sX36rVdpal915LghaBP+qOhZmDLWltFfnwKwjjVqmewEpscvCwBFQflabyxOK0y/RmQeEm1C4/3yUlROhOXc+wUyzfWFDhT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KWsibqbBt4w9WP+4czRec4C127QAnAZHr3Ke6KLydSE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "es6NaLSPdYQGY5H7H83gM2Pe/ljCgBmESI4pjqA006hqREYWqPcs77vj1+j9sfGCtHcyWIKqbyDgd/VEDHrD+B6DP3j1oq/EqF89nr3uMtWCh5No1d5+FojkGRSTaSa/BSk8SzTIIZv1akAQMGADE7SbAK1ffJn8Sr8bU1zO0AlHKl/0Qp4TlllDsyqAYwK8AlIZ4dwK75eblpZDE1zuKcW7wvY7DT1XIGDOu/8f03hX9cFzfQoUd32xsN/p6lB+xANT5fbn6JEr59smCGYpGnSIt/pWZwkQrhSfdxV8/b8nutaq5OWbfy6XGn7dju7j+RwCz0T04+tDP/8jd2Rcl4lSm5XH5ReXJupCI7b4DTamgcoov52sQgpfp4FESeU0tLsN+WtELV8THrPScGsUvVSNSm/r70nd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KXtp+mZs8TYJLW9dDBYpEhtH912mjgcE1NoCFM1KNe4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rkcNveAP3IDY2bIHUUbuwGoSFcvY1C27Z0flzZIy4QLEQJ0Pp/Qi7eXAPswanDRiDUgUyBAXMrjf9CwnM4xgiRu3DJG0SeUpQMb/UM9fb9uX0Kj6KPmRu7bg5hk5pip4g5u9aub6xvs4DkhC3kN1xN+WP0l4pCMGpLqmoBOiLr0fDYTMWHDy6gXupaZb8bDyUJjMIU/641Mel9aIlGhBgb1/yOcg2J7b9Nc7GvbrTLJo7wSZdC1KPGp/IA/HPZ2DdGiihVHaGibsZIa1FVBX89nEHl9j0s5jxhWy57dEL8Xg2BVpGxCXffApxW+5WQ5AuUOOWFUuGpAb+MKRovGygy04sUY4KJF38IUUE4ywRGKoxFeVg2X/N3jYzq19zq82IX9rrbYtKo7BPNRV1Jnbdy4e5pWgs2mH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KZTgwGz9R74t56pA4SBe07dvqs/hhA5cXgUlrzjO770",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i3DB7OmuuHbLygZL0M5JJbooLktngN5GgBjcFX2kA8wLVrgq9gnNe1OaPw+PBYAoWsU/VBaniE3awobjaadhaw/AMm6lgZ3+vI31JCFsLF+fvHjJNKzQ4ECedkXruMaYnj5gdXrUpy02Gxn3to8hTUeNXiOkDl7vnbVDeVeS6p1e8E3ZukP8CIycRe4NShYNGQKCRdUky7/B8JPL7A8Vg6Brj6viWoHCFf172EvG9IzxTk6sp8mBC9Eb8eYEqrrPfnZmn7/hELJRcPELwG0LO64w/sPKfZEkelT/vmVzJu7oYL9vjjtFWygV26jOg9/6I1pEZsK2JF8+BrdAWPYGIELXz9CpGORiganKfOLwizUF8NhQafHebGqEHnaDlIh0bGFivk2aHEF1n2QOhsNDt4sEB99Gs7u1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Kau3Iv4gqEbY3FWTC9Uk5bao0O1EHsXYkkxFrcKOrME",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+QYgYCYZilTd8KMran6h5pGRFlIsLjOeFSh2yUQJELFQJ9faqNy2dOgQPZGVbDCflaSyyy03wjrwURTsPlDzFcbWmc2L4K+vSUutFiybDEzdMW3dGXGxLq0vQYC/B+tmr8qfi2dWFWEqrmfiFtMXCwhDLCnQC9I7HmlghjVVDjvioO/eM1wzQevXC7RjwmtoXOb4dEGsZSoXVrZWFnjQmJc+yqb7lguQGQtp2AbonO6+n2kUkMXZaXntVKEmpNCXaxn425W1bEG9R8J8hSXGaNlXLAmgm0p323GII+/4V9sKTPP7Br9YQIkqWhpZnu692ASxNWk8Q+0T+bc8vUOgLkPSQ4ZTJf+xudx2wjSpZ9zNlqHSDu6yMJ6Eez8XCMuTAOgj1uVghayIns/kohfqI9D8/9MrqxIb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KbQHjHPF3frY53LNbPvBNboeMIYU4Ey++RFl1jX8PPo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8ZxO2bnKDimB3zkjTCWt1Q4RCutBBU/0tpzJIILZkZXEML2uV+nMT7MSDKAawN6Z0LiPoOp43Rfzu3ImjPPhmGESaA6TBybbJPPVpjqKKrB1l6GaMssTXMJ8Lk1rQtRoVKlpdZOWEw/gmvzPX91j5afT69a1VkdGkdGfk6Yt9/hZM8Fz5Xr/Gxt3ZLcOylKXFnkWS3Dtb9bjTzIyqviYvt+qE25wUHPAl5UZLI+PE/X1of8am4fOrRSsA5+2c27/1xvbunnVyeKJ3IhfFaHuT1m9vojXqktnSews4yWbMPNarCI9M25w2bI0ccosZ5LKMgTxB9Ak/vO9r7t+CJpO72ISqBBC3yXXG5qFIfrpKys/bFKZ0m03Ko6vYvooDF2ln16v948rqbN0BSZJTHEdsJQi4Nu1dndq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KbrJ1mMhdUK+0Oy2vWqq/Guw+uvsZNKJYbUC6mQMBug",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ht4Xtbzb/Tk1k9yHVpu6Wv61DG9xm/0ZxY6wreCYWaD/GKbRDkj0y1QovBFdVNxcX8vlpgUBUI+xBst+2imUzMeyZKl7Zty1bqd49zaYDG+47qOvV38qEqI5VS+Ysf0oF03zxb/xdC7DQjz5HqY0qivHJyydhyfJaMxEe//r0xJJD2+x5qHWxVQ9jFt6qYrp3Xyp94kUNh4sBX1SLo6EYg567etfn54PXB6yf9tNpCviPUwX9g+yh65g6kE6f65BtEJ4If/omOIcega9aVNbizhbO25pZeS/ARTz3DUXqNIr2qcaKe41P9AiB1ki9rZsqqASRMyKL4sJhpLJDe3sOBPERHjAPX6LbNB8KhANuFAVFRWNACXJ+2/fCfrnnVdqF0mSxRA5DQCriL1Rle5Wx18mRAekSiuF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Kc+ikBM2h4qtkYTwZb+w2544WpodWFf+qaDu9MPrpBg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sWoVBdmmuVQL9YFIdEVtRz2WdmtQBeedhtTU6CEOIH5w8IXcNMW7KojhfASBqYzY6Ki03MrZIC5KOeUh5j3VJZ1FNfvM2sg04T1v2hbqaZtc25Y/9wLFTsGBWjI/eAKWlKcQ5pp4IbP5fzWvoG2Mlz48JMc532/xSFx4Rq8pFzmw/v8Cx9fMN0Kc9thw8ZmR0330vEPVKHPVLM0rm0XW+yaclbuXW0tn6C+JWvUPQZUGF4WzPRalFT+ZMVOdr3BRJ3c6hslE1DQj89s6TxZ5Sv43xrywBvRrM5CrWlLiBfl95ZewRtY5VO7zVsxcmPfM1qjRYU43s1RHi5hWLMIB1Tkk1zCigBLPB6inRvqeR28EWF3hBvp83JlQDC/hlEfq9+chZNwplid542zV77JD/bNC2Vle+fCL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Kd9y2psQ3KN2Kq3Z3b/in5cVN60ZsLSfxyLYGjl2AOA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zL/goS2tEDMjHo5LSc9WdGvHcGfXG9xmVaVcxqU99LGTScy9TR6YjgUtHrTbGHJcmvJdn8yTz2J3SKcV4VGVcvqh5m2pz6jGZQNbX4LHmRnEecTwLbU1A11Tujlwq5r3KKsQz25J9eTrs+HMWJOYvnp5tyDYEwQqbTWWaCgydI6k9Mui2Ga+q3U+WJt/4hypnw/iEgubo0NT/xvOYo+oqIH3aAz4gwcK6F7k9FpHMByAA4ZcxGuO3zX5Io+eHj5XBFcLA8uC38iz+rwY/I0e+hKSrI4MNzm/PiSrU1qNOySIyowyojo0SeSFeBryvQN7IX7Rsa8/WQHub2gqdLim2QfMj0mk734v9D4ZOvyXJQdK2Bxn8A850VHwTcVOaskaD0ZRSiH/ReEdVKOcCCXbK5PMOta6bxxX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Kg1ElWuw3tVPN/+5w4NPPZYgiQsclkbdw30DICUgcLM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TR8tr/3Sy4U1F8d39HIre6JYf1BXxyJ07Du7z3HupRzQvHTJnEAJqcFj301N/0bwkEenQOcF5xSmtrvwSsvQ3fduD9C+xCJTyjiVL89KLJse6OxPntR6vP4CkEuEaoSkM+mexlP8AUFrGK3wxhSssFWBQlxzgq0LPZpH1hhiGZdqNPzzRig0KYJXGTftaO5ITd3gXl2MDijjblQfGSDJu8uKb1HMzBuRdjdVayLLP3RUfi92Eq2Qt4kCgg12M7tUqaVStFOmXXDOiNIG5vxEcudp3NyMPlh0bSCTBYRt0yhdL5NRu4R06UUxrHfkPaSK0B2WvGRIUYWED1l8/t0OqfpdUS/KOk2MiGaxXDGOMJ9vIQ8PXJNvcqFLETQQ0O8EQRnloPvRhXlnldKUMv3ZHt1wcLu23PGh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KgMvn2VnQHDAt9JovvBBeBOomsGDh9g3z6/R/4kezTQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VOS3nBy/RlmQBdrQKrZXo69ZKTp2UP/r7UVpY6hFzww9NQi6PzL5oIwGHpCk3ud0eCt0v5kOe3HF8m5jliCyet59Ja/4JHYTH4wZ5KIbCe1TG+ANHQdlYPklK6PdO85yVzgne9PfGAK/iTO2MyAaSR2OYuAwZLD7/oYO7DKS0dLrEbFfdiCIX4HUaL1ZzOykBxSNXoS29c57Q/pEHroXC1YA0X8LlUPxRsE8HioOBH2bT37SPm4uYvNQhXENC4o38xD0ANFPBYvibJWFizYzptmxxEwigHyw2cEjN3via6xgro2+offNTaskF8xGvweZHXLH5xhWFFTIrcP4pAPdCrzA/565HM+eTmlDMR5IGlfZaTRSkFfJfxdWKNILgUfase5wTVnBZDnmxfKC6flzh1HHiqoPvafi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KhcF+pNjP/4cysedxOoYvHrsaNAfjjKJOtJEv4oUfDc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "274qZVH+oJUoQXD6ezbDoHMRkv1XsUlF2hq7E+2Kl94D9VnMJuDEWbhCpwvmnVxOU2Hi34fjueIyvDYmCYxq4bU9BBeyH2FrAi0U7TWt6EoTPrN7Wsk379A3HQW1MBq5aeQQaFJ1ginZuooOhGOvwhXNe9LCab06feWu4jZVyul0Pyppfa05LjAqImr8VanV14T0wplrAfFPJnA6HLO0Bi6YEHIf+AcHMRbj6Zick4bE7adUGF1L1eyCpYXUh9olgqy5V90pV64XPWSYXgtMuekahm4cgooGghUZbvqx1gdChVEuJ24YnaRnnVIh+yxLhlHf7K+49hg3kWEQ1qGzhYt6MVGRMvUF9499V6F3M4OUIjs7+8ZKkDwHZ/wjGSpUmxXHrn+HiFS5za7R0XtxkOUsLWs/sWO1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KiOUgPoCtTAwXnYe7Z0EHb6OjFIq8AmWwcVE4T5yAG0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Un+YX2hj8DWGy1vW3EYOEcFFImQ89lfntHn+LgiBh3o+ZC1dtn5tGxkNrMeNRPIlrUhv+bmZAYPpc91ZsLKg5I+fuE4C2W2O9cbNVVx9vJ31IdvmpcEm3ZJlV5tsiqDTFBmX8Z/OiP5m76O7KH/pLobHZoci1ZaHrSmaSZW24oKmcaJyILFsfAvlxfKMPdQy2s9HGP7PWR68bfEWA3S50ZvXx4Obj5LUYxjdDuqhmQ2KY+RHWkXVr08ER9Q9mOKQQ7w04fSu8hSiJuoIZyk7nSZKaWqUeVgghMJcaYmEA3Mlw9jaGpIfcE5YHiiFiZqCRK7hnEDKgkin3RmYBHyVzEcOaAXYDdPKc2DfggpaIe7gVuOh3KwZoh0uPxslY5Se91Zf5+Ks/oZzryqP/cSl0bks/GwfasMq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KjVL9OORWQ6YYsCju9SzPHW1/XvEM0+604b8BRQIhI4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AfXeM/NaZJ18hmLOU5RGvAyfdiiTZHXIhSE/6czrAUUjZatKmEAqEs11LdR3QdkD+ObEqgJIYbEVV9hy7AaWnuv1fMpM0nuhYaYptUmtBpcDTmsKw+lcUwbUqB6u1iRSNQ6cmlrvfT4pPA5GCeW2BydEBwcIAs7P354QMoiAEJHFr3st0e5j3jCzlhHyeHm9PBX9637bzUM5SSN3wDm+b51gd0Hf90H0NIqQMvLEkpjMvcIKfY5ygqvhHo7p7hvQz6nJDzpoM9brKePpl3Qj3FxjSrJ9tWZvNMeGSQ3fzL9drnJ/VMePedCA8BtFugeOrh8JttX+66o5feMTa77LUJGrTsbdjbMQRby8XYe8wbsDlfEkKU/0IhcgDTxp0uMcaAhPhBmNQkhDbpZnjBV5QgAMjkD873O+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KjaAa6KFB/HUXbyVtaNMn8HzcdDaQLOWRRdQxDLLFqY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ys+1GVqwZb1vTiDC8zIjoUeHyE1tq/Stm7YWtBhTkGn2T+hCoRhLAORfcVCp7t4OVPeIxlD8cOk9snUjfdoQHYCDTnfqgeM3SRG2bZxvslpQJaVbB6uDfqvf9dH74a27wt37hwOgNrOHjtLV69iUeRozsBBFfnhd1RPiLxiiSVCs5/O7RqK15plD8lE8jel90eYyU8okKk7xLYQ7OtG65VSI/yLXwrHMVhFd0n083ZqzKTuFMcPJzJmAMvwiMH1Eiz2K5n7l1Qsf+3BNcNcrlpNZqpMooryJ78hEMPUgFna63ZqRuqFAgpuy+Vdr248zKUteXKvweEl46vgPDAv5pjxHeJRIxz1cl349Xj+m89wIq7jXhtj0s3315Q+KBoP9krMDf7z/l01bekXJCK/X+bFLnoWDQzGj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KjnkCBYSJQuIINk5LWOI2rbFw33lqtzDUtt07jggMNU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VYp6intSDgsqC1xAvfusEA481L0SH1Np6IJ9OSkDV0mqhJZ2s7iLTkSE8AZcrX5OvvZwqkdmAIRh29SJMp8qRlf0DqkER0dlQuZ37m302AIrD+6S2ifHlysmxXmpWGGj1bssV0XourhEtkWuFmaMrRpGizQOg7HhD4xKIJg5vEqqSz9+qrUyTIWV1Qkb0mNmwvPrXwXKUmigVxob7IkdFH/SsSbptqebJUatF2Bfgndpya+yRuyws3GobSKhj7WK7F44uDaWzxwKUUapxaL/RWdElkR6udw5wzdwUngDUaPeJ0h+UokyNYSQdUggDtOyecAqNSl6OJR+mIbjmAOSSOOC/0vopqHAdcEkNNIoMRl0px0qfXWSAawk7yLLtMxfhaWmYnULnXMPGuRYFrsQILNf2SLlZHn3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Kk6AUlOQ/u+/iHI7NLc18yKAnk89TX4rvJ4AO5hTCzU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pmMwC7u5t3MIt6hSdXyHNh8YBi1lJBLTUDMIUNKEJHdcoP4jW8JqLCuAsDJejhTEb53whIAsc7ZbqcoN7RDZnqvyQXZJ5bgrnJsY7VjTLpTYM8R0olFAA+l1ZOwaPnSP7ptbcDlfYWog3UDWuQ22bLpghJPo37A1LRJQacSIr6BZXbuxgM6a/5VcG2f3pcKehlV/4UQ5mPqPU8RFWpOEdNTv4JnocXJwk4TPyDDLbMW704DF8UFvlVdw8VdvyJv/0oRpn09laj/9kp+YShfd/hNqniESJ7ju+inUcx3xNuw//j6g6Utj+cEkw7+xYHEvgr7lyU5/gEBcwPko9VgXW3tWSvvGSNW6bHom6e3bwNugAFAjsXO+5lPxZDye1a12dmoQVwDqF3CRD1FPJdbOYNmNkiqaJCWV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KlCV4Cela1i4Y4SF952wIpQxSaOHFbu6QlXWxmrPSOo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ojOVG9VsQa5/b2GaY9RWpAK9UX8Vx//Q7H6uXcIY8FAm1RN6b88AITzlwj4DeaKrWnA/2h/xk+7GF84jmBFCqjMq4IgFJIQH3l1N8VS70kZKJWQXxHVpm+WFnAfY+H3n01j660bXsVvM9DP6AdI8fiZ0c/1ipk4plL4Dex/oYbh6SIV/zvEl1VRYTXjI6F3MAdkSKwITEo1GVuQ4pqAK4Q9ihmuBLPcmI3uwcdWuoD+q/7vcHEXrp8lN4XpufHe+wHRPfUVIhJa3zxrm0m86vNea7XTytQMz9rzuQ/1YXgP5TdL3aHUh7QK/M7FpavU7arMdL8RY2hDtliHtuBNc9dYpZrTtGR/+6E+YKxk+WrMb6aJXreYsztF2kyhYERf+40owzsmAKMdgh6qctkIh/LrYSkwYtm4M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KlaRneDLWpc4wMGvlaVKgolsT5G5tOeYtr4DHVhupw0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1HoepEOE3pN/gVqQ5TEaWjfwSR+Iv3kRqCGriPjjspeOldjgVoJt01sWxYTJvyXOcXHBpDhu466M+pEyUp6FSoEA6GpG3M3Y0L8CU0tA8sj+fFw/o3LNGvwhax29zg7LtIs80QUnUnssbIiMc4EpjWsmrEkKNJ5V3JGf/SlDhPRhn3zcvvcgN2GpjMLYAzQbazaPn58U/M9j7mK1OVnIDrI+0T2xOaFSvdtnLltV4ltdAPwxeUIwB7czBVPPGhMMxdMtK86ddOnUI9OikatZlj81iBQ8jfonZavFHyJSShwEC+wZrea5B/r+dK8q/Zs3+JtOs+youCoDJfqGLDAEgXH2C5Tr5qC2WGh6xrukjvLjNgxo5ijxKYFYp1OqY9/vgSaQXkUHg4wNbLKcY1dAOynT0suqKTzJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Kpz0oowUmxPm8MYLFix67xnPQqfjYELz6dsxlC7iAXQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d1Ar5QZfikCCR17DuhQGeoVcQaWC+27/05D/6aH2iNyL2KAgEQb3koo1ityWYe2pSxqhOVMWk1GJFQTEA6RGvxdAVmCiSAz4GUG8zNQX6QWteQgLrSARRJ11NGVXmXyJkSFWubGSSo5nYQlQVDn7bUJRoB1uAm+RIfiGWp95T2+3yAu+PKvphNflGbaAmJB9wDB0rVhs0dTojQelneNn4pd+IRqcQgxq2BRibVmjZGPXMu6rO2eLmnPz8FEwJGlPwhSkP5HhtoZiho5MD1FBU1Cxjsx08uFKSpprU1aTnoTsOUX1i4lFUHWXG8tZl9L5tV2Rf+VR133Au7r5Y4ZLHgoe5myGryct1K0iuO8Lm97xUptdjrTIvnC0x9M+WeQHHawZsotGTgGfHAZ4h4jdsnJs+zWEa8p+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KqhYwOtnHsVjbYhQEimJBaac1YzMOO+z7Th0h/AnuXQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sVjJAyQ+jJs4wlvgBwwE/h0r+G+rcQQHM27u1KKZT8l/xP9XEwmw08I+zCuAfjhOmRNCxfCjVnFhYMdyKwLR1yCv0MbtsN/jg3q1i5qZCGZos0iG3AX8ovaLuEyiQR1nKzwy5j5tLEWxxHXHKKvFYfijuVyijxvLqqcb+N99fB+YvvuD496M8OXmt8hmgmTGUd/IE9LLYhhcjlNMuLnr94+h2ZtgnhQ+IiyK6f+HqyB3JPE3+8ZbVgiUrb8+St3oHoPHoHBtW+bkGcu0Qw0VclRooPRO/wi8Gudfrt1wcAtshtekgP2/4mbmCCwhMe261kC/L/geujVjn/UouwFN9p+WrPOo4rp0V6fzfLQhOiUou5LJT0CUvKOWxprs7BzDN+ul0wCAkZkixEp+V2/Cv64ZVKvc9Dxi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KqufGLazfUF++5uQGJbwVYr9kfe52P9Zr116by8Ecu4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TuAnigPbh+1P5yGecTfq9iEGvNV2D+YA0ShNHE7tJRl3etDD0BEVHvZaxctve3dasdk+6vRfk4LDuV3A/E3XayjAgqD2YSzJHESrEEE2vV65UYL4Re0THMw8440mZUJg4ZYg90lyfN4QN6gNWr8v2KLjeW02igB6I/A4BXjIvYdCjRmgIprKh7UG8yjAMaKEkiYm19AOlHhLNGiCcbOL7EvN5nIFixSZvbE5ILnNDa9RUjH/6vaSKad1p7WhdvC6iLlDHhjzYWUedp9LXAr0ci6u6qnG0+OgB/a8txsOKxtjRCa+/7lInOQf2bkgKGO+EntacX5u7/kqcXF/BMN3077o+1NdLlf3pp3gUEx4M5xTOIcKFcbRr5DIjbxafjrqqcJ9CA3pspjDdN06B6VkavvtpX3hw1gs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KrQHwMHlFGffEuuFUSxN2VgZq2pD+oCxv5HyY/qPaHE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VDMlOAqKb2GZsVXI5vsQpYHbGodnX7VBvmsm8e+5vqjA9CYwi09nYlVNARr8HDlHrOoEnvFXtfNOyOyKWzYxqDYkkXD+4jXntGFe7uFLv1/ZnmOjGGtMsb2dWtSRi+NxZv/5moezAbNTgK6FHAKJFlIUeBku9fUuMQEm1AHPPPYH4AXzoStvyzpAfnkrltoOwDgGrKafK6Ewu4NQmpZd4E+s3jaxKIK4DHUBJfFUBRSy9/w2hZe+/AmayfuG2c5WhZ4lcDCfYYv2SNp8n9+xuhhFymGOOX/17cEiuvXG1o8MD3r/xI/aLlxw6oRzE0Iv9i5leCMPDKbu9Q2FgnRtsy+Q09H62p8V/kCPJg0ZfVMAIjYa5tfWQ6XpUM1lxqvMZujm3JQ0nFW6hu17r5oFBwZ3f6O81nT+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KrSk9HrtnaVViCIOlMik5u50FDLJZvHCnsqzhbCkNaE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OezHyhE6HVvOK/fzLoph8H+ISyk9gy0rUErJLMyzubNxJf6Rh1sMZORGezV585wiWvnhcc8M5t1rTojPpheQ6wtzJVAhUwqIxIpZZY6WBHd2Oy5B/3Y4MYGCnFt5HkYgj1VaOADgIiA0ESbMghAuqv8lokctvavALlmqEe0PqwQ4OGOjj3eDbbrp9rfhcHo9Zw6GdVFX1AA+wzsdFWfvFp+d6kyxjluIdV581+SwXYBGrEyICdSMzDJHclJF7SR4yETQeJ0yvh54uHoMgDofr+CY9dxxOQXJPhpM7wHYr4vU2pGqBVJS75UIBRLKlKUvB055H5tvqqxNIL8KgUE05kBcVrnmorIWgRCg3LLxh9RFAz8dWjGgOO13ooj1SSx6G0XOdTUR6pqrcyFKraNMIKEPRqDlFUFK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Kra49fIDtZeHBDPoo1P+Dz4OvKeuuaU86/MkBXhr1/w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2Y4qO6VIdoMxLTBYhyb6Apq669GpEx9VP2V8pJzuh5N1odhelTYBosVrRg/P7gPCYiNiO+RIctlYpvKaSMSnrnnIT9bnDcCsnxIOb9Bj4yIYq2biw8TPmRuR9G39CHRfaIJRZ7GhoBXz5BfNCWB8qBivuL9AosQIK7viaCbPz9mZjZgq7Am/OkZXlHOX14bXS7yD29usdChG8UmxyZFHCJXjlIFtDatU1X3wyspT2lSHCUV0quxcan1I27E+ihLiQMaFaULvgdC2QwWILcSwtcY0NKBVVbXdXNNMAQ+umX3V4fjtOBerFnSRErYvpP1uc8XenO0XlufGaeUcEWtfq9jiRvM28+VzoZxnQR0VMDDvmFJz9MWfOnFGgwbBugZbyX/iNPEbMh3Qzq8ynend+VWUmbDfsi0R",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KsV7Sxc137Du+lLdi/bjRPAjk/UnRGsfr9BAchK1hR0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "To6M0qTrn2AK4HVYL44xCjX/bils+VSdnFWq39edNNmQMkfSp6eZzkKKPYghFaTnbtmKu11ZyRPsFlhouLITGJbtETvie4a8i++DwAQeh/hyc7BcoRYq1TfPrztPchIQj7q/zMnJ9I4ozvpzOhc1m313Ul+Oz8FN+6YzG12uSL7+SCvfa6Zrj5vczA+VWqpDifWJyB6aPWMoQOHfzCCdkoomt9Xi8t0Y88X93YyFXyebjjKXYIdnLzUzkLY1k18sWgAbeEW8kx/KjkXyoWhVJEZrfUMNFUREfP5cLlOvjJiRVV3HgR2LN4YQaxtdIK1g1NE95q5k+S6psAroZ0y2frFjx/3E8h0VmY+Bc6hj4lKa/3mLY86vR8XqBvgHt/74ZEsxJfg8GYnKjb4qLf/VVouRp+X0uAUf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Kt6ocOyDWfnAKWyG7N1ZcRhmdzBwR31pq3XwM6XhZ4o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4jG7KhnUxVnsEoRxNcgZufhafFnfqgdIywWBaH/VbMvlBSWqBxtgK7MTgYTbLuUUVVud9jbRrmr358kXomcsthTLI9ILH8noVaaU44mQv9QRH6RfIVriB4Su08qZIBmNFV/6Cu2+227XApHWED5IlzY2p35XmPwk2+lkK4ue5H7XnRPluxDc1IMa/d/LL4UKtaQbxSp81DWN7g9Qpwc+7OqQWhdC72c9sBx58Pi+Ifr4aqXVoewcptwjFTLUeoflksvsvDixtHNcEpHs/Czp169FzM0uLAlBj/I8GY59Rq8/Ht27b4wl+UlMmqqIPbNGd7VDPGD+L58r1LaqpNBJSijAmTJXVFM3TQoHkVlhindyrKthq33MXh5Xy3fmMbbzSdjjVsth0i1imDPVoBVCQKxJgqtfoFtf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KvO6oMCtmLn4FRXKm98VJE7XyszzTyL4USG4itoMxPY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UPKYgzGShmOXYHtXCHm8cgLEp+TexKlRk9jLvhvGIKY0/sWB+LxDU8Xp2Dn6lD1iOooZmRs/HSw7N/MZRWoOCoxu/dOJ8+LQk3Z+Ptm0VPgWSBatUdK53NCE7VJS7IiVMeOt5N20yjNAM/de3/ZLroPBt/NIMsoSFHOhDpDdC1ZOZH7CVOQ4aRGCYG2dl6IRwUuh6sF2rzaV7G2SquDRhBB48JaF5oX0yKwUmbQRfXfAOYJuGXfIY7WW6ugjJfZ/HsIKLhowO0gBvEoy1lZtASgCJZSqSxIs5xPy7+EulQEQT0daz8Rj1DiuOwzk+Kx2imKQB2e5/l4RsTye1lWJxZE14lDSN9UoHqY/0TtMfxQcw89wGmN9EcK1BeMQJ5vuoBJ0iCuu2ZgeovcD96f/+7HWJEKMHLqY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KwKfahFtPgG9C8fKDU/lX87zwHDYFKLByGVzV85ENBw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9OsgDL22oTIiunJdsFk4JDGBPliHOd9PQRLTUWWBq/YDK23aYKZaZFUf7zWwQLgxse4dBilfYSja3CcOMhXRsWfxkRXS6m56/qxG46tclWIif2d5YzoLLqUbSJ1g++nH1bX1yJ/ZfzoLvwoMl/1DlIBuenTWIUS5SenynYVQuvpFKuA4O0uG7q9TV9wa2Gjojqlgf9Qf8V7bm5S8DAndjWIPddtxFYz3IQO5Ib6zCmioVbUYd6QJTb1UEw+mZabdujYITnRczjetH8Ok6Id+myc73Q4Sk6f6AQJ5wvP3xO9UnaswfJ2Q4KzvOgOCIDi3NB41cbHSPtxJFjKKNFFAbB1IGh77H4SHPH1Z2omcn/zQs247ne9kEJknqY46/fD7jLQ3RIsTvUuKXHWLGN54IuvzXjobylSf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Kwvq0Z74iV0g5oaimUPGDZa5h3BgR0BIRKSFQz/PXpU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0UxKUksUBCFVOtDuCHn5WCex0xwSQSmLgoWoor9AJPRx+xNN7S5GX1ad+zvaEifOBFHRwso83shjXr6JUWcTIQgQsFePRFs9WJb9dUTm66m75XYivlFCpc02JWTmZav5V/jiTrlaCaJzo0QMQ2e0CzS6TTogdX9p8LtUwl/d/gFdTIpC4ApO6uokfb6zVTTTX7D8lEKLRSUHmXxtKSC+/NeiLi21kzpl7EHTJyzmU+joxJ0WSAGucdiebp3HFnvFI2BPxHb/cIe9tfwJX7zYRrYbpTqF2KhIMzMDop0ZIvhSCb4QQX1NI5I2f+skKgJ/+7CdDJJgKq5Knp88cUiZndWIH+nATd3qLH2RCBjRSQC0+cOTlrp4auw1OdRTqWbfsJJ+VUz4BhjpPxWavlAz9Q6jAWnD/QIn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KxCkGwJsDmPAYObQlUQhQw0KANRslSp7tbVyQ8kjCvo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NKokCK+pv2/RBeZREkQbqEo/DD4tz3zji1txP1/LleXwNavTmlxyO3OrzRCb7nnxXvImkHF45paRTCOvw8D3DnudbaC6ONIRz0xKT1RvoMpLs9ZobSJASY8bzmSDcobICpDeaR5dbNwO7QEwbkdRhQfWFNsaJ6qkus3JBNrK4e3O66dUPyzzrk40uYCWx/4akHkvR8Oa8T35PaQsUn7+nyqstXzkCdXv/EuCh/2XI+jvo5q13o/WGnRscMPRWcDvNSP5GfLxxy3ia1k7PiOJUc885eHPHnL66BJ5IMdtEEBq5G6p6VpPuYjSi6oBOUp9/qedTzmhgT01mjZiNKibe+VSB9JVU/7YU2kn7YxXRdvQ3L01YS65mMYsKX6W/53B61i0J1lpNOXjf+QPyawvIXhtoiZVS/0l",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KxGzVE7Gym5p8+h7W6WtnsqNzUzuQSw0BmSrferKS7I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8lguarMxUprGxGoRNaYaDt9eWoyFUdjeoycr7K3ExHwmymtcfyJsozeCPaYH4JaKgh4PaEYcjpeW8n3HrskyWsZ5kMG6C8dEsarTS/WYNeSAfik286LV9NzmPQ492Xsg5zGSiZoSk0Rs4qGdwh5BFLgWNJ2KNXqvhILfa+M3X/cESOg6cpC3TK7JtQXyqJ4JNbB/DK3MA6/POk83d7lBkq98ZudfgL3NR2WwsIsqIpuGS7AZi7vkiEWG+VeZXrH/eIyy3DYY7jz7ijwTWDiKdRvCgz/vP+9ZCgK2EnyW2XdEUkBXJLCDZnYXwBubxhQtR7QnJtBZ8nI0K2C4lrdsBLGsukfMODrVYKhpARerzW9iYW8nzI+shpPpMc5mESqVyh0GoibNTf+Q+bPp3mLyE97etrK5xYVe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "KxUVUM/35Wf/ysoQmgntgcHKmj1s1izRHvHQJ2UMAe0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9Goj27f4P+28TBdP0VybLT0B560Lylc1KUGf+adGjwkT3l6cElQ7iiN0rwHn5gqkowsvwblTupGOVi9A9y1buk4+K5uJG7u3tmMgdLddNXaTi5sWBWoZKqgBTJyN+TqCoRtronWIRaG/9nnpzktvLX0ezdWELQZHCkJhO0n/QpSL9UpIMDD+FWfHd7YN7PpqBnfMLf85vflkwL5uJt7UIYr2ciCJwhDGkvctq8Nkt32X0PKJbLSWAzrnC45dmzpjBkPOjhnuTXKVOtAV4whTWHM0IjNi2Avb+6JGOfj3HRs5yr24ErSxcXChsqMerFudvWn3SOwTmPItnwu/YYwDQAQPDe54RKLQxyxQ7SKiXwOghBrhPNRHue5wPMVlkjbOsPxYTgXvgf9zoFYCzLzFLeuXEDnGv2dI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ky0tLjBcqJCd+VnMqvLm1KqP8qkMFX6vL//zdWq8bgw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CWghRooeomES5MNdgFLy9fNeK8c7uQEcZxu5z7mH4ilkn3IWgk8b1R0mGyfEl55mPLVaOYbIeotkwWRD+olxr0TEqw1q8dowZTvXmVjuaVjTe0W1gj2Hlt+NACqwyOb+H3snBttqC0hg79CGEDsI5ojRUA47XgClRd7Q2Z1fzN8Uv7+3hS+SafCRpHeoF79tgWpzRPKtkkY+r+5uYDB5fAgmQrAKzb5/sa5puZbuhDVwNkbS5uupWqCEhWm/9YhMxy5co6l9nzF7U49j5+kMWyLeUui32b828+fFPpRgXRFF72nJM+QyN12EoXpWNo+KinJDLWGLHjk9Tcv8sWqdF3vTAHwS9elP5Jgdplr1+LUiAYO1WYg8ieGSigjgj/r0aapZdweNuz6KBOEj+2tOt8cxLW95CX1n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L/MtJPlo0LziEEoR359ZjUqkBHRo0TDj+8eRQmqj3xE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0xxoUsnwzO9ebjj4pDkeL/WDNg2Ok6NFE62Wa0PcWsV4i9ZIqF25WnCZzEvm/D0eQeKrE0qEpQB4PiALhtn1oOWjX4O+tVOqgpC44S8JebASaxD+fEuSWUjvgGMmATFaA+cDaQfSVrGxFRFo38dw/Alnf1ft8DwoVhxma9NPTDkjYAQaPJ7O5aFCYWrn6FZ4tCvddPe8yduDctFV8HWOUsM6n5cBFxCMQJCXcSfo9sUInPKZXxMH1qBD6f9bANDgYVFBfqxTyfWd3FvXfyYkGcO0TQbEcAcrdGeXanqtaU2ooYRLUFjiKFABBIU9bvgYJm4ZGOKahqeIQ9pVXnPsR0H3JpoiI5YS2Sd4nx9RKiX8Aqlsb2oKAZDajKNaISne4Qw8NKt9SofYILitMpQSverDWOcweOhn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L/tw0s09A7MY62onniStnB/ngSbpnNV1U9AX4jPj2SY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IAkMzvk1LyWoWclfKu2iyK015oKtMXvvF5eKXTvpKDBXopA2lDgZ2TmXlJ4SAl8mXZ3XTHTex1KMyRFmaoyKbQDJNWxRgG2eLdS93SrI3BLXbF2uLnutgfw6kAQpLt3u0p5O26+eeaKRXHwzCYhv9vZNqZtHvF6XlAouNjJOGRQUkqKBNbzu8cccZNVTkDkGB/+2B3/60coPfkGunHeKcjqvC1ZKKKX0xqrpiIGKF+UY7Q+X+mJvCAr2eBD365KuCc5nj3+KPIxxoBrBTx+rmsHzkrVVmJsBlOfyWKImeZvFn0/VTCp0n5iM1sQyY06ssP2Uz76Yai6BGKk9LrF8ykkdcBSowu8Z9bQWR0AuiDCnAZ5CALpKRPOeRAVwYK+ZGxbP7ZnwK5V9r/+nfVqiaKP70ofpcvNG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L0tIxt4ch+wAq5ilrFNSDD4F5X8MrJPAHA+61/2yURM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NLKKWK9nNJL0eEZC3jBGmStgKOhxehKerIkrHB49460H/pjL33pupgabpEjBxl5QQoZKW93rlV5dNpP/LraOeW9qIwU/ns4bEAtv3XYNUyn/Ac03VZzkXRV8dcdBlb3Jcs23xxWqNrx8SPO+dNKEScb/jNWufk77sSsUitelnZD2zzxl+OaQubcQRzM/IJhmRW7o1+UHYtHYfM4f8xlGDpRgNUQdKyv1FOcwr0v+NycHHFMz7uOOPy3ZyNgRP2c3qkl18TRBEDRjo/8vJK2v1/csTFhx/10rwTpXJAg3HhdwaV8gXELv6jeliDmFz81tD8Gi8A3utplfHObcCb5G/Eug8FrEnmUpQB76f2ewoNqA2euMzhDcYi+JWPfNF3MV2lEPcXOMzPT6YNJfzd43NT0Gh/qV01G7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L1JKCG4Lm12dFl9MBcazmXZnm1jZaz00GHkIm0USpac",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JicALuHDFIwA4CILqTiBfam8rMyfM9cBg8/eI/WufKJq56XFtorxd8MK2DMsUxcSXr8//4fgtSBGZ3Vf2uP9cELUQ2ocH/NxUf9VD1U3KzZVHUmPCKV+yMXJmHGMmI7CCQuyAtvfusX5zt9yS5p+r36Hyc7pXvnZpVNp+hm/TJY1sQbp7bmaSvz6YQnhzbsBe3L0CprWa/vqDoaDrplLrjSrtY1Buuk3y6iPgw+Fcr/RqO3vFIjg9Tsp7ZrCSQgxflQqSE7mstvO4/sQgCDJdjG2DNpywUi37YebhXHCBEbIqEZKn0nZ3hsNnsXWMdO5pwqynvnx7BaiKbUhW9gY+d88+h7VVV24wJwtL6dObcy2zJPUnRN5+yJyp1ju0+uPSAXFm9CWe0w0NDBzLKwmGP1OmkoOznlD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L34Ji590MgRX8Anm+yEjD40ya2wLlEkdhrCi9m98h1w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sEAm12i+P+8eB+ZvRvSO+Hn2Ak4qYuXRrLifhiN07EbljM+U+DpVwZzdNkVw73WJuSDWdE6PjYlmFtbmFPLZqm866TNFuOVGBayrr/60wgq3KmuFrrhhO81dLuAxYN7JngeUMM93VakV+24VoffTgdG2GdgzoTG9wK5wWwJ+pxfEac9qT/R5kYyXe9ut7CPiiidfzQUO3dZBfsLvlfa6Mng80MVijazlkfilAXKkqgb0V0GPm8Zg33yEr4aVOwSxjf3PpkkikIzd4eld7XyWgusm9F1+fZaCm0hfUmd2YNYUID1slup4XciHhV1/ajYNzjrVWMXl0N8epRqA2mGReWI4XA0/Rvg/qQIEp9HLvYeIYR82i0l7JAbihDagaz2DvYfPIXKfYeCWjJLB7FjAGThyrq0NxZRC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L3txmyTNhaMWTidXsuo7CWT4MQWUFr6U4gLG3obRQLg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3dKon98TDJ3YgtT9KDSfyUgEwitvsnAibr+BNjWSUe94jIviWN26JXLJ6JtRV52TFFBZQK8YsfaSzy9HaciNwTH7XNBxQIoAXbVG6iMO1OFmPfaEGaYl64QEjRKYVLHPqi5aXgu+6m8qrVoQrQR8V3PuYep3g4GDW/Q0HdBzEAZRlpcO4j2AOqgispneKnjbP4guSix7uUGeJu38dVK/3wxHGLg5KQ0+pPI2nQi83nrw97ugqMyDNdM8EGCl9baN+k+17mE+PQgFRdWmAiWvgdGpVulI/b7LeDRlqjr9Sg8Cd+mDa2P5ONnW0I2+vhpSQUKfvZbnH+XtqhGcQP1n3MffDYxhTDqQRfKcFBvk1En0/DpbO6qAFBCD98Mv6BqNGjS/iQqhUJ3Vp3YBOdCWmRBlWcOeXLza",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L51MG50HgDYbBffS9rUdQ5cbS2gdaVJZuEKusihwUIo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8Vtzr9oLsqYEKMJOu3areVgIq8rx/d+Ca5u3OScREzx6/Ov4OI0htmyG03cIDMJRUGWM8Ph5kH12OWGa9KZmX0HgSrnAclchvlT7m/q2IboMd1vdZ8LLYFeVjE7Br5R6EVKdX7STH0+gG9uhXI4qn5pZjCU4eFBvM6ctk7nVvwX72k5pCDdRKMG4MTdBF9uNYFuPgPgPlXykClLs2dYMsI+nYNg4Jf7P2MVovq0zItFTb26lLhpp9HQ8XwAZQm1cPjAaxDnlFL4cUJfI9Yr+YHkHXOt/H9PS12cRlNhnDBnUYBFJI7KBMLkqsGwT3aj6JOo38TmwOUb41lcV17QwJqzj0e0XOUiwasAtjE2FFb7KUqAsEEE8ZqdOl/Adpqlko/eIdZ+V25VKlKTvauxhebStldIfHYPS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L5HQbBPv3lYnRKGz3hfODsI6RxhQnWwrEHS8mtNokfY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WdYNjdzkhVQ6usWNgRKvw5Cic9gk0rQ/OTmHXxQnxOpquNUfoPtLr5lAWryNr+JCIRO4EMwDqLvRhThfL2gv9raC5TGIwCej0JRP+92YW8n4Ab6u0hQ0MNvghg+J+qgGsoZIWSCqwYJf6JwsqxQe0381cDs9koQ+op6JI/jtMy74G0Gd/IteaV2vBSjLQFwDMHllX5Gpcm0RwTaG96bV/eiV0Y8pGVZf1/omMGPrHUJd4EKdeudR21I2nA/A3dvNkF63b9jPVB11yzctVNS31eJE4SPTHrPdwOFUhTVdEv3RHANbvre8qgl6fxK2IXaQAqs6RrdMEUOnVofKpFKtq1pE7UXsyvFrC8BVtiCQdPRUOnEulRU/BQM6uKsJeDMP1A/hMRSkLlKbxAy33bC+pUq6D/l81MrN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L68lFS3bqXgppw6XnV3grPvCeaL0ZZKRI3hE1YDQ2+g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MaAiVAtZ7QSUr7p5P+NH2VORmVezzji21jyA+r/w3NcANHT66l8gLvu/+VWb4Ar7E2CaBa2/VPk0Zo7LDUWYBe8RQjBkpOP+9spZHpU031Ptwrv5ZN6It8SSpEcvgIrOIRz3VVIDsXSF1stztnoInqzs1RAA4q6+jL9lYOPH2W21j7hzUC52zs864oiQftZM1/gEKUXvJLJSJXgnkYu2wMaz9eA3IwAp2hf4DRkmv1CmafuxDT1kIeQwbozlJvYGTWtf+NkqGBy2K1EHsRhqE0Nc29OpRS5pA2Bry6Jkueq7GAK4VOX5m9zfKS+AsCCdCPmIm+TNCd1XFJqxJH2QqXz2Rc56gONYdLmww8yniKaiSV7YHjeQaD4RZZgG93nGgQPoRu9af+FUnLnJw+Tl4QF37LXYkIc/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L7wOAuNUPT2mUt5A6pcDJpSjXvUHpMPAMQafAMO7+Fo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o2ZBk7E31b6uZ5jdfskdCx5zqwooEO1JjB/JfLUO1aPu+jCjK6+BDjEqHDDMp0ryacuBsAI8eiQGzc5ZhYGhKfdrjQBmq5yLjmjNFjSoNGaKrYOzYumbjt72ecuaXYdk+aNhOERQQnjKa5sTGepXYhx02QJ232l+qb0EaEq1r8NUHc9OgwudF6gFY0wJr7svNBSgQbbFHR3RyMEKGhRJi3ZItQRjfb/LpFAa3A0KN6KIk9vMgq/WDHBgRzgusobzxfxyP1EpiI21XtiKZZqsW+2EuKBSH5s7++b7Ko+u02We8KvvpNjvACoFDKIe/3fVww9Q/xAjR6jYoX+ww+3Wpq2haLU0yhkSN7RBoI97goNeECzmqcRshXmkwHA9Vz8JsrMDksKO2cQFyjgItVYeWsa+YhbHa/Vr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L8hb59rIy2uArR9f+zAhlZw6xG7JD/C06hSPee0D/Tk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TirsaIkXuhgTEB4pgHMOeIKkl1DUibtb44tdO7JSZ/VXbfOL1JT1T59tFX5dYHM/ofQBiUhvxPmCvCQJ16g0M7z5GM/q/wWLzgz/2bu5O1FfqtL2mcv0H9SchjpCgJKhF1sP+FGUlq8gS6RbNq8uHUBNoOmk37HTHiK6JXzC6kzMAk5YSijAkQLXGQA4TG4zEoD4p+f9F5PafwTpjbCXoSmdxSAVGk2/TZxZt2Fx6evPPWEGrlCrwJdo1Xd0LYKwVgmvq/WrEIe4Qn2vTUHDaXHfvrwKp7hJpYAmmE+i9JIRDhFsq4HdGS2bKE3MhhWGRXwEHgR13/Roh/bEnTb3skAOMumSSt6t+oIMkwTqLvJAefa2G3k1DR/WAVI/0nNCpavAONOB2eiTc8uK90qz6g0ZgPthBiKg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L9AUfUHkgbl4aTiOfs5OXuh0R3b41gpY/n/uMkwfWwQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "znrXs9WEb7ladB+hXjYGFjYWg8o1AhafYn284qIuecHL1WCmAsJNGl8NsvVDD8Zxg+6e0PAs69fOoCd4emdyVgqwulkBAM1kpYNqvWCBTyghHAgDwW1g/6khnplE5VIXXwprNBa+5hie/WSDLxhejbxD2lMKp1q3Gu3ya2RuHNK6sYayz/dSgSzj5riwNL3HruHjq7TNfFcKxKY3jjEOb8nJoaa6wh1WudLhGgOsB7wr3xkf97DH0ltH0eOO/tt+MIy74QiTRqn6MwltUGhm3gDXGsX4Zffb4Ph8kqKOAQK3p/SmHwJcuaC6qaKmQSu9zEVJkElOhlmDNNmqZAx+4af3E3ZivcLdRtZGCghRJ/icxosLYi7IfinLLv24XgRAWeCFXjH4GEcPlahWigE2U7XJrS5lW+eY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L9BqCEDasfVlJUpncqibr2ibl/pAOQ8DWpd/u4TcIzk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iJG9QDJ4HnbmGaZgNAsrmQQ6IxCgT/zbGEnkLszI8vhnTxKLypXjaja1G+n5Vy7bGlQaAXo9+IWiVqnmjC3IEZiH+NmQLI9wAzsL0OY72OlNLJeRfnBjysXUiOxkuler4GiP3KiU5cNxSYqUWh4DQacmY8oDsDfkOD3BW8djRpc9/ENtaNTWL0bF4vwrJ8iYg6QUSHd2pnIf0BpLoauiQ7US7SkPGYm626fUrm63JDJY+BjMV2ezUDjanTj7MOJI6xZ/WVjcQZR5Bg2w/qExn3vak0Qzx6x3v/vcbrSLaA/v9Y6j7ibOKDE9cwpDgkATFJFDBcUHf6G/rl8JkHs4pMdIl5BxO6licKnigFwVR6v6K8pm/MFcUITskiyYTShqxZCj02OlkXhEmXyB7/1cb+Rj0xnA1OUu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L9cTPJ+5AtXt4Y/fGDsMspXEIEQ1dIIc1wY23q++p0Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sNIyxcrLgd2TOSBGFJI06zHaSTJ9ZJ3D9uHvHk6YZCH453mQ7pLeFLoMDcr8RgwgBtBn3+2+jSmR4ZHnQ56RhyGTf43iBKlCPJWIK4AgZZksFhx4IGcygApFfILiwe/K2hNQlnlVNVRiyjxPi2ahz1glyzJcRWzZ/JCCKAhiQH6aHpTa2XsKawnh9gT9RRv0g4zL9UNQ7CVqLISMzKc7zstDjyb823xjdgQBnl3UXadUsLJpzDJ7KnHW3oeunetcDQ/VvnWPiTFBlign/kQzKMk76+G9ilD5pdENXAkleJo++41LjT8bPOOEBu4FihSdyHmpIYR5DTLa4wz+y+TPUcLp78KISD1LIlQ/5s97TbNCEh9LSQcqSo0iY/SaOybGPCXUqOawPgcXZZPR6oF3B+aHrX8VdG/Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "L9m3MB74g7F9/h3wdXkGKI8bAHkUSc8JWi8gA65rcCw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "D3Gj4xXhuQ4isDtNusGGxH9lhjJE5RsZ/6aeSWuqyLLDvUwXjwxH22GrJIaSu8dwwdzHVRb+mgzwjllnnNQjW/AaeY4MoLmX2SAOWOjgo+dK8R3I6ht56HrPjtZ8L+fn+nCEylwxebxQHTrFrjh6XKNx+t5IjVLmqptHzVeOLs8KS+kuCHuE10SjsjcnS0DBUiPTbd9sunO5X6E2Pc4Ii/k584V9ynhDvBVYAJQxhRp9AyvamZhG58AsP/6pcCTuan6//xeEyvgyd0XFrOrkr04j1IwiLqqWrRTPXwsMcvFgqcQNjjb4f480OnwiThBO/MsaL5UhJ9fw6t03H9J7ThM9h5c5svTqpddunD5epCWvzeSjz01yZ05cEdgazHblO9r0S+ooyHmYIy1fH0oO2JqveQHAauoZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LAC0/PjxICO6GdrndJXbG5l+YMw8dvTMVLrGsKjFi4k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uV/433099xYLEIJnnutMGwapAFaLQ0n5RKWHzAfIuDz7ySMrUc7YLv6UbjwDHscDMzFsF4SyAnZDwsKWLgEbrxRjZ1TwAxRd4xSWVLq0R5ccpacPjEP8+FIRxNHGPZAdtPiE1dM6cKyHdhOfBYhRtUC+Ep0HfO+BfJzNx4pl0S/hSDS7dF3EscI5WFi7+cMSqbsPBqLmcrt4I+x/no7vyg91FHgoSpTF4B0lZyKpa1XsffQYQUDFK6aqmS6kHoXtDyHGm360K5wS8m+voixlmA1OzIoFjuBnhcUtuKzWOWSlsGesni3NSW1hh8lMgMxUHbURNHXrMpGbK4fziSewQHcGnyzsFWD/QJ04fGc/+6gWd4I8k6hZUbv2NYLAxUVFUgnIN0S7lY7oHp+M12xsT/+dji8Ogg1Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LAfbRYU3r+JAHzkllXOyaSbv4mA3sLKbvdhIL7PtYkc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wUqwmcYdyZaOXJjswS66/pm087Y0IzZgNR8T/Wpvj+e7ShXRmphexAe+tULz1753FC2eAfNtOC8htsJ9ZBfwbPWPasPRuzmFtmk3srRF9gaylurn87XkuV6IQfXMH4zt987Pv49AKooPT+/v+c1Z9vmKp94tFXJdI44qX5HDpZQEDWJIV0BZahBeyatfLCaHe/Y+P8uv3KWs6VVZmlq+eY1Qcu+PNRebv3MgZNmvq2OsgwGmr5miUXDozKPcu4Z811AmF0UM5FtsarXx0u+TRiEQOKvetHnth8znq4kTqT4K3ZVXPp4kHMwKzG2rZ+5vZCK/FOGzOSsRlj+HfJg2McJxWD7TqlR9EsZMtxKMip7vr4Jap+ip93qMKG8l6RfXjqL7NJTbEFQPBzTDx4LticBZ4qYzXX/I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LAjOLvPRmKR9FOMijaXo1922H8PE2res90EaF+I+Pxg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZN5tc5O+utQh4Riq2sM7KJeXDTofBE7DO0K4rPHHMBDxuChTWh02gV4ZiVFeYcWsrQyiqDKYhuPjHh8I9BE1/YHoFw4nhxIjtKrM8i1PsS0b4xewQkyUjhReMHDV6l0BkLhq4sFuODyj4klR33Zr4HHDITp6oEqg/jvQR2vSe9aDVU0oiFa4anvTu/03+h7k805UmR5JyZEL3jJGSX9AWFBS6n20K0KVufSAk5aUSl4lRQe5WGNxl+aC/us4O1azMFRLzAYt4JBwxfO55HaoM2Stjkh76Nc1TeVxWm+SN1XDK9huvqEi9KK2Cf/CgqcPq8JraQI5EPOnwFsUILXtQhz3fM1SDn3vQ00b5YfB7EWcEKHsDwBJulFsv2VuJuOrB+o+9ngsWcETE2lLbUtw+QxR5DiH/why",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LBBfwfcf1AK4A11jc4EAcuO5APyxGYJQ84CWA05oTC0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "77nDKF0sHU8mXdb0IZPvNWmn7jazw3LV3U/2Wb2wrrYH3TyW3dHdp97cik5q/uik0hbT0Bwsm79v258tdrr+IagXk4ehYaJXujQYNNHPJNgw2E/zrVQ9wUFh5M5++z5pvjg2fvMtzmn5LiJr+2GOH3AqEFpENZ7eVSR/l7Of8rN7AUNIAMZ6j09tJvWL1F3vPQVnLTDC8+9ztEn9igsWvTTXpGbMYoBhmMeqmrvCwFXg+LGiyQdNEcSE4pDwZksU5azP5dwPC3eLYnSFD+MVfuUnxpuTQ/1ge4kZM6k0nUbE0iNgLrf6yPw/Ed4ywTys684B9lZOmq5AslCztMY2Mf9RTkFpS5gkNCrj4HY59CNcIoGug8QmzNg49nQxW8J54MuUqftadE6TbmYLI0sxWXjRo1s22oZl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LCGClky2gTNLKWI39XV0NGp5bTyiXvMzxpM8mecywV8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jGLtLbfUp0HR2Gdj8HLL7DF21OyhATbyKu6+X/JnBjvgpKSnhnH4S31RsoX/qL0Vj8JH8N2cn6Zo4Hr4gczxkkBSfgIN96n/F7VrVtWCIdikTSnPl+G01V+vcBdZSo9kN+Kgfn3tFo2ssIBSMBMn9ALXzVrUJPEgM0el9ElinCD9AIavv5o5muUAobcm0I8ZaVRJZYC3IYhzSvFrr4/eIkcchS2LPC+2hggPuisosmDXs3l1ekA2sZeuQSKs1QGuAR+N3tEc1W3ZhCd+b392FSRYWM4wOYpPtQ0Nq3iiz0w+IyA7yhn5fnODqMg/ynvAlh5iYxNggfOjAxTETrS4kAIodV24ZzxUait5hthiiYaha7jQ/hotknCqoLV3vCcg0oc47q1nmC9z7SrefTHXYl8YLecxdAin",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LCYlyoJfFHlQuYpcEAAKPJDaQAatS6+/nQI+FgL47Nw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aAlau2LlcQ6FbOnrhlIwZnmnsGCcwn1+/uVtCfQbjr+NsjUc0loeevh2+vy9Z90qC4CcOr7W4qASk9VPa+GlRX0ZTy9nk4xZh9NVg8wSMchMMCMi51mxaaXtH4IKlMIVZuFwySISeot9C1/mN52XBWLucIpI2ZcWQzwPIYh5GV2p8XB9gUu2BrUoCK6s6xYB8vSQU8FTMeP+17UliFK+FF3skZHQBiaK4yIBtIfapoFX05iHzcxmwIDl8rPi4FP3NykIC5RimdMTPi4V1XdpXC9Qg9Z9iAwzdWRjdIFVt1PrIXnzbQrFxXEvKmsVP0rPAvYMhPxTWUeVyE07CJRmv7/BE2ydi8hDFFA8x+cAeFOd7JomVzXtvcDbeKsh5mMJs6cbEhDRltvnsTTafshY/i790/gMlpdh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LD9uYXLt1Y4RIi+3HOwvJefYawx1qS3diOQL4SohNs8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+Byv0fdH+uQ4wPejdXoUou/HbgGNQattrH+zThD3Sgzo943X/m6BUhzwHsxhcuazKpLwdLcHuhlzPG9Y3Mjh9QDGsjFcG//MBMJ9iUyFwnMLisrpOSgzTSURKc5oBu/4OCqx8lVHzuBcgFh8mnSrlFMJVtybRfKtk+r5+LhNZzYXRDsMHrO3B52YIBpYRGPP98FXzUlqSQ1dodFWaGT7q7BoinhUFdK/CLgFSOSyj3SFmXBC48mixY4bbQlThfsNrsgRGscbtABQBvX4TrIAL68ZYcWZlDo76Ipe9R23Ar3sXxfH56XaTB3OjrVvdvKZ5ln02/8dEbJGHw0p/tCBCjklloMUR9bn4nl8HcPhKRItnppOXPpcKoa1suBF9LcYyFbYQV71R8/ufwG273zjqYG46eMMGQNA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LDWVljlE3qt6Y2bR42klgXlyHiCtdm6MdHGKFVmiSQ8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "httwlqTvcfnqzJIXHD42LYLg7vIxA6Rfk0zK/nje0zNKKMcDerBWKqrY/mr1sXrbxZtziknGC13PRe7vedGwaC3NVKWyha7m6p8U9sGQJmLSM7szBl1kfSKg8uw8qdSZqNRr8Yu9TDm3fEC/0rkhfwCvuiuGV7PVu9CpnbH9/lmOBMEYQgECFCltTPIvC2xefYuP/Xyh6O1QjdVRjklMrXuvXmAccmH1pcvxvN5k3UdKI7Zp76NnJHbCsBe5VPMk2vk6VHnx7kMbmngxD6L9M/QwHTd6OO8/m1QaFnQXuDZoO3XZPQ4BWncr3+e88hfcIWxIfM20SQARtdLbXdfe7ImLXIgh9hWux4ULmAs29Xmeh6lL3lCOLBt0PMWu7ELgqhfjYmLYzk4AXUN3mMiONzKUrSl1fgG4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LDfWuph8f/s8CGSuM2JQI7WnXQKWdNyL11HTveLMaVk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OSeNPuJKGzxXCOqdt+1YkA5M8ss0whrq8tv/Y+tuW6SIM6X0RgUDcfFP34jbqlZbNeLcxNQBIYqix5T/TCXfCLPNhOTd+SBcLl4+Zj5oZWf3Z8bTRE1MqPSkUjaVKvoOkIQaY+xwo620QXUrtTcEZgs52p6sJjs0yscwaiQql8a3LpvKrhgBP9pfK178xqB/tqLBKTI51LgrjAN1TIKw+KL59YowHI7SqZFcJhqYyKHCJ8DnixF4PcCQR3MuPgC9JTXYOFiSTowapXI9AeHlC8CwasveCYWeAJ1ke02uQA4ct6PEw8duExflV3S99YdgSUkT/OLsxQYNBkJwtQkMlD9+960RW9VPfDZmWuO08FneefY+waln9vPIapsvD31V+h7ylROniblui520WFxrhNG+B0zlNlbA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LETcWcNJ1SIET7Giwq5zGzwak7TI7d7wGANKbFEyxz4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dBYgY3PNckft/vyAj8UNkia7WQDjH/eASfWeAS0uvGZ/nwQGH8PlSKLG62esvzF8Rkp1dl+PO9SZ7XijnXueUWrIY+0MmWhKVOTPDuhUp2WuXMop/dkSG+3bmv84AT2lzgx2UmYLoFIhJmqJuVVMeM8hvaJvZ3Sk2UM09CXHVXxQSKULzZypHq8c5nTCrHahiAPTNUpeFejxiHQjTmdXmawCLIzVFPFr1Ff49yWRT4/n1QgPE/O6hMeU/h43eLt9UTPjd4kRE939TGfmA2C0OAkpwurzuGWI5Y1d1+YSZ2yjZ/G4id73lJBzWQfj/y4304yN+jUyXSA0npB9UVM5nN7OnnCvhMZedy3Bgs6wQLdOFX+UaI/+x8D9s3V8LvY23PKuybfxPf9qLcUVfpixSAwxeblaBT7B",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LEiP0vTji2WRZMVYqu6G+tsPqgd2R5uXnHb1Q267tUI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mOvZfS3a1jxtopOO/q/DpSoaUoSxy5S5v6w2vx1eRPyGFA0clMQZwPnDzoH0/HyS1tCWAv7lkXPz8k/mhUNPh8Th8Oduf0IGy3zwnJwp40hmULbmH6ahaObM+2l1pstkCqosrzLRedCzPp5yjYYQKNSDLCBTBPjt7/WpZJXSrsG5SVaIx8CpBQdR/TQVQgw5gUOxe2WfUkgNo5DdWQJIUKroPpMXEDbpyGU16P9EzYkUGVtxBCc8PtFmWiOBsdH5wJmlZhogfBSA0lSb4zqDDZPbEaHucnODUj6EqPHWUNR49h7dK7nHjMCURSeWBd/AIPeR/uToV1AQeYhMhTtuy5lA3SqPRhBFdot0nI+78df8LcjG/TM5HGf09NfByVDRsp2HTPkFx7oUJrEC/Ap2P/1Czd32SiAK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LErfxVF4RmYYbaa7j8KQr4jTMJJYffQXefhVhp2+748",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "I58VZOhA1witLxuP5HtNTpj3jp4Tdp52C4iC8GRraZV4JUFp9uT78NtPzzzVXj0wO2nd4PFg+n2YsKJFeMPfwWW+gukWkA+xnfCgmfYJLfPU6Bhsk++L3q/7Y9DEBgAL0Xpv9pg5tsvO+UvHH+GtODoGGH2+Avj3SJDnOaSIr1GQuYF1x5amPbsvJX/J4h6WFhvdvRxJThZqzslG5uAlu6kS+z76iT7Ez+/DrGHbUqQvZqWBAOkNHLm2suIMioffhnpKO4Httv9LdIlc/8TUf/E43z1PAk1bfY8oPjwvnZaif2Ns3sgf3qbSo0YyNY1i6I+qxbP5SOHfSV2/ijl9HkQmEeNe4GgSggD400Kmf5kr5r+2FUynbjaFbWDVCJ+7l4mA87+RE6PaX8bJo2TZHmpBsBtv9QZm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LG0qFlfkFWxLOKu8p726OMYIOzfGbENczVr4fXfaAdA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zT/1gLTDUJaFmMvEhVjzgI2yd2HKVZ30x5jqRxMf70lNVC+9iVBrQSsjARAuWWJuLVXxnLKpq89D7hTYNuY8UdMCgTwSgib+IPBleSdD/ckIb8iLiVJUuUNggOhNOch6waozphfCwJOJJwpCVyCEM/fkFD9B0okPo4qGPi3W3o0+3WbzAoqGv0WXiHq1+vyNtiyOt09ljWv2e72V4yLXltbOYwOf7l7xcePCf2Q2mIdl/1P76eOUFa+ec0SDpxjnR3B42PZSzEcGOdGZfdlHxL0TNsWPg+SW2wEyYY4f2mnxJXEYeJOmDoGKm/NVlMADByF9DgJdAGQvBsMHlsLZeadfK92E9z78ZCK0gxoPDxNz1Gr1Ivy9x/wyZXNonaMyEiTB0tobvyJs6VXE3Z17PrwrL/jM5ZM5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LGf8vj1QMryQG4a1aPVSdy6K38AP69u4RglHHJEg420",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E5M3SyD4BGqB+d/l+zDb0bpRKMBmZkH3sI7fInxQ+ns6W5xPD3PasReHO9xzDtOqciJx9h//KeE5SSb1hf2CFHr7bkq4vi1s7l6a9yC3Ung02jn2F7++49vLcQQxE1l97wf21bpWtCdNwIOmiA33Wo4b6M7NhPXrx/PGe4V2hX6P44ihBlXP6CA83ffC/JtDotuH0jP0/nBVimvb01iKCBN4ScFEm4BCHJE3G+N5Xz/g+rfXslwUTJ4V0vAi6fLOQSHqZDCOR9JwL09M1fnWBkz7P7J1FvdNVYIgJGoAYPIkjlUXkEduRFow3EBhpSzzcChQL1K2D/H70aVW9plreum1OTZMBTde4takYqOZywNn99i0HZpPfSC5c4ihz81H6Jndf1A+d67DUzdGXu7jM+zaW58mVHrn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LHm8mcjrIDPvJyCAbcGTYQHuzjcgdYvY7IIyKmgrnt4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ehqpc5EBCyX07IcMRXpfZqsR0B1I5pIQ3o9QdJgh3HKSpEusgIavEDuF37bND7BB5J5sT85ht8iaitN9rJGYvSbctfmn34FA+HX+FvQvFofJXEhN/mlCyBGL87B/ou8glOMOhB+63X4OKv3Ps7M9uH3GHS8OCoG+s3ho3iNdU/1PltlVkCYDJSY0CqUBqFYTy8M+eBt8vkg9z2GHp8rbIcZG05vRNwsmqtYC+e6XdLpzOyJNilkxactw085IbHSXd4BTigEivT0OEbZiHJqATqVeLv4T7XB2xWZsbq33IDJM81Lda74sjvnZdQxJPAJYwkFTa7VOSRqN56dopIKzrFSfiNLJSMAEiytOwiEuwBZTbw8GALyoxhpPyoTQ+3pP02sNw/hxXze+0eQaag1tGsBg4H3T6CPl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LIgtc1PYAn6bKXznVVejbsd2QtSwlnTPd9FnA5pGpVo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LzCmxWtTlU9jGpLmRFYoPDto2rwyJ1d+Vj70mObNGwfKKmGDMtcHKe9MS1zwjmR4LcljulJVPF7Yf3chjvzW1qgIlw85cJloRq+UyCRa1eHZ5v71McgfyeOeyZDrzfhAYOu/JINRgA0Daz414vsMYg413XZMAujXvNGQIoOyTFa7asfxQ/FL5oWHmmvRlA/SPQsp1ORtqcqQvLqpXzfEWkkWD+4rUPXoi2I4ep+P99TYNSotWsPG0/w2OwahEm961tj8wtA/O44+nwlUSgWjRaZwvuxSDJ20P+7CqbQ14vC5wKrUGnOMCV8yA/u8LpEMolOHt0kyUbqCHycBDgg0K+mPzbYT+jIJ8BHiOWUt61UPHWrJRVA/mHPXOJJpdW5wp4Mwam7GrRP8STPVAPZAnqG5g0VmuvMa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LLacjewzM6VtMwVIdUXa9u9Od4KiQ2WArF7kKAD0UME",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JSCIqrORGxIkEPGmjFxiEDCHWIcNx1baCKPEk9rznFbewOYQ9Nt84sbGrPY5Z4yntKc31ql+7PMhmZGR5qTfhzlkcm/nfTOUmoleIq8ZMu8oZVy/TG+ESUS75I8kUmDH+joyAGI8v6yjPt6jYAduWVa0gqGXQ4fhUvMnS87TpbYtDvZbKkXS1NFjVXZbxXI0fOAtSypbMrpRDCveALPWRrRDrp+3cZlURfkv9xXae47jCLiO3Nm/JtzyXUGMtQN8OYZ5ky91Z8+j3soZvJEf+/sMkqsnA53g1A9HO+6ftGap+pt+6jMKruUS9rvOthLtowBGLojwtWYLmwiX1KaET+OS+LKNQyyu+3tb3y123pMMsmx7TssjJEgYlhg71W3KW8nw2l2y+IFA1OGeN4EGShbKqZNJ4PoT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LMBZaq96PdJLWzrJAdreBI5RyQ74l0Wdy1weubjY388",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M0ELkmJG++LiaM7En9E1E6UEW5xLVskC/DNhPK/pwF22go+6VTaB1IZ4U4CFASOLOZSISFRz4w3YU6a5Z+gbzStZocgOoyRkwo7UJH4U1ih2aJ5GHB8iXjmlKAjAnHm0dSj5CuQOglXkohirsoEIdmLwp2SoeEJt/sjhenW8g+1iPZCX2RXI9mpp63T0sRO2wVkLCVoj6Mli+7w9YgaFT3omwWwQgzICOC3pLSmgoc/svAg11l+tYUZ346Nls1P79UC05f/WhoL8aRwCxU111GI96rhu0OOxDhchFSDaczE2g6h0jYlKdYBUC13az1mjtCRVPbUsi5M10c60BVQlMLZseiSLkIVak/p8ZCKmMoZ9KJ6tZP8iZnrX5tvMtBejQe9milyt6fnCLSQTv5fGF7NyqvMpBz20",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LNhPe7rvsAc0S6m6ywg7mBH97aVXSSuSg7S8H0r9IaM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ns1uPg64GCihC+YZh8RJ8/HHVTHCOCqU6pZ2FHauY1Jt5hIhx+Hkw8E3+znLzCt/jUjiQ2r2TA702xYHkIjEXotJBdwERyJpifoiSGf9l2ghnxURd3pV9DzuQBBv7RgZGhX65wqacY72QjERB4JR9lxlUHX6nH/tktr9+VgaYXhJpvwVXBsODXsMPDtG/aG9CYk/2h/12mMTcZea+oYTfRwW8tkygO/ZWLvy+c1AwFeognBxwfvSkRzpTZnE7iZ6zMAXyw83+A4sRB80JRNbxZiAezQXLRejTVhvMzNw5/RtYWPhSxCu2d0DGaVLujtxZag7xy9D+VYEaIDY78PNosE1CqEAN5mJKPkK3n8iHgNMmc2geg5bku6Gr/drNSBDkefFfXWUrdJ7UhY90ZYr6Goq6aEwknaM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LNrDTQ+O8Q/ykf5eLbeT7LhXWtkXv+ZK/6LMdYrsIkA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "D1YdWHNHImWRA7aPqOj3UxVH+3ot/65I/PUsgS3D8T6rtMK/D4PoHPEI6Wo6MsHwAP3j2t0IbJzldpKlRZoJeEYrnccyTSudFPKhUnX2rf1Z2XEnBl0Ta1dGyAHIqMoQyDRk9pT3aWm9d7iy+/tB7yZzWc3sAzHWdeqQkV+QTCCa+mxWReGLem2eSkrTpTFGtOCsPwHfK+E4+9LB2Pv9Nn7GigNJ93klmIB8zrxk5mWSR+JMJo78U0lwakTZebe4uUAQg+o622MIlfVPodP/CWAFRsV5KMLKWkZvtXGqatx9SP2XX82oe1zYH6yAbZTofyaxvki3+s3zQXrbLdYAg4PuCujGk7Qlu2XM4Kha+UO9VSZBVRe9dqNVLotFSUr61oCbYi6vu5VysGOl4cfEnPM0TMtOWWft",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LO0XpodZ35YaCfp8nbXNGFtUfPJxft7QByQfuFOn06c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i3i4AaDRFr06yWNfQhsDRoIP5TgSDf7+dvHyY1AmJVchzpDpFa7T4ui91j5QlBOZeYzeoz8lOky9BcD2dghmYfOE5SlpGqGDnZ95ZCDXpSnCK6wMdpQUkxouBQGJjIqamFu90QaXIKgbVEUZZuZzG8i4WS86bVgVA5P9Z3nO6fZF9mkSAkhJb/ShfnpGyk+2ckLnhWX8j4j6czhl/Z0bPGKsTRxNEqW+4bCJw6BvCfirXkIfvV4pa3puKhFiFgMOrlnb2+cVz418ve7T4yg9p4v9Gc44dcoEXk4rs7Vgzss3/eD5qVb5s2gmA8yK0ag4TABTZMs07uwrekm5lx24DddbJz0/1dAncuPkKPOY/BXffK1J+MH00oItuCJuZWsflWE9MGxRzOpMl99VCClZ0yq+8/VWdZZM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LO2cNESPGapHXjhbs+6/1mF0qnSNzNpYlliIWM42Rws",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r/W0aKKfvEnW5tZCHP6EXoOdWo/US7/SeYCD+rPrlrE1Yv2ehYwT63EsXV2mgY8nhjjMthZn7W5FQzv8tCAasofEW4Jgd1Pgd+5+9pLfKE4zZRxi1cjpMlU4ZZd/w0DgxsNww7fpSDnT4ulgT5pnfn4uOC7KuFUPGDhqHPywFzejLv7RsnBkEhfVwVKQR2HajMdWZj/vYhBwiX/9apFCon9vK12gO6jBZuNbGdPipLalTgi6CwmVdaNZ64cs2LNtzinGiymcbVPOwpUeg5GBPOgmK7LABmrJ+YOjS9O/y75jPnepw2UOKEZ906wTQg1hUUsW8YRuUWb5SrKAbSWUhIPYvw2XDniNaVnGTU6Unto+Pe3MXiFFehQxrVDOzxTnZabX13CnwvxWqoPjJXx/cVFggoQLYL8n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LOPzmwbNlX3um9FBbX05ZWCQpzvFOU3qqXgaHiZVIUw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a6PI9fQymD5bSa8NaMTYCQeNvULMIkJMd/TWb93dPyvaTPMArHfzf4joRZYqfRhoDdUnhqGHAJC4MfIymb26T/HU92MEpKL4Q88RxMhsiIs1NRI4ZTuWv1qh5QXwC81Q2uwyjZxCi7NE40Xg2I0TwdwH2Dp5uFwvQ8Go/FDVnGvqIKPTJFLdOFmM/T6GvTNnb6SOy1FuM/jsjDwRhrplYZXKD7tg1CX2Fcije1hM2StaDTyjxz1yJPzA1EbYTvTwjIAnSPxdTyaTA+h3GIRP3SEqv0ONMFbRr0pOe+ahAsBi3eqsyXVC6rycGYAdlkWCtwH2r8cfKM0TNonugYaJLhsiAmTwAN+ckNNmHrTxPg7xWEtP7zhrEhCUDRy20KhJzbsD3DJfVYfznoQ9PSLjd9KZ2gHUcacf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LPYWmnjadmjqw1bQLZIQ6/G/0tuyJIQtil0106EHysM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Y7a66QzKku8JkgEQLptbeFiYsx60lUNXXugT9hNue2wuyxK2baRMEwDqhGuWCC1xYTKPua9gNz5+eE97NmzGKA/W73LPM7TyvgL6k9k7LfBytCe4e1EJYjz3zwmEOeWpPdmH5P6jRj54QMg4967J7m/aKTyTLoEebOvQiFmbo2tlHVzXpnKj75RAczt7FY7UQqnP2V8317tBGqgaOKc/vsYkRuaT8+/dw3JxKxuNQgoQUOYlWRjjs1brYL/m7ilOTDk2Zty7zsXSzGLtjZ8o1mn5ZuhXOXuLhtIumoFonq6ISOLWk809sG0TBb/oNYjKXKuyS+e63GS8QZclAfOe2ntNISOZA0d+EjgkH7Derpq60kXTOtHWikemtirOIz/lqW57hRYy+tZCesCNEOFWEelumyqycwKh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LPjJ9pxeQLMPEinh4uBbM27zyylqp9NvGOqO4Ck9mwg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WJMSbajsS3+Othc/a5PhMDQv68UMIqcHokSj9vy4Z4IwrVRyOaSzIXZf6EmT7XgFqpPDceWIXx2FMzKnVUKZ7jOZpG3cuFSB4Ggonl3ek83u2G3RnAWXysmPuYx4WWQbgg6Ve94TvJLPdBREi+z4QiEpFntTKiWryTF9PfljPq/MlDdX/npt7Ws151vOWaPvtaGyNeUoLYayDEBAFcPY2x6cUUIxd/uOwQAeha7IjNR8DWAl6y0nc6WmxPhC1lFrGi2mgx9+UZ8QI2t6LJMARyAoZTDiirovyypjKR9Ng/gPrhGqfpoSJqWVY4a4ceG9IhH7Afh9U6fImRtW4R9+E1lL58Lnjy1EmlIWNFEfkP2NmMQ8n8PbMgf7nqRY9Bx8nBq4N8YuNRgMmGEk6AW7nIZMJlyG4Jvq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LR1snEIB/2kkFTvYIulWddO9nJVf3wJXVqUSEHlzeC0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r5i+O/vLuWKpGsYOAMltsbQf/crjWor2N6XGgmNDM+YWg2o3mXYycPU2XzFefnQyMymGlw+vbLLk6Yr2t0QdkIGLBedJDtDmIuZnqDPfKWqE4A+EvOjz3zyFjptMCbJgSoOXsGb9QASbrEc7thuUUebcANR4vhDFCK0dojECNVAa65XUm6LLAXQIE3p24hL1kSrqsWgJVJvpon5nYSe+w0DddhsyFav3damhL5kLqkcBumwgsjkztxmDrb1DORm2Q1EdRX6mcfBcNfdfHP4cPM99soeRQP717W0yubxVKKraGORdXbUpITEKfMDzCEOnSlPK64PEPeKxFx7UKd52J6Vzfn0tMyyoFYgIBhvCK5QXSQF8GjyFgN+uFOlvyivVSlCogZ8VhTf2QR4RYvQtxM876YqJI+W5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LS2N4moTlbR9AerY7NtTymiEZzcH/FNLXOCpIFMAkUE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yNnXBpBmMSgX9l0ccH6boAQxkDLIFQRKIcLyHIQVfNQauvUJpXDHcxDTD3Z7YnSSNPfZYR3j54uAN8foyl4DM+m8IANB/vmkaKc8iSzE8k3WT62NOcTwG2rnxxG3S0ou2YUX/v6R3TddhhlEVYNefvC6G6rboXxEFdPSXm678YtR+7uEj0/u7Osa5zcxIYHl7w4evBBrvYTNfEJIMt9KcO0mPOSnQIbCDTba3F6OM58/WiiqyXWR+LZttEB5pJJpfddpT6Qf+FebLTGW+bL++MfCnxc+o5rR7aBizoeBIRwaoXX8xPBAVekl9OXVcBhWNLBWwVLHIIGGqW4FQOtarkxE3jJUj7svlZ331fR+uJr9YGaOQMtz5PMWcK4WcwLC9n0xp+691FHe4w/T4JbRZQNbBrQ/AxTA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LSffKzhteNE8jWfdCiGRkK22x41bQTv2IEDA/Yv+yDQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Uz/SNDzoS7+rA8HnWtzpXPe7KqNnI4bBg9ekgmifNogmm+o5FgNP8WjDa3b5vNX1+Smkcjr9mPRCfZxaTkmSp+KiPJ9u/oNiQGWDV5yfwXnlAmyItosD8WrWkH8CN1D/EtlPHSw02BvXSP9gZ1TO/pnF+R5fVwsqLLnG4fd/QPMcTrHCzEuzGjVaEfZj+sAnpJG873CZgV879WwrX9SDPDTA+w6ovbpVKdgUqby7S4N3/lmD/n91fYvJ2XF0g9fWJOX7EnGrZSM65W29UnXHkA2/Z/xqUZVazzDbSFeWVzghONgfI062agmoi/K8d9Px5nceW8qynJUpm1anUof8CmhD6hlEjBbtfWVjT/mj8OlUDCLooZSsqpOKfJC5o1l3Hhf7tiANV2vQ0WktpcmF17eb8FM8aV7n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LTKjRHfgwcr4XJ6hFbm21yGxgzLJRNlV9WjDGE8p7oQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Dk2nihZnpLJfqra+0P+0AO0n9xLL7UvajRdx0EL20w7ZSbOrnRqBsA9FtpE6C+GmBoTLui4wmQ4hkWAvEm5F3Bofw9F1RwYnbtRkYrzdnY2rM8iTnGKluAjqwYe5qoE8ag1KSriM5YehUhvy11rOIo81Eyr9d9E7ppZXKY287NRDIMjOH1rEXwQDRAEXw7d47OxLUkv+EIKKe92PE3i1uBkbz3C8lMsb3AbznzRB8LeuW0yQr3qmiELNkfMwZSn2m+sUkk0mZwbK3BI2t3iO1MUYWiz+DO53zT3QlDUQF5pqMDQsBi6/my2LO4vQpvbXTr+rNACo4EqshuCpPfGERwxm6n1sHTL4FzzcaFumRFNjjAtJPHVBODQ9tjdLtwQbVLgWIyWLH7/rtjcdNnux68b++TY0WiC+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LTMdwmiwM9luwP/fuJ292NPU/hxovFCfgmOGBb1gPC0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UMnga4CElDpCedmS6wsrX1bvC9ceRM5iRiFJQ2tnVBQh9CBnLw5oI+Fk7HvWHSN8fdISX/qGlfIVJkIPO8e6QbQWb9ba02nceEMhJk07nhaQX/Cx+knIXsRGTvsCgUekut/TDikDDevCvk6xWpzGgaBoHnL+kQFizg/f0y3y+iVntsRXE8uxSMwcEDV4Low5r/fb86pDVyXz7E0ZJjRbC/noiw1rTZZyJyRxYCdni90Inybu4z55e/duW6xJpTNbjINfLRFXwgvE98FSZphesipGXKxgtnMyQwZbq1x/llMhaNQmrttcew2KgOuRah7K7Bk1hET9K0RZBtKMyvDT2Ufc06K/CD1yR/Zo7E6IUwltgQqS17PDnbJYxi3yY6Lbp0t2VCj53RCwSa+rH9ggjqutUsGH9JtI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LTS6DjnqHj3gJhX2yx0amlR9PXmFJZpl0Z/XXYgjGzA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L6q0ywBVBj1sit+eZbGJi3PihHAMG44byivilajAPffPAta0hyqNgzm4X1DT6ZIDzTCm4hzhDHcAozrK7Zss4YjRmJN/GbWaGqX8M4V18VMpjUOoxGjDSZY4fGkp+pVKCGd7+hkzgXJhMNnGALKKAwTnVxQUTZNu45WCv3Otj22dlFEs1/mSBBaTVzjGw97cx/bpAgbXDrThABtbe9KIoS/6EG4rFUoIYTowI3JA6KHooHv+MSNClRbjVvpDxG6+QwPZfpRQTMM7SWkHsouvoAi02+Gd45/syRD2a68Jp32VfTjR0i1FENJjVVW7zAF5m1yb8UvDIvTYgkneMM7X+bXRYwGY7GUZynEvN4ZpabpOse4lcmBoPffGj0c8P/LkcUKNjjSFbEDn4+krrH3sXtj/wmMO5YSM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LTWFGxRRnZXQWLta4VNNQEL58+macM+TZLMuFkZi874",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "86g8CRPoxvUxgazigGafBMyEX7TAi4F1nuXwizlBn0WmwBU+1lM/hRDkSkORnSRVTDw6fpVwjpzvt1H5A1BeFntbYM0eT/r7iR+Zjk9TsMZ+qFYAL/5fBTGT1n2ylVxikS7V/hecJfkdTwg/eLEFYJ+sqjKL3SrJZ43Z8JPee4KGhWdFwfhGXidsvOjdnc0HfrKuWk/3+Nz6kZyZevS0lAB1RaE5fra6QIi0QsG/77VSxYAvsFVdyKMFWLr2bwb/xA7M9OjbbZjOcv0TsWu4kw8s3UyJTGlXTX5szWr5lvksAYis/4PZRgGcyMMVtPUiCg7YpjFvXQDFeDVulIv9CX4EDhPDd4xeBg/fAE65SPQVK85dJoAJVveHmhEpILUsnhwQsCXDkrjDLaztThAjKKU7+idfiqt+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LV1U/4y1JjRKp2A2/yeYJaBqbSQH/WqiJDTb587Fr3I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3UpXlYMgrzhbe0X3xSz6/ioynnk8cubUMJ8ex3X8jEJA3PI+C/+erw26bhB7mV0kgA5bXU2xm23b2+gwXNsDs2fM8+h7dcMORTv4YWZNdA2mdgIOyaiD9HfUTwM0d13xw49e5gWpjPEt5vhNwTBvg/GpuiRLio578XCXG1jeaY7awpNk4uuy7PjlpGWwsJdmZ4l8tnEJpKxjMtCGASSr7UcfUcbtrAwEq8DpwrKEuCMDeGjEg02fuKsMblIv5mvwyLA34Q+/pME3EdNYnzERWbfiySX9ZyR2MW/8ecJdv0fq9lwIC8WxfYAM7RaS7bycZgBF33NAJQ6sKNvinUGDsMq4vDlnyFqhoK9u7XdP1ysccfPiFh8U0ukUunELtCqyfK3yEW+cl0Sm9rG4b6fFFCxjgQbt433J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LVFZOqIGnzPaYQE5pVwEoquA8+UFf8MIIHu+1ZQKgbA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GCDYfqWxrQS8VAQOZwbwp0WasP9+X2XC3ZBphmPP49W+b+G7t2ZEEEUUKQ0XDQTKtmp7fPkkF9OIPRo7bNnJxDZMAKQnlSohiJAXmHRw4Twfe6kr/Qc7CjQRtCIJiL6gtR/IpW9bvLGFMIDLb2hRLOiZMxmD3sySLCIp9DM0mjhKKSEZIu8T/PzoqrgVWLV3LqWZfDI8vDzYhiP5ahQehWcWVeNxmRJxck5hMgHbF+vOqIb7U7oWJ5bZsbvf/Tzx+aK2HNUUxR/da69vBjuMFlLQTw3QXZFFFOjv/rL5yvhAy6vSvQdLxSKmNthZZzmB2D2XhkvnBrvRzdkbxL3y1xYTVRWdksdpFuKg0BwLNsAaqA5fq4vb6qaFRiG8GqbQ8Ksz2FcxZ794kdyUGpruwx3JOegAYcrU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LVVG6lGDfWGPSxbF4GoLZyQ5z6Wv+ecEVNGiUCncpnE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pp8NhVPTp7rWgrwoAc4F3UMRvpXkwksx65lqAfc12bmtNEwu3i4idIyUP9URfY109aXZxXCwHlZJ/YLLMb2y9nL0w9rog3gxfS1ThoFGt5eKBmlTRfRzq+9VJ3hM2wSGQYW09+RTUHsVTw/kSDollMGluoJ4LSi6M5wQROP2KRXLBQhMgvsI2AFDBbiWO4x71V5TNXDZL5D5EjV0KGVdBDDlmtITnBAJn6RHRXwPDDoOUtZRWCOZXik39E2XG8knJr1r6FD3N5MfHpu7jraNDCeg03HUxBC4u1v6MwwkTjEdAx02lbyjAaMjDcI1ug7VvU/dy+8+DlT63TWAejKT4U9dH4sbMrftb8kdiEbIwezG1VJWAMLNEeL+LB3bBhuj3o36Zr2tK2JclGEX3rm+0aFZmkeyYECT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LW1EChsHYfWHe9cVyjJgNUw6MLbD8IWsVJdmn9kyMi0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dRYIlqT7KYzlkf0gChgt/bn9+H/YofRRoQ6KDEjJyydNQmdu+f70T7MVdrlNy4ZeO9pUYJzF7RJ7uB1L08XMV4LaZcNZmyWbY+Fy55ovxdIr5IesFcMziZcVA/AoWZwB5/YYiH4sZS2RGJzLJ9pqOiSNyzXGkdNcyIKnQgsWFWJgahMZRG1X4afHCyr3bX0d1sRTCc2qkhVY/I3Z3wUe0qFJEjdJbYGfQIT9tz7wkeaTQaFBXsqBq7w0oImrWnzGu8HRyQbg/vEzPJH2KTGAAcrdEKPYC+YuOZ5+oVVfM8Ztcvb/148IZEtaYplrfbp7+efaj2f2A4Kwht2UiGzfbA2fU/rfvQUBVgRpObLWjgOcVC3cTywHNL3DmdnsDG5cyUC6JvihpdnlcF0OcKkq2l7fsx5q6hbO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LWAsGD1YqfOCvgH4zF+kJL7sm5CKeCzpPtk6C4IDJGY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v7j0QO5WPj+0ikK7ZHC1T1DJ+z0waZCaAqYYhHHVd9GB6xsBIE/4AXGjWDzby2BkBbaLrnj0LpcLQrgoRYxIVjgY+ZoK+rreecEnHl8Q/ReGmjGPXnKxdSAXt4JIuDwZGGTgYblqBjmewRSDgcLckZ0qMKeL+7h8j8x0sVCU7jUA6oa/meQjo4WoFAIUC8Cs2J46CiSWaJjgEvf4+dR09G3nX0cpiz1xsYt7WcJUZoclxDgU+I8SeUx4QLoN347rzuc2d8uFaVG2gaQz89ZhVwM77LT6GL+WHplBZyKAwZHKHuV3QxihF29Vr4fCKLjxYfIKmwqwww+nBKYTTK2f5Shzdwt2qc7ywSP4PGH2OIWa4jLx2QVlL10pupziFEOgq9mjYitS69mS7ZFvEwoUkI7rC+msOxwZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LWR0EcaFADym/AbJFjfr0EP8t7GHSXr/bvpMxAEGFWo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+amW9jEkV4DSalVdEgFwllUhySLAO12eSS6jVIsJCSnL1L7y5y9NtYsmIb33sbaAggsn3SQhKndDV0yw6JX7FW7T6A8XywdM0j1U4imgF8bAOEI98g06qEGBZ6nDdTYzcbLmmQPc5my5U0Zr5zWNh1Kig0pR33CjB030V3ma81a0YDpx96PsncQvovnKd3hc/t1k3NFH3ofbghahCHF+/5SsE1KJk2h5Vn8CEsTwXd87gLDGDoMiIs2SFYJIdP839ZEJZJtjMtQpA3Dbw3YpPV3M2ij0p+iIkQy1MJojNcys+1aqjyO90R4suQoTTJRHD9vROGn3WB+FaZVroUeOEW5ndgpd+3TMydWjQQ/sNTSahodJ4THivBSCmzaP6UvviQ+T6hvYKuJWnfvytfNbRgr9hvdFx/Vg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LY025aMi90HmwhcVCvbkmx5XXrdIco4OR4oAgqC08Go",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r4tU2hO1Rg92ixeWznoqCOwyTv+wkeMghGsiWt/ImIjJhMcXOT2kPf4dXjCklOOUbYV/Ppm0bwDopCPOGXeRuqnpB+nf2hJ8x2t0Xj2082ZGFk0zX+fJ2RzEjg8H3HoaaNg+qSOtSyKZ+gcWjlAYxGbdL2aqn/CPskEFjP7FjZMnvpGHkwDtFCuEbIRnZ74jNBpMkaGS3SYNuS4ZbmZ+6H4cbNMuiDRSi2L7Yhm+QC9j8CXg8NCivawCXILTIakZpGk2vtA/ZSWYmimC1YLrkgIaOjeW92GWeoxjjtV8+tcLiA1mNyTZmTXL+nbrumwLNQ1Ls9kLgbXGziWTMj6W/SJcNZtLumIvFX4DZLUK39TQo9bpVPuijI7dFyylLMQd+YIkFFreSmxKSEAKU7/EgZUbDPISlG9y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LYM53mUJ/tgvwQKy0WfOEpidjFYeUbrg7ABu8C+eZ+w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4PDkZiePvrBiDHzcDlHimzukMO7whd0c7JvXszCSpOyDTlyJywutpnFIAAen0Z5gKQBmRtwi/Ifp7AQjQfs/am6036KYfFbt8ZAePM6qEVSAZkxAHQ6N5+t4VwtkcfILcllQxJebLxDgqfvVFJ5KQY1TQthQ/TOBqwoaLD9NJKcFCKrLZbGSf+cybpRcDIqoVcCZG/G5p0ZkxXZTdnV3R77bT8vKir5pXabWhtYs8CSOHPOdkIFmNeYSSbE//IMrfFQVyxcscS3ghMeQvfAUhL/UYEgKyIPffNmGuZBk4gsoW5IiNwtF1sB8wIcYVNf8TaJDoSsceb5teBpnsI7Vu8xCraBKxccj2BRJAz0bu/DQb/j6P3XBBjTy4+Cx+fbJ1w2+5aUOy+19cbNV0+sx89cuXjBYF88c",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LZDMtKNwmGPyIOez69HGIISPH8dPnlvWN6kGCXD1Bvg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pbReuGkOd4UKFtdo0LjEwbj7sb8Klqm1rhTohcycYhORywQBerCf80uasX/KQQWiugshzcwusMGdl2dgpoIsPh/kMcP6XZEk5EH0xvxFIXXMuqdiuaY90BrGnxmhrBd4rogstb+2kqOzLJicYJRRYt7bW3YxcvPpgxNavxt8TWvz28AR99ZjA0MNhvibUJ6ePKt6piqBCOSmC7LbNQ3A9ahv9rjVJ/jlBfoO5QCQiuP5p4G6RybJZghbJz4r8GWPLPSwduH43loBuZs9eINpCRGqYq9CYROnyXx3HtYUJnqLwIlzu1LBvmJCDJ51gVBKrnF/8s+YV3Eo9D6e8jdQ3MwRXPSwVkrLjOkXezfBnPW1ZqTfCESbnXwwUXC1Vg6u/Fw1dFE9GVlLaFHpVATqOZ0cxJHn46PW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Lb1nd+wiTw5vJcJ21tnkgfe8ix5JRZUjwDAMuXPNSl8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RyKXD/acmtO/6HnQBeoVQl/Pb2gPqjMo2Ao5kmX82yIgczFmEN+urk5pa0MKUwmiyNhJ0MZc2UonDg3q4nMRvlLTZi21fRRi0xD5/wisxuo/Q2XLZEy2cuxCrwIP3MNuvHwgF9StWg4Ig1uvvhqB0ag9DDYH/hLFsdEG3CRqLFGxZdFXXu8wqPBMRUfKn+xsuobqYtrAluEsFHJwnJ+Axkr076N3a2z0RmaT8UCBA52+m1+P2FTKt4ZCGKNU/62lsLrRlWMpiuZnqAJ1HLPlylpN/s+W3FxNpyskkJObQ2Kj/OLpDtJPUErY2vwKQiHD+tW4MCrZ9sTuZa5Cz14emPRxo43g9MfonNDQwjG6TSFrJiLQSb/202/CDYqVkm7OZSz7uowluZL+pq2qRGl49IuTHuYN+ICJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LcEj8oNsMY7eEG6vIIhStNnQHnTb+cHDmKvAFrV22/I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lun//OEtTkTEwasocv3rVZqTuQ3RcpS2aYelHfS4vnzzRaUkm5uEho/xnOEwtRkbMm7seWpZzD+w6fItv9nyTid/SXADs20t7QPM45ZSNC4NIgilg5UVhYs+8g29YPI4IwhTp2K3Ir9Cx5GkeRON9FEJZjcTMRnQVTVK4abvNi3E3/SxHFQaH85yLeU/ZtRSpz7swGuWjRQXKZ5n4QKNc+67je2jwO0VUQGgNRjRqrh7WoNsLjunIa2bB+UqjPxVcBC1pdTRU/AsgcZdsdy/AC/VIaBbuEIja6Jo3EWdqZvy2weGR7BPx5BaHsPX/WIEzewxhGJfwXAq44YT9GoM44Ke2HdqnFbiMDXPlq7opneYtjSnYXMMUEMOzNKDcnwNVQ7vrUuCURfZHoLlq3x+OiEW1ihaomjI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LcdNZwsRkPy6yqUiQToTpXOevat2GfcW/sxHr1BiB84",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QaWaHQz7rl+VoWgVo8/51o00pH8V5njU+OpTvSuOzlnNF5zfHz9A3bpem2GjnFR4kKUHwmwaoHeePn8zX0EOlqAAJcaId31Oo01MvDiW4dRgDvR7D4Ev8RZE+VCIdnCHsMijT450+iwAAYrqOec0OLWHlyNWzwfVpZKqQFxaUOwawuQbhxh0gIIClg9aV7wwf3YRkW1Zlsq7WFP+13U6itN/EqiFSPV+TFsBfW6pkf4RByRbiViq95pvIxNwKP2QXUZ3+iZ/4wPWldJjAaX+YPgCI67+WFiwzXnGvDOgFh+ky8s24IIjoFABQCh8L7hC9A0Wgm+MQD5spw7KEJYYk130VJBYY9nHMBBhlY8c8YQ0ytiDSp2W1scTUau954JvDCIAe74fm5TNK1ahK9eFEeYbg/DMg2f3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LcqPOmvLJz2k6NKr1vJWuTjap6uVXkFWexscB3wqboQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hnA8E+51l+C4IRFVAcqrn4vHF17FBuxjHpridBjey278jU7p8U3nochf++7NHrjomHDdpdSVrhy2tp8h6GroGaokWICbFGrYFAcd/H8qtfEbggrkSYlsfb5qjWkCx2Ek8vSb1b3Wtor8Ob0I2QFqg0GtZB7I+yeHSAfcTNPX3UpPOpCd99nKtFfkVCuQsupXUS2Hdup9VwiSBGPgmBCAtyYUJMfIVQFEs7KXpH/lat0Pdjh8E5e9EeN49BRm/nCCobcPnaM1zrxzzfV+1LyKtkbBSX1sb2P9oIBk/8Bh1sA4Pi3EJt+AjelOIn0AFxh7vCfdCQmcjmt2QpzD0DS+LjUbI9dcblCyrlapP7GO5t7k4FmSAudsYjneslWCowDq7qacLpgQkOay7+0Y7TBDuQvkkQ+75ynF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LdB7Q9qng7VRqAPThwverLumRKyZJSSvFFMLW3tnc00",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qtwQtdLWp92ORmqAd21DkzQw2eCMU/VJHuKSnaMeWsbUVzfef40At8RW1IHAICTkpYyb0AY18TMKOLFYTPLqpetlwE2RgW2/899bIfuW62iz+gK+LByXttIVWbVto84rDffMFvvGPnn5/Dm4omyIrQxV1Pl1RpSArhB6IMLnr7L8i4c+bAJjkxfb37aWgK+egJ22je3JkKZ+1gzG93eaUTmO8rflEmHjew4qxQdqTILjBu+Q+BB05Z3GkbN8RyFh3VYTgb6i+3ux3lj7zxBO7NePyB/PGeIqnDpaBOPjbIaSTJgBrYkkTYOf5eZRuYCv4RSirni6FLQbaL8bDSJjf/TUKEq8f7JHieww9X3idvLHKpaNaqOCL8qxxfY6HLNIxBoqmTSf5gTrBRl5XFkscbBNmEUQo20e",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ldow5MFeqOwmMdlCSiYRmc+Ie/WaKdscYBQmJyISM68",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dV+CdHJpJh7lru+yRFkBtmtf/DAzJVoAQNuE7AT7/Y+dqBpDOQsc94iOFLcqIfF+fsFbkgqkZ9n+/pDglpTLA7+igybbcRZu6I7LMKFK/eifohmNu9IC9/vFaqxj/s9vXfETDaEBYkqI08TzvJDhyrGdlqksmNLC5Dlv9mUBNzQW/vDv+iWIC+mC3Y2A3ZzDya5Eimv0PB0uX1a+80iNBMQyjZr8ugoKSsUgDm2+AXx/B98cvdIPCVsQObG5ClwjVkgm+1K7xtyiu/03mQJeqem4dH9t/QMkSD1ssaBSxhKpm/857NJMiXJy9pAQCCQskkn5Ub5rSi42aRJZhkEGvdPqTDFRPFXO3yEw6V2ZufxPbVfbcqBZg5bPLcKEeZvidzyr1+w6sLN5FcXRiglN9mCyxhIhnmEV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Lf3sSSRF6b//TAotUBne9kIuaN5xbuIq1o0dAe7VSEM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "piODtWnkkfY99upf/0Vx1C1wKzaAhEg1Obo0ZVtf1Bi5+rJpnVSX0YgtU2COnCFfmy9sgAQpHGg0Pt7Zzluj6gDra42d6wE74etLd85qt2iP/JIN07V0xvMBcIWmlzz3VItujxpDQAeX/r8jr01BgM9anaXIME4UmIgWgutv+7jS3ntjtTEV4Tyq3udN3qHK3nHlY5YKfyOyiclOeiSTkPTNHDbht0iYj4PTcG/OcYZxxpdqFahk1OBQhnAyTdd/BX/DV/IkqOHZlYtArmZ+ZZRMTckgpRKH5uvMHscwGcRIg+zwoPkSnTX5KZnA/Sms5z1MYCYCuYXT2m/GXH3/7v/Qe5zx43U6aNlKBk6ppS9SxW9glIe7ocPA4USYDJR0OCihWDYJeDeyrn3LdeSKFeA/C+s4Hled",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LfxMb7RtGu8gMlAFswGic0if/P9O98U7/EmzJcHfZH4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7y4VcPDUGi+D/M+eaWif1fSS8359tnTliYz709UHnFGzFUdyIupCHHs/4t7xlyUt9K+8LMWhAYDid9vMQnoVGFFZ9XBz0Zth6UpKeYBCwlK+JuildYYTY1k0TLNWjlRX43IOygPMuZkpDZJyN1yUt9T6vwKIseVzzsMZPc8ZETkRPfhCfUiuWTcwzDF2anCp0VtIL87MT2qtTYSDFnmnglsiT/CEIRZ6lrWbwhtuH/VPZEL4Ey6Fi/2+o0CsLJ4ngJijlQPb7TaxxGKCkGqyaT/PvolFKA9DSh0GCVJEZtrgd23JT7M93ULo6wuA6K+SEuS+iwPLoX58eXsLbvdGveWQdTe0YQA0C8pzZOriHcTSdmIiJ5ebWAD9a7c9dQllPrQNzrUTb1rt76/QhTR5plJTpbB4BPju",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Lg1/T2SBUR4zgCpblimQLQ4O9I6XJYDHK7st4yCFKlY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GjqUThktg9za8NCmFlq7Bhi+0mI2ODHDo/wK49t+MzjOvEov8deO0TQpm+otRwbuYume4UCbLHro520chqLao2jKR8uBIt3XIx3igvzNXcQbmR5k5hNFXpTL8xF1dfhAXRetX2XoTWoxddjguqS2WiruM5ld5ZPLBjxDwVPrpzpvslgpYHehQt2FQ6GBa8FcfOYnIFgAqayfCEJmT73m4QX44DR03L0cYptDvYFGoLYXW+5JaNp4LIxcPmrPPBvPRqk8sgMeSoMR7XCzKAJNlMRd8nPsRAPYlUocDdKAQGZ5nHLOPZnT7gDnn1zfYpBSAhuw60O85Flt7fMvQb57BzsbJ3glYgit/SMtWgkl+np7sxM2milB4dXWyPCbyB1G03Gi5JiJvbp42TwHp+wBIiyw+RN4g3qt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LgS9ZYZDN7bG+tCcqQbdR71OxZPgyEXjYIAi2YKnI7E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DJ5+OSQ0Z2GyHNG4lTf9NwQE6w2hawgZHmTYyxEPJuEQseQYJfo9o1l8o+t7v6g4ro6jvjpJ0OFsOhMyROvV/sn+iTJDZQLwolD1NRW1YNyZXcoZlc/v3IyssXqH6paRrCjTTMmRE49s/+vW+K2LZqCJKeUdiBeVNJ6pScbTccMzm1pe8evpCvArxBUNvJQ74w/ln+kY6e/maWFCdbLEVcujvnnXo9Mo+QJ8yUMDh2joXT8d6Mx3UAeyFtYBfGYmT4KxIuiU3ysF26riu/y/5Mrrub9VIu/S9Vl0FKywFd3puIKz2F5br2Tcq38jpts1glCMU2L1PLLdJg7mDuLf2c65TUsgAVCGCDjdjA9in21Rwdhoesp05R4vAjhg9+M7aEChMa11S6jJ5WO4wtOQACqPmgtz27BG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LhmYPGw6+g0jxj+HaxRWGVy60f1TCK/5XNGc2tj4nfw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+XpzjnrO61IiyulCRAiUeC0tkPlA4Bx2MrPDEoApEoo3BzImt3a18fRT8rohdB1CcDKEcGiKT+FWZiJRb8/J/bhP2oycYeKTP2ho/cp6HuDSG3dgrvn6BI4lxAxf6FcC3/MDnexv48oOdWGEiE7I1VlAnUnmPF4V/NZM8Kmic831OhtKT8LS5GkLKZmaGkBOkUhQBYAV8AoyVYhWw3CTlcYrqROtZb4dk6JmiR1t0JguN5SZTmUq/44sxi4EiU4fHnLmtkPrrOoMaB2+D6EAPrWCbYsPOp6SWcNTcc5YHhTxbmT4UzCI4eXk5yk6tPmvQVOWB+skAbAk3oYv+mI1y6FEzxssL690K+1JcZ3zgk9hJiF1VQxD1nIz7VwsbvakqtWv2XRjhalA/on1qTsyvkKhLM2TGM53",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LiyePsKviqaECmZ/z3f5RWuTxw1ukNY14SNmQE5fBt0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BcRTb0URq1JgGdx2u1R/EwijoIrhJ+74eLrvbSklpmDjqoCt1fPjoIXdA4lTwZvgm/McAl7rFo1ivD5+uQhecxELJ5FN47xMZTQ3s/JLuZSAYbcDFAD/DkSVjsrz4qh5h7zHCGnW0NRq37FEMdWUowb1qDuT45WJA7OUEFeXgOevVK41WKmSPLqaqUzGDXZGO9bP1RoCQM5c4MT7rsN8fj9s5QW80X8lDNwozxq1+FONEkA4gWTQwm1LrWtVAxNPc5YAx0k2/Ca/hwUHF248U8KfVKwGI2q0DOxOzgOS2OogQPl9rnvKVRN3jbQAEj/mj5xmu9+i0Qe+XBXa1mlTvFgEHPnHy4gmmwEi3+sWMXTpBZ6YGOnA5pcJfnh4EASDaEZrNsiCusQylF3C4TJnCgajlFDDiR4J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LkpHyTheYbB8DdHqkU/FkjRbzC4ZT3mXRdEkoSTZN4o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NsMRdnRg/nt5vRADV7W9qEt0vsep3ViXo+0yLyB6sEunR7pEi4D/aTvd38492/eLjsyG3S0PNyZlq24JAcykrK3h+dSWmo8ykBHLgWF/HYgK3ioz0BHVxEBFqmP3/LxZRD6dS/MzNgAZGENO5Ffs4QDX2+nd0oH8rOwEdc6XkyVrO8+CX7WGt1xICo0KvJjGxGH1nIBXGnqoALl78uwWVOZq891jeOACF+S3VEeOWPD6B21/gDMr/E7yQXGVw1GgMCkpagwUTb7pe//j6s7jY8mAUeaoefSusFJeMwJuKb9poDN9JkXm4IOiURpXAHCD3ovzhsb9VcBOHwQbp7H49Of10OFyB+rr+6O6meRvZl+yyaRiaeIxfJmcSqFz4NxMR3qwY/s7FVacVh9RQZlE5pcr45Bjh9nU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LmyI//DORRUZC9E6BrCMQrh7xQM4Ajps9hvHo0wQ3yY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "epmLegE+hF/vf4L6u0oIDqxQhz8v6t8coc0bjS7H2XBpXZayDomSlys+lt2jvVxNPgpdzfANll75TbkLN8oSnylxAIb7UwHU8CN78btbi/k4cTa8mUBtnT3pkn4tZqdfcZV80PYsjrwQQ2EBhw6rbb0SnMpOlKQy2ckDc1QepJdOWiG34b5bS20xjQIi4tNrk3LNjM47oC5QC7v8CDTLiigyN8IwLjs5bWEjM5CTs7PE8FOd2/KY1O/Ui1y3td0iI7q5Om0dErpcVlw7dmiGzhBXXmFKrffda4wpmwU193vU4YZWFok1gcUkt7PsrW7HfNODH8oKu0iLUVCK41xB00WKR8RRJItToyY3spkq/czUAEdwHtjUxRMj2cYBrLvJcUjOEd+GNUo1IedkKg5mL6IWAPV0tTqi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LoDiCR0bLvA9kdN8E+GIniCrAjaDgLp1V2RqYELjOeE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AZ313r0lMiSq03G1fpiV6dXXoWGfa2HjXUgJG+x6B4EUb6WI/CzHSL7xND4N/cpu0azkdtPy0BVBo7KYzMw5LHUTHKNRP+5ed5ZzV6CCYkk6aK5YwFlpDP/i8Kvdq+2FZmiU51jQAGvkWvyzmJxVMdyFAeQqTKqlm4CXG2gCheUem8KK41j87HhRnJ5dUMsNkwTpUkh+LrCELLx/7MyiDM/xOMP/B97X+KR78GCAUyN75IA7C4vDyH0/swEVC4Eyyy2Gdyx9JVkpq/CbTVn8Qqq8qrq5FfqI2hAqmYRc8jGRY2uxaMSC0YuUjrd8aC/ByLyThkCMvQpuXXOf3CwV4Dl1hrEEPtdJallRDtu0DIUdTGqQCcwGmaIHQZqXv5r2enk/CLMFa5ouzTeu16XRi/E72KeZrdKw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LoqDXU5LMe4EK+V3tNghFYUWDf45yFPZA/Ph5RVPjKE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4dhmuVvQs1rbgTdKF81s089lO/es83P9kkzRMWa+mw7afpsv1slxbhV9ONyVe5LYRZwzMeXxj2YmcdH4+oVA53QGnoPlZO11nGpeG9K+pkjLVSDcAnKj4MHhl+v17huAUwGiBek5OrCzgwikXHsfR3jR1QrciYI0TdEM4urBfMiHOE8LDwgYwIQ/0+G3OtkoPYbuGQJeqi1ZmZho2oZBg5KYDJOCZYPhb332LxRO+awjISZV4H3Ltwh8jkX+45xasO+7CQzcKeJTIcXDqkzdt7o+IQbEcAva4HLpdl8OHLAED9NG5Z79tgelbk9lBwMtl2ncolYBBslX11pUOAy24ke9VelKvwcRwCmcD9f3bXReA1Do8RMEaFq5bU9FMIXXQgXXdyq4XTmgLy8C1Al9AH7SFWPjGu+K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Lou2c4V0mXsTMKv54TMlHSP6+WQ7fdd8SchPWo7srBc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tH7WfJbGQHtzazUqzLkRix474iYWvdY/U8utdz4HbPPf6b/W5QIbkB4UoKe/hAVbx3wXUnEttL0XMMlKF2Za5NNT6EoIarjIvk/mCLH9yF2FmBezhMSZUPRPqvOqkJcFh7sW1ObAb5GFk9J7VB+HEVWheYYIsYV+4oKccxyKwoDg77Y08KpS7Pce2u9IbMZUprzJLxzlXoyCyD7ZBf7xnaB6HV+RujPHJVEt8004iVXziuwzm4B2RjQAGM6x2PvZmLMcGgVaok4wiY19ZSKoodjRE5cDNHC/x5TZG396e7BVYTHNQ9lFlniJauqadcF4trcdHROTbTclidH7FH4G1qZlFF8JLC7jDkNZlNgEqWb/bf4QTXHaV/Kp3m66EAp8OTp9Eac6ebYGo9RZyr9AeMBB1hs7Hq7y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LqyVDPqzE1xmX00vfM22amOT1GEGpBaljhvPF+PfZuA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "muQLAWgWd5SPLj4dhqkdQoPjz9/0l7pDaf/E1OLOKo5EXfBmO6MxdDBSS97n9WdeavHpxNJL7B/bXwrBYATLMTgSHwHgeYn2fiukQq8zIYT2L+SIlEQqNlmntq8uhT5wr85i+I5ZDtpggTGskIm0zC0tNk0sGWAU26GuIYB+3utZe2PR/Mhvu2YaSJyTGlAs2MGdubqEvt0ygk30sgZ3dapSU71TaNGZWlXB7TWE2uNoArrzu2iKWQzaH4qYyaXS7/kLffYgm4WEQ5UzRse4OeIBeMkZPtu6mzhYDn39x6NqXf5B1zFFUuQauLmbUdTJS6Fxq5FXK0DzRpSuTSQYeSzP+EqI1VqUouwsP8y0dmPT5CC3Kx6kb9rgq/Smd6wQiwH23SidqzuKNKDf+K6BXBBCdmO6lZSk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ls2Jey0OLNBo4ZLR81o5RsvNcLMuKNivSn1sLZLt5es",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iQBa1dExBofJi+nmvcipyNuadLXhidrDfnVoqToMz3u3qVpde9vaMd9gtZrHTbNlewwjvJdylumzSsF0+ttTP09WBY714E8LEYWa6arrEMHcTX/wrUKUDor4ewPZyVjXHsIpnNgdGHkRNf3Dx5iuzsm+cu1h7BsE+SCLWm53ye4dM88rRAhq+QYGFjNg11+Ocpa2h2vBosw4uqTViiQOzxVEqlStrpcRilGjkL+YkY7efH651E64SZHHsy+JvIHdCcQcSe7E72bT4IwlFgiTyniKef8NvbbtyyUoqxyX5CNrUqeD2OzdDFRTnxyf8GAjs7/qR4LGU59mE6lzuxuNuBEyBZQ+1vvpuIlZf4p/owAw9XDDUY9vexM4FDRq7lawf2myz0q8YgATLU/caPdlSOY9SSKuygGK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LtDV0wBtBZV/SaUtQ02oOHeycIfoVE1Wg+2f60fFm6M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "21gKzEvpmVJXkB42Z+8Gxs2Y14ZXHhYbwbZa+P1fj6gI6AZwlQCJwJ/8CMtwALo4ilk/u7cMxPyLenjR4Ie5SqsJGmrYJzRV8Yiv09xo/94CfShs0So3CqhYkQECu4MhQbWq1DAyHIW+bsl5iygcfrpA3XhI4vZiMc8lMP7hUIuyLNXljcK5d/nTKWBM1hUjm+oF6+ryQl4LnGYAU/2vl8GkKQFwPXH2Z8EDb/2sOlESLanSqudRXvHuAMxv8Tq5tabwFS3CiK7maOFqcOgSVBKmFLYF1JlLFgZ66wB8JV69y/4uIjwY7A6/eE0IiXJGPgS+hee/2GQGAtjO6h6SDXTq4YsSWqaScVgUOS8F6ew8tRyl5JkEucPomidt8SjosGqhsO7Myfgs6Bc579Xu0yUhGBr6+Hb5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LwZU7j68m+lFMLZaH+NrWGfhnoABsSPE5iOKi6C5+aY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XLRBrzICXHxC69jn1277PNX1t/t7sN0ostlokuPwbHLcJRqtlPu+dx2Ext2dxrjCnmnKLrEqsD9QL30gYdsxfMDa8ciR4IQDm17w8RowPdxHcKt9hi3C4R4lEiZjMzk5PLDb4vdsqnesNrfH3tJt8m4Djoy/oW11ONLaiWx57HukzIUFvswQWaNHAFLatbMhsvuSqneXrjReaqfEAMHf7sHaeWUBP965C0NdOePCV0tzqRXfMxCYwLynIDFCtrDiKSukbVVdiCo5S7W4J+WJQdgeSvcNIuYYdYZD0MN98DgQOJMuHBOJNkAuL80yjcO/GTJWposSgXQSYI5w/oy/QwQI84MtFL25iJaj53FGXyQuhY/UF5qPFLvRszs12dV7h5abTmpD6xsCTjdr5xTonJ5ad3FEEzru",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LxUiVJ/iSlUpU0ZAAo7VSezdqxGKDQ/4hhFPz5ZHrwM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/I7+SsHYQZAlbRhuOF375wt2vYW8oXcdJ1194O3RUctagQDAoLyPbS8slwH5qjOEF4miiEcJ++dK0Y9AhkUUk8bzj5qJ/FccjxRoSQXOd/mtWsg8a4q6IzIsIr88i1xR9sf2slGZJNrcE5RBLCYsxpKtmkv93XnwIzoq2oTIVAJpHDQH3/4Jgbg4RSHkTc+9VdIR/jlDWmEbNY8fILJs+u0rO56JqcZ7RgO91ROfI96wGPYnmkWIyQ+q8rOMBDhhNA1umGH7NXpff1PYveTO9naSnehTuyTv5Uuo7fFDrgymikLM3u6bHUYOFpe/ZVDFTnP78aNpjdW1bjQ4kL6JUQZ0U3npFU845ZmGh1s9nW1hNJIyTXojcc4S9TOS5SqjN6QI93lg4JXxTOWgvNDmxK8/iJdropOR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LyZshaDdoFcSLrrjiVyznyV09HPnRtM0J/xFoG3N64w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sS71gD6y3XlQID0de4v9hgedynMpbUb0fKZazvwWRcTWmEMOAnCDi17UTY4GitI9JQxiUQyqSit1paybDcbyFcyRJtTsW2cxh9VM0qlH2Vf6q8qEPPuKKxAHskIQovT7z1KtTnUzq4GckI7e0TzQiHpNY5i6XrQhsN+7/qICfMaFMjXuC8EhDCn/hP+yZsUSFny3mYU8rlnVcWaPg00+riUboW4bsfqTOEodVTMnOeRLAys5yolu++I4eG/wBx6xY+K+qK2wUu9GmJQhywo2AvBFJdQa87BXhh1+NdQ5OG1R5qAOjbdHwaBXpkg13OqgQDaw1CCxYfT3+PPQN2Pb1apStZGzctqHx3OZ18Owo+jPlqD5TnlXLaCaH0RWzt/YZjPC8LgBqIWgy5e72dm7fpT8S53G90b9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "LzPA0aqJZ7JgDtRpe5PL1RNjXSoiISrb6im0TkbQ3Eg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XNcA20xcTazLo9whTsDlarMbKEOiS4Sb1vgIUCEtq+WICQlqO95g3fzUPHB8ued8nx4odkGFTOwdD/0r30ZZtd0i6jxSei39oJ5OjTtcZHxwshyICowobDzAqL2ier9zXLWyhlVMasVvQGZQ9+vEOGxCbZSjm1+n5krDlAamEFbCvu+f7OFq5/9W7+Sqdu9xDzVpQkXg5torFJEnjiPHaigXb8My14Q5W+iSfnmHILAnxcB0f97louEXql/8tChgzZHWCGknojgve/yjbwDSjK4FswHFc3Q8dPLNrwOE/M+M+FFnA+0c6elK/BT3+yDYhBih125rcL+YKJHnql3r6omH6raAUTId6AmmjzhGdQnP9dzHw/WTepMrWDygMWRpifdn8KnebVoi2v4dMBV1bNYhiyWM2Ydt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M+cRTAdBytMscLC7nAQV2sncCa6zQAnCsLJ24jtrEwU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lt1QOP03Heg/CzKJM1mRslERf0mLNi6SmTbmAEh+Q2iUHZyWal48+SrlFTZv5AoM1BJYZ7qlBZKIuo4xNd8Q/zszmLfb8xyaxIF3VtyW0RoynBO5PJV8xlxSNU9yeODzplkE1IFIm4BxMvSX2U6osOAH7DW0wOUAdLYqVdNVZwROKev44n4095Zjh/044soKu7bWINNhn8m9Gdj8aqFfbdUhQQ7ygC50RM0Oeitp8VQy8F4wbJLGi7t0PqRuivTArtxUIX+ero6h63NyB+VgRsX+E3r/82B6M1zC8USl3sBaSdqlNMaAhlaKDTNJF3QZFMTbbUDjFbVyDr6DsH1tAQCVVP6FAxA7rdN0pd6hFGUf7KbFlM+tclJP3+jX97SSIVo/en8KBm3Ve4mmBv9Dbveeo+YbnQa8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M/8AcbluaRJ3zgpCHKH3T4ku44F4MLbK55nH8ieS3gs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jfttCqge2liv1F2PaYtqdrXM45txKvPeH2AVDhbZPG/UXqBtMoL/TezUrSCe64znEU6nqQaUbA/Chi66OuDSIVvgLDCMQ/8EfX07uKFG+n2x/u8x6uR9tDJuMOC3J2tdJLO5KLnRTaHAy/8NCNdQ2bHCuyQ2bSZsoiJrCam9GpiXsWfxuMx46psjM4WyNXmtIZ4Z43TR1joDqgpzHR3mDBzLroi5ERu5mAQl9TKf+LAYsDobDvX/t5L1DAMnMSC6bgcOfHq9i/LGppVEwDNhgFEhv1Z1WrYEEIRDVEd4tH6BZkXdGr/I/WA1lpyrEfyJnbTAwcYV/cQ4yaHDQtfc45+KaJiDu3ZJNtN1QfS8TCa58Yi+yEfh9BNjNHyu5LfakhRfCRTeX3JbFH0r+SOjxt+aGJ9Hw2vH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M0LKXn//upJlekl5uVJ4OxMOLm1R2g+6i3UvVtsnPOw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0hbGR6reBhy9mFoN43U7s0dDDR7sTbRRrXdG9ONkKly5jpS4gJQq1WrWYRIHZ+KmaLi40pgYiXpZy9Nu83QgtLyztxVaQzKvGI7l9aVRa5oErlSxqT7yAAyQ+5ARXk9Ew7CPBNf306hyRYLRhe8AJ6XSVonjLU5M3+pCLDk6ZpBRwPnEOjI5nAKABouc0527QX12kOd/DX0yX9I3URGQWaX6chiEuud+PyviqlwQ/aOR97G+OxfcdRO6rtUMaQiv6BTTBfLajymgdgY2WJ1wK8yavU59pbXMyV5qPJZRcVzOX1G3o+/6xtn+9wGWVn2V84kNw3yQBT6DAYu4Mda7FkWhWRGw2DUhrqTNGc+ycqzO2SNGE2jqRxbS5z9t19hkmtHBRvbbAcJr/mynN1qBDrcLkpO3u4/v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M0VrsnTkU8vmOyxSWGWWQ6j1b5HEVU7fn47ssl2X72g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0HtiN0NvinEX0B/qy9Bs5+8awjge68sZQk23e2C1qmD+3aRQ06+h0Sxpnv/OWnDCvoHEVun38PfeykI6rItwcnatTQiHRC5BAK7ig1cUqt5iF+AW+5tZme2+quCXqxqTxYmYT1CV8ESKHrtbYQb//GtT84D48U6wTmDBKqrM3NPR+cwzXgAPkriYIvJKKg/n2AwIXWdQba4NkOQgcDtIeVg1jAfgRb0EFJYpAKMwRz0CNB2yon7lsbQbURxzvknj7MLLmTU7qS8B2ObXnK6CeSj+vOdXVt6R7DLC4ZTwra/Q1kk7EDBr7A2xfH/AZYzfMpV4u8nbuYqZoaqqkVy9qezH/drd6NJkl84sJEtk26LZ8XRCpGcVxsxcAKD5lScexhXTJEJS5Nbt5Ww9kNdqx5oep401kWLJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M1+KDoM5JdQAvGuqgTvRkXdQ6r1RxfTFNa7fZyZRVFU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JztF28eKMTlqOT/QHr2nOWlUIpVftMxIkwQp1fzbqFo23I7vrCZ/QumfNO7rAajuqEweWxUkwrt3xU+vD4d0BJrS1RJV2VyQBiVFhHvZzVbiXJlqK2JOsJvqsOtQRkQkcSg29X4/4Q1S4ddmbNzDJ66Mmw9bP2ugxT4bSvLgmFpc2RrH8JY3y/MjFFwdA2yw1YUc4VbNHHlWpo9c9xWM0r+GHbTcP/eY7BYwf691Jnl37uRd3tx25SKH0cVH1Qi24G/4wsfGEeALaSS+nLLFeS8IpxFOKlSoP7BpiRPr/C96BOmv8DMIcRcvE8CWDdlYEEjFa5802Wm98/Xbd1EOGdxDWIJzRszdfg+lbdjroBdAVdx5efkFTgCROYuCzawi8me8zrdzvZTn96y0nn691zmPTrnnzGuY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M1iYmkzSLhcDi+kZS/WtzwPEyDjMp+npvgwo48W+W8Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bcxUA8rtIWKvMnDaYIjJ4TDLv3v9u61hHHL52IadfzDBxX+haIc5C8C14vPAk1IsM01fQhhFrTS1igEMiTs9cnWWEeQhBGiesMfra2c2mLw387M2GG+b2VkCkaQAk9O9CAKSi2se63XUPV0W7IH+BjMa9KD1xk4epmaNqyXx1EJHMxZFTysSqRkuWC5nCTBofFB9IZg/lA5FKGGRsrl+DNjwFxpx2D0SsJ5lxmIJI54wD5g5jZsany8M5TYX2631+zVwAbxRxKzkdF75e437qvAct1h/wVj8XDUfDJSqb1dmOSWCnxAdcNgpWnDf69QWsrwWe/E+LTQZLGxSzHpOozcXBAK27FDikhiQISOmk3gjND7Ne0Zp0oq+EBFok6OtaIpRpuW7j6kEDRd4mhNg3jQifgh4ktfd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M1puJm5GboGy+wHCTR9FUKIKvmpJ1EWpPjXjAzAVhsE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "byPGyQBVPGqVAMcjTqT5bwpQ8fOAX9dFRTZ6HLGbHGOXGYdJqahkydJIwqypRKSQfxfHcn3t3Kbk97tu4mKwCBZnVgr54lppVKKsicVZ5PBl7mB5ym6QzdDMTBCVPZU1PDmDaxn/QcDmeCccXRVaoVmp03jQMdUfZsRtFQiLAyS5Y9Z1apUpz9Kz50Rb/UH9Pq9FP5eP3ACnJ5QtM/6HcPWwYpAaWbO/G2xKAOzhsC/TTAtoGb/hwb8hb0H8OOWfknxuBK7ZP74/ERRseQ6piEuyOw3i3T1BP8WuQN7oaYOf9W90GZ1WmUX6XSXdcqIcRZ0NImh+mhi3dbovLZ+2538mtiV0oHmk/1rVZLhZsv9ekByaG1bwVzx8HycqBj0vME2h1tRFnyFCrJrxnSiaCxAAg+cv7bsh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M5jtMZY78XMJKeL3yD/X7IErDvJCE/SGjdUviLWugTI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W4noUsz0OJijc0w9N8ZgvnxHzkIE2KTie8SvZm4sjWAPpd3QF/PbBJKFFYiBA6QT5AS44TlKvs8WAfu9yRMmwWD7ICPiAiC8zB3CfuwuK56gbw1olPtMUlooMagZfTInLGocfihfFbrUc8jUZU+OcEnulmrvCieT91qmQ53hNG6pt3Wn13Y+2riA/TKHqWcaUlO9Ribw+/K8PwzPBu4aAlKmK5mtUztf1kGejWrm8rNydTTs9A83wKZHPSeaH0u475EoVQfT5lyct0F/9lvqn7FyXMCGPEGBG3KCVbZosR15Ms/7al0Tf8qLK/ejCvFtW9Qew7T5RVUowRpmhunZOmRTXI1n8MyLHZhSsy20plIT6SFJwWxX/svj72lhu+m5ZPUwrIuD2tC+TqoetnCHunweSznnRKIv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M5wpwToi+SBgmAb7LHl+Ee+hxVmwIIvK/DTNefqy7dM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zBubE5kvj84nM/xYRuLVlu4Aa8HrN9c6D53zKFcs4LAANAlAHg6Q02cryJTGq7u/XBgaF/g6H3oPlHRsTq8BWuXP3Crqj84jPymeA2HNwfBk2EtNdoh3rEwumwbpH0JA+Hqpsd12qLkIgjy9lDHKoIxFeUj/eDa/oqAQ7OEM3VdCD0FHZH0g/b2rSZFcvSl9O+sm+n9tbb7QwTdX2MDOsMN6QOOnc1aupI/33p3PmlEHQE7nofPGuuFmlrkgF1Zk+klZGf9VZuDDsGtbAYiyPQsYp1hUFu9sZ7I0ziU/32gtuhSiRP/MKlsz044lmd5KmFwsUUoDgBcv9iqaWp1nZ7VwtN2gOPPcM3GlF5c+HdfRYVaGLgeTuuFFEctPGWz57ASJzX0OhTN/ZzJirBn2v0qHRje2HpoS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M6V/+TE5XusaEni844fIWLJuS5KChKB6jQW/xScWYdY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FOpTDk1qZQA/weaOXVWmzP5VwVAL1dthzhDHMqhJ+5+fJvKaCswgVRgI7WKlp+7sVLfIM9vTgGRgngf1bY4zoSDilipfdG4QXArOIJDctGruJX1Lgll2T8b2ncW3tNvLsstFtmIFwkW47QeLtCI6wxo86Il7Zoghx9pqTmAq+aXnkA+WcFDlhbCOCUByIRdq6vtVi8/FdHL0t7Up4avNWAjOV7qzX0twbzcaTqFNIJ6GreCykji2qTese/mu7NI4i1FWcQWNvL46BN0Y0scl0NPbI7Ox4gOJmf0f+PMK5m2D40irCJywOvn/hMv55E6TmFml+3QPLBj20ufoTRNti9URO/Gd7cHqsMWUZjYRS148udECgZ9XxqLiNXR2oN4i6KOcrfhlx4p+zPdzDlOXNqMlOZIqsDwp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M6nBIp6R7pXNbwUMeIAE6dAA4wdeLHmoxA5Rcf8bww8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "39280Hvwgb2Mo95fK4dsYblskNfhOIPL2Bqe1vcfGm0wL6+hnNzCFHx41sqOiKX688NLPn5OibCEGOo8W7VUrAtdySkvnRjm+oJpCYCRAj3HaTmkiRHWDCIeZhvt56MK7UGQSHJt+a5FvEOmbi9wnJgycutuD+aAdev9wvt1xz1ByLkEUGuSTutaFjP6uFc1QivObfn98dIPAkyXZ4GhxILouDr2lYWYx4bPuZgeEfWnsyGuYE075HRzS2S4goELJmfGoi9DZJkbeohoX+PBDgZWqn0hSSFp4aZeoHXU9MSa0HF4J1eUxmT2IRf5/kor8LgJP9KS0g4ziY1OWm/MMa6XZ7e9F8o1BFORHccXF3zaLRPV3hP9Fg4L9Ci9aMN2UiuO2FtsEGApN2X2xEV9ROhkgPVP3J3I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M7qqzl5Ud3uSrvcpg+w7pEv/X888RmY8tUxjYA7GK3A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "isGZ4JMszfWvyfkKQNLQhZivMcc5dWBkzFEV0ny0dHPE2zYZY60LN2YMqZccaRWSiV0joxQHvwYRxwCaL+LvDZn4XcQMBQIvoGtvzn/mW2N0kYI6Em/R1kLa3lbNQH5kWb20YH0LudBhEzHa1IDXw+4q6ZRBo3Lj8WB2mm275PP00hNY/uSsZZU1HJaITa2d+RdmO0L18l//6t9OKPjesYN6TX2K7cW3MIkBgBK16zOS0fUMBusiDpEWT9gMbJCtAc5+cKwJIE+MMzL1iVwsQNrxaGTKaDK8uA5ftsu4Jz+Oh8pdjY8hbgw7xfQgWInQdgE0L3AmS32ff5gSbwCthsb+PnTZtBCVJAf8I3IQ3nDuF3rehb0rJI9VcAMo3GhtqRxjx89dH24F5EvI9v7e2mAeMsGpxPFj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M8t07y1WqOHG/0FooXHxCrStQAv6xAB4Fq/hHkz5svs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wswFO1qVz23pVCVQ+cdtasE66eNMgxIdm8QMdSwiROvvSw4fFGGGQ7Om+RUNq+NtWM4VKONcq5IxrvzQwkSLpRi4bg4+/T8aGBC3oFMeh4jBD+UDBb6vUSU8hgk5IN0A9pO7P1tIRphLQTrcHry2kgyGDvW87s305hKv6NNd6jS68HYwa0fQPIO1j0VZPx4KNWh1btZ7bQTGVcX05fTML+gbXFsesYXinrzlRm76r+DYtrTHrmE45EFe+IMVD5yo+oGrEM9QBIUaJdrd/KgGvUNW8wvlm/a4//rJCX6/U7Esuqv6z4G//pkOrsWHnwKA1wohPS4ZquyUCFBDbJgwhbl3H8h0Q7VBWm1GUZIzEdpYO0XNQ1lcVD9YLjRNx2lS2sKO1/X8LhadN4jYCY3SsvA78GGqZ3Io",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M9GuyxgfXnQEZzEm72VADYnm9iTePy6Q5p0ac9mjGpo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ieEn51sqSv4pDyUdMgucuP+cOMMWzJbWvAE7QnErIZh4XuKywp1cs6Qyc3Azypzm9jLOE3h+g1+4hJrlo4eIrXGCd2v2NUo9/MXSpcm23BvyXJhubvb06NT8LbQ0VGOXWFT8OkG7MGwMO3CmkQHVbfFpUj8GHQn7V9bNyk3b+V5OPH9VWMeh7wiEMFyx1yCK4+cYqpNt93BU6bbEQUAnu9rCqbjnWty7tcbAmhdb6iBX0t8DF7flhbXKnqBEYKbxgDVoD0rfxwuu6bCJti93nGTsTGMSD4oiYNJJFM5pIs0/tpiawV66/EcX69XEnW+dgRCIEaCOyhdubjVTPrMsBaLb5lviT72Af7VOh1a+cj8ELO+HTh7NWSbal7yvli1Q36h6AIPqZlgOCh4PSLzaWJ+wfQSU0A5h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "M9pTCkM1nr7iHdryazHcM4isS4Q3FXegTTjmnWJiUXw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4aSqwLHCVXF9RrFA/2i8UBp3IeaKSnxwkcUI1T3eh/uh3cvh05cxJQHFls4ffCiFl2uX34ZHhjDWsPzJaAbVDW8+vjIhbFhde5rPTtbyaK1FDs14WxV0nR6cruk2OfU6KvDDSOCnSBLgSBlQe5CsVXkgLbSoVYU7deyb4/bG1rQP9eAlNEC27/HdelP2cVYLEHzqMxCGfTlMRjiLez1bL0p45B8dSwqMH46H0CP9JbXNSIdV+my/rEepQhy8icZgSvtY7Mdc9edrrPKsAEgLXF4Jistj9c89ikbzbit/zudZI7RwYpJtL6A3HXbOYK13LsP9pI0kq/mhpZIRQyMOjEAzuIjtivXxwQqx9PMCNo/vS3PXwGYAa7MImc2JADkC5mupP0aQ2DeIOQyeevC+tC9wR5Hs6L8O",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MB/PAA3vuV43h6G4PI8NMUC5N/w+qLlH6a9WQ/PyZhY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "su9jC9/5+/IHbknPmbvuit4j0xl1fULlAaPBMQMZwpizpH2Xkotv2idA2M9dewOUdK8CF/4zOP7menAtAOROwS/56Jt5GQ8CEec2UITR+RYU6k6rptafbt/IvvbxznrCXm7ViOkJeucgWzzLqCJXvy5He2g7FdlXmrLE0iyHLwik/+h1aDdiuyY33Dn713MvRThKS6hhVVFeIS9iNpXmhxhhs+GDqNl/DAKu/sNFja/4LNGZis+Rx9LWFrc0XYqyl8NVcHrVK8z98aehZzumijRZh1ggrvBrdpVi4zRDxLFF1kfZWp9zilj8ZCspe6rqlufEdsAosmgfb/Hg7EF+EyNTAnv+IZHF2oGtCasZme6STa7KzNwNc7VDd8sgfCrTELohzbdDt4erumWviZ1iNSlfGR3G3zI6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MBGzgu1O71YmXYr8erHMNaoiKpAjZ7krqiHyl9a7D6A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CCconC+0mafOuxBZWZGVHSx4xPgFNLy9bZ6xwoUl9/UJqo4STr3cytatwgxoZDJwBbEv+9Ru3BEywiZJqaxll3wAGLKXjz/8ta2Yyn53CPxzrx6N6Q65o9xdQhdriZ+59E25ARFxjwGoxsK2zmWUMc+Tg5ltRDdGglAaIL6bJDxigSJRVGjwIq81xsSW2qbGdvqZg1plvhxCHw0+R8uW8DJbOgYbEwtBLSUd4DFAigeQffuKXplYNoNLru8vbArizB8DwypEH02mA7Lo1kyeT/WQX8zXpFxc6VKWXrAWp0ePKxgSDVf6jTMq4cZ+ypClRH2Y5ZiJt9HrYBZ6T8RahtxP4TnegPQITL+D+W7YDRmvAjHo9xmHoEshbQbm1hpdB7i2Sa03n6toLtcZzQHb8xuEBmBX0WX8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MCS1kfERYefMOAJT/PCWYUDhzlrN5ICvd0Bq7spS9Cc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7jFcJWMaFipwHXoXk7dNcoAu2EFrk7Ld6BB+x1r9s1ahoCy95go4u4cXi32ZtjT379r+slseEh6s/vJRqyx4YuvbrlSeopu5whd1w+eQZbFfT7o32eIVeO641yuFhP9Wis5bCHGbVO/8UMm1DJDv0py45jyAao/OlMBZ6C4nJxT7UnBOpkgQicquFOkzwsXY5ydw71EULtdUPKrkV1PpjjU59b9bau94XtTG5bO7Ax4nY2/UCUGDH14j6zSQTGhKuCYedVCUxxiWqVKRXPTF9ar8ag5AE4Jh3pl1ryunSqtjvhKUKC4TU2giKEdbw0L/TUYwQXF4QOwKtBpKr/v0VGFOU8eRfi7A2DGijGObNiqTfR0u25ObI/+3DgVQaa5/myo/0jM7Z9TFGJM/XysgBDh22bQZUZvf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MDE9Wgzmzc6z/uZ3l1tA9ptBWW00ifX/8khBqx6cKvw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hVBt2Xx9aObgNBqGDqWO6F6GMJ423aQMQr5xOo5NS62NbMle7CnvFq9eeT2Gv6cBu3K474CIPbs+EohCvEsiQkZht32mmxtsTb38tfSIAP/Rt3MAsSDbh0t2D5HvgmWBMjpJTCLKo3u/OWsqywgLQDPX2ndh66Udy6TFoQ0nw1+8WzR9lnN83GpQgOcb6gb4JAvb831F4xe2wqj09Tbja4gyW10aUnfFeVlVDCPBYSypbKcbZMrc8jMypbuXl9bSa+74HFkhhtsqN1eLcAtoFobm8197v3vlmKSZjCAfgZ4qNj6wRIigDdFlxI/rlFXHUEsimwor5zbMCc8gnk3jwDFiU9CuWtkoqWmt2OpYxDLXyklttBUqxUxuf/KYoXH4n02k+tTUAtjXsbzsUYGlvMAgrvyLR5Qn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MDMJ5TlMvWwSSCQC+0ss4j8wqQlLC2T5U8YJ8I/X86M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PPIlDIG6zvrVsnHVacYkKTBlYNuL8aFc3J5ydTv7Z8oyRHVi5J3S9A3fLTLF799JIWZoGsdT4cThkyIDZtZFNtNqbJ5AGmRN1huc8+O95rpJtJHeNYtJMWjIsJCqbNb2ukqblmGFZJB0NbePHnlstV65I4+PAe34gac1wmdbSn6quYMvJkeAfHj+obArP4YgKrPJYQgk84LWKEzOPt5TnRsxgm9xOExITP/nNgjhsuyqVWAmP0E4lejbvs3YRlqUUTb9oECKc0pd/XKTeCX4ZN7ibpK9f/aPLMt7M1kIMX8Q8kv81F8rv11wjzc+5QN0iA79qa7R3nuSW+TEkt8ihfpMPG3o9Mr86w7qv2A9lxZwfe0I9FKWLUy662+moLlUsszYU5FM+h6ekkUYV09U2zRc4FSPmn32",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MEOFlin9Ssru8ab6Mg2FQrxZc1pc7FaqkCoe73u8Vjs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yDhtpMSV3EZOGqZXzSDTcaxckIbs9NNaJ0Sp4xJumb6QKvemxY802WO1d3v5QzEm/K/8YdF/KFi2llfraQJYEREEzAKZGWYwoHhGUvY3wx8a8ld5rwAoQg0/X9p9ldFF5dctn/pTUr+SQHM5hFg8xhbMxJvFIM18EXhGxaKYBaSu1dplXQldeOmPKYJ7/a7U9pybYmY7V3Q5b0t8jVb+jHoIcgvqWTNIQ/tMruY4ednwWhwfmt5LAZhBqEDPwCGotnyrsvXEK4JtNFfdVu7H6IQbUfMuGaaAQltpP/EpT+00jUkE/75LJSWbfsvcqg6GGo7Bomv8zhirIMU3oNdD3omnPHG8mMd3wFFK50F4vsX57aSWF3QjJ6j/pnM9VDRzTTaQRk2j0/soeU/MDzwwiYuVAkelCWmT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MEd83/KNx3zClcqAYYs2Q/IN3NZUCDN5BbHxFp+VjHg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P8MU2f+VutSmsPMkzDTh7Fo+Ay1ApvPn2zrq+LdaS98GBTn6kRMT8/4WYbHBP15T4sv9bSa+wE6NwU1sP0WmJO5+rflV1BLigj+yqBU2OMAgsuVKizlncWiM34zojsy+uk96LfBxUiw1cJN+/By4oXwlTkK8FVLEl1oSXL24sxtLNYGkhMEWiiThtimMQCGK6wXGPDAxR7CrQ/yg4ZscQ+V9GtyZ3bF/p3AKCAT59jJO5ysI+Xm0HmS99t9xcYOG892kaDj5k89YvhnD9P00si+agjjtTI14yS6kunkxuj+8UFRb1MhxpvwPL77uSlwF/8jidyqFlIqVHyGnWkiLXa8lsv0mCxSvdoGZUGJaReFMaI5AVCvjzM9OXuUq8kpA4k53pJKHXqxbAbXMKjWsMU13OsjsJmtD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MGxmUnoaL7LU6rcYW9/4Hp0rbb3pFp3iUmY0JS9Szto",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tLeo8XbaDQShgz3hlj+NpS6UaT3oBlFjP9Nw+58E6DSxTl5/qGSo0/gr3ZMcsVJF9OPCq0CUMVZu/HA+nl+yTBLulWzBwte08gROdyFyNPathpDQ2zxYVVwTVnt+YwsDWgdHonCEn81mzsViq2kNz/ZEvIR1E2DgMKKfgczAFHOtX+k6CLVxcexl4T7FvjdvQZ6fWBHDXduHg5YMcbYFxJIBL9fgyR4OKGmOqixq4+SaUqsQoq72zl7dBICzta5kAIcR/OVXutUQu9iSNB/pp3tB7GrnvCWVSAHmcjFu/7JGMmWSlQby+FzA25Nx3+g3aJ6i/leVZee9AgBtgUe+ssElYMGDhrl0rI7W75buwl3HfLSz7SuljOzjM4O4x80BB+1Rw3xt+5Pi/mEeFivtMpwP9t37ByXV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MI+jCqo+sM0cKXfAr+IW9OSTC8KvR6HZljwjHMJO0OE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qUw4lCCILduaxLUUd12HOKYaJ7kcWcWkEa/Owel2vUI5NjA9jA7b/8yCjG6qN2QzT7cs4L3/IjtyeQ3kILTQLuwu/eDRxVwUFPOg/c5cMUN/tvIVaTo1W2+7HfSfwiyPr0QZB7XMmsDqPqtpRMLtkg+a9EfLk7nv3GgWayyE/NIq/WKRPaNMH7H5n1QED/kFYXyTiNjiv98G3HdM1TycQJRMJovxbP67YCYDUi18xAvDQbjI+LAN2eyZsogpjMmokphgNl1+Vrjm0ltfVCvH3TOe/qjHuZgl79BzsPKY/HdKQU6CpFG5GnLx+lpS5GG7/n1a7iuioxK5zFDydGPFtNXEKboHWE6eVwAQJkn2flNA7awpxIUT3F8iL7ZHz4Jxhap2W/iX9VX5vue4qm0mLwNsjmt9YpPV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MI99lAw4J5KRxcC/hkj41GgHlJSoOmM77T2oMyIr7+U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RAdDT4FhIUZQoXHNNAtr6AQVcSo22uD2dRp1wvvgblreoJ2koiaOa14hdcgMn1IfUTRkfz9rFEMOIJ2P5eNapPbOQjFTtwQBlKfjZoDZ785JG48WKBLr9NRA4HOD+7tXlXmaeKNa4ChYqF/kmk8k9ckAPzqVaMVzq+5uXfQJig8E1ITLmrEXqaoc8rVUvH31H3oBY+/1e/ySZ/EOKUr9ZElbi3hVSDNlsq8+R2lXaB7WYY3sp4Zb1u/E9op/uIqpD5S1UylBIGUWt1HLYcVZNYgKVIX0c457QNuMsck5q34Dy3pbZOrfxqHs0JdmBCwDBz5rih1htGLbxByWMujkdWsZb1DLxbYIUZBTy3oqSc4rBS6sNaWeWTkXQG6cfi2oZNtF6TI6olvKZKALm//vQN3r6nCDujAN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MITiTRvlj4LarxhTVQTGA7Yv9q8Hf2Lwy93bY07IPWs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KFX9NPxG1R1j7OCRmZYiWXH/MYP48duYIhwQdyGmDE3tO2YvJfiVK6ZH9ej3SfU6deLStZF9BDwXX0oJbuMmZKmF6cczcMBppbyFSxMH5u53c+q9Tnwo+tZhvD6FktcMxDne92WsDKapzRpszZOhzKZYW1qvsTMNGAzK0+ZggZ9+FLAW/8juQFT0vla36s6dJz8/pBFJ6RunNn9039jUl1MwDnfceyfh/5sCY9hxLXN1tlCQYs3C44dC9M0utlUa1BJ1csH2UWSc6HU1HVwrk3zAavII9/IpPqtHnw02FYrazGAEME8VbvpwJqdXNeOt5AyrvM+doimljZjP61oKieeLzdeHfzF01eRHrW5o5kU8auuzMrJ1elopAAk7+F/7Z8RgzB7uEwqqEblTYnZ4AmLz8uAebRTU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MJ0AI55t74AQiN85cqNA/RfJcv3Sl5RNZGhg1VdwlPw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "C6FgTtvcc5HIO6pvSTpjcr2KPG+yW5Uhwu1NfEDx3LxgxtVptlTN9RDrc4lqf4NnLRnviVsu3nO9svg3FOVoSpf09HVGTcqcmus0vHiueOH7e+BoyvpQVsoO7U6mXZzKiL5ncGqm3pAbiveHhbj04lXFmo0Nx8SrM0U3Q7/qTqMsGnl+rQjl7zb1++3v/Pt59N90lytX7UoD2f8bPuzbGCyb1nArlOhw0fGC+14FtzUp42nA5iAr5Q9XrRjFcSlYbJ08uvWvdVIZIvCo8C7yuP3nC5Bud3jienz7F8BmPaaJGCReTuRmYwfhNj4eqicggJvZf87TLZhm+gsp47r44+dUXEX42u7mkORTbv06lQaXfgA2QnMhd6/qH2bO1lKbIvAF32a9kPcRHlmRpE35SfK3dbGJxfyu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MJTHyDlqqZ6oyjMHZ1D/SqUpBLKW/k0Vm6CrhDPnAow",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j7zBUzgK/Nv69uYg9k1TQuV8Hvi/AEHLpKSXC8eAzZXjbPWk4JcudFoZ48H5Kxrt+cMscDV+jptP5qHC4Yd6mfm4u2rM23/QxN5Y9rJQwfFI9d3X2MEnfKXGxhklIMeDA8LC+sxAExNqtkETHQw1NYFtsgMX80TN092DNVESCMbpDyC+ZSrzsF01L1K6sF4dMjI0I3SRzeMGTblBoJ5OmtVlkjQLAki7HNrkizGGAGulxAGAx4/WC7SW+DLAy0grayz/s7dQCw+6MYK6KuBJzJ4KmQjReYqk92YjDJsmYin8SXXyOa3VV8cCPnQnpN9/dk3cjxpiVmTmYLUl5QLXEs/59uacC3mvzY9m91GGdAWb2dzCC1cuHlCJuIUgNNv3bq7aMKitnMv/55+v3ILG07DvIBRxmJgF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MJXiSiDpE3ECtod2UdjLkqiMyRHDelXgmDKfc1GBM9M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UoVU8yHJVMsSGIR52nY02U3jHsWrYHeLU9LhESR8qSH+jq84ArusN8tisu3TOT/UFS31Nu17VFmaINq7seDZQh3Ov2qhUrrf1PNgDj3oWUwW5HqeyzdSAw/F5T6mBKkB7ZNpdhRxlaIptO+c3VfXOx5CSWQyjmle2RznTZNqOd+VaMTupAH3QV0b+qzhpx8GOdhXuB2jpRb0HoDPSRWIOQ86hQs5t2xhcZEhsl0xNOu2sx/GPKF0DlgyZq+rzDWI+YnTDqcnu4lEiMDzebr/gyYaoY7zrv0m+AgUjv7thUv77yeKceEjE/Xp01D9x4K6mAKXOnBhaIRGRuVUiaTdP25z1rz4Kk6Ar83QfiQG6hAcyc+EMk60NqnHfEm6Gddcqbx7FBo5X1nmc9rttOERbznlPvUjRnaQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MJjifpkulmQVDACgGIRT3wNM/HpP89YsrQuwfyrZ6WI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F0jNpnWrhUnPqur8rxLB2bzJZ8m8/xitD3O8zkDUeyAnZpeHCF+iUSuhjBrMpfs3WixNYw0WbAORCkTPL/QqkP1sEeIwdTCNlO8CrOgVkY3mBjJWMyonnyaDggNPdsKk5zoMYiCtJ03FMhhe4j93ZXOXND9rcmMQ9bdDIm/AAMniOZEioTgMsPTCuZvUh8VTdw12+N0f49Z5N51caJn/tyUlqNMR/TOz4aC3N9F13mwmesxv5ZmjX+ioZOuLTagNDzDXRe09ne1jAYcT4zGBv4Dg29P8sJFYepcPIp/gAMtDoPyHWT+zVv4dPJyiFGroNdj8vxTm0Qk+kR+D2/JMLl9jDXB3wSojbD4vsYNt+QMOY+cnzeKcRKVsOnYzk69JRVUPd/GxG5QaXi4lnOuKo9KeKvGT0gE2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ML4nvSeBbrg8noTrFdtW82UjVVVCVy0H10hDqF+LVvY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9H8tBDIWYJaZ1krFYHpgWfXu5LUx5rX3+jjS659V0BUd6AZIbI8XiH2o5vLJInPIMNtV//kksMcWK2V7i9fkHTCYhrrvSL/JiTWz7+wxp+Llc0u2eX0Cu296uYY9THYKWpLlOXvqx1XQeScYRy3gxqdUfTTh092eB84gc0sYrsI+xTmfFMHBvEXai36+WnGCpMz6/pL7rTbE8/4pZp2WxkAdAtJSjzo8bzgSc1DaHt7jfgRi1w9WQFH1mIJSR4vJOFfUVwr4AgYfZRYOj+j8BQZJTH6vomcdib5b7sQ4n1D5P6xVy/5qo8tDYLIIAzniL6UIQgOgOmHj/kmLrnZ3ThNOc01iiYCuXfIoW/CGZRN3zX4F8SxqIersvWacq70aoEsYpCfBjFFPh5fgUFAWdNUYMaH/s6jF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ML8l3Mu3Wxla+BdpZxnWF+i8/BvbTSlH2fyQCVhqGEE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YjZ+/Mx5CGqHOF1mvSJL52xed1eBvrAwiQNowueFNj+igvkx6TPgYcm7rbZtpV60F7OOzA4MpVv61KFsjXPCj5SvA/+ZA327Kr4xquTYm0aaZIHGaGB0O9mcCNaa2fGE6LRV7kUShGB0DE82nmRdOkSxpt+8+VXHWJ9Tj8lYht6Fw0Awnf1teVEiqllOO+NSf9PBN7ojljH1WLgydNr2x6cXn5d4smCx1cfAm8j7+1cB/u0yp9LrZ39X2+XzZy0XQHNesnfN4IGV0Inu8E/TeNcY7qsgmhGw9FODquPPUIc/gHWaeLDro13qclw+UDVrB9pXNwALKBGoKorAooJ/nFl9s6Q6Y1X/dfDtqN0S0CQSvzEt4rmYRVdcn0Lw2PCpdN//NvKRscNmKVcBd7tUCl3sV58aegQT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MMs4pH8LEQJDWnw7Sj9+ITPU2u9t7WXuX/Q7rwL8Vkw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VWwT43yt72qLSRSg2M238tDcpnMNf/wYJHIRiMd9eIwUdOBZhKq0l0yzOIGszquyXAGAEnv0yqbCydp72577xXIgGdda+kH/rWOcU8wKw9v4TspyP4s6hyd4tPuvimWjkwYUXv2UGDSJhjUgM02aa6p/SltFgP3qOrVYZE+BXULTOSvevDXNLSsAIP0q+D4NKfyfWLcVBObkjQTFIn9B+Z4Ji5fnSQc3WEL3LGdDjC74AVoVpzXEWyz5UsG5FrE2hU+AuqCDwAZ/XmrhFpo36k/X2m4ikwcFfzBR+C9gggklHJCEo+aG6RCDyBfwkaWx6UXUV+YxRXAWmT2rNwvyOE9QF4W/Xq2ypqxX6GYQYNz35LTPr64HuDC6IFESdDy5qho+zLob9OMr3fbnO+7ksDntyc5ruP/k",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MMw4eEsRn1vkAZpVcreuEtRbl2uimrd9bHuXfRykFCM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ixUQxGiR/CngqCrZHr954MjsvpxGe/BGSY7xfXwvzaicIJSQud7FcTlpTMQ276Rt6spyqefqOkezIAgLpf4MjUeKO2IPZe4ibRyurGP7TolyFBQ8KJIHvFsHWelxqcTeoX+os1GoXNn2Mt9QWR9XutXlr/9pP80JIcIk4RgwqKW+Tph8JWepU/axq60DCJMNOydpC0wJfBZm+x2iT0RZmhULW7Z1ECmJTnNRMQDP2O21duAOVjyASoMzXvCwMTG6oMjoN1i5SdHKVeLy8/7JyEcvS+jXK3kLYtM0Yqjpjs315bM54mDoYa9KRHDw/+ceiQVKmIOb1xZ8JK/i1PUjdcaBrYBdj5Q7ApIGT4GzsAxnYIrmFQhYyj+zLjjtYJs2G/UGUQJoZWNCUVH2CHZfhSKXvo5SE2rg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MNEjO/GZb/15qS8NMO+TneDYnAvdx78aKgOrx+4hJgU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "54Puy8ceV9b/7GLLI63V/ZiA/YWjPAYoccYOvWJBndNALlEsCgP3pJYk/nramuxkqNC3gRhh1QykTVK3IUe0HOyuMTTR2JqndnLTAmPaPzaSymdDp3D2vrzobe/Yko8vPrCSZDI/JVXYWAo3FwC27Zsr6dTxtULHscZBnWa79ebVK86jh26RvLKUucLlczMVajS673lXI7BRDJzTeC4V19RVWQKQ1UGKMNpSdMIgZlOVYMeTi2yax2qcJKn/w4CgzrpoUFZWYq8Mhw6xuJIz5z350L0YicsA/RZL6u+Pkzsz0mrgFew9NhHfJM2+doYj62RkmSDi+K7S57P1rO0wBFaUknkaT84ZgOcEaLtgFIdTm5cLRih78A+6tPWo6bjTOZZNb/XIKLXfHEueYPWPzrcg6m6zrQEQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MP0unDmECGX1e8g+F4ow3zjnZnnaReeeglLH2D48VBk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m7HU6w6R4yYvXtuA6fVcWngf812U2B4EFkPVzA461f+rOXhxv+Cjfm/vaaY9CPYxOTYSQyQY+HkOyHDga9CbTooxsUKciSVb/gDWQWCLejbwtQZUi4V0TKf6EzMubAbiPjCnG9AYELIewiOyaVbf25IHKEJdwAgn9eOmcqL9DsodYf7mNdUJ/iNL6wzwlTJxly/2fntvDI7UTOnaZAWxNiB0b9DZ7svNKPC7ogABLFjFUkC+L5hXzICQX8IAZ7J4s2lliyjBKota5B+Uk/HCCdLTUYcFbnnKVpp2aTZ+taJ1TN3nLmg4Es6c25OU89FmS3/ThPKy2yrWYOUmPy9o6CMAGIQgC1YAWIGWYcngXH7msv0dCl+nWaT9MkDKCtXPd1K/r0RaFosB3HaW46OwH7mU1p2xM2EW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MSYh7EmgZduGAmZlHSGDRo64X4GBMs7B+a7hz5qQhoI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "386JEsvJ4UoXRZOtWfAMP1zQszugFBZWDcx1VinFd5iipamBB/AdwEsGLprawhfKC8Gl2kbHFqApzGiMQU9uduRwSjRIp/KH1fXDMiR88sblXb+yhNtKjlcArewhvRko7lJM9fDS5QuCz3GcOeSkQhVJvwmJgBXfCgN3a8tn4qQbuBHonm/ANqWX6pLayTy4jn1KMDudzeuFqFaRglyB3hsvxNlWRz6sWWb6hF2pe3gN7kld4GXPLe1sMGaoKpE1I8UNZeETeR/r/8uzUruf0RRCq4upmqLJqSwW884PJyd6QlG6eRgG5/ID2ouRUyaK2GpJV6VqDAikTpI7PY0cNmP3we3h+fRMStQFc1kMxp8tubsNuyg8Hitk0/henf7Jtew7evkyhng9zsNrIhotEdGgsb/xMual",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MSzrL8I0vlhtjkAfkUUZoF5c7R6wqmCMwbwM+ggxELI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r5oddrXtY6SSDhOEpMEntQIxgsBgxohrasp0LQzg/v0lP5M5ZRojaDtpA2dV0LAyEeYfTyzYjbRcOvM0VrMCFlkTPSmBpeUs3XVOkjRt5MsGG4vuU2UoOzJKpkFZ+AceG78zX0MH1EpciMo7ypPifZ2N6wussj8aqG8fMRTTXKicI756bnOWzOTI65qqAnIMjfDNDciUbuFckR3RK3oA80a1xYmwwbPvChMZ1mK8e7fzHaTGtT7DNHrdmOSVpDu3D3cgUriJIHzMlHvohQqBtX6sF/jnXeZANj+O9zZKqYPFT0TUmb7NEnUv3IiVzwA03YiqMeC1DUmehLKweue+X5sJ0K0QGnbuhn5g794pDaMZfYjTwBpkXqyr+vqEI/+NMGBfdIJ0+7KG8Z+oVTUGbGhP3lMOgyr6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MWWHYHIFnGAliegByrScrfCk7dr7uz76tosVIFXm6js",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Umt2DAcLjLEbkwetuujlIxVZ3v06Bgu0RMmCJ7DjmUxsyA2aeFEsMVgxO1tbzSvKGTl2giJyl0I4zizcEkgqD8U2etKvWexaM2sXjqJ1hgo2C3y3lJ+j01o6PHIfNeZuaXgfPI0C//6Qbg42gdwD0hGPVd6U3lqbPRfpGyMbGg1N7zn9mhSOyq8JIRihHzZnH9mKUR5GGreq7N4gW93uMqNlUchv5qPy6nDBuG4mDUL6V+4sH/Fn3+9N3UDpe2/G8yXAd5+VPcRulJ7xUIyErC/XErNRlD5pTwopqsRwIqVaLtPCZ2vk+w6U8U/BEOyu6ER7TDuNgfICZ2zJLRmM1TCUb0Fw09RawymnoW/gNegDm7YbvC+qCkPsWxR68VpvbEx85uPdfz9h9zZnXt+1dyAkSGM7Fy39",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MWaC4IxRgTSwvtz2WtoLgoO7RGn7G6iFOsOLlI9qO/E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Vt24c7qSQLUHxesqh1WwhXCY0ljHChVp7ZUo8/+ffO5ZDuZH3yadp0wVHD9qMMxgCjKK+dcTCpmAOwzO4UVipZ6GDvVCg7DOUw9JS5lMUfLpUUFbmcXs8FO8YT7oh86HcUuTorwLFiQ1O0OAyPjMqwzvMPSW+uMqTtopitfNFqgymnpXoatJvkeIgoGra1DQ7YupXrezBTXYyFRmKtLh04hQscNu97v0Rk6a/vjBez8pdY5Xw+N/J9sC49IWg5nv9DIWpKPGmzPl/PBEbsavucPekn3xcrhVtYgRCxggeCY8ngo3vBtHh6X9yODujL8uGhQKKFHHYdouA0ZQs4K7MNc+A33ZZJhbUmpkliNTBcuv5nnAIgTHdkzzBnPfI2fWh1WnsxIpAp1Q2Nm+W4vg27Tcx6OzmQHy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MYgxf6yJmGTZxYwULyWnx8/k358WXQncrYUIL0g+bk8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F3hutoTke5sJKxouFkI3GpYhkL7GO3XU3sjij8LnG3Q7xtihmQjcU+BxtlWG9REQDj5cNugU+Mx4FDjkzDuD5mDVQD/HSJH4vyZDxig2q9pNi81SGlki1N5ErofCZxd9ieyS1E0QIQr2G1BJxRxD/AtQVEjFuTNuyXkJzCAKQ3Ajo7WMHi22dHQ4qY33xig20VzYJvC4gWNW5e1lalZ05OcS2lOZHS2svXbxjj8cszKzv9tUiHcZoYEz2UFtoUOlYjx2EVxnMGwoFom1H++4cyvFN3xWJ8QzV4Y3tEGsNMu0k4NohmD6Mwyt3MguxlN4I7tVFCzvQN2pTmIoOyyAn2sV0PwfSU8L+MqK/HzGWJK0Wv9quGQH5UpEZKdVawZFGGTifuzXNhEO9RtySzf9GWTyUztmOsdt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MYrdC3RMOzJFIu670+i06HvAoFiMvW4GXhG2VmHmh3U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "14blUyTp2jLw2gFUveJexNF+2ZuBBh6q3tGv7SLFYIUlHhcxaCtYtOxJyc+nG64RNLM5NhxuRAX43rRpJefyhaHINP65S3jcijbi0pgB1R4aA/+ePN/IcdKttSrwg7FZW4hISafij+FseTTTTBUpKlcc9pnlmoCLORf+qsJ6Wl39bwiGv0WQgKRFOAj9yTiOfQ8bY6gnO/Spg/kg/twia6qSO4GrP4spKirKVJ4ld2oRzJ+boRQJKtpUppGu7H31NFCYdrAMWtr/NAV0kzgI9GGzaCEyCLKIOH5xJKDe+tozcu9mkxO3oXvvc76R/BWPAaKLwy1rCsk05J7jEKyDe6hI74US1paa8cPCjpwbJ/AAxZiNwZEvPeBd3AxkUj6fSof6f5cnM8v0bWOUJkYp2V4Hof3fHG9a",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MZK26lz0b2pxuiRaAJ703Wlk+iBOAJlKljoV4t0RN5I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CSTn/7xDCPM4wgyNQmvD3n4RELRL8AU47mVSN9W6Mvc/gTny7j8AJIzYCzD1PcVDX8jNcBoH5FHnMqu2kVJz1db2VQ85Jw/P2judwCC926pj57WDvftuRWrBzJs2SzvEz2Smxs7exo1fBroFuuK5aRz7kkX7jvOyFMRdVuu/ma5yFfJ5fzjaSHveGlpm03+fRWDI0T3TMnV48+En4XtsRMMXv27oOhQCoZUm9854SPcQuDzxmxQKmRri7kcTWdamzi2tdiscQrVyglfF2BZYyMbY6NYEIm2l042aV4F/baXK0JWp4+RKQH1lr+erSr90ov2a9sonutcnLvISpHxRPBPu3LCv7iWX1k/KcbAwdoBfUIPAfbAqlLbOCj5foyzHBbqQECOuea2zjevDDtAVcm0vd0Bm+kvE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MZqhyW+ULoFpaUS04B3gcyIMs/PP/QEqiOUk7Uc8Nvw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wYkMi3o/TDKtvjJ/QprbEV2sXcCZ5uG9UlAmZKvJ/pgmNE+S8h+WBwWmmm1jSO91QDtjLqmHe/l5coQQqjBNoDTqW5wTxbLc1zn19iBnx8HrsJnYZVt51tEd0AQ7kk9pEghe1FmysqEUStUJleuf7/DbDn7vdTfRDi3KUV8yibAZIXeUXLPctKzmoj7yEsqdCu1T9R4WUr0WMY3wNQ3dvtokuZgLi3kNCQEZA7kviMkcaiaR4/gJ9+mPqKt/0J3U/bW7oVNHucH8w64BLdIJGzyhtOr/HxC6TAaKxC3Qp5h2bgnrdOM2RbmOqpaUP0BFGJVfOIBplvwBs4a5p9P9AZcbaYmRiyoFPGjsZU22KLxCuvbGWcKhLKvznregKORFGd4WU3DArR8K6LtXOAv8g6qG8K503OAb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MZvtansevMLC/912GUm5EZswxGd65r2XsWdZOrTi3hM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iEygRyPQUEA2H0eanQrBmcu2/IXw3/9R7O7dnetrWiSyY1cifeJaUMBcfC1LHbDx4HBOn4Ixem9TURpaOCdnk+26Fq6K03ahtvcynuqSGCQ1e/2t2tfDfCz6Y2g7EdIKpX9U770wc0WgXnLFMOpPOOVpiGW4zSe2GyDPyvcLDfffMSsFkbYL/K34AwPQt5Hyq+X+q+56Mb5DehHvdfOyjHJmvQJMJgHHkxKG7VhCNfjmfFvwxos9EM3BQbErWeNcbLrwAt8QoE4ThBgz8oK0DEDvocPDIEgwZRL3mhDHy/Y9TM4q44X5rWI63jXdYHHDUW1O24rwOa2gYvhpXgRK2Pe+B2+WwCm6LunsYj+6e49ewOClXyTR8JXPFca3otca1HjG2TaUQVwLZBv3qeotkBm/CcNvNOLH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MaaxU2Ms9QJ6vtbEWKwlLlhmM8j+ZCzgcnskwIFHwYM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jBNbdRi2joexmAI00rjkDph0brVz3d3AktnYt0IwxBtVUGh2YHyhTTPPWRKimLmRsM8DXiUCqRRnJPa3lSFWnMKLmXr3c1ELAzolehIjRuT1AV5S9A3Ms4814EGZYdnIrHfFEmPuAQdPyyCX/u8jF/6ioHhUVs4NnKkYYMSjSjSYQYblAvWzKaGCxyUNB4wyULJ3eSmXDiYIvwMj5Thk9NtqKCqWfhdZYbJ8+QBNO4MkjxCnvwYNzjYF4kToweTVT+ZEcRC93ppShuoZODMk/1jfj+ta7P0UBue8jqKVS1AIu6xQ+E5JJ90Z84adJ4ALhXMTOQUmasotIV71l3513MRjiI+gKMtktBOeaChbB4iFk/ODrtQVw9+FE7eKyE9XkcYHIKSP29ybSXHiWGbnDbvAejeadL1F",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MayX/RNIykTtUYDEaqcAHOSdVVYvxr6jTDaw2lbMuM0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9noGa0IqcQbb02+xgw1shJ8UCREoJbhZGHTd+ZJi4SB/mjGUBhUiGBH+cCpHIUF+4tzZOQH+EbfrHg7WfRpXp1bZmmESmz8wpR3aaXZFSnEkoYBomEmTOol9KqtxwiwIdw6jbQAVDMmhrvjvNHvYzFBYlUuWRT6jyRnmRqp8t/mMbTfwVR5uC5v4jfOSld5DLraad3V9On91O5a+hY0VvOKktFGR5Cf1p4V2QMWb9Xfw6AXBBZqTFlZdTpdXgyMwjIjuRciry2jER+7RyZbP4QyRTVojaK2Wn2M+SNq0VSwrPGHeIgxYoZdI+OasCZefdoJEEbKGVEZmJ3dRrtFeraNzkiQ+IIE9VBU2tAhILGASfHZv5mNhhxk5cVhHjcNI1qCwdr6k5A33C8P+dV1cgjcDhL2izYY/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MbX8k1TN3HOVP/fPBQ8L5IanTreset6riSX1Vn9d0YU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/4oj8GUwMZ6kNU88IRqw2gsBobXn7fBvC0KzPks9KddjdOeNDrhksjtL2szAJ3XaGGtfEgIaGf7eVw+nuQPNATDbQ3fdaVP+HvTcBG83VhRO4RVPdU/4RnqrrOQi9lQYOf+4BJq5BLZ91481lsHtIeN2l5/LP7sZ/HR4OZll6ZQN7GGls6I4MgKC0NSM4O4zx8ahhZDyw/Mf+OLGZJk3GYU/SkrBoVON27gb5U1p3QuCoqIMNGYlclfOCDGRtXvjsiCkcYdzlZInjbaWfKg152Is3fq8wF+5+JNCDmJWssz88stM3tTvYBnswNG7X3snMJXxra9+VvMD+zJ1ShFle5LUUZPp07YI2sBL7rQh4Wvq7Q58tz0r1wuxIkjKqFgAKPIFZ3cSOdxS3Y74nt741fNyBTVl1/cO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MdQG2ofUVUNJcbSTifXlqfw3oMqNx2RHhzB2+cpTCeU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uYBqnKvPYje8UJoW8fBqWQsUHPjirKWyjEISn7wpM8BOHWEAmaWGUi12gxQKc6dDtuOrV4GgLGqnubYRY7EgW4A331oWZdMH8+fmjfLPIE63H/nEbaTo/cGDtzFBfQAc7T+3zihUmilGVDRet9bu38VprGi2m2N+IXwp8Spbif2Ocbu1i/mhwqYZEUNWAVNqSCBv3zZhB2c3mYZfqQLiRqTBQfZd1AyULk92gxlgDDDp79GIr1Di/PKj6gS0lQfpYnDo/PRs8HV85oipdZJgiDIYF7EKnJkGbCO05ZyVYcAq5gaa0d1mfJFEYkMvu/VXjZwcxTGx0A9qy4bGl5gxrom6gCa/TSc7aHV2+9S6otDnkhKCpB4ubZhH5iWwduyHl1dieg2ov6hd2C6398wJY1DwkNV6uICE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Mf3lfY2xyLRh2fzOc3RQQi0KWsk30xf5UEM1RqCeGeA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gMlwkIwJWs4O392HormBbwGySpyw1ieLqyFQFQakwA7OGtjeefeWfbI0FkSHICDmIg6ahUe8ljs6MgOH2WHnncn+EAjps4ZiHQggAaJj8PWElmtZcZDDxd2ECc2u2j0fZWYtFMZnPn/X3JgAdPeKGA4Q9bZxdrBEsokawVXEgARlUw1N44Vea2gsrO3qLGrF+6YXhlTnhZdtDJM1EIcfkVYtY8AZqyTjWfNZ2QSXFUfceKL/1x62y2tFe0a03IvW0VHAfJWmTqpY7PlAWa7Xyk+R/HAPOZoQx4TovD9gcz9MeYGddC1IBY08/ReuOAuISe2DqcKONa1cMzazzWOkZPn0FIk7xN2yM25asex/eoR5Yh8uVzf2y+BfvaWWLSW4To2QfprwmEbW5KoUfPXyutWN/ROlnVOM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Mg14ZwT8AA2xIzp+b65tASu4/ycN7kEOxzfBIQcBbEk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/mKsvOaFZPa1jPBLvYAhhBgsqc/4PnAiWq7wJA069JyofZj8vMn0yRgBz1WNyOfaGzscIfimnijVG+7N29SbmYG/7PWMInJ34ect4q212Uo1yqLktr0CitNIToohOY/7pfEdo0GUD8RS6JBGHlQnf7Js+yKv9qqsZ+4DDdZBChgasV3gGpfIwZZ7alWC7L6L8rwpITSdoMG0bFecTp4S08ZeQoHGv+KUQAhFETBwSm60Y691YBBCzleAUs8J4ibMd/DvffsCnHWOQegavQDNHT0yh/nJWfI+ijKs1G1TgeQvEq59YrS3WNRwFviC24Ts0UmadfpRRVEQ9hPff+xy9HJyoeIzCuJ3wrJ9RdHpu3f1k8X0yBlLl9tZCvZ+bxZ5Y8gCHAxxq0yxiU6rJCf6ztyyl7PQ1hoy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MgLkji+y8mofaAfXHW3O6qvl4jnLapLTMyJq05QXclw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KOVo/1s6r1T/G6WPSGCpivkYI32xF2oJvXKraGd9UhFjuGj9ggxaDkiLMaWYXyyPu2T5ehbk/L5MrxBh0OqA0oCwO+3+YMUydTAuUUDOeklbz3/uy66FU6MrrbPIQLxb2UQJ9OEnPnYLonF4BgSelPIUpsYiY0n62Hq0LEOWCcZx1f9GlEY6M02Fy3Amdvz1MqjUUkHT/NSGVotvTzqzFQMto7JZrZnv9/HYmvsJH7o7HSxZzGuSm62pAfq0e+BBLNTy3323lS1mbfwC6h3jVYiDoGx1X6dyPq1lu+bx83j9MJvZYsR0/Nzzuy0p1OqUlHGp6IFH3A+rFllSwZ5HUqFeF9f9occ+q8eeTKWpNok9YWV6Cx9NCF/wS6bwfm55JK9YdIqvHjq4GQQAhKNDVprZ9Y4Z6Kyx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MhkLDoHoblWMAbSbSPWC6yrRA+++RGb3zxZMb8ujjMg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+rspfni9mQwSRW8LVBrC2rY5yAj0heukMpUtIM9eRrJ7pIkGisjrj9v4lJVRRPcwa8EyWvwcYkU3qPuFQv5QmsaJjybfMxfdPfMx9MQGpMj3pSqF5B3uC26hhU9mZwuasn2wh6aHigB/2TlJU2mrS6reokC22Zjld42xWKu2MNAJHe8tdzYHdZjjuCxApj7nMtGIBEHE3Rdwt07jKkIsWYGpjjAlCXrhAOIyXM3e07gy+ptWjIWwtHYb6UdQJSPG86J/ngfUgg3vuLqOqq9m75A5u7n7Dnapu6/13mGfjSsDMt/tbSreVnafjTxXWQTreDp8ONcyUvX9wzd8ozndwE44+71PFQM+dHkQGZXmkL2kNmS880aFGH6kg2kn+XxQKU9rERRDKRHoXbiDF8q5r7Q1WYIqzqQy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MhmViy7ykJqGjGt5QVjeN4xnek5RacYlmVLcr9VHWD4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LjyBYUfydShS4x8ZBLEu2GYCpVPM53aA7T8QRfSyRIvWBhw4mN+ZedQJ4jn773TEL7to62quswduqUihdJKbj6EpGDse/sGNFAiF3TXQOvV1BPMCiHvbGDSJhjVZCblhgfl6f8fmrfPFuX3AJ0k4ZtB+5DXEiTQ/ZFIJfrqQdqMj6fKNYGBgVIRP4HaqvZDxpOTp5KxDVFlAYq8Gk+DT+hHBy5VChrMzZGZneGd/1obtwMr1fIgMp4StB/RIss267xnPpx9Y0EFtBXfgkTmCN9Jug8229+4Y3DNF1+zog4epqr85JVayeB13hQqNlCMyXdxJdz+TVK9+7Tx5g8OsHLk8JA2wOFiPQUqJcT5xgNqsh1FVeWEZlJ4xROce+tG+D9G7ZKasotgYncTEo48rzfiPDvZRioSN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Mi/asCHs851rBrbcHXBg8U5JV5VRSkTjrfeJwH2GRLc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZqfNPbI9oXBEWKEr98q5uCLsfNgpfkEYjPEf23YPh6IEwRIz+o9C27N0WgvL4YE5qqImYVM6602StvQikeDC5PT6vjwJihTZyJ2DBRSBXmYSX3xymZqoD0kjiYlDvdOBufADVaGCKdnTetQklFVwona2FdQLAmHmqo+UfmCMb2DJ0v+bLIMtMT6uKN7rRsT1gslfv4ewaANFvv4kiAJfJfDPNKSd1Fh55OhSsMM1IL2Id67yyHA3ddmdmjJf730LE+mbffO9OPqZrLoHPmBh4kSIWNDTFmlti1T9TC4tWa+WwebECU8DAr4cSq7wtKvelQS9bmYKh681LPvOU9Tp7d2oYC/3SUoqJ/SHi7o1q3RaBqFm96yQNyeLTOR2o5cPmubWuNDG0npIQZffcUFMkTkXS8ic70Ps",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MirRDt5py2+h2X+VHZKEjieqyYtTXFkplaEpotXfaHI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bke/D9OMaBJqmczWqrPOabesoOUDthK6ExHUqkyucfmuYpR6DsXRwv8yJG6CI6t2oCecrrf6PpZAb2sMhwuAWtOkdNLxCOf4WiBrWHV72DfiiOk+0f9U5ML/EVoZPsArGlgBgi3HUPjp90aTpV9xaD/aCbG3/o0JAccBviEbYuhYvrsW7s3y7vDOSuVmukAfGtfk241I2NJGtwuUujyJPoIfE0DJp3d6AzGhY6Yf3q4xTsMZjpeVW1cxUyOgE1I2uIMEi1xmhr3W0TcKknxcyDxcYQAQYft0UXWaqt8dTM5kt0rJcR9xS+F+wDOh2Yltk2W6Z2ew1tb+8H4wR07iF+OpXwXciaVh8J84+Tsm30Gm4fFdQ9f9S1Ni/74mSeGL/bSwtZ0G0eL4BMigKxztw733LpjsDRNs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MjBFaxdEexRzyFfvtrtcaWYsm7UBoRmsDETSUEbQ6/c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Xs3pUz9dWQDRBr6DilUKAOvjpYyFXHJTEq8bKKauvilvq/5AGROW4sw8EaTxnGNxvFOkXeT46Pwq5gtVJXl8aOYq4joudVkIZ8XzMqp7UB250gyaW/nRqIgj3rxCRSue1UYnMPMWyfFUvReRQjPKoD3hWzHy9D6ErbHMOzX0OHWlIstTpYwnBtCcuj28JQtJ5rLnuYf/UmjHm82DSQ4E3ouFPsTRWRr71/Kvr2kHKH2oY6RkjxunqzJtl1znEUZtBURvehgSoZw/tRFEzfKHliyKeVFVJkKxD7gJODNTNDBIt7vKpyEHS9DnYgcbe059l1JPVe5FBmseRmZj9+K6+4CPN+eFxhTEpXDlgaDKZhdyuWg9j1sCNP02mVfgHMe7Kj4ruCnet3ziMgWBono1HNaTAlbRHYbj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MjHvs9V80co/AyO9DYchqj2mlYnutSxupU0icefKdj8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "upMo9XMKK9uiAkYvw5Xeb9cqu2aQAzQ54QU5JDE465Igys8dFjN6XPGEiDhS330WdWTEPP5nxBg1Y3ozy1yELbdZcMH/2S8KG8gY7xc091dbiGTUnFrBH62GZCgqHuZzj/XVL5WUfzObvkTSinLzLTowwxvrypU/DvwtEqi1RQixGwWaxpuByihAm0C0GkjO/VoFe91oHSGQuANjntLLJb4gDrf1dHfg/7h0FSQZbpeJiqnnJ5OWf1/+qBtmsB3sIFNnyIPNNgaS/2BqN5NQ1u82+JP1pn8a7TLzD46tGC40e6rCJtwhUdEqLofJiXBlJS6uYfheKUBwEon7vLwVM/pZ4JfdDmL4cUf6ovb7clhW36wj03TNbNUUGIagxxd7mB4pTz7noGCZaNvFcfBffbluNd+m8Jys",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MjQhCN0Evt/JoYwY9qjGqojm9PqsVZ7ARp+CAKPMyT8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uASCKVJpO7rEW0+WU/FtMJlgxi2UDJYliSeUYT08jKbfpt/9vTHgdUMxzOwhwd97wuXnhKcsykjuuVF34B6oTzoUtKjxNJRX/NCYbPgcQfmYSmEjIHPkNm7mBBAsPMGmXiNSnDPsp8goXlcL+H3ZR/yr2ImIwGNGeJKvK7C8WS34PnykZC1huO0Gzewx8U2/Yn4AcJtJg54kkPrjoQWozm03BSO14x/2Cn4lYolIBuMRyOCxcB/nH6FJ9thKK7mFMXxpdcJCiSfD4s4XKFRg1IoLi7FsmTENS3CNu6pwDwpiF9CganxNmtlHw2glOy+9Un5Hajlc0nRa54kMWLJhcImq1Vv7xku+6zqbq15m43ejymwq0f4QemdrP4+ySUnZmHh9b6BBJrSqb5O+mkCijPurJ6HoB3Zi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MjctXJQTg/tvyKG+92BQ0dXgOqI78TLtb3uef+25ukY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P6xFE++ehDeM7sUczMqEpWfEQR9OF9zHB149N4fDUcKyQwQkhrlxGdoxFLcPbXhk5IgZdRekvSJNZEs72rlh7n7mXweRlejC1xGEuAsCicCtkCa4Umt6oHIiaOnBtCWOFUthpJZQ+3eb8xQoEkj4hVZ/zku5kg6NuQjGLMlhCJiE4ycxyz23Ti69WHm2bwkdMU9n6MfNIb0JltJA59muLrxVXMk9FTwlKdhI+FPyyb+1nYuOZjt2Y73wspje8IEQR7GLxzNc4xnOyTvh95ioY37gEiptUOgnbEblk5RVtm/hSYiWP3T4XM04ViyZlQJX2moxxNTUOevdp06DTJWGod/1bZOGBYt4FoyLtgQC62/dRcZRNRCzVh9mSBRL3YxTU6qhccyS6v2Ti8nxrwS3uF9q06AF/CCI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Mjsn/2LSjClXMspbATlhcP6KBzOxIcuEXbvq6/n8paw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aA0K5JG3Vve/QoChQVB1dveq1bxzEoWjuGov9Cwxb374qvxSot5g43wyALhd7YFUEQNVfR0tZA2QfvCHOfgYSPTGG/gaQD4GoxHFEfAjQUu2qtfoGPikYOftKx2Q1LDW52Vael1TKRByyE+zqXkxQIRSmNbAj7JOrYu6Pu6L2zi+c60o5R/HAFm7s4h7hi/zx8Ul9IADPnWN97t72yVMSPU7DMWqOgTuqrkLt+F0lkiZY4AXyxRtqyr+XXndbSR4TNSuqVWTeVIz66ntEj70Q0+3e3XlXzLuiatQXgK/p0p7MnoHKvbhoCWfMjIgemm0tNJOh9B72YsROQBH2I+OIT9bLLsjXPDfOo2UX6rE6fj1eNcvXYee9IL31DuyP1QV5N9yiNKpAuk35JaIULlnZVkaayVyKMvp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Mkk8EUqgmfuGjLb6vnGOyWmYhy1TdyT8moe3teB2LnY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dirfzvjgw2bMjoXd/tV612qHjcoT+JKJXU+VQTfhXS1Z2z+YtAxSYmbrTE6zeulccWi9iXHUesiHYoYqi1jsHdIFuiUj18g20NGJ9RoLwb3TS16YtG3N/9RaMxXImjehCk2Vo6eGXadqABjocgt30lRR93jQrtFBHripQS2xpqlxK/Yreu4Lqh/V/S8HSxJLDZKOMZgHkbpxUKWU2sVOlx5GgEgXfFLIrFsJph9xCfesdkvgXQCCtZXwOx9vvfxlabWvYM97M7HLkkcDcmRtpldDW1nkJqPjwerywHcR8u9kr/So99lUBUlvNukCQwJuTR4GYHlWwYLfJQXuoV0CGWgu9m/7LVrreHbtuCph7H0HCCa5EjPinyOU9lHzRWaM34r4ABD1uyZiPWDcIiArFAgZ7ZGawJmH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MnF8mL96Ik1ZoQSN3PK0Mm7NkgspiYT+4FofBxbLrCg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B6G+8ISod0DUp3tbrRTaOdSpc5k19iFZQPADQxSYrdbkJYQ3iyUt118cjmBHQ6hYSKSGKixZ5K8T4Zy8A1PhsutvjDDM3XPh1QBUfvPXfQEc4VdsMemwlCu4J14ag2mDUkIKXsSKU7hhQ2GoV9TZ79NNGcj5RQm4hOxXnwBZ5xcTVhIvaJB0t3XVqz+A0x4wmLIP+05s/w0Vneqm8fTS4vrSKb3KrgLP6/mMuuKLDkt0KXjXNJFO40sCrO3fS5RUKXlVQ5yokmGWcNfKcG996xWnQ1k1uKryG5V6iXquHY0z7PKE/FO8Wc8b7FihwnRkVGBeqO3sFxXEAEHSIDaMyvPV4xn4N3PkfCocQfekS27qb4f75fHq2GwuMLe1D5aUEWTxMA2qTtVlpkBdwlh88ROtMEwsUGG+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Mnt0dQ7gj+WB7Zuj3tnN0Fdjp2HqbrY7nHJXuTdWlq8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EkXMoBuPX6iT2slY85m5rhNFVs/cncuCuDgujmzMNpWgrI9iT8n1vZvLF7A/bD1BtYldGQTwSADBIePyjseeaGNx0VXq0jJhxARZ3tSGV26xNs5jxb1EPt0dr1waFEmvOeWNpps8QZNeugh2sEaIDWD9PG+sARdeaUMyRmlkV8nLv5v+Kl5vgbQWf5uqYq/cRN1wSPeLhFk+8GPyKjeYak7dV8x+ZcFH8bv9MUN+qThXXpGUS2WzzhSfYy4WvnVn83SNxj2KMskNAnsozPJE+0kh9EYZqeF13yVEofMVYDmZTsYW1d+gkXTSAVVghfAdMWmdaMmJE5IebVeZHuZWA3QfG5SmHxQLZSPmRXC6g2ET0ft5VsX8hqXEwgUi/Iu0Lv/TNcu7ybOtM5PhVo86VhprkTBPdpRA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MoFMLeH8KyP2Tg/0LV2S+ZH5e+o22owc0JPaJ3ybS6s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "82vvbUz7DgdU+VU2H8S0IkRAgFFafhcatspCwvDIh/qRJRzUOUS1tfJrLeC+2bmebdqOrGuC0CZ8Ktn79dPnMKD5HLw+P/TuRvfalwM3MmNlgu6MhFdwuUnlV/HKscRKBJlYmZONkV+z4LXWjb01IU+mN0p+9Z647maK1kgL8c8Y1c/PpNG3n700b2Bia0/W0uobzsW3Yqz9xj9yF+3fnM4/7CL9O3UGOU9AzR/UAKEvdcmyS9iEevbQVd/W1TTKJDGyGx9JKOcA5VCj+4kfj6YqFVP7+7WVSxWycbVoNmyr5GtkqSGscok8gJDHLPYyMcUUI9Q+bbQ+HIdztp+ArWbXdXx6bxjCWRv6meXfVYRl7GqpGEdgmxrsNBkL+FovmYlHdiyFk1O3nHQbxNImC0pxnSYrgibT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Mp2oOp4V/lfeRzHGzRUkYJ3g9jGqsKJSrz1MREfyK0E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KKy5NXtonJwOiDbmXLdqBdFgqpTIbp7ViE92n9VgcxNSyT7bvfkaY2dp38UYyllVobJlTQ829T4aeeGlUm4VZQJ8tDNuHKWjQaOjLuC23CxKPWgdqZWHl4LjChO6RbcvhSKF1HX1rmpwvKC6UUfX6AUxOni8ndIkBtqWOZK4GbAZ3cVWF7nF/romTjBX7f0RfwpG3OUxsjLkR7F+hXDo3DbN4v+n7q1AjqMU9yES4lpNUOgXp4/Twv8IlWeuqFOrBBvdCt9SWJw2OWxwolSHNJ/dYD8DomEwl1lQAFk6LuVspZRgYmGSMiSDueiE7WQbDnoRpURE2fV4r4lOxLh4DSJt5qgrMa7j4IDhOXqm3lqDn2979xBqUfNeDUZFRmn9NcGTyGyiXJM8WXcAKMhvayEqnUXIy5Iy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MpWD/3wQJByKdBXQotRpHkrUpNgCB+ZmFt4Flu8liQA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hBjMepdSMmemmoq673bP6xwKElA0km/QYX5rLcb5s8SkNyMjfqg7hbsgoSQhCsK9pf6my/bVfXVUmkajCyPcEOgWWBl/8hfXdW5KtEvyDXTEmtdbF/yWzg7xMmPCaCUI2/wNbclULgqgdIiAvC+X79+veLKymic7GLy5n3ypjeC5MGgoQF3wOkiFUFFX5dRB/GwOg/TVJEyUk9W4jtjG0d0UHlVEgezjXqLzyRMlXJJ7xr3oona+3F57dnBF+1TsomuB1H8w42WkaLTc63GL142bwgOXwC74KFcP+KA+XlKBowQh0q09qRM3nJXOt/tgHevhaYCpkAlmh1jbyUPCM6fpRzgBxiLdZcvk1Q7aKF19RN77ndj54b5hT/oT1OgLKaRX1JUZPNBeXT3X79u1beHhwHslHvDC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Mtetd1v0EqCosWk9dp8Hb9bZEE4yx43iqJVlRqSm5lo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kBgMtGiuL+xA4or485dmCnaCPoXB0mbSfHVKJMe0PQg96cbKl1GZR9AiG0UR+hU4sgEocQLrTpvO+R+RimrTBAoPxPKkFhrBdK+VEiRnW+2XovxRo6Gfr1EcKlEjGs5PRPKX47KHEk8ppAIB9OMpoFC5Dke8XNkDmld7oVasiTrDiPcl6xM8YHR3+h0+fUWmy+QzeBlAejUrrk5ES37L6OFD62PBC8F3trnzDnSWDjsXWZ2KzqeqUBCwofqB3rUvslJMKvUixQPR/tyCwUUb96FMfqEDhRqc9t3yOdoMx0NjTlwHgJOUREFeRMvAk7P9bTB4TvxvMrknskgfDOWWpAy8Jfbakxe9sXSNH0bR33fpm8KJhBFLmWiHktY+6ViAY0/5ll7gPgiv9kcoh8TDh+m1/W/ziLB3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Mtndgu+SJsL2Gd0FWPv7g57eYbG6uVhO/k46gRaNnLI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zEDGuVELNRVzZSqe6os7jCSbTqisL01i5f/bEneF71gJGpIFu5qP4qVbYx3Pof3TVTMa/dem2PSaM63yZ6lJMFl7b1N29bhTyIhVZVz+8Uvq1f2V6dXHJ3UVPZAk+D4J9r/m++8dhiHRQJMXgMvnbmRZgfpbEtvQ6VKEEVn8oJiJ7X8/GoyjYZPr++cMD+ERcOmIxZHEVx+D0y5qb3q78Suup9VqRBmhgGHNPG9ih0ZrRPmNiNKwZA4Gk8ikCxNYtWSD+8l8McMcHLKZc+NPepFlxuVK6MXKc4DYzYLq+SogPF9ugEcCPKUxfXO0o4m9EwPmSbyHwaaQFhKb+PuIubGYNIh2rBRyaBYUbH4pzl3pdN8B2sn7tDznUlx5Bi9xWr0RrV5veaAsWMaBrQU3Otk0FPntyY0Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Mug819pObxU/AVSfwqJR8nvLJQdxl5cmdrlYpGTwwDs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vN8roo09wrWT1ig+TCd6ATWi0oRwGBf77kNYxsDAnZUbEy7QTmLWhXVbzxyoFf4pBA6ouzqe80j/H8CjECoFlFH3wsiiWY834IGRKwR6MaNltu6QJU+gKT2QFYgHyZz/YJHwXh+uaVcJLhTDlam01P6wdpvCimFSIWi/VXrFBJmVYF+lh0TEZwEPrQqLJVg/pWfs9Ab0ijQB/ttyMaj/alqSxYpAkx/iH0NkCRJCjWj2yvLYtNc2p9W8hfmfl6Y6jV1gtHR2pjPdHLVXEcfBIi9iC5Xf/lsavSsIkXTBOtnmIxbj22FnLwf2tfhwR6gMMAfdebS3OZp03dO2N7Mhs6Xh1GNJfm7kpkRsbl/ikwlFASx0lNI0q1CbPur2d4fC4V6rSkkhYRdnoPGEUQJzolDVf39vIXD7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Mw6+K/N3ZaxZiReAlVrYFyVXDsO40BsqGh5i2IwB4IA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2X/AagdXK7ofPmhZzmDrumP/MUjXzC4xevRe64h6D5+4iSMO41it1Bb4PupOIEhmAQNfiBG1Q9RfwcYO8qnan3ir2lkczQc1d52PDTy1BwUF+C0WJVrHPfw60dk59hvslTFQgrAQbQAeORHmPhQs1Ftv9udf9Fil7+lsgNJuC6NZgtHdmJ3PgfHTYqTno+GRnp3KFTQJ5sahyvNnH57cQ3TAQYj/qc5sALAA5iD8jKxQIymmRkNaHBayTf8pplnR3Ek6eLXygm0zJJx65bxvNWIAp0uloYAScw4aGT9cI+3hQcVKqWxPEgvc7KipPGTyb7dksONZcf6ASewz0DArizQnu15KWOFegijL0cRpPX/4bvAwmDD0U5ru9OArXhFDRu3QhsXjpXMRHeA8IT9T+wMSgBL5bsVP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MwZ5qlamF1w+Yw7xjVZmMjerzxyzeV30xxApBLQ30hg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B9UyWcyW6qcPHpvMagGrciaTBH+aTYMHWE6yP2HfO5Q2g9fJG88ZSXK4nz/vCt2hem06YpTc6yQREePlVg3OIcAH8B8Z7G3GM/ha6tAaMPUdWyoCLlnR4GRdOmz6pvjmfIgWu9MVVKB+u0Zlef587Ng1T0vleMs/fcIGaQhglYpKK9gkufUT/3yO23Va5Rgxyjvyo/wDdBw+sxoQw+mlCSfb67ydgam1WYZSUs+ppiyghnmTh/3kWepd9c262nF+w945bEa28DDjaQbY01M2g42aKoVJ2gctKLEwuP/xsO6lnCiTEhtfxGy+9+yaUU6KxSklACVCcyc4RxC9xj68/jWfKz4VldPAGXqRAq5huXyqRkPmCi3eIr7E+eg6YXaOpSAd8aN2dO57LW5HT26Y/8Hd49S1w7Wd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MwzRIkREBuYq+qtKkxSPlSlnCN4otlGJ79c6EdXvKCk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ofg2CIP9znEk7RbiqZ2yLAcDhfZjrjBERMSDuNNqBeNXRqWlud5hMW/WLs07gd6kio6QCyObshJ5KhMbSxZgL9zzX7su/Bic6QgKRClPLIL8s1vTkiGscP2ukGVR7c2QO/hzrDozPKCWiCBbtMH8Z2SiKpAzXmS0XeSeHJPf9/NGV6uQJRHkCfuHovjAZGgu/fWlgEh0y3vYyj8asoKn4ild8k+gXTCeKd7TdIIE+IoZa1wQZLGIzPZb2Z9wC0LGQnqo5kx7R3ZBL5tI5KO3UgfvaSs+DHnkotIYmjA//l/lYkGU9Q/OqJKZxJgiXy4PUuWWq562a1BP1hrFUzb2PRHuG5Txy+Ku2kxwG0jvIwTV+wk0Z3OKR4/njS26HO6zHqNFCJ/032Nydc+9FbImrNPncMrgFzZz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MxTV6SJUMLoaj+Nq9YQkTW8Kqkzqsyt4EOXjquH+B4k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JZcZlIMpMRcuk5uO8GZ5aok0fvU8YsZKnP+CwMV4ylqnExx+fTTR+quFkIgNFTSN2z543M1UvvrrhQQFi9JlgzKItt9puo4tkAXakLfVW+vfioaDZY8i1b/RSCiBD/zrAUJ2BmyOOK8TnR0lLc+IUIGPKyacUs5riXCWs/WDFypjkIUxtCHT9GTZXUe9hkZ3sQHCz77vK332WiGqzGgiUOBFiTuP8WEpBBMbv0I1HhvlgrIL1Qgwa1lj9imqzUgaqhwh1yNhhOwCzyk7Hq7uTKAyQrFp3hqX0NjYYL/+W/XguTn8UV0WG2hBYVpRVVaTep7sn7fsWI9wAk5SWI3r9QZloao/rDlHEenIkQubb+wkguTKDBbf4oTZqKlqj8KTRBc9AFIQRUqz/2upAfn6qVDajP31ANg3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "MxtHbMJPgZgIcM3eJwVP1SCzXd+fMFL0ik3y70EN+us",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qUYE+cq7lPTjNbt9qg4Z2uslFySH1Dsftm1L3uFOr47IdhY6L3G6GAr7d0lT4Aa1bLlsNvj9LlTA1cV9XKKDVz8rW6MR0xaONxYCGzKPK/Iz7GItfR41fXnZPJOdbJNsCCeHPHbh7CjxN7fikRGNinh0Ea386xRdulDz+f4CZruxji80mFV0axbHqFJ2ymnGfdOHMuXLHhr61XiVh9YOVlrfMh9RK3lo75+BIH8j/RoJLs2xQrVORiJNPYwfAaiRh+N7nZgKs8E+B5ANl5cBUfgVSMnmOVlfqe/RJAkIQYRQLWVJG/37HG9cN921BpFVE72Mm/RocXINJuTgqNiBxqx060DW6/nt8etWx+SKm6TKnSk+91KZdEAXm5pMe/awCdZs9Tbn9WWyX5BNvPcP4tBgVeqDvB/n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "N+Bvt8sd5RuZ3VsFysNyEAIabh4r2cOnTV5JLwWt08M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BIyAZImyb7rzvYaE4pogX5CW/c0nmkntgVSZYJBNukvJi9iOE8UQPUq2hPxNE+hoq7pG1bIycOxa0m3ZOwqCpTq15D3VfnFsu09vPOcpLfOXxIKEvxFSe+oz3BYZYWf9u7yN2eSKwyJS/yfoVavvrTf8SAMU+k3ErPTikjax8u7fiuPm5REHj9KYlCNGguo5RJPGQMWdvt5DL86WcGhNCKyCCcW4Ad/JCrdM6aQv6UYRB6DFQnYU3eoKfrXRmOLsah0wlnEUxqc5ML0p68QLDG24KChSZ54lCwsz4jgQIAxeiWVHdxM0ZfLgqIydMYbBlDnLgBLRe0GjAQ3EKdwiIpg3/1jPSa1XmNVISRhESK8FFDatFUhpSuHlWacLF0Zvv81Ph74Pxb4w3TRZ9LdBm1Lsg09TAQ/H",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "N+K3tzPUdL6VQdN0lQozIxAR2V2V7r7j34BRGWx9mVk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MQ3wOpohNIyk3IwQHtvSkxVa9hqmnJjdvtSGQjojCk1GZBgdF/FrZuphz4AHRq45AWgQelvfeg/b/Pw1r3dSa060k1Bu+RQ6xuSioYXMW/YEn678AFvQgS6yzRc+BbncNHoXB2KwDfQmBcdhz9d0jEABi2AUv+aDOWovU83uWFSRmklL9IoUl3z/en8xClTclkOmb/H+sRSJAQXNutRFkA4GFKHv7voaXJdy1LnrLDYYb4drFggdb7J2y2azyqndlM3x7d2M5Yycpfx2NQ9F/fKi+xxEJ9wd+aDnHb88Vs0FLBqYLSx4ibyd+pxAgYy97N9RIeN1TiWovJgomQ/EeLptLUC0L67uwFn1mWIq/ioBkVi5+YHn90x8+pDnXRRVGgZwhybtEv+dlCdtHJEmYh/njcAvGZVm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "N/YcjKHmG5Anj5gV3+kWJ7LbkdoxtfnbisTzY6wuWHQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "owmaeZnp+xFgSpoDdawh+D82GGGlZxA9B152+cR1y5L4pSsfXeEt94jnT7t9EFd7Dxy5SRIz6LPMKnLFYM23aNoir4YqtRuls1Hi1NA91AFQB3mg5ovY5AVCDF+5nDAFbc/dflK9kzxoPL5896K0YuEwlD8g9+lBAQVNZ2JeG0U98KfoE8qzloB5uvjnXkH9sdEfsucVTip8nR3TKzK4Kui5U7zMXGcqQvCtph/c34gX+BVp7lXna9aTVVSIhQjbjzhUI2Z/uQOhyGLiQ3Mr08iFaVIZGoJxNDHUOmXL9vw/Zd0f80aT3w40LRUcAByQfNUCHDPr4vNxoU7QltJkJ+PZm8E76HW71nvBePYWcdfX+UBOq6MabnhQSygfUtek5DYOMVHqboMVKPDHBk3nQoqsb+mNs0Ph",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "N0PvkaREhLDPl30ZijV3f5EFHN6uMYd9XLNwWJLXjtU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eDulxWZMC2s4dO65dwvEEEdMfxpySfqoqprlDGZjh5BXyGRLHcgCEy6FpB91Qw4qb8TqX8k2FYYJXvFBWCGOBLsS7HVdoGFb+5Njv8OlNybdKwVMaExHkxOJQW7At0EnJ279jgr3rBljQKM89OXkZ69Ob8hKsvLm2QxZ3D1dSmcRSM18cr0NtsMVUXhYkt/5+d2s/uNF9l4l4vGtKHF/1DGcbFZVkRxtlNyPKrz2MDjFdhwfjjEil966eFXoLX84tRvBuk526voaP4vsMeQx4vBl4oc0A1q1jqo1ZiaZ4ojpBpEG4ZxDgsm2TjlDyso31VqOqj9YIOfqwa422BRBwfTpOSZdQStgOcPC27d8j1hw6RJ/jPW5UA024mRLRH8Y1X2TcZqeFh4ur2w+C+tdxujE2igk3F6+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "N12xqWVKXbHyeZWVfXrgXN0buq783+ovz7IDcZh6T0s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nCfEt7FLpChSuumUVvgNfE56I60Gy1OXtwj10YEI3RJ66912hMRDJHjBULDOnpt5oJkBE2kucznWMAY1YzoEhYrqZfufobRmSR146aotHPuBzLxHOeTSvxLpvJ/dF2ZaXM3/rq9JKnrf+mjlx/GgxOHmdKUQYCds8hpbLIr1C6VQhGRWEF6hiKS0xTyLfDYTbQp9eaFaWS+BHaUUiCBuf5fHbg2wRSofTb/STkeNiBdv8uRb0knJmqKfRT/vm5eTFrJCyllETGaEcOevm5KGbPSNnc/ebUwGa2FX/jNn0wROy0rJeBQcBKe/yGlPpTBkYaEJNL3+hNpQ1Dv1rf5/zVqVq2x/8HIA8lwdh0N9laOPLZWwqdovndOhyPsDiaPs+bcI6vuBFgVHKfV4ToFXqGJHGR17llnX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "N15f0QhnBuHb0/MoZ6m/C3xsWZT4HwyeWzc8aSp3ARI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WVHYImfIDQ4WbnFMBtr1Z4a1rCyrRTp9tfbV/7/QjuwbBzH2Hc57DlxqzcTE4KwoO3DOkOQcmnlHhPJclwnEBYMeMWct6y8p/LI0hEj9nenZjWKEHK1d5q87izCeGYlMxXD+GFIZ/B7OsyIxtB+S7lXKFb73fyPj+20jGf6kFPQLWOwJ83Z/7o6ld4JXD1afL1RR9ITq++CO3VG3KnGJLlsA5WskCS5uHC/H3on1R6SNd12L/v+40Hjwnb1P9cAWVkiIzjAU0i2v2O1W5z0x4W2sOH7rfQIMWgaUApZZipry/9wyuWE82rtPCU09xy1jUOmO4B0sP7mafiQOPfhMZaKhgAal0TMQYnzqDpiutv5BIQbkRag5XipmVblqUPZZRinvccH9H9BF63TRY33HOJjx/u1lvM9Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "N4BTu7AA5yGH/mFlRg25McjPP3D5FQG6JwCawG8FnuI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m6yMeK9EoEnfDMXF/y6tK3HePF9seM/gmz7nLV4EuM8x/37CMv1MBX4Ks1zAQr3dd0dRUkCiwMLu6SAd5HglfRZ6/ocRMotxYuJoxfkhuYdLJR47qXgp48V1q/DxtWOvAddVnXugsPKrgSSMQ9Y0AcGDJEFyYMMNClGMWYzlkxDyT60Cbawf+qmQAnZomEUhaVoq2v9xIkxrVjMvv2xtsqMR2I4LutM/xVWk8pZM4Lj9/GxNGV1pyMs/sM+Z6Pqz2ceQYh1PMIDW1QuZSt6PxZsY2W3Lj7NEmuTl8LRlopfFMD2oOCst6iAl6fCtndL6ZduA3Lx0IOKY527Wdlp7sFstSnrRHke8delGCSjtJVgM70P/xc/MoNPDIV96rrTxQbRsV71wQPN1ovYW2FZSUsnUJKvkiTVb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "N5JLc7Hzhe/CqVOPSUZiXJMu3/k5m5Q3W3E+Sb8wvzs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KH2PzMCOcYBpha60zgVOG6I000SA5mxWmu2FjGOj8TAvyDetcSNNKuAxXE2op+f4OeAAjABmUpStCYVwnfrThn7aimm/8AocDi26Cndr8RcNG5jOMyPSuUoYtJUfkgvBFKtwBxKZAMfMuk4Xd1cWjlWC770rZk0L8NQ5sAhkV9S3gzCz3yKCtMl1WBfXOtnHtho8aVG5AjdNCO/Tbgpo4K6MzYs3dry3UT/Wk04P6P6EKL2SyQP2WF2HyZmgsLGY2KXQ6nwVOa0QQGtXhya8YYIz7B+HtNHlxjtslvpQO1LaXyfrENtz9F2BGVxZOjDBCV5Up9TSyr81Ym+3O/WXrpJhqtDOMV+Nw1sPWznsfoQTMHuI/YC/mQl+A+mtmXU0kGxGQ8QJ+A3GGYeInpmNGvKY/0tMHYIy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "N7mV9q6D7vVLF5esWJMxf7W+ZFCqHqm8BHGeEK5dcso",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HrXDMmThYj+qgtPs8kzyLZ9kBrhaKe7hYq+uxt5qneFFpWC5dkNJAd7jwvIMXQERBUNYl+G5N2xSFVFLUSYdKkjJ4NUUV36D1P9nTLHMks6xRW7X/VMG3ffrZnHkaLJoqGg3UOFVtl0s+9blgGfs4M/Rt/MHzYpVLygAJnxUhznyBu1jUi+eO21Yb9om+8J/EFMkvw9l9jwO8b7fe4biGVe08uEbAbDbnO3qGUS6k82oToIPBsC7/aX5+OTrNW60RU5Ms1YB0IP4UPeqh0fbo/nBYreRcHMVVF1NxnMmtP7pl1ZYqrg0o4mVAYvemruCcfYQ+LCPdA4eX8uTZYptNkHSnlls8DCrquBFa2b6xqzvi6AHgw7zXBBij89UJefYrRHpUCLin6ORdMItPNXLN/IdKkgthHRC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "N9sRTOxuYxUbFf2X+oJwGVgTVk9jz/ISsrCzwUGYE/I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Lv5o7OlPrpG+tH/8CW/LDmOCxzkV173d9B1Njs9gj5PmSZasDFiK/tJvXAimqN64BZpMBSXjEUla6uDE1WfO1B+yOj5Ak3Vjde9SQyRwi4ISIRAcg4w+l+1elkj8Bp452D9q7fehhZr7ha8JTnrrhazI+PlKeSpgHF3TbwnwR864XjiK14AQssSIT/n/rKcPnBEFqa8jt+bSemF4LeOF6KVFb2wPRnQIkU3g/84865bhtgGTUkVVnXLdbO+gItequYLfMqw2tOO7TIEu2PMY3SNHQhHY24f/f4RILT8E5HMDOrIJU2XPdmPeuRnWRqnpgFcFo5qeyv/nko77e0U7KXc+0KoHBjVElyj7h7/LVjZSZzyy6iAzao84LTiezLUxm2IhOasr36K6tQBjnLJljMtc05ZiS61t",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NA1ojmjEiq3TsIIA3wOuofytycz9QdC2rcrrIt7SUs8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Mz/kAAI+7W3Hmwox/nHsoc3wSryORxuJtWUx5tQaRfSGpjy82zOPKPeEeDVPyx27pfVBzSEW04t5rnbV1UIyD0b2RnretPf60zO67ZovgxSBcghzKg4rJ0XxOgengl8dVDZckePVAHcC0MUIb1T7nYwiI+zOxlIfiQay5LyasUaw6R2dmgHmkBKwKoETbIuBiC0ogx03EP/I/oY7rR0UDoASpRigaLpfQQQ/48OHB1wWgJtJmoJSN/bBrhy+Kn5BrYE9IVIFc1p5JPLYoXYyEKEftLokR6uDTr/SpxSSjbv9+nCNR57EdWkhkuxf1TYnySPh2uDUJ1YTTCDEm6swi2XZnd9CUsxiU2tQxaeXUL0oFlDAUHqP9J3qoRQVxX2yv+tNHdfuf9d/1MEXQ0M6hc8KuOHd0HIY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NBTjk+u3YC37rcHIc4r4opKBqaO4KWP+kVE7/gutgO8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lISBu+ecShg71Dr0TiRs5JCnXI+3immof8Q5qdaqKQIp2NNA47QemLbdCpl5zD21gJF+Uf55fozsh9ZtZGSIu7PLQA8sjSCeV4fbuY6+//IfRbwH1xOzJiMALPE3IcFykWww87QnxI9r8DkmMEgFlQp5Gqh2Ip7PRlLhPx//2N4T2GXnQYElpZ6M/B4AEH3PiHbE3YPxs/0bYVTcNbJlBZw6momN5D2wXW8Hht3C31E3WRuvpPhuQ/4L0h3uTwtk9T/DGTbsABQ+BbKcWw/vdBIwR6TjRN7NezbrSaO+VJKDFWJqVDd6DFqL7PhX6JAtbzh4OyEYV53MD2A80Itt25nTTiT89vLn5j6+VWaOcjRdJC/hJMqLwok+d6PPFHC0KyZFouAyjpeXnUU4SYag93r1/uqOeTVb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NCkHe3ONBLj+QMs1hxg3xHlZ6GFjrFsLm7HnY+c+vg8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vXQxgWHSKoV9E2rHMngn7Jv8Nerg4XleXNfaf2RYZu4oqXMmuJRPmnfcZSBYPB3AbzukDf+1VPaqXnAc+bxu+Cie4LR51Vdmutfm7hoOq2We5dNp0Zm/DRntTESJPu2mM01py6aF3nYMpky8xyaJCrr/0pDeDjijT4oku1ORJZSI3uI15yolJ1eU9seoerHhYrGLTa0+OOD1dAR6PYll6Teim7wieEw21IqKvJIexDK53rslmbc75/QMN7PAHiGMJQKxt318bafGZqdFEc4/UZ9xZnIz+92ote25v3IiKGgZ6VeoSws/qeXMPImy9AcKpAjv5x4fIreLCaAgD7gVIfrBCJTN6DxZDFo5RDvkvFGyVEtJNojbpV2kwe/QrRqbVpAXdBFdVdbAmyCzSbjAYWPZfpEux7ZF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NDROV11QwqS7rpRtje/VPYVUbi4ToO8lCeXhK6f3zgw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TGPlI8hZALkEJGGc4lzveS1wycaRCfuypmNCZuFdNYFbv62oUGPsMFIWC9In6xnRw0I+aq1fTXmWqMgJEX4jBv1dwym3esPLMwd7NU05n39lGfeCIpa1XymbctPdEQQBZfteQQAldFe7Be13aM7LbMQj7w3mRUMC4x4hWJTdwgQTXzvZ1ZtbNGlhJ2zYCu09sAWiexCUPgCS6siBy5lG3q/TxQ4eJ3IRGyEv0+DWevYowmokcLoBDgeo2D0Q+xq6lLlKMaTzxP5b/f+W8M543DwWZHSaEQB6qyICflRnw+pQZHwaenDS56TUNWNqvAhbytVfPSawnpWHfefclzxSACMQyJeF3d2nWgRQOr2j1vZ2doQ0nfcGQcuf1xu827icQNp+8DDmzC0ybdHtC/bq90QKBVveuQ3y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NFqXmfE7E9LxbrPDvoel2RH66K7qgrHbOkjZ9tewb2k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qmh9L46cs622bxY+b6uWrtlhLtGY9sF9/2Vp0P9kuPrLa4WNoBY3bMCUcte2nCJzDQ8RDTmoKwFJRTweJN3eMPzQv7zCIeyUuMp40cS0RusYNBo8c/v1C4jEcATwRQkvOsnbulTj4UUfj3iEF7Eg4/V4ilmNirNCRRemK+wZMhsfbGgK767UDVjBvwS8iXgDEPGtyl7vFexy4icRIdPs+YUyoenQFWoTYUY//HpCYuLt2tI3FVEOGAi+f3qWHi+5Qto9k/48du4pCgt66Lw6R+jkFaKamp39g/mAZIzaIBJjA92imO/D7P3959n+tW1McNEQQOTgBId6wHdlFc6GXejXn87fuobLesYT+DkBTRWmtGEcRHlmHNxjVRoyGrFC7/SthHTNDtgql+JiVB0Et4Jojq6/6Zef",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NIH1KTdT/y4oAr43r2SciltSHslYUQuKNvRzxHFUHJU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d4QoE6O7PNxhV9HwOQMT7hr8AyV8cDciIzzrSVh+q+ZDwiPG5YIVKNONm+H21qFHhe54+IwSt40UwFeltX+K/NnDZQssHMk0cDzhP+cexneTFfxr744Tkvcu73J80M5iISfhGRQQp3F4Y10la4oW4U6aLgDyLK7/YMrISWeMwPmr4jv1IaaGObBYR4hVK1AcDzdVsQV1iMCooWoOYSHmO21nVZvay02TdLBPhCNrPC4aV6Ar2vHGTmO9JvGK0iv2MTdL5Q85dUgt8EWCqgzDUsKWNESu6t2fDGIxec5Uew6vG4EU8ANUXHzHV8hmA20AQqTUciBwnCsgjmurtHE3GEag/csqA20d0m8tm/wSqHFD8tudp0FE37KsAOtreK9rj76V84lCq4jA79Aq8YXWG5VlqrRjTiws",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NJeei6T65nz5sLfNF/WkpK0u93pKX0X7A5TgVZ8wvow",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yVT8aR6Ko0gyrwPYuxWCBBW81acTUbWGFpDW1YEREnRri1Z5Xr5Fi36O30V6BzXgBjoOMV652dWhgnSKp//cyOiOdciGyKlfZLcppOQt8AT4OjTHwEmuRi4fVWgZdPooL9NAVftgHKBvSCZzZEsUhIPX5awuOLuS9BiH5lrhVMm0bx7LEDV1VRz/gW8+EevVtzVGC+gbA/qWF1T5T0BwMrFrFr7djvvaRgsk3Z1GsXcgeeR+LyvTGM2txDK9vObioTJDXXv2aKxI8qUn44d31jRA33/aPKfTRi0mQRLeURVxorkFEIbYGbfC9JvWU7sjumLep2vjtpffmeSJ0s/Dx2dlHdlpSRkbrZCcTMbLfXmAV10Xg2N55aI8JBLkQ0Qe/jR7GAzvSTUYEX3oRb2zg2m921yEJXlS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NKC1idoyC4kIRq48yJnVD/DC0CO2BOzjX5BSMiCohCM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q6sWXNWLT4Et1+AZaaIi0sz3cl8ORMxyFljNG0JFT6dTidh0meONB4IZaQNAFu4M9/dAEH8XmUkUp2VygvmenTDudi5uClI3rmlqcSFbOlVo99newRc/d5/smlFnnoMzR21IMo7AVW8tuV2k/DghdzSjy1zQj6D8wiDZDlnAdT6hym77GdfK2DZZ9xbyqTxAL5pJ8pzC8cCMmXp2MCbKohS2X+RziaRdVOaFA+u+0MlteJn8nFZQBkgbj1o4aATM/aFkCBhkJTSea700Le6zIUPzhb3YaTNTS6sYA2RNqDOoV9oWGLrlLdAmOQm7ScFGcQ77ZbdOAyOXdPBxdBhK4RTI4vHDJJBI0BTnwOGmZRWq5cDjMKRpaPbQIcVweyrGFCSV3qpMbOBojE6YmPrVutkOAz/gWdBt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NL3lm9Fucm/J4iPayHDJIPA5OwuixSAXJf1GjpsYyeg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cgrJj12AsW1LYmiCcD1rmF75JFp3Cg1ZqdMehdKKC15MFOsKfmPc09vEQlOybA+kZgG16A45Pyx6b101b123gSSxYLlewxOrulxR4psSoo6Mxg8OtcJ7Pv3zZmQXbcbLog1cwEFlj6ysmLWqPOM7qBISECsV23p0ju7TLXn2BD77rlAT/1fHDKOrZPw3LtZOL7y0j2qTDAtRHFu7MSr+K5gBJcyrFaWD1uc6BnNn/ju/cHRvDbU2Bkpobk+K8KpBzC/uPr1dGRIBWhGtx7QVL6cjM8Hod2Gd3+HqHZ5W6nFdyGIejj5tVT+ujdBdCnldln0eGHprVwpRoAwlCDmxGtOkUGkJB/Jq7yN1deQocV0QfgJzywq7DIXEEWK1Cy5IFAwW7wro+eepfSm72iQ0t1tRostFbmDg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NL9p362U1fL5Xg4FftLFPG8oQgA3Nq2eCWijeyODBR4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ScxEfMdIu8sUbV3FA+kNEnB5kgco6Hs+9IkwAE4hHLEukhOtHXzd6k6yaB7TNe6k7SG4EjZSEDJIJDQR/ZRF2K+bG4YY4ebn2uj+vXFgQuLWH5GXvq5JFTuyiVO0G5XluZeamLK3sT3oi91mjbAeTxkxKix7UzBsEswsU9vkC8bLcUXzNd5P4Jyb55oehKeGCHBROZp4uVlBYIdihe3HRNvGFiiE021zDifjC6DSCGFUTjPCVL3HUHgQrYpMNTO1oXgZdhQnaLnB/NnL1Ka+GaWZpKDP5+aWrB+jh+fVdjyHYqtJUyXd3PXlSVunaVEcjnDtTPmsbOhnpBw+Ip6nZ/j6KKDaJU0qzGDpgRSONepW17WjwuI8ipQSgplWVLOBmvcAm8G+i/KZkG4P1ado4a6IElzc5K+y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NLl7skV7bej9QwAn1Eo3RyuygupKrezBskviIdmgRLU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iQB/qiNg2P2qaefiepqfMB1eNtegUBYTeihBhcqajyfUi0dbZUcSC1bHsDN77mAs74ByTFe9J8ML2lNRfE3+6Yd+CYoALkaWV1jyJQIdoYUZw072lRjnTf6d9yRUwrooZucfjvR6Hh5v0rqqifwrr4HTcJOUPWNTyGkd2YI4pivS+oGzS91XJPB2Bn2rHQlPWIz26y4+0elyXjTPMxjmigtKQTZ/pzX9FLlYWBIhVSYXgeBE3FofGHZ8Nxs91TW55j/Bdaxoc+OBOfrGeihNp5kRzsSV7KgyrzSgaVtoib7T7tR7qBKSuiQoDXgs8vuSwEjedM91ZmNKG15PiW0MwgRymsTZqpXpF2PQXxOuHTDvllY7OQMe2ZQtCpp2E/gK1z3fP6YYdCmg5Es8hLKpE9aBTizt/kie",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NMfsAA+/cnb1MtuAi98xghGN+Miv1MZfkJrKpfXa5oY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+EebG3AuCTzXXjqx6gGdspY6sX6rbaHHmjvvJhtxEBwCIqguv25sI1/87pV/jbqgpaQWN7UsTpL+0p/EVPoQFkkjVRIj5yGPxylt1byG9JIlmIFTO4bA+r4B2/LjW8HfVpvvuZ6g0t/L481EMNx6ORxZa7MLGdxsDBB8bHqlZW0eQ9wkZY6NHaYnGQXeC+ob/v4js9UGr2wjMJX7JGOvjO1zj9yJBGfeuYk1HSNOyY2t9llKc9zGBgDXXJKTFRYWhc2Lh1mPg3uNSRneiAPuPpu8r8UH54mGSEuh/1PYOfvN+m/SuyCMXXztwj+9Fepx1Gv9ZRT8/7FjR+azhVio5ChbaEcMyZVPt/tnCuWGmuNWicq3NVgzPlTIO8tk1vFVH8bkBV7ftzmZFII9K3f77/VnxYMQhZOM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NMpW7lBIPz67zl6NFmHzdnqdE2/WGNQsdnDQxsMtBjY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "t/zi4NHYOiXvdoQ3TzsbByVXELSsfuWeCIuWO4KjRS652rMjkb6TDnLiyvAxwrMjllIZhnVgxnrigvShMWqci/Nb6k2mQXQNmfvQ4F8KDjkQfBbpavLIbQ1gOgaLr58b0ujOYqMiZd5VeIgzADoXw4J6T3JaeJAkqhvzGn1b8/cAKdIk8qJpsr/t9xIWDFcwdlcITntO4o+9TV1DXxVV8O4ZpYNEhZE97Cm66C/zLYNFYOrhf1rCTJoQdPCu/Ze2xz+xwKG0t+/13YkEKAyJL84gjITe63xJbuhyPh4d5Ohju4T5GLNwTKnh+ziQF+kA9/1jd5LgPg9+py2fF4qNwkBcDQffoMm2esYnptgeUhNqEhcb2P7hcf2ho5kqn8haIK6Z9jH0laTDd3FzcOX4zGQ4WU3mbUNo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NNyZhBiATcOJuZFR9/q4RGzI5IUz72SJ981sz721ThY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sln1zC/KpDSD2P90dHzD9oCWnYn4q6mN4jLOH4RjBqDyd/CDTBr6K8rKPytOGh/E/E+OqG2ZhvwEB5HCq0DudM8NtDRUDhDyWfVW08muV9m95w4T/g+mkTaA0r3L25xbNTPZrDXd8GSGMINb6mEjO7iPJ89KMTzjZUMOdqBfyffjopXXV0CqhR78zrPJ+9EvWgUSJn8+F73R7MUK3/o7Smypda/vu+TRQEo68BhWVyjYfkfrXNApo3v0mU2Xr5NC6yRbWBpxZbsfM5M8mOJ8pu7C1Wn5dV7HeovrGDCZrEe8FPvZY72um2DTRllJjbYpbRfLOR0wmmXM3Tj84nXgtlD2sueiQyvFycaoYaV1IqJm2GVxxRYozAUIWRuYa2kDg+QnETpJQPrQVpqxC7EQblMlgsEx6TdT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NOumQYYkGn7ds2Qh/9VDvGRf9P1K185DIuB/Q1HNq0I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bPGOw+n4IIM3HvOoC+AJF6zJ6haucOUCWjrOz/RvPsB5jMgS7zk9wnDuBA8N0pwdc/NchcZ4sgSAvbHjCcLLRtvfT/omkZXgfPvNBFY5Ucd/sqcT+v0UWKhW6hin9d2FlzCqbSwfD8BTYab3bsw4vmHLFSronKtdUa97LhJSmhhctzJXfN6/NfdX1Foulc1v9DYNL8obnHkGAG2BjUqOyx6/NlOSKyHmHe6ljaDNejggo9dmGSKa0xIup+p2qMEr1R2r862rN3cGOWnv/vCWBks5ilLK08MXOMFUDUvyUAoM7oCucp1T41qbUZM+VzK988fPQP54I+o7B7Qrho/uThJcOEuYrmF5SiASFyv0HgbvYOfc5UqHAgY2ehUQiMGjTRFi5NBSR18q2zRXWYcdWvQlCiiDfxQu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NQdlHp5HaiuAwbjRyAyp/ax/me85PB0wNvzSLUO22xs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9vUzOfJSlDWkxIYu116OHASSoruqDZGTleKIbYA+K0CHe6AP+a1qe5/UqVpAQmolnBkMNlRuAw994AjZwcw8Xmn137MrKGrAuR/YikmntCj8n/a0oXG/u8txPR5+WBNOjbb7HicRVpr/fKGTNVqA/VIcDqHeN8MWU2lNozz8UOod6M6ndgGzG2FwGk6N07/38plPEFzcZ6j6Mcr0haUZS9lXeZZfU0ltPe3H9hNtU9VMDnJYMrZCz2RGsoNIwE+7Eo8PvhjU/nR6s5g8d0tjkKT8sV1gHPCDLxn7ODkINDBjCQ02vbHjSiz7Uh7cBkpx5O9Iwuli00qDB+bqfVdUA5wJkMmDbuQZPOzHy+vgmeQoMGWuzipRHq7JmsB4DQ3DvJt2zaPyS5rQ4bpDBwoT0xaucl8nx8V+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NSdSBHx1Dyf+S4DLqBI1IRdohuHpZH8RRsHNdMWkqLI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "okEbZObqRNpNzpTiqYMfWQWc/loSEgqnOeHvUSKBpPN1lVnbkmSHjkhWHu6SFX/qjcO4knVCs4oLyBatndDUEo6eRst+gtx92xyyaseIJY7g8/0PyioiP70VcZo7AxaVikqAw4yeGQgwNr05hxVuy5su7Y0ehrMqGPJUNV8FivXJArlHB2RY8Z4b0l2mdDbEYNmMcmiJKYrdwv0kQUCrhDFoq/SqNX3qQmffM+rravepMnNoV3fQw1iJ07t/OiNlnR/uzQlsgOwDVxreknl7QU3ah9tZkVcP4hBjnAI7cfAFboctTq//3FxeFyUCxkiV09b5Gg6r/A0I4PMb1OaLRFLBANd8JQsvLEiBzW8PfCp4KS4++xJFB0k87zl5UWdgXzBP8kVEd4PhKUj9a8qhZ0kU+M575rsc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NT7qXiJlNxLFmGtfdaxG6ulQVfjf+p65ZLoFIaimMhc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F6h4LHOOIanzlLSbgtS9O65xvZB4PrD5VFKsdZExs1e8qSEQbnMxXhQwYrnYbbyaOH1R+LZceHVXAAsavQJeA9wgUZHzvN1xElJT2h54bmo+33HICEOW9dZPeMEZAWiJSu2Glxdp3GuYRI1TYoXDMIQb/os+pu/ZrFKa4/cTq76d9uN5mByFCwLhyKvN3jRKl1CxjjOQH9j9BVKx6a+bGQUNnUjSEBN+wf5NAWvrKjtNYxI6NoVKo2DtW8VRfJraemxX1fOqtFsdJaFhZ1AqWG1DatRgA5xUxz1DQ6Mtd4BOdyaBMP/YtmcKPw+rhQML2Ns6jy6oX48xBqWucF2FW9Owee2JMUtvlGnbbZuGlefO/YzFn+gStMmrZ2vtShczmIm5y2m3eAT84uBO7UTFRwZplh46uqCK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NUc0VjByjheWGxqmoNdSpoaUSWnULusKEq/me7KqI24",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3evq0+Jun8VkbVzR7gNiQ2QSOiCinwobnLJWifQeFGs89pyBAWlQ5J7gjvr5U3e3uyHNvUMmRDYY1zJKUUFQtD0Q+YEP5toyYdxT+tI9XtOf1KUmxc4aJLSv5OXEwEOenRQtr9MlxUr1LKElr9C5mHoLn8fzPFae5JqreOaHJ2A0hmSYPLmCD9ZEMTUAkZb6up3FnaUV/LJNKnCAj/mlDDNP0OY47/gvmyu4pzHdClOvZiQnRrZqQUt282ykJVZbUhK0HVawKpbXewmXgDhHaSjDyqGRc2bDuy6bU5191sfHYyzr6/buGRUNZ2Q5un/zfAHXMDv7b5G65ieNqjhWc7uF84/A+0Vhk4UUb8Jqfz5NCBZbJBLh6jPTM6vjV7R8Oc3pOJbUWwq6ZHM3H8DLMs/6rXD23Z5e",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NV99dlGikMIlRTTmwxY4LUe19k2gc8vx6zu3kkVmuvc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gwQhCyKIxIWiAkN3i3zNlilxx9IGIjqcwhpz7gEom90QIbU4gVH/ZTO/fxd5Ku62wpONOBMSlNYSGCpEXUpcVDaUmLGO/zWzZKjD1T0UAJhT+n5psbPwGr10WPaBLMa4QmXJWWEj5lCOEGMOHPA7oGC3KMsfSWHllTQzv1P4otcmC75EeVCpZMW67k+02yWK/+nYb85PiDFwmRVd9HYCPRkKChh3AuOGfqOaipZK/SJjmkTYLRMu7dOVdjJkl0dv0sM+kiIAw5mJ6aFP+mjSZXkPrZpMwoZVT3o9O1M6vsefCeFjPIZFkhtzZUSqKkSW82t3jfFQvBHxFDOgRjvL7kqMCI0EV6nLhC4TCiV/AM0uSpBbBVZAEDiRdY5Z+P2wN2u7egXKHcmCWak/MMqVfda7tObnct7U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NVMnWMxv0zN0iD/bJiPnpPoaI2P5BOMsCSGPVwHlMj0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dbE/dJaaRxSzFBnjB2FsqOImTRXOmUzIk6eJs9Xrddd7s9nZuQURtVN8ubv25wW5fx8VTCuZvAmhGiB9RwlbljE0g2jTnDeicXo8MfYBsuZu5foxzIhh56RVCuMrsoxk1bRlPsqBOsP+BWBSBhug/2bpdgO+Ihg8ZEPPIdneX42v2CRjtR1F/2GeHU8FoYcgCYkl3RkAejV692R8SMb23J8h87fisIwciXoDqHZCyUUWxLzxAckeFFzDASau3LBQ4mEioQ/0jnCMhb+/mSq4sCo8xygo0QHLXWpEiiEbkURJCCTK/WXAPsCpNN/xcb76OMIE9K2mcE8fUpLAbwr2Rnt39KG15n3LgG5WqQs+YOE5uvWU1qJjxzUxruXo5MsmCr7xEKBL4KeM1mLfyL8ApIVSbTpkJy6j",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NWIFDjkzRs58hAdW9bgk+bl2ILqTIngzS8SbWXuZ8YY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OP9wIe2Cw/sDvghroCLIuSPChdtsodwHuPCmFTQeHxxw3PirSNub1Jig+twaiK42LmJR00eL0D+sgCE2Sv35+rUpZyu8htXU3AIz6sR0W3vAtVVTW7KxyNM6m5ySMsvtJ39isyn8Z9YqbtZi3N6uImWZ//oIWyotO9NpI2XxmEZVQbnRtlpcW313CNeAwTPPrR9PTTgX846YSIUqh5VLYRt/1GUIeFJ4l7oJtEMjfeQPyclqYH8Y9HNT83zbBLvAGX02+ERcC38C469E+WZ4UfElqiJMdyDJfyybTdd7dZF73Depuj0UlEULGYX9AhWMGIvbtf8tqzkeezeLnATvhlzuLpXilGaBl9JUQbKSljx3SuhfTlfwezRf22bRf92/OzUY8rEhCbi3h/qNFtq9kC2tRRKhaRbO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NYkcCeeQE4TOyrh/OQn8Yo3Smy37mkkXZu7/TlrPyLY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GVcEvF3EMoeTITaDVCf19mTBzTxFQuJOc6nYGucC7+lMPfx0a4DnMccnTX09upCM6p7KjYFwHq4NG53RhtN9OJQqBhVAC1xnLbCkwnsWSS5Rz/bsJ/TnSfyzMRhR8NcU8OtgCggF/pPn0Pr5OSIX/JI5IgWmOfw8PtBkVf381tRFOiXR4wMZwZF9T78UZOQSJRNhtQzEVOIY7DOZR/11qtgGTilazGbCsvmyT8nhkS/VBDD5aqBPPZiuMgNMNISQANUWoPVgDRoNkE+08oyC9Lz2+NYWhjAtvXGKCf+u86HEbckOeL7U63wKCqVma0rKa3vgxvPFF9Ta2GroqGDQxogszY08fsUcSUIE2IwfkJfv4Nv3BqI0ZNnjkOAaSx2szSMkJdUOgB3BkZeVTAITnmoweFEkMlyI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Nbz0z6NN++4HtxIoMfsRkoGwHf++qo5DpIMAxC760kg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XY4uZi78E/rT6Yj8YXfOvJo5tN0ZAB1AmtAHz+LnqrOJPXoT7nAi4pE0Fj8bFEpRLZEjDJu67xrjW+ElzTEbhLjs33ft0tn8tZiEzYQBOCs+7kG41McrmjybUfgBDu7siNrIP+wPMmZ1oaXi9N65+hCTftxQ2tGs+gnLaS9uwNFXLqRVjd3AnDIEo5+uIIOX/lS3qzJwDhsyhk8pBv7EDyLraNln09O64yv9pAppJc4vUEfWdbBe4Pp+LsSNW0M72e0mqFj+xNOcDZGbbUHR2C7X++8btjxTaYnf1uzYcC9ptsXaMhtJgWbu4nxYpukmDoBMk3p/WLqdwknFJ51qItAZThWhqygf0q2QQdqnxX6KNS9KIY/aeGwxo70HrHbGwPkUnTE7hkxxqF+qw6EcIJE2PXdkVpMs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Nc0WqPWBiOSOw/tz34U3YAjq+5r3c3qU7BF3t1B6++U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JBapvDfuKYSzf++Wh7aH5Yfd0f4ThMegtmUT75Sx+HeKu4/yzY32DfLfDl/UtmEGAC6Aa+X76fx7BxXxODWFMo5HrptWiodAnus4usXEq3iZGm0LD0McmdzzxJ+ojZliCui8WsUdTKmXOzBtgK0+mysq7FzuaFHVTM5CFl3R0if7W82sehau9a8KlJffqA/y+h4L+BSxq2V4/YPw0IZJ4tyZ/lY+qu8L1zVwkEJ7o/KJ0yBLH28YHsOPOV5g+AUC/HtvnpY+N7XaOajjR2c0LpDq9TA06OpFYHRarNqGKJJUARTLuO1qjZimeM8HqJDZ6yAh3mCw2c70VTMLmGpM6Op42PmH+6D9ZPuq1lUyx3RcFtLxkYKcLWr9V7/H4hEMYV9Zh0vAuPlFKilC0ufkR0dATxi1Uq75",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Nc17GaRwM1y2FQM5osIFyB/pAV6E0OjtdK1F5gdwtdI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AR/qALR3c6lrORv/pdlA49IpdKLxY4zEfJfaFdhBf6EeZy0B7W2ppEIQzmLPCTwtIt9mzhJrFkvXArmszL/xuJQVPpbLgStjvOWksIfvdjDw6GT+jRBJi7WAbnJs72VygxkX3ToIa9nhiRF4+geRh0qd0/oYwuPv1I95Znzuz4nu98GUUxrIhS+M77q8Fu7aSsBKGD1KTNw1ZIgOyVOAU4AqnHbgJptY8mLmHeWOk7lBcEMLGY8XLwdRY4LRqJVDOBaG+V887bVlUZSjtl3G/sWR8mM+upUKTyp3r5NZ9lpH3R85Fo4Hlk0rOkJRUWUmNTQPBH5w09PusDj0EQKlct+PgkNYN8KuCVxJ69VMsNgHhZAmP0Unmo0h8561AkmqI93ppJWpuGvUN3ZLhyBSNTphim98kdwD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NcdozI532lWoUYR0UQUzPfM3EXs87glFG3k1lbHzLqk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aiF2RBuoHRVptyXYd/QpFkHpZ4Pu2N4KmLiy7sQLIT5Mn0RdgBNjT+ZE/9QGXv4LOfruXRF3bq9hCqCSmvqrnWdn0FhWQjz4wU32+QSHLxazRlVS4OHtXRPgeo6iuWmxQmxrPpqpY63vrWtmhF6S+5L4Knj4pT+Dc10atPubhvpmVPDQ9KFr2XW2zEnps4eACPFdopbEuhaXRdgQcNxdvwzjm8NwM8XoK+MosXLfZ0W+aza1DLlEauGW/cZXfil4+FDwKLtooJwe8B2uPgDmjrqSl7wgF7yf3R7vU/UA7LPnnNltIWl1XGLRlurIQ69jnptUvxHDQXyF4olHjGHtLuoEpIvsHXgGllgQ6dtYMZNwbH3rGY8GBAUA0Q/JozFqtn1tbdWEb7BLqjV+wsniffKfR5/lLnu7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NcyywBMsOJk9XAAdmvYAsQM48qFg+ZfydjTcgq9AlY0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OJmQ2DZDgsJddM5NhMgWzMqfLW9+5e4g/KLFT7/jicyIsR1RtxJ/bwKoT3Nj2+ev4i1vFF/gbbM6XjPIfK0XeKFplLezhhY3rGKKoCqk0M0tuYMaGwxR13B8NKFNh2ymQ/jl6gWLvCqJ2WH7MridUBZs9MU1Y9JUWzv4BYoGPf++6ReUcrNMHaQlJTrj/0D5uClE7BLKt2u2xTgoDhvI46+k4VeTCqUiQtMSBVXnbbVfySRGU4Y+qYjXTmIufBET2QA71Bpf59GZaFdzkNSHOi3rgJ8FWeTLPa7rom6wgX8CQuh0EuiCFcL+cqO9cJNUENWcda+jrtaw4T3NsTn1CJUGP/sDUf2di7pw3jGV31lBK8Yb0E2NDaErpvk0DoLMMdP9BNY+Q7t5SX7driGXjMWBvz6XF+gq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NdH9nStBOZAXP8UiZh/4fEQnZaBppN06x7PGGnM1ExY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "437OfioN0NucrAM/DSBYGQK73bSW+k/gr+A5ylYYKwarFoazfyBZXOc7tzXWgTbGxD+Q1h4boZ9AXw1y6dG0+qlM1oyLUqM5bIAr0/4ZDLtdTdQstEICYnQYnzPu1knty9xi1U/1aXAGK7Kzjh1LN+IbUbsodzQmh8VIFb3t3x527nN0/FzrhsEs0BATI44W+OJHnV3zV8EFMGOVP1uS/8sFrmK/vOp6bFT1IdHZbMENr6QKrcVcvoA6jkxDy3kPTyENfGv1XjgRRb2cY2FIxgktoCl7s4kmIDdXqCmJ5lCsRtP/2k0cuUD0eBolxTpvNXI1D2HgnEmIZ4+KH+nvR3zeLxAw+UuW+c8vQY6CSs+Jjua7c10ewczI7TMIl2S27atFwtXI7cCIVxnp4K9cEl5U3fepV5yp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ne9TDszYyhx0ItpWZIg5XFfDPxYLIvJ6Ouw+bAGzovs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N9ep6TNW7/+TcTH7h/MjJpVE9RDo3Jvqb2XciFa1Eis+RR2RnVhNj2SE72sb9UFidNheR51omBpuyV2VJBfaSjwXRzKVmPnZAH72MOTEZfuZe+uI68ji9SJv1Wc56fVbQq0j2RwCE39YZldKaFfZMS8n7SUe3wDWNPvXF2HVU1mUj/NyQDzO/2tOSxP6JTHSNvErMtSt3TvklCASPqvg7qzRRujLeTrdCn+yEQ/DJmCVbSdOoNoB/9bHuSDRBb0+fU2yP2fg9JCHa6hetSXfPxXuh2f1dYzqMPcBtNwA2Q8i0diNpztN8tjgAjMLs5F1FPHGiKwqhbQXObya39VO5JJRDj8hthDwOwr3sfSvg08CHqb77b3j0On9H4Vxjyqq/awkD9FR/6BGegTttnrgsIjIOwz0GQzv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NeIqstM7yn9IwQVpfPJnanjtuHcxH1gy2R6kGXXuABM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ttn52MsdLf+llu0m62NWzI4+Tnx3j1FbuCcyqvWLyRCZiKk+tcWIcToY8/BtdOy121uGkFADsu5mCS3hEE8xM3yQnqwID7RBMOtYr6RJLzWwSETXrwlM3AG5aCqokbttxlp4skGHdqxonWH5mM26RvLNrPKvFn2cNcrF39n0tfMWYOdFBf1QhFrKaA8kbskzdcSLS6ReAyQMHTXeUQmvgQ2+24zZeopfdacqz+bXeW4aIpMgl1aP7vYC/zkQ9hgUyU7piRQFEns7pDaAX4tY5XEg1tfqEGHr5RjCgI1mQNjfBrp4pWZOmZi+RzG86Q6JPPefeH4H1KMpF9ca0VE+3bQMNpkinMfAwe3pNJbBbeh4EvX5SG2zKqt3utaU4fO83MwMhAE8tJReZcD93BYZFDLYo3VoVnxd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ng6uwbaKeWyWC4vr7/3+4s+1RIpm2xiWOibOrLv6RFU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YZGYmSvmjkHevj3fciCUMmExlHyU9oba73U4GOtPcx4rLuAY0Klo6AEiTurPI7vSpWZhKBeRXpLJ34uJGEdf0HMdz/LVl6OpDRhkUs4FckbkzuzFmOcaLzDlXyD9oGnz3A/JM5oE1MG/8BxvYDJlGp2ugko4X+Vv+QtxS5xqnIDJZKa3PNCkgOjTAzCLN19mODxlr755RVs7n2ARqFMxuwVbmeBGS7dIVoYVp6V1Pz3+3MuxFzy59xJKDIQtBTPRxC6Iw5wMfx8uTdiFCsveBSojFVN1KsHgw2eZhJS/pLOXNgs62elpIol/r8AvYJBq4lrqMSoRMtCWmeX2Hx+z9/XHfP2+lLAfLOYSxMIaCGStrnUiU0QjMXOmXhYwkZxf2qqvr3sna+B74zCEt2MaerBQfvCavceE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NhEG3O+s/ezZxdr2wwEdsThmvyB04DkN9eDRVy0htJw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x43441w4oXOY1QFVxGO7inrfSlkbHCde4LhevegwgfXwvi8tMRaswl+9L+IZvipk6AOgMRCHEuavCjIo40BK5KuKC5FSUo47kTjFzoLwKp4h+1LTXFjOJw1gildHIZ4e8Tb9KNfZawqVxyt2fHoCCC2zc9vBspN3IkXp7Esa7GWZRXdnEsgAbxittsBcJJtjyuI0Ba3EqRCPefnDLq2gXFiW8cAC4UEeAFIdOqyi4Kol+v4JsgeLe4pNd6FtYymdKgUON4GsiYnnwjpatti5Soyap5J8e+qja6W+9lRXgjM1ImfM93S01C/nKRiyKW806zK3pF2CoI6mPLgeDr5/vq+eqLfAHZbfI7mVk2QLTy2/m71DokiF0QXrh/7FmgSBeLr2+cxdvqAsbt1WPzV1gwfBoTTDVVDa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NizvZ6B25Eyq8jpw7d8tayoxeATiObHCPMQiVCA2YAU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QDIA26qXoR+FTh0/GruX/DqEYA3zxna/byds7YGEhThx9N6TalxnMthR6b4d6KxecAS+lTT6ZcVJGZBP9kaEbqQzUjea68XG/RQTfo6qPEcyGbJSMNYJURU15b+MpWa1gqzlBFMY2dOVfgFVOWKIWaJsKVu0A0xyAhX8x+7n9RXYcwKtu+Gku054b+6KlhQQM3744NcSSNr8qQqntnhkuTUfOyqd5/ZyBOho0SxnY3KBw+bnmP2YdmH1k6sUf+4L1ofraaz2lfxk4aGOHpyoK2bk4DlV0wltnWnGMrZMaCurC6sVWuGWo+jV0mdYkP/Bo3YRGG3+m2/xgSnkeJ7oKFBfIyYCXKJoHV9tR371qFe1vE6KNefMJ1q0gaSakkEbHmbjMYZBCiZSiWmP1fgLLXn0rD2sk2ur",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Nj9vrbyMvhXVhqjFWjegnY/AKxfZHzecCk+OsGcBeoU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Yzdjd468ICnllrkR16ij85RqXKsbHHw9LdnoWtcGyYvZUxm7pSd/NIqCZCq3n3gO+7P04X4F2nv7aSe7K3FOFUNKsCPGMV8nUgumuvPc1WCOjV/AfERuAyb3vbKLjyEkghaMD9ro6fJW6ckimEA0ZU/D2IZREWSm6H6cRdK7QCcKMpcKaRumBKXNi1QGjWyefykZaqvBaER+7EJfG/v4HIuxnJEW/04Qiq+hw3v6Hv/9w8ojrUw+vEQqT8FYVtMxcHYGvu01oEKVxHxa9mHNJUuQuN94/dHDpUNBzgMGyOu6ExU+mGZknjJi/wA5j4iYkFVPd2tO32mPS7fqy63JKTmOkN089E0m2akIj/BpOC+DzltAFTBPuxf/iB0frzWqoWusqyZ4A+8HIUZbTVgNA45OCifIQ0Dd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NjYOSqUlYT/52oYANbq8GKcKcfiiWkVMcedf0aO0Zb8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VB59BbpRpoJH+BrgCqUPkl8HxE/1EzRf2fpeMdVYf0RlO90L8msvpxFZNua+n4l6I2SNuvE3ZAs+P1t0q2KopKf6zGCmPk+/i/RHjZGMNURIDE6rzQxmFjcdGxyrk8aFOAsd6L/VL5/GDDTX1BtqvLesyzK4JHjhlgcKzLPpsV6pglUljUyJaAiyJTjXJTC9B90jF32rDF783DCCphe4McjloNGOvvXlkaCpkAC008Mu0mCf7fxPprc7Z0wYzUDATaVI/63/uBKGU+TzAM5ucMCiA49gTppMbJjA5pHMy+3vVjJbJhm8jXpggnbSYFUP8AyrpjT4outY2WXBUVQyIAi2FhrUl6URxbxC2ETuJCu8jFxyapei4cTMrbeUeqfXadiMhvrroghXzIlO800sv6gTqEEJWqg4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NkPZZ551NI6GKqW6vxlYkkjcMcAWg2YHTGtWDXBjgxM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m+lzKqZ0G/4eqIZ+R6v9Ye/9+cAnr8Z8oKmrtdMRGEznO2KeucJ9BeGJ2jkpnEJlx4nGBvkW+e95OfmYKxy7DEKvPJ6pPutnlV2CI9WVdJ6O8cXmszO22DdvB/MBRkCdA41xtH+b+D4mbaTofbNxQIelp+4MM89WmByeidZIAZiwt9jlj2sygJzY+83va47/nPlO3JWzeRYLVzgWpLv0PO2S5RAQVsR6srpazT/vEPg344wzWlA9fgUsiYLXCxCIt+vQIDatFbvYCleQuKNoGWs+3w3SJp5lVxmEHiZgwCcbFOgfN57nTeHa6tseWIZ+ZjiXygEqbIuC9ae8GruJHps15WLrmCSRXRT/1Z0X7ifvvDvAf3DuAOvPBtQQ1X9tvq9AmlJw24VbtPp+PGcUPq0OAVcQHYc2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NkkMRf/0p13xrkdZfvo8mZ2+q2xo/RXLvByIbYKHyQo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QxHvLG/nygecHxYXMnq8n9GpjuxYyPOsJ3RaT4n5aPVqTDZ279dOTgCY9+4JxJb3RVMcx66n5WEGDQ0HGpAf7lfo6xiJPoQj9QhMbhrCWdvTrkNRHbeSasHNvcuHRQYkzFXdJELClsW9WkmHNzLttgkcMmSDASogVAuzQrg2bjrYr532v7jOwVXJ2P9ctPH1BWgvhXyclrZiXsdjcYPDOYd0GQ75tr0uX5pcvUcBntF1Mhm7rhmhvopfftxZByt4GxmgLoms4jKFUcF0juy5q4BTv8dQfTyoC2IOH1M95wwp+UAhaIhIgHvwKQuNRlj09WyPZjgewNV7Wyi8p+6C56gI54FZaoF5dDMgrLjJ7zn5F7ZJo7gfynLRX0VxoIIDUEs3MIl6ApDpdWUA0SW9zt2fMw/Dy7lk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NlqcCz/xJtTKKyAQdCCzPCHyJr5djzJlLYbdex2ixhY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ay0NVzn5MOhRHRhJpBxVim+sMz6aXpIeY1Kp62RT2W1Otvm1T8WBP+Nl10ywbHLyLjfIbHzSr6vcE3I1Oethfcl5WKf4Dpfs5r2Y6Qx9pdmC0tO9tVXBzfRMPowOoXHbKuup4YnN6CU+JUlZRzUXvceO3sy/+R30+eNAEQxc1vgz+g4MKSqpKQOaLH6CBdfa2Csy/fCniN/9uSxnskg5jHtaCTxJS9s311uuqykDsdsLehPHz81YqzZYRemAATiOduXaMl9u0a0qFIKSx332jMD2xCGbdJsbR3z5wRtl+7PXxrH+xv25qBpTFHL6uillM5O+BNkbNuN3hZy+gSqjGIy3HokJ4HaLZhVUjj657JLBQdc5a/fOg3/aKZgjQrWGmAyPhXdhdpoTirEGRnrc8wLnhfVBCuDN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Nn3MKwhniv1QAVTFTfQvylHnldu0r3bqLZMMYsv8J8k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4v/S8LAwfRME8T6VK3ocF2Ud/4kE9wSLf0A/uuYbQ5JBtgthyZI2ViBJSZBkyHqQqScxMcxwtrBl46qKONkcGJLsAtT1sKJ7cKjG305zQJErhL5bMf/gVypfwey3ulpA0xPvN96QLgFR62/yNWC/lqGw26/V3gTW6kiNJhFqfLkbrd4oDEA/6XNZviRgiRaL3G0ZhUPVSjBlx78mfq6iQ2VzZkV4XdrdhAl4V47LbkvbOWgBzlnob1d9HK7YAVactH5fJui0D2qvdnfeMYUrGPg6OtJsecSFfS9UOdtzzIA8XMjNMgxDTCV9iWA1DtmFssXK+x4+hnA6f7jIWca6Z/Kbas3SMu4hwEUzSJjUkr2ztwi+akAbocvBIGFGkZnaSmTvcXETRFWFrtLB6vyylJFcfZRQckFr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NnBfAmvu4vYGIYOinXhNIcFSghWt24721AWZxkbWM3g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JV2JlCEmV0CEEWxyzMcyMGwJ0pIjMDw0cTpFqh303epggATabIUalWYTJqheII5IK5mxFZVQBJ0w8kBIRgWw+9Vi06CDO60TMQYS7A68f4okGecAQvQJ26vq1ZrZlIPYE9fE81kFsZxZOIa0nN1hVmsCHq68rdxQl/PGWiYYErq0hQKDGBJoZjknq5Yag3hchdvtOZ3xM5YD8IRguaznu48gALdJ/p5heuLm6vNCoq6Urm2yBh+18r+cDnUtOgxk8VLJGDx2Yno3pQswy7KstKHAJ+iewS2mIxAcDs2MqQRgMzaaMklHfuhNRXMG6IXRmNrLYleHYZY1vA40X4W8CpBwcJVmV9USQBHGd5emxC6PApNyNZ4GyW4hSCiuXGgMoTTgcUO7I2TYnSFsC4OJ9+8tGIOjO3Xr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NnW/bwsA77zO5zPVm0cSURqruPfE1z/SaYd5+wyEhv0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ms1Y8nHPrksPCgXLf7u3xh1Yjay6w2A0374WiF2q+rtVJiFaLcAKoWcY1nJG8AL0XaWcTGkVyaW5rGlMC4ckvJuZt/zZ28yT45MpgUXUx8+7CivESFV7XrxpD2rw025j1rE0D+W6qxWQKHbzWqMPBAryqZWHDsTy9YWUkNWOsvpyV6BkgZwiOkV0Y4gU5EFwD+1vFKzVwNFUx660wlPrcuaaN/RD4FiH5QdRcGcd8vzCpgpK6CiAYqtRSdE2VxuR8ggxx4/IgIvlUcDAQXHGEd3380/e3CGcaELVOQg97XymT7pcoYhimvW+0ZE94UOpa1d8vupojpXa/DuucFUxXcev0lXFK09YXeih6KvWYA9Dxh7P4uYtJAOvMLoqKk9YQ2jGfgIY+Zd6egHxLbL3LR0FibF3YZcl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Nnd7yht4rKx5fb9tyTxwHlMJXNxfhNRctJFAD5rMyMo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eJ+/1cJjEMJMuGYqwz9OPMDmsei/P7oyY1R3HjOyI00kIhjF514isA7WqggIwViAHwBiETZWpiHzF91Yooo+8ef/ehCt7rk5CYPF3lPxvq/FvQJLmA3PUfqDchJXvtxtMoJyKgL9IKA3trhzUXHIDk5zO2vKZs/+gpEgMLLIs4DwJXCckI+CoRgbvkUB49x/HeGZP+GmRzbQYCzf/coBGN4YMK933lIioGjRXzB95uVkJWvwwMzCDamzu1eXErv6VBv4quj7Id6LsY630xSq58BTgzd+XVX1gCGjRE39jqhweAH7rNQBRMrDHhSDKmfQfCb3u/acqpqGAnWk8gb481uW4C6xzsBIrtXNXjN/UnAMQfPM6oqatYEGfXo/sH2y7xpeCz+mvqQ/9KzR86Mz2t07NIl59XcM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NoGv3cIsLmFZnn7tUTIDOp/PRQfJeZzOvvrUSkpP/1U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ft6BiWjsLJeh48/1R0xgcJsixvW0hX0LD8uzNq/gNsD5wKO9BrbLno5q2PaoV15Dq3rZPUoxCa1+4yiVXsDNBP38r4zqIcUI4Gh0pw4tS2rKGNr6aj9olyd6Bj9DTddLNUrCpfGfAo0HpfREL4b4yZdQFiGObCrqP4+kixrVFk9oqn3Orl/56EZz0thUNJQKVJtzS+aEm1GFIZVHWrQpNm30zicHanMdRZFc1TlzgxjFWW1xD5FEgbrxfCatuiqn1BjQ+Zlz8oBEz7HDJBNa99xCqVSy9mwmVyori5rz96i4bovgkwhYN135TvE+wY8++RpHrS2FnqQdg93hg6jwebuHwCfSoHpBrJ+p+33/DMdImb8GCGrJOv6/iIXEevqK0/5tIUgmvlNSRA39Nb6B6c0+/fYj4YNL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NpEFXVb29V4iM5OEDycQUFSuCOS3EVIDmggFVjJh0Jc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+FRMscVNXhFViMu5o5eMR4pb9OftSlAo4/qP48IR3rj5FAFG3O1hFoO7AW8JhHFARZOJj5tnOIaxT/EeRIedKGADkoFa9D+07x3WMHHFrd/LWwpLMYErJd4wLDcuLCHzgCsXYGqIiP119roLJiStqqoZY3JbyNyL2+SnD6w3FpjYM3VQmWLBQUZa8Qx/y2QC5BmBotS/pILrvZrSoWRLTXtbtSKA3/6KwqWeoAMiIxmJyf/czfs5vSJBahWNV71pYMwnUclZNL9opYoUXmBm7g5uJTBlQaoqq4pGg9VSrDGbQ6vXuWhtHBBLHHdr/JSdqtM9LHqzeDJcZR2K0ncK6PqFUiCnIgxn75SALcwhmYMqeuw6mcXlvsjQVpOHPC4qAMMIVxvdi5mGRAYpFk6Dog+fy4bNPdSi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NqK5RBOEqadQp542m4bb4Msf99TqWNMKRY3W4NMcFSc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vhNpVIjE8MPShsrpKSPqjzYk3+w5VPAZ2WsBpRyFfeAVJazuCd0Z9gSTcUztqNx+B9RKnkpnNEQ3KO3UK/1Bw6x6kQaomjGE3wDvS1f4i9xcqg8NKmf17qqfUJIu7TSDfy4739aauppE7tinsaqLTPksEk79+QjDz5SOc07EtHzZxD8P/RyAxF8o4XXSPHkKPP3Z0L3HJueWK+ng/RCRdbFCtJHaHaPc1RKfCzf0iBb/R6vJDUxJvSAAS2gbMWaFJjPNori9ygoa80DsPEa3Lhw/CmP9+P6qvxhxrTfnCA6FCTWeEw1cFHg4KDfn0QiI8dMQTH8L/yxf9O7yVT+tJamFzNfJb693d/IxpAZeZgid+BVBMxbUKI+ZwDz43PHOyF4Bh9XFx2W7oAANTBtLMjyE5oDXGZ6X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NqOJ9w3x2Cyoh3/H+uP2bBruT0b80bXGYZRbCJkoMTM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XU5V+GAOrfd9+Oi6UblbdSMXrzIZqQtxVoCJtlkrk952BaliL2Cp8+e5b9Wlh7yDbIl3LafvI4aHMtyoj01/pNxDzNezrUhii3HBcRVcIyaPsjK0frGnK84WkpoM2k5Ur6KRhYZ48o1aT84BM8548YYy2c3SRslgK098F6AzbViICXQYlPoYEFJ2n09xYHOkDojU8WzlPpIRRrpimzaeOSMdG5ggXdgV6+H/bcIXAWIYs7Rlfwy4kTqYIlg0s5xT5FRD5a53zs9didmCFvLJHz6GgikVbGKHCgyvpQMagEGa28DC19LPl1GDS9dPJGX9OR1I8DDF5cAsBxHOmo+FUNMO+SxxwJ64FcNSGzQtEIZGfRNdTpqONysc6kao/LavX+XwCwLVc4HR5gmoYDJF9i010x5jjgwT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NrP6kdQNy5SiMYj/l5ZxnlNpkwY8uDw4qVfwDD004Qg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lkGK/W4aO+Zwo7E06YhLVPdzuu5C9F032ixgdOqBn/dovU4iDQVUOLIjvpYRRbVZ1+7zJlb5bp5pN5BUuBg7tz7IauPRx+vxRoH86vnQakdnKemim3veInnWpbXTgLpEz3vVXAFienk2Yk0BKFyHLiQl5KUFfru/H3ixKY2m0C2EC0KGsqqjYOFwB49S395fJPT5KUWbzqXWTfG5Fda+KNUE6WzR9c3OwH77Yg1NiXuz4ytM6SLeFomjpEQLOTXqlGIPGlBS9/qwgiQSVl1ndLs+8r243bqH03Yq1/s7L6+TuP8YoshOpurX5t1k9TdJFYWSVK5yZqnN4FVdKR6rOX7vkfNq23eVmO91Y2/SjJ+U83vPvl7/rMUTSGO1UyECxX7q+vT60tAA8SalW8DXTH8jdoP1CICg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NrxIG6VYhb79xSLoz27begogPgj/17jCmUqBbIMPTwg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yVbSN/ykNxOC6/nW1BmWv5pMUZPJq1JQ3sHyq41T8OOg3VZf3k+tzw84JSFmMKG9qXBGlZaN+X97jt6Kx3HloDv6k0VRdR1qVcYjXuTcgrxk7nqxjZO59LHMnjMYIlhKMoa3y3SDipo2dtjN3XAabHaDaOUWUaQo8/vKGNEDJn94gIJRFAVEZgxU+Q/1I84QGGRqrJk1Pdf9QZALLhprQgENwDe6Ej1c+yBca96zGhyOXbzQmaVBaG5QWt1sz4ZD32R7xajrh0zlVdHtKwqiXp+Mj2saboejQDXcUZfLg5vUSFgnrcot16zOOghe2kXdQcSBEpp+OAAXBdDE/VyUdfzDOnQ8tnL+DgT5YJFe1OLXm7d2EyqAiOyQcezs9NwB8+yw4SQ8S2fvLtVl7QVmIzLF4qQa4NRZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NvJ6cI3vE4ykIw3X8Pqj8fIKSjkakBPLH//5s5QfDPM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PvTq70xl9oh7xZmcGkXiXZAURWa99WSuLG/nLox6Np6td1KqoN4jLDC16ILyIx88TM01XYbn2kERhNCojrxKwRV9a5u/o00QImfdL1n2oPk/HVVwyUfVIbELPc7yDyhEu2JrfnpUx4ZK2Hg87wSbhlnzKCpYWgGBQRFTCuWXE+7I4SM9rbYO+XmuymCaGxdbM3w6hwNY33JnIIN8xKa8t35LahDsSB1BC61bsvKYVuAeyWfnn1m463+mvQtgDu9CN7FweLhIguZRyBzcslxj882eUvqcFXenCQlCLHLkuqlJAnzawYaFvSrn/4G2IBXWCr4FB1gw8aGMzJTjshpTTZBaUGC3anaj7EgT+79XbmdniSaWRTHtcBT8hLiitjhfQi6GtonwSm7pDHlC3yHoMZbQceOm+77n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NvPxl8o/jxdvV5Jf9WuvVY8cJFf6iy6nEQWDtVAau4Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wlHFTFg9RyTKmVUVrYRej2545dCJEetfsqE048fB1MKWoSWOIwGdR6IrljcKEZPsk9tpbivW7GAsI3CGXUtSjA9HFrjA+pzgFd1TXRtRaNs2StWJZzswqYIR0dMf+dDTK6MgYpmsbwP5fa6QpAFfFceLBzqaZrM+IbEVmFO+W4B4v7fqHYOmkqbV9FkFysnrPbzptFPzOr79+GyvbQRPKXLGlDCakdDxb73LKo8hVZDtKLOLDijrv6Z8ne74wMakESyhAezTfUj6UygYplG9RaJg/j4GFgqn1gk9rFtDwFGYvuHbdUoqfiOooCfn7sZECbQkRr0pxdLdfmszaRYUuGzRh+6SG9uvPMMn3Q7sjl9yd+UWHfatF3VtPoYSb41cmGuIgdEOg+pfWFV6TL3buxiJD6dkahVE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NwAO/jv/WBKpQPNudE1poNuRz/9vTYNYZu1aBfZ5A5A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mfI21QSZEH8nblswj66dr0fs6EBP6fPO7WCPAFeQ/L2sbQKEKPAE5uMVj3KnDq9lkEmgEF3iTjT/PQdnIBWWBKcqeFnsOTLhdfpn09y5L7yO+FQpBEWBjyRGEpIMVTFrxwbrHVB/ExDbKL2nS3lKPyk+yCgPvgWZ+eNzlYQ5pIrkS4141eC0dUzJhoCpaGs/xpfCyjSnmpPYmakRMaZPmY6wDOZNVzoVUphCtsu6N9uoNcxEzn6yDrhQUlewCnGE2/vAcT/5qvnN0i/8XhflOxIJ/vKhn/+C1QucfWIhwGiwnGvmGltmOhqGzjSNzLeFTabyagHih9IliA6oK2QWFA0e+OLiX31FY2tnjNC3BZvxsszZv+DEefqhnyW0L3Gs5/dnR4PybMh2mn3tZb60TdN3Lu3nM9pR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NxWHdGSNv53KFmCYrCtmRriiLUdn31pY96GenPS/qww",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "n7i0EmeS26NMe5a86gleNPPJWhHcrDglEBx6FfgwVlcr7SmkTjhw543Kxur/OKVWoFU6RKowFzFWYusLQQ6LiobAQIzbW2krEu+qNjTJy29E1h/beJONAYd7zSouDFsoIShVY7KixHksVro+2+u1biS9yIFdh9qeQD2YGMYK2vUF2ajb98ySHcuQux0GnS5d1oC1eINNZxrQ2ClklKAofKWvOCAmnjTwuo4k8vPEQHvzWnqt6vF39JtV+lwtA2XvsS5fa5Le0lcXV98dcDOBin4NTvYI80ua1WVTnQOsOL/6ZKGWoTjbhzhPcUbhTPRRyQvz2VRLZDYBdrR7Gwm4ejIurJokISZ8eqX0OpPnEIhhR3fv356LYIPkKezq+XI4tKz4Sr5d4ePSAjbXA5LX5b6rszFN/FI4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NxZFj57Z1xYjSgg06yQXeJ7LLeUC+CHYP85jb9CXoeU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ICt7pdFe/M1PzsnTKOtMDAhFQotrbGAFc7lF2daZSlu4yj+cfmTci0xG+em5dTEGoz2vShMnX36i7pIahCPzkseV7kTnSK42UNYzq/hVaJQc2wzpuI01EHeqYpfTX0ojcjFZHMzqbKR1RTLcDIH7aIqoZFIvLaYoo8n7VxgWrvQ3kfXfuKsVaIrGOpAFUG3cCnwop7Bu7hWOozHvoZQDryUNYvBDp8YMeFH/j3UilSYgv/cOzctgHdIqFT6FoSyTXypgIJBMvM53f5NPxTpNadTOa4CFi7ofPHJdOliWlYWEcATBg8ZMmHz/vu/wg109+Ry7zwTRB+Tk8u9p+OycciuNqlOCotFn3uicKQuDFlqpOD5xnb6pVm8xTXk1+t3nQxZS3bcXb/hJdZh5L32HeejcW11Z8pxS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NyK+zGtMfsAagZIhl92Ig+MvsQGuzMqgNaAWgD8YOG8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HShGAfo4HNfQXLTiK6GAVVIi8POYz8PF+tk1cTNkF5Ubkgb1CwffNZLgIrFHqXasxufpPM+a/SuRvpIapz5pEAJB5okUhsUwbDaraYn8XUkDoC+EGGdNX090qDkivROa4h1wAQlAiTToItBAIjsPAw//iiC2rO9TfMhMkM7Ftx9RjFCtL04b2wqkohWumQaWNhPR+zinvs6KqUU2sJBoeCk1Znb2HHkGOtffDWVYUSZTAYTzi/LD9rjblDJ0YErzrvY0BzrKYJ5ynFqQY5f/xQJwwFAU/oHVdArp/AwBoD4LGxTWyAOJ15nh1TEdJODZxw1yPAqNZurSfAkhdeYZ9uI7ohhBcuovZNbL1A3QKMmnzR3m9wlzRHpGcucV8ud4IFD4Pfd8cJy94ph26QSxOgp3niBor8pN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NyUWM+llC/hIpIjT9rAU0nUiOojpIBcfAbVw8PrwBc4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MOw01z5u2OAv2pTN1i1noBai/E8Gqs6Knqr/0+LUxxzLSRSoc3NyanD1cAYTQVE8LyGNpGTNpGeb0z/nqDBTXrgDIGYMCw1+vGlorSv5cp8mrn1JRtpODxjk0RPMDsOhzRA5Mky5a3vCC/xVFQ1obC+H1K7tO5jbgr60bTBvrlxd0Z4jeS10HZmDnI/FkGdS+KA6tc596YsOGBmDksFYzoCr56QfjhFLt1KJ0KSDwwl49yEHzVy4x1422dPfR4IVDwTMpPqHuAKeRQpqkyqxz9xubjpWaaHxPaVilhpiEnTY4TC1xQ4cTZD+k9E0+RfzifVcXX1OhFwgZps1L2p3XTCRYAmQ4m/IHRwz3pJjfhX1e+HotnuGIDWTldbagqaQ2qSKF20q+YYeDMXtArOOFUaw0kU8PtMK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "NyXcUaICVHFxmQIuVCaV6Nl92kG9hugprIuhxcdbQK4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AkuSD7yaNmeUELXFoNf8VdE6aiZL8cZaVQ8plwqJEttA9q8mnLSksEVnrg5KIPY25ZcScbT1ZPVt6IgtkGIQARlftr92w2m4iN4HVLF4uzsCyDZhnx1UBIOs80Jpgi+AnCaQX1eqyIv1pv9Fd1PwSj3lQa8d6w7CumVRWSlZ3gw+O3DpWtM4ptN6dLrxDQ/IBUkWNHHT5MOXmr7zkWIhVQVuGK1TYmSmWgphLpdIlSrgPRIvtpX/gC2fpRB1soJkLPgWupe7T/5hEh+Ol8nbdEFjyDNET7gmOdC9y+QGl3LcdMBhVEhueFgvlktcGl+0zb5hriXCvL9SN1suhFwEajSL1dNrbLiZzJ3H3Cxr2MfUtkGE0DIqEn3FM5Mrq/2hmXI65nEJVSwxw/mfPfdlL3tcXk7v54Hu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O+dpyXklbHXSZ8YnQuo6/i8L2eoJ7k4CfFOITM5tHlE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RrXmI9Xdmbo7qU4TuQQiAvNFQ+xi1my+Hdtk1633s2HycvCvR0DiLXxyXkLJjYa9g+TOixcJj0eVmU27H7FvrrGPQ9uMeHokKEP/2S3FyKqXUayJbmn/VaVqQ2wRoPQRdKbUAArXqpHlFPhK76vsnH2Pvx1ZMbcSpd6iSfQ7VsuikIMdQcf8uLndiW1AVDb9dW+im3WbSxqmwJcEmTyfCP+tBmk0QEMkjlQrfwvk7IudUVK2Ytacs/rLFDwMU/8gVfGs2YusX8V7t34xKUQ10MCKWfLWK64CYiwyBzqUu/CihfdeFbg2y47ZJKSLlw4D/ycPLmB5feCZiYNG+dWRMPVZ5y8cHdRE38X7c5G05xcAJ7CbpkxY8oS3VaD4HvqD4Uw07uBJaltiEkEPcybgEICI2GfnLisB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O+epxqOXMjVKumzLAUoQ+P9h/LaiOtenJ+jGur/LL1I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GuJhuNM7/b7i1P8kEXmdryKY8rL8YPRRhjiEuvpL2EV+tO2ZV16ZwSEFU7UwHPlAZxyI2tT+9jTItaKNC4X9e+eONXEtGQIpemx/R1TPfSskl7J3HJNezvz5RLiC8+Sgx+T/6dQdLd2qBgRkH3TSWPHcng5G98iONCinV5Ta4ZnSP6xlD5qaKMPebvkaB9k8EcDNNKonsibsU5SBKdKmTQzkT6a8orK1/AzyziKPTTatB4ODN0agNMfGn1M0TqY6T70a0xoZswzbIHT9i7oqLnzMB1fqU14qKKgmmJbcBT3t5PXGEyalZo99NziqlnB1vWaYSGLPaI+oK6cbIz/2X+UjUUiaIJj4gJ2hLgiUElPy5INs/BMiGEm4g9D7sDVBso5WFJnL109IWHfBFlxM957vZGfTm1mi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O+k95/t8baXzlwccdprsglI1Gnr1zRZBtRkTVUAFRCM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zvIKoMdm/gohp9o5fRTNoPdi9Olqe9rRwC5uYTrLMv7fWmH/tmgGtnBEUhDk7naN6nmq4Yfx/Wb9Nd4zwlZrIEgF3wmF5isHPnwzk6vSPNT4+JJlqIrL/t65+67WrgynbpIKIeugW+Jittm55pB2h3pT/Bs0Wk+eaPYFPHFBiAMYYRzqoEwkF2TAQzMKdt49Hauvtu+wNylT9eBc1ZTFYQRJeNrcg4cnEnmmS1fNPfZqFA9Hiw4lWt/MK0dUKodhKuAkeR0VHpKeqV5Z9yWdhbfbTcAetI/5hLvCzUYBV8CX7J6Aukthpme/nX7ikwleFq8FysOqAuFFJgSE08ebVfTyuKoCb/1u6TV8f7VrxZeJMkfkFQ2Eh8aPIRIk5AQ+9O2gtnGbPXWsqqtUDMF3bPgHOKCrahWs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O/EuCSbO/FlSCWpWqv0QuxdlfuIIcIuakxAWNsMP0Y4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "scAkgQ9NpJRJEbFyYCe1POQ53kMDDi1cjY8lSPDAPvfWrSzRCLPwj/9uxkZTdeG2MEEcM3Gjko90105E0cjQY2gC+Lrju6VSvxLqnsKc1TKM7wgTT4XdU5xt3Rt2tdCV0v5t3nTdWuzYSWclFE60hdHaE8XvW+SeYASX3IaQdJL5q5vQhvG1BfJf6VPzBPtAV1trcdCw2jlN0WKluCbilwdWIpsqffiQPmwC5zqEnoiXjiAfuvCzygQqmIE8VOclIScF9KbGe/VnYnorr1M3yHivslaz1F5xdO4oJzt9QyRNpT7+ZzSsQ8SmVvRl4sHXaoojfLpoD4cuWqHHc9N650BIhqDuwCLI1Kcgw0iZ85ziBv4JDIHeqTbOtd8979qIwb/aRJ0oPzbdgdehhfKZjbOmyeE4FRiZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O/izxOOBA7Y9X/BHePPgKoKFwWAbCg3K78/oNEsx+/Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IMMYGTAuKDPUqR20idqkTj0IB57kGQrlDnti5ZGxVrctxpGejueqUdRpz/owGnMNw6Vs4rJjaXdRUGaEsY5tIqEgOdW2hFVusDflEBO/r6cHUga6KlnYpxqDz6SqDdjhW5Z4e1Yy6FPk91rs0qIuZVJ322HruDm1RUJPA1C53yshE0k9Az6CzLx826KFNh5IGgwRQhGMX3GhOkt8wEWJWEnlYXtKloYs6noNDfBheECfrJBkO53W+NUDfJKasZLu9Qyela0OOq1clj9wvljque4b66A1EP4aI4CzlBYklQhkiCNm/nT4DV6JrNiku5tLtPxNVBslNPDPRJ79V0gSp2OVK8XKEmtc51dTdhtgoNcPMHdpP/dVx1NsfkMVOeAokLsKPuyqgkihHCqSex/Omi+Mly+Rnfa0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O0mp7dtoaXdPOB4ntSuZ6rkgA5nWF3Grs0naCuzA4oc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SCiJpA0IOr8MvTAF86nWfWRyntjl/5UjEocpkPicjY5r7kocBZo6jNSiqasj521ypRa84mXTsbfEuvidiTV/j0gbgS0pX0dPk2gvfVKJDwGFy98l6nuskW2W7nFrner3TOaL/6nc7mEtKLtKMaE81qIcR/+lNZIzncUuuQWBwe39ffM5EbNI0NOKQNJhyl9uLGi93FIw9wbJEIRpWFJPVED7j4n1JLdRaRJZxFAr+w/Mm2aBAR/opy7YGj/eC9mJS2sHhSTQ1j4l9yegvwpmbGlYn/6F337vuRYmuBbfu2oBsEVGUrb1TjIAeAfgAQZ5wxQxAn3D6PEBYzx2AJUMgz8EKYjuGXxXoZ9RgpynyK/o7xmosnDhsSodli6tgdEtJtviOO8TEFWTXB3DzFshDy3LCpktGe5H",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O16eerdiQuTxLmX4/A8o5s+cmmCLtdfNc7tiFG1e7Fw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "51MqOB7shvC0eW2L3nsmfY8JcecWVdhj0sHeWzJ+qGLNjqYUGfH03e+PonfinqPH3/J8opCtae2jQpp8fQAOyh0kpzrqs0DUQG7Q8rjebLJsqrCtJ2puzTfKoTA57ur3PkGJnC1L5tWXKi232qxfoHvZeITu7S9lWyoVZ0Ej82zsRrRHwmsH8jj4r/SIz3uA95fGrJBn9g/DDFYnhOj9NmN9LuZYArtskY4k8uPGmh2TRwQ3lTweaZeWLhh7F4wQZlXOS4FfsygY/sXGxPrT14Rgb60lRAQnbK1m4Sl88wDvFJrYnMmSJPplcNObxqKc8qzRDIYpSMsLtg5gkuYmnTRUzPO/w8cY1eD+azs2ZVOuROHYpFkEqO2Slc+zMarGLrEjBI7JIgeDNFfN9w/7UIImHKEIP6Gb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O2fORvhvJMNBoFb/hrvH0ghg86uFFo8V2t7sfGvu31w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8irKIxubS64PxeWNOchsIiux30UPVV+RZx+eVX3MJI7FRlyPsgqv/rVQkvrovyPLhH22+M0qoPO3hWLu1kSfkGLyZ7sKemjSqFWZh9wOl5zfV6c3MV9BHx5FxsEP093TltawOi4mLdYAEUk7/HkhrRJ/VEPygFjLIwZrWOXYhc0A3KzPT5cKvjj6E9pB3lK+EF1Wccpu+kUc/Wt9DIlWAabxX5e4BAA6S/9J2cb4f0G9QLeE0wv0VT5Iw5SV9AltKaUVM/DU4ddS0Tq/QHbv8/NOi57KTK6Skaxm01nEab1kA3W5+7lGeTq/4ZTvq36usJdlw9buv5mPjPCvdFG/Tk1g0XOySS4tAfpqFJOxY+KD5hgTomhToK7B2dHM16m5EgGoHI90ZQgCe6jA1kkbY5u73RZPwJGi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O2t2sPYHOxhctwzaTV2B+t+SM8er3bZ5XsXGh+wuvhM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xVUFyBjt9QEqlbk1fhqHI0ySMFoILeKE4+C0UfqzQxhcZDDArDgZqEi2PoJGChyHcehNUBlCawV96le6S3u2nFeAYbSi4xu/4mdp9/ytBAIzQgTXa95UhxHT9urugUJNfAkXS7YuUAmYTsPbPWrh4AgCWgbjGaD0nocPNsXDd/dNZhII7HpHpCKcv/f/z3kn96web8bA+w+Yg+tehKW+hoPnY4gAnTeAWCBOB7i5NB1o3rZnJCxpzJBM9EEpeOQcFPAutxvlNhkn/OvzaeaAEEYl2MX5NHWNcUVTx8oOA7dMY73F06Crt3+V8/RAo+wsSS0hFkQfbgzCar5nqnEOps3BzIAJcPVwjSIZoQ9l6kMS9ZQGlsKRwJSnSkXkj2hD5SKQ2cswg3tySUgdifV405SBoSMIQZsv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O4eLz7g3S5UXkEFMTIgkzy6Hso6SkAxcOCdZg3XF68U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YuMgAxbMgy9suw+MAQNthZCAfSopvgJAR32vsrU/ivv9sURsmx64Os0LhsnnnxbZf4EZLU1cDCB/f7HyV0wCP2DYvhnTLDUbVzv4u/XIsKqFPmF2wis/IiWg6Etn4j0DphYbYtfC1+VxDg0GfkiU+bVlS9JLcH0WjREiuT7bgx6BUs2BB6mc/3S5suXaXnYkTFmZYi9ilDp/C/2QEBZSnxk3Bo5z6QLD/CTnxo5fkdK9aJdBIwzmaTcQV30mqAa27c+cKCN+ldiwCimnG2+LnEPvGdjDsSniPQdmNH4iwRtznZJHFbo2TKfF0bLzvRWSqmZbRcTRfxp7ECovepXd/4Xv9MGsnYpG5iyk2skf1eY0+092qhKAY45pIKgFwkGcQJG6VlAdqo+6bAawQLGXpOT0naL33nxa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O7FlsUXE60q4+C4vEB9Cae97jP5ZXKXmnPMNELH2Ig4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IZ3Un4tMY2H9yGDi7sCWNF0sfMX88wDg75dWJVyqOwapNTurrA9tBYaUva9cD7WkGkKB7XPuJJeoTJjyiGKXZbiX7lInfFiiV0/IuLHJsQ34UiCeeUbcDCa0KULhatUpDo5CY1QLSjOIVndjuXjqOKqsMqiQyYIkxCDcj3eQUsKDbsFi48QlY54vXiZNcB3tlQMbErrixrMOg71Gu7qZ3namjwNPYcjb+AUfsW0jY2/aV3eYQWYEmxFU1+4LrX5/5OTyqI4HwJXZqpl8G4kEMa3LJ2eB7+kfnY9P31gEkFwhQxjGB0NTsvahZiEg3who/xjNVy5pHd97l1jSvHdU32yGLPWo6lao3VY4FJcc0Tac6QWos7GffI900gKq63xVavu2Qvm/FCvHzR4A5eYuzhphkfp+zLpe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O7espdO++loH99wrMgW6BQGoS++AcrmMK6GZNIj94KM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8mxCfL78DCwB1ZiMNP5DwbaCH7uEcliveG4SUQnKXPkS7kZk0DbSJNm+shAHmPFgFiLNh11iAOI4Tf9Fnyntf5WRllBsFEuPTYTroTB8HBAOC0o0kS+/C4urqTw41aPwbA1sLoSkv9NzUGbvM4vQ5/4g8EwztbXpsI/egePGXnC+S9a5i9anEcyrjZzpvVcw7IBpKIRD6tqZvMAwFvfmRCwV4Vu5LmjBuktc6TAwc/etuTyoTG9iLiaXk5BMQhgtqeBGdVki3h65aTA/+55G2VTyqzKf0Sd2lNytaBLoz9nwAhMouUT2ai21/TlWNG++q4siiAfExvc94TYfqsQQvLFzTenn7vB8h1Wmpfd5kNUGMGy7+VGa4+nJaf67gNT3N8gvv3rbzq5UQ1aVuqCsQZOwGKHFD01A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O855MsA+NxGSwRbu09TQ6+oMnUWIM0meTgVeY59x7t0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mTX3ffCJT0PlqcPsXRtj6eof5igsj62SKHvSWHYyqRv4x2p08WuUo3LT5/2xcEMN3Mm1OkjvydFk1+qpF7VTVX6yDQCyFIfJ3WzVlEOuI+jDGvstkV0+YEz93dXgWCdXpR8wSeDWX0+4BggUFjTkwooZ1q1TlmkwuzdsFE+0S30NZw0FYbtkYJQpOA4h6rRPVmeuYfV5tuh2i6EH1dXmXK60taEBuxSngh3TmlQhUXQhg+lHYQ659D8MI9L54A+wWVQJa5imx5Vsak8jFPTKK71qOLx9TX9aO37jEcB8riyFTQGgHHLL0HNQ8eX80hq9BqwJ5KWMT/JHkNltV9ckHaiF0HxO8je3JLt9Ve3kC8wlGbc3HDOnKisqeA+KbSr6RgdlqqjTEKXtRCaqCSwV67yWYYM7LAOm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "O9VRt8sipXbN/mmD9vgBzjIZIbq5TwZ+Y/OiyLEPXLQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mj8guJUVJZlSPRdByOx/+/8KgU5VhfB4qp/8zE6YR45QOE7TWzBQ7B2ga2jRLF54WdBrjxEYBZuYcKUHUpCzYq84dqgc4Gz2CY++lKRsKBFkwmtUY9lbHp9z8RaYU+dqL4ubOBnUlaTarmVu34qNpQdVg9NRFKpbFFbaxtHDddkN2ktNdIM0TXxpMC2J0OI7TigQKhCr1nxv+/Kf+bvkHn72FMg7a4U0DRFIYV4ICuE5Hx+iXcorGzBLNuVegyluC52WOrsHG3NhtcJJW1KOPso/cNyV35a3ozx5W7P+WPdceKVCJfW+1xquwZuqlc4pIW5bilB3ETMHrJeJ5QuwcCjM8G7PCtLWEYvd6ubkXzg4N4LR5CqcMt6GEqmhp5eNwc00RYhyyf0vsjdw5pPuoAru1LdQYzWM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OBMs4l2GIYwf3lHmIJ0iAjXLzKn+KD3Y8noXwE/TkLw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Aoq8AkohJMaYC3aGHxEqsrU1gkFL3Mr+Q9mTHrxfG4R7nOfDn3wS7xhjqZoiMZkbFcRAjBWBfJg6vwn3i26rNQeJuMz7bf3IN2Pao5qfjo7RkahJKTjcAqDXr4DdcX/z/jyh/sOZEdflWYUyGP3j9vhedJ55rL3Xdwgq+9JAyLz8ObVByzcMLVYnHqYxUSwoDn79Avbba4LQU/pVcIu/fNRK2A82nbkzmDpyYx4w6pB/nXkJQlQxsVoS3kwmfFVtAn/CUCTGpqatyBN+/SIhMveykdiiuXiKDA6f8qGwYK+uuY18gNtH0UXtJ69IOGp2cm+8MAkk8xmFr0f0i9NRXGx5BLGCGSkdMBVVtA9kFzzAT5PQfsIi2EJ5eqV/ykLuf/Zu8aWfb8h5Z24AiXsQMG0/77JCHNK4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OC5GAC7r1XGI9fGP72ayWmQWqN6TV5R4vn9e7+cHnhM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OwN2rQwYY8BaiEVikU1BU3pTVP1ywv4/7uYa9BXtgH+LL7QAN3jPujhnwePbtjR8sXZ+723iAdsXWA4RznLohmEfpzMD4md3I0wf/4jhZNkITh/vNlJsCLSz55q3dkWCF08jlHZvPU9YlLQ7ALURZ5TFOTQzwNFlfwyzNeMPYPlMyotMWMEWbrVKp6kjw+glWFvQwtHGrlfSuI5IQ6HNPcU5SfM9bkULQoUc5A/OtYF0KMmfXDni21C5epEZsyB+UV3KzNcEPPMnSI48GYmfO/kdKhvaBg59oHccV4IoLetkWZQGsMoMGHuOtJpS0Y8IWOaH9Y7M7tESZGuQJG+v8T7HrTii+hUfT2/zp3cLHtNDMh6LdhdajJgPGV28AxrKUgyCTMvJyBTqwJgKaZTYxtSKkgqTUvSS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OCCgAmw/mO08nsZwMvlaEs3De8FWoCUhWRbFvEyXDD0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZmAUooXEye+4QKpo3Gea2iKotdo1F+/mofLOh5Dbu9mY2x3K0rLQ5g19uQ/900TQKVGYhN7IlNWhxSuUsD+/gyOfrz4HM1X7tJViVYsyDGkTCvLl5gsw/+LG1orTDze+agYcJEYAdO8WHTIkDWgHd78kwDDeH8YFrEk2+V57y7IsSDDXfpt/urEtoVQaHvLAtwnjejwuSLcjiyMqKPEnmnh/fO8VGvAHJO/r0nZnONcxd1jLWVb6rKiMAioEZ3HffSV/hj05cUnGs5EzQVA2R2LMFDrNmp0FC80l4jrDxsrOZKppskw8+ozBtuu+oR/OjqdsrnsZwd+9kxyhGYJoKSdF4U0CPoO5L6MQEUkMX1UP3k+DXmaaqIPkYgmroY/MKTpuScCnVZHfr3nxFsQ5WUH5Snj3VWtA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OCOsvW/c5nB+HhuggZeZT0N7iM5YtS8aGLtgan0B/lc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ocVP6IPdvB/k8ZrZVIgn2kd87sZGy+xN0JxGPzz/BO58KZp8giJumD0SEesGXX5Oiuh5EcvIoDXUJJw7sOVc9os+MzpMLRsVHTjVU+ZDoVe+Z3cBGxJP0PhpsS9+zBkH+pkje3ykApwdw8L1INStBwDF9B8F7uI8hCvDjryTS/UlO5jFrI9Fz3bLxt26CkDyKOrbdliWWmfYf+x8yJ0K8dR9lYhcURqf6urBfMWJceTmz9VVmQSv51Ad+CZ8+Bk6cwk+9EbLeMbvMJDCciuU+HgXfhmSxwTdG65GD65Vq3fkgTEXXlD0tr9IzwLTJ5kEuHYMpGTGGpok1NzyiGq8oAorSuwHLu7/kSiel2l8oVDeGQRFSiC+48o5oIoMrmS2vcg+pQAlzVIU1JMArmS13efSAssGOlhy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ODr6dTOjYIdrUF/EtxR3WgpNl4t9xA8X+QKf1NLwhpI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Fs1yz/c4AFLtPw003LIBz3xe5nhBw3tXN3M4uqUUl2RdjFhKutqO9Yz/KvjNmCocao3kLhLhFmDMqEmXLZbhuHXDFwl5+UJG29uUtfAnKxfFUtQTNLFxLTOycLo28GZ70GKlF8/U9FNtOZDWhumPudqg2oGc0K87L2TxFiPWjV1JDo7PNRpPDiqBvpUm0djk/IAK3mUTIWQpwZJQdpVPizy8R305LRhL1/L0x99M+E5meNJK0bvvMUE1+0gI63OHHUJAByIFE5ruzPEzy9RH0+cNQ8jEcST0YoxJnX9mn5UlXRpp6RXbZl2D+BW1z9kGrTFGQpjMCN84Ccxdw+z5MlnXEk/88E/oSrM6nWalF6xiNIuIDGLmb7iYqn9E60Fq5jhwJY98VvB4lp5caYZAxy6rM3QsYeAz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OEyP4TucADndHTfaO//S5Zd87Y5yeB3SFYLqAWuiJI0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "l+bozMJXTzdUmjWr/Hzy+2jMI6PH5HoG2zDWDDQB3HYwRY/ivRxMAI5ICo+n3gL8SqJrfeR+ChWdjzs3fbuvKrcpODE1yAJDZkRhdHFXSBM5GkLZkf7Du4yLYJTyF9iCgcKCnRjt44JE8F3eND5NfOLAcSl05+awgnLnPQLKRMPyF0u01Yp9vi2CY3ndPXWuZ4u+aI9ootkCWUVDjJtnAsal2rwftzIutDubCBt1JtH+Pl7T6Gsjjjkkh05HV3W4YDwS9gRFqsiSX8e33ViyXxQ48DZfAMbDw4L9HDPyTlVLhU3FL05v4WDHMa2G6Lx6BqrVFn3QnAZEekhurXcNVlQUsJgD5b5mUhY7hzEXPTa9aRov4k6mluH1tSZwnbOuUjlre6beXFzyPwUyOzn4PdSlAOE5IxSH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OH58sALTjwhorGYWUFrQIVy6bLHZvGPGJTOF/UdqmgI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OqJ06Rl5TRQJPWqAEZLvdCBA+9smkUiGlpIa/AS7EAJ1koJfAIlAjcV7b6VNJfk+ruJ2pVS/3Ld3qo/8ehlLy6T+yx3mF5Z1pqUSwMki3tzl/T106wwZUWBHzvTMBMFYEWYTq060V8WG3S1KeglXzsjdZCjjWT2L6XGwcPq1P8MXAGFVuvb0ewKiHIq6fBAIa7c30oiaLOdU4ULdPCiB5YBUaKNsGkZ1MtXAYN395uxu7vRr2RzOGefXIar+YPKuJU1Xsh17v2B3ddmND1lmnPIGzTYsjTQlhLFXHtQ1Cblu0V7O6cG98fcA+1OHco9wOxao1YZC7spTkRhytQXgF+tWhOaZj6aueVy2nkz//7uwzvBk+64AFNaejyNpUbJREhYbcfpGGWUuVukRdvIOVamluT3GGXdS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OHorA3sDGdV3xs+YlW5Oze0PnTAec8FfTkEtoAtu0CE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Bw5EXwNOuLvG/ZapKvmQ/JY7BlEM48S9oQUBnW9Ey4pPTvG48rHZNSDpm1tlkS28mfm8z7bD8UeBSsIGu7xkr/Q7J9vWxI1TgrtV8Jnh8UCtMhw/iV2fgPIXvtfc4GPRo4ILkK/wGAvzjVy1JUPvrW5Cx7FLAA/+Goru88AV2YuiimheBWLAXvXkKCIHzWhnFFT2fk3sf2SwM9om05Ikt4RB5LFp+zeS5v6CV0DvanmP0aDR6lQR/xFnD6y8o/24s/BdJZ0or0okzEnDKRerK7/a5sMtCD5nM/26wYMMTun6BQjNQcuKqznintU6EA1TsO03E2ZC6r9HOCr95Upn3jZB5U2DG/RhG+TPlginAVsiC4Ta0i/V3HiBGmxJq04a8IiiLrTR/PGgaqL9kkSKqFphJ6K08iOO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OIqd2kGpR0UxDFxV8zN7n9LC9VtXTl/dZcqWuV/spGs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "91I+ROD11sUF6WihYFx5npQelvJwKUGfRx9AH7deUBgq+khJMy3EfaRhVfY+uvUsgpm59AFbjz27dl0CbtYShYTj7mk+mAXEIbIfa1qSKUSu2vp6Chc2HeUlPGl0op9jviVd7xg+zBYmK+9agfXqvsd4MbHN4IRv3v85KSxqm0IiKmbTrJ2gPSJAuOY4fSSbl+H6vVgmb2tdJ3HocvneAa6Njv8V+3nFWomuuNS7sZ0UB9QH4HvCuIkMI6ZnWNGTjxhogj9vnw0cWQcNGIKfkMsBGsAT6YZ1D2sNF2hxmOxUqDH4z09Le321aUstVyKZa92JVaj2SyyUrMxDJ0PJhT+ZA9qOEA3kEIY9thnCSkv+zjbhYHeOyfzdLt3AxtIDrz2aYc6tAKVqkPn/YGYJcSRoI2tjhVnC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OJV4cZ6PEYn7F+YD9kOPecY3LtLLQ0HprDH1iibDuZ0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8d9tjvEPk6g5rz04bHrMPqEnlN2nb0CGhcB7Jc/z4X0UPsQDRT2atnXrDQk07PwTuqOKt6+n2GuLMY82oyv3qvVc3AYxQsVs9LRH3i2fF96WtaVxYLBKmoDwqxsaZRigtzYPj8hWKHT9JiigSKBAj9zgVCBGDdF/5lOMsutpPhlLNXnNuw8hO8wVpBVW2asLvcldnh5lURGo/yDxApZmK+JrNg4MvzL+u5tqA+czmUgVNyX9+OCbQpGBpnY2GqB31sxo3dWT77LlGMk0JODcaOIEHZnpdoF5xFMnr1sQVMgQucYdBTWjSUfem6ruBIXQt4zy+jyPVmLbmyaik4uZhHGO2ShVP2EL71PEaV8P2nl2jcyZwt9ANH+QJwzJoGZhNV+uaQUPlVKDkDSZ/IgWXqMAv94vQjAj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OKmbKrnOBmfzAp5QFWJJIki3AGsPjUA6H2Y+oZVQNKI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a/3HdN91o7dyQ69OyUVa49EPirxh1jUb2RmyvZvriUKwQZr8temQskLikgAQFgnuWZ/rq+5k4XWSDG02+1WJRuKWxJN6mdBGAMTUpabf7zd97x93nf49Ie/GhBriHz2r58vgJbqNw0mTmSsQsFZCrQkC8MpOJ2MQCcO+GvYaASHAeZCTFsSfcMHoIfc8a2IbG+ubaxx0yh96mpLQJP1E+/cQRXbO4A5WAoQ6FxlGYBzRvdG9UdnHZVRmG6QXUWLQxRKbPjZM9kIp/f5tLFXj8MxYEXmn/UPOXZZlfWvexgqBplA32lxICJOQFehtduubdDcXzA0nJIBx7Wwk7iwVa55hmq7ND/wItIMWqgUPPY7+aiOhdVaymoUKiThTyaBBCl7Zqus9pneL+WE/q++kUM93CCI/vrEW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OMg8ZQKBgfYXd39J10g2UKjn+KFPJZiLn+7gtRdBtAA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wKdoJT9wp3vky1pFIJHvlwPU/dcpFsv62DIm2gxfiK82mrbOowalMOfsIOyryMPkBDNXCJOW/VVCiNKO5toyhR+jtWL6qWt3J7ozxi6CFY7I7blcadSUBQyF95M9LSlXZO7Z6YS2wYlvETIRNAZTJTgXc9m8j9gpl1pmQiDH9C8tYe3PkWXA0zGiAkKMBihqQkwbY4xykBfomTRp1SmXtv9CmN2CaprxN5RJ9/AGX1MgreQhfqUMR31PZRoE3WFBdeiWMKDl1pHf0R3qnX4tRFqi7BO9ZQAaLngSTnx1ooi5474MReU21g9Kc0eZizf4OtPvcQho0FlYFHc6EavBj5HS++BXM1lCQkfjYkyauq9WWzEuuKh5LZ6X2ogXRQO6CGyJMscG4JgHFBt26jrfJc7ky6I+i5Tu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OOs7ogpFY7EYF0mmmTHi/K3oaHhtgi7ks5MVXMPuv/g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/kHYNeQ/pHFkZNNm2xDQwcONU05mXsAYFeslab/+JPja0huHUFt3vM3/YCZz4t+jIIL25z1YE/Nrg2cFGrNc11V+VGhvgMuD2QZHmTWhGH/0DQaUP2SVDY5cCcEanIkvuj+/4X/B64pXQJKC/i9buceD/hmj56HDeBo0AltMv6oXGBEj+ixIWmbslsNd60Bs4fH3+tCmMVebxrsHObcvRL0Uv+xfXdsKzlPtdfWhumHRRyupF8s2n0p73dVrFMj3bsApOvzwdhWfVFA+Bz2TBmOtYQvpS81yL6mYXX70bAtllvi9MoMQIh/HfEtMGSoC/UHUz5G5F8v5dAA1joX5TsBuSc9EcARjN4Ud9mm+gHicBVa+baJ+xaaD1hvU4P8bN5tzb9KWDPd7cBamgUsOW0yw4zfHqYy3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OPiDAhlXwlVsAUhKUXWYT6KYuzfJ1pcpZ6zEM4ICUtc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LxZHCrYhCUQT4QAzF+8HAO4yKidFmXdBe8zr7j+pkXZHc6WE8xvJOWTSmqCm/3rRqoUJo3oD8GUOrfIbHKOq1v39hKV8OF6nVkdUS1WF6P1xVBqmcUkTzOTVydwbfoZIK9xqJrp8BcWsYMYmr8eFoagxCitfQnndiZRCawHCqUSPGdx1M6ax5FegS771kT0RoGL4kQkbq148RYscm4bv11WC6NTHA7Wd0dDPwA+jPJ8AUobMkYxFGwVEhjZEvjUyzqg29mztw2crzGGAOgzIJsUDGw9s9lhXe0i6EB8QbSfr2+2Mqn9q4nNFD5Ur8pl4mkbL6PTBzhbvbQ5WVXJ49fILFjyc0YL7m09tQ5RubpnzOqo0TdFn6v3h78yZWj9rMxkyq/QoXlchiS3LB0PG+opdA/JPK/5+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OQMzfeUCzNGVLs+rBDibdDgRV9nfOvWqcMlxjxQj/2s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6kgrMPlV1vB/EidH+ZZuEmlY8rpQLebJLPZ2OcaPfv4Dh9/BCbik2TSobNDKGyR4TfhKZfbdJWLtJ4+0+q5kQ6njn0jvnkj1qAxXMNaVMT65fPIBpKr9Ctl2opfBmLZqVkFvffBYSE5eye4mj8EYrJ8ooIL6ZJAPFKCTBUjb2OEtobatE8G863jGqWVpArXWsZAMtgbG63davbJUS8Wqq5M3ZXuk4SSiqty57O0Ys207Y3G7oKa91z7oGdFrEulRuBSNSyJ4PGTZJ039j8+jrMu9i0GsU0MexuccXhj2/RGTLMo4graneQ67nhk0B7E6L7onSEfRAShvpQNRX2LYYLeRi9oPeCrNseNcbVqGvu/AhXk5Ifj6EiHxezWbG0BQtP+rFok4yYKrUSvyeUImPDcEU8U2a/ia",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OQWsyltZl4aoa/pzsAWHLeaXo65U7oYZi51pFzDa/6Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KYZ4GvMX+ty/oCrsJh2r72Mxoq2y0S2LTirHXddN5a/2UiSYB7howTRvbSQrU7DuZq9aPDdDVLTn5E0rI6Nz/UCqAbZKmgUCfZcR+re6J512xV70sREl1Nwur2VbA9O9vfIl6sDcJB1y7X0TQJediEWVzuengEOPg5UNN3A2nUmeJ3VgTEfGrRs1ZcQUVnhaLU5CqNAgFaLRkpiF98NGS3OSaEZZdicEIGFuN6mIMIScEaf3lTd+wybS+uxMdQ6Ef+RPB4Clm7/ePmSEdEVzVmQlfCH+PF+pAgvWa7alYboCJXSRVV6OglsWa7FB0UzeXgvTQMucY1lgiXjD7llawQY4xx/xwGTx0zZLkfTb6mpT4so4S9jgJhgepkWqjjg6P0FYdYpbjqVeg/vA31L2C7MQ1VeEeQdc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OQdnpEokl0BLinqZAwlR+3QDcg4z8MBg6h6TAUg/8IY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nFSj8TgxTj3mZvrVDw1duccce+Jp2R8xcBociUFu1ZagxbwNBlRarCEVIS22x7sWe9W15oGsTLxMkCrE17EFGvEpkjcexrE89E6pGY3nwu/+KLguoZU46BzJiSQjMwKY+9n6gGQlqUmHQD38KBk1FFaZeG9SX2a2LULpaVoDqgDVYLOqCZ8w50V2sjntUVuaCCcI1Idq1eaLF5EQ9MrTWdj7KDSzxJ6PSQJltfD9hTDEfEupoq2ZvFtWyC38G8KgAZKwdrDvun1gzNYOp1r9MX6VG+ZgL+p18p8ZrOzeS+JthSfrif1nahnmsJMd2u8JrIFDe1ol9avy/Eg5mCFMbkItmXlywJAWY97LXaW72eJHudz/1rbg/Llnb0z9cT/vSACeYVzqE3G/k6AXQqj/KZiffVkI2C1H",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OSQXmikAMaIGYrxp8otBUg9LiarA2IDRyOJ9SxP1w5I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "34EEcPfvQJovWAbVic3ZMePJ0xgmrsjqcZ1BTnlF8LsvEIjPCl1Cb36z+qpf2g7bBbSxNlaW1oTzg3oH98UovTukH2M6m6GKbHpNMNqASzNwcIkP0zEWmDsoYUHJNVGd+44rahE6e0/4948IQhByWvAog33ffdt0wvSDJA9Eu5nV4zxnj3oQCg+bRucCx8Js/4cin1zAGQt+nVze4OUvqV0XrwQaqFU0JyLEp6Vjnp/RhZ/Baj0vMmmOHy8H8sCCMnMeuTqyGsmRxgDiu+sB3Iy8mLPfbsCH+j7+o+g5dZBalpHddf1UFx7F1swMKpL1KqL3BrXtiSebexUDc3oy78NhAADRInjGaKbtM4MerO6nwJjbAlYvDMI17T1sgng0OeDszuPr1oW6MWYOsAp0WV/o6dqrZ3Wi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OSojtFMZa2F6XKOwBg0cYhxW/aBkqAjnKT7f8Gpopjw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dfA9xI3NtilX932f7qtCr1BknReqFOflpZEd0s1DH2hP4xdUT+VX0byADp4xPQJlQUpKB1yZbkIAmmYe6Ea+NMNq3M7sWiDuj4qrSdmaYTZjl5QM6HMJFzDAaOtoD9jeuv/zTLm8EymsyGMXSdUlUKd650kA5q3tNYKYapbzlzxjWgI6JvguKMxjxkJ7l8Q2u17QAy7OxGirbqcPp+uBBNnhF+yYQ4Kvtfh5s4mpN8kiNiOVrVqZFZ72kxNVe1SgMXlhim79aTkOK8w8sg8EM35e1C2mhOKSPvZkkgcEuRZkESllRvxu9/3VY6sHWi+rTrQ81kP8T+z610/fRuuUhGA+YDVHKpT4teYSInvM33LeKUCrCZ+xtxCCf/EZSxt8s5YsacwrikTXUZxjUD/bzQtq2GiyTpap",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OUGH7QZq+05xj1xUmDR/yy4Ss/z9Jdup/cooUoMwuZE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pKOzFSUseCaeuPdfpQKQIsSJEU+fe9Vic++9+I9rOJ2odqR6Eood+ImsFha95+Qptgtsu0AmsM335SBg/8vw6o94NcXtg2f1E1n/jv4ZL2WP1t9zjtPcJgQSpRgEaYwHaH7owMxSceGHSSDoTDr//JVt4wT0ZAaPDH6SYRBkZf0N0HlBD2V2uaevaruvMFFD99sfJAbZSwbpJ2Z7iwEyPkZKYMYwMZVNGbsUUeIzH/mWlxx8eNcBfFZnlPF/W4f82ZQ1uVxBlftWZ2rW98lPolYxKs+L2RbySAJD+0TsBxudl6YJw8cl7HJocYdJp5eWDvom3N9jtJs2ZMqFkl+p/g3iNlAw3rRufOMXIZiADJ6DUERJort/cOi3HoSPIPbEBVwsDcr88eXs7HbnkMnUoamH+ga6xN7K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OUOsTtXT27z3HUpNiJ8x9tb0EUREaM+45+d0r3+BcU4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IZHNIapIFOpnHY6kA0bYQ9t411LP565sWCXqSf1E13eXH1Xf7ewx96HpglK+LLpyPdOPxijCKbunK0ozOemWMenqWv7P8FvkPAgKRrqWd/gwWguOr4OECoaiI4zTGDdmlqzuN0RgA8oyZWT+zoZkBR1vNHUtLNO+z4GlV0yK3mqx7Kt9H3bVFFMWhFzwh1uU56sP8OjITz4XZJvkrlpQklishcumn7If3I2kFG7P8tNgYc+87lXqgUTBPT8NbLqIWjvN3Sc1OSuKSffLFh6nyP+EmxlsbnzIksDylJF0jGJX0VlwgDo32cBrHYlMbJWnYwL5xreNHjF7cJdbqVEjRmg967RGfXkVE2qJLfbMrSwZeOSXb1XP3nu3W+k8RRE2eySQ3IAuEIT40y9r3MSm1OVj0jjGYVDU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OV6Qbrj/FoXvd2uy5Ala1Ew4JrRBOj6lYoxKwgT9Yxc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d/8JjGtVDWUlBxwGaGHSXxkwIYPpsu5okyK/yHP5hJHgF2s1/g50soxGxmI+wPbYt5cWMAJntHGL8VKh6gihyCqf0ZYuNIWTWnIhdorZyb4tLTWillstFRcE+T4aFmKCYWtG9peNFt2XcZf8rfHwRwwlsKU70yqE28inUxxQiUtWMKzfUeD+8kwr/R9U0AXESOQdiWbZhEffADw2VTHb2myaNceTksYhJsqOGcnwr12HIBT85bkiYa3KbfO1pBDwjm1j7TPzdF4W74dzUVdGhv/IJBSMKSKQa85K+mtvA7zACJFwsFZNDJqQt3wyOBeI8wiXtz1oi1cPz16sugBFvjJ5x23YC0e+AKFNIYXbGrcMIJB+vsGy1/HZCsEtd/CiTgub9BUEA4sbiGz+ug3+vACf0YT3X+x7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OWuWoCsZEnQn6rpKz7hF6Jvx2/FbR47h3x5nd/5AT+U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ykKVKhUbcyMMwZTofU1mVEtFAyYIjc4PUHK6k0FVCvgity0t4qKKN0XxfSRcntlDvCqnf/SAt7i07MQeD7b3rSHks7UXRjjQ354J/X3pmASEKfBAwvDMX5C1rhQ4Ed7zaRjEpMwj57tG0KrfKofwmDhZKWO+ybVuas/V2NiJeiskOfx1kUvMfrYUI29Xet6J4oI8siL6xdfvpJTaw81IYpbyNMRcE7d/NtbthWJqW3n05PoaUzYr/H1ba/aE4PQvWjARvtZCCi0PwmYLgdGE0HwIOZeWuSQsSfbDPDWS4B3q13DPZmGqLAa/KzwwWFUH5mFsbJIlYAGHtYhiflrPeQQruGoXT+yXQrq6Tk4STFT8bxd15u9ZYlqohwwTTG001XH9oLOrC/3eYZglb0CTX6b3nSji/pL6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OXO4F8jB4xnArI6aPspweJr/dYjIGRcPXZKQceUbFT8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GsMncVo0IjH6erSNRTej4+LhkjcUrhZJqXC5ZivCZc7BLh47NeRPYJ3JbrAQ+FQRBhmF2oU2BeKXwgAz8K8lc/9HKyNGcjU+p16ke2SPgpMukfkSyltGS5LxjEzp4nckaUm6qM8qkGbm7IVedgdvzswD4c804yjEWla5Q9IcwkSiN+kMCCaUcBb2ntYJQhTlkzi6msb3ZPf9YL6MhcrxjwFYtZsEHqbW8UfjmCO/RbxwFt1FhBOIBjas5zvm3lnd7QLWDKWyklp48G+Qm56AfP0D1PqBOP8QcGrvHV00Gc/kL+r/wq7WGpSn+PfD57YWQ5GrKl8zgK39R3uCY+drCZz1jLB63TU6lKt+x/yNLy1VwKlk6l0deDiLNZFIYI17ty6P44VgnNdnNVIXZUdFRNjSPnSyjb/o",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OYMbmxsm/0J2ilTL3xB7MkAxRzTq98xa73eMuCufecM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "h6a0+mEQ8XaxuuIpyC9IwOa/TgUPFhSx2UfO1pAophBVRsK/CmHTX1cnuBruOQC88NUP3heXAWKD3B+KNJZ6oIxOAGdqS/26/GBtH/3aMAPkXFAZ3C9HlpmJYuqNjGIWdec0wShRZk7944zAd4mK//xE9xNFwj48VuHIXYLvga0HSLwl/laz2OHFd2ob4UBX0XJfuHBXFtO4S+IFjIiqKKk9UJNu9O2sjR+4sORBtPFUTgyUIuAfZBsIdddBd19QzSqINMp1nYmO6PR7yOR71KNViYEFJtJEVXTcQC8r0Zw2aqdA9cPPHNi1cMX1oMrvN25WNwtg3rxHzdzWss24Q1GXNZbFoUQVqRjpNWpi7q2ba/NHNAeMTQf2vebCgSmrYb9AGfMGlKroKYmo74GIG2Don6cmD0E9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OZTLihENzVwDI/coqoxxt9G5omzGbdUPDHKKL3MomPM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zGpoepz7CBQlDNBLAaoCp3bE1F4bfxR/614lePsmm2g2pFjhT1d9GBCwC5wC6D6V5n4FXLs4qUajmepF4pqHAGU+3d1e+NZUDqZspEhTZpusuA1foIjJPL7xTwTeuaGLGmZpQFnIDRthvl/Wo9BsX+PLoE3kTHg9RIdonwm6EYVkmP+GvPIrutuHw8p2T92pEiYo/SJglP30CZb7sFmoY3yNorG07R3OZMghp2DTMOafW04cAF4mA0i+FqrpEQEXNoANY9xNeB8NbH0mQjL/UKQ5BNo6+jwJaOKieeh/HU74SoS37LGdxsIZ5eMX6i7JCANAYOxSSUes5GHKbsHq70VrY/Pg97ev+mKDUTO1qfSvFu2JAEJ5Met+SygI2MrADG8R00yL/kSRuoRMxbOPvNRMWSomTGEx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OaK+rnmaFNOa7JWZ+ceVsWgKArKGlue/dMmxca/vFwA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dOCNQEtT84wBPv36f4LBHJfg6qTX/cZRmfgrNZIQWeGkqEda4nIt6lwHO3y+X1CWutIczUY3btUsJIHyMif4gUfN25z8pR6m/ZYS2Nrfca/PeYWJPW+kBhOfUc9jwqfAOeP04SIjDDUAy+/OF3dqlUwvJatXOjknSZZxBuLkop4w4+YIPNk9S8YbUYeA7jJRihEXdaTCUCzXGUAQPMZfLK6kBRu4g0K6p9nMQ7D9FfLdoZ4VOP6BlbPR/rG5HesL5vXt8KxcM5jTJbP0GLWzJS2NRkyBJ+wnmzzA8rNAREHdhXS4o2Eicl3rSlFeOQxQqYhHQLw617J6cO+gsy5L0mfUOdbiw+w5JjT4rJ3Vu1b+CXEB9B87MXfiWODLJtZ6xCJscAwAGTiANDjywOkA7bE8SR6jWRht",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ObEwCyhLD2rfTehfDOxqHF/eI12nrAMWEa6F387SWMU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TqOLctJzU5Ot4AsHfANf8vwGI8tdko3wwCt8/3/7Kjkaad9EgeLUQYQHRoqs9C9w0W43G/Y4rpKr5dRSHd/nl+0gT4pa1pohAdy+IAT/a1sChsund0sUaoP49NjIrYOji3hBafCbl0s2TX6AXoLMsfb5IYlf942wyvgcJ+FI9vPlDNw3j52BlBduKfgTa54iB0y/pbEdTN/znWJu1YTf5vs7sIsvQcXbHi3/V303Zm3FQc4B/fL9XukPVJwqVc9PD2Rpe9/v1ToV0FHixdzQKfF9/MNoFwBxAMav0bBDcuzfmpapmqhWETy0R7IxWE/v9CdeYkv0Cjxx8jsTE+o3eR6FtZPWWankbioi8XiXpNu3iPG6fsvu22UN4A6y6kzv5py5Hu6ImYgZefXc6YMlraopBa86u/yx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OcAT7h4GeqyuaLr43cVmf+ybEmkPtdjfxoHlfMX9eH0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/MfLpZjwdzBu1fUFWZYOw72EKq+hYOXRzHLhO0ga2zfvHj/SgkE5fl4V/fP/mRsSQ5tTyPghUbtB2hO+oXZVQ9wY02J7IYWwRUZ+AadP8a4+cVFIdlBG68+hlNb0+v5HgLZ5JrQim08OQ556MZtGaoR8H9clpHlqjm+dk/uukLTp1FuKKr6vzbTKcDvUATbpvTbPkmcFZsIoV+8jP6an/HVwxezljV9TlvzKeYPfqYfmSEj28sRd6aSNmKTvw9X2L6Vv0QTCGvwM3hcUk30rE5Md7ZEfLIoWeyu/4RoSZxPrkyPlcy7d6nLsbUpXFf9nflqZZcMEHP0nOu5NAw3xn9/Vq4Ftj6EotmJ5IGgpqc/ju7LJTNaCnbW8eKN1v/5a9aPbjKxA0z6sugC72hWxt6dBOGYyauEm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OchuF7qbRFwb0BbiVVoRi51ae1qi9BIOtE+t3mYNZrs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "e8haC8qmplCnfTBnJtkSuhhQw08NuU1hI/kXHal1CJL8A7gRDxrWhUdpQMSVYon2d9fzB0eFYRPZIOtC0AKrpaD1/Db1sSNiRmIfmJ7sU0mf2Z/EmdKCv9nQwvMticu4Rpfkvk/Xlyw5wqru1DNAP/aGUiyrEsWM+3vT+xEDnQDWN6DWNg/ZyJx92RGB+8a74brjpskt8uRkC7VcUpLlNvjxnBQBbRyhbU6F1Z5zKWSrAJephpEJx5d8sP772iYpYZPYLF77lIKZT1Ac19wTT4H57OoOzz4/TLxJ6IWg1lytcIifO8VAR1VduK4I4dmp7fR8eIc2XU2B9IdCP34+GbPS4JQjQzrACVPKKY+luXvFfdGlIwhHkjWMwHvF24EfwsisZGliZ+cZ6KvIuqtpurcIy1ptF2so",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Oen0l+fB940iI662VzJEdW8HlfX1WAs0hJ8+9xuEoyk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vCw0hRo3hHawG1Mt3zGT/F1TE8r5pwT+umRc3iyNUodj9ONfCRtBSzmfw5393kKamYCLA0j35Pc6e9Jy2nvMei235DEvbeK6U58pO0tdmuAcsOM9lC+/Csg8Aur2ecZcvDUmzdsDHRr+Jz+Vr/CgHTnZcg3p3jUcTgXop9HtQ1D7N+faVMUrBGdRvMQ5FBsPKRF8hxqnMRMcOtAR0XvTbQoID6EUF3miB2ASd5/UxDlO+L3sV2+Zt1UcWAmHlXbP8nt6m9vR3bl1S1DBn0PqtS2siBodN+tMzFQRztpddlZGOIFzZaY7w/V6DJv6wMAy0usH1nfqlE8SgCKr0yT/8k1rdhSORf9gl9VptAt0y5HPlLj97NICZpg8wA8TNhWNrgBkGDUHfjBwvkBmGwM5x8Qj/lkRf07T",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Of+fq+HwOW6R5CnyDCNLaLF4rAOAlqEHm9CwYZ+t6js",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XuB8BXPe/GD5NMW3TfeWT7E1wks69Hi+S7io/J3cdEGWIU5yQePCc4O/z2mTCijpNZiBnzlEQFth1EQpD5JX3Qt5siBq9OjmCMC9P05+du1jSQRgjuZwp/gASt03cqJGrNpuzyynEdpQ3VAY9ey9rByVvUDUCjSFmHc2M5pOezdIlgEThniUICb5CHufkV7xkY022gCLRbDEaDUSgihg/TR2bePNT+soe7yhhz4KmymEfdLmY4pTVN3w5Ua6ZxDXnw1OcWHwsxz/yS44tBM25QGX68+zx5i4SwFez+iZkPxrBJg3QJe9gWYiffb5u8SQvKfpR6yExnDwsibwsuWwhDM4uwrfgbslpcTPcEwGWhpXvfIeDw2IbUp62vcxOzeW0qbK/1LWsHpHI/bIQUQRvavmT7tCGaHX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OfM/XI9mIx3E41PxYzfwX5IAhmCJvAsrUao/IXuw14M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8B5MvKxlJOp4HC7SpkeMTtUSPTzZ0Nk5Ua21OHCOBPyzAbAcELZXB9V7rxTz7WytevmHU0NPN/Rfp3tXC59relgJdhz6+AqAVBKvEdPiIg2nIurloFGBQ6W/hWjFcWYCM4YZTOiWYyMaZorSF1dsAzvn7vWcoGuR4uf2xkpMaHNbO98nPL3/U+uLFd2W42Xdndt6lCPGhfkdOKrVEmwFbct90eQv/B5t/1Wx+W56nf5FFVTWMsqYg8o3lY4kGDpqVv4jUDeuQlPssTn/jLwqS0t25P/c3sO1YSUUOdc2WGIv+cfvQWITJNqxtpNChtjm/XYmBW4K8dL2jMuJLJ3RBwXZnOPLvBX7f9gB+rJr3+EzM++ZZ/9slYvgdU05G9D9yuoBtbxqhZNOVtrIyxs9Tfh/J090A1cc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OfP8qCFcbMDAA3SX9I+LWbkRVV1i9IxGWyh3WRTrkdY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/xFzJ+DjRQQn5LlwNv25FOBsh3wyvnJ4FJplcdUtJDrDxQe6YMquiyLzVVGOj0rTyex+Ila6dq+60TNEJqwZ06gNmnPuDQgQlYrAd46JKyO1iFTk1kW9Opgty7MmHGcrw5RNU+CtetuO2L+jzCKhAxASzgiDWuqwPm2CwX11HBqIWb0isLKA+LSS5FS2RbKSgrr3xT2j2BTcqDMbqLxHbVffFmIcyrTt8NLxUpVDvhxbwQhJvHtHGxssCZJeaHl0+5mtJg0mCEuXDYKnapZr4Inms+uhqYYYB7RwaK55hOHVHcechfoQX1PkTYNe7iLqXKN8ws1cush971mivXH+QGFvpJrIm31bYJ1CR/Cad/Hie+jAjc30cssjp2gHz7xVd2MMuuMpvHCiiorNKKg6O7OnotVZGZ1+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OfW/i30c/6gxKoDoM3kAQWcckG57Vcw/1p1pyUvo49I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rts2kmG3HdSvqGTYV4S7z8D7sSlqiIUtcO8zg20U1flvchD2zupoZnuHtGffh/IDKqW5DY+VDSoJTDZK80VAV0Y7/t79ca+zY0Eu+NRcX+Qbw3v/cIMbrdxjA5wV5j/vX5PIBAa1pEmci9O4gTYfKUuLtDAt4c3WnQoyx4Je1V3RVr31OM92g6/P5xD5uzXMru5gGuWYMwb6AQJ4HzPy+fN3dcTixt9mMXc3tpWSVbAigvBcI6r74oEXZax6F+Tey3S6cKGuB4QtodZx/qZwywUaviqG/fFsqO8Uchltt44qPwLAsF0hP4n1u98Uhd+zS461mR6l9eeT3eGEA+gIj0XYnIz8LlWnhjgFdYWE6mm7dFCtTJ4EYvG4dOVSgEG/FOtVsDR5QGpOb7lc1/OCBxtx8zLgP3Fz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OgD6sNPkICxZLCoAE5LkK2nH7SDq4eKHkeO7XNfbcYg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MD5fnEYELZ2WmgH6HPzBf341+YFQv/P3lXhY9n/wWzHIZ2RwNWAXvnF6ZZbS9Q7YUbIsJ39F7XzvdCThpX1sIx0MHGeiN9A33hQDA/SDpPA3A5npjPzX+dZ6nzLXfGLFECLBd5OH8p1g4u/PNqhHkz3LvDqo3d33f0jOmPZs7p6/c0AkEnuk1k6iwG88y77gHZRZbX5QILee3d+ZTYDuLCnquAo5jGmCjnjLGpni5tUYw977iuHD6efGI5HkV2dXzeVZieIKAquCDE11IaMj/zu1KyeFYlEfPYfgYQjoEBCr/3feaqtbNHFzdWNEBhkr/B0FFmYPfh6VyB68W//0P2Iir8Iy3tv70QkL53/VdUiYhYc9v9bV7mtD0X75sUVHr0R5ic5s+WjxKszSp6vKm+BYoL7pkMoH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OgRAiQP2+wPA04555WnSKj0hsSqSR6UrBqpuNmrHlJE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bdObgHh/95WqyJy/y2mzHCNDkWQw4FRViiMVfWPT2Fxi2HRy6eAfwIbNSVjvlkOeNvwch2t+G7j/QI7RwuwzXa6l3jwEHjWdejT6k8842cQDvVh8NQh202al5WhXkEqGepCcKRYeBz6hpjpxPtsq0LBW9911gwFSh361LGkD5Z81z1qVHo12IiZvw5DLkKMmriaSHa6CnEWs7tQErT/fjq5IzsLYB49KMpjVdLJwjZ2L66V7ee/Gm8/sHGtWSEwBHo8LzNZaeHhslP2kivKSlwvs8x06IXdJnCB4fWkxKxgBdVZgYuR+dIjgZfWxwZPxc+yZ42JgFlq9TBSbW19CTjQS11KJfOXuSmD4AHr8t+vHamfgN3f99J8AJXik0BiKYGeoJiiyF/w/CpZ4yimtKb0+Cx6t8mHf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Oh/sao3IKXHct8Q/1ulKWIaWOV/gCwG/by8ASpAxQys",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VwfypmzGRNulryQCgBbjs1VyG790qk8uNLZ/0hU4G6tf+jvvER6gBOa62agC+w1YWjmfEoDTwXr7u5UJQz6F76w+Y6OI8XP3fJmOo2H/EUMFXnqAGYXUyNEu8tXp4FMwQow33z1yEeujD5zqQwZtrnoPBnsRSog2s/AIKOl0b4s3kurc11G70XCu0kjSN39ZHH7F0N6v6RaWnreVSojF/ut2UzO+iIbsTona3c99R7i4p09BSQFm4BaR6N7I40ZGxPmG/1vsQvPYeuk2l80AKU7ZHZlvufiNKbpDEzwc2EwO8HcgClwHpF3eyWop6E5XoYHRKigVijzbvft3gj/TKs3/csp6lbA+/lmyuRg67L9Ywj191ovoS2h9MPmYXD8BKpe/NPzCZUwgnNoADo2Z8vDo6qKjpsjE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OheAF6LapgF0IXZx2/YhNFbEaijDDkqOAXJBrPFIhNo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c+KGNOt0hyQVy78f7d6xrZ+JSOfisII+Ju/17ycOGG+pl07AAloa/f4R1pnkHOWHp0OPJFteQ6w78IfqcF4AUYW9waaTHpSE4yJtwqR6MX5r4Rcg4ZKOyDIQ6pGdR0wepmddZiZ6ATKaWNf3DttTxLU/J7XgnfY5jYNf1rrf3R34Jadlt1oMtSOW1uW6MyVyggyi2kx383Gc+R7pS+3gflKWclNaX93DfPoPyPilpBBfiCHDNTVvg1D8SN+tNaBDQT2lr0fH7cUCyPL3hs7sfcT1cPBOqv4+AmOpHTXUqg7d73XJNQAIf7xtceOG7LP44C90pKRC6Ze4c+yYbdRvtw9cQY0CnnTRiybTqO4w+2NfPFcDNjoO291zytYoeL+vapRunfby5kzevt4cZfiqJyfeyx00OuaK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OhuaY2viPaPZowxmytHThFT6xFz8nDKQt3c08JKQtqk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8ManDwkkpMuCAK2wfCELYiFmSeB6ZFgk2/bBoy+lai8ZQODewBeSCa00zFg1F2viDxLFdmTtzn60wrQW7IeJPmTgE8EPyy2DNoTgBQCv1VIZ2k2//yFymCFiwhopfGR7GnWYtqJmGE9S5zneIWzlpT28tdPBsrveY9xL9lo8Ac76SkrFDlL4bz6K+GFhOkNpLN1ovlOCPm8U2JfgYQ23lbgBDp7t7lxI5gbrRCIBVMxbosSPzY/njuNxBsJhBN0ucXvQcv20dwXYZ/Rcr25tiTAzyR+bOa/40tO0Bj4eICxR2VFakY7yCn4L9ZwG2AeOq+7agMUugtXl9kiXxOdeGa0TD/Oa96WOoKq6ZruRA8WpPpg15cX5Xkh3ZB7PCrlcAcE+9LB0GNNDKGbqxWV5y/X+IQyMOkp4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OiHlEpgRYlJjUj51yJVWKA3F8MbgYxPfLWLFh40JXhQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Hg8zvU3LGcKAc8MPOVijlMO2OU0OhpgkSF1Mv35x91T6ZUSuUfuD6Uua59+3HV6eL3DSjVQ5B5yh2Qa4Vmq403KR4YwK9ABGZAZwC8i//66TXLj3r33/ub4RWOeO0ztxbFNRM2gEH3+g6d3ajhla6D8vXTyqTZeY3VhjLVJJiGcuCl4FJlwI2xPCYH0v+D1aTgZgakzXSZ4KpiGZj5jrP63M5l24vVEWQ93KS65Eu0xb7kii8VI7qjQUD4A4kjb6zuogJ/5DoP7DMv9TiSgOMgrEwtJVBAs7D89uiRIow1tLibiEa0fj5uzZk0XwCR8bLlTj38vFyLwlXw17JUL5I350ksERDbUvBRpucxaWbobNPqeAmrg+/uesMzdKRYHN3LOcCx4g61gpVmqvkqI5ZaqAPP7+g8F1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OiKWRkMB+oQ7LHsgMtbEo77c7C5/iDb7YuowxBtEddE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "84tNG7LQ1MlyhIINIXcJZ5B3uHjSeqI2wA8PW3IOnyNSwRDHNRZrNoVBZfKoJRAQt3V2kGgslyvxEPJ/PTYM3tc+CgRoj9vNkYnYGzPL59aH9EVjbwGaf4W821vKLPt0lc95O/Mp8D3YWK4cJeNxx6lAx8WASaZwAPlO34bbqYgdRCu0kvqAMJYnKFKM8/z9L60VHUievWXOt1nPeNgjOgS6MCzoYsXzB8ct5IKixPDGUmc/4k0itJtRMVfFyzDQVDpQzlDKyATiH4yg/ylMu8U5CTb6WvPriCsItmyNhFZwid1Can7NK6h87jN8/X5yiSredwMA6FWPOLa4C3IqHoFYvGlkuxw51PHL2QCVgVUOf1vVy08W7iGFzZj+awVYiYdLOr7wYSntzekjN+cOOhO0xs1YxDV4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OiOAFwfxFP0Xj/eF9pTt2YteTp+VLbVwTtf+r4Ks4dk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vzvTAUUlOb+A6GWQv2zCNb5avc0C50tYNr1bVUclIbn0nG7xSyThCC8XDBClbK3UcEHJkM+qdB25qRbnbnyZexxRQcZqDcTkHCDor6HJDnzk7ozfB3ngnsTehEhvzGT/opg+w/f1BHnsBgH+eIJLMGi/nbSC6eCXWh2aMcRqN+4VFGlISaQAGbvndE2CKH7FPmVBK0Dcjd1Ug0xxyuOrQ3OP+97inNcqK3xqulz4iRXzRG5bZU7r367LUx//Kc7CmE37JLv7HuEExEjKeSyK7gfIHwVmdfJaVdccn57oFDAIRTOGlG4KPQ54isKWDyaV9uGpsTZTbfAoQJB2eJrP6hV6QHv5qPqbAiz6imBCbwO5y9e9jkC6XT1SaXAJ4nbrpJr4Svwc8WUvCUS02d86RoUQD62ib48d",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Oimcwi/1J4CcoPUdWo3EvM6bA8Kf8Fu92Vl++VrHuYM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4h+spEm6DedcvRMjQUc/dY0rEx+HI6fREInq0NLpDd6lJOdyoQBaEIz1N3udwtnFS8cOYQD6LVJgWD859F4HEQBnWI70J7JBP+W71bAtZ6j1E/PGusUgXojkD9gfW+4j42x+8l4PSqvXld45IrLDfPgVu1Gxg61dk36A1PsrqyCR4JhZBjkz7KGwTls3L5orMEK1hvJSg01HcHUGsVEryQMrHxg+Bacdw7AuxKVk2kvWyEpRvnNNL5nN322HIynGYtr3y6sgMEu7DSySkCYQBp9C/5LJNlKwXUcvkUlUSCgWxmRtuxp7wJbe9i9tTr1zmDiTgbugvTPkkr8Pg3Cy3Aktv0H1fRZttPbprqJjzJx9hPMIKGQekvs1QRypVsGcpQTR7O8VUNdiCcBZwYbbJKr6V658npA8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Oj7+tod6aXCAYHehjaTwddgEMCmYEvMemzU04m0H0ls",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x3sMiMDW1jO3cs3qZCqJVKRwUyj6lPPZ/OM00Jy5wXoYmv4WGUn9aNignd5ydK4FGjM75b/XAL45WB9p1xA75WzjtWB47A6hJhuDqmQ22PyeLCBQp+oPyPSQSZE6IvvodqeFnlkDo/y++g5ak/dDnTlfClThLr1HcUkxqh8F0AhNz0scXVXRS8E1wJAUcozd8OlDBdZ+5llPxa+Auml/PpdqbMLr2D9wg81NUY4GdSaV2NRlHEhmonu4RorlU/z37AgJikIWY/VuVKUIOchjNMISI7reR5XUPQ97ehV6IOtvWk5TAftrxROX6vLZeYwFqWp5WD5juAElV1ybdeCylGW4G9JZnTC/KzKq1gLWcsbh1DTNwsbQJKAbLaQ+1yA+FaxYDUYT65mTMRvIStSQEVa3oOc+dxSO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ok9j9/Weul5Vmrihpzd7htglJPkIxg/MtkgD5CF0VEw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f1nBtkpEb4AAhctB/f3YctS1BIg0ggVlaE8Evrz8xt1GCOYqGBTLjqBI4GM0zMm67kNWuXzUbuBxm1ir6ZAzccYe8/Q2qS3lloR2+9bsMXhTy8uLLXnBvtDdNTGs+5eKepuwBZI3z8bLyOSilHutHsza8pNFXuUh9oTowTqvtmuSnEXqM2/jkoO4OP4ZqeLeBnJz+3MHcIufNaCzGebKCU1zeUWV9R77FaxaJvYyP39EHcUvLjobhCULkvVooa/BiBlehfAVya48bS93hlwdSE/0gaq9lj4VDjl6oG9wYaK0w5NuIyLcSCs3bZS9BgNhdgF4NzM0xb+nG2vzrfIE5+2EcGGhxHssndWGP/HiOYhdgIcBc+f5kMjVBh37Vnta+ci0O0faj4JDIdBKAsSoSDo1AgiW5TBi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OkFDbm+3MsOKjFRaSW1MdtgTBgZkuYdRbnGWg+Gk6Bs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WOEnaqTVb8MpfBbVHrQNbsIDQpObFHBzv7pmokrmJogPlBsE0edXnBrCoPDjoBZgZxoX5QMyeKY4Q4VUOstZxRXbfd6Fe0fRaXCXJSfzD8cN6p6hxwdKj/zsuznjBBQPKoCgZDHPLATKsqTihoLpQuYIZI2l4/jqpdWWllkFt3Z0WBPAwQjH2y/HRu8Sdl5jXmwlZrBIX3RP/t5UwKbNj7D0xSD8zDHDo6tVV9J7E9OUrQgJUMfaYsqQtiwFknx0ePxZXUuRQu2Hjcs7/OFf6rtUMOu5sJvzy5kxM8W7zvtoDRIUykuQshBxbEH3jugq+QtiQ5Yi22kcsfSjjzJzS+N+IxnT0lMoIa+oQQz2hGjGPW2mHL9wrqaBiOHYZuqNlD+BVjqNc3yWAU91nq0X0ypGHM3jmqmV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OkbzqyxdMXNI09lOw25//XTMrgBz4RyCmSNMwSd64vg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mw2o2JWs85Dm1CHUWSKNb2O1vs2lkLrpKfhWIYFTHY6f8myin7q0aXhkVKBsjJcVaVoJrMItWVumE4dl/oodnvEay2ze7gx0YMZHPIAlRtjOpH1w64EbVyyd8dWj5is0GEgXETlsSiqiQJyS45dLdsYxM9l6C+HfCFHMINncpad0RFqQ2YS29tMmgyD6++dvlvhhiNb71B/Gj8kNV0N8Yxt4QP0Cy2w6aAqE2cYG5MC+6PTrb04mA8nYHBwu5Yt5b3FpAF2gL1FGyAxSvanpssMWblmls/Mw093CuWRf+PuaitvRlNvZkuU0LvtEzi65mYZwec0XnIp9MhtL4/VWjSvrlLIFUEhA9OPqe5hK2rgAaYr77pIX13nRux7cckD5PwgfIx3pkX76Iaxoh3TcFql++eGwBN0Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OltT+2wzbcNwVoEgR3Y5TxphMzdeSQmNVWLwYagESZY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dmf4+LkpD5KiGCLqf8Waz5Mo/MJHx1Npeji2pVH5jQUH6j2Juh9p6cQB2GS61BWlR77Bs/UdDis5J35FFPHyrr1y6XQcIkauLGshqgDHxWGNiYV7Nk8saXEw73EZp/hc0VCO0kSMPSt6r0P3ed91ObcqoHhXBCKuN7Mik8y8X16phl4laIjhyw39+QjJZQ9IPFdYRIUn41ncymyE7Uc/kYTtiR3mtSQQ9pqC+uEqAtO0KGOhcTsPIPSt6Akhi7E0w+Jm4vDGwj2Kf5hu2diTwPRrX/5hUI5XUdbsanet5G3PIMQnjZeUlVOnv/6KreY1eS3hhljnBAeSWR5LbCTPK/d5d2QVMIXHl9zQ69OE3kXhUdGnobwswHg80H0pmCvhRx2Aons+O38Te3hv/EjE5sQm87rD19OK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OnVUxCiNmH9gCkWkeKt2oiUdY782Q86e2MksqXgOWw0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5wqnV72Jv9soFGG589oG0hVFcV/3nlaTcpjukCELpvrjk2UzvdNciqDrS2kzJNdFrvcGaJjzRda3QKB/1IbOlkf9Fu/7sPyPywEHQbAJFMndSw5MgIbSg9ThjLiU3KrIZ9KYCf+T8CfiyjEtyrHXIRMmVFQC5zetv6AAtzf4rbwuseCGFF5fFPRYJp3Ok0hqwsK1dlLHxM3VxhQxrArzB2m8yMwV0agw1v/YBPOECDSOXqUzmnD8EYoqXsPhm7jIlLl5rDkVsZ8nDC8O7B9fpJSb0WN/qc8P0ZBe9dw3UYSIyqswGr2tF7VmGaP3Zq2sacJxltjbbPJosB+ASaJXOwvBkXhnrf8I6L1HFu3ukfMgcLuDsS7e8A9+FBxt/3tYhA+UwsG6mW6kAK/0SGzhPYKm5t5lr33n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OoTGYDePLYDHmmVzFB3nWTuP4Qm3vZ4wnzq6Zr6gcaI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ekw1TWihXPanISO1Ck2p2XoX2u/4eeouTCFBFsKI5It5pfrkXsv/tUYyNtdEYmSEZ3wCRg7lC/JOLFOYU7vRMm0T9Q7LJHQf6esqJ401VTL2IzNuayyBYzkpLPtKtMZQfeUyzDYGTWgoVFyzmfrzZ0eIkHpVE31py/bf/TqgbeWric+cprvMX9y8445i6hV6R+zeFH1GUZ3kcJfqrWPquiRYW59VKTrmhpeUAqZNIT1ti0Uftfv3ey4D+b3WAgVtRo0t/CaS+IxbdGKH2Rf3eucAa5BQXIpkbsBz302kPDh7NJX12KrtoxaVzwP3BUH95EbF0ZSHEiHTBsd/I06u6rCxnKgJf8HBo+odzee/umwqLrqJkbmybK9M3PhrJBdPg7QeG7sucp9WrLU1q6GOnGRGu517YFKn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OpZW8abXlRU2m4AAD+4fx6q5tpZLYRwQni4u91fyKOk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EKL4vwDkO1C3jS8KYFyM8iwXtsRxa4pTL9E59RRI0eYsyxlTe+/ZdzAuiikrGmFGHmFi74KwI13u6Zs7PmMWVtoweoLgDmVg4P6Zk2+Om6d6xxNXgbLTxxqmc3DZpzrOpcYU85JaeHNTgWorpOybsEP9WrKASF8MkydW2njwyT8YBXYMRm74eEb7wyeaMz04c3IfSSIKZQ/5NzBIMlJftppbjiG8davzkkdaIC8qEVaw5UgATSPX/jgr0LRj7kphw91zLNdWkSgiVjuUfTwUeJof5xUqEH+1fK/cHqeJM+cW+xfK769WAMuAB9h/wazeHk+POzLknDwRQ7g4GYkskOAjkYRvvMxJwXTPn6FQvPLZbXETu8qpJYUgx3SPy8KDoSNoU5xW/vHE3wi/pkRhqA1IiNtXZ3P3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OrOYLX5sAaf0qvs9HwU4y5VuFRQ5x1Fv8uSVLPqzVVw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8F08L66Lad8+eUPoQ54xFxyjDONobkKMGGWw7r27AC3slfwJKjUbPeQ+WRHy3pbtsMszpi4zveuRUybEnd7s4Qd5aB6ZfdAFIdIjaF1Sc040ragIQZY1ykVKUuG0PIRiMncYs0Pmcs3bvBN1f8rKJxOLSMOjJZBykzs0SBzHqiK568aVurJ8wsGwwNiTCmR1ZeSA2oV8RVt7F/PhL089p0yntk2i6QACrWcqFvAgqW5dWHzkAUrGF1xWIx1K0QntsQ32B8zt280TJ8x6Z4+X9E/jcJHI8+RWFxUh0NiZrmW38hlQ7AXpepQ8W73ni4LTRsugYJyo5YrHFYapiakRL2a9BKsBERcVHE9c+S5lhxpHhtr92Jdl9uo78Gq+mIr/NlqNxH3ib0lRsswpcUodUdqOgUkoN1mX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OrqHhMR20c+dQi9aezQpzKT8JLI0AAR7Ub6sMlLsKM0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yl7hLIvqAM2FteEiJqlLAiSP/kfML1d/xWj59PLx0qLm3A1jVeDALn7UfOlDT96Oyxsp2Vk1v66wDly6NW9WyXOUUMyGwAxqysSIbQda15mcyf2pOt8w+mf+A/dBOaKz6FCX2xiIACGdqozp6LULzdOkbgjLCo681zIAKw0aAT+ELOrtdPydM697ay8SlwDYNY4n4LnO4I3UynyPNqbh3bDzQTTm8Sgu8fGp9ehrE+13gi1iX995I5cViZcBPO4mS9LqlntNuRcDiBxY+BDtelxPtP/NdLA+Hzrjnx5WzVge3utyVVa/dCmC17IDy1wtrxt8BRJpMwHBAeDB8RINNvuYdsRLWOPvnZHOyoG9WtW2Hzf7oWpcE+7fedk04WCNBMPbc2cXJGF8NJDPSy4wwFADGdxRRfUu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Orw6e/wkqcogTxBOC5+4p3v2geB1VCl1NPjw+QKYywM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OU/oBAD4l8vYSWFgyQugZGCDBboZMxLCQcZy5kNSaAnU7z6IW1c4YkzPvIWVcxyhgcqbDo/271QogtstuGFjAi9FbUAvRnP2KytMAFq8GHuQFzDIjLyiC8JDsUvIi/JBTFyA2EE13vPW5A8wJvzsoAo++ktExY0I8hDtnC8k0n2E0YgGWA2+gyb4iXZBoRZp9H2EbjQsxItLihQrc8QYYdEUkglrODIDpFhbyZXdnFMfovLqLttRZKhH/UVJYM7kxih6AWOPeJuJHEU/ZBhrThDzs3ZSP4VIBV6CG2h6mlzKbE7fm2rnKDy3Fo2Ma+0h7X+R0s3dlqrtan1aEHGjmCihwLWgwVLY5ZLedUOl3TujshGvnl6GGJszGkzbZY5lJS336RrL4IjEL3Ei55OtEtNBe7kxMAi1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OsguK472aLgUAJ1mtZPXI7up6PPOAwbL6dQVuSmkLt4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yvqcSkWa51JPccQADW7eKA3+eVehTnbNXn55642eMxlJmPtcqz5E7V4mFxXauq4H7YNc24SxdD2NrEYUzpnVJYpWAwozjHdlOeflFNOODqDjEpNMk9GwqyNw7ua0pZzcanP74EIv+xTjyC/sqPJbMQouK1Fk6og1vPLR0U5xyTByJQceb7VE2UxyCYkARsGNg7wLlJUNL5g3FYsbh8dcrtArDwgH7gYIYwSgjAn9c4WECYLHdZFkYWfPyXkIxLzKQKfwiG5vRBWQETfPQUzY7pLjZjT9TqGSmtG342/wpWPF7gXr50tWEAJpWhjaV+ecTIgExfAd8EMOwcU5E4WU+Bp2PUe3OBSKz/oHh7ZjPoQw0OWEaIz5TFbhQ210dQ5oHocrTuPQtWCD8rnIcYXK3gAG1IWnB7Zw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ot8eqoEq2TIPsbcRoNaRKXbA8YFukj50Kd3AEVDjghU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nwo8cy0+6m21LfBW42iTqqmTpZYyPd7OVeG5fyQy0phW8UKN0M7uDvuUwGz9+sYK2lJu/Ai2bLraBSPU+hcb6oDcnvHdicRB9JOJcajBnGyS0iwjqrE7BwyacbuEnc375Gj/R5AC61pyBnqfOkvy+VaewjOph4bEzc4hjQ4oFIHtVr7Evwe2oSeobmX1oWOmC5TizIMHZqW2Eu9Iw036TAHHYPKct8zrKP6xMgEkkz2V733tWBf2pQf1Zi00G9ISw8vHyXuqp886Vx+lVmMd9wr6jtfJnM5sQjgPQ0suldgjt4oy4b2UvWbov2zAZcyedoAKOeKL56yLS+5oefRfZZb/A7r3C+W/N+L2k62YacFNazMbKkyTd91Yh5oHH/LelUGuvs25lz1F9QOTQhO51OYdEl4eMuCq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OtZw465hSFWDW9BtNd/3X+3Ffq7oq7zQAnE8CpjCbRc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "D9Vj3TMc+lTsaaNlaqpXvOUR3qFfQCT5NKNLs74PcaeQJCtJCon5PLkP5iK8UNCOERhs1CuHClx+Uzd1eBVjaL1jnFWtmL9sgzg41lG5slHl+VGJQ5VIrcpddzs0pp62xT1s33TnClZZ4DnON4G6prcz+4uysYwsW0IOnAApNyBCDfqO+8EtoU5Kg6TGjJrR4XGV8ND0bvaD1sGyZEZnIBU7xEmg3EO0eq2F3Yl73815DJ3gBwz6xvlWEnlRNsikil9EeBvRYLtHJh5xX7YSweObPdmNTxEtOGgYjCa4B5r6f2vHMDcVL4M2aI9dVG8gCR2pv8MXIFdsPlOi4rG1ix9CNeZG3BnDs9w+l+bO5HP26OUW4pD3en4ESYFfINO93iT+sIvP767MEcBbzbXz8DasS08EdTUj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "OwchnJYD+jQxE0VObvRlJ6NQ/f6gGg2AXsFq1tk4piU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EqyA/8Y5CoQuugR8F71ypRqJcy9xtkmhMYSV5GJJWTrIQPDormKHdIuvOXuQz16jfsXZq2Ew/2rdWJIUG9YLMnqYO7dr2Ks5Aj6ZyzJx+84D/J2+Zwo/xLAh2w4PMMydL1GZDviF8bFUElt+A5wFLHmQuwTv5G9nkTC50F+JwTdS4BEvSkIxIbI4gJnUhC+YsEusLU7+pphzoYvmwZCb8PlwcvVJG8WTO6Ipg1u7tkM3zNc0B9lOuwqS9RdwcjSAvlMDDl2085It4JxN8ugfLr1FwWBbh4iqk05UM1FcTD1rQCz36SfrJHtJljNX1G4g3DX+oRYE+ZUbaum1wTrihdWGvqxzoQWDuyCAVWpbXjOE330ZgD9nw1qXAP/NtNswPZvvx1wJ97ovDcs03I+tBv2hoCcLC3DY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Oz3C8LifCuf6TCtjDeiDCgVratodRpdJ3ncKJ9YrUb4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "h0/h2uugJl9yL6R3NcLtpHjPjMElrGBelbew4eU5sPgsqtqU0Pe+sIbSJEpNlhYDALR85Cd8WRs1BMW/HOkaO/L72FCJy+G4woRc6spBCK4O1AChMZl/KdCLTGIIUyI2kYQatsvFFXK101n1q2NUkzagg8XVScd9sFqr4wlrbZXO1wFOZUFumajVxisXVpe0dRIYG6tiMg4StHL5On2wr+whMuo2XBsNmg4AtrbA/K4KJvZHOIFNeNjosGP8XXQbG5P892KW/FjZWVWSX0iX57QuJr+7i3HWsKG6V5eWDWj8mCNaycfHEvteRr+JvAWQHw7Sv7KPGFoMTrNE2pR5bP570F2751zj8mWT/VZl7ns0qhBxpg3V4u+xJmPev12SaV1lf8sIg8xgcpw56YPE9/XdwcEcof5o",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Oz5gkjhBLS7jeFrSb0uvkIUovcr2+FwI2tLgLDGhiD4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dmqGP5Wdscgyd5FTCeMyoghcgnHCoKGfWYUD33BkXTVwpv0I7Wz6mk0yYbSSgixT/VzHUPMozQikDmrLiSdYUkGP+EsP5z+FDbaxwisJ1cATdjezwCOtQbgeM2X17DZdTejmIChxZmd3MtyTJ+2OSikhEirdVPljWbxGOlk3tAZceAN15OWnKWFh9FGCc+fe7Mt8m7+m5gZYMcNFDGc8DoUx6AThD+GzfH20MYnZNDxJmw2IBpHffoL7dDCeDIsKFgQIkOUNz+Pzyy2khQX+VF+t0JqQFO6btKDK+yPiq7X4xyheq2MVcZ0o48kQZtWJZVql6SGlp3aPBLklYT8eoZVG3jAwLf8M8pxbKVtjnt4xmOKss8D8B48XeiQjiGs8X2ymWsrNcCjIbEaB/XbMvEFKOGfj7uc1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "P/1o2mrjmoVkfX1iml/vgIhG/GrVikYLCp8wGAwEoak",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pBCjo4yHcvi3nKi0SPCVE6ZBe/Y5vvmz2ouxfzoBio3hKuxYNF1g1BbvntEr+bHADc1iXQ3u+wsHO8eWf1qlgjc+1iwJ8unl8hoZw6IiJFEMXOMxEy7zYEht3HykDkQmphgTa9dv3GzQOZ25pu3FwebWlyn0Wxkx6IdMP6ujWiFeM/ccN1T1hQKPQQpGmJ4Bq+LHji3jA1HIi9Wz0ZDKO7U67m96ZMSKS6a27bj1tFxp213FJ4vdTWQMpQa7xugmENe9zrGc5RRFL2/08WsKlhOV2tcf8iKhAqHm5+haxdSfRYoj70P1pCzZyGcwCYZINO+gb4pdV/spc/AMyFu2NVmyeg4GOv0C5Iy8tbocgw0IiAyB+d3sihXGhDL1e8obxEfk9LylYgmcAJYuJG5aVCNC91Gr0uYQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "P/hxNlUf8DL1vY+dYtq9BLSSd/DVs6ZPLLTsYs/qQEU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wBRB6naeXww9sGHWhKyV5QPHaT6vcb6GW5Q4b+kdzGJj2r0mZkamAcsz7ZQBv7wbWMXdXAQZoZ1VUiTDelO0wpmg7WCxz2tmy7rsdvvATxbky4Is+TbiysJzOyl0R6fxgwM/LAGln8dZrTmI73upOkB2cHnWF6vUR+DuuChyEh4GnwN6srhi3fCiaO12HILNG/ew0mcazgXi4IdAbXtyhp/5V211QV9L4IMoextuSnh8qOxO2+S+25izct7LIlldE19XJSUDlmm8qO6QpbQwf7UJzyNWVHjc5k5H0JlHiqB5JK1d94ViFBOg0e2NbIptnxlBhS3Qoq3hf+nRzUcgEw3A9m25GWBEB7HfEUeg1+vVFCzSAGyXQgTVDWvezQVATA8uvXKVv+5Pta2BawJg8EU35Cum/gZz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "P0cWYFnuhLmUc0LjXMis0qQyrVsiwsQ85eZMzUljk74",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v4/jixeD+KF0WyeOydofxVtgfKbFW2Vj8tN8m3v1F5IX2MXNxFfBxU2oBlPpXAcoS9e8DE2ce9pITuzLmJl1clJtfg5SS+4YFo5fJsOdSTyH8ASvhYdAQJWFjqjehlrGDnvv9zp5vHNG9VYDvMzNlk3pYphVFayqWnQryus64lcBVFl1Q3kTIQ/ajoGZzfW56U6hycn+ZHTDqvaPheYXYpgt9m26lTNC+CvDh5ukpBiqrrZfJ1WZ86gbwZUBjpDHJLVJXfUpmW9OHDMI2F2l4kawNl7LDntfCSYNiW5DLVirru7jO73cSQV5Ti6xeL9639p2I4wBAesvJNl9DTYUr1BXciqM+bEVMIjvdGgr3K8kgkZjNMNlThDKBgZcg1g45x46E5nMW4TNkVWIZ4pYC7+bb5OTRg8N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "P1o/r+IWs5HlkVKTAeldW6xts69qXijRx0alpjF2xoE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5JpZoqepcz4z2/WIfdbtsbjTM+OTZKm7fBE+Txl8ZlH6jFo+6SE05gzrABUXCHEHdtnsBXY8DjNKT8FiGgdogtBsdayH/QzbpUQLwlnSqLEFAg3lRCgxfkdfk1AH3Pdog7XRDzYZEPuhHpVBkWW0y0RNMCKtr/HmiEfFZLeHHgJKSXbT/uWHBgSPI2SclrvUch3Tk7/ZPpRFA8KgnPb67WMbIL/UlkmF3LqpYUMAKyewLy1XhzIarqQtBpKgyqErSXGqqLcP4zoMJw+okds5hRVpRW3Lx/aRgYLAbd1rK2h6yVuuRtpOcmLois47LcXbOm81DPvLYlolX/K5r/7YXYn25M6y6VqlqapWZPbUU/JeYjHIGigkQbPJ1uNuQN+cAOxievcJI0EudPGO32AAvQ33Aa7Fv238",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "P39K+8JRPHwq3UBOzmyisggVGOWLU1bdy8ssdHbA/Zw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FosgTt5RARl80bTAiCqXgw8D9GU1Zmu8fBov6SYt2MlN4BgamrHmLzg1Ttp5hn6eKCgHLATi5DatA1IHeY37v8MwOy03097J7IlWhxYxVd7X3X0ls2eFm6ht8ISMddGGS5Q4qr2LGw5V8xJFT+gaRzPTL/890fI3LziknoXLn6gmjXjgXM2++scRjNFLat4tWUBVaU+DW25zrsXdId245LhoKT5jXaH3vAb8vq0nttROEgmDVkmw1UiLw/+oOZN1iRVVx1KvSbes4qPVWWh75odjMxgdwHoGdi3JY0WaEsmSZA7lP+Dy2anomYEI5hkFGC/UvxuS7kvn8kh9sZX8TGVUSwy3kT4clUaqulTi171ip82TdIXv0pm6xm8dDvrkZv1qszvHpDJMubBxFNCb3m94XebFXJCX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "P4u/BU62k7kzUlrHn8QxV539YEsgQGE566i+Ly58zhY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "30cnI+r0aLkjbwmKukJH0Ksh+xE8p+2LJ/VyW4r7EpGS4xaeYzNNnHVMScDD4rkc8wjiFYutTsoP936OjcKV4v0dX0oClHAFbkDSmCux4ZygE744/wmBHeaJiOklAa0cII0Wz8hLdh95XJJ9E5B+K4NDLoGmRz/Bgbc+PRTK9z8/f+yiYBcxREvPneGArFrIpjSGEAO16sfF/zIBCLU1A8anFZoVQK9LebFuc/FDCwwx3HrDg9Ld/K3E3Eluz82cnZoJURVPbHQZn9v/9AxGtp+cu1eQVuP7XKcvGI579b7+levDPCn2Fb0OfL1QGvYWco+z/pHKhq/ETXQ0Tc3rO54qk25IYex6K2lZ4Eb3f8VI47JR1dycBCndU+i9goqAw+c3MfJZc56n9rvKSTN1dm7+tN3y3Ndm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "P53bodh6PawDEYOs6qwHx9MaY5YivNBmO28oxuV5AA8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LfqJlznxhDumfAhp7Sr30hGQwt9iddCgn01Cgl8h0qNvQXT/InM+P5NAEmSGCdQz0s3UA2H/QCqPZB0EsfMIkEIiXYyr5VX9OJ/SzdwwhMDRGpoXPwV8A5G8two8lgsMLiAapdynlvUcvfRJ75ZD+ZCoHzbNvxWecyEldIab/t9N6I96in7BzMhaa1znrn1b3bKa+Qc3uOB+U7Su73cVJqjYS1Kstz5c54SJlqkM51tpJQ+WkPZ9mKytegW9jfwE3YQEl0SRmNQiisBFcL5nZJVe0NJM128f+C8W/kQbRDnb/jJCFtxAdlgw6wWjuaIF6nYiVB4qG5nS1EjtsPvhgqq7UDSC2ACaCzENhVDHLhdb6AG5zGf9Fr+41LuBHggOPseywQRJE79B07ApMWbPS4oWdohvDaJV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "P6n6IKG+0uSmQ/nLxtGntuUU0anmknFgRTEv9Pnu8G0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "O3ROtOgWwfefhZ3UCFY9JfzWlFi45BCRdSgIU5UM0+5pHi7BgIalHZ3eUaaSlCbnhAPQmwzecUTvIB8o0j+0nTVf6IOCTtER8U4/ryjoqHFTbCIi55rysyoSJ4Q0ppEfxo9Ds7igLzUzXYwJqf1dumarI7C1Rj2PhqXy4OTZbj0o8aNetdYvDV/TXrvQO4dvtH4YUs4o5Q4KShZDCdIuwgLwQagH8+HpIdryOUcL1Fx/mJwPVmUPnyRshn5SG1VnaayrfGgc/nYJ+2jh99ZPbMCHNZOdYFLD3GDzSx12t/ybtTH6SGeVPnKqKKB0UI8JqNrt5+FbfiriAPrGL4OPWVRr0PFZD/yiVuPs/1QDDHuoAxiQloe5SKGgFoMxDPydEyQjWJVV3ju7T3Ox7ARIFC2H/mIJcUst",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "P8BS34MnhAMB9EmqE2R9VeAXdvN1B5QcVESSYTpbFGs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PAByBtEDvcXHn1Ah4wjjr0c7FLqPlIvvD/pKCJFvkBC2DRgMcz9YkmvdaloF6dg+giIzs7RUvSIvBF/U5UzilyHkKqDGj4a/yBptgzbwUSl/1/xDsuA3cPR0k6sAqvOKUFQyNfahpZEK3y2Qr15VFfK0a47GWpYGMUciGCIlngdeNGHXOZiLwH0HeNMqDbmsKimw7eTw5WsNHAzQ0tKdgIwAutAqmj/7wIGOKQE3+6sd0hbXwqu5jhlKV0N82CMtgVnoyP3y7oA0Cxa46UTGvZfHNdqxWCTPHcq2qpylBfEwcpwmYjO72AObo83q/gkna0UocWGLWVCen79A7dELzEuplfFY6K+k3KypiImddmx8uSbI2MQS1PxGohLy1tHx6FoL9xZVezoY1OogyJQ3lY0z/sfH0x1i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PB2w4emolTPlI0pWbINOykzgzU1FB43PuvulzUwEGdE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HQHOdYnd1RotaKI/dOLaq34WOpUkzM6fTGIGONSZjGhli8XY3orI5P28FNAmtshppSX87jr85LUWDIwDtOn+2ABRtLF2wNxAzGmaZQDXWrFOihCC8OiqDlkLBCnnVDp6l+G/VHakx+gZtTcxrd0EkmyoCwOueLS+yk4KtmZMeEKOYgxgpZrS05Xo5GrkSY1UZ5qguJvPGXzgS15dHKIOE7UO5ED2eSCw888wkjrPYhtmk9gOLdMJBr6m8Q3t3Vj6t0PIOG1FlPtv5huHkidGAkqF/1YAsBFFK45PNl3Tpi1Ei90lXVV8CS1o17fJnnlamomZEBv3BzAx2r/esl0DKn7pz/2EleoiVTpFC2FKstU8f6gd4C20rRVEPGtws3OVG3iyplmiK+0WfDu9jTEi3kR+LwBRw32+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PBcZi3arVCqW9ofLkRuqAHEoQ3c3700+xUBPVP/hGqk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZjEald4gpys4leyS0oixIZ3mI8h5hlEJhm+y9tLIcZzWf28l/LOx7srK+AnDoufOT9ERxAzGwmfW2WXGPp19qm7GXqjVF8lbTqTuzT9qwygCt0WWnWgxjq+VyUq43AzecoJWyJ5vo0zwusBEHiMvSLUCY7tycYM64FqTsnH1X2nSdrbryxiPWQIe/49Ql8Vdjitze4it3cjngDmx1bcpnVXvwgq16S4CyEJqGxBx60AYCy3rIJQiiDb+nDJNBByLurhdMLgh1Sn48ZkQwCgnEZpUDyPxPrOxrjP9hWYiaF/mcNsERWC2/kwCu2btQ4djYwWoVeUKLKOiNXSLK+CgLTJC+NzDmXYSHwQWaHWhm90r9EybJB3i3erfXg3SOb7wQl1KDcIxU9QtMexcp23tzCktfemdMV2W",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PEyNn+3qJqSscNLAQBeSv7zVUN8QgczeoQ1jTk1Vi60",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xPb/m7NEh+8RzFkXO7piOzBVfzw0eHddwGU0pDVr8P5jS3YpJexrTPmO+oltq2xt41PACwwl365PsU9NVZ7wqK7/TdxEqS6U8aAWn67BGCntbX2W6JaxXtXUi91yOVr6kw51sL2GkCVBFo/j0chEbPrggmiHYshdH/cUu81NqDeXjsruzmzTSTviofI09wj2Ak/VssB687nxGR38N2YWcwI8Jd15kK1svI5xM/C3025p5z0GhmAqhZql6J+c0bsfITzP3DZ2QHm35lKOrz/+Lr1+acqp87vhXQ2q+e5HANj4L9y5SEWstAczaQC78M5ETCyX3E1Wsa4jwF6FM5Qp1LPBg2pvM2PXrBMpxHwoPMBwccUrWo1X60iucYcJtWOdAYj96gfs/3okjV/dJ6ioL8Wud3yIU6cA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PH6Kfl4sP9O4uzboH3+GElCBUnj3VmFu/GUguSSTXlc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+x1X7JazZuVQHYikU9Bdl1IMlf0BwT5b3kPrwqDV8QQS+RAp0vZkOVrrZ0zPsgSz7VkGZfUOdykDtx5emd3F4ugTR4X2ypGHbQNBrFfR2T3Av+g9kp+cLx4mtEDroNmOn5qZenwflPz02O5K91qeHlB+2ZB2Mx3BTAuYKQAxwiuZ3q/djH7sQEvTlgRnIVoaMMI4laO2CprmBbzFoLSGqaOFG81e7+SUcJ2bzPlYRCXFO5BYqt4KADjCqbaRoarJKyAF1H0B7prakBir0dkrUs3WLxDyQ4MMHSEWaSIEOEoULYoZftxxHb1TNbVQ08Jvv6c20kooJkkNi1K8rL/ImMIKUtb3IDAcslA5qVBp5mabLTdCZUU5aPHjhUgWwuOnB2aJwYBUFbsetZOtvJjfzbzAyeQE70U/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PITcJXvoM9qvCkY+e8XQ0aBFkI4Dk0FHDg2iHayTuno",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FXlAdYFv1Wt6GjQ3D3DolBydqqD1nkl5hPZEdztdgLnqLA0YcHEYnLPqcCcnRBwakcw6+wdQOeE5kfBosp9AP6jTBbBokQ4aAopSmVWFxbPn/WIlQ0yejFOdOCquQgNLAmH5owRnv+nvE1FaJtffUZrNd41FHxYgYyWgr0yWfz+iE2+tWXWMuD9HaION+vnL1wrDxeJSuci/K1oSv4MyyYBixlhQwnbX96ym7qeQMh8spPq6d7+cRyO70VPDyNCVjpjrDW+pIG+dLooxt73iLinFS7HDSs3wk8Ibg0bTffA6EKqAXDzl09Mp4VeCi951RJHDPDK8H7dwzFhHI+binNobII3J8bNwUe0z9XKGlEVtBP8oYF2b1UU+2poySFIAtAjvkYFnVodVxrMlrTJoJptETekyOuJR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PJYdqKEbouQjlfiYRkywpw3j37mbPhWNwsKE97Qvivk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "G+SgM1M9s27mm0ShPHDR6RaqVvdw6rrchWCyo+dNAadPx9WQC2ku6S07Eq6t7l3keipd/PACrOJL5KXV9wQnYjPjAD9+CgG37R0Gc/c/vAwl0SvS0Eh3tGiui8Ulrk48whD8oCane6PdoCaK26M9BnYtGg3wJwYJfWC5DOuD9WVHe8VuAiDVqzHO1SX947/a9tXd62GjEkzZECedZpPNRWDMNNoitf+6hyZ9UFEzrfCvcMpvWbaI2KgTa9d/WlxYmXbo5nsXy/og41umc46WcqItSSKPoSm/ToNabjJgY7bgh5Aqk3xjm/8/AQZmDq3erFFzOX9/imAJd1D76yI9s/460ISBChQ2pbWoUeXahmKMyEjRUQgy5uNGLMe1jouWb1FxqfvtoqafuwaZXNyLbfvudGkbA3Xn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PLzHyhLeopQicCsBRy5lmA7KWHMQcFBBA9Odnrrv6bY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "05LYI1kkG25CuFszLqlnpVDRaZzsCAQaiO5P2AcmJ7N0CkwP2iCibISHtup58ElPowy6UgsruF4nA2dcKECsJChWZi0p+8AjJMCcYqb21XRv0+Z2MgwjZ8binWzGCuIC92AOiQchmhGcoUV80vB7yzSEH5Xde9zs96MRWHY7zR4m7BKOQ2aJ5XC3oHMZMvxFTRMqSMiL3VF1iwPcoDWTZd8srSA4g9ScGxzpNK042xbjxE/Mh3xYGddJLeg2ie7/Suu5TCAoXiVTUFqBicOh28skSKDoAJLcub8WKd5EEu0m+n94eL3PauinL5uXjl4k1Xx+cx6pBZ4c6ENQIBDsUfgki/KMmPs0m2Vsfpl8b+hVBaZffnQ0+k0xXFCu2C3KUQp6n/AnQrTM/aToiLBs7KiRyHhzXrha",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PM3jPVipNy2GiFeNhO6Kb4XWHGpWluE1ZuuIhLYtZNw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "flGDJHeVVKN7neW+FI1O6zjAedzoBFe/No9CtQsxOxlQQX9yq734h2ZcCI9tXyDoN1swYlvvX4/t2cgK+yKT+cPaUpfFDQdVdydTFBWEzA+IYKX7ytO+NsuAQywVcuq27PkHbrYReEZBAdia1W/0eofirZtuorb0Ov5qpENsxF+lKefrEYwjvAfKNICAliDMcmUfsoHf3FyZf7yr5CVucjjYvPZCPIYa/eTip2+mSI4wByYMlTlJaPpIFe6YvvSWSdh65qT6EKjUkQD6HyJeV3fSMU9AktyrUgzaxLdIStUY2sZfiraUjrOoMST9zQ0DbGcAwmxVwU7QXKGsXg6Y1QAXFgoBkSvwuKcjOTdgHnb7rYq/qGHbr7+kGOIFvySAGCGW982SO/+okUAkpEievgCC19oW1M9h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PMlOJYpqQP/wlEah4waTJsvQ9Hh0eHGRHPtcmWMxHK8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4D070RY59PYcD0RxaqoJLM0yiPLYxwFL/h9H9KomiXRii6sWpLBTWkUHiuWNguUuYxDO7MueQ75TgC4+4Zuj+55eEojXD5Dah2Kq53aTnO/ctgHwNXUG2NTzacwGRdRg2tfMiE/NyhKQQzpu/VJkUylSGl4CUoDLAUfVtc8tZVgfcoHimwIvUouYnNMOJ2/hp3+GJyR7COpnOdsWQN64Qd9nLHO/MZ6CJK0coNkAV0Uw83MCdsbcfTl3mCsfBFLEedCz/ZDC82/tYzoDcl29VjkgxJHCHBQt4i1c8Mjth+q8H0aszpj12aL+af00SyjsrXNqDevCC67uAFmRThcXttx4Ak7Xk6tX0nLScIgPZlfsrTOg9XotMsoryjQHj/h4vVaJ6HHGzs/Ly/jaLzO4zOP6AFrSmQY7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PN0oJTsSxIpun8qZli2rtC+BrKKmJYUlvfeMji44t2M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BDbAug7UQ68p+4SNxhoREdOP1l972zB+Mu1VVcAhH6/uWIE1U6ZnfGJR1RA/Xqpdv8rFHNWstc+2zY+e6Orh/N0UrzhdNzuQAf/KsKoHepoLoKPGdhxXg6x3FGjkhmWHdHKZ9+/M+8fusgU+CO/bnz7+KBPaxLxIrrfP624Fg8jMp0ioe744lAOgC9fkNAGHfncn1eAlr+XXEzS9ly1FvhAIlz4W8p69X1iH+3gcruXBzrd+QrtEZ8lg/hlLyWB9gz7vRv6fsVEPHaq6Z3ufXEWUR8oGhNTihyxH70mEgPo5QMNGRSnevD9YaTAuaa8jeGcjlwsGap8f7Z5/0cugKmi/oRhWiVOa02fqT7r1/zBNg3TPBX91U035UaNkKJ6E3X2VcQ9YSUTt1KZxcsEUI0gkUR0uLLwB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "POLGZF/wrKO5fz2wQB7v13HebE6hpBBAqkxJlxaMBBk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FEor2U/satq54koCkSY0jOQ3c7PpuR8c2WUdv6apnJDZWdytNXCHByWhgMJkIkSOVZQVa1Dpi9BrM5M41gtZPyWHoarK66h/PHpL1ZSyPNBG78j7AxtBGrvvXXzBoxYpX1V8vxXxeZUZY49+TDp5XLm/jUzIIqPXONrJJ5G5eHLIL6clxbE79H4WNAKU6MtjEwVSIM/XdeqpfWZtF/tsKIgYb/EzpkaYUseL7H5rumuNEsd2qcoA1SqbNRyKRczxtgzBnrkzR10XStnwPTpRIoIRRN+LvEUElkcJoqtoAqkv4u1JnkXkL2ifeeYGtcRteGc7mun05uadONJU0UeroyBFMCYj85ZWq6DL0CvzgA3PJ+K6p0iozRmdgeu2l17tiwhzPo8qSJLoje//6KfzIZdM6J0XZ5Dd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PQXpnNy3Ay1qy9gf5cSPlQuv2j8BIKmZoscVXjD7AnE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gJB4f66rji4KWWJOOCVoCN6uc3tNFtOWGjfAhvaNTomTtyI6jxtbgO/uVgloKxiEfVX9b2lrlwNR4QByfQFW00D4KoWpI8zF1ObpDOq2n/fTFk3qUkJgoMZuvJdbWHB2BLvwDk0PP5W/jgqLf4KQkOY4q86I7PRw0+LkO0HPbsS7Mp4qP3SUbiwsatntJJcSH//2fnP9DVD/cZ2ny7T2SSZNJ3hJL5wSVVH3glKJe4xzMbcyOfNzbuiV0tE0/39/nGgDp2YseXUJR0ibdq4zxzrdrw4hrhuGNsPjC/xM6gN37F4VGTUGekr4c0OyXNh+t1l5T4OSovQwL9sNR4Qw43+qnufiPC7dUw5obVzL+jt3CPPwUp/knm66fTarjOUSY8JO1oOhuCZgQikVZZvEXBQmHlaOVPRN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PQrrn1cXvKfwvutYUii7r1Euve8HfMzV40TXAapF/Eg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DB28sHHTdKNm8GfyZ2msyfHqWXwRbuGkKe1KXZnHwKI0FI3fgnW+8Mp0QzInjKNN4nkWU1ukDOKRnLanD7Y/To4kqAJ4OsuTtkAwmOnmW8CX1nTTD9+KKfcEsP8dk4QdJQNl3pIxN/vLelf4B17mMhXSFHdvdVD74euXoXzK4COZFWT7QBkDIgvEKRIWgx4zr7AY8U8WUNqy7WwU6b1Om8cdp7IYI2+Rdm1uPx3Xj093rc3eja5h/f+lkZItviaGt9qL97+fK/EqAbadTs4VUFPU2LV0DZy1j5oQ/iZioizCw+sWHLJZ1YZx5DnCv6SE/l1bTkygFVi3S9/CCBmhfN6J71siWbLG6/hu5uHUh8zKMF092D7sVH34gRJblzUmzCB3r142b/zPqB8vMVoWRh6fRNHlFqNC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PREQMElmVMW4xk5XPQOuRMsyCfVDbFDw3FOLqqQOhhY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0moK7XIAm8LWl+imeZpHkzrt5kD8QAYKO39EKv2XEUQUQBi6rLZBP0ML8QjX7gYgP3NZ+Adk9c+eOz5mEqDrDE+KSdc1Hn95h2SKXYgeVKBpt9ljyWwIR+yMjm7CYIblNh4tGXnEnNWwXxgwxRc37f0MJhHxNuS4fyz1PjOj3jmb6+n15E5NnwTCnB1K+qvqxojgdD2PSmT7Yxz1+AFCunjGaL2osHIBhlxoRsHSr/FPLDHiV6N5zi+IkDQD0rNWZ5kmUgQotNeBMuFGYs243TWTcAff8Bcz0q8+RtB9ZAUvInyXbtw023QwmP9BjMxNHuccyp0gkwzSpwSJ4GMU8lxrGdVLfQzKurrwI610IDq++XvYrwpoNaexraay784MFgujnTS9FeB4sBZ8DJb3i/JD60xOa54U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PRewiv76uEbyRxJhOFBb2rGG1+mZ+z21vG7bV6a8RC4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5LvNBruztKgMwG1lLnCg8M1pvOHDUhE1IobqxLKFR8J3A8djgmjthPZ1dW04VF6Kw6yShvuXuVBTuR0l+Hhf6yHHHErtGO1Nt5eQDHAaHn7unAjhZ7kxlaL6kZLuOAcY2USBL/WT/1bvyIe5sRz/kUvJaQGWfZggxzUJdR5DrukjL1DiGpUgFs+8ANAHZE8wac63CjtQNX8AfP+FEsEAAKnKlshnv5Tl+oUsgdnQCzaa5lsHvgUkO4CymcLHpuGVJTsR3Ma0I/P8R1s8odAioVsBoqmx0KEr4hQeOkGJzB7NtKVdIxEPpJhvZCe9NPIhOJlBfR08EFW2g03wNxxYLksVVRD18SBGlXrwoEhCjkEPVaPhNLo2gFOEzw2BjwIPR7AQMIgaSdHTaPcVtY5NqaY7QP1cSdwL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PSJmLER8AxUJY3Ctbazgo2VORDHwgaY6Rt34E8LuuWc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q7mF0IBnzCj7eIcMQj4rYqtRCx3xX5jg0AgkCn6YS1iT3SFcTMEpWYpGX9ZuCftX2JHseUTd5Axru+leX1dJbX99JX7CkWXqeoCedx0bJY8wNysh1LroYe1RArIjacKC3aokn0wYI6B6z+InrsoJ60U506rsosdsP16Lqm0FOatK8xcsnuhMJ62m2gnJmS/JMLEUuZfdZtGxMpXG4RxI+Py28opfLWxeHuBLBrevkgo6nS1dWk0qsgj9HTEB732/lDiP5grA0ZwMKZj7JH6bxm8/bs+dcon8fy6Yha/ytaQ1pnAIRRNvDrPHajMs1bq8GXQQdYt8vlX6Ds/Y2HuycQ7H8XcYBScWJ2Vkf+R+tz4gXENxC5LFb5SCwfwf9pA9uWv+IuMiE0v2hmYLn+2hkSzW9R5WlJYk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PTClc/4PLtdR71G+PnYuYQIzvAhJVxygJ0gpO4Jnljs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YM562ag3XxNUycqt1g8LclwCLi/5W6TEA6pG09/U5SCbKapuuEVl1RaO51gtB3VUo5urxWQeIxkRAafNAPRS6VwqfrWEUgwx9a54tnqyOerYG7LQTCNT5fR7WXp+mHOtxAp5vwt41dR2p4pEU38xPBPuPOegFdVaD7OzyiNOCf6FfeolQgyi5jcBJgaRSn9m1m1KPVY/q/i4gv8b8fn+beICtzynaJib84cR3fRFQ54lhYryyluEi+ZKHLXbqW3l3LOiGWg/YdDhiwSSNA+gWBrIn2lzn2BJS+kKObvPILPALoC4qlOzLQpiqr84LRMy6Ya7gS3V3IFnrv3B0dAuSMBvnt/KAc7pTGtf4cy+yMYyo3VjHqvYQmwWj/Mq+8cYuP6Lxr0QYgd8Ov2aWYkLFItKtnivT+34",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PTPqFI0oPxIMpjWkLWms6Pekp9z456Y4DamApgR98CM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9zMJyHnivyulyF8O5ZvDfnz+crPH8yZduoiOsRc+cwKwRQJViKZewGZKlUlD6q9aCFLsaRseUMgDY+ALfvAxiP5bZ1hp5Jnlw4tpJsE3Dfz4U1BRnT24THRHCw0qKubr/Zp7QlWsZYnOsMMUsIRsq4gsYvmh3fQg9RkDTdcYMjztzlof3IdAFGKQVrm26Zs39eBd8w2447702pfk4RgGNggpzL6TeJIhudxYxuyZZgdjMyFUbAMIoFylduMnSPp+nZmHNRirVhEwQscWMxeAV2GDTPB3TmKyT7xlXJz6sX59NiTjtJ4mEx+t43E1w3ciTrdRv+u5mvK3qPG4q77zl8fd+V+KfsRJZ0OreBQHsG0AwN71G/i7/ewHMvWE/l7YdaVfA31E1oDlUzZ4KJ88Y8Mfv4xPatqz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PTx9cGtY0F688EJFTzplfBz+3ppdj0g7JuqVOtSORPo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PINEu8UkLx9neW/KaOjdj3qKN4hOJq9ve4w+Hgx1ThAbwKfuWwhE1cICP7qUySJ/oFeSAldsVymq/JnHLjoyUKlFmvXEUWF1teTttTRTv0wKvT6Wshu5XYTREk9yxD7GLNbFvJ3PjjKArk39Q9hTkp0MMxwW6nyqk2OTSVTI17ZrSscNIhJMpAAYnhvY9GmzR1OmAmoKvsqwv6XYv+x9+6z+RgigfjuxYazj8ZAexy60wqmFewZXgFJk2hUf/ajgdrcZdxQogeq/CFvzSSBF3/Gz9Yuluir5TvGiIXouO+krSZ2HKh705CGMf3OlYFFOz4JuPTveBj5k6YSeKmXGiUcg05pew7MxlgPusFIbmOHGfQuAlXq5EkZzBCYu2diumavYwahOF7MfvLx/8xtnyO9NPXSjZtuf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PUampdrRqkxNa0hXG7aqoqxoh5eGjqSxaVfqm5RpvIQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "u3t3TC9iXtQJiJDxaDZMehEvI2iS/i2WCCkBfGPiJqBKAkFPyANDyXAekD+z/YFN5jOctnbz+rYpPyfhniiFy7JMWR3BgMMCSKFFWt7k180G2+ccNlBoSKu5TjzSZ+aEZXslkUS5/wBNS0Kjfij7mJrNUtFNd33+DcYEQFd1mmJY7DDFmWNWYFjYiUpmzV+p7smQX8KTOpnSlQJBFCULuLDm0DoEAOG1k0ZNEDL04TddrznSmndp/wHExKKgGWvQSwgp9syI1/1eVzyboUdn6lB4y7I6hu0xiI2vXNZjtfljgYqq4oe1Z7YI3WpUOutv5/LdN818R25j6pRlZZCfDs7yQgMhUYZ4002M2LlouslnwG4c7CghG07ayuvC51tj4HamoMJs0SohiMPDOPcf4qYoL5rv6jzF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PUzbg83Qe7xqx19codzBQ8+nAhE1gw0toG4FnfC1a7g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dhB9d1XTv0xEVRvhPEipJckKRCX7Bdxm2VnvMcICZ8l4LiTzAe7oC/WvqLTEcfpiwTOXczGOZJnAbfcovPQdYfpw8Nozh909tStSQLPfxfCHAl42FBj9Hrnhb4lfkIppjnfD23j77ZD4aRGuExG1I65AiLixwjqakGhV6JIhuJpQZDlLtwchPCXIstI9c8VnFdgy8K/9jZLPzF9o57QxEdcHMIbuTIWEoeawVSMQoJzs7XHMK7O2/12Y6K7WRQ6ApY0vdb3jAfKucZXEc24+a/S1s0pCGqbg+lGrdWVhAr4qZYZWQpjkGCPqc2C2t2Kr+rU406ksh4RNW+2f8Ye2qiKbbiWCI5zHcd8mbaY/B0DG4F9iBk0wfmFJ8uM4KGhBJBporKeHk+1WQYtzSaOjN646YhJmhdZZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PWZFBGixhqNcvjMinKwTs1lh4VgHHnlOobR2Da5ZUcw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vGhMb+L5Vnlav0eTicw5Ub7i5UMQd3IlwISM+ebIL3L3w8P1JQomguahagCanQithpyHvoJMPnMRyih00hMCyvRNOlOIGWM1iHXzn3uj5n0TXVBY0OvQsuumx2VnBXS26XrOYYhmd1bk/OBpV+ltPriVpwZx03wauoJVHfupPJpLdW5yRfyMnkXoEoElbH+ug50410BrtxYTil6P9rKPYKTEyHxPx+pARPWxqAO8Dwxm/1DLB08mE6AsJmKGBR6G5Vf+wRbpj2R1Y/Fdjyk8ffmKOZziPeCORd5a/ud8CK3/Yp6pfUPbIaIXJVYQBDViGWOXojU7zdbqciyXtsRo1dH3bWSPfe9PPN3TeBtYCniXD4DQiCEl11jcxstm+St7ymkdFEi5sB7hgRQ/tiAnKSlnC+LWGmi6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PXrahKBzG39AC3onQxhHsaW+VgCAbt8ICwDXYFiqgGk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "knJegnjK+LIhIK696803lzfxBtGEtyP+lNVlqBo4zM+4q6B4RfFPOngoui4+W9wBSxoyREr0WPgQMDRSrlqm01i47nMyYeW4RyIksCvMrwYt2RMtFp+Pg82eZA0C/7syWCUiYTOOYFsceRdJt0zbdhMtQzM5yJCqm9tcJu/lidV6SORPK+aQxNLpP31ei8dxquQ5gqp9GL7E4GBij0fAWik/COmzML5xM64ACp5LVdZcifpt7z89sEhaeDsVCAp66+KxZzwoP/edXAIcRbo3jdzAYoPy/SP39fNpsmSKAvI7c87htiST8j5eFhSdA5mN/J+Kpb3Iu0VkR4vVsbgHGyxd8UDa2Czuh7AUYIKmDA1/oC/XgPWCfXz5dZ5PtIrw5FTLQZNWkdXZQJv8dSEYdViRthsIbFmG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Pa6KXYXIkXJCTQ70lnKoa0msaOhP4VHySpR+QgWolkg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "C9e8k/C5w7DQLkRLzsbwuWoFRrfT4W6ZpDSM5MRVL+ZM26vvkPrW3j+dlcGiUogSWzDIk69jiDq3o3QFwd7ebHEjTNbC0DZ28rV3YndqINnt9f2QBQbqOYdbJhvVpxBg+kwR3DYCKPgGaupCDkSYp6wPPsPYDrLjZMGZ+SD3koMdea9D8nGD1LfUF/Ks9YGP4OfHxKxN2OLHfD6eTkx9nzrE9Yxnkpe6FSIbKOdJd0TnE6F4f4+OABv2rQekghXpIQtyBdX5j4HaQuM2MkQHwzMqM0Vxk3F6t8U/lQQ/SxBKGj1sXHPn6tKV36EZiv5QjyzSEtfiIl22o9M8sQ8+NJo4RSutSddqzZloJzyzfH3rkGhTa5OFr6K0gRj7l017AsjNLsIMuQfsy8mgbwMP0f/l2i2B3fvH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Pbv91cSQiUIiwW2o6U3RHeFPSpS6g35kAlEcLjEgLEA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eQa+TUGdmXHadSYVnK8CDWikzj/T8yDWk3cj/NILPa8h2KHU1uof1LvwuIWqPcEvZb6spKt5XXkzAPEwy6evLOg2UGYR5ZfOYDaqMGv16XwSlVt+S0tdIk9WwMT81yQOEQqm/WD7dRLiaLIaD3qvbvI54jBm0B2PRQkHNLn8vODq3yMx7Ss8/fgCXMSXp4VZlubpwuIraQ3o+Q7LzdcCLPsa/wW5x4sfuiyRUWxKa8ydMm1pnnj+/h7oUT65Muot1sPoJVgUMxuQ95UUGg9UTiov5T4RFqZI3OYEnGb4z6Mjc580BXU9YpKv3VHCOOOn2a5ybpgXBPLM1NqXw6urNDPjyg1uV3Go278lr6vjLFo1C4yLH0JpvEDu5EjmCzgOjh2jfaAwp61GGzuhh5jOiqKMo2JYLCj2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PcAYF/ug+7fLghy7ch5Br+MCAsY/9+LW7/RSQxXsvuw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d0Wz41sKEvhDamgSAHmsm/fdRjYDGvSWtBtFgKeWNHvM+fqgeRDS/gFr9rePazoiWwjgXq1V+0mjLWQ7uJThA9SMWRcS6sFQJG6uzZSEFinUsyya8owoAGZbC8RyYEjWgazEX0iZ/oCAQeZxle32//rInvLyKNRdlVxATDSodArvD1e+w1SToCq8+B8cXKVYk3FtDbHP3d8d7/+YMKP7aAcQnDroWPWOdytwiUdiH1tFZW9rO+NNu09I/RdxRM1q7K1GisyFgtTdLNVwiP/3ZU7guvBK0FnMVIUfjxKTMVqtrcg8eH08RTolpj81dWi1AZgSVbRJJSHxUu0daBUP50kJ17nV9A5PB914L8Hs5Lpom5aY6xdl2IsAuMN2+zC2bVpZ4ikw2+MGPxfDliqdgtmw3lSlu9T2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PcwIFAZVh/G86JxaYWBdWEmOoarrKaYdx0V5wlVLLvc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cjpkbIMDQdblvrUoFQXq5q6i3YhKaV9Oaq8zRj6ZZCy4yDS9oYIviFYnnoVr9nVVX0HFKm5gdWA6gUeNf2WvxSfH018H+mFRJa+rKUpHjMpvUBDzk5uDRyaF1xezGRg4FCHq0C5/IQwt2ndc2Gsy40pk9JDrCWFGDcGuOa69BjU2LVUQf/sFHT8CyYds11JNBicMd1FS/laLF7MGdfI01pBkwhcQE393TmyyT2ZvgWQNlSxX/fuGOcOwGYmQYyF24gUPuKpdIccMVv6PWKGeV8IY+P4ov/m9+MO5BOn4wxxbgrvC5OEgV/0UX4k1S59fTe4VAoRe+OmMPNqIjpnrYg7d6JpDfntI1yiMRXwqtsixv1zcGu6QIAz3AguHyNqZXg6ZodwRNCbDNTMNUGXL+jvqu7+a/MsB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PdAa5/TjCTCP6C7b038m9ZHqKMoDpCLKxA5+NdslzIM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ptX/jzxojG1WDCBNZyZiuKP3227YgW9HGnUp1vpoV28bkR3iinStrFInc/bzlu0nPebThyByeHSrFA7V6+COG2ukJOO5l3qnXWzMND4H6nay7pZ9xiYVshox8dW6Vz30dI3wlkd1NrBzspNTqz/ZeZFauq/K56fp2LzBJlPB/J71ThSKQJV5jPdhZTTYrr4hrrI6q4RRGKwGwQ8C7KkK3JWalr8FNKlv9P78Oee9P6AbIl6CN02je026M/md+M+PnvcpTxHbyNnhXr0gPhFNrg/U+y3DCBecwqxeRhTImEYQiYDEctxQ+eDJA5bzyPT8dvq0avWpmBJUUk4cAXUZaBCmPkS7T1tfP5Pyn9fGZOPOtK0tiPw1QstXeVz1npPySoV+YZvX+1a7YMini5a62/uu5u8dZl9c",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PdFUFTQzxpN5kQYBu2bxjK/ri+KoS9YdciUpjzPUhs8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uL9zfWHvOpTSwF3KxiTF7SpRZf7SSlokPDOFtvvXepPBBoxWODvlpyGq4QcD7oi5Y7S+wRGMWah7ub0ysuM9GMiXz/sh4EUpVULEYVjoGoY2x2gcSF7IpQvU40L6kWtDfTg+ihtfPlv6Y0zaeGXazj/KqTqYeWaueoqsQwlT6e2d9pTPdMtqsFhwny91OeOPxNA28M3msCTTPc4uv0Dvr6ejENlo/QFOrB/+Erqnpid48bTCrBCD89ySho2/sL+sV5p+LxN3jYQS39kpHb8rP8hMDP1zKc7UpHcRLAGKEIRHauno9+DxJXmpeFyloujJq0GKacaNBvmVcf/9VaW800YEZ6LQoh6V5PrunR7fvL+qZIRk5rf3Xx8ciyLxmZ2GkghWp3zHq4bAuTkihX06YTZwRaoryXuP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PdGT5LwPgUJjeCbjZt9qaNIKHV9IpuKwYUoZ3Svt6DE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "q4+i3SYOrMrGwY+NR8MUXlsFZT4JdiHpsBImI95WANvEjOwjRk5SnzOwfDZwyv7j/XAm8sagNvBr67gWhy/GdZ8Dfvc8W71i/9bcG4/VDQr4ZeuRCrc3NF2JxnAIXdnCUc2DLlPO3qqkTzY9x+duUqQti949r24IKZdoCx+478k0O0iKedQnH3W6f8KoaMoufCoMiP7mjIZ5F7I/mWSirtH4jbSym8Zby+h2qifoPSL6e+iazkqnHVYZrMaJBvwpVaNaGEFOOcaNGW4zn0avLJF2lfY/amAgi0DXVhojtYnoAOOPAY6+XpJwOfl6pvab2qxX9Vc4rrjhDE07NPjjQ63zw1aVfHMi0YlNX+2axQ686fsxZKFIH5WqUs3NAh2P188n85QvjqKxhH/gkZzlqWbdDb1qH5Pe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PfO5EADkjKkKUsFSoFc4CJl9qeLVljT/GpM/220Co8A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+8Im/q4m/f4hq6wHilPuhBBEPyokHr9PibjQH8yEuUlKbGtO6DnHEmmTaGRvR9zxf8VQ5fM+SGs4wEM1zwvXExoiKcUj4nn60zp5Vp1fPBT2uTFDcnxcoETynj/EYxhAEOC4An0g1W/yEq5i0LXn7fx4Jzo0//VFD2/YVLh8/74VHRLE/p4HzFGpmvSW1JZBXWHxfW/1BOL98ijHBhUtMUzBCf3thNZy6hj6/T3P1FrCKs8E24sVttujc/YvnN4jAPU5ZLlPK20aShnansx1VPbju9ZFkVOhVnZsW7LR63i5XUyy6QZMKKbevgT17/AVJcozlFQKS0DMh2EkR4kvprhquK14Bvn81PR1RuE4go9ETUA/o2HFPRe4mVBpRB8qFhHoDW6nTMvFLoSgCX+wzUEk7lgXaHTw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ph3OSFztXy4enTdAiPGrE8XAqBiXfqij372Ho02nyV0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5LbLhWbrG6VrJxlm/wi43Z3UJJylTSow6hvOdI+VBsvIO8H0wICdjH8/jynr/wP6AD9Rv+0QD1ieFvgBRkH7qxbs2MpPjaVSzUi63p9TcTzNusJP5MjSOP/NFXzplQbc0bYBVGuEuZDSU6Mev07rp6IkH29n4TyLb82gY44ziQRQK2ObXTlrS2xuCIXvmUvPVviMdiZrZMsKFXi3JkwDyQJuWMGYiCr/s30mXYV9daxoXW7dfwwgc4agOZNNXu/mlTkqdsLc67GQ1sdA7YXQDi7Cg/Sn7U92ND6v+em1MRXsFUFOgTfJlsXR3m3lWZOCEKpGKkOAZQs5b0FeGv20fWS+5NabEtBdMJ/HRL830F2xRNhXscr6WmuZ29zsC7xDapAzBPeZxKsp/ZuIgXifDgvk6B2/ShCI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PjzdOOn6hHYOQvImX7D5hxFvtzmyK9ECc7mY32ggeGo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "g/eqs2WgGTtMZ+2SFrhho7UZemoqAUVxIZXmGGZBEhkpNqV/zFBZUMsCGMsUm6Cb/YnZf1glVxJheXnwDMq9E3ZDtMuufx/Iowfo7lwgHvaYBNli/PN2A8GzbjR2lQ1eetzT6jkqYUhaltU2PJ8nZ+efhOkmnO3XYFoJtz23aFLRWJHa+scj67go0PtExcTQnDq55t9vpeQIJPku6khikOprdXI8ZHrMqvd2Rx0T07/MJuUQBrponzZJnAanxgp28cDnSSzHwLjSVBa9N+ZofPk6/K3s2oNhYrfUX7Dccpc9+UeHTMmRiHGc92tiNczVbLkMS7W4w5mjsv5RNHaN1mAnid/a8jnXzDC85bsO/E02r4HjFn9jVcvXywMLCMbJoETXm1doroCzuaPyAP0ewr+3s+b1Y6MO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PkGLgFDFKXte7+jG9OytUpkVFaqpzW+Utwpsy7QkMXk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uFiUG9T/CBuUwbtaaOct6I4q5gGHmej5PGpiJbGtRUH743U1TTApAEUZGJPLo5TJNUYiH1xlyIUiwiAgC1q5jn7yPe3CnlKww1SqRqmAn9TPN5PZ3PFgySEQC4MyMPWdc4XhXwB8ZPKKMHjqknqQQgCoce697dTNOGPF9AhuWWvzsAM4xQyG8RqV/Zl62DENSyC7wrl3eQdG38gLwRnipQm0y/6tIe7Buwdfu+rJl4aLEdMMJg90q0iJjK24ftr+LSJMglPwONxGv7sSmRHX0FulVoHnwBFg2jLVlxuLRUudgo5lzYMOYuJKSPnLCq88JaZLerurGcbqxItrvIDH6woqlWpX3jqEPQxcf0sPpzXZjn1xqYEgOkRspwL/Nz8EBKo1kZRLzSroEb6Q6nGeX4LFR4RemsvN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PlGGq8SghIbeK4JRLbxnRhAMsuwaCnkk+mRPBpwEUXY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MkYkIsWHTIF/5DYJeTxt0Yb8wfijZm/zZN7exXR0+wuCtd7po+/BSu5DPw/BRuPSQa5AQuQIlRE5GKmBJ+NCvAgTrOY5zbc7ezf6DRIve3xMyH3S3vXRbrjU7/ZuQikyV2HIwJeVXaVQbVD8ATiRlVFp32LpoyK4QK4a9EFERmjF5W2LJhhCVSKTE+d+yl2bXVVhL45fhRxNtnEN2mvYl6yGrqGzvSt53ed7Og/BERLmas6I5s29QqPRM9b6dDOW3KgoqkQ65ZT8NaXhDQO/ajOtYsqKAgyQ/S6oRzoydPD0cgjqKIy2aSGlm41Opj0Pm33EgKvRbjgnbyqi6FtxPmuOWipT2/ozR8Rsw9ctpttzuvEp2Yqx6FS3c8Wbv7k+h9RpNKS7ga4niAv12yWZRbltZ4rPL8aG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PlS5tDs8t93eI8BIcm2i2t68sLml8TtJezzQKB6MjN4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "teAAdld18UlckHCwShRD8SJgxGNmk5zp8L+DAxE6j3WLBrfW1mUyXJQ1JkeReDOjFBf1Qp65khNp3l6GwYjv5uQ6K1b0cc5OleZ+5ZaAUSY/ycgGf3NtOgNo0QlDse0oVZYhHpm4uZPqOETiDZhZqHlgQrGmnvVG76BptVC4cxNqhbmtjAxW5sI+S14x/dg7qRWoN1olELELtIDeqVZ5r2vOnFN1cfzrNrRpaxnAHcVdAyDwnb/gIU9senbMYL9fDehqzcSQf3rM7O6u3mKPEkoB1qs1UfXNyTyjwEf/6lFZhivbr6DxL17sR5mYVcSlnwSwFP15GqNTPaDTI7wVODM0GGCIh52AJOEz8CwK3HXbTlOkaWszxE8qhkl5OSjMglgV7+VZdOqgE5/cssCDasqvUQAb4BX2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PllFEAL2fhx10vz6sfvEAqQk+i+hfNLDS136zrJ66rA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "go6GE612pVrKlDXYQMvgyfWRilF2jojnZn9HuARR++v4Ap3EC3M4Kv7PPIC9NKkzYqbbe3y3N0D/T7qZgjPjEamk4GtwATb3s/MbYQSqah2ZnzFUpa466ADAsAz04Z5MI4Tt+Nq7LB7SGnPrdzqgOJ1g0mWInyOvsE8+sREyQZlyZWSVsps5NGcQo3ixxgzRyR/zLMHgeqfSyVDz+Ac1acAv2WRtnKeonERNH3CIk5AE2usCKdkXx+qsgHoAuLZBNJuOpqbspM3ER5qqELLQhGm4BDp6Toa8K/8Kl2rRtPoFu1Jd2EogRCtfYdDVl8wCMwjLNI5Q+Cw8YtRQhzGMwGdR/s9mhux/9KwnCNDKiOVB1+oBlPf4MdZ8ObHK7ssPGxnCYq/ciLVjTZQopiY704BM0bElGawo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Pn8iwyAuQgZuguK12EfhmCWDEDoVABaxZxxvMpKIuGg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1o5EG/sk3eWiUZc4TdsksCvN29OX1IWGAo6+qVO4Vu+Ax8qScmQvunOCuEUYJCbv5NPEuBykbvZkfjdzkBXX2wXKQzzV7wzxpNr5JyBAcvTpm7SiblHiXhleya8XqebV0ITRUtHixoa65G68lMiIcHqWshA71ZwkrzFpP+hlcjMCTeYFZjC27wQFqc6D6mJ3O3ll+/TQMTJ8pRTEhJSumbCh/eL3PRB4LUAqmQO+VnPsoTxl1rfKDBW0DH9kyDf/sZ1Xzds9xIisTKt1vNjGA/FPTqKgCzZEZjkuACNgFQLTH5d7EynY8+356OeFW55WXJsqK6rSu1R3g2uTM/U1/gdGWFXqLOaWhQf4TUdtR0EGMQ3OgvWNZG/qkUcIEOlpWGNgVbMW8fa5zd1mfIiBEB9Ox/apGyI0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Pnw35uRirVoEoZfSr2jI73lh6KDMSXMzrFyL77+PD88",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8iu5a4pCvfq2O3waS4hMEFXZQAtMOAKoAejj88CbvThVBBzgjJayAPgH2JaabjbXR3L6epBa0OltXfW8MJW/v3lhkqgL3QbMh3KLXTdG85ENpAwC9uA0b/lMa+xw43/tog207+KjQ2xmid9jSM/1LINLawhaM6bvEyAxXQBVYrr3AHVOfBpH0hKinYLEaxHM31KrzwEBz9HfVJiFLkp8l9IapA7P91lyt7KEavwFmsCnx9hn+C/Rf+RgvX35ol8VWX2djdNnmXz/Rrwhi6IDf4l4ONKkF1wIaI5HF0mzg+gUiujrjjyeqZtTIPzBEMzkU1M7Su9KXAEHHrMtA30kG0QQdS8kEHedxMLWVV9Yboz9xO8F9NbOAT8bz7TEy6TJWtjc3RjvAsHx70aB6IkkFCSit9K5H9hP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Po3fucngZMCINt5Zhu76pCMgn/SjyEiBUM/2f7y/2eU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+J4HGOGbkoWtDbWQSTta2xH+QisFXQ/EAn79I82sT0muCPmRtlFcJyMRBIP79EUCuGsJ0aSYd1ZyObk1N8OVxOwPHF6QbBRNOH32mco3JnonQ5prT/I2QtDVYYMB/yOQsXSZ0ONWNJw+DjEfoEjyFsaGkwWd7fchhpL6gs8PcGzvqcTpAGl/Kd0fXfyY87V10kb70AIDojYZoa5KcVSobYkYG1fj0eVWlaaF1ZqLgq0pOcHF3pfPHtSi7y00hE/xaHZsCiYSaU8gvCM6VKj9UMzkzvI9YqxIesHqOtnaB5La0Iuc+NnJJfcM5PDYd3YWk4WXtncz3GzW21Dw/Yfsmyx3NxfEiMMPZiQvaf1Zajv+vtKswzaYAjfRmo5Y01yXR9CUkCJrBwwFZZ5LvvXi/JzwyhiJZ2Yg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PpS6kSaL+HXrP/N2ADg5CsIE6Saad04E4dtCeQ0c9fU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SakahKPTavplLQKtVOHK4iv4FdyvhWgrDaSRQ2Mwb+JpaSYcLsphEk+5m4L7moeRIhG0QJ3KiaAyASsc04xtQt5oJVMP82PGyBG5mdY9NC+KRqUsgqKT+aEc5CyayBIMSdyRqREle7LN5F298tiCmr0NmFn7SQFvzf3jEmO0JMZ/uQFOTDqLjOYGpSqaI8AS8Cl0nZLGqSR8fSZyOaCUN5GqduVYmU/B/bYlZ9WdntkX35OiNKwORqN/CjyuTKorFFpdPylVui00cOvTXr9CQkhKlpqwEk+3v6J93GcUWxMo6V+QgHvfqWl2kZMo+tn0zoMJQZDX97yqXKOy8784ADsODaYFtYVCJ9Lb80pmLMqcNw08Fbjtd3b+H/4QUehxEynH2VWRKMaiq26gClE9aB74zYGX+O1x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PpszX/4d9FbkACE38XZfeizi8xvvMJ398Ssv5JaAqWg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SuBbx/tl56DsK3HM1G5eGt7g8y+XWY0ieb7K1j2UwLnBdf2jpu5ttH2ux9h4hmoeqdXFDo6nOKRa9wUzCKZKPTgsyI6PzrhuhmynShHwfHFO+zs8j0G7rU8l+9YqLFsOMZFyLAASow74syKnIEuZ3w+M2/vW5t0DlaoIpg49NDOiUolhoSufWtLd+FcuhHHUyamSihjlUyJb5IHNmnvuDgxKQWt/Wc70d46ETq+1xrLbAUWNkVmnYIGzWD2gntk8yJomSMTCOx9+X46SmIjerbIWWX4un9YAYKGm8URYAM66qBIWjJyO296RXeNcbbAIS9wtun3V/uvJGKulz4ckm2CvMjTsnDibZkqTo315xlp4Fd0Hn5hIjLYyKis7lc65waB8HGvVepAnmByxkftiqTdeWfY1I6Se",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PrxBTP1isuHLBfAj3TnggOlc7Idx6nrRwjGUD5s7zC0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RRQfxgg/Abe6f8WYWprdv5Qadv51Agfy+6a0yIFFcrJ4R955mlsnAtRqNT+OStuZvVNHO8/kmlDw7z18gKat6vrCo7Qd5kk62PGgezK26Y+a6kMH99NBkQImb7YCx5vAld9mmBiWsr82PNrt89BGJor9EZ34YrlYrTe33M1Bn+epBzXJSkDbqZN7KQyB6wch2tdNmCZ8jevNfbaIYBW/IVoFO7/aGOoRBNjYXyDlh7a2Dy+tcIJjniXLy/pc8Jf4vVto9TJa5N8ivTVlgsI8uPu0LghtA2nRr42Z+CP6JLh3f/3+TloaFBPScWANPNPAAXhHL1kQTn+ljTZ8+KI+JsUPyMHVXO9oOaNCzYMAQHneXvHiiTL/aP0pB8MKvM9w31ltC/npHCbLoc0mm8gpsEy9g/3LO8GT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Px+BuUq7hVzbdeApbW6h7S65GbezA19GLNWhaLQ8GMw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MMpLYxRzPa/UAHvshzW9w7Cldi8q3Sjoidn/6DX128fP06YZ/Qzbztq1X6x6FQrjFxkF5MKUNsDTRYFMKWljofKvMRUoW2xeoK+GRNz+ZNIfpm0bcfIJDemxo98zMCZ283bXFbnXXlxFKw31x757HAtE10RuSKO/uzHGGR5jaP0kkpfIYVK/MwM0DcE3jDg9KKCKaM7UuWBt30vDnc5aOBdaqyV68nXRDFqbOsR5i+Sk9XqdqJrO4L3HqWLq3FheRYeyPJtgPykCJcEpwd5MA2NEgHDlu9MrtquKuCWaZpfMc7jrKvPaKsdJx4bfLHwbMvEMkQt5Vjlf2aQAK4vl6sr8RO07FPyV7s+YyvsIBWShoCc5znUUK3RAePfvTKRcjybtRKVkTTLgKo56q4pp1HLKTBtushGn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "PyuDEPkAnKXcyF+3Ugm/AJADhoShmzyZskmnPL0EuXM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lX/Dx61FgTczMc9IXx7dMW4gcU8ATvUfz5wLjF6IoYH4lsZsht23dNIrnLzlU3owII+7HpRh4z7eRj4X07m7B7vpbw2vzKlcEmVGRb2DLsbiqbBVhjY2pVJa5O2z1YxlGOlIBRn9OJ2vg8+BbYcanVXlNkb8xwWlF3qNc3NQNTBPbo1RhSkaZxW/W0/rNRWcEAJXXbwTJlRW4xYQ36Iiyph2UTBbCFvKJ7KvMgLKQW2jEc/5cCUKgx7kDQZ6ImsNyTQiO2Xj6DwXHxdBExks/w/wHfRYLT2ANARN+6OcYgD6aOcoX3d5cSbrFiUI35xzNQBwJn9ZtMQyPoYWldhJN26wDDBQwMjFKHUccglNgsdsW6XejSPDSMhigh7tadlcphOMjZ/G+O2AA/YAuFp9Hcliv/OAsst2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Q/k8C3e/0ptV7IljBp1hnYnegvNDEyNWZYszx3hQCd4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wEXmnDBwoFHZM6Ozl0Np1B/uM6tJgK717YBqtoRHpG5utIf4ktPK1rs4ynvPHjE7OCyLxRTTMnmnOM2r8HcgdbFqsviM4yx4h/VNFnI8DEsXfGxA1Rg0XVwPOthEvUxVbyYLSQV6gLnQKyxQdpo8ZMjd6YSio+gKRDDfo2XOL+wPhEbGM21cIZVIWo71uLO3F1T+2WysuPdalxeVy3HM/8voIbt3nMnOWVskeV1MecFuKTMQDIT4I/myNhaqExkYghp3ttfGhSh0UJidvWcBN1ALy23nxbdnN3zpDgIvdQetxafNwmbBMM2bpqbpOheuS/bcRWyGzNaEmWAodmNzNHX4sHet1kAcAXFrkPvg3QLUKlbHhyhN/lvAHIZ2PxkKiNhTuYZWI9ggJyo+1mQExwfsZvERzRfm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Q/z82985wgsnHtxhSIhjhhKa/yniNP5cTgbd/LCmJqQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6uMX3gEyxI/8vBC12TMAg+tJmX+SgDSOeI6sL73XBm7jbo8XQLpDb5j+quUBCSUvsR5dtMmgHFNU57q3glIWBDLOJO0LMLkW6XTahQ6mcsrjzaLbgDb22RSGzJEzXmnqi5qY1fTuR5LGQzR0YpcMHrLXWAZ+HvLYnqy2Q+WzQAs1yRCDn1ZXvfooFiEj4NyBnI0EzpCUQPEW1Tfv0LDMpDxp8pHxGJKXT7TThuMRPXTFitVXhZaR7OXt2xYKGkzA3W7w6imiQRXLRxzV/I2UkWh2yq7C11W7CPyI8AceG7mWz6t6YGBeWcdxWN9xBDDnAnI5XQNvw11oHhXKOgTJ4NS6F0zQUy8h3qCA5I/yxllA4k5/T+Ny0Zvjjrr0sal1HhkL6Op2ony42zxT7LSgI+1n0YxYSDT/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Q0IljHlxTESSekKIXjfZDWI5Q2OdIgYoQCm9R12XhfU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7p8X7zW6aNwFiQoqqsHPvE+J7jgOlD7E386Cb10XhuefoGFUIolR+Pwn38iVIcRqSdplCLZx1n26OkqgoF7tD6Fx6YxJgviPIYuutMWDYvNiMt3UOGnI7zbkFlNgzRpOYUvNRLDTaYTIq0mjSAC4lGXsLwTyZ0ej+A64qFRgk6dGjXD2bVsCNngitY4lCB2UJWkrCA7FMG3ZedOCn35GkOINMTC7cwvsCM15pVyqRZlGqlsq6WxzOp7WttBU5QXz9OnxCJAwcFeguKz4nOx8iEorNz++aH2rHwvs0B4NQZuGJyWVay10YALWWF+/xA18Eap3MIVNJ4z7+Nf+srUp92n+m/yyI1ICPtb4UIU/HyF8BH2k1Na8DnlV5VzHb6FSd88DLogqZr8kgIv8uGVqmBNsJ8FCT9ng",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Q0vM4CjkyGpZ+3ffuf2G5hym2X6EVJmg+NO1GWN8eTk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JO130aw3kM2zfcB9hpD+c1zVJ5aQL3fYhXbIN4aDzHuC1dgvnozGQLLUQTJBhld5gYf3MPJ2aLprlhB2SNJUTDnyBuEgCjRINNSCLEfIC6FwfSfgASlFg/8r25fNL8IATN4TdOamnL7x0saUBQSZc81j8a7XXG+XbHgv3Z9vpXBlrKMAJue5OHikrjWe/H+z66vsdtAE3/aPe9nF4k+6m0tj4lAtnVx/MTOGUyI8XZDJSgKqUYp+25y7Zu+24op7it4vDDeNFbFW6qTGPJXKnSn3XJYxGog4pZX6Fnp9dbirrHIY7MIR1WBuyMCeDSP6xy7+HsDaUfGsjjmKddP2aXAlzQd1zPK1yzBVMFIuh85mlPJ+d4N+49u6rdDGzSB6F/SyCAOL0nWLyQVM4j5DWM4iRrGP7x2P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Q2nnHNZxCJ0AIohEWQcP9NCcdMXBI+kzw5CT7FGGIjc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LSZJzYNa0ZKA4QyQYeSQOevJQZlBVZ2iZ+OzCwPfUzOIQsc1/ZhOxV8WOUqr21I79KLUoLnJUDbkDI4jH/4+//y/mfAyxDqQcnStPsuiWSjvvtj5PwK3BQw/i8+6IZcWFZLzkTSpUzmZLfcEU663OIsm/1EJqLitcRYaXxxYZVZSTgWUaDeirZq0P18AZ+xIh4PJFd5fyhdC3s1un9G/O+yJr9yg/rcNrBGltliK7M/P+bmcrvDxebX3APHyJmFm5Q6uHAgZpsruFxxuY0t0z+0kJO5byEBSlPHnFqbQQ1kpEC07Y4hO8NzEE+tKnAa82Ihyoja+14Nti4Qt/tLjVMEjMiN3j8U0xNQK9n7xVEkaj0cbo3bFtJvgSy6EEWMyyxC1TnIP8wYK8+blPobx5/C4SBMBBN5T",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Q3aEiCmIpRUWmBamBAyksWGZfYwxtvfCAfkXNKSGtAM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZxEb5M3m+B/dIi2Crd4EsjIj4Z9tQGHc6hkNMHp24NEDyN/jQXD14cRqqwZwhw8QgUD/7QlyxK6doynonBbZ332Xo8DAfw34KK9L3Ern9SFSEhNdzLFi7woCB0VLTDfMoTsoDfHPatogUgnCbz6iufD5/4huZ3SIrJiJ+mETyrCvLwVL+5Dfkun1Mg9kLg3pn2PstHSPb/tVe5tUCSC8HHvPM2SC4xj7p+OUMzw9LZDus7W70kdre62hgeDQOZzjgmv2ySwHeOrUah/7Cw7SJEHjKot/c+gJrTXyKg9BLe3KvXVx3kQWJTua+P9dDOUAgewMF+hHuWXO9rAWUDfhOt8YN2wjONhYLBvgJhGz9zOcpLrQK7MQagu1tfbbcXR73p7dyHatszRdJ0NZnLd8zPhA0iHuMt2J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Q3jEYu/vlYxk4U3bXKZbzOs/R29l+RfsSah8udrX0I8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aXGyywWGps3KygCRUZJqvuKtWqyBgIGS3WLUL3scIqijsu4mZU5pcLbzJZhbmxQZhXBgKfCkMrZpQeiFJnpcKEixemseyNoZy8Rrhc8lrmyyrYMpLwtJv8LbJUCxtQRgECpeyG/F4SHPcXCUbhcSwrnGXbgOgbXLKkcP9Wf0gNk87Ch+kR2/iuBifGxieYMJqNgFOb2CmU8Jrp576wR1tiq9s3uenvwUbY+XyasO8RCJ9z30crYegP5URE1pt/QM5h7RmP2tS/LRVsnj/l/C/3YJ49a6E0FhMG/D3xSWc3hTiyghsSqyEz4W6JWLRiS6udPD9WmFFl2o3lSdCjCv6AtR2rtemunhGYQPnHgM6SPf2+2kRWblJn8ALOoYU6cHWtgVV9pKvbJyYFpgRUJaVot/d8A5Se+q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Q4a++uPODMn7yHvXCwHLwY4ivzQuOqbh6bFYDNivAng",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8QzX1C16u03DTT20HsMKWP/8AsNh9dWAn5oEXrD+WqY5zNK70iIBbpEDm9VeVHQF2E8seXXibIf/KJ2BXKpZTHL8rJPSQviXrN+55LF1DGMEIlvgeWSx1R0G8zjW+0wycgynRuGITEWXDl60IXXW4w+O/0Tr4ULmt4oXtxReHsUA+a7Ld+m+yj/stWWOnP/yPmVnBz/2Z00KgCK8oyc3EiI5ome22Ub2UYOV4A99kDpH5Fazy8jVlO8adGxDAIWzfOw7c3zOwYWB3+Ox4y32hVkIizolL2UW/50hSgnlVB3b2dktQvo3VwUGUGjjBwDueA9RUbwws0Gz5PwLq34QMm6yfCmAxQVYFBZn+ap7k2ZVZvdZf11qPnQgak7VmYlol+YX241G/azOV0rCc+AP0Ory1XLW3FO5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Q4qTdcP221RbWpahNOUxsXWUqWEXQWvoSzvu6r2XpaA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vjl38OOEar1NCk1lUadl+5P1cQYUPVru50OBqqhzfj1UTMEtQg9FoLLy9PpRGgwEbz0D1seUazg1uy3aP6qvGjyy/WNS+sIcCTbuT3U3xTQPi/xh+5JB6CDzYmsxsn9xFKK+AUsXPSkTZlI1vqe8wy6rA8K2TVFgwYgP52fJHBWda1jZZp8e66yM0u7OSZgzV/wfgNGectpf5y6xbJni2ZWTcJjWLaosi4BuDwV/PB9yHWTt0DJQyaRac3owlgev8iFy2eG6MaGXltZEndvoOCntTjyRtRN4HvSSycnlnfbqzJpKovesvRQHS2+kHAy5C4hASbF1jEmYA1GkmqnZ+NFxdbZCkSC65Nqr1PsDdnlBN6DEw8vIt1VBcgBPaJYGh7obJ2YnGxmw+lsEJjPJjdHxTfnQFYZi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Q5vWkJKpLtvb1fQillQM5dwnUXXDtDktIv8MHtEH7+Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RxQUeMGjv0zqhlotymWkLAsEPfsytj8tNXHlOGoBgADb+aMnXwMfouCO3RK7A9umCQGOj/zj9vrbk9jEJ/iQBlZVvQSf1S5nyUurbsUNYOjD7s/kZBbkOlaRIpPENo6pN4pwIaC/W0JNO7bp1dieZjo5o4FnF0Fyb3BrHHR4gO0QEROTuRfV6kDG4Kr5R1hK0GoohYQY1/NDk5zdEBCy4+Vhf4xOR4QsTgXHbuud82BvmVGV6cdt0QdeJ4dDp0zcAOuuC2pM8XtBzSbgoaulkgTs6TH2MyeLxSiR1YAtXPN5UsHFEKfWmN8FVgCFqdfvnVgulKIop3QYLv7aNFMsDGL0gJnsDoEApbN1YVPDRUqCD/+2GRgEXErIKEh0VdGsEibTAc0pCy1//CbAargNR5rqi4CCLb1Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Q6i+wqEeu9sufwDoY4Scdl/6UQiu+mPBJ+l6lX0YOjs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "V+8M6YpLP23No0D7Y+pI2yIGhMQL+D5x+ZEI/e1aCW/08KR1j4VRiu3IOJP2INuzujqLgbLiZQ0c/3ywrDt8c+gw/Wu44xmAfcuuWTexshn3eCBwZ4Zxy0uN0Hf5L1o6FQKXAYTVZrBuI0VrMUilWRjnzqmJ5Brg8Q+XCUma/c7VdGyJMJrrKDCfw9yX6rupezTOe/c4+scSiaCq1NeQY+ojWc3ZUZFzuSDd5x5c8o34hSFmqY67XPNXqutq5cfHTXeZSSfccihva7vc1WlcvuX3F9P/DXNFzvoKq/FHmnPoUKEpec7iVRq31355sTCOcj4hWUdqCB7rIXwz/kbm57hf+ZEdZsEbfhQ2F/CBivxlGdPMPuwVmkztKMVYxtmmAtySFIsqBiSXunFs1Vqa/ADSi5g4Yowz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Q6tP+N5nG/+/0819R9ANyahIN/JQ4kFCYgUriB4euWk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Msa2+T1iyHckPCMlir16iRM6Te/parEvFrTu2vZJQ2jrTEHOi4KjZ3s2b7ObHemt92oSdU1r2P98TNmHHuDqQTIDLsKfEtp21Ey7eqTKcs5CEWYOZExwAq3DfFHzE8Sr5WPyFTKe08qnxc53lFFADiCeUVU75RmESLgtdi0KrJFu7v6STpTUN+RLrRS+5yGs2apIO5HiauJ3dwbYMucB0sMPI1XYL/qcP537APXmtzL/NGm+Ol22jsYMe1ZuViNrBadiDecNQIUg5nZ5eS5URJPNOYxUJAgft34e7AiColOgtiTpQW+sSm+/36MCpewjVb6zV/eCoSvc6Nnk5Gxxq4B+F9j6prESZrh4QyEECyzX2HROUBXfTjkG08+2tbGBA1kMrg152Edxu87tqAFpqnck1BK0h5Db",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Q8lNDOtU6J8St/wJkzCpj0UdqYa3RoQ2r3zsFZ/qAz8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/RlZLQo/bIRaknGSkqZa6wchtWB0VeJ8vvvDLAG1oQ9NVkSOus4eL7/ow47JJ3s+Mo+LNJvtnAR5m8MEQ2xSnezdlGeZkP1B2DA8itWNmkRd3zGkZrM7oGkXbzIP/uJqQlCng0sfWce8CAszXZXoATTUlMrztu56Ub0y+KHjSX3jKkGs9GMb1lV/hnAMW3j6+OjI6H9mGTK4kCzmKUf06YVkOF/iGkeGrZ/eyaLhH2F2cXHGuHQo+J7Fj85sXzHbmu8U12JuC14Dj4WNW6sUpYs/H5FjM5nogJBIryHNIRkK6AvDTy4Soi0sZ/L53KRwAgCl73FfiqgnFnmvGrBFAMyMuRL2qx2mRGFgebRBqREKlRGZABMHr9WfTSjWzTEsf7/DAKubzRIcb1DlGBWUofTEvwDq3tTV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QBHkRdtC0o1piwvBKeeHflX6/oV/ATMNykoCppE1j1g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JNBVsGvu0H3EcwfXCqgvixD9luUZ1cRgOflaG/EQZjvEiN2CvzXVOB+7Dzhn8BRQt4iC1IrZC9x9dm3DaKvHHadaX09GmLZKU+0+pCU0c2GOwwZCIrk/M7M3IYwfjfkCeXkUilG+nrrspypLmplZF3KTlpjTFvI4t/jQMv2rVyU7ykrDpAM2MQy6cyelsNLNPF5TVpodtIrFxbnCyk4UbBDAVD1JVR6RCRAQTU+xz2ZWBo38EViucy+CmOK6s1bPvqFoALBWJv1zfbTaGDgISvBkmpiPAM5lxnBGT1z45hTczOaWPGHPAYm1sx1vJQIOdsNeISniRBcjFWSMJvGKjTTefO9nw8I9L4ZFRYTtoDAF4xw67a8/CQsPGVUWmdpV1eqPUqtXF/kGssjzXblC/UA8lN73I2EP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QBIjsUDyFUY88XAJoVhoUyYOmmdJZumwD8urEJ9qZyk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gxEXvm7K+eyxcte+/wyabLYORBoazJPdxECqXbJ46ohmilhxvpeGLR523c9Ii9QwweCrt2ZuZoSEfxC/6Bh/Aou3L+A/SXjHGjq1p4NQO00btJpgAZfLB6SmJ9vFRlRq+3wf1588UjziENGge/+YlRDzPnMsAibLYfR4Yy+jTmXhiTCF56rMJlu0VLukiCbAyn+YEU+Z5XmDQbcJqLBNLJ5d/HMkmupvVVeSGLOKfbhz2byR+GmhbPbutxnQJTO5jVVjBpVWEx7/zOjATVYOsxwqM6GJ8uDHzhRKMw6Ut8UUUqPYou6S4r6f5s09PFpDJ7EEsPBbrVZtoy+npKDxjyWO8gQTNYGTP/zeMzn0WtlGb/tdt4TOqsYUtvDAexnxKb9WKxH1ZDC36c0NzxX/uEeJhxSIUSgp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QCAYiVIGrGt98YWdJqe6rV5QR4NkDnsh6VInfABl7E8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KfEVOfOIuWYbmAsqBKUCvbw6fIliva/vRDuNQ92isXbasyHqwmb4Dlqkz1flTD5j7SzoCns0YQc6tPfK2naUMOOSXSoGn9spUxfSfeFyM8/zbale3NWd55WCR6ovJjOcTpRodhlyq6M8OudLTQ7P5WP71mydejh/OE7mS3cjw1AWwSm0Y1RhI3bWdUcQw0gSBaStbK2KAAyUYGvQ4rT3Ph2q8fzbH96mp53JModyN4C5RyUSr74tpujJeq4Zef3hPpDGMJtKT03VCrRyT5aZgjbFOaNo5UWZZQ3b/AqLBxam66KfXwYXIFI3YsckjdA29CERj06odhG72FRlhhxiAg5h0ID4WjTLN76lWXwB1Br/Mmwl6AorQuKCkhWZKvU6DpNWNJIFlW/pU2t4Nael4gmCzudDnkub",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QCArnE/3CiyxroWTfe1yatpVD6eSBd7f/ZBfVlZzsYY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lw2ozvKIzmq/WkQXWxIA6GaNg6MhsiUwAIi/j6Elwpae0hWdKJMZ1mL8KaYeDV6WMClpCvkNaGi06BFggepmskR83p/WsWKZbI3VbJ1MpEQvDKESaeP1rE4iMMI1Y//WVMNi06x2dlAM0lvFqu5maB/zxjjrWx7wL0gUrpsaxDmW1yVulyKJ44nyt4xael7fuiHEad4LN6x/5IT8ylb+ySCz08pva6w99J2sUdkzcLq8WU+Ezm9aSwlMmdvw+kKUMexELBBqtpVZptKXHnjhfQfGNRd1bEgarEselH35gxMxe54oka4FULGoKjCEGCkH88kjd50js1bjNocNv28Lytq6vRkl2wH8oRfi1cenJ6uKR+wVoQiigQzKFlzcSEXCwlyo2doSQfkifJQ6zhW4eWFP38WVl77x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QDaQmk3OGCISHWoieAfP17C2G87dgqiu2KL93g7I+kI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TTOdEHa7mqfYHJTD0ePzeDeJby/MMQH2jlePR4WVRLsoeoy0tSDiry/c/TibiiMibwqJGBw+GJRKSJa2C8r1drXdHlMBdhip0IOc6MJrkPci6hOlFrr3bSsj7+lYr++tDbZlOzzGaQcu9BsL2HmnVvaxb5DQohdB1Sp1f7cNxBnQSLC6o63rdJ5FrIl9KidKyo9Ctvu5xUOOJknY2fYBsYY5nSP/VduyRuB7k2us3+kjmq27CVbZrHA9cTFGRVTJDjFFfKcHTYgUz/mGDH8Qn9imWKffMH8xG/ZlU3l2mtxU2L/1RX5UGlZXBPe/VicclorDQAbRmoDzJzvjuWLxENzYqxVJ44kRD1kayVJozj3+lDPdcqC9CGgqUqlnJUABwEnxRJXyGPOtDlTfu3Dcm3D2vSSC7vxD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QEsGRATHV7j+rFJRcGjaHZriq/nghhioH01uxYxGkZY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MdGBQJRl3ZmUmYFHuQb8uKTX0wDwhgFY0cfMvBfLyCNuaWkYNskiGfZrqI8acXkTyaxQ8dKWzzVlGNfO8pTIJ4idFf712DsqCAGx7XHc+pxLBULMxA3+LM9LSLevduOZwwPQcdq5WuEw2J4G8Gtg4KUze3ESxrv9tsdUbjm2jvNZsBcIRI0tzoh1Bbwtqbk0c1FoZcsvQYvdMcAw20wBsne7X/mmIEIm7qhzgX9Q76A8/EU2YcL8fnJAfCYShoYAaEu4sXZmP0wmL9sAxzx6xD39CcDzFMul0b9w+meunVZ3SP85e8MaMHz7CC2s+MY370imY0Fw6u5HcwsWgzYaD2fIg2ZaVZ05786O6ZyiZAFd4GRrHqbvq3isisR4vAOkMG7Qr8nWdUXaxuL3VvgFVCrFnBIzmXSD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QFeCD5NIfrp188kbZ6j/nS+e9On7me9+KuOINVO50W8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x596BtElGC46zmHPxzNFjcmVFtCCBeYcXVhfbqrSCLOZVcE7Ka0KuGNGBGMkY682tZ5N5Ap0xOSolTvayuL5IRLEV0ECZr/N+gjnWtL+ddwh0fJ8CI/osF9dKvHjdsVPmsQvOdPicJSxstTL4TrMLizo8Dab/4kSqaTpdYVfO5+HvyfAj0RYVuXgdwt6zQoMtJMqE6D82OaKdz6LgQSM0CqfGKeVYIlyqdauq6t3TjBbWZvyLKCDTYYPNKPIoFJpUY0vwgd1rz0IrNBAUhJpsCA326YzH7TswNbRSYVKcw1Gs0Dijv43juyFdHgv8tRxNd0rafhSKsbnDeIhGAej4WnGwiCXoLNTydyP48O9eCGYO//+teYvWfQ4mSSU0rYCx8mWl3rTpt77ZhakyAjNh9izAdJ8w0Gh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QGWOcsVo1QMBlqK8CgQNPXsjfliH82EQbNaQAGPF9cI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+2CWyuDsko7lZcLGUqsReA73/sZ28jvam0XY5E8djLOFxTORoddQT7/MPQWyZh5Q4RhcD70AlOLpZ9A+EQZ55mJT/HtWY3DihdGQwR5o0kLWP+9l0UT7k9E/AV4LU/v2E/aodNIv9G96/F/ksIv9GXb0Xy+pp6MMQQIVF/52NrrzAtzQUMrnbA50btkgvHTBppTGR+LZzipeLKTg7ZPgdJwH7g2s6HSPWRg38i2Mr0g5WZhdhNPyjl0yIH65yyz4UpGLSTknjdMZFFh4Ec4GsS+v1Y3zT6SOJNxUw3/NF0svB6j/GRgQW1/Q8d4Q92efm3gxyQxtH2twH5mAuDabRJEgytMoOzVdOz/do5hxLXtJvgBfaUrjcZanLS54rMu9Fn05zCfTQMhMUoG466gH23QIVMOOSlCR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QGfJnK18T2uENxJM2XtFv3Gx6I7XGRxV0GxR6+4SVaA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TPu2VQ63ohNMfN5El5SXp/FFy5L5fZBY46+RxxQubyHL24PhlfI6HH7zjNskJR2i4i8/5HJrRe+REOblNc64gOPw8ed61lvixt7PSqeqKiCAcB7/oUNx3hnOm4t3D7qfUQr/tv+QfSsKZ6VmSIoHXeugTZeJUEgSds8ZPEXKNNLLYp4/srZGuRUJ8O8Z2c6cRNB2r4LQdpsw4GeUvQSIeYGMXnFQil/LW2gsxvR4BLAejpxqTAxRBQasDH2L17YTGAxTZFyo5BZ/9SfAeIisogH0o3uVb3caKGJI5vCtRKrCwCmuHFMTyWcmMylU5Sv1tzzYB+euDMCOmIP11L8DUYBWp/rcIASd/2Rm1XpioO/1CaU0xNVoVLlnQ8/9FywvozKk+UHVnK72I3IiafS/R1xXVVonn4uL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QGkiKzHJrCrTysOb/WVARf7HnRPFxBe5ZVsjfBo+Bf4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j895CcBjIFsr1Ek9SatFs0f5IEWp4YiZASAwbbVUBSYgTkaw0FP7uOIOE3Sp7cJoIRibnG+hym7lppUWZo6+aKweL6MGn87EtGklLk9guwewGqwkEGczmHEJpQPbY6x0JCsP4S7WvSYVzMPEUou8bzP84dTzxoFai7A8gSaPdDqmBEAO7ocdVpZaCIiwWJS3DMb6freyOecfMykzJibl5RmZW3pv6FvzOCmpcb8DtBBEx4KOr/WB+Hv2Ytq7kT7TSaGsABZ9mNehFzWZbBjOk7VKAJYjKVtmKmU0djgeet7gEF8s7BAMT8ad1QarfzctRpvvjh12v+f4u1zh1W7oB5mnSZWlQX20JQ3r0AXE3IPKNEmImr0rivhnPR9+OCHjXcHSM1x/adsY1qoxtd3EFgpPKeq7Q6rJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QHOg+h1miJlfrj3vxza5njADMh9lOPE95ykmyDx37zo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Hxxa7/7rIn0feBO9te9AsmI9PCPmLfJY8xjdPetf78fh3JF3gQR/IRv0lXY0BGHTobVqn1k6QwBwShCUHGtfynLAMuSjkMPMuZSCBLy7T7tRfG5HAycyuwKH419cIO7c5OrqV+jRu0YzMAzJ1bxx9zjDRemDECGnNwIX471+huDx6TIUX3Yo9dmMfWmCYX/NGV1lYn9kBul4UNJTo/Z3Yhs3V16s4n8TTtyBunqEgPUIDJW/GWBa+2x29qfNcKzrfiBHjCbr/YFPt+/D19r39lVVoKkAgFqv1gSC3nY753DQV5yLaIxgBlSBWVBU0sluDxbk6trKoVZwVJPTbmbJ35F9HIV94Ruatl/Yry0UCm/lXzwtrHQ/RThFi1UX1Mqm70pzhPdw4nEySKWJSeMYmNgmKnKhsDAB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QHSsjErAGKf8jIVrHpy2pmSOAfVIbjvbkyaHFedjpfs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ragyDHydJTYRDWojYGdoJSOG8j8pt4Hxnn3aHTuuAE71Znanu6ESdvTn3WmJrIqohEJYmH+uCdx04+5TQpB3HWaW3CaXVBFAtIDmUKsgCEmPRdUPvF3QcJZlW2auZWUTpbTgMLs7S0RKBx7APiHSXdJ0BTxBgHeY1NYeT1gPvmpMmIuhZul5CU7bO6A5wQ+jqdAen86clh+V1dQnatp4aW4HyeERFxh75xZF4w4VvxIQ77yCRxsLGyVffk7zl7XABYItL4siZ8PDqd0SVjUzWo74ESAOral5vpLIkSSJ+HQksPIi5di2BFL8nmi8yiX1Ivew6sa4gYsWGakUIIraLWFQWUvyresEvkxVny3qqWVZuBJ4OIQMQ6Msp4yBgeSJDjhC9yFlfpaNhm9sG81HVsNZ2sWZ6/Lq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QJXJlqkABTachuDr8MpgO3vQ4DIfrd3/kmB1hliTPtk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rZplolhF44iVlOskfvsFEvJnlh0tUEVkk0OQx8TA4zKnM5xDbj3bystRNgIY6l4Z843p2oEtp5phrCEuRX/ZRA0Fvgx5u3hIxsSRApToRW+5k4EpPzpMjIDsWRvlyZPa3nNMxsWHOmPcgvSD2/YJe2J753VGsTbxwT9TodXIqSPGJJZ/TB1KD7f36LxBZUJKV1VnvPmb1uY8zUbJRzVo3sNVqj0VQzK4cAb7OOsd1SDb9GtsdB24CN7rdK+FqWyauGIccnSjs/fpZYg4wJhxYde0WJRn2P7RIOVVs3YLmuE3GMYDXHw8TDto6rwEWvZqpBIDxuFRgDTOq1QdOVV0/fur0RGfqmFRnAYZyo/+qCShKPv0wyTTEwf6YaUcw6iXE1FnjvlXDz3aukmljeKXTK4QjFytgEbW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QJiNJpFoOMmXnevjkXQyVRbDMRmdXQLCjgJaRlYJbrE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w4oPFuwHa69BjuF1sqcuiWis543hcaDOaUYhiG+tSxG1aL952f+jV/O5anhTO5dFMm91rWzA2Hf4Xy8+CMy5zcHSjjpDTvieshu+2VXXL8oLam6rYNuPJE4y0qJbmHt2Xvg68A9hw90+WHCa5bMWo4KfEEjEw+tguSjetKl3vJ/xx+ORgz0SMwuMXXgueNpKU92jcGaWB+ZeD8qeIcMzjbF1eWe8lmGcNq5NN0v1lAtGht1NRrNW/av4DUQ5TaXzHhFj1E5dYggkJ/Xj984roFHQhiPGnUtphFUi92Z1wn/DGxs8AV/iuOAeNQDTNW6Ue5h3a4An7Iw4q6yWYuhoU+btHfcs9gnaG2+hoqcTikq3lUDu5ieq+Xyo/ywcmgsIk0Blhd0dbMf1zet0K3UwZV+8gFA/jN4/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QK/azWOZ1LcDi+YdS6EvvZHg1YHuKSfBVJVubiLaIRg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SbPv3fYJlD8W6rk0m0PIXHro957feAAr0QGFTQxwIN8q9iuOPaKdvHECKP2xj8kTQ26Q32J9MAGsJQegh+WE9Ua6ayCiXDSAIRKaUAoSOlTsHEDNdkFW/yKsV+3b2WCEqqA+oG3EV8GvefQzAqCGE8m01fSrcT0/mqAV3NnuGXdN4hYxi53E9v4XpJnA1pOb9Xvf9JBiOvmCGryy3MJr43wrVHAlW2kU382edYwtVdvqjoOdZc8pYri/ccX/AtybReufW11eGJHWQlyAO/XpDGmAenSDWpE29cvpYo5KpR25grsYneG93Yk1TF+fTbElbs5dpfhUcBurCHmgrEMDksuCEAPmTnEGyRsUEFuGAAHh6YDvkiDNVNIClTFpsBZnxYKkPcg6CYhsZozDzSlOQEXaXuMzWSl+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QKUuV8XQr+WGOCTs4h3K8ZJ8EcC7EC/5Hs/muz4fCJE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "D1TB+2w7n1hHrNV2CeJ8WWdRCRPfdHpKegPKP3+hanYmIdBm9cxzn8+n1KWyBipLb47o3IOv2tOMB2FLJgXEUQjM+gLQ/7DNNmlbFxXbcF1+VCUQ+cPQ3Cz5JrpSOaIiz+UGeimwWoYNF174OJNhqu8IfMqRnbC+oaxF9XJKg6NHa1mrJMP2dOoaHhL4XJau+zFnU+H7YzXHUur4PA7nx2hIh/InvgB3YvXc3Pf6/LQSf9cGo+9AMajD1Yhi6bitEzK8vhatfQB9WsABN4LsOynrGQpmqJwKQwmBnXFC2/p3SiAGQ0F1uBcshfcWX1HtFeeaIHkQYPpaBeFt3INpNDFZv2Ql2I2964EUgb0TIjP3J8ch2vkP3zL1W/+cbHyFZVRn8iFaOQQ1rLSwe313BlpIi47gtjMq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QLPY6T9WD/x8B5pJfOq0LCmMtgKCOy3O8xPNWhKyiCY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kBhEdbVWGGeWyLTBaP8bP2/O2fGtJkbRrN54A5yEwmU8C0siAcEvEMuQk0HJG3u6w6vjFMYL/rqupKQu3BHmQQn9vUpDIh2M7lKHf+/OC1NDUOmziZ1j/LUGEETSbX2uCSA6JsfoFQf/nqwzaq2qvsSgXPlS6fKsDtXyMUG0z/gMbjhYulg7mBnOxRe881nTY5RVf+qpaXrHh4SBnEmoG4EWxIy9RBHFKyR3j4njcVDIZIAaMvVCCQCjM/PO/ICRJcmQ8JTH6RuYK0Hi7Ka3R4+GPEWqGgiqWP92rrLSDmSAGcu0TmlcB3pB874Jf/lRx+F1/7vmSlnNW5UQ4MAI1Slnx8g7zVxvT3Rgjv8eKB1VJtMsrovnXJWxINP7AAYfbnCBtBGrQA+XNd83RoiHNdV3svKCwum2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QLo19kCOHP4yupPKJpR9c+raoxnuYm4+JldTRYKDDpI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "68us269CJ3bs/HvmYXAfvXWhYuQKOjkeLVMaLEViDoHY/m/WCBmwDPGRSLpw1gb4bSqR4LsXuDNdM8N3c1G4cpBrPLOGLrdTTkrBAoIsev9cp1Pl51mWBs6Z8VI91CBQwSEXWGJaGrRNIA1m38DJ3H2Hpc21tpImEo+UFYR+jn4BMEGKYo44l7MISj9FbKwyMWT1kZHD2T3FQyrprfrGI7mHivzQJmymtcN+7o0NtQRRqlysyON6uToIYJqJowUJn0LF/Xkp20T6ng+RB/1kQ4FQy1kZ60yk4jqN9N/WEnpDK5AqeqPfwQJ1NI5pknruhLSaHXKraFlMxgtRIzRtUeO8jnehcwmr6TC2eYLNBH7lYEbAOGaIaUnkRQx7p7uTOveiwusIZKdGZM+sH5wbBOMpqupOsepX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QM0r1EWNAdjhA3buBWQv7abNt4HhVRCQlvl/ghgTX0w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ij1vzy6CKk5Dkpgi3pUZ0rURUAlpB6IqaJleYQwOti7JeBBK4z8ORRhu/hQJsWmm1ebh+w4DNrcnrFw/b1trVPzXMj4ehf/uL1M8164h47t2ejgcmODtYTNm4m5dMV5IHZF2b3Qi6J/xXCDrKYUdf+FpQQoaqj9RJ0YS6WOa0Grr14dkEhVTkNqmNoX94xQ5Wh5BjlpJdfJlTFwzyMnVvAranIAPgisevmLGBwvLZqfTy9ZcfYQRMb+j+8gD5JLusVh78n7nh7dE0CJVnENlNutzeX+/fRHOcn1+xWkA3c+/Sdrro2NQtpY6kKEdZo44wRPy+zLk9YbmQz/ycZMc+raQOk1+50wK2bk4GMPe7eVcv22r/4Lcko1Lpo32qn+IY64SjsbxsQzpizRoOOvqc2UhhLRkVNu8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QM3M9f0S/OmICsY6+s7PtHLalgpJO3nWa4tSBpE9k2s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jsgaziLo4Y82JwXB3VJB8eeoeIkzOjlIDjRPhSMyFIF9CFtv3BrAZJNzuj+AzmlmogS1BmbuwJRJbL2wfnLomtDJoEh+kfwit6GtKkdjt9DxY7tvMIrW+jDEMFcQG7/6AXWroAUWvrkxIcTZJCSaNLhGXwabEJIUrqgWqERXD7CqCDofxDMHCoVPKGkIiOUdpgiH7WImpuIoFPG8J4FAhM4nl6DQ0gAvhveIZ4ZzYooEzmlkdhoEkJVrO1Qss5kJJ41XDp8tibvOOtoxHTijG1ZKcYpHYsmiVJAXnqjUDUlokHZRrhWajO3pyxVpbiS6n7+uJoGb/5BzyhoO5NpoHaMMAP18jvPLMmlrqq8KQc3YwaQsBt/XpTbjwgUC3gmMJVw7wyQZy8cey7gJKAqC8mcoevXDvTre",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QMP7gzUsjLRHl+d/6AlH/ilkjoH99dvyM5INRcz3rHc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TWAms4CgmZdDyqpnJgYVxUtOImndtj8EdAV+EZEaw0i+gq80i/Inolh47yCw17J5HGs3I/VM6rWW0zjpJ5WFRECYZO83pkoNc0/1WpP8I58Js2gTX4zf0E8p5I2Vf8OqsIUY9YVYlEpfzc3YrlQ62e4fa9oz+9CkCaZgm/gx6NSAgZqiugnF8w+wzz9d9atz2W1JaJtXWpvc8EtF61cNB9ELKj0v3M2uTxJeH+12Yyib+zti/uZ0IA6DwbXIcdNWNKeyd/kFkuwt9s5k90Y3GNXZkvkHXNmpcdrY8VLSnvG9NtwoCmp85HKzzoZNC2QJBh7qkcX+mXvUcBUy6YIxe4vos+y1vejIHnO3WnZz1cjAOwZgltbPck8pVnsZWi12mxLizIFubBPyypzul76rUFETYKmQw9AU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QN7iW6G7Gxbjv38IsUXzhwhHAmNzYp4aWbSJShmly4c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "93o5mnG/FSP+XXXqhUiFvwQU70ZvK9Wzb38Zfm/rV4T5XCgQ2C/2d3y+0EYJWLIOdR6yCg1tuztZdCBTU0eGJjD4D4kXolrj1OZJ5SUceIYvQG9QLOgSsJBZ/eeLrowegdo5IuetbLScu+75wvs4m47KhRzqv0g66b6tBqp8c/0NY1oCBnMcxqVORq3GLS0zEla1BncBUaXSvKhcxY9Qsf7AKI0WdPzWgpeXIhURmBzTgrLLxzp5zGgGD8F15UikrlwmQxDmtaUXCfpPSgbRIgvlN1dGZv8L9C/1RLO1C8ZYcgWLRNRTzjlqYnC5kjkeMneYwZwd903Y6nBlMYLru1PQ5XEl5kiA/0tCBIAaSts2+njq6mQLVrdQaDiMdl24O7OgOLjL0EaG7fGOSQV8DH4RGFtYV93w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QOL8muUzs2gV20nOFE6GE5DejyRJBpTNHNQMd3c/NdE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VL/CiPWd6dTw0nnCGV3tUJxKqoYMcAcdf5ezFITE01eZIQUAKPRA7zuxTRXEFa0rc31qsNTGxA4GHgpv2fIFE0F+QBqtqpGc3eqMO5dB27bPNM0GobzrSviBwIEFcGrO9DuPhgnVy48V3GSCOqWf6WFC8XBhwefWJ8BFo4t13oi+hui4F15cA0yzzmeHkA4p3e5VCdZWeuPORv9nOXzSpQ1ekSe48F9GBk+imUM782ufh9WZH4Iwlcszjq8CV2IJLHicmMgHNq9QKtN2DDN2YK1u/fWhytdpxfoSeI5FHOUe/73+Us0eAA1apMm2QmMJjqvt/NuiaVzmpYkhAk/f3kWN2JRAGXjC9nSa026T+oWAxHd9L8mlNJ7hHkc6E7TD0MRTov+b8T0JtXWyj8i+BzkBswp+8Sfq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QQTpsXg8W30pDqjDMLw7XcE962/z+E6VkAgC38gAGDs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qzeKE1ycVtCO1ZVxmDBn1lCc8Drzz3fvyuDYgyeGuzYOTT0GsgOe8MVN4MGw+gJoDt8unxg/J5v7fP/cKTlYnfdjBNzhPB6UP1vmMvV8UqP0Efc3XrT2dNL1gUSZCTgZp3/B6D/ipjhveedDKhgwZ3blTRl94hINj2tPTvEfyoqNn0weP853bfY/+EhH4N8IIr4cnTrMsR1hF7Lrmz7m1U8qdlpuJn4G5iV5J1jFaUKQ1EosIV4qw6AFjOs0HHxnqT3tzDqWLZHkgwpFJaXZHHsoVPSz0kJWSUhz+Tj9BePzhOtJxc/OaPmxioNbo6vGVkFdsd9LSswpJFGYrZ1qfDo7OXL0DlSErSMr9/jJ4zNo+FGeoPAYSgWhrztIb079Yc1wZ3E06nxoXLWMVB/qb8fedg5rSJbM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QQmCD3hwAi263kLkxo7kShpztFcvFF+s48867STU0po",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "n1EaE0LK82qWALxmArkeBI7uUHbCXGuPaWS7k7BVxTpl5ySNofxSXYg59H754Ry2jqXTI5z2W5TKfI7e8Jzn5YhVQU4wyRwHmxP/ubAlnjzmr/2wUmqn3zFhkblevAJ95Ooyzb655NbGNx0egdJnwyt2/5CEM/SEdsO37zZCVD0qTbMBaLYYghCxpH6sA4zBwaIfMAiKuUENK+tyYZ3KvMMKbQqWU0Ktbtc7V9Cr8rRRpswQ2f/NWBjFFCpvRVIwvVNTvYh0pBly59OF4wYoo1wWu0MNYpkVLMnZrp+BCBcGCh1tAFq1NvJr34eEc0UBi/6GOwNXRrjxGoEGr3w0NNfrmaD+sCLQiAtYlI65FAgEhlZ+sX4Zh3swalrYLAGf1rEmqG7+OYQ3O7k5cLuXq64n166e/so4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QSP3xkYAvH48j4BurxU+gJA+/+UIaaGr1Ap4AWtcot0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s57W2jo+kLKQwJrj6OqXnk+ljmKcFmWtNydnpvtCo8EDgJhV3PNpyocfGWp6WrfCQuTStKqzu1qw4Qp6AOXTY0/YNfk5MhvmctIXpWShPcBoLqnTH1M6kmOrkpme8FoNHewXnYRv2CsxBi0ecgCbmLcu+DHx/iru/8ske8tTVDI6WIqLDCS/LwFVz6gOAZxyMMq24HszCx1b62RNnAcfQIdBd0uIWKdZKFjoxtoOv1s9VB6MWRINMIa1mnC+9i9633a/bZqNxD6RLgEBXUQkYVhMoyu5hX7apLwMYVbOemaAwL8IK5kid3axuqdqfjtMS/Rst0zk1u4bzwbzV17OCVdiolHMIfW0/V/vWtHO3P45dj4V0kIHo3ud3Pn5SXaCuPvbIV9zx05U9Kd7aCiqkxBDmcjMw/Q8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QSYYp5umwuvGeac4A/zsy8vKp7aviEDonU2+6z5C8jg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8n6iJXhqq1lOugI57tBX+MUfWCX0PqFzh7ZTk9CEj4q2CCnjjOIRi8ynJxvQPoAhLiAtop87fr2Veo5mXeeBewE0bDN/0stAtBaPUST/MwKZ0tTn+FJZVwaeJ6rgcGESoC2iuYH17TwTknWK3DZyvKF6f8d8AyHA1qHxob6RW4mSvoaI4k/+uz1Jt8gF43lSmk6N6fpM2hJR/3ZNGAD9OEOQg7zsZRkvq9iRaO9hEDnGLbT/u9GNnz48avZ+1cRU57upd4I/ymyt0Cn5gW151oFl/4/yj6eXDkxbVcDsb4P8flulBZCL3DG1iIx692rweCYh5IAGoPpfT1X4p+5HlgB9Zzk6q6aVg+GfhJrdGFCeT9y9GNBWpEAinbxD2B+ru5eFbGrS54Xi0sK6MA0zhjtXlXgKv26N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QTABvIbOq7P9X2PasCcf7QX/gmXSrNVoDbGy1YAn+Z8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ORrfXDIl2gjxIJRrwGUPJdA7lNxmAd6A+IhM9sN4USLB7rcEYdbtVmcuQLUbYY75DPLYpa0LflxMjK3zkQpV9eqV0lBRsDGbwuRgJjRcJgRJVI8GSZMkvBAA4SYWDAGbo2HPhaO0rhgLr1M4i+U5y1g7Lcyr/IDXcE7mcO3tE5aVbPD+QEfA+iXrUfttAtbUpCejAV8ahfZLm9hrxkMfNCBfxBZQyHVWiCnyb2I9hLBrVlsCsvymve0eiIF7opWL4i7MENzG9Al+i72buIAYMcGEGiwjiAaTxnlFhK33TjBWqFLTeDZ45eHG4SZQoCYTq/P+XobxY23WsdUAjvRtPeEM0/yCQ9PCXYm8C2rRrcDTQS1+OkZ6Zit4Hq55jpB2q+zEAosOJPez91i2m72SgaQrDT25p0FZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QTYfZuOisVKHhAoPs7gfwXqOjiMD3vO96YlAyp/t2PY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eU219yj3HLn/JicOniROAISE6vAQnVs0NZNKPWI7oMExkjMdQLyEq4nsCfXqvWwnTIjSjXe3QQWB3O1UQ9W2+7ysJbtv/l70o1N3BE9KbUXGJr90iicil3wM2eRmTzK6UGlAfwBWkcWvtoDm9KqYceAB+Wy1ZNgkRMZcEwSb3s+6jMTuqExRScmdTYRSBz77REUOZcJ7HQ7Ett8gssoJgOfXEvFFgcoPsgm1NlI7RPBk1+sGTS5wSLJlm4xBb9tx2S27Jv55Z60wXhU1WZWWOtRnIie0gPYNixQuAM8d6DkpePfaaJCjx9WvMdPO/td14KRZHsOwA4Ngjb8o5wTzUMHFfxVg6pOZ5rjYGA6UPDOEujiW23h9cQ/Hq2RHOxOu42UysfiMQy4nt45pxcldsaFQct60M4ng",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QV2XluW3KksKQ7AuiOwsAbTLMlihO88YlH1uZgySEoE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1yTX7L4pmMiZtuWdskE6AL5inj2tR4OZXUDJXPDJltwMmXUuyrXA34O8P4kg7zWOTvdsvMgOypf3QruJqafQeKsGAlpY8kxl0sI6lhLQhD8LHPjEhIaeoZ5r7cfOJI0K3YzksRct+HcaoEDseeK9ARS/W/pv/OazLi2gkm74Bar8j6JYJoDO3pW13Vm3POCeNPpd0z8vkR3vty2VXlwnAyAn8QA3gj+rw7qK5+bNAGLOd792neIxhTtHScZdB9EzhZabMceaWTKQ/ByyFquTnCMAPSU9BmbAe8uTuwpMCcM+WxCI+NX3P5u4fmpxInMIDOnOqGW0M16IYGhaowJqsEJxR2AtiqtmUoyTZlbCJYXDlwTPPdfjw0gcGXFoBUt5tcjWkRGG3ahN1hlFqavwwzGAVHTZr9l/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QV7bhXTZSZfMbjQyccH/+jBp63IJarUyt6JL9wfFi/g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E0QhyLGF/l1KSCcT9o5LREcZcc6wc73J6zTeFUK7r6c9mvDeJgbw4JLd+IS6euy21YqqHA0ML9xVz6sSyllHc0CM2WQP5kz3T10Q0cAZnW84arhGIAWg7wkE1pkBxigOSIFf/X9aGzlYG8BpHU+b9Wg+dkXYjmW0TiMCxFIpRjLVehln/MXQs315A55SfXAM064sAGV8lAtjmvXDvYRjnjE0uhDmxxpS7+ShVmyMIEKXV4XmGzskv97qCPjyRhZjS+kynVW73GF/tnTEPWnKC3gFg9qH369LuT2Vz74KDtWOAK9YKEccIW8IEhfM6GdhWEoSnHqjhbdihFb8JmebmDHtEhOyzULujrWt/cDu730FZZlIlttXxFxWcig9YY5DAhgxPunoQ/JmGnWZTrXveIUTh8AzJeAD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QWJIUNIUsCVfWCeseFEckTiz+zzJWSl111e7WWoZwlE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/goxe9rnHklEUSGrjbfTwmPAsJja/mq+KCYv6rEKYeHiKLyuMcjIqbX5poaxWIcdlOXa8TiYHYCF3GF6wl+Ve0X4ubkgI392kKq+/5A54Ae5pqJiI6ESLyXztAe0GOG+qoOH34yNuBzdRtIzNNGGVOKbOAMDM2Nl0jnHVGNrrAIsxVsBSti6q9yCb4ExzJbRzT303tpilbGBl5MaESqrJkYX5blLLcrJKtA9YN9rhxdA1O6K5WTHSPXlT8yME9wS4QGFi527a0ZxXUpkjTAUE61GzUyGPZ4hCuDqhUt7BAM2xs8zFDBN4ykx8dWIMr3E+8UsaEjZZCpcldoE68vTmGp7CJqcvSVuK2CDEikn3+mcKxuVKUy0+uNJu01ic3cYPJzq2BSQFIAm9NoGfXSP/UxSo10+7Bpx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QX92HNVGbDTkCkAYGtSEsP8nVCYvr1Ew9x6J+7FOhsw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "h2Hy4VXfUi9ebmenJwD20CBDr0ON83AooT+IfBjaItfVdPh3sPnK+7mSt5gLwqavXkwzgjL5UX19AwNc6bvd9N2qrMuo07Y5vdfRLUeElpC6RUiOQ+n4sSN8dBpPhmOJdQrhRiKXuaClu/PGhBeeOc+Y1B0BZocqDOI+l4PSoxvX+DmZUEY/67cnWCp8a4D3K1qk+SGafZyw+9i4aBoVPv8NuFZ+m6psgfOiLLzxuarwTPqFYlwYttnliH4xu3/x9KmV8RDVrhYAeRzpTX8LFE9Lskmt2My0Ua3cS6nzuDsln8KQanO8z3Q7/IJN8H3U1SOHotTkWtxeEQ9qUJpoUwBrTtCXHUXW11A0BeEOtHR3Bxwu6eMUNivky1zLXlxokOnMywEfeWXLtaaSNgUsfApVga8Dq88x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QXVXAC9+v01vTenubXgl+rfmQVFk2mLKRyit7CD9Qjc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6kIUm6e89NoKJmeGiqoTajIQ8Xdrhj2z236+ytlZD1bn11IczYB61ydpeTd0SdQGd+qj2/umK7UAqRLbK04ZN11GvHg8swGKezYlx5a+wSn8Nw9CMy1RT+LW6z2L7etn0Xk7lKSEm0edCB5Lf8HKJemtOveOkAV/6Fk93MelmnPEwh7XwCzh3QeGKUwDA8PLOGLe483n27aUgE6+zlYZaaKB1vo/clpLECnNzVNyRvqM3VNJuU2ey27RLSmWP9JDfL+HyeV1QOLcnoy5Ny3EukxUbOKKnvKwokdCNbQMXQmqKC4Owlp+dvf4O/EzrVO2Hg65eQAC3SwVfdCocWtEWykxqiSmKY480wYH6VuyyzDbCjlac9HYa0Dop16LwmVJiwwOSL34u0a3htvkAqPG48+fn2Okyrne",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QY5dkcJNWasU2sveIOZOriRpoN37UaZhBJvucFAQcfs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i7Dlzo5HKnRI562rBlW0T35cKZ8FynoG0w6N/4zP5SrxUkg7+dtLjbY8xl3VuL+ZHzmstl0O8ImG/UrqECDinY6JbYYqDow7Gb5o86ifIN3e7YDg1yhssLCVmRA53APDuEY96UlZgX942roCJ/22Zl7K52ATmwif8Eg6yu4MMZZvOBr/BSqT6JuaDjwGW9cHhNh1O6IvjMJrY9e7ea96gfkQM82IJSHfoId7gdcMStwIVdT/XQPhmYA/k3HGtSVsAKJrgR4vzw9eyB9eCgte84xpd46/TVFGuPi2Jo7yJXuUJVXPrlzEaz0ngok50EVXmaZeCAnZXG6GRqddhGP5kZfFlki8bP9D8wPdOEyKDJDUTxaXIjKdEAnou2J8asquKedbNaCtmq27aNycLDa7w73UvY8sM1jP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QYNWtHQCe/sOJKIsj6cIi7/JlsGy6GfZjH+fQHcZd1g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v4qjQdg+wq8AD/0ZTbcWY4P2FaTbLyw0fsuBO7pUtmpAa3h/PZDkVXoArhVLp2OV6hbEKD0Cv9qtgkKsDRrFNq/NQA3ZXPEHG+UXcMdWJ5WWspMr5mjyBX7NT30T6PP/s4t+RSIpjKIO0in5jod0eB4uQAb+ffdJ4Gkz0ce62Zl8aq9/oe0JKP3Kk9Wt9O8w05y37ZRVxN0cO5Dw8Bl1GYIvQ99Q1RJfCP/36Vo2yiI7scrZipSNLac4VeY/jTX3LP/HyyW0MZPz7hpOfyaYAea6UIHTcovxeTuF5KZ7Z1pd8GRwB4D1JLvphFaQiIAtPWEUeG7EWdp1v0V1niQSiwXq7OuRfImuoKkynQkhD9iZhEN1kuaeQRuGqASa85lm4mtcpwETdCP5bfkDLu7nWN6+8KqouDvQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QYdwz1JT7J5N3CXqLz7iGftQKHJnXfFXh+vw/IOEUMM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9ZqywrC9dzleigl/nELjh4wqQuB1fZPkM/EgvrcRQeTWHaC9o3D5rUV29CoSa2exupTcWGsjYh/hX7zM783Or9cq/CnuFgLxpPEBJ1V7TbgoCCu8pxv7iLPf3jlbPoo3u7qhXdXyEbusQmu5WCOyjVMLxCX1r6Zwc6mp4lBptHgzUo4lLX0bS534JJc41GEsxeRrQoP/tp3if32aOaJ8LB0OLf8tWOaGbaymYbP0jaFTRYPjWX4l5zkaglFX+jUmLiL7Z+xg2IAm+RMUczH+EskUQD4FSScVQxnJfrY20jrou2fq5FGCphg2M1ck4D6QaNBeu/L2ssb9jjLoKEaBqv3nrI8gRILkus3o/9+FRZyxY+euijzgrCb79ev+kvl4QsQOBQg6SuOl5MCELWh4xCDn0hCffTLh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QZ7aRP/Xn1Hx2KYVXr5HiKxt8yZgjZly8N+0+89rx1M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VK0EEnJ9qXJctqTVtQqRFSrpfAS8nzZ0Ga/aaYA3h61Dio/zddd9IvYU2zXELFjpknEmOmnWqhZ7mzUojvAVunSdgczPcDVdcOfsuve4EtY7r5bTzqbvtUHD6ARyLVU370CzIfLUnHFQ7iJyoRh/HP+zH1cyPNQJCs9cs7efuil/wGqyHUH9Mie5rRBMwKagxKOwd+ODno9gKh+NyLLKcOlO3OjGSJqqHyd+Nvt6ILSoJQ+JAe6/lWJSpLQNHiH7rq9dXcBI4YkAktLj8Wkr4kk/N4E5M25BdZLu7+vYL4GV7HJ2okklNdRxwD3mACODckxu2grvBedomoQizaN9aypciTBweBOBimd/D4wMXOt5d4mSHe8Bgs4xFH2+ktEaO+cpjz7QTRpIugZxA4oEc2O9s/tBDFvw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QaEMdldlo7htJEcbqKzqwHDFqkWc8Ad/QyCpWa9z8E8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oguCladvrrUyPmal4TgfKVLf3J/N2EZfyw+Jn+OOdzXXUO2EHh5CfeEY6lnJlhaM6WJqbPlg7JEC5z0Nr7qVspXgMkJcgx/BFQlLxMEVNoREWYrkDHzyUc3lObWwCOhGeQDzfdg+KcjNNAYqYUiG82s7dWU74UgJcklqr88YiW9NLU1ZKaxKmGpDuA8xoOkrkaz4UohqCwyCcwL1kiLY5knFJoflpv2ggw+bmDAIm/PPbBrrl0bPwjEQkDeyRUeKD0+/qmopAML+cOHya8KbQH1pDY15zC5HRaLdDn2PkLgMxkkgRyUVH1YSH1AN+74buLN56hsyRVtTdmTO65UUMXjZgkbYTWgF6CUoDODberTSuuLCD7BPoZNFak4uMZmHnc7hGQpvLJJvZC1lt0mieIw8nfs9wkXB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QaQ0nuQEgDb5jeRtArtItZKzKuLBWGQ3kClQh29SyJk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "K+HiMoW9gFUGkAbgqxY/L9IcKsmcHwI5/CFuo89pwNzw6LRO3aMfJRZQjVRIALMHh+arngvcZOGpLXhy9cVMi1Qo4Gt5EJ2q1QzJ8+d/Wnm6jUYBzauBnP3h6drnOS7If0TJnPGRT58DzcJlvlDyjGfSZYAYoAcQy2YLNBQIDUHz/GV9LTACuMaUea0X/px7ef358UBmNZL70cow1IyAPSlcNZCEzXRTqgVOKPN9iXBtx3xjRxGS4vEdIyschZG83MzZVJUzbWF5/pH+gQ5a4hauWBs+TkCK2Tz+y871E+Es0vt9LXs0GDkABOi1GgII/eMYvtOAPIfdkNG0SzMEzHfXB89hiFqK+1V13pUutGCvK2PXoJNAsNSaAqJIO932BrZsmtf6WpjTZSd7/pl05zm568BfuW3y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Qb51CPo5bBKlYtInommT6n81N4y09AK7PHvYV/K5CoA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "X4BUWexHLBxgCX8kXoxdF57mICAq771/KvCyCY4jhGUU7wm4ep71u5d3q3w6ugE/m11Xhngm/7kagTHVFGmaB+C+oxiUDSXHtoPgR7EHhsyyTz1mcqV75+7jWaa5leyK6fqFFwU8kD/S1dkdf5RtQaW1JZNc2elhP+7qT89xYkox4fQpgvEwtQTNMXwoXyzETUpTHf/mU1liKfqEJ2UQoaBJsnaTC2Lzzi6TGsPepW2CGW+IKGyYP3YZZzhCWgdcD/WSSQN37/xv2A5t9suptO7KS6JLwgWhB4Warz/6TKXK5Tiu23OVC5pCTiGhWa40HoDVJ2uDn5ffdLozKYmBC1jjxnZUs0UZDljyEdaDhsLqJ/C26wFsvyLl/qgF5bGslqc3El94mH9c2dRmpMbjckI73jSgLDXH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QcZQV99426eF+o+G2WUdIAoAJC2JjrDYROvV/p9231Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "I0HWNOTQr6dNDMFmjuy+i/WlCdJSqysMWEShgsp6xoOXjqhyvUg07hlPy/QyYMsPX9vxftpAHjuuoqL7mkloQBJfYKx4Nn9CxgOvpMliyc+GtDPFBwnM84lsPLsK9fcFbIlfz5UikMag0sMbCvlCFfBNMi1KpE6gGxpnQduonEQrQOJ5CPnIkVL9ZDCZSRLuUc35gFdkPSE+p8WbRwdiooy41QUnXKPxPclobPJiSLpIgvVQklu3dAFM/zyg5CvYDgCjUnWV5KatVlVxXj7jvxfFAxpSmBqwgKLtnLwYnu/BXx7XeAN2QF8aZnYAlky2NUDK3JFU+u20/lEcP6++cgzrgO22UfrmBRmcarxfdFqIRnXlc4El8zKTWw0E8xeeak4yrLUmA+0t6UOZnCUlxlkbpX7jjlGx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QgnCpk80NnwA5Faz6pWgkPiQtow0BtChoDQmJzHkXHM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ELOex6H7Wo7yX4HRGKSNf0ubp4TyYFdzPzOAxlPDV1HsIKUWkpAYyIR5kdCdHw327RlfwLAGcGLfsRd0/sy4MMiisuF75CLrP7dhdjAJh0/zoF53AeR58iTCaIjAQzJndqibbikgikCwa7ksvnNDD/tqTbz1SzX4ihcLJ85stSizBsMQWhmoIdq0fUVKVbegdUFJ6pGaqhNb4O99ODO9gP7MMxED1ixHc5kPuYxhHYNo8N/7zYizq8421gRZSZaVK7jSo8vQ4vucValZV0O/5px0JkqPHjrN9iVcXHs4XxUwD9gFHVeCu3VesXX5O1Y3Nbz4G6Rj+p76EpuPUw2sRvOAaQXrQZ/6wdEmHm+MFeZesxD0rDXtQveZFt/cfPG6QAaC2QEQUVPw+OuxJs7zilf4vN1nvTwq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QipwWvzc2eqThkdWZ0rUJQPe3tPGs5jbiTbf3DfeqBU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OnrukVEB5a+RjPGNsINtV3HK33YTkEWpFfjiAdevgbOxh87B+RlMu3bPZTDKkBAVDt6hfR6YgLBJ6Bt1ejEpD2buALUkpxc4p6Kkq7WlnLa1AZ1ehiejmx64fuZJdJqORuOa8okdPrmqiED60V6QNHh95chA/hBYWNJoap4ZuC/xBFrMRrrzi/q1yBViF1Zik4PE4uK0Fe4/m0/EkBWM20/hMQeyckMCF2cTNVLTx+uN1c6EoSehmxut58gBdrq44kfFFkBC/Of0BShKO58keYe/q3CETDP7ke0mJPvMrV6n+CZRZzP30tQJqO8Vx/3duz4wU8Ln2ESUtt15Ya/8EI++lS6JU1kBPelfARQSxRKf+ZEEW5CDhL+1tL2H/ZTme5mOiJfyBhMrK4pYi6kQqU6zd4d3nTc5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QivXHtTfKRh84OIURqLSYnVIZdOIVnje1qO4oLnHJhQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "17QR7y+OXjqdLELJv+fXuNx/AXMjXG37Z8qT8xGQRILaoB9V7SPYo6+dWjVi46o+o7cWjbGpzt5ABkUHY//gm5dtL9QLilkjUFfHaRAMyR8aqd7RuXFy0ppNEdJrSohHLDAATFLQ4dY+0pOLCp6QUxXsEgiav6Fn97CPXpPXnPgmZcKGVanpv69ylw6pqBEEDwfEIkhYSPfWH2HU3X0lv3t8h8kE+e1+G7sVaoUNpfLiGrt8uVNWXndzGa5fnsQdcH0vet46anBhFJy9wxmFI2m+plswznpm7aQrewrIdF9Ve90/tYZgaQZkNPzA5wtiWjNLcgE5tFNFgGkS9spA5Fjg70wbf4zYVZeM3uEKpjJSpMSYn3eIKxoNdei95vo4lOHjWdL+y4/nGvU8J633sOdnTNCXC87F",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QjYnmoBrcnfUARp/5sc70yjLHaC533uq4Gr0VHBqHYI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ymd63oXcPS163sd9boO9kUwxSITvLJDxXWlRUZju0mi8vc+pi/BaIu24n8+Ud5LAQxd3jOuNzxZYtEnr/nKc0vuZNuEWM0UCkTVwJqwMb72xMs3p6tDbSiiTnqgDoDZ/XBlaXLGFWGIkBd0YHnHdoae1nwjEbbZEjwzwUOiiAx3zaQOgd9sWSmQzZFvYWPQ5liYjg+9BWiYvX/4vtsBmvaE0rPxLXqdOlkIFVeSG116ZLeloHGU0BQjJsAgpMroJPqSlWtWHlSJgweFA8h4I+8PrBM/uoVXbOGlsdC2Lw/T95rtuzkDFvOeUpuyENdUz/Ye33CKIJkDfwAvrnc4d4h5xnUrszWNWnWqoaK55PyiHVnwv0yBk/mtZLSY6j1xX3l4N2wfeIxtdfYyTW/3JHKQiltp9gs3Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Qmnc414z7juiSrq/VDjkmkhQzGQsMkL7jCMfvO+qFx4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B6D+e2cAnkXj5qJ7rfPRmZP0oj6thoJz6toNERBLh7EavuRG7ytBfP8BeST6Z30kRNFybZNycRvGBSlBkjBkLa4H4jvLAdoE9T3c1VuU78hVCp2iLiG2S47jaAqbClVJ1bzemUp/F9Mdirhn84y1upIMuGvAJXvVf6hIec0RA8UYnWX3je71WivpR6LfKUE/5svAIXkyUOOK3Yy8h4mHxdO8Oiiroqm0hA6plCLNg4ahzIUji+tzCo5bWu6sA0desI8orfjS2ic7SB5A3py6LzRQAzrbuVGFYFZx+pRXkop6HofZfDoRP77Cw6xgSS6leYyVdB1ibdbsCQv6MlSnyi7Kp0qEzD9YHlIzqHeBjmbsJN/JFL1PH3gzHgt9oE3Y29jmQny99+PDAH5KVaXxMoPGb4BUQEyn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QoF3KHDHbUCMljmy6cPo3WaTUknPhKtVDOAfHrs+HCo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "28ysn5YVmFX5XtwdUwXjkwHgH6yDaKcUlVXALs1QICgmRy6Zzbv0d+M7mSEua3UP6y8NbbewJ0PNzh2upfG87qhkxytt+DpxdJY8hN6LmLKO4Z/RHDSx41bkRW42VTsmT6gAHneFaZ/kNg8fwIwFSljaBSjoFXK+SL9wWPd2aWmDrm1iuop2Oy6KqtSA9F4+oDP7iGyNaG21QgdYojdJ0XRL4tT9ZC+Wc3q/NVXixD1iRtMF+sfUZBynNepRb6hYP4MsPZGAmV3t5lQ2yI2aJpv0DqQuSg++g3eNsNjp5LrfCl6AmHP8ZX8s4lWpNk5oSRUjKznEsXdCaUrtR/JAWfv1aDMvaGbbuN1UJ1QQ7t/zD7EKX58bJzS7QN4pU2V8gDZV606BC3rdKSd6339ap6Z/o1L0OpcP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QoGvMiwQRe2TNnqHlIyCbP93ihgPdzXzTUkOr3AiGE4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cl9jOZj5G/mqyYMK0BSLAcVOXT3JEGKyFoTVKjg/XJk+VeDSrO+FCI3O0WaTfV2WeRRQkgq4kE+lMwyVD7RkPngaPW4975sW3/GBFqG0+FOXAfjTNgS2DJQbb4C7g//qZ9OrPEbMnsuFqo+g7LrUX6gcRxNMVBoTNPXYAYf51eKI50dpHu+J/GM823PlmLpn+KsMtPNJuRzG4Rmf+qfEPavQ6hmOUQ0OOLWhainN/snEurpwpedrqARXChA4XEh4h54XetqPSU3A6XHZA9VRuyXFlP2zUq5kr3pijlHZVAJraPl5WVvQEO8nbkQxX1WZzuAwD+ui7+Fj5dYFaKMEfnnj4JBV/mw0dFMmFp47PS46GmgIlQEAM6r6CSc13E7M3WNYP9Jbl/X2aDbP1KYUWt2S479ZnM67",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QoJtH7sw1GjclANj3sM88arpuxm6iqFFs/jVScZ+Ltk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q5jENypS03d0xgm7R2Bcd2U9V38cbmq6qhxPHXsyO3dfkJMhNslbftjW8lEBLUoTNWM02WMq0BZJRrgTuY/YZlXjeNypbSQLWe1IuImvk58gLr5nm+5xnT/PWC33rpmkLpruzaxLSKISGFVkjkW6FV3ppTwNquV+1WCHywKInNYvWFapp+ixffVFyAqDOMmKEbBOYXc1T+4PJKCPM/5eZcvBTaSexHRzmYsPo4+0eoRKzDtS5jhn2xvy44u3Tb/XkWHE5DkHTTYkeDjNYvITwQ44m/MZzchZw1yN+blcyGs4Sr+NQPVNu6gsJizltkeTMt/VenAJISGR4NdgsNjidoPoVTS4SB+1dog38tmD3eme0ui4kNRXBU+0wjqlZN1vBq29iNhOgC55LeuQw3Fn882aHfvNarZY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QqrxZFGNE7LqgJFUdqH6/5dh8nkLpUGM3En57QzbT2A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dkRuRk6hEVCEUB8+w2uhh28B6tKDOu8HyqvMtYq1ElI0z4wt+nFz6xMRfVjYAMf/Jhv7UAVaYkJRVtlZnwtPAawQzS3NYQxSD18LBFQgiX4AnTKEirQ4XHavTalKMkm0y5r5yyMBqOWe9BfTydb1iiO8W8iAGifwkv3mJn6N78j92gPwZHUnLgFGzjWp38Ead0seuyo1JqvqBpxTDc0rxiDhjAEot83EXxjwjsDvN0NKsVkl1zPmtBjm5E8QDR5QOTCxIsxv6kzxOGrIrJ1prV2Vz9ULtthkinvbjNzuiVEpvS0Tpg9MSomOI/bLaT2AfSaAPiYyslmsVjHsBy6xueSjxDFZ3kHNq4FoLxod3ThhK02Th76gnGRUXSGS/r9oVibweLuCIaUFuX412r+COL/1Zw8QJsLE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Qr4RcpcI8NId7GcTa3e60/zKtZUHU7aHbDKqgVWKueQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WgOo5nIln1pi/PB2TD3CZmf609iDaWHATkn+g7b2bRxx5Cu3E7cTaFpk4jlmQXKl7o1KkbhEaBViZhC/rm0JnlyTOSOa77qbEOZhP6siUAbqtS9spgq6YYQQ3votWmDO1j+e3QXGGNwBYnM6KPYdYSoBonRn6I3MMezl/+z3U7LNP8x1jmv9onxgYa5FmBpB0vXWSnT6jigGvXbJjo2MJKi2cl4fCCJxXAl4cuwlE4tp6AfKDdchuJjSCg7AWjYVqppruz2i0k0zbQtxX0dMZY1fdy7TWzldnfJrKhUAdC5Qmgam5CSPHGNKsYiTiZuwEHHBA/ujjhlzV/bu9cLGKv/ayS1YDKJm1FxBUaz7uZcrquJGjhd4lbacLPcCE3aRz4clWkW0BSOjijywhGYT8qjmSHNGftK0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QrPkT9W0IbZoCzdsqZrS6zoC9hiIMUp/Vh1uIad4hao",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vugVJRSvlCmJpzdOws+YUuZZ6la7J2dK+jd03E/pZ0wJ/tYwOV/EpXFnDno6y0GipxKQTEVtenvw0meDvIwDXAbis/suWM2qxy1ongs0lWtkt7oIkdO8dNx0CvQ3VjwV/xDmLjz5iwvDYP4qQtnsMevl2gigRetf861QakKvMaD6apuv39cKazvae2B0TGjsmrVsmqGrlrS3QbL2E07CKvYTh6Wa7RBg995hEdQw3LkKYtHLckcl/qhB4FqYtsHAWYMLvsy/VP87wgk38jAOd6blQheOY/lShjPtrOwVIQ3gTiWrr0D1rnwI1dHgQhfUaYi0EsaCwJ4k14G7e1/nw6uorhwuGfoBhWmvfOL4lG5Alc+g6V0uRH7jW1YRmF7qb0Vzg4r/OdDh6LK4eShA8MeZYTVUlP6n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Qra2Rz9+28lxl8gFam3zKvGKpEaivG4TPTzgeYeKERI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kKbyZZWtD706Ux+81ZFM64AtjzKZSIaOUjAEb+WL6JZoFB+z7nPXSX/wyHqJTMOH9suQqKkQxwD0aVYoqxnbOkv0KugwiDP8S7n6V+TCiswkebMj/KTTW2ccLc8GaA/eAZ6ShBWXbv3So2XqYg4pZZA6pFssHEs8Ga8JucLEMLMsCDPAAXwLLZykPhCcKANK4AHLEf/MtYhQZoBLA5b0jC5gpHr5hPWClvK8qAzhP1XoFhz29Q78CfwahlsAjCq2dD03SzE0Ij0XpDTLykgqAeCkjHfjq7TEEIjPmlXc/5HYibCZQ14sxhEXV6henetE5iN+0lo6c0BxyhPeKtT1R+20fXFjYWtXV7q1YsyLcPAeRSlMqQTS1KrE4NwnD6JTiUzEdg80cwOVkjk4weaoEm0ZXKKwmex4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QsA3Zf/eAsLvZwIzjtfIw3M47Q88aoEtlAD0OxLNdFw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wIkTnOymnZlWZt7IVE/a/ueLiq1vg9vVj/GXM5c7a/VW9Yp7kpx9y0Q7AzSXTdRGH+csXJewZa1B5X562mgnD3jAtYrgUVHCZWnYwxh1NiFJUg85FE5YFPLBDKunadCHx2+cWy40oYWRBBSXqSz+xJ2636b/KT6E43PwldKU8EOA0rmGvXIgUpSF5cwRigMl0bqRtLTpzpHK8m5HrKo2x2QFDlaTUKVXv6fEjYcB4HihDvqYStEN/nteS++XN51+KCkfoG2ebRkJMnJBhbDofoUaDRKDjM31h2rsQaMbYp3rYL2nC8N6lgIoZxAnd0P6kxsKVlrTmiHB4OOtuWL8Xtyl405lAyfC7jOVOklvRwzoutJquaU8G4LtHs2PtNtxIuP7Z+YOQcVL87Xys8OBHdgmT+lvi7hx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Qv4oQrx84YmsB2uUxzAXLwNAMsYelQSzuZqcXUU+yN4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0Ikoq6s8/qOo2goc0lEZDO03r70e9Qxs8eIiyzxtMDNlPtlNUXa8OWe8vUBLoiXtXhL4Ui4/VyYSGV8ViBUsAv1Fal7A0Dht/aUT2Fg6Fn6GvRfXpAVenNwfzVA/bvE25WV5lndRh8ovPyAdB+oCugfSAz6qRIQ35ciKNKprmVzDoXeWoi3IiIKoPD8lseblv11U98zVDemTDSuIpd/BQMc7yXIcsFlH1jcWjXLi3bBReUFXmETSE54a7+w0Dwh3O9LWfNkWj4nM9hwY18fIcNCX9t0vxdqhYvD7duK8afi4RKpRl/JxkqqozuolNCfVllDDFV3MURKlLiN4F1frxadsLv/jkYDBHHS5TmEZzSFetAHWOJNRf+YpI5S+U5BzyqMW7x4c23FOlF0wsJNdWEk37Eyn7Wvo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QvUSwfqVZFqeWYdbr1G2LTjavCmd+C+g/c8y8GAnRRM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8KjmmUxr6goBD26jYL7EjycvH3a6kIYvlb5LOBzwYgYfpra7wPSpPNTWBYbhWldTAov2b+Dk/bLB41uRQNxMB/dtFLXdl7p7Pw9U16HuZ1hx6f5EzYmXZETee1k+zbcnRNlWTBv+FkKsoAOZvQXHsuiYitXhiCewsdjwk4XDAfq7z1DnNBqHUyw11cerAmXvRhe/H0sr0TLG+Yz71hksWyptdBtG4JdHs/TGOwUTEl1Y0JgxjkueUGI9LOhESinDwcJBCUoEJw8qkweKH4faJ5fqXtV4q39/9stqsnHxKpTb8j89E9tJkmkgVPrIPA77Wse82cqrGgMY1xhPj+UUFCWrYohNqdk4m+IxJY6Rqbj1J5avNpokMULk+ahfhmajTTT25JUfsRYfTJibOprWVfROQD3/rbhJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Qva/bKiZv0FK6LMZ5XdZh+9mOGkH6P5nJZsjqAT+2zI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3ZaWsxNWxSEpDl1sPYf8imv7Qs5IeaINSXJmUHusIkc00C/YiAa3NTRbYDWFfVHf4FUvV1D+4qzgqYie/oj0xSti7q/h7y0Jb9zfhIj8H6N0WLYw0/sFL1ikSKFmvUD6NXBs7LqBvSJnX8V141HqRdihTCDIHZk1de4y7MFCJE5phiLnT8hOmZEXAFRWtmC+AznQOaYYuVP/NlxEtrXxcQCyMp3frSm7gemfpmcnpUCwT9s+Nm8m3e3zPozdMFQMd9LjLtxrizwXn1Ajj/ZeKgwGCI01NwU8hapDs7MOCy1iFSm+QtQEK9AhROMotaV25biHzwWV+EcLsO+Vp6V0JglOv5TBZRG9/0HfAXnL20kkupYFcRodndryykojk2ZLjwv3brIItW3kldv0Ql4Y21da/P0y9maj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QwDju8mGqfYjZG4rdiFx3jShLEHR4n3sKid+6QojgxA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1ehdBbWCPqhNqhU1/Xbo/0sxteLEdpItoY910hOYxxL7xgVeTHFaRYJMq5ShXJWe8tthlzyWXWt+LyQDGHvyWDX+YoocpSDonAepSNCnnAbRfZ+pUraYnV5Ws0L9H2/Jirj5q9d6Xy5XF/VhRBLCOTb68cbSHlhXy6n8c7QqEfXg1+c2uaN3fbFEezEnioojjDpk7QeiyPosxf4KHSdNKhYFOQuaUUNqfuIq/oKZKLNMV1JCWrSQEy/Mdqp3TLsnnS3BXUQE5sR3rjx3gtZ+Ky3LGczTtBgpfTxXX+WSHMbtWbOyyt75UJ3Qw6iFq/orSJw22Uydd7bDkoLmeSQ/kog4B3WRAtPyMslwYExz26d7722Dqm7INhTnVdBEfyh5cwEJuEW4SabxRaaxSt9u+7vS12kkLG11",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QwptC+6vjUubnPhw6g2JXdITO7XUmr3GcUJb9QXjt/U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0jfuQWKZALcnjP3dAcSEpXOwvi+l0re0lEpZhO2RAK1gkLVp8usHgWYNQnG0OSJVwxSnmcaU82OmPcO7UdtF1GJ4f/KBMRmYpAtsCs83WEUPCqWKAf5ztnU4KUPVKclRyhNQSPK6S8E1n/DBuxpz2PgOqkKgdkrRergvsDQE0+O5hSLNdmveUeGhtRKDJIzRYfnHmWNC7KlyC+wVKNe+3cMMui5gdjLm/Op2eVbZczyd+QP74jF1dwCPKTB5y8xo6R1miNrw7PuQfAH/Fc7J0qdkhLhCPz2xDaAa1K4qfBU9/zxuz3qWesvZGfeTrqdWTwSl7G/Tkb3FlDserGDwTAyKmYNEbLxrzOr5Aa5ovKn30qbnpuiLagLh/MA2OhKSwiUrjxkv2dekHqWAJ1I8mTxIkki08+6S",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QxAd60oCRqNHnSN4sHwl8qI3onbClKTGPZr2RXa10BU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DfD1zmDu7Q6SmXTK607pGOr9QercvV3fPXQCsqVgPnUqycdbos/EuueguvdT5sy9hLxHro3nTm8ySV+kIKnh4VLXMsdLuK6ON/Cmq9JAdhIm7yq+bV9pj/SzhknekeFLj+ScK1dDqGIzUOHxVui34WaId26IhcdEIuGpzWv0Qq9IYD3duD3SwI4YUBNOyayHXE8yZmW4IQdHupr5FX26idn0LSiqEKJy5AfhUZtcox0J+uTnV2O4VYsAPmznEKYqcizQXJa6pQtcpYcIirQYQAxjqRflCQcxX+OxmZ3AfXmcOwoHuo/bVo9ukYeFAGQipqTqS0FT9iKA0uiWJ9SsOGKtU6b6o93KHkZcZ6+BSTINZT+ZShzqTTds7MOfMGstkrg3SjwHA1FWy+SEFpSG/3s9Ci25QR72",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QxyGzGRNwk7KCT2WExflpBc9mTHbfYV/xBSW9ywzn7k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mEFK+hbSfhZrnLySVFXuEChrVLrLjPYK0LVNZGTx+0nEJeS9NJPPIf30p5CGjlRL0uIrlRhH+/zVPpUICGDa2hJRzhobHrjTQ6D51WvA87PaTUXaisiN3C2IfFMfGrk9M4RIl1Rv+nElh6mBM+6ifQK8X36/uSxvxH40wHQCkeke4gsLElhYBiRSq0i7nF1BXbemsc1XFVv70x++1oWjpaUrKLNtN95ukwLzP4tmYlLoXYicQxdUXOa7ODX/IXEl9oyuefXggXtd60cduCFrk1KnS61p0dlgb4joJC6dk8dlghC59u77A5vFotDjIPz/MKZuf5qXBPz9fwbCYk935h6fdsFCzB+vC+xzVVC+Rp9eGO5QKIy4K5XcHLc2JADqhn4DOd8qgJwwORuj4FvCiBtl717CbYgX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "QznwTIA9nYZgOTVd7nPwKbyXpVQ+0o0TqhsdGwGzzqM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qYy4DNaCKNQdwg5K5z8F1tP6fL1M96JD6ijupWaQtwIn0CtOmh0xX2/vX+rYZos9mDDzsGp2DUZRJ19ZWjGX9uZaroNpgVrkQ6WtPmKlGMTItajhzngcbKIboxJH1booHsEyhfH9Rw2EOsvWXYvVTudnS8AsMPVjJ/c6yxP4vY9cCR4jB7jrLIlQkLOm9A7F1He++RNiGdP1SpOUerKHwwb/Mfq6Wt0tVLUIBirAT0QTegMUUFU9ZSdcds+wRWJrQhLl6jW0bdPrTcQNgnAGxj7t9UYt7UTzEpWBDnEcal+LCvuvxnigsjU8g5Ah/xET67NUBGtCtJBHHcJiNzxP1iTXIae8cbMDiPVZI9oaGXeNRMST3OLsbxZjqm3MKZTKMYGlFlUjpiX2j9jVDf8njwzUUZ/L1/Ek",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Qzo/pMQH7l4PCGTDvpXNm7y1ztdClYk06RnnF7uMoN8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bdphk5bvtaLJiR8m6QhI1LaqhH4MDxgNaWU4Cwfy2AGCA1EdP+GOF++Aasjg/Tfde6VJndjHy0g2hJE4kCARQ+PrDZxcFNYB6O0UPhDJ41jI4Zl4cCcdYes0+zbvaSYRes7aXb7JMzzzVx7pvw68nRywmpWzw4eZr4J6LI+fCkBm7cKRrst/MspiBu2IncX1XHP2G86g9bchrIDUPb0Mhhl24qMhZ7DyEMS9r9jCLlnmF00zY1Wh1AWbsIgNXXkOFAfhmhUSQG3NERbdczt6l6Zk5yf19Ntjp78yiIfX+VSjFCbsfr+QHWCf9xJIiPJKaDpf+9nKjJ1Br02OXF2NbVv9eJheFDzMSBEACYszJIeWWopPAZPv0+5i896NIsnmKhP6fK5rd56s8iJMOnnZs5MtH7iV9nz+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "R/sLhj/648J3CeO2BYMxenfHPNBxUh1cZYXhC0emKs0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2VkcBVdJKPXJvO9eSAKqbTEHkhF2d/E1A/7jg3AezscV5/rKAbAybwTjT+xM1HkJ+YRcIhPZG4zJZH71fCOj2HvIyP3RXOqh4x+6VlnzWIktOLHJEwRpUWObYFEf0hTGRMtBXv5EOcEwl4Txjtb4/xgpOhq6r9j2Ico1k/IV8sa+3j2TYObLhVGblP/DYK3VYCpMZiUPE0cywi/OiCr9yFuyJadnhaH6QTyfhyCMu+sEi1TxRXTYerfaRFuoRWTT00UYP7kQUd8hyrwCMFcbxNllHbijxOLhT3AdNg0pKoOll/YrAwvPeP4+s2iqifmm327PyCtw9tIbdLt1jNZvG8Ir7Np0MbtBP2CqQamo7f62TjD5iPdjAU7iWFZaKDHAsHhjUsh0J6Apgusy0UyZQUTYl/hbvFgr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "R0Vd+66J5vnodSig1RgDKoQDlPArixV8ebOW8TGJQr0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JSslwgXh0pgC9L59vizYmTPTR2mp4DS7JmiEWKg9Q51ItkMeMnQZ/vFcEl/JaJt2COMctONgXUz6tTYZdz9xkAON4T0pLRFSEJ6uow0ZIcP2xhq8ZLrMGgw7L0OqmCsyJOH3abfQkwwza6QBEL3M4EwNwBrK6xdsyGCF1n4zMYQXHQgoP4AzUUX5Roi7ASizUgGrFejPJlyJTefkE7XXJMXVEI4RXxEuEvvt14KLPD0XsnV1NSZI+iK/ZjIbrcX5UtCax9urNRiGrMLY4211sRQsJVnMz8tFOveS4RABcUnh6MtI9QVYB4XeZGB6kg//DLS4GVHcZo/ep8KC30smBF15Qnn4KXi7l9zeFUVVRFZQaLcSPy/nPE9+yQqK5OKTY3GQ8a7SHNCLYvHaCrBO8VaR52jqFNBM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "R1VaIYIAodh2WHkObInNTurPr7N6wDDeUa+8Rbmd9EA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B0iULMiLA8naCwWTGjZt+ltGUCY8j3lNcuEcaTp1NsPLQ1hOr78LhzojtJghYfQ4iNcd1Cddjl+OuAwOHMXYW5jLcUz5eJzc0Tuuggl58KSipZ7guYjeNY9XVUrZ2Fqw1mTPp429M5GSF2dKANok2rt2oTFS+8bPMjNJFMyR6duhnpY1rPLt0PdPKlK6ic76kjLt+/bj651GR4cn7lkfAdQRZtmD8r9UtC2eD7E/9RstO1jWGfoJ64XO41cfcx6fDooyuuella8OKVF41BVAIRfuvZbIePI8dFhlxeZE1377ZIHWDWiT7P4cpUBXIptfrWQd5ULVf21gmLqzCC9i3TBq6fA3A2We71Rd8hmyNYopN8+y32Q5B72BCtQ0XFdbqSwgeNo7Ck6pOHKL4bkztlLTTIU+4vP8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "R2YiZVT10EsSLvxdmc22kQnsPNvV9moJM6aAja7pkd8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0iyAh3xHmBoqebZWwcyh4YJTGvHtlLI2BL2WmqG1IBgyQ5vf9bCfKP8DmI/+d9ax78N8Q99H+Tacor2geuL9mzU+uhDTWmC0DuXCqMwghXVLS+9yeEeQJX3K+Vsqzl3gp2DSGGRtAYPwRhEs8rhkVB4CVed4NYZ6pFzKm+8BbBupveBMogWtJ7aI0sWQKocvjve+sy52lH1pS9T5aBzpV2ZjZC5JMi9Jx8evfpS20Omcy28Xs2XKDZzB3dphaoDCyyHHbvBn0iZKds4P8iuSIAUTPTRvHFpyZn2JRysUwTvBEq0HzqDw3az1kzJMC39n0fNiu+1cu1p5CLVC3m4ela/e3NOgJjp8TU4ADwnJy6chmC2/4dZlf/J46KZlEtkaNd1Q3znVk6nlid3yXrKflg3hkw3CC1hz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "R5gqixAIt/EULkZIHwl0HFUViU4zKBLaHH/eBNkd9MU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ePEYt8+YSvh432J7ejSyCCYzTF9ZEhT0q8Y4g+woLo/bkXeURi99xOBWeF4TfH2VZS7QPAxK38ua05vi2A9pUVPir4CKtftnn2Y0JZvRABaTWLQun2YSrqcGzDQr3pnJ13j2M62G9uKdA2oBeZsIffc88vpz5TBt9Y/G68cRL2AgSNAGZfL3GHoklKEoboHfS5z+ZawlxQ3rCtYiYKyURu0IJP18/YIIo2EpJzKDStNejHMvyHG49RgwAZLi8LyWCLM+/EXlVlSJ2OLF52EV1GjLL1YxhhPZLkijFgPfwcZ9EKCoeqLqgih9QEDIAONvJPzwUXfxyjFclIVJ8grnCOxLlG+W1nL3YgkPGdJirjK4VGlXBeEOhfdSg4cNvhyeFMhNk3Z64gcZYQnWwkODgutyLWU1P/0v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "R6i12fm8RJAGJ6tJhwtjNYfkwvsC5FRCBNY6/NRKh8c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vlin+3ooWi6CmV7h76JtZ3h50W4nqQZoJCN5K2MQGH6S/FU0gRmXZ8hce0YWvLCZvnUqd1IALxr00z07jyXzUjvx2qGsVqbH+7nfu9s/SkHOpghRzjsiCTgADNxbmSask+EgTzbWA5A8D63BcqfTRXIV2ywBleIdwYkGHwkO9+cbalIDesUtu1lgPAQVHzBCPBMNX9dbTed5zpOGhJv2Y0Jx1nf5Os8hbhGXLPGCtTXjJTDwS/XvfpdSloV29hGCQr9BuxE1p+XZy3/GMdYZCCnpc7IIM81dd4fGe5YUEXpZrYIdw+AC9WeN/vxaQ3PEpKrswH6Kgcg+njXSOz9z1SOPmlO/kkArCthP4h11E9ubHcr4PXJt8lxs5Sno6c8TmuA8aFoFtgAPHA18DdFjv+PtZvtzJm9U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "R72V+Q6Ah/K0QqTnMg8ZqmrKL01XOYr0+LRg2993iLo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Bb+41NU8O0DpIvXOzQon2KaD3N/5s5EGQvby861FsDnGtKqYmdgXKejfET61q6gdn7e/URnGFBoWFo+4F2Hj3HvU5jTwjEfq0VhwGY/woPJfbp0yJ9rC2lRr9zPTaD/0jBgEGITSr2qvXb+B1w9xb5pmw17UeAqqWlcCxNuV0fU3ip6fIf1L39x9HI1GyZ0EZAp5Pxza62PbaO7Xgtwk8r3LShdHMqd8Gyx4I4RQkwWl/OFty08UbkrCfhD+iM3LZjuMAEUK/p/MfWcG+dfbLzXtxfiL5b7JsUo4AIFwML1t5IRtCl5f+pOa7AP9sZddQ1TjLyiy68TCWNCqFvZkvEzXc9O+6Tjz1qRH6GvvwFvfpgeyUE+dLjk7w1YunaqW3OoieQOhBC4Tfy0Xy2pqSIAXb0TM4fw1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "R8IpjBorc/ROQmf7tXiFI08Uy0xanO1aFFmhlUhwKOE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kIVyZttRIrXco+monMSqpvCJooWXA0vvCwmsFZCf3tityobHJADG6J3MSoOEolTsCb9sk5oFFJPSrrwXjW/RIdybNbT4G3GgvAnF4wCsd9TqKVlQ3a7wRq3sy8APrncJZ1g1VVy19aawK6B9+5Hy+SKwLdTuzRgXtCTbMMoxPxWJAF75Ym5CwQo7v2/EPGukrNJRODoB7vWuTMg8CpKp2pKvx2mSd04zVadufexTQXKJWumEHBGp/ChDeH6Wvt8bGrP99ztAISlLdt7zgoyDa08wLtVL5wUbZacsZQNvLPCVfydaVAFvUF4QGuzMTlnIu/pEPQHI2KtzRSTycafOLuFBdxz3OL/Bjzo/CmZu5UYhKqchQvJGHuvy7sz7At3MVpuWTMqtadsrxnK+DFBB6heZ/f6b5xzy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "R9MMMhxUiqcqZVbEVEDInLoupqObjZeDclBV0ayk6PI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pYaWQ4Y3thc5Dq0CG9Z9uOG2eVOMEiFkHqCn5Pm9qWaRUPdjlNiks3c7xUav06O4ohRlfrjBW1ewwp2LhwFptBy2Bv45T+3VtvDT22CV21HIpXY+sOdYjKpnAXxOKVbOuwxEl8VMvp3fllvbDEecvxx0DpnvC+gflnVhwpSGkYS35hf/RbRCX4ZA/ujvclDCJSnbNO6XYK7VL0OiP4lalzd5B/X7drbWbf4oE8K6hY1CpRKEFRtKPsJf4SRqcS4uHltcCtgNOGu+wPm9KnvwRtH6Vi8xc17e/KGqEyG/k9QqED52d0AwT/Ix479MWFjYoQF2jNh8O4ESP+sI53fu37+A/DeuaqFLOjOn9HFA+HkVKlQf1kuVuHNzFRHSIL6NRegqEEEc/s+Dcp3sHq0EChDDgZOR7D0O",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "R9oFFNdHZE26nfiSuUNRjH9AKEfN7fu4n15mpUpEeLI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Oc/GfujcJvbM4LhN8ll28Pvve1K+XZRVKjUofthPD3fQ3obZQm4ohjehUIvf1GKLo4ijQEIUGq9Sr2S5SbYYBrIRIGmH+jIdReOa3M61w3BK2/ghDJITLt9xd6hvfRgbxf7+HimYbXofl7l92Yoy/R86xeA0cidakrnOYnZxDPkL5k2QHAWCXbClj1KBz8GA3Svqwm8SgJrYZ/r8LxoEACmNOkocDpBk2zO4l4O/kbFo52eoRCouz/2aZLCRQkCZDvIRgmCEhTvY4pH7kvayBHXfwif2ernqCVnEM0idwQjlts1tRrigcIbOCQCOLRjDQYP4XjaePC+bWVY6z+twWhdZK4vcBZGwfmKdAW2INkizJJRjg5Kk8t/C1CQCHMUcKKHt+Gg6xJZBo7Mfep19c5erApZRTXzP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "R9y89IP2OnWeNnn4vOK3417B043g7oKaBlTktvN43ag",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q92XAwPYejmaioOWwC77SktZAdPbh5bLmc/BAmYEMfur1kxGZe7UBzr6/76hGUKFvR4AWH8L35fFZIdPSRPCH5F2S2uzHujgrK7srd0gf+d5QXrWi7LtGw3dqHFlj3Ve9ZsA4K+tXhx2joxfmfTAblo7bRejBHA6jR3EOtg2jHT0PfOjPAzwC92RXRdTuvPT9GC0NYPzt0a1wl858F5VS7+TYhXFzRt/7wOcAv6eA/g1fhMdPLW+5lr+Q+AdbLsqzClk6imQhpgiJPKBx1FdnBVC3h0risHYDDpnOnnLuxuBTsSVUKOWfQSPrMM0vPryvXwsTcsix6SUCWBzgYu2GZ1aUIY8lmNhmEk3Lz6IWpe7FonvCLqTdPLRJwUguL78A0SccDbOVfDT1imRz4ifsmEpfAD5vOOI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RAF81neXpmj8BEIWDsbmMSaQu9GEHBRJ8i5xJC/NyYM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rfAVY6k+X2gRbCtKeWabUGYzsTpoX8ZYSstq4bU2IXkYMCuN7jGYMAApvXaUB2et2yCu5U+y1bx5DEV2XGS0Smx2iUBPq9x1jAwJynD57oVgCSAzyL9/G8MqDxrm5RWQ01o6Bvd6d8mn2Wcy95Pbr4rV+2jOVGABNJfI1qKiFwGatYkJH9Nkb/9jrMoQifYZqNfqTCyrnGVRmO576hdqSiFxVFuLnOYe0azqUX+IWpPK6m4YOtSlM9LHfTVPGU7QkvVX2as2N38QgRWw20cyz6t3AwwLNvucET7gaWq3g8kV0MAGSt+D6G+lWj84cRxjeFOY2qRZhAkt1eRq/2fT6pum0KMbZpiqGsBOM35otNLB3OEnznmtTKU7+w7bERG9TYfjOatuF6KE+ZqcoNcb8DvMwk9JQX89",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RAm0qm4P/xwEGipUkoe9Kz1VMll2BlVlU5J+tHF5gsM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qIObbc4Ksy8+zrF4Z5l7YLMYmRjU2o0pYb4M+OPxa5SutqP3JEj0R+ebSbOCr26RIooYm3Am5E5x+xoAni/ceZf4lSZyatIZJY9yac9UhS6PC1a4h/kIed9tYDIiQMXeFW5A+lLhGhfEE4u9FzOIqLcgXLRhXy8zZeZPK0km1ORk2p9XqfvXq3O9MexX6MUAgXEsL+sGUOar4LFoQeTZa3ZMeMXh9KTeaIo6yszxtI3zNQ3rmYbVh6UiZrL0Tev/a83hKE2vbaeRmQ8LRdDs1f1aaKxmHHe6EClOscVLZHj4FFRGJuWeKOeY+epxmOy/lA0M7EeezBHjYhsRskF/a3HEWqZIaTw+STffMUP/KFLzA4ZFBEJ+g2raP9qtwXnCk5ZNcvp2DvZ8zopFkbT7Yb/kcW6gI7pO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RDCVnkyRUEiuJi60ytxSC6fIjdc/fFqenDhkyMghNbY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uxLJElhe/aHLd6VAuoLyjmVMXw1zDOK8ZHZcxIewsOyYLr/we6lxsI8FvgzZ5AP6K+K/PIdC4MGYOO7I+AqIQ/OWcIIPVE1qmw4R5yYHkpxTDZsBsiH8hg7B3w5DnD0BJ5afeaGrj7tsbWYeNT4ncO2NUGGJ+3f8WMiUekXQC322zfc1+lXzqzDWpSXxTyo2DG2bt76CRVMztx09BcJ7lsTHq2e2weqKYRFBLWfLJKyJldLlkxeGoGY8S/o8+6nZh0Ef3XOrVMCtN5f7Q5tcKsAmdF2PfzRxPzrvbn+LeBSUH2OZN7xKwoh5VPsctT6Db3UqrxOFhfOn4qqct8s1z5DhFap9z74KxadY7H5ihG5yJlxXNkjdL1NGp2rO3AZoojfTrMFuBXTZ7hpnfUHbwDhYEpLFDUVt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RDgyPZGLmfTBUaxYzmS+HNiUrMWJ1oza9kFTP7tMxuM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NOfC0irr9ynYX2NpvMImRelUOKNuKWYE/3Li1YNliZRIWoivCLeG9cMARXGTsAq7ztiXg/F0NjI/vLkat0XsO4QvR7nPZg9doEtfXvcBOblI7R9s6aFHu7ovGWdFJnHTIrvET/zrDSKeWIxDsgxyXHrkvVF5VtxUX8p/J+LbIvch90+uGvQqf/S7dRYFSEntV41qepui5Tiwht4jBwzSBe/rnB/4dP4S8IQjdiFJ9YXb7ZIJz87iNBaRwGj2Lzki6updIPykChBd7+tW3HjDwHnZY4QrrEF72vzDBJQrd7NQO0PXCrvM3PhWQsvRnS2jMNbNMa1AAHuyuWU6J1k3SPfwhLWHDDiPx/TASwKZhNFbzIuuR36MjdbFnwVKTIE1yGAHElO1tx3n51a7Pn7AYa08KZRE4E+K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RE4X/CJA3DybVm2Bnsfc1Em35Ogd3hAUQas9RCRfMGA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YkGuLnkxFkXGkHs/XrAzIHBRkvrpeQYR4U8S2Zt7IfBLpZV1A6JzIbEtGLjlc9VfhiRaUGQFrlpBsrt+MnCYODF/NhKJwg2tlxF0aFGZPpO+qF5sG7q5oxsBPlmUtKKPZbPrZTG8L2GFRM59RS3jz5MfpvPbhRvnweUxAIv2OEtd+3WZgzTaDnPTWgbbe6NYxNM6DhKIgGjpaRS93HHS3ZARF6F0rMPWcIyG5SeckyeM48+XGHKOYPj+O6EgjAGX7cV7taI7N+dR9GaVWahDp0X4XZl/UoUhVgaBEEZh0l1rlso0ca+k/I0hH5iYw0kcgvuKVnyjnov3DSFSu8CEL6tKCPwwCckAo1hHq0ceWBWFH4p2o9Q+TEjS0+f6ojZPz0V81xc4aFKrG3rlQkWBZ8UEGl9lLvT3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RFhmNGXnrT5TkCIspwXRZTjutk2aLnx2sBAMY4+npBw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OOdyXco/Vm6lrlbkHMkWqiOquOM7Dr6ToVN66MZhtoCLEPytENnpoJTz5nc8GcB1Q1gwb50FFwZJdVXOwoIdxy79JL6ip5si3DFNkH0RlKE9pHt5KBuaG1Pg+audloheNQkzLjw24+vA4G/vKrJ7eEk6NsWKU+k2BqGepI5aPKHucM+iu94Nh2hZVsrlmiMSA+omMNchqqo5d4jhrN+FsFQqlUt/jXdYfjiOc92ouGRXVghG0Q/qiVP+gNISvaUNvYm2/CK3p/5eBZAZiYyuwAXaKzHSsTQiUqoIzzkXXjlQWZu3wJhEYQ714TtseelFwC0lHFgkJEgM9loSVzfkd5AYw+qOaptE5kTqj/BtIstK5AilLGZT2iXyG0cpq5WYjSbzT44ufSxbYQkKy+h9aekFxpvyFqEw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RGOxgs2y7Z9FywLblT5h4ffhSCjBmMDzjsRYtlvijCI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zRhcsQhcLMACHcta0UclY3NN1Zw0hBI1OidMKOpsFA5QrQ4ht4/P1blcftder/qtUok6nvczs/G8tPSLVpLuKiNiKUbGiB3uAzbIugD6nezGDKc5Cq5xhint8xpR7HxHC1upEJcD32XWLMnpIJOGIMViGyYuCyGh/OASB+LQIDOCFTMixRm8Kwy/P0L6mwRycRfYRwWqI0PkGdLQkKcyPrlDQeXgDyHZZKGpzoTJHjc24ICe58kcyrGJBs8fvBUHDrz/F5sHzfvF8QBnNKV+TBp5jbnQr6Z8lqutwea98El6NLD/tmKJLULu+sv/gj9fcWB36d9Z/3kcVV31Hxe9ob5eAYRLHsiVduLZYYo5Iz0WmkzJPcxnNPyh46AGfiKDywANw0yjsqcIqSNBYFBad2qhoPO255Hl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RGtUI68UtK1ePhjQ1yN4qTthhNOVdLPKNdTWavKoNZY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OiLI5+NQYoCTgsJhltx7+Fu8+o3cxbbs0QJDHrpUukEVHb15vz81prUlh73xR+vLn0UvF+dG2SmqU1nOENjc7bBdxuQUMaK+fxK9AtWo5ZWtFzpDMqlmImcyJ6NE03tR7Zak3F44DqTpCgUJpbU6kWXIq23hbgCoclMbvCxH6MyuQpmtoQ1SG9Dr22h2jRfS07JSSQyuu7b1rdOmBoazHDBr2DKbfbBZJeTmZ1Dzpum97YWxu3CcpHvhEhIXQoEMc9+XUfxRAApY2axKZnDcEFj1Cka6DHmaLhQU9qNCIfrUcDnlEYZIPuBeueQbFcGi+lyg5Cj+w3EbCingqLJatKgFPAUqqMH4no2bOCZZGE4jSzXNLvEZje4NOYurKhSTrHHv9U0J5FyKScYyOkR3IOuK7xMBCoa4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RI0+OXSFw4dWD7VUrjMLvBLCoUu/2266yRSe9Ea5aIU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gibUT2UKmS7Wcl+gB74iQ/M8Shg4CTc1u5tGjg4ddTqIdC/7wNHlmKltDs7uGwHD1sGu3/6jRGqetSLlO+IPrfISLNIxmEsiQnS4Z+uOfut7gH0z7K3Td6mHrVJauubS9+l/3sOo+zPeTVyXyWA/UAkG2qEAhSEUC2NC+XGvu+v2DaPoLlv7nuaNTYFl0T1dUczdIjZcAl76TVqM5h8aNe9yv93XkdQjy8KE2NNdjSd75l0TIChLPBFjsGkCd7Tfd9I3gPIBkyqBqVA8tqi1+IK4b1MFhTbFjmBC7v6KT1UeNKzNW6BQxYdeVLFS1BKcTXLSg8oOelZYEZ5x0j8lAeULhCq6wjPpiqLD1JTKv3BidRjWMZrM0RJO+1Nzd0eqkWfozAQ0cRoRZb9SvSr7GQl+DoICcwdw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RLCL9YDBm/eUdLA2HlHt0vXcqjIUUYautCLMSLsbI9k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XdiVj2DYa4RIvJJyAvAMOony6phU7w5iilC9yl3EPbkEz+YrzF5zu6utdYtPNau8FLdXU60S7petdWDTSwaC6bPMM8Ac26xeA41Vm8jdLHUWF9gB+uo3by7b7Niaf1sq7hHHBdMTg6YMhDBw3tBS2Sd5WuXchga+XCRaffHvAG3iFj3DfX/3h3hvTGe7SVOK1xc5qTWBUaQSZpnEJFwk2CIVmYTgsQG3XgLs79khqNKkXPxFh4JQ6SFuPSLE5cF4eM30FLojfJQliSuWvpifZYcJsVHS0ZZwEXCrsOB3XZmDmUoSDiKWJrgT+I0/FmQvRf5978x9ZItGTRRO8KrFZCTK8E76uxAP7/K2mty/x9xWHF4lQvxS9+0vaOhAgvXt5udX7k1jYNWGNu8BQNkyTkk681f0a24X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RM6mfGbyMHJ84P5fZO2zmCkoVjJGrqzzxIIUAFae1nk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w0j0ufRWdQv02AW60dHf297hEErvjaRflL+/XbcBnb8+tIxPSUk5HlnGp0NeZORjArPXs2eVhdWt6ny3BcTG+hm2SjxeoDHx8xjSCSjBZv2pqo5e9k3ES8CxqlqyuVMHFAlujNQ0WhGAuBL/e/5W9e7RGfVwSyKRarZk/xl2mxUgUBvXsxrBw2fR2PZk9TY1VkadbcOSfhbbIedwW1+igYJ+YcvVatsxY0aK87jfTbz4a36kn7xOKcu9FOopwCQpwFM+ZgsPXg7TrL3JSIYGoDNk3O87P8PEM8rjV/ol0Bfgm+exeo7h/o52PwwO6lHFT8k326fGWcP7CQAcTB5EuDJSz1NmHDag6fLsYIkyyC5ukVleK7j5U8rtHBdTS8OeIuC4TgZ83Qu6isFM8Fwyi6X77YSF4yRV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RNU4BR0d7lyqV/XqZMXbJEaFRu5Db20RMP0qVqxdt1Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6mokvDo8o8mtzw35F5jnQweTOl9lRMysMI0ZHxpKBovIYJjINNupYNBpPghijpqI18W4/0LfGL23D6UP4vLhGzpJZpdOhqDxiWLAwNXMJ9F/xBIIrRiolFf7PJI4Muw234XfA9YUQkngvmqm9gA1fcTMdbUhzOJs/06XYZN/yHO+kWZrLUSwx+N5g8DhumWnEx0iXycMom3PXvc3uT/8ywe8yAqHYFsJzlnsF98HGOWKuT2ukjE6gAEmNIpPp41sE3OhoPiXvXTCayvnBW3RwgnffnJUJTAo1OaVfHeJaS8AXamhbjJatFcqAVIhc9ZjCmvav0qcDP3Au1wO05NtKoXjfvN5XRKgS/nOiCAzHrFcF3dE5k2IIkklclqCs+w+2fja/dW2LioqlIfXrEvWSfk+kA6vTN0S",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RNYJT0PLpI3vo+ixYLB2mbTb/bDtr5fx9OI524blcEw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eptiqfqjkF036WSxSyDYuye+oFBcg5oh7zYFWzg5+btZ7DPsTFniWxpzAJ7Xabx243evOS1Xh04oBmcn5swzSlbOS1p9qRcG/Pp7+lEu/7Yq2DJteUcFW7U1zWTWpZfWswnPLiaoxcOB6UtThj7zf8HB7p7y7pESqb1AuEb21sD55OAe3iBk77hUv46Ovv7p+Un3e5/Wg46sqmwjBTJe3193xeGFMQ+oZN1YA+wL7tldpxd9CmpeUuYSUQKk071zjQicvgdUCIczUlQt7+T48dWCdJSeXurueXyD+qAz/HyqPULEV6vljKdzeagXZ8MhokkATt7AXXWtFyPZZajaEnr+I7W7rFBRX84T2dXlkoXEVcFC9iy/Y6cr/VqoHyd+DTztFXQsaP5Lal51cjFX0hT6Kxtq38N4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RPFqx4/RBBi5tuWHwtiqKMWJ8NyptEAxI/q75pnP2WM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FoLCQKQVnSbHGoqymBSar5I5PmHjYc0qvJxY9JFzcNLI6T2wOXST6Dulz8WuA+/GvZ4RffClVKdwpTIAum2eeuNYcWl25em/s8fVhAvxKI5uwDHnfSePqPilhU6bhy6/7S8V/tBQyETvOUppT0SojDRd/XcVqZo+faC/Nlu+MFjBBia++ftPdXzCG4bKPSbH243nzVlwENSaPHEqLN7ir7hA7grOaF1yGWRQFgjTkXDU6rYj9xc6/bPG/rsoaT9rEHRNqpgLLW4zMs+W+I+06ZHhN9+n1lat113slweuw2Q3KS1heyLfsSrT8OEFqjS9mr50g7JPQwf3a3CTaeI6IIkyFTd4yTvYry0NqpK1c1m/I9NA6TgNA+5iTroP1IlDOTcTUAyN+pOcaWbEqzmavTbF96IBrL8h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RR04ngXBwSFwLMp0nL4MnHJOcMVbkRP6R+YvQmYsB4Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SbM3tpbQU2+qQ1Y9lNvdkLL/K5hC+dxgCekdjh12Tm1ejdlut5pJYywjw4Z0AOX2NId8oRGl9nBG0xfllT+h+DiuDvy+2XVtDv4xkfB47hoLL7FOKQdkDhbEMUfUw987pHXYC2HvHRp6hzbyyutHF2yCTpsaBfOWe+WSyD23JP8TuU3xvltNrjTYzTKHzDqrFDp2NHzwR1U6BuA3yWiK5yiF3WzubioYmJLqP+IP9ZTUdaUXkfm+0KY0fSz/EzujQIaSlLfwzN0KdIW97a2tlqT4+HrEwvY0EsIbefuy+pOhyS9NdzajZsI7M7Xqc5ijfVS6N0oD7Mws6JyNER5mez7EMyL86Vm91YE/77Iq4Ou9fe2DoJLhWeKBM3bQ8TGNrn1+PBKVV2HsNSUQ2qhISvis28w68YiK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RRQZ+NMHP5218iRaUpa8c9QnVIXhxE5Lsw8rlrF6f4w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DjrW2WR/8olw5Nou5vYARuhEj91DIB71oNc2oW1R+ZWImj5vBw5GFBaWnf2IzMTFmoQPiPoU8Z8E20+G7RDNGvElXpM+SxMDTY81QITgW4zfNNpgbJbn/zz3+8FjTt+qvfTcEfR6dv7PlkcrEJyqqTKmSnuCIxmO4GsBWGiuV9GKI0HnHMxAJPcBtYErZovBDICyxUCJoLUUO/CxUojNGcAoQytZcgiOILF8BQaAguLKSH6QddgR8SgICOgMeVk9La+MQtV/msJ6to5nkdeiU4XkelNQ8hUn6+Cs1ihzMPOpSfc4yqFP17g+Me1ILMOvdYwvTpiDaJrAmx/CMwJVvo/AYupKz2pKDHtFvW8vJ1ssx7iOaIHyVr+wneSC1JrdqjxuZdL83WTWC2pSH/po2wih5gJ3XgKP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RS4Glg0bEacw+TLi9Y0prJHO+yZwuEawSNSMFoBPCs4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WXy347eKSPJT9e6StYqNeo29RhA5eKO94BxTzrL1e6a6pD0No+U0iVUvIazpnVXM1hHkJTkKg5UpK7NwIKA6MttiqZtMKfZUVpMTyCB9bmVb75hJlZAq0Is0ZHyj00g4IY/5egPOCv6U4W9dnVa7sKkPLDh+Ppkun0q+QrbRGvotX4ga9uGcriJbJLgkTinE8JJmk49a5lzcCM9M5GVO3TIhtKA7NnDeY2QVcCUT9pDHobS6wgI/CPEWLZ37MDDeigi7BHwqiXu/vKdT4G1+wiEYGAfMA72NFCOnk6KIHkrqJ/N4SoTDlFl7emhIB6qxgV1Hpz0dFR4y6oUuL5csX1/tHxZ0M3snjzUkDt2/JxmboiZb5gRz6xvODMgWnKtmxaIilStAxUoS+a/s5jILFN2BBVNG83NW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RTsCQAoUUUxv1f+QfUjJsbpNhFfeuu4ijUjExv53XEg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FjxscBvaBYqrJHcCiLH1vT2taff4AeqUJ48+58Jc4e75JNKB0s9VMzOekMui23nidpys2NI0Ec89rQdPdQ7r+gONCNUzBgLlBmiP73UuRm5xncdGWUoO6/1Q/S9y9ygxLa6l7ZGKUPPazg4oCs7XZw+Lgyhkxw6Dc7T+kIH10FKfGkZrw1aKj3Twdcr8Jrvc4IOfuIgqct+IjoB9ERF1PTfbU6O2JIOtbjmLlk4cRm5XBCwq2BJO5FoWoDS6UZfIcOfQ8Oo0lS5pCVWzg/aK+4rExd+txBC+WDAk7I4geGBNS+M87xKxYRKzDI18iOP8j/tMeJEIDShkW32oS9sJgAtfjBXfhGN5uht6lGQK/pd2yMXN+PTbM4gmONuzz34Rge5/Pp7tWBl41yW1Vri0HHNxrFw+6E0g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RTy3VBGyisPB+Inv3jxewOSYyi6BabRpZ0ii2d7kjLs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E6RT3oqic5rKEvC75d9bKvk0CT0YcdQQvPodWYlhLqjokE66OrTQqgPsVBYfeFRAyTD37kcFvEmXENJXsUHxfp50xRqOykrbSHej7iTeRXUsDpNOKoIJV7zY6Od3cKJTyuhKwBlqh2G6yTOt04zi4paqZtYXXzkjh6hXj1kUIivSBAUF1Lmvov013T5wY+I1lTAl8PVSbCdLR6GvGnzg6TNy8KLYre/BrDARKXCK6r2jutqBy/IJZRYkjaBt5mUN6Z+6tMIFUfrEKkQKWbBw70p23QtFAy5OaXDhPtufoVP9O/EEZDN5iLd8RUr1hecumpyBVGgdcy/SVNX9JKIh0bzoYSj8iUG5g8GvN+0Eu27yrRIUM9ZneAOitKcbWl+pwIThoA5W4Ms6oO/ljSt6t/QITbsn+Tw+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RUEX8xUspgloTgAvaFZspHpuHr/GIpbI7v8qmzYLPnw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/l0YOYiNhCcPFqzTB2fNw9pa/fi6HIU/PpYgYf63S9daOLS3HnscEF4orAJ8Xy57VIYf14njnJMY3fCWjIUBO4s5qv7rQVNXJf6kfVfWJ9UnkTNjqcxdqpaaTHrQyQ0tSBpSLIMr28Jgl9MOx+ZP3D6k6mDcTAeO3yn70ZI63Tx2NtbFYIznZeS7GfrzPRiUpMCZXM/5PQCoeYRN4Iq4BY93AmohwJPZpATvwpGxtrg5/EjAzpvpRBSkyFzwk+1N8tW+SRRvtoMfV8KGRHIxsBdMstE6wGx0mZrnZExFYuqpZmJw222mMdZQ7IQSp7OJur0pZ56plytP+ECaWDZ05wn6HcBn0NtW1qlmmixkqoismkFEBHcllrIV6iKCdx+nAzA7NaoV6tgc4J13HQzlgBet7dPBAgVG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RVJF/qag2mzzivFuCNw0P27AYCv+R9AslgR9ytANEko",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NV+LqSkZkT7qLmTHhJFx7fag43eN944pZOlqcpxLyuINiE3hk5NgfzeRf6kR3dV0y0menfm7/q1XCCL5ReySGTxmFyWevc2NefyXOxrB/XszRpYX+/6z5grdjEwYOJhUw+Suzb7yz6N/ws/MjL89JK27s7emZxLP00s58hAQ44vD41IvW4bS5Evx7t0FDmIFTVkwPX6r+KSZG+a64niDegZl6bnffxFcBKjAWTgth94mzkRq7TYJpTuQ2o/BJuFrpo3HvoA0n9ZJRpGwcYuBRPt+EL2baMcbiLgZ2d6pC+0jK375S9ZFSG5V9flElWlz7FNCTtyEfz1TCPW9CuV3KNrg2EnepGoWW6OqGqpUdJq5lYTGKM+WVj2iN/v+uETKgYT8IEbYzv12d51ntIzGkeD1DYXiB246",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RWXk1SHOuO6gR+7ACxa+O9bDj/2fqJpNEp9xvrc8GDc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ky+pXJSCn6HCk+JOE++j/g8PXOhgeIJXlgtp02coJ4LvSz/ywe+WGbVPDQ163xQln8pmW5GEiL7ceTMQkv7zFgtNP9b6VIwDe4QzQFvFSdaxihY3YzYeUm56uz18n/TB5aXsLARTanbWmjAl/LTmF7M6IIFhjnQiqsFkjxrPYRBgGuvMXjQZmBIuU4fLXMCJDtYqHTqJjrHCbJnLz2JKXK3wonU/1OKQVv0kuEK6S4unDM7OWWpptKdUMhhufD4Cf7rLzklpbnrv5t8knJ3BNg/gUb49+TvCDRl4arDRNz+FFxhYizaLiVJ9ekNERwr+TaPloa+mrJ3+sBwbhOg3qz3Zaam4otjl0NPlwfGXeHT7p/+Hth+gS6X2lHHP+OSk0JQgJeI7SCANerq1SQTnkcAlgj/JyK6l",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RWZFQe1QVvTew8iJRCqFe3ZmP/x5z72otQqbCsG1V9w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7E9OZBnRQWGlrze4XF9+Txk8Vx0aw2y0+7aK9GO1sEVuX4BBG1OlS8yWAW3LGJwMYyrnvgYS83vsiLqcoW9cRj3S3dkShL6nkyR+mCB1DxUdmMyBKxHIx/ZCJ8zoVK1o0CiT9U+FUuJTHlqRQ/5IQbxLO6UDPO1xnWtdstsAOrA3UqlhvHUtrGvjgC+ogPJK4FgiNdBSSMZeGaBcGAald25WAGIWVkrXB91+q1uUJhZ+bQtnvt/H3GNIiniS6G4dTuEAhrrijLj4o98R1KnzUCugUZqsOxNTnb0TqKDhexnbXhUfe9OhUs+2eUgo4N9hZltb/PPFqKEJ7UAWS5mPtk3TkamOwDA0zhCFMiOzBJKXEHkx6zUladNrimR/Nhdmipp4UTqDspz+G6EPpWRYIdhsdOZSxv0N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RXFbh1JwuBX6hlqNgf6zkhVt+ahkmU/SG/lmV/m96Lw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v25nhtV9I870+GQtcaVRE4DWqQEakp4fKjuti8QwwyaaoKdRGmhoSkHkiOK3DZeV12s53/fxMEx0aDKUIK5m9gPYtV9xtX3MBASJBQrcqbrxZ0v1J6D9m2/hapErd3P5IQSuF1W90e5kpbmX6OpcyKOSLavRFkqX5nPpKRR8CoyzHMEjzrC/RRMFO3PWkvvXY3cP6SGbke5FBEh/B8eGZIRi+ULjuhFI0a41P1CMGu3UlHrd2t5I78/9g/lhnXctY6x8mYXQTxezzDY2DhGFoW9ftzSae7fyj8F50zZZMSukUab2EJv02p2bD7LwCdLr/LhQwJ/XG3F3QtXVpABa/1BcoVj4ZCCwAiA7zusjezrcoDwoFJ8STRWJ7fi+8R+Zn0isSVnT3NXFTO2WQG03PdQKVxxNRxdt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RYZUpK2fMMn4ebfqXNIXgfmh/Mkwu1SzGMEpyhRAQjY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Nq5qLKxqJoVRy5gv8RLvIN/UC+vGXKXfcayTXTGPSoY4/c/65/csfgfSD9J2JnatS33gT31djknXbtv6H3yOea1g/UAP9tWF3T0laORgW+8SF46WrR5dr5ungDYcXe46/eYNJfBr51H0Kuva8yfck0IO7QAamjJ1WR3V0VPbyYXsTn0LlcPwWDapm+LXjJOJPLB4/fx5SyZyi8UX+9HwZVqXz3NWlvAsOl9vm9p+2f5O4+X9CWb5+Muf7w3F7kPeYGAuHo08LmXQWOUCoJspgde1QX4uDJuX0tSZDL78SA5YbqDh6Ntxls3rt339ZeyRZTg1WXbRhWZ55+GRmpyU2wFa1RQ++ziSM8vGLJDHJMZRHrYXJcPJeHBUGuOsbR2XbI2D8lqqLB4dm85iicDALN/+CHf0OgkN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RZ0TikW1voOPyJLKKXcbTcI6d6aPu2JPvHH85DplnpM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y2JTD5TzJaCxlS8xzvpPTeeO6OXstR45BlJzcsZ9dhLHEyKQfo+v2kcioQ0b3js4DvZysXVirKy046GdiNM0wU68W2/NsRwj4nanoUGrP2Qj+CtytehtCPzSYOg7HOpf/NtjAsKk4AZ2gvyuRQk9DvTUoV3rPoVP5ADRlrfrEKO56kbk3GHgmfJPFRK8KRaK21YVSGWFQlU30ihUVlV7RfWCgabMso63/11yXJlas2P0ls/9ATN7yT5lmGDtcqyR0FzmCPv15XNHmIdGBHIUo1jAq7h+ZKLuKGYu6RsmC5yrj+eVUnFQkddRhwf8MyanYrhnQMmnK0lC6WixW+FT6GFb9nd3ndX+05gRETX13/5JlP66dekcjtI1cn2qV3m7xmFvjOwa2Yv22fEno12g64ba7uxZskRl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RaOAoBNLDW5Jljpb/3O8stri/XDjBsVrBoOihlyc6QE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NjeWDIfqOxj9JU45orXbrJENbY3Hm60L4CyQxJsjDkn+oFD+tHl6jzz2LxeEeWGQu3JxPT3DMM4iDnaJ8bYNG6PCdGQqrV2Di1vFBAQM0NyfTo9/WpaKsd61+eDz0+oGMsD56SE2quoNCK4HzkfkX6R65047aQ+5lNRuc+5bf8pynApZCSRHWPNHDBmpy9Vtsg2wNpRbno1jdDhHltd9vtyfOSfQ5f3RI3U5S8Ibppn9C64j8t0+S0eRk4iGWBCg7ftCWASsax4hvH/nqirMPNP3RwQPoC8729wAFFdhuAfHcaRy7l8Eav2RcJvsdtyCNNOTNPUxBRZBD9sxgmKZlzzZqEIdJYZCJVoQtqG6Qm4m2OMVMctkdUcKWNfh6GOO0/LGI5gUs60fPFRPwPzMLdIaYbVLRl60",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RannbfEUBQUEzpF4d+hw+O2i+ehyjDeaLEmiy2eW7ds",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ngrR54+ckarHKh/H6fKH54ZtjK27J0bToWey/H+prVARyyozCJZIRaRi9dnva/NtcXABzxLEAl+XwgP47gpbXtCW3bIqduhmTOgiD2dNdkTje27n2mCi/zTPhE/cKcZMF46Tso1/LzImsPSn0OAclmwaKOpdUpo7I1oaMeiM6FSKeBeOfV702G2j8gzG7TwQOzd4XSKpjgkN1WN8xnHn4Ap359bZcbNWVQmUqxmJSJkcZM9lbpcqi9SEnc9NB45j7cxvzz53KWp3crT8Uf4bbK/s3svOulIjbGV9BZQsPDSj+PHjr8A/cjygx7A/nu+3A1C2D0l08aTOu8v+5XYf4pPJBzpQpszSlQWg1Q3o9RirYmSEKn5hz7cd148iNVkZ1sXK8C3pvCN4Oc7poSOK+trfFuwkMNXh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RastBxdR8AP1KcuhQJAn0KaD9ptJZCKz4PAFuOucgEc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "J1Ing03qqA/gh/z+YXB4j7xX2//CqRqHu1P/BTrATs0Am4nNGHLPbLdlSqVNVNb/FHhxBs6qUy4hRSotcgeZGXG2Sn9PsYXTweLdouRHJcVadkv7qcS9tP0iiOYn88+MV4qWuoKa1HoXf8W2RU239pO8zFOVcYyBejKf3syRfXsVfr/uSCUbxtk+0DntOW0L/Bamk/dlSJLBJsBJSyg7fpeEF7GeH96KpRnuVZdQfB4bb5zYNADLkn/YhPywPzLI+vjRo2aU8N8fjKCCH81VEGqOdv3fUYOwNh4WLQYXVnacHhO8TeQ1HC5nPsCblhZUUr60/6I6w8jnYfxgI9HUiFPX+jngz2UqZ5vTyVAQK04EqwE6iX/NdqQWNoNQ3rwq/LqTM2rztB8mjup+CEFWrbQwMM+5TMwa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RblgLFscb9V1Hml6dw22tePQ1PrHk2HyFzjLj56VQcw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LqC9xBRBOoOP3hOIpRF1FbWB44AFvD+ugLsfIdpnmJCgG4xmlQHV0gsi4yxGdFIBmnznBLNxkhvVJJtBDYHzY+Fkq/C4NPUNqn6DICxZnpvj4gyXbSQpwZ8abZM8HbF7gn22Wtj/WL2rAqaq+AwmYIhJeU3EflZ7ZkQ3wgv+XPbB8jaCndCA8sQY9ICs+WIBM2KAKDLOwEE6/l1l3tZj0OIiv7Jci9/TxHWEPyKIn8D/MSU7EWpncz7tCcTjtIqtsMeMXbQv/ogAMLfvjgovWt21nfAyi3WzD5pncHV4syv2vrmZ9d+ZhNiMqCkPM3gMHQm+QZP4SZfUHMUOUay7s2hVjkQjbDrcmgADlRG+MpWVBYgMl0wRTjrmnnIzUyiB06pLFUOZdNd4+oLFqrsjqckhdpb+cyXp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Rcf7/iaWc6VVWjGVU2xiwVQ8kQk3lZ6mNOrxogT/kdo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Inp5nxmjZytJr9H6qgG5RbY6+nlG2OAhvZlxQ4Nc+Qic4uGPMIxdNtvK6xtRKbrTvl6HtlTThQ030t9878llFoharxXX9HKTniofPT2GYKwA64FiFfVMVzhbbh8oz2y1oMgciEg8/CvrD7mLQTFYpeMIxljQyQrTlmtSLWmj/xN8rQPau5P6GvLnA85rbjvS0Ks1sXvoA6woCYdvdp/2lf+L8hRWFRMCe63Z/uB0eYvEuKJI/FhA1QTWJLS6t/s0GC8Lf9P/i2e1cZwENTq7/tQGhSoYSC83YdC//F8RjGYDtNGubJCbatkSCQp2dPnY8a2yqrFbkEIWvU0GK9GXDkG71/Xl+4wIqzrVcpZD6zjngNUyI3u1ksFKChbq8/zR/PYXdjjsWkZWjlKnR9+RPrH21YsV6Eiv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RdyTHBu4YrYq2Fzi+Bvh+aNpdP9jPnKcZbWq+/WVFYo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RwcFOXNUZvPRDkIi7JkAtf97M3GoPqs6+mo8vyuOrQGVYfcT0DJpOArNs0qE/9DnyXKNt9VlUFeyBq8BrJ6nGzxsJTfpgDmFyGwYReuxJs3o3pD+5FQvM3/Nhp2xzeQ0423BxzGBSmK9oqKSlceuhulfTFXN/3PuL9kfqG2qgpnvaHWYXb82GI19bN2TL3juLZds9URrEyvAdMmmdfPpStj/4KwgtaSJb4Hyk67CYtRceQj1+V0sE179duNdYfy4DYQkL6AUkueVEluSimHdNUrpMKGRaI7FJVuKUzgkUJL1Sg+9RsJvMWC9A34ZrVvjMDQ5npH3+F3HwqBv8kifu48OIIWIphg9/Lfcq4PbB7zhTbaLSgiOVeLNm4DvZbCL6K9X1WDPJS27T+MSUL7Ei7Lqt+MXRwRV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ReUN5nkLAOcGItUq/xiY2upMh/OCIz5ys5rQD8JD62U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3hWv7VNPDfy/YJC4LvJJItoBSJI8qnUIrgSCrolWAlX5RW5IjltCtSW6iUlsnrP2WwhSChMC1wdrghPrzzeLOn+iCtWP0Ypk6fLPE/2Jd8yhUQAHkBDyBremWgkNwteQiR7Uhy6gFXyr0WN7eeQNVXAoLE0B5MaiSEDi1cPGKC1cHZE7wgfI5frpgLm2aTSWWGYoDq9CMtcsA8N4VEz0oIuwA18Ux/xzcKN2S00EZ5LTzxiqO7Bxy08IEYcKcCpZrXAYeJzLboVJzIJqNzplAwyph6qvsNIvn6L2C+jGiX8wjfTSw3ODj/+BGb8jpTkJeQl6YLQISVbJ8oG4H8h57o6GYxt1jKiGfL51USgZcobjjN6lVk3PqIptmY+gOVuRciAdHiirl0ob7xSI4EfFWGl6H6yz1tj5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RexYwb9f4FhIiqmJul3bjX0+1rr78u7E7Z6BH2CFQqo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x8ur504aLLf8WSWtlvFSjhbm8IDDdJy6k+UwbQEQr+2QoquVu5qMbFC/DKWA+Wo6Um++cgD1CmIrYUWr6RizitNanqmZPYE5Dv+2hz8+1gbFPlQZWi5kjM+xN62GI32iLOtVp5P9l8fU0w0srr4wbrSBNpCofXofB9hFhZ2saSa7wN7A26ZGverTw7a1al+eYDumGU4ak493V9h2KDydqpIx5yZ+W/KUVcYf9CFd2eX/ZT3hDis+Wkgy2NoqBJTx2ZWI5otQqwpH7opmkADdvv27uwNySBy1gH64BxAP6+ZDRDWxwwAcXtuh1ePbt6DOoQx9A8dHMtxoFM9c6thNjhCVFcyMe2Zd3HBKKn51Mym28AVn+aZZCynwjbGKJkNvTCkftH2rufxgeX9ZfWgvDgsfj/pz0v/F",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RfTxffLNkz2RSsn3WdAkGlwftZsE+lozeaHKu5UsPkA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hYBie7obSjnJDJOOhRZo/xiwjdoPxRK1cQGNL6NJ6IhLFLnLdiK16x/DOtfNjp6uQK3lwNcqapZiaZv72FsiFENNX/2gfYoHzTfPM55g/jc16vgH8+H/YEMABmkDCjUs23EzctE6yGt88yg0aJXRJzTZx/7qAsoSaiiSXAXCqydftl4pAMM6IiCTtcT8qE+Qyqioak1j/l2A1iHFaTncqYk9vaC2P/HDDe6oGuVcAbhMprNuDD+v1aBqmdh2Mjn7S7ZquiBKoymt7WQLgrMw7gWJV6Ha+rOxGpFbesMgu8SQLxtbZviXKjpa4H2o5XQiP0ddZud94mFyetHjHQjjPH8M0bnxNtuMMv9aG4xk7C1jSnqke2kKgLkf1PSB6auWIT5u9bSaPatecCiDSrAmL2Iq/ZwJ+5/J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RgFvtd5f2vtLPfpfKDhf6qpOuya0H5GhsRAfWAkUn6A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7cQlheawWaobBRwWWD6iXAAHncuWGYSGRmzOVyy88XftZA71JU4/wkJTt9HJBzrlYxTTZ7gP0jNhqD1yxuzyhlO9WJdqrWEW61+Mzcl5t7mL0zeYAhwdqjWt83rwU+CohENyyN2Clo+EEwlkzZiEdhpe/V+svow75g19mOxLcClLTVy4sYpXX1B2JyFPwYmNw4jgbOULrA6HfdrAa+DWchK0RERK5wb5HwSsVZb2ueZmmq+ItCLd2DY3h6aWFObfI4Xyeqkd3AQuI4hGyzcKqP7t9jM0Hgy7KRkhQiMEnO5AIalRLQeuZ0mPhGvfqPsNtYgoY9Kg9P+MiFG033DbCzuDn2hQAQUTVxwKBis8bzejXHJlsxjw2nGy+CAxNoj4TUvtdPDR5fmVowiEOtxWM9uS8vaxhqFJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ri+V4brwPfgvNzMJ2sTn0PQA8CwWtH3wusTWsgE3S78",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TThXVDKsPEww96PlXhvS3uMEC8m7fQvlpT/7MJrE0HjxhHgvH2gAbVThcC4nJcWefjpiVeu7tULHSlQS5w0KtgXrzscxqZzaKXCAhgi4G7o9DxcbBC5Wm9cMhHvg1gs+SQCmyiH+YsUQZ/aD2nQUM057OgAOvn8bGKq2orR81zBpw1dFca6xx9e8INvkVtIe0sJU+XmaqBlKXflRhllNwoOuL1976ygZE3+V4lYW21h4ybjnFFD11kPMxcQIrTx3eyTa8w9bV7KC2B+rK8ZrYw59puqBhhBWT68WgzzONjrgLdqKk/rtr7iibFsnj7NTUsAgH0I3Dr0nudB+lK4lZOYnHS+Ph+7hn1hD6XJ19/L41/rhotGiOvatt/RV0otFVGn4DzFmgb70EHNSB/x1I/k5v2dNHIol",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RiINK0PEDJBeWJG4FXeu2FOpRlICsgJQOK5EDrs//G4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FAlHaw1rgChB8tULuRLxcq2FolXC1hbvdXqs9C2/PNaleVOTWcISp4UNQyb23iXpf3EqsYe+y75qSmG/CNg5NBEdfdY0f2sat9FASqZYapGKeHvgbTUkRBIofKne11KPSFsLGjjALdbPx8/vJx0SnjKJrdCCazSrgBjZluSkai2StXMP+0TdqGldv8aDr2SL+rSShQHoqGMmOcm/bm6nkJkKxzpRshUvX2tOnadP0fp1Tl/nA1p2insGybaBpPeeqKD5PEgRj4Pzr7a710aAlvSifNkwd9Nwx2iAeswte4SkVJRQVCEkkGq1TJbp3kq78s5BgynMVC5c0UNwDcW2lb+B7wXGv7JrrRuFPZkOTtQnUyk+iHMrdIEDKoQcsy3auIkdFpMyIZH7k8rKJbeG69VHMs+r16f6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RjJd01GgU5RVPqkRvlk2tDaUnuprXzuBe44X/vqub/c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oXsg9dIP+Q7a4GLbkQT1npojGymrPCLtRnaj5N8XgraV0KjLf1HCkQOQr6jUmv++FgOhDr7zHFx0Zcfp4bM7nKtRKhhT8Py4P4qJfsAytOb3nLOsp3oCCPk8NdRM8ENWtmelR5kx8O/h4hPJRvliUOXdhQws1vfstE/Q6gy7bmJILDkqmFyq3vZFtpaxpgVzqfsLta1hOJVwSSUrkHAbjODc3HHr5+0ph9BHzBzYkHzxrg+gCnIS3+1gN+H43ux4XN12OmOKE3czE65pnJ1Ipc9k8HkFHjQtF319crv823jhBMLqoSdkuMZVzlJ+cl9tPt06S96XjupfsqTm3KUzDMgIVC2Wrghf4TM/vjdZKoiOV6iJsg0GBWwmw/gH7a1X27u4DeHxbOfUA5x+hrd00cfHaSH7Mm7L",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RjXU/bw60qrXDQo8PUHxG+9ejAY4Ig+P3wZfqOLghmU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6crXZ9rUrjSKBBFF45LUuUePn872N5zOB2sPtuAubhtqomMRZIVWBVB+2kF5OO+QMW0q1HI2qNmPaEhlf+H0AKBpByZOHWbppQ/MYuMJiKzx+mBoeEJwSeOnBxgO1h/NilXwG0bspw/ocf62ncoH7K4GbGHcyiwVpy1vEsrzo3uXXQmGL8RxAHt+NZ3LcmbVraPdh0hGevXIQ3+UAtkRnxJt9Ujl0SPnPeEqwFrRvNP4AFjmKv+b8ubcthyoogpl23EKqnO5m2aeNetwWvSJ2QhquvQ5iL+BRfXaE9PuR1UsRrVOfDB/pf37KHmbrY4BA4SR8tmA4563zL+tKwcQaO4dcjnj+GwFLoRT4D8JzSnjk2lElZ76y0nliKGSPjcFQqjQT2feYWCDGVGgEwOjfUdcGYB+tszm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RjkJM+9a26QxMoJDB7eNNP1bGdnQfGxfyUE/yX/hd5Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1uJh9zhl9l+pRC8SddF+GAeQY1mN8u6ueNS3WkEawQHX/NVZFtnoCxL0WF38SaCisElO5Z4uc+yAhBGhoryyh3liBB2iLGGd0LCb5O5fG3LrUp2tPKmMIAVM3Ct6b5A0v+N0epQ3qWMqnNrkICmNrYVkHWl0eUPnU6oVUSusKvBHYts5XyHG466vBh3NpcliLW+91gvIJ9a8pBed4PKYjNrjEl4CHZaQMu+AixfqxAGSmVOprM4o6ZXiKygB9aTEoTpuosqNJd+EMIDvcJA6406gndaII8W+GHX2Rvjg32Gkr41jE4u3hIg4uHoOCkDh0NZlWNWwKXnAZLF9TkUNVhLzewvp/FlTtEuYL/1C38wMOc5LnFU9cq46H1WddWXsDiPnBEbIV3ysyzh1raqAPjgXecsUbxSP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RjyN72KxyJrbQpvndZB7zpcpoPGQxe8AGVvP2hDsqyE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r62eY8ZGPM8o6v4imaeBOx2XEvbpIHzI3bn+ujqxUfthNK/yBHUgC6q4CbbYdVQe9irodes5NTK8cWeJMjGKiWxgIKWRlTHxfuuwKMRb9UR4ee5EbzNdfJJ7clzmcsnL3kQwiUQE7aS9gtBbaNRPQUBdrxODRRFXPASGGUL3hrpUFYs5r9KZUneCWmLpqWbK90SGmgZhIh2Pdo4Y6Hip7V5HbYGmN10AOqYDMuEmk6033LkV+ObIUakL52/QNj4xRQK8Xa9f7lRnq9+pRe2T7PuHRJQlNZYUR+r6ZUavfaLWNdDZgTJgrjjuvYKlRrVp73DGo7VIa/qPIK60VwQurs+tB182yLWAhSQji+jdSBybJ5V5H+PQdCVmLhvdTxiXZ4TZRSkYopk9g2fzc4Nd6KUif/ha4yv6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RlYWDDl4WcEFYMCZyfLzULAraSCO0Ai4nu860XJ5Q4g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tHJ+wI+9FVGBbgQ3A7u6yZax4qYrXPhhQSKKsGj+f6PrDc9j5l0An/p0AtvZwEihiPov9CIReW41D/+TG27Z/9w6SJbgVwnXFEqFTz5vl3BsifdsX3lyH2dQmPPsOJGZyczeiI7FpKUwymayGb7TLYB/lQU7p9tJj6IaZQclYdJYOp2nm+JYQo1ruooGRo778D5oqZXg2qGA63FSByccLloLDxNSkknf4WxNw9ypqqxSQHzZGRpK9XGiWqJY7kCpKiV2ARopRDrPiO/2Mp9fRbnGP4HfuRN82Mda4IB14+C59dC9w9WeMqdigtTzrdvIUIlWLZqmfezPYcRjZULYp9WYCOwFF5genPFqWzya91e9b+RWIwbGCDl2RWvcZs9g7D52ltvLxIKdI2zWBLTxaKhSNmtMgxPI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RlnyRvQPD+dWYygSVLjrHtTO8R4sWqEDp9BN76AP3PU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k9Wk5Ww4XQcKeF6Npuzn519vg9hxLv2yf+pe4OjJmFYq1onRT7Dj3V2eWDADle/bklfCPiacwFaW7UoUVFSk246YJZ7gc4fFvkZeeiGCAb470tQI6CBpfSssEPIGYMqkK7Sru4zHViMkAwPgg7hvY+WdDU2VfBIFTJ18S4bebeBUv9lj3qE1p1GXRUTr4Z8tmBGNXIoMtAPqi9d3Lk1jVGXi6gS0hSgqNED8Jt6wr8pG79//+Z9Qrh5y9HkK0uIAoG0gl/wv2iCE+ezJvKeDK2txeQ4MqGy2vfROQx2TeqqUoiPtXR3SkVhPVtYcECTPXTiSQNclpwrYucK3qBRHdiEo03s6sV7mehsSgEV1YP2j3KZDHELguSH6Yyzg8Je/HXJJaJN/vJqcTusL6JQiB0fq7k/3J3Tm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RlqKFoVFtbOqb8GTEohffqSWSA4wezjiRHB8d0u5AVc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7rJ4llwA1uBBkdz0Nuham0lSA95z3v9OM+e2cHplOnFjNl5eHoXed9pQEWpMZqVQHLEZm1YafNXkGmpMmdBWiNaeehnojWz3wJGqF3BZedE1dE1fzfErXdTngMnd2xrCqYvYi29tYNWtnH1uS16IlzvgQyqp8GTzMn7VJDl8pFr4ED8SBtupdCM91hM7AEYld2vhARQhqpF3LVJx+Hdf9O9vLISaTnWSyptIL0ItuknosgqGQ+0eBZaNd2WW6imY1m/7ni6WPZoC4uspLf3HBZgzgAdv9ou0/5LWoQb5ATCYgVR8d56+79d9KS/6DlCSoEEzSuzdQ+qLwsmIw9prBuxeldIvNR/gonr88fPakzwJvj3/8AoICW48ReDVGa88GQEO97GvSQhrhU1EQ+sWlmLI5YTFMIlN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RmUDMNP3lDuzeuOOmyn/VbbmfJeAs52NmfEAQuJ5IMs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yKT0trWZ4nN7YxL7eUXctOLsbxCd9TZgAluuzGqBIG2ljXDwwXvMo62OVvwlaISmGVqBvfNmny80CXy/TtbXmk5gojd4kQecIPsU+PHMLfzLWOgTkejFQx3oE0oTfLzYYkOXuuwSYNkS7mfMN2r+MsvJzIbmO+HhzAaiYImIZHCXUlGFqFQhZ5L/AGFg257SICuygQU9KnPvwJYPKgODrvWlNqJK//utSO+As5bkfi71HvfAeT5hO+sPOOC7qjkBbCnXY7CaplexSvYh1jS+4NVHsZ65x5HeL5hS5CGsTHUhEWdnNryWfd/cI4IzonPQMyWSXgtCszaPwMnFk4NtMOlMd1ZHbTGUtKexJ6urDb0olWWsbt+9cwrkNedHpfErHZ+2v0Aq+alHQsYqVUuoFZnt9QdelEDB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RmyCMCOGogpVTVymq1gcIft3KMYjKrDnAHNem9zaHTY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KyQEg7KGDvI4z+amZ8sm9dlX29xur/oiW5m6ycOEPVicLY42EaDfjj+E9UBfVpp2ybnrYRUUkhf6DCRgXj2eXKy7uJKsNGFdsulkMLuk2jlIfqO6i61kk7TUCAS980KClfOiIjdBwjEnFmtzk5k662FhDkqj5QIE+79HydFzJLNZn8MM+3mlO6paXVjTTFROxo8ldDNznyd8WUSNtoQG2Xp0r4ojgZv4K7v7qPblP/SA3wp4mgHvM+OD9CbzGV/vUEnjQCclrKJj4eMpZvN7ogjRv9vc/vuURjSI+vaB6nGAVwWwkuwnqgW2AHoSlGYK8axWi+haxz4I1lwvuzgFsj+sQlO/tKMbqsClADWlEGro6rgH4dyU96XbOdZN+sF4NF+tRMtAjP8Z2xJuzHp5syV/9PVdADvt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RoJnqGJ/Lerm5W4oyOzRr4AA3X4hYP7BSm4fVdmP73I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bXZOGm7OYV4fml1BK7b2nBuIgcg7yDN6TmGCxmhhCajrRW0NszkiXEiMeWsoiUZEcAHgfdPr12WUJxBG6r5vhZqWJiEbOlvvMEswbKsi6mnxhzRe6GxRB+Zt9n0oWz5q4W527JsOPwndHweauNNAp85eRuntqhdAKzSoJQohhehlbQ/I+muSAXSUT2xQoDZzBXZU14x/V0tVV7X7Qv2BdICppvuNk1tzcmI+B4ihdYDaMSxZV7fcAjXnaTKORsa9gw8qh7UNKK/G9KrmIAZchnjuMJJMWwzUPDblU1nwqx0zSqYd0j+LppMumBIAKJMoForgpMy3LuxLRcrksIxYHLBZkV786r/dDeM5pEtr9kn//VghjrN67/N7Iez+T+YkSUr6eihNMzdURslVQ+p6vc4HmEuw79CX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RoR7lNxf4mGt7PC9eoH82CuAkiAL1onENRpNpl9w3Uc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3zMLuyeeMcNziilsrFAQhKQkQEJYp+yeI5jIee000EJnH6LMp3nCPXOqIx8vPd7clhpKF5vbR/mGDCOMGaUFZi171GaDM2wusL9zvEjZWCzFGstQ1cQBHRUrhx90ply7CR+HvfJ0euTwrLFlTvDpk+21C2crjoxCzh90YzV+UoTEFcAq4wPdAfZWACXGiDrK7c0QcgFEc/3iMu1L9dg+gm07fLk46O8xo74IXS34gZ+Goue5D6tYVcgADcPDJ7z775Rai/fTl6ESJipkCwYFtOr3NTcjaMTpUqtiaEOisJzkj9qrmhGsFZSK6hEhBcsPKIFaw59RYEeZISuMrefq2pwDIBWE0FjdLZXDePbQdaBWzCtPS0cBJ4/CHIVtHv1JhkHO+DSG3A7YLcQ8fGF90xQ4v4ylU0OT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RpROIWC6NiD6NS1wv4qJHI15ihaJeaUdV5lltTqlo40",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S6I1l3Aqrao+/WVDDPEERNFNPvqAZ9JS4PdzR3eeRMIKcCkrcPm2HofU92yhGW6Ogub00v4qQG8qwqXAe+ddcAI6qs/5zH1wZnmaC8ymlk+73kIl91TYer6rp63jW1DzqGY556zLOXRkEvQctTgV+reOptxOAEswYOACn3i4mFC/MkojmiZCqZpBef578JqyaBplbsbXZqM29HAQDC9FjkqD+LaprJEI96N5Cp2bkL0eLjMQ+3v5Pwn0XMjW0DyizNSLTa98Jcd7rOd/2ZMqQY+3dQjjAUGwrcAhqe2OD1ABO31kX3xsf3H9DROaslCH+VnFvdAk+5RmpqtNvw90+89ZNLXt2opshEjTeldXzlNx4akeaJI8bqNLwB4IuiFx+KpGwA3brZrzgscx56CdJ5XKcODtM7+d",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RpUwPiMonCmin9hh4zjGAnyCjzMkfZFzEY3jrUOV5dY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2OAcOLprKGwl87Pdn04iEYgRq0pyxB6cyz6A6JDPHxrCiIRKc4GoiS47hDwZr066nkxMtqdXQGZk2essEW1gcG/bMNhIGx0lM9wcttjvjaUy8I3W93trX+r0pSu8oLM7MgMaX0qca2zNFcDPSYvJ1v6qP010uAA88muDgWvV3Z3zDmlDjekTB8UeYDtoYY4CQ5o4BOKhWTknptMBXDiIX9D71zND3/uAAsVMpDAsV3etKrDAllrAUewM3jFXP7kKLLv3yLXtw25hchM3cJcSAqIwLK1uRRpm6Kj7J2C7vL+d3+wT+499JTageqftUXznOQ8zlGXf+ODO8rKL6ApV7uI8BJ/GvJagKFph87obrlK4KnQNyfyaqn9r5K94zAelKE8ItJ7zlYs/W8gSrIRAmXhr1qOw+iAy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Rr/QnhlTtLXZKonL+WeO3emwkDWwgkdUv4YGG7rpM4E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XDzlz5iNii4Kch6r22n24vnLG2EuwEUF2NGyeDmoW03YC0wKoWh1S61LGLkYpddlxN1kNbA7e8/oihh/HULVk+ZmA8tZmsFg2tUX4XqfXvq/yab+fy6pqcNh+w0sTmhR7qGU9NXe+TvclVuZuPh+83iuJ5iMfS/4Re2ZW95SiEhc7Q2rh+GAN0tBIoFqcVPG2+lRws973foyvppnJ/aEJPTkH1wnTWbHNd90gn8jHdBCpU7D3qCMwszuJNcMKsvkPQG3lT6mgnZbxQEt4vgmDOfxJxuyriohpWsKV7I5Fb3LujI6ja194t7boYYqfwO/6znwcuLPHFrE2dk81qjGelDBmt6C6O3iNwRIr3wo57G0jYMOK+PdjN+/8/X4q3AmgIhhrsLtOOiIzxda8G8NxjShjoOgrZ1w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Rr0xukbGKwrk+py+ViQZBCq2laiTdPDCGe5jp3iDQEM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dQkiZD1ToteOeoPVVGrbTajG6gfLTLdDQJY9DZp/1eDXu8QRC2WwCnbFPPEjBFtTYLNdc8Xfs5zdBl9TWuMVveLa3+1qQC0fATeZ2R1emVinfQa0dRBrkh442O3bqFcdle1uIyOpjU5zHZ3qbyNQlCg9xDPLmIU58rkOs3jFZTCr2ASF3OevvsJu6vdh4gz1JHodbIJwEEwd94/pXOyXPO8nPFEVKcVGU0KDaovVa5pr6n3PK/3Tf2BWN7rXCrR2lLYBJ5vQ6pty8+v7St3BZFNqUCtTKJI7tzHYoNXeqVWpZ02F8PcAnSVYCF+wwo9aHYRAxAFs8zV/s45GLLl7p+cZdmR6xspqnWgDgi2HKQVJQgWhfbvyaQLacerQMZGsHZD9C0qYnOmVMRV3/Ez8hKviTOuj4NFf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RrPcv+mI1h+Er/075f0jHu6vNQrJIT5OuOWAphlxey8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "51CgE3Y0iZGlX3JG6EmTX65GrTNXt7QHIMysTWf7ZA2EWyZVfxwzQ0VWrrM9zFKITCAkfW4RAnRdrA4QimBVBRAR3pfVMN3eXZbGTDi0xr1cmw+a9P5F7/eY7yvwH8LVLQLYfjw4A02SqyD3gZe20CjafpJrUyfGthwPIX5xdeErYehWidlFftUzAsgYxWAoniAhnWFh8PfIXFRXj+19cES2JBntqYmxJlnnrchydsY/CsdSDQp5SuCXtFfmAeBUjh8dnNmOeCrEw5XvJQ9OAk7uxs1rcZxHw/ghTGwft/+VmFPzQEpjGMdOWFgr73JAfAvLH/GgYjJ/s72tKIaYV5STGauKtvoqVDELJU/RhQ2J6TU+cGjyerlKlMYQQ+FdXcB0kZU7JNQ5frS0ey4kckAoFuN2HXgk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RtCNpUKvvGyZ7cFEOq2Gc9TpjQg4wlP/EZuXCcOYZI4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GT9a8lC8h/t9a5ZIBUVRMm8abnQiRYHwJ3KJHbuYX3mkOSU+lvT/2X0O2yVqBqn+wx6lJTRG5j+miVt8ct0bWXip2F2/98l8Yas8UmtmNhJCf1hCwD7ajat+45i2kWbpNj/EAU3fBcjzBXeikm+vvrY44v8BwhPOtrCdOKOqtP/IvSI1goIaKlYBRysiVTuWAeQg05Xh5piaXQjoXyYybD5kM89/70I11KRPvZQL+CDJTVg3KonHKyKSDd1oyIiNtMK38adkzC93KxBGHJymPgS0RZY05pU2C46cKmxzj9bUD7IC6R8MrosUglofCAgAEiVXpF7tL+L9ySy4MOFEYqGMiPwgx3r4pbgiEZ2PCfeYS+hdvCpdt+DBDAUxYSOTrjAofoh5adFVunElZMpMBbr3lshNOSwg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RtEfu6yo8OyDg09I5GZmuimDBhnnZtkIPr70zjcdwK8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5aBxdnHvLpVZAK/Io58D43gFgxNvfw+SaGTX236DZequ8ddBFevo/BIb+f0jyllyQ1qVd2M/g6aukmaBSIcMpLkMu/8WaV7fjBuNPPQAlx4AaEQpGnrFD0I89NxybTcsZHQMdR9R5UnxW6jprnGHMlnDM07IpuE7W+DxEbjKKDVzpWsR+KW2LJ78fZIezg7bJKvv4Z8eIz0wLwQQwoOtdta3XOl69YTbbJxClMLRnYXuNOeAgqgFqmTbHb2GdsVvoJuQ5JVYF/tdLMSuL8yarsMIaJWkEqCzLV1cyzgutKrB9JMHUr9yiiPRtNShQgAzwqALEofJ0sDWoP970G+qQPv2wH7szBbaL1BE7biAjfNywBSlX9GKkav9sbuv/B26aMvsYnlxzx+pKGVuE6dqeEHg1+U7EX3F",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Rtig0qv4FicF63UNThHTjBuiDl0Md8stmibosXHiOkY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Da6R/NivH4342SISwylLu+Q5xive1MwHykbW+KP4WX2Lz1QG3+zvnQfNLqbcekLbIxm9Y75+t+aJRaCQl+geEKTT2wiEHfFU9AMKVF4UrkrjYssw3ElMm4Tu4zou+c23ETnbg6g/GnzRcn6f8clWVSe2gFNYRBMXn+3g7Us4Jj8YEVpGdCkfIICwAHkqFLSG4K8/UvvH1Kj+0hGLpgpv020jhdpZJhszVV/D0qhTXPrjveXljIQ7FE2GU/nthDgVHrQgwrR741AtRc/H7k65Uk1Gnki2Djd0BbgoMWFdNyKjyi9fJ6xieksl57x7LqUVukevyDu32soRzRwMLW4XkN41qOKyeCIwogMGeQmgwRZqz0suzmbF1bJAlB9g5hFah5X5F2Hy0AEeeUh1HXf0BFwscC32mwsK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RtnPR5P+F4E4ord5tMgkIBxdd/jdDuS/dwbNarGwj98",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i7pu+l8tz/VgVn8XWQxHJq/ol05emd6ARUbWL6rB9qV/h0ta1XIzHheQz9rPWNqiZWdflVSFizU9WDM+oKndODidHbcjE8fWPPaOG8pZwgC5At1NhPCrSYafgcNYSKsMUkbcjCilhcxHSoz6BEEeQO2zZ4wbJxtwk/NyRJU6CndsSYg/pF65gdKhs+/IZ5byP0vfLY2ILAE6o03uLXaqbY9cLR3hRrjoSyE10fVDmBOF7osL6RY/we94ISEasLLnpEepitKlzDa3po5cnbqG0ehPNPqAP4sANfZ9oHRqn1cnUb/M7ukfkNhLT9ZQtkf/TAj1ermR0fvmxNRYEQukNU74VqO5fzwbSwJdJ3bHyd6ynBtsYkTURbY1uFoc9Ybuj1F20b448rhn3VweJ/xq/Z/AJHsA5Np9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ru/ZkcDjuc4l7SAKfvIYYu0ZkscSaK1/LOGOn4KDjz8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FHk5Vft11cMob0LJK+8XGHNyeqbEpZz+PHJ1Fy/Fs9CYJbwHX4JXcRBdofnwc0tJ7Fc3VIlckFArquHRIIL0sgAV3cWIME/zv7JS43es84FitR001HSLJdp2/+SUr4a76/RLG9i3J08p6XFDgly/eAEf5hmUCPW5SKNkCjGGT68QrLhann2cX4UKx4u2CeIepfriKI4A3gQ7DlBtdQvYD8nn2TIS5qfmSzPUONqAChq4nwafWE+4mmV4BTHfJnWDlOrrPsLYNRQKZkij7bav7eAhOhJBaZ1IapEOSR/G6jo+Sh2uuTWI1Rw3YLu903DMhn7GyqhpnIub8d+86aT2HPxWOQ5ofK8xpyXKxKhDWjY5iSEu4lBEDEt6UcCkSVy304JEXq/LgA0sh1Wv8KQIqQ6iw1DLK9zo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RvgUAWeiPQg/QDBzJwSy65GoUsk6TI0u7dGAjmjPuhI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VH6b5X/pTVaNRNEG+HnhifCXWDLzWDPmxDHEUznXIbm8zpr2tlFPyu3S1yffkiYsqoVvqrqenCylv9cD2ex6Qx6xl2xMCVCHYyZIwZYyglAzQ0Hx8sPdYcFzT74D6NFaFXgut9CHXzgYOCbalH6UFU9U1Bb5gidPc4p5+P4cY+1AGkhOgfpewt9iq9BFADUkJ2KQCen7urKk8qyvrkeLN1tGct94n1utWSILSvQ+n4orSpKCXGZffakvOdplm1twjS6cNO668Nty66yJq5Dyvct81Ry7XJo5fcsNwbb3RLedpTQdSD9AKCcUbmvtRNY+ppXVK4mJv75I5UoIvd3109iJ0rQTGSwfsxHnNIVGbyPkKwBrHV+O0DdXknvGGspfyAZ8Q1GZpvKnps1FhDWbqj4Cs5Y2UTT4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RyveY2Zc37SXKvTFGuHM7qxLbN/Os6SkYyKB8Rs17q0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Anu/ln864f5nKnwVBBdbqUKjF//7OeUWdRkt4eVZ6qFSWSv/C+yJwWsZzQGcILMu+QUR7wrv0oiGZ2plM8uLoU3/tKv+wrZl0lro3MvfBCq4gwveWRQVSIbNWdBeyWH2tn1T4tbVTB9VQk3ZSjZ/xEQMDBYQTJ3SpQfyCPQluAtStYU32XpgK/vWIXujSZmNJA3qCOS7ML2lKRPl3Uum6Rk/IeLLJjorfXlm8rFz2uqSNoraTdOWFjBne6Nzf6rqGafrt5yLdUMlo6BY0h2kuVukZBzRrlvVeOC+srVxPZi7K2nFnlAXLzYCrrv+U+l16Xeet90Cz697ctP8j0BG9XIRieWBOYsnzY+ntm39eQc7ccXC/Ec8DpV0ycZK4dr0UdZROXPEWs6VE8RYwbRT3dpwrdUtPIB6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RzBq8VpsP+e/RcA9EF+elaIsBxcqakINdVlBMWVzo6g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0hYAkkPdhPQpHvCQbljsS2CTYslJnK0CPtdTt3/FIGJzpJ1nWQIO7OQsCy6064UbgNvkWNX+sb83x8xU7XGyeyu7BMC19vxZ/k2MccgABIzt7koJifWSXa94G3pybwwxFWrnO2ydNSrDvjhNRuzkNjeqmuk+Rr6jyQZCQbxCQbWTm0OZBR/AHIGBaGpc8jZaLqg+dL73L4yqax5gVcmRrqEaKSNw1UvRc0PziwrpFVSCwhgd/05oG6yoO/1jgAkISM1yAOfehTu7OvodEDnEEouoQ4DOZYzKsbLYnC/ekW87lM8Z33EH1Bh1XNKx8xlKr3w05/0wWqIbPzf9ZoSYHTcSaowMWU9bJmS0ISsovB7xrlELk6zqkKPWINYxA/g1Uub6ygVxyR+slKtVntSnR9Lcc7bymLbD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "RzJrqwZuCt9geV1GenOII3jXuINXDcflFDE4k80OL8s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B7BlDRgj2AAMDMn1PqyMUI94+VoIA3R/8N+Y7OSAdD4y/+Uv5MHRQzYEyup0/nOfQDp7c2hVcVrcZbkD0f8Upypz/gWV9AyNiEjtUTZFW/cpT6iqnsHRSj2b20ttppQImvlLhcEuJnsGWDS+53IrcuKGE+wbdFyR5ngSj+ij4cgFyix+MymA0k4hYloFSCje9Dk9VYFOxkvIJmoQCjLIFS1G/r2x6kvcnyYzA4w7tD6phANMIucCFj9uUH2uPIAi5uLJ63W+XweWZheyPE7Edsv942HBW5nzVzV8BlqHg9G44B93XAHcwp6s7nY9RmMKd2PoB1lSezl5WmUfbo9FOi6mq81B5BgA02iHhtFbZMXuRkR1VCc5BEyX9M+9zo1qWhGHzYZgiGaMkgPdUe4eMUH8Y2F+/03G",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "S/XZhSkzk6e2HRFzb+KnJ0Ehh8tmJQn2a5zsBehW7Eg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "93BcYnUFAadX639JpRHp4B0cw1BZFLG0DnoUqvcfLTjQ2qOqawXLn9TTJE8JRlHZNROWHv/bU4oGks6rtpVUp3S3z9Rf21hByfW88BNFGWZtxTk2QK0pznPMYUba7ACOz7/PV7jl8owQ+/5PrZigsCzMgzKORBhVk4pki+gLzJ88eVv62duXWXsZ9LaKop9ZX2pS/jrhuO/hQL8B72FlDlg3GHYfHu+DV6xA3xrZH4Nd1wGhjbgfQPs2otnF82ZPqsCtbVZO+4w+VeQFVH4cXnp52L7eyhnCGfiqLQ5/tKGsnBBpoZ4uqS90t0LRmRhxqPry3rajq53Ic51LdZ1g12guRjqsOeZ03dzatUvGsG0ZaRsKUKmPPJYVt5yqKTZRSYcjAGOFgvn81/0uQ3X4w5vff0ltky47",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "S0B/wXHQO14o5OQgZqYvIadoCbPp6Mv33Xge5ruYoYU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4fEtezidXFpgWq7UW2keA5lzi/SGRFw/VBGJqt9gcbpkEo8oqoKnx0mzLGp+IgGnMHVp0tqPdMoQTtNTq7tEyeBN09aqioStL1DxHeokWTVr5h5SWRaPYwKutjuIMNxNWBk9VxbGCTnIaJ3L3xiGhQUYsvcXJ1NKDWe8umMCm5j0WxxyyqlHq6gt8QHFowJS3p29LiyBIXKRgKGA+ti9ypNSRWphvQ9SYK7QUJEy75bIZkv1I7yy/7CaAWewM/g+BKGTjgJ2jE2aIntLoulG72F/TyU8hsMMWrGheA7OVjsSSLbU/pbRupYnl76eNNZeuUyK7JGzRrE/ZhHw8JPqi8yRVe4kE4hQRYEkB92LBxp/bTnG382Za2LWvzaFyY8UIF0VX7eH+bVFQfnDxzl8pkZpD7lK/1k3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "S0LCif9Pboo8xzv42rRmYnlgvHb2zbkN5WSJ4nCqjY4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZVR+YVqZWyP5uVfnBthbT4WxEPpln3UkRbXbrRvS1n6qcgbl6+nX2ylYL90zO1Wy4S9Xh3MiL/3JJL/cksuPa/runhfgsvCtwQNtyUJ49f01JCFR8dI5+iIzpIaE9I15Sj6S2bkYf3XNVhYXnNWygMZyi8VCVNwAI/rVOJM9cHZpUvpQGidfURTOca+tWHatmC+AtALP50Q1DUfJmef25unJ8jFakRI9agJ0DL31OLNYWPouw+wEYSo+P4fykEb+52oxSZXYMwb/KYlC6l1F3cHwOrBWx3TvqtY++qPN3yzTzktqb0KSiHg1e8UjtL2yG9ROvRS5JrOQpg0pLTWf11hG7+tXyb7dyKOAy17piwinPceekPP/F2fDHuSvNwmlzotFDjL42ivrVyOWIrHdQ2Hvrbok0NNZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "S16rKBuTFdHMc8fQUAMjkyCp5CpmRsuaYX8t5HUcrgE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8zGdPNtmZ7vwSYtapkFemZaB8dnwV9xdPJ+1ro5GiF7m1/S7WJWCchbx8up2frLgYdnFgfaib46UjQsPEtmWsP51yA3JzKKC8i+VhijJoPTVCX1hqqYNcWc1Z6PU5RRDZeZ/HLqyLnCQ0h5n1mifRh4vnkeoDk6wSw3ErPWR0ltLDjam1WRwWqS7R6G+0jMcmV9HdoMQ+0b4Mtivjn88vv41E/OtXS/+PZ/2enUdPgrcSrkwKkprEhe3JItJKPH4DOkUQwOuutM8kUbyYL4Uvz9O8KARld/P6//BuOTxQxEifRlWLlJbj8j/x+jOhBYvgCbxdk1Uh7jtT28m5NM8cwdSvV5IL2IBr2+fktAVjYTcNcFPIE3VzuJYCb64JXwYhybRENfw6qhfu80bulD+gTYw+mT+54iZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "S1LbfTOZGY7HV+TB0xCe4fKRGIfRhxfFUNwv+f88b38",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5cgpU86/8PeGA2z1Lzbe0bH2MAqHqjouRv+b744ZFsqtT9o3K33yy1TqXhB1H358AU+Ogrtf3rUMdDFBtd83t2eSv8ADlzVIkCUukwR+dc+jO2u3dK/jhkZwtyPMolKPLReCbNrDs8s4GdbAM5m9HS2nqpMI1LGyT+tUtVs/Atb0g9KNHeA4Fz7IH8iiaHdgf7SfikjQKDikftJCinMRr01sTGkTCA5U79lXYWZ24s7qgmZfwZZLSoCZRpcCDnWsq485xIstKpLI8mFZAISPH0+NpHhxF9L3J6xXtBeUY33960io0UjQO657Lj0a0V+Bjf6ayJv8MAmwwoXdcxhc8YVFRNrOAhaJP5TljI5V46FpdbG9ykuHqgvob7cjknxVFDxnuGSLVRuOvzVabKMjn+1nw7OzmDen",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "S3QlPrbF1m5nhQjS5YPh2/0Z8p1CAdDzQixrZsrEak8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4uqa9G1o/bSQp2c7Mlb1hXU8aabPXnSpIT7b5ZgXjTIMPn9ps9yoz7C3UT9iBawSdNaOp1QNwEzO6Y/mfWdbQCFDow3GuhKkRmiqCf8hvk9S4u6P+u4J7gy/nd/KR1lem8he6WL+pG8+OuPo6hFsJGMxuwB7Mgi65ym2rcdzTps46BWn6tu3bS9rV9QgpzgrLlcwrb2W4ksXMstlr+4Dka+Mcow0YAT8VeLTzXXIm1rTmMZpE1IfXRe+DCex0GIKy3GEZHWeEFCuHeo4Zzt48Z3kdpdV6oATr9gUuteLXxeso03WaVF6lYUWOaFjes2ru6J2n36i3oJp5YseJvV2gs66Vir/oye6AYINwmunKSCCmOObG4yHkn1OlSR2+pA1gctx3NDBGhDDdEnNkvcCqin2dX1fcQiV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "S3UPyntOWCl1dJ9YB0cOD0PIXhNgwql2vGcMsadn07Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pFY7lnCDLICVHfPQB1Erbq3hCUFtf37ZHf62vYZHPwjkL+dmZRshKvDATSpHDO5meMpOzgnvN5a1T6Pez3KBB65eF8AIFMk2575O6fGKLXQEn5MgX9zcIJ8UNtyqlI92o9cgt31UvVpgR0Hzce2Ylru65/Zr4aQIc60PM4pXvuqthfe9vP2OgfJUK8El/lXS0pVuwKqxw/mjwkPjBJUns+iNdldBgduEyRUgLDAK89hqb0AGPazxMNES72JjDTYDXNan2+XrC1NVN9nwld+4AWV/uj2x6K8lJVBFGl2buqQzqtGFoPCc/iL81Y7o3YYDGbjw7JLUWgj6qzdtesE+T7rhG/+41T/l7WWOGmIPnCipkifsTGRW+WqiJyuQStqQKXnTGwFowojBoYTKwkmiOADBaqa+BdPA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "S5httWcEEwBnklxXv5AH7tCLskcub8dqiIxjdymHW/4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oF2tZNrxUvyeyX2D9C1mR+vAzf00JH3MUx6PjJH72ToEYkdKHJ+vU1bH2b5OhEXNT4fd9z6EzCYl0TiudL+cBj9P3LsDOMECeSxB9acqPXNZ8tUf4pKDzF8PQLVykr1F7t2Q0CxyopjEqoduuPuLJF3AUr54y7iF0vtpr+JLNLATWOHWbElKjaaZTO+URa8A4GTt109Ldw8kINnOa3uKQluN2u7bEAZODTF7BHyQurGz2m12UwmzBxwW4x0zdRKolKiyKQEyhqSaxMLju0Zm50qL9wgmaG5cHqMLtWKL2ZuP351ZBl6BKpJiGlp0WbvLT5wO8TcZJCi2TpbJjAgQu/7DhCXpCyVOQo1hY66pHlToMw3fZHer6E1C19zwnwt+qsbxZhxyX9XEaHQ4CBW8ex4j+xXfDpij",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "S7VZB7auwlPuRN9nBmk34xX0gA/MMBZhTpGTnJFOWWM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lBkILervoz6iUw/WZ4etZq1tUj+4nIcwJ2EAlkKvQ25irYSH/0deUDlDpA98dzSYeOPUzF1wozIrLO7jQyXlKCzTmn2iGgDl/iEHwbk/R4PuETFyP4TAYrYUWLBmCPSwkqSGrDiWsvKd30v6gjuatvw2u6oSTLviZbJJb813Jz2SflsLfH6rBxKrFLd1l34a9gSjH1m8KACY3SX+0vqIZ78MKGIsg46hCKO1T3tJX7Dob8zDh+xZuUA4GCTyuRzC3JL/bO5CnDXeXkPnwPYrgnZa+8yXWdWsNniLBqhz7h/MPGygu7/og0NUWtyDnvx0vb+UGSXcdoiuQ3Il4XoI1xKW/gyB/lCfKVmI3YwEvcvD5RKZxKThZPeEB9x9EYZEvnYqnHdXR+JytfBH4WyU73bi4SamIv4t",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "S8WS0s1vKMumVigQGNlLSoL2/yfEydCrt9lOQ1J1DgY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "q5ITMLN9phLvGe93mVdndvOoo/MJVjwKS5hXt84aUst7J6o06Ikj3n453bCK+i8yOdFGq/d7UizDjMG5vQgyuyJkNYDX96or/AZm9XIkML+qtqmj8HgNhD8cEpUUu7parkrFfzgT/A3AO/+MsH8Ryjnvwob7vW7+JD7f/Dr1JhWYYy7xwH39kp59Zp5l2CmOrOPCy0Z+taj2hRXN5S2tDzxTGlAHdnxXKHNZTe9Ney821YjrG5ma/W0NOQ6ZoZUV6xxIVjopTiiEk0zTPMyXJGaSXwRPxgqhEnmN4QnWD19a5ciHubbWqHVswUnDzCVQCcd0MCp0ixw9MT62ze935n8gQN7zcfsskxwICd6SNBvXbyS6MF5i1z1RMmd7QBWSh+9q/Tv271Qa8bP6CiGA7HRdQNrfGWp8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "S9jZP8RXWx/D4BewPTjYAm6LvO+YT0ViG/PRSaKRDZk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "l2d0wlO9KrBMhGldfaZ8LqG5phhiYfasSt2k2AYh0dVHOWDOsMOrt4tThrHYtaxpPCiNarWBoQGb97wJKWNDSfw7rBA3h+wfdC4AQBZfKpcOdmkHRaH79HoFTuR+UL57X/HOQUuMJlDeBj6sROgtJ3U/QCnYwgAp9QD5jex/V3exUUu7ovpFaRB1+Z8qGW6XtWKGqKhJk72MzqQ1Myc6WCGrFhlfgGdyMG68ToUz/rBL84ISsvDI8sdHTtpcNHUe53r0hG8PNLHmMlbipN7NQiXms8AqwoMNXxHJtLdRfCVWZ+C6ofi1LAeV+h0IHqWnrD9BhenKVZbFxYuAT+FPF7qOvsQlr/XBEoGczMWn8tfNpboZ0SMrScdOwcLWTTBhs6/ir10yeYIqguh+W0gMXn9Sc9geZa3p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "S9l6k/Bb26X7kiZoo+fxc1PWrvmFz75M4KTQyf2b8xI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eVwgxCSEz24IHTiE5YkgqE7H2KN546v39wYf+9m3o71p3aPyAdZJIGAGzQM2Ms2SK0PvQ4pn1HwKTnHovfn2NNiQObWTAAW+LQKUa+ehZYNNvcKji1KRvvT4ICfPibRmxl1KrlBnJhEBcpHfKJBB2tf1ktOPSY6NehwwbOBZBJBJvdQVL/Zf4vZCT5N6VYig1zkEpwah4M59liu3Rqewm1AWDUO1AEAgEaRjQEghf+pPU8uboNII9l/OxIXQQN2/+5cgXQbKcxM6aHqqWfgurpKjUxbf1z+Phn9WJLyKYk6OQk/5aFkAljupFKG/vr1cHZcSSyrsxvSC2Iaw0dn6pf78xpazX0CwWb99jHfaf0NHAhWn4Onlpd2op8wU1w7XIF9dRR+/Witvf0Cr4egNSf97OHBYfl0x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SA8f/tqpeke2MT0sUGEOjBN/9X78c3fUD9Rk+vh9gv0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sHAl4zzChRgxHpLEyWIA+XPygx6NzVeUIXSjzrhivohmPp6c7ODEQ0zso/hqjkl7jjUnogoREG+vLTXisGbOGp4Kpx+m1Xh0UtUWJoeR9tZcGCE274rpfDFhbwwQGjNeJKiVEE+MDiMJTra4KW3aTk4jdDWkU0pxCKICBkd+WHAHYu111XW6nVk7wk2lZH6TXHDT+KnexeTuepAPw1ueoy0LV/6jF40AuusnGKDqiQoF2SaQUfKuvGFP+Qd/MTi6MoWvJ9hIFYO+S0NuCzgLpvhly+YLf4DdV1cc35/+KLIqlpptI7UHreK5IWyH6YDq+9MZY+Uz50kWkOXqD/uUHlmSKl/n9/z16zeOEBVf/3zxIGoKoh7PIj73/TnN27rxN/hpFP2qlRYy2ebPtjwms5033Lp32hGZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SAmyWn2RgUwrbxuFY+7apg+Zrr5mauT8AWdHh0NIM74",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UMeu0nQ9ttwkgCSeWoji3Zv5chCK90IuiHat7gmIUkjskLR6pRH+CdoJResOEOBB4Xu3E9KpOR6ZbAz2UTowzC2GgNV5wvz18zYh2F4rCTwT4iT+PkOm8hRkWPIjbTXPKtDFVu5Swpci1BjZhmyJZJNwjqibgdy6I4FRzcu0qkJX4L7QICa2Wr6sDYNEuBo5tv3+uApPLu4babw/XHq7Jw3nzqzvX16W0lYlvQXG0mFJyj4kXsB2ZueSwW2xEjFdH/8GGq0iyH2HqwEuUCZo+2l6Xe5qHxf1WwrcDup5h/gVWc/jI+iGYeUcsScIWHLxy+Yhdu0wNCKMLyhIWj9CJv9Z4VHTWRWe7Tl/PlsNfa47ssOVlxQApA282MOMCvL4xgO7SFjFx9qG3bN4BN4bbSEzoBMf536H",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SBWkLKRLEBe/Cpe/PVUjN02fPBbJaYVGUIcocZucGc8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0YaqQZiW5edG+6m/wkGWS6cdoM2tv09RGN6e+P62AT+/5D/PLd0PKjE5UmSbd3t4htA1aoIMf4rcl/i6hjV2f63DC3nj8sonNHrn4VIcJQw+yrP8eDkL9JnYVvxrv/Ti3mxULtYcEzOVVOrpVCw4KB2qsI/tWyNth48owqgYhsEe86XMPEWIVzDquyP7f7/4BULmfk5YTFNeNEuneNB/o9PjzYBJITH+SAjliSElR7vZkNMc1O+Q9ScVZl+ZlJq1mXRDMa80RQX8HLqkZoKwvRBEd6A8lFSfogRkaXAyokhq5E1ADbvnF/+jKePsUoAn7esGmUKtXk3qBKAyCAGCtoSdq5NtnGjTIJWhyxsG4ESOfldGPMcY24QJeKRZSdmfOFxBj6x3UzRpgFpkMPPDb1uk9gkvBugL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SBkMmGVz+DiXZN8GxBGHTrZYzqPL1LiQfFx0J6vnxhY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "toB9nJPg88gcGgSAuJBBqi4qb6BlopjZgsQzyv8Q7eh3G7ttglaAi0MwKMwodWa7baNG91e/3LUxP5kR8A+4A7rqpJwr/KCCifI89V4BigrFKeF900A/Zakv6NvyZYNwmDYqikHDni4G0yovaVEUv6YzD3QvfDzaDLjXidSaUUnyf2y0m3AV/bkD7jGLZWTwiQUoq/Im4h6KSu2Se49MVtF1DOgAl2pdiC+/CwzUg7jrUjVM0F7/wXr2RNXzCcWmEG5Hfs/bMnqixe2s/jxHynqMJzQAJ9jgB5YZBtHF/BUBddmdC90YNLlE8s0+f+lxr1ezLMtliqqMcgwrC3zxqtZBc0zMjhsi6yBAO9HcrKZYcyCDqtispMBFljxZxHwO3pEQ0YYDjl+IH0i8rKgLyygo5jPaJYmj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SDfAO49W1xCLZR0a4dw/IxTkJ018h3qqK5Sbm8gfwu4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "g4psJPZS3Z7Nkxo9zshLUJRZ/6T7rHPLaYGp3DN9e9VfbolRKCKfYP9IvUo/XIrSz/k9cJbhzG0NdvydQpFhev3muXy9ECiSfYbkvc0Cni4nLu0LHFwect2uU397VMDlC2rRB0eQIYpchk7ZUeyFCG0Uf9iGNtk8wBoRbj5cGuz8SA1CCfHVGF7R8kip5NDr5La8CSV/LEZp9/St/p2xx8lDvX0S/EyCetBq5bt4shIsDdxamZtqmEI91P8H0ucQcp5fAEwg/lNtjopW6/RtLY7b6+qdU0Uhv0VDknMvCJxgd1tBs8r+pRMkVYgd7s7YFKGgwFuAKcCRlpoMwMq2vRp7RMinrqeDthLk7t1CgQgUTfESwdo+CkNNeLFGawYJWraFb7YIcAvEHlbwtRD/LYNxDf8mZb6n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SDu3/wjP60YWEpMCML/YGU9sfBHDkWnljFJcv/377JI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L0M7HK55+I+mDp8jA1OOCkSicE+bXw1tDhJjYOnDOsQ94Uf9V9Mrgdk57JNWyKqc5I5Au2JAxNblwBpN/pzQrdcsuHoIk8AT+cUmTy1MNZdJXwDL5jjCdMerX2jFKLzBpYwzigXSMJfHG+SSk1Gm++lbF6q01qwfxQmo6RCBSwDNKNFHLjVNhlwyQixG26sM58M/7LkgQEh+3WJfxRweo30tfO9ucfhkgSe419DGEmym7uJ7w97HRtYEuJ1gaDZYlXsUUueyFUUWL35EwPV0kXPzIfD6EVQce/Mb7xwVGT6FkG9sd2GchBGc6mbaN09llXjq3J+4epiHpdn6vMqU/QQ59ZWIJUMGiK1McChZQXsiMmlQmE77jHIFp1XSDfSaCxhsFr1gBJEJvuz/PrGORu+cydK37vxu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SEAJtydLSZfDyOKNbH9vbH2xIMNASFZLGm+bXOk9cBU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "e3JwWeL/Dv7L89tN9CuU9ptOn/FUClJAGmyFMg2eevQQOzcPrjpXdmyD4cu32SdtRfmrsI+7OA5y4iTmlF83UPwY4SQgbMQYPVpVPXwqZn+QJYg5XZtijldNq2sL+jkH7f9p8PhwbZQ6rTjMjsHR2RszfzsmYXje7/xxRuQBRzBDkae9dqpWv95Sb0qp1F1jf9/RX2LPIoSokhg4B6ner+/W3fo/Ol7xe0GmESXQ1Zs9EXMPvE6VmNbONAnLb8QGTxITRvU3i/QCYTZ8GhtpL62UpvylvxWq3HuejUVvzyT4K69EMZaWlQiMnqiQjoyG/Dl/D10YsguYiXv5lttqWcAi7Ado/3s71jaI5w+4VQ1JBKB8Nuyf+yn7O3aghaSiT7Xe+YALNRbvVAsEPM9kSl4LrqJMr0XJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SEJ9e7NBTNmsGeqQeR1/aFHQYwrqkmQSOG591JjvWMU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5c/1nHpV/o1zik8LDG9rFF1KWwA/IlBKBosem7MySOgNu3318KT5wx5dUOrMSpwvoSpsnutTvahOlXJ8IDwSsXxGzsyjNvw/lJzFvMpSLe2YN7qMACB1uEeaXYCCIn/U4aHyXZGTkEPw0Ob/OJ3HpbU1v2FCmQNRo6fvzP5bSV94ZwYzdCn2Hoot9WJlqz0tzu6kue7pNsIMHXP6ckRDi46xpG+3F5RcPS1u83bnlbIFwkecFe/vNbPPKjTv+CMeHSDQLwE8S4QSwOkr7CXQ6B+ShZeLSTYlO9KXha6f3POUhxqK2WkdT+MRYFVQaKfrUIxwKbC3HZCUk/oWK25ZmUJxnyOzLj+yi9itq5qL2IchiFrX8sHj+o2qFvMbTHNQIt8qcYjl3uvGnrq/pluk8hgD0mNgYojq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SFOzk5APQtffkYrH1gDGy3QW3yH+CQNW6vATduLC0Ic",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M45YjwBAC4o35JLfXylW8g68EKOSN8UibW3H7ICHPi6FQkHc2SZ3uid3G9Qyr1lyUHao4rHfq13n1+mfRjZenZvHuqRORGLAKB/QxarE+LF66l59iTMlOHzFqx0eQvLcPtL3o20JWp6P/zGQ4Phe10angWfK6MTsDplVvjjqxlOmJspTTSoQZsIrdqHzfVVnDefnvNGIrAlLqATnOMXRI57zrlSRdfRWYm2Bbf92jpinGuPOPH714nRjR7hIhXIl7MZKmX6jngCQQgAt91EZcWMuitdFxt8J27Y07RBP05HfhtmOvwCY5saMj5QcxMsfGiG6y6GzGLupuj/QD3/a8ga4DK8dgjkfNi/f5v+mB8GA8fVvV1YVMpTVZwNwNxVCpgLQ2GyOs1p2XpjH/YhuVXsIhX2yuRyR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SFsHOZcN/cR287wfMt1LPht080O2rbgWCKro5lzvyiQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IpGJ/z3K3OKFAQZGGLjHXiBrH2IojQDGm++m9uZHZOgjmh2ok1IzSjflDo6KpVfOIBULS6CFQrg9Sxn6i4ICuw7I2w6kfMcBUyBpEmTt+bByi8Qda6MyaZxwo1GndCbh1SQ1junziSfBT0d805CYaeJsBDgn4tyySal2D3xJ9OdTLWnnHWvw0lCBTUMBWaQOth+Bu0O/nY3fSp7tLz3lH5LRrzT2d4jI0fB5o0aIblweHvo3/rFGBIIEP4I8Hj89gQhitxmESy3ruWwfTli2DhS/zsfgjJqsjOjIVsYW94OcKkzqvnGO24qrFv31wJdTSJnkyL4G7YY81hnCZcznPqxeEbJPkSPjsfR67QHw8AuKIil8noceon6m0N68kPBkaWoTtObi6hKhqnEIn/UwmPbDxf40QSUa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SHtipBdk7/kYv/HsZdo8lPvZXiDKwUmeqSlweCFh708",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T1eNlIoJiYrDErn2NE5pRlmN3rPWF+qAIhwmBKc1WtiBbuQ9hIAMj4qhX4vefsbHJ+0ow1u/5h8mZMPFShhPKgkKl2PYuTVQ3g2w5ihvPbBhxbhr7cwm1tS3Mx6Ccdcdg/elRwp5RUmX7cvmFjjaMlqk6ECrdnqxuuivfUthfSl8c2bBNTX3IVlAN7BRRUP3hQ2PCxl+sYN1ebgT3TvaXYqzfFQpaQCJ77+WNzHN3AqWojs6rIVLE1CE+Px4IOLQ3LrLK4XXgWWFDwbS7Qa5+S2HyZRqd37ap2KAbJAJz3SV510vRHbUP+9EwqwtJozJT9QBrtzXE9zv90ho1Py2fJFTDBJUIIDEE25RWxF+cuWsHqkfZoLL0I6llv3Yab38UeR0ZV9rs1Ijg4xx+y4Vni8Vg1s7rpZe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SIbsb0JNVBXgGIElxHND3pEwNm0WJhwGs86VPx+S8FM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JhNnYZVygsZn7wIH5QgJq8gDyaIR8kTNNAW5+b2vvD56A36XK+Ks2nnCfeQLUuiINb8R4/jn+Pju5/FtBI5lGOfW23OBu0ATQciGgw+zQXcyVQqS0rCMSq+ffJ+NsOx35l46H6xjWktZTXe/AQCAb/dQwPxITmanElaLTyrZ4Au0dl6s/8CqObvU9oXnf1sjDp+xv62XU+ev6f7xqDyonqu8tg+9dnY9zHqQtIvBAM58y8uxFFbEiO6mplPN6DSw4LOF8bmrB1ss2DIS0V0p1hRWk14XnHkoC1mDX+7KTnOE2rHYYtHX+kfGynCP+94PTSxxxDbmRRdWjepa1zUZcRw2Qe4IsFQ2+Tkv36rWaMceCL+BTyoFZ1HKaulX6Mv/1/fcMkpztgBwd8tyEJVpPpDdkor/BNEb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SJDzYOrH6z6kycd6y/jX1kTeweTMtghekkix41Geu78",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "moydjhJbOg4jrn8V+4QMicYbArvfUDdlQ1G9yvOrsJTEhrO2iZ60iVipTfzma2jlgSczr2I2LqriFfI9Ohza7IC/aIwxq5q9lUzFl06Q2LndibmIDRsFSe3/dybgC8oAFERcxALzIlbq7fhmMTtrufHwe46+yXRhWrX+vIqz8aDnkJ3iX3EBmczGhUjcZD34A9+NSQaBzYcBIhKhGNqurzQZQ48phISmaXhVlHNsLxUYB3jqst3L0n/5h0nD40xk5YwhzdQI3SRvS5Vk/ya06M9yucBV9uVFmsB1YHIyO0RTsferv7UvDdRTl3FzvTgkjnoKhuBbf3qFvvnm0oJAJjl3BHCvwqOTnHx7p6bnq/P07xao+b/SG1tyN3MxIcPMyvTqnjio7lM5iKJIv6Vd3fwkUkAp8msG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SK8peQwUYeea0H9ogIjwNswbcE9PNDUib13XW0IwwE8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dDXUYpZ/FTsJc6kcWappHTz4ZW5xu7qyo5KU8IdxEw4SqwXF6TpCPy/xuiyifhfcxHG+JA+qR+IAkWpt9WD1PdFAWKoEtMNZ57HwS8T9WVQ/95lDrfsVL0VuInpBEEvucEr6xstx3n0KbR49RqEXv8wMCtV55hqvau3yVgbJ15uqbf6f7YJu33PtAAfTuEGsMqvqCYSCySKTyrkb2wiE1EPueoM8haAD8qhRkz8lN62TeVMvA7+Kr97M+QmAU2vcG1rblhrwmGhQiPyuKH+p6Y+gj+/R69lc7IJg/4ObNhRn6pIXPcxmcrn9A2sDmKUg63ujQmTr6/ThsDCpnr8850+Wl2MCKjp6B+jhY1Dkaaypb526mCkHX4AU6dB1kYq8aEiaut9XwN/4wGNIAywQPMAHbBbsvdY7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SKUMtt8Vfxs+7zQj616wFfTUFGvSpwuDfr+VvULBzlo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B3lIc+sBSU/4YHiQXnmWf0oQJfy8rA840MbOsh/ZTZ27wfzZbXNIyedmFtSmI0Ze0sus+K6Nex7CWeCELtHDzGsXumjnlGOjQPJzr481Jz0Nt7AembK98Z5MeKBlTdslFR/aVTsG9UuuIZjDOzzI3rJKkhgTs355ZxJvdBPyeQnm5ah0PRL/7SFACTqVcSLETHpMWP8QUc2qM8a7UAzr8eszafKSkgOOofCzY1HtKs8ncPlW1Ts+roYhLPlToHwk/He+Uap4mU841lSeF9YoJpNhyU2X/kK3hgPAe0LAz9yhlvc9Ud5gG12f2yW4C4WxyP5BBmc/LKD0e5OYVKLjd93kn7V8rdEGL7e3ftoK0lX8lnohU8ZH1lOPB2/148gADNXSA9Ua+XHPJTaMcs5hcEaqyTyphj5U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SKXZ60Mg19pksZLtTOa0BVfuxXOdCy10Qoj6Vpx0kUI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W5q2F+Xf92yT7HWFZSASTFf991mkS0l9HMs+ecDsKZK6IVTxdX7nTQvQX7UPKM5qGp0iwoeM66VujfAHOFf3Twtkkl2j7LuyX2bhnNbkXDVMe+ZJlVO8LMpf2nAjFws93YuZEadoQlHtr7TUECR7jzWlJZaUnIWb3rlcGRYFiy94kMA9z/nPr7K4uQ9ikRCTFn1OO9ASQYzds4DxSg516RO3oTpC2R2rnner+8pG8MFfOwXybjXquAE6C85fc5HQ2LPOGzNtpQuNQez2u4hc3dgoaSfFB5FmuMiX3zHdhuN64ysAjQq3ftUmt1tAFDeKqwmVar6grlcK0doAHrAuuiD8SlyCzH/1pc+ct9U3qtAasZOE2/T5QEEJshlxCLAmcJuMeTrc7odc5awXMR+utzRWjTcAW5lU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SL0tWjivt7Eq7r5bdZ6I6tMwkbNYBwzssOM5UTWDtMg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eGtpOgHRtT9CLO61P4fgBHGQ7pIx8ESxWyXCeSri+4oFovsUOZOZQZeqBZtUu/rMcJLrFO+DXho39NgSQIJLilmJ00ucNEd1cabf3a4elh2uW5li2e9AMgOmWX6pb1SidWTttT92iHwq/VlHwGXBx0ctFxticLG3dxrYRyydvIKM9w/xxOVfdRS57blk9dXWTij8ThpncFv3buau9fHO60gaV66LRc49+uuqBWhxWq4doxh5jEmIApVpRPlrRQRsl0R+V3xQdbDlWJHaoj5w+fMQ+lbKQBNKxFG3cftSTl307yQiQbIZ7n9ifiy6jy0dbu+pHszRg/d8pvQE8ficCftJFqiKYrOxuYx5qPInL88g8cJGQbhioAE98noCaYCRTC6EAL9/k+Rqq4fsAcx2AgSjaWKpLw7V",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SL10s+JlzDp8FQ+PemGDXRCmNJFAyUHqc40AykbM0BU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SOV4NH/4U2f/JJ9tpjk9pk3c6UAmILL+BFZ14j3MF0pQHLbanvURju+LY0HXXS6TJrLSDSO+RpanoIhXBVyrTLQFzW+FaIwLp++GzmKw3mB9RrieAd6g1eu+0uguCHqUWHlyFdv+FFYq7z/Qy12baEKdQ5j+J8tDxgL/xc3Bxh/yMeS/E7ya63muhI8/uQxqhwHpvZ5LSNMCDohmRUPo0RDwY+7E3kRnjhgtcWRBQFOunZ9IlAPPogfTsNzy7MgmZQ15qV8yZhv1blPU0YrvpOyBnQ0qMUq5q0t0TkTteYiNSqivKF+WL/RatkoPJJXLDN6cfZkxkhHFme/YyfHMxYbHQhQ3IK1tPPFn6x88TLRdh2SIQcEhxWALIeo9mS9oEY+ukq6UE1C55q6CXvtnluah0TxnlMQA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SLEz9n9vOJsD5fzQacFWzrUwaaqKJQsmsVW4HezaVwc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B0eOnsBJu5qttylkmShutIzvQS5PpGjBSdaYD+OrGag5irgUYDCnNyz4L9wcl8zda1Gjl5nE81H1nnEbzV9e4/7wga9YbZk4AWmWJFJVIzFtSpWHXgG5P9/3z/IH0RMVH+s4o9Pj4b7rMI0RcaGFT7l3WjCzvpXd1OZFff1Q2emAOXADykEcyhh7zlMaL2lKmFfmPucY5vZJpwgXgYiDH5e4WwLOW/7VC59ORUj3Tgw4DBNvoJzxr9Se9gNyHDhJmoEq1diXDaCMrVIdQ8V49Y0nFM4RGGCQBPSYH/Xu2jUsN9XCNmUeV/kqSdod9BtjkL35xF7E5NcYhT/BSNb5s81lfSSIrD6iRuBgahSh5J26UAjbeDApNPhGxh77M5si6mGxe/62MfycJXCnpFcX3dusAd/83aVG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SLPe7NQLYvt6EPCp5J5W5YUnhS3v1T03NIx/5foDbkg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KWbvtkkDHcQ8xV0ZTgdeBjUmnYAWru14CR5n776YW+3kHOkvlppbXmyusMspX177elPKF5vzpl/MnMfE0G9PyFRjr7K+RpEyAIjbgL/m5dwUffjZHMmr+4L19VSeHJrLTc+Ucgschd0fV12O2UNYNKwR8K4vblsS770W8Tl1iWJqffJ4be6wK1Uv4+m1XJD8FKWtfhxO0n/US4RP2p1/d1/kP/P4dcZAQGQAnQGceDBak6bzxiZznfxbZVvdB3GdGfQzaX5+y1hquoBDquVPg8lsPSlJKPVNOVMfSVTZx7XgCbpMHm975/dFEFr3huYhNI+dmsrelDQ5QUp9f05oW8GBAkkSHpy36S6O7eBTbdICGlDU2Wx0OeeBjav2W3/QFmtE3XNvcyhg8r8uXrwcOqcGIRe8ogXP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SLlN4B3oLGNL8GODUrImHjiWgRVPxm3xALXI8msOvbY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VnChrH9es99wSDHqfiX9yJlxj7/Y/ijl/R0kefHR+/pr5klOgvBPtge3vzFKrL88sMcFf1h28GUEFoWEhC93meL/VMPMW51/JQ4nAdY5piXWuUE+WAs+H7tcTGfqenNeNTbkEgxzqU11N27/V9rGCLrNx9yYsfgVWg6Y09Kw6+vvsJ8KcVZj+cF64orf5zR3PMTjMoHU9epDls+OMeZ9PIsCALYIg3QevOrrsUxMxGhrGGLhGqWFZe604eNdnGR8umghpb4rOfRTVxpd4y3SH46bENgGPJqHKBvTg9CwpEDwDzBMtYpjuyChCtOy5d94pyzHg9LVKlhwF7sHi3EbAOyoeguwQ2lgZ9lR4H07G13WTUNIcnJmwbUJbYabc1WTgbzGbf1px8ANOaRGIb/Lud0qpc6RA5Lt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SNtohs/I3CcoFXfZEKev8TJhJvbiOpaT/WmQMZw667c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YVJhJd6pBdbbapZEjb9IAik1QGWYYcCOBHR2x00XCi3wwB+XD4cQX+KS377P+nf3gR9tZ4BYOixrfGfrNo0wvBacaKFD82aHdCxJKi22CBP38psRelZZbPiLhmz/F5UyXM+QTEGve7ogyYfZLzA28vW+N4MeC0OOTS8hxBylYnIa7zZ1jfOtZC/nQTLQ09x5oEX+kM9BLqjRjSqIE657tFXrAYTFRTcse9Z1d/jpdcHORfftrx3dKjcPvmqMKMQw1sM9fl8nMO6+viHH2AHsW8z2ZvTOi6LAbz+H9h3rmrJEFKV0opiBjSKh380tE3qDAnOJ0E05TlA/on2SZFH3AqMvJtRYmHquX80xCTPKEAefxbG0R4j7ncfjrKYKHeiVLOo8RU/ikxc1LstWTNHZT/3DuqEFxms1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SOBDLCAjBthK2DrkdWJpofMn9SDhFWvon0hfqBjFVZ8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "V6lbukvrnLKHNOBkKKzljnc2aR9gRtZljwc9A1zSTGIkwG5wAcwp88JkJWYy/cAFmkvlynqKDsflO6MvLX2rxbzFmwi4pSR3bmVbmLRZ0SsCgoV6J2HK/McexATLD70lTSn1vlCIqj7A9qWz7j+Z45SxXOddxKZ4zMJYomvGfNDfZf2BrYd1ndlzagpHeh+gFmlK3iAm3NDKrQaOVKRdVgaRVmvrH7Qm2fF8srVqKU0aeGOL2sPnBbVVf5nWURR5NrUqkqso76Caiw5mbaZ2KZ09wfAo7IVPgbxKRuXAoUYd3ickE5tCWH3xNDzYpCIyoBsY21pxqq2Jn9eHrnVZoB8eH5fiJWYmM+o2aE5UqekSFSm1O6sJiy1ZHJ6GxLmv2P10kEiAEFXVYrjk35b0eezdXfRDOOY+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SORlo2k0QVNV64ZQooph99r67sDnewj5OctkBFPVTdM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i2SFj99f0CwHKAssMHBzUxqZmM6IRFO2lFnvlpELwZxG/gd/9pA3NS13UotSmRB0S1IN2mIYeHDZZk9k4CVrs+/xRcg+MWK0iJ90Fey7gQr3/fAeO7RKLLXBw5aMsg+eAG8prrj/GYYl1w/7uP3TWtga5FQvZGtrjjY+o9rBEM1ern8pPANkmRQtneA4PwXVdZMYr9CV9nomPPwXw6EGOD+yZUKHIugXW1jcHCbqFRLKTgshIr82jpCgJI1+EedWbxPGN1iT+mDTdtZIbHfSOoYrE5119hPASVdMT1e5tyLqWEKi6+7dFFsptnJZ9Ts1SiPWk1az7daMmGPAxpFU8hhw9mkeu2xIGQKwiz2e11H9QymHNl945JmIU9MrnLCBUHcW+Q5HbdSpM6eeIZ9Rxe/zLHefFnrF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SOqqVNnsdRAUznSyfuFoLUQpJ4mYv2rZ1z6XaxJ0Xag",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9XzDPxgp4XQ4Ws7OBiV5mPs15mwsegfKfzouA7D1gpXuHHwzgIaAnZzaIp/wTrwfzt/vvusaOeTqdRhKZmN1QGV2KBsKfQ+YJIv8qjrFqsvdKiaBhIFCcZj0eG7ZQomFjE2PCRJ5sXGWJ3oru9mwn+PP15EuRWA/j/AKQcPBVc8MnJVtyLH3W8LtsrQUhr3c6VInCl31er+snSkVjWWzdcormiDDhY71TmMk2z7wB3pqDafwsyE6T8q2ellRzs/kjpk8NmbJJcD0c+kJ/PrSvWbGXCGjSBmr6HzG0aG6HLBMwbwJlghZCkEqZBxpn4/FTi6FEpIcjRwP/4IhCsvYvIhN6R4VEYu2OZVh/DCiOm+7Tn1XDLoUb5rIlqWNWFhWZcumciwkk7bASy8uEAu+TJ39GafkPKgF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SPGXBMJcR16vI5sIJ8UQwAlTnZwDLo66ZKv9RiP9HyY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JtLJ/G1t9hQ5h2dOI+JSSkBvd4861M05OYi3pk6hLppN32+j+lSSTOX0Ia7hoRjfaOLKnchYpK9NoVX9Qp8+IsV5wgZ9JuBz6o43bIiyX1fI1WbnO8AtX7cI6DnCtu+LZvALhmTY4vn3ovjCGJczkE8lZ+1CxMW5eNKmwfGhixwZCMRKjdqei/mp/PJ5ZI88aH9pmFYQidkd7azHRkrgpNeUPY6rARCKakkT9Fbq0mEdFG85FsSxBIO9O7xd+Vbjyf1cohA9WAFiYRRhtIrVk1RxRGfKnxkp1zEEwHRTS/Pn+SpgoSlJGY320BUDJV/quzyUG7hRgW/Gk0VbJzGc04PQuFyvUDlV6sUFpFwRfKPe1GkDMGYBZs9I9nDwGHCsYAWgdaKGKeEE6uzWbIDLlvXmuw/uIDj1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SQkUwk7DbzkeL7XiMMqscC2sk4czqMjY1BNsKNmwc9w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nG0Eho/SAN1G4gTrArdjBY/mnSBZ8vePaY+W0IKnziIxXAWpDhrGv5IWbquV3fXZV1mnU+4Ntz6WtyyDuKoUddYTjg89BLDivmgq2CPu3ZI4+1XGh88cwTTzx8L6u38/fX2yfOAAziDxogjX/tAhLnbDO8RKbmDhLh8Js+SfVNKhToZxIPjOw+UzSzuIU85LoM3y2SN4/T38Q86ngSb9J+pgbe+eQ1wz6SSwQxJgWaZGQkd+khWHxnZJWwXXAjrHG05bA334WNjGsl17XHfUg4CoSjDBCwS4H0+LfAbsqZMGudfjn9seiqmsMoKUCm7mJ5k3scEkR6SjgzyACYrz9Ca1GScVYByv7ipT+O8h/pf3J/d+Oqo9oL2UfxFk3sOEylwtmaPb7Ct2r/onA7JZtAwHZrRDD7ks",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SRCw5nj/dOOfUU4TXy86GXrVzZBhLcuB1zW5HZ2s+NM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VcBGqo/nSP6o6y8k9+9CmRK1alK1P+rf2G8wrN2IgxQak9QDTtRfX8oYs5awdmWoPlYFD+3sDLueEhulP1oKwl+DetOVHhUObyzXTb+59LlbI0IuXaSXv0lcwLNeYTUiC65Je8aWsdR6ejlEm/hbsz6rjxu2dJWxVlw8pmKg/VfjOUV3emXPhuONxbcSKNAJtJZ5pqYh2la3czItYD80GURv7VlnXrKXekRaWkSfUARDrdLaECX6RDdO1/MQvJz7qc+8K2BA/v3ZdeijCstLd46u+L8mx153H47zTzbSehCPKdBu7eXji1JWmXDg/3OG8f6cAu5irAImMtdAU0MHDPy/rDoEatsD2Fiihy/ErxmkofG8Wi4o2duL1/L9nBAKDeHDMTlqA+8LNAngZV3m8wOyAXHDE03i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SRXHVNF0Q144WxoXRUTwRjlOI8xPa1bbIr3FVqeN5tY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eV5EvG+xpGj0zACLZ6v44g7JU+y/8dxniyfo3y5hPF9OTGwwPMWSip61d9RBJFSzIaKQuMA08h/1Y8/YCDt1BEEwERRyRF0Sm5aVG5/GMrE8K4tSIFlEq97M77fz4/Noy9tF+xV6sGiwhTNL/Ko8q/mzzfMGo2QjOpfRyiovONkTDJ9O7ujSXyaWa6uOVhWO4Ldtgi6TImWSAloZpCDMkt25XsVY558QG+40cL4H6spH7nhhJJspuUxk+I2xQ9IyDLhj3u/z9hVb/YuY/riEWEggZcdo8SgyhwxF5z71d3vdITeiUaBwnDf0Wg7vFO731WFd+BMAg5upBq7wuPDdDEvPVDKaaArKDieOVNqWD1YIOrXhO3Qpn+6zJTYVkKyy6Gv3iSZeIQxQvRyPJGA+1UiT17ZbsjTx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SS8+KMTU5xHveBL/pPO5heWD1MIbrxCTVhqOCPi6CsM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UBAwquOatDCMslpqkvcPFk+VGNoESCCZujdTCFVjSqaTzCgxraBcsjKMylbVMtRfjCvVznZeR+/dfvXU5X03e7CeIVc3UTXFeatB7yT68HKHuQW3xo94rhFQ7DHK8H3cZof2fOUfbWqykPdFnzvkfP5pKFvKD0guXIbyX0GrWuEGdoHgkge9SIN+u9uIYzs8S2u+ixn3tb+MxeYhLEMSUDMZE+q66Bp9gukxodLdRh4GxHZGf93jh3BnWqEi2smaTjUg1xL5AVJGH5aqkzhZO67zXHPd/5nI+PQZA+6cy6FcQDt7ZlDHSt6g26MA3ICtB4mJuSpNNhBOgmzcIUqY3259be4whhLigkxUv/AOyzATU6zQxY5EbnWq2tZ0pntUapw03nAJnc55zP1V0dzHCQnKKwT/PU2g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SSUP3a8D1x087ED4iuCfMHD6qsR/wD0d2UxL0kuZdG4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WmvIdzOr1TaVLbr1KeV0qE1heJC/DSIgr/jP1YUUsZk9JwrYqQrLDU6v0SA2USiPQ4JjKq4DZDgkmWVh5562hxCnPBuKcqZh+/GaNRzpZgAhbwh1o2wBTvXPPxTToJ2WoAuLnDQ3jerv/lQNUvQqUettZ6K3VlkRA/mnyp0R6wi4oCK6arJPv50Qv94hAew0E0TVaaCQd84FflO9qOimdSVarMQP8O52O/t6q34I5LpDcGG87f6HMQeZv+uoCaQQIFFpKIk+BdFOuCV+Ln7VE2G3T+qN6dme3YqsQ7OI3cfFxpVyFXDtLDgveXM+c9A9N0WAwzHwafIr4cm5qE43EgpQ12JURbnliI4qDzlOjD3+LcgoAmapdU2VCXLDqZ8nUx8PtZUiW5nz+gIh6Mmt8Z48ChBaJd8N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "STm5BsyA/DJ/G7JuhTZD4azwIQ1pTbpmG82OXno3oII",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "e8+mdNStl8vtRzVMUHEghS2I7TaPb1KEC7V2hbUw59nI+czrhiGqaQhx/rMfcIbYDXIqgKW1MIBWOgp5TPOGYlHtHbJaW3/Dwq/3Cd63U6DMOP1pjn3h2DAh+XU7qQEQaTMiURXtR/Qx+jLvxr5mWga1vGL5zR/0XGfrATi/KJ8W/eEe3CzHjH5HhoY0lIU9zIbZ3U4VJYT8at1VtxJqD9KBjPUihEOXjJ2GLQvIsfw2iJ+/8nPJ49ux6A+QpmP2ml4/GO/voxakQsB5bKl3j8bxDfBHK2Y8fWiTDwP7ewM74FR5U5US9Bt+TYCoO4y11FkRdo9U/D2XqktMSGuzwEtAe/p8xD/Z2jYc4EOLfRIPaH+Ry7xN78czL8yUqAC1I0wvQV2aqrNL8qqYKbtEO17TbTB7uFpC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "STzRs4BtUvcGjZ34KDNz/9kzHYOC0ssqaEkFxlXEDbc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WICc0aAww1gX/cqeopOh8DLtppZ06pqsqRWsoRYewPYhG6QwgaM+K+aJdB9rL+UUM9ZjII7KXFUTd7qbk37qzsYAtgsnF6XzFxaNcl1m+DyeZjDdbJbR239YmcWm4sw+t1GJrsW+JUQfUHlT2fmaeT1g6tusPbFejahoqOm/L4d3O4wOU/ifLmkiZ/J9uNm2GvU/KXMGoAUAH69vfm6cZKKhGXdrMO7ipPq5riTsGPqk/g03kRA0M2RtrfC7xrwbbhAZG5YEEhvH1aB0+fq9UijlLqTkboX1BHmALWM5NLKqvw7F2kMftzoAlHmuMAEB1VRo60HhM/5BnAAVvuAU6kkF2UnezEg1yzRZRko7Ill8Lkhwmji7Yjyq36gfdDweBtMqt8V6Ov+t71tPeJ0NUD0/8mfgIqlE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SUNM/v6htKBH+JkPpqkQh2HMDjPXREDJbn10BVWM8D4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "baYil0M4rpbvjMVHpd4DitoqG6AEnzl0pv/d+/65yyajms9R6N/K911AOJbC8KnwXJZH9ZQd50Oj3oHv6mLv5xIXIrSp7eI7c1ajb5BKKjqNiOIbWz5gluUD4UoN2isNInmoaraut4rjP26rSkvcCExKXJ+bwEfd6LvC6CLiCHzcxpRMPeerm/JlCyLI/MaLK16zYRAWKRjD5tTkahavLwKmm4SYbYgph5UoJcT11pDHebFno80EiQGXx3sFOt0yqcVn8zQ1T/jytvkqQZlTqQrvSl5dhDa3QnA1kD1Qz4wCD5nyooqJYoAuTsiDhN323gwwW6Yg1yghmK7JnfX5pE/RoP2hxikDDSZjupAy7NksyR5iGy7aqHlmpXLewloDaZXWqa8TD9J37HjKmkfsPhvynTC/gyJa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SUkFtyYc/FyA38yRwcpV+ynIZZuKWbSnqlehW0rrqdw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IfxXKrJ1PRnWB6Q//OV4R9csSb/Ft+bhSrCxRpWaXDP6beryu/6SQCMPr1eih4KZb++Rnr3Y8IOu6U2W/AsxwwItZHJvu3Ybd333wAiQrKwl92FXag7rMYZ4P5dS5zofkVwfEEgFtd5ZIwWcSZGZfd0lRWK3OAOj+q1O5MYidatPl2VIfTqZVFpOLkvxExvp+y+TgqOjtKy8L6KpSvvrDLX9KAl380he/M11f9/koiZkp96qQtW0EQcodvCsiCM4KjtaX26txJIQsF352MysEbWynUtPYDTgd5wm8uXEtCvNcdiRMrB1AQxJ8S1OyNSKYamJTfG9yf7PJGvVtc9qYt462aAPaIn6LKRvFEIr85UI5+Fn7RSoUxpl7N7qwMijIPCVAUo4Ta2IFir6Ah3NE+/rkhddjerf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SV1haqzj7jx1pIF0YL0CAYaU2QJbWhr1B41/IP0BDy4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YEAN72RY0Ez32Z6Xlk1HyA2vd6zJHdR/Md1HNFZIDX3Vmxgj6ByxTcVzR9YkXbTh4ehTKOlJJ8RQVDHO8SH/jdmi8iAyIHroIzll20ioUOSOByFpse+KzlZUwRHYzt43SVu5rf9LKTyQCggNkFZoxRA3OqnYqG16OL2GYJMFZA2xtSjVS7DkMT0XV7qRcsL8a+XANDOGCp1V90Z06PEq+BHDE6t7mUg7gz0aaxkWHZV+6I612xSes460PD8eu9MSGQzAWbZZj7i/K24zENKHVKoOrw56aWzKCaW+D3VSCR8lei6WTAk1DNWRJLuk9uuwKA5TtFh/3c3rfscPAYI+ZGY+ok+vAfAzFYaE1AMVviHoJxdeTHt6h3A5Ov5RtnBEwZYH5V/4iqMXQDZYTQAFYQ+n8uM4M55p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SVIdxpP/rCp8KKMUW5cL3CSoR6QKWoUXtkxeGVpAC+0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LSSOCxeXl/riM9F77tLLW9qUIE7oKEwCY3QnjjA0JGyq+AbHQf4C0Fh7KmnAtefgE124f+VSz+mcvl+RQKeqS8r+k9nbsjoI/RGiBfhsobriDLreO+w4y+MFpKtzJjnqjrr6XkM49oNKid4ZDELl0z62e+aPIWD2OAaXsl3khxTaZjZf/Uw75TRPmCeuk7PTiqGcWh5ApxGn6+Z/owVlT79+GLrpc8pHi4vhP7MO/sUonGOMqwHiYVNPhRKJtX0cZqgGRQ+6tr/ZiT2RDoTf+lhAE76X+a8/lQb6VaUP1z9/5KGakHxLJAnz4EbygSzehorHrrm1Nf5NSacEZD19M089FQXJvzsmInSWfJiWg2lUIR/3zGn+ksgCi5Xy+s+nW1/6G+oNJR+W1At20KDQy8igSXc3JhHP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SVMMn6fjmbZfDJ7Jv+JxmVR5zSHw4FtrD/4rpT/GkEw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Zbi1JRJP4lDmXEKTsMVEBTzx3LUSalgIel3V9fzdODXszQFtmtcuOztBR402R3LyQJzpIbPfRtaWCPo9bHCGYXH90syfdxfjFxZYb7rN75HUg5ebXGZGs5SSZHRifo0FzZkugJr8jUP3VPUwEkdDCbCh0yAxPQa4oPbMYnuklMzRxb+KYXx9dnT9eQDqfvOjiQfLPJwMrSvF7sSOcpZkeHsgetAgaM0nGpxwbZX9xTFjQvLLm2qRiTLo7R1URcB6AH4J6Xg8NWUjxE1idtGGiHWlwq9sHAwt9fIodMwvYaoHdTqgJxN00uQqJT2p03NWTwC5tv0Af8uv7oiNtY1GyKire3H42fQerueipNuwu2affhjA082yxV7RcHzL7ihz/Kk3zTx03P3QYbiMRkAxQj01vn1G09mj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SVnluqR13s+v0XhMoys1sjwVvOhx56b0RhGr3UUByoU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6gHqHli2lTiAlW2Gi+fSuJ1d03Bcl0C8JIUXTVnziTJuBSG6kzUgNOyNiefWzDOgqVaEjQsoL4bp2jl6JozgXDgmZCTg5jA5iRYIIWnjnjG2Y7Cvq69oyFx7ahQxgJXoRgPP/keB41Zvh/WW3Gmm/hW4E99rarqxVeLAUV9/4+hjWViNFY60HzIoY49JJ7Hl6kl7FJLGGh8paTOnhyTXy6mCkkD18EiMbm8NbrUM+juVe/qeHcV0cZiB0GJBYPNKtHMg4fRIrnKLhN2GQ5pLeUKrtIxON1rTAUdJFlVgbNEeT9SDtolB3zMR+Im25yuW5jEdMcd4QXROrEHgcGrTNQP8U4I0aitA9LqmuHLZ2XQlQxNGkZfXgZuWDjGYu7FXwWcFk9Ma/ebNNNnYmztKJRore+mt3oZ9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SVrsONiJ2e0/io980CDKCgDW1MkCwe/4WQf01p1fE5A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8XKo4iEWxewdg808ar5BSY9/kwfTZVYmE/Bbyfc2Y7MHVy2tnqVuNsBg7NgsOxPNPbVFPmUOBcIBLsN9+B/YKqffWw9EbXE5JCtkcUFJTardFazJc4tx8hm7F2iRf9hwLGYD4GQnZHjO4y+016dLmctkOdBz9GPeMD8d/lBK24L5Hc1h5Rej/z4i21euHclG9ol5iv0/ZNteKD2sgA11lqjf0iv6N49IngszzqJrpd2EBiC17KtuLJc0aNHDtFwzUXv0gvTKKzI6co9CREASp+yuAULrqxb8a6tuNmXqBlY4YYpM9N2y4WN+oUPuUKWnEkPBDfWM8mC157e06qCRRpBIZIxmFW0jFOzamGbC/S6xYkTpILIZZ2i95IwqMebUQnu+RFwk7lyxNWXhx91jUf0PbQWA5H1G",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SW9cFF+I3cBWF4g4GbJNyLD5rj6Jozg+SQkFfKJ1PvA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "H2awRA1hw/ZAGhAlTm7n4mETKW2KE0UAFlUZ3HDnRl8o0Up1oivpGgYUMn0KNzMNxR4f/yYNULvo51m6p5M2dWX8r7pomLPQjxCjqBJLD15yRGRI35jNidJeaxd0oVhfpymsJNoV1DTjAC2wSTVY4Nkda6QDIA8nZb3u1zWzbZOBsDmReVcRt/1WqQa30BwEUDVaFhpMhkjtBU8omR1Ndy0NFPO84u1tMM7wcIoqeIJwCSHoSk810nANm158+oxPjpN1X3yjUuYvnl1ZmhIkHFZPG4H7dzlK3tspyl38mpwgwvSb8oJaXsJDIq2rVKooJ8y+Gkqtz9TwSyRJLHc2NcqdOO7lMNpjPMgfP2yMJevyOUBFeJK0V+I7JZ11bA982BqwrU8UwQyNu5/9ChMu+5L4XXqQ4Baz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SWHtcM6Fw2ngGOp/Flm1G3kJBQWxo0DhMkJvqtjrEEA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2o11RkneBb2cvy+CIaLM55rv1T3Lfur+ckpg8Jy8paUxzl2jy9HZ03A6ez66o/H30nIO9zhEd26HPhduD+nb5WdX1yWcjtFRWBhHoIF+plhM/E/hvXk+lRUSAbzDW1bzxC1A9hvzIg+G7hQVqfjF+cdGS4mo+c34CtjQ8nz/6hf0Ma53EIuLVX2A5cxZ9EUDLsAMTD1QrsLIAiRwgJ8dQsRSc872AirvSYPxfWx5zfjduAp9PDCOVfE0AMYONyzDMC/7lsivCBuWAPbCm9brRhtna57ERxfoONslTR9xAA4qFEvjm1f1PSFWuJwdwUTGlb16prvn3drElgF8c5KdJTVaoqsg8N1xGYwqUa7RLUxQPTN77wKMJbpfLEZW0af+DrS4IzA3g6j7m312oFqtoaIXtBrUh8en",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SWr31HTOTHyYe7LxLBOvBlTj8HPlqO2YL8OavSwZgpo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Y92XeFe+CvAE9qFBVSv5AHFy76aQvSSLBjHepEihghasryHyN4RAHw763zQziEBiRTBsjeBcNIFdnqNwIJp/19Qnz3+84yOO7sY3qggVTw9r1sl1uGl6CYS2OzohVlHpNTklWro0mWmJ8GUGhmpC6DurvRIomvf+0GlvwMwx9fIZE9AGXkZR07+8FwF2+9NYJsMIy1IPGDbBmhfFFUK2S1jTTbHbWaf8womR0bhLV4pWmPB0wds6HiqKGrbJUE+wrOVfpZ5hkE1x/xUzHT7WaCXXLWIuurnfoQiL1DsL7eZVb/sDkamZcGkcOJ5lEvTNOKI3pMjqrgXtomNSqnVFQCoHdO7S8gqmya5MIIpTvP6WuP7gbj+0CnFNlD3cJeTT3Gm/07TWnPcceL6uY4fYVwkzUVp3CG43",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SXZ/Y93jPk/XvXmw/eh2BxKaVG7v3dyR7nC7g8X10Ko",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AprlVVZPG7jJDmDeafH3/i0+155xburJzoIoaEk7wjX2ShFHiGpGrReXPQTVVREVDlQCdp0SlDd5Gbm7GAE4eKGxvE/oi706IrXnuRa3YZtk59PZinhVzXzFg9R/LRJ5n6vnrQj1CLoQr1UM59WuBkeJ4iS9+tyFLja0Y3+ArhAa/RvI11QbaODidkno4utSVbrkq5sFqKqKY5yk1YznodsYUnedAKVjjLCjWLX9r5nVpR5XG1qfZyEbncptdlFMeDzkiLW57YR6gedZUe/c8GT46hsa1YVNI8TjpKVBBA5gzqPRT4KDD+dmjBg3Lk00MVfpct8cVR2+G25WhZVxFQTklY38j8v8JkCOtLXQglo+mFA2AytfBnOw+9eQcbxHVZBmVwkd3S+xsVsjUw/ShnJ/zAlFpnpK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SY2L49D4tn12YB9DofVxhdrAIajCCLXe+mw/MrO6RtI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fqO82HmWa2DewHI6dj1AivSPBmnlk5qcr/DzJtYd0Rz2LH63a+/f47qrHJ7B3STuc2t8ZLuvnZNP6KyZjpU6sfb9N7p6vA087TB4WMNjM86IDk2qwrjoond1dakUIN6kE+DJ1kNPmEpbmLEcFzMdcehd9F482h3M5BiPaUOdKPeCPRv3GmZOfGOTAf6LB8TdfnutvPOGyPaDBVCpziu1uAMKwdgga8XJsS4b2tsoYNS/gQuz05ey2wPOKIrHfQaKHGrKVabnnnJN88WyInULalbJkaeED7sJqTiN8nzUWorbuOc66IghCEsxn8DTBK+IFvyqusvX4+hO06Iv0ZY/GLAQ3p0ktlFdzxbMHSHaQeAOWSlmw5Yeq/Qa+GIRq6JgGnaeZJBnFkuDXYI1GFEfWXE8bPPpQkOy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SaZLiJPb/nY7WEFlkq3m8BrvxuTQMkqr3cqM0h8bX4k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bNCksqMYcE4tFdlvkC0aDra1ujq8x/st0y8LKs6yhFoNIUMQH7GMEol87sfA6mRPLLcYS2odoZGfTGhvT/juWIxvk+FW5x7W3A4FMhCRYHTHlaIhtz7PUJemcoanyEEjbyxriNMuOrZQxxsHlfRA+nb5WCqfPLPbo73WEl6OtfGN4fHpJ9zol76ICSK7OOgASnVpkg3OXwupyRAeyDGmTwszX73DzkEycxQQnZkRMPAAmZ9MxxINMlmImGZB1EY7sjnbS48Hx/CG1C9+FvZ2+fV5x5Ko//aNrCEhU5NSr9/P5KJXWvxstmel16e0oXk9+UXPcDbSez34oyxsJxusz3BE1LNO9xMB1I6m7HsWFN5adYMGCOQjMcsYf97Cq5PoPNeQilA0wiiGJNID0ofkoIVmA/dBMT7H",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Sai7iQEb0ZDDJTB67loFz6ey334dZGUMn8tkC0XNMGs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SrK0gsOYvEL5yh3mN0gdzYLru7pjDWRSTQBB57lSV3q2jZ8BrOBGCTcd+lZ/eiGvcJEbDwotTsBy3DxkoiAitjhLQ9JDO+Tw7x7U5TufJwuM5gUbkYe6p21SMWF9HjT5rBtzox9Lq2wDJyx+Cuo8SVl1yOwjfIPAA2uL+558ttlDUyjsxaM8TTfO9yYPcHDzMVen3tQx7MwcFwjzMpLQ68pCq/vqDRd3rbk7S6KsnoNyAVhG+8bizoCCSfDKBZwXJCju3xu2tFmn44WfNJmo1zzbriS/9VZ+UztyMId2jCqa4tLjpw85Cr9N9ICN0oS9h2bcLgkwbzHeNluW2AsQe2YWYGG1rave+yGNIyJuOkW+xTw/gDVLNTKlNtSzQMzhSBilLCrWxb6cahGFbHZzSF7twiYa2iRF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SbbUBdWqMyBp8oAgTe6Z+XGo0SXkpKEgYJ+BMxSDAmY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B0I+pVXzZCXhWnOjf1Ss1aEhjIpIYsuySJrjPjLLyxRw2hn1MvwZAi8Fo+H1H6fxnWuKXq0dq1jJXtqdr7Ja/t7+ufK7h+aeU5IxDmEWsYFAcp7t3S/WyP0etUVGPU3sAG4ufOUNdLhZ/TE/dnhmab6R3WEUjigQGXaGWulxRT5joWd/xd29Hi9osqSTPLnDYir+6lwtYko4CGKrGB97qKFjhQO9qWozFh8urqXeo+oI8jtxyjmTsOR5AjjquhCJ3ftZksSk0DprpTNy20nmqCAWnrqmeFq+zzznFi5FTbcqEO0GJqFUh4CexDIL0R8LBVYPpDRY4VlX001lsaRHPROz5BQ86xlmMYJUAPtUI0Rs78BfIlga2r/YuSDh16m9UzUJ2I2bOYnn+gtenaylpL1gzJXyC6E6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Sd/Xh4F4TBRGSgrfU8LYDqfIiS27IdWyLU6dgETIFR0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sVjNyMxDw4Qhi5/1EvELX3Tf5nz5TwgB3AUDV8KCuy2gm9CgW6J0XduBTfKg94F1ZOexzFH81C12LvTnbNDOZyuDPPWaKRh+ibMxUKHrTtz77Q3vsMi/7ORI98wnACuIZ5L9jeLrWfBTZ5SP4uWqsdF0SQ2fbjFJBo/9JC9YzHQPKPgP3cQh/RUKTGZAbXJWD/P6Vo2eJu3+YQFtQD8sbJloPqsztBFV/V0xAw4iMjdW2QJ5CgjKn+bz+66VRsoZaPCzPQkH4Adf+d0PKaTvnBm1YWYAnv/NrZS4C21fidnulf0u+DAGMGyJv9jFxfrxm5jSaOZYfohlVYQ+kaTwxGoePYgscDnNYp5Azzdj0FGblw6rTiCwk5Bgy4JaAocgmfjt1SgnN/HhHAsru22uif0ymzYvyxOd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SdH6Do7KasDIGFuEZoD49bbJGkde9bd3ATQ3Uz3SBgk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5e0wEbg+WaB2qY+MX9Q21b8ykiiTGX7zsI0jOgnRf3E6v4fI28wJK9i7yIEwErivFYjVUpmb8IH7LmlcZ72SqZvIjOmCU0XPPI2iWQcrFORCn+FiD7856nIzexIogyFLye47tLCJVsaxzhKbQs4HX+wE1AL/cVMDr05Z3SE6pnVFLSMhilkF8SI9lZrGzqS9pdAwCezMnbyg0mK1JtVuk546ZZiJipaY57E54UVMksV5HHBOvzTdxUzKyw1my+MFFQG6xahMSuPMJBNlQaV2YMybUbmorn8oRQsylP74wJECwfFSlGMsMa5JwnNFeC9OK5n536QuwbJJzH/hu1JcuaRODZQ0cwxtFlprS6ZzO1ZQ9lvoIO2KDW/9Q61xppd/gYescOWzhR2ELpppmUqYneEVPrH6uF4M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SeaoowKSEa/ofFr75ZkJetLG/aMQhnYG3aIyJHDhdDI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mOSOF8nuhTzczSf0106lIdKLzEwuwCkDOT1FoCa0ifY4MyiuCJI4dnOzrl/Xeqwxe6KKR33xJVCPZoi/9xkBJBxMkRoSIILVxS5iO4zhHhJ0XEyIi7EEzGI2q0aZHWLs8Hh3py1OiOrJ80RMOvIMRBp+WT8d7oS3u/JtCfKyWIFOqHpL0Np+hlXDoVTE4GCEemvs8xVAAbZUAedbbfEu8417Rj2Evcd0jAGTBHL8y7afZe9/pWwVDPCcX9VvBop4FdDq5QiGjcV3cPZI4+wHg+sDnzuJY4uLT++E0v+PjnhlEjGJ4Tb5f6scrpADJELwfvl+Hh6Keuly7loARMT40oSI2UfHDSYgXdaNP8KM4qvsSGqt3bjZNGlZlpTneeRfHpDJES3Jxty8xUDrk2btT4siiYoynVvK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SeeX1x9vrVlxJDzzSqRPODXTY+AKobwADzDNSNXYWi8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dUZsE59Auomt2dR27bBlM/q+SIRHZpg7CH+mLWbYcQ+cAbwMlmoHPYNWIUB6hubKjxvyyuVhrdoO42GcOzfz32ifYmTQz+qB+STqmPhuszpKw9bEId/tsmmQzFPpoD3PfWqsmuyEXx1a+2oxB/JYU5qRnxYg4W5mzCR892VrBRB3mYxoEFohZOiIp77bsqApplhio5BjKcp/E1SPAQpj9UItBUrwaZXa04KHQPYYwN1QOcPuZwtH111ACgOx9YCV/MyHu5hom7OpQdbuA5HZrslx79DAxPm+jDU4pyRNf5J/B3VD/47iEADKhtiDVgJi48gXYMXWJdxLZCEiJgWODM35sNHM/+SU8bEjLN8fotu1lInu+PMz179gHUSQhCf8tPprCBHCFYPTRcUKSrhiYJXgPwRFchxX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SfIZq5BXlFHGdtDPb+/e9OCwCC/PPTpTJO6Zu51RvwY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lKJ6uhoTqrIs0wA+qjG7R5OfdOXaK6xgrD7DAKemYm190/l+tNDjYaq8uJ1iVVBj004UibN1EiR1RJLKwC3GSwYs671jXW+So0cTW1l8aW/5gyz0RaSq47WqRgwk09XfMfe8WNArfIrwKcYAxScWgbQZygQKX6/glupRohJH7Qi8SwCeEQ1ixolKks/iee9WJ/akMxHqQFYo+ll2y8UHVe/DT3bLOUaGk4OsuFZ2UUjwjJZFvuaFcp4W7vhDyIgv2hyk9fG9Z0HsHhtntz5QlD3a2sLZ55eCn0NvdPCvNFXFm1cJRgkDABRLZIk/1YEwklK2qtKHwH9kavvZmytZY0lZh+2Tx6tyF642i4cRGlYAL2hkWA0gHQKJjQ71OfgFyP3jd1ib3IqiEbGmEv4ifK4UdR8lrMsR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ShdTKh64jiQMxTvXhCrSG1lcmNz3ELvofJifeRtrbDY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bauf7rsxqkkgWSMHEh+XfwsYNXY0uYSdHhIypnIQUN+N2Dr5M4YjtbZRiyFrRU3agZ5DG6tUfiWgOKTfzS2cAgLLvGnyK9+npu8yi4H1M/dOqs/vY5ugX8L6f/X+3p8EdBjPjvg33BLr1rmpucZjtNR/MbfiGmo4shAEWil+8v12TUz2Uq5V3O1yUKiDXsW07F3vEmlSDFy5kkZTg/Knl011apCaiYd5DRPQEUp1N3UPvSAUtDjrdnavvzy9q3+18fjAIBpqIFlYCrSQv6OxPjqUGiasaPmZn9Gwh/nuuDN1lZqzASD8bvA3RdChMgwpmj6/rBD6vLm0LjEaiAb/Ax4SEAW2P0CjqNCpig4e/+xnad8K9Ym/+Fr5S3cB+qg8ZPlXAnK3qFwUBIbiVYE8u6SmjBGmM+2H",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Sjya+0nUkNKmiascuol9aTBnDqGxv1XT+zR6H39UntM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BeqSPeSclR4ov9fvFlQysfmy73KahYVfbkfSmm6GPOzqyJ7iHiX+XC+lsDuOoD84J2t4EYZ2ZyqWpafh3J2vRqEfutVVcDW3NFaUhF6eOfUIcNSqe6IKg+TVT6Y0YpbIagc7s6mMzjFjn17jw+PRfZo85qkzvc0CL9OD4rFxFgeCHuMwhVIQ/+rgD8KUm6H2jTgpg3hglxaf13lg9IH4bTBgImQfkkO/8zzUN8jw1Bt7JVQzKnCHuLEjcwUnk/aWcEqtgYjPPAN3ASfhSHBUiefB9tXytFCnFLdKaKBs2Y63H/Pq4HVmPJ8f+D/93XONkCWTE8XmlvCn4vEuTcMsnlCj3dANmKMSK/6LtA4Ufva49cWUgcdOeJEOtHbeeVHMMcgTZXC2Pes63r6cbZi5oCSMMl/VmuC2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SkDoXp2gQzDQuZTX3poDEFCmX058CsmrHq1RAqnvcww",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4chqxKCiH78dielQewV16BlttGeBQXP8Tn86X7ff6imk7yChXIIdWX8qa2N8fPPTUA2o86jzadK4NQTDPE3t7QwRgp+Z3RSbfeYet7BogKyItUv73vjfywmmZZT9MiyjCha8DKwWHT64G7RHlaqG/KZOIu99qtORfhBlztAZRxobbgWsIafbXlBT6Akt4mhNeU1uIzI5Y3W34gCC2VSAV9Pk/fgzgvZ3paPYi0dC6wokE1J9LVt9a85TS8flgoNsdfRsbSLNbs/8J6og1nmGIbTKuJJpV4fZ4vKNZZz5lwK419dIsf/6XGcbNiD8gE5mnh31PhjwRf8YMRarcN2tY8Kf2wkxMAgbzBAeTsLAvlKyFqxxs/Ea6777/Oal06yCOgJDGGg8PJh2stk34JAnTLwuMCgrCuKt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Skt0b+3O6lVHNJRo8nc7sCwpJ/zgNdZ9rn3g/kOgWVg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "18FlAq2/p4JZzzmb0JldfXXxVDTA2C8Ufa5Pc/9hXYNCh79qzRo96Fj8nlTSvzuZfe2ILdaFj4cibpeKdXsuyTDuyWgl+bvhHRxqtkSyKNQO1kzMKt/Ub6enThusASXXFLhpj+JDBMhFSGOdZ5gB/2kBX005CsREBrtbGyCNjmnOtOfU1/7GOecD2jZv9/Gd80BYWU64NoIIbPIJgeMQaT7QTNaN8AK6D6N/aoQnexlUcW03SS4M5EzerLNCmRD0KGdmvDGLR5rXDNtw61KZsIjW5EjYeWaNzAdWMnIra2XZAkCAxFrEWqGZGWZaNdA2sG8KIFKo7ufp9UMxCUOv8CTgiunBC4J1zh2nq2bvC1UEzIZPBb8n79lIpC++C7OQJG3c67M0QrXJSJrxvcWv7plmG0n9KkEi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SkwAlgyoycOD3ULdDlpzJ8NPQVoZg11vS2IMn5jIbIM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YdxFrQKIWWZs+nW0az1FaNvavxbBZXGE+gAy6CDe+sp2DcsRPF1pBBhfEytj2A+33HkdC42P+nds87xPm4FsXzcxywvwpw4KFZMITajQ/ncbqj7ihZHF10binf8Sx7cBVBZhVW4isUtDZCVSJ88aYG/H/BNJPX7iWaT9Kqv/2lOEEqgB59TzzVnRCxHDdqSw6WsnSvasqQpqJQRvoZKbP4OCceBo465SqhPGgqlI0j7yWVhXCMg9JYXIeEdPJpMYNsSlo1Wiv/AVD/Jhm1yK6Y3ldZOZIGp3EkhWK0vxXyPT7/aylQyprUjWmi0ZefeN/UO9oTFlFoekmK172nN8WrHlaYEowqOuZVvdgJz07G/sVMYv7nliLH8cQUztle99cclhbp7NnHoAFBT1ZpFu5lS8+K0V0sx8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Sl/UuDEulZ7Mgj8Z6k2vSj3FX7CoW5Ecp/9OzhEDHt8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oRdebFc/LIqmvp388vK2eipXmNB+Q82RPGM6/NpBdn5qbaK/U2hPYnzmar6dNx/EVUAPE2/p72pcNDkzaCv7UILPvRq3pQvkuCdmVBYseLRyTxsIPGL7wuHD/3GLMNdk/wGU158HkAPJej1HyMcbvMjU31X64hYXNAYfRs23BlwEQrNY+VV5VqlN1V8BnhLjHuhWUgfpoM4p56FoIpeBMze2U5RMbc4MKd8kQjR0qN6Gm1FNiprvgLHzuIQcag/snvhCZjVDhyhrSLEYy9Ti02wNABKlsStE/m4AY/azqe15tGJxFUAmRoPmVQzPQTqcpiCodAzO3VrAKJ64K8nD/8PN4Fn4zueMSN4HPT04kjC5XRqtG0uJEjD3Bu25/ARLaJINeAkKaJunJzSSSwVH+x33oL1cKVqf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SlCh3KaAnGQccEBSeYyd2ISLbj91WU+aKsHxrt+JOBA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TLotufA2JW8tj/IE1cDVMnuO0RKtn23sSx7/RKR0HmWJjfrbrVTPEOzk09GU0PxmRFprhHzGaxQ/bgtg16YDUXPeITuaqfaQRk3GbMwYD+mHEN6viiG5wYa9/n9RWQZeamygbZbVMH7XH6XogTYq3yxSAk/CgO5bsNDKHPe0JDPnloGK+KkSnWrklOgrGYPcXrPekxVFqPiRvcpYKaeI1uRZeIJKkcUyYx6vphNLJA1iuWQbiFBMXH5cqDyzXO4icf+xjK9sYDa2TwPh7Pe7NdYpDEUCgNl5lKB2n77HormjChAKAI+Dyu789ZoK1OPHpiCSW/Eb/Lr7BYGU10ynNKU0VJBPf0ejqeCM/93KLtW7CCLGHvLrGBG5Mfrm4pBeHKCpkPzy+F2BBDbfePCX41J9PUdSVipu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SnL/E3chwfdNDdJguFqoK7KeTbvMEifah0eSAEzVy9g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7UJVjxoYOu3FbEfOwkcc0Q94jbRKFXCuAQR26bzP7+QqNrN/iL8AXVLkIHRxOuQzBqyCfdhMCGeUaMSioLN/kFRGnuHzJr8H9PQ34SzmMGyOPBhAb8N9t9BAVwj2/UeBgqJ2dqnKJpJnpKj+MaQyZKZLuhv6fQ7MljUf+0z1Z5OWaMwmhHxDADbQivzN/JXXqkaxOaPfDl03j+3e6hysvU2K4dOotpF8BSqGVIQdSRFUJJyGUlLnAmV4ppKSUcHrx5QUUGGVz2nfXxzZzMSfHYB9tLjyjGXGfb5Yw5WO16vWfxgzDyCeBXaYKnZHadi8wYn4kDNv2IRRedhdtSlhvEE/Nr+qhgSmB0Yaucl+4Gzrc+hKtEUJC+O1733sDjxqke6quEAaKu1cVGiPSZ+wh39iU/2n5MXE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Sp8CkU/TRZGcGeM+l9AizJ/4HcHhobWlhhIvPKcHzzM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NPtvzjMb7kHkcBHHWS/3yAqRmjVMvUDhUKT/vIq7qzsmjwshMeLG7dbIOKghqnuwp9s3HVVD3f0CDHJJ0g9isuH3YfocvwLuphyw/uBHBng8iQ8yyoXe6weMSAn7SrZfGeKFJH/oHkU+qTIp2xwtadZv6fps0vC9klp36U32j/rz1NC7jGZGx78B292GRJy/EndNsML8azxFRlyXl2giTxQYXkVEzrTVwWgViLNfvmusQQwyk7y47x9uuAmCXtB/NRyj9BrIZFJvEeJFOYjDeHoRPNRAbU4j5xaYPcej23eTzisGFIQokiN0MWm90uZA1ftoTcFY5U3o7pign8J+jG/efEKlHG83UvmtYvhQSsbx6mRpNgNs01d56+0SMl9fw7m4U0Yai5RG7Kcj9bKC76UwW+nFbm+C",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SpIKRnC5qVJX8XgjYgJVt7f0plbS7111XK3dG2mdzII",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QriBn9gzbL1TjJBJ4d5DVPVfBQ9V3U4RSi8A5H5vQejNf2jyzY6y4evJlCEgWYomXxHVnQEAHCBDhxpSNTRP0iAgIvhv0007MbWgujeM1SXZG42wAb79tImQLldmsppAzJetepVfA2MkBkHM8BWdGjxpKzn1LxveBaIcltyXHa5RntD6wYaSPkknBEV1phFO8FJ9CVZnvVIAJqjyfhI7e/w5f4GrreQSvrdiclIqUeTE0W2VJIRvNx8nDlTwjFPmJTJKFVBswVEwUgGJOX1BsLGLJtDf09lYxDQhgJ4OqkHYp9glONBHMMSIizUL1DaTHBZRn7ecgYK2f5oB50whK2RRY21ESDKmNKeJK0tIcv2mrLerUI4C5jhjwF6ebO0l5aeR+qtyRfD97UgOzXgkdS8h0Yua1kh9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Sq2CuKEuBVEVNJxAlK+WjbEwo6KbgVWrvAp7m+imAng",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1cSzBmmwzuiOTiYctc3Cr5FipBu+By5JVA4ILOzAHb0jR4t1fy5f0XVY/v6EXDXHjqNOOnzkXW8nQJgBD7oJsmdEEj5LwFnW0gi2LpplW04VC6cu1UFlVjDRndIk2+JjyEQ+OFydxISR++lunRyyDAxLZDhjC0okoFBKOA8rCFomNOgLLCXRqm7NnS+Z92RGtAEISIcGE2V0G9CFHntf3WEuZ00gQvEg0LwOpWNkuS5pztqCyv+s059fn4RL5sosSomzSAo8V1ajtrnjTxNYteYDQv47DLTEUN+dlWjUhGZmXRbxY/vFz+7wUOaTKZkLOpufXJUzTj3ftPEEIxdt/yzWSsUp1lBkZFoP4D8jcRdyqztTNWGMDBHW+6JT9jK+PA4eJIb+CWDSDlfyU3QuxgCO2MNRjANz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ss04d/xsF4h/0ECAz6JDjec3qW4Gv+2bqSmee3yT8fE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WdVt3sgle+VEx9PAayUMNvWohoFDkz0JxA3wxS+/qUHLu3/dU7FIIGHuaz6Hp+j0cfXRd0J1+oWGbeMQI4M8KhZ5q2fSxOtdCIuW/L6gsCwSyPyzIS69Oh4p+lH/nEo0NrnrXLUVxSIdJF8d4I/7VpbqXCv/qkMpWDzHSQlZUShCWsjztbXvP/SkBYfw5iD+9dlWcv43NeyiP/nl0Ed+7a7qvzipLZzs9VtAWEZ67lxXv+CuC/VAZHoy1RRm7mFzwgFFGv/SmR1GCEfxJReVFU2/uM7qUkzGupDvcxGc3RtJ2+dBO6LHl1KbK00iNAYiXRyei6EMjPDGEQFKsLFrfdFFy+5A1KGM/YjsuRd2tZSEHJGZ4hAYTHM6IvDhDF5fMTc8Rtl5S8rXKdDeEuoY+BWSXf90cnhY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SsLtQZQaKHIHCK76M6E53clv/XVLL1LJeAwBWa76Wbs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oMbxmZeXJZ4dHVzQUBDrA9jei/neHfZ64sediCyCr6jaPFdsMFbxvdmOOCyjADiZXZSUEbVfWO2mIE0e/QLPapTPqnxoUV9dGeFAtoC6OzS/0zxf2Svq47JCE0RNpN+r12xHgdcfi/HsA2TcMjBg20BZFygD1EEqdKNfy8psdPUqGJouD3voyqou61/8QBiI/RFGhmSoWIiM5slwcZsT5Blj3ylpDdSPkNjRV+n7u9fXN8nb9V5/07N+OIN+3Fezpw0PEWbTl/QVHSEPB33MYcyKMCzQhljbbWvzfOzYYHZYbhc348tkHZQaxSLeq+qoNkW6v7OH4YPvGL/U7by54Ep4srq6/hTmk4tY+R49400FsKHQm5Brk0sU652t63PfzrK78WManWJjbQyayCkh9N8h8S1PinBQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SsMXBGOjcgYpL22a8qIw3oH0zpIUyLd0Sb9pELwhTcY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RuGEVacsKjuvvgiAbTv8YcXbLnsPKYueT2Dh6gJh59/8rfDo3YTmxB8kiLNkikXE4ag2xyQSMwmQ4Ck1I7PLOuV7pgpU7nd4IComtP/Ih/LB6KTDSlLKYjQsAGtrxemcsVuXiYYpE9zAFkQxD5XAfnZpJZmZTxujxVA99TUPNHNMs9QwrYQeixiv2XCqpzeftyxXcjA1Vp4adiqLBzxYcqWGJrivntTCMoymbaYPTPNXOUY329gME7KR4Xb42cTWOSDvF9kwxrI6GpF0YbMaqJAespeijgAhsvyCsFh+B1xx9g7Iv5vwMUkJG37jLBN6pxScDrhQ9SNaImrvHHpb04qApIu9+MADYFG599S+/4N0hycUMue024QArEkvU+Z7ONStpyFvEXxS80N+wQDj6byw/j8WC2Pd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ssm09LmC2Agk3yhK6fDRbx1HFg2FgfGc3s8c7P3ilSQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XmMkn3r1Ic7QKpGPn5cXBZQYzE2vmpOXyCJ6QJrM8MX4IrWfekF3/xeqn6UOieEKpiqMIKoNC4MJZJ+ixN/4jlepcA9b/HQuW/n5Rfqg2xWS0jhpDCtxSYCgH3CzXhHo1IIgTdOYmZGEIZfED8JrJtreqXmQ43SGIiaMQAPliFlcDUOrzbmqUW+8gcS2OhKQGV3BVBGHbrfl+8jlJB4TqKdL147GkFGFLFfmirsCEZ/L/FKXRYcitQP3g6mKWhEKJ4mkgSr1fVEPuAQd2Fxb7+FnIsQWM5fWNSmFS5y5RZdzMAPum5Sf3X2GoO9SI6YdyKNH0v7gCzBI2zmp4U6XaOVgxc6xUQAXXmNGqDyCuQsqyJK6JTDyiKl998AF8rJBTB218zSrXg6bU3L+mxfzMQv169YSFGnm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Su389qjsEYSrKYE7S3wKe75OXMpPzCapOGOGIYCHVuA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y+RH9T7mykw2KutPDH9L7PwAEW1e9bcFQBNS/Z45C02KhgSZ7OCjeUd2cpZtjZ8ygB0o2dR205foC4MXmiacoDovX04zMMkhI4XS42b0dGA4kyzKhwhvL42IH5vKS4cg1sitDI9TcnYOQ5HW8+jHsT76z9fSZeSmGJBZwu60K/a/y18cQiABA6FGNYTleB9/4nU7BflHghnrgT/BggsAMUsQHdGz3ERD9xoX+NnCj+mn6HwNcAhqJVqox5ruj7PFy55TBUArwzlhJnXGy447zyrvaTL/BinfdX3RKjZfwgh7dRL3AA+V6BF/tPDzlovhrZGyho3tt/mVj1AXiACU59gg5SyjCHgnz7jeC1WQwUy0OerZAnWeO70MUMPZKxjdUF4Z8lUuvDNnrNA3RRyHKV7xWDgXgn22",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SuseqNGBaFeFX/RAubQe1MIXCE7t2Ymx+oaoBkRkCkE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JcdMBek/90nQe7qJndmpUZefSCzu0YutzMIYgHll1lot1o4PzlAz5cTywWO8wGvoGlplJchhM3gWVo4Uht7wgWQXmyasowxJ2SBBc4uFrh+zdHXw0kFvdQ0fTj+m6mxKTT8qwK1dZ/w/D1Fa+bVbXNzyreNLtqlBgDPx4EYBsjKYi2/KcLui9uSaQ7orFGUXrZEtKCHZ1gn1kuXuWXasbIC6pTb69XL1cQFh4nX2tgS6YSYogponLi1+toHzGd7VIPZ1zW84f3L8g+WPLvQiRoNxc0MHh6L83jpaMoH4C8GjfIXeG7TTSE4OxU1RZjMjCAZI7a71CCZiUsgFwIQm1xWYbxgTMHeJnxwoDmLog7HrDQ9E404aLTvc5srRdIrwyUCfK0w2kF+B06jU2ThhvcQqYBjE09X2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Svuju/KuWykN4yBwGpfGFE+SRbkBcabPROPoShqPh5o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3mLUOFhcL4w3M5axJyJ6NWU7OfiyPVkKnHnVTFR6qEKeFiZprIUntexTzIcnv2XpB2ahBVjt5dnNq/Gmyl5IRUAX5AH4lA+ASAVgLYZpZqc4qY2KIy0ohrTvFDyQ9J2kMz4KSyh1Gxf0+CDcBtFkBLZsJIeT4EQZXEYe0EEyJm+9auUw2FNYBds40XzdJDL6KlgOzn55P+KFuLIiN8GKeLpxTwRjx6kD1r93Z2yDcwHDo60zk2LqGBxfN37Xkef30r2EL11xtR6aEGboBGAvMrHqMkCnLUqFBl55TwD6CeE6Y/XyU2B2MjezeRBKQuervJh4mScQ78KvAJzOXU4MLoQJw38sm3lYuJioix1G7E4yquH1jlVNbOYAJrSzZcheRlkd0ngfy/DRQxEUtoX7oL8qQprUtWwa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SvvDUHpfuFG9//pjId+MdBNGQCBxJvNWDDQ34+ERkuY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dQEbsTZA2FNCKIIVP63kCxMsYT0yzn7D17VcapYjcpOxg50uk0kgoo2ikS3fX13goUwPUeXCYf8xKdd1loxnwPOEdYRTNy8/DVr98dtV97JNM5tNo4k7bCVQjBEhqpOwUEPNDvO2qAltcWaTCtngsfhpeq6pBINkinOTq6n8UzDFELzbWQLYorsM/SBM/EDm2H+MIxW6ZPFibafLV4aKZ9W21LM6jNGI/F885st8EaUkPlwIP1l3cWTyuYSg9z+X25jxv9OBbdGzLOA3OnHklHgfAZS4bbPL8B2dxG5Pot+O4tdDn/F9cD17J8gXK4f27UvmSajT1vAp7dzggpBRrD2fYMNaufypLgHfCJv3UtaTRAJaPo/u5h/sJOV9neexOEppKgDMavlAP7PmY3gESvMXdYF1Clk8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Svxi3xc5wWUmb0KMFRHx+Ju92MPYiqD7MrF6ngNpwV4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CO9hfY9us+Vxka2zv2r91SQFa9F4KX63XxCEP81szS28tLpZzk/iLPM9vVDMtQeWBMrqFEJKcK3Am6CZveQQmhoR4jU+VZV8845FfJBr9fziV8qMo62CwXeUww3+VQUnF3x6RFDMtqbDHj27y+PPjZ6EQzN3y/tAAj3mtY7iFpz3eGn0gdPcWki9lqy+R7i2NAV+zAjwYLoTimHGpG5v0PPXToaillUFzFkLqwYZrglzNr2rZaZMOU2817EJljYlkTZTwLKsN2ynOHy39FcIHX1M3Ue2pClbw6/njK6+rawiRz245D/NCQmu3H3vKr+6m+ylKnd1nTCEV4CUomzDgpEf/JgY5IFFRuySf/7aUHlNhaqUZSwc3huCmpV5Hhu+gsV7/B/RfcqVBSfMfPW60yB0OtJJezbY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Sx+d5xj7SmNR2LMwMkFibgKHfGHUpQCci2BacTaxqFM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "en21FYj534BKduLwAeu87Ko9Yvta0IMyJARAh0kXkN5qtzcdwnn0P5u9uomsOTBWOFeegmTyvQTQAqaHbT329pXWDxhE6mBFnY7TdnbBPFkKDyCVrihjYwbeRKmn2SItrLW/xvyo4H18wkrxg9x72wBPrdXzuOS3CqTWnxqUrPnMA00JzLjMtzK+h9ceDdjh1aWMpoz9Pc6wjPNkzrNTXg5fBy3qMpIwzsfgXJfZNh2Gq/RYP7kCa/1Gp3RUGe8fiYhOgSLwMMyFHAAnmhe5uyJKN6X1i6XXi2tWm8xAVPNt+bHnlHH9xkO3+pziTRQP+6V/RbnKsQ0GEI07Bm3kP/RneED9u4IQXqSnU5CpP+ejinvtzvsu1z+r5F5UBsJDvphNCYx//2UYNfGX1GrXvaU8B+Xk2SRK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Sx41voyZwi9NAi6JevOJmxejkg9ZKzFRl+/z9M4i/Ak",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vTN/DpkdY9inrCyRuI8jFIqfFivfJEHupDan/IUC5Giq+lAj9/jisaRNSR+5/b9jZAMx8sW2GxVVgOY6aq/mRDhgVEaxnZClOex+6+rTJFb2CGFpLchuP9y4uva+WgRZ8WAHfWexTNbbvN2dh62rWrI7+MhuaGdU/Q8mqlmbxe4L1jy/X9Ac+GdYL+nSXlg3h+da7BdymupNtUxlsSKeI8cQTF0I7hGfw0qJrBWYx9P7ATsTZfVkw9+9vaO8jyY/xjMdQ6tPjwYvaYA4eaYRtj1Qav0FUCgX/Y8OHsEzQnEB/xBMwqWyERVwrdAKujjKPsUsXj3HYn8BqHZByL6yS8sF+J/yOfLwAh7m0JAWDUUoQ8Bmbr/hwFGCKhCvlsdShNQqhIdHzpoB1IkMiUC+aSGrvgvH7sff",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SxNYfZ3dByhGRb7wJ7BsfnprY+9lYjjBaijTphygSyU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3PnYge+ij3C2U99c2aZpYRME4xugB2uoaf9SQnSIPWRKG77dmVERTYhIc+yVVIxRQ4PmGz+uE+0GIMOVajJwEdQqcbiO4t4jDm2hxEB3dbGmAQV/FwR2hhKa76IHgKFVVH7f8jBDBHNzfMlQx1uHMljYar3Mb3yk5AmZ8Q0tVN1XQM6xcGpdYQGmqvxH3vlTJpY1SZUbZxxEkEnhtsGcWg9L3gwvrX4my4oPCaGWxqy51KmxO4sNKwln0lfHDGPaOEzTe9OcofDa/UhBces5fkh3meYMv20GPLssdZm8v+D/jzJOVANCTv2gqxhbMFmh1WPe6gVKWWPn7RBLEm7Gpdyyj7G6Q5tDI5xE/Lm+fbXQ10BSGSsBcf5Unh+MAF2Vxe6BXmMkqjkM2RhoLxUebpG4Gu3lVyLe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SytBLGfC08zh3Wr1m3cGt4KFTm/1kZXBmwECX+gsofo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pLPugZEwrwj4aLPuwjfFkbgd+A/h+0mOL+Vann1Iz7NSBqObzm/+AeaRyKooXqkgA2wT+Ap6ppHDT8w6z1M6yQ3G1pZNPKomd4e6WSErXJ71qCyTeSj0NcbCtzWN87FHwt2zzTuH0Im3d1zORPXd+bt4dmcvWQrsUQsLtgO/RCs9rtGWfHmDCQAOvH2DXGiO0VO1a1tD8mfYdFaf1IwNl6bUKFADzvPUSG7XMDzJWbb0POL014L0rmk0uy0P9MhK2CCoEdBJ6VhbxjoEX10iYUVreq78kSekp/MDaXYySoabFs6kzAs+uACNZZrxdQUy2v5YZLNP52tDCb739Lt+rcj+ZwhAdZohHUWPf07AJChdHnmSzRXNCSo69tj8IcxaLuw80BJSUbL1EOCv54rp7SsZivlx1w3U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Sz7MvIWEpTLHCZZ+FTeBHjbbBN1AWv9GyErJ88Yzxeo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ormStrzd2PlvUvvVOyKxW7yT0rpJrvVjrNYZ4AlMjS3WLLvFxcgvWv0Hzm0VpIRVU/2ch4gqo/xioTfBdPvhMJNrmxQyCXdukxGn+D0hQIBS8NFZm8YmD8Y4adDHym1gmEM1HY+xIw85nAtm9lFc+GRuudlIJbSDYyk7+ovobJfWxCqzochHWIo/OaifE/WATbjgX9zb7geQgr88bYBYlAvZDNI7TWKgh+iVwqhRO5qZnxEykM3bZghZQCbRpTpA2O9pM8ieVis3zI3OVFSrrutt4l6gv2MnRtLpxCwqLp3j1vAzW3yQlnEzTP5e237eLMQIpiZmmKC2DqQM8M7Hhrn5QgT3q20kOxFU2dnMB5c4viPPGfPwcGMCx/TAUIJGd14+Wu4UkkC/idWUMH5eOFhcQ7DVYBce",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Szk+6gGUttiP4bYxArPJk6HYB4F7r9vFqPPSyzulz2U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Rf169GyttgzeTc0koiajfP6NNOkpsmtNxaBsi5it4dC39NStcd35oZBxF/wZxgIGdxJr4pyrdA57mUEcsZwuR9gbWlC2MT3l+9n2oXOvQX+zwjDtkfEeCRnLxUT0WXX9pxc8E+GPV3bU02bshoDW7k7eTZ/hXJ+I+aOA35qCxX/IKauOGR7goRwQt5E0jnAKj5kLieICO4kKnpb/vyE8PUmOEafyv084hPqYYhjTZ//4Wbn5QYHeDJDL20HT72bT4M4eauTF/bTIaSyzeCMnHAu3mA9tUmPyCO0aoZ88IawvilTOEUW1hr0viPJV4cc9FD18hBzSthkO98CljXeCcSlmJNB7TQDI8C3tnlq3Ia4jZZYqkipzo0BTvLrxJrShuvJ6NYyPP9dL+vnHnCO/kslkl9Zj0uer",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SzwxdTBLHNqT0YoJYtV+iXLnnR2/F0THWH4VLWOLnN8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xfUWrYqCRhWdnnmDFO8LPJIzVmhlyas1y8Hcpf2d5ce0UsTbEbRt4DwMwY7SiK+9bDJ+HmaPsCz9ZTLbfhAgGNIgrxa/ia+uoe82vys/f/2ndZ9um6I9QfOba4DONR1HmSa7T2JIVav++JJmHfwwhqi4LAAUfy/2hGT9X5dx/BqXJpubpSaCirxgl1qcghQBIIsqcSvPiAJ7voxJMvlE8VQAnO0BPc37JUZEX4PZ6w5wkJTPKX/QAhn3PQwIjxBx8GXF5nlryRUS47UgLIUb1QZSkfirHNiJWubShBIcUKW+CYdIJDPPZANnggZN+Nb/heOIyy8whRAnzdBPtnoXg/2ix1VqE2RBDUWso8XzW3EG2qoxae4b+WksDLR+W0MjZcHo1xhJya9KoxNg7I0G7ufvsP95NnB2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T+ai/6wNjrbonA1TO744w36s96BxKpTHfm4VwrgclPA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "llHjfNkdyyWr+l8+E6eK9yOZe8OIqSfRv1oDObTtdnTlS/E694jnyEQF2CxrEvB+ePxtku6L/HJE+VIk1BaudCHD0Xmxr7lEiNps1ZvDs5ykW3cwFsSxhQBy7JaIf/AXpmuI0KYtGtt6NPUwZddXAlgbVK4EiHU7sW7DCx+RbIz1Eg+NbczBH04p9jA40hdHfW0g+MgmahnsMkg7NRzU1kWLxyIpnvqGJ/vZZ7p7ZdcjDN9/m4rnDEURrzGOXd316G/7RdDWCyhxEOi18vYPxbC7gk7E/izLWHoT/lxAkTADNZF/R2SRzfiUuZTmVCFjcVouNx2IO1QoBmp+93ehhXqB0XJDjbgjT8li5z4tZZ9GJowerz7/B9yhiCnWdscGjNFLSES6X/IW40TVqYT7iCeWVjSi9kiv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T1FMYoOh1zISzSc2XIOZfPT0J4ORWLSATs49Jf9oXqQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DUi8y+F/fzZZ9QVWLDEhDoKme9T1NiuuY4KYmueO9IC3cO3zoZyvVLeYTUfO9wJ6uY3W7bpxaBli65EbXrFtasQiG6gdIoh8PDlhdwywYrSt2BruSfZlrpy6/LnSJIXf35PGhOp68ITO6MCvY9fbI8uBWSWyVEsSx4YGgez5OBtCf9s/b0DYZx7GJhxRtokYCE9d95GTJDypO//Ide3cyIg9611kx6codx6XB05OLkikM4CTJh7TuEfRvS42QYX8AIzehRBt5JUz59h7egsFlcfNEsaaQO09B7om+j9aiqYnziOSv4vsEQmEfe7dj33fcnSq73L4Z4ANO1nYi8uswHPULEY+DX7PYf9ridbqVAYe6dsKxU/Ob1/djVYh/WUUem55qKoi3GXWoh9s+1rSiSjq32xQv/DH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T1uxCKJugOY1K8zwzznLsITTivGguKDW24xDaAN3L3I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0C+08XYCc6bt5k5YH5BzYKV12H7iIQAjT8Ot5zBeiMqyzf3k1wB4yOdqOFcu6lQc+TsWh2tC4NQ3PQeIj/Xu8S9cAxcbDdM6mw0eIqlVv2xLZIVc4Qf57mgR/AJP1feOQV1xzq0H1LlRIeXr36eypgC8zKRyAj43x6g2ck/1OZZ0D2HU7NPojWNe8voM1i1+01nOuB5iCM6+R1D4MhOo1LFIcYytA4MS+6m9V1ImJKhFvXyBc36swk0Sc1SfnGNqDs2OhDK40tegpuZvVEH5Hzuf8NFZQPtbQV8cEtalJ/AM70+Z296QtifrmF0fFoyymd3Ei6qe0/vq8oEqq9JnbvyyUM+63X0IZ6Rvdgv4p7j65nrnvf2gYfSkY+4MPmCOUZj/GVkE1fYIycf66REJVyvUA1Pz5IR5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T4HHS7Jr/B1zg3ufE18AxRN7mckuQ+/6+E1h8L3CGPU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a3iL2a6Y/6d4U6aarqdEH5kC4pZ097k5A3NiPmHCMYG+5LuAbyAzHuh3IFWX6+bnvxaBqAqr6/ALOqn6fDCYwqdb/kkZ+Qq7y967R5xuY51NeofXuOu5RjNC1pyrhgFvl0791gP89EaQpCQw/0piWKFDV81pdkug/F3ZT7c1BCq91BGHk/2Rw+P+e5/jJTa3kMMrzthF7EGK71kttrL/fPEvX8eXfIM8PKpEpM3+DRdZzEYBsfj0BVUdP7CPxFytfLHSr8joumaTutrx8DoxydG+gOxw65Vm2LB1UXf82TWAwqX132knpnDdBeOjQsu1/tfLQ2ymZHY7Q4dyIvygUMEVdxy3C9vfWOZzo8pAPT0o4Xj7xcl9Gojuu9E67f6IiCxxUmpq7jdj4k8Xk6Y/I4/uMvf6y5np",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T5jV9LCjKVsmnA2ObhO0OZtlaWfybcytAfp+B1yPqGE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ziyMf/bTFCSFsx4uOcIT/xHZ/uei6g4uHzTuGjWFUzeJcE311O9Y8nPfkUhqv/nXUU0si2Grf19jBfJIIAdDAa8nyt/O+9DwIFFJ8IbLBz1PE5HQ1nmv7I2R+Urdel+mVhKPp7LpXiU2u+hQAnljyLUv5iqSv3YEssI0RuX4gFUfWZ7+wg/sPaR0tWfh/Gpo5aM/nDixooaJsLpuwbpXM7njlk278ex4XH0Yu1qIhOwOVkZ+Snh7P1PeRKHG3zYdB4O94IRtAp6wOiDOK+5vcgwq0imOVEqbEoPA10zhuxn7aJuwaX0+1k1/V9Ig5ebswQQikkoD4YFoHdLFKVKTj+7YvEXXSon9kUoAtWTYZEIJzJ8zzi3+Omqtd5fcCuIQz092IC3oGU9IdrR8P+pY4KJbJkTM2NTq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T65BkiVmKVmAB6mGVU2A6FcQYo9TetwNuhxmAOPf9Ck",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Mt4oHHRD4rr+xc74ycd4y5i3cJvR7lXhxaBKY130Xs7JpxbTar+z1UC7noRypxUX0CKq5nncm9UA3bksKQR6tDdBCG2bsZIo3by1PEl/weBC8e7KS/CIF1R5J7+S929ZRzqNjPmpEFqJvlGs6szKNMfi1hm7SSgcnUyKBU6Spkp7dAoE7dKUgC2nb8/8FW7k1voqax0AvAq6LjuGmHNDqc7SihDDF+AJF7okxfBpjV363lNhJPbvkWX1xP9hKggq4TX6GdBDPF946AndDqo72ZMsIHCpmjy6sQewj1/8pjtdTcgTeikLt6Zr95Uc9JcxHqw0DhFA2HqVISmiSjUTxK8GEDn4/IUhctlmhhNcjTAlZ6TJke8ElYvZEuouMSLknIxgyCu8wwlvfb11FuI8uTlLymGcpf9o",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T6DoPcTwQL0b9KY1NKfA6OeSdRoEsSksrpuXvUL/Wl0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AxcQ9TJgope09DXoIM2CTFgZf+ov8vxdusrmyslkX7pG+m2ZxpLsVw35KGnLOuXpIW4KMqojkcDVGzJ8btNHFjAyN+fYztmeZR6q3mMG0NIwlECEr5HK1W5ZwTo81YEdCVeH6m6U1Vj6uAqDiIpys3G8DChKFwOvzuteanXjm2q54chE2XXcOnJUoYfqPQr4eiaK+xthHbIOPDJd9ij06h0s0a861Nc4zCGdhFAPiZBx66wwfmqADx0GekMzXkJ5mdQ+M8kti4v8p3gWAaAs3NbTL3PKOiu9+BIp0b/mS+mIp07FUToR4Lt1CexVoPpeySvMXpIcrvaOu1DTMIE+9gBYgmPQIN+te0gI4mGmyASxEky6QgCZtv0ST7ZHI4YfnI98IoyTrU+7sxEOWfVSDJGRs6Ky9utH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T6ciPAWE3AJeX2DYb/4SjNes/iUV29zCACs6z1Ak28I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nAv0PNs4MBrWHQLADDgSoZ8xmwtopRnRF2ttMPnEemX2VHxDYs0HzB+Tek1zQxkh4l8nukPqi9Fov2vqPmi748nDVDnMV3bDZyZUmQqCiY6wIe/u0av4z8BvRn8QNjvoySsHidqEni/pdBHzfGTvkTSoVPTEx4d0OFVZaquwrNY8TGG59a6mT5T67zIwKUMby8wgbwwTJWD4EVs94gqPAbni5iMk4T8DgOr3NNni0Sc9Q1y4CyLuRO89qa7pAiQVeHdxWJMYezcD01EXeTqmZUNr2UjMA3UVeNzw94IddAQpD9IbBmR576vWIPQ4As1PS390zOoLM/frp9CdGO+ZquJBwmO6eV98s9wjtubhs24u2MncvzWcrqohH781o/yvtZSWNRopSCkG+ESGuT4C4+S2uFn1qu5j",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T6quFek7pC4UF2KEj7BGVEsc3fjE2tEhOsWWkWBQJr4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "49pAWPvCAYjSKeDyMjcfmr47R8guWK5qqCZiStdaiie0W8HcZWDxfsmXPj/rqqwjgFJhv3PSl8Zvhpr69Wssg9ZmuVrXyWxl5O5s+AZrfdrW3ELFkK3piypEeoM+UBgDW83znVMbbjn9k0h7EHT245ncvI59S8lC2MhU9IBe+4Z65XP929lLv5pdBTy0Oas1fDdf6G//GetnvVJl8e+SwcAYbkItpaYxTDK8D3QOQhDDJyqKLmyWRSdthyObB8+M2P7Q9XyuWDTVCBb+fpTbR2SohPNIdSdI4NNma719k87tV82IW2Mie+3TRDOS9mBUDtVJYd4GAHJnMrSdhZzn11RxmMnFcfDIcd0uS5wcK8SEbA2ZuN+LUbds1BDSrfq8eV1isi6ESFo2fnmBVGMmi+WzJy8r8Zn1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T6r6M4PHiKNDuevatQOzh4iBIoS291pX9tTHLpsjmv8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Mw48rR+JqzO5UAxQdzFM4QSfIIinvifFbPEsUPfyNVceFzZDJlYBD20ND+5q6fRIqioYSCaALlZBQkHD5D0kY/48mR9UR8Fjlt9bTuLENwBDegG7AlthPf/e8g+2py+soqrtcg6MbKFlm1EpZpgcWe0deJVPSf+jNzzTP3CcpInJEFvha1NP8LFDkvrgvNTstY7rLewIT+0LXiYN97S3tV/0SjjUqkK7e2IQ2vjrb5gJEmg9Y8HrmexLwb+3YuJblcq/Vg+2WzYuYwOWvChO3xkQG2N/vfBUKf58kpV2BnaMyfnnCkiDtltYWgd0hJQANtXo7QFyCoQzg01EQd5x9RJv1VbvYxocbCkFxCixW05ZKd4WZDbONAj1av1YkZavMB1/J0BkDD9cyYA3t0KO0KyqCNF+ogWJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T7JmwlGNsRbZFQKL9nsR1IcFdpZd9kl7MOcZD68a4PU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZQqI6l5m9busIV4tRYPAbwQNT4RQzwSBOGSplphBYh+RJ1KTnILvup6rkMGAk3awP5cKsMXC8psb4dVMuLZ5VrWZmJthZYZDVQjUYHqNvMB5iEqibQu/q5YJ6eMN+hpG46iZcBToU4l2CRd+ocBdRwmMdR9p/UcMthOwWkjEsKSbb7fNGvWr/R2Fkj/g6OlP2aREYNGjVoeU4FDZVuFMtNzFLIa4sqs3yRbZq3qgzVMc3Eqh496mZ2VNoAAEOLUk9re2z9weh2NJb0LqVpWcOu5TwUK18M1yZKBDq8OUTNRPS8aNO4fEE6YD0SisiuP/2DmhF109rMy1V8D8XAZB4xO0FM+lGYuH3d32jx72KKL0TvjCywDr9UvFuI0uPJMQ1839bHyfb4MvQKdIFC5MVsOnk6roIu6Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T89l8eZ9F30GMjuSeBgA+uShm3lPUCr5L+ScQsERXZU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bTpx/TBRX4tH27AyV/OqKPKJIyfB9OiiQ5vrvlP6G4TnFEhswdS6qEgJn2XyZDpG9p50fxTR/Vw+VyVx4o//fD0WMB2kxLaTCpCvvJ8E99SRdqX/vmjUF4dWwLlL/79Tzglhz5XmWBOJkVXAbwRDTt5g7mHNxoXgVJK+MraRMP7Bqq73rYSjW/2rQ3b0feVM0BMgbG644szqYESg7xGgZe2CxtM6VIecWFSZR3du05B7KABC3SqYQ8Hfnd3dHxHUJUhEiPw9p8IWftALt2YaU19EZCLqCDs2lN8ET2dEFoNRl0gwzoOViRCwaMY8suqO4b9DGQp/UoxrDqd1O8/VA5eLrgVspHT2jv3zM6pGlaNxOQ6l5pMgWGH+WduDnzQa55vBQX0Bo8945q9hc5e7bFm0W6tO1Od/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T969DXTJllTrfUCUBvtWw9Q51tn/WhaCmHAuBDN163k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XRPrS8rgAunBYqD65dYpuWCFDylt4H4W6Ou4JfSeA+8vLug37vlQbrek1sspPfU2EP/MA2L68j96ngwspPOO/m32D3pat0RVOXyL5vRFeCrBkEqY3Ewnv6QtpvTUJutls82KylIKqTql+MuO4Rps0aG2x5uu+NI9U4oT6UWMB0iCX67/S3KUZXU8P6cKaIRc/wpRvxsNzBEQX/V6JTc5ogehG+VI4hvA+ieV+z4g5llA5kakOI2SOR3SMdTNGbn8sDk9urSt8CsqMyzn+IHmoQulK+hPC0HZVUdF+tTpgd4HYT1kRniGhABBFLw4n8UYJjrGie7YI3GQda+Ir9TAwqYWjYUMpWdaJ3+EoFh2/MTsqKaicI+lK4RpmCrDlrVVWuD1rqVJy1Thk6XZ7LJH+ME3WDKCl/na",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "T9PmPU299JazAj6D2umIJoHvJy/ZCbls3gxnCGoqoL0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tIA5M5hxtWwopf17JfMNN+OAyJPKU1ORV1gFJze9R9c1sc0AH9PQ21fMKJzptRt+7c0d+gnjRfYF0I00CzqPXt4QL5ikuwaPitEUtSWf1Bot2EtMqEH541Aku+aQq2s7XDGGs28Yk+uRjmYg49qZO0YpGmEBPOb5WyvCdVdMc1KUmGynaAUm8PtyYxYBDihq5mULqBbCsyYQbg13iVBxQeAa1idlUeMwkHfhUxobn5actc6NMp0L/TfzYgrtXf8fCSxTbobQRBp03VFb77Tp7fFqoGfhczw4k9ur3rnIjpsY95oK2p+hk8PjKXBYhTEKN1nnqX9DxSWK+pRVvIAQDTXO8OkFWP9RRX7GcW14mC/jhsap57FqEQVs4EMg8PkO8GdqhopIpE+ehhXPIwEb/zCa8/XIALbx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TA9m8610Zce7RmRUv4xb/Li7NiWc8Q8+fV+4+Pilrnw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "244B7MKUKj18qfO+NjQhKsXvVuyQmh7l3WISnjw98BhepNyHkReE0XXP5T0FsvdjB82bPdYwauqoNn7kfpSmYEA+obhPFehED0QfKDUefJ+tL9vGlx3CZ6ew1m+Jg4fW/7l9SNfoN5wxdpzvsWp7XtU95GhHAycRNotXvHDlSoIozKkbffNYLuQ+Pvm7BgmI1wLwT271hyXpb5GmEHFwF7Zb1PYh+aOUi97cmQHEficTl7OKiAJyg+tznK/kw4jrfedWteA9Jo4/1b/Cki0r4bez89S1rNXE5xJkwWMePGXHSkJdBee6zbymI6mQJltMhzMTo61DTv5WVeyda0UiZR/f2eI/DzUrOLc8+kdFKYOuqxZUG/Sd4oWhNrWt5wM7c6cExaF6x2arl5DtEW3fcnu/4eFvloxx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TB7cp4s3vto1kDnuxvh9IsvT6JLr8+Vhyi3Y1jDI9+o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iEqWLLUnQ/zU6v9RPNWh/PXizMAIlGnQghvrcXXwRmc5fiVB6T6OVPWySdmjIYqYUZT+YepSPE3H5IviID92UU/36IirWj6QeOLFQ1K2FHXUX1oRwziCaVXIBTZMOtLf5zk3kXgyiPh4TCNyrOF8ZJZBClFVx+Tw46nSrhhsxiAMjjnFemelNPCOmzvdfn+/lVswd/tz1HCVloCjQkWlQM6aPQs3Njhu5vPSh65V2eM7fuMkafsOqDZWWP+Ge5H3T4gLouG70Wef2tuVuhNfVP+EV4dryC8rdQtFOGf+bKj1C1dJlYciS8c1oII6juf+2c6QfVgXAnJtdzpvkOyoHBnY0uaObXSAFRWuUGmfoSD9865rePqBmpY1NYqUcfuG56fBKo9FDfiA/zMeNjsPleVmgtnlcZ6J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TB88N0pP9zpZOX/rhZ/65nOiKClL23H9URpEaSQ5iv4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B1ptVhqBwxMhB9QccCbC4nt8HkryxofrBkIkC+8fe1HLNW7H+KqDW/6ZiFDzS4dtb0CUmC0Ngl5l0jGlTRQLZ0kkvJ2rJ2BwNOBg3+n50n+DTs43XP7cB+BbVY1QRPp1i6xphn5HGfr4i9qKmeAgo+iwURPRE1FlPXMg4m9RCyicNXwPxNqzkH4cBO+xUDfYiSv4ca07zFUC6RFp7hHaNvVOmm50WNPXUtD9m98DiLY4pxLfbqAQe+S9Av0eOeX/mDGG2fRE+q9mrLPowlT+46YiETqlOn480KXHaJg8iy9vd8B4X5MoM6bxMb1cuQI3F55UutzD0tMd4fm+JEBXR55TzA/wO13k3vbbH/Z2oq6euU5ZiIvQwXKrlIF30fELdoSKcxYqRGuLXJcONQY1LMzY1l9tNXX4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TC3X3MbbF2Ewny6Sg02iyJW0Fnr0BgSCjx+I4Gh7Ulo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "biQKHl0ipRUFygREFNcU6e1/QK/t9Jbt9uCyjDR7MucZZd75pdHydB4ewDX+1ICz8csO+l9y6Y/O4pYCYtGTn3XaJ0m0beNhTyO2VVHvx0mQNfhGhmwqAuuzvzWgzeUV3gRUE8N4EA8Y9IUpjZjYM9Xng74sXy7Qefh+orOeWiD3md4AaKBtnYePmdUimKtIAbPwjKRaJxnSfZlgjXls9AklodYNQ5uDqe3pKFJx2c4IGob+rWiSF6VbDkw3uxtCyqFJS7WLo5qgE5biegJTmhD1T7DtxouuMp4QTClgZTxs0AZic3Zj7rbH9lAyxG0z3OM0tyKfCB24t0WrhZq5NthBLbteQJQ7DXaELQWXHos0TiBFGhlbfFkTdRgkY50OQ1aHASscrUwy/lwExT7ZxVFoya2JbSZC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TCvoBzz8RZOP2jLS0+DADEND/X/1pnGvzqVCSg2MQU0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ky7HnmUmyib5gMO2u5EZHZEPADerCx2EfRus+oFtvPz1blMk/g3UBjFkXpO1aj4GPjQnmNmzZiBzHKi6UWY7qMn8gvyjSwt1prgOtqLChMj/l9L24lMGaeHgOBi5ISk9govl9Xbr5gjqyYJElzzn4P+l4N0ZAq68tZtpnVMsscJl5t15z9FVANLy3myUKlcXicycZcjFZgDgAnxXbIhVTwCgiz7UfEaXAJ+/loFtCKQI4alOX4I7h/xffUFnWshvTMd7vlnwgS3rbn43pBxCyNcGpS9/McYnDFbdnDvylzkM068aa63IX/hiPU7xeu3vZyZPJxcaOQe/dTAw5s4T02bEStJUDK6TDWrzFFd/9l022M3Tp/5+1KKROtcKAeJmCw9TtWyLNUu9cD4IfitA3nZvkhtp3nY5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TDT/FARtiAHj43MMp0Br1DYmAxkbCEwS0khuyeSJ9lE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "soc9aIIG7WqYBmJGnH5qgC4O+nKSfKdXWLiifQdhligr3yNRL/UKtVoMVXRy9DdCm9cCw2rBR1FEeXKCWrbnjzw59eoEaHMn9r0Y8tXsNoDE/Hp/AeObi74SLjIHIFWC1ucttqxNEGMTiMsjsH2xIRUaYYAQOoS1+Wh3VMioOwNsfL99jPcf6KJ4FJDIS04+Yq1dQ5B6QuWFWQVTGGd0V5418TaQj4GKlYz169KMXsrqtd2gz1KGE+n0PMyLxnT/pSgALH2v0foEvV8rzPSHAQp1P1yVIvJcv9HfAPU4BFUXCab6KvNdUG0QLGPWuDqQc0lwsjpfbQxAOKwPeWxBvrF/PoR9/CFklpUsRAGeNArvhch2bZy0JPpckqn5PVuLQnQKbOmVveffiIqH0sr+1kD6AxpVPJOu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TDyZyo5Hxa0vXKdRIijXj3wNlPIfNyzAoblUcrNVhAY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LQM+QdWstOVkEwcHF4xzjK9vBLHgG4p0uVxKn7s+HMQ/TqOFXKTE5AAX8DYQH5sDpJe+HJy3X/OHajWixMuPfYCWDrEPeJWMOSflCUfhN3jrrx8s4ChiLyK/JRXqDiWNpYwweKk6jv2vxLplmho62cpS+almFUqZjH5aZaIt1zbRB2jwuq0TJ//2XWKnbjHAlZtLM0qruKGijI99gt+CTxQ4be5bYLiW+50LQGV2ATpeIyzxdNR9uBwSVBZh+gBljUtxsfFf+jU5KQrb/T4ujO8QZKQRnlu7xl50GXs3HBcQtLacVC6azdyjntqLo3aGdm6FlIOIClxrWHB2kkaPcTCnJlnBF2fWuX4sA+0QfAsXrdac3lNJjaiJbdqW253Cb9p1LIuV4DW+MAw1xCzPD0kAZOx5woOa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TE6KqKFPWKO1e1PjWHfcZyh65GebopVffvlh/gSjTng",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "u9G60hTxSv0TM7oh3PtRXg0dXs/UImYbaFtlUgMxOzirTwICxFoU1VDJ7X1W5CYNhUl14fiP62ijBZ4a+zu7Bg2AQ2ja0WPx9K00sG6zCGXC10qHddFpe3F+pxoKq2VjaVNaVKrwgrQcWURtOVyGat6kcOeqZKKLttIxvGAX+UxKuwqFxcHednHBUWgm9huXlHfdp/yt5eW4sI7rkZTTDAmHxgTjS1uc9MoRloNzj4n7jb52/hpzuqIOKBlC6NUrktYEB8zmGP5nJPlYOkDX1KfysN6k9XWS0AKP8/VGFcp0ZzT7Gm8ErvDQUP0b7ukN97kYmneZnGSGok7GvGccY2y5DZz++1iczA4XcIGeT64Y93rSNLqgabe0N0td6hzG9ixZSFlhbDx9cc0e41Dl3uew8G5AVsuT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TEqkL7T7kVIM7f60ZdjfR8mrgDzMu6kkVLzV4odpcyI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pnfuOqCGgH0M2dMjBGE8REVfCx6rkL7d95GHJTkWGWw83tw+q57jYlHV+TDAHKn9GQC5PQVcUpPQzWaPdNlUnMxt0W5tsEvpxdQG7AitVkT/eHoU+k7gshgM0SWeFHoS7709cimm3tVe/0ONE26ohQ/PL3mgAUjSebh/hIKJl6AWeOW+N817kC6xKPzDxruph53U2hkhR4kfPqh7QvnY0rOSGWFWBeXPZJE5gEC9QiHvPjV1D49STGLtJ4R2m3lBEfEXa+rwQ4KPaXWup8us5+Ocr0GxKrzb0fx639E5Cdlemp4xNK24BuLAapNuE8ucSx/uxrCSb9gDp7eHkaqKEvYj+d0pZdCc41jZ4qnR8ojN4OUCtV3S/4DjVTznZJLKmnX+UKhI7B0jwhMGiBghrq0EN6sVQV4y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TFtjBCPilTSVfW0jDsYt/j3XKRp3LDruwKnyPFmj4rQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wbiWm43J8zraQNY8NkvP25ZYCjJe7pQEkYpT2FeBgYGC+PwQYF7iMQrEPPwCyslTD3vk/v+9dMMCSOFejPTGljoaG+KAdJzXq+TLdiCE3tbnMHeFmeArMHJAWbpCQlreqh4H4m16jr2zbANWpLIVCy0cA6fitDfRaB0Q+2gnZIlhmTCXFS6A2jFpQxOhxpVXMlhqzBk++DlQE4IuzDDLfUXRz27FKOWxKyadSQEj45pEFX20Buk1y7PqkMajJqsRoohLsz07XjKac85U0gEtdfvO4UEFH5UYll5h6LPF7xl5cIB6qs3SLL8aOnEQ9KDBkqhTRgb3OXlQUq0qO0czE42HZjJg7C849Hf9mS8CdzI3xjMUUfTbps82cOSALmKFP/WpUNwxbc1/7vyUpRk3EZZxzxdH1mSy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TH6TkUKcvEvRZiB4xa7EY00K6TwapBRQft01veKalPY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+5PYPb/z84/wIZA3cGWbvvB1ecwfg6VFOvzHH/ewgwu2iHudwP41PuWLs6uIAizpoDhnc/Km0UhItoQ1mH8VODhSrOIdjbSLqv2dvuNZPPNO00k+jIHNeI05Tmo77Drzr3gF9SRCx6M3c935R4u8GXya7nqU1ydeq2ImTr1Et8R/dQ6M4p5nbPaeUB3kmvY18lX09MAhUeaPAnysSDfP80Lfb9vmJisy86VEFgq9Jka4y7bhqTgxuEBxPfPQIZ7kvHwtx/ziCRH4Ndmq7G8UvuY+btuW0SCTwFcvcpY/LLiiee1UBXeBtyB5i1pMkiwo0uQrtmoQDWr/CgyisTRxdFyZbpzX7UgWAUQxV6ooQsFgTwY0FnKlwUrvRTbxq8OBfowgY687UGVLZ8VSB36erS2y31bXcVov",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TKlUczvv2AxUfsgEmnDn22ktJ6SgRwqC7gMHTP7J7x8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FXJ1NFSgvYawjwcoF8Alncj+9rtqhEfutnR82byIy8JVgw7iOnILHa/tffoT0pWZ9ltmZ6oI7qmEzuTRmYK9R5dc3Qo6obTjZ2QJCndt1UHclkBWVslZDU3VOKwYjxzzMQY3zCBjIUodqc7bYwFJuUAZrWl9Cuf7qIWfTlaD19EHZVVEPZkC7co06WkO6RPK7GIubmRwnEwauAF0INbmIGQBQFMZ4MqVuELMyfwzeCb3i4IEULixL6rayTGQ3HtvrIc94gTY5RyOVrO2Vkw2CFycAv8EeXyxMJCV5uf1eCcoFi1tF19a6eRHHfbEnm5nbIpp59bhHGJqjN7WPtbPChvL4hEX/Aj7Km8Td5BfjGWtReHMfyRn+MjBlhyVcppImsNL45dOJheOSnfMoUdh9TrDAX/QTyLM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TLNSb9+HsZFd6Gj6aX/2znrILQeIL4E6pMNrlogj8gs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Z8+cedmsc2MKcX058IY0coeTrjUPSx+vL1UBLpZs6KOGaaNh3LtHYOq3uqpSwutDaXuGtfsJRCb3FF64uf4kYr9LyvSg/b159OICrvOTSf2k4cbK+4AUh5ohERvt0I8fwxBDoT/OB4bfmXC+KtxIYA5hmCyJ/VM0rHQUctIUT5jAkf53bC7de298YU1hMl5dC9x4lRnAvhVfXQHfIVJOrA35Fyis+1UhKGltWhosOc53M7hGCWXvZY0O15OhSzDTnTvtKEjbAfAYpiEuipTmjGZoFM6uOxg32gyRtVath2cXvqvoUa0qmlD1wHbIoq80/5P4ylMvA0I45EtxIxn2rvV5rEx77Db4Qy4oin+U/5T8UZ71x9xSM/oMtLDdcHyjzEHjc+ocXWeHLuuK5xzZWwliQtBIlg/i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TLbZJRKtYRnvNmV/f51IkKkMZUmajkWa2XWYrizDQeM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MjR4UV8N9k0UfhY7OL0Oxb2mwq/nITBrXYb57ewRR2z/NLsuwS8MsyHA56Z5BNiCalLG8Zl1YIslyQiWDrAlQ6SK0zcxCndJgPU/t4+/yVq0sDim0vBQAn5EwVp7PdU9L3SoGOQyZTzzrsSgiNq9Im9BHGMI9hCaJBYJjsgPD95ohezP3QanZVCJqR7GjpxO4W2KBhNWe6Rj2K1MqeclSgtv97T1pJS87i5OZz5kSQU1M6j49cOh+j7NLoEL0ymWIFPlscndODHUVeACMJ5RtF8HuQknR8jHRzlFNUU3PI1aAYbc1DdLlWvkq2a9qVbHT8OTmrTvcIuIz4BtFVbN87F/c/HHGsu1r4oYQXh0MtTM9eUx/VmSeYClzAl29gnHP9oKiArd0uqs51O3DKrM16jvneVlG5ck",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TNj5SfMX6pjOAh+hSRbAVrrlsMP4jyaOIWxj26TTWiA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yKmfs1OcIMJG60tUDFwJa2fMOhiOjKEHUQOojoRODCl1RQlEPz4kL45IZnaomMTIONjCVO8vLXlgVJlO1WbS2rADSZ0rBuK87MkswGri3a5RqxMJQ7PeR04166Dm1xS37LayNOZM/aaV360yfnuMBxFcSywd51hreJCvzfksq8MLCJ4kxbpdiP47h8Tss0aoDXWqBYPH8p7qaXRMvdjAz2eXotLiZ0LYXSOYnSrHXGv620kiendTU3ci6Hvz9AGi+gTzZ3EAgCFOQ1pVwMIPmse0NIy4r35VSvHf3AEvnjrr3JDZXK2CHnfnj9RMfccyw/SMpOnxCvcQ4VGhvkd61DVzrkw/MprPRuJqLGJUtxW76BuexBF/OYyghClyh2MyOltpl+ruSRKiegWEamnp/ZLI/l9qPJ65",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TOEuCrffIzW3Z2/3L7GqqJ4chc3sEnEpWgJq+Axa2a4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AyMg2g/gQRF/4Y3mgKK0aDcUlFWJUyn4ZbskkddpsWqIOenNuElx8wOlm7p3ncjI1qyUCZAlPIWo8mznEQKZPC9n2w+wScMccILQTFbHEtzwLVNVieSb8sYwrYO/KjPqkrVlydNeRasQzUmh8UMa5NNEXpxZcFwoWapthVFaZ4SetVo2djpNOw9GT8v1u6NKB9KcUxM3u2bSZJN5DRd1/KsgxfkFe2tWxs4CUwymM2MHMwh4FUBKVKw3BuMvynctcOTKS1nJEzoUdE5yN71a+/XE+0iDumMrk0hNbK5iri/dL73RSqk9oeceRnTDchuDEvWOr1YVa/y9v4sSUPhRkxw9CRSYhuoxWz4gG68fD/Zna+qFckkB0Z7lKFM9vbiRJd9SiwinQXEHgfiwS38MOCJfGB6s8Mdk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TTOBGtBRKrKA6dRDZKg662XdlMwq3I9zrGVgfG2WqGs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s1AMBOfgYmMQKzWdBz5/H5i1qO3DSosCyS3Y8Tq8NPhszGpV6CZNdTa5mlEsh0xa7uZsep2rpZBEXV9XaMLnB4ThGkbcuX7L6O4Fz1DOfD+JAwT8GANqLqXu5OuzVvT+41WimroBEk383FclXZmEdSZZgDJqJsX1kg7h38Qht9kpG8SbLKpidy1aDappZG0fGfXnWKR4+d10Ph0Y2zNcYhGH2BXI8iTWrL3eE4OJ1+xQx/vuofchQa+DTe+Ttl0YJjKdPo/K61WsLdCqe1TBBUtsTXTr6+yRc0zAK1HgPytc3d3K8L0vctTpYVNoyDeR3sCD+dYg4ikceVOjmSRwdsDCthnnpu8c4N5G80Xu1VETC479iJtJbjVf02k22zSUM3NeVYMJ4Dvel62od/pJil/aFVIks4dq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TU+SEeB0a9R2NZiwB7uoG/h4CZMCcwhS4BrThV7NEbY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r4m3ymBanrJ9C+k9OawXfPWa1+sxiODgQ3EGhfaiH3MkzlbmPFJh7wlk7J7HfMTOMN1wnSzhq9DDfV2GzkyA6ltdMo4eXdKJ2ge7iMKV9jCigWNUf5/NFfhhs9U5K8GAD9lNo7xv/1wPlkRc7meVKEiNg7jSRXAUPp/IA2rsQR4UCnhm/1Z6NE7N1oJapG0Jsj2dCciDkgJGZb8rYNTIS5ee7Ehd6JTX7S1b6PV5upmNff4iavRn1t8HFHWt7zGKcZm8B029snTCzftyqvDrELe/gRz6LTP8t/8qUgj2P2TUNVCxThcQDu4WIzNNb3mWv4GolT2qmr/XD/BMVSFUzSNmxDv9JeQ4VYcu9U5winCAWfqJJdNxgaLw8WCnfYZyvKVH04ETWhPT9qO7FNCmisgkyG+dSkCF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TUCJaTRyY+RG5cQE4jgIcVbV3IyzBSoXKVLP6N2QipA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ioT+uoNjft8IpUYioNHCUB7uKVDATV4AHlXN7HQw5n4H8j94HcXOtADrr5BdWMXeQAmohz21NDEBHFnOfUKePtRiPPKIMLGFwCCKPI9tSwmWMCLF2UKQiiqdfxgrh1Wym5YxZ3+i0buEHn+imxsbd/h/2QID4JLluLOTk8708gjLO/8nvqjJB+cCT5tkQY4WL1UUZ5GMD/NrcuTTAivKMPpMG4I8vvJVFHyxE9WPPHw+HRQgQAqujyyq5zf9FXJOvxo3hv7RtRGa7AAn4iiwqv024Ui6n31F18Vn2uL0/Mi1lIRkC4SLF3lJ0ROqP3P0KXPj5mcCQeFCNakZ+E5OfDNom3KRzSOcQnYd/iWehZAc/fVW08zH2Po/WgoKSG2kRhmVf/88azYL9GsAGW+nN3wKHd+lA1O3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TVcSc11/8v8UVJ5j9zsGg50KU2d7YjkT7+TLKrKRwOY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1xo5LLh2cdQ/Cd91gv0E5ApFeVJm7qdVRfYmzelxLGUJGg7oYRANqfLS9Hin58kOfWVoNY18AbVszgnanPf5iWlosVyY9RB41a9Sqs0gS5fitBbjRFjE5wiQ3wX9tNqk1L4hQHTmSakSm4p7gsD57zRL5cQLrQTObp3tKpYlOr34Xc3d0MAw2xAAddx1Z2eNykiuoL0s/Xh+62yeyWpEreAsah83fzFhw02J3fVPZs24V4CPAZsx1CbduG67TflDpDRWsszBqqh+x2aihgmKjt1n/bAuelp3JI93KCzkYPgIlxLAHN137mqfze3YFLAVGSkwVv1OSazlnxxw5Vufkn+QAL/VC6Jaj9/AQimqD9C0PRPnzVDfYnzTtbQLXSJY0ZaQOryqm71SB+gHVIIEO9nAsdZ84DHw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TXhNGJ9Q+KN4oNnL34ZB3MJBClfwG3KKeTDW2/fnOYM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L9YsK0Ir1rMwsOQXWkKBQlDJbmeGWqzyPQ8jp0E+3XzQHoQAjKQJmOIyJ5AjU5+CHmuK0XNLQIwNca4vt9XTPEe6m0xXVk7JFzPsh1A1BU9q5Ec0msQ4ZIPaanWwbxwLg7yknPUoKel0zVkXccCrSMSgf/NDiF6iZwlT9RtsPia0GlDQztw6Pubh9pc1+Tg1Nz9mkekqnICwRjcfs4Y85vQkh7iBB36NDJGqVkFI2eMYXPuDHroMxYnYJy26VxKNaW7AQ9UcDUW67YClH2/CEBEpapk0pRK7DgViBt/ulORdHeOXOWAmgFhqNfL1kVa/hXcSAT0atfChFmKor/M3DPI7YA0KjswKRw/PTpoJ9g1TnD8f5kSpModtZfR+t7z310jrxlloaybmyz4590JBXifSaJg53c/f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TXlYMY4scF+pM3uxxeDxib6iYAQ+CF0d8RkLXesNTuA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yOZQaidiCyG/iR4NLbTLX8LTpQX7TeoVF6GpcwZGMZK+RAQZP8zHSOrTdNnfQbFJSAO4vAIMWZM1ihqhfM9Y9d6xZMpBjV5BTMEQOuLZkvJaCJvV2rx4CRfbGMYcM8I0rF8HOPAk2eTkufIeaK983S3wlqfqfRWKG3WEu8g8rsn7P6MZXmQ3w8d+GyF/OHnjX+14d+bCnxxWmzY8mgUGja+N+QlCQDsRsFH75MpUjvXTVPkbvNCX4j9Sx8jBSyhjNz671AT30EWnKr2L4tjb1lo5BolyG/hg5ft2nVYmcTexAcKEmDFE8ST7bK9/hGJqVNpok3YknXzxiM1gUg5LDeK68CY15HVAU/q+UuW1xv45lyxA0uHPcttpOX5jlUXcEyQRxsIRwrANKHofHD0X8wnJe8beu5Gx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TZ5VPw57NCk9RUQSPG51eAp18IO5gC/yMTWE7A/YGiQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TOuzHP+JqSifBgz3olvVul1ozsZpB+jVbvEfZVXOA/smKjJBhz7aqXwBIiyyTmHo+sBm2e8jQ67x0e/Tn2Wf+/U7beNXaI0sINoTVoYI+lAtwb2Zo435/8eWGrO6X1oIA7qzN88miGeNf1k5o0GHWSTOeBGmM6GVcHvr3K0Wr1sAIDSe9uM0xSarqGU1aWkyfqfc3aD6eb9lwoNCBvgveo8phZ+QRRLF+X5G3r5ZV6pd5Hwwq6q3eAl3qZYwmKZ0RBEcmFc/ujsBuBGNfGmbQov3zA/pG4T0cgyg/sHQC5MSI7etu8bsg0lOF3hPFRbru85pEnAAm3oUH75zOHhRj6Zbue6SkIvUWv3isccDwT79urfiZYP3/uvIUPZVfAsK7ahkLmGhvyYPDQDmLv9V/aVXGHeYzsTK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TaDxwIBntRfIjsnZOSBzuLp3VDnk3y58mUH/CEBk/yM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qczrcidAiufxNkoW3hj+BvUWi6HlG9fMKKp08yuwPofBBsxMg8XOBiPu3eBMQ3bLtluKGwhHOnyftlhg2RWmg3a5d76gvwGsnkbzLBGllLD8VQbhv9XyWzaSMKlqgMst4sv1UNZ2wcKhzAsOOq5wZGigLIFIG6ULDCLIglMTXqXLC0RZW+oNGf/9u6x9svL1p9zpgKvo29GHRIZAfyjpm9x1oKnoXwyZnshNMWa2Y4y7f4JFUvdmC74/Nj5l6Yv7jMuisMhVypU1ywvfauRQthg5dhyzWm96DQXCZ+J05amb4T1THx2fFFxAlBlOpCu/MtVW+Vr7aXcebj/g3xnABT5PvlpgoMYsZbvuXwD7iO5WjD11BpfABbcpotXaxnOL51xnyqZMsg8CdoWT8GNyKj3bqWJIKyfr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TaEE510mzAz3hdznJTK96iWBCeXoj3hT078MX85M5Tw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jvXIqIub5U/ZpxJ+Mpl5zu/V9mv1fJMVF34uUd4UEiXl9xo4qWFqZZUHcov8nsnOXEc28iXne/ES4m+4fIDYpGJN+KAmSziXTEg41TZBoEHff6w6k0bbm7R1H0lLLvyaWMgVq/KC65A0C7qbOMuRaYHRADLuaEzlbZL/btXfTk3Yyyf+aRI1fcEmnx6kzcjF0RPz+J7JhP3PDqtv1/fjlO6ajoERi9fU/+tT4Hbunf9lXHv61Ob+OvIpu1nWRqGynCz5k6kdxOygYWAHneZB12YkdUVQ0CsSX8OsTBguvM2eMRCLJ0QQXR20X4wWo4TjdR7SnYp5wde0xCfwgrlP3O9kk1uLBPHP8LL+jw39zrOaDfkvhFJObCTJayBOApbk9Y/uDE//WQuIqn5v3K0FxibUIxDAIbJD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Tczje27VQ7Qp0X9uoPaM66F9VufSCfgkeia3h/MI7fg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uDoG0+2QSf64CtIDt+YXzkEHhNYtW0jTnWRaNjiuvTuIn9Tcjq+e2F/1UnS9qTdcM3SOrmBN1wIpKLaLErf5dvjKsZZ2xAqatUz0fCwP68q4iSZ8ARE6J0j2fp3hvwXxps8JXwkEz5qn+sBzX85vN951IWH3ANeQVaQe6ttH92tutEI0T+HnbK+LWPhVaKDiXWSeYXrveSpmkVa/9h3Jsqo+AqLoYDLkw/R78AGyBNyEy/DIIuNNxWR/oJ3R9YhtDW1oXyHVLsq7wpRWNVQHh7YR7b8BPKraZprxFFxf8RDiLaOFahwqqB4sjqVUGKyggEAvofhnt35Qm0JOoFVmv089yaJTh1i4cW6KonZfrm2ardi1IR/oHxukloQ996QY77rCVywVRsX6nHHwIJRg32N1EKtxqwA1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Tei0/gManED4h171CyANXUckAG8ackfi6plblov0QEg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Xg4aa1m0Cr/sWlqHfxGdysiOCg3RtctWImp1sjIkCIig76M/3XUpnaNfNsVhp15MQwNyaEN1lh6TgrUiyCjRcCdxVYWRWceuQGD3Uz6nFX8zdMUiwQNpdPvwKfkD+Lt0KHOlhIHq3zc2H2dZ/KhJvjSrdHPjgIn7LOAyM/X6m32cQyhew0SiisAraNlJv6NEzIdw3B63UD8l6VnW/hcUE13+ECuTnvHRCbKoATX7bVmeKdYz9MezRMZSqme6foIY9TsRAvSCEfeRr6njkITSePB+5nXXM/ocuTUJXxGaV6uSJqb1VqcmaLWJTQsAyZzFOxNAiboV7XKVABrtDzKijoNw9kqzoyzrp9rfkuqArw6NLtrY9dPxoV84JXgBd4Sm0i/HStk5kQ0SdSKQ9hKbx83hXl1NrCBy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TfeQamk5t2fiTMhRAAGfMMLTepwfQ86L/tc4EXV/u+M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RXw5QEcjGGHK3SOnV5RnzxhTZx/ghZE/NtYHMnXPBrd8jy+BAbgNTBf0T1hrYMtd6UtVOg7rCsUAxZgTx98UFZdsg5YBXGQi5vC/uAym21TVmLSWg8sX3DH7pMwPcXpcVIswaJhQDkn8f39i1hoF5PqY9BOWScs0SH4+3o2j3NkvSLhu+rV1bI/gfpkWg4KAUegjG2OH324v6KmDGU4aM9T1gKJ48yngYpiX8oN3mdOOZXGHnOc/KbZ+rxpQqpktZ7slbA6MR4BrNCPGM7cYUo1PKH6k8JgiVeGXF9XJnsTOh1/Hc1hrVqgHvexYqQ+28shidPqJWhu4fw/yXB/WZkT4MaCL2Y5Q3ynPuLePVUPLosp1eJXoPkA9EScWQszJWxR/bzwFcDuZpSfiXwWtqUT4+wnQzM19",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TgWTK0Ar/9L2tnOSMyUVuBjplqe2hQsL4+vDVBPQwQI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QhV8HvClT2wG2vfQFlklVsJcNwYAgqSrFTcdkOVixSYc+4c0YLPQIKAkegCPCqqVWej8O0ByUOa+lc/rHV1shpaamnxX67uncLw0H1dZSmShcGPJb4bnlFCb7mqAQMQLXOVokHWcWdlGLXD6CJEp7AIUt3Ntr24JlY0uVProMzKd9GFT9mFz4qaycVSOJu0J6n9XtxqYaskyNVSLfhuTA99UTD0mk7gYzNSNi0zmDR+Zw+0HJoxF724PUkGbHZGGqy7ekXsW8PafDTBscaAdHN9O7E+V+35lWcB03JnnUwBBKS6zsKRxQyac9bzDt0VhCldSBtfOIxFHJzOWwrU5s9pA3AiNcOUOlgAJ1yrqPp8EB6mDsHZyktLsLWiv0MlCrHo9gT/G241/GYsWSTXm1EiFgJon1hgN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TgX3wrRLcLC7ZBIto6ha+CO8rqML6ZbIKVJw8PZ8QPo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jLLVpINT6YUL05hygZGoTSHBGiIc8LK0dfkeuJw+Hrrj1tlQkCzJhgnx1cdM7kYJlTKs3+yiU2iKfwupm7J3wTob+Tna1iVecXybUfnB3MZdiJXM+COTtoAPwJaNiTPd6v6wbhEaKIGx82mxyjSAcgVGp0G8jPN0/EMuH9RvtUGummfwIVTdTOs2sf3seiZjVaH+qyPH8YmaXJiDRiZIIejrNSEP3sh2q99ZwCCLfJbN1k12AyNiv4N+3bu6tn7u/UCbSEYy3TpbIh0ajHUS7M7LTKyfuTVJb/7gkhmk4XujUoAlikjTqVkNl236ZLt1Zw7uYN8aCCn6tG/ClSUaZSyDGHajunI31eZEE0PUfP5/MaMlTC/2lPoJBkleZgvYVExAyD6k8gYYBp6ECCOu8jIJQLY9ZmjA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TgX6sPW9O7omztakWkCf50kvfRn2CljzDteDVbUTj+M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nGhMsKH4BEVYtwutIdgXPUIw9hliuUiMkPfuMoOUAsJrlT9rwZ+uQ2g2cYwzFvzn6dqgHXhm8kOlC3sRIMeF3+YqKW2RDWYUAZbZJMu6UcS90YmTY21x8raD7cjpetJ2JQQEVkOy7fbbEbBVeKYUt2/R5nCbW9R3OM/UuetI2WEjP2mocja0toYi3vXupShhLRepDrJE0g/7MRMwoTUMB4n6Q91NnvO3sivtCTcpS94WzTEmm/vdqivgHrkqFpMfmdNiihvuaFFCg9ruzw6hNFxYWkefOWKr+veuWf5HLzpjsIpgHdCuaTfCIbiXO13HqV4U0+0ZmQcustaQy6XvqVgScL7Dtn2suIzolEvqdgbzenItTdlTrOzGgLGfV9fFjfx8xT8coKN1/UCaWPHCe2oY+ZPCwIpI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ThJrFwbD1tt8Nde+RV2zJNWdkWfhA9zbm5iBSzgmjno",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ib6rs3nXkEmafGA79oduSPEbnRNCUsMMWigeCZ59XF9yFnzy9l2zbFQ/hAJ6zZcbbUT57bQNJ7rM9U3sJSMgj+U4h3IjkoE0cIg3vKVxINnai+jNm8m/+x6BIrcLrTx8HXpwVZQ8xdVnZfgq3DChp+f72tb3mVabwvgbDny0oE+vvW5yBwkAqRGmwim6vaBRfwngcvBUIhpF9e7xKeA6CK+prxOzLij4UuzL8i7B5+3HSKxDx/PqSCtmMHJoMFvcOPslCGkQSswHWz/yNJzDrp1ACxnpQeVMO9Og0tjzHzFrAd+buBtvLMSlXkmTfmEB1C/yLyye0qSQhFoQljPDWkHRKERmNemcC9z1clK7A3r+cylzjfU6CAHS9jvSWNqZn1QJ9Jmm8nGLcA6O97aflJiK7HfVaBsi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ThWKsidoaTCswec2mCbCn44WEgLQfrE02FomxADGbZ0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ImBe0iXEqe3SXF9kJZm7B93ROXNnKVZtD5tJ9MBEMco/WzC8bLpEnynoOquAbewxTH+QF+QJZRMk3/lmaPh5B1nnSTsMkCJYmicfqF/BNY0aFQBNcGw/ofubMyrbt9jmXJMzKlAE+B8Mzk2bqADQ4X11i6ZwQXu7n4vwVndC7hD3GgCY7skDA+O5bj+egx4U9PS0vF5yyHEYhG5zWOwUbXU6I3aOkrRFZXiosDS7j7+Lxa6gj7q1vVJqlI0jdejigbz+tGdgpaDYNk2GoeMSU6H/FQdQH9+EqS7Y3wQOHWl8KA/aS1Frju2KZElhuGtmoPWhGyNPv9SmgcWFyU88IyDdmZacXAPBXMKh16aHfi/2MP5ISAZNMa68RfRb2GqzCf23SweP7iJBedFzfSfstIDqYg117+eM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ThxugoIj0oPUbJ+PngQcEz6SOucHpuN/fSjTeOD+rlU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mhGn2KM6WhpjTx0ydb/q3nJc7BtitNTGIyrh2G6kQu806EEmkyTxxooyy8egxJ2lOQNQfxupDcdj+o/yixzDuL9vaGtm0v1oaA1NeK9Y/1QVkMW8yObSRnoi3NGyUZBP8k1StRVMxX+tiwG/cmf7Ed8fk1XMPlUtxVr4kmWYTgxY3lBrxJouDtYRP92SOqYoOkOEuF+H2BKSg+QnfYE18WA3WQ5vyttiThEz58Q+m7RJPcT7B/O5NbousTn83+0205R9O9tiZTUu9WuImDbcNx11l20MmpPIy17nDMAPdLpllJSCwp4X32N6HS5yEwwW/h5Xld6RsF0aSx7vp/GFpBRKrSwkodu71FM0X03Q/uC2GUzUk6ZYqIs73YYb8SS+1bj7NhNGWrSKE2MtnLw6fBehVjifgblr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TlO+G/S74oLTcVjuH7KgbvprmHzB/PC1DWrcnYez/pk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o61HS6JdxhZksJTl6JU4nbJ8GFtY07gWMirAbJjpuqo1ZcXzz4FbuX6AqeiKu/UC4BlS9s6ve2hlGyr1rPpZsCcYdeZ5XV1E3cLOrjnKLLJWVr3LRpbqrjBcyy1KOGzIo0HbJ8cMldScB4rOFB4tUKadt9BDBZh0QrcV2WYbug/0XYFqSvBVXWpZuEJ/TvjToWA0Aw7E2Lu0LsFPb7bWbv2C5YFyTwie5jJUmu6jg8uFcKCiXA0ObCCSBE3OFe5zE8daABV14tAfkNQrqlkiqUdBRclhVKisdhwzHmp9PqGjuFTy7GAWjxQuCtkX9ZVIOiKXg8zWGxE2Ur69uEBcfoeErBKLA9FPMkdtcRm65GW6jn+45gKIOv1+EtGyY1t3zoU+a0kWhvKcQtIL9AEa9LPGLe7OvXRU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TlW07NpzNj3jNBqiBN3hu6GoJXISWIX4w5EkIyPRrKc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "13sxUSYW/dn0TsQrRLqihfRPqOcYY2OfLh+6yRi20NHJ0s3JjZ+cM5C8G1zLxaPIZZe16yrp/811xxrnhhN/a4wCicRCxP2813tKS4aJZT5jvRRxhiwNAPSCgWWn4c/618wgzOLubGJLfY+0RSVvxbXYrmZnxuAbZKGj4ttfoyMmD6m23O7FlDKFvsiXHnDZLWwpSgwFGu5H1VyurtlfEOlsga4Kld/ML00WJ4gIo7shhJ41PON4t2EmVuTd+DHpXC2zCqKrUQOddkRcV+vbQRdP0NntXt034fZSlh4hVGHRHC913Am+uIbtoJicR8fFLaNMSmqOYBd6OFTW7XfaK/N0KjZpV1VsoH10JZDVrKhknbeWKTGufzFcdmSEA0pyaIUbdB+hU2vjctJ+DXE8lJEco0SGy9Kv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TltzLQlg/AAhrUT2n1VZXCFCry/O8apb3M26/nqp/60",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8NP2T7DsJrzyEaZwux5ZjU7EsJpm9ld568DUOuJ4SuYRAiU3F1GUjqSuryLaKyXybDYP6NU0I2T0nqma/MYDZQ6EMAVYuUfkGUQ8GWeUYvXfS0ufRyRalxh53etYU31dYxYSsBNGvML1RjFRrfKPHiN6UzTh3sNEPKKQ00ZPoe0IQEmBahvdLPuofS9rOKyM8y9pggaNDnK3gPv+3tF36JUAYPHp4LY/3BMldRj88gmpps/JbzeI3sxCY4G3feYcjOmSCy5UU8sSYT2F+IEGqy6pvmjQ9PwfERNXGFegCIy8AQqoqduv9J6QBIQs9TxBiNpvzpYXSdAICvOXFDEXledhEVQSIy9qyEj7I2z/bxHjW85G5XpZoaRM0bkZxpRW9sRaAKvj+XHiwunS9+GM/ei5X5GnieJQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Tn3NJaAGyvBcvtJpQzpoExnj5rZJTLSSL0LpKBKE5cg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "t0DBFIaXeO19Zcq50Em10GdrqUvxd26CiZ8DOEpIdgL5nxDcYTVWBXeMxNWcdvrHohRkbCS+yoK/XUL6haq1Wti8PSX1ah0OMdFCzI9Q+k0D8fP7zQRNIebjZt5SOZAvl3Nc91ezKl3vovmHaj7Beeq/8bFmd6pAUOCevWPsAxg336mZ4Wgh9M76ZQHt+AbRmRCp5gSrBFdWahOJjxG2juOUW2AmgVwtiAL4a7lS+mrEeeI1DQ2zHQNcZX9CFWXq16VZnSgGeGMwfIXN82uZ55+uIvdWUkDA2b/xTJNXp06TYi/nnJiSKH7zHftVydxJE0lDtcL5+5UBzWKQWj9CY8RtIPzy5UE/t/4+ha36F7+QbzYGcIJvXgB/wkjb5G1fWVMP80CPO9+PEV2JJMG9+EIZhcrhUyK8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TnPHd+lNJ93g3VmzY3eQmrwHNT1yRVVoZBuUQhvqXKQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "93gEVPg2/WHK/PLXNDweYpswjRUb74lVzlWV95tdZ+cQqipqA44nA4D6T6Hzz+XDYplF9qBxQzRPNmlx4lIyqowQ7Lr5VL+q+Jge4noV4zFOl0WK5S5L5jsrVoh8iPrm5pg25sUeZDS2k+73ZudQySMlOn/AY8GdES5IDmQ9FvRocOhmxPf6Gxy02+RDfXOShxEugzlhKYIjMNHMQxzgSnkxEC83CwlXThTPHTvdfgcEj0fyNXXf1i3Hoso2AfedI/kNmVuDg/WxjUofBdjNcDSPgyoCuiCH5MT/omq1uanzOMzLvC+VM2uFYBXK2LaWFQK98uiTnWIKbbWkp9YPZ/mUGMolu08zOs2FscsHBLOH0QqWrS23J/rkKn2JqFQX2x3hBrdjI/lYmf7uywrelxD/3CBMdqlr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "To04rH+auwIQcm5aJ54Ai2lFV2Nlfrlyl2IE+P06lJE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CBE34vHr90DH0OvIvT1t1PJjv7IzQtgSMa/gSIIQJmXYaHc9gPLkgrOoi99GjHXl7TVL3AIynOumC7phE1J4WkV4mMKolgiFquGRBJan8MPo6ut1WFPCP4U3RKbdgTqHriZCJmTcmLsaktOgqF9qqCWbVfxpXDVyZH4eVWllpOj4NZ0QRfgBj66ciuoW2AMjGQfhkK+e+6mtJZB3a07iF+fZqRg5BwcyLQZvAEl5u6n8DF3v7Uu26SOY8vz/Os7OhNQOU8dXR3A5acfTho82GUp5rUs39KnuLvL0npgvJHvi79PlTS0w5iPd2bIffEAcJ3xbLHUaQ/0QnzaTrE1VmNFnLAwxOosImoYhA187XGeRMZ9TjzHjuqyyiGS1QZxJ5iZGkinUpR9GNZ7rPe/rX42IZp1h6dhG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "To7SkKJ6aAAOhUhvMX9fkLd9CPwPCKVA4yn/H++lYCY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Osi7OTCv0lEylVm9AyTrOcSq1pBWh/XaDGhmBEe62+WSXU+C//76hwHY4hPF4XiAvP6/TOhJxEy7/NyAvvym3LigGoeUx2JeIUO8e8Kdp3J3720cBdDN0H/c4RcrpCDg2UD2XIJZsDdpZa4S2UaeC9sxYPNfk1RXkoxt69IjiVa30AaZZkjC3Lo32yqKsToo1Ruk2buzEL3Mvm7V/2xdr70iAmS2k1Vk4Jp7L2+S7IeDwJsK7dwB/xPvZI1Rl70+wbdGOQ9aQAwVn6jT/Z6st5eFvOPGCrWieR7+hV4A9CKH6dqO5sEU+Jv/ctOwoOLgjVxgfspfojkBZX1cmHqvW9w1h7iOUxc+BomMtdDlGrTeoqoYFxboY7VYk+uuHxitc1QFQSVrUBNfmx9NAjJoYp5Sah3mGg45",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ToPuOXjmmdhNvbBSUfjWGc3+ofV598xUinNX9iBP+j8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9YKFzla/ArJhb2hG8Xc1SOJlj6L9ksFak2t+/L3AaurJyQoRfDERtZQq5zHBe67dJmnamC8KeZ72M8coObO0dhxUn/g6qGPSZuwckCfMzzVHIvpsnta9zlVgq19my/4xlh8eiXH4CMW1pDwVTw7ALKQ4TjgpiGExkJ3WEly05TOX6LVvbYPOzsJUblfvmN/8s8v4AOro1P9kj3UmpDT5pwI/vsXNllRF5f3Hp4Yue32Onw6yzoCuE7pJyr0zCC2+Ni6iIcQTQtvqy6P67yDM3JFzQVDZkf1mo5ABQv5/3Geo7jSY5H05D2aZLBkb/VVU9hLI3bLnkfW78Ig/8+TUiTB8eHVyY/w+eLyiJ+rL3bBMTwOwcNOhkepzb7KngWBSvzxOIIA0s4P6WLGfqWRA0yAG3iGhkwy8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TokwtIc0gkITxXwJMaqBrchAWgajYcUGVy86t3S8yQo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0Wxuy+ODg8/c/Qkdx5YWupIaYpoeojoe+fY6eIngErl3R9OX0onWZHIBPcwGrCCJLRCea9kDbCSUkwp/aCW/vQHkX2fiWEP5JEIK+JsclZMT1retVNUuz03sJpmv5ezyNaO0PGjKuWfaUqp/TFRRAbaNS6kESJH8HsSrn9RtDTZXR5CmMYzQGPulbk6eZKNhJnjWbfa1XhCQxLmjf1mTvxo4DaqatiqOPPdpUj00J/KtO/3ppgJtS6IMnxFeEh7NdoZe19qyeprx0Qnc796Fn78FQSZAr1sYIE//+ktAQKJUjGyGmqb+DaSf8llGrRuDnsx+iEHfReIKrfjEbvInXF4oQT8GxMtOHjARAkxp7qMU6inQYPxvnA/mLig8/6F1RrsPfVSYPpRXUGVPJs4ABsPSpuvQbxLn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Tp6UM2kGAg96A5Z1T/Vnck/9i34Pwe+qioni7QKqUWo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M7Hc90p/6oa459DtHjzrEegh1Oj5WtrUrUL7Ly10uEkMN6bud6xYG0U12APN+Monl0DwcA0UDSwUQLeZyGXGK1wKEXRXft8Dr9IhRyAC9t1xacHifd2FtPtxhkPoHavihFcz6zkCebUkkxM0Z4HTFXUEO3dTTjq3acuyaxoLM6IXTImK/vfc0W1iA5sVS8L/KZbbfVPFP7Flh0oLLc0qam+vE0/dwJ5arHHjMd8yOa89uwARDmebcMdnyHfRj9MV6Zq22EqsD9O7u9BoWq8lG3SJOxcNhLZN3J7UdRSCKyBv1vPN+2KomBodaUpvAoMHK+BYZG4u5hMKYe/pXF73+jnpQBSIHivBvwei3Y68qLwPj5M0y4huA4EpezQvEWEyZKzzObZe+DGTNQkIZkxE5rD+xnVTMOiz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TpYY5mNBPYj9WvrQFJcUGPsLsa6zkmWxU1iD8zjgpb0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BOC8XwhV5CIgLA42cG80gcpZ9oYf/SDb/wWcil87VNKpYEJKhwAUhGwQ6xlFvzAz5DEGucX5mvIi9alzbzRkfpOeucPwLdP0kR1ntVlwJquK3SluMjylWuhlsPWiwsWRFTgIdWLv7CYE2PRDzAAkZgyCXJtrtr5OxVLA0Hh7ooUibVBb0mxXyqhnXyM1URsgKN4sPIeR2drRkPyTNNmLs2f6V26hSsP6loIwHY8OgOTDjVfBe9N/8pcdqGiLeFEc+emNwHqabaKUSKtUTUEaAL/rAydGz8EKa3YyItvzcb0IoW8ZqbSx63FDIn9qTuKLjL5yXgEMtkBsIPBvi0SuO4pU2+VoyhKJ6IPWJ5MNpoGXz8G1wt3PB/cyonjxXKPchUyzsfJBthM4BYk9sI7p6Zi0WOQUanYp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Tpg2L7fcXAGK/h3Wsgy0EdkJ5Y30xnao9LF29kG5HEc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S+i+MgW3KwK4ghpdtKY5dE97XMkfYMlpBtQudiUWpqCmVIFnn5lAmVpBHkFPn7LrmJ2pJIJcJO3BOI98hDzk1P3wXe/caFUWex0tCUiAcsEW9wO6xb6p1UedxXcVPunAHdkSoSA1f7fl3AjQ0xJZghOiA/f1DqbAliQix7oz5+Z+Nhwfk3xtDHobfYsjA58H+f1As2eE4IPP6NJggsKF8tgiCukKhkZHAktjIjGRHE8hxEuropxePaRiS+60oNdn/4UBKeaSK0WZiY9Xu6Lz+eTYM7JtnTJL/yDONFVX+exVUS5Pd9tBd3ZI9bN3T64c6T0paVnVs9shXynSrVjVs2Q3KHptgEfKB03ZnQ+F+mVlGk3XVFsTPQR+eQiCOvyUm2Hlhfqw/pziy+OhYgNC6c2kfLKl5/bG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TqWpMoWCrdinMfcqu/njBoKncjVV7TVwFPQlMZA4/oI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7vF8Er518OGQhNJuepKHIthTlaBHXSJjPTl60AoRnDSvWkOyRiKpO4+q6XMT4BnxuwEE7Qg6bZwySi5fKtOr+GWk3Xk0ux+onhfl1eXuW8iIuKB3mIaq5OlMheMVQI6/5+HVGynbiAzebl45nkaHsVtwRtDMnhI+Phi+nWDuO7q2OkSUxAkd0zPMYCFcXG4fnfXmB+iVI7/YVnkmD3feVxamAxbtCBkJaUv0ZSyJr88TqMmJ/oqHX8Aj6cXiXI9xS6hVmcKUXGZOkgIVyty6UEKGyk/neAo7si37iCiiIEwGSwmepQJZJQF7BfFyoofKB5E8LRPMVd+/nJBWlNfCW44CoKwYq7QRdFW4fLfWHK+HdPFHKVKKqjBlHPTIZRtDoMYgZd95pzoUH8vFzOI8HUQtw2cnyA73",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Tqs/JHbS/CnFAmqZbz2JVBxOo+jzkA6yVkcnFQ1j2gc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1F/BafXXjdhKFhwh4ON5sWtIu7FjFxEqbpSsR0b/RGjWNp8+Xe913mEf+6nxecFReZkyLpl6lsEO6j10Qh634Y8moYpf2Kv1VKkO9QmUDPCy1/0s4LlTMjRA9T6I/qEXfugOActpb0dLOSYdD9Z8zx7SkVE7lgh+GRb6Wm/76zoLUKtIq/fGQgGbZFiMcVHrNmBXMrR5iMxUoXCuPkyJRdX3W+3qP1sTf0h21Z1D9D2Y9Fj7WsKw4J4kgYe87hrfW9hmgUFn3hp0lxxPEiR7MCAfD6A3Z9zJeD7BGWx7LvQQXzlIDXsusX3pEUfNDrqSdAYu8VlRfwsJxxiS/MFobMhMT/8Kpwc9ad2JD5+Gx3AI2Lru9U5Cpqad6jLpIFb+rH1f+XFvkNqW50JnqO9QJE43WrgpJZWb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TrdVMi10JtuYxODVKHLvbGT0cJCQ1aX71mPAt5GRWXM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zRGW4ldre4r1RjWGeFJRnLm8AnurwCh6rDcNnNBFKFA9amt4ULR9um1/BnWXc/zJpJGo55LbL0AK7VMokSL4wEmToibiU3nbhozOTxiEy+KsmKFV5sQ+G18nSSnkC8O1F/ZvIvq2XltTYTn0D9wChHcGKB1GGaVGRSK2RP7qsZKrS2Ut7ml1fKEu/VZTuUhrd5BaA19/5eEuINPAnQIfgJZ2pAasj0KbP1N6mkVjFjp/JOGQGZNkspL/W0yTyFA1HP5nN4IyLVAuhfbn8mxBOSUTJVXns/9ub19NH6sODvMdbJrUiCtLVOU6GTlrYH+m1rvLROSB5/pZxx6CYsQqYMwz48yIjLrrMWg3k0yqjMl+ihZdBVmic1uNxhKY+R1z9/N/gPav6rdmFHJyxEvTJH89I+KFoMuA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Tt/EKl22WwSHbM73AewX5/rcX93HDQ8rPUumu6MzVzI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zQqt/YxSMfviX/4cbh1HE9ZnxCVJV8SKmqsxiPMD5jaEi5mD0MV4H1GjKjqLTnbyWkxukx8yyWJiLNpsqDnNJDTa86HUjYRSP/LFZgRtKodKOqK0dfF6wO+lfUJQtgG/qZuJWBRu+xiGyRZK3eepwdzDjYt1BGTTmkysMXuq043KIBF0mVnGNnh6moZbzjtQxAsbp6dBS3bTJ433pw0kVx83vWWu6GLfpYkUAnZ+C5dCqrY/ZKVkCaUuzm6hbOxS8LZkEnmoZTMRAcwBkNuZFG7lex7sNkuiIxujo3eTckPsWtY0ErpxP5RA6ElR+CdWRp1g4Y+5QkYaFmbGXWoePNG258bHZjfhtLVsCT9lNwC2Wu+y30eNrpmBIemxfBiYJO5KOWXtmGLpKlMkKQrfB7+N8iXmK3Xk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ttm+noitB8zLnkPP10wDP9/DKPGJMCHYTFQ5Gfy+rZ0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZCQiC3nNaC8c91rQVCqFF+Q7blkzdiAxE/7nyhN0zo4aB63MVnCVDeEP67WegKx8E69Hm7dTpHwe5RnlLQfscmRav8a3ttJNgRbWZ9L2TcJK8jmskL+Mje6LbZyVVFpnjlTyMgsrpLWNXxY3h1CfVI+d4scPyCJa8bznl7kpxaSVvch6zkWs/RWG2ju9Z5OefarJ9tPAhGC68zyg7LLT7uJCQb5LGI0hh3awN8HfGnIigpjiEjFY+/YrNGwBiyfvjK3+I79soTJ2mH8D9B2X9E6HwZY3oUwe/lKKMILm/Rr/TPU2UoRWkPFlPQrxBcRF3LfEuVBJWCNhKsEltdiFHbLu/10dWncrT83ZULHla+gShq8yhzNxRL9eFxwLg9bUmjdznEvxWBxCVrSpL13zxoP5uM/YUoJ/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TufioKWzWhNPeObPnbxLMHdO6quBUv62u9GCH6ecI7U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cMLTyfpmO55tF+nrV7IzAAoFhLa7TI/4DIJ9j+401M1P8z0aS6wuvZQkZkXT2CpOMfGyVcjXiau78XAjXXsmrus8mcVICmQKST5bfoEituMvV29F9altXByTh4sz3vQa0QBHECoZIcKR28UcOEsY4pj5U6MAYuCO9dbRfrroV2LyXUIA/DTyuoNleaq4j9dFT+xmPhfNaoX40BbcDrM/GmMx+7Hp+AkEfZIZhCCXcBycl7TQetceJdAxanNkm3Ccf75JciqF3gCshY4J6EVGVTO5OL4NFOlHI5j5b19ZspnXzfjWLRHVbQjWltwfR1VniZNS+t5pC//ql4YtB4jLh4cL0aKl5s/JgvPYCk/C6ZZ+u+u+ivCp2NAPrrUP21vBMlC+TUbQ+vnj0sxtUheiraruI0jEh8zZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Tv6cspP5CCIHa1Eprwtxh4QiZxIIoBUN2HFKIRodqnI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xdCE2SfklA/kCLQabrQjCr799Mv7ez43lG0QvYoejep5wZb10CsktAst8MFvcbYzdTb8jqciXccIKmhosQabM5clIiOhvg9PKtGWQ7R/jYP4mgiPmELrhbRziY1xmbK2EP48z6sBeABDo8CFTF9bJRmgV188zfThonhvCjXNhUoAmJHuVhamgEEW5ph0nUaA9HHEjrG/UONDxVqvrR8K3fNYNtSrVxiMVV2qpyByWZMRuLCSASn6hY14OGaWGGhaiTawH4znIiTqrokln+TpcMFnrPd4zYOIsXltjhzrmUKbUrtd/L0ww/p1iRwX3jWrFBxd63dYPpy8EOP/efqA2pkWmGk5WzoOLcETO/ejRCmrfwalZtQxUAis5vtiMUIOYH2T4GSsVGPXWykFMvM1zHAzKaOZNDhn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Txd7L4N0cQsqN6ZHLPhQ32iiEFLzfYIv1gMr2LwmVAY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "le48TSE1tfUrgw9sKmyx+6p8dXYdwInzAUkqFfT+boh+Cai3vvhVDqBakkDC4yWl14jvpFNLIkkcRK+eE/HtUOPNn3CtV+NL0ngWTgTVHD+amTXkfA0Nx/oSGTsxE43SveNdz0Fj8odcN7MkOIA0bL8Id33fTvIgZQCRXlKFYFC9+MIJ6L0Wc2cNXobkOVTNZ9vAWSGrA3vXvupeo8f/5HE/urrqQCjvt4AsCyQ8+dDww8T8oboev7EqQlnAgP0FcPdbwiu+IlCval87+qYwP/d6/8vsi+Rfb91GfSEpwZASvw9k04E3gAHrGJEBfZltt3b35GLV6AJyG1hFpo6hmxObSv7bKRJGEggvbiVqG8PJj/JTwEjRJsdIJFjv+tFMub+7zP4ubbk/a5HqkxbwjNh7ZqL/JDac",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TxjYQ779E9H5VRdPpngUAK6exCkaiUhiPc3m2xqmIJM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Lxq9gKJFEqnqXMBfMlr9cDrj/Ogb0rwLF5E9EvMzqahlg1COQxHOX8HX/X3BNI/nSoYLbs7riYUHE5XJnZXAxkbEoL57UqTBp0kymDReEik/1VDvqKp8X0kt0MW1GwtZuLdOq/bVwaGE7yVqaFoIXoXy/27AXjTtr8MNXCAMcOROYfuLcE1vLE1Kx2K3aTYBA8QKr3KgoDONWGf/LAVhu4Q6W+YHIh/PfRQMPXY6hS2JkY0+3x98f+nM78X0COGMOEdzIn2whuK7c0seNinolmMS/BqJp0jOyJ6LmbvwgyqBk7bBcwS3Wt7I7j4lpYlw8y3c7+O68EI1g5z0B5iDdz6JrxqiTM+oKGIVqDNTvFdBmKzHuMMOzs2y2xTXtDU4gCHSBWTTKfA+QkBBhjPywAfHl5nPyZZZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TxsCwCZahD8a4vgDM5nfLjXCDriS37szXjnZod4UaEU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GGpqb79hxU2qQ10o2jqOx+qEl/kCauve5PFznXDHqnLlaxHXA0V4lAtTKrcsRR0Ee1CaSaz9uv+qQXxqR+GvIIsaIX7LyjHM2NkJjQBLNAjJWpdO/XUb0oVVW+Q12K5TnXnsAyZ9hMyTFoRBm7BG6h9kRm2Yn4INMWKAlrKWW5CQz074BGqLDKPs7FOGUcUj8+eyb5LYkJIVzzicDMD6xCcbXTVAbV1mJJBgrAfKC1cUtXTit0S7Dv15TRaP/6ZF2zeOx1wb01fL2BGMXyk329q57zHzydPsCJBZLD3K555RQ/WgpwXv6kLx8YiDVp1tfsw+VhlqD1MHSoa1YpHnWJAgrYU0y2soOQymt3rr7Kie3RKewEg6+6NI8GEb1hw+kYvYnk8FWv/+vSLfQrqdxamfRVbyGReI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "TyiD7JWUEn7FBYwUIOAJCd9htZ4smfnkdS08xcxkvI0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QfkyZaOc7bbLB1khgUfZMjytpohm0RvpU6eFzDA2mjzhld6UA8+EZwU3Ic6w1qEq21tEzp71VD8fcMA+wJb5hNc2IBbF3ykZdoW0Kv7hpp5/rTM+5Bp/r4dZo+X69daUjNeGIQRI1Jzjek9JaON0ALyhJjNfsjgwsVg5A11QXy0dE4gmSXfSKyCNBFsyUyVLdzOcjC01RNJQy11kQRugIzIwRc3LRTaQaFsRkp53U2SPv7L228CL8HKUJv80KAeIuxMMrDWXUsfAhFSfJObnLnZU1gB1GmJ0hhdxiFusf5DaonQwbLMZPicJ8qf9hd61M8OK6+zWeddi336HF4pRm0iYClu9np6olFv+JHljkMtm66bM8dnl2KhiiiRL4w+I2yntH4M5Qo5qzgBVyLpQb3FREYtG7pT6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "U+3mECFzg9VKucUWIyTUyBtA5k3BKo58wtUcq7j2Xzc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cIVwG8TKWb0SwnW7i48SPyZRO94zA++hY5QuP/NW8R1nP8K32WLuRJ7BF6I6MGH+4b9AEPmW/SG4D+n9v3RwDXPEYz5eOJ4keAjdC7EOtx4GHDylSU2RUz6167vCiBnN3s/HcHblOwhiYfB0W59chzfK1EETY/heoFTk8T2UH0/QcZ9a+xdwq5E1kqqEp2n0IB9dIYFD3EMEcDobiBxJXbSOsqrlKTmAFQ9oouxF6D64REreHeAGQShnLB6Z6aVe4mLFH5711a86CUo5cEk9gpRY9hwmN1Y3oO3KFQfFM8j0QR9DWjg3WEinI7NdeGr8UPqJdQH0DFy0HpecgQKsRwm2FpXvj2aWgxPWMaH0QTKcAJ106iyP2r4xMgaWa3DhrcaSyonBs8ekxB9tWPj2CLi2VtY5vfcZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "U+NBFGtJYUJh4kovLsjc6BjYPQg9MalKYoOusx4W+Jk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xWM3+IZw3k+J9FrzIRh9ocjWSUI62LG8kmstfHa0ayAiPtakLvJ7NS3sBF1pmPWE3HDaXpC2UgurH9wvMfxshI2Wc6P7KUnD+gQLefTQcy0FlPltu9G7BB48y7+BGvqPsdImZgK9eiJanuHJexjmhcHvB5BDpwopqHZCObAI8eYMcFG6qZ+Lzj8PcinmVn2BrrJsZplmo9+Tid1ZTun9r47FpSqMHXzIM07Iu2spTy0QHn9mqhwpUhkDzou0EKjZ7VR6UHSo4VY6EQPsXAIUOlIl4YMTztlmfWY2oPAI3aukqBo/CCFRNT3E7j8BaZD5+pVaf4t6IhWIa0By0rsVH5I/iqg5u2rNXksLIsG3Um81BjYlbbe89EgWwm5VPLk7Uv8AdXQqJ2EVattOGZ8MQwmiRnoOnZ5K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "U+v+kKLcnLB1T91DpFqA0XUwRbZQ+W7QuWEGFdz+JhI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1G9Ruw1OQW4YRUzGXMrkVd0xUbltsVQxzfLeZPApFxYV1jgpgepGhjE7hXa/fdV5beAC4TXFxAerlJ4vy8a4176XK+FNpHXTMZgr8HIxCgrGIrwasMEnekLfDEXPiWAbtzP/wKEwMR/SN0UQjuG0eohXEio6bsaSmuAnKyMl9vIFm+6hiObbSM4mf3HwQ6nUd7XjfC0nkSbfxSHaL7zWtRhFMGr8OstvM4D7avTsKc8yS9WV0e+thaavn8ikHdW8WBJfBVT06qbguU/mYqFESi3d5XGnmW3eVAQ8gI7iF+B2weeXEtNtP5S/U0NxyaBP0iTqaBxMdaRoQtO9cxUqqyIY6gOvuLaSTyyAryMD3f9Ml/nE8d9bTpadaCLjshGOC8NtWNgy35kGLkBHtC/K7yf86n8e1jrt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "U101dHF7LsjlaNXJLWx/clyoxrUUJ/CoHrP2F372vwg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jbwJUZWwsOi42m2tyqXekFTf00iWDbMyAqtYfsMc8g0GjisJnY/9LIFU1EO5h5pcqAFcnCQxtlW7AnxnV2NPUPRoQl/cMpQtuMD2SI7x7Y79VXCPGtRpsPEF7fqGrXQC/rT5ZHBrw8+bt1F/QBCSnedzSdR2+NJ2BRloLBExgtdzLcvlxVe1bNFS+M9GkJoDZXQxPsl0wtbzv6V/WQ2S5udd2srUYL7H++0fM/xPhxYFlhf7GnLPIZdQwniD+XJQARjzUyGeJA8TWIeJgUMSVbceqPTaznGC5U0TOiPzpKZDj2aLni9au6YZccbcV3shz6KOhVopmVz9pb3J4QYCHyTnRpQDcMhKrtcbrefVWV+b5iXYjpWKBCFhWWT1ehFErYh1QKxz934RqnHUgGGFFZsHyIMQwWlw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "U3sCfsSEuL67rKrpv2tXJRdNk2hzuF4zefaddfQDowk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E04fMTh3PABLcBRrTvebBEpimstTuXtuGDVCBbG0BbeAHxebqSiK26BAwutI5xGfuQnTZjuiIJfywBIQoNPSdzSJzGrf2gJ7Hd5LO3AxrDxw0a0GrRmsM+xMlu1mlPkgFdKuML1dE/73jDxKHbdY8mvierHz2s91eqTk/OnEKEchZDVTuLVUTks2c3M9zfthfLOo5J3tSeTrj+vj6uB3LF3gSgw0tD08Jt/kf0t/NDCJYknJaMzY8sXd96fW7AT92PKfuT04WzwvY11McSGClXI+tzkDQr6QhV0i3bLP3yMZ0VAzfXsFpW8BvbEYIl2vUhvyePcuShc6P3x3x8WSRcN2tw1Vz1II2KGUeaQ5de3XMQIkhcG4LaryQwzdMBooYzxkKxKO3nMGW5vlmJMcCkRkUCrRjgYi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "U4ZWTwhc1QNRYUkezWw2NulytX83TGggQL0WJfb5nHk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dRG7jHVHcLfR9lPrg+vaMEqU6rJ68W95xBvJSGOy31c+9mMI0cG1StfpkWxjiWwDHwhQ40KCuYFAfCfLwMItSPGYD/4A4jib6Eyz+4gZWzJWDx0UQFGQ9vi0u17TEDqhce0Z7A0BCkNn+obmXEwOha8YQ1mPXglOkm1XtqkotrZEsJXrZRktDqVsiLk/VXW0i9p6Sg9aP1uGWU0IK47p3Gqba5k2y2+6tOJdIsfQuHO6eAckDeBZtB7Q5B3XAEfBvZAsb0eWBidjnZr43vVVIlLpELmjFfegF70YCJ7RXrygRqGfYuugi3QQwOTL9Ye2uyVI2UMg8/eXaLCh8NkNIUuzFXoYHNhOmBlhcKEd0rbyQuKWCx7XMzYeYq3zSoIFeBU3A7koYCF8YReVK239cQwAu64YjJ/W",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "U4gO/UsPG3wwLqaZA9mMIAZoLOZRgg7O4k9jjzRGJdc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s4SVs/Ys42uKY04pIiyyjZ6DedS22w9owetFH0jUfPpW1DNB2a5wMzy6vrPp6bAoDubHhTbpZ/UkUIMf675HH3zjuVb4NGuylcGjGU0wTSZmVLhHxsxSfGvgfePF5FucwbpnazrhT5lzcSzpP+cq6SNCo+Ie8qJpEVk3F+lnr404J0veM2kFkTDE8cvjsa4EDi+DKnpbNPwzn/NQS+GNU6l6nyru3Fl8kK6Bd4LdMR9en2vMDU1W2vmNkuovldeOxfUQcYPwCP0s0aHq2b3EDXKG++Iqj/e9xd+SKURxcE9go2HU7AAWVV4YOHU/R3Yj7Nst3uYfnbdu2fOnVzDeuPlUQcMC5q2j1hPjVw2hE2LgVy068RVgMWdy/02+DBWBv0bB7/LNoUYHU63F49viooljfaW0OXMR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "U5jh1/LO2OiQvKWWFt/aaTvM2q0UUJw9UWoJ4XtpJJs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SYUNO9G9jkyz7Bd9ECjMowrJNxy3RoDBm36Kqrge3944/e87fG9SkKRrFPH5t5clHumSgD4Z8tf0Jf0ayct5bS77vAABbGWrbpCwwoCCDXJUP8xh9gHZAwncpTJIdicnzVyegQrSq5ymzPBLsAbSSa4W8UqBWfFcZB6Id6Q3hklyoynPLRda7OCiW05tkPeBJzqy/qzXFADhjgQbrwO1eGTI9vF7tOUSM6q6gC9u5VMrCIpLiFs17un/DT6x9LRUgtaXkbsfP1YzanhzpSmRjBB9cq3Rjg2aBdWmydQnLp8E9YAt6060UVF4qanEp3VWoauIdwItM3Go/VLvMhceKEAVS6MH3L5RPTh8UYrOYKFxxYHooYClJmYo9c+FZSTWtI+POTZlho8jYXZkSokAD8B6mpNY/BCa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "U66/UoQyocmqD7a38Yr1smu2212Xt3inM4Q/yQZP1UI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kx8Nhe/vGbKsziLt2snRSbwAC+SzPQpNdOwBUGJTfJwipCKAUneoWVjoPkB4BQ3jjN+feSEemE05K7g27jy5hgDl7zgmnDMRIqnp4aXvYMmbOB2Ea8yeJErG+5S+Rqml0PL4T5xPeAMTKuPJaBJq6yM5e97FHUNhw8SP69BcqGqbLCjzb9qNOEgNx8iw3/lGDOs72TmmVhEpE1shToROY2vxgwDk0/FC3NHJk4kb65djs/+Zfmw3BsrcZDblwibLD9vQ0PLOYU+XnVzVT6RGkCTdS2KahAt3f3XsE2oCu4vr8YvzQLX4uEH35WHqT/7BTv99FscxJUnzqX2eGbKkpLxU+Zrr+MPMw6FtV2XdN8jqOCf7sCqxXLK+O7jMr/5suIe7fyyhHyRsL9QLTNQTKs6VklGTg4fP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "U78LMjaMeiRRdHbjFkSmfVLrC9jbEghtOiOCC8zimjc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1j3Br59aaTYZhzMK1zl7zvBjzMQ0YbeFgwoPW0kAzoHsSWrHow+WPQ8wWVitlWeqSw25Jj9qLCnsQGdhEMS/dUqS44xSQjNwQi/alAYbR5LW+7GBZQQ0u/yYCBOvtjUCuAdazz23Ye+MdoezeD12e0gW6OHlkauiJyAGjiFzVkNcGT/4idBXdm7vY49PHcXRzN6H39qeP5yXB6F8Zf4yrmI3KKbr8iIsaY2lJmZglY/sYUfbKTUVdLvrV6bbcKyJAHWPTRz8XqwwGBKEK0GhiBz0HRaYXJaDhKu/gtpCfy1FxDxFDu7MSuubhiMI+tjW3byoUvqivK7w1UkYsMFa6fmlC15JhKK090MtAwMRvMw4FkJHtXX7uC8CtV3H+16GP0w9jASMQfN7wUQYuf0K1TiSQ6qOfZ16",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "U8RXADlBpyN7HKwY2l+L00QXmkEruv4F2cLgjA8TmxU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M+Ak8QG6m6txFZa2aTJ3uIBxxtLBeYlWu9SogZ5iq+XoNp2NkPMx4L1FbDuh2dpz45VzhfCiwWkZXhgyi9ZejeXtvDw7g800nRt3RYsnM6tiZCTCxl54BYKSQOi7dI/hqGWIkB3irXb5uZgIsxaSdDPBEdFczNCHiYVhKBv9R9aH16+NIqmgCwoJLuZO6EW+uRw7en/fjt4nlHJRv7lOLShYExPjaM22G2Zu+tRJB12DUcUeeZuL4XQloxoZ63WpGwn5Dwk+YYg5TRZicKWywbFdaMIqaSdrzJLcZRmqoHDwQHV4BttvjUkw7JjE9Wj39hDs4pVPcnHKDmmwD+/VMpnLBBkVdWzrp2ZwN3Uahw+mkv3/vc8nlexc8ZTA8/td39oGUXG9LZFDYUd3udyrUcPUMaOQ3rVk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UA6ZpTGA+VZqvfmgiiXTMGiRWjjNwVK9A/Isr1W6RTo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "II3LEa6CR5Aazq7xmtbfu1NCyWQDFWgslOjoiNq4Rto7YvHA/uKeWy+HuqKsJqNDDdeDd/4G9ZJOjdSa2qJQwEL9rMplmJZeOIc5QTvCgC4503lKg1e07mhR+v7DkXysrkJXQQUt4g+VXtex2nCXw2Mv5w2TOotzHfTAvORSkedSamG4ReuOE9a4lOCCKiPuFVDqiadXvtEWwyczcJ8OEK+mriIC+RWeKpiAkCgCHt/un17Vi92oMnEXFPcDGQl2eEDjvi3LUgh0fJfc91LC5SLIwBl/eVmT28IcnaxovUAUjwYFQDtYds9mF6kmGCxGFVFWERYR8VqGKYTkP67ZSktUGi59uHHIbw0eWNn76QV37xioAoOFWPaeoAjlrP2OFpu0ammkMV7q1CAkue9wGftkkeAVqQ3p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UA72WLwadrdp+d1ZBVhM0LUQ7HRiiEdzUW/IwTY4NNE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nd03u6thsBKE6ZP9D4nbkY6b8DkB0Xz95+t7oi5pj8HXdFdc5OK9xMLc0OZtC2/irFS0UYiyqhW47pXn6iS22TIt2zE1YR8suf/TJGar9xZHIi0h+6k7Ta3Uw4A8pM3t0r6HzazqybfSK0eI+Ct14ktIK09Ij4gbsJb9Xn+XzTqicK5DCR/QgnQbw6v1tHa8jF7MOaRN8WrhOT7ilZYb2uxW6LTdrzI63ftf+sTykPERu41HSoJAEO0J8ao5dwLWA2/9UmBU5dH7zTYFrqkPJA6IGuEaUSCQs88R4N71BRxtr6yk6gs4KdsrZSaOVhfwUc2XphErLSB5kmLr/A2H6I7KVkstNEmL+gq0lytBpeXDivUQv0xgPmUX0IMNrpaDfepVjwwJ8clAqt4kdQfdR6iq+jjaJPHp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UAgm+3EypklXAtcvSdj6ewDNqehKWyxAgk+Sope9urY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YV9/BiuHruBmU7yvyBmwvOJfm1AVs+YsBZmNXlx6dS6taJu2+i3kkvHHIENhr5Ql2toTr10kKQXZFltA1m77iSZ2e/4oLmqcI8SoKIlPwrPeVwiezWri19n8s/aP9La1mdGerB+8uctsWkytH7hIydQATy34UWmd2Pq56oR8rh7rZDOf7j1JeHYFDwBH2yMHGjZ+LedMtg2MwK4B84aVPeOpok3xv3P7aLy+PCHq3L6WDWqrmP6cM4FbmQ6tb5bmqCU/ySP6VnkcD+PZOjMPqM72JLN6/Qy5zLHDM70N+7cYKPCbBsz9dCRAh5aIrzBsgQOPc+hOw72hiPlv9QrTnBks1FRsFZfMPisaVZ7H9n0tPcUvMA1xK1YsNX8mnimWa1Xto8KRSxG+wUbB4vvuPl9I1oSBDVYy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UBjxWjikZtbqzir9HuLtVcfBJRMV0uyTnVlP3g8PM0Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "szhQUnz4y87oE27DnfME9IKiWrWf2YaK3eQD2k5b8ocuqo2Vxy3WoGa++o7SA+V/TPnco8VgmI6DZImhRGUMXBgF+SlWe6gs58UhOfs9td3gR18d0rj8raXqQO484wRRgRAjdD4Po0tniE2z7iRrYYb18dNERzRFFRicu6RK1C2Sy5ZYDJvtBU21Czz6EQ8CJTk9Y5KfbXeBxkaajwskJLWB+q68MqvpaNpFhacotM7XX5opGussh7vT59bKoUAgGGRigDmM2Vj/z0SesbPBxLbQ9mQPaIGFfUW/kYEhsNClgdLlDKlpyu+YdgHjo8oyPSyiuM++qApsW/oQAbIGd/tt1dhtsuiRuPLFXrr3HMzHMwfM8Qk91PApYIYxjt7Rebhf43oIPQSb12TUmYe4EHtLUtxGD1rv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UBpml1id7sgGdcGClFkDwoMnQ5wVlTssYWEuo8SXHjk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mynqTWXbN715W7I+kqGTT3s3cQQD9FqaXqGdTVgWbyFLq1iSMJzmOu7PquJmi76qUJ/9WK2y9ZwLkVR8qAadhCw8jQ0Vp6JV/MunvoKzsJtXPGne9r4PdHxC1eHnAE9AS0psnfuVlGoSk3OTlRG0XqNxW3GGchPGTXhaDYoC1UziNU1NKFpTgiIOXiNr43fllJY77IEZDk/LP34ersXhSzNpuJH1KJj4lKYLXt0wQS6cw5O95hG7xxrOX/fJwc43B6ZzRY82V8LcpPJnIOwvwZGM9AdiKTvsUD56/jaCHfas8z/KD3guuMmXWfYd1jS76+lcPMJMqZMPPb2rwbqQ5FbIL5QB5x9cwbEkgybQxDutjbR8tTseSMIy3FgDcwE7VM8QeYaR/sj/y7Vmzd1+HauwsTK5XWTa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UC6LkOf8VF4MYe422UFsoiE4ZTG9ABazIvTEauduY+8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WVeN0mlJrQ3YXF26O56CMR4NHJe/uZJih32GYDvz7QdU4iyd6xL2G43yeqP4+iPd4+bVWUuhDR7KRDR1vnJwgCNq/91RI+i8DzRD/GFRJhHjAeYETH4zLPaliyXKkedi0tvZui+HkiHoTi4XRLTcRUKuxmzQoJYQ0NvD5O44cQ4SQSSLT60xSLKt3F6uIgbKfslCe5e4+XQyF2XUqLoQMgAdlkis/2Aac7YsRJ5mZztTNenwVsk2Srue1haBzqG3y13aoQ9uS/42my7c4bu1KloHnMB3wHVwVFyN7s0obRw95Lke4QWteXYWaWe88eAIpq/Cu8Mfxgxc8Uf880nLiE4aCv3N5w+bBZFK/fnNRHVblMZF9NMP0iHTdLRGNxBXmQfNsbl6knP5X1zjIDKEqlObGOZDSSSw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UCYAXRTjOhZROwxHIGQ04YLM9CZDyTvxUXbSXaScEOk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8IjKk0V79eLISYHbv0ArNqPbLjdmrxafAMrXBUrS0lodjtcNX9ybY5VNzWyMEuKLFkKj+TSj0VwMkFDl5uskyPaEAKira/iEoZil81kzs5epD41DLXJwaZpXkbcWH+U+UOwh0W6U4xmCNvZt8WsnqpscIat+4qBxwt6yDwd9zudGE8xYkzhbGKL2BpSkH/tFa5bnHkf9f3mhJ43VAgfDs1fQwwkM95WlO1/XxMUij24SM/QMg3zlLUV4pmeLAzBccGXvrsR3XHdX82rSNk1KZkYKj2G1gZm8QpPsC4CSwm2aF0xZ0konsEz/fbtkoa3C4NtqUx2XSSLEn3PMXb+8I4K/pQqbccLRoKxuVvuosiTDu5acKRbxcboQX86lDYuiKyPoRhvvdUUaABMyljaRH45tlGj3wimg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UCnqBHHIIo6m6/Z+Jre83Bvcg2SspQuI5SoDPbLvMLs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jdKLhPgvy/EYw+4M5leGx7J3agnIDw1v9fzjRXHCtcpUi7vHw6znONG3qytyHOdY1HX5n39namPJYH59dLsqjgnZPxyqwIkAhptKZ5rkLpqIssdiNnzOSJR2/1vpGNVKA+UHeo1iuIPLdZ1NfQScT7gCW7jhyGZldz6BdAYngltGdq8tBmDXXr+2VFq6fw9kQmDcelL+sXwpRF/YeBEvfHcHVCYcWyR5JjbNJp+zET1Pn81lAzNCacPAvwBmoWrSWlmOnihzpFEjpwq6pC9rikbkUraK8lRQfF+027jmqjK60hF1yFxBq5FTQNOSBSnwHjp6LBPoy3BpyZ6ZDIzg26MVrS6theciFB+wQcC+mQBuiCDNbRMIntAjIrtXUsq/k7eVQo/UeFBAtUy8ZXJv9z7W3N6SRlDS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UCt/ZqY7NGMvaU7jmJug6oZKTIhgp0yoT4voJa8JeBk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MvedWap1F0dEMcRAIj0HQhVdXhomP0gZ//8sB3GGAU6tJa5XdrPGtlaMbK2N68K9k06H4OeiX8NC2ZbXmUQdDKr7FGYFmkeETNR1g2Ztl8Zw+Q2D/d1iYIN//Yeukk5p0y67Dd1AFDR8UYLsMT0UB2ilMDV/tFl8VglnBe4bLY/36WbPjtyTJK7nVjqrO/LKygZOHj7ZFea9YqUh7P1l4zjVEYyhLg5n3P0ZRy2kQp6qtXFEP+1O8abrtnaZ+OUl3UUzLQH7hYL8QtQ4H1Q6RudandfNJxBL4JUBVBI0eLO8e/I/JyyFuazWAPUBQzrcIb810oSfwWcoMjuxGM3626XNb5+B5Jfl6Hzle652SGAi9/ZIRtH+WamFI17KPv83YHXKyKX7E9QAgKFSYKHF4ZMO5Iphdo/C",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UD+8sO+oWQLQzWjP6+tKenJ9hS050RboeAPACx7VQ6c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lEeBHa3BOZ/ze17l8Q+fQP+GqPbdstBzkZM2S/Ku7Wt1AYslxMgMW+1cLyjgawkstgPE1OjZsu8vHUz+6Rek8eb4fJTUo5K79Qao6Yx+h7FtyUZs+wIydWgCvbqPa8vMeUi8xC/H9gKn2U5h011rdp1RWPUVzwzGj1vLNHsivNcu+yEfIdQWROUSLLB1RO3paQ4s90EQDzgYH5cfSSnvmXSsDu1WOSnSypOKsdlUH8DZotyui9ptDjRZOw6aewV66eqt4mmnydfyZrnjQzVZA3FEsHcbGa4w2C7EFlqKQHaTiKxittNJxYdre9AIICZROuKpBQlXObPymnjAPQJAq1rKXDTM4u5Wph0o8m3s/HykImn6J8+0uDkYNrZ7mNEfacIGE853850mlZMeqnsE/bF4KdKbNCWz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UD7UkhB8yII1iJBFC4pygHEY8GeazYkF5IX26rjQ1PA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bzLc61HtTNTM+97wWHNjEEcJ1W2Fsf45k6siDtMajeMGo9iRXRpHO52A3ULraYbFjOSE5TdanWykMorrQpZ/v1IfuZkaQUg4cZUtwLUS2hVTCimDsCqCvKw+A8QiyGKv8AbnRupie3o8alrhIAGGhZd9s+OaxBBc6RnPzNuXgL2xJXaEjtrTffJjIUoQB6rsq0lsdio5L1+0gBnaMCnZsOPtKjswrqkn9OIcBPwkOonqtUIfPSNPWQTA2TYaN33rbIaJHIKZbpjkGYp6lhGj+EOzEws0duHm6e6ETrjiVjPxqUaL28YwBdTrB0lXOiKMyS1JLJmRb+66iPHyiAOUdSA6kHkdhviAL9/8YTrWzAJy3cn2BfO45SNy3y5Vhlk8drtpnkZqGQiB8G7wCQ7NEHGXwXnOV0U+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UDrmyQsGxf9FrrVuwmUaEORtsdx0KhGVtFetqWUdyeU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fTgP+vl8+0FUc7Zb1T73rKHxbQcWcLs9V2y1gT75UTH/YpuwMJOPMnwFzdtMCND0LvP6Qfe+ZkrlLaFgZ3JJtKtCDVGyvfHXkmtXo9imN/kX36mMj11emTO0DdwafKUo3DqKvS/KCaBYuV+3TIxUb1ZtRwssdOIorgwMpsBYrgTgl+Y8DZKb3s36khB5QUtLxjumne3Xla2rVugwjLSIa/0OQJX6Ielor4VEOo9pbCJnAplfEWO/JLrEBtY91zdtu4ZJf2UdKvmhsecKZNh0bBoKBp3YWpLga1hVuRVlNs0FhCrRMqKFcnK6emyKHYzrB5lrK4JLSEDfNSxDFqoD+hW7mtZSZSYcB6QHZW6dMFWvpFVRhkFdGPWtjZhEvzb+iOOMglY75y/erYApT6wscBBfF0oQJSL/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UF3c90GoP9e7h5eoZ3QdbUvgNA/q3DuaCZWJ+PYgIzU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5HOlVo5MptAfTIV6GmI7inXRVbAGr3EEYSfioimLST7oHE/kRaLHedey3ohJq80SGNJygZdjJBlG9ZEo3/39gczTX8Ee+GzqTNgFWm9uP7mF+vtr+6hp/U7mWFtQuuwo44eNNVjQN7MZeO112Vx85gd8BBAvCLRo8pdteqW+4F2J0YxsepdErM4z4PGIeBfQvmiyTmmsH33JHpFhTVI+q6RhLAkD87hm7m2wC1LfpTBCuYwjsO+089HAIXqJLshgHI3YTJkXgTwaPJXVAHURrL7Cko1a2TOl7IX39Bl87Rv1ly0zi98uDoK5NoZ1uwT1pAERsowuZ/vfWbn6P2O8xEtDP6nTpOGMgP0Ge8rtv1Tp/6ZBprhoTI62KcyYYSFSmCeRBksv84xleaF02VMsLnribf4b87sL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UHkAEhB4EqqwizcNHD49pKQfBVjiufu4m1psCA8YCms",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M8aiWwL3LZc8fxSKXC0vrk5k1LtTeqj2vITT6PwgskrLqc93FJJLA6ujxuQi3HTelAxAwY7Fakkv1L/wnT4mFUZfFIP/mlN9Aj/mCp3ptLpXHFj5CUvtinQdNSQEA7opM4yWWyGo6dtuxho2XYPwTp/QVKvKtAbPqnadKbcveW6BSr/MbV9gEGu7QKA/HTLcISPEvsoS9rVoc0DB3BqonvASw7TVmc3U1rVL+UkUQ8I5FQhNUcvFgHPhnPasvnrgFggUn3EFRAtA0UNooY4rNJDKUmwDpNKtJpk7fwDbBsOJwtFSnl3vwqVYTpNEjgDEutfKmyo07BTRaeVu32q6gi/hi0Ifs523tP5cY3k5GtkSjdC4L1pKx0VqnLUwLoselOqGhNMgsZWL7zPE5FdpZo6hk2Mqsklr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UIdUZrSU57z7gTxOhdfrJucZicWml7XRdZjIC4U1XiI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gzEpi6DI/1VLeyQY3oGyK/slFzBL6v53osPJ/SniJGlaTTgSbaB4F+ZLt0pbbfw4yjqxmFcrxEJAEK7oD6yIhJHViehM+CbZLyz20qu132WmMKVcgWiGwqZDPLCh5GqFuNBtMXS/LK+Os+83QCBIzBI96UQV2WeWevYJz6CPns6Odob6VV3dHKGSTuFg5d3wjQpSxjT8eI3lPees4rGGf4+rnG4rRDZ9Y8XAEakJ3wZVLFIOFTd6x7DJkrLJP9AlguF4nUzcFFElWrk3ISepZHmlCh27Kt4+9BC4t2nM80SlzWO5Q1yMq1B+GYFfCUnwVbrgMvwsiEkLAbKSO3AWX4lczNyc5RrU+fT3ZE1KzQXxWP6v4UXa1QTJFTVBoyCjI7zcfv51C3M3DmWGi1Xtn/pi95+ANnYu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UJg2o9yINvkId/EqtoR6GFo8D70XXAS/jiqrPq9PuA0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QQ3kU41MEfMoZCKLwulIeuMKH18ocXoSCWrHbD+owvthDDJdDF3ugoteYyvly8gostFOTRTdIhN1/Tqor7txqwdcEg2+zTv1+Yj5bBc2h2Fr5cqtqCnt6IzTONnkKeMYjwKD3nwY0nmvHVXTOpkE8d79V9AqYBXaJ5HQg519uPX2ZvVC2pPy0gZfcSu+gUzqpuVi5ERRarWlxPrfIrNrTKgJQvnM7EaOAWgfltRMxJQ4qDtGRh6LK5sI8WY/y/xAw1na5m3X4g7EEmxfpPblRPNtRcq0MKCVHt30wy9BjPLx+Vbq/AMhczRydxLjgM4pJpw5AHWJwiWDZQ/zV1rGOPXX8ai+TIKuve/OEkzUzBkjPUNg817ENBKNPUzWjXZ8J56itQjBuoHedR5r1+Y8+cg4ngxBDoc9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ULQh/WBmtcPAp/q0kfVu5p1qp1unY31e1PET0cBdbfA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "889UhXS1V/xl+JMOMwWJZIwdZGerfVMOxyw16sRE3h/JSiw3X7pJu92eZ3hQjCXjH9U4xOWNEqvEhx1/iy1PXIimnUIGgVvRJwPa1zXuCOZv30LekwM9OvpphjtyzghnSjwZnIvu4Y6/gdrlEzfywbLQWaeunAVgwAz5KwAUDwn+N7DwBGqE2yYIrhrlEKVjhSuyVaLEQYJnIJrGZKpwx1HVG8aHIpFw/a3AGtGKXZ4nuQcmk/UR0nPGa5YJDkKynS32I58/ZSAN5NUcRNb9duM67oDpR5b3aHhAw4BzPQWmBg0tSpYWPHR4nT23rqzX/Nbkrd94dXfcLbNf8XwO+PxN0JeB4bmWp1Dd7foqm9sXJ9CjoW7X7PoTDT2tXgkL/N9alMBtcWxE+rsGcw5p7uuLzv65Zymh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ULVTT2GYQDZlvg1g2aiZRN+mbojjkIw8fb20YIhvwKI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E88Id+ThXMmmbSFqjy8pm0QUorwVTs31T6zj/5hpKb+pIhdGmESI6jahD9pCAiJPFV1f/14wNPO/lKRsX2oeRJkFlNOoHIZxBcOAqEmL56VuolnUhjy2ts5WPkT4zQUATh5yJQtIJp5IbSO8HbrWvLxKxH9F6gIoRZVMgwFOjg95W3Xs7rAgLtF540KD6ncYnXwWBjoFS6/zAOMbChvLbmK7BduHLoYLgm8CwvqDFGZY6+tp8yd260ol3MlQykVNis2uTTOkrl7AaROftlqIUGWgzqxfuz9n6fCGPBpOxBTXoccjTp3Mjlc1fbIAA2YAtp9jCoCwHBpfFVLwMdt56cGuWHBobrtR2pNNj8cUQcdJ2fRbfhl1q+sJbb158wWDCO0eRhrn0KTHTxvt+tU1rwMF4jbfz4P8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ULWbjJUMjNwD84yhX11XmNcde6pdCLRdUWXDCKjMvDs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yHNDy8weYf3XQGPX4oNXISuKtzs6wW0p4qC0kWkUgtXcmzjTMum6458v+q0MSbd7Z5qAvjPkDpF9TEu1Crt47TbtKu44aSE3fLNmoIHlPuyU8OO7EbvHhDkOo0otTEVLgSK6Wzt93odo58r2JvFpbxfSdO9VSSs4/1KmvDf11qFr/9Kt1meAL6w5QZBlJs71wjtiunk12PaMACAjXd/zlX3breljL/sK/0sutQ0w3vsF5zSVQKB7ta7TfMrVJ3o/vzrP05edHC7SsqVvVsOb7QbcFiS8mkN/1dkSrm8QByS09VxvNg7HBJJwlUJ8yKObRBWOCVg4XgAN3tpw+R6nC0g3us3ZNTjkm3ALEyZ+WK/pnpp8MUhxT+cc345F80GS9YGpYuRfh3BB0UCdKLm8g46tA8z7bvCg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ULiFEU2QJvwvOw9FuxxRo6XiPBXmxCDP3Xpcm2LdE1g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "blHfpNTkCm2v5bqSC0zvwio0jecHvo2qSiplrIJTMLgV0lNJbDXEWthPoP28yoYdYsikxQ6j4m7s2aZvUBDx0hVNNjoDL27EQO47VS3ClIW6bLOetybMA6R516u8mxuD8lMX58k9Jkj3r6ktWWwdcEVFOEcABOcaOn87FKIuzlRH5pDf7QTyXCOq/HtsNR9IX9HZc7ntM+B+N37syNtIIK/3iL1OdbZ9/8M8t/ZeiV5seZOCaa7h4rD0ldbG5LyoBXdYn/GbtmjYM3eu4Q0eUFle4Qp/deBv6Q4iyUeI1HtFeRRpY8oUmz+nYX9VC9bf4+TUlzc7Ed3YFuFs3uWxheD2xX1veDKI7uVkXi0y882QNauwaobBfjnsXSaBAVfk3b9liBRXq4TcC4OFf6a7XpeEc122JiOd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UMrztFEnthJg9hI2HIVT48N2bKgzxT7y8taJhZDK13c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2Mq50DwxH0TI6R0tSjFV1daUBK/ZeABE/+/VtxgLa2Pg9C/FV2iNDekZW9OX1VQydfa9MDnrlaV/4VVuGagGi687bephNSXWXksjQBaJDgYF7iI6JWHuZGaay08g0bD1/6zp/chXsPjyiZyEf9jQh8CFdPLNE10hmEPojJc8tfjYO3vgpxMoa529ZxXo6mNpZQODnsKfHH62gp42m6bDqnpGgilkEj+Ss3vYc4miMBLy94iiK/VSl8yXHuAbv9DqJceS7BlaM4aOKWUgwHgqxn+fHPwqh+uBd/u+SXERkrLlHtO1ddn3rFWCMnZOWRZLAjUOQtBzRRRzf95QNxceb+sQPIW9e4qYfHsvzyKhsdhZWV9pMBa7PVJSdf/5fdtF+CPf3RZQxktqe1HpGZ1qpRDdrj4yuCFk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UMw98PK1C56fO0QcFolwZFrZRPL4l8+vxWJV6BvY6Jk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TWvNcEylToEm9jOKaKcOl8LSs2X7hocrZ9f6wcgHx5CCFy+a3nXRRXxQi/YUSHBdzsZstZnFcQYqCYQjpM8wc9zaEaGRCJjLG2+DrOLFSXWw/G7dT752ekeyufzk9wXtNb3jORvMIVaZCy1HAjOp2eD1teTFcOwlgeKrfKJqy/ibWCP4QxSl9nNath3rXcCSN/lIrjS9WMXGHyjM22HqD3/fIeCK7SiOEQZJ4QDmSLkvHhem7/cTPaOYSiJETkhdfNbCG+TSQ291F+zUtq3ZPSwBBjct1qUf5wQvcEPOvEmTUcJNJUv/7Cq4wQH9x7TSprjJY+CgZJnpdpy0Tv1zPOCSqCAmNaoCh0u50/zRYhi68ovbf1Mqzxpt0oaMY1K/J6nwiwSFzmT6DTtHpg9O+oaLYza4a0ou",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UN9p3t5QOekAsdA9vj/YBL+bp3qpkXPwd0cQyGauxB0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3kNsGLzuUR5X6jVUdI0iamL1HThhv8dUNjJdNyrgVG/qLU953EKHCzkt4UKm60vIQX57vzIm+AouSf5WrZYsRgYXdhCHfZPrBU7L2i3Dtu4NVrxysJWl893/jozIBS2dXkNfrNPau3dx6u1A2U+XRaGB8osZY4PWtgER+RXqZGwAoadhv7zPQO5xvu68JgbvW5trJwvM0jJXQ5c7jRSkajOUBY9NmQXd6Y0o50RGbuf3U6INaNGXKTpXOszDJ+QqvJob/+OBDJjY8X6tKOuuq6q7nnw6t19TrWa6i6pa8Vhi3Mcjrl7CRGqXzy8K4VGQYnQAIuSKlqYq0jZ0Y5nbYwL/CEq0zyuLviFuHURdj8IuOQIeZQ4RWPYaW4/D0PjJ8q8cyCgvYO0Axzv8Tfnoj/8UxcTSk4j+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UO2lVHx+m8glV9Yp3p5COFl2hPfHLGsXBlSwgZO2zPw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aes9Y1ZfFdXn4hjjiJN+NOfSSiHZuCKOSXa74sMgdkz/+bllr//lWtSaObiVmEcDSMWCE0kDhjjArDCaimgNLMzTUgjHuqCU2FZGLQ7E4pCcd30qQd6FRzNwRHBe4R0f5dempUoa1BIxelq4/t3iSNaQG0ixPrafLMWNkR61tUs/cmpDlhlYMArxV4adtn1cuRWneYChJps0s7L4MP4cAr3HTgNWQ6+zKIBkO9747/dwlMJFwFdmCMy2XZQcmnjszxT2l99V5n/ESMMZk+Xllie4i9VwI7um2JEdkw4xCBN4jIlYr8vNuHaId8tooQPCQcPnXp7rJDftOeUlYj0z5c4yCOzYGFHHIyG4iR5sMy4dyOpce6un3Q5HOSr9QNBkQlA8ygoafxTaHfICUdUSNyH0xgsgBa8q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UO83kUfvKdYgzPvdz3cTOC18imsc4ODZdU67eBXykdE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RYgaTAflzSOkM1zN8qNHIDju50QdKM9LZRxsu7wPJe7KR5wtLIDBLZFN+ytOBnUNQ7FyCaSWnLKsZNEPEJuGLfh8uUI3Ds1h9g3W+nLaWWVVEyhf6FvygRRDWJC5Fneh2pURD2XfDcJVULo8BOeLK20ZYoMIh1OrBe4x2BSrbe5IZb/7F3CtZx8fHT7+Za6BdjJZaMUl3q6+4wY8Bic/Rl115gt7vIawqHm1kjVhUvK5aZ+8oTScygp4J2YpiDliY10tN+tp5I0W5nIR16iy5M3rTmF0SAUjwoxDuEwxZUz/sUF0Z0ylBrIFhm0oxIoFratrxZQQSEmW52KUg4qVcIXYFFegr82YS9KPg/1EGbe0tc+uxshpLy6bY4DiTN7mIeaTVv29ssdFh/WVfcN8pYf7zlTlSwS+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UO9FVMM4TPyTbS/Yj0iJEwvF+1XbLW/N0HJ/1bzRR04",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x6aQ7X+qxLvhhkoLPw/0lQvalLHuDGzVgeINAPH7kCTk3vYQkoEIpdPDMM2sbtvHF0Df2qFU27klvrDuC9EgKXXq1ePG0K1MUJmumD5PYrLkog1pQPpWLIDbe4oxcqavKZeCKQa4JkGxwyvQGvbfxQs0oBpUUgc8GqQLmOhAgGwL++xDILMBLeGTNuz/lxxJSs9ks07rgBpZQj10dW3AP7dXWnZ0dGrg+TkDQ3o+fknJ1bAsKcX8evIdKCymUDMl2tOB4Uty5CB0De1fR7tMW1iKLNrDkRG0BWHL2Tq5MjHsVYjOkbRveNxY5CcYZB6YufJO7Wg+iQyM2eZnAxjKRWjVWj9UUwlvQ1MZienCDtiJjJOhbOYdLX5DsKZ4KgAhZ2l1CQ2IYZqcXb+2YptQ9iyZT2/RkGAy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UQnPw9//v6iNMUrHH2kYHHDqgI5MmQLEkFmJxv6FKEA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Lib9wqtfvX0IEXHUWEgl4kKaB38U6iXCTJrRCKFMgg8T6MTt5XOXa5P9JkeGgpANzpOC/tnV77+zlVs2qAIlr8NPPODh2VjnmvTjAl+CusXBNtlLY6xpL5DF/4OgOHsmU9o6q8HtRtYdMKTYtY9KRXX5w+XF3q8OWAx0ZOU7EUrESpxmhHIJr58WwgVaHGgNnEAP5jUxy1BiAaNNaaa/bd8wFHJpF9r7R06tXnaf1FbZW6LUShLDPZKv0V0Ee9RWYP946nRla92U5wwOS7/ILLo9c6pmOEYNUK8KHYEHS/RC1fJC/Z6Dl27iFn8RdukQawiF4h9drNhZL6n12CzVpbkzq+lIiuyi0gxtX4+hofU7BQQGME1yTTCvw3Q4hTlG22kjn6bxFL6Flhl1OeC4XqyOnpp+qaf4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UShI0/OQcsEMksO/AjezUhPwROGWZJ5vU4UBTMCB+Pw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Mh2Y/jSSsOVYQKuzwGlqL14oGDiAcRVYCCdE7O2FckEvfHm9sZpgyAfHD+HRjlRO7Zdb9r7fZ3xSZ8lbYEIaDr5Gu1iAxDTcso+G9sYAaScE0hdq0YjVmTvICUucJPAicskeLScYx/Wq/+t9yQQx3JwILWowzGbBVevLjspuAfLl0TooZPyBE5KD71TULAUw4raCEiEJEq/FbythBq47j1P5U8w3KXdYEMypHylHiascTvjCk8AxEPsOQd21C2OimQyd8CJiseZv4HvB5SaSQOZgrJKQZPUMpkNvBQ5vBgvUXM3ecOPOFUixYogja8iVDQi7B3R10XCllWS5VxpIubQODSo1InwJ3/no728IhPdjjBN1D1kJRvp/d14sXpv6NKC1gLB9bn00wFp6avAMGbMjUqrzYqxL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "USwzqOqvym9Z4GJxEmq2qEjl+VgV4kXcRnAEiJBHdVY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "29ZPUzlsJ4xHUtBIdxnG+eR8p8km6fU2LMAPdP3hrDJ/kBYw2jMOLxrQ6E//3hqeKC24HWafdhvHs1HGznBolILZYFHVPylUs4NyZE4M0Pd/x0DmmOeCILfBjyxsloWJJfsIQYLucLROV7IXbhbxSsxkC+eqlWtk6assXoVx98TdyWjrK9oeSegrcWm8JkNIj9lOg/mP4RDti0+dUBiArKl3SAdFsBq81sQh/h+k2QMo00xPxdnAjHN/o3lagKA51NSULD7p0SP/03IXxzOV7noYETZqShBeBBFEaa5iRpXEkvwp5XPUv05MjoK/rHf/pcdAtBzIa0pyi0Tpt/yV3UlASw6rjj+Jl2z2gPpfmuSe/kYL4ab9EjMPFFu2a8Tkx8Q9LH2oOZR7ZhVT44TlqNqpEpX18Pn2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UTJz4/3YZXsc0kISqSQemNLEx3+3nogsFTZLzBnceQo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QMeMrM+Dhrp3USD/FKUK6fkSFj7DnVC4LkmPuh24pJAA3S9ERfGrLanEndhBK4OouK2ZKcd57tEwztG3khW064HZUB8AqxY2WL8GN8Doq0GbptjB2Y0m6wkuPb3f9wSEQg5Raeq5Yj6rXlCrffOm/BQm7KNl3cfglu6GeGdmFvpo6niLbxq9sc4MXyF1KURYzeRZytunv/Xaw6ZgYGMQwtVTrSczbS72tXBPCO9cgrbNJq1pIc++BaLdHWIN0/RI97pEgtqhgU0hZ+hs77oYYicbi0nBTZ0KFYXeEDkfper1W9+Gzn64Oxr0BHL0ksHWZ+oURubwJe53J1OM2yQ+lVcFQ/2nG2B7NNHWp7ClGLcBp8y1Ps6ubm6mHGhABqg6FHrkJYgxP/AH2hCUg4LqJvpBHLYUh94N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UTWoFZZIopdIB15s8154pkBylhybZcCf2MAkjVesP6s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6Kvqc4gpaNxBETNlhDCfL/VhalQtB8i7UXub8979P29iMvrVR5oA1iBXfcPX8H4IyZlU2zdDgmORHRGxncxfv20d1yFdS3T5eT4kRnRBc83vCK6redaEWHUcSkqCzih0Lvo6gEKSMpvTSZYugTWAvyslDN+iZjEKWRvofxiZ/k+0txaeoNNzWiZpZ+tAqbSRJY/sAenJZ6qaTfMOmmb7eVztuTRDFBsuLwSO8W8laI06CQG2DWadq0bYZrqiP0Fg6fOuw+ta/a9jiRy6FCK+kwvBrx85UNB61Iketrlr9kXm7heR8rfx7AuVQLLyQnLiUIaJm65eYm2HeGPEDNYNmhTnCbzU+CqSvlEE6YO8jAZjZE05fQhhiN3u0W7Hjxi+lKSA/TAumM/TtefbNmVzdv3icjjLTHBV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UTxLjXqO05aB0jemExbwuGuE0By1OTrqEPjFC8qvusk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XEjBiYR5K7sgzQaa66I+/Ig92TKuqDU4aQVtXiK9KbDekZDBhKH6vTKJIwaQxK0uo7DQ4XxM3scxBg/JqzqURdSwFey7KgHfewRjFYLCQ8w/IORK49Rquw4DcjZKxxynKTpCrFU2mRPWSdlSii71oHy4bsee1U/PjDNIZhAitrtNEaQTZFIBYhVYWO94mca/O5Y0aF5fNbSwIFpp0TPc2DA3vflejEcSeiZ42hjxBZt70MZyhGzYpIx03c3q+D+jMWtFU+Jm4gP7EwpAi6mZitcbnmBw3UTQU+s9YxGa0C024MIwP462/5AhOlPwoRS7uw/ke+LprCpKdOFPnZFphrJ0XqLwXeILylvKOw5Scau6NlAKATLmzHQC8OlumxINrkmEJGqjTw6fFAww1ZOrHvun5B+0/H1n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UUipPKVsCn34BSvxF9dvx1dXAcHXLeFQshohLcIHUMY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WVYZpdGzE1k0byPObLeUoAVRnXXBqZae7A6bkzg2bwL/mVfqi7sERKKcev8fiR3jVujJ6NRVsy+Y7AqqsvVC3XenEbrcsyV7R0za+Z3N6wedkXWCOHLyXPO4GChAxIh6AiJG4G9AeKV/RGJZFI8TwGUWf1KvqjLylrVJsoNMg4OwsQqpzTu7sIKm4pdR2hxbHaCheK+j3kqT2g1+o26Pc1+bzUG7ZdrjtVFl7JjHeJX7m1emK6CRujRPq8nkq0GdW5Jf+6YSqRvOexCHgBchMOSn+L/Ler1asxnUVMkf9Ltm6t4mCI5AdIOEU+dDxZJXKtAbAFtvKY/tKTT1vuvbxEH6R4wrs6SWU5tz3klnztFqP90r0cGqrRrtcfgJBthd7HXluIqprOUFNkwSDg+dZZYN+T7FtTv5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UUx4Dz8rIQDx3zj58Y1e4qwKshV6YXh6haoLj2LINjs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XF+ZZWGCbN/4FjBICT7fv7XE9WCZCu2KGM2a+bmjcHNrDVK94EhT7pwrF/hMp8Wx6AI6X7EDGyetXQ2yvug7XSWHCIv94v3Jau0nk5wsri851XfJv0xbXNwCOlUjxCs/6y38R3f+sGSatCfnU7dIXsOp342doW7T9yf46zZOz73jlrXj2ZTAseqd5j5SQWMo1RBU7/wY9YPOOqWPAk1nq5sTQBHZTjrkxAwwdjioS2nnAU1O2Kd6pQTS8lMvuYz+J9ilyl/DOrys7boILO/RV/UyrSwQMuA7ZCjo+sgeySiTALSJNL/6P6g98IsW+Wot130WhijpfZiGYhZuNOWNXXk2A1m+HfV4bLUAOHt+8QTbMAy83QoU9uj8aZC1Zf/XMukC4pho02OvOiIlQ7TKhzJsL0QoV/bt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UWkLvm0L3n6qZqwZ/Nx7WU2AKKpK1Y7u7q/6cDnHlhI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yco9OSWBnt5iWIx431ii31qpaeDqv4FnKG/CWTCRlQOk3xQqCkPRPSr4kH4tGT5FmHObD3rv1RgMuGyb0G1p4FjI1cH63AtgosYfN04IfLkroSrGGiGLn3gobKFjsTnfwbe4Sd99zVP68LWTmkgLD1s/qCcqZqCCjXyqLEi4/sDlwWAlTOQloeg7rUg5QlmHTKkkB0lQ0r+NOxDGEIhIejt6Ofpinz3PEu4ABQvds6z0XQnsg6J9XIhV1YFTdPrKCvBhm+bkRPQWbg+jHDuuYL5iOv/q1NVruc7V9idnTuGsds32+clQ3YZXLBBbIsgXNhF6iRx1DqFcwZnx0OgMQHCv90UK+Yw1i0gktz1LbTzjHxRxFC9JJ8mxoOEvRnpcOlpf/eIQ+WP/JQ+renu3PZF3tSLTCD51",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UXmSwZnzXVmkush67Fct4YCRPpez6ILJwcqh//bADCI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gyVvE1K1zoo4fEXEq8Wncnme6X3LauZSPI/UQq8IorrlcRe2Mbhdblbg5PlzUt0V79AaAv3Sybh47fZX6mqp7/2mCea4jHqX4Qv78Bh/qAPdAM683PahWMrrfWsH+UVZXCLxw+4eR6Kf4W0mbW73lvPH7kaDfWkMP0AIl1H6TFQ5EXfGfvnDiU+jSU4oLYqL0zr/zmWZIyT3UBP1USP0dmU3tV0O7Q+hHKS/UGX+hc+vmwSmmnyTEqzOFP9lImT/JSi8V8xHUe1qOnzPZyx/UYwRzos7OUSq9MJd6CQ5vYid+CZPZI+C5HePjjLn8cOTAI+AsdH+pAoNSD3Gayj7o5DROmnoKGdLfvZ9ek2hgAlT9a9ZNn6Em7BOlgnHKWdGR3UnsvaCly7HfqbczsekIYpgPya3/G2P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UXqEY+bieHrZCi/TZIO/gVeXoaGKU+cdYTBDAHYItI8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mhl6P5T43cARtSiw+gkGUlFhhPC9NYw6JbNV7YOoMSD4Oc+57sBNSAmZ9+Cl384Aonbx6FY7tVJ9A+Ah+ipyDh29at4ww4rmo7F3PLKzYwbul7EB/lcrvrmppBSJRKrH/zoD55rOfj1BUu27Ey7dd0xbQZNTNP2QToEfkn/3uWp3UQC6Xe+NjGj4OajjT6OOjEXbO8Z04QqVO3ZPjWb1a6pcVuB2xgVqRwN6zCw4q6HcfJNP1qolUfefIbeManriydbXM/xnPsLOzED3O2br5+uoSq+Ttna2uyzu9wMGTch96I++c6F7NcM7ZilcXQ+zWsqfl/drwBmDZHY89VTYTNILD4gvfdAoLFxH/q9kki/aQ3YKOuqEV3B0Ffrj+VcKkuFV2vGk1EbFy3UiH0M6H4oFc+IQyEBx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UXyETNeLDEqcgxF7XzJQWEBYNEkDhkazeqTDcgviUTc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7sM4a2dCyAt1l3QWqyEjKn5c3j3qVdwZGwuFeUXuw2gEtN2bUkZI3/uOtDCdRKJkV5in/MNkXMWazujaRWNNKdbKOZ+2eggLPx96FD56g431hos71yTe+Gz91bDfICk/7Nbr5JuAtk4L9gi9JDVg8o+SF4jNM2c/PKkItF8SDZ54xCMgF4gFZZwHN06pBsrFtdOP7AM4shULLgvpO0FRLLYEVJ++qN90Rq5bQC43PKdcZiwrd10kHt+fciUG4meoFOJg0Kqf5NkIzJyMa00GBpRbx2bfvF0v+XpX9YkAd3uUFDJTQt8etHEd3UDzgQ9jJM32sednYDjwrF50yGKmyTSqCklL+5gCDo7iWrSTKw2udBuyhv1k+49jh8pXCxehXE2I5R/REEJShd8CUk8FnwxvQdS3H/JQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UeKuxTSihsU3TpT0wCMJuxMJXyqXhgfCqBJaSqoBMe4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Cznum+pszRHm/r2MusidNYW3coTZ47XTbMoDrnQlJiGllE9c43a9rSgdkuZw8j9uaQDWo1j+8adDYtXA6QHCHoslveUmQaK4dhZkAK53BgxM+30bRMK3zh+RA9u5N32CzZQXzTiaDKGpNwYyFHsRMBD+l87HetW7t3ax+8PKCj7pUt9jwPRXIjL6XBklN/CdRQrsVxput+3JzjTaTRbcdOgdjQM5rIiLLDCZG/UtPNh/IrOHWAw7pl/xF7PcIhk76yvW8ZeqYXiORVwObgTbf4AoWdp3q+JuYL9p9ncLzOrdsKnPosZaJIg2/JL6gd9oiN8nP6LPzy8XPeIma/P/urScirveOw1GDeNCFX5D2F13x/36+zIOIkO5UfnStagEWaQwBs/KlGA+Kjue3fHa9wbfiYeetLHp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UeiLWodJ23mmVXAnRqPqsJRhJiuOWhqxdgMJ6TRy8tQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aKFD73AAamIJ9WTswNU8+gXmZhwXRbHyQb1RS2+H5yiKD24fSqJwJRo+NQhBAH0jMkIaXAfduuSBMTDLB5MGFPgpvGJUkGmGz6a+HemP6xvZdukLyT4icNl0SzgzdqYz5UdBUfNiJdO3DrnRv2WOmxjwfaM4Q7ylGVSIlLStGlSuMOvBfUaRdqixgs+KXA7JQ/fuk2z51pACeOYC1VYh7Q0FWBA3bsZGgzess3y5weMIdHSTM5Ec5YKjBvjvTi+Yb0r3QtVkYonpATn7RjPYHPH90e1vZBouRv6MGeO+HtVDHCBiEktw7/AjazrpwX86NclzdY9bkL4LKRxTjAv4/5GmeC0x5tW/0cSkmNnD4pUkyHv4rRiZQczqDPZRrihdi4jmt2w1xkPmsS2hIvMG4oQUlhUx1oVN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UhYstxQt/AwQotsbpWhHAzfkME6zmRCEHXMKTt/CO68",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GaaGSdeMuwEV7NequOH8Mu/da2EFY0dbi5WNCWwwVfJntEPQgxYE4jMxOmt9MmDPsS+cjSwFjcQVcoIP52Q2gN4YWF0jYawNeVFAla6d4peEEcC6iIEnINBOzvcykTlQnxVLwG+p6m3XZupU4fFOJuScXOFTttXq2zBN2BwW8mXN4g5nrItCSkrTIfDPYl2jFwEZvbKjOtuTyFZPU+0Nhg5zUQaxupPUpR6eagNr7SwkBtBcApRPrMpCWhs5jaESrWXB4v8lvzyxjiumkdtE6OlKSl3HDX2kw4dFA5+y+zN9a/Dj0T5jItuOyd20natBltMNhdHXTLcYGUGCfuCSc+ZX6Ie0uti/EDz1fYy1wieWNnXKPCsDjniHgoAsr5ECHIaaAU1maYDHsVClXEGbdC3UwRDUG9ey",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ui0HOl4aSQFIX0qVp1omM7GTGh6Jk5etce4QtH8glqc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BfDly8ePRn1HMpcwRf0yWoWoGvvHSsa1qOv/eXC74lWpw+C+Tk9E+nCUvKK0hU9zsZyMlTT3Dq0evKZ42Ra2xodw4XgaOsTPfo0N+urE5rAQYwBSH9DU5gmsbzxH63m65W6/sRKSmRgeO+V3wWglHCQM3mysrort/ba4Nsm0N6jqF8pGqoLY0nyqoQO9QLX6YJJGjDn3iaxAzExld/FB7aNCw2mPv+lx7hwA6jDDZ5nELRAVZDZDq3VBz20LfLz2wEIXxErN+ohyFs8Tg+5Q+mdAF6os0vlUDe8KMKvHdUZLclM2u283SK+w/Z2ygZDe90JyKRlu58cH6JXtlkSj3Y6lvt7tAIV1Jw8qMx2n8x/1XxbWDy7mU/23JVA/nlaK9xTpMlB82sQiS9BL8w7fQEIvsyZCiW6Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UiOrUD0RNEsOp7ph93pHF6g7JwkBJwl8L+7Cuh8LMz0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KpcB+V2TvEk9PiDKjI8VZS5p7MEY08WbrGPKKgvdHBWrNjYih8HCYzktalHvdAP+0KCGuYp85+KvVB7eaouPmoQk82CLf6J+62vl4cpwCWnliTi7d79T6n2NhYKxAKo5NDG+BCtMPaH2fB7PvDTmQsdJInudA8PzYqOf0khmMct4xvgRlYgyHwbNqi38v4pTjo52CL0Q46H5oLKbZabffU6NoSwKnbqY5isp3OEMJkSTC2VXcakC8tu0KkRQrGzeIHsBFwowciRwX/yFu2uqveK07XDvqw1GtzbH4lZZ+RXf4mJUeOdP5LDZjUMD1hZX/h5Jbbwu18bMwN9thuCqTIX+kme7gJvyHtWNDeJObWhxBR16fsoFQVVm4K1pBRm1PhZ57sJg0ebQce4ZLovJKvKOFm6/Ucye",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UiZLFmNjR6uZXG7TdaNadXtwcPj9Ci04jxNXl/hsK5k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VUyFAnpLJUqW9BcxtQ96Z7ZOyRiMbGbYzru89iEr4L5oxU0gF5VJGf1WwPZa/ktQmRtOEZZOnZguZAPYyJWakl4DQq2MdoEKKKYxydPpIRTviUtCPgGcjvS82VywmsCU6I4GxXRI57eEmPNp3VTXM8j3+cbc1FMLUimnglKHLDB3KdCWPH7aObIuzvHf8xzDjlNZin5Qkm1AHe5t+ITIpIuWbY7tM1gIU4R5oyLZn18hOU/meORB0IE8W40YqV/SWwxSizuxrDEDPVTZ9OXVpEnlhJXTuxdIrK/4Iw3qCoSzMvOk35shV1dwI1xiGAW3BZ8vazdT0oGA3CsU7uTt1joCoC8IDw874AceGCsI5zpq37HJ5dF3KYxOl/CgbgRYqn24//dP8rVr/58Nc9AdMbDlEoeAs4VS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UjAb0J43GVPLzsUcctn1fpv3eEvB1Z/uK5WywQHFa7Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W3/ubSEwVHFuo9Uqxktp+05KYc4kYnlCRkWAaqp/k+mblzFZFKxSdhJktUo4ULZ/YMthgFiGtJ2A6OJm3KcgdBPsusgdm01aXinU8yrZhVemJC4kn5klIvYS/+q+o8ghTSwrJ6f4Hj8iql2RlNpOGR7qLlbES+0/YlEMQ+7LRF3dS3I/NFF5CxC47+UDVRqj3Mb9tSxdLmFV00iQ2yX6JR8XOYpbziA9u3SLMGa28s36xsJWZnnAwQ/kC6Rs4HEKW6tAgBAH1JbxKKUFJMyPKwodu5Az0mReLi8rpR4XfBaqYt5nt3gltkH4wkcnuh1yVq7HQ5m2nbp5e20Syw1sHQO3o4T2d8dprZocrDIaYmBvTeEoj+rlPPlWvhAHIW1l/5EUQLh5GXU4ytKG83nGbDnm67V6AHmx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UkbZzpmUj5dtlv4x/JNEq2lCRzJk/fpkakgZq+mld/g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6G99x7vw9hZDoYzhxrQtwC+ggvcauaJbjCm0QHsgHeo823fO7gGTPspOJZ2AC04ZI3LQib4F9+fWwE4qCElZcvgtwwEWlb6t75WezTyjxc7frHggjaGPfIuYX89IKv/Amj+ZLsaIxhJzh4zSWIPdvRXO1BjhTVTQZSoh4PrGRQHLr/H5rqEQ7OcCIRZufJpJKXZkIGt5asjuBJ35BnRz9crQfgE93bnz7BwaWdDeKKybeiJYPopub3VdDKkduoRS3tP40/Ykrzmu8pfxjO6AUCbcUSawzwlVfqPkrGc+KyFweVd00aRurK1v2+wQk9LnVcECcnhD7m4Anr2KwgiNpGJTEl10hsMbLwjlaPHVB5xabV+Jl8xr/8BGFWHulaiJFzfB2dBIoD3eFzGvGjh+UQrFtJaUIIva",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UldxFKYxKany9KQzMeM0vOtW3BETH8zY+ZidD9A5YI8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IPpG42fgHLY2Xtb/vEGNVmABoWdzlrR0AY1ZcUvtf6uPppO13zdwsLyMaZbHCmLBZe73SFd/n0hhxSJYEhEJ/rSq4EPaOdOVKol2IpeehF8nnzqPMqv5SOUyKYOsnxWg0gGlHl/v7YiWJFfYIyWPPLFNdBt2l6geJ9+NeLFD15l6bDY178ifXb3ZEt2kOSb/7GgHEzb6+KnMomtbKj2pMRDHRwrRKlsZDF6lN0bNDcjUxU1pTQflvPz0RclfId2zuS2KNkiw2ZdlONwgu/lgkTfj6NbLRaGQMOt/p6YfOm9WUAz5Wa1KxTBurda6CB2tTVQCqDFPAN4XlMg+SuMjYZ/cC/eCqraeQm7LLa1eGpLLHGWd+3+JKOsI6/N8iyDu8VWeL6oyLc1XryVEqZLI5LxxGhgv064r",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UlpueXy6r2vIQbaTc5xiAmrkxnOCQORFvPcG6eXchaw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k7wXU8CHM6pRzs2tuFhdoubvCC76G7CshTTqmDbOt3x1OAixnJxgQHo5l5zuA3L67H5usAoP1Yd1J1VUAYzIGSiCgXvOmbfiOt4UVIjYMpXc77uH9b2PYIYQmIrtwAL6wA5TkVcaO/84yyV97hGdN2S0FlYjRUs2cfEa01D/0oy4LqKs6NyLdRhSey833lu/z/5feAcL/Narc12IwWB6QXy6s1Qhm2yHs541jJx9Se6var7tls4nzkgT759sT+Y8R7z+gU/WHz90eesqC0/ifFHduydTBVBFmPMQtM2YAQtM+kscuqCuJim50Ww8slB0ZZrAE9nP0sAzW6HtBPEjS6m+CPS6VXiFzvdRcvneZaGvNvmrvd+Qf342xK7jbRCmUBxaOLD7sUs8fSstG1IXvrlpAc9PID1I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UmO1uhbKyDh8jjoR6fNSnf+thcVkILbGQtbfGT27zmc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9O2XxOX56FhhoJ8FuPsjjMs/BGG0IJeBN+8lyga6SYUF/VNpBLr/GFm+ebQYPNf/UgVlk9KP+gYr359Vkp1q8jyPnZ2T5MaueMWV9P7EwlE+ipMLdHM9SC6zpU+l9bK8bzErf4dewBpariaIVNoAKm/EMEdlZabuEZoS1XJQN/0GoXpZIIwznKPa35GlhT2+kFkp7rEQldi7d8jjMUAB6DrHLA4CQqPSN0HFzhuyJSPuT9iWFlqeKoILLJo12Ou/DXvG8mvx/j1SH3kjVKttpD4RJ+eS+pHAEgZWGJeu9N5qiuz5IcswHy7tqFfn5sNJhy08jlp/+yyUgO+9/5f09o/G7pIUrVYhqPwWh9FV7FoJnLFFfD35kS467rEkSueyJjyiL2n/OjHqbfH4x+kudYQkgaQA5OjU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UmUsT7MXoZsvNTToGC/kBe7W4hboiDIf2T2nXzdw+28",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6D5VPmbFZxq28jg1xLELMavp937LlPMCD+TsY3223EhJejPqKKHExDNuZN0TOdXbbFyzXXwlsRUboM65YTaAzIF5BiiI1XrVr3pU89Kh7LuQjei91DbE4YUeVFfxlW+AUdS6/5vmjbLS24TYyJCowGdUOkS+4+mRPD9r5SxfAxD1C3mN2AZkcaFQEAt54wprwFx2Gj+Sr2W2WbpPWbsdHp15FGovMcn8r77JvLxQYWKjRbcB9Xwark2l7UEX13X1ivXHanrpE5jkABzwQbloBVj3GcZZKgerHXKUgX/FZa7s7PT3PKrC7Lt+25N66u4+X33p45KyJEdslmP1HaT4b6U330I5v6b9wTKpu4KjwtV+f846yj5NjKZjeZ1QBxFxnlctM3lEoRP6NI2hoP5AKy3XD4ym1fWF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Un4R6iU2Vkh960ytZ4VqDlwmFOaTbTIXgdh6eb906NI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hYb7n63c3Rk3vl3WCKkNbWVzI7q40KEGJcK8sLIuzSP6Juz90Ujg1LpPlPg/NeG4wkoBkYKij9kL8G0CrM1frpgGobrRiYgVr7KSCKfLShj5itRJ8p806+kNv5QA0OYvoc2vHEiqnLdtBqG7wqkE/qY7LiWUWbya/p2DJNnVCpQQAXFcQ8LY2bMe4PhxMaH/6XRWA7xix8YStIRSyohSCw4Dob28MH2cG2T06TUdIk7ju8VxU/Yx/U711YE40P09JbaCSaEud75sAo2c89aIZU42WLPXwLa6sIjUdchup1HHePmLzntcEwk93QAovSu0d0CCjeZGS1EtWu9wDm7fGRics5UYVIbXsTW6KMj6BN7F9vD2+Q0yz+u1SCpvEXJITphN3spGp5EPX8Vdwj8AOmdnaPxUSV/K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UnsrdOlV5lcNXIunJWVodHMnEChuJD/NT0JAyJj5rEQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8vCtkWvonOyRf+3RIVurCpSWTyUptOrgdVxS+IDH1m643kF9D6z9WP01L4YoJbLS6Gh0UhRWqFa5SrpREwETFd0BjVxCj3c0VilwrQ+ikOWD3DJbWBT9weEzM1JCVwo9IAbJrt2Oegm7cjocUr4i1IVmvWfO0c1lemZEi95CkRxCSydnaVRCv463TK3DGOqxzUA1Zii1OmSB+fz41ATQ7/Owo6YIefviX4vyB4Pk4A+GvRToVlg1WHVxeZtNT21jVsmdcgvlICx9SMUWK4Xkx2/P1mh7+wlBPMUo1bvhxJLhq9bCcTgUgoPTMlxOGJ2Bi/s5C221EcG2y2vgcWKePD/EsqaYMu5D0hcd1694sMeoP+vOKPiaytlpRfE7a8U/RVDkYRYnaHpWHoVsFnTK+0L/czQR64UN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UscbgYP/Nmaon9worY9A36emp4H1BVH5RyFD3UwCmIE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "73iUlQHob0pbAE7aED0/JV26VeBfQqVETZ/cV+U/JRCyKE6wR7lZinlql3rQ1zuu09br1uAxXBbtbUP8SmgKQYgfCrvxrCNYhKsjGBE95BAW9uY1h1uYKM+s3r5cAqmTUr1ssTZjQDYWGraoZzyGWVVE2xd5dx+LjEGYBnjvmyn1Rzv5w2MKS2d+TpAW+aIK/c5YQFwCr2dIm3qE5HV1AhIGbCbz3UlfpgUjZeYL0sWyaZWDqG2Qcgktt5zv/td29HWzmDQzdF9UMWSoumdZ4hpMSgMJ3iiSp0qx3Agh4dyqBa00EEXR5m28Z0Px1rRvI9mUKla1hpviiOZOtb4+l3D8aYJwnpyetj+pTkuzQhlSSty+MKk4xYKFbBnmtAWGdYEus/B2olwtsR7gOPGis03iUMf2gcRu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Usw50Q7LGyxthuToRtaaMNDVtUg6p0o9ca/fA5UFIuw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aWJIfMEyfWrUhCE5bfZomosal+Gg+YnUwuIaE/Booo/u886SXBrDBGdoiITBAwk36B9zrE/2evFGso2lElVLRxbhX0v6Aqil6uYeQ1FraCiemlc3XamuFKlxUBYrpqXU9DZYW2Pybe0jbEW+UgCpgh1rNjEH01LxypMhkmFjro//OhaBOC4Ic0OBznhVZ7JousCilYzDUJAeTw1nQGs4iDdzib3nDLeZ3PWX+Ndl8C3i6W1UZp7pN1pnkjgoXMMbnaKbEn6G0XfhPzlzOR6ZV0Yc9V+oq05AjVlB+HgcZtj5SZlsu4+CrLNBQGDp8gdFxwttMaFoT6YKTdAbNp97Go6vEV/ywX7y/a+Ln1e/w80+YpFELE/DYtMIXSbIsX/ACufpGLRZIFdZfaLU6DTdcVLfR6bIv0EZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UtZK+TfVR+MRUpbRc6PLGXtVXXLZ1LqGk+ZgQ5NqAIk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PIJPZ5IrnsrGPnuczK1aYQPPT6+nk0CvzkMsLsqY9Iydr/2Snkeh/VUDJai7IzTplDG9IKQ53egEvfl7nPcgbRL4egVrMaruBy5sEnMQ5P6pAC0INI75RIRou4Lekqi1wQrIpfItYKobAYnC49EBYg9JZCDzbiKGPUbs5ShfVohcs5dRM+5kRnDq9YkvVaZIB9gHvVqH504QZMMgwmpB246WmZGTR7M7uemvA6sisd3DTcFP2OIwU6B2m1iuy5Q2JNiFSMPCe+beaDaoQTtCtRRwNWVy8+Z4gHPZLPJoSCO/BvZg/SxPwLO9dmOVJp8bfSscKzZeQoQooOo5a1EF+QaH7Rlvm8lT6edGu7w87Q+21A4VHRiQ/C+kJmD7aXHf8PsoKv7+2nzVGAHTzkVBLArky524xRgk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Uulgq6pBm3jI+x/YQf2GOn5tq4on6iF1jAvYMWUcRTw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Y1CRpY0PbzYByeg0vK8emWhlZ957gQUUsytoeB2mvzq3nVE1epDxqT06qrqt/EhjjksvuWNrREDrJVhEYy1TTZ7QrfoQFgPe2hgij7zrrNARZYuixCH76vd2jWGCXbF+PZdDS2Lwku+GuIuWg41O12s6wKx8M6tNdtshg0UNs2mV+O0w3iMb0r6/M22NEmC4KqsqoIT3xDBtJ39O0c+r6Vzn1d5sNdSBhgdLKa/j3eRg/jiIi1jscVVPh4B8JN2YR/KxcFgSMRDJRs0zuvLv6Yik0ktVo2ivYkwhb3yOSOoPZICngSTrt8ieC6OOrNXm8zWo1AhGKZsEeDPHAI0W6WRXQVu7N40DRg+sJ7YEvgTvVB9hm/ZWHxp+cEHboH1ODcojvSCMxugRHaGxWCaU/ZAbqHcVwP7g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UvLflb1/38fCXka8IbUMwVh7Z9TwKXDoG97bAJdqWDQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5fSOqqUooqGGER7VMS3NjBV10JFp0ALdPscuoRudviOQrhQ19En/XQi+hipOo8NUtug5ZolVeq2wjP6X/1beqnBxPSVrhgK4IOLHZKW/iGzZ+jYP+jh0hfO4YD5NbcPHPPVdhu7TaImffQ0I1hCxZmcTdp2vnYE4Nq4wYnITtOPf6m5k4Slfg5KyAaqjfUOVOTCd7kougWGo1FtVJKjlIoUmWif2PntG4DN60VpiNv2f+XKqxJDRGGwT53k8AhIAc4O6H6KAny2GXEPcEdI1ZLN7Of0+q7fRNdivqtu/kWUsTT3/q3TyZsk7XfvOFd6cYZK2Z/HAhwnQryuapxOFWXWUodpWifGiqxPnBpN4vQhwVyQcibD2V7NWuSw9/XhWojn/18lSM959JpZLlo3j4iCG8grwayB7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UwOypOgn1K0TUFlWrIIZ1PWRfuvoxVVvhHS/WSWXW0U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AXjHopEgcZ0thbdDCcn6twpVJaocmidN5rvTbGOY+lpWfRe5DA2+IdF5Lw8rfOcNOEllzZSJ8sNgW8M6PZxPQpbxyI0mbsFvFwurpEOpeUdAUBjfD/WojFAscgd61lFIrgtJm5BwmUGGtKxPEynolpePyyQi6sC5oYz1fyi/QRfqkDAu6d7vi2T50oQhudXnueax5exLWOgnVFfQ3TsUs7ovS9FOiu7IXqmzuI2VTSE7netSdgGUvRe3vqBzt5GK91Pm2gpqAzx2Ti9aBdO3lB8+5LO+o34zwvIVZDy7ubuvrFIgt6Uo1PBJhhagMQ4Y5GQqDcFVJHrvK7n2fojgC6ZkvyFmU/nnFR0dNnCbqGIylS9vgiNrNOVCVLq4+aN+XdMHepMyi3YFcpKFbd1viOkgDwe7cjhx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Uxc64LnALqLatgwhPAZhX3etgNF//2LGN1+w6ihjBFM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y69LBmN6hFywBwWd86BmFq6vJnYbDHL2a3uApOAKEEG2HLBPDAvmjWmu6fUPAljvpPkF3lDPy4+c2VuQqliCdXudingAHbr8Tb4+5aHmVoijSey941Z6I49o8MJNSZS+sIiIjnjcKxfYPqhaVWlubYl1T9hheQ2jfj1Q1J0NxXBmSozcvr8vuFxA17Slym9McBtOEjppNpxH1gtKaqYZxbYQREYj9L4Ue/X19GQjys/MEODGH1FYcGLPVbX8Zf4d6gancW5Qk2XCt45BiAsV/nn5WhDs5riF55q8gyj9KeC9+30TfgNcBEUapEHjQDtTwg3CWnaNRU+0BeWuInXNNjOzRG8egmEeD1nD4W2uGVE5ihWHMYAp+rtK0NCY7Ht4ro7cv73s2KcQ1uMmO79pO/AxtUPAIlDb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UyrjmF4Zs/TsEMxTLLuozUSnPxKLupZNGTggx7Mnyfo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5dGuIMO+4mqN1/y0O8P9SBpo9iU5BShNPPOqtlmDaSuZ7sl6HMX6X5gi0iSmE+nap6wyx8xLWt4V++CBUYOXTm1eRZA4FRfsBHuSqnGuMkF+T619wZoAfekp5RYIVq/Z5YMPRCgv7PH639p2m6N/AWtD6EI2K8RxC/YINYsl1iENB0XRaXdYZ41OzJuto1+tdN2E9V6MQ5AmnJ8ReE6AwUHkJJ7xemxby57gDIRBrEBR0pVnh8fnY//nJ7qX5wA91ZTZTj9Dvcxqi3DOfWnP7Vv4DfJb9tam8hPiEKc01kkxsmRY0wO4ElMgRj/7dZ/Q/ouyPkul3YKsTm0OXp/9Dejd/FxrALK114cH5rSwegrOQLSAhFEkAsk4oXfUsAgzo3m0NgkHLD59x5FlzNxuLu1aZH6WrzqZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "UzYdI3LyB8Dh9CdRWaDji4eT4z5q1dPddZFwB5DMbmU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8WUVRIFD1jEsKwzf+cbMsH/M6aTJ5gh0Bo5Ge9ibAcw1efRf7PGyUelGgB+xcSpy27BSRl7GnnYFeDPwQyvf+xYBXjbJtJDmLV/zE8ltINhz0Eee0FU4v34DNf9HHsbk1m/DO3zRYT/kNud440qRY4Hd9PKCNysprYkuwtys2WLSEGxLGoT1NYkeqCO0+CQRaylXUegdg4pu7rWbeHAqpQ/SFZMKQ+pH5fLEFQZObJi8VepOyif/2Gaa+fclNI7W26xNvJn6wfk6VzzSqRMMPIRrJJS4VIpcoI4qXvztGesRUvyEp/35trkEdeXyYyjO0krYUFKJ4+YyzuPSPJYn23H4xgfaFQqw3taJLOWcl7t1aO+T7gx+qjLqIKHXxmfK4ZYepzNBk6+/jhSqR+RQsHKYdM9R3bJU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Uzn5aJoxHGr1ivsM5wdWQCQTTacqtgWe9t02mbyfz1g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a4WI2ZMWESadjPCNAGCX9BKOGYXc6DSbTpUHiLs1PFU4mtEu8N2pB5pEx76pZAILIsdTir5G7jZc+Gg9urnd7gEVzcAysbMEKo0mjUGwDmLTc6dSKqFF6H32hyT0dm58/vf6jc2zTWF1z/RjK/hVqpL8SAyI9RDDPLaJFm4Y8qFFiFyz9q3kg/yrRfAGjDX77tcEsKKf0o/dLUqJGGSIhi6nJTq/lSmWluQC6XIsQDjcFcPzr+/z5511gZXMo1PwR0u3DUVBoHcvhmQhDtu16Yp3RK9TGV6h5MM7Pbcu6Tutcl8iDRKpCqgNRdPtG+s2pCMRpyssaWbMdo9JLKapJooN0qdj+Zzxjjnc49cw/JZ9UvAGhPQ/QrTVfF/lmNVx92rnTnyYvUWpoWjoyQP3d1l9Sfw8Ty4c",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V+KIPfAXzwd46NiWwqmFmbTPfuxqNsd8V57+enb2PtU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XCSI3IoYGUTchRbesVfKVslmnw+FSxAzUDaMmnPehKTQlx4IEMnsxEkiU9xrfWSyCo53owRAwiY4mkCF2odwldTXrqsuUxlalEhHuNyX1m+zz1c+By116uyzCHE0mKUw7OCARcVOtS5fwWcKrfW5lCAxk7Uet0VzbiNDcHdcwZXiDwfkSvb5EklEEUlgNVuSDWVFcq6DCFgrYoxnKSFxt+tV1oQen3mF9vaa3bNIU6Y1isfEimPptGHVAYyx12+gvQv+2HxwP6UwWq6gqmpYI6igN5yMGxALJsFG46EUJcbCPZS/FfgqxE6AlMlQUx3tWzcOVOHd/sZAGenJCNM0gx/PVCVzRO8qzhfSNlf6v5d859slreLdm3suI3argciyOqeKXlCY4O1DovcTxFHAf9tGISvakibA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V/58laEizFkmDcTOLcWWlQAatO2B/3m+sHfkHV1m9Kc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wNT3TSQEUX7Yba1vbbOjiJi+VETMZBSEqIwlKnjMfoSWt/MtcxjBaGcNZhkoHTjTHXGUHlqgw9CIJaQTdUtWE9gBqL+BODNfFoJOMxnQsm9z5l7XUEqG7F65THSMTG3b/VSdrQehuSFxg2guUZSwkt0QtliBGDGQYveTK1WU/bdVjFxXMEfEwZdnDMrG9GLbq/ma3llAJLLxXB+4VtuagPtCjBAv1m2L02uc4phMS37jS8MBMbWoEiGSttrw8QQy8zI7cfyECCNPC0qL8woYwNZLwqE8/gonf+psjWy1vRN+g0UOrjUdLV9GXDXsDvs/VzxiTHDSffiY/tGfBhbB4TluNyyfsuHix0mvJF6qvpJPv9dZWaPhWGaYYq3TyvlVec6w759YVrKBTcb/FjIKHnq4hojZP/UW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V/zmf6JFbn4N0BIup00lYiiLZ2TLViBPvvXQ18z0L7Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TeO53c/bp81gdpqcEQD+wf4Ilym4Y96I437yja3Lxih14sIE33nDvFb7rcQk2t6dbeMR68rExk0LTWCyhHUppLw1ssu8I+5XADavKv01fSSuWX0O3I2stzb9QSEW0ihVapdfrM6GzApK24UvRqHL9+nDtMV4yYeiyBx6Df1kkGO5VvKo2NtyUS/QwN3hxYcq+IUOzDipiLAGFS9aORktgM2k2u3Qrt934y+YMi2l9dJPFi7HC/ofj1L4s/eno/wkV17CGl/ILE5C/7R8c8frzvJNm7ATBx7ucTyiLYqqae2eLphZX3Y6VJ5SmB5OVC3wlXfaiWnZNOP3xg88/WqTxhuDt+5URCLRncUlVOxJNYxyyokaQRwO7RCTsQkJVGp59V+/MoB1B/hhewGaTUGbHz8vq4XYwTGg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V0STqqx9ZN6J1UtLUGbPy2Jf+ziKO0v9sj5SXqHeW+s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "G1W/SHwF9ipiTHD0hEAc5WmUoKArBD4zFUO9Y5jUe8LCBmn38wlBih7JPN6UflDxKkva3F5zpACMObI/DbV2g3lwglnuw7zA9uGiYeco7+OWvJBRbZ7X0wO64ScUUM1TcuYI9g6HjYID7LbEu9ru/y/a6D/XlBcBJ2dO9/HmfTkvKj4Z+yv+f3gbNGQwKXnhCVBT6lZhfDzk5UYh3Ksr/GfuTDDlZDmHY9u/D3BCVYM31z6cNlx3Cu7+tDdVR5Sg1ZmvLoXscIW/2Jdr12/II1kOPZo8cuPK9eu0Gkn3f1nuGsyslZnQnImsoFEhvxY4MVUJ40wQ8zkCCVYaBNrO7IY7++Dt4V79yao/l6n9NTIHxDW6jXEiz16tryKHARR6hJNMWogGiXlxwIj6gjgs0d9PzTtITx1S",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V18Pz6Z+pgCzWuYOJ1YuoAwYLfIH16rJZplP5RZKUCI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SUcNKvqF+4HmViGD+BAkvoZh8QsxJtEzlJlfTZcsOiePXwaDHYntyLb1VRTKBWbDwQJNzSEHfWxntaLLHNeOgouw8e7Lkyp9gnmasR1NcqvF4LhX9d4gphcVov+F5HgQEr3j5x2kLO9SJoU9WbsA8K8kfMVomIIQdj55atILX42njVZWgJFLGQL6gsRQi0v6vpjRbJ6i2Gt5TFRgikwlssExkakWDawTovTHK7FfFwwaJ+WZpPhRrEDuPSkrdIW3i2LX1anPBUn+z1RkB78+0u8fd4jvj1zvq8RjC2bmFg/adafXlZ7ZMBQtkqCKkKKqqnNKZxANGzCoQbDHSm2BSchaHUY6eLLCE8vVW/x0hLeO1ee53PrB5PiCjWU7M9xT4kd07lfpT/Z9lGOCJXZK62IL5FwXrXUY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V1NjByhB/5hsz9jlzxvkzpxlQSQORb1DhhuqtAxQnxY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wKXf416rJUv+BhSa4kQ74qP3Jqo33ZZXe664IrmGYK/G5tPZbdAVt+HN5mGp0lvKNqFQ45fgsvbLidEsxnLnDk+JyFx1YkWHtTT9cQY7S5LnIt8dDKDfVPhSORM8izdi4dLVUE9YLxZc18h2j+fY622UNUq26YXHEjUP2HqBvFqRJ4Nn/oqlPnthMMxtEr5yG/iXI51FsxCakVA22+ikzJaHFcYy2+v6UDXCPxYzlXowySuJbalYy2ZHCihnYDA/uvV8+UExS1HXD9v8OZTZGgI/pJ4r/lFS9FvcgXtDUS+Jy3PReITHM3zULSX/s9nM9H2ghHzhdD9Y/BxPtX2kotnPIYe2NETjhbk4UQaDdZNgh9W3P5UpbHV9ueypsmYSsQlM8R7YdeN60CouBpmK7VO85ilFdFNZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V1qqa/eP86z5b9lG7B8OIa8jV4ibGFvJ0I5vyIbvFPQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yg5LZcOkj9V95cSKE7RS56DTX7LKgyJna7a95LfgtVGH3h76L8BfrQlQSpM4s4p6vKaMOrllIB9IZKwR/98aziF/vIeYke64cXuFw4uqVY24ol9DLvmjX9JJZNmIb90bwi1Mh3mGfr/E0UP2Qdo8gRVqo7YuWqaBSwf2DIQwWfffY12Y15J/0eREB82MtHbI/fJadBLxZ3cuBbfZGyh6IaPG64GbhEczlW8B0zZ5DszLjKhgSHTebL/To/M7cz6W9IKjUO9FOGDcoH8AgaehlPCvMH9RafDV+GI08ShP8BeA0AsWQXnBCOigcxBAfrDTQdy3LQiaTRNDbXi92aAhgBdM2hjIth6f48DNMY6TMcRmvC6cXTsraweedp/5oW3sEsHIYnm+5GUgcMH7pGvVZXANs8nd7SEe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V3KtrwlZlfAYpwuFU9HZPlt9QKG5xy7QTlwzk5TO7SQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xItaYzweJa9VZGjGNy6/MCRCJPd9fOpcu6Nto85yHoRGND8SdyPGi4e0jbKiAr6XPbaL/plneiqZoCDLehPGs2aXg31fnfnWREOR6q1AHjDv2ktXsCOX0GEz5HLSI42Mes4n4OApoUt/3QaVGv0rPxahOXG8hgLx1poU5TdV99CXYXvNXdbiRlDWV33s2EfgVitdUdENWRvJzMwfpLfB9wZdLJ5DEWiGbr9aZhj+ZmFEoKmS8gsGyGfBT4q6nUPyWslgoPfwSHIkUZZVTXSrowa2jtzOjN7LM0Eh3h1b/ygkqP1BX5/35VCwC55rSttcIBi/lwSj965lRktsN1NVtT8jozkaXJCNzAXyil57LBSD+baFi9hVcFY8385meN3HKKY+LPgMcW7ar+DFZzMM7EQXyZ23c7Zt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V3L6EpQHbw3j+HXnVFRMLN+7Ayj/VlA9xz5kSfwZDmg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NGDctXwjRAqdym+KsY+8Q1luHYpgx3XjlD2IOdiK5Un6l05pPgSq85Hu/JQyCznfckjb7pr474U/udJBr94sv1cTJeRSM+/ibQ75owx4pcIqGW9BsGWXWsAeItFmNzMKjweX9yWfErOQvt5LwGyaQoqLiUU8BL33n+ZSse4zmNU6p+JbC1j05Xscr1YFBRHP0ynoaRBwHS5lFNbOq/L7oooLbd/SFE0qpeMxdM/D2JATzEyGvaIDAU6HFcE5PdO6m2+DWp+thmXEOlTK9Trna6rhzrZRpzOzU22yYYYeM4jDIB9O8Pl5qk1P8RnX4HCsn6UTtrG51Kc/LHn3JWsU31l5iQddTF9YAWgl+V7eONP8yRUGhnX3KHsxoSzfIrh6WV9EhdbzUCq2WFGUfQp9J0hePBqThSmq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V3ZFpd6sIrZURuPYzyEKHxkQoqfdMTGvnypII3xFqjQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bepXlTrAbLKP7UnnFw2TtswTdbVAzyDNst2LHRp2Ddtr0hmWyBqVMYYANkN0R8QMk6vANek/fcpMYRoVzZR3Y5bEh9yn+ndzrEOK3FJblI3LAcuF+5mBzYhVs6pA4+ztfrWoNUnBPmt/fbAoQ4XOTf1hyAwhpdpq6XhPXQyC5TJoQ+W4t0JqeKkWKZ4VDNCwsP97aGKyaUFo6dnnjlPHki+vwPou845TCrW+HJneX4rS8/u5vfh66lHLCqCnQZdesCXZu0ibjoSt/qfS6VkAndOdv3PNkOr7To/OmngzahIxkIzcGuCLFFp5wCAg/+8gHpwKdVBQWLrcyODRqESREHvZSizBesMHSYdCXxeqmhEDLvEcvCDnGywmZ9sKopJC1KvfSyQ1nkRE3BMj3D50gtP0mtjwJjZi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V3gZDvOUpUvKJssaPAc/nKnjUksOj2iDLAfxa2ZWOw4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4dn3ThIJKix5CMrpn0mE4v8GoZ5cx+eTjXK6wxtBVjSkaBUhtAHvi+j3/6HpZVr75/QaL9d4M7zHhsh+AisEdHDy0gSNkVzrli/VVr/HLXxkCV1RC601Wt1rhEFAXM4CGVF0PTSzStOgWfzS/Adn92PZ7UZp6Zx3k4lk+Ozonj7VpHs41EHvkGWRJxylhgX1ipQ3xlVpBkly2KmAwyBeHn4HnULGkn71YyXNWvMUcwoWVyE6SJ+c0MjpwzUIy0ACtsA68U0+vIKh8/7adTdXrckY2QlLs3r0LAoa93T9e2/11T9Kharhkty1NRWml+o71QXIEVlETsXUxb1M22Uf20UWvLF15Iw08zKcu2uA3cbk6v3ETGjW1PvzwkzAWg5Xfnu8CYnW0+UNx+OFhBHPb0SQLN8srfkx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V3lDAjrHhyJWcHxI7omGfLSeOztGN5DHHDQfMHSdfQU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d+TKzVfNrAL1hfgn/h8/uusMmysqq9vvWHsasBu+6NOHCo1l2xq5NOSawKuASFlc45zytmXfWgc+Kw8UxD3GsHccLOTrlZT3Px44lrZp+bLvpthnlcV2SNnEBoonhisG6LjBTlSaDAf9YgUxUlldEC7Zh64c4TRHX61FX0F75RC12YFxs5Ddl2SIObq1eXvAYBXMQRGCffCBdQHoI0gLC+UAHZGzWKQj6+2HFfMSgEfhs6BIetgAXWunRVo/5aK5+wcm4y3N2X54iV3Oz3tZoae/kUWW/Z0tBhiydya0OuxS+XGpNyNW2JyCex1Brtx7bp6cKqTSzqYYecU1z5wAuFcWaUHJJ6pBPDnFkxii1Gami1qgpRX/z5O/DfDGUNDc+KyEFeFKx7my1+qeTBqjj5qy/meMPh+c",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V425A6PshwaXZfiIuG/CwYc4F7voa4vcVg3ALbciSgo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m36ZXjwkCCQgir3iJsvhcrUVBNTVL1nc1Rx+ElwBYNxqqBPaB+wzMCbTUiBZExmbUCVqmV4pUFGTyQLIZToClIo1CEjNM9G48tg3AZ8DA2Enw0jHzD2gR+pQkcRYNar1hW+BIex6AE7ALrf55vsyjsD8tm+XWR9XsbcBtT84VNFUG5RteFBT9zWvkVursd3v51+mRs1I1sCj74HI2YefD9mIV2yj/avp7NCMd1H7zi9A9iTEpRraSYFbfsvADAMmshH/7y14G/296bCaDEXTJSZvmZc8thyuQzANe2gw0IvcknVOF3OFkbiOhweYnSb1rJeNCIUp6SqB9FSdaiH+bN/aaQ8D4mlOmw4/EKHfzYu+G4Qq5R93+jEgW+29a/NH1g/AMaT74lxBoDDe3OLFgqrmSXzxebl/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V5LMjvmhAvx4uHv58qFDQ9oINGvnImvroRs4mh13tEY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VkBWjJxuca8oB3a5pVQi3qupvRWFrlQ+i8+kFgvMSDYlD4oLEqNADan8BXsaW32iz9GPZc6t88hiQWXFdtUOQb5obbA9dNtouTZzct7QQV9R99QAOFt/yQbOL2CnJmvfRtYRcaalG95hncZ55AN0iq9LMFkT57pTUXnrQ3hXhLXI5AyrjznqQEKVE1XVgbC56d3iseSvzj9hbgQpJnPWjVU26US/k8eXbMKFv0P3oIfsIGGVAPDXqyNRgLDteJdSgAiKbKqNU1wI+N4COzzj+LVaoFiTZmxF+ZXCJWInorG8aEShkliZoK7Z76w0Pfn/8B1f02n4ZcsN+Q/pq76g9kDMA5KPojhbmzxFot7xcjjuAspR4cKacALMEA4wHDHFpncxwXn/SJm6ZD0qeQnTESiJ876cQ7wx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V5hYaV+TsLdWGgapeltXwnK4W0cRlg/kfwczreqqSQU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fO/L+dKH9wygEdUwz7imRB8D2k5q6z6wFvPFbV23ty7+uQP6bjZwPlKgdOv6D5V2B7W0kx4zyjrOLOuYo3811R4bwvHXopRkCG6cC6NB89MzX5JXFtewTo6QBGQB0JD+VBuE2Ja4mZJocs2HNfwsIdwQx8W3s5TnRUqOp9YnUOOO7oxXIxp9YUjXWVhHBX1fDJPeT2WovTctc+LHQkFctioqVtWM4whVekKhoM2HhGyutc8hbOgsxppdu291pmp8iIzgaZIfGeN2FwZmad06hwr1mxdj1QRSPUv2Ad+QyyjxEAPGXUWPJ/DHCY30otv6PnU8vmhlwd5MgnEkVBMGuQr/mGTx6EV1rXaVYSrvcVHN20LM35UcqiBj+0efTEgkWlHeZCQKwLsj+Afllr13jZYrdkzxUC1u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V6QrIykBgdCJV/UoNvqHV7NvMzNz2YD/wG0jr+j4JLQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Pfx0MYngKCusQg4/0+dYbtn96s+KNPSaHUMH4GWBr2ecrLb4cOCjULvjI+0RiUGRqnW9RudIzIYnOE1dfAg4/x3QPpbUWIZqSh8t9ztYEqUr3ShymWoKFe5jGE5K/P+DIDq5OGgmiHVW/SFUqte6VLK1Gy0fYGHW/S1wLIyVVILngo7odehissyC+WBz28o6nk5cyp9oawZS88/2NT0AxCFEEmQfnKI2NQGeD+isISSspCwZuALQ6i6XvF0ovrXctPo/L+UEsal1EPdANPYLB+u8NnV6IvV3uXLlYiNVVvtaaggg/gEAS2AER9a6HwO4lQ9dzVSr2ObZUTTuBbHrA7FXcw6r6kIEE30a3giormRTq7SOQLvSMaiWae0pBiEwiQ56wJK/lh7RuCYgC3+ga9QEdW5QmiPa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V6pfGBhnPEvFY0A7FHzXLGP+keHXUVbHfpxQ7Z2KBC0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sFxxDTuOh/JFzc4X5H1zym03+XqOHAkYCok55NNohwo2oEFIyeRE1j8ACrqPBgVB1Unm8ew6gquGDShV45NT+t+LbTq3NM1kRpeIqPzugAeKpTWG3w25PY0iUHS4aBUziLaGdCOLv8QmKICWHMACNQScC8xYn3b6iLwsplHpojMjxv73sS4yyPegkwOiLsTNqgwkQckEGlto7D2fHoyE+lDKj7lkdBffuDw/+MKHv2a6+CcQdWxREOs5HGfI6dKWAMXmboXluTr80qqt68Zyijyanz810esGcf72BsohvyyuUrgMHbPlphmiKHEB2CZMXYiwNthY7k17ZYxRmM4kpa0X1UJhvvHtAaY89PayGZtTFIffhwBUWWxQJ3ZMwQAh46p9zh2JX1QkITmuX+GjdArrIHbnVf8X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V7YBbpasEODkc/rCaY+d2H5Tj9qPh5LNs4CDbwYTi9k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eIHQcUe4TCGfgYlPiav2HcwGOdzlYzzMZZDzXCc20kQz2cwdpJwzyPPIbP2Yg4icx2USSRhJa5uqvXs9yYB0Aqq809wBF+hyB3gXo9yY+SNsSZOGYzVMAi5BQSlrkJCaMDxzK1KFoJpAVDye0F/3vfikjwHpZBlwo8w8NRaCtaDqnnx/2BkoHQ0amSGb3Th7caFQ59srpALyg5jyLzTp0xFVZtvmSLeQEn0mk6cEZ5vj6mk+PyDN0kp1B88lwyQ/kGvi8ysb9f4ty7tErYZGmsmSVbsoqUtsej3vDy/OUKvZHywGYOwoh2nfeTvM7UbOLzkexsb9KZcQ3NOfGadDVSYc88oBSY9JNEYdBbmN23o1nFMxSMZ5t8Wovidj+4Fv6iDF6iC5YeUroAD8tDShZEQmNlJmmH9p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "V7gpVSHznWE5oFsKzESGWhdyTqQi35W+ZBT/LXQ/FJI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wwtAi5CG7LRyuaNqNSEajI5gpUjKZU0yc/VjeZGl+aBy4eBlN+55XOYBjarQRp9aBSuuPEOoOy3GWoUpVE4jX5xNyHAvd1S5L7M7OFh8ePtmNM0efthVJulkDfDf5GJzEhomRRg7bk98J7acBlHwq2F27rXF9+L1yKohTtCSq5apbkTn9gyf01QF1IX7kM/e4EvBzJ0lVuGp/xnQ2pogfytl80yXS5x6MDfUHdL2s0iAUhElM9ruUykn3cAsZjamo97jes+/Gyt/1VS0GQtSxLxSqEdvdk4J12BemPn0owIHdInchTdQpfhnD1jv81WIPMAfaP/eN3LNT2W9UHbH/4/7PSTDh60XgjFLb10APyMY9Em7uQvlXs9AyBEkw8LjgxdhU3XltrC6pJIKHGztxZ1qVx1N3/mT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VCGx5lHiKMcqjeiJOm/OjOjeoGJiJJiSP6Ajej2GZl4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PL705KnlDwudW1TQBFPr5nF/MVYVhQtQKbtSsmsKPPIvL2Q249AsJtIfc7Ps/G1ItEkROFU8hGQoIOl5w18ElL6bX93++k2RhZgbS9fCklbkHk1GQpV5oemzUjAuA5eRrhnl1PuM+r4lQRl+ZUKIJTNlGaf1UgdnvOf2Vj2LL9nF3fGGQyik4aD+YkJMdj9hTolocUc6JMtvnfmLqryoAqqq9xf8EOTLN/Npn+2NQDtYTbaib+GpkatjwXcGgwr7QN4eyp1TqPizdtZaIbd8BbAUe+JlYNVumDRFlP4I5uNY3yMfswD2Ea2I299SHFZagQYWCr7Uwiw/U0nIaVnJCEJCF3iY11Dy8n4OO69DnbL8HMinWvMJesGvfRFhrXuzyJHiSW6W3+UkOprtGqlLVJ1Y15Ji48J/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VIr8O7QTX1oIzsvi6fynP8xw9BEnwH93I8cSB2fMwKI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ksTdiMFcuIlw4EHPevOXHRihlakJ/Z+AD0XyOZIEo5ok9cedflx9kyb/XE6bVstSwPBSMrgexyBUbim8y8wJ907EaxBhExxWKK/+AgJNrN7UfHbg2cC4pfHCRVGC5+L7tQXGKku7KYVb1gdTD6IgY4c1wW5DXBQtyHL27EDMNCiY5EqrmM4V/0UJPKIoRgfqAWiksFPc5bEONeUEhW8EY/WiEvjyHdcLwRoKt4695xgrWW6V9s6wussKbuPUXteABECUP/8NwWbzGO8lAkzFlZJRMPIo65Hv1Ms5RQpBQ1/mtIaQEHQtBk19gBYHbWqMY0G3kucfWXQ4vpYLtYqOhsm9E0K6CbVb5jdhqodwA4Id0jwhebnOMfnPY4HDdSTksPRQN3tUXRCXmk+0lkr3LnDhGumLbGtd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VJZ3gOlhk0CNbt8bi1DzGDna202hgQIjDj3s3D5m404",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6+jKGsoSgOZWY3srXjaXaJKh+Lx9dytmU2ZLMX0jj2ZAw/H2A78GKlQVGS1JE/wLz4/vo+RMRmPicOJTSR+Al3azO++Co7RSOlo+fLr6xEZD/sGbkcMi6q5r5L3+Ae4MNPgijMmOoJdTco+qG3fbUq8yEI6F2EV5MsV6Rb8yhYPk2bSvT8lI8fgJ61DPmRAVwGzsSiY21mENkcJRPK9SI/T8zEWhhsPiKF4pQIbPll+PPuGRRS6Z8H8zBhlQOX5w8/6x84utPsoPE8MPWcyD25fVT6wjUoOzpAk8je4XE8BDPufG1nJCOfioDdSVvGJp3hrmlB49VvS2GxjQhn3EYP2Kr2Yz/iYCt/gSKVQdOChJrsd8Abmmq4UEWgt82HI0YEZmU3kxqJjg2pR/zj8skGM/xZLGXCoW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VJvbL1sbV5F2yeajJG3F92rXeZnN4elBuUbWrl85Cg0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ySyf2StXSP+Z7vwirs5kRJb8rCOZmWucrPJ2GBT//dAWjA+wTZU1ZFtRkj+M8rnqbtqbXLIgjwlyTIUUJN30rYO1tN/IB0M3Jnzr/McUcEf21R3UYe2k3MKkNxeAVf1ndPUd4ksUYNRYaRXOJ4YOHMtrcPSAP7tno+Glyb4HFMyj8FYzrfTpcTyJI8c0RYHdLJwvGDKGiRfUozGscxs7mJ4zkcY26ozIOnKh1qKmDwUIioV6gimSzndYyWueil9CDAgbKRiUMsVA6t1SioHQqneiloC1mQy12EH5GYrYgcBN2y+V4s2WW+pZMEpFR3cz/+eroul6lqKt7PxEUIXJ552vLpC4dAs/EpCJvmWtzFFK1uJN+qWgtd5AKzayv3NAvwybGzC9soAOQ1d6v5jWncQwLg7uZ8Xx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VK+c7vAoVVpmNK78UD98UnZ+xILkD/dt7U5Pe4rb1y8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uJTfhrV6B1DuxetZ6JTwmXKnY+S9z8Y68rBKV3tjyfISI7tE0c3Avrd4EXtHJ3A+A19RFJTZmr3Yrs+P9YB3SrGOOAigZ1tKAO2gwtDNhs4EZyntTQ37asrgBqIpXNwp3TBsO1tqhs/IMUBDQdeJate9UPjVRd738P2m8xMmieTM+LUjC5ISM8+QklFS4aOhpmuXU0Ul84QaJy4JoisVGLRDqN7bSjKa8HBTz2w4lFlDa7qxN67nl6dmYqZAz8f1ikQUYHlRiRijA6hHvjUcTLaEZLsAbgcgOxFMsKmx/DaIzlHWTXaXcnSNcCQ5DWPcTS1HpYeGjIjC21B2kcE+WiNBwaPzk5T2dx6XShiyvaD+PMGLRWvAb6v/xVX7Y/yInbPiCnjTshBrw2o6FNCLjqxQNHpZYTgY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VKA2Mso1bnU+ZSBtdIr9mfbo31Yhh7uoGWtcUM8uPB8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "91L/ke69H9rQrjjbf035EDIITiEYXTe8IgR3QJGXqHk1PsO/szyeG/eagokJMnccskHceBEdJUy9879Ku4QKfEvJpDR4gbewEt/7Vn2pcJWR+NGXOHOAUkugRbOG/fwEh8ICmlMK6RaDTd+zsZHV8WE2xWwx2pmC7kyg0EOHHICDxhX+HBiD+x9qIgTTGk80epHLnw1zTy5F1KF7XVDh0jA74QF3sV0Z6HoZKNEk4FlUj4j5GlTCXvNA97Nv3Qfx68QUzGLbQLNqKadb9roK5IC3K8oKbIRZVAr+cOVQvckPzCjAQOZ+8Xcs0PJLCzvg4luno4odGcGs7v22WClqTQHHLElhh/wNi4u68ShrCJV+QsTQmFDM3Mnx1azG28XnIOYJSxRMWuTeJRZq2Drm+QkO95+ApB18",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VKbNMFDavYT7sViiYgubBnS5kUp6gi71DFrH4AU813g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8BgzQd6HkfnkYdIJ+e6i4iqbvLUQtVEYPaL1xSemxXmEPptiD+dgZbfKFTsB9gR3XK+zdfYSF5Ppr7oZ6MOSuA9t/T3gipF+88gfad6CbXck5PEQmDxSczcTehGh0QQMIUziogVKgHery3pj9yNZ/1g8oz8nI2K5c/sf7G7LiqcwO3NOQginzPpQhV7rOjtAnALOTzxuqFAmG/BjMSsZYmhOooVE9tgQunNzjBL/UU9t0Q64UohHFLQ0yWyJ6xHS3W7sIzCTDGc0OhX9RgZTIjcY5JbDb8ud35Z3k03GXDhU4h9x0/+ggGwF8EHKrdo5RnpC504YUU0n+9PXx6wqJsJ2eOkHsryoWgBkomGjIY0AU/yXbpBR29FQO+pXYb8nLHruT16Mm1MgKZpshBmiqUB9McQB0o28",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VLFQoOmwW2GzAVwY8Zyc0XnN2pU8IbPgyQboiOEJ/a4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YHVr8Uinj+X8AwQjy1V5iS6qAUW5yQfgTIDdxi/5a4eHCHE+NBMJ5WR0aqpnn8Zx9346fdEA+KJxuQ2qC+i6YkveKVN4jS4l22D+dI3xZTF5FNq3IzBlu77pK+uyCGxnpPDZfEGb0cSIQTbqGGr29PMeuHUd8bCAJaUdmDNg1QkQmjoEYuzOqSYIKUyKKvGaQw/+CovE4RicXEq/bGO97KVMaHrTAWnPQ3t75KP7K0yUp3wZ2s+TT7dFwRQPmooqt9fz8qDjWm6OZZ38Y7TVLqxfy/NcdJNRPHIrfVmD/P2tClWhVNNUZAgJ6wEgPsg66b6WR1PC7RXCwSQjxH4FJoDtxG+qKv6+TsLGWJBxJCorg3lpLLNSRoeChwmfm8JPLOQVw+p4VSInQGVnib8hWbHpTbPGkzEa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VLtt3KpaXcXtYeG7vNKtY3y9sL2o6QuINx/eB2LpXu4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YDVa5O0ILLuqka4AZBWWf2JcnUjZGgWuErXAKsKR306ywrEiJk0yCI844tXnnVDdPhemN66Ms/4h0udArkSPSw8QV0dZgEK5OdBBeeMVhquNwbkEtkouG/SewUeuT/90vESkCLhOtRVeZ7QZd+d8rdDmjA6Gf8Ovs9C+FQrc0WkAARfmJX8mX/wFzIlYCk0yGlafXIHnMjrHx2RWwAI2Qi6zKDUSKkCjFb4tppcb06fLQGfBFh/NyimehX8zfIbqL2cY1AFXAabdrTpkRN0saIOD+VeV+ud5Wr23G7s+UFPaNxZHtr2cmBI/Dxped6jy5FP1h2Em1Y9tCLBHnGB1c/a2lV6hh7HImyA7qENsl3MDH+raB+oxQyek/oixTwaVK8vGuYbpHryE6E4B8DaqilFElXSBcoRG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VMq++ib8b1K/aX6xsztboHghl3yiPwEPwe3hfzpiEWQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ham1Tq4pcXYYzw/s/c+bNAQj/ZsGSK2KejWDwusLjuEVvKZarA4FvfYCjU0Oute4HLlU6hdJ4wvwYcbhmt2JbdrMDCy7ZTyFNj78UVpumgJw+lcmIk88GJDHR/pb08lpHVqOyXSYXVVGuo2KYGVxCJkb/pwrEcdsgXbr68rLVsTQ20hkmyiKu2qO0dYvFQBRDA8qIUmDOiEwCS9FjNg3+AtlR05b7VW7eVUy8pBREsKkYLoRKxLG6HUXEPoLIkwhG+cfdzdX1vfBLXsIgKsY1FUHYtZQfRMuMpy24fS26fvC75hhl2hp7bqr4FkLOzh7bXlZREZnbwNwhxlhv+UeGanlQADqRw77Sgaqh995phCpTpuUfNimmZQ5zvfsMFd91nrvdEyNgzg97WgMz9t/CbquEvmmhL9k",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VOmAeJmDHanz35uBDY1CpveNgtJq9AJjr85dMFddksA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5JpN5aRnj1crvUUKlwzWm/SgdNlOKGkoXQbREVi8/xdPr9eZBW+9j9334oNVoI8wzHb4RePVTCOf5G2AvrhD7PVu6DU+k1Km2rlzWADGnzOvJwPy5rQGrRRMb2CW0Qh8RIlSehWeeE2onYXuVr84hPcqWbVXQ6UOAtUQWpxmwOn94vVeUQvVOsLRQjpokUTesugAYf1U9ey5EK8jtMEug6zfcaMD8fpOiLjmpvQuEUo46l9CNV/8j4BNdwH+sGDXptHHtx4+2KFLrJeRAw6RqUqLK9MR1GhrvolPbbaTDA6lgePQ776Jcenkt79xG6FOtDV0hfXcgStPibQ8EX0DX5bXZouoGwnhMhzmsUSA7JbNrI/qpnCKsGmg1ADK8e02ffT5vr0CKSvl3xKJZ/KqKf5F+krOmIXD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VPVYwXcvhoLIvRuKG3UWI2ibLk0XaHHsaa+M0i3onfU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Flo1c97klFxP9n8GP0nu83vA/zNBP48orp6AgBvNRqfVPjhYAJiioBwrk5DQTz2GO48N2N1yOBXUytvqhMBwxq88/obqW6cC+e+BngDImkMjgpYliflfAND4JgnR2ZzdXVVEzSvG9gwVCLmGm8XdCrtslHb3d0eWXZViKLnYwY0FkMz5mmTyX6NazM90OeWU8Zeko3VxfNDMjcEgJSuTR2/eCC5ypPUtbhhURORhmg8laTIW7H+T0LEk7QlwuDwImDgXX4b+O6aLd1oSgIqz/74+8rzCIoVoDSqaToJM0wrom9KDaIyTkfevpRTcv59S//tQctae0LmFYdIilAa1psyt1b25dVfD6ftTDcAu6qgVdCZ7L7Wg4CGumr38F5VCnKHtrnNegzMPHXJYJZfc8+ClUyuE3QQs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VQCnWNRsc6KeE/T9t6yjOp9Ci/DXH1F/lEU2sdn5Kok",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zSAxueyqv7mrhkwFDUoaCkLTCJqo3v0rG+saKmuGCNPLMCJ6Y0CuDCP5IUAMDJJtQMTwWri4L9q+mIdlNMFc21+z7zKlgD9/apXXtaGmAay1yT7LYqoq2HKTNmJf6V516dPb0HqK8IkOjlJ4V5ho5KXQBzsC9ASUe0zp/EgZadbl75oR0QyJ6HpP6BuOE4I6IgdlIe8+rigcpEBZ3/+VM7IeE/raLEC3ym9yly6bhr2zmOLZr4BRUkrnzYcP+0IcRRYZBIYs66fU5YVCHk9xX9ZhzeqaCaRf/JjJ7kJn9ql2r7H9+abtWhx6FuTJ2ybVGCEQpllNX60UElH7VK3p1bngstgP7wKrUNHLFeIW/JFYOMld5waI76TwYmfyQmrKB942WTqTbWZ4oRbVsfILatSNkpU5jR//",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VRSimtkD5eKVhSv3MCYDPfj0MZJ5KFkM3CP0wAVhYvo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kTZk5Y2tBokGnKR32n9E33O6ixD3P9xYOZxM9oiAx0xNcEMrPXxKc11sVPynBrn6+WdTP6KS1z/qDxMaXJBYb6UAF0kJRcXEx870PeifpGssgPHa8LCIbvwhRuuVbYBFBo0/y1jk/zbERVdHFK0F2COvd2ZLOCjQWy9IeK5OtUngDFU3iB1troAOH+ieTZUunOxuRlJDRWC7JxJOypyRAJAxCQ0BXVcv9zs9F4Ep44PT/hJEDJktvyrc6fO53+qfGLKxpXizVEOv/okp/o11j5PbMp9SBk73xjY+NnEL/UxhFbbBy60ufUGTBW/is1tro7/CZMG7J4R1fnPdTqqNf628jc7mOh/Vqg4YqgzO40g6yip3I5f1/hOjbmVIoq0yptL6ctGUbX0jH7NELf63phmuHa4BLEiD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VTO9uqJH8XoxVhJpJduAdv3eInyH24VxZXhscCqFvM8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aqLff84D6jeW6Ki1RgeKhhmNs6NXFVyjkiK0fLgpsWT/7iGLRWBigJI/hE22HUhVSRLAI70+MRYuc9vLG7gZPvLQ6ucyclYMdT6/o0dupEXhb9JoH4tp9SryEfTQnVmJ0xs7VNMTbwc0/EpHSxCsJq6OW3cA5sQodoLBKJUDZ0Ex2TgZW+Pi7cWWYIBYwpU/jbRBmcMwOPqWdUCkzK+MXSvuLSOYm71KyDi82tIjFmIDQC+aG8ll3z0sGbRoIqORsyDkLKpZ+Y/hqmaLgJ1N/qx5lcSCCL/jFC0Wi9KDIfPMdaCxG2I70HzuzMyXcw9lE3ZMKCBJisT+jTWMjexQFfkVd0XaByA6J6EwORRlDC+RHrpxQgd0ST2zSk1JdY03DNmQpy9Z5Yr34RgOmTOXiq0kqoltovKO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VU0S9+9Nl3n07G1IRWpDjBvpv5ZT1zH8WfrbV6icWEQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TM3Pheh55C25tMnKsIXyDQ5NX4tOgQi980qgbU+0VzEDb0g+iJrxLJMjcpwu/NXkKql57jJHSKIRwBJJjwduW+pUwBcBAe8AjqYO2UqwP8eBTEnf/ZGfQKY3S008C0y/QZuGSBfe1aNa07Yf+sB2E4v1of8hGZ7H6Vu4xfrC4AGpAzdpi1amqkZMywV36TmVp0/x85fMotq4p9n+06ExHo4S/Fr3Ed7kY7xqowaVrJPPhTmDq+liVGCjATvZN4LkZxXivVKvNB1Rd5nI0OF7z4FnFeh/Wvv9XF06IzNoiH4M2ZwfTAxdpf78Vrzp8YOZ4eqFD4C0emKX31P81qpSTndAQm0ufyBqj05J0V141zjAMyCpEU1+uHsVaHcULBkR/+Jlwd+HdHqORQl+br/cwRecTtcFX2hy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VUS43qPsW1OIeEWB5f4WALOPkKHqGANMqIzOA9dwgnQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MgC5VdKN535QzPZF0n6ZD7pT9PvrhXYFHcIb5XAXlqB4IG8quYJqkiLyxThy4WLPtGqqb6woDY7Be/8saK/3c0+SgxCvhv+fv81dUkNsQGNmCZ6RAnST1iQVEjEzBcywFH4E2PvV/sweA9t56S9zsWykDg33EJNuFvbgUCr5qFJCsfdFZWF+3o/kwPD9oDTpyCfnNTdsVZU42SbyEd30X++nVaY2OrBZTEviiuDNbGx5s+R7XpJHyb7mg8cXVvNSMaTj8ZA9yyH92Rd8C5n/LoH/5aPUR5HILnZPUg6WyNQjqqdFOsO4bVBqGTPvVqZBTYImB7chrmP6x65kL2ZZY1rthQA3WA2rXZYEQcqwGumSN011katbNrsnYYSifWxb5g3EbKTfgI4PTiNGA+ap1OHvcNZCe5nq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VUUpDfnmvwGwi6k+4b+GW64hOL1zWaW8W7AcFBQcCD0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qfVE4HzGqR+LfagknSKCeNSYmAOeUIto1K5LhUuAoovQHw2Buy8XO9bm+51ym1UtbBSLkoePzGOli875qgtyJy7Q+b22qPsVIh0TJkdW7iIj1PP1ULTjvwWxYbKNgwdsjwmsnkK5Mlmcu5ytPLc9LNpNlJb8MCXpozrlZQrxsJUyoGG7F6V1BjQXTF+MEKjIeESCADTXp/ftGneU6bntHaJrRPyVBM1S352Q8YlMKoW5yQkBTvYh8L9vOSzmI4PzAET1STLmiEcwu3sH+E+V6NLhvTtY8YlMD4zIPkSSAjJN6x+k/CZuH1cXUDVVHOY1tYrIqtsFyn3Wa7afp+jCRxiu3aeY+3EPfPf72MDIyChp021RC78dRnUzOzUJDwpeEeQT7YVYuJfgtqrEsWTGuf9mkF3w8xOI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VVHz4uMScUk6plbZV68Kv1xj5jwMBE48iGuaO7xge6Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yI/m5vaJt9Opd3g2pYH9HbYdErNkoNrRUq8SzzUmKOsu72b1sBU8UCEfPNS2LRajAwgaeGKxpikEPwjeeEgQvl71jM9BDyXYHcUzlB37FjAbDbI2vqQ9ZhCeB4kf39WAJLbm2pyoNiqEOCM7POBIggmVP3jtrCgfLnUk1JgkT96RTCaQDprfNLrujtdRJehdg1LVhb6/gi/Jm5lsovtCZuYq6EA+wABIJdmlaY7wdLmuJqwlR882aQdJ/xYBv3HkS/KMzis6IhGqk0u4v1DqnHbp1VDd+nyar5ngJo1G06wECTIIWIyty+tYxUzGnvLr+bdvONVH7+JtQ+Iv8qUgvc7IAaH969b0R5gaXuS9J8o1asYUKOjU9djDpgVrIKImrYzdP9RoquUV2cvKW0uPWkLoYsePE0Ai",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VWvbQPBNQQnxvhh6ckPn6Dr7DFdgv34mObA8Nd/IDpA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BnWW0SHRlgHQw86FOEAwkW37ZtlIR2r3OKfSOl1zfo0GWZpoHLoaNMW4WuNd9LK//VFuTF9y21NVD5qkN7hUhSWFh0vwqLqTjdeNBio7GG0wm3WBDsvvi3o2yj8ioSUh5k6wD/wQ7dDmSpngzQjVJ/Odcp5SPDZNi0nYvQk43omAdzJiXza9yzB5fvWyeCL3uGpj6m11NtlpZU3reArW093X1RRklreG/0u7FnqODbK1MebTw95TISobq5gcRpWN0MhI44ShIEKY76S6ZCkJcDFjD+Ul3HWSiOwOTaNSuu4gE1ADOIwbPu+qiUOVAhorfj89Hijba1bjch8rjnGpVJE6NxzhnDGMde0D6f2PxM+5NP73CewlliIfgnbPvlzelszhl/CU7SbIwtSt7YW7J0dyo2hzQaab",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VY5kH4mGVhTlWEtPrf2IcCnVApiqJ9Igxjr7LU6ZIQ0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8Mj/7qaF5e0wfFimJZqVjF/7xf0Gs9Xf2D8z/MlscPRJbtZ0M4YLVb81ZbtvyqNt4FirlNon2iU8yYm8h7H40Sm+fZTDO/Y1hEjhQlu9KcyliV0fC9zhvv8Mlnu1uFkM1TpdTRUgrJ1MpFwSo3bAVNO8XXB5t8iIRgJHWCkgBbiu40Np9LsYNL3ImMktPRCl+Snx9AJTiFDHDwbZVa8XzBcq2rGVPibJRZOZb25wY+gVREAY8QJnPfqL1ow69Uuwtrzc/EfStPU0LbXfATKuUr1EDJS1xR6/1GfMoa1eZ2y+JG5nc3PpnesKYGhLit9SBiW4oTojwKYoLlds0c7VUJEY2sUhJq0+2iAG4306zuS9nNP8fYgHQPTQq38gJ9hElBekpVclKSXJvgm5cyPpRnFhDXtMBKtM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VYmf7KUQGjcyqi8WXndC7olor9s0UabcyQzO4gcbTyY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dfqDsqfmud0h2CEKwO4+EvPGfcMDIHhGu+o4rhvKpdSfOy4mgnG9wVnXFAHUvqbNvQK/ehJwgYX6E6wYLrdSn3/VdjkwRbrStP7NfhkUY9e3iTGUrwIg00sLAYIJGXLmx/HDUxblEApcV206iWvLN5ceNnMm2s1Rv1AFB4NSCE4gGYvVHJq7U4AOpmdyOdHnBMVzF2NP3ZJapHR2Ab3GaU5PI93d/nvkBeNN7vL54gL0JkvykuLKZAzWOVYIy1x3V/q9yqrA5ilidAI4Z+ppZgfEEDMkpcYWZF7buV98od874Ohx+394yvcYxBf7Vdscsc1d52G0KhxUMafB+mw7uqE2Wu4NspI4xO3xrPXzkHUmfyh63OMUxR29PaUrcOFWEjU8iE69/fOu2ckB/tJ22Le96qsP912W",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Va5kwtC1mJ9V8U03Sz5ss4QsmlLLFB1LYYi5M7EiNtw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8CJz/q91gHN+tiryZuFePQvt10A5EcQmc0YzFXUThtytPJYPIi6YPSOrke/q9Hl1qyWcl23AUhuzimoYYQ2esKyi76LSNgW+Z3l5XxngKGl3SMrybA/eyopxwaf42rfOnSUvN4YgBmNLlfq6ZcdDMempsRC1qB7RMrY5+R2l4TM4hK89jmgJnGvqwiiWjkFb/ft0OLwEc/i+qsSEtUJSTC9CdiG4VMc06QkbM27Aqb97Kk+NLMLQcYZw5Dpj0VDjZLKsIMvrFBFEZUG52WC7OS3R/spEJ+xKvwtr6FrNN+l58zWOhjoTsvCpdBQeXKHPjsyR6uuiR4nGUP/93JEZF8eJoTr3jqp9kbBTsZOnwl3f0fOUcPuqaaDOr6v0u33K/NQtY0TgCVYIA5J8N2HppYmWzyBEFg5K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VbhOyzekJLbh/gJbM8rXwtWcwRUz5QDDW++GrW6r+Gw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HoKT2Eewqa7XwgyarCpTk7vC4weobuKBp6QHBMN9RLhTrnzWbjEm/LaN/nICSGgyUsfKiVDnY7iBo0OmfDmzc3V9Ttxn/s12HfBlVX8xQKDMUpkG52VuMWQYuH72TzxvIVYRsposdHepyWmB2qI8vomGTmKcHT3zBJ2TFWWzYsC6B+3lCtv10N23/RUzlW/gVcP/xI26/+vDKe+c4cAvC7DAkfM0beDst+meqiopMDgU7y9+qUVmoUF3NXHRg1RzmZ381XkQNiJ62ri0dN4hqnfQw3dBTiXzVZNn0njiPR5UzFf3QMJ13smEyilT1+t/n9qIWYrlSlwNsvFWjGA7Q8NBqQ4OV6BmUkc9fpbMhKUJi98rbWrtpJdIPX0GopozbsETIn6oTVpnH5CYtjyXpqpR8QzFMyt8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VdG9Qal1a2ESQswsr6iSSXNn1JIVExs4e3M427UaPTw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nPsG76t/MDqXWbAaw7rKCQ+RPR4FYMtYfcE3rM7AU1xtdfyYZS4IQHJ4dmReEa0zQm/IEbTs4F/XzGHrgHgasjG3lvAHOWZLgRZbQRlumkWkRHUya3Ar6sHy9IJVqSgtVvK7raLrfKzGjQVnJaQEupfKfh1+tVuiYhqfHyuhCoxrblYUexmiiHkX7ArycD1oVcLVtta/C7A3RkSpgFkiV5o1xAyxX8pnCDggXwOr+FSVVs9GEaYuReQ1mcYqS+270F3r/C8hZl0+YAY3jrr3UuRMYLAZbv2rSGmJUsdFxV4wCmFLhPzrdZYv8C2IreTZQ/iTMtkXm8DuTdqddeJUVWlsJV25hDQX6Hw2lwrmG4JZubqWWQnRdOaqJtueCEp1aBldqBR86Tv6aAeJWcCdP6D3y7lenrQN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VdI22q451eSG9xQ2Cl01d0C0rihR8Pey7FAWD8zVfaE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MKckuyM3ulB/9ITBY6nBRgIa4N2ei/maa64mr1gIGuGu8EQx7e3W5iAXimJ5KIKaBXL7MJckGqoXi9zv+iOyE6veQDdjrF7B5ceJKj/lBGNBfD/W6asceeYBSgFhbKRiOAcIBxDVnPIX88dyuQ3q0yDYiWk86wwhLwgqDhpcx2nyKG/+kmQKAcndDYQwmaBUNBzL+oCvExakWXOJJNE1CKfK6uU2Vwm5ig7uI4DRsNPi79R5Kk4TVkmx0rAob+Y+iUDU6OwYVGRZx1h35trTChucMH9TR8nP7AVpOjJ0BCPbCKPYnKj0loIGaixYNsR3nHPRX8qc+zjz24P26nZKH/VNdysg8VPTlB1Nmz1PdajTOv4GvDqXj+mDIfI/qX/tC6ByEAav2nI7Qyiv8MjKgvPjY2YBtTPx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VdN5X/0SJW2fU2XdCCkIDQwlBB5GFk4w1p+NC7kc/lU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Uig4lUr3vwKis97VpkqguH0s1bIkA2zv+GiUjPKuoA2Eh4Ji5NZ2tA9U8e/InMjsSjrMn1CXC2iDOu0DW5L+T4+banG5to1iggisLG1LIexoaUAthruKhjw8jgVwkOzufzzPRP7zIL6LEgwpnakB0eEARqqK1CtsgunZqb7cn3g3SnhsQEEgP9AfMfu6fpzaYX3dvENel9lv0h8u+7xaG+WTeqWyq3s7VAAlZSNoQlPqdMd4i6jrU8tSHFaqSMpH99wfDas2D6WarPqhBTT62tY/yajnvT/x2r7/eOasLbhCSAGH//UeqOuIIJn8n1cCwWN/q3i0a4AMV/IzmjQhBLvLLjr196DVY2MzjSOxyW8AmgkxHaSngu6peR2EwfkWJCHGPFvKP21VOxXqHwYhgyLeUdVpIOZf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VdaCwUTJbbvoBKIJWivMtZ2JGrAGHcARs1nGEsyzh4o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RnEZFetgAujPJ/kYHtfPWNiTZ8uXsvjzNxsTpLeTFtth2M/vVPWkvD6l3DLYLL+cTrSL2mAJvJinJTGsQn48yNQtgUR0OIYLtdT0sBPcmwekhfc0rHYf0QEupxFVGAybVPYv6E3GlaK5ReWanb9SLc01CWRisnc9JSXKj+p8Cqga/qftzt3Kp/e230Xq5P+2uY4kSl3OVh7RzlT7Fvh7NilMwi+kuizrtIEMmvnbNphtbskRX8u2IcJnZuWgF/gFanQNFPppcHHHBPXDdC+WqQZyPwLJc1jDKstIxV3UjSfZxYZRGI7f+qRRLD+/ZS4nMmWfclPPtzCDSbqYsoff0xUqNLmbKHKTTbWbpX/DfSdcfd065zq8Z8akZZIFC7rvP0Y9FHmOhfiWWzw+oMpnmmzbuuaEuCAn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VeEdr5dPYRho0nQv5pCB/wS81NW4aq39//1RvYwwAAA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SqE47mAIj7RGXnwRVJ2OuYfKVRJKXkf43oAcyaZCi6vrMaX7v3kjte3SuLRTzOVVeoNJdgqo3oGtuCiU0/vsNlKCsr6+qc+CAILOE7Vn7jhKw8oqh7hBUZOpfG9yCDISOir2WjYnupXnFrZP9hxrGeM0rfBNNoWpcZC/6kTpbtfGfHJdx7P2VFa2S2GG3UNgbXKlKsoV6+QGpuZIMDhs1/pN6gc3QNVclWdvcP7cruyH+Bz97lLfsKp52PhL7tgC24QwWcUUhrnLQZKIKPNT6ogT+13CzlDeWA1AuRhLt5x0fFiO6QefIYUDJSFTK6IFE+D6Q90wBcYQ557RkLMjn2eWXkmdG4giCBHboVcbG76qbzqUahmFXLsGAYnubZ3gT44pT4UY1MDh45spar63Ib1eK3Q5HjIC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VetCi/V75+r/+Q+Afqe3t1WrBifUpBjtc+W5J9vwqBk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uKo8CXb+MDhlPizfnbMuqKdSnu1+u4SKbuVFMLB9ob4YsQLA9L94AOjdJsrN05ujN7hjTWWWGJzWpxkHRZ+kIuE4mdmWIjwIIIlE9KkyIxEDI7Zchvq8fCKVDm9Qt0lrfgsQ3cBX/hx1oQqNfIv7lUJ5oucntVpPRaZ5qBZT0ni92f8yAATzCyewh/Abvfh4OThTbPuMQhDmZZK+oNhwehp7ZuKqxxMf24Q/e1OI+cR4xUdJyxuNzWGVe3VNXxm12o9F8dLq1fyw/mHV/bu2x/8ii/WOXGBvQ7WlChxaSyFagLPE7f+ve8di3nXUbQO8Ufx82A/NemnGVThXLB7JUjpPyY1fWbsYlWswVOAppjaYsm9ew4w28nvAqK5ZGENuOZtW5bWqH/dmR/VRDQLBJU1NpLJIehu7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Vey/gXRtzMJpdFD7FHldrz3QbRCJobOOUftPGffr0fk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ox2InX0KvxrFQ2G1RnBa9RpMMOM7UBTtWihxaYAkT6eCHfVHQbvfyOhMuCTmVOGw6ICJbhn8HGKovdfcRYP+POa5wVacAlPBDoqXDHOwJk2fUJairCQu5yLizSQY8PzaVPFHa3rR2WGQKRUXCxleI25kL8qubgyRg9onL+o8OUQEGnQBTWcxwgUwpWXfnNB4eeVpj20uZDlqHdf9k/FCUNLuQ+JKCCRHt5VSvlpMTTldPnSynXioLGeSola3w3/jr/qPcR0lmAm/avbkrXn3qcOv9T1gr+oYOYqCKx65bAm4cXR8jpbGUTCjWjKnGWdnwg7pOPK+pjX8MGE3ivZfORsStGZDriKS6ArIkFBraHh1DevgJ+LTCtUL0gjonm0Uq5wvCFmg/1clG9N0IvxaPnGTZJOdl0eC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Vf9tmGC9RDBJb6TMAA01WkdniIs6gLoeJluqfNBZzo0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ozgSv8XfvutY7Oe74u64pO+KTW5Ar0CTgZyzHjFMkjpy3se2Iv3bcwSK2Z3V2q3JgYhmbNKaDqX/Sdd5aGsngmwRB9YNxrpE8NEyPbKYorHMFjJttaDD82/ZmIKQwB1urVRpfexd1R39+hY9ghSRnL4QvCHRANV7VeYTtM3Tafch7vJY3lmdxswVqmX5PqJV1/C/mI+TlPCz3ua1s3vML1F8jqjWTAEV0Ds3GKz00V3Q1wpkW80rNd0nAA8b53u4VwrTZ8rbTu36FdIYsGpjQMbGNI5u//yNlJe/POzUwjwycAPTELjEc4BT2tLcN8aqIci7JYRqiavJGunKtUqkBIgYgkgipwdz4q7ByG5MiX6x7tyFgVQkD7z57399JHZ6d6dbQA1x8FnMpms65KuLe0c7t5omHkjd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VfeODf7w4UhODiEnOv/X5+t2eDbXVQe4HW0/7DXNgSA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+r0iZlGO8FchpKwlDUXWokljQVoqXelrHDU5xD/2D0/UnKGbOPqxJ0lbCyGb1NoRjIS0+VXnLclummBZqrHFrLYhnpU4n7DsnOEhqAWcXNfXfY/fipcYVr9II+Orw7sl1fYO2CBa+AYrZEReIOT5e6oLEKfe6rIMUQLaMWzfdY/qi3TaYUzPKSVy2lpetgNRcfcw1G1vDPItZOmbuukh3J0ElMqZbeWzkhdNinqW+Psg/t4sl6tQ78SZu7abYs1pJKCfTOOhFXfKLaImboS8disowOMZCwAmJrxgVUQ9nSIqBOIr40H91NoEb3w15pdnh5gL5F6DXDtfXqhDKJaReFZeH91fG7iwaGe3Oa0rN1YABfmW+/Dweb3ePy90a1PZkzAJ7Yq1EKMUa8ilUH8WGszFw0Ru6mB0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Vg2hrKKpYTz11AH1ugs1qYqMCw13wH0mHgH92b660qI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4gqdGR/I/Clsg7iozdBeLaws0mbOle23NF4fiLRettlwhagpDac3KQspXR8B50Qj6graKCZwtIs3VumE6MiZMWEp9nCDPdsksrdH464+jWyAx74UyUDH70kefFncdx3dMhzypK4VQT14J38rqG23UAnFd7UKG3zCTtQ+u6JB9Y8rddJkLpvF3UpWjXBZm3PrSPY61eB/sP4GOannYdRH8TmYer7X9PAcgHgT8CnL/eWV4kUPtGn6hAPQrEBHkNCfeLt06HVY5tY25NvdHfmwUy6GKSwx6YYfoLuW/H3Y25JfDEaagjyDPnZlEdjNzA/kTkEp03In0WhaVD7c0EBL/nCYpM6tAcnapvy+ceaJmKt9cMq3yaD6BAuUdHYgCA7IeZyVGsmDYZC4r/GStu5UDm5MTlX+pusz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VgIUrO04pRpE8hWpOSEGz9wPh9HfRAUwZ2Cwh8Slcqg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aYxOq+FRySNuH/leU3PfkhGghbSGIXEoGmCECaXlncCLHA5oVREZmU60o4a6lhi5x4a7m7/4eigfD1MAvE7S8YW/YejQtOtCF0KSeXdZb5WdxKUftG/LybuSWKqxU/aHzoo9VdeDGzC/g6xyJOJoEaYF2QrwyiLWEWH/q8PTRHooUdyyhnWZQOZGHeooy3UvFtnfDZg29nWl7AeTsIEiHORVemYROXDFylvjjPfoZZ6cPMhu61FYC/hGn2JEi3RKG8H1Bor60VMxydjgt6SBF0CXlZM3Nf0DKzH5JW1xcmVfajbvSGgIXDWWFTlIoniL96vFRXVm6WRTR3lyKaNpFtRWU+iatWbvKybrFpVK8fXGXkZTh5scS3/wCGNxrn/5WJC83rZxALWMtQ9ks56of5v7aj+f3EAh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VgMpIFHkKSVBId0ypwOnLkJRCNiFEfaoo5xjms90CRM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xLvzczlOxwmBhE2ojo/+W6zNxqbUDyxBhjOCEw0rgMD79RhbrGmcN6zM1oOy/IfWtEkT4e7ybyA9vXXLecNr5lXhLG/93ZHWHL9psKZdKeJCe4Ia5tJSuUBJw9CpZgdzgT2SYKG3B10vRSHqrtB9uK0di5GQjAuEPTxGkVmnPxKTDkfk/MVgcgiQgNNSy+U6yz3d9dbQjx6QiSIA7Ys9GSkTZa8P4S8E3gU/TFom23EHLAHv2/VOBtk2M3g0bdhZxOlsckz/QSyT/E2qtx1Pl9l4bWL29Akun5Y5I4gbYc6cSTixCZ6s1r5Sh4JAeYRksQ7kCleiGm1HGf4wRf3Rc3h2y9bcdwkX1LVQqKO5xw7K3oF5riogiBsHDUsWr5B3xNHulw8Gpt3DXnuxAlJTstG4uWN2IjSd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Vh2Uf1qbmm2Er+apIbQ8y8rZiOG5eCbpUddnVqETvwU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nRqx+OiDXTtcJTTiVLml1gJxuBkljyrvY/alhXr4i6q3/qrdgMmwRMsMjVZxDrzH4kP7JLz9d+sDVN7vZ5awvL4NKyEf5imKK3uox17fl4erGa9O+h3Mx/yv2To0wDYbDPjMA9c8B1StjJbT1RvzuygIRMK+u2hjA7qQtRMXJ9IMeOiQUlEb4rDWzhqZfg7U8k44v6NbJoofzHxBXRRFN2NPKcCT3rz8f6fJAbahRQEa/5bMDh1C+KEjwmphGBh5hU9sNLaVwZnmDr4efQJdfq8TNtLBWSoH3Ngrhk67v8XkciPyRVRq3BPtrxttUo6MDz9yo03fUjeOz9u1z/i4JfKTJ2jTAFr0tN4DBlT/SwJVmpHnjMAO9gWpEHijmhFDmZ7mIrz8hENinwtNGrJcpOde5AAop9cL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VimeEEzWIJXg2tgh/HmZHg0GTGG/rVXCEgoT59mGRqI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tFVV6YJ2UAKsCdnD8v2nyGBBoJvhPncmzExygYy7GxLdJPvLV1IsUiQLG7e4EI0J2KuPtjDU+E6dI7nvkz2jISk/JOdVnhachrINsgGUlqz3/kR0leoBYMBov11px1Qc77cv93zkxUF6uP02p3KR4o0LqwEbh24hUNyIKSP1FDtpmK57vbLt5hlhEe8KWRHAC4cnJFLiblXeOHNzR8ugck1edYA1JxgqtvMiMsigZmkM1GitaSy2/i68cfQqXnB96d7rOeuAF5t4I1PreEpZ1fLxEgrp6PbsHRznIk9L825wiu9ugOPQMvZLQwrvVZLDYB7s0ToffPNGa28SmO4PZYZVbRn7ysBulSbh3KVSB3ZZ/22g/TcmGJU0vPpPGws5kcst1uVDxb98CFiiPlOFs5COTS+t/sd2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Vj0lzey/NV5BmU5rjNpdBjpDAuX/Z9tcEjvC7TP5sVg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "af8eFHVRRDvtUEwgOT+xfC0smtvzron/WcFkXxq7Y7W3tCOXLClnPpvtNyl5H3xhu6+fyQpOBoadY9JOKnep2rwaQPpfP7veCISIm2VtM9MExbiUeDZmmU3s1JgTIXGoNETE9S2xEmWpi0Q8evQCrhoAWFy+qGCAqqxav6xeKsrAqDp6nRqizzV9zTb9b2WV1X4fHgtSIuFd6O6miuFt5bxTLks4N4pURv3Buotf5hVK9HVU+wN6VuppxoTHD8tQm+uGTBCtjHG+ZZ3Spgm5fUhR+vnlcvEsqdFfAxMA9ulRtUxJTOv05zNTfnEcnKdZpyD3YBZ8SEN13EZyqrami0qc6ZPak4Z7bBWvUsClVsCJG8uYksobbQkp3xAfgV1j8kPd6d+ecU1nHR6RhE0Ku98Vv4NKRtEJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VkMimJU+vW3623yB+mV6FzUSYqcXEnsuOWonZREOMYU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hK5fw7tCXTNNU4Vdr3n42RgxrKi4pJi7qR1iH8wLftC0cn+YyAN5ZAB+Q2580bcMQvF8f2HnnGwYJt6TcMtUqu5QAtkHnhLHy0f6YXWXjL806Lw1P103UznBS/VYTP0LPIr4MYJAH40O3lNq+4WM7cqWcYp+nWAYh/OythNO+RH9eVpXi6khdn3R4t184Pt+sXsz5i8nVLWJ6UEXiVSw2LGdZjhmgAvibnLxmDKDBqDE12UbqwfnqRx1SWoIvNLc227SgDpHXOr9GB/gz/2rM+1sg8hqluM2q8m/Jj3K5HJOyZOfq1lrevEkSbLu2xb3LHDydD8e8VZHY7AJ2j9qSUK42yURG04aTFiuRhm3rEwDywwwW5dJB7Vmwd7LRt4+95GVk70o9N3Dqg9orD5W4OvpM9P1mpez",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VkurTovK7aiaHxjjRq6DQIXX385RFUteFZQE+gZ3SmI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ExZHlhOeUxfsvACEHawG8xJiF8jdpeIp05tbBN1ISoDRPYIftL9qdQ4xfCg6ATK3AkLdDoe3zOdlnD+Hd5YP9S8Y7cQscVi2r0K5uDU6O/ItgZS2iZoECy0xEL2gW60FktfNDWuqlCPNaxM4aDI/OFaYCGWscSKscMOKVVxoNSGmDRWVrxUHEgXodCvlewoG0iUA/34CAP+aiVjrUFW6YsbljpRV2fNJp9U6NLyqreLUB3ptYJk0JEiO2I2zEPCaYuhC56UoIcb6egT9Bi03emyA0juJD38J/llaNT9qNqPWttrgVNn6oZJxTMvdj5jXaEDTrKeqlTjd4JWOm1HklmLM0LDelMi0gOqMi5i9uMxFlphW7EXFbkMiW58Tbn3huBe2Gi/en6ojpiNn0R5xKwvHVYGW0rys",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VlC4tr4KuLS83gibFl3EQJiSvgI4VAThO8KZasqH4cc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8relHQgofht+CgM9NkrwAVVcfPae7/Hg/cl8IwcNpcH0Qcs70FP1E3nMKN+x0hgI+L9YYhW+Ku6VM+5l08r2lFB7A2po+cBqS3CXOah/wtJQpY0DQG62vNfu9pMKAxR8NfsKiYesn6bzVylANlmijIXC071EEpNUsVZwOC9JVFr8jsdBcfHuZMaIZdyg9jOd/62eU4XzpJISmHkKldPdArfW6/uDCrOO2LD3qH0I4RkSh15SgJbRgxAq/boxsTOx1DfZ4C7XkRkX8IsjX0jjw7n43/JkITxKbg3Qa/X+tMNT1gt1nKtMUd1YBG/qq7luDYzdyN/Wm9HJuhyGA+jyHph5qFgHlBtzRhdgK9m+fJPhJA+XMT5ZeIopEMz0DwwMCM1cq18eKxFni09OBYeSFXGGVrvM+L81",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VlMMRLEC08Ctflgjg8LFW4QmM/zJZ6r1dp+AvwE5BBM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2Wfv/hhPmTikUF5x6EoNuplCn6eG2RdMPdsz4d7O0FlRynw1WCGGKFfsp3SzdKvxZPvvW2ucIb7kAzsQCiNAKCIZGGUhfqW7m6CQecqYjvbvn2mNZ+lVPzYXKDCwdAtdHfy/hBEW2v1XEPK4Tyy0Kd8w0QjngmswvG7SeV6GSWAyqpXl6W64LsDAq9ZaQhyWC+EVMa67E24hNLb4VPbLf9GzRpy1PmDcLasbKfYQoS5r5fHkLKPRzVuPMdtnkiqKuanMYqkNRKU/qVJFNNuuG6NBmK1TXn0cc962DxRaz2mCOj8Z5IKK0dJcTbNIoAzOKzapfXH6XS7ee+ptivxuBwFjLeF+FqhN8Sx0w33H1JOAl2HgyRGHDtODn4QEURHTB2aCG8a5f3Bm3Ujq53mqfyZAogawCWWZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VmH0MSNXlQTzi3Z0cW5EDHVa4rNlC6vBgJGN+08YlDk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PtCdrhX0oPaMbpwtQ8DueMvUR37jmrrUh4Llo+Z4u2pL/gG6Hn2qm3Nqx+BO/yKIHZScmHBJO6wx5RBrY+j2EiIkNnnKazirDYMk4BbVtDQQh8sjoYiwAqyKNvtfUNr9ZT8IZC5R74IBvpGcBh3yjeRYp49b7D6cOs34ZoydGsdjof1kjiwdnDiEDKbzyP3WyLr60mZIXv0p6ji2NAc9UwpIiSllMfE3WrLvIMihQlfVQedV4iwqI/oYl0XR8j5OYpxPSH+JgwDSMrgA3nH5Jf+C8tMwnRNA7/aPSubZCyx/cg3XVRi2srK2gLVmj4N728OaDBpfowxuwHKSyMafWz9xJUToY96oE18xCOPRfD8OuHBzBFst6m7XmoPIjMLa/JyCVrt93A4eoN7iR1z807XHYpRXAXDL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VmdJ+K5gDz2Wwd4esNpbMXZ6YX+kcJd5NDSWL3T1uxo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xCOWhVpNX9IoXce6ZI+OSY7Kn5Ngaa+xnB07DacCiuZvk+wYUpi/yw/hwrH8kp+Beo5tm8X+dPoBEHbZydVrsz16i6R9gPUVR6mcI39qgUmU8JWdex/NpWjcB/JJ9jsZZV9cWtIMJ3mFss1s+pLQ+kS1zv+frgt0CeUFzun0tz5sJCeZAdMYCjQaK0Mm2f21Hq8kKrAO/Fczfq4B0XHfvd9F45U1eaQOM7qsPxSyeUgkIHLkuIW6WBLsbdbsozXGmVZE3eb93L40QLTxLMTbgBcebnLLbzgr4lXfo0a0DgPGzZVU82WibEvvqjFzuheT7I7J4/5YYzd1NZsh9/ld354NlVQe9IU7GtUmW3WsNCUojNEfVv2X9PbsKDXz9NbxXH7EEd72FDomlYO9Dnmn323Q7zvgnT3X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VndzfmHVoGes4OxE9fmKuxGKuTVtDGNL8PqiI7vrRzM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2TqiN3p+nYbkrFbAZih8oovYUIO0LHZFJbxcCHcJd/rLaaTAGWo0raENF0AReMVVGMO1D2aBpI/xD+wbR/GJom1Uz9SYJMFpqUfvlrh1reWlXYn4LHWYAtOmCVh3g0zKsDyx0UG5H/2uU1NOZFhU8wbA3I0vYchgTYmHf6Br03jDET42idyanQ5u8erlUY3UkGCOiLD55jRS6k5WfKR6/xEucZtwbSsV+ilh3/7XMA5z85bk1RhVySE6nk87XSsbKBtLQjFMAAy4pBRsbOKwhdN5YJ6YmjIlLkp8bA7t0oEDcF3yAleXV+pajjUC7yLdXV6NT0eObM5X15DL6WR5egsvAIDa0LbPxs0siGa8jraP/fQEToT48N3NV0ROiC6JzRLRGiTa/TjwibCH00ncm6sjTk+Xs8CN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Vnk04zjBkrCrD7qAAI5IGmZ89REGupFaBBMJpIxOZ+4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9Dq0VRQVCOyezRiU52bCymSJXmrjQH4WUl+s0ysvIAYNrqKVFM51C0gslbqB8duAZi+aowhStpD8XUvHT0ggfKP6ULqH2J7aKj9gyssdGD3Slepg9PGv0pntAg3WHP8pQ7XEnA24Aicz8MvttvN+YTPIojaEPdu+fy1A8Gq2wRFOZtrfjHCczzbWms3UuTm/2pViKG94HInOCY+hr411QeKALceZ8e7QGe3wOi18af317xe1GM5xHmQRgblGWsYo+credJNM0i77S0gGTe0OdJYbwibzIZcIsI5S9h7nQa/zbbooeAcv5p3JLDqaoGSz3OXDm8UyXshtXW9PwfK2DWQDEqmzeRj+QO7OLdIuEwzGsgrQXeAtZJ5SvhTQnN2NpwrWaerV0VH9P5I2nqC4qKZv4q6LG/Pk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VoLTS6ul4ziHrTptAujyRZHBhHjtD88arahswIe9kxE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FTelCdOdc4Y/mRs+HSxHIlrtlVcWs9Ahy0IQ+IY+5XUg2U0fqFbDdmZ0oCqo/SF9jMRXHO0/+JtyvrkzzA0hMKXfFKs5G0ABHEa/QsDCtpYhUgZQQHwp78gSocby1EwioAJheJVjElLg41vD8CTfdjSeNzj936PCX4/Amrctsdsv3X79z6JxvxppQVos78M6EOntFjIz9iwnXLKoAJz2xiHdmEZM/UvwqAM9GKU+jpD6cDNSFqRC+NaYevUGONB9fWMKKQaSqkgh0Hfw7h4Wkgwh8bE01ae5+WZPVkBQNT5JUJ+SD/VOwjIvpyNIGVBVJ0Ptoyvt5KP5khdmSgtJquZSbE2k3dJ3bkwsEd8bQHuYRvidzgnug3GZXaHN5vLFl88SSNKnHEjBzkyaObnZ50GaXTfQgvl6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Vq/hfCmiRqFfaW0lW043N6j1OpD409Fa4BsZZabtEO0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OhVq8o8nfNzQ09x+GX2wKSZwgKfiHAlFF/Az1GwUQVEoinT+YoL0ZLZllbdlfc6CDQHSHdCWXfLBMXfPkTNrELLVH6L0r206ZnrTjHUFeogYb1AEX5SeRoLcxxDzNxsudzX6ZWyJ0SflAoZ00YTmIgfBU+7fI7I6+Yn6GPXRrp8VbS2ynTVYoX0+uAhn8e/7PhD9p7YSaPxvjZeKJHb51j6SyiuVhLrikK6DyH4F+rz5XgQTdjnfQsbDkHwlgzJOwkQHEP06S67DZD305gzDzP2IqGdXe5Sy4C8jp7EWL/11s90R7tAGrJuYq3i2XAek+0j3fQSODt01Mfjnu7tjm/zHY7hmxikHVvVGgplOnSnXxvIm/5h+kbWk2d6KkYFM8rfmZRrnemQpidto+DYZfcVjkN8IBnB3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Vq9X+xgayvv+2ADUOxtjDXhOtwDnDk1h0jYn+9VqzGQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wnx6Sm3vRaPiwRQk5alYP9x1qEF7zaz/r+NWbVR4r6ntynlalEC0VBFR3aO9YDF8tHbcOQgYvsqC4+KVg/KOn++ZTVzVnbFQv30358PCQ06IsOm31pBliHCa9ICEeNyM6Kd65MbT1K8OxEFqb0QTRt07wootHJJbfdnRmT1tbc6171SIrZVKGeCO84HtHHiMI9e+wG4UMNacz3BiNRrYw9PJnDfXWC5Z+AvaYBoadRgCBgeo7KKLBTThZg4raEBm1Fyx6I8hPtvPkvLz2r5qmVCsui2hX9XFWQ/RLjjAf87OtKh7K8mpV66A8g0133ETX/i1pYxsjhkptFLfZNjcgCsSun/HMb6vYE22cXcRZKBpwOQyEi8UXDVz8dT2xEekrz0WhFn0unYlTaJ2Y8qESxhf7n1yjKAR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VrsTyAxKEkGqQuhFK3dhXnLu5UOx09I5fCNCCMAS8ao",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IuG6vc7bfL2IEXtzWIRF/D0VaU89bQjFZOobV32E8C0FWuEJWN4PtvlhDfRvbyIjYQPKTyO2whotUMjCEIsDE4vR8fCDodx3YJGZizuj8hGq9nJKXxyslYlymEz8Vu7KXJKnYtv1J7hvDIkdjwZpjEhw3Re/pxIvLnWCUcNmA8n+Q+zAiCqIEgyKBEZj4Df+Qz7ONACZa6zg46OS7+0JXh54KnCw81hOxV1Muh/sInq4Z7lry815g4gAs0nWSEW8Gaec+wid2QnEoNiIFaWgkkhzejy3Te5ZgayEFHa3oULu4Sk0deZu1H975CQYki2CGR5USJqkGR5oSxAigX6h6DWUHuPm6UTu51PboPl/aAzQBNUQicP7njeCPnBZhkA5yLKFaLQqX88/2Ko8fUEtaCRGkPJGdduK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Vtlu+5xKi96WLAf9Mb+OtvczHE/mhZMTeNgrQvahojI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3kQKVKP8NIylzqv/OZUZhy1PdikjfEcKu6fVlRvXmIjSjol5VutorflX8Jf8m+uiYP/FuvHJ1eZlg+aVxQGTyLUotOvOoXF/CYA1glDlQ3Z9D5pFa6Q/+DiG9kf3DOi9fUlj5fp7k/VWXfVeGJn8qE/a6DAYuRlsGeaWL/RLFRS0NEGButtOKY1uND5OUZ55RZJUYQEVRQyWS1UgGwyj9Utb5FZCHSAxwc1xlW4yri3HH1GUJxgXcue8st4yWZe5uIMn3lATHSGtbPM/yHnqpTX3/jyhWV55b/kBusPMizFFpwiEPoqYqK20SN3HbBMaHf8ShoK/lrQa7YxsxdMlGGywRMgovYE8V3RCcXfipV8sb61UzqVJK+8giq7nEsuRMlSFG2qHjuC6ASj8HTE6JomgNqm2hzRb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VvL7hD4YIj7X6vmtm+WXSg/C8inUfLZ7N+Wr+nvB6/M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UISNpos+8MNRyC2gClmxDHdFcdN15KNYtdmDG6IS/QEmLG05I2OLywa+ZfDfSBj2GLKmGW+NwwnvxXofGqi1Ze+YHdfTq2pbCTu5/MqKXZKXeI2Xk8TyvUVpi/URMKbuaN63hTmuVR9sI4y1kz0Qbjo4XALYUwH8ZdGJaEUhjKBM9Q4ApyiP2UREd2IaxDSoB9ZZ8wJesD+3AoG+56A+ef75Jd90/O7YQHvmUhvyJuW3pwrOZFI0tOdGEOOZqDCF7NwTW3bt/f7OjS2m2E9flUxg4+nt5KOqSjm5E6hh1qpdtN68v5HmUgxfEljpaxDISpMYk6dUvcRi6E/xksshTblaRCRYn2bDvcISOZC3zbGYKvgv0mKZ4fCTDAY17HMxGIetkNQKwJQYkHbBj0hxTImXmltkfvms",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Vx6Auih68atNAVqu67YMw7NeG6Y955cVJysDWtfXaXU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "t9diZdtqF9Cq7jWtT7kweIJCDL3+YlQDBuXfSB7IJyOfBKQwGJH9fD0dt1KsglCHgT0KGPHleeRIqGB/bwvgSmdzkWHhsk9qSRK7lL+KgeRzu4BdXJknCfGwczQiC1hCH2Du1SfhxKBvnyQ8hVxvnyASFXuxA52NUvWVQ1JrcE/TcPWaFS4HetmssYEFuK1kI+jmPc0XiF5Q0nehTDgdG2Gf47TV6eD7KTzDUubF2ywcXVhBfMuXEKqCU5vwkscrzD8W884ds/xcMwczKRwVtLBiC8YcMnOAXJ8fXIMDDzyWqqImEWx7M8pw6ms7CZqZ2QcyhMRTyRtRNRDxt2ko0ZIUXtE7p6EBmEisFp42VeRBQHoMmWlUmBsJxMu5/0r97lKLjwutTzgQX5B7hkr76PUiLl2GzeCB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VxJwqyHvmDrW2cNaNTeECRbMxyuiEe6hKu2FAUADjgE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XSon4FtkKbexhBPPXk39Al03y4cWoq8Lijtb1MxjeWQ9d8lK37nhJnX18ybjYffm2ugwurQ+BMQEmMuLu8l/e2X0QfJ05Ke5lvRM6a8yOGwqwoNDHcbXZFdZacTKzHERmGKs186EvTyUp8eunATPVn+47l3yqK4aCOP8Xuc4QoCne/d4ybKjGCZSDA5fptYr4n/hi91R2DOU1ui9/ga3F83AtF6BmCggWHUF7XeT9q/ovP82U32EmpUD9Byml+XtOqRPnZeHRH+WlqgCBqxlJ1m4g0rR7Ig2cYt92wcGNPbh6rtcimC3IkJhafDiz+gjDnAjPfMxH9yRWGMJFwWW0lTbvuQmQBiIT7fzHxZoYfcfj74z4zcvmqctTbDRU0V48Jcw11B50ipEzliEFknS4/FzFkT3MTg5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VyJM8QQTf8DaUts4H9N/0v0OdkRgAn0zNQfMqhPTlA4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "b9/J15GuKfNBUajoaKGir+3N5TaDZHbkBCKjHFD7zx4X0DO2wADFGTLWrXOLBoQP98VKUnm1sDny6gKwAubZeuK/1NlRiJY6hpmyozyulTqtUIQDx/7FDzZAPal1R5revgbFrLwF0HExt+vaKCbJ32ljYO8W3j+70OjhABPzo0j7OjCnxg61WvArC8UTwmujbJwSLiFVavTWpLL1mCRaLtXgEv5L6Pk2S6jDvsQhwZSQoT5dUwfN22XqS2gtyAu2HyPiMcrgNVx8rbqFZPRiKrvPykE6mzashbKbcTZG8QnuPbkDKkwF0EsT5NS6zuSFQgfu4fjwveg3cqkWJBaEeSQHoM7XSoikk/HnFTzfLP4z9fOmslgGPS+gwk6nFOVQA5N0XGfgP90SB/jfz8i32lIFzNme15Xc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "VyRBPK8vB0FeozZm5ZMDA/DNMbR/dTGpTV5jDl4uXIs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZD14AYK4fDJBxWxlrN43gZq5MHU90y3dbaBcEluV4wYQ2cRlJQbgqDHaQQOu+Untq2exh61M3Z8rVFR9eyOlnvj7+PLcW38KwMn2jgzcIKxM0Q5Kv2yFteTdZjnNkwMdoCDGhP4NBbeVdA5jlCq8XYDPu6ZYTsfLn4rrZmuQNSUdLV8LwqRyx8azp1Zm7k1X1ZqqgvHnSUWoqjkl8QLENUjV+XZ8si3ORrzYMaprw7xN9soH5gb+zC4Pmln6zlCo20BN5WNEABu88CiWTESuU2bt74+Bb1YXJ0JSl1XLhTIMcrgfG8dy9NjWNNISMg/jHG5QsBstdZAcm05K3G/EEQPW8JracWZW97aeiRirE3/P4dn8Xf72y9GauUZq/1+hUZn89jNdu6McxiAl7rpSb9fzak30Dmgl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W+BduEIX9E4CboaKQ49/d2URqwxBwzIA+n22VuKPfxo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Jxov3Jucr+336k2xzLAgBuoeIC8+rbKxBMVKme7ajM/GKWJfzclNbiAUHdpc/pitzBsx6I0qId6a54PbcxJKnxSnF/8q2eSESg9l2m5UILEdBEvFioSImYBf1mkeHRxy6cGDtNUep08iFiMp2zmAEF7Y83dMDvtzIwa6240oFcX1fuktzo1LBInlXFtjkUSAl+3i4md8hpwK6FJA1b2IbFZ9Ds0Ll+3ocot3h9WAIdkTRDNBLPFoJegs1H0YMQXXLNnMs6NeksSHipEPeT9VlEuKy80FzBngmj1+6xPEty6aqf3zcW2eV39EdPxd+ormGNkhJyLzViappYwkKJKLoaoJl26jEtiu8rY/RNJEAnnBw0Z/PQLjuF1xh5ycnPjNBws6FLlAk2eifQLHfu4FM7N0mFc5tcaX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W+c+qpyH7euzqmI6bjA8DK3SjSWoEyIJXtpC9QbMhjE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Pps4GWSBjfsm/uxLsVm4/PHdFlQjuupqfYISmVvkKcOyAv89RJJHmj1jm5tljm8Bgm7CJUqaF2TIveMFyxjX7ud0V9MYV3rYMwt2xKUJEcc6l0uHRfHlpwG6taIHg+5se/OR4WxynGD8Eflt2eV0Muz3bacLx0j8C8j+iMsaafqL5F1nU19WlxGKgaiKrc+T9GtipfyImh5pQhU0FIJuN4C9zN0RNqD/txkpo+5NRS4ZRwt5oxH6TLDDnadRWe9s/A8PysSYvCldOQUoczCOJXGN8yU4q7xZDKgbchwIMW1mbruvq5MwA/VhdhNM2ANOmzGUcaEC/se1um0829y1w7zn3UbgTG0UpPjRVCgT+iTQrmNQVEWTE6YGapAMA8ZVbDmCm1MFrGHBNoe9p0CryEvz6C5YBeLC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W+ioF7ICB7HxJ0Oy2L+sDM/MUtqdU2IR3TkFLlRsE2g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E54j4EwMKZnadwQjS6HPhPz0tWU3Hp5OPrknOFuza0VeRf4D7RlqgXAKniZON4Au4QlDpEn36yn0AKgvk7G+9GJ0jTDvVxM20elmd2nxxmBywpdMFzMHKnP37ATp6bmuxfMLjAM9fStPN8EfsNxx4I7umDos8AKoQtOGJn4jKQU1aHICivNmeAlsf5Kq78whTXO1jlSIrfSC7auI1bmbnzgLyku1HniHrhiHRoRxOFJYAFqo7Jx0pYJPJf2o96fu3PG76UVh9N6FobatUwC8pmRFNRWzv9IxHeXfpwm4ypI4eIC+d93Eci8ITLzZm8ginWGYa/gtqGZA9PGQrJ9AXv5+DISB7cOCXIEXC/p3lXmsZqVq29GkLviViOO9+/Q/flLXfo3yMSwzTTcsL5BlcIhSC3P9SYjF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W+qb8EmGVW7pn93uZIclYiY28qJcJUUG9bxPbe55tvI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P04Nu1z3iqNAkXu2Jc+vwOngWB4PvY0O8YSXYhlMYXhJKX8PKS9+s2Q/Ogf4ZwgUuM6xgQQF+8av4ZB7gIcvqsDaJYbB5uaEZLJrNrFSK1SP0K6845t6NeW7sGvvIb1migMDsurr005j68d3M6gni8M5TrxEQ8mJ/Y/lrqgn/XpXT/kUMSnfK3CZ2afmTk/A9h/lIHWgPpjr2zRlBB1FGarLA0DDzFLxNH04GoRDPXfSIo/yY+AU12xyG8G4QF3tJ2AkbsF+sfBYWixpIuSZY6mP2s1zQkEhUEyv6x93DRAn4DAhKEmegk89fg6cFcrgrSMlZNaEpBPONijRR7uiXkSYet9mAXcOZGpnZAC4Ujg4V8XwT2vgtlMfHV+EeJCo4OrusK2RqD6FPnedt3TUVQop8U+LBeHv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W/DPhy8bQkOHZxHkqaPzGXkCwrf9n5pEdjoVp5j09jw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6cu6ZpEvFqgKee2ujIknIFo9PwpWNL2+PgwmAE/O3/V80VuTK9mAsP6fJgBeEnVxMF13akJJZhocq7rz21jtvA2Tu/6WEkcRRjrpD9h9asnNtVrSIVoc3KL5qtzmasHZgAecwK/drM/LEjzidOsJzjCdnLhUHSQaKTjkEf4gBZ9pGfBIMNh4a4hCHeRuCgRwnZjXGPhQUOoRq8gbHfMDeTS/D7GqAle+n9/GqgcWRvIlw9OfbxkHSsIVG2q9s3IZIL17pHCI3P0sCuTa0tSVyDckGuFDVy4tyalMGD/dTNhCxtaHWQfnXtbxk7piGNsANrOevaNvTKUZchp7qvz83mK45qsNGan2BTv81rKv051ZMRGRc9IWi/wKDYHoXxgwKBQBOQZ5ql78rzTnVFJhuG2zlaR0QWus",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W0rWSqvZsMRRwOirAga58DsH7YfRK694JIhkHf3Tc+g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PZMRk+HRljTCK4vBxSdoeNEM3BEFgjiQhsKjX8nYmfB1dFkROIhMTWeC74QdMMfwyvU07o1RwAaS4foHonehe4kxiz90Cf8uKONJGZD1Gu7vghpNmK6CIjIVjsK48DZies7AcoBZKjKv/SJEewVv2L/NpgMmQTmsnFKJASE5E4mElEHob/1AmwG/SsFkYOYzLwQ7QgmKkV+AtzYRZ8cpHJ0p0rq0wUOFLQLONvS4ZJBmA26O6ReOc4OKRVVrYXTQ+65r0IfrYs0XKGayLgtZ0f6doHmLC04k5vWBVhunnx6oPYqZ2yVFA6bG+VYzw51HE5CSKIZQNoLn0TaI74oGNRRGc3D9rh9wbpMui3/ZS5sObX8U2JRT/mn7OYD6VTMj4hswMT9aR5mlU3kPzyJikKMvkK4K/uNV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W1SOQNB4x7dv5trreaUYs6S2hPNkHIFFsNel/tcGsuc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "frqmRsgjHizAYZjMAJVkD7wucXPFn2haIyWbgWXCP6FhjN2RBwNBRqDUSwVbHsFzZibLD+1xcjEsPRtU6y0FpRThSCWPuOjwGdLuDTJ/Uuvy/PDAP+xQ7SoLBXotCuvkWwSYPmz+9DQG4mBQRrQ/Q4RrcRUC41tVgH1eAY1pXFFvQWcENcHvPeKWu684MNaIC4Rf3bkOaDxlQ1W4a4OyaSC8VaOFXSVv7sy0wgUK+13PIYZ2fVpPkzkXWNY9U4ED88f224t7j5XV4fzaISXEuYZ9k0WkTUsnrvYszIaKrygWqJT4aVWpVlmGlEHMTZkjv3tPFzWNVPdUKlAfXOByQzv9CaOtD8NVI8Emc73bipF9cn8phyoL6CZ2D9v+158GArPwNTq0KTD7ZWGdU7UnS8IA5ZINawQX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W2pPznXRuk3c+t8Msl0JMIhhvi5tuk1mZ5EZdSWAMLc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1vT1wVVp9H/OxDQWFj1FLIBG5er0Cg6Om1YoSRadypd99glW5cirvqzuUumTAZ4C3h1Ta7gp7n7Q2F992fKPHbQZ5v9oilPLqVJq7CIHKoo1KnppgofC8o0icwikok4wRQaFHD80jRedaL4XFGkmO/aoNtun8Ug7utBqkDrT3umEjnvtrx6jA3uJfNV2wZv1AuGor7bBNEFQ13cYWM0SB1ny+FwsgV5QzJh7ztdfYYAHdsnKZQJT/5vXyMBew5UEe0l3XMm5BReRSRZJEk16A/A93k7BrtkRPSL0CqPPf5dXTkx9ennJuZ7zgGeeHa+HoSXDrxK1fvemgBikqhFfJNn6I63WBcKfImUto/uJeg+6d6TTVkVzzoBabquM5+70+umK+diIl0yBSfWdYfWkJ7oEx7ljXTup",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W3eLzad31EgGLX5WAuVHq/UPQdcUxo7wvij3SYgVLYU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bt//PScZ8tH/waro8PmL/nrkJz6DSDgquYsYAN4tDMZ1xLpXa5otjLC2J7SM8+JaSXWs5W+gVjYrGnf3bM7f+u94+arM4z6L4ZWaUxnsr9rr8QKpGEVVju4q90FLp6O4MJdmHLcqCEwIxDlwF17xOqByjRQpEGh+nBNHLWYpx0/KTZqgtUT6Fuq4N3nFB+0yuKe8OvuySLELEN4g7emHoxzCL0g0n2sbm9Y6tC3jf6RMqeuEfsVvor9ow/A+49tjt6O8hKb0Jx+TX2wGBCUbZHZcAnRuhARgXZQvWsPPvsxs14JSAy6sP+F32sAAtAweAh4RvqvIZRqM3apYcpDS3G74Dqg7a36vTglWRGJUoOG030vV6w/HObIBE/BzTVcNTMHmgPzZWbaqJiix5QaJUpKp5lpyyuX/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W4kn0jAZ1xYGFrZZis6xjdOZGxLjYNTjsB/SdwS155w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "05i/P7grySqXVx1yJKNV8Mm9BDFOxjBY/VYIGCB6skhaokjIe8Mpps90Qj+uAagi1o0PMK+DCgjaeWPWTq3MiAE1czBKDPs+IraC9mbDqNBln+0or4R0f+0XrgR8BSYtxoHsjdNb7I3eENlqq4fnkKDfa6tXce2hMgTtwGP89NHSMZrDuoawyng8OvzxP6oimjN/CNN7NCN/9dF7DXQo+vuzWrDwBq9JmczwA9PeZwyRU0gjYWtEyFMBjjEMMDPX4zuMGD+NYhmcm8zXMJU74r1R0RtYpyhVLe6NL7ijXlxAUI0pcndujhVkRPJrMxREti4VsqYfTifrVjn0kG43u8KA9plHaRfwCVX6rCo5tPxHpewx/cLO9Zw+2UFsZv8M+BME5/H6hK/p2qJIRv58hNtaOEtivLA6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W4rnngBnaVkMf/pUjGSnuiKfc9BsTLHIoTV6aYce6sA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ow+NLTO9Vd+ra7rxKl2AcDvH6/Ov2odXGjLmteBQ4rzv72e8lkwxBs6i0b5GAsuYR0SUrBwhlg07OfuXd2Um2YWoNGH5az4uYxnjGApeDV94l6H3aD8/q/Ca1S6eESW6fDqceOZBA2X1v43mfr6tmVxw9ERqXkTgQJvmdysCZoDDoIg01SJuOtv8xlc0G5dDdYWTeeMmH5s8NU0N0cq5IkR/JIZOJJVSbyDQcIC/yIYQ0yrvbk4vYM5MYnfr5Bekw/pvzZ99LuDKmi7MscvpmXf35LPxF2/9cv7UUV/7zj5HFrOTxLUvaZTE7JkPNQtwAKQo4gt144Q+2ta6D1rUqU5MgxdRnwydJpCycth0yihni61/c540teucxcYLlEmCrakF2MDxF/J10zQc3lDWnT42XyJz8eqg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W5++z9WjHt8wpqMvQP7IHZVymg2yff+2Q5vW7dWki70",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qiWwYbcK111KUbCrFxoeelfTPw0LhizGDRXRRISsx2SWUPebxNXm2aj70CFSuORjA926/CTqwQh8384n27LyV0f2NvSFFa6vwnRHKmjNsvSZDBvz6Ec3WgP0uLK5KKl2HHzKDJxlxeHmYF40vw8DjXPwCyfCoLNver/6cwGwb5axjdadu/XWIthtK2rbnGMuG9LiQ9nze5o2fESyrY+xDkkiWFwa97u1oczWDidjSZFMHCUpQnurUgRQK4TPTHnMDVZC85DlrjI14/p25iDwZqd+0gJdccO7trkjgP2geHWoHK0IciYEevuV97C+sFAgccE4nGuAOPYwmQGG48Cj75drWKqKqXv0pUhIWp5PmE7bEF9Kpm3m/7Udx2S6PqFgAJGhgbLpTlkjXLcrvEAgzgJo2Z0r6fPm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W5KduGgclylO0kszBjB/HhLw3nVFdmJpWZIRsSbUvHY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BZnvMjLJrKJHCyA3sbCc3pxC6gwkO1zfa3DI5GGAgsZUoYZtaAbLY/IvGJsTYyD4HqDvgvObEysMEXaVQ6jeHoT+snMRVDdPekX1zqVgkc5i7xvspGB62kd9z0XlZW7BKbmvBd2ixElwUG1GLn9DTj+cB8MJuazG5NcNtSxU47uskgiNRPVG3BQAN05kiuKTGLj8cWTuw34m0D8v1Xmqk8taXTzMmxPtjkyWZS9uylh9vc7OYmf8QrGCz4dg6P1kh7Ti3SjMEUSvfTdC4jm1fDVLw0vSI6Hn4z+MPsJtqOYgWwNTT3kQ14WX3HvcPRoTrCX3D5jUFWtIh+Adeq1aSaWUf+wt6iVpR0ioGnaX2uCuElgMUeQByuDFUM5PUCi012WVIXHwiZeklX8lNj+jRQfsE3Hx5Pog",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W5nBhaeNWCbIs1o2Tq3vHJKqtpoXJ6YTjrYejFZgAVA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3gaAYTAEWnFUpRyvcGlRe9IxlfAMk+gFFDREamJ4ohDXib9Pyedz+nSTwoR9A2NJJaZZmFdYyCva733PjZchweMoHeiZv35oOpdeAiIDDP6o/9tpr79n3H8w0zrQB5aHcAQ+i3tgi4i+uv6YEMmLTY9YUGkXv0peeSyNROTM7U9Ab4LAEGk0iEKpomOjd7exOlr8itOZGQj9b1WLEkBu6pSullTq2D5zydEkcR2K7qGbuYpN+YIjK13T+VKYVQ3zDVnwUkLzDWxw2AgQcbXxH+LQR5SRDVRwtFqYubO694WbouREa9yYm7IX0z3bkglDDG9dTGjY7Qelmj11rA7rWazttZhGGMManTILD1IKg4eOVAiRjPqi36JDgk9QBBtUA5FKqpxM//1vOrDK/CR6Zg/dlT2aHMkY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W7DPV8nazSRnAN3cNbtfhqeWWvbq+IitOumvRGs3NxQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gHD8zZGoE88x/Ap720c41eSEm6HBXN3r8hi7a19rFxMQyIWbh3vdOA94eVCzMYsetX7cXInwTOEvAQXJWSkYOmd6jl5ZgLrRS52uvI896xgkdf0S6BVC+T6kUacCI34FMnoZNp1uLnvmv1vhMQsJy9yNUDItDW3qxoCyr5uFM1iFljA8zTWPkYmt0vZ8Lk8jNiOst4v/4EG9JPlVUsgeJxFMR92S/V5bGGGqtZOQIv28xpUNy+ljXvSxZ5qfPnIXUZMpB8SGbj78+7aaUp0z2Oiw+85jADWOx3WXdN8K6DwSh2lShBHbxpJY7vGFj0Kzw1cI2Xlj5z98W1qwWaLPAJ9qdOcP5KCOdXGozifB9qQl+GURH9hYtetUsCEsf7Yx43yydHmU8CREADRKYGMdEVx90f2XofDl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W7LoThqJ1MQtDxY5YVAdXOr/+oah/YoBczeuvv4Qfxw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gQ4BJ8eHZJOuX1PSaGh557yOFfQJ0LXkN1/aTQ01mvijrDxheFEAXmxmwh+vGBwcVii4HUbhsNDEsm+hkIsjd0bfIRzs4IrmVJaBnRK+Utuk/6Rig/y3tLE0tXZgXEaabpJRe5VKKmp3j14P+LCkK5dfpNY5eiMYGagl1eSF93ZMjoJvWWni+Y4+9WlS28Wxpubd7jvXQGRWQysB5j2MFVjYZBDyZi8zjIxWYLVdlr68KqaZeC5mR6G3CuvZfmVNrWeQD7XN35801B1mu72rdwzhD9NH4GxJMKEH2GFlwv3mbdGDK2Oife6hBwgANr01mRBHZ+eZuDXpNLnVKki7JT/Ncx+bLlK1W8Dr44hCtlMR2Ge4QJEY/iB3MsODnVEPhGloT1/Qua7o9K6FqZ6TwX/snftTyJtm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "W9GU0eoBvQ5FGQz2DVmHZejvEcoMtE5L1LRWLaJnw08",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6rRFTJFaVN6P8pwYEPQh5uWwQAPbji796zzCl+mvmpsR2bxO3Zdd/DU14wQ/0f1IXvMZ5z2WieEkL8J2lzxXgTw/mrnkX4ovZHvRCZMb3BfHlfPdaUhsLbGQMkh9sab5cbvRM+IFYqB2wdJVI+W6/7j7ah9iX1cR0nhtwOM+oX1t0jVlJ8ne0RDeiHANQtVeaz1V5URYVwxptGjR3i+p45/+3MVfo6qLHakZnqH7fuSZYQblZgK/6Pvkwk8/GOXCWtV8GHF4p075MksK4C4IBHEdmjT3PDvBSAaSN0bqQqHlZSG7nOdJTQKnQUXB8T577/vtFtNezoDOFOGlhL78JV7EBFH7kc5eOR0tvUsUOhpG/okoLbeIALu2WrkGkK2hmLYpCX+yWafzpNSmQNAO2G8Rc339J/NN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WAITYTTvaWrCTScrrUw9yP6pHgYqyPBNkSvp5w/EUKQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YMDKPaFA4+FlSd2A6s/SzEeIvPn+o1TwHtT/f1qQ8t2xX1vUeqqKHdBN+dS97hZD3xu10IDhO3RiSzqkp4Cca+dMpZbHw5/EopF9RvuYTRvw6qBVPpudGRZOTEJ9vTAEH4zxhi+5x4zXLJVe2FXzK/wouiXCft3iNJHtP0Zbl4Q3t7uJb+bW5wSwGp5EjbN0jOCXAW8mr1QlbuaPpo36gCEZDXBmbH230sQ6DWp7rVAJN2vj0hm5LwH+vCCVn9eZTKG3Ndn/iEvE2OcK2LA0l6yfgU82R9Eq22/Tbm0hcHS5cpPxHbiOuQcFOhQUVdzyfdnf//YbBRCm2zDaz7/RD8Rr7nWwxG0LJ2EF8LlmqUmGRXOL3zf0AyJSBvbS8Z7eotI+SiPVwGLhmzl06R/5EteVuAvPK5Aq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WAWMgqDxLaDNAXXZ3G7CTOvWR4WD448ZAEuwjv5EjAQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qgNkSlE+2PwDUFQPJxOyX0Lrl/zqGahOIoG9/jURbRardWdwVN2w5lPGYgSkBGMVxnaskaQlQznZ7/i7bJCbyjVqzo/pwJFVJMWQvuRUUJ13tljVDF7cKjxM1fdRbCKlDoAIfZHRqDhKIM/zUbp9Nv9sfFPpdk1dyWbGB68TC89uRlpPWxpTFIqg+akr350tZzZAHQQaD9dW+pg9r9AZHQFuPmd+ex/h6EQ2rrM5d0DqYbLtfSgQJh45rjKdjJ87DrUZzXd92Xvzx9RaqPyNgG0g7Si+jgNZrz2N/kPFhYVIKZmVJjcRZ9c+yif0Kj03DA8qbUlPfrWBcCBTNK24fwj2+4KBnQBimddOoOTpk3nmA80DWBGIYtclAnH1xemFRWlqNQ/YHYinDWxesuscfcrqnt7RL2Wp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WB87a3RoQ5qe8crYzfI7EQ9dOZTyYNtgWcCxjktOtCI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EqYM8eZcbaWNkYflTwCcEMNCBs24BTuZXw/pWPOwgmMRpzu8bv7rh/28gBjKEKht+gat86mVhasK2ylMSzm8qyCykZvaLhHsq5QmYOibpSczYFDvTwq+fTBf/vNYvkE5+hQPkcDMXVD7n2YsKh6bphLG4yI30Oyw2Be6BcVN6xTIS57CI6OWFNmEkRU+gfUre1n6s3AKC1g4Nh7v1SX/89LTvSVgZjsJZ2KaSvwThYHV3YBJz1faJuM60VbquZxoFMDK2X7MHxW2yki+97k+L6L8rdkHB0DhNAEvwn9XpZ40HxWjNdrIRbVcUGD9xcT3LySjH1KxX8Qv/URYYFfRUl7nq0Q5nBxB8o5Nn23cSyCQFN7sVI4DXclKSCzd77VaeSpvn6snbJo7vz9/GOfJvzqLGvwVzqKn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WBigjO+GD7pK5KZSjr1wZXfTWiv9MU5fWVAxsPI8uoQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zI4RILqh9Izw8XUsIjOpnB9HzN+Ie1Dv0c/XKUSPrkAD9WbwVx3jQDSUxOhPiKA3g+MU5uziS9TxJi9FmjGigpDsU/o8A+aaP5J8t3qltGd7lCB+g0dp1P2W36Kcoj31jRtIWBg3w3uPeQjpNGX6zHPRs2OTVEZIL+T2Wa8KPpBbdsIxOJn3uLga+NrOjsEgGuNPaOB2L/BX2+RbiQOfQ/LLtbcWGjapeicsQIafwuCJSw+i7YBj+KD6zWEweRgcdWtrHzaMysqgqSsCVjMmVHlbH493QsYnosoR+3tN25E0kWLX7++bHZaWe3b6kKoPlkC40P/h++DlUEGPAdQ6lR07d1R19fzpuk5yUlQu6QHW01fiFVEPHKgWEWgkSjUj552urTz4INuVMzl0SfffhCtCWoIt/+uR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WCGJie17BIPxMfjWpfvvDTFRc6Gxa1L7XzVZ7NXSZ8Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "swwiRek7nQuOmT2Hs/lcWGg9Td5R/L+1JawrT3BxMlfjqGb6MPmIWFcckyMuBvYBwhalG1Sg1gxWaiV6GmL7bLdVNQ230/OK5E4iImedeuBDi47SLfYhVXo1SEiEcnkEhjrdw2n3lf/dMB3Hoe+OAXYbrDm3kbsTP5HxQmB0ROvqej1oq2V3YzdiSJonYZxj1DeZ2qQX/usozd43YKVYnixSY5jJMwsWUt0kvx5VQbq6onZbqzA1cYInGMU5LIePaNyuw/e2pHnyb0Obj9oYZxobuL5KdUglq0eb27OQ59AAtGEqixrxq5gXgCHDJ0v6093V4YxdXlgBvlDTZ/E1/7I5hw1HUdLzD6sGZVgNzjx8lt4qIQ9zG3BlBQiQqJa7i9Dj4vjWFtbdAeJj1jtcQeIIx3ofZi/C",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WD/e91E2U6CGL1W2CG1TRJekoREQSDKXLatNTNjpgyo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c267SuIxmGhmvBRmkhg5JFWm/o6/J0CN7+xgEgwQ6GAUJGl/Hk7BfEsQ7YvlK6tI2Q2LzaDAXNBUQ+G4XK1sdQ06G5WcIH+PvGhet0omtEVmJZfnbHVSIVIOIv/ib2n3KPO7ZeHUy0t63WcUQg+QshvAzGdhUay5yGubakRwPQZltUA72vzKE1xN/ZmI2S1MWaPSItFoLfjefIFFhOdByjCjIe4ZWCIQbQ1Y1Ps8RvIYrmSejN1cPfr8JpOjtm3wpMLxCyEwXam6RjmTWdeOsogqoXjvMXZ6//eiEs/bRlycBWD5bT9yDO71bvv1Yr8kXciaJN57WmeyC46p5M9BdFITosNajzL5bCDOXPzmJmwjFYWasi7rVAj3Eg00yBYA+sN5xVAC58LpSRUWP8/WY6F/p1Gh7+HN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WDGbgccH98MxL6OQgeFw73d+SmDqUHuwdi44hyRq3X0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kPuu4L+sVihAdRTdPajz5KB+wAbQ68Uh8dNbO45EMkfMyrdRnWvQUwks5zb7d6x3TVx0KNFMUN+rv++FL3lK0V3o6OwqUsPfCF9wmPEKszGCJ5clijz5/PL/QYC+MFlSAj8dDs6JnP2DQmkgQbWSPKrpNFr8fOnq4c+wdHMOM1C7FPj5ip5vfE+qlUy+wjNIppEYp6684sK4IHgq+1IVoRXS/ikmbHIf9NWikJocXXdbz4nN0GKXxcEkKGPlcFke9uhas55A8n6u7hK9CI7eFl7u+44ACTJ0P99xQUL/jJ5KK0aimpggehuBY9mgXOvrmQ2d9sQcs2Hc/n24jKoJCHwikXtoB0BdNKL+vUcq312tQg+QpNP+z72+8u/ZSYkMf8uFG+L47boKkvhahh8XQLMtoCSkUfdI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WDZTUlWL38h7tjpyQEaOogGr6Oa38i4vgTY65/P585k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1yf2LKBpQRsZ3Ob/6ZCVQdKbOp0gIXg/eWMUDPGbZRgImih2MuaRTPyxmeG6M6xfGqAaU8M65q6OG5rdgsX1vObnO0OkITxG6tyyK6uL25+vGm8mEkt3NHOfBxvm3QKtWU9W/4TMTwuq6EAYMwvbM3sI5YD+tkgDJ5lCRQ6vZOEH9JjkHcsfdEfejTioDOaBEIEXJI0fQcPBkCftuXzb+3+H5O7tExYmsnCbk6fubJkQY8CHaUomctcdsGMRTZ6HVOw9yaDMKIPFOAJBRH6rTe21n1yHLZUCb0ZZf87gBcHOtkhow7QFEnVDMzvqUc9a+mGtMx5nhRI8ihi+tNL9dfBWSOU5SdAwUxIegAiauXAE3hNOfF09C4HDgGd0gnM7uaDZ6fqJmBECRhPiwF4nQsLxVLA4v1KI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WEK7FhZfQXZMjURRiN8eVevE37bJpU4QHT0SxpFC2tM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M2f+56HEd05vxdmC69l1xViT9eno9dyBn1VBKKY1FqO1lg+GjdQsejoV2b3L65wCXJ1+gLl5os3gGyGfUEEFb5Lg6cQ0mMqZXp6fYUagaXdPh5sHRc3ZZLpKFeIYODpgL0zj8TrWg4D7HRhj9UFWVc7vO4WQ6/M+Y4DSnaH5s9hazu5nVqal9m+VrVpwlK8+Y4q7xgFc6ZfL7vEDcn7qWvXJKfWoJX+si/FVzXkeWRAeRrGQ51l5ZBmNl4JS6YUGl98sojsc9wUzMmczv8LkYmkMuLawf1K985XRIy2efKDRmXemfBDes49O5Iq1Goou/mPFGJO+3uB0vM2EcWXMa3W/L9KD+Tpmq/tJXpZRCxbI7vSYNuJD0VolxlfLOy/wB0nlAZUHTRmkVGUdNMwTpT/X+sU9E93b",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WEfyixFcEn69KOYl+ZDmT5sFv/M8I0yo1KntnwWY25M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W3wQ5gkHWFxVnpEeTIWWhdT/eDZvHvyAlfkJAb6ai4peUJhKJG6yz5/EETP+GhV04hLrSbmgsa2na20QvtYknosrKME73psnCZJv4xJG6ZurwzoeBPf56KWJRuE+GbSULGUGWxCZAaTz8zkH+Hy2tfnbwfQs0J1TX54pRcpnWz16jeDK0k2mmzAbZTAGpkz3DRn+fT1x1bjUs03NLlwaZeet1IAZZbCyO6Vw2V+bPtxrpjsseDansljO4BM3eRWFkJdw96KBunR5D8kq+i0ogaPuGSHtnIpmUr4WhR9L6LvBJzItyXcxRyoE82cZDoyRfso2LXqk2KAd+a/AqM+O3S8ZzBqCZH0AQEMZg3H8p8gDcc3y68EH7GzdC+i8Eq9n8ouGEDO2yucA6EamjA+10gCGWdjXjZ+E",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WEmFcN6FPFmlVBngGTN2ax4XF/dNdOTXefujDMeOduo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aN6R0u5HIfKq5UKwlzvQwk53yFVn4X8m4ujH+hmrv9ofcIIs3g+1VQNcBLR4ApBCFQ/qiZ7czsQUeoGXITgyQ3e+QDsRBITjVzAs8NqpfROor42y1gIQYwI1KQX8/ORnRZ7LDffgL4vAtr7AbkjKHipjuy6CbAyNqO3cQje+vSNhOAyytPAeMDeDq1fvQxDB0B3+RMbaFp/wkBvtUyJ4SdDWFet69MIOUaa0STF67kStNZekfV3jKhVjDRFXkT5YbjGQqJhEOaQ+ZUrGOnhO0iJhpX8B3BSur2TY9F9aHLWy74Hk7nqcYqTvnhF4TJIN9WKd0RnkkEnN09uwPlObd8YJMp52UxrZXDfkZjlL4pkj9KCcgFlKK0N3Rp/luOMktB21JinBw5NA+6233p9JD5s1GN17UU6l",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WFeisB3yTjLz0Gx3vCISV6/D50lbQg95U5zV1v1QrL8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5S3jg4iCeXE3IveetTyi7i5/Yic4NjMF6wbefJy4qx0vOUONO5LaH8nso7gM4xQL04vP4Zb6EWsk+YMrvMRMIzZdzMG0Te6pQjq5sMAXtMYy4gTdKD59B23ZiHqyBaPLH38sS6uTq8SNxPKymIUPmEenURDA4bOxWhihQaKezJmpu+WTu7R7E9NbRN5Qd90YpDArTvYUv3CzQmMomNt4GYoozDNUtplsg842fStLMphzAkOCQ+cSAD9M7L6eMYi7Vk+1/mVV938X6OfQp9fWtuCtGpif+9cBeknkuEi3ZG/t0+GF6Ll0+RNw7bi30Jkv/yLt4h7Jkh1YYHcGB14Et1HPxcmDQjuTVAT1ErKAB/e/t94Lnal80Uau1R+BaUprtGhUeZeTvClaN40Xbf5YHKV6BhNdae85",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WFuNF8A8hNU/l8X08f3+iAdlcj2FXxcIrhmuHfWtWz0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P+9Dcyo177lFcP12guZrxqI+Dji3u46yFyXSj1tNv/zsdUPJyNnJ2IlifK72/CTdkZxwPAGhbkGe8yrv4YnCz4mEjkUQMRqh3X9ZligIRzJC84gTUnALx8MFlimvwhlOz5MongvtxhV+OUrfXgID6K7fXnLxWLU+pd+Snzzld2nrWkAMQuIIhLy2g6Xvq1uLEt2RETqCdXLmJEF80rCS01ARrvJXBOeQvaCPy8855Nk5H7NIojrBEgOnQc1oDe12pMhYOIaBOfLOIwBPzI05K3pWcg6a0ubB5KolMcIYsVFOowI3RFT+g9S3DLUOqhg8SW9An2gEM0Dpr95mMVw5t6yHPvdkA6XErB7dtMQHYNxV3cWVpUao9ZTSndtyXUcYHVpaJvgABS5aIad3S63xDTePu9sKPZCX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WHrsIZHvpLc2DnvvE2xgYqlcw+t2rNBf3579Nx5f1cQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qHh7XOxCkc76Y010rFBxhgBmmNGfoc6+Yt6UlwBYkM0WeFo0decuOV4QwSMQ0XBp0JHy5LDA71unHn15cWH6LHYF0svNqgYrUdMnOn59JjpypSC3/BblH6ZULZYJXAzAnf9QidWatJeE9fxwPMd+pZZaFdJds/tW9l650pXN8QORb7PbkR5tXaTVVVsJbbmabXUAYZ4k2pjHAFBZEAdWfjxOGY5VyyWLS2uaObmKLvbE9YPW7+4b3AayaxO/PWms7XURckUw+fEhfTrC2kZAlGBC/CJWdZAlK7NNpZ8PVZuiOsvhLfQzM8TDzmncaONJ2nZHlQ4jmHp1xEjltcgSPmcnfaY6PBv5aNHBCvokUuRPh1eLTsEryZur/2u0OFtTzL9YABu0VLzqv5/5BpdcHDud6VMWJq4+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WHtR4jAgyZD3t02gpGLjSrj2+kPs1URz5KKzZDGLBCM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d/HDAxbp09dXv5sxOubweEJF3pP9VhDMCYazi1Rqacn+QxQg8ek0TwZJ4K828dn02i+avhHJCtEXoMM7jDvmKZaZmt8pCemTTQ7jWL1UR6KFkaG6usaA2Tgs4brQxDF5UPgiGNv8BSsRZwOWnRo+dkSx/DWMotlb7QTy0VnoQRhscNuMDfUUVlj58EJ/kPcsS6Svhv6ylgr7JejH7HkwVCKXjN+RZqfWJ+3zaTEi1zZ3zO8ReITh0IRZ/57G7BmOlQDTg+hRtwAZ2Vhmdiv63f4tRN4sfpn1MOjiSrdJR5JkXzGKPd8YlFvHaFSsksqiQa1lV/TCunie99m1bek/MXaDnnKUhrVrSRPC0tJShubtCISaXOZQBB7kWlmiNsQ5RMc2fX89hpgFw27GfjktttO349bC2ssC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WIWvbTBEtarX9opwjsqO3m+TD+CbELKJS6yFVgwAlRQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jUg+xqIEg0m4fE7Bo2oiTgDDUbGEB3IMMetW5y/16r6/8M4Ok8s4lYSgw5x+/1mC9RwEtCkfACmWVxKut8bxqENBg3P1Vz0N4hSPVMZx2CRkYVOvYLmDlKDhHveYKZbJ3lxuw6ifk8k2K/wJwQjsOvhFITGXoLabLsGIOjpNaG62kzbKSZUjX2Nk/3Ph0fNE9hYqG7ZnFQlmI67nu9f67JSIg4O7JTFCilNrregKAC3/XZQUTD91pOqLA6i8+KUrMgILAg+3u/pZ+4Y+/OGPnkr6DyoIuKeTWXJGlP7aFI9Qts81SqIUKq1Oimot/g8AbAGcjxSz+PTKJcntERtCekFmEu/jaWYUadMI7Eqf/sZKTO6uSU2tU575RbCjiseRBbPQKNi3HKroOu5U2ZvC9o/2r9DOnhFn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WLL6QwNlSIcyTidLnKsnw35nku79m8hbZlyYVCtMWXk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SrOjvUamWHU9RvRB49qKZMQQmScvV5dfRKiJc7nyZQUV/cAZjfmkkdMMXJpvhi3F4jyc22lQWw2JixoeyX2efq2QLFtvZUnio9CcFodvqVldd83I7/L2YVAD7QlxUsPPjTd1TCh0TYEOLz/1ZxoEoo8BYdOowAc+Tf6zi4SYRdrHoBhxaVywNuGNevT/Iqf4gQYyi/O90k33luWGgS3E+o/6rN+r6thrhl2Rzl9fE7eqlqjyaJB3BRjj5nsxQuhYRfcpsKSqVXrCLGKd/ak4a9nD/Z8Lfg14WuNJixT3GlWZID9tAgrbet7dy2qCvs56mx5EebpMw6A4bDr2bG5y5O8alSO4u3Jfe3/53BIR5903fa/0ArN4d5lYl2Vt01FCmOiU95RwMGQvS/W8mfeXt5Kj674Gx1At",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WMFYsjPFDuV2yaRndpNFmoXf+WYVnaIPh2MPnLsPZHE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IMaDnC0pdoDMcra7kkgTQM8YD0PUmgTpsXHn555KjoGFFT9XgLdOS9/+gMjggsrrZhuJmbWkAlPqyo4rBQ+sbIByuBWOPthaZ6vhp31bTwSKz2vfkceUtxXPIJtkZt7OkPP+y/Fr9/OKRWwFg/orIApXK+oEqjeoeMuzIWQFhU+ofA8KfZtYWVlX45yN0yZvaTl4jPLb9QCyA76I1R47KmjENEQHRVBTRqjCQ/CGXawkL/1ek4dm5hX/Fb9Pe/CnkUAuYIh6Sw0bpY0lBAWQixJVP4G0B+eflL7Nxl4mYb5zDlUP0GXdpB7/EKpz2hBcWhTOqKWu2/N9TUUws9bjEBRRuEPMJWSucSQZqx4VkI4IFrU51vbhd+yKdiH2ZP6Pc0LbSAQ/5yTC9GVONfrs4zhps42rxbWk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WMWoGJfwPC+8UIN+yyeq6VVsxHAhxe1NQM3wrlaQrWU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qR0NyUvjDMzAwLlnA8ZibYAaXS+jef5CPlAE+taKr2sTLet357IqQvdwPQzKIaGdLK6dvxJdUrbq/tngrq+WV8UlzGCGjxSLvIKiKdmSUjj6YLvyIwhSlBcsdzItbJNAz4uWLlbOe2kfHzq8vMh17xqh8tj3/Ped0r4BDx8K1hXNA2G1LI6YBTbWqkEkPiKfuy7vJ6vUVKIpl/ibr7Q+awhx4b5C0l+aVwOIhzyebhjf2Q9CvAHfuxp6LKbjNf0M9O4ZWIW/werBJ/CkKsXFEhzGeBUEBdmKvNRSgV6PnMrfaw6B/M8Y263le6uEJyjJ2zgrDEsU2dCTg2sONqGKWtzHECTb3fYD6sdtfTvlS/yWB5nvAHlMeabPnmoypMPwvZN/4qGHOXJgAN7tws1agGITBcnQ9zNM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WMYlriCdSiLbKtBI2RELUgBkIAUCe0O5HVU+ioS/SJY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/AlNpWCQ3eSHx5iKdb10oFsSdb9pzPxy4fN7HYBTXN5x6K54SZ3bwsOusBy1s2Gf8WQIYB00bNdJvDXfLCY6C2BpkYjxqhnq2IDXScafs3xCXvGXqitK48ZwLtO8Yk09/2ocPjCcaTmLviwTScOVbYD/Q3LKhtDg8LKrg23dSlp8U9hZ2+b5xhtswQ9pCk5ufPMqPnYwSveZakZkPSphmZBRVcrU7FIDSV0VyBq9oQs25XUy6ICzHKLQ1C9LY/eNuTsuIjOrgzY0C9wjmpVBu9BAJif6eh+YXe4kRpDrWKieR/E9MdG/ZTyZGWTaWyOIX18rLblIZpXCQm203M5LlbQA9TkCsPxo5ZDobjoUTW9/ZPbnWWStbhT1wjrbkaAcpSV76kDI8myfU1iUL7/MZEQKqpEtl/d4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WOngfTxNGX247AovZHClAnQcGX+jJo+AGwDGeiZrdHA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iudqUPL9Jj+EghT4PNmVfw0VGp1NEPXW8JywZur1kcTmkXSufnMN4EnaYsBfxO7JwLM56f3VnnA+VIRKA0iW8lBHKXx1ARjqXKZqxDjZ80M819MYcJbL1mNzfGCgKgaaaYIUiElVribfbrTvKxpO78imkI0SwK3RP4igcW5kRbel0qOx/mtTh2klPYcvuy1cb3/BJ5VdFY60ypYiEvh7rlUKr9IdrdR6yXYIoDThLmqQUofKD57woRP9hHO4RvsDFkxLp0kP+5gKqfyMoRI196KDtsnN3AVvXKN3po5DS1g42sPiCJt0+LuyNry/QjMYFkUPU39Lb8hHqFro72F74N2ifg4OkNEVXuPoVKBPJfp2zI9t4L7c5T4WkSi2ZRhkIYYbRsmK474oYJdqwtfBlWnfIOWrQMdx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WQF0NCf+yq/UQC56DPD1Nvf01P3wFhczzCvtiQ6tSMo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+YIdEcwU6ZJ+BI13A+walktPljOZ8pGnvjtX3JtDMq5uk9Of5GWOqyI33EwyimJUlARO/xwlDs1kunlkn0p9sXSeSX7tgg4zQ+9kAYJutbgbWm9mjVDUJNqSKg3ymPCLp/Q/e0exk7RpIuKWi/7fB3VWfqjZJkM0jzklUtpJ+skXtZCnWEPITikf7721pVRGW1IefhJIStR5kmQNM+xXcJPoq1uzFJwWwirUxZ5+tqAfVfpu2NDxFiOLV6xySybJHY5zDRauo2l+Lx2xzJCOYr9CsRhSjFuHOF10j5HNobrFrcSoYLX9Oy8yhjd+V2dM1cPc3CgAdsR+yvmVjRq6khrM3cavFE4cIwMkP/57k1HYG1UGk0yI7aygOYzk9UlUrzsMLV1lje4L+MYpIO0S1yXl4oM3/BzC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WQsECj65UKrY7Z4bZ+oPXbD8yOXGON4YfGZifsvzAQs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zt/KRpBqJDdp+WWdOclCLcDFChDHIGG33jeBWKUbwhxqatK5fzc9fI63EgbIUiFJ/jCe6xQJdmxyxyBX9B7EiK8esytMuogX10RHI+DpmR2/a29NmHWUwHpn5a1FFsRgefwPXa6lc2aWSyi0B7p1g9gUctd6wPGc2VGZc+rjeyj/8w9SXwyCRohjeTN6lXmEyH3wMogzCqvjPGMJsh0N/YGYo/iviReo5MiBVrAxDRQawJqMcMNTl2YT3AWwoeLlSoIS+IytCJJGsnKL1BeRq7ErscD8szps69pvxjCnr6SEcJlDesVP/beODDfpXBFNHS8E34jlEvhUPMJpuHIUKPszmz6t6YepE0xJdXGnjwQXNmxdpp6q/DjFBN9zYdaxXajwrydZSD0920pq3z1tH38jzcxG496T",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WRIJPubr7czPvcCfi8tzZ9mhsxTLi7y3jWsOwYkBFHM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PLV91vK2eyUf1NAnVTLosIJKOupuK6IkK14AOeYpuM2RqlgPmtTByv+dioZt9AZkGjZejYJXS8w4vGCQND46DliQT5oRlAjNuNhyI9inTeEQqFKd1CZbfAJ/V7J6JsXLNQApzYUu5e6grYbXfhnwI6Q9ffATbfT0CTkIeYAmaf7wP4ubqzJE5RpVGl4Mr//oiLfFdgnj6msc7QRwWhjMY9JELpNSj9FPkcVh1WAL2DzGoPn3KLbUT6vgeb1DkM4fRjZGdQswESmnBHGm96ssVTyCVc9fUGK9pdyiH2yuz3jHScwaN/a216OiHf4d+FDw77WxZUEFdsY+TGJ3zVXLFg7277F3J76uw7ACPIqdk/h31aEVo9h6TyxvaFDxemrgVAcZKLwe+9N2OFloNt384t7bOGNvKKL0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WRNJH5eHVG1iNycEqaoq+t+jolx1Q9wjVRWXBIq/rDs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aO9J+gVn59s0hCnyb/Cj+EqYiTmfFZqk9h4O/rFjYWFhLJdcNCw2L4jE9AoEjw8PwgJsIniKolvbiWaeZOBPhbhEGrhiFFC3dLan7sQwdk5EO9Rk7fv3nuKbnbYNYXhecSeJNCQ/N4eGCBWEo8rHvsavAVvwKy/f3hea9GC8urrDiLBmbPUqfdHehK7JxrBxXtaVqa2fb7JYx1837iWCJKXgA4Vs8pdf1t/HTFAErooGCDo3sgxClYpgOO7AOzGqRW8tjsJCqrIxck06TY+3lfuXWhpMq97UdWWDJ88u7JxPmT3s/CXtGF5uuNoVCDJwFO9TuzSnN+b6viZ26S8t/JNppcI/KB9YeiJB12xW9bmu4XL+GNw6r94piA5xvyvi1d6oVSmrKxBAc3vvF/LB0TO+MPMIZ1bg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WS18MowHygCNE2fDKzdiZ1aK5+q1aUuFJxTm/mszDG0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WwaCUuaS4GeANhKL1+fD89N5hfiJOJombuQ62paYQ5MxV8AWtYucDt1JgsdCMt0qX7MBJoJeUHkKDtMKHwl0axY9JnN2mCqyKAl/W2j01xNCjTwwITG7Jhe8D4XxsLg4H/rL1geSrqUfgA+A7zHTYSBuCmBi2eNx9iq0sUKuE4APKX//Bukt1oZ60Q5CA41adgNBrhIolGr8IRN71Q5JURuCkypa24wmMu/79Ee+hDvzqCvj0JZSE47zCh4dHaB1Gr9EeyG3hqjiBiT65TC0880F76qgRy1q2o35LNSlgSVW/Bp1nMCXlyo5r5WVDoCptjB/LU6B6Y2b775PoYNTujdUVj+UiiMzKNOwxsJkNArDJizQU7Ms7Uy44LlPsMDOWGXHpQZplOZCssMGxXlx0DTBMO3uhDnD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WS4YoINQ5eJetX7oLh6clY+yWG2EU9oo+FiFNL1qFzw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rDOU2Q2OgR9EdcH679PNy2tKyID+JKJx42GPmeu6j0mVUmar4HGqAUE2iMlllMcy2drLfxfkH0XyezolE6oEEGV7Wc0RiSO8QBvyHmqpdIclc3WX51wDq3u42U5Mb5XCqrdmUkZlkiFFNcBm6oy2lStGVH3RYodnP8GU4gJGaAsX//UkfuHoARPBAKPo6hOJSW0Q7hAHR2n/7qcabW5cSMneom9L4x+wPWuhXQQ4ui7jHaGHMb4DNSKdbxI3l+p9CNsD9sUc5K67Gmusos9q0gJU6FQodoiAmfR3q+0Urg22dkujgq2tyhRlUnqN7R8s1qByOKGbTW21xZbThkc40UTir5E1QkjrmudZM+1dvSvRcu69q3+NaqnhEoLp0ALyD3DrdGLUyzDAlD4Xru3SJVx2ZmzzElDO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WSOeMe8CjJQaBQ8CyWhxGPp2NZIDlCyWw6UiSs34syM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AU81p4BT/amIdOHQGXQkq+0ZkPQgXPTak75KXzSmUcIKYyG4ldiM6toqjxbdfui3to+B68qKYanMQ2hVsPmBnjeVl8k1IJPLMFoTEScSwu5YLX0oUzgw37KpLnWvM0lUYDAeKGRYckezNQwQFmQk3+LsawPWJoZm8kX2gR/xelifx1dFz6PgpssOmsKMOalq5+YRVL/nEBncEsQrxIqvrlaGiAlspVcBH3OV460AN3VyIfxGRE/uomkDub2w3uv91ZscUlCHk4rlZGKeqOz1gYiHeB7mpuZvNnaSBZuG7D46P7WCxnagfBuruGHWJDN4mqsV4DM17h2DlDvc+4u46ndjKkhIaMMfG8RRRX/wGmV+cDTBGZjzhDtZhjBWSxOGBXFL5TUtptpGDaDvUfqKmpuRvWywXExz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WTAFPey6tCH5uLMm7tR+jCP8dmi8sVk0MjxbHs3o+GE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "stYmBu+t3r7Njr4hTFxw0Ppw61NGJut6sClwr7RPTlakM6xmXztphm+N+NlpUL1Ac4a4EBjh0R1UXZWStTMQ1b/FmUF4kJtecwgwnkVoabvcwSqmHynofowbLtLa2HSjIlm42/EKNuhLcBiM9N/5auu4rXhzpuzh2PLGwyzyOX3n4C/OMVlX42IwKAwYcVVk5J3C6EjOuZ7ByFXtUDbFoX0nn5RjMaJ25mij3aoUB9aeDYBZmO74kN4xjHunjiVi3PJLxUqAJPcVZACykZRhi851GeU+BooYclEZ88KCoLLBKorfQnjmuXjhgs3vuyk7ifokE5XdM/0Sue6npUAeSACkceHeHr80DCPJdcTWiX/Kfx7BNYmXt+6+2ERAYOz2GJB+Gm0KLQ8L/RQ3ZLF47hnEMP8vRoWH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WTbwtJhsH7F891rKYCU5+toi9/dlCISaX7VPVeiGAZ8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GJF/hDiWLFAjETGJykCBiXluqTP9223t9EVe+hNiU40yoKAk4gQjZwKcszIE1MGN4+mEEkqpOgzFqWl4Rk6Tw7RPCJSyWC/uEFoxoPk6NGJEjM49mNC9C9Up1BjGtx3BZb4uyyLDzIIQJKgiyoH49ogYAOe5Wma/0uD+ijyHba2wCEPLNOOAz1HwFP5WEzB67aoAbzf0KYccZMV5X6LOjTn+GSBupA+UpskFTEBgBF+N7KPgrqk9kvXem320vOZ9cgY4PlIpllxeUhspt7EJF8NOIL4KDnrbCbl74NFHnPSzbEu6KPuk+Ogokc6g33fzvd45v6JVOCByytE74RWEp9NByxZYMWmBI3LNBBSSL0wo6WuLsV1LdVJjILdEjm7CyT0jUKvXImTam6+qTR+pypbVJtTZGGiU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WTlDa1i/A4Wow5VLJa81aOO6O+MUmUN16R204/RquAY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E4wSH7a+s6UWkXfjXmh780gjK/2bl7cxfufhtP8D5YWrax+AWJRZ6NeRjKXrzxRnWxZakTxAMrhQ47B3olSxqNccuuA98X2B3SuoKk2TXqf/Ku71KSzbOC3NHZ3eFfsLbBnT9NyDpLFvS5MzMyZDl6c3TcQ2ROn9abKNzPFDQt8hGw8FBcs6OcWoU0GC4X3xFPM2hOm/qKjpFJii6LEzDaz4a9IPla8uT06kpIRM0+VT5XFHt7HmZJoMB1/D7wlrAxa+sYXy/GRPpCB+1DKZ6P4b9ssf5IcndNRFkXB5FSlc30/hg3UobVUaZ8cwGz2Tkeq3rngDS98PULLh4r9S33scqa7j0Br6sK9DiAHDWjH24PqhUQ/9zltA/5NboeFsoBkruxklVWn9IfyEtK+6ar2yFiK/fdQL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WUg38LtpeUWwcQEhWwgrGvgmxlbvPGLSaWl62+Fom6g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZWIL7Le6mCA2Z7XPDfDWqkqlaAlmCRFhq8PbMcDoDhH5kiOyJHjHYXPO9/J4Z87eIAY0ms8hQ7LEBEFwtUyp1u/3+Nrb5as+574UpSAvd2Tl5F2b+84iJmxdkHQYvhvEzJCNdyjr/6HZ4yhumimpst+fx0ctfvJqONl62NU4cJ884WNUttObM4Q+/acNd/tfNeu6Hbz8sSs5LYgMRutTsn/dOXhNp0ffxPEkdvp1gAEuiqvD4DAamj86HUJQe6yGGMuxHA1677/lpFNQGQmIpeyNt+mwPjOsOruBdToPUrXF9qouunfH38BcrSEij9IernpiIMJP57Z3wOcXnuE3koBGX3gW2RORQBM6ecGozkqakZBL10gh12IeCEc9shzWerOkFpV7PPT0Q4O3wOEn4uclZ1e2vKoe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WVeWfF51RQzbWuFY9b269Z3onMasmpw86bdLRgNfdfc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s15fIkIeEnt8Vd3wt1Oy4EAW7r40QBbvHmpNl+R+ayN1ichywk20EtmTMNnBiuYMQn5Xd+KJda7B7e2eJuHo7/Q+uGfpT2hsGDzLdWfZdGRj1yG4lSdmGyKgP5bmDhrbD3bCq+7GbxI3pB1HKBYF8eUZcU20MakfAvIcxBVPUkdIutmAiN5SFzgqZxXiIXKiNODAB/QGubsgRHsSWZajrreHCxeknsxHZ/qdp2sTIQwfuQbStN47rgpwm14viuNiAu+0csyOqYgPE1ufORdInGlB+Df21jj4Bc6PZ5MdNqMpk4HDEVhEQBd2g4CI11bTcQUHirBuaXY7Y5Yi86XVibzVF9T2qcAzNqxFZk3AaEvKYMywvCi1mGwgJW704UdD85NpnmusxyyvshqBPbyx6ahPLerHuhQK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WX5qHvDwshc2HHWaPTZ56eMyiZDMQ08IICxFkLPpu3o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZjeQaCx3IuYsY3ODlhT7tLGaVCHfgGGZgr1jWGZdi72cvuUdsp2ghttphWbU8Ma0TrwEkcqyonX2O8lmjgxvgYSOmBlFjHpUVIxsLNV1wn5Z9ngchiiZngjA8nTivMqDd625E7XI4ma877LBRjUYcYVGsRGMSmC48R3FaRQMwoG9HNk85K6pBFaLjiVDezGxOrNMCxFknQRKi974PWanRzCsI9LUTE82NAnFmHd2maTCaE3a80k3sLUI0P15P9G++iZA6GolkzAcsh6IJXQH4RO9OyCMeqt1ExQrB2oje/nW8I6Xvj+aY38d2XN0vvTOV+Go8swbBzn4xO52LWBYbi8vFPXp5m10KZhnng4UPi7s7uMavLIyIAShsnpsYVu+zvkX+IVD/9PIRIvolmo57q43tMKUKiTq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WX77k8UlCVbu1gHr3NbWWBcMUtMjWIQxb4U6gxHlltQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AXc0nPTffVfITPMPEFUxDUH/+89XmQOSN7HeZCtpENn9Q6QT9goktRifqeJdZTg3Dh986kFyCz9y7FlFmtFT/Bn9Z0zyHXuGqL+WhD1Cx257VhMdzszb8F33Oc5KtE00xsm2lH+55YrPGwcTL+yADiVQdeh7QR9kbQTOoP5d9filyr4K7R3H0y4Ro1PwJeQQSBquv4bzyaMZ/2JCbZnM1G1Dt48+92Ph64s/6813bNrH+xEZJK1QbQ6SSAL5vVVsKscUcxxWWNC4FIvtvzn3BEjtFnrgP4CgyjkfWmKqbf/wl6f5sN5ioeB0xmgeb/f7nDC55vdnQWUlO6KrSkPEdCjPWgESRwIOWbgRNPg9U8NrYU8T3k+I2G2keKCG74qb5IgBTEIx2durea+Bsc3Oe1VrITka397P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WYNvUSiSVIv4Tl1A9owH1oQ71Z7AVBrIag0r03rUlH8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q0+E1CMCZ3ckjBI09G2IYqryWTHXbN0UWXxqwcfTX4zN+XN2q5HLQOrg5y8P+ytaGDIcNVxMAhUTsfXS2g3F55pnM6E1TsDGnLWXhBKmHoPyazw06/FEZWQjMKO7eXC+tSpLqbpXQ4HMG+3FwtmgA9xprUld6tFiYbwCMvVcF8uhPJvv4r57xirJXhawvkHFn5gamS5Jj25UHqUI/BwsUkofvK9Ux3CSY9VJb807ENug4NEZZU7TpluxhmSl5eEJMT3l4aAAIl7ypWN1AN+GACSQeA1IakkOan5pJhSKwexkxsO1dkk4hJXocc6WOakGAyQSS6n0JrRUu8HZSHAuyqcuvtXbTj9xm1BRIHlhmI7x6CC+StxbSSWdi0FZ+lsTid5mNWbutIMImMSYwUKiUJhH/AlBBsfo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WYYCm8DtCORYdJ+pdSdxsEu7ZO4BURRIOGMquh/vGNc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MDXa/t62As0W9aEdiUH5zJ+Y2t2jo500g+Ub+6SVs3bVtmLSyZRyFUakYUdy2humrrCcy7tGiQeatOahLNeqivRZ5d7feOK9Ta/6eOH7kNMyW0QoWJmNlEIZJu2gSLQNvXjnPhnCKdP/Rp6IAbcwRLaQDJAac30MkWH6v3Z9KWFXMzx5SwGXUB4+N8qiz2nNw36LRRhwfzM4yUyJJ5n6IljBL6wzOoSW4bluF3KuP9yW8kqFzQEEX1KWrHK0Ch0Xz2+Rq2OIzQxFvuw0YRUp2SjPTKgFFDJqgQc814/2MDR2X3K0iJ/K1o6d6iWqMNU6yYa7sHgJB040cGU4o9lr2rCbV0dM7N1B8R59pJudwoYYocwTKrepWrnFxq+DtMVJuNAtjfWd6yiuozK1kKJ5KiDnBtTkfvxN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WZHBzt4V2HbWJp5ZYiP6JXmHqqNgk/Z/NUkgSt52uts",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Xg1SNV0X9kYSTtqKMKDrRcoCG/yDZn7O/yCpo/o0csN1EuTWzoLQhpSH3H5kjE6Cy9h1ZtIB2+WWiKJVb4K9vqBcqKSqJWCnuzfzKAU57Sbb2u1wsCzDuIPYeAi65HnsYBvypzQaerx8USlN8OZp8UhVwqbzFHyANEDKLFUARuL4y1ZnU/pLPwRxkyJ2/IIjTF61NfRcKMBtCMWU9/HlDZj94TRB5rdCQ42SJf+sM/VPxa5fDmWae0rV8qL0ZW5r12v9NOCCEUYbqEpbICsVvyx4haze6UZOSGKJVR2Bh52nHab6/gtp8G2yg2wvt1NiPemmpy2fwFuimn9bRR1ZYF23lziB0cWjNx462XcQ8mHm1WYHkEh0VeJ6irygo3pnLtZPc0iSTxG3w6n+f4hsOLt/hvCcHB8c",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WZYT6i5Tk9sN0uUAABicZTBpKLfzReVC2KqLwBll7Ck",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pVRewPb0sgvmbIUr3qi78s4qN83KMNhuWiwDc5HuaA1GnblGAaSu3usFg7ky3wPdV5prkySivrflmDnpM+X5NiHsY/6EZl7f5A+Ut3PeGVXx8D2YBRWTN28fqhvk1/1tKsJod0XjMK00dBIuOsh1+ky/R4VxCUceCmdZ45ayurQF/UmTvHNqUYZMTFUtoy8qdmkKKPGuhhZHTJds8GQ0VTIOykK9OzMgsSpLwC1FBdh5ifVuT/mUZPcWm7DKCHV7JDG3UvSKGMuAkGm54AOsWEDUawL4SNtvrQbrVg/o0aLgAaM6xWzra5r69Rk4Cvxc/YyZCmpl+Lmez3SX0nkBVX3GDnR3JW53gHk9RbawP7S/aTL8FZmGk5GYTKNc2HKci5LLKdULkHT+ark/I37x6UvE01lQKtFK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WZqJVKciTp31wQzzYiUkPAIZDC2K5HdA0dbQRvs7thM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "X8gQr++IRsWzUMyfjxZzLVoX7c39M2RPSSooF3SOxaA1NQR+Bc11Pp+Nlz1B+8te1hY+bGBdLmejMxrwQR+XaKHhde5Tl9SA3qOMKXDDu9xQFsKgncOmhVCKsJ8CvTbm2xiuX/cJXCR/1fDkbfIRznquJjxnH5t3mcZN9ITRKdJQ8g4Kjq+JCBXVmtLzJWJ52u65bBuNa9KT49T8khBfbUi5fbZd/hm40r1eRApL5pXDHgOoDMWBh/q2e1cpW6pFoNht9hwYuEI5zyRYbgalyqthh6eZRa8j/wQQ37LVr3+XgMsbymzOgawmw0udXGJwDwn48aIskifBF8aXXwRmDVz0ZG0izM9TYxKEa9vdYQ9wQM24SNTEj0aM+85nGilCDcsQWNBNq5K22haAu3DCLzuDfOSTQ2VU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WaClqgIZjsNKc7NE5spbha1Na72cO3LJde2O+djHKfA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VL1NXvFTX5wQrfHcdN0VP6LfpFX3uAVgWwWST/b0t/gnv20Tt8SnAyrEEViQVT4tNFryfaum/k/T8drlx0rkHFwf5Y9dhbxubgU7lNGhpooep9EYnyho4+8OIbqRfJxqqafv56Css2L9wUTWddb3ZO0RPusLVX8OFfYFS4pR6u6qrBC+/RXzqrRM6MbKRRq4sK5nH9s/B6jm4oXKjRsjNR2OmejuhzoOTm0C3txJPEtb24Mp8rLnmOHCQktowtVOtFNCwMl48ZecW1D8nfUcWcvAXBGLxXs+T80JLkyc7eICYhy3qL2BzUDqUBw94g2DDIy7tFbZp3rjfBrLroJ1uvFnrLDlP9Ux7Am7cLRBErgQq6CggwcuC2a/kpzIqH0CmEm/fuh0AjGMxfiEHPIQ2m2ZCkFmIVz3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WaxEbM2oQR/jf9XRrMHrkhpDGp3coh8+tUUuO8eP/DY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5fLG3nvhHINWFdlarsQuzPneDSboZoLYpVFJdqr4OKdVqrC0cZ1UYHiCh6vKXRpD67lAIM58hErTpkRUL2qfpGJ+N3IYmaz/4UjajgnVYdtA22DLKiFLtti78BcKiO33lyGipC9APp4BqpPU6bT3oWKHWNsRr5Su6PEsQ/OoW7TKOWVGS8vqo/poNBhky0wJyQ42tboExVyP6n1k22GHQi34rcwcCD9movDTVP5TB9Uc/ni2OXH8vNfUmvYM0qOIiiEmOURw2hDSp7WcLhyMa9kMMm+5QISo9Qe2q5+gxbbAx3weP3AtU0GkkRhUpQY1tSMLR9GMBxrjiNL7bq7HfFtaB0SAIkf2JFTjU1oMDpXnp05E9+3Q4PrbnrEKDYdJD9KT9SfO3EcM+GymInSeykRvRO0QGLzc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WbVZVsXLEH41STZSL9hnN6kNCzhdcDaSCdMgn8TTv9U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xDkl/HYRWJ6DcBgs4g8RGMRzPgd5Q6ynR+TwgFCPLFsBTda6ZbEaxNmgkrFjazoWRe1S8/VIv7Or7DX2w5AgL9Id9ZpgBk9cOivAheca5tGAXZ1e1mzchx9JyQ4YV3ZCf26aSwAPTA9fIwLJHWUc+1kR0/EmDc2cLPucFGLqvrITcZtl94yYRt+T1hteWmuQ+/3iV1FSTaVgJ6YU/N21SgU/l26ov5M3ii1NB1+Orq6mQKUbRRL/3bVEbU/P5NPurqYNdX99pQnc1GoRhYEOSpZ/CFeCyr8EXhmCK7PkmdRL+ZuXDQlPBluluibVxurottxUc3iew1jLFKtPMRYPfSS3q+4Ueva36hutUkF5i3sCDAjnwT/f+7NqwY1wS48opCj9DkAt4aPU9XVU/73X4tNDWEak9I9B",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WcSyNhB7rXWYrzRRkRuwS3DvAQ0+ovovJmCONTHZlIg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rsCgPdMYWQ0oACCzNvKjSCzErEXr6i/V2hjPFYjsYZwquLRzWdZFlizf0pXdnNF8if4u9zbo/pSLud+ErfyIXGc8KOmTgCvDK8mr7/eSkQBShINC2TpmarT5lKQGw+gF4c8n90C5OiZfQyJXc/fDpTnWlqDa3uxZPRU/yT2unyDM4k9RfFUtgMMIIVROqh7BjxK1i2g0v2fmgtRwukimzD9/jr9wQpJRavEuke3ZMjZHXOYuPe+8Hb+VQPEG4n6J7tNS5m0u9q2T55ntpG4FOXs23PcdUoKMkk2QpoRQHWsItY8f40tr2KMRQszECL+nfC+k3d/D7oxi2RzgD5Obq6MnaYKo/4MI7b4l3UCGjlKvIWjpcnTZ78SSWaGweL/MBDZDHtFcAWmPMEMsTK5eLgf3skya8k+m",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WdJy+aXBFG5cDbe14ebEbkhWeRfaPEwU7FI/wtoD9jQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BPDC03xVEA6zPaVQlce6gl8GpLuPk2QErJQsLzG2phcevM9eR7z7+u45z9DtAp8r6iD1z9BXrf1l1oRMZSSl7dDX3A4uD+zFTPjU3jpmOtZhObmoZsx/J896t3jNk2aCYCR8dTfafgcSXKNVrSY5rntiy/5zy/0/lPz58r0AX9iozMdxTU6FWjYyT5gj9qYoiGcQ96Y41vZSEzFXl54VsH7A04jtKGWqGBmPvYYCRZkLOiqJ8t+2LCVbi+gNOTyrI7MuYxQR5bP3eCR7eZMWNRz6aDjA/j/C4CtDkawI3qtIhcP2UKFXy9DSdCDQ9C+s0UNqvY/d0x3aau1zMNK2w4xCaw2Vy6aDV7yUvfCweBQYoLwci1CB6ArAZXpz7AkTcrP6n2iEl0YmSvPBQrU2eCQjXKOcS13q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WeS4KWF/4nJWUbY+4xVTmP/MOHVJFV49spPwrJa9bGc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tvTdwnqPt0aPa7ht+IHPCjgStkBSEa0Z+dGcP4KG3wsAERs2SzrJgPhJu+RZfxf9VRfqPjJs75j3hBd2qpO4XmRiDLtwquc6w0pRTnDEBm1iUDShS0Kn+iDqAOQN/0SAIXzdJN8n9Qmu7Jg80TSpkZSzCl8QPJK40rmPNPW+g6GU786nZ4uP5HD1inhsXr4imAuyMTjIQFBVCGF+G9+ph7p+CRYmWl3jh1TWhqoki1jgV4txbpOC+lfeCm5qQM4Lcx01oI62IP+zXWJiXj6O+yGANsDSKs4fg/a/gVFjMhVfoCGaISWz8OkmuzQS9PQSHJSsHHpZYx57TZzGhWTpnVPVmlvk2etLb5alZrkifnyghUhORDL7Z/NR4oosYlz81u0ecePFR8tylfyBvReRhGz7qjDra7Zr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WgOZDMb1gi9l0QQJ1pw5a9UUpKPITN66odBctw53Idw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9q0l93lYPbjlqSEB3KdDMeC8m60jQ1SIROmMi/P5ZgbHio5zIO+4DfRC/79XRiDFbKQTJGM0ij3rnNtXNuhm6Yq+jjzC3u1KspsIFKPK8s77rMHCahp8yINi6QsZuoNMmqNNg7ZHoQduXCAtIF8cGkPXa7bFQvZs4viTBiedDRrW/6y+TgvICV3UB6h6QkJjDdHep1IocUW8ic+PN0S5eXMo0QJ36NO6Kl7hHIfj+uo+e3N3oQ2zz3Bh8B4YF9Dl/17OtsoWLNlkJRQ5683x1eYoQaI5eT0Y2WTxUU/EF1y2TJMDHPEPDejH3eoxUhlgnPnEe5CkqOavrlStxQPb9ogYpV7nrWRCo0UYcFuf9/ZEx+vc1jesH0M+FnY38lQEZyZ+43aQUiKO68HJTwdItPHyovZ10Glm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Wj7caYwPC0QUVEkGNMEVd9Bojf7Eg6Pf92SJDhJrU0Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iNgBHOs0ds0LsWKBFsaolfFSpjOlv/c8uPzyVsji0/7B3h48+oCEx6ORHQfSZx4rwOjh13iA3cauGMNKT+/0kSgT0r5CJAT39i9wq7WRMzAvkY5n/L19jMkKucqF8pjJOHIvEG6FtvAoxudcVTjLs2cAHde6bOsMD6Bn4AReZ9XUIRgNz/XbsN0WKGLpVSDk472uAI8Dr3be1o4OUFX/BUTFeKuUlNP/LQe+n/x7SH2hc5zs+2/JRpaEcbmZex9bpuaUqsEfcznu0q1IEW69DKVnLKBlIigpcgvUJmpQuRfWY6pbPb6xzub+2ZCJp6bmkAUnSHdXNf1yOljtcQggbBcql2qMRVCQUhgq4JCxMhn4dc0uNDeFStTQwsSqtDJvFwAxgW0cLB6fOimaVxEVv8dUPX8aTuxe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WjbFvixGz871fu0Qhq3pgDLnnX2xcBV43yhaxImf51w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "z2ihmdVcFyheAX6bTaO1ZQ1ZCMa4vlQFJ4sJyvHnsQ1h3LpDhROCWXWQkTnzX4UePZAgJRjxgIgkdUvklJgwhj4KoZkFdohZ1IU1b/y5HQ4/JlS+cr4ztofP1IeOKJobVWMGN3eshdKe0s+HMfElmwqV7v5Pd5bBCpLAfPkW+ZrEnC/cm3WTkmqX/AwbGBY99j9nTxbgimFV7UniocuPgDK33QlOfy3Kc/57GRBJ2mxzPUKnTTtOwDYIcNM8xWNWfuJydSN8fTGYL1J2Q76fFuoIjrybtbcTYmk04cwrOz066gtkmArcn+IPZ7fjIhw2Xw3bMTs8Ww64waPaAs1FKt2bSAnPsvsKYR4jygJcGQcI4eIjqt0m2bjvXCCdnJcv+ssFg9VYc/Uc5xsXUFTp97vonPFij+AJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Wlk9uYTrk+lnrbqzMYpUnVAfMJk+YqCR8a6FSNz9TR0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0aURND0LbIdwBzDhTqw4FcfsahNaYx2o/U8ocNnyJOFOGnBMh0t8CFNFSSJk9wNBIa7e9R3buNLCUhXSl4omLKC3Yq4sBs1ZSYyta7rJyDqbUTLWTtxTKFJdfFJtOyEEX7jp7O/UCJRUSSpjSqXKY+2ldaeYHT7mYGiwOBO7PmS7LqKip9yX50w++MmPmgU2AiYJfZ958QngFQqReLNXjfTNkSWcAnS8AqDmvOhowIQah813bXrDQF9GS1flGMebJsA5AsLbjZ13hEVYSZQfjattWlrfP01MZ7+9eoRlZNn9UUtQhuUDsOJaXFQOhDY7wHqXVu6Rc+u+D7GqRGhGe+ijxnR3a4EDl1em8QCwr8wvMpfNl0a+SNqmyHqmzN4TQ/Lzg8ErNOQOUBwkFE7BWAscyRBol/gJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WmiRzK1V/kL4CR1VUOUBVlhP7Zyp08CbL+FotYTyYms",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mCAEGBP+yX+nRIiIJG9W9wdrQwhrEyP1qPwF+TqLgj8lzrF9rDMxYiyceslIICM3PupoXiYaqaxH4jjTkemYEGEAPZjkAgOYznNdDOth06IZHlGWTmglBTffDxgxgqGlQx23gUt0ccJXaHQ3DLDZc6ZH9UBBa4nSdVI7V5Eapuo2Bp390S1ord70chMiX5fzKhh4IbiYDcgNCIT/5Yd4MVeYSHzPfwMFwMsF2VwDo+L2N8JHvuM3O9sHntfvmHg2gs+sGU96wQYfLlK5IZq/sGDwePmQaPEuAtCWJUf/2x16Emd3AQES3hf5sEqh6syvr6fW3F56ev+qa2z8p45bZ/f1Sl7szp0Q6LKuCAJuEX/ctQHi0sbiqjpk+FtWRukGUxkqjHHhA7TrOw3IPwzCLG33RjSfOGO5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WmziiBDGQ6S+F4ELFRzw52rh1PQfeTeY9AZZVAyiXJo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "p8l+woyLtW+CGcfaY4NcauuRpaQiDJp1XeIlmoQURsrzo3c3ucO4Afoz17rsj5Om1FT4iO427d63ZO8AQCQatOyTpfr6HflvwAXhbI8qqpzmuLxTDZAwfro/V6Mbo+exLQnExQz0x/M+b6fpq9GlZx60HfsmHpixgxgnhYtVhhZc9yLUHbyrLg1ZMnbiwVxdIgMxNCEU9S/487J0fWxghWoJfjRkLkIIr7lpYFbi7KG1WliVdbl+tDRj754fma9Xs7xnh5bFMYrXm3qCkve+UsYBCGfynZRIW1oY2SLyFSvcsW2obWUsrJdkVOI5OcRe9AHVJWSVF/f+M2BSKG+elYbcoGTLAz8sVT+xkKct43o8dCwajKDdDNhwokPpS+kMYSiLth2ytL32Z2fv81utwhTXWbzbBC78",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Wotny65oS/qYLovGNG0QW5S8O6ee1sh9YwLe53J7HBE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c2eiW2PQh5cniB17Qnk8dpoKICD3nkqHVIH9kdVwsnHMnJsAKYURZsoaOt9FJdyQWSA+7o618l1/inlB4Q4fxIrmZb3VBCcStWVwNKKM1lWwyGL5zXl9tgwVNRcJm31U6seyNRYtpRBtu/QJOPfyN90EWYqjqD8BQyrtZcYOrw8E5vBhzSXG4j8qPN4NlF1wN+1C1+uuUBvA8reZCWEpo77XriLRs1aipzGwsRg6DqDZhihQsCOOn1cf3CdHB2P878fJMVZ68DgWbQOGdWbXTB4aS3d2dC+eZRE/ZD7GUv5ZsLcEUWAfKfqUkb64fHsvEMyUuTKjZnocbTsojQP3FNq3/02oK4bGwzm8l0P7PAysSE7V9ZUAOo6HvBhL3oHJlzjd8foYJ8MYym2L9/czPQVlHKyZRQiq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Wp56+z+I6oovrsMhP/AwKf/y+cc5/BJNffvm5hbwhyI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XXn5OvzYo5CJWoDn5Otcp0qu9pk8TWyhFsBXPdfD3S/puoJqGAavctmVSEmjYRVACSe2dLALFgnYOg8KIYbaZMGUyXUO/ynGUPqetPptwo7FSpXRRDX3D28G4UrCT1YGuCzcwjJJ3rvDZnnHxfpI5+M5A5pPuJDojfIqZFiUI8ZrGadJ6pBhJyaacmluVzNk2bRA+IUzXzqv/NivaxvhZ3aGCxv/UNBM2KgcAGeuksbJpkiyDxR1x4U4Dc5D7kAWyOqMpw0m0FSvSbOtLbM7Ig2JdemUwGy1cslF7h87/brNKMWA72xvmT5huRatkXMWl0SPfQKwUqDbc7TZySE4SkHRVmGYBC/A62Fi/On8/Qhz0IE7JuEJDUxlTY5Fl7SKhlBfQTL10vZd4XOBIVsS8pvLdsnCjdWP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Wp9A7JZHW6R0luYxQfv7Ov9RCmlZ905JjviTTeto4dY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VPKA5BzY4g67wjVOMoqNZw2MuOTlQkZTOHjvMMbm4i2+epIhRiBg9uGZcrEkcw0bC9XfDeqTpUE1xNLj9uzr3UHk+3ACmu8MMi/Ox1Rv948lOLJ9xhKVhveqkw+IMuDdMiuTCrOdMQ2tWTFpJg/yV4W/by/NfKj2CcdrMtbPpWzFhbHYgKmVuWhYmfxSv8IhQlcg9Til6izUrKKbMSprd2Px57ngtBlTjIZnAEOBrRvQlKWvMtJYvS4Du/zHe2noOg6gGWBeI20ItQuRgYjU2gSDwl48UqZ7YjRam0tWBc3S8uVq+CYOdZ6Mlz8ScZuJuxiVTT5bd07ZQp7bh5S0T75kbIZ/Pc64mSYpT3ojGN5CVGjTyNeslEYoDMYDq2STrKMxVZHSGFLjaFajwqacq+2usj+kvjk0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Wr+xkmMocDb5R9UuSO3zdV2ECiCjXXRGZdmf8+ZWVlI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JDjEBk+u8MTCYugWXdof93FpNlIT7HU6fCS7FFlDW1yJ7J64s6dUiz3G3aGyTR3T3zbuWjrnYQ7w2GebbF2vvJofJ09HFQGHnaEPXiKNZsm0SqygR+Wpyzu7ZLF9sVF6gVTvGCEPSBGwocZ/RJT3T6l4Exi4TnmU/9PKccPvUg51tuoUDtae56zdnPo/T37A+EiAB4014Nt3uX5vDiaD1WlBe31iz67i6zaERSV/c6jOJtFCE6plcpLwLT5YAZLd0f0QIfo80eUoz6zF7YZNK7XrJ3mx1n2pD+TDh7P5YUXqIFWE0gjmXipVkqu/iPVlTszcppIzlLnABdrF9sPUoOEbBId8a21gXzbEccKldPbiloerfchsgyKkggQGIGq7gUxJckRbkOQ1i2xgj9ENoKTLwRCm0B1s",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WrFWljU6aN/ZEH9lTzZmnMZh4Y4i2vXmsv4MrBZCngc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HwA/C6tzqfkkL0DUK/u0+MPw7MjGEXPkZI0uFkQEuImzg+GucvB+BB/MisKm0Hti/i8iMhI5bi9SCwKtYXoDsL1vXGIobu54UitDyL2ezClm8hY5/rbcqd/xARKCwRS+WhRpgw6zRZmwSJQdN2H+XAn7FaJbuJOtGiytl1qZqWz8rP8QUdQY00WHyALYdYXORjpqvqQnj433MdfRxJMO4AAV/jZydULczJchlZcQVrwnhAjhxdKOYuhGsfKzDqLDEiyA+TnG5i+/gpqJdLp64jFEO0tHFQgztyy7ZThGhhXVQ6wFON9rv2mjDRzsmKXYX8QYzGlFieLYUUgr5Qs1OEQQk95nO0P6R+Jkiok3BJS9BMw43rLncP7IBey410iw4SsAYxS2nf7ABqdPMyFu/q1yF0l6fyhh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WrIoCs8Ps8fal6GZRSgSDLgXE2fM2/SDknskm3x0STA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qJap/P2sI03rcKCv/XS+3WUkWPYp16i+CeTW3OYFo3UOoYfW9Ehx2oJ7c89DyvMwShQLABmyINnRpMyfNUlt92V4jXQd7mwnsqQPokEvmKPiugz41z+LUQa3AtI2wRRCTouvH6GBOGsjiXENrQYh1s/H/2sKcSCqcUywkcKfijJ6w43XWpHzsVgewUS6iJsRC4vZ2V3XpRyPEntU8jmXBfhfWhlAJknRH4kjrcy9eWmlKGhh4hPV+Bi7IxZMrQMCdJRQqg0VmHsZ8i0PfiKdIdarSbB/ONCR3ZGdYvmP0TPtM5mm0NVSvSxOpVohasWVAVNTXXUKsBTGWH8tYtFMUjDd0EHWriu/8uakOzqKgjVbh/quEMxEUdbBt5pNGuj7uVNWF5IyEFPdQqE9cCyEbR4FmTEydJPz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WrTZVclrSat2AkrS2Of7JkTfT2qUHe+0X3OAcS2V4Ws",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DHrPhVokptjCta1ksIOH+UtfO9ldGRBXcFt1Rru31NlSACNqSLgunJjinKFscBncXwtB5Di3Pf6sicRQF0XXKieITXQD5XWvDx5Y7BPhR/eWwF05kv1vTb9tfXDj8OBpwJSwD9XhhpFPOSDlXH39H+3vhePBIbIvcxEH2RrACijF9kO3/MvC96xJbXeqwWShXEX5ig0Ew5MZuG+8z+H33d08qtl0bamdw6JCyBd0OOn4Vc27kKjqxKW8nsC+1UnR9WbAGX2xdXe+RO1mI5IvvPj7/jdyFFZ7M3dRm9tK0QwIlLbdz6QBfXcICkivyDmAgg0Vc2NFkmKVKNIIWRIGGrrcjl4Uv08hOmZzkdMA6qn+CCy5DGGAjzt3Bntkr9Fkz8A79Hb1wh3ivckhHjUob6nQYQ8w+emC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WrXRFMnVeXjxoH7fRxY7WPtLWuFQPVW4YT0bSCsQ4Kc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BgGPOW42Y4/EpbWaPa00y7Fxh8Xjzkaf1KM+y1wYWzyOiTd/tvvOUie5R360n/YX95fKgxTpWKG901QbTA6Ox2+169LygI683vjmaFSQFRYEDBT5AJdBB2l2BrAA3c49hdoUb8zxBOLSOA7d8UOLbjzlfXQnP1slcHx+BwpYDixiRRCp+E333S3Qs9bssyK0eadEu1x4oQAyEvQDVwXz5S0FipUe9L6tYwcMetrdn1exgtRaB7DY0sR3MshZsWVgbm64yWw/OifAlGh10W9SVIcTkgcb7DkwdSjluAmFG6HbhCIkfge3vcJNBeCO9DqiJKUZw5Q23myxPQpN4R7sdf9MsriIGRv1MdpGLrzqmOHRlZMn0Bzr6n6kE9G0ZoN3A36fUHGE92MNy9J/EZOR29NNKIPioECe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WrZ0YRdOE1zu/Qh9MMdNYBVyCLXMjHyZ+vjHJm6X5UI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cf4K19dE60UDmMGQgnJn7CPyB4g2ckswahGNNTzIoMc5BM4kuOS+KFFK5ZSMmITiBKwF9KnZFXsUESSiSY7uhRgOzZ3TvmE1KdnNqfCHsuQh3pCffTat6e02yXoROhootom28udWj+aD/ZyjLLQOzkZ0W7t1EHt5UKfyzDJZx8BE3tTzyZiOHGH+wbFu04JfldYgEqwxAa+eiAqXmYAp+vKUTFy1u9tln729svk25+4L4hQO1K1iUFbIMUzukDWHgsfGuwEHdgxgGaX1fcV2pRsIIOntaoXxvnxM6xnQ0C33Rsjg+zyfQSCnod92rorCw/gLqZJnkxVvoI4I58N5GqBNuqMXk1nP5yTpS7hF+ESFYMN/JHHI+K9P+/uqgIdJT6kXhKC7+piuKWXzs52wSK1iXS0CBNDq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WrZZQ6jwyyuNF7vseTOXZUeuXKWx6Cu2nclNjemojuQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oZLUEWsk/mKD16e5aDqpEDri87SyeWjjx5m4pogqH2wazGN2aOG6pEFBNRDNR8Wu3eVq0sWJMmxOi18FDvBxgANW7Nqz1lejraa0KIWq7LeQIS38pvbnOS5nTvnQvcibkD6zJPDuUC4RzCLA2+ipjndFFwo+L74ndOduoK5BQUQNtfJlHmou8X8KOiHdeo1KpkCHibjD98ug7CSwUoeNNyD6X//07EUDqOzJ51ArGINbUIXEFdjvj41+ODGaFDux9w+o4cU6hASO0nnWHxPXkAUR4C/IbXk1xsLS+gDCYf0ANxHxm/yVb1c/TpNA6DhLlcQ576ILCuh8qXGDdzuxFX/Bl/RkEEBO+xC0WwoYRLjVg2aBCrDnpcHLkXzl9gGi6SZwDc8SAiW+73PAEMDsbvgNJ8I2BKXX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ws1+DMG0cmNu7fdTFNhdG1e4Nwy7zmUlucL38PCqL4c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2iPvyOzHFhaly/WTNGQUhkBhtGkCkU14MmU04AIWI+zHcu47M2Zdu8By+79R5/V9ILzuDAtDWETRhlbWG+NyVoT9uRTAoIPucQWEfSztgGeZTfcFuMlH5FB5wHkwI9HcUh8VE2UqJkEN9jvmRgqJCh2idMuJ0VXYIS3zpVdoRnx/KTDM7e+esd4CYGRHfiEChSrAHV88u9hrTEuAV2G3DIfv5v12mdssancAj8uKXzRYV6BPMUk/bfpCo7humghMjCskwUkE+VpriRDel4P2Vk3wzJ2DDYbAUWzftzv3IMph4mshlfvjQqyK1z8n+4kVfd4wtLXZW9F87d/DDRGSoT/twHcjBQi1w/sRZK99sT2wxAQEqCpVc6XbD0xP1WWkkKHhvnhUMDlZrdnVHtScnXOi6++RMgKU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WsxszxcNbVbHTiQGovB8PRKuJf4ipkv+3C+r3vzTpWk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/FCsXxBSj9uB1xBgqzPul552dQS+y3Qd0Son0SKi0W0Y86ZLuUPpmiZIhjrgFF53X0zb68lVhrJpynGyEN10A3x18bMtEgnt9mDXf1OKHMfibQGoPEvXAL2jiCrfditfAA347RjqAgRJi7BVdDcPQOvA6z+VP7gzFq1i5QXiEm52TGbXUn0VxQEHny9ywTFjHPJoLbGyxfpAaDvhwSMA6U2ZxgeJe+Y9HVz4mkJybdfjKitxKpTDM/fnxNQ/htWcd40O/afexoQn8wsJKCsnsrdON5Dd/AbuVcZQyX9qXNuLxKH3WF0bol4F/WUkOYNs9vTqbYmwEcDaYe9ZjGRAsw4/M4fTNdAvZ5jb/TX/rMw1/f4kLiu2/LcJqZUY/VgmHwZJMtL8uLoQYZlis0wHbyNUGQrbgfet",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Wvs+nmEbRg4Hw88GW5OBrKOqWZIXAdC+B6QxbrIYVAU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rXSp000esVqjUvE9/bGDvyCtcLyH7WDT1sHC5C+eAXnSOkYsU77QtBKoC/w0YTRFjH8l3Pv6TlhN0jAIsUr3J5YnHwg7cpEw3ACAdWXisbhjGwA6pULZKs28g5Cqsa13sohYOHM6omPK5GOXwbaFxtBazJPFFc1Pns2GUMoeMRPgu+2Z0Dh8K37F1bGLqyyM6hxoRjz7p+Fm9ui+qcaEtem0788M3saiVOu9CzCC5Itsygkct+gZt5w1mt4MXaRf9r6QgPZFSYDy6RcwvdROixhoIta+I5JKUg4bMzut1aQpCfDGr1YRtq4WSfY1Ly47JCqgfUGr0KQ+1uPYqJQB93Ulq17+vRJ0xinIknffdNZqOXuVDqnfjl6X46xRnv3Ixzw0fMVRrPFLT8oDcE96t/gTRziIa6ey",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ww+r9aJfJHbUc2F+Ck8JWP/xK5nKqjADCAG+5wZ+yes",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s5yh69Pj1l4HMkXES4tbEJZS0bzwW3cyFqGqO5qAabKKri4SkAVw/fNnQY8AYJUv73D4BeYY8OAPrK0v/K7bx3jNdL+1RWq9kdrbG784yRNpEMY9p5aVNhgEfZHA6V4KiJgJPQXvW0uZKzne3C0vm4451SamE1wmAHgkPUE0njfPo7Clxj296/PHZbiNdXOKvNepEwsTJLkJj1e5I3XSKRNMSWyZ2cE3/KK9IxG8Cz0IqUxzUmN/Cb36VMg1vOdHodbrecm8rXA0NH0os1jyeID3TzkwG6WQsfQPK8A8CdkPe85djnIjJhU/4P96vyYROzcISGkd3oqqt0b/1tJdsflkaMXFO+XJZaeuAecDqWkQKddbgUt6YJDzMnZREAwtCeEQQ+zfx6WuE4ZkiEJliZKYH4N3oUX9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WwFyqZHUcBl45m+cfHDO/nTyPVG3n7yLB1U0ug4jNAE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oyTYrhweoNh8L9g6Ni8o0cE3JlnhcBQRXMYBSbMBmqUsf8EeFEeVMx/X0FCZOeaPzxBmsmFhKkYHFQMKeTYgD7SsQjPLOXTaOQVWEI6Lp1iYNpxrFBzGRLWZssNU4HW+wL1n/Td9t//M/OfrdNH4ddxDo/OPI+Gjc5ve3refS/u9bAzMNhvM6G1boaZKRjkRU8yQxlmpUDj4GfSwpNXklUVqEdIoxXfx1YFXhgP8vIuAL14sItQYT5Pf3qNknEISdeDe5r6o+8J/P3SsW92GF+pkCZB6RdrUQsTb4+KEr7dPq3LIAg5kdQW1wzq9oejFz/nOVkay8oxZ5ivG/CteDTsrhLK0PBQvAmohqbp14PMdRI1/uVtPy7IFfetAhC2FZj4fIeQmWQ51VACPMGIu7ALl/R8HMLT4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WwkQvruoWPx7IjuvBbAtTX5VuPTw0H4bcGdnVeTKZXc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3fAHADuW5yWiExcojA/KwefiShOxFJCHOVj3cE+wpZD4yHjR8QRUZsmEXjCtRQpiglxqqI0d6gCAV/tIE8hNp6EJbauw+ZJuqI5Aspyjn6ANg7QvdO7wz1P6ePuc2zYfOW84RY85WgSvZFkcUtAGti4ymIj650NXg93tv4C4GUaGLd8MEHGLtqx0vowDkS7rDPT9cfIt57XlETt2GSgzUA+r9NykialURQM/1kGmDAQ7t8R5WiQCmwZ8n9BuxykCxLYUl+M++sZtsj8EXYcx8TpU9h0qNsSeYnYWTgrQoEBbf23qHXRVE9UBGblOtXxqYsVNX4bbvuraRwov/mUw779O20wr5i4gcONctS+J6y8GhJHX538M4lvKw0h2cYCpU/P0VVHa0lhX0myLqvUpGFU4J++NMUYV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WxWnLyrCZGZSUBeHWseghpxpYSD+m6MRUotqiOjGlLA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xMaB4BiqeEvRFuMQoGCVy/8zASL9eHpG8k+t+9NDqDjFUbRkwLzHKBJhBcoyzFmorX9dPvhkol/XyC0LVRE47nGQjHYmd+4SjZ9q19V7adf/dlwK2jojoRO/5hGMNJlspL6Zht0mRCXhFWcU7wKGetXvM1nWAM/eAq0EzWWjbplLpBjTKi9RP64ogqBOc/Ee/XoYhB7zk4wskRpENcxgJSmPPXyD8R9wHwss4RV2QdDXXUP19+/ZAr6qlRtuInuwCmemZIhdG+jayIbova8jjyAJ/SvuBgs1dzCRsRZo0DfHvv4cciFYuTH1D58SzuViq20hvbmyFVIk3oSabP6sqyYGXERVjMkcG96HUgG6c+eDxF+NnIXIUZHXGkpk5rY0jEkq458lGgvctnX9ITK919uDFQi5iIpo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WxnlYqZiHXP5lAkjW4Pj+wYjTWlqCxXnQ+dU2uEHZW0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bEjplfoaBI/wIZeqRCuDvzXbN09g6VStiEZM/tjg2fukwqQmGU6fDCzosJeYHgWqsjG0k/RuAogSZqDIP+i8YvfuRvCoQ9l8mZhqUSPy8EdpyhrQ6a4DPZDcT3OHN0LCz3Dg6sP9Kg1W5WxabHa8ECfIuBTmMAYUsciJVwO9kj/0dMP85eibvctngcbHSl3KZdjvrS/tpSqDvyfu3oMdh6+RtrQcl5w/VQkM9bFUCKnk4/SppAksX9eQ18MgYh0Pb7lItyK/hqPdHSVjnDkQQC9i93PKZEbQJfzPUYmRBlB+17i/ugvxB8cZWmQNDLhcUbtiV53qk0b4CtLgMEEHeqFE12O4mRipoICWSIMJ732iShl9a4aGOVdDXkto/hTMQvC6asDXCt3s+kaSzDPmm6rq6ItFJJOx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Wy4e17xOwBmucEwVEoZrqcrn/+1P8CtBkg6dQmdXLKw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T7yJlu8EOfVbAMklsRQts/bCQcwW7vtimu7FTL2qua2FobNXJRJOf3wu5P+Pi0Rdra1IRbIEUqo6Ei3CU6sXupH6aR3le6QY65oNkfoj51xVz/9Vc0z5/D0Yj+TipEYalN1eqMHiovQty5yIPmWQL6XclSKHhHKLDqAdZCJnDGtuxAAGhi5vi+cdE1sRjOuinS9TXV6lHDg3SbnBPUHftCX1VwHh43t5TKAH3AqouTGRkmTTj/hGp3TzcDs20wTNZCt5G/OF34nK1Nf9U5blVndHdNx4rZRaks3H/UeSMzRiJo7aNe08qKyspq3L+1pw+5YPom0Ze5shQSC/r3Q1EPfWMUEIDBpZbhoKEKbNLH/MpP3WJFERiOmxK5SOyoo2mpT3A1tENjWDhGvqKParI6y0lmAK/ZF1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "WzBgW10bWEY5a/eKgcMroRxOEqMnINQbjIyMdhQY1cI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MJsLOUqPCDnpnzmZRNAvJEAaJTxy9jMS2s42lfTO2w7lrhsBFys6/MLfkiI254jtLURFs9WOh//YHJsT4o05oDxO7yYUWgAWbJ6Iza5Efl6sAzjzacJVf/JHtX1P/G3KlEYej3BAQ8T0FFiL4mZ3daazg5++axL056T6cj4avMiJSWzsAUyqh9O3lnPuztu6c/LUusjY0PTd0ilL4ORbQMUfeN6D/SGb7owFuxNq9eoYiPIUzW4jFG/9eUFlChN2wrnGXEc9c7nfC3ghc1f6jmI+EiVl/V3fXAS5yHV76bnIO2jhq93rjxBzt8CTPg2wPb1EgRY9Tg8BIvpMyer4Cer3o1YuHg134pqf1Ecm1D9Gyvt32tI+9MhpHET+01YZ2vhPg9stlpzQucj1TI2xawW4XGuxZUE5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Wzyrz5GIGbaLT7QivScjqRviRWFtW6mDYISQqDEPn2o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B24ysFSTC/5pPaRGSOaN6K8/136bgcCfwPKlQMqI8DvWo+j6REfYXMuY1PpU9xc5GTfXFbwsAInSB+INf7Eaq1+AZBJx65kZu3CidFex6/VoORSm/HCMtrM+P2lHk+31gbxvZD/QdDd0ImSqOdROUjVG/3zc14rJLg/9pBPM4AoM0y5H25WdGQwDsHvC4BX/kWZ/VTQFIFNFAqqN8FiPnTiPFEtORE5hVGwkUUesu/lbhy/pdAxoTLCku76edoWsoE8FBgLjz7NqKFX9qH0az80yowYZi+82kWHUABdF00xg1HA9SVz7bXsH3mdNnrUUYQuwph349lEc1Dq7HzHklGV7AO4mkS9HMSqmHKw6boTIRBv9in6wFagK3F3OzVjr6f4mGEUTy1Hy2nDv5K7m4ck4b2C0gOdC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "X+gL+DRaTwXlMjuRknja10tpYU8VrHa53umx9QGFMeo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ysDnuUee11ldAjY97xn38BOz2NVeXCRqfT47fA0t3NfDaY8LPvEa7OYSY/QUgGzBmtEGiOHhAaMycsFOPg/s6b1dh6AZUC/pZOItlvpLaq9nMc6VVns3/1hZZw90lksauD8IRsabpU/dKmqWVuZZrYqoLTZgYfqs5viogU+Y9tcPH4cnvVyTdsIhW2LULs2GhjitQ/Fau1cQgxsMA7jTuStpr+weKzAbw5BYbIbU348B3fij9lpbOLntQuxYfe5EvQevgU1A13nkRJST45wnZXL4IDl3nFOHdXBHF0Vgjuw6eY5LS2Ip/ZFPDSxc8zuj0fK8F0vpky7qnZ/gYb9/ofv7zFO3N3rNjNlHVH4XkTVDIDDtMFDCliLmke/eM3ddVu+LvOwC293WtSMKf0s7T2cRMPTbfqkB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "X/beiT7dcqsK/KKQUe7EAXQklcXaCw3FrdHNW2qA7V4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i5Wpc5G0W0sXEoURJ0R66pu9OHwJRWld9aPSX4qYWrGM6B/yhmMn78s3ChYrKmU+bIDxEFaWsyVVYsCdCqSixuHwtZSn6PPmH5mYD7Qbcv3+5vlnrWnd3CtsrbP4+vpmCqmeniT6khckCeu2xrdQLT3fga2Za0yoLeGy/W7agS9sWdcd2nGkbsCck1F7W87hGjO8EjyUSjeJNSdrtN6Cc7BJjNROQN005+zHmFaEyrazjoVsET54eAEEtIF/Y2G9kBfxOlplhZKDgPtO4ndLvGfszhfpxvegQWnirnhQk1gnrnaC01uPm9wDqB5hZftNDOCr/of1BstHXbTozUib+VZ4a4LQcWdQOsoEKkuoOAH+oTwtudmSjEGwoCjCZEnRZbbqKzV/zHANNSvvJNQAQ77sZ+80LcDC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "X/cweAgX/5nf4eNeo2ZlqGYxbX0WZyI6hxJc1mMpnyg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "U6Nwc6xyOyyAVoYYKI+oHE0lH+Qcfp91TnLRssj8DGCw+K2hOPzDJuCI0S/Yfj+i5MBwTG/uxqm+F+FTm/Ov3aKK4U5nxej4Tch9Qbbq71tzTJI18j+HBc9afb5MSNr4GkwUH9im/x//3sXMHukD3E9rWdKa3U5DyAuLENwcaa7rUHDzWXqa7GYMQMfASpB33FIXeTTZV8pAYY0j49NHuYzlVMpwDAM2mObDOiFoWPYXT3FLYGjPCOxfBderNuF9TmbNyWD1dEnXVP2F4Ug2YRfxa9TF0oT/UCndy9NPELi0ce7tng+4wZnZRhnwJit9rnGg9wnagIPjcd/bjr5kTfCv/n4kkakb6RHSQtl7j1HpfNOI8XObtCOjDh5+ndIib087xVHzkwt2/qplHtoJGBKUuVFqFZmn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "X0JEJT85OK+CpoAYwoX6icWCKB6AAsKxyp3prhHMm7w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "u5ISCCw+vLMSCpQ497vIdzsrpqMWDArytklrbazzMl0dZnkw61iEZZXKzT8TrWKBqPx0m9uHHF16LPQb/DxK2SFjiNvsOLJztUlf+kOZWkVYHXDAUhS5RLqoAr8MhdWfjPbwANOugu1LxVEyK34DaUZyy6QF+UX+08dwJlIRAcH8PnCAIYknSyvVZuOnZLm+z3snI02jw0cZXEQ3SI9mDof0zN935W8vTYuBCXxccEbAj5LesVuQ6tXG0Epll2eiK32gj4HbNidz9K1yAl9m+EtYliU4gWNvmCVt1qJcUiOEhlBUBUUJAMw3RZU5xEoi9JvCOts35ZmNmi/jZ8PKRWVWIUYhkEnV8o9YScqLBvy5XZ0LKs/alkQClxp0pUHVClm7tni2828PUoyW8mNXFA9ed+Rp4dof",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "X1/JSMUJCI2T+thxL4qEtPnkCN7YFUjqu3rWXFI1n5s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M+Xr6gD9of8QKcNZTYo57i/QvqE8EPFtfvFegBJVf651d6CFEtvXOQauiyQnZjCeTqUmvkF7wW8yOpOVpLURMJrQZzpMZ+g67IbmVxPZNCw+MHlKYpkTRocu8vgVZhWCDN4zqsknpecmxg04OSG0lZNzrQ+xI64jgKnvNBL2ZSAVfOQOgWQ6EFmt2il4axtzJ1dtAPQnIdjkSuJZeUCHjhslvB81+HMbjqSMpTPn0npSK7apqIYkYo1brvq3fwOEdn2vFsRhJ8gIp9XSFiSPNnmCdmhp035Gy2Pn1FrYh8B+55VHHPfYyB5b8NEmDmxXju8mMSPrZJQjkbxBxJrY6imlzP/VPGQ+/NyoZv8tw2psXD0TvvdCjvhSIFbmjL0wRiy9VPuqZcuKi8+SGsbqK+DhkCydMRl8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "X12zPSZvOaK+sMwqf3ulXklnhnYqUa2iPajJthCA7Gc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hqyMHz/E1NVUYTxlqhYJH7eySZh4dsmxAUcTwZrqU+LA6phPb8iEMqTPTRodEWDYntkk71p+9zJxBuLP4mYneQqCOXsCBxEYATqg/oFhVlxLBEh7a2v1osBedYxRA86vtK0kYJa8NdH3JGVLKUq/GcmOXteaLyskW6jJcyib2X34/1XyL0SFBYTzAqiyzEYkiDzcmFidBorU5bJfOLeyl1JL/sl4p8kGjUxrY1KUL9A4byKtcLHPr2nhx3BrufoKXaq/TulMS1ts20JoyIo/4d8LT0Yll2jA28i86+1DiJS9SO3zpsncDlCUDir20CagreUy8WeJhx44mVSJpSJiYelnMZ9RZV5lJW2Kskgts8R6zbEmRn5GMDQPanTNqGM1gZ8dRCsYhkjiQB/HelnAP77Eyt2RobCP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "X45BFdLBJlGgRltZJVE3nJ8zPY3GMM8Zm8elce0AV1I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DWj6Od4E/3aqfq/Fwr5wcApPj6PRQglHBfxSvqmYMMecggSfogTiybHqt/3mvVVgIwlq2qVG80I7Pbiko1kRuSBcSbD+aoF6iGfwVMOSZVlnfF6bwYOO+gOjwCB0Avl5yIThhfiY0Od/ekEc5yJgzDv5pnBWy/BiIrncudVm0CSeKQotFNWxDpWyKCWedaJwZoYwL1KVORHjPQkpiBIuAIGHVySH73mbzgWmogXuRLO+rVyaVtk4nwMEUEekNUUC7B4CdlZLolitM23SJ6AWNYnThwOORFMUFiDUBCdn3M17RqDOjDw/9GbYJDtxm753tEwUejwIIY/LLO2RClTIcNQ9jHGAMGLsmhGdODKCgKGqbYvp04tiAdaUo1RnWnXdlHS7VpejX/6SBCPVRmLjAE1+WUaNxEfU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "X4HBaaeKC29sLAmEsnpDCAFJQzN55LyDDWK3tTWgZpI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UhoFx1zKY6T0zd0emINR3KIfttaj4QE6xt78oOtJjfNp/CH8j/lsGMIkOMXdAkVH9NmAqTYCP5/O8Hns3UMwNTsYPO7n15gIiuPUbfBZCBJA5dY5FJGP17ffjlAAzBB3OzW5oso9f4mAxpNDsxjwRbpZ2NjgwFYF5Alc+d7aNwdyxNEpryuGVgMnSKpPcEqvUheHgSEKQloRYtT2NLRu/JIH4UiVxKUzDvHGkX72P6GAmbciya3Ye/2HT9MAFZNsoRikfDm3bh3oDF8FHubUT/WyM9ulnoQFUpUMVJXwwa0EseRPCrwDGvv2Cszp6RoIjcXmEdhnHhnXMrLTMW+jE8BstttWQrSqn2JDsLkz3SrF+zz+DWyhWuA4x7cNvwfh2Lf62NeGCBNuK4y544sm3KNAVggRYOGZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "X4yjhY2ivNhPjt/DR9NWv1hM57FSD2dD2KGFfZWO5lQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IJgV7YwDWl3ljHOUCPsJpwPa2Fud/PCsL29LEesKM/53Hh5Ji7xhjeayQ1/X1WtKWc6LUo2eGWC0qscKeJ8HCYWU21gO28aMJ6jByYOlky1JLpkvGhxwZAVCYu7lBpGl7jXBLa/kamzKI28yddDkUvwUCzWl2pDIVyh/WPR7zZKXGCmPdwDcdfD9O+DtKtelA5Hmv4qFjOlpX6bGOdOWcLWhSqp8D+Fa7TU93TEjookLGP1vjQWkpCerUR1R2G2dpW/N8i7gqffjJBhRa7oa5OwA7AkgQe5VuBRaxrV4YIRSTwjXiTP1llndVZ7fKdOnhKTNZTRVDKms2+++3mw7G1dI/9qloKTzq9hvGIQNcuPFst80hpSDLk9H4qwNhXl3UCCTojBxC59UBpoIWvt2OjiY9zjEuKEx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "X7GiltjdIUcZgmLqeDWCBFKpIgFyYJ1lT0+Eleqg+xM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8L1ZZKg8uOpCG3e8Clx2iNbKUFUXyQPZCAgIIYm612QellhWL1KLw1r5jo2MDx3+xzJ7w1T1Pw1rCtIgZfWb2sLSPX7+JwOA9Tyh1Ltni5k1PrLcq7ZGggILRzWaE4FtUNnpvrADEXyk032UHilcQhd5kvbAwWQu9oWwEtFo3cExZVRfelNQGmk9Vb7IfDuEZX1GjzXePxAWjnHGByadUBxaPukwxyesIc3AxdvJDiCh3k2Qb0ElQuiJOkntATraLwfefLpxW2yvraSA1Q5UAkphOIDpw9IeDinHM2uGWJPN5HRjfONeXggQXGOJ/18fA4r7fTHZVxMs5CqmU4NqQPIl5qXiADiXOWsmPYAVTHgwTUn9SU4e/USIW1iI8t37lqMeAFSSuxKBHBxyNklP7G2Vj4/rdeH4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "X8mx4QCMsfasmHhkflvCPLiP8fDiOVVg5Ewv80daRGw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3/ImUR7uwKmLUnRKOpE+lkNMXMMoEmDZ3nbfiFEPQLf6NOBK1O8VGD+53zD1ThWpU0w+0W0H5Ve/Eq69BiF4LS5h2H04R/vCvLyFhPRrcKMI6pP9ScPvgV1ZsVigdM2whsVoElU5hNzjJFSCWqLvCx0Fs7gJ3Tww7vGyS1PfdOrwuJzSZKZqZVjFYW5UVjp1IBvFnQI8J1lFE9e3giChoU9ytPvYvQKP7hE+ApYu+dDRNwATgwzzna2zoUG/MZj1eU+q+dNs+xq8S/oY1nTdigA2ow64ZDYJDFkQM5W6edKGLyVgLcZrBfqTII20jxmrR3KD1KD7Rf/KJhvWpcrwyI+vzkCWghAoOQN5FjhpgOtnObmOWzfcSP1xsy6x3sWhKpzRzuHf+8mmPVIwxJpHsoAh3OEripGK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "X9TRCRw+TUKLP+kQuS0j4UdQ31ZCS1/vYxhb6cHLPts",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "14ZgUUEB6fZWwOu6pDDnnNAK07fxRZ0nfOZ3w38xR18hu0r2IB+1vDWwXevsPxjFvHC2NgMWLalZZKWJrStmCr7FhaVB8VlN15M9irY3p81IuRpCJ06EPez6z/aLCeCvABi7MQvFrBIFYYwM2AvJv1fTGmn0z11OnMfsndNacDhlFQjk79kihAJJz4mRO8b/iEUk16Ut9X+XG+f++jwPwh/o6rSGwlHbNSnIWXWX8bXtmcDURAXHRc9WuZS02AgCLJynuf9PRAKcIIlBhxroaI1kCr6CwV+D8sXx4oFk17p7UA4OkeC6JZSlU9pfvRz4BDjzcSgtkYsob9mbbycsiXDATrc/+Y7kLscw5EMprb0rDdJwTvl0evanKXXMK37r0YxM/qOvDODUJc2l2BcCuqgLuuH6v5oS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XAJMoidHPWjxqtPpgwzgROteyfPpH8Eem5SREbCGQsU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GK+IbxImVQBp+cip6OsQ10aMxBXzjMeJ/8CKXUl50vs2mxEYc6R79VyDHGaIkcGGfASB/+c6QB+8H+Pxivu3xdixTW874uoxL80ejIXvu066YTnWciYw4sFm4r1ciL80Yb+NEJW3y1v+dyztrM2gPgqACwPxjmcKr0dhWKYrmk+Ycf2ari5kbQYjkSo/mb29rpQe+jarFv6mVuD1K/2feUa2KiBIGvfp6BVVR2cFwg6jerrdKPQvt3EBoMbM5qXbA7Llv/OfPzuxh0tbMx5c8/+sB824bizSJ7ha5LzedOCoY5k3jOUCT7x6NcVXWBCN0xT2swEX0JyehneAt3vcpl72DjZMN+p2L7D+0RTncdFK1V6B55fLkpuwFwxSL/0LX0d7+9DP/4UHpu0ViKSW8srYeMgP8+la",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XDFjFdVaY8VYpQ1+osJ4dYhUUpmLD/zjakazjC7fNys",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ckaJUQadA9Nu0YMimDCx7BpJc2nG1/tTFKTZQyGCleufM3KaPxstmHsv3hTqPVPrs3MkxkIbvWFcNElUkyXvmJYntAn9VnMkphWJ2GLihMNlYnbo5x2vJK1hzSC6Mon4fir9mufguRLEKTyMgNt+zJErXjrBuWs12j4wFW09hnLDUKbKdRjjsACGRUHifqqk7kTKG28IQYNMl+UX9LbMjSf6VMtKpA0kYlCUGGCjO/g631L8Of8+x33HkII8yJhp7xHqbkQgA6waQHRXh2ElIb3q1HMY6xqf8v3UHrsyfN6nQwowp70H0W8KRAkC6mcDjaiwH391G2EZujH/oB32C8X9k+78oqSHXApnFFXQOuzUSDbg/YdBJFI96Fqd1b4M+NEhbc2kLbqpAF51d1J6vtkiWGVmx7oJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XDfsTUFnz8ErOX2iHuzTR2U9prpnH9gMuNM+r9NmrpQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7fLbcy7EC68JFz4WBhCh2wftHhEh/Pxp8wUMpKshJaJF+CRIigUlE2Z7xdG9/S3cEkmxNZ2zaDGDwLG6QWRH0P6E5YW0piA2WcUZxcYtnrAZIdU2OuoXWii6KwlG8zIQpQNu0cBlwbBIC69FUddDwTL+2iQ7cDyNYVhl60al0IuhjP5V/KYbVTjl73U2p6X1VnteATEhooeKHPZOEPgIOaD3t5qpvMl8EO2i1DK2eunIhtsc3ZQiOYFOb08Mh1MkyMGVYRuG+gCxf6vvWjTqEZ7rb7tMpGYMKAe0De7DA248PPx6ITFnNc2KYLJemcQVlW7nng3Hn4qq3yAz/ivW1URk7H3JpoL2KzY5Ou2pS2+JKm38STfZAC0EA/fkbMHCZz4sWZnrABjzuGvUZFd++wbduE/xN/D3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XEYBUDwDpGcvuILluGXJ2BzuCvQSzptJz//TxLHR/dA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OwCWCXqo07VqEQpicg1oUH7vAZEHzrUYue+f/4A9iPuXBGHhwWB/xJqf9GvsrwlgqUgn3HVBKSitcheAsrJf4wPpru5ZwMAhzHWiXXKFggijEdvQUbDos5FYzwJZAUhEFhKl/GhYal5Jn8aVckOFNhJxElxzUe2msXAQPgLIna6RoAZFVm+5/QDEpbt21yefs0pl2ckDR1NLiyr3x5h7jPegi4KHCKmfj0c+LMDJb0yM4LGj4FtsMiM0r7W5a1A05lLu0Nhk7d6/wwc9Npe5Kj05X3XFaQAflNSBDKNsZjbxvzZvnIuS2Wd/xFC8Idh2tmFFwhTCAqi5vqg4/wGWiGiWyCgQG+19HJtCaqQ76HoTdkHYaWGb9SMKCJgh/SOj3N33V1jAVv0orP8naNRgGvfjK8nEODFp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XG+678KF9CaJGR2T6nfe+A5fRste18ytV5mOhorL7cI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1eGWxLDwcze5DPG0Fo8naYAVuNUWX5wTnF9rNxTUsDHD4fHXbrGYwn4HDGRb9vae8ZD+BZG4VXnR5hdBys4VGfr+axDVwesgykT+D5egsReRQrvaYllreWjivIHLDLfXwwxU8ZAgJo4DAyI5wxPcy+TYNououJ0UYZi+tUmharAECkc2mTdYl2tdwrXgCbrVwb0QZEFzzty8fAJoArjPkZJc2mVT0tztZbqPJw8rU+4Hhx3IdUydwGnnW9fZACbW4ubHTcYCInc9IAZVCm4Jfs4FgpSGXuKSNS/ndvOToEP1ty1XD+6ymu9YMvpzpN6x/LNxMIYeAWhSXIpkXshQ7e3BeilonQBwcYlEj0NK4fKtOFfIMKOOJO9d9JDv+YtjhshbAWT1s9KnaSA+8Ut4OBitL7nrhB2O",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XGfTm7H9FnvtujEB7LQD0ulFsM/FP6BEyyKg/YT8oI4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "irAd+gVL7bzicabhM+WHxU/WL1fQ2xPA807M+T05vRMMghoodwpXhhl90TpzG1AeVC5HfTMwDgA/l+JeS8W4qSSj/mDgVfcngADYP/DP3PBKyad8Wjd1NBkyC8JZmc1Ao/vJgWj3gN5XufHCYrpzAJfg3LcCG6Kj4DR8hsvgdAnL3nmD5qR52U2k1y/hHtl+6z1asEePOxE5dJvJq4l/6pydA7qDyYQgKIzsN+wSjc+1SAohqkVNoNFZ1zdSzQHeyyZW3IgMnJcsioNQILJMYw9zEBWR3agw45odGJrwbFOgm2/7VXjeapq5+GFPNQPuvWnCnG/LcbfaB7PcqFTtfbqIMpN+nVmjg2Hiil0v5ayW5bNl8UAD4ucm1WPcz8Oyn3Gah3HTqrvZSBmEVuYUzJwUjqGbqCU1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XHVfOD3Y31iU4IrnimZrgAyCZfTk9ZT+mkpXuwQ/1N0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZsmZfHQCi5Mpzqpw0kX1jfMY9ZMEavJFjhZaLt/XJGcRG5c4vpBCkNXVh/9254tCXjP7R6qGCLKTSzQEr27YOtIgcBrVm3yp2C4seci+LL5JIzk+YhnmWNHIHCmw61MrxBvxeMyJ5BP5Iqm67Owvwyfb8q/uRW1H7GTvuAXlhSwIEVGZggQ2r+XdVd9buDujiE4uh+wjKML+PP3JkzZUEPTUxOu3RpIdDb1r2RDSUg4+gPl4gf6B9HeCOzM6kwAomGWdZw4Ge+GIDvvkQj/lhB3NgPXZXeVfDN2XrH4u/fMkbGQHUcAHzd5F5rQ80X8PGxm0KP8n593tcvZxONyDmfBEupOuo7I2FGheaF9666bk5wlt3p7GlS6xrQ1P4fTPHHH6yFV31yJfptS4f4dk1g82US/sn5qG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XIW098U+zRHgA6F/BF2BWa+MBTjBZAfW310m+AEByP8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RL6kBKo4OCCmzxk8EA3pp/hXlGjnf7nwyNh2rdTyt0DCKYPa120YSCg7cYu8VAjfHPm2VSNKRHCNfg/dG/NOtxqlCC56K9JXOVTGHzBU9VjLU39/kA+145Go4/fwhgymJUpoRBHxly+lFrkt0+9HtaKXMCgIVypuMT6pGoSOc8cjTlpSVAthEdnEsdpSY3MeCr0FYcHvWBwm0Lx00mdp4FBNKYXs9G6geRZoukJv4YARjADLh97NOkBguMzF1UPPqVzjinTdaFfoCI8IsQaHQVR+SK2ijc0KaJvkbQBVeyGO1HJE7Gi/AU4dBqU+fWktvp9ek4h98GNjPGrhkTdLeqwUWAplzOI0QQslLgeVInkjCqe+cJz/sLa6QmPoD7xGaROsr4oBRDNZGDxZtCv8niO5yljnG9vl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XIfNG9amHsqdIFeGpUHgnPtpqg8kb25bMUeb88XOzgg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "du5902GgAn29ohuBbGNMqFj5NafFtHBoLn23lTaZemAzEPl8JaRueQX+rOuKBTU3Em9cYkoIC6JdtF+Mav4EfM89FoCPyuwGK+iPs4B0tdbB/z0088Q3a6KPx0c0OdH3jAqgQYQNi7g6cLzZlNR9DwOPVsoP3tLeqmZrzsJtq1DVTAelAo04P6U2hHRsz47VBvHxqFXK2HSPFUBRddNi857WYWVfOJ+Z7Wy21KLYFKdfrQhXlwLu0ZejjXpnU74btYDFwTWTK3VcPz91VDuAt/pyYyjvXW1pr/W8gtcNiPJr1t9YKyQGHRGzGzfRcODBZS5LnnpsC9cRJaO0Wcn2SYsQjnhebJbfy/k3AeBk5+sIWY6q0/utEys4jKVvp276c2s8aNqM1ezbK5vDPA/xhjPPUvRU8us0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XIoNg6P9VU2Hjp1PtUq8lZBJBxA5+2eGHhmthYMrml0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i2AktpX3tLQav38JMNZxv99lrDP60m6ZD9jeV/RW5ETD6FL4Se/F8ad9XNJw7Za/yUCCQx6swUFU5Z7tnyzbkYMEYdWEwNeCcBIOTk2Q+NJ/z8T5/97ERXm8QqvpCBqNadR4m++vqYBuIP4ah/j4eDpcRctfDvUCVCBgJu5/9KFj7lcJxLsp/sub92g1uUHBN6hAfw7SBBNj1ZtzJDBLK5oiQySh5gmouihntkgsayjaDtTltGtOkOsdros/KrXn4HtTOduMaBq7gJCCzdMEYEK3KN87ZMgndiTNxkd5iQfHNHiaQlvzArINA4BZ7vm99bkrJ6qj34uRQJTffYsoMKmHIa0SRdc/1jL2eRDxc9pFu/CeLhdMNldb6rNrmzmaVKB0ZbPhT3nFqSTzicbAU4m8zBt4s2Ve",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XJ8DCEKnZFHFoDSB+pOU/i+XkCR5HbN7xVdcNrvYMX8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oh+haAnd6mVULdmQUFJi4rmdIOV/F2NZjP0Jo2PvRFxN4EHj2wKVKp9zY9+9K9dmZmMt76apuPpuALrBifU+0+HTpkABwimyEVWn3ffUbNNCx1g1UESICEabXBxK8lydByIBrGHhtXEdq7N1okxmpweesGCxeoyzQ8K9LfWULitibFHspNziOR8x/Mhi7MaSwF0Vw/GKx4kHcQ0bFReotVeMQeXKp2fDbidgOhKhFyTj6xcnpRd+J74pYxiBOGX6Y81+lgWkgZ++GJdhn6/CwA1fCAwk7ejORAsoYECr+iLgQCXCMM9TSuWaThVSnIDUs8uJv0qZFeZXKxmGMextWVfluUcen+FkLLgFCA92HvbVWu6uRRR642V+o+8pm6O4iwADQybU0O3OEJXjhWpjoJgKzJ/lXYah",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XLGhcxzMcTM3/xHHJ75J2ZaLuMdc+m0/V1bDkQuxwVQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QWxzpbRQMap11KQKxQO8h+q8BdpEBsXMvoD4z7w6RafH2LoRzvtbhv1XoKSkdmXK0Bman8aGpiuv354dxS8xCtXuY/F3/q3X+0fciLSEE7HG5xjfr8MQ3+TbBVF9rqzRVqACHBu6VE1Tcb3P4dDfmM/DotTM4/NfuFUc//ZH/XpyIEGWhXeMa8Cz6UTqv71ft3yae4Hjt+zopbXq9NgnDXLxqb0k67lOnuMpXhYNk1/In+QdKcWirE9IAlnG9wiezGWw0xu1+IIW2lCkVWt4gIsxeqHYE3hDEmT1qj/BXw8Vd+3ew4uk3tcDN1NeXy77i7YJisRfp+kJqTRuCvEg5ILYbvAnSVrxW0hdcZKZuWO/LqpP6rPckkBvfqUxNuaXY+F2BMP7iVyOEAqk36cYE9xgHhfaazBv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XLPA6JyPtFz197RweHAzcljSBNKQomwlYdilNKtOylQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fDweJsOprPYil1iOaXq75xTCOoTYthq58C51lCWNxdPKRAx+1laDhBLzjxwRrwO9nRmqmOsOToOBkwYPTjnIucCx1mJXiky6pq2anNO4I7QV7QfwavsSPTkxUvv5ywFXqtNRWw/LPYD2SORDUViArQQchoPZuBCEY7XEVYIcn1yY5pUJG82BOGUp9GvAU4TUI7Ue1rcN62xa/9N1Og5BCQoojwXi7r8uNj12gzuDfApaNmI7HzSWdUC9Rc73OwsDEHhMegIrSgF+dKgVGdThlh7/gBc3yTi1jgq2T9vRXJnkH/caWxaJbX+RRvcfe4g58rBoTf9ca5bazqZAhlMWp0K5KVC0ewiAlGr088e7mwWaN19PS48NzMBZ9oVyBq5fDbmw4YIyyoQchcvWrowDMI4YzsG0BR2X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XLZSYcgEsBmOUUkrzweFoleDThJZt7gY70DJk/OgFPQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "25hPJCqv4jm/och/kSPMSCYR7L5MVO7oUK+rJKmwaNlMl4xnjey1zxCuiO5tClCWBM1CUEY31A8LrY1RjfRecU3GWILTTSw7wLhx0wNnH1V79k3z2nPbiqMeMDk3EXmaAxc/uQ0U4k+Gk+gO9VmdUQxsFzjycO6YtR9TNy8oOlb1QK55c00rzJto9+BTeu6yVlKpUIvLZWZLdmVPmRhSH58h5/Nn/yxVuuVhgkWLIza+dg5E3L4IOel4ig5cohWsIy971T5CoKGn/N8g4tkP0omGl3501CRLohicn8Mj9uMHqQhV71mi9W/w6RkPHpteLakfLKWSZD3ZaNJgYf72etMEb0E6bQ8taxdySH/WGrsDOqbE092XImc49Ip37CoKLBF26EbMxLOS9XJIoHeMbY4fkhVKC9pQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XLjzp2Te1CmekcX5tYK9KRcBRkk3F+amrk+E5PVlNWI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bU028cbeDRKpOyaj48WeXK2g/CSdTTRcTX1N6ZRWETOXI3NAUg69SmbgoR9t+u9TfCef0Bb5h9vJ4tbJdXCDJe3TJvuj11gGvaQvCl1YAIvsiRveuamfiIGuLxYyh96HUkIAfumfs7bxgnIWPpyUa51okll3tQwbcEqi523IXJnYGmgyVtakWl7wkAG56biHuMbTZbup8nZK28WSprb0nGD3u5Nz6Zf/5UbT7fJl4ZX8EhU/RvCqygBW7SF9J6WVhYwAEHUbVfSmARQDHEVIsju5fnBqZhUdHO8LN8rD/8mZe7eNsN8A6tGTeAjbLhV7jCyh09S6NFfzniz1W93UTsSoDLuIhH6BD9f0wyxtr9JjjTT/KPo83de04meWL4mD07sEt1m/bpQD1SuJ5fg6oW93Re9/U9qW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XN6Z8GuayErUEEbtVxowobqoL6zUjNeX1J/dEOL61+s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s05SYTaokEMPYLL9hT+BQrpjjlXLNKnzd+uGOUoBXWVs7Kd+gPEeuSFUMOjXqxGI3APzestN2y8m+Z2aroUqVlAbFvVJz+bmOiY+CJJtU6RUO775SgQ/EC7E63QPPIkAN7+LvgEdTDQ0tY4DvxehDuPW3sD9o4dFXklQ4suwiN3jtmBf1RVwlU2rEhMdBEID0MMsw9WYfvy7KzPYBeebvrFsxwsL39lR3leNFLO6tyXnJl7OwNBYjOmBLs70oygNDhYLwiur0q7vxtH+aGChdV6E/7nFiEbE2fEZJZV5/XE7BWocFEfOuRDzGRFJ93a/eXebeomvrAQm/9i+9Fa/v1dE+Wr/wLlJsPouzsxvwbRhV+gKEnr4KvDcLzic1rw0vmPgMwbABeYfYo9dbx0YGiz/Y7IV88fD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XNedARcJw3XXzGIUnJyeAgdhnSPncS25j3PZkvwNU50",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3FjW9T9V3cgJASCeMPFuOk45DW0eWyXMgrUq6U4SHLkbFLUkievKf26Dy75BRunaoKSDL3gV+lxNMTr+SG/WctMbjRWcQ44CYxOOl5wGVESPIiTVp64PagzJ6JoMhQVcinCGMo9RyAlWT8s3jTtNWmpV8AwaFtmumoEwyGlv3NqEWHxal25mD/FORoSZbXlHl2h0151OJUkrtiAWpfUZ7X/ZPArdtsfRJ4BwU12nNqYVs2GUFSfKV4SPU3yKcbb/s4YUdjMOUc2rtmviShOATW9yzmxkDPyC3lrvgkp2mjoR6itKt1RtHHdyRtXBWOEPmrTvxyU2Gb1+lR81TgZingxfkAfI1HmkDwb0ZDU1YBHy9BV+AiNaE4zSHsLSCqfYNEBovFe3GzA1tVkZlCtVd5XQ1neqWYEz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XPt8bFP12jKQJCFrAJC0TPDw7Yk5xZikyrxaElPI118",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A018hF+7ll1vEGTxp2LuTPEp0usQ1+N06zc4dPI6eikuQGoXE6Myo6E6yVqQyqRKLWLYEtWLvEBsc/VPP0j39gt8CBseeSZX+UZZIhQ6YSc91LSebwE2c/skJ/zdpOzXYPFcCcOeUFlpdL9jSBe8OYbzQxHJcGtgMJ3biuPwxB5AT7KprqJJ6QAJMRztz/oejyfwZGqv8WKfw/YIQl+vXleeqletChtA9wKb7VPjZpQdtJJYR279R1erp0ELRnmFK+t+09Z9S1QcXqQOzEszanvOZxg4O2Lyxw0egb3/hUsW0zClp/EYltoxsK7lKhirDvOP8k8kXovBxR7xvFUaMiQ1aGr7qK2C1Lw5c9hFnPa49D9yFH3q80rpbn0PBVp32zLAa02eso76GgXR57jddmdiYWu/z9bm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XS3gc1uC6rhMau1mmnSWnSKUzfnx7D7GMtvEzZ4PpfU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+AyuVt6lf6xzCgTQb+RsFL5YmScc3JkDgFXFaeNO00eac1zkj+fNEWzC4jWfkLKbWkTbq2gmjmur0nrZ0UU2gfnTNFALO+r0ocxBdNG+rqGYOs2pmLPjUE3bmvRBeGsiheuj/u1lXrbzTd8d8qaZkZFW+dREC2nSn4EftZa1saxOfR7qhG7rkhA0/5XLOf1vI2XeoOk18PJWFs3Y7269HFwcrRH/ET2peKdGN85fRCQbhjxFwvZoH7SLI1Y22j6z4mQaOO9dn8NGMYhSUixN9gx6jzahmzbshlMrRlAIdNywrEROqd01tc9MEv9Ljzv2q1/NG9TfJfDvz1FVUHwjTP7bl++Tu4PLgfbLqr9RIH2outRC4kNkR2gib39XsQSKFXxH0V/7cuj17hkIc0SPAOTGzUrk2xsk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XSXZE27VlzIYXgJOeMykbgthQuD58l1meOHO6znxqGQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yMskgm85xEI1Avz0hBBxLzj7uEzx3l02Pj3NcUooYowunuvRf/r4Jxv0+e/rU1BJyze+t4X1bwyKNiBYJEGVHb4nDllm5pv4AxwbBKVg2hL1cQ85400KWuYXfdb1Onjyej76HOAQxah+JguLTEbuOG+x5Kb69rDTK2j2sWiaCkoiqX1OpaqhmsacTigaUux10w100vlHEeWp3xX9sU+bY1RkOHFwMVMKDkALlykTqEhNlhPZm2h8uyLdVO8EFjQThjreNUWCBuw4tMV39p2Vj8HPJ9KrL875Wtx1Dbmmol4TQ2uWJxgvevKdAN01sguGbPVwvk644ik9tLDJUrRf0T80grorT7k8EDdkQMs7EA8z2IYrU4vLU7tkI1OS5N6nj8PmK1ohnrGgy9SeWnQXy+Fnojhrrrwe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XVCDB8Cwff4+F9Ot4xmrT9HXe6YWCF/PZHk72jAvjl4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IzflP4cjMBqJbRUOHnX3waSgGli0X+/fbxkzaPcLpOXBXuelMRGNJYNRB3DZW06ZYgS2neR6zkevd4WIs4Sq5Kv6k9aU3UUzETeyek81pZplIs5MqrxaaePJ5t5y4jDfE5yiTl+kiJ7zXPeCYG6Aq6fxCRzNUPFxAVe7X77rAbY8lDETd+RazglmhS72Jy1YrWF8gUUzT1xP3rD3FfWNpPlk5SvnIrlI+c/UXwgefb+9EszlrS9umATaEy7HrLkVc8VyNEEc5plcI06O+4DNGeT2LiwV+B51gwuKjZcK07LM+ls+JprnMOe3ipFG7hWOjchS52svXZQ60I7Sy/dYirSbsAqEtKZxvJIYThQbehIldyxxvvTvJhgqA5xFZsJQeaWz9SFTGcHgXk3i/fq7n6SPf35+zu8b",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XVGYnHQqF+KFcYJo1t4H20R5sponAcybRbXYM6sv3/w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uEt74Pz8NwLCqgbyRHdlgrpBIIg0z902hCzyw/AlqnMdu1MYraaa7Q8mMGLT183uRtf8dJ9S4BOsMhp1d2JBeDLWoH8s8VcIGYW8wSb6SVrW3dSMq/GD9U0tKUQAfReuWhtU27+NglG88Eil0lyNVeSui89kaGarw6gUS8GliGOSwv9xT+ZJJ4mkHWTi2EB3Zk8uQFv9NfoadQe2cB2gsuVok7fqbLYGJOEjggyXRrwyWOjkK68XkDqnEentXPOhDZGFyIT03SdfisAqxei0jQEtpoewdK4dNmOH/jHKDPk7Mhi5slveeJ2CP9N8bPVztdDCuD6Fud4pUOIYjirjsKwcST43YEP4E0GN4yYYjSlpa5hsq+eVIwCrxdukpN/8wY0uscAB7NKkVz2z3NgTOganK9dYb0UE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XWJQIQGnDWE3aDvgHrg517SptPQY7Ap9WABIoPxygVs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Hy1CGbNZk4nahk8HoPY3Iwq+UutVaO18ZjrWd1l7JHL2pJo0ZPJNJQ+HsF39hwSoAVrK01brzU39/IuaklASbyL6PSotXcYjWEvye00wzL0OiocyPBdOmp/6imPbdNB+NyQRkQ3/h0YxXZGoDgRXKYILOiqBkkpsnHS/HU/brxZer0TFsAyxK2c+kxyRUz4HjFjMjZx9Bp5+wN9w6z4epzxNF/bY2Vdla2fuOMXioFBUtHInBqucElCF2jK9eauBDIGUtItqqyew2fk967xVkEVDSS53fqYc8+4WwLLnoliOJx+PhEVzvP4AH4j0Ho43FCKlIPWG2jM9V4S8lOtqqVzJ4WoCG2/WpdvwSNmWMD21WqQeqZjP7spQdSXkBigLKVJ8jBva8AOKcTcZqWJuWJhXseC9oagi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XWsfFN74lSzGkH1NCrSTVFss7nZy373Noju8ELLa91A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6l+dPxKavXhjyHnHGpwk5TbIcGlGhigRk8Csn7WG5DUiIz0WjNQXWbof7G6KuNtx4lSWAc7ctsXVXpSiA8FX/eHgEOmVvL5IAF4jG1t3xbpYdLdjT383z9a5IuGc+CkxvuMjNTT5Fz+Ptga3sVgDR1qpIcsq1C/cEgovHNLNbjRwrKx8zaf0ObMtGXdZ4A3/59bK2pS+Zg6uEpKpCfnZ9giIHqqv6zkuX4L5R9z11QByi1+4RGeT1+hbk71SdJ/k796u1haKmV0/ACWMK/tyQS8C+BA/yl0UXRbtBfGxWDG0fDCaITqV1qXdZNQjVBonO4KCE7rcyn4OWOIgYj9ekqTwcj+LFUVMLrRemMAR+FyUzGQFGTwOh5jgr4ycWVGCxq3ZKx+QQK236kfcteOS0MRbFdA0Wlks",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XXERikqSG9vhLv09sBUTgkTLYxHudsDW1k1j4IBGdNE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "idevOujbGVSvjzn8W0k7LgcgX/y7muGe1VMJfYjdQGsbvLX0qVdbH9B0dOK4CgKZHNIlqbO5cLteZt18653z3qeHuESYGk+UO6Rvg5axg0WLocFo6y/bOtXQA4HVzBddhLJxKFlbxLH0CK+b8phsjI6C7rc4tlJqO0exOu+opWj4SK+Y7GL66rUtoO6qR64Lw/HNO1NT6C7ZwZL3UqgKzXXwxKFFqMdVBT/I6Si8m9OgY8e4VsG1USeWdfvod9Z8kaxPvAtkPpd0IU/2oBNVv91HQDrTlNb33Btgu5uo1yFew45BdJe6vCBfMIjojK2qOiUZ90tCn2gp+cUNAOC5KkNcBZYYW9woM3l05rIV4aBXSLylCWyWhntDtZk+Q8I0GGomdDf/9O5wiL9cVYFzFZsWljQShEhs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XXY1F7ldzgLshZWOr2bT1qMIXxvb7G+PBoJl0BPU2X4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0cSRtV82cSmpRSYi7fcV88tpjUZJk1/zI5jqCqAvJboYTmEHVlz18rkPtE1MOmidKHZevXvJLRsyJMSH1UEq5lWNEv48sAm7/T1qz3wFin5dzJvdlVmSCB3L+aOC2XV8RH3eSbMWj/G+F9EqOYBrfvkOA7khFFe3TlOoFlzxGSFWC4VrR4v4xOquTaA8w29RNn/IySXqHw0bNsJzy+kstMp3kun9QX79viuiAYdF6BI8S4MKtsKpqapzgPdzavQP5EDHjnODPM3RzN+Cb8oIeFgAvFKLQGWmnik/MC+lA3Jj/ctVysPXqlAu/q2Y3PWejP3MWRbl02XtcNNfwCdP/p2JYXTq5ICMaOh/KSZamkxVn1eJliG97UMcUWwmMqImhwoOCwWLSk4PVQQneW3ZflcWupH3FqBn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XXwwsLzM56Bvv2hN/h0SmesKEAaJsp8XyAvdkBOv6qw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ThXvZk3uj5jW1glFGF+MkbHf+aZ+OI1bnp2lJhZPa+YW8B4NJkMdj+wr6nO1DlnrzJg5uvUyHTOPbjfYOfAuC6sFHY42qu/KcI2jWVnDvycZQR6jSQvbYaLFrGkIGiUzLo4aBTEAtCpcfqaNAOfx1YvwdCcZXueLCVT3GZ+SE99uiS6w5MOhVVjOeVePE+GgWq37jgFpQHIhWCXPHkHjujYsF85yPnqe+FgXqPoQat7gOPZXjT2Ju7xZ/6rrKIRCK9GNnpnHFJEo7HXGKHmJvQm7iKblxf398NXjgy3trrAf5aQ3moF6SWGQQrkGRumkolJYF/2IwtIjd3iqcwt5YWkSA4V9YEz4p+ZR/H2lmu8xReJEzVhwPqv9zvQDRD8nvpq4ibBIA/xRbdQ2foBNACH0AvzjArXa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XZ3bztkKsyUgIcfLuvFYASE4DszKwSS44HVO0imBg5I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jmYmFuOeePfqDATbi7Y2TUv9UesqdW75V4uoetfaPdiFCohqMtbamZ2LhLSxIq8M/hdos7ZvX/vtTacbreQQnx/tf4nhitSJafyu7R+R7zauU3LC6jCaM3wkqv+pPdz/X8cNyK5xBVVqMqsJbwcdOkX392sQganmDpuRivz7d7BZwUJdEN9BJvM2zX+WanfDATDQZ03AISrlTAW98rmW1Dazdi6X51CZcjAXIUTXvGxYfAEIMW6GG37Upq7GHZwwhnfAUNL2Jlvhl1vcBW8mEMZqdXsulvoZUwBhRkoBmgrZeCEVlsD+1zEZhFbww2JD6W96YrOz9kIosye6NU7oUNcOiiBvqtcvKisLT3xvONbyhqq/zKFxhWylEYBIYsvKdM2y73TfNGp+CIu2CPAJgACveXNtPtY6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Xb7mE5kag2P0nwkzih6ppibv73MxYqQgDLhkx4kcXT8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1l8i/yjddk7zwbJL/YlWXrpxNhrGIMHc67ClmKgru7JXsWiC08lb3+oURjlSLCPs952nMFVuhK0uXWFrb0wpO4Zp4YCgJPfLkglzZ15UALxaZ8nsuz6yU/n9s2eyb/aoLG6LC+HbpBfksc3+uUP/3+Y4IdzZR2X1e9iYXIEIdBftedOOU+mMgI+3/DLqJTqSF9BMUTrQEEJcmd/tW1T1CDjqICHv37r87omwk4FXEHvnCXLhNaNKSeE3XApWqQscVWLwFJFWTT7Zcw82/nUNuoxt8OUaV068qucpZ+oy+bMy+jjRFc3/ssRw4a5+gO+qtnKZ3OR2FZmm8wue2VwS/Zt0my1iOFccMMD1Qb+nEvIZCuOl5fKhZ63q1lFfrHQXaFuqRFyvodxv6sTblcFCCnbQJLwuLMnU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XbMx7arq5KzlJ1lO7o0iIY9LOv1HmkAB7EbwvVilrXQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "34M/f1+yWpKDmVCmfz3GjzCm/34df8T3+0ph0mRn9GTRI7APUjdp7I9W/UIOEiyW58K1viPGQLWbAEQb66SJcdb7kdUrzXx0voxbbXrTJ8Vjpw9ZrG9S0R/AgKAeiO2NFCJtp3rbIC8ybOpenmiK79Af4td/YVJrf0ZWoy0EnHJpPlNtzqkyw3B48Fe/0xSMm6FVqCqP9r3fUxAmBKmeXxJtu40fsz/ufUr94oD1NTsHdJAc7VoNrVlIU1R7mY6wGQld8RjOVbbKPPpO+ynIkkpELXUjPBRTldpklIBSWUMz3Tz73K2tYHsr0D6yvYr6SIf6N+Q8HF4zqM7Gzbwt1J1YK6rBDSx5CUHXMbZTmhEMf8v/UZA5vKzGOyzJCKUelNGpNivlxC320XHBjtXQJcvRcvk8X2x2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XdiD4rCmCGCRmJ2HKyPGLvcKWzI6b0gc/uBbzmgeAnI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kcuT2zPnVhdsb7uTLgu3j9a1wYQUsaZ2vGhp7ivDHku9FsXYpuQTvfSga7NZT1Wws10Kz2mfRTmL3t5O6Q+isBbTjdYcWtMdv2xYSGCNvGD6HlMl1/wOVUqRICUIjH2UYiJ66UwhAz62s1Ak2bNi9sVYwZTj7LKIIlDgfGLaI2fCyiruGQ3r2qvIAI2Of1DCXbPzW2doZS4Kkz1rRZ6eS/YxO0Q3cUTMndzUVV5LVomL2pxlV4gDabwjQRO2xCKbXToXefKiNRF8uCZJXjsTP5hChuPIRajDghm/BlAPYUQQLILtGJNQ45dI0wKbNCYdczWjGZyIK2Rw4lmJzb6wG8futv2wC8CSisoZ93RJ0PUW8IVYgkLjqHqENvja05KS6Koo5WNFeRmdl5Lh1WmI4M1YBXQAKdPn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XeBHCTCRm6Z2akD8Mb8eEmyp44PjsVLc1uJPi+97xNA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TWFOXcKzbwvKlvNXQkj2aKCinMZDbb4ar2RLk95bR0TdH9NYtHbvpY8WL64agks8vYNiydlqaPCYSeGIkMjDZrtctroGHmtlX1Ea5PFPt16t0M+3bH4Sbe2wrVTH/2SpCW+bBIymGGFWi/O60n9gliDVSCt6ob+ZAz0VKLQcr5gygzdfuW7Sjr8C6duo4T73Km39RWPX4oaNUPIvIddVHnjM6SZjTK5syWO/00jIF6iqRhjw7oms43GugAUexXPIXulD2/9OlZwJarwhv/w1PM2Wy5HXvt3PgxtL4JOJ/wJ9QPlmhZVt/qfCRZ4CluWHtJ1zqJHV+ed1IL6wllbvVvnnrzM/jcapCAwHu0y2WGUdLvqGh6IvYfqjDG3EwohpOkwxr7tg4/S6qJSUkpClv5PWit5xs6Yb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XeswZndawY002+cG1qYylYGkR9GrJBsQ3NU+ICRVkJQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "skXev+R8edIYBLajMq92WN0As07utosgpmYFgWRow3BzKZo/zcSikAp8RVheQi799bPKnQGWPejD3BXUm6tbLND4MVdNWZ8ythene1vTSrmsFquNWZ5j4xNBCfWph+wIQCeVmVWkGvFR/SBAOY/tQy0Iv0h6vpU+p0M+SCvGeYALKxAMnkZmJL0XYx42anzmFLF0ShCMIeBu/PbY+Bx+pQqfuv+v0RYcExMSwo13PZ78DF1YNCYWtrnfqVjfVyyb9UJVM3vkEyPj9BEwyfg0l0V3zzr8aTbpVaV3p0QUuKyHNdzoLhqReND6jBGr6mfM9z8pMi4eM6IltxUuMOPC+Fas6YnDqbXOV5HHguLXoNKTfoJrx+cTVFgfrHFzMkSSjBSacHCBaYWwFStuOWluXR2j6xkIH97y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XfpRVf1OeIO3vE7zGjVOWgg5VfhWlkZgV+GZvdbyLBM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3EIOBaDo8cH0gNXfU4d3Ak0H8oAmCcwzDmyjmlcCHZl1CqS2uOaOAlYjHAI+Thi27q7r46j2Kmv5Y0lOs0z8gQre4Ysyk9Jyt3l+fFj0IuPG48urkiHy50povMuZfW9uamXEjUec8BG14pfAXu6t0MHKdQEikKrj56ZDClWuX9cHSO4Bv0hDJ6Ns77eGpxXyOWZwaMJz97nDpfieSaSbFpLX0jMXftBo3hjKrWEs/ZbsQ/mE5BmjV5ZyHHlOtbXyLVGDXgqnk3z5k1rDEhbRW7k4FglLAWqSm7eHDhOmz+JId6LrTuaaO7y2ogJgrHfoozPg7iFNZShLobx37Ia30xqUxB6K7Lu4GpeJprj7Q1xAFfwa6dP8jnJNMC0h9bJ2l5mL4DgpFWC0EwpAufPgLN4ZyCEaBs6Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Xi+QcBGToaxL+xDb328Lvmu2YHmvg+z8vF+xcY6COkE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d0k0VByTIfWi7Fm+1t6VvMb7W4DXYvK9SlgQmgcqtFGuVwyTwz+pnHaY/2o0Hmn6wNmmttEduw+lcoP06PtDUsJ40c9gtvV1slNgCZtnkxqi2Tw9JwuO6TMVgdQEUo5AZ9yqw33/mwwniOJQyQxGcFRWIENRnu+HYMn7n7r2tF9zFgL/tDZ2GbLKCxnx0NOj4bWar2sVKm31iVFosUZ/i+j0LzGTka1utPyl+lCdayMzQo7sq3FZ4E42GknUxKCbXRR+CHplySrpz/SFcDZYATSrxB9SOeziRasLOFwf2cFM9N7ZrIcIg8zRrmlq6E99I7kxYQ5VwVqkSgWopZ3lbjtJvDSKHj8GSax2bJmsu8SMLVJzLHyMCjx/svyuMlN3LALJuUmM6XnXvSRwBsvXx8kX2BSqs0eO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XjxvbWUD4nR1Z1zCztL7IrYbWYj8q65PFD2+9GM695U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UcIx/XY8R2NYAJgTntfNBD6z1bao4pq1sL0gf0HGzPpIn5dvTz0C1XNSjBdoMSkzKyHW98+QUq5E6uz6xMDO6ZatBTQGeVB8swrA7AoW1qY0xU+fiQElpdaVAkTdfByd7708ZJThxHwI43vuxKnGQ9KhCW4kmpIY9AqtG0/3G6tBAUps3eHr+oFGlgMuIKY6dePv4EXOK4L03ZKlgFH/W7Ex55l/9KpLAAbl4mjZdZ+RLU8FPw94C7Egf4XRRC0Fl/mpgqnCetpqTOGO79TQYE+Z2pM9VTZTtRO9pzdN/jAxNAjdDY0gfQ2AZFol/bQq9zEhiOa5u05ISZ+TZgZbc7VZhcZiOeF2jM5unJm+MUT5EC1EzdPsE7IYxs0e46FkSB/TEjGmjWXllH7VO3qtnLcAxQE5+YTu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XkTHk/WGmrtlGnlbE5HBKI9Du9iEgjx2k+tpQAcktnQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x81f5H13D034EIwLzh7SoW+Dz3ZvfW+k894xeSxxldk59j7IFMlHgN+NZt/oEH7nYkd/eZGqoxKUnyPnQ/Qeb+ZRe+fLqs95JUyf3wp5r23psJeX4IHi74RDxMRHcDwa6u2oIkfPX0f2B59umeXc2g0aeIxvK06MaDxsQJnmqc1pv2Gk/ccX4KtzNv9WSJ8TCvVCUcL2xxrHWf6XzIyit1vadFsMf+JbZYUV4xb/VGP4hQoEhnYsNgP+Nzk2RzUvig9YOW+VOLJHVsmm6gBjQJYdVuTobyqIgFL0cipbUfxJlqXaKnCF6NtqjTPDfTi2KlmN+jNRIlVOigO7cpYoREEBNFp6Pskiw/f6gopEPAgyGwl8hewdr/P+42N8gOHe1wOD5CCcgLapfHPa+yeOv3f/H9U/EJPo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Xkz2FJ3b9JLMhWcemRnsOp+Y1wTIbGLw4jCqUTPow6Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CwKjk7DCgLM+2PEyhfvqdqXw37RkQ/ge1r/JkI9kiiERvhqXC54LyCiX4aKpFmxcGBdPw/BIzBYZ16X9z8c3VCNC4sxBFAZakMt1+HTPMCF93o8YUqcnOjbOb1SUkq3Ux0Qac1lH/zREvJuD6xB3HWsK4dRuhpCF6H1AsP2IEzHIvrCvP2wki21W8VnWLF6arLsIndfv75/DL/g+C9yo4JD9M7xtWIhX9RkK2o6YFyLrmPmiWEuEIBTz05YDXShphl9YSotxgdzoWdrHtrfgroQSHxtMO2xBrab4RNn0a8ouBD2hU/OAwIeAsD4NwECwUZHIw93LIpaUH11wd5kS2GsXmMigklg6O0p9hnUqsQFMtGMniFnIY+P9e1kRDyfje0qoxQqtG3nykydzXOZUn99yc90ZLMui",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XnALwXMKGKFJ9mIkTrsTcCy6aJDLttTLGcvkR4fxa0c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MbqhkMv5i6GAUybIwZWoPA/Py/LvuBugR/QtnwfhvOO7IBP+sEq8XAZ8vv7Yodtt6yNG4G/mbfPCfuExzECoXmCs1rPm+vRxffJqrWXlYbX1Jdpts/fwKHqWsVHBz/Lcs1Ge6RCMcce726kPmjhX+7+V43E5gBh+Fwp9t4SUTIiKcyr2uwzXFuHsmIHEA2FGfc0rYDJbNhtbUBdGyrOQhSidLcpJVjSBAzqNWZSLxDb3IvCNmvM7UQ0Y1ot2CKcYcYduSU58ovV1fKSPyHFzatE+wdmLaJIfOVD5fpd+cBq3ZR90r1ueMsRoEZ4hTYWu0syt6la+0nRkekXEMmUeLUeLhIvdr144DSQ/rHhHEH1NFk4WBTyJn/yFo2dx/pNW02qapsOaTQwuiHngNXNs3zUsP9qqYdwO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XnXddtgoIn6QOAw1nReYJ3BzcvMLFnyMpl9844cTIQM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "u/1gBvf0vwAM7od1Lfp8hTDKnDn6DpDmWCdG0c9PE8xkw3lCgxQzx7nkgXDcxFs/Sz1OgZh4FUOJmVLRhb/uKyQWktd9xQ6TUinjRkcC9UP9iWcGmfQBNIwdMKg6POGQ852V2OdAkdnYIcxl041ydm5SbTUhRpvG3ib6TiF3XOgjOvFi7f4Y2RfZBR4vuMIpvjxaE36uT+GN84d/5B/3IWxVJMq+XulPxLIEY7fRK1WPxCh8+RtU3mk3XDUAyLg4U+QCwhEO7Cdp9gSXs9XAzKKZHb9P4xdjsr/WwzQRDwMtQqd0NB0ZGjmMr/guSkvRf/papVUVdeZwuKSlxKJe0x7UZAliQzpzqchRycDZZ+3UMBo6dlwSl/H8gbTbGbLu3kotVit8HwmWVMv2fxRmBllTGk8CvfK4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Xo1Gi/WsbcZkvmTaX52yJRmRG/P6R8hywdjtQIrmFV4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vDw+ayHXdyTMMXIjoQB05I0Y7sp30ohhrvOdP6/zyyTG1W3+EhH0OTNziRIxoPEfRl1awvrHHNkSomjGG9aYLSSDiznPqAYqNsduT+lpFohPMo0BQM7WxgcRmL+cuRYre3KPkkNNLRWGmBhhyOHlpSlVGnbwg1pKo6NLb5NtsmkKp6QMS3vaXZEV3VwhEfjDa1P84gq7vOrOexgrF/hnu4JhQr0U8eeqaqur7xdT3TbLDS+6Kw9qHqeDde/7b2VQY3tDp7rRDaebkVi8oFEdM/mWmp7YbFjFoNRGn4xNvgIZw2+cdqWmohJfwPsVU9W1ZYg9xlA+BigpePEcq4UL/Mx5KBWCecfRN6Vz0wMg2vf3cxgp75MK52icri1XYd49AGZJG7LeMBWh5D2ct9RS2ygznajIHkXe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XoS2N324q/rg2pkgYi94xBrBKzLlw+RH6P/vhHA/lLc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fwg0aAs1GEAO9SCPjJJ5VouMwRRIpPvnUaZC/Ytkn0eUamZDgjf3gzOaip2ZrSnjhXEgtj0HH18aE6Ltb4+VMzJt6b4CSi4sdLC97QPCHp8uWSTPFOG7Yx1OUiBDorsTLGeBLQjn9ASRfct9zMoEhwRdsBK0bS8xE8wWWZzJZ83y/QMhkQZkAQMsa74l2mXVJ5jdEIoUxwZP89yfrpTsrkSk/F2BGn0Oyn8xcwcQVGIofILHtLdfRBEE6ZdETKtS355E5SjhjMxd0ilCeP6267fhoWgi3wwIC9e4ycl8XkCXqrvqmj6yg0PDZPUZgo4n7VpWkrItPph6wXp1/3HksbK4s//a/rvFshs1EMd/Ll8dOdY4rXIw08RheEjfIh6ETqG1uABhj7Akqs08tJiuFXqJV7Nsqrmp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XoTCRkijyCdtfsgs/+hT3Q4BmavEEVWBwPnTHgAvbW8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "g/0d3scLHYao1nperMbQFcQnmGT4H6PfG1Ltha7UtX9QNU/U5VjZ8SU3iETyZjgMAY6s2CyF9ntbsfZRien//mRdeva3mMcaYEjxIm6HpYkj+inuJIfKH98Nbjsv8dXNmpjdsV2Oj/c/KWOXBEvD9OgP78Q2idnRYj5zXKQFjFu39/ssvKN7uHlvRhyJhxaLyoo8p26hlCwRUN9j3uxlb2HMT4utqhxWTZeXvLJvNY3NBxllf9qTIISnHVnb/NgBRR9r3yGsYdxzTQPxprgrqUkjefYisch7DnL24fi0AtA/W11wwl3GWv0WRNstpSBbyXWd0qw0O1HWgrWVmv5kZC9rLJKTfB4JVzNZX8Ro3MLZ7DFu9rowndalpwRZf2v6II3yrA38VyvNhoq4q44qrkfSqFiNmiUj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XrweIDNCPBfGRoHUPIobdPbZnoyhnspq71j878xzKXU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xb+oZuJZbOpZxdHV/zn6rnIgPQ5gVZA29NRIlqL8rGKKUEbzhuBVNGUJth3/JKBEuJxK8OYsQmbxLliTjTgc3Zb00A7iKH/3woZ8TNOTC6Gc6vlIbKeKH3z0UAKybm1+aCMahxF7ubg5iBqdWI++0mfZmrCn5QcJHA/K78bh//Hx3M86X8SsuF6CYw6myLyFoxbTtZGhYRuxFysey1iwaTYOgMgn8sVT6vtXsf8+sgt29RxWou8aK2Uk8A3/gQ5ajvwv2jjLvpzspm7TgxytWZr52shtLaNDY2WH+BDWjVjWbvmEBL9iTQPM6mQZDe86XHNYKZVBbmFwMfdlcvv9obQKUiWNRvtuQnZz+eiviXoULsDaDdapJE6IdW6HTai3qNj0LqcSKYbqglYjM1sBxa4fgadq38oq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XssQ4aptXO4+j3uTCImSKczYTnRPGchiKR/xBFqZCEA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sYz3e4HjQkybEMh17+gKce6u7JAP+kp9LVoxgc6Or4JQhqv0PgGyM2qROZlv+lNmU/sqO5crqkHGL0cAKm/7ElrE/V/w73Ab3gV+wDLOzCXad3f1E/jVsClB9bxATbnU5lEd7zX6yvZeYt/APLCR/pT9uvjUjF1jSk8e0Vn+TJ+uKj7S6yt0t63P6qI/FNj3xX9Htqe1CBRkJB0nV5leciuHDCy9IgSLkyswDZYS2txj3/ArGYHaUxLiC2dKxNsDjkoaWgH/YrRHw6uudGJXf0Ax/s3zPety9ft5bPl3/0CzuEM8TrY6/8l890gNj10rT6x+FsIido3k3FQ6KZFsRKl+rZqSVUyeipio+4nEWXGHtzd55mAyYKpk7p/cDuOoVBZna9RNXWzAEI7ATk8pK48oR9D3ciFo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XszoCjP98eN+osAqP+kGdnkQQN8llZpYS+h8JG6AUQI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "je8HAhrNTYEGjHnIZ+SR4XsozJWJVRm4avLep7WtzSxJ/JoE66XDp183VftapElfP+ykgo9ui/D4yQ4lZXRsQn+IheKPW1a1De7sx6rbrg5RKPtdXt7YRKhggexTcly2KBQTW1ONeOxP1LeKR8YJUlKXBzg01la7HLYKNU5Xl5JwFmEORCMpPAb8MsencwESstl/So/I0TDuNoBIRZMDVNuflXK96wAeTAuafCySokx6Uix01V31TVl13zRH4Rs4gVuLDQgBoobYNqrcUDc/Xw+yCRlB4xKRf/lJs5aFy2MVDT+QPO07X/9c67cz4Osp9H8ia9v3+Waa0AHQbU+3pHnB8QEUtesEfTmX/6Lb6XXpZPN+0tA2vYn+h7S7IZXVr15zqCkCDtgIi5h/QuxeThw8jR+eBq6A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XtRTLQ4o71LP/Kra2nx86Wc4SDWCK2P26lU7mjnmH9o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "X4oL7OjO0Q+7ROGsvteBKRuDk9G+HBsJKlLolKIhwmeuH5FbFlohxUDRtWA6uOUL8CrSfIf2Ew5thhwLo4kHCQpeFUQMVJ8Pfw6iey5SochFc0N1mjq2PucGG4nntr6rrSCFn3EO/TimKmXFlxfIdF/hLIGUEiTHMPtQDHHfOGcxjAQprfSp6+o080Hw7iHdCB5hHI5rpVX2PY3IishdjO6tLrtQrDTsqEaEu4CJV95o4e2SDGtI8mzb0vZwQWW+8DgleXYmgi+oQ0GSWg03M5zl5/SHfpFW3b4WHKC+cxymVin+eJWdIJI1HHfJiGUU9RW/ltmoVApzu1BL8xUpqzDqA+Og0ltndIx1iE7of7n0Iw63QDBZVIJ6H55cUT33bFvzt0qcApk0QpSEBM8qfl04C+1Li9lu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Xur2J9JWuqQO4/K7bDniCPb1RrLJYUKsCUyAh9r3fU8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "l51xsdgWc2AVsssLy+GLsies74cJ21bkQbKwvk0F02aXuiqPfrS3KROEKfKCpI9bX8mYHey68C2Xu9n+Nr2cFhMbrwr3PQdTG0Nh4xyLC6VIzNU8tZNAUVNZoZOafxatnBzNASbZfK35qqexA3iP9TwNKi4nEzN9O88ynrE9c1V+flPVJ7Kd7khXcy5I6EKySyP1lBz7tTYrAL3HeoyWil7+PEyZlKg7syoHmqIFaku5jIyTiTt8oM4bo0zy/blIZB3h5pE/8fnBvZCBfVpCOpgfRCxCnZtqQoLSW//xXj6EFA3WqKXkrZR1jttKLQRkYy4zoaKBnnjfbExlpcbHpCI9QXO2kN88vcfT8+MejThku7yJJfZV7qwYQr5NcK1IaeGq+7NGESBwN8NcGUhtjA/BAqvSV9vo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XvNueIMpcXyWG5Debr9EXlPZ8I2COxq5KPhm7cD0MqM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QKHh39w7sqcAqbGYDhstPzwFYHg9GMYpFou+osQz851IVDn3bFNWBd1dGxUEXv9zX+QiCGeW549rLVti3KP07sMyuujrv9cs3hlfG515LpTxJMAKp5OKmCd8Me9sIOVin/nSVbDUcki0k0UQQHwnOFQvn0JWe3N1IoCQM6eWTQ/y1lXkXnrgDMR5SSl3cghOPdZLKJiVoxXxbCnC8AXTsGi2sf5xvKup2V+ptN/ex9Mb+C95qlBW3tRuoJiSOtSMTtQP1ZS3dnNISwwcNKzRHaH8kmgQUdqlLKdLUfWCZzTPRZkDblFbjwhK6q0xFidjEAwn7vb47Xv7clVmvK6C0QQzCVzO3WHmvpNok8eCdBHfnkbPqRs51pY7HL5DTX4uZ212yz+Jcat4IWbcjUaCNrntmedtHwOs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XvVYTpWc94CMtpHBamLdip9qsiQNTqrwpHEbSnFGdIs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0bRBttpindLgvZfpwjDLBFTr/lhowelIhHQY9eSQWOKBhHj74gLEAahcTc71qqqMIiT81EIFoy0C43mXXFcUbQ9PEYE3+1pRM/UO5QuR3Bx6lBogNALNtriUh1tV/offYBSOtmTkKRefJGMcqfyGJ4NCjhpy9eGZczeauB5OcMDmd3uBIPe2DXwmypF7proBYRAtB75Z3Lu0q0z6ruou6QiaZVVyttScgUEN0Q6OWJ6dafG8bdc6D9bkv6TvW6BEVNV/lKuXof5oxfp4sq2JuK1oW3ssAHDD4eItpWZt4H91PiWfXl4BXxiVvtjJwzQ3rS484DpvzOoJCjbgAWJAqLsjYkgDRykfEfPPv4lBdEf6yunNJN9LgFWuhT0hqjwjiswh0kNZ8QYg7Fjt42uLUwYyc83/Lvhf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Xw2hym0yqvaa4vRPKxDlaxZ8NTvHdsuxbDfulmOjMUY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "61zCh2fbNPyYlsEtkH9yZmz2S7fRpG3AE0zxwMSVKAvwNlQXc1sxeS7xDNwa7jRzUpwiZFERPKxpDWcL07BJTYV/azRJa4KY4iPZOf+hAIHVPgFNPJu41qXsxmdE0FforCXmQFPLVm0+HDCDBF0ZtRv6VgQpiale7A0E6G+cReUZpucjQWX6AZhjhLZB+CZXwe2BuAZlhFJZyTdV1Ke6z8ijcU5bz63t0GrhIFvAh6jTC2rakE+pKbwwOKXfE+TvRnHWEx5gxdeFP8Owv/Ry6AA+pGlLQgCkC+q0G6qI1yb+rFpKC8gl5ua/8Zzm9a5TFMq3I+WuOFsih/DRThaXl33BlzMlQohr2Wkw3u4Lwe5ml+06GtuDL6piYnaDRhk8DGVEcZs16utnSgq/YIw4D2ajYlUGA1eD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "XwkUFwM5txgkdkssX5JBvv8EniX7bbOURmjl9FsDQQY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nZ5fFhG6lp9z7/eOk/mhRP0rplPzt6Y8bPmhxMxhPpdYpk+eZ0NU4//+wdr+373ni4aT3ETkjcNBUndlCWJB9kHzqisbJ+Oec7wuyfF8UNlQfrBNd7yCbDZSVJW83h9966zonE+j+ytmDyCke7GbvJpLSU55OyqRGYidgPNzBW7h2UUose4jvWb6qK81hr7KAe9zipITpKVZSdlXQrrgn+XG13XKmoFoYdWfXTDdS17Lmgfl+ywJKElyZxN3LIHqTE0oirLIbmZPB06Jxo2uzdCdv5BpdPjqOkk8esGXqg1MP6X1YFUavraySI0W7VUrIKeRBNv1CWkXH+/eH8N5xn3la3gU0IyfMNgoCRF4hXKr2CVZgX8fDjlZ1BvTvlf9yLa00ubrrVwMijXjeKLO04RFWAvbUznB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Xwn/pORU0+xiPkztVtmrMmiBImRVPOAtr5WzCKwx5Ag",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RwyDWLurwR26mBMCz8IEy80zLwb+a8N1ds/l+kpbw6kP7qImFjwu6+WFqPAT2mflMx7XVPML8xd34zd8sIaygspJA5NgdBZbVSdxdPmziFfsK9tedxL35IbFvuvmSOruknM7WcglF2G4x9Em80v2emIaL5LBUWHKXiUpA+D+6vb9gWmwbT94Topxj8fukwdhp6sRsFcebuIcUY1jjJFGhqo+CoxxgFRu7k5msExk7aEhk8LDqAPLm+QhPOJZyfKA/Vm0egkdfbGoCxQZsPTDC5Fe+lq+ZlOwkOjvizgH/irtoHsp3oxrvIm9lJD7eY5Xnd25vIULvkcNJ4OVFKtEooSbfUkilODsiNHxGqWkzJAMuVPbUDEnSkpo7QcqPlQuhJBEQiI3whp3ICq3Li/OFtni5Bxf9N5a",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Xz0cWanarRcw8GXorlVU3kFvqvAYbWelyYkY2IyWhEM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E+xBc6A4vbRz/oDjDuVsQByb/V86vmiF7ubkdrC8bO/Vl4j716oB/hmqAn7Jl+T1Zv+zwNvRTKzL2pVjqvrKp6iouOR7mE7dGa7lOPLPRdBohLU4Z2QKToVU/uaDwz4JkNh3siDb2Ty+MLcKELzGmd2ZltKWrymNhCTuFnW8iYI/eBD6BaWFUVz9csoIS+iQ9PgYoGIctXJ1TIaW6ZrfRGgC5RqRfGjf1/NV+UHPYBF4a9W5lDyl3A3oP0uL348iFrrTPvRbMFZHpkgcK2azUg6wm2uPMpCJ/7DZ1a8KqZh8itQSCoRyO9vVEfFMUgh9Mid7A1J1rGKH0n4Ib6uZi5cQwjU+4UYmrSRCTenscL7N8ZOyBI8Sq9GfKmYOwD5DBTE8FITFLcyYjryimNXBP9vCZBuvH3yV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Xzwwq4jjlzVV1X1VWMJoJxI5D3VNBnBuyGp5ev1mV6M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WlIEGEovZcm49Qm2S0bS2UdmyQ9+uYqrbyT6u4N7rRlw8jTx0p9PWbPNUPfBzZhkciG4P+OKxyeaIb+6fvGh2nd2HH8Eq2OTPEwR2OmIxf2oqUkpvD6rH1xFJY75R5A6UmerANaemxlEhiUV2coPZTj030atZwFg8ovqcNtblMoNhzwMN0Rms/VX1rhYc4aXIyY/SevKOXYHYmX09JkNV7f7nll49ae6BE71Q7YmoC/N3VIiorfQfUO7rEnmo/V26Sp0Pl5BmuOI4PeVshXWc9dNRukSlTc4s87yYV0LtBtrCOcSwZRwjDVKR+S//6Zh2J68XMlB2dofswTp0fYK1hHv7pTtOH1PX90/UII++0Ot5Vd7kZ1kcxq5ERM+dHDG7mYBK3mpIUQLPHA+pkE10ws11MIpHKWJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Y+RlyyjYpXoZbwsfp/oRbT8VFvAIFwJREi0Zd52Hh4M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qPR6TAazY0gT8MCUXHrsdJpTkgXg5hnSjtMSM+ZASrcX4fJtFSzA7q2LZzZxgZvb2oeYm5kkOr1IKKXFGsw91FgLjr4uHlF0dHluykAYZDpCKAZ/WyH0gRqEoEjGzNPuVeTR8RjLeZQdanHBCPFmf6Ll+r8jTgq3TAicKsCcaNzvlxxRzXvP2uzfLGiwjFJ7Tw1MwsdOMhIjXibET53aqAj4bFj1/pr+bFejiOKl3VgdNBHMPKosokFj+KEGtO4imEU25Ugke7U4TxuoGU/+b65T3a0D9hHU717kTeU0h6l2APfSHBsugMUKIQjh9OnO9D+Z70Sz1E1zGZGr2Bof+ljWgH8D02CLiVupkso0pWHSuZHExJfk0ZQ24wY3RjC3oHkD5yF/KgXEKd3D4rYCMsnGoFt4ICc0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Y/aJSkjUcEntnVtt/77qJzRX6FfFaUkWj+XqjO6vgwk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dBgM6GMz933sYqh8L80Y0aELhRt4Yy/wGueXMnQv52lBs5LEsPjdKoX2q87TcbQzhf6a3kjWw5PBtaIZLkh4TzPjnb8yKIioXwLIHxfNI5WYLuWPWZPM06H2VFjTQKh3Rd6yamqrVbH8UUEQZbpiKGXJZLOUTwaOcZAebHOvk9jQdm/XMgg3pnl0270i+wsfHsbBhBs1ne9660JScSDo8AKwcMz6vyxkCADNhIWL+cbhvHXkeewQIC9JfW/qIW81clib+ciXQyhsseUuQmIBc/WNApsAG87pnfgnb3uE1Rl30hP/BbWOMtzh3VIjO+DeTR95KEcGSOPseTu44WD+e8lmNXA0Flhjjnwf4Ld5a74oo1Z6OJacOXpP7abO2SWIzVLAuU+A8+gO3CtibdXkyhwehhUCUnm6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Y0+cFI85xZg1pWISCGGUW9jKXdJyqCk6Mri+jOokAA4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BxpN/gMvPSYXXqUT9nhLT6smLGH6XbSxuDELa3ijYlDB1p6rMccRjpMKieKdZOvX1MuFObCJ5pAE8APMTuMHd977YcRGXe5MPhUZ9wpkbB1pqG1gcrsArXOnOJJJqxlm7Uvh/U4VHbhPWViPkAIKAhiYqBSfmlBIVesRaVzElIXv2byP8T2aTW8Ox4dZxOONTB8JJPxi/s1yBkFRR5t0IqILsmptawkxjMrTGT2IBDTkdLv7hY1BYXucA+MUOQiygAT75Inp4vHRKbrn9qrg22PCXx22AiraqPB9jJNB3Ox3gkJ3s5+FsLCShdReDnE1OlLmDCenvcwAffogJwNf4SOlhSC+4Gs5CuiecuuUBVCLqtJX6QizxwDBEhNBS6bVBcxH3DcSCAigOyAII7uGAneCasKNi9v7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Y07s3BesTnBa5AM0itxpGNSiMyKdCN1cJ4+Qs6kaKsk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RX4RwknLOks98EXIyoAM9DA2dYJ/2O7xgs+36Ua9RDzxO3Sf9yLPsSbexLR/lK+bIzBsC1wwu/tQcVtDA+0n04paWNceQSGBjQujqc4XK4RuvoydIh5V8T3nknZCvfuBfJHO+ELlQg36VSJtq/ux7+y4WEPQboBx0YHVtpJYVXVRFmx+LyHSao028oJ1K5fp9Lcz85EyCXA1TYeJ06qTkx58+aggRiZXBc5+7aLgLKZeGXuqsYKKgU8ZdQMTZTtunmAP2ukJxq7efpXT25GVB5qmGYNIFq7YNAHM+woTaMdWPkm9WjflCNXe9v1VG5ZbgVW6UzguosmE0iQHtxPNR4xJ25fk6snuX2fNsFXQBoJ7H881cRKstJZoFB4CFJ9YIKvlDd7KKoYZCo9XHgX/8oR2F0HyMokz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Y0ZezT4rdBQCF6v7rVkxUtsMyguJsPMFpbB34/MGkrs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pMxeWRHF5oQ2CQgTtEBkyUK0fEB4l0MVuEcDWiuJq1qNoKn1OAOMn9Hu44+tbb3/9OrWIZilZr7i3qo27cVs9TiQg3TJ6vsI2rVZd7xyajHr9FnFAy5tZDxaLxGRRYKjGSnLnkTljhjNno7oWrW3rdqap9JWU1/wKugcrBtT4ms2ERG2TmYEDO2/nccjfObRTtnjD1CI5fLnY6Raz9wcvGq0hTRyduHRkW9riUNqDFxRhkYgErrxKewdIlDKsuQvP3kBsqiE9YtgnZxPDvozIj5bAafDpgSjyrKp9rr/3gmVI3DecMjZLlaRV2xZmKkVQRaLu6bWW0b9R887x45v2m6q9boZkhjxk07lLqqs2prt1vh3lnhIjY0f2EduxcVsIlveyuM8/CvHp+OQOfwGPu15o7WxL5vF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Y0mbm3K+Xtr8PXUuQmnwajkp1glvs2JM2AwgkeJXfDo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eE9p+8fEjInN2T2MLoUjzXOFvfP+qu5Am/8V+E4hW4y10Fe9mc4i9KLe5RlQRI7W/GAEUJit1+tyqjdg1wT0AkvbxtzAibXY79rNa4DsC9dNZcewNYJgk9SXuyUuzWpIhN9OLeFJE5CZgaVVa5T/LoYd+8EVMyr3L7pAc6sHcUErDnfS2EOavluA+iqicaHONGT4rOJV5mbhxoahgaAQhn4Fw19hwW4DEZry8ONlkNPFgjzZX6YgF91i0ryMg4wDS0RKLxumdBKxC/yRTEINT6VnLa541M4x8H3UpzvwVIFwJAptt4xlgBR5oVQIe6FV9Wt168ZsJ2cW8ziiazxS6zXCbUlhsI3zM2PuRqnY59BeJOKtl2kmwrrsNzq86ZCroP1qKmC50rk7rUjAbY072mbOOu+xUNYc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Y6rNs5FWinn5y0UrK+TIU6ft2TVN5eToRj/M5Q4GML4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7/lnQiFVieLvr2XuERnEfuFLZlLIaHttWEnK87Pl1+CTncUEpC9ER7gxOZvG2/5LQooPaj4FA0hQPdW0sd2NcaoQpImxw9/gZCD4WIkUOMk5fr/xAp0iro0H8uDj8iXeufe5HC7OOmdPcwxLRotRUYMvoPQEw2MXLlDojEP/55ytNdxvaPl4i+f6M5IhDsEtuQDkSa8DBx3E5+w1JXzsrZgWX8+hfcY6+tM2gvQOnODjQKgnfCIKg5jO7lNFypn1cbdDlqdPzDAwG1lPOuovlZ8/S1HnqXe/+q+txVQh6KjwVzU9dUAJ7wX9hy5e4+65i0SKHUkawn0Km8MzBgvd+Hvu3CzvlZqSOtoA5YXNjj+1q/OdtF2mr7Bmei1H0fY63w7Cdb+Gh1lIsvNsIy0Cq6uOv2dkqDrE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Y7j5+nxDW2M78PPtf/3VTTB49yq4lWoZGrWNJHcka/A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZmofOU5pVAL2PtyN07+vUWQe3ukcBSEwWa9EP70fJlmCIBGcJPfYw3uRmU86bBvIvCbg7DnnKjysQ+oP2nMOd1PG9LB7Zzw2uxzc+UKI477xkfgR8FC51PLU4rPPwvDrLwi2V1H3i9IBtgQZr0HM5T4aK/o73kz676BsfmmBi32Nq6bGTcef5U5xmYdIurfGqz8elSsheN8xmK08XVxK/uaBIGj+Xk4WybKFiBLwUwWzcke4CkLWPFWGV6zJ/XRBYIbRtPNmuG4mzkx4nI41YZZe8W8IiE5SRjwoJa/vVeIpNH9Kpbfl8/ssJA6PCVQSuIOnjcBo4uMaZcqdeYVmdo6ptT9p1TPwDtPjVsVr2T9nRGLJUqh3/blSQyqg81bP1tthScMyyYG7vhzagyU9T/dlYUVXRxC0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Y8ASLY1Bvl5Bcr9LA70uw5eyyJJLrgsF55HgRAIhY18",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j2/HZXo3oKV/w0AWZRibUFlVKfay5P/hYNAjKiQnIdF5z2BmZvm3qzI5fUC/5TMpNzg04wYz1S3T43/MyImPvi11w1sixEa+0BRgKm1bLkrO+V8hUTUW8JD0lF98d/bBr+Krj5/V5A+pNbALW0FCsSkwlci/nzs4R2NHyR7zsNSkEzQ8WPbwSuWC9/SWvMMR1iSaAMrQXavgfo/PSxm6ElywmBWdI27BqRuVXTmCdsngc7Yja3pIACurqpMH7nQUo5OYO9sCjwucLlo7Zp+po4jrBAdlzWHcQgoazM9Z6BsR52MXVZtAGdHU2VoJPPMcaK+rtAJTOLQmqWKXgYv89ZEs7EFb8dRa/2bj/3rTjfJ2NkryaALKSNuEevLf9/gmll8d2wPbLr5KFzZPKK9oqkgnWCq7YCMh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YA2s4ZrtB++nHA+LueP7J0Kb3SH44W0FVOGHepkkbQ0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5FvTo131J4zZfKpSyaKiqtNbR/PQ/axEWfspEAP8PKDeUU7TBHh5VJXLBqOP98Xpbj6qUwq1r8oBtKra9WixelG4+cuUFOKgV2RK8+lzh9pm5eoskZ6Ey+EsZ8AvLBGNTWM93NR4Zaomlu3Xoeke5HyGOF35HJbi51ZHY47hz71eeDZsC2RJJJbjFCFKEigGboX4CfdOFy5IPQyT9GIHxpb8KfW1IuO+wC1+q74jampM4EZs1hvCF0Hw25B6dpThUYHQFxAvqBbwNN69inrdt9H+2691yogoCOuZLeTb9zLATe4oMh4FIQ4RPf2hIx/zVvA3sTCeeIHsa7HZTqgwwhQUu/W1KAxuYC8ItTLvvPE4V4CmV6aUcy641F66CdcGyJszsieiO4ESD6gseVEHmR64cAAOFIii",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YAY4gvpGszLXDxdteOpbV/7FtAWMdLmhjZjHDG1lQfQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tHEYm32azmMxPDwBK8faMw9B7AqNzwyajEAC1S+aKx+9G9XRBmXbm2KQPiBjVul3XGCy2Bb6bTfEBR/CnWoQN9PUQxiAB+IcWxXGR3maDk8E7j6HecK3fm1eOx4yT5aX8pCju+PLF0nl8Ky6dvxSk2Gss1H39/aSPhK5sIlxKwQMxeqpA5bCPUZb3wmkxLkr2BjZhi81PDRgJ+okCl2GMjGGPvge7T/GQHkiHyQ6hbqstGwShvoWb3+VkbvlzeDwYYtj60xd+83YG1YysjoM33HZCbip886CDRQ4uE7WPOlo9ebNmW47t+qN1ZWqINjF36ZiqvNjmjE8Upm7ee3v75Fjt88NuVjLZBRHITeSH6Y7Qhln/i4GSkcuy9//215PXMI8DwF2suPlKQ3cveBHQf+xePzwT/42",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YBozHYcCZlHCHTCPWXmzoYOQT9ZrVaNaW1xizp4mFUM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a3H3qiH8TryqvCQuLu3K+aeyn7mZo6QW73AV3g+tqAHVzkCVAXpBxHoGeW4VYS3p3Ak9ebs0hvFw52d9qAtErqG/Lz5ukYPXttIn/RPynxQS+vYNfwkIsX7BcqYRjGbnodqVhbHtBZX3aHFtBDzVDQKXyDKKP9M4G9ibQt1a/M8cimHx7+A4Woqp0YP3xm0sn4aXe4v2s0aTryLYj85zmFmqGOSd4xyVeSKMtV2ppxatVvOK4l1mXUEYoDygmJKdLoYZMCvJEo42JqQQ+rGePeTTMljcQ1NPWwff+99Vduc/IXcRGY1l0cSGsBWCAudc0SuI/cJP/Zhp6MpkQqUAasupVKX4qqDw8gof8Eok3nhKRh5tpuKHSrFhUg07uKX1Ue3ZoHar5yS3Q7LY4qD+G5I09Y5AZAEC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YC6IB4A1v4lfSp9t0+ECPDxHa+EiYWxjqdrEKKsJpNQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WIlDQ52AXJCFBIWvkWUwyk7uG4GvzHROUkthkacFF+NVCYzxZL+RJLp4UIFoaWSbjjDJUUhKVR5yOAgqb07mXR8DhskygSM7tEmfoz7x7OFLlV6m98cXUlbpxFT996kkhHK6R68K56vsg3B/6SXFbUKJtlLEK+WrKzdYb7Z6kbp8XaShxPfwHWpL+dbt15FoSXCLbjcG7Iza3Z23clwNeFNLAlk2PpvN0v2Bga7jC15B2lDtQGN27Pd+bwCMSMMLtLkSas3m7RyKlQzPa8XPOqqCvmwu27h8iCJfOFbkdYM7c74mDNETPvM5FO3UHUiK+Jrp9bDDCswSvmcYl5yo58Tf7lMmpWjAWMD1Oiib+9iy8Q+LJZJjYcrysW2jAKr91MG8LWt+nMO016TIlQrijY3HKRWzIo66",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YCh21BFPVgpE3VjkfYzBmtKODbFDhT24lV+I6UPxuSw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "U2wAPK0tUE7SnZ21FkA4leVmLzTDDDjGWUki1pmi75ZbSv5nX05By4j86sevoEPvIE1puyNtk9mp3JIVzebw09mGVrkfpTjx2sx90sB62MBwr+0k4d6YbvFxolmFPxiXZg/dNA5lv9w9uc886Yh5JRMiQL+cfF1IHpKIlc58laFSH1YkxXzBZAKXaa6r/W7gKlzoh4AMBqyg3V9cLh85NeQypzN4DXXBVFqysDLUQN8tDkorbIbBhx5GNzDdeiq9ARjPX1HvoGl0F3yCRQm/X14JChWOkyWZ2FIByFBF4jOCoa4MnOapzXBQBKmT3Uqp3n9I+DU0IMRn14wslveBuaji/nS2g7Ae+YEr4Cdr5JUQDgqMGIdLJtrtZ09VumjMamOe3BwcC8OUzSg342a/R1DcOK6V5nPZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YHxCF7/TUUpJ3DkI6k8Vdm62HfLL/NPh/s/NfBHoxv8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T7lIA4i/jmONaA/f7+kObFWUkrnH2lw8yJlva+QiB/KQ0o5LHOSO+XvrhLd5ooCP8mjvsy9BI2AFyYNjjXjvwyWPrAJ1QYRrNggwRxNg0lvupth+598PnDCCsHW8Zb4MAEaNf66ozcy/0ig5Dc2Z5Ib55qhGc+cM8WiaXafvXl+3FE+8YbVy/XT6TLFoA1KEGC4q6BdJP50J3KAKjlMo1n4Mm4L3YnmIfuME1sWVgORNzeBIfnZSRPYJ7qk4or0SzPx0lBnDaQcjn3VP6duQ/rA0M/vDFQCTZRoRaZrzzC8pIVp896gWqxNZ4fgJmVPM6d1QJtzi4rfWxGVH3T7m99mf6yePB+36CnDGsQPheAvN9NKjLauyQ+y2iwZeYJ3M5OTYZILkTgP6p+fzu/2P55+CE9YBqceT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YI6U5hRIp3KUNXqvdk1r5AlTtg03ptnGLOHYa35okSs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/+Yq7ZoUVwqYxeUf+3H42bntNQZyu4RYL8KjSp/Xw9uXCjyUpdYnB87ajJpconoDbaM4wPvQHHCbCkET1KfXcYXknc0NeuP8nV9VBauhGTMVsOWCR5leeAqjA8BheqLDmEfQAslqFu0kQBH8NzRVr7EE6u8v247zVGRerByr2Ziqsvc5AdhdOTTa6IEh8sS4Krz4PwIIOqgpEBB7Xf9fWl2gG8sP0G0PKdQikqaAuQI9+DlmRsZRO2uZGvLnDtfvUDc9x+qEDtDpZSMNSSgUh/WtSGgfRlnkeHb6+z+cmkMCtQVyUWgeHuVIEgNPrgDrMiewzO96KFAmZHRayWpJbMjDeOY7ouTcXQVKVd7jR9z/Qkb/neOnEc+PWYQKYAiWED4lnFd/mIrePRuIAYtn2IhAtn2PU5Gi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YKIr1tqZCv46eQJ0EkZEywM5RrvXvtlz8N4hfEx5znc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eOnK2DVjHTYYQuSiFlD2VjyUKKk0EIsfcEyQfEBJUVHKbZmjTAbvt+iXRIc/4f6TB9rqampCdPFPL75LMBxYRR1jVTuWESb/5uCPUp8yiJBsqRH+G10iTdmhIO1rt5a66RNoZTxw0jMh9EASJSisPxl3lQtjgkAprRJyjQ3TTGTBwuSgeNTaACBpnfgqWdoYIrv3PdrFm99BgerCgZ9InBYygrk5todsvkkXD0A77zD0kZE7KcXdFNZbATdHkHzIpAZmLDzBN1jBDr5MSyrJblqWR6y5n+pl6eLoT9WWOHzjhWb3BdQSGPQzYO27mk9+glFhJcJQzOSgPQW8euNW91O2hxbAgsshCcAZYrjsUbv1xhM40TsVTHFQAQ2T7v3CKAH0z1EMy6C6jGMCm3LCVGx44+FJf6kI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YKSCPtCor26WPHDYwFZ4BXolOyEndbE+8Jf7JH6mRXg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XY5i6Y7ExwuTisTwqkVDTGpG+D74XafgiWFcqv0A3f16SLndCzTrhI+lEf/Yez+jO9WckL88NaINmXbFFiaNRJMo3mVRdo5iQHfIkl09f6v8aznvpmqTReC9mqB9V+Q2yZKT3WP2cj4MKMFp01T4CTKGkzSAMSpa7fIRgNpW+tMaALWp7iT1/eVA6Wg6M4meT4BkBUVY3W3d6nA5HRlgw2v7HBelqqv7oKWQ3nyDSDIXsM+NCoZQvwWMjxXRyz/yxiRe/IiYue2txSq0K1tYpnDYcnEqQFyfW9PAwjMkP2ogD5m9ZhU1rhZrq+cvdUCDn26CRwSFns8yisxvwr/l0nuZqXnKCGz6C0OScY8VS1t9zO0fxAZBenNBL2Hdq0puzgzXU/e60z+8ZlsXM6hT/8HXlg8THsEi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YKtkcxcUDybbFckH61TIc+r8yheXu1uFL1gKsNvcmOg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ksHsAT8HhkJoc9QkO9UqwiKAxjRV0OKiwnu0mjBok7L86Jq0d8rbCBx9ijiRGnH2vN7BiHNCI9WyFF7QDNEqP3etgD68/2jQxplCZoPl6kycux6Xfo5ENZ5xEMNb9km+eycLROPfX7KpNcarv2bR1gcxj9NZwPSa8vpP7se4t1LcOux62jlar7Ez9GYesQXqGErkv28odZBpI/LHZuAlAGBJZVW3Ae8+A0VsuZ+OqB2J2HDk2Lnx6J5sNbb40xWI66AL1fm+6IDLNiEg/nQHX2KOlCmHqG+QEYI1/a5qFfs+jDyYVVzCB0vVXI0oNrWZt1VI/v9Nrokndzu18DGgPMRjys4kNO5Bb1myJsd7m0R1j08F+qjt/3g0mwFrNph1dQo8iFDhf+KvPl6xy9RG51VyMXsBBL4/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YLDUtR2/U6dV6rl4IYoVRxK2LBiJcINd4gpy8iGD1SA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "14mH7wV8mQtCD5jM4Aq6G88tjjCiBVJHrdIUbe++2BndmqTmMXAHDT7Swff8VAWXk3P6/y4e5scIOLbMBE/8J/w+EiZEKKKI4u+N0T83Py5kocyBMjkeR3Jt16D0izrthCxdd50KPQEtQ37Mrog5HmpADqsrl522hctmqftmMI+xMskLObqpdL+iNpoW7M9SZ/kyHXzDliKXwVNU1XEjJFzWoPp/wwWjEmtE6tl/D3bifqbEAT4Zs3Pq/R3JbpNlcmeYhWzDMj1UpgsVhSudd7DHfgQ+n5oOhUkNzo7fQB+91nLYMacpqTOJul/vT/vvwDoHFeSU0QctN+AV+FxiusAIrCU+zNVIQ86tJCR8K30+tBPrCr7Z58WyPlN3fwmVS5ucJoBgz48ksRGmny+ZqE24ZMVegWB/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YMFZkZ9fEH9b9zbqzQZ1ynemyZwpYWPj5RV7XNUaAIE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zMEtruzsyEtcS+ERZN0/P97YO+da0DLSAV9aQyRlSvnTTZhXk6uUgDSP6Md7qSRlBrk1PxmAO0U8CExXl5i/uv3D3BjyEIZ01ojllxMpmIfbRVwxiwAi24fSYhLECiR7I3sR2W+xffjGNmCgPU3mcPnijg3kCQt8PCRp45R5AtvTgo3iiD700JUZyC24rFMZFPx4UnAe8ZQcD1nGC52//8HER9IBNQIKr0ooOqk2UUo1VAXDfRv+pVHHJpfeenZi3K9wFr0RgUuNhr65UpK6najQJsm3tvR1kdyrD726utxLs1VLsyhrM+8x9b1/iZViWnBS0FcYrPsygOrkghxOsTKYNeHKjQebPbzpCmYIPDYsoYGjqq1/X5kpG1SgpfQH9tyO2v30gP4guRuD8DI6faDjYXVoWOdw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YOU6tiEjWqmTJulNsrV9h2bdnifUlEax0SzbYaimVaI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CByy01t9xDSMimWwZxTUnoJrnADFXNTBT/VSTnJeF4yhwkZkrnzNdFOZ8ycOGFVZhUZP2ai5EA222mhKJJkyKo7CUe3rSON4BCtFxi1NPIaltf5dqw6jLLwaqZKItnXlJlyx80DkWjWTRAxcEYua0fsklKV0kDyT5W1Ft/Cm7UWNA22QMEjFXAyzstYmj2PukVIrPqiECLD4Olf421rQJub97Lxm66iayUShkDS+NqjYKQpImEj2v5i8OljtJGQvCi4qdI+qcDWIOxP8KkAiN1CXE8Uxyc6juA85wFbfyl/bbS3ioM9zmHMeCpFyqwktZQ6VAq9VZKG06Xxfz3cj8pgnaByIuuL9euV9Xhx4cTUIl5+Fh10IA/6jtnH0LUCxzxdKiB2ym9582r67XCcYdtVH8/5+wAjN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YOtZdub9nMp4ehH+uKSMkCX0+wQHJJB25/fY5oMaT+4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3FsmNmIKIBA2On/dQ7t2qn868gt49PYvlWZloLiouT0LUKgcxip1lSdrWABvGviMiO0zsQAKtgiY435dOlzwORA5nJ5PG+jY+G4ZlquovsXVKknTn4rOht9U+zDUf+7tl5nWmxsQUm0Q0EwW1u2x+qpKauQ2f9eFkGc73I9LctdD0IyvznuTyCDWmfVlDnbaHyGhOQ60KEgJJtiqIZwmV6leaPLoSmQ4SO8klVgz3uiA6y2mNeOedv4EhKSrHEg3H10th3zZgpWCPPLAzRomevJ01v3iM4QJh70LjoE572DCc6ru5xwQx0VMPNPZFzYC/TQiem9bzrpOVbp9PCN7cpeQx1wUp233g03lgFnLTYcHKendbqFO97dE6It5QXqjUXryv45JvMUb1Cj4Eao87cmAlpdgQtZ2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YPRg8hcTXaBR8/b6Lym8RhULKNABIy4LhdBptLs/K7Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "enBhH1+TRt+hb51kR8KDPh7k+ntqIEtHoyWZasncDkBZyZ8YM0iQsWMFBX0hvcs88NYAZrea4gLSJIPuAgX/i0FbWfioX7eZmX4AP4pEyoSH3acKVGpsY+c6I7Tjr3WGaau9I5nQed39V7+qyNclwST9DzRkteA/ToqZ74q5vJObVc7BU+n6rJnjC8BolgxmCNoGy6Pl6l1ydlp1nTv4nQEtT4r+8vg9eBKxo6HFxQ+MBFwOL9gAa/Hnh+6ADFRjs2hue2bfOZ/tRgPkG1xeP8FDFbOtA7ZbnIsb3LXqS58NKQO8bEpYiDOIvVlOyvenAF/ty6aFJzvqMpgLy4Qh51zS0pkc0OtXAX0PYgYolGwcCWG2juSduXwYsME4Dt56fX0b8/xXpN0rd2OZZdPMJPv3qFIXcXjK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YPcdZNrWDKACQy5LTGDl80tr62ox350jBzdzNIOJEtM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EX43aUXUP4gMdlQMOC0DrDc8y2F78MD4Ye0RQuYhHDBkygngWICjHuEQCeBGroqt/VTnLu/XM++KvXkI/ssaMs9jkV80hThWYBPtjiAwqVRrt67ZNpjJqMgg1+Wxo13OVnplRiEzbR8c/dxAMZp+T89FZCCsWKxPu9UN1xKpM0aPfFujt0nPJt756mihLluFuGTTG/r4Bja7woG+U/lLJYRvvWI2gxio+Xi/JKhpJcKyU7Yjrz2SrElJ0WzXAQD3ZZryKlwS9VhW7++IR9CGZXi1N39XhBvCQUaH+oHQprzG1gI1VFUi+3rPXN8knf5vIx9tbi4NgjjcyebYj53rrWaV1zATfrUvLR7HwVjzua3s8LKdqN87030hLJtN87t+Ifx1C5u3s7Kq5xSvEiZEhISZfAtrBtaY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YQOHmaSJYBMJqxpTaT8hA51jRJC6x7d96YwYu+8+HxM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YEo4C4mnVW4kWLRfjZ1vJQpPgqkRENyWCq5Evjixq8mur7ZmFyrHhPWHTW427DxWzYPHjmpXxENNS7DJp9FDMNSH6wpS5zIQ7UVN+CBigqwuaDyddNsRR6WXeeHz2mwHR+JHKiDLxuI3A3sYD3kokdckJVxDGuH0FMAKFzBJvm2qCKvZ/Dhry17IBpToygk0z6o/IjazqHTnXd3j8Ijt0KfqlG+yxmRIBDV33dnKbiizmxYc2TFfWYtOt83Y1FXF1+aKysKmX1PmjJiK2zEQxS7YOYI+5YDsM6DXN+XGjS4lvbAh5F0rZDXmOuIsq1/vgfYyOCyp2fH2vTpXS8RQUhfGuWrj4NNtIj7jsovUkItGKf/9M2nmBpsK/cocbq+GxITosOecClowBm4VxJowNrPkdd27980j",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YSXOsObbunGzWnzZCT8hzvHpQRs96bkCg91QEhxpbA4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a6OGNxpbraWXr5bODrZSzDxoep3i5zCd7Xa0peT39uw3Yp9biiJjZ91kCenY+u4Qp1Ih9WtfttSGowva7WoI061728skiwQ7JPKQYYX+k2TnWVG/esKTJaQDlIuxaKWH1bCM5kjNAkne7qLiSY2E0NsUf+dUwTS1NuWEYjc1R8N42DhnXW4vPI9rCt5zkIrBrjOXMt6jgWcFhI2Bu4n53k3EFJErzXKrfIeRKkQ5K2s3C7bF7rqiyq9vNzKHibNRNPa1dxJj8pW41De8+IS1saEcoDWjhfLjnij1Atqypf01XCELabie6W9Th2CnTCp5KTf9J3ToZYSnx3vbYCYJxVMrHge2pjqhf+Gk4mUeCHv0hdxqAY2Yokye5YTYV61LXoKseWJe/z55yHQQJ4TPyjk43E1xtcAm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YVqq1ynsZZt7Jxb9YOkNVQ1EpunTf/UGyDPNAeXKBa8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bXFBYeiJ/rhzCiaq+D3B5ElQz+8+FL07PVgGWgVeilUmkLxQNYvgrPBBR1A0epoWCGwzwQxOpMI+XL9n9YM+4T9lGKtk1gPdi166UtK6EKRdGqkMIKH4TIip8gMppqQtcJ4IJOPFRbcB+vmoPgWwdb8bsNtwbi9KCar77xJgNnqs+g7eGcF7QpIjKT4ld5BX7xIAFFv830LD6sDGI8p8rGzKpNF1nYzZk18bmZoHE7VQ8JVjfgmgPTqI2EK/yDrlQ+7xNOjzQsjq1eeg2L9QQC0d/KNIwjvpxhLHGU1vdgDWDGk3O4vwn8gWIUHOT/B3T3MEeRwezzYDlF6iUqsCRTIKqnGpPcWSP6lZGOiCRTBv1qH05QxNwxUYcOPUCO5k/YeR93pvqOReSLtHIjT9NgOtJF0KEA9y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YWDYa5+FOSzSgFGVyKzxHBRxy60x9y5JwO7nHRksxxo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w1OKvs60Y9in7Ij2GhHmQzswo4OYuEmuOkWCf/OGkUEsoDySftzQBA6F7LNA/A+PeZSMWM8gaaPFsaGv/fUwAob72uIStV0rDynBz/PREV6kv8tFM+PaBkCOqVjYmNNbXFNLSxwMyVHgEHHF0d81BBWhGdShLKMk5pW6TA9bpVhA7U8q2bWSfpHAijB/YAJPC5tOc0/8DVeBfAz0+ylD6A6oZYZnIIMEsWyO4yBPGJMD+TYvHj+PZHwts5g1nmU9+o/ozvHEfAXH8cBHktH5BlGWAYNaZ4V39HUfGs++KYg7FI0db3MmD3yDSYHj8KNeXlD7LnLbGz5+XlMAU2gUiR/xZcWjAqC8VsEFwP2zpKu7PLTRKR0bwQSQ/bvxdUjg/COdliMTFpGyRXqPvtYIfRHxGdvQUj2W",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YWt0pZMkF86OGb5wp6o+Gn5FaC65i4OyQjaBndX2yG0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "++o+91AEdqovuIynbF0CrYyGT4DOGf1g0T+RVYZgNsXxiUrYGp3F1AmkAgcpHHIbvGv34G5s7c6A+yfIb4gqJJOn7ah+/HWruzMmSNtNAjw40nMxc5Sm6IPBsdPbiehqyRhP4/4wqQdHsq7hUUzdlhP6L3ZYKJaegc8LJRZWQKmS20DasmmANK4Bqhv2FPVFojPOJ8rckXgNP6fvb5EJYP9slmCbGRXJSTZGLwNIIkGiqcY2GnBhhOX57pXPc8qqJay/G1fdX4J3NJmTjusQqhJBsWM+bQtSS+M5YYu6eeQKHaab2cW9esxK18BNxFSYHZo1wEyCbyrq3y5bOcOa4yP1lHmiScNucf++RT0TdCvxeF2dR7gGtp20TSM+3dJ1x7cxBn7caHR2+eyAoc2RW9+ssjrWBOy5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YZ/8Rv8rAbeoH51HBv7d+U+OrDeiVuN2HYED24Op+fA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XEbxljGBYk4xW4s6ELt88nGhB34miZ8m9MXe1R/Xqt9UqKAe17Z2aQsucXGYL3uTcZIciL1SocO4nhlQx+vx3eewyCYTBmzpnI7RJvgDwVTgWbKOiiKe9fnZEo8SdXwhEKC2k2udW7qZFnHRXlgw2O/du1hNKz/G/pCitc0sIkWy9cu/SwBbXBPdtyPY2N2EWdMn+DELKKMdyn4TSwlnEktGwEXWm/gOGp3NiXqZ84eLe9KK8589FYhrW60kwBHJH9el/tO5Wig1EfW/ECarqvabpDmwWJjM8yVysRtZR69XJ0CHOzyjMBJKQmghbphpfokVrODu0gHoO0z7TbUP9Pxa1E3JMs0kumdjEHZMb1bCtdznaBiX70TLxoBzN4rQ/0gTSoQ7ZaL101QROYEOdd9RiveIfzr4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YaoDk3Dw7QnyAdlPTZQ5l4MSOryHM0mAx9weqdFd/Uw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vEyGf7H0p0BX41pk3zLm5UOEO64AnVS6KiLyVv1ZuL1hxDm9iRKKaFLZZQLytbl7ssmSlhXU0PgqUH21/EtshbBvvAs732XG5kEohT1U43h3lTilANsVKrMULyK33YFNRoIf+uLB3GClUiuPXgbbZcErxYPFjPmXpNXyJ7yjvaAw2JlpeiQKJMlBfvhqlncZyIPwPQ2sH1vBWrVoGD4QCKXwqLWO5yhHKeNDtdSLzxTptrfW4wPaTM2OSMWylGfZnjVpKGofRYSNcNRK5QFzsFtuHUlNZlgpHwgOZTBihql6txi1mP01p3wLatDCqtsiIQlp5dwEDTC1UUOpw+TnIIZdSUxSngnTuiMQ3NYtjr8esw1o3Dr05TvW7iKKgwHqXbzl440vxp6UEv6AHncjYICtbFEcHSxz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YazfLxKEsKj7atNUPLIt1TyE1AsM7MNLhaNvr9nAp9Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8W5Yse7LrlwUKEh2u9BOBco6UBJEiZKt601K45TLIdcKeV+kbjoPZcq74J9zliCWjhnotf9f6JD3/u5DfcEVAXwvZfUHa6ceJD/2XdkJXl3ha83rYIjULXie+0SSVucPurh5X82MGOLYCHIRWKPn1pc3vKRY5lYyG9Y9/BV0lx7lbQARguSvuEd7UG98RpHSj0a/YND93SUgOmsUuFBB46YQEyaarx78t8+hHEb9sNOsZWeeffBxTNMw37R+qtsbhirNV7QLSV2dWL2c5hNTOl662gHQiTvW7fvX6VEWEadzWVTz7KAiAC3P9zylgHSOtc68G7mu1fVLbklBt70/iWhwsc1eIPp6clWG82A4WTPBy6P/OqGwmuh4Yzk9NljxFBt1TZjBofW1xBuWx0YMvjcEFH/KEfjj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YbLCNzQj3Z09twQz/5gz7+B+LZfvcmKaaluc3mJruxw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AFtHpqs7UtpHNTy7JpEw4ewhHNO4tSRoGyT+AhxYEmXIqztLJex4GxuAjcpg8lps+zFjoJMDFguhhNlDq/h/I9l+ljIY/+7IGu5Gdt9erRJRidiUzGlnOB/yCrulEQs7GdYQP47BY3sq8M4L1+FJV4ULEoXpGjDbdFygUI2CyGBHgk64774iD5nRwPFW7Tf1TU4OJhFlPX3naMp4QnO4cst428Ws5/Wxqf/Zprnx2FG0kT96t54AOIXlBhMXNzyCgm9GxJQ5P9qUoUX5QgRSaAvKqQIdM5XNgN1aN2SVg/j4hx+/99VjJ4oOt79hTQY/0TpuhXUKmldsNN7P7i11DBw0XVVrYKn95/8EnaXg8qt2cVkg90cUF3gTUF5ImVk88l1szaytSl+FldmwnfduPpHT6ZC+0CWI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YbQMbatK2yUNSbfLwdu8oG/EOfpaki8vtKtzkpMx7e0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mRtZoJ+GpItDeHORSNASL9SCvDIEnmCDFBx34zNYeCAS082emyUsw3vbpR887RHHhk92e4Kd6FrvYTLRcoddRU2CKuGBlurxn6OegoZzgVmcg960mUEezhpaxfmr7pekPScoi9YMrA6ioLtaPf7Lki80FsX9MfDnc5sL49KQSdEr0CCjp653i18RGjXSaIBsItCxyA0jAtoCyJcTGpZnk6Voem+WBBn4EJVScDZmjwaOZxnnj5xmDcpD5cEs5QMjTHsH2IwSK4ESs0Y/S/SqU+SeOBgVZUAnrGu77oNXTa/wGcShTeSjF8q9zXSSdK7ZljG24fwYW/QnIkT7+vQEnufQLixcX4DgYTgnZdP94aziHKIqBEUdtCHi1YpRKMvTHraQ/TsbPMebl5YG2yu1GC6SLZvqHnvk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YcEyJ/eSwJlIUlIaTfLppdfbNEL4iD+EgUx/XmMg0zg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "htYKFQUtv56YqvEpXnRO4/utCTusOYo0y7yuTErdrt2wlv4dIslPtwAI3+Gb5EnO+ERVXI3icjS+LE6F1V6NbkCRK4SESTt2/GhYQpjwNnFGfDz99ag3cSwuc7JJMgOm5xriIezMJuf70hXZ6PPYLV7YW0YQduIOJGJknNjg2/3NKIyDm61BuXR4QfUU7w5VXDzJNaIh8IDD//RSbi61I3bN9sy3P72jpedMyHitxpk8/fzqGhYrfr/3JBZ+6Qi9q99Lh/meXBo2DnzGZKy2I/g+W2arw6oBSW7JCVjzXN/4Rhi9jPJl9p3E4FHaoe5X5HGMelK00LHoL3d6KILltb74KEg1uQe2ed4ynaTzNwvTIdrUZUl5RHnI4HpZ+VmpL1SRRd/AM7WoGvkQtai48r2XnFDN+ovm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YcYWjDiGnx79quGd7ZCIj+By/R0PT9e5LVuHrGDk0pw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XV5EoWowML8UgLIfux33RcxHCi7P/Vcht7GpzTyuKcFM67jXiOeHS4+/H8YsrxrZlEGSL/Aw2KBVDPYNAr+pXxE/mj5EJ69CZuDr224DA3Ir8XRY5vFyG3alsNTUfoKww3XkYCRCiDvKTCZ6imZtdWBTFeMH4HcqhNg7jcb9gBuDOGl8JZ5cRZHii4qYhkV2O8oShf8/jyS4YIPlqmoPNUhHWcjZ6T4zyf42j4LOPFwq4hKZ4OG4CxjjicgN8rLZWaRAgzjSD8eK1gawCuJm3YCXWaExVkV3ws5Wa2j7rRNCTcgh4gj23ZtPZkgTAnRWf9qPz9nJuK2ChB+iQ/tR/TL63hU7XxJCqp82gPBL2/ShRgQnohI5GrgQgr/8+vm5wTfEHOK9Tn9pAJXE/ppfflSTtvUe/2i+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Yd0Ga0sZceEG9QJ9eElReqSf/EP/XcoZPCDi8mygkxY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aGIN1EcFhwt27A1RZmqMMVB2U3C3RG4ud8ngSubEZxNttyu59dC+hVMJ+H65cIzb15g6UR2uzGlcOWdKUbFhW79dr1mcMSU0oMzSVIbmVeuWwxlLgWFi08aE0ZCTUATsWeXR1h+BGxLv2OhzKltX4Z+6E8L9Emdd/rr1yBSR9DwJeKcRjrDcSWl4mXeM3r/nDXuQFKeBSwfnwg+emw3XFZsIsxukOzpy4Yntx2vR8TE/qjjAacj6/OlVXwiCb2+HBf4Ztk6ecv7G6+O7WyFE0m905OFclLvHRrw17/PmMKp2aUT2lnJLPAmHprDE2FzXe0iGFJL5kY0Dq8Be/xcAei/O9cIU4fxznxO/K1YrutdUG5WIOO9PZfNu1OxdPEjzaQJ9S9yEe61H0QCKBPzAJa58sroSOW4h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Yd2Rh37iXBtaA4DUK+BLJxoOxB/t33Hs7jGCx9V0nr4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0DFX8DZhs9uUKNiXXlEeydpeRO3H6spl2vVxNBhwCf5T4dO9ZEJRAtsrSVMBuxPpXQCJvCi+dPFipAMIuCR/FNCQ2eSA1Wjsa69tiUbYg+NshXFAeuVR7vzySNZZJPJHtGWk+ZAhop6jGlAQxAOebd5ayo0rEqHz/F3sJ6+C48bos6sYOv1Rn90lbYurt5mDHClulJxx2W0NG8YkR/scyFSRhvKB+FmbEIeubcyrsoGbEqfUXWTttlgPkIE4Go2GDLHvt1a/4HEwOc2rxE5lsSeKanqXFq0nJQbE65spsPxY+CoSJQlNFdNLyoxH+cFP0qtmsKKL+Cb6PG3zRblulQpEz6iDVcIDetFvkL+6NJrwvo0L5A7JP14m7SRm0VFpSowabPLFoUGQy+BUFmqe8zp+y95pFW1X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Yd8SzVtNZzyNdGFz27YWNJJma6JyX4mD+MpwvLHgenQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Sc/dMjC4gBn9atqtPmLr7fS2HVzIcBXgSkOV3lY263YLWydIK9rMX47RBuBSAzKpf2KTcdg233CfxHZymU+D4/0P5kJcjbn1e6AX6QXATgZDjsdKihSDPN4O3ugNo3b1POQcwxR607UioEuBbEZ2Kdsvz/svH/ZA2ZqVBYyxDA7IvLRlAt/4A3mFVaqHpNLHv7iUfoBaBQ/xdr8BZQLVX91MgUwiwEtuxvJ0XjTehhG+rgEL5pGgsx1+9ldcRKOMyBn3eGM4VxBo4TdGyBtiiiXBrdhqgBYsXdrBRhZda9yj07U1aBixKR8G/Phum4PI8wChf8AvyOZF0iMpq0wnASE7Br2doMGmE5BBHHkJnkkBJJ/j2fiaFxWVgyIHji6RMl35XE2IhHYo3fW9vFQxgID7hB4jjgN/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YgykECRyZQdBJsGzx5ltsbnnhBoOa269Uj3U5Q7hjWA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NB7e5eSJVpYVUB1pplMiA1h2ZX8TkINJ6VI7bQEUJGMH/S2I/P9b1eNAW2rx26ty/OpOCaP+IT6eKx+BT7st/0v7fA/OqSzTeNx0M1eE2w+becfDbuJk20U5+0TCYJCtJpL13EV6O/b78RJeN08wR3i9AbAV/2XEWC4Mc63/3xOnM1ttyQ/qwCd0Cpyb1HxDQt3ut6Oi/xsGmX3rX6kwTf2bY/VBqoOKwv09YO7DUyvIHMzTTl33aos+ciFfCWSf6sMfa3EZg5Aux8BWVxCdl77kzXqVFom4RoMVpTxqgKgoyudA2f9FBWqlB+KSO8Vo6dKsfo6nXp/GfkDP0oR3jfUYASfZiEIttT8a6L1KuhiRng6vpqIEiHtgh9afWTTk2/EVKRKACGo4860OGMFH7/RbOJTjXTvq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Yh5D7L2s01D6JrTqLUYXgjIAgpvzXkruxW9tsnWMgX8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gfD3V7iUlS5PH0Plki0/aJrWd2GOP+TNQVraHIFSa/3H3kI4l8NhrWjPOTVRSWRXtaDuDP3842PIoGYQzS/i320J/z8WwMRfjfABM+QUwO+IQyS/l/RoTO2dzdzUN4biBI5zFD7dDY0OQ9I5C4mtgfKPziPO43eZbe8dm28+qOOzcSD9hFD4EnflhhAjFxw+9dyakGddm/LeBeFCYyMVPktD9M1BfsYxJkj7ze/VntlstsQOwY07rH9rIBp/1lDydPNS5yF1xQS70iHf/MAeBjZhxfY2Z/ATjohmyuM3fUKMLkBd3BTFgw977SyjX6SgHp28iEc78/xXdrtewSpPv14GkvRgCpLRRioZ/MosV2lGCEtICcCfYEtT+WrXOulqQl79LHSuZV2/5KHjRCCaVOT+9v/nLqhV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YhsqWmH3xF3ovsIrzFgdrNSGWLhGv/1+yRuBwlJ2Hx0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d+YviL602D9jXHAlYlvT0dkeqgJiBXOWouNU69dUssKRWETXLd0xExQDMtLMRYJjXiOgWZVlg6VfcfHeT1rIxBgF+uxrOdMpl4SyuI5UKwuO69TKXyVIw8HWejzLaYaIMP1B7WEWEP50H/eALwu6zQo+vIl53QSrraODW9XTbBP7sT2t0S5ksiHDsJ760Lywt7up1qtPPZYpga91Zsea709+1n3z6JrMmiZNKcfkIIxW4p3gxocL5z557BqbTM+io7v2u90ipirywjul6ZzVIp7oKi/lUIuv2OavuAbYug2Ib09iAbSTpQ1gTCZ9AEiSrxK8XlBdxoUYtOaY+xHztivqdAYyhLEmnmfx7VLl2f7Lnsb9xfywFH6QvJv6hQ/FdF0YIJnEyoQvjFvI0b9d4c3sDaadwU2U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YjKvAkMCIiQ9xW375+g6PTDB60P8NpkOeN37ENX57sE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GXfw/Ol1001toZ2sL8Henus5RsduSK7MEK0GXHyxO9ZkzVSg9TmKiGpsftr5gG8Guq3qoXo1BJkFWz4pPVOpZKt0zy7ModRI1mt5e7+PVq56OgEOmtAVn2Rk8b8EX/GDdZRd35JSlq7JmIWv4lrbx02WSoqfgml1sbJq6a56bdsexqSZcxiD2vwYQ6BTbCF6Yliah/q2OAlw0OEYqwaDLA3NbUdiTSixK54jSqbPmrpCDJYIOKDAvPRgLFC463aYVgF3OXNCcHfbPQbFOmMKoFCJR8Yf4YoxMQRKgRMhlJRJde6tlFzfmBDkKaMsaIQyf3g/dy3tSiKPoINhDU9UGBNXBZkvTZz1pLo9CXdOANrZisO7WQ7DkkopYP9wHKv7MiqbUrajzLJJwK71esNaEktSrcW7zReB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YjW9M+Imws+WOFletG3QI4dSRNvaX9jOmdgH3veTras",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "num/BXhwbpzEcvuNW+pofwOrNYzNDLfOit/nAW2/JSU6qjQb9J8zk/nCo+dUZNPrVKwcfeNWuXOJDZ4nlmcYtGZeOemQMx7I6ZLRQ1CWBJjl8dg5oXkd9Jl6Y05SrUGemNOs6vqxL9Q+XReXevRgs0/TX9zae39L5qjlVwHydc5TuI8Yyf4b7wqKY4Nf8E8eFZ02QTAKjletZaKwAFfNTfmWOj/6u8wCli+QrBtMFpaS6qbDBXCGvzmUS32q2B1vtKCOEpzQ3lrO5Akw7QdFfSqEYzmyVHSUEXZtZaRjOhkDmtjh8Jl6g0j/taOK40wfAIP8oc2clMhIdzqVq+0Fa+huWjSz1gmtgoSuWwIKAUGVuq/SDXvQNejw7fkAyeSRj8hpavq0e3NPCp1639uySlViDyVk/55o",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Yk3xRf8D2+4+8EhJmJ0Y+KxgE8IVTu0T4hro+myPji8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rjQ/03YkTut3wS8d6r0o1boGBZtxsXL4/zQH/BRH4pGi/fNpL9yqTAjz28bhPVFJFW7w5J69/PcU29yfqxd1Mh3v6SvD+3IIy3F7TlX412vM/WRc6xmLySiDyzst/ztcQubxREuC9U7FSgIVhrWPtnyiVZHYBEQ8AEZvb+UCNvQo2XAj9uxVtDHrOMqOCDb4EdXFkDPQjMVHpnschMQuf27M2wU8O1+9Kt67jXVENSkc+d/Q0sFaKNI+YODgGupqQwYJs/zmkrzlV+Em6hlguZvY00y2efOXgYETkWdP2YJ7LF50+5hgq6Ee686buFt09mgS5MoWMZ6Cncb5Lqrq2M49pHnNKglsdg85n6kb6aa+SxMNtFdcr1pvGK+vjRSpoZCzraI3K6umuGlU/1jJETurwxGCFW4M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YkKVBovr1hvGwItGiYgH21pc5jljr/cztnPSHevX5Uk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JUkWDBD22NWZ9Av8Q0RXHshlpC4SyM1ZaSd50XjOjkwp2sOq9Jl30lFlPIPmj+FfVDUCPiAFYrn0ObvJmBBHG5dvpPjU4HCWchUtKVuPUjiXKPPcUFWaRRfAf0ENOTyJxULMBpZ3jD4gpCt3GHcIchbgAW0sQxEvjjeIO3VevSFSP5OYY5FfylIZ4qqqfAaI+IaO09PPbpPQGtVKoCs+/RMhqfCufgm7bJcS/RLHjWIhtQChNPX6klgvlG+RrV+drja+ZwpjdGdNNO2srnWZs5DYPvM4TI+CNXDqAVpe4oPJyj1P7/8TJELchAVJogZYmSjs4/DwhkFhPhepOS3CrkNjAFvZgO53dmwcUB9HkT9NCh+TZFrYnqeZdQ4JHtriSToh5vCl8dz7ggyM47u90WCcA/eETWYd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YkOtyBkv7XLYqaVxj+vcjMLo1PdRYbbZPoo3ipG5J8Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PC8JPWf5P/KVwdgp791+TNhM/1ii2kl308UAz6jzm4TnEykveDh8HonqbC9BNF9f3LEkqWOr5YGR7UZohwP5uBER+HlHC3E+4ymzrq8j8BOP52l9wlTbiNjHP5Hg50shEljbpS7D+EAvoH5I54/+UBIYu+7KEejU3tUHZyxSQufYljFV2yZF6PWgV3cKk3Nj/tWWibo7wQ72H92uAJMovNk3ExcMszr7SqZxe4So7vRIoiHV4yjM3h9iloyvO12P0MONUUQ5YJGE2pLDkSvK/tYBXcsDEru+hO7QgjCBc+H3I4qKVvwRh1YENskhdC3h27nxHUIPiQo0bL2vscnT7WBmTgva0fZvvPKPaPAyKlXqwB5yZsd3Ot5VF3Ylt2QoOH2adh4z3hbdHZn0KI1XZoAlv38Ruv4Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YkeuRmB8WTY47OWngiF8z+A7whDiPsOaE81TxHXvTxU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bevJeJJpXcC3Of7S4vZXvGJ5mucoE4TkM/rhlqjfYsG0lXmLLYX40nDxEtt867CDUyorXhea+NPIUA/bH+Ht2E8jH8QfHlizou1Szr06pr+0U3MjPXFi8iXsbMSXcyP/RSg6ePI8Ca/hTQTQ1zK+LoRnCOXjY4+WxPGDyJ+qMHfDI5usyVAP1jvXv2eGXTK8FHbgIZpXbPLQD8BpjbBXDCO9GIlvwsqUrJaBSX2WFZG+GZ4f62DzGoPKeeXPI4nwiwzZyeuOmLIXgUKnShHCU7tMHvJtK0Egx9vzqlSAH2o1zKvfJy/t2gMU38HrBheXKlgAbNr6r/4nqywCfCSyuilYHQvbAREIwVtYtLvSBr3d8z1BlccktG8qowS+k3i3wF5eYi3UO/d99EiW7U1JhzTQqiiiqIzw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YlSro3xuhUvLrWLCc9an1ubzBg7xGPScFWtbmq4jeEE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "reBESmnjuMrgYI285U+8oLf+6TUG7yCvra/D9yz1yUsEMOlju03H99OIIS/I8gxOZM0QAPZ0jC8zGcaqzQpuVCW/ulEAJ0bAlyzUdZA5KPWVXRUDmG0WdzysSQxX5G9dcVQSL5/dT8BB91jlbs45F0JNcVZTDJizsdlhvJUv0Tt8ccs0QCgeGf2qzHxrC1Dh/zmNgPjI8rDw3PEYTAljWjZYLDNWK82aciPSt3M0RhwNJl4+J3WQeODXtSb9cdwBbgczpgS7s1gtsjtDlrn/N3njj0UWvMRvcDwYW6OcdL+DKVzKH8ItRtqgpj9gftcgqg/pwaqg8/VY6dXVxNALz8vAN1FybzgBVZd/d2IeK6FIXStmKIcaACBc8Izi0Fi8fepiO3NqrLl/4778/BS3i5y9ZtQaINHw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YmEDg0401CBiy8CkeabEgrQHhj+iUyszBQwM9Ugymec",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "74lKOI3nzzcEWi04M6BC8n3+GJ8tXjfCl52lFqNBzp+L2XYp9OOEdoD6m+XutYqJjhfIPJsvsBFBbj+58OfZWg95ncxaZpPNs8fZkJOubhBIxQWPjHXb+0QosV6hZbBxBzPKg7dY5DzxHPlMvcJv1ljR2vFz/OoO+HpULOIwte4PiB7DFPaAHjLrgJhz0YwFLNEfbShT3B5SxRcJwmHjuFeeEN5mf+hNYm3Z4k41J7+erjlxtMh3uZ/wOhrO6IU4uOeYS1L7yzTnjObSJN4Z4fJrWJ0yuw/AE9NoFP+o7AnbdzZLICmfknA1isBQn78SH9HD2D4HVTJtrcNAAWwT0Es1WcwgQpZ9Vsy7FOu7I4enEgvt8Ssv91Th6qsOzgC99mZXi070SQ1jZfp11CSjAeohIr6FQzTy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YmO/qVH6nxoCH+9B7ImcsFiQULRWh6R8vy/xS+h59rQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DVAsRT6fTUkHQzkZysoUB4GmS6uubKhqwCunrrMeH0YmWwHzwLhkCG3vdzwjsIUmgX+MuntY5Bu0FpKIu2mVn7iQL1kLcczD1m5YSsbXIinN/7AypVs4xGZYsKU9YCOSpvIBcu+spYJD7MNu/iP2dmZgRpCM3S9oUc9Y97yWowQF3Ra6gieqllu33q/uEBCE+D6ScPsb4/UyHWnybcuKS8mA7tD2hU+to6GoJSE0DXecQ2Au/TpUV8wNd4PfYV0g5cE++RnY9nYQrUetgWFy8zAQwPdLOI72Tkm4js9PlTr0QC0V7iTgNJcRuyX+5hPl0nbu2h5/8ImSI8VsMYqvX6X0uEAW8cq8/xtyjL/0csJ/KaaSqXbYfPFUow1HDR5AH+wjfWTL73aJcA7quDBt6+zqMnBgjr7y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YncfcUa8w36bXRLnKtbQKq29SQyEpx0L4g1jh1FfNhs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EcFBVSgD8u21dZqKi/iHNaCUmXOr3L0B/TPMyfAe0jJ8kFNU6wT4vLxyPPT0XH+IAag4qjAwhhF4N1L+x4B61pHhhyakcXXsFv+EDaSe6Zz4HPaaA56n7JZ1jGXLdcToknlED7Ah5M81ubqSZj9Aq03MwDsjKcdtSTxw8zTrAvhq/xey+qT7oNsfkjHr8XgwWKtogi5m9bYneHIoGan0lG8/hDZUIfqzosMWV5JTZXU+36DaMOSYB1xkgLVNRcl6XFypmLFpjrL+qezKyuYLYbX5GNx42FH9NXUj+UX3N7jYhxdNWvu6VJsB25e3Km3txjtHhYDlRmInVc3i0DshRl9RK8YgjcuhO1jKv9r6ZlQs7CAlKPVgod/c5XW9+C4xX/VlFWjr2y4TU5B7aQRldwC2bAL+n3wk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YoHDVaYm+aCOuOiGyzxAOzm+kCUSmjoKC284pDAkcBA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B90Dd/RltDg+QyinMOsptW8HRAL7cDKBBKMcsUgYjuGz0cqWU5WdHMSYR0VPmT9Clhwml2OiPhiaZaw0cITlZID/kNc0Qai2XcHxQAp0OTFnXmGzKsajuo3do8q7QQ0Mk9jYnp8RuUOs0MJF3lxbIrPQ3f6aBdl8O5MCnG+IhfNmO+dP+eWjOnZgjL6IIYscbFfQnteucYppSv5dB7l4vL6OA24TT69N/QKes/L2FfbBppkHjNtoQxU0ZGAFtf1mh4I/YLj5Yb9sQmeffygxBfF/K7ayZeJSHp1GXUjoTTMS0VQgVSzW9tpypPs/alcE7hP99IEohdfJolRK31ageY+EFjAq4Pf4jrJFjljVBiGkioMnwItF7rS2MFIz/1xxDJbMTbrGBm+59/b/qn8qRWC1GlyfQSmh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YoplYYJDYN4NcCIqxCMHEoqcaeZXDpWPlNahfklg868",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LwPCRBCgvqe+sctYFxjzhTgyQ+yNTC0FtevCVXvwr7sUOGhuEDyPeteaVHeXaKm7rZg2qQAu2kmS27FpiWNM2LUEEvDfvMczgpwmFQywK2L5RsGw01a0QbbU39UV/NNvND9oRTp6kxLvGFd4L21ntUcmd861ZR48HPCfdmS0fnHuHmMQGvKygCzGDvmrPMm0jNMmyTAtO/9Gv7omFl68VzISr1VBIdcEgNKlwhaJN2B8vBpP6YtBb9lwafecYGc2j+tFlv96hwLuPmZ6l+NElXNIVZWhKXA/c0LY3cYsa+EnjCy/9TiNbvqqaTGoZgkgrUp/IcopF5n4M8n+uYFkZJNhFzXUopZ0z0i0557+umdEuZAAlgNA2AhmZ9SIQ7QDklERRJ9KFxtPD8tH9mFmIhyG8/DBYr+h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YozeKOpTsAvGBVYTWRtNjNcUE1yw0PjHcoUwLBuPORE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3SI4g0e+vo/O+kRndzH4xUhWXqK9lOA2zrrJfp917tPE3pNQZDn3LotLScz0qtilP9UJ76mBq1Un8vF5WFQd48tCwIq7YZCPfqC7HsQJZOlUICpJ5OGoccN/Em101kmj38amP0I1c0y2akWu/gF0kImY0tdh9y+PD80e8BAhNrYvgfxYIhWkW2PVWOiRqDMO6a8gPK7IKEKNZRORvy8DefBpUzh++mrIEXTk/d7MnX0HbW7x0XDlctw97ZHU2cumATLC8Ml2H6R6I2XN65S12JjtpdFuqpBR3qjpehcBp/JVirwED+qzRqlRVahXvdz6hwiUBQpOTAIAKlnG8XzHwYbG19BFcParA4bBkWRD6CXDIDj2jVLSd7fpINVliQBvjADign18KPYIJYxa97priRXh0eC5ToWh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YpAsOi2VBrOFrniOI/Tg+wVFGsHsu98zM6W39FFxn8c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+kO5zL3/foULhwp9hShmII9UAcVc/UBktCY7A2rbgMKKTpAdKmzAo9aS7OmBZxf2N6Ul9C3p7rDwyJyWmpUfEDRXk8Fxdmj6Be8CuQNoySZpdMw91dYMr9VxwgF9lhDCGf+OZ2Fajv5iulG5lH8Yt39f62jtZSitkOYbMb6SxUjpPXJHk3KplCzMhkMKOEIzQmy0xzg9Fj6XJ1PyhP9PdsRrH6Ly4i5nGCPamomEyObj4yKzIMRt9BZyl7x2aKJ/X66BTfQkGsLX+HFTFlWjnOcJss4hDSqVTA7+lIv6vwjtevO2gb1RWUJFrlNI2ulbo4vnvTTCRw949haSsmZuKdgDvmY8IXq7RhK0DYx6EZ47+1Fd6LnaG6JUn2p3tmB92dHSiF/C5p2j89L/Jl5ugJ3s4I++RvnD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YpSTHT215MsuTIzTVCcPek/VipYTK+YjUvHr+bX2xr0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OaX7E6W75mpnHmqzRCShn1ChJuonPCTGZIED+i4mjlM1sz/MxAD6DHxypsYanZUlvCxz/UVTEaHUt2RFu7gQNE3ly7NvKl6kn/+aICKRCxfb0YnCfGRUY0ifybNsipVXmMpNB+5HnBtLqYt/C1v/l/aSuqY+Gjw5k71+nhXjBw9kgPu9sIvvMY8crtuzaD3f+HaSEVsaEKGuDPgvrDC5I8IoyTGsPmQjALpXpKu4XkRRlB4pxjqkVO12ZNPw7IjHNQh0RWAPXzKOUpMLa4QHDegNfi23DUmRcaQ1Z4Yz9yRTMG1HiLUqlyHR/lMWzK3Z9Pc4Z8ODgqmHhyYYbJBI7Hkwl64BDE03vsCWe4W7M6hBJJa3zZ/DWwCUpXwd8Ie6K5hwpIExokI1Zhe0S1O441DGKU9A+aCl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YqfQw1Y73Px24AsxUi3doMHS6QDKz+RPHKzSev/PR2Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WbOcdiR1dhSTqqvifq64JoAuUhmx+MSHLiJz03cTcWhnFiIJkzxewqIbab+mPNE5JMJRTDVUh/yESkcw9G2Fwn7SVDENZfAoKSSM4jLVcg1n/oDVxHUn0wHRBp+LumXlajA0B6PSAUXhPOY3jDJ5yqLuJCkvTdZ2lVSImSEso3kraerkfD6N+OSNDdeXecnd0gyCuDatFMxyAti/TAmYxF81Ab6eM0uXfj2XGi5tqu3j+SOWuNm67FXGrPK/3N9zSct0jitRWU+XNjkWLAmJDodW7BFBdOknVwxTebeY8e5rkm4VQg9p1cqx57ZV1a7KVXCfrwpJbagsZRtTdeNRYmdMWwvU4HhqDBHqYjHS6NmKc83hQ73r/QY0ozeLizAQnJKx641oKxrbOQQs1WKbQuOBJnvXKhjo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Yqt5lQumvp7sR8V/1myiU861glcQn/+IduDB1v0mtl0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/dvNRNzZPDGX5imHFbmleD1f14q9gwcKg8a0ZCjHwU5eIqPLx2Lk4nKWdYpnvcOJvYDS/KLSTfWLhK3nS9eyEigB0/HOP9zCnfIlx1ltLgdBusLEMfndAFlfBhNU8UAWGIh3ZkLxP05ybICUA74CSm2TJ0Vpil63Bzpmd5cMQ4KUS6IfjFKjfk9td4O4Rec4L1HinWCQheRdgbFeLCoHG/H7yKyCxPE4CJ3y1Hcmnh6/pQMtBDtZ4kJP5PZcPKM+trCaP/omDRmgGNRlJxC/Fx2W9TCkuA1Kng4CKnT8Ww1rqUqgKZPgZ6ySdGRGJSlalG3YHtYSJQ0ZJQ6bIfqen2Wyz54jg8HcaqWh8KWdTiK94pwzphE3q4c9LnAxjvBVWBGgOW/moTDWkPtUEkIEnana2BaTJrlE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Yrjaxcq5qcVXxTtHr+nfdlvmouPJGaOuIrCRZohpzoE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kAZrYGsr7MOZrGIrYCCtE6wKSMzw2S2ZJflBZvIOuF5iVLuT4dkWGpRJk7FwoCFYIEl3vEe3w0fWaS1f93EipLZgM57FT/OwJ/ajXumHmar4a71s9tx+JgPmUtcyI5tyMOz0eO9OO232ehYRC+c/exTA+5yID93bY8A3cILSVu4JCUEQwwQlYbIzKEuBP540bygIZekE3InxcFd5d3T9aJ9ZuWdYxJZ9Kwt8/CCxSOMlE2IpMOKi2rpky/7KUz5x5MbJwaGa6DVXOLVuLVYHwdvAHVj31ZL6dEQ6ndllJPCtnzQpSDc9O1+iWqiUUq1WnFaSuA7y7HIywOEqryUlsm9fVH5fqIlDiyh2AeU9UiC31HvbML2+NvGgl4gIYRJEMuBulAvYJgwXSy0rlxWBKyFI8OXomjpB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YsuhKxa0s0/A+duBwT28sThRoKIuxuu8tNaNN1U8YXU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TOysQ4zZHZMZ5ruHMhU2MRP7hMUql0W/F+wuIuXZt3SO5Gv7IzVdJhtm3LdX4I9AVmvW8gxQBjIYbaryotrCxgQclfMzaaVCSBNTyA0wZWIRrfwVo9xWHoQ5ZsHS26iSswxhd4UBifwcrcH2GcD3CAuzzBvInMkImr1331b5OsuiRRFRG2aDJhBXJkxVI3W95tLjgG/ks1xCEI0Yl1VEUmOc+jBi1FVSrcAjvNbFQJqniyZ0913fDJznSiE9FxesCcYfwaUBhQFSC207wRwyU8f1JUBHUNKIDZtt30jI3spCPRlBmOVlrox9peZ/gCIpVuQLkvLNmyNP8klxcg65jqt380IMJ0LdfBtcj36qz2IT72DbN7Mpuwh8IJohpH/+gzVXEZ+oqx9OWihtQpY/yzsslZh+Sa7X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YtXoaWbi8/NaBrgcNE3wVCHpF8BA8/SthndmiKWyFow",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YAlzLm0tFQOqjMMfOKk0SBypuyk3QtRtrczQ4+beJbSuXOt3NbKUpEGSjzczWiMkEmQQ8cHEDKKd0wzDmfmmq2QDlh+N5JgpuLRRmxveke4R0r5H+HEqwr2Y/73ljdRN9BvtcMvDTG8EfsR90L/sNNYk/5RynmiPm2opUBGyleiFAFUNV1XzV5B6MmgkC/XlaEJ8O7Z+S/Hn9RZjQ75hXeC5zVfdndJagLHYq7tEJ2FMoTlQYrfaw7vNyb4sSDOjWYikDwdVfB5JsKHxWHP59JvV8JWTc+TzIutXjhYB7Ko4xmADWiXX4ezfIyQpbS5bOT1fMHy/bppZPvQ6vKIOKqVPxQVLLnQtojGYP4W4tYSAdfObfqLJowmeIJEPpg97AQun742VANgTlFWJOEFMYQiYdbjLqTw7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YtfbYvi39d4mPqQ6W3hz8k1xLY1l7XwPNQRWXII7/1U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ydzC8pMwy7VFwBRo3BUjoLac5ZQHAbOXAmFlpZH5hCAi6KMlaorUBFmLjXa1lv/lemIzUfqWpTAHNeduv1RvJPP1uMRwGhdkPaO5psD4l4Jrws24WZoPp8fnhOs6A04cGzjamkHXSbkW0v5vq3qN2AQzxp4rbcUYSIw1W7ZeYkMh7QtE3WlkzLkJW0HZbvLQ4AX+sivl5Wy/rtibmZgqNFrBlHMrYyigfkVPToN+qYVvYgcaq+qJBMxRs2FTH4nXB5PJC8yg6xEAqXWMPebRrJ0JFj1/OGirvOTvLYCcT6bKtEuNykJWyMZTjJhOwU9ZPpK8Voca7a+//n8VwA0kB3iSZ0VnDArvZ8jnFef0rhq/5eCx72wo2oWPVNmxyhpFVwiRoJhRx1xRj/WGQXW3ZSOLXZCJUiar",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Ytx0n/YYDaz7uTbsx/fZgq0Ppkud68k3N0VC6qdBmKo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XZsfRP5HB9yJb85wiMzb0suI4b6sOEtDdI81Cmm6rHFmHoYRDgQVIcNvecBLrxaZp2pFTPqweL2XXSfGBJnfkLzG5cSSEy6fVtCW4TD/yRX262yQkD53W4NTfdyU6OsnA9x+9KMFypMBkSddN/wzEk70+Ag16dRU5Bjr85DckTfotvA9AogiZRyKJkpVDV15CwUmeroKCKb2OT2uGz2t5sXXHl4gkxT2BDC/Bp3+35LBu5OPa9JDNNFFANmLSQB6pH6HksYGl5kmA6IxH9dz9Ijen87etEMxO2Z3N07kbweZ/D/G2eMWVzJgFTSGtkUbZEsDJSJL7J4g4KqzF3KCrFfgXYQ1hcrQWdS6H7rQYKr9e6X1XN1kb0cUq6TsYARPUmSddJBLhaRRVwBKioNco9sX5AJyTN2w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YubE5RdnE9X4l4LWvYuHeF8C30YFluggRHhiM/4aFLE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GALEhrecMD4ASIGVLB0YYaV/zgPJJO8RrfExnjjK31r/Z2F2+S3/woMIPjws3iGB7UX7uNyqmOI9iZVIcfJJS9cGCH8pbZV7X3C7WdZ/lKIjitwnCy9nzpVZx8HOjgEnjskTVl37UVgwy2rPLGlMT3sAmo6GzZVKV47EMD1Z83vYf+pac/x1uvYW7Kpe3FnIqmcBQv/yk4cOAY016jNqOAOgaLqenYpHn8NndPTYkMaYNQY/2dSDATL8g7BmvlOvQNLWPPyvbc7i67GsB2TgFhOOHon7aNVm8JTvqoLIdiJTmz322EeoKs52aMRigyOqHg/h6j0KOmoBN0c5E76WWKpPtcX0Xz/LyrWANA78eQJh8bpWQyALukcLrZYEzNySHvLKfeH7zSJLBwyP0rZFQOlQ3BhI7NGN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YvWfENUOW7TDVPISYXJcvrd/c7psWihtV9qrC7t4Mgk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "G0V2fQEH3TumFY0UUrcjodz7TUEQvn/C2IptAvAXoGCKxDipb1KvR8ygjEKozmwOXHzluMxesC7KHFlZMf90/YpSxGYlcFs/Pe14QSKcDGXsmBswucuej2Y8iHGB/8nJewsDpflIVyk5k5WGqJzoOci+y19RenDR5DQsSORYwxUfvJ20uHtdqDqrDZm6RaNi134SOlReBt26xAd05DOhKSjFwPtE4wft2QaeddEyDZ6beCdwOkaYhTwi9Aj9ncBlIDrRoIwNXNVZGdcJz9ChnPONK/gfzwtLAbKh/I1dsWSq56GL0DimyejCOpUY6RzCNK035wfVrZYEVLUKzcdZiXMQSIEpeG39tkKf53dtnzZ3nreT+cBBiOsEK7UlHTynVTyujOEpFHmWjbk6z+wZAGcaAbPg+eoC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YvoC2sIrMTAGfiXwcB2a7C5MFYLd+3yEQq3PUGkuc70",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cMwwn5UAyfVU/ivkn7GYiTUaDjGWuVFat+T1BNsN32H4Li/bodeoz7kk9MAvUg1qYVi6cjV/X3i61IOBBp24os+h84klu+ImirtzcLSRxcansbw2j2/g0R9Lhfm9ROv1glkjE3++BdrGL9DmvYgxIcvQc3UPUsvG3VbFeROIFx90rRuij/sbPj5nB+h59xfyp2Aloq6UxEBpXaSzqhjlnldNiyvVrxrPe9iy6mnn3XcYa77l3laLGC80/J2KF72jG8IOcihF7m8xtu/r4u/5Uz2x2hphciSMrbfstWsGKRdZ3/RNfykL+hzujGIJHJAamOxDAdbUc+d9WDRCu6Itw4xwAGK3LyWgGXTU7CJuU6KZikBjXRa2rk5p35WddVaTO4V/96BB8qJ45vX93f46vl7rbpdttt2U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YwxmG9xqdXrYQN0xMvNzdTkaGf8xYk3hro0OIOl/+4Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "908CIllGd7wG/I+/giGYrCCnaAom5hxfYVIRkXtTn5XpNVEFjB4BZctxoGilWfXVkiSgOYwi8edcJmlGQUE1Y7eXCOws/xAinQyhOVUn7WP+Ksbi/A+jesz9sXRMaRpueXf5EuZG2TSEQFPNc88DOLMcC2/0bjnErgEniV0BtjZeQ3i0dJ6pDfWBNR4sWN5ExI3hNMPwzd6uXML7p8IwGAFCccd34p/wdw+nuc7J5Uexj4F984npZ0d/yMCY+2TJIQxE3lZxC8ISEK4ya1UOwsCACT27GvMZITOYh6xbB2PCUpV1z8TGSXxL/nDLOYYntClua3Y/orXGdFZvw364KSsXiVv7YxaFTpq8RiJJOSMhcZFsvPL4HVOzDni3wudmnAyhBhn6jw3Em4BH2+zsl3dt2F7XLGg/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YxwTbzV51jipyicudHNdfOg80lgnv+t22maUDjj7F4o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Tu1P4Gha21Wx37063lFCKvhYnTn8dhz5XDOurlc6HyQOu5iCgXQm9Fe9T63drSGtFhLDlkHfbQvFGAAJFuURUAezodLbkHAleuRjydvDiwx8OGI5aaNaVhH6vwiWaXFFY2kiUc9ceqMe9Z9v9sypJr5RNCFTjJuDy34HdlzdYLYbTff/FUnpYHJfsQxIpQLyZlLPvJ0A9SzThIP89swLePWfZoyXuPdTPQk4xbfli+ffl0xi3IJ3Gam5Q34SNYQLiSg4cyJz9vfst/Gu9NOAfi7/agwLcEo/96OygdUyyG1kTStkY5ztmXr+7auKHZXirDytFSrfp4W838WFPLpA0NFXbDqpKSxtQ9s+iT6K3/3CYLyEzJyQeyNO8zG8LEN4Z+OXrVR5U7HGBHLowsVHETIapdLY7Zz0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "YzaibkOM1Avy+fZL+pAz+La5/brkckXOVJzxG8MCXJ8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ys74I9432qwFZ7+e9EnMNdC6kjonFuh8rGMdBE1BiaP2p9Jh+4VFrg9Tvu+3q0JukFulFjpgmm0/CB1gr7RaiOzMxmF93fvfEDJmB2iBNfxQ2ZNjL8IkUn5ATbMvS7VI3YmPolijPz1hkD1WLDN5izxhViwiybUSf3PimFrNhtGW3Hlrm/ILTRSEntxD9M4OdzvxIHhyytCGq6zz3yibhwgTqvfaAED+2jBf4bidL7m29GqMGKYnFZWwB/+96O7eAeSwJyUXAADWOCuv46hrwRDH1CpWqETb+lvXnpb10p7Pj0xVjxJSuG1B78v6GjybRkpWzGOIGA/AhZEUOxBB2npfUN2nG0Cl+ljx+EULVnTg5y2NeeIQdvA0Zdl03OaG9VokV0RJvmMzzFUVsWgU0p+mTOT6IMkX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Z+BksKrOfjD3WoRd5eWasvUAO7oW8a0XtZOni/miXNk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5rokDg59cF43MmpDYFiNZG2T8yqxFA7t9A1SvYAEFCFTTpcWjIK4BvPVhBDauYX+ZL8QL3GjCjt4FlLIG03jBbHScOC0KjlnNLoEhUiKq7pD6DfsQXqIC6Tsh+syRUHJIS1S+v1M8yU4srldGiW9fPUdJt6RNLPZXFhoYrHWfBaTwpKO8ET+31jFie2hbTy4Kuf0NcjgV5a1j+83oTJ5pSuKXU0nDEfqOvLalNA0Ca86W/u5tVzwRChLTahOiCR0bhlwnVYsy4xXqZUhuPgc0cEJiv8d1rOTeLlqq1MNoAgoOwo/VFK3JLY+NmzCHKHChkNIcRpw7PTGMfCMkxjSXxtlYK66NqFRkPivg5pwQPlRRRmzPic9DvunmxykA+I7RVWWFWy6iOtWdijScnLoSKpwQQb+yq0M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Z+MW3rLh88BZ6WOIQMkF/fdxtosSGoC6nElAntDzDTY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7KEajRZZI+v2GmgHlQQIgew77EhtyxKskZfSGy7X/LoBRajLoeGXmwDuw2CRd1Vnn3AXv7sH8y+Y4bjc8wdtsvpwb5p5mDsQ59rWkeVbWBCjzj/b/9hSQJcWIWI+uzw+rbXIzawB0OAGaHXCbf/2x659Xsc0c3/LnSgpHQOH/xDSdnVjuIlZpRYb67PhPfhILXYLIkkTNqXsZ21UA6FNjyp/BpOuZ7r+tEt4DSPqYKjF0jyRw9Cus2LajuTl//qk+9SRALXyoIoQLs8I5eG36Aamg+tZf7RQI8ZEqSVfkN/r2+rax46otDiZZ9FFFaTL5Aec+jzZy3MmhD6TWaf1ByHERwd2gf7cA5kgF2QA7mvKbL6CIylTmhVWx2TW24JRKUE286DeFZ3OmqHpSX3wjDZWkbrtodRB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Z0tOW4qtnaXzUCvbQxDBnqNWPF0O6N0ObbahhP/vfSs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w47pj6y5ksE9awVIzcK9uHjxLGmimM/PBgbPFIJquZavB7/SZyn+O70oSfB5jopxFQkDm/4Epds3LD6AmDgxJAEIs/ESCoWmrAT3z0ZKxGmjmlGRehFnD4Vld4oFn9JachgrAtQ/94E0JtS7ytMRWR/hgGLlWaO+z9LNJt1BD6U0CXSeAC+Xvl38OeHeXaOXIgM/i2OQ2EZ/K42GTfvE/70phbpA9SDrT2GWFnbVZ89GJSIbdCvZJsYmEwhjlJLYwCtxjqdNyNaFnau6poJvmTThOlOtVgTQV2gI/yQRk+WQ9+qetNhf9qZu9hYkH69G6K8/3NUG8GVGiXYx+Q+CWfI7CLIWE81qkLEqnKYTUtnXBodCarYqj2tgN4fskOLd+rKJ+JGkORzcaskC05hoogyt0RMOjiHd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Z1Db80HsXrobmNd0lFGK2MVfSXpGqB4veZsZlGG8RRk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Km29REpaABTdsUANqtKiQpUkc60Wz4+hEZ1G+uCR+ipyIjWIpaEh0mr+LiyzT/lGQG6XBgGjFbtP2b/KLQPY17uVXcBdhBlsHkqmOHQBBte+47Pvzo/Z2F/ObPld+4ErKsyZ7M9oAlcOezYe/JwLfPS8bsWiJsiNa3nfPt57n/KIi4X3Ktjp33CIiNSTjTcdxjcAqWUfTXs9w5E4ZdEZxuX6Zlm0divFume1cClOTSnpiCBUIraAKiRckeSm9vz1sU0wy8CkIJMjt9d1AKU5EbTFwKKc42jIAl97TfO9ZqYTTvZi7LydJb7UeL0EpvAeG09Vk2EDAvDhWP/N2trHpsjeLxieULOcXpdYzc+hW+AFsljOhMBfI66QuZO1o8rDAPxLC0zr+bmv4IM4g/tUQwnesbY9VMBy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Z3CmgCD8ZyCEHw9l3F9TMkYDzxKVfAi7ItUacwzYesU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/vbdE63pluJnd+fD/RD54F19QaqxwCK78k46QeCerRnxcAzJEQyqWKS0wzru9ND7IZftv3rrVvmpIhnVDFQA5hGfIMmV1xtv+xW5OYo0YZ3JWhchQx+SQ8gBfqT2cRj1C/b+zjMayZtQcGU+2K8wiCfk19Dvf2dCfuQIF36TkFwiWDkOAKGm/S+63sq1aoHSR04iCHlPMBD+MY+zrHwZoHEgnGrsvRu7e1H/iOkxh5gKMheSy9L23T9beVIB+eNx2MrF64HM+IsbzNqGA8SWQWPN9MIc4TnjakhCS4wpeYeKTT+LVwuXIvGHvMQkKa6Ehn5j3R+7/YzjwLMBVNYEYkvOXv/vZEGcu3WquMVK65MAbfywRaf/hDRS4juPmKukiIWID7mbFzLPbwn87W6/MF8CCMTsmbGj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Z3j1DVodZJPTECFADy8I8P8C6jCfl0xIwoGZmbbzQ0o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pQt9W8xIylDRrJkPmjKDkZIkaLpQyt+Ks5X5MMJBjMaRbAZTVDjH0F4/B4Tt7gznQwzYVc+0ebxnsZffOOR/sslMwzZrGRzmmZxR7R67mrW6HbgEtRcSNkvKqXbygzSwjezjiX0fBfvo1qEFNcN7dZnBTLazAYWpqUj1wGWbtiwt9jU2Zk/0tj/lAqinFxmrKP67REPufxKw7bFCBLVn4AaBwC+oHHq5E8oEbkeD2lbecYESQTIPqiDo2ygR31sOKwowV/FUbThBib0RrfwGa6boYIym7jRVH8xVtT0djnYYVBlyPABpspn3nx67uelDkDyff7XRrebPNuCa0AxqnaUE6X/RKTW0L0OlLxebbOExgqoiygVV9VVEOgQlyNbrI2GelL+fzkyI+XFBXo4AT6apKGrf6p6x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Z6aYPiTEP+wqZ1dqoUnvAO/XushmNfWWWWFejsQL4pU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x8fZXfkibyVD/Oxtf+F6C7+3AFo63j/0pSVDY1UjgBPYunuQKBAKKIIyulhF1MQVyxXH2AHerWyaYnm0edK0GFWiVZHMftTX/TU9OAp0gzvCR/aM/pprQTu436Zcv2jDnn2tCFSTBeVeJ2slCFNxqq9fFs0Pk1ey/0lVjzJvoisbPSPjStuok31JJvFN2zTqCIpVfbn/ilayShrt46jLkKWcWM58sDo2nrug475CoR3I7lSqzEPKBLqIFLFEM+vH/+lfYi+zqSdZPD1HhZ/ODtvAMHTf4FZRLQ5hr6ljQY5xe21m8BdTlDwPbjwmm2k6gSiB4c7i2dq6i6YAvkDh3PLx+hD5PzUueeqIztK39v9JdzbtxF3jxBka2m1ik5RdLqcbq8iVBDdQ8L9AWbjYmnENU+2E4H5g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Z7V4jkeYu6U2R95r1X8QyMD+nAB6X7GkjRZEbx4C09c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Cn6imzeOta2ZQyXbwCt4kFiocEszrio/JG7aKRBDtxt1eABfDGWvE9IKotNg8bTgBAJBn/Ioi82Obh8zxbap2Hm7TbFU6vI2ImnVyxJHf041q5xJjzO3Hr1AZg5x8nk3ZSeBCGz+pwji+Keth6AAsV61DWixr4NXmGAKJ0uvYaRY6CQrLsOAJ0jniy8wEHJ4xir6a/Iw5GutElyKAo57Tos08iEtFRcygYq4lnsXEq93ofq36ZqZYc8howYZTP9a/NZH+29OcjjSOqxkOoJdlpyM6XG9R/cVvNe8rq5Nf55o5ikDILE2LZBJNLoOH9Rco1YphQ955dJMzX8K6Lj3g0InokuUWKsMx1N+nWscrD3bk9zlBC27+cWlj1Jz8CwwICfnSbbC+NRDvv9MdB44x/V947wpOZYU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Z8VoJXTjPCIgLnA/e20R5Y0i+rrGZkVodRd8foxNe+8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "V+i7LnhlKWYaRxhjiAI4S/jitiX52ax3bRAdj6+J6WrxYhVYpu3WHwJO9Lw0F/fKrauXwrHoHCF1qnpb927rCvEKUie029vtnppdnl1fAy59sYw1AJ/EzZHyOncH7ey4Nbep6s+k/9QHMOYvS/TbEdF6jxyULDXaqLucr2dR6oySn+f52VxJXbXMo5vT/0+jWbVRm72cXm6NC+sbmLMcSChyxoUHLGJqMcDJGidAxk+J2jVffx5X53mJX1zM4beUYcdVvUpxQJDzUNb5xmVD/JXurJpZJ/AHYhFo7O5HZn52xBQtlsxxc799lw4tMDGvCD+OKS47+2WmCuSZDvoEU0OyX/ajv83GlszXrwvpq5tc+6smptFgM+ZcAFIPNuzeO6frNEp1bHY3Vbf0PMwBB/3Km9w7NowI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Z8k2ClzR7xwFDonLDPMj1Dp/XP834NjmMdg3xeH1OcE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4o/5lAuZh5IzMhMsWnCaqruOJjdQjobNZWU30eb4undhgjNjlhiS0zx3s4GWsS+8nONsaSP4YN8xxBkQULUDSxp+DehphMb78QCqlnG7gVokKvhfuUqy0Q5V8DtMaWcPpB+ri8MikpG9ccdNKqMafGTr7ki+Wytr45YATsLf099e+gH+QOjlIOJXz4MjzX/Hva4MqSpjSMJDR9+WW1QQP9P6eOkUq/p426J1hgKmxa3AaDr157wBYMJHJ/vZydXq4aymNg61RXzLTm5wPPI0g7YGtyV4qd3Gn0b9E7pP7EiBSJrInCkM7sncNg+7MKlMoCqPjMD8aJUS1d1h3DwNF+IxRZwciV/pQnPIGvmRggo6O4LYErCDalxhmEwdNXbh/mTt7BFIwYujTfN5OSSJ1Abu9ZZhkmSp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Z9+zAKQGIvCKcZShaaLbQoKUQRo6M1KqvPihGJ5L87o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iWSWFNpmgcByjZodWi4M6QABFBX7cdp425t990+sMdskuQ4bYxcJoVR3mTOQsZ4/U4ckO8Etrx76GWYYYc7cCkbaHvU8ak0c8sl4Dsd0cDuMNlX0CBv22zX2YEBLiuOwbtWt/r2FWxaF05qspIbJL3h5e/OUfeD+9kxhMsBJkef/vAdrk2PI1+ORfGm+qfM78T3F1Pp2r5WU1YFqUnKo4N6dagLvOvizelTtCgrAdpk0K6oCz+KlGqDvDMIQQu1h4BIOM2I1CSM1vTXZ7ZsjvRu7rFgxpHiayPCCXOGROdL2ySzimhr+e2kb+rEUdr/653b/lrosHRcw+/alDND5GP6aGrEc7wH1VofquhP/q9DZgYcgZjb8A1/p9fTyxzE0mfK+Mulz0SnR+uZs0667Zw+jGg3sXqjP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Z92XBpkSTggAWHiw+T9hjNGxH36SMX4tUdBQkY7ZVXE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j6+5Bz/XCtUTFA6Bb8SP6HWonj65P5JIejooYKuyP+VpQUdmsUd/FPo3SEEIzl+hR2M+klfLk3teV+YFB5fxqHS+ZbY128prWCb6MEmFIpT6KZHUeEPTO85XzB7HiNbL5HavBeaWA6uPr47E9nYT3iMCcKZ1S8XLOF/iDqyqm5oCzHNw2i/g5ruQHtwTX5aAY7bbOKoPiUB9gEsEQ7Epl17xEHbc1eMc1hfITObJuVbY42ghcOCfCBNGGgsDiVVs3GV8pYwTATT0aUh5Sh2fbKXAj1a4C2mJoiE+2v7LMV/LoFDKpc6wzcFHWA08P/A/hz/JWkqWan3vNlszo+1Wlhz7mpGZV6uoZ0fcc5qFriRMJuDz0kLNxXeZ67+5Mff8UxVKLsf0tB2dRqoXMAjYwIoWGfejgeuO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZA4lGh1RSVSs13k7QxTVo7rrDL6UDYPv/4ZoE1h0NQI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RX8M+cYx7RB7OxOSU/19MiDGfl+UZW1uLJBd3i1V34ns3mGQLsZivXO89jM1A2K1i0aDhKmch6lE+O5jGlD8HQuBsdKmaYy7Vo+crkw+IG3H42EUSE/Wlo269R1tzc2UsPt/s+cWd8zWMTExdQKtLFX6/oHQKQaaGyvqx44vZWZLIAv6AVmFpF5DmaHUjQ1PEHPv9uKTUG2Z52pZVT8KEMcrVAJx0NEg5gtbkpQ00IWVHJBICC/UgULIytGpcvGNq8G6yZXW7jYNhYyv4wqKPn+wrIap6JJBQYkmIfPF7j7Vyi15vPxB/t94892tf/QiJv797K3S/MDZ6QcwuaC961mhDuBMicKhie28U9Hf58Oblv8QYEvIJPtLFpmwunB5bXx0j96yaOWI1+S4esWSlwRW//0jLtGP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZAY5VMmxXH4z/+5JngB/K72umgPCAV2nRTyqKCT33Uw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "X6HLttgeLu0fOynoJ1V1kYwQZIVjdQ0t+dFb8a4X7V4B1KlHdy+4DWkgZlWjy2R0hsXzea1t1YkJixOoRXMKr9EasXfvbXi1VdtM5vvEY1exXIbxBl1ts0Qvjl6VZHll0GbDpr+kXM9QC3zmA4oKyBUT/fveakuISudiJyk7k6BCLXAocfNMFLiOCZGxAO/DdfJ/X2hcFu1R9KJBFm/UWlqk9vdo/mkRxSSCYDtO5fx6APX9cq23mT2hsFa0oeMo7+3JqCG4/Vx8hWd7onWwN5Rh+jknHdS+WWaFBZCJfeK9oJdc7Om1nHY6b+g7HH2lwZGcaSD/KYj5wtui98ufxoZvJ3RhaWfcpVQ3SGfGeL/ErinfVFyD30xb7XwWyL0zSkFEu6XPb78k27jQoHMWtacIhVlPT5lC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZC3jiSnqmS5S2FW/SLwsl936DnbuoEu9xhRwl8eC9j0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rBuzmqXMTu2Kcb4WzUXInf+K7/VtBWuoOt69f97uapZe1i/l0Dd3Ri33uNiRm3BPWSI0kXgMP62YxioGIEr1ByQuT4pQqOT3rYVLxC8QOA9oXurJKUSVKwuXCMjLoT3e6MYPL0H+x0DHZZbmvQOLKqpQs7UsZn/GYYDZ5+Fs46n+lCblp6sD2W2uw4c1cVWW/F6ikWhyDOs1LT0TsctWjOrXaoKu2di3tdmYaIaa43yMeN41KrrUvfLEao6J2ExthLhBctaNVfhK86Xl0tquOcRFj2IjwzatWa+TeYlnUhdPWwlXVhC7v5pcag24neVYrLwBjPAXACuVYP1jSjrkCvjLIFzbwvmB5wG6TlELtdh7uBNm86i4okQu/JH5/7pKDAVGnbkvreawhxpg9v6Z2cDc+yPAU+C5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZCo7rmHzMvsR8Asiaqid8qtiGAIPpZBkyYBUPw8phRM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ax9f9BocHzDFzAucFxmpvP5MegXm/Hx7ADRr574ldMTl3uDhZMeIt5Eyy0/DkVa32/ZKYQdDX/11MmIUcTUrNMJMYZdA5wSzEzrPvCEd6yRbiYoDJ94MkJMgm40YSqTHauPHyT2B/IvhuV2ZhivTSd1/TWjh8bfm6jC3IoZYv0mGL/RiKmhXorDWJY5JXDmlDuSHgm+AoNI7sBYoHN56le/+BWucglqBu6dPyqwOpFdEEQCkZOMPnlQOLdgPFpAmMShfkPt2aw2X50GHXSsoY7wRxN4NCwQLcik4kS2Mvv/jrBnf/Y8yOPtwFFbUfAX3EICJ0e04BZvIMwsLgfTbSOaiaJJLnGXjwllFfwdw6WwA/sqeZ8ts2ivnPH7cJIJCaKPcozIKROCa6s0mdqgGZ/OSgv3infTd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZEDahVMsv9BjlEllWwV1tFVcVqZ1kdUP7kXlSifhHNM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mGG4dFriBEoDK4Dv5HeiaSu5IfCgefeCxciGxumtQgRwCSFo7Tv1v9C3/bi3lHqY211+B/jKcmtVZ6/FEwwhu4OrKKizVutU6gtqMLDKx0rESnfTEBoF7x0gAH+MPY0sEqFDkljtrao/T4xQ4LhpaOeUVhSpcvl6MlobkENAmCgy2jiIfrux/oqDkwSDC37zVq6IjHHKjHiCd1Zf1RgcybLE7bTryepmP7k7MlEC+TojENsPzxu2XF9UlJAUeQiUb05UeSmOBzQ5A3ZrPx/SdNZPWOJjcESiVqsGGhaz6mEUq6uL/blqmmEK91bC2MShDmvESlrNJ0ClDiFRBb0dBqg4cS/GY5MOmXEwEWHHRzVn5dVbMffNqlYHSTNrWH6C40R5dDcNVRY9TmPCgqsNntEURkt7KCIG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZF6m8jyS2LHk6wS/QI9A4D5f9E0vTpACtyfbsX//M4w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "g4kUldo01TZdNDVa3exQZakJAYkF7grAT9ZNWUgYmegC9bWP5yZ4bv1ARcPdfT7KObLDQMw7cEF5hTaCltoFlBG0onIi9pksNX8ezYZKMAMcKc9m0TY896Gzx1WSGg4gegPnuFSt9WAeRnr9PyGiW92s0wvwb228CbmSx75Awdx30CoPsnKlk+IxxILZ0WO3b4gxRqg2xL4VDe/zQl+/9/dx8BZ2XyQK8Ue5VjPQsJbRXB2+Xd18PNDDALM367lAy2dQ64DJ77yk9MT3bv5XbC3uWkgos8eXv8guxlCN+aGCc6/ZdIJdnVvsJHsoFhqkQzWNL1WhxhEWA3+kV2pJKHk+LixHzLtVlzKYuxHiWSE0ZgIAbI0/4HvcA7GN7qROdArS+lTQvd91AbzCDF/ekcSmGubOFC4X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZFDT3CxmDfw6q/fBGfDi1Jh0PKMPqp3tQVyYlWo1JAI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xxCC1fn3QTYmfXIxLsQ8P1/WwPF3aETSHYs3lI9Wyk5twwWBwSJplRuPc1BmZKHpPjKYbYzxOfmBoWMK4ZfhWir4xZIrJQAbDoq0aWovLxSvTY2C/xh2MKsGNAwOfmpWRQK1agkr4ngNpiGqpjW7x2Ts8yasNX2nZ7CjYksVqlnWZ9ZMCmI8uEYo7MlxpY9VG9Vftjw51yYoADRpHp5G5oV5vha80UTHS3/OxsKFEaSSlB6i5nqms0vtzbe7n6vrB3rlBvTYSzM+mCyvpJ4jM0XAwS3biOD6p2ZDyZ36nzRb7/Mf2eQglAMBMs2zDMPE5Yaj1RDFXOo74BtZGeZdqZYbZiQl+lcIIJsJQoTt7O48QRBhOw/Q4qjkOsMcG69+TsVLScRZIdYZubViM7EYO/Ni+Cqsrjpu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZHkMHGBiUwYqDD5/D9D3Nd7DVTt9uYoKtd9b2Uobgy8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3E5HJBbH53fDilQuNoKxUuRrxsqdtHwcw9lg0K5Hx0txvx3Nqn3mNqHcqNp9pi1+n70aSmFz8go6anmuWQFQrolnV4r9+e5zc4usJwWAMxhhDJvP1DsS20TZmby2SXpaMluu9sQi4SeXFXyHwxJ/1Xw+AqKUpYOAyScQM7e9vtWSPOhxhz3ANPUl5LNhMwOalSSxJylV81iV/MVNkbPDQnrhUB9PCdZNLxyEycRgvCC321GA/aa0kW0VkbNoIceIJNG5lPUbt1cHqwbLnCtWRNCx+KaFkARQyCLWDcZiJd+GtoeKJIAUiLtRepzUxc8s9OeoU/prHcV8h7T83GNTkXrEFqmRznPiDu6OTeeaJRgzF/zTrVeakABNrcVGuvg1QG23rt8HshqN0Uu8kbgrI7AqlsU++Bnd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZHyXS42SEM1Qb7hYCId+PUuoT8OaLeeK1PP9aG8z6jk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FN+niJkCYBz/H0u+9a7Ja2dPM6sHUkWij86rYKNbKqryoVGG9XtEtFPwBnCwXgA/5d56HUHvwqHSaun5p6B6o/Y8olfJ+MyLQRkZ45j/YYfSlUCKn+B9K67CmCt0F1csrHkAzhUFnmDzNwyvHtDdvXCMCpcCPbIWI3cphvBDN5PzsYkzLJBUL3WCJ685KC58oGfHyQW8zG+IuIpJqEydNYNewG2bepKnLMXSeZOo7tMfVSw9f/vYi1jvZvGK6ik8gJJgDR10GqLi1l+LCFJK4R2HvROuTRdU4JGzCfKJJbCLro/kProMg64afhDboZpa7GB+dAxCA9bfIUxPVsCO+s0dAy2DHKaUGsUfml455oW+2s9H+YqSunuy7ckYDf6IPzseaukLeA20idNLWiF64p3tMh9nTiGd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZIaG3cGFxYNzwtiE8yhfHTOH0liaj7GcY+LbhIuwJPw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9n2AG530t22CvA7zr8QaXZq1Arg/+vkiiHU1pIcteib4Rz4RYdxHeuig5FPKkmbfTbVNkNkyCCSDZVlVPgZvdgeyDKQIVLRSPrQe5ph154lid2v8FzbPUJbndGNBY2w3f16X8Ygs/wgF/LDn9lK7CvOY6S3knTK/BcbQb7y2OL5E420ewFwM9IC21rXJTUKM6w25PPN4BGLyCYjRbqs4so6cDYpyxrx4mM1hUZHW4M27yNuzf8r1ONaNMHiigQQPBi/GLyStDMD7gxWzskFAA5d5z6HXbl4/gDVp8Ywr8yRiNgnZzKFiIAiZt+nJ9dovHH4kpc2xUGHXuyIbzptE1Sq+sKp6MyvvdmW976S7joU0xhQIgaDmZJsQrSFTh39NGfSoDzBKRvtrvzgK3dlRLv7bA/JPY45A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZN8aKsC84q1D3CWbkMnEtv/WtrCdtnkXKD4ft2xJdaU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "q8bTcg0hZHVslvtIv9TCy94lViLuV2kurbPwYiNAAXdUC7uja+7wFR6+/jVJuDnyjEfLw+eZqbF5WiHIe8pTtgZAf27PnMQ7K/xcn0sAtoUt2UTib+czHnv02dSkXS1j/VBGWhXLtLXUxFNbGpo3r7yOwAyd1ijf5MXjQh09b2Bz5Vn+IadwNNKarp3m1opCuMSzEqm8WRlno/AFcAIEIktjooIi4BFjd5aSEjcgNB3J6b6KvYzMA4txGKQHDWHjLctrWbdmqzvEM7SHygx1V3Of6X+cbHEWIpN2QpszUVDpiW2DApe3M300kzbDaY9hPi7y5ogcegukt7TIYuwT+++KhUGnt7b5AMqRSN7TIZD6x3M/DaX3+Y1NT+ftBl+DeOBlFi/x19nPhJscYrGdnHF1ja+EaSPT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZNCuYoAT8B4c0fQHSzqEJaWjtqMX8KureKbCFel9664",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CmawYrCf4WZ2J0+tNziymdcsYtn9mmV+gLa98gnVoUVe1lRb173hjcRZSXGwY62ZcZd2sQNXlDelIuRluEGf2DB5fSwBYRyAEJyZ4iGKvy40GEVqMgKE6M6kH7VaFi73XOOwZv1UC5zy+9mpKucnwpI/DEd8HRwJMO7pd85q0ctd/OhKPR3YikuyUxUSWxxBePztOeVaBlT5PMHOq8OSjyvNwf7yqYFP3QcUCuwGF7qp1XePTlEmRoe76GgI3upGUoSdTti1ibO+upfUlfbsvLEed53jgSlM72oZDVXcnhbq9mlxz9A/fi5inXxBFx7Sf2e/S7ojAE3AB5rnvxHG16NBHAx53pDLAeGrZzsZi7BlFPAL5WS/tjSTZYKdXIj8kho4ONPyvLYXgQNLgcNZ1jFOSUXHjTnL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZOJLjWt/JBPIYxvdiQEld+CdBYRFw4xuImD9GFu0HcQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9y5JLuHUE4tRBinvASg3AHfRT0AjitAVF+I29H0buI8ku4+DgU6CDq3bsURoLw3qmQL0rPU2NgR2ux4uY5+WWpWlz+lZ+tIhmQhvJKjFwq3MD0HuN/njmAbNpR1aZ4ECNZlNoGJ/QV3SVXrw55/guWJsciJGle2r+j/Cin5cNLD8qqdx0Ae/FnhnWZXF/tBH7foBFspdsrLb6iQ8F6jJ/TVZd+RNPXISUJ5/xI/kkDNIb4LhTcOaOsggsWiDPxk+7ZLge7CqOCqgRSVJOo8/pUy248+qxW7jRGqkBgTXCXJuwjRh6ngZqqbLA9rZe/JIU2A+9cSxGwY5eDdqB/Bk6wYrgGVOnIpQabBlRGJ/I7Cvl0zlc7oQC9dHzU7zBLmJ1RWSrtgy/zXXWBVOrlkK05q1pMKXvYcu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZR+DjGF5lb2yyGsYNMOcFm7Q0RjbUCpFvfcYCgjjrR0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7unaAUpu7phqWTStLrz3ulUf5gsv7ghn22ihwuLukJRViWr7P1qEuh/9c5900w5d81kXooV2yxvZi7icE75FKGTaltmQG//a2JyQZctWvGWgQVFKjEI+dxPYCMh9UPw5QmubvpHUDj6ie8yIcVkxsVpwU94xQN+jrBqvRWB9CilvXEk0HmEtYXq0MzhgrBkvhnzywcRytr+43I50TYgUTqWZkVQhFjvOBGswNXtNUop3Q03/0zSAQ8bjdPJPKxsarmyLOXYEJuNwUNofZXcEN8hGWrQ5rhfOyGOpuxYgjy3BgeH4dVr2NoMTLLGIXHsZY4fanFBakUGHceYMGQRPj/5JYZyQC2oDxTUeH4oTa/dLupMqatV8AP2LbXkvDFpbXsFUH9qN5KSWXX+YlTJRyIKl8T+SvM1M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZSLm063FDzwIrj2XG32omy3fM6QJUUpzFlNxyh3ghaY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OioeHdq5r5dGOmUL8z8qB7z5XWJ20D/qst/9FezewXidY6pb+JuNtCM5WUFBs1J+YqSPAUqJkzB2hL3hhQjqAtjJTwwDYvAqtmL4vwtX4+1eG2r4PSafZNUiMIcqSzF0hMsOn3HpzzU6PJOp1UPFcrjV0xB02+PWf17NwOdcerz72XgnrsA7f6CGM6c7TtsvgxB60fAQcfoKP4uBUiPzoWWbb3AWSKmYZdZ+9/KisVY0b6JiGGbcWGXzKdqDRxHLGW4+HlZqgFxHstmzlTC/g4ekMp/zNRUvShbLG0caAj0BeguwWO29l+pw/cW7FxbfXed/XGnA7XSig06/957IYK+TzOdW026GMD67sw2w9O+IJ3Y7i3+BhESdPwqs6sSPHKgee93jkBU2zrrpha3Xvj5bFbgmZuE+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZT84S5uIx0IuDzWeOAJnpRmIDYMO/QDRct6I+QryxBc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tHalKipa/qa/oAaZxRbLPoYoeEVfOIzS+14TBvKO/POSJyMFcRKFlq6DX1vQMSyv0eDX0X6cUg+2e9j3Rm5BHaa9C86Kz+QMacSDreOHXa8QaPpiW9CAtc6yxbSiKKeYgqc9mWhZzOZjqVGbqn8B/kf7uPuY7057xldcxhAs7NpQjB33eUYvLGucq9pUTrturWUYGZkIIaDBuB/FrZ0VenEJc3vJe1dRKYrDOk4WN7RYJ9bvtGZSNZoZqOAt1S/8krDevweKsN9nYcv4xK5bEe1JCxItrG2BhaXk4RZnTKaJRGmE+wZXrCKPK8DfSAkbv/J46Q7rhvBLWwLBR2nXYMiMyx3zvuQGWQPB65Dr/9HavMiJruXHU0ZyvJbr+Rs0JH/DgY2inY6jhjZngmwoOFKNPx/kNITo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZUmQ/I+WZqV5pIkRLUGqpiG1ZGNMKtvMAZrsYsoTy0o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KXM11to8UOYFPl6OTn8uYBMAap0+zzdQP1j8FgwlHBxUK9JABHuJcYuh8A6FcnCnSzjOeq59fy8nx87I9baHsQMxy/sCr2XW91Gx8SMkmSB05fXZeniBZIjnLvkY4meCjApDDx5hGJUVapKdUOcl0ibz+TD91/Tfw5+fD89xRZIaFbZWRebKlHbdGJpbLe7Xz+L0sgnqMLCPk3sZ6dFsXQdrcRYNkzw/rIK7IjNKxHLJd6W9Y2MdD61MD9HEPBWijzHFZ6IBUqP8OrYpuJ+32fg1N2lwxf9jCpjn81fvfQnFwjCan8p2fA923glM910P8Lt1G0B6Jr7+pqUGKfmI0db8noJoR8MRKHp//pIqQiMvV1ytR+qZ8R6ebyveX10FNPD5HaQrxjS8xhMYTpDBWKOA7CqAmG97",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZXhRVfK0f8me9IDEOEpyAnWyLIeHuaBCH5FxqAq00BA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1U4WO9U8fXod+JMpovk5J79dbm1dS4sVZPNzMGFNkFZcdcbhkvYzE14EOkKpoTKhBMT6mq8rJdIbtuUMkHr43I5sNvb/S/b/1BDEYaZZ2xWGGvgV00Z8yd8P5F9ZH9hkqSoKdONmu79IOfRh5+nVDFFp6IUUlpSEzDUSOhNmOzliNLYh1/xjnbTZbnrtTHT1OmKT5mbf1J2tcWYypiR+eVhFbgRrOJg/pKl9MKaICu0Mfz+dxGTLhvzYBRB8ptWnEXLbsquzlHVrQ8XTltrCLMJMJ5xRsHI96Xu8XXXsGP9+TKb3z6rJhsI9sxGWXeiYIPmoHkV19cl6UMj4Ffu4f94Ny3duXDUuXvTFNsVtpZsWLHfBTQyO1Jigeyt3ZNA2N2LYctw+XY2kYTeKQAxJ8vZCj+LRLmjk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZYfleLdkQXMkv++gMf+XkeDIlH3ap/+pksGY8iQulro",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+TLeyFvYPvRPPbHU2boKrPb2cmxSUDDLqMoCLPF541tqYMAKXA2L0juYQJYYZJdBosPIHqcZ6PUhoWD5L2NQUxX+Dir5S27JD1FlOaQG2sCmtgAbS/qXQ03w9cnpXCF/jleYWAf2GE8np8kfK75JwKErukIwK3MZbCwSBEsnaWTjATRnpnyhe6n9LTPsBjwsB4uwNnDEPIzXc/ye6iYNAlbph1VZ8PvOe1fq8D5Qv2/oJPCXSTAn2n7xCpVJnEfAlY5D+lXifd+Gl2ATuj64N9KbUKnhp/Bg8RZYjOdBlLUEncH8Jq8dFx+TbTHdj0v2Uz/8oQEtSiQ5wAVndive9ZQ0VB9nsoE4v4Ug/LsAgJzZWHuKZ0kjlNSUbci0pvBQNZJlB7esS/EKLV36iigQ2CHwVOyJQBNQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZYxNBtfQY4qs2+GBip/w9XpwE9poi3fOJeJwJViXPjU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WTsOr0h9pb9iNBg816XnwMfhJHSiilIv/HCIFAwtOegouHfgsiZ5Tt2f27gLPkybFBlOkcNilFZi4NydS75yxjYuJ7Fpmx4gL5JvVnY5E2yUjukAnyqch+Cjj6Y5DRTYafIkcKqbMhMMyv7nn+yB//bzld30kSxGPpSYXY0wZX/uJTKPf2FWMT4+zCIelvEIrwH6YPeNjJV2ljD6KFHS+/i1CP6FxsZD+rfMCSXtSr79C0UgVS8CVFzVUjlLrtglPDhROz6yba17AWplh2UjfhbdAzpBYZD9cLfPTc+Pj7wwilkAgueCDaV7/A0cBYYeGtMTUK9U/YDuCC0LzGZb5HL8R1h2wu+9fW66hluRibj8hb/eb7R23SLdNNsVwvdgA/a2hbSFDRDm5kBO9Tsh9pbIedZgIj3V",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZYz9rUasEeA7TN34l0iTzcAf1C6hGdr5K4p247AchHc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IqlAIAfwfUo7p+Pnx/UqrwgJUHvp6awTc7430AGmFM7UXFJZojBqFAB8cwUl6sBAz9ca/xpfC7YLLzEg9nH6hVy2IHJMWOGaMGV+a/CFgG4idlNtMpgDH25tOf02CBS5GpyYOOyiA+7X4fdrKlR2ctQi+bmbc3ri9lnrtH354jKEzCvgCro3s5vopcMVGCVlmdrWZkR9lOTQaVZIVmQWxvz2ZlfEZb3lT24S+3Du+gKCjURsdB8WrzYPcNUM7BrF4JPK3d4VvlqpfCG96hSoLW2BIY8P9bcEixh9sCf6VlXlbAfuQ35pIvcXERecZi4CXeSKFlMLWFFfspe5DYI1jx+eNmtPkE0sEosOjPhGCBwGnvu+1XBoZZJhsfNmGWZGjXaNuOLMxWRUKEGmqX9AqbeRgE2Trrlb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZaizITUK3fy/1L2hGG8L9/mL7Kc30p5kyZpuMoijar8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DmzEE6PMiUqn9xMV+NKhgKmTswfOJXDa+tDmcH7jIplQc4wHSOToSB+vI2qyygppAKQmMUr3LUvalvI7L11L6gIm+jFgkFS3Zxdo+Rvv/h1uaPLIa2KyvSH3nxRt9n3Nm6tJJ/fFkRoDtLWSZMN4eJnZQ7F6i8iOds6rURBow4mJQlgsgy6YRoLvdZLx/psRd7GzXn7rlcX6spSEX6eG9AfIm17CXpPfJn3M7MTu9OlS9a5aRUl1mGl7tlZgMwlqpVe7TogVS0wuBLfK8z4hoWwrl94tEvz2HZ1CCGJgW8VQnls+he3bWqxrgLMD3FyGDXDFeYDD6JA6MjwOyii/O9iznSmbm+J31bJgoSEbXV8c72sTgOaL6fNQTkNeP/HcvjUDBJxXq1KFEKxHsCYtHbKcJoVn9VJ0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZaltT6XZcggak5YadcUKKg5od10pcBUag3hnlmDCILA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iKnY8xSeAS8XuBM8Hy0ozT/9qxsLpTzSVJDb7cJFzkvyf+9QL4krG85u5d6DwRYX5Ht9zYC7n1wVT0lHkICIxcteWkyv3FdvFy8yKrBPKJeGu+QIbFp7JLHYgTXAg5/Beprwd7Ya8y2Y8xtvt+adH4fj+lTNxk/X0nc4cI6iTX0npyfY/Ci5iCjIoPWtp/8e8KfVgxLd7CsXCtdpltzvg/OxbmLHUAkW5xz3Hv+ycGuLUP+wJ243lEQqOoai5Fo2lCuci05tBdr5r8HBYQc2f++WJN5KPGlZQbL8bVDqwRCz/NP+VFwxLNf/R662CYGVeWT2m64XWOvEgUpMgWZR+9MDpG+U8FkUzEMHQU/3dUj2j214IWewiSn4stmb6pNJJvUFTak/59PDM3PPQDmEzSSvjQPR7s+E",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Zb9qnp+PSrX8T7HT6Bm4iZXWMhKm+KRCkYD+udLgMoE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GTlM/SeObhgMjCqbyHYAv6ts9kQCeU3z5NwEbIWO0iBRiIotpxOnAUuigiDEDE4i97F1byzLPLCcJyTBt71lszF8aK6BykoYL+iGvvTMfDhoF2WvMBQkEkuSbpFZLijKn3Cv8gxr47FbLS8I8rl5XvvLv5oood9rPHqmsXgfz8a8rlH5IvWF56HlYs8+JprH8X2u/GV6yTKYLG9LHwz3mezUcMDoKEwN5772wSEBwpKd4SI9GdQ3Fx3m/IWL+DpzTsaYTUNHgTY74lWto74eyF6qMUfMrT5iZsd2oCywv9w0SDbRtTRpNAv00h+r/IlMrxnuNCczl/VezYTnSxGUohcXQwAq4uz91yTkK+wHhfzr4pcfiZKOus8Ta6FMKrHrX63NV0g1kEdPa8OXzQXQmXJj8SIeQjcO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZcEaMuDvUQSodGpds8zNBjjqSmLnjrArGVQJd42ETXs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hJ+RMXYXD3tG+oK3iKZ36VumkXPOhYVzRhRnBU4+RtW5MOb4r58OGfL+EjGIw1Jy9zohsjdtGFIb6UpHuf9jvwyAm/aMsgWXdY3F/7wXXCpOOdUy7/eNqywdPHVLgqWhljbabJtXJj6JyAhb1dkflf1Ye3HTcnQNoLNQtqJ1xSMfmg6ixtpLXdhofLXQcz2cZOr2+cLH1BgIaUV7oevr+ABJmfB/H9k6hNsLoxw4DVuIJXr8M6+szSISvzF9v4dFT+vYDv63nsKy6MBQMWfHhW3n8U8fRANCTan5qAfGE0Wcqikt+5X/gY2kXIiK4w2JitmFShEKkdEzqgr8s8a8Ijgulgf9ZHuwqnCh9YWhoLutIFY/5HFCkmdesk9VtYapMmVLw5UEOwKWJq+kq9FD9qva/h/uPsXf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZdeDh+OOkYspFsrbiJsoiGnfEiJ8jxlw8Q36qLFY8nQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E/ZW+7elk2x1cRwye1HStSzc2MCQijoM1ceckBivmZFfIQm+jYPd1+HQeG2sM+FwkOqHP/GxXPv1d5g3whc06rHhgIpj06+6KAoVAr/HnFo6Tn2XneLBoDXkGB9K+1zkt5d+TKoKmBlVelRwNCoqU42a7WYYdU5jCWgSeTGrYwslnOP8kZMgpQXFO0xq5SVaqdi5oSpF9VCFBAVGSh1AohBAzZm/Mmj5MY6dNA9bF5Zh2rFdyVuGoggZJaVFicax9a3j2963Vi+QwXNbsnM3djj9QH/sWYx/kgDDMWc+/uVWUgim4I4DprUCV4pq98qbSrnoXbGkGoRZNHd5IrCDfe6iN7JSbXii4O2S0R248DTjLyM1uq8DNXwX1KCg2OF8SU3xyfTbXD9SF2g7whiNj+/DsskGdwXP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZgLx0blp1BfTG9aJBvy1U4H1RWdVLnGlwF4fxVKYF2M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pcqXCtMabtOUc4hbCmzCtQ6hPkisf+HBG2IvYUrgyuin39PnyjkMNyX9ig9gDQ/9X2YjllK1mFLF/X/WNgPBTleJ6Z5blR2RnXRVe69JgQboiu8nV7mXCd+R2083gFBcxI+oiPhi26sZ7lJsMGHI7bxuddSCeJKrqlTKX6VRxWhlZ1wNI0yS/Yxzhiq9BYH4E5y2NkN6ApQYmr1G7wmabZoGNkzF1OBzKRgJXYJp1tZs85ffi1aD1FtU9/JduDxTTd7UlPOW2jzA/SCbr9kKh+zNgoqYeyu5e0y2Gjt7NCY1EZ8gvfveOQqo4n5nk+slZmcg7GIRiQZYoPoedWF76crMswBGyM1TrQtgLuWwqgeCXwWMe3ReQ5L5bPxCAO3iHSZafQjGZgLBdiEIOfAwOP7vZbFQPZrN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZhJslY2wOvxanBPxCTAfNjr3p0SXfmKqUbcEUbTWrAY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pfbcqh0mn1ZthWa9XFZV5rR/9VbQKOSlRSrc9XeHNDOQe649JzLJ/FeX4hVwi4T81IHW+GuLdwNVaVlpph2SsXfQAMkUAYgWypDCBxACMuN0uCk+sdMpG6Yw6ZF7PkSZsdOZoKMKXHzGd1Dqddp0ZtBtcuSG8hAgTZcZWxj5T+yOOCDy+/wxWPCtHtPD+jc6hSJx6FYnTSkZva7uFJLOlGwh5BTc5ikD0ODi4UyH20yunpyCobaWdgr0lbd5BMg/aQIeJdfSk2yZRwRCQo8qxKqJ0gMItHDiSsyBFNyhWlfdXaHFyourn/Mn4o+5OURRLt7nO8FGA8tXHXdH9WgAhDp39dWFpQbf5SBpcBp2XX7x+khpajSDRqyXi0EiZyplb76w0dsUB185oPAIvcPXP1v41xTjw2kK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZiNgsRV2PAixyZYhj/PVr6j/K3T0pmPTB2velD77Gsw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oM3d3f5oLraUDay8IK9zdQYkQESMUAjFev0w6kqP8ucFIcZYOXGfxw6YXF7zpFXbmm58Xc3/6DkhBJdb94F/bRfWilIJJkLkCHNMTAZd4RHet0NMGeg/XGSM86dgkoAy57WtRVXIVwWLwkFik/m9FofkIBEGlVWcAvLSHdLulyVzuDBPj8/deSrLOVi0Xp3MeB3J2CqXvrm1e4tjb2sDreK9vOxa5yiCX1Tz7bIMDbQiL6eg8dwyMQViwdvULaRtizE6Fik13SXbBhJQbKwpjwivwHBn+KxXNT3zO5mrNA2tn+XgJzn7MKu2vkMP2fadMzbcqUJes6CgoejSxg+OFFB9LG6BhtFuHtkqECW5OdiAnJiTDJDcnzv41PGX9vt883oWcHnxdczSr4+GrVCh3Z0BLUboYJtn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZiRsWcM7gRrxcfqKidUhAKri+TKg9ortpKZGYTUuf0Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "03H9EAmNIyJ6aZIaxdBR03OsJ48YX2sUt9wyM3VAxdwD6DOjbmFoToZpK1OUQeSTtkBsO1vW0ENnJfwbGskMQ0JS6zfwqE0QoPiWDKAW6xWpgW0Pl8GxN0RAcflLSFIfS0lLtrKvyLugH8MgHuFGtuWLOBvrvu+KH7764QQPtt1th94XoBnoHHU4F62W5Xa2Dm77UW42ytZzu819XI+9S7bfwwQhkQYjVHiVKJtSlzKun9qRDUgtyCn//GKNX+esZmJwlWX3RffLVQPWol3PYY1R0uWYtXRvAr8nRy5xRS+kw8MHAft9JIxcX08S6afh6x8RUaQEnt5QZv7LqIF+0m2ZJw1awLqyxdDKmbe39Q41woDk8Mw+PlCFH1xXQB6g3HwJAMkrS8PR2GG5NTRV9YoaehjXA20x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZikAuihKfI6KLGzqevvPDz0WeiaFop36Ypj8beY6Iog",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GON+HJ7jzCFKLQ/P8xFdXBt25+J5WVQ3iGUTJdgL3WNJahQZZknPwsaJyNasPjqIRCXsfXMoxZ4WYvwLN0aRYaNSc3UemJD9RqEpDrZfoRENqgOZdSfMkMcWd1MtUL9g1R7rb2C3nbvJHQFwzNxACFmkHMXYY2R2ZR/hcHyu9q+SH0SxQSltprpSe18gvnCAQ1P6cjuoID3j4TnwuBoPAp/dveaTh4q3+ADWF5g5G6+XHgebgGu/tO286v6WpGCQK0xYUwiljd34siIW/eBo3enlAbt2NMyF/ZfxuwTPCPO5qEGzT/JQGX1gvafJruaYU/hCDcoqnD3SpGqT+4GPt5JP8/Dyeku7pMPMoZtaXwSrPiACoy9l89655+N62J3qd3dm8f5lM24zOBEoK+iuJ9+s3MZSt/Ak",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Zk8xnU7+BqVzdMPM0goqKnELvrf2wsNx5RzHvhLJcgU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "t6EIF5pVozUpWgY46EHfQxfKUPgfr2JYZFc4dVuQmUw5qY5Jtm8K5XXZzDdXxp7XCFPj2CgakZT6MNgPxKD/CSikntW3PqoQZ9cr/v8BfGY7m/ptkKDQBfKle61iR8SKV2kfAfCJlCcC0FreHeIH6fYob3EsLln0QSbr8CLMWFWmErcgzR9I87AQr0BHX8QPIEVolUt/YN63+JapL+JS9H43wS6IdNewt9grnNQ/UkGUgwJ3sR7D+e3Zk6aUh9Ih50PmYAAwe1wg6CKM1u7oq9gb/HRvq7kXIFi/bkvC67WvsCCKjcVGcaHOoRe7/qp9J6rv1Mc2+D7tnREU52oInU8LWn8ZTtTnErG7oroKIsmWkZzMCpKQL13OJ+Z3hakogNSrpc5J3O+R+qdfC06FgwcvXc4bxRXC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZkM8J2/yYzU7LEmZVmbjf0bDYmES3uUo1X6eoSIWxf4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yM26F8TrbFU2S7lIODviOYbdB7Qe9NOBIrfUi7a4RwhIjCtVvd+BDEcJ6YOUybHmlo97uRkciqyoRKWu1K+RkSujbdh0Lz5hiQrj78sGCSGjDBPzwmYDU14m9MUgbd1CFKs0a28AnsLD1QfPryT7hooALGrNdxwd7c0o8hPwfKqI9GDx5E1omK8QrUPg1zslUcGa1JcbAtsWSWEqUWErnPIjGAh1TICEOHkqpzA1k7SSFeu3IWV9JKR7s1FFk3buWpm0pKav7tZhFLR3ZQ/jeTMNaAmzXOuTXUoedGTdsIBsAIjYSWAN/2p0b2ZxtN1QBHDsz7gul+o9fGtTkLm7y0hXLu2JMYyR1FQlltekqX9zovQE2Y8d6dvENiPTUaz5l9/2v6OR2h/bBWnMDz0ADqJnck6h20F0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZkTCoddiCuE8ToBbe8AfUdOIzZFafoFVWD7yoBc0WJQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kkYVnpK8ePBGoD9FYH3LOnpZonEwCBikT+Nzy1h56yOVEgJb6QjdG9/YEwHJ8vv1177s2DhBzS08DVS5qjAE/LSzw39SlTNQmHz67KR2h59Y7uAcmNkwbRLwgeS9l9J2PsE/RFA8HKmYrDdkry92g8YGijCKvee9EaPGmQLREA6RQGduziWUL4iLFYqtr8zITuUOi6gZCVtKQLiLccNYK4ea/AeGRATPg1lM7jQ4dVJ0+46Et1vq8OJtr0GXL1Y4lP2GphRK/+nGeWlYTZMqbeBbKnEvmFFjhVdfZCbJ3L1yUqoeATTx+7Fc+fc0WnGRgoj6jHS9ZjW5PHv9bAHT8dMA1CWKQ7eOaGJJB38WfjlSkSeZXNxynjeYT+nUQHi9csRmTDpkcHMWu8PxbTo0QzCJVPgJu3B4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZktyvUYkZ5LnDtVBdBTwh4/QiUCQWb0wHs0i2vTu1UE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "n9OTJ3aZQ5jK1/6QDn4POziq06E5HU1/NKnOwmx1royi4TrgsIuqahso88+9AvojtbXa91l1lJsx5kSlNiY5nv15s9WtuXPnzMAZk7VHs5EFNGa2TIWi8TvWZ6VoGm0vvxAL8MXjD3/BkToXIvrvRYzPaNWY4bwXnRAquiiVNj70nadRhybQR+6GxhyhAC1Yginfq71xFjqqAyTJToaEFikFjNKkrDFda2c03OpRu6ZohuiIdJ+cTNEoVoZBXsFNNMu62qmje6huuVSyHpQL7SR+wUQZVjWK4RYpC/h+BFAZwEcCaR2296W4Akluy6+UUEPKs9Q+D8zKzBJpDrNFofLQyeRy+bjMx9Uw+lneO45aG5aDe8S7zYN86xVY02p3/nKGyJ3ziZkpaOs3SVNS5I2P19N6ni2f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZnUDGH9VIlOtK5P77LQ5u/m+N4lLSZ8BNeGqDC0gPLY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F3CqbrYP43ZWIsAe4IsYCjfveZBfGIPgUJv5bluw3xr6WaKh44YUTVhDdSIWXdtFOTJ4YT2ObaEl6IoYuDnSXR13WHcTJolW74UzyiVBw9sidWZj2yaDl1HRuUBw3Z5MzwNjDldGPwLjzW5kvNhq/It7Y9r6LnJHxq2RcEMal5umDKIWOOwsMzDS5hC7FuFUDX/gLer7aUsumTGPN6xS58szvzr1A43R1w9vThV5jpCu2nuJu3+29xtJ0EzE+tCQjRbqCLsOuctpDGzTrLA5DSeCwFJ9nuA5S6xcuK/+7yZOMZtIN72WR0Oaqdw+5GcuD07qzSv9ezvOLlKIni76d+RTwtZFsaH3FBYhZ9SNqH4p5vyUmDvB/R0tS8utPynfpOapqDTlFGS1y8EetkbbyesWTZqQv4Kd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZoUaNW546/CGYqkktfWYTIN6C0jKg1ItAZ26qrAbaTo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SKR9fUHf+w//3nOHYJ2aCVGMpLtfJTi8qLWri3ZmLiSVRjnUhSQGa2mXT2YI4h818DL5qucQ4vt+q2KD9jWVaNI8Gco00TQZuDaogGgM/pNIW7JSMZQOtQVqZ0apJQ4/cjEl0m6dyzSL42IhN46QQm2kMZLjWRGoJxsxiddVxEva7slygHQNHNnpGFIXAfD9MOZgnMKMAOnehFaNXxDzMlek22AqmJF7rMw1vBmo/sgsnByhVKfpBoO9aHqV9cnvEAy5CoYQ5XKzYKa7NACtmo72pAWHkOx/iVBoeCqJOvcDnDe8wYkjVpBMLCu8rEPTNh7jX0149xPmvscCX+/aCWb+xBICG/U4vhj4sKLvcrhL9W/raGWD3ywU2LFjLtuGQ00xVPZeaBSixrzpJhT+6egqGcmQyRKm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZovYPzUJiiFS3lzS3Zr2aQorTtmkmpzE/jIgUHMX3vQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "I8Sm734GhjFTw+tU6vL4wu0Ihx17nlP7j6XXiv4SBEtAf/e3slJQHcHxtYHOd1Tb9n+Os6QKlTPOozYVnQNfQRYlkpjXOfP6w4J5g5rmv7aMh8as1igElfgfK+J7wNwph5SYqps7yMiw/VfpXFfkbcEDgufkACfORbNl2mOUSLbLMAiol3susmTPJ6VUjmFDKzLs87DKp9tVQzicoSEs8rDEP8EsLqxiY4y4YsxZpP8J2VSCEZUaar92a0DrqXPkGKsvhQR7J22FuzVFG84B6MdtZhSIiWl0BTZHyovBZwfyvHdpN1De7+U9FUTvqjz40Dk5DQSRGK8pupyRbytIl62PDsvgWfqdlf9iQvYkFG++cwJkdpVHSPa+OvvEj29//jja8mFg8hklbaOfVE1ZDjWPkzp7QUxv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Zpbhnj1u9fHufNg6OFNquc+6HlubBZ0pZMhxurn5Xak",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fHilObuPHpg42cJHl/HzvECXNUGaFiBIwejhB0/fc6UngCa/hXIeGsdEiQkhJxLSBQho5fNecp8hcSjrDTGYtLajYx0eaI4NnUHHYXGstWJRmwXjYnrp+Nb4xlAsBSqmA7WJ9qLxKPJ7RjKYPaVcfLF3S6sYNOUySDnj+mXdN6NAODio3o54dAZHNGT+BREYIgQf77CjkpmwBgAaxdTz05OqthsaNrxhD3jufW0aR3Ibvt94wvoNg5uurrCx/j+lmA0AadaxTTCZBjo//FHmaBbpJHT7q+YykJvNVn2UspzF3pq+cZJBA9w1Jp10BgWSYeGl3RBtGIcXPaLg+8tAs5BiVyga7EbFgZQXcxbKhmCI9J/jbQgpObGrB/UxbtlY4jiUdK6U//wt+cVLHnC5a7Mw1p00CBW0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Zrcf2fpaoI7c8jg+R9Yt2hhAkVfxZutN0u/4SvfL6+4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+WYB8zdrnf2P6YUmdPqIPZZZh1YTW/SBl6PExD87VgYr33Etfe59mal/3DQBifWGCXStHR2LVB4+sRpqWKo81Wuc4YE87doXU0KThL5ha79cMAcBD66gQtUH/NXOifKjPbYCXPG4/FfeBMvvYle+ybM5AZeFeB53W9lAoRONQTHQd6PYoXWsPV8P/bwoYsJmVrPIWTb0QCxMaMSrJ8pQ16u0ex15SR4CNQiX4z75LAItPdZywBJCO28o9CL354KuoCxoBgLSYGOBIBH2sxUWdr9npA1quZRrAutlf+z0Ge+Df3dzjyzvBsbQyMG9NQqU1SgSGaFsUKWwFSMchqEP3UU4j5COXaT6MNz33blfeiZa6vqS1ffHp3vLOh/RKqJPaShtF395U8GepFkvjrbh9/H3m0tba/ON",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Zrd8TRqENEzi29+nGSNZ7QJ0xu1Ugmeh5xhqXWTUI3Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mF8sviGnRwZnSOV17LUWuXheLjsvec2rowiV6gELJsY9l2eCDx8/57fDUqcqb4TO6V9DYJ8ktUlnUqPwpkGsTioG3IsF9yR5fyFoWRbQy5QY69Y3FZesY7qkY3HpxgsrTNDGt2zntOUmFjtxcN3udaFhqV9ERl4VwLje7pSpiJJCKOfyvSJrZJAzvgGvNdpjg4zuzVyYp9OlOk+vlKQGRG3szczC+0CdPjcmVp8zJvfRRsg2uQZzTkPJJd1/3qm9Hhc+l1rE6umrWvJRvwnkohnOduvu4VGlIhHQeNyMjQgx9W5CI/BUPdfjgnnhTBhufl5kVlERZmNcVbwriYfPAUSEwnTflcpWYLAZ5fN7M8KZyFapn+ecwMO98fBbg0eBKIIEbqSXM+vT/eM0QhWVcIHwoMpxA76I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZrlxXr6P1ITwmmPTUktM0XgXvVBh9/kMoKDn/Khkcgo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RG/hQTuYBC7BIcC24JBr1MQc9kM/iYs+S6z/Ph/KL9j1rS58sokl0g/FbY+lQfzoIT/9IvLFkmRIg8hDyP3RiIlLmty1v5e22Nm3hsZHhANpAIJUGHrkPXfnVBGZZ9+C7J/YfpXDSa8EZUHm0+TPW+XBR0fah7NQsB8xG2NIPrPyVltZB45kgW70Ilto2tqbfSX5CWdjoOyiCE8RoEqeB+W1gxSYmqyJiY1O0H3rZAH8u2WHNE6gIJnACxkq/XedMcRqs9Hs+kBuEwzyREvmuFkarIrj6yS0BBzYHKappq/pWi5xGLP/lecdRd6RkUpjDP40SZEFxAWU745WYgQuDT+El9Z0xrkA/PaKZ39n7EMHtLei8yUKtMsU7v1EJmD2yjboyYPpSsBmK4rYa0XEqkpXoR3nU+HC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZsAglckSk/dkhHakKevLYboQhB3CTLqm700y2Ue3pmg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0nRQg+PsfNQBKdAwyvWnJBhme/q90jGpTPnP3gRurD0JMuIR3fsOgJJ8AWJ5dp84CO8WZUbxcwd/SQooWH4B0G4a0rVinEsrAkhRnyuwQ2I4gxLfqOl84nhicMOO9i67myUyNO62NYgXvdwr3AawwXR4qR7L/sVaWV8S8wvHZpo1kDB57i354qmq5feYmgIu6IZ2yrMBVEXfMLm+D/aFgUJzHgzVEh3tZgypS0CmRYWy4LjCh2a1sIgm/LIdyUstDM8xuWY+n1XdCusrQEUpYZh7s5sVYDGZTJIb0NR7U/YlrvX4l3autcnBVE8k9JfSBU32Oimc7LD9zcvq5A1mj0P1MRwjfVfF2b5sn10nGSN09pnlVkW/M8FLDEHw2mQHGUxK+px5LsV7S8/ZLM7me2RlEuC1y4xN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZtzeRONMkLaJ0kk4JlhZkiIM1pvaS7aBA2XyIVuGSJY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IvU5X01BUxNUCZMnRlIeTRqSBbkvvUPfsPSnEQLMCARz9gxNHHX7b396Ohrr1bqPwxgH94J0+mXx5bt0wrwUsRSrPPZHV7oVHYDfFHV5YvBn59QHla1N1DmggMRSFENH/jQFEz9EZQxdGdFIYmZQLRG5BBsG5sp+bR8PKHb1WB5y8+P36599SJ57tH/3i5hD64FTDSI39IeOLzbQxI5D3/v1Ugv72w5r7b2nFgz3tUWghSWr7YI2Lm80uzdXxdOXI4M+ceEpBUUnFqCr3mz1ZEfN9sDZTTLpfnvf2NP6j6DlD2zAXjlczVWYfe8lvHKL2o+dG3Lb81uzDwpxAsqn+KD4l+AwEILeFCRjh94BmMF+4reElZD8WHwIMc5+Ees3LlxMWKy637HXR6jFggyeV/iXj1rYwX3m",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Zu4oRkCYAACWA0u25JNBinrI77D34Qz6oUv5Y8wFE/Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GUhGT+y2YsznliIQLzSPom0ApzANXAZNvCpid9HhTFFuqtH7Nv3dG5AVKvCGsPzCTigrkuPynpJWdaVN9kuh/ql5R1S0j7CMWqROyiVkqdjL0hWU4ZxyfP7N79fzsrH8vySI1JWfrJY1oHikO6pYN9NoPF7omDa+hTa3Vtr9Iji5lvPHCTUedTFpr0o486FOj3+IdIFInINVrAL4ycL2qERhFMlw4I7OKI5i18kGznAQSY/0L2Bj27qtdh92zgaWjnJOZ/9dgQwPf9miQxJOEzpjIUjOcoQzcs+PRCui+sLrCAh/zYRTkdkpkgbsmOOaGtwUi5IiXsu8WAzyD2XSeTH+gXIkl6in6x334bCTY9cQwBSUu6igdU9+zJaBgNgc5b34YdX7EaF9s6PxfyuukLciIyt6zRw6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZvhbqLekc7DvjqP1i3sFOGYyQSZSezCScDCb5uq/3D4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "obdGyPyOyrj705esNsJVf992Hw+M8nJ1m4SCOBfvEq0r378E3yfLbP9T5ddpQLBzxlzWtIIkcACadzE2G245mtkag99FawaFFo3N2sqX9H1dyYdxT2b+7MTK/FmT50/K+cC/MwTQ8PK4ctWt6NDp7RLOyi06vRbsEyENZ/TEp471/4NWQptjqEsL41qGCf3gGBAzlphauDv65evMid0xOzNBJ7vuUHfFMeyKVkUt2xSLIGdpX99leg/IUIH+z/J8TsK5cj7nX0lL4q9I6dll0uGGpWDsrOLvMTWm/H7d116iziZFxXZ2TGyPFBvWaYbgaBWjLv5WMkkut5oyUoJ/2DommG0Gin8iIsAsdUbU14/kFMyyb1foKcbFy1jH5ySMSd5hbBjFvYUgUecEyTw30yYmCTdSrgLm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Zvz8HMk1E6X87eJYAGjFb1qH2WRR2j8Utzci1xt6igk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bkbmc6AiNmDhJTH4LvKcn2KaC4H2KOQ9kj1Q0/9T3wx1P/yJVRAQdGsN6NIQG1b0vd2T1HDlBw5oi9H+wBU7w/EU1CwC/kYIV9AA+Gzo1xpv4ZKgd9nym6+pjN4UeUT02UEdRxmZ6zlbraKm0itmUHdqrOX3LksqyhZyUQNnarL1Un0KX691JA9cn0/IKfRKsDDU0caaMvTL0Z7pYvzxIdFmaFfZzVrI7MdkUaG0Pn4Uv41kx7Q3YJ82aeYtEQfav2oclXgFxP63DWWHpnM1MH0xRsRbjDQu9fIc9dJVDSIIQc/e4+NB6kvHjkWC7TFAzKoXr0c1nE/gdUCw90PgX9kewkAVE0Se1FFM2glmPldTlQkkVRbyVEOI7He+zYW0etw/bdD/3/b6VqtYgwQoapyYFjo7vBJo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZwvTzIY76gbxGcuPdDEzsUzxD7xyOYWmgjOd85Y3M9g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "onhhTCC6vc1Mw/go1g5j8oVZS4Vjq0XuF412kEJge4Sr5FhLZVQxchE73ddH51HsRoVIpQr1xNEGfHqGvem0DFPgN/Rehn+3LRTnuDTysV5LQ4z+KOsyHpHJ7Zd1m1SsZ+RQsgrNWt+Gjz9f+Cyv7b2tYh1HRfbVAR5sOBiN+8Mr66sFrzGaExiHQI/K3wMDdVua+eWdU89TMSC1Yhvoom9VtYr+roF7wKYLyD7ne49AHoZqv2JodQvKyZePOTJvov61TbX8Nc5/HZWfm6UqlChjCLie+xa7erOeu0Uo3T7hUhaPFAUaQAzsQMl1n+crfCSq5ET4NYRJF+hj3VnvqcHBhL6mhtUusLDWQO2hEZCx3MCnxny6slkiiu7NIINNM34F8qRvh79W9Ek1PB+iFewzR6Aqbeav",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Zx6xopmkeegFDUgJBIUE18Y4hGgnqUCCDoaOHS9hnPQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zEEniJIHiElwu9JfNHJfYW2XTOLtX88uIdggiKimel/1RTBNsCcFV1H0gZwwhDRjPQOXvgxWM855O7mBSKMHscALyFWXRkTtxhviHsBxPZVGYRbuqRXQHcnep7SfkTBFlHPHTD1DJ9NO04UocRYNJZpqA04hjZRnLcXwWswcUSCWcse0MoENXD0DmoCulPRnr2QBUY8z5QWRt8RY+yuRweVkVbkI4qq9fj/k0F7t45f75widnEn0kHoJ34LGiMkcvFmU6bbxoaLyXXsbvqobvmFsRJ5yGqxjpb7131dfk87YWxKsFQUmL2ZHnSO42EbuxjfHOIU+fe8r5RJEkUSC7Jw0fY3ZaOwt8ADYr+sHgK+7eHeu35HNxU+279IEipnZ4J1SbmNP7H4hfstLIVKkvnq8ZUXsPfBC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "Zxj4HIdqvBm6qkZYhU0QOYxkF8X/CsgBgd+gVo1I8uY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "V8UaEt0JIDmBfK9pd5gdSBldtDFP+CQseovIPLSSYKreqXj0bI/WW1eFLg9weLYJNMxSVTgK9nWbPA5/PtscLWpz0FcKmcR4BMj307UJmmWRMtZJyxleK0Ai+FCh/1jKgVuW5JzckryXct57vgSoL5DZSEUGgR9CNTKGHeAATCPElgThd2guDeLbPipE5w74FT2Zx7MF0lMnzyPQfdv0qZQpQOiRdj7qqpdcbSXfYjk5jFYPfSmkHlZleSGub1ce22Y6MBf26tWdjKtAKIvapqx6piOHnStEO5GTYnwwgIvjznoZc3fMVEInd8CqVKAGqKlRrvlM8SO0V2eMVSi1JgIswF/aKWCpP+ffcWOiOk+jlnV/EQJX297oYv3+wpS8t2L6PXEBrs4hGb5RTs3mFeE9o+S6YtsL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ZybGzjFTlZRw8V1sRzt/+vq6W8p389P/B9ac/deRF+Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "juz+TmOLVXGDzVCtqCIIJHyO+stF9mGOQrZImQaLxaahiQhobGvMnl8A0UDFtBI6LjPc2G3loc6Ra47rRU1PlLHMVVUwnjKwngHBkVJtoHtsHGrUIwwLkdEvDOk/BQ/ZWMznypUrXxhQSIs4rh2tKJVcu1yScgCv8p4OjA/h7Z+rWf08BIw7dY4zHidM/PzMImvjVffA72gMszG6Y+eN0gZo+mQc7T9PVG7vAJ+sYgiAPG3WN3WCacOxkjoV8Pe0DlbhDaghJ7dsurTVDECQb55gK5HNuCcKONtRsaePtPbKYiXfnPn1Ji0tjvnLWuU/1BYzS6saoxmz/7EOpwp6VzCHEyIKrv841LkRhcu9J8Pb3v7Mfqtmuz2N0zsGQdcWqbqq3EXBwe7Kh9uSUZmGY6baoc0/ihu4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a/xby9VytgaeVytHL6jvqFn+b4oukCNyAy/hIFLkK6c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DRPWBPzEq7CPd8Thcj0RJI4YNYOKalLuVw0uisUu5gFRgdkcjs0kXyEf9QreaWKsvLDASaOIbpIHqhFq5ot/Zcz9jLbHBzSGExi+yKgUZS8yZJ+juPa3Ss8A7R497dP0viXzEbY70xBv+YqK+aiEjntcZaOK29cK/ztLctDqoft9tnTI3SA60n5q+wc5TJj+yQ3PMSwpkpPE5Ot4tasJWbQluPtl0dttKl9c20nd1MSESA0CQSoFAKxQO3CHEMIbUPoYjXpWcnh7IZvFyN/SdmJVldT6l2H6wFZWIkBECrWfMZti3zwG+KLrGZRKKl7CH+QY9guCmFKl+Ls57BiWFaIsEl3KkNqgTbOUzg8MJSNJPvc+ft2qJd3RBlo4VN+ZUAiPvV4ksjdlS4KFuFRcQiYAL8WtSECW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a0NPsMqw2WO9O2JqygJGj2/QIcYhJ2IygjW6Isg4jRE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7+HrMaZK+Jo2Fs2BcXuhEatat7XeQJb9oorIl62m4YcnmyKtwzi/Gv1CNHdbxc/XHih/VSThbcVMvb37c4mqncaG2eQow5I6GLVPnYO45PSY1ity6s74KHmWY+zQKQ+lS3MUa+gi7tjRdciC6080EVoKCIMmC/bairXazEcWBWgUaB5gMswQjnk3RaRVHyxb+jxAFA4cFXGtWRyzVe8FKjJ6b3JZlagK7uQrCL1NXDDcOkQt8wBpgRGA5kFcommxEpYeshDQX7T3cniU9ahk+MKatJHEvtvcJg5kX7IoplAnOf4SYpphs3VdlnQL4/TlEPgZvsrGPCcBOo+iIp6Se81M34xrUxhpcjh+a1uCyle6kLbDnQ7ScTlS28m/y8qVILxWc2E+aE+8F4Ck+czUUyX3IfUW99zj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a0xsl+t/ZWTZ1TpMYjcC/e6iE6eWiRFHkI3qNg4BISs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SGLBvPZZ5Bi8fxdfh4+t1/b+MhyX4gU3i5X9RVXYxxiveoXy7ijV6v6UdI7pLysxxMMNQKwFihyK/SgmRHswje7ojgc3lTdmuyf63wRilopGJPOvg63KCNlqwDrn9tVINBOvE9Rsgbuj6ao4GuLkvTmpltIFgPnXcdP8XDS7wBqLIlZMHyIb3shgb+qAl0oeairIozyomcPagKYbqcK9hOeLVRWQKwT5oYSy8ZaPggrYqlUe6o4dKJ9IXF/hMT7ETDujLVmSq1fQfi+Kh/ymfMSAJhiKx3M+tSF41ZsqjIeEm3osbwQXmlbOVacg3tOUyBfZow0LPdSCUGjwygYoK8tX9dcdjBJTQ7MfslmPGm9Xe9yadoW+qK5ZOrTggry3PGlSFPtdfckJfCJYXYaCBga26B1unQCH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a1K9E06eV2kiEk1/6Z5ffUaGKkLkPE/9tugNOhtOAYA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6Z6a9qh08mwVPo/VHiJoxl/nQMTE3glT6iJrZO7EJhE99ysavcpy7K2PiXFCkFx1MnWQ/op7GGWkBgCZkfqA9Hdmfqaq56ULWNcO69/VvNesalE1a3Vb3MUDbOMj9ZzCbl3YqCa+PgM/Dg5swcxIpqMYbtzSth3t2kBzw4ZF7dEa0vUyDTLadGTIwaHNj9Z5jLZuXliQv0m+93qLj722krU1f+TO2whX2XkaEQw8xVCsiRL9WB/bC7IdAuL0PZk5vFROuscey9J0pMu9xctQ8z1P/1dy+3+bfpsYQvg6uhvqiTgsyF4o9MaEB0wuHl/hfXdkS1KmSROj+sj8J5LC8xbn/brAQLs4PkFG1dsfYf7NjAz+DBonbFUJE3SkmBBoKlTaWrp99lR//AcHvif8rvz0PoHiBjjM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a2LhnM3vdT9WmLVPuqiy+Lgkn8ZOBy44b8YM21ZKGM4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OgsL75VmL7h+5LL/1xNS29CsluL+PTG/iMDhvWzYaienud28SC3sJ0LJq0XXadzUj7zGDDTTYFSuT+KFp8s6gpk9oRwlkrkjvXlyILcNbmCPEX96FbE0dwrpSgWEX1e5hHtXwwmxHrFZuI30HYG/OwuB+lVQFMQll8843v9oNTdu9Gg4tqZtI5ckqzplmhgn9btDnQkcfhHbCkHIigyfMS81EloKI2myEJTNgMMZc82P6H9LlaBEtP8j0P6BJFF+JIHT6mxooRVgYss9B5hoWVh9+FPJDWQ0isEMa9JXouJVv344aqYmfbxQpo+CQPs8YdAeOyRhIKPIKE8N1r6sYKFM1Qwsj/SE0ff6JcJgkojwOdegzERou0G4EvWuo1Qs5Vr35y7gA9e+GsbIyq2agIRJFn97lwnM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a41UFM3eji9kQ/7WvBaMtQ0K179luQh4JZTHXieBNHY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dpBUIqygaaeFBDZGqVzC5ogzMN0YiAqUcJT/WLQBwYVuWI5M/bfnN0RyZDUF1Srykn5i3k+tw78cfqCz8ycrwdiYnMXkG3IKZrCHhfEAEV12wTcnWvpAt/PDCXgrB+jG8wi/2LZPJXVr1SDcNHQKNqmrjpuINYaAwWR668ioVXRFtai2lASovUBgifnB6zRz63juz37mSkP0WzS0GQbNzGGVFN+rHGeD8RNwp8wqK+qd3GDoHb007rQdI6azB6BhgcE+MhcS2PkP/BYjT864KiqriTuyhm7TOCGeASVtOPV8+1POSXAy0ZE0GSEEpEH3FBqgpx6W9NTQFunT0y1f//I2HmFB14e57eaCrnv81GT915LtN6uHIGbx0GsSRKBCxrO84+XsdCOl4IDP8lNMhWRfAYUubq1E",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a4Q3z9alv3GVqyj/dTI3wyGFRa9EoMh+CzAjbI/GtOk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ktX8Vd4LjyxeVkiyfprpjb6MihYIYNfxr8ooIva0erHvbgu1tMREx1AN+UFhtxhBuvHlK3HU79WF+wyC4+mvAy2gN7rn5lWNSiW0k2OKYm9V9NVpxLvoA7nEKYYPvntZc5hmyHvW8mJpdmVW2joNdjFiak/1pzkcqG045vPO+TanTQr9a6+48/w0n2UsRn35HzwXs00xor0EPVR8+mW/7KVV/EumCwa2HeaVpcIOVauqCLJwLf5qSRYr7vevpGvGOkA47VPQhJsongpp3PwP5PMHZSXWoImKJEjdPuXK/CX+TGhnYMVbyhKp52b7cKdNcV6kQUcHJZuGeUaa1UNrm/3QlpppeTkte6JXedQ5HR5yl7HfcjluAIK3F4Lcu2SK+szXQxeWYboKTL5422fd+cLBkqWMg5r8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a4ZhICOuwy5SoS24+WZKNo5jieJcFAtyMh0dWzN4miI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wbOE3qWuWQ56OuzlVbbBk+2jkMXpX38nHME9EA4ZkvfXxfJp2yRCK8R/v0z4bfXvbZr5yArL3ebZRje7hqFv+77LN17+W5HQ8PPGL76xMxY3EH/f3tmo67wbRu0n6NAOs2e2a+tysnJLWqkeRy2t1k11pZtHV2r76q2gjXajpxVdvpgCiGQScmtFSIiWf6ypLCnLEzfE8RzJ+ZiRyJpMHalSq4nAC8Xh2/61WQZufZ75wVPzozGGDYT1YLvq9Vp5TW4UYwXq+uKcoHpVpT71Xm82MddjE5U9LuF8Wyd6dygEs4WX2y5BNRDZHkDSy8m6HSjRz0W7f79Zku/YQdzinA7SGwTAk9v0dLwlCFTYEkyI82vrsHiA2JYr3fZAJdIKhfklnNy2S14+42ZRjvD9GrdX5GuVI4yn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a4r9Rj8w8RqVIvvAv64rf91PYXokWrLKr3HARqIVUew",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6J43xwxX5NcwGXtSTVFb3xPTefBiKWEv6bUmQLLuCuo22ySOY5Zi3vsRet0L9ISIYb0Tbalm05/4iwXnuH7LSoazSDAtX40fv24+bbbmMqFTZ5bk3XY+aXVK3ypklNKH1edLbs74XR7AvfH9dAKWL1odhM+QaX88p7J9Pt4BGK86UiewufzaFC9VdP4s8Hz93V66G78wfaYE3yqPKoL9o2S9GEjy19NTJkBGn5R3cRaX98LKxRamaSNLztVQYvRuWyFQPgkpSpedrXFJUllou4brAsQJZjPJJl6boPniNE6W3eh5lcevNv1PeEvlaHV5P5tmYRL24/uIZIrrwS3vB4mMs+4xJFrFsS7fQIA23rwt6+QCq3lpecTEY1Rd2Sz2ACtfotBfvSlyMlL9Pr/9JUdBCRNp5eRm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a5f2Hg4NW6aJJ0WrIWL0C/LZ3rwEQzWCPCMWsqQdHjE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0e7YcV6w1y5ANNmMdCyJ+M357exJzCq4FLeqHTsh1yCYIewGXvxTgIBQknzki2HHAxpbW/XAMy6zrEZMRFIpUwTyXDcxtu4CB3CKD601+qDWJA7vwo9KP9CcvWExe71bYxhRn4mVSGJq7zOREaEKVQHFzBM0AdApVuJcNXeY1aDylx9FoXinLEh+7oMc+buplN2tQl0U7nIrcnfHSCCKs8U2kevL7PrZTDL9LLrY8BwMQcwGgBUd75jBt3NzJCxu5jhbEZjP290NPsCAEE8vFUPv7I+HC/fiHe57CA0xq9d09qfO77hP1SxLEQ3WuZZVnl1yHbsY+RHCEnLPtLKbtoh2wuGIZJXCaAuSolPhhZA+QBET75XKe6CZBQ4fs744jM/poDKp6tT9NWhFczPRrp+KOZtxX/ee",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a6Yy9+fkLyucFBFPOAvp6S+U+exl7N83YsHV832r+PY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mM0g4inbZYokX0vBJPx1r/zTNC1ECmvvseG78NgPeBhvnG7nxxKnoFPssVYxA3AMHlHRC1B+OZk7ZlAj2Fej4l1fw50nVPJO77TvGPIHhK9Wyf+uxyNhJF66+cyRZjLtqj+UQ7DGS+3pdcaOvxDCuwghGZFHdryneoxzca47eL+Yyt7ysOhYeZIHEHYawF76lL09B5bIvcKTnnITPaPMiUxS/yRFiH/Up7DvajXrgkGmEu1Y6H2jL2xZXBgVwApQDOW2d9phANaDiy7WVwBGvgrYYio3Npa1/ro7eM8X6oupaBAURDSJ8CXKi38/WetIlED8PVBsNRzcbXWO0jzrua/U2Kziy7DYJ60DV/LFmVbdHTz7oYnBk8halgNzoVbzML2AjRApGYnZk5TcUYrqgpV9XJzDvPue",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a7FUO+ni32WIPVClX3RoJEeyBz96YJm01B+v6kq53LY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "slgHNi663SOBQHZJjaapkXh9hOA7iPSEPTrF0DQcfBB39+dSAxCI5Dd8LJUlzvkS4Kxs29wcpIefnOVetv3xIwNjm7oH2OB+8FrW4c6lDj+o86fwW4q33Lhx+5cYDMYvvEvMJY2qncdgEDgN7dYT+ENQKkmxxHt2zwQ4yHv746QMp7v7wwD6Le8sA/LG4KXQBbIHWvDGycSgYz9FlJvTb9ksOQgPDwyH8C00ga+CF/JX06ckd/Kw4riNF2Yo8p6HjlU0DnU1A2hdYru5XEbz2uVOzjwRROWbePIVTeTt2XANVgvZtdJW85EYfmQVKD+NostI/0gyRs8o+V5PzBVXqQiWQ8LTNjtRO1mt4NWckXWjiYJ9LoKCj1T9W1f13nx6+aRPYGbOmFKLjwrK1+ZOraYxp0E+q4dX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a7VXvHZTXRJnkNMYy+OmhF/OwEUmboqMLk3CP6jHqGQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KAh4BHIaTHHtw2m9mIcWZnbkFDfC5iXPDkB0S7mLqeMTO94wdtS56DwS6eylMlEJtnR92aMP/cJY6o4/IW9QvUQ9oHka69AsOtwji4XENK/8lR5oQXfXCNFg0GLxofTgnnjDcHKDRmKnPhbGPuwFbbiF4t7f6i96XB1riJQXABoolb16qyIX6ravgmyDj0X99301UZQKdm8xi16Xl+pXDI2JgESljmqJK1gvO86rBSbH9Il7Eu4AQU06FX0/xmiBJZvX1bp+AdW/NdaNjufR8bosK2GL6vycytwbYJFOUpbpV+PsPM/HmLZ/EU70IMfao65ZKXGDQJpiZomfO6vXO5NHdvEu3WYfXm9xwryLpThmL/BlRDO0RG+bfTA8tRHVqJge+96zjLTQui+SKzpjwqoiAIFRGar9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a8Wq0+GtDNmSBUjy+Xc9gKviHWbLGXnQ+0bKi9112uM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SlCmuKdu685dn4bU8yH1Bw0Lz+WQOXsGOnt9NY7gSGVj/K3ZiCh8eV2rLmbPhfPZyBC8pwnh9S/D5QPhZHV/eo51FJnjWvv6Z20URkAXX4lWs2OOEFTJOVzuiClBfXLAwzRQwMQPmI+S3hvGVEQ8D7izMLu+0Ulw8c7mDcbfOvXLRUCQrGY+3UI5OD0I1Cls56raUCEfAXvXUy/GJFhbgW1g6tslFax0lqahZwH7slNkEzQEJtk72mK/nLrQ/4wrUDPBNkeZXHV4hVQRfrQ6vn0Kpbf0Ssd1FdX/DGbuxy/2s7XW7dNWhc8u4ox77J3hZ5uhzrA8NjKvFfSG8Us6tpgi+A49Py3+pnQKWbaAfgM38CfcTsrSB0yaDSqKEUSY6ho9VQ45Y4n9HfD9ZOMsozzDCcZqgUWG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a8bE4g1AgJgjay2w3+glccuJ7Za2IBGH9G76G0BcBnA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "moAurvVbTN4TJ9PxtwrmFuhqplw8yCRoVp0THkQ3CGP/BtyPjnd8jEOuaZbBeli1sM7V3eruxFWkYPe/KEhsPQmAwCRsMrFFp9d5c1q5rK0JvuU677WALU1w8v37pbIlGC7nKYp2VE7XMsNPjVC5x7YVuxsyC+iXQ4a/e8gdv9H8s8Qbr7E+4nklKVVBdnEtMjsKNdJ+b5M/lsgL+8HnBLimfqPZd9lLtD8YTldS0Hf6yF3KebRyfrOIRXTwqG/W20HSFGkSCHUYAlM+FYw5bk+kQCRceIyjvMN/d4HE3mTb5r2RM7QQkPygPLHLFtJLNNJbm3p0b2iQG20Y2agpKpK2Sf8Jd0ych8jys/6n60IaGRhxNRAC5aQGC55bnr2rIHzc0pLO/1/yybRg4jh0RgNTN3WGRG/6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a9CdLj+Gb+Cvss0QlQlLVEmYmBqq4ncg7YZnkI5ZXus",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZE9oYtAArl4PzYmeekbcPhqFJcUcrecdJr1uH46V3DiyZM/jwdAVJyYaRA6BFz72J83pLw2LxznzgzPhKFG0OZbykxfn4g6b5nMFQc7vjRa37rZs1opRmzviXSR46rhtoALqilnRcXoZV8szgGFbScDwpyH/khONYt1KcdxyNZ8bf1LxroJQI/7+yHe2sXPJLL3gTRxcRj3Rb24xXnDhPt9WdyEnkuEGBqoV4x/4TF5Ht3E/P/i4VUh/aIARuZP6qtWkKvUIS1NU3oe6ydBWJNbVpSFR1EziDOMQ9QRfa1txv5EvmfKJJRgHXKthRsl4dWbMGx2QtaoSRkrP4MW8tvtoEBs2HcSjo4J2gCyx8kVVYeKMnRg+sUCOe3jS+ke8fY/LEe4JIMqLp+9jnYEalAtsSN5Gfcn2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a9JTxMVDc4KREIC4Uxea1Kgs/Jvmu0+CROOLaXoCndg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Pw+vC86v6dJ0aLD/3picFGty1JWTGRXWxgYMM7hVamxQl5xWqVfVN1inn73GBtY8OSz7UKlJMKZZ7DaNTdfu8ulTaTSrXSjiiq4eSMKwkONlJP1v5+vZwKTD23/14Mk8J4wH2oGTypp0Sdhpbln0cy5jk+6X/YsDy31ZGOkbukU/bgedC0BvxiVPs/Q+y7EcF4O8PyJGGTSSz/jY8HO5dq5FrnzMJVzHo2n3IRdMWi8o7GEBUtqfYjQw8r+6SaMAa/XCe5wh5EMWC3LPORBOfEmvpEtTB5jHX7MKybF3yPygH3S/f4SELnk0MF3lubLIm+63D62krxuGV9oh/QADw7y5lM5jUTUUMOlspyMML0m0U7mMw+MybY63tYKxlt5OcdUvzj8RtT7d47zXjSWm4kvuoek2OD/w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "a9csg3Abws4Jl1usZQxbLJwmr4chUWiCKHihpjm+MSE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P8x9Hq/JlEab7KhdYMnMEnQ/CbbkTTNgTyacgbyH9hkc7LVvuGXLi89U6IqadImFrh8qdBmnMPlCM2BDdotDJBLz2lC14cqQa6kxDpAVRPCLY6MUVoXA7OLoHhNoP2d8UsCdoz8qhnmfyXdxTNPR7RLqq9VdHeO+1q4jMcWvUKcsuFyu26QqiTImOwDhfXUy+UaKKEVY/n7MUEP6cizuKnQsuW+AR0Akeskvcmg1uPlK1/pIaAU23vEgsdIulhYmWJ9zNOpQjtrTQR9/xUYeRRGDti0vwaF6T85sVikZxG1raZgTFovMbwKSppr+lQpG4mm9qL1GA9JzYysJz7XAlCkcv4zFXom67XrmZlL9+nDpFBDvTvezkvlYjT94c2NPCheIchTlQ/ffzN30LEUzO/7UPu6Kh3yz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aAgIm1hIlRx2GIbgvxaG+hwKVY3BekJfpBaX7UlcgGk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T6jUvYIHQhciQrDWk8T6Gyl7BR/VsuxaCQGiHH7ycwdwPmDjjOi0MlgE0OCgTlStvgQBJ1FLl8hBNm2sG0f+hlQvDuQpO2oJkEePVg3VOEyAJ6VCpcF4EAMH8HipaDC9bE6ibMZ77doq6RtLSW7PCMvNvBfbphWV6H5Dd+s2kOBQeur5wSWF0SiUFgcIKSb6W7LX/m2rc1YU+c+rTxcobaQE4fNAPy+C6nTaJaVrSIXJPriY7eXynsMWqJe9qZTFKGLT0hHT9k2uYwoo9yU7MjUMaVO8RbWJCl6kQ0H4tnBl1qt8cCif5PHsfScecvVj4aITQUPcOGbGjW2wWH7KhDXmvP0Rc2NNNumaK7TxwLILzXZXRFs+VbzqRV0ZFz39bNKSgRMom5SQu7v5oNSA7MvSo0BGt3z6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aBkF00iOEYMkYIAI4o0IDHVOpblhTRqUtJF8d/2jHHE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A7y9/ja1qpthm1bxNCVMGlEqcOnqgAb/6Z9gj0ZRYOIA2l+vWoLm2nF4Hwh0KAbFC+lDDdEFL72MUZXnpGXhYyJJgoNuKcia2zPGXM/W6NCtgokqL2dSIm261rUDymH4t72ThK6oDUgaz94i+4C2sj/NaFQCc+6aj/CkkcSJ5e2cKQB9rX6QBKr23mejN9W7zNiuadQOmma+eFaqP3ZA5xJlInh6qvMpDbl5Da/1Jm8bUNS8diT6srrXCKybSwR88X51HjLRZyIPGTOJzM2BI62HcRiz6dMSq5xl9fxcO74Krd8EMJSPElww7H77l8eWJg8cTVPtXFARlqFhZa93MvOGfhfYg2TJIqf8OYF7rxChZ2KqLTl3c1Ek5cRNuzjrLgXP6KKCN6uoxQ/3pVR+Dx0p9SYvUPfj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aCbkMDegU1nBQtD+0joDm3sprgvGx8yM9pbFyOZZef0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PyFhSdpur0nKinxwCly2XnQpR6Tzwwb9Ld9Mm7dgSKNdqPMjkwxDuFkDwQLMeEGDQQebG7IUj5Ds800oEnHbvdywL+WBaQp/vQyXDYmVLXIGa6G/bKkdwl7lm9sp6FqeVoPMVRp1+vU4vnmfRcgJBfswQknwUq8FUdu0rzW5HhrVjjPJPLiHGQkD0m51MSIbcRgH6cCpdue4w3dwYdmtp8nkXfcCMJaStqmY6GWBAwRySvaD/UfTcEKwfwyL3MkJJu62Tyk/eKA+Uia9U9hZjJNiwl6I+TCgTmZjLpjlyXNCC7VoDZ+GoTZS0oQW4sFeNU7ljvpxK1yCzM36Y7iJbaxY5qPOyF+/eKxn3DAImnphxWfNqDkzSXRYATJecC20Nj5DBSdmR+3vjYLm43/DhbV8A6p4iNX3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aCu2g+FVCxW3A5w156DaOaikQ5bCffbpUJQAlw9gtJk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xzKbN3YRLnCK5Kj3S/y+FjdU70ceD/5azRx2lzkTe9/arTaBuDy8yJDoEPOGG3Db+yctV3tC1leLQI4MVXtWxMXYFxcSYim91MOGc8e+as2W/qv/9171v0YsB6FusfMx2D8oY3PshIQWJsYz2W1shE8bogEw7SRBPx8kwf4TIQCXq4M+4iWRJUAbZwbAM3O4IhnwagZIqKQjzah0xMeKySTe/sfy3gPIIyw2mQ2K7bO1w+xiZrne8n4DJT/8fKv9IS3Iv2DoTY9p3rz6PsmxjE+8UficknSS16RBROEHY590GPWPO6TmnSCHiugrXduFOfk/fLDWcpf3EHAinJR8TUjzJccbN0cFsApMknzOaL12y+qZWff88ZkDkictnNLyr0Otpf6hUsURf5qUmctptiAcrCwFeAv7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aD9qCWtmr0hC6P9YMTcHQpKM/CkQyv/EZahvsbjLC20",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3CpAO3ChwrMFwZLW7Zv1R2J+J4pviPY/U0Hf2GWnFwQc16dxWJrhtFlS8np3bsCKTRyDMU+d/qoSTJmOEpT0zLrPShyBCAFviZrLm3AqDwQzgVHb6AxzE3aMnY1QGRy80mX9AnUKd5PsJeXajkM7MnrqqIsCGuCoF6cZB0gR5EUEoZEvWb0HaD+p9uyHwvyxh9RTLhBV6vvTHrUfoaZEruTG1ZBZSPdgN+qI7apGOWyUNPig5KQ5G57kk+vyuclYOXq/nO0tCz0V2GjbcwTxaHWL7AWb/lhDahaa78xtWgp8DK4VyjdCLXJlAdj137rfReuPVZ4Lc8sxUDwr5n2OGUKN6izaRXBqm7S067REHmx20qznxqggkJU3HrTak2i/4Qn9M+72jcmy/mtNUkQPCdP41ng2Rr0g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aDLE4pWQRGxfKIQunRkQUl+LrlO2yZuM0IJ/aGMG4kM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0VYkFi16XZVWmc9u5cM1IIfUPjCjc1DdFtiZdJaC0JvxrLzRsEASd5SlE2SIlbatWN+je+Y17XiBKxkxvHPL7lT+9K8vuQuRF18az6z0V8jSCrcuN0S9op9mRj3lbp4LHod5BOvXaMzy1SrUxMq45wIFk33eqi1kfub3D1DO60v442fKsVRLVtTa8TIihEN0QOqVszKa94vQGMPToNFsOkJGmSNP4R9LEA5WkoNymEGct93k06PqEfkGj261DToupBwfVQvSY5sjwyfNRNCCjfZJd/epseNbbk+kDRIZMzTTXht1gaxItfI5OfirNQeJbwHVIPYNaIoltKi+Ice3g7hwoGrlKItjSyc7I/iV7AXW8SMJfAyuibIh/Yjg95VX5JCbOFVZ65L4/LlQJFZFauLyTmUzr0aJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aEHdAfUocSMtU0s+hLd5EouCHqzsWiWipI+/26xhWSU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "siY+fe7UmFdF1rL1BOd0vTVlVpMWatbGyD8oDKTrpFZ9W8X7jFOL9SuMdYEFa7ZKJ+rke4xRt0fQideDn7qcFOEexk4x44jkSxFWhLGTsRLvTCMIdXMpPn+4h7t9KEz/qEC6vsS6kylsRV75iFuA1OXXd9IFSQzydBWXzAnQgOJ8pA9PUiz1DVgj7SAvokgi1cBlnxHx+p/c+Qr4gWaKwnGNPrrx4rywnpcRAz5XDxQFGzMg+fQFEYn8U4KomEEHMCKSzBXJiLb6DWCcDs8MzQqVNxbeNT74NnEpBf3yyZ2yk2DAPmy0fechwDWWPUBpgesfNGEqwXQsZEKFg7YBUCfyIEUcZcdypwSqIvT+HxEZEInr4OrXdJEH8a3ib5rKXxoNJHBOAhCiShwsoUXWAoUvVWWAJLZ1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aEj9vFEgZJmLYrPtllGpRbGrtAZGi7rfKQTn2ugt4bI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GncOTxEHonNB/UVHWHi8vx17G7azdpdA3OAPmYGEmyl8cJsrUtV7Oszxg+pitD1CoL3b+/D+xbatRdq2l2PnM/gX5icxR6XlbjvdHZRByx9Rzou/m9MUSkmdj5ICSLPM45oruadIfwjvO4odlTilTe1BQrfZUpyyBVrgH7OflPStfQpEBs8ccA+lnCGOJkpuRTjFvDrF/fFzOGjThU+Z7RX1fHUSqJsFqhlFOShZCZX0tpeWA7njFwcnpCSCsLIWZogUQKFjqTge/EYYAzJodQAB9dLi1X7SeD410yYB4hpqfQvLuZWkN4V5dThlOHXfa1BGd8AR4AptlGljIgViorSJhNzPR3o86DK6rTwxMDBGn+EjjWE9z0xbwHeoHbXNGlYCgeuPD1Cai0EDT8ZfSQZkpwiVoVTi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aFK+tejeRdXubxIFtS38ci9vF97guWhxK7wf9ePD6PE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TRwJ2AQlkk06uornkItJ+oF7SkBwtmirftZyCA4uO87GfH3SkqaDfk9l9iPEKoTHXP/R63oeQkpeT1WN2J7EbGOKbb3ZZWV/hpEfbXW/J1KJpE3VEIdSl+w+GTl+dTRE3bgWpMzKda1dlxFuXGZqsgVTFAHsiLE0gsGWz/pEer8a2RqdO9OFQx9lqtEPYir5nIHSu/7dnX8Oc4ZyH49auqKEoC1qJievQv6nQFRtTwVVmlv2QnCLY0ykGQNTctEosbL9kd+cz14td2kncylHz6v201x+4RVvOXdmfySZxu761u8vhMCu724yKL5UpHSZsnRcGXcUUe7tnMVWr4r2IXRohM1ogVjmPB5dVBwSWzd60Nac+uqOHZC8dz96OFUDzNylO4iHOj8igfIQwnRieChrFFaT4mqw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aFTID1ZI+Mt+7b96Sm23uYjg1CyLA0NG7zg8lFUmE8g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PUILayQ4nybNap8q69Jo/kvza3gZAZwn5jZh5XAV24WWwyIInegDFgopXb0PTnuTj1TvMin7VaYHqZvX8JHGtIYnddZ3xXkdZPxtpGoCJUFPvVR1SEispA7tk4SwscnB9jjTIDyKAEcfNYIHKu44W2/MTKPzY9WKcqUZ8PHv4cVHbp3XOpSFnOsPNjo9sxJPVvNNCyHp+9PoEUJZ8Zl2mFapRBsJflctLlEZWhP8FyopdUx3X9oOhKO4eN0ixhK+wBquGoPTtw/+drZvzMynM3qtyFr545r2njPvbpHnuZbpW3Z66ZO0Yr8ep112Ivx2yK+/8fs8Y/rCIABrz/4/jLecziiv6CRg925Jv4O9ztDf8MTevU5smLYiYcpsKpVcsCh08pbSWNo2RgXGe4+D+5gsF5guwCpa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aFcWKkzsq52DOXCelhOXyzrJDWPe/L7ggsTyjGviOI4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tuDnfp03SpHQJWrnav/tnUcKrz+nsHKdr+jR03b6b23ewwXq1z/EuivB5kDKGP3/UYb7RUyxNdKVXm2LAlb6lN9DMoDCK7Ib1VnEl2/RSvaZTIkMGVN0IdFB03n73SLz17trYLjvIskdV0U0np8WxsmM5gyXcHmENw2f/GUld5qQoEdwGcPX1JrEzg6VwchPMK/vIb3le4TqPZZWPQhoXjiYFNdP2BafJ7KBZUbbsF77cc/mSHBG3PF1ksl3wwvvJ7r3KAoDXEtK3VDmVD5xHNDSoB+fgF2IuNMQiv446hCp3nnNJmwpI1wwCuy7oyPdP9ue2ZJmRIMjFkCY5DtFDVqJAR02NjXFkc5PJOQom+ePO6c3Z5gYXXgvR01VtyW0akmaCD1DkjB1oTFocRCzzPAY3xkNiACI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aFoex5rNulEIVqM+ciVDlUjMQd8akhaX4WwHxnRZ3F0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+Cj8MYxxbeLGZUu92g+9BwcaD6ktr3wbyxG9KFU9ZzqnppJmbmUEdz68xMXiQirX+jPdRqlyBGCU02zmFfkb0UVtcrW6HmraTiMIsZ/1jo5tF5lCDqGS4l7lTmYvf+NqkGSmvKlySB42SEflj9SS3CDa3K513SiKS2RKjiiY3AheN/IPBOojSntG26dIVNXIkSwB1GGVHHY8bMp+XRt4M7+Hjx1FzgUbM90QVT+NwXUAAUzeR+CXMR9LbwpKFEAEMW+gmlOX0vPW5KSD939z+qOF4EFx7OU+HJG5afZDLrw3QZu83O5UWyGZ9hVwh9JXS4ITSYFfcjJaLc4goZxLBFh6U0l3BBQFRhU4oK9cSy2UX+3idxuC/McnYh2cUC/yC6B+aT7GjI9V8gb8d68pn4cQFOPBl5vu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aGYSPBS8OI905RW83jJCPvOPSy4DK/Q0eo8S4o5PKrY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "btLeT6IyIsqaerXoWPLVNU0A65C3hv7m6qymySFKhePSUQnatiYBH1tyg3eyRKsWZq0Atl/6xAi7mU52fDmOC4T7mAf9q9OjdiwfjIV61/2FW60EHZMDO/FPPWx/M1vcYw3jE+vhvei6Jh3RpijKTM3LMUKvCdljrNB0OdqGR3HXd6tHxf/jYnDxd3uRbaU6fE+uzem5MkMOW/0t9shDPjT0xXbk2LIalVMcN9nxKNFDT8XPswplYcKo2ILBHFbkp5vC97aqKiHsEPaVlWIPuyq36dPSKw3JraHO2AsL+INVFWBKa8bULgt3BL+ZR4AY/Pco+fewV9ZgYTMdxyA3Hw8OIfQCZQIQ//UyiJ6KtlNOcD0pUWDG0bhILFUIhGAlUBpRExm39ftJvFssGUyh5VvpAEsgJuJs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aGedeTWGNbjOKS0TKEnAELFSpSYDyAmqha1B31gyoIQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S0VevPy8H05IOXwVHcm1ot6YX2M8mq4D3u9vJ1vrC4IkB569bKkBqs+hPkZUlyeuegLU6R+ul8n7ZKqTn9EXZEtLbO0HnXVVrgJtJtgyll2eZ8mJpfiyORaBLZms64fW9vsbpd9/hXODY6b5ntguM54QL1g3nX/dcIZ8L6iZ2aN1QtsMW6XnWJspdiigKyEIj1RkC7/mVEHewKCsm4J24fozXxU20ecMoVXIGQ02yAM97O+SYQD67XWdlvkTQDeKftPCxRW3jWzgJhowpIif2uVMJx7QMpeXfY2TWINTLY4kp3k5LDouQSW/hJN3Ok41EKVxXHlJtu2FsIFa5YKn2iE5UZjr4RN9Z40ogGwTQGjYbjM25BVOVI9QKWKvKc7GyY3/PALPEJMZkxLRKVsstjJn/7S5ZCJZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aGkbotlCOoA7umaFldj00umitBOCiNqI6iOGeQHCxP4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gVjW6tRLYAxpoQd2kt/6oRU8RQWcYoOz9738DPSdoFlMa5SjeWr9fcdR5ryCoskwXs5WQFEE7Hgo2gN1Y9hpZdmZu1TXxtoQTXZZdzdyR6w19oSLzxwz+fMe8wdPyYmwObCGRNr7rbRxi/0o2thxYsKPaPen6fP+18Zt9KLgcmv7kiFl47+7zra2obeJbUrExLJpA690BfZbVaNAgoJx5a2dO1VPJ4QTyi8W7JNjUD3zMRgd+hGrhnl7MMo8DXnRYf4iUJpWffj/xqFccaqszSLVm2TxjogIbL/I0X5e1/nGiNy/IcWdeTA7VmBnhIL8LsWQGYsyiX1QnOCtknCOYr29LgO3o6lc9qI48adBdmETuayCo4WZg+Urwg0BQ3FI8DcH2oFKMYKzKkKN789NUE3tBLkVBjxY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aHOAybhs+U+DLAZaH+1LmVqSfPizWwMoY/mzNXqWY9U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iN7QVI5lub+AuyKuFK8iWb5SZ7ykfAv7/itp7qVdgNRHn8WLPxReecDoqWkrDIX2WfjxdKNsOpdSDNRgQIbuNVpnLgN4yc3ZfCcAD1+MXWPOG8INNxvGN14OEQWnfyLFYrF7njVIIhNB+ERV5UP6887yquCfkqbOJ41WOyNOV2sdPi5PoTH6In6Rcl4tLcE3X9uNjXM4Bi1IIvklenr51IsnQMPzHuttUZ+ilhbOBPE4iw7129CnRefxAYOLEaNcHJ/lGhP+uhSCydQ9yedk+Kd0QA4CMuZvJSDPAq+F/gj9Us0lWUHEWJS03L8EoQX1n/03AIAnmRQoVV0SMUhd/PrZ5p2abjaLFXbHbXnF5iYW3OV0/I3kixBIRvwsZ6vDHcOWJeeKkjIlxkRv0mnYlq1U1ZHL54fm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aHoQMy4Eyhg8zl8M/GF3Ai+1dAoNgl2HgB6/gK/DYWc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IWJcfPKORNXGC71cjDgtIFgVPs1BW5Qd2I4za0MNOkNd6/tj1I2yDa5vR4cp2OBEiOBwi7VuzQlwywI18NTT8ed7HWJWypTdJzQ/JfwcJpBkIh0C4oAt3UQ4rxuF9A93rNoLNKlboVLjJ1yriwucJDu7/OkIdBN5soPuSmXa6UsxOpDplVI2yvEACvJPrrEAPAawomI0dAkxwBQ4mucOiHIo2EUQ8ABtNGE2CYFmnE9U5zeC2/YAadSKu5SHh90PKdFl30XaAb15NBrZ2cqyRRrXkC9qQSK/PN0m5aBPSI1CJmxFEdB04N6A/Ii9hZlWXmioOjNWVM7E2EgZqosrZMEf1zI71H3k7sORbngewYgeK2QG5JipKUesnCHO1CXK+LPaIPtFtnFm/VqFeUixLo6opKKcuIFq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aIGvB0OWXidmfpe30NUR3Rs4o/KZHSh1FXdNz9uIy9Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RuqpU5jw1XqcdXn5i5nT2Xfsc+/yBW72pgVDLCi5soroueu8C4bazD3sQnHhjZbSiZOdjeNWZ4nb257Lyrr9urwZSd1Kv/hvI5nDB2gerA9JURcu1G3rwYkokP8tCJ6Z8ulbMSyUYwD9G8c1mzQ6Fji3/ExAfd14kpJgabpl2WPV4L67Gw4/Y7St9GwgRjgDxnLqwGQCH4DSjkn9o//DsnoRKpmbsoy2xh1iCF3e8yNtRLlqZU1Um8THGBNF9vVgrMVSxCr9qrf3X1eoE9fzCJWs53kziUgVngBEcyt4Q4C5Ej3OXrDJhoE36moxW/kG5HBXphmsF4XmOza9t9xKFmnY1bRQYzoHrTKQeYyQmpTJNkhFARJpaLlQlcUN71SEc/jIbQywQbKHuhClnjLNSTWbXy0ScwXj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aIivmExc+aRrX0SDzo9Nsgr43CNd5UeXSEXI8JFjHI4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QHQurmZso6Dd9yrFf/8+CHNBEvWzav/UscU3xm/iGN3o+kKhASit8TcM56Yq13PUkVaehpN8OiwL9SaicFnM1FkRZlXz7gbuMMj39J5uD0WBaIudZ46ebV5LWVUeygCZ6OZGyl7NgRMeHCFLPSchSJ+kzL3Jkhm0CTJR/zuHZJqNr5RyZrj+1TBPx9/qEQspO7ESivq5LmG1GYbh0Qj/xXuiIaHsiy+X1DhLujcunAg0EvtqWfaDCbWSdbSNd3zRz7+K/cTkUznIzNYRc3HpFp/S82mzBH8y/In3AnezqiMNJN3/K4qt4P+0RcEB43NMdyYb1tB2dfa80rilReqWlcrEUfD9HGJcv0/lboL8g0FAg08E+PYhhL2piIWrF9u+vdqyqULUjTefqL9AjQ2M1/T+bGl0prm/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aJDajb5LLJaTceDTFRnKt/Zr8L9WxGsXPtacvoDcStM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MVXSh43yttEo12N+mElSrc8sng6+UN5o3jA4j6fzTpXjzNNvGEOlW7xWA02J2M0S7XL6UwGwAMGz3a+eiI2ZxMPOEWH7BfwYv2hVSkYhKPBYdlltSIHN9D//17ON5WIqCyqGXxjNdQRLCoHSCbrjAeX84+lwosnzOcTnHo499vlQJYDELJ+OXifvh4kU6Ir6n1snflwcM73mTRI0Vv4V9gwMK9E6PDAAeFkQNDR1ug9Z9y02wWHWzT6i6qQZNwj5jnioMEehGmqBwEEJTJOg91bP/3DPwJgycccLJ1SfRxDfvVQuBvt2Um59pZXWVau/38EIfQVFMrD/DDy91Xl8yaZbHCiQEx8Hfcz8UKM37HZthvSK0BBifelc638n6kVay+J4cIcaAJHvKXOSZpxVRb5DFo/msRXV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aKt2wQL+bktmk3mdXIwlOPWlT4wcceC+f0TREAfst3o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AgvFMhNcREhOdxRcTLuGwesFlx1dCOupznxF17h8pgwAXVwSYVDLECtpd2eRrnBKDSWQnE/hYon2Zpn1vTnMbJuiWNmdFJ6Ovn4ua64214aXHoIEMcep8TeSAwtzj+5ibCKY9SP972Fuzz7A2sWhgDwGpbFqwiWBVPK75rYrlk9iGWj5rs5ahJMRGb3IsYMe/H+GQzBY6WgpaczxN5kyvdEscD5pViWTHz939JgYEEYOtVldnjkbbgkx2Iy7uQC3eU6JSaiWk9Fdkhd23E/ziFajEFVRgf7MB6FvGeYQJPCLIQf7uM5zGTopjDX2d/pahLLFkvdt9frV7d6+deRRD8kSSdSpr1MH+QCMoxVxp/PVHPxpAlizMX2lfqdnRuKVIextI8WzoE8h0ENHG3craIS4VPa8PDvj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aLuBGm9capsKXxsKrIldOzL1UQ5RFa27suJmBA7Qu+o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gQH0oc26/qnlo9ywueGVOhc5vTE3Dut/41qGPiGuh1sZiMY5vf6KXCLQl0z8altKoeTF4gcyPswlse+JOVdc3ry/1E1FeqyTUNHxtbJ/ZX7BIHm8WQ8pGvTHdH2is/eRS+SIBWa4l3yC53zC0CL/EHGtCeF1E67OpG05Z4yhiGsjoIH9BD2SNr9pFA2/h57M4vbPSug4lohCUD32hHXIlO3kCi4CuZoud3zMLAoyP+GmnwHh0Nd8iV49ICvFAqbVcgg95D5vHe/0hO6PtgY0J3zP3A2OAMBrF0zzMzRMdr+2dXgx9+CNlboNqZVVfMBahyPjGvbOeppNwuCD/bwOPsdtOIJ7bXyjsamTLr25GTBWJMlV7+/GHepDNhpdamuNnOCxmf3sI4ODkQcJrKRG/lNwysaW1iMa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aNLhnM4ndhGo2Pddb8YETDPfdhk5OawgpchkYCq5A1c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DZRlUV1QXH5JTAhmsYkwBSrOscrC/wxzIS93i4UQnHpUcnS1u0RYQp4goD+TvxiGdmHjmATibVX8ZCGi9Y/GaEs0smwmBqTwvcrfMXR0DlNzZEQxPh4l6JdXF9bp1eMOOeUlLnJJ793PsJbUm+F9FoBURDt8Ax4iIz8TCSYmlheNQ/DJ6LLxcioJtA7kRP14Fm03h/72S9L37BXR7rMfJuq0g3p5HJ9s10Xr5FudbBkW7A2KZ3R8JUlZuEB3puVG16OqD4YfShIs10RXR8RDK0dFYbTLylTzs6t0IsCjNXnuo7HeT1NumPJwycXbqQAr1FwAAQnMhbw0o5OB4LLtLj9xOCQsJj4JHEXqvB9oLHoYXSy4Tf6d3LzZk//kyjl+GdcHRmXb2xQQ6g3HYGvo3OHR+rwKp+FA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aOJjFU+pdmldfJRANIisLrJVQ7YSsgwCjvxQnP/GLIw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ft6s5helwrFabiPQkjQ1g5CLGVgAsluXyKVvQhtAg490ZkqBxid4V7eIehr4qzAQk/VnNpT2MpIo6XFMhBhTQ1Fp9VPN7a6LqjhwT2T1ovDrK9mcuu3z/FfmZO0jX8gmI85N9uz0pNmRaFzHx2E3AF5WAtAu9M37wVHGUdo/P6fSh1Bbb9uG+JzLkmZuNH7DONGe/wW1zQnjgh/OjROSC5F/Wz6hPHgfMv5EJtTh0FD/NVu9Y78RP01zrdi/ip/QSIKDYgkG05wKjr6+1iEXlOJxkjUeaRnBqV3smb2y/xaL2razm5jQIfvjtltdnkI4AweEHpoeXHHYMOR9vyMDGlRzp9w0faogtXtvbTXsOY1YeOYNdPlTrC2cGrfGnMGiLccvqsmi1bCQuU2o+RjPRRS1F4L1HXik",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aPLYDt3CWGuBLHLdKRtRvGmXlUTthRFmyas9M4A2AcE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gFmz1mmiW8abxUZevZxQi/2JjfOCtozcKZ3q12Fvppk3pdeZRg7NbJ+I4OUoSILpRc2OzkKq+jxr4UkGFRdt9r22UIc4RhpqlVWtulLGOR3nYTzChbiDQnXkOzHe1gGp3yiq/3vOqI40QcJyV6PFKRnXYBHIYnlw2R8dLtsIIJjCUv7M9nc3pMgZyhjFd7gU4XchKho2qpyzGqZsjMp7juus7IfmyK7SOoEypEHR2V6qssuwLuRkpRZZlhsrRrvAtyBQVLi4Wny9Czom7I6GciS7PK64Y2YReIRrSyNnG63mMvfVGdN9OHbvM22qZ0geiOZRqLpkftQmMD2+hpcUgxOWnrlATZIi+an9Ujru+Igo6mitO3+0L8Y68eKqLA8kdLywcgRKyAYhxm9hcCFkppnrLEqoQHX1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aPW56JcUfWkWPnA0WeKfLqA98FYbxLfRWYQtEqaQ8XE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FybBYgltKbRldgDz6+Tqu+PhWzY5DJmt5rhEHRdjvQn9z5+1yRwD6Oun5bpjoTLEU0dIaz51gYyf8NH1wz0zL3xskzMCGO/2oaimkHwGnTaqniPJ8yKw8vfbUsrzlmT+MhXobThz2r8hF6b477VNSLMyPKnlV6m9viwwVtGG64vbUHX4b+OAvLm6aSNKItX9lkAslXXUTDsyx0zZZjjHALLI5ZP6mmD1pEib6m4Poc0Pcwj2zLA2kGC41PCq4WNOeSWJ3jjItX7hNk/WEQJRmYMfuy87MBqY+CqFi2fApO9UM65yLApeJcavSWgxrhpButMeILMopKZyiehr4o4eecffaK8bu1I0OenZkh0N/whtg2YSisxpl0ntCUGKrNSiwvP1vnDtD+gHu0FNYcvnL0Fkjho3YzDe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aPyX8zuhQEU/A6YQM+KyhcGL3a3YOiZwbiuW/xz1iLQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tPfx3vf93UgbkWc7r5uuo3PabyZwdvnuupyY63RGeYZZBN9VIU53kRkYYfhEdvIwS5RKyz1/MuTBx1OCdXLhlMx+dBq1VeqEB1MIkRv1JQaUeh7z8UsUQO1L/YwK3/vTCNf5f4zvmYWsshKItpKqUlTWq3pPK38+sEyiSaS8luXYPzq8r93vt4b2LSUtF3KRbxebG3fLHJrFMTUpvzHIUUhTvstfaW0UpVAd1xgY5tS3c4nIGNnte/oNKS14RwWbVM2JAHx4MpTWvY8794SGkDBYSVnG+1oZSOICDEtfoi1goKC5g37FUHgeCN22SPN3gC1zwGWqn4hvcx3ttzb2k18E7mZy006M0H3olH+tlTtObOIWBhdiC++zs3eCihuxSk9udt3Zg1wi0Xz/NZXOtodj1zB7Ccmm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aQzJQJFCEp3erN8BC3qZBU81df4/oZrTKuvLq4RqNc0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tcizXJRbH6QsVsh2jYTsAjNRSllgQCmwUHUFB+gfo8P9NoZOefHcyuHy4yg8FMbns7ievJ4vwvGwNvxsS8MSoe9cyliitSfLJUyk+O7uX4O/CP1ncD8z+kmUo7kGyQDWEsGRHvVmDhqUQMu26/zQBneOpD61sFFihLyL8I9LB49bpP+aMvcPcOKElOAWbCgVatT1fjqoT/ojTz33fHECIQKSssnlOVSZ9j7zuR5Hvi3aNgED1WKOi0Mk0WmxVTFqeGci6ZkVldmqRpoOh7ZaQIvpS2kmUwwI5ncZY9PKGvYSOUoq+ZANay5d+ihVRzr3JXR9X9gQJvCh2534kVkcK7YHAPZ9/4MKEkFrwmdEwC486wmbI7UlFSa+BxjT5Q3hKAZJuoHhotTmDGKJLPMAFJAHA/KcLHVk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aRc+W1P1PgixI4eubTRwi95TQB/mh3Rzs7vdEu/K324",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LvZNff9EmS5urqgjyNuJ0JXenjMLtIUTXZvVX00NB99Y0lpAOXeKfzb+1fmExskfoIzGf2Ve5oHj+geU2bcP0DEAgVIxhY4XSnfPCJ6i7dag8lbPE1/TFpYC7nd0K80vPo4Ng3h1JbcRlK43OYwa8t8qLP3zgZLDYcdvqem2zIfeJRptILMQkNrxBbqXhtFbRf2v1Mq7Is3m0rXXA8rJQ9VsORqcalfbwwV2f8gg1OcOuzq9p5IvltrdyRg2XGzE3EzUcS6dpA0gcHgbgTjpnW+qc4DC09OdttIedT6bP+tjPSDD4Kuh2jpXbucMykMlTT079Hsp5fsie84qiFcS8e3BAjm4qjJEnZnLEImUuEhAzzaFbPEuryUQBR7Rj89TPK0tyfqai/PmwwYrDZOCXPv3+5lkoA2L",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aRlSdK/llauHanzbMWolIo0IvuRrNBXcZxazQrWMKP0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6bWnOTgQY16JplO3QhTfz0xmwImBLcECYIarrE+ZTe+8EY2+/ozNlrDVXeVVkszG/yu7CtNSOm/gLjr1PoE9cygk9Tu+jFV4gxwlzg6B4WBVUfWb2x8C1dkslOxktbN/FROXzgMASqsDpNtzD+0/XuGxDoGpJA55fG0bqaVjSK/UOSjAik4Rl7qIPiMJWndXjXkQDZZHQHDeJhxHOT8SPwjHE5Wn1cerIpjfVw2U6EniOng3mBQTZodin8fajc/EX/lqPwwKH5WsyUYwXZNAhMlL2EZ6IY9IV4jeGDuA/NhGPxbL4jKJ6TKdMd01mt/xpQxxJa85EZMVxwJIYdDkWAkGgHrgvpk3w+gm+ASQvwijK2POt2aWiC29I2uCXunN8FIxoOgj9NMO3exdQ4mIe75eORLbECtl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aTDwosqRz55hK9bqNFWugEs41tzresqc1dO7d1E2hig",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6DTrpy1GW/XYukZD7M1MyIMwBgeWuqLZI2cgP/YEn2Fvt7V/HJVA+Xa//mxUheE4cA65nSjw/ihmUwOj4A52oMArOG/jPJCEsQmv6bnuFp2EAeZVluZOroCKuOQmcPxkv3LyJvQZ0UrpBywlEvOUOS1Y8k9Kmmm+6rXl03dTxO6ZnIZwHWseuyPsStpODColJ6PQLi54vxZo/cTCG0M93h9DB/dWMdZpZe+xRZJRRYOqjSB7dizmGydWcel8eV+IBcHqpNf74+n2eEQa3XM/1zxBfEeGhOItMeiYm2ebiEjTw0yg+KaMBDfpuHkzYELKPft2tdAzMq402K6En/QO3bGu9yVKh4Or0BizpRv+aY05zN6NVor1FxNDWY5hDb5irglg9w+hrZQAw6VgeipiFbdzac/5h4s+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aTJkzxdZpjdyFW0nuCQ83AJSa21ox4HgDtCq/n5uWM0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s5Er6sDVrlg/4ad3H2Z4OP1WJRsarBavfVHwNiK3l0i1kIoSKzx80fvQjWXZKvlFFIpaCgACjaOqDgf8TmtE1JxvSU3Ra2y73p+748hPLVlPgWeGYTfoBpv/xejSHTjE64bQs85wtMvk3lKWMhpzHUXmrkupjwygMVZXUd4+TDAEgY96bNWTbDUqMAkhnGAf9O/ja5l4XHD3/kknWuo0OBiUjl6oxRqeKque8v61N10rWnCR805nblXvZ6Fd/POdQNSlh5JPMLxKbLOxM0UUW/wq9qceMuxwlgCiFY13NWEWKkiBxbI9VpnjGp7k21Ts6YN+QX1lNZEvi6+UdWn57No11NUrP1e7qPNEf88g360KvWTLNGCqEpqijhH+VyluzoNQriGb9vTp7n1XZi7tMLFimNp5m5DL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aUWCIj4Q7ROQR5CEJ256j4m2Mi/XIllqsHIXzZ0W7dc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aywKkiMao13fok3z8q2onqENKiHf/WEzzedE6iF/qQJAPo9jlf6B+0Unv+r4WGJR83xxjxJ6nlusYWdWDLF/9Ps+b9hIGYP1hnXG1UEe3Npd8dJZG1IBUX/VUg2xn/LFTnSd72zZsL3K4lzWX5zrbJDR56O618DVVAYlA8yZOrqCUIZJHFcGmbZ+tr4YCJOpw2tZczEDC8DWLUEe8DocaZ+gKrcdduSNtD61qBNqLcdINO7Sf5QdoRMiDvAvZfA+vJDAiUWr53X6ARwDZBw5DkziVrmYU1fc/9ciJ0b/lweW0hef3QeV4YwQfQ8hvgINXtzEwNPCWle2ze4s667m4oriQhVNP7GnpmYoj4lCEx4JaH8uV2YdT7rbwWeLPH3qrXp9G1Ze8Ga7Pa0gFofLvFX2YGuEaYra",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aWIeIRAW81UcuMsxutYvKo2rF1y3yG7atk/r+RtjWQE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x8ZRZXasScNk0IoXnqgv24W5NFeWZfBn11+Apprs850KvGyIpZNEF6v69wNWm060csGTn7SHJRFZAb6W9RHoYOZxO9pnCpk7XGFOH5mGFd+EhYRx/qTCeoxEOZtL7cU0kt4xinyQdoJu9KD22IqQv2hfnK1sQM2jcoUJG5cDs1vQhD+5tZ6B5O7bb3nH0L/Slv70+JU+wSs0XR9klL0hiknor3ew7YfIQOs0FjdTuuVPphO9cNe9BzL3mGWff6IutwWOtFdXgV1b5TsmOXaoBcLAv0SX1QxYVlXLwqbEE1LjestKltXbM0r6lI1FORSE31tcSCdHCfTvbqhelIPqwGhNHk8fOod+PfK53F881D2qK/8iq50L85a4ju9SvoqPRGaGxDz6s2U0VsaoRMlz+toYymEYz8kr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aXVUf5azoRZew/YhNLD5jD4bFpE9RwR38+j1KRrH4LQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8bq6E9nmghp1EPM5sElkM5GS3xAiodAxFiBgO7eR7CSTQS2Ym8YIB8T/GhC2fAS3t3SkB6l6PKukIK9Z59IBQuiOOnRMK/D6HZGqLbtkh1ho2WAz8Zbii0lPuntrsI1VEKEh6Qhj+ADNT0Eu0Vfwz7MI9FajABtvhYTl0MBt5XBpxl++olPkyc6iR3nwx5MJ6wCv5oROMNMHE0zfuq3T4n2jlPHIMJQlu9LN28mOCr/oMID0c8hPdZ0jC5gVPFAsFXS3MVzgwK0bemxePCzMGlWwtvJHWFR7XOTdqItgpPIM+eQUSrccAkQYbKZZqfWuGyzo4WAlsrv9U/aJxnbS146OpeVKwGU+wnXQf2Bv8YrBM7eKq5HYM7wvwHpQxIniu+9F/v5rR4aclpDX+BlEQLoK8JBWeQcR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aZTwTmbfzr6QVWK7hoekmtLGwadcbRT+3BOHdZ4Hhzo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "59nDp9MvqIqo1erEbDU8MDFfSni71ROXkMtJ6se43w4ZxaBxVE6M78LziBs8/8nigrifFRMdTDCB+iEQ7KMW+MdvHSX5EIJLbhdTXqts32Cf8hbwcej6N3zLEdh21yFhqBiebai5KNVdIHJ2ls5Q6ghKVr/wHdYcIFE+IvxHF2wHJm6Chuz1sxj/5lKjFeUiVGWMRxXf8HQQmSuiDPwm1HvRVrl5baifVtUPF5OmYrfKN+yDqQ6ejKxp5Lbglg0eo5w4FBvtMxvAWVvIdp2Z1i7IQmw05G5SRmxfgDV5GkT4nFrEIrX9ISgNXBolQCa8VmPSclYRRLAh/D6Jd10x+vQ2XCDAnh50VCsNvQyQ95mVKVt+oYRNIsB8u7byYQscJEhb9pToR2qxH/NnM6Hh9lGxDOKNZzfJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aahdqbrkUnP8tCNRuCajl4vGhP8CJcf3ot4yiiLwIaE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1BQfMesCVsLb7BJX3oXh8n+Dhd8TISpqz7A81cvGHpUIWVfVJT5zmFZ3q8aOYVvGLvwIoY1w10D+RU8aaK8EztFUnLfx7VLsLPg9V7BVFRN8saxZeu76v6+BgPpgW7HwTJ9e+m3MNr3UvM9AtxpwmLQopOWCjF2cK4NNcN2cxuGWd1CuaGFoQXrIaPRHTy2yBwvlS9icPwJDPiIRV/KXw5wbzb7t6LgwPpqjW6wP04ZxX7HQvXP1uKOK9ZUojD9ikFjTfWECBy2E5Q8DIW7ZDaDyGax4vB1sGAQzuOcxeu/qh7KWTdDc60l4cAgrx3ULAHS+UH8MUVzzuMCNGIFbs3g2y8UTvobwXkEcq2KAeccXqeCSbxnF95LD1PW5V+2PrvuguSKbqHZ6cM2YGlWoKedQqzqWazmk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "acWGWV9cmIOTtYeq3KQf8YpIpDK2Ia0rQ2xjslR7Sg8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eF8Q4t290l2KDHGMx/Eg1dWjRk4D2/vxCU8/sjYzlLKJMgF8DlUO3XXxyHWLHp26vs577zzEwJH693iOsKEAyTLQ0ihmY/5YpD7jJKVbwiolSVCvxM8rV7tqC/EQsWtZ7mIsGODSJXGAWn4LDHydUfCq6B5aAFqMs9wQHP1g5HeP2XjKbXLnNFMu5iEW+Yde3vl2Y004AfXtZbZEL2zULC8Oqcfpb8fnMzRl5L8WOh0lgkfteL0nqmJi2oCPEBIi4BrnJbTD4N+mQdv15u7KfXtjxrizoLmsntG5BLyUA74wObrusQYBlIZQ4wlVDEUQe+s5YKa1BebdHxXzVDu2M4MP6lH/kaij5pRyKwD1Q36mcwxbqpUqJjg23R/Zpenj/3X2GvPh61SOoI4C7H8oLPDzAdUJNSGP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "acuJNy+Ees8hyERd1MZyei3JjwlBxGpGYhpgFUAUGHk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GCse0SpsM9h4I1UH4ESgi0FGFTyhqffymQxmai7jJH1kSrZX02Um8ON7EpJa5pJjGB4zYIwbNwioQ48wGPN+m9TgND4vJdy/uJ4wKDoDWGcmPC4Wl+aKP7lI4DgkxyRE06jEg2xz9IO6gg4mX5yMq+kiYdMo6zbrOUxBj0keicfJMBQQelB10WaqmAwcjGurQBqUXYL4ixYzOz+rlLEFfqu7kUEk0xRbT651IYUnG92vnho/UXoezvh9sD+KB/dazxUSm0eIKTr4eAvptGAreHSohk+yGNAbh0i5+zwLXLGxNA5HN7q3RzVeZg8VToISuOxR8aMnY+q90Ef/vkALO3AazK9qJW/u8jiT/jqB1D4Smo29uB+0Sc8buOw5kj0rprGqBNvp9rPjqBwuo4GPQmww9GHhJSJZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "adbwdqedvQCTjHu0ElfN9MaglTDWTeyNMM83lFhucRI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oGafFQf8z8D+LqPt6aIpnatoZnfXvcwADezEIlFsF7/E+rCg4+1ehb167hDJReXkZ90eQdePntfpciJuu02F5NIcKEH60iLxfi4ZWU+85SB2w0zHX9zyK5UfkgwZHjB+2VG3n2/WXgW+9qP8HwIEmYLR3s66KyIqjn6sB9GZG8kRzpKlJKajWGgU/k6iKTkRtNPWResQ2OagnVA+dRJkE8BjLPqGxZwETe48BmUeRDzLUtlRZecl7eh9fnpA3iwRtigSI5huCrK/mr5cwfLuqktl4BH0z2FsJZd/6jhrYADLKgZLgKDoov1rUyGuateLmB+ur2tSK/Kmr8FrPxlSvAilqidM6Su/EKoLMZYuBL2CHMhUa6wEmIXMLcRW86AZamnpK+0WHv17nBv7CtvrehFT7veuw4Rm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aeRhgX6EG5VvDbpaLMctv9KmT8O1uc3Pi1yiUU+qwC8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FnquqS7xAYaHGele5s5do/rm8PMrWipiQ9UVmnUqSEoX0TWXnmLh8pUL6mLoFOcEi6UiMcSfYPLo9rJ8fyAoNC9vS/XAFYagu7uYFFrMKHs9Z82jESe/mlzPM2QCRRJIWIoAQcvVyL6815rcxNBbrOJVioMJHxu3R5JFgi7ckTcDKtakEz7swvmntgm5cYvyx8KqdTEn9evplUyg0plX/1R/dnJbKNJHo4yhbZw21NXyK1ciE5mZO/wPU7+YE3Dhb7AmfmqPjAqcvo/pA0J+oKWzMn+SNUtzhNEs9ti+KaC1ZUX9JvwDFFsjUoxgPEtjccTSY4/3VO1FPYnBigs5OSZhzwmYatgPOAoGd0Lv4pfRpCWoH20A75wJcAG38EYnyA1i5YRH/tvipFYbKuCI/DKcQ32jgLRB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "af6xCvbrErjkv0O2XFKVl0gfhNUOdowdhUDxjWhJ0BY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W3T8buxwLEPRDEkVDx7xmyhjUxltbwET29OGeTtPY0b2lKbtCm1MlmF89lLX0MyssoHXgqgx+ybvjK4KURmvegDGMmHhHaudOJh5mj8ncJVhNe6YF0aP0Yzjy4Ai15b1nmtEIfSN1bN4L0hzLGtGlAg+1A2co+MEwwDE4EY9ibgQOhpKUw0BbhpxzGeHtjSFsQYSI501K9idCJhnH03R7INXZqAtJ7ZqPYgFAD2bHlTMNoqC7AchHHmIhHHh0nmrfDZBmRCXC/PnI3+yqoLRH8tqmrIChXRPxy8vJ24IVLFxxavTr3p3Aziv1QellKm0LZary0wiJmBRx30O/nP2un5KlO/nPtHBYuwUCsnS0cU/sd5irsLiloodEw6LSi3kNG8uUjpV/hypSQ9ABvSmuV3w+w4ClWu7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ag1+TWIJrVW+vDeAzcSYnAR/4mapi3WwrkjFOVY/4RM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yp2vzUMCVTFNKVfyn0x2pM/XpVxslMDRGDmDHL0fObjSDVVr3rSTanK3yj8gFNT2xUDZuZ1ISIUk3wWKUUCEYR7ImsSR0nn3IJV/1tDDHZBe/K62Mvd1h+LjGfc8aQcm2iKa2/8QDXJJBFCxO3KWf02YMV7mmTsnyn4grYz6lWi26psb428ePAow/j2KZhJ+1uSAaemnR0maH0wLG2GJ4l2izwh7CxGiCFco7Os6T2lJhuSGMNLWBODFG8Yi3uZv2dLZ6FRdy0KD/MYWNolxLuvz4GGD48BRAFjzJAS5cawhl492bJApgbI84mIYPNCrrDdxiN4H40girbPAuMIaJwN4t2GQCQbgIY83QMMqLhiMAawhvjqywG/rzt8a4xUFKhAOtq9v3Syixc66Q/RKopjpIHbyWCNi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ag1mHU/PHB+GCcOHw/pVdtRAVdJqZIOYlw86a508Kjs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZmfJGvr5iVLtf1JsdPhQMoVDx7ZlqCfwsZIKjx6HxWtbjLYoDLrNxb1/LAhu6Ujq0e+NJFcub4dXjCj3S1d4NZLUM3iRyTyB0cjdyG9a2DgwnNNyHtyd+XBznAJI89BgoyvTjn6PSM3fe0hCjsEGFJDNiJOt/OTGxjD5W9unvJXm+h+aJ5AsNkOv3dAEoLWyx5Ud7Mir1qqRsXSL7jwewlgV+RjkboptUvhLt+nMOVIQTks+tcdLkPxyZm5qDySla4h96ep0eo9pzQKU5MhclgV5x62w2mteOIpjZf1KJn4kPl4IqJePxhc3uLZ5KimByTxrKVb1qWGc4cIHZDqlWTuNLHZIN0rvtRAXdHh9iIRC3urxafiLLe3VQK66yxUGff9e677lqSXKsOsQLZUpobhUU8BvVIHQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "agIQCDRgj4h9LZxkyvYez2UPDqHpwMrWw/RqJhj6Aaw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VUNZYM/SbTt+hpO/Fe4cO9X8RrizfTLvwQ6ThtxJCLKppePk1zj7Eo4l1Fc/pA6RYGiJwYbJ2YCQpI5yawow698IKOcRsg/xfnCnNLJBeG/OoAl9zm6rS1x+6bqqTimIztLh/5tlp5O71mZ5w40lqVz8S7DfdFfZXu2kOH6da91+YpG9mS3mcdhD9pkXqc+2n0tHF6hhEdzdrhWR03mVrzWDE3yVE0VsotAQTsn/bifFkTaCV8cSZK1QywGEDdMdrHDmljN2n/k/cs2pOk36JtIiD0jlcYyTGyqwD5BEy44Ll9FbtmiIxdqls4O1y5rAAk5LUotajrhD6EY5nu2BuWQYYhhwRU3felPpXHTjo+nPeihleOPcN7XnG+dHywRar2SikE/28ZLhq4UzumXwy2aQdQBsomEt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "agulqoqEEh/ZhEc65cbeD6gBy7qiKbxCPRvqGBrZPqc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "02Z2E1en2lAMnfJWojEvxfJKquTVu9L/QBWk6M8xlaQ433m6MkMd15TiadeZ7yVPMMOUPBjqCfCAT9jXNJW9eKzLbYjUnqsekZ2DDxfZ538UBEm7hJzGUonT/HPbTfsUfal8eScTW7nJANgPPUKpo3ntda47xOKDNuKbv06WV6ehWvaNfZNYsm1ty7CNLI1kCmJMhRVlZXaeyK0HErQf0XjdtlHAt9iutW+9ULUy/ZLWcxvKgbxqs+sPgYvwwhszPK/THnrXQ7MLunU8Yf8RDBQ13wjfzuDRg+HIlF1xivNvoOrPZS98Efeu3o9TE2yFsua3KC7XZn5WXMbjhgzwjA4T0goeLjbiifvt4DYTkXYOYp6ssWcIpcXXwbxze9IAGe0RIpmQL4CZ1JILQj/Rj06+iG9ksldy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ahIbRPXRaDFLWJa3Xec22VpYJdhkZceImq3o+Uz+U0k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DKue21FwbjetYoqw4q/eJchzR/LAj0e2QwsDdrSuZNAywya5RBVxaj1CoEpYtWIxPwIxchJAuQZ8nPSxqm17FMOUMskWFNHjrESL27u/4/sHZjmOM1TsRdEDY8/wwb6WGLZ+Sadj8xnAZ4KFXllI3pr4ihnPBG1RoSj8tspFENO0KvwJyKM32/aNM/nbyNfAKDLUpFxNv33GMOMDsDdkoYcKJiGEZK6FdrLekC7fHMxHfd3sHo1tW9D26VX+P07s3kek8PkutTu3XZ6lviEI9rn0c/3eyhkSX/B5+yAEb/KdQJORr3L9HwP6MJS/oxEol920fEzF1H2m8zOMfghB2UWY3UNXYkhFXOpoaCj4BjbONannU8gEf973ePfZODJ2AW4qT26CAievhrejU7yulOLe/hm6Jbow",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ahPQR5HpC9g0zbyhg+QYRlnuNXAGcklVHaSRKR5etio",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "G7sCl3Pxp8InSx7ZRVgcuxfXvp0GO7VfVXdVWvWFJZvOGIG3ERKeZVmb005v/l7sspr5CPN7CH12ES6CZcNlg7qT1z17/XHPGsnOWdtCWXfk5lONt/HeZjt4z1GmD5/+na5/aJG7ja16aLlxY3ex/wkFyFO/KXUQNx7pzhkV+cPWfHIG5TA4nwunwVGMkBtcyazrpTojMeD1sYpLB5vhhtj2rc3jq6POSahwv0sLqLZKa5fGVey2Rm3RS9Hzxjroqrn2utGaIVIqNT+eAk9Qq/ZtjBHWsHauhWk9D4ZTMIPn+otSl/ljPjHjI0RVGdl9elPg58MBy768M6KQM1zcJzfJkTG6forqEa9h9eX4+SMOTt4TNN7GxNBoyA12+O0KiXw9mScpuFoEcf+IcDUf6QQbi7WUk582",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ajyjkrevvFbm+2hAyUhfHr+cSLRXPPRcgd36ViO9/Ko",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wHVpqww7I1RjprkUc0g1vq4CDyZgj8Lq6ur9eBQ1Yp3jXFt+nVnMEh4XJ10Z+WJnfG8muhv9KdDWcCeg7TSzfZVfrFTV90dXcVR+i+eybVagqCXqmOupbWvRzuEn+ls7/WKizvJBnrMBLQ6zy+YXy7BEYXv+wqxamFvi74fcSFQvGwi3sOLobjjY/n/3oML6hjEzXrdVplzertSNfQzo4A14YSbTPCwsLESpeeLTzaL095TBgnX+tRtx0Lti3ULiUGMnRKH1f+FMvahfQhwbueFlszJ8tztwbgCzO2gJXkxzoE4JtB5766g/DimY9/aZjPwiZXVJzVbdD3uAsSQrueaX/1BtCLV7H55+hUXR2XvtDvhvsgM4MIxBfvpKTonHbo4QYUorog85q9e3M+zpiBtz8Ji5IWUX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "alxBapm1jpfapb9mcWsDG0RlcOslMoVbgCGensnPtMc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Pr6hEJTf0qb8Hs+6r6/v7Rv581CfzuM4TLPzi2rxjEbJ61iWOHslU/ThLawIbYo4UeRryPvBLDocr/EdQj8ElkXT/cIwmG0wymdLUZdf4fc3ra8/c3+4+dmhUaYFOIjpaGlAvGQgesO7l5+oV8ET1SaiYvFHMC3hm4rg3vuDkeymkdzXOkUkYH4a/L/Hjh+om8kVAnpfVXEKpMZXztwmfB5z01wlbCFT8pykIKjdYK25rcK1rB5fcLzRjTOwpFhm7JISj8/nxXGnJZN86kD6Z0T+G4xlRklTD9T+GesdnKXjVFz3v3dSXFPW3yZmZdxcmeakYv0wpQp3l41Hq2ZNfImHMTSbhA088FiCNcIccVz8B2EHozr3m0xLHX/tA9xq5jOgKZAqFBsQo65GO+obQPdhCOQxv86M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "amsbAJ5MOPwIhnD8GtWqPIelA2xyGgGwImxG2DMlvyA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pY3RiQXgdarLGE7CvCBMJY96GOTXw/RUxq27DdnhipRGQdg+ssclXyepm+6xGIMqip9dSr18H2KxGCjKr8m72VBOtqzKtFeed10OEw8K9MtT44DUsPuUNa9Z64m1TphupPxKSCyA4hjTXZX8ZcRf913x40UBQxK/A9rmF/t3x1sc05bZaSizTcnT2Jf+D+FIUW+U/Q7ajdxIogIBOEK3eFHopsmQEXPdylKzwx2o4ia616iIlA3pQvfJf0U90iwNCLX/d0m9zqSqs6R7Ye7guSfs/FBMJFddJsGNARtw0A+afeiz9Yuap90sB7SVKygh1gYGAw8uLzNGeKqrA6mLaxi6+BMc2Irshd3McM6IrHuNH/aIxkTFBIUH7TVHmZhNIjcPd9dp0uZgobEHfaUBeyNBYiBgp3GV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "amtNT5xGd2L+f6HYRMZTWAsOzn8GziIfSO2KK0QNEuI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eKBkWNdXUNJMt63nEBbb/8JA/YSC7tOwEVcEolBAlDjRv//HHOtCJEqCQGF1Nt23Y5q4IqJm9q5qbtaDshw9Ps6sCB3cc/KxMZ8aiczwAMwiYKqWRE3FuGUe7Tjtv/EYKpMHN8J3S8Xswr7raQj2aMB2FYtSbO0sUtxP5yjshh3PDMEb2nAi/dVinxe+hIQr3fPlDrY1QxQMfzZOazv5wzo2PiNEnDYdx+/y/H0Oal68ROHKFMy6PeB6G2Xxc5XzW4CgQiJoMb1UP7rJti/8nmQMukT5cfhDXHyk+WQbA6L6HKiweR/9UXSDIshqM48pwtUHbZQtskwvwoa3IM9xYPGSrPeMXqOuZpTUtw2vMhmzowochCGUVILg9Z3DkVGSdXCr6D+yI3j2JuS4GCflNm6fY/GWKv8Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "an3KnCfQHogUyN8ciUsvEuxjFC9/jQoVHJlkZ6CqJlA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BZmKY4jHr85n3cmk18Ra77BYFuN05u2bOqhAgccOGitpXjZuSHN38lE2YjH7sbbrhN3+sGzme+1hEVyEJT+iLNP6m8ANr/H3E7K18EWa/M7dMVhlyvzfJCySln1Jh1FTl2poAMoR8HyZz/pgkA3FzfO1k1hUDSfyf8D6y4+F4smAEw9Dv9jkvLeNAoVnRAyv1PZ78IrHArX32GLNSbmzUxRrp/nd8fYPrwFT9EQTEZp9pwZN4OBMzcuOpwc92ad3nP5G/ZOxnOF0A7QTKwPxImN4J5xUXYRvgOnZqI1YJDJLr0UoaDoU5BOXgUiN8No91ZDsGsTcp0mdbz4qM4F/AocPF2bbZ7zRruZb2ydNdwULR04KlGV9djyebEwOe7eh4J6Y6RptiwbxhHFyK72nCj66/adc2PJI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "anAl+mNIlT1soelbgI3OmkKDoELqPQ0sLAQQ8dicQgc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4xi1CPLB/2AnmSHd5jkWahYRGiin8x55Nk3zldKsx+AL+y2O0xf1xNe1+ek5TLZ3KRlKIjt4mQM9cWPkzh9BAmJfuIJj01QAqBIEuel/c35A8z9wuWZjp3xDdwX52yEnAoaNdJerg7+GBJF+WG2QlRb/JqCbqTFfbAcENWpCMXI75nFSDyaWmjf8F/wkKAeY5B06PFCFGkGUZYDj7WoSGGf4vOkKoriGdXBT3vjDkHzK6fMOSYl2rBeHJXgMK6L4tMNtLUzR56OaFu0O93XlX/IM+RJrViMBK29hkVyYypzdbETfWgb992AInpAreyqlBVocRhXtLOD5ys/QHMr50WJFGZ8tFnU9eDJkylMbVitNCR42VRMxPmvRXGdNQcWJ3KbKXzSWw+vHLLWvryl0JilvR3jjVbII",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aoS36vN1KmWXlNgK8/s39SAZuXqtWs/GTRi0iqVGddM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nQTe0KYfIyl1/BZmEnU+DVEUAiKBfRQwqRhZfR8htOWWq5iLvPRKeqNsEcXAWNapKV63o0PTWbH9wGYxZZipsXmf+VkPVx6ksMXp1Nad26urGe3h4OmwP5MF0zKzufF60Gy420B3r+brDa4p/PFkpQLSLRtSuN0i4BROvzfQGJDVwq/2loHVSMo7I4xFaM1h7EIjlJO7NAleWVTGpBHhbpT+y1R7kARJ7cxvvdA4ZzPvfcTtssVrm+xGAPNeyxUIwRXeqcK44oTOp7VbURLQ1F0hWfvFaPG3NeNUWm19WKzvOLH4x0lNExfJN99tVN4T31hl0FcIjwwjV5anzQOtOmmPfXyqWiqubMej/pzMk3epMKN3/Fun+2qpKarjz2xNRM7QqSorI6CD+D/tvKRAQkOHofwaYA6L",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aodGTs2mynYDNVhLwzIAgg2Gnk8Z0dBpZe0hknIb154",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0SRWFQSMzCg8j/sHGdQsg95PKhaK5b97Vde7lXwZs914e0OnQ/UJR3Y/XFovFukiBtpiDMc/UIsPgyP8V3Rh+6nFQAVpZy6+xySOIXW7Qva9jVf/NNqvg0T16V82VP8ekDibK4xSrYCJORC/Rc/5yDEt6ljTUeRxBDq9phYUBB+MrUgdXaErXcomeCbJ/qhA6bP6uHnEVzzDsIXdVDYH8qWuLI/3iIDIiiSljcSeiB1SHoUOMEXQTosCve20aSl4drGWn9koixacby7sV+fRenSuL8Egk9Mu+hER2m5CgvvB9Ct9Z6z+PahH6pUN9HiKD+DB/r2uxkVZWR/29U32dnf4QOmRWLuB4xi6XvldBvFxUNW1/pH9/ZQGOws38xS0KXr+e5m4cmXz4c4FPLkv/Ozf2pE8zcTt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aoiLBEuzg58QDrjUuAO33LNT4q0wJVeVzCwKhHNVUGg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fl2uj3wyk/sXMiZVJmJxFPiw5qP3CqO8ylfmc4+5zF1feT9exOad1D5u2SptewjzCWZjcqTkJeVt1Z/8ANR9MNCtTIo8qa5fBZ6iulB0A+HcKTW+blLSY2RYNQ83lsy7FLvdsiln0jjrgIU32Qpf+MdVtrFStCQZ7i+k33YEYRYCqrGvu6Nb7BuY6xg3ufvrxjbkV/dmTKd+LOE+EA0D3melOT0p5bNPClB8V4avM6d42r3J3MPj7J9dKLNCWQb0xkkd0kGYn40FnMdGEmeKAHeoNBzWWaAJVwzpOFzvfONQLE/46hmtwJ3G6ickq3gYPfcF96CipuaIvuroIpjwct7VNzUBor4pg19urOQu/Du4e9nikEchNMupiwvsUd9Cy3f23VHK/RUoi6Ivhk7mdErs3pPjpmub",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aqDq+vwU6i9y7tlJTeH8U/YAz39vWAViHLEkfsdysV8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E8UO6O8PPMLkLi6ghp0bS9KBNll3asQj54TYckbT5O4YT985U7QDV2Q1mnwMNsdPHjvp/KVGVlmXHYw3OAwb/WZcPV5ar0Z26jaT1o789STJuk4Ttn6T3TlmosXbTweJWKi+MiN9o3mEDkBrUfm++bYOx77/MwsfRj1atl8tr6LnjOl4+taGhcUzT9kFSUMa77SZ6QVRcG2tlZ2+fXMbu5E45+ViConZ6taQttdY+t+uVR5EYA79ZKXZLuEQHx5gf+2FQ2IyTdQStqu5mRVxVNO72+NaWHECa6WTKc5sC6ZFU5m1Xh+Or6XqCbVBH/llYzFHDmRGy9LiGV6kR69UpD0PfJ/Q9P/z0f/SnVpdcyVvUSMzqHZlgwBOUUaosgO29rsgWhDZZR9ZbYT+YeaobGmJP1pSj8LX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aqXkSlV0oxkBBjAxtQJALUxRfuHn1hQH6LqelgOMN6U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WGxG8OKLtxdHvYMMLD2Mg4bOxtGu6WdR6gkaYRx9u7B7TL5tcrwZ1KN71QFleUNMnaKGtr/bUhSLSTkSV46IbP6ZvFiSHE84iS2aHBjdb9gmbu4w9ip5Lv84ECSQ0inKrDj7pz+B3gRW13HYCGIyUy+jlj5UbdUEcM9v14dKMKRuLLX7JIzFMV4jf+zSMwO8+c+skBBlF7/vfvWr84yQDOQGurRJArPSspu9co4WXu13lgMDUvev8lfZNZUXUCqOFzty5Ixshq6qCRQluywvk8oCEH2jh2zMx/8Wo2fJK/M/npBcBIyIIL7+/YErWtxgKy7JJQL9DoWjBDlu7NTXiJQmftwmTc+6Y1IGgYVD1RxPwgJHQLLnZjr+Wmdjiw1dX0XAYe0RJY+5v9ZYdyUq2uhttKins/us",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aqZLgjAxai1Ww4/0ByFIsio0iX0jds0VefscxQA4Sz8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "txJjD89A6Z9AOotfNQmwX4pj/6VBWUh3Xbzd1bLg2Sdqfc4zb2+bTTkhwDTCViS0B2oh1iVaVx57KHYNOWLon6kaWBEX6vH+cwFBYka/Olott8wQbc0PT2N4SKcG0EsZB67+eG8nPse/wqNi882J2wAWeZ08ItEte1HbRK1FM2prxwtiVL3P2oggsJuuIARvJL0F+N7lmi+4VOgR/Ci4e8HDgD1QLkA93ec+U1NJYzBxtJsZK6d80hF0RULgHoCW9HKoPrBxjoh7cN/RjzdT7rIIMSdltCqcIyN5IQS0r0x6A5uaB3HUAbBxN7nvILT1jUF/gRlwVkvgkR5mkOxwpAfPjQKnIIJfOi/xa1+3KUf1tROPArHf49yumX1RM7BHPF4v+mF7cTOmt/8L/YxKkHeTq/88D+g4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "aqe08kmmCK3VNYigKb/EllCgZR84BW8WMl4tXjFFmBs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OYCx1mjTtjmADVM4IuB4FlSEzccmCzSBlXilqYsPALWVa+9y65cWyrMwo3BK9tah1NbgbbA4aZctr7ezB5EoaQf0PXT7tupPjNBaOv/ITBY0aeUbwFc9PKFMiLJ9x9Wx2oaMDmZnY+gHmB7bqNH8ZcF1Kwes3ZjT7kczMytsWFr5Wo7LDwJ7HXZlu1ReU+JKvYzpATHBgltintsgzjel12SwF4vA/fXzURRomU5aUcrkdL0KmqQO6/XAlJWDQwq6hg7C5vGDMGbs0CzRBcYNCeBpJTsRrLf90CkFOWSszjoaVCNu8bEVsM25TLlYp3TVqm6EUpR0/oqhdbZGCT0RfCXNCSuMp//OHln0wxL0Ug6vMPb0lxnoyqVRow7iekBQTmt+2Wwx/rc/1JcdnO7Pzs/W/jGoLb9q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ar7QqTroDccRTnORs7dQRdov5+Mdki0wSoHG8HYV2OM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L2OD6NEWQNhczCUDGmDTHa6e+wPMMuSrsyX0g9eH8xsIlGNASu0v9L1M4Nle1BHx8p3Xkmzg4slRITMsmZ38fFOXglrlaNd1NE4n+zpLaKvF70aQ/rcc/dK/PDOH2ynB2xANkB790ao0hc6wNa0/UmrCiQw0wwn5MmmXoeRTAni/fA6+aLtoVjlT/qgToY1fg3OCoAVJZ9Z99qxceGUfli3UXLx5AeL2z3PliVY2+v91zEM3gH06BdpxdjU41lwGLxxEVAPhreUdJMlRtIUhRwhgf9IqyOIUzVYMrbaoQOG6y0DxUCYiZMk3Y6QH7iOVkdSDevjJUG59jqYlmrZ9jsBLa2OrhPo0+ruMo3Ft4x46l+r6WSeYxD+X+xuHBmtFrBQ52qtzhNBe8XrwKgIoF8fJ/xJOigLO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "at+4A7oQhwfQC6auydYv/hoCAWjOxqGj05T7VxehHIs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ELc34hEiDP2Us/bGNYJtYPxmLO+7w9SL+W4IEYCUythjijjNFzzT7UBdYp1UO2WiUUp+sNs8kRAp0Kg7E43kRA2hvQPZG29OX8thwJjveLGGu08SCjPv5lpg8of1A5sY3EjyOjAkbOp8DdxEAEoUXnAnped9j5sMSzqhb1fST4kMx7dpbRuBhYGePMkKAix0jhy/tzx/t9HWelebcuIMM64nUhgwAIKOM+P91x01H+VhqRSjg4PfkR5RTQYzYC044l3BeSpTog4dM5UL+wY1eWojaE4u3mc3EEZ88xE51FLfPvoA/+sNCNJd6mH7K/wRF72hRDvXl54sY/olDFBcp/J5a3cw+fARmVS22VHDUUjeJ6FQNugGXirkEpocJ6zTkae04pnUO5UIXpV62AZOZZRTaZOP7Cxo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "au8J7HLt5LUlN0KZzKfOzM1CVokr98bawBJRTdCBoO4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lgcNtw2MbFaV2oJ0WdNnakbrmksmgbiH7P6oANjRX6CNu/mgV7+2Jwp1RSNmCaRInVfJaIrxF7NoQ47lmg+Vy9hzBubb0M6j7Bo27HkUxqtkoWexCqUpRNAjdgVsP6ANGwaSIVw3K0SqRhCIe0lra2ecoStB1Nr5j+VIAz76bQdgL0HEg+n/nAX00oUytuumQroDnzZcp7ibukeCqzls3Sj5NXiV/yuXHk5AwKZ9B5F+RPQ/jrhl9cywnqPZYudN9UTEbA9un/Q94TBXk5BugpoEyTfFjaiWvUMsCwiuDjgfK7qWj2cjqQpPYPABw6mVD8KuMJRfwI5ki1mIXLpbjvR7jrtD9hewhwurM/bSqbwT1BkQgOgCqrqHFx/rQ9F6k9vl91Icrv4XUULXfeZsuCaWajp5Gxr3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "auLP4byf5OvEP5YsPRN80P1tCboGWQVENSqr2i1eqUg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/4tJbe7aIUoesO+zjejCPm7NAz09jK6LBr3MeJf1mgbFRG0bUKB7OooBkO1+pX/SGgy4siNNWhhvC+cKnSq/tJdEr9Xv0VDINfCHdCi0ZeCwC6HDMfoufvEJb250iPHtB1qc9ak3RAhg00WplU0/eGBIp0saaZiKmCAsBwgZ538vp5Qo/lOg+thU5IoU5shhNd9acQwbbW316YNDuIBey5H43V+zT1EE/0AF17O4K4gw7LlqD4QA0h49ShHVStoQ5faTBVn6XUOPsJbWqM1E4R7NRompPy5d7+75VECO46ibuwJCqEcXFN71fWl4mBC4thaIORJu41PkbGte9Xv+V6CT0aChEIaZ0PRqwf9BmOqLtF4v2vTDzY7UtguYcS9rpf2sh5HPKJPz5MwA1Iu3BtySjbyn4Q5g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "awyuf5TQtFw+1sOd1qGi3IsTA5M6PQsOwE2wsdgLzUw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wX1qV9MP8XTMACUFnvgmMpQ4YyTaW3+2rdiKy6m9Tny8Um2ihVgol+q3m0vAgfj5KAg0jacZYzchZjer9+mkSqf7C0U9ElGsFJ/qWOXELIrslU3qMJcMFLsk7h3gGdaZ2ZvG25b/8PT9Es2xVrjI3IJVP9q1UxyHM7Ge7qIGZsJMSuGJfIRoP/cspWVThlnGOtSVdVah1pRgM+q4E6D+WUczrd/dXbiiXk2ESnAyCCqV6wIXOm5DfyzweILCuovgBpt7pcfZF9Au/ctShnSLWSb3Xgwgshm+z1n9XkMXFPhp4olL+CvkivUTQU7yooa5hJcZNR0S8oaZMkRpEgNb/5rhOSeOfJMbihFHmam2GeXpaSE7Fyc1OK0h/rnBx9smNyPBAYmBXQkH+lEUEc8oOZ0xi8IvlKsr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ax1qvY3BCIzW35KZVL3CSbkT5IEs2GtB9z2IDQeHoxE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WGb2TVL8oK/8Ap6pu+lZXNATErG5/9Q7WRMwZDI9CBn/HcVisJ9L9hvWApUOMJMPVa2ltZTO0hbZErglskm+j2lTWy7MV7A1MtQ5YsqRWu+XbyY6JMd6M5jg3C9+atjCWV84Hzy7iJimBdWXijhO6+MHBSCaz78S4mzcdUiP6M41x27nEDphRw+ZiFs35Z9kJ2q2wJ56+vsA0gWerqY89+KfeBJU412OUhMWacJ2DsqBIqB4pj9zxjk5S54UWy0fr8Nb6pC+4kfs9/E3Oh5APcmf+YTA7l4bb2T61WjfoUztEg3XcTlZ95HwgqRE7Dc4cg3R2iKRys6b952ngQPw0+3TuK/S1reERH9+/DMSjuooujnHzl/DijAQbQ5Jeqcj8JRuExuNgQDz8lnnPpR/5HajS4z45RRw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ay1UBCDxjzDb4eRQrYUcGc+kLaxhOFzEn2iEx8lUKlY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+tomY8enGDbeK3VA2SCt2m7xsNkfiPLbe0ZqBSpxwMHuRAQdvxq0dytsr2LKWfkEP/6mY9LzqpHN3j9Sgb5DE7HcdMhbp5WAEClAbU2GsHMVUiuKY4Wox0ztOtXAIXzej4WYSo/NLfLtfEQ+tQtQeV9hSdHgGvasPBehHpGckFYFuYYxyYO9dJNmIhwxOfc1GgaKo+15K/2f1bLvCclItxG52yvv3/rqcs7boH+Y0AZM60dTz4xaF70tFVew1OKQ+t4MZ3r26AePYfHhD0jgJ3AEGoc35o/sVHow4te8z3zGAtk+JPWLQKUEyvam4Y6WN4z+GNzX1fp5Kmgz07n1ENeeBoc0lkyTPjVR0Q97l+zSGoCRJ1W6lzinCl3ggUOTwinkrUADpvh+P4QcKePPvpr1M/UOEQNg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ayyltI9HbrG/lI5l9I5LAFCAblYn7thN4PMQwE2hHT0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IqpW0HBhat2bKRbFrcrI9nMjx5ftRw7WKIIZecu6xaVGHfHhCaMyBb5kENyJEgjWF2iy1N+g32yiLsPSzjjMWhAV1/8hZwO82Vto99b8sFOyxy6vSOJIIrDSWerod4tNDosc1FHZibtOrkFtXkVfGtnctxqodb/U/SYleVZ3RZ3BXKbncJsb26hlkYkvEfXlVbnYwu8v2U4Cp/+lJxA3a/E3ZcR0muC3T3VvHMmpwqjCMv1Hd1eemEYrHVXfu++uNfG9lctnQ7G+wU1U8Q3udsRPrcg1gsjZ/Uhj1GRT5RpFeMjdsSL/Dz3VyS/8WuzblT8SCvN8rpp5m24Hj0JWfJqRc1o+Hx8MbzakVR84R5/1fPJKUUmaM13eWqP2TsT8lXWVvYP94TTpHZYqKzi8hAV9gPchmibB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "az5bmemI6BsVtWRCpFd9KfW9PQC7mx9rEzKZvCLNwNc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "p5ucBsqPTXp8zlX5EIYw4sSQpS8dqc/ONesUrkAlDhYg2Y7V88qDs1lc2UzH/BZuEFJ4SKmLKVLy/VW7qlgaDPsWtmffKptCm97zM5Ph4ccFu04i4RgcifKYbq+E6IGPcRyONLs+mVrFb/SPrxOcnC75yB7t4hreBgcjsaU1Z/RM00ZWAbYDjF2hXwoNMVPibOBCszkhdyhJh9jj8UcczhaEiFu7t562diKfcM80jpDOfUl3F2A3yIIe8sv0X1F38g3WnHl5WFb6W6qE341mF536ZmV126Xnnw81PNxHvfjoDsOk9DPOOvCEHnjJk/WIgbOZbt5ojuIlHcIZX8kbw+UaTRS7fi4WhwVWyDzqr/x51pY0XT+dqo6SxymOGY9c5juzn3s2WZdgufz+B0J/P2qAWYY6g3Ld",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b+K9E965jkNEBONOMIAOEaq9uvrke1w4d5/0U7ajgvk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tfbVSCfcBVHYHOLol6cyD2hkl296XuV+LmHmgCNVoXJ3yZTWjeX7F1V8ag3+TfAJdKNzyUnEOmJ1AVKtMg1P2ZwRMmRS1fV3dHvJgv1reNHruMSCkB6iPp5plFyGYuOgeurUfn4ksE72UnpaGTPw7wzlW+S/i+frbF02GffMMX0pyWTKqUyIcUKq3r4aGZ+4QE4FzSOek6BArtkjflAqJtx5zs/3Xz0kY865dLhZVLkGlT4cMpfGVrgqFNuNtzOKu72izfbP3zIKWormF+J3RUDk2ZxjuARqjv6PCM101itmjRC7ZVtz4hxPRBEJQbatmqzLSFziiqV3pL7dHfau4z57UIiYKUGS96ompDzGCYEJK1Jd/ZlkQwAIRe6OjAzTsdv09OvYaw0EUrKD0FQPGvrYTOLCz0C7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b+bSvCgd9kDh7Qk3NkCa9JO21ss/RZEWV8CQwrbHl7A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4Ovo8zD4nBqc5tJ362aMwjW/nDUQXlgtsT2+Mwx8BxFll5oCQnhSeqv8bgmto9JK8gvEt1mgpWeCu5T8vNHhTPv+1oNg9DEuAPe0ztlkLv44q786+5H4L9CVjCAjIWU7H/uivrKRAx5uO4/PP481z1nG56H8eQCnQshpS2s1EdJqUmzHA7lR3A9XWp/zETOQTzcGzzYfdoVJeER3dglzs4LuoRHOhsh0BKOU4eMV3iJt6sREqAuG/0qf0l683yFUuTg/8SvvWycp8nCdgwsDXGeaK0le5xGke9Pa3c8o/DvZrOu3emDlNqZMWJ3C1ePSX0orq3V9mgijET9eWj7T6Ku4PAoKP70Vmul7sVbU1lvdReSziPaJ7EwclFHDnMWesoPzdLBZdtsAaHdQv7HRfVGaUW6y3QQn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b/1jcZhD5F+Aimn3U0TFGGB+BV+wUOIYl6VniONjS8Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pazwiObymfJlgHrftNETIujxZqvude8rdA8VLyqcdJYixVg84GJLdn3PKrTvi6EXQudXUW+lTARMlO/1S7OcYmErIfOrOi6w1y+aBnCU8H0U0zwuCuHYvAjQnwZnJogrMQ6oQxxP16pq0De06L2EGn1+qSTBiidnm7ML8fZZx6pzCHyeF4ciWRhufK0xWGnWEpUsT/ENPKe68qFqC87nKjJwwg3yx9J24ABE154fqFtN/Ecoudwgctr9NaJ0R5PdJPhNaaPbSHQtpgI36jHNf/kbmp9UQHArRA4uP6WERnDwAGKtt9JImuF+vSslr5s6N9t4xoAzroGH+cZb8ZNCOfwIplVYFaXHfEj530Er39eCmuxxV52WipB/2dFSBx6nl6vjtaCUl8YvSVP4ZRrDIhfNuEYukd9U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b/CEsEie2ncEhXXt7TqWaZsQT9+LXL3JXhhxf+4k0yk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OSSqcO3c22mWnPs+8PT9lQx9NcC3rU+jamXzXQBfqNXC0IUemOZM1Vvawouk8B3SdMXO5g18ZX6kA62Iva8Wiec2Mrlsro4dTX6llSvNdeH2w2AcJOBmFdrPi0hqCxyGgMpa9aEETLeKnKHClyE47n1gWh19pQ8m8sEh+NdVelL3Io4ppvXXs3obKLA2Fb/7OPHOg07+0NsDmlned2jkjrSJpGxY42YAUDRB/QAF9HCkQKg7f1kuV2sg2KBoGExRMrfGDcwDoZrHGLOSeE0J2hfq/2hRk+vNr2uIwUmIgYIgrjQcYIL0SRk1Ol2ZwGgfB161dKZMAqLiLKLxjMFwP7Xe7aZEPfYJdFSGQTWtQoCtreNBDpDHaHURTsIiQRztonP8ic6g3rE6b8D5dXlxSNs+ES2M/bTO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b/dtN1OOY2+JLky0O0kP/778yGuDWMJ2Rc5XcgWpEsQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JVx9Ro9MTG3uIWi1wRGdUUK/wRjV6cleOCS96kWk5TwIzyOjdYorcRkvjfePuPv1R6HD5/RMhwLIqLLQYm/UBmWZ8QLmeZXWNMfskurnjMd2k3RHykOLV2CVqwhW5f5VrK115QLq0e56erphY6IwPMI+X3/0W9h0NFTq5U5EfD8/gs1GpVFT4ueKkejd1kSAzK4Anoo5SaTX3tM1KenZ0f/GB2RiWHDJhuzYxF/5WllZe18FUcUKWuFBdD/5XfikDN7aOcsSWX0kusAIC++N94Dt8OveTx1nPlCm2AZomWs1SHnl2q0phumKgyPVW415RfZL9wFXR55jCbuwzAvD6zB9FkdlqAgAjlVjAoZ4j9sRtKlnL9oeP2uELv5aXG5EhnBqCB6yJHN4f15PFnUUJU46IRK0joHW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b1AhhD89tAm24YbeDuiZXUab4O7GL9pIO8majprDSj8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wi8ImqPjqi64gmfsRX8PnkLkcCcENKQBoaRa8d1QZ4iUacSqJ9bSCge/Uc8gExSy2eB9fEfO0nEZ2rnX3CpDGec2OvYfCZqexfdexSb+/8uKmKUGJw2Txjz/HVgIeteyYyxYqiv7b2PurvmB2RLDjBZa8WVGsOymNGv9qYrzimrCGWYNt9B/ipcAKEfbRlomXI1k5xTVG+qOU5Feri3GB9kGiWq8ebJfMBI7pbyqWItJs0TwVJiBmWMYcNi4uqyKYToyxvqlmaBqkcvhAL+apfnggQNWXuY6nDNL/fZbFIUa2PFKjjhBrbF+J2wrZaqBFDHn1E7tf9FX5UpJo0tKuMLkAAiGyOdadnzplnJxvepnxbeRRay4JsRjkkjWQxgtJK9AHEZ6FihCo9CzO9nb7KEttW9ib6t8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b1H1Lv2f3X242/2nF32H+AEVrwUE49t63KF3+XyJd44",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "15d4V3yevLLwTwYYmawr/aG51k4Cuz8n6xEekn1oJYOX/8sahpbsZnJT5ToFfrijZcJhwdwj7PL2+3T60zdbVdn1iGuaadPWweg2LrHnF61IWJ/9IV8zgmYP2OU0MpDJe3XUAY2/cpWE+50az6UyhW4poxCDtkRVhhDlqM+T9fB3dQEOqjIgDQhgM3w0phothH8hmNxtdZ2LWmNkmi0H4DGwWI8x7UCUlvdAFiL8h+Wj3o+NrUTGF3lOXNu0E8+ERvHVbqVuAFdTl2ODzoiUHFiC0SVOWSy1oZnIZ2OY+49Iph0H/0M+Bs5+S0S9YPRZ8GLO6yLVcDWaqZIAaCud862PZLvW8sq1Lktwo/Xkwe20AjHBEjykqBsoxOoIalQ3j1HbdeS75II3Ac+KWYQT5pvDQJXCKbXB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b3dkyzLHa8H6K8aYIrE6e4zaRUCfTpiOuEdZeHhWNIA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a6guZgT55cf4urHR/7oexTVzebfhVQEnx64L0OhE4fWcbLOUzvQ1O4uCAUijo5KNxnCmN5+U9pRJxWli9u/yaIRNdw39q9kvoR3vjYuxleHd5nJIXOQz0TgZAQhCHJzc0qRxJKGkpMO/QDp0zlif/Ag5VTHRKi/kPDOjbFXaniMJiphCjl1EQqFehLHEpT/9gA/PBzGmxWQB7IpEAKXCARfBlts1SlOa8BX00CDPJDT0I7KKA8hLRElOvHIyvtbVmGnNGKU1iohuwzTdnYWixqiZxijL3q8CZgeuNn9E0VqLoBJj/qIhoWnRvvIRYqbZVmIM8rUg+7BmrXycOWnp2sPr4wEsALx2jLOLV5tYEg6y7qOw07x5GVGfgWtni90Chx5s/CcA7cx0A/FEY/GtKqetROD6eYYZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b5HzlYYrMlWTV0pJliXH0ZHCfisQPLVWiTo4DzlbR1c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eYOi6/GVU0m6LywLVI0uV6fkZLfFRmTNA9adyUdk6wfp0KtPeOaHeDY/82QBkmV6LOvg2nlN0jeu0TJO4xx6jCs09AZJbQLBrkWAs7yKUphLNPHNlJXw6FF/XgD1/8fuHpFkvcqxpCLkl1lzo15ub8WFFMzrz3NsT52J/mOcHczSPkLtdO47QSluA5lWhnxphx+5Bs8g6CKMNdWIR+9Jf1pEt+LrtvwyXdcnmk/Y5SP7kzcXSR22EeW371mTSzngDqzP1xRu9pd8iXjI9KDJsBd9OuwDjnSoVspN93h+AnKZiDE5wEksZvpFROh1wTjVLBCkdBzpFtQYxIGsbYRxmziZxMPLbsmyI30o2rsXDkfle3aJhjwmmf9lL2hIUdL0VqVhim8EMtXOp+xwz73SD5Ft9bykBqAi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b5oN6JGfniTMjrZSFfw+V46f6i6NzPT0hEL5e1r0q/E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eItNfRop7PI6XLIlSuLG81pqp/peGn/71kXrS766uDy2hE57tvkSdfYAVFjztS7OQ8mI0++hlxH7slmtyhtgcQMpBurrz3qYCr6nkMoVvv5t0qs0rohQ5sC2RRQLv0iuWDBn5ZCbquxoxHHjmyzjUkAWn3gVjGEaSYeTXsBnvPRAUH7JdHeEbSzrBljsC0j5JV7hJdyUAGbpHL0a8MWzB/lX2ErazBPQ8eX6c6Y/ayI12/z2zfycf/7JsHxZOivCLLM+GQj5Ml6KUZ73epOnotsEojkkGWqfIBzmwnymMcWdqlT6TQo7dq/idUW9aUPQHbLaaQp/BumdIzwyNMbQTMzYE0vut4df+BHQwmaZY0L2P+7dtTxcmY3KBX7BgdoG2WzCu9sRO+nbcQP3m/QhsqP26kztQaJ7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b7Rpj/ijmII4Vk5FP7YKTOQtXep23ju3If6KM1rUJj8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A0GgeSt1L1rOQwqWjF5XFbYVgsArWoLaYKvnURfLb6WYIxGuQvI8+v6WGbZaNFhYomFF1AwEHp2/oRf1cUTDkBTk1fPF/uH8C8FjWNl7KHy6dUN8/hEi4tN7YSVP+g6+UBj2sSwih/esWmnCF7KLyNkEZLYbEeIOrr2blGq3XCpqzSt8/qujSNPbO7ozTImIchSzFykeLSYRnrac+dFhKBcVLMTg1kc/cJB9B2cqJy+haMthGGubPyXm/hO/8b0eK8dDEF4OdCDuF2miUqViWTsxA7KEsLxQ7tHQThasRqDlvDEontGMjyt0P+qg+JYYY4CoJyk1fqWXP7DgR5Eve6EJ+lANwmK+jlB1Q6zWsdMdf8rrXqrb4aAwaRXG4z95nj3kpK9hmBLy6UiO9r7GCNnu3h/z7iuo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b7d01ZEmgpuQMXAvTvCxWFzHsLk9Ewo92nE4vlNqTGQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1qPoWtZiW2u44hgKFm+35QQlIxzrGkb2LyJocmx60HWOmp1Vw+SqgDIC3NMXcipNCBifXsk1l/rzs1d/OgmsIoxSK8cjnAgeGDqslyk5Rj2L1pJgkZzjDPfIF76EQmyiqwcFFytm4VVeZCXY0dSSN+DZna+ZNG3vqK9s805xrRUIppLHznEISKNAN77CPi/ivGhdEUBd3Od9eO3g0ZdW254LufAFASD0MVqIa5485LM4g5CvHq+/ySriKM5MFb547nPFgz4Gv5mS/a4sx//ho0YhdSK53C05ZsvcdWSPRXfIDGATE5dqMEYhawGEYvmvMADhwz6/2IaKg6atZQMm9pSPs7tdy7PL+luA8fS8k9UifplwlFTFXMyBXR6RDtQQmKALvQvn3GoNpqwhkKb5DiDYKHQAM+X8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b7qJsdZh3jdp5kV9fFjdbxA/iM8234NOPA+vuFRWSmc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZMOgi/IvpVXNVYlalL4qd2fhEcf09ZCeMqa9bIReh1ZJnkePv4xl2Yocqqg+OutdJl14IioK2PMWibllmR+DutNV+v4qC/OCLoYO8f+XP0KNxIcx3RaziQFB2y1pSMEnaJFTR88Xz7TK9kYRxDH02l5eAULCXm7LITK7hlJvT6FnhkWZIOnL+41d5c4X2OifGFh2PCb+MaBeJtYgLxyjIbVxz+PWWIhnNyQVv1NDegE1a8wJPd+JcO5u/3ltAabQ8mGfjTbEBrc4rc8uTlfXHhEyndU+t2wkqic02YucnGPUT0A2l7QkYV6sGbLj2eijBQHJS+BIx1atq4WPeE2dbPKIA9PPbxoHmTXD6qMWlUu1FoFB0jTgV3r3tGAmcJs0/+o4iiz2uGaCus0bXU3/PLRpHlHu0TFT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b7uHzyIhf8Czwy9VXT0JD+L6hknzk98oYLYfkkuORvU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wa32EGg4rAPvAON43cng4aWLcHQN/whhNi22/eWfr60rdHwlORrGp66ygytuMiNknPKAcOvxsOpkVY2Nx6/G/CNr0ntxVY7ySiNgul7Q7kxtUIr2JLbGg32Du8EtSVi8RUp9q495XkIwGTk/PXVqlhiCyV490iJeBwhrGcppuiZ/DjXzDEShBHe3Snqaehpx1fQ37ouyZHmyoGk4CM1clVvRl1FMuS6ie8g4kI+aEgGvCOQH3qXdfkAFG/9WjHPGTNL+0l24jFNCcO2n2QSLMsjYSwH43Aao36xrOzCBmtMahhf5NhHiEc6wFgj692x0RVB43kp91l6v2vJe33KW771wb3TYknwSeAvoHyeiXqLsBnVrFj+JHKcgsNs0oiKEbq99OaSCYNrFZAxC+B8v+CoCZbfaeOqa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b83tTDuzlpRKBZkFGwgtp7VGVlBzUlI6nUIsZty4uUY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vgRgSzaY5S8fi8xb77/c3squ7txY67gNSo6WPXO5PZwO7RP2O1+LdPv82CTIjI5fEYFdcGGoVREHu/SRdHSLYUFI7JKVofDSBxkacwdXrCqBGohSQBV1VIoNnGBxBihg8XNHIppmDPMd0O1vvKjoJctXHxTb4QfGMoOxxECS3ROG8q0C5F0dq6GXdpwbdIJ/AJSPNMacuejeJvVqYoHso2BwjGhfzN/S5es7n8gGLa22UsyfXilcW6oC8+Es7ndx/Mv2p8xgA5pw11U1ZSL5Evc+sfMQMOe6Zk6+Xp14UdgTo8THOUAqU3VV2eY8XesxQBDQzc/w0SoVvbrAGqtG85Acy7P5v+zHXdITFable5uLbwrXyu/qxldLSD9N9FTU5ZzDzzGjn8sTYHJvLD86dRdTX50dhZZb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b8b1VgSp974wxulrn+sBS+9eMPKGWfdyc77DNpvah40",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "obhx0ioDqdQQ3dpxLFX6TpNPVZdX4XVTFTEqUpDyOwDe6RhmGJiPWr/mpBq1TchBNfxKtRn9MNE1PIeW5K4wSvEQL35Y24Dv2BeiygmxgFGxbri9ipv76+z+TtM68g18YMO2IGCPAemmEVCFygdrPvSfoFHXJQV+Z39lw6JSrQNAfgkn8rWq4OFa/HBr3gPHF+t5EshvVqCvun9pLsTRFxtAcE6eN0RuEfQvqHRuvTkmcRs26DpVlxT6jdIK8kEOmCH4DDI9LkGcHvTB1YIdlT70j/NsWxC/73tHA2JHIcaSke2B+XR8BbPWq+s7e228GwQe4nXed+vQQPFQDIGkambHrDXR6J+Ygq0CX+zD5iBDfoA/b+8vTbidqJnyzPy1X+hxDk4vTAfSforsUfHMuXg3O07NTiVz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b8jnkD6cguZNdwJ1c/S20HtmeEqhTSwXy/R7euCYX1I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QqRBvnXHeHvcqI+K3gYlkGB8Hxxu9cPSFa4IPScAUxs+iqZ+aHtoUtxONp8nWijQsguCzSMXLR0a6rU5RKOwAKZXBhCb4dQTBw/qs/Jh1VywqYMx0096rjlSo4J2jcIsDYQVcATAoTj4GMlKZ5Ck0IE6JILWdA9BejtEELNSWCwUnc9xuA75+yF2MkP/CLyp1zJLVuqWcZ18aN+PdAus9HFtQ9S8tuxAOOi2+0l7qvIh23bOOg9uiYwR4kkQYmilF7qJi8QfmVGvNTN8VRNZU3be1j+rd2PJ1Budh0I2ZBkyxDEMH2Kz5+VjxIXWg9DrqwPOTUdvHeMifkZ4p3GSMoLu4FqSbkv5rcJA6LwKvRM7VZGfIXxfSANPpOE0iNQi0EsrLyWpYkh6FjQboGqMhogSJS7cE/os",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b8vZAQMNux3GFVtwg43a8JBP69sx0LGgCngQDeHxBO4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ohXT+L1JDXp/AZichbpM143/tTAvQ19UrIQhNl9NYZgmrXr7EL+R2OaXng7HLSAowfH1r/JmDVGTi8PqQHRGKGcNlJIIk2YqAotHlunJAG7CNsYU5oKuaVdAjx67v9e6oRBweZAjC775slJJN6xKQMNH/B9TZnSIolb2IWXZ4Ta25/uABe9ef16iP/t4ArNkutkwvY+Uvp4MYhkvFWy9WWNFReSRb93LWyxalW8dtPgfNY/CLDtaK57UsdAGO7eIG9QSic6M3Lx6qV7qrubKchVasQU5nAIFsIz2169eOiXaBbAS8l2aD6jdkysYCdToRncZFha1Y/hjEkYJzWPrfMHA1K5CDDhUuDutiwbmnncNKvYDoldOi55Mm3XBb87MiBIZy/0QBVA5GxQCzThArLo/xHEV4ckG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b9aYe/A69RVkLgr9OBAB/S2/21RQdaTz/H0btHTMgxQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jTNh66HfI30o4rGmEX/Wfpi/uymZaNNZRn3WxYl2AreM1wpY2JCyKWGHbQhPIWfFsRk2dk4lgCB4u3IOzCBxyPR7GkQrzP9Ar1XyRmAH+VhRGolotN3bZIDO8GmVRd1acXrcfXh7J8SozGhA+D8lPz4u0RELN1hHud5mZK8xa80HOyWVtMNbOBwh6TJEUttekdSvJgpLKUkhWy8mpBiqSRFzANIlhElJkxsy6nj/Ybxtwlu/5pE7KSWff0aiBSjbA1as/naYJLo9s31RRKxHE9LAUqxYXzq3mo6jl+qHIvPcDZspzBzNGB+BBifhTbfI5HvJqukZdgI9YrJcFLH/SBH2+0FsyxzqoUiu9JIa9HH9Rq9qyP2Z0eQucoO7CHTsd2wJUIHxMm/edKg1eJ/7y9CVfuwyP71X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "b9dF/Fzm2E7Y8xgJwOLJ9q3Qwa7OiVbYMQ8AXdeQb+g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "U5QyIW7jrWSZiE+2sMSX4A27GZ1a1Iw4aE5k4ozxh5yV2ohmqqjImrxGdJOPko9Rvnske886PKCU/jI4cPw5NJd/Ekp8cvYmbKo1XS9URN3cfC+tKRMfHUbidsPMvwH4ftbmvXkAURbanAGV43ixLcJ62/pz1IasC7KnDjtH66a9nKx8T4VxjH78D41UD602T68nROfLzlGYxsPl3NTP/dWJijcvAEB4oZgImRrBQXJ51KXp3vRAtl2bFK5jjDbfJ4hSeXXqHiXeIOJ3gedYh+k222Yr3vMXLheoGg6W30lmAVs+SPhOZAhyy2iOsLVPUjCy+H7gL2pkT9LjzO1sVTgedMwsZhGsYmDau6nmoi8vj7qdQqVszpHi6FFjcqTQ51+WWZgE/+R25ULnhPXuIPbTp4kwMSVo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bBQvYm69YfJfUxO6JLw+ldcrjwhPl0YfKLugPM8YhGE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mIcCD6ub7+JYdK5Is8cJJoBc1817koPnoV/970EAyiriu9e/ZUUxEUdRSa6ItdAhGM0LnWUedBuzz1xkAA6yj9auAbG1jPt4ogofDHOePNNRvH/j+2XuJbhznxFLrR7B/UfVPahKIromiTiM87mbenpKMpwylQOWSkxRuclZIC+isBfBKFY2ZbklRKBr63DmyqzWE7//xbxBj29Sbk3QwIIfowgX+1VHEKAivt3FscfiIAM7IjIuWJC5lzniUXRu/Ety+UuVFaR5oiX7naWI3rmQl4cLRV0LzjxqfSsh476X6IjYFC+93WX3XRcVTeFZhEIYxhkQkq0waE3Gqs77EJX/XDkWskt4opWXsXfZ3D9VxLbJgb6vVe97O/OYnykRSThQqX3bl86Msz0uwK02Kgn4NHiUxSD6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bBlmoYR+UFuWETEMqvKvTVAEpMPJHHVvhequTD2t6EY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hJZ7hHUoMy/5sIIn5jNRb18X97HL3F1u8VzZfBU9gL40cZhpn8W7qednSLzOXB21nhTMJnD52iCV+uTjAdiI89JU1M1Ut7gy3B4ywPPBIOMJP5pV+H3CG8V+/NDABJB932HKeMryEkhjyw908GULlayc/G2lMen9oF+wi+Mkrh69mrXMEg6pCV5ozIXGV5HGmKfhxf2FzYmZUXal9tPFga57wdbWIKZL/0KN1tP22NPz2D8L1GODlWMO7uE8T50dDUMcGtnPqUJC2uZBLHNayHATneptZ8fy6DQaX0rq/ZQ+vSioGwAcoWMcOwxY1IuOg/L1PNcA3xjM/cG9jqRZT8VzYIN1dPPzzoBrFfrtxbsqz7SEY7xXA6UX/tkHij/ylic8AvmWGZrXHxPax8wbPA/lPtLY9u4/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bBsMTbrbNwvumkRFzqDE/cVTZoNdgeDR2gdlvckIouo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GPTzNt3VvBU8cBfAY5pDsemE/JZBjw364Ke1SLvHXxBAlvgVr5tzhyKYky4yCEkFnxR6oj+nhq3G47g2+Q6dg1TQRIhEi/YP2fFCmKUlMu6ksN8re+nSu6VGNU3qxDIXfhyvvN+ahIu9qji8QCHbI0aCUdDyoIB5OzIoE+dOKzmEIj4C4Zp2nZPq6cJKE1tL0u+7bsqPF6mmWGpBJT179z9sF5kmx/iJVUxhoDybGfZ/194Kbx9XRyc+HcWKWFQzOJtax3J8HI8oHHMjbG32JwjVWkQq6jusydlAmd66w7gisFhqASMZRjALgjZM68R/mig0WenPvaOTriJmbiiOBSNqpStFplyUMaAyGzVNqqIze9gEs+DmKGamxoBfbyqlRoNfHu2TEfq227NdkmmH9GY7kYO5eUQl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bCLZ5MNgEklaJu2DLwI/EQdZmJ9MhTm7F+bxKoUK7e4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QZ35R5EWbH7nWdcS8xMIcPRFmpc65MRSXiRKwOXEsQvhiXd5o54nzBs/VE16UIe9SnACOra23IGnjks5jX68O1ls/JYuxbR96CrKHgxWWiklzO6K7P/CWh5/P7L13wB0xk+CLeCTolnIDksZp2QuAHMaC8BWfVoXdjT+6ibvMy08kMh9RR7AgJgKw9BvgKvSI/5iLlsiAFYQbVROwquOj4zbqrgieA96GCd5aEshERUr5NDHZ6rpuvnZoKUcc0RiGn47K9EQJHwKsDzMpjj8v7GRf9/0tiezI4oIeP0YDwpzCVKFiuDtGdwWwPKQMyLk7IPd5oXhTibiK18MWhvCSyLURrAc5vf7Xndc3SSuhkW/LJLkLL8O+hKOh8VME0vuxyQ3TeYgv3op/3JkDI1oKHWX0FQAOKZ7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bDECO8VlDfaH89aoINrXuXSGLamJ40Eg7Ipvdd6Hf7w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "u/sDcC22lxTWbUpkIsEVE4GRDQPuNM0rtXVvRfjfz/ASAMuQNU0PzXx9Bv+1LLd8xObJTszrfjsltRCvziptjG0A8lSmx0CORzYb7iRODqp+IUntT7TRf7QAcoEYaHMq77he75NoOSqpr4HN162onelnTS0N9lhfsNwKJ3hf46k5fJajyuzyeo8gMmjlsrSuWkFXyTWgBd7RFOAoGdNRrYAHZv+L2EuAPaBDxvf6id/1cjlZ9pjhAeWJ5urQzOuTXyOKYd5f73xuiM5uJdbNCztX+anrroFAEWswRg9OkbxlqBeYEr1pTsx7OSDCGOHpDpXGTXRzxr4uKCtwbhz4r3qbqUWoDUwQSIh6e5BD9oVlvzEE72P/JMyA+cnTemUodM9fuprwnKUWRHjRhz2k0lKoLGyiiJio",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bDjJVOvBMPAF2qUciSIR7AoSid5BarWlJtOnlsWjWkg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2vy6qrCQNpwfhq9jQZ4+ARaDg+txGICBdRrPyddIyopV3NUz6hZt9aBimxnijs5zq/Kc1Fr7XL0hWQPjRHNuNGa45t5mt/wPrZpN8g2zblADp6HCoWsI1k9eVA61lwI6sB+itZAapRj7SMgfU6hqI++fm4L1bMZ4xLVtP2xfohFJkF/3ytiyzRi5ML6xwIiX0mVzRa+0IAgM7vxXtT8pEiLXoln+MiM6eXtaM5+1CQUzpIwOaVKmiaxVCl3e+2nFoC4YZ3+nL5pOT7uon44hwtiMXvOuV29wzcbLlDa+d571FePxdZV4Y79CGKC3GlubUxZpDnNwHKa144w+2twWA2e2Guf7Gho7liEFIjDTvVH0DeTP8X32CdLiXDmd7aFSxfXINZ4pybFu0w5ODlv4JH0Y1Xi6lAMt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bEM9UX5gMlDruftUkmF8zA0XSiohs/MKbYq2TWSyHDI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k9TN9jE8uDdWHui8IKNSY4ntt3GI0aS8rMvDoYpbhpsGw5nurnFSv+uVPI4BcA+ZgZw4LNwwgZ/tNfO2KEcWNyWdCuUyeEHhhFfW/9+Cy3DRTaWCkCUbwP2x6cJtulK6IV9KsO7y8CNxb9JGdAOv41d2ny6ioSrxIimmE9oO1vTQeT29dDJMrUzq8aodKvmy05yQkvOt8REZl0qR23CBialOKuuZJuhW1McYbC2N8p4j/KZ9MxLqwmcCy+IoiY15A/SYpUIq7hbU8NWP6/03bJAf+zpVHJyHkM5C9NvVdt3JI4hJZDXg07hBG0OjO1Tz9wmUCzQs3K9Bj3H2Pbm/llWbXk7ZLGfqVLENcVFp2RybrLHcvJf7A5tKSsHysBOckVFDl3DnfEJm53MPvL3mn2kT3ShtYvwg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bFSXkbYkxQmBIVXZ47AYdpqHx6r9UWbNvHKj/bvf0+s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mCklaGnl6+zv5zJipEZSi0cpXW8gJ2ZoxC4V5RkL4xeThkJCHJlrP9cdcG1W2CVbt6AWlzLhxvus3p3sGYP7RM44R0CYuxo7G9yx76ke7bktTWgRkXLP7JGL9Ed1gMF1vutNTOQM//r/HF7taS3qAIIpeMr4ueAPy/9JQCRfKa3H4VQ/gCae+s/HVw1OoWeV4SwionCgYn9Ubv+MB+XeAS22q8KqG5hByDhZtiXpDc+zybunXWIg7f1n2r81wNzJBBBAM6E9thiWaCc0KCD/bmGLE1R73dJFr2CNvjXGtlEG7FUvSix0qNmgnxdCruyvSxRfRu7iCzaDWmHPMkKqgH3gTKYiNqyAEk/M7AHBQwj5D5WXJCiBSmeU2k+kqI3ZX5YiiJxxFWdOxdDR4ldHca9S5F9nLabc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bFoNrsa1FAnCVexokY9Rcqd6qf9e62W+vS39UcaCchI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bYm2KtGNBFhYRwUc2oVqBcyvuvMmUyB/s3ONg8++OCq+eUnnhjXXK5vb8TpCM2TnWSdln62qdPpWrfxld/WmqYEmZZCXqKGXyhu7fPgaf0kq2uGxsstM22ZtL72PNMbRXMYm1nHP+1T1rDiKiIIeL0S6BrvAaFrh6LVrv/d9X9VnM1L5LV6RTV4zBaY3ELouhQZEhRukjYr/6LWaVI7DEWFw/+UobcAhmH94KxoetWJQ57qhV7/m+1YumWfCJP+f+qUsgymzJR4feC95zkNYhIH1mSrlY2zOQCjrTTvtVRqBTPmftOsv/iclf0bSMR7lzV+FtgT/iPqTSilBxqgMgdVwuZD2w1sAWQ08HDpX44RO9c83uq5helBAKaGTlaaJVO9s+lmm+uitxeVqgdJLBJq2pf0B0lMk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bHhQYuwZ15KFtEZH9175rLBFvVYfPp/+MmxYGaacfUs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oN0FsFxAgYEgQJPsYHVtfP882w/eVbevvJ2xS46Nqm5ZoyUi3r4ygmbKu3x3EcBxIQyFgav2vt6+pXXDlWgkkZprSRXHGPYCOENpVAgHPo5XIQ9pO7E/7zY2DFPGvZl5g6SPJxd6Ne0s7IsWfwah85otY1oSYNeNt691x4gVkfYexga1SwOYijwopQ+u/9rxrkSnYf/tvG79SdqjqKeuwLxpLXZSZl9hgWKW3Frx800YdVhcPHtjTtT8R2QW2/Tgj1Gd28QNEZ+mfZ2BgMp5TywvHZj5TSClKYroWD6agp/spLu4uiXAURsXUQPKsoKVv1y9Ed7N8txlVkeqqrNnNkuQO16rtSRESRDOSXiPXmNR1XRXZR92pcNRqQ+8OX3fxlyVhv/Ac/lB5FoFtkxAX1J1oK+6EIVk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bI0qFJtkJEiMjS0Us4Z060Cl25vmYiLd40OXssCa5ck",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ctHH7/fe3MQ1xMNtP02vhklYp3S9sB0o7pkIMBGtR4pJWLgJ5Ihs2SzHlqptF1M2x3K43eS19DjE+cCEhlxHp09WXAHJVBxMYpe3eLSRp53mpzPpV4pyHyLqUHkXpnxhqRZqfKTM1ZQRaK02MCINHZAlF+/GIM9f5CW17EZLHbwNgZaO5DROgtbLeCJlMnWrGGzWzK9tOq2nKDpq0ZktSC1832hjD9zyUE8/mFBeKRYtCFBjofxDxbJ08pzEKHWLLXaumkU1njBYqCZHAAKrGmXxtU0dihaL1c7iuJAkCfZILxHNaxEfWGdhxFakVHK819llx/7W6Czfxqicx8NS66ZLogdztCWojO6yp19MZOfFo90/cjMD2s7UjZZW3tXOLdVI0bq/zPruSEC2cIOkPdwZBssJJUQv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bKKAy74PxiO1Ok6LLWKF/TFejyFmG2HRO45+dlo5qM4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+SKtOUYoqp/C0QnqVQmcqbANXHHbT0V8Td3lYYjWinwbSVjsuDb2hT6ulC9veih6GqSkgf7t57Qe1j3p6k3OHvI9QfxU7DOC7nemNehTDmk+PXiSBSHNbaGJUHdincmZefFtKDIy95IsJkCL9F39IWKTL5zJt/PTp2IDuolQ0Zry/AhFkJN5/iRD0/F7RIRB4mSQMdNmphn2/6QTpddcAFZ4WVsOtWFbmBL/pxUdC/ci6mvwLVzQEE5ik/QpkzJqCvg+0Q1AblpNyhTi5e2UhhkSDWy4J5PAYRNb72TWJ1Lax5g5gcBmdVyIUE7FT/uyQeaGqKNnyOWY3TpV729nIKrVoL/uXmbEMHWCEyKND5ff7lvwhYPLJgBqzh8K18o1oAmFu0KiUp64WWAB+Xz4xuOBAC2xTX2g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bLd/K12M5JTGED5AMJHBPDg/650KekplilM6yy9i/LY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pJXI3gx0aAasdzV85D05POchA0l4UK2pJHhkZGrphy+flycXiAE6eZjQ0k97JHyV6OlASlBWPYM49AM4rTEYK2Jz5p7yL13Se0Szetv2YbOyegjLtcB2bUHbIL3AA3P4XW6Q8AFlmBEV3Q0yqCXayGMnI3c8fwcPAwhi3rNAoNRPmaTPsE2AikIKFtZMsrB9CBpckwnASzUlVyY6dDxb1AUIrs1lzNPbBBx4TkmAFfWteYpWEeNdPyUen0R1QzIOz+JT829srOVs1uUG2F3nkWjfqZinxTS+cMLI0StZNzDJ+pALVS2DZ5d4Xeq6LnAxHP7B886yC2SzArfhSDLrp2xEoqfjPaZcp5tJEl5wL4CrEbZJPEN6IHvu2szvSHPB4pMmvJHIu2SMIHg9bUOhKeHnkT7EPJb8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bMEqOluzhc5/2deeejrosVx311EUZ85EZh/d9nMtbuU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CXe/2IwRsi3VocNQcjza1Cag235w9pfOFLqgsQAMiSUirwYNv3J1F1LoKCdhzts9W90Zash5ByycEtj3rBbXO1YCmY9Ieeyx0hf3v3eNg+yQD/3w6HQvxk62IUKBhN2lbDSJN98TKt1k4dBt8Gv8nEJemPpz2JAO2SMe1iTOsYo6W9XZHwtUCNWu78SQ4eNto4i7jb3+xJ6LU8gbYQoDmRtXW8oSNnTzV2lcGHH1oXJXlO2IltUWqPUFuMrga0ak6FZkE2Yniej2sX+QfOpDZEMTSB3pRm1v2mpzxvxrwL6Q0v4dBPAEJe7CADNyaWkAH6u+3xraq4dEqbaESacEfE08CAHmiF28V6dBFifdUM3z0qDj7amg+XNN4r4uvQro0IR8OG6y4p70gZkaLQnz3e7yItOKJziG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bMYGSimRWCslUgiUQj+54Vjfv31L3B7J9Ao1vQ2gQDM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eFjSss7UrbLOb5LPeZ2z95PPaIx/u8Ksnqb335S+jgXZxqjA55kSj/IFQ0HOB1754D3fPzBj5FjY2D7ggW26JUkJpaYDYFJu7hf5Sp9yeJtgl24hnFrXifjLxpd060+2Noeg6kdPOeIkzgwY1EGlJMwxNr4y9BEEhlpcJKqkrYd6OqwqVUalUj5LjOtto67YAQedTV5ibqhGkMCN3Cg64AyCnDJ8PMbuPmbdiMR8hgSUD/fJ5ZCKMwJPy7t7T0qpefVVM2X3pFliaKB7wXvURPyGKHXSb2EP3WBpaulAZ5oKWTIfff5J2xlkhPRqzE+wokFfDkw61Z9rN+GWkLY7w3kvQIBTSLWS/pAWKYtlWGjG1W+tp+ZED3wRhgY9Usr0U3CobSFby2ANAQp5+RWeaQulY28zIONX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bMmoz1zgligLg5YhPhtnKI3QRO03mA421f9yGddvXYQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mBO337MyNCctrlMtp5tTLGeTlB0dBRfgRDrMuwA0JddTRePPKNmMqgsbf4SknDei3+4mVZECN6m1qLTYQ9tdxfN+BpB+gixonWR9aB21K+ynLx1MXIhC3D9qVy3Hz4zppuhzCkgNQQ67HIlFQuVP6l32hx8cYbKtm7+LDoU/ZYQtlTDEUxv5dsbTbZL11MkZ2Hni12hITwcL8PYRB86AGxQ1Od9SbcArKiKBf3sbfXjlKzHnTApPnKvUB5K13FQGNoXljneQZ63nt1nnullLMYMlDBrcy0xaHU6vg9ggBgPbf+HknrpFXoUQ/ptbhPckTCoZ1WFc+I+ExHvZ5xzmv2+u4Wr8ZNxIo299Z5sUa9mHTYzxCax9wG70zSFBZPh2YeiBic6xjWT/VJ3nkpJh8XebnS9v/aFO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bNf4c3LzP2GqKh8fDwByAqFYjho/v9jU8Mc9BMPSWWs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UVIJTVbNr09BRGnA5pXni3xaBqxXDzRIDGHQd/nSPwg8HJtDs9JCXVhRT2tjxVdPT51bx8l7c0JoaNKQxDdZNFs6UY0LdVIWZMBdjulRlsyj4WO9hbNfTbU48R0U41O92JxjRVTDJXlfBG//jd1pnVIOAmZf4HwdKpAx/OsYhVN+as6/SQVMzafeUwDycof7kGOrgtSYHIcgF6LkGgZh4wwW0jvNS49lqRMLhaLOj0gEYWQPQlQVgsVzSmO9P+0nfGRe2pJa+ChnH3WMXThyEGJZKp4/Qi4ZaXTy86cJvXeWkXXPlHeLPQpOIbKzDGbUiRbDzhCfdZGR8OhapLjd31GSXKjzmbTtB8FPFFb63uQbXf1PUeZQNqOe16uiEJE3dMqWmMonhK3VdjXlmy9G2GL9wil0ub5s",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bP5NOXYw8atFU/oJpgYCRJAXmUd1ydM0JUbDVJFpHH8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5L19JHH4du54SeiE4W9gUbf8tAlMMAr2EKZw0hrkeOd7Dr32Kan9y74uASfQpgjXJEl757KEpzAjNkOA3jRu2JJcwr5OmCwBdT/m9b09WiuCosZAqqbhWAgy/1ZZGNfEzjF7xoj/0BbeViQnFDLv2upRwbJobRZXCFksviRu7T2SMXO546id10KqxFI6QCbSPHpPYD2+UyezUeRh6Vq0eLb/d/xAKFlxp4usNjZ6KD+GKiCthFbNyeu9SKpIsvcLjoImq5y95nV0xQFJiL/et44XAU2PSQHWT3Eqsk1PjPvNKh2AdGWh/XjpjdCewe2q19jxTz5iFXTrCkoVcrR6pa7dz6uVZYhERMmX9ZRSjfHopj2NB+1BKCANCCG5K+ppPaiTbjIBwOqf06+CDNAUTvbpN/Uk1VUH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bPrMxXHUdkfY9Bq1kNUxmpG+dwQZcooNj5h882THj2E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eHJrY2Ev26j4t/2Z/rcz95BcIqC8czgYjUURmkNzYaSQ7IVMyGyFBOH07j6Bit1dLhPHQIW+k7K9XvuiQmoqmsDiBBsZgOoHiozZ410/9z56vCxAWC7LKPzAWFeR4nqHUlwsJt/VpUQFGkAl3PEKpgCCRbr0Y+kc22YEsDB1aDE322IeWN7+PI1wtXYIOkcGBUip5t33SiRmlF601SwCc34klplHC613gczzN5+yRr+6cnXF9QrbWvCK0epZME0q4LLAn6m7dACiYthkoO/YFrcT5b7tM3yJYl0UPpcsIvI5pi4UG08qQ4cBNFq7oR188hxaeJZ0ViBeYZBsW6V2dqxi9ZdWYGEwjB/7akfMoHVEhXopaoH5uFavhxIzELeBeKo3xJi/6xjuaPpiHBNFFjidmLg5ux5W",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bPxC8htPnApZfp5QFP4Scf4vWMntGAehWhb0f15FaQE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M7Z2wZ5w9jYaNxF0ZzykZXJ20N39BXFd/QtWVDMy0EL5miKuiGv/goOGxNieBkqm4T1wr7Yy4+mpUwQnMeCvOumAN0JIRA4JkDDr4Oza/ddP6o/geCUXTstvBoRTUF3fEnEcjZpJzwLcNM2qJh1tsbEYdfX2w8yCZiJregERqB/Fb3vqltJXqslSu/Ad/E2ul0yPAhTAkef9/ZyaKhXiyzPearmi8LbP5Q6ps51YX7FH1T4aLnkdm97NJHQCZWxdfbbygJZeK8/wMkOgpZMblT0wJMlCjNRYMTleqQwND3B6qSaIedKvwkE24MvZ5ScplLWsJntguY6FxJvFfeJQA6gaxogc3drNsEezFeZsJblNXyMD5MqAqb6yyOxZxzGkDymfT2U8tHS/aGVwMwCQJBF53FmI27JU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bQTM7WrB34qzbOvJIH+1bxyx5ujX/G2P0/toF+TSPo8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Cl6o+oQ3AEvPZPZcnjKcuM2ssYjJOUxOQRck9EesZriI11WZL8AzhlONnM6zv1WYBTM8nfuiKuNfYBbTd9PQtd6MCdkTfVAURJZtzmoKNaP6FDTXmXKxPKev552yMeRHOo+0iW9veSw2gq6R400Pi7AheVoIt8NQhR6410Nj+cTqwf3z5uTbByY74uf6km2j4oe+qT2Gl+OvUhEGoBP6cb+AtQiOgabutMLAQm3UOqRqqE57Ik+rgfwAX6C+mF1TbIp2rbKKFKvFSyXW6qhOXOhGXXgb2c4h/Z7ZPMvn0VymX3Kai3Up1RVtdLXYhDkr5RVYaokrsljNIMmkJxxD1l6OJDt/igPN/wcHpyirnthUWPH9QiyF+DKAOCHdZrPNXf1WuCP6RYIMJvoEX1n9iOXUFyCLYWL8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bQcdLUK22Gn0KITbJHireixaGWqM8Gj4c9v/8hYYWv8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Du0ZqaOQ3RPn/wH5YfD2rRg8cqm8rWtxBO4LUHVd6nehv808awmtEHJCYN3r74sj10EW9U07s+ZjXn9H+jcwDMvMhhbkP2/5+ROtJytNXKxESkWiztvHnympB0U0SCov+Z9+Nc99naSqef+0riQhF0LGOex0xVkdnji6k8J4wBKVp73sERKLZ/cuMk9detwiwJtXRk/b7PfxR5xMmfTyKjUWv7S6xNpoTqpwNmv2h2HbEgmlcDRGOhEjk88aMPgLdQIm1MMJLCxfHVJabOEeuiyhuYkUTox/XRuvhe/b13o/nAg2Zr2w+EZZkeHfEytBsfgiRS7p3X39Cz5cbb0NJrTZCHngvv5gdS89lRLRu5VZ5be6wllxF8p5XU4r68TMorWXy2auTd/UxettWJmbk6jJeaTT3tXv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bQt2xCXApHTD3WZ2czxL2/kYLucWxAVDuulAUgHWSeA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OfbsyEHAGq3Q0rltNxYFFK9ZRBS6IGiOofTQC9O8JMeuQpscpvsu8fJgagX2cHpF+dXu9jMGvz50t/zB2OYdeD7/7YX/LxaZUiZ4L38Vjv/rgxSLVWKN3GtQ5/KU47pJF9wz0qUHGkx3mUmaADdKldmYy9zE1eyFfmwhuq7OJMt4/8Hbbanq/5VXAd7jXjfWFTSyzv51xktrsyDbZoBZl86Cy2hNugBH1dUw10Oet9YgKNpnwzqzm7KZ/fwu8+2u74Fi66Qe+kCpl8sn47oNR4/+2CPxipk9XqFoNtEEJbkgF8NtxES999e5Ihd5wDOp7KdmwtitvTfXSp7X3ZsA9vyuMV15mfO4BXiIi4NOzGSlqCRdCbpclU0lil/0fwlaiJnCrHBNpE5vXyhFS4ymmez/fJpvExJm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bRByDOzrWiT2KKXpp77aU/KrLKf2nAtLHftHatHwuk4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j0FpgVXgoiMh664/1GLbgckGVnJPZigNgi4wBOlPOEXr5sJRL2DNsv4hVenwMLQSB0gt0ZrG1u35c+nl2oGoz9pvfcQo2bYwt7GoEJ56dmVyi8KzUhFkbgqeCD0Y3TGuEqJ9MLTjCwtmeeksX/pw1nwMCzjDIwPadqOXrZ5+pGBOzjoGIsGcxF8FgyqmqX1vc0oVKjFbmjgjlKtvmXDRAKt9mjl0oZFIAClgRibS9lA08mzHPjTLGmTqtN34GSIHFASuhv4e5xCs8uRz8BJIhVdep+00iGCHea/ndTvfhy+VhsjWWhgAR1UPFwnJdeeLMqwMdZ0tfdKuAdUfTpNWZqlki4m0O2djEEB2NPRq57+qQ53FAo5DcgiqJJoZsCKl44h2MWFRUxd0jQIJmWaQupcJgCgd3uNF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bSNA61K3Ns7WZmBxkM5DSdk9KBPplbUrsXWyH+TTX10",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "apRnRES09eMFc+MAbMATsEd6Ms/ThpXJHKOXD86w99ZRqqALsG1OUWD40B88YW6qPRJGLW9ACBipa1xVwyfKGtjPiWAypjbM6qqzTyZZZYxwkSCXec/tPNPXAqjr7jwgUXG+mUdNHHiaVjCdIu9tghISn3OY3ETWamZEjPfWXdKyDgDuVmEcQxjZ/p65wKw37eILFt2BkpB72SlM8sm30+isTud3rrB7X0KAtIjUc8hBa7J+Q9eV5u0QBkGBUMD9xq9C2RN+n4oJAQJ8uVIX01Y4Hvw1BXOljsfUEs9apVRt4OzLG3G63wwalBsxSrGtIOAEEulLMTX0QvieKERI72gKs7BFowEd7ulyOly/s08/9d/mJAx3i02vCcy6FtWP82nfQ4HpZJ6aqISMxXH/vk8gqkN8OvYw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bTc7uYetZ99zkzZjqcyhxoss3n4L7btlfKFT3HiY4SY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rQl/xIP2CaaxYovhR4QCHqpkqbtG/Nt6bSXWVzwt0gjX2Dj4SYNDhsyzxibf8AiPeBcGKo+C+kTEgImsQWrgy0+XfjrvrV6moOUUVCaWmv+EoKVSEf4OVBvESsU3zM0s70rL5fVvxiD0UTZXWvO8fgcEjPgbpKdzRHol9gLlLkRWA9vIaskN8TaSktIyzA2tfB3Wd8vZyi5/ulA4nAPtWpbVevJT/phR46s3G0/RmnZ0QnbcVXDtd4ho9DwsO92wc0G7Tc8XkjjKI1fnxHH3NEj+bWnBl3ibF0NhHIboesCG7ZTpS/P7mqfmv+C2NOKA4c9yZDF5s6nEFdouswe7Ay5VI4B3IAiD/OGUHLppIzJdOEm3JHjBPZ7VjnaHfoiftdxxJ3St5c89U4uBfp8hL8JLbM508gES",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bUt8Dx4IMenYwBCQs/K4KTo0dREmICVmMtRqx2EGohc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/zh3uJVboBE84Xx2Kw1gWo0bK6Rd4ZInOk2Ng40EdABFEoI+jwwTNf0pFsdOIoOr2LFt6N1QrQhjZn8W6RAkdnl7PSi6VNRh2pCWUKVKF4qi9VYrbuwTSHULtoiaRLwLAgcYV/niBd4zVO821YAVKUJyEVx1sc+eVuTLm8Ot0yrkC+c280e/4ZAuiPnPWDgyEFzS7i34E0neRwQZMziLXS93rAWBzwMCYYXylVuWXwIWGAFttkN4XGD4iedWY34xRtFGBYGD3jrYX3aVmdhVaBaE8Oqa6pAd6Zn2F2fznQvJpQsd7/u1f9H1w4N1EU+CJTg9aO1+xL/PwcSOrr8I3moFN93rShM+mPPTtxW15TP35PCbEKQZGmZIcEpjDdBGoJQvpzGLTlD3p87iZ9IDqxxbLdBp7b+e",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bV6NiNO6trnSTeSmAI/s3m7R1Z6QekbMIX4OryqTxqk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0ac79zmwBu5VB7T8RfCbqSMDfUx5fWR8I1mos+/VLMeMzyywFpNJQyeT2SDTgvw7h+7w5pRgd4XC3lGzKCUnmXcQ4rwmHvAuzMf1PA9UKN+EOj2jboC9kfoEJHAiqG8CZtsZdLRVFgRilKsSdGLm2mraD8b1rco3nwGOEXihzaP2wCtxW9EmSyfxGLAHCln+7OPwQPpwgzRliEDt9NA+o+XGmMeaObCALSPyUDczW4qJUx2ZUquOHoPWjSlPyDVIwft1iIErXCQWeyLG/GTJ8R0wkqkH1FPs/KNwyJTwxKhh3QIefici5XZQmkWe0lS5ZMkBKzqKS7MQy2CRN2lmsFiPk+5NRpxI6ME+oVfbz/AzBmspZyg+RBoI81qAGUJCA5unGdLQ1CglFn+WPsqTrKg6MMPLsiG9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bVYKhkGask5hHt/He6VWgqaSbvJeGlfdIUL0dWsc6WI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "t5i9YOMztpaH63rWqKqpRlIFgoupHeOJR0/ol0YjlXEsbLTFYPTIpepJEuVZzzydBmPkKZZ0aUy3DRqm3HQqkv7DOMQbED+oBHuB3w5NKxz92JpQA9MF8voBwHDFvajrayPSBtIzY3ldgQUZzyyoeOg70vTYq3y8gbecK2HCCaCPTxhFlSlnDgwweSkhUozO7bhheXZiZmXG+jXTZhaX37k/3gqtdljFFNKJws6NRxTTtzdosiE7hjD9RSD5xst1m7bQmiyoy4asd+EbU2jI7EY3Sr7/+9dJ7GtCS3auM8G1gli5AnKcb1ZTOVAl1VCZ1r7fvUQydl3gP/zyOycpQCxQYTNr6FWZ6OkIurDAMRePFxi0ewkr48dKM+b9vPr0yo1a7a4BTDKAOIvIoYtqrNDRaWOOqGQW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bVu8W55MIT1BVnRRyxnibDXqV+fv20VIyACIPzuiu4Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N8T4ExON8eEzrW/V0Qy995VYyNfwsxjtzIzbqVEPCam8X/B27yvWrZx1dF/AH+F89sjx70qVIOS0nai58XHzhnBc7HBd6Q0P0RY1gx1csBiygNfTf8EkbKKzYgjNAffVECWXJpJSnkgwJPrwhfKIEb09eHl8aQJWTtLImXeMh+ho6NkroDakR6L3mMxBVgCj841rJJSaD+BUBhx/RsCqwPjW72UDWpfXvY1pLHvj/LUFi85Fb7cvbNUXJJEAm42PWlHC7+7fRMF73JTX+lrRTrb+YA8jrjyRpcIQt+R0MY1VrrdjGjNjBixXjGLU/X6hRXs7GPf7PrXyqKhJKpifYZqEu8PpBaZfM7ClFzMY3IZFqF+34XvRADdJ4z9Oej7v+b1YTAvEnmenx2aBuivqndzGD+A1Qx8X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "baOevWZ7aapj59fLC3go1MePfGnlmTYReYlrrg/1vQ0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AMWIl8p7LO5RCaqkfhI/5JlrR9tFnR0Mq0dik3bpseWaQHBHIkpCe9MrvmMdBSUiVtDPeWZflcu47KP/xtZI1UliLPxH1UceBz1ophqwuyAxGNLLnLviieghQFdlgBE5ubtNlolwru0PmLpjoxLLTI3+Y16lLvx+6VN8vNRThgdN+FNlJOVA7uOR1nH1q/jmm2ROc0zWrvnp2PQZ4soCeH3X9jU782M4SHH6Z0wJuoaNA+EcOlD7bRvdawutQg2+TaHZ4nhTFixNOWWAjQASiWSsw7OI6TOdFofCD/BLuOYSHYwtE+HCjDphjAyMyxcKqQd/l8R/+ozc6YHhZelC3oCVbba3pSKSKItMMfEX8VrK9iZkUDpI9uB8/fIzgjKwxDxr6FLys/R8fjH/PPnjwLBm4INo9TSl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bakJOIUKkxjBDMKunmpSmkpIrsxBHy/q8QFIWLevglg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fKXjgwq/Z0T2tB688l4x8rHaDRr5e/39yAMS/4YO2HSJsH8NTZzThkGWAjnLW2jgj/WmU0q1fgkFjSk1Y+jD0j34cCVG5VUli0ns07JQQvQgXyVA/Ipv0IRiLb+4nIowFG3C0Ep0jY6JrmJ13JI9LjFDtFSxpj/qfpJLAAve4pFVlhHZ5bKzvq8utoePwLGZNmMp6+Ksiyf3XvjSQ7c9SitGPT58o0wfRlM0Nu7UAihurPT59/vYxxUaj+3yUjATvTNjGa7/INnX961fh5l/QRiXg9eSrOiebQFBLDuSRthBo7TU+GBFQH/Sh7y9i7dSBGuSE6eBAX47N0elJU8H/bn4w7S5LwfRhV3JTqUWt4iXeKUWRB2wJWoUl1/9E0PoPkwE7fojBxgNzaUMi0DNJZzzDmuzUfbr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bdQ4IIiv7Yz/mx0l8OH8EJKUf5fZelcRQQJHvFNXUho",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6FIU1ni+hXPP2WAZxPqpibg97Nsc1LjOTwF7c9o3L2JrbRrKDT5Zv4fKx8R3JR+izck4hsz05HDrnV8CyC0czCHPBXdBZJ7Pl5K+6lz3NurT5gK/XliYboq0QHEwJZ/DSm+a7GSCA9IZ5WTVpkfdSYUOBpAfZSHZeE0Y2NkfayGAarowvCFZ1YMdU9lZYpA4MsKGOjUZ4lFFU0d4H2C8vOXjmMqRgJsc8kPJVbG40IsZhBjzTtgRRC3PdeAz/GmRDc6j6ThA44VbTadMAtHiIzRVRK5K4e+RXV/YvM6QikYFZMAYGrYNoZSig45OlmWvSJ7HnKC8ucF5RvlWn/cJlCtYjp6TGuLAah/R/wMza9E76ERGfwSjwuPQMOP0oOSedpMQX+gE6A6tqGBLQb7/piSLOYeLC+FB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "be9XaQqO15QjAb5NEmJgS3SAqsb2jOIiOsYHjcj0E5Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EFd4pei+JwMxopHstOje6jmRYN+w6GnyKzORep/PMVylkMx9v6o3bm9WcO3oTB1ZcRXrU7WnT1rITk4lNIozuEaBtPlLZbpBUJVc/1lGTs8oATeMqdjMkg2dK32g35ciXyLnr8PTzLpn7GSwk9kSdidNGrIzfi8qriw3mihmKly82nRva5SCF7ztJ/H/M9YK8tTbjw1dZM6/Fy4u4waDiy6hDJVhGw0i7gpaZ/wqi6XELy6T/7xHiCNZe1lviw5mOhvgFrRHC+W0tyGDMG/zwZpvgzJCAP6obqAe0Ctu95DCjeONpWNfKiqU7PNHVlA04cVPP4QFcm7DP9MhuY3uS2V1o14PECtn6a/C9+17CZJ92Uc4XobE5UzkRwN9SsbyBxTlvZPo1YRJ3azzdFsUhUc2avRoxJRS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ben8VMFtfktjr+zmauzCke34RXWei7rXwB6UpMC+U64",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+qc+M7MXzuNjOoo5j9Pu11rYsEx8UwNQHXij4xbmbwmX/Wh6ufCf4uIMRblJ4O2UAljz+OnNTlMicyxDYjijUrbZkwUQPa8K5HnlQH7B3oVW9COAAhZCnt3ZFYW957Tp0d+QbO40nlqOn5vP8UKrORdzxU0BLdVuwrZLWw1bSO7A0umRnz3CTVlP5g7117+udBHeQ/VvoG98eJuohGQYhr2x0SMLQPxoVlcXG5GIEU0D0zHj/SnBsPutXMNVD+TBjJjoQMdw/bFsWPfF4oCGkZjJE1wquyqjSYkgir19N4myd0rLmD6W0Dv5+ulabQojVK7Cd86fXdxO8Xkm9aEFWjIFOJXElekXXgHEs5ojsTa6LJPBsmvNocrBgCVCSSmvO8GSZXPB766VKP7+s4cfDre2cIzkFwqG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bfSBWWS9YkhALVuCYdOMlUCQV8wxrGPPJ8J1YD9osgo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d70Wc57YKEx5zE5YOnhWqaIcL6xE8IeNeg44IJN+t2ZlcL2mRDOoA9kMw8qQ9Sl4Da+QfTXQx8C0kr37oWLtJcMPijtMVsSvS/pklEDeOdOrL8DQnVZ+pHy8tcLkSObXqrswPq699ElFP4QqbC0BLPMTEtMb/vEgSVXte5db48W9FK4bZZA/yd8siLbGgGadyrLoKGR1+y5OFAt4obsLyaL0xLo7ALh5YIzranOQp8/LOcrzQ6qs9l9GYmySMN9DEBRj6J+LK5Ovq3vOJYKixs3qiBhOWK9rcpdE8322z3grzHDcCVq7+EK+O15V9O73avCJknYO7f3xXtNCy+XrBnYyTTFt8Fqe6FqFRvW33gUTpUh7dGyPanWyXTAIc2MI4tBBO0oqOPiP0g9kkpBkYYFfDZydi2C+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bh9faaCQDIZW57E5qQA5kzOBoZTcpLPzfGrVqkh9BsE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hHqPgWBImUTbNMXdU8UeyGva8Jm3FmnR30+jskSUGUR460SPDKdt4SXNlshmn1O2WS3I3xEoxWByT5/KY47shONobS9FOK2qku1ZTHjs7hRrHiyFKnUZ+44grjUBPOsTdWjeKINqW9ZrxUmWB7ahcNWRxBVB+zRkeqv8TUA9JlBw/SCLbrOqGkzZ4e/HDs0QskPuA7xchSjhhXBwOTiQIPjpFsWm6U7LzfBYTguAxyn88tcKuOWF947znFHzBf1l7i8cSrJuBbwZ7RS1JdKzygLe7bw/1I0NVdbOKWgC6wuMr9r+NRZfubMzhyWGZWFqp5MUmu+uWz8IUmzfl28RKkGUSZiNTaSh1JxkEnVRx05gJMgSeALRvqKdUK1A93cP7i8kdpQdgjkgZyqxyqor5u6seoiqMD5Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "biU2Hidlq/bF1SGhoIzRiocUucSaQKEHr949kQFsaTA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XxyeGRsCWcgNmtEPbxwSPFW8fUzV/dj5Z0bQighM3qpfi5Q9hYDpYXaU2QNJjTyyMd95E4ZXzUFcNlmvR+hPULfsGtz5f9mHgwguSs8Sa+00ICTYfFg5WJzcxv32i6XdObUVMxZm1UM05m7ckv/jXhim/Guboi4GmcTGtqSyE96f3lTl+iO2NSGF5tAZYPkeZsnSETN3GISlO/NUg56sAZ8bXHmRrulLbkAYL7UfvYkf215bJaY06ksAagjQ/mi/2rDI7IcT1Np025hJ7KC8JB5e5Kw3GWjafJgYnKGSectcUxyNvw/HRyz1R27NBQg0cQpTxqNbVnYz8erT/70cB5tcdNDJk4E7e7ddwjFsIYkbRuW9ee0KexDBUqsj6VCw1/qGmJ9JCuRxdnEW9dWz5u9W0GgIhaFq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bihKIkWAxNv44v+LWh9BytdcdvVQh/y/YNnYya2B0Dw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iMR2/x3VAOgGMphgAg6S9hI4QP7VSlMemxY+dIW52AdtjeWhBva0mB9grqRl5DOd90krimS6eVWAQajTMH0Ow5GZeihULCQpCqPhyBP6t41t0lFU0oDfJRIxnoS51ds6hIkahmJGG+csfw29aBZy+W0JB1f4arS9GnuY6ta00quD78FKHBq3dgap/ETjSERUiaMydSESCWxtX+m+lXmm5MPCRoyezuhvd5IrRVd6E+vxFp4BlrHaGVmXAoLk4ZahQ0MC/nGBxOiVnURUo8Bk4BOxhYMrEZsJmWZPY4Xl7VcSHXL6cImAenInxJGXwOXIBox1pXw/yLnHeP523Ng3punN8HiGQZ0kALdhtV0iUfbObZIGeQzjNhHDrwPxmQInCHrvl33BNKaNgZy6o9WwhQKHC2eDEp7w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bkg4KeOvEyPNx6juAGZAX4CZYN9/xGwKrN5KJL6zN0g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Upeuc8C2f4mMvQdlRceOOR9XPJaxAQ6d878LuAtombdxy21rAJoosxJ1FOpMvRMZ9M40qcRfFReiscOQhkdxSW0FfKZsPBVFJGHO/AySmiTZYwXeUkIv6hSDcpkGubIc264o4lpQzXqlVSYKjrR+tTsXUN5le6yG8QNTmfOkrDCdYSg3xp75SOSBHn9qwnafWRBQBlg790m8Fnr31I97zsBnO91/0nta/6HJs1yiJ5QWmhP/GPsanyPdCcMx99p5uo0qUYkpJ8l7RRcpFOpKSfdJe0h1rOyCm1DvxSg3YH6HqLt0i8dxTa++TYHai9vZ92Yf2nv4RZiCUalV632z8PPmagrNaucjrgbBJWOCT4tpCMYjwHkYZoPUV5yHj36n2F+7v5ES3h+nZHH0wyM0yUKpFAmXoe85",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bmE3VjeYuvbkau0G6Ulp1c/qpTlDBh/38r0NYT1FxhY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CFEgX0NX7F9NPkVFoCm6RRCCGmM+wSEBi4IkXvv2D3zBod1b4eXX8BPdGqVXjnPNM6GfHTypiA9qaXdvP9g7uoc2bB2xqB5DhozJk4nCCKBOhW5/Xa0MwQr/9TEFGR0XgbmF7wj49D/022/smHolXozId7/bsx10m5XTHzicEyPRoKdhRvwgPtOCAZOXrTr15Yusn4QV/dfzmCfBUdHT3lo+E/ownm8Vtuogs3fISrfIpTKHlSKxX94UoK+tQTHhb3X49A5IsUkVejmsEBSMRbhNgBzRnnpy1HbLSrtG2xGWuSOK1kXoI0TPGQGiV22SeXE++UfWdRHTm03EoabVILiPlBTs/+7x+jtESqO8Raaj41wH3ETV29Ty84lj8u5qcDTvWjtjVPeD48Jcy2amIx/OExLjdUHc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bnvHW3JCMtLoh1dBJBcjSOszLl562UeclfW0Payh1vg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ypMuqXpK2BiDKVuZfELXY1C8L3L5JTUAvRdS7j+LGWiBlsMiBPQFpzpHTm/MabvLSn4R/+sNh6ZecFI6iEhhopdcDV0tcFHlCR7ZmQs3gkky9lCzQIMvQg8/Tc+kh/HEP1TnSJytD/zxWTScbhOduGKYs/WaslTPGIUrY/dM4nf3gb6uB1XpdUvBxiDR7ZjEh95y2Wr1Pdh7VldTJLghPVVtJVo0is+FYFJb/SeQuPxA4rhSrw6WhyUjAb9UbK+k39gi62CLKldAI0ORg4gXESHnepeWDdXes50IkemM/vY6uOkSY46ieEqaDfIzXMotu4yyyYl2BtjILXXR3UFGh+HERdosiW12z29lukQAHtN2HRCboenc6f+qYdQ41YVK1SEWYO5EE1HI19GTPE+IOzDYpUHH6o7/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bq1vpd3XbEOG/x76skrD0VvdIqr31kNevQTOondDT9w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EB+K2n8/s5eGCSYSHBHWcv3MLNKVgMsWmIy/MIvE41m+Eg8zav1a2JotBtjqKAnTXXKTlgWosdhyZr6ofzpJdR5Fw3Q5hcmexSQsDi6LZFg/A+CeFVc0cZ4CrUPotfY1O/ZDtfOg03Er4d9J+IHwqV0VUg7ghQwOQNU0VQqB25nDJyY7+i5slAJ3F94Ip94bpG7fa0eYZxcwf1e0OIkoQZl5zo750gkpz16sZniWRkMaiR7F49oVARtwFrddn3dwe+VxzA0Kvg1u6cruG7dZsNHJ+42fLzKBFwE5UZvZ5y60W+PKA5g9MQWPt5bAEXm3/4SsxWjjxao5o/CnovbztVlxKi/Pg+NHRix6OkzVTUWpMCKDfFFdHXcSvdGYYAMPBT+FuZClj8v8kmfWI3j+7xYLZWXDb0iH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bs17FEBww1zj+sqPhb0u2zNpMIcNNyXwG4w4Fw6tJec",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9Iab4iq4n6QWsYNBKrNEYN3CRdH9tILXO7/y95SqUZPHHI7zs5AziDYQnuBSLuwtsoyndGrBFdmmfaDuteFaPLnnA1f5VrrcT3avdgDOt8jUuS8sWcJlqk6Ji21j/kuPRprMd+s2geKF+1YPf3/GYYfTM2kEhFHzqzHtlXdVUa6xAG4mR8aQsicrpbiSa9z+6Ex7e6JG1iHbV2wCD7lVrBnWzSb/KyNjwk17U4BCgO+3pJTKxva0ekUHZp4Ia8DMgBbtgQE0cRHXLsqBdlcPei5NcDn9yeb9rxeTOAYlGUtRYfR928K7mnTsxYgvAqI05sWUbuBrm/sgc4I/+udFTVlNOOWNHlnqBfqV4C2leEbOwMa+TZBp0jjl1Xc2WRMZPWsgGY2tVnvyAs+aebFU6mUeCAgEg8gn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "btPBQ8KuRZotzSXa8RNyd0KsEx+EsmlVuF90A/ogb9o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pD5HMswPnTC/ghAx/TJsj/EtgpknvgCnBVrHzTQQ/x1bRT5eZxfhYjeGzsM+fETo8t7LxOGZaJOB20t57Kf0SzmqHbjxyzR3ensItw3s28UzyT+HRTQkgBZ93o+F1bJWWi0Gd8ow29ojn6atl+WFKiWqe0t0ejDKyr24EItaVnVP4zz909E/eplvJN+IWaaUnEFHsStmf0ofsjSQ5KolIkepxsid2yRo6AETYrEi/Gq+ZnPKV28/7NSRCRi5g0Yuer/WSPPumZzomco9CTNgJnfzxWTzMBSUlPmayWbaz0q058WiGKGE/kC/TasbxuivM92sY6NAMK6c/sGEqqjHKYQhcc81Ix5ooHVNXgF325xVAFywE34y3MM7Pp94iHeRCsLM/Et9gE2rtgV+hzhRa60yXxAjHXMX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bvQE55/IyymOhZ/HCwlz6HHwzWXLNo0Y2FK5N9LgqHY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "l0oyJTTO1fO5/akDlIgesOJenCXFzDx3RnWUtV2OPExKodS8hx74gnr4yYLCsNwInZjCJ+Zsua2Z74GRSsgRsHUaH3Ofzq8Xfy9T9QQADZGo5Ec7tuUGl/RCYGjPvtvxuRT/fu7PT3MGUZkcrK1cpCnfqAZAl1FLClMTMKzxilE6/0RhUraI5tjzOEYs82XqGBrKXCLbP2UpxkVLs3dnQxM4X4BeWXLgI0LG/j6qpUXdQLLXG0P9nBmdjZNoYWCYOHwlOJF9wXOw+ApnS/nVtrOJxxkBu2gVN8VvZCSbI2eC0z0b3KpWJ7ALa1yAVJTz8Fcj56xzI1PzZFOhR4zUK8HfvTwbuS4wi1pTKFfDcb2Y1GGSdEPZVKLmkrmSjpDpMMZN28k66SmHFiOkmmehaxOafgxk/OTa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bvREaw4VzWYMaCiG6Zdqz+XPCuj+t1X3tbR4D84xarA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DNAW0m+JEPcRMBzHqlyihP668qzpGFEcNOXWMhkgYsOJuzE54NIw+ol1znygJj+PjtESD7NGSgsAzJ0mvNa182OM+dnrQK5npUKjmHIRc1kSTooRQPJf9irEFbnYMyIenv/R3+lBULCFsgjEfDwCvXq0qRCrpWSW0BVE7hIpbPGUfWb/5SNKZQe903c5XpPTQg8ll5Wd+0w8bqNV8c4Hnhg1fptvx9JBGdR2V0Ip/3MNg7hF/+x843St1hx8/lc5GlcM2Lxz0byTY6tsLbGShnXINb3C0LvbNA5gqznGkRlEvlSldM8NWWsdCknmHC3JEAf2PD8Wr4QpXHMJPJzqAe9+cgYWc94hNAhywRCd/CDyPlGojj+mPoWg/mBmEWfAoElfylkLbRW06xZCtVQGdmeE/AYUfbgf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bvtRb+XYoB1ZdYmLx7aFO1LIsNDoc80CAkmIiYZ7RMU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qUHEc3/d4Uri8xqTUK9C3gcEO25Nfsp0hUzJncdIU4xmk6K3OM2K2sGP0EOrv3ZROPwWgs7uqcMqzlI7StR1NBX1o8R+twPHa3sKJPYHFcQxOYMjLoCOvOfy+Qo3pzuFTR+M2TNTBoQztVYrZf7RnmNHvd9G6uFDtMEGV1fFBeoFt21ycqPCO0v6A5KXOBmin8izPaD5hsx8SX9wzihW2v2NZzuCgAlBw3v1Y1cXg13woLBdsFxs56YXsE3cFTMoRuMVgEZp+0K54WF4b4qvM08l5tm1Qwnj+1aW11BqHnZxRgs/xJQBihhcUX5XWF3989eRWCCGJnQRUl4Iwnma1KHCfR97AfbcqMP4dvOusL4vAec30M/rAoCGcydBFPCbo8QfM6dCO2WKcmC0NL/BNf+FOkjbPcl1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bvya+g+L62tr/rFflLQQln9q/7Roofj3r5BGDogylUg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jG7TvvgTQO7Qb7JvleBy0cKfcZA4vpKxJ04lkLTIWPO5OveuGmFp5AuewobCA7NMyw3hxjQ/P3u35Ld7rLXWUQp+H3MLHTW5zBS5RlQPLeU8HJtol/xnn/SAgjH+qKhpQ7j1oVoerQke/GxoLOUxq7MoNlIjt8+5dPhr/u4jkalzn+qbgTRqn2K8m5ZA92Av+5NeqsIGapa2c9Vb9nBVCsFl8aSpFE9G2syaACp9CDDh95CJmFjhhkZtMBcGV0tiabFpQ+mh2JHWTU/Um7fWOBrolPY6xT8TJVf8Sk9O71ixeL/g85tti17GkoTNuv5l2w7VEL8XvsAtgj8QYCoHMbuCmbJlUCp49YsKFYcSoPjVxL0dGVhICuvehJIGjPVygtG6aSBVROkuDlcoh7PBbN3Q3um7c+rh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bwuWRkh+Qa6+gQZrJemXg6J7Y4CaXu1hManyfjFcl9k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JZF0OMksnMi+qIjyVQz4sKYMzc4kjU5yACSg9ZCIse9l8iFooR/8u4AuJIOWWM72+9o6BfQ2x454n5LS1lCafXT0APDKQQlwD2mZcb+50xAVAhBebWQRFAWGkgMxIdrJnb4D1KqLiC7+ScyQfeKLb+5MmKDYxUXa40dX5dy8YRyG8CmUVVwHL0cpFKdm3k9qy5Bz8k5KZbqaYBedc2uGzkESvMa9hZs822S3Hqs5ChBwsIg5+oMyITeXCmVZO1SDbzYDXsL0+15wDs1d3O5Z21NCdhPUhknZvbBxL1mZ8e6l7LLAPuEd0mGYO6DCdAP08VIaj3+EpIoJI0J0M2aJC1vgdEqIaB50+xQuJuc/KZmLRCs8gXqiQml0lR8bZAs9XPLQ+WWnD67a13SDuxu2g4gcjwfPqQqS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bx2MNjvZuWH96wGYzVAYeOg6o2bqqGVqIy5HeGxQcs4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pk8bb+EnYGJBpPowVGsmXeQ9O7txn/SisC4nWbgYXcrsmjyN8+GNdKfdHjRcezY7et+LHE7N+a1BuKD3pOrI6Gx7hKoeA62NIlSu4ThmzA9mTVfr1Wjmb26fnJGlEEV5w6qsrhGcTm0eN1v+WUdDcszvit6Zn9WpvY6eymt/vqFbBtkma6i4XkBan3+HsqYFD+fy10fNrrnrPJ0J2zW5pe8r6aFRozLkp+4JNqjf91yjbZS4/ZI3Rpq00EmXqCZkmhW0aSNXZM4Fe3pOc3nSAAhDqvY2bn9DYKAR1P29w19gIZZX91tB92A3zYDH5CKJw7FlOajE0bdsu6ZxGsqBs/WcwwhPJ/1QWw3Z02sr+n5iyW+fPp4Q44dH95Xg+JWSZBIZkbBcBY3kE2g++lHNuMs0Sr+2kf76",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "byZP91+L6N23xrFitnMu+6ntdDyjC0I9Y5vBn/kSDZs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oECmSr3xp+d6w7XZyMMHCufk4lzZHK/FFMzAjG/3DkVsLlklOzsvVbb2UpNHf1m5sEbQmLJuRyv/M9HtwbFq3+oRr2UPPdG8KC/eATej/e/KKE+3zKM4JuFTdWkpywjZvl1Az0r5M+phnR/qy19RTFQc7QbfDUCdFtgEm6fQLPQqZKkubPKBukcjBCU2OHm5JvheYS01J2++qcMpeHBKNWgUPKzXdTG7uMiJ7EsmOdt+NWKQtWhkzvZWHd7RBiAJP2ZmY0Y//TL2WwqAJahkL1OE6vrkCIba/8joxvVI5K24//EX4NUlOtfnWpzatHmZ4rtsSeCJX3JMToUjI5YVQVF+1j4gusmh2+bElc26Wv9CTs+k8YULOQpzjFvxjrz7NBZfQnwnAR4CZ73MWUJ3PlMVS6BY6wWc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bynBGt1Jvi36UqhTDzkcv53iIFDOJ6YeAywn0FS1oq0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SJ4QhL/5YsfDmWGPdQHbfFBsd7skHh5Y0z++ncCRWiFZVEZVtwuJQes0RZEkdfeT+9tzhEBV57k/a++rjnlPXhMuM6cG3dQvsVxgVI3kF8w0jHB5ikG6X1AUCMDq+0omanzHzwSsufC0y4+TJX75elTAmLtiBZ5e+yD6rscnDTeOc9Dl8PF2T7QodLeYBcdCp+3BeX4M8RaMnvVqy9rVIqcAS7hNdifNk+7uXO7Q89eKC45RQVZfan+uoo/oAN/ITBjZLAyRdNTylBpRSyuS9N3vZ37idkg1n5C4a2+eEUyQgL/y7BSlsNrmKB1J3Rv+rMxcD28C5TEsOg8/3Rpr/bT4OCSCgzTiHwfQr4UIg2pO2K0pqnMVks6jo/M4HiGshn1H7dhQPUPA6q+k4Ui4KM1bInXOgfVE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "byrfRmT4LUk8mjTlR4eBVFPdeCrwpGjRSgsDKTUtU7E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T9swf4ZbVRnXsY1SEV80tcTkCOu7Wl76KbRrKqZLkldAzDljmaR6CMyuMR0b4ui2rEfO9AwfGOSRaSBmNNYzW4MLGQHeegWsnpwnZeZ2LJC+73aWSBlGSTG9chCNGlLjpDxI5L23YxZZJ6HOBGen9xL4XnCOfpKxsvpClbn9wB/5vQQYc2fg4s05aWvvY0YPkNhMfVj2HEFNgdlMZyzMTlC6rrZB081LpHRMTaFLFxG1re9o86ml+jgPvjWSLk2wzKIjoTpt7+t28dswQApT55JTyGLEO+tICGRxZjrtW+Bq/Hd3HHF0RaBqLyvGq9D7sXjtYuPTBiEcTBvwWdL9s/QTj/MtO4IrtSHYo6MwpUuO6/fHtP31A7OZH714MM5YV1SWaHllw+txw+HtCeA025dO2kUO3v1L",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bzKfJu5oMTPiUWM3RBejAkRTTJE8T/+8Roed7OO2wIA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JzuTCXVYB5GozIpxGgfAV0gt57QWEhwGctvzQPFLuheJrRTXlO9ty1SSmz13U4N47/ev9Cjp3iyCyjpJevg6zF7+/9JCSA9bS5JGMHmsf6W8pO5XL2Ml5JRmtS2cuyXDIWz3CKba4dY7wJv5F2PqgQV50P49ku4puBov2Jvjl0Z4NeEfKdUntaMda2ypHtSqKsdOuzYwhKS/X3dNujrd07yzJmL+JchAuHBU1xYo2Y6tdwSbSoneChHDFDvNfNzugQAkcZejjrDHmGlBsTuIcz+9tKu4GLiSvWeXYfUkTbDQblIGVFB9k7FJZ550Pdr3/HR5LgacZNJriLB/Ds8QCVb7TGRqug+D4d2CX1xew98aZcZCW74lxnDaOUK3Chk3ZnIk//cMLMMwZxCvkUpDLcM0pd9PW4ED",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bzhYlnTrID1kNe/qE7gKyzovTtOiqhM19wr9WbPpkpk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mO+bVYT0+Icu4tjMcZ4ABqNXhC8DmuUT9bT+Ih8fN/KKuuHPF+oRroTYYhlHaJAFulQO6/UYEz2idLh+z9I3+RkdkfV00pCVqpiDXkgucqIzoi6qYi5c7OJ7vfge3IoobOOkw7KhO2T+fRQNEiEZXaPYP3tc//fan8gMWIvYkDX56KA4Jjf7f3pc2uZWujucRuo9hbNEiRuJBBP7QZounbFeEQBzPSoVS4A5gYEm4fUkEdzD/VDVEilrljqUMA5TTb/fmX1p+s33wFqQtLFh7h11UK8VcxGFII0d6N4HaITdVq4m5CtMIJCI/73pcfx7cOz8wU4qFZ5PbMps//CEzlUDndWv3cnFON1EbyuCYARMU8Z0Jx9+xImeJdezQICRaMZHmAYgC9CkCarluPMAKXeM+yRIzSD4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bzwKDcpJi6WAufK73RrHU7O9HAgOJQW7DbPeJmgeEPc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oZoGa3wxKRkdNy8ElI0nsMOSzDM8/9rQgssC+ZR+RsnbyBtLsXOqLhqNm7pGlLw7A+gKZoZI7XlXssSR7MxYf/6WsXEKyFS2UyYo8lRcuy3tEvkm8+ox04Lvhmaw3Oei/WSRt6jEoddoo6cps/HqiybE4OUcBio/lCdhq1XrHK0LTqRXYuyeikRHBPKEc8G61HeWFj4IyRhNwU7huBmy898fR79U96osHKKAls60prfjKKjGc0i3x4cp2cy1HebrEQApN1VQ7tl0qkd/sQMx7YlvfIMQB6dP5QlQhSp30KbSdSEcc1oAa4MC72+o1/jHKQE073J9S5jXmWVw7/VuFTuBCF1uWVx2eKsBGPzfR4CxkdlWQ5DoORRtOO/OitBPDvAStw4owIRGikavl2hNbv783m58Xahb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "bzyuvjJ4fLzQE5bUmXU5TK+CN0EqPGaOkqcDW7eEtjc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SGIoSEUXqKhpFHoKolyht1CgkXV6WnhmiPFn86MfQfFj0lvvNx4Co8B1t6UQ55tc35+Vl6EOIzb9xWC4ykMHfhFWsIH1uhUH3/Em/yhT+4wjf8ukAt9pjyGw2y3zovDyhkKzg1sw/V+ABeCE6TDPWrsBTPmiOUyMQszO80aj+Qn87m44EXOYOgGk79lmbbV8mZ+FWPn8kVJ2w0zaTaxZjxwIsPjYGhYW+g4njSohawD8icdt5wL0f71FTdW1FZlVcmRzwzlpdVUkl0jvhxFgNk5ldTzy5yT0QxsB+mKknDL4vcjyQa+EayRiiSLDiOFBuQPST56Wuq66hTT4NH/OF7nRvt+tAzhV3Jc15RY5pYGrWuKK5uD3/t+YNnp1JZiRN6+E57rDN5dTTJeGMKKqU3t/hf6pXP5v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c+jlAxCEJ0rD4Y4lthiL9rPNUXIiN980Z58WPaSubcw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hREeRqvT6IEf4aqaa3DOtLHX2dcqU3VE0E8IqDznYoMK7jy1bSqJgq0MGWE0pq4zqnHtaeXQCxPEACQpxBgCmjcL/0MEEbXEyXgyf6BwhUbjcZo/BTcheemcEm4P+X1mIhe2iIaLgh8Y2kX4hW39VRjT95x016LJkG+8911TK0z4Gyae2nad7EM/r5CaQLsJ2h7fHmF/jZeLoE6dfjDXtR6hekZWWXl82qxD+wxdFw/CIK3v1BFGEN/dg4EbwJjCXx1+zOC6nq6GN08rRgTxjkSJoxYPuDYi4IQcSJsEOJzreRNz5kqK8dZoDL+CyXeqtne6jQ9a66c1eSZpcLsTV8leD5D2nw160f28qtflhJBf0TdreMyojWSKcP4uq4mv8+6lnq67BQQYkh0Jhysbo+aFVX7cu99f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c/PIwnjVwdzsRC//FRAsZRzVlPYecSHOAJWpxLhrt5I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aYSwmiXHNB8OA0sIcC4alqDKbcT6xyWdQPb584CQsa8J6OBEl8d7ZrCVdYyEKCJAUemHYtx8uwm2d5IRgFd6bLUg6asjwZTBXLZwmK5U2yqeX48Qxh1tBmVczJSS72W4sUJQqKc185XsKSt1ZzB4zPrPn5Vn/B9z1uhlEAvxfLQz06c38N6b7uSPnkTXw+M42Dr/wCCHBts5Ip5vdIO3HJ5/9JrT7rGOyrwt/9m7u1ogYN5Sktd0mc+/QGMC+GbeMx2RxfRHLigmX2K3mlaSzCIdHbwzUSW5ZDXpYoPFYokHVEy6MTp3B0aLJirnnV3xMdRNfiq7qSiQ5xuekILK0q8F/Ege9phjjvJnDFqBIpXB0Z/WHJd3EzLPNtvntuXAWV0D7agczaba0OjlqjNvyAZJMUYw/Mwc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c1aUZ9tmkaph2gfr/kwhMw+FaKWU6YELaDSBOcEgX8w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FoowuMYl8fmSozHUCn6ggfv0cDwkl+vsCcEypNOEWilJCMMj7NG7i6ZQO4S6Miq15HUtlu4wYTBSOudlGmkX6mPPkOg/7U4XlOYVOsTFYvPHJSXfgADmgfQ5ZDgIS9uIsYzaTZDrp6K5hI0ssuE7JMpPUieARc6koXNX874Pe5EC0fG5KydpfpyYCXQJNJWpj5LvGO9cDFBEQu1WH5O8McDURMftMuZKOYpdr346+syqvVSWESq8jL+yztsYFkBPf0YNEA/zczYGu54MW+8gfK0Gq036xk7zC3PsoWXCmZz5wOP7TaEmXAuF67m4geVdR1CY/OZd7REt54e2GfN4B3cirS70pwhUyJhBUIalYfxNha0qjeYQqc55Is1kitHJsbJPtwKB6XBcdBCP+oa2AZXMZOSqPZ3t",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c2cFtnS/w5nFLwQpAif+WIAr9vOxcalCgH5sFfdOG5E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DWQVStvw5fdQVEyfQEudthAwl0Ybc5MRAP47meyBywtbPD9zkcZ8/RAtKf8oU2o3XUWgVY0ViIJCRDAq2tMRg+08veUAsiRDx05VkzORwpdmqe6SL9qTvRCsh2tQ1wGDIFW3t/1tWIKo84cYxgXAo0C6agzUN/n5cBjTZTu7KphzP9j7HI6P/MpyIyIYfjQhXu5HEY1BLgSPfphWaItIMDQhgQPkiVIc+sYhJhBSxersQoQglMVTHnHvgXwJxNq0N38YFUFuXEV/XPROJJdxgtgteZ4yGbHcLvMTRSRwKBok0lUKwA4qA5S/Bje6PEzZFYnPCz7wuK5bZw3wyEynzU+Sd8KXMGwoacqxAPAhgbltcOEuB2Xk1IHsOhmW8lplzrnuULHSH66KyLp8l7LXRv/F/Ekudf+w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c3B53XW8Qc24b+yf91GMCK7QBt+GgCUZXpM253c+kvc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3tyvsP9gpzJbsAGcClaPDLjZRpAeotbg1yIAfq02PvNheP/ybXrFkBFxwyoE4WctiOYotWV4RyKdYX7h6DjXVK8wJv9mf0NWOczHQhDRI6G3eW69I0gpNak58s7uhv7NtkaXCnHoil/ze22AYsg1ekLfh+CfWFoun9hNiUsea5Blm+dRg/JVFg4hGeCXTgE9bTHEN8TGPCiBU/EUu2nNBToNlcdyAehiUSa0XsacJWKiBoDy2j0e8OYW5KJRy0dTngsRtCgzXxHT592rGs0G5+dtzV2+i4sqs8gXdI5VNREZVKpkfJYIVvsbVsqsbTpCto/F/a9v8srUHplYYSUz+2Rg9FlIN1c4Tin1tc+4Q1aLhkk5Ureiw3R/XKyzUzMaKaNj6Ny9tQo001E83aQRsCa0ug6oDi9a",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c3TZ8mjZ6wouU9oeSaTqFkGPopvZ6s0Wg7h+8S+a2oA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NXsImx9SsCvQ0woPis9ZKUXy9DhbFg4I0IhjwBvjkDETmWKp53UAHBQ7dxtrr+IFbta6Txd4mBL9CO67wD3xym2wECa9PaLdwWM22M1jQ6tKzq9H2mgxk1FzP1sGP3Nq/bZ1qIVtPBZwROxsJ2pTHRx9eoEcOjhiBw7lWEup8LyPnr4UpS4He80aBiLJ6VV3kqV7upZX+ZpunFmPKmgifrJyvaZGtCstDVqAHQP5Qmokr7xm56ArGe0F7Qb9H4/U2fIw6+dT7ptogcJyqyxbbd9aL8NPe0BR+DZDicKkA/FBVSYAPnNVrhNcEeLbK+WWE99ToMUOtO50mBSHZdnm08wsAZfPP08FbRJM5P1rcTRVP4v6P+fRQUPdon3Z3ARI2rI2ZYvZVVKOKpBNak9dTEbUM4hxH4eX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c3WlbjlrZSa8G5riL3z0NWagZ32RuKXSeMspsJ/HbcA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SkfAGQPqJyH6I/jcnFaRKIOv2oXpoZ0T12hnnMzCbnCimhqoWXlpw1mIDXfVv9A3dFCuy0nJ1kBnvFhMCCo+iUhr0Ls4Wx25yWINMVbbolHgTLohkkomevoPF/banqQl7lHYjPb/njt/8CA2ATW4ssAPV1Jtoq1ghKHjWW5Eq1R3qEIIghDGYFW6pEQb5s6/zAaTa7Mqfj+eBx36ptrQXh1L4EZz/PRpBmU6g4VOyy5VuYVZcQTKAc3ywMJcRqM3nnSsDVNL8SkMd6INJgIrNDPFLYP5mZPD9axVV8kbTfTFDtpAQez7dvxohnwVxV3LRptE+OqLVWM2OShz/+iy0eNxh4ccV/gvRiLVWgGl5mxG6MtOZv8QsIQlg/kNZ3LC1bMuyDbpd2Y0N6PeL7nDI4ciBOlHHWrT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c3rNWWDQRj68zGBNkSXRlUhDEHG0c9pJ86VhdbUylPU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uu9ySZZz/Wssah5tz6f0WDM6HV3bvgTb2bV++8IcenFRXlMuJePcur3SrMr4CUHmHAcIrxgbGhaeEPsV2m4n+4hVO3rLIkOT8peu8lWzyx9t8NWiE5F07ZrlV4AO27+VSZwEJsHvPBb2jIBsSIOb7BCO4ZoL4+YUAbL2inx3biKg2lwJnv3bVVRi4iC/t+oDLpyMlyIdkyU0SFnqvccLIMyyHpvwAXmc+5W1tJma+JwuskPAIxV0f5+UAoV4B4PBPwAoQgNyhDlHrNP9OmJwHiIiOal2hdAPh1VVnZK3gk7osu5Ywb+CN1LnEeL+XrtJBDLNiJc+tFCWZJqGPxFugEzy007Jj4lJTcylyfSAYOmBh7mZzhOVCs0ek9tjtQ+K/8ikuKHc+Y1nmZ13Q3APL+OVbX3bNd4U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c4+4OU/PB57AuEPYcxDCR3UI8aLRpfipxavTHqMt6Gc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HbRYqkTXOh62iWggL11wNgwpapZPyOL0ggfrNBBVVqqKAKbwsvxPQ3yQKLkg9kXH84uFnLbAzFuNCMS57+KB9NxankIgMtmhNG5xZ7F0gnDkdd0L84DzwP8LOf2b5cUsH4C7TSZN4qoYYgDOFpaflM5YgEtB5/d7JZjzd2y8l+KfT/uA9r+LQdgkcwcTT5y1rLH7OYewMKWfghapqOIyVeM1emCMRrFEexW2CTDeK+PEbFwzVkubJZoofpmnej/ZNH0Ty4cOfDtt5piAcIaR16PJrp6J0lZjhbu899g8q1lWmz60mEGl94LR1K2ALge9ECvyM5HQ5tgBpPWHOxoWnNHMn0IuT39pEKsLOJtWOLviouPIq5MDftVrT2lTYsJd0NkPlHnCW0NIljeT5cSrpquhVRaJW5cN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c41dBRF2hhAEiyP4TCXDS+4TH4sUgcsu5YjF9whZhX4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+TyaCP7xxcWSZJchK5R35Pgwq9lYf2tU4uhx7v3GR1j9WHV9afX7quYaGp5kY9Y8vUAV6tEUPIlQzig4AFPFVyvyRPHSxnlk7muGivr3vIqkGWK5caQUBmA/c1Mr0LEqg1N2ZCH0ZS2WT68LLiMusr/UjJDKDlFQH53ra7zOvJx0wCgfBIEdWmBagkXbpCo0Ix3MSHv80ZXb1HWL32kJPh7JOLTX1ytDtgr2gltIRg5p0mPvqK2qUfXGZGWFGw7CqnsENueat+7UxJ4nTB0leA1O/obbZVm/iEWBUMP2BvgLOCU2xz/h/Ft8HeWsg6pP3J0c+jbcE85YD+Qzijw/aP67cn38CrARyZfyjJ+8IhSR4ooP0u8VqFlulhIySzh8rvX5MSsgyn3v4L8eYS9rc0Km8ixp70ND",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c4Awd/hfmTYuc9E0OT3ofeK+Y7G1R/NBLi/4xgG7M4c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s4ea2bU1GnSWIBH7eF/2qOXslP1qT/mFVMaJCFpBqHbJzd6EIs7ueirYbyAMbtxWUZ6UjqygS0Y/lv7pfXQHa64ZrePEBCR5KM8BIfCEZiigV01I2krv4+A2GAm/az2gkqPhlPePVQ/+3zIsV11IpPsHbapSsI9ua5NvNpmAYDc2ArLcBTDz6tLXC702EUUdYTfFDMui/7MOTbwUXTabm8yqsVtOQCP3IS5aUMrwOTAIjJNX/FzT5bsRnKgYhx+LJPqirq6btJy1/1jVDZvoQHzskM9P+bC8Y5MVG0M9k+0SortmcpNcAwM/pxaR9JtlMxSF/LwF+xxcB+qxWxCsir3m99CsJ2ZxzcmE7xhVO/d4ftgXxahu2HZsc2IEfqCASRAg52oIozvOZ2lBBGryNJSZJl1sdu8A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c4Nm0T5EeXi8KszfFvOHIqNgrpaZW/nXFbgSSvV/oUQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GKJ+x7COxTJ3koj7S0YWkUCMhVBsH1L57omjkPub7gLW2+p30LlBY7LgRIZSj9i8c86a54flop8ZYbLUojl80LJ+A/dH72wQmPkSjnW7yCl+OytSsA5eA2uSqkQWHsVNJ333hrWr//G4M/u1mXzUiVPJCDj3uuBiHPaVykBdhw6Ugj5tdN5snZ//B5zL8zn0o3HPREUKiamjuExdozTVMDROyw+7CGe2AhM8VtA10S/NN2cQm2w2Ct8YQW7LASPErDjqOw/cYsQSHOaY/BvIYmveWnEECD41d2dSR4d+CM+smwMj25Vycm+d2P+PWW9tQoBF4YauXfi0NMV4MGIII216CnyKGXY8hS5iQh+O0Hk46dVHy1XWDDFq/TB+o6CRm7KQtU/ylm88FrHTnnUQpo77yCiUz0bF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c55m0DbS1vjW/W88pOjB1xPHkiJI4iim3+xYoMbDSSQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "61n/4019a+0xq9zE+ujmqxANlrT+0J5MASxMRnpFmMtXrQQvqbtMgcfEvsVaXStl/ikCphjGipkRNTEXkdHJg44QYXK9RF/X/tGcooaBV34SaffumgCkO3nZxY8TUUTLDBBb698qAoc4YB//wCYO+SK4jBKSD5+Rl5B4smFzmkobB7BhCqsxz2mNTsKSPJLFQReVAdRe0ecqP+Gsu81VNnpMsMPXMTX07oWjd01RpztYe0ViICw71YvP4yaXQn8szXHY6YKT0FpAHUQFfY/aooWjZufWj+U0zObf8BnUlFLaXuXyTlFWEr3smTDUgUKHjlZangrHNvHsR7ErFCOcmgg9HY+8QRnLAZKrA7U8ks44ThzT0dI6SGuM79diJ29tZNTSvTz09hcKfWA/cbiNDLUEXj9JhWDn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c7JnmNAJ1yDGS/P/oSPP0cUayzVSp+/NBN30o3xfolU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/7jc2q4K6utYpa5RqFakfV+g2+2ZeEyJWJrAv9EiI6ZEoeoGnBd7tG4y659x6O2wgwutOKD9aJ86Qnw1hs9fUA6PMEO9kNXW3Ujy5k+fgsYcZuFKUIynlhdmr1All/IEqkY6Ov/nyv/BifWjDeHhu2mrIqS0yrAcEYd5RjYhF+Aj+tHuKynQRq9hKis0z+BHCRVyTI8BVUfrQkJoj2KtVyaib98Cu5f3/RuL9iHfxCb0G326L603MZZFjBnIDLDxV9WvURq1DDIdM9jjWTpKpl1h1ahTRr7Bnxwiij1pDiJreY6iBKIYGFWTTiu3EyH6evhv/Z0IBD1dYoqJlyWUVa00ntFtmpbfD5hxLzq4ta57/pSRf3WqgGHvM7Sr7GK5j97fjBdgeadYm12FXRB7Pf8cZRNGcK1A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c7oXahbpJKkg/IxG5SoblfTcM7bqyUxxmU5tkZUjISY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2GSlWim+LLBU/dNdzNte54qifzcLo98rXggik8Tv1NeiEY2a5RejquddPiN15QZgRBFdL8Xg6V6Pm2uG7lA/AnA5SvhaKLQBrFdeNmcjs79D1mj4cWJ4nQvfRK/BbHtz1MaXhpkci0Hd1KZJ+lTB8mBGVJJuzYEKE4MBmPW0pmc76foHunOgOxjf83CLzKNLQ8+plrNqedU8FpxQUE0YZuXHbku3O8LlyBaKtlJwC8jUijldIM+aD+i3kZBcNOe4vLue0mwRIxdlKEvxpw17Ssjp+D0qC64NNM44qgj3n7hkI0IIwmOc7FMYSVAaUY1pUHsa4ETs2sDbGpSkiM3rO3cGTP2ib+oZ16Z7qeatYpnmdsZHw1mAI7MUR3zzvbajKzUjkuErmLWb2tjTFgzFhWfdhcBdLXEt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c846bpOKcFQvz8vV/3zPBx8nixPwlQAZrfR+Qv/iE3U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ELRxdOexyMqUFf9AScMhd5QTLtPjk5FRGB3aZ2N0j0q4DTebvclzm8dkG5ih+RkhOmpKsIhWR6vpyUV6VuCiHGFMcpjmuBPbsmjfZBlRfleWgOP/ekbo0q3ypVUhum24VrdkenMdCZ4of8vi8ArJ9AHsu7q5gi4ShjN8mHId+S0TwTWg8kflCdZvP62adARYwcE4qjqNXUajakQDeZwoRPanhOOPcNHpen0zef9XZBCyCESzZOY9wS3JR/c8Oa1VHxPNlDVwYAiiuR+VawSw0HuGIS8l6WIfi/ybWuE1u4CVnokzXR1eGen41jCFhwBcQ6yUoyQapeD1rn79eRG/WM4G5NTlLJURj1Us4ancAGtMBqgGIzTy+ak9r0wNlyNJaZ5u7WRGM2RlFRWLEqnaWCs4sF60AMdf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c8tgsoG8VWqBavGRaIucb2txY/as8GrdhyOGDTJNStc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/Z0Njl9yjMevT+2dEYro37aUPe+YzB6KJeQYxbTfNSHFgqxfof0ddURvnI/Bxwh7AdPmuqO2olfB3ylFVaaapiIE8xer3eCEJbHFc9LKjJysg0WLVPIaNEDTzvdavncJLnrxsPKPgqdUitpCtoIF9g/nsUVB+jVUH6Cl3ZfNsv9PsvJNh0QVfZuTXjvOOPeGAQO9t1qFeoct6IHlpSJR5fvmyu1IHfuJKwlIaMtjO/quO3dLmcfV2rxu1CJ0i1oopl7h+zBPzUaedUV0IPhGLl1Zcw6UWX5pBgscPO0aliHkhmJofTagOOgbmuOgK0y+uWLF9cuFIIl2cKn9EjTV3V3NziQLNoMtNyRay/Of5MrczjZzbvbEqQlnLaKnLDcmXsRTHQtI7/enNVPXXjlLqTWc2nxNa9FX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "c9yD/XucfohmjYvStHUIgPLHa0d/reFDX6H3o5XjeNU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "icLfeEANnRyhkZtwUpTZPC5ivL6TYqVm1bCmAFS5nv0aux+CRL9Rboyinjn+G9jLjVt4Li9XqnFm5mU9w/6kRr7OuvOtWccGC87dVk/WoxpYqFkaq2Wmpk/he9LFcz6S01tB5q69L9GiQwV9jfwUXZIDrmiyFmslrfC1CIVb5lPqmI7fOk2nYZJ6k2OplWaYB33A35zq4Iyu9vcDkrt5TdO9ph54wU7EEkNPMrGIbhndYv2+hOE6/+1YFNThIyFLsUTlQFI0h78TWGdi1s/smRhdEdiX/DzWbtEYh7bJ4ke5ykSjIfbrlQ6sHEO3JPAZAz7Xm4ubEgUKWlPISRAqDILViBI6ytNrd45zItgHpIxhGwbFzx+xGbRDoe2X6CEYMZk+QjKQPjG/nIS0r5dVciPBJvePweYC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cAJviYaizYM4wmHI9AKSHjhhwLLSqCJvezT/9Kxhiu8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jSz65dxmqkRQB3uvwUHyTx5e1qwsRi8y78WrSnhuBvuaTd/sXk0Vf0I55du44u8gnxcPFQJ6Ew36Mah4yWsGEsrR7dZPuJJFuBkXUub1CiDWOntwugGTSmnD7DRWvKzwVJqQ3UGMFNhN7aWCmUXcZpzdGPwoLNsFIGbs1ioHHzdfk3EOEVbSR1QI9aRhAYzHjSKB5qokbdkrYC+IeXnAWqqJ5MStlMCCCA37pEcGFGi94VD6dJ2lycI3F444R3PeXyOqIzszIrWga2hY2JzwjIQiZGzWQZRCZZ5B3AtkN/BeLmkYuqigUD1vm86o0jC06MqDP/RAcA0ivtIoPFDAJxR+F/5wgjgujnZrb9RSdBUNyfDhvTfddEi65RD6WkyGVPOuJLg0N1tWj6PLt9DlwRePjcNny/W6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cAYqyyaSigXIBiet10GgbConx290H/kDRm9R8wWik+Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YkGC+mpaSz4uB/0XZgzzOif03GxrD5mckDWCbcBLDAu+H2KiBd8NxjymeWDpoRG+oYhHxSc8LShFMscs8Kv65LS+/j4GnrMfx8T7MS8dvFA2mYKTQ7SrC5YEfEr0qrmfKnV1akV79yFMoin0q0WTVcqfXkKXTr0pVyBZtR9K5ukkjfuKco/MX0hJBfRZaJerOjlDWIuDKHJJgqexNCTRlcQs9xPOefB03Duz5VxwgVyd2P7m+fDlOfb1/cEqQpOE1OrgTX4EIGt+9AGtCJrww3UGQv2aQwS9GRKdUa6tdMYU6qbMDKoVUk0md+jeVUIu54dB5NVm0oALfNd3re5Kg4LZzke+X8SQjT315+B2OUWy0/FhKswrY1QDNS2waHoiVzMSnFnTyarn0Cj11QsfTLEtv+RBnPb/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cDBdJgZz6pA9PklUw7ASr9Y429xAyzrTy/ViyG1bGTA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N//W50tZ1aXYjuuRgmH9DxnV+ty4CfzUDwFS8EEovdi9uDDPz56ckVp/m65hX5is9F9rXxI8WDJRhl7hl3qxj9jedADPbaLnRNU8r0nbRaMqYpgWOb+7hT59MKHxxWU37rdNV2dSJUrQcG/FDqcu3buhH6i4vILPPuddbZanNz3lAMnEkc3B3nmMhYLl4Hfnpe6PuxjT6zsfhlCEhAeCAOw2rndiiDE8rhdNoamRpiNzwnBR0U50tG9aFNd3kBo6JFLNV5+N0lfjEMbzEUfaWF6Uhf1n764CvEYhdfglBtjwyUnzIOzJvF7EbQe5Vr2+6DBHq0rXmgzZMQIjGYdHG+kOxJijJAldKnVahxK7BN4k+VyE5suM2Q4tRuYQbIx6aSJyhedGJKkEKHqHDsafo4ksu9v/EC3p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cDvfqZpaaP4FaO5GDNA067kC+wxJSNNprKWT71LKmX0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "16kyc/rbuxXWwGi3Zvf+lSiFQuBwhJvL73Kpkpb5+j+MlbeuzqKXHensZ1+sk8PNzEjO/iqqbVvF0AJ9W87S+GJPk9YMgUs7RG+WbACXaHMcdrlKBvccSb4K7ZaxbkYXyCTP8Pwvr27O6m85m+nx6L+pRMFCs/FDUzwK6yOkn1waoSpxEKmmeNZDW0/VC9LY26+jx6EWN/GHqg+0P4SMeaKhYUZdJDqlAlaORb66S+ZvoFwoyMgdcOyKSHzt7Yz4Ox6KlcnlBo6qOhHOR073DfTjh3C3/jBI2mAFVI8H3p/QNIkvLj2c/KZDaIQQe7eWMHiVnI3FPD68pnKUqG6VZRHU+/fvEyNwHbWCr9/pxxh6qpaDc/VaUe0LFdLp/p/hgoFWzMb9iiNqKB2ywJWkw6+JLoDmpA3b",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cExHgDpNLrZLT7IEmfXRo3CEAWS2Yt8EI1L+lYiSRzM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hHeZvxWnXTyuYF//bZxshFxbxnDN7YxehO93CZsLDG6uH67OQI4Ya66ktD75E9RpwjSZgY6T5sVp8lB2I12IPeFyxvNEIcqP6RCIFllDXNyLp/cF8u+OKUzO2R0mD47DjqoRVB6viX7VkKYHsOikLZMb6l2Wvl2gW14Z5SCBzkOzehDdIp7DtOd6v/OiRE0UOdRdKJjiEBRkKX0dCul/srAOo+uwhuw0vL9vKeBnCl4woKHX6rz7MJaRgZnmwjU2GcYZ3awssmNtMal/IMpZFs4DmHxE53HU1CTvI+EHT6YceJjzx6qc4tXqNAmN+Ykzm3TdH0FuABoFOji3v1bkCzih6rOU+042TfNkGduJXINxzj37aW0CBH0p+m0wDLCu/rhjjeGHQoCaLnWINjsFpTxTJNF4li+p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cGV61+zL+qFVoRv4m5vfSA54KqNIbMB8ZAiZu7NVsgw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0unPVctGUsqyVzebJrEFmfLgSCEz/B2hq/uPQDpDwmTRskWOcwWL+TJsAvwPP8xGaL8M8ZrhWtAB8IfAEg7WxR2PeC33HKe0xnIPF/qmT8N6wQF3SgubvgS5RLXQ6IhTmdKMDzSRWrh0hZxreKhc3yrcMG/A3dfMVywZpjHrSv6v0jX/v8FX0A6JodDpF3Mbq5gJcNXPKbenb5f8OEV6Z8Crl700JuX2/j+1Ia2UUwzwi9MpqiD/+9DWLkv52IgwzZrYFdV8fLg1RfyMkU8VFSi8LYMchgRBPHdfBLEQUokKlhiMD+L+q0d0IIf0S4CMOjIIc4zmmo7ccBbTvdCtk4mkHyeVC5RQbr2nfQopcgn37NJpd//jGyycUKsfVlmmKjiDWKuIF2sCS4zvTYRdAITdlWdPdyCN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cHOm21oIDVwUv+MGOfO1Tte/SkcNQBa1Th4nbaGFQI0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "J74n7h26jmKpnpLcJR8D7iJX/pFnilWaxXRiUeAfN1e2muiOxveT8xJnI4DaYVXGahT7DVEPAYS+rzMh5LZS1Wd1CItc4+BuTkK0pEzoa7SJM59onx/iAT6Obkm6GqTCvcFje30Xv6bStFrMvCSqG2vXtZU7ZXZreUa80P4EBpFK/TB9tuUNWOvR5y7KTDONalyIxrDveYb8S6EDgVnXQ7cU5GyPLpxGcRIMGLvIA8QpwEIkRBppo9GvsIJvMCBUQqGlZvQL51GeiLtYOUSnctYDJ42AZT/FRiF2WjxPZqeWerWm2oWWNjIgdbHNY2x/yUO/w4E0nSl35B91rSBh22iDXxizqI1Vx+XPjQdvoV4CYQp8weUIgWRmX/cI6n1/FlRTbXZFJXymQpFEcJIkB0zXFdK4sox0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cJhA+mBCPMvZwNEZKu6Ge1DVkhL+KqXlFECQI3xuYNg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ncz3aI3iCFk/PZrN8QbwGIIXYSayW0XSLLiOlszRpc1O2erodXPatwlTQ3TR8YsbLd4e7N5oJVejG8mJFBXzwp9JKL1ONnTJH2iwy6LDxY7VfeBRnYmAisZGuUrM5rVc4NZzRERHI5FkvkSTsBdM/uex2YeZP/4uYJuC3eky4rulENRjF4bSES58rJM35ojPJeSmR8wRa9k2FKBIS9xUWe4r3h5Zx8sOWO45OTzfrq9vbSDYr+7yuTUp0FCO1Vsi3hV7slh+mOi0GR0LKqGY8u/5cO2/uTBFkyTbthMXI1rLwCxKrrCx+lve0H0Dd8+e+Csanafz3jIXJnWY9Eo5sArqZIcMHHHqshshrvzx70hp5jlHISVyMUioWharKwUMuQ85g5qA534gNLhbqqO8Y8aaMq9TcTfQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cJyMA7psuL+kXnaTQ53/8H1QNbsJrl25oZ2ijKBcOg8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SxzrHKi9DRo8VmiQil565aUoA0w6tcvReA9Wsdt9wEkZQaLAvtd7tzLVfFpKDVrLtAAcK4z68Bi1LeRPPd7aTSqmtR/Hu+dMliOxVSWh6BveKhm+rI4tv4FvamfXwUSeENT5OgFeuQyOauJgQykIAe/u28vdgkfnOThmVJdhznC/bWEmgKzyLqNwnSyR+i2P/jcmWWkOc9cBxGlVr0TFHa2Po/GDivhdJmNBlsYHA+E8XaQbbBoyU/dXT7GCeF7bcOCFyaIpWJ1FkQvEHK0m/C9gAmELo659q5aA9y1KetvzyJj6MEQ7P3OyjEPW1LwGDW89sakZmwSlqufmXBgtIJy3vfp5lKS5qyWTRzvf8M7T309EzeD70JJtVNM3W1JYF/yRwwGvgbVGWHf8c8oxZpWH5VIeKAwJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cKVXymt+DtMnHZFQMyPryqT1WU8snssDfTR4fCPR954",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kZINJw53rSIA1sdrVBXDM4igkYVPRWOr/Pygc1dmvkGsA7zsuddpFfqJtJP7Dpm3QevYY5+DM/B0q10d1LbIpTPhZY4UWY4TiDmIvm7btSsAN1pHQM85qZNRGyeGNacyRfpocOkyZsMiFS4mVos3/9bzi2LV4Rtuz3mzsO7YbCCvnhFw+ffHQp9PsY/RFraGrjP8ISQDP8puKmPhrrMzb+I1xe3DcI/t+bIDBEcCFK4k7R1Jw7A3CQ08ttMa2ao+Oq0PANDEjMe/B1ya7INTBhnsfhyckHpXHbtURaSz6NTcwhSHHdiZo5savH0w8O40srQ1hIZSh+QYiT1aLtgyigvA8btVI7jSxsbYCh7e9ZuPbm/3WfKa0K+39DKdBsjM2+ze4Wisc42dp6ZM5uGpTNTEnpzw0Bwb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cKklC2PTlOZgANR3m1mcKZ6xHGzKJmETr88DZTCD4C4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pG0iQPmIbVwXWJxR3NKyC5Mco/AVsqxRJmsbR2tJ5oq1vfzQiN/ygISMTGBKs17uqI+QcZtipzFmn2FxK1lar8gqAa+gPiDJXmVDlBU4WFNsAdO/gSJnIeS1IoZvN4d25xbIpnWQ1U4ppVnontFCKSYYtxHz/Go5auwrYUFy8FIx1yK/7uCmx89d24C7xAo+8f3QIn+nMgiF+iCgdn4Gh1GixeIeo7ezEQCKFUX5MNXFpXqmoKHIJTy9Ii5PeRfe+ej98Ri3oJInOmEHDT8PTpbAR6SQryLRNsgTZ486AaP7I6BcXHwvEFog4Fb5jPdA2QjQ6HMIjPYZx/g/CoKA5k7OiGgjPVGhyDTE082c7g/3lgrvxx9G0yg/5lXgDdLC3j0Nim5YKXlRXnswLTgTpmg/y6b0jy2o",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cLHySnKK0O+O4uvYlI5Kp1hNoDsIXqT+2ToXBZWV2qc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ASl3rzkWuoe+iSuD0E7SN8pF4I7oLCfdgxC7jDHrnErkekpA9S3l/+qMC0JnzPK9trdpuSESArM4TzCejCYF/dLSSZLXhN1+nIauHpch78C0/isXvvkCkkJM5/BjXej05apvNbv2L3pYffhts+iqkvoQVw+G0289SI61GhcHtMmYyGwrF9NyoGnGqbb5sUNbxcv6cduGJAUWKQX1Qg4FC8dvm7GOkwZ0hgRLw6cvn1fn3kmRWzHMkuxAWdeLXs1I3joaOTa/QYGBgIQF7QiQ+ahohAmXvXcP/SXx9uYcB/aayH/3bJLDZkRE0h398Hna0Od1gL512evhMNQ3+0jY1BUfM4KHrEDUK04+9hbzG2Y0HHYvMNNhHcCp41sA5jmX0mZ97MYsciIvqzEi0BqYio+woLuE4fLt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cLc163hp1aqnbxBL3xIruXqRI/Oxr2YELlkzjplvCIc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gP5MewialnBE8UBUkL4IiTn26OaHBhGxONuNQcZUZAO6VOMOSzWZvnh0u6QIXsMcBMqP5ueE8URyn9MU+c5amGPp0fR2R8I/j60eU7y1yxaXdov7MBVbDtuQjNWpnDgRhp/RPw71SkhNAil4aINZtcIsW+0LxINeIGrN+eQqZjGc7sRgAlrH0fnFGv0XH5x/0DojIlkxbHK+WoE6GCdHJ4plmIkkgIQQ/9tJ2EyfT9X8VGPrX82VH+wrZhV3GySU+9BLWY/P6u04BBZaMrFm5G/AjHfWL7g+5JLu5qfYqEf7VGSJ9tRaHXi5U3pW5CzXidnQ0HkgiNc+45/iy45sPU7XX/XO8ASV8aZeI7BsHlKKtNkYsZeqKwQuFaCVrlZHs+TpdJIhtrNOfA2ZKD9g5hIDjGKUUbFi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cNb1nK/MfxWLhr2Bawt8esQqDMP8HRfHK4tKooiSuBo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TjWIuJX1/Hbon2fhFpsYYx6wT4dJdwnklnNWju+YNa1A+quE9Du1rH2BbpaTgcDSDVv0qlkzxnJ95ry3iB1nggetg74b6DKQoUckXa1vOXIpwh1vB7m+q2T1bqnFWJthCO6sVJJ5wGBnALZs2PQG31x1CM61RXLX2YHCaypVU2NqTfiZRiUeeKCvSdiYQSlbZccO/dp/50RAdC+lrppcEEq68j4FenVQAQLVoPcWlHU8V2cPw8ruHVp7zKydu4vB5fvFS69gwvjgFA1j4n9FCj+Xlv4nMsD/EzenyMp+pe+oZILZVi2XZ6/sSrRaUDHyjYUljaovGEc37g8A0DF3evVTTsZGwZNJGuBc59WaWcxlLJ83bcs9lNXmz5qG563XB359tj/5qitKDXpamSLe/OYNiYx5KLPd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cNeBBIqRkoSn4yaCTFq0ZQJEAIVuLE635HQCM43a1z0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E8sFgNgKtpjokaRs06i7W78XpvDicHqSzkbguD0DJPiaCD/sLNk5pN/XCsC4vjzyfGAOcsC2/1tBFBGxAHjNwn6rCXGy17rhXdFElRdEdjHSouqsKs16V2v5w4poMuaUS+k9pyi2DDEtOxx4e1zEjFmHbX8gCAZrwIUh/1WvkpByeU9GbbZTnKsmVkbkyUq3/0AC1zC9OvwkmaRHE+qkmwxSPa2dGyXtHsTQSjW0kVayzz4sZdK0dC2cYTQfyOvsTj5lAfvQufn7IDv1+f3Xa0BqPTsoL0Eja6pWcgvZh+2xbRRrAGviy2W1X6K3M9QsTxotqCb663oZ28BH0lOgSZjip+nnrEntkHxg8KBglAJ+jUYvQcB8Y4QPw+uufAypO/TH5MZ+CZItnqhkLM8EInW+RflDB3gt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cQSiWE4RTjo1cdiavqmR9mjfUBu0xj2UQ0E2BVwyBK4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lQBGPOIVfZEDE7g3oBr44rX7VuXcLvvaoiQh1JAGiBrtjFFudor05pNqDxbugGcbrid2naa/GmvBmYe5ch6CLDO2oENQ0tflb5OMe+KxZH6z9uo9BBtyRAb+NYGfiVPKRV39kwwKgv0ReHuVoxq2UwYorbpIfwIMChQ4zUFV4PJzTypsB7+vfVqhEclWOs35Z4Y1wXJfhx+uG2OQCbHW+UuPtVui+xpEjiX7JroryZpCH7MAKwhEztmeJZphKCzyPsw7DP5YkrnGYfqwXiF0lNQZoHdcaGBlkbqA+SlveFtoz8utxVUYmQNBOsucqbsLBVZY3/JZnXQ28WqFqyBtYuOLWHY+39yqwwtsaNPaeqGrme+19jz0S093Xq4K9fXlc6QKc37PEM+VD/bN/IzETuy5PFHlaUMF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cQkQKCxdfPAe11bEhHcvDlaTYBuKowCdb5NMYPFRlTA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MjWeyb5yDS354COpE7DvY0YECj5eaJ0pvLn/sipovrXY4iUuauYXUgpsMWOjfCzMOUYeUoYwCEkhCrPj5aKvaNVqSYCP2mH8CkUJd5m9qrcvkUjDppHbFvQtmLZO5Yx7/rNK7DhYjkJLsVCC2TrLQDOb5FQvIx0KkzvELuRD9vt/oXZJ9PUZJ0hrb3HIkQTlC15mTde1BBrPeVvlXtJTeMz8H8odBYwHGAwHuA0J9FTyCIpFETfPaYT49xTLHl+wgM5HsmCQsppDXgInUT9DaE0leuuzYNZloiakXA1dlxBCtPcFPDD0WCylmhLxT8RfuX051yMaOtq3g7NBsNiWrcChBV+hrbpGZ8J5ZbtK3TdTxmmBlBpZg4VktnvhNAu8AF9/DUrHD9vy+FM3VgS7zdLlXkdcRWzE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cR+af6+f8NiKoTx9/ux1Mv/Kh5LsKre/irBF/4J9Ouw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vxKk+00wgZ+hpcKfzD5z+bICZB+iRgd3o2BwnPpLBSvVSxPGRJlW/HF+jJ+4KenY304+qyEiBoMLYJJAMN0QoM5HKyDMlx2WDsQGwiSIi/qzDUYpRflB+AQts5+QZ4rGMfzE/PQm29DlM+aEs8k+mEE0Z1gc8Md1odmznuSN3gDd9VbBD4VMVKIfp63Cm0hPFzb0lfiVrNyPnKNQU/PX3T/6wjP2b/i6qTi2eCY4DIub/uRH7WqroBak+MlUISe2KdVDCqF1HD4fy3boGAsUQoUQz0WPC37fUk61os34zfqH95tI6BuV4Mx2PMAxZbgCu9cCrV9PZrckRqrTRnVxqZbKNTZhY6WCyh52E4yYWKEjPUTEsh6uQH/1QF1gvsjvgnvkGIhf3rceyc5clAizsieuwCRp2578",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cR3Wzm2i71DAfNRbx0VplIElW8qcyrzEDgPUNCAKE2g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ci4tH0pZBCvLpimFnblIlfKNaMZr9tCAimnnFyXLGQramriBM7j6WU+Goy3vdsqHGXDLg48JhAvaq1i3X+s+SGvWAaxOIl2g3sEkNzEvyhL/IdfJZEbuOfbscr5cv4iZjrU6Lwf3mcBeN3X2J19EkPRCFJSf4isVPdd8QTvXDfpYMGsexnrIA0gyWRLMfxzUsqjw+cgEtOXO4v0IyBWob68QoAAbTf/9P2cfWks/68EfWMmpsGW+E5BRBF4D2mi5AFWO//vPRwMewWRDoJw2cxeQ75Y6x42DP8RCbNCOur381KscutsILBlhqE3ePjBs/G8NPNbKkX7JJrrsMHE3M53MdS0xVetOd4V1at3eTjnIFIxRo8xHfb2ExVarKrFnj43aKQ0D5sq9ZCD5Lrdt1KwnoL9mzqKu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cRFV/xjI4WKktvraMv1n9GjV6AW0m1a5GcEm/8MafD8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r2d/WgLzQYkF6fPr8GmgfnPAea6DcN/oqunl3wCEwD5MsFiKlLcvqsTVkhMlynetv2gaRG8IIJ4+nwEN2DyGVfDJHWUItxTCgA+A8zJMhbjv1WCW9Z4j0BC4Li8nSDKKvvul5vR/WMWQskTTO6VP0/IjrBO4L9n76W2qsrq5caRkjeeA+53AoRZp8Q7OAdR8jFq3xJmlIkIN86123u4ksPzNcSUtn3z9jSaaY6VeDLnknR6xRHk8O8EAiofhTG630W0dEajWi8vd83tpRUfT+1FajZu9bIe8GQ2oeS7+hEVRVcuEopk0zXt9WTmCycKLlNlPDEcGwHGh1SUZVOCJmvPWvWfQvFUemJxDWyTrUZaW0uQVDgE3h55JMJQV+ti7JmCeCgDtDmDUYnWAzBUgMZVjrDiXcleA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cTB1Bk3ml7TVjl+kZYSvhChUM2gZNpZkvuH4BQzv5ak",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F1bO8U3igopok7hw8k8wdWwjKXH3FIoZ7YrWpj2Lnkncl3V5DzoStVa0bYyX3J3MzLWMz8RhDIquMQl2UCJkX9rsfFsCS2X3UVP/nM2GSC/hsGItgIIvVzbtTXug5xA0hOLa8owpMTF4svYA8+mR6adV4W9+PdXXnSUMNzLu49k3Sy+xOkZO47145Bcu1lEz3x5T9BDekwQpfz5BrlpjSA5FBQP/b/RHCoE9RxbCBf61+b5yovuSnEMttt9w1HXxQhCfZEkuZIiRpm2OFPmQPe24+TIczfkr+eKaUKnc0tw8qcR8VXIMhiZzZDPYOR5eXjLio1vVyGyB9AN+nehzVmizaMurQLkjNCkNsYHMjEGYJ/vOeMX3cEkZmq8pxN7Ai3iRyb6nXNEs2jO37l55ImkIT41LxLdJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cTpqMsf/veXxaZonIPGPFUIes05UhVK/U2aEN9Nu8Mk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vY5H0P3/1CwfsNeRJp3idb1Cmkl5gSNmbEqVPbNvR3y6bDKJvQFRFb4K/lf/GMpMfspXTW0Rlc8EIGy+rqHG8ty+07PzVWtcITgNTWYqBnEIoQyUevYUXd1VS3GJKhzo4o8mv57SZysIxKnN69N7i9f9PMVRbaa5DiIhEZqs5HwTeoVeYGBSAiCH5ml//p0wPAot1yA3VlS8N+218w5qsggCG27iAVcgTv+Zgp3M6LqHVMd8zHEMvtGBe0e2rocvwGAhybCENO00w3d+0BN8dLb1VPgCXgnc5ZEqV4v4PftWuJDFxjOiOYm78YB1dLqzFz5MvpznC+q1q6n4sXeG+GXtVyyAOwWKJCgb+ETNyXVO/+oUR57lPqbuDcKrZDJLCuCq/kWNQBKqJil9RpciYk4nKUoIsyak",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cTru7WDcBA6IXE54zzpmhUTle50S7rmOvOA6H+jeDYI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xT+1AOmtG3Bt7t9hS7pKI6v6FciAVMPU5xR8w58WiXvKITNXL6akjJ4lmzuXXR3HdEGYMwStqBU/H10aJEGT/7VQHlhkN/wtOKQd+lby0v7DDmLQMHfQv1tqQbjSTrL+83+7iFGPVBoye6GYtVWQmmDStDbEM+JRb5dbsV0W+ScvTx3TJTXnTKgbrBNSRJEHnBhEyeeV2SKzUtndqoqIcg0U2MGxGLRMnc3HfL1pcqmuLFnMxvqMx3rDSJOov1/i3lQ7+2Iir5/bGVjLe6Xglv0G1FpHVDEUj+lkBu6UvsaYX/s9CzDgmGz0Zr97Xi/jXtW/Br8jQVyIq3rWS0IrfrySOLwTFmVJfY0mj2vviT4eSL5hOYoUlhpn+T5dl0ss6rNw3XSSOIUzBZMUn9eoaFQmAtOrBHqe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cUbPDSABtS1CHjLJdy6+sbyhN5CyrnzxyiVJaP7v0VU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BJeys6Xc9HWiQx544nHcaTmD1U49tc0kFjGjNMuWpan+h1nD67y1gQLzN6sU8X6PFRF2uslhk3LiXSOfp9nsH3B0su5wIBVii/nEIYq/r6R1IJl6GL+WzWRBGh5gxRekcL9IcP4AiM2UsSN9gVpSovYJ0sQGGpha5xJyX12MZxQNQaRHGUzET5vC1tc5Z0Q/J/YZcwu3dpzLH1MfG5z3tpsx9c6xDWMnwlDrrODO2mRSjVh/QYYM6R+6mPWfDKaRLx162qotZYzz6Xxz3a/ZiTX/u2hvjhENbj6JzYDbkqgDi6aRPz/bU4KTpJQwyf3ur6XbT8Rh7D133AxC1bQfd0bvftXYRRHC6XBN9S+yLszRy4bqX/Z9L/IewK5oxxpuVNrG9ORwGmDtFZh9J2js46cqIxLeXxGP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cV4AAMjvZCbYDCfXQc8cpHZE1ys1x0nhwecPmACevMw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ixFcMYrZOhE+5eOXXq1s47af4OlLWlChoLf7+JCPWqmYkibChUSgqtlMdFnhRtIIQT7acR9Qq31MNk2FdPzOgoX9a7k89t+XvfxgDwD1SF4RA4ipjWnkTHmCBLgh08PvimBa4JkUpkSJQcj0H+KGv496jchoeUeWPMAHBaZxbkS1qFha91W8uIG2d8MZCQefeAlTcT/JBDEpGoVx0+09N41seWTS3ZMG4HOGiY1el4rrBvlWaVzXdsjNPlC1c53Bj3JtOAE+UQBGpVdUmyLagsM64Ip/RdCnM7DJSXPIFdALhKuScpVgcUSsmQW97KxsjRdqosZvvq+irTMWCWJfdC8cm9HTXD/Ax3lJw0Psg3Jc04E58BTTU+WJCE0BpB9H5KIkW8klkAdA1ifvKAQGUEKBIuxI+9DQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cVEk6/q5M0bxyR9clZfb/Bb8ezZNEyAvQTxiEpbejjA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tiwXSQUen8x8ZoremJwPMPzDVnejg3E+CJyJuOgHVNgAsAorOa3LtwXLvJRUV0X7t/kCYEhoMpJBVBPQWNOJAd03fd+1eVH75j0dem2OCKV5MUCLMV7P/BVeFiPKdOq8bnP4zeZvapfI/HIhw+L8pbR19EWzbhWBBN6eZLeYA7hVZJdnSyNEr0a3NNYIKhQtW9fN1nVGA2fbztUn4XjbC9s/jYScOrWiwfdWG9ZoSkXhNxz2/uIT4RwRqOeVgueRPJ33wlSypHstmykmpBJugNRQciwOUIpANsHNUSSCsOojw7qXr41Pn7QnaIuPIsT7T8SRiDqnCTgvVAPsRwRt/G9ZbVVHkzwKujyrsEwzhCRhy8q2nZwAMAKG/c3SB7/xvo5TX4TZgrU9qkUJcsmGtjO/M6twk0CM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cVgv5XJNn5f4hw8S87nQml9CxfOpkpQVJl9Hux0+/QA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7qUIIrHINzrud2ZRpvOf3lOTvOWnHMkz6axjn53ObQCNHTxamxP3AqKw/MN9JJWHRF3pKOSG46V9iMWTD/Kf1uCQ9kP8u7wfwJKJ7D8MbNc/8HuzAFgL+2ahakLH+t6sMe8ny45wbmH4YiTLy17+wI/O7OiUmITJn8JpbAp3lOGSCcZ1ynQSrz9bjWCYX96CrjnfRLJD9uxEXgiYOFZxO9XYQr1XoSbZvyK+Qvo8LrTHi0UjcA+fdpfQ5ZWJCSkjxKZsreztaTrPstcdyVPKauYeszxhnHC7pGnRGMHuPxGTry7Aq6KaCKHvNf3hVq0PQpGwywJgtAiVUKpJ9iiTWyByIwbhTJCAPKa4QSrOpbvAxgjI35YvVmhPq2ydsewzydA6u/TkGTJ9oIDE4jcBeEnmX06DOdEv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cWJ3BjRzMKqq+IC3M4EhmPpErBb+w+E0DllBMiMkX6k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6/nav2WVn5xiMbu0viVvGVg9hFavv9bOwlo8ELduvkXg/1hukMxcBiecw4V+ftBPVab4OWD0c3zuZRUyH/Za1v0wtKTiw/cg9rZ+axfN0a+JsFKOCiiMQbtkSmIJA69yiK+57mT2clp7i3ADcDMg+5glt6sr9jGMxJK/9IBH1HT507ZgzMGswNnV3oTmQme3xSmFZ3AiFB6ADxs3/8xgI9JSWmEE+aEhRSsKkO95wU/qh5KibnxdpEm5F8GA+LE17gbihMzMYZHyOpJBtuZYQSzIBX/g3vJVQwfjxPYz6oxbLODSnzrpih4dhoOyEfdxKi5n2YYBzMig1loApHPJ7Xbil4bWZdOH/4RjeFrlMuzqIbcVW5XUxAS9+MU5+t0qt03+tv5BUt7zXjG+PzuZZtNtlf6UQHOp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cXteRg9Hdpd/zRvAiHq414PCo5JP7jf1VtqrxpEWJQ0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xlqpID4A9f8xPASu0XCXYxvUovM3b8a0oPR/ALgzQ6cPtPzxqiI1WsFqvsieyxRt5oMpZKt+52C27C7JZ5JmZf2z+4vdqjF+xcCsFSPhn/I6pG1zr8xryRsdgrdag7dD4A7WQn0+QcykYiF4PIr596nuL/cuOwUotrRd6RUHpdPqeRFDv3m4eYYmFp/z2jHiuN5yFuKQeOnNNxayJ1jdySJ7JWpZM1LZc3h6xgAdGTedA+9/TclBx2xv+cRFua5fyaTiJGjYNbKAQPyw9AUXlMAD1adGXle3/pNkpzmlLN327CJ18cGGC/YqQA/HOCu2hWxCkqq9MqHlHsqLxreXGaI0aE0ppUGnbEU4LkxoLojgsuf65oSdpxFwMLaemnkL5WE4l+iFtzO55UInriwK8DSM2v/fr+BW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cYL2qk4Bm+rMArzMe5yKrIFTmQPoVcO8vawcq3jvbGo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XcdryB8LWlrJYFnVr7I136Z96KGrjPod/AcEV+FaCspLZId+grCQLG4QK5IlZ028XAx53A//UW+eCjmzhjooDaG62nxJafjcfv4ZiF40Jk+lfHkynjun96eiPy0BJLCvghGStBznQ9jgcf0ixvn9MLCSXfx7aptBToPSBSBoFGf9XilBXHiU09U9gqG2UobDuh4ZEBYP19ctkeZ4WqdINzNpQujZPaH/VmsiXylPbuzYi0hk75JC2rw0uvdIGUc0V41bi4vKKexyCPwu2RVlIdBWUpgkHvpPFcROYNf6OR6JtYkZJHXhH+4xAnjPoUofMmjsJpdwOMKIN/EpMaa86ARCn3ZihlSweL7Ncl0AkympclUGZeBVzfLvY20wlWFMPGhQ4F6O+qV1qvX2m80bxm46bcQZookh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cYY/bVmsq+tte3KsJDljqltvuXrj4O1NP3gvVrSL5Z4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iHWHHBjWZ4FEsJfXP3ZwmK/l3BSzcTcY0oOxyvnxf6//5hIIclKOfttDzTtQq68Rj+fkA2mfLD/GFfW0S69Lvky7rc85Wbh7IMttMoeHCgnF+qpEF0owRNc7f7UFDO7vVZWcRozgPn9p9Ao+FGzaniUTHpyWF7YXPcwhKbppSsvS9ySDXZhXTJuIC8qW2vMTtgEtzzR6BumCLwZI8ETANC59W9o/uWWLWaky1E00eCzTKgEIVRyRQRdIXcwJdR5DzNGyc8ffCdHoMZqhYXpJBFxF86ivkDG3PdhGonLwRqyNibL1mEFzVvDLXL7oIHGe5gYxnQ0EBxZQ1as0FH335y3bt7xGbd68MSyR+AEPPvfyqpYumDxVzgzY8S9f1si1zefhOH3unaiPCvWGZp6vT8qLFZK7qSur",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cZ4Ljco+HDekX6yeXEQbTnd1amk6eukAAUnb9i/GF9c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nmDhqRMsl+2R+LtAIEpeMqzcFIuksWLAaW2e6jTF67w5ZugFrBOnWOKAY0S4O2mOrkfQRHx5TOKJrr/mkx3RsjqMf7htrppFpAxJBXtPiBVMlIxNMUgbl/RGMd/DNyW3MF8YI53fz07AyCndnEI/d1o62uzZ4nDhdItqLkUJuIwyl7pcOXF9jhslsPRmMh5wn1SeVhuMTInEfdxv07EJJAdo24nimUWTBPaSverEWz/4w98vgoGjhAfevnqkDF8bxtKLLNsFPBnrCbStY5Ya3E7zDa5tobkOG84XsdqH/zjaEpiKTXAO6hEYJLyRZVYX9KRW038fDWvwf27VGZ8p6CySREf7/BV5ujwUhkeN3AhWhfRo01z+eKngEQ8zTOLrT/l83piikV1W9fJBw5Qhrx/VMbFMLUGg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cbmww5Xbhnp1CGRZswbkh5IGCDIUICGvXu0Dxd5lVvA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gfD65K8zbiFtPWl9SyVG8PZcQl9+4AFTSLTpbvuCyNoWLAhlyTWyPClLj+UmFVVH8Hc2YXj5v8g3FYpODp/a88nchLR6FjqQyEWRJNvH+gCb0WYiuCrodneeM89/ovKcyG2xXgDDDJkpL3b17TwlaRB+4EFeLWznMjDYfyko8ntXSrXw6T4axZ3Bah/e9od037yuxizU8tWfPV3b6g1VVKAxcIGsSNhr3rjAXy92wjT1PYNGiM2NgyJJKxoRU6hHcmCaoAWph8nv47/e/GM1LAC3AsTE31V//z1qXtSUpTrVf1DLAHsnDDCJhlOiDtbBK55XGAvg6tQ+mJlytPegOLlGzklSmUP2dTd7DIHKMG5z44vP48rY0oqh8FM0hmaN+53UY2woCaRaD1e4NiPNIdQzEWqKz/4Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cc/sOaoz7zzW0KiDfBDHDsAUFPvdzfavFbWDD/UWDvs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9eZgO4ykSggCiHjkry82gpr5O6aIpecAjBvPv0og1uvXEiHRUhYOIah4N2uOKgTB2+j7ny9pApRiq/qxfWZ7U90NwjL+H7Mba2q+co2VS7ROxVpzdeJUoBe9nTa8M2beph8ukCDslrQpBMhjTq7eIu/Zi14UBWxMnaFK2IMp76xqmlZKzRgLys2s9GilSWGAZ1yquO27SA3deyZ+hZOCf5QZ0PAkrStDXNAFna8KuTkdKa3nqAuP/zLLfNIHVyx2/XQrLD2iyQli8XGM4P5lk/se46MQqPYWWAfXXc4qEFuLmlktsAug1ep4zLP923JL9AsZxV2rx1otfm8rsdB/fD3h4rORG6pbvXNaWbwbf4xRwOTw+n2XgQ1Q/7MFdlVfddQAmScdYpgRmshdiU4dmz7FiYoNQbR6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cc8c/+aeCmCBChp40weV83fEeRRHGLBz4e0f+i6UTF8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "p/nno47bjhiX2SjdTfpwhRtm8A6AYBi3TuVr+ZV4pVNTaTYQfsQ28WbP2pUPXmunCDTvpLMgqDY3vEF+Uo1PtRoZF8ViIzf4xdYEV1aWry6NOqcHeiOCzLzx/HBTuFypz8HQvUR2VRnunI+y4kx6Nkd02Jy9PwV6ljE8e12VQeh74Wg9zsvPT3CvrVLx/yqY3yTFQ2bgnS6rPwo0V3slzTK76APhjyNwxsTIm4ADtVohlHz+r0Uw+W3cNomQsU0hs0yh/UyTobRiLCWd1RXl5uWcxS81MW1dwelG/pDBycF2/eSe1Xmfe/78c3PvAo5L42DGgy0HxaI60cmEoq1hLMwISkcm2SnM9S5gAWmE3GJh+nTBnDrBf/8MXamziimRqTHMMgF3Iwk/ywcHa14LV/pGDkGqsDGi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cdRPmlbU3XgliggjRJdOO8qsJO30je8ccjiEQvizoyE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3Ot/ufCoTxyP7Spz4UR2zpMxL5lPxGAb+fBIl1+ftXi0yDyYLAtr3JFSSBwsoLXVXoDDxKOTFn7vj6Le4kXbNtH9YgPoTwwnXMeCN+z9x+eWg/wzbIx7ggoiWk7qM3QmwPVjUN4oFndmq3uDZYEIzxUAJPhtdjdSJOV5gZaZR7YWPE8PTHIuvrBgUTqSOuQ1XZywyxDxt02NHU6B4PkIQJanua4GetZOnbzJ82azG2PU96QeyalsiA4mkbvFKCLJ0Vtdmm9uw0AxTAaplQd7NA0lmAxjcKVwApDFWmSRBj78z+mf/OqyhUiYzV9enY/DgkFbZsiOFSNHTXYg2Y4MvbhZp/VSltxNjah165B47iraYsijxE0Z2j4j5EIwduRfrAXmlBJ3ppKcBbnoSicyadeL0xvLAWTT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cdj7a8LerjIEUQLEjrls4u/Zl/980lfG8L9hos2K88w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qxsJA8AqqVYfjnkoEMvP+4uvK8s/Xrm1EcTO/L9Ajul1yxyIoPma8t9fX3PGEXhv69ssZ2vMTJ6PtH5IBH9xIEpPSulGc2TSVAAtuMOIdMFcHu5Sny9H5k89NJumtAqREu+H2mAp9vvaKzRYaKtLAzrwbSFyoBWT4bqJwpCmPvYq0otj53H+NE/4WRmzzQ+z5Ejry85+f9bebi6LMaPptbFznclIoFVf154w3zjnnxy/R65h6p/mfB/89uwNhiUPXUM2Jv/sBjlwQvf7/7wlOXg3hEPt75qZacUzCqG6e4E3VpgHi6jBsIFvdGQechpVH2uDmlFneCNV/dgWreQ6RPKTWqoufiA2Tw2kRmwWUlmPsxQjeWqZ27K/dd5oCLgVOVpDt41zFsVS9aDvheiQqC2bUCO6AWMw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cev64EC/Q58Ug2Gx0LqgY/ZL/f0b+5D0MVOxDTP6TBI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NRZ/J1/KcSZk1nG0xzwOye4rVEKFZjZHUbqZryA73FiTpw6/qDeVDS6/ahNfYFQXNfrCiSZMqVtmXGST2KWsYDBDzmIg9H23Ds9OmBL/p12QRTQpSziOpyRe1rU200aC0ZgxrzXB2OZ2jIIs1PLdCHnCunoAFORFA+vk2y9QReBc+Zl8weZ64nGJCPSLmxaNXoTWaYDW772GgomOP2rq7kfrnX4RodnzI1wEQq8DizyhrjyiYTWecN5v4e9pETSVV2DO6Nwm3RM4JwCkkcT+dh4PSw9C+MfhH6Yr9tQS/F3mWGw3q60sGyiXLDehqtcTU8tI8O316A/yZAZAwECGSnzthpn/vqY2NG4s7If3rGDWicn0of/qCqjkBrhcS0/jua9Tv9yXr/yfuLfcea4ybevPPGMDOjYv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cevHyC/yLGF29zJ1bC5PYAzJRlommLtGySghWdewKyI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DPb5IvyJsdrKNd9Xb+MjY7nhD2TN+Pf9LvcPzNgYX+nHyapfDjRtRIcZbfRHIorbWHCC5aBmmJh2NSTUG6wFABA1RD9Oq6Chsw21lyNmBnWxEWmeDTJ4xg9N48cANDgqioSurV688uaZe1Hr+GoXSkh0dl48+Fg+V10nAu08Zssmxpqlj1KwZMfjovjqs/rlZv488zJ9TS7RgmmRElOabTZfBuNkrPqAjqL3/1ohx2umgHhlyy4hf6qpS1urKmBxb6L5B9qF2CwWk9qbLMXcqr2PSO7u5ZNu1LhrLInAImdpBMtGRZ7ktEz/9sj4KZ2wEFwxIbbVr7DCm9/r6oQzBcaillIhYJsEG1mJJfwmsizev1ugapTny9G0vu6Pp3kXYYtAaAEUwqM4MR77lE1lDfLSdpCNQ58I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cgQtNx8bo5q40TKVV1Sivy5ZXD5sTGsGITiiR/WEbK0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gzCg+JAYQKFzmCB0E38DVwK0nZhaciu4Z7mxrkRWkMpJIBm9KBE7IUbRGHlyw4I7usBbUghMVjRAL5sxFOP0PkmuOOCtXVO1PucAtw4kflSTEFstRTyViOYdXBjxfyee7msAeusSEqpCJvGgO5WEYVT9C6WyYII8HLFPm0mSClKQlhugZe3yF4eHgJdi7mV31o1uOuCqZRVxpSWYkqpZ6O/ms2UrN+FtUVqNycKt/6xIAQZZXsbTRQ/XYN1Exelv0lSnRFKJ+o74NWzAuKhhIGuKseKKmtrOXWw6Lv3Tf9cvyFVdTgh72wYw9fnV4Ge+nQpig+9Jh9FTd/x0jbRPd3gKsU5QmNkfaJlRgL+OWYbZdAn/AwaIaoCBuAJCMdxcIEp32FFAEwxtpsmPCk0j7sRWu4DEnNvr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ci/Yvo0uQgWpaIXxj9PUMyuJ9PpnegAMhm6c/DLe/zk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XoQ7wdk7521C062Q2v47ERLFd5rI4Sud6ffF+SM+/3+6d6NBn9Z0InOp8Vhe/qqcrAArVwwR+6Sat+297BJLuofNi5DfceNERReDZPOUM3fUFQ58piighgtPhJ5s8PX1sa41Q8WVGrOVXJ8fyU5soyFCwmU0SrfjTnM7PNuBbir9+/NdEY4OkQjTiSyS6gv8MFWlOQgAyTy79fdGYqi5Paj518pCBxN80kkT7595ZA2SvFyAuI6NWgjXY7xVmbJ/NAfdOTbuga2m5BKODIsnWtEjQPOaCJ9X3aUyscqNRZU8JM8CH6TfgxRZ+yb4oRP67PENYBxINtB2XPkHG/Q/E9HCFsUQUL+2sp5it2D51KGCwd9SW72z7Hu7LuTahCF/MJQbSPQQhGdC21c79gYNLg69R4NSpUaY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cilYy5JU4i+70nWBl7glJ0MwH+fhz/qsz+BbGs5KhQA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xMyeiIeaT6QD+leMltjeq94fFmEKH9Cbzc0yqR963VgUy0fMrsOw4MKa7w/jJWOOG6V0pzuqfUie28NtWr5S7QZiGYzS6dE7B2oQmkUMwn2wfO5irOd6A/qAXFLOEsAKx1lQMV89iewScxkYzU+UT4/uzwTuPQqDvuni7Pyg4fK1Is3n8rI50YQAAADiB0DAMnDqguw4La7LJY5pSd6owDqI58rfRSOLjo/6QGbIwB1Tlc2hPshxtwWHDi4l84RgZXwYUOa9zavyWHRC+wQWx1O9NqC46GYHU726C1lxMwNvBhUf1FtqMwSIIAOhLff4dV9TkA9epgEUNo5eIDhOVgSH4FXfD4vAgkulHpqT6Ddy5bQY7ewZOUjk4wkpyTe9BlcApK7yWf+jo8crVuipApTpOuUpuFDa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cisSgEEQe9TQfwczsukoGvaHFecLQjvPHe9+UDBbFjA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0Vfb3pUJ5+ngEPRqg/cA+lzlmmHjW++5kGUOgKiC9NWZs+B5ixquaq3DPrYCdElC+VoMqWefXNVD/PVVVxd2IoJrIxOFAtPRmVFP+yVPyUInBCJZsP/IAFHKgPQALx3/BfxR0vXpz3xPgQLcqUlClGQZuFSL7zpb3c8ASqFS8SDDYKDqsV8ni7RF9tAZlqwBet9oDQZuY9UaEV6+KwZnkmfZK1frCq2yCEMg4fpNawAM51kgWeqs2redut5iI9cSzn74Ee4P+m2D7HSGdp/u+Qcs4T1nMxdX8zBAyg4VrLPlKG4yk9USk29HwAaWfqcpJsRmqIFkzGDYs6fyj7LZUk3IqBt7aGqbfDY6VLRCaYJdFe3Xf8T5kaBstD2m6kBk6awhXfg9bKyxRWXwoTEvrdILvBbHuKML",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cjiuhaW07NkYjJC79A3jPtt6Ogsp81BZyZ1jtc0qESA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AFk+YYx+47W7YR0250Dt81RMQrSGN1faTuoQFE+yvJ6hQ99fkVVCHDgglT/d4wtPhk/1ARkd4X8y/QxsKZlfynb/3pb3n5k6F5e9vG3XPPWeafzA/qJ2hJloGn2lnySIYDpjHtQCvBkHXA0F9nZBadLRBhegXIm5KQ1DDKFfmeln5Wc6xyzjgeA+Dv9TrYLIvEQM8GIJIHTIJzH79IeFrh1FzQnA/Ya6Pd4iQ6lU9Tb0IluHCYxoLZF4zELq2ZkxIT2SOgXeMQFSufFx463hU/y13wT9iRkRO/HKtkiXK/CxrHrWul2005B+R1YOlriQ2XQ3HUO8XqDBkVZ1ysUZo4KCXBwsAo5bDMZ3u0iW/3YJhb95tGNMIy0UIZg6J/gEp4fnBBjpt/Zdejb8TtrsPGXOewzH/tQv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "clmy0fbZK7XodfvX4WDCySJxUnNOrJsUSx/3ExAVKg0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NFV9jMqyrXapHAmdsp9HzZcZx0lSl/rAwuWRWpmp2Kd8hlpJC80k3MlggunHu/6SyLh25ajv4rkNJzr0+Lz/jfX5Meyd3oC3mVYflZGhIU6Yd3R9ROIpANc/8QOlA+1c2KKkpw/PPmutVjnUC0ghSga/sJokCuuhpS/2N6ZeeoE8/5PQiabCwEMR3mPrICeNtKopwn4ssc+Xvt2o8AjUWVoy87m5cx9muSnv/JV9ZEXTRHoqWCNOGZxVwyEDeuMUOI3Ap1DW+0PR/W6PH/YuHhr+hzQh6Iwn5HQB/d3AAUfOwCDKhoWRnbYFgySmcfTSieXjf4XgIyIeRY5d/2m2SA7aQwLe1y24TvxOV7jo9GezVE5Xnw72XTDWUUzpwIazB9Fnm7bil1EM4ImimTetcR8JFM36kz0l",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cm6IVBItbDc31xAkpv3u1uYBdeqM96/NvZdfWaOV+sc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bBEDtgZ89FJZMkRkz1mHfooNUfRwfaU5ZTosFTzZqrSnAlwjwIjGgtCBiORBjmEwfnElZjDYprx0IiJn+cBqCEp6rGYxWvpmU0Seh31g4SCmHceDItd3L5PQU7fBjPWLLcMNhbc6VfAT0b0z8T/J0fm0WzIMN9b+F5rOMY+NA3luLoMrfWGMKFXX48vOVu1tR5mp0BhpYfR6aSowohk3ZVXu6FKxgmYPBouj7bycm/10C8x+mzJjNQUu2aHOEOA0+6HU7a/8DreuuT7eJYcZM4/8vI7HOJb6DLmH6yzxGGxcNWbWt0kEa4wdSdu0Dd0rK2wyJuUJyI5RP8SZVUkoP+oTaPxZ/GtctlhD8gRa32mAxsz4fuSNWmDSMtPhKGsx7oy+Z5Kz8vWH6n7U99skXwepfT3STz0n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cmCZg2h+3OueLnbaodsVWnULe5vmIX1IEGsLVCzbraA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "orKWa+Qg3q0CXlB94vCttxjsAWTz12H5x4Uwy9H8eZZnQFxRraUtZdW678sWv9o9Gv7VQcqkzAhf3orHEG/xTCyvPeNhY+8I9Fjc5x16Yw+THlIwPiQseJkq7WV9s6rhOm7lrnMWPN1Nlhcy03eWeQnDDpxLQn0ZvS2kMNhWijtz3qefB9NSlrIpN4f2xpHXta2Dmm466u4FU/RYnYPUWfjOb93iyWh2le0pcmXU2sIHjjJk9uQDE6xvbs/jqTu3x74uwk+RlIYPFChBJ/0rTj7gZ/YC6N8awEQ1IlQzCIksqll4lHzLVx95xpgmMjolq5ERFBGe67rWhOb/r7JhrB7A5t4qmBPC6p9cwgr53TUslQcHYotRqK5Yf4I+540Ll1epiFF6l3AfhEj6SGIwsB7hxegwALTw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cn1nRiuzbGAxDm+02CHn4yLrwH4HvUwBPgAChY13ODo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xuSK/REzQpCU3MSdxqJm+hTL+Zw+bUD8FQRCVGaNKHVoPx14hFx0GLo6pHrzcHQHOUcXfgG14QHQWrMQnH2NgOaPO7wL3C0T/jxYFM/4WHdflRzvg5QaaOyIJuVjWUTZEaQ1WTwcdBK74hVaQ1uwMkUmNeE/UFp7WHQDnjVQvaf1OZ0n4B0K0oZdYtBJM6MbplcP0pY5J5FnJlFJg7vSZxTwr8jDQh2Zv5f0iYMSp/ylp1jdOyvqcSdbZZCeHUhoRVKbPT4E/nldw+8Vy6FLzWJYA+tGGMBdzzJCjZt+can2gy8wc9WLukgZ9g3dGyPf0iAMvQPDOSk+kGvsrQ9lHKGHEr9DbXtsdJTPJA9ilZcCjmYH+NDJR8UifcvRw5AjUt7GIAqTjObq6NMXqh6eUh2tZnIS8kdu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cnRpyrL+tqNvg45tbwNAI6PG48BY8HPqECNwDJ17My0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qFfFXOV22Ido/ryBNNPT0kdAHIAnQFQ0SMyQNb4/iwgto//gPyU9HpebUoIzhBzZI7KRKsM3L2Z66pW109+/zuhp2dCY4eFw509/WD9/gqMXJuxXp7ov1D5yG25ZuP5pFGtLe70SFf4iyxe6kMOjVERSinxDtXekZjTUTJOHyGBgwugOQk7u1prCnBmDiB8ekzXKR4MI/WvCzM2hJwm6ttfF+ipytZubs1cNoyZQZRHP+NB0R3ew0mEkMkB7w1NbCHj0YGX6XZyeuYNOIf0B1MunGtP7j07up+vrTxwgBltOE/LwzsBmpwdhUW/baM2327XYDbBNXXCE1vf3UyRywdVFzN9KRHcKhFyLDepnScqlahXNs5f+YAi5HjIj2k6coyFGOK02yWcjdfRVZeR0Q5uBBFiUC7sw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "coWPWYmH0yTY27k70KSVSw34C0/tQMkY6F+vb8I/K6Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6YHVAXsNxpt6m+69WiG0ig0B+5L+J3i+of1P6dDxg+JkQkFVs/RW1C3s7KKUnOwvwB1MYAYsrl/rZXYBFWEERGmm5yUZ8o7jp49NGUDUogfojLm98mScLxXFZW0bSDHAYo/55PpXAdidFOc3p/l5zSztezx4MF46TCGffh+c7Go6u65nF+IZJqPPkiq/MKL1Q3oUviu33O6cHc7nLRq1RVN52api3akNv9h4s8OPkugyWaux1PTE5t5kqcOt+0PxOy90wsuGO/rokhPqjRAZAoBr2USDdzMrjG2xEG15R1OyHKnQsJAqlHfittWcfaCDXXMBPud1X49zu/p0Ru3iyrZsvacQ9eaUMO/1ZDO0eEZRUNWmrRce0dNuHSmG0LLYfN3T5cnZWR73rT3vMTz+UrCRB7NCC3+Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cq+8LwMwAzHvbDzYdILfRxVkPnXLmYADBOLEEZ16jHA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RoDekqTVytEUvYRdJWaJobFjdiC16F6a1yxfkrCmVoNBoyhLxzvRrr6n7Y9wD95qvZfSeZS1XUcodzwR+nOt8CueQxZUDXCrYk9MOyCiW4jAcMvuotQkOlg5AiyqF2k+BvDQWjl5YJtjyf9OpvPd5YE60a6Em14/0TPOn5I5aPDN9fDAYXfJofPfnd5usLM3m4OxnvEgFfYQnnn+g+Hq6Y6j+DORt2NDWrcoLAHpwIYtPs5PcHShPWE1yJgMTuc+jZXurCmxNzvn8qwOSr94UzZQC9MAIiWaxD8JrIt06d5aBrgx7n0iTxl0jzBGcm21iEqMDrngsztMmKiy5v6VOxblw/D/vsucJmgzMUi4M2IL2L0EHwK8zfxjnCvEIUuyv3LrQxJivzp8fk5Z9ObEwz2dNcA8dRqP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cqV28B8MPBQzNE68EOTBkkRgqWy4i75iTClDDpEAk1Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mHtXQulZmDgasHM8dzY8rgfNL5+/fUP4GlfUYL1IWqBt2tPOJe5uXItxoTS+tF6vpdOiEvAEFWlfNjiuqhkR9vasu4FwGepSzyFJbkXK4bOHP83fOPuSaKrvQxTI4dG2TKNIXsRZvOmMtcV9uBjjB7pNaPqaRFGYVKmsvIm9NPXJ9QHKTaRGvh+3U3qtn/xLY2uhu60TlqKOqIFT/U2jIAfkUnVrIkosc+yotboO9gYpdZlRhMirIX1GMkhCp6ecyJyPLt/tMvCh7O6k4AzpZ9mlE/oaNM7lMjx3lGtIzO4EkBucO0smWRIibrAq/f7ck/e0k3oN0JIm3jbCFPUFxihKfMb+59LI3N5Qe8Rf2+3oJZ4oHLZq7fAgJsV18/LYGg5KX5+CslYu1818MkOm3Bw6LmrlxFLc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "crHRzZq2oYyNFA/SfS9SWPxD88hu7uq0K949Q/UVKek",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZGhptkv7XTgF98MuvMbJ1dc31ZT94vdzfwzbcWHHfJo+ca+l/gg67YNnZphDoXI1kN+nv3+ymN6hMcC1p9ltUIjlkbUqHqZNLxiIxBspA36OtMW5sq7Y2c1HUatiKXfa7uDcF8ZAAp8mIgiBnYsUOZP1hBKV0z1l/8BgZRwxnyuLoXcGmEsF9L88Ou5ajlLBp2e4R1vydDuqsOAsuIj6HDeiG+wfK7AUejKRypgJD+OTbrYFRDEr/3gJbCoh6ihTZIUYUz/4jS7HrAAer2sYjqIvX7fWUeRDsALN5Z8j7wuWqtYVJ8H8uBFMUcRFzZKM6+/lZHdPzHlBkqSnA9jwsyji/WFmNra5hpvRXmuaHpqpzRJr+2IRdi+a6hXEqd8Km2q8EzfkXUYynvX66FU9DLHPzPaqWJYW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "crsZW4JNvbEntIrMuGgLlRSgcVLqMDb8QYToFtf8h7U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qCm0JL6lQCHlNweB/uqRr8q5hFLt6WA3oIT4oPe/AaDM421byQhNdhcnL4jZJ8An5hYNia++vqcN2hJdaqRAZ7o56NKAN1USNtdOsHlLb84zFEgNIUoqBPgHvKgcLxC2WpbQxddwwrVZmxBEhgqVE9zLoYWoWGTGNtb+AtsvZMxJa+yiZQf3SKPuV/0m98hjtI1cYWbtjZv7OpaNtIyoTUfLBtzJ6qZRGpr3pwxkgy3PaowQZL7cYz9G8VFMPxj57N/jwxiR6DZX1V6wUUyn8d5g9eobyGwcCxZv2zDks5TMAE0/bADgEg5i3+khhbhthkVAyxjvLeG4V+MRx+JKFBn6IA8kBYCYM/9rwjBy0nZU+I0C6a2prtrTwFAPi3Jha4NAfkg16DyRagpg3yCXWwumJNbP/2I8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ctOhGVMVWk0CVixB6gWg1gF0Qy7h60RJKWtuvy9LHeU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PqR7IfgFJTKRxqZVl9zuORHLsMTRefadV5akKN3TPsy+qsOoyUnPEwWAR0UEeQdRi7JxPZCh8sTSAe/R/lsn04CT2X5UXCKrbQ0fO4Uek/elJt2WH2FKd5JLKYnr6jAoIdNbO+3Rqlokb4dPVnPqt2eysOYIrkAT6bu5gRDTx7blWxfPCOR9C7bFW5Ti0usr3fnEgqFklWm8YECXY4kxWifJGJAPdiINxt3eGkVPtiduuy2Bj/rlTkpwwGg5R3O925rNwYFD0dwHfQ4Ft/TFDxTk72q/KYLajFP92COeff0A76ex4Z4BVoTSQss5ZQnZCWQ0RTvV8ThwZLnq5ute0o2MnxFlRGt258uR9kb+pu2XwW6d3goTziAeAyKBBgPzKd28OtqWIbZtTrguMv9I2k8VhEwwgZq8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ctRGvlkZw6Kl5KumFDNNzKQ7BBJpfk26vl483JEHGoI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Qd3Iyn4z0f2iOqBAjM2t+AtDmlC6eCXUbhAGF8dMRGY8QNcuR5Y49vfHtmcUsYnLMQef1lSXmfzz7BRSHk8OrmytUTKnoFxWeJFXc9Ffye8ac5kpkiTv95O/MB/x18ZDBaGXRvxLxNst93Xo9bmvH2Xu5o/uEW9uSCpAfKnCijSEOXPhTMVDsPqpZf9Vl4wLeyUYjTHGt2/jMb2dR2D2ccF+hviUbj/VBDUVFoyTH7fNrcxSbhBt4Ai1QNo8704Leo9er4NtuiIZYlHjYqQ5EtyeGY+s/stsxqMuZBSrEDGExY1+RSwB4uZKXh7T/cFbzED2ItLE09Pfm33BeLV+kU51eh6yXXX89q17qtLBmeCisthd2LICJLiROnOUQMjsbE00MjZY1ySiBsthtybCFAPwcpNgtToG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cv/Q7x0X+mRtVla4lh6LP9osH9O0bsSPiYO1u5OaFNw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6NzEZabyK2qRqJvD6I/1q6JNY2poauXpMcsOfYk2lLW5uwjJt5Ewn2HnYnD6ABtUgMM/iVQ80tuvltYdc7TBO8qv61XCASd5naFPm0kKv37X8Bbz4kxaypU+Ca0+QnsL35uVsQlGRl4Gd7JZjS1g7fIzA6LQEwkAY+0MVHcJy7viFspKqCam3YSQvJLSOq4Djxq5ojpvS6i8TyljE50pYyLtlgpafK7ojU7ruDP2vawlJXpdL88cCGm0q2aNAND8R27Zp8vuim7LxPNdIS/0Ylh8O0MjE08buz6Yrv48WOvPieEny10CxmnhFqseQV6Jo7iChSgQ60mIsodR29GL60/00lgnzg8lo+VuGCkl4fJDNPFfrZpolavzdPRuGkmaTXh0bq4F48F3M2qlJq6c8UjO1tWpEpGp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cvDjnRAuw4M0KrtFYeA4wqGZAt+f43Y3GnerM0i0LKY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0JZrRPheA6XQNIqHivHn3wDSbdu3yAsbTASTKx+WfztPsEVw87hoEgLI930FKDoc+CrqqeAEtT6mC2/kQ0EDcPRoDC/Kj0czXO6i5kiW+IuRco/7hQCnZvlhmrkIE/GOJoKrTV5UNqG+Hxkkq5df9IoFT4qtvZORpT5iCr/AZ8U5dxJrF9gkfVbdYcrClpROCIisXY87sdUdU7BnDddvFmXLZGLrNsER7ZkOBBoFNIerGeQ2frZEAH+Btm8Yo5NRDgiFMW6EnaSkui/Usx9Dj7+P29i4h1zgGkUzzziPb1K8xuQQ/eRsmqZZzbZh+mJme9Dq1i3y6F3a/4RIN60mGLfA7rHx7JKNylTU7oHXNeauPtPuEE2RMhU5LP7ZjDgljp8JmWCZQihbpGdvhAy8TazJjAeObN3A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cvYmab8sYvGn7C98YnqyE1m4QOtZkX6uMwNkGaauN3Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vPcnV1w/TL3Chk7skQa73KpamPdEpmpdAVVlJeuYdeZY2xzc/AdN/AP6RgLIiIjyJA4g3o129RMhC6zgve4Hz5xqa7KdmzCagApN+Rr7B980hyBWpbl3IO+9F1zSsxz4LLIrIp6OxBHI8V6a0Zgnjnqh0g8PXDg10lNO7XSXX0k89HxyVmHzrqKRaqiiLP49w5IBMw+guIj7UqIVULzIsqdjjbXKTCrl7DLPfXxQdSKFqteb207j0AY/qKXmpGX+MZccXO6MhQc/+BZ8l4AoIHF629W7yB0Y/93/8SIJwba/MsY9rnjdEH80ebGGUW9YpZjKKoZQej/6+2bxfpRDC7ZlVTQ9KrRybOs3CtK38oxDpCLJ71KsIwzqWsQBuzIYh+ti1SY68zlUYaBPuMk/M23lS4ktgnnL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cvl9IJs3nQFtIMQUkS2zH7KB54n1hQbyOTJ4NgSedkc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "orFovmK1pn/fB/WyDrhGQtr5dBm+K1m0RtviR6XU777w4Zuc7d7NgJ0L+bb+O7unDcIYY5YQsRxFV3rFpWQ/jIlMSgz5+B+GK2CWDfi5drvX2aceaINg3KkGy8TxsV1Du+YI4TUmf5EYi6I6+wUm02adSQyqsiHQqbTlL81/17a/B80OPIUkPS0V/T7Yt8mez28Bnl2OeG4cDWmDppphwZemIGdZ8Afnv/y6amYefNEO79SEegp+bOEPDO9RMnjNY+Ld13REjtPhOX3BvV9tf922Dq1Zzp3vNcQvuQqvuVeQTx7Zn6zVd/W2hkahqjtT2Q86zPZIRTHAPZzsn/n3u3Go9DD+HJeoBb8C37CkeMKK54/lrICxzvzefq6KjfPXsnBWz0phApJ3OW/XVZAyJks0ahq+OwLm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cvukARQCjgD+ADOGEmohdnDltw9MUrIQBIFB00yMx74",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+VzbKEWwJGuiU9ZXy1iMecuOh6GtqCltHuZfDvfL8L+hWoLuK1IyQzCB4HLyU1XgJ2OjZII8L25BUrn/wWZ8/FaqYRoAKUqQOetBfeEL787inMk0VoKJOYfRuYD6K1OgDps0r60XurhYiuchPe5T1iJOnekUarsJ/rmViR7oTlss03xm0eseqzdxX0aOoSbSzcS5LDw6K1riG/BIj4Qb0a27iR8WAvEmj4InpiuR1l0wSk9xVaC+5OimbXQqDhh/EvRbRUxh1Lh5bunlB1Ui5WBfn8jSMA6m383TIhL4+qsgIqSQchVC2a48dvqZNVmoy07ouiJDfr7PbHtw2NRcgy0RcoYYSgVR+7laVR/Bbk1SiVvqB+hGzV2Cdrzy829ZMPtpOGYU7jBt/xbFEPnpJZY0bGX25oEf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cw0LU+7cvimhDmqgPQE3Xlg7H8fvt8ENWXmTifDfHtc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WDR5mqPzhRE5dmUrfzLW8x6bAt3KHaeRR5IUipL87DT4qXIbBnIL/c5CwC5B4E+pP+FcWTm/71xsb486l+MsfGgubQDGPnQgdCdUjIcQRGj4j8+6Cgrxghqy3fTnw4eYNs2ww61VSG9uSgS0Wwt7PJMieIOsHK4zN7hxFHcBwWAo481rMxRaz3PROhIoNX+ikSwIMPs1YI7b9Q8pH/XYvdxDaHEg15zJ7ztkriHABCHylJ4M5qTeDcWxWCTZQ9Zt6CSns92yyvoQEGOe5StoFOxu4X99nr9xFHhIHR6cKoNJz3pU14bOpnNgpRjRG1nln+svpBQGM7Q8PDZuHiBtdpN2lytUXm+WD/qj7WwSA9Z+5NsfxrWLRdDxjNbnPMU3521NYrsd9NWhKNs0J89MfDirJcEroT+s",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cwKK3Za/Rk60dQGJeDvse6Wvwi+0O5gbFqMVUfEkh0o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JGXngxlYwKYzuIwjdJF/zT8TKHGiZiNWbYsKF6W2wxIPdE3eVuiEHaFvCLnrYj053icY7midHy0k6Gvzb4f2MfhmLUgtvDATgqt8I9AQ/2W4azNSfa+jy5pHgVNn+GsM9CCRxVO7LCuMpBh06EJhUaLJwOHHITYMOXY74NCM5W+KF3lMdzv4vjBPMwuk1S7jBqlbaazQfn2lrZMwh7ic3P8cFa8QefWuP7uf0KpCJ6LXV3bv2QqNzpA55+RDom/mF4768JeMpS+EbkMbXgrjqe59FXPObYRlZfM2yupzpE0TmJpdJrya9qBsEBiU+GC7LKdrmx0TPiLD0lgna9N4gAK5eyC+YwDNXUPdorKL3KsQTf1MYBIjDbrv+RlYU9/063jiL/Mc8MxfnrQseV5lmR3k5fajCLeK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cwiMdnV7yPEp9uAfTsGCq3wUG92Hh9SJWZOGpZbhzPQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bzaeMkPTKBW4tdPtK6HinCVwSd3HEgDUeqtTPnZD6wGXz+fj3NahzgNTB9wOXMQE6oreMierNTkqusa/ZwLZ++pZWpDXLOB5feMPHvFyPmCa5lyZwGqQVCoryDpBlJK5ylGgK1LbH3gEVSqpf6y4Be05KqTvI+cWCjl11CXujnVXCRmIHynaBUslKtuzZcwnz/MDIIngN3oJ6Nzo+yCCO/2B3fMYHdYTLsSkU6U0GTRDfaenzxUYZtkN2qN/WHXHJGIqu8xly4LHV+o9DW5OL3wPagIikjCUzOkgfWg2VXIyi9AmNwDfekapuMXQpHgGv1PRAeXd7+qpXm+mgoYgR+C7ULqS10ZUSxQmgjkVUDStxJjd0tSYbhz/LtTVQByu7bmUg4gdFFJdOhAM3tsag3M3cAybTlRk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cwkeIpSYBtLy30DoTyZ0KlFrKMBEnk+oy3SHlAXruTk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tE9rSCymfrIoOkuHyWgpJaTNm+BmQ6tPjEaS60cK7C9dXIl+xJ8fW1f+ogL72bslWvzg8kw/T9S24mBCo2MVo5v9yFpiFzrWwoNQIRy2JmLDF6jPddWeop67eITgvCnprhtMVBCknfZeQ4HaebtcHSZlXsTwV7i7xewW16GGerlNg9JNISGrelHPhIDvDlql06ozrouI3FR0UgtTTkp7mN9eThJYsuabaqLNlntThCark5+KkN9Vo2ccDBsX6whGovnb8w+/jhCUblq/VSfOD5PlsNrrt8xDDdIKw5mYkPYZStGGXNCZHt+QrSoz3UGaAWlrUxA8i2o1VHmf0w0h8NCdAeLxCwgRsYzGQ50H5J/wNEg/iKe6x/mr0XK47x9kBd0qK+BZ9EQSxMrlhvqbAUfJ57jzrL/I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cwkmItu84fh08BTFXB70gh1zPYKT2mtXjOH1myR1/vg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jklYVTtRxmxZtLHJfhmDD0D3tGdr1YHqjySywJksGXsYeUSaR8ApCDKEV2Jv8Q8y1VsL7SXn6iakW5dmWsfE8Cvy26BOdUFpT50/KcYm3FQSu7JNhuDBSEt6Fj6mdqkrChGyKqUVruJGapch0TVXhnY2/bx7rL32Zv1mNL5mv16Ilwh9VQD1ZkJJeKieI2ND36dZXOTcO2FSXZGjHCTSkRzNc6wQUj9roLRp4W+dzMnVlye6NC5buCO4VqpK7jKdDkv2zgjXuP/T2tFfwRL/b/rduuTIWrLOYH3q9mFtVieGDDLByTVeIDhF4JYl61Hw0EPnLvRj2xXdiZC0l7MAABaqE7qTLeCOiAffz9itRIcd+2AryWbpVKtNyJCC1DGb3LLTKOLsfYYaKvv0OeVOT0wMPhYfa071",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "cx2wD2LcPJV3kyUambLRQXiSJ8+EcIkZNelqQaOr+Ls",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1KqavPVtDiA0bXrkmBFeXCioOB8HR686EZvuU3QnC8bZrx4OXnA7wTB9XNXIW52HV2Ew3WLilloQcT30HuvvUjX+JMqQyPsBfNkXxw7fm1f96GJGJN8v/xas6z4s78Mh8wC2tdW8jNPVMR0vOkNgWiv4N6JNK8G1ehu4ofy+5IhrbBgIZaCpC9D1O+GXQ/rbBORX8EawRBZQihMYO5jDxoJ66OGe9Vio/icqKWfgvLvr3KRKvSCQa8B0mpEgjxWdhBkFkYRo/RWxsoPJzYxocb7+ww0ZofD8sKN8ydx/X/q9618vVb2a4kkvRLuegFJPNQUzFVcqgUqWsCDn9AQPAHRDznJ4qOIlrYphouVEsDco3ZbxfjRvfwmn0ha2JvBgznJx6e5Xd8dDWn3eXN5B7Mr7IeENEykD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "d+OvWOU2PkjyOk8M9frafN7PYG3f5Y/m6auBYaN/5so",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2uLQkTZqf8cRk0Wf7u4KibT9pzCljorwcm8aetj7O5tx3iZoANERyjCz8FOwJiJlGgFvXphwz28K21n3CBOy4EoEpPTX8OY5R15/WUYpIY89F8wbz3gCiZFeeZDmpGYQLbCd0bUox4tfnVk6yKtF0Bj7iAN+RQoeIQyUpd+OKq4o9gfg58UFUYAw4/y09499tWKnMPJYn9hQftBwy/NnXpUtocpyp//ABZ6JXlpW6KCrkuFV45FixWCFxar4mqyHddWWvdAmbNO4tIIz5+9p1G5qtrkHmoWVzd0R8MlbXBFGelGoA3B28x0xNywJayaS1idDZ4zKoEkhCbsmDtKO4sYpywoBW4nViwojp2vWIqSxpYna95rvhkUYPJK4QtPCQI6v1TxiiIoXNKXkmKtaqpq/bBtvHXwc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "d+aechOuC7T2kyKvpLnmZtUUP1e+dxb1Mv2SA8Oamiw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1zfqIFwuiGnMXsLLgjPh73PI6YYw2cYHmv+SEmKvQs3cYyfyRYuP38LwB/vQIE6pfjp7ZswNUKqUWL+wil3VJ+OuYyjcBhFJId6FyR0kv/VTYQ6q/bFvQkHT4G0bpNNYRUQtERWwP0GJOf7GTSVD7WVSXsRODuR7fevETy5LgRTn+4V8CYtDbuZ8AkZHO6Z7Er9DXgKPoBshCrCenGa1L2eDxfwzzHqECMbWfQu4PBvIuQgXY5hJHqq1tIS8r2CaozRxwEShwDs05dtBGBx1NhcAgw94zQa10go9X6djYftWCA50uFvtGpw+OegeKbaatkR8usnV1q9/vnCzLp5gxpfra7PIZ52U4xrQ5xbCsv6VgKEye8dAUfufyXXQOSlphXHBcYQpeZuqx7B59k9dtO/RAgcA/mnO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "d+gW7fWnKMDElXYZrBh2U+XLHH4zfOqVo4AxRkg4zqo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wCAPTW/SeNbWq4DD32Q8I2B4DJW8Tf/qsjEMC/RHXrJS55u1AqSWdU1tylLQXoDjJehXs1lkL0ubmZQv4mlrcz/ruhT+Cml88+cVjGnXTVOm3S3dksDvuGAzx3BjzhebDIxFhYKIVHEDHqusiSt72eV0VhltjssoqRFy+T6ieCaXQJxj3gCyJJBxZwiMpyvgQIYigUbbfLs67GfabBT2nXhpWsW10oOWPzJO0YC/1QxU+y+qRnN4PYyPKsqUyNUua/dyqv3GmvQ1cwPd37GFxbkcgTuUztz4IX2QpicIwEAP5bhYqVrN4LF+8IVRvs4/1kyarop7w6H4KLciaHZvzudZvz5Olog/vNcEQkSDUaf0KPrHE/9j9BSEs/9dCpwbSJzIh9KudcMTCyfqcXgnyVmVaGJvE3u7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "d0asOvw7r3zyA3qSdSVRN8PjRu0Ot9g4r2CeFZCQduo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M54QGuR+7WDq7XmGhMymXXmRmMHLdUyA42vPeg6fsqFadsaGOq1F1W4NwgZCVrkaZPcpoRPftPuBh787/IyepdNAePnUXPYu46+seNjlNqtAjE4UkyafgsSc+p5SqMW4OwCiWeCDujSMjIMjGwG22Nw76fac7+SM3/yGbBd61Av1Ofs6UxYsvpSJZX3d9hovRmZvJES6E3NA2FkTxntDwLdb6iM/Wm8YzTdH5LV+uSb/Iqv+/mH1iIYKDFCDH/BgfSbSKMCqHFZOsabZX9O1Mn539W3YcG5/lI2FVIPaKOpaGitZ2N7vC0i7juHRFItRcHKVg68X9sHz2SIGnxpsj2M2QqBgYU+0ya/ibQz5PNuu+ABwWVQwtKofNYOY+Fut8cFC/zmZ/aGgC9BLMD9nydiBh8CuifYN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "d1Ky2TU3E1hVK8b/B4QCTjJWU2lE+yxJ2wLvWL4rBIU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "K+6gMy5r9QmNuVv/feMfcn60Fkufbo+MxDmWEUgIOKvwNS0+O53DdPDGAHwrp6bD9Mb4iHZBx0JasO7fTWDXtHLyXMlpi09Tq5JTTZcIYEhCydDX9GQnZmzFbHGIkorDeIIUzvXIW4EBL4+Z+exY8Xq1sgn7reO4ixMK0QEsKD20T9BdNb1aamEs0XFdnsugKcRGJiOHuayg94tpf4A6HWG/2+h+P7HOqeS/qBUSX38Px00s4r6ffX2qvKoSJlF/ctFQkL9n6g/2gyLjSrxHZH7eI1KD7O4hS9V+gCLa1qrcdgFOj3q0fBiMS9PwnffzgsHEvMhx/eoeDoIf6wVu0ePqo9P2eI67O3bOberpFCUjr8DSp5Hvz5gXpm1/pMwmcEGjs1Dsw/RS6k3nsGUoAFwLCZb25LpT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "d1SYI93JQCn71QQ8gfiWXO8iLhF/XnyBIdJcJz6H8TQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yP81ALMgjbb2meUCcU4XhZvJFnCszZu4otoQ93VdRhMZOyVsy+CukOfzPlrdps6COFc9qH8JMT+amjGHchAqxZ0cUy25qt2zjj/etnpYzN9vXxbB7OEfRR4EdZWKDwx7tD2b4KFEklJecITFgvHpyXW+0SXu1A06SaJNplvFdMvI5KUH/JjFURQoNcq+umF79vZqw3HxewEsLohgepAvBAeIpWX4dn8+ftBYpuIm9xycjRFkCZdl/zorgu5J8BBL+zbHueLV+OYhS5s+QYGpsT7Xk/x6Fubyd7ZtcEShyLybX9r3fGw2RBE1SfOO3nkfhpMMKDh79ERs22fYyR+M/6Be6cXle9Zi2p2VtEBEQFyLsTytjEAwah2tDV7jLlKavSoG1mrwifmVWWFGUK8y1OcV4pP5mvLp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "d1TuSAeArAsFCFW7MgjJ82xm/J5dWWMLWVaU3KWeWwE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0FNHDpjj6aMhZ90K+LXz4CooD1MYjC2e9pRQQnFRJle2ArMCZANmpxKhksdaZvvXsmq3nGfBLgrnPN0yy3K/tneYGYd+te6JkZjHbxTVtZXjATJ4Ef94NE1avUXClJ+O+395uc2hNBz17DZ0FGU+CkoR00pYB1Wc68DqmRzGB/Gigla7QIHz3ZJo/jnQ7C3v69iox+jy7+3BxJ90qd9m1VzR78A43zpTV6gdf4mrAY9WJLeEjXo118IcMevhkA93mZ6cquh9C7uHavQiCUkcjWm934RUFznvdd1tXI3o/Hc4m6xF0gnozlUlko0+xZpsT8eXpnIUIVONa5oWl/V9tkGvdCazMyW4fWONUjgRPHix2m8T+nVRS2YMRsYamWRcp8kkoflKeVDwtSY6ewUQw5XekNAipta/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "d2n6haKQSqxpga98na6c9n5P2UOkGdgaQcwza+/NfHw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CR/BwyDyBGTH2LRtUrDRT/zeaWkcVzEHUgmk2XwyO2X3vdDhUxCe3Bg7NcmlHRfwwsKuvSc0NJd3tpwsvwTQYNtXwKETfaqBTcBQjNiRm9dq5VWsNwQBA6pvKC4igZ/qTr9Gy8b9FmeZsQV11IN2ivKayMzwGYnvXF2suK7K+wxEwpqTgeezQyQ2AiEzKSNqR5ryxXfXmbWUC0YBKO9MCr0Z9xoEywEZ0PCom0ehepekME0ZeiYEvGhIQXT4oDPWKfal7/5JPWpwJxTuQ7KsKr6pErX1X8IQzRX9Nut7nLiILcICUNzfTnraFINmwus35p7W9JDoUfzw1Ohy6/Fl5cpB15Qyf+fdgboxt/6/t6Mpak9eBet+3HhVkYvDwph42wNQuXam4DA1O2Gse/PWhiJ767Wj5AdD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "d5HPV6akbmHlU+4sRMZppGUKcCITwqGg0L1DeXFRDq4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xFtLaYwtaHInECniMe/h6YiIEqtwgv4NJLfNVREZ4/x2Hc65um7beZwnk7MXHFJJ+d5IvYhz5Mjm9+KjNieByyUrc23U5uSQf1zmcrhkqXvto8NrQk0cZ/9KP36a2baxUogqFMdQvXVPOjbLBIqSWw3ETZ3cR+ucNK9ddyTpahPUUXe72HaPh+dtNLkRM74NTWjaZnt3I3nSwVgwR9TrC7hN6eYdzJNYtRlDVUp5EM41J6uK7I/1CABQblTtvkDu/PrxqgbxUdArJvGGQMaOEU2+WNZByEx7ZDykVCmS/8Si2ZuqkCQUEb3ohHgb+IyJ4DTtcVVjXgBj5WjXbLd6LX+YXsdSjv4p2o+2i2yXt69SoFyy9D79e+oG4+fcXTLMgLnbu/AvOh0LdfwaTf84MrTtAbH3zFL2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "d7/l7VVlC7Tx2XVsmclYuuZtEhAyq3dmNy+3ipjZ2l0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A1dWhmP+MSEpxv0mahGwUZQlfmIOUVmagh3gr3XFwJ1gIK5xGmiL/p375PpkrYXbJMQngdr1kergfPLAexGrcTP1jlIyr6xcPDkbXc+gJr4PmHPIC409we4Ry1WKSO4Ktp3nh3fdXzx07cQOyvg9uYhIkw3SpIKELw1QFHLJ1gGNRMlZ3UPJiPQT0FK9J2F75YXiJMVELT99Lgal4xiq/v1B91MBFE2oIQK2wW7x5NslXqie1eZ4mFBho2+47i9+uUGzEQHsaPW3JGgIfi2j52Y5NirBdgU+mHUmVXFJETpHO32CNdXIo/A48RjHv6A5C2OSfK+rLswS1UuyJpAdk7u/UcoPi5LWcj8dfR9QFQDlPuCt0nBnCl4uEb4eLDvfYe5QUws9mjdQ8wONZurPhFee8x5D6UBL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "d7O19f670JcBS9rZra6yuboi9zRTDmueNpk0ZsuFlrM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Nk30muQbZTk6OkOLb6yNdDJacOkc+skh/JFREJKdOOzVsMYs3dkEsdlmVFTKbThOi7qdRsOlMS5XypE0PEdznU3iQamM5ztS2Vke5TID+j728D2g6oncdhOql+cwwiFL4OtkT0PtspW5PUt4Gmrph+lnm2jDASW3of5ci7pw3Fe9LFcSA+wZnzVZWDxHXtH7cslbsOYPTcPiCttcvXE4z7/lTU076+Bh5kMITPu4dHVK7g74SvC58+jU/juFbY6A3LT6R+EmcO0bICIl2M5VMv346v47qUTOaouDTNHDN8nEDHSMoH1Ie5+tbU/R4OxAfJiM5kVbKJ4mqmvWC1OmiGkpkNi6RTVH/zhuhKVkpTCYM9REPZ7XB/2RVnwAVpNXOgMZpWVtDTgpQZX0sMJ9klUlC4z/P1eH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "d8Y5rNxAJpORSFnnYOi0/i6mPWl1Jiu+i2CyleKGnHo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vYZHyUiqbQXBV7bLmpWZI14gBLPvDePJs+Fa7Pn4/Tu55U9R1wKJiCDsqefxswrw/gcIruTDclXxCnTYeKDYgL2qFX91pOtLqTfdpa064NX9BIjmcgwbZOfJoRsHfXuylsz46dn9o0o1naT85FpSZmgJFF6m4F2IOQBn526IswI3NMdxsNrK+Cbw04ogpO0c/rQtE5I0xYRSQAZaFJo1rUarGqNhaaOTb++oF5daZ5JzcBc5rWZfQseOmsP4aiq9Cy5zw/yqoeug7JlI3XzU+37iUoC4RJM1/OWtMLzN5+U6QCm49OQDp+/ro4kFndAWouyOAExlm2ARRQmS7avqHw+bwbsb0kFdPYKrmglxHprCs8eE1tw4bvOrxglDezs8Y67p4OrtqJrTJ3jwcE4PayEpsXCJL1Yl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "d9Bu8Lau1lwm8daKzZha0hj2Q7IlSfUPyMZIck6ObjM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NLjnF2qkTcJFDViUvZOyS1kK01PKoZ3O9UG72ZJMNUj3qXmplcNOS6g6XUyTIy6E2O23y4u8ToqvNoF/bIGpdJr1bj5BTsudPN07HO/qvdpl3pIrA92HCMf0aFHZ5Iyb0Icsj9+Lo+5Kzp/m4/RRNSNRmHwhJ1zWjc3M08WwqkNwCHLX+GsdvcFkkvRIWFz1bUPF4AdkZtIyzTROVDgTSLpxZXyhZHtsYyN4EU3Bt5vk5ksnqhzeAVSeeMt1dS+mTNIzwXOM8TjwfsRJu4N1OkVPwl+t21u0yKqR+Msz4ZEj8sYQ9/r/taM28XeEUXJN/cuJkL0MJ2DA6LhIBOkIQ7xPVSvSnOKlAvsBLx82CcIZedsdITjjXQy2diI4U2tem8iJEdM9U2QHRYfvxOJqbGuEGotohnum",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dBMBiwL3DUzLUC6NvWy/RmHXso8uB8tmtUxnMyB3MCw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RrdjldCv8KqUkvnCX/VbcDiO5wZIiNTNvYdiKuXZuNblgG0jkUWRMYfpD0kUejk9Jq0CEErSRwB7x/24bCLq0f9urHNpZl+gxUMhanDucm5KKL6xzVH9PU3eklWLt0zzt3/jNeUyyS24Az5oUO+h5tepOi/8kKWqjynPe9XtSeEfon5VCT9fPhTna3tYuINxrcYQWnKVF9lBgWBHgDjBeZONsuDcuW9dX7JJmvILuOUYM9LvWgBZIcbVpBJB58FxnUc109YQSFNxXBPtH8mKZ2lMp8Onp2ZCsBCQF/OJ4o8T31odKS0svLkmdviE7jLpvOgeqDIz+qAeDo2bcX13dJIVlH7bV01vWtkoFuHIhEChLT4somyI0dPdqqbXvotKi1ITRcC9UyO4frCrhq8kE8Y7e3tUeCo+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dBUC7QCuTNqSigzjmAoMg+yYlo+VQ6atvLglGguxj9Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xcKhKp45vMdo1hZPV0AHAZdDAwlhCj/AJmVREdbKMyjZmjQtG/4+Pc8UGrg5suqLdixYme1kQneys5qsjzMJhlJuCAP7FJF2dutgZL46VufOmhWccSlpGHPaKbDPd+KjahxCWa5T5vJIuf3CNUItpTR8qshVd89n+SvUfSn/518RRjdg4MOWtZaBL5G4xtpmohG1yn6ExMvvrssMXGoYoBZCKDSBYJQyv83VXt5UgiIfFpiuNAKzHAmkVfv1CBIXw29sZphppfd9AGYXU31Wyvq5O1vdPYPkTgeadVng+STLeRhCEjIO/rGtQkNr/36IXMA5eKE920MnNmT6bUPb+/Y9TJzu1QOPQc8NF9kdT76QviHJ/trq1bDf+yo2ic7aWzI/u6lZvQ2OHLq+yzpYLzVDbD65ct3w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dCc7KCPzRDyCyqPvGSAzmL+2+XQ0G1c5myCvdRp66h0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oScrTN9XLVffzmjWRQongeA0SBDYYAOg3MCxS+IvocVVkIjIARWbrBFfbDLKDnPNvZecMztYEuan4v+evSpydc2wZsNJTbdxXy4qY05DvpUUHYFmsovu5BQCMXrlIywX0WLWUp5JuAChqnoZpukrzwX0XxP5m/VGsIR+DplEH+mto32qJ1HwSV/bm8NvBWtcRXjRmP1lI5cwSG8IzjLTFZY15H9dzpObbx3D6lRgYtHnpXaZolx98c/zF/ZEZ+hedp/UVV4ix1EWY6+5WASqPNNGzC+7FQWzwWApaTbCAscRaDbGrtPWEWNwz3IB5WfrwwZZXIFis22VtmzoDVZkoJbiHoQaoGWaNgBFFcLgc1uCFra7cIZKWR7pHknZR2EECUApFymcgDx5yA37eGWEVkyF5s+NU+cL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dCkTc95p3Q8oS9yLuKgRsCj5ZpVyiLjZ23SxN7Ojq4k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZcB8v1G5M9ghoaUPbP7qg8U5xrpR8c+DNJHphwS5CPRBt4NLlPYrGl3vlhGsiaVIATj5ZjubAYPvsawBgkl5aJ59vpkILCpzQ0FABi7l1O3a8LQmknbo/i5lAqa4CdUzGEdhDCtKyfOBu9RwKJCCKuj6U7gag0ypF9q7bGTjGahxwbBBq8GuxbUIhaSR7ZN+8hWRy+WOvgf6CxgJwdxvHEbyVs6kjaI+++W7mI/AH+OFVDtJm3uqWsA2C7p1HzihBD53i1SBbLgkYK2CZuUTIJkSJ3ZmD7z3S3mGc68UWnhpb4czxx1JK0Jc3+9B6EtjOszk7BNCJ8t3pUVMsdxpYfPm6XJqkKb/0k+c3Qhqfvya+vW0mGD5nEKeTbXqKQ0olSnWHxmcsx1fL+pe4J92uC9hUZEHl+Q+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dCzQYNUdYcx9vZ4oGW9nBHeRCQuoumOPKO5xgdXVYTI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4MMw2bL+UZuwCx3NWq1H/u1wERIipyY6YuPSce4TaIICXU5h88o3jYLYUnRNGfrYSbj3CzufqqCmbmWovguxKluTelKATeHUlx3IBaR71R+KGt4SRV6vln0GqK0wuQgc9ug/2BGSmg03ro7hjoXiJzZNSHbC0Ifftkno/cvXMRiBbYMwTvoWtsKMbTAe599vSsjzVKpGHG7apLH28OOoEwC8oYvj8fRJl9xZ0Hy1qOERaPxUXaX3iCAO7z/Y0Y54ctLPPMtzOrlkZApF/cEAx2TtGmPpGhAVvfMqHVmC2t6Vy0cCLVhtpkfr7/uceWPj+bvx8T3WSVNbI7FPKyd41XQ8ldTxW84EoogeFA2ue7QTIgGCTpqM4WZXV0cMEiVKIL3DPCm87Gj77gKfd3VjC46FSSjbTsR1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dD8uHQTbqdFxmLgZpGL09fYdHjZ/2DKrMyxfZzjnsSM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "deeNlQ2WbtipHvMe1E/jKZYl9hGYxuuo44ddRamvYkFlb6dRSyDQWn0BTJAG1GysAn0bIa3tMlXamsPe0AlklXeAy5hf/oyTbBWX0w5Iu6RfagBQSt3WFEQFRclgzSY2053jlOvt2/tQIDGz2AiCFWaSi0eV7t7hKWuH32wainD329peDu5qcPLxt4fk6/vw/37RIDih3UJyGFRNHZeKctZWE6nlx7f7SNSeyIs2h+LsD4w/Jbbg+RkRe4CVXDcXlOGDRPE90xpwqaj+AMw/MZQo9igSGi+okzZuboIlnSSE7VQMpTF71nnaWmXoZ2RLn7TeFuSsP15LRMV+X2BcXxZ5z1bRiUAvbcPhXKE73JA/f+BvRyTvwPmnYmylKgpY/E2spVaTnPu3DoLfue+lzsmrgVblgpDt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dDQ25SHCZMBM2Y2lXgiUmElfLyaP0g4sUsm5UooKhCM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7VJZ0delWOTzhNpW4dHC5/wp7d+Z+OsPXeaE7DWSD/UXOOTwHHdwJDcJIQLKLMVD/YUduZ0ZKgMGfZv+1QI0wpCkVL/KEsHi+ER5IJ6o6PZIu93E+XaGohgLd0nZLcXCFL7RyNenxpo+3f5xxFosNtUgGUer1aAhLTPWUdGvMk2qn8KN95G9PAWMpXDVUmt0Ts+ni4H39PJDICwaUYQtH/RazWTtSqGXTYR/UrHkFvb0TRUwIk+Hw1GkF1gpDOX9ntOexEK0qzQXI0llULFGYSnbjdTLcUrTXs03oUE/El825bN1gcvbzapEOJljStclelrfUmHvGikzpfioUH470GlgBRqNextY81amtyIyv/kd3MuCTFiUTWfbX1jSsv33JHT+lVXxFKmmUt0cn88RzVSM1sqsLOVz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dDyENLxn3tYPEmp866GX41KXlSot4I7BIAgXvrq8VT4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "31wbY4v0ptXwM5VS0+S+puaT/i6JiOp7TmDr+dKIgi4iJuMd5qq6PlXx1M+UW9l3MhH6yQ6O+VBs9sAaoTZkCwQUm01YibbEBzb/IysH0HVnmluAGvBwAq4ydnOpLAK5i6ZE/1p0lnFuDDjoSQfAg4iL8ag+5vP3o1oGpkqxiOtXNnOnn2xGn2JXgLdFEKv7pUB5ObMcLlnwCEqi8UQEmhOw2JEvXfMnNlmpR69KU8WCwPLb+ujwg3pFjzwkpe+Hr7Y+FpIvaIDg0NNEwXOBxYlLY2mE3aFBCQIK+S1IWxVSUjsG5SmD4spO+9pO0A3mqOT9ZjQ2Jj/CuX1s/xka/kQYTfsOkAFvDo/CPW2gdrUASBUmb1wxY60+v7lDb5ssHaUn5O9HNNwRhV8/I353U6Q6qEH70Nkd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dFBh/SoD+IGg636nRb7b+kstiZIKqN42zwRGYOq5SLc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vTDf2nOkJ9/FUbPZNKwVfVq8Pc9LzK5jqEe4Mg2g0PuAImg++i6JaRhT8caFNLGCsgQxhy1AqR5GK3Gbv4pyR0HXG/+YG417DiPSGs/Ll8BNi0+PMNfINCnWeX7Zoqq+X4QvBYVT9aISPwUhRqHQn0QZweA5/2FzJ340i2lFcCU2WomzTLRm1a/nBMReOBUsQZN504quxgJAqTFSlaWwSCXgJQEsb3+/CWrlH6Nj51dsiCD5LQrgGAaQ3IeZYi57Sliij4/yuKITerohwVn7MuOhzFs12KU/tJphk7E9q/XRITU7guYcnWGh5bBaB8ITXZO5bZsWAlpT7VjFewpVlXi8bFMRWB1aH7qLbiRLAhQuN3kpk4eCdV8KDyFSvC89yLyd5+MWt28ZM1xDSENPv6C3gzPe9/1p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dFUQN5GnvOGWCPCcqNm8M2iMKk4TbrGV6T2u83Ps2vo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FiDXkvdLfU4fJ1fq1EJW264sKeMgU1lkacIMiikSDluCM6cUxPIWvNN9ztTtbS08eLZFuGMO1tN782QqQ+6QymHIPdKKJPJnQXJQUUZ5tfG84EDSYtXf3GXEgJxqIpIgdHBQPlVzEpO6ZvPoSxg2rXHaF7K9jAySWKsDxfK7A5F21pZDsOsWAW26+w5yrA6cB4OrYSvC9AcVS3zauLhj74M6+KVFxk3/uswMwVYoNcaSbCmgAJ5at3hD75uTukn7r0yi7Yjt39I9/PrKQT9JzKJsQ9XHdp3KfhAnPO5negPKdrp+SNR/xsNOIoOZuTQb/aH54rfDXcUw0wGRHR7udMraLZMtwEx4NHM5At4UFv9kQBr9vtJz2wkE9rqWSATlTEFAXnr39WGBaGkH6mdwJYiKRIT0MTdM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dFgUeh329exEjDyVnszw9c5RXvGs9IOpRXj3JlzlWFE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9x0u1S/7eq9r0xju2K1vAlm+atL6QM6kuOzxuLs9iue1IUqVENhg1Z72KZE83iHChJckLiwsY/3VH6JxZF5k/cSsBi/+5NlFSCgKurSZYs5VOXTSYeUQ58tc+KjmMe17tnMwZOT1AuGAkPFzrcnQlsue2jqzxpO/qbj/KBq75irg4VIszHAjDStD7iMKuwVFWTPHC3xksDQY2YFIKIUHRI86MB08gPB5DIlFqXAr27rDD0Jjz+9rmcc+aK8Mm7/F/lcSqnGP4PraukZ1DjAYDaz58wMCmO+TmvxfHQY0JHE/LENSJQoCOoK4n8uuijcGOk9Z2qxWRzgTkuBm/ki+xF0lC56JKavU38ePf+AAvZJI/5tLWiJxrx6fc1p83BgJjN+auSwn8QpEGl3pclrYIfVzc8oQrOaz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dGwClfy2egUXkRrj/tHmqB9O3jQmIPKJr186NfCh0+Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eJdqvAGXCvRLxgbfvmlmuEvEuf9xPkePn4ugMRYABTgOsAgUJ17B3PVtUx1FmiwoibOnGoke4vDTNb/lsdwJk1o2w4SfezuB/hhZJWil/CO4scFA4p1A/I1sRsMFgSy4ZMtUm0rNHZOlYnzmtwL0vznQ6QH2c+YA8MfWTQS1dKeVsbDAAdfNgW2hqFb8y6H34+7dmu1etfck+QKmy27F+pT+IZXLkpPEviuKEHfGhgzIjyNt5gL0TdV+Ns0WqjgqnMnhOFMOfuLzI17OINCXj2YBV3Cns/bLQGjO8Cgx4NYbtrEeFiuT98FccNKrd+1jtQifRM71n7dsE6JljwF83DGdnU5Dr/WNlqcH1gh+QcLW3YpPl0djIC0Rd8Ca47vCGSW9KyovL76DHqhgfHwzc2M9YbuTd7jY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dINIQAjfnne27Iyj/VJId8P6uC7viglfrWJVNbI+z8Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m+seH4IughiGCGzIhG89nRMCHkvzeqCToxidmdRfcvoftpej8O+Hb0EZgKGZpS0KGU20pQ9BBRzdCBdvLpoT81++9aaQnxpy4Lqh983LUcLMDYzG1PFWImnuNpl1AOXZ8S6efxgpdkBAc3kJF/l93TeRQRHlST5IZByxGFaHoCpLOujMY8JW+RvFyrlEngyQMmKH/4d8H145voPpMpspnUcW4tYRTQI9oO7C28Vaqiy786S8Y3PXH3oAJegupUMHlmMErEWBHMrkDSX9hv7fFWIYGzTomAtIbq+luxvyf2MvtsC9/1TqLKBhaSbKPCTDVG7hq24wVv8hdLDMS+cGiqb0P1Up7O+7wdoIi3YVI1l5VZIKbg1tCTTVEpD/wgREqeSTCz0H99rKglk5IiA+zQgwNFl7BjNp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dIbCXZY5hQOpQlBt0UoWIFINpegbrEJEW5SAJeAoYCA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IqkIFHHrXu941+nLpicKjYump1LgeeetVWbc+Gkc9zcMibFj3iQgxVmkQ49uFBD27n5D3t3UXD5UNadnjKVTT8NQt9o04VQRbyEgtxPruh23QH4yRkmlgr62OD75HaUfVHQPJxXn21un7dVUfIve6H5mt2eYe2YcnQ3t2hvaxnlDKo+0y2o+6mXkHl4ZD5RJiloy1IRBZf7D1iiU+FM8DTd9uSGh52SE4UIA92MVeQpMc+av1g8A5yn58RfbfwFaQLSTsqxaUzgSFSGQ6QG6U0mvH7NhxQbEkoJn0337OhoKDnypW1/X4iCF79N/uak+m4aNGX7aBOnr8bbALvBq78nHa5VoLZeVHwsQzACANSMmdVNZsKodkKOjeKs7lpqXx1EJIgcFT36UKS9mDeyKgV8WSGRYMgSD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dKEJd3Le8mn8CtKoW/biCVmU2re3RJBiLYhWAvo5EIY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Hy3FFx7oNQ5z1aVp+yw5Z7sW+SKmzSUkax6onGEMCD5ciLtuynQXPB+VPSe9uk36l5Oik8PooLk6eMlKC5o+cncHl4OrSkdqhXzn/gwREcYnx20Bug77gD7xBXhbEY7JX3VcUNMmKwb+IH1X3ehRbH7PS1N2aXPMwWBDhtJZcuzmdCr2ja+L57TvFIxHNQERuIiCxIQ2QpFvFEjLrQt4ZRavu4s5y3myixP+6ZV0X4yKbeRuszEn/5961LNcXRQcm7rfjVAWk3AjR/8jLpTOQkNHTO2abkCN1iDkrOu9EVZ4no6w7S3hrljKNAcB0NUiSbwumkJm4iNTGX+basIgl62nav28kYEuiEx8F5HBDy8Bhgd44xmYFXrPLfVofIrUWTF+ibtxVlLhfy02J1x7CUCA5XXkGHBG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dKvOUf/Z5zmraXJ6u41xSiQ/gNZRWJCMfpy16TUiuB8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "u1HYOAlIN0+sgZpDNxHhtAm9WmO3hxXauZx/2xjQUELsvGH4eYulSlWz0FmJTlFUWCne0/cWSe7KH1uWxRd7GLnKBn2E+wbl74I4tSzY3vT1+MYK4+1UPvp0RLq8nEa9OpY9WQ0WW29JMRf19LzEHK9U0mAmYQ+NNIpm+KQSNezR4LSLA7qt2enMDJOtipfkJawc3Y7TnYvaWwPP4ecL7yIqc2b0v2+/NdTx2nIY7p8Vmytov28P0oPo//+LFg7SfizAvo2sALEssG1QIscPxhlpA6UcdDE2w5R379v5ZYDGFXmT06TjKVYmOvS6I8U4O+eU8PO2ROVRQuxUnUskYMMFd30ZkGpnANr9wKKbHEDY+uxNdwzV1Kcd8m80qQKM8sCV12EqvLx6oGy3Zf3KYh5lArNbq164",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dN//pErfFLHoM7TPc0+nC0kFbfA4Cg95VZfhFvHSPPs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S5FfekmnImPQm/ioe9fkQNmMmcD0X2YhEB1DMLQyLC/jnYBW/PLA9tnsH2cQC2V+lsoNEhLUXwiZ06pKAJND64PrbWYohMfGFNx8g3bDyh5TDvkzUh8uAr3VV5E9U/8wjyEGgs4k+Ois931ZSHfQ73DG7owMsZJnjpp+6oOomXQAUqOSfsitkzlf6KnVsRg+VAPkHwRg32O91TLuGYX9DgPOlRN8P0EIA2SqYJg9SUW2gXtk8E887sPNWlxi37Q9GGr30walckEjtVXz9j7STslRWVNGALNKS3NGvWhA21dHbHU/Q9V1uWkhhJP+71udZ+R6WthUm+3kSS7cdP1RRmEwr9m+Lrl3LUQmH4WJBAtY0bCp88bolQj1iie6lbNDO97UnfH90fXbom7aMj47ymPfo0Yqzy/0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dPWGhy20wJY8wCt26HHUwa3YabbmU/hz+XExYes/iZg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PR38osxG54ZZCS5+jYN6OGy0z18vIfPxqkkstBJWXfT1JO209dg5TWuxhZyp9Nto7wxdotdv2SsSTW08Mpm9pjh52qT/bqLEwQyBDFxKGvmvDs7U6lM/jVixjR/Fb3EEGRv6RXGzbOys7G2+v70jvZY6h8jLIkboRDEMsGtH08kR6773Hitk5R3vksKG0pJpD4Q6iCdLi8gEJTTfYc4CMsspkgrH1S1kU/N4n1PaxFr36rsoxXcsKDTG7BY9NWk58EIQG1Zvn8g8oqMo3LBqA0tFieYKD5fcpKJk4o3y9paQLyC30z/uW72vUgPajszMnfrcy2EveKmfFo3WPem7282rvV53ga9lHTph5J20/6V+tFW+uCkGjm/udX/kFS52uKapWvA8Te4dincdMR5cvVSp3v4DXfDN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dRZbuUA1yF3Y6OQxOyH2AHz6EuCoNdO3WaOgKQWaw5o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "q7iGyBEZOFUCnQxqhgVw4amEk0n6Am3V+aOBndZXRCXnmoSS/bRWURDqyA+4QFlNs8V1mZK0xwEKVZ1WgDND4P7P+0N8Hp++MOdlXVb3+LOOA1x/4buy5uRgS8Uc71Il5RPquedzfkxIQoSvSLa4RxmxKbqhwlna12jnG5jSfQ7u8HN+ntBj0F4WVwH3oIV1pqUzJMYKzE3CvrVFUulM9yUjddhDem0Zoq0G6bI3y/otvQuiBF+409Nim4wfAf1lG/vqE8QUJ4vXWJ4eb5aEOHsQJk/0rWnkJvXL7Elu2mi1TDgHEaXx0hCcLcropMgiyCrDBO1MKRB6qg6QBM8NVOKjDdreXuL3Zps7yM7Vg+Kn5Bz30G+bg6wxq9smpDItkfk60aWjsa9JmTEz8Lsa2zgO31FDYJAd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dRquyVDPm1ICS6RGoRnu/qLqAbYceqKiri3Bo0BPD8w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "n/74AsthJSP9WoB4HIbOCjDf38CQ//b0XnyqZsJM06/G4Boj2JytXYgM+kS68VyjViUy4eXJdo8GOCpApKHOCh3TDQ3hsPh962yyehVWDs6IR6vKPqFELDEi1xVLWxXhOrwoSo101itSuhRBw15mOAurPSBKpeQJEi25LwCxfWqyAZexNdry+YIyr/Lzo3B9oO93yusad8mnG5CPT/KhTtlW4lcVDyn8nj+Bo6LBhlZ41ua5zSgZgBgPtrZTE3Lde22/iGnF4Gv77LePdCK7TliJ87myqtMusyplMwOxPxfuIaxUaA0t/xOLZ9UgLTYQ7fQ4rB/TflJnIhdsahztdueYTT5cz6jj4o7AWo/svhy82GwdrHgNDPP4SYsmbHg47AXYGbXHANEgk88bue5T6IUrfzsldELe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dSBJiWKWDGTrOcIXBXy2NvS3T+aaDm7PMGn41hL8CPE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HqBH6hGPSA6BE8nDggh3f/Ev/cdHV4+Xwsyqms5NvqVpfIwPZ/byPvyh7wTg8MKk9gxBVLerDK4XrwPJ46RoVwCdMm81R3s2KtOfZCnbgUPlBkrIH6OsRTIsa8wAr0+kwIodFsFjj3bVs27D377lYvRfMiQM/MsXKW7oroKlCYLeu0RzIvKQh0wcgnSzJPFpOGintFgNrkNDFQjBl2Th+PkhLpE+NCIxclLt8dl3VF05r/f7hkCMfyk3xHPwyP3tPpLEXEC1BUR5QH7mxKRYUy2IRctzJulX8Xw8i6Xre+7Xjk31WkJZNq27KEuoE5raFRMHmNHMcGSMbMfdAqC0mL9DII7CLliEaKiI3N6A1DEpJtfMB2qf2X2hDEDYuuL9dedgC8HoAPPP7WISf3JYQF53FaNFQOw9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dW2LdDcUgWExJBqljG1U0WVV4RgHkjR+0qh2hv4ET20",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fO5gKZ9q09TB4EbR5QwSs89o2hH4WuWbY/wDsiIWIP7EWmeqY5PHR9Bp9EP3hSYsEB8ybKmeaG2QwIUkMcJMbHs9ANlpfnAnQvNNo+T6YBh5nOI3oMi3wISUz5zeNaJ1E4rsOAm28VuB2NeLWDPqi1veKtQ7zfPAO+GFU941WvRTU8iGYmUG0tDr/OTNg9zBCedZukTs8La7Zm7v3nEuypBcGJFRZkP3Kthhd1wIejvivvcSlAJ55JE2GJn7FbQGHXqRMb/f0hjTriHpiK2v7xlWEuDg83/BYjFwYcjT9jAI0p6gendNdakwoZmMY47PNroNF0WJwR9KCO/ajJqTxPyqs3pwtACgOwndM6F+C+UPW2icUQZphRXMY3u31Au9ynpw7NSn3iAz9udbXGX26ZVd083pTemO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dW5AXxiQ3RJ01JKTXR7zVxm89qiGsch1JMmz8QFuEkw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ubXCT7CqTbiRpm34/Ct9yzmXijA72FxmoNOsXwfrN35P2ESUaE++wxwpIGSbzCqmsl+Js6vmvjbC/4xQgCAa8Uw5MNVXeimFAETuuTSPf0oST8yAy75LxCztAJ9EbVliwVKtz+FUG0VFYsFbCXMHI7hnx7eX7EtNcwpG+GlkN6p//sFEC9O8GgpoXagB5gtDjQggeytE4tm5cI50NHVEMPh19qS6Z+tXJc9aIr30t3NrA0hmYmdtqooVKiV3EJDMtzXdeHu4AoUCw4BsMiuymDPXULlvLtOWFLY0I4bFALNRuxICGs3lxZHqlN6UUOM5YN3CYgNz8hangYdnxZPkswUqNunOiIIxwEYw7IGeBiDzuUcB7LC+LRoxAGYkFo7Dwe0CcNceFbrS4e6FW9ZS/UpC7XNjbTFD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dX0YRmNL8CX/i+MhD3xv8e/kuRlr3HYH/a2GpimlK2s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pCRnZFOJ8xjeUPeoT13pur7OQoFZk9xJha0yiGOhkvNsHMCP7kKPQcapqUxnp18ICEU4ly8mG3cIHFY9OMacAd+5OBSois3cyS5idgJ5JwRmuL41axb1XemqyI28w/+W0JAHM/py4Ja7jcVsygpaqOy5vyqN0R2PmYGwvlFFz/5GxfuC5ucDU+dm+Jl6Vxq0ViG+3zkSVIOTtHWb5WtzrTnRMxWrt+kGd0sFipZ/DU0ddgHowOmGFv/QuYcJq1dmCC1OgUO8DTecChpSno+F+wcnP1RqLaYO4VMDVhfOmm8prRVnIrNG7FvYv2jhgX2Rj0QxnI7vVBUxNPYbcAyfMGPlE3kOBcAUnwwLHuc3HtKAcuLz127luiajjAR1SXKnEcFk4yN2gqiTR3e5W4Y2DU+YhSZ9ac/Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dYSTtLLvWi801TaqQZ7Eks6Zb0gd2oNXQPwPz5XzRrU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5aacd3c7ibpQVmzFxEns1/jjPOQmrHYi36JX6kPtG7McuMrkXxT2sN8kb8vP+kwPP43UQG+CezJJf/6lXrLBSuAkJdzDy+J4F9M7sWTlwjShu82xjNCGVtx0CqzGGFGIw44+LigUgBDw96TZ4WJRWPVAPEyLsWxr/NRXOaHohtNi7T+vn+Q6nYdW0+q+OL+O27GxLtQ9VnYPLEChhex6HbQDf+nVkVyXBEVv3enTNOcDTcYzYB753WoFQ/h0IQLkEz9vkhgVsW72jb4bvPwcMkZ1pFuFLGXhbsohwslfHygejuTIL0Pm63Y7uaaWOEkid316KUHdD/FyUeY5T6rblZHgZmkuelELDH1Eoi3d9Y48WY3qnB3znpEcxteUtFbTgrYSNlZJFETY1ie9tWBEFr4xHupq1NCe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dYUER6G5W3aIJFkipTR2HTfZHUbB7+To7XUD4buYqsA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oLYRrqcPWXzemgrM30lWwx9n/y9cUWoz+Fp+xgJWQl0G2DreHLpzodjMacjA7c/FpGc6s/ZJnG/rJ7aFOln2jVTEjX8yMfeCaEeSa6RI/h8i34p1KtpNnBd7j127j5o13hwvjpxVJJGWvoB6xQ8U2+QnaSoqoOnfkV7SGoY6WP+rvhayadJOB54S1Oc060KVHgKHJRv7QKOyO41gGeiyHpf6L23hbt16y9cPNZuyT7jmBoZ/fxccJbmsGUpD+q6LcC1kLoGxZvPB9ufvs/moumZHgkPQNGe/9ur83DI3ujcEspFeFGRQlg7JpXY/d46J5pNEKkn22EnmSBzDQ48Snet3wBXxHGRl1IQ849ELWck7Z8uMXXj3ItOuT913MerU+eCo48FeI8/nUdmJpfEHyAOUEEH4tccP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dYktLkndTsk+RbTrYg/NEunsbBjtF8AQ7KhGEaN3EVo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hxuDrffPven5ulIwgB+4+g7dikCE4MYds9jlc+C+WuEWq/iqioIdRsf38ADrGc/wGnHPhRBAZ3KUbh7pLHt+VGS4xJ1OK0TIglrA+aieBPn8WxVmVxKKZtzmMH3BopK40JLCh+t8uTVxJfw8xU4MhSXEYFvaz1wxWXaTZzjhWGx/Hey+LFNo2I8bD6ExF8s3k4DrN8+pOJsbXMGp0d0Lm0VMtVmN04HHkbjo+97icmhXDcwwrMLbNOON8j9quLU9z5L4T/oPus6kE0MMMo6T9+feIcM83ajrw07qoYBAW00AdSL/HIsZkevn8eIkeybA0k4tz78eU/ckRXmW+rKRFUJd0H4+51EPLxmSKpXEuHbri/ZJll1VXrTQ99na/ATNNM4+l1mGuSIf4GC3JN5hvHOxS2gC4U0W",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dbrFCo5lwKZ6sWoduzCnLz+5/1Ti2HPlA36RNQrxNBM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iyYw1c0Maw0GgiUCo9Q+AyVA7mHG0eNBrhnRJOFLEIkDXjK2MoGtCDmS2OOj9sykJbuJfQfOJzh2cBWSLadr1GM+Qpms5iVbVurlCELDWaLU0N1OVL3g1dWgLfUW8/QAbX41en+3pqQcy0qmd4BM//GY9VduBIngQa1RgdbvcKbAnIjqO78hT4G6xRy9arQkdV9E3Gtnejk1fRaKHe6UD4jeZ7GH6IuBNs1c3A0vOxKFlt9OoLGr4G4/cHEsX9odJrH47mF1jto5ZUX4fWFibP3ctu56g9jIjjrNc6482oYotYjhFVplWFfc3b9MvEDgsAXdfScndE5gm1Ohxnu6oFlNTsC7OgJzTFI0HPDQzZUx34y6EjHE2a/qk8YI9Uimvp0n2nVWWC1JQiiAhaSLnemJobyNT1X3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dekyOfzTCfQWn2C0rzuNhnR2XzLr6J6PIK4wOztO+1A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j750FBMC5k31mx79L8wYj7IgTEUKNq/uzjUiFVsQt3NZn1USAVib8eJgvFUkQVyaL2DgkBxuyu5jznwSX9CWWNhuFY1ZU4/0lM87MQkf+g5vALeRoBn9PcLzmy2mwiwkX+kzrOHcb7ZBYP/AYooFTRp1ebR0mm1nhOEbQjH/gvkq79SJI4MtkPBzASaxGckt4JFqeBS46o7mJehkGy6gG3Zq4Fm0oZ93qafwkqkXXy9ciRuru8sfbDuFa8lJCJgYRpL7H/Kg1nyl6Q28yC0PggeVQ0j7DgFgmTwsocgoYTMI6FKWWVR7PORwG49M2SN1ufs2bqEPgV0Lm6Kk+wVVo+as8PM+Ahb4/bnBlAkc8xB0PeWfoK/ZPHKI22H2HWoHefhvebi33SrnleXtFg2/JgzojNwYYlqJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "deuYXhNARa4Nn4rdha0IRXGF9GyeuawdqGkbM9uaVm0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6LTY2i/ds2y7aW4UjTDs4wedjAa0KZMaPY18t+cVD0j7VtRrDOeaWa1QYKpKy0wRaQCGhyhbGi1fgyNjljKTy8FrTzSSNp7rzZDuHQs0UYJkamlJG7bLm9lQ7XbZbd5yCyDVvTakHvBO42NCGOIP8ibZYKOgUI5E7Uz1lJYwmlCO7XDEELpsm2tUIKKGOH+FvUyY5hPPfOpkYvMm9qybVaQhCi6trPd9KgzrPN98kDhCi5B4BAF777WI/sPMe3OeBYVMjC4WQU3/eRoLEm6wmspkAERyWgn3C8mJ9KYLGOY4AFEnP2fzvr+/xLy33n/Gv7qBLZQjDZ0h1FRHFo64+JvRztvRom0uD8QPONPdAx+Ls581BKzp2E6BfZRsb+T13J2dl3jCz3Ggfvb/u2UxWoEfdFPGcS4z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dfewsKxX5wBjXYRReLsIxjnspU5IdD9uTFTde83RVpk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "85g2CGcqrRhcECbDpJTmgz2DWaNjF+6RjlYatuSmCNw5OuW2DbE8zsY93c9duSw85wG4F+B5tBUf2zCqTNfIkEeZipdZccL1/5GxL6kGvNh6XsQhtWmkamHEMvyxKlO3/C41MzlcoWH9osV504ZW0KKGxnLRbabxd5Q5NXLV+T8i20eB6gN0Eo6UmRI4jC4e34J6co9ZpPblJK4PJIDwJlfbV8v0s1stsmQXgjh03rFkSo7hAPxCM74BrR7YlXRlqRyr2x1HhmtYSxbNpkfc+JVFN4g4PwghNcvUnDqr2kABKvnIJTFsvdN5FScTaOMpC9hk6Zws/vmV1121TeGgtITiJWEEkZMLjIECZVQmQ9VaZwU9nfwks2hrVGypmIiNd5/Um25d083JXS+x0DcZAfuHlVkiG+yU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dilLfAqA76FvyNVCCgxyVv54njPoLIuhprFMbaTDjFk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GUj0yeeOjGMFbNyFXtWSio9w3/tfxlcbfjr9jVtFaL6mma+sCsHsavWuJd9UnkbyIQIjhztzK6JcO3zR16MGGzbjqKMV2TF2rfleWk3KbSeLM7TKQyn2POqzB0KNMPy+ac6Im7lg+975F5BQd6QNd6NZt7akZahGv2dWIzUDRmEka1jY+Q+mmQJqxEhLomPKNh/2P1fjzzZS6V8vFQiPkeQ7K0xRQQ8clOkZB9fFDAkTuK8iEmNkWyt9dPiwAvtPrEV5Qe8IK+nffSQ/fTY7Ytol6shhD0oRb7o7+iY+SNWXgiNQKzQIXOUzhJ+QpP1U4IXn04RwpiZRAmwBJsD8Pxh8drjjvwxBqCH68m6iAEIHsA5JQLpydbmWqoGgHXhLajZP/Q8ccqNj8mBOJmkAfffxfe2jvSkq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "djW0DO8NKYLSbEiczZxxMFNikvjDjb78TUcIOeZI80c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T91Pt6wRovAqUgIdIf7iYCC9uf8UK/0PZ9PRCT/3MmnaHlhetWuLZE8+/f1S+0vwpZVfTXsLW8xvknnRAU8DweSseEvdB+Ee2WzhUMA73xTaDkPZMPuoj88SqVs472v3DOO1uz6G3weAqIk8dQH4ILAIyj9uN2xbCGRJX3dpVeCd1zH45AOXl6lBvWm7aB3i08kmrwxGRmbgq9vTYVU3/44yB9JeuvbbGUFpFTOyYP2JKER/sHV4v6guYxiRtGfHMhBM2bpe1bEghdXrUvk30Kg2r0gGzJflUnoILby8s4YDvxAUxyEEWXKODfgvKMtW4T5QYLUHzkZEAmwfbJF4wldrE9hj479nIH8FLZpqy3qQQuGI8eGPzHEN7Blc5GqCRsPyxgYNL3AyERSrpiCsJtMDKUQdoe1u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dkQz51sNcgC+wsE5ro0P4x9ugn0DpxKJ4+AkgSjCC5k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EWzQVwzWVIVNG2L1cA1UwD3fJZHcUdOTbbyH9D1P0PMMFkisbT79Ua2RVHJDxYM/1f2qGsyzWjpyfzIKcCfXG1fS1QuJaxxzE8HopJgZGP4z7mR8TbE3izX3E4qJ1LocPeu91Bo2AvMaWwbsqH01v9cmCrNQ+CZaHAPBqMbRqJSK2fSi2V2pTugua93s4RrNesfYyW6HV+a11IbV1n6H1+qGiGIqkz980UKskuMh+n6qxlEYBM/kdUh+4lHniPCuOP9gEXaCbdCYlfLi6TPd8YkOCcO+agec3WKlArzv9DcBVqQo81r0CPCAhghVibIrBHaSO/fyK+2SIQwjFGikbOb0e2SgZyWpf6lpU0lIwc/vjabed4dwHAsUkJ0PXMC6Dwws6YqIqFDWtrjXo49rFbh+HE3I4UV4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dlG7vUOz1J/MW0s4q8x/zVlEgaS5yKj5e+FNyvjlEb0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zFBQ59p0w9OHwRyCAbPF6/ThetVswYgtz50OKMZHB6ZPuFyP5sgd1YdvOxnjhOt0N2Vv2IiLpWed2qlIevIbwMAO/+75Qz/5UUS9VveeGud8TPySPp23ppdZg/e8JcTKUl2rUqpEBGhHR9b7pDSmUj1biZ1FmZg9yikK8sTAhaLI4tJ/ST/3P8NpnGpjUQUbXeESD86TV6/BEm8DX7COJMoWqG6MUaEWDGScZNbj1Oc7XWK82mSKZNgYWhxcNJQkAJRyd0O+Wy0arJuOWSGTSjwxs8OFBj2Mm/+Qb1FI/CrOmSgh0nGxdMo3awWSW9KbcAIujcty2LZp5roWOZoT1bx7iZj/hE2xYEgLMCizCzqKHuzJRDdzSujMxD5HtaoTQyv9jVmEfZNX7nW6lD5F8zVPfEQBrR9b",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dlGiw4ZNnQR688GgARIy193M7BsDzUTuWd0Y5ZbwKz0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XP0wDY7BjZYF1Tf72RGhD/hxJCJzMhx6l3jngWf8BCNnVLJ+DbqBI/txAVTuk5XppFymElOvQQXdx0E6EoiQqPbMnN7Zg8wyfO+YFhJuXHl1j3sO1z0mvAFovuJ+bAEPG8+01yv2M37urKjzIkFC6a9QVg2DS4kO9aawRP5Sls//6j7N0mnvP79NkV8noBepS3GdGALcwqXf7S5zULozMVF03Ux1hSwRQFTX5CNzRCxpUp42Bik/Cx8C86zD/BcyivHAXHf7L0V18JR0qkoDnVd/WrVYWpciYtofuO2iyeQQZXOEAvCpP6b46RRhwGr0+zeulQtrnrAZdsOm28OnaMu5qVg8xQ17f50m54JsPUempC6riUWPIelqr1tKfEpo0h5euv47PN1DFkpYxoX/0ReDG96nseHJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dniSK/goRPwTs4QVXbXiAQBKIPfg8aKSHyYDuIcfc1I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uqPRPgaKP6/RRXA2nqWHjFoebP1WfDRUgWwoflY/hV2Lia3bNJWNdEtjTTiBdEkz8CmVwgXjquh+VQsEJTTcjZsrEMn6cr79mK45Iaum10i9LAFpcKeK70fqBdom4+7YGvcLQWAs6flCnbKNYumGNKfsCvuohFVL3GoHvFaK4TrEx+fw6MgQFC3Vu58JoMCkTXni5FdXAY+VuVtFXAsaeTP859ubZAq8HMuH13yB0KKiVdSxT0cNQzU1nGMlb080OM6qThWn+L4PC/ummDpVQ1BTbVn+mN5glERG3z9XEmpcJWr2tYh7OVnsUEvgW6FJrPm2KhKyZME6fAlOqBqzrCwTc6y2+tSQw4wp2GQRLfoPboHdN2GyxpUY/gTH7nyquJrLztacSUJlzFyVrZ7/8iDLplvpwtOd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dnzOZjdJ26vfyX30UXqsJllPKGP2clB76GG2qxQTTVY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nH4lt90IM35a5ENpm8WTtunYL/v1xQ2jkE6GFbQw9vYUsF/0VtkvT3UuMePY2KM6sOh3tthGBhqqGreq0fiUK31pdGRFRFhqc2bSlkcFPRRd00BRGOK/tiVgkxmjm8lZU88E8NG302R0rPYHSLNkqTd+Ra+/346zaB6jSaC6F4pJPuys7kvPaC2oUU5AA5yAu6+KMlP77IhGDFo8SmaP6SU9HF2Fbun0hbl6Uzls2bndf17v9nONlNp4rjC25ZkXmtqVjS5QA7W0DPhgW4CiogoaOjR4V9oyPWCapo0K+oq4DnMO22f8sYPV3pEUAExPMAzsvm4QDMc8Fmu+GkdLCzK7wOzJhadThX4JhLy8MjI4Cc695j9gwHnn2oSue09qKDfg4hfiZAlXZkJj78Uiym/jjGO7BU+k",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dpM/zEF+rKlisxLWV6TBj60a1tm7328IM+WsPqwMHPk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sWI2ZgZooG37cK2V5DXPss3UPvhFze2JuGd3m08Gvrbbs50tW5Q/iS0gScMkKkowKMWiZZ4gb+Cfsia/FYJMbhRYOefZsJOSNOKbf/ST+xNGjj5NE40ns5TBhyESaG3MehtbOoACMA2W7FijPwsjyNxPz5AQu9sfmVmOOke4ZTyK+D2TTuN99HACH1IgShMlIO6yJFOepUxGbRayQFDuksNcBoTEZQLHqyG+CekvYXIG3MaUxOXuTeHnGWOdespFjw0jE3lR00kDlaz5gsjOIhmeK1IPNmxKpBJqklGUf9yamVIc2QlUUSyxiPsc9IhFoVsHb8sjde5SHg/HYNUthA+42bfkoyU6/QB3bWIQS0+cblzXIGwTbTZxFVufSChAYINk9JIGkWGEULfe3+S1T8hy6cVGsuDM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dpmmoKKjAjd4IN5/EYnHkvxBEOZumDwH0hf/i4/lFGc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iMWzLGCQB0pAWFoUa6qYqulP4u/PoN0nt6QjWb8NUZDAl7GcnE9XlwIW8UvEPPmhl3kJkbuKCwPy0KjnfTD10djXJKZ2YfHtPsAiNSk8qPHr7OFW4jdoE+f8J0ZoOGq8zl0L7jruPzN6bluQgIf9U3Wr16mMwqtPOsuAuv3CUBetbVdC25d0/HlgkOB8nmP/f4mGxa6wECd9l5Xb4tjX8qZMMoidBmB/NSA9LTbSq2/heCV+oihoWwZG1mtsLCU50kgA3imFmRBQqRfDfngZlGONER/ClJWLeBIMMX/rjUSzSexMfHsDXVSAJrXQ99+ZRweW7PpkhCiuy0n+nuac7u7BMPgXKQVQUzS5zdGg9A7obD6H86Uu/LocXJBN8F4+lkUovdF7aTy4wmNPV4o7cIYdM5rgA8r0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dq7yKBD5puLONT6XMyFvd7tNQtlUV8NzJm/5HKn3qsk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TV8YqgFFBH5MeQkdZBYVAjRbXOX5sr7TyLgqWumrgwTuq+QUsW65SBemtoQ9Bl8q87U9nYfq5lBTQ+/CPvEXwo/flU+zo9fxm808bZlqZIenp8PPtMzbMHxiqkuKACcZHJWU0fEkyRgsWWw9M+1UnzXXKdx3QhQgvuUhye7IW7qlnySXmeWZxyhmReePmWBBxSKI1mK/+GhwE9LcVRM28ayEKe03CMBlzaTuDZn9V5aGQBbxt0MP/1RwnlQQIezy1k8ZGIwQvpCO6I33MhlLRkhb6/xqK6nTmAbH3qF9eGw8o/kA4uCfwNEBDLIp9oiQymXmDtZBtLZMIgumIt0/yKOqIOI6wSfTrjhAV5Q+TEEpeZPkB/Q8OUtM4EHXknbYi4MdnG3jKXGnlJU8H0HqYvA0yE4yCBVp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "duYB8E94wNd82LlG/s99OLwHYBBWFnBrIYiZYGsdK3Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aqxAIzgBBk7E5p/3nQBTMaQZKCF2erUail5CLCA/RRxs5Q6H0e7+u1AVIrPLDooniatotIN5vrooZQOATE0xVZC27o+B7Qwve1sxJ/Cb4JhpwE79BoZSFdDRButfAGBaIbEFJyblC9rByaNRUXKqyqV62o3nJzbEERD9M85EaoA8fBZU+6r/clHKUb5EhERzcoIHo/PYMsVRz2jkgDcoV1zadhB0AoUmfUMJxupk901Kun/YWTWzCwMFGhK2Sbp66n+Ava+gRyrPgfA9ZLPFDmTULfxO9cRvKsHNjYrTEntVqcJxZStmDPkAVM+EalE+MXAqtVNhqCwcCo9kEiEiKISRLR0IibwTzoliyT0Y7Lt2GjK+1vS0paq/RblD33hFL4WqPglmPw2mBSKgPKCGaifOfnKbtOOl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dvmNs1RL6hMrriqYy2QNsUBM6eqY8jGJQMRIpwccX9s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IkVnakMRgiJYclPpKHZZIJ4CtdoeSO2q+xPJNfhtKEjLzVg39NZDB/EqarE34+PUSwq37qPmQxyjPpXQ69hxn88iJKwQYnqwwcTZryvC+JBCLIfWGnDRIFVchgNwM/QPNaVDH2UsvQvIr3QvczZrgY5HzIhbSF1B5ny7/xXC3okw9PoOZf9gY3pPueaTMFNpgUFhJ0b/Ar+g7Vu/fv7jXdVCXyF1msZbN57pavvwaHi95fpqy9d/UauAoeVvPM+yhblEKUOGhwsenp2+JX8pQ57XdXj4yIzqhVvNENkdnJBY7AOZWdyrhriZeIZqYB3jmzfD4ZZpH0tidlbeSj5F3vTFEkNBY2jj+vxvLyHVcrXZiRdA71zadTexJ9g8Jm7A6HR3O/TYH35JG9Y/yOHHd3vgRL0pWXHW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dw2ag4sGIH0VNM4lLoplYConw6ol2iUkaQ1doCyJABY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JnnVbYPaCLc5aAJnT+KcRJOr0iKIBSic0mlQVgJTNVy68wwvXRv8xBjQWaLAKjVAuUHgonOA62ZW0vit+AMGe4kZw+lL0jExznIhjY3a9iQ+w2lV9nwrt5aWm1sxhaMN0CVnepiXT01nbUHLrxt+83vBuvHtoOZrgUR+43R5gAtOKJLlgJM9mBqbAKeG+sgskSMpmUG9aya/KPtw0NsVItkE80x0+0OM175xUWT+zLrOasT5xc53QzDk/pRHvWQMfrHZSUwPtS9AJn5X71LMCsEiJ+rCr9f8l/4JoHj4JOyRfAvtn3u81hD/eqdrAmstOTNh+q1mLmA+vIW3oFu7s3j2Ma7v442Xjhyp0xXDADsWTW2+6EHV9DdK1jRBMKqvzWx14OwKMKtargB90UNcHsZkf3/Z/0ki",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dxFGOHbnENAN5xaYX2DO1Qkc5M0bJB/SN+nZDBT7z3o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZTHv3hi1kWHNJQjXZYfSV0k310PeKyOVjxE1erzToFzOuNe9N0HeGBIAuL5RZndW/vE91NIUOjxGeN8AdAAUw8CoUa8aJ8JyVN6h7jXPHfITg1r21uwiF1pkDwumgdKZVPyTJNHIc3k99WMNBGyXjJHq7MBsW8+0LueGa3CHJ3lld2varEO0wrgKnuBiXemPhVOGtrVZKRh4xDVLecpc96wcHUDv1BfLpbJVsW5txKJPvwJ+zN+VNYAv2C6XybEi5k6+IMq/qTeDMs9lSVvgK6IHTTstlcaQ6wGCuQ4vmrA7xVjI29kE4C+hX+qX4M3Hwnsa2EyZ/9MvdKFiLPXNVnyjeZRdeggZUZ/qzGOUyfwsMXEGqdh5gEPpAVXDG6VlT3yeoe8mRPDYbxCI29rlJKZJ7aDF2wBT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dxmMZkscZk9MhZJ8+vpHKmL96wrK0ZcVTPBEiOm8Tqo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nvbi1gNl7i6yHJ84GGZb9ZeHVcypKPN/x/njIGuKRcOhyWQ7IvaoZ5e4sNvyWZL21e2SoAcKcpRJ6GcTRKlgROSOpxpKJeNjdsc9Jwmt1oTXMFmbEOYO/JsDnfyCumWONrOJRtK0PaCX1fFg5KYX5ehTYHPCJcUOmW5gi1eNV3uuV41UN2gDnAKyZWILe77QcNVYJxm9AO4v1izuJGg0Q2XaEg5Ul5BpFMe7qm3Mu1Yz7aC7l+G0dm7p7ld18Zykfly7PLhz5/aFdp0FMAx3smVXijbZpKBXx4F0/7cM215JEJ1d+XZRBFf7iZOOjeYnShh1yXdK3Gxlnh5jdmD6ZMzCxNJ/fXeeNuU2Ltd7sQJAVsgl0tbCMU1PXEo0LlPNWO485814pD3QsaShcHKULr/TAKgHoD8G",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dxo+Tit9XCvUt7d7sRT76VSsWmEey6/Jr5oCiQjw/DE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8f6sN4DYnWd39tieyueevR+3ZlR2N7Ci9G3nIFvxOZ+4SqUfFA0zfopO0wpBByMifSgsXnGSWNSRJUjfrOJk8EO9sywj+V7WFZwpWfqWpj9yh6/umN8dxyd/6nKs5AOxXiqI8mwW1AyJO9s5jnxnGq5IJMHOvaKB8LiOdKVnFs+FWPzPvGM85hWL9OV0kkZVkTL8LfsX3Yv0LX6OKV2kMuvAjUSCyE14Dyq20SCYpgghiYc+JIwDqnoX48mzQ3xdvw+19mWrpwWMafOt+LqPeT6prGO2XHLr89amx01KRP4PoiUf0sVSh+G79sZ9+T/orggrvXLrymguqiSqJR2/fMRvNwOPCo5rHd0LFIy7bcRl3Tx6lfVtMOxNosuOklQpM8V27W7HVytwuWtWN6erqHwmv66kyr3H",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dypnoUcOFH1DnZO/k97OrBrfkiDZz6P+ih3udpYoZlM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v6VfgdqOecJREYjl874JQXK5Vv4zXhjljiIRaTCtvhMmKF7daIKB8M3nhH5YHtrmaZTG0eZtDeIi3UrBTsD3y3JyjyT1bOEK4HcOIguBKTHgGPAoMY3J+LsFReYf+dleujNdhXlGWrwN3RSq0KEgOLNs9zIUg2sO9WVHqzVEqGS9E4ml/F3lnbQCebACg0H6cVz+kHy7QhD1oP1s0gQqiSsNO6lly6J4/J7+5nVW7f6JT5hhcinamNuqpgUnmIDwI8euuWTrQ0SNmhW5QRTVOi1pqzwmUi/0uoHxm/jKgm3yLNmnb6kTKSf1YdMVc2YPxo0pi8fqABdGLMcc6JPkhJYXhOoIykjGRbMEoZUoamHtaS2a/qFnzbjVYmLSOPIhLIyYkfsPPaXI5hhPMEk/rygteW6hZ56c",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dyrop7qFydIgkdO7bTb8qONSQU7UMl+RCZiWwdeuQjs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "C9WQlIZwFpnbRK+ImN5C1J4ZoZVKCjCxotg4QQn78/Pz6jm6WyP08taGIVHSXPpLjnIRJrRz1r7kouk3gd54LXlHLEHV5gvZBfplcVu2hp0TahVdSFNLuXfGJC4FC5Oq2jkG0yX9Rsotj85xdmffU/KiOPxRdbPmWCcNvUrkXfTk3sOoanPxCWBeJ07WyO5v6aYW/8SeL3xxiTA4uPplMeuh0gDDoDKjgBpaM43k/O+huHKmHlfszZlL9IAJW4ADuYYqamrJI+XJC1EzpXJ2ojUj88ek3wJyIROs94LoRW6U12K2jG8wVT6wUUwsc1hmZcHZSzghg6cMom4TGMWN5rtXZZAXc08bLcxpqtUYBP143LBMfZbDGweYYoJYI9kO6ip7tpOO1l1b+oiFQiqkz/cgEVBxpU9X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "dztqYO9n24mc2gAINV5USOueLUvVyVFmwFl9qmiItnE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BsU8e+I/WxJPe69c2KasErKJYqUTe/10N4aEeL1w31mXcnPMC4cYAxlQlscNGI4JvqZSo3GT+yrPK7k1F2AI35alA0Zgvijv1qRWPyRIorapJhWXtk+TAGIdbdtF2G7/jeF8o9IaNpF3+NGJ67HtYnFAC3BookValhE9T+gHssUDeseqCjxrwG0UEC4ZHxeTdG8ULsnhO7cyl0bV5E1MtrJldHyR2zqBUHaNjGPAqXMpfYu2V5QMhXa7/LykD/IhcLyVQ5nI6sQBCfiCyhd0OiuEzaycwaCVA/qnWixgx787cWPEYVpXcg1XubEKv77dHdqgmglWOKT6As6WRIDm3FN5ITJ2tbYLGjos0oSZ0b4IGnV2sXnWW6pPIxxo35Eyz0iAVxVzHDgT2bmgoA4IlAFeoEQMuywY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "e/XsjY/n2h0eo5abo4zm97oP0ufopzjG6+Q8qxuv3AI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4z4i/PliVnTn7GzlkfAhgH0EKeiqy1YDIYTZVq3SIc7d14LcEdtb7tkETHDZHxnHjYI7q3AeolMBMpr3hk/CNxU3MPQc6qrLJgwQVNPTSfmukVcStJiC5yRzM/bjtbFjVS6nYbqgkmuY9PNWGr/D2q1L8S7HqY1IV0jsbI3FvA+gAUfproUvICsckfxpwa3YmnvN4qoTWLMdWNOxznHc1dhrX4X1Xp2u6ToAZcUu4lq7L4vIxbp1JZCG2QwCBs48nfUQeyOxAv9FcAoD9jg4CYMDHpDLNcav1bOwkC2zsrYqRFJ3jr19IKtZwAIuTMxG6/AEomwGcfhFHbKHKMY2eGg0WX9/d03rEyk5Pd+cwzD4Rp8gWspuCmizPpwHOIBdHhumVkb+LSRwHoacCnjQP0uDsyZq0Acq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "e0ziW6j93WMD5dXwqcOaNIz36Kj6KtqnRpnPpoeidFE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "t2PtMfu2bovCx+MIQlmkLlXzQg7BlJFyATO2QrZlGY+4zJY1sIsLDQqqpmAKLSa2u9RQSJXbAR30/39d0qxgfNysdLyZhvkTVPb/RHID3OmXYHH6vkUw2k3Fqm4tRAYPfSkPlCsLtX+juwxhnV7cklGvtxP20drMdcEtKLiENt/U6fCUfPsM+UsBGbFSms9zITRBiVIUWH5RK7Nfdm4zHCGdFYarIU1mlME6V7Rx85C4MtNUKeCkdMjzaxo3mCv1jkTZNXbo+ETSPFkABn4+ulaq5QUOKRPY5QPWSJHrVoKTSoQeCFFv9Zq4VmvwhFlKaiQOV9S4aJCCzvxrM2+T+Y5HkEGtCHHPhOKjgWB0iXObZFMTQ5LQe4mmPsMh8iUlv+rWfaW3RMiYEzPtzbd330ILnwotRzlu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "e1DuNzBow8nayy6obZqTIQEU1QS8Hx0SN6FTGOkn0jk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3pOLb5R7qZ7KxXJMc0W63PWFDRaZizFPbvhXrKgfZbb7imuVBvcrtQMMKTGtiXO6oyJZioTencDxeFMzaJKEJyZSlBOAx06kdj+i1YxRWWxRqHREFaD61q6Ny7OlbMIrkjFoVH6FdrPZbYo65rjmOz/APpbQxXgvrZ4ZUiNRDIzGrTpX54bEJz5FoNC1FhD9IuJlAP5AyPxwc5eLdrMvInJ7QiItODtB7ull2U6QbgH0FafUufojRFeeJ0Qskvkcxe6Lw7Bh74/tMu2/Ko3uDJp0awS7/1u2QsoZYuTgRn1ANun48pVDWeBI2d0TulbImGAfAgivyebIUNomlCwEV4aFuMYvWSmEEMv8Xg+VgH5deJkrfT+NjFu2q6KmW8+EejSoNCi925qezVH6Iv+UeJTEv4GYxpY3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "e2hbx7HlRe9Z7IyqQHiIKaSskdA4a5hbB7lBG5Vcvuw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RHFZ0VQ0ePzINtna2NEyLBIpVWU8xYeUhcsQCnzHMCBnAqL2i1pVYQ2jJH0IfaxJ89oaGd+hc9thXe+sZkLb21gg/sz9FvpEcWTgpjM3elwQYQSWd2psCWT9EjQcekeJYYMnycU4F3ALmbW+Yr4y+vIy/RNzuMpmw7zqJrIZRNeN6vw4UMmUcLm+q2RRNi3oQ9K5ZL1Iv0XCep9GYr5X+gxdRgIgjgB+kvESDp2hqawKL4dZsu4rv+A8TswQKjyXZfZVJ3MKg2b2ncpqsoNHqSenjgTK9RS3iG7SXqHkNSoEZbrS1ZFcWqjLxYbiQEyQUXoYR4aIPPoC9htJS7ML1hfiMOmHqQlSGUaXT8XYwI+S+LNCOl8qjU4WjKahtqC55l63kj4zDsBBY+La3sBQKiDdifUpkqzr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "e3bX3F/C5taqCLnunLivSCyFxgxnBAGpSjnHwopTTm4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "62CrqIOouJClaZg2R/ar+oRT+wM8dVybouIblz0at+ZvPfbAegvVOm5FxThLpo3LDuzBylyc39+iBa7j7S6aD8kv5Ghn6R/7RotRDPNVVLzjp3Q1CnSa8+mQSzId6X05vKiGv0+NC3Q0ahgDTcp8767vZkDQyXlYb/ASdb5O/9ko4aw+JKEYy81bJJlts8noBREFLZ7XId7mtV22V306cLsOiyHTyCB2jTTytwvHeXk+VanvyEGZUAk9daT1D84Znep+Lr7201XDja162bn+JnukjMGb1+IlSglzPNpTzKe+kYJfuSOtYL9q5fhLe10zF7axaZ+/oc4U+RbJfCWxa5l5mhVLdmtm2i5LPar5KrhtZu/TBhqzSeGJt78Jch/duZpji6pDaWi3w9nrkYj39M0xH/NhclVR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "e6bADk/SRkxrD1FrO5FW5eW1OPK9I7mfNLdhoqPXPH4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "q0DldN8RfvFSbOtv/oK3/5eQ0FZ1twKHBLMUgt0VxkxVBcFjMJgRbOCZA/rLzqzA+ihrLgSPXbw+8kKLQZj+ZQlFLPmbGG1wFZftJ1A6A7lbybSO8j3N2ljpeIRDC81jzREHXtPyX73JtdITkTYo5aCIc/GeOnBMh9+WUjBZ5coN3M0PkDuATJ2dD5V70DNxNnr/bMFaOr+rYEUirP0P67uOW4jZlqj/GPjD/Y+lJZ9G2vexmakb0xyfeaXKLFHCaiDVZTf9f9OyktxTIGppFysCplBPiC3Rmx+3yz16un4nf+WWi+Yc7TA8BX/Sow0Ca8XRFplGFuoqQYVnzQ4X3zwUOcB4p16baVfAN/4pc04LAXK09wwx7sg4E1/msyvrlIRn6C4hPp3wpQNK3J4SXutmnDlnMHvj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "e6yt8Hf9QkK7u0uFAeMxZOQWGBmSieE2+1ycGqsZ79E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Mhwn/g/6jF/lswsqTAMZDO2vjoXBx6+lKo3xss/IsQ5kj8x1kXFgA67aX3HWz0NUTfYSCgIQOy4ms7TUqR94Tmsw4YRYOmE3d1zaBdi9eKTgtJxyeuNGIXtzGay6zKCRKh7zFZmVWrf0w9tkCRrA+aBKoApiU4ih2QaKhw+/vxCdnC6fkse6CgeUYQ40GWa1TuWs7sC98JNTUL0QcNfQItabOqBOpiq7Jg2TUbf7gtUCxyiqH38yU63AT3lBxMSCsMHn1UgG8WXtfV5UpJk4VaUUvvlSWNiudnnfhaohzqNc5T3nD13f0f6U/3ALzJL6UahiNrTYVZ3IOlxLxVjDZCPx56hdzRsW6V/+q8c0I42GG0P47sR0/10wdL4GliIOAmLK/8YoYZJ0owaeCSJegWtl0/hWKj//",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "e7dDi/gDnD1k5m948FQiBQfKdnj4Mly3Fh88GrZHHpc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KyAkQo/Fo0upwMMvVYc4CRG6WF8RRblvOTGe9m9GzboRKqBAHCnooVrV2ykEefgCja44hqiwLg1KzBit+vfNsr3+7RlBBvHOaYtxQrMQH6SOKd0jCLTqwo8Wr7WDOVcZzA+YEDAVgTGQH0V7oZ4n3UMm2aLa/tOrx7DrZw2wlREc0rZ0ugSFl+mFMtEHBuFffgyzPuJL+5qi3tC5k4kYW1C/yrnaIB1jOIBviy3KBdcoeX92+Gr3Lyl77+R8X3McbVnn+eFMYC8swZIo80Uh0MBU9bdbJQM/uf0UzQh3XjII9Sb3hUh04piDyRssNR/2S5pkqRc4F6Bx0biQUzDH0WxAAEfkHpYn6g08TGScKntJMWBt2bgMPmuicqmzO3+c7Ffvv18L8VbBw8l/9/AmgF+fQcT9+Thj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "e8LczucRZNnV0mSRVjekXaw44aXqhefsC54MHf+zRGM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y7cNGHqkUwLeUIlEAlDEb5DgYrc7kDfyCosHF/Lt3+Q7oNAlNodYriRx1Yynsj/ORpGpFnTh5kAzqh4Zh2tZKKsXV0ZCH/5dknZoNsoudLukzt8r0JjAGJLZnCPG70ZDHVTPw3OZ+XkmIVeCaRTVB0mJbJia8Mlxrc1OlJSSMuwfI2HDC/1PbVmak5FXkdK0HdlrVCS6v6CaUMt93ALMqFNQus3Qed19MjHDee6BiBs1kLpZRsp4wUazlolgQmqd10Iz5g88NdqbGDFx9ztgmJ55k8Tpqwy6KUMh/13mFfGGtjuy3L1KsLUgXCRUojvLtgTamQv+sDcSu02hIcQQBiHPGq3coEFuVSsaZC5OVWWmGlMKHuwv4qzI9aUshz2KEqJJ9oPtJqf6xyMQlBBZJ9pH/5c85iRZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eAQjmDDMish6+BgQLJ4znHJXhXMU1njGzc+7UYsVQCA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "h4tC+D/MfIUgjhWZWppc69fZp0UCRCtaZ/ZggptZQcvxTIH7Cqp68dp6fTBhDMn4PoixP2W5u81WHMoeeS+neJwOaJ7oZn4ObT1z/Zb3Kp7wa0muko1VOiMFfHT+joiwQyVMI6woqbGQfuPUhAaMGtIu+LTxvZU0CQuID3lFkuem77NIDFoR/63SggnpqRNd3p9dSgybxJlo51vr88OxFXHjl5pbJpyRoTGeqIcQm/iv1+ahUlU0KmQxc0J8lg5GQgoFrf4zITJ5a8bNDZgCO5o0F00BzYZUISLJOW7twpHU8Eo/rSuH5DwWphvVatreoaLQkCCw15497KbQWg1bPQo+ohq9iBJCbva51lu+Y4dqZQZnQnzYHE5+oIiPkbjRkNPVlXt0lpYn6YDZ9WFTthd5W8ODAxV0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eAqFNfxXMbvIveLT+1sglLjuJvuDK1TM1aHzLjF+ihI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d7YwQ5pFEEmRI8vZR8Tcpi6jQ3StCLx+wnZMpbOvRtGzoO3RMi3fhnbZENJ60JH+Rs6aF9dqurdpstiVetitXtFYAMSmtmEaE3gQkcNkmGzEhYhzrrNYwENXvwQdODv44g3SONqLsomFqMVXBL9ql38h0VC/FfuGIDbg9cnPWPnMxvSMYQtZt1uD86r2ki32VbK5ItkuxFA3K5idO4HQrran59rPQ3vP0vMgA6OV0B8EJPA5/KwwjhAmpzfJkV4Jq+WHWud3i4GrgBYnkrUsfa9zLLBo6QrRYV0SQ7Y4JwIMCVAhHLOMZQ2dur/IY5NoZ4Jy7v8XBX4NlGQ+icZJcVbiTJkr4b+TUZhMjkzFx2xsUVj4HkM6IWLL77jp5ek3J515YPuSkH5VrMZ1/ufERkH88oi8eKdK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eAwl+eBu4QSaEuJ+IlMn6bnUNDNHGBom8Iik7caa/kA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TOTSMl9MdiQatpLfopwDzsf6KDGEmXUxP58BFH4j2+Yu1BXzkplTm4lksCpY3zYd4gDZUpYyjyMpghQdzBILQH67XJF4gwNngTnIBffsAxJ/e8YcBvefKy4LRcezLVVnRSJndpe+ZbLtpwGROKbURu2jsLh/I2u3gtpvHpaZnPZ6DAyyq0wpPON3Q86mgcF6KWsvAK5NraAW4IXVreUp0ywBPA30WodZp0mGvNu0nfNNROXwpNcqxuGCJEUqguZ2R1zRBKcHkfhPuo/0uWtVG1wx69fbp3b5JKhI1L++UEGsnFOiyha6m4hsDcyscxJR6a76V2wnBPudA3Ve89n/WEbPKyTknPB1goiiVzFxHdz0ZU2nlp4WKoihTHAVCQ4KP8uKwljUPiLqgtklc8qAr3gjHGGhAcGg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eCdYdjei5cJ048299zBoAvFTl4JMTinxjfMqvYvk3GQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RK/xulUQadNYY3/RRSZPq3xeA4+7YL7gCK1xmUQZzonzFTB/pLlTMPJMtdDlPVf18bDaHoDND7KOty8PweZrscZHM/0vYTbeFTrhnizMxL58sJlFfhDAjU86QDosOv1lnha/4W5Hnd7p3vvrqk9kLgrtVKaT7rnbvY/X8UdFOJ7+zBENYiwlYY1oZ+7+LTcqWuBP3u/26/1AdS388TAonDHhayUrF0rOHZtJEONqdYzT0DfpD71+hCGflXtnDKgE0KgQe2DIcXJ1RctrfjMmtOPPQeEZUbLdB1MomKeE4wgUly8gzmsb+i1J41xTj2MXJK65cQIde9TCn/7lyQof2HDYOuIkKHFwrTBfsO9ObBylZOmVxCwkSwSGR/cU9+vqxdNKJkgnfjCouUrsvFZxZF/sM69Uw0dv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eCp8YGdmZimLhLlO2hrnr5zPskq/KzdTqHvmgv44KCk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gxtZzPpAHn21GlKh2bEnEfZ0fUHrmS5d1jOflTVPegN7qVl5YWB7xnn/OEonMHpFGq85H+80Q0cGw6OE53K2U1joTRGYH4lpPW+fqIruLvl3UPJ1E758fyvPXO0IlpjgsqLEt0IHhh+W1JK9ZopW59jRb3nyOmcmYbYbPN7Y8JLmNG9vT1KubNXPB+GG75gMrAEkrT2Pdx0e+0nVOzMhq9DbcCujYriGDZttiLVqScpqhnblFWqy7ZKijMzCoLK/M0sZ7Qke6kHPgla6E/8/9/v/wiSMcBU8fO8dEqgn9i1x8LJUvevAEPU78pm3Awle4Fzv4VmxJD6i60RaCuH+sBts8xvj7CpNtgc+szGx6akb/0a2vewK28qdZ6X/FfrM2WFe0L0HhiJxFmmrI1fHdrUUoCKSj2om",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eD4Wav4Lv7ESkQt0LGgvHBgwLlmpAs65poERpsxNNQI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WJhIYKuzYeTTUtVN0nEPXI4aax5Hxia/I93IZoLdXM585SKzyvXNSKIuiDsppOgTkrG2pc/j0htIZBPLXbZhgGDgpEviRUHubPpJwA4A98AO1wHUmdz5FDQET6jDCAIrHu1mq46YeqJmd9yydBiF8zeCCAwEijdpms88DnHQV7SpgdZxVpghoRUoOK3904AKueKhOb4v928czxpxVY+o7F+jy0LYu7w32EcCqVJQ8CGlKAzl537Klj3mMQIQA1DzaK4NcxHEsevxowuSElO0v127F7yY1qyUToyvfwJ32U3aW+TX4xDIR9WT6pwyQON+L6V3wwx7xt0ETWBc4lKoIGmV8qwDwhsiwWkOIDwNo16yyUTM2kFPeNfGkGmt7BXE/oJbQ6B6WyBI2mlPj3YLSy+xwVJktYuH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eDQfJsfsHbMJazDHD7ACv7+SKqUU9d/HxqvO7xdDWro",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wbuZFgrEEqBprAGl0lC1m89Z/ftUPyCtPbCsPM9Pco8xK6Dg+nZZbJIIP5SodBGZHjftEoJ7YPSjhWjGL6J0eT5vAT6D2BC1MkQ7fLkjXDk3YloZes+cgBOooRn+/eTXz7Xp+e4DP2b+AHJr8k4S2UYRUk2YF/CfKBHhHwKu0VGOpbZQadKro0I/tvl+Ey8CStY7pfcW55T2v1Edd1URfB0iGL5gJyB5IkPE98paLymjBLVU48+HvomoyC7WsHloIX7OKjAtFkxG92hstNZ/I/ZK7NG+kYzUw/HgJQhVv2PgSAxQI63utIf2xNa8AApboebDlJOMouNMusu6bSUaXZG7btPmYmXFxYzWVj8yvdW7JWBuxN7mB4l8f1lkPppq/VaMl2EAev3xY+PyLdexcLTsTKEgiUut",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eDZT2ZY2aVIXtyiTlq4mkmgxYYiaM4Ng5yYsxlJgy44",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/+A9z+eLxWF/+IMHUlHA9PVg9abAyNav70otE/vM2c0Odhag/gvy3eYqHTXpqAvj0ZjEYKl8IcKKp1R4cctiYPvsy5sRgM8KlhJ0codwLrM/ASdbGYYnVVgqXZdBxT1uApiJwJKliJhbGL+D5F8gHGWVQ6EdPKlrwYdh/+eC77rzfOWGY9G0B6O1HPewL7tsxwblks+QzK3a2UqlPJqArXuh0fSLDqthuQKCzAqopLjzK3CwLfVEgMucTCxuSvIrfrX/8Jrh5gXGMHyK8urlcgmsqBqSYi9ZpLGpS/+AlrfeGsFim6/C3+1zA3W/oxyUm211wa4rxenHVUZKV9IPXw2rIyYE1s+MRGe8DtKgjByWaPTy5rwR0QVUObneaBdZcAoHlaltqZTSeV7TYaCNXvcK7axjyjAs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eDeEwFg/BH+uBdYxmH8XnC7/pPnEhUOZVyWwE/UjJhE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JLrJ+tOY6BBa3Fvy3oZENu5WJBhItRSArKKXUvdR+mSUJHS7J5Yat9XbaW4fp9kfWCnCcHQm+jSnUI8SWFbOQHLNgJJ2qVvYsQyRLE1bpuUOYpmK2bkYZv8eFx4Ffdd0EtBm8gH7omHHbHi5kvJrVZba7UMCNKLQFKYbAKY9b1uf8ZXG4EAMw0GH1PR1ys4kMlNb/tshiiZQaRPyFO+ne0A0MfcuFRlPozAzQ3upGt9MUsHxT2ofs3dHM6p/fKfZCKaTgQXsuMcr07B5hdSN17+ludXJZcvGVAGy5TugWD7Tf5EGA40x7bZamKGTCeZvzbmBFYx4JtSPOtgci0caNYVv4BiaKvR/hSqbyG7xqHrXGofZv2DgJREHlgEp05WbYkaJc7Vkp+GqEIABlWrGSNKSo6hsXOYL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eFAsTvYF+rFmc5MwhEznUS2Q1LYt8LX6F6ntFkUdMHY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XncIBbkmhlpuJ8BZmIt0KjsSzLHNGsE2QQUc0IIlfW4R/XjFdm+sx24zngjsTl2U8M/q+jN22BwJ5K/ZaKx79OpZdgLG/GMsT+wMpYR0d6FWVUu9x/V/GnirHshsiqWZFib4UHWFmHGRZ9RPsnuEekkWsT0FHyr7zz76EzVPbrvMPTjNJN/iQ2YNCnxHbpKBALugG9z6iEeQcbAL7O/dAx71IaqEWwET+rLRJPEKW/FhiK1STlCFSgNJPaBuHT50YBVsteO8X4HedZ57PCRjm6vLWviQbnELS14pCGhEiRwDzw+p/9V9SVg9m1wD6N5eZRCH93hP9PlZANbdSR34XYe8cn1T+9e62NdsUWnnOXrg4PSxWKn8wA775Rmi84++Dy2cwsR+K1ra7b1cgXAmjcQAsGmrAItA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eFwBK8amo+J7ayXJ0MxriMNcH4zRFpWSuzRSCc8Prbw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BkySSKpyigFcCD2DRExXj6YJ57xZm3mUiJV9gc+tUJ7OO/I1iEYECmLuCuZinGQhEKBzjDzI6An80mEf4oXeN9YaEWDLu5bmSx8tRSLERnclCWJtJnu9XSKl7rl2HoaP/DyAOzBuplbsqA0WhJOG7kTXR4xhJ/COlEiLUkmuHGa0vts+/KmI1x2ngbURMegZRWN6EkgOri+T+jtvbAkN31at67W3Pa0d1EeP74eHeAC/DsRysqnWJHvHqjEiQMB5EYjO/lca0D7QAi4CYxfQy15WyC9ynaGmkERgEgt1oUP/MeIw/7Q+znmROxQ+Y4Dxm1lcv618WYMOdAaOtmmQ3FL0Jkj0S5VGtoYr7WlhXp0hS86W8ys8FBD0erauRrLqeu/joKf1HdqcWK6h3zTMQAiGEok3sDGD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eGQTfP2WFcr6ClH8w+q8IXuJDNz6yjooHzP1jrAbPmo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dQz/LpPBbLelu9XUxNnG2pUD0NMV/JCsvxaPiCJztu1vJFrfcMBKyzritmhFU5WxRij//eHY/bHPmtfV5qdejAp7LQAyZuplyXsNihoQxoF1vMgrNocUlbu3Sp3ME8bVMUZKbWxsD/TT0TI1Pup5rs0OhFUgsSfSTCPRzPulZKN4zhWjoS8w6RvZCBnk7U4p1Ck5NiRdwjhp+6bXhb/wYq9dm10wc2mGR/SZbBfOK1i1KrU9o6kb/f+b28wbwivjdPoyazVBq5Ur0cBtF/D8T8wF8jio82VfWMU+OOY9s3O6KE++VJNgC5pYKdGleK/wHA02MrWVLygIh9BB7UT3IliEpHMS9rLDeWqRBlyV0sUHXEUMrKnnc46KbMgVTgZFfyG8cxO6aNwRHJlAiEaPrJ/7Xo4w4Hzb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eGgyE8PTOZcKbEZL9OIgivy3XocwZlY1wRNznwMKtCY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kOi9dhcmiP0kp3l4SdapCLoZAUxwwqdJrjTuqFneA/vME7YByHpoTiqxkJc2oNrE8fQtEno66vwoxXfsrki8FpD19YdPMn7Y+TFC9p9ee63OZx/pkgelPJA8asCN9I4CvLdKZ2gn0+fx/ccQ0iUSXW1lrb4+32X+Y3rqY5RA3OzaSMB/NaJAYiXSPQJfwiBJMXdBkjWoPHgDh7zxIs7c4nWVOT8fMBN9GFgCx89kC14gFH4GK+A5J3s7m/NBRR/dcRB0pMTvMgCRBrmyVxQLwccudGZeC2EtqXmrLs4JxNbaWYo93cDBcdKf1ZZ0cRhs2LsLG1wKQASVUdRXTWgI9y6CCAn0nFsBorjcodUlLsKnj9RCOMogbjqEoJ7sGR9P7zetF/xYXWmdInIeWlgprPY5ZhntMLKU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eIFFl4IKLNNljuw85pDLYAjHa4K2qrdFDXu7PIqN/Gs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nNCHGhDveSCJF+K2LwZwgp1p+KwWIqY5+/6R7k4Ylv244u/mxMb1FXtAt3F10LFFie48idhAfUN1z41x1UrLcdO1z73bVoI3HoppKcNGqiFO+vYlvvenzea+u7F2Ys0H5otmEy1X0Ucb1H9Q+hLT33ggb4JmvDdcN6dNTDexE7isUcQV21xWiVBU69Qbli3CUDqq3bQ22ceFntbu/R+rnTEkng5nMt5VhgCYdYCZjHhM+xr2L53N5ji9Xmue9OpDejMb5Oo75aOaHeefxMKia6Mic3gxvvWVE8PzcJUUtPOqQV1Jty+uJ5VdOLNyAsAJ6LIJh1bPSAclGkbCPeNDKf1ZkssKTMWsxaOVAlMd6SQX26HOPAR3qWt2sCY4LKMqTzi7UQgNe0f55LmTx8mjBw8Zo4F1vWaL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eJHdqagZKUgMpavr6D2JMirIOlQWVHv9GUuE5cWE3Xw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5rC1LH+e+ozzC3jxy/GAbVJ/JyVpCMm8QcmBANPypzL+nas5BQw9A12h6KaWBWJBtAxRhYwfIXJa5CyezY2ffDggbPQnlfzvdodrS/44ayXqokxG7zkaSbVHa+0aMfqEOpHBelfkt91SVN2riVUQw2BjRp0Fno6LyRa2MlPIksIFnpWPk4z9A++/mCIYlusAdKrzo9WyrG+6zSQe75McFuBTZDLzXfxNfpWLwVSm5EqzY01IonB96FLx2h2sDJpXRaI8tVp3hJPooo6+JHm95Ny76et1v9/3eu1P0JDy8q+OOTLzpHXMXMWVSB3i2nRLUmBvzC0EQdmPT9gGFphT1onesqMCmJQTqHTUUA4kVGJ7UiAwBA5YQAfRl2awNfb8Gmir+mhT9uptYdtMATyRNtOplLwEn2fk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eJmi1Etfcmi9BSVese0sTnI+zAJzp6TlMqSmIxBRmY8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FBa9/eZvoxeary5x4tZmfmQjKDUIcyoVUdEiAWDqwMo1lTBynhht3JE0LOwlBfWGM7NtFOUKZXulZjdXIWo2tw2nomPQ49uH64ouFLDP5IqzHbOQAtpHQGfF0yVC/xaBLfE9+ciESt5wxFaaEI5oOKUGcioANmuPEp5c6CbcYJQaf80yVqE2IKATaV+KFBlCAeEdN+HQoUCwF2rQc9sytBaIC9UyjV2W0XHhB5JqVOfXykapkMFsQIJjzUQjj1/jIdclZjRPVPkqRpk9YcXrU0k2p11kTinixKQS9x6UxMLQpL8JTk3QP4mSJquhbLc/8iv2tUdZjTv87Py667BDxl22TiG3caWiU6ihmJRiXhCEWUtyFm/YZ1xLWBf+IpqmgLmbFHordtabT6FcIMQNL4SScLFeT204",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eJvk47Bf9VKZ3KlnL3TJvSELusbobOsEd4aiXA1vZhs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Mdsm4KA/s/pkpvnZUa1AkqY4uvXWEtI+bwzzveath+6lGietcuAqC0sv9M3qzu0Cgo4+VWXyMDcUfJw2oxnga1vGFQbGprHtjRC2ZwEMFH5coQAEGZIDsr/tda63i1cbl1eD5nOvbnvqIq/OHz1SiF8JPXowWHRwXgIIDo7LeUl7rJ/gdM5MTdcWKSKQkTMKKvKOwE/hkL9nWAVtRjxXlgp92jVZv3+2GeylhXI34mqgPVtQXvD0Nmhnd6MhblMqf8hl8mpOfNcT84iDNz2fwL29fx9mmSrGPvOBl2KLTSkGNme0UED8vH+vDIKEqJ9Ad5IVVDfOTBj8lNb0igAxMnVWtsEsbWXDOz4r1IPBN40O9xEEEEk0q9Z4PGX7iuq5o6HF+8+aAIiTxNwzQqjPWChVmAMmyBj6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eL28z+cxOSzMXlTCQ14FF6tG7ZLSdstOZzCfIgEddWs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9QlOzIxiDYd+jHFB539Nl176pKasXGBtyr7SHcRNiY6+t2Bx/Gaa3kb4aD+NW+zj40OkoeG0LCfPJP/M3bcEK/C7HBa3nEq+e+iY9P9IUN44gXAV5ShYXbZxOd7ae7Dmd0KhYQWTBE8Q1tmq6BfQG0H0XzcxvI5Sv5YDiS8KsD41f3hpZ3Qodk/FRHsh2rYEllyIaAf6Lb8xHq/9L6pOaynLSfWvVT8BL1qUkjNn6+zRCqhBkmRix5sug8hEXfgYpYHDDOwo1U62m0lAys6G29+QKlvcjNgySy3ft4iGwlWJABp8vngNADsy5aSTDXeLm+7hWnA8itcWeWM35e0jTUCDbYb6ByTjGUPC4r4v2o8Q7At9u7BOs9By2psDLZCx80e00YFx7mxEX3dVZWh8g4w6eQyOFfJh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eMH9AYBBhir5DI1R2ELvSc/1VHEMGJGyBhVBdXLvqVI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LAALjjhkcKY+AT65mDh9N6XV+rsRRtXWD+NUQtB6A2jgmuj7J+YLWAxE9dxvC64hrFoKic48n8Pq1VGDXNtr8eDRG2sPF+BdrVDJWflA4yM6gEoymKUSzU4diOPjM30slVZiu++AWG5ZpVTL8KYiWEGgZ0CoYrwGMc8FMQawgy3x7w9Fth0uHah5ZAqMJrxevePFAJ7B9C2REXRV1urNUEfprcKXZmj6SyKRhp9+FDhnQG+VRCMfsge1s0w7WJUMPnr0pVjmLQzjHLCgUSBlCloEMmPtgTnlVAKZY/j9F/UljXTMF+tmVJvGjQ2lHTVoRrTU1cH8Kdo586tpG53XFmkaR8drZmMm2qMZnfjb6z3L+zlgc4NOiWPLTMaEbPTNyxN5hubKLbsgpK+tDvpypW6IJtZc8D/f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eNEFWX0azGJSf2PHDAuT4VLQyIFek5YXGAqKYgqxiRM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N3KUpBpXs5b6f28uhojP+r0sdl8DlP5c7iy5DlTvqRoFGiWaxVj3tbWWgy/w7Jiudo2Nabd71gT5ztaMAsao6du3jFcujHQcIlUUi5tHrYqjkArWy4JGpKizLHyksx6ofXXTRQ8GIruuKc533aaIJcAs0T1vXmYuUjkkwUbqbo3apJaQCmq5Hmu5hxsB4htoeCaulUNh5zZOwKOnV/68rHVX9dDSAsIv901o+KpInsZicRVjhDS1Hut+678wseQwRAh4XpHDQ4tdLEQ/sNda8/bUk7yx9165kgtkT49ANKg4w29MGe/0ypUUw8KnswTk648xgRquB//GYmUqu9FOR+Xw2UtvMIs0dZTx/ai/6dT+bPISVO6ssqs1d3tEToI4p/G9moEKBktDG952QQVvHPKD7b9WpNLJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eNsIWpKnFrtFQoXTJAywsrUWTJjeQdDX0yTuvE1cVTI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PPAgFsUb17fTNvETFmgHL/Yro1pP3GeR02ANA659xguy3J1p9oRqR9afjwOsCna7wq/ZzdA80O+tQNEWVU2snUDyhgAVC6NETkxYidZjokJYWs8iyri57ODrhl4MNQdDK65w/fM0Q1oufjZOpfMB0vyiZcq4LiQxGW6YO4V97wPu7T2u03YXgeXXkpoiABM5xzsRcaKYYPfpeQxM8LuvXTod+04dpHAAHEpHrqsQP7PDENpdOwuJbBhlpwWHgeABbZ212m/ww8nocPr6g6nM/TP/5keLh6hcYuSRoQSMRUxfcUyFNpImBp9Tbxk7sRiDkJHbR4ahgOGhrd4NaTzSkiSYjrlk1gBBpczpcyvvBkt6IL2a/cvu5Zagux8K/4T018/AaEHoi5l3EmuMUzCEU60cTYskLmIs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eO05cmvGYO6Aosa+sZM6TpCo29xm7IDiY56/DIFeNdA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f4XBalmI7svEj/TTWte8VWL7U+7U+XG5jk4oyK2uBMbPt2BH/ali1r1lasYMwTNkqoYrbzeVyAN975cnKIhbSmuWHl6xWJQvL5AVJZYigcmF3K5K8lZXKQnZm7md0Ah9TAL2fr/de3wBX9zH5A4vamyXGok2Xsork3VIE2NwOMttNIXA9hBVG/8dDYoRcehuMr/QgjJmDFCiinxlahQ+qpCH6GWmrG3LmR9xbZUwKR3SpbVh2cFMrhpwT6L4K0rJpPqzUvfbVhSkxJvEFWSENF6xcc65etVAAiTKV1CxQSidV93kas1lKYDy1CDLXQFMQnsfNQXs+yZouui8Ay7DgG6YJRzRWbO7FtnuF+tUBqeRw62Mo5G3KpnhwWgKvVGMrw3nb9v5LCVgLpPoFbVZZsdQbuMbUqSz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ePLiXhVfDwCjgyV9rIL6LsdrKjbhF0zCP07k5K7NQWM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HVyAXBJiOUxIzZ49V1XAEgTKDE7lFyfnl3W8mSuSrzhRfVqqyZP+DNZZo7aiDt2XbVmwcVp+gS53CstSLLw3n2w8yoP28ld0Ru4XRKOgsDQvaR3IVRnxzrY8CX3tUvx1EgQwNOztFkzhTaAVH8Pqun5IDhATsBUCgK/wPMWgW6Ty1oQ/N1Nq7BE4xgksAFeyuPRAS+5N4YRaABH1pS00AmAD8YKbLPJbHdbT1fmsFotzEx5AjzbbPKF9tD/PIjHS6207V6bx9R3krVEJnGh7yBiASME6pavJkd2ut9Fhh+EktVo6VbumwX0lcweh1Jnn+Rg+RyKyhAN5IV4Sm9xphoD9IJBv7/vl3riV9vZHiZkjO1kZyyYS2xSVAnbB791md3Mg8UPsgvI+cZfsr01uAtECW+vI6Kcc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eQup9kzLbkqZC75oPG6PHZaSb0722taGVepZwEAqhLY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QwKWnZa92BFCeYPrg5WmrNIlQRYpz/KqUQe6zRNHwGSRZ0deeQyEKItumS0iezwxeoEx5k7DnFv1c6S1kiiiCBOGyrFwNNgbhIhCJmTW3rzw248Y8/xibMhg0iZY/Lq7ZB+9j++TiMOhLUFAm0p4sZf5EtaJm6AOWYOkPB7QMlpwVt863xV3hJms/DiNCCeIZ1KgF9VpkpP/okBONyenTsRFd36xH8We4ITkYjO7zTYR92QWWMe0YO7/rywrG/ZzwN/TM86mC/Hrk1JK3z0iB1sI6S/MgpkrbBfx0W/aps1FATXjok2WIDWPXIEZByS4gMiulJMGM0WanFFkMQ5e6rTbnSi1Jz2eN0gtI1iL0PAzgIDdNO2HefWk7pSpE9ErFNf/+pa6nP5OtzzuRw1GUL0wBAQn9EHX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eRPLHO//wKotIL77MZSfHZSLfV8CGBZ5XvFbFZeHyRE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CjjASEm5d/huShrGZ7XEGFGA8DQ8a1y06CCWaGEU8qQGOpBjlJx936I0HxH/PjLm05jm80QoqFSmWRVpPVMJ572+FBrDc0FeOZKGisaIaP5noeqfeh/GWub9wPoclAr/mJePKSI0HVV1dYz2s1nTeW24LmcIC53A3nYeLGaReH1YbCl6/OsCWRdBcCuP68AArP5CyH9Rq/J+D6HKTdAI/HJQ2N+LEECokD+fqYTqBIaPY8FInxGtpfjw6b7+YTODX5wr+tZZBtw83ihdErJ9sLA4p7PuWqc/kwiaaJeWWJkVRxCBfIuQxwWGzL2/CTHUS6KQee4PXpUrNTQpTPyVrzlls51OaRJhex74VWRqPbxfbBP4lYSEHklETLiU97acLgkjD38j836JE+rx2Mg0WyxaNV2XvIq2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eT4H0x4pltDo8QYVRpJXC296kPpUQpYO/aXyzsfbMTw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HDsCrTKQibPX1TGwmRYgj5C3PkAdhOdqdl8YbuCs9PgAA5SaS6Aj/METNRN/LQRE5avR9vNtEJZG2Hupa1s9REpE0dsHhzoz3N93sJA7yA/NJHQzC5fPMaY8q6n3Agw/fXNTafeMuZObo3sKcNunYQA9S/ZEFw4puGFomzyrbJcX//QJj12KQnadhLDFk9q7LHw3aNzY4+hghOn/FVmDGEpOQS+FVHOd7KCxD5zt2lIA73vvIJRZiQyILZwcrP5WCCHyAHW9JgDCewx051s0JMFCKVDmJ2n1BYHDhtU4HqGXvtZhMMydxOukUmedDtV/NvBNNRRNm8I7aRC88DO1DnoGV+0wt7zR5FwvcvDkNBNGiFHrwB9ieRU85AW63JdFdaNcKRJAdBjIIQNvsLW4P+TZuTdDkaWV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eTDbYRZTW2pAXFgVxWN2QpC1LLQk0cLIQrjoUIA3s6c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+pHmTCyJJGqd32NEvpW0adgYZn+v+BzPr8Rg4LR0mpTL0irut4xDEySR4rks99ZkxixrbsEql1GHqO/M0O0+fat2295Rb7qdMqmLwsABCMgdAks3lkrP6D90ba7K1AwJQ6SV+4CQlKWwlMtuvMV5rm8ftTDhI5PXfUjeMm4iUEuNp1Ews4lbWiOKy6izB1mMu/8ST5q0s/x6D6gBaJEXByb/GDm4frz3c0g07Kju72It1UdXMJKEM2PnrW8BWnu9bhM1r420O2aMdJGl7ER+gpVIvBavmEZpGFJmrH0AMy8tgVEovV2RQVUWauBW/B8YC2hob4pP75+EkqVah0Hp08ys9FotiJ24zpem+hvWSvPaTERujn7k7eDqzax1C88z8F4PW2dgdmYDG5VxXKtIIX44RC4ailMS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eUFAbkrYOWSbrgRC00pS0DMm+ZmNVUsfLI4SE/64K6U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yLADm3Y5XeY9PhA5i11JrxpvzMGI473VZGg7Xww8TBoYJYiQA2cmaabikqAKwktRvq9kIBOuyLzw2z4R6G+V1qPbXZf+HAr7DuknrV0Io3w5qRH0P5T3MkihrmYFUydWKFhz+a/YwEc7RuBRB5GowKPBBfK0jbYt1LlNvB8on2YDbYwipIkBYOHf3/7FtIkYXXldkp4v53vXg2+44AnkDrLz4v0nRHbHl1b4oINHnwGGOq/xtYnj+KfYmLkOhyhrVSCk1ZFd0qN7Qpk8ini/VzWjuvTZpw2v/1BCmsGRMascABruqzBsx8pEaRv3N09bjmOiBW7eou1xEStgfHZEIID2pNBF1FAWTe3OV7a/ckypUO4znx2avvy01VBVJaofSCB8sa9GHZq5bt0nWxjm+LK6nMk/ndbr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eWfPk5JnpKkgBLumUs0xg2hOiTadS8/kewQ9bzHAaWM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jhYYopf1bcY5UnhxZxgM3xh+BOeZ5RBUprmTHPwEstZ1OPp0a/mCeMgWi+813BwaTuIkS4R4tdaDifstjSw5kLv6BE4iH6NQOOkqHiZpejy5ZK8USEpyN+669VMjVERqutzYHvTp87AiOgYxrZ3wnwcZL2bi+pt/iWWS/GIMU4thf+/t/ZdRE8sdWrihBjGlywUEzeszggmH8ryzFVWgeSBRMWg+kA0rUXkAwe11DAyaUNsVNlN2JaiS7c+dXi7+40paG+yHyfDHJPmAN5V7VPuql03yimd7tKm5+hZzyyd7JGTAY+BIQN+JqLxwOp3gRkeSvXmSpvYaexDaOQhLSmb4jqhJbClN/lXIErRL6schx9cvBx/Mjt5Y9//+hdidRZCaK3lrutymfC8/T3N0Zzak28hWFWZ/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eXBMi2JBBArqcV79vawwobp60PjmAsSi32JtE5zzMoY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SrRohXrC4oa6ycstqhhp4uobAEz4EgnmQSJ+GxBeKG4+IP9NvE9exWbTZIBEnvxjQVHblXd8/YaJqvhsfCeOsXHQeAbJynO/K+0JgKAVd7cbhoek8raryHGOMWhDF9rU5SkVTBGY6+oUH0T5PuMm1cjEnNZUtbC4PB8IcZzMcj3yDwULbnvkBmRKjfQHWRp3WL921z8kjyqNAtPCGa55dz/FoADS5luGgUDpKkjJBow7jvpRMyd488eNrajPunp0B+oiH5in72cbZGtQii2Z96RQXKhLn+3QzJraT01yeBQqjyY8fhcwxeEsmD7N1DubIg/i1cgrHCazpWDKapeS5oUhJe7RgxdFafpkZ+bgaP16ItL5shXABt0gmyM74PNJYarprrCH5+MNyZ3ZkuSmiJffQT7/rKJG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eZz2WDquGliAVmMbYsB1A//WI2mVwQLBopFnGbDAtig",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QHTX2ftE6DDhfv6SJq9NfvKZ/AQtNefV0mht6Kx+nmM1HO0kNtnF5FcxYxqhqWMLJPTXTH18ER80VBSyKqjm1szNTslvk6BNQ/q6eJv9x5itEni69uyZtbcZZD1N6D/nIb6MKUQOdy9V9b5F91s5BARyAzjpB866z/oIhskvrGUZPejSV411ef5fcD84g2X6HsuTUN2lL+q4nhOlu7Ui2FEUkmZrou8pquz9yT4rTU4nGQI9MSreUDYmhiCZJHZjyjzf8uzZoOsIFoWOTlaREEnMGwCUFTGxnUbrPH6dDq+tj8BO7VxN1WTMri4NjMieNJ/Yku64nJtNmZwbCCcA6EbXT2GhqCIczfQRRkg98e9iv5tKP1zz2vm4tbmY1ELQRQT6L5jWQIC3TXche+SoW2IxCWEpWaaK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eb2RgLTwPROepopWE2SVm7+DQ3Vs9AOXo9s+KJw5stE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "51P5b37aeu85VKCahBSFjI6sYP1EbQDRFlKs/V43Aa9fCgnuv0/R8+izGisnZiAy6j6wzgEObHOBzbLrzazW0z+2r8UiHpHbk1+WKQuajuOr552S3cL3l0jABQqOxqx0vyvvNfp8Qq7YLUvhceYsF3lZF6l6QPggPBBEky7disRbKJX4sUDzktvSxoxbPJKKQChua9Hh44WwocYErinf4ug4eoy1ckWs6ziSqzlEMmqdBk8uQ8CpIQZPGBDiwV/+9wEfRDeuZ3r5IZV++leHghpY5PZZ6FHiqHh3re/exGhgivpSavtSWLNwHs6b5JErT3c+IFD201bypyT7eXLNjWdnxbr/Woa6TlrODyS9vKdRN25Ot5wxxEsjU2QlVQ/JPbCzKxckIGBIjAx2RjdFiQ3dg9B6+uWi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ebx5Cjm0E7t0N5DjnKi4jw0KrihEFukip8xql9ZDMgE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S9E2guoTTgLGLzN9UzrTVuxtcFtlWHEh3sD12dUpDeoEZZWUeLpxzmV5jw5SWwn2QWjrG7nEjY2v4+N0AZeTgjQFUasWuw7pIUYGxzzLnwYjadB2gxSPpff9ah4/XAan5bTlPDJh+qvqHCAGOcMKwmUZTgjDT8MkDtYkab4pFBQS8SHg7uo8H47Tp9hC0Fs3DZPBrH0AilCSsfdoeZjfbv8ePMdy2QbqanpQx5cA9OQr2Y+i+MSUMKE+s3eHa2F+IgYyS8Q/R3FqOmgNN7ewsrsztB2EozA4r1bZ0jsTa5eZuhWyYQGt5IDvZVm0kYcvsYVm7gsLfUXNq3Ctt/XR3G65+SO++Gq8ekh7urmKes4r9oC77xGy2i0EF/OkPl9SkkfiKgsPEy6ADzmEDIe6zwE1taYiNTNd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ec28YfXyN+XrBHVA30U90DfzSAZcmpnz0sOpCwZpRnM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "laz5dYB+rp/55K1q1coq8O50OwHBhfeL5ykZixXBPlG4392Vc2FzspmSsqgeWOiRJ/Gxpqx05THZfZE88ZeMwHLTD1wyvpNBWyKrQadjp3JkI6hyGyXQ84J1uUptNosaqDF2vAht+FIjDs4PFDJvof/9KdDQLFHKcxjup/GW9jnl/R+tEZvWIDrdXdBr9t+JPMSOALreckkxJRrZujTKMSvh6Qrz+WvXC+tUYgqb38V+DW02kEqhrwCiuq9mXDZ2qlF5OoVLonC4vkHWLDQf4E61Qh8wcIe20oV+S/GmB+iW3VCQxAzMdSfOSoNtIXqbu+nbjPxuz0clKsq+dzaxon7Rw63ylX0PlUjpVl6ogrz5U0nXXnxTEoRudRSzoYVrxy7jiJLwSTK8w7IFZtity/udHHOjIA7x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ecG3ECimIqcPMEMYYcgA/9wsHeG1GrmAV8biLD66mlo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hfA4HuX/blxT7Xv8ytPgVh7TviaUKnMM//gyDgiv2wtKLdm68H2k+RzzuVjdKxYqLDX2FkMyi6BASAabpyzgi5aMmnO9ObzH5pIicHwJgfwQ4MY7/4qnfzX5ozMKzgG8wMY9hzhJdluIQa3EUVT6zI6LpSkW/imwmFrmM5H+LdITPQb09wv/OIauOcOK4qrl8gc0zcnBv3padf+WHb363GtSHixpaDYatjDvv9wvFDnWseGcZBdaH/IWTWl/7bpPWpWZHG7lBwLMSX3E/+N7S3Ne6kFys2al4URs9wXFa+OYLI0EwHspTRPw9sJoWiexonCmqmxtTxfRyWcT2NRpv7/enXccW+md9wR+YWPBD5i9WRmbdo2rKucUN+DfibBPYHjVA0DXMLoXThpPgANV/kxYYs/4FEnA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ecJRUx/cJcg9Mw6XwJZLB9a2SEkWfjPvQSEXcUJByQA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6aZya7AaqrcXhld9HO/4HqglldhzEkDMZwHVJAYDMZNLPXhG/hYckcIztfoJKqXKdxVnpa3qQAAsYm3uiYeuaPb5Trx0ea/TKx+3OlazTtHNPqBnX8FvLqQSHEXqnYFHLZYeXnVDVj27Vj9uiy3xjppgC9CcnxStkvOydoGTH6FjSFDiJUIkUE1vwAyyasWyGsa6z8Wc1XSXWtvlYGFAZPLglMX3LsZ98uCtK2EE4oKQrvmINSiE4sVPdL4Gd57f5X7NvW2Jc4rx3eocufWa4Felf4cMlrp2MbPTvJblxR8Ln93n+rAUGo5/ZOLgqnJODME8sEw8SLhihvmJogq4JeffVsWkSHLAwLcAOSe9zdF4gggWDF/PjL/fphbWPtvmOvVWEJHp53FY7ZdguFJr7EBb2jkvxjot",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ecYJa+OVv3teLmL8vXXOdZQqdYl5y6H7GixrBD9kJhE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "I2GLf4J7+wAiDc1rp6oiy0AzYIqx2wRAHj3x3olyJijbKgVGMIR5Bpyx2HuCrhk7zo1XPTLbAsHJeHKwAR7NM1ycO8hBjAJkyuKYkWz3bmWDxPTijQxXuO+XMssdxQXa5QxqfZjeyQKlK6kC7uBGvuLDzhbWCbdoX0dBTVTc/FZOYMhLAgVGttIhJG8+V6T7lwFT6vc7I5mSlg241DE3xRwosmSi9Wjx3AZEFs6zQDH4+WJcPko87fpG19pN8YDjxfpY2i7Gp++m93FFhALNGPxRPfWKd1NmidZ18jLar736KhV+abL4tL+J45HNeUODlVarbM0xh24n/ncm9X+t4SZ8NqudQzpL8hMOVYg/SJhM1E2XLWudMN73BzgzEjX5STEGX+fems6ow7kNj6y66XakjG0nvWvo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ednqn4bbcfnb26uel2Uk8iTPE7u9uv/FKK+A4vGGEl8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rdgcawGvgHWpzjZlQOdmy/WFTIP/WXI5ZJLoQnfUHg8HnE6veDVVmyTV8EthAmem/ysKIXZ+J/xw0SU76oHcmyWxJ9Ibbfw+6KKikq+E3MbladkwTNsCw2AA1OnC4abz0COMPWaLhNzQTlfi6186ioc/59RLLXWiVNo+mJfCl6JuQgFwh1KG+SXlhWh08ZGfxDxZYTPBCw0RTMfVecMbWFX/z/qotdmbFLnoEkEEReamXsEoj5xLksp4gfgb9PlwWh5kSIUU8M8mzJVewctqwr+TBrcuwhtRUBRnhSeWYdClVMKh7xvwVoA2CvIB5+Xh9tJqm6juIY44Q7p9ISxYJkZFMzooVnY4Y4/dHx/LaSSFSLq3RdneV9mDT7VeMrprz3y0rOj8za1S6nkviKPIRPxqsS8QM00n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ehIniCEkJ13BzhmUiW0SVAyCSSJ3WE/wTtFs1nV2pKo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hsdi6Ws0WT+I7nJWcDYu0LlsXfEGruM+KtdIuI92Z8zdUutTTIDGQufCY5sBEucYAGFmvhTtlvGkfajGPwjFgDDLjIA635wKXDqLQuxRa6YGv+0xg3KReHMxfIsj2jhPxs2YtlbkgLNJWeUizL8vbaXKgQ2dj/XzzrTCNII3rS2MU3ckdfbQeghZrxO5xCU8M/qIx4sczOGLivnrsSbZ5nu0CKzZur+jqN5NIG9hQcaH1UHvWbWZkSU6dUI7vx646JJWPNeJqg9ytvZ511w4tBkZTTAhSTP4Kp6ct0GZllaPcYFZzsOPo9svqB5uipG047WS4PDWZClbz16YLXa8vFdwV/wxE4YhOh3LXZeFnepqdvPu4QhsENiVIH/cvHXjr8i/eCxhlRHQZ6RvLMV5VtYA1oLaFRT7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ejHkNjR6NhoAaD5736DLf62+B/bYczEZLEmAgGgngEA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "McMKBsfPj/1C3iPHp43WuksyYl3jiReJkCNQSCEaqtwdRlN/xrMayUK6T94f0Mr0bIM5zUTl3C+ZJSQsqn33KZ2gv9QQ6OrPb24i0A9XLGKzDhibLgf3DHDjIpb/CKWM/y5Cf03mv4ObCGIGWjdxqFwI7blgqf2dFJDaT9XVRtG/6JCa+zQ7BosO2GOSYbPPbhne0r+YSEuzihyWgfdu4u9ZYENFzDK/3FqXodvxKctQ75T93s0NNe6yZd9Nx47JeWdyGuJF5LhhMGqnfmgHuQC9/MUN1Seije0sJ26UifbkJH0G7ONeRoyGyWW600Spq0nxXSl7Q1Cd4x4a5a6sDN07gYbMkDD1YwmCBojG4HXfh0Nt2b+RaI5E0ulp+2z3mGfqZYFMkN182wP85nnV6HOZIvaJhDD0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ejMOUdMeqXGL7A6iJxArpHILF639iQWlaDE4x+NWQHA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1HQbHG/OvB09iq7wwwnRgfEfd0HapNhsfxj+b0i5wbc72ui0EP3pIHQ0ba9r2KRuzARUCbsUiLs2sfVUQz1ltjRdVuEuGyAHaZitm+HXv964nIUryBIYpnkTxPEjvUSiOY+lJ6E7+rU8LqsFlekfwhfHEy+DGEapNehlHXOar0KRxVqFteCDRqrjficEGz5nP9ecV0+yVeq0Y1hzefrAE4nimgeHx1MTej6Agd+mhKc/+kztWVbWFhE7trPFQh/QbACnEiP6X68ubzCzxsz+Q4VsPf4s8b8v6j1aF88Xme+YDQlbJIcvkxLTj5u0cDNh2VECx/FJNtF3YTvG5HQRUTWd/p8r6LdATdkwjR/0cFiqdbj5QQrGNbjoJILzgGvyyrFJ3rTg+DOuksJVdK30tSlQDwesSxaX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ejuNtWTDw3CnkV8XjArjGsNooExijGmY92HVcb+i5Gk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GpC5JL4IOu840O2tAgDweD9LaBuZznoRuEHERH54RoaNWEhZCeVSqgX8TwMra8ASoeQVDLrQVS5K0Y5MTqnfIm6/+3v7O+eV3f7vyg8muZ7986cqWymeJTab4ypszlapeRCPKerwpAkIDdR7tgGwDh0B09AYi3fDiqknPtnqCeu1+roMDOxCSv/quTORLQ+sIRXnEdrB6wrvmL3C7G/h/sw8zw2SxinJ0umZhxW2tvle51JXcYjaJ4R/MeIxoHzdfuEL1MEWlSJ8XPAZIY2ddSlBA7nAaPagGTJe6syG30geDVZCqlwn4RAHNEKswQQ9BbEsD9bB2GHgC4WGIDJGKfNo7rqsI6iR3zPbFoeEPJl8gniw2onkAfcvs23ceQlQB4eUZvAoDss25hQjekQ7URSlNB8+uO01",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "elomehzpkSg2hL5rg01Z87+1lX6CJwjt30xjEJh4kNQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fepIP4iMQgkuupvQz1/35yhOWvX7fZiC2rUCOYyf4lt1AkMVg+sBiFfy5JlWiZ/S8fyj+DGR4qGQy6FE245OAbVCQpCSDEa9aicW3T+em9yzfxwAjUwlaEb8Yd/Nf44689Qn01LyNDaKwyPPCiFR4xE7qHPAevN0nyskaLiBk6Uak5bTm2EQW+rYF49orN5KuPFsjv07vESWdiYvRpKXIqJpoljnqaVAXXH8OY6hk5nozNL20XqSDeesjVrOBMwfdBhHYt6/X078sRtKejiAl62P24bCrEjKx/oWPlIeVFp048ruH5LUH/z6AYOf4Sj+fXNR4sRdmJd2fKMrTQnMETO5P6c3Kxi+kT2djt4jLzU5pRGSsPi6hoc7KLxnUoCuA86PMoNF3wJC05bWNbofXbIlx7/qKqyT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "elx69FkrM7dX5yp41hSl87ycX0/J5EmYLShw2a04PDI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rXpTr7U+8iN97emcFehWTCA57ytkiOGViw6Pu8qWlsmK1WNTuPL6bR0sRv6XLglOv+BO7vyQD3RqLr1yYq1Tswjvngl20LhXK3S6sDY00mTdqWAiJCHtPhscWXIz+ZindbLJNULxBBdkrHzWst6xuQiXdtRNW0Iu4es7EYaNJ8Pb13a3piEApyExPi/qps5bzGUAY+tfvFDW4RtRteKZNde1bnqCOSEdSticX6ItPvsggN9V2qz4ribKAR7yvX9390cJREBwuAh9vPKoIh5yIejT4u/FfXn3R6+NI9E5omYMi3BlSD3YtZqpd1c4bsEFNIm3xV0IcS/umOa/8dPK6nWQXRSNoS/9LtBAVKL5AZ+Xs+sR8EzFFXXyIQ/ukjgu7FuO0W2x5WRrdRR+uN9zkHfvgM32dBw4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "enRfgccSsmZ3jkEdllEGPb0X+LIdX6+LQ4kMtwnFW7o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FAnW7jOOMsBqdIjtW8H3IRuC+qbmCRg72pSJf3EUaEjcs/QSMvnaVgpT+vFAXgcShxSTZ6Ruvhi9eqnC+nb6DMDXOztEo7gOAQuG6q9XNI4YTSWd5SAElTazl/E6R/taDFFg9h3COxt596U9C2d2KuLBUxJ1fVuUGPzygpKvb+I/8IxR8I+aZDoQjGlF4wU/2DGwRw1+1aFVWfas9xalFBVEqTlFcw3DkNXS1dsKBDGa4NLVUz8IuXtpW8anjGmh1KW8em5hxJ2YGIhoJFY7nj+I/ZC/Vs8DZXXUfzt6JMbmm1Jumoxi8Kxu8H/+vp3OJhzz20UnHInis3cjvbvvPRlvEOadG7iaM4Q8IimePfeDY5ayjjYKTgQnXhAHjHN2MIbinCVI+WE7F48toQhXB+Te0MxMMtvm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eoSCsw00lf3sEYvYyQwJFykhsDv/fZBUCqlGaSsawt4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XzaRLZ2JiQ+QBKsmuMl9tao1TjJY/v5NWApaoZ72bYdfNz9b4q951s4AsCMxz+pXOh6VYN98TK80tKqlnHg5p6UL3wp2XA9voPMYQYNyE6YAlfnh0DWUMCkv7d3nzTCInb2S9zD04/6tCgnoJC+oodFn+QCFh1IQzGRrdBJI0TPVj9JVCprYaYfBJUxfWHvLsVZEY4mMieVaaVCvcvzEeJpsQGGxJRPyyBLJ4OTzHF2L4ezFU//85oYB9dnvtLFKbx3fGLS+qpAm10HrxmkwICDC6X9k9YzMZHRzIdLoelNdEn1aqRXwjVfaIR17DcghMLZNTHQWn+VTVn6mIOk8eXv4O7r4D535ByNvIIMXXMzBAm8VQKNM3EeRrp+YKLvBuE677/aeJhqkbbjdkq5BlZWgqYM1f3YX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eooIF7Dg6Vx/uYhUmCtqh6FrHwyvfjR2mGO7wZ8bsig",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CYWOCSCg3YMCq406d9mu/yJMbR9LO357jWUbc7oYqlcXdsn32Uf5rZcYIRTxDMvMV9Yj4AN2x2PdulpfHfkPnzbnCMJllr9oyxhAdXFDcjiO4I3YVtyrQPt7Bg7Va86UyStIEJ7RV1Jouy6KLX+7SAQjov0WckFM2HO0JmNN6HG+aHLWwolr9SI4WjQhxwHVdYmwteZo70fidqQFCv+4883BDnH1QwvrQs8mxQXFaWL/jaC6iYrNQbGuPXf/bss/sgMZKE4CLFtYd1H1CgxcqSa4xilsGXC8LwgjxIpiXFzSHxFxri5adnuARt3cXW91L5BmB1uWsJATHy72Au2ZiGE7h/re3iEspMtakOJrBxeh/CrM8SMcST7X36BCHzFFtL19YZ8lkEjChuYQ4PGEZKU1RmFQnj07",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eorUmMuX9lSc1mnj+Yge2iZyx2hSfZur75Rq28LVw08",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LWCi0AgGNHs+R8eDGmXhG+3uOh3IvDzomhonD0gzp7rcfcSUg7X523raBSAYGEtchUvMgFmwpo0mbA2N79zOlkZ6e9uJVgkaaTKx9Wxu7PMMBoym6VNgZIHLlxO6GWW4uztxI25cWLGRa+5NRkankFut20XW8lkWkA5ApZyXpLYaDNB7uAZ3hccIyyC+qudasr/bWOwqwqERs9u7u2d7H33QcFVrCDyGmYMUtpHXa94CHSelYP8p1MuYrZkHEfsBiYf06vw3oZyqjY7z3k/lC6EERQiQSwQUBv5Oxy7DmDQtf7hPBNdJlCVwVL2GQXPURCMTYBpkseEsTQZ35pxwci9Ikd8fPK05hhIKYVQY1dusBjcwUt6/69PIG1bk/O12qQgRfN0CSx1h0BFSJFG3GBYz0r9Dt/xB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "esFJoUzqD9Ze2TFrBtfwmjBfU6ykE72tSb2ooM9qNMg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GXVkcv3D/FGD2P2MT3OiazL0k1rcAGeCLmtM7B371W5iTMW59Oa/ygSthTmGi9wBjJbpbT8sTgbqi/uQntFshZ7nWnt/zEqrsGlNlIbqH/QN/Z2L+YMPGzkYHVgA4rwVGBifrKvfIx7XyNYqfIGJodKzzJfHlDH3XICCMVCxElSQWqqq2Pz4DBC2qITc8j60lPJ+EVCyeusJyliNaPnMaJB2PONhLwP8yK4SYaX3BFiP+abz1FWhHlK8LpA7rhV+e8ErGNytRu4D3qtSF64ChgfOMDxPzYV2VpR3Wg6jPwKtNTH0vir3eEWR/Fi9in+f5tnPBsN+r2UOs0tVVJMqJepgDN+7NCGCr0SPGTqSIY1bb3aXuBgQQyhHc8Uz+leaDBnaUYyFpQc+R//nHf378iqZcxQpAkiN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "etWol3j2fdLjSnVseTa90TuHdw2fhC9qzXFg5Wjkt1Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UnmTcpiIDH39IjRALK5JzxxywLruOZe+RqI80cC0hNq9hEmd2hFzDfGXjiwWMWHMFoqsRASpzLSggV0O2KESA5+MVtv2RDSbDIoTdD7WFx+WluSIVxKFVnta/fUvZL14osko0TILbQQnziCOShArH3tyWikKSewD0S2yNaS+QPNeNW1qYFA1trMR8l3eLkwsPI3I1f5WSK2Dnwj266O7iMfO4PdSqtD1A1ITvby9Y10+tBv+C/o0jgkS9rjBY2o4hY1zZKt68iszj2GDQ4ll6/4f4LwYWaOxwCLOubxbhBZ0LCWwF48C91Tkz48xoLYH8kVFyhhXU+ryIz1X815iHy90mLkXxm5DdcLvEGS3A/2FQM3JvpyXDIxlAluInBaJoYTyGpF+KWo2GTg5uz8qX7O4Uk/RFtVH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "etuHb69wOm9LxDAoCz+0E6ZLz4kBaOeb7b1+CAG3qsA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zNom3p+y0xqvNNPGO2J7gbXEJiwLpnWWDyxQGmfrdOe9eRMaOBwyQtDEVFwN9GphF8Bi2IEVgyZVDBz1l5F3A/sgkKoRF4JIAnd31Gg/+TcjVCIovKGDN6IU+SaHh4S9Xx3INNz/G24nIOIPuy9BpV3l3oTQMJUUrhoqK4zuyjZ+RGjgVfM0pbqyjJL2HoDuPyCa+YRS33D0quyiPrcFSGBTtiq1CZv7aXjhRV5b6iCufj5CpHKBk2N2JpUP+9+CKOZyMn4ovBe2FL6WexSgarvk3Om5aRH5uE0YhPOqdgsRCwmZYbjfiupyZpuwwXmpeCvR5GRDJFYQWg1QHZVtt3FEKAlWR8tT2YARhRPDmtKsnB0NIRd2o3taZ5HZG19AxAT062g930Dym18addwJWeASIWeOWdz9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ex1Vbcv0ta59bo05n/8aQ3qEIZ056MbYmZ6OCUafFhw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "h46RRkqokjethCrdpcSqkO9kmAn5Lg3ZfhMyb9585rV9JcRRnxRUnXoqmRATGaryG1lrSYjx2apYkQZKvDqkowlykhZF1XtSte0GNd2vURcDm8pCdq4HsnLgTryZcwqaik/v80Y6Xy66zXZCPkpDnQoBSbttpOFqUrdYKMLXRf6fNxB+nfA5V98JfVNA6MCdcMlTRCytahH19CJwfm78u/lKShWRFTnWDWcN1Ysz1xvwf5EVI5wjGEJezis+J9KGG8xYzEFnGoEZqNw8yS2B8eN4I55B+Q1S3i9/NCualkX6UluqeqYmSTLM83cDrjPLlT9fFDIpMny3GcwlfNwkt1Br2XHkUiB3m/LaOEdzPainGyFYPm64vNBPmkG0VOI/Eg266Qo258ZinenHmW8Ca9B7yyI4LUwc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "exDkgDlI5RLI7ub8kbIIz3E4okNdHK8C6EVFFcrRRFw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hESB+Vu2NVnzFLzEqGDjeIHvEudQZLbdV+XSwkhobKALzDXVGCDe+jJv1Z+edQti0lywElBuno2JIHzFIg/hR6MDhUtuNKKmwC72WR0U/BFfrU6EPztXuJR97n6gynA8HtfEY6AZ3u7Q4QTuS3xIfTpQ+xzcwPDEsSGWeo0N4uohGk62YWstBVkEq5xC1m1NO35tE+bQMp9rA1jfq1kIxyLRitOU0GEPR5xckZ48DbEEYSaQsWLNe2+u8UdX5Bh/QLid2asBMd7ure9T483iNO2l4pbd3R5Evi3GeLKks8ChRg8X3O5vbppCl1K2C7CQ4GdM8hb7zvM3QRXxIKyvHJ7doaq3gcmzDRvpXBGgjAa5pwKD6MYBWJcYq+RSf7QlzxfDikRpJZLB4Eg4NlVQ2raX6azBCryx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "exER+FrLGuu5Q9aQD/sKk95j2o1bmS5V057Jn7SGWj8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2P1PWVoqjH7dC1QZAS9GDMlf26SlOLrFo5w/bs7MDPJl1cw6eu8txMg2zs6EOD45pwkxP09vi3fjdEo6m9iOpsYwqBPvziW/DpNhXtzs/Y2J20jhck/Yleiu4nt/QVqS3E7RomZM1K1YLb1lNHMGPkl5Zm4Y9QsCUP5BRm5VsAc5mGNCZ28FIJnLF/6CptHhUGsm20EVgDZ9kCzjErFISpA5HtNQMqUtDkaeEOiClaWm9nszviDjAn3LGF/o9xjKLcQVC06Hj/F3Y8bsSTx6R51v4IjAgYceg2BMKnHOOFlwZsNsHAIdraybd9LpJEsx3d2e0wEvWqjI9zmaFzj4MB0BC+yZfMiSkIRsbEB5BhKUSNtRGaKZo3oux7YzPLseN0pMAKj3DrweKhzuIuGzpq7vnXVU/l+5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "exLxnzIg2PCzWRWF1MFZ3NlSU8WKTApGqdsyMFf9OH0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0NWlOKmDjWWhs3HIfXLhj7bHzYsZHW7qGyjsYN376d0ORSNx7/tKHkujWQgNiYDMu4UvDwjzXv05BUkJvtDsyt5T0Ix/Nc/P3H1q0Iq2gnTySOhvdFiEh+hRC/wkavi0uq1wAZLKa9kHFySy9iIsea+XUQFcl1QDuqjuffuzr7CmZMgPxXJ0zvsLqesSAUy+6G1ZAj74mu1dWpkTk4oZN6pc4LIfeipDNUeocRlEqWxL5bA51iKNM80sReIB5kQoq2VeIPRDUcPP7tlq0r/Iwpf0Gh8Tys+nPSpbnigxA1psl8Tcin2BFw2xVzPCrC2fsTGcpzK5RVcmOOWddZFUp+9Nkd6GbC8jXUimshD24HgIhE4etNTMb6J5zFEYxx2EBBi2r7AK6VUFkgGF/WdmQtaet7kiElIq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "exPxte9TFdK3QHExxzpG+WUBCWIf2rWCas+1ktigovM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "b98fBGgdR2wuIpB81Px2e8nG3IF3ScfhxRpsngwzYm2V1AameUYl5CIhkp86G6AoOBziS6jVBjk6rXfjC9K5SQAvHXku8/SAHplFoiUILa+x+pxsE76A7sH/108jQysSzWZwfEUqWl6uVojwN1bvYFdw0jLE1oEnc6TnAyXa/7ULTHwJbets16j5VmjEFQ95pd7WoO2KAGN1oJMn7EAR39nav5uYfCRN5XpCeUjVv2ZnjcRkGcRVjLwBIIulXXHAxR5/L63JCGY8UT8PaqN2zltaZB2mdHsmeS1ziU41E7ZKukE97lYczxO/iRwsLW72u/7QVlI7PEF72crRICIn8cSax2bZTzBNqWj4YIxLvxNSrUB01EsJ7N4qj0AXofvJG4SkLygnpC7+LZjk65JhWITswq7hAa8e",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "exSlRZS7iJeSZXe4Ahr8bx4EiF25AfF5X7nwwpcXO0Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+wUYmDFVb/2o8Py/wq5fMZ5FBMqXpZw5DZSnDsPGfOkvg5dJbtkL1kcd7s105cLZTODnnlHYErCMxXqoj7y2vjOkK3SAEwBgl7e90l1zdeAnHfH/6CX5TrnSbD43hmHUxarXz+TTiAPyhAyxt/U11MQyLJGZDk6sDNDClpNLM9eblKZyGJYR//ygHT/VIVj5TO/Zhs8Ax3jQROCf8yoD7BOHQjLnPBgioXxGTyozK38sLPGoTKfuTXMBZZMySfYNw+AI1MtGnwIo8RyhiYFE2T3cSpVHT84bgoxvuZUGSCMwKW+Yr89wKXJBhi67Sv2QEuMPm0xweugZq/ymaMiGp6GUkNUG4I/4/qt9PCD3CppGApD1iJYsLHQrleD+NJwsCvUcDwXp1/hdm7E129CYkJNPutQOcSTS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ey3L3ImQzOFscYb6JrOGQtZ+QL2PXEObaxUzKHfOy48",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L9/pfW8eB7I46tQGWJJK0JHDXYxzaT9mx2BVlF6lA1NyrrGw6mR3pEC/CXzMIwCL57oKppZrJUCd3Ioh3IEnkcZzxYV4h7qbOsFIf53a3Z8GsCMosovX0Wf/9GCqleVauYul36ATlfNuAacFzTzpn7md2AcgCf2cX4NtaG5k9pmxsZFMSzZIvavf13RL4mMJkWUYwBJRDTU8I3NR3t6knWa4CP7r12223lmk7CGJHOpkyE6BCyu39znl6FdDoPDKyYwrDaoOKbldMPx/4gkSd7M5ePQdN5ODpE6j9MkUmiNT/lgoJEIGKdWpfa672osgQ1GpSuS/xCAqKOYWJ0GkqDLhGqSIOFBIqSfM32CEijhFQrFt8K5CcuXEKa/fMRjKYt89N4YxI/T9Gc+2LjY98w+VWRT90Rwo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ey9H2ufHStgPr8S7XkkWbnuLUK4P6vlu4ODwiBQFsqI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nCG3fhehweGUIAvn88Eg3QSYpelMKvt0cbFSEqD5Xk8BKumivcm83zGNsEed1f+Pestz46cP8ZyZtf4w0HahBA41GXHBkLRxyXgIZ9m+qCLuOD1UqNW2AoeaMcZVh59NyQDWeLWOJAPj+SAkRN64fPBJhGUaOvljjjAYyfnemUP+M0Hgk+FN1ntQbzoiejyg6+GaBxXEY7dvMR9fNN6VEvbr7pwdHDv9XG4PU6N/lXKKNtY5AwxqYOiZ6ej4pWGRnjMzuW9ZSu+N0nBNppSwwSAiADjpxspOITmhA11C/ar2hEHZpMfyjNEk+3kY3KhfdXeUp/KbmCV1bABXc6GYNfpHThuoWNr8tZZ7yGDdvGlxj6KOtwQXJAo7XrM0Xcr+VVjByssC0QtCpTRKpsrm1b/ba21bG2mX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eydY+loopQ2ULvDo4/E6Q+p8UxQm3QGJVqLrSTUKmHE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9tEnQUP5y7ne7mfHlFxAfurhTkS5rB4rlCYJ6vOi9JQlLx89bexzG09bctv8wu1sKv4VeapGWXfCTNV56hrVKyxfEhBbH2Xio8oWyHIv0nCC0S5NIF2NqBJf6tnDaIK0djM4X6OP1+IvqU+Ak5sGskXyNl2mDVgOE/sMVI+OEhcLQfjvhcrUaTOAsq8r+gFE7vyv2+/UAEGvikYGd0xGNNB4e8BeUy6gMp8K0WVh0oD5HEAV3oiVzutxjdcESOds8TMIxz621BRfcepL5MkCObHdW1hAEyxpeYcZEwx2bvYtazqBaSpZbK65wDDj285VJwKnB1Noq2FwWReI4ZdagSeDVjS4karrZHVOufyirjSvcsWtMdMwZC7fxkqqJ9ghUtnXcmBY2y9qF9Y4cgOSGQ78E16j1YgJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eyhS6IajgvczAcGrn96mrfkRQE95zalbbLGwJZ6QS3Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f1hTzhi8HUggFxx5FjaKCz+9NyZYw9MxeBzRxskIRAKMOtWAvB/SMJMEdeR+bfB4c/l5KhUPtwTCTS7lb/mDJOSuSntHH7VVL1GghR3YdT+s4FUmavFrqKdrAUXjOrY7BoTKEmHwRPT+TDr43mMMbk7NMaAh2WCvoH3Shs6RAwBGOjTYCgv/96//GL541iphpu2DJsnDaiq0oD47Fk7/p8xm55D8Ybh6OKO1mLFJH3QRP6ef5CtI7BcbMVcuNsn42bylvGc5G0rw4nIRefdKcs75SFDMlyToQyAIg+i8HB6JUYSmpt2Nc2mNh9Y3mdykXqgWcApSPdR50XX+VWcX5XV479UOta+SFsGcRChW7QiQ3lNEy9uh2YOP+n7RzOMSbbJTR+orCXw92dUIXxi0r8H0rT+3lZ7F",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "eyxo5cYtsBXqzh1FgfGsSp00J/obtOGkqZNkmYX5lE8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LbAaGUzLEp1uFDRkONXeS8+0iwiohhi2iM/qfpcj70zDskDjzcbt/VXZ8DWJRu55/oz9eaE7qfD4CH6caN7b/7W/9c3q3umaC3/JIVb06QcQamuNEQE8NGKBoyYB/cmi4tB/mvWIT0jY1y0kJ4NGTXwCiXgZAvzxA4sJ2M8yOrlEhexPIWecCi0Ec9feaylosM/KsjTzBBA6mVYKIPEw7tA4sB74JmJkJF+KudHUlFxtqtr9kMhlLMPW448LLxTyjlbRIjYzTacTfpbyu+uPBWtGgkfCeQ1Krj4NPDlGmjSF3kMXJM+xAC8IQBEmpm0BWBk3zfuEvjJI2VuL1uHORMbtZa2zMhHWk2WkH9XG+3MvjUGYW2j8197M6zUdWG0+RdOW2d7bwief5FXFN6TlfiPyLF42BSyh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ezsl9B2fALtJumfhuw7pdNDC4dz4v4k6KMbN0dx+vvA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Bq3Yq4QNmVBG7tI63GX0zhc40L+5lJkfifGhxmUyXoFhTAmK18/QXBGbwrbLZGZd15kPdVzG6wsh4q5zcmK8UTBoBnaOpzszcCVO//dzXo2SWS4Y/AF+/79Z3QBJA+odzfYb7bABA45Ma6R+8oT7nkDcz+Qx8PjO0or6GtwuWjrQGF73WF+xVURUtLFiiFitC6PgNTR4QxPnIdw48aVlIryEAgMnhNxFHFY+jnKkIJwEhZVFXDKPz7Kk0ZCI+Q5IU3HNMWy/H4sJhrKUR+r5STG0aiCZsS7REFGrwOP+PUMHITYs4ZhFJwaZJNKqLXhzxKLQdh6R5inAw5AnKUise0f3a716ulRzD9GGSHZiAj2ncvfBeIX/xfd6OB3/aU3tWIMpYpdl9J31t49GCt4DGpzsaEfwFqF1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "f+Rr5mYvQpcL1GzlngebL0SMcvcoHMuVogL41Ky2BTk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JhvfcqgE/Kivcd8UJLlq4RvWqBkjIuSuBCifkfMi8Crpty9jYGzU3UpC+JRJ4suPyWO1IteLBryWKVem44vbBIva0V6p+kysnbJD2qQ7YPTPLdoipgtmsK2kihrxeWJvs6vdKRsOzHsKxkvZ2Sa8p9hohJip8EJj2fCXILN6rtuZoZAkM96psK2eXh0rJ4XzfLmAxAyVL7I4XnzrGyIepXkC5DqjBaWRbfdYQXVgdQ3gF+GvKpewmjVDbLExMbnvrdpIidHYGRJIoRYvfLcVLC37VJ1MVq7pnrbQha5yByNeL2Bylxr1N8zw6J0OSF1A9gp4CYXxJ6C01462bVQxQ+6Q38eH8e8TuTy5EzxVwGC1xX8MPvzcuW7bpXPxCm4yQ2kctrzkTZIVMPeylgIppUwNPFOUMiyf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "f/xf3qko+d89EbDpR2F57mvLUs8JUDk2uDHyoG5bTEo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ADxS7Irt3h/YTCOLtTlQXB2lPDDrHNGmS2+LO/DMI+M29Ckx2SZizSuHP9D7QKrWSYpNqjTeylMFnhows4pCPciu6UTHjwif5F58ouCT9M3dUYoIvenQsBLA/t6VBlfE0xbSZjcLK8x441BLUqFSQgs2NJVnYWL1IrxuxUEKjtKRYIc9t8NvPguBgvviQfwcnMGpgAvz5zhz0VmwGdXEb5f39qm67oi+m36zySTK9AmrcDddq69crn3EJiRt56hStxL3lWT9FgUIVwSZG/ytkqvAIyzNXWxDtGgJp88ErKZQvwlLIHExnD/IT1O8EjLMOH6y7Rb4DN9kPdhuq7pkpA+BVALAKKW3MPwrLZdqZN3GagSy4S72CEVB3c8162AcyhM6nhRt+OyFmHoiL7zZP3ExFwFhPKhL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "f13cxiB21GsqTd6FPk6RqZ5hkRMN6qPNiZrQkDxkaVc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hKQ+klU+6NxG0pI7gbp0kJhKnqW3M0Df3idlio8ISl6spyIKa5LtgqCD1+AecfmvuiGTHRkDqm6izNIoiRzz2tj8+hczatdTr4MWJoHGkIRWdw4RBHGh7DEpiyzQ5WtYrV1811TzV8BjkrxxSgqGLyalwP2x5cr79xo+y+hFxPpf9U1DGEeYWaN3e8N+xGcHf00Vd5ctF/pNIeqb55mliIqP1u+j/aIqrKvOEEJO/pVduU9AbmwhWDCWkyvze9BlI09yokc5A6riNQmytYp4iS7McAEJW5ji26v4XUkauXqQypPmk0a+HuRb4wHaDdJ7AjBCR7ec8GPLO5KbfqCryIla7R8glxpeZYoGFcAOJ3pEVhDeXDrm0eo7ymbjCUgvE6O4dV3sWBhxxo4Qw2giotB+zl9+7ffq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "f5ahj1JYFlYNaK1YdwiMwRTKg/eJxKNnigq+TLe7b2U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cmr1whVDSSgT0cBvMhIHNWnHRigEj0nLEQ86chB8SB85RnsXgJlFIty62JATzHVlnVSwLoKGFsppHVgVV2dJZPexM/axV2+lQbUEMRwPYu3XNxAmgBp9RqzP8eU1NilBuCgD3+feSid8K2O0XV1UCzxCvlnN5ND8bzNMEwlObN0S2wjzPGfZbpkAVCuFcOmMGOKrctzs+rX7fioW8C+rTK9PzHV1p63zGJLaq6rVdQR2aUIYweU/s6vCaKluONcbkyrfkWswz9OuAglxk5a2Cgglaq0GNQ83fk4zkGkwfpRwdoL3gyULjB89A8j09JOdmIoINfj+VVgsx+oY0XJU+YNd0n7wsDOCBcLcopV/WqjjpAmgdS6oz28sZjDeJL+lTP0nGqOVaJhu6iPuVADW9H99+5DySanO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "f6+80HqM5EA8+5Vhh4ap6Yz0fLNOy8mTgWSCZo03SPI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OSxWK6ZdxuYh+hoK2+yNXBje4KzyDtcGzTeklbzWvqIspN2CWiQ3+IUK32YpM2+ME+GDmqxewD86T0v43P9Nnoaj4qhlSXGy3k+NNw88k58mCUmgZoWjKA4ls8XB99pvWQi1G8kAKYaNqDxPsqGnY3wz7gvbUmW8HyTUsEjRh6ryBgZSg1oXJlMaU/CFG3p/YD+uDxk4gxSkTD/MIVS1kEaXn2/G1J3/KsN0QThyhssbCWmnZISmfRZMUg5J7KeSwrydGZ/NwlBQgvy2RuaZzccKXddcTWf2G31DOY4Uy77mamEu0Pi/lFvCGnmyxOYeiQLUZ9NF7c0lT1i6oguDycHrIIrScPkPgJkA49LqblUeN3MDC7H7DH5ENnZTG7Mn6O225WNcTe6v/vmt7mLEvGUoCUqIrkHq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "f6JtwJQU/1EmqfN38C2QRecoycYOVdC2/GGrkjNnw9I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+OKh3sXa0oMdbo8WaGcV7IlslNUZIcKJrL8IfTF/CA8WSses00Oca6GfeCOqc/USYuP3ouehVjYukVTaSVTxIbAYBxvwPWaUgySmFmL3fOLL0eSd5qwMROdUOXZXw9U4E7PbyGeOXHAuD/cxAu3LH0R8g+iMZEZaxX3qJYry/T8n+0jccFy0mxFd8fAiEvXSOF6tkV4ixm6L3WMNXiWEcXT5voig0Ee/Vp4e152QMLYwFobHP7Uga/AzhyhM79diQbm0dRxHFZx1mtlNf5noiTg8OXRUtHjjpTHbzBC4ejgadG0l9Y/yJ8ZoEafqBzgs4vlH92+ieCx/LxlZ9N+ae6wVmGWGda+v/fJGeDJGFoGa+zSMqKZyJPyCeEZV2DKm0yRrmMF9PIlss+JqQSs6q03ibhJmK1XY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "f787ZkBlwMi959DTGTcWlmfZPaNzb2I5SHDkn5efURo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2WjftYHne0gTSnkUou/vIc2NgHCj9+Rq+90mUDCHrM+vIjP7NvPRowkxsmkN0TORfZ2r0ocWRjeSP0Et3SpFfQH5KziySN07+lDKJEiT0IceXwHNVDPnXOB14/1nBAU20vWzPL1orF/Cfe8HMvVXuiHcauz2pqt+211tZ/Ei2YmoCxGemKOaSy0jPRqLVyquP2B+PziXyz7p0flu5+SbkAvhq9KnMOkelpGwVoRHT28SiZ06MItN2BYPoXb9GZGN0kTmJYlAYv1j7qSCCy8EhvQGnHFRrYm3xO1XomKvXCvJyXsRupYGk7TV6WXwIOOcaRR0jMIpSdKGennV/CbaT2+QrI2Y7GzOh6Mi8roFOi80sHMN9CV46lMo4b1nHbvLb58rWdGAvLp+CnBoH0AM50ErIRQiH6mp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "f8cPTz+H47SkyFyELsm0/Yq7ija7gfkkIkpOMtCsZLI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qb46X5w3qzVJpN03Fikumi9E3Pd0Fw3b0RLuI9XfsOpJhmXyYaXcEPNnX7OozX1cpdowuJ7rbhr1uTgu78mmKCvRkYUFN/MXn9b/PSiNK9vUG6KqO50DIOsLgMFq6EbkyBCaAo1BXafvs8HVNmOEoLpnDCaeMYoz+Ei3kkH+ntn5MyRAO+Yut/jd1t/d8XYqLiFPdV2pxFn8UIlvcv2gpLxLbWum3IF5Cjr/g9EwPVqj1dl4xHjCYE0/+p2zwyGJspkih6gQzYRFtm/aDD14mI2EDaE1Z+JGxFpDYbGOoob+U4zA2+7oPXHUTmMb+O3Aa4Z+eYVlpsgVZ8U9HdsgPfNjoWZwZ7rP9U9nPp6aA7+su+JebVbyUJ2Jo8Uchu94DYpxcCWnN8VXTKvq8d/17V8CIqwrU8y2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "f8dMbvfx1NQAi8If6zRS6XIa3F3xGqm0ALJjECyvID0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Y4EvP/GXQvCjj2DaC/3G1kCIpAPro92VK3FRtfdlmfeSKWwVidlAlzNG4eqX1Y+3i2twIg1Kt9ks/fjwp95nGtBKaq/7U2Vai29jcVr4iyBlQaOWKML0ZD4fz24Ugn5NbTysQfD+lwbSIKbI2vcmxUMVnx3wdZJhjqfZjzWhlxSpmKVJHQqrq1v1Koktu34/knUErOepHLCUfIcMTl3+ZO2CVzXgrtspmFa4yn/KlPLPxOhAH06s8GBHN4wBhe4IUG0CDBp2AUOhtP1WXr4+rfiquxVCKecaHdEq1bqWMO7BIVCcGeS5OutaL0XqkRJBFzFqKIPfVEQZjwVnlY8sjmRZQT+UV7LR8iKlWDCL1ceIyQUuewj0C1PSHvqivJnhWbI3UwLnIOkJaeya0nj2NjS2TJMMcKk5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "f9cmKwSvclxGJFdltFlSYISAyLHg6JTiUMlNE7t3NMw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A3Z5qlX267r9aqmh9a8peKGYqsAOsxSxfQMv5Z/yb5mr9wYAuLdyeOJls6/mAu433JGDBZJEqDx6KfYNcdg8dxlgQEaMbqWP50HtPf/WKoEPqubzcBTZPKR/yT4f4tlLHapr61KLTkgu3Fm4z62V/UY16M/rodeAdvrEhSCrMenzUKFzyALqHljwgf+bHawkLDSt4wizWSt/viX2j221lBvT4DpKi655EOwINmtRPnbfQ8rZ40WRcIOIPurESFjJmzLifLVeAbLrCq7WzeU24Rz3pXQOdZK59cJdVH4mn/yxJNmTaKXtKwtXHWBr+fJRU00r3PufoVDGBsm1HS9rX8tZGngUkw6M5oTkqHE9n9RoZ68LwTYjLofEznlUhRedBfctHdlcgtx8HupubDdLHbnnQ6DkIEXr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fAOj4TtJYVCLTv2oWwccFfZniepTFXLSBffLkDhbkCo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/cx1uDmlHTN3zKkh5+kiTIphKl/ZMgJGMbmwUr6r/b7AjFtCG7vFbIi4zJJ4dzf8qdvIsiv9CJ8qBV/G/eXo4bvB96dS2fmMPfwEm1sKlk9Ggx5w9L1g8Vd7kk/GrgCxibela0odFhaigeVBuTz91m091qepKMj6Z7PgGRg6GoFnio/RwGiIcufMOF0WcfvJUZIjuqst4JBzhI1CAY1afrfXDjltfCG/TIwmhlr+IrAUDk9Ee2UsHMxd5VGhi/uQPH+CqFHjxOWHDsxIFiyituR9O8saqgE2Au/bNy9ygfz4OcI/8pPHS9DV4dSVHTwwq31TdYZybaVfh2r4xWOTnArkt150fHXAwAIwV2OwLpYn8Ui41/d2DoxfsV13lNh0DmP8XLR94nRK8SGZSRyY1OTvIbuNHEiL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fD2xC9HP/uVN50n6lZLdrqTT5pARFQCrJePSX2/dtnQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OVnFE1mZ8/3AVr32vQQXjVD33Xo4v3d8XfAgKyUKhwYJu8x4YXV9lv/66x2eSTwz9i19C2NuPbCycAGB+c9R76nnjwpPy4eJlWCL4bf1HzzNrIJnfamg1CLVp7yiqpmOZ7xqYPfdF4H1Gg6vXQUkotzMV3u3Gq2+NEBkqOqRctVn5mLvqBxir/ZNjws098djkQ/eHTCpWhT4cofvFuzoefqQj6bL1XLijO1IGHcP2pm4p2gb+CEdDZJjMiu7u3E1NQMtdJXgDLanoFNlz8zohSFSPbOPhGOmWrEEjFb2pnoNxHMGd9G2Nxzu+3FBGxiVqF8+Dk9dUc2wRegWcH6EmuCCGwb3yrou7P79JVqJhIfN6Oi+0OYMPgBffOW3YwgrwjcaZ6bFMBfiJ/KKpT5N8vZIf8XUN/7o",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fF9lwFL1uMEcuAra2BV9Uq0+dOoAJP/zn7BuuY8OeZc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S7OCUsZ4jTs0MPMKY5Vn7ijHlAnvYKXi2sfx3JPZ5JWfm/v8PTbD6vgdbSWlLnUoJ7nE9VagXoDYnEp/lUIorXkbCCWsq2HIyur9RqtqZ8rr8gjhoYvcODtmLKA8hSKBl4x2Oypz7y7KNcSYILWV1d+5Xw5xYKrRiguCZn6etShe0vBJtUhE86zZ9JGyj4+zhlg616s4JefjLf1hc/wDefohskKhs/3OywmhcmvPw/+v63JufbRLnb+Hf6tEpuf+OB/qLwRgkWPyq1cnc5BqAAr2rAqaLZ+kDETcHaTTNBUhEVqa0iB22z00SErvFwxcdBzZimhDmSz/iJwwGx4BxXWix1D5jSOhzTdN2TBfKc9j7HWOc9BpKi37APp20IVSNOag/RBJkr8PGqfi0cldpogXLPDvaOCl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fHCcruSUhaL0qPEFtxSLz3S7AyBypW+WhIS6SE3tU+c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PCBMbRfCLaaouVDQkulHuxN6/BlmpKyMMRiowpyVmwA7FV+Z+OTdQVCGFVEvA6bXPM/2AlrIjP/QmymDENE2EkPQpmrLANMfcoXEQ63dDW5Mtu4l2z/3IOQr1v+ZuF9Irh6ie6mcdT6+lxzvwFDdAxrEqmdTJ2qU3bzFs6FZlp9LD46+un1B/ZyZibgb5sw1n2fX9cnUmx8or8CwJiQkzrrRkLz3sTBieRf58F1cyDU7G34ybwiN6XX1Dc4gS9uq/aQWF7357ZoYfqKNkgQSoWTqHIWxsJUth1n4YK7UBkU6qfjjCkXgZ8tyCKNcS6ce8oiHbzyYt/UcVrqJdWRbDqAUYC06o3Ok2I6pwdPHfygSWCCqgCutW3xb1aMuW8pEUQZ54xpQ5eMriMYOoY/4POU0Tt2OO3tv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fHCzfKpTNpkTErvy0jrX2s+aRtC/b7GZ1WYIcSsGPMI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GZOllJfBH1+SznxM99SGaZ0ecuUacrgbTiz3sViAX363LyVlvv2VUi19ap7+GOkVOHbk90KkIA6Dqv7+vGi0H2cB2wOU8QqWKTyu9RxCuaQhKGZ3bUFjicCRdlF1QS2s9kfEDJ6dOmumzRA2L9zilNJ2gE4uPNC25Eigy9lNtjeYSTt2buFm55jTrxJ4eaMwKtE9NDj07GWjZMPurgCgwI5+2THugkgpCtyBdYehxQjliaU6MRdBuQ5vii9VdtI/j8l1FTB+qYIwTTIPZUB3dBzQ2DBUQmpgXBVP1YM1sNlZR2uD81QesCpvrhMF0gYFROcAnSQMj9NZUp6F9H3LH4EcMqw//84mFbSLsnKWegs5a7ax0P9N1+/SFv6S646xori/vCDP9OlboYL7P53xfi5XH/RTSo8V",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fHEPfHdi4R3YTKdf4dMAxJbwn9WjiqVp6Uioq+Stb5A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5Fb6rpcbfKPxo8s90/Xvo7PrItoNwJ6sGcSHftqmxZZ/7uoF8pMUp7ruLs0Xr4GwnOE9obW2IecA3ZJxN1sxIbO73AScI0fQXaEfFdT6xB6GCVt8tC7kvuYe42B3Vx/fy+B7LabIYar7msarObvd4OLT+E+OZw9ZP8e4ayQB//tbGX8dtOKv9gHAOGjXEUl4DLM7ay+BUdCfnz8I+yMFDD8vKPPivaY7DluQR0IgF23UNUVXttLhF4hmx2XQFS4wcOReQ++0XIM4dg4KY9Xf7F60PPnPHEBPYVSBFnFgEsbrnDVBjzPcNRpXsX9qp/fo0WG7clkrDtg9792KhFKpeZYpgnkJvigH27t9MWz0SeL/ySow2hLLvbU67Urlv8D+l5lcd/igt1UjPMg2l7UkO75iXiZg4Plq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fHM7bA1Y8REZXqaamEOxKgejWdhl/36WY1G6vu96KFM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B/jwfDB94fiUdWoX5uCUksSnJqUndB4NaxHn4xjuhsGBFFM1exQ7bvTtaesG6VLSIt7QvrxYknPdJhnZTIyKlIL7jj4VDiBod9YhrQJwux8Iq/CKNGpRjRRhj0O1H8mmpcH+rRuKnFobRc00FcvsqY1ANzGVwNb5V+NL1u3ESuCQntO8qfsCRjKBuDfR0ZQDJ6BBnf+12LhYieQvB3VDxSn7bfie76o5HZDgSAVHRqr6sGcqFemHo6wpnYO+94gYI6NTGTJrRLy5KX5PPj98aPNXC+v/EqKyPWFEkVNde9ptkK3qHuo5otrG0KnhqYKtChMO5tW940ikdhLCrjSr1uL9y7w9OCGpOuUh4NG/+CCGiU10VYdBDWEB1d77IR7B3oRDG/JYviekgGzPvkby5DomDo+SUayT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fK1Wl2FP8ISqbwk/wfYcWPJ0YiHmJP4U43i5mEmm4O0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6MzJ9/4R9sj7E3zztbCWTIk2UMQlDdcDKdKOY9Rgu6mFQjDEAHlsYbiMGWO3S/OkdVajH+K70OPOOBZlxjrSByxWHEg9WlfiTMswriPoPWFo5kFHpSM2wWPhKS5VpdFMkQGwMZ1S9yMYwvre8x9oOc8fS0M3JYnHD7jQcT1hVprQ2xXc25q1+VbKjOrX+oJ5doyeTAakdEnYb7aTsz6Pdx4/s1VhWWcCKlIApFgsP7UcCX1Sn9rMxkTjaUfaSu6IVA6lIJNUiJCugVf4kLTo9p37hn27NrHQQsw4mX1agj47Hr0KG3dtvGtMO81ujT5RQplEFOVElgbPfWNcEDfHPmzOgxoPy+sLklKTQtdDVd70+MF10zHmJXAIp/Ob4nlwyBOGEEM025lPNSuRVeev3M/frPLrBmFy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fKGh25Km8qsmfWN3DS2WltJQKyOmdU7uMhmr9wMR0ec",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3Zn0hzCc4df8cvgCC0in8Gye6jzTVvr9W3D2rxgj+CUp00vHMOmkGavI/SMZEhiHpMFbJhfPLjzFWOtPBk9kyxMp5a0NBIzCoKOn85uDljLMwCQ0ZnOgGau8MLd7We9j2nkhjfkZTmhL7Vb0vId8JI6xwMm4go373qazkP21SsSD3ctM0TMyCz6Jdjx3OrTtAsO1ENoS7izqxLLIB2TCkeX5DGAi/b727rrBCXW57p5eC8AWBZ15dyBaFt3QuMIDlGY0jPt+uPU5PgJDCscWS6xje8icYL4ZZZWcFmQEgHI4moEMCrmFCPRuCWk21wZ++32emgOQN8Ui82Vf1AKPrSsdj8yD6vgTaX22GI7btdvl4L85tmGp4PuiqP6xxcKxufjsv/aDzjdBMRfluEYqZeikrlnzFlGQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fMawmIBha58BV+cCe6ohsSpxVObX0BtWJMmtA7jf5qk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E7IDSUFZWU7Nd7x9/nuUzLbiJNvX+vdg1fWm+5K2MlvDczvFFvHN5qt3uGt68FQhAgskcaIhEZ2eVRAzOxHR0jnyYLX18YfjjJFVMd67GJCj+baMGCIEnCXo7PnSrzFH39OVuhNG2uPV+Mqt+vzJGYEZYPZppy65yYPO90nXNpV1NqobEeOnNmsRizglC9ZVMXp0c2pxvaMAINf5X1wucaAwR2HygD0+fxxiDlUHVnOVJL4J+bWek1AXIomse4UApO0ROihif9XX1y2b0uLv7HwsWkAExxsHxjZPLgMpLjbFdtAkJuG2CnB1PGR4vpysgnDPYIljKLlG45TtxxnCZK/wKnRf0rHgrugXj1aNZgX++SYG0VPH9SN0xB+pCdFPQ4oOR/EFhJxxed339z7qS2GsxMWsX3tb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fMrd0kvkYX9Xz4xCEO0S8/fiStM0pz20xAp630ojMrc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CAU3JcNSjhK7/OWEvgxT7e5CJaC3L6V/Bxfo4CeLzwmGCphVVI1avKJzhiwQp9jugofb3dea10gB5ok/C3AUBHmFtyUm+EjYmi8Uk0e8nE51rIgCTvI9ZH8Nm2lANITgNZFKg/MnwAZBNajkd/i5XaoFgF+NCJxqffTuD9qinEbF9rbKM63VehF36HhactgvodwYC09b4lTofP6/9xJ80TPNvP4cLKYcYHga/jPZVgUeRZqzVj03sy+o6QAJa4nl8iC+2y+66kW6FgOyK7jSWNUk4v+q9E3Je6pRl8VAPPRihM3lH/o2hMmbh3lvJG6u1WiKljO+TxgVtWsiUgFyJ58lD4sNp2FtLookBXp31C3CnNLJR2MgSgucq62byURw907RR/PvB0Iow7/MpEq3SZkgz2Af6pV6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fMworxgrROhqBiXh6Flojygwo0novhJBDYJjsj7gc6w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LSGGo1EfykqsA3Iu+YN+ewnkpuUjl6P6jWFNQANKA/eVrrkhLWX5ggxE0S/w6lZV6zqdi9dBMJVx9PqX8Km6qNEAotiYmWLzuee11wYinkdXuGjNj82h5MhgCHTjOZZ5NMcrLEsB8Fr/uARuLjanIcrIXjCVuknGK8ognvk1Q/1zC+DaOB1pjV06HOrKvvxNwXOh00XnvYlmRMuQ8xZvwHSqhyswJTz9B/yqMXt53AqZy5CzkABlDcRpe0/H6wBAVmH40ITVP5fw4g5hIWNIwSPou8zzXZ5VM7oRHZn0yW6k3/2JuXC6kBcfWq59T3OA/DohLdSdh/ntzwkwVgcEbprwM/+WHg+gBRGz6+jeMlM7HFMdFhYUyNFuUj5ah/lAy5nCIjEMKJ85fpFDD7kEveJRss+2LJ5s",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fN/6qgmCRUzqvk8/gnEbRN8bn507d6/1ybCS3WkUBeU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F0n2fKw0MGPkJDAywRHl+9W+kot6cQYMgJfUV1Qv/hkotLSn1U1jAGUI3nzy2lWGPFjlNkHt99/yFDkmZbMT1RqZlQXe7KqfH2b7B3QDfwFMDoIwYRUlwY8CeJd59aSp5CzvnQ3OQH7rgRzcAj2DjDlbPxptMASS3Yeih/jqTJVD8TIBnJ7WD0p7dPSFdsDL3BQMj/xXBOf6hnswDadD0QqG8dGPX/vtwLTXEdtUW3loDmrhUoP7YoNqGViPvM5ybwkIoiyyffJ5XJwHDvX3t3Fb2Hk/ZOHMdb/chwXIJG7KDal+YKwk01BjoeO2Lw5HuMofY3FEJgVg6Sy54upVnpHTRIC+YVswCh59eCx0h+WdMcsLDusEYO3CR2LgV8AKoiuqfaGD0BG5F4r1zy1Njz4LESyTpHcV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fO59ThKPiDxwEbRJfBEv5ezjmJCLTwIqUZ8ty86Swh8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "K9J7WRcM2XZjMbmNgPuOAzC8rxT1AM4ZyNLgbO+b1fJSCMomARokrfaI+Yc4JNT2FQuzgqU8fZbOYdJf3XQmxjlqrW2CvxUV1z7rSBv3EsmM/JfgkuVl8WRiurLRKNJ23V7rtB6rOKJ3//Vx8cAtBB+NmAGUdNQfi1/6gy3LzrHcSsZVEtFJi6Sx2pgcwCdM/r3araMMAxSCJamqAhXkgu9jS12zNbuRFE3sVZB/ajSXFrwFutu9bkt+qLQMsza7bgiYRI14QHX3AsEUTIlxxwi/th7WHMC9DatC5RScZeKCHNAxQatL5K+YofMbRwH2EKvRZ0xN6eP9Qr8flbIf7tadDuDUOmIkee8fZTwLdmGKARJzNAFJD90SalMSAKrVl/qIxBSyfmwrOTU1X5K0gh5Q+xwSTqdG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fOVJUd8QfmH7BVTM0xzhsdJY6fGEHZnPx9GTmjmAgvg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fyDgN3oES3bnFqDM9L2PVGosg1QJ0c2xRObBfY2YCDQLgh1oZRzgPi4VECu/0pbepHEJ4UUIA0ZYBxPqXoDnfWQId/xLKzLjNwz2LrBINSz1IwseYYCVbYBozayghfPlg81UBc8Ky1ft4sSy1jE6z2x74mPNKLQA2sq2SmhekkoWCIDiyIIWrMYJ+ohPMnsIcx7xFiRhPTsPz+vt2ZWELOqi2Th1gfS+TQUVJaDO4OOw/cXJYWx/2oXqdtuxMYNGnoXvUSv1Cq7JrhUKWOn1j6zhyuGk6dgOaP+yPdCoAwZeLEXOUfxLpEdyAwDwvWIyitOPhK12FvqSrfDs7Fk1ENTRwTpx88OL8vIfSyTDKMAiDNaB6QpgzkX5OdzsVoCI2hn+S3/b1yp/XSOubzT9iUFpHAH8Sy2Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fQBY/vWk9GxswEeHKRY9sQfqaq7pa7HY1dWA+HSgn6Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8tGOh3Qw6Z8L3bENIGeW2ayZfMgle2LLAEQDPGiXMkZ6HTjThRAE//ETvNjp9iLXmgGvEF2YXPp4BpBUywOynOjwHpUJaYcAXlk949z7FTpToB226A/bS5nkE8BuxFTj3aW+tIm8m/Wo2vYn70ZFAte575d7VkK9hIschHxfvj2x0AxMQ1v/EcKmOc+9qfYcNr7uOcQeo1wxdk/vZa00b5zaqNtNZuXrabMC5niaZi/L2ZnrKGLbd3WN4dPJxbTR/Rwc3TWmog7h986VWvpKTSdl6fcQMl8sxa+PPWFk6ni+2qhKRL/9IAbzIRKJvB8bqJcnmGV0KFml8Dm3zPti15WGa9omzGNDvEokGnX0xE+o41F4RZF8e21V66LB43I7jFB9iFCDb6K29cBqyjs1DRJZ7ZSul9aI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fQJUSI7KppPX/AWL2wQ5M8r2gSnulK1KgPsDlj+RYAo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wclVzQBty5H59Z2Uyswi7e14t1HUyRnqE59map7vDSWCDJFTXRLCdDKgO/AWYf4Cct8M4jlOZC8kK0BB9Z765MRwf7cShHDH4rjZLNQd3TPJzMORDaRH9WgTwMhjPaKfNtCPxWTxnzC8J36Vtu0JMdGAcU0NfRj4HIcLlelN4P6+Qr7MmRt5iiYWXv0CMFL52aTF7aldVQDpcRkSQMrGbqtKdvcNXbxB3JwHJB/CjwWqyZHcBHgNOp5BgsluLTo2gSURUyqquvlCyrD1ZfnPGeMqk+ZIG/P53phB9ginxaLPJgXN8+oKeldMktp3ntQK46LjjwDyRK79Xbf3kPrwof9BhE4DN//9HEytuAsgiLmte6EXQlH/jQe9hZCQ2npQ+4bvzDtbMrtK3jXcGHw4vMY6o3jFNZId",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fR5rcraFp+dxyq+/oQjzyOJMy5COUOba50Nc9F0dBJQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PKiiLZ+ArV1yI9U3VHRQHBANREcxXey3YVZVz5QMSLE0whG1XEp8ehT0NZXbKbXcOn+gMwi8rm2sP7CKEV0PUuFnEy1NgdQLO8Zw16GRXD3up9mvFx+e2dfIl15BAMRp1FypUlon+63ubgTqGaG36tgPCykxhyM11lismdJgzeSbBYMK7Su2X/SqZLS3x0Y2SRWP1EEaiafjTGsodG1C2BA6qO8HLJkx+p99WLVmkzys/4UK+vTiQM62sB4ghrKrbVh0cRlxlA6+8whbdnQJMTpnuAkqJ6D6bPt2WRzlf2hEeGLq5nQFjYERMW3Y7I659Ok5Ks5QWhoIwXw3JKFRkvoZnR5e90X6tsmUoNeGcJ92QnuKllxgf4Ez5sdgF3ncNEpStMjktqKrghBTcf279164SdpPRVRU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fSPYH6YaAddKPxTAv3WQipkkwDQ/IYPm79VPvbMjFog",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vHOAASaRSanUEm3ddRNxI185vLsPFAC4jqy2cYBzcZ5KC8I7BQphr4qwsifYNIWg42QV3JliU9nysoJt1LpfeB29nwzFQ0GTLYdAAZotqDE1IgQpm0o+eeBBTrt28xYXYPK3LVTy8zvsR0gE0/h2hYQbm5DgyfhN6rZh/9wItezCzJ+PgkE4iNqCQaYiptB4ra6FrntapVq8zsMB105na9WNIAZLmWe8HiuxjQSnAf7iV4QRlrvCH0CHKmK3LD//m0UbXFpS5xcl9+EyM1S9GOQB2EApYxDAVDuScHUj9iKbADbtJZmFxXKq+5yY5lbt/XUrDdRr5bkaafT08G4BDcmRRh/e6u1eDFi47hrHZiTJre6q2+mutIJ1RB1E56IcC5rn871wLFNX/fF6u020OW6AMaZzgbVx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fT6/iXrS2fNBqiAuf7D5+lLhs7mfEGpR3OrCY3P8IdE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0NrNv6CgBW/MhgYNGPcGBMMjJECnJKBYn/vxFaUggmqzRK72BUmQDV9tul+5LNSHdSBN6Y11XsqJyb5xhud45RiTG9x/LL499sxxJjpd5BfWeOIDtvmJRsZXv9HMrQ67a5CZJoHWlolP/9SA5qwKyNvDyaBrt7Gw1qkOmH/M7G2/LJi1pvRqsp/cQMQL9nJRcemaVWCdweQhVO9w2Z9YTzQHUG3IflD7LOerIowvhTLWZYPM0ftLEZfU2SqCElEo14nDeL47GPCSKvpTkZv/8qeeCOI8Y5MOr8SPlfJ3FYGS8qDQIpJCng+BggivupPjpjYGcz2QF5IMfr0D0gpBIwZbr6i6EV+dn4TkTcK+u++qFVm7N+mQ2nWFbX0gPrOvRS+oaZ8hH7bJjwG4HjodxtLjcnC43vBz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fTEk2CyD+/vWpSdDGAt749VmT/aBOH4NvfqZ5JbmP88",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w67DhojgMO9bqfuxx3jlEXvp9kxaYOQZTE2naCgu/lBsf0snxfjliGvRpQybDapsWQCzWs58aBZ4/OHue1CXXeVwy9pyd/9+ZAWV/dfhLpJWTzN9rGf8crt0Ct6SxOViPPBrcGeu5DnW7R8rrsVy0a6G9RtjbcfJTmj1al2U/af1wzVOAopyCJMyFVqXSbQEosZjAwWlnaepTbX6MdLdFRSsH0p2QqB4HkWwbadpQ9mkFEuKVKYtWg1AXNAU9pRzfhbgmnWiFFPHlU1y8zAfg/QuKbhswF940oaI3K/Fxwm6yBD5fC2wE5M4/5sVxfriFyQ0A4wPF/WeE6sIii3+IpvPJwV7R0h2RkFc+BWSilg/FktdbGMbQ8//SV8YsI3eEdbZeGtscnhOSheYocesUgl2mpykSrhi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fVQM9DlzId27XjKStO2DJ/Z3kgOHruFqZ5WU10gL1Y4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m8blMnHpnRPf7YNPQJVdw0z7hRSkuB3HimjEu/6aPw5XzznXy76fjqlJsMNzkP+28got+F3qnnXLVcpX8B0zRmkLTyMNtL9xRKl2xIaM+eSa9jUwxcN90dWq2TecG1mjzctmXwc9fZxOFbTSHS4KJoWGcp8jS6S/KZKrBgmo+34zZr7oGV1FUYrvOJGJNWHRMLY0GpkG/muILqFGDWtpD9EcYmjGYSD/BFmOGTCYFaB6/UrEq6AfB8QQ9jAQdtINCum9Y/2Awwh40vsUfI93U009+3RsC7WL5x+U6XVM3b4EmpBWzNLY+Ky3FuDgckngMF2R+KnlaA4HgMEOkVfiaxqfVMeGqpkF5ECZEb8T6yf2WOHkIlltoNLzXtvusOeYFhgpfaYYzvebtv4D83dL2FOnxYSYG37I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fYyudWaWYJZfnWCZPvzYKHPNMtUqdxffpWqh47qpZ1A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CG5l3jNMc3PbvYrfO7BO7147Qd1nRmItlMwQBHi/ZKTz3WjRAFrKj1vhn8uqKk9PqGz3+liCXafSH3c++3YuiInaTrxPpsjV2YYo+mq6p9xLdc2CWxm/L8dJ5X394d9JCY6DTdUuYbiQbIXurnFb38PxQlXR53rl3OolEg5u16LVdrZXxOF+Vf8XX00HNr1xINCTnnsGlRG4celSovN1mhLZrLIEeMlaeOyjGUeWkngSiypRLOk1RNKCSeC/H6syV+Srv7SuMdCpVDsj2sca7eTdLiASCR8EqMAGunPV1E8w/G+i4KpXGIVlOFd9A0VAagUyeFUMzorWHVtGxAMMo8vwgGe7Fvq1qRWwGJK+cIEGI/8iGMnYj7jBwUoW4h8dcMFzxbNoQMowT5HS9QPQfGwVOo3Vpg29",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fZA1aVNUW054p9Y7C833+FZmn9VE9IKMTQOrqEQ9yRs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wAiO1nQbPpjZprgAf8ztzqmZl+MKu/1MHBA0st3/+vQb5YBpaa/uvCPHHFZCiFiTG/M7yJzoieeUMSdxXInv4lEjpbDH4azfmmROJbTN+b+nXjaBDBgGFmtEy4HeBDKmn3tRGrOF1nwBTRUQWl5NSzqfkQTjnD2GyFLaMqZjjkQbRSsN65T4cIGN+AScCFXP7PcO4kOJihrmvTL1Z8O9d44NHgC3XjcESCCPa87vl1dtw/ssIDWYZvv0yImve5zDAwcAR1Bt15H8LQhFGz5Zur5WHan7xVz48Q0kFPWd2f6k4DuBegIRcL2SATiXPEVU/ot6w9fbLjvceNKIAPACtkjpu0xLB9BdA8Pi/6rHJ5FX3hbTggEOkbDrnaeddE0d2/3ZnO6GmaUxN7OT7K6SVknohMV3dc1Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fZaSvklaOVks8SSan901+PBOLABC761fwKd5P91p4kM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QmXAmQJflDkeabTTEIcmd/mR3b9vb7Npu++No+q/OVXpMbcCZgqs7V8Bz1QeuBEDre4TiMxpSDU68jgV1Y8Oc+m7CDyUgbxG4tiWdE1SUkN+mKaprJx1Gv9WfHJWn2rJexHOZIkNa/VVSytYMP0N5gMQ9q0ljnUZzRlWqXhj094uuFAqX4gfIyUPsliPBBGLM0SRXOIA9U1qE2vQtPWL7ZYSD5/iYDfajrmflEE3tuq0qGtrJ0dVQC4UmU61qCVbzFx2icYg2QfAfJsjPPVsAdsfonISgmLlnsAK7b2yiFhmGHiBuTQ4VPYlJR/9mnQIR2o8KYcm4c+Ug0jX0o/N6LXnkoe9tA30bEp+dqkBUYbAJCMDIDKawRS2U0EKok1FevYIjtlw03IPS0e+cIJmJCVeRcyxvj5b",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fZj4J5mn0grKZO3cRKc4OkSb44wl1dzjndbcYAxrCq8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UVzEe9KhzAuExNfCrlGXBMk7iEb8VewMHDlk4DX4engEBo4Z2/BVK0lwlkSsubq+SYyl1BO5/OV8Hh+LnvU43w8hjNq5nX8OhWkrnqNECrq8NcY8p7yXNtZIVhrhooN7wRYPXs/l7umH4eDzI9gbuQEImmTfPqOXCgjyjqu/DpsD92eMlLy7e2HuWi+Q5GSyx8zFAbHHKX9qDjenBNhpVpgPe32PX2KlHoFEZxCbAhTzsj6Eq4MbId9aG2sPjY10m6MLn9F82285j+k0LLnLu9FjsMBKnN1+gmHGNg42Jw/0q2iqPvOCV+eqfrMS6nXGiinNlb3t8P7A/gp4ZW23sQudDdxC4T1COVAbmkEitwazShGRk6g61CVPwPZUbLYeS/4w7b7E0s15brP+c0uU4sb//S8uzM/7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fZkJg4PZaw+z4BuydSd9XhvfuuP5o7sBHCFYKBcGJ/Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JxIbE3obamr+ewC6hARQ6dC32k/PmBsTYcp9HssMfGyds9hsiAh0izJ96yTJy7jpa5BFH6/ii9x0fEYuOiUldnui5CB7olN3jxrfl69JoNxOUuNFFirfrCqN3x6UIfhZPrAFiBd1nEY4DDuVIFug6vYNiFA3gNXDKuu2kbeuVPYUh8Y4EWgepyutGJRRFQ+mUfZOgKzzDeN44IR7YManpF0YBl65Vs9ZpCen1R5/Aq1zPCY1umxbxZb09+p4elphMocgnZuH3sJiraEryi0Tge0o094gf+VMaHOTXEuIZ3PWFxlGApLzADWo+NLAY6lDENhqfIITLYJIF6P8A87nAvyWgWVrmD7Aue+Pk+hAiVmWrasr0CE1rW/PKxNqhFvZWbfkZ4MDcRcT9rj95xpPF/PZ3WrrXS9+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fbociBz2tFca3KCovDLko3zMlgLNpcz0a67fneddcYo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6QB122rvSzsC+U2kIpuOk2XGLRap0miHiMzMQnuaxBEYTpOPzgTRpOpFF15Vr0FfRQyoit2i44vMQQ6jF9djEMnkwY4QNWswxaN2+kHYokH+ikBgZhPFc50QWIqZbdv+UNabSIAXaNbetdGIYtBN5UWgFDmEqLydx1EG+DEDW3CjDGmNfqhun7dFAY/gZGbhPEJ6SaIC+0WyfL752ifPyw3AC9sFth3Xv4ZEzR3HbhN/VCL7c7/KC2721jGC5KOxNq/jS+IGIjCQXAroPU2ah5rBefXgu9Pvc0accv9BWO6cVYlrpXtEAB7JYPQR7U7L4eCYDIaWWjiRHTbdeUf2e4YWkmFEwdVRF2OXJZiSydU1COutxERCpZZ+qFGLZNylUSUN06D730rHmern/gwFVe5AUcv3xGru",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fc6P7sVe3+qNHilt0w2qX2AbtgFJKEgdRv+FEXvuAVA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rVfVokwgLFbzvXK8Woo2IYDbKbLAwLgtj/k3ZNUIDEXVL/7yU1tSXXzzGaOSDvajhQlFSHyl3FukDnxjVTJkhuigeYSOQEu12dIN8SdGtsNJWZyj4DKEVbHQrDj6yGsn9f3qTxWqImhVcdS65qW3ssmrlbM4TkKVtVyfnK1FFMJtzLBx2YSLr+fOmvvdcli/P51u3tqlG6NjzgY45Dz11V+xQfrx+VE/iQrKjdnMnfO/MAKfoXecGqDln6hpK/xGFIg7eOmjwjAuP53f5rJ2fnn/Zo2wxaSk8xgurNA2lWA2TFTwvL4CYQhu17Iwo7AT0OGWu+kUvVITg4oeKCZwpcPfZRgN72lPWtEUNR3QVvc8ALuWXYm1AtWE/4op367j58w1fIwLRo7jNh3+smUIIvXk1WocI6OF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fdTHC3XeScMN3JNk4r8sryBOTAj3AasXlq5QZIBqP4g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "u/NcYSgADo5xdiCM3i4cdBoPSlTTz1okS4SePA8Kr7rfDgwEdt7eHxw3bUOaKYUedq+N07NBvV15HDsmCTD8Sk69KIKUF8C24P2UXZajslDg0GpKyyuWGjPzfPDO3KrztUUsJ+BDzBwz1mwLhTLYf5nNDhxLCm8F9CVBZRLb2Shd3v0kjHCyJGuvpnU92WmWn1mPPpfSeg1LugXVO1vxdBIXXsjta38sTgpXbK4wl6Wo8zCJ3LDwyVC0TUzEuVUUGWjTH097udyo2HGc5k8EweCnPdjCc2V0jvgUBaOjubgCv6ya1VyJoRZVnLETK72rX1LG6tofiuXX4mVsuc6vN1uitgzCGTxDZAtNt16b/HVNxVlbUyDrn/2UVRQkNiNMkV5JaCWSAktmOIHFB3rSjkg6i3pi794w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fdzxXJOWD8v2rRpKeeJ/lBPmvtQcHVicB97cT6Z3W5Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RDwz/Hxg29+Bh8A93R5SQOHdQn4pSJWeCMdZsRVuw53DInRWzftMu7RnnZk1cG2AiRaw7Yssrp4cTO4u2LfxUG5wX7iDKcZkWmy18RAECNhOf9sfImkpFV6b+hJdRefFtIgakabRqlzvRRqpp28EgdP8v/LZU7WhgQeVGUkKvMlvEIuDA26MKe+nc3V4iYMUahbDLhJqrZY50Y5LaQliUUIMbHPIhIKRkkw+KGduHzqmn/qFe4VYIjMg3siOa+fyJxFN2XkipHVppP8mO5ys0Lh1HuSFSYEKkCmNISpuTYRxIGf688fKxroUgLKijePO3uctIqrQ4a3kZz5aDQb9EcWHKvfn8wgXVrh0Ka+BideSIZ2mY8eU9bGhaEss51CEJtaip81cELc7dzgY/ZsL8aqbFzM1MRnz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fefg4Q6bYPFL57ijm6d4ryHXifbMQkc9qAWpfK+E/MU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "60pvqJllJjf/qGhWYql89wws9gK/VsIIb6REXB1b3AuTRGx0iX3ovaKIudjJpWMNIpZ208Yx6ja3DdVlxH8mf8cvv5j/0irycZclnRhZNApxjrkzRC1Ey3PP1N84Wczbh369ZvwKI29HGLUQRQpeBzGn9VrVE1dGPRkyW/hj3nfXhaH/R0i+/VHJOJ2rnBPHJxmSwBFiSpYqDKJLoy7pASkn/RoO9CXaE/FXUj19QrJ8MMJnB4CcgAuwfhhrwr4zbG4l0CLIx8NwySmDRCz8EvibObfR9Dvz1WuT/Wcf18IOvJigqOYqIPn4dFcbQ8wNi3fEuxwDFE5G5H3B5uD2PbaFE4UMWzRSbhUC1MTrWW30hntAi8F3OeRsdXE+qKkzbT31QR51/Tduntf1E0mfqPGBCI2VVrs9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ffL33XdizTLWxNFFBhWMuDa7wfG9pGLG1L4DdVc7nYs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Qb08wkCg2Kvug3Eku4EgBY5PfS6HXxrMzVwoAz/uOYyg72MiEfyVyuxz02o54CZ7WXRegNZ70O4g3YVJQW45e2yes97VLpDXuurVgQuHfkLXBBmXoIh4lXtwEtYaa6exx8BOu6jqtJGWZzwo4cvk2g34YNx1T/IT5D4wM3i4j8heOqZX+dCQLW46obItg34S6g+wI7uEzGdV7yJirhkIgoDb0kQncGHddB3I9g7LtozhDRScGwcatLwA4XQsgeQQ2ZnK5ZAg5ejyKMdddFhD2r8+TGdLR8j+VQJdX0TV+rvMlo2Ud9sQYjEme+oa8SEHRvtjmmKohaj52A+pnhjRO5lqZKozjl3UyPe6yDBErs3U/DAT3UCcWaLkdtXj6HEPqIa3F0M5Smd1mzDMlLOjZW9pyiC6zUOD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fgCjlZBfE9IxnngzEQY1mLTkiXfHky6+uYX8yzygpFk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ui8884Ia04dEDFsKn6AuobOQ9c0doAOBq1aYT7/tNXBEUZELDX5zPFktToBq0qWNZ77PfvMw79jqfef9gZRJSvvFmUPzwPhYaDlt5jW9iB+CZOml/9ZglhdZ3zJufsuGxO+2Et9kOfYlnIJ3Uvabd9jgTzd5ARysRt5XhDP9V6DuCGizw/mkrvUVGiRgD5siQUSJ+vtVuU9tvIu78ATGSRYwsvCHQCU1lDP0N6xF5JHmzNMUqwepkLns0lvE9bIFligfj7gTR/6ORyBLKNWfKmrwPVXohr98/hrk8NQ897DmMRWR0KAVyZRiP2QNaLwhvWI2ndWU4uS0TPLjQMLQlFBngVe098m0I0j1BEVVFMU0JKFm7kT4LYdJZvmw0Q12rNGwRt1ZP2FcH71R4iLKP4hp5LjFBwSR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fgrBbqjUnUCs8pTvWelOOymRUQRyalhy/u8GT9GNAqQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7EL14XCkkB+jRI26tRorez9Ik1BDF2veKWVBzl52PzUgv5RDs36AaQ7kO0rW14SQEqkvzXHJr5igk6ptb2BV60a9WNeykF+dSNhgROXi9/sVZtS0+UyUIvw8JUNfDnkNsNhYKc6YkSLGB6JGmbRNSF839+NdrEgRiIn+xabxs2Mned0LnwKD++bX80htqQ8ppYPid5XM9to0cGZTA+R2K21V3vF1ueRIsjb1FLYM/JEFaR73jddXt7ouFp3rTF3ZhL7szwaS7dmK+Hi7Ng6zJiNw3jvMsXWlbjzVYDJf2l/X+Fuv1xUXbPSdhEgAL4NfKMFRFIl9ntnIM5qB96G7Se4XPDjNbtTOBsNuF6G0mtwQe5HJs0MF0cCyTPbwGaAE+ac/x1hQKwhu/1eFx9EJ6JqdY3e0QFpW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fiDlzpmt1BwobH8j8ZGlH7NAA41rtgPNnJQjLT7hHIk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3Qut2QnKzm9FcWYiX6lwB4savovvQytycx57HSoZLHtK1ZZDIf1oBcVLTVu+ADncRcaogHnxOq2vN9dWJEVY2BBhL6yUMbwc+fyfPsTZR3UCozrHMlilWfynDq5uh5+s+A3C7Z6pfpEw0iS7lkC64gneGL0WyekQ3IoHjmNR28wet0v+4RiRSYY11oRlqnXrRWMCIRtKgfVrjcAPU4hcaN0sJ/2gFUNEDYhEVFWAuiGJoyA1+Xv+8O4cfF0qtV3NCjfEVbkBHIgmM2LllZThXjY/qTB682F6NCoCc03CPGChnjdS+BlE/O5njCvazbH7lOhDqajCTK79d+jy4zpZAZmYQasGMwjbSc9kJNRNxaaS/RvUeLprZmB7XSZAdjPF3w3wk9dveUOJ6Le4wYdyp31Pl5CHNviZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fjBKkM9O0cjzE143w6CBsHg8OIlTnZcygUbUg1zT4b4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PxgN8iKAYW+g5eqd5K7clopSy0K+XwnDz5/4yAkEhWM+oQ85f1GIcHb6po/vLQZS/cI8exx4w9TxC0AroaqVJqgi7nRnTqp4fMK7S6yVQ2WH76cZSWW2JueToT/KmL8eVQcFpFDnR18FiITprFTJ6v+XS2OsfwxJxYlYJzx4vF4Hy4YV+TkF5v5YwsgKMaBSMa9+agKqAXeOdO1FgRFY32lN6aZ0/b90Ku4OFoaLniN7wSW7lXGDQ58GxWXC0x8nCobtxURt+BiOIeIvOB+prS2imra1XK6iqoUa8SXv2pwwRnvb68KctTEyrkQxcStT1isNf4WW0cvnAiqUZwo54umYsYfh409rPLHam5urT65SV9sGG33usYbT87S+0mo5GNf5YpUroxYbyRulpVXSyUG/T7WvKW5+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "flh67LLVYq2S4kkc4IJZdjADUb1H+V7N2IaoEsXJ11w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uS3w3LLLbsvtNq35IHUzO3eZ8krLV6H6tBpvxVv3ZNXFYxH6y1RkGSyTta+eWg9x4ghc/4jGllV4FOqtPYmLx5qU2juNKrif3ky1EIxuxFybCUO2MFYM49/8YY5clW4rjpJcnDPEAW6qrR84BL5VgQs5nx4vuz+IMBk0PFp4UAqRsqbm2j2YrNVF3+pw+K6y4o24jkUge6LtGwebX9POHW5gdL6N/5qsLqV/lXCoFfCsyRz3wpCyTS1uC1/KWcvTym3nmfQS9Uj0R+D3DqyhX+D0NibZinL1NkQ91flhNzRPjROedN7IkoTAOs6w9ApLG32gGimtHQodqeXXoOuCogutqny4eXwOqtxpV2SAMzxXmxw2v3ByoiXru1Bf1FEou+sm0aSZOuav7uFkA7Hfv4IPJKRdckHv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fmzZz2bsYyT4u9U4npFy943pBIHiGblMzxu/s9+aFRE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XUxP8zrdqIc8XL1PxYcJvmctyAwjviYP5yEv+ixVoNyZDjTKMhgwNGEp4uybKaQlFy1so5/FZO9PpLAy+A1/FBaR5PwUuiIz+cCCUaVGF5Nc9Q9qV/V+HuIA0NDMFpKMHlasE2y3GY3Z9fcFR8pl0Q3XM4soSpfTRGfPHm3MZIces6KE/8RMeCh4kaBXoYL4uIYfBjiybYDmBV32kc+Av4PWZc320XdMwU+FsHENiJ+EGOV0AfKojr2MU1ZSLExOOYMKAs56Ngn0czBw3aoHY0OBoOYiWFWB671PntqNryhQLZz/N7L3LLJztFtjTXmexlJC5cqB8haSVJfs0l+3sbJARPunp+FBeQA0043lcVifmWwRv2vImFzpmpHWflnNIZCwYn88SjQaHVDemR3WsWdgRKR9I1n/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fnFDcLFtyFR3LgCC/xXpWBTsP+5twR6T9Kmxm+oc+H4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c1LQ0BoCeZMAjBdogtoEL9BPmEsBQLVj+25xwX7jTc053/8+WRs2Lsm0S43mYTOW4i29MhE/S+iyfXuK7lStW6JLBj1+vCqvxRtDDi4I6Besx7FNdd/EJlHlVdpvYHVbiz4TZ9AYT3MnjKAhKAcei1OacQN4Lw/yjKVzHFDbrhpsyyIrNgYQCwHZ20PVsFTETSLcZMrMWuY7W1PZGOi0Q5bKWt3qPd/WzeEqmXnBgaxMyO/A6iEYLlw3Y4XK6ASYBvxGc/uV+EVgZ7Q4PhAUKx4lDCAto78G/MUwNfmybjl2sxby7tDlgn4HgfpJtTwp4qDwx7o42qrlVvSwFiKZnQo9qn4brFmM49bUc9MS7h+F+UKNY2W5wB6MTjACsCdNjLbaE7m8jCdLTKeWuJgey9g2LbJ1nMDQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fnXN0kff8qxY56pa+bN7TrY5aebX5Yj5ZPCnrWWApNg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XtoueIDQuFNEPoFyODetVJpvWAYJrxpnUtZ8n0aZJ0WA+uga2W/V09mRXBvmcUq+qlQKFi1zqdfoBHr1tGWLabZelZ9a9DSh2himAdKyFW61h0K1Q2Orwy8GDwYdEuBwKlEFOqR6kwEmSwoYkpq3SHtHe/DTBD7vaxpZqWhjDiXv5yhWJrVipdb/5Hg9Ts/sDlpBXVhlfB+NKntVF8Q5LCiv0jmGr1Hi/70mrpZwbcMnCg/GiSzy4H4aSsqmxqQvUGJCpsNcRBXn2/yAxIgHs/jswtbrdUc5H70dfbFs0TiXfnkdmOi1//bcbX998orm/SG1mBBxvjIXYIZmTTg4X6xKnFbhs0jBriYpMqW5hOoumELgoexqpoAcFqM6KNz4bn10rGibdRQQclfN5CqOIG+j0/Vk0Dr/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fneW0M80e3DFwO7siawWJdK30xkB/eXW7anKblWQes0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B/zN7C1/MO+NrOcuEkKtejtXNGLXTEkmfAUWzBKSurjOCrt7cROUItW+EO9uII+m6YV5ChusYDxXNat4HDubImD+Jvx8zen87jnC3Li1qhxubSRiZUQ/nX08lUPVS8RF9F3tz1Idm/2Wg4AMZ49tP/vTa/gF3RL87K/XUPzRltesGV7bOnBHBKMa0UqeIbPHEbH2FH7AkwCjevnxtMEyUFfmZl7V/3ClAkQ8OB092y/S0R0175SEBz6cw9MUEB2mP4fa6sKpNmEs5AHWWFE7QJZ1dgxwNuGwNP/1a8ooD6DM72GhiTnzKPo7ufnw47v1xBkoV63bsBLxYyRuCKw0ck3Ywiru4T/yjT/WfAsXIPm8V3V9Q677Ag6Z3lQx6PH68VThTHrzJ8eXjuW5jRGS9eS1XDLeVOir",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fnrK0zGGamX3otqpRaNNbNPlCGDuG/qILTL7qnz77N4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+LRZFkI+iS3+XscC1uS1U43QEVYRyhx+0g/ylkMonEOsd3uQ4u56vzdPqUIT9ovMjz7UmPBA28lvdhdwtqAxf5lE+dCUNS9b+tSOY6yUlO3Pq9Y0GZTkew9eHIrbeE3es2pYtmCTrfl9z64VexnC25pA0muU1fclIKVjh0KdQhbRhXK/U+5P19OawkW5fMGGH28om/SS/vNtFUeOzRWMHsOsjafcYEN/A7Wg4n24QlV0xN8MH2munmj1k60SBiqYGZ/PH+/3HqzqHwucf5SD6j8EQGkbE/MgyCfCLIXo0J+t/EzUqZZlLco3xmDcxPsuCTEBECi0XefUuCvy0LTlRHKRGR1unjz+78zjmFfZxA2IpBQdwfBkiuajh3Y2oW6zo3Fu22d3WStwGDW+MTrUm7zqO0Ocya74",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "for6X08xMWHOVgnR4Xmm042Y1w1s6sRF98EGl+4a6aI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UUvbypQqFW4ZUh/o11dsEWStTPY2dVpIRg+ve9MdY5z5j1S82u3/7Tyv8MeNweJi2ugqqHMtS4BflW7neteEqJAipHafvHSeUPPWvoXwbYBL/mLMcL/pJh5UBAx+H1GPTo78h/P6weRba4ADi1TVMFX05Neg0RjeX8Qoh0JNKpXJZQC+fPhid97tv0BiyuSH4iSdTQA9HA7tM+g04RnORcJJnx267/J3itsNXhkueR4caW8xBCrmOlv85RCqWEb8ZhaMxZftX6VFwoTqL5E2cKGSGrZFkFY/pa3L0bVbCfvvsePTRPD/pKDU160TnESdQ7Exlmxr6NAaQs+Xclx3dNkgvOznx6bSD/PtZVuFQBsv5t+5YHYZKld37ilHoiZyZv/AD8Gx001sRnNbfYzNRH9qr4up8po7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fptskBHOksJlnNZtqVUqpE8flIHfL7hbK9i/wPS8stI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N2+pFKGFfKGfdxvKLFXDcgINTlkPmQy3Y+wQZO8vnQNZxVUVXPJ/0n2X2LOFiAbN3cJONcvwpeSwe6YrMGwwi6AwH90EfSg0f6DpiETDZC9Bl0WZrUQqGTzo5V4iRAGTA6GhDXJu4yoP2qmsO+1UJQIw1KWQfpWcoY7V8Vj/KK6AF0zc34lyetuzkP3AzlXK5S4vUxwIweybl5lF0YuoMPqxpsugPXZ3CKSor21gSINxwQaLB2NzSKvRdsOgExV68qTkLPPocHanTa/kS/PG4zqwHOzK+40I9Qqu7Ljo6oroWapIz/+XNTuuwuAH0/Rdts6txOuW4nH5IlR423AFpbu+x6TcZUpDLSFjx+RBj+52E2sLW/qfrYd/xDFzk+SlOX+RNV2YDLgIk4Skx0DtFuocmxeadCnm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "frRYFatURWXMYWj5oZG/DdTMimnICOmIvjkstD+rliY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tDeBAPY/5EtTN454VGKrdUZLFs5nFn+oFbNo6LA2+w2eWtLQF3AXymgcka8TwVn0JmUe01tbEW0V67826YPU+gn4/ob3CLbwkyEObojTheptwjTKVPch7IWnu45EqgeJwPYiG1gfx/olNI6FtEgfJEg29qtYy3SC7UTG4KcV3VNKghFM2eF6pGO5V0Gz+4O0kc68Iu6WVQ1ssXIThvyjZrD6DDfML14IZJrQ8VnypZcb7w3YmpBZnbB9zULouifbScloSRdIL0skD50pD3Lt8Ek7ErgP9gTP+XYqJsjT64HJhKWOALtGpu2lRTtq3rGpGR3TDvRjtcUc7KciwJbQ44cpl5kme33Mv98u0XoxcZuGNuL2u6GkggfyIXVPEB2pwCB7uf8/wRUGxmwXkKqhs4ejAkS993FW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fri/xzHK8pLzlMRhHojdpE5nVjjjLm3Fb+dx+sHyAdY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4tZlxs6pw+OSy7YQ7/SSir1iM433DOuKW6qElWGB1tnsJhG+L+j70hIVd2Whu8sYvjN8iJ0K7Zmv0LGxDtaOSUPf0aoXzpU/FDWtyH7PDfvX8hgtJdU4a/lK/hz/IQLNTO8jOsCKYHEs8vuxLpq32GCXvKNKqc1fCY8E3yBYmqEx0Ejxjj7Hr/bCrvQZ0THdXPahqa2zfTTIWHpakU3mP4K+2vzADAICIRz6PYk75jdlKwGNC2rOsjHK+PmHdP7F3rZ0Ov5qiNwrRg4Am/eGVWXhmK+JsyLtOmgDWfvrpzkEKu4B1v5dtjYwYW2mDT32ANO+qi7Z89tXwbqnjTWx9cIC1SLe4+a5AQG5KE8TNHw1MF2sTXorkSPchPGRG8JP8wQJSdmtxAkoCGxE6G3MZl5DAYf51EUN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "frwhQCv+HwQiRVIIEY6Qh4wCkKQb9LAPNnXhVSr+gVE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PC0r1yaY3v5UaIK7aRSdjSyhi1/7e7GHAY9xkwNPWa8YqEyY8qtSdkGmRAlIOgHBWCL1UkGzJ8Kljd0qfkv15UgpIW7nwlSxnIPwRYVFQV4xpVakcZrL/tE28otBYMazmEdG5Ev84mFTG4ZMkVOnpaQ2WkJDf/AOSZxPgQypfS0JqI9IVbuwA1wwTFJDNvYetUqhCdd+KoTmRedpUuZT6R8NEfGVq+xAHtsHBSqHtZYfI/ePmvbXEDLwD21XP+DOq0RmLP2I4d2h5SFT3mFOK6rD64vmfHUiybV9gE0Z/RJDPU/hMngESrB+jFRsqbzYYFpCpSWL3xQmB66cDmndmxPagh4+0i4tR+Z+8xu3BKNm4QHBJY+ntqRGR+MbYsqogMGVMVldLGRlK/3bMFNK30Sy3xt2UEVA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fuBNZhPB64L2nJfJM6ZzM04cePCa7QDmTiJzev1McGo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xHFPqdHscm+92BpugIjjpG4z9j449z59IXbOpgoGTKPfcN93Gwce18SDkZJ7doWeSVHs/v/Z45leZktIl2KRFiOH1O7alAULYYs578s+9MrjRoRCbHQZtvv58u/o+W3OQ0Z+fYSOulExOQMGKLfUN+Ci7I1AJBEcK6i8kExTCMG7kGPYrGa636ihCU+Akz0DSud2hODbezdgtTBunnaqWC4M9S9/aZfQn2oxsl9HC/EtzF2j75p3WJtODCB1OmJO3yyh+LCPrbqpiMI0kWZAvV1lF30gP93k2pQmPYfwWhfvwUxkS9E0LaPaI0Jo9XVvjFesh3QlKZWYtybhZ4DAqR1eZspPRUzqfvmhDzDu6QBzQ5hgiJdj9iHhQi3jsma6OmXolzsiiyAM9SSEQF+2Tuvm9P+NQ8l5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fvC0qySLwsmBDClr2kAMxapvU30ga/WTKmfAl3QeuNE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wHwOnF3TyxI4k9tlxhU3u30n9LlB1rvsaWuoHLfFrEVWGkwHep9gvz7llWlVlAaDaC6MXfvda6WDbzv0yiK08hhcxCA/Od/lO+ctwwh1kVZjNNmO6ol2Gv9ibFAsze0wfZoTjjOU26QIdlLfRI59jaoiQeMtJlxwPWToFfXMw/21Z4q/XYY6DvtQ1D9bKYT1Zq0pm7fyR7nNiPVd4xUZu8vSBs/iK/7ifm8gMT6sTnh3yBHN6sSfMzrh5/5IXRa8quhsVTqboVp7Dh4s31B5aNNpCRiSn6GYPeD6O2kfKImNf/WpoE8HFcvUls8+JWHiV96+YN8JgwqDhi8EU+VJAlxiiD9EibP1AYUGO7d/OB1UX6DRWweNBR9Ccn0v/qcZOnPKVajtPLD4JnCy2s2WszC07EK8YIPY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fwYwYsKCnf8mIyfK8gXnYDqzJwhYOgqRSHz7oKS2WR8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ghdMShcSXQ3D7697A7f+pIvUy9phgtavjKMRonxCc+pcog+ElFJqJ/Kb7qtqphb9DkG6qPJvIMaEFniptjwZLVJ4LpuYVLc6wlJ11w4W62H2CdKVIwmAxmcqmQDhErxqjgl/K1TcjQs3Lz7jK/8obn8UkeAWZj8NOvAuPTaEh/6Yn5HNwjZUUZfdLZKewVci85PB0g+OyOqLaEbpiYluGcoqQ12QL1pkCK8f9n8TPhzJc+uCAMrurS7K91x86rDbMaVkN6f7J0zYxLXqX7Ki43PVy1eADKLJVLFHOe3x9+K8BxM4a9cKYgl0tgGnHlZ+YElpdO5bFb6cdIRTLJr4ivbadJU3eE54STrjLhPvoixT5atBFXbkluF+CGINv+1uSmy0sp9sAb58ZIaczq03GAOZyUN0h808",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "fzunsUMGQOvpjpg5hV7Xu6w5yCQXGsgobo/9VHt22wk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YPr1NQmQpJnkzhaOzdmcWcD4kqczvTHByxkXmcUme6hhRV3rgWWh1mivr81MzAqu/ybsQzdcRyRTSQAN7g3aph6BNRWme3whVEZgq8hf5Bt2bwNek8API9b19vkIpFx6MOyvdum8wGG6CW0l6ZxtG6aJaZbs8xV0nzKbkNFErD0wX2eTcmjyyM3Dh3zXEZE7B7WEP0uWBMD/XtakvVcfHiTz0bBtBy0mpQQ9AbF5fqdjUTHubY/G3NyH341coEAePteEnQw0EocJycYga4fwI9IFlgSQ+2RSR5nUZZVe+MVmznLtS9dkhJB9YwyglDdNUPp2k8tmV0lgRVt+omn+B586mnpG1GM3XuylXChUpHMrNLqR2I3TCN94B6T6YVZ/9bIdUIikj6XiSgtmewu+OHAtGmtQf7YR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g+jKXc7cr3fieOvRu0PV52e8SovqT5qf79dGQdRTDlg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GfHyaxYWq/8kYwXgxexOMM//e3QeZDySii9uwR//1b4RKzLYfAbHEx3Ht4VeC9IdG0a6PQBZ5OMCNYOxKcLFDd/RX35M6ZXPOkq7gWj5VqD6FrzLPtr38+ezIbmsPiqdAlG/uYBHGeQhAxyi6wfRHKJt72hUIKo7rd2ntcz8qKbdjUpmgSRbxLTzUHKNAHFdJ7jsJHzqi/rIKAlFLco/Lx6g5JCGmccPgI74JzJzODslsih/qDBxM0NkQIc7CyVAqpRFfHF40naRTqKO7XfW5ugarzAPcvvhNBo6NV2Tj5u2YNVN8cGHb0++Yr8hmRUrjyyGvXv1sLZG5yMUY2Xy+zU656h3qbyzMtR3e0A5D1GHWaOwKgiSuE0xWBYisSrSRp9x97wkATSbLxAOk1uCpV/chRivgGq0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g/L+eJtpDXb4qAfUX9CJtKDHaOUuXF6w1VeNoZJoMEY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0iD8pHCKOcY1g0+sUpK7K5XZMvMCABrsoF/bHSDukpyrgB3zTo3rvd4ISnYYgtt56ft/7QAco1nGVNjsVs32DFNPd4t1xlySwm2bejyKt4z5087gjIYGr/cwGMw1JC/Xpl8+a+H1+v9YMi6oBfBQdjDAsoYJPpPK6CWpaxR9J5rfF0Rt8CX47vhMBVIoxOUx7kFkIQqMa4g21F9/zhrCGEC6HuJvcPLw5ZcHTLFQKm4wIqEVqVYvDy3zJq4W5RWwamMmfCI6S7T/ijr9YHChEEiP2/4fdk1iu3pdCKgEakQZSkrm3NANHfZyVwo3vBE7N+ubIsspBAr8P1tOJ2hktQJGzrZ2I/8Z16dI9zQ9Br16l/c4kgwfPJMnhNlleJUDMO4gnRDs50nNVi6hIzm2ymfCAi4jUrTu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g/cxLL0I78n06ZeG4idXAguC/mNRjpKNoPNCDNjGYWQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "q+n0w+sWi7jF9VDOnE0R7VWGlIVrgObPjmb7ZvNahqaeNdZxUJhC1ytaR1L+aTdwbrJgV/6z++eOHyLQ5gyqJxzgI41zgBQ9+z4uSN1Ursebmb+S0e/k9SVF9wX33V9P5E1jTEywXhZEmmWtVQuTeRz/lA8YlDiq5QfhikrJWxAOzSADX/Il/GbM+aDeh4+iJcQlELd3sGRmAX6H5EA659DwQ1GfyG6uMjCxitfAt72o4Qse01YGD0hGQbnTJ582+q66VTw8hA5PUpGFZOl3Oi+ox8ZJYZz73LP7le/4qvHO4q3rjsMCe1JUjh7g7U6btn4s/biD005j0gU5wtfZPAi7eyNAVg/d4QaAkfD/7gKsKw+Uemrg3/x6ep9CSHpWw53TwIAgIb+syNEJqJzQ7KUS+9THc+aH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g0E8W4qMUSibwAXQq5uCjgxdONbOLUqlN6Bw8YvodEo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OqRc3j6X2UP+NOa/QmESSX38H/x8LHA92j46B0rzSatOJ/Gx1n7H9xDixWPnHOAF+EZywiRNH18eyGRhbqusvGVEUdv2PQ0ch7kTf1B/7O9z/0eGpNbzQSXGxsKUjNP+VgKhHucmgeZrEnE6xXIy8Fv5BXDWCZP6bEG6X8E0Roh3HzoH6K89Eyu84N23bC+w/0fx5t/m4cTjmW6lBpdPADjFy0AbEHiTvjFgVVqvF+5NdTtH94HOR5jB0BGFgaqaMuWAg3sEJcJY6lBJR8AsYjWKY5xJnvv3b+bUpsTLGBtseouvctyNBcSf3/hmfVU3u9fs6J/lXHN7l/TdnmuLjiZGklKqfF+L5gx/cWqpoNvt0DSreMRg2A5wWGgmJPhT/e7PhDQ2QavsCHD1hUEZb7xB5cYZOLGN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g0b+i/JrHoDXYFhL+CsfkgO8j35ygdJsQnSmp2RIa34",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KbT2SlEb+BSbfCDFfGKx3+5KnPaBqOxR8r1t5jaAAT5a2/r+UzweRRBhoiQJioj/tZnP7BvWEfV0CR2VUlDgST4/oRzD9NlI+N0hrFAf/JKThKEVE3+mP6ao1/C1xxgZ0hGUM44cKTf3L+aqwUjhYj1hh6W1ulZ2nnI7CWCygb0YbsCGBatosQ+vGT/QHxdNrT3ELND4NvnvYZDZcFgT5ezyUyRanosAqL5Na5/MEmQOeZ+c7IjXXvgtotFLwiY0mNiHZyH3rG2YpcxEGW0W0oqtI4qULMmYhJxQDTBKhmJOmHPAWwkSV0sKkt+RdrkTkbZY0mYyda6FXgrqAEfgDTNneLD7ocp7XBZ6gqHAzeFA0dgqMQcEHeKcQ41Gl6nzmpnn7ePf3AkIU3PnKr/62lqU4g41ZQm6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g0oJQbwNrN/ygT3OOUqE2+qcseAuOCdC2R49gH3MsdE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "atljY4Fpwuz9bXJJE3sIiHuggRghtSD9x+t7JNLv61R9xmJULCChQgCev5bWbTlKcHAmIciQ9gI9MihVvMshMO5uwdXlrEo3VPntcm23JK7kAwZ8nOybjSH2NcuCUIn8JozTW7vJ773WDYs114qW2ayF/KlxfgK8UMg1exg29/An9U6tngP32LKNLzcXsx7RXEte0nKNeXlo1tL2JiWnXPjjye72+Xu0Tjt+ZZ4AELDfuhilyW7uETjeB/s5CdWr4wzRAjKF5LKdEd/Kkh7lRmr0XZqDJBtVUQ3n304e3u1bsvfr3lZKNehTTE1MEyVCJVLiQrZeqezjnNkIuDXFV0gmVyhQkjwSAmvkOoasajtRqU5MAU/Tinj32GOaTV/WRELstZdGHdLvscogT1bq/cjgHLftYvP+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g15ZwlNRUW0wnh4PRBlUlT1BAXxPsxhFMBiS9s3DkzA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RdQV6QCEAeJL+xJsI+e2Aftc6lud5zP0IZdqxNNbgyGPD9xqJ29ElCMAzIZGJVDZbK/NldxWiNlHl2jCC0BN8bHPu8mvUNN2vC6F7wWvNYd5NJDnZmpLqFWxolEntsIMUXby4lIFolfk4QNf/csPOQ3di+TPfDSlu53EzcDsSd6Yfpa38voia3dLVSjDdiFDW7ddTybWtWMb3Rh/mxxzd9hDAJEGaOImbXo3YRUjKDw8N3s8ZnxjdigYZPmLNcWUf12Ym9yHD21jd70pk9d7ElB6dNnA81OzkVGwKiaYqzwEkTvNiExtx0Q3YEa5MQMJ/BJ3vG7qQwBuzBnkm133V517cntxHJVOdtyahPKTPfglzDnRjS22MVWjteVu69Te50p+FtDDYqcsqkDj4YaCiWyagwghcaEx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g3LmbkbKtGGU/wUTjoyzMTh/aLyuw4iO3npPwp+SFvc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GIRPkdv0//V8P0sAwP6aQxKX/gMCakmJCrhwEg4QQ4ji0GpkpwK3HqQnH9cIpNuHQn1SlaKEZ9Wnql/H50MaKXsnL/trDoof3KAWOMMAO9l+jaFuZfmTBshpfeM7AOC8l61ohRiweWvN6nVIWlPyr90KnOXGIHOvLIwp4qcEdKB1BoivhdVTMADlhMQE92Ji7HbE/Cd8qIIi4oqzD0keYc/9UUo0v5C/VRP8nz0oJPC+cjb8O3kaEtAGD4iWH759dXoNfZNFK/aEm8Z7y59Vv98x+Q+iuFEUNQVHPUZvsSOcDi0vHq+kv9mKGC5FBGEPERuD4ctGn8rv07voDJ0wz0hazpoy8eNf0cDHz4rkPrJ9lFNfJVFjdBSi/q3cQFKF8SZChvH2nkZehPI8BsMyhnpZtHxhUNWT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g3TF8whaVq8A4HJ+KrSjHW8XXgJQc8H0NTxdPqBBnrk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KAVQzgSYXvIXqqatZ/cxpGbkIqb/rjFJqWmcC6VUsrxt4Halkr5xd2rvV8fOAsLG9VTq8FsjmiDIV6oIt0TB5Ssi99MmvclQHRqOURU1VXgyPCCsiaVh+BRXsWueRSLDq4PYo5kCGSl4E49QCKHNn2cFEhqpWKsi8/S3FX8c0J9PdxvsTOXgp7ZSMGGMiSK5oebEAqZ8PPGoHjxyVqou4e5wryYSDKY9C9K7i8xpIsEjwQpWD7FOsE1ETjV4eKnibIepD1OkVhSRrNnpisQqo3fqM8rmT8q3bip+H6YsHHNC8RJXnfJVg9SMNw/AwyuS/JaXoskVDtalYrKBOGQyOv4mA8rY6pBnQs6qkvlvSBU+CO87GND+5v0mPeMpX3o8uXC+Lg8qWjAEVF5vbOJNMGDZV+61vJMv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g4LfWY/PZfNM6kNxL5aMgbQGXmZeFXs+z7ZTQ1DbHNk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "La6i6Qfy6FkNbbp+4QFUnu9nZ1J+BWVBUjjavby+QxnZHZF5ldON1Lm9QuxBdZM83E4CikuetOpSNmR1BraufJLspZhFGtjAQmZyyrre3/sVziTGs/z12l2H9PS8fVYoGj/b+asekGr7q289NOu/0Dy1Cu+TXXV3wyYujmr8H5ejTjaWcT9HGuxLO4XMnKMMMFKFXbBPhYQliVWhYdHjbtqQMSwJx4IaX/muwJDHi6a0v8YjwrTkbmslpxplHPgdKuZ6Myu3RjfxdY0L8xmbkFlg9XM9TvowRCArXV95pL1jI52jJ+vPyweygm10W0i1Msn0/vwbUyivWRmITdoVbPl0DhIFToNuRnKrMiuTk8gETxWTl7xiDyZcWqYOyogJyY13CgnD3Xdv9tiz9A5EzRaA9PFeIjv+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g4Sk9n/7VLzlUyUOMDM2zpE4Ec0eqUlY1sHj89tkrM8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d3S5oGRxXVENT9fxYZs3wa2Tj/5ohYu3Bvkdc+sKA0mK3Xywz/YmtV4MQcWF2xT09l5WsvI8EMM+BUU7buj86S9lCzhr3hMU3VmqU68WM8hOaJ1C/u+64Xml+oZZcaWtLLRcak8kF3vZY/JcLMu+DnPZn8GH/KgPx4t9y1PWIzZ2acxUWp+ueXr5nqwwn5lKLPM6WRIwv+kcrNgZivTq+yf5y9v6uHMcc6nZQomZ2kRz+WQMQTc5XEU0+DGZU9vpv74ppSCvlxA5dIZ5wxw7Rx7MrMLXQ9P2C6om3KJFbIn7lOOjTF6OHG2jXCWa4S8YODyn+lT/IHrjJjj/JbHmaibP/TJpE9hIMODfYkm70+JzUxXPkZXIY1HQ8duWa6F73lruv7BbCAQIQHCHQ+hZjMJUQCTtswd/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g57dp3Cfglc0smz+tjZH1dsZSrQ92VImhd4iwiAdiMA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UukrCoCt+THO6ZEqenuCxfSqL6bMctBTrViePqVlukv503p/5oY6yd0yrXJlfAMQ+/oUGaTj9IvS1W2em52w/7WgNYELYkNw6QxeOIW538ZS0iEV/G1wLSgJfuSx3MVOsMmfplQoOcPpeKJ210as7U6WFiISBYNL++1jjyIxNeFy5vfaAsXu6c0+wfQcr1fUlw0UFCibXYEYGo3OaasRV8J5qWYBnwr2+6BMAnJt16nDbr4rrSOnWDYViys0Hasc/BFy4AFTgR0e4Oeqo4s/cTXApem/Eol/OjignejEmvZqCB0bce+mOel0YYys8yKc2x2czE309OHgq4JdPqcy0edKV8uOPQsON4ASwxP9zkRhTPFDFJ+Zx5BVxj4YIVnCGC8ePbFTt/ouGu9Wi9zOK0w39zVy59TG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g7SMnppdq0k363gdcGcAjqscAB99HuSxsvY4+oJ9/vI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DfvO4iY5DotuhXaO7Ntpdu14s5D3py5Sa12QHYpx0YQuIfX0WIYnsfVmJoU8j6uTmR+s6KFR0lPNXAMo2KJ2OGahb7bRbYLI//99NZVtlhtrSDwf3YJpTon/6vtNYO9ipyYzfVzJdHnDw6EL3GPm4qOgmX5PXFqCCfWgd4+zc5sqq6vvhKVcvK5u2/sXf13pH0Ucm/O0nPjG3Er3CBl9fJrmFpCrEcI61/aNppFNWcNRpO68hRbtUFGWSKTQqLn7XAmyKn/o2nrWq3nsMyemFFnkVkbmZsUVLtL0Vh1/w+TPxErhqtG4Vo2GOgu54Ao9lRunhEKDJAuJnVLCX9dp6TnkVcC22g/bWktsNhEYOh7n9RD35HEFMX5lvylD+dX0trg1GqN67DFC6vq9UAdK6pUJCgINK3cf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g8RYJAQfQ+YIZQh/1qmS8PP3yuutsi6eKvlc2jwkXi8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZB/84cSScTIajjWVtfxy2+YGgNu5thNHVKD/wjPv+43UWMRUF1M9UosL8x4G4+kfIdRnf24ZvP62uU+HymT6e6Hs36Kjr4ZoJcy1UlqM9ULZd8fkfgomg/CfsbTTLVdmijpspkaySjDgffcs7piI8qez9523FcB5ui6bE7tlSojcHh8yvwIv4+hq3uNcxjDqToa+gSTmycJLtYqUCz0Klq9zGB0rXASSCjCgmBBXCuMNlNxbSC8FGUHXnre/CRwc2+AcKD0UX+oQKbOwlngaP5E4m0qs8U5QIl1aSDmmsp3NckgxMCRBekcLNglQblt3piZqjAca1TUK/JXOy7THfCOJz6Vpsv/FkEmd965HmZUnGLQnUOivWHnWL82xNdvNCsXzVIKGvsuvg/VTJ+6370S1zHulz1CC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "g8a0mji+wBN9sIUDP0KsI26cR9ZTL6iDNtTRgJ1M7Ew",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qlzsR9Ots0lpk5SmDMSq9zU6IAqBpqq19c/AH8BXoOb0seAQ+tE/EO4VdeGClm6CNR9oo1ceOyd/HwuSKu8Vuqk9zBNMLXMgz3PmIMUvYk+U4G/zSloPkf/nHKWYD/keujgB7fHF/7aGrOdB2+Wi0HZsL3Pg7crXc3+ICDpFc0FRxs/3u3P3ixM5Jd1oGoBdwP4IqXH8mRscYcme/H+8hxwmI+JbvC9RZHiFYc0xhA7pYkP6RzoZgmldrmLum66CW4xmWMQD2aE0oRyRNeanEEVDnnmyFB2SG6e8p9ghDzWnP3TpE6OAVZ9FfLhC5oqoDplCgROxNd1GUdAJVCHYNBbmYN/d6pHD8cbI8aaDbWm9HT0KTNDiURefi92Pe4RcMDOlbGVzk0lpWQMUDsRdZEQhwJy1t0AM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gAnnZnUUqISILZl4voZJjDxP4umFCh8oM2kbunVHcBE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/hj0qj0qGV42KkjLcNme3HrXjjplytvw+LCyqTlcMTnww0kZLqknPkNehwjSCpvk6fH34GX0GPx9AeGVp7vo0z4BCSWWlZrO0l/9OD7OgG1a3DsiUAarcdEGjfpgAZyB39WSsNRPHPzbwXt7OK0bjHQBKbNXbPYGEIYbB8Q4mzkIU65Pv7mw9Cem3eV0fFQ5q34sWpyYu/BfTVjx7q/Kye2zYMaq97XesZ0xDR8apfLfrb8q1fzrJOmKv6a+f85Y7L1D5+aexWD3MSYZJYASt64xao96pSyPt/ohhBNBLj9g8EUqKlWIwxVc//G9yhv64bej5sCN+YCnWh3hHWK+AJSG6Glibr7YAOMGub2mwiTpek33U3DadKr7j+3PA7FduNEcdOsub6SGGQRdewf6wKfEZWThPV5A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gAwg3l3v5qvLhf3X+cxg81XNrR/g8LHfbJM66HNCyrw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Gw07w9V6bNXo9KhLgRSLhFEb8dVz+fdUxPFmwKNEPg2mX97C8M+/s2TeWbSb0tMXb9pZzCe841OQV6SaGrzgalkOHgxDFKAZ5J+Q4B3IC2Gy6N/Tci2Qn/yh2pBGdsh06koFetKWQU1D/YMr89HaqefxtKF6RhL51R2t/fflvsCsEWqW5TstIl8ClXZs5rpr9D3zURnOgb38E057GacxsiTSOgAVMMv9VD/kFsBc01DsSrXwbv09hoF2kyttKeHR/r05o1eLPnXaxfU9lqB+jlvR0eHYxWaKqibtKAuKXdiCzmKLtTpg6b9VRVSqQqsOCNbQmUq2b7A6DeuEbb9FkGIb/3MYwekFLdOrhzBIctTEKaK1OyyfkM3E4HVJMZhm352chIq6YySoNWprszkdRhDz1kmdEef7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gBt9HQdeYNqEwZSdsIRq82sizzf+aKIpoEKhE79AXnQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "l3KQF6zu7t7o58qqd3Vbssf5r7ruJEN3N2xHUz4auNOEDUjlsL8GHZ9Zhld/YzvMx19o8wUMtNEyETZ5jnn8D6mrFC71MY1VugJ+kNLh/l+cInCjAhrU8QEZG5qkbTv7uzEoxwadbMiS1pRU2y2bsax7cnNvz48cpBsU4TePFa38zu9xcOf2Zp22HzyCP/Q61EjzQ1Isvt85OmOOwFc6m6JH/oW8dEaLMQ0MDgPjXq+7HD7/l9585Kv2DD263HmPRxVXAMSMk7E/2ENohX4zkwoewrG0jYIyvU6L+oyqLhK31LY+Td6qTSXKW12CyAT8bmUSOcKF08bGrgM5oXB5/YcKiGeS344I1kHa9bENIG7NKOgUpezxsiEjJm5mZMuhLJ66VVCCWzb4sy+eXAgKn9ICCx/CG5/y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gCIGEKF8KIsCuwF7tM5AMoaoCKVMu6SiNbS5+CwSUjs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/bQUrgd6MBHRJSta2CV1XWZR1VfZYB4crTYEMd68Ul8Bjv2Ai3utA9ohN1oON8PYz1KwQWzl0gH/HTFY4QDdSGvEVlRAXQ0IUZPrLPGFbr0tqSMIoIeXlHTCVA27GzdCzDDJVDo2tw+WG4EqOg/x1Hcwu6QWytt7SekImUl4AovWjaexjfMH9/uu2FxjhB1T9nO8uyZoeWyTeux1oqM4AiHdl8do9VI0xIBlt9CuzZYwCp/F2nHE+hnmAdfIBwrjs6U5DUIttZ6/s7ndueMOOxcTvTErfGIRaqbbUJf8rC271yu2CCGl7ZL3g+loLUoNiGKEzTBNOViFOppD1MB3eYIfBPxJChF9Xdy8Bxravz9tfO/cffFb5VKK5LOFBD1CfeUOCqZ0rzX5ZRYH/ATNu7Cyrb15Ntu/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gCT9KMPxN5flBtd+JG47i92GpuE0UXW2gd/RoOt2UFw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rPcki+zo0vy4MTWa7NPk4HGg1E4JooHbGESZX6vvxIVzT3l67YsbLAVWhCmQxjz1WLQBsPciMwZMcgINl6+GRXMUhJgrUqTHjq2/fbhmFv1VPwx5cO9SJr+6DPC2TR4J+4yyzmi+p2ktFUclHT1YVn98e8oodPgL4Aiv4HrIuAEUi+PGWJRUhsH9Z+04+J8x8kgWz/de5rViwzb4SBwk+raOBPhHztZmVtRLGoRzDZwEITVBqtEv7OZYXUUkcrJ9Vx0C1dRoGd8NfGq7dndvyQ5VZfsHS2Erk3KhpM5Hep0U6cNwZ1ngUJFck9gt0BAyev/OfYEvwYa79vgzuPghGrSzj9s7qUh4Ukf2tB1xjS8tzOhiJ1rAbK5DPNIPzIoreWuzCdBm39yIrieaA0RdE3AU2CUDLEXL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gCezqXUVGA+X673pol6d4umHfh12DuIOcmbs/a7wIgw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7sB4rwZpd1kfl8s4cy7z4VH/5amBiMrz5Zty+5gqhEQC1M9uaVrkM5R/9eyI9YAeZLsJ1wfKjHgWT216nZz0lEUw9pnG/s1JdhG6m35T3sMQkynUuT3V84YfVLTJCkrIX3e3J9C9SMHuWjaVzggkQgG5Zr8160OOyyfvc4d/RWoe7OAOh1H1x8dalUIP672aPwJGlHiAKzlXM23aGRnyyukBb0Ixsm4cvfeVs3C3ICyQKnwUyKuOf7Sfq7UyEIsVAZ3DeNdMQBMaFN6ZRfadd26xTezafTj1AHWxRgxpTZYtYHFYQOoTVFGYQcJtTcvIudUwylola+MlN4irQsVLlCqmQ8IOe8Z2T3CHn6L1fz0iUD5z4wmTBKroQVt7ZBBo8i5OZbgIZ3rSzQjQHGvs7G+KLGJdR+7F",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gD1f0Srfssz91z0JumvRVMexFOewiNElOs+9Kv4okRw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DeaxVu+jdqdfLsXbCKlZtVPKtDH649S02a2Fs7G8i8iosKW48wg+5BSA/0jsKjI37ixFgJ8ZgkU3sFEG1k8KUmwkJq9mjQG1g4pJxcgCpdDLTYhzBUuiFLZA9+niu4fHMEnvlIocdKi0OFrDCDCs87z3o1FisD/yhF7a/1waYUk3zZunw/XGUFW7XmnR/aqc+rEJ4zPyMxZL/5TFfJwE1Sadie6S80yYi9qjr8AOMzYeGC8k8cFR0M5URau3amHb2C4TW8ReBw1Ku3t+gIs6XCIgy71lOlGkh3erWkF5fmErxdAIwdXDTvCpSoHEjZ4y7lEO47aVi3RHs/Ta5XOWCZRgvhE5N1qDErAbRKGo1O7uSLG5wsD5534Mt9Bu6ji9To8C8TC8xO3ebL2T3RbaMeA9flKyLUyv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gD2Fm35PlHmAK3wazdFoABZVrWRp+D3KzJ6EWb5o/xY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sLDDX+Xb8XAl1ebZPOUIS4iVj7KqtEYK6FYZxSJsydmf9A7AvzBq94hoy3KckDrzjSm03eIehf8MJh6vroQpPSjHwy21kzqTk+dfJEoXf/qrep7J7ETp3LnnA8n35sUFhGCMHdaYMIQhf0ktopIoDTO+S2ZkMe5tcGTTsAl791QjQjq5tGLLhR52goc9FG7j7tGtG3yQtyxHij0pec2ut80WCSQ1+7CxOsSPKTugAxTtAvXHa3l2bPEqFSJ5iJDWu30l2y6kfbnms1NwZOdQbTDvKDpEmG4BuCynL31D3Kn86mnbQQrnXL3RotfDxauazUASh1KrxZ0F556j6XgN2dXg0ebBKli9zvkpRc19ILrc9mNtksLFlUMBCHKB75Nn/btgJ+5WBY+JhkZDL7Q8Ti8Y5VGX43Ly",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gDrdEFMIBg0Lq2sUqHSvRiwYnJi11V+P7gEzt+BJZDs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kCbaM+4sB6NsHm5XKRBxaD5UheF5gHPbzFay8+IVIM4oDzb3wZrZdY4UvB5ja9tmEmRKRoCTUiItBFWb1zMGFxmJL+1ps4LkwRxGgko2MMz55Z7eYIGnNpsQtNb0bL6UGxFqfu7r3nvVk969hYwv/10MuCeDKN1CJrRx4K8HcdCXjaLWhFQQ8a1IsEJjrRV5zS+Es+LsiXXAmhqWcgin3OtTCfIulKB+fIHMwPQfyWD9uevT/u9ZIEHRn117qyzLxAxYz7mEaViB3QBwVpBcrNH8GmKkrzUNtQ2SVHamZeWua/9EHJyhzlv/BApjpqMIk4DilfEcmh1mFCxCLncS4V8uMZgfLk015/MNDTt+JtcjPjfMtoOg1UcyfJGo0NFq8t08Fi6yXDhTfz9cyVhBKgcKsM9gGPEh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gEnhrDCtCigVJES8hbO7I6h3FmS2zZ7RFLoaOW1UurM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N7FD8+wDxsaglGVNpjoO+K+vGrsMgYTkF13tLo51xuhKkcyLZMzR74IeyB9N0KOtBkjPN43vMxaL4cGYgUJW0qU0kkBUWtziIuc4aXQjMwICP47lf0hHA1A0wYzkTzpPWljdGcPwQPCWUIQiIvYZcfNl0EGqOMcfselrqXLxDfMILEcJ4/Z1W7MXOmQzqfR/UDeP2shZmVYQTNiY9f8tN9dLVw1WPeDLZBjilv8PBaGkB72mdp/UK0ijEE7XWnotbjNc57qLJTyPa/5H54jnKLrydweUdRr8k7Xa7rjqu9RCqkia9oJI1GO/LRDYujYW2SGiJcbQg3zM1lJl55Ia2CcOIaI+8zbwWigZlkRDYxJxXlKmUKclEtt2IXhrk36DPT2ApOzhiUT0uKIp+tiFEzjL/X0HDFxP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gF9a4HzmVIZ/v22tpcy0QYoQ7UVEHUg4cFGPs08X6gY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "feRzzsWE4uh/LsF7mXhfAAu1SRwNGGe9qaxlFFlpuMXFlUPUKwpeoTI6CqzLFTx5XNrjY4Vrj/CFohsgjPoCxXKQzpw3nRYI53JY56hv8DC6Wp8wuVrImv4iZWSD+4O9PEGOFwPG3WtrE7EtbUaRxo1SLtPs/Kep3dG9VwoJH8hLBSxF+drloZqXzOGsfP/5+RHkMr7reamCHpQZ41X3Yv1x/n9fRukv9A6r6sEZVWiL8QsIjgBf9oHwTOefvPZMIUXL03vNy0PKCLPXB5nBVF52pfM0VlDOZ5dPx96w3KLUYyO0cUZ3keAnScRrYIzmIKGULkst8pCbL21lKy77cmeUwf4E4z/79nDqTPHBLSXCxZ5yFmwLPjHEErVaT6KoqsW11aOK5NS/ji3J/LK6qVlynAMb13tG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gGFS5U6UShSjLOFA10MSTYR23cygOIScQpbj2C3v2wQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JmEyYj+15wvpaH6hOTVgQrKAqlfzyQ5kYSw6HOrM0OC1kxBvfqLqhco1cWHQkYOp5rFAm3g3d4hsQS+p9TckrUu6+KkGW/vqfs38JN67NMOgs8CgORT4VYPhmEWIhsibi5iMBA6E49n3Mnh27DAVQORoeft52t7dfQ+DbaELTVGOi6ICvfbp4mStC+iTdcSX0BV7VB5yzsLHm0q2SecXWNzwZjp3wjg4wOLvOA1CRx4IlOsadr/oQa55qd3XoAM/hcG6n5uz4f2WIZ4rB0usFlcjBg2Godz/CQTNMV1sVKSirrbDb5rqR40Fn/b+2LQO6i8V0ZzMhr2U/IIcuETLaKQBpdV57EM7SBm+yMMgj/5+8CeXUwTTvLNbxBNT1NsPj/ADx5qVEbhrh8DeLuA2j/NUUC9Eajt4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gHwKNpEBGCEeMrwdmvCWJ9hykX4ihEpp+AHsIW8gZP8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m6Pv/kCw3pbr7qZxBEMrt3lmk4fYMv8R5P7kSlmRSUmFgzH/IKnTFjEml5+F3rhZLr1t8Co9eMe5vFH5T/siHYD3B5OYRJp2xCA6MiT5TXKnjezeqRs/K4h9hebClV6PjxINMIuudslhNaRGzMdWEHXEdn80Zx4Gz4a+4X1vkayVNW9lYXssFlgpOUsGgHnAnwArHo3PAFyAy3sP17L6xmpsDV5tgj+mT7nGlLxx9X3vzItiliZIhoZihXwi69uwi4d9vo1qHkLk5AHvLgZ0KMWjyDOxXGd9ujWBbGeP4psRl/ymGN0J+pB3kKJNsLRMkSNtG8ZWkgDAtRJPlquds+FiyrLIEzX+l9Oh63CgSPblehc1ylEhdZmqyJ7BgbUDZoWr0UnOHE1wbpbxSgsS14F8tfnroGXa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gIGF/4lvP5wtw+F8U8e/+XM25zq4yffZHRxsTnK9dy0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DZpB7hp84SRWutKRRT1kV3rzDhvLng/clLsVja3LLgHzfoY0s41KLrEYcsYMX8z8gUhPwDjS5ebe8VYxMG7VgKtyESgK1696Usz3JYbMFb0Jl/v6C+ZdmjyTgkALmxTpIzszFOG0mguBgFx1RDzIppAeiJgOYv14wmLJHXrJVJss+O4EmqP+j6RaMAUtHyWR+0UqQ6tKYHYYLo/vB8VtyYGo31i9+zrvd2zTO53VBNiKoVO3n6DZB4/XVtn40I2wxvjG0KWYBaRT4c3PQXrDtdnCPr5+1o31SWwjxZ9/Ot1YTHEwZwZkyKh9cQJm4rY12As0p0xRt0FOrLYMkbOE54gkbQ7xTAeEV1iLPRJ3SzJKGVSa4m88AJci5OK+3pDVfZ0O61CKeUvC0fDzfonq4qJqOwwTePE8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gImfg/b4d9qYOOb2iojbc/Cjx0J6aeJHyA7w6L5WYF0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Qmg1acnh20iHRqHrvXA+38d0z97R4CVF/sPVHUFUGbfira/9fQWeb59yzqheuwLUc3A9812Y+pWgECVkfi3YjsNE2qVE9necAFnuryRHmyTDKsQXPDnZhK5s/hBmJaofvevI4RzPjl8HCQoqNlxVpUlG9ZGOPmn06LbfWYoFU6pMCzWqX+dyaw15m/sGKLDWZjULlbTOoIpUaSCXaNzd72bjMKi422zS/xq8/TyIy5ogcWhUdDeaH2FgEN8WLffAaaEx6o+kbOFG2CoSwpcSCrUJ0godD8WaRrMtaPMQrpHj+GLcFta3ihCpFPu/J5l9jNLDKo7KkDzjCkDYwR5Fz7J3pgcvopwMO/uBQ5yHldjyQvmZF5xdtckDWE59II6BAsdu9b4qVYD/t3HBmx2Zu6uDct1hP56K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gJqgwlI0PNB5mbAXSm3p0U0a/zl9j39Dl3XnCNSZrv4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r1c6hSztadMf320v3WFlRYCF2Aimu+Hzvcj0laFGD+OF7Bpp8u528dzmaK2pw1d9lDqJyItRfexiVR/z3jNL+3RQx/B00BKqJ5joLT/E62I/ovP2yUYGOjhd2RvcaNawdMQXkrqIlIbBxFT/Q8piim80eOcmFLvFyl9VWhQP6JjpRSRTakiWKf4X+lRS09FtxWM0Tgkm7KzwH50SmbBLlzNoa6lb3VGZO0RYiUPL1CF0fQFRkbZLnf6uvuv+AkFCn4/IdFwVzU5n81SXJOshIAgVL7HBEhxU7LKlXSCFJ00u+FZQlUBf/Vvfi4yrEhjYysEa7efGGgelaM58IoLd80nep12dzpE9MAXnQR20AQj4a9EtYb26uKeb+T6V2G+kc5sAePcppFEvhVUQIL8AhQmZJD3kXdOL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gKFhT99WgjCCMJXlcjIISmVAzVdRqyRNevy1ZYXCifk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B1lSLFdYQQVWeLZU3pYYJs7L8dzmq1h/2/8yuPDZt67Dx6UMOHppyRaqF8PCAURbk3ksdpJq3tyf0A74nxWVM15SrGUdlKAjcArJpZs8scSRdrxCq+08b+ZSg/AXTW3QF/7Lz9XVAAncEI0xc08yNkcbnPRgI3bQTpgZuhgTHjSsOtQkRZOKE4duHP8zRWLUQcLG9PeIsFmBGDSkQsS+zzu85w3riWZfkv4r3fv6fMGiENlTuN+/pQP98HqcGvqf08bdIdUAionP0u52p6Qkhj2U7jud23YxlA/o1nC/znmk2Pmn0bJouRbpiJ53CVR063YVL2t1+G/6ueir70uAOzZI+jjo48WZ2hD5PIWIUnDgQghIcJ9bNhAsSRiCHGWrdOjpSDrtX0FfkH9oEQ1aRscvPSR79+4L",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gKJRh2cCVqJawBkWQ/a0a+leQxrhml1VGe98SJnVHBo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FKb6xXezdvpht/fjzvowv0o1Jz2ljVzzyq33wSni4fM9ZiQiYqV9mGIOvsLxgYTPSskMjBy9DGZJFeic2wn7WOa7cDF4bQpwaDztvxv6SgCBp7+IC0CzFuIMubmC96YMoBzXplbemunsipKETgWz5ES/WK0aJcIuC8Agavl1Fs/RACAXqRB6u6h1rwkx895+RUyOSrCdPbSh50Q2WS5kdSey/vPti0eVvQKdTeZNTZeV8asq6FZpFz2xQby9wb2zJfcZJ+LRn7rMqo/1jB7E/K2/7Wdq2KK7AikjOxIEeMhsFT88ya0VX+kERCH+fJOQkpP470mISZvwOmX4P+VKF/ee4aWdWMsB4R7ZAQVKtIFvBeqdTqrZVRtKG8VH3mB24BIuy3ubvVqSGse54aMTRO5460QHDbVD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gMeGwUsSldrlJcgI3LeDxiH+VaVHC4ETo9lm33qaDTU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UNEIVFO/nZ1oX94/fJQBcy9xn90bXIyswI+oHZOTOJP1sKGFD49b5N8lqyOxwLW8LACoFrcL/fjlMRUfqA7rlXs5NaqjlLMgvHqc9cxV/shy0e712JVd8pP82o0GwGgFqwLzawxtV00jSVYpZb1O2Qq4lwhJcPfM+vNZV097n+yjLQLF7ZzcznCbqx6s+jZ1xEsEEE2sENxAY+KNz41fnjNAFJo7nvVPhYag5Oo55lBVbLsMIB7Xr+VJ14XmJARIJloTRLabVSxvroAQcyp9WwRV09jXu3iNQcIbGMezb2OuQ0IKusuSx7EFaOAdwv3/s64QQeP3xLJfSQqQTYmW5VL1Ow2RuFm7vGbMb21bag/OxmCkCJl7rXIOG2yMWOhkcDDqQrs0emldDWNXM/auDGN9TR7HIP/i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gOjZehUbiCiiyosaYaQZWsUZzF5oTX6fjIkp0FfzInw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "K9Bbl5WtgXE6e5KSmxTlG9dOXiwMVXSa32JM4x6cmdMsUtrZnEl2GQoqUUpXJUURDaxlOSOQerCPdD8FSNxMnlKNDeYEn+c/fyRohmzbA7pekiQhNVR/TtzUMB+yLpY6U5+Hogln3mhgrZsR7fyH7Dt8XoOdvu737SpXlu2HmMmlmN+YzjsQUS8aIXmezXj/khKAZMO7THG1NjhTQvZJjTH3Ed2IqhwA50uZ6TI4nB+5jTGSVrP86JHH9i9HdDDH6v7Q72BXaBQqLkdSgJT5/21p4dM3GqHolcaz+aS1Nrr3BOHC6oqi57tnZs1pcOmlbJur4AiCeU4K70+X5Twxpdz7Vmv2zjbTKduZf77YbvhaUMdwaisECbqs42OdqXWCXTgebNHZ+QuUJPWeYO0QS7oBn68+YCW5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gPK4DrrGNqQigT8j1D4rbyI4jHpgBuxt4hc9sWLP+rc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AlTqaG/SSehCDdra/2dKVsRb85KWFuwHgzYOzffyIJdWtUt6x0PHC3NkAmOEVrXVtH2PZnFlHFoeJqVMa3kroITC7VWshFQeLl3AQbo2+KMlOWkT9ew3RDvfpx+JOQE4Un3LB6GRxfjfKEROlzEnoFvdVqhoDDHLa+uygL2rpyM/kTHcQYDPWM41ERyF77NJqtKsSTx5tIcNzAgofbMLzt1Wmkz0FcT7zsZG1Hu3bFCTT282CAv1H6+br8gMcRa1y93DcZbOFiztlsnSsVR5QwXj/vBEhIxjNCrt+PAptJaceAyAlHENlSy9KnO4oJgT3sLs/jMRkUYXuQ5abrUUf550GO2kWoN6gcpcMVMvjRHy5xODLZo/5Gtc5kQC3JIEtDeB99AW+qAOI+PDlO8vkByaiRituWfP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gPOdnO75sM2LVObOxDFVoMBnNT+5no6/ILOEEHMed5c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NBJBtArNF4pZ5OenSanchSJdfU1AKqKe4Z63EzcrORlAHKNi57bh/6nd1Pj0Ar3XlFzl8dx7DdEMI76KAhhhujVHnlY8/R0pUX5KSO/47+FRuFGgoVZStjgvfV6GPOSJBgTKpz1FZbkCiraRjmKGZgk+/ri5gyabHp1XK1wKocL9I5hE4GKM2gbtErHYvH03uh9StWMi2SVAPEVtDl1poWoXo9e2rjZFdTBcEBxdbM+A13rUa/zy2BFMXyHVFe0FJ7SfeQQYWLGYPnU2mZVWZUvB1vtp4YFUHkR4fIQIbZGBXUt+RMB++ir2OOLrJEYKa3sw2xPb9KgAjiterLBsT787Lsy2yAUxrre4FwGMKfJxcT0giiXURJVewatQnkDPwLxOfdpRihlhXb07h7OM2IzkOKzEgAjG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gPeeT+ShNmH7yfX/ocpkcSruwZRD7y41vGYOvNySoIA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2xWXXZwG7E6cyiYZ+xTSoGc60p1g8wZedOhgwJbRpW/NjtWzGzpq2qbrIG+h6fzNtuOc+/OMKRtEUWVHO7StZefSR1aNLu5HBxDAJtA/f+aCxNXdQ727xRW6kTwFytqhFalMDm0KHjL9ink62ioW5Kkjhz4/q8peKcZPPKQ87baVIGEnpk2WMFJLngvOKRQSyG2qemzXk/VACWT77yfzBODyGNDMmXotS232RXTMocSxbK9nNy4zPg2bescwUPQqPUF3+fvYK8PmrzqbfLM+J/zZ0eTlxuf2c9evV1KW10YLhjMVJ2sqGxxBhVVtU02A/Md7EXN0dQd5Va1+qbf/JP6Ixm0ng/yjthyQR5nH2QjlQQcburzaHDlDxSzjLgDuAhODnW2+hZImhANO/XJU+p70cxbZEDOf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gR1AfQWRPysSt5d+seTrUOfJG8uYTzV92iKjlijyfpQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AHGjjLlfsJZ4mbWTCgefk9hyPzIaitrJ15NM1pMUu9GpjJraaXSf3NUJjOO9VCfEcVYvadGCdq0d7O2xDY4BW1yjPdTUpwNNORDHuFGgUrFFOqlAa816Nlhz5xF6M/3FgBNOEPiKDNXW7yB/9IDnbab7nId5k2os7Pl0b0D1ZW3Vpt/AoKL7d4b9bNdq0EMy8cUgzPFqoGyXU4v32aWMLAxf1GBzkgupLT9OIx24AqvyqWsxe3bBWU2iIKBOtRbA6e5XP1B20n+5bSn2CWi7zVUBtoWYmROpLqyffU7I+KadEUk4QU/vMQMQLi3LHJM0bMT+LjyYUu7A6hypvOwhpMmOoaQlZJZUqS7/5eyivGcQ4NZIVGsSJX83Lw+caLikQkwRTU4+NmTH5CjEJDZ32TFlpz2dRSao",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gRBbsX6KuRjXqBue3MiSYOx380q3V3I4A3eCguXxl8o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YhPiepDyLS6TVpfTzvbwxILGh8izB3old7exRWk5eV9CW75Hn+eyskCYIvwc5DbSyg36rC2vVVbIfT6RG2oXbmTBUpoLRCAE1ZsVNDBTXh9TiVq7fa7Y18fj7yffTFSnPOnSgo3lcYojXdbo7VzzCq5ZJsMSXXy2+EtnwgntwSykz2RVZxWRRNlg8WDtXr4pWUnpxwqFBdTw1sr2IZm0oHJ4Mdtun0GbpT9fZ7D27mM27DAApQT27s0uu2tsCnb9xyEoEZh5d6cHxHvqUyOZabPTetAWIvLeEssw9Zb2DHU+S8ng7eKU+ZWmGEFlxiuT94nOzBcIx5M6amfZIQmnAXcKZhIyv2Ehk49G8W/STaM2A3IpqcHQdlJB871cIhfi+r3LkAwWHh5QKG3DFNvAPvBBByhV63by",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gRMKffDgXMEBerDjiFvVKKwxHcHmfhOcolb7+bmtOA0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XO3ccDirsNIVINFgntgmYBRFr6d75mKmOaTqQCPWP55jBuNexwQgso5Gw4pklCeK0/YjxuREXYGdL74BEp6I41uOX+g2HqFQhgF7jZZJ3l05wGN9zpvMENZ83Ryzoah+QVW0Hu9ixWRx5hlR2veHAYV7eqlVWA4mieHGnxY8NF8QaUChLGFKmyNN9MXfAa6RZDSKH86P4JWgg+DQj8iXJbC8P8wUhsOQyQZVB3XNaMvpIiONKvU+bHp9aqZ3u6nJSl2NmMUAmaIN7c7ezXk23CJOpFrWe1Z9aIZDnHHTfHEEpJvtQG64Njrhhvd7Lv0hpPR4fWFKritNhXbidaQl9LILVr+w2bhrTxvWY9ShmzI0A63cz+GyP1FgRforpw7JoJTgTyRkXSzAvI+qkkfh9R+AI9YLO3e1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gTYYPUXOU6gKKK60uo/xVVInmXv0BBpbQPqAQxOeh4k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eKE8bnIEfujgdHR5+/LjIYfaWpl3562R/MqrpQLxJ0Fm0gUBOtKm4c4kcQ3k5oMoJSp0IPimNYnlcQU65YJjS/j2ciHKQ/4lcc/b2B8FuyftclqXwixMPJE0lD+ud16gqDISZ/ZLuRW5km46kg6rVqBVYSudtuzBNK1ESy2Y+T9lZ0xr/WaQIU5NwqhbeW3eSJ8/9Rs0BY7zW0czAxQm9MZ2tYYApxky8EJkdP3fHxv8FQGQMsssjZoEO5cINa1H1XXaUVh8YmLSQyYJzWDcLegUhtIh6Oa3neoaJEurRUJPKxhF+GNro1zkhrNlYIASgF+8uIiR4+gx3HWqw/L8sRWUYfYzr9ncUJyuLnHr7SJxohJZYG8M2vKPOQtIldsK9jLpnE0ZwClnhCrVDP/wSWs+gjBSBeVD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gTdy3cvuN6GfSLH/m/ZkVSCnlQ4iChIDwUXkaU1pDvs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RQjdT0GxeI6WIY5Dynemn784Vu4SVgqbLkOOjXAFFMYamGgUoTVHbk5Mmuqf3APK1/t5IDtoj7LBqkuqlZmv3ylAoYgwyYWmvuCorWYGXTbQNKTr39BXcdFVcXoiCJXScbCHWi5YzQNiHhToGHR07KFDiZBGxEn9A0ALyXg+/dJu9nqWudrOTs6P0+8YlnxJMVNgpaCHLtGDLvSRbTuKlZrt7Vz4MuVERyBPj9PboxbjjMDfVyN0n6eG57W5vuzVEFFo32pcUn4+KApMiir1WqBQdjXHEYA8w+c3d/WiGWk+7uWDFLjCoCobqQLrd2uCxKdwBtJOj1+6IGRfgrhAIdy+XV0HB9huyWfoLybLkimW4nXXIPLwXfvfDHCMcfKa2OP7+1gEbMA8U0hfSdQdxdZ+j5U93zHg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gTkMG5PbBFSunMJH08pQf9IAXislMWAFHmOsZfIP7gM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5zjZlkPSBSfZGG8Mzfe1DaGHkFQUv3j3KJ3uNj89XEEd0Td7k2rJ7ZirzdlAVRtviFug5/ec5ksdlMrZADe89Hv+yHwKBNvlsEMisILB6wgcJ2VDqz4Y6+eWac41Ree9/oZmELztcLA7GUv9Ndi/M/XfiC8qKD5ZfOLpYAKXcJfLTpWOUTLeuyVQaVYIn4nzywX0bDlBOOcBXxFrAsL2C3BWUprzrc2xXUXM89cShz4q/KdI4DhQfoKhSChwrN7MsOggG1/qwt8fjPXh4reKWZUfbqKLXzHZobcpblQr5tvNU/ZIUIc1NskZ/wT8Zbr852O1/+/z8gMgpDTg1WD10pTT+yLvxYYW6Gzic8XhbdIuuNQfUBIST/oBZuqY9cBjv97g4IWJqJOY678dum0Qb9ALIVElTK8e",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gTsNLffarOYtUquF1ooKxH5fcXpiZrmFsimYpt5LXSY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+8qhmxXL/k3HXhXbDUDCIzSJB34rw/0KVLlBeH3Qkx2JVVSnt0XllRr7fserpW+pP73eQQyejKMbgbeBi7iA1I3TCSUkqzZQ/YNbrbNsbeh1pOXO7WYhaJDdvm4U6ztJUVcQmiTA8MJjLYy9jacyw2n/XeQw/fPA9WZfTtGuO159yk6pRV6VSGH0m4f1vpOSKXATqaYlmyDyUf0s+04lbNT/nM3HGr/4yXd8K28SUaqsxildLWaoWAmqnjEbPF04NHkgXTn2ujKNwint0xBr5QDQBUWFeZlk2reBZ51UcvvQbXPTVLEGYTFj/AIAr/TY/PUKgqBlZ47n9WROpbdk88nO7IyTYpZR5UZudLBJZvTdbe1HwgsV1jdHftqNVt7uOI8CeaXSQJIMymX6VltGHyOWYXdt6fb8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gU3diJ6F7ChX+h4vtw1SiU3xcCakaSyheADPILUFy2M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vuIxy6UymkbXVxpI8N9HJiqA6saK1RpUlROVoJoQ+o3GYOENUxTmE0TTPXkW5648p5ybEaU9bm7IlUq6grt6ad+AzA57aGQbgPk3nPHal3aO5pjccmfvgLQhYUUOEFdxeGPXLcsc4GCohOx5PhnrWZAARZqURrprlNxcCl+IFIpnF7eVt+bFBly1jKIza92myfITUhKGxGLm0WoTC3QFSEs1F3B+t8Hs0n8Os2rDg56KcYiqDnOMFqBbDXqtw2Vh1Y4Hd0eVJmGqzehfus4Tnb9Wlz4tQLWwMYxkkSehuGo+WHQT9boahEmib2h3zwd5kisNJWXpYvPAHQbGOF2GCMi7mxrbLbvdvj2HE0wgcA7OKln5Jf9nUxn06vliGTtO6pxQnYHuV1S2HePJ0Dkwh89HB6OWeGqT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gV5Q1dAjUMk/RqONlyiq5lohtbEjqaL889nJtrUAbcs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LAEw8F45hW5nJj27F8FtzWveS8dVALgrK/TisRJj635duBxXboCmk0Yn98/J3FvphqhyJArZqW+7quIwbhe8HXzUEv8ZCHx1Eld4SX5NKQ0WoO+ZvC5hZtmBWK+OqxaBVi7dgUpNCS2XdCVfqydMxKz1R+MTfJh1bcPts0UPTyNaB4GTBZyavLqxsHa+bjyFE5q1HTkju9ZtJiueioZeXHsUtG9xVDmPJWcjeoC9Gwa9/OsGQhcbPee4xqzlh128FtS1TfMIgHrBXM0Ijo4FcZ2KtsK9VYn3YXhhkwP5pZWhgrxA7vSupK3+QaynjO125Jvhgk6bggBYpMin5wMqJ/KrEyYn4L86rdGP3PaS++A+ZVWqxS2zJC67xzZQ0jOd3Wnrlxw1mxVBnRodXof/P+0LZqW9+s6l",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gVqm4aNWNBnBHwuWfnUZmH+J7Fa5twHwhgrsk9atN9M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A3Zxt1BkV1Q+atdu67UXzxQ1gwDtVie0pZZwomlIABvDpE+ytlkyzBcrrGICfhFfsh+t1J7Nod2Nkpm/b4m6csNPv1gg6/ko5SLKopTHaJgkfzCyBqQUBcQlF+q29b5oKdNB+hAjMqqlGheMiUZgmCzt4K/vzgV6gDPYyvpB0VB/SRg1M8Qjy/nwLu6O3sqPd5xkgCAF6qcp3lZzNBlJThXrldWTlz9+OspvRAqmJXb+ZPcHdWE+MxXhybq3+T9I9qe8jENzD+/9Xqfh7I918LtCOdWstL/joXAyhh/DxLneEJWLyyStN33KNXdbTk7kiMt9qnHf4V5L2WKDNV8PKZO2nfUxYKwKfGTs2t1BrQQqLAN3ChIIWaAfNA3s7zw6BCfK9hWIKPds26UhDrOkNc2lsub/duhg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gW9JorAYQzwiexPv6gnZG/NwaCiWGDAnD78YwPRBbEs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WlVlgWdDsYNAhFe+FGm5LKPpnhlmk37kV5rHmFzoESpKqo7pTWpvUQXTmto4tupC3yDDoZ5MDqgTt89pb9v/1uNsqVxLUzSYRFaYk1nkfUrRIU8MLltGSkbxyCgPrbQJJw28IOFaYlO9ZAjK6I+UPBLx/Q4p4BBQKxzvgn1eRsJTGMTYajN2kG205P6aZ5Ar8/kxaaACfxFXo52AE8qTMkL1KE7YDiRIyNs4qrGCWpixo08llWuR0KisM18n66MoeUNFW+9jg3NQ9FmYyGBBwbAehDuyIRT3Xna9l2+u5hvvE7avATM89ZdPYwhlrjYJQorTMqGTfisAHdzZ3lkW6bEjE2taA+mgNVJI7IE9SeAeBitOsz928fy7h9RT0wO7QwmsV/U25kJHC4xuS1gcB6Nf0aNGcKYN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gWNuHqRPW8kgy0ds+xyg2YNCgTM1L9w5rg4Vrhxp0KE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2lJFMJxZuVi1dvEG+5BwoHIVuBbGg77ChAWSLXJeg2ZiZokdoBS/peHGAySHg0my+ZibqNsc1083ekwKdt3zZ/vyYgzZAxf1noo6kUlu5fIIIdyrk9DmtiflGoSE77HA1cLfI7nSWq4xWMFha3iLfN9M0AIN0YEvRNXHad0rCp5d38TXjv1oPFNrw5dT02QupKeyRrPY4Gk8UfwYz/aYofjThLIY7xWU56y3QAq2ES0Aa8xvkXbQvPtQUHXxALT+s5hl7tTr5IDm/SYrGckkxx0j1uRN3n98mTA3h1eG1cyj9M182a95+GU/NtsctrQKpatK1yvIY+vbrZ10p0RSGDmLe0tYV0HBCg29pwxW+jZ2WcIfSeL6BvrSwKROwq3yjBbROCZ+KiayxANaflupXBUwGE3mtTsK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gWXOXoU3HxcmCVGBCjvjNiMX0pshM+hFwdfyRgDD4Fc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pk9iBPGZb61Q8GOrJmqKl3aQqnLj7hbnrcw4fbBYp4mqgQX/nA+Dbw6cQ6hRfpYAvn37OTsahdWynhEMqqMC/v4ohI7p3W5yExKFkUQQnOjdwwnP9thnQfo6PPJI29NELz6CyI6++sbc7CKq3KbUVWzzUj2NWI3ZdeZ6ed2lp9DWMgkZ+mcXz90iUh+jrkKH1NEUqoWD1LUeTv9PypriSYFLUoOwFejXgXsrZ7R47rxLogeDu6yCoGFzsi62QvH5pyAz4N0BkFnSmWOhdfHRyksy00Sbqn5IPvrSLzKy8CSTTXxQ8hHMxh8wP85FWbqwD7epyiLzG0zsyQDdiBBnPkxZ9NJRUm8v7+VG+gJcB6axbWCQmzf6mKi70NQdtD3qNgZXY3pSFPQXPvl2M/R86Q8RhIf2KT+E",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gWe4UjRyQBi55zcYYr/MEHgY3Bqsy3rHbb8eQ4xqUlQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Xtf0X8evjhKczeP6qw043BFHrlMKacmxErgAQSlIrLtWkImmZ8RUnuf18FfWN0AKZ+m/yU9SsDzK+LbW3t+oJ9udSzRy+3b31awHG2H0+deMnfQUdPLqXlRzh26xyswSR7XCQIBgUUDN+EtDHCTZCGaE4/eGklqVo+MfLxMGXv6vl4+IQoyrB9z6dOGvztNosg/bTcs2B0LhUHoHMRxwIeUTbk5QBqi0b3DbWGIP00SmPSu5oTx6HjlG1CYLeEioO9PqL9AUCmvxd3Ok3WX9FFriRUo5EMrM1BLvr+z0GWBUw6AX7hkzfByAc0JSE5W3gLWDro4QhSoFVrXh6GHbsrvr/+C5VzgYqP3PHViSsLEZa6XzuDCrqzqzzr26GZtowV7j14whTt+r3d4s+HjOCqeGKZgjnAQq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gXNSXXubD5iSu+fYyHDUhFE6g04gsPEnqk4c3pxHQq0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HHtg2hUAv2cOzdWIHvQARU8c8OCBYXIX+v2TZh7xdnZm/CUG7ReU3hlZ78t7IQPzlAiPfGTYEpsTwnrxmiXOgazAjBkuIP7vXlg73bsd/Pa4gfLSzcRvyD+/TAclxIfhajnOVJJVS9n0Yh1LdYAk2x3XUW5zYW4XqTBCLqSwTpv4nj2+pVyR4AN9Mp/2SUPUqZ2iFicOHkLSFxc7u/oQ1rjsZ8z7OkrkqugptareLB/Y0sfFLtwCIOKquhn9WFQuaZXRq4OceCpiipjAb90Cd2umBtK3w00Onlt5NMM0fzTmsiLcDYU/HFIFsBe63CNe8LQW/McLJvwGedsGTUfl+ZJ2440PXurTqUB3hBFaOYbXQL6mRQn8ySZdWx6e6DFiTrSku5MxkDFNYP+3bQQNXoCeTUbFcAoh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gY13YZD0urZzll6d2Eb8OMrXOGfNqVrh2eJFX6yQE2s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Lm2C1wtJOSfU0UJ2IOziHTikJUlezhtbWfK0ZgdjQIpz3MTvOGtolsfX6XKsmbnN1kqfdeE8bC1862ztg9Lqqt6d3ka3w9dHPtT5d3PL5TXUOcb5ZzvOaOM0Uw4ZWOD+OTwBazMVKwyhRvC9aWCWzmboLu0q09+29QrG+l6b+jKZixMdsjzOZCrp/sdz0Y3qASSWexbF5NhffHgLXcGrU504Qtq7dVMcX7LL5WlNFZy9s0I89Bs6w7djQbuxx4dA/mN3XMOzGWqUG/uspTKocibSU4gA+bY+icp7vYK+pQs+7L+3WaE9WqTAhrumFVtCVfsE8UacTAkUzDEPKuYJDxg/B4PNEmHrrh2dU7hD8ZtCrOsIXWA3gbrc78SsMgcuMZj1NB+55KMxzJsSN0QRTw5uwas2C3db",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gYDe238UklA273nb025nk9mO/HDossjLQCV16Zdjje0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DZWU6BM+MeCRtHikMIPzom1fFrwcUZYnBNlmxG8rvta3X5mGrnmhUwXy2ZBGd3AGfXjLW2j/UQjAd4GeWEJvmfUYn0TIdB/oUJKw03Le4z9G2U7iJtFdWbHRWRKr+PXrvmX0uF8tGbHIz5aEEcU5VjDxbbKDmjM7ggKqfSOYfsMND9aLqsu270Hj/+Kao28K5OZHX9vc98XBKTIzMRUkEPBsoDrR8B+zaYN0VR97Oea43Zf9sVxFvuJOuT1hxkFo5vgAsj7jJvojR9SrrDRvEx8WQegxToI4syt32ycFM4LEIjOqjAfdjUas0JtwO/dD1xS0j1pcziHq02J6sPWbLiaEqzmWbo+BcMARD5q+0q1N+e5Uk1nxWEaheBJCVvy3dGtArR5YanfmIcFM81ak+Q/SurBER/Xs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gaG7okBcS6eYxhmjR94+XKEPCzI4FmhIr2RvmqkhCh4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EDoGuclXo9IaDH7mYEjM3aK/z5hdl0utITrBVhzTCBTOjoSd7ThhQvnOcIb5qcOP+u7qEuB4JggcNGm81Kt7TFeQnqr85c0R2z5K7+DixIJfpU4lp3ifY6Fi60WVqzT4ga2yiooiuMYsCGLyuklSKPvHA6/KBSI8fswExQMYB6CbotNehpgdNcUoKw9w9Q6EiU/U1r5T8NO7SIOWM1xzjs4GhKfgSfuHAH5Eu4A74IBE/YJSoUF6TMbzoZcUzrD1AJllZD4v+sNGOpdairbO9J+BN1KCCnQ9WsxTeDdxd4qVGa5arCEeP9Ugkb2sdSj9iOPjRTiXcOUD0QG2Z2gSb61tZjWtptpgafON2L4WNX9qdxZrGgm9Wzsv9YZHq9wjfYExcE5k/zkUq16tKaPQzh4BjACmI5fD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gb4AKxS8wf2e5oa5rgSXWLKm+wp7FFJ2tiSaU1xDSa4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qMIAVm0k8cLHo430x45bEVI0cnMWW4ZQmMoJKQ1qL/CKUE+vfiykE0LBNZxW0CbQZP7NTBk66v5lGGQSpSY0QaE69Jsx2LT3mWKYT5HSsqNOOoI6jrj88Yx6/R2l4X2rpr+GIM/11O1zsVaUGKzk+/OV4oTr8ldCz56PzoWrs9uC1EuQINej7FHiDeCa9Jd2h/+y/5lnF4lwOYhNF4jvygk7LGp37NarXcQQiJE+nNBuR/FYtvoFz0aJSsmVZhE/LYvmNUMTrm2X101KHzV9jL5dwEOk6xLGaVqHR1bTaGNs4jzSeadpbMd3kKukhQ0NvpacM7hbgnl+wzLiXV4mNlur2Pkt7IJGpAfhEG+fFm5Gc180OIgF1rtRx1+K2DSx6mr4AxxWS0AjVcyN8WucXCQJWeyQVOUY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gbQk7ZSq3FOAYB7ZRI/pvrELAqiixmi80hA37fY9+yo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2czz+aaqjFoBl32e7sXuPzJAzXM/UcCG54rQ3CNj5Ddaop98eMj3EmL6HR6uAAFSjPY3cPYBPczMgQvxIezIrCt82Y6BYJ8b9poiOa4DOhAdzCH8qrW0UW4PJhzbQbVMD1IVlpaPCy8xyCpdapII6aaJG1ID7AlVP4TbYYzAqlWuexmV9YDdlpMmcZrzBgNHRuADKO19cusZmFyI+Iz594aZX6TtoGqftcyaljVmwZvUdUwWoKVH9ztieWtxWUe3XxuMFnb7Z9cV2YBIytKj1blbnFdp8JjP1UOooIV0/ay1w2vPjx7RhukQw0tSnshyEhF4erLp9Wzz3n8L7pBcb3ynQwQn5kkJUPvXazKPg1Dbfu6w5BFtGpDjnVlOcmjhWFqJW5m7DiE6c1VMbh06xwHclnSG03od",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gbsMK9dXeiWOxDjdKxoZqEfCxDiLFG+M6P140s0mQsI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zAbBHJL2vhtN87lbqx/GxDwrEvPDMOgIHUrOsP9HRaNgFlhgWjvItxuPIFzFp29TZKY9AuSU26TNtOOQxX5Qy+t8XfAngEYUJR2rZp5IzvLHM/CHw4CaAV5rPpoZoCWzg50tai/7V5f2Yzi97gBuLhzQi14GhuQIFjEaqjK9M/HZtoVzU+Qq49X+2jsGapVC+ekTlt6P2Fclr9pW/t7H4vsOJgrf/FzPnNlmzHxbvuztjcw01vuCT/3j47M1c7gXw2rlTJtVMs/uj5KwAcPsHDTQutDFdO5R2PwzSnIYRluoOUk/TFfh2uyE9V8CJdWQsZHwJNguEG++LNS7JBP/zysoGynKSX+84M7fwpfOi7iGLUEg2YSCXJSNe8W5B9hu70znb8LivGILETGM9sOpStVHSmMRAe2/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gc/U5GG4gNnNWKXqrYlAFWbL6GzRiuuxw7wglTrEp0o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6Hzb4FWF18hEK03q0AHjWQ6RPDenIFsMYCDtTlr4d5+satjbsd9M8mS+gOQgGRotDCk47SxwIy8y1a7zLQCS01orko3fXv1dMIY/znOsn6PccQKisM6YPG0+cTKdXjP+r4jWiE/8WLYiQqdFVOsW2swY9y+PaL12fMDJMplA1Lk6w/bmpK65e7XFSoD36csFM1jYifhUHzQD3m+11Wluz84cdE1jsjBe3UGTm+zWCCEAX6x8g1/NPnr4Vg0CO/IEsBocZv73P5p0rESt8QytxVxnrqlHI6i0+ajSOWAgtZqJ7GJsWWSI2MWrjLSUMIGorkUECHnPH+2r/SmjO9MjQYEnq3+jnBFgdRVk+92TqvOuwTEex4ES2WRRRqhGMpQty0MJJ5zNWHgxpzUYmuL6V1eMLYwr9FOa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gedZBEiSklOwELcBYiJWZudnBQUaCvSDz3960HFCzKw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YycM9jLB8UgCWPVOnFSCYhVLEgsByStEkDKaVl7g8L/47Ae8vmoBG7viTisEJFg38ZTrvzl8bGhgYK6lw9WXZX7qEL0Feiml7A2pdN+SVsomKIM0ezRJ4Wp1fSzHlUZy27W8mD37wJFwoefcJ4bWVUR1L0lsVuPknUMD+UYxEndKpsExfnIF7EfrD4+0uqHqKN7Jxg4t5E7NO9zcv/XlyIGKsAjV3i/5PDKPjY+J66t+eduGsAg/wv1L8zsUb847IIwBdMCYEM4ApR1xPN9eJ4/Qve5E8OLCZbyC/5HFyTVMNGiWq672haw8DTikzvIDZY2oT0J1qWgXlo3EKrl9f3prWKPKRBZIZRtrWVcVKFlkASI3M0ZDjEY+127hbNFI2f1RTrn2M5GhDcxxAyjtD+M0TnGzBTZu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ggAdO5Ys0D5A+2sEK4zVDaWzEkX1FlQu9BbF4V3osfg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A1aSPTZqbgMeVy50Xh+3vU/i4II5FIU7yL1GbWy463tikkJ9Us0dB1piZmbaVxQj3MCZ1NmXswe7zD05W5u13eGcHhsjTn7ljgMMaImYkpi2bvfwQfwv8qVCZHtUp+4jIqxIpYTYgKuAS8wXk8GdYpcGLKMjYuTKRbqAVExx7aHjjsHUum0q9wErFOqiCuBZtyzpLc/2rBS4MKyV5QgtB3cCVCBmBCCb/jfDRPNeedqvsssDsxO43Bc8iCFLY63XvMt0tytXPHjPFjrfmVAfw+8W2a1X8w28EjAuB3Og4JME99xGv0Ao0fOsCvccrYX4iQonZw6WGSOmN7Tlj4u4wgMZBXwYGHZdgm/kwJALivFUmxDYXEnZkQyDqffF4g7dsIk2lZDjneoCmgQjh2ADumxDdam9aQc3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ghGYa5fNhoQ961RglOldJBEzpDFBBRTkQbCQ8EV4+Cw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sLEFMozC4eI1DW3SFtZO49oqCiqYNl7964Q1Ybug+H+Vjx6HwrgKn5A4Y5Vxw7InZD2GvmJwv7bWTmNgSgvszyKgX5rg9zgj1n7PJXoMa5P7dkKyheR3uk4uVfvM3t3DYKcJJBv7JSwO7zKpPzxhnORfPPHdQgo/FD+JvI7QsJR5ebskN/Fx/+5Mer8q2gKJkaEbu72Rxv8EDl/gDVQvQ7Vj0y9S5dfYvj3239HIKUT3yJzqpAVwfSqpt96Gss1pVMTjKrXHPXbC9O/XbbFimeQx+039rqW628b6UfmBYA54ZyB6IZdCdJqdRcOxUzTbH1+PUe4CTcXS3NLJGcmjEpYw8mR1fRKfv8NPGTzEl+1FiC/Ccn+AEEEvekL/xl+Qkxh91OnyGqqf5Mtr3iLAyoJr6xWiOSwk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ghKoUDNAVMVQWhzSNz04yQlssG6JTY933tKLGI1uTzI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ko+JDai7a1gp9CwTA5vZsETmx4DJrvUp/oSSrvi43gYDZNro6Lo7q0Lt6KpnXU6zj4C8rpUcBBb8mSSUdXKhgdPB10gvtcBwjq8wEEL5qqKiHgn36jiuyatM0aLeYz5VoH1qUIyaUlHZ2tdPaLywXWsWxgyy8pLTNQgBOQSRymuz1460wULl8c9h9AQ5jPqX8YUcxaVjNanxYYgwf7iPZcSfYfHM09XFCoX0IqpnRJJhF34JOlAiOuT20YV/9wchUBEPEnC/t+0JU7I1YCoS9XzrRdI1WzMnFfiGsghdKyG/obAlU676qbp5Tq+31uMtokmHAFyAgQKznYuWEZ3Wxo7nxMzK12Tce6s8u9pNxjatU4jJjy2AYUPo1VGEcOt1ArOwAK/uWrerJp5gTAolPSKkQe6xyFhP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ghOLg82DvGe+rKhq/2pOG110PJiwD9EE5uJT0gdIFAY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ixtLRne9H5icwidUMO1xtbTkeoxHpt5+l56dSdc7atDXQZ9Lpyp/Q1zUB+5iZIXT7ze2UnFF/WeRzJn+Dny7Tp5vMnlkYpCFUODtFCVS/q9jNnjAX0PupBUrJw/EgjWQjqgRWmAhr8RWKpgl0FlKF8a3sRxdpBJSmj352Cs0e7wKCymDNZIPm77okrIk7tZopJSAlXBtPZ6hI30h6gG9mKaP1by9UApTGztgIrua3RV9xcbqW3OEpwC3lUEDIQmbsnADXLH6Ha1GU7m8/lCdidfHRTOtzIMFpZ+rmRXyoOshTMdQl+buKqguwBRcrH/vno2KT1otR10vuUMzcIBZtw4aQ/5+2rDcnGLxZsPI+CA6h7PrB1DliMpPb8aFjbsc2THQ6TFyJ01pNRbv4i90WqUPMEXoCZzV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gm6IuxrUkrgRd8kLcBH9YcwZFNDCUwp02ZL4x1eKQ/U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i/7CSD/wGyH1FOCZ47/F0+BEyJ9eja1adC0w/+cEGQhZV/J1mHOdLIVvYXApiP9mJN4egVkAG2VY4t7nRNjXP4qOmMQzAuo+bbKLg5RPAvWsdaLvSOndGJ9sGuAqISg0ousSYbIsSprx7ugejCJLDveungALbMcZQLqmuH/8pwAmz7OklcTugXlR9QPL+hise86BXrQpWOwhU3iMvl/4HsJfYuxUqSYC9ui4VjUlNdagrjg8fzXnEyYpMJqyRdf6RAqFFqRpIYybg+kWMq+to8TakVXNObnNYMxqKNEXF6fZDW2q9jQCGAhqFrciL3fXe0/WEFidHTiw2K7IvUl+yPBrok5jzjBa8qPxZZW7go87HezxyvwSHy4LfU5+8fyLERwFZM6u99G4v6GmhaK883kWBMm4ZWfC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gmGaq3rU9W7SYUaOE+OjNuGpwbdCv3oR1CaA2V6oRqg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wYUrQ0d23MB8UaojNqZ4IejjZkvHAju9Q/+3mOROpmgbTG6NY6zvcqFv4v7k6JTc/vJmKpakNDOrKzf5P2BWq2FEdClX8IWvSoSx+T7b+iOkTFSUoWEkqenrtOeHdjwmDyZR/YWQM3RfkK9FdemY0N47nAOd3yUlNbkH+D5v8ZX8eO4yNGc0iyZ7JHM6Z3te974bY4SUNJobX0gdAuLoa3D/LBZ34Me1ZW8dK8AdzpzXXwgpPVZMoik61Crorlj3ktVS28vtB8spW3kCFBAj/hqoSc8Wg3y1A+g+kotrayG5NtGdc2kU9ZqxuK+cRmbsbHQGBSKH/RQwx6ZXZUzHEFwfIlIkw0Q8HAXKYAd+yIWnxw+HwUUzQEEQQQVdLAsn5dfHt0VaCKP9KJZnIGyl4WCbCaSzfhBP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gmxBLSSjYuKx4A7iASNfVu3jw1DC6/KDLYR65SaWJpQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pF13NWaNSgGISsutTmdqecSA3gAx3KJ3DWUWENupY9ezBg6IndFViSyunouhBlsAmXpkQ/0L5zL77xw3691HvsDThMWT8gCW7riKc2TXuXrooVsZhOzHGww2aE1ChQ88Yoch7CkMloYeDOLHeAUFHQX2d4A+xxjRal2Aqc8cIfmli40FLSon6pC6XAZEbjHVkN6CEl0ii/1LeP4Z4nw3QW5MAqj2aB+63PnTTBCRVGUMNpipkaHj4we/BQ9ys+XCqC4p/NJvQlUXqaU5+N1X0X4Vvks7yuwDHI5Rav98ReXKbSkh3GLMuJvpnuHSaWIBvwFXJOUMf3DFsD5P2UTHLb8PqP+b+RvvW7hjvXhnKkNrKAZmAZYBiOZ0nbu3qNXA+dj/85DPiGCpNgHmFDZh421UKxSjN2uY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gomsuoHwbvre26Y1LBTC2CC3IbBNtNXaLSjW2/9v+dQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vkjclD7PwcDHWkKS4ViHYeE+wKRNQchfRyfJBPSYPqCPATj1LHeryfsdUc2klNyXblutnLin8yBCdAkpmuaoxtIMMmUZyB3At68bZYxnIag19DEfOx0mGS7RQvGBPMZA7+qvAsDqwp85j3sj7uPU160Tyep3cGsofOjTt58gJvvIlMX70IgjDTYZIrIv3dENj3BkDuu8v4wEDorFqvx0GoeL9UQbgroHqazcO5CV9BSKHLOxhmC0PyTBLMlPkZE5/or7IlZVu5PjVuSyDlAs2iXxxVjzP4aSyw8jQZ5M9R4/bcC7bHZD9dfP+6O59Rxbnvb8iNF/JebqC5z5Q+EtEPePoZNiLNxLEnJc6+qpoVx6xpEj8hwGNJpNd0ALE48qFo3GxE5MTgom7EFXGkq+wzbxuwySROXY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gp6Ucit02CgKN5/+yL9D/ISzQbNSlKOM8xCpkNNItZE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yUmg1oI6bOASjbEn6Zm7H+1Y22cMTUNwJwr2ssDd4aG1goKC/HFLBHlqegllrcPJo5xJJ54CA9PN3gfxLre78omoywuBOVaojFxI34MGGvd8rjOzsObaUW+LlhuuDsN0nknkIMSsXGPkW6rXeZnxhNULtDPRNmDPdDukrvLnZyu8J8B0Zdco4ErPcS0cGa1e9pksna/3ycjszCoG2e6E04WDXnHmh6tu+DLHRBpCw3+s0KECDyAoFFBylJTg6FP748jdDhVCnqAI8hzERog060g/uAEwRn8zHrT9WuvlY/znB/2PLQn2l9P7lhzlwHWZi86qdPYJKuFXrmyEQtj5/Os2tIwCCiuKxBt2E+ElJqp+1pv+WvyCTLaxKUS0fEa994ucLNkOfslcBdvItpI9E6kmKESp9Dra",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gqv04i0AT30Z1d1/k9DCQmzlzWd/zjq2FVmjHjrjVss",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8j9s7GvgdC15pPL9x/gJBrkJRXcB+8klRM4QRsoNnN43yO/vR2v48deoVToR90MJYaPlNf+7RsA3riE2Lbg8OKIjSVUvtbO2yaxb/Dpm5fLAstzhCIZ/5eVT7xBQzKPmpN2L6y25+y9Ce1hX9nqC9PRl4V4kUmLIsoi4hD+yIPR/ipSJAr97f0mqBrF90uSMLdNR3O1orDvji0seI1/fgw0rfmWhPazoZkpgLcwYXjAGpXd0TtpJ9Y2sVy0V8G95xWO3Rjbzx9ICRNCxrbVmL1uB4vNEDQHlF2oK2cgOei+JASvlStvUsJ6jOn2g3+bZ3R4A3nj+/NllPwKZjY7voJLN0cboA+0JCHWNc11gk4DgXcanCOW2YIrMxZG5sdQ4BggOzFuV1uxoCJ9Zm+5cddIOY+ZXL8v3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "grNJQhZX6qTG/yQbtUUc5w0hem3ZFHQXGnwWeJvHgLA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FSOqintBWGSLhmwGqub2Mq/5noW0b50ZWkUAxBJaU2sjo9l4pdtDly0aV84bUm9Ry8t5Ct2k7oiUU+5CJg0QufEflJfAv8HebcWwZU5CWjudtYa3FOudZX2VSjOQSDqEbgBmQNmCgWyQNx+BunQ6fENFe7swb3grTB5Da5TXSPThj6BtFM0ijFlYa95sXgcBBZR+BR9HVNsffmPKrUU4ig+/UA/VJyv97dniADTSwno0JVpkAuv7vMuKhmCIIb2/u+qdvVK3XsuwjCF/mdtGPCNOWp0mlaE10mQe8woF1oFAA4ftDVfFyV2C94IF5am827ham+OUN0//fpr02AQMaJCcY6Rdn7Jbj1fs1wgE2dToeFQixzIwelXh68I/c7F/L+0nVP08Ucnssw6vjsJNXATJHD2TsMPO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "grprTnuLUqcIA/6nt3B4JusQot9RfxyiZ/BrZROUZRo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JdI7nvm9hIdBccZ1qfEPcrsPnZ0SqpflF+sDghnTvAyAx63L1fzTZBKBOWfBPlzB+QsjcSYaksBhnS6DEeo+G4YbjVMiQRt7v3Rn6JWRRNSsmtvOL+ZmM+1FIUzQFJRf7XZcv8ic9Add8cS7BH+EldEXDmT2FWogFj69FqXKztdCff6qY1gQWJCfV6zEA88DnjO3PlZFqZjuSVM8EmGO10r2IX+oQoM/qzxgHvP5RO4sEkgWO0Nn7lq7wY+ay1Bn5IpZ5Lfh1TbgoZUuxkMWUkl6lH5vkhcD/aC/IFayNaWG1jrddHx2Kbqml2WEDDKI0gMoGZzfxD8Xp7BxtJqBJo3TE4+MeZvdUPQCA5+uGLW/88EPC8AWRoYcYJVjPUXONAZFdK2aJG2+kyfTl/NWTT5uq05u7Vu9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gtZtbcKGCUvxxeiZ0wh3iHww4uX9tbkvcCaqnCh9l4Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ayd0suu8JCvMPPXtn9/hhei/FT2FqgdJT+Z+sx1TJQ90BRUgn0D8AoM3UpqPrZ0OGUHYbqt8nh7AaVnihzZfObgpsoXr3orCvUMLEDQAif4oCXtjmeQCm/+xfYXJEJA/j6SgIKYfzOOFBZOhIED39sU5ZHFAzLfAmRIz3/UTyfZFDJhfsu8sU8lmPac+cdwle3+f8dEFJX5pTbXe8NUiqZdE5fE5oyjjYHdotrxbIUD08Cwlpkvd05lnspk6kpdFtur+Bs2pjb1LioHKVDVYF4ZCGNue6ll/OtzAkQZAqsVDIeADkmAR/XP/4dDyMnf1fPIdVM7L4OqAOez+MdFxCpEqHiw9TpfCwOXqGN4Lcmtvc34CL6HEi8jViCnzumUHUQn9XWVq4xpQqt6Th1hkaSW81U3QlZ2z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gu+xIMQL/RD1rigPKKGnmskAKPTsl22I8Awcaxbmtek",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IiX7zdg8Jlk7xfXoe953u0tzhdexq+IHZLRm3Wuzi9rJ3QiZTxpXa4oMiKZT4ROByoOhSp6IIY8ZOGA72YSDwL4fo6AW2poC8Nw2JUNKxyz4WBDM5l1DmlkSRff6IkECmHJhKOgG1fevY+Rttnn1YDv++6p8Js/a30UqX+SG3TRtYlbJMz+KjwlDmWoo7YF/Hfc7CaPmKlJxBqjqrqWqMncrrWrMFxHvtFA4QueTMpITBaK52XozHwH8duXiWjvRbRdv77y7xB9ew/EvX74FnqrcTj+vD2yRTgYbuJtW/0BmdPsy5bKKJl6GCAB240Ow95j8Qpr266T6jCmW9BzNmX1w0i4GqKvUFrP75nmjAUiHHOmtVG+b759B7COpqPfY+Wkwzyw1LReGHyc+WsOAIrl2DFB1xP+m",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "guKafuFgW9coV93uSNa5LFS3dMsbMXmQpNNSSeLVM7o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lF1YsfVBVVpQLmLOFr3LwYLZZjiIL1gV8/1CogRkak7DTmNnpaMYz0jSeK8/go+oOQKa9n7k85oa1n3R8w4ZnFs8aInbuCFdsw7xQ/mnwSKVgDxYpV3Bi/DB8XLIEVI7BYOdP/CxRGTuY2iDHVPLXxka/JjDcXP3m968BAWi1sC2sZbN+OhBZfCCAGkjuQ5uf2XHwLdr7vClbHnA86KefLP64c5C+Oejgw2wN5ytjqtP3YX/eUBNqkE+OLtFnQKE5wcWSBbC2uTK/WVRqBk/jYLvz8ccauxkWcJVTa7SDZa073fM1Ng7paFyaoJG+WzQF0mqMc56/r6vLz+yKx7RdnEtinDh3m0NFp2+B2cpi3e5NoGNmDWciAbrWuaS71wOn5M4+c8CBIdsCiUhf82zu+eay7PdCjb0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gw1BgiJ43S7802JLuAYL79Sd8lj7b9ctEJYvuy+WWus",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uzqXqhNZx4u3I2/LuqrTHv+yDvcyOKEEl4gkU3f9VdWBXKSagfGvjPXHegKqeflqMJQmW4RauyKrtv0SL430m7o8Lyo5vgZKQoT0ndvC22iuxFJ/Xr4p3+geewiiuhbXx3qdGtwKumyFfzeGKqguJCvU/ifGivCfbDavWR+XKkNZHxc/CH5dNmWJUvSN/UhhpNt1oc/4U1K0K3WoKr3jPKYI6S4XqGBkwtDO8yD0V8MlLfbJOVXp6sDKLq1gFURDMyq2NGkdNEWaEMJlJmfs18i5J663OsvH16iq0OBINisRMA68LW8iWIck1haQti3y+hxdpEdXsiCR47lfppPmeLcy9coHYGqlzzHXTb+UoqADJjEobkeCt+OKeCOT9fFLMqKQAlReQn908TdVzFhY5fTfuc8JZ1EI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gx8MJUiNYpv3riZWn9wVvBzn/RAtez4DynYgiq8YCgw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JjDmUTqajnO5HIaBLz5E8KAPYC+r1pEB1JZ/w/+N4PUh+kP7KfhpPEGCDNQQiXna+66jWI72asOdmw6h47rLAVQ7hsD8hh6FXXgU4dd2n8VSv7OdhSBeQxwfwYM2poJ8xlKzrbuTwC5tpx7nuCkgtDU9VmF2RxmV5d3V8scbU9wSbeT/rQUR5oTbuzaMGhkjgegFzBf3dQel5PJaIGocVDq4HqcPsVYom6QBq/kgEu3KA+6mcoIEdhryK6/ogDU+4Wyi93pX+dUIbi0uiKzhsdWg5EwBfjgpEP2mENDSTisl1GlC5zLIDLAI59V7FBdoVVKcw7oAMiB5DVIAtHjdLPW479c0LrJyXpTQ3JE44uYqbBRDNOEA4NaxntSC/fw183Uv82RdXvdqmiuL3qq3nEIYFwAup48L",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gxOp9pMvtG0d8C56rqFcWvWUhgXBwnUZSLAxkXz1yKI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JlWjwmJaBSutQshTwTSHQKgJP6JtLvpwMSEKwGKI3QL+oxCnIzlutiv9tYgFDEsxeOwLAQrigKhMWsycriN0n0f9dPLJgbto4pVioCqETihkqJjlc9DqoNm4ve6aFKEHkrxETZqNOUP1UHVpM3HwgVZ2iOsqmMwCh5BrwVLpVXmn3h5ZtuHgoIF8OHH1T8lrFNEWcSzCIrR2VkP6+SVgDJfSFaHxbjgHXtZOiKFvXfm9L4h4iak1FsgBhWDeWYzQ42hQlLTDJILjMWoAmNgoC5IpqMFE0mdSzCWHvzi8XpjW+FshWR3p/TamekKWiOHxr/R8yvviPqSgvXPs0oIfWzYO9iPCvWFP+n/fU+x8rboldnTr/eUdWNE+KpTsOtPSQcRE7DwwOW/pzkckTGbikKICVtsElVnY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gxR45xYeuVn7zpu4iWgLg1FUf3BOTRWRFTImURFYyFU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gnIYRtSnLy7uIZDqKvEu0nvYEO1n5ZcbRoYjmh81AOPcyeIOEbnpVhY0RdjBJeg5E7WICW/4tTnL4TIdoOi8qWynm9eQeyGRSJNn/GFacB29vNcTO30WD125/FQroiaShr0AZrRK/MpV3n5sxeDx2M6gy8nnqnP10MX5oWjDOZFQOcW2VF7utx4jR6sWNX1I09UnFa1A24WSyQFsaok0ZQyCmJXdKJu2+/GcN7rR9GjXVCWw48fSVoDbTadvOw3LevC94f7GrY4b+ILbpplAYwLdfR6bTfSyL/lquJt8xtRfgoB9VTOgXZ7NFU11Gqtd/0+9LmRPWAU7txcTQ9BZ/I+EwS8LGR1KuSkPoJqEpubDaIFWa/fLM6Itnt1L1orOpm3JoF5oYlUqB4QpIeEOnYvqCpd6u1w+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gxSGgL/sy6ABoKuE+Kra2yxSTm4qwiFr5dQSISpowDk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YHSIqf6bRcIgqx68oPM3Y2+KioINQn6DZtRaFlpr0q9U8BlRG7GGSSEoi6r2zDy+ld52MKsdKNf3GXWqP/dSWPMcPN9lqG9K2MLGPSl6LEK6OgqB9D1Ym3QNI79T6LJKC9OLxnFUyE1MxH+R17QGFjhzdCCPJvfwNERIH90qXgjlXOLWD8OHXoEVU6usZsJBSNhoRrEo6TDMbNYfjxA8iVzUB/0sUKhCOf3RPVb3pmWLDxB3UCZNe1jSpSuGMKd458m52mXv3/vmMecV/ksBqngA4FtKnJnkLPsTGPvYVefNdr8hWTxdSHegf0MaOHT85JsQe6y5w5aEWQysAcA3v0DQKq1v4P8Hnzzgu6vX/2887JhmEsERkUb8/z5zAzVEU+ccEQLiVov0v7/O6htqZ0u3z5luEF53",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gxdO4IUAu6FxVvodBNXwh2u/8mNUNwWowjcK0oMsQHw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Y4gyQZLFQMpCh5kcIViKorVvtMALkSi7ZPIxT6Y24xQyE6ulYLinrLRsNwjq82+TLECUuUWweVqU/SJe60AVAOkdwh7qdz6QmuIZn1cEchQotjQbZ1Ug8KkQMMtwE0yIGMXZmDrR5RnPpnkbD0wDOzZ6y9UwbDmjG/E0lQE+jKrnduEijykRE/saJjcBfjCyhjAyWZSJTaS9WfpGr4B+eL+2pvMjxc9Wyw7NJobXbm2aYk4fbKtjHe6sKg52dEuId5wJ2eGX9Ivjb49qb3XvrKwnNHI+0Qh57dDHpCAeOl5pHGOfU2gpgdxi0di0CGPhTEbffCO+MS9cu9A/bpB1IokeZ0JuOSFB3d418OKZVSYqc1V+zHRlf9UksfHwQGy+qBQYUE9vrnyfyE5YsZcNy47AV6paakXE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gyMaEE2xfBmBL6yiowyvfSxXPWUeY/Cxy/gfKVU0NOI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "g5/XVTLPZ7I8UT2RPAMAb+aPxT2taG4v7Icbt0xM4lVMdX3KN2XN89Jan0eC2UT+XmrYCHDs1UIowQz0SLzMEzYxaffoBrVbbfFUCIsm0WYiC2uCraKS2v+k0/e0/MzAGcQaOCizSTLc1jNsEkOzDp2RkJMJN1GaesAVUOs+U1zbq2KIn6QJeLz2wv1KbPcGB4lT8OATn/1P80REW2wVJsQL0jpx1psfs8MOwPbKMjT/p9/3W8F6kJURRbqH5VD/QMAaFfMWsbOnHpRims5l4UdAsPaofhJj//9Ji9R5NojhmCC9cX/kYEgaISKNWJ3/VnrZUg1psIbgq/ZynrN4LWBRhkDXdPJEimRWAQdhDppM7lujwNZ0vnmi1LzXqbMkil9QopybfjeHEPM7GMhOVSkoP9ztpgP8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "gzgh11b3rDcPIjsBeKDebov+rFo3J3k3vh6l8dguhCs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "06CyVSbCLvGWDoKgF12V8Ca1b7etNUP1fH5oAwGtDO4Cd/ZZ4+yxVdRXxet8pGf5OeFjsORcZ8PBH38wypX8hAgRx6oDevd9CGzU6kmSJZq6TDQjmRkVddiBidG24HlMbE24FZ0bO5D1ldjyVBaeIlcdjm5Kl8mOMfHgETvdmleY5rQGsfFo42z9k+X/H+f2reBMr8UF4hx9FHjAGc7EYnpoz0o1l57XqsMP8TVEM45gEjpFpmEOM3wxXEGiRkme47gk8SGIoY/y9BNSiam1u3cCKgEMeC8Nw3RFhDjphz3UDBMKBN7auz4hI1nMWLRq/BypAmluM5yKSf4KPna9pKQZpgkwo69cEy9UL20q2Z65bXzXX3wQ93mnTdvMK8cAPmx+8KJcaAoCm+zF3MElvKUVaaCtHLbe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "h+4QE1Glh4C/3dNXi+eN6fzNo7jbEk633ui3FzUZ80Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TBu/NOzeiWkCgWBgd37JBfkbMivoyWfv44OzMde2PQsSZDOvZIhsyNNiL3DIsV93OEwgXlhZvSnvZAQsRbhiz+MmPRqII7+8t2s5ESwYEcxp9f7v2sJ63DWZrlaBjYlCuJgo3mc0mJhJu6CA/+19bWZ+WxEANno3QH9szXiWIo1mgXr+Kw01Zp1dlChZfEOGgt1RocRjfzL0PfuZOl85dHIXKvvvssVQ4CibzJ2ftaxv0IQ48bfkEtFaSPYIWQeQIdGui86BRST23FROifAGxGuSvkjPX58zHQLeZygmK1vNneaIeteL+SU09YFN1p09ya31+NCUEcKGi7sKIHLPrQXN5DT8lr/EQD+28FlDgh2YKyE9OsLDc6pZeYmYvMhpZAtjBi/rKuQkgxd9h392uVoMSroXT/tO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "h1aqhKDy3jpyclBAiAo8jmU0VBW+XF9LfD9C9UreHe4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SGNy1cegf/MHwEGheUh0KtzpXMAHKkeS6Qggv22CI1ZSvtqi4sj/VC1KS12LRFEIhtvkF0qzfdcHgS1V33l2dym9hdprOAO4CHvVfE3Cuhtas3eo0b8UhvO4TOpuOX8zOWA/2tyHTWxLgmHav9hlEj9IA6VzpshWXG5r+meYu7FKC3r77JCeb8XCQ+Hxf++98F3ygfc8BZmz41vfEvP+H1GkQreCrpbCyOhfJLAp3OHHkiQQKqgkAb9NaYPI3jPylv18iHHWR2fljnRs8hcPgwcAk6KA/Kf3kv9IdYNmfGriog2G/+Ru2iDsOUha/XeSdCvE5WETvD/mDUvPYRS+4PwuE8GMIE4gVU8apdtkpAgDtLckKULIx0ivLKs6pE++JPdzTNvPgmnHqIb4Ohzioua+/lK6bnCr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "h2uqCRY465dA5T56ydUMTpxGvnTzS5ygDM4ZAQptorE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LHWXHPPiMtEw4XhePyh5jWqPlaojRM6vrQlpWG+a1HWSVnffMU/M+tzwxSZ+n1YJbsa3e7VYCtDnhtsGzr7oMlPtRT9zajEOfJqOIOBPNVreJfd/6yqpMPL9PmZuNcK46R1zMI+rBicy3QY3dqUHNGzJLDEXomXzswgNdiEVEfVUzsBCVL8XhmyXYBydFPwUKUGn7BD7Dr13GZqtUk5M9JVJ+8voEsII0M3NkXm93fvvDg7y8QJvnLLpXi9pUBzrYR7AtTlsLXWepFsIPb4TrMCVJqiOegQp4B0/9d+0u39KUQPwdVNsxpsjSiNa0PJgW8pO3SpBIWC4591yVCZMqBNLqbbhsXs0EKl0Qi3PUVFfEp30ryZxN2AbfJuAULtPRMeaTIcCMdBLPApMmpEvr25dYW6aK9lg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "h4Hz+UjfnNdBeZuisql5foJoUUmAPFfjDTVZ3s8x5lk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XP1bU83FqRS+Gg6abiMV/a/vUFI8g4lw8FKZhVMgDX902CrD8CoeG9IRjnk4Ozk6XMhTsKFtiQHSneoLzGS0ZT7V9HQbDfzW2Hxe+OttUJxLLLBloisqailKHByXp87hIyoU53tsrUDlZSsli7zScySFxb1++ohesu3C1fC9ZnKOcTUth+6JjKmOmgFB/xOCDFX27scedd2NmmFJh4BWHMuPIOUVupPo9zUt1tm2i1QaK2/L/kAy2XCKD38O080Y41aIAq6+2CbEDgMuz+J4+UZjGr2cM1YQeakN524ey9r6srS8xnSrQpyok8hCO2/XrZcr8SpEfyzeJ4qiftz7J7nCddRgpGCXsiHK4nmtIan661Hyv2Uh3ms1yq432Ev/ZpFmdFO0rHNK6JztqZ+Iny1N1A7nAndT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "h6WNrmxiey+VhfHvvadGJvS51UoEHef9x0VWx7wuu6Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uKBKlW0UnoMQe44O75+bPSKkqt+T+9ZVAgA31sK3xDtwsq9wCjSSruREElqwI0n7HFA5Cr82V0tvUOaIJY25zZReJLMjzKBLzDDUXnorBWD0SfESzgzhhCFuuNfFcTbKU63qu3aE6FKPhnBhHx+fJD/FF+yDIB4peuFWx/YqlQtNFSHbVR7vCanUbBD75Bt9/F0COJ9+FmYqLScN1C5F8EQGrR6ANElxrLvhGhS4oQLyyGY3XKGktL0dNPMNvwdQgZbw55p8X5CZxIE+sHDF5dQL50c2IW01G0vmHnRxulkgHwRKm3ruVieBFAHCk4me3LUxOuyL7NQjq1uhcm53EWiqZhQPOxFG/mbe1WngoEhWxvfJI74tvjXdCfoSu11DM4P+r+NFQhS21VoylkSehEDNXLEpTZyd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "h6kuiC0+VJ5K42TjwuGVkn60JBxcXaULocpaHd8lJOw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9Idskx6WqGM1yYiwGGFOONVgxBYA3sTGNehnsPY7VxX908AB+eYCYm/G7nvZd6go5UinSwvguMB4ZzOoK/O3QVVJbUjdsdJSgFEKdbxPaT96aNLlh5p5RLEdz+8uLgcVjLqODXi7Mt3nHQ6W1C04NABhx/CPqzqjmZ7m1I8wOHytzJINqof3T+pCOUZ0gfiD57a7GgxmcCsYIOXWyOhoqCq01A0F9epxr+zCRzDneXgtQaFg7fuhOQj2rwgYc+2JhTjYv7ehAQQzEocximxoU/I/rj/soCttS5AXKzGkYiaOT7Hawb9LerYom96lsXVeOSiZo2hyskUQya8ZGEO4FL6quybzpXWPU7YQ5pw2BZ2RJ1yUWGoxvnNy5YyqgnSZ10P+fYRJJrATzf00QNcTZ4TaScHLt7V+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "h7WpjdyEQy7m5cOx/9G0nEOEgQ7TWrELYpkF2ySRk38",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CJ49JzL+2CJEgsxfkwH9X8Fh7ua2Pmn9AX1fgYfRghSOevOXLApDjdjDcMxi1rXzX+ho8EnO7VnvYSjepzoGD2yDeE/SZsda0gFEBc5ktD1/sTR12hGSoxAOwu//mZWvxv83+1WhjzFe/KOVqPaq6eyY0bVjLKMd8Ua8o5aFnUz1eAl0G2g21lGkaT+1CcINpFqJRu9TMgYjxxMm+VMjE2zbRMfC4Rw3VNrtYU5OSyXYeopxiR4BDH51rpoBqM+qzqNz0igyEErX7cet8O8NGNWA62PQR6rVZzL+/Dnj/R1gQnDNsPrW4BNomn1wZfJJWzGtkZybZle4TCAUc4OKELyVW4uzpYOIhBMsYZFCMi1HRv8DjDDwWtt8VCqxDt1HXfzhsd1f1UcZyVVZLPJOQh5UFDZjkq/6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "h88BqUzTEsVfklpu2Lhe/RF1sgj65XRSEpmCe0KUD6U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ldcArMLmazLrdSMyACY8O8TS1sibCc8OH9KQLNWh/ss+IysqeDKmj71QFMkyxt5qvdaOp7Ry4Y4GMKssALXl89ObDq1dZohZjQWsI6yHfD0gHuh07TGH2VvJRdmRAZZ6NUAo3sLX5e9z3C/uIAPKfGU6xQn9HCLiu8gI9nOlsTAvzz6vCvQOPYDQBfkIgVNYiZeIIzkKdFiGmOaL6e6qcYuuhiCCb87UN65W8EGDvRfsNPyBLdKNJh6A/DwGRswDLnFlqlCWMFxX+V9JizCiic7YJ9r5gMJKhoRl8pFsMod6qRgL68OgkpKRMkhh/2TD0Zm3Gm7o5bLD6j3XYkeimiF+HGfoz2c3Eyd+n+FcKj+wHYCck53b2GT0EScpfqdBZRjFbmjCj/fKGXfGElQnIweYOcvsfSCT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "h8HJAIiZyCFX1KOM6FM0AUaR5NhL3l86La+zRjIaqak",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CZlrCWyVH/2330PcedbxFEPp7cHN8Y0D5M4vE+FrdzPfyNT3e+9hyQlIKtCtAxGg3zKy3Xv1CttHaeduMHoQ2p+8Z6mM2ALBd7o39vZochamTo5LUVQGtZtS6KLyepjAeiPRL+aa12rAErOCCo64y9Gdxd52WqcGo5VzaCWMVTPJnPdWkH4acaLtxT7A0Wt9zKWnAjlFkgMIVANi6SpfjEMY1v0QJsQ0/VbTeYwar37GNDDCohdcMUSUzRx1s/evY44hxzevtpOzkBCKukvO6GA49obhCwnuc05OvxBjTCWOjj6QOs0V7iOuCD4yxN5Twg1jsxTkJvUn8So3WVmW4hmO/i5PJ3qlTYZf6O41ycqA7dPXqwPWZJNs3h84bWyQW2qGKCG05qHGcboBeymZqNjYq/MCD6+P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hAOMqaetMLN9nJo10QmZlUOBym7k/6GOx6KgkP7wjWA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8s0NjxXcJClhY/juY99xR+TI0X2LiWYMo38W34F1UXbrq2nGw48EJ/S/rDLL/RnCRW7+n53jz2BCa/MdJNCM9Rx8zufwyGupWe/gFdFAhAJeeLhWcFqX5tvcZXcQTdMjGH6qDWZKWgoBzDZsYB/29QJWT5i89QBoxS108dIz+f/7JF+drB++xnGiv5Yu96BIWP9UVXNiRxgDNrvqmXhHUcxIpk67kaFe6exrKQOYlZ6/4cIf9XxdRlWFJL6wEPc7oawEbvkhR0Xm7PW+g7Zz05mzQ+2b3TCRJeN9gEJ/cmQlw2x7afaINqvg4QgOO9XS3lEpmKBMvCrIPZ0E9Rl/cZDQMYGoYRtYSWQ0ThPn8pvmErmXs+f/HI4mzPuQMKwXkyzJu7HcJj7/83ClD0x6QNCmwv6ilq36",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hE0Z4MhTtBSHp6hDkGudeFUNMcpIoDLgeCBAHHURBXw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "H/St7F2roaOenGEEjbBYEw961vzs0ZOG5bi2LGDHqn2yu2uMyG9LBifAAa0VMl8sDkhxhxgTOZOxfWW17eSZZP4U5cTxuNhiuWpBXHrpwuJlGS4rB7GRru6EolnXqdTw1fQWBfdAkbR+JG5DIJlVy3NwqHOzE3JiSsKq5D2dbE+ZzsNJxARHzZWF6Lzzc4gAni+8HxlJOd09LpOuVR9Axpn3l7wLjYe3zBdYyt+5dvwl9gLDkMSl4iejRtewCPHgWEzyrb7skIXx1KDSkpnYiSn8JHmHLKF55uhZp5/6WFE/K3lUjXWtLO4I/adDVLCHCec2u3ilFkciNw0hv+K9d8irgy8ffdYfueLzrp+HYyemMTN/0tWTfR3c/gWmAFptChdeZsJDmcLehtjCOBoixe834DSYklVV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hG78OTEn3kAH/GMIC4mqlfRcMbSKvObgAw0VXJjacgE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AnxmouCO+qWSfzP7T73rylcarHtqda4a7cA05MEzT7f+b0qAjZdvJ0uGNobMjRYZzNEqUzVZroaTjR9gyAUK41k/g8+bW4XXlzT8BRlh6QWbGlNgpBaHugB7uJQObxe66Sqb42jH4P7qBW0qBxyEyacLbw/UufDUvb8uvZairkF/uaVKAS7jAOntUkm5Yb9zi5sKidH9WQzffZtdKsq08IvqkrLKiXfKMHNO5JqGOYsLNsfV038JPmtHe+WkYTNf09JLWraRjX4dzohJ6jdRHaAZSfQry+fHYwxP+WJNbP+nI+yQT9YwEv50KWePN5fES7xBl9h/2uaX9ZrIf/cHCu8f6Hk8yr82m7KOTJCaB9vdIbyWR34DYGTxOZrtf5SbdPkbiSM+h91hQA7x+DXLEWTFD0ybWflN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hG7C96BX/jxpuKF4zhaNyDoli1vnWcrlsU08FI5C1Wc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hp5pCSyxUKlqsu7rPhcr+InH/gDGQ0758AlDaLNzDbEuDAv+wogGKp2+i3iRNngfJ/o4VbdMpbsx0UDuz0Sbd2oFwcDa8DvGx+QeYcrFNVLm5j9EP6qNW64od08mVmbljg+sKmnFKLR6kEhAR1rcBY4QsIUSIZWJ9Wr2b9dP+03vjBsjPWvjd98Kdret2y22JvmJWJxX01Nb1iTkS1Z1Xkl3szvD8ejrP53qRe7D33mvOO87mj/cWlw/Vk9FLZlUwqxXvTDkgvktGrwiIHnJqOxDiJYMm9e9Ro+mPqFvxMfXIjPm8eMbF2sVFUUpggijGdLYM1/BDEW/sDs0H4xRDSVRuBavJ/Pq27QNLJ9miswY+8jz3iylmg8GCPEgWQywyfyj6m0Hs7N8oeckegu2dphM14R4IZqE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hIeInisPPdeH9gmSRTA2ekCnKS1M2tUjF7cD79Q5u3s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8kKWGS3O+PoDA+XVXeDKy+C1+wQCt8cQXeNY+OK8Bfw6NI6XjgzaMqzF1AScLEbkzeTG8G+qMKKVrV02EIQJFSdYlbS5/0BEZgnIQdQaD7fokxPYPEUJP2OrImys0JfljsM3ZqquSSqGQMT6cm05ckDU1gHmqLK7xUxPBmrxgZ10X2d5Ue5dqUkxkKzpKCSk6pNVsCqMXeT42KWoIiQ4YYQihuxxCmDdNX8j4M8JAQXvc6Igey2F7PLJ7urixNxd7ZyRuFvMf/RB4jv0mhuRQ09BsjiiyLNr5ThkXy5lMIX6tnb/8ZGJPK8/i9l1dGttJlViDcrB7bGyqtJA0HmmMWR9mz+8EuU76UnZHPx6DsEbDUwFyYsU37SrNJNmqi7tCeZqqPKiDtNlWlONCtdaJTmMCKhkY7dJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hJ6MeE56HRQkMn8jfu71K5htqnGt0Jh4EKVvM5KP4Uc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NHlBYNmezYxcXrYWXwHNH16UDuVQ90BYe+DZU7zbHqT6rTFHhuWsH743NZEzDYOmCqNEm7G7yITe+KIphyrhuV06HTAlG4sHFmZlGvr7oaGaI2t4VdQY8eQGRcKMtkqMS6JxJ8WXgoO+4EZeNSPE5u+si+L65AF+sYTBLdghD+PrJjOEeXRMMNUc0tYHUJaIAOIGEQL4Mwv3gLMoAMkMkd87RnRX0W98ZIoiydfwZYcAxsY3r6uVy6RUa+usgRchO185JSBoG2DwkpmVQFQNXqno5gBIvl68Yz0XtKu5kh3PilAKjU83ZxEOs+knhZ704A9aGO+b2TwnHy1cpjpjLM3JNwmc0VQteOBrLNLbRD+lwb1MaAT2VRVgUfzKqgOAGT2xDVo/FrqUaPurpFqwNdPMTODhfUqj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hJfIlQ58DUnL11OwiZvsvT3GHIO56rmHmXgrgAeqmi8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pQO/0mIshPuzWjD0Fn9VMq9hXSqkazeD9GKq0nPY/sL3ezz58Jey4nhazA7NMPLuYUwYiaT041La+IEH5EVYlwlfMfE3Az+TaworQDtgTq9hQCfWGbp24Gj6dRhAubJUhyqphfySOQM7Zoz5BYhI6YJtf+CVTgFRa6oam/GfHOgG6M4CU5xFBXlXCJ3n+CQx4p1sS+Sk6czTLldWx9hWRJ+TXQska2ejazhc7qlMxLxaQ0/lkM9Q6dCeAh3okAWMfvv4k3VPGiDAa5rOy5I9rtQpbT54dAzZ+K7WVOLGbXs7a/JF2jw8FTugBxCE8icS6LFKDl9dfjwUh+oT7fPu8tEbTlrTzCGcV7w/KYyJVh6RJJUmPhZb/rc36/kXI6mIzVu9Jtrrc3KNEFOKR5j4RLXSl1bLUkhG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hJo05wVG3E6CxfunJ00Ov2BJEAqLALZ+Ya51Ui8N7ys",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XcMaCKGp6oIIJ4vTpqKP4D52QwZ0yjMxzxdBAK2faPl8njqEH6F7KvX10h5JugiM1u81+/bajP9r2OeWBrABzIuyE71xXXwaGmH+c6ztxEpYhntjsIiBCWQTzudgf+fBRLskx4V793MKGdhyvm/SmaJuOpHe31zfdzCbpm6/sr2YpJ+O3Atx2Jy8Y/D+wEwAFCPTmV8/SWCkUs7jzLlMvU+DF5ASFVTbMC56c/tAuDhuObRYjFQ386VwXRJD4ouccgfIvpHIcFjq1j+XkZtpT74ae7hf3W8fS7R3Nrkwi3O4nux35pQAcg1xBah16OfFLnboLO4qmPYixZAbtlzaNKp9nBbnC3EgGATUSnC6iOOQS/RzCFdOkFMU3CMv9h6KYWI2K+bS+QBUKd/RiUgoRdzxJFz6ktfN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hLCtOg3tSTCyKD2dWfVntQgwiZWiBMbl3y4124DrZJ0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Jz1QONYPHFtP8C9PEp9pDM5q9ywTE6Lti87sv5MrkVJYIPQM6tmHClMu4sg2cu3HuXltL7v+sguWOA37Yf6kif6cDmqnhg3+csxaaLcspKvy1piNxnMR/aoMtiHHbeXGzAPeyWkYdRge9NmaNVxJtRUOMM+Sa+p3V79nPuTMMAMyWYBumfdeiaj18VGyUMIyYy7i84WHT1JwKrVYQ5/hpEO2Eey44unWJHiGLtBf7L4BXfLBoky1KU78osr6tqhKq1thfGkJltbgt1L+Pos+vGNFcEcgeUT4VNs5zCeLJ9ySkEU4vao+U8crdGg/KJagoE5135ZwzU3CnYlKr3Mba/v1utTQVw4NY53er/fAaDt4Gb1/q/oDqVU1tw6r6edx1oiqfHrd7tDVcRBNHW+y8ZDoJWrXXmqG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hLRlhybZA9pPU8H4F7xXsVuBQkgyHYZNa2RIG433lV0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+d6bqPIFcMC5WUPobRGFuexu/7oYcz8GdWTNuTDOSdsMqyp+zASg4WxK5yG4ehSnQnXCb0C1DbjTsGFGqyh3DKuFbcvyCnSrAgk5WLjSpaK1BoLeuhsbWuwnnUngtA0Hc15dMlnOecKi+1SbynKtYRtUmrI9/+cHRbr8ixeXmjwyyk2IFEJxOKjGhQUdt6+HClsS3j4/5FzGPNjrkKm5JESU3Yqa+VezP+HApLABmsmBM6WQJ8Gz91exq+Ti070627JO9Inv3/BlizNBEMt59B73pnt6omeA0bmbtz5+iMDwu/4ztrFFHnVj3jJ/4ddowzV5Ix1wkO0tvrn5oHXaskbTuhvZQaH7NIgj2GTFUWeplikThUAh0snpG6jy7jLKaz6avi1xHaAl5iYWyRICLOPutyRjz/0W",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hN4RuVrssblEgY9wavCOW2ulVQ7yH5R99bmWhS5rJAk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+gdXzX8waXfI8hleGmwtYti4WIiRkwMmi13a8+3ZUJF2Lx4yyvw+UnSpOmVjz62zcNNLaqH+brhsrCcBJhhhmKDa2VEyN3Vj+FTKv4sXA10MdvkgUXTw175mGwufr/vK8ZQn7mvKjnAGikye/QCEnMqcrja/bOlTR2y0W/CSKjBJ+V4SAQcwOMByH0ouxkfjQ5j/CcYGYAGsYLEx89AcIG4gGfS37UzgIUgNHtIWkFgJJsJb3+E4C7oz7Xg6kxrM10mRHrnHPUYk1E0oRnR2Vhk9GF2Zan0pFrwXR/NT8fKWWvTeP/J3Pj8Ubq+2pgd6Nx+d1mtRO48+37RruHQBdhrBYB+WH9jpBM4TchhKhJUPibv00Ez/5G2ygv6KSWRmG3YSQ6DEieMtDyDRfTD9s4Vs3jN+vv+3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hN6wuJ0vRv59GvZSzrIc6cAeZ5+L5fkhirYasvXXmEE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "U9Uh34CaVl4Sq7RlfyPmKNvYGguEIk3SP5nrTTwl2gqrPzNit9wFy+MaRhMkn6vgTQxQLyzKMM6YJsWFg9qmB4QflsyVaSgccLT+9jpXyB6GZS4vhMrAf90bTmOoy6KQd5yi1KY5uNmWoyqETtNNtbUYmylb0tcEK+KM57xMmIGMehoedyWbDY6G/xj/f0OXS9V+GU3uxaLi/1agkm5OQvu/gLYCHAZRg/jGuQYXXENCy+2PNI61vPPBu86Gzw2k1ClVPjm/P6JuE3AdnWZhL5iPnj79JgpGr0Vw/Gtwm7xO+YKevxJVwzsk+LS65T/vrQ5EqTpq2dGj+FbUEfNVIQrxOB7y/wbBHtEPBzsuHeWmDb3ev7tlssRv/kKAfZ7tPiQ6BL+4s0J82xLseMO4iTXFzW8Xj5BE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hNSIvY19RC8FEMh/TGPldg0ChDmese2Ot1ZGMHU4AMk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "z8sTnBznTCyRraXxra5mx3ph2wqDDBoXvJW8j4v+PKE8fZ5QHcM83eMRopo8FIt8j76Pg3uxdy46LwP053BjggGNb1aEKg/aSwZIDY1WEJKWlHpKSzzSspRu0Zy1/W/rrWjNFXqvBsivCcpVnlJltBt4sunOeY93AtdUJnqrU/9cnXB+Z//O2Dav8uZ92d2YJqRn/94IBvm2fJymui+JKQyt9oenNAiUkwpqnWghAJFETZAa3UzrlLXx1ALztfOjcpchgiIuxPYo5mHr5C3U7V89XD08Hc94iw+jST6mUtwMc4YWeAsXyfw7ADTVe7PX0TPm0DFYYd0Z2BrXOuwSYjLIp0UDGrrtkhU3kWeQDODEkqGWZ9XafooRvDRqiGbYcI2ZEBykUJ0isoUlJyCvCvhrk0QmE/Ly",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hObg8ldHb7kv8qRi43XFfLXdbtOS+kMANGRGSWlHX+w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0hPkelHT70dwXvNcUopCK8RUg33F388KqVGIw9IjxTlwz2kiNdivy0nHYNKs9gnDOVQoFyTIVYMa+OAQdxCQHyrioeHrInHZafFwYj+7qwZCQlcQC1B00NYthepGQIRU0pligLpbpd3JmNJVgBXQFuiJnQ5VECVFe+B1F/U/dqnZO7tsisKfe2Joq6VfM4fVkMvnT9TgRngvT+OrEDpqKy3r0czNa6mrc/h0WeuGMnST8yFrMGgHOpygEHxsqKyebvPaBZKJwyD8YQtoDq2OUEmmISKlmAbvNTkG6qWUvzdVkmyQY9kx71Lz+FqxLg3xS30SMsbp4aKqFub+sQwC4AYaulI6BJ/pbnTnKDaqaXzDCmq9KAi11XqPdbAKHttwS5lqFBeNYB/I4cIAyKHJfkc45v2AzBSX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hPzwqbjJJOqM7Tbhi7sNb2azdjLauO9uYSEEwmlLN0k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sFjiJnIPCVhBemQ+2+JfXMJXN8beLTEnfeTv9N2+WgpnX0PeqNkrVpR+ZDHiQ6iMsYV8WKYThLeA+Jgey3VbDJZt3TZ6sUMu5+QXWiq50zGxVHEllNoJm7lTAAtpqdIWMRVjwkre881S6ldN/QCwv3tvtTK/jDQ99OBdz2zhsZgW8m8AOmTa/5C4CZVibIeyFUAn8u7ism84rTFG+hHGMrpyk3R4tJ3/eCzgamCzknIWoYKh8QUq4YG5rbcXSFzDKcJa1c/aXyhQ86iJFZ5+YFIGZCawiJ5LCwpfomvAslUhCGSCQ6O9KybFKXmt+/g8dlBaHc/aLDksBh5P/K6+eDv7APP1keqUbeGNCOEz2ocVdfxhubdoZDIoRUOy8ffTqkQeO1DmCmCiRgJ9paqM/fmlnQ5z1J62",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hQmMuED2DHY/Hd3QpJCfq/+rXDklRBs8HG/1iCesB8k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3GT7VUgbhtprf43hAdxMavGOVQ7Bfk3D7WIP239uCsmQny631JcLtc0ZV0J36+oN6JyOnH5Nx4uf9zNCXZTx0gLIQdhIkcMa+m8VIZMGDXBxoMxQBQ6h3iT4NekbaQDVzPRE8I6i2e7108jC7YXvEcYgd8G6j2ygU/rxBfecYuREh6Rzjgsyifu1kbAdi83bFG1heiyDdX1Ps2rUYrn2ab72Lj7rVcYe1XwxwOqEiliQ4BPCMWq68UJyzjcsEW9ud+L6HJYkcwoLM3bHN1nChPba5Ylsr365jof4EGdwJElYMj9VAXAYMVwwLpWF04Coeq05b7B9vql6cGSE1k7j+rGhSIBCYEZeylZyXy/EWZN60WAvnieB9gBzEprfaY+jDJRsIko2IWtlZa92ybopJ8FAZ45Vl6vd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hR2b/dpKRmozoMnvBaZDP+DUsIuuq+X/lGxaYfJbQIg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AtVQMNawANIePLfT2KKDodfpnXfwVmfzmJOyYSZpY6e3984k8lci8More5uyquJifyqo1MGyzwBLPVRsrdNPQ5BnBpzS1sKSb7nnK5FN0zS3OJz15L8UhyyWdcFVR2xpUyP1Hn2opvTKAWOAkQTCX2rqCazb5lAuI2/HU6sjvTFlpbifIikOJ9f6Fi6Sh9rrqn9JQGJUByWeIdfEeN4kLwaDtVmxj2EbLyBF/UewFv4Wq/F3L5ZH02gXwPM+2Xqs7oXmxeemwE53/o7cUMWLdi6R+FhiC/kXRgfFfBAsENk4G+FbS+2YZ2BAcJgTQmDe73ixoLpGpp5SNbiivusvUXh2hmvHYE2Ll9dGPaNLaZFoInBnRJxF2UPAemJB+da02YymhpuNiQ5qHEW2OtEGAoDVJ47MotWn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hScC6G0nyBe4cHJHJQwBhvSREMhCEZZ92izlk73jD4M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HUCG0LUTzsqqKuBoADimLBYa5Vtgr8/F1oq9y7KKLadOhnd95BPQpDLbRde2J3zTgnT0RxLWk/AkYkYuG3XjlNp0uNU7x0qbg5DoEvQC2SpEIzPwCuKwAo3PNPkRKalpTJ6gv+PLp/NS7bPEPjKIg6KjZyUOCgFvGl+n58kkeK+ewjWA5h6L9skoFvwEtHKkPWSnQzR5h6sMzfqWVcAG9v9iGRXVehv08JNiT5YboadVrvl8wkwiChcUGg6xfla9zcFKarRBcfQvrXY8gAC1cru9O1qCTKSTy3SpP4UffiulcZdlGY1/IWS6wtnKLCMrTMNFoNJf47SvgFHXui8tVn6eUU4hidk0iQjbWofpmic7OLfeMfymaJi4nEtiufLq1ZRW/hTchmGkxyyCEuCuZ65864mZHTAQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hTLFLyhz5Ct1BaTn/j9+0+i8x2WpEDe4CfFAFwClSQA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sAC/CqtAHO0tXQUiI9SC8jt2cv7PEQJea5bbIz2GdvAiGr2bxn8ypXPpRetfWI7QtKOTcnU7hPrNax5FxSIgh1mAkaxSYaG/tSrsb3BtGZUiJfEjnZl0WK8HYkrpvb8YkgC0gjl2GOT36ooa5ojVN+2nCS4ADSHhqdh8zEsezs/xg9gLSzDNRyr615aG9fv1aPFxz/onK0nuOuxFyy3O3AL4X0c6McA7uNDZazIa/7nfQtW5aNCnl42QNALc35jv9dQd7DdZDQY1+0yoO2mvG5umKQprWJew1/g+G5D4IzS+WAhE7krJcmkBSI0A8NR9Am7ZvPKPK++5iTTbvidArdnUwAE2hIJPWRdhqXLIKGe1GyiurMP+Qp1uNYNmkXezt20v5MJZgYqf+QRuCAVYBo+4wvxdT+Fy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hTroy+jwl2wjEiF99bcFkUnnmJGps9pjakGAol1oPpM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ryUMLh5z6hbYcHaDdj7f02B1wUDcTKV2Q8Z5dNhiXul/aIp3jXxaP0SJkbd4/kaZPZoGeL3Th5MxeOsOJlKhSPDpwk0s2miljk6nqrPV6CR9vBYdptcqVz4AocGH9WSxtX7Kc7PA61g95x4O3cmF7vivNRwdncGJOOvbqWRMnOoUVqBGu1D1+O7Maq6Hf3jldGDkHm6lWNxkZUg4MZervHAh6A7hMKgSnZ4hGO4GwxjryijUfxqxlPRETHP0qbyW426pCGRzvZrggAEjl6qCV1touuRGJ9pXFJeSYHtK23D1xudsYcnfWP5fLxJfsd1z59WBWw3Aw7/s/o0X1ISXZ7fFvh8AGf437mlKezNr9uyhbQ1Dv/MX5JjyZBIdGxghG2gikbtwbMvZ8itOhx42A5Cf9iYaQkex",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hU/RJKz9XDsoL0Tu6+8W454Ft29tD4XRLrbqyWcPuDU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TWtS9bn4kWkUlcGj0ZCpbPCd02lnJjp/OggzVIwqCk2LJGU/djfTOcQaM8hYq37alpyjsu3QGZtO2etVFutkfnY6bebRtCre6Sb+3KKeaGV2MGaA7zIENrQiKFWk6ojc3dJFVeJdXJWytxNtUwGFpnMhHpqFZUeFN1cHZvcYkSVnqXhibLi/ej4pvCzoKVbE0RHI0GbYpUrQ7IVpsEKGi0BwkfMiDk2COjtG9wkNg60amtgV45f7f+3EnHJJi+tcQlcG+btZdFfC0TxzNXrhl5OBrXWxFuaQygT2iI37cqjOvHm7255pisDR7qtGQuDjGESxH8utmudF8+Ew1LdXU39/bMbMj9oG6WcuIro8Sy1Fa6BkokOpi+W2JJYY61tO6o4lohgTNNlc8MerTA8eZlsZL3OVHXGq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hU3j+lgb03BjOcu9lo1lxKkWj/W0Wk7HL2/eXkEdMr0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OHGQNGuY8MG7cMLUd5o7qzIDZAM+EFmztdqC5iFS6FuNWQytgWceEAiMaTPEEPd+s8ScgSYXqGGmMxlnQP8ubauAqwuhzSSvE2Y56lsoikbMdiEqP+Ame0O/yiYhQVIwNyMt7gdMOexjTi1Tes8SAr6yWBGFs4Tuj+mpTUIv82TncUQqZCYzgM6LCgfxXbxANE7VJJClB9EeHdu30rrCzqilAsDPuenxuF6D1xppCcQcaVFUSBm3l3JOhB0aA+fY0bqpOp9pZ3eKFRo4l5T9qiUv1cW2ebmjkXofuwbT2fsAnJynhga7+EeNLzMIj5p9r3gaDI1gzI8m+O+GbV9wFPgN7fKZGghVz6MajcGAGP6w0kc7JkUJGER74JdRCoG/vY9M4Ra74LcAoiVxxQGQvJ+kqtssSmGH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hUIBCI3uOvixzcnKE/J8r0Y8Rstip8mL1WpZ+jXYQDo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eqUZ783OMyzY08jCTLytd0xB0jruAP3LEryIB2vaMB1eKQAOmCZMNOdnxv+drsS7I+xe8TCqE8vEnIWYAvkBe5lPFAhZvp7Iq2iCfvSb47nrT/ZLJXwsZk1h97bF3UWtZpDjtZO6/9d+wghR4tN0+8Ko9zLbXa40uInpGMgnVoBwqJx61jy60+nUu7Vhn3wWsz+C6iHERLYdSii/+i+1SVjTakvDa1Fnt8nlagZwj0FnTAuNi4SkVhDzB/Ji9QtSm3H4CTsiGW+xIS9Cu3FJrwRc4DrLzSBaWpDGJedTP09HGU4xKUsyASObRAB3g+baGmP2HQP7uBg1/A7OGl963/V3WWReLqYF52WXplvCQnWRSuKsAlvvaHejA+gjQn0AIMyQ9hatigqAuRdf4zeDNReWFp5Kst7c",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hUy0IkWEIcP2Zn+Mj8ghOS/EhBYA70tpEfQNg2pkB9M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iGEr0iYCs/wA0Be2MXW9ZjznCw957lPbEWes5BUa5emSMITt3zk7hmNImBgvLGTfDgloAIoQI8tAFbUrNBuKIHVmMa5e8BbqwIJKM5HYvB0WgJfpD6ZBk/+UcLP5AOEH3VasKI6Gdw42toZFgP5s2+MUQHJSNJYLeAs/Uy4otUFE8SxwqhkIh2xuWFx5hbuVDFsDATvCiMZJkZP8h22kEciN8v7iUPe9oaQaHdwTuewL8ESxtqPidpQHiKaSkOJ+kwVsWWnfGtUXeFG2Gv/E98jrBaWUQkru2OEeM5I8QXyv4dsBSoWnNv7AFVnEMdNSyapNPxnjCiZPDFJa5zki4z1JO35I3e6UKSO20sRB92Qvv5JjAEAhOayVZdZvRn15qJKPCLKI435YY1+dSZovoSIdanC4cOHh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hVqwko2mHpsy5uwpTm93qVKubEaDU5nFuRK4Q4CjkeI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sfmZIdhT+ubsPN6zMiyjn7vb/lzrtqUU/C92RLGPjEffHnNOGX9LuUfNdjS0JTW86116h8r2e4j6fp+CuHSoMJ2s419JEfFuVuce23UbKNlGglBugdwfJu4T/+qKruopzlcyIuqO1lWr2o5rCiI14ZTKX+n9vRHKD4lac+VP60qeB/3BRnNeirTmOOU/xGgqJFAgDXCpHL4/AovheBlPiC2DAwbdx0AQaf20U8WFMRizxNCksMPl2jalFr2VuG5AyKSe2WX0KwO8QMsA8QyF9WgkrFuezdi69QPWiEkx7qsjWTJRN7Yd9WzAq4mvGXbQB5BstSdBj3giDrTl6kkYmhY6I9BrsqrlnXjtKes3Rfsb0y5TFW32SSAhw/5zwTjyV7Uyk0S2oB/8Yc0L47DyIAwed+8ioS7p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ha88Ti6XTzt9/VUYmwzQz5S3OVgKS8Fk4Vc2yepydCI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "emy3um6VMl+8lqymi4FhwmuHqwXMeEfnBM+ok4WsrRXIk5bSuGl2sN/0hTisP464O2UOCNpymRNyg6nh12mdHIUyta/NJDuDYiAZ6jCciIYpfQINEuWylXE3WGmRfcK4CHIKMw6K0xrW71YzNbB1y4XgKESNtECMNLSZZTmayPTpq8q0xelJUitUSL1y/jpVkTBKmLnp+yuMD2Ur0hRPj9vgb4QggKxKttCbyGvc35pKNp7V7Ns3r5G//bGHO/Dc3XT9gbA9eSn3cOyW0UyPqUYFY/N6ckVQnTpZixjfV3NTXhNqYYcN5pxq0KySqmRtYybgmQKbG2OTxoyejMDPuHYlmBpGWijclCcuf22PAF7EUWfQpnGC0ciLjKqFeWHlnY+Lgu7GE4aDThFQITHZ9n1UpNRqVRdw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "haeSWC/a3SokRLKqoSO28Z6A+i5TK2kpdAAtyF4b5do",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "omx+w1/wwACVTX9IIgOMjiyy7KpaQybq2Tt6J6azLbuexyBp4P1dbjajR+DttinEs0V/9mOajTadUVbQ8P9U+eIQjVU72VF3b17fgpJmORqPDHa6AcxGLyI+NvtkR/yOze+Q4Ns/UjDNyi+7494amQYQOk6qt2zlNK4S5xRauvOoGsjf2kUB2OQTzYrs4lPPeCWNaJrEHlLaV/5kHPC2bTOWn/FzOKAmUoMmrNs5iemWk3z0t2qsKS7vynEqV0HPSvzZfEQbz1FDVX22OS2mzQ7fjvJaCu51YgmAAdmTNuZuUte0x47SxvHV7C964fmJz3Eja6jf08K4aqBMJhOosjRGwwVbmRhOLjjuIJo/OuAT1tSac0aDJo0Evvuf/Kwhb2gUcNTnvAqZWmHp2yj8sjjGe6mLPav4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hcGtV72e23rv6llTJpabgbo8ZK/3+kU0XZPKCGlIdLA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DL8GjXAT4r6evAriFY69UvORJeWWpQ4uncOipIOSjGDlnkSiq9fTiRNTbIQ69QUFk5vCoRxRAFmzg7Tgovpn5Ynp7QW6XWEc2lwKWlXYL4bzU70tqexmovVL21DeSBRBAe5KxDcUwljNHhP3UjiKeCi6A8dW9KsP1YVcgLTN95+yCMjWyjHkX5ah6AaQhIzpk/i+ccBgbNreC0b/c4NNN5mdnkzxCKrbL3dyn3JY9OZtDrbDiPnSpF6AQYRjAFrldhUqZ9IUhmhvaq4S20QH1X9ArihCbMQNYfIlPWoZh0GOueeO+76M2wQJSHlNsaOvfEFzHIk/SGVKO01HBAsG+BUd2Zc+6l2/HtOoG+jSyFu0S5xS87dMWDH4ZVZ/frab3SZAiXU0Pfx6vQ7wIDOuNOTUVpIJUYVm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hcZCB0tx3EA4oSnnKiI6JJSnDD2Uw7j+RpQLA7rh4QI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bOVG9jDJPcUGKgIQ+w/Bq4g6NNvy421/JvvISyllk86VQYfcT4jyHyjVMkcK3RQ5Oj0BSCOQwOXvcLDLm6lVbsoctBOUfdN/HDqlsgVy7cAmdprH/7gf8P8g/xFZKi4B8YGrKlfZnypPiimfn6qavdNqxKIT9DgrOnsyI+89036/BmYKeo0IGMwhbPUzwanzkn7p6inh+g3zWvWtBiRrhvcR86tBuq+eqiqRW7FaR/+/ahVFajuMqJXMHo98f0Y7uif8Wy7X0idNiFWVJNdbF/VlLf9IDF3mGPkwsnob62DnWd+FrDyrMmJTnCGSQrVm7L7BxK7pCvJATRZ0XifrpkQjS3bSfDf03xQsTkML6JbzJ1shRucUJoWo9Gj3bygXwUWWcgjiXwcdWN9VM0JJrrtVG3ds4XLJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hcy6htZMUeSh4/rghu3E8IJLjvzQ1SDQQiYfP+w7n0k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4dIzYeGU8v90T2UbdPyvDsqoIWjaWZDpGOPrVUfS0ZVdEo1sF/Oxm9Gpenmf3rdEH81oZlqW5HvV7Ue8N7KSBTkh4MSHAdrfbS2u+Ul9vkoxsAwSCGCDyRobWkC4Uhr0M548ZgxGMuTGTG0EXX0qANPYZm/5IO1S84SRUxBGu36dny5UcFJNBOeios137E+IWS7GRbQs8VhjjkJVIwgMsFVawKlaIdGdq4LL4Ik8GQtxoVG3g+MGmBdp+naMV++IWNMeuROt38nhJtwBa18QnLwPYLAnXOoqkYZSSsgf6ApqWNnGquCF2WbI7NL5BnBbId81ZOnFQXWEoq6+Zo4UMh/v3lVhdYd++nHjwn8/ZjOaqGdDpRw0sLGssoPvEmI4OekorC2YmXaJ0/Z5JZ+03gxbWv8Ct27f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hdudJdMSNwyzuA/LpaE9vO0Bqb/VsczfjSU3aSYLzQs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VehJsv6vvCuNBrrerH6afLjeYEoSysrGBu9OAnxTtGjmkq9zfiVhExAjHXUSHwp6Wn8UzyAaus8crDtQrkUE/5PrJUpNPmrvEaIlvMsA+JzkHCcH1Ho/YnIVsS7WEUyARd1DtDzxxTZrb5CGEox9x06RRHJUns5hswqO3TAg/Mm4A90Re+Z1VAMqUPZb4qW7FiLB3UqySIypxSkoZ/nvhTZUobRCNMhOAJKXXCA/sKfkyj7+0Ew72WPUiZj32+AOk4BhQjMIL9xe4Y3MtLpbTG0YdfTR609YRboViavkwCzfzzcS7/pByx00WT/Wjv+ekaaCcqfuzb21rqZ9ZW3Wfe0EdXEoUWnN3cJ/uvUZnzGihUigRU559aP/0iKUSoXWiTlCySr6FQngFcOVYvBj0M7JvgyJ4IMl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hfXxobFQrTr4LOFe2x5/tKcjDBYNjq3vDcJr4PZgClQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "loPeabrel6UdscncAvsGd2zjp6LnRj6e36QTqAuGTANGIMcmSt8TpBMCEeRHK1YWJRYPOJswdL0scNnW38EqMPMd2T5iuz+jGLnTBMinNTIfinOo4IZHuCCRjCJwsKA5SUIxMjVfFz3kioJMHZEFbivFnic66DB94mq7YTZGQjt5jGyTFSbJmWVjsHXuseA6oMV/mJ4wBKzpj6rH5HWIBhDKPf83WsKMLG1n6sKmWHKMse9MueLYFRZmrSWZ2O5+iL3GXU2vrLdDoSBSG4HYzEJRDLieKaQG27pCo2EQfA3oMg4kKgw/NrUZnlwPG2+cb8oP85QvuUvgoKILJyc11PmzJZBQPaQgaISd5/LwyLQeBQhERo+pC5C+3k39kNN2VZSLjkylvsu06UE8iR+wB5tX98uTZ61z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hft6g3DaaREdJhwFivUrll3kmVj4kDjSP+moT9skOvk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bYvI2GU0Hjq7U3/z/quLKsVGiMrCjIRBjBYFFPive5ukpHOPlCFdrxAsV7osvzziDDtf2RFQINjF4DsEKJNaM02HcdvH0AgNqJeWTXCICzc6qBdRhuseJsxP1mzjoAobV0WLRUzQjDDp5VCsMyyLZpx2GFCMf6GngELqm6YLIHUwjkrM1PuRZvXGUIXeO3YfeZjhel9D3fimaVX4HI4RFu9l4dM9sNtlXkF2O9+FM+0MPPw9GivLdUtd/CR44so5UzZE/p9Z32jVCtFKIDbmWECPV0+H+DOHhjDv35VL+ZOYWS4he6zWmQWn1eWL3+DcA/zwD8IZwq56TGcAC4ioR1PQZONMGopafkxzGiRe8geO3e8Vyjfz7ksCN8zo5mVQXOQtuFqVOi2Rpkbt/4SuVDBxRBnQ13ls",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hjhKqfXfIk+ei47jNme/0bDY5tmgCeXKQ05B7uCtKAc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3ajbpJLDpD2M9vd6NVF8VYnAKm/TqrqTe52gevUnRcEzbNKW3DzhJP4LdkCX6Lb3/JtzJRSuN5D/YtC4UNOgHLlQHifU+PBVoMkbnc3ohXQ7EggCH2pMXcqFeAAMdabMZI8CxJZDhnFeX0JQePNZLw5Shl+BUJFEqXmJqRN6hJT1eTBIOWVgKgzqisPU11XGD4rUx3YJ3CR3ZtJLH5WLHPNr2Ya9H/KgDwv2a+3Si1VW69kIlRDSSmEOFdxSCmD1d1vzFndEOL1uhyikv69muozZW7GvS7X60NfyjPhc7ilYDXnwkZ963xZud4mVrIH0zGRXyKfk91llKynfgLX9hgZHW6/DeUXJBvypwgWfMx+pHANRqyPJHEc4W52vYMQJMonNuUxGpdOdTvW1SaXwLCExfGKdRjQp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hmGMfoQ0HwT2FYbZdJ3vSXzs6wC4goZQEALp8477VW8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fshPFAVUKpivDm1K+VzdwFRfpJt9T4jTReIFK6o3YYf+6Z5pDPV4HQVZe4ORi/9b6I/SkzSZRj2vCbniaN9MZZFEp3gqw4K2KsYvgQLMiiS87LzSXfMNoWsbuSbHtUBlfK9aq27/NZKj/YZ6dMxEAz154tfXKLgaQZgQddeOuolP5Bm010yIOs6VP/WRBcpaP3z+ZZaN5CU2NBfOERzvI/KlEMJCiZvDeu86XR1SRMmeLom1SNVU7Tz4sU1Xraj272fF63LsWr1kyq5uQa6UAv0bZAPl9AyxJG6A/+m95cF/bIArkwC2F5UAKuGW/0J1e8kSA0tO2m3/XGEf8cqF2Ej21KUb668Zou8nkTT6K0phmQNUw2k0s4aCEbLUsjxVHpCvuVPTVLo5NNU6siq9uRdF8emtpwhl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hmH8+nyBhQXvhPle+7ytskwwy4GDCDV8wqxzQsD79+k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LFvRmtPiSgFCLymYoaHpSVAbPa6n1TYGEsuJcCE8TcFsFG1xrHplJER57IfUi3nqC17VU655SCe2xNcmtEyOC9G/KyQAaW+HT22ruU7BINwKaxLoIsmHtLPYzhaewMvFUbn1G3UZtS3LoClyasKXU/6dYeIkrKKwwM1cqhvNict4leV1DYGskB24FkHMyg/4vLfPkG3J89sYPeGPD8eiQIXt7ygtiBGmnQ+hmDAMFR6rqgqUAtbEz30coMgpnEWJfpz8HSCCCpaqNHG0rtjA8Cm06nmHexyU2imAntOIGCEDQ8tpwVISCddaM/leOA+Yt6H2UYQM0tHFUCyUgooRoy3LOXuAxyQkDK8EftmGz42Dz3z5ab560R5EsZ9IzOuVeqtchYThNdr3tNwPhZRyw4gLcG7RRHKr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hpAN95BJbMcd0HBqYLzoHFw1BJEWrVPrhqnkiYTP37o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8pDpakGy3TEca+8aK1v2pUqN01rRcOsM0P7vkkPCEmNNGLMelgwyfn5RvmV1cs6917i560Bkm/yNYcoV1CsvbGpS8u9xJv7ieRtfasKqYe8zTZjPZ40idI2glzkIXH5BXz9RD0ACVZpSR++K5W8498Ps+rofFloOhosnyTqnlF6zkoH4Rce0fDWxZE7HWSaHQ6LARWqBAggzYVx70gzZ0ys8gSdAfx3BJd7a+2nvw0CvTs1fgIy6mmp+Ty1KEX0k/DU17bTxWiD2xY3IDEhNIUZe6i4H0iWMmU1+oKGmq2HYx+i4sRaM+m1djcDr209VNKnEVVfpZ5Wo9vVjCTDcYwN6ypOjDlMfV0PwF26yl4rgQ1vcbk3jhyxAMK8vPiXXI1dEbCaYOh0OiChVBZH4+6irI22gBwv5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hpTNJsWAaNhq+98+TlPfwt3onkPjunUY3RZbUQ0OYaE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RhCVkKOkMXbWtjU8zLdktFDlFX/Sok95brrZLy0Kxb1R+mHRez45LEBSS8briG0hyIXlne39xzzSLiN2ReOrcpcFmNLvHgft5VpJFy+c93BqZfZPS2XXxsib9wYgryM9rMTH6zrI6djQ6mIog/Orx36jgg5iijI1znu4ice6ZU4VFyEh8PLlYmmOmiwVh9aE+kFSyMz/Gx5jZPjuzfuEP5bE5JAME6bmZOEWbG0OAw1O8yDoyEl623LLtXMoQy14u2qUPlDOqV7Eov1Z3KolTbImg1lyPzGZvvD4xg/KcRGkmLUlJ9pn25YShkvI+C+tnAlaDpOabTiov2jrqLq1xnQHyhXw6ZWtruE04NMmWNwA6dPHh6CyQzb9uDQOLRvEpa4rID0rQWpXlsOXWbRwMUurlssYTU33",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hsNqAU6A3paOZmui3bZ3bFKrStHhnP1uFd/a1GRlxzw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FjBgqoTZ9UNXp1KPXpI6Q4wqwwoPTb1OQ4+EDl/KasL3PF5brn/wRnBMZ3SdlTcZhIuYLsxHq8mWDY2U+CJcbTIkPQVjqrff1Y1LzyugNa4jOthbytKyogT+rdVT597XWvC2YMlqBcP5oI7IyfB8TIafWytevsCHjAD2G/KXiYmjVeZ7ReVgpVOgykE9QPfkxsMFWmmAL1E/F6X6+FQv+KwJ4KsC1GXEdl6bVmBZh4xEfmj/i80Jb44fTxiqEbi6V7QozHnL1wIKEAk22RUm1KbR6gI5AlH506pFUaW10BHEgE3LrRp/BvdROOEv5sIFfBENn/Fobx8PnEXIbWnK8M3jFbIUSgk0x6xCk8HZVuGRCB6ShDTywdWlkG5YdMLaB+sXpUAAV9glxF6W/DHEtJBmxvN8M6S4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hu+lLhlYa1Eec0oOVmBBaNv+M+TBClpJa76FtzaznZo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w3DQLC855eS60d0/Z4cylojuwhxQp6uBEJR/ljMODB61vmT3zg/YFiA5co12IWjtPya4AYwWpMTyYmLP6tkA2v3QSBR8WxaNXUFuyErLyYzAQr0zA6tknrY26RlwGCMzguT8fxtMqz4Zzd8Snh4shmeILXTELA6G6BopXZpzrae0Dho4tPZmWTVxlsp/cPZF2GwP7SD3twgR7oPGVJieod46czp0MfJM34Ybnb77qE4O4G2DHsBV0h7psyWVQs+t237Q4k2Ox2dCafwvEykIRvwBb8XcPrGEAjRZi6w7tPwUekAUSvN2HwahEHouGkI69h5fdCZrHdL7Ppft+quJf3qMJq09otd8gjRCL1EnCid4QKmSRICydRCISmGuYiDSdlKjV+D5XzlRWpt5adm/sHv5D1ZjpLcc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hw4mmSnqP53bMOdpFAA+Oy2S6FI0NNxV4q8nirz8t/g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TmFkREjxtyGgXQKzHw2RbVt3y5rtxeQU1go59pu8ZxuGP9iK3kdMm/nxGF3JckMdYJeEDfyxJE0lj4QqME7EVIKgXyVXEYiROWlXRMtRcLfUWnS04NJyIbsiDhBNpPBO/D/gcnVi4VDy1BFqtNsAx25HOWBW1TQZtrt5sWyxE/F8Ldd8BAMV1KWnab2NwovCCqXJjFgK6MkdgJ2t4cSmSVcZLDltmWzpvsyUO7D1o/9rO5btY3NvhEJT5EKeuKZnL52IIcswzHocR5fEYo0s1Xxqu42fKl3bSa06Yszbh3SQa9DKfcQfr/21y3J/4hjt6X7XNk/kKylqoUrF+y16qEczEreRrUg8BKbfvqIndVX+vILsZFxNosuD8mckO16LpPSN+tIN9Xzad5zeq/ciEWGCdj0BaLRu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hx38kIuUi+aNOujrx7suyrr9HLEbBiJ+KyN/L5OzwwE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YKPc9/CgLpOuMaLpULq12YjLGtmjgLbxwgkgZVPz24EuoArM3Z4QWeZhQSKPK0MxJ43NHx+B3UD8xvxbBx8vgb91ddvQKnd0vnWd4fGwAcnBuci+AhOjmRG9LreNGJtuCSLIEsG93NBVQodGLvQCC90+fTrxtj9r1SNHvrFGue/sjF9f4U8Zc/gnHOPhMl/76HqUi7j8/SIGmjtr2UcyPZai+hwGK3jczIlp8T+rVJ4ZAtt6Px3ixvlKeIN7Pw+z5uH5aey6cSCZfHloBw9KkzZtTOgfS3cEXAgPWWMCqJhe0SsBBUGuH/05CsRffpZrIN12Fabbi4dzs4hZNbZUY85EM7Ji8cdVrnRNVnVk1Q2xYG8QZidHUg+eIcwfUIcIa+k6e5JAGpLWgfI+LKd52rFZGoACR93e",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hxQYtYsX+RIwy6JdCuB4zjgbISYVf1aFclGLa5WxlV0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Md3h4R6gJBaW8zhkuypfB2IBFGfGhimdpiQcFpC6mV9I2VpRMH8gIjgwsxWTX6BV8bWq7MDlntucuibA2cQz3uKlml/wNTlbGenXcRU24E2dkrDRRyCLiLZ6jQslmcI+4EBX2eEwi5KNCZJfpMwYwRIAms3cl2EoYbGkn8cIk4Wfq9Q6OgERwSIL2PXidIVxZn9mvMBd7lU5qqjiqAKw75R8FuS8JFpYmy0BIDVo6LO6fZxmpERRSgdWlp7+LykljtAWcs8J1lReYT8M6Nj8rbfJapNmtciEe/wN+KoIjKXXqF3u8Fphj6HcIJUhr/KxGkLJu29lHqDKgsT0c1Bykjq12fPn9sOgNcYQeXoquZFaJ2LEItJtG3R3ThdNnKEwudrlT+GcRnhNoL4hCEKfb4oL9KZP/A1F",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hyF53o4Dq4b7qXSiyRbsxgxzecXaqvXuaNnmltpnqus",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L9Enh6Cr9N7/ouI6GEjB96Ka0QlQqYLx5y0nkeqCzw25wd+77r5a0hwiyWgI0lNBC4Zf7tkmuvWHvQedercmMsG6+OKXISuYLRdcTsBP18KFVxbVr1gGun9U7pwtvK9VdJDMs0oaE6vva3hQLoAPw9OEvSamdVxWPub+wgtuL2VkcyP4t/ygXl3nOQsubHyC2M9+DG+TYwK5URH5lFK6TpWDdXpgwCgDromPkh+QrMJSSvWMpfoo6781XZIODpXeF1gNfIMTRV9+6oyckH8u8gwd10FSJVw6wG30ZFbWCcrpsr/dcokUnaTtmJEGI/8n3jjpBNcxJE8+bWycePctRwAkpABTjIvgBaFn6tLM9KoWwOQsYDGkQSnnPPL5g7Q/pgfFFVMQWHZ7y6gm5gTGkcod5bslJ622",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "hz3fIaXlmiC9QlNXUNXHv0EExgNz0reblOF1grQjxQY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4A736aE8O4878oQUTGa5Jl5VLToRhiLqqo7ev3TRTF5Y1VuGm+IihS3fwt4t9eqHphHqtwkX/uxNPniRgxID08fa9hfYXfn2plsYodvF/JqSXMEOunQRuLnLUxDNhHd3gBXKcbnC4/ES4PTz3i7gF7Kk6NAMuN6EMay0BpzwerPpSxgddrNBnYk/fKp4NHP2qtEpnQMzajhQU77BGCkmBiHfqxeaxeO6XOMEqpLnQU9+nIJFojGlRC19pOftrwCQqvCoxjY9NfG+akeYMFWIwArDHrqneoRzXUnEcb3dqxzT0TRwdznbpGkFE2ku56HgvVH7jlxF3noGav3gl0xI1LMsDtmRii9AfTO2Etr0MJVQj0VUHb32bBnLohpACAC3LnBnWLty4JSjRKZPK5IpcRXx3DHBvTa0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i+UVACo3P84MgEvyWmCUVYHF83uc4seZmWTWRqfNfBI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wASjaQOfh25eQwFAY4FYqaxRpNCXo9VzWjRm4oQICt2SBWDNP/O68Zro+adQEeyX1RXtQFkir2gouBkvcrp/6lj9WKh2/kjQVvn+cZO3eDf4joMTKCZgZ/HocnSH6Yc+Grp5uOtn9TTi4heRE/GsgBDG/fopJAlmjvg0eHyT5eAy9WSwc4hUuqKE9cGW/9xrPRpt/zNftUaU2Q6LnHzM1gzAHBB7ZmPtYRh/lcSg/1KPzmPhcNWXE1CFUu8z1hFwvKKhsetDR14b8cD8Zyh8AE6t4ujrw9p0yzSCORYLVn3JcuuJRRs/4pqI/UgNLCulDQlghoeNR7WsA6CUR1rJmqC8ALZvgnD104J3ElMwmEB5LFiRvrOC3S6/rq/zyEmPQ0Q+4IlmLPgaQW2URQan/876+62leBBW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i+vgZKqKDFcO6nFAs0OvoDxzjYCU9lzo8sEuHMdN8G0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x1vSWsO7pvjHlGH17lOelLaEzTcBbcNWUpj+5OQN44aH1AUgFLn+Lg7Wm+86Ji8gOegtyvk0tP+FkVJ/9bYdPm0u9/8g4yhfBKqTlLQPKLD6cBA1Pd5BdF4ZFVDC6Ln19Pvb2guLkRc174076yC9NC2KpDg9lVPg32AO4JmrSSZS8jaohLKvU5H8SXCnDJLr+B++6ty/009V3a2rhn16cGzy9i/iqYVQJr/scYJwDO4SwRuxBWall7fb0U2aj/ZK4+9jP9Yugl1ppvrtdxfRzlmhdE+F3b1DEjmdA0gHU0tBYKmy48m7Lu4988v7aYPciZn8igYHqOyMjxVCjD+WdafZoWQYfJJeWLV99CfMWz0wyquWYOCex4++D54Ek3bnONXv/NqsPM/bvGHVlOSP0BXqMjH18UVw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i/NSmaYcnVKE+YVlThZzxXzELgoz3t5PPk75IGDoCuI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RDDy9K0n9pf5Gw6PdRLG3JOzkwTPSGLhD1gS/HiGSIG6GpdezI3G8Qra2uhcWcrDsAv+DqrZ2mMnpde7WrJ7ptkNfH0ihAu2+soN9rzgEMXGN0OO03JToeoIMtdZcBTg8TWfIcLL450gAYpMDnx0Mzj9544hL53DgIanMKxjawByViNHYY30YOzldgYLdUtATPc5WnMpt8wtvSnwtsD259oDV8ZZwzT5KdJczPeBtd20rJ1MDM82JpWIqq58ZkAftrypGmxeQn3EZvkUcMIpQzgfJcu7y10Z+xTpOqkQdp0bFKAdbfN+lRsX8fcLlV0+KjXOpvEd+z/zm366E/T0ImBDuCZ7Zj0dgotHPSVUCNpwlHoWCxOY4LzYfdjMpQVp1r5fiOLjniBmLzaH29OOJ6pWje56tLQY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i0dUM6FWFeootiDq2txem8jSAHzEJFILmwP6rH8CE2U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dederIFhguHICusF64bU2tw1w8OXJ1fbbJJgg+i4XT1e8Lt9GDJVIEwUJUReUqZCm5ziCFCV2F3aap/jFNyc4svUsX/IOphhMBoidOhRkrbZ3KAnLo8ux4fL7taxNkC+hDXfchPTvvxppFkKxt9APbMCjkZoZOkT+b4FzF8ub5f5QbcwmC15VuEhbEpnMbGeF1ahanS8b7GEReL0DZBQwZqqL82KWsi59L9DAgyBJ+mq5XCo4Smj7X+96M9NlZKqj65BvIPniz+5TTrnfP5Nx8xaaWhonRFbkcRcLCCARFzHuZM5btDgCHdSjnvV9ZxTjDCYyDCSK7+T+4Frpb9RfhcoAUthtfeirE+LgdM+r/S+cFKgAHE3XAgplGwYcBiQfzOedwTq5NvhsR1uohTkGf8F7ksfQfh8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i1zbN9bLzO7UI294OIy9qK9Rszke67T1yv4nZSH160U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cRQiAIw+kxJiU/++H5O+89c5z5FTQSXQq3tbcslAfmRq2gFOEMLT/jq4DvCXuntLYcUY2tDZOEKrhmTzs36o0r/w9FpqSlDb+rNm9GpMvpa9nE3V2/rBgh/O6Oj92nBz/GgYmzbeG7gdANiNuEXLDgWaXKf9uHsR2TOxQ2IQ/NLU3ZhazuhfPTHWQZv9N2NcylYsWhjYp3dyocnGlOMtMFwmtPdDorOHCeJBgLAxaqls+XNp/ROrEoWWKVwdjXcU+bs44AGTKHjZ8vjIwMu49gaBCEukP2JKU5hj4HJ4aTzZ4fi7xb+OTVxH3QTd2ViKthOeNRglgWuN0MbIqA4gI/fO1xVPsZONlYuew6KjT6mV53nzptrrsJQw0s3o3HBB6SgLOsLqrPmTAB0v+oWaTrGUpTYqwPEi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i2oSSTQJLofUYP50IHwp4qYUIJgmxPtvzyRZtmaENWc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gSqGNk1jD7266gG/3DuwxoYRLM1F8MM+Ax7CDJAyf6VpwFZ25VMIE+URL9JEL9V0VveBFl70INfT3Cs8tDUSy9GuTIAfTyfATcNXO/E2fAV9XYzvw2g7C/1IcOc0XsZg+LlP3SG3hTdZzMSMUbou1Tyt2r/o3ztZxvPikD+Pai3vNNV/k5SED60dDZwIvcftfFWHV/w/V8rhaECVWZHMn4dzsW7wY+NhJXE6dWrP65EuCuOw8u/gS6Jq+sa0+UhFHRLWYgaUNw2eduwXGuSiyr65+TpISAfUo+zSJZBaWlY8tNlf/ArlD15YO4fu8RgFQiS40w9GwiZmC4g+wL8K0P97wg9dt+W+l2CVHNT6J+er3oLZk5aaFwo9WFUeUrt4jIzBk3/pG2241tLbtCIi2gef+vrGEBFT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i3A5K8LEg9tz9xGBIk8WbSWTHu8zwu3NVIl4Buq4Vq4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3JM3TQdInSq5dEi6aJ+Nw28y+Bv9aIdP3WwEAJ6RW2Fd0ICtOfHO9nOrqQvYNIXhi2quBv94IRs8tBEPSYb/z+agQcpxasBIZQT9ef8Ziv19fb/GNoSCG4GRMPOc9rAV4O7CuO4G/miD9fkkjXDVsW0xgbvNq9Ot7zNwzGGwqJgunZLGOVKPdwOANsvA9/Zgewtns94WIIPZfFlGJ8hSwhYDqsX4ex/J7xgBc6Ifm9ummaqSxDEfYWj0pDYI0h3pV55VEGMjaWdaHzglEVp6pyTc1VXee09i7U7VmwuNMBGTkqj46di3dwTa3SBy0fJNEvYj8tMpu6VXHdkZrind7lqc7PPK5HITfWMho2CBLYK4pZfatk1DySOEAqXetY44wzHdS8pCPYMGOwXRxelwEXtETpfUh9sx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i3NxeZFV7x4nXJXDqQUPazn55jbEA4pXx2/41EwWFZo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wd51T7V3QBwA0eFxPOjy4l1rmpOmLKiJaQJE0pdDkocluGzbgue2+qpvzmjbmz20Dzivq7Q+pH2e/mxwU1H3S4sjQai1kGrT5GuoN2CQMVx+Z0rLzQ9ca3gJKFRcth+wBDf5vmEPBqSKhfKISd5jXE+GP8TSR/ouYEiRVxBLuOi9m/2mXwWHvV59fSJSnG/nZnYbcSsT/jlxDLsY+WwnlRg4OY263DMmP48uT3VxCjb/dWMkfvNZ0P1dhnTeEvnAXAupA7x3ed2l4U35ZoQpX8CdO1QR1MjnRFSGst523Rjpnjh6de6Gf3S/ScFV5sK40HZY7C+ognRTc6SHClK+kAJFeIUzXqUS4SZg3uLwBtsSIQfV4aRbaALLPlTt8pa1frgRUXZYKF9hPS9b2T7aM9OUItSvDtbP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i4PKPLrJfRl66cGzlxAQvfPAbjvL+VJr9n0n1UnHrFk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s2wlNoNqZ05sqcJJokF70OIfWrB369xrGk5CCN55pYiHJD1SihjGFs5pHc+vTvOQyU9s6FUbwsDzSfDEVl3Ozo1k5UAx9qHHuypIQJOu9hOFAJGIbijbFBI8pBF0XoUWLJvYOUBxWwKdyPysEuMkUOOviWAnJXu/XF1f/+KNe494yam1vU4KtWmJJeyAZcPVbYPzn+1YEcApaw71ofCG33fp+X1ckkjkCx5Ne+2KG7+ouMSyQGJ8TI9cpdrh4Sv2WY6936f6kb0sw0RDKv3UxWys0wsS3NwVee0tBPmhoodrC0uJ8FxUlLCpOTUIHQ0+SfU7H1QuZ6t78YYHaypPnkSOpINjGZtriLl8J9CjL9fsnRcAe9llyYT99O6G2ZPk7MFGzW5WlXX5kE/o1iXGFtleFo3T1Cvs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i4VmivsVXTLh60FBtMJGrEBIaZrZmSTv5opcL4ixizY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i86C+1M8otvwWfUDtN8rFnWkNd71naNUfycHO/mDbGJbkg7PvfNS4921RlQkPCtQ8dOfeWFl0Zo0m45NjYAxH7GxjU3ZSC6SyUwYcY9fAAIQBxUNj6yt1BT1aFPsAeGx3zhDyKqohTMhGcxf8tl0B2HujWmXzjCiSiv2F64IIa2o2K5tALh6z+e4EfeHE0NoSAp4sw0XHCeoexBuq8gDIWJGmiEdbp8kVhhYsOrCTxkskJa061S0o3KW/mJ9sGrYiPqpFVAmuOrDOLn6js73zGzOXujj3Twnrzm1L/Z2dQZyp4KhfRapn2RRq0Z9Ku/CgeyquRMH8MeMXvzcznJA9+BmJLe4EuaTaLzcIKs09MBBSTwfWjZ1qdV824wDGxcaJTxEQzwOOp8cbdmKzOdOUCck1zLxJkcN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i4gBBaxwK2Diio1Ja8SzsJA95XUVz3aUzDSPyeqYbRk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Wt9ECERVu2sCWqZp5b/N5446tOXE6gqmljlqOHBW5KBk304Hmjv6hy5pkcNezmMgmKxswE3D0oqBA7r4hioSj+Xwvhv7TPfIX9tgNvDdK1FIqt0HrNHq4Faz1gFJVR1cZ0CqIM4dkjZI3LZqqHONVEH4ZzGkHnhcYmDoVsdYQTFh/3RkcvU8YOSa64lPYn6jCdTJIz28y/txcbTaOpD0ahlmLHcYe5o92Dg9xlg0UiT0/pLv73m7vQOHA7B8eAA1SUMJ9OyD9XkbxiDS5ZYqJAR7BfSlbdhhkm8iaLgpVJgVH3HswvnjNK+MnEaZJRi1RHkQFbJ3qv4Yj9ZhQeapP7fXICvNE8m5nk/hkAuFXJ1gU4s+N9KgP2Hak6BtmKsD1NyR2OAhWmQVGAEfJaGENyBYBPNePjmF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i55OCKrlZRFDxUNR6w0m2uda/OvNyiZ3t9PHASlxhds",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8lJTkV6Cz9CeL3bQk2t5PVH5tM+z/v7HR24TcIrObVCsLG+k5kioJxxJYrTY3kd5GIqgl+cxa9XqC/dd6B6s4u0vNupt9N5h841TebnaGJ7r1lYYAdcQxT7gOSkwIk2XI8EFeAUUqvr9+rJdlN924KVsaTDZq8ByWoLvV83/DuQGrQeerFEnpGzqCImNNlvpmehDOBRQxVHdllmzeI94sqP0yyUbAEyttU7uQvVH7UJ2h6Ar+p4hk7Y6OZpuMlToCxZpoWwxU+XbIeXOnFUNxuiQxQTqJG+re0w+CCWak4XAMEHw21kGBIi+eOa6XHQwawkPWEdEvqcd1SE2KXuNFBBLD3jjRhX6QfkbVFwKN9ujlEVEfdFVwAACwFNvIa1CFldo8U6STLqf/d8Aba5GEqLQ34QmdAng",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i5YGKiSvmz0a24NvSyxqP+xERXiqv+G2+0OFUpKtkGE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZXMigG591qiIuNz1sLaSTa0HaEvE7k99gKinhozfR5ZKqFp4Q5c4/iNvvTY3GxDw4R0hfIa+N8G1JmgYFanj3RXrvwLiDUTt3KpWxOFKtR3EmuMbi3pFLZuwPYI/3sK/eqTT5qj/F6t3el0skkRbUPKo155o3nv5KLOvoAZMmGM52FemLDTGPKLnG8KfwRoK4Ey6Z8zihlJQpVJoyhYAH/l+qS9ASA/c1KW1ShTFfcj+9KkBOZGBnTvhB/w143JzUsFUC21u5JOtMmQaqwVco5oXZLi7x10FEkueY+SmH/pVU+8mXYFTjJw+nnwOmQ6flizsg5Hx40alCn6XwhPNZm7+tw6gXL3nXA38sb0nVxsoVDQRxz3XDd1R4mfuPLsjoHV255Tt90WAW32VKqy8IFsKuEHf5QNj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i6/7i8tXaHnn9ulJOzdrZtvUaCutyO3yNKQWZGZpvUQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Qu2URURIjidRL+G/BrLCWrH/Y2Oup8D2emt9ruqPcgMhWAr9IsnzQf/nLS+peCIiWB3Z/bMLy8/BI83c/kf18QP34Hjw1UMKlujuz/btJikCnNzFh7rBiHh7Uz3fDjxpE4LVprlGeEH7FMuTLiu4BzPghyDf876Y2ZMuex51F9eAX1pEKZKlFRLX9Nw6nfyziQr13hQ77Gt7eyVPm+w+yhdPnKnUZUZI0sHi2YQtnD26kUu9YqqHaOuWrlNlV0PeL5lTVxAeWAKcH/Plwh6vOWcwm0w8z/+CbmRvGB91doS3cDUTKoVnyMkd1H6vRY/xdynmZ0KT4gG5fsSDxkQKHxD1vBE+Z23zOHoTy/bwj27bU2dmahNfQmL84EW5GggBTTFfRT7hvw97YQnKGf8DvrsqM6mOT8tn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i7Wl4ONsQZj+Wb9MBmVQo0B3KIG1EuHfnh9xH3ieFxo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/JgCDT4ArgBBw7i6IdSOr2ptF6/RT7lj0s5wxkamMQuBllNs4xc+dMVd9V96fg7oY7Z3CvvGxzo432RSxWlNhyoxOfcejlXh4bDGkB6wiHm3vnUil6oBr7i52Ye/Nqu7SZVA5BbY1dLJ9wqqTN7hmo1enZyf/6zqr0oxVgGkP15bUDFQf4ZTMKv865LEZ+q0G8x+aKEv+Yz4tcywpUXVmodWKzuaymBN80OgRXBdlm8da1VF+74GRHtZKgem+axn95T6MbuMYz8xHu0JlUUNbwnPBjPPELTArIvpLPIUWoaWx1dzOY9SDYF7IUgl5KWLHXWgy0SQxccWY29HvQwdnjb9pBuLf3/pkrFVB9RVuMBIZQ7PjdoqlrYTyjIezu9N5QAirZpltE52h8MTULO2VoaaCfwCdIJJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i8F1e7C6FInuPnUCaFkA8EEUfeybxZI8wK0rlSHl0EA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "28AfsRRc1w5Le/YwQ4cYE4j0/0HG5IxLazx60U/GbbyelKt+gzelAaac9GKVCqe593vhT8ezKpZ7wb6cr42ItJW6fkZbZym2zJCiHfe67nme6pHByX3H6wWs8f4x8pCfyQcJn4PNY7m7FGPOZUmKOe03uCrBgx5OlTxN3b8X9IbQYre0tO4jdulXPKbTRC6BnxYJrzdCBwGUaPIAp9ocBtBUk/bjSUr6bTQb4ybDFRfhFbWCOL5Xsk2lUYePQeFG42ieMTTuP/Enh+P4hF+/U2bQIGHZWC4BK4zq7AD6g/73O00q9xfeyhMDoIdWu1YTQZfes3KHj/W/yoTwvDGlsB6ysjv1XvKf034IxGHVeOqua7NnQbUa/66A5jlD6neqpKJZoHSLP1r93PfagGhVEij5b90LK4P5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i8d+GmYXfy6USAQYBAXHcpiH/55crbecce2QwvnHPe4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YuoiRMLjTeCAUPDJmEvQJbRTXUZiOiniWBJAQgl+1ypQlIFoN7K79ojs7y9tukeN4kQwTKLalNXcQiFVVInEOEzXFIwypUKx+oIjt7/MqjqqZeIONzD07LKa77Tfa20Q5nSMaEATV3TKDVDBbcBtnERQNRfa+Y3AxxqZ4UIsIBa4rit62OASjStrVTyaWiptlG2EIIn20u/Pg6a9gRkj0ILHSTkzC8fNdEXBO8nID/QiXUEdNjS6d9l0OWq6kcG7sMOn15eku+XGR3VDES6HCBNSZjQUJ0R3F5QrK6DTIWB+0BvDXlcFU92KaQcesqe1cm3+i9Qv6n3ZFir2FaFmHepSKrgvxV870YX688zG07Q0xBLbteH7NenSzEh0JK5sSRU+wtWVZifkK6F13zlfnJlfyIW0Nb55",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "i8ix/Al5W3zzRpF4Gi/ra82jNqa7W7TYTP3P8WcKSPY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cMGpsgBwwes1uOTlHL5m9C2XKXH9G4WaalC0HW+VqHfuXu5bva8PqwJRz7o8xnJOmORCoNPJ7Qc8bPRvtzSby+kdpNPgJ0DAJiIo7ye1xvm08OAUCJI5q1uoqCByklwXLNxIsrJUhln3fJPWqB+8QOwMANiq3I3HUxVyBT+AxKUY0Zq+jHLnukvhfvBKimrUMA2Gg+3YAP4+GO7m0UTX7LRy9pokNZ6m8yemRt4/xR5ReafpMajbt8FfMre/TQwwRwHB2KDIXSHDg+U2awWOi1xYkJNyqMBaFRzKb1Z8u2WNicaQ0lnNPY/A0Ah2DZv02jvXyB0AEsoJpzxSHX4PoT3TRBO+k4QUsfWxnT6RqymDwkoFEPXuG8dzEO+I+q/8mjwy/8NdBG13+8wLxx/5nR1oWkqrU0Mz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iBXqWHYXydwYP4TLpH/qUMb6vx4gMpcTCx/vXzx6aDs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s3pWkq0dNuX/20a2oPYioXurs9RdHmMbecA64xWdDAgL+20iKvu6+kSGqZpBw7rmSsXjvUnw/qlkCiTOg3W1gOun0qPbXl03vktqFibMKWDyEIcQuE3JihDkkyh9eLlEsZO1uV6wBluzuQ/elfrXOSr2RSv8saIXStmHp6Io7uVhIXsw22Rmtw3n9HvXyZb8+MK5rJuFa9vTD97RKzC7c/asVo33FrkaG4iwsNRmcZHxZbUi8fc+oYLEzMtAai7zD7RzC53+IquQE2oS8SRqupIFMv5iy9wj7/oHpXJ7SVumKB1F+hEye7Jh65lAiFlmzfGmWvGY4Uv9L4xWmX8AADDx6ULZurLR8LS6YB3564FBSn4Ckiq4arpYk5bD0o6gFOnZ7tZSdUdtK9MKQhpzr9t9x2Bj8rdm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iCMWZX5o8SzI/Bjtq4eLkfkYkU3g5hj2mf/V84sM7Ao",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rvC0nIGJoB3pR0KTGkM+ynV4PoTHGIngVWB8pf4QTboqpzsD54+/1WErhqyMiipZ0L5/XnVb9IvEtDRhOy1shgjGtel6TBnrjmrE4kKplI5ED3xWybbMPWjpHG5ULpAPHmELIZ3GrjfC7aylqiKsdgXwmjdrq+5QTXljbVXkt2edPQlZV6pdQvEXFNOswnUEmJ5PMvwuNCBGY5eS5Qf+HHPVIxaa3Fu4DK303wHMOhSgXVjHQaGEMq9fZojV1kgwPDVJJVWQJ2PwulhJHDsy2K8m3fc1PbCktQVpNgFk6wLCm2uwyz1AL7a3cgS75V0Mu5BpsNLch5c05J0JSf8YM6dPPggAx0ozSy61ek/VrPbd536cCJIOrAA523pzEZWyLAHGF7RIUpOCMLQEs9bVC8n49UiCrQ6A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iE2lToHF2LjufCmy1r3uuOFV2uBFYKkH/ANfLvjVQnE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+9S24XIjIQR/LlxKnJ2irnP+pf77gz86IuM9WUpLDdzH6R84vodCp6STTqIEC8PTkMlBZLQ67dmvVFEiCvtfCNHgkwMwy1sgZorac5kypqE8R6h3V422OIz8A93FR5dlnJ7XJocCjO1Zl9T/HGROc1uiP/eF+Svk+OzkwwOAU8Mv8FM9Pya8MFMEqs4QJpyL8awjnl8UjwhS2Zmikd70RMY4VJ8Mr7VRcEQKPXhic8IcA2ifBWpEoKhldWaV9yZlURTthH6S+rsIpzhU/B/ZnH4HwgKQL1ayXcpIjVWmg0aVsyueNneaPyQr1RliHbVaJ8tMxhPIYiZI3QezrJHWteeGepSF1spPi9y5/svNRqCgY/ePssknr5dAV/l4k+fEB6nD4XjwilHzY2qq1ZyCyMbOk8XW3SI4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iFxaSoAP3mP+2VDUpszSHeHsQjiW2xFULv50ghK3xqI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uAmTw7g55Gs3eTqEU6/9UklII8neygZLhj6EYUNRq8ZfCMAvGJrIxIODAQVuH9+r928s8FS6vCiaNP1SvyEVI21mFDdlKUBjmw7R6Zhc230GcV128q91x05/wgcH6paI1kxnxQFD3dTJmX/A7uLwX8Puf0qxJ0q5J7gClxY88NboP9kC6Mu7SgYNUQXOQGxWeoyozrbh0gBXmOliHcwdVbsgj8JOp+jWjsYOaqllPsWnSCsg6svCew/KShhBPt1uAIErMrO8YOloudQlbfl2cr6bsWwDsnzfnZHNz7OIpgQqeWpsyEYmFd6/PY3Xw8iKZvFf/b5WAJlYfieDi7QcsS2cDZqoJTeva7fMxKtny32O2CLzHuNpQFXD5pkdvGaeltXDsssXgABGyWTtn39q1rhvVqyWkiqt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iGR9BhvcxDBrmC6pa9MIqLviVfeJw+Xw4X344JFuJWg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ss4SgzLdIesYSML0ArVGdUn1IKsW4mK6y7fnpFdHbgnS5Prkba+Z1SKr78bVZmvOuzc2/3Ur3iqnjyJY6HfCxSc1vJQdBeI898spcGY4fOtIYNwr6oV40haU/sxZgjZ2acXclI+l2xIKAM8vgc1ulv42SeyR/xBKkpNs97RNr9lVq+6ZJin67Et0uc2fjn12Dlk2rgC+Kq1wQI1mu6xwMtuv/mYITxvwAujl1KOM9nuMEFaeFGj1NYoQR9jx7qSS9FZtbHs1LO1uO/LFBlUHggKCYJ5skGQ/uwHs/N0q3Wkr0oyyVMSM4MDlhBgLw3p0V38y/GCCoD9QFTpFx24ODTQCWAAzcMQK1BnZjunET697SfQO9PrQl1hImTdoTcTBnfqjBMokOUiZzicVUNvRGLlno7n93OEM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iGTwc4c0gFiW/q14Rr39P/eW4bW4K2O2dk3rfF4KJoE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hiNymZ9yoQIjvQvcO0KU57v1xlxtT69bEvScpaTNVs2sE0oV0y46mGib3vMMuaQQQRrp6kBZYZZC214NiO0GMxWd06VJ/Hr3XxAVuHH7R6lZM8gOimlhmxQOOpmQI4s2okLOQh0WmBl5li5QZv1wmlUSYgoKRV1+FahfVo++3EED5tU+CwbCl9cTlAaUVCvRTAqHWAxPhfhFGscwCrl0ZZrUwSax3QZ2MHyq75UQ9c9sErBvhqX+XX+M6Mv5nD33bjvtODRp0RaYR7nY/MlNfEYL3SZMClj5jaBjugqB2SeXrFkCY599MYJZyHcF5K9BxPMblls1xlIe/Dz2KSBr5TDKnbGdZDHpYTBdVWD/mYz3ZFzDc8wH/VNpg5oN2LOhF1KtQMePWAu094iE3pjqjVzNzs3uRZqI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iH1slmPm7B/U7IY5H7qNaOh9s4boDTfMmm6OPcRN5s8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hsBiFHXZF0xXGNL42e1M0cQ5x8fWu08iijsiVFqEjb90w1B8GgP/ynwabJadl8oqN7xUXU4ygoZc0HhpU9zcC7bzR2eKhfOU1hhbG0G0PXWENI17ZhlJN5xetz+SlMKO/CBpxTzYrYcWonMelExijY76phxDm5PXwxQr357EtjjWs0M1MV1hkHwhZOjDZa/829KNt2LxRP/Zap1MquNiARL3t8yttxEyN14RDr4WEVZhZDNxmpucEAXNQKETL9CNofYwjVFV9hmVaSBlkCvZ76H9ub6Wl2NFCEF72rNCyJwM+Vl074mB1jLOTksG9G2fStndAt9bjQCRAtCQmY4xFJsZRGlXHnDz4Mk1BdF+4+9YmVQXqUkm8uUFSAnmMixTAqhOnNLZ5k/NOUZQOa4q93C1gAf2Uf+0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iHg3jp552lFvUWrUawllQgg1rU9M7Vsh9Bqg39taG/g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sNxPn6EogFftpPiht/PtVl1NaxzHcc++ZOdY8HFfyQHiA3tHrma7gjWk5aBJ30hybYbxUIoiMyh50qxT0WZe/icUKdeT/1KuP115iRz/D4kaeUkrusIdVdtmqKNpGq2B13qifMFIcam6tJVwKRsTaESG5x93eJKnlQILJVhBlyA/a1a/FLeN59SaxHW+iCBsaF+rjIHD4bXc2pkbZpfGr5UiN3uhmYKUie+oPiu5h80otSPhRcu7HJPxlPzBfTTP4zLQcsTVppzsNN7RILaK5Fst2acoovV9bzoXmsiViGInuz7UePIvkZdDWPEDVwENiACdH5MDxD5D35F6grOXNeEBMvEU91y4VMJseOTQXs3d35+Q3xzgYnbeKx9kuTlAdWAOjyb2AyGiB76DqccWnTA7Qkm/mPxI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iHuzTKqnuOhg0zFjeQc432q9y81f9TWX7Durm4Tz4Hc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DHO/Dy3kCYGGPFzQ0bixFKooBuelz5GC1zdkKfVa3G9VvPfLO2LHsU1bnFweSyID/1zIVHvVVOHy9OjRSGXk/ous8ydRKYItnljWjhulEOlx/j4IGH+jaxyGeXWVzrAzV1kpe3QB6/0lxk3ML2a73oqwossExfLHWchsMAykzXLEldx3+W/YkXcrCUFMXsl5Fk/ySv6c4bcgf1WV5ac1fUFT6xUWwThbGMEx2EQ7dRjVkb7oe+4qpOotbI2fJ9FGh+uugAVwdFcAQvlSp//HZUYj4X7Tircb1Rt1gqGdLXe9PiMZn8kdrGjFxSGKXzi08HJ2nlOUg129yTBFyTEEbMzrnWtpulLzdH74WSVgXAMdBP2LFT8F8fcN1s0ygh3ek6xXeX5Ib5wtly7dj0iCT6GuuSOFwOyg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iIxwVx+o+J56E2FY0OMD7v36aYjdhAkSaWMcQ4EI+HQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PqVzT40X4NTmPAYrcsygz4aO4r+fE8Ulpk+R/AzJQU7rERpK65K95jMyueHWo775clyrD2q/H6+ZbIVKS6QAPbRtiyj/nCHLldwzPZjiiFQZUDe35/gCh07GZ1xLRaDpt4bEe3U50W4EI5QdMBdIl/dUG2XrwR9nKzE6cfjOsB7GnieytZadczTg6sO+bE/GeUP3NvLY0jZFr61xsyo2lDwcToNFE5OgP5TsMySj4wRLIPjsiZSz9wmm/110JkfOM3jjlLn2K6PbfzUMo8oq3sSYyJBiwPMpbSWDoT1Q4w1E3JWN6ofdxmVmS1Pk7AKHABROPNxHg3SVqwTu/gO0fz5I5T01+wQ7gbp1wj6+kK5FNXM3WWDEldqs4gRNEjBLy/gfpYO17jVWwWrXAXTJspZLXQRsIMCs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iJk4VdnSY7mYUt/DyqjV/wxX7nBvMQ4aK7aQeBD7bQ4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gzhwaQCDlPTEnVtian2RU+8Wn2S7gM6PLwilidYKnLwAzELQuasNHfYzqqEWh4iQ7W9tKDdGgYyPSh4twqlCjHcYHoUZTgTgW8O023Bv7o89FH6gi9KyHfRW0Uq2i9XD3ca8ZF3OYe5yf+EPZjMQp1LJU9GHY9qXNbOVbJZrjKAbfsGCRSmUyei/x7HB8yD4tU7dF0WlEnUt9H3r0p6U33ikFr+spvZ/xIOHR30CLSqsGBjnprffMENsojNscShCYWxiSX2tSD8g+p1SUEVO6ti6u8nnDTglEUjanuDwEC/d8pF7GGN4Qk9UEmW4en1W7JAFu+rXw7eAfCUsyDXpUSNtHKKndGrU//2s0Us8UFeq4Rw6+9rKNGvmZtb+ghyI57bCHa+P0LrKMiNo2GKb8zM6hvU+bWUx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iLBsWpm8MBuqMNu1UlL710+ISp4LYQJhSBspnGJUpks",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/NUecV6gE4ETJy1b1u54xHQQZYPCBaE4yL8Iq6yUM+n1LcR58qrKXS2BbntlzZpxkO++Atc/jkIJTeNKWwRrqUR7jQW2IJzwdN9ItS9A6f67J6T7M72qESrVMMoRwsHmUZR5PYZFFSzNL9jXzLt8Gy0CWHBqyxBrcOHwonZpj6+TN1o/MMFyRLzBRJFyFXu8XQzmh1YMWE4tQ6OQy7ZhMEbjhfktDA5MASpHgIcR26bAwSm9Eg0ZBTnDDmp6IkkLOFOG+PAgwD1n8WnU2yTlbvCvdJGFm4WB5D1gzoRC96KLL+TuPq50jZDSU8avm7vp5DrHC7ORDQje2tbGSPwpA7nZcdmFndnLIsihmT5vvP6gGB6DwscyH/RToe0DDD8gL7UfNPSOTDK3rVPa+YH4LYSdhBUtN4Pg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iLyF6n6Oozk2azxZd38pWBGCBbMluwI7/xDIAthqns0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tCYRRf657gw9cEQJ4BGRwviu7LANgOb1lygpRvC7ZcrY/+aDN/Nhm/m68Qhbdy5JbMuU1/Syrv3AitICunEcuFsIwJD8oBZ3VCBKffVdRC3McICN59f2S5c8HeNc/4jpKhK+ORE38a5Ru1rXushL1itqKllWRI+h/RUSse4CplbN1/gFbl2hhEg/bX+1ptZGuUlDy3ZxLooyLz+0T5ROx9Bf/AVEAE2dmHzH0B27hXlGn+4W4I7SUM0Vh3Z+5YVyhF6j995smIO8U29iO9I9OgB3mHBXyjWPQ5u2Zrtm3Z8JeuAFx6fTLCczQdmRMro48W4eBr3PR4qSCFkYz6g3Lsabkf8z6PJlmglR8ZgNjwF599MhNZcPbUfAwoGzLCrmIDHOGBZl9uX9nERA3BwwsSEUcqt3eEBW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iLzF/od9kwumsC3EUcD949KXhX5Bfs/a59t8QnPIYi0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "n9WJNuhlczb9pehxlN53xFBJ8tnWiILj5S2b0IcMGbkn/AO3n62xvk55+M6Lh11JEcirsGGyIZWycF3vwomBRCMw8pMEDRpBqDWBPELzHvQotea9Oz6KQtg8iS+D85GFuJPIwzkmeCpx6XAoDfVKbYWmwlOj+cXlBhSsvk/G+cXRhnyQejnO/cFDd7IQeVQZ+HWIm9YMKR2n4Cj8/z0FvtIjwC8FZZiRubpyNIWWwbadaTc3NfQR1QbDtScVuaEtUhtgFKQFfESf5YI17QSC4C+hKOloQIYcXLdnh+54OSLJBfrj34CUdSJjQqWyNeTPFAlq2Zn1jfJrPbKA0JonpESe2un/L/wjn49CVM/vf26XsPJQdrsQUhWSiO0BzOWZY8xd1nUfbpAb4b+09jIgW27WMQBq4SgV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iMANwC9PEr4dULiqdP32jSgGiWcjWc0kgt/Giy14WWM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vWuaK5NaJBOruMNny0ZH0J7XsS4ELmuDd+phYb/E2rGe54lAFRlCc5073rRnJ5c6TkrGV8EkKGQFjPkWsJi/xjeXXXEmdulZDAhZFSttA3LBVTr0McPre/4LqtgcSBhJp5tfdMkY5q/gg6vRWyIqhXbD2DMYNdNiUi2EwBYcPKjw23/2PZC2Z9t2N28oVCmxWeibznI1tYgoh7VIoJnjCrEqBR16JCCwgYOXOETon9ktozfxj+x+IR5SvdzmAqNIWoYXNx+qQy6PQ8IXmEpbgRcgPjltdeT3jdLvVvOHjmz/CYab2t5+eOIxgNazlC87Xzs8AgkHlnZopkS9+h70abKuoBe2+dfJtx+MKXr6bPCVaZ1lArLX6TNda6qCY84joJB97qy/rml1CwaJ17wPZIEKiHMX/Cst",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iMXlsGncP3h53QObgyZ7Q6wOmMog/IV7IS2FUY24HSQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "U75H0s/S0sQykB9gKVzuc++6icG/bgzdqnps2ofBC+WI9F25EToZ0IB/ue+N7hsWFQXiMa8DuVJZHVDuxuTbJNhHyMZCX/0P+MTaSjLjdJqfibsMEbeegzJY/1YOxGl3FS1cSpaT7u1IyBA6EYjqh5SK9aIrrdae1nQ7DZ0My4YGslb4F+QRzefmOHo9elpAVR9W4MW27TRpHkxuWZ8LlzOCUmfJWJ2rQIk857me01bjjMTOeEc73cjeo4yPKVurO7CI50dkABqR1ps42PxePfMlAGRv/QKx8xP2eEi71Cqb5pmMMnkzpnaheomXg/WPc2oiSO59AntSpkNLLtVIp/5lGHbNCbxAUTov1UyRGspe+ME7o73cx/T0rD0yDOpHx7oetcLQ44F/3TBWlEl/xp6yQCy9KyZC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iMiIKZTnAJ4My36yTwv+fTiEMhHfsvcFj9e/3Gj6Mg4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+jlP+wy/zSpR0+OZzAQcCXavmcn80hgN9jmL4urfuYDVnsBvW00O9cGwe3NivVjnJO5/03TMwol9WFFIRbm735iT4jvUj6T6ceoZo00ismp+RrxIZlpm665vL3bdyaw26dRNC2GIJW2+CcB01Wu4KyPfcOJHSHUcn4CG5m/7I9KL9MNVqJLsIse1Bk4jGEQ9Sr3L/AA6u/uisrKuTAX/8Zvqk2v5BBwNYT0ZNJulbPX/kKr5/iy1lwSbI3nx5T+ZfMxsQlsns6dNvIlkJCRRHaqHyNvsPy3ActGGO+JC7CnEyMGcIyYLdf3WY8P7h8WWMXaFiFz0XRfVDnlcBMpTB6CaA/8F3qKRbf6AFgkf5uCVp6sHotlzkxkxIV4k15oUMQI6JZy7sq21KjX4jtDqBQaOzjkOFZbk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iNi1lIW4/es808VJadw2aAggcDyqzIMr84XBqP4V9EA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+JmZnmQa3+73e59jFEULBWxPuEJQ8APL5eHVfbfOtrUDokohgU7j7mOznUD9wlM1c+iffUp1cFwY5unGxmvTvmrvUYG9m1hoAWWC/KA6jnQKVuxwlj4g2t/J2GgkxXJbbaqxMz0vkoploWSBd221IM2ChNVSUQCB6SamNlzBgw4E6iVrAiL5ucFSV7AzQAnBM18yb+p69vLA719mFGneSljwEBkcCny8DgssQwafYQweycTuKkqxljyn6zKYcgKKHdJX7C4ZpRUw4yc+OQ+jzQocSTkMtjjOYpgdcGyAz/GH5hqSzr8n+GmIOkFBwhRHXqvSUd/klVszK68z+KYwvQ8I+TZBukEqSzbP+g+MibjfeovhSEe5jsCrLAKNdNnAOn4aU9n9ML2LuSyGOfgJsp3O0PyAQyxf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iNuRGM4vRTKRUvpHKd6VA/cWhus3uHihqEzhjrSUH7k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iiqN+dQgXBzdql1lcBbwjKfG4/rgC5FllJSXCk0OdsTDWYapvje7OTCIsvME3ifovq/8fU1sw0GOGHVmDDZDDN38JNxjfAhQlTGMaz9ZGdfk4sKjtQmKQ5E2up+aUlx574DqKIaCtagh1IlBXZEKMbENGER1IVZvgg01+NcPh+nf9+f5LJCVgmRdBHgO7l3s0BXbR84i9M/OpGGEJNQMXc4QHqr/eM1171SvJJtQqGd91W3eGYi3yNYRKLSQCrAsJgIktsa5nFhkinKXVD/gWfNJfQT5pSSLPadaZenNc1E1AjlWAg8bAeV7N2BubjVI288cBFI03K5/0h1+BJRKlpMJ+knRmOylnHV4clIxflNv+JAoZBJOBHyINO8llvE2hzro/O19awB8HquOUpExYIow/vLnHSmh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iOBa6GKvfykvWnXuYa6CYyOoaDtSW+VNDORrMl1q3Gw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "l6tlqMlLaWVwaHSpzrl2w0hyKqOWYXXWHVxmv8h9nV5nzRO+ujCJq8gBBenYaPPZgHo4GPXbxaYh8xeSQDhLfCc/rZQ8Z4wGBHh9pomvAqalia1ZtJen1UajF6/MvqEBUuBYQRo5PyA1ptXRHqFRvnhMJQhPPYhnedDNLz/hcPHxAjjKbF542AyNxx/YS3ei1FOKMQCXiBOK8tennchv3KUIOANQw5H1wsAIhRbT0hKbG00FnHsXiaLDqS7dHxku27oqQn6kfUVgTzgrZg85lYfUxWLWACNrN7lt4PUQE3igGrm9M0yo+/8W4qn+neaiJgbvUE0BDcTF5eObhOoAARhtZR2X2HKaohtwNZio8rON3+A5cnxOOC1STIcwyW7WxEzG1w+k2V+3sK/I8wkIKZLK6crTHM0z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iOSP4vzTD3HXQ7x3Y8sMYw2HTE1++6kESJvw3E8K8cY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P0jjaE/yNLlEuEv2pBVTpC32T2+kiso5nZC8YD8BgBvi/24LJFfnc7T9/T7n5wWRrOp5YO+js7yS9jtY2mgFwzFM2PZYyS4UsHJuj3iPne7mmKUqlC+3UegTVNW3V21PeceNfvIGtcz5dlSWgIx9OxyHowIs567JWT7lW706IeVa0+/2fTHm9pMkiyH5zzheaqqg/nz2AjVMq1KC0PvBMj6lKolJfvscX9eX30cOzka6J/CMK9sL2RUZJzRkRb/Y0vxtDf1raYAvM/9oU80LMVa0EIvthTU1Xzdvh0NC6L1EZ3u8QyWwsivBxK/Y1sGefPttsrxbXplLUzOGZXuoRm2YY99wFFFkyXdJamiTQ5wTk/dbdEFJAoFV/N4nykZBer8eUl8G3+jOE/5NqYdDNaQFKjSPLisb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iQvZUw9MFRU4HBUIBKOGYtNhtTJ22mvcL/ztvIsvm6Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "feQ2QUc+3f4IuFeVD4Qcqx6tJqmMMpfgNSi1u8CA7vTUwS5mhTb/Wh8gMWrUqsZBUBeOwVJGibaPXrWwD37/w478JSmcF+44KzIdnBU/WbMadQ692GV1/mvi9ZAiZ2uobPUObsFbzXVDubypild1vwRkZxTKffHH0GCyH8EuUmfupWMRv6pQQUIuKiwzjhnyPfgGaJoO3bYIcTi9vUKaxqNZ5KrGDlkSv6ET51W3PlgpnwkTGTY+81Rq9GtpxK4lub9RzTA/kJzFhTBLMku7vcRzlddbm4wb4thRca5yv2jIxaAtOkNoSXXALGWoLua4PMl2qdM3lBcPcoKwtVDnk51mJ/FOFIBRKDDwX/Z0nDO7x01hqOKSzMlHIRglv7xKZuFm5pbgHG+s8ShPaDLF080ty1tGhoWD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iRLvewXpiukuTjyEbwFI/YozEPx/CfSie3j0lkTrj+c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pvSHcBBLTuyYQtyHRAEfvU9/uLfxrAnwD3LgbpiZKcoh2GnhQZzVlRpJmV8Vb74hXlETjZTEd2IX6NnhbjcgfeLX7fgGxn/G7YKqtEMGFGfJ0cqVm1faObG7r/kWtIyhtUzVFNx4YQSY0aJElGHHeqjoK0kRmnQ9J+CsdCDDNTNGD/Lw8fI3XqnA312C3C5p2jzOIVRFYstMdI53lDwS2NuxEYlzSx5qZMV0O4bZoQ8OMUGjJGCPEvhKeAyfT2PufZ9jbITTOAbqAmwt+JbHxaJFiPIg4wuyaoqN40WxBoS4ZQhk9mdATIXlYKFNORYgpN530zruYhhc01jjz6l5iWuiRBcQ1I40rH0Mk0jxhwch1X5SA5qadV8pKT0RmNr8229BxNmEjGhzppO1B6ERORkwjDHuee8f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iSX0P4sJKbdfN4ukyoxwuQW8/uGarigEGO4ertDoiMc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bDo6HFFnmi7u/+DUEwdgGkpdMEOsrL+ssAVcqRV6uvQoz8j/0iEYcNShBYGW9odR1khiDsNUdxFcp5Z5o+OBGKwmvNE2TyW4Y7O8h8XGnS6yrEpADbGv5lSi3v76A3PW8hx3bi1P73GKggPcE5So/B42qPQ+ye0rX5Qhl0o12xjXN0oddwUjS3LaxCvbwwNYc3eGK/yLDGsQmSHozyhsVjJzScamYrC0fCNYSMmx0z/B6Csi3JcYCJTUTWXDnRXNlgN9fi27dfouSsoVkjRqCswDnAzndcJjm9Ov8Tda0kWaME0/nddVYWBFJ/0wvRFQ5oDdMnYWAIMhCfQ2z40WdQgZFojIlHb7UiTTzjaGAmnaczMGHwjoMsYhUiMNDRTpwGmhXepmr9VJM+112Dp/m4TAhg4Qg4up",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iSjZreRTqETHQ7HYeWfl+7QVwQuGTOY+fdkVIQ0yZQE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "su8VZI4SfcPA3Xe/itB+4IS15VJBqLVIiSa5+SRZlRtaEs409LQ/r58yEDKBDfLdy2ELRzkfXmIUQwhrOjJ5FpuYWvMFGxnrx0NCYwdSyVgO0sO7hxqbkgegbPYjQF2u430fyKDv8vlLNC+oelLz1T9A41UMGXAbc96s16Q1+4EXEDPY03LMYwmfz2AqMo7ZoXXotNL+tswgXSZOewezFlMfSJKpkCXO5WMxxIXGRZPlsYW4sY6Eh17oPC+ZDxuHPIfRi/+Pp9C+aX0rTMYfT7PFzGGo+rsj++SBY0zSd47GvCJZKMBVC12qqfeauS7W65/S9THO7KYClzozCimnPGEcDgQYWmEoYMcW0VEuV4IqdE1QILM0/n1/qv/kjHvR19tvVRi19t8DfbRNgUV7K620CGYJbuG2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iTcWGRd/3eUXW5UrUAdleiXlF1ZY7ubrjLK8x+iLXXE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "21VZ/gPDyeVy9WbQK7KbnJAK1YSvCdycWUNFkkLJguCL8l+A42R2MNM5oNEq7t9QwuFx8K0rsaAqxf+8krV+6IsWG2nwP/9J6sMFSP3ZpFNII1Oc6Eo8GqdmAQx1kemG13Ig5lwc1EfZW1wY4TUjmQNg45ex+0WXTdbnxl6FQ4uxmdE2EJLSCA8dKd9fMrIqTDaQZbMiSqo/yyvmnfsNj92QGWN01fcX6WKh4MKM3Wbej0xz90JuRi3n/2j1e0+dKmBhmUWnl/OJGmZNMbaHFaT4AjzK7g7/Yvv2gVIwJxBfkfohqpGv95AQLj1rlZkO8YtW+Gyn77t4vJQ090cNPM+y8b6W1nQzuVydTjp7+y1NNZ0KQOh8o+RgB4bVOY38pFApNTfK9S85ykOYuCCTxA2e2RMXmMRA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iUYHRjuHkQ9BwPoBTWOeO9hlQL7YUp+GIYgfqrxzfT0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QnTqJjU0MOE1FHoQNI8a+mVYPjN+bF+Y1Gr6g4+mYMN9eklVZ8GCvXpZQiHbyUT1TwByhN9Wcgz38xoGbFoDUJne5gFlpqCHKuvhNtU5zRxqvv2CIM0F4sr3AnPG0Ty3+ZDWZF/2g2NLTAu0UX6kkPZQZ62zftknTXQ7U8OLbk/E+afLWDMuEanWgx6tlvq1OsOBx9Jb/UaGyHDSA0mDc3bVHN3N4iD1g/04Cm+JDeW7HcKeGOe+zypDdDnsW09LHMxJAbFf2wfQKeJZVgSPS5WK5Sio5WlMVDsPzq2qxjkMYHzZZPmfWhE/pPwzShm3PH1Ctn8hhss3Cj1O6EEYNMBou8q44Zq+64tkdPOkWLToy0WG92mEJNYmRFS/8xV01Hny263Gcqt3supOKJCUyGHfIActPNk3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iVDa+QIa/v4ZgFv8QqUN7lrmXqY0kCXHGcs8rCuwKGc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y71MC9hLDGgK4FT4LxOcpHsWdMIaP1N0TiZC07+DjkM8LZZb/DgDFtwKYwAINtGphDondqbjWBBpN2VUW0MmZhFW8WcgSl/3tGwXeI9iQ/qcrnhrWEbubrDMpUCn3S377WlrqfGO+WAgcJAHUdD+/slTYu7R9yStsHeWIwHpOwxfD1VoWLuny/ZdR9esjyKCU5iVzCacZS8vC35Px3urY9bkIOull3AZdzzfWzfi6B4hfHpXjd+z14mKbjKPBdwtDjrrZuz8kj+l1f6Vc6UF1JBCjy7h0GFs65RZ9dIqonJVv7jXs7WMNviXHFQYikF+WqPuNC7HZhHEfTMurJR/nPItKs56FpkKkyl3mjQDDvsRKBR/2gK04S+EsA9+Q2nEXh04VeDVoXswRqK+eHzKkVsJVxJR2VDj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iVcO3mFXBupwJXDHcSJSdG3ubFPU5nGUz2LQ9V+I+tg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Souh4Vt0p5cWayXs/b8+HiMREjickHGYIsH1lUEnz7s7Lu/kLnkbyivYMRpKB5FNPQyC5hX+a0x2PWb6vwB5JDSV7rO1Unt4SLHW0sXFSUb1O4M73AzNBLAvWSRylP+WLFGEEX60bOsG6zd6ENEtIVvSIIDfYAed2AaPJtOZV5CJgf7N3rCr1e+X0j+Mk+a0Oundk45J4wBQRXiQfJbbj3Bn+VN7aXaGAOhrxDq4WDikICKrEZ83Z/8AKJAtmIzNBbCTflM4RDy7tzGB3nTPR5XmOJFNJwgk6U+NU/dIyKMDysQh6LhBMGez3/TRRDudZ7ipmG1HcxkxyolAGuStvKDsF+ANsCLWuCUHLoiczoxEjRP4JRZReQOQYhzkHfNSROL4YM9ERO6Waf+rgpBrLgxhf9PigflY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iVm4IkHsXdflo8sLz7lzaWm2NISSCnKS9dwcgedm4eo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sigeGL3f2HhJbt0KvNbuedTIOEKzwU+C4V8McqgqPa24k/kc1foICGeIyBBHYef3dljh9D+drEbPFWVDqT91mtoxlEbwD8bT5NiDQMwuio9q+SxycEoz8m3XXT0Qf2WnCd0xMZJwMrtARgoEv1x5JX8hXXQfNijTs69HrtFZdSwjled9QhlayYlOIsCbUcTGnhAnOYcHUodRMfyyVvfn94Ga85dL7hu2vQK4BrHgOsbLiSPb4cQd4Gzpy1cxG4DGwmzJyV1OcSBoW+UNHs6MbOlelX60jhvfoAGJTjS/x8IJKYI0hT6TwX+O0ydLm/hjEFOzY9e2fnnUMFvEhhGoNMvKUS2R0sVCOw1tHU1Vsi0Mzt60qXmJ+u3P98U9lL3ALIMXVU5bHhGwHi5WumyEGLSzBeS0gPXE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iZ1+iw/uMSzMPLO6k7wgsKvmfTKrcCpQuf4ycULiwAE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eSFRhKD+cJ66FswpMsDhgKA/EnWM0zRLWVB9gUFtsoZThAWUmwHNkoMKk+E5I1PsL0HIAYPuCDAGesxf32uaOA26TXItPYrV7M/NhlS96lvwH8EDsh7cZQtXgqbsJaj4Vx/RQb497pGw+5xxqfhQTzeOYWjz4t7Y3r87JHAdGLSUGiYoDifhMnav2DnJONpyWTTAFL9QrAZvXMr7mTl4TY51b+ySVYNYIlVv2b/0PDViEQfC13h8D6k1PULCvElJVKOnYjys1drAEUr8GvLuPB2EHpM1yqqjtD0vXjB+s0wLdmq8j+9R8aymjQQ2kP01D0T/Qm8Nrz1euwb0outCR7sI0NV9SGn8jaPbw69UaY/b0+ltJlkJ9hOFAxa6PYIFnFqogWGwDkjbohynz156OSB1ii66rCSz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ibGC5Fj375bG2AmueXj1enoFnOi9bG+jR1/dfgolYww",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "l2UoPHLWaWhas00YvS5i+hjAGhgrbGfz9h0btZGtCTcNoHKFXZnf3X2sPItXxbMvBJKnRd7KtNlTAcz6jLqKquEGuLdBCy7YGtstWCZQnT89vpIA5eNJJqOhchUACiOsHMvau6AHrHdsRerj6daQf4YGDaVq9QAzMRhlm049akgopItjm45JYakDdKe/lWWOrl5B5cBN7O5yLtf3lYS4MYYlt7tx0BzShmUkN75/oJtcAu0thKj+T/hrpITl5MrRMdR1tjZjmCf8r2xDErsVOPcqLNjyAXrXsKeE2VncQiay/HL2HYIBuoLoJ9TGF5/a+HDNVF5kKip+TffKYyP1KXUZbKCNlJsPd5Bwg/TrrIf3HbWY8FgBvQmb/sg3OgkWXKFn3blDKA3P/0WJmkR+Ok7X/5/CZ89J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ic1fPbxN93dyaOcNE6pl39O2XAGmmvRDdaQ6OFrOc7o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q9V7SQzh+J+6l48NMGsl4hlOw7R5AXxRBEhuU/6cloq8PK8jLY8eso+6PZKaJbOJglXRPUBs/L7b6U/gzlf0ngtHCXC0rq6dfGqp4q6ETimrtwqB1QYsNFdJjGRCfaanzPH+01WgGYvbo3L1tGMubjiZTCVajNKYvzSKENW46xYGav0c2M7HOmEj8pQc8jrqO8RfRjNr2uf/8tIKW/7SKSM+fPaEeGCuGg/6rHYN6a3B2OO3tvTguosaWqkFgQVTJ3So4Riepl30sc1s2KzhI8RdFzlZXFr/txOQZYtqmCX06mQe26CBUFUxkc/LEQUkkWJUkDa7GcJGGT0xfJFiZuXwLiL7AjTy/pyT6LFdNnrsNXExAVQTBfbIfmmM/jGVXcrtd+aaB3u5MOJByiWK6jnWv9iOMNni",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ic8Yx91huGvE2SkyVPw4XtjYgUbdX3mwpk9foHqtfE0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tLtvti5IbXvKVoHchYs3vUR1RIMXHVbjtpa80lTM/Qtu5eJQBz5NDgMiOhRrjut0xlLlbA8DMNmziz6ynZCTOr/82ebvSLN0EChHTdbCB49CnCLi9XAyEEjcn9+SZg8QUkRCytUvdx8apjfbXqc3RBT5RVdxFIzfMgbP2fRFUfLKMPVcdWe3CBDtZsBUFoBSHOBn9MFkI2RdyUaIi7fnp5mW04IhOa7r6wWwN+DdKmdwIEFxIfq+p9wntGuXvzCRU7urltrjVAp9AR2GrJV4I6xJsz+WC1+RpSF7hKkdr1VBmoWJhs0f2HIAnCvOyHCGzHFYRW8nLPvED+LDPRRoLam8JXVudnrlGuaUdv9GXe8fg0V9aK+KZRY5Vec6CzmhRoRS/wbSQM0hiCtubjTG7Wto+Pg5lwFP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "id9n9ZSuo9llW43b1Uw/xRxrXdLu0XIpiiw1ulRCMaU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W06OIVFXRRYd5/j1RyQykAeOPMuE6tURpGNC/zuOIeAwpP6p9Iw77q++KVRzQXWYTLM8JHUOoA+wGL5RwNR85hu1NC/vzgCqjt6u5IlmYkV/Lw/gL2aOd4vcm2VGHYoK37hY44jWRO1VdC5GLb/TXylut9xqdYA7sFTb8yB7gfMjo53DKQTa6qiAcPA804nFH+KtSj3yZcMC7ymGk5jaCepYQP/yS+MK398CXp5GS4GUJ0g5FtcdNzvsNNjM9wXIc0gFgM4nr6CSyOfjW0lfuSvvieoxMY24/G4Bv//AAVdH8Zq27ocA6EQimALDJOb8iH+Imq3Rizazgqy+/Q6iwYsCtXd81ocoFib8n1oLg9dlFEuVmnJKG26AeII9QyRej3d9Blfg4xUae7km/5Hlr/Fve5E0f4Li",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iePWp8PGPYviR+5bfrTJjv2MDemv4+4ts3Hw3tgWVhw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YF1n8fNGqVhYYo+REVpra+Pjrq6RJuciCB3GYkIYL9j5Rf2xQ4XZANVMlSIK2rAefkUtuWweQ28IhFE/0Zp+06HBFpswLfaSig0SiJJt7A0aMBa/wJ5rOD//r/BVqVMIytgd3lbgluJhyFTo9UeytfJwBS+o4BcPRoQWXGgaqe7omxyHVFGRe40yQkVz/i4FoeAcvgEAlXU6tshbAJIclk46V4nEqBRsiS3hxsMCyND10xmGBVMDN/9DwFf9ZV/yf7Ur+8j0X0m6y2eKwy8YgMtZNesIM4dM6PEnAN+7rJvWU7hu3zDH++DbCp3qc9e/zP41JrGcYQ84Qz2v5EumGRCp9fuFRAUKo5I0bAeg4U6sHL1aAQ8rg1icegY4v31t6otq2+GjJvo4sdhi+gFwuPpgR9vVMR8z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iezrVmNQ7krU+LXB+PGqGYWc4aZ9Gp+amzgx02Z2Nes",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "li8TaM8IkOP5OR3DBFFXYvU26Ka029uQKvK9x+OK6+/aenNsrjDHZ0TJVBT+4ZrsnFtxDTc0sQYJwppMhQGqGKGvezLq7knVytHwQHmFas7HHJTUEUkW6hGGREFForh8B0O84GEpT+0zmhI8/hTd5QrRv1BkkFuDWILcrq/W8rFE0LPPnD/iUwsPME4JaCBJ9R5uowNSHp4IUn1CsmiIBejS6ub/2XIwGc1X03tmalKGnB2M/CHQp3Lni+Al1Wr0Wx8fscRQ3XiLn3MZuBkEzRdK7z2s6Zj6WJ2otB1lnJmqNpx3/2Yf9F1bJhcwb/+mRrQmQpjEthl2s0OorjTWcBbmNb9Gkt2Gc17KywCw4CSvzoApRdSrKsvZSZpU+84b2v8lGSUZLmBMYj+bHikS8CkMkvLEZbq5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iftHIoOQV3StRhTijfSQAVdvNMhP7eO8Z4n6KVjr/MI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WdBz0wpk+wwXPdkaWuYC4Dh9CA4HvcNmPtiYlpHISSjcP0YJOJ5E7bG84VmdH2rNmmT71pTmMF011BIFGrNMm9HUbQI93IkOdzzVmJfediEZ+2sOH3FbqOe2Yi9IFk5Dit8mo3unilJJvdZwSiAvAkd659ggSHEHeyeh7zZZoT6D/4MjZmH8mDFFs+w+SwWxPDDWw18Wm+78wCSBHcRCIddkWOcb22mH6H+OB+SvHWASO4ikGx74N/FSMuOlaIG302NrGDi5D3LBjxiJI+cy/CvqjXOEF7+t1XCBouBmToRnczHppF22P8Xz625bkTPB+PDW0kftLXoLrXf6avcRmKw8CjPalQ85hAPIIpGQs7LUnrbrfEFjc65oAgYKKR9Aur/hPCF86G+IHB7SyoRTwW6ACScXSAsc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "igOVWfIEDx4+vZgNkBj10G+xXOKjEb2D0O5YVA4BviY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nKZ/alBCAiAOWnnku2bIcJLhoUJE9Barg/atn0a4B2d60OVtEHkIgDCEZaGaXgVXbs59N7tbGcnubbOvlaBcxQXdbBy3sDHA6+0WQhUItRr6cJ62VzJMyR3aBv9jIUrNXmkxsi+eltDc5o7tJ1MBNorcKaGdc8fNPXNcxzS2aQpyk7xwupjFm0Ibh/czuu9IYyZBMzhYI8eF+Ss+X3VYCkST4e3NBjTd3l8EOTMoSiZwcPzSshENPLdZK9YQWYBjrym6Ggs2D2KZF/j8A9S+hkqwRTz+pe0IG11bm2N0ZeJlrClW6zxzMrdtP2zRyadWwFalpa4gcBIYIa96lZUnT5JsnXSHLRqHSY7H9QfwgD44CJ28nfyV7w9vKGLfVy3Z/GTxY8dFmieR+++m74+r1aJkiFTfrJo3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "igzK4cvK0xE68oCbjLEwf7x0rSLPgOF0ZBVo1jZT87M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "exRdYQ807bvi2kEuVuLxysbFeB5oir+2YAzATV4M6CkepxEbeId7YeaJymRcHidoyVfnH3wTi4AedfZjPM6dFkQepCxEVORGPNJKw9nwB1sc8HIzuykiLeU3qPN74vLOcQD2Ej1nQ7YrEq4U7TW3p5mVdQch/LDNaiyJTAzmi4xDfVQvV65nNjMNCRbJMCJiYIKX15kiAiRRtekNs/wLA8HJPWm3p5c3qDXKVRrFp0eLGqM3Gkb/GLIzGn4+4bmN4sSQjbF3DrEEvZEpmmGRZJYFzf8utWkinMEFTSjxPSAEofyJNP5LG0kepOboUB/hf0P86Inqv7qZ2BMbVLFmTXSu46GSzls59/kb3LwSCZ8w8d1Gvgk5MfHMfUYw/IdUtS5mQUh+m9IbZ1ZAja0XdugPe7Uaqpr4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ih1q0PzRDXQjsJuVZ0a5V8TXM2Q/WduqllySGH+dNsw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LiFOiXnN8TRDoxn6UTI+tuHbKZqRdnEy5mDRvv80aykxcQlVB9sAC2h6U/GSy+sQQlwYs5u+PDfUrxldb7pa0xqlzC7C59iJjBjABvD/uCpaZM5PEhh9Ld/m61dDDN6qz9qYNDLzIKtEgx7lQzOwwhBQIZIHkxWpyCETPDFtZAfdRf6NBRUVnizYCmq4KxZ+I4VOwBqQdDLGNWESQPi3QBSZu1UXnIqNwjWLhrRihYZ9LTikZYsHdtncnkuM13WG/iNaILoLKt1GAbe0myhgd1ECw3tdSXmv53uRrJayyTXKLdhseuWad27+IEWPZI4uE4LQojHW+HTGztlaxJ6fgrCF8vZehkNlv5yVqNIFyDvC5cWWp5yJHwZ515E4B/MGVFJyrKuflVSpTwQnhX8Smszu7Ipe1NqK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iiQK84CYY87aywVfBTpU8XTKkTrhnmYsL+5sZY6Ok3g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M4YaeQt/AZBaw09CcsGNDexTFCsGV75XV3PF309Sj+ug7+85mzL/z50XZlPXC0EPvN4kWBu/Fxct9xbWhuwVw8/3E2n8BvNDD/75MO4aJ9GCfSZeAoKJ13nORBWlqezsvQ3Cl2OfXwoF5G5ZsKj0uTeStDwdwzy+KQI7rsE87mxLzBSwpGDbVhUOLN58IKMuaOu80siOX+BUuotg3IrnaBO5gDGtpQx2ySi2vhqL8p0pC1N9yhn/qwSH46jOiRVAgwAWJhtX9yvGfxAVajJwEKLVB9c8PaSiUVoXHBZvzfa8RiNv75qFfu8Q/GIByk5cLYw/EBBr/+4OZ77PvSLDgDDndjoJSGs7SYM48PwsC298gu58PvblGChhQcsoYebHQtnXQxTe38xGcWAQv6TatOxC39n44SdI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ijIBwd2b7FNJmVKazbk/TnxIFF8x+a13qr2R8i6/1/s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hty0/ztSA6pgJj/tLHImwpNLcHMNqdGHgt36Zrv+DI2XYlt0QEolOwFO49FHMHcDQwKYkEORLIyW5eSjjPIC5O70oQC23unqHmpQHv9Uog4HswL6QBd3ceDHIPJb6lR/mzWX6zV4h4endnY2nfTt9LZ2iby9Qj0HqAZ5Yx8zEyHVu+hXG2//uZ12U4FpT9JhBNxEeGYY9ugTt3A6IPwwbujaApdq0d3LTzpE8HS/+7f+T8XqMOWRgSxFxKy/xnN1GDP9h5N8X9SExfa6FyZqOlM114Ebs2zLY08nuLYi9n6/WE4KahBLEC8TWllQlN2O4NMZ2gus6rQ8s+JPxf0z0BLZMlZBNBDH6pFuVftX7SFZiVOvvHWDsfVhSAygrDt9gGM7cOTOyI0vOojA8Ttw0R14gr4i1f0F",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ijLgGJcDRBXKN0wQMKQEeXUiwPCuC6Of1aoGfQV9wWY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uzA/WDRHlDm5BieGHSQFxTybGMH8bFdN/2mqFRV5J2GeRucoKvmApCMXEEEC2KqQNOUQiXZ4xlRgNd+XVkcXNTeYxHWD4WiKmgSmNQb/3bPg5RP/l0BWlLZB2Dx3EmSCiXzwP3DfYIxj/W4CAJBL+Gp3/IMFCmTpaztYiF0Y/xjCnRSK86eY1wdgI/HlTedTfqDJ4RaidVNSnBMWnTw7WCMQMD09LCPEG9V0Qw064Iq3xFJRzImtI2RwoXKKuo1b5FiRzxy/ebE9PN3FuJZshhH77tCg9gXPX/rqmSjFuyPJQma8kFCKSrcC9qPbFiN+/by74ycPorpGBbSJPj37ymnaxecQCwkpu+NP7vEthT2+n7pLiPDiCOLpcTLGqvyv4dsvBn503snc1odJMvLkRIvP3d9+8iYL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ikV0qHmsBvBY2Ydtrl9xgsUcub7qFnyU3evW6xeVD2A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Wu3K7ouLSQEBuO84eOqd9apv8xIN9Cg/KLJeJaiNcSrfI60XSFCCI0WUv4FwDeS7kgANHdAw0wiPRnvi4poLlgN9qZ6Ovz/lrmNpInVdVcdM8xule+Zm3Q9nDvKZcTPV9aDRuqvb8UhJZ7IR8vBD8E49ehDIhF7vLdruoTuKS9gCbvAy7pquVFP0qhmWzfFQV6X6mpTUke/hMb+DXIU9v7i9HydBsBLKPIecjfutpgTM4vYbL9TfxkhdSYJT0JW0D2gEDdnTW4LHIjSU8ZuT28KNq5kDBqVjLocO0rxugcIuy7bw1r7PfZ0FuBzHh7TfaeqyHL5FueLz5zeM8hJ76RZrXxEJTOniq2vKPzj5+jH36NcKkQHJh3lmw65lBS2USd3URNNGRBxtC93D5H8lOtSxKahANbmf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "inB2FvyCjvqiEmbXRAjpMPq5O8zL7SriArwd8ZVcvYE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UwDCWoao5eMitGyWRlgAnuL9+EoqFzkvrkLYHxbqgwz2x39p4PDf7HRbTzw5drm/AS9MpjLkRZYhoaOd1/+xzIaJp2m/08CqapCZW0jxGPghDa1MKT1O7vh2cdAnDdN0bAZaxflzFG+2WeUen005RhF2LU2S8v4E6oZtV5HiEb3KUOrlvHu7Y+gjhtr14/F6cseEJXfF7a27jwTGqbNITZQqkdjcq3DczRAfFf64PaKWB8WkZLI3bQ0QxgH6JXkNHhLXsxl6wL5lLSwgbTTU3+iGOP6QfzbwHtbM47LKoDc27Wm6YhustyHXvgDp7sBsifQadd6vpqvGyHXpjGjfFTwlNgaFA/hsqfOXvM3L0M/xnO7joiPSZFch3xCXMGkfdUTTQO8aadfEgJP6bXC66gv20MjB2kY3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ineehH+dCiwNvYHmsJAvAVlZ/uBINR3OwHlhebYSygU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ppv++iZ4YkIu2mu5jVwiFPnGplUHnd8+3/Q7Eaz6lD0uqK69waMarNr0vjDg/iK7FvKKnjbVr7EgeEIuTGHhwGqBzbZnu3gDv6CZx1L5ktdCqvC3lsUIZ1wruKDtA5Dsb1CRPphc2AqKCcFVOHwgSfjVnb//OPCUrbXVdp3Lkgc2UxX7XMsj1/KFHZlFl8jkzYPWGq/De2TNL720uoKvJ5FuGHEwl3dG3Gx/sH6ymiSonxOzeSKaHTJSy3mqic4nPY5AzJx7VJFJsAEdnjij/JdSIOrgtKEf56BNzoI3Ocezksbeu3n8jlsHzzTmP4BpzGModdMPQpKoCNDJt6b5EoesbPux6O5qOs6SfoSdn7VNtxLsSFTSqU3U2chI6lmeYIJ+Wb8wC7ax2zSKT/96sBkkufSJFsXm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "infs0BM0JlRGL17F4BtJczOEwdwJymwfGEIOMUYDYBc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gbAjAfp8q+oEKV4+gquymYIrY4UnO50HFloxVnnihIluklCTVP1H3LU6FURLVhdafMqszeBto/Xx4edY3hJhMEN/2fpKHrrZXgJr9+JqzopQ1SSCcwV/MtpxTrzBN5CdAtqvcZMxU5vT4gvvyvIps7GF13kNuOMxCsQzIIflRrxhgnjAXExTOAk0DW02Ay3Anf/RN0SFM2u30vRTvJsNwUM0ttbZgwSieS8gTxVJjjitnWh/OHrxryNhjyFFfNapYWoxDpJ8NFvTf+ec6gMhQI8jfMQszH1hRTX7RYnkU9FsfhyeH5WNVgMOG/nnDg8kjB6fuIY6x9iIb2ENmxOwflzU3VvC9G4BosIDgwy9FvqzBERsprBd2xERED2TqGBkH/7kf35zeV8Y7wZ9yQvv8i1mvGznnFqs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "irmAcBHeUDuDsr3Yn0uds0XNN7ilm5jMxYLJ5teI1kM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OCPcutyQSZHbRxrwb//o4q3Cms3bU6OwKsSp7LCHmv+H70XkQAfiV+W1bfYNIXYCebIUIeAet0vFU62j/ZKtOi7373em2OZ0EdGRTZuqwdQXcPhdNKNiQuAuKp+gcAh9I6L4dpePPJaJmt+iTSTLQvtZ2iPXlNH8mA5YszoQ7aNVvjLjGmn5OVHT1XM754Zr+owi881EKeQEVX7krjqVWBzWYTtjd8eBl+OK/x3MU3ill8CqbuZYlAOyK6h/zYydpo4FCbeOE6ToWVbt8/31BnWfmV4b3VFroiCezpf6cT72dsIIQGZKEYVa5gSY2c5qyq0YFYGCL6Kn1vI7KUQ4YZDp+kvQViUex7/6Xk5uNkwCfTjgAZARNXwIgEbUV1TcGGk2xhAh0WGytBuusGZf+9XEje7Pdm4v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "isP7Ao0HhGtk13V+BTemV31Dft1bIr+aWjgu/wSY5K4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YYs4Z/oyKa5JYWFGZpP3uU9AbtAhyAVQFzYmRXKX+cokAHtNLyahPU7zQEKAg6wT992ajPV8tg3toNbrJU4ba+mhSDH7wfCt9GdIVNj93AJMWP7fIBf7N8phUIfYUoy2WYRwu3iu417600eIU1xt8HuUJ+NXbtnCOzhf4eve6/pT65EVPxk4/eOVEp5Ih9fveOqY6lNfF98XaZ+M7dH04VEFvZQfItx07HRxFDKbPFzThVJ33zRpiGhcE4GK31iBTByrJqYyrigIXLFQLoQ+PINiSY8MlwCKzxHtrC8Npfo1y5Tej+T2Vzd+SjnhYJOgXzU0qXWq1ReMciRD0qegSbPXzyv0/qM5p3V2c0SGiIZim4wEI+cc3RQvv/EjIPbn5okgSsd/G0oqHQK6ptCK6ztRrTHB4X0z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "isz7R9rk3LHGfNzIpd1ckarp81/Oe4qHjoSKOtXMA0A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "p0QYA8ys9J3QuXxaxxhiw/1qUTjAcGYHc//C8SsyTe+E0Ag31EnfUZ2I6ocMvGXwaOvBRo0yUhBL7Of8yb9eiTwoMejoI2wG6kpwn+KD8IbnKjb1LNw2TQZGLXra/hBNBJejAXzOi1JNnOP1o/jd7iwUGs3GPiZNA+I75g+Iez+g2CNLd3HGYNOnc8D06Y+idzQl7ygu6IH0F7Va7uWI+t2dSKpKaDKGBRJCYIEV4iQ8BR+tipXd6RpNq4yy186tvWUwmvlLT/sqZuMQorEoWTM6DHa4f/MsRZbAE+QfhsfXqfnQsZ13Z7NZ6C1zhX05hlkfb3w19Iz0/mokItb6I/Gzsykg9EqteICn/SK/jgWXMSh+jSkkzAPvMSXXBo8sgWZPWXDGF6FpsQAKvggonBfpBd2CEmdJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "itnGPbjDHKQliMY7EUB7yytySeuW8qaRIq2784pAjiY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Vp5hyjzvgU29rqaUz1zucn8dFoPN2uMuo00p6YPDv8XMCwkcmB3s5Ns1AmCDXwTDVMsMdlD/uXhqEo0USYhwQvGTkceg2DzfFCDmedZL5s1fiSVwph1AEzNSavE8Jxiox++0IMhUToS3EnHzSJa98cQs0VYeVDMjoeoxP6Q2IzcbT8a+Du5MowJU8VP1Of66Pk8NlltzOvU7PXx3qLOMFWH+tPo2uQ9B4B4L3JtrsVoXZY+wDooZ4yUrLD5bZSbcjx7l6Iy048V01BLFyC93yS4yHnYOyMvXP/aJFjHvK1DFLUZNWE7M1Hsi0svfkK5nGsUbJna5T4SUDkEOJSvGn8xGqMYaEHDYYN3HFUfmmpM50aOBsZ9r0LU5BixOMcRoLv/mdNGeMbiuBMRwmxgObFqVbmxKGjit",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iu5sbUiDkkHciL/+sMRAGTa7z2MBp9XqpQIm/GjOhrw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d2tvGfrQYsQPfeFKBDqtaMexKnCFMTJzB7DchzOCWAW4s5wR+huoV7sFaHIW7htNSOkMfMr5uQGALmRSYk0XRNM4+MSglSc1xy4l8xx4WcFTnxUBB7gQsECBxIlWJhNJD9LanA5wVYW/xRxWahABGV+U3H7Ht0ZStoZJSt2O7jvYxSQofhamMVaF97L+GOGG7zII5zFAfjpYvMmLAX49nGhdRD9TsAbLmDIrg/J4r3ZP514Grgje6hvoqMh+ApdWlX4p5YqG1DRltFSKEYQBoieP1nsChOmhihRGUl1hlZUUX73XMYnJJ+nN2r+pEfY28y+cMvXYIY+gY7ODTjlX1f4Mg56GyQRWPOsJwNI6bvFm4ta7Dl3anNUnfGC7X+uj2pqJTRXMWfGxA2R/LXo/X0MwFKMHJVwE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iueFDHXFQm/ja+SKLsk7FZcEqYAbE5Bl76tjDCIW/sk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HJvfi4wpJPhj9mOuiJ70F3V3Ub6eNQkms4Bvuxa6F9W41JgsRXq6rToOIA50RGIS/Xy8DmM2xb/sX5TIn29OZXF6+lkPcteHVMp9BC0ukQImlMnDfjx/2wRhrX0/pnmFRAua4AI3yZFQhjqUphYutVGowqsz0LLYi4sxhPpNeORCOLmHb5D8hw5AeilJy31KlKSUAv9RutoSCk28pVieU087GxjcMBQd2aZZ3hExuZXcUSdgur9Wa/W6X+Q7gDEinteug5EN48Ui/DJdcSr1oF1z9n31FE0Wc2ezRCLb1qNnjSHeZDZv/hEHvQvgG/BQ2HKPJiM2J7VKZUdO/RRf6vqeeygqlDZjkn5uhTSulOjU1W2aUCPwZ2KjemvxMX9O9V03WMp5+Ql1ujI2rhse6jz4oUiB1jtp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ivdIceUAjqeMD/DFC90PXR78AW4N97euGJ/kfTSMCpQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VjJI9buB/ESy6Q817/ztCoOS/Bry6929owUh8Q+TyDQfGNkAJBXXCs8WM2G+0QTfbz6iFPrrM7ow4mtFO8ZaPwe/ZG8+SEauYJKaAiWNN7AOfLNSajodxysZLE+Vzv2GtqsO4LXsBpyMiH0m1WJArmN6D9VC6vOenRcVhePQcVKVJlis38sLL3kz7+k6w7PVl1GYhhBVR7QWG0obHJA62NFwbiX2nv+jW3z4ttOtwozi0E+b812mcN9+ZWXEhuuTYDmXBkXwEpWVS4ezPpdUqz6l0e2oWKOvUiGV0fGVdwSL5PSEYALMzOO/LENh1VGHVKgvoor8zbRL/vu051BjO5ZBiuUCaq0KwCPnmPhEVEOXOj4TzRAnIpbQ9A5PM2bdP6OLmM+ezm7ub2PBvu/akYGpK6vj4ojA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "iyyIfQi90ok/1zK0lJcdxE3fHVfRCcVLh6eVTR33juo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OedbSC2zQzQP5SHk88qzKj2fDrIljGfeSBplYqJNYCEHsdWUOFVXtejgB5uGGnKKXn6zANfjUTW95XjS56NH1JJUjtXmlYlRL2yIBs/WeeUnZsOzDjU2QGVaA/yA8C/8WRRq5nryi/j1eGAua0WbLSQLDDMejk5H5+baDMx3kNjIkSDwr3FmxR/5dmQcwNQ2G6b7dj0ocJ7JFFOIg8esPlY8WmtGYng1HT93Ivw0lnwdyku2Pc8r0XYqZIjyNHt0Tlq4XTF7qI+s1578IIZbQot9TLX+g776kCxF1Y1RZ48F6fLOIGAfh9ltZo9E+mg4jeW7PDUgTXC9eenGPh/iAkPkNjZEn/Ijo4Euh1P4u3hD865AQWe++j6OqbQBBul0LpVlrdBKerfpr2j3aCdpnrawGTKZsYQs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "izPuHkJmvIncWXN6u/Okr91V/YkY0reIRbwnCqtzcUw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DM528YPsIcJrCALuYglwQ+30I4qNP+MWkp6O61KwbEu/tstf0yMwieRb6U++pMm1zMD6I8R+bgDDIVjG8S07ox3YJdzurXJpB/36GVEiaW+tkv0InFsvbeicVmVKF2ygTmuAgGXKZGSB+9K9IPYZ3lH9Wz29zGX0YE36t3kEQ1xoDcINH/SxIXQGg8ltP1nxRFgwA0Cl0zWF2Gg7e2Vl81oHw1hszk9Mvp542FyXzpU34YRdcheEfQycTv8ah/NDXayWITHpUiDUr/ZM+iFRxHMSqsGR+fBQkISPDNz5zvVPRmqRO5eOJG8+dbvpK7V1Eq1QA49RiRwErYqTOqKsFlYb4RmMYazhrv/E0vBnNxEeiqSNhEVIhbKv2uV5J5RAZ209AS3t8sM3bIkQaB50rGAxX8Io5ZtJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "izxQjMBBvNMfSUSepbpdc/R+hA7PuKXFL/mbAf2lRtA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LjtRKv9oQXpc9duJ4jwKtAwu04FiEjEIfirW/5Uo3J8T1y0Q7lxYuJnhpJkThqtz8BmwdgsL4rNz7JRYrkVzCBHsj3n5CTHp2xUdso9trtRq0pZfqxdSRIfr1IK/WUqOArxPJWZWGwAUbsG2Zc6/pjwdu6JchKYDRVIcNneyvW5LhtDGrNAJcMlbFDuQGdaNmujwrIfKmXK5RFplJC+axm7E6pMEfcUWrdpDPnat0QTLj+fNJvlYoIdfzs+JCiiIXQxAcyEKCYXtoFdImSYo4STX+PWSPmSzd7GeGU2wzkyIsiLaAY6xMolPOyMan56RpleANQblT8JslGJjmHBO3+04wp4ZtEI8Ru/IRk5QS8vYjB8v/rf/gd05wnMGoWSwysUCXBGaMZCNnW2Bl+aTZ52VevPxWANM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "j+9TGeCiiK0lSJMW98hF92abnEb7Hr0bAD+3ENK2og8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6lApAs+8qIIhm+A0r8iNyaUqkI0n5CX8NGaaU7z1S9Om0qHzoIUX8l5ZPn994DRC1rwni1NT4gmL9FArmj9MvvGLSIXNYYguqpcINCxTO11IkXEwb7/+SnNS69n03hXrgq9NTIQwHp1+QSkMB87WLYmlGqNUxYz9CHRgQaVwZ6HDNuP6vTUTot/Y3Yxo5kUyAhxq1ercw5AAQ/Ul/b9ywSHYQEXXslGSmmKg/KdPZeqbcZXb2MAtLCQwRniQPrXaDRrKwtVhTM2KgJcj/YnHnJtEixhdEccOrJ4oIauVewLWdj333xoY+W1WOzpBhdq0B+Lb68JSDQZvIOK0+i5HHU04wYULH6d/YoOCvtXNxmUKUbCuEo2R29bY/yEk/fbJ6JpMpVhMyFczbk94XcoTyqe3ODQ1BWxA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "j/6x3pgMYf5cxz4kAkSNqGtSYUMY6pX+BRDY3NkJ2fw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5O7cs648OIseH+rfhPIllPobXFWDfNGrNnkoV8GFhYxhT/PXABf2w1k5YwPM6SeaKIATjvYUeXZVV420IeRm4AnIZwA/agiK5toUcqUoO1B8lVCh2bmjDuUAM4hAb6YfhEeNQLpEBC3xfAGmNlkCKKXRiQUuvPnFxdCJvwnkBG3hT7R0xOVfIK5ojA4sMEsp6kz99nvleEom6Et71T/+bXQL/S5BvvBQi6njW6lashJ9zW4BnUncZxfrSNMCoAwD/9zNXXi907E+ToDncLsmpEzRUck7388SyZppqrZWCIyQlGQU4oA6iFSggr63euBp3kstxvqf5kO7VQLR/EZ+FsMduKBU1nfsDVtY3eQTVsXa+02EErpXPbXjuNRUm8cWm/es9c5rl+ra7+0QQt05H89nwTaFsUu7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "j0GvQRG1aUiniPizrlsVkAtQUBJPlQFe3Oh4+BfnTd0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QGV66kuDyDOxDEZOKDuEfcUfb7Kppvd69dE0Ozgyng9pfzIrbQUNjHhOLYMIyls51aRQohMEn+fUrsUAaYhhK4NWtz5kJBSVoWTfwPuGqTlE/6u3KmH/hSWwKL9FaciRPROTBCqncuc4wJljjMQYeg9u4CEzlnQ4d+D3JS4VcbcRz1mlpMOH6ly7LJbhasGJcLstrecQheq18qXjAY1TPY2xsXzYgWH/+P6OAmET1z2nr2BVv92CAldXVnORJC20eoYf449ykKUycw9iFWMwgUmP6q4bbQge8UPE3P5jpptWPwvR3j5MnIYW4MQi4/5BC40RxmDza8QfXEGZbCcurjPfiQ2VoP64ycLIDm9pc32X+dUugTgStGY2Qs8yP3O/Cro9TG8dC+AnPU7RYNi7Oa17ZpMFBuRX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "j0MerjpjDVEO3731dX/kMaPONMVuJfWc4yR0dkIsO6c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/wqfSPKX+PdSH5S7K2IoKiUPpZMhoPWNlPASnVca8HSOcRYU6I7aKdG7xxDYg7r3Gw+LcPZZas4e34H4DKaBd4AWtnFquECyHsWk1sKV21gThdyj1UUkFzHjEzHIYy+VKaQMRBQ9U3fjqVFF6XZ7Xw6aSIEmEv196yNrmqPIpm7vHJe17rwq8e+zj5TwQUIP0s7Tae0EUdUeXpMTfcvMd0cvpnbLZmsgOdGt+hvWdYAaszBV97FzxNzjluYt+fskVMwvwTMe0vUhGKXc2eWorKarwliZW6JbBqLF6UMfIKVtrvxNgWZg8LnMiTYexZijBosCsFsAAPXP9tBlQFLQQBzZAgr8FQq8ijR7wWCH7G2iil8AGxEVqWG77l7e/6cTBskyasudtfe2kvlmzSYPG3ID2TsKCAxt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "j2sG8PvDQ5DbkTNR7/BRf0hWGFoOB8wvMJFn+stXET0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Dz+RHeITtqTSo6rG2yk8gbqkIrwfFXYMUGsfuzVyS1f4AtC7noG0ks1JYT5z4Lpj3didXeqaLj4aeslij6GOpQrf/WeE/q7d54gcQv5HTtYogGdwBpM6tqKWTab1dQP1KRo0g9Z7asvLWgAeKqRRDuDlFW4OYXXriERMJWMN2yvqD9vhxYsyiEScLwQ0dYmy5OyW/B/0UMiMTi0XQKPraQL9kd6mPpbCP9TT70EEQ3f2HPU0VJSLxktYLmjCOBsDXLA1YrochSuirU44cQKzRF5L28G7IN0iN6NnVZiyvK5UMBqOhZglGz63vXqJnVr94kKGloUhrD47Su+FOIMHZjspX+BvU+EE8GHaNRLJl+352ItRkVy8p7t99HJriPcVgmLy3An3RY3zT9Lt7J5qP7TjZ4pxMWE9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "j3tOnUM49bm0hpFA/QP4qq9sYIto3PbGFX5kE+KnuJw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3d0UQIG5V1FPOwSgW72gDaQOcSnzMugiJLFhASty72iINyMjCCu7wy78853AjVE4lncXuWQbH57is387XxoqpbFl5X3yNzSv10f9yT967wbBFV+27GnUEuXN3RiSvX3KeXEUgX6LtuJdDY55Fl2q/rIbMZdrLvdAWS3j4/a50ppQjakFWrSSXHBRKYmiq1ZTzeH76tOe5gFmCrFFZybabE3NlTnvbmhk80wDpfaE+Hx+nsC+T+IsrPQeh7ZXnJdfuObYbzk3WeWHT3ajQ2D2p8bKO56mgrJjrFtT6fynr7ZtXr4RtGpFwKULo5U5tabT6ngxe2JrCsNIMuUd2bRmu8hlUfp3Rky2yh8qbHZngV+6ndOvdpM8IrI5Uqa3uxs8+SmVCeqxy2Bf9veRbMo5J6FKcKmUzviO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "j5C24os4wmfmvo5+c3DHZqyicmX1ktBvop1kWjJU98Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yDi+/XSXrpY2lUdEO1mKf65f36Ixcyi6UOSdfMtaPAHTXufb6hrZiVuLpZXnnGfai6VHASLHwhABnZPH4nouGlfh8DpXE5i9lWpai2fZIz5RyJb4wqWrVwKTPB7kcPWOh+Q7tjknkAMbJbba3BI7tVG04Bi00aDed9nJwyL9KA2Xvvj62QwYDmzFFcxjgjMDEjA7y7RrvTCTi66Xdg8PK1O5v7jOWBRXO3JupC0HrDmw0yFaPOOrawSooVS6Af3aN6eMzjhEhV4vT3204JgOFiabwSvHxzbIsCFemYjGOR8V7jsFtJnQ7uFSJAsXfny8tUIuBpl6T3uQqF+JmnFfcCCY4/K1gQYXRdhaCI+7mq4Sh6l1liwuUn1W4QUGdFJA+DwR5Kt8OONS7ZNtKZUo5jZPzot20SwX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "j5lWE8fT/zoExxa6vejPMJPTGf+HC7714oUmLBRAErc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hGWaxGlQh6+iQCdn3kHo2daEWwcHY0HCUZPPhuQROqPK//38nCICNLxoV0tz9OXs6Ru1Dd6irpeXWfjhPmSiaTrDOO0iPEaC2cZmxvsBHhznpeJ4BR7OCnMeedhDp0j3XEFqXAbH1frmaoqzMCFNeIPb9mOs+UhCEXhzgaxtiwIPpFKPyEk0nTa6lp9pFw9nN0s5LtH57xfiO5F9KoQnbj0yr49sQx1rGKD7FCV5ffPTUCouJVrlnAXTnK0Ie6BMEufPFqYFumuvQ22xJXMKepWSQQnIFRy0J9tzGaWhfn3mOcR9g2DkFtBFxV+WoEostGqX+kJeALliZYw5GmmC93dKg9l9AQoyk0FpmFEzev8uFSTdqx39VtumPjF171atjLx9Fl3rdy7s/ZUV6vKLd64OnLURo1IL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "j69NJtm+4JD78a2SAvjqebC/Aw2bk8WJNYOzO//wjnk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XD6igprJbuKsrTPALbTHLIpJeqjtvKRl5GXhHWE5Xmz4eb8ajBQu1ZSBnjlRuowghNEt1wUQdhAHRMY/gp4V8kSsQNV5TyHZioZ0qQ6x8OZGIUGvQUVsL3iwRxATHrME7QReGJ2v0XbGkDaey+2bFstSH3ZKKvZmmIcJHotQ69zT22/YBskjfH1LjmuLXgOMK8NXf54IQjZVEgzfTIA6kZEr6K/BBpwuGYqDLg+vWl7a6HoWmWZJC5RQTXx7MJQcultPcgUj8FRDGR8vZLRSiF9axD4a6BLjhz2unOkaist9OzrUAoX8eUwAPJ5GW/5NN78SteB46nDlz2K/e2+/SSfr3B5DobkW0sFbN9kS1Et6i4bGf1UvCZc1/MUkYXM7N0UXhznv9HrrvUDzB9HqPkdeAZecPly1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "j9QMZdaqT6h3YkktsVpWwd0h6e7ztM3nX41wVqLyYsI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2GLGd7GI1dys1U7ClByFqqHLD+bQ1IH461uKrtgocRTx7qPQ83rjVN2dsHxSuo0HgHlKCPAnmZIagXhxE2ALY4aTulI942phs/l8CeQEMCbnzil9Wc4vdKHsVTVhjW0N41KP1Btc9KvbJhPAmp1iDMhJwyayTK/fkxoN/Xzslb/yAXsxuB1fuRDSgTgEEFevvs9FkbkfvNs51hCRKrpWrfA6A2ojoWI2kmAmDKToxr76XJmY65zNWzQKNO8V3e3jnZOABybxOz2Hg7B9NeASdmX79bK1vGtyBk94p6shqTuDLUjhbdxmkfDqFKyvh+HaTW6+z2ODcG1RPKhy/P0F05SLhX2dtGLfWEPCMI/IMmmsaigdo2JlsuEOXh3FCMOK7QBLk9QHES0ONTbKt7HTU32Dpth9lXfE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jAELEr+8edGimkutxObne6COEUF6GpYhdCNvYWu3J+o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1XWgRcr2eJaF5FLJoh2fxe0uhsl1Wsv9+jJRAMuVNdfV92yDrjecPY4Yf+zZi34opJxWGTbGVrB8dHrmdOuYg7bravDfYk+d1AmVBHIKpbKJPjbzm6KtNhayKjS1eKIQnai1U4/6fBYGUtmAmOEk3kULNJ2Kgad5/7vfFxxwgsmr6bTqlSZKaGv4NRLCusmntkCAUr20QuP2sqw0VUoZPMTz3kEosWoUZ5i1p8noR2xDt6KRo9UkkrU2xiClV/yXy0jg5d7pquZOKySNEKFFLoXRHSOCGwBlWqjz2V8kzXcxU/EIaaxE+IEnOFOsO5MK2cqEb1i94qBXM8zP0OT+2cm/lo6B6tfMks6mcbc1bKbVnHO17lTFtd5cFI7hWTEKask3KvGI+EoN9JrhAaFKxSFyo6F7uQJg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jAGNJ+YRdZAuuJQF/KWVXJg4xUf3FPk/gXzey0jfiu8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1MJuhOzwkpWUN6zpFaek9XrEurFJ3N4eNatUducJoGdBIRK0dmzrfipwavNN8+7BFPscc7epd08YwuFP/TwwzHAM4iXKmwYTBD30wUcsOBXzl9a9YPxC0MSBjcWZxAvcRrLLqCdVMBn9Q/W5dAoMRCZRG01CAmGHz8jRCeVCcs/UKjPaK7Fce2p8sKLxA9NREeVHZ7AX29OIaqrz/6uUW4chMDUSh5x00OdJLTTADDhDxQsg/yYvm5+afbZbxe84V7C5Hx5gLxUBXuiFNj3c/D86SDHRRoc2EOBb0iLI8u32p48nhFCVqKioKCpAvCKyfXKkaJn4oSfeG2y+V2TyExl0pBs0+alvSj06WiXwNlRsjoq/Y+XJk4LlfpZXV5uWhLBU3amisB0niLXGcFgi58mGfBjSRKLf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jAXNOv5MYvddVMa5r0K2zV7xZi+2iVDB9HYt+lli28Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4ylcVvfoQb+4KkEYn6bM19Kgu90+Exx1Br1sqcmdtbaYE7xygcw66TZEEEkxEfYG3yDjCnRDyPrZcAisDEub6DXn780ntzxM5R2BCqkpVV4EPtjSkIxKkNxm15yRbvFOJD3y+/OmPbTvyeWTqoYU12uJyB/AkYJ5CPU5q26SqTs7TTGEXbfUj8CwFw4q7Hbwebp9oNKyYWH1j/qOZ0iKWvli99tq1hA7esYACceckNwHGN29O/Vb7WttQw6l9fri7pYyGu4eTFRkN9QNPnxBD339LjSla1fLFemuYbBieGxfrU0Fdy8RD7DyNQayDYunuhEkHnQpB3UVqksp1oDOWkorpA85aOwdICIEvV2gk3B2NjBxZbtKRQugRqM+yv5MYT8xxQ+HhdqNO65pXhecpNSDiMnBmR9t",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jBiIpzzfZOO6KnIu+4KdDKAH8JnEHwfGEsr611nYFvk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vG4LVWza/4k2fPwsa4mh/c9oT+MppQYFNJoxzZ4a0TMJWNJjaA7u+vLtsaOwKJzH4kzTo2OK298ef1kw9nc2GrVmXfKQEiW9iSP31lgw2EL2ZtiOXeXtqiyQL1BNeP71VT9fo/eSgdJl9LXx1mQqAvLJzoUGXEb7uUnwmdJF7r3wkJhBMLeZR43GOfR9f9LsaenSQ1cfRQBnyiyukdS5aX5GecVDuvqQsq+QqoRkqsqXxO7mpmY2gknEbPM+bhHMA/7DB7SCXi6wWf2aJTMfNHxhwnfb6gRsNdbnxhQbOUHDJpaWQDzbSc6KTMQD5S9h3+3cv4rl4jKHPcvYyuSjiesOEP2XvwLWdhK3jMI99+jS2IzI6pEa4vqLFXw1vY48YUgy1pBzJ5/AN91EDauucb2/yghOR5Hn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jCbS6fqM/5MpkPXmubA6TI/isq9sIqSWnn2+14Vbu74",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JzY/+nXIG5zrTmUZOejxHtZkboMJEIDCmYIAiDSJsLk+UlD1bZiYf8NreKRRYN6xfTixJsKoTHx+CfE8HO61wXATojdRBu1pntOO8XyuxspJxe2qXZ5nJrMTbmd9jv3mSLS+w46UdHHP/5iTK3q/Er+w9+T3J7q4JKMH4GVTsb0DArcXo5IE9D/R6FDEnvYzuCjkj/v1IdXmQlVzkbB6UuQujM/hYxGsvkaHyxuFz45sNQ2PL4MAWFqkL1IVFpeA/BJBWvW0Erx4NDbHA09MWSOsiRpTR5kJ/Id2T7z1pj/eCFONRQprXYvKoOt72T+g2WQ2WufPEWjonYtV2tCu0Z4t6uiiaixOptImSoEKdpL/gO87sox+U1c6P0yyMyi8gzG9FCkExpSj9dpqZBELVT0xYPjFP/So",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jDXt0R/6X0J2R02tG8ZWcKDrEvzVcoGuPITBjUucafQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VRViqCwt8sarv8xFFUEBBK9OKOY99li6l8JLeytvrXdX+L6E+ZrMzWSaeb8y/PIqYME1ut53YpvWOGXanB2ghpeGs4B9WcshrjglIHFoOrYxcAYmOlIgPgv4eJc9F0ekiab2mkiCX65eZ97nHzYoCKOA0T+6Qyc83J7fZPg2GJvYxG/CkgJ0KUn+OnlAScvkSwXUy6gccg+/O+QU0M1kZOSpFwl/af7aP0x1SshAZgplYfNYXdFHFw2dDJGLT7RdigTLMo3k3GxakkBPI2IGu179rjfogX2UmIhX90jhqtzLoyZ4AO611SSJUmZFJvtoVyq3FNPU3O4MciUpbJHslbHJFyY1inq946hhGLfOfQyAC8baEJXhOMvNCyzdO44kLPm5pT653qvzyJqFDoVn/DBK52EZlT4C",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jDgl5YlfRXMsIMBJ3ek2tQVpYcJnYunLs/SRwV/mfxg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LBTiQTAnWoYXZIAP5yyMOQwZKxiJvXM6gxWoku0eyCwjOVCfFR2Bc5SMJ7FXD5t6mXtMnCjcVKa4DV/qP7B+jsxkaZanHue7ffUqDAu2/g8C3Jc18+oemarlXLDElz1FiKGfTX7K8ntAzbCoQZ4Cy86EuSGADp5D7qzJloi0/z/2QIjxK9WmmW4z+MNeu5KdzHZo/JVKXiAlYB0cvfaQ+pV3ceXY1NPZEDPfctXvi6Puh6VUY7TA/AMdvq93y1E4uir4H8dC24m0TqTgOdN3o2tg3twA4dep8cLfiU1ZzRZLmi9eHLinWfOtMjWcMIXomE6ZwbPgBwNpwvgbgweFbcllEYmoJVxqIWOfVHanBPmG2w2HsqL0Wb8WA5x/Wzen7gog/AwRj9eRpScLum2/eb2DkmxMcouv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jEvwATwentHQHGuLR0BCh56rXZW9LWuXRYL5QVxvcVs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/Jo/e6jGChgOdWrRZetwKQEIbTOlRCiBFkJnycSXsRVPhiG8Ob08B9+VLHBc6axaUsOh4cOM86qjEXRwLuNeXDEbUMgBCOEwpZLMhOJ+yQ9hw4uZWnxliGFp6KgUiqvsegC+vBBd/yq+RPHk6D0oKAwqrp4c/yw6Z05ogV4yOjKUxuTj2kjuth+qlb7zGZkqSaqvrZuiOEHb8yxGn2nTyOxQHteVPKpQfcCkd2HC72kPV7/j/x6Gkzq2lAc7MgfrsC7MA+WXJV70s6Q66N6eRN0Vx7WDFsH02mBF/but5nXeAWtzOI9VeK0qXKNGlkdX549OdP6owFzJec/vECLH9x/UaT+PrzefqN+BWMRky8vQ2EpL/KXTty5sDK7i1tfABnYpo869Jx8F1LmHK5ArUivYsHiO9Rj+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jGAhIKE5LKpxhc35qQ8lf3BXP6R5Hbn9E9KsoMnHnYs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "U0kiVqqxdkuBzIYzMC6ElGGDEr3OHOj7iJkxuM1+YSaCectzXhT3fUubHQ+KH9RhTjICqnqCp3Arz7OsKSXxU1aPn+zDIW3OzVeEDoYGZv4fWK9old5GCyUkQRXqbXMaNncNJvQ72onmek30BJlSlY8Ozs9XFcpmJPuzUO2JbKYD3Nz59KKhwd8pNuwfiiL64bEpF96xUMdk+5zF1wo7x/5QxFyldMsqVEIl/6SC4Lt1ZoZGE6Cjk+VnwScOe+R6YP60ADhXQhOpFQDS3o/Bigr5Ljc1d4WzlhzYlZEZybR5pIGkEn6833u6a4UgFiO0TkT43ccVFzaE14bMNwuck/IxiQszr6QjW8ix8T20PQVvPN7s6g0j0IgIsGz+bLjQ89BoOwgxq6R5O1qH+sPpqLCAsTGXMSGi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jGSlkRqnXWRT4SgOIigmCt1rdlHKz80aH4dIo+AYFDw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FL2xnoWEnccHbWkJfD58cZiLCm8kbgqDex0o8RboFSkaZV6vhqIi6tW0w27KczQ/vV+l4/PEOXZc4KdwVvUoLryPdQZmK+2GZezlIU2h2DirkkuC21wWVQQgumJhzopicul0cWNmj1hqabwgmTzaXlSOOuf2XyiDK++8of/CsFCveI27odh2q/Eexvtiyamx0v60COp8wJ6F9c2BCAphoYCG3z0bbhg61bzsGVWCze/7SSeGl6uM0s3hLqAVJuxeSQAJStV+b1LEYJc7fx7A2A4fEwEoIdBU0IlZjZ0UNTeso3Gsf1SCVLmtCpXEYIaPcp1Qa5iZEN9EH2sJ2lP/lSaiB+XRuBh5JtNgZNsnEEC6Cma29efMQUSXKyvoRQGCk+x4oS7PHR52mf56u7nk48pXoBP1F9qL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jH8xW8hiK40i7aFzhQMSA5fWkcq9uIfDGOKyQIFy74A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W83018E8rbrvqaeGaqKEqtd41F9SCfbBDrWI73KdchUCg2PRpf62tf0LUm5oYhQZZuYlWZ6n8hbgjgEq+qoWzoG7M5XIygYUBRfTL4cmAt10hz0ja3lL+fEYLoez+bUTpBiEzK/0UjEgp41yvlUqQjVhfhGZsRPxO5mLetH9c4lNU8QQc7AuX53Uu/7cqXAJlrsgZdbVYRfIMPZ/ZKasozptQat3zRdprKhAp8x363c1TnZ/eQ4FrkTufUi/YO4DKmuRxqLX2CWRJvawlgTSFn4okOWmVGL0/xkJK1amfttxwF1nRbGwqo+c1x2SbsvLlbI1aozkFf0FL3EUo0SWEE35hskjOfo4a536hDt4kucKNYRbnbzq14LrOUMUPhIQ5/f6PxXcfTN5tM6N3BpKn+fe+rdgsTIf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jI4qMzKKmZUw5pESYCMiWBnogOwBLUonmF4yFog7ajo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "akQJsCa5beVCRI5EMDGdR8CVkqh0RQkuAbbCA1JL/QZV1gxm5FLMA7otmrnRGNJsgKX4YxaeTPtJyylS/TYeL2ieuaPnWcC51tN0Z8bsYXxyOyDfvfeQvvhU+iE2Z5CCivSW9WActZ76jyLzxYQSAtC3/lEWjZIDnnkLHi7xzlYcdkk7ZxGZAiSLPXuT5G7Ajahljt/QLOR3ZWM8iyisAaBTiHhXMRc3j1GwLmEYKyM/ob4crZqojvQSo9QUHGw4yYNnPoqJxxE+oLj31qQRd2MppL4UPWgvY+x5FJojmzB06eMxotkNYBURF30kJ7xdYvuGAlIFW47H1t6s+rZ8dFiGckV7MppsM7wH3zDLy5PtHMWgDti/uc+n5GW7GKubPQG3hy64Yxf9E3MH7ST9NBMqT691gtd5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jJI+/FbXq6G/rhC1OfmQzHPCiovEg6XzNr4L39PKcn8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "t+xLGnIns9UsCkNjmOQYjAdfs2fBT+RoIzYOCRa2HrIZlIV3SFha+Jm5NXeBCoNGRJ2dWZVSQaYsGvJfZ1ZjM4FAF9jyXAysCH69JVTMy1POKPMQPxlyXIJIuKntLxsXUGSg1BfNq2L8WxgBRfYqbDIcSafxyFE1/N2JVpaignGMM4lc7MKUnzrsyLwXKi3OJOZ4h3pUR2M4cqS10b971u9Cs4qy5qT9xlx0xYHlK/lJB6glcj35XmjszdcVBGpnAZUAObn8rYEIm4TZPTdOASvDcWGvhE9mLttv2FKKSHXMY+OrRwZLfXX8PqBEl8+guPzc/5IGf28SToIygy8LuzCw4P6NPN9TENo/yHdvawBezVx+hprO9pDgIiMuQmB3wJARDFmowKKIEDESVEcFa30gxM5KYewj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jKJN7gBDMZsYKcy2gH9DGXqm/vksQvrhfearUYJ2nk4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ws5WFpw0Ep5O/6b70ppw6cLUy2OQKZ/uKDRaoC4K5gu2q9QexERjVg4pOSdS2LkZFnEjUtflcfD+2s6NmgRne+pKHJvyNZomK2LYlPM8HnJAMgusCvJZsGFRjH/aZ3ZOY2wNxy2H8al2L0pPF8dLFvyDVXuny0TPWYstYGl4ucaVzFVBOdzrUhdwFIg+p8Qwgo/zmCtZfjpu3oKNJ8kO/t1e7s70hdUIjyH9IrMgRIEZh1RkTGkzFLL9zFOQdOjoDjkzUlY56YFZiWE8oPN1s1B3Cb9y0XJdt7IgNM4xTjiGnM7ppydVbKAAj9GWEEjf7IIjo8WLFN3k4hMNsbOhqPC9Lxg1dIhEwWFk3oJMEzMpIxaI6UA3gBQhE6v75x4Cmc5qhD+6yk47/i4QpbHkzrz/3xhWb6HC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jLLJzhZI1EZJtrXFfl2VcHZ70XY1jSB9R8S1rcSqrXM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YfAVRVkDQFovA10zim/K65nhh8pbkBcfneqvt1bT67x1RXBMYEHnQ+ojOZ+B7x014Y7mLivYn9/RzI1jvzoSaZoWA9UvzZ90DdccVDmaJ7uBkz0MpOvakG6ojjbtUC7Ppf9K8rAWyxdh4LOn+pWYF3lhyEcQMTahMqRJu6VlH59NVTkD+OZ9e85QktZLggfvKSbLqGEirEZk3Bc2/3II3NlbGTx8tKGl0PZB7dpLBvlmUcbZrDCpo9PUjAWA0BRXWMYKgZ0udsKL9BkqXxepslsq31c0p9gr/h8oFPhEo7gw4NoXEHpjCyF0n5RlhdLkQdPU68cRIt+cguUzvZdQdJ+pcB/PliSJOjagPQGDSOjjQ9W0V9y6T0ROdsj1He00HRZhdLa6KJEjAFke09rDz/Nl5CleyAbP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jN/Ky5UlgVR/8XuuChF2UHZf6c1q7ywhF9G8qrSqVpI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2ZYW1DT7HA0fJbQu8feshDRYz0I3qD14Yee7en+RvTRogjcdWPgH+hnVsOH1kXoDhqqofBMTx62lSwGD/r7IHkOVTdyDsrZVba66w3Yfk+LjWxOCC95xOMgseb8dMPg4NlXZlYwEKLVxg5HP4NA5qzZcliEBartWYuTv90fzwuhF1YlftyxN7iSoNEnPHrVB3B+aVWHjWkQEHOC4i9UyjxYNN0jCNvVqA+jN1A273GS/YYQYtlRaCMOYMegtkHwxs/6QOO2R41W9MKFJacj3Lw8QAqS3UFU7tQ1u1+vZ2RAN7cfOugTY6e5UdOeMzAUQ4kxf3Ow7ZqzJWnt/LO+ShEhG52ZQUPhVY6pGNLF2mrIgz3datLHyOl+bGPZkQamNBr2S3pDuJSJZ9jFJ/aUJrvV2BZSql1Zn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jNS8sNPmZiNWYO2nYtegT6THz2r1d1fKDVPF5+ajPeI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "grW4NXHWHUzzCCZ9ps6oCZS+mHhCw5t+JjKK70n7K0Eo92C54vZgzx9110GqYOj79iulNXoXDLN0aQrr2Goc++lTf7fbs4r7YE8Qb/9c9N57M0EkWHIWyf802YP98iI1JVzXDFn8ynh5gZhgTKpZ06XYZVaqLVt9DVoDrWiF7Ryo/G9QAxIUDStGRoBt4TvMWEyCy5Mq4HD3aGZlt8uwQhs5PRkYrZp4PxBThIvZ/u4jqdAuTBA1WORqpgaJeUVQzA1pXL8whPhxwI5wUAAdMB5uvp4OJrf3VsQb3/6TrVviX2thGxdQ74/NzjePgJndApg3nYCBqvFIlW6/FlUR1lohLCSpS+8v4JV/11OjHACez8QAMMLRLcT/XHo37kWuSmrAY2h5FnwS4T8z05+RRvztU0iBt4ik",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jNsbI1A4LLloufjNqjaJBEVwxV0hIMq8NL9lqDKPcUo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "71sTgAgLDV/H+k5d4EgZZIvh1+lQ/z8kdoOV5BRmFzzmouf9N6gXqt0aoB0fnGMRR2sEGMiBfhYX1NZ5VmQc/QVuVMyD9QIMaX0FgELND94lAuVp8h/x4tSujPA34eKjlv0ucLBu7gMb/lVEpv/cxWD7J2dxv2FUReRdRXXVbJzQO+qeWIEL1MFsgBsR1rkCepPs1CoosiluYW77ocQ4aF4LwG7h7EdEgAU7wPkk1c3JJhrxyfVA2cbSp5Em3qN51xVGpAV2bZU7T0rsqrQR6/9dn5QWn1lx4pPon0mveUTeAKfKz3fXR8nYxfle1VnGk7+cWgdoVwrGCLea0OEZ11+WoL//BYEUgJEYBUboob14nQakNyo+qcbXZ1sKbU2bjTlCD/yF/mfSlUecUSLVqQ9c6HHEoHSI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jOadH1umzWeA8FHxcUNdmze8TIqRe+z4M/iuCoJm2+c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o0OiykXFSkqRoVg0hmaITjUH4ECIrR9yyOX1iFV7jQd1IzFe822ifhN6NJlsAhXQbl8g82419yLy4Nn3/jbPREDvtmHs1hi1QpAZ6J+8CBkFEBF6ojR8lKGEM1wRGam4HgqqOsmDeN8GDGJG/bXK0I2v5aP+I96kukUeoMQjht4CtPnl41S1U1WUOTDa3lnZO+KvpZ81wbKwPXJLDLM7iznHIubR0mrZegMljIbkk4y3urE6WI2I3OsgxDznootnBC6jmTJKn5omU7jWRL9SWjMhu5dZw0RLPQ02pKy17iQ0QPrNaLPFOY5xhRZXsqCA+gW8oFo1q4GbIu8P7FVsw142pwUnoDqyNSjP8N9wKkHqSJv/WPPr88g0ovvz9cEc0eZvUM87e61W8IseZxoM85A2O8UH+fq8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jQ7mwnF8XE9BwExy9hs2CuYXQ0KNaif187cZdJpypTQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W6k3KhtfmJ4Yd0bcZ+1aN/0zKRss0sXIVQ7paPoxOoB9qHpTu84Rg4Z/BfOz9zxXWJ9Gss+H+YHR4UnDafds7OlPI31HnHcImP7hKTloIwRYSfpbYSf4O6iXujapprdPbnknxUBu6MYwk1C/Kev+583iSIKRkONK4aED0MqtmRfmPaAvrV7OIZuh9ahBFsvTroiBjCPbppEu91SwLhYwmPyixvbvEd0AfnryrTGbt9GL3Zqoo3cJdiB7W2EEVEW+8bi0US/W14r8nz0HZ83UlmrXqGaFgMh6G5h1Pa0lUgeRux55QsdacSsJ8btjnYl4T708bNjfAdKeui93ZakgigYBtququatcH9AhU/ToKFkuuA3FvvwE9H017kJip4hadWLw20Y5hyUZsPLokrU5z67mEBh8Re2w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jQ9ofofedHCR11wh+ZcXumo1onWKU2Rolc5qmtbZivA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XZ3I+KBHRHu7WclpPQUfQqwq04jMFL3pStDr1o60jKBggokPvv2mcmbY+DtdCJV+yrQqyIoKbG2mb5QRfqfN02zbbD1avS+upiMNWLVIWXqIj4+rU9bGO0ABxoG97sDY2Xm0H2QZ3pEuNM4h2QQ+P6HlpG1fZa0Kk1ehmOxQw/Bxf2CTxt8Ka+JzdT0GWTE1wB3OoVBdaPx8yhypRXVLOVTULTdcFToPx5hlHdqDMbKyv6n8nIWpfpcBfIZJRwGqCIlVDrzispxfklWBtwDGC3CyWJ20GX0iuKs3R8aBKqcd2GpP3ptxjXXye1uRgrP841MkmdqhIrNhrdyFoyxrnHMsK94S5lUT3cF4/f/vxxhZfDX9dGamaM2dwSwUk4uzaDlZ2JwgkHhXt0KQIvM+FN5aQfa1tdFD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jR1KVl8OhfpZBZKg6v7K/ZBfkRowr9jQywy4ZvIoFRk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "geGCTvufJmQkq2q+JSVRF6zmjTT2biB1GThro0yZ+oMvL5efB3sT3Kl/EAt2QdFlQOE6hh8jDdfFg15fwKDdk1YGpU1RVuvfG/qGd9El/6lZKCCOee1WV2dQGPWjh//Zgs1BB7e6LUt6RbDwR0AqVxQ7tdaOktHDFGJtxLnzKShOair76zKFehmI79lkFHEHPiHuftGVfJIpfeCEpBs89yPgOnErkNr9uDBT9xkS6pkwBMSrR6jzsHFK+rl0HvEt3V9f1fDu4bL4SFh7joC5KTkkMIoYfvRa4Q1uk3gCDJxigi3en+OQkpNFg8Mus0qnqjhzbBJxn+Q7vJtH0arpvva+c3/vTSnMQ2OPH7t84kvx34ndn10b3UXP8dXoONE9kWWps3zCcclpTrxUQB1uY5Yl3KdPYFBr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jT2CmuSaxAeqcHdnTs/wGH5rIp391/GKGaM4LTPQeaw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/nxXOGXFfRJG6xaZ3Oeuc6KFNPOy2LiwdGE243DT2FwHkbfTl/gvrXrSyudM9ft/y/ZYPNPrCjDjpP7ZVbX3lyIpNikjNyGX2bEKSD6Q4XNpVlq+T5gSalG2CDJrtGBVC0OEVIfEn66i2s5BD8hENAHkJyryhY3kTHGcZOlJPy+pw/oEbbIuMoVv+cGHNvCcPJqf6bSANiAYCN8qUKWBXigBUBs+ox50vw4iJZzm3URclmg4M1osWinEg8QM0qbizeYDzUK+YSau01Z0YukzCc+Q3X/3P2YwqUhGVJYypMtZtXtIFd+heuIuc5575pY2PcduF9srsLZeINP8dByRUDMlJw1Zz463lIDmPxnfMqM1avqlMNzwGdrrtV5RSf3yJH9gpdpKSEPyRH/sWvXM8F7juKPOw04q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jTCoGXa/2DxRGh/xltI6G1c/VvJWCtiQyj5Ar4q3maA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MP2geFo2HhrOV4PlbL+SRJWMekl09+mSHkfLBD871O8FU/bKERqcfA7SBmOIpPmrsVyeDTeAoYo+pxhb8eU0gifAViFkEHvHYbJXuNFMzPpxcSJ5faI0wgDB+G4VxytV9raToolLuXcBymWJHeG5Nl3rBNDezF+sjJpjvjVW8eQ/m6DMT4tkhrng3ZhbwBMSkjSZWwm2xs6/P1Vb/lqfcpMq+lhRgWaXpYMlsiskQKS0PmxmoWh67P4XUKUxcOc3Nj1CY/v9XF2BzqYObDX4BeUpBSHYFeWurUQmByIkqDRqtKnfKUd3HCgoMB1YrRxHkAH8tddQvkU/e3otIYswmbzMcDN8qXYyW3aheTPXwjHmbMWfAURmONnJJszdbjZc+Bkynat5x6lqNxbZyvkRARlrsEzQnlOW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jTicPsJVr/tPeEkpyYyU+HUmtq4b2athxNtRpC0eQh4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5KF6IccjaYEIDw/I0JbGaMTz8fLX6Wwz9Bq5zI3sY8N7IxuKWGqguarOOYFlFzcOTJytNetR75eUGD+35SHUpH5ycut4clZFlsYh1DEq1vQJEhVE695/C2MtivLcJwfKQg48ogkhWiqtYab7aVBEuMAZVRuO48ZBThIP+Q1IejEi5rL90tEphzfeCWxpGxstzkbPY5whdA1m6ow77ELjavBV9yiYFYs6JTcM2RU9mGRhTDDeuvmrcDaiKzhh2/uhvUA83wfwWJ4LvDse6qOjhxWSbBId7m/G4+GPDJORlZzYtgj04YuWToX+IvXnZgHcUn9xGDioJRdThy3rzhsBo7T7wffQWnEqNu8v1FJ22M+722O7BZ4rNj67J6Bj993VXDUu0sDQEe4X8Tir8N4boJuRzotGvN92",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jU8YXJVCSx1sWNcNr914U+9xufnN5E8E2hGmO2Rhv74",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mrV5TGbecSfLYtNOup93dItuNJFSgpAMcHI+DpDolotrnQAewtJZiEmTClBw12wiESAHx0gzOEiZT8dIzZ8MQ+w5pvuE2h67VotzeakqAjjVl8MmQ4Ucm+oJEm7hUWZ0PAj7517FAkjTyzqbksz+16wN7pKQF8fQWpt0qUPVwTqwD1X/7evnpHX3K+7NpYo/+IJEDFpJIEjr1NOqSRcHjMx1nvMGggP/y2TEosLJbRTJJvSSxPtCJuZ3b5aMSzI0RFkrXdCGgC/Pe8vFEnFu/n/geuB2G5ixoBwVPm31cZwRsCp9RdlPK3XLqmFO7tFsa/ypJufvSVdoGa+raxnknHhpMDo7/56NL1waOJpls3XxWDmyvW8IdKeW2uRb1+NBe8XtdJmcfJZvPy0UNE8Eaf+OnpGsOedg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jUFGA9FrYUyU35D4vhr3j/7UM1RKmsuXvFizaZA3o7E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "663TeL6bWNLYZK0RbmQaJq83ZnCQGyuMPHsq716Vv4i/ZSKGXbpy853qS7t34seEkn2ofODCiHisdBZUyKw5+vy/JBR5bcqJZdkOra8z0jtsdRlvk7NBswXKhO+Sn2/k0SDog2u4lYegBQIap03Ergna7F50u0A/eACobYKE+Qknd4g8teBogbUdxOx1nvN4zwfyxTkueZ29lLqt8hwBGJAjZklHhexWh+VwDseJGTtXTrveO1acux0L9cYYTTpeFZIW7rOw03etYhC6/EV9YDmR8ce+gb0kho/+DX30ORumZALP2mI1bSwwhH9mo9LQlfD5VpGBscjuferzx1JG1jMve/9aRDbHeb2doi+LrT/OkAZV8/J85Y8DBsqi4UcgZx81iI9qNS2zTG47Qp105rblkKMIi+ri",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jVOACYc1vnW5+lv+8dGdDQTXpIF7kEO+xZ8mZimRz34",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+DOQRS7JgPlRBFJq4NFIrsvZ8wP7lY6ynuotzLzS7lnW9Hc5tMAvRvAZ2tdbNatyTp32iN61Xt9H4Wv2d0xR3+bpS2P5B2sUq1ktK7sBrmfimX9wC5cyVrO5IBqIwnCsu+nLiuy/wrivxw0ueKGVbmKNyDagWjmLdeG4EGiWnBBxb4Utj9mBOCiwVj3WFrehPRMVPY/muqST8RvsaUAg5uuXh37vUr8RSA2BkXqOIz1y9So3XRt3ptiygP1f4iMuUQcfg1+AAuqBlbtmDWGu5644rDMzrsNYdK0QqjRw6BEcsUt7+RYZSic/tPbkl3JV+CfMXHO7tOsHVQM6S/YY2sjKzR5bfvwyDHU5UV250nQBS0nc9OIDOuDkOKH+Oc/HdmukZNfClXdwubRkAQBdxJBEjfMwuP8N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jWmVFY0o8pi4nA8OWZUPaJewjfJql9yYYyv4CLw7d1E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d5HBAPNjMkMP1z3UHqXbpCT+gh2oUzmdrNZ3O75Vzhq8g5GFL2UvIpsXKpt+Y+Hy+ovdh4pOIRwbUs3TOirJAMRwMmfDLjqUlm2xcejBOmis1nxxaOY/v5vOqCcr2K/eB3dScie2kgSguPXp/0fgHaVazPBk/LZp7msrSH/Zcx2Uw1XzrMgBdzgDboJi2k/mkc4tRwtJ3hIRKaPjYNLdx+p4FXUF1ccWNCsnOp0fL2LF0Lg4DJDDIUv8vOUf/77y8RfMLcPlzYuYRaCrnVVLQA7am7CTGgwC+s4jw2GGJAKEDixwrNWjSaWvxWxhWu9q/arm7CFhtcMZUU20QgvgZjW3w1wVuyuCcdlidS87sBkiV3dkgk/+Ddr4+j6yUNllzq5vjBb2+l4a5jvhEzjg7fvdKU6OpE77",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jX5iZsHX7Um57LwU2mB/jBEZeC9gvofpF+tmcstK0FU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tTzqvUh110yiC3vh12UpAP0YARZf/KZ8PtxjZWJOTDnfqe0zpwlcblhxJwLalss/mE+Xaf0ZHZ+hgm41N3ICsjaFzl7lREsxowFTCqrdFi97En8EqfgrsvP/Pjo1Dz1x7pmwUIBNXB7UOka50mMJCXdUXlTA9VlE6jSWLEIOzCOhhpJpeMkfH2Q/M6vUChAM4aqIwFphWi3lI/4im/tJSdTKUgu6ObvUOJpfQpczhRGI1Wp67FUVw5GndpLSmHGQNylI/hAmHVBjj4mSYwLeaIeFysCjzqnNAsmHyEdUKoRCysVwuaLnopC7yLugB3SZ7hIpA7cgcLvNJXHvLbQEsaXurHhEbFQCcH1gIjlVyiWUFfdDZ+M0svj28Q4AbENezBDJoIX93bb/pFB0B72Rr70UWI7d0zBw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jXWvqa/XJbbFYWKIwjx1yesEENMq1kMP5Nut08Rv8XA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j+AOla7HdBHcj4Lzv/7dOmiMZdGwE9dkgfOMaMut5GSZDMLIwcaeVuuQz0DIMlDh3yLENqof4LThpt8V5IxUN+IC78bL4eYQAoyieaw+N9FLQ62llb8LvkzqL9z8TxLxlNkY7MNMT/83LMrzgStUlYKxMP4LmjMP6GNARZIybaVK8McSbdyQheJeQ6VcnTWg4YdROc/OcAEXof943lY+Fx0UrnHIjOr0FlukZ4DRhyOG6wCPUEInB+z8dXv1g7z7ddNxd7EBG2rvsvVKg7hg53SwKmbTANHTr/c8mTXbWIaV4JtNJCtvNFZOLU+sdpovX5kG766oIzbmbtmwhHWgJZZfPKdiMEs3HPAjG6xoGWferNCcZ3l2vO5glmRuZA95W/6YeyeELDYXzGtxLXe07GhoxWO3g21r",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jXa7iEQAmzLmutFb7ClXlEbp64zxR3/2l4P+0Hwze4U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YRDsBCECrCxKfE3E1Zl64kedETDj90yP9T+KBxbtkTUhn6tpr4GPNc13KFRenMA8ZYVrLH5FsLZS5/DSFRzIYHt7HDkToePwa8mtyydkwSoQLEfdRg+nHNITmLlGVBfPoc1ARlUZ1eOm//lez+fGQuW2W/GzSkN/RgiliQx4yq89Co+EV9gecas2vwh8ZL1/Uusn9MPRdjoHtNyBaXf/LHhjg8HrB2QoaHF6x09WsnPZZzxzzSl82BOHMqUNohOuG5Lg/+z1g5L1SvpQv350QUO2Ndosauz+ne0clz515TuBmi0Lp3p96tcpeAJZE7anqMK6xaMVCYwGrV/UfMsYrIigBhLemPpJKI3qk3Q2cDfkM2eE1viCUfRst7EJ4ft0dxMMZnQFVM69NGZfUU+F4IPEhCTtkK8d",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jXqPDIrhQWZa+yhygM+K0uy0Q2XY8WMcSHE10B/5yEY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i7vz/eBFuG+CT87OEEMKk/l6MOU3FVDMxO6ZSZOfXDgwEz1oyZoqCU0oEXlZhJyF3fOjxstfQK2EHn2F20o/2SS2F9I/7vkg+adkjPP+B7cTAbbWqf30HKjM2VsDK/fqu+PBWpYOrxsWwGVWGEy5zasd0YP588S44mr/Z4vC2eEzh8YaoL264eyyOM3j3m3UdPEYzxVxQ+eQ1QPaaKaKfCiNc4iCHMo/ZmqRybqnwOtN1VVftowkvQjTsAfilfDZBPudUWIYGRoMCx9oWJNNx5NywpGj1M1smpI9HnYtzFVOwxfGLQabSrtVLABVW+Na55dPcZ2OlgljjnsMYKxbIKAH7AtXtovrjWUx5K/MswqKCSZ8dpEhXW93nixjoguwXq6Geyd7mpTxfcTe6C3gyBjeBn1XiWNv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jYU4nnbFEMKvkRPgikLHsJRCo5TVz0WCKkR/jCgsXp0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PTSYgc2iD5pdhV7mvchcvO7uJ0H96xmHe4q7Ixk3KP9RPTcZj47TXQp4Bc/3gYLZf3b8sBEzI3bQN0swwErQEKyJdZ1KWZaf+Cmt+O297T7EOzbNoIsiDgEOQb8i5Ek3q+rQb0QMvh+gWhHaq3pAVQOiIPI/9B52lfX4qqYcfTNS9d9qC97D7AT2qbcwTYYrzu/eoWr6Aq8e7k/dXi2w8ncl2Rsv/cBlg1UWhtCOoU8o93are1KZsmw3P0iNQuadHvT9XJSsxUAVtZ1Gg8rx9U2jo3/HT8Szo0/3c7Mw99JAhXXNUiWLHzDbcjjOsf/PJIfsqTDtdel8pPz4YcXQyqNAWURo/uHvwh+sQ30NCXQ2pkFvHBuKYMQi7nGinAzIOXz6w9MS1T9fYfwJfBdkR0kv+ZcS1CpL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jZpKnt6k+hbZHi9vOv3We0DkWgVFWg3CfaQfuQilJqk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "H3l/R322L3Qbc76XKbCvUK5FmQdAVeoLuFk6TMl4L3rtCiNtnx5wlJrFQdYaww8oJAHsywmX5Pq3fvfQkKsfRdzXMiYCl5evO49j+4bgVHMFbxVvz+F37OdktsopnuguBnMeTKGSt1gzPTSr0SGBbLjwhYjY+h7L3BKdZ+v0714CFiOuWL+6Ub8r9Wger1kg/HDOhmprEXLutT5Fxe/0bYG60JxEw6f+15IWGzZZbRhcsNS4+kSS9veDnERoovE2+2EEhb9wyCVkWLwVIephMhFWxuxqirSeErUPsDKRH/21YyDJEEoVUl/YDp3zgAvbT3DqwKntWM4r2ZyDuHlNLIv6bVhfLnqEoEVcnFQN89+tmrYXZgg9x4XVD/RJZs1rmjDYXsg+il5WE7L7x2PA4DnrjUJx3HPo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jZswkzHaLmJPZTi2J+EklK/RR/BYNT/3NLEsvClJvJc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BQFeP2EXHlXXsOAKLiRWtsvqxJMS5NslrbwwV9RtQ2pUpW43hg5IOWrdU9bg1zYLo/4fz8bxgVDLnIwW7iejeIoKhnXMa1K4YxWGSTnFuyVWmnQbCHAzeESqT5u5Vzi4RXnJImE4QF3hodUCrHm3SBGIRp5IH42i3+/6HG9G3FCkYxa5acC41vk7pNH/395B765UBLyZb0RS5UeBVeQzNBgsuAI4V5IgBkVoCX+xVbNGmizzrZ64USbiBwyKqJvXqT0XVM0dAnkIH2SQVhCIzTIGdf4zx2BWy6MSeNfpaFa2EX64GK9mXqconzDspCb9leFcrgv/fyB6/Uz3aFFSKOu43GgRk7UBObr7hp0elOZwPry3nUWzX5XhYlv+lMbQqenIq56RHLR+LGCEjQkAls/RtOXBvkok",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jZtpeo8iHVTYqAFgDybm77TtCDt8uMW48GWUqJkiBJE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XS3xPLOpwGzpJy9ihLsidjJ54seM96V4QkZS4vcnccfF55k6egG2PvqlvmSsewFCX691yg7VNSdhSuYtycbHa5hzgLl8MvqMVdujaM6Dz/qAYF5wCiX1QWaHdGS7RD+f1ibfChCJNkr/YeSCoBIBilnAx8HAmHrxYjocLq7EQerwwW8738KXa6KN7wMT89qZntWRR0MNXYIvuqnGcOWS5lDIZ/MLxx1TXPyxPW9qcsFSKtactc7FZTwxBZcIEMscc/hqoVITO3N0WJkTaZlAtpebziFuwJpXmWRk0xaITAnZ8hLwD+3wvCsBeVC+h2WFjgb9rgTLh25mO2u7hutUAuTfqF/mYaE8vssdOKJKr70Ui5JZvQRM6dFmVVsROv54Go+Xq4HN2obTqlIpE0U5Yh+oC5y+r12s",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jb2C7psNu8wdVDNSv3+HWprQZ/eDOQgQDYOcX5nJbig",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AvNeIWFle2bve4rhMR1UiGgWbHr1xGoD5QgHeWm0lsF1iDKDb5vh9ojtD8NZ9lxdHJSq495DOjWwfd5keI2QSDBwZ73/80RDejyOfKTe5HVm68LOJhxnEJDlB2faSYyISS8kYVDDo9FQp0PArwQariJxF1+FbouGyInLnnZQhIzw3eHiBqo+noeoTCJ6wGaQKtLaQmIYQUU78Z9XvvHrfitjUm1RhRlFC2gw4PsIW9vzlO13hd9eTjfVeJV/ZbldV81NbiZMWvFe9uR3nqw5gwTV/GN1p+jcogq85li6T4xpFzxeVl26DOfjbPDh8cQPebXx5D6CoXGyCe5+2UxdJ1GTucE3I9BUXbJflbah9N0y8XRMvLnznLHzoDUIcxlcFLb1V6T9/1GCPCYrObXvQRoX/WgdAcQP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jbveWGw1NN9KKRnxmjBRpTwKYF/zx/WPCCd7lmvOBrs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aiTbNhhcx6Mz/L6JZ7IN4Oi5OzZzYcBGJnLyHuXU4R3XbjCw+zd2MlRGxSMPYX0r58YwcY+hgK4FF9uo1BErnMHHA0FmQFcHHAhH4wYOPkmM8XgyPAlcvLrzficKQ4IrzXyC/tsuEBQy9s4f2jnwZ9Uys2Q5fIoYwXTjDTH7aQ8xWNRQfo1FVWQO37h8bsCZiz5sFqI/d8AGvNxwMa1AHQD+bjVUr8ntJg7R6zU9vcZo3R1Wc9uSdXHLFOp7i1ENII+E7+9Y6HxEIxh8GDTe/FozSa1aRxGTFTjhVXdrsulBFwwZcBlMfVAUUVF/rM/LuKyP+T7gQyNjaPlm3dKBopzxMmt/jb/1YyRrwHg16WcLQJxVoPbVUikdUH4gZFMOEbggWW4bXNL6jhM+athzdjiaIz/1IgUG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jeqtCkLUjek6DH8zsEbcTTDeKACgjLNCUFdeCyAyrnU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fKl9SyjrmecGv3+7GZKgPR8sgeu5X9tXdHlBqtksMrtxvzb75EBmI2SJPcON/fU3XKW2k8LH04qJCp16SiARPteUou+25qm+sF6kzPOoHO/Nt0KsoaMYbtHgOk1/lnRCRBpBHxy/HO/R1DNwJCdvIXwWD1tmjjawahUAxbNWyWEO5S8JI/FvUCOINKHyiIiGfmia/Skl7jK7gDyfzasiCAXfkFoJ62NsQx+nSWc2xWAkwop+oM6/2ZklFhR//e8FegdKAJjrpRs2f/vXK6LMEEh10ae3c/+53ymhTpaoRXeVe56dwKpFWPuTLVoz7fxrAFvXWPYdfzvTwUkA1mrZG6QMRtv3uq8nSFjgAORXmEyffV1eKCfYpbTDG0YjaUcbEoclIRcAYA654l//91xEquNyuZOm4r7X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jf2RNshFH4vcPxJIFG2fnStVFXsOYFEUMC5kjWgfD8w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YKvTCJTj/TiGwy21GygCbhjO5HaDatEll86eYkCI4dYoPRif+iT4Hf5sge6/dpd4t3foDpVqPwRjC+4cpckW1T5VAef4r9wzFEP5PVdUtvoQM+L8M80IK+W2VEKMA5KTTdBGlJrVP8WG7TR21YzMHTp3kmsUmb6J/FVa6TLyR/PKF+nwuX/ux29Fti7wtNYSfy3uOwYyTTHYLpZM2OHFhL4p1mIroml9Br42yU65DavZqpjv9AZ+EiNFe6H60Wfj3XpnG48g+/2KxnJkY/CDl+3ZHzEHAQXxXyM/VDPfv2s5SuLs2WP/W1mp7NlsXu+lwmlTaDiI2K2+LJvH02tUflwhvvysD0Cg1hxlrooXxzhy+W3O6Wa5hg57Zsp75ILAE0DId5ow0tzjvuw1GvwknLugPoqfPmcA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jiZogRBRg+GwuEYLoywdDdMIUL8bnR5LxOsGiHRc3Rs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MFxtPur0MJ1SCVF6d4qnOtF0nA4omeKR5HzD7312Ax++4xiHtM6w9Jyv7QN/cs2lT/ZU+B6oAw6LX3+nSRT8em6mta9J1dH18ahSvPShiQmv8fEZA4Hl272+iLwrPcX+GiIBeHGjpn9BQb6ZOCUXZXp2z28ovIR/+eVEo2YighRKlILk3gRW6GNSQbSPHGpM6jBh806ONzINOKLjE/Yaa2lByL1QrleBq4OsOHD/g4Z7f4lOvuanLwdQxKyDf4eR5PIkRMPCbSTzIkJK5oIYG6lxt8ve52G0s97Z8l0CcjijYPzvYRYlBh66PPKKUOwsqNn07XohIK1aaJuQ2UvevoZwBLrCeumrCQ1pIboxjYGXPGmWaCd+Wfm+NUddV/QGEqQPbT/1u0TDIhyuD6OzYkKCOJEffOsi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jj2CTi//d55EdmKpfY0eXKesQEulDMylaZ1wmcBnlrY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZmIh26c/oeoIttv70at0ZdH73AlDMhcLAQ41/iscB69BYDLtS7dEl46754XgIfaxYv+8dIjdSMWNk7WjyBmJFDR9b3vDC6Z8kHSA5wdr7Y/f9TyeYmosbD5Dfbj9LFK7T7+jJC6vtxDJmX8UnNbzeR6HRAgueH0YQaYeSQ+NCwWw9eDh8n1QRL3cQ3MFebF4ET6u+QDDCWXbIokeED2O6FjUQHjg1fTKotsoLmqzgfCSOp/AENBrkt2YTJPgtP+cP+Wv2sSMrs9fUlYapT2B8Um74XmRXAgDkxg0GmZ9gRcwc8h/3HDBoZ70vKEKotNULHZGYhx3t30AlWrEDUp3wTVFUUnzd5XzAPZbJqoDCzWf5BaoqlqRlsBwb8uBmr5QayiVwuKUMaDItNbyyBsAE3jFW7Je/z1h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jjRSZQddQHlTArG5kGwofA2RYUHczxiS03+w4xqGauI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4wDYHieC1+GIL7AMqqOm3+d0lubdWrf9ffT8IC43JWhIVvT+s6O9VVOTas3GF87HfXlsUQ1qiwWsFn48C8T1dhI+VUzkpmncidyK/oaVr0m3TLH0IIFqudmZ9Gggs3rO1hpR3t/vHMSN5ACGmsZ/emw0kVKR/xAgbUEOjCwF8/IgTU8k//q6IVOL8BECKusac5vbrxtl67k1LtCRCmiYPEyX04Pezz/MnhutGIjRZTjyErUTDXPmplHD1FV+6i6Aa/hwBqyWU5EjVRQ9sYwKKEUd7eCc/t7xWb7OsZiIZM3hj6l3pI3ba0puoa6HxfiXots0pm5kL9xoYPPf0Ry9Ho5xNN8K33wrQZHG+GReqzyEY6XQrwu5Jg+YpFzb3iITeBUzJsjZGX/mwd+E8ZS4qVj0RqCMkLiH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jkoZSew2x/aIZiLQhBJyXNXj0aufsxdIDBF0rkiskfE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uz6CQtucr5+BVMTUgNyZq/uOL/4yddADeOjb8aRlcMpfWnj4b1VRO7qkU5YFLvb2zhrSdK4cHYV17MHoXUGBhd61ymcNCw/yUZwyWvheegewXtSzwx4LKjRzvSbv+8ulAvPdHNlHo+bDf/55E/0C/kiSMynFblldfinwzLDy+JQeX/YH7rV+omz6IPGNrmtqP5cr3Bj9pOkLerDNredFU7H7FYgEaldkvy5qMVZ18rnMMOI7um4ZfQX5QBbgIf5JFWilEr/ULk4Fs69ln7vi/XNpCgra2tle1oGFFoGN7tARYckSWZxxmU/oLprkKu0xkJE1Ql3PCCo5sCEOvW0Xf5EoP8B1I3zKDxxZOawPg/HDp2Bom01m5nnijYdefq0qjXjFND7xikCNWbNukJz8cs/4HkP9haml",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jl/GBCR3AkGiduvbI2P42ui+eHH+DZE2SsUsQvn6OTo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "umVwbs/5ACHKLafpzuexyFYXl5O3BH9UmBd1TedPUBbJzI8wGZGvhfAX2Glfly0hMRMNPYRlXHHU5aTTbBkDTZCRtxl3jX6z+KYGopVDuP8Aj1SI2gOkKc6IfIRhjPBDdGpI6Im7t2mr69TMzxBLQ9L6zJONct9HppSlzcCaC0dOY5b44NBBJx6jUag3AwKxbd9UVrR2GYCqLu6OtMA7JsILiyOnVXo95VX80gsvJ6TGf9hBKeTOreT1mdb7em5Lb0Qi0Zg0hvdTL7zoZaUM0D4oE4J3tzX0SmYO3cYg0cPdqXbat9n6JSEm0tduakkwGkc1sz+7c5u8QGv1TVp1DaiD2yFxP3kxV0Wz1k0MMabqjSBW5QEAjC/H3F3dQEQLot7dv/DwUCc8Md/2r/OA+CJCRPMYa8QE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jl2KKY9S6kgKihtDEh+l+i2bKHCxuHQtA+cRsJ5wrf0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GR/IZnpyOSZ86ag0DQ5Rmz4QH7HlDaMRmGk1rQto9LazCIGG8Y+RMILmrlyueRWDtXMq2gXISskPQkIP3DjLfk0LamE8QxjwWf5RfOUlGte9r+IJOS/F+32GcRlMF32EMB8Cl4DmvKn1XuaNqmrNUY7Q1fmJ1U/A795mJlI6RerFyUiyPnf+GCCYHb6URdoxZagS6XHUPrsB8E3cwcaxluD7w907q6eBHxwNsPeupL42Fndz1ZypIY5GEHF3K/5FmRvJ2ZLqnKjMFe2qBUUmn4dNUSWD2ARgziU10d7nMZiOHxrro2yD239BX6r2e/rSW4SNVr1OgL9L8f1cbOZ2kNdUfJr5NjHA1vnjxThkEWdmEYRAouvtNTrvPNWvdD6KByQLdhDoyePyWgBym+gsR1H+9+RRRACv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jlDnjj/CackgwXGyVYq28dR8HTNMhtVAh3HoveXZCpw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P4xjspSfsDpEoUACRMtG3B9C7jtVkw3wbnHRKqc2OSDHvQ7wswmhzH8fbEg5N9Bm1qY7Rm9cr/aKXZynLP2GH0NRmUGTomDY3vvIH5tWT1N1TkS+vsrRlvzjnDOMrjW4+ZTZswvnxIZjJaeUpjBnAuQJ8/RjMTHrN+WzhoKCd4KUQN7jDg3fjwFkjiLrIJ1ngYvY6Z/t1PkHQqfqV5No08tpdn5jLZRtzpoQrGYsOWEq6jEHuGk7mXh5wWIP4eKXKdvaaMJvt/Xseno4Mb+pihLs/kZjBUZi8qbM2H4g+bG0qKezK/q2TdK33nxpLGGrhjrRwfqC8QjsiMOGB8m2dP+ZU5pUaF84yFjJrEpCHDPGwBO2MwforH5Tx3y6Ad1nllcv3VsE3TsqM7KQlZ4/AMuPit/GHo4I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jlgnBaMg9cCpcaGjSDHLn/nLCOwW2yv6eIPTYlZyQRg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xLcTBjPbOP+BYTez4bRIgjx6rFNo10ASRYSSpYh/wNk5TCUlMgp77ZN7JUztg8VkibNd9n35dPOQK+pGRUY1Gwmti02K9OvG3sCikDct0Pu2Bmo6ym11e92D92SauycKN5GYZ0hVuJ9iDbrsOsl0FBp36JYGeCj9xgh7IIynzzKxyE3t57xPYzLkB8psRL3eGzkcdDSmFN4O2pDDxY3Zk1v8Ig0m0g8kgE7w4HVrOHBIp6m17n9PZbgrQxMJ/KIU6PI7y9hJnV6MCDo4BsfGROSMeeaxW9tVKzCUe3NjGl+gDQyGM+f/qo2jhr/t+hD5TZ1M6429tN8WUjvDE1tACaxUp7skKV7EPMQfPQCUG71E2efm/I4A3+SKZZDD310hL+bRGjUKFcmRzEGbGVMMJUmGGTlVCyqo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jmat2heJFBr/u+EAX5IOH0wVuP1s6WqAKXkMJasxFHE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6N4HioY3Bddw3grqv5eSzXUJo3Wxq9aaIEfL+2KGiEcZpDSWX2lZlfpA1C1p585WyTCpP8qmD7fFL4zHuPN3BXLzR/KUYtbQrU/+3P5uQKJ/npy1vdG4ynC7s2AoGxxDgKTKd7kBti8BTpt6D1QdhxsWo20XNe5rlkT4IaDezUWvOWQngonsCSOMER3c5sHEEyuqJMQczCKeJ0+1h3N6yEudeGzdfNan9Smhj78k+olJcZ6Gi6W9eeYxtGTPXqmnzSPu8vw6ZEMjB6PzRknKP9I79iCNnZOPaioS7RlqrVOnNDHkw2ytQbIBpWNjSgp+WaRpgvmI2aQ+yvU98E78n7anOQj14wz5yV2QmgSslryJBN8pJGxoLBmWTSpQhwjPpOq47YfGb5uTpgqhYxwaMUtc+E8MJ56u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jq63ST3t2S6bn4bj0Xz/bnn16hRyKKUV4thFH75tk1c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y1VYSPknITQkHhINr6+uD2BxnLNml40Nm8PyEqZf6D2bzMmhLtf+lRGD1XHwzwzp0qNBtJiBHTGbf7cI6eONfo000BpT4R0tDpNkLS1ssEATUOE6Be15gGVVcN5UuxB9PZm2DmUjpDcZjZoWvg8lDvyejAbNeCxMpuxQfq8vm4lSmIRKxM2kHeFMnjW/n/qmSUVPVKKdXxXNSjSSa4f5Vap/oBJKi/sqHLXvlIR77750R6xdrLEuDb86VINCOe2cXsQ1spLQEJ0xjMVVIuVoDz+uD0R5h17GtsTsBdka6FvDwaxO1wSlFwx2lcbs9i11VIkBQPjv99ks+F29ZxJVNpdn4BOlpDO8doHMhksw24cIl2kKt84uYJOXzJSkMW5jtXtno2fBVMdKptxvT1DUPaOIlMhE4ZiL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jqDW4rUi9Wb4/WIE6pLQoHNU1HWZuMG2MceuV9sryCg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oWrDTMl99GWGzwkbkmNNNx0TeBQT8mCccW5nlLwUUc1b15QS2+e0bD4/p1uROmAMiVKhkMF6sYbQR97d6QytNFeK8bjZbXzartKwZJrmOqUFKVZ1ukfAFmSrB/Qtr79UXZEKYF3X+3AOvTu2eWqbWwgI5ebEb2G/420UgqegtbaauItYXFKzDYo8sdYDblxklzkeM7Jncn4zjMGy5ZYWGFW9l2qdKxW6t3QwHLRF0vQXNu/lrOQSJje0QpyIfTSjtZeI4pheDLOSW2351bWgwTZ0pVDj/MRLToFiE/+wGw4fMXWMYFtUx3idc0G63Q31SETu8jbDumA4Mpl2T5m5IJIpEoYgShxhmg6otviCHFbkTAz/eGWQoqbozC4S16KTK/pAAUFcORh1V133YUbt6eIg3ZIMdWFq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jqP6a7pS3Pk5z5e+i0GpMJfm1jvIqC4lZz/oq1HKQkY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "StkTGHZ7njDt+tjF/BCPDvDxaXl5p47PP/xPwIePnDkBKB5AwbzDjhOiyZ9mD/+fNK0Bkdf6/wvbneEnlEVuPp+K9gMWnkof9Hzv6Hshnqs6oDVLjryuGznfQY90HTniTHq2VeJvP3oyrDcN0aVIOQCqZWHsFznPHsP7qx5xw5QC8wItilP2GTF16Jj4ODDy/GIFfevpnwN17Tq2XiBBxr/WDZoH/ow/XXkPtZiuk6QD8hrIhkhr55y0MEZsbqskDsNEfsQpeVU3sPZcZbarq5wdSKtLXPukqsVNUgWwwlci34HaGPUti8VmKkK1IPB3vfwu3GhP7LY05HXOKF3eNPEX37GdODJFME/Lnl+WVBKv42LbhTwI4CI10UFit/t/OpZ5yTNzykmN7sqw+wDRjXOJ4YvjpBuw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jqnMAV6uQOAGz4ZpKuyNoMHxwxf3U3whD/DabnjzEcI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rhxKunUe71kBf6N5vtdiNCt3wW2GNMR3iPGWgpf5v4AF62K19+G7G7xp9nS/EJoAWSX4BvyLTtzDxykcKGJmnq+WxQ1FjEsFPcjhXCKtPKbjYkl5jLHdSr0TB1Z2IdDpve+X/E7S+mzZ+nPpTDLQ7ZuiSnq/tLHyk7hqIyfJzW5hw2ljxdfJ/Cd1+LTuGMEhoBheGCK27A48ey5O6UzER2iNdRLnSBz477bFZbbE52ztjBDsQht7S4MH4fNZKlhnel6DpnqB2uepx2uDmepMMUibEP8Xf9btibcXyMeB/6ZzkRxPw9jtE5hO7F7j+2qroiCowG5LGd6nGEFW7F6USFjrv/HiKrwnJ5k97mbLraTpbSOh9fOapiN+aT8peUsnLvuw9Y2m+wtGvSdH7UNyq4g+p6uH3q09",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jquCpazltr/lGDSr2m64lvDi3dq82VlS3YG86vInLbI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tLrXc4kvLLz4d0LXdNJLUrGFLFWXlO8hYxeFItZ+3jXSLNvbavhucZToqLGnh7U6jTf+XrRDGZxHxF8d512DoxXc3if/QsP4cc0DbTo5AUgZ7cB41yka0hZENIhCu7n4SJ1EsT1joMJYPTMTGzlK/NSd0rCNilkctt6t/WD2cdd1d3wA4JJE4+UHxi0GOjYIVx5egcSk1OicTj3NN49mnpWaTi/AmF4enoh2QvdA+jvVDYB3sMC30aKF79QyIa+snfEWWQHCz/+ERLHURCZyCvAsUDWNj85ic+bJhKAqppgdEmU2HR0+qNb8BgJvAa9J53vZ8vFt4zjDZdBVoJFZypYwDZumb57td1MndeFDR0DuorS96wSmgHbT6PUH1y288h5wtc9WSTpBJfEw7M8qetq8AmepOTB4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jrbnJwZNGwPRoxNHMsfnjdk9FQLwslA8cuWCqAo6AN4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s41OHPqF3A/+swAPOcIHs7cRug+GY+XzwDKDw2xj89F9c4i6eVZC0L4EZb6cKRyRnCYg+WXVgz1i9DgKt0H6W6F5lQwTesXaq5RnfHT+MIY1PRxr+VX+8QkaRCj9xt/TtK88C4MMsNrUt62duwv0EU23FDjqlkPKkWamOYboxgYGe8LX59Rb+zemFsbumpqL1/bu5SMbssciLIizUNPb2X2KDmaiTxPy2cNeQbFxTyuxQJqEI6ehBC8KQOhBXg/L182UQAgI/CSiXSqPdbf96Xm/PyomMNCINEQiNc2nNIyvwzljXocdEF6k/UHaT823QjpdZqU3putXlIyzcYA7Za3L+DH2CiWj83wBzGseLNV6v+rpNkLkaWoXRe+t8RZghmC/masS64cr//TxsIx1lqiJ3vRtZZ6e",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "js7gC0z5my3NI0kAqlOkcYmw1WzLznxRGpba4opPDQI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qGfplfbcM6dfd9K416YU2t+JbLtsSGyl8lC6TsJxSts5xwPcq3+WW/UM/IEE9RJo5Jc4YleomUs4DYvexaB+MfYE6+a/ez1HPWN6it7vIvcPHtMzqMXTBUwxgzQM58ipajp2erraaAw6v9YG9SduqI7eHBGiXPSFSr7PZV+q+Pvyjpt+UdZviNgkctGR8MNFSXBNY0+43BT493ERgSI41ACPpl1KmQNteRbz97txS9iWq3rht+Sv5Vvc/udMA1NWxREA/iqRIx8PrpTwXEj16ZeGAdZnTDbJmOWVTfIpGM8W0msEPHP9ADwUx5PRohGPDDttI4mRbQR68UgAlsmcdqcsJWBFclNRbP3BBinJWYUUvyUUBo5cWETgmfVRIA9gDODOEcfCAFx7qsuIIsn4DrE+NMNti2aL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jsWxxDKvOcfGRd71KczkBsaDNwtCJH8OZoAcvRYu5mY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Hq01aRLoZavu74g19nGZijQsMFOZCx0g+7YDzetwWbpxQ5gldlAS2x1nXeFwt1pmjJnBZeaBJj7z8AWUZHD2ekWQg7rslpWKVTxws/Pb+T1dI7L6QQFT8aOKy3F7M2DXoNb2nHUAol412g6RSNcIcCmtQ1en16DRVRGkI+5e0gLAWGvNk+x44jxZmcKYEj/+yLFHFqi38dX4m3OdHzpXvqYFI8ybdBmUOxwY25uxPOLyKHmpYpGqOuqEpm/saA+JeISkMe8gThuo6OuUgEnFAL5TqQTlDd/yedoeb+uqE4IMP5+g2s7qTiGB1kiHRpdH5ZAh4j1ZkQ87gfwd8609bVegLspreJqD0g1iK1GwWOfi3HpUf5SThlJGhIoBWCBsmvDIMr7QUDfSKm7qiGFr7br2bgA7WgDb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jt6C8hr+tSQ214hAZq+I6jRSHvENm/jWPpOoUrQPM3Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tz+pYZjCfsh0nwm8YAXPdtG4cEt9fMI4s62vr6bjghifaL8DmwOxry3epSq61LiZwZW9CB62D4y/BzpQ2esXnuz3MX5uWKrVyhI7hJCkigXYrcg/m0wJk4bx88Sr/8T736H3PZzk/POirGDScs8ckkzhfNpJ0t7PRaIfWHhKjNo/9bLIu+w6LIMUiwhloiE5tsv2mDP9e1XlgQGfVQZDXFgxlGC7V5TWFFZDIky2QoT4cb+QAKk5cXhVwRBU3ge/gpGXJD3NYW8KapOKw6Z1+V2TendZuk6grfHe6BpFJ9ofeLdmjevXos2Q1sgZdskE2z1fjFIKA7vsOYCWTt7uNZlaGb1RC/mNefyP6PracU8AtUbARK66Og6HQ3+l3Sv63nP09KvbkFCT8j6AKtw4mC2M6BczGde8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jvX7lL7b5oKuCWzWvZwcR22oZnVgBuvxSObCNZqHQGg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mOLfKcXqAlY/s2tPKDDrLZ5ZbHoHn9grIgpgohbPg2qLt5RPWtr8AXjPiFfMSpillvEKZ6+TfPIJPLPfyD8zPYxN4PaxYhiofPpgOuCxotRH3DpMjo304XGq8bkB910QQDdepU2JEcBx3HFMFXip/hHYQCioSS2xuOngQlKgZTRnOarMfYaglwPmF8L3nsh0xteiCLlZ5uOePNt1c/2tLbhaB5j9gVCPh7SHyVzyLSk7U0GvbZJs/qRCESQgV8iAGKIr2AWwalgVEux3GbllGyW440oM8pgG4tJPhgvWL/K37Y5Lj0EGyvO9JOAAgOChT4z/lPtCBkzNcsbxhmp9Q3/i9BKMFWwQj/lSNmxLMkvUiCXPVR7eEeLcYSSDjN3Y63UMiT4+zP9ZyfkHZyrWvPMMOQFYImtO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jw1+hrt0K66CfJhQAy7zWcidKZZQ/MvKaUJsUkAOUck",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CqzPOnE6lDyxQSVBrSKN0JFYy/HSfA4/TJYWrKsaSR19QCbzI6BSSS1Jg6fLESIVyeCQ/0TCpdwqG6vqglQxZXW41hVJw/F6oFB6ZXc67UbYYu2P3Gqz961T1HxNPFOHLpketU/TI/omXjce98l4Eas4Qo3w3KzJTKfm0/mQ2wIvyPdc6T2t6/vphIf4vTSNM2XsqLipjO+KKPGQHZQBn6MCuYdaMojlssiKaqd6DF/0TddbInEpXy2IbnVcW4G9CSzfi3d+S3PC41cLbuE9LtkZpRd6Ma1xFQyXdEjuGsS7hyL75hFOqxL61a9PjLn3H/VRILOHlW5VXiYN8FLGHMIluIoPAbWTp1XbtgMpwaOStNUpwJTaDPrdeZ9/6Tdf5+HzV+8q9p4vdaSrtw7nvnAAmMhTGzFX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jwiwL+Yu69X7j6LYY1qczgJ6Hm8eke/PQLS1I3Ac5xI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2/rcPCbMe7FEUmfGLZYJDcOfgT8qNxXK691mF2B9vpZ0i07Tf7Xom/B52laSeyrZRj+cj+oskiZa5pEOFVHCTT45HBgvQZE0yWvgoKgD+clQxkMoUe/j+917R6rn01PswNMXgAC0NLHJJ7iv1lrxa4jXiOW4XtB5JK2DM4ypEkFqjAzYxIENWnXxsilIy2C/meO7exA/u7EBYEyJT3vk944QJ8KqhUTqtIMZ98S3NGzUyKRdKZX/WpxEsW3iiglW8Lo9CXnr4lrYeNGDK+VG6UWtQiC6DnzAMiB0PknbG1yO8tCR/JVallYaAkbSChIIcAaqp9GVqwHdxuyXlZRhiFWZ2z5gnovK2lS9pTL70biuHV8WG6YqRb+yqJFy7Mmu6BUfkabgDy0DB5MjZ5j9e44pgtUnmgsz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jxpXLnabf1HmhSfcZWQpakWkzCUtmKpjSwX/nbmDFHk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CZH+JTGWzuKYBHz/wjdQdfShiHgt4s5A369OD4CmnaNg/vYZmN3fQaTu4yF08PtTD/xqehtZ0wJltac1sm0cxQKjP9R6d0O14ZQ3k47IS43yXTdbWncuuN5qRtdq3Z/ooaFtamgjERzp4/HL4HnqJZrBG0ku5eJywkraYS47mXQT0Wc1oWJskfsK7bLOpkIdQmHwAhAxvv6VuZQwX8+6d95N2S5aafCdOQNcMsB/7STmNJ8jUdN6B3FOff2r/HdiI5lBlhabv0k5B5d5sSRCa9gI5PBogeuDtfy0GLoDDdL9ikwLS71cQmyBMsIb/TIx95FhuqnROZkpKaj/DWp5xi2a7RjM9nMMx/gYUR61R/y5E/4/7ZOn4gtvLyyiwfapNDExm12VUnTf/7ZO1JfrKpOX6GCM6pQI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "jzQl1t7nM1Pe6nE8Dckdsafkek+TUMleKTnzfLrUv6g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "twpFQefBgXzJtyA9VHz5VkUBZuVV0n8sp+iAgnnID2nZPLLOOW7kukyNkonHrwYxgmgbzcD1lX4+XjX/6CkYhmQmvCX0gRnAshXIuSgXuT8Zj3Y1cPzQkkPfqOl9ZPhxZwwfARLjlKpPYNunf47L5HXDAfs5H9ygZ0LTmS5YzGv0g3k88ZCfxAy7lDD1kelJb0erCn9YBx2V+Eco04o3daNIHQDRh/VKdN7IjdcEGcOdqQHh47PT7r7Fe7FSRD5L3DM1xKARjQzAONvm59tUZlcgK48L+beZeaf2H4vkKxr5fEDVvT269vnqTRQLg8CBr205sXYaXuVM8SQ1T5us82yF5fjy17aFkPgdoogcw2IW9bgW1w3sFVVetlX8OoLqL05Vx6aiD+9GugQqYzfKLcxHpebd0iAA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k+9NqNlsIkiLZdDATz2QNTXvuFNpm+4cEL1Am+oS83M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wMYHz++H8ByyW1KR8mLMLjHVOaHuXQoS6YyXY/T66qN4wF4uuZxQdd234LuQExYg+bXQJBPhxP/2KCQTB4xsUBa5lDztVmOrZK35kmpsv5T9rgmzfx3gJ1F2ATuceAyCbAHI22TC2Hn9WKAl/DN2fLGqczaDrcJUgmTEddalnXk0ypypW5u3oNOePNyC434b7uXv0MHMSuVbpp/80CBa9UMbOD2wPOFS1PzB8ybGV6Be/HV/f8PZ6H/iDbuFzW+8zKYUuJdDuKZpGUG05WgKSy0nulxHTNtOjEKe6XCET1658r9Xa3GDpF/aXbnV18so0EotjzgRGcnxj9jQzDvrXHA5J2BUMblViDvccDtxX7fKST7JfpzVKrjl6fk9yKi9vrJMpkXoJcTpp9/YHW79j893h3MV8KaH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k/Nvmx5bw+g4U0ILV2G0HKC5a51/E+LV5tB778neHWk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7g9lzfRPMqMtyxYDYHOPsCYly0L7sM2IT9gGVndIKmm7VGCa26SGFgiEWfreAaXPNN3gYBcHEvdmlth1M3CDmZpbOwDdXuzDaMhC3v5gP/CAEnKIAZy9eKRyfcOJ2MdyhSFgY0+FpfTGhw1syj7HyAZ0YPgBecT2BGsegWste908RMJHANXJeMqqMywyjxYCS0VJqN6lkQj95OMyEiYQZ3Ju9yMsBkIKSIgXeyq0VTWkyz+WuyZEF1OfDqw2BCyJHuUi+r9NyEhUNCgqf3++syaUxaN8NSPGmOm2MZmDpUUwMBxp9L58nIOxAwMATsZujCXvyuG8Qi1j30t6DB6L77pI2kVEHwtKQUa+4aitkGWbZsf98T+ZxqH9Wb+UkEBVaAPob6J/m1YZdExP1jWNDUQSsZYOyYAm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k/SVI3JkBGU2SJQlF2XNV3e9FaVtWcID4zo/lmvev04",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M/XP1hHAzAQnuFwCXUEwRf86eFuYj13YT0jF/27A+7ndk/kU2m4zStaIEl16WARv5wDOMkQkLDd+6xmVRvnVracGNio96jfqA0q63NMtY3nOxVLJgI7XFFIwd4U0Zso6JE1tY8B8SkDIgyv12gm88PYDJK+cLlvXntlnUzNzTBeVmE0CG9XUv7zMDB7kYsLsWOy4339tIN5Fse0hQFuW2V3gTOuYYhW1ZMNZ2MMVtqIcxSkbfO5CSCO/MHhW2PNeowh7jKrAkdgZpxUg5oe0u+nBjzTKnoPTVBHn5AQ5Nq8ztvQtNL5gB20pj1B3ss22od3OQ1t/MqKEZ5jN8nYEgx6YMK0tBds2dzox0zV19gT5DqlTNB3K1GYbzWjdaNmeo13BNZVW84EiBECqKDarVPv/uCE27Ybl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k/kp7Yomd7awBKOSfFt6VMEQ08DBqZAcFjGYY6VOIC0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PLpAl+6dqbGM/51q2nswLvwXJsadEhSs6Ors2HthzCn/oRRurmQAxXfk/0zpBa/c3kO+9UXTnduGOu48BSlt4S/hn35Fz/wIr6k2/6WpRTaJJDowHaesdRo9swBl4VsWn+tpPCFcJq8XOImzdawZ3ijKmkad0QX2UgmyS+tOde6mp56thnBOT9hTTpaHiQogNL0WCaoDKqhQLOE3amKw+AjFzs8HkYuUsCia9wl7U1TDjLkhP65TJS6IdY1ocRcMM+Fj5qtPT8gsoXiZ+v4LxfooMxEKtelrUBVbtDw8zruzzNyDdcTy4Ekc/mfhO/dhXHvInbPJqXa5bowDgU1BT8T8Lp+02MxaVQ7nC+CAaxE0j47xJb5Bih0bj2D5hjfsnjFk5DqrFb3XkFV0mabSsVP2YUt7HDN/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k/mFV1Yz0ossRJer0lfnifgLKsnXfNG1ovdITCwMITY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1ssVv1+koOUzc9McEjl+7rIuvi3EHEiQf4RZ3ARtwqcZ8HzzyXMKTzBJBfG9l475jVDVOCPIDzzex34SftMMlAnXMewSU/jxZzFn3+0Dl3BJ+PLtJxrLz3OWYphrbNuwqhSeQ3EcQsBbyCIPE/ftMDuhMwS9JRWpZpdMSLrbcyqBrgURn1n/g+FhAz+2QiQ4DhVXoMPyseZvNzPfFd1ra4/68gFMgTJ3W56/6g46LKHoKYSLBRZbW0bS5BSZzx21KiNI4ZxrgqsRqxPxZgXINaXQYBTG8GV/QEAkUIEBaPcncSz+gWsCDfpWM2XsnTOfuZvjf7CKX1JFq9ZFq0Wn/UpDA/EoMkjmILjSr3J6u1E3KP8KqnVyYPLYU1K4NB46gtuPQ20aY1nSKTWGMMy4hqvGjSvDUpFM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k0DqnbS6slgrUhBvsV9937VSI1risAn0wiJyBmIM2FE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BrheM8FAhVd/9MqxZ/dFctC1r3NHIa0lv3MC9YrWbBR6czBprhksL7M7OCFFUYeBf2hDvQclv8dtKXDgdD952py270/jPxJnLR9Y79RJnfKfHe/4SgYlSbcjy3P7+uPLknvxUZOgAtL7XQTF+nXOSUMU/4EMsrDbRRGa/CV0vHJQ5WvClpX/u9l2+pO11Hh0dWF8en6evr5BPTs2OprabVpiXcBFwDpmbuYei+fl25QwvjgcqqO8smZz+0/alqJyzTcBFp4UQ8zaBoP6JueHTnxSVWV65QeR40U2gqLJFRWzD5QV0gyRYdPROE3IO+jMnRVtEffizqNO8hFs9Jw//TKrZwB0Cnl1mavqAquJEDbjaUpT4WIHSYMq/PFGpwEZ/3IZED4TDID7PRvB3XosVB7H46I36yu6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k1D9sDlh3PpJ56RjZXB6J7sCt4aqDSGl9wV9nUIDj5Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CAFdfJp4uNdMcAWwAXQFc9wLTR9FgGmzAIU1oIPeKshrZ/7bljzSQi3F0ejOQBvSyW9SnDFd0YNgdV5HRT1PT/yoFW4zYtBCVBtYtxFqCFaA5H7UvpygXEvBPYRrzdUFNmemUKk869h1MJUB9fXrEd/sx/Q/hnFzH7DT3A4/UoF1hSrWA4UexQugSlORp40t+u0M569i3xrRoklEcGrWVNeC5OK4lxcxoMmUCq65h5Nfz0Odd38Bwnj53PxW0hN4A5YHqztO2AXORSqEEdiFgM7CdkO0es3oxZhbrWH1ct7i27Wk7wJrcLWESMv269QFoStu8Ivo6Pa37HvRh0pxQqjzMOskKFG9ouQIRh3bTEtkishIWzt35mSfc1eFlcLCTgei3jlbNlIkDW5edC9AglXPsFGZfA1M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k1iUlmnaH0Hzw/OiBIclDfKqFAEIKER6NK2XER/Swy4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vOp2x/WvPGp99JhWYDpwX834PlH7XU3+obfVOk5Sn83BAtYM7CC5unjxVYluDNHnWzP3dAgS+cO6GjaTRFOfCDguM6u/g8Co75i661Sa3+jlZHLNCV3Qa8+sl2O0QV4F/g2tQe9ux46oUWjqWM6EhpIlRpsd6XpGU6nka4PIAbeFbfIs+fgePJhD+GWCZlokptuC//6jC/VIXUDI+g0Dmqy+NRMvmC2EFwaGJ2raG/CNzOAcf/SVWpP1KYuH7GwAFiFuKpPJ4EArLSrXl/evYnPRT7p64zOjGOQ9BaXkLhBAi6L5y3VFJrOeCyzfYtHZycpsC8ECVTU9k+Dadcqxhn+6G2c5AzaehRHWW1UNsiloipb5zdSyXuGmbqf2HSaB4Xzy+J4ylgevfDdQs1k2AvY7VV3WbMrr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k2WV2zMoPGxzctzHNAodgOPJs1hSVuTLNdLdi8+R2ek",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TXrQXDTNZoo4wKSm5OdDNU1qaHz1OKssfataB/nltqmrDpZUkDhanZsj41+ia2xFd91QahxG2pWVUGUh8VvqlUmm5xrVTCLnCNS4O9aKMpecGCQtdXWmy9TzeFlTjHP/Nt0fyUtpK5oi+zFv0ePEbdyqIKEDvGJgR2ex17rz+XLAkKDcQE/tkLVv0Vy2ZnOKj2VaeVcVIroX+wvjwAV5CVBY4O3cTq3Hf6A5MzvZ8ARQT/vgTPgA2Zdjs2tomCGlYGcKV6u3nAf3QA+Y/1GiPsONaeLRmdj8AbDQQ1q73rh4kSZEROa9a69QfPRbqOJZXRixP0QmYwCEGFSTpCs5u3y2Er64yUnKBWinE03HCYlXthuII7hZmI9xEQVjl39LpJcoTBYTGExdk7B7p7zcQALyXPhmNmji",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k4Kx1N8U1hjZJ0t8UB8TEwws28YDgSONu4mdmzaOrpk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WKZ+KZt4Hc6Iqpw2PWCtzQMdGV6x3PBKC+6T/I4KS6A231q/+ag2P2mKL/4/iJPQrzhsX1fG/wHtuVn2SIoqP2udy5Q0Ie1a1x/UXtGYVQpJfA5ZiknNQ5IKRK3lSC0KZio0sgbVvaOpnc20bHbGAQKAyag/WUYbjDJy7mBHW8pCrLq+aJmp4pfLsyrpxYpOTcI+sHc0xPaVdsc93nKu2GEKuEfAXyNdBo5IinZWxJdN5Jkes5evp53lTQFNIbt8ojIMrIOPEhGbhQcZyXE2U+HJfaboEwOQodAsule+xCV1gk/4WfHmqtHDsdi57t6liHqciW0r8qKMLr8AnkKFYTnBOmd5/XES+76wJOUiK3op5C/Pj7DgF0wSYxCwLWwrpy51rJsUecu/Pu8f3Al2gI7cWCoccEf4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k4MmjvchyY+XuEA4YIP7MnlmJDJjBWSZhfVLdUfZ3m8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ep7+CXi8CVo6DwPBUlYMvsArWJYqcHLTTMZMVG2MUHFkE8hocDfUSMhNDNFLQSpe6Z3yVasDKyxyFEEqCYdi3b8Z+8bTqtn88V0fW+W0gLF9wl1F6m8p7/2dnvasK0RjeE7pC7eifL8VXvaeys7kEUOzaiHZlywfPr5MAgjFzxgj8/MEYeEEKp2766qnlrQcZHCiNS3+1ASC1WIY56QhQ/8cjQ8a1obEvnqXU8rIPUuoaejy6BOOvLpnql2aiwvyoMAGlaW9/bA9CYcU+QkY1vEYAdWNIgqy1YRbAIDrHrW0ZH+glSzxeoINH2F+fMTLk438t76j4dPFhMbeOf6tNvgmnuPh7WnsSesWTLHxGkvRqCOrk+nVPS4fvePN6Ajwg/Ce+qinw2jmDWEJgixRxw00fspxiv6O",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k5TzsHTssMu9q4/kQLOKBf6dijk0Ll7KwNwjBnxhLJQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8IA4RL5KSd4QnEhKD1HRIK4bxvlQz2+PEj1d2wwDOvHDdOlBxk1ARZtU8hnLnaw5OCtjfzjHqs/fqyTBPgJLvGXB3a8gpPmiIQrkJTfEnAUjmyEA9xG9mlfQ8gSr0dwvbVjALcICGLhpKKSni3F+lGtt0QRg3TIOIMkJL6PVBnIuQzwKfTnARw4blDKZ6+L6sAAnMs3HrT1X/4JAdq/B5RYgkaggJAQ0WEaex915GHaEAOCqOwO0yzL2X30dJ+S52I8Y50XwIUeprZ/v9+1PlyeUNflAp4aBWhkK10Bo0fmIHnUrBqit6AGTVgLqCIeH7EHFdekBKdie5yNlFqIexnDWKZzn3lc4L+ZVBakHMOQTzdJ2mdEP2Ui6kc869rhDOdTY22hBdubq/Pl5Lv7YxlwIZqfcECm2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k5oG+b2sbrh1EYjlQnkvdtHvI5aYQZyNVKQtjCSk5sU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rfjjZLC3yYYHXUjjQ3+MkkITYb7ljO5HzaYraFR3txjho1HnH1UaTY+i8SV7ddEfOG06K1abzShj9eFU2auwYEIC429HL5QQBbaRtT7D94NqiREahsCPzmi8gSVPru6DtZvgygDzX1axN8CfwGOEzfmSBiMi2hCpITO03dzbKqisRsIIEDhFNa1gEXcNYBKOMHHXxrYaHyWSjzM6BrhYu6UvKqJ1+oJc5VnfgjqMRsHN18DVgUkJpjngvnetfM5jiHsiRblIpwX3tMfEyJcXva5YjT+jpQbFSOmrQQ3pNvrZyc64iJXvkSC5RGPYQVFq/stgj4E9Q3DBYWT2bR47sODgJ/DRJoBPENM3HnuVtdh241E4vRDzgWbaTRHxSKw/rJG4cAw84Brp8RV/x8ZIhFQ7BqXzrbrx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k6vW3YQMmkRpcvEOHr1EN4kvtregSGJtMT3MMqjJTYM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+eMwPKmrwATk1p+5RGKylHDsbpFJhudKF8GWTIkV6Ni4lj2yJDCqu11gIY9v//Of2UiXXH3K8UOyw/LsCKY95AAoru63y8faf07lDNEDHNnOnPQeCSirbSUOtDKUX0zcEb3wdvPUkOkgKjFF5SLaEbDWAfud0plDpbk2Mqf1LTdcKlIZeSmXR6iLfFtomsq4B8E1FER85pdPXS+j2gsKMQEykQlgXIUf/KoRGvxLiTX/mKS7xv8+71jIPdrlHIMLofYAfFdk/AP0/Ytr6Zu/IXwVDq/XiTKJHqvGLRds167MBbq1u5SoT1To51Ra9/XuwfKzlNvRXEOy9zi5hRYu9sJhnv+hYUYiVNmApUa08QrSV7YkS7xnl9q1/7Oii8Cv17t7gleJNslafg67JO9zuwTjqZ4LngbV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k7Hqlx69OnjXzeYu5HCR5hVnGVm+76cgBuoie6X44YY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MsUtkKleCIo+j8UfE37WRjkVsVLu7ZFKd1RaQDYfhekwOmeLmKUvsAFPMnTQYSXHnHVsLe+qHkinrHAl6sgpXc9W0sQ8vLKJM8rXpZ1mEfdm8cWPyn2GRAyZr17zh0NXoLKtMSobl5pkhBXQuwX4XM5+6ynFgkD+tJQnlraW/uGgEHi3g+IhfwMhbqBALu5x5NQowwrdFNTWzShnxkVXIx7YKWGjTiGneB7JNny6TUQlmyoZ0mC27xguuXYjW7batSX7emGAQshFaO4LkGL3MGcOb9Ie3EOODGd9CRU0Uygr2/ZTeD+rJG3kTrfviCcrTUkOC5zuup6nZgXz9w1Ik16H154V1Cy+j0vJtpCvkdyOgMpi8wSerGXoN0KZetgMcoF79TQU2tiXdNVn65nM+nNS2v3hJrH7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "k98fWtrb7uVX2ds9foQyVQBBNTs3Lt7sJuxUFmY9PlA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Vc0Um8re1Gab82LRg5xqo/3wcc04z+vmilm7A828lLmqiVUvNf3yKPlsgibLKMrWOYHuwez6778XPuF9l8RhrDYpgt25Noi8F6jjQTmnO5YU47ic0pWXX29FdwOVTOB7yRwFjo5KsJM13VEp/66YYg8VN9SQ8uNBGW5khhdk5mw6NYUZyi1qa/7VcN1Qjkv2Ji/m0pgOxrbFFM2Rxrz7hXSiyXb+CYVcyh1EhYaEMcBp56vQLsQcTjZnWDN3VHy01NZ0AKYSFnFOoCg3DePPogKGepYEotQTdBum2MVrlmwqJC5UylQrzwRPQ/EXx29D4dF9KZBgmQ+PV4YkWG/PfhePx0hVJiMoQ11u75r4aEhnG4CXw45jbN6iWM2fll7/7xGZl/cWPtZZTDnd/UXXSQHCCijDNVnr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kAX3UY3mIr1Bx16lbpbX3HCGizE/iROIPkKs0KhWssc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eUg2cX9g1Y6QlH6nRa3T0WCE0sephOovLT8opv7lnrpK2gWtuXRk8KPAWGY8AW/nkqINzzfjrVHWiU4AvsUD1efi1ALqPLRVAr3/en9okdvaphM9gOeqDC6BOQxCK40dKCWVjyl/5epj+tUNs0HG9VkESORH9JoQR4sFsKaKm4UG+KK27QjZ8/Zt/E4JPieP2PAdPjW4uMfiTZEjjlUn4FfGxmiTf9/DAc1lkhioTd77hpIUo6H5yvxN9UWKUggNyd8Nle70BCQWJpJO9WMWLTiAnzR3HRGHk0ey5gjhOalE0Vg6NMjnIXmxTSnI37Y56rF/3g3rzQ7j2+1COp2KowOE3NofGEKLTuDWZ+as6N2oOIBYMvpY765jQW9PpXKDlxFHPf7MEk+lA7508Fr11rqxQeyYKpyJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kAY0RMM2iFfNna2ftuDvhjDHEfuMLYHuwNJZyjyPZ/g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2/Y607rV3n6iACxYK+1sqcs42XQnDgjRTHDEcCR4wDtVUo6JLW/oQtP8cOyTalHNOFf/zy2Uomg69cXk79w7CRzfj2cJRSxowIIwOcproqftZp0gge+P0dEFofkx2XjRNMG6L+f0IluH1SXfM1dP7D+XmTzYmHfymXjfZ76k85ToZH2Gsj0hbecA1XWaBRDIQosaQgOaFjytk9X4RQb+5tAmEiegxhGr5HC+SQXYOf69ffz5mAGdEOrm7qfYeRZd0/aBZ55J2rkg5VOBlLtltEZEqygzdnEwtvxeGE63cyuStHikBdRTQfdn5R/XNcvSCDM7Gcjl1NV5uWWU1J5tKsKFn8RK6Qiz02vtFVO5HgVx3VtPoPCkVIl+dMHJaa6ZN0lvi8wlFDmB6di5Ty0/6ItUHUBoy5fV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kCJ+PRe73xKXp3bD+x450F6X6J8OqBQQ6xh2biDBzkU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VhNriiUaOqO3go7VX2LTX3LsjGxpeqy6uf1/Dumk/2O4+fyNB/6gz+SL6FWA4ATf8Aatze9oqtg8OIJZKQXITjT6c2CmEtDyAcEwjQIVVEN3WpcWYjDLqwgaYIkd8D7pGGPMcjPRlPfYfE/MM0CSdLfmGpYD747ux9p2ZpHGiUWY81AHjGkpjJzpJJjNBqRCi7B6gT9uFE++rH6yzyWyC/NeOXnDbM7fye1UbQvP7YlklKyqAKdsK5nGgJOcob3fS7fGbWWUkqiww40HUtDfWP0oCDHtB7zaSCRgNG3bPjF6KrZEtx86eaRgJ2zHVyJeC19Qg1Y387nsdVDI7XovYWTSpPxKr38STs4d/3VFAu5zgR9Of+XmvEwqGaC3XcOUIrh44eipLD1xjp7DcI5ymoGhZjUd7ubR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kDGUXR5zB6n5gxqcHYKbbgGMb/oWvd9shM2sZltCATM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F89iCVj/ercOeY3Hr5qTN2ZUrmTB6ijwPogspKX7NAvK65UlpxyVKKdC3nFeqo5fGE7YOc+0nYL+OBqMCV0aiMcniKlXRkj3VLA/MSQ6DLAecTUzJZpWaFaTLkbjmATbOdD9fpG2HKXoV4Xw/h6Www002jZTweo/Rn/o+weqBAihmV1oM50dC18sIq/zz4B2Xs4qOYSRbzbpEPR0mFjyVAuw4BbphJyeE5AoBvTPSAY/utBeiWO7JJ7GqU+p+q1hu+JagbzXIDjkAsE2Tqh0ZRdinIghfdn4aT6TXI+gw/2tmXf9pI/p8SQJU1uwODrRvp/LtUhMSK/gQft8LvDC1PnTzmL2NErj/7ACwwuivOlSdbK3DZ7Xls3jCbxi8MVbQbJbBM6uy9sYhJvSuzo1L55vPsFELNgg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kDiEzovTV86ZbInTm5MW49gG2CrW47egNfeamVA3O9Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f8QUjza3qpbahAqgm6Vt5PkITJ+Cpr8KGG/DUM7pOl4VTjd/xoXWseB76BLZntejrkZGwL2rHki858VtjS6sg8JH9s+vqKMrlR6Q31RSy5CgXJJucus/A+9TsSJItzmxAtxRQ7QWHUaw3n5YZBgldiTLWNmoKRy1aVYm1M5dgrcPc6nPT/jRQWMc+nV/AD2OkmgrO3uGW02OXDuP03T+0tO3aHnGcyNACQwMMXHwcM0+iYi80dKuUHT3LHy8mwZyJd+xruGuiyJcZIdObZZJOzihKUFzd39YJHyScripn5np9OnL9k6nftnOLfpI5AEyzoLlGT07GK9CgbTPMHLMzOnTVLy4ZW+X+fKvF6cCB+tg8qj7qLx9n2Lo1jGoCX14A9EkIFsKpvoo5q1XEKSbhgOgzD5GUj8x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kEh7C9WZvI4sICgn3xCr3Mza7L50uICIhHCgpFfu3g8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BLbq/F0javGvgxndPs+6vbYWugwOIEcO/GNxM2dGf9yrMulEq6vZfcnxpzQSiAe0v4iMtZH6hGtclG7yEKxue+h7tQ/Tc0e9m1+8W/7VqcFkFkDe1TmzFQ/ifyul7J4Ey40gYpbV6EbnFuWk1NHuZPMyuPRvw+vP33tiKSt8sSkr9wvnFzhjWoLtWBS/YqFCq2UPTZnGxUn1Fl+iecOuZ7vDWcxT+7LZ5VBsAGafuO5HbQmLAF7GgaUPsXxT/CGNqFwbjbBOkSAF2ZeJSB8jVs5wLuLkIFcP/X/adQDMhlq4Wd9O5zpxFz5G/z5X+XmiV6uOgbr8Bjfu40/s4++/MxZpTZdW7nIKOn2Jv0wByOTaf4zsfSwKwhFjU+8ZYyi5558WqQlwG43lZ5oYxI+zCTbS3KelfSb/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kG/M6wgCU+zkDATI/XJw6lufbl3gOYI6o5FsFJ18zjg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "THqexaHORdgMdXiIDM++jPznfDPC9Q+hQABvDzbThRPqp6g59LSspa8o8T33b3zLqW3tmBg0w+5Qf7CxwGHC2jSsA5d6IaPSeEg0LQTEUDvUvdxsekGoLXc0mOzLhUste0o1G1mO3uTDG0rUOZBuJBNFJKS4B3ChLhbwtNxzP0gOCQ1snNtULy2QYKsoaJgNthrB4nOvmLawmfN5vbtqieFNCZ6KX1khpa8OglAxR2sdgkLal4sStiuze8nr7DvQrkAtDec2bj0vl/knldrfJy/D5aDWNa4esP9yt89SeScUySwaE93Rz8OLJMyq2jNSGO/b/oRTX76XmdrHoXf50pxeHqswJKeef7q9t2mdIGXHrl16isMYQ3WiqrCxLo1aaOD3s05rlaBI8DR+OhqypasYz2S2Ztj+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kG046tqb9QdIysU3ZEm8R5+uXD9nAXeFVUo4fFrth6s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9frqja7r2ICA4mI4P0Ujfag8RRLN5YSxwcH+T69uUkFmY1t1frWE60/NR6TbJfpJEnNIXb5S6RjPuUD1jgm1wi1/PH/wU88zBlYGibmFUNjZHrDaGBeT94VodS+smy9jYBAA0e3GpqwgeIOGJ/k/ThD1zU/4gaxocA5RTtkDjkJx+1VOJnx5iz5h9sBBIoV5O7zvulyWFVASVGEEvkh67RGuSN9q6k3YMdu3MwO3qkLT0YTGln5fHXWiynbgqLyjBMeae5WM8kedo/XyR0yR+h3JtcFUZAkaR8uPEnwYfLO6oY2RI7VF5WyRszK1LGBLP7AydPfBKT1AJZ1KP8mo8NGDhMxEFAtWyHh+LTQRXQupNYkpiyXLGwcK2l9Icv0zsLjx6EV8IhS6O6h1A8oxJ6cUQQMTFDuC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kGE/YZ12/JSpvIQtUKzgZonM97+O0xCIdFNgZMW2DnM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PvYJ7FigxigwqgXElvjaHpg0HTuVPSViuJNCrjh7hXf7rz6rs5t1DfHcSb4HtCZeM1x93CrzLkw29GUOtUIQG2tkcWcKkcQEpbx3IkJXz13D8LsilVb7Nb7MpHBBO9Or9rJJKe6vpif91xGEIE+9w8Cw6NbPCe3/l4f8B1u+X0aqC7sxoKERBJUqcXU5QJvFG8ykvJxGm7MW0J8IFpFzXDTb5gCAGboLxhWfvftTWFShHxQaVVvYJVsybutMsDGFdRtSjTe8UTHbbtFQxwk0q2r7vDeKLxOQdRQt4OKyZFIGo4a3cP4aQNSTmi7x3ZYsEs89e5lldEfjb+wOwsK54Xbnpp0RzFHq24EVpTGO2eZb3VfG7dFg2jhQeOZcMdnJwebXUBcyhSpwWIVSypu6ixGJ4Y2tJcnW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kHFDhppSIkYI1BJeNumdYBcyKja5osiLxczfM/SI0/w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jTSHPUI0+toL0IjPKXlS/YfHpSdwUW/Wel3ZOGC9CMMe13lpXe5pSpIu6pJ0kWoykwVqQ634mJxFWmN40ljT4+srcpV9sKqWMRKmFk5Td8vqHLuw7Gl0Q8VHrgqNFs4GxLAMku0zFPUYdjwugRSKuZ/OzSr4Z7hDX+pwMv+vym50Hm912OfInum7W4T7o0S/LaW85V7VlSD/ESuD9BwLLhMTvJERPnRPtnVj5MAPjhUoAtLnga+8lErHRiuL59JOnQKwW7TKXTjI7yJUYVaTbx0H8aTt8rGYSQpv5aag+gsb8g6HjLjRgyTsVhPBIPDqn6dq+5x6c3PxhM3bvTEa+nXUh3dB9ErNMYmA0LuDYO/1+5OlQBCpYMUjKF8Vi/wKTxNHs+rEWgeBBszJJfHECGO7vUQvFNf9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kHwFf2eh/Imz3KnuphrXqHiSg4GUTRV77vlzv8Re5EE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iUcRNjIu8uWK+emESvVYY1qWS2xwIh1sjuub5qgWRoR/8e/MjWtir/0PLgWxLps5kJmaj/Bcj1UQbHmlDeu2k2bWKT49I0tbpaZAXKGmrKJHKxsIDFOIGvMXqdxA+RPT8VJPgfsayxHjPWDpkArg2EFfvktfTrSnQqldtQnsKfUTgBQHf8MIaAfM6IH+PV/00km9Nu5nv01K4gZ8kbMBX6zXEkKopLp7jx7+//fXMYITmKYfPUPWNXOX3+UcnHNQb1G7WD5QHCnAw8x3Hs1LWtakuTU3WkYQ+mlqEUNm1lhRk1fZ2yWzV2B1dwLXhitlSbM1tRNGBp/QcaX3sx+TjcodPuqyg42/Q8jNfdmT1WqVoyoPYJalbvcmEuCBQLmy2PKbdPQbSFFGUyCTEvFoJxUaf80MRX12",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kK/cxpfp8VnKlqgNlnFlTtWMUuGnScr1UXHJM+/Z/LQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "J7sCqEy8pY4FGaHKZZjtIBQwlWTMhbR19aBfHmvVqbLE/mz/KhHXvze3xIRvcEs2cv7wvQG0hcSqOfACJsaahnyqg0xVR7LhsPTJaniRqyYo8yAPoHpm7HfWnh+uJJcuCQx27xY258C9OGvfv5A5ZIHaUq5eIj0aHKQceo1PpetJGIn8+RQRaMskNd0NeS/8Z/No5umt51vqyGoNIE3mHrBrZZOBX7PV4DLhPsjpfYEIJueeHOk+uw3TryOCPI78iCD3XA2DMHbhN5dIy36p2x7la5vFqx6MjA5KvceeRRjNqJNBJY3GMmMm5xRr83BXwL2nq9EgzdjeVbC6VnEZY9DJYAoOKs8nfpIb6rJig7ORnX3mxp1bdQoFo/PuR0otwVI+gL+QRpA0Qw5Rhdt1vgZJNEbQBmTf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kM3y6EQ8sYeRlwXpDfMn4G4mlKDLW4bkyzmNrNbUWXM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uynG4TYdCNDYgG5xOJhe7R9pBBVuH9Xf5oS0Ljk0FqEkfRT1zB1dIL5NVX23XnrDDS4Fl9VwlP4Jbur6VU76kK9hmXkkIMWTYFTLVqFnnkViamv8K5MBhDCR1oQAOAawqYD9YX1s/MVNcHVIgIsTIzf6Tmt8M5fK5Xj+fygfK9hNuMOvcI1zChjejFzmtLGJVvlmX5Id2bYHfkUQ7dnCrmdrdbswyToMbqFfXfqqtXnp1lExr36lNmYKtmRtHxRWu4p2KtIHtoCErOVagltROTVpJfi2NNZpP7kMrFJh/rqwVGOzBo9kXPHZTMlC6Wq1nalSqwJU69FpwHwq7ILhHsROcaQYdqYTbwBq3h/l8YpinsnZ6FnJIb8oqc+QLHUyzszA0wyNHF9XGmb/XMYpM2VxJsHq5ORK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kMLwVxESfVCHwRf62VVIvkdO/EQ9bjAjoJdvZDC0sus",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PnP+etyaKIYlB0liKeXrCFs3JsaMZtBRx3vbZNzUCn9QovaCu57ntanxnTat0s0aVShnrxVfEGfbNKmdkAUF/Pf+XzmO4XWVwR6pQBBELh0ZybiDZTVW74BbrZ1XDoA1FoIr9jz4g4c6nQMMSBK+0T4zta0ctiURKwKxJ/Z8y0zJtvWU0Mcxiyw1RYJWie4S6s56ge6vYMX7FVh4gAHf6yRJltZ2C+3uSR2nbFObZeBwluN54wN6KzeWt/fmgNgLkO882TRVSFdn+MOKROMRSsDx/9DTX0wFmU11FM5DyQN5ZBPQmikYJHoOvBx3PCT9akMT82h54t/Nb8b7pBH3bnsLeF37gxxGF79TeLgHDbQnWMWx6sux9xpfvezlVyrHd7JuHT+SFbVMBIGlVXDMjIX7EqVhQgfI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kN1YkT3Z837/bxo/5gp2gYmCEaDRNN2qr2pHluqY5RA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3mVGiYOWOqkooN1aNjiRcz06o+RZKcElAaivjkWuR68kEIfSLTizVhiBi6FBaTcQJ2ve6PnrwnXf7ZYT0SzuyJi6T7j3xKQo8u+ATV3Wb9wp9+JaNd8ld0/15Kw4TH3/cubqeDy79ZENjw8XLjmRl5Vj0OHolOuu3xLHDz/Rt5W4+OFl+0idNxfLUn91SAowIl759Oed3v1PfNPLPOY6ho2QNQYrYIS5IzGdvXHQACIzwS3NS8Yx5mhpVhgwgfHgUVFvz+kjzTMbbUmyPBzqUcyLxp3MXNolVIgM3dlTXxy7k/oNT33XOtMyIPp7aM4RArBvqaOFDt4vC0IRafWFvn+fyasmhvtDPp/uURux8MucDTD0nMTpvN4WIANjQTsviv2A5nOSNgM8Ytgi1lZd2j/DR3QTzCKd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kOB954oP68TTofRK0xwynDtSS+vIRpJ7/lV4DOlxd74",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/m2etafyspg5ooGeNwQNNIgJA+tkyBao20AMVz5rk0SsFY95aoKvhzGlFE2+0odt3EVUORpO84qQPLvyk5cusinJ3CnJbnihIEg22lNjAntE4hB/Z7mxpIkU8aLFjsVP+bSx6Ip642XaD9gIOkdwdqlmDz8cgh5oAwFfLGwXt83Neu3Yecmi5+Cdf2NIL5fak/khAMqpxNNQVWdrSQ43Wgy7nsA7g3Zymi56f8w/7LyvYgy+TagL3iaYbZYtiBludObNXr9XRXJmKxnAqPQ2iGeaKKTOmwXdw5q+wogw3kltx0JZJMUu3ik6Z7E8vJ88Qnxgdw2b+8c+HsuSt3mDK3zRU4jcuWJexPFbPC1m7ygjEF7hsMTd3uUoGp52rHoyibLkyq1ZxKznZAspXDC9WKeKXGCOF5Jb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kONZqM5Ave83B188mZIg3i9akr3hi7fQPJLzKMp82ho",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "g+nlICLVivw+wnX3VwCLAzwfIaoOAgGQywxd4hiJ3ZSnsURznQZSadFYAd9eI9r/IYuv7xEAJC7eBbzvxFA6sU5O9Y8eHJpFT15LcRCr9zO8vUQuryXgeBj5q8zJF0cAUiVkOQD/QbacqFS1e1dt2D6i2cQx5JLb3qkROihtHry4dGKpSckCEonTQU74IZVI7+Bwu4EjIwJZ3+YPrU9f9OT96h/8iN6U6hTkFNZpiRFK7VfmmlQHxoFNENaJrjUfuJizsi+sMqe3glAVm6UPUMCNQpBo7vr8n8Q/ERpc4Njss3B8RFOe/41orY9dbuI6xW/pVjx9wXiOk0JWbsRIzyz4JPJD58lUl1gRZLgjTZeA7BMOR/4Es8mim3tEnRId6c1TKqF2CPZdrFnNR/cjH0N6DjcNWwXO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kT37nZ1zyalaR8hmQ6F0Jmy2LdQTCZHAUpvJSJ5T6fI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GozwfufJKflkrynEYCzT+LXgwGKRhhM2wN5NZch+CKVF4WR8vIFm3ynYyzJml/sKojF+aETvwdpEOZgx7IlTjghdSl00dQ4OiaUfQONUwJgKXCsmOpRtrfJaYhU06FC6VPlHHJuomforWUgjMBmuRBbg3uZPJBPuAL3ZnVE9BpLhh1YUibbKYFydIJG5V+FSN0FYU5P1y2WrOAf2njic2QOyFjDEkrvPj/5y3e/5oeYCZrxBwpQvaRnraD+2/S84lQ4AeEXy0E9UA5TNjqgCSMbtd5s0R+O8pDa/maqHqfBTAjO7y0qMN0/IFZClp3/rCJLUmtVViizq/uChEtIpQShZm2lAyvzlRVq+o87oiwOhrv8XQnFKN/p3fRnuBkYVrAV5XmqKqIXK0fZavNrJ09psDoyv0+yN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kT3QOfO4CqyzyYFiYhbQkp3uzgbaVMOvJpP3+d2wZK4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3HFg+vUoi2if4+5wo2EODLH8XqF3TqZTmgxC5Dns0ucnMSQBNtE0mnZCS9yvX0I5cxYYNW2v010/zi9WEuqBG/q76gTeO/QUkikTKBYW8kaAxHzaw6dMEIgsBaq4U4DexU4u8U0Ksd8mZUDF605zBC7jTNEaeHjjWtlhvNBRsEZF5C2wwIrFVK6KiUMjyAYX4e1rdzAaiL5etkrwiq/IbEyAkssl5yKiT1JTNnuUxiPUJ9TKK5yAW/mM/KBONIKkv9UMeSDietjOwlwuPcdLnM/fhK0F12BssdpzA5caZNzZuIo63IcpbEzey0zqGFbAl5ymLzbfD/MAhI0nbF5RA0xa/4rS43xQ119RScezfpbhJVYrS45GKrwloFQaY7Pdm7hiwCk5PIiMVs61Yt0xBhNYlZMssoOQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kTa70ReLr2ha0kVkhAHq0hahQRoTF2J7Krd27j2jcw4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "npuC46YIeKPyq5HeKhGCjr8A8QQ8ZugD+p3b7xIkZ/o+WwNIxXLhSBbLsqoldCxUelhnAoZ0VMS1peXvOIfeSKyNdWDF701gAvGfSBnUnNfSFX9XMd56WJEr5GUhJGEJ+zTZc5pjmQoqvfzH9PU6Vt2tuB/bnPjh7CDU2dYGFdyILlrFw38+47yvhrptIzAnyK/zkNYGPMEDrSIGu+rmgwW7yKQHuMKoidpbdK3cdWZ77ESbmpVg5sC+TyG1B1gs+DaU3sWv/H+LJ0iT1a18+CfMuu1yOCUEoZxC2lGJTV/mCOShEuVHnyfFQVuGsypeqd7UdAuvYksA1V7ol5K/pRC3wIg2CrMoAqKevqP0AEkbAR5vx8fNa4yLBbQmi61Kzgxdmq4NShEc1/sFqqbbHVrXlGt1HyOg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kUb6RsYZG4i68BJ4tfEEhw1QPLOeL6fQHNhdsI3hnnI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tavfXwX2XRUeL0k31s1KzlpVPHuUf7SvVAHzfNupSx2XKghSsmpyYjzTILiD5hH/iTONy+45W8Vjt9QIX9bUp7Do6iD9aCj8s+J0zggLAzJIJBJX8InF1SNpjOI8RUV9sGDPQUkLlylT7N7NFExW4Raf/Z8aUxYS1B79oYHdYRuproso0UD/4v149mQ1hlS26S4RpXfg9d3tbnfZwnQJCDB9uy74/a1ucZIqhQGVOfFT4DHR1hTP3E3zrnAgpf+REFcZZ+hQEpCr5D2A3rHFjN5jz71nA2FCIvhnBdooA/LA8nKFZ7D15XuAsPpcsQc2VfJ283/qst3Ma62XFBB7U9dA31gVUfIfCLiel1tYdXGfOA7MS5SwQFqlP2gQBv4fm2gfoP2P2qAt9yHQ+jW8G5Lnrezx1gqX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kV4p9wr0TM8gLwRfokTgYFF5n++9v34f8ilqvrAZG00",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w7ifdM1MbAcwohv2tKxHNvYJot9yVoO0iFT5iObqGFdCSbQs3sHUy+SUQRwgjD0eAmShYby1NCpLZTqX/Rsq+VfNzVpdOxsvX58XKS00GyZLhgrcTWxGWxVrFAQwwzpO99unrL7cXqtfKMWnDwJEov4p4azAu9kJ6Qlbb3dLK7/usQ3KRmINzlXmcDNMFzoSW9eNEOSVLLUNm4amgp3FA1R5oHvpeleXH6wcVoYVg5VB/tulsZCNKCqC3fnbiMGSvQsKZV0oxVXMOD21WuzhzSvTLy2Uu45MPJ/vBX0Tq49EzQEXdEAFh6gibH4Evl7FfaA2r1pI/Anh66ohO3qbMcyOJLumQIbBtrIWbyzbFuwQqUGDwIEUhdrqq81bXMTFpUTBnFIJ+on5qHUIystsloVEQTd3bEMF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kW5J2GEABZ6nWITxNxayf6ywR59wgOlSSMznqwvqTHQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gv3mUxi5p2weWtFYLYq8PRBp0HzHGYBGWVjjdXJRbFwjdTmU1/12P77QV4nZ8dUrEy6M6EM7E3FfZXsBNaWF7Akr2If1IJPHlq+zpg3nWdDbrvFFDMIGfEzaOG3mnG7D8tVpNbMfwhhRgvyORe1GVijCjlfKD61pF/HVmvTsJJeFqATFubziW8qz8BEnxRhx/UehtT6dJ4UqI5OZrmAN7cy/RPtScW8G/NBqhvbWsnk4S5QbxR/TITbdo5GF39mCCKdy7pl9iO4L9yk5g4tpqKO7IvrsIp/N3eoY7fnoVOweg8N7ZAf6QIftVSIVkKb3SYSUz8WirYy0Gf5GUoRPx3+4wfAiNxJ0oRLCAcJivdJMb//Y5xLVwizq1kRVSQrO53fVJ+C9qTYq4QYYVl6uNKP9HPCCcwMZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kXT/efHSNhsN7WXTQVYajkFvJmoz0hPPcGFpEPs4UII",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jbTEnIY1PPFHntSpKHTZneYX84TTz0YopxzKWzPRHw6+4xGG5H0WU8pVScrRLPHtif8W/7PTSJGiiG1Xq6Gh9W91ud2hw0HqhP25SIU9kEpqu4fiDwfcZucyfk/fc4U9amjNouHgkFfF+4vDYbc1FRBtgGv95ahAqi6X74XHh66MY30iIKJ1oTlHa+bq+deiVExQFsncMzh5elJd4o2BmJvDOyDqkU81alYhaTieQSfxG3sxnp9+788g3S5Q47Y3LIJWRzcYRU2mIxQhZDP4FMxZlm2k8+ZL3x7PSmV9hjPOrwEqaDZSZ8YywzyfGH7DRDDKHdxQV1gFV9I6jSskBvpkRJh7pE22/tTUxj8RIiwFzwzAb5wfpMXzqwse8BVOZfzChdh8F7j0Z/8vJe1njmxPCxH+If9X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kY0ZghDIs3Br6NFKuTPSC7ecWsKH0z1flj8DxuM4ois",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8BshbIf385hxqhJ3779oZk0+OERwONR3afeGd8z9IDHs1dAJoKmStuCThPRAqgeCFAnY1Ccxqhxi7g3R2uUorwofYR8awiKaS6ZHCFbz6JgdNYmlVFpYdROcMl2lNBbFkVDxIEcrjto1tmuWED6EVwFVi242X5bcBh7Y0YaxWKoV2Id53Yvz2S+47kNe5MFuIMaou3fyadFVuKHHQN01+WnE1R6lZdzUHAGaurBEFGZ62tcEjOTiAf9hXmVgUQHxBr0DtNC42fwTC8UwDMN+l0FguX2nn5mI2bYUNy7I3Lu2bZxqg0U54nmhyIcOdjLvElkSqarDpKvcLsctBtAtp4oaq8mOw3kjsp2wfLzJcWQ6inllLGsrWypRrbjNtWB3AUgNkCv+wiAxVKXfd8uNKrTmzo35aP2F",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kYIuOkmIPG8nOdcxn2omEjv4XAt7edafp5F5cudLd88",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZqAWGDrrJQGax/uerPw/RLDZ+oCSVgCqLM3eQWWifXF0VoWlnS/cldF3QMrZJythAy9HIEPs0Int+sijis/w82KDLimgBbpgDhCOeQq3iymGFxH8iB8C3/qjTOuSveuQ0c6vzsD/S81UfnozclZ7QdqRrHgr48gRziTgo+I25LURfMV/NZZjAcTdFHNoPaY0t9LsZfjH4pxRxr0dcn/QA6nyJ2ujCUriEZ7BeCOdbo7X0JoQetKNpNZ+OiCm929q71hFjS463akhD0oCvLIkxaBKlz3xO4FAWifBKQj8jhISmYi+0ESLfs2N27iLzURDjXauk/8Zw751mNN8h9H28ilHGnlWKzsmhvGwep9nKE7iNQl+lc/IWOAIwggVyzE1tD4V1WujNuYIaP6H5VMFvNgjr1jOk8q1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kYtYk0FA6dPofMJiTzRF+QjYkswx/uPJWpCNIpm+si8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0oWpyFUgwe5G9MU0ATcyZDJosHy+fBG3KYNa+DLd4glO8d6t8NRgjdAyPR1rJ4mII36QoiAiTYNU/tfRrM5LvIBhT6mwhEg2qCFMPcuz8CamWRdcqiOy21C+A/SXhfXNu6wNdHVOVBVr4LYDS+0Ykabe/pQcC6/PAsMmQrET9goThTOldto2FksNhno73PGivLpwoAJyGv02TX9Td4BxGfIbGebAv7UkPuog6IM/kGwCQLlPkzVg92MYPmsEKQIVCZNGfcS3x2tJJDXmpn6VD5z71hKSn5mrhV/4qR9ZhYCcv8QPiOqZs77PWOb/ESa1elj64Dz/QiWNt6dXtxSYFBv5FknyUS/+pp0boerTUcQHkc0qcjF4d4LCoWgJaCELLzVjrrUKsSE7i1G2LlMJCSN20b14C/0M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kZufGyDWJO/qCMpQm0Hl/9bD7LZmWvCfh9pkGtsZduY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "q92D5Oine6YnC6XlZ+uCM9fKsVE6sEO8z6c3i7KcZAFeQh7VTLW7Zr9hWh5RoqMy9t5i5e0j+na51oEVgj7Cg7SUH3ROjqzUbha1uDQA0s63oDstTnY3bRop/i1mjKbsKF4vARziMWktXjQpMK6rTQvRIIGIYU2it3OqYLVar9X5tDR7PqaIkwg5A1Ki+Ox6l+0Yh3yDl7aY3ogN9oDRx70HfqeZNjSj0Njbc7cV2ZgpUQKHvnM6lRJ+iDQ9RYFAeeXH2lF51nIETF6c4ezxhTWzUkmdmc3zux23iBc5B14yFMdmAxdfNm4Lkjw1cvCe/AZpR/eI7XCCZ0QXHQboicLtXi/bQDrgjObzWcmkJV0LMJkNcShxYFBrP/ykNLuvoQk4GGXb1v8xvn9CpBcpvtXuaF7vi5sf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ka6vaGe1VtAVNefiR7Q5nWF9AJqhiBl0Ia3IYfV+JS8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5KQv8BJQI4iwNDXtyFvY4Xpqe5zvr2tQLFXz8bdTirvH0RTA2Ux7FfPQF95v5U9J1SQN3Iu6Ls9iFqqsbKIwczbSArmwSitNVs80Mdx70iDsEIslsNGYjCzmkbR/XhJmdS9wWW80EYXnyxKhqMeynCMuDn4lHcgX2IDlSLXJu7iRZVMzXSxgkTJicZq8D14HvVXfHgjzG/ByImPe4gS+XCFB94H54rVQumjzTTfOeUwoQdPvpRdyq1rBmGdeNm13b73I1JG9+7TDc3FNphinv+eR3Jz8RJpHcB1KDk6GfKlfqtG+Yx9Iyw3h1pctHcqrkt491uA2M6vkfmFamgfq8ojPVSgXY4oBlA93W/Cqogqtli7tk82oor8XSavJcCd8dQC+K3jpOFUNrQVz2uCy928BJ3M6K6U6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kaTU8SufJp8Px1a+6Ms8IvYA4vRPm2xS9EF+8ZNDOcg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j3xEtmNsFzSN7nhvmCIP5eQdRuhecasUH89TWa/2NjJvy0aKsI2+r8VoOrYBRYrm+vKzBrc1zI17L0packhLJIeVNDl7PmKPfxPXHc2sYJdgM8m7Jg6fF52MlX1OOShft2oD3AT60W6woYdl52lyLxStHJzNkgYRYxzdzh7OwxtrT/2OTKSzBYZtfhaaeMMgQQ8mGHzLCGOpgxjfjW/WIoV5BDR4OpYy7sw5tB4EnHdhTcilbAPlM5uXhMzMNKdmHphtYj2HfUxPoG6p1bNAJJdpeznljNh4lNauhZv0/Exs2/RTBhHzUHAEcdaqzWtGA9Gk1SQ8zR1xFDnJNkIqnyYN1gmlDkzlq1ako5vtWfGFj93m37HkMfeANoT3xfjFDywLm3JNtsfemAc2qvm9fvnj8noLjcsQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kc14XyoOYBC8r4I0dXJ6B78LBWH2jgkpBZYsOzebxhE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hSKGZDwHkWC52agI4aCsThxwGzTSZPbgCMyLHrIuw+zvsd8TNhQSTUcGNxgsW53hS+LiFqFskBUHq5KtTjWx5qIVL35p2ITOvoJJ95GQDRLTJ15N/N61UTLJMOVbIPy6Dh4e0FRt8faBpAFgGFYhr/7aCn72vGFInyT0Ix7q5gIrMwt9iK6h4AzBxV8uc5gNqeaBCZ6hsG4XH/CFdIbM5ZQphmHMOtm+x1hAul+BjR2aLUnUxmUXvaYkbiaW4Hj6sRGKn32CsH2DEuzIWVp3dAzvC6Q9sX/4AjDlN1/g0JW3wIVxBOZbtv8JGJANrhVBYz6DX2ICHOa/JZwlcOKWc2i1EyYAoxfuaY15XAVdL6LPJL63TWYFW/IGciZNdQzD7auz+sr3ZCJ44szp32qLtUazA524btt/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kc5qNCK4WKq4l8IMPQzUbXA9NnzRxMwYh87u/8tTiz4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lWG98/2OpN3HI9p1CTa8/kkezsADxXMBDlRMnxkT466NjRfG4h4fVhOaApcEwKvyc7hP/uC4/VI4hJuWOhPUMQEwqc6mHP4r8OCTxYra5Im974qCdeVr+RAqz8yppS3je6Qypgh52jMvcdiSqNEJjfUMFe1p9qMiCHNSDpAWbhh0brZr0iFuX63whM+A2DnROOLuW3vmKAS9E0Eaol6bAt65AEKtcYY2hPmxn1yd3AiMYCiKIm/+mf0Gqq46W5+wt1Kw/FFRoqBFlhXksM7YhDTd/m1exV8mEVZQIS1NGG+wElq+EwWfPFM+jpVtmGs9qScpAvecl/ef3RtGPeTOcj5iYU4y9feAYjggbmlgKKsG7OEDgtUAM+Dv50WuqppTu/4zuDeEyUyx0MRkr5VFdG+VyuhLvC+j",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kcJ5vanY9w8JUeO04qcKQHzV99sfVVL5uU3L7nCdiP0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A/MiVHIfmkPsK6Ump7PotK9du542OCOQZpTYUVjm2Ucu7g1zC8IcoLb+L8439PJkBr3Oh0D7L7A/YFCCdNvJptImD5XMF8NJTIoKGY4Co+GWisF0ZQH0qTwNeMagMqck4VqwL8WFOX0UdbLu1oPsUebpAuiH6akehp1AeRrbKEDW529PHR8MHidHc/vFC+VX7BJOQX2L/galmao2vIynq7uS0KM5xK5ZUlIwfYy4RwtXqxmfOQOJDcBRGAdGJQPBU966+7IMIQcW/v4DAS24DetThjIHQ/t0Iv/ZZje1DMOwPWZilgYnbrILYIc3PIkqLbOhB3zrEQPAUm6zv32YvjPDVSlnqne9GRFc+hHUnHVoW9qu2hZGwGwIaIQHxJbYC7Hjd+2OEGVsZn8NSmX+tOq1r1G5amuy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kcLCeUkS0ZjC6ad3KCOiR+WdmD9F2nbYfJhjn8G5VI8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8LvtVoWWxW+wwncBd8vz0sXjv6LxEPQyAfHQbYba2mhohz6Ufvxcc1XPX1WXETinMLIuXZ2QS+vsHrujmvgq0W5nd/ojJn3ZToRHo8vjAC9B61ORKRIdJLYWEtFt3y2xKsYAxL9h6TjDcKbvGGGu1g69XPsDtGVHdiW94y3gNIaiOWpuhSP45cJNlGlWdOrGFu9VU0LAW5+ZZlTdGcwLjO2dFzGmKWDOnynu6UeRAveokcy13uRPYGHm9J6AuP/gnhdaWQNSkpvC+QFDS8PPEPHBs+Ot8AjEcIMT7veQUvoE1C9c7WB2UPxjz7N5NM8KrEnriJWstuVlNlBfvE1rPNxva/3N2Z2qr1dK3GOxW7kOCkXzbnUTeDXLT9FWXnKgIF0tjlw2Cr09UM/Fi0rHiT0DhECoJDxu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kd+GE6wgSWvVbo+dBCqBJx8qVZmcu+vOlD9KZDkx84M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ztb+Qg7GCjR1iYiShdRYoQSC7eFXcQoAX7RGNGzwVRa9lmuQAkF++Xi5X55hidEohtCwfv/RWGjYGcaKDOD77rCRBkWjojrvKpG1ZSJ+8FhJ/S3WZHzdYqT1vNmsfPAHcEeBbBI/kRBH8yFo6TyeFUgpjVioAzAYpjsVe7eMZqGfm1KURJUwuXTKd6tz4tW4pbt1S/8TZbrK1hopa0ERsytDA9JXEUUNNMJykq2CaI4hQgaZ9u7Tver27FKyyu6O38KqzXKdxgRT6xVAU1qEr5Ud3oN2WrFwQu71ZQUPMTuHPFweCN/+4LpXxz+eBcSF8cVIuOTdWHWDWYVfJhw6GTk23w+a5tTooxhAKt55T4lLxqBqSQNhgPt2JloWx+0C8gz4g5F70vcRPR9AQJMZEvMnk5ATmPt/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kd4N7aYbKA+wLW5wD/u8Sr69BHbIfwLP4Vv594wdORc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+UKi1yR9odCHDQ6RjcPC6xLavp4r/8HhlfWRRgB7h1F7n43d1WzdEpcYhT/ftpeXvZFzgCWoexqalsTkoehKQXbPt4Y65SMdHXHRSB8rdkIMr7kwZwQ3QLgXzscmgIISAg2R7KT3inBnePSGSjR4OX6kgNcHaklDQnNRoN0etvF1ZCWhD1+1t6+2tVdA5JaqmmmkFKAX98sG7j/l6TJZWTxQaR0ANvzF63U1iP9rleDp/VyCGnjwaodd5fB2NG2Hn5Mva+VOMw1Jki+Mwr46ZA6DR/dEmO/TAUAUl6q8VaFuPg0oIz39cLgRGmCwjF8qAllGA55nX9/WcsYKPDEFnBvSAGuK/f+4lORxU/i+jLcL4q1fro82ZtLZmetGw4061Y9sfJednelSU01N7VKa3YIiVIOiUQbd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kdi8fS0zvWWJpDwa6V/erytDFjXA6J/FXjfaDBkpGiQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hSBG5fiEQlG6eJhHhyjh9ZHFt9fL281bKnpbnXjULvCpP2828pyJphsz4hjZ5Wndohh9g1ZuMkMiTL8C83lSyjtD7GnvB+sP2uwUIVnegC5fXHSGGxcIBvJWPb63tIlmiLkqeI/hkQRwWCSV/UEW6qtbxk1wKMnancj4lyMCg9+E0eJkMET8foOUFijTNy289lGgKchEwnGmn5g5UPsH5SAghqEJ9CQoHk3JhGZNrOuLmwB5qRuxsotEttKYGmq1RqEfJ77waFms8bDkg8nPCIsCxOJSBMwXwImpSCI5yGn7W308tU0WVhxrSE0xl1O2NtL56I0mHDGkisouU2VguDo3mdpn4t3YJNfWpvQQHKLvWGOXpfOoQGN20FLcRjiA49vcYsb6oHt6VbIRtMxX+belAqIz65en",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "keJGlwBjWBw8HEJ7UZHJsVabSFeMPdjwWzhJh+wX/jM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aKnCv7Y61tHLC4IH1wc3pbT61Kaxz7omUwRpNSMoU96a63h/A7Q/UaXCdsFQrg7kqN1/TjF24EzsFNiWvxyI1eJ2kbqGfi0oHDhJh+FgvSduEvWHbWU9pya1a33cmKOeITq0DdWHpRoi33cUHD9OILRRdhrRtnAKTmTHNvd8XuEqShiB24u5kyewr/J+FoQ1EXsDtMd1hJmT+CR3ZOSPRzcSibFW8IdyogOja9lOobRK/VEP+/IGbretPMEA/4vzxPv8X0nM3yJjc7KdLbvIq6ZFcewZiFta64dDot/uNqPVlUYwrO47oo2Td1ey6SA46FInGQsB7pgCFf9o5+fjy7A4IYoMWHuvz2yQfm+CWENeVj1OD+P1WyzwBS4ESdUU+nnZs22R0EfAjq5Hk/jNgmMLyzlCSeq0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "keVt7jgWQTVn9wu4HMiVCAe7YoqDtheFqjus/xrQKBY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wFEZPfgkqJjK1w9Dp4qZzCrDB6SsDtiJ8YC7sfAdVbC4oFk/A69mWQ23pKU1fgF3xuY/dBbmE0CaRUNWg/12tCUACRE79cysUt6LOrS0R7qL+WISETsAbCA9mg88VQyU4r7WaVOXhV89h1Fl1XPQMXXmnJXpq2WayC268cgRuzAktQuhi1PaP7bH7jxwpDsGKTghCn6bKWedBlvmS/21zd6NMinVBcEgLA2SHOr6fBP7LrGQjcZkowyY+vf8upbJkzxJtNXvTAoiS0KBvVqEZT695HByh9pwqZ94ZiYiHVuTPx/23aLA0xFprq6v+/UlsDkocT5lxsTAjeBsA7w94yj8deGUYtIARJprD8bxXLo3omtFMMGAlVG64nGV7Hf1JyGA+Kmi6xVhi2UWZtfvmRblrLKA+6q9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kexKPL0pYKmgdUutdDBss4jxzESv07snO97UIgxfvlY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0SI5n6HMZUz2j2wQUPrGK5z3NEdXmKSLI7ycr143Jsb1eH1V+iosqZQtR5urFryKD5HC/edkIgFoU4GK9EEx5AJBOgKGBVDMDTYkt6lnUc/IfxUXf2WQ3ZUlIidfxh/ZdMkbmbzfvDY3fBEMUj0kzYiqhLodbRHGZuPnM9CKRUzsTpchpELR5mKLfbx9s5qvhlNguIG/dAQbdbotyqHFqnXjniNZvKjwvuJNMKWZGkdMYCuFwxB2ipFbK5OJTdbR6Tby10Ef5FLwvSVJTWk+3OFyn/nn3rJTcvPPiNd+fc0hqaD5gLeYStoX+vvFe1CbbM5T0E6gGCTbyMtzrOt++0OcOM7CxcULDyejM+gQrXddQ6BFkA0gsr+oDY9K2myBTykXZE9Lue1pEZHxAd/YGfE2azeCryQA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kfBQkbyDz5bYHJfWbJRiXFCmhS+ws8ePcwvJk+9EivM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OIda7fVmkHAf/rbT9csbriGCI4oUImJr1oC/aICoMZZn+qqbkjDVuC+JYcxwMwoi0L5fCG/SmGcmw48ZOu6QDa6G/Wo8zb4Q6p8oyamz8RCDqYbQSOuOHWlauJe3aemdXqpO9guD5spPuuh37tZylmdQLVutIuaTJOc2W0VIBE6cQ6YcTJDES43hlAKEWBXllyCOSo5De20soBzD9eud4dx9H1Kgtc2KdpFU1TaWHADULYCR2lZCfQULsXFDX5xYbNcm2yoorzAFg8SMCYsn//pqpMK5BR7ueJ4JOLoboSehFm/7zXLa0NJTkeKnOwoYU9gkcbZ5Jm7FM+Hj9FW/yEDbnZsUfOTHPZzy/6fQoReAMa1poNjWGPXaCttEhSMj+C+QFPB7K+YxJO52LNPUUJLRCV2Ea+if",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kfBzDWceZ6ZoBJWZB26+7Uj7bnht1bzz2KYGgAQPz6o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yPIINCKT4naHiDwVRC3UtxyZUEKHlcX97FWHySiiW5BXYPeQXpsxVx5712sVTc5bEyO5ypl31w6F8xTI2Ccts3FfiW4yEMPZUOEF9e7DVBNi/w69x9a6Kj1gti2CtY8sRtIonVjNGIyNGTpt/yTL3lT1Lr0V8ngBPBmO6ZiFEXGXLSDkN35EcSh2sZ2OvF7fHaJIBzROiIHrQl6WMKmOgBZkbpdhgCSH6SxEhV0MSwxouSwv9s4eUXLqkTfWdjii/W64n0g1qWzfk6h5OXreWTQXvdU+hsbRE5TFwvtqhP1VOycQii2X+XwM+4X/08zrcR86PltQNkRssxEaqpbE6lLazT2S6ihgMsGTjswVEmaVM7HQOvCvAsMEsvpFTuBDjw/cwlONBfVcBtwd+Qblq3HJkuId+0yX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "khf5ZThRK15cCLCpuHue4vhUo23daIGtqQCGkl2rUYM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jPKaMV6XKXXVDw9DMIVyrwCQ7ZQ5MceAYBrngLmLCd0RbNlxm1Y73dK9GtRHO8PSo1qkj/M7bskZJibXwSrIGSzqGLNn4f+r9g9/NQZGoKrhJSQSTSxvlCb4lDJ7IrhoHzJRyKZjWsBQYJpXmufhjRir50Bui8TQ4VNoWxYx540+cC/P4PnY7n8i9miKDqynnAVtIK5bYxUYKYMSYzi514uPzj8aaU+gkUpj0+x78rD2GZicmnE+l4JfJ2cYl0ni71WGDsZGYNYSkb3OSpSAuFxELcfdKA1iMAXg+d5ynSaw72vWwLecuRZq248qc/nA1U5QiMus35xJ6AakjydMXPnLvBmq04uk7g4ymXvkWbHWdDzfo2KT+aanZqqOz3xzfPkzYcJA+x7gIKCzwh5xe5r6N1FupcDU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kiru8dKwDvf6oKNGc0ijpGpUIctsNTSpSV7gW4VAhGc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "adc636bDBuWnQn522kVXc63x4h0tfiFe2tNUFnGgI8uypbh+3wJUIOuCA5HSQUOUciSrU/YsAvgvYgRlutBIcmAUXwb9BWwabAJQZd9BWiMpsXDoheDpu8Og2HVYWWJ8rrpvZyHB7R0r+ft+TmIx2+pgGO74Gc6T4PGekkC+xncRq4gXkqUCcnGP4rNeBq6M7/ku1yma7vGEqzaOktEMtvzZ2wxig3LpgTEb34wIJVW3e1B4UFY6INXlS31IWgGVRwvzCk2vCqOUSTyU+JK2pRqA30KklzjP2tPZi2XOLZU7nCwfXOyi/u8JL9oDC2m/nOCHe7XTus9c1le9l6quOf9rQgt9vPykh5fnk8HfU8JUmu78RmiJnvpACQdPVGtVp/4CPMHUs/PfWO1gOGHJYNg69EPYz9lp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kjFBzCet5K+tqPHz0M0jdcwwQOUzPWjiXGM0erZ++XQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bgMlsiUfqJWE6p8GSImSV+PEd6cT2oUdz1TXl1bX/6VPOW/3YlLX/13WFBLF9/KYZOSexqcpChH3aEcAnMLJ+rfcGk982nssLc+NRRv1x1rqx4gPfnfxl71KS771VZ7wLV3sUMWcrRCO54HjE4QLjMcfnTWbNQPihL8ewuGdILI4JgknQW2lDA2Bl8drTyUe8fyYOZdiKSgY5wjEz3EJ/W9dtliGh1AYoeIpLCE8eaZeMxAkehwgmRwYdBBxXUWKzy403R7c9/+jKNmy5s4j1jGzESW7rqvFjjGD+6go5vojRuljbOQfOViIsqH1tEn9qwdg+gTnkyi74hX8x+J57XFYHuSE0gJlcSuyC3ZufGaSom5hKz/wqLq7BRIDV8fmiJvuBE3nnfB1ZNq1U61IJv+RRoiuJBzJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kjwUfvNXy23Bea+K1EmxodcyTz68sS6SMG6XeGGRPi4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "42A0Zu8wkOOMaO7ZHj1YiU3FyO8nE9vF+jq59Izj4ZBd8BLsXChM3wKHX4fjaGfy71NUy31QlDRe2YBM1LYdnXGEYUbOf+1kUmWOyzfpXZ1axvlq2CqHHqsPzV15a2k8Rb6PZ4Wr6X8g1zXDKLzbLyR/7DGeEs4RxysADk4xgvuLktS3dunwOBI+xByzhgzXYqohSEmAm06DWDvLE/jQrFcCzUhTYrzuy70xBeCOm9bZJVeyxmp4Cn1ViGHCR9lAInDyXJ8/947keLLozIgFSUmO8RJq0JzG17tcVesQlSKRwjZ2gf75GTszRyns+Q3+MYw06NTzGTpQ3jAOaGcGQyhSKziFtDsIeNoAuUC8S6S5eUueK13re/z9nrAYFa8+v0UO8fF9AH+D9tDwZwkHArRVmH9FyQXT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "klQsuN1jbltcAMTcsR76gAgsITMO95L+cjFLT0mGTns",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y9iPmzRaFDQoeKi9rGERMjXdXMzZQOkw5hKUprUxDBaxr9bfphemXu/VEYGyV6sk0mdSMAoc8f/7ZlYItPLOcULXcZj3UeSGmc33BMULUQm3l1E5kzVh74cnvd4eZNDmlTcBsykSfHnNFykv9o0pE8whk83TfD6lAkE3AfFVfRLQ8EEjwsOlghb+wVGA+iWw8GGDEDtEc2tyYI6It0IYdTlBYuHgyl2hIV0AdEPoyPOj3ae85/NAabiqQyxEHNFBrdVqMfyEMHfN6xDzYteuhfiE+o97h7XVRar5MS3roqGHgikDieKH25v325fMAFbUIRggC8ZP78Pm1WPsrEhI479pOibLOuy6afLJCxkX6xE47Snz79UtfaUYYkmXLomBLuXJZhUbWYYJikgo7S/E4kgst7nOI939",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "klSeR2sFrRCA6HH4gz/XCnWJI8PHPSY9h31FeJcbf4w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gX8+pDRlwiEKkE663s+ConsJ4pk1qnaxNJlfCA1daDMhr541c0hHXLuQ2wb0WYXufLymjePHoE3rsXBKYi4USCnCPGqbIGUfFqGUhBVkHAisOWjorkyMP4Qh72uLFrTn03tEiQNnkHwBFHr1fDeOebz1SUx0EfrKuRh5cPwhEOl6dC+XQhqMj+MC27t9TN4ACTNGA80W5uNZGPVAejmHqIvmoPVngerOZLuU3Mwtm1cZTugSFmYmwzx6oEAcZScSqFk8E6O78E9m34Z8hkX4jKIYYR8fgPdlIwSQcyxuo2YrhiGjxAj0kk3abUc4vY1aKVhqzn0ETqv67baGjghLlH0nmp4tlAhl0N/7LfjqIoffUSqtsMFNf4qgu3RnRbQg3AlNo/Yjm1rDlrJpMcskg6Xfn/cJIbIn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kmIDeUtIkHBPMKFu2UldJH1L4uaA4PV5GBBUwP+KK04",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Mo/DoyVyQ9zwPtTymmklmikkQ8XVOWcXEBu3LIVR0r2AMuF+EiJEKS1mHVErwmkwybIg/fVc+nLmxYBHUL7HQJ0qQVmS70Vx6JNTLpSvK1E6KjlQCimy6GDIWExdPfGKVKl9LQl+Gv2HIcGjcdIuMDeKpBZBjaCdii/1Xe0XVkxM9wg3qHv2UFKCO2vBRh0lnhs+l9CfHR0zOWj5dhQb+ZLaWET/WB6NsuIKr2dLXT6JMwaEz8qAhu8JrQ9L9meN1eRhrsKwUaII21ybAV5oYwTZx+nS8/7QO6Oi4JOPHnV9iCcb39ayHV4jeJcQf67xfUPHh7tUjmeqUp1Uo1a2iQg6zUGBHCzuo/CGPosbUPHeEK/WDsxJ6WruDQl3v+Ahc94riloc2njipo+/W8/h0WwhN6wmg9tf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kmgZ/wvu2o0+dP8ODaqfi27UzAP45i0mqLkqfQxdtRQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4Un2g6jz7KPCVjpb9StoSY5CwI+O6OeIjbSxFYBQ9T1mIaB6bfGMh23InMCn/f/5uB38/dtilUfZ9hmpO71XJl0lMQZFjCmNSwzyTF+CtwMw/fU8NgIIJvK9R+7tBrWa6RuShcH7YXRfTOMOeCb95QpAGII+lZScBhbYQcPnKkXV5kiTNTsEQ9p2Lsbmx6EChZarF2iymcubFskXw2oWv6n/rTHX17hO6/buq1vLczDrWKwTeZPkjo2/th2z6VAyIqZTsj+8qwmSNVShiv2KQRkrvP1pC3+4xcKPjbL7CPf9Nnj4jzsu6VjHgfGXw/qweocz6FLDngusrQxK3P3rorRz3SsWqt9CkDoaVHv7j5WWan0O5e0rqXrRLreiB/s56Feb07pkMlM7BdbfdKxaH37SFXP3J3au",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ko7XHuss3ZE8sc4GFjXRh3v4eoqAo7sne8QIUrzulV8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "maBPDpiMZdxtrDQ6w+WKqoTj1uCfJmp9qmurRH3c02+VTodNto7BRcXvNicR4XSZK8cM1uKOhtQXg+MlQ8ydfySDAuLufOnOqGTDmMTjrkII51DL/ohq//ApXkfVto+s/TQzxrkufs7TJo1xIFRS7YNM6tSwX5bjZoBl4yWIXmcWkfDf2OskAbpk4jRU3M2JF39h6JhtN49LOy0eht1g6kGBiaE3G5QRDf/NwvS3Uzp/G3V+FUj6Gq3/Owygn2bLpotQEXadb+b1jdt8YpGuAic5LPcbG0pleuocawCe5ainX9rhIcYb4I4iCTrrQelUERI31dMiqUtNsMn/2B+fYgZ+RngPXbwFwueTZRwWIXbpeU3qj5hAnHfv5SaKOtBkmql8cMbN4EMoDnPm/b/QtZC9XTFSfUoU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kpJeOYIVDxX8CXkR9vjXyfc0nQ9PCkJFPqRavg50dJs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F4WkRY/9Vclj1otqOyTpMD4pngXkmRw6QIrQA+SkbIglIYdinx2+4xCapcakJZZ0oW/gaA/7GDVVlODBy51fkbUJ4am0RCSG6lBFBDNez8givsFEGwkmRdawBnG9kO6wgEsk0TzR3WuEbt6LdG7Upys2zVWadJSFRcyI08rWT0a0B97+EBCHHoPJmPECQ+yfrXv7A27b5NV9qV/qCAHLWw7M2b/vqo84cgdPCuERUnqY66xwnkkd0QVyNRuSukl0yf257rVrgkjq/LSH4xNVn/i6gKYo3QGW24tXTrTQbqA5YKnE3IYTakaqJj/lNBkF1ZmTR8As1OQ0QAlIyYUktCANh0bA0HMyxN3mgcVYJ7RBhBQOI41DIFl3O3crX7GWfqTlGpyBPLX68NTsQX48SuLZd0/vl+iv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kpR78KVluEuRNzsFCwiKXNpoj3MbAxBzg4hhdxqBUwg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YlVRpUizna753ZTQrLAnYaumeb4/RV5pTSBV9cLkTIU4qUJ0jEZflLPnFovBESnpi34Sy6X7xMMYslUc8MjsZz5U5Gfpy5YjTxkJvf3+JG0g9rzHAQs8re2zP8FWtTr8Ylzd+26TR58e9wILSrCr84IccaACSZnfgY51+Jly6p9X7NH7TN40mZNGHANE6jOmJBqvqWi7ilhsXfibAm3A/0UClpxtCmwaM6Iy18RRadtAd1lS69bAyrboFhMAeAkGnwg4ZROI7hfotWrtAvDqT5MRwr2tuM0n6BryH5l/cuciXGwGwg298gWVuJLD+I2l8HSVHETrsekD/6F8L8Q/YfsIpJn/jbUYWjhgvGQsw1l6En8y6ckB0NXcqeuLVFAQH3J6oiuh6kq98i/m2rjgJw99dv82bXuf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "krWvvEcsHUv3TtEp8WhTE+JSE+WD6RANOn8fxa8M87I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rTlxolewTNZJ8KfkT3xLlYHlRbDjAXlRL4VzK+n6TjDs9q+HDwWop47cFQzXqrT+TfHw399pwM+ERk+yWzIel8QAV79XE3uvXCpS+3kxaE13NkAR8+w5T729s+/jJbIvzvmQpQwsi3t46lk1V5Fqny8yqlrsRFdufvoBWJbJxP1FJMNCRntOEBGuXFQdpG9Pyym4ajzQirTdhFjVmpjalQrXOM5Ni+Z13okV6z2/+83sd3VJGM34y8nvZjdAT6a3KPE33EZwEnE8PqeafsUzvpkyOB59zkTZ1MWpxDEe0VU5jvYig6lDH2T3vNTBuPFOSsbYXuPyETyUQZCDA9YZP52xaqE5lLsJDPcFKsaXQUcaG/U8STDF0JVQS0o8D3eGbWcauyPRcVRnGOtyeh2iZ9zKsXnyI44s",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "krw/MIMd6f2++ixAZEghU1L1+79dmEcOhplIXLG3B2A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m2zyf55Ah87WaoGtmkS2yI0cquiuoerPMNwrSoloYFXrDo6UihkXIWcBDGg9YLhA1SFpLd2IDZuPh6CoHEshaYOLsQBd73v65IqKQrFxRt7xdWTx7Jtms8GutbGJlbsYsOWcEvMiAJshwTjMHtkES6QABPNqK5msUNRZchc/+r+voWTe9s2pBr88FXDf3uEc82dDez8HvsHjQrtma/tLNwNQ+aranZjl98IRyTX9AEtw5sK25PCqZ3l+DXeg2DK5IAmckp/33Dj7XLQ11J/BMIBVVkkXZqNAevg3sOTze1AdyYqlvJx55uVLEaDu2qWQ3CXASvos+lsxvjSSoEQGJ8fmQIiwftrhh0S5Avo/CzsmxjotbuwawsWshWtG5Rd5Hbnglh6DxyX8/9gxWlvfHfzuJN6r6cW0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ksqlFcXCUg201zmdbO1XprEmxKI8EhWUdARaQnlsVrU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VaP4NBj4gOyiU2QcQdiO4HPjIlFc74Op0olf0JqHBlXysqZA5hArH9kXiJxK35G/rh1Na/ev/e4pgbl1CenwoAP6fzoff2OrvZEuveS2s4jjiaZ/Nd9KTQnsdOw6ziIZvqeygxo0gj8SR2+nHBwzcqauucs34YOrNOQIQ/iS+dP1TdnfkFLDyYXyXkU+D/nTwzI5MRh5fkBgzL/Z87D4GwoF7dx4jdkG368EOJVUo6f3rZ+7XLyo9zbyz4+Zu01iFUP3eOSIpWnpNWXkUf6sIhGOlB8vvpaZXOnyypQXza+wHXvkm2uAOw5teXpIKw9fUL9Mmo8vJC5Y9RlZqvwU1rwu9JxBdm6BKtW3tIdgWaKtkzsWN5hsqpyjIZdkiDZ0bdug3GmzDFvOncOuItO0iAEqGymy0+cn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kt9JQn8R/cUYl/851DneNxzd4ptFuNKP6QFlPXTXRRs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oTO4ysZNKSA9XgqPDDoug3QMnuVF2eQa6M0i5HGHnGfbpd3jraRwEYLwN5HlDnl2dljjbp5aASo/R+NeVyxo4/lpqRpCiF7HEq6JzJVbM7ARP6B5oHjkpLv6KDFh8YOw1+D73/MhNIgelVRXY8fqwKfaWxaCH7JCPm3pLPWwKqz2j/wdVVJi7Sp9ucqdILAkv/3aVVJK6kgQQKbT8Zf5ey7YmLPoI+d1ykwkC6nOeYblsygMSuFkvJ1sbVAoLd7Qzek36ISyUcMK7EnpCQdQJTZcqcsY5FIEjcy7pcKQxHLzWMsWX/3LHt+kF7llcnzlEUb3WZCBC/36XBE9gsRgN1YQkuEvHc4UGK4i8yam4OPvUP2Zw8aN5gKVw0Gf+hg/FOdXSf30o2a40PBXaXwMS3FphrKju2iY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ktmImP0DRnpFlqqth4aKAILxO2QzGio1gXGS/EN4wGw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YuFl0XGPp8wrgyGKs2ZaB55yoD4/fh3HBY3cva/4dEFFCTFHi4i1p0qudGRCOS81kceDSHoVovkgBqDtNZTn+Tbo9qxiSAoksK5PRG52/IfsK6OhTPMRi4S8ewC7dF7K9u7ZwW4e23KhjmAbjuOlx7q8ato/g5GWr/0r11GH0WVg2UZiwIGnCt4khk3YUMacqLVoP76BSp7h1tzaNhhKe7T7icQcdjBBTCEyf2XSS1SRz7fAlIzzj2CMRFjd1KmVZjCZlGSqW6QrbcJlbDA9nwIUktD2T5ImHNRQuBOiP/tlS7bA+79sMVyFcXCSaSlraNQ4Dnm9+StuEUBwobo/J+TMuuF210bp1HRGG9rQ09QO0DQ2wvZPbcOLtFu4HBPeOin/cR1lwQiAS74r3xVK0s+BuFu7Pj4Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ku1PgFpC0PL4z+Ll3f0yBo2Gqduv7INUU+tRoCkXc9s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "daVkHaC/Lo/Hsdgw5jidlR4BhP1h8JwPjryHJhxWLJ3Mhky6+szhIBIFXxTGs5H2zJbS7MdDeGxmSH8MMQbkNYWwXqjpggWgTPMkhrjqH+kPXvsVyENVB738u+1aZ3HL3rhfigz51+P2NfTkP/gzaBKiGg5qHkiA/8JY+iAW2E0KgZ492Ic0E7Tylu5saZipdwQm6Bh6dG6MfDv81HIMiVq7J/iliSDT/eX/xK6ImALDP3B8vujwHZUnt001/sjcsJz51tEpZx3/4umc+J4Z3h6JC2oJ6MzibDRhQDGCA/hQgWscCPEBQRbpRbNN/QE1N280l4KKb6WUoWV5QeeWmqZ+e/7UieaRcVrXszwahPdOXDruloJPgvgu7sMNLRvcTSLQ1s5NPEV71hyATJdgNzAyUX7alcul",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kuQ7gOLu/gCAmYKkb3gr7OR5zYpoFHZrWFTsU5R2AQo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NC/kQdbuojfMWfZ+pe96JwztYkWH92U0KigToPMDrT128i7x8ZaAyszZJTdQ/RQu9Xk/NW6d29xDcffbXOYmek4XHYeLo8CoW3vZwtoNsHJ7ViSR08v2qVgKgr9L3UDRrLwf+ZD5Pntdb5zefiiFYoRvXo6rE+b9oR/VXY5GbGFYJP/6W4MgZX070C/mTezT71dpLkKkSntqVEHMr9+CXTuEGLth/7Nv+U+4xt4CkMagLpYL/rxcoOqUojNgsdmR1xQuB3aMvUMeH7q3SzKfV8mZqnwsVSxVJmB9oKhUJW7W/EEFO+1b6KRmoWbT5IoZVJ/ooPGtVeSyWg6ev+kWcL5aO2puwofPua9hX6E8G8juGyp4hHRD35pzDpctR5BeJj6RpNriEfsUMO3pKHkZs20rm+jEiM1v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kwZKj5FJmfFJDS68Deexpjnq4raslwkJnScLOo/OHDc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gYnN8tVP2NtkMhAQ1lwkwahHE/QmfnmSSXppTAZProzCRqoXhUXI0T83lZFQ2VjH8VUVoTmGu+KKhYwb9yfR5H3wlIDKksZZo0nL4OjMwaPgrtOHgGeVBnwmC56TULsDPkcjT68/XKaxOqqsRGqPLDQvViNZGkPXVomUJh6YAoJLtN9/xNhpWZkzwsK+58pTSTgqU8Vy1d83C6/gnErT123wQzC6JFTI1dTPKUujugoqsscTYY/UxCFZlh6wUGDGNQx1Hst7u7dR3xDVCV8h0fSPkgkoX7wPLhsNJod72bcRT2t2Hy8CIemL0uH6aiZzqHT96LSLaWKkl9/CU+60WlJoFm9UDw5u2BhjWjwvuMaXWE55pjOeZO5ejuo1D3Yyg+bFrAEXmsaQuQpycZqe+2Nu6XdNnWwG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ky2Vj55tutCxVq8F29yixRRTIGne9FBekkNdoUhULj0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vHWro4k0XZq/+bHNbCtaKvQDnHKmRNkkhK9Q8HFAgpbjhrdOdMI1WHJxw3QNKVnjbEEKhPgzqbkkcHwOXnAbnqstkep8oV09A+9wC25zKGsRoMZsZBNFRPdHwpEiTRU7wvw54zfIf9HKKLPb5IfP+iaQBx5IIOAC7MwxwZ2w8vdbIElnvdlz8whpGkFJyE1XlxkqJLWJoDN7KJBkR86htDYBw3oS6RObm5wHmSW4p0e471LFWe44H7mkKLZJ6/q8BcHN8Ywdxu4NIqAtXAcvEt+yevzGGcg7PwmPVAVcpYAg2h7N/CXyXmOWHiWJt3pUyGDp7fMPs2BFdPhwzAZ9I6XvpYHF6hXmbkOczSAZoJeWbr4V+9VEue61chX+LlFRBhHpoVbld++hFNVMP0wtRojqusl/XtXS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "kz3+MFO8ekDUQA2/l9KqbiESlcnSmda1LmHd5n5LLkk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qTbUKns/OYyiZWrLA8ARoTpD1OtkMpORzZYR4kSlXmT6rDeq4vNYvRY7XDEw4wK/2kcP6I7BBOaVifOqiKGxrSRKRA5BwEjYs2BxsOxUzepZ+vEvUF4U9r+PFgB73CB8/+lsdF9CHP9AOySygW3ij0ZbX2wcr3/s4v6V6PSMwCXqB37jTTaBinA10Nm6cRe8Vxhajj5zXFcSnMmnxgiEaoEFxn5vJER5jJyfDlZsIOSfVmfe8g9CqSJhCmuBqOXB7fz2bZg4RGbbv7b542oE6e5hRvIwh8fQdrAIaKJiiuzldQpnDihJPEOScVysScVRptEEPlYHYstQpAszpnR5VhrmnOlGlTtw4qzNSCNugWX5HmLepMIantPEH78UXRkiqlCiyFvFmZh+4evQf2paRw8FNIdMZ1f0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l29K+5Bkz8q8wQJ7ws1e7ywOCUeLMjZNF9aRaXuWVHY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vY1eiLPzCeFkgcC64b5R/Ke08XMjcwl1qAyxTn6x9zr5WXeukoFLkS4L9ZlOUwzl5T1HEq5sjIWwS+xXPgTZV/FLFwtbTMXPqpabgp/zJ9qC10boaTfI+drQ7yUwHIYKF9IFFW5Ms0Kgo9JAt7w8Q9nvgb7kXtRJyBsOlzjItdWtjI/wbLS7fnizcuhZpOzJKgDumixvqAk9/y8I8fh2Uwy/N8PFSDjrtfN9eiOnT2rxh2VUV61+oq51JKig5ckvLITwcvA4WP67dVhmJwaVcfdpScgYuOPn4FsRxc1ENXJmQrLJnrTu2C80Jchih5LOlseTs0dISGh7foK8s1yXoznFr4MMlwYzU75T/+HaJw4PBNe8wDP6FPKjftHbeqoiVxlWen3iOl9Jkk5r88/AsuyHUCl0L7M7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l3Ck92jVBoiAqiz24urpB73k18y+tzwjOkhouV1Wth0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "upfTCy2olFevVxB9BWJaHHm56g4MOifgSdM8EtAI1xM486Xwo7sOsh26DPNLLHZP8U5hPLJzPWq8M4r5v2Wlz9AnsE4o6a/PCNWcovi53mYIwFe+PUv+T6lJu9eIhMaJ63tPG253H38ZckerAG8hny/C8GTY0jmhiGdJ5la1Ffoe7h/rj5M72r6ekghrqw0ZHtz1F6AagcWTfr9LWB7oyQ3EfWBQc5dl8608PvZrA7/ZtPATElXmQBrp2ljnJ8dU+9ttG217lId0WPAfdlnapPosul7CAqVrojAnu7tyT6rQuWy0zJ1LS8FXcGFWyPYhz0YRjTzUmWZ8EIzYCO11KJbx0lr1IK/8w3cfC4G3NtbNxcYl1iNJsh98EPRCLzuYswKebyDHtOosMZRutHSf8Rcj8fjPg/BR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l5m0LWuxGd8Fsdhyh+bLfuVieyBqDUQM17CrerI7Prg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eMlWEjunao1yZ3YUsix7SbQ1H0CCQJL60+u5NU6bKkkNhoXu0lLrs87XmiFl2MBnsFHJLt5SxnA7U92qb6kFzKHhhkCS4biuzh81AcSQ86oEOxaz5E8GBSfj0VQO6NbOedXXOHeohSbzSebVi7Ab6vHsHG71bSbQ6uDUlS0/ioSkpA/gXo+tfbYeSAnqARzrG8+e1gerlkFlfL8VTSMN+IErsOsDSymSumrS7ZbA8o9Le3SglrYj8ByUyp3erdY+PCRGfGqq/tBP5qlXrayRE9QfP2iYx3DslTkUu/ldhXAC2fKu1JfCZr9KHdEzv/Qkzikfpri5NFnBOlRxA7LdaYUbZxrl9eHXc/Y0cnIk9/3Ej4rpXrNfrlDdGDp5gW78C6GfwxQn7Clkt8nMu0ztm+IU9FJQ4JqV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l5wc8C5T8HfwOkwptRSbKSaABRXSYzhKxoxG3cWcbTw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JrFv+xv2jllJ75nWbu3o3tVOE+2ydgDNHNitVa3tNmmIv1y1wMJME1DV8c/AWcWNQBvCEdjetm37wwBtZD0LgtEn0VFhGG62Xo2mKg0NULPW+UHQ5uakJpBCSFQBDlFMQuDtLH6WxXzPskfZ2auyhUlYVVmkJqvduj5QTDDXQ+NVJvlzOOMmLy8Qras6Lb2yBdtZfExLAYIhPgg4ovD3/+qcj6CtnzBrd5YN0UM5yURgpBFaIJMGa79Un/DQO96h1r4USJaek/44/BygBRSGSYswo5Ea2fPa75XM18UBtykl4QzTgmg86/+Ub9xjFnxsCoRRVaBVMxUR/FS7KdFX2PZA4OPIbE37YgQYAal5rzZbgahAa9uNmVigpB7lpFk+ysGhQec0RUqzrIS9GVzA6Ns8Co8dsFkD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l6IZlRhlvjbcKTNnCN3neDNXRPWnTJTzvPrEHhsnCJo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "32L2m+4ZMdE1jmPyMGE4GZ9DLrrdylK23KfHNaRM03oE/m++tN4pbep9oc147pKFAsEg1/88tS6hQPVvuLMZ+8vk2vCIwFMyfykj8q4K77yJLW0R+Y4SYQ9ycG2DNkjowqHH1U6lNTYgqGzm5DHr1/krRWCOSCz6vBYmazMWgWp2WpY+jNviYUKUEyiA3IYAN7fvCKZse9rtBR0FB6y8x+/hdXcBcIb+aF8Nwvh8veAHInv5q5x4ck1p/KmuVnRZkTTT5Flg00Y8WCKSr3hyc081ahLi9ek5h9b/gC8YiexLaBduPQRoFv2fHLS2Wrxf7Yu++zJiY/++Hv8o4QMWPYYQO4Hrm/Dnb5PUw5hr0oo1ItOuQmpdHbGs5Sblzvwyk5908B1AIyBwCtfPWLVwEi13N8PB0hMw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l7GQkGLJoXbacsNwo7hz2jlwhcnG3Ug8TkhyHHWzfMc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lv1DatvsPScPb3wObC+ZCI41oSbz7qITtVatPms3RoTcpaKNjN7c27A3Ad6ULrHKPaVr59defdWwvJXrzY3XL8UKVhFqQUK1MuSnIWogOBVoerMPWsMYhiXAwQ4Y+FPxOiPE5qToCIIoojj5yxdy9VGww8Nsr69IJcFxvXXnPW4kz/SJXCvA+shtkV1lgHoBt1ux3ze8FC/OlAVwi+RRC7Pc/f2XZ7gvjFcPY18NbwFPpqnhGWGUcPJn86kuW8sUpwyMlJBOJQgq2V1kLk6PDBXPTSv2yXSi1I/oXmTbUXdrFHh3M1wYdU37dw7m4XxPfLLbX7rPqqBBqxaFAl5sgkgfRfmJYUaDGh8v79nv/suetBCzSET16D03zlvn+FjwZtlvlAiGtAIHPrvSs/vOvEP0zBMLvPXC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l7fudnVpL4QcVxFhtLFs/0WUooQ8nuvXHvaSOVfWGNU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ncKlvrn25w8CvlFwC6Giw6XlqyL2xcgNy4YOfyXzrprqe2SuujhbyAw+5OWbKNsFlWcyqRNt2COTZcwC2GDefA/avdZ3ukBbbJkS5PRBBcQgUGQ1+8DCWP3UBpLmSvyBgDKUDqE3K43pyv7MKzGcjBJowLqcPp+6KmGyL483NrBeqoHHHH41YMzGKECm+25cv2iEYa/Nemu8W5bjvgQlkgoVD0I/J+FwuJTfxuBtYTybRzw0VZ54IaH+inONuds9GWTIR6Dn8b8WibbwZ4cfSPBuAaHCddXb0fOvFVhrkUM4bev9j7A93G3bP/crRSG1sEgYwdxhnUPM6wSMvgDnUJIulphlcgImbE/+Dyvvwwtg9QVfY+H+DDB+ebkdN6xqiceKabnzcvz5Qfd2AzB5rPBxubSgetkh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l7ix9iinW4cdH7+KdOYhoHX7AyU1LZiJdnXgEuKPatI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HZO0leRGz0xFtiJTLb0kcO0jx4zQxv2XJZHfJxgdgPDsJf3bCJJRFKHCjlxE4ynusOAuC2LvdYini82EyYAP8Je7B0WT17Iuk5YTm1qvAIOIamuicO3BP9uXc0bTzHC4XDWi7l0fgG8ts18Lmuy9F2nsciSd5Zd/S3F+38aDCrdD4OV+JuK8trcUuzNN0Nvhrs32jKHjD7XPckcbB+lI3gJ1/QEWNHbGdZ5iQqFM0jj1rc6q2yQZZ3jcrX7SZ8ZQY0/lpve3Ze2Iuij06TCssA5Xayd+8E12SbLFPMCdKjtzBtoDtViaZOdEfp5WpnMLlVQC5fWYO9seVBhLEwfapPMQvTjl2MtE/RAc5BuExQD2xJpTRHo5qahFE9bddyHv7yVbfHR2Dkv8jjwkkfYeYlGUWcSRFfkx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l88kzFvJOHzTunyReMiYz4G2Vd2JMeevQbOAuJyon7s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zWeb3xmo6VOig4fw4SyIgqoGnyO+dDt930TFWen49f7lf3f5a+7wpKpY9YEbLx68RABB6ohxGL1xEl145/LZNiRl5m977pH/gK+HOAtgtR/KjvJCuaVTMApivZt0cwEkRjb+7liP1AZ2362iv87uY/kNFeQDYr5NjnjIB4T7h3IWJpFMW735bHCpmHpDXkv1LP3M5eLsVIvwoIoEdXdC266Navl/88kv7FKrRVuz0btJZw6lacNFsnPWnM4KARLNJNgv6DE0mUyoh2V/9rd1VbqVJaZ804tR3ob9hBg4m+wNGEShOfE+4Bd9wjSgVHTrXy+3eFAxnPITiFGLKeVYrZ21X/mZ7FE4yM8empACqcDrrrKrcMRZMV9JZYWSuUFLOj6CO5TjuAgDXi95YOstjTskISeucOEu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l8JBRw4LC1gCHPDJaNAKxiprM+EjdsUl+FpdDZTR8HU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zDMZK3XSTsdoTp0Wl7IbkewCpQkrrns7R4In2L6cRE+/VNK3FTQ4FHKgirNjF7kdoXCcA+rBjvOvOgCoRWNvajWUcbg4gvhPBEDYtIJ4C3nq/YLOKU+d89ioY411IA2Xkj9c7hIJm+bhJnNIidv35G5YkC3jhwVhGKsdAcUF5D6bZrajzDj/UZ+vHOX8DOkq9gTZCmUca3KEDimn3IM+yLYVpsl9egIW3zQ/6zTtoAt3qcg817xFReo1xrmlie0wqDhgkhpkjwXr0lz1gyAlCkRrMaWxRzOGig+5Y0Uir9PnuNE84KCR05wKVXRqGK4U+xFlx0BxCofbFZKER5Z51bbl1H/L24vhDyopuOZTWy07w0wAXnF6tIspCLxAVVY1aNMdk4KziSgjPUAYK53FGNNvUQbN1qAi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l8U7ZFsk6pc/OpqMTwiMk0pocofIc1MiLvwQdfWWMHk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pGykHKePUr6vO7Fwo6mlUryDUfOBuYX5rf/VUHGxtu3oHPPSgRusVsuAQ7dqJOByZDUotHe4JDFSNVfdL6A5cpwkRaqp/VdCIQMP4FeQ16c8Y4xTJQW4sym5cnZXEp/ng/X9ErK5/1MxCTzdyBnTAowOQcwZhHub6NVTRYKjk4hqXGKCLI0jv+qyAf9DMMozpdlTEyFr64vmTTiSTZ/u4PokEorJ/CGpG1uvT0fN8dK8xl2eJF5aaLH0biAWO+qy3jlFD6HHJMpzdjVHBioLbT6zcbB4gwROtUdIxTriSYHSzvLXQ0LfRJXvSGssIfTPhxQSMytmy8BssYvjIhKE+HsfsqZZN6pHYEX2Siype9KAt58BzooDMYEvSXW7lSOb2ncCfatcv74FfDDrJ2FajZPxrDVPCzev",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l94SyRQZ1pREKBVXfFcJokrfP0e+oUV/24Nj0YN/aXE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qvDWAFbhrZ3qi3vifV4b2awDukcuTFw3nD/M8+BotWppjLncaUSZy8xWdE9jVuBhNmMbSYLcwxo4iPPRqKDHHSnAIUJj14tm9Z8F9Cq1wuhk1gEewX/ipmi+WKqcAFGW+EFUJ26cr4tIvzXpA6JC0h7pTnJJgmBHozzov9TawpoNzFJWaX6HoAbopWTL5T+BrTJZD3B/6CXOhdKMLwzj5wbBj+0XIoutHVnC+iCOw1SKNKG6iujcXa5V9hBHigESWvd4XguwcBJhhQLhKOqBsm6yXTxwCr16jiAHkaCfqoiY6/ezFKs8WloKdmOdYOSrQjNh0Cl1OggONBlna1AoVoKJH+fZpDpXx1d2gM0qSZJS/ij0xqu+ykEgbNitxCKUmOwvJDHqT5X6FSKPz4FUUY9QlNbQ63bz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l9D5nJfndk7eDN7yWQHKpSTjRMM8rI5O5QFlvUKf1l8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iKvBsV3tlrst3J5p0u9kE4fMtomDZFqjyec7oURm022Uwd+9O8+O2VfRX9sILD1xDKgg5biSFDFtuAleIJHr9ycq9gXP64dcO56QUhsCwGGTcRq0mR/TzD+1Lel5CzD7Dix1ArZbJGSc1Y/zfJ4WZx2iF35judfrTsVOD10WepjGHP4AHq/H78DIydjAcwhQz3ViTOZAHsJLsBHi2WaWn2whWVnetn6p80Ee2+LrUWrzWdrKOCfANdJifZT1E9V49h2s4ULh4cq6AzwcE42et9r5z7XVUtZHbp91Y1VXCflIByk0Evhpw3ObC84GJWQEtIfQ/b15c0yJeikklFQyD21uaXqZB2/hFr7CbFlQtDkpSBlPZGYRXFT4ebAj6+jQEdcI4DCUSCvFCKMqblxqqsvuTrzya4Df",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "l9FG4kIFDWpO6glM11G47uU2bwq+ve6WdIzqSUvjWS4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "azB/F41L5lGdkM+cze8HMYDAPtar95KuUclPemxYbpoKjU6FjCjQu9GcbsbvAXJHEMVPERJYBQmOn57hrKaFZZRr9lm8ZrCT6+bDaxSXfTwVc6CmI1WA7XTvt9iB3iC9qAWk0BBycAxyebbG+w4iwRqe7NRL5Z+Vs3bH76NDBqBcDQEjCKUTdOOEHUfXtuGl+gBvgSICKxGq4fTLcKGBSrjAgw1SY+59M5y35Slse4mgIWTntPcFh0VJhvhcJ1g1Xd25weRNox2Tl8pL3MjETNUr2ZK3uLbosKboQGmex+ExEUtk2dgjYWLJ90pLGHJi7wAga+daKICVd9/4TpQB+WPU7nauxmWl9uy8GND+7qeOlcVgRiaf4k/WI+gEkEsjZMyO8rBe2prLTS6LedUt6Z2bvVcb8aOY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lAuDp4ftY/Xok8jWtCgos9acgpNOVZfuN0umJMoFUsA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "n4PeSq42zFKn/L8fjmbjiM+liPIpgZJ4YecOTpQ0culCujh89TcMe0Q6NkVVa5jnWPag4oSfRy+4Ail+5YoKJAH0PvkUvotQRW/HDicmteLAe7X9hniCAt0QvzjMpsVMmzoGWEei5zHr+YedjkxW+7GXORnY3G2AnJH8BjE0Yj9xhIwIagPBP5rVGk44zkuKKMrGojctl18KvFv3RtspRfls8kTOIU6vMIkM0IHhoH6IjNKkQszpmrl5XpbsKYKOoZfEjG/D2F1MAyNnhJuJHNccsOZznGu2fEHcWrbHp6+hrC9KjNwD3qiKxhrjgIc69q/DXl45X5mnigT5gjFYv4hPRxsLPr12KvXhbi0gYqrRL3IYfJ07osRaAIXc7AGxb3iok21717C3j7gvBkjUeOJeom+81Nyh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lBbLyuE7owHHTYt3gahqgex74Kka3VrgU6gYfhI5Dac",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "weRPADUzKu6MLF+/mo4QO7aoMuwqRKIdWCvAyRbdm/5fjoQ76tyULwqdLnG2zudgwF4sMjpBOeMAhPMNyrK0AzpiiAzzkCSR7a9mhr2IHLYBumKZ/Ke3We5mawejIkP1933GUC9hASQjv4ID8yNIOLTZyV92XMpde/Zkl5+QCSND6eW0ha122KP4aGQHpd0sEaQfSqz/DebGwe9C80N5kkNVPAwbdjdTndcYfqDReQWaY1pecKpdki3CQBNbWqKmi62IVA7uBxUW5RKggu0FjlwoaOHdXlkF5mBu/Ysq6xHmlIWQr2dMyWp2dgKzpm5pVsJvj5wS3jZH2xcmiPF/DkHw9fdDM7BXDIYOl+qeszogqAyfH7czR2+9Q3WverpTl/kIo2ebx+AQd0UlcxI4cimfwh8gwFvC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lCM5H1ui70RMdYSakirnn1NRmn5oErx7DjLMA0zf6n0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7AGu9O05/K84e3b7Zkdc7Mvf2LNh56RLYbJ0HTsRzK+H9PgyEizcbdmhF4O45idNAJCMoeYlCtmRA4O34QyU5YBeXcH2BFrNb5w1at0YsdJhmSyRdYDY5iDoPh9ZFjGaNyVKQ9iyB9xxOM5zh7MGa1sR/d2BiLQqapVy/OOCBn6ni+BjJpnFdHPrjEl9sanhUrHVU2aWZUn7RAaefNZVfSOLUbUfpZufaTubRVAwoU41LOtw6QvHBL/THZkAzkBOP6SeHX2AsKAWwuzEtndqDG9lRD6aNRPsDW2gY56lQXqNb/R9uuF95seqOTdBmyUQkmrKcz99BxQ4hFXEGhVhIdZojPMPrCo6KZ73GJlWwMDtG/gqkyegCxFTSSAMhGnIfl0TEE7HXpxxFmMG93HE7E1pO8t7+K56",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lDNVcZi9u2DpuVNE1y9Xp1WatshL492eXH7h3W1GMTY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RIr57i1KpM88HDlI8sRF7BhFPSjGA5UL4auyGbHMVyPxyDLLXnmGmppJPuYGa7RfhGQJPGAbh8dmRIwuegaQTZKKI5By0zd/ZxC9n57uzW82Gt1bAu8u7sdrVLkWvFw+nNPzff6s7zTv1PjOMJ2DFzd/J5GHi0arRsPKJ3WkBGP06HO7P0Xdm4hHCJlxwYbE3qXJ5V+XQeGzmYhTNYyhMAnShy89c/6Z9SKlPLazUtQqscI81rKK2WP3lvVXlCaUKie54fTYIhRFM5v1BI408hPETK0B4K4zGcP5n1OJz12gmS87HTPRX62+hbzfBV9do5KRVHBWrSvMaucTsTeF1GhMF3OOuFV0WFTWszUvY962pJgxYMNmbTqgqtD4NE/gYJn7GpMeJn7kF30dtqXiUCnQdF+tuw3g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lEmIwqgGaC5NcvDNDacDlLkoIvr5+lGLc5L7YpQvsBc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RaGn214Pj1QKm38ARzHeDsjPW7n+zfuHo5Hd83N4AdlYDMxmA89kqqzAZX7e904Ed7AW8bQLXmNia2wkC3hvWuWcjEf9QoiJW+0Uik0B9lEkP5tMt4vqrpEo6q121QN9qLg++C7xxTNxnJuE5fNKNeig2BlTZtynuHixyV5xwcWzZAkPMg3lilBYBQF5yqO9MvFJ03aC/ead3XMYqLTDhFVcjbYwQx+/IPjdRcb74AMx65RDTOnkaIjKVs6Trqg0DQ+4r7u3TT46zD9qrCOXr7Q0qnaIVJ/NYgRtZRVkHODo1IIfSapsb9VouQB5Hfq76ilvWJt6ZplV/H4z57clcZ5pDQdCAyMpPXxtmjTNu6d4U8AL++VYeg/ipw9Xj7sdbuQMmrTmaMGf8CaIm0c3IZeNxBenWZEp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lEsBGWm10Rlwafd4ni2tSLT4EHaKCv/WT73jbN5jTno",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j4eVAzGy9k7dcB7zVNd7yUd/lB4XfXpWnpZli7Kw0JjgV9EAKIPJirNU0yaqDf67ZXog14Ki+h9y6YiFW1rjRTPYOFOzs84PA+Qjz5xDBVvBDXkDbW2kVvTQeMWbPeZI8fy9Y2VBg+tR6mP7w2ouMZcv+OrKnwm5e/9u+KVFNgWtwPX7G/g2ui5ZpgqPxajT2W+x9pY0tN2SQKvjx68O9BuIFxzIBYV3RKa5rD1NSZzUOY88v1B6cknbxgCfug36zw4RdVFEbIJLLc7eg8DQC7H5Js7kgNV9ocoJV/JVa0aORlB4KDFOPh43gCeub8ZGJTWKLSGri9wkqY12R/jjvxfwJVdEDmgvpItU3eqEgkBBaA5tYjbCHyLY2jT9gGOHVQiCda1SxUy4G76QdKAHn/azjkaOkUGI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lGA0+vgpnZKT29smOVMNkzjBtUUGCqLhK84YS2N1hUA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "umhMpaG7pWOjft/fcIFMZYuw5lo35zgtdIO7DAgGxlfzhZOO2ZB/cQEo8XVSi9efFEAlu4mhUCRL5IQLOzuDIaQEeakVxGE+j2Pr3UUP5gCrd96omaW8BGK6uojlzx0BW37sVE70IWE3dCZ35MMTlIcNYs9/wghBdZcdb2LTGsJisqNu2hX9U+hfbKCtBGrmwnIoHNZ4KrqseI7DjnXhL6f7NyBCDJCOsLRM12nbT2k8176CaY8n0hSuFA/CEzpSeNF7X6jfF8XKkjTiK0kig3B/rfRj/dHvvxnPI4w0vxSUQRROLZNIO5/ludIfZh2At2mCwG82REWJ7w+BJvwZhQ59ktMXkIIKw1djZgQ3bq1fr8k9fbH3hISs4hRxfFZXycZLr1Z0R596f2kCdAnB8MY7UXC6XgT6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lJacyrN+ch4qE0Z3OrFoe1/8XAE47qtyJ7qxwzDZIAw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y205w3pk5r5NHUikl/9bTHJNDjGcsYKoWC97MWNlFbLeIcmFOClFeB02ppaF89VTGt+zbH3M+duU97sx0x+e/gkP2aZ4+ZND2FvBZpokIbAIfx99p+p08jVdWBe2lZ1hEzMrHUcRk89tl4ZiRyJ2hZldLi6FWmRUcd1ltdtaxxxCacOvSOXPcy23nDtQ1H1J2BZBEpdGuVQbfmWvXTn+qT5kO7W8pH5nmFJjyADYVn6gT0/XbsNc/qjh+HhZA4TFWbUOKA6+A8uCeqMBUE5zEpCKvpjAG+RGVMqcAbdd5y5aOW68vNFWBg5YeFYNe1f1R7CiBu462AyfdgfNJUCzK36jb6gXQtr1HQyJJ6WXFRZiVyVw2tv9RQlhV8BdxK1JkmKuE9dO2HjEfyienO1LPZxcigBzFhRB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lKzEWIr+2yfXB+oe/J4dn5uHuVPQZL5V6C0iLk1aPBE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xLrukRzAJhcKxUIAa8bwTu5owhd4n2K0Pz9khtPlX6RSWG06A/zXm37GOJyt8C8XP6PnKRDFJhvY1zdAfDPv94CZ06szagh/+6+BGioXTc7pLZkEn5mZ9EfUvnC/2vjgHrvaqXyOERElgtjtWw+Yd+Hc6Sx2IPPagI2B0dLtWAvIkAPs8DcSO68ya6DZ7mFvLlELy8aA2ew8dY118YfFm8MGzqG4PUQE6XhViKhJPYUIb3hhyO4vPEBzG6xa4S937G8uuOCEIuw+KRiss+SI7ONaze87e0Zb7rt+N4Yz27eYfWdCBMI35WuwexWP0HDeBJykv/5HZzTpTJ+EBfIkRUQYushFfoktbdmlIF6UwjjJ4JG0gzK1OBag+h3UqLYwqNnXjmK0FBhhrauEzAPeMb5g7JZuTENh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lN1qmKx3J5hdIZlJAX2zqp0Vkg2wxRrrznzfAksGxEQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/GnUxMSHDYK+ofj2FoJKrGWt5tUNi4JNdJpiUBWze9b9yQGOGK5r0M4Pqk+3FDEB+0PTJZS0WQJFoXyhBVK6xASJiz6vVwJ5ksKGM985ZZDLzuvrt1x4da961NcdY4ROYCefZbYhBcNBcNZ7cu5M1rXNPcl18MOG0isu7gzVEnUnSsyaEuZk0QV/2LJP+JWNvCOCeupRi8tmP6l1+aD4X5nu1U32TFOGEG4Iu5iZF7mG3Q3fyWpva9t9tlTKFDhcpFmVbq6qNg76QmDr3C29bsCpzOzcg2zq2aJxKX5kWhlCpd5nOu0K6uR5fjrnBtauakM2i7mpFWQXttkdoUlRM3kJI2Lpt9HQOuwWa3C938LcXE58KtKauR64dIuaf4yFTm/mVa5MkKWrR37/Cfc8dbWiyAMOG2vm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lNFnW2qrwxhHrxQDaqDVFbJ48ry17uAVALVUzUWmj/0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ehRRIFOVYPnWYEDlnVuJzQoylXxQHlwER/WjGqWy+qtfDBJpCyhHnNXufxOUnCw9ehPhcga91ceenyVuYIf6c/ph330ZnQizreAOysfe+dkhgnulEu50M3sB2Tyb9a98nEL1o5+CnqOrHT3VGyjV7gB4fpimq5J/f5vBOj6UdM0hkrdGKz/vB8I8qK/W635Ltizs8t+VVrqWYNL7HQLjj+zpQqc3rZitxnqal9ko2wHGEWR6WVi/nwcsZC5ULQA56Bwozpx0n6R0MLMCpwGKBbkOmJE+q9uW1MegIvAYg4GM/uKpkSj6Z3xA1mXM10Rvw8hZ6yjiDZVo4INlZMzgU28JstdV8JUNpeT4Rk9yweuNbTHngDaDqa2clS1OVnqIk5qqrsprjNXgaOB2m0HrWGF2InHInegk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lOcCY2/i6oEIvukkV1RjoP2XKWu+cMjTYibzcmqrFQ8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LbiYemcZPiUX1bcZLI014kQNwZ9MwOcoKLpxYa7YCtiHcQ+Ml0hf2kifgYjZiwdsE6J7jnlgldLvNbzYzaDa/+eYBD9wcLa2v7xMQFaD7ElZdFaGAbzub4XQd0yT9kEl9EF74qzWZQZi3EDqR2nmjuMoDhUJ4zRWpqWee0GsfTm/ZTqwJuEVbAIh/kBlYJQZ5RYpMjS9owkt78Hi15c785F2wdYuIuitqV06JmzEY5HF+NlwpTz04f31Pq+fCzOqEGgJJcRN4U0ZP18Z0/G36EggfBqz/q7crh0tCswGV4Muas1yyMdtNblLZL7rCnQWR8044s5JWALatMN/sywmUXqJPt57e4LcaMDWhzHxN0oEbUBaX+OUwUj1LeAq3Qr9D6z/ctKw5bOizyYzHoaWTX8zJdcahiGi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lOxpsC46KIEJ+duf9EMqiaLUga/qzURykt7QXOl3lR4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RkLCQMBP68mfPlzWbj0zDq93xrd649imSaV5tiFKQNjbzF3VcfVamsGKopTch5+7BHWZFdgX+yQUqO/ilAhSP1NEz4his54GxVjf9Nh469N5ji41MYwi0evGYwOuP5+RdIWU+467+9LB7YiIA346CUKqEwQ13xkGxVQ0JcHFRu7JtS9N3hZJ/QT7Npt5OP7IYxFypr5z/qr0xMvDNYE7M8549h75d1/FvNNZTiQOiGCu6GnEttoNmFjbbZ7An+roS4/NP1xfiegZOW7INzWAWVcc5aVh/kHZGVT61TE3fxDhHUr7dLVMZWxJADoEjFjxRRgz+AkRTSFwO/NzNsSlKYQm9LXJQVg2p8XBHcjatZHpnLo6bXj2HaSYnHFP37ztK79BonkGY6/3N1NN6SPLUKZeSX0THk7f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lQbECgqtw7Js2xS/8BN5766HGC9aDnN1V+uLIcVsGAw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pIJJES3zlQ9DTkIbj271uQem5FQk6O8YtjfPtIpyMhh3IxX+RBehkcSeMOzAOLt5wNrBJ2xS0xE2qbThqH2o0bMsghlErBtZgzJ7NAlxXqlvaWarLt06eSAh/riWCTOmXhB5EEUZ1Jyc7UPqlCavFBGNTb8ckHPGu72FBO2Mp/Wvpgrvz4lZ3mo0UbifGhQhTQtzB22YWdl+FzZ5y/nBDXq6WajJdao5nXP17WPqGKbUs14YOq+/55teyHMsXpg7RjcCAYRtPwbZfIX/b0PPI6BvaDrCrJqZhshw0VRt0CbNeyWTI3/xQcB9JTNcMLpWB54OZVzTdhwVQ1sqfdmQAgsjG4pOjjRTxoG4Grud3sbLKMS5H2Av5SP17A5ZnDXEM3msevxEeec/znIcCNtBTf1ZFklOYPgr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lRpVV2cQ6x7EK4Gx3MsdySVo4TyAxCO669g0Q0bpxz4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "O8H2L3WnZEFBLD3ypTv70OyLmG3lqLn/LWCyVWfLDRmiMu6gVmSwX4ZnUet/QUFXBJI0TYCVu2OEvpclKqSfm0wowVkCRAerOr2OdQL/KyoFHWbdVb/2tphBWlgYDIHedDbGlkd/WguAdTcWPOvUxLE31l22B13XA+/sju2pvL03u7zKYoPQzqnVOy2R1LeT/wD60YpK44q4i9JiS5yh1I36Re/GoAALulS+5OZzSroDKuduiMdhmBNa8ptQ1PbIZzrfliXjpBjbZ/nYUiDwLEdFHJj+UcDiguiH3wb86KXKaongwOWFhCAByMNOW3DAfEUDS/7zEUiAj8WzwoxEtycVl0o/ZZtwBNfEcsaUKsxx5t+jXZPrIuUQ8cCoeEoulUWx+RnRTF9GhS1xvHUhNeHS2bWmRW/z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lS+R4wmjY6nRMslGPQQDJabHzwNX/Rd3HgzOJjP+e6k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KndPrsAHgUXR0+TBKN3TdtjcFqi7gYNp91wcFynCXGYA58fH0aktDERZMqiaTrFuc5LXp9oR+q4vilm+ojOkZ1YLe0h+5vZ+okFBI+JTsvsDcmhROxioUtUeYTsNAbFiS8c2pQCWHq7U8x1TejhbI2wrng1UhWkfsInxqrNDMn4E4Ea+mmCDb642I8FTUEywU6KeFOikdRLizCrZBcCWyKqk0sgErjHFlgSw/Nj8Uw6BbvxB7tHZnpBEKKBQq1JjkkRK+676yYKGYuNDOSq+bGXhGBznbgXqqOS5pMTs4hbxrRAiq4OMHHtNKAO45vQxM5/5kJYh756gChNF5YeS80CmJa0biYjwXLm0cMq9LxQhQ0aAyjihUBLqDh7hoqTD3nEzqT2yk4CHh/QO1jMXaxLaaMenxIex",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lUZ8AK6xDLK2xeYH0RsXAShprMlJnMcyfV9aPIybaic",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9b9+lHqEF+54TrNBISARCPvN089gXQlxwVPSDf6MqemYIt74imB8pKk21DuZfiw7X1Wa0UpCp8XfvnWjAJCD+WhsfhI00keNmz8wQQ5cSFjfzVjQBlhNFBio7P1AIRPLbtfhWwphaGsOa24fnRgGQqc0Fb2X9mVGcfQtsQc55LjRoBTlowPU6dzbeAq9lEjUzFn2akHYHi11U6Ha8yiQyPgMnP/M6byyDODnaCLV+DZ4INSrZ6RyiAo/XOLE1YmrJGzkhsN4lJ67i2vWBaLfxQ6XhbO9YUNJIKbtk6lTPNmbwLyIajzE4SURvMH+Bwz3CIrDYLYWUPLQrXyKLzIGkNGKO9apTqm5cPu0e8rtbveUbSmVkhsozy6bc6IlvHTJCnH7mlXPAjz3xqBijeQpVJIYl1IaHAVm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lUxZnOon24pw1YspWP4xCp/NySVxS/HGpiZZHzlg3P4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ws0Kr3X+lm0LGiRDNHZUAaSZH/jcBZFFTptRtVSnBPGHr09t+eyLM5gYdfHFbtFnmQ+H2fzmsJvTXAVMKXYK+nORB0jiLnv0TWfxD58Q+9CCv/YKNQX8QhBQrEtjZremDP+BvZF1Zk1D5ZtRtBQ5CagY9jYeJP4sxRZhJrbHpclKXMiB5lO9agddAc1SICnXlf6vKMy4eP01MktY+wl88AEambVH50imBcxy9KXZUwU5uFrgPLTcZBxYt9xikTK2pngjSORu5260sPWMSwZ+T3bSUii5RD4IRXJR5MP+KSt2HkWoN2XcAWiaR+pvhx+MfCVEGOZ9aCWmWEMngHvSzN2UJns1JZApsK9gO2Sh21agIlbQP+DZc6/4yRlF9kQn8ZFjM7h2Lr50/YEnnGGqeoHPF1XWLApR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lVucBrfY+dh352qMx+Bkr08V9FNTievOAksp6z0C+zA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7YNXlLC57ARxCv7yWUZDNtTai5HeL6sPAPRMdwm0wDwiYE6FwjJ9WN2zi5u/WnZD/gqTYvzhLIIrUfnRsw0vxGqi39Vc/lwiKKDV5bLuQnMpvc/GUjmTRP75IMGKkFzYU6vSbLoTP2nuxD9qvcjUwNhinllvToERyp7Jcdc7BfZtiuhAttKT8GBeffwYDYx/FjDaK8EG2L9XH9pVmYn1v5pJzbr/f5BKHQm3qx+tCz1o30hp3ukijtHyWJWz81PkCsUYietgK5+oOdSsmxIREToHRSGbHgoawCWX11OSN1F7n/j50VH+I4AMUlaaCV+yNsFX+IJldMt1PGglxQFPSBj3xosovpP19ut9iYVVT8gUtTUuD3qoCgC+mlXsydwCaniEwY1Hcg7btqAibv8pHGuL0UM2A81+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lZ/2uLMjz1wTSCOzkM5ihHSU2V9w/fGTj6ctEav5bHg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KCb5jTGzIM1jvEv44eRVhIhZKZiFpoP6Rch1nvCTDNsB8zi2KMcUvbRhEu/4e0DCxpBhL0W2eP9GswiEvehD6/MpxIUa7ttnF2dUhxaohtbzusUJimqeuXdBKlCMIrejHRq9SZzcbQfHq4ngFHcI4awxMcYxWFXsQlODcr/+0C3MkYLPUxHTY5gNOiBkK1JXY+uxxzfDx70CmBIdbw1hxcMIK/Vx9S5RcMudCTTGX3OJOfdld/MeJvbBT+t2MPY89BmcOGfquR4Wm3HAEyhF+ennDkugUHYDa9XWSKN4WGJSgziYDCt4dD/WKZsmkq8TovHUp1i2NSJLjIQwFIvxCgGAs73fNliQdy2w7n05Clszn5qp4ojlclfYHm3GPTloII2NR3tK/woPCligyyKSc6ySGzatOkpj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "la6ddzSPB3MXB2qb4YwJSiH6Ux67v0vBljRmF2siRuE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "53RQrxSHT+/TYrKuyILsl4cVFqDRguEuhKTgW0eBQiid5aJ7wP5uWnIn5peQQopcyHaKi1rOVMKR12RnzKdcwtA4plKaLv1/sENXKi5rPeGUBztnteddZERemon3c9y8OHhB0G/F9LT/1bDhIxYZXqGzDWqRHgyk1o09/3A7+OTuV+c/wLlOIy/C65/KG77jxm/4cZJnB8zhVjpyfQ/wMWSx+ZySJUdP3GE4D0Rz3WxuBoD4q5R4c7TBs+zfsFIp9TRARVudhAi9Hb82zBSPKYOSUzg81J0NDWznQYm1NQsswF+p85m7xZzo5IyziQNwo8u6hLEFLB4rNBaLAQ+6LFIiCeN+OfTwdJ+cZUpPsFr+8Gl8LKM4pdg+Qx/9uJj81YciOqPu+oxbmIL2hyhrtWW8g+0Hzm88",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lawhq0MwlstdOaZVQ3HpypRZpUw0/7JDBoZN1EqPVko",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vlTYw6yNcoYEXdxuB7BSQ4dBA/NKE+w+kkg55CdZzubxWQEiETVM/CnSQwCQpcLzTmtwwoT/qQWOABkUKwy+1+KhcNDSyenQAxpgdyUS/cA0Xl8BGYDgdQxXuGW4hJX/3Paz/JW8r5kWJU0Pf7g5+1aD71tzTo/cYQKm3sHiWw4k57cnzLfJIbZasxf1vn+lG6xlyV3ASeALBxlU8STavdaC3mgsC36Hht9Q8DjEH++VHViliCfgmzkEiO9KJwvEdZ+n/TjYwIVzjSbhm9I1/nNOXk0zKWGogOsLPa0rotl+UqSZBz8ci8XlpPyoZwg0Nluw1jaif3YlBEwOpjtsomPVgCon4ct0+tFrmVRduyJoH1z1cZunNF9axmnZopRgKBZXAFba1U57fYMT6jVTul+WVGt9O1Cr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lbf5faiwv+l0htlX1V0vx+8T7EbGsnR8ZqSMYbbRBYE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0exMUK7tCArBAfnZHQA5n2OWp/fmriLid9pNxZzMTQ6PKQhpcyO8l2Rw+GnLKrVaBpUOJmY3e1Le610in29bLV3/UmeFISFaD1GvabcTjMz3J4Eg1hLvyhasbKGnH10TXP+O3qWsY1bem3YfyrV1Ie+WjvUAVGVDC4b4buwBZxPyhCUowCUYI6+O+q+viYvq7gtD6jlz1Pt173gNutFEwZo0kr13JPSYPVNKmgdm0Ba1NAMJ/9VgEdFSMoF2fdFqKkh3H+6dlTwna3nu+XfRhnr/TmClqhXxX52ForJkIu/EpHsrsbHUCoQzd6+lNn/xwqhE47RxXuTR31GiLpvN/eMGX0KwGyjPB/6wbwxmb658g2rbiRHYvdUYOM2E9JV28Fub5zKLaJvSrwM8AvE7o5l7lTIHRHJ1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lblxNx2XsbDfEyWW0AUoq9WQLiYsDK9cdNGnw4ji5NQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a/ereUNCr6kU81GTZWdIhz1spHv44vFdnShGhQbDK5bqcxtHDr/z05n9vMGV95p55guMexWxUIJM4U2zoJ55H522wF2DWhrHKonEWlwVQRRiyLOzjzGYdVlXuDpFzs1j/l7uGQPYnPDUy+1BfOCP3AJcbIrDJk4OLTZydhXAEV9XSzhfQzByrN0n2aueu3bWgiQGsLlfFvhvSn25wkWofPF4IosMxx3ystMPm5qS7SYs9zgX4Qmh43W9DJ3LnM7gUOR2SR8ywaE+TgnlYe4v7rlFzRJ+vmF0KF81NkTzUovC9sZwl6RXg/b3ACJdYO/LtbsedvFUaLjR3GmFTqJqXYoM0jB8IPPw63/+mTSxvVsAI3u/m+eTnCtntxYundgUfa2ua0t3Dn6QEXhxanKp+haaKykSCtFU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lcpDauPCyon8hNGQTunJJtMutjG0dgTULKDClCgKems",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "07H/ZM3A+LumbxTheRpewRFXWAxXPSFzL//7SZUWx4QwMYUZ5HNwPbl9hCSXim3bdLDzb8sT/nV8usyF+05iYVOe2SX+rhUSxT2QyraWd+/QIx2s8dtVKiF6RwtQqFzPkc4gaVzJxm6SqLrvcY5psfmIDgY1UPDPTqlSSjxAR4PKPCVYr4W1jsQregEQoJnn6ucWehoq/HhpBN/GUgl1hpqkHvgvuJo7dxWTUT44B2haZOcj82kaNiFvMYf0hcX0F7JzX2FoWvx/nJktTA4jz9GCzBldYxTGogSeVxnm7PbrdQUH8Aa8qRMhzg9iaiBrgR7yIbPuPWKUz7DLKtohVUStt2HYHSsqwOWZ+qkckydq2nyvkXBoDPG+/kqoblQHn343C2SrRYVlaIzv74/UTLKg8/iP+TAy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ld6gMcq+2glD4f8AQ3ulMd1IYH75x5A23KTEw0vnnXI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TgQPD/Iyiv27LJLj3MkTl4wylDARwAdOLlnxp10wB/7eoF/zYhJj94L9M/ByKjNRoF3+s4jYve+k1tYBbbelEi7nyhnigPLyPb+b6yhqI5vx/ooWRa+KQENpW3QyKufY0GCFTpWbxxNUIzjj4hsBw8NJJU3Xwq7sUQ2a/9G6KSW61JhRpWexiJzGD35JADS3f8I0HtN44lqPpsTP+j5j6UqoL9ktMQ5+CLY48dpPUonLPLGafXl6UiAeTyBWp1+ycsPkaTtH5makxQ/HrZJkTNmKzkYle7Y3XXa8j/MyZJf/lfZ6ODpZs+nPs5KRGIdp6byCZeLnSDUZcstfxboALh8HLMrvQQGHgR05OOptg46gSy1G0kRnx8NrKi2O8IequcBu+yyBTtg++t15s03yjUeisbfRDCgp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "le1+WGOHA1A8Lm00RGqlCxeibsUYirOUilSM24bEnG4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "viI3hdCyiwS2Osa9P2s81uTVlf2E9IqMML+5zML2rtfwot3p82sgib0U1Bk/lBbHlVlmI5h69XgmLBHaDYet5LdDL9sYGH6Og2m0KGfj+EdOGUMt8EGR9NLTc6Mw48WUKNk0x0VDG6Nmwzd5jZxpbMIXU99wx5mTgn/199el6OVWLtWvziLpIg+DfMKL39fwVpWlVBpRfoOJOcnWPj0dGXCrO4TfRuCk6V/nZ+KQRknp2taVRS66Jil4irpbPDDvkODEHTHghdbbVjwgAsEv3DRhNtU/LGlBTMdanAT/274+zgKTf4n0CQz0tpPBqoMiFup+yD8K42MoXdIBTHJCjTBHCgQJMovuGU/cscuDIT5mRNZ7tMF+uBG4o2sUPxxzlFOBBM3nOfju/A9Na5qQoul/QkYNf8LD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lenG3YfPgDT0lXhpt4oeShIXPXpjGptrKHpVFe9ZT4w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GF7XaFsN8tvTkXqA9fdYRPrC/4npm5TxJ758Q90B59eKBxSsSQwdK++ROHwJMNOnwdYYtQgfHBXqVzcRV24Zs4Rfq4u3P88ZTVHEFb6OjY1n1lmc0y4pC6Ftt1SWoJ6Iiep+9RFmd4p8+BJTEfLt+50fwcL970+VLJjr9ABPakpV/YTOGk9GwjZ+pULcuU4XX5bCKf80x3d6a3EHyNW3ggRMsfWdJM7B/EGkmFf/xJ1Xcetqr0oOPbjMoqGreMWU2DuTeMCYg2zhlrc+bUaICXs8hyb7K9IgyOwv048r5SZ9A29ROVQscmYejAlTMEaWrziaiJpZ8pKEPVf9aiMt/LwTunOInW461nZKrFbLD/omNO1RewvVXNfP6y+MBZqs0IIqb+u0vt8Pw8n+fdb/CAe6Qzs4o27g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lf66bT62ChJJcvrW2cWb6H7EUrojutT8P69jAvZwvj0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Z4lL1VH2o3wvDTm5vhf/0c0vztX6DHPUcI1c+vXqgp88ZAjXrG5Y3wmmmUv/RliWBI2RusCuWyEpIZMd1i25KPoMnRy72sBV+ezYbqrSyOPB5CrUgJW4WFh69Tn6pLpvPMBI1LfzJeuAy6LI1RcSltbwvetqolOWrGD3snF/mDmg5dDH8TT1ZMQand2VP31KEZhXOMKFX3JC2ZrnI8eo3etZLqi/uwgGZxwjcMdmbaHOS8sOJcnfyPUiFggsWRf8hi/7oGbcZBESQU3bBIR0BrMRtPfNdHKcanQ3pna8QEe4ua9iR0Oqgej5GKMtIqcjCg9/AQVQTI1g8Wd3cz8r14TzPUOOfNpuOf4iKcaklc2Fl6FHkkYbAaglDsHORopeFMiNPSWcU9d4JurXlVs9dL0NuA2g9p2/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lgDZpE2bYw6ogG/0dYrIKW1PHxWwLJD4cc//7PT5eig",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SQyOeOt8Cx3K+9sgWQH7M1BrLy9uWADLMELWQRkA+fXeMsULEiEltPG4/xQcHZR316jhsE+zg5RFlJAIyKJn6SK6YXx4GSaeoW5OiFdvCQNSwfM1Em5EU8YL6KSSWjiGOjs23BAcTU2sGBrL/XpVu7wznaPGdfyBqSeKda7M3nn+Fnr0uMy1AxA3yNDuDIq3ZilcVBB58rs4Si1sjLwkO8OlIRsdFTVyxZPN5KNrR8OQ+PUAlbWCXrX/qfINNYavxjoGx+Fmk1/jU4/3TD3ZPde3LNrni2J2LKLZevRvIpzUu1ysg2uHGHfwnaKyVgz/RKa81dt2d/5jJykm/E/TNqKGmLWr2LSmynEv6pjxL+ALNgLiyDspmFqDT1dhG7ayrZwqb7TSN7qFQwIqUQiPow0Vok2y8cIS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lgEVN9kz5CamtGNhGTa/3+XaClkWn3qPKpe7CtYoBxw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UJSXjIGG8u22QDO7sTs4+v+eKkfkYsqgGA1qTbHfDp9+3Bvio2TAWqdQ0GuwrxtYG7XzIjA66mGXwr+s5iQkPJ3oZT8onxrubUDePrxkL2Yvt62onaCgN9pblZGhokJC3cU80AJkkMnbEWxRT/CiXqk6nAgHYgl6pHKaKLDDLIwPLcruf+Pkde2hQmn1d4gE+gzz0voDWGhRyiUZBlu8zQJQqBNVn9q6oWmVSdOcoyweYgHiVJ/KdCh//PCEi6zh4byxkEGm8rexpO0KAb7En/smraoClIcOus14eSOcmGEhCVW20whvO2qv3zj4lAlS+ExKwfYZP3FG6YaMSZDM3wHHVFU22UM4BX7On8/om1nujk10QDU0eMSMTcQc1dfnZyHBRRE+xxZIrmzELsSIbQm4UQWBDkXJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lgyp/CVz4lY+g/8+IuMCvigsoo+OR3QLcXh753oxJoU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Z6KOGREHeEO6Hlak/7OR8p2kUX/q43k4e3tqIvfgf3oPP9hKPWn8QBsnW8gH4hVPUBXyW4fANY5KEoYNZUHc5BLcbWBgVWndi/xHJpWYR28iYOF65XFaYqCZzTDRWPyLuzoDLBfosom17mXA7TMk8Vphq2JU/S3F1eOxEC2jgnyKyI/AZ01ofPuwx2vqk8P04vDcoGGJImhLA4fA/+zMvGGtw1XL3E7/SbOa5wLLFlzYxQ9sjg3EZneDNYamz6S+bVU8BmovgPUkoBKqyhB5L1Zdg2E5hbb/sfv+rIJa8+22DRbMTrH8Pf54sSWyhKGUrlQ7AUKAZdjW+O5lGsnht6yGvXDvPPVdQ3pX+zZMgVipqOzsNEpmN5qtAWrJt3Lv0SNQ8nynkZCBAOVcY/53ByZKn0TBN3+d",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lh55EzfkstEc/whcjqXs0AYMxwFLU7GyHgr6fC6DwTE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "06ChbuFpvwkSOwrYl7i/DVheuJfuHtaaw1wtnrdkLIHQuEHfan7hxIYQN6tdYpHbp3EjbUgYyfotDSG6OCbSG5+EZjcc4pLqACWiQRLFrOuKWbik+3y5eTmUMDCTnTHIconxzXbKwDjQpcCb6grm3gk5f22LmW57jM52GykPilzOMim7emg2S1kwRxu8KDcn5gc2C8l+Up55v6hzQWETP0pZiL3oCdG+ETCp3N/oahIaMiuAv6C9FM6Yn+h6/AYi2dO911vLxw6b5W/V8sfqZGg1QBAhAoshbBEhOv9LlSWc2woiYaf9e73E9jLMCEWPwWrGEghDpKurW7ocRsyXeFZtmxXHFkEse6UQ0VSbmqMhM7Yv6DppTfukK7v7qhUS0vsIqll0IGBpwaZXIjXF1gXm/Hyok9IQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lirazbs5+AbnLYkZjKezoo7FDXBEcKAwVrXnIXAAR/Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XfsBEJmiE+s8vFfwyJiiSAoxpayH4I0XsrBkGDPNcSCHbBomumlAym2EcZpIEnNUZWn8WsDGmk74Y1LfgloawRb3CXkMnrd/t/3GkSoToXvcHyljMyuV+Jyo9H+Sb5ccUoSBNlRBhsJt7F6afqLEEBAKbKsPTiS5z7nkt5vyHljcuydvyounoUU1KLk+xHN8M4MRrkWZx3aN8pmJ1Ndr8kwyVyhn0QxRWz7QK6rWBG5bS3SahiCCtZREKiK2Q5UOXxK5N5BtZ5G0Cdx5dzHCIIho2baBzi34GVm/rJGTwJy1BLFH5O0GGx23qb57psR1fwjVtavIv7jG4IyylGyO6EJgIJQ/bHSz5b6rENxyXCWi6gs0YuWsis00FFg4VxqJMJIaIkYKHnIWB3i2iBK7S3SrbfSdQs2Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "liu3r+Y5OsTCbqrZu5r4nYLSFCR6xA6Z4yN7rVjFAhc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ys47g+fV0bTQR9On2nDxlMVTTpq/LwZ5YA2chMP4BObExCYQAtsLemWitoDaLQ3ZCs9eHIVVw2NlfOg2WGM1K1cHHe2aaBNP22iW9zhqeHcUYAQh4u4K3Hr7lgDCepWsm/tSM74eJvfO3ceDkxp6U5Q/i9+j8DSxf42+u7jaI3/9C31xnWjheQCsFcxQpMGmywWkh+4L7mlJmz1y3PqQ3yRUrVyR4hgMiY4YipCTHpjc6m+hcMDXce/0Shd6cNZ4suoOJ9AJrg90Y9jKwgaxMwaDfvzFv2lNIN9T2n85P07zgpyQEROuCp91SCM4Oe5I2/UN0T+lIfFHNLpj6nhJn6C4B4MUrlpnKj3qgqxICIJwj0xfdYtK9gq1hjfVlMlNPbS/PVUMGUJFfDwnqoetPpnZQofx1Hkv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "llNV7Vp2RXmOpbEU8srd5GLZl0vqv1VU8JsvThQw8ec",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ArkMKfnoZwreW/3QwfUOffBMRikNlj9xjd1MTNI9/k6/T8R7FxSVBVOKIOFYZZQX0AcURmR7MxeUAizrF2UxCXuAsTsnvVosCLAUHnhcSXTaw2QrJu6MqoEMs/b1nez0xzebo/wt2jUptPTp/LASBgX12DuQn8OcJDNi90SsV7/AdtezejEGY+KOP67ZCDNBKYM9ZWLUyqGKERr4P7PAyiZZVWKnPgVtdns+txYO2gFrGxOto73XPE9cDIsBxuL+9O9CY3fbym6AGYclEtGeHhUFeMgpDNVHs2tJ+q/6WkxEPUeBPhOur2R14rTwXEkJSDDye5I77X0CugAeXoYqbeSmE/FPrL7v93xw3ziYMOgCaYzhWsXFFZiTo9KhQoL/HzLieSd0eV+aT5j5XmCDUtg4W89jAuuj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lmSFLizr9qXX5wQB5Y2FwlKclXxVSASMiGtiIcdL/p8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OuK/Acwu7fKY3+EJUILsA4uMGsDXYSwN69ibTFFXEMCVmHh5G8KyUYXW8hemIZo3NDOg02HQU7nSZbz0IiyxWYkBYAD7XGpmiPMUUnqPnZ3WNumF116+57QjVxfaGo+XixPzx2Q3d4j6lX0+bLPZqaphVBnFzBOrIxUmKYV6QmZWpbIw17t3o/bdxvlCQSbVoWe1CewpKUje9qhxsbm0sVkgKMSnqagA0BA4tHXwYSpJ1TKU1ss/ntgywnytfGDhn9e1Rt75qnpJBFvqqeQ0etVm53GDzVVRinUizSB9OD+gAS3SpR0aVzoQVYN0Be9hqm3QkEvKtbmiPyj/JDTmCb8OJiEQ/xNOAUlOTrfyEzj3Dk/mFnW1OkC9jOl2KIDbx2FpGoUd8q9t/2+jEmJq410bIR8biXrm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lnjmCmLljioo9sb7HlyjnzoVB5zbOZowOFXp5Ata5tg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pQvh8yRyEjDIXRGbIvmrJ6tPPnCmVW15Jytw+6+5JrKBfSR1bYdz4ZHTYDkx9AWRCUA57dEZRVynWTFhDCa18chHRnKSc7EUKTsC0JDTlORWXmod7O71eqzMrndFk79WFKHvv6j4XCGPgL9JHb94yHcWF7+ILrTdIoBkz+KvtkUPb2X+Ry5O3MYIc7YBQwJrJ9W8ho7YwcmqGpQLxvkjpWfuVFsM7S7NJEbR4W5f+piRCsLQwm3J7rQ7OUGr33y6cpZ1PtS8CxWSycolaTuzK9qloZFEsd85kbyup+S5JpUDilngFKxWuZhAYivHZoo9AP2N5y9hyx4aS51Ty1GxTZjcUNqwhgLlVeB+AcQ9ALNDOhv2ibuYtPz97r8P9Q9TfTb1VHCU4UoP+rK6SUSFvi2NDtiPgX8Y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lofTXVDgFXcMsPAcFLnZzXac9FYj6W7j48dpe4Kq+88",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZiOHF5Ak6CaEuEIq+xUMVPWqqQuoZtzu5bTK42KdoMkLyu3Z1iBa7nSv9U4W4xSbqytS+34D6xSloIHvZhray/HzpjrJ/KfW0SQ6P7n5IfNwdDN3qzaLy/ci9Gw31Rs+vBYiUsZxW7+fFXBX+BMD49i4d/xRGTCgGp6yoqA3Mdz2nMqUTpHiqjo2dm7TXiPw9ihMOLY/BXndNubZig8i2j4HgpRrHFyyOfJ2EVo0U5JtwcOiCWM4x3+24XQjW1eAw7zYbPhYAeMh2ZgrH6/C8OnhfPtklwZsXkaAwnCnj0OjZczycydSOYX+Nt2kGd7YHMCFwdbmxfUFVU5vAC/IaMujgNwROp/GDaamh9SdO4y40SGQgY3sXrvBIouZBkUJ4mWGqXCp/rug/sD0iFDC85YP8MhIc0+E",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "losQ0a9+oBJrEEOb+HNTVSVK4SZS2sxsg1y8g5BjE0I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LP/6w7nj65kocvIINf2Q7YG4VHuK+3ap/TDsH+mDxiwlE25x8tppSM2H2gfj0BGmkvUJXSSQoEK2EnEV0TBzOX4AIgkcKs7MYlCxYSYmrYSRMfg+8awBJncQfhSPdBSAipbdwilg3Al5bXvpI4X2VKNUE/FoJlzATR4uWn9/OS0kZEbn5SCj0upXiXpPBKZyBkQ8r1sI4ceD4jRm8trqbcyT8R4fa4zqNIF4vWB9AuPqFz1Z/0X4XWYwPMZvFhK0V6F6Ef6j89jDYgL/wBWPThlZ3hs3wNyzqZO+Rt0ONGjISKOQAl1Znx5WZ43KeQZod2IvXYxQxwnbfwAvj/PToXQa9bqgMGIkeemsW5xt0k7Fa2ja+RY2zXyP8ZfkXrxiY63gRIIUijn6V5NtKnrc+kYApIoLyVt5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lpBX8YTqmA56+c6HWGRmc4etcFlTbCCoVWEZAG1aDyo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pe5vQZv79rhZsYdiUU9TGqY/EpfHJGgd7skafM7sdtipu3J9DosslC0HMgGOtuZ7v+J8rlKMMoRH0WKdFIPfcSaFXmuuMWCQZPb2FSo3G8jkm6FtBHg29ha+4YuiD7baQ/U5pcpjUtqMtlCnIsblWhgHVBJaciOPyfEY1R8qRIdj8gO4b6GsCWDgxLb4jpZKSqgKZkx6Dy5Sfe5SSSRp5Y0rIZ6RDUMufGvFBldjGCpJGpjClmyxiqHrWCRKY4AmdbQ7pIPmKO4TI5zmEZ31WQ1fW9v01j5fhXJzUZt8X3KQOaurT1K/ZR4LP07hJ6kFaA08drFs14fDvVQ18IxqCFP9IZBnJpnQOXEsavOXSjsfrtzahEGnKY5Y9wAhE2Z9SeTT+Bn217W8fVdITVfYAe1wRIClaN7p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lpFjfGf4Rabky+DqYMgEOMzzVTJKa8aEvpBbr88qbRA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cCjUaKuhHwP+Te2jXqP8hYjjs+N8+3QWR+JE/4cp7yng+GHFJKoMV1sKWXz9Gz5LcCFzCdFAHGtJZJ8VDPWj09Y+1rxjliTEB5H+y6QFoelbgBDfUU5DzgBZJxNwWJ4a7zDPzTgmLf8YllWJdG+J/OHdOMUq+vPc4Yz3wcqvJXsShq07zHAxz5k75ZXdTyZJKkwCKstcgzCv41x9R0R808kBXwBSE6wtt2MfYZq2Txaty21uo4Eyi+f+isqKmNsYcVHN7cWaUmkuAdCbQDnjDQ7x0Z0Ck8EnYpW/fOuePBG+gIZeZj+UM718zQD62a4U/quTB+vhE5MMljoBDNtBAJZA+YLXKJIt/6RiuJw5vNbcpMOrufEqfPTmG00CTomRuu88Qrrd3cEcEz5iAavP9jM7RNT6V4AV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lpNzYU4NCq82oYcVPZBReBrDNXnwL7mKwYphQta2GF8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kLHPZRz+OhfPr8QP6hp52OEGKXzmnVn1wqw62elxF5ClDnTgwgtz6aF1eRCnI9tWTAZQ6uA7te9Lq2X4wYsMXYz0tEKAfCWpRbJilQj/d7sACWhOO2f/0TyEETeuwz8GXntUm7TDuPo23fQWwSqU6ycowaI4FX0A6StfOug7Z+L7sAlVH5H3Gt8J+1obwNshsmVwjpMqUoGGg3gJI/3+fU1duIOx5auAScsiVHQVefYKW2paV9WTZ3bWIUANtTcSuh1sKBZCEbaoQAMNP5t4igdb95CZATfelNcE3GD9g43hEyM0MpAX3zEPxB7FCh4SKJHuaU9oZiw0dGwLxMf3GDy8NIB/zSlywRT7J2cGn4vGZJmfhMwzxHOpJeZYNZAhdNMq9aWpEWv6dw40EP4SnG36c3CPkLMp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lqAQc9rsTo4IS0tmeiJXXY0gAK3yuV45y3hKhXnlBjA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OJkQ3Ur7tMDMFBH1DloNdvP2IE/tK9cmdbhI8gv+UsKHBfI8ekkXe9zycOQD0VebEjAyzZmepK2WFATSDJidK7nC5LgUIP/eYwQyzn9IM+Sg55UWtnzDKbidwIm/IfYWCXxagCNlsZ5zFtQgXTF6IUSe4CbcNapVkJ4APrbBuHM/3orYsLL6eIPQ5X8ekWBCPfIjYrEa3nEV9caz+Zowh7zR4m/jNVgaAgc97mf4I+0cREi9nNO61Ca2mWTmY32gUxM2REr+pUdBgLZBdMfj2z1+16sGd8vj4HlxjJOoaH+OuR+zhuzhSFl5qEzRD9+EBl8+ISKOjLFF0CE5XFc42AOeDjll3Ip1eY0I14gC+lNcJgIWk5NrsEc4B4QpM9XOm11aNFZpIDKGExVNbCqghfNPGMBFc+OB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lqDbFVpP4icQbNNnOKgZySbsIK5HP1bWDECDYk3v4T8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xI/CvOyalqjPwvnjqC5xJf00/QkuRkp6dGvGfh4cwU5SYrGgyANTdtvuG0kxSK7loANXuO97g9cgPiGOY35PAyaw09/7cWLeNSPACkOkSyZ5bVzasXi+5OXeMOehZbzdURyZePdIV/lOh5W9WscuW1LXzRJkEEOy1Akb2AEBQkxJTrSFqXNzoSP8/CCm+LY5tKjhDBsMR7H0HyijRSk7VXYwfEWT2p/RVknOt76i3EFgDBR41/qD2qGxSyUq+wqeKMH0IuEukja621AKqkGB4QpCWruOiJIkQ1NriNWpXi3bsReLyhnwJgo0VDsdrLiEVReX/kYwd7wVdJeBF4ugPyY0YgYeTokbwYTpslT3K63xYv7e5W3HZwZiRkIcpJHw74iy+vRMSi/XGPwbR7A2nPsHyMed0X47",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lsgYDhHqItTvtDmopzePX1BhbrSzL3/Wx9Y7lkl+IuM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aB4ZnYgx5CQUwcODLhP1Irj/0N8r/BmNkPnlas17UDJLSGE8LYVjuXX5ih33FOE9UWniSKppFwuOm1ipC6ZdXKqGMkL1O9Cq6O6ZzSbKClYD1ScsNwiHJXbbImqlehK3fTceOcrAXAllTS791Wn/ajPYwyNIZPiNs31iuIPYKDLwF68aMl3E/1hp3KOyugVyhkEH+F6egwGjqEL0ldg9AufZEmiXAFwy45VarmYasQk4duv4Xb8EpSEjL3HSDkVa5Zx+ideb+FSLP3SfftsjU2kz2GfOvai8pUo22TIwg9H8d2Lmd/dTAYKSVFe27f8BL8bbJOzsKfGaHcEtDwnCNGvi7txYuLX+NCWjUCutIfBsaMBwZAyaSiJqoXOVPN5hGCTRz8yNo3qKAvPXqV/1LHJfAuCGtREU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lsmrALdhIzASc3fLRNQlpluIrgzb9Nu7eKu4UzJ2n1M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7hwYumX75gMOvgh17OxHFAnKJY99FoJAsWuEhq1zgZ16eqxrnrEzjp6p8AcPn1XE0Ay6ddhR1S/Pz8UQmSCq9ts5qm2erW6Vzpum2eBy2dAyO4tCNeccjWuP9xt2H8TTdCnsFD3uv/tVOJun6dFPH4NnzN48lZPOMouRlcb60+SQZhgtfjebmDjgxdOCHlCZeEJt6aFLstoTR3bh86JOy2Ffn/std1xal7/K5W26l0Tv7SFfQz/fgV5CWzhya82PVzcrABW3rqCehBzAb8od2sjtHT75He/PLK1igDKqrVq+4fpPBkWTni5sqCbNRmVncFW+Uniw7Pm44FmFuPWOVeVmGp7UW1gGrRJCpNPHl4WXarKth+IFq9eeLXfpS6n3zKItY+5/E3n5x+kHsjkvWf9QPxZASh1k",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lvjY0FsumAzHekFO8jNyiTh6Nt42XjPd9eHTZF6qD+I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JjQ49CEK9lUwF5eB1jw8isMWUtZLIkGnKi5opayPAN1GHSWG/MGN0tTh1rNQpFW5vgZrcpSPh64Q6Lwf1JiKEerkt6yGGwlEnNrTJo/zzfvSSM2CS3vc4N1ze28rcbNuno9q0AX2jpjS3KMgn8ersX9OFCi1by8NuL8d0of0WyIsGMovh+qK6tfEbzvnK2k1cHhcGji8j+648Xpj3113YG5owoQBYiyvyXacNxSlqNwJ/1NLLwxFmRcCyZt/6gR6nJPfPP/UGalzMj0eTfhf8JcPZ8VanQl/VI93TGCbMiomFlTUcsECgLIx/Ue6c2OYh2gDAWD7gJoCL52/PvYEE1DDEbzEnWnzRXCGzIFzqTNX7T/oNdKqNTJkO2X1ybnDwF+DWs291EDlmuQJ5zuJJoCqt+SJQwmS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lyoVQMBKt5CBkI5ppI4HLwpLY49gDJt9nAQP464VpFQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8wY0Qu3xAFSZFdBrqLWuGAEZSRZ53ZBEWZic0LbMN41Mwb+NBp28ticAPa27zBb5CHCDXMyigxtAqMqjxjNmS+Hz059MuJNarYBWKdoMgy1QYoSxlafn4jbWDB7aP2j6LjR0Oofz4HHwNtMShVaHLoUf80dwwgBKWRfTODdjrM7KQcFZVm/oLA3pdXONonQKmp54kGthyDbVGVfhbkMzHMPZDMH3pg5BPKTVsS5tH19VGVoNfQszeFJBQI15tNpGqWxJmZZyxkW497CaHQUGfSXeOUE6h0BsRj8vyCavs+fjRD9phzGiNA1n+vDP/Iw7NdHHcS5H29Bl1M9cWt4Uh1VusGIRIPFlMGnijN2m+F5fXOayuvV/vPljo8W2pdlkF8QZeqswoeEx15N58eL4QDLvNX03s+x2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "lzbPiRkcwsPihUVFAXfHdaTeIweS4o9Lxrlqwm1TpmM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Six9SjcGe1tCrjP0T9WdXmoJjQSn6chZYUX83L1J7zsSNnnZtFs0EUNXMe7CRUuyAXtAIHfuvxLOkova8pELvpQGFKqRTb7RGUTrgdH65Og6yOCOVxIYoHA7hKXZp8FkCApRUIfy5VLHOMNTgVGhxRsjjhLa3Pe68aQdmrF3uBaY3v0tgd3QuB4AIALghPHR0cK4mXtEaTsg+w9WKhA5Dro2dsFg+6WeDTgUz5Xbp1J1lM2gK0SnfQtGKkiwUzzR6QlrH/iGWLYlbeia0iiF22CoF22wRPdf5sMkQuZC9iZ/AznAeT++WQb1mW/voN+C+zWAIlg3MTfkRrM/JMpvbIJ3Xj0eRiKbxQnCTVMey5Kcy3ewtayYC81iHRnJ8EW/ZaHNm8qHIdZ4foYplnz0ITi9VKrBpLXC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "m+iiDN2u0punp6GloL08oPl1fLRXiqFAw2CtBCv+pxo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "No6POrGYewXgd9U6kFeQBh4aMvN4gRNEFcQzufbp+RawLe6wMzOF1/dabMKVZZ6heboENRr6UqZRNFGbrwAa3RLL56o7ZIqZhTwenIEspq8cxGrnXcVGfKDKIv6JgZu6XXW1mEy4eHqTNnH71FFcfmPtBdoGQszHuw8RVgJtdTjEDpmgIk9CRWLgGHWzEwFbDV33Ey3qJWeEmAUxNJQG0tdAeJEssXIOpKhoZzl1qXwRL2slw8fEMVKeY2G7dACO3PYQvAbJqry/rAKWiddNdWs4xTALhYRyVFmQ+fIKspE+imSlZMkEO1Jkr+BTw38mnY+qYGePIcxTrTXea/uuPaqHPPSJzt75QG+/+SxcABGi3ehJFdE2LukFd7w5F/NmBNpHTBGBasLfU0Rymhz/DdsRX80o+elK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "m/baE2vkKWvYz4vleRBl9GpBY+J427u9CvaPDmesk8c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aSWS+aqjfyIzNPZ62TrVvu/SI39m/7bcap42MNMH0WvCuJSFRAesVv7HQycNa3H8QgGpsvDyB8jRphMIVmoKjsehhoshNRxrzKYJTM0z6GR+1h5jjXyZeW4IBghSB3gjokfjq6xh47Kie36rkaJsHpt+eKZsCrA3v5bk+OAn028fWFtCSvUQniqrh1CX+XMYQYcaPssnlmNV8OJEu3VzGSpoXmfwheUMYpnUAnIqN7hgkeaWSZAph1aPz2yAijp1Bkkp+1yd3HECrTenDtq5KhIQ19zxsg3YG74gcLVuBs+b5aKhEMPvIichFN0RNq0Iv+kmRU8RIYPXQQwRHY6niyTWFnuq8m0oESDQtaSRKgaWUkYw1pMGAPrEHO7FUjnAJzvhu5jYGzlV8JhZ1OGV8JgAoCldafuq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "m/puoE4vlbWH53QKKgwgRKBQNaPsdKsjKtJhxsHnqoE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XGPto2H4Z3l2xqAnrOagkYPc4RKm6HOK0MF4z4H9oCflmIcG9TjW2t9mJtQQYt8cRZ3UNKVSAWsTy33zwGQ140zEug+lot1NbqubnNkjGSoO7nMXAKkxiW6rr+EoXGMik1iKleOWUG8XDzBLy8efNsXq4V933fJ5htrsFH5548zoU+5L3vhkhqKgRLkd32EpetBpBOb3LZwzsguOTvTA6ffVcLfp59mcRmMTROx17BgpwtKmovJlZMEfAPYuPuZgkFKTPjNJ325XhU9dV0AzUHgV/xScoYf0U5yEwOkezBSGjxrXZnHOt90cZdFudhlgw7jXaE4cbT4z7Lcifahc5GSL1UtVkYGtSPsjA9HvPKwUIlQ793XaUsPUDAX+XshTVdaP/yIjUanUG2bwya9xN1dizCQAzXA3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "m2vpZj13B1p7ukq0HwMd0eZzKTl0nci97iZYRN7E3J4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uzu+hghJXBwTz71+ISTmyvN1B/QzV12srEjdJyWVKz/UFtX9S70YcBernQZAYLT54T0lexAx/jYNjFJ01N8jBoLU8/XdTwIClud4fyHCibuiqPJIRRiplYiLxmIzCQvyyRiO26cLMmYhdbpJWVTrRqqMzaBJLrm6NHC2Jfg+tDh/pySsNEJ9Yg9AvyXcfES3DbZ0qNE8t+CRyQfM4FyoOtOshptZTVtd+zbsQ0xXDjgIRRvj0FDq5Sxi25ryEKF3JDUzBQz6t/fLRuORO9xYbH6CQ1PAUsBPHIsixdquHJJx2APwuYisrJtTgF9Xx9ySgR8tOGtCYSEm+Q7eNH1gAsGQLvySLz8mk08JvSRIgvT5DUJQw9qKv8CEDGOLRQxHrqp1PP6hCuqFLvhysPeHqTasDldzsdN8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "m3G8XPIEi0TMO5Oh3r7AubqfG3nR1Hw+wlkwPCWOg00",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VdOdaSIYSylatsnUW4PKaaZopLAMU61YgxYkW5XJUBl8zTbDf9jv56EKOe0tHAIFRhoTdKGYHc5jxdrousDV9slE8qv+SA7Ukgg1K6KBNFYWGDC0CAb/01GBv/Ub7s9PBweRC8g+VBDw+9jYgyejdW5bbXC291M1eikf/ZQXB3ocIY/n/F1AgaaL2Rmx30kWHdPXpenNN6kIj0wwpA3CYpetwWG19jrelAZ48Af2KrnuOg5n3qaVsHVyCgAqW1EKeWq7Ep/4gj/bXBMjaAhlsw/c/UtKswU9rETisfPiwVtCvwQadBqtjFK9FkCvazLWNtml3LxGpzNQfkIkC5XAyVSCSgt/cET3N3sL5p31dPcA4+ihpZRafwpwryVFvkqlxTcKoWiScHavmHnhyytU4lFDzNxCJNSF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "m7jRMpjah/I0Fi1i4tQ81Ps8CV/g2pf/hrNsjKI2BHU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "b+zJomsuF+zxaVFpdt1/8RSykShhPddb+5MtIAD+RLYBYJjyx8aKe8sQE4W9Mkfgc5+8BgT/SplCwQ7jDEU3Z8myw2AE4FfEVII+W1mgC6Q6s2z3l9dAfKI1JBkElElBc6n/wv/UJ858H3imu+0+BgegXe96Pz++FGOXjZwfdU1uVp8hUvrdqzgJpqOa7Fy+2/BO0Y9TwvNfwBtD8GLeZbvMsGRwq1Q+L3iIQkogHDz+H100rJDbuCl0zhls6OqtW3A1RYusRriZ7cITkz/PFQWjyeXxU3RtjVyYeomUsrn+8gvx0Qq7zMYp6sDqNHOOgGvGezM8zr8nLD3zRK61E/uojGWLMeTIzS21fm00s35IayK00xyT32uPO24PcZFSEHnHTf94xdwhyvgiEkVv4AQwhNyqSISV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "m7sBGwnNP/DIvyRXrLFuBYA2Pp6Kc+h7Fb4nMzbNM3k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FYjSdpgTRka3yP6gk2VEuZRGCC7D+BBzitZi66Y0HSftxN7F3EiVfnqP8QKIH6gCyQDmhF6uYJtIGD5z7tgZB/2mzxHb9fqRCd549qwgdwKU5QPMhc6h5GeNrOh2bh4Qu81BjO3g0Y1nxo4BbToiM3PmL20BUlPRoNYSZozHPtzw6fM8d4P6MyuQxG16C/qk7vB0reRnHWODdpsS3VQxlJq18x1sFnsOwkdtG82OBqCMqzhDAV2g4G/to28mLhsbBrTlNbXw+chL255cSNOKCXFb4Q23NDbJGMT1U6a76mLHA6qPVHtVTpNF2QbefAEXV1WbZQzlGH5v/Jt3KRsAE87ZD4PmbB0tVjvRNor7KqAr14mbSmmEnzvYnpV6GlR5lK3jghit/KmE4nrv3csmOv2bPpnC6Tys",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "m7yWoCg/4WNpHpfsZEWz4fVuYQygzKXhIk1XJH9QJrI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DOpu9b7EbSzOFbgqaA1FRPzOQJofY3PjCM+Bs6qYd680UIYT3RXTJDoNEH1M/EQeTT4cd4HtSuQq/upN9+fCY8thoAcZoyEV4h1apUbK5qN3Go3CzqdLBmaKd88CH3V5W/vawnmj3qBGiudtnJrQRHLWN/Sg8U2HNQ9VNn3uW7bErLSUBF00iJzyIT1wN89v3YHrIvPd7f4V0/kqwmnny9pEiVHOjrLwNb0Kdt37QH13UKxubDq7zudIp6HRXcrKS2/U0R2tnT7LHsfZAF9p69D9JSQorq2FSdMvUbxO7Pd4HhzUmGDEtbW1pw3PsbCa3m1c6JLnKC7KZ4ci8dLeybGo76KKH3NLFdDzzWiQJ0io9lBPiYtGsA1u/knMJiQHaGEQTYEyfMgd25DcHM23e2E7f5FXEC+K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "m8LJ7M0zFBXUz6kzZGq1I/svMao4+7FzcnNU0+7n+XE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5V3sqwz2DsgOTfMGQVc/bkgW4fjZqHenCsmNETvETzGcpJxex+fDaYHtF8wnlVe5ceieKURuw1zHkjW58ZTkG/bJrZETVYEBJU5y4MEDbhCbSg/dX8bzrtdBrn4u+1bitELm22QlnKgkeoOqsagugvBUysg32o2SLFykXDhcOOghLb5JD3mzmjSmGufi0OqNekMFpWAt7ASFUj+poyDI5pdp2xABOM8BPwQiVVN5r+2QFIs1/EMIAFJkgtDEVkCYKbMADt6Py1O8SRZJwjIngHhit1rcarJYPYN6pNxjOiUUMnwn/U7EZqGakpE55Bdmr8Z4uJ5l+vhDOZnL+ifY0jtBYdct7tdaQXmNMsqo//D7YGSwAdO/1EfOf2lYM6LFgA/CLdnc6Z6G7MpkZC3wzgNV7X4vOokw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "m9yN3GaZusnOB5ay6b0U358G0oyU2jb2JVEjuBa2SNQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ltIiMPWOBDoQd7WeoD0kd4ZtFmIFrLqEsGi4QdMoyDXLtiOsHLikTWTK/quDBEGOIcSPgt8nHZ412YzSaMTd0u0WpNQPjcSOdi6XGm7omaha91PD5VLhZiSTiGI7Ly8pqzkAduOFslppcsOyDWWjBkFcrZydQriZF/glVQ7b9IY5S6psRxqYU4TRSsTdQIToM2/pOTN8t6qAwy1KaRvsu1G9drAwZluzrsy3rHt+qTp4gpsBbuq0rHtB4a91vokTOBCDQd5lZ0g7I1vq74hUxcDMsNzS3wyMcgW/kzjXC3mKxIBtYbFuCo9ym1i4roly1GMUbsh+y3zABIczwHAUDem5ZP/D5ywTrztOe4PdRk1C7z75lF8OWQriaviWY7lPAVG8Mt16YyGW86GgF7A4UVvs8StAKut7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mAV/k/nNjxy9e2leR4FGFt/+B+w9WB+f6Ut/tQSfHz0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lR2lYyMh6uiS0YOcK5CJmae4AtE1xXcFkRxbBsxoeW17i/im90iHtYVxJkd5AtFY0EeeoBNdLgUAtdFRJ3qgTByikWB1GFOo61SOFcLvGi1Oa3wKqOp/OXiEB5MC88/g3T1z7FTTTK37eWFYzC70lhZpfBVkFYlFpOJEs7aeGMKqHw8YhOPcTtsUJZex6bRYMWv2E9LrLE+U3lHqtmtKPvOkmePhLkHU6etfTxQCANZSUnJisoihZlVPWgqzekZi6rvn6oQKio/5zhYHScCrSiP7JXVJYaEuVwVJjGXedygNDVvFzhkYpLeiPWLhHM1aIZMlFah3L/yCj9ofRX41lDd3NCafiCV8oGxOE5ydzXA6hDsRJPpD+6udP27zdJ1mHGLUvdEdMV6POfOO/yNNDG/UF5P+eWXR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mAuQKt/WzjfpFOiJj5YZzuPRzbZcg3+DilvHcMS6Zj0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZzyekF7bVkleuE9l7bcow46FVk0vEyzU+72qP1WtG1uK8Fhx+tSx3y0xM5NRDBhG+jGLaF+jkF1ard+VyT/qH0JKdoBzY0RwCEutMq/Joh90wMn9VyRpgS4zV71k/VRUunYaleax9Fz9Yvws8vHFbNm1ylAgNS3sT4LstPinv8cJbjbWp2qVSG1EQ2fLWuYIzC13+oxXZaqp8jjxoTSX/1dc7Z5IttQMwCCHbvUU9bC/8t+tHyc9thxCPMtdv1Le5f0PMmVo+km7GKr9XwZ2VQi21ih3MxOBDBxdV5/1vpj90UC21UnoEkuNCUJKl5rCUhIlpks7lXjq9fJ/qyqgl77uVOpx59xqvsRi65AX/gYtbBy9UZvSj9spdDD6muL3iSnuA+WcATx/yM6H/qSS4MK+RGt7oiGf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mCArXLFNEnW+MUIEDDoyhYj8pwWzW8zFtWHHpp2lnQM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "01AKe/S4Zpkc4dfZLDauCSu+X/PwRW2xMUrXAzp66t1QQB4wiRk5kg9J7dCCTrFYdFWbKkZsNjP1b5s6DDnb3rxlqbx/DwUmi3j73l62TW5f2Rstoqw9iRjg2P6Z0HpUoiIfNLsSuktfmHistv7n80C9rYm2I5Beq01mJMy0I90MPvAOCcknFjVclnoZCzIOvjNG2LwS4j2W2nXU7BOMNJ7NmDVmHcuUAA/Rg6jL03KCorcDgttzrnqf1R10WPkUnrvqQR0T7gFfscuMPzTNqksIOqdeaPuVTJ4/yjcDKznejnGajB04b5z1euMA5oJaFHM2zp8TqCbhVd4hKAkxleWPdrD4oUf34C3Hwp9gCfYzGdBG0kEzz/+X02QY/ltpqqRRFgOq/SD8PPIf4LBz2MildofVA7j7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mCYGtHinEGwYFBRuYZrkfhC6+vhGDgHxtxIDDOgGUQg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "D5XddY8/HtxtBoMEAZJ8KSjY6Ai800FzC5m8zDV5Nwtu4P4iKt9m3M8/vqCnSq9MYGwEbbtK7RGWIcsJ5M9BqyKjSseQcOCllLjcHrharcvDJ2LSrCHNSr6dM9sA1RIwPbeXg+XJ8mVUuTrbIEeb9S0m4aQPFstsHKMhudho9CutDcShrozaAJQ7eElJURq1jQVFHHxkCRuv7db/2wQcKWajRDunLoQ/veTemf7+6VJRt6T0Q701oPLDMD6OgBwwspNC596Jw5/FfdxkDvM13/ZfqCfmjAuEz7Wibt0VwP7ITGYLl847QrL+1lhNglF9/gVun/fdBlpgHtWmrcg0rs2CRCSdqGHTtSvf/gyUoplmasAWudXSd2kWiPK47WYX+yh63tPLDWFo5+HbfheD0T2DK1Tz9OWV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mD6xb+537XIH9WRyZVKHO1U/KLcW5XhPyyQpKhsIVRM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/zMP5oiKpCSmSCZCzZzMY5Smt4ZQwTg6Qng4QjTePn8Wv5ddR6Eki8eF0khcIO5U7T1TmuPgNYY4geWk6EIyOvUYmGyJ9ec6LIqPP7pL19KEixn382eP2gmuuOxO06Lku752VOUR+IIbQgGRsv1KpHu36kAonQVcfmOyPCCzcU+LxUKPKpyNn9rf5QUQNJfr4pcMeUU0T5TuiDQvJOXkYnBpeSaxad4RcDb4OKLg6oRkCtQgCRIp1RiP7CZFB/18qLdM2PsSJHKXX0PUVZ3Wj64III3BjGc8fBViMfukJhlQa1tOSFOjRZnIzlPb4kFiBg0APyHioDAYa4g7qzs1HLgSOt8l0+RLmpE8gLKGIW5gmt3frxiPBcPdIoUeF61gbKraKIDSyiVHUVIT5K1a8Q2eZXb40alp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mEOQfDNdyfvs+S6ruwWosXLejTy/ZJhx1gaiqc6Y0EQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fX3ieq1EqzZOVCLWNqBgzGFtaASscT6cvji/cVkVL78opayexhjLjzRs18MWbyaR1BzYEuSQP3GbOyxSZ9WKa0jSO/Q4ArnszcD1knfwn/ZGDItiVCXeSgGBiqN6VRihmWtVuEsU4ZNnERFxfmGRCn9eOCnTA9c693n7w2Sy/wcT2yXzhRtWH1ljLDpSn50AFCwACdNJNU1Hxom0Q8ywak/NcTXrx3rQXJFRQZ3+V2AdgGgbZBDey9a8XhvxvX55uyelRgC9IJJUwIwPB1ilNwmvCZP9UMmI/yTD/01ACEU2OblSaxyBhN2VzfyNerJpZVrtGtp4qFGXm0kiBiiCSz1fnOM70DvFzZPWo3wcdVNDDlMtjbB3qOEkvrZ9R9/Hvgf2y3aL8KTtciqjpR2e5875vy7a8iDD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mG5gLOhG3KDxRN0m8j9r1WdADAbmvWcW1B+JYNgLhLs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bksWNC7r3FILViYcFgwme2mQNe7afN+1mJfXSk5wiQY431PDvTxGaJurQTsztlJK8Phg1Nam3Z3m7gd+e3nUuo902i7ocxyVQn/dQHeNnpRwGxprhupdjCsYktsF2iPgZG+psHBFXUWBvbVJad6D+tiRCqYLrdklmJstSFmYl4sHioHrRb1Xi9NCfYTg3wNwaRKDHa6qCQN0MhDV6A/d0h40PIU1rb7LN64MzQU5FmNCQyls93jee33B8fLhQ3ZjEPmHIoiJGKGmxS4c52gMBPvQ6veokGUJ8IoreleRRkCGcadRZ8WXi3zt+zAUSHfxoWsQJaHLsAxQmPwqk6q5mkpfUXVF2XJJVhTbQR8a0hz0UqU+nnTelU/rymvRLw0dKqIPuDYfmQtZYwqqhCFSyi4APt/Y5Py1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mGBrzdvFXA2OetVrWkXEah1haZ6Xo1ToY5+KZnCKtoo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QT+7bEC6DiaC1Kpu1zwOtQuC1oDSMp+wrJ2g9+32+oRKU+tjJ54k9RFsQPifo71r6jR7Aim2AiRkeiyT+eL+ojiKv5uO/kRnNUO78ksh4QgpmzKx5Wt6g2ZaiBwgeZncauyBA4o5MWTrodgvvRYS6p4y27xFl8mIcR+dCnTAJnRQpr4PgZapV69ONutHRuN8B71jbKr6ERAHJqe4YXd3HkP9ENYyD+zTQ3JtSttyHB8yQC78yUGvleSHEv5h+KZcXtTWfSgKU8OvEFmOoIn78W03iO+qnM8uPbiecv6VxVWY3NkxAeenkIgiY1O39/Aexse++HG+XvRjs0LgrBLCc/0fhf2dfcIP7Axt+OFi7aQPrXXUocKchtWxnHJSlZ5h1hohiQTG+VZBq9atZ4/uNCwTHyND+bwM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mGeho2EH+c1HiCqvlHheZxUECnYKLqWkCBxPDQqEdoI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zIb7n/bLUKBRavyTHM2HbCzA1awV+WlmcZMe6wux8fTNG/4bqMeqM5snncnePd96GTQQkJ/7zvw8RS+bwYAlGSDnEEU//C/3giGr518YoCyYh6niEHp6WygmIYuE1y/VW40XehAMX+6NgW/yES95XQ43hFfVNKo8etwI68PtaAt5TB2rV9CwL60NYDkHznmqB/dx/K5DUU4E+Gn0yhXwx1XcgStJPeyWj+b73kLug8LB6YN+jH88+ZE/MRN1OLWtfT6LF+z2+aqvmHxiX4oj7+I6wZN5S+hEJDHImJjQhja9nEzWhxlq7IWt4rtBNxjWQml+QGRXJxVB3XiRisL2YBTiEODugytgrlgtYCSmY5ULFDfjQNpPR6uJmRE9B1HkOugpQYolu9hjTZTeyUqXlzHQCpnp4/iY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mGu9nodrCxcDzF8uoi9JTwl8fZ8xJfPM/M9q5sb3228",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9FB6GgMO1CD0TxPuuv6MqbuUHbDrUp40FWs/EHUcDxWiq8ggZmOiHtrrL9yLI9xGCl9CzvxyenRkXJJfqlJ50zDH0o3pq5fB3qhWIaMKaJ5TxQtUtJ6iSGJIqafEjNuDW6EIr08RbTGuUO36KVWSkrod+/ITbBkMgYFojdyFI9vSAzYVOEjmqSL1l5RnaJE/mk/1Xx7b/DVAR7qUMBdbt5lXvJa5LrVNo6YKebc3+oTsi7l84y/EFa35SYNJIiyP410BHInE4YXvaFwPXAuSzEQWlaEH+LC4PuU/nJpn6ocLZCNjjecF0JT/Ak+Ba5MjnDGYNGFAj0djzSRrLTOL4XdS1gE1azk9ctpycmbcfGllAzte2GgGH0NUlHCaTIiYpiqltXG9FbhAGR1C9MCh7Vg9Pef/Vb0q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mIIsfsrr5+XenTZ9ql3zT0ZxJ7I5dKVkB/MWEFvRgSk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BmWYbuKOLTNMcufN3dqAs30Q2eqxHg2WISUBYBqvxtCNq/JmcMQIdEsE7fGx9deR66rp2sOUW0+9hIxonS9QpAHR1mygRiVla8wuNwcl6N7gpb3XIp+ozH10ae5XFzwUoifCuZUJOmzxayTyQqkGM+cOoW621RFRo6bOLTjWdQ2Pt6l3c8KqxwoAVnvLQzBxbYDxcZk7Q+8COGhOokwS09j4VPW7Z3ylgmZI7ctQwxtC0VFQf8N6Ka32xgK6+N8JXafkwR1fN9Oa31QqrEg5EpsoI3Lti1/ntUgEidhlsB5NevIqymsQZqCaMqxJOtX5ZTZXgjuJn1lRapBY6R+LOKOhI4GCNa31SE3c4JoTl+h47V5BRpxiW3pKx8/Xz0GadBRLepi8LlkFpyK7bCOjlCVOkaQ4YeGd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mIPy6V/vZO5oZjsypgITZAGIuyT2mAUsj52u4DJOKNQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pLc6AaHOlHHQtpOHu31c8yGcr4T5hvUAeD/gqa1m62cwS4dly/xwSt3Grgf21pujsVU6e0RoorpNSt/wJByo+phPXqU/Jt3BrS3f8zrmjyawnhYh1ZzZK3V76wHhOhkDgsxKyddKuGd2KqkYyTD54PrNkjo+cRTXeUJlnJNIQoF+0vEUex7Ay1H67zsrQc6FuWLZ5kEhULtHJrhdQYYAiZRsZBWq2jBMT7EEPY+6JyiBuSKf4LunTu3Qeo5bYCrG1imunvbKLlX+Kxm8eE4wBRUjAmPYh7EzU7hYs6wBQrxQqP4WDtBp6SDHt+e2mxYR3jfPYpUVpzm7rjc+C/Oh3rGkvbS0IspNLoGGKxj2rYFfcCGnHnazuVXyFOwc0Zl1w3i/Ws0EQ1M1SF5dmOFDWMrEO+Y7ED2u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mLlk/t6XB0ZsEpVFFoLJEeJ6Ub7NDPCg2SA3ttDNL40",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YeaIkdeU8ekRNMYceSU1/BnVxh78Kqpo7lY7iygD1lq5lPrMFT0ALvFfhMmVab2X4mF+SE2yhyF8hFd3epALeShdTFKkRwQq95xbP/DNnoSpMAFeE/DbaOCS1n4PQSgjwxDmT7iz06QjUU3Akt2irvxVqLL54PQOwGXhJ95Di/Us0dq9iZqOJDmKfimV70RNxnC39w3JtRzpOgHHd4Ud2gLpFLFlVATQ34PGG7Y0q5h1aMMQlWe3rxhv5VV6Nqz1zj4jQtiThBI79eMBPSL3wyRDRDo5xwcgrcJkysWegNB8SeB5LlsbFGSIaj54U6DTtYL9hyMf/bhVazTkjcdHngduogYgZY9rrTSOc6T6rvb4R17eK4itmZzRw9hcbAZ/1S0P4tHAp9kAlpr066pU2iv+kES6lHni",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mMhmrkLaIvXi5pYgR/2i4sN3279wiv4k3KMz3b8oiKk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RgoQrAfXmnnttVnDMKqoTekmE7q7V6WwVcggD99becAFQuyQRb1mXEonGCAR9yYgw5DIh7OlpqwvsMVfMtde6h73ixceIbzMerS+zGXPJeZFIePElaaQkyNFEW/lASBt6xwsbEe9XVn7+SstL5u8vvAzF+5Sphm003jvRWsTosVhEsC0cY9CrCrBZ8e1qvUpfcX55jN1P035/D2802ETWvkBpb86SgAF3307NG7VWQI43ErrPIXpvQOKRIdOW6AsUosBpRj1xoEeiYqjHCfAgg306y0QYtbGalphBsajY0Haku9V3xnRRnOaZv24ZMCpS1w50WY0ElvBuaOnhUil8tJd7JzpdPrLAuGxP7JHgsvl0n36DbTdAovDlCD98JiiE8Fd8bmpnusDQoRmTQFhO33LOjVqsnbQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mNFz3Ted/HFXQEMqeEaxkwmYDVZBdJnw0NVnbLgnEdI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8DW3V8fpgqgf8NeWt+AXXPfzU0uI7wHITD6aI6k5iszEQN9WhB5W08EVjXqshDo1URwcSzkh3AMwWHn5Kl/sfSU+Y7rt1n+h6L4gg1+ADBeuoJgjichbF7RuOOHRCVM7W1/BqKtHl0kCjRJJAtY5EUS/XbuNzrzrmnEDrjGuI79SD7fwM7cCnIAmRvdHhl13FL+4EtjkZeVzfSrjVf7YsAnapGB3fplbX4t5vrilYCOGZxv/6UaLbdDQ5ak1+Ag+1X4HRIsJroOajO2/eqSu2oJcw6km0hkwuncg0FLaDjzXncDSCVmGA4r6SzDztfznGfknzFnbJxKT/PC/6vWh9nAb0xoYmDcIDyYnJc3fS1hHuGJLuby3CjTq8B6vsF/ih//p7/GbRs8seYyhnECPHZiC6GMxhUVs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mNyOxU5071tyI/JeTsC4DGPk6Wlo5dLmJC1WYysOKLc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lKx87wI8t0bzkaV+fI8cO3PRMaRzOi6bcDxg6XVvRxbtBRqTBLnn/0IEzf+cjuq/qHrCFT5qBsYB8UPFlZtntdYCVzpZ7YPqTbLxtYK+sSFOOsho07ku5bKy3YpcSCxvUJAFWmhkwlIsO2Ft8++6NfKB55Iqtabm6ivURy3wckWmhTsoLaj3Gy+hqn/uhsoZjF8iSHhelG2lmOZOIcns9e9+KQibi8u3RaG1X4GQ/333RSJD3xXbjvNwzgaJ8mlV4vkyi0vh9DtNVpvplRUfKyQujp3uDfOqgtYfYoB5KCStDkVvWq6ZSHOwnfYNI6E6xINVBsVhT/+GuY2Y2jeJAKKV8CPeiomXpRWA02WRFt7xT7mVlTDv9eTEkNxv0nfDqufMNudx26ey92a6mfT5HmPt297KLdwO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mPeV+2VuOBqJwOc6c5ux0dr1GFeY46QCb8jma0F2vh8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fnyLT42DmDF11mi7r0PKCqgH2BlvI2ecW2WQayHtBEOfRXFcePw+DYkhJ2Y/PnHKbH3hHPokhpjO7w80vECLdWHKlq5Uxb+nAH+IX79e43nfbviDNPtYA3BSfTP1KH4qE7RPrRRuAk7dYmAo24p/w6pVqb0z+z3ExCPtwvbesCAPZ+UxHCAJWL8vMap0bu7cjqQu/gS04IWCW6VukTZnUkLg9kidJzbOsZBV7sit8Sa7cPDR2xN7lzX2xa77kOe+7fm1sORgBpq6BwuKTxZzV/LkJTDSgDOOfnHxG9ctx2tt43xjO+ArnAJAS0QK2jLAStUV0liZ7DrIykIF/F4GU4PYxc5rJOJ3lDbU5DCHzPZrLnTqZQZAB+jzD6q9M+yUmYRjbq94N6sA9A+umuNs/y9cIIiWBZHh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mRjVvPdz1m3P5d6OqmLF8ALKa+My4dgq2kq2PiFScB8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "//xcV/LXInDNtbpdKWy0Ket1Xb0FfwF5sccFRp9C1lbHegmtMxf+KbX7ku8X/DMvR0VDrH682IoV7nonCJN/FwBL0LHX8aTkwEBJCxvOBJ03J4wDAJdLX+Izl00Nn/GN2lvwJRRfhUOwx852/kZ34GQBc7MCYCyCV/F3touz70B6b5ovwbrADv9W+cKGw5jHkb4ftBLxr6kopRsMiN6F2yzGToa9ExCTEwtDFnFBLHSOLNz7hyYkII/yJajg18qnG5nOxFeGiMmf4MpTdZLmoTooH1eUkQp6Olf/EbocIFio6/e97O5FxHRqNCn2mvV5BaXOK6HAmDPkjd25LkkO0K1n78M5QcZR52OeVbDM8kiohReFoi+TWrHetYITnPjMCSEXnKNGQy6wRc3ia3aSBwTn0zuUvHrg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mSU8JfnblQ1ApIUAeZc5ZBJfEAu9jw9qLBTkAmoCtyo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zCdBEGLjDDfqHkPLqC+0HZrfqnEvElCrs+G2fqn+MolRh2uqOxdu1YTRelVj0hyK6nv/6w2y90eZhUJJP0rJtZkJxCWf5C7Ngb/o6Lmj/xwSM2lNmRKOaygcfAY7ou4zQXrOuEJZUZGo/fY6Pz3jEUrySNBrdwMdfVF12VSc6+eqNuWQ89ozua0E6KG5FQbDlQAHdbSXSZ3QYHTtukBIF6nP0YreNnZ43Y4GY0a7rXOjIIhMBuE1F06REW7vFGrL0aXB6FzM53J6hT3CkyZF7QO5t1l5tiXlDT1rL+V44qdcn/57ZXVCAEB0RqW90lVmjul5kLb+Zb8XK3hwMCaR7KLec97bL6aAUHTgRZwKZMCjS3fADL8C0mJ6jq4cIMsJ5MGJMZ1+oF735EzeuZMcYEq6n4c88hQ9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mT4KxBCXvHeMo4xCOPZOyhVG9iGPYmr1I2xrNmyh5S0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Oalm302UofVKMDfHrUfkBXMfZxhWRd51fzzBgrq7b1uILIi/8zovI7z+0kaxekhj/Om2ecFKcS2WMGUNUV+TEcrWDcNU2y8m1o1ZEgd6MkKmeHNwo3iFX79f9b5vFeqcUsLg0jlkIHK1vC4jWp6n2fMoSXQBvQ4DHpKjX07BVZp5fIekySlr/hBC4LPCHOnNhYfsNEAjrp5YoqGNrwQem5R3DWUDyvn3dyiZE6tvKttE4NZCPD0Mg/Wmz24/Bx3p4C88w+MN5S/6vXnY7ap6uwZr3SckxQAcKWPhyw1Z82pLYKEZc0WJp0Y02+DQZh44OHgZde8Dsz0ZmkpuyYvVhWyTF2EF3O3+rdkAkNaR1n0BoDyoHgHk3AHXkDjvSjexz3tVATtRHgBUbnaiSDBUOtLfWQq+OlYx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mTqJEQ68zwAh4C8K54578TJ3ZVWhJ69DlS0pj0ZGExk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xCmch5K4HJ4+OSPq5Kjh53LF06JogfBGHHdfaq4BTyS6X7Tw9+oNS+myRIHfYeUMkPVy3FQ2JRA6lSww5L4IdvjCBR+XPWBX9glHrnVZRumr6YvtAKSe6/SSo55G21ap6C4CaLqjwXqcyS5/XRD+b0Sti7XamY2MXLRE7b038A9cCPuF92UKtkQDeMBj9+OyZMjoOJYvZ37ySijcHiduftPapup0Q6uh3ePl8UhzqXfu+cDVA5lJtNFiKOKiUAvJxONutC02T1uEciK4vqzBfX4qzw548iRy8T1Gi6S6PgU7T+a3g3YGUfi8Xfuoei+LJhdODxS5ZCIueJcO7IQrq/Hr0QEZnE3r3Sn8vX2G58xC6Z4miLN+NQqAgrJhUzjNQ8F6FFG71afMVUGe+w0uPoyFa8+VGp0n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mUxooWwF8UG6TA/J96xzuV7coqlju1ac1GWNsPhxAK0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N4GIUe6TZdvpe9/CC2VXf8GaVM9apZVJuamswfN368spSYU1/qGOR9NV58H9be2tC7UFzZnj860hzVoR6woBk4GhGCWb/LfGMknRgZGFcfxjJstUtRSs5YTq4AC6TAV2AkFwLZk3WbE919nFQc1wM++CO9GawLgDN4GYDPiKGvO79VoQUZyFl21B5dvG9VO3kVKvN+64m31kMTpKv7u7h3uh0s8+uHquXtm6NNMR+YMKkeeuFxWOxfE4P9tsUgxP3MtYmiHiv8bhQx0hjmwcp//FPGVHqDU+5zcCeKaWOxGoFPVdfSUqSHmqa/cqmCr9Sdxq/5DnyUADmktEKOCPg5TqEObNgkwXleWD5ph9yfJLpJ0M0iUCxlt3pGDwL62uDPDifbf2apjzbxASmw/Vs9f+wx/vuYwl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mV8T79PMI7KJu9hjqdw3x1X6ioT9SXek9LdedAMooTc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "J+qulzc0D4zSjsERGKqvRDX9NzOWTxAZR5Bx9x8mDmBQOQ9nw+/CNIUtUtVkPWBxI0UBjn6p84wgpTgdSKvRbuiCxuu+LMyWA3rVCXX2PQjCgjLKvJ7xMWVeZmCrtvL117ihN17MSehCKZ/o+J94q5hHtbMR/4LleFj+XWIbVn9EVdI7b80ftDxawzdovxYhxfRkUUotRGp4bTK1LbbdQK/meDHbx+26j3Ea4XATsaidgCDv8J5Qy49xzOwjFXHcYK+A6Y+k3kZ0E2HQCpRaubj/QDjGRIymkJCz89zB8uzFiUC8mwm8q/jRTWkL1u3x1ZnN1Jln/zeAegXB6L4kBYmUn0f73wmSsNU+WLW96rVpF6LA7O2jgOcdcBbpUnSDuiytK8DoZ2Zx8sQJ48nD4n0GvOFnOGnH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mXsSVnl8QdBu8iU/MUxQtJ1117PGBvi2jnwsTOKlEBs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6WFVr/FI0NOvP9e5KdOHGoAU/2s0gijmmoX5hWYV/6azF87NAjpTrFKdw3vjLQJpYdvSpXVr6remrke0J0WGiNR8/WzFeeEYyG7G8Rn8TLnKPFLPRsKjff0UEetKXpHT65quMylfLfOhBfZFktDMh6FuFit/wezjg583yIJ+s4OfHAOZ4XJWnsq4EGSS5B0xLy7gWQSi78ZG/MYXj2p4uTZx/P6kPMMbCjwNS4bEfnO+jzJuHHoFXtMc3V/MagrVgWX3rXmCdzHfzYoZ92JuaSF527gTJ6GALOWP3cauwlGbg5u4RmOqStvNn8QmKvhp632cCTaW/C6hri3w+9aKCjAvhn67pEYSGQ+jpK4M8gMEN0+QE/CyMidkU3tqLFLJJUDIfcQQISvoMSPIhNbixt2AqUn5+FRC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mYHTcfmK89GWa8YwFDvAddoMcukYmfk+ZngE7JdQvWc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "h4gtxoEUmmwp59Knz/I4TuduiSVD3FfbcxfIRGSRTSVAT4DTUckwdrV79AsXEiKSHt/fP1jJvv2BCX9GSaR//InQZZ6ZrQ70saUMs/Mtd7GL8NlF3ILwBRGqH2bxMfYz6Q8GnnmdaYondDRpX7JwaKIoAuG3vJYN0dj91WxfoOH9fy9tGRYs5ux7PfpK7avsJ6NA6Hl3Lp+wHIYv9uFuNJvH3ac1EYOXvm2NF60R8ZEBTwpYSlUlEwyxubft6caieVHZ+5PMKUQPue05+bn6FPwsffpmXDoTKAzlUParCwdbt+pjYR02x/9rf4uTOQQpgyzitC4sIw3zrci2+30qgX90nH039uOEj5be1OZSvpekVa1lbW7BV3a85FoNG+VLMcCmLik8yK2sIv0jkrzvSZf6oy35zezY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mYOFJW7ayGGRL8WYb+6rgY4jew+qoTbquefw0c6aCKE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BWkbbb8AMU88oV6MtgL2pkndRQxgNMtNPwP4uZY0xPmZLw8QsmoUWv9qyrYZtjrlQ9idcr2WLGrBrrGxpVtboZoj7c7TU5T9+kfLGBxB1lvnLukPmN0jvNj4XKnZMwM2LnUDETw6zT6HYAxyC5mWCZEL+ZYxJNezoRfBGMlmZ0nMNZSuwq8Or+aDAbm1t5SOHBhR9+BNDLaTjcYvYNPvWPAHML2htwyqxIkt+B1UP+rJzvLLGm0+jsn8Dk2iNGoztnZs7UpJ71OU8hu8aebaW/C7YAp49IlQ+EbEgSjHary5nQRMWYQLh3xMoPMdvMiiuOv8aNe2s0iYBy3rc/KBSAAUXw3Zk9KWe3Lkvs7a8vrkZL7BPU8usBYAFNHApe7I1X4p0b+uxgCzWfSdLfDKRtyaF1pPGHgP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mYdT34lLWrVaSxafeUCI+yRqS5VWnHvtU3uVpPDSZOg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qnKRj9Gg08lZlrXQO6U4GYg6cMD43elYRbPuTV7KQdqHMVysX1fssKJ1LAefc7gKUAc3vplFTlAKxxr0c4k+XKjS3KsK3jMHaFqRe8sSKSFCkYWGLwH6+de5kk/7nw3QCUoelUwkzAXVfTmxg8RwUOFVnlW5wRQo2NPfZw53f2WUAKC+UrSs1t7wGUn5O4QdPeOreS9aBiZu/sED9XUqxOxFf1WKpf/le5F3MZhmMT0S/NmwzFbAy2cPj2i1r/NxMIqnhO1wh6Eq6McvzNno+QgHJQGxlL3GSmFxANT7B2ewCsKI2G0BvD/ySPwXHTHagDN10bqrnEdmpj28e8xOaRb8guBuLlEi6dWVahViw5aJOVb4f/DdbOBUITr9S3PQc9dcSyL34VXoK+StO5OwrW+7h1lMxdZv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mZ1C6q+TQi1uZ0MjYA64GFFS8DxzVTeIkjKe28noyOQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WW1FRPVrjMN7FIr4UpwMin55jMzaBXgrkHloTvFdf2xkUdjK16zrfkhwYbnYzbCoKQ7jWGrTjm5LZp1FuJkP83wF621CKIOZ/JsnSsRQb0Lpg8Pk5OPP4CgQXT5ZXmlSkLszZelj1i6SUhqenzcEABLXorWUFfpy5pBm2dLQEqaFScxPS3Y19NwUincM0UG9SI2Lw07iYPLi3knv9f2S+mY2Vgxg8aG4751bo8FQpxsk+Pj+r9uDn7Vb8dNVTV80aA/k1IrX7HpWcG/4hIS+4zteRZZmt2HlhNx8dGR0aUO6JXvjBCAsiPmO2AfjpZBmU+DZPbT+7IVzkVa3Bdss19mji15zrd+bl7Tdm9JLhBE0JxOe4e9eOuzrvyvAAa5h9wy374Uu2+IIv9d9Z3Lygw4sTNHr79Ks",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mbIZCeCEMhy7oRZc8lfzGGGQufoK3Mqd1wbXRpyTJfo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0ex10mK4kwRAuySqLZ/V96o6j3XoZpAI0lU0PxxSyxd0GaXbkjpJpriGBi+F6NS+uuRBppAOrV91t9n9yoAWxuL/62cVx5AQggxPactIixSoRpAOcOJD0YhpnRMlcGFnUnFm666MTvKEjO5iH0ahY7NWkxXuyXCh3nWfDBpuivIDRBJte9XE3gQJNUTcjwU4E0JCOHv2wE8yDpcNsakLNXl7DXC1uZu7eN6knkg6DFZkWdL48q9KNS7xlzHzCuMH+wNPVU8zvL/VEpaXEWhBU74bS8yEfZsvjs9ykZv0/0VK4cd0qxfvALAAgGpA0wW679tVIE2TaN3fZvqp+97JaWLcsprQqBZ0uW9kEn1VJMyrbE3GgYE3ZGEXGH9O32UdTd99L1VkBYwv/O5gMmUq2AYH9E3wMRUS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mcu73IedFeCZxbvdSr4/tUn/ZDxQ13hAVqasJZAmiQQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nEjLQW5pFb+pQilidmfKEjULObL5BG0dwOISyLFrf0Lw4OOhcdA1V2i5T3kbOIfHFozgw/gQc4qcvpHhj697sF1ytzleEsUKfhH4pYwaqP1A4yceNKEQ4sKh8rc6F9qsbKJ1FmDAMQ3zeN0Y0HgV3QUiux8vGCBhP7RjcmmPIMJwgDUiCb/6ayxO6d0J4nNcodPWcGBhZtP3Yi2pkzYJruS6AIqeom63EmVeQtaZf50yyhHYnm7P8VTLv1tZ6hfN6E6U8jazfPwgILWCWqyEsvk7x0lNnDpJB6Vb9QG/y3biV2i67EjmZwR0o8wYaNMbQI3qDwGbgvzsRMwigCf9Gj3T1cTxac9fkFtBIel5dheyHqrr7JOtSJpv4pxP96Tq7s2A6WsIHgX3yhxWsFXXVOxOq4RYqjwt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mdsgHEC3VeJx+wYF9qPaaT/Og8K+zStKsTXyXE2Q5Rk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GGxzjB5j9Vb4HS+LjoNItVheacur/CZM9euYz0T4VB73Fd57C9TfIfw9bUT6/x9ySK+gUG/NDROcWt0qwENLGen5OOo2c5tkQ0V4OWKxuRo+EwE1TJvCMFVSCzYYvpfuwOXSOiuaO1v8FS2ZvoTLAby0r0NygczO2a5DSCs/zYIwwAP1h+De5Fy5HBfsJCo3ZiXsTEQ1pfxILOjDCVaBt+A+Cw+JTaWHZ709eSl7PY9QOet+JgBIOZ3LsGaox0CL2hVOkMzqf9q9ORsErPqDc1r9VcNJAseOqNcchomTEpxI52qCAYEv16nhZTBJZWD6zJw7YGEw7TcH8aSlEDbNbpc2lPhimjDgeLhEVJ7G3fKdaKYKnF/XoVsalbEoFAj/DtL2HF1CjqWFGAoicoA0JVux9yd8RXkR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mdx0Pqfx6v7Vaje9AmqmV4AQ0OI0JpmB4uMRzSox9+0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "e4uJmJqit91kGuq2+f5P7Uj0kMWmz5mN/MhPpEfvBr81i8jSoGpsoQXOZyn0QhMKG1TfnVzZUS1/Mjwt6JH94Y15BpB5q96x7pfh9L5/TXk2Y7bD5nIC1b+6n0p3k37R6OLxEDuZmeYhMB4yzlxsQ/UF/WfPCvTrUaaWsX2WierUZw0p4ZOe8R5B7YBZ+uOyAi/waqYz8vRHQ8l+/kOllpfzVkhLs4cTT3OivgGcyZwYnS2Y8v6stobzzRpbC3LomfQ+6gNAFplhB/Elh7/lbgw14MFYV3JEjd9c3xQoGdMDutHFI8DTxTiBMNwE0douxMV+v6haXludtt5bGQqcRLuQGM3OlAlhm7WTtAGW8s9G/aVS2bASV80cts6JEyf9JrWQa6pE1J7n88grLGUlCgip6FxHL72Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mfCRyNIbk2cZ28kmYpkO6WMYH45PyLmRd7g3un+KOuU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qxU3aYHY2uvVTPA5OPKufqsM9DibliexNiKJzhjpGSEV70eDTgiGO0NZLlHlUjPGelxizlF3QgMsR7vm6x+yhZEm9As95wv6pyriwBWT+yaghQrt65QAcm/TEB6mXegX4zRl6bMGhx7BF9++1nNQnknxLgV+paL016zPcI+iDAJoDLYCV/2IrGyJR2LEjjmA2nAxic27w445vAX/sQfZ7BruEvx2oiabvB30Vx6NGX5m+mN7Q1YZohv6uc8gdCO6923B4eEkfHRHied+jLrdQdfUUwxDxKmfm6OU0lXAKZzvgLKjZ3zrJs9sdXPNJDLY5h1evvBjsUUMp7W6m2510VW0XVaj5KjAp+BKPpSoPPKpkYd0zeqndyqsue3/ndVwwDi6P8ePHqKky7Cc8Yhj6sHvhq+00qT5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mhHCQ0Miug2IoDY1PrMAWPrRKflk0dIOVrAr3B2oU5A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7JyPJ51Ymdpk3VbVmT2/6ylMFHGcN2RohueDGiQ4LCnWjQBeaz51L5AmBgu55OFuCx/qS5YI0ABgPmQqWO8uBJxP5Yd7a8HIAp4l4nF7qt0vOKEvs+oIYrfwV7HUF6X72EcIJuvLNafJdCo1RW+YpVBcyAEJM4CEE//+B4eEuVz/CPYOoISrsgpTJbwdbaovuWNGceaEUd/gO2DBa9eLh0CqXaNZzt3ZtnN1p9Lh3lkrk1vdbpJUVJQz6+kgRD2BQsuhlgb2bCRTEYOhugcnTenoxlSy9s4OXoemgk1+7VyaDvgirM8s7d6uYlo1GIBj+XuoSjyhC0JE/0glJHQ+BT4jTlAbQXwLrqiHvGtP5l2pYMOhzOgjXlzNxq2wGxcffPSheta00WsPYXA0tZI6jVH+vdhSHjNQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mhc+j/5QYpPvlDl5hqgE+epi/uamU3t+jMcvzBYKSOA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "e5Jk2b5oJZhcGi380uvBDM0jA7U8c+gNmM1PjKUxMrBVGg7sy6yB4sbLvKU7KDV1ICvJacQEqzQvAlmE4W9U/JtU2hHSlvnXnC4QCqZjAztdTKhQpBMPFxMWxhd4y1hFZre/x2TpLbsO03yrPJs7/QAxXfkMfiD1GuNnMOk7Z1BIA9VxiYGjC5JkIuRmesz4U7yaMZCKSG27QIDvc778inH6ZymG3sZgVXAtrIvZPrS6t8wxwAu15vM9F3zoAOhZ0x1IYdVnxrwUXuQ/ZEa3G9s2p/uNaXfdOykdOY+3g7zy1PWh8Z/a90nC6xlqCCsB2FU/inMfwS6QO5VZeDJ0TTY+stV7HjVXPr+7ppJJ24s0SbY/JENo9FT6sop4S0vQ/P1THKoOlfXH6nanTd5IsqI5+vy3gb8/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mjXXhGkH3ACVa0Iees94cF3GWNjf4rZVz8HYektRF2o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tvUu/1eEGeX4fBYRpckyKGTNnDOJU89jc+9oFsLleLo7sXjG/cJk2G3iSu2zpk4CkQEnerUNutH3OsE5I5S4qyZNi6Rl/673+VfjLSTVgZgqHDRrKP6GZhz2sBd651OYtGocIMMklLc4DXgb1USGfVvhiTvQS758G5PbvqbhApAAbhWOdd+TgReQ9nYF3uBfzdERHR+Gw+hON2Q+svkEWxUhMECPeWw+QIs1OjP/TTfwMvwyYjlGXajKoglJkLIHa+k7iNwAsL8CnZbxSHaT2/VYi3JqhoOkG2ebuJwpQ0WUFgEEj7z+A7+YKw49U1Pg84GR+UigqcbwxutcABu6wcam/wM8tuPWs7LKYYwHwPduA50UHJdn/hlftcX6igjhUVElONRSaso5vLnl46dpDWD02Nd0hBbF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mjy7lc0BFPxq7oluYjLMfvThums6b6v5eDX96rNqoSQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aD24kUIR6w7or3vqjYiOJp0npqRrnGwcqYLyRsy5ruGyt0g0rjOMgWDAoL90p6E2EPIQW9SE2mUunW1tYFXCbn/GnVS0L1f/ivu9Jmb5u6TVwlonxXNRmWQypwzCjChlZflrERDqJ6u2T8ErLMBZ4HQQtJVPNFtMEDFpsIByLYJJ37KD2FTJ4M3geRr6ursMQjPFfm+t5t0G4K1bzGXp1nj8R2uAK/wrSk+Cxktx9yOfdssVmBzqb+vVKSRuRqZII+7gRby+GmCP6KPDTHnGts/yV1P54k1aV+SjfFOGWK2nn/VpgcS6YUBIuhoMh+ReZDFjSLKxKlFbj2Mp2E2L4Dr2tSdJLR9w+lDeMyOLiAt2w+BBQYkHeNCii3ldy5lX7NcdJeT+Up7NtJy5dCdoEg8r1obTgAzm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mkGTwapZ9QpT1FOHBJmRr7kIS2IZwNRga0c3YmpzRRQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v2kSRI4VUC3wXAbOGIOQ1KewqAfJblNTiVLpJ9CQ83UyyXhYxQKgFkYy4V/VzCELNHYdav91w620f8Ki/kEpCJdrdbMkAur9Mg/hNm26cfIWMIwwLGYG6EgmwXzlOKxhbTQpI4LcI6mSwaNEY0NRquc/YhSdTwzbyz3zHsB5SGMlwONoqLDLpKEl79fws9lpyjQNRDOyHCjYmWSDpogbf8kEP/iv4gA3ABGNy50Tl5sJNTflLVUEz8vn9s/8LjqZiprSEde9f44TKwtHP7+h5NqHQ3Rbazi+c9I7ZizlVUNbmaDd9bYG3gXpLZdjSlvHAKjePDHKQ/m0jbSwj0ryMpUrsyLFD+xKNLwhMbemPsU/fqv5UiQsvZUxKbRMjQUuscfgwrpbrK8IpcVuHy0TQIFcy2tSKoiQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mlPPQYgyvCdu6qY4I9kSe7DWHBO0W9iEfMoaq/1u6Jo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NQpmfX81cZzXVU7hgjWghHAKRPp+2iUs7q2Xb3Rj2ZqkcJLyfltTOC3oCAu+VG2M4W/tnku0NftPv4iqVzrkb5WaR6HN0pLvgcepk/CJwvhMu+bbHhSpHauR6Mv1CebEGJVfNgKXdVGL2jSsE4SHKGvMH4edTSZzJLkOu9wLPSlNFJSwwVRnWrO9mAjX1uzoBzImMxD1V/XMJ2cpaQGUinfrIJmJoufWJHrwL5t9xdVNo1ICLeqPrIIqIQZtZWSYWtaDlxDMCve1u1tTrP0cYeo88g9Y6HCglpPFBTmm0Gk45+KvXA0tJW0dxLzq1Qk1tY2TAxDeJhCuq8skiNApKcIr5/SRlQq/JDfBq8TGXbvsMEQOyXDhKrPrMbe/Hx2d6Qd5NUGDsOdp13FSxlIP6VsUtnmvodOJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mnrz/NkgXsylhW1bqRHUS2D1ZlfXk4VndxSdazRUVx4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9yb4IfWF6WsbZPoi3SvXCLEgoRjMxCx5FX8t7CMUDLHC5/dtNp9xcnfaZIPQGGG+l324DOs9cFJSax0MBNHdRF0CcWc0fkkIS/+0+qngct5ZJ/4hbB4zcuNjbMDTOdPChBDbZyVuNrvRLoRkRCSWqFWdtZDUcAhFOWFa0t2ZPDoPRke2XJod8C/faWLBkQfuPZ13y7HQdGqhgrL1rr7nEM2XQgW79GWP3q97+xnQTasfcuWut1fP2O1cQZ9SmI79jei9PGQPfiKMr9iMlthfgVqA0V7vSPqUU5rZW8Ex0ahWc3AB8KXtqv4f7PoQnGzkbP4KmFlJiOMBM5kyORsYIDZzkOaOqf2Q3h7I0GOHH7em9dEr0kaL7EOki4uEBCmls/KCjCD8tx6U5Xi2QxBQJ1bfmaot9lct",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mqEoKG35lHPxsvHx7wWYI4K5acMcs1BBBF9w7/Ei4m4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BlrDBeYxJK73RrgHNLVXUIAFD3xapqs/q7vNdLm0fQjVBwNoJ8e21z2wn6g8qJDt1ZIipkuGDbiHadFzvJktboPduQnYxwEFJudHnKFgcWn+UEefoMHgSI9fuDrIj73zJOhPVfw07Alj1UoGJWPLUN/BK5mIaoobms6M1sT50fiiOKS1sxQjb175QSFEVe+gQ4tQ3NT99s329cOSHggEDV5RNzaOIZ7NMMRfBQZTNRRI0yE7Wu5YZYUX6GfJwoRIvhQue5x6vA0FbF4Q/emeGJ1EsbgblK2g6uj3dVAgzqYJakYQP5FWtMlK0GWBbbBtySocyEW9NvDkNp6A7+gEjT6dCNryV4fgU1ZYCYdmjXxr8ODcGXvtOAxoZQk2O4LaK6yFWIm6azf40bfB9IeX3VOpf9hvnU42",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mr1/nEoCM7eTQR1QaEjQ3aym+NDmDhoJipEXoTst0SE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SqzU/xGqBLZ3lurGVaHPEngznmXgnkowGo4vJD6wA9A638BL4N6fWSlPIMzru19wbOv3DskKlolLMyEgmXBKlXyVg4JsRm8LVAgJkvX3IbKx31wDcj+fk9/n5sA0Z7YR8GdFxjTFyUBpBDldHQMgAkBar9LQwlUU5DZOkH6N3t0iNKjWYZslfak7wus5iH5eQ1GCUM0t7PcEz/QWcAQ5DJkFEmuoO7cDFuXKOUhWji29Qi8ibiGxIchRK/wFd6Ds9NBGc6weSY/VYhkA/3Zcr9BchvDTVYAnl282QXlg8DHi/HkIpqrYqvE4ZT0e1zEGqdNMY1KjryCvPNRa/9cauvYTvT5zZACP7lkJYf1ZQESHS5eqIRAWQwZD2Ap5UPX+D3ozTlDIPdlWvQhbmqkOnOb5HFlHxD/1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mruo/bfW4wvYhro2ByuSIZgI9Q3fLbZxuaFIieHT1dk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "urYpSqLh3I+hhTBbxzM46L8t69+zVZ4NoQkzqHPvvOLP8wYJl5+cOjZhiTQQ+dfOgpLjHb4kvkPKKko6YlK8VWTwhKlQzZCOp5z4cdGiFkCTnyjeXi1LhxUvCsukzYJAcQtD2VvV55bek6K9mB6WfY5vl2vpGf+OL5vPuN9cipc8H8FERCa95h3YX6RNybgkZDNG8bHQN6UMRORwtatOnLbwENjE5VbuWCyPPLHFaL3lnU+FI8XT8v8TKnOIHQA4S+lPArDYupMixcmxItYI6BYhKNPJO0DyE/rWYqQCXNP+aMf4qgyirH0A54hyq1cfASOOnmWyHplXKnBkSeGwXVE3ZAsfrAx6zVIm1gnHAzrPplDFDlzYKupXiJ1RdD+tNkdu0BasktaxlNkV47b1ahy8wjXj1vR1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mseUdvkOkDHfjC952QP+oPt8Vr9ZeN4tmZMiyUohSXg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Wo3APR4uJvKsOXLc5nuPmZynpcXsDgRGDKrwAUJtHEZtbAqIhk6Glx1AjLZZnpK2Thot1E34sPszT1YN6T0A5U15z5gB5qKkzdGLr1YNSBsuj3afyRL5O7B6ZIm7lZppt2kMFi99etYVtTkxBAWfjZRJeIrPVESaMZ2Z0tnlooNMKq8wc8flrMWPXOaOw/QfeKunv7+5RMcKDAHOGtoLN89xpCYk325JEGk2ckltQv2BYfvgm3IK3kt+XUtJkiQbO6PSz8vD9ZttcTL2XwShj5T/qZeEbe415emQy8EX85q027mtCDWYv02E20TEeQFytP4+F8pUvcWAZxfaA5o+mkmxaAboegQTn1Dy+zmh7/EbfM9snOx8bydrf4PQxfBNJ6pD3TvbQI9Xmj5Ip2gWJEwF2A+S3ZJC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mvV4VB8oAlwlkZh91Rk4Ou0cxPCCNSbSiswtCtvzKFY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FcnpH70Os//uuER5mgfjKOeYuZFWZLwkC5NhmjbD9H65xQYvt3l+G3ga5ePvhYEtEVAIjMt7zZ2wvGMdCsncpFenF25stW9HZNWDe4MIuxOEaoV2QmdIFe71SU4izX4xDvbC3h9x5g+KtA9eRV3gGAgRO0o2YmREwVqL0lp3iVq5Va8ozQA83Kd1iXoyWcuykJuf5khL/XvkMHj59+r2nZxtmQ8ghzpMASteV7mWRpb2DQgqlB/V1CozqpS2auRgn4HvIG2BGtGt3iW4XzEibjiygwFxNPCaAI/KXvTbP3jv8OdQGso0Ts5tOkZ4SUlEckunNTuOxv/2IUMcckAzs8RDAQlagDCCn/Tj/CawXP7YLV+5JdoNSgXPVTpp0lgf7ysHqAjOXobErguGxm9VEcm12jtH9NE2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mw4NDO44nU07VfgM870slrzaRR0DbPdlLTsqh2c8EkA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VAsFQkL79HCotNH0FLO+EaIDEYVXZTERBuK2uAl8Qc3Kk8uE2iyKwzsYnL0FDFvMzYuD7BcsWIrfFiBjy8yvAC2vgvJwJIjnYSAqUlyXbLULsRLz5Zi329QoS09BpQSHo3r99Ne1DO7pBwT3J3OiZ8Ww0q8CQU8QZ5HQjCLu1n5SyWfoI0oTcNJ4V7ThiJ5FrDG0Y6nu0+SsHNqBe4ewwITBwfHCFDJrHKUDLK2h1fB2YkgLHeNSUby+bcQ+MaF0DHpf2Fm3NjFmqqnFqaYoQz3b9/jRh+wQt3MWA6V462IV5KTzXaWvvu6iDqkfoX5G35JUiLSnXIujQvkdYE4x7K7W9t/oBhGShFGVeD3S5QQuN71a4HNIOmqG7pekz4HQk+jGNLtLKhkXE3YbtpnEkwBBXUIzsuh7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "mwbsBQ/Ka1UAJcpdedxCnDGHMrTgdPrcn9dFNX1kWKs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T/+SJgGXzogf7Alaufeu7sQTGKq7dBtRYLFhdMHli8BV9nbZt7GX5ThUbLjAagFVMc/SCjU/7q/nWNcxXmAUA2B+eMvrplNQFrHiqFVLu3VKlqSmZHSwmBGgAp7OK9VQdGC6LM0OBElg58jwcIZatT+X1AyxPaJVhtR/qoDkCvsgterYp2n7WrfNa0vjgn+X3cRnyKO1Oe/uvZMRsvrJH1FjrGmFtJP5d2k+L9g5+GfnFhh968W2IwrRtFz4QpwbyTSZsaK6kTIcXLzSMZfml969OniBN8kITiSC2HYIiQ1IMvdqiRZP28GkWkT9mLPbK3Irum28xLpC65v8/v/LkntMoV5hcJ4eQ/tLfyu1bL6MVaE8Uk3fegKL46kmCLr1i14XtDX1AkiLGpYhI+JRlbU5FCh8oDrH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n/IxBILVRt2o+jmhAmrOdiHrhHGHTcyvbbaQE6Wmb1o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KdXXLMSimSxn4JTGJ2iktCe3CvXVHx4Jvvg223y9RNroJ+el0Jt6yCt9IVnB7A9LJYyR/5zYziwn0vYyNvuMogiiOy6AzuG+zXTdq86KWCs1C1HEcx71Iv40ZJbR/x9Yiz0Zgpp5VzQvDTAKtzblCv8vZ1i2pyIWRwAC/vQDaQI8yjEPJ/OIYbDGZEyacgMbL5a2c7zs5WHJQ8Lsv6lxSaUX7+fXwMr6kJ3jaR2S41BxNrbUGHUH2WD0ePAElhtJ8lKc2T141D5WWk1BtwjOZph3aqQNI9aQ2Y35aVA/zsB1BU5hWV7eQ9fZVuyR+h+rfxlcGYFus7ti+HRZTo07zE1O3mqKm+xG3VRGWh7Lr48Jbj53F3ULpqAZYOSn1KlrTrqhWP3vMjqQmJ3vJCsZmByoOyc2d170",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n/QpGehublWMgNIUgyjVCzOE0A/ul89naG1wLjiPfPI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IcE7r5XL4qG/Ro1fd/WNieQpjdpynYRXnoOMdkcQ3WdYivKwGciIh47yLNwpsCDegj0mJFvdDG70/Kge8fdk868ABmFMrJmjTOMr3YLfL08rwjZy2+QNps6d04lkoizUj+evPotxiektGj2IGYcuxprYlFyl2UTLT582tHgvkoGAXtDc7khwP9iqQpprL/cJG7J2+dCskwQmANQ6xwKuhklarj/CWgt3PcLNdoRShRIRZvgqpSQWPKnrES0eZM1ArPac4RJufrbhZJ6VGygU9ssEj5+eFbemSPz3LYQT2Ur897idgBzRvidQ09LrnYwE3IezSK/S157kZnOA29mY/tQ3VcrkR8ClAT4y1ADduP9IwOmZYxYhtxa15vk+hJOH9ojoUA1g4bxvpK0RgfA1ZUGIgcmpUAN3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n0ATfJV/edvA483W3Pp6RWalr0WJKfAxsu5rPzWGFTU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uf8+GT0MWerzA9P0fRk6AiJzhnOF2C0FdO6IFwoESKnFnR5IrIQdfJabqSnAS0U8qM1Qjit1MY2DCKVhrzLrnj5n37W1lssqSGqWAkoQDqQxee0YPPoiDR4vl9RQx5Mgz4y6SOYOt3iT/3lXOwFwa8tfslUN85g+9AOchf3g0WWeczqB3X+ABHbtoalQFGaElPM7J1HeyHhuHur/YVgutj4xWTYFdyVoSR36KJYInWrQu03Bzcn4Iz5OznZSoB+8Xc1v4E0y6ZdTwhARPJCv0Owhks8wXksYpeykCnqUxXoTEE489ZCNgE/6BOILJ0HPwGd4mOFFzU0xp3oFrmWekZ2x5P559xp7ZtNKiFzT/00ebFuK1XEQJZPctO+uSw4H+UoBin1Gsw7odQH9iAPabjS1Jr6SdFUc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n0ypcKolIaIIDRYhGkfwhnMu/1mrgHgo5M1vwfkWtao",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F693ylYhqW6tSFBDVCd+rrbTrz1Io/JdZGgIseG5pZP25dKQGE1k27Bob8CptV/nI0B5yQZDe3KsqPon/3gwWlhIQSLl1yTFGZTGup4miGKc6h0imm2u/3QuII41db39m3HNyNF/qQyu02lgB3Prr6zt8Hs6LLN5sq+01vQwbvSmDqFzlw/UoTGaze19GnK+SKm0hyXdKbbG5qh2vGtTMX9mJ5EtS850AsNYgV80p9QwJ/d3LB/eHfanXqXovIR7sEhrOsrqP6zTHBqgCQgKYfpgQWPnwso5ohT7V5Km5oIt01IkVQM7b0WB8OdVZTMH6kQ7KpgpOOteffWlzaEY7wgumHb7RP0oZlA4KDpaERpPsBKy4omoPYgNlZlzlASRPfOys+789qrPRW69j+kmjeMZeo9tmY4Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n1zpZORVx7nCCG681ay8EylGlaw6xWzCavKSkEwo7lg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4DzkHFUM5VGRFIzwO8fvBPqBeKEEE4Mkp7T25DjMCFNoV2H/+0wsHdRrFG46CUK4KJkXPv6bcbeweCqyjLBikZ/r77uOECFi6TPt8ObzT+96iAZJtSXc0eoK2JjYINZijfvcHYZGBGAUNy9pVyQ+wole97g1LRb7LkxtCnK/IMLD/KcMNuCCUMbmgVJVUhoz3RnHqi8EzN+s0z/m+FvVqeKqXanvVlebkdavSqxrouVzOzBo22HgE+XzTY4dttknSM3RZCZySpRVFc+J1wmjoTW8Qh0SnvoXtdzlnDt/XC90Zd/iUbiNdDjEQxmFvPl2OmzsWBN2XL31Kh2ocYJ6uHlQQKyIKPoT0DfWF7v91ymV04KhTe94+MfPvxFjjLP5a8yq89pDEKpwIBED8qDOJOIWenRDVPoL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n2Ddvey//gEup7B5kloJEirgCZln4YrleMAiTNMaf5A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "co9eafcqojzyuxO3aqgbeo/XTJXXIFV9FMDAjEHhgVICQsYX+sUtDJ3EGua/qJedCRXRcrzihj6HNdZGYH3W0UdBNmQZqhfiX4avjv1ty1rwgpQ+vZu6pGiQJLrU4vRvBZ2DfrXTxB8kx2vISDduUkgsP7arFYqvDRo+p9gON3oKAvmaiKl26S7kTX+oxCW/cDIcph6rLNrai2xgF8J0PiXjrCzi0glmBrs4VyYW8MvOcONw/Ct0RsjvbaC6hWxB3w9TvGwYaedtULg04xzOKAI7J9VfMzRhemgf4QljkI1w0VzGZ6cBehc6Ot7FtVpIRUcybXa4Jp+YWchMb9Xr294XKhj8NTmDhvgPoyq/jQz9tyH7zhm0foPk7oPohEovI7PggvGuSHWXls5+aVW64xMsKSFyS3dH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n2KuKWr60to/FHbcqiIqaod7/y2+1V08xmTtYuU5Rbk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3BmQKEzr4zJ3z4yukF+Y7MOtVcSsAi1guIPB56dy4kSbMErcwmWNLFnUGxQpaXDGDd7kTEp2FJjGvgJXTZHr002XbrGu9VJP212xHGt+4hGrwaaB9Z5AnXc+KaeGnz2XP+IKquiGIkgg/7Ta2zsWS4c82+EsD3VphAKH6VTXrnOndzfDnKrKvg4QcQfXKhW9F8pZ+gMbJoYbrJdBQSbRIZ0xy7BNXdPE1puIzIDxSQMA8JdX2qWR6rwSVQLPzqbwTvQrVzu441wB+15CTQZqPPRr7SEMweu2DIY/dHXOlM7xBNMVR6RMini9zrNl5cKAtdaQOhiJdHVFIo7K0kBQVEEGBDpWJaigclbel5qJRGFLO82x55aaPYKN/uXlH3fOvaDmZex7xVZ55R9PWiyXJdGnI5XHSll2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n3+tRcZJzOMj97NVDJBjGs/nmJlgiXQ5Btd5zFtPJcA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UwpJU0xKUth60M5UUsuKaYRzY+mrXMvsRCo1IC4fRXO+NwO24OG04oANeBNweOfbeLjSPnno6x5HyMLqqehh7ZEhK/G9CckV3YYnnRR/muRJ+N4qdOIBvyXBM16o7A1vEd+wWNZElsA5vb274G3NowgXX8sGAtzlmXU7o2iz3Y3fSd1MH8Pacr5rGlmbsD6tyv33LuecKj/2P7vKFoCBSWkU8iNbX5BKWYVQ4SsB638vcQEYdh7iyY6r0RTx/vGUupCJ0LP2Ulvbxq28KohwqODB39okvcrivB9Iwgg1SWaGWiS6L1gKz1Kk1LdpuCNcxD6VJlGdd6zUuVCte1/xmNCz+nOf87DrhlPzc+E/wZrhWBn9qpkqokZ4OxS82jd/mKozd6IiNh2astPvZ/+gJkJuqbdSwbc/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n65pBs4w4rg45eb7p/iPNwp8z3xygEEiN2lNioA+8nw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Dpo5WlSzisVcsSH8RkWeB6fNSc7GkE5hOYqqZ+S/F5cSX+G+s+SIpgI/LYcJVAkCVzFmZpsY13cAib5w97vr8vb4w04Twc1X/+HSIZKIESVN/3rEkcnQcUjI1Th31MohvRqyoh0h3E5g7Csym/SQwPAqAMpUdzAqtfrwqLzgtLAQV0icXSgSQ6efN7i3AjLonYoBQ9iekxS8B4IwX5/UaM95fBAIM2DHI3RXpnSX4j735fK/rnrAAvCF5gmHlRke7w3acLjTQLf0rSu97INFCJa11wmYqYVoNHt9ZFGdLELStXle0D1s9UymV6AfC3c1ypP1prvuGvyWmzIY1RwbVGylDI4Dk/YHQ1a6UqMK7XkCXSQQl8xEJ2M073ISSg8WujJgZaQKM3m07pgnFpanZvkw9qTlaprH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n86cvAuVl2Lz73d/Ex0t+pCVrsYzmKNVMY/C7yUiZAo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EPqjsikR6WXUw1B/3ISiIjMLbzXxFKtZPdzcSX8zIjDGK9MzkqchAcGLSoe3HqBhwaACq96d+n4I72iZKk4zDqb0Uvii0s+qUAMImrdSbiDZt0S4oQwgCtM9wikilNdlaXs+33UTkZIncUzT2ebVIqiD2Crmez4tI5Y8S+ur4TDVl2auU68dsnrLVWOQymYj4f+vp5pz67deaDIOmQ8RSQvZBfMj/IO9AUp+apQBrhhCMWnMTR+vopgUGF7SFqA7nMgjyD74Sd7Q70XNlatiZXnPWkXYpfT/wGXRPffeuX9wRpwkdBi3myOQs+YppyuF3e3MsPI8K98gT044iO3Fgcb0ldM+fi9MVS9g2DXQqttYzIYV2u9kt8d4f2xMvXlT/WqOuEul0fK3N5Kj3GP+Mpz9VjXBYqH/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n8fnOOlMQFALQhwBb91DRb7TC5MtuNZInwzQsNgAQQo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9ufUvnfObBYxlxJXHDW8PgJnCN+1QtW/lUYXEgL9VOPyoHj9PdTDL3n1+E6UNE5iA8eUgFd74IB8zQNR6FDPJg/W6WX57LE9ewRbUNS6XaTT7mtAYjAI/WDgkX8KtSJ1O3PVVBwKLjczcIt5y3JF6sZGQDtK53RmuejGnAwcQ22mjIb3johe0kfOMYx/0H/BhXPaF1yz0NkYEPIc3Rj0gfp/8E0XOOAvIlkKMJh3kpj/Krvqrn4c2mHBPhGoxmRBQFFP4urJXNY0p5tEtDD8UyVu6Gp8gF6iubCP4PJoeM2d8IKkQ48ZyPNsLrR3ZPYmIu1qTZx82Tn7WgEG8lIY17Ev6adZxO6gkgwQ6cDDiKNAQywlcf3eD4oVKt6BRl1xkAeZetPkZTAdhqUSpNhZWVvPz6jkgf7k",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n9+GjxsTMOb5OOYV2WOH98mAnWiLH7Oz61Oxnm4T6DY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "e/bgs6zDD0ytUHX0DRYfMANvkC5+U3l0Z6NFg8XfygPCCUXD0z/APzq3riKpETAQ9yTOy2dPm4kcrq4tAJy/RopH3yAb9tgZBmkXe0Sq7D2/CxTKlYHTU+gNn6/Um0QgHos0UWeTPTa9zQWzxW8Hyf/mAQX5uQWXByMxREPTctbvK9pufknsxDK09MnSfblAj9vXmcZe2ebcw4bfx/y81ioQd1pHhRsD5FY1mBh9tJabkibitt5MVR+UbNYxAWReREYu2aWQ+bBrIW8O7UbALxrKkQ3i0WNLLn3eWmermJwIcfEfVGuPJtqUz7VOxmRRIzNs+gE4yOOyASi3UfnNAUoK1vulq7VlFVpe5TbYoqsFMnLy1wpCsJOY9t6TlkRec6hJRS3K8nznAox3sF6U36hwaSN0IMmx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n9+pJxkYLAbT8eBLVznpWSaetafsr27dVSMpzvwZ+ak",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ma+k4JIZCCt1acN3oY4GgMp1yI/tvCBNnt4Nmy7VD/NMiaSDXgtM3x+84oSJy4gZMx348KD1D047/jzBUbBKpNZdgTgGG/b/jwF3Ak19VMtupftuelCkCJLVXLroYasWX4D40xSqquSlAEqnn77WTPnacyE3QMCPs6h90AwVpnfO84jhqYsbXSEPYMhkZTbRa15e/KCJPQz+vfPTNrnQUzRUJRiSnHoImoO6pylj5ekNCiRqhEhTmhoXIIonX6X2NEF0qufGhJt+6jaUxdtG/8fnaaDWRYuk32H+/vHsmvx6X+gQyEpu8+2vv14+qAMilXFxjGUBh684HmhosC5p6FmfRIcHKGabnYmMUzLQGmXohe2zZ6qsfVX6ysQsb1F5SCQ7o8Zz+gwVgqY8puQJrPg7g4FvFDLF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n9C1OeGGjGA3fChTWNK8rqVP6dU97smJWv91iAw6Z0o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZD2u3xrYUXhI9w7E5peVLQgBRTXFL1ci1FiYqblplKDgDgNPT9OPfqx5AZRp1q4OvyGAErTAxoj56sL4RseANespxO9sQUmNS+QFX5O/iqoSG0OXUJTSXvUNbAau/2T5ffyhCLsuKR7QcMKH491FCeHsGvGxEYw8/PBThmiZ8L4eIemViy6yhXBoPLO7kh16rsIsxLG9iqT0eg3fDVGy/Vtxe4SM9IK5XTXLvRBeZjdqlQOCINiDDQwx2CtHSXSl9AWd11IGMUbsIVY6FzsRo/MKDXNaoKuaXvcTLhuTP3R4tnvoJ8M9JsZcWkd4rE1jqvfD7Yqj9vE+gVmnkTiFba8WrVBL5fWho2hhJnYZxESlhlNFURLKPsUfDCMXLtEIW3GNmieJhx4YaVEdooPImKLuvcBsHMxY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "n9nCqgRyVMhOFfBYfuhbzOrOiSRoNpX4AzS69t5WCJA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NmKPj5BXtg2pfVcxfIJy+VdQslgBUNT359iMv+45yZ9Fk/niviDC993XXkEZeTYZ5zlh+81OUpvlPCy/nKr93hsX93inLW8j/uGDQZOMtHt1/mdSF/D81xhzKeH9b1V/VdI5z1u56ugyf5DnXyBWKrmelJ6fekf8v+eoDNJc8alp7kEksCZW+xQ1+MpE7/zBXrk62dhymbzOKuj/VcKmbmv39Knp9pnwibwlDaxtp/ncNq+WTkg2ZR91mE5T3D7Q0s8X/HIYDfe1zZM4dcT4gUOe51KIxhxguWipdI0Pq6cqKQ+mlUIKWXoi9uv1CGBa930cNCbEGl7TZZzInCR1PnROllAG3q5cSYyQD4BI+QyRJINTRmVODc/21OOHPm4hdTi0HjaaCcx7gjJX7Tw0u2joSHz9dixR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nBj1CAiBjv2ErIVm8hMgJMC6GnZ/K2VH1v6G2WU+j3s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q/m8LL9B2OqgwbmfCoTKXpvknNsX66MlSAxfMe/f7+C6KW51o02HVpcAycQmCihBMne3CAaOpDXoFDHk+JDLeudFR0ATwCITO0czEzFEMMnS+Q1iuOKsNiTaEsRTcP9XvYyU+R3EzjJIKyMCbGQwndxM+Nnx9zY8GQ6n1JYJSqxYdBP/EZZjEnvepA9dx5CwI2XJt2LQd/5ZLDKyInsciSnGtFMh84FfcBGg0D+a5vCh0s9z53XdmqDvIbgoiTFmiYIry/l2hSg20thp2cdYEzsqFPKhoNuchbj5mTamXBHiX51r6LaqyPAT/itymIu6FY+1Ly85zI1s4HnuScnW6/jG/ecNl4Usprnv3+hU6yqKTQAvMmHlyXU6QBXunBT5cjLql7Lf6j2AZu9YZ2vNDc3EJxUvBmIz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nBjbzJmWPxnSWYJysK0HA0uxWXIZCG3zWwjtLLZVwCM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YjdKUMtIhzeVFQscUBAlRSDqI21aRiPXhCe7Q2TgILY/nO/kNiefeyNxWRGUtpgtbC95wxRiL5AbqLwQirKI9xQHN7vOSrViK/bVKi/sAx2lTnmaahlBGqatXFHcLGTnLRhqn8z9nAfNL19wSN5EWMOB3M2F/OVMzW2uLgX68ngNBgIZXbjb2lzLYmnM70uj/XX9RjOE2vp2kptyCqSvx/EL4p1XGn8Z7xh3uxvOlAnpU05aXUo2tfpc4t2ytHCprNFv38oy2qVXNgS2vuURw7DSJAZVTqBWfoGdTlyCewwsMAHLArZMZ8DOE4RrYbZjk1Fuw1zJfOG8J57CRmelHOtRMQFC2tM8avHVkelDUgyD2yzVdf6jZM+uRAffohXxnWRePz4jUfv938O5GV2m8qvSX0OZ3O0W",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nCJgN19ilbhS02SElL1F0ZqRNALwAiOiZIt09e4EXww",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MJf9ZbQ1C1NKlYy5gGfiy8k0g/1IEU2FayGs0t84BBj4E2unVbpYKRRsw6LTnh76V3XMImwIpceP2yLhhXKW1xHHmX1L14e0lLHuMeFZgropvpsSCsEgHMJEd7iIShx9JFjnKGll53CfXz/8+TMeJJuPAjvSzbqOGQPAQU4S+Ht25p7IS+1HI+q0mbwoSVwG7IzDTkwFV8by83gnsOmloxmPTGE1FR93009jDIzQkmOWYGTSyeaKfGFDwHX4msBT49yv1bYL5YBh72Csl14RKI9muoVXvRGneOV2Vkuq3FLc/9DIjgdxFRISlqmXm0J1oHp09hH9CSsw2AvzrHZH8PT1LbRxHjQnL2KXoIJ4IWbxZZGPENk7hQnYYg1GS2A1HoDKFrmejromFvBiPvQWQgLh67lcDCvF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nCg2FpShEoIdw4OuFVbg+o8DMF4g5BWJJ92v44gZ4cc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GOPQmB/grb3QQ6KcyBijd11WL1UjA46OxvjwzQQcUQp6KsjDOYLp/iNa6LhV50nlPRGkyZ3JjtkO+11AgRcEw5XUi0usCGvFxVGw6jnud4JTGH+WbMdI7F1chWtNYXvHy6+gqBpoWr1j0TgkR8DsFm0866zVMfnzsnOQT9qsinOgmTY/3uVREEes8YKJrZYy+f9l2EKy3k7glSHTspHryOdsycWScIHz4c+smRRP1/OB2Sz3xiRXzfdZ0lgtyeYRbFmNTlHNvVVCyNDcTLA5FWHzUQ2xEeFy6yBIW9WpE1CT7Re2qie1HlKCGdkO4UrbzHK2QyvZrsOhlxBCHudKefkB0dq78TcRmhnKxpFquxJSGjwLG8k8UmjTHiYNfpjj2oWUBaITH85Du/QDOKLLRGylcUP4WGEG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nD32EjLQBHHGcE7cvYF2G8FJCsBYg1yuIyAB5Cdc+/Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4/P8GR+1wBs3/76zbiMChgRCkXPPgtzd/ucfXecCQDMJc8XnXxQ4bjDkRgHun6kOtrM49uqQEOzYc3FY8UOhs9s1BAVs7XfYBKWMVKxERvhboI1QNOzfgAjkgaoDu7thDdErfJOrs5R4qwPPh2yWbWgzZiCgGIysd0hLgGbSxLxZ/TyaIzQtEtx6u5iOs9DVquB4r4ANCtXVirCD9jSzrNceVN9XrzYE+NSfmlTz389tGFMs2dXHGz6n3/s5BPktXcqfXRY0tIXmObAcJF6sVJupQ7AAcwZYQ6/NJTAs2EIbNDSxlvgXc4nAVBktzx+jHo4Bj/xHkIyjslzTayGZ7foZV4iGF0LF/bihi9G1KVJpujJAvfokWUy7Ysy7xYHUPY70RTcfSGdbGDG6QW+yyc5dSh23aFoa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nE+ZcMZh7tf2ftJ2bqyK3fmzfgV7DpcfPBmNYh2DESU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8LJjWUGTUGtSuHXiZAHqkQ/hVlhcTr4O7IDMw8JJVPxwZxBFU4RG2LaW8dBtMSJ6mOSHG3c0gFFj5Rgb6vj03iaIoK7T8ScL3RhXaW15rfbVdap2KVQylXFYoToSQgpyNvKPxq8EhDqBgLhLiBQ9cK4tWt0BqJR5S38Mrlr1nZcRPgTTT/2Ay5Uywa1CmqXlur2sI/vmigdnX8bDpCr8/5FpSAjd9L4qZm1097a2uIxL8iAytWAPj+3EUurwyS82Fq+onba5dmbM23HGNXqlo52nmZRRx3VLQAIQHviKDtrPtYp+FGyg6nah8cp75XbAu0JesRa7p4fI72m7w5cX0KXLGgKfJzFx5M1zuEPsyxDIZ+zW0wcWAVDdKUWe6nLp4Qv3Mj2IbkG8XXqgGIc1l/ujz+aBBTuN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nEwcx2pNrCczVUI3lzEjahGsk1UBzpT8a0aDFbLwROM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0qKu7znuqA/gSs+odZDfLr4TJDd9YliMbYr+g3uVeqxAGxj/ocMEUoTk2SwISxkS4WKEEIDGIYC3LUZUYoQGV8pTHcsdg9CKGs1QC7BPnZLp/04cpzQFVrit1AUOMaw5oMggfVExIegxzNemCwJmXbU5dqs6+AEtVInXbtDnqdxM3Ksa8Lv3UiJ3HHMDbWakemV1LrCEU6ZHnfDRHlrcLgu2njRVMe17eDD69MAC6JRzFgC1x5V7WxhL6beNmTPqamgoBsgIssgsDFZnVYHxF4L3vn/VdOh6s3DUSak1B95nZiCdEUybPu+o4vZRwYp/3F319TeaJ1CUVkAnizT3waiS0LKCoZESbAhl31EOPtdKRNu5oQOksc8B+5TBXPhzjIvIbLm+FCA7w8FGJBPFTlFsU0hATBEs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nF/n41H4VFfdtubjKwniGX8jmlLAXRhhtCGl+mcD6C8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aRd3f9no+2YHNQhip80XGfzjCgjuF716j6+jhXUgHsy0cPDROBHsv8wggpQl0+249vYQnSoA/F7lyeLLAhqLW6a2adVaGsWepCKmlF/7Rxh+5nJM4nk69dWQubl3r8HWhKfphLtHZfdQCDIOtT3g4tjpiU6K0hBQ6G/Jjv4GW0Ogp3Qk4nXAzf2sba4taO1s6dJzmQiGlugqTMor2cgwMJI6+CbG/eJW/kYFjKCDPOSoC5fsOU0Q/SL6rRjIYlS644T9qT82Dp4cXX+mJtm42s9nSb3r9yGROlq4VUBut0E4gSCHOw5bY8aUYmoPh5WVkgdI/I98df7BQxxY/IfedGxLWVzKkokmyWlJBTxp9uXBBTH2vJ1Ke7xqI5ztDovWzQdNO83O7y5iTk7uIubgKCetrOtwlH5l",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nFW+PSZUp3oEfJ+BUsFmdkCuh1Sx7X84WDXaxdDJJLQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vvoQ4dBucfjVxjliyX/0mIKP0bUT7Xl3Vv/RW+O4mPdMtFAzeqL34QQS3eBJ7SChSoeH/zGNC3r9u1ONyrYgPC2y8suIL0aQNsRabVq28rvIhelMChbUh1WJTcCGhemM9KWAGLmlch6cSM+dicY1SJuihvbGrO1XRb2RTmHtE9yMkTQpTAIIqAhAJPZ/9KRARmAb1nZnuaJ34tcu9ihOS8P15V6+KJBzhZmoBTcWCsCWwYJRiL0gG355VsWOtebfRAqI5F2b9CfjDVJ+kLkssa8O6eLY/IBECnr6FjtyWDed7LHgp+qcL2dLKZboNmkYn0Xlt2dbVPIza8z5iA4HXW7Sq42Kfa/00iqT9CVbTP1WDa2wyWm8Z3ecafoXxRrLV3YITRsjWesWLC7plpUxb7J4ZhNC8nGe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nFWNieU2Ruqy5TqBNK+ZvP6MAgI3KS4NvpHePEqzlow",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Tu/voUjhNxY7kcoXmzSaJHk3kuwCfY6WNkJ29YZWb33DxkaXOWNDwa1GxYHLrR4KQzGHj4ugbfTDhm9aUxZnC7LbQX0y7b9qENEHS4Epij55jU8o3DbB/oNQFQ65jLYbcU0b6jvFbCc0nkkwcWT1VaEzoLLRRSIYqNMIkmRTkOqxiXHMjgt1XIH87ZpHGip1N+q9ORHGr7MMMcjqeWazzmv4eGUADPhwWmsfRcm9OQyk9x+VQGVLk7d/IkWqc6ADXb6GWtQJlPS8TU2MkPv2z2dDt09j0vMUtilra0QJ+/Ke0YgkmAIdIRo2FTsIuAki/rRvX5YZFylbv0HGNCg1v2JUa/xWkHlpJZKmagqC3SHyeatf9WUlBWVBeNaOY02aD5mOQPxAjFXK2c2Tx9UQ5Du6ploJlW+x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nFzrwaYEv6jcCvt0YE/LRAe16pF4fYN7x+LZoYoTcY4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "51d2WpcVAz1TYaqtwpv6yGWV56mf8Vzb691Ec6jzf4zO03tNJHsdl43CQisKNxsLTzGHmRxL/l4xhFBn8LHMJhce+Hf51KKDZEym9iiMgRDwcTfzelFw0NBT4pINzgae4yMM0tgn2sEn4qifZdcfYyebSKkbWPoDyaTBRxmBjbQj5/z0xrVZ1QaAyhJqtAycB+qgsnVIo+mnCe1qHZ58bxKAk7w9JOw2OfNHvC7zXKS5HB96cpqeSFiSZmlWqMmLqgeXR9K7XRGca4Jje9GFrO2k4LC7QCPTiTeQB2KwFfR7acqmwxXp/k6o60ih4lCh61EQcL2w/C/OMwQTyZZDpaZoJs5gxrO2Ni0amClmDA0mu8SMcU7J12fcVlSwUWsNaD7Mn4tynNhgMWKdU8M+TxU6gVpFge8h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nHWvXq6ORcg+9BVVNkqMs0SPn6gPk9Sn/E4g4zMfE3A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9VR+5YR3qSlCR+vybCUtdtzH3YNv/F95BPqMh5iDc0++zeUmcNc3PL2mG3ZxR4fzpREP4mprQB0VLbcT0NsT/FF2gjgDyStsOnQoSyR8sSd7YSyXB9qUk1zCxd6GeZomfQtcywCb3KxqUfJEWBZH5p4m2SDxYk8Kio0hJIt//iEu2cwnqhaRW2bQTID1upxBQfxiq6DFbVMW66SsHOYnln3JycIC7xAes4UnGVGRHVU8kqXnozU0rh2f7X1s1dujFRaFJnI6SG3OWdp05GwS4LX6+Nz/P2i7TT6B0u6OLL05GZyOGzwqCHnWW7FIUp3LkYvViYkjizdxhcmiucwrd64fmgUzJF6rXI1FMeCwN8jaRu7iICOJjLZXh8TF3Jf8SSIqwSRFd1cGEVG9F6YVPfbBLRPrfZ+8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nIYiVkWfC3qlh81Favo1AQ+ICNXrZu8oD+XhMeTxQcM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OF6gB5FJQkqjuUouzFTQYvRhY66ytOsKmK5FDi25bTmikMgEYfjny4+sp4tCR5POhHSy3VJRD5LkGa/orwbwr574Rqr2+JCXnvPhJOcDy7Hr0DvVlbsVAcSp2F00/zQDGWuMNevaJ4cpcxaJyvPOihZ6zREBff3v34ZOSz25AiZke2+AE7rQHxAtbzXTH1VQTg3Vn13ewN2AbUmNDwM57GX1RugoVyX3XHBSd5SbhESrXYu50NJmNdz3IcVTEacJBBLpd/cL7vL2crnQ96GuhhbrgVFluy5DUfnR6xBVpI97dQ+2Udrv/Wo064GsoUrt+lv9c/58t5p0iK27xv0nI61InDpDzCumisw9P7yHbnHOb1JZq1lE4T7tEVg34fb2qN2dVdv5LSVyxZ52K4qqcC6yb5kurvwd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nJJNqWM5Y/K2PAsRekeWnpDQ/U/PA9CTjR+77xGlT5g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Jz2jZ1n28+DYGs/CzyNQNTur5QZWetikejr0ldq3Smd7ZOnXvPV5ziveRmRG6eKWpDCyUMnvFaZmmh6eqAEkOO3fzKQfX9jl3lZqEiMrpab91ZTHzgj0PtAYH7TuzYRp+2/3tR4/PXJ45Tq72BsxMkxm7B9RExmstKUCSv0QRyRxCEF4YUiKeDIOGGDNAUhft7OETMMe5XbvMq54Byh/LQpgvZx1nMeoheFuUazHRy52jqEjdwmxWBJdqBk2F9Xje8tmSUEeCESH6ANlLIUwAnZO6FYO2+GuKEdwqJCq/7pD5GvZ235IltgFhXWTGsD5zOetI+k5atf+6JaPdUit9aGnGDgOtjs2ojp1vH6hpZHdi4vh5k4a/C/zi1C09nIPlTKKqs3huaZcY0DtZVE5o7wAzwM66Edz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nJaDiItEHmQ0HVQEl+cnvv5+c/39zX45nYHaaW5Znqs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DI/50PevlMpofdGcn1CEwRskRFNzNcuGWtmnYTYhmQW+FhWkNd4YAi0LVWt7U4FCR1ZTjxKt5tz0W6HeyKhKFIohUvyh0RCp6NLcFRHBtDrdLyAgxTHmMw/7k3sdAh1oN5JDTi5OkWpkTTxpiNHzAwAzrf5k8SzHA9eLEw0O840qQ/+LYwkZ+CCGOvD1shrEMA0W+IPH4z4/aSNMA9Tg6DyoB1TFrxIXjBvb13ydWkgD5l8teh04mx54ppBg5w8t+JRqvfOn2y+iSKa+K07UGn539D8W+HNOYFX5A72F1FNsSYt8fJYnL5ec2y6jGtcQyT7cvj9drqUdU1wjvoEtKOl4Asg3vFq3PBmhN+bnXtJjzVQAYOpdDMcmibah8KTvGl65PHcrsCuhoQjKMsKDvNZTSPvVt42Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nK+ZZTwDrwyFoNdU37HQDdyBoq6AswSlnw0naw5taj4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oR5LaqIWYVOKf9dn0R2UWRedm9uRYTonyQXHiTQEa5d6W7Z2BYqblFgn1YHJTjQQB8YBedEt+nQ3H+hMv7Y40c8ZeG5coEoGh0TJHh8ys4UdCFUQooNbKw+1F1qwwLk1IqllyqrQuwYxOozIdvVysz69u9ex+g9xtHNWxblN82+WMkTYXwjxyfb0rsyYWkGwLRQiKteBAgZXLxEEPloTHOAMhsMCauDegn0ejTEdCkYTPT8zhLsCai9Scd9moylrfb93ycgHijOBShcwN/27ZvuceuDeZfgwKYHKN2dSQdUTEPIWtsDEx3plx2XEUvjJRJLVsMMNVM18yiGkGNE3hgDi20U9rV0zX8rNKMXJf4yJEkDT824ROWBSMajldSIX4nZ+8pSvk/+MCOe4oxcrem/JbcB02EgU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nK8ZOL99IGIohC3AEBTjHAS3rms0JBfGcLGB0F7InAo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "g4AYEV2BX7ce+hd9GS1xFiU51WldKf7KfPKj82X/OmifYdsqVMbYQK8iJ5/eES67hTx0F2L93fts1oXs45XtyipehYkWleKNWh6yhTy54fyEWk6MfYjsf7bZ5ISeFvOIy24Ljlew0YhU9asoU9cTzi68PFDfUnYLnLFh5gHTHcbhHiRA8QJDahQ0wi6DcOGL3is2pFauCfNv07GilEKpUWqX8Kr/SrjWhUk69q5obEwKDZHn24wpgTtB/uIOLVrJy14spTs6ZJOaGMe8K+QdP8meXC+VENpOUzwFNKOhLIUrwotRH/YSRcqZrp3WolixR0ZOuGrB1nTT2iDzwyKgw28ZCkZo1qmuyZVrlE/SWb/QeYy5n0qBgurvvotP0EsDiNh6bAsACmdURcfQp5dCMk7jg1/3V+aL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nKWpTskMGvW8AJ393mt7s6Rhx0y/2OXsH1ubqrPbcSc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mAmpkCJ+a26Uj7HhbMXsagk0UQ7rtlNBNaNwkuga2qL7me7kNdGLgUcNX8ch1mCpm6+FBNNPAz6vzRJ8Xwx4KVZPibn5IozH8Zh8dqd355ViqrVu8s/RfVevhXG/vmLFJ5acfFGG4vKl0L1CdNg4Adj/GOgcGHeS8Dne43ZbfDLI8twMEDaPEeEB9eI9wqsTRbKx1HvzpYrQGIGWBJhMunAynOCYVsMVXzVvdAAr8XZCmQYxHXrK08zIUTZRKOjrWyEJN1KAIBqHvZz2Uq5ukur1GOgOZY5BTstQBltlJBPhAxmXzLc8D2aixllThpy+ynk3gMKIW2wiHxNvEzsEcs31xNJJSljVDEXez5byNiaLO8jImhQx5oJmYdi4S5qHlRz5Tro+XnpPKITjY3qVh8+KzSd1+XDg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nLmx3OwNRFP017w6srr60d2Pk3A8egEw/wq3jukXJVQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f0eJoEnGRgXv2DT+gb1Y+Tja63DkN1dXuylk1txsV2s9b7AjSS6ctxYxgX7MvJAS9YSjX6Vd7ApKlFKetMmDKZqbeK6gcUgAHqRQLlEWXUVHI2JZkNiGUjuNUjx6rpHFGq5cWnlbTgaBw2+xowVDa4dj5+IhMZd+NmrD8kgO+8WgIFJXu5aV7crLVbTrZTDZs54NSy31OpOj8NqfxGHpoq+jnSGMioivMc0nlysg28qtaBbBvzAXHuaMtTzqaZK6Eq4RoowZErSlw2wojglL2eDMmpodvuyKDGtwyaB3D5WFKBbP86ajkL37vK1Kwr1ZobsfQ/IOU1+CmaEQaapzKSLEg/m0jjCQbvTGfTvooCJzeAD8AM51a1iLmGvM5dRRjPNgGu0RIZHihSEWRK9tqlo+QVAAUrFv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nMJVN1T9bu9NgedP1WRluV8SH+QZpLm1OdtKQOcEFAE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f7+mZUNtuxlCk+3d6YTm9oVqFUqBd2vhgCvxrKBXBr5RFlzojNQQY26Avdb1ewNVvaZ7xPYIF0De87ZUkua+foP3wJDpHArQVsSPZB3YSTe2Z6JStTuDQZtPcfWnGH2TzLIWCweaTlTIaqB2BuyFhdZuJyC3+wZlhR4QZH9FKJ0baYA04ZUvzhAhKIRJXp0mVqrUoQaa2DeDJf6vnirp11HinowhuhbOjDo0q9I7MNxt/rAAaNsejCv9lRt4+vWorsmffxCoS7n6C7KgDlb5WTlOokTOrn5WJp10FTG7a8K0WRH/9JhaXrkhkH5gVafAM9vyPefyWuu8mU+tuix3FkPPOsCIEFyYkj+AqdHIYAt4S+ZEZ/z/5SdLSNW8Naquf+FYHXW2zrE+jBI0jS5God0mqkAkgfJO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nMP9oTGzHvd8a7hC/FjQqLPBTJXn4L1A2D1GPNbPaJ4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qMK7DF9ayVA0jc1eG960rEp0c2Fds4/+CxI9V0mNFc50QSqejFZQK4smDQLw60wKFgwHjg8K7Ga1figTC3LIjpRyVe+f1iSgBRuzN6ApjSTtLaSr4ty+EdR0/1hFlDLDNod8s9Mx/lHQIzu4AeSIDrj1nmhVScrdpP3UNVNqdw0uuYObnh9cV0WF8VvTnnk+QK5tVCp7mUv/18JHP8/qMBv0XD7tuGVmsiC/W7eR+xpjVE5URLPDyuTtc9ArJqiwzbQ0NcHiQtMGeuM+5gWME9/X0cINJtJ/Y974gEVq6UipSH/GNECjP0P7rHuvOdFel8dcWiJlAHgHaDsoFI9/y2FqnCDYQ6z1TW4tzbJRgF9q+hzBbZiIyRCDhT1ifG7ceg+flXKDagWyPI00lmVaWcl0SV/cURiz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nMgvhgeoNReFnvrfqJEBMXjAFupejvEvstPAXeiPQyw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w2DpaxjClfJ7y+C36YIi9EER4IqbW1yRNN1AwX8pkhMs8rrCdorrWz4ETFDBUBOKu6/gsz0JfR5odtEgr7ahF7Nc0mTIuoCTl/zIF5Xncm++Nm2zHGbXxWYfuxxPJ4pSDADObgxbDuCjZe3Hd5nxnhQAMF7CpTrHFKSvESfAGN2DWKyJvL12wTrw/19y2nyr/cfemU1jM/5Co8TtrCuPyaL38usHfdnBxqF5KcXFMGf4Y5VjaglnLn/Qee0MSOf9KQq52jCSUZEro2hwafyfdS7Wz2GJgapKbbTLSa757tZtE92IJ8BkxcvY7WdAQJHVodtf7fOM1PPIYPU3WQQRhK2S8oe6pf7DvtZTvCrcLTcp+s7X5352EpZCsB13rMjTR1HCjHvrygjLirSI5SfirVw2/2N+1yBb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nO3o5fqnN49O3dJPghZ133IgKmWWldtmIMklpPXMzRs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GiCiMtJRLBzkY633j81YVd+Nc9PTcgcZDeALMBpKlcmvs96lF84jgZ3XvAHF5Vctq5RD1eiHRj83FEM9dxSrgra5pfTyoVTTHVpK9v+lsywWWXn/d3qnxh6XWmEGePEKmDF4ESxmcRN2dzfqym4pN79Ft8giGvI80FxVL8ohTQVte5iL6eVMVlytMru2g7fAkidO5+Rz3cI5MiGEOf+U+rLiL7JXPtghUETlRXb0qC2fqBPj6aBqc3+X07kUPCAfwcqksSLF3MwqRDRoUTtSvTVEMQqsmUV6nGTV+woD8h6n6pemjeuEmvUzAhW5JGfN0a87Q2Edusm3bVSWCqYl8wNMKvEGeAWHAaHHQo48n0/jU0tfIyd+lVF4egucnxJ+9Sw4OmsE9QOdCwDbkNB1fTLZ158+0Zt/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nPQcQU7VTltQU0LBiiFSkhAZr7HH+fn/VqbI6+VWky0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6sMQRbts0jqiWX6av+zYNfaYMnfV2yzjK4UoCKAKOIwgfg5NbUnlmXemqMlrww+ektum9bA053MEDT9mf/c2HOlXuZ7IBNr4ud2LfCpw0AQ4q8N2WgrAxUY4V44iNf7GDVCOKbKrnNePi18cM98cd3q5rWiN/XFRrTVBd2R8M3WtJ+NnhBtnPt6Wv1rY8SIXZ1eNdWiN4kxUnZBntn4DHr67pgAl9avZMjKEuj2k3N8Jy8lD9xiliJMhItEvbCbRLMD+3lyEQkxLC7ddjLnyvZd6rLwjylVqaB4jIuHjGzEEcO9Qgtd15GEeBnaewwvRie0UhubHc9CDdq1hqZ26S2MmrONRorszCibM2Q7R82hvFtm0GOfbr9MDqQyqHIqsGMxPtWrX0EsqVbgBRlnvUoeRJ8ltdjbs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nQLxKpelVSgeL/4MMG1LFklW+bNlpi9WKhp3fI0hDcQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lzMC3YEG40n1KHcdCWlILKTBsHKZ79Zuy+IpuB3gbIlIBEPkB58VDchgUuDHwEMWHlgMUFF3QBUIDhydv+E8hWtrOgAOIPOiHmiKvqxdbXfzjJ/kaUFQADQvgyVMNf2Ka/ySWERVyLmmRTHCM6NOAKJi6AswjgNvwbVO/I4WnSy3uQ6vHwXsN8u3DhBafj5haM9Lb46rOMovL34bN6lIwWFiMDz4daS2w5PoOM6ZRHsSgt8RtqS98qNnztjS5bTNKRWYa9WcLKyqb1oPgiLmkbNRsJXU7z3dxXotPecZuKegNrJCCUwi7AVBxrODe1gFvYRqZnXXuwFVVMHXOBWd2gYetaj3yaZSI2359fcD1iyT0wSCqG9n6MxZ9xaFUkFgnEtRtCt4U1jdccH5rpG3nZNlfbSwEBIL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nQda9QqkF4OMBnVG8QrUZ1ZuNw7Z5VscVKCQUAEmPDg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GNfZcOqIZVquXQaONK9bTirEQier8Z9PAlQNHYu+4Es1BM2l2A/P9SnMykEHfYuzosPM96iILt72yJED/Fevn7cAaBVyBQEjTw4XfRurcYe6xhZ4LMWStHJwZI1MpttiVAOBZrQDDhGAWQtqKhn0tlprTHz4ID2M2W4s0k7ESaRs26BRDoRRacvw7zS07W5q720qG+DtDDlcC6XCpSDd3pFZxBTQdBuDLwjikfIhxdBG8UVp3IGqyO0tPKfJS8dSg5H6y7NdWh2Ayw5vd0ZDHES5T2wkl0QcJ490Q/BHhX+AEp2xc5V0cgK83cCl5Uw7YuWh4JqTlMzdW0c7sInU8FZ0KcbhPFtMXd70Zgosi/8n2WeDlrc+ii3u2Q1GK3Gbrti5/aKdfEBAYDGVmCK2SvtvR74RoHsc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nRpO0yGCyoOOAa9qeEBaajawsAH22yEJMqqW0/RQOCE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "y/pLaG4K6wpGaHl1N8O6X8mI/KsSHAU91+3kXB4ebetLXrvOPsczxSQODOPhBKcuiKRYmSZgZOpYDhphZ7oRVuBC+CyaU0LfdUeARfrmiRVaxi86D9Rtx0inkmx3xVFgKo6kooA9801jF9vIHcM6y6K6k5+qKbaP/riQsJobxpL/MmWW+CRduLRWslzGZjF7N5ehO/DFLe4Q+2jZMTqX9+832xV6cJjl7y9BT0sUlYzCbtLBSG+1wqkzCED8ZNxcVjlG8GnSJxIeFG8xsnvKPfv0IZLJGBbxdvdQRNpvCzphHAQVJP27/KzVhES/GZRAqnO2Te59X9p3V5FzuSFVCx0eHJWaB9cg1pR7thPxioG30F4bSOwOJo8vB+d7WEHildt+aMOMovnS3FggmiTunGEh6Y5ef1VU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nRqv0uLwp0+Mm/MvCsCxrb4RFSY4tjsF+XCa7c2mpRI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DRGs/ds1G7QPq/+1hM+ve8hPlIXulHNLL4qhwvufFOpBlhio4ctV1NybZ9MLiXh5My5jZmg2BjFLmVwj/m3N2ovZmx++y4B1HRk9Y7xpOJS0WR+ShgIRlgJbYBfEnLhNznbmeK8FNWuPM0nHdVwlhDzLyY5L10mQ9uF7uD2HkF5NfpzahBg/pUzhoNsPcmmMPc9hrUvgMfRta4wsujRhkUFKMJrwd8BauWYCZRF08JWIzhLPqrW+C+sR59qw2sFABOopfGhWBHmb7h8ebOdPh8CiF9UJZQLn4mGQIp36rGRr9Fek4t+2hkQB2ZG6dWoBm0WbuGFTmlUe4M35pw1MGXY0ni83YtUPV8/OKdcgla3b2ivZdDY9HMDufLvxGAyrR1illxUH68L2e84ciRrddA/NyC1yQThK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nTCSPu2N6lpuOnJcTxoD33lZBM6tCR6RrG0sUU2Wj6g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eZ3dcMfr4fzANKMDEWFXSprme9i7Zdv4Aew6aDXJMKNumQUDTghv+DBjvKq/uIKz5QRciItP1Crpa0ehPKUrzFTwHy1pAiw8nIjegrAXrybGGk9ZrpWfBF5J7mniXrHRGvx3bWDaN5KSxHU/htUWtDDSpstyk4q9v2x5mbczjMX2j4d2hytIORCy0ig7U1hKYaFIYAXzF602AgMLIzTlgAFrFMWsk8/yonl9ilYPJLveTuDBna3WfsVMzNgI6lOu/isgadse0fwd9yM8P73QqcZzx1G+JqAXrNwB4WX0XN7FuDXjWnuAEsiUR8V3kJxkZVtaKCSv2rKEGIjQwSdYEQWeiJU1QxBnrtTlwowmXh98fDvzETpBDfU2Gg4KavyVqzY7cfI0OIeftCLQrhBXzsjA5sfHhWnP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nUr1sL0KIbmwY7xrKVDSaoSo6yTivocpIQ3v8tmBd7U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zlgJtldkLVeLUmN/rBHTXWjzsGvgfYT/vD7PHrVNlxad1DoxU4j47EsyN0imzmekOoq6JsijEZI0rzA1T2y4YIRJbV1j9A1fM52WsBo29eogARD1C9+/W95Kp+tDqoWmjn6ghIrBeZonLGkiQHLZ3qJ84Qbda442QQ4CoIxCoA6DS3DOTZUBHOPY8Y63XAo0aT27GJEhSgNiYTn1PzS13eo3sJeYvubeyoo8WV6lzBMXKD3bP0k8Tx520gFyFnXk+7pPAXuEIO8Mrz2CIsaQhMTXzgFm3sng6VyQqvv3hPdvOeBrlFiUGJFaqpDvTGoX1bJ8/nBHMLpAASdatsMTruoYJOeaWfD6VJTsjd5OBaWf2VfAVMSHW5FmD9Fy5rOj04jn7vgpUzqiP6Mgsd4zAc/i0BSZjFxv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nVSl0cnaLxG3xZqrMtapgM1hw29rB9FA15WuiEBUzus",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1Xp5QS8TTmVAVDVsIuD95vCT5PZyYvArAmT8WcSKKxAgTxWTcNbRz6T6w4kMyba7b+LNRxxF4/YONJa7ENwbLcBE+L8RbETWQnNvr0Frap9pkSsLLTw3QX03W1mdrjq5LPtBGorIiqQtNOfhjgr7tpqEK52WB3Vykz6ufaTIPjG6ai6ZGR489E1gj/IxhLXllLeXr5txJkk06T+3rToNO+BlfKTBiKPtYj+TCyhaFcYNgVcyPe5PDKTjOEJxDYDFp0ootnoAmJB7VdWkTg6BGYb1h8nIn5KUqAbVKo7sWKmFt2xlxPLOqJ9eIzyhG0jEpRdwrcQXIY055dZrqYh+Y9sKibyFQAUUlPhhJsNpG9VhwwRhELoQp4ZTIf4rG9YBNs1l0yPKnz8huiL0OFWtKoxPI419wU7v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nVj6sI7rfehIJD2iBA75FA5MpoIEJIFWFTRKyS11zX0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S5xmhpsqXCCeUVhk/xKoiqGo4gg6sa3HgSpTzW5UNu8clVLJBowbN88pPFyG0UZfTpbvDD87tzOM0MSyl2hlsxcC+H2LFzIAcFBVtRPzKD0YJ65UyjMIqg6qq+yg5ijMYQ5+Xtpghk3bEcpDHEq9g8BgdHUodZUwjiarDfNcq64twF4ySwzzUrZPHwmUok8a/mIUQaNjdMCTvHCOXkFyOiehNHkhd6iRVYGq0tc8R6bHE0IelARXP7LZ5Vh2bw1LgIqng5EzzMt+E3pBlvnvsX0+9b0L/bNzzcgDB96XuXtMO0TgTfLNDIsfHll5oGdQEI5qFub+DZaFqwk5jZwDXvj8M4H2qbGMinIZi0wBTFBhcWUO7iA1Cc1rc2rEXnFG3qBQCfz5c8Ea/v98jWxHfK10HAmqCZ22",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nW2fq3kqMC/Twm1wFNQ2nVcKXoIE+Sx/EuftEx2m9EY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TyKQuplYSTx3aptD7Su7SdQdFifAuFGjFTgHMu+bAyz2v6ni+QQ5YvRY1VxPT8E7m/L9+xmgrKw33yL3aQ6ch8IjnmlPVqUAbbLHDWAUp+0aPr2Gd1csIxWrusr1hOry4txRckTTMP9HHV8WpOcOQQ2MSBI5CfFw2jB+w+kjQwz7zXlmhXF6FKoqpltolu+Q9Syg5wfIe0j1qSETJTkpvN9D1w0eSl0/KrREmPWaRgXnPdsS9biNeVpPsf+VUuN3K7JYtnqr9CPbmTFXhlC/JZugwZtpU5rWEFv67dpKAJAhOLAW6voHiJJYNl3ZKzvivZZ5rWU1RTiv9C3wzZB2QrvHwfOjP+qtemXeuMXhijSr1Vi3gJCupTtDg/iTr9Gqg1vlzo3NgDHx4QIU6Y570F2E/gFoO3zl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nX0O8L1zMpGaeqdsBJZSmyQi3aEaNvHjgHzV2iuPHac",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KwC900Ngxi/P6ASqTeSyQZWfl2z+PHTqLOKA6gPp6vVNnfQ9aR+XDqHixk2/RdwfavAo8h/oPOYYxqr5JXQMUtmQ1GMCrqQhnGC9TnRdITdEXJpLOwjj4PBrymF1ZsugHJQr2XBdn+dS+N0mftRfTYxs/WKQKfQVNRB5COenLaXKBvQWbHJ3Xlc/xcO6uluEsDaUcAHtoNCugnyO1uwRJvyKoAmUmWAeeK4A9z7tn1mrNZ5EzK8durEVvQNu7kF50piQaNZoNZZjDvARrG62qZYee/srNKt0WFSmiorgx/iUEiOozp/BUtVCMWkoig2mOOoah1SQ9ZAM7SidK+OiRnl/30U9HDh3TCZ7OqDhNA/08/Mjl04BevCOkHBdWmMU0dukdB8wSOadsZoSD+isOjlr9VbDFHTO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nZIFXwueS1jauiYmnZAMk2hX4N4SKKVKjCFLo4QWTRs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vOKaSGxb5mqkDI2sygeSBZk6+WYQaohgZ7+enXNwp/QQOWYT2MBbeou/bhqQiuW1/vPay/+fYkH1jAdNGRioGGOzYUkTIi+u0vrIg86Riz9SXN4GANWq5/N9RrRrgagabAcohsL3zH9gHN6G7WKRkSDgtGrQHA4LYyOkky0OdRAD8x0iS/yJ6t3Oue0lkdPbFR9vaozp6s5jHnr/Y6GjbS/b6lR/4Fs7KG/OJLBOzWPcitHMqNefJeC6plMGHIgVDxJRyRZTXuon0umaDeY1i1QEs+LaNRuMgTdBZez5HAsSN8VdPtcr4uny5LtFG1tMpp5jvRgNJe91TnKarLHe5qOxXQwblsKT/TyIlQ3m9NTBAo8BO6He7P8luUDXRJ7C4CUW5Oe8U2Le4CiPDRTGFTkojBDHFbhG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nZrVUbseNg0naMn7aeJ5LJ+jwrwvqDO/XBUgjiFsNKU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Qe7W6GVaxtM8I5zVx3KM6SkeOnH2CUqY+3ZaY0fI2x4i7kO/Vnm+THMLg6YOrSWNNLScQ1N+KV7Hm2OTf2gdlIniJqLaeTtx/3qSe/N+a07tobQtBUkYhhg0gOwugCpXg3eTMuObQ1vv4AgViiV3TsAF5BjDyGlzGa3X9Va4QFc6ZAoFiUDK6koJ5KVyANWIUe5M11x4B14P7rxVMpMyipTM+TJhziDOBOznO2uxkcGJ8VcGHN3jHod2YMxwW5hcCIAGY/KPPhB3X4LQuHxTNW4YbKqyBO9mWyONQykbDmnj94k/aDDghZFpJ35XnQfD/12rB4SIYG7BaIYC3SU1CYgH2rTMoELiigoD8nlc9AxVbmXiWHbCOabJwoK1FtHzNBVurxNrMU8uBCAC7hX8kaff0WtgxLPZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "na5us88VuID+JLhYw8PSre58tb7Hse43WKskI0MrFIE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BZtzJMOTiF1/c50kLjBH1k03nehHvE0Gb+eZlf+GqWsFW4IJdrG/jvqYjPz+hCwPCHiG32cS+O6djkqTQQVuRNWhnLhBLiKgPW6pJ+femttCxaD6SkYTMUpY0XKTNN1bLg15mFqw1p8gul+9+OCgnbZYOMqeUAHnoTjyl0wQZ/ZwVLZUrWtWP8DamT2iorc9gEanqBIgo2jGP0oljelHfCe+3w/1sBIsSlaXMA+sDjK6cfgJWVTaBOAuJ0EQqKZxk6yda9L9/e0VLBC2WS/KLohUkL0PoOSOG4FJ/wb6clPWrSHJ7gwitmHzUvSyoTieGHz852AMmqcxQ0qqh8ky0iepl4FZRR2a8xihCI6Nlpc/dzkij200umhHNd4V3lhLAIsmTDMW//+4xJHc1AOVqTQ908gpHr8c",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "naGc6R9Fha+P03yT84kabP0xnYK6QDZk1MewgzX8d9U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9a/j4M9mjzHwP1WnaEU5LeNpm3AjNKR8fyWxewQOEklMjv370S6Q+4RMMY+cB2OT2HdlmTB/Y6MUD1IZKpPpqk0souUPFVeb7Q6BFlrq9RR9RSOamLmrwmaTLg23ltvJAJMpIzD4ivIBZ5g9bv4ldzOLzd0erU2wEWgGQ32WtPUsJ02q9q2Pu2BQjy0jdYpym2lH+34a1UaxB+3puUzr1X0rMQBpKNk6YK6OxYJkcSv8G+T6kwgxLSmb0QggJNMiGKPMYCnNQbKpcGPR45ISEUMfeS1hCAaRHQvRMhSMcv90wXd0FQrnx5Z3VxeOOd7jDnSDLQ8bIDOg7by2D1kRxZz40LYKm1VJUm/XyUy4+wc2UvKy/qO7HTrrjuFaRI0YQarQot6+SzKVXMNNsDQi3fgEwUbVSmbe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nb6+mxqcfOQHHSicjOtgvCFjTQp4njE/EQZfT8JCoFM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6JJ7djnldgvP+AYuI1UzT7qr56+Aa99ma36nn3h6oDshwKUVJeYrrbBXzFhGaa/bMPxbBqWnnAuHcXjXt+efoVoYGCnKMpbHoFhd8PJDCK5Xa62ay4EbI1PT/ymCDW+4Px37Y9RIyHSEuGR4BYQgOjRmJPWP3nktA7xyjZxQ3OquKLnJQxik1l4DPOIfu+PjJiuASpp8AgL+MjpCBHrbKu1Yo7q4ZKYP2dXhdrbG+P8mZc3aaIniqu2iorERSN/l+JKLt3OIV7+OIZWjwn3EOwjY25xdiuj2rbq7M+af3epLwXk2gm2qugUB3cb80IKS57KSycNY59yclI518MzmsBG430JPvIy97MOqVh4JPiwW2dwM1xYcLd5b5oxvALtrLlNoDrbAVBd76zv4pLT4z2Qo5Wr5YbOW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nbwfNIr8loQFMTy+aDgA55A5024QLAhLxn89HZVIjJs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9IyIVZYePk0oxKq6iMd+kCvHVX66Pdqo7pdE2dg8hNrVyQJq+99VbZEQC5ZeJJU5bU7R+jofuu+cYzI6TPHkHZrSqcNuEoXFx3oQ/pb0M1VPvq6mvF/ZvJH3QTM87c/qiRLIheZhtGqdaeYNqctYGsL3fIVogqq4SQIiFlEv1dz8F1aSWThYe/3FVJRCc3kBqBTazJ5+8sdn3P4am0S8ITGNZThZo9Ob9Fj9VDhQ/+N2VvVi/lu40DPO7cto3ZFkAyi5Qf8ZKzDaG04CPl+3Py+Y+/Ez1ug/3M2kGjArMS6nBKMPBCIXdp6KzxzgtZT++zaGjsC0tAOoc3ShTH6T0x/fPdELAjk9NQa4pt4MzNwOw5ZS87idH3X8zeWaNObQIWGP2FAeQREdhFWVFrMiO1cbf9Ofv+OA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ncL7cICMQo1WlIVBM/QSNGkyu35XUlXcvC5+RvGd7rk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VCZGkrNuTSQHOLVmCcPC8YBTGur+Pjel/nQTNxxMMlmUCY0MCmeDYoQPlyDyRwbt2dMgh3BmSYI8QPIG8m8ZIH/I5BejACe3izL2+Lr2uXpsh+1vUo1n+7N7982ySNF04TKShj9UM+l09hrLnxPrTE652U3SOLIPjy1+F0MRo7RXUR5KLnI1jZ61JvQapQP6LZOT4pUd31LjvxWaJIc1yH/b0k2pgOOkydvB0HrUMn8/N2bYZtb/nGJrtm4oqEjy/JkWcQ5UmDOIR/eoxb6+ZmQNYfJHszBAOvN4XfjU1MTVByI/9MvXrSh9RRBu3gujKjguUX5irHECijFBAkFSQOvnPmasJ3KPEvWIjDNpxMDvitIBEmpEJRrrvDpSCEw5Oqn1rTpNQ3BUJQxM7Y18y37EuIzetTER",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ncgMaILf6pJpf8gaXmlbjnPBvuAhPhsmEofblZFpnII",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "z/Msibb/U5a6vSzHB5aGB5YZfq0krJNBxKf14BM+4Ia6LrkLhD+T0ASuQN+iH6zcb90LKkAWuCSLv7DMxvL3w+xTTAAx3384xdA34jCjvibFvX5jelCcrnjmeSGwLCk4TpjgCLC/Qc3lyOCAs9wFJBR9JxKydc6ur9NHjbxu4fItE5wXajVprXJ1bk0B4Ioj5fV7Tuz2b3Vux7qGr/qiMu6oEOJgMzz03/MIqYHsmCSYxh/oOQojKGf33yXMkUsLweYb57XLSJOOQiCmnZTE529PrfNlJsFK8JvSQc+JdoNhIun9wZahG7sTr/m2El213vzrIqtDpt0Enuho75jUVBg1Ys+jGg/PznQvfft0KLRAOoQu+1gYMrrav5bg845BhDoH2kXgrCVFGNguTtHEnlOazYD95eEx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ncjpQpnNH3HAh/yR96eejjas4QJh00kdzqFkz7iWPKc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N4+bhqIpRtsY8kwoxqhlJatbPbp+3icuzFWQs5ErOo26MEJw/UA8KNQIjWxcdi1My7jvVO6FqZNb+rmK7zLpqqm7mKKOl6j9Za/eDuDJagKFKrxzkk00Ib6j6yfwxjwLpddacXG3CuY7aEZp/vMQcUybmiYthdJkcrVlMBpulD2j/31pq7bctEQ/p0fG727mvT7XXg6/SlLFEc3/IjaOPgjUhzru/2gvO1HzSEAoM9t6n2EiCUg9tOH3d9hhkYdLWj10aIRMSzxBqv3ptELX+HyZUrRrhR7rolcig6xPHKDKCVUB+8SmX+PaYmfYdv09HG2FMngzHqQ841gYWYbKr33sh9c27G5aVikHqE9ot1WSxBOq6GhBUlfRn/K2rHIxW7jgRcSmRdhKYbuf++VAX+f0vdZcwOK8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nd7b36e1Xl2esMucreelu+dYi5rFbgZnBkLNADBNbeA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "b8Kcs1+6E7PraN9mhVmbXkoXzKE/PL97tuVPHdre+2oFpiuiogcVCnw4A6f6LEtW3mG0WUzrvB9MAyV12SRjiuIg1KLG4C6O58nCysMr2DO4DNvTztSWZc8zgYQFtA9ikNlqqE32ffD+duCcTxgNo0b8j/8WLwhnO6AXFUJy3AWMfAwTeMtOq59682kFBvqkRxmPHGaF7x06TxdyMaqntn9Hxo+Osb/aJY1x5EVF+6+ueLd+CsbKuOneukVpAaeLvF4EeX72q7hu8r100c5CQpEpsPo6whpkDM0HlxQ8N1htIy/dJUbcnNMEVKqaz1uU4yCfes8tmqaWyldjbYuR/xyXBA0HCIUoR7j/VLHRJ869Kbl62U8KDt52OKCMtKquBHGp/Q9v2GSw3KCmHRZqthiBlgXv85Xx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nd9fV0xgmmONmmvyIT9H308m20o7UGmj3e5IWJv4Gao",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/lzP/ayyoQjUyoFu7izJa3IP6oyJvPLxlSZtHcOwNgGl9e5uJy8TZCmIT23pVZPv56ztf18/f/QqT6nrdNUlpSfXp+bGP2Z6ezfzSXTmHcIn0gjvKi6x/4ghJEjwjjCwB5ML6nxLcOwhevXFjdxYEaHBHzDdfv64zaDHf9MLvspG1wfNyCu0CSlYN+Ej4sLCjc/Bs6IU88vxzreMlMtec/3bq2NsnJ0Z87Rm0j49s6UFuISslLgGanz98A5bZsbSj7Ysq+F6lBZ1l/o7Fz9hMyXXcV7qLriMC7bsn+Ku8+hFvxC5N90079BJU5FUGJ3nRuhGCvGx4JwCny6JRP0v3MfbPrXa4Fz7yHTLdI8q1WgibY8yRm/eBeBr4oGTurey45+GAmnibNN33RoigJbg6tzBh2XuNshG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "neo+EG1tmRh7XGLYjx2Ejc4zS9XTuCRxz3cB00sumw4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9d4gI9ZdE060FTTEXiYsjHak93eOYgmjEaMQj3An0L6bOg3DYlZg1y5gsMEOVwcUFifCIioRr38OeI5ZjQK4YwfCU+UeIrhNOPF0vHeE1QUQvhCIszGv5vRXVxVANzG/NZAv2W1Ox8ofB1hmJJRRr/2wbxwzdZq/9tDADQ3Rk+XyCnn8Nl3eZae0stlQB92WRl7y0H5C4Z8omqt1x0g4WiKnWuJLw8KGcg2z3AY0o1ykJ5rZrbG/nSxGbPZznHhusProz7ZAWTgobVE8oBG4t+CeKUtkkRNxzToA9/OE0WbJiDxU0pyPzxEy2TtnDpGxXwnsorHkMJ2bN7/m9F+m1C+dyDRbPNMOB74LLpWI30PSZkjkcANrfheu54kbYrBvj1as7LOmgQnYvni5+vYyQx3N9oH84Dkf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nfBAvoOq1H64SssFAyBk9EGAc15I/OawD7YmR/Hmi30",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wb75lTDWG0JNQ48WzNx8639fhWUHQyhhED8yEvgFG8nJKbCqZBRzdYIjea3Q9yKZiRDM5cLfoPEYtQBFCBP9N7iOhbef+zx/JzIPtX9McH+a4oN4m+wCnkgDsjedKUNRzxnxI2B92+d1PE8mLA2gd8DU1sofTQcV/G8Tmbie6mVicI2uaOaR+y+PSRugrdsjaflPsbX0S4BLTO+7hyvmkfe4Nsf8nubMlLgZl9Goel5aHiYqPy1ugUUW5yRUhdCiDCLlHXAhn/czQejWNfOX2WtEtlzAqjiBrQcOKUEO+1e7ZaWTywaL57COJEyD51SKqcJV8B6Wrx0fCS1RQUPc3b9Q/HrNTpWKX/gphMIsR/u2fgWP11ha/tQxlCoDgggrHcBpeL/S3PjK+zZbeH+uAddLIouf944N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nfKmwxpP/NWtWoIpqax5Kx1tarCCzoPVKQgQSznWvL8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iYnxrAu9YS8qUL5/q+eDjDsilRjf4B23GLuP/OTlazYa8Mh59K7ynRAMu6oIQoMX6pzbYe7oevhZ08mqUXnr73BZwTT+/nLg7I3V8X87EI6I0Pi0gz+/8yjclPXMkjIW1P8o4kRwkl+Vsgw4Z2BOH+UO3Zcd5AX9M2p7xIARl6R9TX6wRJCJKmR8GxeOdbzJ6QbKBiJ9ix9x6yF8s/Bc0W0LrZuSlW2agPaKYM4MD9WphgVYDAoW13MGB080urbfzx8K1iRX2DzFFZTUpzEBSLfYN15CT7W8Vv5EaiRTl7R+R4PF4pPBwhMEwI9ih1rS3NxZURZqg/O35pY6uWhPjLqdMfrb6RlFPYo3/VNKY/voxX27OjD/qBVktAj+IDP9rWmSxH4HyrnowceiOP1BQS+XqdY3ctku",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nfMdBPT0n9JDRxwQxW+ibVpUH1n4oqKts1rOIrk+ucM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "t0GZo2Pa5lrx7poij3TDQNcuvWQGzd5igLtmOlhfC5iTAFPdSCtYAST0AFTkK6dF6pAyvq/CvvoY2oTwBhN2937/2I82ou/1wkclo7gE8zN4o0Z8q+pf9ENItzMKL0eXoV8MvM1ihYqbJIYLW3SkVBnvrxciUI0HSllR9xsLLyx/R003+IN2/yIGuZN7eEIM301zUS9N5H9dciCIlIMxQCuR8UBEZ6tzmYSpKYFBNDYvCHlW8SxWn6LOwYRwiQWPF0mKo76NOpLiqiYEZLxLvkYihC5O76sJca13OJlFTHBsHfG1neEf7MY6JcKVJgtnw+ZwzQ76ez7SVLk+rHp2gkP38XtFt/IO82k3x45Oe6aOzOR+D8b5qUpfTjV8lvwE0ZzKNAyGdIVN/c3l9vvzRdOJYnryTpo0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "niuOVe085bGvRLMGVi1rhabYTdP26qM1HoBSr4MYDlE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8U0x55BD0HCnW0EHsU/jzxcGu1hHaBz9duynlIm76CpCrlBnONcYhttuNPqQ0apMgW01PEBC8WXmrqY7X52pfy5WzDAopzJYeW2DnI8/6bSwvDLgRzNhK10GOFr9mT20KxYa6y/TeCvfuRNitqKjzX87ccpyASW5UIGVXhRzrR013zIEXfivjYP5r+JtG9cUMkwkk8m6qmbX2Qg4dD5ppd7TMMUm02uPapTKuGH9s83PmeKfudNSNtosdznh2yveYVfYKo7aZzduH40RLfz8cJp9GGsM1QRko9uEuqDFT/8P8PPm8Y6Cz6yTUfHjZ5VwBuSLhajieFzPzOxCmpVadhnApZoz0c6W1WUq92ihN72Iw8Z16sbqcyakpLLauwvv/TIR4ryCRlEx+Yvm5AlOCuJHnOHOMKP5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nj6eWVUYuSEus5fhrVLSG32mFc0R+NFZN/BL08+ouFw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N1Jjrv6OrlmaTVlhnLx1iP7DUC+ufbGsvK27f31P1vcKJ/NZw69sEbLsaNFRvpEH562sdXlBySg7nI+ZGkzJd6mBgOsuqFchNucfPmohqyAuyWxXVVpC9s1X9BV3QFaCAOgWJbFsvCtP7pKnmcM9r/THSB7RuicqmrCFciwFS9D6AZN2ekVskXWO9Z+fI1vgdZHlbzkhpp7bFUqxf/EPcZinv2QkOtgatnXHSLdeM1Pv4O1t7tcqW/rlIY/xFUQ/DwlKgzb71YoEz+rj0xlyw3OPm2u1O21vPB7h9rsLdAkAWTxkqta/Xk0Ox2cDfXzgpzEhBGaU7/MLmNiQZD2NKulziTbMhbUSgoNQLDa1e1KHQ6/Cu73+taOXqkzCDwwC8u8yJ3BhqhaPa8WPDrR/NGd3QQxR0Z7+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nlioROapJ7KMPbqrX1HmHZuAq1IUcKW7BtOwRT9s+6w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zLLUUp2iQWiP2eeI4aDVmqWpuCw9KjBaDI5ftY/zmkKtrZbtKXvQI4Hz0znfYA4+k99vTfXjEoiL5+s5FBDzdTccjnUSNyq4dRp5R0MT505HV/8XJqaBv2ru5tkfVr8GC4RUYCqc/l252Az87FAuRMRzUyFHvmREH2S3QZbyjahhD3vM0aISbk619siBRNEGnyB1LcVIr+huqlKinFF7/mHr1WVWWx6AAYJ5Dxf/nyl2NvIBi3gbVd8WbQDKosHTb23oZQTBe7yEr8sHE9A2y/E6S5DTjkrxXq4JmcT+DyILd55L41heqRSaRGkZFL1GWQENYnrhvMwkE69idGGnhh/voqIhp79fvQbyNT5ipqSNk2Rrtz5It/TU1d9E0QAyps/1DiPlTIcLFR/O5FWwThcOKNUYDNwh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nmLMXd6ZbHksQCmj34l8x4XG9sNTNNGn3c3mfqKd2+M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2Q4j1TObm4KN18xCEowDODZB73Ufo3f879+tUbSZftxgAyVNCzHPGpgUnIKBaxSorJNOmH4OlkQD7XXMstJz60eWw6iTr0wyBSIKlSq2nlVSpKNz+M5f/xXw4heV4HluLQbIk++PWDj8eL8oIHDWRAwMexr5OrZtzW8DWTqyK3ronOY4ZOdNACiAcgPJuN1o/uVYbVrm7NpO355IUuBsQ80plgiRBJPbKphklYwN4mhc3T1vu8fBV2VdnPCwOT6wxA3+asRVL7y/Wy+MguL85Q9KzsN5CBncs/OwNbvpQJuBdnKUJQaInHO2O0NdPuJPa/AJTAmpTdxzNe7HAfpHrTuc7N4DneLvzkio10rk784mLiu4GGCXPwIhRfP80rxwSr7z2UEpnAc5xEdhezVCJnPpKUclJAL1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "noc1o4I3ydlHuz8aUudFlguX7dXvZhjh52725oAUdy4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mNPZ7b1+B6uBDK0somYhAqLCTjXONRu3q4M68r7fUmg8IQb5o+PAnfJuouv85QuF1ZyU8+SdNfiYRFwK2NUCAK11Q9fcKxw5IqxHIXQIJPeMEFoAtc00MPWbQC9YwipW+lYM0QFkdnjKvxJETiVECS0o3W8volDSVV1eCIElt7xyCTx2fRkR7fO3guZrB1YMDWVL3ckEf3n1T/ORgzTwPWhpJuHDnLyTLnsgIR2rVcQnFcnPAktJbMSNBgcFVkfQk3CgypkljHWI9YGX9jC2gDEnQo8GMA7fmU4MaNOCXehAQgI4Btej7YvfxvkzZJzo45eji/Fejv5xTYY19mALy7D7buSzBjKolLRx3vVU/V0+0ReAdyqSAU5r6PxxHRAhaHWXutivBMLYwTZfRnjYUEyI8y31zwx9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nochLJDzUhCcig1Imff4PPQmh/SvfqF/o4z76pxGHRE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hMSOvdNKvpQ8XSVZv3VYOCE/2wcNble1CZvmISAyxZx8l2WigWH+TVHKGoGvqd2J6HPwr5NALXiE79ssERCC/q/XlSViqE74n0jeyhXW5hKqg5WA74iOL1r/SH1GMnoEL539dxjXg7jL5Rjaf8il4TO8DxioMSYXWH5CoVfnw7PRRxtGNcHyS+WTuC/zZ0PbcpCjO3pmJYmT7o0Cq61M3qsj5GzkVpGP7Lf0NTNX2sRrWaD1RZ/utGVnd0wUTvZHvGuwEtUrKgfkpi6dvhEe/5/WCk28i0Khp8Omxd/SYFZCGU5IJxaQB9fhKlzVaAGUbnHTgbhZmnZiiOu4oO1cBjznh/4QvF8gbQNvfNptpVhoFD+7zd84JMPq4c4rj+DDOhlcwbOvflw6q8ooAy7CbppNFDpAQFQt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nprBlzEzrNG7T2SC0Fz8SbKRQuUbQ9xSZAKUje/Mc4Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cUe+AEJZhAMcIaErUZHgQSSC/kxK/GuAUyViUMpaBwLspy0e5MBfgGatdM60GZH8A42y6qOn7hjfpQCUULEsvEjtToRgye7/C3XejDDfMaRMCuyCifz0ChxFQQL37oaUXKD9n3ZvOOqXg9SdMrH67h1rKtZpzREuRyro9vBsMBeO/+uu68rI3//ws8zrl0IvR/dyl8HpAMQpMeTxOjvmAgyA2w+Gdn28nxm+JMKC+nonwmcrkflXTfNexZsBXm0RGzFxzfqhd1Evg3gKVy+qToQAGgltSBMWE3fuseHzuNs42SEjXcB9yDJ+9nSk8dh2HY9Z5r9F3HNfQAJ1G1Zb4zSdgzkWO1HLAeSmuj0BNzaxMW/vN632ceuGYwfs66ZDYjKcd5sPmSJAHyV7C5clZxxy2mFTzz28",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nps0upe7WF3l+GcyB2c6D6pWpS8/zkEMFo3mI4jm62M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "18nh/r/a/WmdmvElgWqn47RnzAva6yZWAylaegtRoG493wpjOAaw/eg7BULWdWsSD0fMQjvi68kQuds0qEzentd8JaJAEhG/ay4ATvTgwZJ8fuzzOLZl4xJjYiUe3n0GvV9KhhFISy7j4bIz878kSxS7vEx97viZnSZ+rIo8SKQS5M3PRpZq7dclm2bqEi8huRZsHuTbt8AOkLXt92e2TSbJDlhhIIhw3/x2rC686YCw+Ezv5A3C6TezTZ5AquL5+yARa/OLiPvJvjd5tog+7ZVDEfa/4kuyQ7ss34XRBCpUQj19hAOfDikYFIbuKphMooGr/Bz9oNDt4G254sPa0F/wxsLjh0ApvBKQs4sF4L+9vlgyZ/7g1Qkoif6feZIlSJpVzAHUsIBKj37lCCEnsjlV8R8pQoeD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nq/32Nbhm4RhniOPQElVvZGikn/pqC108Aj5VUpeKCQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Okehu+6ceYje2ylWX/4GeBGzn2NxeVQoxhHkxE5Gc0ZGDNEpNrGtdshrrZqEpN53fMEYrk7G/t8rZx4w8pLSAyhcLx9Fg6Gp6ZQNL1xzczb5SFwt6KhvuecRw5VsQlNNGxNzVQv9wDglUePRjcGYevT4CpPjiAdxBIUzWjTL5cvyvtPGVMeXlp9oNFek7BEauNl8lzchP5JJ/B28UUwV6FmXCKScKdUQ9st3r1bFUPRE+IwaQ20cTkeOqFOENiyQSfixjjW2f0IpQPUgPPxx1C8dCPOgfaV1sXJxguy8KeamYhy17tU8NwNnavv1/9hFBZjJR8nrrCH8r1RXuk7hvCVhwPWGuVyaa7MiES+KMI58rI3JSHp7X1ZH25kN/FbDVY9gUFpGH5fjyAMSy+f5/trkYjzem+D5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nt+U7KgiMT3JxZmo9rCpZTL67lhbdkokUhYKhtNfIMo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fMxf6BLXg2FnksOVy6EPYAfK7P70AVf+K8L+KJbtqO9uj9LrmhUCvKhu0lmRCfTEEsb118M9Z4PFmkC6DrPc6KnwZ4Nc2xjukJKWzPazt3wnN5JdJy9HElM9gE3fPSaiRL8mfaf0DtLXdoM6MnHhQwIHGJSpr3g7BkOAIG3IVc/rHCwzYAbuVDokboZtHIdGK9CeijlGMp9A6V+dDYb7eZUUPlp5MTe7tJf1eTNDIaWwOUqyEsxyP6hAZTWj3KEJrVZQu5OlC8KZ/0BJbi/21V1N2NpRY0eadtnTgNhEQ7Yr47meCfF5mE7g2TA0Gpwpcx3lelCPfrAVPEetX0Go50lg6y5BqBL5XpBPO/VvSyBxIUwbd+dMxipFD8ILyMZvK04EFxvSfTL9GSDRDcZyZ/EYqMBMM1bn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nuQAMmygyPl9YrQhTtWwWn88Q/GV2JDQ50MVGMp5/1E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0yIOzMlPF5iJq/0VQnAMSD0D2DQGc72FZNKgw6uSofOolDI5Kb2jCXcNvVxF6skEYXlFxWtfX5Z6cy11TF93J+2kzMd2ATtqtnUiQFVgprLV7V0/lNC9BB76kX6TZ4Gmz47ewPd+LQhBd3hq3zMyqemtelvySddSkq7iWe3YuFER63awfbQfaNNz6l+HgLZttxOtfE2y5vfx9XmZhfVuQX3C2WXlqHgzpib4jvLQbfCvszvUrB/kOp/05zP+egQZ4yysnW2uyfhod/EYPQyoRoCGp/r4Sgcj8mIdw43IJINkbXOBbsEO8t7gHixa0UekMRkl6qeDqXvoLUvhdkokNg4mITEVvkXHyiZixon3/njRe4zxT9jEJDVMUoevz98zAF8obBkTPmlFUPDv+S2kyOjPKldgZRJd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nvSSgc5gsHuNyfwTOk/B59Eo37gHNHaNV370wB1uPqk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VjMvmY9WP/Nf19jCXhIazCH1EW0MV/lxxJMQ2LgQVy9GpnzeHtSnHXkMhFkXgPjxZKv2M7yVSEN5AOoHeRBSIILaTGwmBu1Xl1VhdLbiEIoP4f/7OGIZ9A4SBLpxjsQXthLypdv21J60pDTucUy4pBV33OsBGlhW5Ne9LWDzTj7HYOFrxpsfc9LbfCpnHxFnsptfhWtemUuyqCxLR3GVLdfqNuKNWEWY8JrCdsLp/bGsSpvkcDaOSLnWBtST+08WTM8/5wLNvpoC42ctW5EjdZokbGPVsgmoojETu2EE1Y1Iqlsm36EMAOTYsHno1xMZgLOmIpm3rS0tgW1LGN9optQBjIp7ObqHZXhtCptRP8gP+0riLqP+hlgWn4hf1EXz9Xy52Jt0aOY80M4W701RVY40YE9EWO+k",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nxTUfIB+mU9z5hkos70gDMCco4ySkroqLMJroquDGYU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "64DK5KVi6+b4I0iwQWsR2DRjgNwG5BBcAC8Q0IlhT/UGsf87pD+2s4YyniVjc8LCoQL05IoTSREM9fnkG3mYE7D75QQk4N3ZBrJ7fo/rWxjsCLs77JLsUCh+0ILo75EyloRbMWHoo6iUC1w9R4V0qPhWRt5cH5TaE8M4+mqioBztZqoy8tQtii4ptnyrr3Tydgzb6tc71fOcbAAiWnuzHS5pVVaR4SvcaqM6dC+Pg1N3xI64ZNe5CHS4lxZk89GsGW7XzkL+RNMy+iFOMD26m6AH5JTDu/liyEyX7TqO3W6pkw6wqz91N1Z4abSJy6vmPcESRLgzM6M5BQsMCarsOe9bWmNjpn2Bc0rOBDcOc2qsZGlUWp968AX3LIlYxe1PVK/VUU7XxtHhlK9gJnaVY1L39bXxfxqY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nyEXogCyRnSrvqhBLYwDD8qrk+eWh/dJAMJ8ZK0/rCw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s1bm9dtzjgcLmcpQLOiR9D7ia+G3WPgxXsqhgsDk7VzqFUNxqOGFGjp7SmzAQ6SDfedBitkLh01OEUuJAGpoGxWQ60c0l8qSmz+GMSS7BBpQSoOHCTHtzxAHrelCOFRJhKcfNTtgJSjiL2UD0nDY0uOQaOSbdiy+GwjJnViUjN1tR+CP39EYK9x92Rt0wnyDyTdJ81qnLcOG3zh3GMLKqAf9l6rTAs7SwyzgJq3OMdWnzWexyVQTmhloxU1lAKqX6n5JC3MBjgQDhy8QMHCGPDAPwM/AQon7y0GRAkWK/vAQFzDEJl5GPUH8ItSDflSGSntXvvVcwVjHy+Y+YRtLMAtcMwO9V3NiuSEY5Z2ORiPVV4kDC+GjR3mdoFbrhKlE9OZibq1YeSidUb8B9Bq/h0d1GhLu3jGt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nydEIzj+h4kfFq7PMVk6Ow4wHl+bwAn9LcePGs3t6HU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M2mh9AaOGkLqhr7bGVgfh8jS0gCghGtf845iZIY+T99kmsZ4WVBjEXXRccanBC0jt4VKXbgjjKXxKeHbzBj0bNnrmpwgMdpdCaCtvOvummJ37HyPc9/j/lnt7IV0qFNpfvQs6SEpNuYNdi855bo510fBQ5SxfJKbPnQe4zR/eKluBSnKVbc+YcAS+4UCn3fJKcGbZ+SwOVREcFLu4JUMl/mZfwyZBxjYgp/LaE5VAgw1lZxJr2YvbqQIqOKjg6MqtPJzLOrWySSVBr9YGDrw9hiRjDvmA1321b0VA/lJ7/CkyqYUj5qh0qwbENmeC/BcUTzFAlywWFok5Adax4WExelAllTTw7F03LbMCnXLwxNI7tXY4ehUvrTIXRVO5R9o9J+airKAg8m19KNWSF3crQOVs1bY2uji",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "nywnwZ5JDQnyjGlfWkGA9CAxyg0KiKpi0orWHdcrdQA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "R8kSjlK2T0jblEDRYe0NFPQr8dFbg0TnCSMMzhjw68ejfDE01kYLkTVxb5rT4SKNgyMcOCMU2UZfdroQP3GriXF+J+zN0NJt463Bx300qJE8xMmvi+dTrrSfb2NO6P0MGc17v0ugTO6yRu6qaKGbWO3KhRJDnw73g5d9kp6v79JYuvUWYNBxuPXXyP859BjIQHPP7lSN7oXlS09zCELfFEPEWM3dl0mVmPPVHbSH5KV6fzIJhZRdquD/r5qa2makDMt9aOqhC4UzKNkHQ5BFSYoE/1zzUp/WCHKVq2b0G8DgOrIcZa8YoNsHjoj0e75pmpK5PVi+mlkyuDTBemOgdE1/Pt+ddT6Nr9pg98ySY+myYn2hfbBkfH9WcVc8CvSacpXFUZLHBJycxi0xIspXDhZT9CFX6gwB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "o+UqBN4HFE0+myAzaXGO5PFTaoa/GtkjiY7OVzvIgf8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v+BPvVSXwyLVjXpU4j7eU9+zuT25LVOulhYi5c4G7g7UmtbanhSXzXV4CU7l/hxWvVsx7HrozJwWKIQe1GRUfOgvSnEegxZRR/tKiuRdVZ6EL8SrI7ogQBioE3J5yhpelopw9UmgmqyoQ/w4aKaup0+TVo95M4ulrL1lFyZosn4ZJ3lwy/RpoxZndKwaB9UdoMnt4R3zhNlfwXA4Aud3ljIUsid0hwUiOCGDbmtX3JioD0766Ui/lxcftMQAUubNjkqLKtdXBjfZebzIKEzDW9ZkTG5oAAOCrvxduHrbG54QZNGXfmwd1LX5HB1jeU1Sh+oTkp25QLJYdpEooPLcKOlBXGVZ6OL/3iow3YXz9C8yfK6fFZw2JTwSZTjbfs6RU2uEEOUWBoS6jKsBQ+SSToHyIarnJBOr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "o/N6cLn0DxSIS4aZfTeBBEAUGIFZtMOMTxN+7GjJDXg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Z52C+nNcz5D4pfAKyaNxG9dm1yKtsHpXUscFNZrO3MaxSXpQlCtigU4xfAoE9su81lk4zYTDc4eQLc/wbGsM4uo8DPudhv/IBsHkNTmdegTwp2Tsa+3Pi2XZ+GRVzsLRr764b7S8UsCgK/AHTfjfW6rnnCUn1BG0OtMlWDZ2/+ih+Fg5iNDV7sq5e1rpIYwhEX1GUvjyjlj7EEuzZMWz6QUuNGvaILXJmSxfeWfVZiwkBNGylXMHClKiqJAIwaOcx1fVaAatcTB4oof+cwTpvJM510M7mBp+ybYttSNbRwnRh3tVtG3Y7t1x/slgrxwke/nrT4HLrXnaBbLjwCBBc87wNwKjKJ/drmy76jDiiHAjEu9hWtgvgTmv47xd+sJcV5xTbYQHwL3L4JC4xhVNTQjlwK3kyZDg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "o0YtDFLiVhoquby4W8QDMSoAIDdFzIFk5t7DQFDRvXg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Gt7iWxzQ3vta1wklr9Wpo3Re/qiigH+nl9Ksc9kHwRtKtm0O7afhgD0d4tzqzduUXt2IH3z/QZKOOF572ehRz+uDlaxwJadojoSd400/QyHaqGOLwwf+3UIOb6RySjGff5adKVbcZR8xhj5kfbUIlRNtNGH37HQoZUXabD0OIgTuFSDPAjaK7IKqsWDQdE/lmt6LL1RXkcmWxA5uPTNThCmpXpqK4ZCWr4LUwCuWxybq5s4j/GtUR3+My8RUZudjwOUljd4JUy7TDlqc82KMLRi1yU6FMK+eNRZE0gX9L0MfSY6fjROTGS1NopnXCx4Q6TuJKHi5wTcYUJ3Z54XZoJsZZF3lMGWQD3NGgPmykOKxNrSg6qVJIyX7VBjNg6l9sjp4TmmyDYle2K+zrxCs6VjBDp07spja",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "o1Rtt14jmg7A9TRESA83lWsgLzGjJctnX4C/EfmVoeY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PgZVVORwEDo+PZhD0DbxbSsSAXzYlLuIp9wpVGkcfgAKoGbDgFfyVrBOGVKGe4P6AyNauIvv1IyXfcV7KKmcwyFPueOUuZmTEFHFjeqoFV0LpMSEl1rWc008oIukiAl32kHQVVopu+LSUjLKDrDyPN5JcCLeZZGp077KrabmLhjg46nZFPcX0d3SHnZXU/OKXQeyz/Z7RdvlqokDavtaYuMytEARtGgiFKSug0YO5fNyQr5OiY6ukqlcCv5DtkNwnn4+O9FYmXjv9gGuivPNnLEGd0BE9N5E/yu07IlrwX+l9wWdE+jDHat3bReF3RGSgEYojyQygCe0AF+SfUYxvormqAjSs52VbfF/tCiEOTJuCgYVXnYXrL5UrCBMboCweL6dZEemHmJ5gIFl3xp+MMYRasrFb6kr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "o3f/pysQ06Xi7Q/TZKjeC6KGsjXOvreXV3m751C0zCk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gZPvnWb3R/Jbjwy1KfWc2fPqQ0wiqg4zS2qxSicwp/rWdK5r8sU3Ncgh4j5x4ToiAA1HQ6ZcjjITQNfxGY0WEkxH6ICqZ/4dbRYukBNPFvd/+ua8B4vvtzDpuA8E/U27R+nvh4pgkNH+y+CY86c1IqiVaS608E4CogaibKWedodQP76znu+GQ41rGnM8ig4ETXviV7y3UUCovZnaJZYG6Ig+9BaA56t/fsWF/j0ZX+/SofHi3FcklnkBOmJw9wBTNkuoo7pzq6l5IpEK7tkgsL0gE29U/ypo/nrGhqcXR8EhQIY86KIxeVnAYufkEqlem51jwxmZNkzb0xugjVZGYMvIHg1IjiuyQyK67gn6v663mY4fTLz/m2wPNBk5rDusGvxjnzxXmE0/muRLzVYh6VqA5z35pprY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "o3gJObX286y9H8SRxkkxWr5aLeAqtFYSlWK0cKtfl78",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Xi75WdayAUPgex57aFWVxPfMNINdVqKl0mULaWE0hN3HJPZc9hoawnCelSNRa2+PmmqzJ4C1lKCL8fJTiphU7WJ29kOd/5eGm60ZHAtiXckcCT30K8NZiGE4n5exGkaFCaWr0pKB8vN2iG1e5fPv19MGQVWmAuSo3ohgLCgu87gY9Dis1R8OytROt3qoaHpQCNwfDpljv4rf04eMK+Q1aFZaxNl3KhpCt4bidNUMtPh5Jqb8P9wUJvke5GqlFO9GtxtNxPdu/wigINrWbHdsw/VmMXPO53msN4KnNi+BJr6IM5kxYzfPGzU/IxR3YCv0Mt28qIUorW95VazeOMYd1wnWY92LgHwDQSXTKuVroTVrOigOXyKnvm8ncSHUTuyRetp9Kv3Rbqq2wjP3fqc/WN5W/JKcYepx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "o5NmQ8q3Q9N8YJfL7l0oG32c8nbwovwQLVMELSRveFM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5294P7n51bkhChz1TAfvNtxlwiZEeSKAz/nbjHfB7fWE26uXDnq+x6jsjO47cuR+krBPJo85tR1CTVY3Rh5Rp47ycMZNNmodWPH2ONsgom5JCTEdK8GrfSY1jxWs616VEF82XvGEWMd8wUcdW8cQwEJkwKnNswZgQdO391pXnDa+j3ob5yPY99Ci118wx5zYiqC58kgzTy6IqDw7rWB1tgRxQV2En5ZzdWYDchW1+IOJ7Y2urDavNtsBTYAw2ieaQ/rp779sW6eQenM1LcfoKHGLpy9d/h/yS+ICYijJj888+haVp+mwH42rHL4ebt4oZOZ/Vik/cj6ldhEHW8y6zfCbtQaJy1dAz2w0JHEbgR8rJWLL36kTfghjzgf/4gYl5BXp/51337aQyNC408xyCARRejXNIkcu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "o5uvsr7cBuroC4FfMVKw7o4V3gWGc3z4ydz7vrQx7QI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rraU3X8jdsLkH3qYRkuQ3zy+lAHCe5fAh6Ng8KY2dksv9lrkr9gJOhdPJG1+fi7fEoMt5yfB9G5B5y72hhl5ei7VBWuiNdQcg7boYGox+OKg6aqrtHbiBNksm0w/yHYIhGrkQUczeoF7j6WagenaN/Lsl1LCoZwmWCtX6j7p6Qa2ggWOeNfJIxR17QA+E8nzrAOyPKtMzCQLc06kuaqnTWEE+tshaitmzTGMobtV42JfbU2yFgmf8c6xKFR1Yd839hkU7etws9k4afhqJvoWDpJgqeOfED1obsx5IQTTIFll9um2cTQXX1j5zxO84/lES/SjkJr+qiXbMI8QyMToekH/NZz67BpvrpzSq0Rf7OJhfhajz6KTw0xmImBcNjULKOrHMyYBtyWkK2d9NwIhuZhgtwZ658Vv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "o6udg9wU71v5DO6huRctSPpj1l4jdnVRPnkyyISqtZY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5cvMC9wZP2HbXJ2cGuS30LR1HviCDYCH4PdzbM6wPzjamt3CGL0S57be8SV3SlXpryfT7B1MjL/zwbAlI39hC6IGWx82nZxm2ukxYD9uxC2f390ieD7kwHtcdlpX8PA0IAq07Hn35+IKDC5K6t3UToDnkNexi/Y+pV39TWAiuSMB6BCMRfY7Yv+nbrUCVsmhSQ4OS1TwuCgCIYEO8FcP+jYMRE5UYxnzk3xYGzTAOke1X4LeURolvsvLETsZMie35KmEUqka22G+2kXmQLrUO3gUrwEz9leLTjYt1Z4xxQarynrJ6RopzOzoYJ/95lUe8r3HJGTdfCENgrnM/HfdTAjwYJ7M9EQFX75/wioSG1HLt0aHBM40JX/3FObr9O2g82XpywpXl3s9sVScJkIQTSvioitnbibS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "o7+2uSJaQAWJykPO4r88fxWetLAxCsm71e1ulcVDY+k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QJmJZ5yJoQrmEMKc19ueDDFNoWfdlV2L/0p60wMN3Ng177DzYRp8ZJKf340b16aqVegr+6XtDYPQmk4oAMutlUWyUEp3l0tYsMypw78uFOr6ieWe4Vn0P2iYSg2gh2WG9LpP4R0gb11LQl1AysBonEZ/RJ5orwK5DpIsiHpJK1mxInl4+bRCDsbGS4d7dAxcOtb8PeaBPN/3RwR6bdy2XaCAll/Rv1HsvWXtlUHhebnuiKQ/8pK8b1Jv2pKA99BLlRQUv/bQ0DDkiFczj8C5C/yjOcgirm0G4rltsubm6r9NTWdPOr3kUV7l4r8fkFbuhhiG2Ag/2q+p7INQxmSNQS0szUD5RcZ0F7UrlRwDwfuyG2SDJoMfY0rEg6drWielFa+NlIkHmvxhpUXq5PWHj+LbCkCFDMBP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oAfZTA9PM9dme1fB98YDSFypY08NBSJ/OVLplOEqTp8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cQLSeE5fVw2TSSMIGkmq3tIUaQelL7r9KsySDUvGR4N5k0h2km5TVOtp0ZMYxMnvX2TNSBCnRwZxZo/qVTT0vAyTbvYjUIbMq12SDTlmLQ+XDvUjBsEtigOzRNDeMF6yZF+GLgbwsPgnYX/BJ7GFQU27Um/BnFDr3iT1NBC5x5q/kREAVBXuxR8XnyCdxPjl62lm7rHGL2wL/VdpYmP4UTG55yP2TVCW3JSELuSx9YGGzx38V6qEtFKL91xwfoyMzh6e1uDdSRlLM6bePhnv92y7sc5IOrNT37XcDTuhXCbe9XOkKsVO83x0LR4X5xvpfPA1vj023SkQfRPJbxjxgh+hJpBDogHuAPpQa9MKRputCBRI0y+6TD/P/8/K6s7VLrUut2LLUF/gH/VHbPqWgZ101u0ThcyW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oAlhvzj+ZweSQlp+9/oSuV6sckITeX2Xg3YfSBeyDNc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gISkbMTQG5FOKQOs6Q1bULy7pS9Wgz6CuVNiubbgJxrMW3TO9g3z9S4ljpnQFY2t8Slh5jkGdepcVS3wGnMWTovhVLsSYUXEKokpK1h7R3ZMPeSHYABkbAWaPQf7ksMVBTqd7IeQ/MGuQ0MAswaADZGHffYnDbRvkzQ9Agn0INTbuLRHyDaOnZlr9miffpwyj0X0IFnarjS0jLLt7c8BvLsNusS3+sy2ZIM1hMOSATNlvawmxP9YQIUHCoip3sAVx0LQUIBkuW71y4AFC6eCm7aiw1pqFebU/5XgpWuaKbJ6FM4Q/rS3qEkyV0RKGQTbFXMPMhZjZPdb8VPoTt4F6u8Eja9QeOBqbC5H3i6+6TzZnNktf0FsM6eOZHBuQIl7C8guQOVSr4bR2PIOOnlzuW36XAXGfkFG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oB/nzmiwyOZLX+iM9yWwvBuY8wN7tvqObc8SFF6ijNg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uxZPxwgbxRe2GK3YQeHLYr0hiXm7q8rYt96iT83Jt5/tbkVxPmYxwx6DTcV61zBhLcQO48TP3vkBYSZD0toAPVGfTw21oTu8l035arFaF6RXzVJ8JHqo47A1g8S63U/Pp9F0Nb62e9dYLGL8tqU37LYoO/kiICBOPcvkp9G4GLv0sgBVikCkIhh1nmpNfR+YnWNlPAyWawMLcz7+ht7ANE9vmZTn/D4yrfb9Hz9OqWq9AO+STwqixExDYmgEraJojqICpQEhaCOsBMv9Kd9KDhSB36ZRcZPGpSdcUFj8k9+QLoOESomOBtx7x2BqdFWU2H4+cHSX9f4Pj7m2x5Xn+CAQQkuuVuWujOC4uYFe4JGWBXiClb9UUg97mZrQQkHK5x8bPAo90jcYB6HqPNE0aQCk6bS7AyX6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oC+VzpAAnpm2HdKyYYqqOJbLcIGwSJqXgsSd2ELhiKk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6+ma3c+YL5/0lvt3MtHfe+YsRKjBrfRsGW4oIc9aE3x0XPSj86LvIy3jh/JtqrZMzY85wwYoQCUkS7UUZzul9Av6G4sD5NtBW8OUZYIVbSAkKeqahyX+v/tuqVhSxpC5Riq+OFrG9O7lvpUPZZu0IAw8BfTPgY8w7a/gl5GcJG7PjEALn8i15vb0RJ8n5Z29yFGHbzh+W5B3xCvvZ0NErAHSj8gypX3G/6O8Rdv/vxucF0M3j5H/HjiYwePnZmPVF74wUrH8nirL6f4OXpgUNoMN05jM3E+ZAKa3g9HkHvFw3LCaJe9U5Cont5OH2fihHE1HilimjfMX/wvJq/Uc7M+pNOdG89Rt7r5VgR91INGyumbW7Egso3wEjspG7Lk208hy4lg3MyWW/+PAzApYwd1GrkE/kHlx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oCH5ar/naE2XIXx3Q5bxonnTTPiR89Si/FRQl/1RwNA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0ZBa4/6nEN41mMSmtBj313mc0aab2ZgxDvuspEuBkQH/RT/b49YJu+WLA0aoI/e389zUnfYMr9AxiQ5ze3qDO8gNSBSVdh4N/exGx5Vn0DWR4/6oVKl0WROW1L2a/Xi1kdk8WdjJL49sZ0/o10qgCtotfNBmZfM6UsQCTFzsh5v7L6dmGzREg27Ty8X/mAip6BWHsWTMbVQkD2VpAgvgFIeK847fCHDir7+ooVdd1pJNvZr2iDT+jZWuB8aR4MknEgzMgt5RrEuljYy+EFoglzhx5VmlCIKboVu29EqeqS04HKH7el1lLNpl09QJgDaTCk/fHIsLlgYr42V++1wAPP4vpj5jnxZ6cHD2MYwlA3R64WOBgFdMlPxwj0zkebt1pobeQJ1AOEo/SbVM1ykqiX2N7WjH4VpI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oChiQiSi1212vfXnu8vqYm0peT2MouOebceOW03yGew",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zVYexyDW5I3lDoKtXVZ5xCBFpjVQ9N7ChxEJncXy6+uCsxEU8UsMZz4DZKflVkcotnpP9ACTDWVK1kVESY9cw1CLJf87FoHJkuWdanj+3+5TK0jl01d6I9fszE3Vi8f1omEMIb3zokOPBvl7PBvMGKe1krthe2Z+TCLEl8rBz3BXenN+qYe1gGN28QGBasIkyEq/R5G+8B9n9YplvSxphgRu6tBukKFu2gRTDEymZopMjPWmMMn4LxX89/QaS20ktz2oQR7KPlQ7AmA1c+9Z8qJYDq9viTGDlAeqlWCTBTCC1Oa5aNyxasad5k+bFtc0olMju1hZvNQvjo0lAciDZRud7m2D2JwdBy1m38r1AAkX60r022MUFRA+myaNfM+dvfM3XWkyS1klblGcBGJwFvCcqrStoK3K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oDL3cPK/0z5PZKxnUFA2akxxfj0mP+6g+YR7Bastooo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3YJyj0aILJGT2Ukgy9UhEGpFSIWx7JGPIGjfnys/H47sjtReuPINRhWYl8PqmfGyZU4YlZcg+qe61uqbYQgLqce67eIaFVes/YJwK9GY4H8OqW3t+4ILRTPxFuDHt5ZiHDzM1VMrOMP3eMWZk2fEAHxyPlQtVOUgsCcgRc3Wx8rLwU7rS392DdggXABB+mfejIS7hHpeIVzPMpH9mFCRfylcPu1rI2tPIwcXmamYjO2vTxq8IJ/gj08kw1AL8fIarNdHPhwmdAKaNIZf7M6FSOaGC0ChGhLlszg+hQpTUvlRwS04gmUHlhb5DDvXHMMMDUmKZKGfrMbXssHJ/hqhecP+RAm4pj9j7K6sYhpOcwZq+MY0DfkgT1BER76NhjxiN05vtpX95I1pQFi3xTmAYseeNVUSMfBV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oEfjQbYRMZBgFsQ4Yxt2ZoKiKexL0966w0ET4XXOWDI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+EUTUWHqvUpkWCOETwGsqcSnHGWMOq4EAmnGHc0MMlxG+/9kl4oG/obqkO3T5oRl/DLL+RyKE10XfOxcVmzZm/xXtxeG1FGBuyxZ7eAN1xfCFWyRjcMc+pIbCHpg6/jJlPYxZ9K2YHy9xoZ1z1arb+gO4rPALMGmPoN2LhRieKslevixcNVI5pLoQ/ptFylPr5X6KrDFx4eFKWE7e4yhuzGbDQF2833S4dxDQX3k9ELym5+trNmszCaHf8PrrbCMn9mmP1GE/FX6dFnNmqzx4MhAliYBrX1vuzZi5mix6/oJc4qbZlHJRCxvsLJmTJp+nwJKC1Ny31HXR55LNTB1ZpM4RvEeB+9KCrPXa5F8hw2WwuYD/r3s7nkYwkA851s+svVP+rpF/Bcqwwk+O9EuR7YPJ0IpFYU5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oF0sTz7jJImxWmDxmAB3AYFxYiWQVFVp0njsKOMoaUA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YjmYhcmmpKaQcXrJtXoRe/aOrqUwElTxfyq+ADZXSR9Ln9RmSnZPhHs3OA348+CvKvpMK3yfwVr4M3JxyrnXkzFYlIYHuD2SV57nEArPj8DwUitIDQv3IJzxBpFyNrCotKkR6uICT7/1Urnv8wqZ0EcY984Ma00KqZj42KLXXwf05NmHj51ebaMwp5whBZdZgqdG0w4Gn+dxKcQdCCD3RRM5A/iVbP18O/QDy67xLkv+c/rD9+McsFcEEbXqjkmFAQZ4EKmJD1m+6S1gd8wpDZLczvEfnTbtemUjP62D/ehKXxpZrDA6+8n2Cdz20QCQ3b9JauQOiO/SNTDUsIHbPEujQs6rPt1exg1AHMAGtJrGBAN3NahBWV7HhAlSbEcDVAnv0bwM4+QLXyKFPvSdA2KRWzUf5Tff",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oJF3kh0SA7fLEXg9CAXva+oQCX0rkbPe+EJX5W1fpw8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NB3e+vz+2mF+6BtP1lCI57V8ovdi9PrUe/ida/eS+kgd/mJAE+MH6dShPej19xcNISopVCA8tmuwADrMM6m63jTCg9QIuVp79iiunNX33CKT9TpqKj0MwiS4iP0E0pODdk4n4rpsGbKdTbO4n3O5uiAbH8WbFn83Sk6sOBpGhtuiqCZOIFTmPtASoi0qKTo0RtnxkCwzn0yGuyewDXjqU06d6OcUDOgpI1PlFCl/jpPBc2doztxVXs7mzZd0eq3rts8POdoziP5hqF+u8BHmKh9Ptt8HOvt7u9w+/GiA8N8IIigECp7oxJxej7+VLB/EZ7FbKRws5U9IW7yRgtYmS/xegsK/UWVSoXN7fiHn3lKgOp4K8eU61E/UywNuN6dDEyKKZ4DyhalaU5j8TEo32OzKV7UXEvo1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oJcraK76kcglRfeqH+gpTJQNSe21vDnn7m6F1FCA/AU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W57mZfV0iHfsWrFDxASvnWgoa3iN/rS45uwyytOnx3tMJ/OZSGaz3KMD4/+yENI87Gf+GZaXJ1W+Sqckha8soOqN1tYjP7XV0lybgZrgUiRcBUpJHnsny0qtOTil8BzyG41zhlDieukiqPAItdaFE/Bv08rJlNZQ+T+9czGlk2+WzACXGeXmfFmKmscNt/OrwAOgNLj/a6Pas5RZGmq0+CsRHfJlEENXZVDnnOWfmbcTzO/Vr9LALVjMfmZOoLQ8PZESvbWBPnnWLW8NEArGG701mFSamu2UGY5vZOYzBt6CElyc87mmTtm0u7Qz5gVJk2vRhhrWwqNEnitDl+uJ9mG5gnQH0yJiA/eNy8KdXxy+XbwJDqPQZY+dhDZOQS146aL5qTRKQJlR6CxKC0as5gXyZ47hofBQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oMJJ//Yw52VUt1DQTaD0EILnx0D2/u9ZEQhlHwSD4Tc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5uYbLZaix7Fbgruie6dHHSLIj8Tjy4B6qEoNTnIGxfX0zmQWmpv7IBLxqu7m8HrM5HRWZknehjyA6UH0y6lMg/0ATSqy3HsHRYa68BCr/1eYzvotabmxUO5O+Jy7KPabMbSAQfkAYcuAcWtsE8SFm2PG1qJxQHr5nOt7awF4hyb9hMmQGeF1rNGJN4zI8UicKfxyph3oiiJJbips1MPFCeG+yOKreHl1YcraLRjtV9Snqsv9V6p0PQyODA2hITluzNhaK/ELCHFsT7budUdqPhM0O4TMBM/VkU6wkAdHdlq+SgfqOhnLb7mTzJgzvsVZaEISTGG19aIZMT2NtVuYfysfi/YUw1m1LIPx2H1N8eqwu/OaUMqFlFsBEf4bilwd/MxxD4v6TiEJmLnYgCz8ckVoeu6i5ynE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oMYyRRgoSlATMCETJCtljOkMhI8LfIcyEbx+eSAmJ9s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nS3kGIPmTCgi6827Kq0f3JJSlW/K96Kis0P+HehNCkAUxY0/rEM2ruZVBkc8za6TLeVzccr1myU8CInNFItK2Gf0NxrcwI+oAfQ55uu5/KVKOZ72SFvhR5XxD+1qFV1+0bGE+RnluBaPR6pH6P/le2dIEhhZ8Nca3fZjmtnPOlwEfO0x9OSkVlm2dSWApfIefiVxIg8alBZAZfxegNKYBWcRawe7Y+DwWtczTHU7GGupEGSJ8pdBTPeilQROZr1V4m/6joGtqkNXg5IcirAkz2QnYdY5J0oEu3RgpjhDHKozIkuG+8lTg2VNHZsYrFKY7QCf4zvftKUVdeFiz0fTuvweKuViPDLnF/LpV7FsPVcQY/pLKx4kialwxh6lbhnWrR0JvvjIPepiCwkO+43+gxn/p6cBtqM7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oOd2q9a2QJHpFJ2rkHVm2z0DOrw0kGI5HlANd+OlHig",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4ASWjqRn2ffU949auybZ60p+IJ7dyqt8mjszxSNWFAGJ6ePrj7jIygVoxS+skbJASiWXamtEvXqFfsLqsvtFS+T90tAEhPKVAdHmcHiw4RvDwFHGOyHu2Pgl0ixyDysVx+6CcYLkeUWhDVbdn+w5HGe9Ta8K5/xiQFYDEHUxE71XdD6EFe/aaYeT6FWQU+nckWOzCnf3q9wID6ooLEsG9ogg3QROXQ/XuztDWvD1rlO+R5HfGhwP6WolhrX6JpuH+oRf8GVXKy1v4ufMnF2/EtFteUIDRjn6yhdqATG8v7R4t24DdpcEe9FIbU50INoFxhRHcSnHhqcpCZP0iKYO3t6w8+volk5j8c94EFsriV8de/ImO/Kyx+31rTgtyCegtjy1YWBdtaJ5pWSTVhWMpIl9tAq9Bk6K",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oQPUCR4cZBxz5dWbo0dpfZP7Q9BJlWIJCxxR39h6xCU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/0D3jYhA8A28yqWl+9OgJLgDVt0OYLYjzzUVzQy2lZ30tMTvz9/riOocVR3NRG7H/yWEvg8dQbtQMMCeX+CPmdEudUtsk08efqLv6u0VwgqX9TH6p0p3YOTmujBTl4R2CCp92IFdAdtwLyZetTIU0+jUOFq5USXbGv1NY8UX7gCLgXZ3yrJdR1zmQGjutKhEJ0GSPsjOD8v0W20/K5phoGhyFMnsrn8r0hrvhtcNKLrWfq/Gm4HCLJ2X+GIKu77frgKrpsgrJIyb7R4rKcl3vCLSWkRC5Mf+qcb3gPZ8Kw5bzT7NCGmQeX4jTm89Qdmgahqn7F3bACnwDINNBSGznG0LM2ug9TkUagSDHy2bgjlv8CSSbey5AS1s2b6oJYNtaG+VMYpmIAat1faq32LNbkwqJX2dWX4v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oQkPg7kztdugUMKQLH6bWlm/WqpXX28MPPiB5EKrEpg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vT4OkrB+XyjLQh2AYsqR+elVVfTWiDKLOVKyrfxc72qKb42TN30BlPbpoL3AZgro9LXclJQf1Y/kGzr82/rTVdITEZrHFExkNp1pkiRPMYibl75qtjrQNMeJcEBK0yC/YWYRSGs9g1dAfaKFOf06XRoJ0r6Ah3oD/ZXV43HakffkJ/l9EbtlQnbK/Ia3iPBGZ8LT3XK++gPtp2E/H7uqE/S/dzUlk8D4OilkSfnY+TqlwNlWuIElo691p7HBAEehJHKRCmxf4UuPsdbr1bSuS0HoZPUCnYFN6b+65nEVVTkYb60HOJmv+BQhZ6J9TwnhI4qhEu3RYyetArL5LuVTZPRUEObnpPZCPxqD1r15g9Q9zDRSl/oXPGaT/Xo19xgg82JiwGGInFxNAXMiZqHchIVLLjDrfvRF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oRy+HaJFd/EP7pkaVdV0IRtY+vHugzFgG2j8PHT0GGs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gVnOt/lrmmUu2kWBDcyO0k6Hv1RVpv7JYUu6yl5OhAsibbQWTu3UCUQtbSscxFxI6g6b+t8lwWE4+xJ0B0Ekj5Cq18OdO6XDfQUQTMZEQK2tAsFJ/EREbeGBxBzKLXOZJJ22hVWP/SRtOcqq6ZOtdsnjZE93m0j0btOdvxrBdIANfqFPxPG2vDiB7KtSAyhm7gsDIqi/64w3U2iFjXghhlPkkImIpMDiGN7wZmfpFe9MuooCZEcNa8PYOUe5pXJkeImYyqCEn+ZcrrID7hTcNGOYbcdtIu0rHQUlKBpZVWqN51wMz9eA/voIxJo+pNUYk4aD8KprI+OQkl9PVfqCUdcZLYnMEzol5NZnj76L6kCu1lPengdQ2elZ+9pV0RMNXQSN5ndcvwQQQuR6mp70aeC2Hkug7IB8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oS8cSpeHsmTFuGb/AQjx5ZmJEXYcEvcjnqb1d8tEXjE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VQHahlTB5mnVmmN+OEn9Zkl2duk1buiH8Uk/ygffe0G+Gby0DIdRavSeVvXtk3VkXS+g6vqz1Q7ImUKii/kGFDaPnaE/ucbq9X09nfvZWxCpQYyd7HSwsBe7SgmMh1WtdSrjnrEUos3zlmp7Ous9dLda2QqHulOWQ+HGLsvV+QHNW4bPa4CLfm4lL7GKjZ8Zjm9Byi7vHY98neo2tzidM801xrUc66BJCJUD3PJtCqv9sgSRAzcnI0m/k3d8GPJC4Anly2rJRG4KaJ8wrrr61Pkq6oAO/JSnmAxeYq845xeIXKd+1JO1kM7uTHzfJVNanZQHyri+msNuvmdzuOAWdy7bG2uNLY5YphFg8XsL31DbL6IUgqGW68oVlUOAQg77XCNRV8SOCzJSPa+551uWnjZNnN9nk7Js",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oStXihIJ5ndhsvPdt9fFKSLrNkyXUJrioMXYZ2819Co",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wX8ZK8VYJj5vj7vaodwsVxtTjs3fSLgGNZ/rvw5Kq8XoA8XRJE+ctO6OD+fty1tEwdj7Ppz9R1rGHsuilbxHBqmq/AKEN9sfqkwYO/LAT8LjK6O3EckAv0Kz9r0zkAkHBm/9OsgkNDfLa8MW9JPD7ejbn2GpYJTfF9sn5b+ku9wbonZT5A35booCWzlI1gbRTJ5ee09DCiDIPoZ+zpXjYyBzbz/hbbbWb0wy738u5VTL/JwXh+qQClMqbiC0QMJfjwYxJSwwcrNzZ5c5Xol+sp9dCFCM6tMU91u1VEhMHzqS6qttFEskLhMCGIbsvH6aa4fdX2HjlWPs8eVoHInRhF0r94iyrEa+EfIUb+MbRABTrc5r2HUuzNX7PJEhIYcEPCiCm3ky0A1SSu8bS2Vc7Im+p9RiDL/x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oTrz/lghN0smx2nhFQhV9EjlxKeEIHzLa0Z4Dnh+rbM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0kXRMLIGiVQhHOrS87N0dpyZoQ34ASGbbEdrJkBqWYmskWgKYhPNHG31M5ktY8HRcUAWr+nF2p2w0FKagAWkPSsjZFMR8+v7INf1t0HBxCczIBLVbJ07vBxsx+1EKbGfwUSCOaf6hXczR/EqojbM63V1lw5/rYAiNExTTlpWqiYMdGDHAFdKWQBBqi/mreWXjqsbmZMe6048n6NgCxbhm3EuXEr0DKSIrtu+BI706DBrmxvP5x5SYyz5z38lcojR6np7xQydGqO3+c2Sf9pJy9uwWEDXto2fMMv9DS3fSUXj3zrc6SkmNUQZSnOmgGPqhsMNM+1x319sEUWhkI/5J4JmwnmY0DJT0sLzIl/FkOiWOlIUwzU+9+C4pctwl8KamwEJOrLdYBYaCo9w0wZA5sdNwhE0/OH/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oUgYh1j1seqYA1dloB4yNH29H1DWZlrcsszmGmAk6Ro",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Qwh5uvK+1kWVa4SVsl0DiHNZV7ax+xBtXNFaDKFVuqSLdF162GBcqnq3xUPLc3T1s0MeSLeMM1xydjLfwF/iTGJobfKs3NkEIc8FWrpitsZL7m7lNyXsGIb+RKWSWKFSONDPrXiSU6mn1Lm3Na+TnFkiiO2b1sRAzwXEY/IzeewB1zvB6dzSXaPsEmp32S5vsRI1lL6aWxLO/vcX0OAKefPVSHLoNWwDhCrMT2kpGL1iTp85Db7Ir7p0219Zf/nzLBtqPyUlGguI9KHqe7TFrLYLa0FH6Apm+PP+7tU9LtepO1R3CkpC5n2pjDWTbKMEmHw/FIF+YOO1wrT3RsSbsP8Xq6H7Y+U6gtrQju8p/z22ceKESupP4F+0OR6BwFM4zmR3v0yraIfl0M7zxUHVRfxEhp5RdjoO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oUgbqBymmgf6e5M7di+ARJmRRtxjErT9gQY34sKWbEo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YYImWO9sSAKjpvlt+Wh5MmxfE9MtIb8JIu/rTnboKr5/xBm1Oe7svM/K11mhNG2jqjoU0B4tjQ+awn8sCLLo5JzUY6wR9o2iUKJof97aJQkbv3QjSUi52xQVQhBZAeeTan3OrLGEn3rFot/q5zIlD77Nf7Qk1o3rl8v2mg55kGawmtHKmuPCJVacwz3GAsKls5wrSx4U+UMelHuiPuZWk3uF/qNtCj/+s0rzvlsQXEMy931cTPylQLdNT5wRbPqne+yTsKz20sDLEAFp9W1ujx9GgLmUIkV0QGYPdFh/yb10ArLN4BDCRhaBWYUslKJdSkbYbeBDGntbajvzj8QkLM8q8EwKF/TohgZXhcxNUiHey6XcXUA269XxcJuT1QxGV6WAblOHaMZiEwy9e6gxbUMl5OlWnFPp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oVhFbNf9SqT3vY/3gt2YSKxo27G8vyZ+lyPldokrAXY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T1DqwtjGjyVcH66qoqISMLpOwgTMpTN+GEVOn+2cowllZYC8LfC/kUCnjKByBrXaTLgCGROrAip0fldN22j2ANsy/Sa+PDYQY24ayRZ/oRJUFsZR2EAIFVEB/v9p2Y5oU3vsJz93PV9AXQJ+TJR+6wWF6tJGquwMJ9doj28tLrT+Tt4GDny5miaEYGMJapa/76Yg7DJ9KvGe27ITtlCYxqafLbyutuXl3YeNMc7zhc9pMnL6oJV3MtVJZ/B686CITcwTCKMD0wSYZpWIl+wLmXTQSkVVuEqDBARXZPyMgQzddqVPIG96QYbcz1CLFR/FqD8nAutgFHLG1h96cCoeJSXFSpp/Vq21bB9Bjgfdp6OecdmBFHxMxOTA71JFsI8oGQipi6RjdAHfyJG78GwguiCQWogXA6fs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oa9X6DoUYTUQfkxfqfaiSANlGzvPIwhDadeHXRuoJWs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ByUFQr/BpmV/QuqSMx7v0A3Q+l1xpIftDvy9wjaG5Rj5q3X0j92RG6+Cli/+soVCDI7y5LNSTOWTuIbcna4UzfO5SG/FFM/caAgCA6cECbm0OwDm+42BiEL+6oqupYfBeNTZsmHmUAKlnclG9a9POJ8wej2kWPiwhCzkIwd/n8Jli0yH0Yn1AIhIr6CIx7xinZGhT/dl4bMcyXEfyv4DO2+/FZQrwZmYBgwagzxGn1VXSZYpzdy+vaQMA6La0gWywebCILxGE5GLDsYSOngB8YrfhlDzqmougLabXVZaLCOFjvv3Hq/NSvFEqiL43K3AIBPIZrLgpwvj2s+yK4lDf5Z2K6xejWcq/QAqe+RvAIxNhDKL4wj1f7m1u1ZNb1piwYe12F/13A0unG6xAzioUoCackEr3v8p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oaEe6uG4HoJjnsFUKltztP2XFm+tPWqkYIgGwt2/sLI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3gQhEe9ZTN7i0VlXCDSGEyOHb5WOJ5LYQmlkl4tFmDd3haxg5r+DEGbYA3OGhOqkzw74EkAyNYB1QauD9mQCecFNODwNL30lnIdfD9FygFaUQQZ1esKnMnblWQjcHjNcgMiHzYUyuKbNLX4ESiW6zv01GFEUcA7asUvnhgoF0tsBG13P0oBGt7XYkTpH8LNMh2SB+53jSSKtyhNJvI46s6xW4ZMamrpbBwpAwLZSOSF4pB/s13ucN4+a7YDgBapUWobnEVqFb6ikqP0VGHKbrrjVt7SahJvBNuCBtVzeLXQO6fodkxGZT4wZespedihYqWb5r4IKqPFusWBmRJ0FWOgsHNwmO/jb44Q8FGCbyU8S4bZko0SjPJ2KPkmTv60KOkZKSduQ+rrC1ekmH1KdyLiQmGdRxfyx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oaPWaEiJJAj0T4mMrtqZdaXaINbTDnLKqHkS7doPPRs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FBlwTxsXXtl1zUs4MY+juuCUAJl+zPZCfQPEzjasueDYTY1XF0DP5JQ2fn0KvUTXmGMD9icxOdbJN2WJa7A1CilW+SoYh1EGcN6ktPCGfUTHTvISeAT5h4zppMC86ule2k6upcuA6RUdY/Y5ZkgVImixtOXZsXyvegpfZCVFJjBJRgzil1kNE40d6jYoyR5nq0BcFHYsUjYaruHfgM57L5U9zIq5a/hCL3mH0m8uOxhU/qC4sjZbtEOprNFORDYvVX0vQmm9W7xBFOm+AQ0KLuskP7v3EO3Tg/NO94Ma6tnChTiGIGV9cGo+KemqaIAu+7lpDuoIh1+OEvDpOHpe4H9/aRj3NQx+QNTBv5vtH454V5QCNLDI61QrLNckCT6NDYdMdO6Tp4wKGRdavgBM+aeHtssJn8Lh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ocHheqlTY4Lc6SQe3vlHttTM0rkcnP3J0JQem622HAg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "p1mSyW6kZvNcekGOqufvrWdgiFj4xwQ5dpSe/5GrYsOicHx0rmOUWaJMbqrZKO1nYubLOGMteDhABzZTod27CRVZIpzlq/uBrhcHGyX5PIlSkphtgU2VdA9VPUKhlA4WT/heYb3GQRlc5s0K68cOz88aC9hTC2QRuq9/fdZmpM6QMFPm8jLlPLH/J6dKloo+hu/vo12TVigLkSypAxm517yZ9g1Y43/xQImxoXMtSg0n/Ubw6ShgZNteebNpv8pA5HpD/bPO9CRZYg9NO+5nSUZNDtSf/KtcOtlKpx+xUZbqUmNRa5OFO/U/e/zz1xA9Vb7D5W5m/uRJIFJ1FBXYniwSlT6pEBvo8+4Sp89dfCF0Af78i5/+d+kax1Lqko3UIzymg+khKwsRkvxFky+qQ5YZHrazt/Dj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ocZ8y8o0mr4dpaUiUUuLQ9bn6rk3r0JsKfAjGK0LaqU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hejR52xptHlgUI4tXCu8GJNIvJFPQRvmX2PK7Cx7Ike9psgbXdvH4KvhByHarzsYnL2fq8sO5O6ZXOCJ+/j2SENbFU87zNxqqA0kTF6D1rPd8nO9Vb1PQLnFz1QdwPLBhjt55Ias6p33J7zjMJj7uw2m3vGrh4ZqxWiFnOP4OpIy9hwK/zXhko7BwbASvBm0DvRh5gXipfHdJP5s8k5NmD26wL4tX4xpYtIPhW3Dgdf9XQtoy2TA3JWv2q0zcQMbBTfkfArlfNqrldWETGY7V5OefNI3cp21AuhOFfhmlLU2YW3GTejnh4JXCG87rXLtJn+PmBui1ze40ygoqwtPVJHJHgoKVKyV7lZZVFuxye8uS8I76hENC+xdxFs6rd8S1ifCMe0lXQoIU4r84g+zVflK7dRncq+D",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "odV/c2GxNcIt+wbqVZolpKgrnqx0KJwz0+mofm3vL1g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ce7VBzf+UO32WZLyx8FJtZwFhrQ5DsTZma6T7W8yOJAWc5PFWQ2zsVoN8TpA4Gng4zPqE33O9AcN/sBKH7cOLpfSI05equBYZTW8KdtWp1qgwhoo1dY6kip00C2H6X2nxTx1LUHJG0xXXEeC2dvfpplq47NJdSfqxt4yR3QXVcw0z2DIVNiFo9/qrr3MBAzWrPJiN78kg5aFtcLctGGm23xz6Prqajwp0jRwYkR8ygX7RhF4Km8+ErYdIU3gb5cLlPhFqz8AwkK672C/k5fkpMM/rhESyrNyZRF0FXUJOmFy0ZVBqEvGecY3cpGRbPp3i86ll54d8IkrvFwLl+ykTDZmds/WTYjG29S0MkVjmXkPclxCjiVXgobzQ4Tl/MZratwAEzQQVXUdmbujAsQkusAxBQUdkkLf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "odYI9sV/YrcZQckbUzHGT/w4exPT/6vRPOoUtaIKtm4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5jgydnZnQN2PBd3vtqEtuDpT2/8VEmPky3inI+iGb0PTj6m0zF9U0nqABcqy5ZxCjwxmIaTe/76YPTEdzpgUptiz3NUhWqFdXgTaeOrJpOnYvv1hOPnHDancQjBgEjqEbZJu6Pij8RcVMDpHvx3TCHxeQ0jtYBSYWNAxSxxTJpRWf3+yFdbPCSL/cK/5w0Gia8ejY1IiDDr7E5vsNIVn7D1vnzYxwHVFNXGbn/knIHuqRfgeyUJ2JPkPUq7sMnAAKQ8aJ1ljwf1UsernO4lPuejAgITrYhjsJXZ5CWG3a15PDXQ1gZ6uXeiYkCEcpPXOhY+O4gBHpDiH/mPKe52bQb+l0Bh+MTZ6VLHE67DHX95l9oTNz2gEermUj+Dlyu+B9XDB0JWQk0F+gg2+UkU2XiS1WQXaRiNK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oeEGyX3TV04fAYjR8af8a87k/JgSCZ4S2nUbPI5yMis",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JtYwmzvaVuT08GjMhYGydP1nnazr8JwuoNqaphbMSt9BybLBdqffZJ/BAvVDT2rOTuoJA0r7SwgBA5daK2EQW+L5eHjq823pnItSZ/VtVWsJKltTjgUUpCWXoPN3psWxiTqoiXamtsUWsBn19Z13u5crVcR3J30jfm0rZ4iYpxceCa2UZl+MPJa96G3PCfMby2167sXWbvldEvAeLITJJgvKhq0zUn5ZEy9+HD47axnsgVJUC4lcuaVx/QJ6tk5TZcwFaMer9uvf/3h3ppc1hVKaVl97AjSqbaYDQQJ58Tehupx7bLwH1PFnbT4IxWW3UgkvFiyarmV+4XTWYIMsae+nxVyVMqn+SNHR3EBuL0Gv7mCOIIr7Us5wgvv5vcOMlF44C6nB76hRl2HPnvFPFo0Xt0WwuiUx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ogJi0lBKvgg5g6H9Lq4hIGZGbnc69FLFgn9GZRvdB0I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WNLmDEL7F9Oavmng/qs0Hm/97ZzTinXi/lcZCIOyWY+Dt8VgzMPpVFX0VWCwYoGdiuxbSOJMj4CQblAVmkzsZLcN2JzS66Aen/hoAKjNvJBlBrkso9Zimqd/otckgxyovj6xY/Jj5WSGy9ZB3TlNVZP7128kCYjcSHjPIcBl5BCQoUDwqIEE+Gpzfasb0zFPBNGZcF1f+Y/o+8XsAubVqpkMjSNcp4QSf5OTRuVqcp/f3ZVbcx2uZUDah6xWWzSktjUdXF4EiJ9RrJMtWWAAL19vEtMbI706F6zSSpEap3OMFYeuFPiowS7L0LUMYbDsuCSDHqto+RVuffrUyk9Rig65bm6HL20GRF77n9ECXB566m+duWYlN3ivMeCytl1lOnwrTRVMTcD/mnJGYmJ50B4xxJZLYMsW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oh51CizZFqWmbnZkb0DU6rnyWuEMG9voWxzRcFKawCI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uPdVIRYtMA4jumZUdjgKZiB87HDVMEqpw9TO1+tLnb9O9FeRyF9YqNvHF1h3+fCUEpuXlO7jbOFuOVbMxt/AwWqBb/nIVLDzqrB5MeIk5T7BaPNvktnL1xFUiW1HT36vpKkzETclTB1EW2FfeHraakVSkBWZv7wE54sljl6Q3BIHfq+TnatdWuM2z5y0391gwJcqlVSRPpCkacivGGw5xvnmO9kYXDQ9lG5RGOn1+a0pTcmAKly6p4mnlfyskFbqzNQK/LsfsbK82x0GCLckeuSlHdZvxGe/Ab/SKHg9AWaJeQ9l+xMNbPwOQmw+V6pCa9ECMafUHciLMVG+6jPLRCilRMW4WXLPWB1dl80DaQCv4mZLf5Ueo52bRV7U7NEtQCECWAbH6Bg5HseeV2+y6hfH8oJ3Ibfx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ohChXPLwKgoEX0qpmoXdQR5VhveeAx1rX32jNFzM+DE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5mzTQajWX/uU1niXn7Br/z3RZkchuteRJJRbCbuJTLZPhPrNou305kDAEeYKpDX+Wc7oRokEaKiroPKxrU3eOBHTKAqcU5rnJtjtUsRsK2mbtL70nlrgjP/1CETGM1eAehV4xjDiLpi3BifxeBH0dXFrvuueLXbqcnAF9T6w/LUUdgwUq7dPgbBKAYOFTy/h3QA0pCcRczt3Pa7I0I+/eHimbjBN9/2fslRrLO3yEw03ol90dBfD7Ow+qa1b7K/7GkgTkmtUVb/c73pou8eRs8bt3g71aSqJDPcuqSq7aaPHXONrf+8GOtTpQQPVXjPi4OHYEk2i/d5yro3uJGJ4/Tlb2wXwk0DH2ai8d/r8xrCZ7Un/L1at0C+l/glLajtSSge7JyUxgCZ9Pz7zY98+MvONP2/66Mnj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oiFjQnoweL7MXXsbOKJkkMi+wc397W9uE0InJ6wLWnU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4Dyk5n/RVUNr8NbCfnBLZqiCFTA2YnHZPQkGKIYrEfEzdLzDYjokwuXDc2gOx7x4G76s79Hm0S8rUSiJSe8SNblwbb2DxK1WWQFwLVb4/KUhrlulTttsRKoEfDu8cb7mF7lXSa5+HGuoLuo7bvSSD3P+1bYu+1Zu5QKKtXd6P6iMTXzy5OlBFaZwFKQau3SuSlU6NwdAfKvY1l9nZdCjo8iwAbq2HDJ9quCFQCkqT7bR8KYvQj1vleKlc3r5DS+NFR5EuMlawaj6V9MO9zOJecuM7RM+FSMYqxPyYH7r2uqYVZYYMdWc1+nh2FjMEE4IqvhW7bQA6ye8rEicgf1Sn5g2CAAt76AcytNYBKFwv4NUMBtDIP6PXH6ddZDh9akCnHQ9+2FGrs8t1FidnRs0fSvfTv4eabgA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oimo6YRaJ3C5+qmJxv1ul78wSwHU4z+nLBs0zvO57qM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JPD4FdY85wp/YshEwmtTjnfX23tCuhrPR7bUSuzugbnP/Y0VBiqzyCSi4tq6RRN/tvDmIZI0TMe/an3WZhoi4do6yuaDX+7rkr6X7gRl8p0yN8kxAitKD7NBJzQw9gFwyO0loC7qjF9BVRWtRy+z5Ho4/9R5ZJcCmq81ehqCQiCyo+hdKQ+0nPBW27SRYkO0VD3RTdADJSTnWcBCXmKi294t4eIf8MQPUeU9iT56jSZn2QDPaJduVRWhargxFX2lA1I/klV84ZMTxWbVcQFQbT92bYnQnK3ZfqOQLaMODcW0kGNzHesyAhgAqlUnKCA7y8tf+qm1POncdqq31hFf9HC0vDUMlEigsbic+3CrGAt1pajBQexYfjvDTPykqXg/kQ5AUbbxi1vJ0dPdassrOqNxxBT/YJxj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ojMkoG/LnKpTV9tVgu43gvk4pu3uXFiJUjAGd6YmI1Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iZ2kbU2Q6unNY85lZqqm/3NNVtHojEmkrC48/haobn0ZodK9LcWl0C0OLh46MsH6r6s5Wf2a/bUXPPzIClF+p4FAtOAcC/PZz20zk07v1uvMjLOumMQ47wrJt51WCUNzveguGPmJEPnXAAdCwAbZ/0nM4cbb8HdKXkhLeY3eVq4RlJ8wBUh4PUMMLnsdVFSWo1W6VBY5hDfUVlxqqXpZhkktAY0AfSUuaPdt0+vmfEqr8ERo7IQzwr4ovRfYX7X4EUWRolhQRla0vh+XfTCX6hiqRlxW5T5cwOJsWkcbv+4heyABY2SiYOl2vWgWzWJiAEzrpjy+xVlBX9AP/nJlcFjoEJQiiD2wo7YJKRVqOeX+PJ0bW+7Q+06z3oOtc/X9imoFjTJ6mqJa6JyJUZA+VwMe/kSKm7IP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ojggNaooO7CWVqB/jBbUgZ7q5CMkIuYBE4Q+dI6M9Ps",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LjNss4bSKfMLeraNGeTsccACB0YB8uizasnHB0yppE1EFrVml3Mqb2Qt/Qk0Y8SyFEFgCAXXEsoge3ccKtypAVYyS8YVX1USggPCf4PJ7PlhIS0CyfCh1y4jOuWMHQJqxWnSVqAYMC90lfYMV6WiTNvLqd4eaB259rRA5wOHGT4sEFnf2l+9c1rSVm/D6FQ4NzKyDBhJYIt5KtLfTeOmL8wyI676Ze88DBbU3e7w1xxaW96tME0M9krneBhOB39qYo0ki+uaRdeNcIfbURh1XB1KIGyPTJatN+Fz/s872elEQNLb57z/BIoLLrfXgnnnGBzp8W/XOPRRiDu54zYJLBn44j4j8UpjjQVqULm6VJgbAMMHlerZZbUzQrWYj78HJI/e9VZIiMqc/JXfh5Twp/+dYA+a3KRp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ojouJrpznqTU6q149Mc2+QDNlaSQUnhgMphhv6Gs7Z4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Lm629J3R4CPomExvJQPQxm3C5wUoabL7Vp97cyLBbIfqDYip8zHplxhP//t3vHZXKH/Ef/ulSYFAKfjIY5VTBKV6IyCbAEkCiIaoyjIVTNcI2Dyr0OGFPQP5QHh7NCBsWdRj8Jb6TAzcO0rZDene/+uE5YwmyocOVG6HRsm2Nmt/rRqICkhkAykfmaRE6r4o2fntTl/hvA16f7IoXIu7Muu8Q78cPf6DpDgvZYvzigpbfHf+vcRuAqyZZzb70UjD62HSIU4mm9bg2degB9HRGRoHDbaazymI07NHE6mL3ZpfEa3/CR4Jx1KDpLlXUY7M8gE5nK0RlRqd2SaKSwzsO3hvzXjPCV2b6N+WltkDYgfcKHtd8EGCfEX5E9zJVafy7CozUduCCwa9SKCdH/8b95MtJAj6u9/G",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ok5FMbiHV/dF8JErioPUzs6I56CKuhuvrNNZxKeN7ac",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bVpzXAratz9eHQuUnym58aCiCMGOZ9cD3ARlCFRYnmFqfXvrme9riMh1swwfq1ya169/quiBU6u3iGChefFWT+4WNcfZxWce5WYAG26DyPTTlhOgPJgZiwFoQtvztF4VHVQiSvh/Y2Qp9DDW1mp6cnC2PZ1g8roYUUWTK0YO1OrPnHvoYOLp5yVCOH+RnT/zaydoiKs+JEGd+4C5cB4NAKj6rk0RMH7/pkl1XfW5GFV67noT6y6oRb/V3uRrziEme5VtLiuY1YF7Qm61HBxLwmGzvK24TmYyQxKgtaTDzWSi3YgFSgIJNVkP3Q4pQSlL2Km0KOcD23l8Puwqx4sevbRnLzDY6iJYFqoccFc0RuIJnoI8ugpIWk++00HKQTMIjdFWkmVwXJ9V8giIs409qzzLTT2WMf5j",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "okkOriP60e4eH8+ClOY6F0dvbRhgcv1qGYjUqtmDBjk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vX0ifM/hu0vUDErCc0IhCYdfzE4eGY+Q/wXI6WeUX14ohNJB//+qpPbWagepd/katl3ed0QG0VHvgXcKgu0MQ0DjxIpMeTbtrSpbRMVVYHq7D7fc8xclnTE/WEaPUDsjdZI3xwKoJoPgGZQVrmikS8VDPMFcD8GE/99Cl5JPCGvF2KbKu2Oi88zYMM0Jdi3uJ1DoGVqMcQnE6OLDVprg/1vjekVNCNBz5qV9yslPIkJAOp8V4yRxVCVaV+jwi5Zl8Xu+6iB95plSsSov1SD2J2+fOxGytIxLFLxnJbdARFvsQ3rtcNV8qZgLpvv3SGtjAJiLpEvECakyLvvw6wvFGO05EVv0Bz/nQenFLmJKziA9B5GKr8SaedhTIlEckG9hQji+OhLVNwTkJ0h0MMu3jcWH3jI325H9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oknqtUB8cWKzxQZcvUZT+sc3UDaFU/ZER5T5HpQJ2Wg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PKTUEFH2uC7LR/EAHKPVMZVPrph4wpPdGF0vOM7fv687A97zX6XJJUIzROc+hW0IsKHbf9dEAx6/GuW72zIt3K/tS+P6Fbwt+kW51Qfzdt2kGz3vi3beROLZ/kdVbQ9zJBVNiWo247uHsulyAhhyobH49X9+1s4i8uogm8BRsOMYbbw6qP0ifniBn2VZpRbwgwIAtUgJWERkdullX5K/kgIVRCDFYSCQRK/dQ0s8Tnj07ydCczN7aeBwUg2Au204bbNsU94fouIHxSWwLoeOgJdsteXNTFUXf1bkDDYqI5nxHJ9QHeiiRtsTrj8mhOSxqYIcc6XHY7XdbVdJ36f01EXTItH9r36bwYbpLPTDk+8VyJ5biREjrIPc276lOdV2L8oV2k5mYDxbJ/78dN8DfrIaLJwoqKKT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "onihYA0ps3wnINFEX8YHaBxJ+844vbyPTv7wTRSMZD8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "V4aUESXTCO0j18TCwL8UhXnPte2f2NE96SHsNAhe0sj5Y2JCBeZDQcY4BZUZeUm4OGXpCqZXFFsrn+ca9r6a+OjjaCVHrFhq9B6ZLwiHtgVvbV2+7y0C83CaL/4IRV4M+bvcm3s3BB6i1fYaBSauYXLFUNht7SjFRBD//ufSQWc1ScmUmRnw8Zla+Cscp+f33/GmGvXa0wlKgkfTsZE8ngrByA8V3xGwhYnyCvtTb8PxD5Te5I8hnIzER5+kgISRkst13KYhqA35epiCFs7hrPVLeimjeVYejKXQ1LFDXcsSxi5knNru0xiQ6JQgljj/AbNwlVoE+qUHYLMoQOpe66SEg/qVTpF3WlGjUm3pEqTjx3JEtCrFQzR/D9W7XhF1W1eC70Mui3AQHpm979GVPxbKrXLMfoo6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oo4QSPC4iXOO6lqseMMqCoG+j4Ua0soH7jHqjtFLjOQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VNFkZx9SN7EoeHtQeCq1ryyUFXKeNh2UO31BK5QsXV8sTSA1j3diDSenzO/pd5eJ7XF2Wlxrdc5Znfo1VoeEIi1m6KX2YE+3bfJDUliGlAkdgd1lThKDpD1QIgO8r/+LPdf4X8C6iFkGHO0pBznjF2aK5FzuI/Oyxw6W8WnDVzkUZH6eMragsegqmAX59PIwxl0JjxZ0seL15uH/xs+7q7VzkmU5IlAGEhjAmf6a5V1kpPe2ybwVomRL+qnZxoXsCBaI1rNhbAu1SIh/dqojXgRTLq9UGupqjd+Os50rSd4z5CrhAlfbvsSAgzG4W86KATmx9baheGWJxQgzxfu6UOMxkpxewV9BXEE2VgTwqjHD0PKVD3tmYPOTRSRVENjwBla4MSf5f1BXXMongFW3GLlHVR0wuhqG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "op3FUanAH7FI69rXtKXGoqpd6+13FSV8QbJSqEqY7V0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YTZSY3bURX/fNoVRk6kKJLKki5vWBB5vGgpUENJnTBafCjedS3e14jcHWA3gSLe5EUrBzlgOV1A0sobM/OYQO03TD8vbNMC5XH7yJ+8ofW7mtcz829k+U0g8IdIGQDlOwLRMs57QkHr/AzfBli4TCWRl3feALpnbFV2RjwTeaBY62oIjFSrCTVFX68ryqsWX0NU+9O6j0v2oyVMKCg09Vn8z26xjUFfXpZpIwMDA2Z5r0Uup68hfDO6tTIGYeRUb8LkyApZg/IMRve7KaV+wYn3P1s9/ZTEb6RyFMZBsbXc6UE6OCD7hIY/CDz4lhTSRwEcpPgsXXaf/N+FZzI/wa+I0Q0pKz+vGH8YBi+DOsip0AX3W7AabaLcP0hC3uEmQyVLF9L3MDnhJVHzVTHeNwsC4UtQf/S8T",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "op3UGQGA71U/LpMHs6Z9kuFQ1IGsTiNPLbpKXaQDa4Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F6HXJBJNg56Mw/kkDYh+/P0r9HONNa2x4SklKgbuylhUpyHoSTnUb/UPgSqY6Q+7ls6o/JALgXgqrCzcDLD9UY2qUq6x4GJ20KjUrbempzXyTHOEdvjN8Pctx/smUn0axXYvnZcZM3vdidcGU5rqiumc18uZ510UMeNzWLyaT0ON9RqoMLPS+zyCbOwAbEJyvW3tKZzUS6be9YhgRJLYmcPBUWYiHXy7aoCTlg5Vn5/PtM9RYhv1fe+qwXn1WMuqLQw9NTtT1KWVLFG6bzqACvbaaqUTf2Vmql1xqFNoEU3Xzjd+2riW86FlCZYbC1CEiJhWl+sSz/YmPOGbACcqxDIcjPGmZh72SbY/rly46F5VSuUEAtvTqLlVHT5YFuymhPk1obVwUfazKNtrEgFKy1xywjuNIK/0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oqSZMPdoBi5sQhnWjlA6a28FhB9hYUpXB4L5BNO+pao",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/uxHyYOFRZ/TuNJwOaOPqYZq7e+VFY7Pk3G/6/3YsO4PyQlu0xoz0YtfenAya/SMkCgpbC6Qwox/rp+LGlXMGLSI3N/C/OFEhfRkZlrGQDYjvUIrkSsqYLBXDcA383+AAKDQCYgtHNTl5pcFVO+VjEU5p+dy42XVN/bPveLAhjK35L7t95AxkvoCbb97JH9FgvnL8Hn1qMxLaBLSke7xm7FqGtZTO76zxXTiJOxnzoBQgRl8NeNyXvpz96UYoghjKP3+lhfp+lWf7rmhC4X9+q1d9lWd6HrFeGJ8ND3oeBYPjhkYARpgngIub6DKcxy/AA1X9lSt1p2dXwCb+M3cgqN7ZA84u8SZsUhwEm0fCnJgInsYfcilOoT4ZdkQwF+YBLR+TQcc+hCxIThCP1X7JvcYORRzrx/5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "orHY+VIBEz9Y9GQJSPuDIxWOPhePDXwTQrVi3C9fbBA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Sg5PtyLTj8ydSkRwcqFJMsDSMHLBGskVv+mfJc+hxRoVj9lodwjYrp2UIR4RP+X/XExkKvtkT35tesJkSQVUZycagLcI92s6xIy5nyzmeKhg80shMDcox1uHWeamXjNxHDqJ1oM+djivJ3o+2p+hbOLlWG21JWpJIXRS6EZn7maESJ6kpeLqOcmtcm8B7ZkAzpHH0fiftg/OoztUGLsX+7gpDGS18PmbGqFBzSNO0XkevtqTlAlCPISG9o36g1R65t2Qb8Ij375pFNWkpnu79/8PLtrRNX2+a836aWrnBcaYHaOkXGKj46deorfjDhNvysgPS0GQmtP9n6VG04qDYhyvolTrvXlxZBUGzSzH7+gC0DPKUeAEtK00OdjqOyt+iNCdSNgoEio5+wE7NMgXMIAK3tPPtw/N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ot3Lcxd3WC0LBGrgSp9EvcprjqaJY0V6/89qTfB7Djs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "q63/95XPSPKRWkPPd86Fstm+nJGYdDQPk74lnyI+eSlkZHipNgnCsnnKEkvJNUQHtjoRS3uwqJU7XEa+kQ8UejbjHNZTuVklaYLWNRWIZH64uQOCwJheZKi160Q7tGZ1xQMqbiZjQJTvfDEdTesLjY8EoseRo2pkhzdE7/JSqTjFSmLd+wbMtP1Vpq1JWi+PPNvvYzqCH5iUUdVwJTd7MA0VWOWyLdac/Cp2VsXqm41Ff8me2T/y5kmVR2LcLcrY0L35YPRh3XJc22FuFMCaPXew7oqg4kbCOQT0/NSARWqFfKH786HoFxtTluhdwQyB0u0c5zr09atta9GtmPNzKVyqo5bQtChYNXqoW1fytIA2/AKfdC5+IBwomHjQ7WWPqfiaSWY7n+a8565TNUzAoo6t0llSEcgI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ouLJ/ge+0XeZ0K4GNbwzGcLfKO41YCHG4e+cZ7cvFf8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wmWFru8/ZRyJKGRrJfFHPLQV/ut2uiTZ/yAIWPOS9C5CsL051fOs2ze0pDZa9pFjZGylX+bX98k0+gtBnM2AQPhnrtN0UrlmTMIQzUW8UPyptGGfqFKXF1QGCKXWXM90DmORxjfsYRoPTfD/WlX7lY4mtr0OeHhOrH8z7RmIbaRnsAms2KGeLA2djAT7y9F9JtKkZRoVGJCGuR3FbL30V3AA4xH1HrYrngjoed5i3CzjHLzYKYS7cSL9G1h2ACjWWYVq9FYM/TwRKN4e04+Sqbdwamjmqdt6tle2poeFiomMEtqIZXiFryMEsFZk4OKLAZVU2GT+hr/+1/jZegt+qQTYlTQstDwbGPgSDHywTrTFqHwjNXyAdvdOM7Jc0Ouvj2HL4FYVWfNgXuMpqXIp/NF6JeX9wYKL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ovJIxS7BWFp1072VQaTChhxxnMepIyMBDL7NhViAqg8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OV8SWk7PepbAsg15zFM0s0mERm/gI8SlEqWU58fgSN3VyWXFijmmNbcSHvrpmcsKNWiLX8i7sZrZDHRVEelFZDVYG1yCubT0/j+IzeS6hKvqnor1pL7Jm6UZMKsB8Bng9cg3ZaFMaGxs9/nlKt3LmIkCYMfTIWtmXMgvMKvuGLQZpZaELAVAbAwLxWUzb7CKOWja1d3K5IBGy0GWk28/5IMyRFQH+kyT2+GlYt1EOY1T58Swq3YjXZAo2TxKjHfhGvqCHtZe8JvE6tdFY5WdEtvOokykiFp8nmI4NChg2jR1mXoPvoyEtGyGlz+E1ELIVIk+YAL/AJKKo1BVWRb8jkauQ2GoEmttTSTBnKg4oSq0KfrrK6J9UdMxfpDORxt/bdRQzrr8dYsJVIsHO2WGoFHTCbPiFXBH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "oy6DKSbKdcmRFPGk1vw+WWigIUDZZL8+shL2lTpnKu0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "v4JDb9AgB9nO69NnxDax9H6vjKj6vYw2KCuD+0wWvQF6ERD3P7Wc+y03FtUvrEyg6NntdE5v/3Z+rb4MwkxAokdYhfLendiFqMOz0DUq8GFIUYcgR67/7/Uhas2n1EJtrBCpOhDV1VTYjGgH4d/2qh4wpGJ8ol6BWXRYWv03PMy1Dhcmblx3oCmo7aflW76I7KTl3J7NDwMyQd5IJCwRnNukqUaOoZHrwuKaknSwkt2RKjqfJYoOZmPel5AG1y+zqbQ4lKy9ij84RHKPd8h2J9LzSD4Fz86I4rf0IgL6FErykUKQXVIaQZKj7ZJUOAqRxQ4RwTdwSxei3UUuFl6WhnS0QvS2rWjp9IoX6jngKLQkyftfoi6wETdnfZOQT+budnmZVF44b36oLGQW+waOoTLCH2pK9n6i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p+z4U6WaWeAI9HTX8jRLlXtTKHKibdgn/AgfjPsghyc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cVQleZeOmC8QUaXi8pcDSjhgsXf7PTcbNTXOPFpOADXsJ3vP1GIWQNeEFDmj/6SOEHxthObxcWnkMtZR5GlOARyvjGGOVjsH3vQAYCZrsQi2nVmXCEluKlZaGLYfY6fIf8I7fhSakD+oHmI05QvNcC+px57x0+ucOzr4RoVk36i2t/x/t2WQi60PJEHNqt7FOnWg1NV3Xx26VvM3XAEP73P41xvfPKLkIeZ6h5RCP2nSR0VgSPCZxvcH8zUCd6jCiReadUKm1z4Q8DR90GTYsfPs3JJOUr7lg5qNJKJLbarhjuZcj2VOYmbmUkSR0RGRd7efHWnLLO1COf7AlDQfZLQoCxKdL9LE6W2YBlk9pHYtywGwI7lXwQ7wmLu0Kw7XtbZOhtoP1OW+ega4TgCgZPFu0whwQ9FS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p/NCiGFzo0JSiCKnNnCVCoeS6CaFg4/MJZpMAXuLywI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6sUWDTih734Q+xLJNPkHJSrdRTj/k0sa5cgr+xq1fePRE5vgbm8M4bZTTOF9YM0paIBbchsmWm8vpDW1K0h2FLl/7QDWJceGVn1Um1/45Lkq1rLxeDL2Nut3lz1assqX2tUDlyw4xuEw3Mp3VeAHjwty1OE2VfNc4r/hmzkSBgUivK/+x/ieYJF4HZQUXnfRAXwLLLTfFIUj+12OPOqz4eCivg3tBbJU4vK62p5s/gygIYSwBmZyb8Xsa/FHDzc/15D60fyz2E0aBmN2JR8T12EacKFYNcCVuVan/SNsve9Y7gxsneW3oFAEUiJSZIBPgpHUdgo81tskhigWg2S/jBekz+NU14GGdpEIv51NnDp0U+qIx1nF9XHBxUAYdLhq/0jvsSyWJp0NXFdOZPSDi18T0UBHKbqa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p/OeNqAg0QaucmcsXMlKicPGVNM1lHTYM9GLH5lV8Kg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hW/dhFriFLTTYw4UNoYRf1SczvpQUzbghgn3YvT89Wy6o1VW+y4bcObiMFEs1b578D8oourrS4rmMThixVvFSuKGQz3DFTyBkN2RQTWqOFh8ENq/iXl3QR02ZbiVx5rbk7ejj/wK2KfN0EdgjEEF9qm77QPQeMV/j1QOB/Z8LHjVG/oGqAuI3ADsUJCGWEdeG3kGN/n6WNv7vDdu9mPGue8LPaXWyJi+dyXtmnXqFDPZ8xIj0Coj6wLvOyGVelVeb/sCyD9ODdWTseI1WR3lLa69hYte/hVG69KPJcKdd0SccGY+XRf5sK+J7qLZ0RqCXEh+xXZVTGnCDBK0y+Z96T/WUaloOOW/frLVigxgTrQi3/6PaWTIfGYj295XBuGxrlKXPN5O5SQYgoHyAzbt4npWbIe9nUL1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p05oYlWZtz9LdBxS+dk4TGPDgSQ2iZs9hRDr+ZC1Jlw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Et8nGCfaadopuS9ikxf/3nLpkEbviee37KgKUYaSPBICyNU5Yl5spOxGJbB47Q3xzXhAWOZOW9xuvpC8lqYzwdigdAMSftK7+KfrL0uVSaRWfGNvjd9OtYeZ8ifX9Cs82AXZsq5bpJHlfBPMFxn8N5fVS/kBaH4Q52f7vvQkYj4Ji1neI7qfBj6X30YTrqvxHEaAKPYTnCQ3NxwE9xzJjmjjj6p3whzDhOjlGoOKTvbN56cEgjlWxKScZolC2WodwQfp2oFDUsP2ZIe6XVGdir0bxPeK6Js2I8sYYuqG518ICSJLBGpGJk8y9+MTeZ5uuEMjLTOMftrYnqvNtlpZ/YUssZrS9803PNUDjCM68GTHUVLYl1dsztGzAVtR5Q6D0RXSY2nEPQNuiKsfLNMLpB2zedmoF4KD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p1pEU40kiqKdYlXKMmE1pALRjKoiZK0Ngmw6fhup9J4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AohAmTVM098o/peTVrkLlgEWY44e/6g8Cj4zfS1om8z5NyQ3ikguFP7hbPxS3VoiTZ5k1Hn/EOQ5r+LGVSZ26NYYwIvFn9UUDVCfALHz0OrFldVUQ/DN0j3Z7VJjdF6vypme3WqQO4Q+Lvnor5jXIdyIH8P/QJGmsyCn9iDpNgBHmLWQmao/oO855h8BWS0plK5JeunbtLNzgDJ2TSM/9RNlF44xmNT80zN5H05KIRPcunJZdZA0mXQXsZrswpBEcGQzjXwp5V/GNS1DVj3fPxuQlxG2f9g7rXakXv6xaPL17xEhFC8kOMH7heCyfg5VI3BijJrEwYkAi2Ri17SOg2AMWpmFKwPis4zvSChiI8+1hIVTub8EMXRW1RicZ2d391Sk46vzgl1/AisYN3WPXGOR94Ow84Jw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p2PeqPwF1LlKjZntAIR4EZw+hRThQV1u36kACmIVKWE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AbvnmzgQfLPD5J81HkGwOYWf0l4zCK3Y3dGm7d5Xad55ord0PUMzN1aO+myzSM7x+SsRPt/68c6IZtmaebuMHYX+g9oMmjfgDSeibY82OTy0mpjJJC/Rihl8mZYz7/xwILD6X/lSLswE9uJ+2uI3qifZVoy/G3PK4/hWYErY/eGpWrVG80SjDDP9DwIq6HarxJn1mTDNlP89pXtx7YHMrMSgsXmlXFqqsc/m/8Tg7huYP2HR3d583M4H0bFziHmEeeM22YNZuDE7OICzgW0ShO2WR6Ue6r+fPgFaX7UeUeNxJHwYkFvMu1Vq20D+EUsf+dlYIP48mnPYMMcbeY1JL5Z20bMyWGqaxSsM9eYfa/OACaxOWe5Od4mhqNwDJMVMIcfGvIO+NGBv/TrxYvF9mapXMWF6sSoB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p2kuuHp7gW0uLL3EYCuKq/VcWUG6vNBwKgb2SQy/d6M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VQAP1Z7pKwZw37C6gXtz90ENPLl+opGm+mu8ujTwbCZAaP/5e70CD8JHITSSeYt5Xho7RIkTlmnA3xD/kwSssMxGJ2nN2qSs89xF3mHTeWoBfX2CaGbXj5pVxl+M8lhOtWU8O7vynpSvIbXOZZRA+7H9tlUwWLmgszP3Q9iOVkrfKwf6FdHg04Cz5tZ7Co7/Ekm447D844FW/L9uhzGgbYRY9XK6OPB0l/wRPh+HsNpurUxdl/sMGzpW62iAzn2P7pDdCudVP1VwKYRO7iTBxPfgWVKFUKzG6sF6br4KxR6Hro/AnS0MZpPJClEsq5ixebxV2TDkqqYXrn/OSIcmajLLxn4xyibtHzcCkFmDxemrjv7VnaMHvS+8vwLrEFKfqxjFH8RRotr0jm5075HxPsbjZf4CpMn4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p3WvgPQzL0FO+lDF+OyacAne7SmaQsp1McdS2hJho/Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JutTF5YbD3CTRl7QNHpx4LXCz9w2CmTAcvif4w2byvYNB9YarE+DX78hpj+pIZDM5neVu8fZGxkPLvpnfZVJi2CQFMun9I+TPyg0JtS//uWdv3JgjRr3GYCNjbEHqq4r2a7RKg8rvB58hlgGeY6vl4od3OXRG/V+ToND/AQbtF8J4SyqjXUz8EZjKJUaz7b2O0Z8cHv9hayNKkLI+mU8Zd/k+fK40LDWhXQJ7jOIDBrMFGcN6SEleAyVLhYQfmkHVYeXtsCIkW/XobEHxK/bUO3zVhk0m3P70RaN7wpZsjf08K1OQtmUGyuVHdeJS6oFL9n06W21ke4cDWVtqwQadLpSk86sa6gnvUq4LsYErF8ui+yRIiRcD3kcCbRgJQQJ5RN8qiFerlDY2RnuSsyzWqk2rmlUMGCN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p3k6OdFCNXdSUduCb/WatyBtYargKtjDWXmTeDhhAc4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jPyva8SPZGrV55Tg3HkehaAlGEFh/3tXgz1Hbdz92yBoepiYpBjTT/uZ/7zCfcu3/AOCX0Jq/NUl1ut2dY+fHlNVckZqJjAr3RuORQm4tiIG28zukibNJxG1Jdmvfe8cXpAIznF4DQ/BYFu3q839L0PPoGtnIjKpQOIME0+DUzlObz4v+S2M5rssrNSOq8/Zr0BI1abbI/mxRYkHiy2sfLP7zOFfi+1aITNYv6+bQvJaWfMnYR6F36fBoKHQJRLokY8I0Lpf5i4taJSEzVtILMqKQMH25gCg2lCZWunaBMpna2hO98SM53ZOLUiX7+PiipnOiltAgSjoqzAZgk59CGghc+whBVCDNmCqj1Xw4ArEXl0ecRvytAgBo9PVuUG7w29QlFzJ4KY48z7CDgyiNc0cALDCm5qb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p43qQ39ef9L6XgheNjjZ9Utw22iHegPMqjJYgOJFvCQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rmCFxTpqFHKqE3bxThc0Y09BRcrI03i2VoT4HSvZ7ZW5Bt1JY//usU6NOcH3jSQhpknpCipgGC49qfR5JFrAw2BroFdhJQpGZ9bT9xjDLclacsqG7+MJyk9D52/waA6w1u5fRM6uYVl4T5A+ggeChTIHkM1hYMcUF6+WqHpUwQHVf88+/hJKBs7COgzTdbCAXKUv72TCoCtuv+PenepYLINWHY70XHFMDqNzLIRWy7QDaLpAg2KeokW0FdQMeP1cgaeoZS3QCIiachyauhv5bDys7VyDEzroACs83GR44Vx1GKISLgLeJWgWAPrqRG+R0vswbEtBLA9QZFMa5IMvX/bBw7CraP0pPI1XAXlBdlWBfu3KZcD1Dvsta5Ammg/xTTtr8+mbVZsXwMROEbMQtQeqz3w5yeLK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p4C9qfcbMYMWRXQbA/P6sYzDAMr/GYXq5Lvu2UQVcm4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OlNaPGS+mhcLEtXSf44on7sJU9DVIohiUWfAS4ASKi1WzPzOzBX5VQzYHf7ATMJB84Sb0Wg8S7WXxDUE76HNQvl5+Ay5by/AfEGJiOH3lgIiJeLMqjfpZMATEsvRZbP521pjhr0Vtd0kT4vjon+2QcaYL0A/pMFxY5mSlro5asBtSOYiD9issF8w5fcEeCpS7swIeyyeoek/0f7JUk7Cs20CYphtUvkXFyXEs1tGozNiMtJwC2m/X3+GNaX6Ut1g2zqqCHbrrRsJbKnaAhsks/gRzI/YvUV3Rg4L3KvdE361dq2Dj+/PE/XnbXdVJlf34NwAiL7r1+RtwfBbmnwMopg4W0VSHk2+b7A0EghKDRqqMMwcrnqvpigTvkW/MqbjIufo8/6xPOVFbywQatLHVKIXwFr1pfwC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p5Ciyh66WxhIVKbe+c/V8gP/7V4zWnF1mNbh2ob+jKk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "G/Fy+WJN/0X/+Qj4GHJgA6ayZpmQEbUj1rjTmdvGlg29+ZOKVqrTVwkxX7DaqyfsenpcdSx1dh7jrsQqK5AK7qMWyWY4XrRUajxQH3+LpETmd3zx+Mp0pZ5JRjChQuzskp4kMAp+CD4kPUnvlb7+mfb/MzvGtrBl+qVZ61WCz6PG+C8HFXiNYZkXD8vh6EhK3B1G2zWTgC34PP3t2MBB4G8yMnPnB6tISI6PFEjWrR+aP5TM6IlF/N/j2K3pdSdjk1quxEzcqZtEtFyBBiva2H6bTKMaFEJqsa+RX9dwl7VRoWQaQ9i/qGkgce3vODAhSuRb3TDhMHxCm7gMYirzvuMG4IAIewUP/G2Ata3/WlJ62VjphP84YbO8Fchg0fjwohCp5xcWOBSTDum3gm8HT8KbbaWTGpze",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p7Bvh8uboD6EXVA7UIL4hEcL81iP4ASaLVy1BL6DA3Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "U5orp68Hcsyk7dYT+BVdKjxMW0fUXU8w+kJ1JQGw8J7FhVd//oxKCU1sUQ5J3fFDvrUaqc0SN5A4QbmYqkm2fnTPdQwYImDBvKDWh21Wn80p++/1ijUPP0NxLMyEJoUefMeAYglem371FoKFWTBZRnLlh5Ol+BkrcXtEsZMPIwPlyogzw01KdoTacL9SI765i5jDtJt+fP3R0Cc4iI47Wo8G1iGZiuFyEd9/BI412MjomBPDRLNCKgCreveOpr8X0liZ7+Ib2IYnBBYTGGYpLSXJ+w07z5tTX44Bz3zddzXUjJ/ibplUmiuzkpk6vAivLjrbTafHhvmpz1bcuNw95PiNEtaq06qNI8JIjEmUSdvwziVE9rQCWCcYJbE+f2PJMdIrh6HAO/9oSH+SJrk3JLKTKi5sj56f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p89Aibc0h4Tc0KIfrARP5bKlNo72OGEiZW79803QBNc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pM8yXQ+72NZFOMh8zSZ2p5U+zByfRIjA4TmcPaYwrLqIpXoEapvM8kYEB/q6fakMYk3QwzomWEOMpOPsLRWJ4aHMlhMnaEBkCjw3r2ANeyNsxn5XP377MoOfrE1jiY4Qd25e9VuDr4x6EX+uOwceUpN2m/mjGyzc9oOSflY67Q8HOCE6YveEKlwN31h+3gHbUm/cAFtfgLaCIdlmahdyAjdBbXciHoaVC3K97QZXDC9RdJ0p79G8oJrYHVVIJ6b9BMcH5ozAFKUHOck1B7wk4+tqEFBtHu9GzQ29kumiwUj3gqC7BpKlna//lAxQzgb+rj5Glh1AzO1MAehNW5nB/Kmajk0J1qOpqatNxeyV9Y4A6siBk6Q/1qVjtBgN00ohFwQpDJzAnP3Q37pjhhEZLSDVhORnTKlG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "p8Nlb5XnD+PWq7DQ51S154VgWyQisDrXF+5TdRSVcok",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "S8Z1lIm4slTrOGOt+aHBzbindvgazs79yl054Gff/YFJj51VwuMImBoSic4ASOJURnwGQfpRhuYmd75OM27RYVGgwPUl1uVS9mqP1QMI/zNVXfUpJVC8HK68gVCYUVX6qDZq58QjY2t5xqVB7vshWxI8eFj6uidZDD3dAXBSOkQkqVetax4fXvndkbarSFwMx9JJdQFgcCdevc9Lu4QCGlTPRgFzhNabo4Qyh+BgQe89WiASp7sp/ZOltP3QO1Z716QCPaA4sMPIJEI2u66mkkYj2xb/Iqc7auHnN4o7fWrD7t+Sj/hdXKIYZk1SO+RAJFn/QDqzfPcPh8GDbXg1InnCuHz8SxdyMsIeO2tQvvUnD3/p9JHazRpqSK2qucMRW8mMDGQq1PQKPOra/sBEh2Ltf4rtPqvH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pAU1CaplX7rzXBnxi629p606DDHZIZsk0nY3lwPPORM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k//E9sHVri2iWoG5YVGzfQfGNx/cqONBRv2JXjvDcp0RnIt9QcpW1Br76hLlBF6eCgxiBtt8ou1YhSMT0jviDXGO35isBDdm+S13ILhR2pXgerEKn5bk6oMoc6ohE62wILt4bEOkXg3XExE3q0H3HGKTIWMG6TcMdiqhKCMJPrGQBqXH8VmykISbdzZewTBkHFVwEyUZEq6jIH4LavyUozMitL5UIBhDd/8WmvWt1dUOZ4urpf/den+2fnLNzjBJzLrLGTZZ+7u617JiteIC//R2VhtV7SYwjpaQMFTOwHXITQ02vjTG9bDJlLbVG0bfbOLPU1N62xlRuLU38vVvPECa3biuezTVVqDqPFuDiSyPmwjj3TPmVVGnlTJkyTivU5mUe+s2+wwcNXXPnGX4O9aTPkKlUgDt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pBd/YsATeFyJALFeH6sIcCKZRC6ZdaZ+y5+TM43x0pY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VNdPvW3JW+ykW9JOsxXGJ5S7GQ6ISap7I2udqfN4CfX1zn9CF/10k9tmoLC90EQO76QSFyoIhFUeH4+4uD60cZraUYB9Bvm+qVsoaym4vTSUVhkVcuwtFQqjLJnb72ngBLINfoJE2dVtl2pX2aO6Vo3QHHuEW7T5Qo0vgJqnLMHPS0LffFDwrQPTVAbSQWjp/UI0q3jmBFRaeNCOLC0Jmfa64Vng0amu7J5u4u/y83nbx4wl4y/inkPkMn1XkVzGZ8VXefS34aqurBLDYQRufWf7E7ZbRxK6FDV5M8L7gcCVybXlEygFE8huT9FrGLn3c3xjiOwM5StLsxLW7aOWg4Zt+AWw4Dy4Y336W9H7WwGnJyZxXzMkmitZyaEdBEUG1wNCAO0XoufzBTyxb+yXj4zyboZBEnpG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pDuTASj8hIIOpG0j33s7OF9+VdWg3NdI63OHl2ZJuO4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1cvyzSf6eyLeqvMzZbuLFfaJ1xMbxwrh/oaAE13b/qNPt1i5fqV68kFjQIZsu9VsFdXSJLa+IGBwraTeyj36oL+xcvxyo/bQi1Np0deX9TKqrtrqQKixP8p8H26FNeLdYckuVXE/a+5oUnWTBBsv7ekU0fS+Jmp4HQsO0ZdBU1FCiaaeqQ2cshJ/lla2ZnsYfAJTHDKAkbuwjAlkgDtESJw/y1pQAyYwEb9XpNLUgcghpq+iCXteKomzozLLk33S5Rqmpagku+Vbc4Txzxu0gliTPiv5Rzdbq4W7BHuw0zoTnf6AfW0wwVq1N2t8/XzrTUvwv5c7KLtjfZmI0oI5zr7WTewjsjIHxse+lfu5XcLn8XXA7zwQ97wFCKBcIVxbnVjQhM9Tdy4nwkAzpG+9zHAKhqvPwgvq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pEPVn/AIzO+ff75aH25PowXe5r3SCdxsKXsQHeRk+sE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "G3P0c1VmQO0VW1Mn5JTcOZz0kslpvHotrCDJJymELzfIRE/xM5eDmvNyFUNUynB5bzWH0d/+nI/xwqq63d0OSF8YuK721Diw9GkiCOBQed88dUD9ikK75iu6ns/ZAXLw0TwcZswogCeU6Z2UAy2WLEE/LtO6UXNt19YNpQRGIsNoemCzKTM2oqTjZcODUSEMLxcNqE11MqNmGwqmCQ+w41DDL6tZFM5KhuZt2H4BI6eu0qzkAv9WZVpqNHc4TR/uCeMbzjV2PcXS98S3dCXY0p9BbPP2aQj1Vz40W1MfJDciYvut/Yim1jTs1HLfdhhvatniabg3/9Ugu6nvY+S0WrnKk5OuF0bAxJg7DQfrfFPC0nCf/2dPrzqNlRWGUimuCw2SeJGy8YlJvyrpC4Gw+rFIF1YkXii1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pGHm+xxJVCEg+zy9Q8o9kROx49v6rFzFy98pDZ/XcGA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dQtNhjGPgQ2EcRUrKai2u93wo2Bc/TVHkSPFD36OSdAqv6Iysdy+rDi/t2fxPjp9+swO1CgC3vlfK+9ItmGfq8XZ2vv4eIDZeF1k8fAkVpVWoxvse+KS6Kk5ygmkXRvanFsJSJbyRcz7feXfgQ5Vl7W9Iyl4iXZCi7Y+ED+nAxOktlXrtLAVA/tOK6U8XK9evDaF7ZCEycDLhZKhe2dIgkf/1Y6EB8v2RBxmRW2+13odbHW+Us06as6OvFsMSW2EhoUPVtpAiLfwmSvSYpKprHsxPV+0f0bkoXs7Hm6tNeAjcKrjoCSAldd107K0U1bwdCgPCvy2iIHScG/W/k1cqCOvzqcdtI7J+aZ4gzoEEN8maYfClM2chql90zVKVOu1HLOiRcLY8+QjqEMEik6cXHFPi3LTsJVz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pGWLptgcitvGwUyn1Gd05/qnOFNYGS0XGmW2/5Y/XHs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CkBWsfVgxiyu/F/Ra74L1nsOd8UThsJjW4/dO/Rr5iPgPMjXQt0Mvcdrl/XsPVX+x4MLJVLacSp1DppCaO6AfemgnhxiY7NRO0a1eIySCcgGuqesPqAQlMjlApAI6YAz+kMRxAQK5LmjQ0p2uSv/VBzKIHDGd6hUMaFuqwbSHjBuFD2bVhQjQAxqfl5MhM2Ds8LPVU7boss8HcN8GbJ//cut8/bE8kjp5EMwp4Rso2u+OpQIIRmuq3FSK84+zgTKbqj0kivo+kLW9fXVu7RoPFe6qWgxWig7mtcSVVDWBgYbuJIFJevKeVMtEEfLM1Rr9mieXFjtCVUmFBN08bcttNzyLWgAgTqiB9ePT3lvIif0YpJyOiomud2NIsLVvA5P6KA12eX813S2E35jZRK2FdTb4cT5/nrw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pGvOgmu0NByAKhBNwwOE6qcgzB7Njbp57AXJGSlCiOQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CXOfoXP82qH7ZG+e4UVarHrXQcAufHaV+1ZXelN1qelQXt+34kWG3fwTelhBKeYebvIAQKBZiTi1Oh1LNWDQljMCmFZ2LniGy/OGJzl3WWVY11a+KQakC+RpWS0Igz+Y9pFALa9NXMFP2Uiw2aAe7ERopW5qavzumofW/AoMS9+vrQwaXzdQVIgyBUmwuRwBm833RyAGZKdk3ze2BqyJVHQpd5Tm9oZLgeCGhLPIZgrKx3TmB7ziWmyc8OaT6Cjv1KR6OA9dpLbw+q8ZI8SuD2UBdV+/OOLH4IFi09U8rhxQftMjg6dmUoVoSYbAq70QhF8XO29Mi+CSLWc6vNEvdtsWs7zd8kogVpB3jm8oJJlWrRIvO+xwKBj1gDjzcVDUCegCStR2c7eAzNsiSJFgL8yQEFHiaD9f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pHbfPKfs5wYUZcLV+K5HNGRxQ0JF8G+1Y650bzRe6DE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xkK8RqbD6V9CkfEetE06oct8N/Fb7TMYefv+0wAwUqG7lkyYgW8pAbyzK1XVjw8Z3EQn7MRAghHLCbkI4vodhPZ9PbxNiKpoZZKCNPUVgyqLn0b9tH+VSZR9SeECOMz1hcwhr/P4GLt4iiCAUr+M7+qiLgM4xxvMLUSxFKVoj0rfPu5ix3HdKaQnwrJ5MaFCcHDewkhL+UIo9luf21V4TqjD/m5oILUCtaT6W0ypenPaqwhdkjA4l+dI5Vdlsy/rEuEP5B82qrLl3I5+NJQc5LSgOGLgmVta2KvjkHr2qDIa0aCs3KelwiBF87uJG5pGpuGa/nf8C/hobFLzyDedSFtEiHNvnEcyYxXDeLyJQRiOYQC9XKBuCkQe+HvR905wWCVXoKd6hXwrFsK+eGDS3ry0jJ/yYyxC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pHdABbYYwAo/zyUZNSpVWeYt81uw0U5aD6Uc3eFXmzA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gX3T/TB7rZtI93xjASG0YBhmYDdsAMbrdkzPwdF76in5e9pUk4SB9jGLlIp9wacVcv9zSjiMEvKDvJXj2HjqluNvvBv/Gpodt+Xz8W8la9sd5UcjG0EiQfm48VgHULWZu/IbzAwk+IEEUtoxHI+YKi3M/Uxi+2tEh4RFeFVSPi+UBczwE9pRxGrOnHRMF4eOkBNZCzElXDKnI+evkBMqUzYN/ZBdtF0AY+C2lnARKrBWN0Br0jq4c1X0aSEEhFlNXwAcaajag5Ey/JpdwoxiGM8EEcPGHkZ3cnTlhjci1YBKhpiEEnDCK2eUCcBswEe7qLyMnMxwSeJJUhp/yP0TVyVRFze1rG2QqVt0GN2NTWobZTApa1CN6fpCliIkmP3QjMx0cZfuF/hkem4/xKiwCRsBfdMlzoB1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pHpHqXCw6ik3fUL2aBQlnUQCPM2lDrndniFG3KqG8u4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Cs2ZpI2xU3FrHIgJTQr1Zg0DW2p4+zc1SmW17Xw3RSYuyP6ruxPcQ7juazjUyGlzJ2BYECiQYUtMSzdeCrpCZQUQvUGe3g1TmR5wIXAwtZZRcUQAdk0lkn/syb/UohRhe96hT3e11m+yCn/i0zmazcTQrU+oJ0SWHKf2QXoaIAYvR38yVGwvNvj6jMg77zonkwsLS0Z1jc+MeiZF3Pa/+ZTp7mQXWmq1980ceBqrMHyN+UKTo1eih/Gjm5Cz+cmNkhkp2biF2N6jMf/eR/jRN/Fj09A2VNgxCoOXL37FuyyZ3+L4IRRhvEvMhgIQEbeEOqp2Svc1z7bgTTdW0m3WtFaPd4UiQMVlpDYeQsSm6bW1Q4NlIsi9+xA9zNEbt6FKEwGz90/xTImZ0aVjJ38KilvV4/mwFKXx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pIlp9PhMpuMtQ3yGsJvUYazxbRo1nv0kkkWwvXgNI/k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZKXKWs/+bpRHkYGtXARUMCWqTt86vxXMcrwMiDFMJ5nIR0TS+dv1NqVAVl+MXLKhaqPPeBLztphaJTVdCNgoTp/LsH42QXLIQUshRzMFVDWZEzVwgAtC93eojL+8xmWpUimCK62FLmyxW3+ShkTNAjBqMi1RfGSu7eoSF6daoMpO8ZhbHthQf94evMuvnGIOepok4MGnK4QaRKteV/E1qVCfhAou35T/AbCXIt+Q4LlOJYF/lHCGDsU9FlI7yyLVueUcCMMFpXQFdwh/cbSVUdT9m7dwlt+jbjajAI8zQ6DOKHWUHCpbgY9g2IMNpekC+4tdiQMvYiTvLAbEunIYCQVButHCo8q781CaDNGZw0Ubmi4EGkYYPYtQNst+l++sUTLo6vNyRLfz2pOvCO//r03cRycM4MJf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pJAlCZYA6kl/3/nTJ+87muZkl/bxSRiVO6BQTWetje8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r9K7YkOL/RLP7VHxOAqgIMjclBZGDZKJ2BgOl/nIkTZPPhGkEjoiNfsNyDU3yq0DokWnz3CbVteoogJwHUkJKYV2EEE2J89LivkOjhGBjy0H7wc5GWhb/8gCyguDv+WQzRlO8T2ysDRUVxww87B42MY9XIFtAkfUFnmcNF1zC/UoA0GDmBzfc6Yd32z8bns0/47W1PdOz1ikZ+yd7FPiY9Mnrx+fecoIM6CLA34SYYPP5l5nnP7Gvo787PsyjsjBcWsT8vq+jm+8obW7s0ywbs3PadHaWOvOXkSR7qbahgYPZy3ObRsXn8b/epd6YS9viGL6s5BCuY9Q8f19vsQuCXtWklm6aXxL51RINT/Wk1MyMSYtVkQJJDtNj4UEy2EYzI+qit45wK9GRFWtaKSnxrddHrvi8BkF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pJOmb0sdQp2XRlY6uv/KA3DgBHpqN4kjYxIyYhI3XPQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/QdNqiHp2iok9d1HwvxjCIxn0SsKH0mf8x7pxhdo2BKFhon0xVAEoff9MAxn37l7r2aPdPIl7xNYZFj5S1ZqPo+j1bnXqW9PbSMJKHNDpYJfm3+GVSrseYQrKmwP8jTDpl/bM//xdKRCgiffnxfn6EzcLMctR/9hVz7W6FFFbvbrmTJTiVrwoXVE4faJGkKy2orO5TPTnS84LhbT57oFW0eODNXC4Hn8ychx1PBhg4JC5/wlGsxDFdwaXmudnrUAPnIRBfMvRKQdSFap87UeXr2Wc0OIh36LA+p4DPlZzlcU3WxXAc+vRsN6FvYtXFcTV4RFl//qSBn1CqTSN4olM+SZEQEyoLHNCEu/Fi+942/pyffla3ovwpvJ4f3JNVcfjjnDg4OXrx3ddM+feSHvlkFED/XeIwTn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pJoigZn5TCYQ0iWCPHYlrWaJInM9hZNr1NDd5CDv/Z8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LslRRT/4HPGgG+XX28TbDV9ApVQtUUyI8DvFZNqKW5QH/Ddm9NAZtIrpYQtaJwe8gTUTUv7Fuo3kgLMaypr0BpvC3J2bJYARvrCN9rI+KhvyGB2QNjB8txH3OFnHED9s2rAkULjJWFQTK1V/DmFNgq7pMlUxgwC0GRG0p3Ra+LL1PvoEeeMN9Ws+pl7hegv7kL4XG7kmLoDQqAPkIaiORL/gYS4WQO7LcrDlmphdEBoMfeHkASdk05Sg+i/0ebvIj+TB24xIKV51ymB1fYOEEz/9C6uvv1qhQkraLcksvHqVBPqxIz6hJB6IMVSIf99hMmp7/RrfTfI8TK9Hr8eVkah2F44c36z0IZ5LmlPs3jwog/r42gCyPVcBseeb/eqDsdttxXOxEPRauVgw/N2OQzoET/JAWwIR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pJsJaIVsOvzYOCjHAf9esiIOLuF4YtQd6OpV2KtKXNo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yvMQa4ZDKfA4fa92vMfI5TGC9qcTKoUKOi3mrE4GZmupymjHIegjjsxVfaT+EuKt9za39OMSK+o9Oy1+JEl/eIR06DEh6MBMHzNWl4qA1FaK4jjGTepZNw5BmNXUq4yGhbLiXeZI1E9WZQFWH5DoM+qjPb/AeY1sLqm2MYVMeg4TIBb4nNQlps81aCsB5LSQx52qojujDwGzKy2p5vCKgXm/4GS1XV2ENKxUh4/2QHH3mQ2zj6LBKsa98lwpj9mABXU2gbeEA/Jj1AZnS6/HAC+W51d7j2Cv7YLGXIqEfFj6yhfEAq1s4FbNd5++7Q2J7SbRnBCGZldK+wfr3qBt9xz6v1Y3Dj+LdhtVG4NcmCfCJ10Eu9pIpztUKrg7dWzcWaqCkg9YEysUL7tpm/GQVlkvZpHGpNk8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pJsfklPnU5DSHzy4AK7znIeEawobSlE/tGRw1Yr7MmQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5cBxbvXlhsbtkCU4UXW/LH7MekS6pN7+JwrfTFePcTMeEKcpdwmNRFfI+EBHzvBx7YfQjC08Law3r2QIbrVkw/QLDRn54qwC5aTXtaxadY9ZTnNqk3e2t+tx41wORBT/tHsbNSnXejB3c2Cfr2lCLZG5w7XOGgvVhzWzkCQW+ftVYad1lveDi8jfEKJM4mN9NjCJkQaJBbJ6xCpWwt3NhAFvRFr1b3kEtXvH0KMfXoMyW/nXF4lRe1ydMcDJtlRwUYoO8EIFOeixWDXMbbqW7EY8zWs5EFbvINQhVVYA7cr89d7rhv9VVIk0pWZdXgmPC83mEO0buYsMbyBG/Ve0QlOKojdA8UpIeIqnCcLpoXqgo37kG1qqpTBix8t63aJpxF6BIwzmMNJKg60lqtPTYaqtwT0WhCUc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pKJiisomOLRFkZiENrjLUmwE4xxAX1Aedraj4h6wWGA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P5fboJcXLdlYiR65vMv6JyXJxEOBYyz8MveAtTI4ak5hicO9qdpfTzEB0wlMnlhNXiSiiC4N8moVltdYvzfOXz3aTJ4Hy0kJ8lCvWwyfVR9MdG7reUjnzT+W3lJphf+GTVoRUQ2I38I8AkQIzJewD7dbZWjYyiTgylhdOCtdWCJNZh4WM9ou5Q8u8Hugk62BsXmF7QnAcO9aqGNJMt82zZfMtNCWnhRx4smjfg7jCxpZpLnbxGYawM4U2BLn/D6JLT3/TkApyeXmBXbgno0WAMHGS7SAxzIKJeGlTbpqqhsSMmNqfsTbBSQnyn/nfxvv5V2n3gH++zoUZnjDvb9mOvfpiIxgR7CLt6DG1bedpSY7N9zrAt2Xk9MNUGk7PNKIEEuZmpVsQoJFbIKQMQidvUEIoY5rmpd2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pKvWUtD5i+sY1m6GQfeSd0m7AYsEasrSnHshvyFawr4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+h5KYg75DxxbwwY/gAPWkGe/Q9FBmbL1C5hmclQ/ZyDkBnyAMp8nC7ao3ytoAIIjwOoEt6HrCK8oSwHbCE2wor1y2nfUaNU+UeU9x//h7WcJIYIK980BR5VGJ+GGtv+vSnk8BNsKi9qVoSFCbHLgvgW9hg/Q9+xxam/t9Zx+njBp7AkKQ1s8wIRLK/n/cA863hy3QdeHgJWX9KfQf05RUC+TMOxP0VDh838xiIi6LUPLldJeSo+s1hj+gp1ZXAhoHhWOjWl3TLJzl6SzuVk49P2TPgieCdfCx7lxBfp4PeJJRpj/R0p2EgNk3ZW7eXYJKCRVlTF+4KXfMWWsP9psbI9+dklR9q9eYl91rSUCVe+pN4rhOx332HxPboUmKSLimWoUNkCrcfvb9IDJxr2W+LioQuudl8oy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pMdkcE86a9uSAqNAjkT1i/W3kOSuhsLcdJGzaYg16WI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pCPCVQ0arZqhPyMP6oifw81echAJsByrQWtiSy042b1uT7p6H+UYneKuY6PZNFMpuKbY4JrzcQEOyOGLmO9gpU6gEiEnC1oHqQYs4FhnvvomVtVCtIcoPHyMf/Cr9roja4Vnp/l/zeXXV2agbEKZrxTt9jeoV67Q0shWNemKhp9Tr2Sm8F+Jnq4XfQViwN01uKuPMk3d2yvspsyEimOwKNzUTtGmnbLdxSWS6+f7UqSssaONXEKuq7wNeKLlXPfc12V2nQZyf+TOWskc44usP9MXERQ8tGqK1YR/B6ShRTMzbbQpYY3mmCSc8iuyC5MZXZmjTwTyWs8qX+0S3p0hiY+Cr0uQ+U/8hbItRPbwQuW6Wn7nZiOXUicoOJ5tea25tbeYL3Z7s6zCsuYq9/9jupLX2Oc+OtYO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pMuM5SKWBWwBTC4aqBWvawLJvXp2JkvY3cAwj+NjZd8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RvjdgYhKSwT50RqztvKAdatrZqfVBDt3Pvv2Xp/XjY3sMf/w2yo4z3wXi3rVUAEZ/5Kw26YuDvPKQIoFlHb1usU+wUOPiOaqdEFszuuT/Ay/0uggWMhVMx3QVPt4FeSWaAL5dW2JITXRk+EeCydcIaER+cob/sGsiYiQMnt+3OoWIsxuS9laN1lMXNfMLMqVAzYmaHBYKu3oaeOtkmVhLdLEN8ZdKExoIA0QphaT+27IFyk4S2rsAxb/QYMlXey35YWnP8OmCNs0VivcjoQkO1rGeBN9MQU5obStr/Fhi+y+mXBExEyVDOXJvJ3gW8z9ReAtbzOOZ1rY8sP1rAtEhuCWZYQ/yogZ1AVWothyZKFvsX8Y3J5gON95x4YaVrYE5iCiIw3jm1S2RUyOL268++rIn79V9bMf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pNnwN4Eu3VvOxs0ukngJTxUPIdrhdB1Id+BUgRMwiVQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hXTSrqcxaW2V9glZLiPWyZY1zS4oubherJ+1OvuZFE1dLu+qOiNpG1QhRjSorxUEbUKC3IBAgg47X9+oiEWKqKWKKJLXCWCPvrjmO1XIu5l6Jg63NklOfpkOujifoAv/q9n3Ip8dbhGqVQwHxs68ToGDbDmlBBGugzP4HsyAL+o8jOiFmjYZq87KcDoGTKRarCAbACA7SbWjfFF+5Fplt6Pi4LgIdyh89++HT2Tdc8KnFxUNVJpqs94+6NIugrwEqw/T3XrrjwD0jHPLSKKiOiBIHXrSapi6kxS7UWhitCM308y4ISs0NnrCnQ7/rjzth+QIrwVSMcFroqbACB19tlcdRxGki2hakH4AJNPrm0eokuhAD5Wy+5GPpsImv+VpFskB+kD7TwUhSz0E7lAvM7Ka5OgMIUo2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pPDF0vM4vIO9SI4uong91vygoOBAKqvszp275QPd38k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uVXeMXo8deUxsAjvTBnUH/F0toLkxIPoHR6/iX5ICkd8am+6ZT49sgkckljzCxAAVK+NIFl5w4guc/RaLgtxHJe30UIzyavM+gTu5pG+PBSs2lzYNFfY2hOxPuiGCtC952F0O+th60E3YTCbeE+NkC3o/CgZTQzuTU6/PqQHkxA0n+Wg/eduFuBWdOn7rccHJmfevJezmiBxl6/VmGbTTPMg7usxaVGsA7HKkEBbMZiWo5ydGCsmoA7pHhywcWJvAKhqvnVO/EduAjQwcT3Sb/1kBqRFHmSqFADNmuwrRZHrLP6pxflSGJ9rqJV3a+haXmo4i6crL7xhLOMlcJ4BoZ5HEpVkVUDGT+kzK4BV8S8DNb6bpoT+w1GLySkiGRLUsZmz0b2hCj2CtfExyLfRKwe7v3OuYZAw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pPjZ5Bwhm1AXd807+8I5cDYm+t/m8djJq3vmA0hE9Tg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w8nJLsOtmT+H1KetZgT4SaFjjZuYzgL5xabQxrLv+0whi98jTfYtCUXAl6HaQHsTyvobIl7cyFXFe0ZcejLzCdJGvBZ+O567l3opAt/QyP6MxSXq8dRFl4mfYPUb+7Q8qieipK2VWeMvmdlhd9a3MyRA4tQQmOvPKRYRf28rKeOpy96qwmQMgDba4SYNekpD41BriPsgdKWjqhQTiQtrh4s8vtJ+17+G5iOJns9mIF6ppS/9rHkcTDomr5PxFSkzNX1FOPxaOuHVc05btXgc3Bl20DSTo4yMJlNZXfmbe+b6RP+4mBfatV/v1Soz3L5p+xpNCcV5ETZth8Dr24qezgeJNqFYdZ72L4gB9Szv3T315uEpeSeKdGsjWbqNIRELwUKwOBlHmzsOAr0oSLwSriCZ3puL4qb8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pRa7xc9+lP9yOeUTMQ+JHoJ+aHTGYvveOl2kJ6L3ruE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f8WD25DhCSLJQya24ZcQr0Qi1hPUvnRdhZtke4alW5QmvBAjTxTmyU3OvbJb8XKcBel83XQOruSC5OXJqHpx2z+fyt5VvYcL3N3thCtLmdFpKLjhuumQvqji64IhT4R/A6fNVG+PEbwuPgGnXb4TBw+9ZkZUhVhNeczcoR6orYBOJKnXMPTVV6Q8dAPKrTEIh2vaCBj+ZifUXE7siiIzkIVMyucSMxnDkKAYK0YhnvmGRg71RXO5GeT1ZlAOyHamSc+iBFVWuM3hjpVtm26yfwpaC991C0djpW5UPX6sWyV4izfFqpYGZwO/SXSdII69dtrB8MhhPnby4wJ9ywK3vx0DWWckOBEtPOZRyG/fVfE46vOfb4J2+vRfVt+MC9bAEoMp3yWQBnmTtgruXqwkXkkNgCSiwSqd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pSePlhJQPd+QNh2T3/GQXY4H9zmlJZ3QK7nAv11cMWY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "e3BqWdgbfU3ACflFkKyP8Q2jqvkqMQPe2zatJdBznvm+66PcbMbNJHvyIWiY3+Zr0tgMWYtOTb80OKdxP3BY9J3yvnhzOB/28GU8c7vxOb/5voj4CelshQgM5vsUds/P5XiAmcHiGgFl2Q9xXu9iJYoIrY/dR9t9+4PCIC8yxyCVkqPxKIvSbl12//Wp9O6+Rdl5377ND4EdikiBkWQMIVIDMw3RITnnQyExoWZPhluAks/QlxoOlLLap9uA7X0yx/I2tPViVLeO+ixpb7uofoOTPohgLJWWexCOxcmuN+7x4K6J6ZFpa1d5ywKx706dlw32N7j9TG4N3fFjrPKentngBDSJAzdPQyDGkJHU9zAorzsyJfGov399I4gHgXADXU9Vp13VsxlBK4ZD1KhoWCOuGqFQbhfv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pT/2rHE9b9GD9bKCHT6DYZsFre8KVlZcvKil0FUHgL8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E+NhgvVQ6lhC9j2ymgWP/RWEc+GObIZzU+5kUqPvJyvpGbQblEJKviN8hE/22d6fKPQRzoGdMFPYGR5eTShvWq88+2v/GOr8Se6bBOCwjeBBN+4aE9ZAr4MGDcWw9rzQ4flwDhEYC12+jfL8Jp97gBIsVJzJ/XqmguRThjEnCTYBucL+3A2D3PU3xoE6RmYQE7ozpIWK7eoS/pkvLld9b1+LGab/oIz0rNaTHGYrcM2o+aaOYOpzTkuy7CQWlcxrG2z6QBorLKo5W741h+OmujGWzixBOxkdhm0ZNtZxWnKFIsMOcPnQk+YgwRZN+7HteYVdeLWjDvFioka9OvD4+r6tX7LQvkcdp3VBbem6e6qZXRDoUYkmWChOxpPsGxKnWzmvlL3lAxfSeAYeA/dHumDJtr+MbHPg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pTejh1DC4RUIbG0LSKb1Zjb6wohES7s9j32ul/GCsms",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vqzP8BtgzXNrjQHkfIiiDP0J/AX1ZBJxbCDsabuBRoqu1+CuMY2/75iYiheHBhTQEQvtW35Clba9OCFMpmq6kocGCFD1as0+kKa0LqbeHzc+Ip+Kn3KLrcy2IC8JYL4WiiWluFCMtQcNLTuUytAMVQWUM9E2aQsKD2QPZNe4I+mdk2lPMxY+NkzvUFwEOFYvqgYNZ+cRsHqOB/dmaCqMvJbEeoD73wX4T+sKErvY4+03RWLyFFhtV6n+Nltg25TylvxJvI0whOJsSVicQk6CbkNRGL4/BwVccaX+/dmKsKVNrcspuwROItKYtDfCTZrHB3/nczaSR59DzH7Dg1QxKqVm4mOtwn6juRVsF7+u3TTOU6kZwbpD47pWDC/lgU7cE5+fo8XKKTUMhLbQcPpfnmpCDIfHiX/I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pTxx13P0itNyGJ5PnrxmqHqgWn5rH9EVsiMEKzracjA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/b4TEE3+hgE63B19fAF9XVTz8WcfhYtqidd4CLkQ6cSzWfFeWVVeoovRm3MA/4kuKyTacWVOdbHP3mCY1o9NX1fug+PGzIv4FN8RkToH+SOGh+gZr/p8aA9Y4GL0o9Fyg7RTXP/qU+kIqOtH/5xJZKLCtjpxNUacizjQLH/PbNKeRtjWvnkLK1BScazy4c6bNsFUuFdHqdwZVXVU7Jsp3QezmVyhAViAWaAjCMTxm44CVcyGNlYSUpug98Jyo3n2UUcw8X4c3gk2HrG/kiU+jipGJyK10VVOLFKATW1HQdD57u1xA+yUek3KIyCvWXVFQt1f0byjwXrtoHgdZ6DQ38uPRne5updYZX/P+MiDETQNgIw8TaKUNIHU9mWma5Y5TQMW3otvxXN269xAwhJITI8HdQcQ+ibf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pUJRPB3zwTBupCtVv7KSkk89jNZ582PjI5v87F4zpWY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "txSLJcK9/NmIzN9ykQ9SpC6L3tmohRlc7rVTkMQZ75DfQNC3El9YpJagCTlQ0Ao3ng8AikgAfxwCok4FnV5DlphYps160rANzBl7PW+q42EavyMK5k/HQI4em1WIDgHxj4JAUdqd054p7i9NtGDCY0IO0kJ8CMVMhdvO+4epOnzs6C2790G5wJW3baNgs24hFrH4BP69GXVOkMeaXIKo9d8Y3Kt8oywH2Gd0lDYu3M7fFiDnCV4c3fHkajRzphD0UXDerxQNz78DLNjjp3PzkBK96fI1k3w2so6sgwEJ9uG59W78ra+0ZvnzoHON2N3lScgyBEXigrx2WV/NrKRiywa00xpi7bD0+BF2hBYUu1i1NeaEDCEa3zl2ODbywrWMjcVpBC8GBZazV2lZZSWHQS7DMj1+6u9a",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pUcgYx/uInIHhn2uToLMBdIILEwi0mDe4aCIdEaCQCw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KPWbYSo1zhyvCL6X7sMj1JXYnf9mmdG0o24jSGQzMBxQypBHUE3yfjvX26TM/GhrFqXfyTNWHE1Jkxzqjg9BQmCkeTL06sPx06ihlOdTTVqSr6XglAy5EkcBSowWKHBzeq7DVtL/1+HlJ9xde5GrDCNgKdoXP8ppQl3g/PQQGphwijRg3gVkfu4A7zxdJ5B6zxlnOcuZ5CxO2R37hjXjOzbO+ZRg9+VxSAzZJCsnmI++MwvUV73CnDW+5sdLxgaJPiswy7JJPbaq3x51yXpT/1OsZJKHqExfNrkMDMMfuwJMeDghM6c2TX+B8ID1PzZ/6vPQJIVK+p7/sg2V2hgd0xce2YRBKktuN5D9RGramHOuKzkOixn1eyjjKeYjm8dBIYrDF1UBpyz3eFrqGqV1iXq2lSxs5b0q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pWrL8CozUHj5kA/9BTtqiAY7n/XXLI9ZPEJO6Q+OhBo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wQxGPb0T0seg0czlWCLhu4jMXjJVqczfpkoGbVQEQ3abf7e0nCOMaQEPcbVXDJBIh7KMd5919QacXVK+Ct0kpUaRmxj6PphE+24VfELPt1vaf0rEITnIBSzFA6qbS4wl+KIHnKdJrSSIN9TDzIwsa+d0Y0/fiOiY5frj+rKUwJcoDhITinqaw5mPpBIABQ2PuWB9SoYBCWesC1BYI45je/udgm2ebHCzHW0LSydmQXRIEReQdN4ib7LvRLuWI/S15WU5U8p2MACBWVSPh91UwyiqJDLbxslKGQL6yfOIrqaIQQoGyvi4WOndIVRkY5pwwP9yuIRLVZupLWISa9JWbPUTTbXYjwbqycp8ctgzdZVEMITz1v+aWQt3Fekc/sqd/aJ8HP3h4p/pzX2O9gFF7+nUCb947bMy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pXaOUieTFXHR1uqzANX1dok4TEHreUJTOQDSLlB3xV0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/2f0aZoXyiOR/Y1L16ZY3BDKbH9ZZS3aGhf6y3+Dbstg8C66ZCK2lSmH4ERFDUdQ6jfJ5SKRm2JFLxKX9Lik/YDGYqJaZIC4anEPY/pXS0FITKhxs6LqyhVfgWRQ1mGFRJshBIRw3TLv8+CQ7XeObkUoVW+yLYJSJqzVkXkvWnY3gNYPsAIuM5h3L2tDZ5lBeF1+70EeYzXhybbe5UAGxkqRL++b81MCQsIkI4XaEqfiCn53Aae+s6pinSMSZBuVTGQO2agBNdyRHer13sJhgrI247lrajZ0WiJfTK/r5s2qdWMyX8eiURW0RaEEI6QkzXQYo4RfHP+o1oIGI/nPch7pde0UC3HGhN0o5ryh5nDaGTU/1YG/spokCaM1jOPV7jWC6bEEWyY5aEz1wMLTA91eKjob6SbR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pcAz7r+5e0lNX3xKHprYTZtyNUFJ60aGqA+80Uv7ch0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7dkyV7bxjES0/NligX2MK/XrZF3jggdTU0pbt3+jupeXGMmiz+yMQqhUcQx6H8fCwISPnGXgA5h+X3eTt3ay/HS/sg3QSFVvFR3JMDepUXv5/N49knK545AobmM2MDXLyzHVqtCrw6yF4NvL3+ge+MZfXO23j+LfACPQYILQxnXr6eO94zFcBr5sVRBp3Hy8ycAcz69qDajl9V6coNX8aXm3SOCu7wZtZU6PKHH77s/nbaEDaSX8NOQzu15slWuIO2Vtetx/9DhY9iAwxs9l5tudhAL3CAX+1YoDKSv6IyfWmA9P8cGGCl+F/G8F0evbz91OkpA2SspSxB7PU2SsvFfy0pFNmeSQH12cDrzip5W4Grug3dZd2gPxEs+NjErPXDi4ECdmGTNyByUycyrwfL2SMaNj0paC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pcYhsPtewxjH6gAGDCksJiUrRn34xTGiaWUmzMJWn2Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Rf+E+022ydLVFvPvkrAgCXUXHSky2BLEg0DkaWdaskC6rTF48PGvsNGyA4+TRzRXVmFQnTRJVL5neguH89/LWu9YHb1b6PEQXttonUIkS7CajvSmX44Qhls9kKDDt12ZyRtJDZnteAHzV8z6BSzVN/ooDU+3C0P+rselUGYnq6SJ94c6n8bgothl2fIyweo1UG8xI0pxgUtdhCm7OTYuo4nv/UyQG6QE1FpCKL3NelwlQfF0bSFhnRZNcpsnq/lDin7QgtDjM2DPd17J6XTjgPrub4hA5fGkSlDqdrIUzNi2fuwAOMMc8J3Aja6FlYkg6jG2Ns79m/ZlYw/ngwQSgTKVrJGOd9ux7FZTrQniuvE4LsukhbrqmOm3eEeaZmqDr5zDuHPRb0V/kDxdOBTsfF0DPV4T/6bG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pdXzw0oXXak1nPDnv9DHrUP0VSsydTGJcnVahJLcrbc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OO3Xv8yJJSo3/kEuIDaFrn+uGYx7pRy4ztJySNfk8ltFmwImCrjuhRLVVACbClYBwgQaOZl4pcOclB1SP1Myl49eDphUXodVvKuKrQuZe5kgOv1WbEvR2jRp9SthmajWdwobDlr8e3oDjzcV79Dv3+eUljcCDkc5o4Nq4P684LTDntOkl8vh40ftnsdPvqDcavX6dQ39IkrtyZzfp1IVaawSn3zAFEH7zbb0os9qt5wFsehsGVnSfIGGjOOLmuz6zqPIDFNWEf9btiT22nGIxR8krehuu5uSOZPWLZXQZlHL86C0uUbsLpf0PB7dloHG4VgNmptNeNOh6FItKOb1F1koyDIZzs8wlKpx8+QJtT6HWXVWaok0K8wkdof0I8eifKOdwmRRLNg1sgu8chU6YdHxW3YavdWq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pfU/tld14BDdZrimXgFq0GxW/o88PfVhTZN/kbz1KUM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2bzW3LuNJ0zEhREEOi6+9m2OioqwMqssTWk9ppc5ThRCWt14SofiX62vuG5GrEZJOlQ6kyrn+2Zb3Oj7cqvbhok7ivtkt/eq2qUAv87PMbLJjdU6jgcEttyHEf2+rTJYI/+YenCYJNTAbzymDEfoYSRcfWgBftQjdZOSKjgXBkDug7XrOBFJqW2KArhRtS58aU8Ggkda4Y5uRZGV1GjKpm6Z+hpt9FW9GFI53Q6oFI29k6lwcpoiSGzvRQHrNXraq/S1Bx6hO5X32XVgOn4AeAfKabW51WWMhBIpeKC1+RrlLRPvpegUPAH2Wv4+4WusTXzXnksAbRcfxXBSQHLBUszM9/57NIN/YBre0E2aG9XQwwmfYa+v4/OCpfcY5hXvnACERwUQYghB5zjVJEz3LbJ0On0CzWH/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pg53jvMO1QQLl2sfMPhDfxLZXZn2t91C+qtdASJfbVc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ywb20T/vfWjykRo0/D1DbDMywqORU5prh94muwZHJYBuqZ0yrD1klPzV1PAkaMWrQ0JXPZv/9nhz+JVJssZnirf3gbL/jzrt98B6WiaE0q1uav19HrmZZidM2D9UGpPiC1RhCy/YhUNax3CVwKEVK4htXQJGH8IiEuZ20QC6ZTJ1PnxeGR3b3Vk6zzvqL9n8vPMy8rFYxi3TuNbblf5LwgRFJhc86kRibDJSz05F1utclxEIOnubu/+7XVu/EmuV9C3K6bOUaD/I52VrIzX9fqPnAmXj7LfVT99XDmm1BoXNTCsY1laxY39nfIJVkJwjDrdbj9OzP/ZDGfjK2DWNUN/P1aytFRixNcSYppzEhYuObfDUJ9eJZAYihNMlS41E/YpG4aCAJcRyCMtuyf6jvZuulYQOJ5JY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pgVTEyooRsGBp0of3Hfu5mG4huMCh3jent7/RNvsFvc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vG8dHcGeAEm2iCz+YoLy1xO8CO7YuP/psA11cMUDhcJs6yzNmnNyxzn2bv/hPsMW41f4nfNxtT8+Q2F9PV2hzOTICCcQspx9f/RgGWnsqEBFz38MD4+PufIlBOswhm8zydb/rB9CP22BVQdjKv2vSMR+v0pvvXcBCMK84jN2E2j98pxStHEB4ymdZ2xY2L/V1yH70KxhHoRMCL+BPSo1Al6HXVQHWxNkA0xTw0oBbuhESKP8jpzc75RaySmqZCqplsKb/NBWJugcWipnW1afJ8KvxrwS1SCZJtW2XiH6O+XieRt4rxfPFmyIYoxal+Q7jYsqhQAydOD84HRGwV2xKXVHs9iBLLJRTPK0uof5Ymd7wyQLJIFkExg8j8wdzpqbMuC/CW4KjDGOxVyCK1GEek2XHcND865N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "phLNeQDy3dUJOufv4jgXnk3XKmtVlNRn9mojD7zaoS8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2kSoMA55TOzdSlINojXsSJnB32CUlrBb85gQQduAKThbpqRGbqjCCxzLTksqsiXVDjsO6B6VpUALl6cK1sobNz8cRhVQKBTrElDhxuIZgu3wyHeB8iSZQrJgMpnl9jSZvEvQ3/3NG/3PPOM/v8rCU495JPXXDxmrPiAaB4yKA3Drv0xu7iotDfpdokTKiLF2bIAtuzfDprxfba+KADnIEDmf9YWGXBZthDgSUsZoGQVLb725pPfBV4o7cuYp/uUQdxjfZwyuNDrrFnULm5q35NgvzCR+IXThpY9ITTEhf2BamDjL6yTvvzIWKoN1+Q+LTAerJHfDZZeXTsJhIVl39ApbRY3n30A943PJcYxdE6NmClMV1lfA2f8/guFcVUHNqdvEdMsYRv1ee1fsM6IsBXEBxLrEghM8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "piim+lH44XY/VuGjO0RmAE34ripWvGjfkRB5MhDMPsk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mQrspLzKv3EcbfP5asqDf9sWw45OTge0BQGTLr3CZmHUOK/asUsO5JIi0pnKb0aUDLHPKwBkHh0SitfZiK+K+NJPTCTyiwd0v0r4Jcrgl+w+q1lrWOaSnplfFUkiDaTP2pIj7NfnLCOKNuSv0Vgp017iCVWDIZsmAa+ehDLKKX4qm3R5NnnTHymTemle7PsY+2ky0ltE0ZaMmn0QihaWuCINoCTQN/JiBoIN/Mc0bF2EwyB6Uu5gTAwi132tv56X6SXJxHj/2/eoPEGPP0fH0GAFiwAbELP8RvJjYoL8LfsaB0Xxj764u4OiQBhOuwZb7B4oIBhasGI/dYaXsGML47E2xcxDKEJAXVLTboyzitiIcp3/LJMbgRXs+0sU3wg3ZClFELBXi/GYYPpqHoM/s0Sp7jGhKWRq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pj1XycsbvXrRqHQVQUUWIu6J16057o68pVvrj/SO61Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7etBoM97o+2FaX7KR2c4NQG6GZaFu9gjwfzmvAWzZosfucBCEtxCiuJgcds3GUUpdluDKtoiyQ7JImXJCR74oVoV97QmJ0azWRPCKS2vOk5e3So/zBMm3Fa6/D+TKsWJATqcQtR9zJUFjF0xrTb1Ry6qD6cXGdRMlS6TQt3p+qVujJ3UIxXp5CGKDy91YxzEJcrDRRSVajtr6jiUlKNwbvof6nmJAXsDV0jMs5+onoRlBfYTtODZ5jsGN5s+2MLnjdgL25IkOoL6BkHvRatYZ3rNzIfLjSVKsYO2Kp9exBDV+44XddTbb5pV8URycBDBmlyxiwCprurexGgTkaXn6Q84K8WMmQYmjan9XinmOfdEf13vid96+BuoGIEqqqFQq6BpY9QkJb/mmaeZtd5y9pVuzfXyJ3Gk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pjq0ggJ65ThORxeQkvOLcFfZjeXO0saAYRS3gAEVwTM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QrwA3rtMg+9xxtlL+sT1DQu8l8pIWfz28p9A4AbJHpIwDF7LBjcA3oF+/Wk9nie/x/NUngUwtfn2lHcvG2IQ7vyKayIxEN3gLix3jS+XiyJxJnZcqnydPV+7naZCE7jxXiPhVbOw0TinqzAMwr/CHvTFa6RUm7hGNvcseKiCMJR5zUz62dZgqVmzPDh6twLDpW1iSs6ZNTY6FOt1UHRuPntyt7+dvEvc+8DgvIRhs6TVEPcCT/0qEgx7JGn88PQciy1Va5dQm3MkujSEd6LAKvyEQLfng3dVc8d5PjXwWpVmFUW0d1LUkvB9m+yskosTiTkMdbmufRzIJTOeI3yF6YY8VROtc/gvEnXdfbfnm/zdKAaqJsXRtSntc+32akuzeWwXCaXeKSxeGEGiRoGmaRE+dohxmZi+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pjxp85djNOxR00oeAqsVv5Ee1/b3ICbBx9L8hoCG7Dw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QRO62FQax05Q+uXTa0hUreIBdP2KmAJxe2FWKOpqmJxrRRZ4v2iR7EAjMIiwCiV+N4bBSF+F5kw4CBV4oBEuZLzh/6x7SfrnXEwg4ZD/TZ7T7WCZmF5IrA7LnI3FRyzkaTQaicJD9JGKRanV4fRzVSMa3/8mAgpWnrTX/9WtzX+g+33opSZ257XAmYtS0CTA+2sNqboLpQ675/G1fwGkM98E9IqacRs+qbrIPPcAdjyMEDD9M8eIvu0DFNZFwqLJfT4PI4KJ5/SmKpKJT3xujk2uRkn8t9FH0KZCpAg1umheWPQLs80ZwcbDJtYasWyHS/FpxWUB/KwdKlzAYeguPHtqLeiGyeRexs29NH84sYeMG0K/uRIQEWiSsedzCju3JElnyxpg/veO6D9D90BdeVpxhjzjNp03",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "plCsj8qGVM/mRZeWZCSArfJCwOfs2D7A7kUA/MF3iRE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q2HkRXzzykjVBDs15R2fP50M+iJOKEgJ/3/A5W0MQ2f1nwkhOdHLO3LY3eefqtC6sOVYkS7/GhwHPfxYKn1dRI8CGGFSOV6U8E3saJAuV5l2H/kCMOUb6BLKzwi25PzfvHXYclEhH17h3KcJ1xgUpAmNtew9HubXkFXxQYw70aLSb7FVAL+bSGjJegh9ihvZ6MCyhAjSn3OXfy8BCYk48OsRcjpTSQqi7xy4Dpq9I7GExO5yI7ZBXa9asfcKjrzC/9B/cP/aIX0xUWZc/CN3tNw3UoxkrIj6nncxhYaEdr+fOga2RFtO8QURdRkGRCNkCROk6/wJkWGZZwr93R8o64G2NeSiUJlWq7aDe+A5NNG38vLinVd0c/dIjFjkVdQBggq/rWtpSXbr7XHA/UgjiVNtjSa+aDR9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "plnoPCB2fqp8NTc7e6mWd7qL7DhOGdTM8aIQJUPUh/w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dqYPO9hWgUCtMGgi0ZKT8PNOnOkagCCL9ZAUgeIuaHcGpEBYpKyFiGpVsDWAjRHjEqpeTdfvst5H6YdbVFLbYgVncJ4p0R/q06bOZid1aKISIBL+cZdxT50UciQsmqEbsfwd+wxrpFINVjq3xUq1VC0eZMpyd5rk8+OJ6CqOXr3iYcTbCHB7cmCpkDodK6qPTNjpIYhvNSE2fgUBYPXy+7Omjc9IzHG8e5uqau3PW8/LkA+WrgSCcEPeLvQhDvQWVKhx4gVSM4G9aUpN1XvfTPNdYhU3Owoct1cBBI5So/eX+AuO/9u2j6tGynNR/6pBmxKonZxCwiTGB0mtaL0cac0STaq+SmRtasA4WdljeFl0mHMmLsS/ThVkKph4lLpl2Kra514JPXXq/sM670/h0KO6dSy/55PN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "plo/jgc3N7TXPSgANkS2qTEKGdy1fsnp/y24MQhOtVU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Cw3M7TcXUwvzeocNqllw2C4qCOsj1/fytTZm8ds9egDjpJHjfPU/cR812xhsF8RDxLf8tFEATLe9EfbWhJ3ua7efuzN4RG63Bro1nCiamjRH9Wm1XGlfaZGU/lYU+bEm9lEo8xd6ferp38sjqFBTHR7MnuliBH8reT7sTs0kF7wRh62zE8qcsJlWTpLQbRiFdwjsRVkx1JYSlClHwpCTdcIubljHHXV279/alymr2qA5V2EycZNhrFjY6qgVA5syJ3OfPjuOMzVU5/A3PWASuHB7IGDlVzgfqdJuzKRqzaqsRB+NVan+bKRE7WqZMN+cpm8AhIN0hy05K1gT6s22eSkfuK9X1guBhuRAs8rh4Xbl/Mc9SblLA0yNzdA3fezQ5bHI5KaFwXC5jTAzLaX8a7RkNzR6P6jQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pnk2vNCbmFvQC2Yk6rquuFeOYeGNAiBgZonJNhiYlTU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BKV5srrqU4aJKmt6AV59NwFHbAWJBqklrY4oB/Q99xsC5pHZzbSoDq4PDZkluwKRLfBm5S3GXz8n7uNRmMyAxzdU+ud/N13MkrfVwn9CUpREjuSoLuWTuE5eQSjO7iNqRD2oKD9MYl52xkgu68m5w/9bv+hDIW5B2jwn22E4L4xqGBA3GvUyWo24ATnooo8rmZnLoWJCgdFfQ1bcXyyxLmNF6qLWn3upY6lJ+7j2hI5UyNwSpuVETjt3VtQAO2AGJUCNA2St8+2+mmq/BcUQ3wZ298HXlG844OjN1iYFfPVdIlJCa2pdfAzGwPqnqEIwAiykCIYeYbtcnlgVqFEwwhhoKVgv4ta9ZkANu4dClZd8Im84RV0uaQIZYNPk9DNYjXuhWZm0rt37TzlM9heNvTwpQqctagyy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pnqf2qKgpv/kQcgScraBrTR5mz1VmrZnQVxoF9Dz4cQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ol7Vi1KPp6fFb3mqPEKeBw5GM1v3d4eZApTXP+uISO6BhCgSiPj0xPkEIyFxgBnXphOO1h//TSbU+rOAvY/EOmEdpfiyrXVnMNnCVsFPLytT4Ulp1jT1S8uXkLnr3gY4gbAVWF++El5H0EDT5yiTdzIdP4ykBeKzQXgKOLWKxtkoyPoRaxz6PPlFQUpNygeyhXZd2K23ue8nOiW4aUFIBJemsv26ylYcjzCnB0xV/T1F1E37YX4RyeMun7NRHLW1ifh03sVs5gfSdxN3X2rNUSyUY82NrVkgAaX9SkZQ1/M4A3WXRpY/RyK76vKMNlVZZjm5X+5LvfC0eLOKo3viFRkYvNdrcE3opetLEXiVVNyKu/XgK5TKlvovMyymAs38GZmvn131cnohQxJCf33LtlLrrKrbQ3ti",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pnx60E/1jmx5iFZ2hIrkFL1lDy26wUx+6cvYUfzmH2Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oEQxU1CjMPrs2WrpvabeMvZZPktbjZrauA7NbQVCY5YePPvjPsgApfmBX8iBtHkir8Tp87+ouZ9nIDdj5T+8CKn5pRk7Ako704UGmqGzDFthE93co8204g4AQQzbuyMxVwmTB93ZuU3vlNkAgfyehmXu8iFZHHCQwcBre9d16O2xY6TC2GWE18lRayhOwYCwfJ/T8Hm6YLeKchw8UjyQHcbjnDWVbEf1I9YSM48TwxoNFd/eGMrzdvdA6CaXtwXOoLQJDRoxxRD0/fvH+QWSwXQLjkuauvv26D+zUEABwbGNiwmRRcSAFVs4mkWgrGnRS3NbD2X1qeLFm/ENtBbS1UsUzrMe2n7xgprrxhtUlNmApbiK9Mct0H2Ns8ZjBzWK/pPRSKPIuXtPNW6+lvYc7bvczV6kV4Dx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pp9egREYH0+D6TCKg5MWMQmUU9VxuOVCqEcALQ/c1UA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Nx16GRfSevqDxmTsd0Rht2gKtq230OdkIs/5CGz9ju9MJZSwe3VQE1POdp4BcVB22hS8M4N1+96iEDkFq53WAxRcovXzAPmcapsJdAFMxS3YroqZ4D120r0ZSU72cN08uTuweNW3vKJFmR4qxXiFVSXiJfi+GmvixKPmIkEHMYQBkzUNn9CfkfPhOSGJhTgjP86GnQD+cM2IAnBHxx6q1rDt7y3jLQTX9SyOSPrbu1hI4PLqxTPaYzktqPpnQISdUH2nnWO9USXfI/cwetUFimsiJhxw8jCHEWzdu8ce4GQMQdeTyIaeYC7FI1g+Nd1X24ob46r7wTuUmOqVvvXWceeqUDI9WuWbBvS0EUplkhEcrZvChDkInRQ+u7qQXDs4ocVYf2n2eZc7ZVjsLveO3+s7JsPbqK5j",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ppvHjhacFjFGGW02rvTQG3HmizYkc1KktjSzLvx1oyA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WIfjnuDtYJzQuCnEjQ9LGzEX8YhCmHyUxDvBd/qvBHk+Qj5fgrRJxX3F4GLdm00INZSXFUK98sz4ut/TzgbbXprvsYD4oNyw+qSiMySaIcTE6LLoElEH5zGSbdas/AslhrcUUnKJw0JZVChgnXaAGcAI++4E5L5lL0ykqqHi9yUIvrsDFYNBhgO3ENMmgzsmKQtfGtnmtWfbTbo8ALpoJ1Nx5oSNpELVXtI0Mb893WFoaN0pEQm2pjcqlZuQ7zYpBH5OI3y9gXA515ZPMjJ5kDrdeiUK8GAjUSr1r91HTNXoHXFl/pVAu0EPGzlIfW1GFNUf1c+XbOhj+MQlzxgWsHF+fHjq+/0PUOr/NEeMvh8IE2RecMcZWjhWYz6Ros/2xVGCz7oRVRLuYlpUfOt1QqYJxJEcnpnX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "prVaHZVyU5NclmLXF+aQtAOGYqaQYjdIOPf9gYfF76M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NGttR6FUyuA02rDJ0O9QWTQ/x7bOnN8EnVKSR9qo+Leb/LCVW0csC1TQLOAbYR9ijACSzzmz279CEMXnk9Hh8sqdRp62GNm16cVl5omxyB1df5VuVnWJNEMvGA+hohlC8RqRpWTaqF6SxiWDEBvAvNQF6zMBuxQ9cV56oF5Zr+AzpF4rjUP43XWTVrWCawoUrqnMzdTECEy+4Ix/yuLFJeRQm4Sv1X+57Ga8NCn4Fz1B9yeybGdzpcEM09VRTOxidNHs6bLjwXiRs40Y696JmBMTr8FqJ2wEdfcZO65EBTZ5kAr6AiAR2De4CRMsyFV5Kz0lm+5jLc2UPjQEGCEQ7/T0BKdk5ksdgG0riTO2rlsqGpqIUJ0ylqKEr/81jjogi4VZQqE+WoT398slOKtIJVQMfUjneLWB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ps/0bRPqTn6BUsUj38PO8s5LSkhdBpqIIdWIPxaEb6E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "l1vvz15HBQCjhTkL80oqW5AC+sVUGUl52YZLMGFyLLqkG9q1ep3G5G1T4pvYipICFOFAhQHuYjcA4rFHYdxyATrPvaqte0H+1VetR/t6uRiqlzHyv9yjJgekijcxCv9Vi4Nq2LMxB4/Sss3QVGpDBnNRohfoPtacbn0MbvWDTVoGD75zeURIwuejvq4d9cbr7xICAr6fUt4X5db5/ZrCOeut1t/dfN0JY+faYlp1Bm0nWLQBz/keOsegPGJoepV98XMTrGpWGtwVXxNO6CqZ6Chq9A4bsEuVH50JlOW1D5geO4sbKfJU+0O8gLjiApjaGH8ohgrM7cNUsHbpm3bZwIRbJXceVsVtBenUJXXoROJyZgLzRzcNiA5D7gXhCYptYp76gfdZMwJpYekTk7frwTPPATBA8+k6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ptVEzc9DNJ2gup557y8DS8xRAb1BMs4qrIuilb0L0O4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kr4YenjUwFhYYGs0RwSjw/YIz8cWLDrqCHz7NmQC+B4ZA5rwYRtC7sSYo+36r/Nj/9BLU0UoxNqyjkz+leyDr1PvnLv7u8Nk6iH486Wj3x4K2LTO07WRicOfgYS3Fpjls8bdkOyIIKo404SrwSASTsc0hPXv5SBQ2sy/stTR+9n5Kd9eb+TIiCYiZ+69e2s6LYdF169Fboar3rhchPVRPQvP5gyNZdqiOTobed7NnfvyCKOewt5Gpr5izhCWctD48j9RL1D7b/SWXdWbeizFZiovcbHDlzEm4B04hLhO1TtmaEvhKtdBwGhCf7IxlRnWgGf+6cvjG1MH0QpwRs73o+qpmtgs2AUPyqIJDvJQDeNKVxv1PYRxUBlJxXTJH4Lu6IUzVLwS95J9t0fAoHAcgMQWh16Lqsy+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "puU9x5boSFvuHAREWpaXsT970ozmK37oHRX5NauHgaI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F6TYloKHb8BxnU4wVAe6H++xBaBarLGj5zL6f36vKsTGtK860eO/cFDuH1iE6cYBaEkLJ10+X8LuBsghuO7xqKIHN4QPy7nH5SGFFbS3KN4Bg9ESvtG1b6qGS7wQoeAa5FRYoQ/gdbA/q5bU4kXXzFAyBv3us1BY2d2ZqYiR1b4b/GP9Rfb+W7da3mNzfBEXD/d7t8m48+yyuGOQouaA0DNsskIzQ8VU6ULQ68ZNxjfM3RvMral3QLSskeA33nJkSu1eEr/Xkgqo4L0o+zEySSx2romI+ph+mKrN/lzDdHacNw+PPszywhgJUQ6VbyG0wsv3USHBxVKyuCsiYHd0ys64sAj6y58rVnhqQnAUuY+uzo3MIm5RN+9Yxhv3gajIMZAfnfuV6hPime3iBu1q9fuIi+RpVY/D",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pvaW7KrDGDD532csahDtY5mSYUCWtaH9n+pAp8dYq+E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mePFucGHppWktJ5HQqoMpbVRK5zOoMFTBEvIX3WCxz3wmGGj0mAs2dr++cH02au/q49J/D5QC7WK1YJaFp6HSnXClJp4dlJkEmFjhV38MNYKZzT5n9NkN2qCfniOPTWk+e+katokf/zUgD5mZ1h7JPbDT7pMH0W3tl3mtHdQ/F0rKWjVVMwKJ1+nQKFSuopZQnDr0eYI1EfEr2PUJrcXoEALBghNj08BZ1mNFQjhVdi7lYyadMQoyhm7bsNYwTuxpQcOnHxyDWJZDQkZ5rJKoh3aH3vGR8Gl6++qjp+MGDBt5TPeWNKLslSjInZmENxDBHNNsH6ivE3uu000f/sCOalISYkW1b9ryT443LOQU31bkqoDk5fie4KF/sFq8o2tUv4ohhy3BsXv00Eqv6djXd7YYPXyHDh1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pwMdbpZZzsyjSTAcrLxQuDfqyiyyM3WjZvPzBqohF8I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pjqO7bMlw9NSB+T5D47eoYC+0ec0V7bQnMf80Wu7T0jFIWwPtvZHH+J23vsN9CtZ//9eKMUprAtGTTkgNyQA8SJlAdch/K/mXUXNtTTavPjeknUIlPlpsGRxOsnvLNVgz4DXvhICh/GUrdIaCo9bebwCCIhxlTmwpeuP1mtG5JcE5QMsWz9T8ernM/s5RG1tBcz1i6y8Au4qnFJwFE9r8lmkcwwI6XHJZ9VlY/uRlENys5NW4tN1mRV+B0NrI2oou8z0xQyjx0Qt9T1iIS26Zrd30HvO7dz4ruGJgYlhL0D6OZCZeaaOHCYQsd85jjobH9cX7Q1bFvMxy3Aykzz2UzjA2t4z/D82J5HyoGv3oK7PREEvUoNPoEKf4fuLtkANM6Hhj9aa4Nzxt2EPhObXirJSwq7cbPO6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "px/KnHj66f8wtDl+dH78MrNcNTJW3a8gtba8pIMbYuc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rOVkaX6WxjdQGQ9oA8VeIO0JJPsoGrlus1dWCA3zjNo9AQhSZ5JWYlEtaKXQu7zyJNX1ZlM8DQUjxWJNng/IEsH5WaFXpSH8ojDpz9jaFJDKIgDC3FbFCQJA0jYXnkNQA1RUfO0YYfYse62xD6Rdh3oRccUEuT91UHjVFC0TSxqsXfcjWQ/YdfXORsUQvh3zDeLSK4i/0Sm7eo+f93f5Fb9iCGDVQdO10em5EVXEWVJ2Mz5e5xYQM557EqKgghKtmZ4vv59h4RaKCcWU+9NtV5rGbulcvoJVf2AWEyEUCl+fZ7II/P2S0L4v20ymx0f5Q+rwFTfoZpgeEhKq4o6D3kj46bok0c7O4jJSGQusUbPQiP/Fxjbp2BdvgFJ19beixwGUXBV9IubO4I5EUFpgNlKFXrp28CUV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pxjaMrBE5Y5+iaSx/wosfRoxvZfSYj16/9/o6mnTYHU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SmDN/ubR/P1qpnSHTApBED8Y1d4MxPS1dyQFhELmx8guIDXrr6AtTY8AAFd41Inog+Qk7uHyV3vKncK14dRcdaXUjBZFrfjfFP16qLb/4+fLKUj/0D/Un4CR3szpbNVjYOz/aBr4PNZ4aOv8mxmOQ7+y28NZUWLzTtDTyHpgLvYFk1dCjY/52AiRJeo9E83K9ILYN8yx00evzuKU9ThUjRihsxJABQyqq7LAHyIbRiVuVGN8KAXqF7AjdJRCvWihufUpj5u3MKKkaK1PAA50xpFfawuUj5I1doBGoqImcCqkvuzo8xXOUdLIbmdfq0TBFYr76n7nV/6ap21MuF9lgi6zqn2F/laEWuwMi4nEumJgM/nkvcnosqXuj1ulKQtr5bfMCPry+sMxZx2NLqwYRlgmOzjfSFfM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pyJNxltJFd0XAtmkN6m8IelfwnOaMpkfh5vRKTqzSzE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7CjL9wFfg+FzKMwndnu/WW6JSahySIyyBqb8Z4y0FDHCIrEMcHn3spnDr4bgdUHhMpQ4itVJsX9u7XhYzQ6b5tBkNheKOJCbyO8+sPHOnThoDPbyco3CBdRIZ05EXZmxjx4BPjKW+Qph+aRR1d3VxEb4vk3B+bXTGE+12CGGzOCkQy8AgcWZTenL3hSkMopy4pZH01sIZI2oewSufB77KYp4hOp/Sa7QARRSaq1wVVMA4IpY4laringDKhM2HnLXa/Wk3pb8ypL7clgS7RIPWe3sGLjEnyxRxmATMSTxSVEaDk+XidlhRdFgfJF2NoWy2KVnh60ctSguOSwl/sjcTBq/DGcwZ7onfaw12NWCBe5D9AnFNyCnzuxi4Wg9LCbbpKnOWnj1V42voCh/b3UzvWFh2HWTAISY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "pznxpr8d5/0G9nNU8+JmAZHfkLO8aHTr+PinAoERDpo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2TRxs/+MIQktCM9nW7hW3DbmZAy/q5diU8/LTUlMkVxsrqwrsWFRmccIU8lF3ApsuEDN9zK7/EobNCubAMZY7clUG05KRGljw0Xn9NbOAUjZsohMPogzqlQDag3B/81QXojJpFXjCIn88GMpRB49p0Pp7Ilwi6WsBrbQTK+xWtgZiil3KU0qJq+OSM1VLUn6S+3bS01i2mdOY46a3s8apX3cvfzBG9Kw4r3LVQ9L9ZusWhJUPOUit3NqMEe98pl5UPRYHVMx2L1W6ou0lGo1KtbwpioG1S/Q7BzzjUL3gO5hDt5tKERV9BiJDWroZtoLq9Oby+bt9i0FkZJ0tMjvg244s1sLZQ06CsnSZRFmcjctLus0WQyIflMb/55bjJKjY2TfUAVnuVZBA3Qb0MdgkidqJZjXc7Ua",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "q+8wU1zJ+JAuBKb4eXgj+pM4/Ei1+q5IoX2e26tIQLw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DJsyayeA9XhSgZS7nMkPR0dK/MOCPd9oJZuK9FBB6e0yN9ZXsx1uHymoaJgHL3TsqNjtVbyohhJKDxIsYLhZ95RJYk/HbBSL9Es2FGxrC98BotVQqw0UwMkGnFBQ6aj9Z7F9/ZUuVIvJfeySc2UPEBOZpa6GJCj1cMDNXZMh/7tDnZJ36cEwEtmrQQqQsPStDj+CdhLayUe7hk77iZt1HGATWE+/F86t/eKKxnCngxCsByKndcS4Oz5/Crgsq/otlG2pRFI0feGBrn9J3LiucMjOqhlyN2AdK/4d2zRi9kA5OGd2pQWYNQvRJJIchuXH+i9l+PkD0UR997G3dCU3NggCLrNCsbbgdVHrT7mYQR0+MswJUoWssFbVgg+ExJ2PLxQBHrw5KFLbOyGgkQVmothANKl2J1UC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "q+MN6GnQ/KgoKJJBbuwaVugwPAvI8FGv2dAE+N0sfkk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "V9uWxfppptOxNi15mIb/+Z1K6Fi+NuoNm+MDd0PQCXF86tL6GEkpabfmpLIPuFM4RxXXDvL0fJLsu7McBwjpLbvJsVfAaUUCdGTbUDqFLTwuTAN3ZLPJqqorVYD4hh1l+e+Ngjsp0++lSko5mOIeAWvL34O8RQvm+K5Q4pyLfg2y2J+Z2CgxJTceFXd/QFoxmTOggxRbIQGe1J3pZSiayNbfuSpYvWe66nUkR0hwZ5FRS0wwfnqBUQQ7xYPgq9n7uoyT6eX9jOQwZTU9HubCi6YaO1S7vS4mZl+iIa0vPoAK1c5RQAuEjr4pGjnuAWQcYn2fadBrRWY7n30SNRlDO9XgAwLSGkWLdyB3GAciiZ+6sWda51lVAxLa6ZMsDlTj6Tk8dcqYY/Vc3/W+c03sZSFcXWdgafuF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "q/a2dSiOCQULr5YP/Il7zsyXt2Y/hF6Kj5tlPPbmVgM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CikQhao5WxLNHuj1kdvHtyIu/DAwXCGcrW9RGQruGxU0GpaicZ+KQPXQFrt7MF6qDsacyrDw2mpHqxbQBf2eLDMsfUMer0GmHDhtuPSSLcBV9k/dzEFolj4UNoe+rwSJc2/FmDE8duBLZ4GnLwQPu9xlM4w3uAd7iPN7EmGuHgTVy+1+cwZsYSpZI4twjPWzT/SQd/OgoJXdy3k8E2WQD68DBHqFqcEEfjI5f09szKhQmKz05k/cwL0BTKSXIdMleskHHxha3HgL5nlDr0MFWD7CtrWUQequsLus1K1Zq8Ossc5rFFnxXDdbWPgp9BmAL0RQH3n8UD/232bP0sEb/iNNLJAG8Xu+8aB2EnWlFZaANfpAIFzFXsDO+wZYSJV8TetpheK7f4tdhmj7mHtQOzwTG+oQAhWI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "q1VSPgAqS4wbXxGMpeD5wPMu6rC98QoYfOPKVlFO2cI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L1VZ3S13sQtCL8jIeIAMvX8Djls9Oo7AVUIHzkOPDLYIX0U1HqROZMxyautOvoZdCKzNakpdhQXi56snDCLHEZhMpxXYS3nKnjO/gn2MMK/p/2w095rs5R1W82t7eZIiKrWPx+blTELpbZz87taKutnHPy2wXuMlprK7v3xUlnGTlAMiwe0zfMcO5MLV6oPh60j7cqEi75AlA7ERPPYIC8tJRGDcUC6LvLlMIlShzuLDnPGVdSnYzF80ip1tgUhJuwqJZ0lR6gOIOcfcyOWBtniIjMFmRfcvI1KjNU6Is4rQb9ltHmyGEbVuMqB5lGq6YfP6HxaF9gKYqMMfHomYhQiAsUTLAA5uOUCQC5nk7tl4yjj5okAaVl9SEFhLRJOzI+zD+NoTD5cLfsWhTR7WG5jAKYI9J6Kx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "q2KkAOyesB5RKBBTxo43aRYvdlEtJ+StKPBTNAkL/uc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "15D/+EoeN+ILMeTZji/0X1jGEZm0W3VN93iGndB++JsfiaxQGeJJxm+oOic7ykD7hQzIwMOUIthaiOlSWRDieRzgrJIP5CCqegp5TNtua+32Osdv7AStOYmCFFpAzLXbtdj1FoR8fAD3ToIQ34fxUNZBtpocQPNonJw+55tLrbTIoOk99V4w+xA5UhA4Ev13PJ8sRWmW3fnKbx9rBf+nruP2dSUp9o14Q3iQWqPsWgbCHbVczxaWOJT4esRAIyYcrPnxRs0ZADxpP5jpRgmKF6gpsTFCgIQmsk6m2OeuYOy/dRpBKniw35MvKYUTVknarBLdlb9xSp7WVKibXT0F8mWfCiK65gWYuyXTYoV22QjoUazN8+GG3HW70Zd7VLGNoL0EO8Abi7IZyv90uzmZ6iuLmAclqYDP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "q3h0pSsagwOP0N94c9gvmMMXt3eebUlVohnlAzAW2uc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sn3nWtHHSyqzvwcOvH2kkc1XgE22dXb/j1+UO6dDKl2dULoCUeASnlUw1Nx4D/JbfH01KyMl1E8GsfdCl7S46kCyJNVcT8V9Dm+wUM5Y3DdGL5b+EA9oNMALG1jShWCtcgOdb5DFN3SIAWrPfGxsXltiMYHzl07rH5AmZVgoA48ixs0l0X1CcK2meUl2tbrPVSfRYc37sJbaYUjNvdF4LSr52n7KSxr2HTh+c7QVKTsjxwg0jmOCL1kXPBXSOC2AMMSn7Ar3HuzafnVXM5VqdklMFCyKvFF5LY5cRjG5kgC9HT+8Oroq2P6Y5otfM8LkvMzw4/a3TB4JDUZ2b2EDFK0cesEpJnTrdyOZkqrVo7zvdTU977uK4emt4kfJdl272gEzElYn5NoBNmhhSp578Gclj7qpKubU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "q3m2ptAgu/sdWIBsarAq2nUQ6tgpbgUiC8waKraatqU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VTlAfs7FZyJIC9HkK3aLmj9aQ3W2bfc+xtzZtF0l5zuk2dgUYtZKp8LaCTqkiDf41jXwvGjoNDCowT3tLp72GT/ZfCwDQS9ZTUXPGgE5TrBVT7QZYSv6JLUOpFB2P3Zxs1Kch6r4oc5A7w1O+95srzny12UIW1CsOR+lqnIXT/KWy9K0q2MEO3Tsxd2VrljujyL2Xiv9z4lV33dvU0bb4zJ6VOwmgpRiEVZMAv+0u9vWYAXBecdoGleFDwArs2FrViq/HUvp4qm7TgHm/lnpcr+sQGK0Exj9jY3wvy58GyYrI4PLOlpuvNtlnZ8uOJHQ9OWeoEONSP54tjugLr+ay+8mS22Qpz1TQpKlqgBf4y769UxFF8r9wRrnvx9Xm8u7+ruPUmmvcGpPMH60cP89j6nWpAFW1AID",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "q5Fq6GjB8pB0oXf46z046GUgAkUr1Rx8pcmXf5lFIqc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r7Xa4UMhkpmkCvD5RITZCtsRy/f8yQL7lZaPm0B5mDGP3EWgL2q1EsSSsnxw02yAP3LrRZrwZMu53cukIeAA3DvRjtvwdJqkFBdmmOL3PWm9J3kjRU18Nt5HPMJWxZJvdeQqxxLUxlNPE2MjbP0eBqc+ulCf4GDEdt2wBDfl2lucloS6X0OB/K5hnIWPMVJwG7/8hogsmu5QakCw1et6+iG4tAr7RdhNZV9BdoygZ/wJwQsfhlmdTCcb/+2PNLJi5flUf1VyeICTdumUpNgfCgBiGLlRiMLEQOhRu8YuIFaV1y8KexQ/lZahwelv7VKxzud/KutfarpR7jONaXrLP7VY65qmdT5X8vP05zviGly5M9Eit38zn2HeZs91+L4HR3wvPSWBcCforkje2BTtnMvFbnXLYspI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "q5MQyA65Baz110Icg85N8F1+bXrEmIzGWdqoyAWIL00",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0f14Sy20aW0dDwjy119M0anHsKuzIeYpJNRx3Oh5rcjfwfoUmRu/hMFgt+3MZGfXFJTj+Di5n/O5psUeic8RqNywRrKiHdA7b2yQIlU9qXUp09ZQTSuLWii1Cq3KrcR35QUJspi6mMeM2RGrb5+J2XKP4leD0oOLtlkbO79SmI/AnwpoNMh6oYEluzwvPk5DGs7Y0VrCMg5yUOXZVI2mRbzdNX7anMQxBsCEwQdeSyZzgaLQzK/6C2y9BRnmWIazbGZK6evVNN2WkrFhDZIK1xmY/scgc3BbxEJ5BGEkwCVtdNwuK5GZYetp6zqgyFkhq1d6lWfLkN114aBBK5U3qNAU/Z6rmFSjng3BXkCFuEja2fF/ml7bLLcbuflYGUKG245Eg5PoI9DipH3SIZfd9iBMkDsMLkGa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "q5jg3edQxK3QWvEeU+Iv6EdxOpgmp4KJ8nSs6nyBVc8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yyCIyaSz5ZawisLrfcAfHK0chvLW8kDoWmk5hJljIKHvs9KFqbPvpkdM1RmbF6ZqQ9MwxsjOoMRvaK0QArLaS6GCRvXQS5sk0+orSRcB5Tpdl+mWNACwwFhaJkSDz4OsrlwrX0yakHyUBwzzrwSrbLzJP9lfpC8jI8IOmwer0a0xT9OZW7tmvTVVsF8G6zSmDBuZQqJet3RXaG3JpsVq3R34gOCigwOA9sdLaR791xGAf1JlmikNLiirjGm61J26N5rFM441LMjl8zPFYHR3/SXjGer0WvwfVqc7XPqiNiNRDC7wnYlRJLFFOBNDyFMI6Tpu2szBf5u5y/hhX8Kts0ISjQNkrx8V8V3vBpqJmXc6CB1rzQN8sff18OlkM+lgyl0xSiZkQt5H/T+QriNQcPwF8O85GyoO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "q7MojP84CYfpqTZvyXY4b6s88BmXSrsguC/xc1qxr7I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iUoHqNgE6osQlRmH0t9TkeSWsYuvENHz3SJUlhUM47Q5+2AJ/bhU74rhAcloKImkm3uYkwzVWSyaFnE1dCztTTNmy8RGANDOlme5Jh7zbe16j2zPCJQ5xPcF9MlcNPpDwmFEqJCn/DeZDuEBQtOKYrZl2K514ArjGXaEKB+44js1YNv1P2ooEX1+7I7x3TYSFPgOje3EGwaX/S+oO4dyrb30eiIvmU8Ji7oYWSqmSi0aqh8ETqnuBGhWHBg48H0QtKSuwypOQ5MzWF2LwVoUqcoAvQoAbfGplGwpsRrVtj65pvuVngyOQ8qxrd9+AUNzN4jkajM4CvpvU9dxMOGbKpedKdlo8NUlOzElmdmxyKFY5jlLlQJXdCR1tjV9xyIb8UAamY86bFo7UL0SL/v6D3OctRNfeXc5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "q7wqT5KPDEj6En38bDn+BSZsNT77FA8DDC2T5x7z4gY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o9m4EY6tI4emlvQ2m/6Zfqxtd7tpofgLOHH8+Ey/0+RotWAsbJ3rGrKYnReX6/g6XXDboykAtoygY1judx5hqQLn6XjVjPJhMoOdd5HP6lUg/kzZH8pcXQaW3jFkrX2G2EN4CToRwdOmzxnfBjjlg1yZiemVh2sKXeqoHVi1e18iA9h1vVDPBX6Jt9TC3JTGvNrw3LVnOOBDhuJvHh9urPqjcklxINNe815IAXsYcsWtooRPtqVt5Z+Mj7Lx9o5rF00EZM+qXNRt7KWS0NrAbAM2Me+Kj7L5diOrv9R4Qj/P+WEHvEtiD+7sJddqxAbMKphwNKtMo1DUyHwCbmWiHfK9wUNryjfgOAAgTqmjtgs6DajBzSBUVJL1CRBrsEcCckkzbv1x4vkhnFSgX8AdAIGJbrzrKRGC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "q8ko9qrjhiPyGMTPk/7WJtHJFO7Ddj+Kh2mrEbGfji8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sOH7aCkVBtH1CLfxhqbxdgX6xUgbQd1fodVvjOF1anBeUHFA/zyBxt6VHYaeZHAKByCQEnbDPcK3zEhCRuXmU+AvU7zhJMU9dolUdGi6QfGKNjcSsBE+zhRoogYelnxCxrWzSgKAlylO0KOCC4tkgOVKIzPhr23FgrfodBd5WeD55BAuHjMadrTwZb/Lh6wTP2ZGp5HvMIuvyw9P5MqwQ+Gw6cTiI4ZToKn8ae7UzfRqi0R22viNHiNp6BlFIj4fbua5+6nqyDrKfE9f4eGf+a2u5PeY8hMRQopQm6+RMUmLbrvBXsNpdDF/jNHOhw2ByFasIjhtwNw97XO69mceWk3JB5JqF+EAx/xy/i/qrWpxckyMf1D/XdK2Isf410D6YptxDL1ecUJupRu/0KgtSPJSEEF9wuqU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qAHgddQHQi0kuglwSAcqHwhcMTAv7GRcElCJiDrHhgI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Hx7+oKszM+E6pjujLZD5PePmlC/8gfrX9Iku4r7EsnnsLreXEwPIH+z/a2JHWF8qxkmiA/h2P+uEvMXSIKHgGBLYzW+GAvHOMbNQRIn0fuD9cvIJmDQRYnXXoGI9tRJtz0MyR6h0aa640f8fXwRnNIx7VSRHukH9HsKpgHKJBeRuDL5TcPpFCf4fgnpTvoPC9xbmiaKUcWazqV42ZGLNmxIwuWigG/Sh3A7ESmP8d5Flx811Mg3LdpGJFQnCtnCtpOsvkmB6A/djuSQaCeMwzVCb0DgfLJJZvIGvG+Ig1i6A/fjSX44QRyPainxShBYCbbvA6XpKoluFAerZP+03r1v94gL4wyr8O1srG9xuL7uIUXTO159QnWqDYJA/QM+ceoDjIYdnyDny73gY+Isrvl0b5+cEfEfB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qAKkFRL8IDAdCFQGsMIjZz3Z1hQ8xAS0aP9Q1yUYN5k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8Mu2435XDWH2PL2jm1DWHV2xPE6zDjgElEUQUjEGoLbBRe6h9RVCKnO9Q1LZ5Sevo4p4nqMgJZVnor5gB02ffOcARmdUiVQo/uuQvUvX49sGvqFwKjcV8tudI3KXexbX8X8xaBMqD0EZKRVcNvFoNsE+96e0uHAtgfI8MuZZKZ4/kiEz/1Y3GVJign1ffkeZx7gFItLD1ZD0MPOy5oD4UgAmsCDuwByeTZGVsuI607LPgtmryBhbb6XmiwcmpL9htsRYhIoTYjuOLnOHMxHDPHObb4yxiPBIUmB155DHOJzcWjNvR2xzX7X8jnnajRS2MxjEGrhYX257zczCXqft9j0HwwndBi9eLMpL+eTV4t6PqcHqDwJ0L9VNavQD1jsjbpV33Lv/1+FaZDq4xasO0at5J5bws6dC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qAOeNVsAJoZIwl6Xc5PglohHWcUFwZ1+2ccQLX2aODc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nz6o8fNvQv4kQr6m9Mnzgld6no7Icx1BpyBI7jmlJ5vg227DTzziTAl2sIUw1HlvaPFeFvgScUS7FngRJONZl4x8ynYvePDk/J27hF30Zo6Of1UqZRxhE5IYKSR/Psx4v5HhxEhmevP2nfDx2Ly8oDzLbFIo+J29chEa/t1b8Ov/vy3agsNSbNz2rIPcEbSgTjQxVGVeKtpfgXNkX7ZUypKWANDtJli9BE6+ymq3Zw2TmSIQC8flVS4jXxCwwLg/Reb+JOpcYm62OEiU6482s/eFETD5kxsUlGlLnn7nkt0nF9i1EjwrY53/W/snGfvGd2Wnpv2dSRtCsZViIcbvahy99R88KQ8GX2DQbThCjkIAXE3Q2fjaJ86fc92kN4V/vELODJIv+jP2ulOiJTc9RdRGz9ym4Oww",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qBCbLUubWHlrpdypCkn+I0q0pZGlksSPgDcYf2xThvg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dHZWvhcwHm8TUI5/Z4ZbjkECmWT9JjZ5wAG9DUFS9+vd+OUilzzfskIgNPsA1GckvovpckgHFgm2RnDc9ziT8sPdTYXhSUkZ8bUv5HrMXzZf2Whm12vmZbyx/OIdoGpRySAxepS515mvVwjpoRgBexBSDUHzesw6hIinvQl10vHxBMaGDwuN/RlwtnYcV5UhjC9pain8wL3a0G0jTG7orC8oj0NDPZ4s3yAnucDco+lGk7qywZF9QPVWbQ/yDTyMR6Rm0PxXqqgDo/XyRds7314vt1Jl0fMXL+TlWuTQFRul4C3d7941R8p19/4/dOQxo7tn74Fy/yxzAp/WtbDmjKuDaZDCJd17y4lUQGVCcQWgZxdtTBxJIXqsGajJsziOhEyfibkjhAVOSnw+hi7/gYYm2gcPVWxM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qBYaco2nXke5UjoMkbYdwQHMQx9K3zX16k0Kl02iW38",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Vu1lK3yGHZt1RldtxrCoVDnbkHqgWCX3UWD44+/ZBv91G9yEamlm7MXsZuW/1Os9lESZo2eUpJnEqBsSBp24NJztfrzmbfq/iCXWUu5+t5txsAnNs0M+szsvwweF8IGJ9bdGQX/srjGo57lzJdXQCTeskz9c7AxybBc+qsEmv3GLam6dxsXi4bHvmuO97o6WgrhkUBHR0Qnix/cnvQIe4xFeXe5yKs6BKbnJF2PLRwNEo9c1UJXhBAfHKDByZqytxungGlasilowMiOMpHy1Qoc+0StkbbAPShTt3QgX9o8KoGXMoozsUnE3pwkbIPCwxf53SvQC8CIRQYVK2uwRHzmqnPv5nf4all0UaQDxOXltkjM5K0Cq03UtF1+53Kjv79H+MSdIcEIL4BzSheAgn7EPeWi0ygil",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qC8pzkUriGtJa3YdZ2IWBEGF/tXr3j3usJbA7FUYu5E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B6C9KBrRGHVA7XuD67lg1RRYQIqNteD5rCn0ujjeDo1FcpBoyvjiTlmGF0+cgyRo0lyxrLQ9iexjgUOIPiUNWgoesqUeMVTNx/GWO+3+2bsSj6JrQrmNs3IVcMi+QDhnPCrxx5xjf/TtQ5DheKpQJE9EZLqJLGwtA5QUC/bIf9rw70hLP79jFBZq12B55qlc2mjgHkB8osMq/H2WCLhoqeyNKHHG5P51igzxT1NXqQHL7wkfHPsbU/KFxUupVIk4qPaD6KBt8lcXGXR9gx5eGvN3Yv8f02qGdLbiYaJJtMXD2qrMgVL97+Pk5yMvCIYyaxz0yuSNL2kuokewwgF98zULOpiTWfsjDzHWHRgYW9fgywTLtj6D/KI/U1jutBX/AkczuBy6qLU+hkzj/0eK3oLgClmEsPhp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qDE41I5v11VdLwL2RWdPtPkQxeC0a1i4EXUzrm6V/K8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NYIAkbqiVb2Al/quCGB6Q4dnhfQPxYlDUZ2LquM6dT5GuWMVdn9+IDc4A+9fP6Ksh+9afJlndNQlXq19XrbqQGBogtWCGjRYQz7R/iD4esaC9zAZMu2lGkPWgvRQpMvHnhWtGZy4cRx+ZPGbcZVD/PI9e8oxXWmjEwU4LLE+M62Al889cVE2Wu7rwW6M+x38q1Fj0ykvTcsZHHUW0WGKgjS/rlMIboi31dIC7OaILJzYZUH1/vWcwftbQMUYfxvFFJwFknvCh1vLmPtXFDsVMGkQVZv1Qt6VbxFgPLXNu/BnThbZwqM9Cl6obCvoA9n9CmGnT4UHtSZTODw+wrnh5n5BPMjvY/iRMFm7ix9bBbKUi3HzH0j4QQsTXjSCuHNB4XHy0vvc4LVa3k6RoUspyOSsKXihxgh4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qDyQemKXSJP1jOWPFKhadEhsYWN9Vq+mIbjXn0rThXo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lE+64xrDJySAICNk+uG8cp+mLlIiINc5qmv5yI5aHp3KRpXmVloHY5fHmGQqLJXw13U5GeSNA651u/eFr9FQGptb4nKAk8j3ABP73TfK9RU0Up5Tu5Ey+3e8RaGO4jL8u5p0zHIhiSdOe9r1/IV5NPrzDs7lfndpcPUDtQ8N5R+ASf1ZyFDuD0XjPOP3oQYHfg/nvmFjaMkfGeyhM80BBa5uWVL3kfYWSht81XbNEmMw/LjUuEWHvKaEP8r+chXoO8mmTn1pvy2Ew5fDsWW/0NqUfeI7viaKpI/5/PV90xLJFMgR7umisB6m0kKlQnkfEIroc1hqUa1x9oSGwrNIj7iM0+wkolhMyz1Pz+VFBVapYRk2OiWiFnt8cZ+wb6Mg7dWGL9LIPtdhQZpVfnGSkWTMlam/cNaz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qEQL0yeIM5TdlfWcPFntn10clnjNVIqFuOYS5EMXV9Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nhf5jZaokK5MTxgiXtLWy3KGZqItZhJPaz1GwSEeT2R6icw/wi4Bvte41NWzBUBqhPbFAHb2hgC0da/PLi8WF6uIEgttbA5khst0JogBEUO5PhVqMRy9TTFTt3aTYtWp3EuGOAKV4pDn5N6aSauAE9Q2IIRLL4r3W/UEQctZ9HtrGZP5GBq+Xx6iqd48GU12gEG3MStExpcusBOyhR2niJRoUrbwozF7dizXZYX0+ln9EgTzpKSD4fha6hqh1f3VZLmuzjyGojEMbNTQq/sgKffYUFWX8fmwMpK1Z9m9XZYImY4J3kJmiRlB8WjWiUqn0P7b1HAd9gcUbUofUyuIJ6Xe5yDJ8Qi8QiZDlyH+t6xNOXp+V5aON54jrCcLIZsqqiqrQWi4XgFaxIqcXRfjsZj5gWfeZ9WQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qEaF12JQ3YO9gUZbb28349CcBSmYPSCc0b4SMTIsxBo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vf+7AzUMQVxc30GuEMXIeYqfZzQsOlSlim/piHjJ3FXduUBxe6m2cQ3uYRFfiEUt5me382n3Qz07mopyVER30QH+9+UoDNvC91GN6LLUWwKwfCv00iqJnRdyyuvxxjo3qTst8Zs2MwKK4YMhglt91Y1pMZiG7kOpaWGXR235kTH+dy28GpNdA+MNR7WXFQttguaTDZ/C8U0oPcBPBu0dpZfvKVDnpccgvTfqCapvDJl+sJeEfqpKYnvSJtS3tuaYvwLLSgFr1fLx5cOBXjx/QKNZgYWYb08fjaSRl3DuEjBmHVW3dz8h6GaPTOcKRciXK55inBQAPoWL3qH2OYFG/gLVF8jLrjAUP3HdumiS12tbX0WbIp9H7HX8V6B4uMl5IpE6cNck8ITW3pwVvD94niyLyXhlo4Iy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qFF+odUheHaidJt+aGWD3qFTmiuePpcModffWIe/LX8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P0h5/2l+YdEIxr4sblUIXwVw6Q6/n3AIlAGaCCw7Q6899tJMnADAWBnYj8f5Zi+mcB1N3PM96G9wa+sGDvQQGQb4e/wcMia/8WbPgqyzYgtBiQQZBuLGlb1l7AjZpzMN2n+v+5JyZQ4+BjhkUgsUdJAZciMmpuOLgFjaVzuuPFfJeOGBKmY2aoFpXPpUpo8Nvb22hdyS/sZVFu02wEXK3lloceVG+zRbRCkWbaZbTb2M9ayG8GSclc0WJ5toWK6L1oxl0zcZ72XQQSJU6Hu0roZlCPfbqBdkf8kD1wSdmmToRSWvAXP3EIxnjnWWniAKILw+sx60dUFYVj2pf1fF4dk5Kt1tnLHGqr0lYTbRG5TPyRtC6D3M5I/mYMI96CgyzlIXCbct+EU0LKPs6x+VvXxFqHPmK2l+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qFF0wBAtAYg0MB5JsnifDOhCMfS9khHp/GH3KLwDPjE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Qex25s/ywbs2VjNuVmUkhpawQOZ2JggzeykxJsXLmcL3BwyJvqrvaja3xLLBSx+VWltkYWtr/Q9cTMAOfC20XQaD88QY7GL+14GD7QrWS/Rb7ZV9wANFZnohWh/5V5QfN0gkKouTBGQDqCzM54aydv7+17llpveg9EsSP56xXxI1TXqj+e/FV0nxuOdrjCmDXRvrzCnq2INTyqGeKoIS2t/Lw/JC1B+SWIx9RJMabwUuiYldGYrjBGM5GvuyJIlNctZvVXk1VcKSAIlzO6kBsH+QImwoYSU/tlqif/wEZordatI1k7QQTbzPf2nYEoQxM+oMpklalOI17enXw+42gFMzKgDb7XJvhSJ7JIwRpksvub/kT9Tzo0EERzl2xHflVSLaXGYKO1yfXlQJNckx3HkK4PQg5tHM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qGKEVtPX3burSGfgSM+/bBC1xz1e/N62uJHch0liSKg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AmAgA6PdEQoARwwC/BsIJJCPH+znust1nV7GVTzYsmXEZlrFc8f+MmifUdasgb3bpavBPJwwj2G09OzFXq2PprWbBliAPVi7inwhHDfKtTIEhYeFF6cCoK4cPLIaMy/khE5TtuGzs0IlJJm/rt+ZcM4CPTiugeAy8qyyf5alhGOw2jYFRXgutGnq0Nh1HMjXrCjYDQ4hAxOJTgSHWb2Lg20/9Al7hRA+sinIQ0ecOcwXXxrH5RnjFdYUlwfIeDYgoXrvpe7NjzDpYVkvU+mOqpnnIkjhJT0M4cT6WC2E0/Zvz6v7oHPvTPx8NHCjDZdzYCezz4R/3JDV2p/nwVnWbAGVml0Fxu2jHTnRRrC2VDjvFBVYom2DrFnFGeYB0fG12CcCqkNaHBUL2l8cvmtn35UJ5vS214wo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qI2IWuKISvNq6tXR79GV7rF43/zwlIQ5P+9HzwMZ3II",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zJiDI4o9uefHPeub7YxHIuSrigf6AMkm/Vw0/VD1m0m4YfCgwFqEU0VBXbDhHIN/6Tu5MsV9gKaGTy5cELOe51CzBCdCU331oSS3PTjLzpjS87DGllAS2nEaxOSfJe92DU12NTHt7sLgEZFScE01N2QFErcWZArXwqqNpZSbXIwmNOM7Nrx3EnbZ96WVPmFrbq3QdPdbP+CWfufbryc1YvamB63A8Nt7xWuWDWsmux4591hb+stbX7lJ6+jR6Y89t4bFawYE0qZ8t/U+BumNsmbEtGBrHdpiT+j1eazPaGYJS70hjy8nAqDPq3YcK0BLK0WKYMe4R3e7Nd/jhr0wKGc/PXuHcYpWeLzVRZkOj4tt3QTtiWKJTGMD4BFnEaR2iWiWcljo8N/BLS/2pPZsEXU1ysgTRkko",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qKJLadKFxT8b9/Dcov1JkJkN3cPHm3g/nzxhYfL+rVg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9DwGQUY32ny8tIVHw4cDUrD0drwDjdYTvuCT1368AmRTAkMBBUi9cPGc1sILuf17qSOUulU/vQlxJdk+lXlPNOM9Bf5JfC+jgktavrit60D/kbZoaa4aV2cdYrMhrUPEU6rU7w1+7ejWDbNzg3BWn96Rf6ivYwB0VziKYVhyxZcEMzBSRA4HSwICpzTBb1w4LZQJ4of0bwI8Lu58X3eJhmKbNrAzgrAEE2PoCnZ+VxiXSGD5gUc7mIiRiCFDpICYUTpdmgCeakimWoAa5l3ZV/3lTjVGG4glJ9M/JJfnxFw9WCrnkUXyVLStmOU/kv3ulDNa8FVufurRrP6xqea/rAjk1bLhjzBKKqKzneSa6dE4YyhSU8G5/qBgT3+U4wXV4WTqgK4Us6u7lgEINm3CmADWCB5vzyi4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qKX/i/YW2JvIfpoDiNhbrqxWC0PdYrX1ibdOyNX0Pgs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4+z6eAKfVLZ/rtv93gIhgUIfYvyZbptSSzCATFPdBnZVAmLpLtgS5qbL+rC/yXr2w93JhZ6dCy+OnF4uWgr+cqY1CSaQq/KDS9Px52JvcIlKsr2xOQ23OA5SVHNENpuUbWNzf7NpfR08DouCY2/owMkljWEglw6YhEr6sKRJDrIfTlgPgstiKX4MGIZv5B9qykQqQVexVklPs77fwdd4rONSgw6P6q8oBK7EO0VVDJjyIbM4c88bkNDkLzz5XcxpL594pF81O2dvKgmTJp0uQd+8cKgKhqNHTEcZDMtkEbyOTB73xkTuFCfQexTqjWdswgm5bS6sDmMkC2k55yvTjCN7ctgLb6Ny6OzeTogvWqR3GZFPz/EAt0JLiTmBvDJgrpQFcB6EvYFvuf9jkmEekT+YRhwG3F9O",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qLZAXsrWx1JHdgFsXnbciaNJvL/Zv/JXXxU8B3bbkVc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HvnxeHG8ioaI84kbfpxG5QK0skRl0Ddqs3OdUE54fqCqGJwx2qsJOcyEZUA/TT/N5JrarAJIo0FCbd+uyCtjR30H3GS0L/4uz+FzwImNxXgRBiU7pSCL1VBx3bfM9CC2mmMr3+yxkFpKgofPhWyiEoK8sSX+7OqreV0RpA/jdMQ3Eq05QXajzAdr88Xiis1OTfEK7N6iI6shlb9dthCO3HrWcZBF+GhogKMDHPxs9EkzyOMx4go8/mIcUBCBA6Ho6Uz/YKqlRSRCjflCB3E7j19W9LlqFbL5JoSW0p6uf43gqr7519BZI0VIqsxIEtntVom3m24g36QTTSDnjEvKisLyQntoTGVKrJGc890B/KAq4jVbQWkYZ9lyIDn7uHwpeUJAZJo3d/b8ToQ7ikIt1oXpd/j78DoB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qLyThctheXaAWQzYHW2CbDxdAvEqB2S5MA8g99+Xz4A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YqDq8XseLWHdh8w8l51xHfhHeohfh3AOFkQdXpPPC4D4aD1hXhRhxY7xrWsmKjYARgkrXeScV6ZhQImtX9B5mLktE+dTRtt+R+3hS3iSgErXicAt9LiIm1+YyCK7KF6XfKUrWG6CS0jDnhzHCil5A06sQVzSZDBTs93Cu5sK0xv01mOzUOE5MVnH5nHHtq3VQW4YG5ZxCWFCBjQt86+qyzk1Tp/QLdxZk/EKLcYvRZUi8zFyBpwakfqdQ+I41f6ZaOhKwXPeRu0ObAaJY81xU2Af1GKrKf9npaS7KVD3PkEGMDQ8AGwzwS/ZyHRR9mlwmtR/xMBV74HCSCOca031NRvEziFbZfOrDj8FZ5SrZZRTJrSZr2nVti1iDSPOdTfI53btNjuLpZGsIa1fbaax9SXrC4dNk55i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qMq6qVbZEsuwI4VbMUd5hMbP7MTx/pkHArJS3vuebDg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ocNidXarKQbi6rG1V6BctSWb9boNRxR2D2x0gRJycHvWg2FtEIl7IIIjiKxmFyi0RhBOWPSF0hg4h1V/jp9riWmqBHt4O+6CnGUiAaZQ3haxj6QaPNKfBmbifnUFcZ/bUM4pAD+SluEZSNHRMkL8Zcg6MNS9OuELEgZXQ5SNJnL72tGZN9byRKL3FjjaKSsNdH9soAwFROl1MnqE9zzBA1O3TJoLPq4gUCfpGD6baZKSon60z01HeEt8yboNZXYAMBTuTedAOz55aI7kv93xBkwahRXErWESiaBhXrm8cQuFASPOMpou7KzhNNvw6RNCxNRtsJDgDSZPBsVvA/wiYT6laILwGcuY0HzpanB742KlrlJim/lzE7oU0GIZJsWRouCmLjMfW5O25vJM6C4XIxsz97jlN+Dy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qNV4PbsNOv+xji0SYaCrwgEQN5S6oNIZBKePUccNf8Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "V42XqWo3lYgSgsksKfA6eBZhugraV4qJZw6nuCM5mCsMkCJvRIctHe6Pk54x4yVCg0V8DFvVq1CnSCmVrH0SazIwXSGggczXvAstxvg7SHy424LuWbRRkadFD1vISdIE2Qr9qgdQ7MMk1ggkBTJwSgHhMiFpX65FvVjRxplM7hvzMgcSuPJdPqWD5r3KBURvH3hnco5HYB+STpjNWU9EDktYK6A/p8MHXTEvyXBAO8lOPR5Lhq4RCCZHmxyMM8JPO2RebP1ao/oRAn/theM0xij1FBTyiW54xlvD6Q9A8hDguHtDdM354gC2cNxXWa6GNYG6RqJnNLfPWLcY7goTRYTe1qX5+ofTar5nefszq0MFWzRlPbnqLsgtBwaePNmoVJyZQwaJUT0wIQuI6Ry46ob6y7ypHEsR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qPCRLTtWvlrafST7kxNbF5gjBD6CZFBuZVtHT3EFq1Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r1/PQA2lbABURLqWA3i6BC/+XAflmD+ut7wi3ixuD67AnZrRLceUkjmhh7T0Sq4xjPP6/wbLB9kF0OUIZqhJhG0b1Hsp/pVCsSuF2dHhejSmp7Hri9t4wkcQwZOBwNFOy/wktR5EivBx67lzqrgFtJZa7/Oeqg+WKwM/hQg/sF2yNIg9/D+GTM9eudpFbfcIeWygtN2r2+KMakYKLKNpFY0mUmx2YtYr2D3ccgx+8zg+6HxN7LLkO0QaRAT3eNO+8MOcLfRWCWQ7x0a5UheqVSX3hUB5eCAUxPlXDsLeNtnsTYUZVwRzHWuhOu/klumByUdwdbRBo1p6ZhxaNk9mRpbE/5D7W4kqRg0O22ycaJ+k6hrk9YogYhP1rGwGPlW7G75vyOSsY1g2MKCLnSPwRpI9AqUDXmrY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qPKL9eaYVpWngfwNhsDwfnsNs20DpHISyRJmtY6jPfs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VcaGgmc0VZSJ8cc6f2jRwlTQvluSDYsfJzwbMzc/q9aKUcTKsf+vAQqWU/Ps5ge1qs6kfGgaml8fqQKbw9spUnNK5KykyAHdAoBiQWew9lKajubOKzXkATjg23T55LyGpksfwK0MTp7ogvKasiMRly3Hwo/46aHqRaEafhyJ56ugOvXep7OnkNFQtcTB5nByzdBnTuVFpR2UZccDboT4opjBjjYzo6FgW5uCEgQyPGq/tEe5UylAZlMFqBMdkQ6JdnDZnes4KiWzleqUcEHmdoxAv4U3AtpgwrqsCD17P/Ft7oupXLpfSVQEb1lDKGqStuqAcIahu8ZlUhy3sPpYp8znNS6oBsb75Xiu1fMTeS1SrYlFjLF55fXFph45MOUnsXRUjT3E5CSi7ajgEWQP3V2p7gDUzjTx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qQ5gy1eI809lWW0kOJLZXcfkOOFawWtrazSZa0aAS+w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m7JkcJLU0FpzjE3xFZe/6xY9PikrKtwEI/8ox5XHKMyTyNAtF9yK5DIDsE7BSn6AjTtv2Vg5uli19aVwNwI0I4zMII+U5K9GSfOnrod6v+rA4aOtcxzDwsXsDiiq5X50LPEpbeh2KwG5oHdF1WfKFpWNLk4jenhoNEDf9AgoCc1UWKy6AiDirONZk34Rzn/Umi2BceUaABzs3B/TZItD2IHUlblt/VdOqK3FPGgoXH75wpX3pdzlNPWC+fG1n33cVcS9PiG2wGNS562ItX7fFzH6hEXZoHUyoNGRI4NRseZvipM9HGSLxWik3ixUpw9VQlmHB2Ta8RdpDwHSsID5rbnlkrxvgF4EV+Ku/lGEt1AR7EMfNBSJDeetdMCDUQ6xtaIVxh7T1cXoNyRGakShHGFPQPsT6Jtz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qQYtOus9K2z+9CVxK48i4SzuGAquvY1FrLcyhYRbveU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oVDnq1RIMgm3ClYITMhr9bbHGFcukykRUwQZQhbjVaopPvQC7JCpMsgpvZiK02B5B2SKZ5Xj//t+pAxNCtDgm4mnDulo+amTwGxdXCvgab3p/j+KvEohY/gOIhBrZ9L4zpsnt1SotdceZ2ikeWWP/W4Armmr/xBzuK+6QfJZytIOkbP8+QhkQHEmXjw9/kBpTI/fJCi4H3X4IeurM+IGGs8tKaAybNiwqSrYB0qRoWuRh8TEQzV9MduxQ9e9yZdfAdnTVHj354Q2AbvAL/Pr9zuoJsL6X0ue/g+uaNbkPuYOz1D9iY8hIpenYTQwy+9smOFWkpBZgZf0J6d5iecoQTitrgn8zJBCWkivjSoLKC0iSugFrN9Y9d0iEMlpvrhyPj4lIBPQ7bFsZpwfJIbXyg2Ub0MU6VtG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qQmI7TJ7gECOUaaNt9y1HPBhFBHbjBObjLQhJ2iZx3g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YNyU7zroa2oG7XmMN9EzGcbjDwM0oPDI30O2R1tJTpDQ494SZ/DjAwyCX+0S6VovQ5i5Lv6jY6WI7Jjbwej9awjKHDbnH6fgvBHrbUFNYlJsT4VUlsKVWuGCpD7qLgCf8d0x4TCK0w39g6o4nsgvTjJXNA09LLGV7frVXgzk1BrxQ9kT1E+3gdkY87jxf64SZuyM/JNn3RyYXtsI5i9yCN8Uj1SzZ773cwaIQXlxvcSm/l/HLEiXPZOJEnZFGvQmxzc7bnOV37SmTGAuzKd4KDfWMn8IjCzfygUA4+fQ5qamdfRf68GPAh9hrdjUP1VJNNT+cN7BQ0jQZPFcA+8Bv6UETuctu40Ymcuj42Ve9VeoY6A6nCr2iLMqVEW77mVkpqtlqfo81IYybNzhMRiyQW0PYYK/iJwn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qR0Uoo4F2BWI50DOKCQuiXSx1COqYuPc0NNCK8C/YB0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nO/TubUyESsA1N3vOcGn64kfutKAhv9+isP8gCEvo86t1L+AXmbTNFyQ/YyLCamMDvbAMggljgdWPG+m4MCEvrROKz5nSr4aIa5ftmPRuNfCZTFg+u8V0ICD7A9iU/yow4GhROryMJwMiMonnd9a097VtAbKczKu4IpBYuc8PC7bT/0Y1HxSUeBwgTIXMci+GuuJyPeK3nyIXpKpZSGbR9smb05QgEs8/XV1JTvYKWFQwCAiH5Tr/tWVSvjdfGkYvHFAvGc3I0B25DIaxChTMvdEnMYfSvWLJhnQYYSzc6CphVp+iuwCu52gp1eQV78su85jVjYcsqtM0pX8AV+nDm7Nrq1JyyMGHWdTfMSRc0vPlX2XCwx0tY0D7d7CxKyCg8oKN+iwi9gdHHYNzxF30z4UpNdYZoqA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qRH9NRumpu5bI+FZIazl8DtCyLpthsHUyuIcKdOoQkI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8iw/tV3qzYfaXJ4CcWlwX0/wcuL6ytjjepq2HeQcD+r3n41PnCW0vXsVvx38YyAnA4ZYRxSX65ddx/P7GQ++1ws52/oFe0u83bn8zxzztB09+tmgUlxELwVeLJmNZwS+i4HHtAnEBAnjtDLBdz2e3D6QUih8nlsGExU9KwPR2PHshx9I6tCpZHjp1FCGj005g04ASeBqPva1z/Fg6rwN1XXroPo+PL1qiE8Fzw72RFFqvy7ymEzq1JOBIPZh0QnmN1OU/rAhxqsFTwcyFFtVtS4tSTNpcd4UgzeftwxcFjGve8unADWXwJIQsG/G5R2Deshy6wy5EnKBbQb6ndFP1Izpfwyx13ZLF+wCbw/+XbbxrGl7xd0nNMgwTeqOy2srApcT+QaqQlOIuDP9pNdaNS973qJlO+rG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qSKLS3Zk5IDDbV6HhR33YlbTZhprsnnxbF30n7Pjt20",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lMcDuJN8OoCS0uO05YEKB1SsAlT3S0j5wvvyT5GKyEmAhLTqVxBO++CuidKmfHDKuTthDbzL7XWEdUkmfW4jJcC8cbK2138t9Faa8ZiK0feA5GCh5JzG72yB8zY3E5kuuEOsQAZpJRUC6ixn+cLdMlo03jdeTnEL+TZm/tn8Ngmwp1J/BXJUgZAw0ka4mYSaOwZmiCAf9jLOS/z5fMluHLB6mJFbVlfjTw9qfniIDQu2MkjnmDBrWOBCRcC2bjjaBRkQX4EHGEWLbSpiNoFvCQnJq1rMpeVT/cU7KKqQXOpeetAZy77sCvs1Uk9q2Fvo371e6HSma8MMQ4ObnVzxEj337q2s8dMjo3Ftin3z8WkxLppu4JoHUb0kTf3RXpURm8XaFU8MDFs3pLU2bc1jJlo+7b59EC1N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qVKxUACvekM6FOfqXLg5XvAhL1i9YzolhoV3QRWnDGw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8XSzc66RaDW4VE1l9r3tp9iXiri5FeI9XbUvSYjhaxea1HXigljWZOBC4lG7APBH/TAhKH+sVUk7tAPDtHMCi+9EzFn0j//+v3S4M9O8CqGT6Ps4ChPoLRy3ENgiugzMm+CTiVJWvjHr8nyhOOy3LYTLrfjNQLef4x0vR6Q4SFNAFYU30eZnEDEwnhGZymO+afTXEFueutPcA4RP6WgNpeGlibon+n0sYdNeDcdKONTp1cktXKa78ktrXvHTz8L5OAYBb1Ay40eZDOosQf7myCDU+Hk/dpOYRQcBHRA3ALQPnpitOEariucpWV5oOznYBNs3iLnb8pxxST2t9cahavTft0oicRNRHRVId8nKpcngwLpNhviaHm0Tx1jJ0oKs9yJlINqhGffq8iupGf/Y5tY7c1gsnJiv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qVShjOBpIyVEPEPA528xP0M15emKuZzJGMnIA3vxCWw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "doc7/pcUobiMm5zC0OGlVTWqP4NfKWJG5eXNBQLwf7QZD+yqI+hE9TWf+ULQt112xbIOI5lRwVLkK/fGyjbIuXNRjkSj4uGRIsv449ESFeHUWo2MO02vRqbD2MqORi/X/AzZmvmy1OzWrHA0H/e58K0y58X7QT/+1ewC6qFB8V9ooMh5dDHLUIWkD14RIlhe+JZ/2kcQ6qOxKVyqlEjkIGr7oz1RBHgHLjk/cnfHZUYR5i8e+DuGyYw6+ghDEDyFWO9HES8nLQpCdQZCgTbwjjw6rSlSbDLTmYQH38xfi2zu8EkH1dhHVVYyHZ5gVzsBYilrygJKOffPI1ykejDFzUrnI+3HbeQjhLpUgCNlNW7hGf9d95C/DV26k78flwPLwNbHdXL43faGxgY4zKIxrcqBM30Oqk6w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qWKi23wZkN3JYPcPLv63gCqLj2xE5hNSLP9BNjlwoDw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zfzDCd5suH53cVnUCOZ0xZK2riNa/wEtiNwYTnrPFcmKPg15EwOIg4MlzwbAlQKpkFAn6UO5uyYwSVtYOP9Mh+jrdWAAbfAbhhC2+kxC08C5NL+p68Qyrg+0qTGIODPPcczdNw2s4pFoVuOBB0SkoDWEZq/LOBCophYHNTIbYfO8AtiboWMzU/mWy3BqL3BVX5+3e9Bf08C0xkynjmtqsC4huiRTrzPG45K+saIbXKSGZq+4ODORaYTtJldeOLWZJB1xpsGAGMLcOn47UGhPyQwGb+66PY8h5Iqyg94raez1ISWuW1To5dGpNv45XcFlszuXlJ4MPT92zMzUpiBYbQNr59ONN0JvitmQcTiz40O1PHBaa9COoN9jquKJ/1ZTy8CEHN/+qtWFOmWhDovM2ZCkQZB8u2ab",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qXOnbxibzduCWj6IlbGPCe1epKbSyAYGXRALdfO6jdw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xM8vyOzppWmKshFCSuQa4101I5mazo087VGKTkNDpziRFSm2JbGrzu/JfZaQykrFb611cxcWSshtaiqcZ0Ze1htQ/dTnCKoDUg4hlpNixnENGdPGGAH0ufGgRt4sNIhWEV3sNrfrfphZZB4DjzE4adImAl9fY2QrugVQ1aAbEfMtpgJapi+QRftYXdW/ntjWK3qKFS4I0B3sMZcrr/f44GhQMw7/8ezUowcA9xrU9HnXAEXZ/9iYTN2TL4cAuTxkAn+eW6HZSlMdS+4DxVDjyAMQjzxMUI++mOS8lFluN9W6SC2S2yVkcLlBWxCdB2/DMDV+1t63F5yFYH5rNXVLeQRDiUhZTvSEtncijO54Z1SpbG1nFAVLdhJcDGk16g0/IQlPkmcK1Ss5ejBajHrtYJBjz3teHoUG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qZOVQURJUcS51NAtrYe/gXzR+gIUlBxUp3o3nb+twPE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "597FFV+7WFwp0LzA86zNcR1ZBjCQ5Kkbh0x7Fbn5dgvChCIPmWkDdy9KoTkFLv/voDBYHfKSeQ2FH/nJrk6OXgow2QUSDzcyrKYf0IlLfcbuEuDp1BSpuL7UDQFPuhZigO3iZf7J9khdDhva4b+ZPK+oQNVt25SNTIvbAXsCrFrT9YoZcPHibUt0WajFYbXl6Y8fpMV+5/sEFbblPj0H8Y90ju6inbDqmnvgEGIxKfEx4PV8VX2EHvPXakJLcm2aCf9pf5I2Aa4vLBBkxX0IbxHo++kjzm/uNZ2KQvyREy1AOLxMIfuV7Jj/zJP3Sf7/T06Wr2MBtDtD4VtzcV49WpZL7aze6mZAkqS2NUZFrbr8DxU3HlqM7xhbFqxhc4hH9UXHDwqXBlKsLqyG4BRSkxRPpX0WuXAn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qaGi8zgRziSfmv4iDsVmqPh5IKgXalmqLUaww+gN7iA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QkV0kgRr2LDHWe0tarw3dn9XB5aixftOGpGTp66fTsQxOhIX1QMBY+qC5hCNIpM8GccrdSPuSjMhv4GydbqsEYpNMRSasQWoXlOiofn4+GlyYmc9Fc05pGzQNvO3Dt5cCBZnlPibohWBQu4biWxX5aktC982JGpTe4HjoUCihzaIQvRBYp4c/j6TCeo13UOu1KC9tb6p2bUDodEYViC1qyqxqXIsp5eP7hpMf5BWbFZwgwUWiUvHn/bnFMvaifOn53wZxusyMWL7gwBqLe1/XK8UVTSNCGB46izaRLHHUR5vcsghQn6ueOWQzxvw2BFRqZw6sOwktf/EE3BawgUxYgO2dDy3Z/T6cw6hQzEYvvJ0NT2TNNVcsoGxCOCCQZ4z9t0awrtXci6VqHTgFob+Dm7oZem4CoYT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qaV0V3ZUG6QrcxJ/XYmJfpqIRjbQnh/aYPxgO5bY9FI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0VHKtz0cL2YkAnIxdxnivkBfdRGTM3HKIu/A7ZNgC1t2Ql4pZb/TxJf6RsTfa0Nv8YB22llxkP9PD3xcIC+41lGy3pRum8jSPdrGBOH3LOQbl9QQgOwNRCnsvjjFJqSG8enhyzKcU3kqefabUVcw6vDX3CZXMfDeyEGoJEhJX1mGvIKequW8Ctwdy3BZCmiRJJkLTG8M6KUID6edl+fm9VO53INxreDBWTn/T0CavrGZivHB1xzcoJj6K6WLbseoPv+xYgJE45ni0WFGyzrAuHjlFYBXymBZ8I0HDEd8kt9A1vjHZGzcW+1XSzenlqfsquCR16WBfX6htRWgn1R4jPjG99B2gNMMKbx5jI7hreP1lfWJvtgDieBLZSIomgiUodldUaS+uq+/qukVcyqDwepphwZdSyCw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qd5dmjNbyilCF+oWcNZdo0gSfNUKsBLOrZ540jNBJ6k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hB41ThWheYRd+WoOy3gKZexmOxd2WPGp+paq43fKzHE8rf4RFn8/IbpapiDMYLkAvoeh7ZKlBEvkseOvrpvBZ+wuLoU1XPw1VqVStIv2Jc3k4Drlic8sOyXpv5uDhieF48N6xcNUu2jk708SfjfNRdZqTUy+x/bjeIc4p67YS2JAfAOYwPfYGVVSqD5xCLdxp+nr/kLQJU6R5EipVf/PSIPpqUq+abfpiWFKjWd+Qm5jEScBYxNvU1s+OCxgWaMPiGmXTNCUQap9BcpMLN3ddN6BBTTIOOe65bipbZzpuMlcQtXPg2tgUMFcE9BeWCO/f5CiRObg9Y850VPm6MezggwAFNuNm1lkpT02j/w1kwWmehnb9A0dISbFq0daxHEIclrYsXnmxN13xVn+i5TKWWBwX6yf75B6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qdc1lu4GGWcnBQOODwmAiTsWJKpbFVZHPnMoqlNjlsI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FzwoXj/WMltgKWZNN1EGQ9aVtjGLeHOUzuFn6eZ13R7d+eBY6d7kYtcmNlfBLCm3o0PyrDEwTHtyqyChGDmFMYnC1Jug/n5YGW3l2sKwaCYVgbyvz5Z6pjVagDDkiOUnrm+xia6kss3qNBe1HLIkvsDHEEJ+WXZ51mJc2ArY5gP6Fsvvzu6g0uF70QUxnFr2d2/5qgKSxBy/RxhmbhBMIDO2NSw6VO8p4hEG2b3pbgsuNSpA53FAIZxTSmP8Fj8GPa4+FdnNniwuDGjNzvi5C5QGJMeoxB2hC2zCKlLtUQ7i2UCOqILR21dfyMcrLFQ59AkreePU7Ck2gj6J5T6oTu4XG9veGXyxHuDI4qxgp3nr/1xtNlluuK0/Th6w2WOqMV5WCZqcE1NBQjIxyzcf9kq4gEtoSFWn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qdp86e0FGmZ/0boubI/5Vrihgn/niZR8ZcP8nC1ymto",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "h2CGDZHOw052QMmS9jrZbD4fhzG6huOX8CBHGGC0LXQ30+1O5QuHTdeFoRJ5XP7SpuRVxVT1gkKB1CcKfYROIXnOvHaaHMm+lNIR4BdQmr/nPJ2qNeyBrcsVNz4gZ4AFvCgqqW7cnht0oL0WKcnWTFXfkF+fNVO4qAQby2Ga28iNUqHkGKkCQlNiAlPpAZ8JR2Y8qmIDG4DrwePec7quvGwDp6z3FB57XeQDOMaJ+va+c3+DTESZnhhKCPFKlLWmA5KPrkcJuHZq5f9IECQod9xsU8NE7tR2RR/BIR0y7AN9jzQd0/AX7LPfG5spIxev4ABquF/cCM0+wjAj6+xCm9xx911nmcSUthfFEonHV1bMsqPXcfN8x+yxehwIcIYNdXMsWDdIxFPLe24L/rfJGDub/LXNj5l7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qe3mo4Iu3psoCfL6qjztoCa0wmf98eNMWVlkxdglkug",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TKyaWhZCBPRWjbmgcJkP0kog+jKLSxEgkCZQ3hiPdOiSogr4D8yzpD9EkVXtF1LSWY0aj6GTvl71SH7T9kwozWqLoJU5iqKsho/IryHvWCPT1ocnAOkU3HC+F5vZNUBl+Dm4Gbe1aE/mwN+V01MElgk+QMqVG/FvGigU+HILg4T2o0e5O96OVkLloJ370dLnYHKyOa1NtBSXvnpy10smMEFW3/hCWCVEF56l5XufuSdIBQKrzMr4fPFWMme3XMko7FAITlywpMPE73c8LDsHIE8NncymgFKnOg5Vr14/KrbRo6e3jFdZPGyv/grJOrxwXZskjz1SUB1u4iPHLTG1hqexzkkFUvS8MsHaYO9qHUGA++z7k8Xlmi1bXsoZwDz0xWj0dyxGV72bvSPpZvp2uLDw3PwLHfRM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qe8XMEJgpNRyxVjhhLdf4jotlBTt6Wk2O3EV8LOFyFM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nPEs5dMtCgN3jSm2xDPucoZPP73JspCoGg3K/WUV63dA6X1Gvp5eu2vNwutH4+ODtkoM42Ihjed3b41+g9rVZ2BUG+U6PXIiwHfKGLPppguYwKs+Di2HZZpGosOBKRpl42thrAFuveSL/OLpW2ar1k0HSigWd2X5ymLiOkNOnt6zc8AH/DwmTWY11YM1oXy3sv66HNHHaNnUcbVHt1HzCLZXgjOcWmq1HQY59ouTYGJVbZwVED2xRFld0JcrCWJ6fWdVA8hNPmqQsADr8UUaPubIIv+5IcIwQPR8eV6eOdbaEprnJcZoN+8pweP+mAam98QtlpVkCSShLgiQPCo8yaZSdCXbsOng+Nu1G8MepKM8r/mzuvyVSApHfC3VG8lXQ/TjuHS6XUBHnh5JqTEnfcWHf3kIUzE8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qjaCQny5G9jGvcKHBRZrsmqDsu+TLdsZiFAtJ+Kwiiw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wgi36z7vhlwUXpxcYci00Qlh3GPwimkRRZh1PHWKmyyDB1mmOZLFBMZeBi4ZS17cDGwWgw21RkQRqpjQdACznwO+qYkTuUl7VXfR0nV8lFzf9VwiAdS/sSskvcjbNeOCosX5kgR0aXaTTq7Clt0E1sxH3IEaCBPpZXOPh9K30BoT9o/MXFelVWrOL/key8gJXCLkuzIr8LtyO+TmcLUluI7v+zuS+SjKupllPuPp1JigmMmspOJ4NPTl0lPPg1elLpJa5DXSbkDA17smFPBbwmb6yQKDHenZXJBlF0/dhivpUkLNm/RbDah7aWCh/zM//TyHyd794j0Ih2E60T7w9zxgmMgPC/JrEWIqS1X44N0JIty6mBAparA9GFiCVO3wSc2i/HtI55RogFiPnGGj9GsK7r0rf6FW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qkZWj2moc4WsQulBSgzEIKslhtYlmRUJdiaIWIuPaE8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7i6LMzwBKqo8T+FuCjnNMywKcw+ODJfgDp9RlwJ5LA2Zht12uLq8vMuPVvsmmOToanYCPThwWF7LkA0s2bAbc3f7yIz+I0qMpOqc9i0y1dIVYkOLyUuBnnsA97BPB7RXyJuqETer/i+r67zajMIZA4wB72rRcfkdxc9u5ehXNrSurqsTakdv9OlmtcORdPk/fuEAVB5T1pZyYGNkjVf/XqNmRGjIVALkavEObYc9TtSbVmPueUHdG53rHDRzUkFew5mQhE4McVb7i6sQ6drSUPVRdPTjM/v1T4XENGei7uHg/jburlnC6rxy76YHf2eUInALah2s6Uo9MV+Gg2/tZ/ZGFEZ5bnoYFa52i45y/z812WcfWx3ejBDMtvZL9ykSwdCa9f9K/Ef4lHjhFIGq/jr4imTW72qV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ql8cMTj5yWtuVbi9DuIdEZR6ZJ1r3ttriY/pG4Th3bw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XfOeh1wJWYzNJJQJYzkmHwjb/fOa1Z2lpb53nWiIcElk2yUGRlDjhnzhtv+Op+J6GNlIOghA7FDi6reMMk2P9lOGeAaDYKHHwodHJmbtKKGFz+XUIhMhH5OHHcV6IAK8ulQzHhMLSnoGmiuaOwpI2mNyUx3iNm6Pm/Q6zJ7BSclIeiIeZfJ65+8wlTQDmyuHDeHMzZgeUycHcKAawqz9zLo2120Tnkh/Uop3xt1xoRnFtykPPiRwctZyDEDNYiexYrkFEcipkMeCIcKgu24kCR8BfWP38db/ZxekCs0h5jNLB4/Ua2hvVpBMrtMoRn7FtYfX29SexsxmXjh9XLHpdCGwRQ4rRYFMcq+Hf6Ohcti8d5MePfTHULbUKTopeyO9RYkkmPmBJgZqSIlpQusQZdVcteyHv1k0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qlsgczvn8WtJOoSvHgqOEyso4SQFq8LJxYPgjdhZdPM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FcaHgeb8Eh0RCkhLO56KzeAATHKBb5vuGw0JyTop2OivAXGGl6CSmXUaKsqM7+xwPFlGS/NhreM/i80emijI6lqGdGkKhOateG64RGlTzqtumrJmsZj/ZhLexRDHG81zmWnpBNMl8DLQ5RCb3H8g5OPNiN8y+RAIOQcCo0t3lWFaqZSSXMBMhA9rIOJzwzIiJp3O/RDMR+7PGh9NgdyGG5g+ts5IN413fRRju7l1pMHd+C5Vg0j1wCcnolBYtzpS6QNeqkYlDeA77wkLl9DOzhp3JcuqDk6QojE+qQZCFC3eHwP2x1MlVXIwSEGLUsEt/HDd2w3d0Gw9A5NwFKACKQl4vOyGB1/xNSjaPbhIh7egP55CD91bkfIpcayaLCWvFGJxTVyR+L/ZwdcJLLjSFPB+awh56JXs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qm9DsukQL4l+Bu7yz6MfvWlL8v0m/O6qL3ahOORLm/U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KeA6dLGrE5k7txici5/S+ThfyQ4YMdcBGWH/yuNSRh9BTgJ5/Hrpyeif0JBRIGD5Tg7RBur6xsUqHoDmg5e51ODnRc1MaLn+uKhYk/+nAvB8HG8tVisO98cqp73iFd5vSKhPz6gjlAPw2XjxV5LG00rFexapQsxdn613ti2XFdl7B1n1KxrzrTm1ymZa3YmJ+eN/BuQSZ/6x7khMTieIXpCvKBHGcjRIKejizoYm3THTy+QfN0zjYQAqrChPE5ZRXztUOFdXAssGqPzZq73zLYNwShCYfEoLJrzlZL7xrbsR8nXM8435YqbYuF17WIKnej8O1wtcpo0jmMNiERN4XIRxj1qlxrtmAIAScf9dnkbMc2Am7cYzJvU2toOa3ISPDXI/aax8sP3uqqLojW1inFb7+LLGoSyo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qmP7DLq39xkaRiguB0g9th0fH/SxIGA48X3wWC4yp9w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5STBsM7tTfW3fxj9cRFx4SD1EUj8qy6T1/mn/MX9riOOXq+OIRQkmjW+3cp3Yt7XcOss5hJ4kPe36gPxBrcuEaA84pdQZTnw0sh9hHcyJcgBgNd2NftggyAuqJ9kfe9yuJ6fDoptCgObOrA5Em8bfPHhBl08zLyQ40ui3bLYDPYMDos7sy1zI6VQbUzniKTpjH5Xfw4y6DvSfgZmV8LleQta7fawXUR1w90p9FKi49gSRXo20IkT2GQwIMdLuqKzGF64Mpo/+H0m2QKNC+CSEmvbYFqdnAgwtF1bBtMMPJW2vAw6fx+uDPbsx30RavrUxx0jvvx6c4nfBwVS61nUTj9pjVEIfD5vCvuNEq35FkKMjOEmcIMeXl7/yqzOUvoCoV0zc+Mi0W85jZhCLtxA8wbyTyCdPP3i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qo57QRCqLRLNYoMYG+QgdLBq79YJzfalaaXSglYhGWU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ipoos4o5R2tkRNSUzRahEN0cbT7vRcj+zCpnSCQj8dFE9DxCZrElW2fujGnwIsya+T3pjsI9QVWx2VUQ40KLcOJ1LW8emtuvGpml5hBTSl808LsqPk2HK5PkQmOia8tN+Dx8SdKFlrB22nAIU6OFDADGJfdeN6pdoF0/ux9/AbzV/XV2MzFg8T4Fi0YPbaHBVAiXWVg8t3fyp17mOs11QbINPjS7MFbhAgAGodafVejtdVaFJNFb8kKBUNQ1OWisqBWxWO4XVXu+AQBYUYIKu055d7J9tMzUJkAtA5ivcj/q3/EPmvT4BKkS080MzAkSSHe48rhOyxOmGh+eGhABel/Co/VYrAX4RVax2J7Fb3vf7q9dqaBetVgsJrDAayzgtMXNNN9c6C9hQo63d0cc1kzDIjjCYUkO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qonCzPzSBfHJDVMcqa6TwK8UGLgbkdDPvX7Bos4skmA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QQhZhBbEauzqAuc/4IzbX8PGEgi+tQwazs8Mo+frVLg9chbqSVfbPH7LMWczZ91Fvp7ZDWCDZlmakzEa4ttvikwhTWFAAfq78hRglKJV93CUg8T+oLuuV/CN8hNat65MFeCUcAC/HEoWHzL1qY0ajx+142Q4vpL2QsH59r0gumolgp2lRG7gxW8cYWcy65bmlV6g6ydwbUUZ1UvtsMwLWUr9GyOCnK3AxrVz7in76wjSKVCOxzkUaMoJaCshFDGYymTje5MYTpPDrsYGNgApj6a1DKUJGBkV2coi+YOEiFUBS8j/Hw3wpdX7H3Qyjyffx0IfgxO7Eyb93ukzUbOWaDKDuxjAvSnDRhaIpPYqwsQzRq3RNfcWX3Hq2yWTJa4itDykhUelB/izBYTQXT9SZc2Jg8W3ZHMA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qq86hZSkcTA7SzU3sgYRM9bQ5DP15RLCfsiNQXgUJgc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "utqoPSTCpiTTl6A5b/XE1upj7PS2N1ARNOQxDiUnWE+d70Fm5l9f80j3l5km8nh9QDz4oEb9h2f5sH6kUXRsQTJjGYcdql9nzvAYVpgGC6BI39tIPzX4KpbseS6OTUnN7uGifVy6J5vcCkmSN6edoLiN60TCXMFrjPPqfyYD+icd4UedQgtbcstlwQN0v2MmcKC9hI7FJz7wHljfi37D76zMnrIRshbWXaolVGviqt8VtGoZq7XChQF4GK6BchXgjI7PCVMUix42nYE2Y0P+8YR6BedMpvR8c2ejM6mi7QtoPz24eBknSYXMfJQYsllrfT2BzY6MEwk+ati4+X3PYVLYJibg0k+ngEs5sRb1dIFdsKW9cb3VJgDKCCSdBbEB7Q+TjjqBeQcHTqdx44IY6iIdwAIri3Ve",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qrk79hc/j8MOdq0BZ03+ZMghPgmU6hFh3WqhlcykHwA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SFsrP8zMXXT8ZlfM07xxS5PcUPltCm/NqjSBDg2HjZqRFRcXfopc/7YHx8XHw992KhH8c7emQO7DIU2AT7WaRt/o9RiusIJJMR20yawlUzgpMzbxzgoG5w/RduDRnKhDnwZNsaoyA5npQ+WgysKjkePGc/7DnrI/OYGUeVDByZbaeFVGprnr1x/lYBIHV83lqh3jAw1j6Osv2dMFMXI2MC1WS0GU2mI0kPbi71+4DQpx3gKz34fZlyp0lvwzNoCWbkZBQdynPqxytRns890ELiP0hsIi5BoDk34oRd4zbggszUEGGfOvMfauIr41xabhquTq31H72VWCp390NE10gHU98090ZVOdANadRjBlQaS/4OaGFZ9mYTXBAxVXCRqXvXeAW3NwUcxfBRtv0iviq29jZ3FDu17y",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qsBorz84Ga+2RH1DhM5ZUqoZFREcCszfVZxdMrMLpmw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zZ5SPwS0sPM+fwFlrLY8yUigbqG5v+uehcYD/IHSxbSw+uj8MpFdFpO1E1NCdxuyFcorR+Cx7rxRc1MSKCYkXgLuQF6gzRxtgkeA4ewOOgkn3NIBiauQw7AeR1C/D/tyJg23CIIz2cpKSHY8SUuYsRn9/6PtlvYhmwSyt7rOhHz4zBgDjfgGYafJAXfufVNhKJpmiQ5o6nAPzK8eFufqwma7LUsffFToMA2gmh775LWTpPCUgV6tuXLkzE7a0rbvI5g3cUkaI3TS3/9vveEMHVMR6GQwC6Ef+LHACcL4wJngIxegY8lElTPSSOYIclNrltUnswfbE++hKyLIK+jaPXiGaB7VJ7vWrMzb1FqQ2jSncX/dCfyXxKJxITJIqTMvQHEpUPjLhtsp9iGy0If3xi+zyi3eS0CU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qtxzq/sgd5DpvYzgqit2gGBOEpTA7BpWQC13GwtysiE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1NbWfOo7yaEy5l16oIcX0jUB5SXZImxHCx4/xTL77erFffQRF6eADojr4E2sbuuvkpqL7IMKla9OFAZqTPGU6pJJP8yugE17X77JrlFeIpD9pGY/6WMjzV8M8mlKTPCaC7CKOp8Hx8ohFZgCo9brMyf1ExrlQmPxwovWr692FUGFPg77uPwnq7GEgGgmOuGpzLZM4GgCfsL3Jsqh16oqZ5WPa9PFJ7pM/QxWG3m+TwMZnrfpQ5FDpA//+VdifkLXaBJ4TbWrSIo+WXgpVSURptFeoHO5rveb6b/nDuOFSI6F/s8/AxOeRBLP9uWX94qIZ3FGsZIsHBZpB/PpuRb6eAFupAscDDgTtXDoompLYH8aXMUyOeQXGinkQcPd2NgK9i9XcDDKAmNmErryQ+BIMru1KSGVqr1u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qu6ivOQX/3p2AqLk5BqPkS5NG6kzB9eG3ZMiYPiS1g0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gWB4hThRj1QqxQ1BIX+dnb3MxF8znRPDZtAbl4fXH2IIAXUnKW+EHfmLdYAZ4Ccup6iqDFE/VaWEMQvlV6geXvZIWh1xv10iqnv2KiIBWXzQTdSxe62zH4mEWzdJiIqOf4dZ9q+3JdZi9bwQNmD1EI0UTcd5IF/gdtWL0o7bQJSKBOWuLgQOyZnTF7Ehk3rHN1tWYkWoaVNcC6webv1izVtYodVb11YpTYeXxkS2viC8ziWEieGhs5LTO7s19fFoQ/lpI36vVuGIvzB/F1Lchd+XKkYeuhkdGjCz9A/FawZVOBXqY/Hb9E1yd7oP3KaxK7hPwkiyqqo8x5aaJJhvcPZUmphJodKCj9prjodn497czEgCCS62GfvN7Cl6OpvUW05zyvr6/Aa7lCjhy3UVFnFJUnMKycwX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "quLqXuwcI1YMwaQoJFr/TpPl5MGq6UC4ODxe8xNJplA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VSuzQMac7eC9ePeZmjuaRZCiASXDjzbw2OHZ+0pnm8MN15SAu/otd1O40JEaRYWlXe4jtqgXEQ1GBF0itU25qIeMoKx1yQMgreaUDHcCntOWeEtVFOsQyYRAkuxIq4nS5jJZFfBqytyNHBaaS8zCmuyWspSS5SmDVgrMBf3XxPrb9LAwa1gkXmJM9/wWvL56ECAQvbQuPeFDrkJlYZyYp+W4zNeCxbYwkmfvQJ4AscOUi1Tr+oYMLWgOJkKpiPEhipYZlqXj2AaYwYs6RFyNTbwH3hf3LnSd7F+52VSdVAFsJazlmhTLpGkg3aGtBmDvzJ3Gx7tqlIULHtv0m2NBAb39EcIJJhCcZ6kfXDrJBSCcD4GJSERulLmbtuzpovyxd86K5q6OXaBWkavJTTJo9t7yOI7sKTPp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "quqqb1/urowAPGUQgSfw9Avr2EKDNfcBRPiPpOg2tew",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zrmigWUTL9IDXYtx6SLHCWqEKcLqKyrmXtNkdkpoTnCvlDka3HD9HEGX03pQY01B2UpXUNRua1daTC02OVz5pclrhd4P65QYaqg5GRrKwZXmK8c8t8TT4qaFlIuy5JvnQdMUlbQ+iJJcG3CLccAVsO7dKlKLJYtAw0ubO6thX8khSe9HK/NLufigAiO4JJv5NeK4mF50AxsghkZ5XMaNpilE6sifo73J1bJo3hSCD+elY8Wi+oRVINZt9vxYig8KQzqu02GNVJGYJ4I2mAkXdvQkzYZ23WaoywOLUGHX4oNLsPebsIIEQpe4V0G3e/YITvJQmFYOkDj21xKrafnS5ZY3TAipnfg5abmgyvlTb3OPEBiXWl1A079ahcazM41UN6X8+LIFKxcO0UKMirZseq8XXjMEaRbi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qvaulqI1Wvy7qao1HgiQdkEFo9t0KP5S7POnxybtxO4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zRIdIUtgbN7L7z9rbg6Mvl3D4n8cQOUrWw5j/MEUIJ2BYYZqYUXCuHA+M9oWDG5TnjDZUO0QDcnid3mNtAi60748GqwytaIgKun+N5TnljrW6PWydNZv8PrTlh/1lBuggS9MMJCH9hO6+Nyw99HZdJYT4Cf/pN6kGmbTD9W52jP+CcWGkWvNg/RD+EOOke6OlVRGdLNBQ2H7deqlHIdXA8waU+v2D9GcXVTSX2rQ7ZZL2PSJZLIlEtEXHUHgk96yvRuvr8UnrWZHxpaACDqR94nUUwRKDsIDQCJMkpRM6BTiK7NJ6zJ4hdz/E0qIh/h21z7SJieOa2cRxU3YHqhI+bHaYGn7/MwNSd2ysSmjlegEA9/xJ+I2JGv5IIdpAZ8BfKkPUxryLWU1Qpkv1iipLkO9FQ9goN1a",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qxi3hL4ZCGafeWjaX4YKxRfQKknZiSzbcDbbu3d3ngU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qa7SprV5g6m9lxPwnNweR9s8iQAIHhDDGDCssKIeWMFwqn6rQHMRVP5byoXgSrwn4TKdU0qMHHJ9F2SPa/XDdoDtOBGKJTxbITLs9sLdhaCAw9/znFWCvrEqPme1naeOmmvmUduKXZ82PSh6sKI91YLD4lJWFocTmcWXmGxIhtCLt7VTtTOo3Sc8p68/YKjBkM0UGtJgOOSNgjql/SPRFO/7YGbXqaTW7dyDxOah0PYrKzqLCAnBUCge/CNF+v+mSFKg/F8zS2GWGIsofLJDNKZelN1vpcQBqTqXstb7ZtWfiNJozZLlLQSaP5qfHmG7k3qQXjYJNqnNb25EMJBQyfZVVwFwVmgk0yh4RQuvwgMskJv98t/MtfPGltNBsxmgakPKPQS3M/gfaldKlnYrtj+ztwFVKsCo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qyd8atXSI7oBQk9H9AKMXLh4M0nZeabg2rkj+8nJVVw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7YLjvhb2TSMcYHA5D+DBTopkpCrzOPXwC/S8vqzgvdGT49loXS9dPPUoXLYhJ9cW2zZmk493UPgQ4HAHyrGaMK7uRRRyjnTsT4xwsPyN9cIs7131wT8NoEyZ+hb7hVOkB06hw8vDZA4giBDrc/GMrroMsVAN1Y+Oegyf3zxgVPAFWDSOZbr8iHMh3ZAGXRJ6qeUfNAvrljwM8VD/9mr9zh9TLhFcPWl6tOK/rJx+Yf/uTkc2Uljp6dkgug+YUZflJthQQhkFBD+uVo0taJSCrs3yZoIx8DOZzGAgkl8OKhFQezYcb4RlJwCFMQLlyDt0sCAoGMqo80c4f7Tdq+axmOZiTlccYEpZyadmmzdkBKt2+emLRBKMibaqctqKEqK7RQXjT1w7Zz+zmTk5O4D/EHztkwNZ7QVx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "qyylbANirw3qqogj0cNzE9PLxnC2UQ4NqrCVidOKJQo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EWxSoFxDcu279qNevqlZ5rRInEjTxel21KnExZH+R7mOBK8wmciQVG03FwM1LL/TsEhNVko1AcQBB1JIeR8VUI3xUlE8fjHapDO9W9WGEqob3YTUcbRQBReHUaXs9MFvmiDXiTclRRtmdO5/zg3nCG3fpRJpkddJ1kn9azLezADb8nS9MIlfo26v7gKO7HMChRPqyjsX0AHh5j4eb8q2ci2gTIDpx/4jDeOYltFc9r3pm8J7uvk0oqkGiWd1otKtxSfXKrKTBfU1NMuAa7bZFweJYae1utgUVLlecYx+gNyYxtQyH3fQg7ZjdVyzgKa6ZjFXOVc12wNF/u56asF3RY7SXjKqqs0psmkmunwpM5N1JMBGQK9KGpR3DXki7mYPTZEXnW5A1hWQa1V4tlXwdj15lzc3DSo0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "r+TSSERLs2TkSK77WLoe++QRreYc3EkQa8xxCcJUkV8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jXETBX4SIt4P/Q9z8sQ3PmaeaIrnsoK+0lum+9qDmdg8yfJYl43RIwJiF2hvqqChlSusHozkbLlrfbkkbpVug9BS3yqTl5JXKcBSF1tziYbCIXy9ZlEGIzwak0qTiK1kNXIi1yjZ7njEOfPV338laQTtdJ4/SmaVihGfzYgjqq/bxudd/COlVlEuUnT3EhuNmv6u0YvPQoltpDBhnY6Ta9Bxs6fS7ABop5azYGygURmbsLb3DcRnRaEHVjL42QWeKyvYUK9HfbLyJwz3k0pvVZKV1GOZ7snJGI5mVhu/kJJfH4f/NGP044OJs8inNpZuZFu+gwHNoct0Gm7Dsk2dgrcKGPkbKDAoUPbn9zIpXnUDCl0yd1e0Yi6tlsp74Ctuz5cwrqv0eE7hB1sNuagEp3+FjrXBf+I4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "r/90fbkY9Yv52uDewGzF/Ujtzxwp3VLFM2o7FzElYKs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "V1ge3+3xdesylUL9FkZyw5nj5mcpV7/h1KsxT+FptIm3HjooetMGUpt70NhzgqiCFQWXLkpS4oKrlAtZGytKYWsV3TSouTnhS0t6nwgq66zGO81rx8hh9COAtVyxbeM6dQaZiyxuhh2tRx10obS2WmAutS5LFoOtuLgzYXiqPQN8xb7fDrfSW/t59VzjEParliz1bi4475B3BRqsaFh9jOPGKueujz5Sk3KZNLsMsrOtXlScFI1U9l3ms7UpsrbOSgGZSVZ2+Hb570p+Ate72L4oeFy5H/Jm/QdNZWJerbxDGT9sDzI85pfEeVSyl3qHtZX316mt7dMWNCvxAgaQQR5k4K6L9FI2bi5viDjJYLnbizKYlXBS1f9hvvpG/jQeSXaGj2I+xfUnRbuouTddbI2S2ScUuxek",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "r/yxBfF8qSFvojc2806587+XBpb9P4lpkvwYSojPmoQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CF3Jrpo3j8kS/KfVr98ZPz7R0Qi0TmkXUncrSIw2PQBAFaMrAA97IsMK2o0V+HS533TA6fM52OVSBr1Gl71HOtnBk4MdLO7fy60vmtSkbZIyGh2CBPiIY6rsAjwWG+/WVHL1sx3q6xCyg/YsyN3FoWS06oTi2wNQ9Bu2AQ8Nq8lS644A0RSS6nNBlDdzpT5i0Iq2ofnmpgnK5hEJS5zgFRkPFMCTjW7y8k96vk1fuDvLVX/VT4nnzk9IdturlasnbbyNH/wvZbphUgTTuzppJ6oXtvZPeWhdpyBXGEwHxDQS5O2yRkGgTVa+j9j+xHwNAFoSr527qFgXMdA8BigyW04tQhAhsA0WLmbDHYKpyaGJos5bePS+L5/bv8a75x6RURVb91s3bCzeJN+T8HgQoanhsIT9WXaP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "r3/T6otNsEdPB5MrxQ2p/u73NjPqU16dllyCtBBSXNY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MwGEzviYmSqpGj4EhotATLH0ioAibjf0fUDj+mRZtcPIAPNemS87Vcye01a++CefbNlF+704BucIOW2bkUUogonEdUGyGtUdL+LK6zBwTDSFnvvr6rfEs+GSKYIAoGUJuSbNX1uXjMV39wPdwOjZdHEx3pRQbgxG/2IPkrzi6KM4QB9zqYvSGyrlfU3iYNme5dseqWoDNZPDFNC+EieVgIKSr6/9EBj2+Kdxm7GwawsqAQPuG9wNBJeM6Zx5FAupIczTz0UGvSsLjJSfJOlh1VWbI/oDNa+VUHA5shuk7fGurobEAnqCGWlCBUchLCksG9J6RaDYCVLFVjB6500gGSfr7/jtNynL3KhGCwo9ZJDX+AO0pBV4Uy067qK4e1oTzrBh5sh2XmRbbOZ/4JT+WPM3Ln0/W0hT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "r3gFRNtiZ4nHx2CUBaBA+x9Vmb5EJZLzYWPMYTaX4s8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ytb4nrWX65zmaVnsBsp0iYw7ttUfX3bnAIzlf+Q6CGUr8NnFtbdi1OfGj9Cq06RUoOtQ/j3egth9tsQMwppOc7wfQwW4gUVQUq3hcFMyVCRY7XBf2UYuWNgPq/ZhDMEowl7MbknksUCKWRh+ppEDwIQeYMb2DE0FfHx1n2ByH8lrKdJ5rjTXWInIcd4n9KdZlJ7CFmjIYm5Ka/kWPvcwvTjO7Ql4JJPkqmlAvsG8ZkU+oQzCaHiGlOxHIcWe6TeL/0JMQU533rQwJR6z2Ac8phIhbBmMaxWDajUA71PXYMn3sqUiUHXGfnrP0H3u081GxeBLWIsvXIcg2fRdPSG3BgVUgJfIhaY1Ry0v6jphHw3JutIq25gLMfdXEp635oT4NnyiLInZY006eszyMPjCnG8RQsv/jz3o",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "r4IiJwbAdO2uEJ/VNJy2RBaKNLVJucRQFuWDe33afQk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tv8Vze2DUIbBwHfoVMYnEmlX1W+jDZUAtW2QixsHbddyf6FXQgrW5r50jAtcA/CR/msaVVCVEVxrcIDt0ydmOeoK67sgf/OAEB3hS4VubJDqeAZg/BWI7gzaFhpjC13GnONcSAH1Ln3JmESYr0z4oyzVr6fRI2p/4bXddbhhlJsMLCty9mosmR/6Px2uQoHK1STgCtnEQZT8qy48TrMqZIoBJoBevsMkCMreycl7+UXuIC4V44QQtwETRrqoI9O4mLN0ksE/uhjr1TBYW0jd7Zk4FtWDWccrnv513TtO++3uLeHTAfMbygs+s68hWIvKegS3LrzWS1Y/IWgE5NmqWhcISyuH5jgWGww/68Pb+GZ9yHrJX+uFyH+VRi2aTGc142oblKo/vRqJ0mYvszCuTH0Gz34rq0rV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "r5VgZL+WeJLpdCosy87Oe29XJhe86E8FQf0KduTyTqQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "K44tnP1JRAq1Oj8mhaXKKCe7DFpe8TGHMmI7jLEM2dTjt0qWEsC3mbIVXj37VW8LDThz8Y9Hkd+XKBkaH1Eg+zfOqGOG3LEkMeqXn9kbVLB0lSHcxEBofaR+TYN84/c8J7gwboJFOqkdUlPP5tyoeEh0rwBuyj7FdqB2Rf2YKUqBSctiE2XgrvGoxgJkRGfRNsqSDwAKnnGBlBStUmLoRteH40jaHTvqaooTcWDE01LoMEf8pJhrgWR+RGVben7bYZWKYm5w5kvg3OYR/NrHIoAFmOexIoGOmqen3FpfFRJOVUg7zwaA2mwBfmpZJjI+an5vztv4tFUfPriqMsUsmcZpgPFlRHbwJ504JwS2yl6YHR7tYiInIhH1KDGQx0+UvzWa3ElB1GyY/SOuIb4xW8rHY2k3wuvi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "r6P0kkMIFvCB9YXO0R7qIruTQMCMmltaLeBRD0SqAbk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w0z6jJxCGK80ZZpgHzz4tXH7x2z/5pHv/+GUHVx7EArSUaTwaEqb45NPjsKTnY+IhYmx4GU/GrZIEUiVxamJRRP6/kNss2AnQ5OmFe6JcEngSFm596CJsTZli1eyXnmpnkNgrncpeiwWU7xwt5L4kkrbbEUEEln6Q13A/DBAtTuXtxTJwBB6C1YSkwi7rG+jVMUGfauFyv7YcPRLoToYJjYYRAump/i33vqT+K/N16x0umiSm1KVihrtmQ9o/1tM4AETRzlO8Kpfr2c7us/aOFGlTe65ycTxalsyz0P+eOKqxzFgqQsPOgYRNtoMH7rcDxUQr7muz58yRPfi93AP26oJXrW58bI38/gxlCfIm+zPwU2fy5pvUDVIbtwym25yS9gZ9x/dzz60zUbM2i+Fs2DqfReM7xxp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "r7i56z9yzmZ5oFVoVOKuSW0CvAhDVzM0FEH9yBn+X/8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MuDN5I9Suy2irQ+0wn6oiXiW5T5xLj7ZQAOSFdTUZNVnwulmgDG3m82hZzsPI90FyEVEdLEveSrK9Obn8G9//3l1aEPXhqpjpgCD8RlXLyu8fe3lk86h9cmAaOH/QKZ866jnxd/nmeStd22ovJNL+lxTTubCOf4TgvTU0TPV5g5zKF+8zMszX6AteSK08CQWuBfJZZGoY1g7c2atJRA0Rrb5lXiebypM3Qwivd4POq/rf1N9b7aeONnxLQA8UMGfJsXN11s6s49df93bCFi0LFxjwDl8k/Vbu9YA8GZ5jSQyGgSJrgvD93H6LjBQ0OnaedO+WHxo/WM0RFgm93E9t4Pidm0knI9V7n+X/o0R7ucoKdVJnghjWjNHh3+H3YZrxP26ENUlS/7JUP7GR7xr040PvEoNpE94",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "r7n6q9OmJA1DYTlg9o0Rdy2ZSHi1vwsMv3vH5kd7xVg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Glsreou/MvyA7uqn6DCTePzcEL1+aInoThXNeWN3qKP8T5/ak73Yb+b0qY9VQrDBMaBjD+7RgO4j2k6oLr5twAzWH24lQ2P73cR6EQe1Q5mMkg8nMUhzwqf7zMJ1v2tVM0OBuoNwrEqzlWBiU49jdpRDxBp17oAse1pTFQUt8Xok7CrEEzIVCCCnw7q5hFP2e+PS/cpwWwN3GNcXQgBY8E7pp9rmArQXAcrjeHm8QTwjukRRPfzls4ngv/LFhhlTHoACxRJYJf0Ngv2kgMKujDIZg+33sLAaJkVe8ysLBkgJX6Iyjp1d+rybJiW6U45rjml1cgThTGjt1hRo8LrnPIcOVWSGWHgM8qtKBw0bf41czqgHVXRfcLoDdUVnroQS7ayErG9NA6KuzVv3LVX6CdIRju+92LzY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "r9HzGlvCH1HocN/kcrTt8fmlyLpfLdoubZGsZmfdU28",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SyEdFJ0RJ3NodUWqWznQyeCy1MrDvr36WpdoZgxpcCMTrlr1gjVSy7NPaymohpKhupV5Na9toA7UQNDpNJvQ2iUFJ5WszPvHdK383MKGz1afAGJDAf68bM126EdGzpBONJtJ1rMplnIHber8GSt0WOuGGU4kmoX/BLfqNzLQ8N8dZQNO6Ij8vd2KpkhmSbpRZ9MWi8l0eBol1LHemeAwc/YgDNunz3M1NLuwb9ARLuC0fkVB2owPgOzaBzU+hTDu0adr1LMqlDjTF5vy3PmLVPfblVWvzi9V5xPDO2yI66aZrtbKW2LWZPVSmgXKCDh92DnnmNEUylATh5vGL5bP6c7O4ihFxQoijSuqIoq4Lf+jexj3lTSPW1BjVZHJctp6/GlRF822CoTN85VEVvrZ185IPLFEgMNS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "r9n8dbbug2mz1TbGyN8i76rhNz2yDsumDe4Jkv4R7Ds",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "75ErRo3zQFObsHJnQo4uLv3astBJ27zZ0BxvLZTXryo+gSX331BqZReo6Oem5LZcija53wfNCL36j6dYI3frrizwGIdAfF0md8waMZCfT7xVZU3qNFy2Jj1WhtX5aQTg0eB/NuGbpLB1XTRYC8bo/uRyFbDjHTTGFtJVAqcYnqLTHLIr8yJoMur3Jr0y4p7a9ezicIcp8MrwknI8zM2FkS4DhHBuNFM1dSQ4RezTupzCV4vPvPJT1mtNNsr6mtuDjkWXMFJBrFWxvqO2DfklV3+b6dWKW2/SzhLWi6AIldAdpgMJxf+r59ZjgavSFsiPmGbxcj9qyCmIfidAzWO5jJhOVS64l4dXTDDLjtTWONs57QideN4SwJcoKndkHFE2S3ogev0oZlvoIZLMlvJQprFCgPcWSoV5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rBRt1w4k+k5ICHvRz/w0kQHeCvlZZ3+s6gMCJWIezr0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BxBV9aBPUiEBakCMrOxKB0Iss3Fx0IkJ1NVRe4ht6dUtsvMAkhhEXEcUEkc8M8BjsoBfSumY8uBJ2Q+8fvUsGInT5WjC/lLppJJFR9leNWPLlmaKYIVQzCdjh1pvALso7ZT2cc2DSIvpuEy/i8VgkxbkMXu52d5mnUC0Z/BruaH7DPFsfmggOTt9yPkTaoXWkI6UVs1f17Y6zBvAiVFEFS0fp35jfLjiw6oHFaEi8PP+dr86WYUQ10guR/s+yngJd9l/5/aBpRwVGT5Q6YfH1d/s1XaDOn1a8r5jNgft6/CMK7HAVm1K2JTDqjKEPBU7Cfrtc22URWFzrSwbPwcBIu2+C1ZTTMcjxb4OrJ+hc0M8dKnSbrZ+vaHSrU7Hjk1MGuhYsdL+kg9pYAmWEf03wvhdVI6Jtbr/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rDns5X8sDHXJokGN+sssW7X/taARTLMUGB6vr32OQ6s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JS2nlwKiuXMaipDc+Ff6RZ09K9V5VulIjjuDUc4bhnzPsyUcnLTZkjvlbzflBNOD7TKTL4ekAc5WYsktYdF/0DnehOvAErURszL8nbMcMqeiPqE+Guxn22fy+OEetfyQbZJuYYK8uCNcXcn3nUQoo18YEiT3p5XqkdqYV2ZHU6iGAbxm3l7uyJgOVOGzzwkQMGIjZ9MEt+sYviKy7/Ib7eImyccXjzwzAUvCFy9yW/wGsMitlYZlOn7FRCdB7hHftnlLyf6zyHU2vL/cmm+UmC23d1Mf3i4yahawlL6VZpZ/rJklJrnMcH6UXtnaAT/x4o6seo+7t7K7RjZzQF1DJy7ZpM8pPh7LrEyGcQUUjn+AtMj773CLZa1hvRj40C49bpv59E1aL2xmSQ9Ev4xqBQ/BmElb1uIr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rER4A6iDZcrUjeyfwX7ASFMm1jiM2cSqvr96SEQBOGg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lOu53rAqypA0kwoU1dSZc9laUU5GcRtFuqgxmgGNhwxwIN+hhGQZAfiX9dgKz/Sl/megZix3yRaiw4ym2Z/5wftpBH/02hKw01e4dcVOv22izZNUD+61UUv9hS3cOCUWZQaHKyse2urI/5XtQfgtQNZ0H0k8BRAXUpBvoZo7WSdKCyZSDtod3ZaKOaTLHbysOgkVrE5WEhqk0MQGluX09XxRWDsOiFQGf+Kk4LdPIK1fax+pxCFpd2zNYKJU2P/DJpA+baMBedHSyPKlYbU96Td6n6ueIFrDdQWsB/Eoke2wFN3iXDOzNkNV7+QnI8zDy6iXFSz+xHxu7BFTj1FpOTsUsplB6xWfKYZ3Kn0Cd2k1Qn1YAiDga0m4Ug4ywPqE6If9SHH/3cIeVfggZiOwQF5+exP3eIoo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rFePKD5rmbpLb6SpTZJJT8Vp8CFOLEoLiipyCpiLLK4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IrVCGT13IILiArSqs7mCW36VVqbuKqSJd1JCIo14pQ3KJrLyd7M0GwLNuO3JfY8YwjkWTr93HX08U6JspsjmqKqLIDwm2/J00KAY2XfhgUYwtWt7FWIcQh50YXCGTfAiUYG9k2h6R//OAXOiuX2unwzBwa826o+HzAooZy0DImd+MhgCexD4pxFiQaJkLm4cE/VQn6q+7C1649nZOO0aGSecAB91xggT+7aCap5i3Hy3bLVpYemVQfV8VU/1b2VE0y4AHZG/9XkYEmRzeEeI1P0M+UrhnZ4jVADJZJdXVIe4GpFscCOJaR75UCCXcpMoWsthf9XaifHKYhwx9mX3WdalkDfC7VCRDCDHgJeHukvM31XMBzuYhelOl9Ge9hvrjaemoIFkj7WoCRUf4vXKyJPB0vQL8nRy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rGSZvc+OnSB/JKmXdaMh/bh2Y8jZpqqC4RoxFGXxGQU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7zc5nMNoT2pNZ/4Lkpz1zfgs0zP38NBBzoywIyG+x6UMKI7Xj65qhfPGomodPDDAPW4pcr6VZKBOZ6xgaiE/dPdovowKNYnYZtVDt34wgUkeM6PBuMMG2klP78H+vQjiS2dDNSQmaa0l3e7ev4ERfdSY+pCbKQ11TKJf+Z+I9//bavsfU/+mGZ7SarTczBwC2CR7aMUUXggsHaWewQ17tz98sDygp4t8K6sbQaJ0C6OTy370r4Zy4XkqKSdTpyGYqYRz1JoQz8KFgU9j7dJuuA01ZanLmlrWAJOQADXlgHcT3WyB6sjFyMN/MvXx00q2+FhpG4vtIRtwfyMDqFNyVLlRYOocDIKZ5ebYKFJjvRfpXDQ6nYLARxb4vwVMRHiIdxzlzxz/vavjBBl3P+DI2uCvBmmpC1U/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rJuziMgQJStv34Jknn4aQBrf3xyYyhNdbwtgYjLvq18",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "r8OpORAsi4py63Jj1oZh0UKkr5HMNHcWj6GizWY23AeIBc6/jqBMw787d3NjeNtS3/Pc/Vz33/1hlj0trQOM1G5+kjF3i1EqirKgih4JGZrTQ1ZWpOEa32rsVJ0p59Nq9zIiGSrKehor8BIIhRPFFC7iSBWlww3aB0/+7prwkEdfMMAqIev3EkxeSSzE62FjFVD9DGDI7wX9f25Ovmowsj9Df3MdsSX0MC8XwhifxtCGBiaqfDtCXCBJKPO+DDVCGY2gUA6SjyRzYow+u2BAZ4EdUZhUHA9w4jtL/SDAs+Am5fSZFWS4Nm+QdJxLiBsQT7JzGZztsneHjS4sKmMyq/GKbOWOOT9Zm3B+Ez8j7I9GwLnc3vF8ihXSEwHpgxqOASWz0tgIB3jbT/3duQ6qwTzxDloecqdJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rKCMJNkfL42dPR5++Izod49nKKh1wROXA3MeVFzPkJQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qkZUvg8RNWluv7OY4vm+wOFzXv3lO/hun98KcSGZO35vlJCWAxBSRq21msg+9s00bUgJQCZwbM3Wc6eypbRWnMq5X1jBxPgdUuv5XnkWUPeufvP3YgXvZ5n/wCYpLRmnzSY23Ls7cb1w8BpeL4vnp/ntuKM7sY/XWFcZhnxhnY5ebCb0aUUyXcHEq01hi2AnlKtuSYrbcz4GnV9rUVP7L5yBWLCUgmwJYTHYMYyPAK7Mi11vfGw+ROIrMu5XBYiU3OVxtQnjlLYYEfdU1fIG62yZoohR9wVCUnDobKDKsEim6Jt9Hf2gG7gsQSU5L4xaY2yuc19f6VturljyXMQkf18t7YytVCzkl7ZjKDWqK0HEmcaF1hMI33lFWYBhyotV8BtQRlmkU+78WSfAERo8Vz88hC/GmqDs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rLe71GhBP3imqJuGFn8mARRaYAnxcx9tUAp24JLeYHA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+83FRvDEj4rgfAC7F6HXbLZPNX+smm/ke0HGKhMIVhQ4pKE+Bwcq0BTCRImVvhlyQqBeAPczm1Te3T29UqSAmy2Zg04G8JR0o2Rl0TuVl5t1/NXuO+7ZO2VbfDWbx0SVE/lCfvn0injp/kQv85LWNAgTZ8DWDIBh7/NNkYRXz9AWFrbK4Dc+E8+oOWKnEqa4zZdUkrABJODz63vbz+CTGPP+Q7iPnf/s7YRmBG5GHau97s9fQfoibv4a7PLSFmQpjKAexwbL+xsM9IMmzykCmyDz3iRQdGwB5kUJz7yplWAm7WDyJUYI+jkLsrj3HGiYbDo6HJkaGMJNl4hvufr8PJkg3fHtO38ZtGO+6z5OxmoLIVGrsQJ1brySvsn05qACq8FliFUNFE9meKdhNegHNZM4qlYJXy6J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rMJ4v3PSTJaNOhbSyh71goRrWqqHKS7Nn4uPgzSXpy8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hEZFwWRObGMolzB1nVtsgjf+I6pFk4rvDjlW05YISJp81NJTP/nkLUyg16Kk/MkL0DIkvciomDT9FQHllxatYCXuxJQ5EW4FE0sKVNv3kZMukRVyYxbGi74Bz2Y+sUyySKmBLpuVTfa3i9TLX24f5D2SbZU/TeskVNbvkY0cP3MEYoBd15ISzyu+4HeLZzuAzhnbhDu5LQTxWOpKJu0S02ho5Bv4gFSTVb397Qz+0fq0h8YexorYLv9xg9irQ8BHDnsbL7YU5KBcQBXzQ0AQGk/ftN4m59ulxcSPyrcXpqqITkQAC4yqY5i7Sb1zATV2wsZLN/bjF5vOaqKcqJDDLB2vkAzrGfr+zopPI0aeWLkLtyD0KeOi44jnDx/W9QNqcJ80/7OwN1DRTOetaXyGXOGfoVO5DV3s",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rMU8t06qQ5uvLbXFNbEFm5d89d6JW//UT5mffIOrJRc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/xOd7xFd/OSDN52QZzZdBDMXWdNGS0wwqQHVE0WuPtkTaoowWTHWW7zkTmY/Om0dopt3tGIDPV6tN8JYYqtv1RtDEbqH1xzu0HnNiXuujtzAsr5WW3HYe1X84Tgpepsm/zB2RRlsnBH0mqNvUGlRGKnm/923xFRSXRm1rJ8PfwiHFPtrt7OAIvC5WLazyQDZF4TJJVt/pHeBNvepK0j/OYzdD2gLeGEr/3iLvfg5FOVJp/UwkTdeXRjlEVT+vGKkyJ1+CD1hwQtlv/K9jq78k82E/SS+V5OyPe0jHMtFRiwHOf6Pci6s8S5o/We1Yx/yWxC21Db3yppjXEQN6ZoEw7muPsIidfamXQletmmelJYRvWHRAgovhd8MfpOzN6crWgDDRQzJn1T91USOS+d6zRRhPtg8Tr6V",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rMhZIQ9RaZFhk9i18l+EYbytUxX/Y2wiMaewdWndJHQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SQJP1Xokc+fe/FZTxsr+QlCX/TZBAr+Z7ozmdOoLKdnc40QZ8Lcw/vpsxLO7iqI0JgUXlzUSl3gQQR8wPeRinDsNYKXOk7Xnc2KMHYSzvER0EI07h1fGbyzaN9641UvxjwkSO+iQnLsawgNav1oy02m8YTHw363tcSzeEJSCy4iHCiGVg23bXNFMVQquAb7Fyq2YLMA2b5I8usglV272WSlVyTtF+pWW7VYzNxTigYfPX2edzSasG9s0mjQh5uEIDI2UKb3EpZ+5cNku2w95ij+olB6Wx/ZjcW2uWA0yykfyPUuYqo2pDqlDrMqbnGey0HF6hXN3WSyH4PHjwrE9pT5IaeIRlAEyNJhrKIxQ1L73mWUTtkYZrasLGVmdbK3EkF95veNKwazT+VIvh9+9QJBjoKLAHuVh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rNMzm9Y1LuTbpu4x3XP+XA3C56CnemHbeL2SI7Z4k5M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KXPi/CEFQkLcyDU6sNX5B+Q8WbZi+bd4Kl7whDg5k4V1+jGcyNIqBvGLJxxtUKWF+9M2JuuYahY2r+qHUrgXggBMHRsAuuP8zuBncmB1Mf6bXBeZf1gAcPXGguw6gDfpgx/IRgMdXcLCfSmnekG0OqgzgzwDaM+QH/8n/Zz32q+RiNgbpWwEFDYu12sX6KXr/iTpspqQMcXrftetSIFiwWD9sg9/zRde6YV5DxkwJa0Ly3yj6CucstV7WQ+JoD6CnLcgJ3PPgBmb5Uzmi2opk8v0wdPwgL9IRRuMhhRxmifmUUYq7tmhwTIdvMHmuIAqpnlACcyFll8O6XwCfHkNbBXs9F4pH1yR1AXwrrmrlbGOQ0TlR8b/TN2+7BMmAwLuXobNdPNboPNNJ8op+9HaPVFRiSxqC+6u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rOGWS5IxVQ5K8aa4TTUx04zd4qP+o+xBp/MY5R6RaWg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "silN5/Fd1vJjJmXXoDBXtzbEVeLnXQ+tuqQFIg5oPOtmoi4N6+KIaoF8CGARyWcjseERZ+wY5Yg/XdP7AvJk2you05qU+2ud0sLo/3+Dm/0g0jzy0AVWkFneQJg47UJiF7jlODKcr6fYHX0lys8dDxkMsYvJAeUOmrJziXud7HFZMHGZCipdd8x1CfIxg9fxEZuT8BqBJbEuEhElqT3H1OIQH8an6d90YnfxuvESLH9hjHvXNFcAtPfukEBbclHsgOniBw0ak/cI1FkBjA/v8/9to6ZO3N01AfReT7SSaCGen+6arlttvMjTQShRkzadFmIMX8Oa0hPUDYGkckCWWYFnRHh2jAiRqB+AlLYxdUdXKtTlubwXOjbAR2fGcIwoMa9otmnmqJf5FwlmmROwMrAYoIekM6iD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rOe67uqrk0TzkcC9OVa4Xlaijt/ZCyDyyU5EUgfDib8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "z3h1OfBLzDGwhLIs8PjQUQauwwic0iVqahpRVzm3fjvLiDM0JSrckAmSZTUMzbqdZvBw203uCZqUSnycL78495a8dSmxyFoX5vk2Jw9VshATAicww36yOzAF0ZwY5k3TDJaXaR/TiAlRTzVjHS/V8jCTLPbYR5/IgHzhnLT0ccE1SKtXs7QKJyjg7uDuGwPVeNr+WPuRArvrJxJLgQ7y1E7UCIRqqJjYvR3b0JMUpW3IADZ7FB12Hzb2pyq2IiwXOzE4N7m4lYM/qdKHKkq8FJmGF6BpZcI5rtFOfxBkVGOUc51ykNRmDTFKhNQy+YH2+MzVUcVqTcffQGUSQgacDsuLD1YKoBw3ksKedfIcaBAvqvPCh1KytyZkeG52AjS0LBRzaNTkyvn0NKAzYz5ZQvuY1xnXstBU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rQD4KLMhVhFCtE3m+Pg7bmsBoYjWRr3Rzc9+B1rH/DI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cR9zBrGtCWiBhzre51pC6vxhtYQtlck4ieT4kmPomqUtZYJ8yNQzMPgMyMVwr1JEmLlylYYZliYh8mX+lWj8EkKi0bxeFAuhW9+eGR5MeYwKDK47ASZJzIvEPt+ia+J7nbbrBE6j+SXCpZM0N/wQy7yHkvY31HBW6iicrpdMyBq1AuAHBuEbMPdfQQLg3NknWuWiQyBJpNiwBun5vJEJnkVTwseacpl8ydUn30TmcbpFohUcQ3VNslqfu6P7v+e4V0tW5HYiqkFZVf6kcuedlQPr3IUIDO3Andv7LB0jM8oI8XNhHKhfsqA1SwGcnRQYfTJV7V3OsGU9kDoKiGAWmAQDA+Tf4Kv8vcuZLgMPWKASKdfJ72cNb07Ge8QOwVBQXb5yWsmUYXDIe1oJlcE1PaCdOQS+EABg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rQHAj1Tb85kFmatrmanrSpPhfWCA1Lo4tXih9hK7yjE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GSXNbyW0zxDkE5VzvMvnkPvasn+ROnx9cEP9c9ZyOV4h/JTH7kuMQjW5OBFsxicOcnzMZNkRqJL78XDJofyGMpU7WvBoT99HTFJ5d7lE9koto7+EpiXgc6oenA8eJoMVRqMXxVVuOziEDEe/XMxHPftrV0OeFKenTlAM2o6nKlJ63NVMqqciPZk67tRmCopfS9gbubi1eTudbNm9NV7e95ZMMXYMXCvKcUVyc5RfbKU1Dji2CETLwUhEEpcuEnj8MCEWcAocop1HJNaQ6BcmkAmCkxdezVwxgqW5ILqY/QAIG1+u3pNEPgglFfu01yEAA9Y2pfjMl++QWX/ZzAiSo2wZu7mNgFbC+FKjH5xxk0jmmYc/To5ElJx0RyK6gXHwP7b+NjraepV+04K0CXYBFaXd5+fsvA7z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rRFPZhKWtKPG0RGZgRGBjXinwJjibeolLbWvuz5UlT8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YIHxKPDavgg2uRYrtyUzAhJT5Xf+psaOQmhBOt3pIssNufE9UEk6VJZVk53bfh4KN7/ovUQ9lbc2KsMbhVLdA8UtVOqkVjL6D/rQa79OuH+9HYTiv3UiGd3YzZ6wf9vn4c4BGil3nOQzHa7qI+DZ7oaOD8bOsvFHXOBzfJH+Wqjt7uxCkcygmszfpw6LnNyK7xViySsmXoY3A6+x31rWp4jSHJkZJ0J6368ttxSMsR8wY9lKUjCweOQtPx/u/tsA/mndh0YZkAAtsh4t+DMLs4J6WlIJSwRXfFb8pXWFJYj+7ZPXPkyoy5YN95HZpuFffLHosJ5NgK4wxHbQPi92zDQIoVxRZCJnuj3BYZeMs4kQRITsnaKzcWA0KiITdneiY3/yAAWXyrUxWpL4dN4gOvnnvom+f8dW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rSxyUcsgE1rC3tFRQtbR29x7G89untQooEgb8hwDjTs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5fHsAB1pg2XK4P5MopiaEAl7JjYgpHdBjBy28TI6U3+aEtKFTGrg6qgi8nVQvVLdGkmsPBX/MyK28KFY3aL2PNexk3FjUDePR4XtiPeJqF+W5cmD+nOmmT8Fv1ATlUWGRgdsxD+1Wwavhy22+Su6KPod1SBzO/t5JbSPe/uA1Sex0TUC5enhovCEWUjEu1WylbVT0TcLp4Dg+edhgh6GkL/fJ9PenWbA8IhCzwMMbwyzqaISqyqWiOvv4H0n8TpqDR/HR8OHIXlbU39jXFSpLHyuIA0s/ya9i+J0+gQfkBysb9w8tqS58TNiiPub5QrhitP0AeEw0aRhXGEYCFIAsnVxvGZ6tJUHhsg2CKqGK1/XldkrmONsJOkbz3+zS4KpREmmQwJrN4lAwF+LyCIplMzyt2mWUOO4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rT6QQGaZvG3yJcyWAGylzqiFDbs0U+4U0Jh5W33mSWo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pFgpQIUGp8NUiKd0GaKm7qX4vvTxlbuOrYX5VK9qiXZW4ekmgYsgBGIQr2cPH5meBzNA9C6mRolJKktZE6+1xDK5lxGY43GeVTM4+rBnFjkkB7ENETR+YH9UG0XwcEw2o70rc0YYJ5CjgHieAJDqKNVXHXgJbqG+P6lSI4QoIduHWVZ4DgOweQSQnA0XOvRBzrdFlnOtISi0UE3BJO6FbZ+nkOni2AetBx3/g6FdSsoSn9aCxT2lXGF+VCoiAQeEgrHtGkqnKCTlMqDK/iDSOMB6ao9Ji2E+xWCYXHMqTtZWWiUMDIc9MONWg5kFuN5KlcWpMyjs3rQa03OwcqsXGeIMSVsE1Tmv5ARIlFTdMrMAVkS/wODnDwxfBo8vmpQlxUBB2FvfrNZd1PUsuuAk9fgS7CWIBIGy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rTONsZLtxY1SAYeoJWMxKZ+Rp4wqIN2G54vB6bOXb40",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "U9L1/wn+C39UEnnXFlH+HeSYlC0Hah3LgD/vYlBRknbpTG1AD3gfsp+fbIbRP9LfjAoM6qBxYG2gIN4plAVssBG1HZ9Jr/6sqqhUqJzNXuZNYvqM6hr5TE6st8kVIzRdxLUbQqRBmQAkxhnYhmXlhOWyDnJ+Qp6CLgV7ON8Nwiox/veH9zi8dKSB2H4sfZgDUYUBcCY+zTOao+3PARXZCyfXWOJ5GKtqNd15I/x/2JjrQfYs55/ytt+wWH5/X35iFN9fmiDTj4y7+lNPesRwf70sx4Mm/BNuSuKddulOmoEHeE93TxpTybwNyKNixA4St7GcsRizaqZMKM9vjawLtXXB4woIbjJfyh2YUIHkMzf6abb/opit/hLw6JR+6WBkjedO8SzXaYTM1w4CudcOE2qeAAg9dqqP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rU2vyeFRYprVhqCM7K4iUmmxpCq9bcxmaon8jzKqMEY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lH9QO7dLdofewWM9Ndb7hicLZJ09JLmHwZNIQ0+rtj8TxcGXCbNzxFVyozxZ/T7fupIrGI56KolPgtYeSyZ2vAhud5eODkjv82leK/fblM5zEpRhgEzC18KTIs06zkawoJUe/VyZKsW8PT2atm8K+byfU3kDz/56b+94R/dQl56cyLZlhzuHV+jSqIhfH2NMU/SpgiQbnep6Yx2pIyZDLOsbfkoHPU498bUHeU1/zS/V4yXIfPQuEBJ7vmbKghpVfBRIUk3xdMyQVsgeZXm0E66+xE02KemQYzhT7N7YH7islAvO4RUIoCOFmKYLUye4+hj9/ia3yw51xCfUU6ivlFsHPZsWMZIPwbDjYOsstpZa/KyV63A2M8vvl7DxO/C12nm6E87e/J1TAKRuZi29YmuxwQgGJcH/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rUBGAyTU7g3w1l5V97jcgIRmfmjfA8hXh7/mm3Gi/HM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uhvWaaYdEuf9suXhsNdJ9NpzFEeo3zpU6QKcTyt815f01vE/ShioxvPG2/KHrb77D19e6R8LaJLEMwBC02m2gF4scibgrOL/MtO00H8taXN4OqVOumBnN3SKiJbX3DsTQvEdXxj3WUG2etIAB9/Hwt9tQo2rD99FqBCEz01pdL4y/9Mf9KqXIMkRV2VoN8vGBVUrnxBhG+wLHtmJjAGNPl6uZS/hmr5zVEDUw7xPFNZifG4ntHzfAlB0J+pjyNXFF1DR72QjQzha02xqD/RQmx1840rEPNw6q/oqkkj2xLAxY9lgxx+MYEKs8/FjihKMzQ4zNKmzEqsK4C/x3WN9sm2+8UIRBnUMR7WHPgI9n+bKFi2s+eFH0x6JMCWowpDjX42LGuGnTrZJ1k6lxgs+Kq8ty9UOHmjm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rWHCodNRqZ5ngo8iqn2VLTUUG277Ca9cLgOJmsXeFj8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iG+SAQyxknVIunAeQuZLq8JHmfLIdla8++AMC1t5AvnG1KCZymn1B0irVG8CBQGhiT/W/jiZg4OHJuMFMs5h/AK2I6tO2N249WYQcT+WR+twednPy0+qSGrvps3B8+BwfsNsVAnqBc4xhJXWzPpMETY+d9SNx5lg7W0xuTAEPRvtxWsShEMf/t+hQS2/LLziwmO6Rz8gK94RZ/yEkR/VoVJFoXEb/9CEb1p1X4pB+tVRZDwwFBnNm3sFHgmhUwyhQBKkRqH1KvPGZz+Qpt7iISDqXeflYrWRLWurvn1W30HlMxHIqQaUSa3yCmzgMTm/Pdc58+69yR+hSaCL1LXd/e71Vg0t/H5IF5X0VZczzrWvygDov+3fGrKXEB7IVxKYlM0mdst1x416C9gBpIbm40vymyZMCmFX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rYN5s3fJ/S9E84dksH/kAPxadmnpHazQG04KXh/pCqU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kH2HleOTQxFpB12oh+fq6qfLRHT3IQhpb1W/DXmIVv1m3BeQOymxb6YIlDIYLyX3IZeOyGQg0PVb9QffltS0zxZFpspnwCqTAHt+YNc0whB0n6dhIrufZdQAFaBY2IWbJnig5oekXbweKavZwR30FQbTEPxoUCKGCEDbVwNcthV+obDgFT95iLAyHi+NhL1LHUvPfDah/3XZnEjtJ876xKIxEN8cT/eZ5vY5jVDgx4b3HPOfbxRMotHjO0zykNxGA9vs0GJL0BAhJub/gkYSJJJ1hTSaM/Y424ZGaT/hjuRJwxNM0ZZIbJdgam007O/Ay3XcLI+QGY9ze3oMZ20SQ2wM2eCgEQdu3pCSawKuFEpU72ubg4ugjAMdT3zF4v+byMWhmiO7Ht3OyeONIXRqW+Q8l3pFp3M0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rYjnZj8wcuT4mKydvqyiMUJ9b4uIevVcnzXujmHrhKo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LPrSiLx+SNmTi5iIasYjHJP2pLi1U8HdDAwrKucVSrFkQpR9fvvM7o95JKponHP3QluOieHjd+W9q9HP8hjbCUgM/18cLVPx78W2MDGuXGZbUKtWQc3uWCovfAFutr0WUqm4tPyft3x16OFkUeEUXJdZQmtaOefN2wsBGA7HQGScpDpjV5sFYc21i/Cf3z6E7aFdvDhnyYqDqWiTqu6huU1UOKx67LKN3tWTq/56tkOhf9OKcJJ+8kXn4ESV5W0isbexqWlr5VimSCTtyp+1Bb4sBu5p/u03z9+tbSirf2TBsqL+vgBtaDpL6jpeX18onB+/79HtK1VBP9BMCTh2AtuIc1tPnnUXqTu24wsgFlcnYtcJun/aKJx6X333lheXyvz9gyBGJXzsY9KZ3wrqtISZxySnDlZN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ra3MP8qznEkmkyjW26PLj1/96SpOfnXYa3/O2/qV9eQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cBFWywkSV8YhWQY48BaxVgk4HL7xFUklfgg03kRJlYjspnUxuzFiWBe+EgBiVxKJ1FRU/4cJNuZt0TlMwSxAbYmw+tUiQop83J3kRzuPLM3UdylxUm5VKqraffJMR9LrK3kzs/6Fa8M42jg04NSZPDUr5RGsqy9xImHHxd7/n1zfyjlz0OeL5ySYXyKlPqYRl3rjQWSLPyx+txKwJicV7efPrvuXNWkhvybXGzMJq+cVv16gkogTJV4JvuTZxtq/KdPMOTxFx6F7gowdEFXsbWfUQ6X8hd2prObQ+f9zHqvCevh4oFIRYw02KCbVa02Qfj0pHxCMia8JIZCE0Sjj/1KLjY+AzuxIiHHLnCAMjMAsCNQsdfw419rjRkD+YuiqSwgnA/drpfSm307CP50n1it2h5yXvtXd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rc4QaO8MDOFH+14HnouFgFFcvMGYh1EXSJMYExU/LOA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5U6PS0jj6x0FVSPWPtjGQPUgetahJOUMV04Q1led389LRhZ0D9D/NrGjuxky/yQQtSxWtQhVmgVkiZFetRmk9JQli7AON1CtfSiAepGyOdsdcxmGu0Y0gV/0vxE58/CIIeDUD+nC+4jyxMZH4YNrYKWJT7ZJgvn4IjGZBqeBsfYZo63YTbiZchBhjdKGIVBJcUugJl+/oASVdHjIB1XkCCYc6WQftXxkYMH2jjY7Uvwrov41jVy3sq0eD9MA4+BR62wnjuAOo0+7i0Nc+AuEg5T+n3+G/S0pkeCcSfJgMJoW9ZDkTWJ8xwMLAqgs0w+t5xEgFpZeIeKcLoAHoP182aET9Kb1ZiwaNtTLsbxonQC/dq4C9pAFSM5LQEUP7TL9GfDPk8lGUN94ljdZF8FeHBDtLNO3tWEr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rcQ9Pt/ylpSGklI5EuNw5rk5RaMGFQ0O7hst1ogOvbY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9OtBXe8Vg0zUeoyKK1ilEcXOUhgPiGQgb41tazk4VBa+YGN81LG3L4i6M75pauj0/hggq5HVxvLAve2ifd3jvD3bnF/Avfzm16AyKhfI3DL/YiO4ONZa7HRv5RiGH+gaO5ebkbbhFoTIEcPUl/YIWn1sbt9nRGxD6GA4GZBLeRZSxYCzOiVL7JodpWcUZeUwcDNTwLaj9aQ5jg6ortbEfd9fzKiSkZyCljq+B5c9tcRdExgOs5RXDKcE3Kjs6C9G00/xE4CxsarvlDzl5n23PHOzJ0CRVgsY2zzCC4GO8mNkndaijw1I6QqdGS8qcLZlbXb09Xk0wwSnfYKEW149GXa9EBhWT/gKl6Jc8HzR3p9iTOfIAtobKEpddNd5WhM3S0NmcaIENZrw1pJUWpZMzyccHESq3zO3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rcVXTsmrgraKpmQIWu3J9OezYtm7GLTqQ5dyEml0Sg8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s9F9xrCfcTRucCcwc//gAJ9Mk0BCddntMvLt7ZXV9YQeUiiKtpFVvHoWKNOr1F7Eg++NV7rqqTImaX/dVu2a8kypX1YPaZB5WJclizlhYR7DBnUE9BSfDrUlYtiWwl7KtqGoDDvpHqEn68GqFnnHAN2fQmOQyGN3bomoft0BKgHe8nqOTdatNXrFA/SyMs9PZlnhcBKBBsFrvPvaqHgpe2VhCHjSFm4+XXv7TEiEtBTcHhZj6UeNwFRx65x30ImScUK+SMoOmve2HSPUTXO6Lt33jR7nWSufuAJeGOd8jTjKVzPxPRjyjjRd2INVHY60Tb19u9iCSkGOR3AdBC//wIjgtzErjF+4YQCGap4T3+4BxLSNGxtsgIiWEKgVk16v+cxOY/BE3U0R2Zl/UxXHp0C2bN0QY3rg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rcz6xI8wZoJDGcmKqRoxEo1o+Xr2KK3KEJ3K11ftaxQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2REfRqSQCp/oCLBtVFiStOj+8WfIGVIlhHu6F9GCjSRFd5OGd0ye/vk4vbsaWtTjcWDSRFmRdRYMv55cZssdDyIjr0x0dAtX9Mzx+37iEKVZYu5RsEWYB6nkgiC8hFZBw4ve4MkiEcJOL3YRdSFODp4qx+72zwm3QefRSSZNO/CZ/Ye174F0ahurS2fPzOc9MsW7oqulEnkv0+vkhLIDMfvT7wPA2Wk3OOqm1Chks4NXM4gyzTCbsloN0v0cO8+IvomesnwM2DDgRuyWbbs3Zc3v1wDcqU+DoMa8knot+FbtcqhHIcVwnd4EvM17v6vHT1zoLyNMFzbGmxALT4RgHmiMBPvDv40gnKNWvc3GvXWLoxnXi7xE9ifjEyJm6jReHYRPoHlcosbXQRp0qAe1w/eNrEQLGIBF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "re4lUYSVOpNn/0VJshznE+mIgAhXlJSGs8XI8Kh55uo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yv/NDl8hYdkHcr0bxhPbby/0agr8HFf1YyCQF2YKGpYJXcK7TWgUVculpZ381uxDLCgP4tBfXaonYE1DnlKRf5YHh+Y0e6yinNi54cMCWCkDsB6/VUwONe3C3s9aIMEY9TBJOdvqNbGD04ru8zz0RswvnuNKIDrSTKOW1Y6nplOgSatHZJJgx/FsJJ4syZoOJmdgBWsQgFCLjbTsPI3txTVl1qb6f2s5OiKSC0ocPG5PLaLn7ImkZcbyBgb1+0TjgP2PpgEsWc2yTlGypx/9+cV8bChgwKEwOCQpbpwiMkSj7Btll2rsdEFwivCQpgUWXIiHRfjD+NmD4X3KFdggVnQqkE98OuAhauQOjIqeteIWwd6xym40K3iBdxewzj43aB7QNlkYp7ZWDX2Le9PF92ukLZKDmpgR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "reMYfgHW/kMN5QdtaK4LrN3dz7PP61bfYq8qZ7XKv/k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sB+TtwqB/1bmu9wCaqwl5WO5ejFHD1SP46pX2Y5/xVYuH406kWcoThJScc84KZn/7O+uLVmToStkZ4CVnK3RckafsBBI5h7iwVDll4BZ73OJOmnhnq01DUU3KV34k2g8/OGItqhPIk2auI4RN+PifpG8uECeLI+mLZ7fpHktRrzu2rIPKvvxn+Lsl66ba/NWeqKHwHbnZn90EOWN/y7cF5n/h54OKu1USCWL8ng6hZrU/G5X+phUUJ8dAPT4YExBl4vmYOdV2phYzd8IfDu5cBh3o2tTyHPo6L509/d+kbCxuTQxURLHPRASmrdP/oP2LWy5xoE60HmINKifagZA+TADBvjNDz8qRPPhIEdEPpEhpGCMyqGD+72WfQ6yfDFg3TeTzcQ6XdeSRyPTb2nlLjSA+uoUCoLF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rfbywkSUe8zUw2vpmLwIwnpwiizKrj0+7bPP8s6kT/E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "u4NN9/X2gxQvFLca2a+VA9BG6NCR3v7rhg1zu7C6Mw+OlsdmfxnNSII4qn1JqiGKfqxcJ2rixvayz3T4xKs7AFZTlUXcC2eAXXS+ienWNETsQO+N4BW4mMlRzhbDpqFgCw/3UTAMshJHCpP+b6+1hIA/tRyk4V3DDWLSm44Zs4OGdydJU9lPnEKJB+1A101RNJeItU08f4ltisz8OLi9hsNwfnv+YVFDQ8GDjQSeHLWl4PureBg7Oyb5i1q1wCGAWiiFskJllig8T+wa3WbFMkQvAGQieEUpUwb2xgQTsjr0kyHNgIOnXPQdpbA7RLnF3GPs9SewoDtdmLzGJiCoUladHE+OIeVdL5g/QyCq+qzwNuQszQTj0S8lsswEDSWA8T+YS33jrb6TVHDjraToJxEJdjwmOTMU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rgH2UHdHEW9l2quuZ4Mvfy8n/K4pHleUAKHiGYih9g8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7frnREX1tX6spM+qUgeyK+PSjarGXkCKT+06XxURFxYR3PNOEM8kO3gK3hgAfhfXIwuR7iaZEjJIC/S69an2Dyx5z9Gi6jaVvdtiWUYSEST3vaCxZjPcAPBGmtpkA5/FDkhLs/SjE5rsv1nOJ7EW0IhytIMH3lwCj9yyGt4WOgZHi8iaaWM5ffcqlzsYe1OiuIhJq/ZJ1cogC3/q4WIdvH936n9rpTI4t9rN5q6bFxlpj+SQC7t9N7xpvl1b8YXRsad1Uhd5L3uXnQpEpUdjbcmjDLZ6VT7AUeiRSZx2ZEEp7ZQ6E1PXQ6A7d7qA4d0UMak8Zxx0rV9o2pGhqa/LQ7RiWnUOI56c5Onm6kBMPkG02YworPOHM+ohLeXZqbmA5SftzCu/Td/K/fShGmk0JBpJa3+Ys+wS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rgdKcGsP8VAEQTP9ALTx1xlBZyzAtd885z1YLOoFZcE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bxvVERdIGnCld+mv2uVTGyaxoXw+mTrJl5jqljjhTZ6kPNjX867kcU39XjnKzbtYF98drwF2K1BxbAoqXbeCJjWO3jhelDTECq5rBe33rmQvmhF1nr9oQNDe3G1rIR+7lZJs04+PU2M3qB54LT4llLB9h12Q22et1gBidNUdvOjSJKnnvkquNERdjBq2lUsohqfzlqIqjrfYTMa0vuHJb2GOpQ1/GMXFjgyRlTbXS+ScCWRDUQ3egQc0qiqoSMJ7kNpcorM1dMhghUQ+Xb/oCcc6JhKehWqcPHXUxWjv5VUxtuyNYHkbJNi7D9eCR5bAvQwQMH4t4jZ9gtT7uKt+pl8UGWQJUFBKPnSzndj6zcSEqXr7wXDfmz0DgVZKb1Url7Zyza5pH/gJUyFYN4CDMVnkDbLaCP2n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rj0pbGuM+E3K9GEs0HSFuiS4H8U6VHGuAvmgqC0JFOk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JVz3H0KFnVP2T6CeXmyL8PV65bZzX/BoDLmkzWm7sx8uCl39UJ5ALOF0xa6SxcTJCaY3NpcF1eYBH+LT+xx/BKfWcfoahAsg2NhnYQV8mVv1U8WjOpDHmdxXraruUFGWT1gc3h1dBe47R+Dc3z07RaQC7jN7hueLrTpylcwdtYgAhCjV0YMQwPH53DwRg1cE/o31A8noAYJAgwR5Pa02Ng88QDMpCEXHGVO3IfhX8468zs4IOv1D8dzhvTWT/tGJFJEUenepEhtoLE8PxkttAOma6OQjzEjhJ3+lEJIH3pIDymOnv9TrpALNJRP1TtOZElBRMHmP8xIsjzNgps+Ed0UYrYkjiYIBpPemhGUSwc6fvJ9Qtg4w59F0aGjzGwbShZ0U0YgbirRWok21zH1kwsMXBTmkl9LT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rkTePCvj52paXL4AQAdKJjRkMaoC84yGZ6vff9Q/JGc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T1QWaLduZW7Bmk7DorEINquSmcYqRWVvP1czAFmANXqFXq49boHnjyPfV2EqH4QYDWSpV68x3YjX6a3gKTJOKckkMWeMcngI8JRStoFn2akgC0xpbnYhIzOkb/I6t58NGuLnIfC5MT1+PV67I/V1Imgol9nCwfOrXytJbjSv44Z7O/h9TbfPSHt9iR0YuHkqnME/+tTbd/FR1WkGQzvl1EIhNtOyTQgoDmMkYsYOmP192Y7zI6GK9pYPusB5Xo7Q36GAgiXS72olAX4sMd7lH8Zp/M6EtyMQp7RZvUFZ4lUZ9vTlLJBWUcsShSG7gOYdERzJVGIvjs4DaudU3aQ6vAiW2808MEuXaws9CyDtm6eWlFH/4U1bewdyR498SLGm5+l6tlDda0JTzsgpDml7GkXOo0bgkkZa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rkp2q7CGPNXeSRix9JBZh92tmG8/rSX7hdP6XtHfXu0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gNOxSY5MagqSfdu1CI/kpMjTsMnPFqXmy3cnyrngGffVvwem9sxdouYyOGEESxWuA4WEViZ+nytk7+6kvlxOO5l96QtsvgC6jOlTLeWylRCcOxX7NjI6djcJsCK2zGkvsafewlmh/ZT+pygvv70IiuFrB0Rq//Ix9Jsx2tpzYRb7Gv0LPG+Tt/J0m3tIAuJAlnNbzIEjjSfR363MHmKdS2zg0dKcRSK9zHcKclcxQUBEpd1QAwyw/IWn24ZVp5ErZbnnqxHzDJBK4rkKrkrD3m3RMxGK4U+CDdZAhK1lQzFkZsSyFVrVMQ8WydzF5ZrE6kdZKwclsEoVXIHBBi2ouYxB5zDcvrmTBewmANDnWMLNDePtdipPUf4ZOgfewEHJFeMbs24fOiY2Gm7qNGaVKOheaHU9vXJg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rkpGlYugrr8TlFY3ugmGXYijbqVorZbtbXwEfhpLiKI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/baORcZ14NPe3fOVlGRNUmU3yzDD3BK4B2AjQvggGrtmPdsK3db3D57u1RrWt+T9ZJPFPgGlw0YeQOKbHJB3MVEdY6nth2J66eYUKcb2tTiTmECee8Cpor19Ep8IQzouelXf0VNa+YgnAh9tpPkQSJJ3R+mumwvLLjywQlyiFZO1fxPeT+jp/T7kTLXzXtup3PlSPPPb+fgqptAajdyf0KCAH1xE+mFdk7QL2JUqmR84FHJZyzvZOvGvKPfvP3nO8bzVR1RlqkUAubuj/LUVUYVAHfTRgoazWpaonrKX7KaZh29gqPjfrUimUfQuc4w00OKncTby02mOoG4vHpLCJDiop98Tr+rovXgEL5LJ5YRsDaEZStGG6ZWtlCqMRKATZiLEUoVGr9Vs3jKLqioyg1fd6z8/l+8q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rkz4MNwHjAHQueo4G1PLXUYseFiPkMmzRXXSCvWGZGI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jitUeVOIHNs4DYeTvfu1bxCpvGucd4i6/sg7wfk/vGmfZKomSfE+Mkwf93WdSIq7yd45oJgO87Ngj2tBLIsLoXb/l4Vna8yuqSsEJMiIo2hRvsbH5scALxTaXYgGFJfMZiSpz1EQ4LH5QVN15hzP1BtI1CRXqE8FAWTLVjIiBzHPg5g62USo+w/B8tqlCHBjhXuUB9Eow33n9yPS5Eq/Ns0q1152GqzjmqI1U0AtTohEwDwwzbGXQaSa1p7wNnLqFCcdiA67fwdpa42dfUCV+EyzpNLyJejdn7VNTrIcJBUsVP9CHX/HzxAjFJ4lhZWWK9bGm63DFUIzBgvLshymksEgiwCq/dSThx+JCRWKj1YUPUQm/1+OctDN6Lwka13tb74Nie824l+bk4hYu1wcsw2kPnqiy+4J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rnE/32oPRO59+IF+nRMiuFfPMat9RY48fyI8E6s9NBA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cyVEryZ8x7ImQ0+pSi6wwNBwxTkmTX4yFpjmJSfCEJwnfXN8VVnmi7FxJsPPwWcUIBw76WcZZMiZPuOGAFViyEC9cvFeT54yFGPBmhGCDjBGXXqXR3v8Hc4WAAOreaJ30TiwaVm7cX//3p51xEytgri0JXWHAwVYgcMCn1nV2Qxr+k6SUGR3LUEVppobNujfxXkpXwHlqIwzTcM1mpO5rVFA2PqmMVZIWIkmAKzHqEwVSMhGqMrYc6j2VNs0bH4ZXSSBsI1IGuk/+FuclNFNXkyG0wlfq9AN42O5ZIziadskBmDwwd/oYGLjGt9oASz3YQAz+My4Em6V9di4cQ3PqdZK8gQnKqDsv6jspmyHeySjkaW7PaynsSXBRsSOijTsBtfsz/OlYl+9TmTvAUimU01RaAJR8mgM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rnZ/6V+Jynyl8YpABULV7SczN8JdVjLl9Sin+oettbM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XEPJBGVVqT2Oy4FnPn2PRY+Y/rTPx2DVpCg2nxcUsKJ6MXsOsIJAgGpDZwbiRIeQl/XU+LR1td/mYfIwdPGnkztjOwE+NWkAsEl4JtWtl/6Ncy+jym2egvWzBforDmx7mmLeptZiT8qBnlSJvRrgQOTwPNzjiEOuZA4qbUKNgZMtIDSBzLfsxA5B5gvn1WmsyKoNqocNYp6CAq1pdhGAdbmWvDrK+DyBkEpKFFysc5BwLvBd1Q31ojeBFbXF6kOb0v6XVDbTU5IFvTRm/d/W2mjpuzj8f8GGls16hTh1cxMD4ddOZcLo3kN8J5mp8lMX+6C/+mxwFvy96VGej6dM5sy0Bsyd+7/64NQzF15vajTMXhmF5pCNYkkghqfDgh5zJ0k8poHSdNN/q6USIdtK9RhAqD5BI/vJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rnasMZPeWSC9Gs4hmXcTcT/1QxZ8xwGG7KVzIwAXsBQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5sn+lMLHbLC+lPxhiSDFG8D5sET8rmXwhcK9W610N4TlthNxmiOxeBH3vBKbbKCu5oaZXyzrOcSoN4Q2REX3Bn4mUGJ/wKaqwX7vwJBZguw8alz9rIm/AJ/1uSCcY+S8AZks4YWJamIFFivDgMJ18KZowIp46swReSupC9xEDSgTGzZh6NrPlyxt+T6JRYQ+jXPNqKQsiLQzD2AfEmApNsT749IDqz7mIawYkeAuZVZjQmqwR8Asvq+nJydpISFQUxulYIMeL9jpJfw3jWyylsHkFRZMApJK12VPbdLSGYePPELNDGmZIQWSGbo7IBgD1RZe7c1CtZ4VMStDXS4gbrARjrKJlQdDANVFAdWc9rn0eXdZzDEW6hBXdHC5D//q5YILwjKUKO5llJcO4MgWlRG56Zx6yVV0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rngVLhd71d85oA+h8f/M15T7Cx6kW7pTBOJOgt4fp70",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WrBVpfNkmbhzpPCLABKldYYKz0xmW1stAcE7GrOwLBS+OipD0DmvUe7x7up6+LYnCWfjP0BU9/OgXQBdrJ6yWeOxF2Eq+f4ZXKoAOsODWJ9jp9vTvCfzrpva1edvvE9PBWCD2OjtWsf8zGyhZauRv14lE0ZCzUNG18CQCQyX+fi5UULhqSm8xo39ZSH53naulhSQqiAvpZfaK7nIp4nsiy7QZRpix0tOjMw0k2cIXNGYbXXGC230+xetkVSPRjN/tHpkkQ6J4VuwHffY3/cs9L7/49Inx7wB56izr9cqsWRZ48ZyvKVjpRwif93hm3eur05zX3+REoWmSt732WdNnrZ80RwqNrsHqJuHCy3fkI/s8zxgYILNo3Z7AT+Ia+O+5SPVQx+3yvEzgS02A8adSX/NnLwXFmq/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ro7nCuy60B2OXpqB14cJ5Uo5eciJyFj3X2VV9scb7GM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9VQVONUnYfkjobJp6y692FXcGOvGP6vFNTN6mIwXgzf9Vi5QQd4cudT7ki5Cur+9mGgXJQ61/4LY33Jv43uPmgsnevGIdlAQ/RZzEAbqF/xVlmEiOzMtCHcEpgnNhW7Qk5r1GWKRIAYU0LqLenWWdUTHIH3gVHymd/OAhrjyIbgSc2nm3QlrQHmHMiH5YzYS1mV29fgpdb2iB5BReo8jN/5jA37N9MxCj6DAxZBuDcKoA6x9w1XZQxYlvh/FeHWIRuvsuYCMgk5R/YtEugmPXMwBwxswTOJmXCCp6TjLn4l8Lui7gH88EVJEasnt9WXuMcA4XI04rm3fPRaucqGXyJULpwkerfXPhsKTHJHXmKd+3kY55aI4OTQX1Fbud3bpF+enfjRI0VM0tZlCIev/xizta9U0TiXr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "roX/Cfalt5Nz6I5ecbD5nV8oyIJ93H/gqnHgbybBlr8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "R8UvFrkPITObQQhQ5XhPYL43lcSMpTnQBReZ2+g6Dk6/NiqM1UahehDy775pysFqde5c6zYYsMhM+329Y6sdrlK/tzs8qSXCpu458GSBR/MW8Ktt5sNTgrE43FR6gD2ztcxLxpiQsDktO9/u6PDcaFUL6mP3QLCF7lB25dtsLx0GyfFuEMXVyLDlWt/2pUkq24hdYMyLyZIuorsxILwD/Y0KZ4c+6pw4bRyTADjO1yxRRs8mv8mHIWoP7fc006Poa2S+c2fBV+HXtvVXOc57DpXzjodsaPEPq7G5WXcbxj8uZMsTuZJ1OjRbxtKD/pYkcO3u2QBzPnwszZbfGLkHuQ7l6MBLMf5SLtkRm4vSez44r5x0o+cSq0BXgAENXl40qbe21/8OooaQorqY+PH6R1ZW2yrFuSGZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rp8qAbnEFL7PVUl08o2nYeq8U9tp41rsea9OUdWR+oQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FknAhgxeDAgSYcuG4vgGCECb+wkMT1DELnI3tqAe9CFNhVDOifu1sYtsbIoFh4Q1SbKEwiHAdfWj9Ck9JdP3QrXDuBrm1ishBjI++VVTiuH3iotUlRvyTBkk60EDTBaRgw2Ap7Af9aBpPbN9DhMSk2GgZOxqqqMEY0ZXvFOFXmIlgZpOGAnSuz5JKF+XFyU/xNwepKQPapnyjS4RQaCpVyPbc3RGVsgqX1blG9vFff5LmthjlscWZcKFhDL/yeeoLAP2bOMT8CeG0MfpGIXgWZVTEw86DGQh0fktvvuKXXR59f9OAgZIvXHCEHUDxYR8TvVd7EqL6xpDutwBCzmmwqMOxV6naPFHdVe+TCkjjHeI+OTiNux39Lfn3xrEA4g5DOTjaLcM6/ClNUSIYwbRsxq2CLqMipJ/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rqQUqI14+tX6cjQXYokJe6jy0MtZd8dSmEUw9hwV50E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Wvhgr7SQfYyjz4g2ZlXaExlmQNL6/wol1DqpffupaJyAQ1eLxx491p3XQIN64Upyif2EhbDRUqZchF+HBe8WAm4TpHJIe9suTzQnwGXADlDPkE5KWYlhpHsvSs4xPi37yEFeqKCCE3ALAks+Y5R2cONW5mXdGp/JRChwdP7E0csl+DweKI+/Ej6mRxhrQ6orYoMGuwCNhlbkP+cqzSWoiEFK5hIX7HHvNMmVl5FROHMuSC3rgxRVPs90jXHgijUyimDxchbwQJm60gVbluAId0puTPtDYntCRZwjaweNIFp6hUdJ+QCKIZD8GknScEYhBL+GBlI/Vrs4Ty4gHd7ih1FzyiiZwXEUbbFIjGHanZdsPgL6k3EkEjg22G+xeUOlNfwZe8vQCjDD/wZLiLzDV/q0NBkpR5Nr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rqrfExv7Isk1eM7C/+8k5s63eaoI/TszuhVaV/vkWy8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o55vhHw3CY2z910VS45h6FUavbueJHGbE4khOytKV833YPwdlHKuJuZYQ69jvckNXAvFMbKmHniRYhY5aU3GiJQisCFbm2mpRE6IlCJp/jUPkAM4w+Eyf8AePSiOpEiF4LKJi8p5/OWnWGT+NQA8tAp1hFZbAndpj/eIj1BxKLdp3LyxEL5ruA26bLh5BRW8FcPDdMHgcPpE/9xHXrgtev8kJTdZgoSImawmJg+rHWnqQO5rYNVdBxODOzGo4Iyqd2wcAK6G96AmWVS/v/4987/B5OZiLJwWBmb89+DXl8YGzMNYG5I0gyMD2FbKY54QcvnCqYx3WGIXmbY4RrUet2JtILueNwX9E6LMAI2+zpsuaW60BBMMzRshF6aShQRS8XRxVYDaDO7fdYu5E4hXeJAmE/iDsZ63",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rriwvxeBYAMulo1onxVG/n8Qq2kSjSLuTv0Ow24I8T0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ExYq7jFgCbjJLAh+rXgGh5+yUl/JiS9VECNqxEQ+ZA0c7ygUY15yyGjwbnhMSvAfzusoSl3vkZgZwPdJxOAyG9Co4HIc9JyINJ7vuy+ZQ9VefBufh1e6kRe+GQ9uLTTPmOhkN+e++DHFHT41rwIpwYCXGyEcQZ2fa2eZZHeRIe+dmsiEEOs28F1DCx77fnYZsSE4k4xINd7NLZ+nip1F9kh0dAfGqVk5yxH2mAAB9AYGw3fgGtguWIPfzeDKFA1T8sUqUzTyWt89KIG7x49sYFi1f44+moyerTEDrXrVkOOOiVP0YHPPfPMHiMKTvHDu7v8ZEf2TUnRF6vNYRIXPesmVeyreiUD0MwpZQTD2uDqHrDmgL6yZj6D0epRijPsEj3kEYqa0lOhydgH3EskQtsxMPB9r+RkH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rrpUKynmN/b5P64TZgqxL9G0+qZaxFV8I7EEKHUrno0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EO6dwXpwFWllEMc/UqgpzXilpDT8blJrpLcmuj7ZI0zbT7BhUQ2aDMqb8oT3UYoT7HzoA5jgiBpNBVeM2RPh/DNM0UXUAYSp4LyYnBxrsSSX2bkdzZelaNo23vXrRRx5FI7tdNXhjNfQIm2eSbe5OMMg5wMl4kg7do1nf3GaE3hLN69PcJ/3b36Fu84mYnPRomXXoPAeZ/TqC8xERN5oXbsmAuMS2ArvB8CMt9jrgeHH+xP9wglem5UCHvzVOBj1IksBv2d3PpR9xh8YrJcDGGxAEWzaIUZoZde3tuSNbTjytgaT62aAnoM1TMGiOah29Y2iKlaap6LZ+o1FHeBaKHhiUQiyRb/h0jhq9dyLtWze51DxIvHwzFWcIAOuMHxcTLEmKmVehqAWrWZfiTXsd8ANW6rQ6T8C",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rrvCYqN2xV2M6bFWXl00c5eQ34kyVC4gIVv4roMaYKo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OLdIavAcEbHseZiSlgbG+9z7KgRFsbBgN/LEL/vw0nVuEf46JiYE6tLnmnAhfV38XnsGJuM+XPHss2rDLS6IiY5ZmjHNJoUibN6cqP6xUGkhGE2Kyq771aN5/1W9hFyd9RsFTUtBBG/ArYSt0ogru/a3KALjwkQ3tU/t0BsjFnTIG9aOsVErcA6otFRcXAC0HH6LN8YZgIyRmjU+t0rGHK8m6tkTsJjY5cAIlj+B+8trK6Zat8o4kZlfhZa2vw5xlHaStZQxApZ+gcNINJktkKVwCFCZBw6n44c55KuAAqVml6QOvxBzecHKvk4s+8H5WJ/vEaFeXCC8nZJ3PuM7UrWUfZEnUeVJtglTuzeM3MqD3FJAN4RUt+6++Mid5z7HVhSH9TCNVWxi4NHAO9RzasZ95/sNYuNa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rrx4Rvh/nA4ZP37VPByNc+cnKnKV11mjwn0VcGe/a2A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jZCGcHcZSpjkPs+pghfCSUUv0PuRhCWln1ASHLnBQ44je+LR+j9Yg99Kqt85JBfKZX97Rm6hZsub0ubw5+PdXyuVONYuKsNBvjVzVYSwZrFvkoWbfv5pKwEJWKz5/7XrepPnecowsikPiWT5nSGu9yFDx8p4i5QGXFPvlXhQiJ83Mn0lYc8l0GOWl8qznItb/W67Uo2+0JzpguDW6Y+oy0YG+oBqFXWsod0Yv29VVYgrdqtoflmY/uiRc/OCwTkE5uL/0TqyYl8rM9EO/zdSqxD3I78QVHldFljsfT4eYUhcF/eCIBWAbSzYVGAPahzOHoBWtRD5ICZcj6onMkkys0hCPluHy/QAX4h/6e0AL84eGvJp/JtEPLlGwhDgX6o52MrLU+z9rAoS8wQC7xWYjM6gHqb1gxHk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rtASff/s3FU+RjOFB21QVGS2V1vBu+fF3C0JejH8GVE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "poZMWavt+PXMHjJL8sERoye9wgJGkwh6fGfdZbvouXmzQAfAuPrUM14GkTwNIJVTsMLefPlUKThEKT+ZOktfplI2/ERTJxcv34n3yo6GoHKSHgukQsAbtL6CYaFBQ/qnt1WjnK5/zHvC+2rLH7yH2txOuIGSVfQvYcYfXWAS5oV/FuDMmp7byksAyH/Wg+SLetzhK+9IxgcGbcpAQfkOVJaqNb5SJx3wprk5n6EF18i8OYRwluCzlAcQlRVHFGOLG+JySo12I2bRnb1C9F1XQA6ErUeI0ctFsMs0XF28ptZF3pF1QIMRd/+LJb5Dxf7BX307cPS4/tMs0nj4rtmU8Q6LqpDUL0lbrse063YRNinjFmd9Lwj4hrkUGuknl7gMSoFnKaeo4XgBJ88OCyAR258SUUC16+9q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rtdSHXoGomg4ebmHmL4WrMst06+uRCPng6XXAhmAkAI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "APNxxg4BWwRmIppIpIk6rhI1qYu2jHyxZA4evk03Hz4qWwmapGMRxXA0p35ZZRkhiW5Xl1wMtb3qH38cRMUigWMBKpizj87wqT5fMKmOnZnCNVX273AnnQyjKmX0YqfGnJZR8EYMH16pL+kNWxN51A6QdwZWCgNLBNO1AlqSLuJddTTAw5iiQI8UVA0n7nZd0aGOjqzOXFP0zbOMuckOyqun7c56oU/WzmAv1iC1QyMPNOmqRQcWC1kDQsBamvn5UNAWQbz+SCnqic7a7CbdhynZ13ovKTSpI3r9soGE8Znbr4A4xyho8MuN54sFAJnY00rLelCorDykhgjD6nh/7xoVmTgcNZQOqWv4zsheewL4iPk7G1+f9SHtxwZp6jeptwUPreVVSWH98EWip666RezI6PMs4fbB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ru8p4txbFDonIO9ZiEPT+/Sg+pukt21yRYihKxM51PI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "juW3BRXXLM6RHQrgvZWr0hr79jDrV9sQrfY59F2EH0n++snq9RcuBQOAWyAdbjwlmpMNQ0rpfTKoMno6ZGy6kbNuZErkuuxasCq8SeOxEHRDc5ltg5/Y0l+kaq4B0cmWhjVCplcxsEtii32N8yaVuAcsNXX1rk0/89jWae3ZSZf/gTuLsoUiQoSmHnP5VeWQ0FRtw4Nrdg3G9soiImeiv8TEmtivuO4ZEWV9UC5JFJ4s5ys/e3BTM6XdpfLY5s5ovZ0KnbbDh9/sohF63KoAY0U5ve8oM2CTys+zn+sPa8HC/DHaFZOX0dfR1N3PnYFdXKte7CcH7UrqAM1eyBlAfzrRn1zgZNLvqY2UqUOZhYQ6s1ZNBWaFBTZJLenlWmkEgJnsYrHhLEu4rTv5IzBvA5SLXzkLrzq1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ruWvECMMsaX+ZKis4Ca767FDvqRmLwzLHHE/TtSqss4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0NzeyppExZsRkVRApkO1EpgcNIMmGQKk2Hn4w4z086xWLV7jpK4+fsGlSFFW08YPs0PYvkARUOHCSGOPFPys5s2bD1JxFUFsD1xH2UTDYOJw37kQbooRIVbZ6efLNiVJRt0tnC+V/iT6GSpSvhPmpQwB6Ux+c5VFqHjELH30QIo+eSoxRMO08zaYyRc2Y60mnPJJbWqQl4n4zRUpD31KgzlbYbKQ2es4NE9t9GHqZT2QGpb4c/ZOL3FDXaaY0sfBLOyVm8HEvQ4/g93rd8z0BfSrXwqHY3VJ6qIdddwuYx+gdwn+34VP2lULMunDyl6xMTkskk48K0j+ygjB8nx0SfwTCR5epOmvgEDLkA4aZJvz0iK4GKZMVJs/h4Qk/UbwxnCe+Uh5wm6iYH8kJ7oeN1QcTl+1jdOO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rwIZUUdUhWNmslZTMxWYAmhZmVCq0+kfR13xq9DN454",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fkVz9OoU4HpdKYu35TMtQovsrMmWz0K9HzHvrtwMhm2hFXgFFq2buYwr3/hGtaLkbVPdKvx3g1pdEyfy2sxRH0bOcFHLwTy2V3/KMkMbb2+Noarjnztw9DaXVmXxA0XD6cmO6pOU8h6luRnRa4nu0yIhD0wvBu8dGH8iXxjuupzpVr28euQDyH+5qQ8ohLFTyJR6/I4GAXtIgJbPx2/mFLE9PCQ0oy8maQiQtP+8qEQuUGYSO9V9xTHZR/N+UGg5Of5LjcZ9A7No8qs9ZIBN8yKJjRzRCNUBIp2+6kqjlZm1VhjikVblm35uLpQbgBm1xZbNbyv1cJ1Xe0rkcGXmQFTjL28vZ5pVW7oSBTGEivXB5JUUnQQ9pAErQfd2UaF0VLTojGDnAmRKM4u9MoA/HwEHfPouJJHh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rwVSvBGdGWgqd87lazu3Hte7osGMhLvWizqVvpe/DHc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "66Kf5jAE1TshuNUb1mUoNLxuM2Hl09vqhM6kqkHq+jnZY9XWDo7OhzIMerwRSI6JqOzCUOybwuAuh/OeCRW00rqd0jQ6qLmSYgjp3gWTCDjhWfnWUuWZp71mTKJgj4WubPjHxGOJ9NOvV6G5H+VfM8WWkJoas0aiwCUd6PNcLaZtr7AHZ+DHVNnOgg7+MKsAbhh+QPW5hTCqdsKkfUzPdleFvW3fPNXQibOoRMbZsZtGzDOi74oIlgRYoLiPPnuPWh6OImjonCNO6Q111xiG8c7D/moBLaWjgWzYDPV3lFhNCh9Z9wewTuCn3/PEHsHfvR1ETAvePNLa/XI81a3kuc33jgkE0Zph89DdmNzCaj8sx/agyZcn65bhdHSDMTPk+Iz6AU6gv4PPCgP+hvmvnQmEF/t9MNb3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rwi6JcrsnfANtW6sLCrZ6xQhamDSWuBFh4K76BVU5z4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oUoNau6v1QZSXlb5Ae9zoOoDW9k4B+u52pRiN2ZKKDY0xZO6GTeyyL86U8usSAe3I8U83a+4OeAlniwXTVjM6G1SkHsbHMk1mm+f2TlyQ1xQ8wHL66JHfShghnE7X8xHWvs1gFdeaIINI0EVJGb9YgazHhVIZlW+RGNb64KxEO4b2GIy1Nak9Jg6RkN/5IFeNmrZV8sErAwBaas6qP9oFIxhlenniDRQvih1HqE0Sssw2knFVArkkO2XeyA65lFgtFuqPON8uIONsnjmLyM5OTRpWDPbxEFshzg1kaSm7Fl372bFC4QeWtBrHjhBSKpyV9GDzYQzgxoZ7FVfVGMlm8qvPtzwqzNVnrkPEPRlgLDX3Zjt3BgiSPp6viovRhJgWMatNxnB/nWWGpl/+0J52JTJIvDLnD5x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rxCjTsTEJ7vwHgT78Qs9gXqQbzmrpUAzxjpV9F1t/LY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9LdGqcgGUFzMvg3zeLLnFGdlMQ2tl4gqTLeIfP/KQsC55I5MdCQkPjVBnSWLR9j8ObZ0D2hbJ14YKj7qjQfJtnF4/YHYIph5HmGSiTtpZJstyP7lQRZo2LmVKRtGyDJcnLorfzC+qjAmchlk0RVo3hgDCkJm+PajZNHroiT/z9E8Q7nZ1LL5HPglG7k0CBABNl1SAwG8TBWTmvOoB6TV+SBc6ripiY3iHY171b3g+eGhX7yqPkqS2AySypGTKH8wczntybbPs05KduFoDEFeY0UdeXyaLrhh024lnNFASL0GlJWRcXDAdMpy3mH9wdozmEvttYTRGY7gTGPx4IWcwHerXkKpRR1VG1aEgG/yhFUzomEsOU9h5wD17upHSuZdGI7gpbjIWQH7HUXzbXdv8FfPKM9x/Bsj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rxUK/FzhsQ3PiBodl58HG9VhZIh/YQ9xAL0I6byWFYw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P+YIMj8kLKoGYX+41PL2GujnymSrPmKH9pfYGic68cNZba6hmyRIZB4f6wi6+vT4FB3iHO2/GQrUr4Ya+8N3WmjHa5zjEmW1yHndxWgzLP7dgbI2XWcNRwH/wNAYddVwBynoJrXV/vbOqTGprMTUS1PiMLOm37k47gqh9BWxdQZHj5WttYTQNGJ/q9rmtyYWYHYPGmmwQe8RvXiN+J7nke96dldxSfyQmCwgcJppYR5rpWKRC58ACMQQGOn71xV/Y1Dw7pw5RCYioJBgrexrdut0FPegDHWa/Y9VKI7PuQIgvUUbHQXchBdUDN67Enu6n6QX5bFYfBwBAVU2hNEtpoq95NtUCRMs6sEN6UBgxFKhajSaSREnWO2ZsWnRBuj/wtpB92hIbSIgftYlwNY5Xk/4d+7imAW/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ryKvtrlRo1MOeJeHi5LBQuZDn/+HhsFvq8wvhYzoDTw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pRP60g/paWMON0DtjNEr+D0Y1DpfoDRmewHV4Et1UkyDsIve2Rxu2zpIgf94GEF/PzKVkqDiJgVI9ftp2m5r0r2lg/BoI4lc4qZWC/J8LVQWdCNO0sdg4Ncup+vQZxjHSQ2sCygOaPFuN6rvJL7LDWNDD0FduEdFzxxcICpBmyxtxLyw1UGbr52dzlQZISC+JoBC1nf2wP7GWAD4jl7+xXUBpBOL6ilYKdB3wvjPgmjHPhdofNfP3ijMz9NmF6eDzdNu2IXBWLEsf6JtAsuXooO87EezN1KZeXzc1F6GS1gaFE8z2ptHnNw5KZgYa//GA/d4BXJs2K/vq51+uJD4mVesKVb5WSG0yALQLUy2K5EHTzPXHpc4yYsOLGLN0vL4y+3vsNbKoPQ4c1mkuelM5m1trwVOO/z8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ryRXDZ/LlfsqeYlwRLbjhWmusfDk25ud1zvjzq0nesU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "55oP6cWOPE56/+O9EmziWQxyr4yseAroa2JCUU8roc0iIihJRHa2dMThjfYkpucZVtIAWS99jnU3xFnkc4S0yft6+LTymfdVGvLAjgYjGc53BDtwwHgZfxI+HzuQ2l8Jcn73LEYCQcGN/M6Fha+ncZdlxGc2T4x8cGkjK8k2sqbXeMvd+SPRGFlR6tamJw2JJViZjsdoHkaLsOAlBWw/uByhU/oBaBm59kReY6IEijdGF+FKTBCxc6knptT4gj2QvM005Bi7k6xc/MkLzvRU3RZwUXtmz3+jSpGw934DyoZ8DrUm56AJYzL79sdsR5JJFHBQHZ3zIEyiDz9ss0oeOw+1H/vhv4pr6fxeAj4ThgGflGy6MVTbGTLl5CND6BmMAMAwWruZ49iMwvt5CQeKfb2lfbDbU79O",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rzb1eL/WXlQAku9tXTvlhtmAiMllkUrX+2GCmlOMmlQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lJvbDHqp7D8tEKxEiy3ac4/KxxWezwc1wmIsIflUgQhUBQBbgC36cVyqRYYdr49O4njCW2yB2m+0rwpMQerg2HmlDFZk+d82oU4hjz/1QDRVNxcmpGXiUoCCXIy8APfCgkRrYYLdMe+/oINC2SamWl8BCqu1LFInQv9KI5/jtaOoWEqGGfSdjoVS0oe8F8bAV50+Ribyc/sCrid+gRAqIeOAlcRrcwi7qhccTIU2Uf2wyCgc19iMpMMHRM/MH1cqf/+K6tREN2BYkqbCZZeMoPL9IqK7Veh+y2xbAOXJG0aAPILLrKW5Hzou5E69NDADFGHJZpNQ21Ih9WZzXPsltPZ33PtAjrgfLZQVQBqIKkAP2awhtOGRKm58Qae3/2jI8lKpDMwzkT79qGkvkuQBnsJcJs+HLLkV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "rzgO3SAk3VEMQgZp/z2nMJt9dlO/u6umThR5as0Lvm8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VWzQd3dE/gglxgpgbcWHhgpQbyyhAvR4F7h8iQIwmNSP5y7ZupFDwt6kYESuPDqs2bNJ4pEwZyexMG9ddsQunNO3IZHxpdgeVWHw6PSiU4RrYqUxKsDLtInkyHQM+xUUvlzsu46CfBoJQoSW3w0xR26683PAoc7EwW7vhAvX0igQRt8GYinR2PLoOYfTkcU+aMMTAtGlT+eCp+H7+TNGRX0VAN9xwI/nu5CF8VIDbDQEz0XGLZybDVqek/hvVf7oV1vtRviEvse7muB+JrCX1KV8gX8YwNEhwi6SMuDlyZsPQVtZjYrXdyzotCcfnGh+GF10dJlID/EttZZExrQ5O1THgHrCWHL6gbo4wtH4ZOms3EeupTw/C5ILks12PiOUDoy9USm1/4Vq7wSa/Hf91v21i8w9l5Zm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "s+JGW76DQKbq6jVyEKznZF+J9TTTsJ5cQvdSrAmNh1Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iLL2SJRm4L3HQcKNltHGCt9Ywu1iAB57OmkPnXCdge3wa7gnGnqMFZAT9LR9lGRv6D5bzY9RHyvXYBdJof6MkQMO3dUBCmHwNXUl5x+Y1PXhlmZLKvoYwawSRJjORp4/xYAq17hsW3ZSZARfcIj/qCD+3sBTTXZEhJF7FRLidjyrmobDEwPXPiZ5dwAwfClTHFJ127jFfVBiZxRMrG704av8+5sVy1GexT/LBPB/IpcP5iscbLYJrqw1Ms+z2hOlNuSQs5ScqhAJ+Xdz0T1gBakG/vZ9kiI/XzEXnUNRGa9oO4AGN7MfPsE0CzZH0qZhrDiP+hzYhA//To3R1j2sRYTvGMCi32u065vUdX3g4SvQlaLxW6KBC+1EUQjDebaBNDivyHzK421OEGnLztSJHSh7hWzobNdK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "s/q83ASUKzaL8TrMc5uVJdCB5rn1Rq1kMh268Cgx98w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NgHJ3O1LE5BuIPKj5qRNPEdqLSUfUrT0HtrymJ0ciwn2hcbf8QaBsJdDptYW43B9k249zazqtMfcho6g+Pzif4M1wbBx0+LE2WiEA8P6P0Eh+mwGgPc8uWyt4T7dmVO7OOszsC8RAYEgjMj0Y01nvrkgXENbnM8E4SNSwfyMjew+HlAb4TT2w3wdF6VAG750Ojod7Ag0HEPYl53vv8L3iADwgIdHjWVoKnchKt5xJ4HN2/j1W5YNvdQt5WBfb9XDQER7nVcfiIv1Udzx7xZGcXCOjdn/RYmyS21YvtBMKA30PFTXGyf76Wgt8TKWWxahJrVbNdBm1eVLeENLbB4fh0/yViOxzeCZMsmec1JsUtB/Cr5vVOCZh5AkW75JYbG8abkNlLPORjF62ieDsFXli1tEJB2HbfEx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "s0EgN/81051xMKSxWAMDiDjco5xVuw4fNURCSrhGO6w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WXEIWQYRl2irG9hyonBS1qoNILLKvxjLLeCmf+xqTalQb2pzsSiWNe72wxGDweAFWJN3kdB9AM3k1dNZ0ChnB925C2ggC4KpJD2ZCkCHcCviPW7sTo/4Zq0s0j0yQSXhXpBWDs/0Mo0AWF9/B9YgufHCgcWeBfUM1NT41tBIo0XPfcSYJGIZPDsdBzYyOyWok/LD2MdNa8UeIg+lzxg9HcMnKL3KJTH2ik/7SZokM52GU7BzYXnRQWLYGjipPmuds+qBBxiPVbYZh/tin/ptAw46i0bBD/0DToQhgNy4jCB73VZAK7d4CnFSySbyYn5izjUPBZCTWl2MEfL2oND4drLrOLfqzYpNXi3ayoc3fiQawCOhfTps+x7/N/VwWr3J80oJJtpw+xL/We63HUTOjHGp//bOT8iC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "s0ZhOSYyUJ+wwucQMveK6wI4RJ3QJXjGedo/KNoWMzU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BXZos25XFc7zP8hgogN7Fm4Hg284tGR3x3bdTGomAV2LQEZQQkb7Q8grlb8rj4SB6kGTLFJfFqY9DUJC5ok1ZymwQlswJBgT95kWsO1QTOw+2Y7ghcwipTOg6xETzliK5sy+BfxBtQPjdKsq4P4dqkI1aKtEGr2dN91bKAPwxpn/44NLQ0z1bAufF7rxMPIil1vb5rzfUDRfp4MwdKaIWrqsjW0FSbXxDPiaiem/5IQ6YBXK1znlBw/X40nU3jCG94PraoUVpaX/dThBCCdxkvSgpXgqZbeFyHBjZTMeA8NN2A9kpYuv+bEyRJk2w3HvR1ksD5rXfvg9dPceKIvfJAEmVLhGOWjvoAB6qzTQXjnsvYnEcYkU9j35tZ4W3xYD/Ef9S5uK3kzB2jdPR14nonuSTIxNPub8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "s3a4Wg+yYJgOHpMWWcvBRMPRie/zF1urwRvCnei5tUA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/DCCQxVe31DZ/Y9NtflcvObe3TeVVOU2Q7nmgI1ZdaHYP3TPzxYaUhzFbXCt6Azo65ZABpF50vWAsnsw+Lsts5Zsx3qDt1KR6khVTTiBSPxYsUKljvyVBEh8gfvgzGbUOUGpN/Mq/hwp4FE58kbbBh3GPjlE6YZAa4XAryoEuNLeL5aMfN2Fy8iRKkV+dL3G2fQO8zz1Cn2RBl+5xNn/KQA0J/mssSiXtUZK2GuMWLt+f7qR8c7HJviCB4qmGF77/iOWeYEeaMofINzF7phv1rXa6h/4lvxGlScYq2nhUDiIlE17HZhFXn+HGVxGzGZkQYxh7AZAiesYfYpzAtksxgjTvq20X9QXDcSqagSXLi/MayzrffsC4Gbxqj2Bq4tbZVdVJ7drBTVW1/tJFSsW5V5QI2Rur/YN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "s4GON6s14h6w8lphcESeRdUsXXqOPhh12WjVlE92iOA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "17c/C0zkxhDcNeVCg0pr7bWbYZMUKCCAtL/laBcxr/rdhg8O58kD6YJ3nSusDH3whWc4dXf/vb8JWZWCc8JW92+vhl8V+dL3FSVTG1zlN+79h3Z426BzI1Uf69YN9VlPMdLe2wwsdts1de1BJvNo1ibzkGPK6A0bMrHYIxMWL1xg+ftGg5TEv2JOX5T97iOyzeQ1TjWS1CH6XSuW5RjDShVDGVcVZe8VzbLnydKRIrFg4U6ICaTKuc/dcRUD4K3G6EZQWRI9tiXQRJQNGGcbL0y7QsUMdES45knDj2DyvKR36Y7hLkVP7iDLf2Mg26zaYh+qAMOyV2OkDmgN2Utu6aFOYUrY324YBLJFL/6NzWO9r+ipDTZohLPjX7HnCdlj/GiGNHMTxmgvmV98yH66porsyqpyBHwz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "s6hutxu21fmI0QcJqICJiOalzhKHu04B7uw/WMTIRvI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JJIgJ4DqSUB29zq1BO/Wl6Nf9Qeq5Q5Svufq4/qDUhgytP6LldW4MaL6hB4sV0BNOVp6K903ocYvc+jvwaNEstyXy/IWmQGxslhf8YalyTPUKTN0bHmH//q8AorchB/ndj1kQuDxR+kAGEnOKQEwErrWnG1cqY8mR4hSwWUTu3oFPvq72iMjTbPVedBYHjYSD1go+UCuF7qv3Xr3PMEV+mGrGoF8b4xvE22EM+z2uhC+6DQdxx7llXZ80YSOJQPCUSUDeyu0HBJhhQagbLKJewBHEXByR9ZujyIR1evljuWkC7tFtN3K5TUFQmoWTqZpZoaLcjNDQqG+q6fud/vDIRi3RtjBrdtL1hKkVAhGA0JOKWC/9bK2gM0CsOm3ADqpyIuCQwUgKhRlCeJ1P9doY5YGL0M/DaBK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "s6oakfYmlslMApn7/6rO2+1pSVN3fGa6m8SygJaSATI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8JosC+hMu7f8laUy7q+n+OZ0Tat41MGqDvXg0tLgQn4tpr/bxRqPSjSq7Wucc4Hsn6itg378fZtRjYezYEnYnsUa4qpKUDc680CTpKisO/kBiBQPhVOBk9/Krc3bNg3Jytgx22nlfdbNcKDpkFaDNwBGWa8CmWYOzS8j9Huopk27OnjL8uop2F69ObLeWlNuEVFYpH2VjMKhIBiLQutkM9P7pK2oPncb9FBeqq2OcIly6e9GHnk7NOLDetQoeI/LxSvb775C1buUdBoyK5dU3wWGlr6Z9RxUZgjxM198tS6/Oohdus3K2X6aeV7oXiHqeWaTHQSPEG1gS4OmR6u9QNB2t1LDPrQ9A5ju/j0ABjp7oB9O/ma8caxUt0IEZvBaym1CXDO6Rol6uQOvcTRUMCKWY7TUrsUf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "s7E/5xnsNCzV5A4YBduFs6BvWps/CvUtjC+5SzCZhnc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YuBYkCzvfB0rhg+Lmx9pRT2QffrqLMV6FEhpTYl4tg/qyaR4J8kDW+OfVOpvYoNo96/6S4fgwUKmq1zzn5ftquTL1x4wZb811OO0xHwhMUb+11gA32nETDdCEE9K3IfMEBvfJyVRF6w9MIRSEza/TD1mK0odKTIq/+Ery0hh3Sf3UvukLt40QM4SFlxUdEKSdo2CCNclroOuYxqHcHwoyUnhrHd0RVjtBxvJYsM7f/ULnB2amRSJTI/djEFQDFqfHMKdOd3Sy6iWF77lRIzCKfL9ntwTkWBBjCPZAm1dikVFQrc8vtc6imQpHxmwrchAOKETVOo91HCN+IOFZlQR8EZDRldl4oZWjOfCMCd7aS2PCFF04QI9ztm4rfHuKwz2157URof9Y0N+Xy2IdiZnmG8FJpxoPVmy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "s8dmTV+uMGZMQR0aR6klF+3sonok/ZZtrWhrbGU6lkk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CUmptmPw1XxxEDbIjriTy9bri35yeBvOVkdMm1Z0Pi/wE7bas8+YrnQps2D1vjI9C1WslN/6IAEm59Jyl/swMZJN6s9aa5v0nuOAwByHL4tK/ecS9ctrRGwRjk8iMBeO5o5NozOQ7tZx80mWToMld9dgli1FvQK4UzWiza577QvwMqRmfR1qvkjj2qpG/JxF6DcmdwHaqxbLPFkzmuQjObSDv8/J81mO4b2wOq17j33DKECz3k+wetdSWyRi9z6Rkr7wnoSLD/FawsEba4p7JftTwiz4fnMd9lYh4SNkuvU7n8tFQWM9SIiaawSfKc2lgKypqC77hMVd9K+sapaztQNqzuyvLBS52ZHyZDUWadz43poiSgGp3RlBAA1iXLzQI339+HY6fQuWW42kSB5KrstJ/j7UEvo5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "s8e1poTz1r6yCbH0UxiWXwjn/0t5uLktrGfX2TyIEr4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7wJVs8QottO8dtcDtY0VxA9DuIeXPXZq26Ts+N52M21hNlqWAOgJphUKEv3Vlnep9Yc0mZd5aTEyVb0ja2E1glgwM8HDBvOg1NN5wHfHDFAwZgzrQkDZb98/7moCA+piwf/7eFNBW0e5I9b3FNkMQ2li0PIg+KL1fG/h/WRviyTU19aW2Qzn9HNjAcOGUo3zdL7En1NxucPLf93jZ10VMGW+JTATu1PLNZDaefZyWLBcATe/hE/jtxw71F1ehP9CqSNQkRyVYoWhEfjsXJFqTTE2EnnbeKmQAR/5QRJ4MqBIBF7V9UUmQYJjgfZSHXc24N2t22wbJbeJAlArKBJ5Cn4RytaT+e7eDNRf7gZfTvDyc1APJK0Li0J3BiSIOE7N7k1uhStMcR3KThjvckUYbdF+cBzbtfGo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sA7x/1DuqL2e14enUg8xF7ukLzg/ab16VJI3tA3iDA8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "t/1s/GfYvTQCsva2mV4UszIc7N3E1Do/h56s+cDjsXBPz2klxISQEv9DVSUWfBsuue67bHjcnwkv6FU25qfiboZPo1921oF6yQm8Jt48CrFemRhmUxKtxnnTVw2op8iXRQbho/4rTPNSqm1exvQrR0raA9b/3bBTFrqFouHDjFL5iJHDAOwR9PH6QmSHXYujhKuz9y58uvT6iWfUrCf1NNL0pkFesNGKuROWXRPMNSmG7iy1pYpNhez4WSsT3i35wqpPeNDEApa9bBSORGgw7nCZ0Y10mMolXGSde0RR//YbENkFDqWV4Ry+b/yOIQzYjyOPrGDTdLfCqkqSJ2eYNtkPmsoIhAQL8vUKpIAIw6WMZfTp5/qwbz5/K6YX+JCLQxbLorNLVj6X4FxeRqqGKqivLm4HlKp3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sCftyKa1IiiErLgav9JO6FQpDg9gNeyKxtzmIz24Ouk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uWqEv7O41ZFHC9a+3ujSZLs0byy8v4xCNInQgXdnaxQHCH7gzn8oyJv6AmP+TGPdXR40eiIfr+ZH9D3CkJE1JN66a9PHULpw4b7sygKwb7SGGe6FJG29SsB1x9eBnBq5+Rr5BIqKXfeTAIWr7xOAOsv1jEWZCPvN10IPbjNtRYGNhpiuJs7V7LL9yOmAJaHmQTJcLtCuyPu5f//lWScTi5a2Jkc9hnnLwMYSZdB6HB3GVzUTGeubXIyJv/5MmPkrmadE6hZRPadXtD+WLDzepBmQymr9UyHEyXEGIPxmDhuvU9UHWKyBCaJ5FHZEEDOTqd53n4bgDI8ygXxCAzjjwOLM2lwsCPRtyuX+4YQxnUmioKUTDp6MkxabNxGG3OyPaKreTf7Uasuef2Z8TL4f+Woxw5D2oFGO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sDmAf9v1fAGA7VJ1Giet6WRh5MX1RoxLGcSbcWu5DJ4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tgw+eEz52e7dYwsvK1YfTlEXMpwpNH+jrZDYBs8gzAcyUjndo8TGhH2FBqpo/8yJ2JcDQKVhWSU4c7S3fXBGEMaATYkPf6dhFIPVJFgNY3EBX5lcLDDahUIUFWg/QKQXST6JDPKbEHnzYDbUxqoUFhDvZ+JRsSQ4w2GOOwXLp4XlDtbByrTFaqFkSIcWrSt/Uen7J/A52kgrgT1wqzTh7AZlKnHBagiE3kCDWRnxbDRNnYxryhP3wAeom+/Uq7rTtMrPYXFx/tLQgi7VR8dHS15/vujwmJqY89XdaN/HiovNGIxH6OY1Cir4Sejl8pndIHFyVro2/nY7SCr7Z+GJelprMEPmOXw5IRLHUDjtjJhV1GpeJNwryh/dV75S27ZWfqxrU26aFTCR10MbgPMbL6amdwJ3n2VP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sE71KVDPMC6pYWKD6nFwPGkV4IiYBL/xl46QQnIWcBo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sSOKn6uMSa+A3V3agY/f9pHrJrwo9GDoLkdG1mAoUdtxxdpXGS3fRAjM3NMGMD90SSMux7K/JhSZOYQfwNjrOaVCjcC8cRD2PGfTpa2Ff2327oiXRLGltNMSw8TMrV+HpzFZXDMwK6SUvg+br53nJ96Sy/uJo87hIlP4BVZrUWA4DoLljzAMRH+UrlY0ykc4Ps7x9LcOCUM+htsi5zT5nfUCENHncUQKKerYerdvrgw47zaLcrCcurqDiPkH/jl4bO55vSXm0uNoNUw58k8r7CwDcCoc1Sl4ecxMBFW4ebbEvTKGliGIA7VfNXAADqmuKgMHSEhn1z1VoMaVOXUj9nH0PgFynGVubj0xneLxu7Y9QbhqYH11HNnAzdapYqU4KKZf/I1vlL8UQTlujgg+gziSI03F5aLG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sFHkrEqkLtj94zuRr53ksa5gHZFcb+kWkafu9fJCedU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PbAO1+iBxyk0ZCIOAo4k6Rk07Kbed3YTkBQkofRdfHAPAzgCWDm0btCpPf0T+rElCWpB6lpHIfNUV6SWu45f2WB98ZUyCJWf24RMFNELwRT+TX41io8ppPzoxvBrNmuQWHd0ivBLB/08rLZ3ms7BiQ79G1ymJruQupo4tr/jDPqpF6z4d4v8zWDtCs6wijpRZsrOiNhsFc1EFh2eXf6kMbQmKWyZ16k4GVr8TjzoXkLYXtG5tQZmDGX+wi1K8J5RYtUXKnwng5lW/P+xfsp0Wmev4kwppfb7L4qce4OM7k4X2FnUKVoL7YG/1j4PpIEsibIaqG2TlwWLKoh7mxYkCpbgk/JiXhk8OhXXkI7ZqPZKAKbLvn5OojYBTnaa/Cs/lqZzFPNHVR8h5ZkJiBdmXq4fDvU6lv2g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sGDof8R//BRS8PHmv550zlWf749cYiAMabTk0QmxiSw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yjylSBAs0twSIgs+/CDj8d4PfDO25vqpDi4bUg77nwi7iazcLg7HA51g6tm4HutefewOI4PizZTKFCzhyu+N/sLgvcra9ZWRXG18x58iVWUbZoQaQT5amveBMDcfBA979iTTWmbhHDN5Rc7aUSTHPWn8gNNAjoHdGN7NkD4tiKMmcQ5cY+geGVt2rH6eJIWMQamasDKwHOph3KKBJidUFbf6pZnekap/sbtHkY50U/jVM+UxWYTyOlQg5Ma2z4L7kcRMBqSIfIPNsU/eWYYDorsiy5v3FqaZmm0ySLBwNiMhZ00TlnIm7ChX4R5syO5U8wxaWUiQ8CZdBDxSHt79nTFsehCCgPFG8dibL77LHdJn135WtT2XyhCGnZ27u8l9vxfynl4I7QQEyO9dwUUFVP5Th3jcqOGh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sGl5i1kF14MhYIzjujHJzmk8mlsskmXRwgJtrfp9lKc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "z7CWtVk5tYMYvkPh/+OPOcvfadg9mit6LbRwmSc+nUKIybKHk9qjgWqnpdzBZNn1OwwRP7tnUpNhhhDTiMU0b4Ut7zRoZqK9tut4J93rvSk1PohOCZW0ijqsdMgpMsIxyE2O/8Cnc7lFrU5JuqlCHJXwWqzJ71pQEH0zpgZV8zTVzG7olMg1PDG3xHI+AAsvgeuQforQiF/RjAw1t1qS+J6vPmDmOOzoEsg1/Dn+okbO+S9qioSFpeNQs4NgOjOuDcMwKwlNJD04+tzoUEMJ7LlHtSlhYmejr/PRB/I6OqYRtPOYh0YIzRXYDp+P3UVS8fsh5E2HdIdtojiXUTNUY3v0mN5XIKPtgnOC72w7JXQdsxTcrHW9r6EqDKLHkQ+CZw1VO9PFwc+2AZ+gFM+IrTi7/yOTKirK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sGngu5EmyiyIuHnf+hCtWCIYGeLRUXCb4YJ2V59bkbw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xnx19X2qwhRrvLarhm1wves4sI33T1XqxVssNa3ZDd1+kXr6k+fF4nbvQsryPcmB8Kx27iVxBS/4jXcwnSuZ+ulTNKPgc1Abw7Pwrzrvmi6NRL3TfIOWsITmspUog2dBOKowX+7pNajZFHlcjibUUlwqzUgdgaYRg2AeQGYbUh3TX0Yp+Ml5HRU/QJG5kSMHHXzIILddUtVvzt6l+O8fB+iqMXm4noqcBJrb1iR6lkuOGJBNavED7E64ee4Z4hGXeQY3EX/76x8qqfOH8+ic2ShKWlYwat04cyI5o3zDu2oj/huabezh4leTHMkVuSQryvGrkHR1F1G5oZXGrcOb9wqqlPQhNX93Vd54lOo+RPxFxZDNPxrT5cFbN/jrzPe5QFT5kSNEuIUbKmgYGU5LsRVHDPzz8lq7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sHpSh6KRA9UjMnfyF5y1p8QcaANv100DMPZExO4ELDM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vxwU9T9+lti95RNUwUg9uN8rglsmbdwji37XDifrWk3Jhwrc9il/oaiWPXQ6pzNlpxog0Z6ZSPXXruV8Z5b0F1xOBbfPM4xdZ0Pmvmk1IwOFDpJnOW99AlHUlbkBkhwh2maSTUKtknfSmOb8lv2G/QgMOLr6IQlPgPAv/WfNHeCCasUvWeCQyjB3cyNs7/tVmml/eEbYTV2IJfBkiZojCG37pHffET16TFMBoBxpKzBelACgYfA1PYbaDhFOvw65iIN2OXeCvSGYMU7ApEK7195H8EGryEDuODO8S4B3boL2liRxeAD9SAQr6bkDhQiJlmvguoXcsIF4rPJEdLse8MohJ65TIbj6LRoocQIwvsJSLmifaTtjlDezJy5/HexFQZUaAk/IdPUNJnu2KS7rtVGX+XhMC2DX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sI7moJg+WqET8T3849fE1+DL4+AU6JLVEgaZFHo6Gno",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lJt8k4ce6sNMaAah2WoxGS1/WlvLUmoIq1719ZUq9dWy600f0XiER9+vJDkLex2biItBBKkY6/YRpAz1P+ezm4nIypfx4TxOV+hN2n6CT2FBu2dSTBniqUYwxfRfXs0J/0xec1xudx2lLzmAoD9Iu4PTSR6VIQmlFcAt0MN2ZzT5K+PA0/N1XBZsE7F+NjPDt2BZQjhChDz4csJHhaexlVKA5N7kydg2Ufc3BVOKbcnZ3Y3wgK3vIIVZBkYllKLnfvMlOSUY1U3+IGRqrfFhyROaxUK/fJg9DyAl8rRxuo8esH54Pp134nXSEJBWaXlbvFsUU+rgovlbeUPBiZNzw00qwiDfVeZ4tk/mnWpAKOKgz6rvn11xF6e4GrGTgMYINDCnpWrSODRJ8kQ3blbdZpQrcjTFu+fn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sJCxi286S+0XahATmb23bjRYz15bvsTBQpYKe0cWrCQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eBZqkqfBiGc2hoX+A65JKRJigDCAcdpUzDBS5m9vwd1c/+Oooa7PdhY4p1rcZhTiHnyeNq8dExYeUuZnPKoTbH0R6ChJuGlyZRYf99cEfNDk/l/4BhUv0hlarUY6O4a2K7as5yOzoPm1Ra9C4mFoA+fDEq9ILRg0ARrPJYj2DyokWjBDzb4xf/2mewt71yd7Z/lcFRGxL7yc8VSkEcl3d4hzYLjWKzHiMRA6SBfg4iw231Y56hZMBl8/KJdkhgwpTZa8fZwj2Zo6eAqqdEZQb4N3B8HSmR0fqgoKvwUcjdhRNhSYEUQiYZYHIWj2YNIGuufxzg60DnfwAp+7WBjHARM1TMoEk17EGhFWzeJTrKtKYpbm6uqvGamUImc6fdA/rKQjxkfyYQbr03/tCjLIxs5hJCzrva+z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sKSKv9bxde1NgvkAV3p1acIIgM6LES2HSrc8YthXM9U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iogbCuIamuyGPIDe39O8Nl2SgJmT5ohqVKEjzA1rw0khgn9ifU4m2jJ4PukC6zn4nqM1TFFBAlCDRrbloyYuHMm4nMFFg2vKprMMfccCWcL/DG/oUWuENoaZj/6TAYMvWXD7/t4d2klu1FUoGPJr7P1x0kZxRGFy2iEGYtZVVzphEkSqO+FzRDGC5DyCf8Z6X/LVJV7yvJjxoCIqBw51jGzC7CCu6Ccq5ZJVyCm6TrhFCbuTCPY3B4Xit6slneCPWZEvtU+0vqpi9UQsFRLAYaHF3SqSJtxixCiBetYeaDSIpFP5zLxe/IswPWRsq8XIMkePJqLkKbzlfwzKmZakEzuvUcgAOsSr86ITOoz5MSVTM9mfEfQ0XPLNvQ/SeeGvAg90Xvt35rN/XYuLedJxJQ19VLpAPjkL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sLmkIAxxlcEdc4BryaMKIRrxrdVZln4kqnl527jdKTM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AP3oy9vlgo9Vzh970u00fs9o5hU+Qy9ofI9PDY9ZYZQTLi0/MOyW3vyBAg19rYMz7rsDcUdHDjH0b1K66u5e2XtO5QTZfgfdzQ0a24lPzNe0QcUG6nsyiy1yA0U+gQXjBw1HS8321eSzr0ACDB/iQ8O1Tgg5nP4IRcn9xvQLjUwAi1r0qzoYXOZjN1a/8dtHXaPfl1Fx083ZIez4kT1Gr+X/LiNlhDuWiPLPEcZa1G7wLj4gXdZaL79xGBF/IDTjj+NrtOSURoAfMK/Z8czlmxn4xPqj31VVSxzhaQR6YcAMpVpr44Mgg4GbOxjKa+d41jN/DfXKCz1+SL+GTAce3S6ZIo4IX5iI2/p6K11Ez2K6GVZqzOcnwQbuAJoZfd1KNhXAwGepbSE93GdHtZU9xHgSbKx3cmbQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sLpsck/6T10KgQFeqd8+HWunHrO6CHUCr9bznP+tDnA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oKhervnlG5dizP1bO/fWGNfWoBXo7h4wtjcdEEd0TrlOW8iTCGPN3AjGzCW+gTNxZ0T8fBkYwS0mjljUBIk7KyM2iOjPP/5dhc5rjE+B+A0Ew5qOSb3HpviAht14doBMjsu6SWup4ZXkPeJg7hzC7UIhJTHBTozk0lHVMsuAgqWSW3t4fZkHECBYuCnomZd8/LLMumrPKZlKzfRUZu45DVhFgsR14rv4MvpKijrk3idBzYwQOhmJEF6TLCwcvW53JN3f25aMryHlDn2Gv+jotmwz2My5YkZ3o2CuLtv+kaXFxd0Wfyd+2i6PKGxp89n9+m3mA+v5CQb/EZmG8ZwHwpgPCd35KciqA+z1I+f3dDHzECQiKtaqsX/Loc/jKKfryM5pWztIJUCwNTCsJ9r4OEFWk3qoFCJK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sLu5TFJmJo9UIkGScbiNJLiCVXSCZ1h+zIrla+nUNyU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T9qUOL10/xMCecVbS9TAVaG8XcqL566DIMZ7BsisZR4RqYP8B7YMa1L1Yr4uRpO5fxhOAnHx3kt/iiJNC8as9Yc6X9KncVYLX+SRMLYu13A6cYLNQRWu8/j4uW08N6DBfnJxY5niHbex+PaNlpOCZ7DyomObdZdZiM1w2NqJgVUaRHs2vajqW0I6cUuOfH8xvqKSmBz6S6yod9yrAfYWTC5r/4RZJC1Jr/+AsJpYj4axpHCb2DIDUKowOZpiP0um2bzwI5+tXJ68Qb1xt8oKPBOOghHoUHKLkQvhUL/aAaalLNJXRzCtZ3KJv6nR37NSBLafPI1D9tpDXxX86pMhNvv4uK4Z8+3EIc4vKz2c5VJknBRjl6sb5SU6Z4HDf4S89na+Jl9hOXcl0AzD0AaUCQxruMV52taE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sMD28Nk4LB1UU3EHvI/LG61CJVEY1LW8f006dJjnhnA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tFu3n/9ifg6eAKiCU2TgVDHdcFN4RD7EfAjcNKKp8Jvl4UgfWSA4Q4DzYuY+/qfwUtifHPQjuCPfObBfNWK52J1q+YREm0QBRes3nRu1AXZWdE78I2yirzn7wljiSD4fPQwYPwte5Ue0MC2kMPv4IT/nkKdq3S4P3NdFRZEqscZk3g/pJm7QFBwU3J23sikp3CyCHWru/MDEb5yGbCpueOJM5XW6OoERxaUg9iW7mI4/VqUZRPQqUK6NR9eBXyxBmU4y34evF8Asb7Dj2hKR8Yt+H3PVtTsEoj8Sf5qDUv80Tl3HZql6wHLpdAayBqFi3XMtaqA5oCJtlH3foczXqh90S5wYlwF8cTUJNUGvQfC4t19lqGVHVkfkAUC2u12uTZ4dhEK08z5xF2TBG03YWZ/VD2Vg20YP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sNX1Fl8csTacVJWmAYa+LGVYmAPbCDiaerH3fFXAVVU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/dOJ35L5lIYtNAkT/i09YbisCKesMNHpx8rpghC+2nyNtlI/ovIT1jlKiSoB7JrK43KAjh1PocAYxo/N5av1y5lmLckAZwJfq8bM8QUMeZM8xaUBVT1AU2B4mvFluQdgXfTFBHZ4XFpWmDjQZrT4GYqlEjpyk2oYqNOi4Zxb9p8P4s9zelNsvA+tleWZTbFd7PqmUaVfqnJa5cdYG5eqYtnHWxI2Mc9KyWx7a43Cm1qmDOCDayeePWl0RpjXBrdY8SRqFq9m2RseFTiF7z467tFiOip3Lt7AuJSfepwqg3bG9N/yXQagjWrWCkLkf8PBlqq3FnlQfBSBzulsZYUFcY6BC1GehrGWxTVradPy5FFJvcKAHXp8ZUU7SdQvPe4wCdve19iwmqK0LXJ0JbirsxfmU16Atn3s",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sOlhBhnbOqeYZmbN5ePNGneSbp4amMjSItvVzth0LPI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3VlpaLc3s0QIVTqfriRoGX3vFEGT4j7tGo5SC6xtsDMwmhVw4p6vHJOLRgQv3Lbb9Jsy207abtec94Mp5SUUuwpGoX9u/lp+ijNvF/7E/KMsFDS03qHPui5nCGuC4eom8kjjBm/PATVO64DMSIg8T9wCXgxh8Ik08mXUjoFOI0IHj0Ohr+S0Tp7yH70nQLaxQkZjPatxumT2M5cAMbDCbDj9vm4Z2VkPJ9CPDxrXgPX2JCiRK4mez72E5hNUfK7bYEBrzKbxHqdJ7qbX57M2KhcWbwPwfolzvKMqO4LNfBJCTCZ4YMk8byK8vIxKuoQszXHdkVFLlexVPi7DcYhnwRQQnKFo5JNNkN4FtgYGTzol5qhbXTOabzAuK0YcRgJmNOKaAdOsxy/b98iSkg3HaP9cezriUA5u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sQ7e8z4VwBMMTk5KFuKxhmL+6dOMghYfGzuACkwUSnQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cXeoErgFEaciLChsNxEfuhhTfPmJuzxyUyEp9M2swaN3Qf0gIbKeNzz7sst9uZE2RH38I1SG6IxaxRvf3hid+ByNKN9U9Ts/xFtHGjgvfFfYV0UpSvqYKenPkjqlBEVPxZTP+phmQXGDoaSLxmFKhs21P+l59xBP5UXJc2F3v3+i7LqAUpIUxzvXxBKFCjornsF582cOcUnArrYpkXQ1YZzlyYkFh7vPAqwkWeGrW6dSutM4EV2I7UIB6C1DQKz1bFskEfaRd3RyqQZI41O+cz0ZkZ33R+K+gB+B7teWC2oJEfRJTMqQ+f6N0effBrxPk7I6L1z1i1EplFIBE1+19tEJ5L1BOqWNdtJa4jFkLLpce5PKBrjLthSV/OTgwXMSyiIjHiuG2VJRYxhrIDAlIHmfdDyB8Q6M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sR1I/ncrdjYW5DKfPWvp2S0YL315MjX/i9XEyaIOVdk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vqPvbloT2XlyKdaIvDW5IBhj+eSkpqvsklUT1uen8aXf6b3SrszGf65wGp2CaRsq+PB5WftJf1/2lAsh8O1RTqck+QvJD++VZzbL7sVKRQ5odXoOZMVcG/S7FjKLJk/UYjcx7VQZL+4XCzq+xjv8W1CE86kH+xJUhMwgxClfeDzlA2uwjeishXRa08fuTG6qvtabEgPQtXAs/a/AxqOp5MmCvpNAdW8HBYcrhk41onUvi/dPBY1bCeD35MaJxymoaX9HJctB/i9EDw8NVWAPCPjrZns/DuwTeLzTV2VKHsyu27zaSJXdRS/ZsRhdoLRULfq/GPOVodDG8FKPXKfNGQY6MR/d4H5ufNS7LqUj3Ary7u+CnqmTzlC3ncLhsCPZxSAjwN44yXg5oBtXIEAXlH8i1CrQSZcf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sRfZFauNnKizGhPUO3rG/cRyI/Wvp4851p/tD1VIUaA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rx4gwSjjeGAyZMYTKgR1kLzqMjnfNcU/KgfrPs7u4fvXDLnbIRKfZ4KpGFwpZmEjuDl2+OJoIAE3ygB9uSkh5pAOeuDHXeOG52lEOCvYCNkV14eTPi3UaWomCStREdCYWSEyyVo7HTO26c1atxvamrxp3b7dkKlIB9bsBFsIPllt6btmW7kFDCdMghn9QfDEWF3/G8vDS20FgE8IARQ2Sl4uwpslTUg+7O9JaZMoXB7de925pvnbZKP5LRLF4DeqVaNa4ntxPOQPWp9MP2ohCPT663ue9WWm0krFPwhUwomK5CTQaP+bG1613E6S5zAmHFjpZMcjA3SBeWEfTGIC9cqYmrNnF6PFYlc7SkPTINmeBOtSM3JP2KMjupF4FSLH7DYsJl7d5hzdwekhkh9GJsXGGLWs7yjU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sRmS55/etLUdxzfXEdzIs+d6Bs3A3IjLogy9PY/ddng",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j2xNeztbBLslWCSeoVkxoeL+Rj2fL5q4sQLLc1epXNfPwuY9zSEWfFe05cvN3ZagBL01pCC3WevHsdRJeITFVJbWfWZ8b5HI0/PROmezYLSehz/wOC1NL8LH4AHyf06xUOfnJDHXQjopaaiJqnO/1LadkaV+6biTSp7d3YWji0FVRRcda7R4bpsNAxjnT4oUoJRuTFA3dovhFXie57SLdvZe5BIEoAY0CaCAEfAEXG1hH2UPF6RqoYF2bIk/KQNaYRa8OWgSK5yRKKtmGvgemlmzyLNGmfhOFUHu7AxWQEpB1W+Qgm2XkpenOBxJ4jL7GELp6FyUXhdoFZimTnEkuv9we0iLUl4p+tv5xtTdLHdHeq9+3T4ino8FuCKpZOEiICrYw5JDOT6zhrlwG0Jr37x5TkynLRRq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sRxpgl4tYXFk/nd0ynMssK5WKT5FE0DCrXWn/aNA3MM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tbtV+j2Fxjw7217tCrIOAw1aDQh8SrB3wlZ3veJkB/VbTHeUpz5UstPn2HFPmWpFBoWN38yyT+Wj/5mwk3386HeJ7XHbN52zmSJmztHOendTSnoGk7YAXuUcSgLV1binpjVOxKX4E22PCEz1nLWiJO5L7Md2cjcLkWz+dYG/63H0FTnEdh2zO7DSzhJ4IJyAYFV+HGH9qOY/DczMymWnWMLXpQaf+uKvR6hoUAMcElyEn/VvdZPPzUxcquMkJa3r7rwjZ9r5LYR1YDMeGW6zLQ0gqs0enOYbEcdJkhTt8f29WxXz7OybXFS6A+BBSwOkx0SJrrS9wapUFNJwX/N1W/OVu38XERtzHAHeNLgy1wS0nEgygIQT4gcux722+QdxSQDdZW91j53c8RT8yAlEG4OTj794q04+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sS9lBMUV/L9qbv+CoAWHHhQJbMOaiBo1atI0QLqCjgc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QYkvZkKo9UWSWZh4Fb+9YtY7tXqWHsBBrr8JqNLD+2gB5tpjChiHAEJ1jD/MDfm1en069VPDWxVKPOL5NaumXn2XuoJSsjepE/TwyNQ8lmpxT6U4zno4KUwA43Lps4CyzoIK+RkwL4abugc5b9GnfDfEhg4hXTU+mawjovs2NssufnnAi817KNFwj/KD8C16j7BPb3CgES7vwrxlB5y0XaWr2+xrQO7vF5Vd36QtlK8DXo6E9fiLpwuC+nW5xpe8xxndDt6RTmvLB2oLgWVup+kXi5P8cRv4fzYt6ZXQnJbKwQqhDH4JP84TMgWiJyXQuZnnCuh1mYy5zEC/dJtSTV+uEWo6d8d842Pb1usEDsm/coksa+AOsxGjVevW1QEZXx61Dx3WVH6r8LJeQArYs2bDVro4uuvL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sSITNBt0DAn9NVnWLhm9EE7hVLM1VG/glF9k7W8YGJo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AHiq+2z2O9Z3ESJMGuz1g9nnnCjM4oym/w4KA27X7+jidMaPjKWT7UivhwfhUaJi8EFYkIrG4+u4YnfZuvPpHRMkf8Gu3hezNV2RKK68OpXUTFivRD61Kc0XVuK53+rqybllV2stefnnPoeKyJ5nlIwSd7BDTje3LoFPNwoSHUTcAJoP6Bw3+bZPw/MC4wSYvLx9k2wITL7BYPeByHoRH5J741w1+bp4VvDTba7d6VKYBY+RLRG1LvSLu6ktiAemdgiDgv/LJuOH5rH97I8DJaZbspIKdfSo65El7sHQQec5oTEyqsPe+rDE14kQPAdmM5bxLGm1ODPEPWGv/DTwKoNxWhxftdw57XtDN92VD1M8uw82jOolDOhWnKCgxpUABSdwDFCq+2kYEihUcTQ8hVainXnPeEp+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sTB+5QhsTOnZj4wDK2OitYbGn88ufcb6Ft73k0yRY3o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "H1UlzIruyVwps1+ZrqpNerQO3AzRCRcf0UYjTjYT9nEA+7hG4nHKdE4np7zb2tCuXmJB+BgM2GKfOlQeJS9ikWB6EeJa5DN1Xe+BZury/qG+W86TgucCvNnORJTCuMyPqnDfMhjDiV758HeTjcxCXEcgpDsrR2dI0f6FMgmBp1rbmK5IHqf26rndEVGg6d1Y0NBUEXZQO7QZSdHFl2K7DigKCVWa+mq7gYyhiI6AXmUTYffXTQeQXNzaHgxUonSuZDZ3B5kAtfzkGvAdudQEqVQcRJ1kr5kgeh12O2xvUglAlsQg2W88Ek0Aet+94Xh7ftj8AU9nIyVzUuIbV8JPmaC2KSLzhIjd2iCEJkfVhlRDj255corp8XF9Mn+Mbsf9oYvNzKFaUtbbnztK9xkr8MGoa/6RqM8J",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sTPcDJKjE16cClRAgW1qXLG1iuBlCumhE9XXUXvkqjE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ejlf1drPwZvyEwY0E3rMuxrFvhdG/ljw6iFqgrQAxUCxVvNMwAv8B7Kjb6ntqtnM+NXP+QEje/omcsVIckgOZ8BtwX0Lu9X0DJhrbJ+bvNDcMqANpYRcLo+vp01G2pDi08ZWb6aCxPzjDn0mdLw9XreUVtcqUoHTRpAu1hhjK8At9dSJlwKJqK/uYXSng4kSCes4pFxaz7yN9T1Z2rC/GbwPmZeD7gjrETz7uNQsOJ2LLqvQ+BGUGfLDhm9Wdyf/krsoOPEpKHrzT8I1GAVeJCZu6ITlDFkkoT2axG4W8X2kZxuBTNmwgAj0Txv8jApkA7rKNccxWhJz3tt2x2pHg8axLJ3mwJgBRyUJmHj6P8o3+9JeomF+rywpytp9sub5pGgTEgYwva+NtVk1TtphuhzkVay6DQ6W",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sUjRuhMvI+Bp92YYQe9E78GnxonBY2ATr2sDswQJd+M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nxGEC8RfH4x0WiYk512Sx7cVyKiwvID91RQaUGPtzarttJIAY8btxCJZOuEogJ6V+AtBwNQSK7iwNGVznOjpRMJrsh8ShVm2xap4Jd4DLxZoi3ikSWYw75BPzeo8NgyiUIr4cASfdgQl4T76wUdIf04cwIyaHb8CCcdJeZ84u+jQkYflBHBEVueJCPRON9u0ibGYgd/vqqB90zFsqifYVhay2okxJfRzdDWSlIuMJI8WYokKgleLVdUAeVnYSAlciKLskImK96mw5p203zYscFhCED1tk6HrYWOHne1Eaje1aU9bzwwxvKsIDy5B7TTOkdpjZI6JDCgeFhe7p/bnJbpgseMRLDBaBjaFEoNN+/hOjCP7T2qwOfiQ2nktXYPUPI/uOsnrNEd/X7w08uFn/m4yoBeeEaob",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sY6EMHZbudCB+i4sSP2A8UGo3oHXvVo04RUqwGyM+gk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dzGl0NNgxwKsDu24kCBTzfVKvRROWfxlrElTBYT+SL6f+FEwg4x672IHV59fTFT9g5Dx1tuSaihnCUhNiE0ok4+QphNSr3aq8mqXST30xl91TFTriqP6cH9a3zR2w5z/5zNb5GHucmmlbuDmkHMzqvHQZQYusvyX7+1yXfejjNTkuCzmPTjKjQH2mvGOc/BSixd362gkBQ4VZ5fopRIRqd13bGiHD+D+zsaWzDuVgEjpzP7EUasuVIEwWVY8NHz53DSBgmRq52Iihsj27CfUKYDfSHxl7/QBoOlkFbSuX0KLyWMdami4+T8zKeJW6MAbaOL+kXRPBDYSCZ6464pUwQbU0z4WpuH093us/zpfb+5tMnjHQkhALt8um/w5O13Ccp4Cutu0fe2XKi7ut68sl6EAPs3Sfp2q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sY9hEtaXDxyPPGkwQdHl/ZgP/32CBCe+YdxOwxWMzqc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HUAiprv0eTHwjJBR4S/IcnFvAIj8y2Dtg3j442IxIufx02A3WNNDU6Ptqi3nTNLyPs1o1n+r8HCN0YCz+UXci998gwH31GL94dRpPwyoeNMy8Mv0MAt7LVErwTSL7ZC/1Pa3inqIhhWfX8immViTbinWVtYYdZH42K8ifPTZQHvpiVPJ5MKjO+kllkUFwhgZkagpeNJpGZKUPYor/ZHiWONy2aSiv71LTVTFuA4qBD+TTpW9NRMjFMOJ2EjPwSV/nLpAeJKWj+r8EHHNNQPCAHLObGLvFs2JHTbMBAhMtkjId20WTZ4peQqtVgzy+6muOuoV8skrM8/2vKr44Dxub0Gk90wx0T2o5uD1fXPFH2JW5nC13mwYMNPjms1A3JdACRY7GRYuAROmd8z2GTxCI5L4+BaC0DDZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sYe+3Q+zvyTU5Vtshu0bnP8h9Ocs6HO3WinsN+Z6KSw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vok1hXeO+yJbknE+i55hBxCNCXFoqKsgv31zSjD8Ora/ry0kR6h1S61z4QOcirWtysA0/ek/Qrz/6FSndiS08L5e4Ek1FrmhU5nO3f/vDaE9IAzVYiVmytlbAkzJnNdRvxyiAm6JIgtCl7tGRcc6gjzR6Ztd8KGcUv2pzHTdX0LwWK86a5waakmKWyWO4llRRAa6KhG6rlgttswfG2vG/Ous9YkYYwB9G0/086/qDKHYzafuQG73Sls7A5ctmYd7lFXQTas56efT+gn+nFLsiTTW1Ejv1N/nNSLELbp0bb/K3wEBZpAuIe77xN/1AFh/wNLe+X14DcMJXURpVaqajWNBhQDhMb5zCQyaQD59PTHMdRnyJcT4+2BI9eNlYTzMSx65s1VDhzRu0Sn2o7APadXgzQ+xco4z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sZAqd+oChc8W3aG2kSw6sxkJ1VvR1ZwKX4qhowXXc6o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MCxsDSMMFoRg6jn7GjRWMjkDHoPoHUechIeFXCrpH5iq4B6Fj3Pd57rK8nU/o9gHxHjvXFWGdpa35OqM/2bci5elsMNT3IVezC/7S0lOdFvIrjov9X8ENcdz36/BihSj3DSdfMpsBTOyptkwhb7U7dD77w8m/Znt0uHVc1VTEHdN81nDVMQe7lUCUtsYbxTTE6hBJhUnD6diccdk1oMLT5X5MNrmupQ07NSrgq5LXpPoC6H8fHT6WclCsqpNcuq2hi9WRT6QhgWwXq8XLsS3onJweMdhAPKDrjh8xR66EqNZdtRKdUsEHGh0hTeuYW4QlVeu38APoCYCntr7zk2wSJdGhAMom5y48ms7AE8X9+99H1lTp+DDgSNj71/F/Cwv1pXnWhd2PMZRxBjUtQWYFNzqL7OUZ9Ha",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sanhsjZQk4EJCxgEuuKxlV6fG4yZ6qTAPxf2btQzHeI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "szv9XvjLvWUz6T7x+i1wBGBhl+wD4q8iVg+9pLs9vp0y4P3ZI2BinECoIL0WrmBtB9+nqloHoPYqgEt6TodsbLQkMoXvljLARYAoMeKD8PlsL9XCRBQMOcXmPttFb1CfT2ZJMbeYrsi0dtc1/ufxR8S0frRV1kZlvoR4rbuEns4qUy5XASnAmHMc9Dyo1Xq/J23C8QCy/k2CxS9tbe0Wr6yYp6TsUx5CdM4Vr1PIoU3ejIeqBZwOvH8WeCI6LgTuMIVpnhZYz9t9NbFLKBMzKMHlD2IImtnxzinsMgUStc/FcMGFVs5/Wo/2gysK4CkcMXGhoKSjcFrBZPW9rFXQKSzZ1nDMRSdJuRcJqhFfJhegssbo4k/1a8j98RsTMyxzbPQfk8h6kGWtdbU0g06pi1i1VQ/+RLQi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sbAeEo7wxHCa5hAVo1GuaGoB1U+a1ceSv1JtqO41m3E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Fd2W96WvihbEHJYmgIFkQ2kfDrxQwv3612UOMDsHGlZESH20wjENvLd8MddJiY1WNH4f4XIQFD6y8gqfmx9cofJLvcAHn7udW4LSu0MIkCwrkzgouVrLwM+8YigwBR8IvvrM0A2ZaYeYKUDYlXqDjW4th/fF+7xwd2j54hSKcVUnpYZu0xymLg1APQiTZb/qSTXMMj7EAqjCWisbt24HQCrBiU7sZe4qkmJ7yDUurWSxwE/xKlIgs51J5pqYDe1tI6Ye5SGERhqV0Cshu0PTxRRMDHYmuapnz7y1u1nyRZKSARsY2913TbwQLHp6MxOt6aHsEQubdpzx0z+w6u5wO+TowjQWXt/SzjsuDA125MpT60IqLvoLg60cPUEBs+TRfELXEnBikBN8l6kAPU7DLukyxzH66XlP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sblcOMmtT+J3+bSZ3Sm0FbOQcDqy49d4eZM3ADbtlDE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gVUmo7WSo86WKXIoBN5I4QPYwlA4QvSgRu5QH9P3lyxjsM9T2PFH3eHrM97QZPezhYvO8fBWOMfZeAMNJOSA86jBHm4QBcU8GnK9xHABEmhQUWa7QiQaUf1VsytX2iIRP+XoRr4ho3mBOztF+9UHbVvlzd0Eo91mAN7/dv9MQeVxhOC5nlcdxVo6jLjT1bt8U8+bqyQ+GNiEAMOAm9OVzuRYE3fzQ27X+9oZEWpRS/6IgmMw2mnPu+p+8r2BoxxTFLAzNHznl9Xv4Nx5bZYi6a9HoQUiu+2sJJYf+mwjutHFRTGCzNCWEBb3gxeoD8iSOfqPXGuXG+e/QiVLFmZ0cB4cyr4EjDR+3dK5y+UxU328PNTtKttOA9h9vMHApKES77pZtoxadsoIdmtRcuOfMoKJrhBc21Lf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sbnyNniaG8ny2Tc6cJY64DRH/b+kFeZDetaiu12Wpq4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NVYxWdOnFL2uchYJvmfcBhSRlM/+WPYn3HkbIm7DBQ+OMN1M42Nfax0NT7/VNjOmeXn0jTzRivmdK+HssKQc1dX42Ycj3Yo6xUwgju6hWNrQHsn+KfcJEdkmlhgXqvK6iZ+oTgmhUUIC8WmmQIKTHz36JtnZj/h8mUrh2O2eQzEkf4qzSrfTWjdiDKNjyIcIdI2tlRE38zMH8IfUtIQk0eg1rnPlI5Dsx4BHXEwCyUFaBf/3bS/wg7fhU8Gw1GOoDzRp2vuJ+0RuTuFWRDyqV3zCMXX35HqhvRp8Htx0pXYGkQvKDHdGpRO/TtCakRyztTVAeGZaed0mdw4ss8MdndzfGwpr+F51cYhFn2MTADwynOJlF0cWCuWiNq9UdXk86p9QhYq8e2zxbULSmmqy73XGTZ67mgXJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sc6VeJGiWYYvF1Kh+9Qbe4+X2fWx0ZGsb/XeavdYc/U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q/mIGCNDMbdIElsImyzqT/XQLhjRFjhNA9w+Cz2t/cSQ5VHmrxmPijI+UYwYlrfjKPrCW7y2ggvJ7rhWaySF01H64Hftrmeo2DfxxUMmgDKggFspAGB0AVwzxLCanAsg+wTe+GPyaR3lrILUvwaNGNqUKem6q+eWUa5yJni0McFG4sKerxAdSHGf2keMM7lgHLLnyBkguoPY499390wRnLWHqlNGY8B1dVFwRSB4j5gSrSAZ3JtS2GChydBhxB3CshIIEfuqtPcEGiGQoquGQrPrIk7SfrpXaa7XSJG0+udYxaIy8AwQCFmJAm+5bvWXvbVM+ahBv/1IfNuxWwT1naMaxGOvNobuAxXz9QIcTtapzxhwlnnEzNG4ysZsfq4xfXlhcoRJsGZmjhpbsMZABYpEw13s/8yA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "scnMjJ6woNfZx4NGEyVhCunVgQa2/0uzy8eNhIYHnKU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Vl53/PVWwzjStOlUNzFuvSX3AGcy+j/UdoTpL20PRn7Pg6ZcFlUvS5kwy0POmSydpBKdeS+pWyRQQ7EzJjSdMe5euPjZ57caHqItkxGUq8LuPGr3MwmhKDiWw7Xik/b3+dhDBL+H3LLw1ZJcxJZ3QOMONiks50p2UsWjT6bJ6ws4Hv6FsCuJLXNLMWC7kcb+YzxspnBvVHGRrg0cIoOq2A6Yl0ouVCffPbtZ7553YULjg79zY+3G3ccJENcfLOap5Ojmb9iAl21TjuvWkSScw+b3Bwd2lJ9wz3LwdNA5QqWoiUyucwS+OJC418ggH7+vml2uRaOkL3xoP2Q6TkSF2l8fUW8Vdm+UUX8c9ziJ29kTVRAZbLVB/7bb59oxteDkX7YKirDVDOvcU7w3Jxi3lE+Cg0RU+cMa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sdsbkpqUGDOPXZHAdZ6MbNnRZnoOu5OD8X5TQYHQPJE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sQjztVquk18cc5099ZKxnboks0sHU5OaPwkPJnb64MlDaP0xdQbNdp8Cj2r82cce3PaUacBoROh2572osOAosDfazK5ZdnEocRZOUNp7OVJqQV+cXITDXCjJhnr4r4HTQkajzv42HGvmAfZKIa8oWUzj7tuQIFtJ9DqFGaqM+TIDnjU3l0oTmSktHcxH6jLYW+KiDoP8ZVeiLapQi1+eQXYaOGq5NPznthuZbeRil8PzOzCFE6yE7Zk+p0WQSOlXDyUKuVIFhf6LDj1TszCigEBIbz9agQuo/BoAamJXumFanjaqXGfNlMgyRd/UzBy5ndMxLqUFJZ85un4PrOnH5PWySYKKZo2FqisqgxsyDzBErvyDfzBTHXdG87IlgBQ9UdpHyBXXSZBn7y9yeeAXiBU3ZG1MsEWU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "se+Jag2qJi9VG3HdQdMhPcay3mCF5uRlPTjIef9QRFU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TcEEytnFLwMZPV1l05PjC27Mf99oN5f55PRMwzFIjJv3izGcfZRD6TG87eh9OOvyszKy8FFNr5gn/EWodmkfnoD3ipcNQLKQy7uy410PnW+te1KkS6QCoharImCKeEHl6YvRXIqqP9oN2AZgbZTxl/CB47OV26pFvYs1g8Z50A0TKgMfqTHSKt7KzrANLEtPCOIZxEyieE+OSJXU7D96M0RUT0sPi89ivJLHLKcuXHklZS34l4vdzUencrOmulr4G4dPvNYYk7jMvYpZfzAw12Dl9khJKjSrCv8tQbbp6sESlNYStfvbOT9zguDL9Gx6aGL5NTJbKiwiaUqFBJdHjdHPXyxvXBHG563aIKhJr5sRbeovAw+IuQOJQ+Z8nnz2dW9nzOG66oZCKUu0Jngt0Igpp21szlNU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "seRzBcWEseofR0LFX/9eEmas6cowMJhOIG/9/78UfS4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5xdyZ2YFIylk76GiDPtSjJFGSLk191WS6ZUt9p9+lzwjohoMzm2lb34Drv3AMwU4RHIW90/090FI3WK60jLu+8ssuEDXEU2WGQdr08j1QMq9QtbzDuR7Sk16eV9F60A4+uiOJF9PL1bk10bNtYDsIKGpwZnzXNk+FkRejCI5V1QXRxBleGkje+OxM3f8e/353unsymdyTKli04ylws3lM7BzhVWVRmd9yjWORke80WwHW7dlDzrfkPNQQCOMWqOdN6GBGFaGd46BL30e1WgUR3IqoWCbsqkXNa4G6ePkX4hnBZqGS/WleIAFd4++Fnssb4nwH+Kt1GM+FoxCTQDRe+w/eTjqNr71I3UpEUhVe5/NQJeG51uParxM8/rNccRnNCCSqXxhY34luHVdLUGQcKEzZhSGWDGp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "seSIy9rwDOnJ73qUjdeXST0FL04aodkjyHE/vH3i/fM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JYC131W833ye5aSRvyZHffUNcT74SQFcfPtlxcF3J38g0E/j3x+bxN9uCRQ8O6suyd7V43HIp6+g1sk0Bfi9KDEWNVwWkQybSmpl7YIemtXvvSNDPC7wh3H0+Z1rWTnqA56srrSjwS7t4fcEP1Kn0wF3DOhOeIwmzyoXQk1K2KKHUQ8JhpLn9EVUY7t9m8radUlo1bggvgLSoboAZV0sklfNSTwLdUIkOY212VCG+WK1XfaK/V1e/8ap26gc6YkZdGDytFDfqTGvcQpt7a4EyOmLYzdRiNUdJ3AbmZ1iAff0dR8QMyBNSq0/ws+5VgoclcKA77tEiQbP+xVRNMl71AJ3XHk8OSTOS3giawCts1kGr4VUBbYTfP0dlKuM9fKL1DxkoEN8WRTARALaTLOOozOxLtG61Upq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "seY2+WYDV4Nzy8t3D8/G5meNAeASZjux75IOzO3JoaM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a8kPrK5tMJdewAnKsK+i9fuDBjf8SBsH/h5erIQf7pqnD2rIPs5USlQXlR0pOkgJyEJkEvYLUnre+Qe0nPUntkiyY6fHjWLOTfPgl3rpeGtz+8gArLw1IiID/xRf7YriafM01lKZJjNwWZpbB8J4W+nsIvLqGfs+Qi8p40ihmWRjzNChzAD6zIX0QRc4k6Sk/u4TNlsAORELH29pHZdSWkVQHckg//KL8gJnnI6qTypW4OR2oB6WVNGimy/mFtX02EKCFKN0djnij5iawt1oN0kgVZ371DZKN7q8tsmbJKogq5dMJopOIvekVSjA2ZjwKzTEg1NkjJUWMG8Al+9OeKAaX1j12vZjmD3+0EJZdcXY7zhGfS+n8IP9hb/we0hKVaBttj1eVAvwR+potbScJWsj2uvsUDJe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sela4PByBg/ZBlLnkdcJgMxsTQXO/CCj/xoMHATXSyw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ywEVVIywgYFItVSrbTyj5rrbMu+ugu36Bl/U3Brq0Y0w/8A5AUpVyG4t6sm19cy1MH2zWGMHlzFHNvoLN/+oL2zPolY4FBJMoSMYTavjTGAlGCvWUduZ8zy203AGqEBIcux56Qki9fNwyJ6jRDOmW8WSjRc7brs6UJ/21k4GvUXgQWx2PPiuw+PXClhTquazoCnvCwsGDFbai8u54qnvzIuSnFk2rl8mNYg/tID47NLsOvoRvIPOi1/8S4hzfariB1X9xsXF99iI6jz5GztpjjrSQPOzJdEhKEaez2PQbn9L7Mrq3j5mdbYNFeDEKR40x5BFn1V9JsJxfo1WL65BxhlmSLE5u5wb6on7H+mal56KbLhgXHhyLuL4mwW7xuY5aQEXUu+aEuFR1GmCXb8mf5AfkJzzB0ZB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "seyLoY4mO9oDdhEISnb7/nYJLqKDNDZatxuhyMwyvo4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ra6J9AVOZPYqu178DfVqpduM5qCvL06Zs7zO6ZIOwGuUqM+SUYBWsqrVVg7urSOjRw7Z5Vw0l2rCtxQrMsfdWKLqS30USIQKehmZxcBYjRZPtQMPmrT05wd0QpSWr+OM6Yio6QueuzduHtqjM6oBY4Nc2VzrqI+XISXINiZPNCFT6v5ZC++HPrg+Bd5t8MP6Lb2qQVsLvcmfhC3njrU8NkCqr0WO/heUxuEWmydtaCYUjQ46D8lpIeqn3P0hDLQc545KdVLkgKAb7HxQwmePimUeDGunjeI6roZ4v742n11BsTStFXGrvQ/zJvQgHuG0f+5yAl8YA+M7gwsNbVIqUZBpjiLg7Ys2TulqkPe71V/8ZAQ9tZxVADnWfCo80PjPlJlbQalRLpDu3m74OpwwGbHCyGt4sbKT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sf/fn+rhZhInptnU5OFtyaoB2Z6P2zG/0i3JSTbE8ks",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W2yb+1ZJ7VsQ6Ydq8yE81UhVUMuSoGMKfesS1JBA3IzPE6DkQW6YUeiiv17idzmVU8LDO8mkcLpCsyn11+IzGgO44dCTQngnmru3nvXpSxfbv9uiDK9ZQddYzSZy8YvuS3AMV1V5ulqd0f6kys5ZH2scWFFtYYH2ugDW2HWNuIvlraSoNRRKPcQWzeSep6ei20rAR9TOMW17MZchjyZPUAOU8G2q7CgFLLkYHyEo7f8RsTPD7a1uh+W4G8lD6vx4DaJySYNfTfShx6ojPjm8sV0Oab97piXMXHb8ylZjaEn9CtILFqS77eIcj2lv7rzvsK/tHvUwbOs8oXGHJVc6Q5SepnCXM/CxgJjom54aYGYIXb3hkFXrtw9lOpuL6ySSmJzL7eWJ+9WmAcq6OEbfwJzOK/7US50/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sfOAjpSr59WcLbLfM5YOvDtsFJFlKmVvGcT2mba5GOw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P+PpW0ZpMli2UxbFbpNJZHSLAHJruQF9hIHG7W1QlkPQ+nogD65P5sRFwtQ24OriPtsP4DP/Lgfrf4nGGQmxXKlrNE0IF4Zzm9gGCFxhc5knFf/LfUkobX1rMxWswUucsx8I0FLv6Nwy0NHWfaDyX2yp/+Kc94HBzhHxsO4C8xYxVR/jW0BobBgoLcqctd0dY3CAHQFhVgJgmsAbQ1SErHZutgLHpVn4aHP0CXxhHOOENqvP7RFxnQwpK64o+JAB2eM7wnq5iiWfLl7bmV2NmR7NhBC/oLKe7PkE54PrtIvauDkxS1RcJsHWXtOMIrRqMattL8XecGkoFOcG+UYLfbssykeNl1sRJdtU1BbRrfnnPFh0yMIOjEq9GuEYEpNdl7YGIZfAsX44hSjC/Mhn5KXADNcbLKlq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sfdEvbXRXZG7F8uxhUJMNlKuOu7z1aSB+GMW+XM8kkM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Gqpf+qpF04zAEug0uNEb2ViZvB7Obs+ZsF/gtcstsPux7marJsbJKA1rTgxJYRCf9csq04gGlEsGBrxe1rtBHjZIEoN4HpEjrM2mOCWsH9VbYkxsVpsUCkKQ9itIPU2qu2Os79aU9WMsnwv3x8ePQhD+5NXm4jN4Opv3670qBozQDJt6lwvzJjrBzBeE3z9s/P0n8KrzBX+Vlgj75TBEKGcql/9WTYSLRsdjb+LiGUVGprEHgyTOmN56j1Q8MkRpnjYpmP3+3kT94N6S9RDSeq+AvKzrgwqNjiHAw84hOHTiKZ/3x2FlauGEpFVVERbUGnPWHuit59KabGUsE1JWmVQsxjF7dEOb/6O10j2SUo7HMtKPGWW5S222g8DOvb06PfRlGtwgcC10XKefZCYjdM9cAnHDxCoU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sg2GSxGv6VvJwwKv64XhbOecGD/NNkJJvueVCuWPmRg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M/VehCW0ingO//wlGd6XQaBBMQvkV9k4KedjMuUmN29sqnZ1Jv81btJm9K7QIQFMzVFdyPQKiSE0KSAJMqdM/b8M5rnkAoSqewXF1zr6nR4rFhSSW6FZg9NXrOob8KN0JhElolrB2R39Ro2pU454RFVdlkHmFqhCZBbmKHhuFCEBrb3CddNSZp/UPqilCfLzfkw8MmnK1c1lqaRytqp8gbhqiiIiLmEMTNZoU4Qz3RZkQXshIynqRcuvdWtdFGE3WpAKVRLDAoCouPuKoyM5ktRKe+/VwmHV6/0kusFXpaXYBTTp6uOrGewro+qgUVD4UMhnFVPAvmurTCGs04+UxWXcIAoFFzNHUSj2lU3a8Xeabf1LXS+ABcu2MmteRZHf1CBiPCJ6MgWaRxgYSAfRKGOLN3uo7cup",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sgOEk+xK1+wqTkcwE2VORla16qDBTNeXU5GalMEoCWE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "084VsJvS3MZ0GZOE0Mtm0uvI6mpB9t9S410k+48+QUMyLGCKRcM3UHmIY8s/0o8nY/Q3nQpTy4N3tjoGJLIeyrTVoq7YgfhXHGk2XP4IgH0FbuLcDl5jTsM0/MWBkzF9ilwrtpIdwKGFmOofZm4aeXDCWlHVsMk0TshXL/weTUV5TQj+OlNM4xa+ChcntUgcU5Kr6d3rOUqPfeUpn/JGWammcf9Q3dDD7wyGaaGcy+7F9TVjXzwjdXFiXqC+2gxXdsIvLMyFbhtFW2+jX19U5zR3935VnC/LlmAtDFf3cziAqt8Hh+FQVq2TIJYI3WH+p0t9Hc46DCezr4oNJMtCCuPWsci0Tburlt6SHva56lflWHPH0EeEs0XTtR4n/tjDOYPPMUMCbHytT/QCqbBWb+sBQC7Cy8p6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sgvvHfft/SwcQb6/ZyYsySFQCfAHpp3KiOPkqVGsL10",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tqZ5VUo3NPb5in2fCvHnvNwnkT2K2dXy8/fIwlE3/mLWJW/ZPfRHO8bvBCRSyeCWv8QBVhyUwkMzqp3/+bysnX9xfvRq4UcwwpC2qT7R3O7fscFLtrGbKJfET9/aLzJ5VQMb4FFzUiFSnBL8libFJ9dlKf8ZrquagKVGxGVo3FJi8CVnnw7QtiY67J5XQWMXPfaCkbg/xepuCyR+vNZhYsmnL67m2wJsHuSZhz9uNSGvuzUn5OpXBjtnyHF2D0r+Zq7h200vJBEw6eaTT/TqMDrPBQIVdSJFO/Cm6rsTymeal1bEkG/vzWxZ2vjnE8qoYusRHqYUR+wGw+1xzeugh6MTz23DHjXDSN63GmKAyxB0jsiAK/yPOy8U7gaTdzvG9+QUC2SJzo/vkHvcY9KghI1eN13c+7g1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sh7sDXVBVAkQ8bvCS/t6JLyobqxxTTiVGqe6NDouwz8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lIVOXDrR1SdltvZJWBIFRsNWzVypVq9h/oZM5fswcApd2jjxmitzmPX4XzOWoHuUrf+jL+diwCPfZIGizDb5G5qAQDd2/SGVlI4WgMSft2PVK1uL5A0l1VeqiBRNmUiFceqH/dDG8RDDUwoduxPwhIgQXI8Qs/cgUE8aV689JdWMVppUCymkd98IzqEssclg/GGB7/qSMQVNs6l9tNSE4US/3pbvcwC3OgOAT/bdTpfDoWj6NzOV+JnRLy2V9M8HMi1BNr4E67D4K28DqbzIJ9XsxNIrgD0FZaTl8MEHunuqdpkh/fE+VMHCunkLqGuOq9ym3HQDg4J+xm+YtA3nGHADxWnW3U9+i+7sjxkAp2lUBPykzDApbHEmIOeZaaD4YjImq6uasiYNjzen+zsAvWB+P35bA6H7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "shXkwZI/N/BpMXTZJfwmTtT8zuTqUKU8glBZMVIyQ50",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iRmRXmOHe+VWPNkKRRHASOb7b8qaZP/XokfLtxkqWvelpAf6MufYtOz6gbEbo0Gu0aD6zrsRjzDP4JcGU5mSn8mffB0evU35N7LNMZ7iBdZMJsFqDbOLzh72wDLOP8NU7ichi8PR72MEXew2UeySqB0SqKSHyLPedC+t8XRuCG1h364gQJhKgR7BVKd2i+v6BKBzxj+P0RiLvUjOZ3n+/kfdCrlpEAonE9PdPM6fZzdQ5Wccs1/LZ4Fe4CGajmMHaiJq75DYKj6MfXsM5IEavIWV/1BAPJD922mg8HSzoeeF8E+tZHFwX06bywmfsBxrHaBOLmEqLi9b4y1UxWPORANa9BkqSTyOH18pKiRnLdB/sMFkWbTbHyag1hEsed8+u9XwzE+U0NU2JsHQl1ibwDZzZGxNUwtO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "shbZTaFMFO/0fDxi6U90RwPvIWYAomp5cdP1GFQF0bc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LWgQV44pREDo0lVeeqUtG19UT4McH7u9MRLp4YS1uEwiUoIF7PHnGqdZg4zrG0xGjetvjUyBdA4ZveCBVjzef6qmfbKvcJFf87s3rj4oxMh+ZyGLak07dTVxXcDSVJAxjeriDfdfoja1BUmgi1LSrupH3fJBTopvkIOsplbVFM2yxeP7mdVfZAf44BnQZtWcDbasFkIC6qPwWo0UlbtbTCf3TimewLcaJTlECRU9iEeG21CLEZJuu9LtX/WH6UAjo/QaQz7yGoXH8rGzZWpe2XPF+fM4KB1T3IUBmZoiPvkv0xFyy4+Metqf6c8GUfhm+lzoCFDdL+To1TqbGk0yVXrSrjGyoL4QF5KFjiQrkKOfz89IOSPKU+dSftRpNKKCbfK5fRZHe69cYFE/vZ+M8hrbwiY22htX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "shn/d09hKpqK4X0tnx34SRx89rM/WvmKvgfRHTTNqCc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B+AkwN++dO88vATaEp8quBvLmWjuWyZRFPSjyAkiHKn+XUhJKrTcbQcTULGo3vNDILUOj6HhhenWLVK29mffMamtK3IesUCA/x6Ho5DbN3L71ly9wlTAewCOHqZINgkymoBjo8MdcmA/4AZO8JntAumpDgkUm6dO7etY3+ndMMYwEZfmqnZ32ATzuUSbV0zWM0X/sG86+2zbyNe5d+E4IJdCRLcMqy04RY563yaxYaJw/VDWhXeeInwolqoRIxb+0EkmqO3rfEYmKryA2uZrcACEXs3aOh+p9jNyXs7B7AchkNKW83Dynvy4XTLxiFfnMB5KdYYUo61+XFEA/L/7aIyc1pZQrTOfzCLsyd+NXWqL9lrwPoOfS8IIuPNrn9FRvRFUmGEKOf+FGTq1/5z8FFe4r527fcf0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "si8AESKhVQjyS1S2axI9nNprKY+wy7vholvKIRavQH8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LZqnXO23gJrbQGv01ktroGPSYM9bz8KhRcYr4v4MAm5BjlwZCTwd2ze9WBEyS5X9fzKfJ+04cuR0MImXI9/HT6NGl0AmBdILS10kK7WFqbL3kgm7tPkCE/CYyIcMN6plAd7w88ZgHumM8IsBTHjotOU9GUIegQ1wDa9sJrYQsTPkrcuUzg/aLZ1azbdjUJ56bs7vMBqTbYxmcuolgYi1y2h5D9qqtB8AZtB5b24yIMoD8TfGGhATLh7WjfabDS8/twZmOK0VQ1Tfw8hejWCqBcOAOsHeYUeNPf+yYmvvCr22eYLHt+HkODfyN5zlBX8+q8J19WlNIQdySJPp86nrgMBnthE71v3vxwKQmhP7eVy0F1NdgdTBK/ciu0yYo/3EOdDY42LNWIk0yf9N2QYYekMvdCwugL1A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sk6uAhLpabDFrzeNjiIB9BX/gRjiyX9hA6zKiip5/64",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f/k6zIxsB0HLg3rgojBLqLepnV6ZOCLiu9P16yIYWU0pDdz0OCvw3d73yPn7aR+L92x4mp0mitn5M758ERSHYjqT5CrDyrUXAfeFqcIVP2UJQVeoYv+Xd6CLEQutZKd85nWZRuAP5z20csSeCN1Vi0M3UYgyrI5esFPubTHrjF6kgtYzdzHL1Z2zqXLHht/W4AzBjpFF6metcFmR3hibg7ssKw9hpsSBHBEPRhzE0oZoDdck8fgJcLX4zJJIVZvIEymx6dVD+pUh1qCSQtYTo5S1x5qAn/lbFcuriQ8Psyx+U7FBR/TtalcNK86HpApe5zhTPMvRoKkSRX1S+IRiqhrdCpDkzkwZeJA7RSTWBt1XyevvV0Jumpmf08PsP+4h0OOU1Ho9StieKKg/OJGLLRTf6dkeFdhE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "skDxvyGz3388/NHWrFpCH1f1Y1PfyCgz1cBdJdhJR4I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OHkYrEtZ3DJV59SydM5qeV9MB9WAebpSNo14MWiep+lXcZOWfipi2OX26eMK86iC9alo9HKhCpxElxru5HHpMTlL+dXibfxQgwV6xoR+Xt09rPd0Ari8CW1BhBJ+T24PTDtfuuq590+Y2llSzZE7GzC9ONL9rxqCl5EHtl2c5A1jKZIriYbE6CKqUHKrJeJsDpQBYSp8N7gISc/quMpwsrBiw2wE9ROswaCw+s0CPy88rUmnRK2xbU+ud4gdYMnmH7mq2PkevVnLaovU90fHmOwt3jry0ArSIBTGjXriSyuWvCPjm7TIAA8SHaI0uqoNj7s9fYwXi4o+vuYEcUartFrLKz1/v+RYILEqX3tZTukxyfTFqwRUZBii0KLt+7nRfRfWMOUPdsYhqeH3ppxnxiv9B4NWUySy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "skIGkFlEFXt9AjifYYAYu3NvUF6mf4Iv3NssKdIKuD8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aMODYeRRFosNWAH8IlN+rglzjgaygZuo9TN5By5+OOy1yO8Ayc4BVIiXbPfSEBtjJy7qNrO6HsgqDC1SG+VzQH5jV75DMKoUK8gpTVPx8JGsbiqBg5nvZiUfCtY8GxYs9fpdzQwjUr6JyNh433lDPm6xvilcsDgz6U59ovvqgvgeKXXZ7H687dXJHem4rpQJVUYEDMwS1y8U9lpyyGOOFCnt0BiL166MLNfopnsbArGIpexE5h1HIzOyHCUXSqY1N/8xM7rn8wuPGebGWyhaWXOjJ3Mzpd3AgSLUAU+Xpef5hmbiqAvXr4VawDyn7XnXyVXuUxmX6nauQTMnWgHT3y3V/rBdCVqrvwcktO0KFkmS/xQl0hA9I8L1umcAzvwrUNFWsUk5erzvuYclb/QC1ridbtPPrYUK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "skIgtlpziszfMPb4+DuISwWaxPgmdv7vJwWvVIndYos",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XRCBz6CvzWluiZCB5lhUuQoxn+UIfUOCqbIIcOBzlz0eKwpWasEcyFjUtp02mF3QqKzhjA9K35/IUUaAtkDttemsIjaHGH+sI0zU8kAKvwP0DqXicPfMr5eKmqZXZaF1lyjEl4C+nE6vCnxFx8ZmAv3mg3inbHNcjgiE1j3liLfgUDSdIkjr8AUzn3qiP0qrgZCID+8wZLpTIFoORr0D34IwoycgNB9G+Ii3qmWXUcZT57G0gsmHJKLFZrRmXJdnJ1rho+sOgX22F9MoALBFJXxSv6OLddluPizRhupV8CNY58mxpKGqxo4RhMZVj9uqm1aUE0vkeFhO4abso8KyQDmxvEaol9tysOtBUdKgpSKp9qO+VMsRSQqmL+TeVhJSIkrod4UAJBlX3BzrqzmCcOBXU7Rk8FFi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "skLGCvZPM6aPY8FfEoK9r4P9BMxfl93wG+x03S1isa8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "p+THSXvEG7wLz2qQ1nChjOG5rgE+pKm+kkxiaZz42s+G5SFITKvPqiWfqtOUPRRgUVAh5IEE4xzBxnzrbHRvRm+5Z6n7nf1EbFG28n2s7XD5LWSA8dpwu2ufX2NoaaUgl+cdYC8H7AsXSBO41OGGSTrW6qywhDOBNTitg59JwPxyinlubzBQKYes4W+EntCafVyAvbgU/AzXZHMAMn0mfojphTGXlmj1zJCt+nP+0CqiPVm7wB0e/YIpbJTEaMjpdyQ4D6XYI2ijwCbIjCwmtp9OuChvTFHCspPyhq7wm3bP7ACWdk0SLBS/dJtdGZYgSPRSNEJVzGJ9yUkxzWZE0QeON7nVluKgdRLgiGkVzgBGRIBwKa5tv5oVHHr//CC3BE6X2OJ5iLNZbpi6fZcnDLXVMBtmZUd2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sl8imVTIc8EZL3NjldMHtS5yUrl5UyChry6F9eBvmyk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aoHWWFFz7WmNVAUBkNWqDl5bW9pWQ+S0Ak0k9PI9vzdhPsM7QcyqONk9+Xt0xkEP+PykQzMR3TxODwRyIm0O51AI2oRmzgFvi9KIptn7Pc4l+WkPfEln35hsU5iLR65fvdNtCceFdTrMWT4rZqzphEZrjz3yNYk7w3LxCvQIL14ZwFwS10/WVPWhouFtNSwsHCYb1T3YpBF8DP9C2iavwiCfTQ020MKQgsmt/yA+dL7p2W9mWoDIwtOTe2eYqw7CjlH0pywzD101rS0V27TNs7lwtTgsbitIoKszjz8WgesoYLtG3BEN+uVnnqtmFF61i99S1Z1nXmnvXAmRvlf2kPOergvQafBeJOjlNc34oUfaTAtQubzGSKc2MCqylcGxtHmxwEjz4rr6w3lL78HLnwHMT8jWrg47",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "smmYnXGB5WC7kmbAKRqUqjKrfdP3eYK+guUxgs36WpQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QwQuYOqcejBB3EdwFtt41HSudDn800Gw5pkLXvB3nQWapiMIb1DKffdCZUbFCyMc45SWdHOyuyzRcBbx9+XDajI15Iwr6otulzH5q1ZOzAlGycJQ3kZq9p09kNprBi+69EZcTSR8HwGTEEx92xH0+NhCOVDXCNS2RBh9qThVCTQcQw2tOQQlVQA5VxQhi87umJPnPVbdDuPqHINGXClHA1HNrcV6plsZDjgXgYQBvUk05Ue4Bq8vuud+Mx0HQ0IN6fEBlE90cujxza1+kxOjiIT/0seRB3bX8oROmQab5E4b3mXgIJUIcObKjUKDgMec4xHRwrJ4uDcjamPh6atzl5hPYSWqBn3Klr3xMez9OnfyhP1P0jEtf8Csc3ynI92SE9An8ChDgZCPNTNU2WTgGys/F6hFQkkG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sp6yhbT6Kryf4zRT9I2/11OGQ7tl/PZwbJeXN7x7yfA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3+3N3QCjWKWJH+7fFSYg8CTmlJVdlY2So6i94Fkg0uL6jtS5ozk31Wfq1EIj+Np8Ohuz6/gDAZ8CFUrlTGcxy14q9v/ZZN/WSyCEJJCKB/vHG5knzA8ylqa5oM3syzblplHYIDWAoVD2fWI9W7yU1UB+TRcNsJelHm6YgZHxw0A9ceBXREyTBJ7M5XObnSR8AnTvBoDUZE2pOLEY4XaSV+oOptOgH4uB0PfOPUPcHzftBbs0MDqlyCkBi/BGe26w1s9/Tbw51S+e87+4zcFZVwIU4EMxRk5xxDY8XFzLg+WjDgO9ptY33DmIPIh7/HAkyQo05Q6wV73RI5fiYzYY8fi2ekvGHQcb9kAsJEjml22BA9s/ddc8GAP1Gy4Zuhvq0asz9GvhKqUSZ51p6+UU0TRYegCQ6NqS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sqWRDV+FIy/yBWQ2TqUJB3DX8KbvftRULe+VWpqYAj0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zZ1sydnkk/2owwG5CXsgM46B2V5LgahDvjg2y1jHeA7rGZaqOeup2nvz6tThSnx08hSNsVyzvXVEVO/s5a933Z/bG/M1rb9RqvdtC7YgK7l7TKmwnc1N7H1HYLFfe8eaJj4NahN088HSA+ClyTlJ6gPw36u4HiKnfAEAIQBpGzHClBh8hTNstgChMMYVP0eMvW5PygkOjvESg6u7dUgfBHfHyVaULsLsqs9arIKFYnRoCBcT3Qppv71nAr2EtFcCO9VhzButc+6ifqPdVQu6XFh481Jjcc8deXvkxS2F+h2/lBOq739MGJSfvJuJrLbztcN0k5UBdNEUAYe0DOtMeD+dj5aPRdvLqGpqB6ir5gUS5A7XQ59xz1P9+RS7uJqfHqQEZRvkQrFVuwkIKXDPJMoOYoNAe06B",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sqsyZGjVFE3Z1GChoMWQsjs0ars29+UFgheR8DaRLsE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "INqjqATUeCisQa3rHLtG1MDEQQl1jKpKJVyme9m1HbHnjLbvR9wv+j1XRdiGRN8iS8Fm7QV/MyWPrAbi7EyLilPDAJLPyUZnux8hN8n91eYd0hyYQ3olDSjex9kvZbrWn/HLt+mqghfj717G3Bp3JOhD1NDmOx5hvPIWHvL8IDG/2bNb18rEZeZe0S6RH0bxAaxPvDG+kYQ0iZEhU52GfG4YO10QqF7JwxpkyqfrP/mOoUptqCcbNM+AF2Eu3Xevl0SHnCeXWUUU3c372dl2Mth8FpVr6EewHwzSlNdpGlJTto6kcIOvlrPxVyey0TlibJ7EWQ5tdkwrSzXe3INNhGTeesMDiSxP1RzGiosrOV7Cxby/Z+pR2Fiq4n8h12moLxYfhAWA6qEHJe9/2TqWFHHW/ESl1jHH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "srH3hwQfVRUzqXcltVSDWB4BkXC6PyreRotF4m8XG9U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xvmlyNkqdKdfbYyYt4eLofEyFvsXuVZUhYMvUjiCk4sGrYz7Vir7DluOwJK5BCqZ9UOx82MGyTdHCC+Iq55+et3tlvCTLznpJBO7PecIG8A3M55xHX0U/0HttXQK6cIyagG1CqtXQZNtplpgSfPGnVB3zbyeE3klBs8wodbFLFnwPXSzP+w6Wospl6LAqi0fDLFbAxxPL/H391rvX4J1idcgluc+owwfRX1CBSa5u2bs37kWPIgOFWshzhtd7/KFsrmgQuYKYjN1tsAR8SvDzkPId7beZFg9dgLD9f6b5uK4rmlDXpG3KoA0P8jNcXcsau9pNC7uAFlpyaYMITeY+Zgst6+6JHbmZFTdxqvUP0wp3/eXqB6c/Ks3QOWOj99qC2RbRGwY41Pb0g/vxf9rRZzF7HXZDb3h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "srrLh847wrT9y4kqHE75dG9qcrxjzUVfRsiDHWIAUmc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yLPR9sM041y4RG5NhvWlHHVtOqXLzTw0TW/8jnla1yP4Fil4StQcKHT8FjkY10CsfIZ7QsQ1yMrk4MhQxHYmPCPoONNywrZzOAs2r1NyrJy+c7vCh4tcF5xn3JmbEH/lwWyijYiAs7NPe+2SlfmMLBKfpgC2Wl7h9YmofTV6NHNiTyKBw2Dc/0U0ILoRU0MM5K5nrQoxHFaH1hJCEa2ReRKDSPcDDCu8W/OnFZTLXQ8YRBMdhR1KmCDQFq6aqWuhGy/BM330wWWUxBRIizecRVj4WdXj8aV6ZUdjemkx3bnAFpf0H/hSC72tR3iFX3rRids+FJmsMhSB1PrKoVZ0yqybxavQnwW8nb4w+PkVqoIpCLp76bpzPx6NPR3x44RG75c9yWAdtlt3Eke9FP7sHMy32Ec/NMkm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sseON6KvV8AkIfDUWtjKO82oqjPG8J9zfOn61P+0M8o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "U+IjHxiL7eqy/Bgej8e4zotrd5yHpjBgmpu6DtW2sw2SnO9WQJUoWVu52riLupHD7BJk7g4oIuRJWasJWu8H74nW/2SYz/UC0LH93wilnf2FSiyHNbrlwl4G9xDE6xO3vDsVaQSe7c9SoOU/k6K8ji5LM3hT5M6IU2bfLOILHizoXNac515MbdZRaZwTuIvVYNfDy6hDcxRDSUQSUUuzvBy35KvagDAxKF38N2eF/XljY1QUw9IUe5xmiBflBgG+IViiqwSmUi1pJa5lpvuLC1ulnJU+gviy1BJMVDPdBnVbUjEDp7Au3zAOeJYodNrMhEuan4kz1Qob1ItYMbEKP635OnpWRQ8EEg5iBSz4N1yhPY0OVFPCjz1GRsWSNL7ROT/jiMAPvd80BDgtTdR7XV8vG9jTuRfr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "stCpOl2T5/4k9rDLP/XfjGkFoj9Tow6pwjV5k8DwUl4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P85jgMQ7CE/CTxm8enVC+rByUiuULgBi6li7aYK8ZqePh9QPrZJYNzel83QNMO4XSvHsAlZI09xD5s50M/5OtE8MfQ2XVFDvbp9WqpoqndVNzMlyr/Ub9Q/s6EV+VBVefTttKBjyx9qnYEIc/q6fmAFTUkBEfxIV9XDa2GCJ8EzCezvUT/Uf9COsCbpw1qv7Fq2GF2LeDQ2mMYYEfMSTKIr10LS6mimwUrcmeOD+TXoYZT2/BtTOGQOvq+kBdsj4ergf6xQZe6uDq0Rfs5MiymQxNrsKz4BidMxWNXNfzYedfiPgegT8GC/tSUxBqzqCgPDAVs6dGJNoyFS0+lE65ptiz0qy2HZ1KUFJXkJ0JMEeuspLKqx8+Yz14B2mgO9zUIGsY9McRtNwXmS6LmJ+FkZTEHKD9/rW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "svGBnd7ySG1oScjDMfRrroEdFi2XmWSEzdODlnajMQw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aVo/LTj4b3cixfepRZMdeTAF+gRFib7GveynCdAVKF1ugv94fpKChryv4SECLqnd8Vq7HAiQgQ6I6n7ftwEmdUbDueQcvM6qjUC2SDIlc7+AF29nOsytL+Srz8XXaFIM0+YHuOQ/npSQJ/hEBo0gxeoybmUJxK67KUeSbi+oT4a5h3hsKmThFv0EwgUt6VXV/W/Zsd7HQCHaCqCybsQvMkFujK9Tzef/m8RViF1R8Sr9l9OLeKySCj1Huq7e6J1Eaa1TOvRPENIA79FqLuaidzxtIGQpI3KghOMVMG0LAuLPp1RFI9ZU5a/iUlPRH5H5e6/6H7ipGV3D9HVnJRWKck7Cot3Q9RWUGi7ldbxjmFPGYt/02OiHVEykqV0RjIL5y0YusxfDgI7xxjsBfqetEfpaqjN65zDV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "swezENB5gHcClVOE1sG+imhRbsmERz8ujYwODefLrhA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jI55uUmOwLTozh2i+eVQgwJ1UzliSd20fBpo3PmUPqTwxSA58reP0tENY36RDnce90v/JY0z27jnlrTfDAptJ5FTpbZ0G+gFU5eCpiLmhWjEbb2nTnAwWuVEb2SNlmA9xgS/pT7CfROjXeqwb2y43JbZAQJm9sO1WkWJYse4FRLUjX4vusgpj0bM7RyPwoB2uq9NAg5v3pWTLeGkW/+1hLQbEY0XhSEwZp1ZFHG8HsY7CGV3AAmvzfWKnNPe1hbYvjqM4cNo/WpyviJwXjxXJHoVnYuoATdDpiJDLmCQGc+WQHAbAxKuC6D3LoPEbTLEv01xo9NMFMS80Y1muNfpIdZ3t1P6GOV8kjpF0OX4b0r4SbQMGfZlagXTdLzrsKfXI5Yolin7Qf52rSfvKW6YMeHBiI/sWPNz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "swgk/m4so5M8dTrRpxRD2kT0nSDGUz9EOZx2t180fXs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aPOvdIG5jEiCWEITV+plgrCPJ6Q2hybpqkn3PlmfEMrS/tLEken31HNfJH6JvXFWMTDs9YYZNQeY8+RdNpadqKY2faVITwidBtFEKqTuzJIqDftvt9OfmDjJ6TN5eHq16DnXkiIaGrlxsiAuCA7qNlBz0qYYu/JphFfsWqUTlM1rpcaRdYbdpEI5rzHMEclFB+uCiKlRxh0M6KvEJPZt0hbS0/B7u9b4vQnD+fAzncJAsd7LPRT6/3tDcKF3XmTDIBJpcM7g3hOIKdSKfU5FcAzhfCNUO9b+hbhoJT0ZLsieSyh5s5OK/zaiTPsx3N3NAsjq+LNnBEvDHoT1Fr20PG1L/6vuDqQkxbbFEpk7mUY2/vHHZcgeydnWCm78uNisU6w+YV2iuXm7KTfflMVDR1bdiTzXwvN6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "swiAl0HvYmSvAITO9jSLtu1i/wM7FQyTUkhFgp4E+p4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BYcpuufNrpBmjRBpnNlMgZhabFjsusCH7w0Fsm4s4ci0gJ2yFWuWik5/docPbV8NnUhiDVKPAH+46IDWpv91Qj1PheSiwFvqybVecmcgrqBTBj1qMeokt0alThIRg9HnCr2Va9x7jkn9ku6S60vmZYdVz9dN2ITfM1nqVBwQ3iX1v3H3BOzq6fv6I5HtPClC1oC7+qVUo7zmtqYv8+QJBa+aKn8Ue07Z8SQY7jMvpSWpm4ZTaS+m3/cY4Ri9KHPanaL/VZ1BSY3jrnBKJQObK2ich6yvoLNcIqmcCtJl0siKz+FU+wI869F4PIZ+JjvAISA2UmvZhsubQ0e6rKNwvjIfNpzMf0236MV8z13N4eu0y4V6NF43hWtDySh1EE572q7r9noUy/RQ8iA5e/dVTS+iCBR+7r57",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sxCnKJEzdRnZe1CkF+YfmmYpBKN1hHlCyhWFOlDAAj4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rLoIlxPzwpYiG3VekkRg17JLJEvf8WrdZcYma9ci9+MSMMcqwSAkN0fcpZ9H8uOoF3WdrcO7XkYFW3fN47D5FVPWHv9qioNbWz3QXAIQ9I7LjxjFBc/hTW1wI8Bkv5YZXiS+DDI3EFDejnh2GyJIW/2f6ZmYI/yng0zix9zNyvtfYQYCdxqoZjBESXVF+varxjww8vy0KrivIAPcVGsecCEltW4HxDf+B/y3ENuKiH9AX5eCAyVDwxwX/RsOCREGmK4YiuhahL2zVeOwh2CilGElE5eck+IigZil9lTP3a6a37rXVQrc6uMZkwT1fKqfI7IUvKGbdAi/IqamX7Y4YtEXJn0k9SFdB9hEc3nzwKJFX1HEdfWjHuUpbSyqwPkbmZcKVWIN913hYk8flUY9zPQzXXgvKLIr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "sxjENRARCwo1ZjVBGIUUnkqE8PSdWhiWwgRooldIHrQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xhnChL9NS0hrWxZaBaLfHBUomFuG6asjunNQGnIAGf30Yx1JRLRCWTg3812ZAeW3UpkOgktysNDHnMobNw1uJs3ZCCWLq02yt3vqnvoYw3MTp2+Hk/Z7EyWshn4ry4QDDVbs5hFHxT+mCSFjIU4RBLQ88qeV51ox9R12LOdegJ2tAZ9AnabLjjQ3om4ojcs+Jt2YI2WMJ0qBp+LH3Q9qW52yjRY8tZK2cbFUEJTCjMFncptClAunCHAq2Cj87o8UIKUnRvGbvc23E6wrakBCXRpZQ4V5zAF0SgKgyXrI1yeZ4aamrGbuWceAsnKlGAqZwgmsh6kQbkUNqmIvRBqcztR21yqHnL40ceY4HKQKMi5nvEVLERgYY4xMPsnGfNtLF+x73ZK7y3jA1fPo1O7yJue/+i7A2VuF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "t+n3Ezkwtw19gXfTnXNu+iig4ZWJ+asqEYqhEuz/B6g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QWt5gilAWYt5LJzV3P//26QjjsigKc1aQQeOYP8XLuu/tyhgmwm/1gtlR4HW1b5qBsthy20HVIx1UwemXNjiLOBZdmtqrZflAR+oWFAtTngk67grcqn9ghm19XPOIOu/dlMGIeCc1pO2RzcpDdy6GNalB8GnqJDBlJESxs6fJAbP45OCjEpm4JFs5rp/ndOkaEb4rZM0hgh5H3QMnB3xQx2pdgSwmKLE+WwfZ2KAG2Vb4ETS6af4TQujstZpVWffxTT84g2wJuXjQkUDCmkuvVbsEopvHpZx0Yhml6ill/+6KTWY+BQ6sHq11HQr7Fq6QGlYe0oKX3yI7htipRZVlujwih07fH586qYaJeXX8/HP9Tb4eSlJY+51grN/YWWGmlA4By6OzJxPLKmALc9Xw9Uu+A21ZBb3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "t/pWfA4SnvsGeLGSBjWubLoxHOAi2sv1Doy5Zgyybv4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T5QjkBLT1RANUbsei3iWzfzgUSayQJ0P5ZWjtVEnh37eLzEqRKuZhKgHYQZhfXuGi+buQIMf0+Lql4bMV09fkgjG+W+A+2aZdyaZGuKouBNd97D+J/5JI43Ht1AdsJ7rsJygtFOW99Lpiw+/Nqr/H88Jlhv0nyFWjIwz9RdL/VU4mj9Ld38s7HUt24Zy1D1W/kPVv1Xd85t5n1tXrtCdMj0BRpleJLogaHQkPHlXxNNdQajm7glwbFQBaRtj2LFkk0AZHLoopU7f5xQBYZ+sDPs7YiW7hdGXeI8SK8id+9qal0GRBS703Z5hwEcqoG662oOyqPf4u0PtUVKWBeIYYOnwSTbrRYH4f/aydavX+21lQsateyhzrjINa2xg730U3aO1K3kPMdv3Zk33uAEiLWnviP/x7XaK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "t29bTJhRFxfocf+XS/vaMB22pD6k0lzxlVH06nrGJ9w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lxKuR6Th8U/zNy+J4h/j+vGH0ZVEw+Av9U2oV9uBGH2izVHZl0Cz0ty6NLcmgG7CL/BWnmpt2UvZf2CZ4zP9PRgyh2izpSQOqF4OG7CkyzuUjA1K5AXS2cDkeSYA5Sr15TjtjezH3Oh837FkocV5/s0SegrDBin0tT0hkK4qqTuw9qE2be/0ID9Udtqt7SjoV/2almgPaadTE67n4z5sMsYw4+fguuq1ZnTAi4T1R/+jBqA8OwId/6x3p45Hq4f00/KUZQj6cMav3s8RzQYtBZQpJj5B3+LuO5NKzEX5+SZ7l4EkSN4yAZLV4mQuVnZefolLU9xxCGtIxCkHLVGjeUGVETdQHWUlwdm10YmrA/zxy2HFIOBzjm5ncUEdhWiHnUdI/H9jvvtj7Im6fa0d/q2f0H5f1rvF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "t2qQLwwDFHOOOehFPIJQErm96L6JM13OUtRC3qhzhwI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5VdptT+tD5eGyWIsrbj8fcumrJS83SFtsiNOtmjJ3OEyN5L4zeQvRjh1Ht6cEDQxW/ydSngf3LFJgr/BfmWHH3ltD+SsdqRwwBdCCNWb5Q1mcV5nEaDBxHQqyS6yH/lYUFnCRDYVwZl+hxVZyy6NeDMbBLl0Rb8vbxFFB6KjC0qpoDWGWBTT/QHuRTwzHWfdYTmkM8NchLZeZLqWfWuv2wvcYnJzrR4+wI/cs5R6DNS9YJmWHq5UjE78LW/j5DP/Uwd4l0QcpGoPMgCAyE5qOVXEBkZto/GjXcdtTOc3SBHaiBlZeAWLg4lsZP0Bd0VNkNCYajxR1VJTy7PKpmxn/9UP44RZhdS7ZDLgo6c7/IGxs1woMz1WyYN/rmOsSZ7TRTqNdcDqlyhtMCSRfuHdiiWW8tWUCn5U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "t3adFIFaPUa4/m8fOxc4eiPPjXRY4EKr2wJZfUx7POM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ncnYsGNVtyLArxL9cjTqAdxzuTQUAU+Hvu0lgp+fWwolnsuFkUhU3EgOUZZx+NavlC2b9FIWqaDU20S4feCtzXmUE+mpBpx1yj/3fcMTE3I1ism27J1d47Zrf6ujwLkAoXDQP3oea2CTYvxF3hBnOLsXqfQS9Lrcm2vH146ex4zzI1gACohImvvJK63bMVb9hmBePUcYrB5QuonwLgeJX8QkK4ka9ze0vylXfomA99GphDs8c9rQMjFNR4xT6uIkK5ST7T2r4JfFJMQFDUEh/fi/yqdVtfpZnON0K50nBaQZO09lla5tGiYUJklQhgvl6RoHVY91kpKMxdjTwSo3lBEc6KvbeSXQCLRP5uWKp8zcz6Nt2nqYDYTdT0JtwcSOxUgq1/IYxLYJ9NYL2kcz0qJxNlhUncGO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "t46KWPN59XKyLyhaNTW8FaogdCXJC16jDfnOfOdcUxE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uY2qAU/v5YIaa4k6ei53dDyFvFsmR8GJ3M3mpvbW6lHPE5AWIKSdFPHHhjX7mGln0OrDFYm2TfFJ4ddMPHay1HKRefrOyXxt40dI6BiOZ+6zuPRE3rAKP3A2pQMfsBuVekeyyTfBCVMA5DV0fjVFlxVSp4teGReTBZltDAKd2Far+7YnDaDz29t0mjGUirdKpzwGWuMahG8n38VTB2pMOcriVr5idOgOlh+htfR0xoglClGwitkHJvtKoFf+966PEBjBmYFBHqQqJ/N1XkBwUAyl/ssg1657FBAYfSGBej9ru8T/xCM9ce0o7Z3ifbUpVulpaISZYUgqD8JGWmP+lBkSBD2x18dwhCfmqyB7bN+sZESKVRH+g1Kcnav0lpsEI+o2imxIF+Cr/XhzyX9ClAbRYvL6idV+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "t4mGil/NkTIS5pXQdxDl8PazrAOOkjYjbZ8rCQlrqoY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LWla9tdO2gHks1rQpOGRJaCGbL1UJE62gjsjDr38BUTVpklKURSZ4E8tJdtF0Pba474sfRk0NZAMOY5I8GPdTwBUAFO/iqJoEN1dTzCzW6CB7qD4Tq7SmnfyPP3I7tXVsYKHpY4hYznM6wU0bMnRbswoIPRdJw0pY+PxS9Ydhh1JlXvusKlQT1PztDWfCHLlJrakTSmO9rM/dCem1kte4A04zcanCPqQJvoV2lDeeObNT7TUY+vCRRLAF9Y3m17uz7tdbdvrfi/SuSpm+wi/utnQtabbAywU8FKZOD8bXEcKHo8ssS5kxptb27p9JqUA8NuxZSzQoOe17ZmhEDt25/1wq6gsZvSjgH83XH0mUz8Vax4Zv0+/xB2aJ6OBLdPj4jr6C2o9RUJoPsWXbu/ByvUjfIegsHay",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "t4p26Cot7Xfp7D3M/lMQu8V76ibqNiMJ2xillPg9B8Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N3KV2Fuc0hgLAKdrADsh+Ymd9w+fVjEe0sAFwvaoPV3dR4cbcyWCRj1FjgwF5LcqX7teNSKuT6qbaOAleHd01VajS1hiWksmEJ0emnhfsFYJh0d/KPGH2cr8AjY+UGk/JOADudABpOI/tbiZW34sXkOeTVzdzg9DQPWNtQt1s6g2gwVBZGrubQ8YcK8M57tuwi0buy39T4Ims9mNN1jmbDW751FB94+RlqrR38PazFrwn0mjRN5e+I03W24l/A3IHGVfm2cYRGeNABNr9BCFpQCp/HmXnTnFMhY6V6pO68Ovr7cp1waXQBgnPplPRZadQu0VRVl8rNfYUa2oW94viMFauUlSGXe2xcGCZUifX0VB0XMdFsRJb0abzZcANYjBI8ZbSBgPGoT2GT+BrgwVzmWvl78SJ0Or",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "t6w08Gcbh6JwAsDzg5EiBvsTgztY4l9oMF2wzq/qOH0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ho+rnyTYasLk7eWQgJtvRzsdy9Lp0WlLaMa4UGUrw7snGwmsUVpukn8d3S3tElScnbkiMcbkgURlwzT1emBZ59UFRoEGy6Byk2o3x+KsOOKlhbpxZAlEHJKE/McNXl42mtkFrNF7MxOg98StqUH6VgoFpKBIYcjfl3OktQjTSwpNhWJjT7IvFi3+fvTtfjyQIgo/JOQkZ0T07uvzP/IWpp/Qub82gR7rIHoPQRonSLvzd9RGTZnRptsGq/fK2e+YYZtMHv2DuulV7f3sAISQzke+rYVlun7+vl2AhH/3CASiNDshmwfHY0FgSJpl93LgXO2Vt8d87i/hDv1zaPuArpozxE7ePJ6953vgT9idlyagsxkbrTFdXyK+0RvtKkOkzjcGJjFomCWCSZjtuAiIBGzoK3Dzrshr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "t72o/tdVk6mOB1w0X+fz2S+cFEnDfn1RdQP4/eX8+ZY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kB6O6EOpGWmS3XBMoqzwrI5nBAtci7oMrw5C98ScM9u4FTTyrEAKPOWtOZEAryOP3QGfeHkTTlz/jzdGSq3uD7KVSuZS1GFhy/WgsHdgcyXmYDdFwCktEbNhLgulCCRIYbZgteyRQnlJ0sZ6K7xFaKLMFG0hPd/ApXhT5R63BpPOKHGjUiQ0Bnx3emryf1TMQb+0OLkZC9kWnYNUpa9HZOaY6NiTp3MIu0YDc69svCBZwoBMDXM9HdeEyoyhwa7mPxgB909RqgnOPqSRwiHZ7X4ZqCdUVBpHKp4bOJyo1Mpx+uRjTUwEzXwwnERfoptDHY3GFT37mwnIuN2e8LvRHBVitkdR2KYAQM7EPf7yDCuz5C/BEmHza3mYhuGNHjkbKgsnAMz5qZe97bpwF2AhiqfWZZsiQ27u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "t7DhsfKab8NrrY87K6CfVlX8XFN/jQyI6yD8tzkkm+I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/TNxH5UdpX/+PRjBa06WSTOC6uOY9k+x5eYl6GlohN71rnrn6bBmIqyRHzdoiJQK+ZrYVib0dFIeo9L9YvynzMrccqapD2Bfj5aFmm0lUHPMxo485vmUanELbyCApRxrt5n2HIG37Gx461HYA5rBbFcnDnZdfubi5TRBpL35yge+nldERbQ6MQtfrYsFHJsapwmdqoE6xEEiFMP/9KXdt4rhYH5wTHpDP439JLIoG5pccFWYsanJWyt2sU+gd+eCTzsmzzOmPZsGUnNKfaLUdEBZEpGSWf/MHpMyQqBMUh3GwTLNjdrXIUCvxzgIXLZLstnldy0UlqoC+9SCO3iAvClCWz/DSJHZR3DpaWg0Jz+rqaeYnNB+is5tN4ItV3kq0AO7fMymLOWSrGd2KqlhNwtSmTiCkJgG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "t7EIWyUpZwmlKgIgkc9JxDvo8j6FPNACrphLiKMxS24",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/s/EGmw48dJGgw0ykmAECKzNhPknDGO2xpgFlL0mP/dqGIMcOcXGoluFCWbP8f/WYV5GG0NeTLDhlWlwijzzSo78ei8unPNyLEVDMgl81yfl0MyFVLqfElIsgHbXwv0q43kWPslhCbcBT7nGLfwRE6glmtm2YIWC2NJrueVmGHXxHy6G6pGgieU4QS4kWUzNIg9YQq+QiUoww4qK5sM/9BkUlxm+ss36pDHMHiRgUUuHoa1CeAEeF0iWUCHkBzHe3H18A7Q++2U/ZnMf3yLMGvxAyeH4m/w9LTcqqle8CI2OY+aw7jaUZz8yP5lSugGKi1IwySj8BDC9Kg0Cz4omzr1d8QEH9t81lmOFQ8BG0h13i4RTZ4HKe/dkW1ljMYI08VDWr7LD+h2c+aK5PVmZTQSsP2C80nLQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "t9YQmCazE4GfIfewvflH9GxF35NFpQSM4qz/QrRCyR4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0Lq+pmRodOMYgwh2tA9pxcPFhPiHahMW0ln2mKH90ZoM9yoiGIWMbScS2VvjY1IrpzCNYxWf99mjw7ii1uoaBVBG00k6Fzyhbcv/boPJhvmYLwm7zLQshOIQgB+Gfu8PcTNSd7a3x9j6P22lBRMmSsGMn4V2/3Cqx/j5OG5MOFe8QgOG+4TJC1LRa1DaLus9LKqDjPywIBm+3cBgbm8rRB0vuSjioMP0ZcaJdM4KQQfkSEngFlp/aOg5Zo5mZdycb+4+O1/XEmB5OALYCyHNW4YqpqblVhiC57sg5WBsG9x2Bxe9KEXmAyDvSSnDBS7i4/HnQeKgv7qHro7Smb9NCMy7kk856NU4zO4q+je6DNmjxYnBukhVrhQO9JElFKqquQDSxks9grXgO83TBZg+gncHsazJvbTw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tAbpR1wKWV12fOMt851UgfGpXRHgC5f0O5r09/fbed0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9EuguMC4sbYwvwS6ThY/s/wY5XtjMJ0nvqpPI4wVxiFiw9ICHwAxoyOodCHP5jm94/D4nxMw9rNloh5a9kNJmL62fI1CNGNYEeqlOujbDTEIv2BahcZ0/TIcmLj3ZOnBlVHXLEz+Y6tJNTdfWUO56BQaEd5pY8+QdURfKivkKFaS0BshYYDvh+YkKH9AA/U+vWHx45xtfY8iYuuLoJwE4Yz3PY5HyoaDx+jT0RGUotjiSZJlItOOgLaK19Ypr116p8RvGArhRkxjsxFS4LYKPekZ9PDXnzamzS5887o++Qh447B+T2FncDHHa9cBaFarm3PiGl/ZAyAosISANi3L2jW+mvS7rO60VzUDJgmHo7VGIMvwUZcNe+eD6nJb8/Ej4wf3/6amKdmjheqBrYRwqAAibl9+b7eY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tBhSHSsjNJjl3kfU7zISH0xdgiuTZ9WlCBMp8Vingpo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "G/NC4rEAdwJvpJKK/Yz3WY0A58nX0E5BVcKzTKWEjvPcjY2I3hNkiIGvNRVvQPRsCV0yIDMn6DyFqIoNpOD4fhUOvlJUDyVTp7mA7H5ZpE9VEjnEy2jTPBBcKEi4Qwy7xb1iDH/btETVRl2mkzyN5Nx7GVqK44Oamg13qfTU2y9UQFLaVKB10fdgYxF6ZnXNfokiTzQnMecT/ClJwjjIIjqi7DpEhcchKniC1pT7BM9E9RK4GO3zuTTkrFR4Zq8HdYIU4Qu1JAixAsb4c82nUMjQRvLTGnnj+xWsX2voI2bgb97+zGLvhSAvUIsTvo8KirfLBtKJKxMjRbvuQ3Ug5J5g0TP/7ILRaN/cagVGXOubdthftWCL4lavms5MR45Y6Wglxzh4D9LhC+OQPwG9FpCQa/08BHNi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tD817KKcDG4wAFUfR+B6Z4CXOimdVqo+WYGTRBqZk84",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wS/i7vsAbQBbJ4HvIWKdazDBIuKm9LTY4VPq6Q5nBXkrCYecunDJZFGTpMdphe22FQYisksRuJ2pvHT+wbccxuUdZVSPgxnYeEgD4Jc/yNONodAqMFbEqYejp42NOh49yIITj6XYD7T2ETurZkvIVSBnTb4Gz/skyrCJPaCN1Mh3Imatxo2wlB8NiX1IoASIbZus7SkM/5Tpn30zfSD3teWEsDqaB5bTFkavRTr0AtyCQEQTe10mHl815dKhhruo+mRMNBx8VnXnkgxe+7RzlQeEL4keDpbf+YheEdcmlIx8nc2QACRvAsusGXSBsgicLs82RevyBcbw9TOLzdS2FuJz99MI6Vz26WpWnj2WBwlYVtX4hM5CWYpxeQydlKFhYGSepA/CijG2Bbg/qsOTxZvzx6Jks/bY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tDGNqUuhc76j7v9GHhSvO1ZSHWhlzOShkH8Hx3rMuVA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W3C0sx1ZKbzVY5W7p6jVyYxHTT4hb8/EeqQXP8aDkMMEiGnfMfIyrawwzgb1D6DkL5tqkXz7XzvB1NG6QF4Ke4fkLN6xSrK37J/TTVm0GDNMMB/8G7OOqYPnPsMYnw4lkydLNy7VfCQDvYO0reBssuumEtxb1KgW9dQnhJXGoG2TUGVCiv+Ul+RwU814hHR900fqA/4UNzER0zLYv8dC5PTtxk6SpziyNCi75F4nYbgXMtHBdXysRcJb4FEAx3DUbJRPXA0JKt1QauzxSjhbAOU+FLnHM6zlXrUZBHkDxIAKda02t9PLAfnNBeF0wPfB6H4c+1VggnjAg7kiPsN0X/dh8CTeQqwLooijCkAPXNHyuw3Y7JrTKbA8h2/Do91MC5jQPCq7kMWnV+oCnMkwmLGd+QkrhN0M",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tEsoLGGw88SYxIn4db/DtgDuU61ekUXKADplZlpQgaQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9GioJnMW6dMKKHltDG56duwFp73bo4tyW83HPG+dksmBwYd32qqe5R5p7z7hqqav+OK1R5gwL60vhCtH8Nv/xL9j61DZkEyE+EHyLO7C9REFhCp0wTC4NXgJlxfXYImcSuglNkKUuOj8D/UpYcygZ0X9BU6Plswe9K75BMedzy0UIMVHLw6h1dwWo33uLKcwGmMEJ1j+DNoY5t6TWBZYiJ6dtacVOfX7gmRoe2hhWyNp3LJO9Kg9JneV3E9jHbIbKB8cTeo/LxchbWWAmrjhn7RRFK04yeaTJYWnoNblYklYswvz8mRV2meL/4L+ydrqzdMrs6/6t73kVE8OX7VzZMzz8LKGshtNOcPGkAzPhZ3UL6GTd5zzmmKRjzb4nDSqyiKVwSY0b75fPgMHdcKsJaQvfGo+jDOU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tG07/GlGbucjjlF0zrx6q+h/V6hKyq4AitwJgMycf04",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hVLZ8wKsCtxnbN/yBB4VzGvX+bBigHvH8wh0Cewp3lD5R83f8kqq147onoX2jUOcWaakNc+yxB1VV9J3uSPXU9etvl1S4lDCGZeKfwxR8yqpaA/LahHO3X6J8GwvwZ8ww3xgfaxk2nCrG/n6vcg5+wbMMnb+LnKT6bDQ37TeRLuz93JVCDBEfHhiDQ3uWk75+p+WPNjgG5fA8VTYHhRHXlwdox/vERRlEZAQ3SAzk9Ki58gbJm9xX+/3Pht0EJwuoEgUz48AcZKTHsqmUDPlo2Ih+3ggPleFJnE7nkn8S070OT0SF99FD+RodBfo9Wzfvq7HQ+SK2C5CR0qiyLzaOmNWCdQWuL5rBHKM7VOniFITdneQTsL0mMFSZEXS/46MfDgAR+VnqphSRCPJHT+PQxAUU+jEZMeS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tH8vHaGjXT0HunN8vbuBmPqmTBu76dkssPF1aiVJAig",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ESGWH6fNUlUcgGFL53XbAcXrLaIybvkiUFx2fsnatwf5lmghTomCtgJnU42r/YvkeqwxxOnQvgdZpItnn0EOGenOqY72fYj11nmjhJ1gu79y63WxXiCE+2uGFSJXan2MFjlImhKvnpIaVOpFx58Qa8GGaA/DELn7Xs1p+7u602ta76I0xxcMFysQaSrJq+t/ZNofdC9K9AZFhybMfgMt2PPeVpSYIsOO3t06eC7R3Qmy7EEdwgV0WRQqx+U15zNxiw/f1lWNh6ZRnU8IcjaOHkzY74E1tunR82xz5T/RBbAZRPonu3PKP+H4i67RtwW0nXoWE8NeYWKaOdrx3fxeL1TkURqF7p/5PwMoYRVgGZeYTeeLk+gyn3EvkoInXsMYkHDdxJ4h/niemrhmC5PuFLNtur0OGDby",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tHdu8htRn6UV8BL8umjJYt+TaAqsSjDPn5mUUrqqjBM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PEn1/KxQQYqtm6vKb5ii+8Wl8GcEHah0Fk9Z+Lm9Jpoz1gDJa6KNLYEKbmjcdtR9XxL2pTMMLbQlNeQ2Yoonp8l/0RZ9weRdlT9NAX5OzHeFOAOmqtgXl2/aJ4us6fLTHk7U2vgUqQ3a+dTXlSHyO3Nn/QQ6PJbuWUZEITeCFeQQbwGdvSqtHjkhLjRSz/0IqqdqKomnj0WDHFs0TpmVL/PzFaPQsWQVxJsP677uDYlaW+DaHpPk79IXoHUr2QTYf0QsKSLv74/316v7DaJ/V9Za6qOlFKPwLBAYfUlERTBNwEYQ59WgVlaOV6UtwYg9ywDyTIEaK3CgHXxrKnWiy4SAqin2F9yNI7XALBjzMxblKvnUO2hqPprqhs7UZQdjF1n57EV1hOlx2y5pDhCWitNxFzxF1Jcz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tHto203PLsL9qQj/MwQcOuyGruIHGcehEzh0s8aTMts",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0G6eiKuGDFzbCGjdgwc3a6V1wVtsLAY1brhvk/yH2i3cf8r8M+XDy5R6JOQa5OIMpNI0icp5U3i+xc2COEPO5IoLqYGLeSXitA4mJ6T2pikFfplAGAgVfJZ+I/odvG15VNWOnpXkYgCda2LucuXaS2Kj7bawizibDJyZin44giVs9RgtgEGyBP6D01iONDWaOjaBB7lj25ja3OqOa9vnQlWQFSFd82b4f9ETlT9byNnvHdmn23481MbRvtiZUNUWAWtoPa8l9ZlNz37p4FtPClv1iBoGupYvgZeh9C+99ghQe4iwja0Qxa/P1xoMYE7jUCS5eerZxrJA1vgec2rrde+PUz9iEvZ5b6HqzPHHcN2iEbZ4Ck2v9yahJnYQFSztY1kfsKcTXj1oLfQizqOa4ELALJdxCBAu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tJvM3qo6zefuV4m4+76rIZ405zG2e1QvIueb++4Z+Nw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bHNR52FLuDoKckWOKczjThulsRiq6qfDcCzzzsxEdLBQrtXJBMvuILcvDwBpFsYpKESz6P755ioLj/luFFmHXm78dkP4zRUmofaFV68pHGkRm5tkFcy96WxokeZ3T2a1Sm3SFFbO18+bshOFoD5nJ3H132FQmUIwk29KIreWXWXFmnmtzjILbxxCi6EDll9vTrKikQ9Qc4c3Tc8wUo6w9DT6hzYLBbsb3Cqd9uiz0dVdwPiIYtW1K2N6A6sTrSZ0PIRy+6ZiAA74/pr1oqLrb4wPoOfu0AN4ai5jOF9HmxHZu38Q1c1VmEMZX0fiXPgHIbC/hTkn11G1YPHoXg5nbUfWFqUuAC1hkaV/2Un1IQseDxBoVQKKNQHP8unaf22ai7j1XaEu2w6Voue0ayQy3fu3ww/16Au6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tKSL+wvbYW7dwW88Wb4p2+xEd4R6auI/zUVGqaOmatg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7cMsFOP7t+gsMYeqmjNB2O/UytDBLYz1fj2JoxTxA0Q3M/E/2qkQa+nDDiwS1wf2wM9dbLPulZrzkQzO493NkX5uTZ/9gTrqmrlPSuS6ePgB52YIpImGitP1Ka748z8KmvFlry0VLgDq9RT/lYCZi/uhP+MHwtkyL0U9ZOFQQkPcT8gEIFqm8q7MNO5BuIC0EY92cyHsHSfVsXDh33hZJJQkhxN2N/kNjL6KlJ4XtAjjCnpp83xarXT/9wCznYkycju1vzVwkF25O/CfwZy0o9rp8XOOehNHD4iIRjqjArkGlmE64A0uuMfmmMeTjcB7t49JiZx2HVHWF9etW6Q/WE8Vkp+t6sbLfDsFbomAgwauFmMQ+j9fyx15f/R4Lf6IPRQT5hi9XtN+zNO6cCFmUi4Nnr4QDWVK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tKoRo3uWRyNlEMjGVsbo2eQDJdPNZm5/9iG/MPqJ6yA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Xx/90+HEGqqd71db/cyBLqCCh1bkF8F3dYEQ9OceybVggQqLRAu6RIN9z9ZExXamzs7SAD9sc5Nh3yLzhLZ44F2SL1XiklqJRvBD4XzIk/v3dCEj4AjS/7Zr4FIM/b7/idzOlbrQtsQIJeRb1W8R4yi/sy0IqSSYXaAHfOkGd1kdOH7pVfnaxXKE9nAlKX6SsQEsHVTGGpF7rqrLhT1MV+btFGAURxdVkepZ2M8gfgIV5rcdhIYRiwI8XZUPTZqSJ1uAaLKuwORjg2MGmMAbRWlaeSZz3OvvAxADDRATimDXq4WO9IUF2l2eIhuOM+TSzoq4LrCuCyFq3mOjomQABI0ko0b5JMDY08PMfZT9XdBq5Arget5W/0VV5g0hYNUhu22AJeuVVnhCNDLHarwBm5o70V9m9VzV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tKprEVR+hcm+gpVQaJOZ3j9dqchQRQqE9vrjE1GBQ5Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Iu815zKZsJ3yvoWNGR2+guWppt72sDM9jG7s44Q+8CxJ8WB9sOJqLMDLuMHryLjAbam3YB6lay0D/FAaPY4owP8Zep4wnZwj+PuTHwOX7r5ZTs8Gd5uw0AyETN74cky8PPkAWYMidcqtfHjbncpwAkFso6PpgExu7DlwafGuLHOHsG7YvYKKLPEV2BbV6bcnu/+4PM+OKM9cFQELJMK1g2vqOCtthixzXQXNHUNzcENzClPOUDmovbbht9EfmQQuOVaBvak5kEycWPZ8PfpkJ4MHTsWPSZdv7tC2JtoYLqujDG3O/WL9ItCid8uySmv7wglUPvJuLeq+6+Z4X9Ojqt6JUHqYTHGZKBujw8/6DcU4R/WsmJPm7sgLyhtcvTVDMUyA+hV/c7nCtGCHCBZ5i6r9wDDEMDGF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tMQ1AJIEARehT0l9BLaibJ3oUCTC0Zd8tCe/Fr0YQ6Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5UrjIl2y0oQ5rvPtmML5EQdfG8wlD2EteyPT5tNk0J0o+SenUAIcrTiZvQYRFnKzEV7hvvaGGX6Epzk4I4L7ISVspIFdSq2wD8tcDMBCJ9+9UgmiSoRbvYs40Er1r5knrxKutPTxSvTGLJ7jroaTRULxT+R4GQXr+fyJVLWS1BK78ECChlDdHBbvvX8VPgfxJFXuRsJg6xmwXpnpRZdfHkbGOE2ppZh2JmSSLb48xaGgDrpr7uHubVfR/DSiHAcstzHg2JAoWbHj6ElBqEKfOntiNURKpumqBFkWCPT20g6eMnmihyeRdDUtIRVhMFq2kDkcJyYYyR3Sx4PenF0ioJCNhoBanGJgrs/qvOgPsHYQ55oc2MbAOHdO++tiNy7XsSOYKZjRU9ba83pwcNEq89AguC5erC6D",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tO0Up/HMyFYm2rCh4VDp75jLJoCCS2GG5jX874fB5iQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fWLACn4JcOTx9HZ8SQkFXNWKtyE6jXPuTjZQSeXnPclKX3LL4iwAJ2GHpZPMmNv7SU0vz0w2A6vRmaR6mnyi3JgNeZkV22iYqzeVTKBa8Y+Ai/ZQ7yKWQa7wVFu6ssne/JpWclnKJvh7Zh037UE6JfHs091MfhFl5gONVcO5KyzvBam2b0GyIgRZFUe+LEvX2UkjkfWFn3oevqh7CaUoeIBZsywLU9Pz+PjdhUBq/lHWgSByA8TinJfAyB7t4rVR4BCal+GS/8T11EJMHXhOcH/0HEdtoauvY2cTN4sTunhaaFco2c2+LxtPmrqwVuz6Sja3LktnqSdZ0OvNG0kwBt1Kqiej4S+wSFmOeockntseg9c/tY8TiOXhvuZDKvGFqGgqv1h7IF71EkvpSxfpkx0704Kx9ybW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tO9zDn1ODI7ExB1Yej+wsSYgcl6umK5AFGa5jdSLK2s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2ZXCm9km2KG75vKU2LwKjAjiQeYyfwrXTzmi5vhUPa4KQ2W0RSpTb/9joczCYV30GbvsdgWpaOn7bcd7Bmx8W9Hm71qvcRH5UJu4MPp/hUzDLLESmU4GkrMow7VEMmp3U2hw/eIsJ9FLTmS76Qy1TetZWScNI8SM9jZaUBw/RPTtd0251tXUdUjKTCvQqQxQJCTWBbCzf7fqa2Pz9QFG//iksNvDcs3hgqe1c4xsgr3zRzQUGLOzsKtuQS3wduUKJmgFs60evNJTe1L0Ih32ZMizkUcEj1rnD4pc8rfI3gubvvFVS0JpXeoysnMMF6f0BDbdIgIquOO2FEztH0wR0NCrQaB+xinpbUNbud8osMotEeEzSgKmg8uNVaSkpTr7opaM5T3UYnZVtRVGisXMpKayemYQJh/r",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tODUX1NhCu1Z6WPtQP224fSB+Beyj0YsNwSfyr7SlMA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QZFUN3YiCVXXXC3PCBxPJmoZw0/k7fGA/sfJ2e9WLrfRuV+1nRNXHfTXjmYaiNTexzxfYBeGfDDvN6PH1L2uvHDmTejinMgiucJot4vbzHembrgtvkZ7RfRzO+QBUnutxx4JKVIhp7yb9gmfQm03ZMd3y3LX7jFA6GxecJs9XuNX63JYXI/yDPny2TjIjeYj/9wddNJGAxpDV+72DeZge1hJ1aRqBWI3om71610C9uejNcUwapmLGEqu1YwmWcWWdlVnxRCexz3hi7OO1kkEpLc5lvqbhF5K34WiqOg/s5Ra/iUxlGoMAfK7awv1cc/lZq91/70uo5A611as3924eTIq4Map/mziZp9GNkUU11bmxrPueT2uKZtSFoKBeZjGmDllG8ddD/uzA0eMRS9xANA8/oW/uxs/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tP/veuTYv5OUFdHYBl4WaFR3QFKmRRqQU/rJovP3GVk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CFviXmnyedP3zGvoqE+DRSQZu7CwKalTIie/F1ac1iSQAXTu6h1+djsyw3p/hrLBaODGn9VJirdnnFEo22P/yQ+PGravXZF91Qnt1w50OuTLvgzqfN20bOnKAMT5wZxvShjkYI33wL0rKsqE0TTo+oanVnJZMs/tGEpTPGXomutFD/Ii3pNIUd2x77ipwhm/pxYZcx4yfqRcycBbP3TK1M40BmZlDQi0vtA9GriArK2nEQprRJIk4Ei72j53v/EAd8d6N2syrlal6xbAETAtb8rMrHNzbE/u2Jr0URumXt0TUlwRDhfGLnrzBy63QuUhJ51aeeOboAI3w933bgafQFm1LAz6tT+DtKLaxQkH16BX5tXyL1Q40ytVwP/rFEfw8U/fVutsy0pZg7EjJ+7fevkGoWpZDasW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tP6vBDJxnV1LeRJ+z37m/x5cjWKpT5wjDXqymB5xzDg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iTPJY2gj+QR6NrFDR3VwbvlhjJqMggmufjHQCsHBoMgv7TVW5+mU0CNmEsb6S7rOZwTDo3zjoTCk9bytPM4lh06Ql07clur2JnA5uMyvnFlwPm2/VrwKoMKiNzZg6aRFXUcjc0gN+EEqkVadipO4Bg8RPXc+3tGHZqKBznqAbYIh7CuBoa50eMB0GaMAf1T0Y6rLNuIGjADiFFcWmEub3gRW90419wUXFYaA/jm02wDqzF1sRvM/RlYQJoQVoJJ2NsbSF8G2PLydW8Iyt/vSZfwjDBcpxl50s9ceBYUc8W2BwoPMeWeKImcpjmOW0oBkuA59HK5R7OkqjRQxeBxu7G5trZjmitIXN4HrZvzR1LSt8vAeUBdLj09DvWJVX+fPfOAIful5ZEmr4KpcCttCIEPtLlPqAiuf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tPXwbTttACym0XyslJHcjQk2OTYmN1az8FLsW9ypTEg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uOgrT1ae858ypBplphORVVIg5exsO1GHAl/gqQKvkB9ZLRHcT+VWDqR41W13CE4FI+M+1MqdXKRRSJXXIpNRCLz/Pn+/HlVfruASp9Zi6rDHiCxNxo2j7DmweKFsqb0C5H8S8tmHuxIFRq5QIWzcxTRcXgZoHhd33M6c/G+rwFsqkCXg+YgdR63YlPgG+87BeAHEF7c5x8p6/y0fpJSta+U/vQt1xQgVzWES5gSjrcmCO9V6xG/02qkTzJNeCjvrqSswuXpQ5Fz9mOaSqfhNXi2obMxY8uSzPGioiEbeTnMM1oVATzBBDeoe5s9jBIeIQDxrN+uCPPi9Ul0krKFAlO42BQuPPdh/LtWoCILeoMtbG0rwV6xK2GKiWgjKMDqsXfhPYcdo4HV7+wgEjk2i5lYju2M/XMQn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tQ617eHiVzLFhKVq/A8k1gzwqZy2xzjPbLSDErXtuKU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hk5G+HQa89x+YHjGcgNZk36fbMAw8YVLy1dKYTb8Z1SNqqKQCrGXr314hL6NhTsOfq1H+FPLHYUfOdcKLRE49dy5wfzJl/E8Frt4Ovg6c4DdCFmrrZJ57zIocGGebXqk4rtEW8VT5u544vF/6HIZyJXoLz/munqZVTezZ28/2AqtPGzGIZpJHIlAXnbbjzkTChzsgb8BKg8aeilk6nU7s+k9bvDyX5X0xQcQsDdNR8E0BHGWlHe6bSpFHH76vKXXp9l0Yolm3YuOorIzx0EoTkDWm957GMQ88D6KF4+5Xufxc7LEjdrbr9xnFPox3dBBVDINadbXO73pxxzM+qWMsEO4A4sMm5eLa73JFY5n6On1NL4s4y/gI+1pFHqOShlsq+8yAw/HcMIedbCUlpQkx3lVKY9ThBL2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tQE3oIxdmMPA/Pval9z8chsgtoSZu9tEFsz2q7BakEI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RhaUwf1EU8LAEWTpLvSEC4ytCBZtzmSIieW0HljJEYJQK4HtJ+AvvYPI60G+ew2NLFCWnA0FEuDXpQYtjUOH934koaLOxoxKIyVNIzYpqiVMv6envR9cVyhuS9/3AdtYBw/ETzYvY4JQHnlqn81uXd/BYVwq5IAKupXMh7OsjRuz9MR+78jWk3PeOGcuyhy+635GQAisFfBHVmemRqSbgIeZH9t/+clqX+h7W3302bCJyZfKaxBxfAiG97D8fdAo4vD69h+COy9j4BRaSRS1/FH/EOjsFbzgricTACkx1nTTQ4vr1lO96YeY50PLt8Vggaglg7FaMXnp9GCqbM1wOL3jP7gbOemiCjtrjXY/8LDTowSDbZYRJy8XlkLXL/mJaQCC+C5UjCBXwAdClJOTz1SJEjkgyElg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tRztY/VVIMNWNYTy2qcsMyrqUFz6Iadlhjdw2DBtSuc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cNmyU39/VEwWWiij2haGsdzkE+ODyQOa8kEED9bFjRJys3DS7NW6Aycp74voSX3Ihp0w2TVPYFr1gz8mga4u3k1M4YUjqhbZF6x6RQjWnfjCx6re3qxleMdD4yecZYqwQeB3XIHTVP/hnPZwM9YTt5xvSCjT+sGmmWDg5waFrx2sxiiIEM+G7Y3n6gbbZi8OGtZ7YtDFuzw7mj2NivKdBJKg5tk88RCihqMpj4fxyyYCqXBxFvpDdGiCW+og8GsENs0W0Bnu+cawjYo73bU7MfkSLrY7pqH8ePOTv6NQw+rRPnZ6dPF+fWgi12fmn3wT9qCJCao2/bsxQlYLKH5RhGd9RX7XQpqQj8NaLQtuQm5lXtvUF/uDKGhFoh071bPYrIaZn5h0iPqpYFwgcATbBMjb9+J7NJVe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tSnExADGTEWy5w5yx8ihJvtTIElASG8u75702vJCyPE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UN+unmHQ+dsC0l1N/XyMhefvdkijEVQoWnVB/tWgSj0d9HrVaEiNZxaRxGaBfzyojSLPBlM3HP+xlpL3LRWkRJd43PCYsUhdD82IPVWsznV4HPUjFZtli0Y2rHej35C+XslCl+NX8A6SH2Coo+mNN/QBfwiX2je65mfxpoL1JzhVgO1Rt8WSHBSGARekMzjqXopvDp1dcBzYW934Dz2ptqPKtwQY4pO+QWz7GBzRc4cryEpz3DPpXskff2kIARrd0a/LW7c+D01hZEhrZAbgf+UL5a1HSCsB8U0tJ2JZhMIMJroRYSji48ZhX97jEtrnoACBlZZ6KBSX3JRurhLMmoFnPzem7Q4zTrddHdE5+H1gXm49k7vcX1kc7tEzQ0Y4bpgozRw7rb54FHomWPkzT6iIvHKCRF8G",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tW3NIjMhUQPp0B9fxSiGa7fkxBIdQXMrEocMjWzSiNU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "caje+czcO2vVA1qHInnhpZddItFRs8G/rV8A85zGUrQL3YVAuHFCwLWD+41pnLaA7VpNKXwpvh3QRmweqT7ksqmKjESB6+eheI0w50pH/s/wCnjBl3LjK0WBDNwDIYJaLcWoA8zMPwu9skDeIBkEJG6659/ViIxOM6NwYds6waV8YMPbJEqClLYIUvIZXlWZcqnv18Vb7LjhdyMH9SF74HnB5srt29Q2PTz6GZm9NTHQj2FJ+MgDXC0Tj30fPd0ay65yRAM/bjs/oN7NZ9vgwBSeolNYhkMqlBPbvsQh0wtZpyLZQ5z9qdpfZIEt3/1QhnDmVYJ2t0nipCY7rYx+mAASS8uepeo8bzW6/8f+Ae5XuhO9Oa4/8kmJ/amqX7xPIOUDW6nYZ8+2BgRZq2UCPYU1zhtlvYMJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tZkwV2J66jQq9wUeL6drvRYFbXJEIIlmZvuoHdSz4Ig",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Oiw2o0uVWSoGC5dMbGceVr8xAO4YU82SRQIPhOO0eaWJhbndJ6moD7SECUccLZXkL2upW5k9sFR0tqtiu3MQP2AODsTGzsNtgX/rr6XOFCDHySyKALRS+0y7lYONwrUL9mS5WqyrJuULJi/Jqp5I60N55AIIOUvX3tlGKFIAHlvH1V8vQBF17QNadz6ixii2gzEGGuLZAmjbEBdJxPDUa41ISx+4RSov/ov45ZO76R0X3qcJPWYhO1khDXEhlzy4OA79mN8Sb1npmMNYaHP+8NSV4bvc/1nHg4uq/GBrmhsFZIhDZ50OhA6RD1WxikrK2ThFjQeciqGt46BG8+nZOIe0GBbywlkSQnHNdGZb7dLYbncxjBsLDuorNyy7PUxZCLuLPw8EF6JYeBczq1xVLew/ltFmo6zM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tbroMz+SuRDKGVjret0H3BPxyBSWBrRArtQ9uEAmarA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PuJmKZapiJys0FQuOu6h+pFe/Sb4VlVYCaRMbtwMGuxpWd5e/oVV73hu9lZ1qAd225+vBV93vZg9LDC0+gbC5uyZuzV7FA0V8gKT1A0UPmL8C2LtNE8JMo4qWrqVAcEMEjLNYNWja3nHZTQglK/8jGNfRp0ih9ClGNz4f+F8u1oAk13zAmsicQvDCMNeoRaD1nYlbkbZafLAmqmc3qEkD4MV0fB5retYy7rYmbqg0cmSUMhuxmMLpdgtAy3mdYj3r11LlV4MOVvTWduerrtx4ieNWP3y6Ew5aQ2PH/EhYgYQl00qcrDONJrlgOTUzI/1xrkqsGgg7ibK1W1ta3LkrXm5RiKcd/rl4XG7GJLeFKKgJMZEeuv6oOlbFiGpz3fdpKMaClD4iBL2GKyarJt5bXqwC+gatB19",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tczirhfOSFD8d/e5t1pTq6PQTgoosK2WCJB70iD13qQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "euQeQG4+kEjs+i+qCoy6tpUsm8KM5xre3YvVsVcPZl+3nwmr1/Wq2ffxMzpd8onwohJ+OVU3tHhqOnFFuoqtYpFC0FKQaevkWZ+kuAP4M1gw2ETTSVVxnfVPsX7gZeLNWp4OQD9vUSmRLGBuamDDcPJ+92OSjXSIlvGXeqUSzurnMpD7tlcGi7MqueJqtC7yF/tpF/OFXOYeB2jQBeAeJWhEzqTMW+WmIMBoHXKU0ReMPKQ/Ml67eKN3sH5w1zO486h3gC2ttIqrC9x/E3q0OBFsat9JgVm41lwyVz/97aFYbXYIXu55sLcHiv6w821B/lvYJALV5Tp/WWtggqCEeslfdNDLLSVuVvEa4be+hnnoyxaqTDqdiWoMy47pATPf2DbfI603Uw9WCT4y8kQRTnofCGoboq3a",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tdyM5/axiFAy3b8GucYiNfrsiRQ3m063+PLGJinADJA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kwaDa3Gy8ADXA1iikc8MgYMKn2m2KeE33pmeZssbmP4eLTF7OZubJsb7PJYDxEyKa5lrAQSkbjiZBFdlxniQ+HT6qVFvBUIyCEqxa8na2kpmvt79FeH2mZxMOUDTeczxoxI1bq2EAaAJc1IMkjRTw8LKVL9Z7Fr4eiTCquoYQ//TrYhPT3Bz9pCw+mY260adgDVrAlYsl/vUD3vSUNOvXYbAeuhf5LUICAfqnuiAKngauCbv0VeUQA8R1lTj+5uhGpfuAGmXmKo2U6zZEafG/7c7GMQqc1J1GBaCy0cgGr+cHAIdpXp7rpJzEJ0uax8+qsMHabcFNpqyxxzMkuL83D6ouzReFlSvOnsDFqZzDRPdOp4iAAwUNo+7oRu6viCk1W4cLnUvq+mvEcKUrRJ8bY73XRq5S0ud",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tf/vU5WBiCsD8sp2T15IyqhHTl6oS/E1/IbPKNHgumc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gkZPvYv7cGtRj65hyag39zj/1ufIoK6APVTI4arRi3sCx6ZK7BRwIIR2ZO758pqaxhympDERk2mZkAUVGrC33hAK7vmJxNikqB3MoeJAY4HVM5kKVuQGQFwyJ59cAgtrREBeZwj+4L8MnzAJHd3M3RmcCo3P73vB5ccAQ5gVCpQXUoLpserf2tyVUfVeEG05d2QKtLaKobO2jkfZGto+ps/K03DDjaMbwkNWoP6qGO3QTgR2TtoArtM3zR6GiyX8gShnEGbVO3M3py89lsD8oPh/dxCzQIaw958Fxt2zAWzg2X/Sjed0HJk4msKeFVmIn1oS0Ig74OJc/ChSuKKGiWnbQH5scSmG/Mip1pzH3c+IBL5ESbbi4K0A+dXh+wt9Rm4cpbmORUgb6GSaTBG/Bb6VXklP9pDs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tgkquRgZOYzkdkVVMyFacQkNboXYblqNzs+bMaTKqEo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tQCBtIALy+RPJjMVJPqJpb6fi0pP0HPmczcUgk9S7BdASuQDTWzVHXghPz7oL5cmKuC9Xx484z44tNaiLQgzuV+XtJMmbEfhaX1FoFR7Je4YlNZFb/hRO2nxVz34n1LcLdB21T54Z/QO/EtSOhTGuxb9gmnTlqHb1wWFXlOFF9uTbFwGIQfHLE3/7poWYszU9oRY+LLgIOBHYDbmBjNzlnmuuuXYFs/GlFZ5ZSDO/H0uuflhddzi58sjfqZkdL7/tex1SHJqmKEIc5wf6TKCQTKoPBS2g21kkYOH5eJWibLgW3rN7p1El9I0BHxY2Oup3s2hF3D755wUzqiEdksAeMT6DI2c+14/3lRI14jvLGSiYW4F7wzlgn31qPgdJ2Jui1+FExIsxlySuMSfwLnk1hXexCgPJO8O",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tigQhRKh9PUMpUJn62ULXrSUvdUHv/dUGp/EPSKSSGg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+y/X+BKF1SETwKH+BEW2nx3H1X4LuY6XP1+XYasQsuOMb39AM3KABC/iifhdyCPHtn1BX5OrXisgIcOOLApBBkSLSADiCy7zQOV5B7JAYVjAajgRfzsenxvGAjTGWhN142oc7XZynC4RMvbxzHRYsDM9QTsXnLqCHrNwccmeKhz2Km9Dpl8nYP34UTZgsVFiIwhk3GHc5+lLFmtqHoUgyMa2+XHXS8MKd3A9hv3Ts0VAHY6yPt/qG4jgEZ1aliTaERiNDJg6fR1zKnxEZL3/yKPNMzVIHp9lYSwcxWOLs6ZLRliCh0vNoC2i23ZYaCVwl8cUHAEhL/jQ2D9Li2yC+mPfNKUysSLpMZ/b3dkjVdSTHBAMeGJpsTFN3Oyd/mDS/gvuCEIQDnf+229IyZq7nsSQJ5OKpd8k",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tjH4fZi7B/0ud2LvWvGr1Mub+ISYDk4+vGyUGNIHXhg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "x8FqilEzIuECaHUo7aVcGO97xF/vPXywnpnYsulXP6SwC45WupOvVbOycYhpg1fBVzfb4BfRytX15ZIb0C9yAx7B9owyqxFZTCSvqBtVKs2mte4rs3IfMuBbhlFZqHtuFTGInbFn9Ryz0vP7VW4Wy58X7a9clj70dKPUsc7QN1h8SzoFHRQEzIRkKEkLpX8KQN3ct3vxGObDntRvF8NI7Dw4i6IF8HT7LtWhWzBnYcYQB7BBUokX7XSrVsLRQgofCPNtZb0SgNKQaB+xRKaFCKAiHs2oLfMpeV/51pu+ipmJB8w37DUrb65azllCgbzYDp1wrb823Sk6nyChcNlPNtHVcP7Q9w6pObyAKbP/6cb6nAE8B2a3gvWsZRpXZbEgseVfMlDW5bv7a/0F4WoqK2JfFpjwY02Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tk8B4R5YtppmzAMQxHhwbR8dei+kBwFOzWbNv08nQY4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oKpTa463My4Ib6JXCQ9AyQPC4Xi8lFr4cnm49VnAH+kV2IehWMTGqq0HH81aOz0JkP1wQdOPrOuB1haTGTcAb2j4DSfkUkfi+Ivxeg2Lx/0TQjQkqoQw8jRr/HVxMW1jtUQLavt7+K1N0ojRuCRCPbwcChJbTqx7CGjAzsF17YrlG04CokDYBO6v9B6ZJQMfqzDedkQh9DUGxS5a346dG2P7gStbVkF5NKfLAC8qdEEL8MOyxIyGugx/7c2vZiuPHHun+rX8Y9mvctdkUbDa8RmHpaMt1hBIZ6DAv3kJnBX/nEdC9z8TCoftZV7WgWmanZM9RA6J75LVJo7dVBh0dUDpsAx6oK1NSnjerfJimnW5IyUNHCEQPYF0Y6s66Vdmp8F8KlAqEaqFEdvr8rL9JbfpuwYc54Dm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tlnjMvIqbfz3sWjesDplTBOEYWlue2bzbZbfEy95LsE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ftQh3P89VqgYPsYrLh8OLERfKdvM1zg14llLdZFgvS9NKRLlYLAsPVS2Wl0vgrjd1i/8aUh1WaafPXgbPzTl7pUWNTpQPMmpLlh5S5bF8QeBFTKtyHf91g7xJsJ5+mwmYrHhDIbIE++54uSyi1cYhOmjbNOf71c3z01FPIY4yG6ri3ypyWZP/CNuojfpUeDaMCr8omDy2IDDnI58hwmapQwG8QubmOqNytV/nfKaFtzXfQkYjDFfYuEHTuTI5Ic6TBBBuOabil7SN8rj/AFv5vG9ZKxKBbn+cegTWNgFb5R4capvEyBFhs+DiaFZSZpNCVYzbFggkUy+zTnyu7xcItqrjcyjdItIN/BwCEwTP0OqzUQTeplx6+BpgVS2ACGJhl23iIi9VL+tcPEbmG25gOy8c+ndsvLR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tpDJR5/JT780ULU8vngk+hWhI28X8PPejGfdnFz8tO0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ouy8IvTc36z2ziWGr2HCheE7lP9MeC7nd1UeispdFY0Q0y8RE4cMVX/FDPD8qB3uSQk6/T+YjvXgV4/+8MOfcH8SfsPnVFiapfmL6IP0W+y6Ag7ec4k5mftzYSFWEPcdEZ8wgiWC8KjklgXztaKCHRkPaQngcmfEbAnPJP5hQ/ZAybrhzP5IiOB5o+PKIu+XyACrFqgz/OPLjcOd2waZdcU0Xn0I2h/5KlYSg8BFJQ9338vLjekN4q9Qg49cxSgUxQjj9dm9L0NkXRQFCi+1498DtMkGQVMs2oFyoxNGYQN726dgau/88EvjxnIdqR3H2nPLjy0yK1/mzGo8Gk6DevdAvuGRmeqVuB6migF1Dq1p8eQ7Qgw7iALJdAsBZLnHf9C1K4Q92fPwvYumXHfaQIKW6C9Cg+AR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tpE7tGKzM25ktXncqEFsfRzirMP/5kzhuxhnSvxits4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kZ0qe/0gneHJInYWBTkaU6U1o0ll+xxbsLsbTn7fLin6soWULgIhkuKshxx5pd2e1AFrHewz9Obm2PE//+it1pPRvCWj/RPklqIGVXP/zkmvAG6XAkxcZ4LD3G1buX7vg8Zpwzqk/z/9KAROv6VjUxUOmU0C1uO6f7tHaeCmvX3CbKwun33qj0WStuUYARRUCnMTPqW4Z85wMLHEl8n2LtYbM5TzpdhpIklsqvDXQ8FG7szlZNOFj4RxHnU4cN+1cSyP0oq3Irtkze2z3PBFGjyufZtFZXirZwuRXZs6N24tSQp2KQAN+VV6h21o2H9Vdx7/IL0CcmQTcka9Yj8rOX0K2jBqtwBfiSAO1VL5YdXNNHdxa352FuasenRGLBzLMrs2FQQsf0hJlBMoY4atPGyi4vJJHsDR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tqfdJ/evNEGW0+q/7GeLgz/hvd0ldvTuhhBxFgE5fcA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yeb2XO7tNEgvYdDDeKfQ/KfU/oCS6i/MyIduvGUlyqrLJv/lxw6Aox4SxV2RDrV/AFs9ek0UclYPCiJT+YUtbgcGlYnkWM186rXR/v1lh2deOYJ0B0ADD1ssZxs8EhLqqh7UUYIrewA4Gk2noAEXoJY8h6BXxIsNZG8Rv4yKgiy7ivdWzjltR0PDgRC+S29H6hgsBvyLn5IP7pEFuvhh2v/xpkhL5EIFqDeC17clE3kGx25DAXN/88qNiZbq0s4aBrWK5NureTAgFkJ9LB1UVvXREnLHBLCB7P3cjl8M5bT/RZA1WgZ7PvPI8IN7ohNxEyNe/qbl9aCiIP8dMuih+MLBudhk+31O6RxyF1pjfcobd1h2zUt4OCmlEMnKPaYIhw7VpOQeonIYb6po2Is4ESdp3PIfPgm/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tsR6UxdhHfsen1HRzKLHCob8xr3i7CdT3nKiTSpgQ0I",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UKmssindco/f6wk+7m7Mwfx4iGXdn9UNSKejTCMjjS0Jrga5dJ0ie+SI7Xn0hQrxryz83IU6ALbJMj6N8GyknMzOdwOpCZ/mHQG845nx9I4xsfE5OFmzcTMojIXvrf856HUlUxC3OL8XHyEtRg5DrWkWymL4r7BEtCdGp1GWFJdqIy0KVTHKsIaxgUNCUoxhGEbRa/411L1tz6nh0YZ6ePcGbwzEOl7+6eErhSC8lkSSc2abQh+wkEK2iMLSwdlKE8wCCWh9n34Rp7lVvPqjlaY7EVVxDYRcxBemA2oOLGM0vhfgaN0WGYMvYZW2OsguUxOmRfsRmiV1UurXmSizWlV3wV+UYFoSRfP3JUfQ3BEq7ngG8uvXX4BZjiGY0mF+oQP243x4sG/CDluwB224rzeLQfoeO5zv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tswbUk4mdHOjZssLPQuFcQei5Bf7dmidJfgYpBKjZmA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gGWqN+5BCPVk+D29olELAzzZvimI5rGF8Sqj11JTarl4GiArwSWrhIpGaGqDdgYw4zdwR8X99IcPyJUO3cD5RaNXB123SfGcBgJYk3ek7vJqDToBEfnjUgzDp0gma7cmNu+f/EXiHh7QhM9pIFkq+VzJIuHKCRJfMqCdAgDzvHRPLBFKIFSxYMlUK8ntV3VssBrCYvz7ZLPaJmQBGoQX3awSUpRLDOAVY/eqymbPt1e/nMMa1okIBu/v8R0HnHqrhS1PO0eIpjpCystFWdA+rtc1zruLdb7R339EODTHnHz/OENOhiTR78WRYSYkzLfg1yiWgOSXvhwYqf2DG3zz4zqu7VYswqznU3CWMHXj/yHc7TnPMeGjZC3ZiGKgoGWC9/fwP6Rtak9wsNWsSVX7Vt8jn3VTB2P7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ttC7L/LmmA+3X4A7thISe41vX6YkveZVe2Cr2tkvcyc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gIYy/RiJdmcQuPtaPDxe15sGhGoj+DSETG7z5/lbiyH1JWoh70SqiGDhi+8CP13AvdlBw1ocb0Brsee1TdRajpT00V2lkbURk9DY+62aXw12lDOJAMOcr+VDun3DwkLY0glI2+FFqj7/Hd/1y95X+8XbMBxXhGKCrWClcAAFi4JrFjZ9dxBHsUMRnMQ2aToDvhkiAeWJLHZk3YlcDfrBPRhfoWJUdeCRLqWCEojxiD55tXY/bvnjlKs6Ki5on9kjtLqNgnT1vv32A9SqSE6rv0LOkRwHUpBEAenaNuUOPqtnvs0ghDvXMN0HN9fSleTYljrsZNmdkNle8aLHlbVjOYDzzS4W6ude0BmVZdCU9nKIvTkIEOLM2H4EJsjegErFClA13iSZPJix43lZducRm5LhrVDxVEnv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tuDZzsnwib0uMvFnd6CyBb21d+z7EBE1jEISZzIeBEE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m5fvUIho3+tsGU0DzBzi7cCDN2b1hZpxnqtbfSDEoYKxtxqVN7RxxSHzyR7a6MZpVSM92j9hAB8BtjdPbjPmUTbyzbOtc5hAQtpgaoDoZuj2bbE1PbRjFhtxlNAIFJ1ZpC/FwGEK1NtH78INwQh3os8DgImrtwXuBASsEF9xyabwYPESJKzt6nj39Z0NtGCPEE9FYwUk4sVFi9wABtoRyFSFrdwunxD1Mtg2DR/ArU6wGL9JTP+Gl0Zssfl67bQh9OHfkOxSqEwNzkLoQT1I9zBn/5i5DEb6NELxPeCAbktZd2RLBUoFAL7CptOoUW8X/TrX0QCrQNBwjb60KBK5mZ10ZGvRR0E9EyhZyNwf3R1M42OttXbH/6aoD1JMjhELSjSO35jASUMhBvkajZjrV6fd5ofMmc42",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tubp6eb9TBZchgF7ues3vrAq2dCGiAhi9A1S1ULwhy4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eJqd2jucjhyAJeM7ot+O0u2wr7Lvvb+zTQHZ9xov+35bRZXE+C4n6tf4qSBrEpcgSML9PJchuj23hmOX2fAZsDnA9fpCDT5peygClrvksqXrPodbVMGpiemtrOqjtF324xZqTQdie3S8JbBcSkjaTneBLzTDQqxmP99Uw8Bcper0ro1zID3a0NgxJwxIt1++Y0jcC0zoHWtE2xI9WmOCGZuPFVxbU+Wwk4ZQhy0M/Ydj8k1Nr7kcaC5WRmc+g7blyA6Id/dNpGSWBAvTV26NqyRkl5AhTtaByVGfFCVDEGFWmJzFCKRZccy7tAkQtoqN2F2RqorVcazTuUeCr3Bf7VqVzX22qdHGY8yVhCMuf5koA3oUXbSdw/J0O+vPeyV+nFPWouDZBhI045lk9BGA2EmC50kYxcSN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tw+k+3BbGulCLTbqoS8YNp3N3m5BBjHde61sbO2F7P0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1I4IArkAUrx1bC3kN6Zq+BgNtuc2Be/B/tqHtUXuyeHd+KHwEQLffL42JfnaplfjWpFrKezFjjj/HDObzBR6Sqx423/rD4dW1EAMmHOslclTMY4oGNGWnTAUqibA3PmaFjHWiWW8an5au5CH6QtOYdS6pySBfD10MadMgeXxQjB1ArcwLtP/4uugL0khU/EbwkINtnYoCGTCysRq40HBlu92n5elJ1MegrVNCjV0ae+fw4dg4znL3BzfHYChogAISfnqMxI+YpyiIdwnQnmtBEg3I3+fXJbvsByNM6cvR7v6jXDdR0Z2NmW3UbmCA3D9FuDehj0+roGMAr1elsmvjicn1Qoz3wTKO59DDFp6ZYG6U4jtbWrpCkLmoQynP1YLWNWVhY0jASij4FKpjD1fDpFw79qTJem3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "twHA4ydd7vDHRM4re1l9nwBS5SMGAzq/rPlGJsBKXgI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AU+3pdmjV/A7D3/sMzRUqtw95cY8FsKt7QOWBEGNSMe7icvsMxS3M7YBrPPdQDIhJkANpSsSXWYKSqQDKHC3b60zesPNpru6YYY6iSf8Ib9mshHAt48JGq2PYpEtIageTrW3VXxe9+ZBpb/XMRbzZZr5iV1HTlFwj67aoqIYs8245FKAYwLWewh7gqJzljMFjZ5jPZTEeMotJS8eRTdPH0vdkBqUd3zDlFlqzplMf/tnyJNxgG0EWZNMPA6DesWqqCKeDy8g8VGeO6QfNBfeO5ZdciVqHZxBb2Rr0K4PmYXPmF5XUEVEfkLwNtxN/AOuq2Fe3anwLgO2XlY7XYTqoaq0Y/TJvXchkLpa5Jk6bWkQeQhzxR/ijF5ix59gEa3nLutco7iC8a9iAYNDY+Bu/Oh6a946OGAj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tx+oG9n+ldcURW+idliu6Vi6sc+dP1Dx9kWRSjbgOv4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "K2wV3htgPS2IGz4ixFUl1LseEYMBbjEwGZuS0D8t1eE8LCPsQO47gSfM2NPppkh0iBJPZHYoBzLiIKq5HvM4pxonpKqaEbWWetAyVKIEQpYjS7vX4/SAw8DlR2GNb5gubFW4Dv8V3RM3AGkHQSiUjponM+aDERopOE2PtNfX55X6z4qNXOYTjZDLnSyr6AMtPJ3dCKNKM1v2k0kASlPxkxkFNOg9Xzo6cHeRn+3DW0M60t/IClQT5iCKf1r05XHzpW+FreR06wI5ZlFq8Sif8SZiiVQaYp7eDDpin7PZfDrJ09URJUzrFyMuyu7kIYIS2ilaXPkn9wpE7mOl2VwH1/GQ4kgkfw2e7EGH78Hk3KkgU7CyQzlIKea9lh/a9ryBB9SUsSVimKWd+NpCagrduelRW8lK6NfR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tyxFrNgUAYz5j322MfRbL2yCIx5PGZGw/yKPwpQzix0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PAtSl1R+bJwXZrCH4gmYG/BA9Tb1P7yc87zSDqIEC1Iwl36HOQ3zUWAIAizDmhmYZ8IU3zk5v/uFTE7BaA8gA+M19jxEKXf5sgQsdW3GSNvyXTwldWwTf+j07KQzk2R4MW6a7tXfx0r+UMSNMAH6fLEspkg4k299pH0PBDKqgtdRdq8z1n4Wit+SGVyjkwpzsBsM69DMVEoH3NWndikG3NOpkQkWuiQ5opQ8/snWD+88pvNIl845ZDB2XxsGh1GWG3W1nLEM0JEKnSWXuJEovMbVWAjtT2O8eJX5lZd/9SwNGQeFziN7zBLR0lH5qzAbqq6RorIpu6I75/AtoJxVkA+h1nfW5ajdjnOV+AsP4Wf+AEKO/DCko/lFxZCwg9JTagUVf6T04xqDqKg/Q6YCTqrROb3Cqzu/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tzAtKfZ5ylGYsKVVsta2GqhzqOLNGESesOCqGLUiH0Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+IDzTzqhjoEJwp6fQO7becGQYD5/F/+oQlCfnEwnox4V71YZTbRq3NkGc8faAMsFqOJjX8V654W1P4dEEVzFsbc7YMycNzaFU6GQQQz30w5iuXRQatCn89d/IZsq3UhV2vXMVRJb0Cx3+2NGCPy3Dkk6HEvTf1pae8XW2xkyGlDJk0b5l6qWCl1RYBB+lNHgKlEAFrucXTWxwOs/RQ29zaZmbObjzLE7ncRTtoF54OzDWlApMz9NUgisYbZdrBV5UBuk9FCHzuN3OJXw5cb6vVJ8zDWPHb45Pdw0yy76gsyB0Mlj8ntAeVdeeSJkK9gF/tPKZahXJcqcB2aP2mhj1nTG2AbZTLfkQKJbxtM1cWn0QhuI7gSVVY4ueNWLoGMywulUb4Ts+XycKLcWMKnFYTq1OAtRdO6/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "tzb4cUmaEln67RBB8EoDl/sEs/FPMO48Ev0PyBiFfEI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Z+0hy9GqljrIVV5gTNXC8pRqmKB7sJfABPJqcCQFldji8K6YWkGkt0Jtl6QMNl+dOaPgCNOmlL27UGL4bGSp2MS71lzJYKR3km80dqm37KfbPGt4ox+9f0cK81aOV53Z3q8YKKIanl+gFdigmO7nqb0FdKO/R6/PXGEQCtxwTkIypVRp5NIQaBZvXJbKxISPaYbSDAXixHuVZfCi1TduN2UypXL2VkWJNaxQmYNAi0ZcKj0N5x+bRZb/2JdbDgnlLJSdB+yY/T9vXUk6BNO/lIFuXdYh9diLhq5KfT1Nln2tiJ7pjm/xrplQnYaw7J2WD0XgBPKWZousFr3+dbMnrg86XhvSl/9q4kqs7PTW/Y62sAWlgpxhIiSn56fscKJFfjZ2egkTZXEt4B/Cd3AXtUw6ThK8rjTJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "u/VY+YHtozrrKkldlQTII0Q7yjXHNE4xe/yFkPqepPA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AEGWKldeMkOaW343STPjYCPXDJzgsd8xzR7wnwdXgdX93JCvHv5CkDED22W+Rf/xPFU0oEJyuEzwdMDIG3rocaVHSmrpQHzKcRVawg98J4D0YeF4Nk7N19R0TYK2limlY0htCMO6AyDHS7NvCcm0gp0E5ngmbnuxnVP/NHQW2jPu+r0/IY5Y8hChaeiHk4A5b5ZG6gjybjDJYyPuFe7mz32m6A3jn13dg6aqFRdBkZwwqHJZPQ1EqgtIzd7V4humi8KqaBpwXwlNYMCvPlmXceUq5kjCkvaeC1J68b2mKVB9oOboVXLqLpZSRvEHtYMffumNzCuShcn6XXlJlELk8AqXgXpQkCNP1vPm3fdEhKVKyDM+6GWAjgo/cfvuFjqEUGpyxKhpoLNlZKFYcK6TGIs5sPTIF2qx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "u09ltKkaL/acq6F+p3pqON7m4kx/tLh+tSgt4bQCD38",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BAcJLrXiv98HRwcNveFWqiEQSzG3cy+hySVofVdUh/DfXQ1n556+tjZiQnnPuIBLjQJ/hAdWUS7cxfuiPxIH8o30MwEYsBxlozvlWAqitvgPMAuzjmQCkuYWccqpbt5PTfLjBwjhH+nVgztJfsag8Gej8moSUfpZvrlmwa1fvXIgNEDh9Tq93OHyyFF6oTKJ/Ri9XIDnsF2upi70bO3UEzt5Qnv441K61fft+mzvDqlIkP23JOQ1Kr8R8LE88oCfM3RausmXAivu19baPnCXffbpRtW2z6GJmbuMO3YWuIxWQJkFBaG92/l5L0AHswG/EZN431iunAnXyVjApkolR9TCU8u5u7b4LG442QhEqz/3SS9ipnbYHJGFSzqACqUNZF0ul+XditBYSebYUL/d3vcBBhyBYA/P",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "u0tpwskZnrwzbTAiyBXXFiY+AzU1Nz1gROpkWfWCWJc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bzCJrEvskLbpS9vzsy5O5oOBft8aAgV7SoA62q3I6pv6lRsv1OgxFD5JD8ipsdL6vcm+hJ91sXkYwn40NeDHGyOTP0+XYcOz+EEm37o7U0ZkRWAlXFjcJYdPT8b3y/tYdb4FaIIwVr6bSZYVBREBY+gbI60tQIY6crkMQ7rO7zQL7Akhknpb3WcN9HVd9I4XoYy7h1Iv7wr/wEs7cyxKoK3ExJU9BK14VMSOlKXMJpzWfZNhW7I22Tgr0c96zuVjPfuEvaD/+DIfgfJmX5tCHEh9y9HeYCpBt4pAT2Z1/sy2dUNjz8MP80zHyrkn6dS+P0gB2evS5ENrbkMBWFoEum1fAb9WaVASCRlsl85J7SZjJJ0XjHwYPjetpJ7d0wbE6+4EOs99ODDDSOYDsL0vSSmbl2N/esol",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "u188w8nkffQNEofCHR+4cvwO2VpLsgcEYhC6zHttYEs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hRy6GLiVGibvsn6JHI+J28XRSFFpBv+NI6k7oturKytMwgQBMMMNk9GD8bMN+fnqZIN78sjdTZkX8mvXPRM1Am7El1oyc8bd/7vQdCKYOXLu6NHu0l5nDUwkV5vinxJjHhT2QZOJj71MWy247d3wDqjvTF2FEzmNagZYZB4l0iI9/cuh9pYp6yY5utk0bG4tMvKzEPdCn82v3Pcxag0FmUS38vBU9LQSw9S2xL/GSqK+6HhRuVyC83hqNEtVsL9g9ihEttFQYlF4CkCPegRwyB+TaIsSRi2K3V7onQBSXP52SxNQ3oJPNFOHTSle05DqH46SuDcjv4LeI7iWWTsTl2KTrrsKh7iVTwSFt23BFGQcQOaVPMPojMPnYRikh8y67vq9iZ0W1E+7gxcYWdjaG8gq8jsY+I/H",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "u1WYkrToayTLdHp/WRIsRxtNMg2XBZc6LpNizf4dHm4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+2gT8+JFFlUpt6XzLSTYIczfGOKL2eflvQaLNUoeVGzmGtqwpagPOrVMff99rm7vT1igEgK+WhL1s85EAr/jKgomUdIbajW2/R8eM9Xbpiz0sBrWcYFe1QlBlmKpiPKv/3rEejVVvcYDPDo1psaEj2Ar9eeQ21J2JDUEbHUwtt9K/2EToUaGYETnYxI21kLSlTHABk5RVrghehNJJJmqsNxQ7YSxzWjyb6kvHkIF374iNKNL8HHXHRKzUXFIQDZhXda7neGWqNcn29cTJyKLFrglbk1CRL0bTxj6D1oIeSukYAnaPdsLpMG5Bb2YCHiSpfwJ4PRZyUNu3sBfugbdjRiv0nO9XRdZAB/i64T2PLTdRlyd+3qrSdrOskOy+hLw/QSFptgKLNYJ+X8SMNAdvm8gDJ94hdxf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "u1mKCgIa1erCbPg+UNGSmIKc/9dTD/UFjzRbFYJR34U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VeFXE7my4L70mgpE379kn9e7r5fq5MuaQAHiwt35w8FWx83hiuk9FO6JSoV2bU/LkbR7514f4nY6CeUvwJQL+arKwiHFTmhE3IThOgaSnHbfQpAEXdUUJ4PgIsmpCZPVuTbGOl1C1zZ6sWHAx8w+v+LgTvdzP6dSOuoq94gVQW4y6aOSCF7N6EZqzqXUkOnxtRTu+BpQRLvavHE9kL3q8XQ+BTyJDysbosjh/Ea6p9gzYFw7RYqapyEGm3c7/Z+S5d+EeEXIf6//079aHrSxWEa8vcr5UoyLk6CpVI3hjqUI03T7QBeL4vbfkIW46IwM5CTouzKWpQcYQIA+tu0B4bNz6rbv8W1GGyasYe9iq88+rZoBc01g8uJFl5DYmgNw3XjE/UKkY9zE3N3M3qMuEG3e5DPRjc7i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "u3TpqSy7ziW2Z1UEPRHDTKC+kpyLEWWgoFPfgJ7JbuY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QaV1N/0ic9nu9r8SYvTgP8B6crL7+ALf1wpipFh4pMJB3a0El5T+1h+j/01JxWOpRaLLgQ6hkmo6N70IF17NV2mSx/RqdqKW2IkQWvYQ2ftE0jKROYxV4nlay3mByZPiGyrNiOYW0PEwirPXn2JV40XBT1AhlVl4tbS8C92vQatWGjODPvAkTaDst+Cvf3y4GXdeBmimuLeY8FSRnrgngruTai0WFdffISwN2FfZDUNumqTE9zXqIDkL4Zbaxq33jA13iwiz6TxkkJ8IaJ0RlfaI6Bqls9dO+Stnhq/3gDofc54dv41h/V/fxusf5b20Rb1Oa4lCBTEb9wFuTbq/uXZFWZvV6+efUF0aHjH8WQZusdZ0ZWYvdgLpAr43OOLa9wjLwAS9JePyUWsSmPOlX+FhVB8eD6DD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "u4a/A8yoE7RGVVMDyKjsMzgEJt5YjVRa5GqmnuZSsyw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zB7aqCj18/0fsjW3cDP4JhIpCIJPCNUMBI1k3NjHm78vndiqmLMeAbteZViWzDJ1SqgosweGpXNzmGzHDl6ibNdI5WL26DAYOJSPsbHoK1+meXM2iGSsLuCMX4lEMkW2Dod3k0N8zlHoRlw6cVJ6RI2WdvzC6R7gWFBn917mWEVEhXVjQ2GvbS3xGumWKg2xd6PP0k7BsIWQWVWq/u2jvqWWPWjIUeK98n5TtVLgETO/a8GEsStNMrDoAH2qH2xUY4VZsmyeV+O4cmlsKZbQe2vjKJkt66YRDjZixPz5KCVEWwSXTzKPlDTkCVgZe2PT43waHB/HY7sj8KgxPILTMR0T7a2sRSetYswzumCQ170jAijVlroxI9dTqt7C2FbBVnEGgxL5sAYl7OX0gLQHtZRrs/LmMyF0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "u4g7CrDMSD194cHbDdEK6vjEiv+EMUOCpyDahlrsCBg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XBWV+crvrTaafxM54y+0jBdsBMMCzsyjFRVGJt32Ue+HGuWbwO+Yrd7F332ca26NU62AgxEBJde6CZhDJ1Xb4NhHP/LKzmqqnOavywgIM8LBAt+7lg/i1J26fuOnKrlDrDHxZN+Y9Q+Kds5Li3T5j1scVv5iV4KBTmev/86xMRPB0rK0CmmEInyaqDdw6qqGIGUsKtvuv1B9RB6CwseF9j0oJwau4g1SAqzlUC20vTqRFk/QgqfbcJNTOIh5VSdgzmWiCHEp1FFmeX9s0xVGnmgbaIcuSRNe1wThkL8psq2tgk4J3ruT+2wCuLx3azoLDhhDbUGvyL4eHENiO0jpVlZQ9zpZ5SIk4DMtooQXKCi9yiZvE3q4hZA7sx12NvAv/wcYxUuwb2bD9HH4JjJBawDi/sFuPpQd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "u7SFzvIroULVFuYBsj+Nr/6OR+umE1hVekbvH+Q91+g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o7rqPFlsIbv+Lxl7n2BXofBOEjujCux1+BxHxiZh2UYiDonJu9/6y6cMP22Gunf8tb+TOhTDpa4m/WYKifNZu02Tv+AXfKg6HmNDJp+wFQkE7Cc9jM4wiNDrLhF5kRw5Y7dC25fH2ankpcrh/PS7u0j6hy2ddzClPjg+u+nCVoW24vuOX5kbAR+pep43jVkXpeSaElCR6SDznwWqH0ux1B2wCA6h1DlWRZ5Aue+BVA9V4ocEkQUDtnp+SQWbzTE5WdfY0l4I5lXe5zEq+Ax7jc8k9rhA/g7Ng4t1kQIh8BsC+7yRNM/bPXZrqu71En8OLprm8xbpleNQi8zt3YB0x1Wf71WhMh1krg0hADWGdXEVaHUKcTDwUuZenSKKgmKQTwv1myh16nNvCi2wxhsKuw8Wiqo0orv5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "u7knhHD/IuSdUqCCsKOs2cQ02WbVmepkYqUP/65YQHY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Fp9qMLZVXcVReONDJTOXA5CKlODJ6RUfAV6r98tzP0vEt/CT4ObBUAUj+7FyvoYxIJXvwHHy2IMEoy2htx9V0yWb60zzJqhgrdRYG/hTnB+aQdnfX55by8BsdOBwWDCW5IOEdQk+CITolI8oh8wB331for1ZL8IxwP3+7iVy0uU+nWHnfH4xpqeWL6i4jU6xjFHSK2db6AzIDgYFur/s7ld3maG8lgnIP20B6Ggd6W9COXHbgw1K1Negxc8e/RT1kE5dbKM6752FCd2/J+C7NopyMw6gJAm4FVgohKju+aWH/54w3TbWvSuAmNuGbfhoeIyN9QIZs8WlV85VULKoxURBTc4NRO/YIn6PCYMhmfMxkZLn5eTgMSR3kQVFerBHyCgUz9unXcrc/SjIHsvBKoKSa/jImqVA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uAckjj5zK5UbFpWzlOcD8Jm1BuaK6bN3SoltlU3BXnQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BeC2mAVhCrXMtK0yhz+Ky+wLxYHnKnP7J7GSo415fipLeKHZmwtcw6Lup8inY2eC0ygpaO+Th9Lus9NbXQySK/kC41c7ttGeTFpc+KRHgClk15NQY/A2cWa0K8Ly760WJJYxu3NBjcSnJQMCuuF8ai0FF7Mh4WPozTUtd7xvWjuMIRDZsXOIkjLh6Fw0ZxkXo7yezZLa22zqxlcrnltuKBgdtjLN+COt6SOkWj2IVoiRSQPOhl+2ggw1y5QwNYWkJxI7V1R9RvygcugfBJGysyiMC+di3JoRXeLT1sGOoosI0rDRE2CywT+ZuPcKchrr/WBW1d3HBbJyZQzHUnWogFNQUcXNNnBL0WJ/OhJmY6J5187aUFSUdbtjSEz1SiLJTBGBSSpINNUdzVrc+Vb4FDZ2hegY5cy4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uBuH93qEnzqlTh/MBYcMxULsznGq8B8efRTgU/fh0xI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HQglWcga6gnDWmWVyzFXFh0FX1G9C86phINFLlexMn99e3n248epOl+GC8LD3eltbkP1dcXI+8JV1RJxQiN1GQRZeTdIO8Eo9OJ/Nko3fXmI5r7bBRWoVhlhDcfTKD7U5XmhXV1jWsNMl4YkVEqfpPXBQZzCgOAkFcj4h+HAKVvLMChxJuREegwBbA9p6iI4ewM2SMqMI5coZ1ByMQSynX10wIUN6Ml56CkUX8Lax8cB7FWkJkQfOJLJQp3TI4i6M4qQ6mR3yGY93Shlg346FP/eHME4Db0k9cM5xkSOJo65ozVry5A4eg0mhey6NVLVnfhA3Drkdcgk+ngOamGZXAm/Q8hi14sqrlCjRaP9L1GMX5BYZotmgKdExTayxG1ZnHCZkkhEDqrtQC9FJgv9Dqzaa8EzQ5P5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uCBqPLFfdHgqrIZM55kfVsp06oSY159vV6R/V7C9a1g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "u5cSmb+kBVIaLeE0BpkrF3krq2pTwpjz16RNQ47VOnrAjlDTXU2H405rz8zwkU+ll4PHsMzS26v389xmfspytgZy9httGv4CsoivF+5lJcV2CS8Zz+f9bgV4jrK5CsH6XuS/EWRzkLzDXZyxJPHQ3StMnXT98alYfvcP05t5PY8pJLVYPR9sCLBlxNMd5p5qZ7n+bwIdOOLobs1l+VNTuYDIc3/0vNM1EHe+pUvWfKO9wjM1aw9XxOaq4RzNpjlrOXhIuA5iWdsIyx43smrzzFfqnB7liFNXRPX6ZDTXuQP3JWQBW2BQE68C0lmfVsRh1sbp4IOMN1jy23zCatqGob577TJVGDWgj8+d91wnA7N0WOBqrS0SbimW2NcRgziF5MBIoU1ZEKcG4xPCDBPJ1xN7ygxvrrhc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uDDlcaMMd+GR4opEXaBsb2aSqbwnX3ul0rm6mdV0FyM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jG78XXbUerZ1fw9cxnGIi+bzyqwhJrQiWw7V7M9Tqi0yCKJjqHRDI88615OnfTK3BINT85tHGdrmHkd6taxtd/P7pDEUcxIETXMwcjwMjaqfyaNMr20O3VW8jqg7OIacHn0blephKqYMIKIH99abdgpJPqfkz2zZphW7Rq6ObA9xQn/0EDvmlpK24HFHGpmjzDZNX7C2K70MI1R607pZ83bSxMFYRU61jZvMRcqMnpef1Sb8VqlnmqkPhGcV2ubAD+SHA4gOtZKec6lR4cSx6U75IE5fpA9rScbZU/k6dhE+aU3gi47bKiTNRpbD1jWyrlH6H8BtkLYfzJxYq92In+92UHXxdqTOmr72vuDLQcB2nW7T+QDPk6xP7DgWNIHtN5eTIzqdehtwVzWmHI0nDfN6b++MqvrM",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uF9Qdj1FmVk+UD5JG5YsCvmUsK56oozOAWAgUf7uJuA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Wdr9Rk3fOUalyRjSx1q5FUsgZnS/KyKRaouqcA3NvlWvIOX9c/hcGu4jR52jxdVKh7t7l7ciIe6HnbsAwugS3XE3oRNEN/EdplS3X+SZCIwQc/ZfUusm7bqJanXABOuBUqmWG5L74e7t623JBNuV/amIeY4nXLWDKRKB/8ktDDz0TWu0A21v/IxtAeI8yCAxp8zCJZGyls8X+1jIrM/HjwYbMEhCtyhSU1oJ+iwYL9tZEhp+tUFLqq/OGI4X4dhfwMNE1HWusEgt4Lv/vzRniR3GxrfAcrkbDC0O5vPIZqblaLSowF/YLC90dy4qDRZ0afUQwMikZO+1EHXf8Js4kC87FISnv7KJZH3+hKSPk9Z5Ey2qyypgZoLgqOXTmIUQuR8HQTC/GiEKGfna7nkCV3nUJO9KQWhN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uFKDtjkNGVPkC8KA+P4To5DV7Wn4DfvlGq/VouN6leg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "12kx2WzolOOf+TJYAEtpFrFq1ErzeefNkdISlh/iDwiKYqUKyYM9trYOPOqHjRTLpA1LYyqwXlptFnKv+6V+EiuvpGULO0yjP9tQnh2zOzrTmz+Wi+7LwvNF9sd2cLUXT9eHb9etDFZ6PhhiWy4y35c3Hze6nI/Ldjqp7jWj5ZDkV6kPXLl0pg/UCIu2xOgFtWeOg1Qv4fjrpiZdIS0DcnHvqx9poc6U6Y2g69JjqA5SRTD9FH/+OwUNfApD0NZ8H3kVS55xg7AEOcGcl8URIJvLndtmczfZw4YsInrrMdy2BKJTPCdR44xgExg7Emel6F74GqDqkUnH9npvTnVljuOvfogG2OfQJGqpUli5ZsnE2T3EQAEKDx3t1W6JRO7FbSD28hO2DY9v+PwTKqEoRpJV52Mr7ttZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uGIcF8Pdeg5hbYVhY8K1hrg7UVAogenrkyngEulkwNs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3nr1S4wk2+OiVL3kbT8keRQZgVuKEs8U7r7JlrGM1Iwmw4T8/j8jiziOo6MLaKNw0pOhm92dm9c7aNdcxY6KPwcVCz+c/GtsCNDfoXS4iKVashCCNaLQINRDwxtKeHo2ZHCtTdDr0B401HcuNThhI1oV+i+VVdU4CSkMQ4EXJIBC7nYM1byKPUISRv0QWa+/Xm6sdLLVNpnDKkJjEj0SCJpVZUgVLZsyTZquFXwn2HvvQu2E9kdCWWYBVUCAIu0U3VLFNrrAXWGkYljMrGljhadv0PGTjmt0/rzkgMEj3WIHcvpty6eq9gT5cXxyUQkdHxQpKy6cYD3Ge34fzsfOBKf4+RAghi62ZkAEdpuS9fHD9pHr4oG+sC4AQrU9r545BxmJmUaLhFwTojb0HTKqQfcjNKeYNuxB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uHaLbldaoyTDVsto0KBmxHp2rlHsZo2AHEGYTeLraP0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jbFVjbLkWlp0bdogUUuYHZecS/J9BfqmVS+8XaZSqx9+6nG0Ele8ZTibxQYUReJRFwj81ph1uE/XlOs4CHaH5VP3mMYdUvaz6S96eabDLaPQa/Z98WZz2T2WYYcpjSyRnEcfytELwI/F2PRS+Ei219kXGVehGGn1QOWb7bfbLyS6G9kwg6QKNuGafTaX9+WBt7oGqwu4k9RjTxFFmYKYuhvHyLLAegGSJWs1nzKNcuWs1fNqu0NKrBHQrCafj+T4Ko+sU1h6ThfJYRBfMgCsRsCo7wfdjIQ8bWGqSDsen0tlimh3OEeVnDG7JHbAmlCJZAGZ68MOhRnp2fHvhjoclQEUJIiGeHjd5PK69jeKKk+Mq+aqj5R2T3lwJVHSiRrI9rrBd/VSNaAIJzeeSkqs0a6eFmouOHB3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uHjl03QEB7FVgeFRH1AXlzycH2StALRXxVTCkHEf8v8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bb24q5Ft2xLKHa6/QLIAALZZ+BY6Tj3lasR/AxqXbO8D7eRw3hKawRJF8MggDOPBpvjTSyFq1bZvFsunQXI8gFD6VWsyPYa/cfac0lyVNo+Y8ibQes6g06woK7BCc/XFC59bQWH8qnkcPLu0Y1M+Rs2c0oNARM87OoFj+y7iCnOrhxxa7pPSZzKT/5WILPbfS4VeNtJtcT2oXOmrdZX+MGBPDxnAPfZxhoEcDGzUNcBA7e76H3IA+MZpi+AG6rEmWvhfAuqcTQ/Vt/7d6JlYUTP/cAX34QrZlU4W40lHbvlGYPsNatkE02hnD9cAZqXeu18ga+aAbJN3VXU4lg75O18RlkquCoONl9pYSN4le4S2AA1bm5EodBYiXtfWMLXRFrkEemubJoYRK5rkqfkmiAWlCULA1yV2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uIcL9G3Uy6dgZm9SjOjEnf5ZHdXK9lcx9rrCUVgB7K4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0wJxajJedsFZva8cMlUjqL/iYw9w8j+4L4QAWEJkbMu9VjGZcAveTXX1D/yDl1cTRBkzmIA0/BAamOStqqd/BrnAf5w7+zuc5/W8/8GvTdh9bvUDRLOTLG/k+hqdt5TRH8CibSZYfJIkMmahypEwW2v8NJ8y9DMwhEThvtCnWJTYG2Xr2JlrXl4NOqkGxEbbpkmStkQwelCr33lzvKUrhtFEzdBkeK85//MlOZ/7m7L+3YSIL4TwZcV2la6cMtn2UG/MP7KLVXlG6FKPO/JXHwuxPNMWKqYD5cdwYwWgF3w+8FSjahZVWRSVA+nii3LQQymE0+GZ/qcTk99w+xkSKf27fScKqo64XwRU0KX2lcs3ETQ0MKQ6I3Ck2grk7wJWGdlljAwm+xc7ufFk9qJSgOMT2ApnDdyK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uJBc2I244pwrrPnHKRZIxGTCShIurrxwLQAjUfZQL8U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8pGBCs/YjUsueu+L+j8a/yAW+eqELm8Xyk3I9NG42M0d0hCxag/BU4Txzy+XGA25XzZZ3zp2GPmB2prTxb1EZ6ABZqpKxe3041qrltJww7F3K7CV65KrwMfvrDt0c5UmVpxdWw2Mghq/rNqNKqHwHJ2qR0JK5VvSX789zGHGtOZWJRTm7mc7i+EvSu2SpM3nvkGoN3M1QlGBIG2+Yca/T7tKKRZi64/ZmQt0m4f3VL9bXmyr/6FULkt32Ak2u9H4aA9/1BriLxaMNDFgwJmAGjoI8W8WWCQK6fgevUbtwaGP/5QDnQQKzVutTTM+BcX7nfIZ18D0RMryTglYy+js3QmTtPz0bghr6RZSkQ7epI+T0ZxPjLNoYZT9rNUsld/ceLGCj/mEJ2KBv6jouiVXflWQ8Zu3w80r",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uJETRfH+HiLYNULL+gs/UwH5JtKUphGZjsZmBpsETSY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mGwKBMK9RTXzehtFeVKlYFMHbmsfuEiVPfK+R90IjZowrODB/yh72UxyWOufMp4OsaCSlPJhqL2e/E7cw6owS5wzuIKOr3EQef4Mv8Gy+HPQKxXrnMeLPSgI3zUfinqwTXd35C4jxCQm9nUMNM6+pf6IgabgkKntHeAO5pTzyAiUm9XVL9G/V45HQ0+2UvfmofsfrhjR/Hyq3jdmbZJStgknHHncQlJ0amh57cjwobHoeh5MIbZ6qgLeLxwtHJ/hdTOy608gM36dZdAq3lKYhrOwqGbmzxS7axWcMMrUEfX8wXEWNEDg6xWwSrE3Qy3x9xDVh/IhNngjzYq04mQ3HV+2IdWuocFH1cn0Fw6vsdnUg7w2zmL7uQKBDJo75Uj4S4X+Ejt7swM3XG9PYhJlXL6eSAEXoveD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uJXt1NMEww8HLOZRmEzYEZLs4BVtsLK/sjo+jqutL4s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3uh6xro+9td95HMM/UAFr4Pv8va2YGR6IYgyfaP735oPQF9L324ulgcDfSeDS/ytkfRrjZ66V+vLuLQWxaUtLbjEoA5RQ1ukQUOTfDI704gf2iji8tRfMH6CaFov7OlrLSAFt2RRiBbfFmsMGewhZrKSKqeJDSkepXsRfmPra18QkAWtD8y+Fu612Z7QJ+gwKBtrwfpxS4LkMZmMCpiik+vDD78CmeofeALR7QY4o1zsrtHIvpRZOSNpGerY4B25+qeA4SZ1wSLOwBKYk/LIYvNbcF/EhlW6M0R67FBBoau6oY43Ep2Wb+MTTesYtecXqgrVLTuO/DZXHegiwLwTn3WH/0jNjuSvh8YuYxtBvce74No0j9QBVMrPWjIdEgWIVRR30iaWh2Pt+bFRfwHeZxI9FhouA25/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uJlcOoYo0iiqVEobHwvNER9uVrYPuSDJEOg2N0MKTbo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/pOKOIdqGijYsGi7K4RrkN3H+gltjLmLTwxk/nTvNezFt6h1DbYyPoaBF/2fh9sW0cHzhrqaGiwXAEVueIKcdVtUgtTm7lWT8b15gv7jj7gRk34qp7fDAFTLwXkjJ3afq5lzAJMdxrf2+iDrnXeXM5cJ/wZe/hNUyDdsXhu6lj/Wf9k8mDQoQ931MePoX8IRlaUOoq7NUaSsGxP2S9Ugp+IJpneMnul1mbDmnh9YG0/4r3DQwrDZsdx7M02mGVWOu2er2fj8t89DioTwFBVFx/esQAhTDHqdbvL8opHsoYYbgdvuPmQsj4Voh8xMvd1fftfdpBwxp30NkpzBkWYULAiLN81QsAxs7hKtke8z9Cs2WxabnE5TsRPAhD3lp2ACvjzRnQQhe7WmwcX84BmxQHR611CHQz1I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uKPtdiTa3zuuJgxgLHOKQlDjA1d7JNDEuQxUQr6sBOs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FzA3siJefXL/mAJZgdmmRYeEfrgxOFULTJT4qB1t8VerMuAFp9c0z0JchZrMYRAcZm0oBIjbcOO33TIy539NX/RW2cijDzzL1uFwwdUizD0PFQ9kqtc9GqM3rEXKpLHDm0Us5Lw0F3Ac1MBfWibfxhiMh4hK6CH1zWwit4KAyXqHmjF+9ErXDGCskDf9+7NzV5NYHCHyEmsxAxjxGipNrzmKTADguhJmaepetz0vKhSoy/bXy4k/xLV8IuGdHPGDOMB+6NicywfX4OIgIe0acGhzbmTwPE6mPCLmz8rtyWQKTJLBqByEcErGX/MStHGZvqtlUV17bT4HtHwCkWtRssDs2irBT74z91ORDM6CiHrbCcP4gncUp0EuqkxgKiBcXzz/YvO5oEw6EjxXJQVg+TyxHKTFfqtR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uKir+W3dDGUhmC+GNgBzv0klAmSxBgpbwJ6bZE96kPI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ndn4GHe4DoWGGxOt+Lh7v9W+WtT0NImQK3twnp6fW250AkMvztlBFKD1FS8dxSKsDIYdysZOe9M7cpo7RYW39zfiNW8a36vkLZE984ZPHCXIgt6ZlkXN+p0PnNK0VLqm6D4zLcixJcOVJU6uF+WXZYS03fTWuOqobf6S6ObrLGUrcG/EJrrjNewFJ6IaMjBWQZMjLNkizfc4fcT10MZNNLoi42pOk9hPAUziYCfI3QB74Kxu91EUPx/Cs0hiOdjFkTT1FN/7ypfZ3vq2eJKLhyAgJH5J520GVrSerEki0rpnjjF7Le9Kbi7YJfaqtpxfvuryGiv0Jxpi1/MtBHT+5sTJoevbW5WWR8BQE1zLUl+h9P/lPPK81WktCsJ5JkK0G8dfL76P+Iw7XBPzM+udLnzuJzdhY5OK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uLzF0jffFofECVLIlwITOzYxJIZUAxFMxvtACg8c2gg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YYq/dWCOWdjmLYApP3LcC8ygNq/648X/9h9Lv8NarvRdKSEYdUxeqHvsvCM8Eu0Q/OUtbZ0aH6x3PiiMhTXm0mlCFTfJ4rpHBq5zeGN89KrQH5JZlV5FCJ3V8VK3GWfY9F5cjg3Wtuer8tQ3j/o+SlnQILHPGlbGUcvgT7neWBAsRaoHxBZRU1wlolf/g+f1vlCw17DJCenQdcaMJ7nDLCT+Xh+4EQtCjDEQq+Xk1u+PUalD4VdDSFdnhh+PTl+tkUx5JZZ7yb1ioyUHem5AnVrBK4/wUvXtC8WMvTjYBBUncDHN0tjH4PhHNAT5Vta5kvcPgKUYhleT2SSnqcCsKGeiv2beBqtL6lXPv664Rbf8kHr6Forph3PZPg4BSE16XNn00vyxX2VLVB35kTxL5GeXUZv7AW2/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uMe8HfznCRMZAziVG49pAaUItfViuwfZBj6bGXZHRxI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M9zk2Kfu8y49awDCYuTWx0MND8nFo56G1Xaf2Mt5zmQsBx+CMsMs8SW7bqv/SYGXhPQP0ROkKbWkNe5o5nx+JoaQhQY/Do5NT3rklups4K4EcYqhQHG2npgHTVwohHaD8wmfAhIwZqToyoaXFGtdSW5mpUTRoVCDUTpbYeAeAONfU2jZPBJM21fg9fCEIvTvKuo+u8oUqzEeZq8b2Ltw2n11Tajn2j20tHNADa5Ns3/Eu4t1NhCQ1S9dSnfb+kgPwcV28MoNZja0lE1Qx7oXcSlz+JhajuyaCies9DCT/G42rvLxkTZcirnGoOym1U1nCVNWHF8hYNa6uSkhSkQBY66W9MDgu3KEJiWDJeSEO8X3AjODyqhi5hVlZMiKDglVvg10v7G2o5hKAsVK05rrvZx0zqoOqjJf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uMhMjOq4V+9J3498jQqv3UpavyxLMuhBWqqooFJrUTk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ppJsnl0R9XPd//xQmwrpu7MJor6MgsKU+/W2E+tk26W49kolPLAmapuz4hCdJnsNjjsvYnJkVpUK/u8WCRDpgUnCSISC2XOyt1yNmt8xNac9BaMjvC8UdvyIWVo9q1vNlcO/XklHhogMj0p/5qwfR3mYv0Vi32FQMBV15jsa5qIIlAbdAMhFygrBARk+mz2GtJb1G5izRA5xYFaG6ZCWSgdOpVQgtu8RccAsWy4bgwSBThqRruzd2wLQAk/uVE4Mm00YJzAkL/3w2u79FAB9/dCZ2VzM2+8RzUXUNi2UaWIXhWnG1IjhuXibVdTCnnC2zw7xCVwe8FF4tEhE5M3LB5MNYoInrQMpsg/x3jCRcq9GEeVTlYzmGg6wJZW7ocIoLTs2i8WZ4NtHEJ57VFqMgMFRvn+NuMLs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uN+SVrkMqwIdpZRnrbAUTzsLjGOz1/2nyvoM94aIT8E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jitWZAvX0yxhCXHxs1atCwwJjngZ9+S9AxCNb5Mvlq3eeUaP1yZGfPqihSh4PfEDvdwTn+w6y7BQ5SMGcGc1KDJPXTK0/Z4WEHWue2+AGRVswyqsOIIB4hXeStFkLDfDc3a7z3tJZ6r+DcJCZ/G8PYBP+2CPiDUQi9vgqS9w0Wz8qvEFLxjEOLanbP59hg81HwydzqcgcF3IfQEkXN5klW+dhObEBhs0dq2BjN5xaCe/FcnmgPwMMQUzKxP3Pcvt7ZuMxg/q8/Zz0FUg1Jz1YzPn8JzPu+CGNV/XdJrpiPbHb55FnCX3lgVjN9vbC0kfleaPYdMh2o+Vs1OQyqZUySADIavYL6pimZXyEPZj2lHcPBv8yn+dxPI1ezQxsNmqIgyAeFciAtSbnfBNHz3M3IDFgnwUW43i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uPuezFqPyzi6B/vH0tPxT9dKC+6QRJ5znGAjLv/yb8w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1y9OCdSyQy9suNEFO9dr0g/9WaU3mhs6MWS49SObFpzJ69R2GjRA0/mRTXCE/T7N18DWLQ/WYwHhnRioW7IWzCCWIHw/N0CEEYznDL/SAxwsMPV6dZqPre9yVr1auZS/APksje3Ci0xTGHe1rC9P5oIphAtkRfUk5pWmiFtMf2jmj/Pih3XBwcgm+ZqyfiJwqTvWZUVMSjfekKRpooMhXJEDkogzzWnAlVjKKbHLcLUrQYr4ISSMx7O/6wl0tmTuO/A1TdeY2RhqHaQ0eb7436R/G7l8Q8ZCRxOOldiIXocDESISUoRj02LfXawUZDdiKAPXWEcepLf1+u10tUU2qH4YK4Mzi+5Rx3dqyhb7lCMLn0+b//nGAlGOyobNlcuVTvtbdm4vpxHtp10sUFvps+z77TM4wQAF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uRbosby0+JNAMgXkr3+cuC2WCjxxC6ZCOarusqU/2mc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sRpTnIA65NrAmkdCNmaC8kiSpQqPBrWO+tlJsnGxMvzSOzQBWm5uJBLFH10i6/GdRINuFVtvp7/yyFX2V9Su3TQEG6s1hs0VhK9sZW1x9c1X5sDLZD1CdoyOV7qFJJ8sd+uNwDCX3yT4P4RkODN7kWq6kF/5/m/uRVXQYs0gc2Z4GU10Nf1P49Q8T1i2Trl8nO0FInsApbh0ZQjcRYRt7Chf2yHhjwaPjYQp1NVqPAIMaYgW7F2JN62mJ+bdptBefzVXvkLN5VXRrh1leh6JXnJvUqJoRoSloxy42rgbXZRktoYINZA3kZuHqhhd2yh4EfJF7TFgNOmXN1q9lr04NIkK4XFKhGnmMnzV4WYsJKKjOsDTLR3/ieevtXwJd58OpT1iz9G7H57Yf+WA+4VXV0fyexXWVR1L",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uSlOJFuVVH1w9cGeWoaJta7V3/sJpsnzw2QCLVRHp+Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iNgO3C18c9286Nbi32Ej5bsAslI5iNKMcvwI38TTouKOmKnXr5LpyUlrsA9VQrnxQPex2K+S87O3Lo3nuS0H+G2sV2OR6r19xh8Pu+42sHNCUaJysNtycBjqKfD9bcDi/EkpPriFYubSgEV5oEksi4okvexaeOCYDsLQP9sxcCZJLbknDWjvITRshIG8cGwy6ZMICV0DtjK2nPWy2AQVcLpUSVaeE4WRKpguk4NnsN6Pr9Y/mcbLn7hsv2JtHDAIus+CzoM0nO8SZpqyseyuqQpF+8+pYBQwh2x5KAkeqXhlFAw+r1+MLKmugEQR1T1h9M7qvzTUmT5vNPQFyfJeZHG37hwG1ZqeIyxMhEY9/d7930iSNN8tTFD9kiPmGkPK2nAofuHIlOa29sOn/NSsmaGBX4WWeZqJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uT+qrYkQYvOurJMtxG7n8ics3JpBqvEhjii6/DDarOw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SSobqvE6dgzBH9MYJslw8f8MuNb+2T1qSQ1MqgbhOL+YAwFk3W1/yKwWWW10yK6HOYFrgx4Hlczs0+dbSu2QZkyLoSRffaWAaefMOC10DtlZ0DshEe6YYYGNUhoCF3hLPCsNLWZoN+Ocf9Xq9ZU3LeCbI8sV/5+3zs62EYkKPLXpjUdLD9wjTRFt7qXPei5MNS5xZV5k/xveJ5xzrfAdJ6Jw12XnxzMTOoqkvv69/qNGcc67drXd7X1CC/zygR7Wr/UxzhcnLDqSR2pdgkIWFL+ZwcqhoRH6o5yUwxTpMbQfrDJNYatzb3jF87uXb84wIr+h6NyNjqZaGY3lPEi7BZxC9jK61fWWvTinrKaqlO9xME4Rhz2u2JkLAVboIDcqqnJK/eq9D2CMjUGegzcZq35ZKVMme6a/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uUfuGjsD0y0s8EWgGdQRBTfj42FmwQWTIyyT3ln8oYA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HDSzvunjJT+2fwGYQdPheFe6yzXos7WBrJHvANHH4T21sTcEp7AfE+H5cluFBuAG2wpEfEKSQ1QSTns9PdaCS5C2omFDMYFdwdDw5MTaaaBLa62QteduqMDyumCtVrRHAeYWINOvGSwSAuEqZehF9tFbLsv8uAP/WJI1vnLNpra+EuT3xoEbHkUqZ3MTv8FtnHxHdXwsLvGTF7sG4JB6F7Ctfe/ndCPf7PqSHXn7IfbeKkmsH2AiFZ7GycelBbUqbAAqVoZ1ITXP3UN+U5BzyvyzicrMliZsr9zwsExWYYC1nN9VCsMxWWlIZjTyZW7e9KQBaOkq7aYEdkrwgcOsZ52vPlY7DihNvWpF0RIuQunIqsPAbCi5eWzy732XM7FTaz0lHxi7tsLZlbUeEt+SqnUuEGsADS5h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uVZG0NmesuNLReAjPP7zZf9I9NWXY4q2qnX0e5HbmTQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4CWXVZrG2o8oszHdTkZ+Fu6W11o5ioB8RXavtBIt/CAPl/wRuokzKrb34Hm3gm8R1fCoxtkN2xnUqqolIXdjlF86w6vqmg3txf0E10LoiUWVZlioGACZPPr+1OSg3BZjrcrCTOPsnxIWDwbRfEN17FwBf6jM6l13cyIrBAlDu5tqw2TcQuCE4qR55r93/R/y3gBi5f0GgWudar6yefuUgOQOslGsuWoLz9EmmlDg4FNrrI4wYs464plf7WduCKd0MlEqr1g/nfEXZD1xD7VeXd6FKJ1fNPlNexDI55HaW5xyEhG7ofhuWbEI/S+AWgXAdWCK2YPFqnFX6z0EKrioekOpL7VZbWWL7gRiRQzfk9T8aa4XCl73WysOF8fK5RR7DAxlp8kmYPB5S61+HD4hK9HwImLNfqFj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uWe9KJIVNW35aTL4MejQzh5lKIuCHuFIOw4qoXRcsdE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RTXV/0hRoHoK5FTQYroDbV16QqmYxW3+FWxejzGzpKjg9X0JEtom7nHGrJNcVDdGXPaY6ZuVo+aTuJOuquVtnV1AItLfSxKb+lVm5YM8nddvHoDl5JmLBYQw9EkewFcliiXw5d6CZ1CP00Aaz/QY53MNXuG6WsQNj9t05Sa28g5Eir2sZj2Ir030glGQxcmnd1Mq3SozqA3OCJdFCiSeebgayM3nt7SiJYd4wTz/kkHNDIh5vjOJMwsW+cGXBECo3n5vkaK01enkxnznuhH+8tKOMf7R8hSJSso9YYDd2Ph3C9oe/p9ZWfGOr1859dW+SD7jRQHL7jlqUNXfHc5SUF/vS3n7YAIbU8Ik0Dpmj6Z+Y30PTLyXMk7MvXDr52lAjEyVPtyiekGMc8xuBfRj0aIvfZSlTyQv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uX3yGBhdp6pll+g85tws2qHbaiJLbl/NYcwhmcCIUn0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lioCMu3KBUc4dyUe7LwGdBarOBR+L2zGQMLZ2iDx+WihYN5VSW+UG8gxoa/bx/JZvUxmmWjsG+6uyo+v8whNnz5Cspr4Zo09m4J12AopghqkwJduUwCr8DuCrnvs6LW8yGoSGYg7D5qbLaUnQ14e4tdPDg9Y+vSh0z32fnHcqGWgVH9C5w94sRISGHcxnN2VRNI1lOFC3wIdNZmk0/qNlyxqATVBHsUE9rNp05JguSfv1jKhIo6N3YSuEt7bjllWhpnksEFyGqE4BLQzUN4v9xAgo6+h+4Lc8Nk/KM4DGIzh/T2EGWN/VtaHqLBs5XmgLS/fo456MIef1VQPUtkohlk7iJaV1+ud+aDGfn2RqDEFD3Jt/BxSoCE9zXTMu8j9ZL/5Qx4RRlcpcmrxjw/imKKEPurhL3j3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uX8sS/Uvdi7yFBx3tk5K/sHWqtLnXAPR4dkbGV2Ow7s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tpw8onmDKsDsu6gS78FqFlLQmpxuT1lFPj1yTSBltI5S3bRoJI+kcd5PR8+TLaOJYhtABk4aqSyzFfsqdLv3RHZaxl29zx6IDQrr+oJrGkB1IVh6EGCGeQ1ocEH22qfRgJgipA2OG6Fzjyzw4yQVsSAWxOXGgbzszHVgJkDPwYTcJx3W/k6PNI9+yzUsk2ff0P55GrS6Ji9V/CTD5OHaICc9sA3qMt3XjBEaSkACnjiysrdMGS5APF4YOVIfmwZ5+u+EBHuGJ6yfdgu2CThiLhDSP3RJyFV0qDEUm9FtMvUt8nhTx7t8LuJnt/q0g5KoOOhgwNBiM7nviCXZizJ3YtMeZaEGDsXuHvuEMAE3Ng9x5y6VbhGLePbgIz+fkf53dPDnM4/AuhZcKuQBSHdNrXtVJxpSWJN1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uXnmFWN25lGKn19Gw8aYkof2siGQaX1U2nEcNDsNQGI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PBn81mXVFcMRoLk/nsbhjWJiVct06a0EHUAH3YDXL4YnCmbV4oWLRwEW33hPWGfE/s1LfMzZS/5k5M023U3sW5wxB2i6T4Cr4aV2BBJk7YEwdjZeMSfDqF7T6MMfJPxMsV4OqKx/dgTitHiEkqEBUkmWz19M0CR7+KmVE6rbJDNqRk8sQFREYDt3hGPqXmYNKlyEu80KXleD3DXc+xjVbfuldwpvkcxyMfmrKQ6Wal4SNJWqBCUxBiQCZiC9NwqAVaWUXLQhwqjIfNIGZGLkfw1q3JRIiEgW3iQ5jUAFMwhbJ0059lLL1s77SWqDXx/WmFipUSvL3psRpbt2Ss5NnoCgBeDj0+Pv6LbKJQU7R2Le/yqaFuS+lPtzyGkT9krFofy72uSTw09QEOCAL6lGY1OYeOSm9Tjv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ubJbPnf6woMWvDGNYwGvW7RTsKEUIvzGw8fBTiKlbgk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MVBJtEpji+Up6dxpwhOpsaU3873TnjUUbSDAyAud2KGUwrL8NrtUxXlKgEojOjNPjaDwE3CB0LAYOcZ+SHCQaeDFyNvjsaI1YvVPm2z2GMczKCDTjTSIVUslM24VwWmkBJAdbfCcRKrpTAMKU4e6aYJLrn/DCcMzoMZ3ByW1s1S+/Bj2bh0S86ec3oUqyknTk8mBeWiHLQ+VJcAE8guMo/Wr2esndYwBcrtrFE0tI8FORJHZ2gWVA0Bmoke6J7p2HAXrMcBfrjnvh8fEMUuMdldVptXrTiVLyQrkuWjKicwzkcsjKBp/Dfx9qmaT05JbgUYGPFDz6MMltiFBZbOumVZc+U/K6VjVEKlWl9Mf/qOSpMVvl+Czn9Zu5mWGUQyyuxLZozlpjTKuWjiF87pUlrscCrXHUeR5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uc3xODBhtHgC531EUme//d68dORZsyRNmG2eEwgOYx4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6WdWJELWGINRKXLjY2pHuT+0qSD7AmoCGC5+imzorqos2TyB+MFgSUjo6RxZkpaX2bjEQCV+kjQt1ghbkUu3dxgHyde4GEp0V/3iX24W3mY1BcN0a3W1brZ7A/h6RKKS6zZHhFIiprbOHDdMOuL241EBazf912xqqfyzcuiFRPTuiao6l3eeYBVKbDXzXt0FrhK7uwnrgs2X10g3L7W6zRBkTpExSvJ1jAQlZ7xDQzg3xjbIcJbjdx3LODpd3xRMKq9kzWohGYyaSeEnhf8vcfaYA/Ct0f4Njw7SqdHrDvYquclJUatS3Ss8gcWQwqmZ9zJ5Ppv8uUybYETE7VK7ihhIArVLWzX9u0Z0YuR4f1CBqCkgn2BoHNOv/7bJihqo5qSoB07uhOWGcLuGa/oz5rRlL4YmeCAP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ucPgjI9WdonTBTz8YM7h864oly/UV/ETxHSTnRhKBuU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YMHb7yduXKuEuTbJZmLWeE0z4TozS8lgd9vKJnA/aoJDevY9z9HNfLEOSAaMPFEOjtNuvk6DrvPj9JuwPw5pAM2dFaole4ZDQV8LpQ1F6/dlGzXyo4lJjwLg1JGC8/185t9trqbgujmISKWljIUx/e03+dX7iN7dB5R7SYwPqcuscBr1kQSNNjNegqKIXnZPHkKWV0hPqwBMnUOXDXIwyzrULXfDp9UxlE/sNYYENet1Ubw4cFTh87Qh2bGKHzMzO4qGJHh1PqsRAOur6PpVALV0usKcUFDLyxqyQJ7mKiFxQMlZ//gPKH1X1n6oykI9WRo03AgNtOvE8+jluZX3sCQB7KLUseK8nFTrwtBRsAwvVklTVPU9UZbgJHYeJ3U33mX8dYTq0orcrdtoA1UBfMPuKfwQZAsn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ucmFnUvo4V54HfTq9PYSOeb8tLfTkK3KTBPMvt7Xzic",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "b8V++E+H3YV4p8Td9/J/4rCKb6s6maWe2kb03XOELhw1yldLomoGIjdyBx35sppCnidmp6G0uPnXkuVNNoADgX5xmRg07ddVIi96Xm8lZRiFZlXdkdb1v1c0SPkOoyGV5Vz1S9QhJMo4hG5xIHPNCcAAhvtu1FOWGeOtY4EEwale2K2e9qoI6rIbpv/873/eJu0iZKR/ck7vzrMn6wcm0S93MSbA8TBBtIfoQDFpmVwK3EjzMz4rZrLbgK35JSQp9gbY7NGCOgnCVG0txNByhUTx0miO/qLbo+LB61UjVow9h9Yz4iFr8WsaZ4it1ySU603YQOatSHo1kFogu8f2nbnZZ/VBaWaQ/QF19LtMqkbKGuiG2G+WfgkMMZc7jlxz3gE8Ca0oCATjT/jXpgGUVk3e1DYOzFM/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ucvmkdVN+162h05sysgjfULykG/QB6SIZaRaJ20ssB0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aZPGRYq5//5uPdNNBMy0I3QPYqWJMF60+gWl/95Bf0h1Uke8G/L+s+/A/z5R4v4Uy9ouVSBBjAuG5NrcvRnIM6NhgJuC84hs+zIn6yH69Vuu6XvuoeblAFx/Gqq5L6QdzTpL7OLOofOugXdquXCa2i4mWNrv9tXqV+NhF/0Wve5pIXWVEhoiSpS6pS9Gt5fi7ZzrLSlmEQo/A3mQ84mg9CH7aumtLG9h1+sq5iYI62eX3snXxpLApL5T1ow0rbq6n6WoXLvv9ws8sRWaVDTU6v7/rZBzbiHDbTtqlTajtGoxTmymW7ZuZJkWeV3Ou/NUM1j7G2eBbRTgYn8ZhvKrIpzGtObxEzw0TWfD0aTvNOGokA1UP/olat7S+NVuJb0laIX0wUcIGThBsiR6ghw7a0hX2SHXnzC6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ufgA+yQOxvA6xCnELDWInkGLYuILSsjV95W7Qlb+VX4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ySTkdWy90ZJyjYCBff4tfVq8hkNJELV2wO6afmj9TF4zs1cDheku4VwTO0/JxUed1HTlHfL5LeIau7MammgBhxqp4MSqqE8AHYq+tFbACIB9sFMIG6dF73H7MbMVMMLCPu8yv6VmrhOmws5HS34XFQR2TOdg/axsMMNdzh0z5yCRmkvnADxakasM26UUncWdG9EaAOFASGWaGe0Qn1QYEOckY21/4hM74dxAT8r8HUWvWv/z1BP/gN7eYiB/kRcbiNbdxkZ/EGsMnfrfGym8NiuUoQ84mte5ToGg4yJc3BMyqfHpfcqDjIrKF068+5s0pnHQWN8vRSeAEZscuQxgF+zFviRRuclKrqV34Stz8iz9uF3WGd5qSoUoep9GKf2itw55RRsyjhBTaBWt69r4wPqot6XP43Lw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uhOWmyNUx0jvmgeSjToLYDMrPM6rNUgbXFFSAlbSfZY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Tsab6e3/Epk+870KNh/VwEucXUL826xtYNkl0F46JHQ1VEdmp+fAmIF8ES+fjYeyQkC8UCNVGGGcSY5M9hL9b7fMP1GMbcqvKIgsPo+7huppq5qR3RK4bibgGoE9kEnTODGdE2Z9YjFKvQ7wmimEbsxrI8v4xtjyyFu7WkqQjyx+0VUOBwbexh523y0y+iBfKku46qQpX6by9w0Jwb+DztUaZGKKDH+McSqHHpBmO+NB/yNJwSrphpe7/a/QAfIQsfHIwKIDwUraC98oxMak9+PPhuF5usxdW7t8Gl9Nh2s/gxY9UJy/EUZy9KAq0eMulCKoOlaMw6gDrN8HQr5DEdWnwKqKBNadnBSH5RRzW/r2tf5tPzDHDbzU6qcgeHEGL6UjQVH9Cu+QO1qUTIqaq/wYuLknCoyo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uhXYUMZqdhqD7Ug7/dB9uqg7QcHmdIuQLnHZVZsSlPo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s+qgfetjbelGu093jLBS9FyjB/UZz9EYirukiaaBC5SuIHnBE5cQpUKUkXvo/8emzQiTgHtUMOP/M9DzIyZ/iyU4t2VMHuRH3nQ4P799bMq7bMb74kUUmqdX958dLBzzqDJDunl4DXcSh8AhQogO9Lr6L2cTkT8PWqI7E2UTZFSquJxK2tsDEMqoPAo6Q/5l/gkJNDbsBf7ad9R8A6CR0qMfH88qAW68dzQ8UD/ykJOVIIWr3Vmk0fpqvjLo+XalOxhd4ERKwKnu3pTO9YotsE92XpuML508SKKt1XWD7yjHXMWnq+SYPQxqo8RVJvVzmv37eu6OSrlh0IHKKFV88QA5ZKoivjd5qgwDW4r/4rP8Ix/G9BjQj0mly+weNmXhT6V9wR05ls1CeEcHZTW5sjFFAriK+ndN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ujCfFLZCB/fWEoEau3XuK5rKNN/SwHYDoAbDG9I8ttw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8Dkm3I05ZmCmdFd+F0E1Xs1aEfKsjYlgcMJxgAqgZ0f76BoxlPgtLSTHD8jJjHcg6snhKjAEY3jJMY3wmEezj5Em+3+Q1YUDKGNL7AasTUn6n2kq6J+x3gg0gKEhPHvzlf9HSvJtaMXaCReks8FZ+l7ocMIqY985Us4plZU7mWgGjKu2+/8RbX0Zk44xPyCr5CPSBTO6TeTIspEpkYmmm56ul7DEgt/QgIylv9pu3GDBy/x+2efr4EYLYSnf/MXkAAoVxwR4v8TXbMpqRO98M/PhhDgZogdF2L8rJaUctNkeCcOoSsdhpO/QmsYCP2gHF4fHHW5wq++FHGlpKHrUuBz0utKq4f1pYc1mg2YaUhfSBRE3AJaEiXOmLkwCiouYvtI6rEtUusJMKv0HVyCAAidb0Y/DDgkv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "umFC3XUREb1AaWRs5BvQ09e3fxBhVp+ixcMqJT9d1QQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M8uqf/CxAo808VF22fIxO6zSvMyiFBC6aWCfKuOrQHWFekhi0jpjgUQ9yTJp5V7XyM6bS7vCe7BUJa3V7qzBE/RyWZ+IinE1iLpV+QQjUAgORU3m8OeBhsUgjlWelDBzn5f4amBLyVJCcg5MqI+TlU1/+LCNR/GOrFcYdJsZP2Cl2ckn2ZCdcXG6O7ZyPajc5m2lo8SmGwJw9dEy3BksJo253VCOq4yQrrtjJDwT9ZPWd+qh0xDw5KLRsmaMeZdQG0oxVzsA9jfLfcO6WpB+TMLWH8QSDmrGfDSIUoOftKwjVqwzZVCvd3b9xVMJRd3efrT5fgVvd11Qr3WFDcFiaNdYq6M8Z3TlR2D7jiBZWYexe4UeOLxxxdroVS01YC0fDjDj5x5Eu+T/4053UBnD8uXkGlw//Qqp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "umJ16SLvaoIsaRMduvSavjsmo8Dz1hBXnFp/Kk/eJKU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cWwf0+3AhEeXOoXq1Cr9Eiy4LULQDMZ8cKprp5N71DA4BSP+XJ+VsM8A1NTiq+Jj0Wz0Uj/84rYNRn4uTlkqlLlcabyzEwy5lUv4CEEkkMRk5axRxyXoGQCC0RYQlcm0SG+oRVDZCX9HeCbz/SbhUOxU0A5+SEhRKd629AICs59QNcn55iqv+wvoO5dJohQ7x98JjtRgGcE2/EyL3BhIoIkCECK1sl46omk577d3OnRJWKEfsJwhPrYIQB+jwhumVqfGLr0q6Ql6A3fzaeiueDQ2OSbqpPthG6tEVx/LJL9Iac0sVy4Ze8xrOIR+jdeOZfp1aDnk7fmfwtpRZ+A0mDWdSL35DegDy5Ocz+Lh6XHZtgG9jUrhVlTOuC35DMdV2203PhcaIVHE72C9tipPJvt7nJSJerGD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uoUukojItciVX2ofLHMBAOJtuU9lcpWvnV8VB3Woc28",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DfKU1d7WG5NjZ+zFwVXgjpeJcIizt34ymSBNqbH+MxnRJtHgHKc1oIUqGgOpgFQ1vx5zsorshOVO4ovsE4qbKCAyk9E0nkJpy1ZGil0Boh5ebcR0l1ak9XkKp5CPB2YZkigvxg4jj4F1cYSuFNczKQRNLPyzKbwTMuTObja7HcvcRUI4tr94nDUGgP7Add/qS9tNy+LU6AuALpUUkGmeQAW+V67/0bcBTDliAKG1X9pyPNM6k2fhS5PzalSWTW7iOVEbwbOjos0cOlLjFE4JN1XUoHYiMSGov9zx8oP7mVhrAJW6ROE3d3IXpvjPZAYZQ7gJNFpMPf9JcReE0ahvgo6v+nbE0nxkUADG9McquHi1STzTqSR7fHRiPDNCZazlwGAn4wsCgYWjN/XhnpQSrPhnOn3RnCfl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uodrlA8iFW7YXDmmASRRI0mHUyWikRcK2n7N8zmzRdI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZI9nuL3qwBQkx5BRV98+C6PXPuSKzuUPUvTrSrd0u+rD5sSW2pprNF4zpzw/Hf0yBQRUr01j/hDvLuBwfFxJwDPvsmx3hwBFGlHOiuE7bzfeF29IEx2QTQH6BYnYis68hB7rE/3lWl3mbFmA2l79utm/mji5sKvvjyVOsUd69gl7PftfOGqPMs21PGMc7tjIeOSciJEb1J6XsUchAVDHdloOUYLrIMXCL8y/F/3m9Wvm8mwQDdzPaJyE5C+HIXuJn2xFOp8lWp4U05+zz6MO9QQxAaJHoilDYXqc4o+EJt7YtyJNw+qKdDsgeFq0Wut4KaBgtTaXWDjqdxcHU7d19QWfp+WJsHh2d+3eQ/aVbapO3255mB5oOYBwU0rA6FdMQi6Cwfyd2pSJ+i/ozmhRIZf/r6C96Kp8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uow9NRlj5k+nA4eP0AxKlnffnHQhInJhTbJJcka2n/o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LnCtN+t4CgupbuUuVVnaFgVqIWHLll4CQD+HZQNv9Gr5CrdeoGsupVCMA835SKEJXLd7WmnrKGkUU5zdZR7X0a2nw2vY85G05AG/u+2taaT7lnLaTsKvkkTwhDuFj/8Y/M5nGgyPyOCA/upTUA4ji0qZogN4/1OOsooCWE2qK3Xb48/UKFn3b88BVU5N/BGGqTg6r+KwiGxWwrz/ZSRrD6zelceTFpH1sgdTRAaDB7LWNolyt/FCvHGqzsDVPCbZjtRwrXYXv5F/icEBjvRug8zulNix2JuwMzB4MCNf/Kn9jFKGNsvBDnoEFtTx+1iqfkhvefM/qVGKMRPCniz0mpDnWgmw1i8YfbWjzH2q7t4g9cQy60ta2YW90MmapRQptsM5qWdoVDS1F9mU3TSgyamMbazjCXAN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "up0D31XtX+ozAWGL+oA1FwuXUEkNgr590GnJQngRdLo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IDXRZ299DfA59C3MemOfOuTit7zibMfbVjzkA3Rn6fN3Q21Uczz2763gGxKujX0y3IzKy2HfHydmRmhy7eGaPvfHcKy2XwiQAvJvyLGo+B7lAz02pbNrCCYiKf/BTpHPfzMLtS/YZVeL5zjYXHTl6Tid8VTeDZR/mCMgUk4VaKJZLhudsCg6+CADUXzAUlhaPK4rvj74JXNDt1HzCBRJesNo4gBn8jXL+77ejTYRJ0uPRXb6j+ISVSK8Al8EWvZ8Rvd6BMf10LslPy6qWyg6XR0V6P3CEeGXPSROiaBGRRhZ809rGHOmvRSg1jK+yCVvU4dXoK9NVvhLaqCi4BTcbHTS6HXmeU/C2E2BR13YTugJOaDoOy3k43Fu+KirEVlpgGcFX0O4Ll7qXw8XSQlUfNC0aN2BvG54",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "upQqz1pcYWkqjt/xoHr+tSa8UwA2iP5h8tzWqnqKVo8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nSrZeBorNCC+kLETss2iVV0h1l1+jKGU9F/eoI8KYQsJ7Rq2kMC7BZgSL7hwQcgEASXyOCaNMLQlWCUIp6aGT84ybTxi1HYdvhpzeJ8eUnlWs03zhkt1CvjQM+pwE+dPQO+8Z9RmoQTc62Tpkwk1EGUhfrFLR3cYo8joa+Evh7SUt0ODKK3vLmuMtHOHXz4W/M2RW0VrVmmKR4uy0WsGBHvORKwdxqmpopwHasovB9Qf7rX2OUQBLhd2PUss94of+ru086AqzJziW/zlUCuKg9upNnyWM1DHY0R9rKac6VSokY9uH9sSPP3S4WfejUXCAHhht++9RxOmIa8wAFqaY7BX5/k6OV1hopAuSR0sogQXsFwxbdKjy8Ngyqc+O8Y/ECCsuJHzcFFbktYdUPtjfqBXkq0hXP/U",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uqOHs+E7C/+rNwYu2UtmAglPX2bZg0KPB811yY9scIg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "stQQil/xHys/xCimB6h5cYqdA8BC6BEF9yXxY3A7Hw5tUVyJnX+idRIpfilHBZ5L8sIWZMduapdcS2sO2XyEBmphvU0sz5xWzQUStpd8jXx7syg/ZubLLSi9Zw2B8XajGq7Ok0USg0+ZLyUnitc2KiA8aOTpUYxKbEsEoeEbJBrHNtyopeH6Jy6gjtAG7wT8OtmKxctfcQhS4J6/v1p+UFy1aWOV1r0pCqeI2ltet90kk0rfStAd9Lx4kBpFcDopcgqBO3kgIc3+pljf60XCUnX9u3SuzKDfODqd6CgZsKnfePO3Qp5SOKNabvr+3B3JiHbLbV3e1/FQ3Z2ouz98Vh/5moN3V/CuJ186hfq2fqa3UTCjJ1dY7HYSB4+MMGCQhkz1YF/6vCPCfm5fCLmGa7cHfbCqhi/C",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "urcumHpb9msTJcHmf7cg6gDMF8O5tMTVhGTQ/SDY698",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rxM2Y4xL8BmrM3+uAPG3LZHToXyLnt/3RTevLC0wh14VDuYfTA+2irmBllyEGvbYcRy2a+k5az2XM7t982uy9dgce6cAieaTLqpcN8iydu03Tx9DdjImoR7huepR9OhDdXvjjKQAEimbPOBnng3cvfX20jalMQa8oyupft0H1vY/9fDpwgJuJiiW+LXr8h/r0+ll/HZq8j1KDgq55rHVe0g0Qr0S6HX/NaWSvyQbbwx6AU0bMsuL2JpeEyaPYAGGqaH40YbSoEuYPBLh8QiIh/9E3ULunowyKCSgCfGVPvwvTIgJsFPeoDCjOS39nokHvfA9hDFIAkxzz3Nzaxk3GRhiyw7om9mzuiwcxOg6eXPfcbojHXX1kMfTTFGIP6xku5Ttff0JW5musNbPDPeCmZAA7MmRqypp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uvayx/lOHPIEuSufya6fkrBCKbma0GephkUdfHaumjE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "C03NfxkAA7eMW7O6Ti5+sCOm63oLIYfEW50tgl8Lj6VCWgambpqHeMNS+BTiLan3M2BFAQ7RFCAQhvEBEaB0OMrY3fvwdS3hkN9i41OuZOQrb/rVRvy0/NVAlIEG4OBBldJG1fUmDZGsUfEZx2GAX7D1DhAIyxxTsV29Y3tIQDRQiKP9YNUq3Zo5HkLXkQfuGBRvckDc08iHL8mjxZiudfo4mMdUebDv415X4MWJHAzSqAFyYXPNAdl2xjOsIKfL182OHIVLTBZl3p5gmwaxpsFBk3i04dArSrdULEfrL4g32OkAMpHh155FoYJfG8bX7kN2kpHNBfJyxsYymULWsnXlakR0Dlc61VtA//5gSM/9cWEUOzZNn/zoAYlpyH9le8aMfSjvpfT+Esgk6hX3/iC6NbBZ/gLm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uvuqekXRxM7QTT+cdy4+OY1O7JDEE5FDNX/mnMG/0FI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FiHzJnij1rPo+xc02a2El28Bm7DTpC7Ow4ofpUpn5fjYfBxZbg7zbAsw5vythqvMura1dYm17NCRAeFr5Ye3n0wAAk3YHO2NeL/CdJ5Jgf421epyp7PFSBRueNFkwN+qkMb3QVYiCrKnqAFZFY2ThjzrKVGwUTXw1gtmUfV6xavRbEc9BTgdKshK803yj1s2ukw71YGM3LAkxgszc7IMdkQleHQTfiWw83A230+cgtf0Zzw86zbB4L00Q/m0UxUrsCNEPEj3bwmzJVrznIr7EittuW261TxaxuRDJKqAnP3no3TUBvbnM+VtqS8MA/1wyzPf0f/OCPAe28fWj4tRA0cU3A5gFbS+4iO0ffj1J74DKyZKFSIu23JyvZ1xxVmL39ZK/iL22F3FEUNzzapsQUSodD/+MXb+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uy+3iXWmd9WAlTLIL7naccGqcE2skZVFNueUejOnTZw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Nt2o/2UtwwdrqJPHrg4z5lX9SDMFY/1+q8JmDt78KXQChCY3SDRopQZhMpukGvc/+81UENQCHOuXx3IzKZz+K3Hj5XcrQR/tT6RDF8md8LL1Jqnp+kF0bJUXmq2v/oTmWfgqLQsrPX2G1+xKDP9E9dM/t7pN3Utpo1a9PMShX/FNwJUsac/Pp+lUrTW1XRsdNO5Hew97iZORvUnO8Hw1AA9wnzoMSs5wKAb4JJsH+PwO2hOrdZEMVZ5YlczqoZLEAQPfHDRkQTcdRn5arr+rXyOLTzLmI/CUh0OQsPl3P8Z8It8/LDD1bdN6xtPwXx94h1w8UV4msm5dVQBxw1DSEfCVPr3OM/v2gY82QToWOmTx3VQd1QVQWOSCM++XyXlo96AFjFGMxPkFMAHhaKITggxUi7C6d41Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uyWE6zkjU/fC7etgAz9ZMM6LGVdSiOj5APvGnZazFEo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OSX96aF4Pr5jF9F3TAgn/WTKsTtbIlzbCTXW9NNiJqIWgogu40n4tHWwpimj3ROKP7GJAgL83SiL8FXozMGzdYa01ksZIFi7teBzGp1X9lB6aOgpB2aoMJTzKXD8jiDfbrRdGcSahcXzxXiL56ylB9/SK6904lNnUfUf6xlQk96XwrXbGfXQ/f1yROhdm7F197NZzdw60aKePPFm3xiqVej4jEAOu5R2ylhWKaGHMVrV7MFbk2tQyVdXj9uY0pvwcbiVBcj5QoPsCwVkGsVyon+qVbcUPaqeSlUWauxcLebzpRQyElZyzwSRXgAlvvOSom+JCcbYTknslrXLD3mFHBtoqnstUaDFeIJs227PaYWEMOh8F5d68hFR3mizhekKYsCyUa7zw6RTTfFMApfnM4uocevka6Za",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "uzdw0wEzYJRcq54dcTJJEV9gh/5DjNgcwStQt7uqCqo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "O8m7GdAulClXoOYF2hjs2mXRQODyoaFMAFOwDr8qnBtdpEPbJHJXO/64ZYWqP+SWeRPHgQqpjRwTHLlr4tkgVlaTLOg7wLQec+v3AqUezTbaOab7GJyu9xgcRQh2jM78J03KOsXO8Nzs+tB+wgqZHAAsoGR4jlXG4w7/icjV/6ejnp3r1ygHyPvzSF2qJSQt8Myl/r5PR4BLv5Smk32F2g2rKjB3bzt57kUT16EwpNz9AN95a/iVWF87uC05VXlxJB3Ezzdb/hN0G89J4EORHHBZ4m8c1+2FNPqRoHWfL3AGBYUXL0p8xDCzU1vhpmwJJHEM7GfeTohdTsaasQiWyqH2obvygo/usSa6ojIBTu5YAgz+MSFvcWbjqNR3qBssAcZFIQHCwqqy4qepMCCGFfb7giZnoT/+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "v+iJnDiRgez76L6lWe0yQQT5j/Q28ICNUYyhHwdF8Bo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TeUPtIFTyTgfXy6Y0IovCWhqD7FZ7DbROjLLqpR6BrA7TyB0oRQtGAIbvThbTMHprnoIFsTZKRzqpvuaVKIHujYmS/F7CeFnyCYswfZqt21dSapPuFuz43KZiqIaXTO/MP74oGRmrAkWfPpsV2ZlzVxWlS/Gq9f/IhdFtzXM/YD04g1GYd6mAiymyG8DP9Du5bWKvAjROrSK7G0lIoCUXRY3LRXx/lVORwliMBWqCXQ0UO/jTxmoQn/NWHirV3XF7zdty9aP+api1ZqK5/EvhOfybzGgF4UpwCUrEBAIm9u6ftY5ysUMsCzKfiWUlcJ3vVUOd0N6IdNsNrrxT8K8wHZS/5Hdo/HaL2Yaz98PoB3QHuLkaGglWD9ONlnCL9DfeqqAbR7EfpWkHuTV6TUWAI0oKRk6Yn0R",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "v+pSGhg/1KHQ/AorJ7CxTuMy6T//WK34TfxkTYlbp24",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6ybvKWP9FzudHFOKSJr4pIeN9nF60+5MdL9ldrHRFujO5NW4ycOYfbSRyy7dLpIET57QEEp3ACTXSbQmHSZ75/AK/SJ0LC0FwzsKa6NlY9B+7ukqqbdY7LU/RkWiNiCD5J5Gp7fblCH8NoUshfDAFKHPewfjV4nQucu4fjHG+omlru03F0jLYDbZHIUbcYra5G9HcXmWtNshMHcPlaPS8/AKrytO08GU4y/2WWOe8hQJrBU666X7JLzUGPjVocou21zQNB5dHo49fmf7MpVzWBFP0j+GiR4OW/qyrjle72KwMKOGJZ73bTES0r5Eelkm8FKFsGwcgGeZ5PieOkJkbwljQTHdAQ20/T5rCOo+cT2rehr/gpvqa9TfywURnqKKfuEv1C13DLoW2A9r4vme3QaOgAIfzPOH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "v+xcLi/bRroYSBCGFj2n+3lMggOD65Xort9zwyfpvDI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dgGu/MwmXB/Be7Wt1gD2Yo0cpQ5ja7K4+w9amh45dvw1CmagI/dWHm8Tlu8SZXtICVNOPv3hbwWZDfDgQs0eVhuf85u4ZdfIJgI9sOQXIbn5vz+9lQbgVVqH2h+uhiqM2sGp0OVZtXI+GILqLSzVC0rJDfJiQcNobEXHJKEGitPjinipXodhV6mQhzRGpKkPlgFTKc8bOyPBHsoKlIZ7C1dCtMt7r2iMSGU9lKBBpIit2ip67CpvhtWegySa55HoQtZSJtRsSZo1KnYLkYqNLnQVdWmD0SVIHStvuuWz/+xdlwJTwl8J8wRWOmnVwBc1Li917nDuHyS56XGuC9fTCBwF3C+D+zaOKwkmLlvpnWNFwsHne40BvNOUWzzSjHdCjBvvvt8EJhSI9ZNaUZDicTjWQRDxP176",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "v0YDk7yWcZjmU5I+CXGQzX+lC/rmYkXp7GnObxZS194",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gVbYoGKillA3kLJeLwfOwUoxSQ/liJ3fxVy7QZM9fW6PbrC1F0eJkgluJZU9z7NwRvIeBqzHUg7CGdLARyJa9uDpeS7orEyCbcXADCgxwx+Vf8L2FSZinBYbf0USomf9TsF5+EYiG85PIjHabGdxsST4EGzHO5ujj9ftApRLqVz1jxaJ5SAFeLEWQ9Ia7e9KeT7+DJU05aYovQw8MRmy6ODK0f0No1E8TbTZCIrzdrgTMtYzBY1LtRL3wvWv3LFxnPmus06fNgea/8miu1WsxSP9ELp/9ito0gt/48PL2uhC6cHTzi16ZXq+yeHuTKGyL7bDXfFZvFxfaKF60NQUFsY8BLcpw/XSU61Ktvp8r/HH+IR8EwI2jP+wJsITnX5iZ4p+53gVVIoO8zxDOud3d0XvttoHPlmv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "v0x7rsnyT2u1s+KGP8cbMUFnmj0fyzdmXS7LMXRRJCE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RLbGu9gSF2d/GKldFElvw6DHi+6MAL32QMQ7yfiDlWs5E/YgypbTF1Udnp8zer0//eKBOYgZ68MHr5y//QGPDw4Hg8YjzcB2rm7aaxQ9dIpRkv8tqaAhnCLvgxoUhTD41JdCO6P6t0Kf+kFYMCkJLn/es2cCm2lB4bqbYhTUoacHMKy30c2xBVTkxLN6XUmgkiQVWNTx8lYat2cLNcMoFYjwa45ZQXDv/74uMn9icI10jR88ZbL58LcGwVa1Usf9gWhrt1FniYeI9zNfHWWYpKTnTQOS0m30YXf30LoxvQ1Z4gP4SjH4nIHJ+gMZvGBSMSAbhyBYp1gGkfK0BtkHUCvpKYrCV1af+Ad5/zixKS9XGKYw4UIn8HM+JE1DucFRaA6sBmfCT6yH3E+Mt1j0EhLLhstS3xVC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "v18vCOQjxDJGN+ivol1DKMfKf/4+ZtRzQx64Tk80Gls",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9TRUFpJeCK4iSSCcUl/ezG1oLQKskWZ5zpItaxkyAYd/zNIltVgqq9UW9fdITx/SWamNEhrAxzdSPjSHTYg/rVEjWHgLcgRVqOSfv5/50KNJhGfCQVYCDf8sfjybWi9rfWzQMjRcehtpau33yrOY7n3nnrhfdmxHr4kFrvT/8J1Kp5OQCMOOQrZWA8dumpBIYO7pcAgv70HhF0lK2yT5co7eWr/YUsXMsrPiWI2mLx21wlv+8Yluu/wRP2RLY772Jt0nRIC2hd7i3JZIEO4ANG3CzLvDxj4Ya+UEhKRAAVWwdRayz9vXEIDJhayfy940SQ/5gw9hp1LV3YW6c46DAfcOuraMuvNP8SEkU+nPaBRTkdkk5E4nCGrpk5xH6j9qG+miIFVffGI13aGBzu3svz7ibImiyOuV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "v2J0eEsjjVKCppo7dFhSw3BcEKnqvzx3EPtROBZlEvY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "b7wkPN6HvkMEsHS89HJhC3mNl6C2KwM8WQakZALTcMgFXbpbqnlAqWL/aMvAddXyA0ilW8Bg0OgHZaPbzR4VrzUvsAMnt1k+DrrZPj4rsRtvgsVEsYvnFQ/RckWee6qKwVPjN2wUcobYjlxlDhrb+H0Z4tpl/2j5hBzWFCwfEBnTKzO6s0X12/1Ce/EHsdQnc/I4+IHhVIZ/x26GHcwwgV71FB42klVI7+4pYvv+20919A8jtuIuZS7WGZFwTkyMDi2PD4S2flupGzpWbaRHN9QiOXhA28Wjgzuzi8Lg2GbYg/mdxqwTQCtL2HO3bzYVZwQUuKjc7H5RVUtgYNT+mFM9Yuy0waoOJa8S8Kq+qG9f00ouLnNS503cDDqmT8diiEDHAhb6updLTRvWn99VLIc+I5XAMry2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "v6Zruy6Mr+TaCF7bm7W0nzOILQCeCnsiOUVSJ/SWmbA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Yr+KaTfjhvyfTUavzfE3aAnFDtUoorRW7TnLC8JvCOOb0bLNE+jJ5pVKbg/Od6KP5afSJ/xHDYbxfoecsHC9VLDVKsufBkV21nFxNAWrE4tSezZ/u7uY4fG8RBzwq89dQGXlqD4J/m2Pu3iK29bai9B9qmqg1iHJRfyTBGsRAO2ga0KEeRc1D4JM8Pial+oXAiS0BYi2FpjhuYqCx1PCmyYyVibh3B0/3PrsSuAIakTIAAWOa/BL29VOz/iHAXGSDsghDfD4KnxZirVA6Ey+linLNfJ94RTi3/mCb7Rp4QAf0ckVHTUg4dgHpqhckS62xMMO3qU575rDlGTL8M3YE/tcT21C+Xg8X/oHyPzz6dMqLEZcgJZ+Y7Y+aHd+QXJ1laxMH21csn4KKrV/cl0poil2ofjKChme",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "v6v4ADA0H7pQGPRXAuxnqXqq6f8YAb94ofWowvvQZq8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6vQeUI53HkBp0QLq7ICs/WLpyR/mj40dcyBLvL3txr4LNe+ivcYDjq1imnwtgOfEG7zip4AEhG7M+6LAE3Myz6LKDEsURwHU76iIj7MhuSu7f8NcZEwHatdQFesftCev+sdd9gNZORCV8bNCV58wS0wdgCUtp9alwL0LiI+4NfoLZ+dRVzpurtSGyJnabjFTnyxrbhDd7lPugj0Em+ZoG2DQVw4ToZ+5cG079xS/1gxRMpLfXk2DhN8t52zy12XK+BEKcQHFS1FHU1SqGRbfngU6W3uz9Xflt7urAQcmffWEJWp5eZtU1Vz+jQuWMnCIlQp+Z9oax2vyCkEFJTW3TSBQENjehx6T+Gm3ILrl10G3gb0WTgLxFnP8go/PebVo6ZBQS+Pp7dclmW8eNZq9LFtLxPaZDwMS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "v7JcesKxF4l2Hu+NlXwzf7IR/JQ+U9YdDwagRvHS0Ws",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m6PjtueEZPsW5W/Qz9wwrWJD68S9NoOxwfggPP5ISUmWYREGDXpgiXK1B5QIMF9TnkH9dF338ZDgz1VxWpHfpQHbTggR7SmhafxUdFguJ3S3CJnJVW51c3buQZAHLk5805AzZ/2MvtrG4mrvPa0ATUQ32rR9eTsFNw6pn2JwTOhqRqikLiXtOBna4ds1m52DyInkW7txbs4Teqcv2wdLeMsRUKLMhZlnBetb6+QjEiwv+tYd6n3BZI2DXS1j6SGHM+yeu4U1jmXrdQrksxKC+MTZurbneZmr6t3gSB5iZWDjGezNkAXhVY3nOMyT05JxJ9kIdD8KXZ5eAc8Mr2GqJuyoKQCjRPQ2fG9m5ALD6jQ6u4sN6gG4qCUfbNYCbVAyOrFJd20tgP56Zn2YhZSg3x5xUwG6fjUB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vCAZxYGIrd4vyHkWqVpMqklM6XFFxVlv7737n9RTav0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L7789axwWmDpLy/Ifdp1MmzBtw8AKNCyA1kxmlKtN8d1+2MF7X8y77ExjtuBynXwPxXS3sZ0h6cMYHU276uKRpy8LHQEvXh09zNc9JN8XyQztfZcpKUkj0iyO5NDYRiqa9sfcWpbQrBElyp0JVqUFgsVnhr88+ta7B/av0Yc34IYzyEenwYa9l6dvDkON9ZuqCkuLj3BZpssw/7loGTdAiggV7Rp9pitMtiLlDiQMGxL8m+/n9i7WfvFmXySQEgQasr+VOhyhPKFnwb7Gin1NQCsOU3lIyfPsEhfm3W+wxveXwDhBcWmkN7f8jlQX6WsdMAXRTrcFzGe+cIKfV+hatY41rnmhBL0HJQLzr25g818WLtX8NRDQXXOBtahbtIpGcjPQ9NYmR/dWfHDXKXxWYpHGDdhSuBp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vD5WFzQQkFlWrES6OIqZNWIG0If0IuLYc5+ef4eokCc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PFlmIIeG1Dc5KSQp7htc4JMlbPlpCke6VDeOJYETPSsz32C/SiNQIdkrDpqZNhNbUeKI12SjVuvL87x6OHOZVU9MYulU4ME8ltouiQeUV4IS5dRp9KfVrNNH7R+rdk1cklGfSJVN5x8Bx7rx7V1o4Hp1B5EFXuIEPqwn96dgJ91dKfv0YeDmDPrA50D1p5y27Xt5mTNw9SX2o/FeLpaZ3HWsl4l9LN3C2J62t8dJ6PNGN8Irf2xy8mxTt8TnznClVqJ8IaHR15jbD6Yrmp9blapzbnaD+vH0yk2u8/UFl8zKoFv2TOMLUGCTVyXdElFBj0o4ZEYwjkqRnH3vxKPlwQOTcE7/p1aPR+BIy8q80Z6sC0XRoUQf5UwkJl1dBmgkh0zmN8g87eDyF0w2O1xLGtl8qIqRKRZa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vEpdl2EkNryZ/3J/M4gJ/81m6zwq85fSR60bvogYF3E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uU9k5bJwcVSXLwpkgK92fsKSUiglNPCTnTS3BvegQYDOMhIpoV/Tqbchvk/T+XcR6ey6wYPo6BQ4HOxRELKdxIYuqhLcmSn2SPgrXVqr4dnqyi68mYZ153jSeAZFZYtixqQ2FWB95Sr4B/QwloLU4wjHo5FdukCpkG/DAUoZ0VaRGarD5O8bPn1evBpd3bvlrOSqb0wM0tJdaW/wkhCB2TWzW//mY+E7X8gsqFQctLa8z0o/+na24XKrqRcxq4PyezrhbIBGCBcLsS2dYWhIkqZEHjnErZ1XX9hAyCSxNxQIHBN+OWyubAw1o1jXWG5SSQfXfiOs1OzxfjORigrJLXcz0sRLPTYEsuaf//TMdIJdBJPcAWlpRqNNQa0FpRfhL06Bdwfy0Hpg2TfKV4gqECFECuhlpSXw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vFqLfSwzikLA8TuO8nuZEtLaVdcgXjoN57YKycM701A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "G8Xlsq89cV+hdSxna3JBjxE4iWOzLaZH9AiJLynBsrJOfGnQyJuGvOKj31TyGix9uh8TXdE05uI8ioNotP62nXXlOQ6zIa3bnodaoglm1FHRbcO5FVhQz8dIe78wCTWaE1F5f+TIqFZAn953lA11VEj3z/6zaNXzyvnRxXWw2UkZ6FlheavyNoIQnvJFvjeREWSNP1nT9a259493YOkxV5+2pX3JqzqRpKMAgj2H/rJ/67LEx0ViG1wltMz5dJ63m8G8lfDrwbPOLdYeyMpwM82DSrKeRS/k0V4Sjgvxh8hqSCCtPSbZmwueEo6DOahrli7KDBklGAC+zYplv+vYLU4ZVIexdMBpnhIGiqa07jO+IABz1xgyIrLF1AAbkNQFor8s8axGtd7EkxuvfH0q7p4OEgwplWEY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vFzvwQDBkFztoQc3wW4Vt9UlPllJ2603wIgjZfgfcn0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DL/pFGL7EcVaWoeclG8lesCtVvjRkv4VcsXtTk5VfeKC1eQMmAgYg0DAcO6fxCuXmzGm7Q3SVIuJmRvweH94iUZWfOTyCN5ewLPSTKSZ4cdz1MmsqzlkhyJT+FYBPfUKlyyHYMNHnB+R8DD1I6nKWOqqOUVMcboUETl5OlptP0yARgnJgvQs4ifEHhYnAIGPbicDksofIwu0ZLS9HAbSTJl1v+UB56C+uFYAZdqPMVI9WkkgwYsy1MXMMe1qWJww2xnhwQiIWW8WLWXvGmESwJ1CDYlE1XpXbNTj+8F3/bcf5BQydZ5qMXDEuz6KD/BSyvj3iQgM7b7BmrxHk8cv7yv09lHZZ8XV0JLQ1t1UjF9Aqxvx+ZrJuvn0boKHjE7jhAYTS7FxgQwdT1h2pAL4rmVHzbpDQsnR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vGwM933sRFLA50byCID7Y2L5IV62yymnAJ2vylneITc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MN75mskxzipY8yjaw3rkUVoZEZKFzwoIo/D04TEir9mXXFCljevKj3x+RpYK6pk1NyERnbSVe06gvP57hggEkWwbeZ2Dww0y1ZKO8rys5I5LnGIG08WunQsaSR5y50UAHEmfmAtGM71QlilZ9ZyPLb0eUhgLhqZNH5lKdyx7fZoTzehplzwhJ6i6f4fM5oGLDv1NGq7JokpF1FkBFv9EozoSsTkSGRJjf9xQx+PAwkX19u2zS5aKnNrU8c3KjVO0uKjY95d0PI0Cpk/UP7pxvMoa218AUFXcGaIL++qeFNgA/63hoKtRcEzEbXXPJJNClIIS7JQTCRpdZ0cl/vE9PrAz4YABP0WvHYNwvutMPnq3zSI+lxcRvo7iteMLaVSlRcuAZ20B42jAVKzUHEM8xjxG/eNYzACE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vHOTOPSMHRo1yPd++KmQW49YLVGGINFI78YP1zkWxOw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MbghHHIKI32NwbeThQP7cf+eUZl/BFCko8N2px9hnemAF69/EQQf3jO1UHlhXVHRi3Cnfy81RNEV5tiCCTD0Edrc0OIXAar2zJ8N0xl6IdSWPi4XBYTUeKaAElItb57NlFGZt0NYSoXXneCtvIOuKn2NtE6CeDvp7SEZEFA+YOB1CnYit2w84yoITVSaDoA+oqhLZUmA3SWz0chRqWcynz0FS99/+5upnkP28mdv3MKQv8qLkBRT+MNV8NEsmgUVig11v2OEN4R+9BtD2nz9OeHxIkaKHxKr9MvYg1AsO4MkvbNVzJai+E88zpH58o1xlZs3kosfeR1IAS9GcbTa85EJ463aId2BWUNWa2UPpmGsiZ8nGSO/fQOIuOECPXs07jRYrYLmzLeMmF6wXQ1KVPC6JLquvGuc",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vI//YOaG9c4M8nT3jvVZfaKNB3wSoPOTTNfynk7idBw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "yFY8l6SjTjJD+D9dwufJxCwoiPURDFlTV1PJWU+IP++nBREn2QZrHGFMO9wIC6qsfhJGEMgvHhBAHwmrL2AwRFAyLubXF3YTa+TzPDk/ASnIGYA/eU/BflXN9q+ALTeqBsbOvM3jDaVICrnNcNF+vmqP4uSUcuNY9IVAVr6hTO3NXSthUHKiabd88And5KnGcB06cISU25URgks/vzrbEZyMEMPbAZc8jg7Jg/AN0Eg1oEcJ+GdjnbFiMS3JRJjgRsyA3FEKbGP3Pn6x1eFhRnhM2yKhoXK3mJViKR4cGnN9eVryVbSmlTRvm/1erB3ggUnfDSWvCzhjmJ0DVE8CBiWB+EiXq60NFBmbBQ7Qea1wACOiQdMniatpDJe07ILqvpd4Yx/9c2uu9k2r0/+q14MFmureA0w9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vIeLYXXjLZtaherJZvEVEQvoS8E00rK+PAS1KN8DJh0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VLZ2/5Yak70NeF14/o+MWp5uE2Dwweob3EzrdV9xa/yY6vORAAexZ7O4blntMTlGg8qS3tDw6h0FiPRXncTwayz7wNbOdFyYDuqo4v0tUNXP/Rk2DYABNF2JfYWCZZ9CGU2iuwIe+ClGROfgNPZ8Z08JMyuiW10mQBkTELSQxmxLFKDKit0ARM+gQGoqqwnrOEWyj58VmapgQAoeOds03Omslb9HGJYtHjBd6NYMjrnzscy0qe8xIitcvxUlM0nykHJqrb6ijR0smtKgR87LOFPTyyq7uVYBlXXzUX/PAgbGWwij+AZ88lTQ9HrO7n6iN0nV2x2f7LltNXuUikUlR401d+j2MjZ5F5Q7KVKLUEgy0BD+zlSMp2Vxvzti15u0mdb2+YscFo25d+qA4wk+kUjGEh3k0pKo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vIkhycwfh+aOkVTU1XHVMdVs0GJYdQgd2+HUcAvq2ek",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zz5i3Oyw+k07dGiCrdbF38Lgikb80rA2gZcWriMx4drsYOkUWzH8q6IsoXE4lEdtLYhJprsYXg+P7FxH3did3Y+SWC4lgxanNIjzNlKWXhT07BE/ExsRurh5Qde8jQ6NMiz1tuFsEysnjwHGvMd/QwyDtZXhkAEGgdOmjBnUNUoBvDDbu1JWyvwbVEQZTtqSnT2gVVgeQiwA0UPEzJeAfHy+au00w8HNeIDmWJPWc1EYHWzVTLcQ9eyZnx6p0uqnlDeC4rKYLvEEyZb2L00ZdcHe2zsxBassIecEXEmAvHD1AUEC7xQXoqdXkm41uCNAXLX3+SUsWAHf41Ires1zmnFZwwMLvMWHg85Y2Eo/y/Wb3ZAjHDr1U0InDQ2zSWUanqC+F4QeLuzgj8qJrp0WLDFqyWvqwmev",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vJd0FYtQKGJ/Fdu6mzYD7XFpzYl+wbBE/peWNFge328",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cJ4gMP/HzllNWfk91WwsvHh3kokyOwBm6ba3Qa2Q9PZ5XVYjIJn9xup+IMYEg1CWOTyLSYHibSm/TjJqRsMfJFM6rY0MLbEhoBJ2NO5hXs8vXp6xKVINIFHeuyyVa1mW8OUbsnScuXwesYjgC0XO3DFc39W/A3/mHSNLaI5iPuEi5NPneMtflhi+LeOVEVsAy0RCZuCw3zLZqIIYsVWeUzQe2VKHboxRWSKVvBUW+GzuzUs63kEj09eww8Xpw6nPnH33V7lUon/qj10/kOo1cyduNi1TUmmCkXkNt9nQtcN885zsNg/dOLp+YWK+9uN3LO4KMbz8aJDVmVkyyrSN6ZF+RTBoeaEqHSBV07I+DHEmDWTU6pnrxfOljDlsWZHXlUA/WacdMK3m2gyocO/zmxHMWfifvQXz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vJvc4IfGm2cTGapQHacqTsJqr4bTjqnU+A0qdnapYpI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CSYAwt/N0GHH8FvABOD6blHPl3clUfrDPPpFej+m1NdsCAGGQASkpuNruvWGQkHxn9fG7okGi6euI86AeU8ZbTcp/8qHQ09kBH2q/LbIjeT2Ts1mVEwOEZqVD7s4dSn06X4g1UhZfLX4C6yEDZt56BuEFMuVsHcimhbl74Jxwn0+KU+fUVXgPltau2QK4Nm/kAs15S73JbGstFJqvAgyM/9x1VEB7K6jdVUbRZmo9gf9pq7pnX5Q/75pBwC9A9//7MVh/cVUG2KbgV2m1c1BO35D/jBRttbmpXNunhdXdxnz48TjobcZ2wq/BAb1fxHf3429c6XUWvKW3Re0lGgGaiJ9WL7HELdO78SdwxMs/eXFz8mso14ZWr8MyZ/cNGpoJfBGoswYjQJfTs7Lweanj3P048Tuh1Hf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vK9P+MuPXwC7SIm6bEgbTh+jwVM6lrHkaYa10TJjdkA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Jfj3ZqLthMtLWTkfs1mbbBNAJI5DPQ8BB7acsAXMzKyZawD/XghcfwlzekZCDxAa7i7nPhxYr1hlRvemJKXjRfwcXk9amFKzMoEuXWEt7X6g+608xuBM1nGldC+dqczgCjGsb5N3Z/ozVV1C/jx5nvWJcmiQi344mufcz7wroeaL7y2/SI6jeW93dNoMsV5sWVO+NcFr0amrffQwFRvJS/rKDhnYRPUwdlzWMwPzW7/SgeZ2st/4CLa3EeEbxZyWCepli9QaNnLZcal5W+xQIVzleKe26mre7pUH0g9nJd5CE775MpVHpMF8lqWl/CFF8JeAd/xk/3Jq2vwE7xG7U+r0tnOSHJNbpZIleGlFxf3UB1cLlH+UoP3Bb8Aew2LQu5nFmEby0VfS8LTZEZ/WI/wpEtIPtkDJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vLf6uFrPc7WrLbYJEiki55JEypaywn8h4qdiC0svfvk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4o6gCLe46cvu+Kss6fxOjreTUBgEqCGU1uCyVwtFFEKo1Yf+iDcShAfEMgRRjPLX4BNJ63lX68tnNRWQtl/nCpku2/nlfDEQl5zi1+aQKlNtBh1rRStbRsc/1IK+lIDCw9RQp/qfwB+hL2C96FTiBh0rLJurEa7PWc61K1OMwfFZBsICA0qeptr3xzsMSE8qjIMbkWuweU44RQq5ZQ6HIMGzYuzFJTc8xuw3yShANaOLz+dJPAKT2jS7e1KII9hxZS68lIAli13TET1x/MFfNcpwZTIMaENskppwS1z4uiqbxggQLMloZ2fNsdhiflQcakssl2BQ4dwCZe0IHSBGqYw6eFrlyMP7TSrkoFDQVIVZAjzH93TpVUysVUGteEDqDNIrme5QY/sdSOsLM4Jczmv3I1cFDqLQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vMyFC/ysabd5ve3/Ju2kb/8o/I9oFj0xYFfaX3RKtqw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GI+QAZGxBkxvU1eLuaG08o6PRbCpWOTm4rHxlFWYlfxwRIOxh08bayQ26onvYy2nDjOaRsS/KykKj5gRGcauYyGQxNSB2OMbVxcxpCkA9zlUArOyl/Q90FpTtQKkfxo6+sra1vlyZTH3vRBbtMXOQIqMC/A0ejCfwaG7zslz4t/2akLSlFBQlqvCsbeqlgyDV+nn65cP1OZPIQZDVpmNZjinGxbcyJSArVuvOioSNKgYMQ+DeMdz2sQMtWFr110hU6/JXIGORxpLHMkWANMOVD5UMhXlX8LNNRyX+CtlMyasqlJNyGu/O7ItnctqkWTcKSOyDuMFCX3+4dxaH6keiYhhe7mzFSVAInYAsxV3Nq4sdJkuENtlpFRc//HursPX2wmAQKBoxm9xnILMyPzth8tf31/GdNDm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vN7YC8F5NrvbfRftMNfSocrRQX/7TGcyxjFTRPof4NY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XV+NNbIIySvsZTyPa0cghVV5eRYmFKVZfT/OdBWYWaJ0oMZHqvArhWj0Kqg80EWtrEYW8zl6zaHBG6wNHR85qdUVZGCakhdySJxfyavPOlem/utN8MzApGQDHs1NxRRlIEhEBkJ8z1Db9gyTd+cgUZnLfLPYr/zNcYsheyD9/thMJ0bcX7GJtBACcMaTDyw+AJznoWwERsEQaefYiuS82wJQgElGo+0cwCTNqRa8lhqzXdHAB7gDQcfsjCsOVozsEk/J+LPUnbBODIfqHGnnaaBqptK08PCUjcNmlw0ieqFSqndARkG/9sjXVD1ZL2zTe02kULKoW3IM1trLUZnkWDFJcZ2sbuds0voKWh/w7frzk8epepDbqJZracRclmFmgkMvGhKthdYj12e2BrKVWLcjI6634wBd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vO7b1FNdO+2hu4/nfKYupZxb082uMDe0t/KP143mWZ0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SsQC/gOUfuviFgxpYzMo+npjP44aY1Iqs2kCOibgos+ASwqSyCa3vwmYltEsZFo4Jtv04CWDR7cTwzoQleT7B6OABlIo2usyK6Q5TwJFRANDiI+tdYeBS3XtHsrFMsWFkDXNKf7eEOcJcvKXHn3TwbItyrKT2mmhcpIeKze2XBHbvT/QeOqKxdCK4JS1Jt0lkL4hzrXqf+sJgzYr4jp5CQQQOUFuCgo7G0BIGJxT0HxYsknXE9TvqVHr07nAb5p5kG8mmHokhVu+x9nWJSlAJW4crTIAZymSGq4CC0gePUxhE1Z9i9Ey8LNosIXF27a7AWSPl6tbLNcmnG9Savt50Cv/EH5nWwYPeHXFHVmSyLdtcWnNv6QLg53No14u4czK/e4egWjW/ORKzNoXZg/i9eYZmvtYgHJv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vOnwfL+IG6Au60V9fhkVY/uo93nrCWCmEckcieXpTYU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "GI6nTUvbgJBg50vQl0x0mV4cV34dPntRolafkNU1PbushZgf7IW1kFcsSFdDTt6szRbZWibhrgKPLU1FsHy/pYfyQhnGxzKjTzigCRJQrS1yQ+jFlXk5h+aHy40OekRjgA/0wpH6JsnzEcKsHslieYDf+3UZPIiYSPB60J+yTsimeKQvlC9jj5tfIiezz4xtkguYFmZJNOrRQ6tpm9UH3GoHLHsTtPKTz9KpRPMRpTG7F0OK6JYM5v+b7rrwn5gTWfR7+y13VXh+C5NHYA3PwRkXmiviBeQXo48YTsAp/M3hVPjs/B34T4vemrS98nqi14Z3m6Jp4pSNEBXWN8rLqiNOTH+XVPdeAsBsOVQYLsFys1tabBt7erLnjmubSWUtVnzb/+CegLgw4crDVLYkS99tHfZ+y/+X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vPRmmh9VuYTfdddTn/+/nS9hE1+AZzKoVp5UF/Rhbu8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pCJCv5nkWHbDXdH+SsQ6VbFCMuh3Npohcotr0FnbK9z1A5yd9TpjIplmlsmnIyscMuwwcxdNIC+hdZvunbsnhmpP7rpcigkWrlchFJzn6wCnT8lElmCr8HFHdPdLYGGGLzYpBo5Cvk3AyDRC2H/R1jCCZB9lGBtCOUeYiUu5oLiv2Jv6bUYnAnNb5sbP9WpU61IUFXfxPg3wTYV83w7KS1erqh1X2NMCNKDi2iDOIElpyS7F2fvYD5wDeypI3UEGtu5oMbmjfe9EAKRcB9igNaz4sl9A3hSxxC6lpqleiyrgTiq93Ym2p9UnroDP7Fjd0JMxNdzHnyGfaC2p1i0fC0OKmEqiLdmMa65Kcft1agLCb4Vegt2JUsVVg/3PqItTJPwTFonpFzDF8zxvUyXBtBeLNV3o0ESY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vPd9nnF18GAtyRmsu9sTkuOutk/hB/LkrmWDYmBQXf4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "g8IumfVV0b+j2XCabTsxKlDlHFa6AcB2O+y1I9Br+pIBi73y+/VZgh0KFkke7t0CDWvt9GR5ZkBFsCYwTMdT0e4tq1x91464+OnbnKJFAMco58Ex1NCr4EpjQvZeqJuy7cZd2/9td2Al1heo5L/UxggC1R6KsP8kGoEXSUsM0bGw5gssA5VPhhCc/n2P3uqKf3vqNlr24TyNpUxBi14J5aKTiFMKyEV8CsAxroQG0ZGeeXAnMDu2UeJFLW5G26w24lqwi2nR787ExBt57rwbiP+wrAiaeEyr7nd4eCAslWCQ0L6xpeLzzxxR+7kaRTLQjUBoD4rLe1oVcmi0FJyaV9L/qFen1cQqXIJDeWRtXgdagCgaP/1pOqxemvFsNe2trkXXAEKNcprHY7XivNsB8gCU6/QywYfw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vQkJU53w7aAlOdl5J2y6UBSioEKAkqyh38rPGbzrl18",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "D0oi3c5GQpRK2gddPxezK74rh15I+SoJBZgNVjdeX2uK+lASqdKyVMbZm26tgXIqi9hdU1XVtF/bLDCV9AjTas/Ufvv5IvMQPr79lpoi+g2WbsEOEqJFIBd3GayOpXLL1QV+NF9ZzPQBVGhHpmIHCeDi7NeCH7VFwyxS8OWyXSIcKZzvJb42IEOm0dAETa0sHd4xYNQHrXuWT95Z64JYY2dNuLrBUcXCgHmGtx7D/eVH5EdGqcZkpU3V+vMfl25i0nPtY4Ux8tdaHspIBXwioX+xpLdsSaauGkryg6sfg8ZccCByaZAOa0TSgLNKSwUEMuE49/C1hrkMfngPA6yyEzki8xzkgVlHUb163do89luS76NEPqIGrPHdJrl01aglzNUrjlKUYTXI42e38wC2NZVirnnXgQnq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vRbId1F6P9g+Cp4yRGTjvLc6WRv+hBd7Bz47uqyN8Lg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "P+yYlxp3LQxE4fS8U3BLciFkgF+dWEhXd1IcaTfpc5IfP9OBwH1mvulaAM+tIUb2fWq6KB9fPhdNxU5bkAxMXoTW2OTSQ0yc1+5UZyGfHFjjMtWvnJZtb0osc0F/HipOkKPGZMoq2IuXQgFxIlxKhpomNtLaVi2aox9hOtg+nd2Slixs0Aa1g1fzTUCoSMTIVRe80gEDRRnGoAeTttgNMg3JEmnqmp29nS9AVwKersIGDD5ybv7j5UgjZpmr261E2ZR5yRZUcbVNX9XiBDoi3/cUpZNCH2Sc3wFcn047LigD45YqAZ/l/JHHpgUZAEDvMQJ1DJ61hj2zLITOKbxgh1HWqNFXyHuvESEiDlMeAX1mffwLEE+I5vVQMFX/3+dEBXj2EL05tLdYSDpKiT+RRhmYUnyHUhc7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vRzBNdjZ5COZ/l3dnrOwQcGfra+ikrvCkOZnqTIog64",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c+rDELZObye1JDiQE7+CTzN/GAIgWCtJXM0x39EBOHL5Sd4C+svv9NwEiW9phN1HGilCH0sHRKVFq1TwJZITBp3VogphnnC8rf33bX/NmAsyHLEA6OLpmKKxA2sEcfVZ4RErXQiD8S5KLwuC9rppzjo5xULCnbAhqrM6JjUUop6gUX81oAw5CSGuw8mvT5mBPiYn0lLThMtUwBABvV9Pw/QckiMgHUY1xCCQdLivQH6DQqWrFdKeFhQyJire1u+jTmNLzg9OlZmpOpn22Gjz2WNJcQ2XcFrOLrKB69MenOaS0MnA4THpMTiZjSzFE3jlxFNQMRHmgwZ8Crg/059xMDOva1Hib0WxU+o+ybmNHxbjiifJ00ivzTKqetcQotEPUGKwre6vLeDlS2k0jx1IepKPShTjJE37",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vSQQ3/m+Cu+jk4ukcOgig3WYBMaj3C01ptF36vpVhSo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hWmVXZ4IWnIXZiZ79Gpd0pFKI7MQ4Er7r8wyAsJcOiEoi20ist4QsegrUrYCL2WexDSuQ6ehI1wvALQaPHnvV9y1+8BCN3XxeShwuvi1lI0JhKjFqwfcRoDxMiWV66Unr17VaoTodzfCPtkNCl344j/WCdOeAHXlr0bSj0IDRp4pmpBgi3uZsSN8fMG3/8x4DU/gDE73iqU0d01eEQG/cQJ60sW5lJu6VqCaxElJH8nyEP/mTYjUmlo5chH+NNU3e0Mp+a7U7z+m8F9xKD5W7Hayb0qY82oOoFLI9myKvxngTgEMCa6I7HJxtmqNVFb/LnUbiyTkIZKbZAgl6pQZz0JITXoplBXOZvuI5UaI/sh2RmSRKt3cYNgHAZJL5h2Tb8fD3L0ttfsTMrfUWVcz9qcDvgtR7F4O",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vTBVFaWt+46MV2jfBv6crD9UtJ1PqTHdgKhnOxrFEcM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/i99jKW+nlAjjoUPpbKsDIrlatkii3BAh+fRsPeH4oMeDQh8zEnKLqbtgfL8+8jhOA+ZaDNnXgKcRKk5tDsrri6kex+LqCsirQLSKlqSZIJQ+eLUBf06GJa+Kfd0PP40ZFnPmQ9ki4jh5vmVDnAQAjZDHYCUVIZtBO51fHllV9QCaXhdCDl3l+tzkDf6yNG4I3uykJglLXAyG9UQ7oUdHGHMyhGmFl7R30UnHr9ujQzNg1rUObP5gkpko1ssTOrWklXmdmd2mf6Ov0dQb19Wh2jDKFdv4qEWvZe2rZoYl8y5/I/bzemIai8hFTdR5h0cZKU7KI2vnPNAjuMwKF3Ht1ItA5BtznwoSm5yNCcOOGE7vrMpWezTWJSmYdwyCb0oH6vHZodrpB7xyL61FCwGAy+d+tWs3T/b",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vTkIyVw0if6j9zcgH0tDOZTo+BYXDdMQZw2AgVCYhAk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gvhBCr2s5xWWhMfjSeLInboHD2HRS3TXn+Gf1pvIax9Lc6+6EwfKE2QoVdK5/jy6vgK3YHj16WluS26qYZ3/Uo5rxVGO84sUyg4yHBg/XWPftgY6+QOdjKEd0lEPIukAoJ7tVqBvCP6CmGp7IC3wn11t9lWpHw90azjeexYxievK38hNWxh4lR55ear1Z5JFNkbOHbprr08kMSeAS6ZoAy9BvGc4G5OMur9MEVPxrvGTJIiKEHRNEVINPcNi7YgVfkuAaiWWd/39Sro4i1nMbTy9jdBWFm3foOvYJbko94wT33brR4W1dUQSWHBgORh2o39t2oV0vlBgOEmDmWmo76VBZeMc2xzDuPyOxtRjIsDyVL3jox7wFP5Ch72cS4EzbK5ZwcqEd1AetxGQDn+wKe4BX4G9fcTm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vVyukjLOa13kt8wGKKpSO7GqaLPx07fCgERqd68z+jo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZD7ROQuqJSw4EZ2afGpFQiPbJcJ12pFgaGuPBMomdFDDYuCcFor95jTLaTa+jJvw5ZJnt1N4V33BIIdjibaym6HDdpcck3kxWkTglQA7H2K0fzCRWTRFelqi39HrfniQywPqAyQjGpsGgcZ20HLhQKRPDVcWnRnot+TaD91wCs8tWrsjEJyEL+1gSc7zM/IR/xtFmRs1FhEV4NW2UwNCMmNhk7UubuHWhmpSoAaMKvuuZJJ97i7t/MlO1TmSeCz6DpB+/LcOhGY9QgtNyTeb6o1LllRE/L+Hoshi/7BUP+TbzyzJPfRiPQt2oUynER4vcpkNGfF8S4ovyVMYbr8ZiLCxNlLg1ELrLQT5tCosdJpfUJP0WKM/k9KuDWicpFpp+dEvWcmnPZwLWdiymzLAkUTdDDpU9oeS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vXmxEOfSeYmoTkru+YGEsNdZgEF4PLJxI/yVwPAbbqA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rCrqyMEcW2VTeyk/S4FUOFoOvEuC2SKicbNtxLeb1eS5ZkZ4qvH0F94ExETfFxqxxkt6b1qpHURzblVGEvcC5JvQphkUNrYjgX3nv7WRlFtIb5+XF8V0D3iqMTcZ8XdsS7wCmqlx1dgUEOshrV8Os6ZHelCaKOY0e5KbkBeI1QUZ7LCKPIQytYbj7FcqnXN+5Ne/ilw5FLbBR7p3IfwtkCfr1AYo+rCaQKrchn1tOQaP0Mc/oxkD/TB+djPD3Lr/dXKDzbgYRM8/Tsz7Gvzm/do+N5bQMgI0C9BNHyRQfqQWn/AEId6NyYrJwqeU62Ybh5xnndGkfWEBpktCtWgIkOkm4RVwZkIz44iUCZoO0/KPuiiRTebH8H25VoycKAcn3wX7N7fdAcTXpqIAUj5rLIQfULQs14Wy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vYtWzCqnAL2xdbn1aUjU+YV/ikyjNNLA29z8usxGDHE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xVrkZ76ETK6Y4owSCwMHgXZMNA++EWidteRbw+rGJj6oh3HWkFZanvHetuPWJopxWeXv/owqV5Ydv+kc9WXPb/SMyio4Tv2W/zCCcVoUiW4PHCXTuBOO1vH66ZGu0xF6xej1Ty3JYGXyMYC2wWChG79jFMed9/shb16kYp1sZAQ/R9Twiqsqc9YAEVO0FLoG05guuaHCAtKJr6pBkAb549Rn6VTg8Bv2UAxLiIvLXpv6wCSiZvWKOPU2197D7ITa2UOSHisvY/WJxAaYClvPQG2mvUWMEWU2QVlZqFGN+QxvaUt32MwLzJ5+hhSLPrT+EGjA5fDGgMepe/CwM8TCMMNWgF0v173GqoHhmlfZ/aXKJto6FRRluUoxiupLkW0WYWCtita+oVh//NWdmWqugVYxqf120+PG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vZLNvkBF2u1tIkP8qffvtjbXQA0TBACqixz8q55ps9s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DpjFeQ22fr22t1sg4ViIu4+QoLiJYjoj0RsF2sU5h0YWJtChFSFaxpx7yT/bQgHSLMlwhu0fjGKswWIysyjmrsfKzeyeRtxxlsrLrxu562fwHffwOB0TTQwrSAtfda2MZCDKHg3jfJfNP0OD9x2JJ+vheghPve5dbqm6ucDEsHLTeJhHtYKcU34sP9maJx1Z1IZJeB6A+iXxYQ2HKPM9aeDkUQ/PFrpZtnvpimBrnyHDgCUL5Fss6tuPKkP882FRVU1NGv/QqIZGBrd918kS4T69zvHjrZWe+2IE9Pc2HgXVafE+lzAxfK118YRfrU6rkDnrbhzMv7jf1KCkuli6jRUMM0qbm3j3ITGXdm5gDgtpnP6pAaOQoZ8vUyCP137XKNKTohyAxuxI81CQ+iDkS/fuj0oOswCO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vZPWjigsDOdjDvUPsT47caSkgaGXi4P4juqYaYrvVyY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OSFSanZm1Ta/WsRxeZvMk92bkgcPMn8+HHHvqAW2oQkXTywfLHVssC3e5Ii5rczdQFGD6fJp4NAq2WTEmRo4lqFzcEDfM1ZJNXiv6xKRkJaflZdIX13d+U1UNaTq5Rohkq9Wv1a8U/+XvV0mnyy5mQW6hh2Iy37fl7f91KJ847UfpTqthDmM1tKwpE1W9SnRNy5jUFdM8VFxOGGTB5VsZUDN/tCMK7D8Y2Qar3TN5AvoOQwM+Dpc/yitcJB7fdSBbS8bwU8aAsUSOpo2qmKqu0tI0eSfNfT8Xyy5DXsRlUtrmTjlu/+5QUIb1X0knff0YB1IwUsPSelsVrXJeZWD1KBhn6qCmOz7ltZRwA43tHaWaFNlZ5VYYVWBf1i4M+N2VUqw/JIfXoNhez7YdNQvagC4u8Zrubs7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vbXiRTL+XsYAZnVnWR6D/l2GRM8gpkKlnHewSdqGraA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "032BGUPvrXewvHL86WOg98IxC1fDeZ3B3eLJU+I9udzHWxxjuVt6MNfV535BmWzXtS6fqpI2C71DbbczCYj0esY+X1xdCqIofWGvsuFSvXOGT3r6Cm6b47B5S1kzR+72dJ2TG74+6czPGhQihi29NB7/aiU+U4o10VWmA527UIEZ2M9hV3yld95vGJvytYmFw67XBLqXNT8DBH9ya0PTURfa6x338jsxyoWj6ax9lRYA7HzbM01iHblJESTXEFxu3dCS6j8rODCMPs3QMur99hKHmbXoyEOy9KCpazaKABJBaoERqt0EUxOxtVc+SUL456H6kb3D5RL2LTucvlZLxn+oZKUjtMYaT0lbQYREVPSoD/PGDvGgeySPjoNJD3CTDPnqFt9YMyBLLcDGH1B2vbpPN5Hoh+GF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vbZ8n20T0HEUHW+eE3zM25HoPIZSZWNwMb+ucrQePZ4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w5EXuIMBYT2i/TzkFWN94l+Rw3RmmlXqb2ev3T9FQiG8jkHIeBA6NYGda6l5yinr3MXNUBmoCgg+4GaV04nH17OkWfOL0UtUDi6fQeFXo96ccQNtYxhTAgzqEVIlzzvQYO4fyJ0a4SY0ey8wTyupG6EDQuAxlr0O7DCp2+ozKRXEAAo7KLpY9ODgNP4fx2o2ddDK1f7NVrhIhM4EeMrsfSHZWum15VnqO4cpqKC7SvO1XopDtANsw+Z1/QCssNXxWlC5AzP/8FTRbAFcRHEiOwYmYXZnpet+EiD3qefzX5soIUgYuSnlBLCs4d+dl75zcDFW16+SfbFmSI2H/CnwSkDUainUCGk4e3Xm00vdt8WQCJbyQt0dFZNeg3c39zmj66ijg7fU04tZcyiKKpnGMig18etCcCUg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vgY3XWuGwxsTGVedcLjkY9ZA7paHXKOYnmWPByr14j0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iRXTqchUuJVQhJe0RZyQlaRqzcbSbIRFXmFKqrLH8ot2+T0gvngkuXF2EW5cn4ydKpkS7sI5sr73vVTY6eWzruyDReaN7a2X2cVjelVCx5oCGe5ADS8FTCTv9N6rRe4wGup8U4w4ZZ2FmJ707bcNm9HjYMsGvAW/UvwTo47pcvNlapTPLtiKHQnuWOtmMQEzqMs+XO2CcvyUYfxz3HJPLFhLEgMFaF+P4OGzkbpN59HDfBpak32Z5igUJMMKrOzyaKeY2gnrN1aP4wtHVDr/sFVzk6YSazRgyOaxvUGAxD7wWOSp7LOjVN24Fb7juFp3mAuqWl6BewSnjdoQpvxeUIcVGhu2sAVB76/PpEtihyMM8KicsLkJsIlNv4Czz4ZDFFq1ipDoKE1xDPmmAzfVgc7Tl9urRZ+d",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vglBaB1gR692rENK37CkxXHz3HVl5zzF0UnnLqa4cbk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7Uft/NqHSDeWwdf+/9dQzBoqC00In93Z4MMpnZ2s75xpRRGZt1ELGNxmOauHlLlERp8s+rv06aNyQEfKRjkwT+m41v5ePfyQWShM0triC3ugyKENb6dl2VTDWu5vTkj7Wm6p4+CfGh/i3gHCKmSPQOgeFF5l/MY2IpSfY3V3oZXM9GT1ygAbP3sCfJQbkx7DucLRPfAGYWoxsmh+R8VdW0RTrRYCd61vsgdL8hZoHPaIFRSlClTPN69Ufm1wu+n4NOCKZLGyXATLtY1s2bc2hFmpV1CAg46U4yiE6HUhSPTatNXVNO3b7FBnk8AiTx3dWPtu3k9yGK+K7OIrHgJM9L2fJuU6NabEG+gtAl2UeikcoErNM4YGNCNKxgHFSC0VdM4fDDkscihnYImf6gMRe3UiiHet0mOA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vgywUQRFcZI9r7rkbI3slevvIq9VoKeSv7n1fwMc6lA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Fi1wk27W83xcGcFXjLyHi3XLxOIThT5pAjbUVrDOBoaB3pGWza4Xk9S8ZppdRE6djViOLB5Jr+X+o3N/VOjcV88rXr4ky4/ma8QXpMQjRD/r+DV5HOhB0tFz/hcH6TkDai2Qdq5f8morimD7l2/8F2z0zgG46Gxdy91Nd6UVrBsuBqhhHzcmHL52YWUKeeVqgeUmJtYcRn3+8i8/4dVloWCQm9pnS+mgHVcwMdgCFzoMWMaun9woX6oeVFANQIHRts1Ozz4Yg9oyj5TmEDDR9yyuBGuTeO+YFnBeZzKQJt+wIOxWuO5SHV3N9qInK+1oKS7OP9pLUJYMkut+M5Ripsa4OKGyr4+5htms4h5PPnhY992hHjAt9rkXDnwGgowjY1vH1x4AzOYmAZKEqhiT9NiDNJjXB3MI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vk3vTAVQl+QAAlmttq4Eb9DVPSaB+74ghz5jr/4h0no",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RRPPWDyZPqrPuZVY1YagrnggfJVJxjsoaAh5pa5lXY990+XctLhcZ2zHvHlpxuJufz3cz4YbtY3pV/xy5WTCHZpQ3Yp0EFFuq5eFO/bf0s6cpG0OyY97OdoXfMysZSctd+M3EfhHiiUeuUsGGQgkrhk7YtNXRZwfqsMkybfU7NQch3rccDIcKHT5YXve5Ku6BsTxm27BYlNL0d5ZVWlkEeutNXXXAtCfVFsD6qazO5Lq+lltMaOjqP7q1f88J12ErX/s3RD6iPwQMYQJS63y8CHgkGmw05yJu2EhUZUKhm+qyfVzwlgCUklihdPJa5LONU6T4LoEA7LI4MUXYKVOLnID4bPiNxaKyiXqr2MvkBRhUbAVAkMfYtUXytZU5PPp283O2XDpz98Xg/HkM2WN5qewpflLkdW9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vkwnU2tM27anEMrPEJaRxzhGahhfI95Zomtm/rFwkIM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o5wPHH7SP6JQzJj5LjlW3pEItmUBEhY0V6NrFirrJt4xCgawBIdwo9dHH5PVEC1AdwuTLX0B53F4xTeTi4T7tjA1O6YhHFrmMtMtRM8NKGGxrXL/nObPN3NBzLIUxfQxJyhg8zVGWb6Erqn+hocM8xv+uUwXrUXzX8XGmltxrUwUhth0gdESfPu2qUtp+FFY8kRcvVmb8YPs7gOpglSld3ck3bgbRu7qnM37SoHb1PELopQcmkrOKexX4oaV7VKl2mLQHjqC0ePkcqsltQ5c2cmEv976i+zrzsoONHtmTuTz1DDC+b7K1i3Dr76T++4VhWxkuiICejWYaUJEsBCHctp5fNy3BSHcm1GI+UxTVwB+BXFcMYUgLCT0H+YpPtKqeYtp9MoDWAn0TjNfCzQWsiDtPWHskiPY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vl/fLU7VVTeaCEl6JkJkbvL0I5TOvqxQhjn0NR/wzqk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9oPf6sY0h0j+NFQhG1hkQbDYqohb8fyBXr2bRX6ZuWYd80io5lM0egvmm6euRkqpP4GuVDPLV+1FCzsTUl4ZT8Iuc1N11c+yxR8QpAMHhD2xl+U1kaFTdEOObATqKmJFqbTttXyIoNBdzSa6q5o/ZKH0nHFqrRF8peu50LDXK36FT0A6t9RmtPlN7xf1E7iXUsYLyJE4XFi27n7x3Q5NM0CexFF87e3kfXyc+DxZdbLoxXhLDGtg5Dqg92W8NzsYNsv/DgPl/TQgxHj7QPqQZ2A8N10e4Cw5ltu3Fumxb09tWYFOf8MQH0jOicPC64BOS5JZLM0K6CasNQZ0oDokLfmS7eNFfIrXrtW3PE5czS0NHhCU6HvsklsoZcwz4dT+U//SJvkb7L19IHGw0khw26SiZIuuwm3A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vlW5FQEJa0wHUmi/lFBMSZ9cO3ATIlAEmk1fUUTq8qg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ul7WTXPwST8RFoCokpeZvZ5meKWrsKldrDSjjVUajHNExKCLc4wQk/zCCO6iV7UjGEDxOPOdwZG70YbHIjtl1DhSnOCiC/KEUfc64ouoVyNaR1pWevOnrQWrREeqIJk21k1x5jwQoGhT4H19vpKKdPltw81uFOD8fmTAq/fZvwx9G+SfyAjAhsJsOfHGMqzYMuznD6q/Y9p/kMuVbTh+aUqx6Hc+EZiDLmqapar/iHPHRQ9m0ueqPkWpuDbruw0wRAQyYWFNelDbfOg0qZlLEy55p/eqRAyYO+chHRCQlsb6ivCdzCy965r176IlVEud+I3SN/+2hkFXXmwZOV5bQ8WqdisSHFmYM5UK3J64vIHRtQ6oIB4IAw9qoANIRmDB+2KfELG/up+S7wgE11zz4NCpfAZfMoiW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vm5zz/6G3GH78ADjQG6D7RJOatwDKKGCkLS2bbRQQOg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VXM57xLMLLbHdDNfPSUICtLX+GJ7YD8fiRGb1mWI7Cny+CjIg3BfA8iQrVz3ZHRIFHmE2iAzM0sGUru9wxzHF+rrq6d62AAatpq4G1D674nW9ytHf6vIFljx24y2f4aWsHkXD0VnCp2T8xkapLpQP5QKNJLCl8ggqtDVt10T/h5v/zbg63YDbKhdBhRXTJ3vrGKRfRzekEG5yVqZLeaoUwBTmRDqMhWNYhOu6f6pRhXQqzzSeMXUnbbJLOkw1OyHUZq+A0k5YZ5jOS2z4OV1XbnIXOrBiMMPYwhcbMRlncSvqpXCkE6Ap2PWEMjXTx+vVJ62Y1HF6nQkHFvRldS5Q/P6dlnulJanPaA/3i8fLDQv7LfCovOKyJYoE61oQPnFHXUvhFi87qjyYJU0TyGZrSd9w3u8+y+j",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vm6YagHVs+Lvi6ceKznLRbJuLaK7Jc30NPWUfuQBZVY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1eTb/hHjEZ6w3VHX9G681ePMjPpkX7yvgikq2GsSnHUQn476JuiV+YfAvEQ39cJNd5nw34VqW/R5cDQa/myiuFd/AD3B2nOA1sjCoVk6VWQE+gcM3CnAbeTkKLzNj8w9pQ8jrIb191j8KP/nqXgoTnMBUuj0Gsaboh7MSvsddZjMRba2spEDJhFHhcspg86ibD4fOdFo7oTJGoKLBCg0Y+V7GSdgMPsB0oKTtdRXY+nFTyyqg4LhFU01yZlOk8bH+nXwy5APuWbwWNGXrgcMgLBSiVCzreQF8FanGJ6KV6l0ZBnSEE77VXMkY2Jv10ywsSXAIEG2HU2/XJ97AiK+QhfBK796CbXbwfAUdv/YSTyyKXMac2N/qV/OxrDKKSxtNti8+1Tibh7M47vxgkRK/uH1U6OhvrkE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vmEiqGvpkN3hS4zuI8gpZVCOOD+DxnV6qfPzw2p206k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5Aw8H3G3aVcv26Kcfpl0shjO9squ09Cp9HZkPYKSAOVqVjGaWCura30I7SmPmZ+4dZ0dbQYJmmU9obZOvRi4IpbjwBk8j9k/6Xcfnc21NoL2rBuz9v2PkR4p5PgeuUeeJi7/d8wJPc4W5hEskg5ZEjbmwagMSBbH4r2aLo/gG2LueCowpcXYBKNRvPWtfhhtaxMHEvD4EWGk94vtYoAA0yLHm4DMqZOAR4jgZceRUnYkdSUkY1YIrd6tslDjD3iTMgky5rXrDTYCrB4eC3XxFXxZLB9JtImWUaNZxv/Hxgve5hYHoYTExwOqWNq5Ce4LheQRnA1JPK7VliNsQjEZAYo+ZHbZlmXy0MzyAsMs031DY7izmuON/+LFtMHh1yQSR6VwbiUOmVAJCTIrI84inlT0CuuIg8Vo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vnm57r4/ISsEvAyXBi4Tqyzz9k7nUNus/bHRVQ0gWTU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hIfd9uOT0km6N//WmAYtVG8kFcUfapaxmtscdDUneUn7w0kgVtdhVrWs5JOjIXkB41rOdUnED4KXdDwrCE5w61BgZJHN5mSKEqR87V5UkZK6+NnlPMsechDmTetlr35TXDLfdZRQk3MDNtvMLOMLumPrzWEHkbIWwmiS5J1TUnfdRfQtGHgHbB6+M8iPKVu6bUFF2zWqFbf+jZxNiKK9xVIxqLKUBrRmxt3toVpmCermk2pjAcgeLnAMbMv514At1OwYLc5HpzzETt7/zs1BgP5SIGG97oiyjOtIjGqxeaO1VUfjlBlEwekbiDKdtrBfQkSCHy7urgwm/y6GzdQ5SzI6J9aYHTco/8QT5VktDUFxgjPsOvSFfGNdA9av8gwN2l1C0ENIIpXU5JHb2uTIUskIj8mQAx2x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vnu3hl1nvtoYAiAUbI0mtYyM/WeO+sJ6kgfB0coIR18",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xjzl9PHOGI2NKrEiY0P5lZo0m1HcDoBjO/GLckuugQSZtgnaueiQ4CUUm8KWEBW175ievCKruMU38nftwKPn+Oad/honzmkK6MfaWHuVR9VdVxpv4h6zVjEXgruQPwxLYEKDrq4TkQTlAgSHtNOFwejKeoR+5lilzHe0OloFwqlDXWVCpiqvHgRpqKxNZI4RGl1QmTsiGGfEuc0hDbAVILQ3ZBtjAoLgvAdiBpp88x+40hCZ0z8+kbrydL5mgCS1Jb+yY8BcdYLiRsTkbWBbe/1FIkw+ktKDQY0Adhx+9//j4LV1/o/+U/IiI7atzUZ/qZ7KynqFmjD80+QzHhodQulX/vMV1vJ5waL+dpN+Wc9h6oN6D+bhEtf202FiJaVN7MFR2KOVc7x3ZL3XPUXy63pm/fs3tfrE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vo9sMgKkwR68KtUGRIy4QzVbHIUWkgFktkp5KHaAMFs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Kly20AgYDzRaOF4KmDxtwd1dGRCwXLcemgGJ273rl3tPhjABbVz7yuyyFi7WECbTbETTDyauOZKgPyGcxvYdtZdaWOE16c4hBTPqL3n+uXQI7C4jueEQxYcHz8AWHE+n1pqpZcnGsBPWQoYYZio/rQ7oLJ0G6aw6lor+VWprHs4f6YmgXHPC2qZk5Cjbt5WT+KkP1TQqJtMPRiDUnvG0P5IOVCpxMklvbmaf66gj841qoHexYOrmMphlkRvSQJauxMzd6bVo8hZFlDDHgW3FW4SQereyoxiEGJf8Qz9kTe/se2u++JIgVLc+XiTA7yGWOJ7/ZgWKISp5qqqMWdBUIN93AKsJwatDExNWeJfnUf44euwYngovK/cIwwfGECHyCVmy8NH+EprFycUv9zuGL8irZxHgv5y1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vpvltQcJpBUst5XsTEUICuniRraY4+wFdmAY5Ex/Z7Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nHPcq1nH85jJWfLqn2mh4L3sCIWdF4rbpmItAEXD1EKmvzw4nd+tB/1xyzCYCKNKKzQRwXzZsG51WZYq1XsXdJXJqfTrJ4/pXTv5Hs0tlxr0bzj//9ByklKvKKhLF3v9Ouwi7GoFF0zeqG18t75OQvyEjQZ8xUDabVXrTcvLHwEiWxJ7feSO12v+q7/Q9fM2JBS6F9i8fQJy+eY14LYAKwUJ5dBJ3QHbnwBI+9CxJGyThyUZnRQBBzG1XhGvs5DZpuci4vX2LrWPT3iYe77u1kWuxeRqXh7HT6AlF+Gh5B3gg4eXNj2p9HCrtUOVgBfxebusvU90xU5KPcJ0v3CnDscxhfde7i5V2e/e9AkcH4oADJ3zgxKl+cu3jWZZewA+UR/E1bmFwQB74dYug3+TqVr8nk+rs7qb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vpyIWwmXnC6Mw3Gotv7vkN8HCrg1TP+6x7oqmkIgai4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uL0kzVsaFS2yyrpHUOTJBBSoq4bfNmojM1xifSVkJspddmXB5DudisoGlZGjrjLrratdrCbG4pvlgC5bUj+mljj+SWzNTCW5wzb2+L3xa8LUYQym468QyUczK/4l3SO7STDDjqEvF1wkEL6ViHnuG+pCk2K8Bknvdcwfte+wVmeWneI9VnTv8koleQtLr47YNGdh7mB3YGO/ZezpGoyTGQXzg3JlZ7c3J+WwNuFfMXNv0xYNMTPy4YdsOb0ntLmN8fMCy0FenILdSIA43O0aUbRgCIyXNG3Ps4/7OgudxFlEQNKoinKXeWDws/PTQAeRKf2VdQoeB06K9SbT6KpTt4zgudOKTqDsUNwy8sa0lEiJ//dfnJ4aZ/4XCkMIMvGWXT3mSR2MWawCQ7Ffu55uA5MzLTgZfrU+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vpzCJlwfbTKS09RpVYcu8pw10PnKWA+f93yiXFGCRYs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xvvTXK6A1SPMApq5S8l1fX+L+sZRJnrGdGl/ei+RcRyGhDg30Wb+5CLLQhhFUBC/Qtp3iOHCa9KrIiuEvKcsR09dQdbZex8othr+RMxFp7vRcmdx/KD1Jf8kJTfVdzFxabQBSJQoNRkW4kdr0An+/1TiLM++gN37wYS1QAAUkHwDWt40OU/kxmDEtbJBlYZGTr/1zUgcEzIuFGc/87uAgMkMR+Ir81AB49MaOgQFuJxyXEbe9bocBKJwNe0HBHW3YhFK53wccfXWeAypdx5oGMaq7hjrAv+MsKy+re7ZVNWfgBvAEmGmcrQJN7e1hKqa8Hc6RExVWe1oHkiSwug/H/+y6gneyc6VbZ5EwqAi5wdGWYf8G0SVzvzSDErEerMcOWlO3h+Iv7LIjXJ56TYXsr0LqRP0Wvxq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vpzOUIw5kxavXYbyNXVYBRREtY8cUaqyi1SfR+ZddXk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mVIZ9uOf6Fv8doSLJ/qY42thO6tHhkjm2veiO2AJE8FoAzYIzVL09b61UWRQmQi0CypYX4/oEOP0XyeZMrsnI3Mab6cWibpbDcz8Z8eGrU+mp34fjsj+c/KivAfJaVGdb4kctaqYP2FY1ty7tkMlYcJTpkzV0qdPLvD7ZqtFeqwVGj2j4k8Gzr7xzbgxX0AXyY0uzvyU6ex+wBF3hDw7cqnrZioP5d3rqSLophZIMI6TcNB3IO+KaUl/+Br8jbQhn1LYzu+/Mw0l5g9UYQsYce5nmGowd5DTKFMXn7SuOK/Oz6TKxTR1EKltYk3MmlL74Fm8vyOtf5kJyQtGC0DrgeWALkTUBwBEQoRAco8e1UuSD+bbyA0taRYtVATDIXTEtCG5wLOZ86D/RwY2MTgRP0AktyAE1nPC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vqCpuMSVxS6trcxfSJ5U0lj3McIhGmFP+b/V+qQ4wWM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lYNf2s/a8bz/McmJRjQngqLRRXD0FB2nB+F3wY3cxJBoBhuxHgTn1czbjFv5EILiLfq20mdYvQzAwUJxCVGiuWP1hJ7M/rZgmoogMv/5syACvK9SOrB981+2U/B6CmWVDZibCACzy22fRpEbcTFIEu8jqlWC3KW0SaoQ8gUBaa3NHubIuu5Ro9ReL4WlDvI/EOCkFynWnzE39GfkvXrqtdUKZ0bTL8BESqv9YabbjUpyqNv6eiOBy8oCAnp0M9ATK56boRTzw+G84GsSzr3ZQ41ZlwRztzmK+zQW7Jsb9kOnIpq9swsXcVVBBGrVR627a2xxdKB7wnVan6OwZKNm9bsSMBWfX2IdZK/ix8MW4CcaK5b7U1RmUePM1bMuuyhpGIgeW9EgKmUM3U9gN7DkI0PnIxpUkrEg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vqF5AAbRAcBma6l7+XQlqZ+8Z6bcEsSSzDo9idYOUjM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZzHJm2mqrP4eQyFoNOO7rMBuhe2VjkwcEPkkn0QDxsH2gbbakaHRWqttEAwELs2fcPIYEmG24HonKQwXzmINElm7HiGoU3cU+6aTiT1KPzweBcHfwDc4Uf1fYRy2T6Ya9yQ67VdikGXTIiDDz9vxrwKP4CydwcT0bJklUDwhQ0GWyv1Vs8WIMcmayPix1RdSZT1guouyBUCpuOSBdLt8qBwcPE1p82GJvSZMUijNzGM99BEgFuQmjl9s6ZpTEAA75VFiDMXXDz6B9CcYJ9zl3XSy9uVxHWOF5vjL+xjwPc0TrAxiCBk1GhjHLAx0mf4p8XtOYyxb7E5Nzqd381ZDGjGpeOgV9++kXc4+tCZN8y+h62T+L0EcCwXzvv06SqP5H9x76BT+aGxIKLWnWzOfmbC3CJNlaYdN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vr5EOLeeRh+vIWl52nVmLVj/j+IFO1wut5ITCbxobQ4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QWJR8Du7twR7NF9iW8YKMunR7Y/z+mLdJfwH5bloW2sAEnW9nbp6mIayaLQP1lU8629rcBW5648rJoRkaH06abv83AefXRgaNI/RAcXGYK9QtkQbq8sKXkXGxHldVLeY5MNfU9dL8zWwkFEbpY5XqobZQVSIoFRt3QtTLFF6yr1T3mCFKHt4wD2msqwFASEL2ZZfhTfdhd9+0ybBxErt+6seYl67fWlGBhXPb3NXg3h2fH1UzBcwHEvajsug3GRVPDfFu463v6C8RHVbGHJO1VM+oBrXXu+w6vR2UPdlOQ+AV4zw0hGpcbyDZuyP4CpkfvHAuHhvZ7UkyJvrWg7kKrOdnVbgpNHdcaTPKqIlvZTOOx5dnirGfNWdduBYmnquY3vLwwNF1TVGWSWglwZDe9wt42mAmvx+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vrH7AAvXxYX/6I12GBnLfn8IylFwT7tnPhvwAYLP7CU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/LFT105o65+NnLk+rG+aVSXysZJ2FCXgbn5drQnCMKm1KyfmnRb0Walx2vUvboIk8dcdBIfgKdcjPC8aKQ1hhCv4RWzYZ+Vrnt8corr7kftn2JjgWDRf06KdjpwquIPZUiuc8lm1xrjkRcgU57DSdElBg7G3G/TlZTVeYGa7sUiwh6ywtFQd6Eebr2ZJz6e7ImlKnw5JfSB98d2ncm5+Vo3IRV4IroK4FfHusbZE6T4J2NnZXXp6l8XTBBhh/Rc26vQvi7MQ9CJ8I4oesR/36FvHTN/6ohu0MuThyymXbSd4ROF6dML2Npfq3PRxjL5rXnGILAQSCLnTVhTjK4nEg4Lz0PZSvKLAD/iPXXFH/0s33BS8nmGjIoQWV07O5v2AP9vtN8ev09qM5LgZbxeuSZUCGiypQjPS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vsZZGKDdXJTKs2AjrgO8eBbWHiQs5p/wtOVY6p/aAzU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CdNzgG66aIe1vunnYI3menefEI4ywFyQzod1Uo95iA3/m7aohZw0PUXosKoBBCpT1aSgfnp3nTJXt98alrbFOs6XhwrtmwQ/yBQhR3jwEMwhO8GE+0WclFdsPF3ZT2EfQD/m714Y+00hA7cnfV6h527pGAlIdFR0m6Sop7nJUo2pyX3iF1Be4bBeVZ5umKfu1342kt7oBIRYH1E7Z9lMbsoi1AMLH9SGuv8eQ8BnD3TxJXO0rc9AN6mKqLMreMJ+is97oocAvvRe7EtdPs6SQUytIiPdRPeTVHxdDvVnFKWatlBl8+lej65r2rn4xfFqETyhxicpKzE4GOyJwWTe8WRpkriAKVLWNg3wFEMBHtJ5k4n1ox8XH2gT5YrXugYmqw6dxBTr0wYkyWAf8wphTYnUBTxmrwSo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vt2fMFEckWLIe7Su01kvkZR+rRegTqG02jFW/2DxEIM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "E0AuozAAI8Gy6xbSRJOt25515f8mbcfVINjrqTCdt2zzUr4C78SFYq/Vzulbt+ky9S94XNwG4buOBytYa8SZ+tLAzIQWyOA67j/lVbmEURKGMTeosdC68gvpUrIes40LhHISIA2ogeJ3zEYzNaq9ywq3rdYlu5f24MbAZa6Gfdczmq8/T97SriSVGQM3so6KOKy4gz+3E2kuEQWB9nCc0CzhYph0QFXrWEk8iRDUi4MSONuN22a3h52r6P5otmc3W9BaXzvoc9K86MdP4VfRtXgBx58yKsBIgV0NMQ9p8iLsEwhIt0x0wuV2o5aPtQZP4nyydxK3YI+zIHQG74bbknnuAv/tdIq6YTHmtFceoav+Vy33qDpyfnfGblTbmABkmqe/uRFFlf5TGu35MRVLmrw9U9Mu/ACs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vttn/malHsLpB9EVzPq2qCw0NJfncUbFQg2d5mokwP8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KDUO4ddT0vYvgEH4T0uaJsXyJ1+WY0wvpEdlaAZ/y4T6+3ZBT6tn4/o6X9lEvdsmjdVpsL8VQsUPAEMlE7G7+evZ6Rhuos/SD8aU3+7Y8e5WXseIfJjyWo9/mEBsPpd81kp2fb5xE1Rkw/mzM5WR4609ps18xLCaEUkWRSDiBQZ4uFlAHaDlxtOF/WdxzcEWycGuIG6oSzlQ+26ASk4FEmBK47Ifjrv15LHzc4MFYHoNhYXJf4J3PDI7y3u7E/1XvtznXj0ji/7M32InWVmV8KjHB1rO1Xi4JVHISZoOGk1Vz0jQjovHATuPhVm0uxPsQFdILoZrNnejBaqc0dpd+d3Sk+2dYHOwuWAknv7D7gxF2azfoMHIm0eGpAfRBIXmqLQY2jxk11RlToVUxLOf7QC6lbI6p4tC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vul5yn2OZgn0n2v/U3Zt6jqQKaML/kq5Vqs9C1hCAHY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L98+Ezo1ycyjdUDER3Aol4WRox+EFCEU64m62MOTuaxqFZ0c91lo/osd2ETGkuRiN7CTfZkhfbiSSKEh/CvS/A/AYWEVaEmZSMkS2jWXlMLhpA/NKDzNaRrbSybBQKB0WPQdldI4p+gHzQ7/O3oHeMlT6A1nb21q7fbxj+aCPQ7YSAdl5OsiI5QSK1DGcy3cVQ+vXn7zdWcfdLZ1UB8T3LIauqqCmCVIo3y3bhUCnJgQlAGqunCRPeoqpjoZRLi2rIkBAE1XhLd9B0uY7qWR7mB5JnlRxFDKfcRs3QqEUj344axsQfGJqjLoFkVKhavoq87vpqRkznyN7Y6G6tX+nLukyHcubU4PCy2JfsnLcbtMO/Jd4z4al1JO/VuFFVLiGEFFyxISin8zaUbZCbn8UepBhBXDprMD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vvLrZditqGH/M/wiKjxGyjU6h7aTaCbMWthSNb/FtcI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ap2f1nrnkhL7iln6B1HExIPiy8eHwD6JZBtjE2V6tjxIyZ8KWjs2zZRJ8GeV6p7Z6lHLO1PqNLYKfixZZ3L+QNS8Knnkjcu44Ve8G3vw9xw56aSqHYCTw4KPsb+VuEbXH8HcRoPbrrh5vFvYe56mUBVk6YnxYCAYrh4y1+9YzU37q58y+RPMeDNmLQe5cek2FkLdKAG+NZJB7hWBIeTpQcx55UPyvrbX+FNzGtvats8Ce7DuHP9qEVRDAUfF86SdjK+TblobsaNr7mcmD9lViNAhHe2R5CnwwWNOeR+ZAwecaxi5QFzPg5IGsWMk0L6rVgnO2SPRfoObe09KRR1HAQ+kT3g3oqjxNeXncUMFTk16qPFHT8k/fmuKLpvM1xJTrvjKfa3RK7Lj9Qg32SNEIousLqL0HpvS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vvh3G8fdJn3TJJpofSIzwbgPy2eFp/USO1hNI6X4mng",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "14oKmmlh6SSnmdkDP0VnMmRHUtHVhT7tuZEk6QT2Fk+qlpv4mJ32lFa2za4sQV9Pe4xSVlXPPwk5E0ZKtDikGxn3Vp8fZWJ5Pwj2Vq/hM0qb3yLDglzDZmpJDy0PnEux9Hb6t6LdXq7NDkj1eDwNSmmPPdgVJ3cGXtxnsXanG+QpXYMKZ/AdGFTq0xZd3q243REqcGV/sefdPvo1Z2xgcxPBXW2FgFXzSD3W+Dk7NECLVFuKoOuRJWWxn6g08/lzpJBbR3jAGm7XOhkW8WSOCod++411n9NOyGvHTRjQt/55Tqm/oYwIWbrOJ71lIsb9d0sVTlD60mVsm04ce/gMh++qscF10gI9DNiaWYPdZRyPUFAS3GUMirKF1vJwOluPs0BnbkJ2e8mYE6oYzwnS0c4Z/cC76VaO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vwBmVPuMWy7ykmidcAL/sF2zgagrJRzBC7hd/HdIWj4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "leqaEz92SntXdmxBbvoqwWxgEG8qRBpYfyjSHuh8wCoPLAgAfr15ib3F6iDsGAA2ueWOoS5IKbBAKysJR1Qmr9ZtYt1RHJ7xv8KKNyL4AYzgStroO46klIVVb3e1k+CgGsNC157QZYaprJdGLxis284xORBzjRD+ticnHt8x8+sh7pr/3UKobUjGx3WO6ZV/wOdtOS2UDG+AQ4V0/lpsyCAGgMTIW0HDSYenGB0wjE42V7Q33/0INO5nIxY97Xb8A/p0vr4stIytRcLRAqXvY206qstQcYFYymXxV3s9n3XXtQIvKuiqsiL/QVTCeW4mSezIJMj1zA65nRLuTaw/DJyn/zaVD/+/sdf9X1ecehDtieu26mS3bKHSTDVfuwR5ONr53Km+AgEvkPGNdApblEZ3BuoBa3s6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vxiKD5QQ2c5ebeM8tA2rVuj21ctR84KAou4LxohAg2U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "a5MxhMP1GoxZ0NEs3+5pFzUbbp9OxZpwufPYZkeT7Y1Tf2SbONWkDbCrlbKlAWqItpXiwAZpl1hSS9tenOrcugtt44TKEHp/tpXzu2ooX1ykUpT7I4xJHMIS7Yr12Yc6w/CRbEH16icyzZbfMJjTWJSA0AS4LTUA+wDkwdzrPfbOjMJSpEv9NoHbdwnyQK1LbYIL77dKDPGbkU3rwIRSTlN0SnnYHUQRQprRi9mvs21lzjZmLxW3zuBYmWgyK3N/ibEZn30+QYKPI+TgpwRtDY461fh1Q8hXSVk81DCW9hVul1FAAJZ++z464uiUgzav9NKLem6fRkDx9IVqLKYrmnGXXLklye8/5oLF1cAjFLvk/43QEOdPcj4ioGCNei/6RXtl3S/zJBKLbrVHpkKRSPu8pxCTku3g",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vydUWDp3kpa9CTCWrhFL1H+KfHrhXYv6CVxGEDcSofU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oxQG96qUgfrPRC5Sb3FLILefHbKXmbjeRuiVeCjlaONxTbRFvufKl9RZlmoJX+m8thoFzm4pi3WO9h1C4Tr5SpSShEXrkAZUBbvR3ycfNf3m8XI9w0RuYRUMbI1dFHKdjCZLo8ZAeJiSilTl4PjQT7gKIry3Fef37ajU4fX/10UMiIvyQfbLNrY4XQMAORa2GH3PNL+FI8EqmwHBdFWJ9z9qVsrrWhkSTUji84wPS5cDYqM3AlZkeylkrWd6iHxrBRCmoCecRWtqKDVLLK76rUHtEC0uhj8Dy3RlcL9QNQmwx8B/8r50I9pTcCShCeAa/nD1rn+FGDhQBRpsFJobKVFqcddhVKeSlnykLJD7T6c0RIHsWQvIQosaC4765mprhpJtNasIJc6EbjX10fAh50h/I+dCKjGO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vywOLcaKSP4CJpDy2X9hB/id3qKKD+vHdk/Iam7OljI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ReJU0J7nhEACXRBAm9Et9W4vZ8jw8mkCt/7B36ovsAHQKo9GsUJ/4CbRSFET39ACKrkXcpGKwtiODb3G1HRovOi0p10Abx7QOCZuYjaZZIGoQBXyXtUrajTrW/WFubsznJxi30gjJ3WDe1J3r+MIElLdgp3vOy3fo6XXTDFq1gdO0OMMekxW165UYh5h17k0JpRPjTKzuZXnxXzExi4okEWoMnmiJ7egRhCfnfRXT2jBNVUTudDC4PJ3JhNM+aNeSFTxs7Y5qu9DKVw7djJnClzLqg7KB9vr6ND24k2qTaCglROrSFe/lbVPlyOlEO+HFnEceqcFTOlY4Eillo97ll07wo/NibEMXx61klLlLN8BFjfUqV8tCJeO2g+hUoI3ih/iq4p/b7bDboFwCLJeJnhPo6ODxhvf",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vz+gIQFGtsbsQrFiLMnpn6FL1MNxFrSkzrh365ID7Gw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YvsbE9ExYvpHegLnTQgOB+mGrmqudawZmqgkuYCPdit/trINIkhGV5IAXDiuDJb7Q8GzryIb82H2/cw/Y+uIFnZtVsvKnj0Z/I52cgBXpM9Co+3czblFaP1jvB+YaMWr4p79Trbq25VF+7e7TJsUX3+0+n5A2FwEnIOZU+BNULeaGH4GEdkWB2fMQ+6GAYSuhac7CNkTarMDRAKkXmB32jxN8Hhn7gppcwt1y4SDnDQQ9kdrhmZaIACIq4BQkaJnYHArFukAmVOhD5Ex+CJBB0bvDpuYwYPc5Y/cm8di1PKYGfwnYmZ/72kxKBYKFV3oJmJDovraOOolyoZuE+/KL08rPPDpSPP7v4aZKHkbx4634WrpgYqGBSEvI8vw+89y1ezuXLKQ5tQPOdZWkVfDl13NZ5NaWzP8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "vz9/fewkqSawA5vYmJfOzap38REZl4IdmjCwnIXiqqY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Cuq9A14c2JkGIv+XSZNWsA6cd1FCYSR0LcOTy/af7SoHBu63uejLIjaD6orARuOMW0O1CnlYgGdjRtKc5ya3JKscThsutWum40CGI0jPYdVYuL/O2dqbCgAZcOxHmaAkwbQ9Pgq9rnbd1Fr7ljtt+K6M96mM3tOWnRpBb98g8ANBlpsRJFVRAUmyIu2D0Dcwfa/VJ043cAZrob47Lv9iTvaLROmHCqcyqdSE0/t2YUqjQ5P+B3HYWmbWIVAmHFVGi09xJ6e9iZghsZvfEyV1diMo9lBotKGCv6yGSDC1DgfMqJbC8N1sSM3v++skl/P1sglN4TvG2Z3FSO6LkbbKKcthgojQpwv1yntZuNSmo+0M1ZZKipmcPPefWp8rQsDC6iN7HZOce6bbDos9W6RtankSnSnsidZi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "w+K2BZBYAjSezgmsSbBjVuKoL4/azctxVF5+n+o4D/A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LlhZV+f/8EwRY3nvzuFLzArpG9DiXpasI/qPztmqICB5oaM1Gysn4HIfPXaQlkpBZe31frK1uBy5mNHGZPxam3VY4KPBi0UsYnXlUJOW0k9ICDCCDto39931Fm0mOc4thwhbnVDtzB1LKto1ePwSMua/3Z7L/fsa3YvxqbVr8PQyhcdxWIXxkpRI1IuTiEfWEWYASvi6Q296LvZRn+bLqFxc0V9AwF/0W98Ozfgf2UHJ9zUIJeAjWbC1ZhBygdUzW48qKq3IwMT2JbT8TpZyU989fGTva67RzzizQYx2AYYMQj/r98yV+Yb7OdwM2p6Bff7/vQa7VqVelLD+mnHCpPV5NkETRKD6nlHBPECjjxFVxEfKk8jUbnehwcEy/r+XRb/EIBSLER5taWjABFO/UaXUDLYUmkji",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "w0hOMCUuo97j5/H/oTKvqlPppw+6ZLPUlCq+oTq0E1U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N/VtaNbjWcBmkQ3PNdI+Kn/p1+m6ag080SiqrAFXGzqpx0N+CqhcP+VVCYkbX0ARCez7truoh/pmhH/W9QuDe7ouDUKV0ewzl8J7ipN/ydwkrlOSEnikvXC/pPYbZMMY8XC1BA6HRASAlq+Ti4B7zhzaeJ+HcXwpXoMBnavr6MJH4/xAjqDmv7LWFdgDqCYKiJDdNWWjOOMzPhv+8KghFrbO8uTlZ3ADkiF4irycOyiiywva3txoSS9If3Xs90UWhU0H3YYcq4QxAbEo9DXE7OHFyosBJ1Mwd6JYddTAuD1mKaPgMyrnkgmncWJwtxbGHvuvHUPSreQSHWA0E6zOiN29G/qHz9r+oEKQQ0O/AfWdFkux8cia1+S2/1jdn4J92SMB4zjQpY1QyH+yK5KoG0bCxbXqGESr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "w1QR/I+0WdR2UMwA9bsZwsKqSH0ChIWda1km0gPBDwQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6Bsoou49igLPBmEvqvByQ4YYUAru9T+B6qCPGR8Gpg5cNARzd6UtjWZLf88lkkYNx01wKZOiKGwI2v1XVl1RcUgnieNXvoSyJvCN73dGSNI9V8+MKo16DNeYv/IL1EBxM7WDzgOaWNHv7xhabA6LYRw/ueT46CA2yugw+rpTj4TcQ9BzxweE5NprBHsrv4N/hlcYDyxiTmtSufsdF4aqoh+Q86hm/5jp0Sfj4P8rYPjIzFhzHd7jdo56RgStIs7hNUWnDf21B/7kPhqqpSCZkADcnZFPByEqLk9M5HEbC6doeOePwaO0rA9poNvXezJ1rWunQyvA6VOpvDCfHhQjDA++sGvcwmQbzrJP6SC+sOjxj2uadYi3wtPVSymzA2Xr2z2OGDgXJVjsc+0Nxb3eFVg+CJRlHDqF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "w32G+eNEvjpTWUCnX4R6eMOm5tdt01re7LtVQTQ4daw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lu6G2J0Csf3uEQnqG3UbI1fAsCwIDodFYylm0h3P/xAch31Or+AA1HyU79f+lz93pWsymvWhIAhH5S2g2evk4Uj5e4HML2sqRhfxQI167qyaeTxJNKjXLxJ6WPbEZVFmLadzXkK/qCw8IuBJWVOD13bOedszQdThPsuo/xeYJFX1uE//aFwNz0q5P3hIExQHXMSFpd3ca16i3qbTMxEe07HkX2c+F9KcjLAlZAPOcdTWecVavigJi70tJXBmXRjkP8NUAmaQP4VfZWY2bwB8H5Cb74HfPKDaQBrCB8KM//svuXhFXW+4BgB1GtEZSkZpYk4KH4clNeBAE3Hk4QjjlDtGoes3p/aropJi0G54cKH4TpiKVZIgcDKpdTDr5oXd5FIK9ZcY89VI7grz5TysQSwgRLxlXt+C",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "w3wRpKLwPqaqpiKYIQe7GNe0EafN14O60q3OSEWfgKw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nTRkPFRJiViKvcgwVzASZdn0jYUh4ZNA/KFKH5lPjN42xhkl3QmZoCH5wJI/rsJgqo8DQ0OiAulCmiBhJKLzWEmdXDe8EBG7B672HolvT+5ygg0lYMYh0pWWJ6oIxqBWVHtlwf1ePFuA14Rh0q27pGdS+4rG3/IhcY4iZybL3iRZ9CwslYHzCqk6GGnNKHA62qo4K9gifibHhCtzFpEn+NzK3HZ2w463nJUghCSYjFiyYCcfng3wLv0u2pjNr2UdjmElcewwqGY4rnLdGP8yTT0AhZ6UDhxQIT0M343352Fr7d6gruhWLbUCLMVbZs43bOiJBJ+o4oy9G0DpR74qFt8hM0BxH2qkNm+rKzuAOOPIJnVQdEqEOGeIx/x5Zk0ca+GFpzddAdOxzMBg8S5CXCrIGXTNCEqp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "w4XHDGIsLRYkY1evLnU3wVGkzeL37NkXd4Ygdb7dPqI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kUMyoEiUdWipm7Ja+qQ++6jNez9wM+LgWt6cdKlaCsbyZM6O1zWJIbEq6OA9os6b/xsMy1uTV1mwKudPGxY+w2WpMwye4ZzNTFJuh7Al1G4FNq3NxsdboQRGQmv08k5yRIqSPAHgdNH31FEoD5DAD78/EAI5aGCKqqX7aPWwGBFOi2vksy3O/innm3HRMJSf21kitQ+j7Pl4duUs7ciCj4C7Fsg7PitdJBaS01Jc5dWkYq8dys+uU/0A5lBqC+vbindBk7AgD+B2vSy4j97rMU7M5yIuJyHqwDeSBhh8OnpiP0tQanyWjkvm+gMtRp6RkATkFPkfKiT6PVWpATQDHscTA9QogQa7K3byG4mMFUNYM1gcqGXDkLIfu1Pt50jaoQth912VjeWFTBCbkGdd9WieAT+zotSb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "w5XOarLasf+CaOvzwIrJUxHyO5YpiZJpyjtS8i4CP34",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bSl0B3ZEivWVC7hRGV+0Z7scPTZ/e/dtSBMBXLso1MqN5xXiVMaFe4nPizuya+KmQcXQk2BxmcYYUQMunOkiciK3eWS1EzvyX/TpniffSH9u79c4tIWQQ61Vr8w6wJ0xhsf2nEtsqT8pl3TJf17zlcZaKF2J+9x+vblEceeKhovosL+DymoYUEKnBIY4dX6FLTGBxrvHtwbAD5dYE16SJ+B4JctVH6riWchIppW8QLv18tHIANrO9pXltZNVpRiZk6wBsePbkxhYl1G7v5X0TpzMatA9e9wpH8bBQHc7PAlVLc32aHO+o1zr9r83kcAaZPvDgboCwW9Nz3VH7MHRd7OGtzFkrkH/iYvaoX8Aj0qe0A5RIMDxotWgIfVCX4OwALWWevgS52SPUpneYSdiyK548c40K7k0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "w5y85EXxhFFb6TGxbWP3mBhHavz1JB0jT5U9hnUP9GU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6XC2VQvKbJzMZeI76jcQJyN5GVjQAqssvW5MlsSkIfifjDZAOZHgfO2M11qazEhV7BkYQx0j4y4K0P9speBI6/MbwyBxoH9v+iVGvWfFSOxzfWox3pjFlV+NFd62ZQTtgwoTXOe5QJbJYkyHcwWUw4GYwgvn+RShdRK9qaNC1TNMLHz9iPUoycBkRiJEavYjPvgEaur/mpNp+CTfgwKxGzERgGUssd5R6C6BrOg/9Lk+CGRfaIT7mZ9bQpyqTAaSeW+p+FxZzhN8Si4tLmKh1mLB1A4CePLZdRgjtQES6f2wdvUiptu/+AIq1fEGTIzYrVTe8CYYktkt4RhWcRVDdjfUnCJ88W6q0324d8n4F3Lu3SP2Hdbwu3jukTnGhKDSvwSJh4wJFMyV1fjvRUdC14ubYOTYkFX5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "w6Dv8Qq1E4Mj8XIV4DUuGMFJg4Ug3/KHmO/8qVRgVYA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tFa3dH0kkYeVjWlukosRFncWpFqDMWDsKOBCX3R1EjICy/nAgCjA+ups/xaeDbhISLgZqO5JzzsCAZh8Y9Dmy7RGzbzRmcoVNUZDk0UjE8Ln6NbbvKNrTaO4mrTdrzd+Qub86mFWOueBqXO1SSanY8UF7+I5kmtHvwO1pUnU11vV04AzeUHyfaforGLt2ZKUNpZQexzMhX1ksxlTITRApDtAsNwOfMrFRsJydj7oOudvYHcuODgeBstrlpwa7bvBFamjBPYrOCehXodfy/MLvuT0F9cuj81Nr2XMNzJCcrf4fnNvKw/NOTmJazC7IkZL1QOjTQ5tPCEZzhsUhXXyzm6EclbBVjVEvvnYwnWBoMuz1vjCPabiX5098FilGcMqC6yqSkreED3/yswSy9Gt5QILYK7ln4/l",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "w6U52/NhxovnbBO5ArVGZ1pIJ4EKLGD8G854df6L00Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B4Kqi4Ikwq7AdLzUqgRztMJd+7cdllnFhGsJ5e2D4sIa0qwgtVdxIVtbZJ3Q4JE2gpV1wWFAmOwu0NQkBk1TYPUhdXNzWqsE0A7mWIgYP1ih/YLrpaMqJfO1RWiirQn7KIDXHja8nzcNn75/7VvXJnRfScAPeWlIX49Xan5fknk1Jsu5++GsLmSSRPGWrOq65Y8PfQ/WEsNRHTjL5H6p+0eOKh6JZg9EWOpgbmOxIgn6CLcQoMrOtKozAXs/BP3uyaImE6GH/BzyK9LLxAUXLoc0aVEmmVaoj5DqW+ujHMktd2t+mdmIFPvTjNGY0CWHSiQeKSYDx6e5dqUJ2uV/Ay+AFLzjGcKyMCJdWGcuhT99sDDGz4delUV2uJ6m0taQDxSyeHCQNMSbf0HXwaANALKjWIqI5S0/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "w7PzEhB3Eyz5nlFAWjmMUrRMCprk1AYzQunuC213vto",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FIvO90FXknxNdAHEAPLOkQNcVTO5R41YfB8SUUgTZj+SBvNi9kr2Efb1JMFsximcWMnuCZw6M7FOUKdUK2OEDk5xc74gV45riHJo8lkdC8KCsybbwGAZDiHM96iVVU09P/qgy6oDMST1MLqIKjQxyNC2LwF4P0oYVtquOVY++rPi0oddjRr7d7Y7aDsw9NuIpw1YwqdCkGLe/ik6SbVnlFW6kYXvkXMxQCuc9NV8y/PKZjGHeSEmQys52Hr5M37oFkZuzlYLj+zuhTDR772gemgCADXNiubqxk+MxqKgV/JVBvOsIcZarAC+rag9Il2p9OybzGouw21/CwJx2rgtAf+COnK+eEcSy73ZPG86pfV61u0fng9IQFoBu9zqYGn3J/T5nXzvXA8uHtHetA5oRtFJ4oa35BmJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "w8jfzy+6dlIKyuscFOY35hgVhU3g7xMhLeEErlXYmWM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s51DH4junUZD0W+jbCaXz0HU30Qsm6AxwDxTKuUbj858a/VviDHKmRPE+vTjppgpDRm5WtFuiz/liUjPB54oYcEfDRDoPrOjSz3yliENs6rJZEnAz/+VmIpKSQvLYXwvspGRCDL7cM7GWqs3WXRE/Sl0NilqDGQKDabEXOog731Nf7r3cmDIIiJv6YQcBDj6JdPF31v8v7UO7ZhOVUNj/4K1fBrXkvwr/V/YxVElJa1/1Q3RMQdtgJ/RP78+t0ntxzfxiUvnpBo/nYZk6K7WpcVwa5EkHmV4Ht/CWLkDT+nCKsbRq+CDEsz4LBRVl1blv/irwVMTlEYPDOnnz84CiEn5xPCiFOiL8g96/eZU6RB5j1qH8dvUsu7BW7tSRmAFkk+/kaGdI9sPw24N5im38Kv27aPLyd5Q",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wBZ9vKl6AMf/grm6Qi/pIMbsYMhX+c8DsPgktir+vZk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0WS0v5cVSZ+b/u7ajrNsP7lxvMMg/TvtHHD9S0J7wYi6GDvgw2yAl6919LbEbavbxtpfAOpEw4OJ+CpluII8dbVeTueBIjQfX8leCsGWMe7LEQBWTBKoSexlQJpuxYszIftPb7a30WHFyagfIJK4G0rA8FFD0UR23WMiTb9siemqGOwCOKMUa6CmF1/6wQhewy8h/vY9t6TF4CrNMgGdqi9wKnt0arEXlm5h/q5qEEE/vH6HnFCPQKlMIjt8V4JxTEl2zhzHdz505iWZw25gc/rvC5eIwnPjhvsDSAKNNGsXq8t0B0coIngXHBnE3Q0RSZCRnXy2EYdvtHUsPXWjWZHE5l+3WAGQTzJZmnoaPUvVVXTIHYajXoJJzc29gRQQUUfy/vsan6ESuXt/DG0R5wP712ctgkZN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wE+AnF/uS1c1fl1/137g9NMA3vaRd2anUwM1h0rxiIo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JigRdLOtagv22H/EdC3sg4cvccnXykPDfE8z6aXQalxw3ltT1wPgL0x7Boyi+ER9H51KehqlOlwsEx2c/mKIvXip1ygj2zXthaVQPQQmC9+F4rre2io6mEG0VXHcs7Hw99F0zwJA2qx9zqbxTrwBIweWq8U2AdWOsugZaqBBITB5HgbXTXl6T3H6OzVoByFqYJUzJVZusBt/49DKVcxNV97MU+2YwtUK7bRq2EV9SEd/huBZktSdA+DhbGOlkdX+RUBKljHRtgyzlxCGeeK8OtzishnkiuOyXkvkn9xPpW9TxeuygGBqexuJ6HPKIYOylQjTTACREWTCSkMqm78zud33pxefEIr7FYKzj9hueZndLQhtDlf3wrDm6c1+2Srs9/S018uDTcAp6NjVRjL83Y70X6XETJM8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wE58SdpfTNcFc9yhxeh1ZhYtIGJ45neScj3eY6SVUjc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jnhdYT4IRWerDtJ7+VGSy5WUXgdSAQFqTCXRhACGM8XYQB/Qs9dAIXhJu5gSmVzHwMhW4rCdxqgZH/jNCtt9gI0OQdqWYhEFsh+kpFmBkgMZ8FcZSKVX76kU5szZt4QSIIrZiRhjlMyQOo1iSlMt/SmIuPAJlETZmcMgh3QmueEn41+6/LslqG63W836kvYTI2r9eXJ5A4saXa3VedFQHDvIen4INCQCqudfnHUj8EBfLUZ9WuQBD/IwrrNOBG59X3rU/xAjtbsbkBF73uxW6btObKCWpMVZ1gPN3VqxsSeM0VQttY2P7KOuwCSBT4/TjgI+orwR9pLJvyrAKQXOKxQLULgRu4ZFX/KykLUGR6tVzPTuH63nENNCShCAzqD5/ZMO/qDVlLSsKiXHe5oEHwmO3ucb7bPZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wEKNEoYM2/zqFOiQ2rVI7BehdZRBNjkQ+4/O7p4n1xE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gVfObLmeZdf5dZa92a2O1fdcOdPRg/vaPOyMsbD/EFkWmcUmoQIWL/CQZ4Q99yT9n7Sp/5JjwAPAwt+TXkhVtlgJtIIjUun/VTU+AP9g8hB+iL4UOeUnZ02UmdcXXZDcSZwANvPNomgF2jtaAasFTCZJlh3JSP2bVayiIFUguDOzeGj5DXhS4JwEH/tKyFN3A6YZDi6T6dbbhI5f8jAhtkYM21hmLM1kNShPYsPKzhIx87JHbJjwqcowGVRwQvsClggwtJNjQGGYdKYT1xU7OGs9fCUZK7LqtACgkqseCtsY2F/3IGb6tLmrLcWvKvmHcCc+DSHKV+H7rvJRpVBsO77Rz+peE3YyREeDB0GdwPtYppybK+m9FJUqFCNauuGScj4aTeQrQVenPLQ2QcnoLq4Qe1A97Nds",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wEfNI2K2wbX+Rx2PZL70u/07DEi0z4iBTPAJAD+68v8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vF0ob6ATuasRE6p4eqSflrdane+7bfgtRYjJWL/rwzl4U2gjnyQ7Gtb29qnp5rSlPP9d5pb0ADu5YBMBSSU6Z5J7wqQoI6v15Z9VFormaz3kurzSWLjhSvjGqAMKUEes0qWw5Ghi8rHYSacTyXlw1LSqvLyRESaMyr9U8zyr8yb6gNkTtRxyapRolB2+Lr9kITEMQZoivSU5IVSRldpBur7YQXJB9P4W9bg/itMzxdvAmLtg3ELzLxbtjjR4LCWNIdfvv+G27l+WcrRZukbtlr/83dkRhfWELccAz8sGKBnIvj897e9GSJfapY+5nlAOMjmu9OxIW52zGuch93h5Js/svot2Ahp5SyYNZ0UlVAQyupTVqmfNw77ESrTlL2Ir8YyrLpHBzN6F0c2F7wpkqq8nCtlnfglP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wFbEeA+/RQl98DO+RcsgAF3KcvE70c/cFbs2H4WhJKE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WA0rC8YgzaHfB5scDbossWer6yMcKa508GYK0410z6K8fFJgKgCxHEx8VVokDaxcQxjAcQ7qTk+PS2nxmOtRrhKDpoRHbvjBr9iiDDUvA9dYp0NHNH714yh7t8dWM9sm70xtIEdi2HXT3QRhoPIrf7fhxuSAdFWVjMiqB4xnIHjKVA+tBgMCTTEODMBFavH4FWehax0E65Ezu9oYvBC5si5688kV8FeyvlL1Mcxzb0CNXL9M31E2QiLmi7ycXFlEeiVwWXskVZZIQnsil+0ndhu+voNyVo3GeJ5bZHLi0ty215Rab1ymTyqo9kZZvZ6vj+sLfwpYp5NUOp/z4wZq2kpdnV6nzKpJ527WSYHkBcpEPjWrLKF8nyibuC2mmWEfuBuy1LzJkL+oNxBsuDp6okoTtkNZlArt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wFlfosHpyEKTklNDGiJyhkhTmpb9VluyrkBM0upEt6A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "inwEdAY1wPX77qNF9tzj31T4fCXvez0iQ4j6MBKhrxmUQdZxB27m/7QwPx+NgGnprA3iVUM17bXFHwOdmUlVEV9b6cnr/MnwK3a/FLLBSq+5KoutJm7gbxbMnUHOZYnZIgCvBHQjqeY0WyrY88OIC5anvXkj1Jv08W30JdhSmHvAf2H+KLu98kk9RbCnujIrkC+K1Wr+lSP2GNU+VUK1ZiPibAovEivuRH4CXxIC/sWsAj3dEINC5pRE+syCEixs3alUSL6wUKOb2muO7tzP/Z6S26d2p7EzQ/tiIeRib7c4HMTN9bjkbTf3O9HiuaHDEBaSisMzVyDFRvvEFhLJQz9w72FuMqMBuCvqq2VInX5K+aZHJziFIGrBY7sLLF2Q1K4CuNogIoRAs0pIa7ap+P30ZTQw3NMm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wH0JWTfz6S5tdqAuRu48hyM3adxyiBIRbr5aXqNwlkY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m38HURLlZB1OT4IXCcUfvoOE7hfORYTvI2oGpTrtx6kgz46p7RTHBWjzfWz53sWrfHSyjH9nQPutO77JfrVBxJ3XGsUkioUXxIxN+BPxcHqwZoOq5HWx4VVvCMkmm723tiGdDP2e2GcImfCT4nNBEybphwuHOKAtIBw9xOysG2RwnSoqDd4upCJ1BfdpVAlKWf63ojHhdh+9+COgdDgNpWIQogHbl4AEvpOhV94+q2n9jk3xOkLXWiADh1zsKsE1AVscNfOlKHitQHR00QecyjpkVT3jRvX8gd9DPbqSdHQ7F/GPChz0Qe/faNmPk5V6Kom8UIY0V6DsHbKtEcwnT/HFDFrllwOh1uTkXLmFGUajzEGu/P9o7wb02Q/FlHgtnXVoapjLIWBl8u3PzNm8kY9PXpBLZkT0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wIivBYyCO6mXAkkHftsOs7oeLbis26VihwddZ+kZM2Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QZdRb9RyOcxvrAqP443ImbzCs2Gv1qzdbXUkChbBEBOLMn0D5mxXOM0vj0jSP4ubk3SsdVj/qr5a/HS0o7FtHnFXMJ2OMb3+gnF5G8Vob4KEJG9E3CyhdRwWdrWNbLcWF1Yi4p0+Q/Gj38dzLLVvfwnWU0sA1+hvC0gCjFxuz0F9nq/aluoLlyhBH5nkVCHlcGfN5AAlKpBFjRr4uyArxaEcPqOZzLWRcjLmGe3xtw9NFci6VOmjgtLPVWJypPmIMcdXxFZ6HoVdBt6dz4/T0r5JI8Cz9ezc/RSdz+1CMiLy6cuLLPrDNOKenhR2iSaphqy4aVF9L9LDAbiehw7kWn6+hqPnzyMxKACVsOEfE7D7UQOR0MfxpErmTDW+yWmzV6b0eUY/vaL5cEs2SsVPVJa69BpGbOZN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wKHLFLwWZasw1Qvbkmc0BUVo54iQPLCo1XKb0cORW0M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WHgojUFeodY72WRw7iIDFJiAkyULpYEBtjceEuK8w+5Ii6FkWlmc68zp9MUTveOdE/gc2c5fCjb1lEoNZ5UJcKV0pAz/zHhzoHEynGSkLNoa4Kp1MDuvb9QQSoEDHlRD/qOoVoSeUjDPHvz9XIspZb6v6KKPKJNBpleCxX9KDjSIn8BXBHLIF7rH8N/sf3ok56oCoFVCQIuSkFreY2s744SJJF97VD7vz/bIpAUCxbjehxmU2oltdhCZ++WdJEfAz/dRYPr/pA3L5ZbnmO8mI5R4v4yhoDRZTXFoYruSiNoiNKLipPjHU1WZlWvpk/AlSEKtGDaq08MlaMxa3XqZi91oitRe4dGmBfPwFJHkfcXmSpkhM0JYaa2aVxbKuzz2xfTFdi4ymaiCy6IXV0eDy5tgZiwxcbjP",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wM3btfyR+Wssf/6a/weJmkAI9xedtZUiO3FaxlyAA+0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SoPIOBUFfHJ7UbTvl1OqKJUy4krC8Wfgd2S7atet7zeTqfV6o3lRTHLaUGR9G36AV4IwW0roOZO7P3ZFYbZAN1BcP2iEQExV6EB8eZ1WIG5k0+dsS+PMc7uG2Fpcjrs35YqvzpY/tkHCCJ3MbrIgmwr+rhlWyYDuLCRUySQzgQ31R0ObV/yCVlK3pign8mwGDBb69PzbIt6KxZXCshSeRmOYZ8UkiXlfIPqv9JhEZCIbzFqAfHyfqYu/C5p1Zrw7zIYEfqy3KkTTIueP2JjYdqpiSGu1IGzmmDfrwKJ8Tul3gEBwlFklsJsIN2vm04jUbhZBJ5TkWQjlDYHwQFPHWdLBmsGcnQqaY3tV4vxksxIbY5bQkrgT7Nx3rnhjbWUKEOY4AK6b18ntgGPZMTORkreiMpmN5fXE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wMqrawBfTCjjBGSXJXuLzx7OH59PydODym66uVL+pxE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xYnfBvZBBXNmjVtl3DHnVZ/QXatvPg7Xh9/VPE2znBBdtLmcXr4iZ/Y68mUVB7tpo2/zrJ7nRwLHDZ1Uu0PL57Tr95+kTlMzxPJXzJc/yEAQNb6ALKjprRe1bjjqeixGPFOvgcDnckkAad+X7oBblQR58GNRk0qXQPlDEf5dFj2CCyCZFSi2Kny+SRH8pwvBY7mp0vxFv3h57xwjY96On6DjonZSwHDxlVT5HGNUt9aK2wpgUK+do9cJ5YzhsrEldgck8YJdDW+gcpyAQ0Mjzv0IKMUghbFkt9xufhmW/LlCnmFC+EqRg4NNzAQyt5OU6ltErdPYuH/2bV0X6xqO0jcEamK9g+QDPM+dLonYeO3Mu+mO/NZwuwFjfMqbgGYaf+uUenHMcWoFIfwbtB9Ybd1UjESJJGvV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wQgKo9BmVGt48FzKLo4MjOqBWRXPBIOtWWOSfvZfyfQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8kuOmHgrIzxNC3uQdJwZ5jdy9ZplX3qOXFfWXNODtcENNCGh/8lZQqvlCAsM0s1Ny3vlRt2VkMfmIssFxtoVDF9tSI6v5GApERrBDQ27RP4/IUdb4bL8pr7wotdbI6WzHndVH/apLxRSETfSzd9e61XdcFaW/dn+1HgUtuTZzD+Ep5MVRlfIl65YGcwsAflPqbmDbCF8wSnJ6ZjJzzfp2mK8CIe6m8u0dpEfsJ4UGHmQdS9RB8C9LpQ4FhMvNHy3zG0482x24sBFCDAHHxsZcCBu8SwXXI8nSeO8Lw2VT/+eAFQXdHEEBQofqHcTPiG/TMMiWaXZMjZ71eEDHSjXJtbfUg9pPzWbqSh0COwfvack1b3YbKeXs5oOEPaE4RepgKxzVX/cfCDC6nledIF+oe9qurO1H9t9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wRIS+Ui1njx1OZY9hBWEddjHplH4bDJyQ4u2F8q/yhY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zd4eAmOxYmnAFHcqEsXkzneGby5+qKL/1UQ8lMZFjeym3qTIypEYfGAad6Rl0h6fr3I+RSK4GaXrBQtUblm/q9NCxrvf5LHLbj7iQNO1vSz+UXRGWrXkAm0ZbnEcsyE1ABMiS66tlggInVTpqKg/Iqjwpgaoxxg0l0ajy9LdKqKNC1+Z4HZCcd45WYP4nqKUVOY0C01nL/unB+E16vggIuECav9vRZEXjenA92cTPbj5uuf5NxpYe0BSIKNIxcAKHRXI05ReadONNNo4ekNhnmMUh6ikua4hG4xGntPVsulTRtohMEiDzQi6pkuOxeL6Uma+Tsm0AqJZlrrWz0HBNQGtkNvpv0CCmwvLHnuxHj1pYLlNjzGf889p9JQ57OrclaF36TUS7JMDPlpBHxUrrkX1RDck70vl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wTs/9vcbl4OPd0UNiQ0vIcg6AbpRZEqGnExpUH6T/OU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6H2GROxNnK6u3ORTEtc1+9n6jziZnDdWoK2/GUVZepfruoUCgvIfjSNbE3jlOqir5hPtW6bY7ERGkDMIIArESrecJvr5weq9LE9MX7Ach8xD4a+D+TQaTyvoR2ZWM6Bo/EfQtINb/Nx3bGK2RlMiK4agYWxeFRDEGeztgYicQE6PULSNsAI7cdiZwebMiA0Vr+k09E5FTtCwoRSrG+xCobDF4iOrpENs1viUIWnihCaj1IwIJiBs0R5LLTC1dX5JBm7+uoH1bCza9N2a6WOwCu8i3Yn6GuBzW3bYt7y69Vx7hllq7oAtq0WHRYelLCbdGu0NTXUUa2Z2q43T/vYQ0LDp+R+QbYalzxp0pgkqBWC9sG+DX2jJwI8bsgpPHuUK7AZZPCl5kgc0k4L4t9byoxE9YBcDANvg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wTyvgBeR2Vz0h39rVoQOSFRTMuze1dgcJLn/Q7TusKo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KiE69V8Z8qDnwpLGyqUs0dCu95f1HF+6+c5DsZjprgexiZE4HJyGH+ETOIjljFtsDFxFpV8RWXFaNff79xyuXxlarba+vYqe4zFKJqaQs73mJ4Y2CmSxg0wvDGuXe7bvwd0f6IUN11dDDYUxWazZOuwS+l8XhR3Utjyu5M3fZjgrQ8mGLO21Mci7dF/vdu9N/GFcLmrGS87Sehe84LkofWlIefFr7IS9/d40/LyxAYFqoalc+8pVsLFv98AGEC0K92kLWc0FYCpeCsFcgG1LBpBOIexHW5wx6NF7yS/pywAJs3rYkX42CPQlVut0Ons12YXF1Unj28V/1ni7bB8vP3FpD0G10xOZmyU+UPvsIcchJWqq5LaXmjLPa5zEdmMIa3HPVIFEAIgmw/yFjpsExpI0tMhRiuY5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wUpHl9G5f4g7cLTHDpRaTt096cJTBbF8EpRIspcGPkE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NAmpnaD4xNA3EhbkR14KwhehMmqLaNSIBzKzDTULsoBQwMCT8YSW67/hGT7wADySuPMV0hX+qlof0I5vMh/iqgthe7D/41gs1/3vphzjGFXAIQDHVkF9gEvfskuI+53pmeuezoRACELSW1ClmvGjK3XzCfLxzDUshGzROY8xrsMhS2Mdk2Yzc8At9OGJMNcXv0/qqp/ZVNf7S0lY84U4SJbWP2lYZ0uf7GWQ4qXWM6kpxM8IaI1Ktp0wxcVLZhuguKyAtYSOJ8Mm6lxMt/yr5zBSRLUtT+Af20lHfb+c4D746myCDaDJquqPo/i8pZKDmkzINWQtGiviq26Y0nCh/SYGhBoMuwbTAeiK48pvRhWQHO8hv1Yzxb6vepXkse5nQ47pgfwzztczWNLCXJvR1EPDA/Or4obn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wV3LB93tGpsNUTEEIenMlhomRjR9zBaTEQ2PIuJo+Ok",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Tk8679DUhzGxn8fLAU6rOuncCMfG3HlrDnpnikZD1UpPi9eXmBKw/wHzygVuQqMRRdYsV1ZiJAvdKTEmRVsWUnt6Ugbg880C39jjUYHyXWib+jAlPDqViBkdVVm9NRYAYx4YE/VQMQdUo+Z9pQVr4f/NN4NY4yjAaacCBcqZeMbhKGXK5rc8Zm4EG4I+gHIGcfAGV0NYx5aFCq7rhEqaF7OjjzY3s/BkGebTNcbcsw1K3DXSH9FdXmGnNLZASVlMqWfIQd6Zcu3uDvmex0dPWOl96iJ4qQvXIvFOmE3arx3SjgSyfOQnFUIrvE4v3ci5oAJcZNWKcfuie869JTSGXih2Gdau8OEvfGYp12WZHkkBsp6W3T3rKj6naL7xe3SX4+7QxrGTfnuh0sjYNkKzoYPxk1qMFBuS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wVFMPEFF9B43elV8dbM7+oU7Uq56WmQGS6KryhAdbeE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0lul7Q6QKbAIqtSEw6qkRsV2Rf2Bpfis4P64dpo9mlwJ+DX2X7Vkp7lcp+8wAYIkQl5PCcW6Pt3mWI0fjMF4S/A0kqYad0aUEPgXxQ8A5ahdYzYzNwqOom9uBD9VMe//6gvMDY6kLRBvykn+JnSkpnh8G4nSZkSsH0G+/YWwqezHJYxwOHym2PPAgdc5nxwwYc0FnYC839uIwKP0N6XoQ+Pt+izCe4DGRvOnvvhUaG+priuw3AEUXPBQAQspIexuliO5vCsZl+onhIjeD6iVQFFh6mdL7q1wUdaKY/BDJ1GtaZyc9pqBy/xRNK755Dpc3L1ypVBUUc9WO7uElO7GMu/KG/sU5IuqCKfj1Ek027ZR+hNCj4f4ucsvPL7MAQUQclPzfKIZaDx0dyTwNGUdSYKQDcPMvS2d",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wVRQ24Vnnfd4rOz97g7k1s+NlITYPzaK4cvEc7CPs3w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ncymotCGXF4JVxCImz3q7UZx70H7RbAmwbNfn+MU14VKbwXtsoxNrBsXDoZfWqxnu/1Udr1AUutCC14javvY5NAmUM21qaAtUK5LQ3JrWQ3Lglvu/CpGuUyAjRqI28skAk7bz/v5T6ZL0/RVUdzmPwkrtPboin09IkjPnibJ5q74rWbB7MiDIX/xYiXSChJ/hXO3QvbaQXeBBThoHzFOX3tQsvGIKnlQ1tRhXFhU4VCzYJw26SMqFX2fw2hRUy9UuaypHZhA2n9BoDuofA9cVaOfFj5UYT9RLgc+fnpuLeOkjbLLeCwgKrvohan8V01/9b662rOldYgRCwCSDn/YcCBU/NM4B5Gz+nIDHZTohI8tP3tAWnAhfPTxPNVsvF1UwQEus5NNGLizz00rgtXX2hIyLglyokTe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wVX0rMDIcawtRfnZ4YJXJeW6GxtSi5lq9JAvFrNCrSg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9QgeKrGOTniDOXZO24x4D7s24It0+qOIA0hYVSaw6FagfdH9pNRCPfPz9+nD7t88VkA4qhrxy5B5sVR0Te4D6YuBz6aXmYYjVFYfBKGjN/Y2f7LH8Hy8ocVv+OSVoB/AbxWEDo5rKUh9twBwVqaxYm8Y/rmgtKo6N4l5ZQJXkcvHKsnun2V5Ygi+lNb0ga1PQ+o7wuHpEvcXzToUba7/g0vDzAHUjCWHWiu6ZDY8G+5VMGomuA4PYj2psA25WTtjrnVK3XYWqlWP3j2A7Q0S1tMKiLjcUqyDsV2rmL1t/rJixYZ3FRw+qyh08Vj5IJCIGK99myRQKsmBfNH/LodRpByN1dQmGWa++clOrC2PHs14H+HhxFabVwYuP68XeNtI8M5u+G/+ehI8k8P1sYUpe6sc1LZ0r5IH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wXN8ch4nq9Q8w7axVE3PUhVyoPtsK/eat9v0IkKISGA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "USZLud49EvCTnp2hKVpx6xY2FwMRZwu1YWnGDr3F2XAcOozvDNTPmGn9Yi+RP2f2I/b1lbMmflvkMmUrG0EOzu/CFdfBcm3W39jSGFcSgA4sfsIvobr8ryCfeGZQkOij85OOUrPXuTauxtQp8vnHuvQNInqGd2lm2ZxjLX7BDj59/jNGot/jD2wcpOgqdwX5p85hIw5oiL491wCKyw13DKYUlEiBtidvvjuX+oTFqgZeQlO0Om/ygRubpYW6eZkZpUK/x5CNGA559OM9dDD47RF4ZJNpy9MhbcHi449LQwKHvvQzS45EKYcSnWDY6WTlUOc6fa2/TXh2deWPJUqB1ITXM9J7aGUvmxFbdbPeD2Cfv98D6GnA0NZc/Zuthnk5DdyWCpV82Aa7Rv4MwQ3A8juiOrAM1U+S",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wZ/moN4YTz/niwsJwuxP/CF16XvqnKhQPpguJOUlIdg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dhCkioe6ALYAAo2H+7rz7x4XwbsIpQp1majiwh4dHFivSy6Vfscyu8tPw9ta7mlwqn7dkWbpth1T2l30l1PHcp1tnKK9Qd8DmVN4yWtSnhPNGY0Zp4j306YIFB/i9NkZEFWJScHPv/m0B6exOFAMm7NN+krmft3CD6+Uj2msMCfmozo4t9R0PU/QhC390B1jomO0SHVru3+oTtvrrjKCwCF0r3cwEI6+OIB8xSrZ7Jdqp5RTnZDjc/fGf/nKbxMb/w3a3OGRk2kIll63Vz48bfUOTy/1lNXaqBP6L24vsgpjtr4bRBHXL/SjLmGcI9asgZRQpwdIemd3Lb/qOO26HLtuFNZo4m3M2wG+vcdj04Wjtzgs7qmi9aSrswdGUr9BTfetnD7D3p9TVF9QSdSHwM9V08HhaTRQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wZEBSEcK67E3JPtY7AFzetCE1lMbTOwaSiirkcE1Y64",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YuE16rSOhVTPEi7oWERXNVioyzDo3tDhaJkAU8ihlIZL8xDc7EcX6KTgAq9pKSpK/d3FHcjTvRgpGwQoWS9EPgZsVb/OX+TOh4SaBN5Jb5ekjiI9mgnPPJfr5UGSRslGicGcxG8oVXOPAtuj/HQpz7PRxYY2MY5fexyg0tS4VkBW5Hyg7UfTtets3irybz73F47BOHDYG7JxMx6zuNAxPsGUOrwAGgnFoe2NHp30Jt/viTb1r3p28AJVaWJpPMG98cg3oy75QsFa872tIqM5xAiabkUHDu21VlSvYYAXY+0G4pDbAjrXf+GzH0e3Tyhq85l2TelFa5DWQSiYTNuK8pJIdo29i72eqyTX/Yw4lG3lw4w/y+px6F6I6OeRNkRsu4SSxzvzA02ofwCbg1AXdXBf/pEvboyi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "waJXYJam3w2BoVIrCDehKyqZt+XBdvjEY382DR4C2Fg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "N46SSTzy968etXBEeMVUgfJqvOJuY1b2E+s2PQGcBarW1/QoIxfzD7ldMRxQ2KP2YofKx7iu5gePb7/jorESewMsP+HchLUeimEIobZDRvHX08IZmL54Rm4nz2F3PEWtI0sheruv5MkIO9OFdVZltTPBQ4yJpMY4DQ9yJdMLNx6avKnDikT4V4ZlTwaGlGrASacxHA6mfg+yJC40WtO7N9HycLERhyFaGXbdfcDAzk6rq+PAY/Qlbzc8IXe9Q/Vo87z/tOBD5z8CUCCv/7ed9gwoji4XOw2iE+L2PF3LGDCpdK9LW0X1pSzg+MQWPGdXNjT3vroqc7EKG5doXlXj4T9OQAv5dEM/hjTiYyiQLfyk3UyTphgPyknAEtcMpcSTOHXJv+73PjgnfRmM9n+gyr41t7tRnF1a",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "waLSpwanbxx3r6ynu4LvFwW+XWQFGYwJNjw8rELe7Gs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "d5gkgl3XSPcTzufN9r06/uCgqvecT81Q/LEfErxbm2qeYhW2z3eMLbaSqgrR4f8SFxU6UzT4LGFFT9nApxZwVD+BYUvfrZxMD2LaRprIU4LqpZGw9oBFqXT6ufoXAlHd0Eg8AqTruyd2oin7k6gqTHPyXDWG8U3zAsmlB/zIBIjpy1INSclem2Sparyp4N90ZOmzsZQEeRqHW6G6+JofAd+ke2PpmYnXhR2ynfGNGuDPfG+nrnOlHCD0ISslZyGt3Zp7LwXfsPbiiD1Ccpd137Y6HprHNpa7+M28tonciypncH70gxJ6lmYQPWUilo5gNuQ9OAI3adihdS2IJ8EdI/BBpDFww3zxTiOSwwMm+L9K3AkC9m3/HVEj0ppK/XfKDFyL3xd5Td63HsZfUgGH1n7pG+HBo/rR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wbBxvy/gve0pD6WIEqmBMqfVoWLXMEt+6XrAseBrK2Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B09oRMv0l2vQtF3EIjk5Oy0U3T0S5fDSXxtR1uOJarXHCA/M5KKc8DBDvQ3DuWieDfGxkDXx4d4sB+uUR2fya99eRPer5Z9IN6LcksHOFNx76+xU4BZtcIrNQ0mgQqQNAm+n9YGkcQMdB9Xw7L4MScGQ2K4mEqcHW+b77Ip776k5Q7ZXtqDDHl0qf4tDPBXBWL397otfTBdeFzICn5Z19iAivB0FrCFrmgnYJVWDSKOaWGRiN8sZqNEhTlPkJ8fpO6GvyJzMbuMDWeNw6WZkUhzLx8WCfCuyoLjsBX+JS1fqeJNSLLWMHtbL5qEsaTnmWNTpqz+eyf8yMaT4HieB8dfENCjhLdRROn3fbSPry3eo8DlkbhtFb6XCZ4is1NLoiiHVsMErMVhckQLN5MMxEzrjJTrf+d8i",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wbmvXpFeaQwAAzbcejVOvh2wVOq6Z8HRXriz/SLJaVc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ruwk4vjD3gQpJenN1TgiGG394nlVcO4lu8rk4dEi8Mqs2Ue8bMO0ELSwVKmtch/0+EZTioq/6yJTLXGq/liqK6zw1nTzxbN8jA5brFv7lrUfRbs+ikat3LSHe9a6yQuIl+D2Zojo1pAx74qMvrRUjvmhjI1Z5RGhRJuL5OZee+2dvPjR2pSiFTAfs5FOGlKbWrddsoGyEA1N+E0C3HOqHPu2ERAfwV2RvoYCahp8D4e0qqBx58zWHa1lKyegLSSIMXjEbNXKKHxs3sRVb8os1zzUprV93VyersZEvW4i8Sj1hiyHODkXrhJBuCwRYo97q7IQHQjNkn+S5LjX/pUENDCa9d6JDgY7UM4TQkU4yr/apGoXWn67WVx9RZHy/AdVwIk2CIeYi+/fP8o7Hg6g5DeuoEZQnOL+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wbr+9XpDyplSlIpcuRkRwoaIRVYqpCahs2QaKP6QKso",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7NoM2DT865CvuHxjBtq7La9NFFn8dun0GS+aP6eN5zrVKuO8MWe6ZIPqj8RZgjy+PAvhrGLqCmgfhAATmnN3xLeL8F+ClUpCSLKilHx83BOqeLFPf+RAFPIJQdOB2zF9OatX0vwrREfOOj7kw0pwm7iLoEuJ+lzqlMN+DHlMH3I+pqBC0o3WLGUHLGvAQDK7/NqpghY8a5qCOe22uSB/gGhSJbOq5957/Ds38Hba4xmKrXIge6Gnnh6VMGb/j5a1A4n+lhv76Cl2QuIuUD0RkMkcVc76yMg1jn2qA++LwMpeD2CPVbgmCAzrV9Adh8qF3INksgeePrjXpctbISDCINxUOEuIoRDlXfsRLi2p1FHf7CYcNXMhJLsAqILdkvXEUPjBKcDmdEcoU94JNP594cGeGlV6v/GI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wc+LQuF2kIzj2eMbiw1SjjNZioosr2Qx4nIWcd4cObQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Lrxq0KnJUi/GMLKESAWopc39j5OkUtEYGNhA4dLjIlWsymwT3sxG/zDPL6hdd+GJa/QcnvGv+gMw3gOonEMuNUJFXFFuh4eYiBT1RHkqp3+AamVPosTfn7xw80f+Q46vG78dJLv5qUX1+CVxU20Q3cRKAlGUGyRlQ6z8hOeqTmPLxhYeWNwp4zwnTlCaLdrvYf6jHvbNT7RkTner5lvKe/dhPaa93uK4QsHNKGqZagfxwLcEPzSVKX77IKg/qzEXjK1/PyGuS1ACqkQknIfe0F3IA79hIFsGk8L7FhxzpygSL4c5S+lie24vEXtli8skV8msWCHFfPgwdseD/2npaHejFWY4ZAsb1cNsbOFKm0xz3kFW9ZOqqufi8ERAzMS4Bei+JwsWcIq5vesjnMr/AlZAr4bnIqag",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wdoio+JPHgbhh1IQrafbdlEYZkSdbJUZ2nf7Az+SZno",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f1AJEgFTitwSBWoSYqHLz+nxsFK+Rf4BfjBowBNjM54zaR4YrcEuo540cyrMHSXUPRkFX5lAy8mzK7LMRDNgO9e2YgTuyROUB3E1AXRZ3aizKFXPJZUr3+VKruvRK0y+WCejaAfnH8XX+Xcfv4Qy9kmbgbRXV9opXFv74LoRy3ZDJe6sWsuNEo/1ORBHqYYhAf6iRHlFJFfcV/3tE+PnyiqKTe/sB8Wv842LtC/t8U/RelZg2aiZKnF46G+I2V6Usx5Yu9fdnz+QGa3ZO7fFIKiLnAxCdXVI+dXwr+NsLGp8WgKKjUFxQjQdWz3hyZ5QexOcxCLwPsEyPAq9IZrNB9GgnEYzb2RvUP+zH6hwAGTmcon1Q+kRz5Gl4+C+bwEImfeYnDwO47794ukWUSVayVo4ITPW7MWD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wesg+O7qN8R3CAOaMyG4wV6ubgS9fsWEf01NkIWJLlc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CdX2FBXlTXYqYyRE1/IBvrB/19Ad3FyKsuPwqPDlYx5Vav7otaanpasF/nh5ltgFZKItvL+nq7rdQUJehL8cBytYSbsWWhxb0Bd0xGKCVfZYFSxeK7rI0NsyEOiSlxbJPc4AMt9pd0gwxPBtrpBxY+iXeqn+gSGdkS070vlzJu2zrMLlm45WIkuiZtoUQuEqeeODvhViA+MUSMdOeJGvJNdbzwBKdftZJXGeujBTZPZSm5NpSGJ+6fmt8BitF7dRagONBmHMwlFyeu9OGZ57jMavSDOY2kTFQ0Udo26VfoGmUmhHW+DizUo7EwrfL9cnS6ecWkWQN9uByh9IEhoMJVgAybS4zezEojQTbiNe7tWwsxrSFRe99CsUQSuc2gmA1NQqrUABGsB0oCSo03ibor7isTTN2Cwb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wfCtMcrLKFX0V9urP0Ym+rJ/CHbAwATA9Tr/30heQnU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0bzsVbhV9Eue+AeLHqGDc84aPZyunKFQU1pLJomzJIyBJwVCjAwgf25tg5HSBBdkp86NPL6AkRX9YXY0b/1oCXqVJrFo1+k0gxtIcIlGos5FnwrMr+3xeDCXAXMenHFLNDh6EWSEaGF6buWVWp734ADUF3RQl4ZsfykVR7XXGcvl5UVoTZoq7oXY/pjO4QvXRkTH1RmbyktyiOnqjfPwjrRwiPtNgOihz5qE4o0ta9ZoBvk3D6rf8t4d5Zall3Pf04z1Q4ydni2Nk6Id4Fmhlnh8mLC+qA3MNhgu9yLUuEkNp8KXyFmDcGBqaF8flPGPWS/+b2jgi9g1rKUykLRY8IkkeyEZXKCZrTU41Sh42ma/vcx/39Ukm80KLLly+HyvFDly4nBYZzEFgjFYcMHESDE6+nOC3bzg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wgOSoGFAOecu4d+kAXBThExWTLpYYB9JzqpukzCrECs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hqxxdZL1NnfdXEP2x9JtkC1xuAo1jbZI8ajjNfRwW/s6u5RDnYNKdgRRkzoqsd04HvOH8gK0g/9uLv7JPWfOqTcY3Xw5Jg28wIydGlGTxSxelOY7oZlp8reGe9+IzFcWPYgc3joK9Dw7Dq6wroKMRvkRzk7vBgNEdYTe81FzNVqDoWmNmO/7Jhr+os3vZBESPpG60biY4oypt8ZWPGA+W+MBEKuN3S1RqIj54uXvw7D5FSuJdv8bVmgVI2j2fSo50KiHz+Rp1bX5fBSZCXONySN5RLH2SFJUEMz1icWHZQtdHVr+xd1DrN0NLDeFEZ6NyQpKwnBPKrIX8s8uHJ8ezkLOPNHLjM6S+QZQzWXM0l818TMm19xm6S3BNZfpiGjcFd6h08PxbNAaA+L5B8KQuyBxvC9Boxlp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wgWhtUIe7sGo6eWPAF2tVIiXjXBHPbszFTsIig1vOxc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VmQARg0vYNZeH2ONUmRAt1CeE9C9EPZG6W1JLojPSyW3WRjBGTISwglRsqBD1lHlPzisV6nAcWKpcC4SkKcf8xfAsPUeLiPKrBwUOF2DToAsoeDMhYC0u3hIcVBOn2AXvi+ITDwnnyrv4DlEoU+/5kkqGmWY6955tMRPo6oF0J19PSDNi1T//XKoy+BEMCtPX2enZmUR0nd9ZBtAg01QlhtLE7fjSR6n/hTW4Js50rEQ/60p/wlE/Cp8V1cw5NnX2k+BAuvay64uWsUIY4TVral8dVBbJd0Tb+npOOito5PYERknWOjPl+46JsYxuYsvGc9SprxpAihaC8EcdCgLDaENDRZu4/N1ED8XZUgNuiq45o7zX06akQJtnMwVT1pwIkd/uMPRSVph1XWOj0JIsTP3StITO/NB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wgk0YbnJrr7xjv63rf8Ikw+pzvCkKQt54xzAs1MRIYk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FALy+6nDnGUyiBtp+W6Il5rCTGRE8BZfb2F07JVhDhsOol1iNdj11YtYbbChB06uzf/EycRqqh/HV5A1eihr4c61dbmUOp36nlaeYxJTXE/PSAcmIJXN/KBssH3M91J8AFPrJZdMzHWTffT8yNIXIOstYjAAMwLk8fycrLXIzf+6FEELWyUuD8pUYBj1PUajNCynYYqDW0exi61TirFTCOWq0VT1vFotbtjVG+H0/OyIFUalKOAjpCuCn1f2uxEV+2oedfDUIQUuFh++1QYHn+hzXKnTGXMiBUGwiHNud0yKRxfXIP9BcK5OpIw4PM2TnmvgNtRyjRfTDNB0S3oYr8YYH+AuQ+SOK0+rchS6SoK5krN4AuhlZdFLFXY5xiJPtQSDy+vIT1PftGHCBdDz2dUpEXkd36fw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "whFZbwLfpDP6cwwwwjxpmSLmZ1508+OKd4zDIXhLo58",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mf7p6JQr/XblHpWNyz1v0uF6e4fB/ceyu03CjZqTe0t0K1cz/WCVgbqJBZLucCDqA3aDzXA3ddZ3zFT1b9qu1jl483u1AQf6o9F4En6yUhabAyMxshGHRdsW1z2mJe29VZe3i5pqUDPSoTlMqx2rsqHo2sORAcqp6CXxqUknTba3Pt5qbZgiYxkmb4U8WaXGSok/IOoscEhzmPPi90ydVieTwHqrHFmWl4V7Ni7EV3+ntc8zjM7KnaqmwrgWfIYNgWEKHgTQirTS6/X35qm3/LLZilWHhOfU8ACVe2wq5TUaEJ/L7pIfk02RXFDaDC2ogN2T15ZrsgIK8LrS3eQlw+b2//Mt3C9K+BWBwJ+GvixT10W9u2rWOVb28Lx7xoyr25t9Y5r30b9DrH0gvaU6dn8I5eH4yhx6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "whWvN5FaqNRdAGvE7g+RFBFLtijlOqgiUoCllqDPX5c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zBRVXR3QbpZrD3JK0Qwem8K1Oj1ilzQFfV3QPQTaH8ksk8dtzjOgXtRsp/X29n6bKfKtDiRLMJb8PqhKKaJnEMhsXN5xNcrmAzGEB1EQPY7B7RDMlT/2Upe/FKgbpHS+8X0E4j+N8b1w1KXppOt4OZBvfFjiFX0kgfR5XBob0ag3n3tWlpBffoyEe6Pq2FsM8lNd7bi3rErIH6q0ieWrOBEwhTWaD02FNQdqkycOXPjZrKIcjTOLkgerZw2bjhN1xb0MTk8qTdVVTiVruYj00H2khZjx/57utbQpwk28iBYFe4uhCWqTY3+7/yjGPmY967tb33A4nRJGxMk5RaVKjOOHpYNfc9JH4kt7fb6O51lfp8yTXLJt29T8irgGyIAFElP2Dtn1KqIYmspMAwPlsRjuOL4/2n0I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "whXNMXvFUPkelE1X80GEFtjKlR8fA/p23rd6eMeejko",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+L0crRnuXB+iA6O1il2aXIVLOGaTtjo3uhElcmk6ljx+cfRDkxNDtAiqSbCE4UD6QnA2Xv6SiDhw0t5aiVa9ExM6y1jXwprdTukgvZIvIHUB36HEosAJ8eTc1s94IkAifrX9HKZYcjq3Uoz1iYIG8hL9xswQ6JTZ3gxsUIJEgy5aDgtWLfu0ttNhtKRhe6+0CydIymRdHuddsXPa11WwlbH7dQlSBVHH0xhkpRQ7F9+zrrBE9Zsq773fZi3DvsudftV2tFJODBnkquLqXX8NZt7on+CuUcIZUMDuM1x8P9cwVuExU1uGZ5PYnSf3ekENf3jfWKdGJGrxXi/u/AIv3aJFphsFWwjPfGBKVmEbD5q/WGwkQjICGfL+CZsmCZVf9zSfxKVDQjKehiSAOsVYHmlG5xrfRsj4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "whkLYLHJsmCC6+QXptfYdlb2++IkVQXl4UoS8UBU3Dw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k5TY4a4x3S4mU+2j3YtVzVgSVVb8oe07x1FWxNM+DXXzlQuHCFWCrCOrEzbKyzVAhTLzKNPUuj+6owToSOSfI19VZiTPMDfRvpM4i2yEnl1ps+I+KT+Wc6zMCtOINY8JliHkBboU0MmbyTsMJM2nlUq9XiMYfLK+IhOUrI6jAW7zDZQzpG8aCQAm7wxERL1T0HluCRx0eNVStataz6jyt5zYQQh2SRkG18IzNJqpcF43yC3RudNkBlVQF6sj/D9ux3EymVgusoLcFn+ScRD/BlfSj4DtkMp+wuHB9w1QLqIpHmNcl9cOlLgpnM7GolrQ7mGPlW5gEB9gMQZWxHQz/tUxW2hgdNegmZlADMp3pVXxDyc3diDjTGrOVvObCA7f5UNi/cHjsFYtvX1uOkj/lW8T2jfGb/p6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wiMt3oIRyucONL02+HyXZBsN/MEmvBNaJ1OByZem9hU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "53ETZ9kDJdNvK3x1RgdcQ2sEGh1j6sL4hfxS8zjZv2oDOBwxM5dOvbwWpaUtDcvPgl7+ISr+CYQ4cKPJyyOySdKAarvBOvjBdwkLb3ge1zf6HbGCdf6wTIziC/E2J3erjwF6aeJcvgFlxP0KMK5IyIR4WFgmeaeZyWNd6w9OAhWAiCY8VkS+EbJSzr86TdItfPDuKdj9KEAIdGFcdotxvzGypUh3zt83ovSuPYyldmF/GcAYzbb0yGz4HfAwcYwh1BlWehcjfy2bN+HcI2591PWRhXzlEwrOUJI9H2qlwIeHUGDQH0wXwJT0ejTocQ6t0zLq5seuUHLdYBMNHKqkMtX8NgrsAFIkaDOKioBifFH4Cj3ARkSUaTehOwoRejoSAGvkwnRxYtTsfaNP1hg4yHVKnFY2tRMu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wifvkiyxpwGmbOFPjzsYW3XPqlKiebESAwAvY9EBBQc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wJf3qP8k63+zbjMCqdshTGJmL6EJZ5DrsuHcTbMKSzCZlcdVlIRiI4lCW7YHWHP9Q4Zn1dqgHA1RwHHbIl59dLpC/MpCvvUH6aADQ1D+8HF3GVTczHSWJS/HERSLRpHqWC4nox64bVEHXqDShbs3NtiosF3gacLnE1wofN7vOrZD6MTz/Dr2JyAIUm2/v2Y13m3EfYceVyuUVyv1rT3/fVFcwCvZ/DuEjr9s8gsrALaqTNMtnTll5GXaw0n/bR7lt5Z7MsS9CVwqXzCwVseWPkdIuF80UU8jFSBpZSLddRHS22i/L69+xmdK1QgrK4pwIR6CNWsahLodHKPV5fC4ZPiN++BwYBQ43BQQssyOu9ijCcLqEmhmBWzg+Yu8n9Mdmay/iazlBLXpZeZv8OHSMBIwvT7l4kDI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "witRG5jAz5fcPg+RI4RDe9J1BIm0N80tmKQQNEODivM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HUstgUc5MpmhWveVIoxHiicN0L7eQFDgTMrElO9fnw+kDEGCyAYCNo3mjFwH1O+HjcC3xQ4pSkWXPPOXBgN8ndmyx5fApV+u48/jNtD99/WUqTdSiFJhIUSQUXoJjjjpVqI6o0mO/9VKiKIcPB7GZxelTtfl/ZQNvUDPPTCYMhs2eo5ZoVSIhafJrG8DKqT5P3YGiVWFg/+U35hNGQSjIX4WjIWn4jOlFuyZUh3ECpqk5n6cz4oIXxTGoDXTiqXYcPluejvqXEz0I21Tk4i/zfN8zK2GLcdeX6QlLdd2lfqqPO6y9ZdETyVvsxAV2zZ9cQSfUs4RReu2O/xcJ/xcvHiBH8ABALuBGhe+sZhfIfvHFAuko/XsDJE+cQZ7cnl8j6YKsd/SgoZMRLqpr3ma+iz3x649k14/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wjKuLqdl0Z6d49LuSa0ZTnSWLOu3/nwRzuXLKW9s6SA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2kRBpTVr5433O77arrb6wp+BSSacbHBxtxvcTBvaNEUDJL5nqwSmx+5M7m/Y0JipxFP6L85uJ11XCVcuujB3D//E1F7m3oRbTpah7BIi2MiN/E+vw62JZjBpjBkzZo/aXhSWOpOsdhD7+hkgvikzGuy6r8f5Of8Tvli3WUk6//g2ljuuTZru1AHK80k/Y62WoHmN02IzUgNB2LRsVX9Bfd8ExlcfPwFRKb/WAGUcL/Cfw5ImY1xaoyE86oeKY/B52PWd0H/aWmbHZEadt5kyWt8hZyCoeifI795aEQuYFuAy7Z2WYmrFasojt5nDDY1a1IeE6wWJX+ZF6i+mJH+dULFK04bEs+VlLD5LoFbwbUTmkkCbwRZxpOMubM7kSP7e8ilSnQVqLGnnEJ5twOsxqPX7u4lnG2IS",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wlNdeLscL5Sng+6j3YQQ6y6iEoBFa8Ix8KaIg6/M2jA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SQEVi/Lr8zHNrYzFmRSPurQffsAacxsbEJGpm9qCYE/1LJDCrq6tSEzkU0sDkUlPIxdBG4zugt0QEX9sVKCKcXchPr3LEVfRBI4WowlhHAxnSq1QnRYRc5Y/FD86olZ1Dw2KYrZBGicB+Uet7CDjrCs8c+chThpv7+IH+Gm7x3S20gLs/tsaOaS8qzOkDWYoR7hqu7DkhCCzRhNinUz6q3u6x0wAH8f3M3dgHOZsI7pWvsuos/Kh6DkBBug/r3SQIpEO30hQKX4B+ikqjuT5d1WC+PSIU6pB7shHy5kUKgFErvEsN8WKZbw7//AkF2zdjAn9ndS9xcda/rWKruXLiX8vgmIZrsJfGkBuluvsDzjGb/ajk8D3Rutv3ZAhcwCUq8XP+uGimfTZDeNqsNxMYzM3sfq2nd/z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wluJh2GURxx4aU9Vs/0BGBzkDF/v1PF6uu0LothK3ww",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mw37Trgmj61/Z5N96QEeM7wQMnKtdnr1PGHpyVeOckybwfUxtC1MnwR0emSWPRWaTnASugBPpdcW10+iRoCbTxOOiLEDF+ovfcBGIXe/GyFtpr+WtVdjYg56pSsATL+zSCjoxedw5jigFpK7Ies1w1BjAK5zPikI/hvXraYevvmbkZp8hze2nbTQnMrLT7MxS/FMglm5nOpteWnXYcyypjHhAnUmb1pNGPbM3xNEmnd+zfBDCQ+RF7qjo+8b8qNyReyXiLBbvlJCxwDwtaVl+fdoX643MAYRA92L/+UDghfse5R2TjRpW7ejz5eVitT7fVtZSmtAGxTP+/ZP7XpNhBN+N2Uz5P7UK2FSd4w16a/DtW/O5o6wHzotBH5ej3TA5e6NOOO3DAIW47ve+yvUbGRRNkQrkJK0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wn+pHIt2tDh6QlcNmrYXubNj3sjknd4WVQ6IjlEi0Ic",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XGhYXIik2G349UeqxG+n5I0euow0hs1ycvdv1HTiNXeEBoDWiamTCaUH6fet8MoLVoK8T2wzwDg1NTBGjikoURUNs/k/RR6PJhsh67W2xSvrMQNlk88iJCtxHC8x+XSKoDBZN9F5MZkvbv6Q3WsrYaI9esdrdGQjfsc0lvQC7YqUQiqpjp9vQOazgIbJZgTpnTGnwnLf5alYiCE3lO4C9MnxAEwNkgsgYIBcmvV30I2d+8Z/VLmC6H+7io7jVDQH0l30u94J5ECo+kMoIpUMieIg3vGxrR8K7LEHsuXmOoBGs4LmhW4C5R3nPSBH7Qrql7rfkZKMvKI9l67V3odzUeNTJXncZbs/lQR/jH5RoU1xxsgZ8EO/FoyRiqXQ7S6GLC+RdbdNnO6mZcrvvj+NfSzApsEJMFpe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wnmZPTJixgxOdfUDOU2onHaqVFaskiZR8Bq2wzkTMjw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "llcuNVejGGhpBQezWWc8taIEezCnpE1YzpZvf/VORFnph5Q717idIJXsPFFP9TzrvNUm88HEjrt34xDXQTfzhCeV8BDGZ2WQ525GQYHP9U8RwGNp2UZlOlw2NvEdWFTFO/3dNUDvuZJyQ1AJG9NF2YjyXhtBPtfBxmbxA6tqgi+dBpr8ll6cq5XpZxEC4RbKA/0aMERyXt/lH66+RlzfvnI++zRalCWp/Dof7yKLWb/GLPWBc16m5uzIzHzPa0jJkQ28rrPHnimVyxqNIw0BYkPdVPcgpHglcv8NcVNj9gVOykAQg9ape8mdsrP+lXU1MFa4/WmGSs1wg+OJLSVG/utYkteIhmNBfbQdPmdVTlaW3a4KnLrcanw0K0uKDcA8tjOP9S5rPaE8mpCggo6EKLOKeq6LyVD5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wpLn2nRC/+bzsPTinxangF2mCQN7f9kZtTwH3OmoEOI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QEqgLhxZ+M8lCIL8WVfLI2jb4o7QoHtR1ERKwQB5cAwXXs6dNbGOmzgmXlJ6DrCE0QuIFKfEgZEJoPXUn65BgKgFWgqSzFYPoagsG2I70Y11nye4PVJL33EUJp3hCXIIflmXeIwbA6xnK8MYM5vMvnyNtOMHbC3mUv9Lb0OlpXhqb0pYmcAoz9XlGYoStTv2xTWZYckESgKjJ9ou/Lf2s9/Ano7iljC0F+XCSWZNep7XwhhhMWBjNOiKnXdFhyJnGiwIpgdTJK66XGUVRf3Bv0/NM3rwLyQbRnQpkg5ulOgtCkaw3Fh5dOoG4namYgQ+lxQcHA6rWAJwHgSmzkQYJIbtP0zZbbV/3aQVgU7uPkZ9TFsfrtNBPFfzYg1ife33ePKsx9rS66sQ6K8JugFdr/hTGazCuH5D",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wpcE6BIwxA50Bz6bH3INOpP41fPPJZMtbwe/sxLZrek",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uKtXpK2hEw6NvaPmut+pg9NOO9+gUBM2nTr+b1JwPMEiSmUVAUGiPA9glNtxod96ktu0oPq3F4MnTRtOOMIqjJ9xvBjLwFqHe99RBp/HV+NYTZyD24nk0BdLb5SRrVvg6iUjWQyzuIbCb6RXY0N47RvGoH8qzX5kGgWJ8ZRq5OSNGAldyjALmYtEtdW0rB4uzZ6tzC2Iey/8MCRZrDdPSEBZNIwp/bGZXNcpZPNWCLixJjU0cZ/TPOLNXOToAbl0rQhrc+u18y56AMertNMJC3MNwFdMBjGPZkxjMBHC9XUF+8dWEIPzHku8p6WmibUuBocVLsoOYac2XY7avS1nivl+Ms9aZkmN6sFqZoAFfwiZuxma2vpW4I8k4gJxD0K0XE0EqafnirjAjXTL/nviMXjApKc+HaQq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wpiRNlGhayKEH2/HjNk7qDTNei/pVkrtRXC6h18u/W8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YpddD6iVQAvftwYE8sdQIUk2j0hwD7VHIZhWGycgW+tzx98sonh53onz6Yl8v+D5hI7Bh49LqC66Xsh/wMd0VE4lRtxTYSYnmAZTRR/HUI4wJdf+tr/YDrNzy7hrQazf8TKbjECPFnkaSlEIiL1ZOvZ2hApsxwl+vdT/DmeVRyh1XPUrg5BY0UM6BSQgNLZe2LDNX22r+tvOGmqyZZnbx2KY2BtyYdqNsgJOC63W28PVVvmPLJma8giXcTGgFoWVuMPnPaBwacZIZBmxK1LSzAdXuq2bRVYKo3DssOmJ6HpjGGgHq2rkJprmyDssaMLode7EEa/JBAtmHVhswtcOqcK9dX9imb0i900K9Eon6hSE3H//frvQhAUAw/3pPKvCAQ8jC8G98YjybX4FagUWV1ntIllV6iWJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wqbKdeeQulKIzoo2vUPnZVcF543E366W6gYqVjC2pkA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5GguHhMTCASZ2WIqL5x13/ohTmxW13+ryTD1nA54oRaoRQLlboHn0vkNsEZzEy+GPVgWEQHW1+p026Js19cjSJl4gTc8gxNNb82Lt0kgua8ockYjK/CWInDJFeoGVGJ1ffAskr4JIqMVh/kwcmgvm641ttKdBS3HfquGVH8WiRRYzQj1zPCzFQtrdXA6K4gTsN3EJy4XaK8CBn8Cz+mLUiHqk3E0CO2FmmWE9mmjKXNfai78WF91fiHvh7ioZQ/zH7uyz1vaC1Qib1M3rePg/juK1idQTkqEUnX83NVNnT3Gb+rZ7CTbZBOGRVYjNAk4fypvym8XVOHXjr1RvAh4OOoW4fMsoOaLkSvw0qNS8rBvfpBVVZOPR5pNkhCbAycUmlH+bFAB63qyISOPdLfMcU758/bTAPIa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wrAdq6fv8E0IJPS5Th1ZQ1fAGbAPgsNhAx/YK9v3RZM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ID1SRhhwId5gKHpAQxdhHrBOPNfVym5wXe6XKZ5ONVsxXM2p4bt6RNZLEHiY/hzY0w7npheh7/xZaGIw2+XCxOW+AHrk/oyQvsYWa+uJ6cVVLRZXaVMA7hhinEC3CuKB8T6N2zkT+wnH3TdrnxTwkiiYVBheuo6C3PFB+nkoRHK0Ypgd6LWkK1co4jVJ07WThT8EA2RUL7YNRRXZGl2qKG8peIdMk14QObR0yLk2Ddzlw6vUGDq0BhpDZUrEQP1N7TQ/KyDCXaa6JoQL7gIcjzMOUooouWpEwkFS1jRBRH0OhGrV2WUH3NvEL/bi2pm0WNwhQXK5WZ3UFScAF/BaQEiR3/l5aHMBFXG7AG20W0LzRBr5h9D7CC/adCaB/Zfc7bvCUBkkjTTN0rDCHhAxrl7w1TbKyfgD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wsGchS8cmH+c3RU8aQKHC6ZDR86KWMj9BaCDWo6IjgM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cGAB1Ww9X21CmWzEKGYGgtcwHKNPcz0VBvuiyFEOLWKuWkUePVdARLdyJgRxNKHip3GbZ/0wv+TYFx6sfscX4FobfTv2ULcrEuLf/gXuq3o5GoQTO38R0KBdA/Cv0x6isZNE55r4cyBRw1lgj/fzkWNhdv74iVs5gYV/IRrAEsW3Gy4OHAjET9IKUdfQqn273G6fX2trr1s5lPmaMjNXkI3mB6tPntm6XyY/7WnJfSPOLRG4l9Mvg2wEO59NYSbafcM+u3wBN8Qt51nQaDPxtcUCTAZqE62tgDtsnUr6LdiQ+a2Sahgl6YENoydf900ZwnmPeTNkcWeydJ3gUjFAsvCM6ocHRdKbIJqh2QlIRXb00necJx4so1srqEv8/MCxx6IGGLofj2/V+koysaPvcHABZ2BOwJrZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wsLZTV0M/4hL/nmuTH4Q6aOo7FRKtOz8zhmvn3Cc/jE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4TOgiYjI+2BLu4A9Ms8gpu+K9/6F7O5eipujIk4OtPhwwFA5MMxmOrC7JL8lX/Bf2C6eYKK9hH4ngQf9O9SgRmDXmUBCuHaCtuDsMGMSMSEHLQwgNARFWjUDTyMrNhHiecG15FT/bfCqEMjJIy3mf5ja32JbGSP49+OfIkylFq0s9M6y/49+VZxKCEdFSojQtdmtlIUTJiv9dthG3eDHbr7W2SCCcy6jQ7tC5FdW27IlwgLfRP1qbJpJvP5J5iCsBt6aLlAHHGg8/xw4r2Ulxrb0ggVBYH7m82EdPq23ibADxpDkSHFTxO8zCu5GU/btMBrJpfbbH4jsV++u6Vz4nt3kqXrKZG6mq/PsYrnVZAPP3QTka+/lj5wiQdWT3FGFCMNnhmGk4cnzqhiIjtR2QxmufsAMUinw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wt3Y1Z0rq5EaTzFRUVEG2AACECVlimu69/1EMbPn7ug",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "65LlJoRQowazl2XOg36zwJNqCwBJhVWGYYOqjiP+RYM66sbxuus8EQrwdGTplEaZVy7q83qSFX7wlngD07JZRlgIoRsFE61tRsuuv9ALg+8jPicVA82bf3KiHKlnV0C6PHBZ63H+HRvaE2ikPng2211izNonK7R8CasXAc0JqWsk7z0Gwx7KsVkEbeCZeMbowgeTcm4ezdzL3GzV6xIRQSnQGmXAMMWzg8KN6TMgIQRv3kNgZFfViZjBeDwsM+iFgi72DJlzD6ThntBwR8aVnry4LqffqTjnXPp0KlH3NUBz9aFbHay0jvqNdpmEMYJ8vf1pfGMFIBhDgFFbFL3D+EK4knFFi095F73G87Hxey07Q3uMeGrNHwoP9VOModU9Q2OnljWcR2la1uy4UILk5TWH7AlqD7w1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wv+ghFtt7IN6CqcdK76axD3LqsCOcwjlQpCWxOrX0ZY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kQypzdjdU18qiUSjfb84mrOEe3q342+BjWiVm3C1jEAnfAZfbHa++4vfOlyS9nKG8poL/TXtalcRgU591nUaIJsIOAwMeew1r4Hp2LFqKR0RBSIepD6tbQDbr+u5EwedDcwqifrKblWhMZhO2bITk+VakT07XVuP9bIZ5K1wErRa8myDHoklp0FHAmNqJRHuFJ6cHXG0Yeu1eR77SrDn0HL6S5UgPuYeVhlLa+qtgr5oLoSCf0v1CO2OQaWRuSd8JrFHZhrsZtQYJROpzXrymlmQRNlnjCfunsHZIoDQlJ5yoPDh6km2YHwCWopGp8AzjcvR5ckz/izpSZm2hTmT6hb/6JzGCpKEzLc1l/FQ68FQzyyHVnyIbtfJpD9jhWD56R+MhMsu/5x2M7wbNhixByN4t7QxoNOI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wvQ0QQ6ZKq5lFCPlQDVNs11dQneHxJrOE61+/tulFCw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZlDE7pv8wSv9ewPAIWMEw6N2JidiCXGYbfg2TAQJh/GTdeMHCHsuKBgA9aHNw4ukAAuV7uaOFiZ/Hryx2aFB6oegv+/860MfLNvcmEKtksXfHEiitO9YmK1UtiX2YLt2U6wNxBIVHFZv/O3RcGkeKtdzWHQNHPz9WYNmwQ9+xltkaGiwkqnUd9gchgNvSgzUUJD/hLzESucdR2/ijVA0mJ+2w8/1ERXWgqqghFTVbvWpoDkiAAZDqzJBRZhS2rbskKJ6jSdbuns5hs/fWVbTS/kevh1oqcf+vXLCWSw/L4r7oGzwU7HK27sDQvNEotCd/tZSCwtHWNc0U52jSgCf/aqZC5vLtZpbg1cne0V3LAMu5mdiGrRLji6bv5YkHGWmqWpF6i3cIk/yr1htGgjAgboH+O9C0bMu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ww49ySlILSYHeU1wVgkkHsHAGzQG+jNf/HT/N2T5OIU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w6LGecrqC4/oNRTJ69Zs1c+OwC8Cebc9J/3mewB77NWcLu+onQobpGABt4lcGZtAE4lid7eRHc2I8uv2dLDcDkrPaqhllYODz7grnanLN/4x54G4COZL4fkb/8xEYrrtsED+R9mCLCmDpv3Nhv0SQ4v6h7jSJiIRaZGgF8/DHdDcADhoWB5ogGvd1hBGJkfSMUP/ugi8C613I0AA2JexJdt6SOD3yNe/PYpFBiFPbyDa3+8wjRYAPCKCEoEomXErvhzaWLSzWtIUeanyZoDyGrtYm2TirABWhvzs8xv0+PVb7wOrHa12KqtFyXsWzhKpvQBtxuoOlC3elzIaN9aWNTd2fWi7IjbyzSTAAwb3ZW7DyOBAXXn9v3HwY+b1yvbavSB5cI+tz1/cmgPmzl55U1HjHL/xmmP2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wwO/Voc3eerhdksYusWIvkdURmtr7XzDd9VEvtEW3fc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NFP3BIwWwKifDScsvHUhoFlvT4n1yZJcOO6DGvcJAGl6ELt0+VgAAEdgGj0htHmHt59Z+Xd/0hANBH8j3HKvxzZx/wRuRunpEi/De85Ta9qBryXA/yfOsVngjOV1SWUImbWmVZEOTD00AdOifKfMRidaKSneO/DIrhI76JvnB+ghLCnlLCQK36BkHx7uMA7O2WHbJfWt9VHDrniiylbbz5m0ih04DO6fiu3wmV1voYlFGkXVRFX5TtcwbzTOtZVXd12ObVRgPCxPIQ5mB+PziMrtzjyqQTC1ifwrR52uPToO/eVv76oW/l9Umu/ZP1B712tRYsv6luwdhj7+n+9xGVsIq8LFtwvdQRU+ufaLUkg4aDwnKuq/QThq5aCZR+LUweB//eEf460DLjizdhFbDslr2wEQDqPt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wwjOyTVbz6G9S6wJ1+Zg8ympJJDQTARgV3Ymmq3QKvg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QHuDwWWuh6klH/j+dxOgc5c45yDeIIyJzdn7/AcdBHGrBf45oBioutUBCdLy94iuxiSUIK8Bynaci6eqNXidZN5JlrwlHVbjq6uIiTbUjaj6gye4JV6HHG6oJ2ehOZLbEkWbbodLJ9cGJPpTMM/t+cy+AGug1ZvLrYM8j57flzKsgE3aHQCxqTV6MiT+6dPeydgW9Jx+EBD01DuCmPkAm/h3zbCemHTXveX5ZGRlmo+2hp/aMN2f6e590f3F4S4eDxlN0PGXwbPRgDbUiJGYaVkxHRAd7Rip/O3w7Hj1Z9OPJEU2G18iLZ9iUMULWCLmKe246BBYuIV63h+xIVlXZSQxhrnBunMzkpzyurvSQEB4+QqLnYR2ehOdnS6YRxYaFHvoktb38UAG7lL+U6lUzsNZXZ4kv8Oh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wxGlAfw00x2cowYUkmq0EYt4n+ef6FRYNFhvoRC6ChY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PLsGVjr/krv0+g3e8RaUSIV2aXZMLfmpsZwEU8kuRs7uxK4N+BdU5GW+Nm6iEhMuSi3TKOMcLXvWHXAEKlH7/XIy14ImrDXI9z2+ynSQhYMMUXR+5rvgaqwpxHY1eOy420A8VVb4Tsq/Z0M1U5RDnmDz5ybz8XeT7/NoNDEESmFP2tCbdmWvDfuaWcygzSzZjME7v9xGowWo+cE2QFBnHuDdDeo2DVT1OhEhK1rXsIdFkVCXN8YvNFcuqEUE5s8IvoBHl7tZgKFypNqRMJGGtzOZx6zuwrQ2KK7inclTXIlflMLMJ358o84LQcyp/xl/lZ5kCaDrXOIqqjB46dbmLNNk4zybMC8PgFNM6KloBhQQUGavO3Q1qJJGiS2GYhIrrVj1Nf9UvraRZXhTXX95oNfVihOxZGT4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wxQnCg4xe+j6efn53eah7dzW7aJV8xjKZ0L10lnTScM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RogNvNg+YQOEPZEBguVdT0fqJk7r6W+X+/P5UFZ6E0H7U0O+Mq9wVwp7c6/rQtEr9eFnVD7CihTmTpzcskevc6hTNAh9ZbEL15onsZlgOUsxVHM0rUZBIVCdoO9Zdyo6L7ya5Q8yIoRD6rYPLhCvTs+o9JXOFbQ4qLyxbnUkmmgBu+dd5EpNmwDW2KcqIsRo3eg1kEG9qj93WIlVHiJBO00J44I1HwLn6UhJb88sTywVRnJE2N/VwCiUbY/yuJhwf/KWSCOSsxxDpWIoXkJSlemLjPxJa0VBvtzKwGjHmBixUh3dzDOnDQUB+CNcj3r6VfsJSMwkzF+Hl1gLToPIo6tbvjSYX6Ko2Scezob1xP8THknu43Fp3MoyuLguaW0L0KYyUj5jwI1G4AiRQtN7aqT3Xn8hs0Us",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wxu1lYs+8yjfmAj1+xHivzxg133hZUaWxJ57v4dPz08",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CDzmfkcWN1ilFrIRk04GtYkVWLppyAnhXviTgXLSi0kGCs2l8Ku1SXuS8if4hEpPYYBoFQukl5U6UmkmAeAsw1larHs7N/ZPVVgjL31svg/m7TfUSRnhhKN9DdcrzAhG4oWljpnVy6szKZbH1ELdDZzCZ9LiNrWqC3dFUZhduNiOCQcu8z9RYVsZp2/q+o5F43Fx01ixs/0ZbT5qk+wew0zq0Je3oz5iKC7gamH/ApUUVynU15BqxfOBsXjpxdYbMGCSVvjIXd9kJW/SkQ4Q4GwjtC4ZmM6jOuaSuVWuFGr/+aKJf5H6Ghtzk1g+wEa1EXTA7wpAeQgERfgP3lAOoqqEvW/YIffH6FWVWAxj6YUTqg7xPl59w8RMDpemhAZnTZimQtaBEaRm1rAsfo1Tr+mcsrMImArj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wybwHzewzURwFS3iC73UucbppByz25AOyD49bmmtsFM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zKJQlTmWPtzgFKDj+Rr/07ZHakTTslajvRlRVv81JIKyDI38VxWWBBNIqKITGJCRGYV1WAZtbgGxjxh7PtUb+RqEug1l0fTklTMQp1QYLsMMKnfI0tseCUUv+NA2ytCvWPiVu4ZQ/t2c2YfuzmTTglXbm3ZMdYVpqsaCoVw/pbhiYaIikWVf+xh8jF+K9NwU/D/l7olRx1ME++CZgTuIkSjfyVyXZv7dAoUZK1ocO0x+fvZqWSQnDY/cGatvg26/V+QDCl1g63dF44fxLN+HBVwfpEd2EObjNmEoIxGPpEetvwqGqcKlwkBlPfa6lGKs/2GvemWBKQGIdfvYn0SEN6hjHrG7Jrw3TEbS4NUE23g2mWrvWtWuYAHnw/WbTVeHkwFve4ZNJ9iPiNv90Q2JUFETXuutqNLK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wzSnlQAkzXxPSFScViN0yARwe3Mdj7/j61a6J9pxz+0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "JuNFvaVEPT6NbGPn/ki3aG7Zj4TyCdBIpcwjjBecWS1vsc5paXb7HJOBZSMVZmd3C73pb+4cYsOtPqiLpoBevIxLkDGbCTCfjGMfVJQUUgj8/lF+31ONL0DJe3kyP9lq/SdmnTsWshJxU041i5PxxYl6TzN+7l9BF80itxqfbNvxvRoAlpQyjE2HZ4XqI2hQg5B6I+eUqnlXRPPl2YP2DGLyNoEaM17aUZsszlkcgPk6lVZxIZtQJ997z07iZU4eKx8H/yi5x/YcmMseWdVDB0U0GIMqN5JtSsRHsX6KGJlhGYtHEyZgC+3Hgi4k5hjw+QMwio2cwWL7rMLwEwesKuFwgiTKkmKMWnwyyu6sJbB0ka9PHnl4xm/s/lgUOjmxkpW7BBJYSlsejheDdlBpHNYAmfe5zR15",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wzqxRNWlGE5pnLLjL7MebHqpPJ+eCKbzxS4VZhWvpQM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZdQDHhJ4dNbL7mMeyt3I3OQ4+Un/7VsLWSCuNZQGl2rZUZ6mFefjuluxp9c2Llyadk8fkozF/PiQYPNzCg+nW8eXOY/3YtQbv8FFycmq43N285H7Vh7HkwJcOvZwR8yFL6beWis8IfijsXvrybw2nc3IEi0plTFUN+SG/gzwMD0PHmlsvLSwR6HYMQU5WDrL5g5A+ugyrW2fRdWek6EMWLELlqKZmO1w7jixhzaMY1grnVL1KYEM3UwvuqzMeqIZRkXgFDk+8s4MgyaWtE8Ak1fDSH4ShqyJENlOIfTGj2SKJgrlumJM1+77oifsXBPOzB7LJxNjfZMLl6TxlkfKHS78ISb/JZzr2LVigtKeycQ7Qxi/cRLEJPspxwfvE8EmgoP1IVELHcU55R49avlyaImv/84GrUqG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "wztlAG6oaAhtCQ1Ue5IRMjoDufF/PYCV7qwYWbzm8lw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RW6KKq7a+7xAJYGhW/1P/t13bOZF9H53i52iRNPpp7kH4xEV9UGN51JIrUecaILFVG+NgWFE+2tKNcXA748LUBLDYjBjiykdWLDs1xsTAOiEpLK/d4/hpjrbmldv3UXINDoBiVwFnMASSgaXFRQO5BSEfKYBn5aTSfk2o9LIAk4pBCfAkfAsbuBX6Bp9l+F7lg04SRWYjxkXe4ONka4aY3qC6tAHLtSeeBL5fnuH69yk+ACkl1N9J9UEV9oHwDDb29LlhJIGKXOI7NMBzS5uqqhbWE+DoxYQGlblh8Igbi0UwqMo0E/1w3Q1/upRWKkq2xIg7UPiqKfBYmLhrmN8AcgFNldAvyFhJdg4bpG4J9pnPg73bGQSaPl67lad8Gler5fcboy0j5rxIl0TdgHsR1zgpjSWPGMB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "x+8wnxOGAx2dkXXaf7VHfRbh6GzT09FQE650joKoOYg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hAVNSFuW3RWySlyF21urZUn3yz7RYIKRtVbgdh1mlbc4L/qhuTZyidUZrJUtHL0UUDOUHpxOOjcvoIig0wArX261lTX0JGXvesYLJcg03PZoYvTQ2SZG950PSXKit4mD07EtWdMppwLjzkgbuf0FTQ9UrMIpdF3iOTLxey6GNWt/A8BAfTx8ucno2cpW39i31s/VSnYbj8ofmdwtclGpMUT0o/mg1GEIIqk6Y0Cxace1Kb3s5OFvlGLFub+aRuGkz2cpK+nWqQeH1YEF6TVfTUdf6RS25I8WNieLyDdrk0Oo/P1zSaSoP+mmEkqlVjCw/ODZ33AO0GLC6k8W3zfNboPqixpbZLko3QI9TKFwWvQDSEJPJmn70HuvfbMDRhrVCLqYkmsBRfXTZOu6fmn61EBFbEE9JVXz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "x0stoSIr3IJtDxCbpevnqxoMVnd9kpDn2OLWQpeBgjE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qqUiUjdEbsNHpTuf5JeJLwuHiZZTAJlQcydlA2ByHjAReHaIsCdqBYOo5Lco+0EMj7sMvOFGbgHlo4MKiBh3VZ7qlseEXi8kdNfwgQTRiOuB2n5JlGgBSIba3+WKA8E3/yyPRUwiprxtuo03jyxNilWqVUOq7bObDYfA3U/m3SJHF94TDPthsWvLLjtC0jGGHXwt57RzAvJgfNxmXXCeuT41pWnbOv7GZ2LLKjBN3TWSL99PeVX+zT1N0sQe+EC0XzRq+l9jhE/70b1KAXUjdW32D4ZkaK+Y/lzDYN65L6EPcw7R4w6yb1ljhQbMFrMKwG6G7gZHchuGjWO/TvXdvAY6sKHocxDZQ142hurEFwkOfwtYDRoWi94LyEC3s7iP4eXbmbfVy2qUBjFLEEgNqCWJusggOLz4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "x0xdNowNyjsmK1DUJjH7nn/mv7vh9IC3TY1VF0QirRg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m+P/WL0SEJL/OYjPrFdDS/3L1/jRJwr1L0CGZoHktMOS13wIS4S+LK0ucHs68pjKM7C/22uYC2EqZwU14ZGBQFV9CTwW0EP6pFVizjcEkfHQyD5bn4EqE9FavxvU8A+TJP/T0Ny889NTGjOJshqCCe5wIXnBnWKxXa3tdSRTvdkj6Q1Mpuo55KQw5u7kCSdjQTNf/IQnTHH7Slc/J9elQ1L2OKJujKs3blYwxzD1jJE6w9E3GzliJY3OH7+wz3mhtMfXhLnPYJCjiVAEtmfv/oXW5+/tCYBug+jLXukm2GbviChTBT4vXsnLGktyBo2nq5kzAxpZ/AlD9wFddXOYz910oARf1irH0I2T9yO1LPlXEk0QPyq0sQH0bsl8tfcupoza0GP0mGSDojHRoy8tdvvq8aQqq+xJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "x1HSW7v0d7HpmWUmG4nTLNEcieTDKka+tWMYC9O/OIk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8ztzcwNbViQNU3m61o/XLXPN0wImrX08XuQhN86yndFZSGYBMF8SoEEPkcJaeYfVg4CZkVNidQUJBuF0+AR5E49dsuH2mwZ5iBPnT2XHYUkBzsUhr0qrOJZMzICDlr9uVB7ew/heuZcmp72QM+qTpNdfJmsnBH3gAiK4rD3bPPGdBDo1Mo7w5VV+FetfByrSkx4lfYNbJqqP+0K6qs9d/ecgGsdptMHxoA6Js9BT0LKO9GZ/rLf1cVq1NGOvYGEwGdEdKubIpAhwMwPzL/hQli5+ScV8HqGJqZAyHOkwPuwrZvUlSJ1hDzJ3e+3zT9rszYhzPM4eX5fWb1jjLL/6WlzOOcSvMOCKZnhBLyfZ+IGfVUg/+JTHUvJY8qJMYKAyjxGMCh8CqTZfd6D9WucjJbZIOqr9BFIq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "x1Y23ij6d9Ws2+x8aOQaM/B6svYvOAC66DoVQk9yMSc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8xoCbEfoCe7JlLWe/U60vobPCJEGXtVz28cr8KN3rYvdjmgyRLrK1In4aBEv/MQwtos1ljLgE7S6elFtyN66MyGZkXP7wXii67DqXCtfW+ilUD53pwSLdGyygd69r8mpCA83YsdSoY+sTRuRub8J/A4kxoKsaDunZN6fZHqaOP4POA1xUAQygBH20V1/Yf9MzGdGOoWeSoYoX57+VfrAF4vvNnEog8GMsb/kyzN1m/J540zY68ATNvbmOa1VH+ptiTWybvOZQn2qXLgIVwi3fec2xqES9omeWy1fXMn2A9Ee+5nWBHOlVhRSn6Zm/VHxi8VelikTeSpW7V/VkGheggcSmJ/jZxHHD4dZ5CGbFm1TDCof+u2AG+dhlILPogq2n3KjlxY6K0i05sA26KmOVEh1uRgxgipE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "x1arTyY9CnTtmJDhW++Wco8ywq93Vk8N2IHzRD9wny4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "W2xmn5PSdhecl8J5pdkGs9MKj2elbhlz3OnIUx3sDKGxdnu88cjjuela1vjvRSSM0zHuZt4D87VJ5AVRPqft7+tEeg4kJ0x+F598n4mXU+DSf6oD3Qm67RCm1DbYk+sQbmqb11JrBA2hXECKFQ34yoZKZ+v53FRQsYSDmq56s9KcSmc6sKNwCaU725jpOngkS8afpUeAKt/zheIGAYTdadrehjRC5/MoRRI7DcZe/n9Gz7yGiirv9I0ZVx2rS2xo4ZS5Q1a0cZdlP/gKM0+yDoJqfCOJjfTpq5mCnuKGoOusy0IOF/tK4QdrgpMigqvnxlM1MMAuKmhBHIiP11iQJ1YcCWWO3nC54GUpcPFRdRTiaQxBUcqFj8itGz3eVWSiRRVL8xvDdt5e8/rNms/UQOCoGUOuvB2N",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "x1eBWcV5qnbZEgf1bFGJAo/ieC9hATyH0wFNrqgXm0c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HIQAjzRT+O/o9RUZ2AB2TIqCblWndkZ0ifuuE18ypPp7g3TeDOHYZs3weFQXYwvhnx6CwPL8A2B5ip4Wwg0nAP+CYfTu9r0yzJDq8OboXfj7XFcShLI9KXhuiwZyLMyIck+EeP1iIH/vyxL1eZfhysFsJu+nAz57lCNjzT+Xp4fOJhhvAoD/AuTGA4L3g97wyOG+6jW/z9REASBZ8hW5C7nwVVTtcpRMSCWPnb8fYNthnKibupr2Aby4+2Cwz8vXSd/KLCzIc6O1396VKIEf+u4nbTPqhsmb1RMhB1iJADxlEswrxr1J14Sx2NotphQGhT9bYMc5CxoGYYwQOdLU5lehmT+heXat5+tBBKaZHo4Lb7PEmb37rdm6ZhmyewInEgZIM0xZ4ospsPCIJgDQ64CxPG/J/STF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "x32RvuFldv0G8J93+XGPe4zsZ9YX5N9y+UR14UhoVGc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "6ikIHGRuC9nPOSGOPhxAgnokQWw2tjK9u7IGSBQXBUC+3eMghvn2hs0vmgYspSYRIom90/FGofW0/TC8Qp8NS8D0Eyrq4IQvl6lRW0xcwAnPmGWrFfhT0jkQlWu9MKa9FYQM9mH1b8RqvaT4ZNK0YkLfc7Z3AOw4qNKZSS/VSSuxljVPRceXuwDMPx5NZbTHXD9qiiH3JMlOQ1bCk213G4WTGLkvrA+e7GAjPRpZIWBMgcFtOxof6vU5wtuLt7MG2kicBdRheiTfkTGvTdcxjSm3dc0VQ/qKm30AQnHSM80GhJKq2YKNgxuu/H+OfUmWZe0zp0FkX2rpzCGrXXi7LFqzLGKc7iVCdr/c9uZ46B42iLkytK4LGKn/Sm+Ur6ybI6HpJtdzUaiYoE1EJg6IdnKyImI/CiCi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "x4MEmNGhs2lHlv0x1FSsFQdBs01hcVntvj2dDsmg15E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+BytCcuUYP6R/VHy0zCQs5zqoG3SGN6C3YdmhIsc6RMTavsQYdxDkAZKG4PvbuKGeAgK7tORVhLgViLSy/OpzgkppdPuj3VsX0ObOcXAoude53ATIoa/1y8SqRzyO6h1guegUeIScEHOfKO6dMPn6FI2dlk3okJu5DqnYP+ULT9rIdwTqowLVUeNrJwzajPC7HLvs2IMwFjzQZPPt5MfZ+xw1G+cKNZ4+aW69CSssPV9RABjq4MHaRaROKG/MdXlmHmPZEZMcQgKQqQ9qcvlXBcr4n5PDELX7/huVIius52njS2OngndA46DluFZ8ucbVQb9Ys+bzHY+45OPgIa1hAzuXiCBpRKKCf5YRGeqm+wRChsQVsHN192si/x4+vw9YEVPuar/vMIyFkdRRWeYnqkW7ApFTvpK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "x56J0GJ4x50NUvu5Rzdo2OfbCX2IEmQoQbg8EPvIuko",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0HKTWFEZs5Rp10TCtAH371f2WoGtCQ3CD7h/vKFTjBdY2/9qoDiQm2awTTk1X1cOew8dOK9njDrRhObLGIdDmqWsp7oCjbnoP08FnXBShMMgKt47QM4xquZSoxw32gnaMD89GNkFnCvaB4p0QD35BreTiwgDPP51mABpYUK+KfZWU5NmQo49uuHgy2DSBUm+vV58cq78cL37Q4ulKnNxxp+3nqZfsevNMQBU0WP8uzlImAvxS5xqMwQOn1YVxPaB98nYmPS1PKosanxngr3x4YST/sNt1afAjM1ZjvTH1UsvfVPRw4SXtCNqZygGRaRbsrAOstOziaZ/GmkZhgxvXr0WY6EMpUVM/gYGmJa93Joyoh0b08gf/iUSBbjvqDWxi+np7p3dP8ViJx8hLbSUESHpIVFSIbTk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "x577Gya6OBEQmFynFnNVR/RAUtGZvA+6Hks/kIHEgGA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Q2PlexY300yPtBXkX3ElAueUq4R4xH3+E3rH2gvkYDlWvs5/zPjAs3GNqDXowfBBNbZi8jryoZb5oyh1dE9A/W1w8StLS8u77DU6CnfLbbpgFKFK7yLX0WPFHLCcf8yyXG67x1/mSX9+jXzXMI6x8lpPSGFQJxy2/guXmmUmdvGkpGWXG+N6+iIy+M/MKZVbDD3510/V3JqMzNl11r+fAFWBk8IqeB/LKJtzzW3d3rqwj47+jQbZX6oQLM+s+lq048Fcp5c20EXSuvd5KabjGnjnrD22TtMOXbZADUpuXUhEK4z+u9tzaJQaCmCZXqN5VEhD/psINf4+XFtrGSwkOJBEfkCIlssj/4GmQND0AEHahVAJmoT0k5tqNexC5/Zp8iHlPo4kndoiie5vN6cGqv682GcAWNNw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "x6IHEjLLylsiopq/waMwhI2ROBap/oNheA9jinVI/94",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fjJdDMnpfzTZv6aWsY8IL8LY2BS996KKn94v2dIHPZheQLOF5Tqgjfc9ohx6rS4PhHPojHSUwYfJ0ludyqdGTnzRjtu8olmqnL7vbNw8iNGRa5KDd9XN11q81TFZ8urlCQUbd7jgNakPvb02pTOrKXmaSjasipq9PTSTkAZOsrOYN9+vnX7gVhN6A3VC5dWydpRcKzDHQoV3aA9THxWHjcPoLLVKFqAdIXFJyqdoXH8T0bZHvpa7fMaDM9szVQArsBzrQ1gHubtgwMreS5suhdbQsnon667vmfx4+tQQD+4kPF5pTsswJFxB7eceNuLQNH+P7W9t6X0paHD1WZsvBohrwcPk5KzEiNYUNUUxUUt/nEyYmKxozeWeqFXr8v6k/jfpX5sWV8nw+7EhywrAO27UDUD+NxGV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xAUvl8yefJsNfIJZXusMKLOzjaRLICr+xaFp9Rh0J50",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/E4/JXsHcJ0pE08Vu5DAvs+Wy4WJPr80uqn8G5X65MPqFug9UGHlNoPtTntQ6xjKBInq0ZR/cBovZMtJZHHyUTCB/ixgRYvcnnSrUMn7L3Cx22oSMDP2/uCijr5VuJxgcb+PVm4nlEPbN1+APqTes734hpFQ+Z1j6FoYY93FRW4g1IYmvn1mvXdCVBiC0pmcADvq02GwZE/cZKKDxchISF0G2cBb3S4HFwmIxIKxRKx7cgMDfy4WkAlIoaHlWaLSAYyp3dV3uRDZvp/kbpEt3t4ZralvnO0pri6pwoQqfuTRZv38jWSD2OTx6FO8llnImNwtkHuGl+/mZbJjpQhzSe7N9hTY+VoBEjJABBBqtRsVu7KLaJkPUuUxsiND5wyiPwpn/kkWMLuCk+uEknppG0A83OCo5gJ6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xB3hAHLvzl++UatFPKgmaBizJVA+B8eTUI7lYqkRUko",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ttSpm6khEjzYEYabDU8ByB/q6lmClmvhCV9gIyx9DN021H7PwxteDgv0sef3gLxH8Swn+TaUHLPsFYjXjdXTC7cYa4bwL9CsHuYEx1f/Mv9XU9ByqOn/yd+A9sHQ2i9SVf7jG/8i/Knksr5xAuFilnEcye1LpOqRtiDPV+GV0T41GnJ5xdQQVDf6WMLuZIuxhnH6hSzp+tIoPb4o+p8fLIfVRmaTdCK3XQcpvNh1KB/C+W6xa5Ef2NGP0+5ZmP3WNam2OaW8yDII0gm/B1Mxft2B2IW8yKWaE6SLSIIOdP24kfDwT7pZtf3UPxZgpd7Kv3jKcbqWqifmjNZkmNR/Hs7w0WP0NXbLuLQSk/QM3HVFHlMzag8ro9LPIADMpsvbrhJh0cJmWUUzaG8QYzuFgKW+NFXpybK9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xBZ+c43nY7EWKR/s14XxnKHuBryrYC3komQC+vrK6dg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HHyUeQNnL8e7qDqCBXivAXnxn08cs1fUeCuMOgBZLi9SEUChpY1HjeGtgn+WuW2Md+bhD0EY5lVJkfTdMHBl4qFANVQ6KJRAiPno25fUYfCNWwwIaHgc+l1j8L1zKE48q0wIepOpQR8o7a4Q/m002aaNuqkPBVADadNhtZnNczllhDWSUaMEavWCORzY5hIUmKzZaPoO9sPBjZOtbs8ryclHB9jhWxVhGZpFD3yLrv3NDZkm+eM0kzrSACtN4rC70KE4ta9Tbm97yU7oKROwxI4jDKc6c3Sp6OkE/5xoQnIaiwQlKwXXYTpNLPtPU8mUE5004CnD7/h4nek5BAlWz34NuRTF6f3KiZWW71SeGtHHtSh2mBTKvEwHv7oKvSpCgWICyI3Mt5eMKQNAYjdIVpRkDpZYgvY4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xBb1dzCjKVcU75BRxauzf9NSy10bTm5I+Dtj5VixM6g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "J3E2ke7EXXSg4N3rkRy8LNpyXPcNGDYasq9g+zUn9HZlZpi490SV/VgiIP4iSPuPqn/bn+/vvAFXxDCeBY+/+gJwkhSlGfmdNoWfUhVI9yrHRvXgpAJUn5oP9/xKh+uz2+D3gzd80IDo8d9YputYlUg/mwigSZ6AtPKGbCi2gbsjgbyIcZQ5Cbox1Bh+7oSTZD3jyIYLCvLVrCm4hJupdO0PbBu3jWfjU9sP0LHn/3q1r404ZJ8jSF6+bdownv6UNtHhc4m+0/5vz2nFfMpwxWzHivcrmPGKf1dgz7yowvvzLwNsstacWhQU6ymW8sKiIKswwJFsZw+Sex1qeIo6LP2SsrIJnogYoBmbzw+KZO28QLWzElRCzv5Q7bhYebBh2oX3wGBzppRRnkhdkCQsoWDK4tuft2Mr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xCIV8ktEyJSMJcOkmNRBVSyYKFyWT7FOsomQJo6SnDk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8/Uucoe4bkxNgqOsL48tMPpRmcOOGGwW0+5EfZ5wFz0Pk194mfgi2OuksbLSlQnoxodsrxvQYxHZ7+Vu6QtsN8UG1scv+JGaQrN3iJAW0wmA4G9/0Wc+muSKO68DO6zaJWnBYB3yWHHEuGCETMOzmlJZy/1+yFtkNdJmFvDfnEnydIxfMPt7I+f+R45LIKtsnPuxCotaN2BoKn5xRxjIXTCqF1oefJtrJhBg+M4mUsks1D6KtY4u7QPow/qbHayGGCkUwPNWGWblkUwavchCSVJeE2V1gWzpO9jEsH0PIB+Wbkr1EuyEqhZoj6Uzkq4I1Mc5j1JwliU+m5nPORHAgvxAUil1wmf+SzcKTRV+IOf/hRg+NRON4C7y6YuVq8NXl7p/QQZJuubRHIEIak4ymRgoeghUamMA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xDYLnBSfUCgizKSB920/r5zht71r3IQQm0sUkDwd25g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ZkR0m6wz0bvg9OLQxNJ6suyRwHUTnd9BwmBAL/VQQwRTVnWEefDuCBNtl2NQTDYqW8dMT/MP7w+paqd2BRkFvFO05VCtXDhSycVkCAQNG4p82SwwAug1U6YvqjCbin8m8/J/TuQfvlcPN9VpbLOX9HkJjJySWITzEzKVA3jU8b5ZO59m62/TOShK8yMzHnEKf3kaGC/2dHHJvte9kBWwXo6KK5nPn/afrub8WEzXimN4Nfq3Ut+PZT7+9tJqwdOpgRnuMMYpsH2lVhmVvoDtEjl2hUD183TPTP7jgIGsGIbnHlXOKLoufSV0bk5PnROKLFZD2F+jCunJMKHmSjxuiFEONC0UHHwAI20VV6k96s9zwbPUEuljqp6i5CeITURDYsZHz1bxwjMRNLQ0v/CbpXOf7oCCiZ+W",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xFcnpcSsR6ojv/D/fcFD6P5CZBw/IwuONgw+rrPxpUg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "try6saqKnBtLOTUws5ro6XHkQOZsg6lqtVXtxn7F9Ef3jc3pdbWZD/Dnvpktvcvo4qXS3sum0fSeiADqkFm2YES9kCJjp+z3SPzbGqaiU6dEgKoBWvfOum0PufY28RjWPfPuc1pgChZk6jUi7voju0qL6Y4HUq/lRk00z0Myr1f7CDX08g1BI5zDgdvxotEyIjqLL0RsRw/zyjHdCLy7n5LpqDN6VLAVDuIR5u2DKrTKJdM4+TK5FujuAt8xO+7LIlW2soivUxfcve0LNnk9mpxcuZ9cUVcn7Fs9E1Ch/1+9OBvgae8ZuABP6J4lSZ0Hi1NBQ/qCYqLfzSRfMD6pzH9qLvW9VnU1Ld+R4r9dOT66+Rt87fny+7XoBgb3ZDGMuJqZnB5m3VXlkN46EkjB13EBJnFCyqhX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xG0XCemlr/NAliBz76OcRYh8wZl6wD+ixiRPP+AqTm4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fhKxjDEI8p2/Rc54Uz+s6CGpnj5qdYnhHhiSf6lfLCk570UkesbqZ9fWMWR8IxIOgFXb5ARFNYzOOlH0Ry+4mRMp7p/nwaVi8HL0RO415K6Cj1Hv1PW8HJKdYBexFVYEHl+fLBFYMoMst+b3xE92zldMO2FsAdkSSIuKG6mj7/sVV0qvH0jqAaMr/Q9WSods98jXF+Bxqdo5ea3AV/7mJ0mr2B6JOhbLe744FjJ21IPhBUqhQ6/IV/Ki/9IUItcUfHfIXpCilJLKCCOY38Vq3HeFc22NCkiQTkaiccJLbK9iQ+yRWBTyzBFIrvcIWepnnx5DP+pzxG9eOkRxcroY7kKc2YcADI2g+3dXpX+OiOYy6EQiO0XRVOdqx5RyHvQGsPEML13sYNBHL7AzzJ2J8HdEkuCYvmJd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xGOidleASy9OOI5t6sWHSy5FQ5GmtLYn/SBTvOklQ9U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1oWtYeHzMW9AqVKw5xL8UR2itnf28XqeaHUEOqD/G4ljc7/awdibO5YpAQSzd8Z8Kkt+XoUZsSrlSOQ4Nm9lR/lEjamoDZSabp+7chq8E8mRRSDw7tCDBx+Mehm2EpzcyZHrnLOpnvwHb8tnbizU9ic5Jc1fVYNTUyEXSeSMj3vSOGzRc+zLKUXbuvZ60LhV0HmlEBdyLJmoasxX6aCcuE0KMvxJPHIF8cazAEICkeQvZHZyKmFB5QrxiY3T9K8IBLzMo+emTsGfpDPuU2ugtJnS1sP37lDXRlFN6E9yyqu6EcwBkW75P4N2rjG1V7TBs8eefKamXKkJjCvpupjSg8IYOpITgdrxCQgl1N39xvUQsUPw3T8Woml/grMI13aksuCIslNqIsPztL30TrY7/YwTHWZMqqAD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xGodoKArMqpvOvf45yMWqwTJLl3i/3T1El9K+mxh6t4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fRyfnBdK1xLHMhUI+cXXv+keASIrSSA0ykPbhfH/l7Pi6QHWaZdwPmJQvia/pDpbAKyNvSpqlOoX8ev8UONskXVNrdBGCMME3QkPZI1jugGQcvBeNLI5I6sMDzkjDpJVDSgmBwrqSHes3XqqX1LfxBgTvXyrVw1mRBgRBfXdf/yV0a2tjhWYGek/VT2rPz+ImihtrC1itn/6c7aS68Hsn+EnMeSaB7Yavf1QitHZIeVzCbnxQfg5fSFeiAhEx7O2fiwqJpD8GYcEtSSXwQrcCexmYtc4uAvb1syJKVlu770Qjvsoc1gAkMlt/KeEyytQU/YZEZlq58T1f0vgaSn7nlRSoT39vUaXVjgef0XiCcHCNyamvIGTMzS63GRwHIIBs1bxrw39P1+QXZ6dLbDEyt/ebF5enJ9e",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xGpLJKi3kRnAx4nsYtB/MyC2TjEfJ/1pQ7RZ/K3R8I8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OljyA3hH49JYaL+W9kHhexYOZ01cdUmrh+2ly1te81lSgFrJxiYwqwIQzUUblBYFL4lgu6P+4kaWmzup7m2H+55abkkrXad7ijnx4ssKihgt1GgUve/FYRcbz9ZKztwo79W8be7B99CZvSws7/z5U+ahbO4B9+iu8wYkJ3225Ra4sQz44c8xBNDiYoDn7n5fBrUpfkWHWtdECpceRQW1oMZHBcbqaRkNHz9J2DjtMKWyoZWCIWWX2VPLWeySkj5J5dFq6/53NxH2VUPUHK3qO0+x+uFDcHAGsMvUYnerbnzI4wYtZKySZvN69I3YVqPqkL0HISQjjWsKlMOWYNdRzrB4xHwhDxSKbUyqOSmdFZ/j9ALBsboihzkikaMfZ0Nx+VZZT7SXKXQVIt/4bemC1apVaLBmeVVH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xI6PRLEyYLynV2Oj7qeLAt5od/KPh0QZxvBn2qiOxlg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lsEeLbAemGW3Lxaiedf5//YejPigsNYtMeL2phC2noWDMN8G9/eoSnZtxaFdpe9bQLFkc8y8r1W8r1wixKhZDE4uP9OR9QAS99g+JFmwh+rrDMRkmnlwwUQQ01AZC017IEXz97uOX/5+dBg3g+8OnvOQC6uJU2dZRBjbIzo6ZPtxUhLaDDIYAgXEKOcpJ/t1SU4aK0chk2o7qjub+wzEhqXe2kQgn1orCyCcpid+0kGXkLRC2kjkhIRtNngbgGtO9XyDzvGOrjqN1FJ3ERK3in5sKa+Ob/VmQxLHW8sLmpkRm0JgOp6/oZ0NDKgmOGP08VoEbHMpNgSIOva0c2yJIKRQWZZ9+l3MrV+JR4LLLYbqSF8lYNGxBSWY5pF64wWRTOJ9Wtx2bTYukg8dBgtmxLMMa+oEEglX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xJ44VdxGrvXjlJ5SMRNqlRZQvnGUaIAEHeRzobaZPTk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "265l5jwWETaMCQ9aT3OHecyja1U9RJCWjk4m8+uQvIpAfcvi4K+P/aPJdpCSinoauJx1bJjuJA+8jbTqgVTFfHzvfFTB9pzA+K2FVr1z/9yzL0QYhuhtfXvb/vUvewAbNGjLjcvFh1MCbuEcJIWaTZBRutXPeBqRCvZmcML9kuCzVv3zbbbD5CFxFAofLCcNRn6cLIZiBx8gJK9knxjhLFG1+KXwNCBwEtq7yWxOSEh/p/cfo1733bvfGTgDu83wVjEkIgcTyC+346dpj9wrCvz1svXuzc6K3gVu54KR5l5pCmvHYcNSy/NkMeOKq/EtMm08IhFKHXUfJJpVdLI8V7th0Ovk1Cn3WtVcNYTF9T9LVKnGwnfDkbVXltSPnFW9qmvUisrkuYbQPXu6aAtNLRV0ixahSl3/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xJc+xfydgMyB7QDK1NYXDMAzCmTuGFmfu1Tg/ZEAGXQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TIP8lwy7OZvzAefSLExZD1r+aEVnLglELPP3Xv79H1vK4hhn3znp9WNbD/7Qdquxr9h2TIj3TVQm4bVCX2iI6O5kwSTaJvcHrBT1Ll13t2Q0UccQhiadFQVFBFPPO+72OVWS3Qx0J5fwVs7V0gMHA5xNYW3HIhZnfRUlSf8n9Oam7KC9kvpWbpknNRN7xVQd6yriEwXDbK4Q+OEnXzyQZGWcrGMWVhYyg2+qdVirowzbawV1WK557Lq8T7L/hnttes0+IPla+oWYgLY8iQTIEwSz3b/6T5J2/F37b9lvUixTPa5/JeJ2sEDRjBv7ISaCw/uNp9rWsZxdoyAqGqfMMZ8j5WEP3rXqMxUH81Tq95EFCnVVZaIx3BIo5N37HAlNP/sBqQgeY2WzDmvdY8/+VgJhb1Fr21mX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xJrdiT8ngd0zdnBo1pE/a1FuwEimFiwnzeDKXG7s42c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mJ2Mrn07y4xl2CB+/2YTvkEfgqbdFso25yT3V2cC75LsUgd0fjarY1KB7NtQwghLg1qBb5UVbL4ZLmwCrsn+7MVg8ZfGG2R94pliwkBQH+ADHyCFFPlwLVCL1z70UnfWcmLmOGUvvkLX7QgJm+RzyloBARfmDmtUCyzUP/fUlgMKEyir+jdytwevpNyGv/JyDZr1OeE2CO/SdkIhOHRdekUMdeUHcHZWq6527QVuVZJj4Q+AhTgmObmA9l8gaAFKDG4LIQxPT/RAfPfm2XC3liQKqVXPqn6hB2BNOBLYKvhZqZncVl9gAbrcGDCKXC8LlnYg6NRU8NT/eGJLad1A/wUpJKzCkckMaO8movzBJY3QOL6Hk712O1SwUf8RJug2kfP8lfN2RCyAGTzxklvddQ4xzZGch49e",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xMJ9r07cP4pYLGfecpK8719glgDJAJj9ZpJwlk+ueno",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KxHVA1p5Ebu+ILuWNuEHp2HAKV58jTaM+MqH9a4cjb3Hkakd6jaao6Z/jqeC/30p75Hwnm73atVixvZFYtwI/pRdd2DmrKQR/6fhfjOF+B6oyQILpM09jIxT5HqQeYofWj4MRl96LSpPtyWWsOs8WcCwM2TpsAO22emoOi8DiXGXiBzA+ItCBxbwS7UvftQZfqGklaXfWiwEAw66OyPIMuECEi4MyuJsuU8ud7C7FUsyrTRWIwsOIBJ0Yts+Y9da3FjIIuVrIAgZEO4hxWNiNAedYDyXdt+2CzVVitvhn6XxliLEk7YEXe7OQg+5idwipAHp0o8vK+HQjAIqLfw6aBnrJ24ihlZroP1e2/R3/Ova+F+UdKKVCdbOsI9h+rZN5WdbC4wjfsJfZvR/1ldSrPFJFJlGNMSH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xMxdq6RJNXv+3cipkaFjREX47WCJzP+wvxmQfuL/tBM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rTFxMPX2kLsTaauJ7iEO8SuwjztZiwGhkZfS7JWW0EDHdTxCUhFdmjiA/VXHIgK8o3MouWG91AsGhWU24wN6GE1IN4SfXiljxanGErlWwMAw5IqWGPjK3MlykhHwLItSYYcEQXTCeG37GY5qxJxq49FeVm5LWKVg4wX8QktJs6luRKtUe50HJJdDWFCE7hAk+1WWxDaHJVoga5g5OShOiFr3W7zKsUhXEgPGLAKP35DkYmF5pNSiAAXGvceBVdW4jhS8VASvF5fhJVImnuDu+e39laonfVByj7leu5lVbI9HvjUWJEHZb0cSLWnIkSJKKXAVySn9deUWutQMNcIjcJL2aMbxeqUH6fsFl+4NBYTkavk3T1TCrDqWhGQVRtub+zsWFv+xdrT/G/xGhhEkE/62Cj+s8g29",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xNTBw2A8Ybndt11FZkMEplJGEahasm5Mqh1456YQ+so",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "s+XoUTYSQJrk0eNZH7n7MsXol+vlzF7tP5yRSC3m0c895Lvp4DoIvYjS2OEDvuomDSRxbQ64gsRfhLShL1UGYpGAtzk1AlhaHcVO4HqqRjFMFweVzRU3UY7QDaEM2O1a3aAuxVPFX4YBXBOBqVh0gffmRxmf0XGJxJjPs1jfoGq0WHb6jyPQqBaFaOkVDL4NBYG+Nat4MnqO6URP97j7S9QQvlczk61N0YoIS398d8c24K5XKAFDVD/lfqGypF9vQrCgjXYEA7gkNCvFBCAFuPg53dEUCCNQ8bt0dGII1BAhdjbQd+pVy3qCahWqLSDNR/7LbYiDOM4eT7RWFKIgvGCjHyo1n6N7spQa4EVYiZ5mJ15MWd/MIaTvgj/ayRjNm2Hn4rSDLr8CST1c3jDufXvZJETVGJO8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xODUzRSCiw6uwvk4yAvOuj+ZNAx4YdfE5Mn5e5YVROY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OPk0yVLrMY/6iYqn0LNKkWrhqDceNzwESKeBycH9Fs1j88VhxzpVirLm1W/bdSI0js3rqs+Mw+1WMp/ayTsYfLqONwiF16gB3fSYK0+hmmfRQm+ky/zXpFyjD9LKZ7t9cscUnuFqkXIY4nVnmsJXizOpLZcyq4ujBkiFrA7nws0TXGpdghnBunZIN35j9KtiWLMWiD9wV+Ht+CO6Sv7Sjrpk33FUlLbaHON1nGPGNo31JXMqTP1gOC+55QbIiaAE6fCHItcWs7T7UwM2FVYKwfkrUFcOPnTegm+OIfWgNip3lboWUaoxcbhfmZNO1KgAHabEyDUY5eyeQaJlE6UneiGQWv/Px79Cojij5xFTqu7ruPilQphWn846nxUIhN+ttfHyIPGlF0dUHD1ag7Ac0qDu5mgAcTmq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xQ7E2gE4o9ovZfNnPVp2091L7YUC3BraE1y5DaDdFcE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PVLEPgOaV7sj+XJE6S8VXQpngHpRw1vtNNqnkxmoNPukY3Lpcio3Y7s6AcER7cYTUED64EI+Flt9+Y78g6+Y+yNEpWDAGzlfEvBt614G9rhGnC7rkpo1FwlIRQ4yffzwTBwL/ik0rhNnAuEFvz/5ypbtygXlsC8oPKoIoP+FP5nh5MMF/xOkBkEIiriSlatBjk1fSWdnpWLJx771jyhbVoIQs0vu3rG0H9xI3FAWPjiXVXDe4Maqjj7vIQjwv4vQbXyhkAtuVzBSbx63UgiPY8gKbpZ2CaYWzyLPV1KwzjPCCN0uiTihSomwPgZpIXrOqvF+S6d1GfugA3EjMWHppfM6jlpA6VZDF0+rMS3brxKGY+hdzBqopRmbBSh6B64mz6H2rawO4VgIooJC+ppzPYpwRuk0LUnU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xS4yrsVLt6OmTrRLJdZwX2ScMSlcZYt0QyBhXg91Ckw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QZFEokgG+TpVDLijN3ger11HChlnXTinziGgbDzXrh8DMaGx1C4NppqWpeHN4c0C9uo2QqU+1qd53w+DBKBorRG1WlxefC7Clk1RQsTP0glw213pzIKvonnV/yBjkNlYXP9tzKEzKmE1Osie9Ul/WNyIJIe293CpXUuEGABSm9oqALYFaiA/xkGlXV3BtR2p+fZN3pveZxYsDjENkxs4H/pa19DWLQZ/3W1AGErTHmGQLlx6zUP0m4pDRyQyuVW73yzK9KUPV6dHTChtXZrfKf5aaMgxvDesjGlRu4zvuQUJ6abVK9Cf0PLuwEu+GjjIK2Uf93qH7WGyxVXmtKUhXj7kswzNS/O59kTK5eIRhAGerPvH8fXIFSKH8jJjbjBhTo+9zyie9So0eDw1wUCvM7nlUR2x9cRW",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xUuatKAC3wSezveRLqVrOJglzYkR6evS4DmiHVxwa6k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tiov4n9xdsJf7vf7ms+6cgQGQ949lMZFRUrIVlhDK9bUBocADCmOmSCsSeqZp3u07Nuh69iwlKHhmX449gamR/AQwClit1aJgY9z4vMSo1gH8EucD3cJCIgYmpmC1RTjwhvYMk+TOPeoKFP9blQqy2gD1jIuAaQr+izBHuUIwLSLKbSglksedH+TckcPooGHYOmVDFK4rr0kGjYCpPvgEknPEyC6rmF6p6pxkGPEXUvNm2qsGYOMg5c1iN2zIZUQGk7rAYZcTnFHbhnk91+gNmkocoiAaEu92ev0eVJQxCFq8+CfTuEIDKG4UkRjntTY8bbvu4R/NB/xXr1hP1q7A+MUM+ny9ORKuLozLo/znFKnBj0MXxEdSdBBPjZ9paxhbr2c7+pBPvF7CdN54G2ys2uusjUTW4m7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xVO2CrMd26Zej2phHD4CF3zL9NoyOFZAjl+FL6DNubI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KSBswmLmT2PCjbqAJvHgidV4vcPKoOr6Y7nHfQAlNJw+WQSA4L9iVl0ifrn71AN0YGtEpYIq/enU2HYUTjBgbxTqD41msvsx46/c7pgENj9IVgm6zsPwClxIU1XefRDGkN+DRhUhZhJqa5z5kThM4bbk0rt4/qzdpfV/PgNMQAeNOWUc3+Noyx/tuVfkR7irPtWRUcBNKWbqlcKhj2uxlqxspFDY6h4Zlwd3bb27snXu5tKvkN3lsJKA0miSMlkKqfH2cvLsQ/Qr95VC70HraKWNTMDk0vrq/JUZNdVeUnIbfqX0em7eQ+NrLoOXTzVsRbbimF+EB0Ju5CTX2LbfmeOFwGijBj8zG+c+PPsgcWlOQoFwu4NqQmIpdAk7BGVPYDlbddz8UwAEloXSx3l92lyoDl+1Mspi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xWJa93qgGbXk1X+AgSKHexzR8WRxXUAKkPJ3fmZevdI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DZuHoy3QSkVI0cKR7LDjeB+y4szf5AbDQICgwXRSi5rKfqyScNXgXZOJVQ8C04UH8AEjTibGRcpVS0xjEBEh9iuIfCr2z+R0s5ZEjwfhx6kZOsnjSp/5y8+edW2EoVlpc6JM3n1vDJVgvchSt5dyU0RFWu6cyUA7eUj8Zw4hzdvFO7IvERj17jIkcvT/k7bxxUFzm60crdGBW2qFGOGg8f8d/OxixjSzFUsSkyIQMl2OsYnDSLpfKnFZO+y7IgfGYGuQGDVMZ9SdI2rmq8nqvfetH1ZdR78gYwUmSmYbX9EUsUPcMFDL0MK39nvh93QvA1nt0PXPufsNNnsV0iJWstg7o0XoYl9NDlKu9GBzgZ1AC3NmBmcN9BpMALjhRWuPdm0ygN0CT3UQhpUOKoqp1rp0okoW4B0l",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xWclPCgv1x+MD8dRVc2nM2UrL1cCCozHgNJmjxTXgGw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c8iIi8kLXUOOBT2erIfCei+UcO5a9qcQDAxhRULYv6z0H9Sknthu77XLjJOf8KTqlhBgpvaKyW9r7Ws+0wqVvy8hBJijxY2jpocYKwccHf+TBcAZtvFyI5uzjnqSWUtZXO2ovj46Coqt7cyJhfM51qzeGsghObzWCvtm3ac12pr5upDNOAetFtskki4sO1Z43bGS1NF8CQWhDxWv5XdKsWdhcebedTGdXy+8xZDuZrt8eEYfn/nhAY8Wl8zBBxlSmylpem4J6KTUZx18+gIwYJxE/tea2RLGcPMnwg80+k/MrthopjbkRwvFUgYqZb6V3M946NNI0/CkovleY7wfDErgjr5uyvOabqtsH2LZ/DqVy6AUpjhOyQELDq1KoNolil9zwCi9ZsYd9lp7hixGUxdgCWvZSXCh",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xYg6/kqRDycw8/NuWlLiq4LIalfSEvuyz7Z/+NCXcj4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BR2n4SpMkUPdz84kG1snTIfbQrqLA3+y/Iz/L4KrewlFNbhmYpoVuMapLwzIDioIj40N8PO/RLrP5GBcMTI9fH1jrI8b9tUv95LhCOMBtTzaSrfVkS16IOzXFRF1gZkXPhiHUJa2NE5hImb6SFoHVJpXvG7joINvaS+blIxzJqKA+QPR1qDcQb+0bRhA2MKhHu6Jl9UwgxUS89PofD90hmUoYhlBGcZYke7XHKEionTlxtHaJiWTafE+9kVJR0HphxlrpR/yil+ZKwj4CLD3GOZ4VMtrHfia0Flo73bPDp640zqVVDz0/fjm12PStzy/YPLM0cmP+AFkru8VSL9V9F0sICbuZC1tv6QzK0oJTz75Us2DDy0n1SjNOLGnbn5+UWamAA6pFqRexGQSYd2upGLigaFZX6zO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xZAO74JdomWQWEwHd9ZZVaO5o2i5mhb+NKcKPHsb5Kc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YDxdNz94d4IuTcO8MbgRnjiFm58sHRwHM32dLOduLC0LsDLXZPDZvHzOkXwLSIhS8XoPAq4a3zxlhAminHjv2X6iZALAW2ACneuBF1W/09DHl2xzkh1tBmQHG6I5HonS8fV/2TRPhxO5P9sJ9ELzqLp6H3+w29hAJfsnPC2IHyjp2Wf5Pd8rWp0/0z2K+PxlUr2IjdkEytnjsDcHSISbWnixlNgOjDcyy0eKHXAhIOZUElY6D65ExEa4SR5zVmGgEvGLvAO+yMqu5ZnAFrJ3gVzLWd/SjNfZyKmOWUJFgvpRKHtMWUb9stTKRAERoAAlDwWLfi+Ifu2aEOMUUxv6cMSIshjw3EwwFA4eWyqh9ZjMlHqYtEGBluCM1Xg8pTlafZ+lIx1gCOUWPR0790NkR8Bw46z+WtRq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xa6Tjl0fGXExyHLBwBQ1YJ6sXr/0blLu3OhyCcn1bWE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "C8+0V9SNdlfvQPOuqNdl2ax5+7o4QDt3iwAmIJ9B+D35S31x5hi0WjDFVeg+V0ga6uUoTv2xjHmlq0H5c+VV4oZ5e2WRFg2rNetHXrgGadOEicNukfaNlSWFs9oS+2J8r+sLFMc/9UiLtOeXRqUS86fIsII5CcRYyZzx2B3HelMsK5yK/x5Cwa8/ChYIQ/UlKs4UciHt92n8LgkMh7L85cNgkiOn3bpv6xsVk72J5Pg4bTRz74SYzce8nfp8Clfn66KCUxVCN501XVfHCCKdu1mgIprHWYaMnvEiVyiWX5X7yKRWP9mz8zTGD0i6ObT4kO8Hv0yl0ouOoRmmS5K+lgZFwEGU5OHuI7VddiVeLPpwtXBIuuGhf9XdGXbQ6drD4IPz/uSiTxgfPmNiIHfus7q09Uy8hqs9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xaDifx78TjU+qjB5G+Vzg2rCAE9iONbUAaYf0MFpudA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7wwNcG0cCWW8Oi5jjLKpkAHVl0lA9xISRmX9GHjDWIA4JLqDeSDzBZiSwqPi9z64AGBepB6En6sA4LGl8QnLyjTqsTHiJ0Cr/Uq9yqjoAV9ozrmczpek0s3XzHTqW4CaON6VHkOLfbf96xqTZKQvsUTRodtfpC79Y6jXLuR/ZYTHfYIM1fA4JSodd8qtihcPiqANNVLg0qrOw+nNdqRqizBc40TMFLqrOWww3lnCJFuR5QjnXCs29SyyOI0w93PUtoj25ztw9hO9JX7slo9YJyq/1qA9KwniVchPX3/sOQK8qzrbrRtEUCeBurbtC8D8J00ewAc3sKwSAiIQgBh6TToAZr1vIWsh4NWN1PoQ364lRkkTgtspfEcBMuSvuzXD02kUV8H6jSa45uIq8YWMajuw2s6//Io8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xboS2trmHE++VcnVE8UyVhb/6NjvKEm+QEdtQH03npg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kQ4OPYHmgyQYsg3j2Ljip2ziUpEtVxwywUFZ59/alyPmRDDZ27i5TZwl4hjNwzmzavk2iVAGUSLfqryIcrchoIfUStLaZfzIibb9ExLuna9PkKoQDBALvakKCMWxSY202iLnLICWVlKpjrbGOZYiO4Fww7Ki7COvRJqQqC5ZqDse5x/akl7qK2mrnLzMqb+UnMhvuCPjsfMbOVHMwYWsNtuPbRkg39/19Xd49TFpJfS7dpb2tL2F9qWgpNfiij6NOJSQnCVJEDo3z/9o82e4bHdVG/+wgp9AjtI1K3D5TafG8jpxPpuN+2geaqk81+1mreAwN09eZv4NaQey3xKmaVESqMlJuIc/z0iz/e6GDNcT4Y40aZOlvMrrAdQXkuVvtOaumpH0dMbk8sNg/zOiiy+R2i6ZjT0/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xc8W78W+dO7PSNYLm/DurkVlGVcfG4eO+8xquIx1kik",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hRYdYEr0pQY8yVdo7iuR4eP2mW+IqecXKXs8n1lpcuo71FGYSM1LA8hOznrUgtwUAxA2+o1pWHC02sLv7nFCWnymTULZenyglwTSwoeqrJq8xDgAFYuEgOD08CvY5w99T7EXPjV6Q9v4uiTmNCG0oXi2M0LAj7/Liy+e15NCEMeeuNmvbu/+X81v8NINsB+k1PERGb47JXy5dLkkTTYIaoUkyuBUAsCoc0UfRJET0idFKq3nym/JGIilM/baxK3snBIUQT2M8mEyO4kfBZmpgGHxu+YqduPhvrRx1Fa4ibH2H3DyNEzLdfFakQQuph480Z+bSzQ8QgHKhtQG5vKmmQWr6wpadD1VP0gujMUjz/9Exba+fNcKN7ULOxuLaQsqstGT4H/HmTle7a84mibrUoFsjPl5FgSs",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xdwYtz9HW1+oCd5K+93s1ecd0kP4JVBpa26D+ExTDTk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "uhWNSI/6gNomtYt18Ilms0QfWpTv0TkQVWFG/dH0OuqheqRCCg0qmX8qr06Pz+lQSLFL22UCora7CDjnmuNyePiwWXvVMLr3QqSEC8A4vyAXPhZ+1WD3wwKxgX/2tMX0OXWzbFcocYSVaAQ01pPIKZw7OZ0mpfHHx9jO0eYlcWTMOdi/X6dXJsvMpoiaVT/999xv+aP0vMm3BvSXiOzba5ewzqd1wHYZx/e+M/fQeaDwexqEHFyNRXnMcmfOcwr0l9OnSg/Ne3aLvbeKalzdF0OCOd+8lgzBY2K1OM6SVDxXwehqR095HGMQjOrpwOt2LH5HK6QPky/EWTbMfinSV0WdDyV092ICI777ajwrGpNmpS8kOirjNX9LiCHBOCB+Ko63w/YXS6jEJ49q0nqGQwL9Ni05K+HY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xfNarmAX/JrfxkZYCP72bT9ZzYPY/GT1/um4KWwYfiM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UjBv82XMAAS/dtu0IFPGcc+jchxruuQzriZjdzlc1fglmD9TXQxL6m1u4Egh9qDNw3QIM13AKin2PrTZ3znG9cIZRpQXJntYAsD4Exjs//TrKJzW3/CsOMFn/Hc2PjXnRWpyv9UV5f9L8j5aAnS3Gj1wt5dEDAo9ztHP+hewbP/r6dUt8jA1fithCaBbBEXcYl9vdtmF6OOMITdzoP5RCkZ7c3IvG+BlGRtveMr+PAnbepCGcF3YExbE60NpkrW5jsjfIzCJRZTDk4V6Bmbe/VVyxtRtm7IpmKhYGKw8k7ld7oktpfAynzLEwggBDrlPRMw36jeSpCFWwFAwXInv1/3PDx+9HzJuWA2nvGTHMmPVP896Ud+GWIte5r1cqe5ulTIt08IMW2MjvzKMUAHiBL9ZXYy1Tcci",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xg93MX6kcbMvh9bC3Q1Wlv73XddkJeHoAIdmOEccPfg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "e05rjJIrWNxFEG+6vx4H4M2W6MJwssJjhtB+cMpO/kIbZfhb+WllYH8/EYTUe4U5ZPEl0pDOav7KiHbQeHHfO6PmkERau/S8TdODNJD/gWsqQFxTv/ocRpjDIdgc4iXYXF9gipDTBpW8WqNkrQg7zns/AAfYqyCM/HdReYuY/wezqjeSJlyT1vvDjzJYeyNLTav7JqtT7186VyF0aCvKwF0ZOVY/txhj6djPbAjaibjLGGuIJG1TXyp3xC+PU9L9MrrXsAgvJ7Y31xszkzNy+qFFU2TOnxdmG69A1j9Xi3qXwjHpxuGLrZPkr7csL0s4uh/zlst0FiouiX59rsPYTlP50dOHpIknbs+ytGQJOLE780av2SVfQXja4MR4DSV5bGSIQxdGJ3+UXjS2iPAAkIj1C9u9SqH7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xgci4EZIOqpXVEA2rN83a5psTdz/rcxipJkVXghxLn8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xjudMrQ1qqdqiLDvMp1rJlzQGjnk8kvvLtwcNWqm665azni6CeJf2sQ44To6OI4A2IugVTjEGXRJGXy4f1vcmRd5LSNhASP4782P46b85fgMfMZzK9CEO1MKtuasK1r5U6robMW1c7OvavdzyL2BmT/nBTh6q/I6KKcz56fOhch7xfj50ebmycRyZTEuWN8MGDQ+bxo5r+IZPvt3wV4v2kUW55+Z2vMnOAbkn7ABM9jvdW88TqpMtUJ6L+JjIlKL5p49Cah6YNN1Bf0NxIS3AG0Y1Q3UwIps6Vo6h4E16RkmkwAD+vacjNrAhoGzvjp5YgoE1Qy2rMZXWAYUN7pJWRAnWBiK/laGgFzJDA52umFlNh3zXqagqZkVrRwIS4L8YKb3kon1XMchGEXbh3QHZ4bYxh8rhPPN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xgpOSvcMUlH5lha8utcFG2pQVgZqB/3i7/DYeIq3NdY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "c6KzfRI89w+i5JwrNk3i2HKDTz+K+zCevtQefKAQkhdy1z5JyeCE5MIjkI5GqBdtOH1rJGY2FpFLdXeH/Yponq7PkuHAs5dSUHrJayR3xstSBoUVaMta0eEc2bhaxzgVTS9QKF1q+NPC+cQpGKXzPydWdcevH6I+rShNXRe+qYreljw2jXjkuxXv5tpW/8xbFyl9E8LOQA6IQi7az2oSDoK5/+C5KPTlzEZTh8bRtS2vP35bEDg3N1SZIqpM+jD0yhdOTIgQ1kscx7NjZokMQ4QZrh+2H0MznOnMjElUJ2pv3pBVkFuqiyXLrCduPQ2IKbH4hvnG0e2txDSxZqFjW56AxxrFPI7FdvzJmjfy9fjaF1h1eUJTbMtJYYEENI09gTum4x5aFJsiim8Lj6Mlpwfi3Hue8hSK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xjFG3eMsfn0owuk2AkRbk3lmPkoF9sGRVjieo4uxKtU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mAt2q/IZehf8jZwg4YCSyyLM1B/Kc7RGtE2ao0nG8m1F78T5BgG3R/gMhZlzigJzVdxuiRX/kieWH+smcmMt2kmfOtS+8kFUKXozZGbhzDtTvrWnVyMzxvNaAMFKtSRgJb1AMyr+vb4VkrhRINLlo2OoMjyHBtQi9RpfFWCML/YL/msSmkFlReGmqhU/Ukmo5SiC2FZwCKzDzGkSiTaic6tWzJGPxaoff8V9Ol/5RkFUFdrM0DbE3vylygGip1ZDZhZiDJZsQwVS3PEXSTnAV+gd+OarjnZBtjd6CWhXX5mO0i/kvoSfxi0u+1ZUyPehDvVvJqayu/p945mozLZUcpJngvUUBMx4+MLMOw5XG41ikR8JcJLSYT9+u+CyB9cul/2K48c9I5X0tu/eFvZtSPl5FE0tESAt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xjIoPce6sg3c0A+B5nGZi381QFmej52dLHtDtG4D47w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DPIj71l1LuTrgn8PMsXFdLDIzOwCBW/22vZbkRd4c4fy1tSSk5XNqp3LbGBM/AKcRoHL5WCKiudntBs++AC3uWSIzwvQwKUeiXsd2R1jvhJs5tr2Kw8/Y4tJrgLzug0hIvOSFBPA8910JEJCJnbgSrrWF066MGuTdXsUBnHb3i7kLyp3BtAlDJw9HlNEj4EqPv4KZYALIcoEJZw8H9od/NLWsTC7qFg8aNfNxcEBfQe9Vy6Ji3BSCLKox2chFqh+wnREUuqk3RObzD/nTcWnAsPvxRzw2clwiCB30nUMsWfb9ZPAIrBCR8iuzAa+JiX73v1Qdi+n6zjmQrfN2EOlX97hgyT1ksxQZ1aXGfv9T/yjp7CfX7lra2PVTLtMJbE+cngqTaJJb71G7HT0GIQDtCpsO8YW92d1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xjkW86DwmIczIgxPkVtqua2d4gFtaLje0q+WEMcotiY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AdMdFVfNjLVPOKt4LV59X2IyDGLfQ1fDImciIhhKAzgjYecod9SpoBQoiLBSCOiyqJH0AuD0qKDOK/hHOyU7jbCcD7hIrbCnCAudjlK7VAo6QHuezAlp+AxTgdkCivgXbXpF2s0feroD7fOnrn6p4N+ZvARBI/5plwO5gYsbkc4ZpChaDIRICCFPuFP7dL8d0JXHI8ONFjgC9WGKQE58fgNpPxLabn2XBW6lL5LMv4L7ymlqful0Woy71IM5eqSTYVYVhq4aU1OghfwLjsUxG+bXSagTaT7csLy2LtB843HMgyjdHsfjZYTR+Bnly+FY3+JlRyhodO49787bL4HoHDfy5bB5+wFxtqwXdFcFBKyqJ69ATGuET+Td4S1zFKkBtYnoZ5+nZzZxXOtok/40XW53mUL2z0Kt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xjmwMw3SBzqE8X/42X7vl5koiDb704VTRhrVbDvp3Qk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "D7Agk9LkCjmewWVszads/S2AJX2+HHg9QmjySCboL6C8uHlVnZScQko4LLXM3N2M6mMjxDLT8Opw5ezvRH899l+59Sg7v4IiPVu0WhpFxuc+e3k50gmcV9364cTRYN0IS33J/LBd3aLGVWIBLLzRbtrkCj9/QRWXKfBrXb9uJo0ypjS9yKoAYwZNTZQI1r2T7j3LUqvlaL0ddZO9AtS2zbpCuQzOEeO9DTjj34e5YlwKmUM+yAbKY1ZENseBBbZ7vbgAgtuy6vfOB2f48XDJtPvyWg5z0pWI47a1eamUb0I2qx4E/5PWic0Tdm2V4JV4tCPJpPch3jlflnKlgj3Gr2mOIpzB+zbt2VYb4d7x7a9A0bjFbu+eGjnAXzmHLsHFjpNWYDSSFRBQSqNHljLU6E9EgzGum6wH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xkN5rdUn5c+lc4y6v30YSDVKTi2GWv4feG8YY6l6cjE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Nd7Eva1rbEwTTAt2xE9qxZB5VRz682KnltZ1P+lP8BSlfb4wDUyeGl4tbXih6LhtnNimd622ax2vZF8xxIhmFy+Nj7a7iZCatUl07JglrTxYnHEMd13ULFKpV6FU6InPW7AL7NmT1X7IWHOGveD7Nzjfg6SGQToVKGepEYzuNkoEW4WeoY2XyQ0V8kTyhH6FqbOKZ4WZI91FgPHCZKpauQ+fqy8ENxVOzAajbGf30TIrWF5QudUq6+EumGSG4BP1Uf1ETG9RLxVAE84ceXkd5keP0vlB90VOmvGQ4k70kTCHD6jRdzRAHmwKZdSjXZfLzl1u/uP3eyBmx6KR/tHNBAVleeqkNtfDPAwoaxPy+pyJyN8/lJT0mZDZQUU0wVsxofIDTcbxiKeTqeQhtr1e1B3cMvpR0046",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xmz5tV5VAmFe5X6FPUafOTGkMuFz+ZPL/8wlYn8wF2Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qnRuVFQIq96p1KTuYsFB48GFHf4GDQBgTMGbpOgv9xgS4ggmYqmMQh9wEJLiF1Y1WhSL92b1Ksv3IRUYYDqlw1G2pAAz+HW+E1AXFTgwZcVycYpz3fAmnOlYyekb86U3AWTDotvxGYwao/BYEwTza8PJvpL4g34Jz/0xWSd0j3XJJPFzHkled+0vIXRPrqrn/A2j8DgSz95Q4HE21W+JlPFeGVueEOiLO42a+B2D/X+w7elN9hOF6wc4P5JyUEncNjwJ1TZP9NNkYyXx1I8CSwhjVsG2VjC/vm+V9vPD6OI2mSpmagYqBEGNW76tQgn0FTT9Ski9CwvarBxLrMvQX0xtTT9c+UClNTCMlLCaLEp5xbSQQSVzQaqpiXQVw50Nz4gbpyGgKACWuSAFCotWHgwMp6mhjOPi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xnVtUQae2yxJ12CwwMFbpOsIQ0/08wGHQRYu4nosKwc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DReVs1r2HztvDPpdWGrWRlgCc0cWKGFhie6KyFN2ZDL1FWtdRpXEGtuBLkUgLEuR6sWTRU0gTpd6RbyoxDZeyT6W4WBUuIOfK0OeamShtoKecQXG2XHiObFoCzLn2xq91qH42OMK8etQTlgryoguHd/M9YR08P/RutRcZ0m+dzxPjwVOE5jZVG+ySyv0R1DmT6BQrB2FXwaJm6739N14VWES9c9EqQRoCeD6GNQMPobwHQqP+H0/NTULlBAMLSGrgsWUm9Lh8WveJOlYG6zLygSfi49PVi4YlZYXzEFTalZjN1VPEGFRlEOHdvVzedZ/RRaY+YjCRfPSrQG/6XA0GmGNYtqZ920hnM0w1juvH6ssGmKn57k+RvbxtQk/GGGs5m/NHmR7f+pwITNLVp/Ozh7b7GO/z75V",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xodrkd4DiN6FqKGUjvekUvAidSY3W95xd9TNI2kDgw0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/FqgPMN5y5ojNqedSiAMxjPhJrzgLRnWO7lNTB9z29hgqYXjgtxlkAd1LpgRf/wD9QjdaYUd/eZOxlmm22o+gDM5DnMJi/mgHdiDcJxm2L46uewgRkTFfmq4KE3eMJoigkDlkYKm26e9z5u2hC+aMa8HS2is1XNRcD26p5d4MU0PLwaPziLSm6Iy01RZWZhs8Y6QBah9fJeEJhQGnmSwKkLsroQ9kOD+UWn0kip4DZ5QQ56KS/hgn9QKbzE118Okcbin9g7twt/bKHog4of34m2oP45WxwTPHHUZOc5ILYui2CC+8eqMTww9GP7gR0FF/e0EqiBrNE7vg653eJ1zxmsSgDXc8bvb8BBxXCzzG9esEUdAeHUrNkgSfp5XaS6fKshcC1oHuhWdB92aJdK8u5AV3zPDIzD+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xpq2UXGtoa0U1magionKQmWysysbQKiVpbbKfJe56Qo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VXMtVoyZEILTAut1mw0BlV5xvP2UreEWbGJqachuyfNz4NBgIdgJSk0kl3hIWwpPlXpdT4ds5P7KDaZZxGnL1gaBQqNbygEWvY5ceDeFw4d9s/vkM/5x6uZpgkuVGHVn3OzCbDatGvFc8gQ91ad+p3857xub4NXwLNFOcF8RQ0xoFrcTcB7qB0GpOkPK4ndgFJJohH8eJNujEF9Ng7CzJ0lCRgD0MOlIiFv6IdWFlU4zQaE3S+6COy8uYrXuPbioIt50BoHF7EFYqH+vxcc0zDWByN5PaGRWBsCyVfnharCST28kiZon0q8T7zS1fPc5bQvvtreky4CBegmGh+3d3PUcZcG0blyTAyq9nPDG9faCtqIpuluNvmj8vEBGMG10maMUAK5puqhNirkSeOa5bme3g+1vaueV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xrAhRDaEoFIByd3zzRv0J8QECI7GIW8KtuMt4W81gQg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "M1HE0AhkKpS5LwryiTWlz9zSjhjYWNboFdoW1iF8D5tOnSfXjom5v9HsSrfsd35USnM7Gha9iP4S6oD6sSdguKcVhR+zWxU0FmeBA5pgTqTXqztN5hQ7tEItyHhbBqtqd6Cs4S3UkHNejf1mvfufJWMETubFED6XBVb76IQCmNcHDLg0yWZxPSqR+TRTThv/USsMmDuniRXKtKcDHbEWUe5s9dr8uh2DBZ656TAxr/7cqCRY4iUNsOeQXo5dC6HrE9HdKwFCf+vE9Ajtqib/2+eUAhhCJh/TgdnX1zPlEHk8d/qN8j+ppOwIxEHShVlJzZBgGkWIFPHWARiEyS/mqS4m24NoaZo4SAXEakA1yntmBK9/Ib2LwOatfcII892lhcWiS8lUqTU3EDkJIhxd7Xw/qBZuSWGX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xrI/5lWiOY0ivHvzEgdGKGB44QBpDMur/hrZ0G95Bgo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SmNsr6v0CNxCWi3o0W8ykCQxG0tKn8H8txaQu2peE1ITBSjsLPcE6BdM5RbhXI/Ue8d84OX/jx6Ecu8+Qp6nMVUiiBFsMQEJP26FYyW9dbl+3X+ILjnLHiB9aNl9GcgTeKVgUjzU6FB6FnwvHdq3gs0qOtu14OpccGWdWl44jdgGsXoLuw0qhXwnWs+sUiWjeVGvNrmFEO2f88A1UVYzH5iB7OnPaBdAOPM9xAJ6JYMV/jbCmiJTaOGnJqSxhAv6jcvk0MhK6Zq0m37yQxOsEhZPp5aZuHI6Pb+iGQvkabc7reRT+ulqyUu9QOyRszTdo2RTRuAMYMGEuBjOJXbzcdn/ehZe5w7elTH5/Ij174k3Hkhyywc7JUQc3hYfRSEe6ImrQQ28j1nb/Qd9dnnbp2clM1892e1u",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xruyrNwExKTF4uL2qkiM2JaSpof+6UOkNc/nC9PPyEU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+Jo2GYZbwA74vy7XPgjhYZqd27VVqjuybfr7QUAOMn3AgkV+vJFnOJEQLn+nE/nryM7wV3HUOlTP75XFUFwaXl95rlnthuS3fedqcU55XHhusqfFn3b4+Jp4RAORd5cG/FxSSF8kseQZR9V51XFpuvFH12iMcWdvD/B35UWZRbBrKnGmwQ93cqXkYw3RKAPlUsGduVcVGmTP6csIv5bVAUZL91+l0lXIEcahX8pYuuUR5ALlwy8ssavYl+MaNu75UAvjkDUtqbIM2QP7CvDNwIAYwc0f4X7LLHvFzzDa9iYoqy3PaKRbqLkZF4UL05v05f5JrF1b5jr00mTknnPA0yQdZNqybRDDs8K1d3UktEEBbueF5BryPjK/WbhiWOEUBRTfNYZzO5jiwVaFB+dHrAvv6PeHwAaA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xtEwt+F2xuTGlo+yes9lclzT4F6Z6YZr5SK7ET7KHTU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qtq/AdlxbdxdmJRERXWTq/5BxN0Y98yJ8GB/KxXXmJFxhFKfMg7zK5bhlI5AmTTCPQ1DpcnStYgH68+jzsFgJkO93xuu/bK1cPq/wLZRpld7fcn7GYoO2GynD9FOQn8UJi3z8HsHRGVLTkzPzcTtoi+3HuR33CLriGNAyEOHQXEGe2rPwqIjrGfzv+m4M+SxC3QHyoLgDiGcqgC1/9AIE88LqDbQOnaVRVtuVMP769zSBl7Q5p7nCfkkSr9/rmOUuidXE3sOK0VExOoG5ZvoSjKMGFXWY6OdU2TxULMoIcgtDc2Dyb4arE8+9SGppzsxyf28TOsXZhlOXuPrhg+xt9Y3jtpiBJ8NcutKZ+hrH8rbHx90DKb/cgBchMfB9SdMC4i6ItQpMaYdixiHFCOesCjk5kqP7Il+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xuBfyCcm0frknlgPcnkwoJc9i1IyOFWDzS+z3t/hxao",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1dezJYybJAS+eaxAgSnqU4S2vFqKhLD5oyN+dzRNyfKPXwN1xnSEm4uIMKuaWb8E8iS/i2OweRoaCv51NR+fzclmxZqMbcCjmgSIJMkC7iKVo8gsRzINvrq9BNzLAa3jjfKKopKwQ2biNTXqr82UcKzQTnABASI07XER/WRrU94msn+WXjollG+y11QoeMKvBt0qmR6J9JULRjBisXReYc2gsplzjymFqN/IU54P7jVdf5eyrkNLnPs/Nsi6B07qDS6mzBTjOLObpUQFVFuFHz/ST7foqkG7BoLASmyodyeGozehSFau+UAT38r+6VF1PUW9YAWVhbbYPYJ+k+rvDyozbeLF0MaBv3m9xTjS62kdld4zZBaHBaBohvCgZ1O5jy8AifgXlUPhMgMXqjWi71xzkJ+slLvb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xudwOVPA7mnzmfQZ3qoHvGx3kLpnYXCUG8uWyyUAMGM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "OYxJGCIhEMSF3njUtnsXTQw1hcROf8lpvIt1jxOETVVlkuUD8bt5ag1AiXWJUL5aetCV+lI24KBnDpT0VTfc7VHvrgVW9a5D8HkkdrPZ5nkARil2vcnU9JGitMi6IFmK33MeDHswrWcYegNFh7jtkOdWJEjzALV4cwt2/lPXyP2fTcaXAfJzhGlvP6p5Ez3Z19rjO/CeHtMuLLA8+CwAYB8GL85uaj6goFWCl0GF+VH8Ya5udQEG/i4CITlnwlZxcF6PaaZZwlxiLdMZsiAkdc9cmpYf5FB05JI1jI74fgVAhfbubcHFBM9qeNAB+65yTGk/spSljuGP4I43sMWJ1AE6qRwOINiZk00U8xMUNygnXK9gGdok2CMU2ChgzckYAut2Uk3vR+jH2tCN15PJbLVA5WHlz/DB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xutLmUA4iXzO41KIfsiwGhDHy48sgwKq5G4TphNAYyg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tXW3yh5zxztWqsTimkHJDhoT9K4XiUmVF8Ce4CN8FS9FNeUGLoKE0QV5pEX1UWuY8fL4axKbNmRFZt7MUHWBcaIOLYbAkVAZimkYuASgBbgI/iW3A0aje9CDzvQ6sLZNmnU589O4WUhbyIYZGP2cYaBJF8i3MW1ckAWkPxJeS072FWxaN0WYoUIR/W0zH0Kv3p1clQPkLLJZdV3Y+8ABYjamnCxLfBjDBjfJVJ8LJNRBYoJq9kToRSJyeDF9cEr7P+XD8S4UTek1RKbQ5PriuX9c/hDD9I0U7SSIqZaPyhiyHALm+eiNr848h88B/uJVcEsfqgiHJ9IvvGp0yiBg0uBT95mX+wTKiGkPwbuIMwUp06FVdZ4r4hWEou8mGWgKtQrErpfRSSeg4KJ/hrRcNRG1Y1jf0Lg+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xvyTLPdJpNeRCTVULrc6LlxiQOGAuALMQFLY+Tx6R6w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9ZFqBkj9N6leqFBJzuRwOSoiSldQ9UKH5knGTPyZyhfY3mcsrb7Lzs1Q+XliulmfvBDW4C26gYYuH/+rri06HshqYMFiuPnzX3JMwtyvPSCSYJ1ajOk3my0i9mu9RgvSasTuDcH436xt8yQ4g0I9DUZOGh3B6SYEIBloqG5pkQn47uSI+aRcluNATLl118/ys5FC4c1dA8l6GHB5ZjkAjPy8sYW8ohjXlBlhJS4673RgfG7xxUnF0E++QEIjbvKU0kehdNrlLfRzinh7zrZH6CKHx3c8NReGpXqknnXgtKQA20iX9c0OysB9BKG0CCLWnyX7bnnIWkok2fn8rR/l4OaRuiJ89c9T0RrwYN9JBCCGoq8cpTY+v4TuKSvcTzD6SR4v3ujYKUdlYUedadvQNWl7ULNMnt0O",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xxWxDX1Ne3HZXqHcE3aYxl22fdnYzUhrD12k8lC0VGs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hs4G6P6Xgg7h726jedidyeRCAqxhoxt5U6hDV0dXAkAUn6l9FkmU3ApV/5fV+2I7xScmspXz6h1k23H7X1yzy++5krrFO46+sgZ6CDuGjEj7t5i7+CXzRJEyW1MIK7m/GKLMe9eO1sy9SyYrHMw8kHSF7NNiI7gNWVpAMkoYoOH4wM9XzKADGelfA6suQIYPXq3FdHJLPxOkSiILQNbHN7i0x1Sl/RxY+gyTjju6TGVlyw26nfINoybrZ5Mlq0TrUvvMSJG76ijlo2iBoC5ICiajXFxEGpbs+mmJkhU36/wVP+UenOuqI80idigl4sxagzZfPvYIyta4ol5EUUVeEFJvAysboPGqwqytrYv3JORYRuP4ZS6AlbG69ORkpdzp7m5PaxrDRFFV7UYgtN9LwkOmQIK/FsPw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xz3M4F5nQOIKfQjN8qVg5ct9yQKBhOGmUDK3r75dE3M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "iZlZKRHIGb4uItULiJfnzJJnng8C10N1V4fenDV33+b6FcMdzideTPYgO7EoNBMGETSfzmnPZq2TgU7An4xaIpc6WAx9muQlNI1rL0zbNkXLAO4Ql6k0ChHXPdl06q0U374gQMSMuc+nKCwnM+NqGjK3LP+bgXB2c4B0x7J1p1EuVFGMifZWlROVU+4ZdP9JYqlb1LjsmlSMrU4UqYH3pG1c/1vogX9CCZas9WlPxfSUV5wYY+rfCds97L3nBgZWWbGyLSiu7lN3VLRkkjR5/ATUOaWVsLMhlkGmgBN/D7SZQreJQlJ2jqRRtqmfCRl+X2+CPSz436J30RUF9nqfZlENk0ij+cM8f1b0SfzGEQndBnm3M3/usMRbpx+H3CKpSZMqCwmHi7Mtd8YGMhP4OD3mI4CTd2mU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "xzRAez2V0dwohhCY+pP8kT4yS16bInhoDYVHeWJYk+4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "QTvOs/12hBVfzC5anfwNunpmOjOR+Ef1Vw8opIeg8w43xw/5XgSBe+nNYKEUI8kPTmEy0ACrjZ946czDM3n/d+8XgrjVU08Pd8pz5JPVqD10P1X9HD5z7Vt7yHoUCK4DV/r6lXVR6PYc6aickvlWORM9uRH9XG7PPc+hmRWKOK3kCItnNvsJ653+YlywDIKU+xgP/4FZQL7CFWD0HyQo9gKGdA9j5LdUW6yG0uGe7mCuoX4TJ3i1cCwxCUdrshmOezOgEpnsVgyV7P4JQM/tJ35ULH3umndDwcFKkwCe4zN1QrC+/E8KU2KXg/WK60p3sui+oBXKOrlY0ki/fA+YwiQrZou/wSyFJXlXL5Jb76+akNkdkP48tbl/vCIiRVC8bxJ+Wt2OsRU1Mxxx94domOrXmSgiAP16",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y+M3T0cOVAGtV8oqnvTzkh/QYMyyVJ6LMnLY0tCOY1c",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BDbDT/qwXvfhIuSjrbYMXSqYzUzQi6m0WGkTIc5hNQz7NBZYILwZzItVrJ7JHqaU9btqMyH1VTIATaWBNkSHJHnNYnm0YesWmZBbEkJNrd5z4Cr+RrGNFAFA0G1ApayGl2ExVwKzZvA1pJ9sUMajHL4Ad63oKdUJ9V9jTDUOousi4Kl/YUboaacfAuVWHdBMC/Ona5j7rZT9/e4Z9H/LWLnKZvVdr9Y6PwbvsI1RATvT179c54S8SDj8i8+tnzt7lGsbE6HmMkU1fX5s3AyIqTTFJJV5fGgKtOWIKWgFTkBSngAbDKZJCFPAuzY/yF6jdC1LKJ9kBRN+FSP7E3OMxTQs+T6Lr+ul0Wuyqlelo49eAe//0qRenEpd0NBEUDY6rdHJ+H9F+4G4SX1/7EAlyGbTQG+o7Vlv",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y+NyAEFz5eF470idWpLjSixUuJBGrQ6fYbrmar1oIuM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TBsqfeFC6MNR2ZmfMWdu1XI6flwmD+xfXybY8t8ImeFNVC5dPsYFJdiEOBwODvNNPZ37SwkdJ+Qyi1ByHENcYILoZaUAAfTPIAATRCEHCZBYsa0AtfCALBrUpFoW9svBvRaKzMbE3u1MpPWm44zJMQPm3gjFqMGTbSo+do5Yqe8vePLKjoZxLZvPqQOmPD76+D0kJq3uoU6cph+6nio0qrvancAUvPBAnkbis64iwd68iheIXmmHuk04U9GfGdq/RuHymdEByDa3GnQmvrqqlXMn13D8xxdS8k8brnWMlP+CM6QwpZgt4canqT90KG4Ka/8k/2/yyIhZiEbz1ce7qcVoky3JD3DGovhnTJmCCJJeIbeoRskT0kAqbYx8x/hirv8DyoHmaVEd2r4au2mp7GjZpZ2MAZwa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y+VzgZC49ArSgf9HvdWM9iuu6yQmFU7tSogkUPNLeG8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rYQEL4vDmZ/iGvz4Wq2ekf14CzER61I1aZ1i2VtF3IZxSIyRMQY3hrON7rb/CHSJXXEa2scAvc0Akgd9bWFcAr2ajWiVrld7B0daA1djkD6w/khmyIWFZRIOdjDRTfOt04mK7eXd5jR38YC1SMy6ltM09RQ9/Lf8mAvxFZzsR+ZB8syL8aqcnealIqzi34jL8imee80VpBO5zx6a41Hop99K5PgfaNfqxgsE1pjQIKBmCxS7O23dGhffOiT86GGrzk3I7tANcae8UwTCzWzpjgr6rayvlTTYj8kUsLBW1DlpAkHpeGrv+IztWzhd3tuITh718Lle95IOkKEYuvGVEt+hQ3TMj1+5t4H3sCHm1BRDxNFtToo5F/FCxCDp/8a/o5N79NWLDg6p3QTxqntLsz8CGy14zme0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y+h1xX66zV2pxveIe4+VUW+SgpoSaFlRi9vbOA0KH+0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "jatoqLiA7D0LkAgryr/cregT5IutxopfhOQp2UXWOESfYN7RSsDEiGd95a+OIJ4kkifdJS3vl9kS0fsPckG0GBBrI1+BmZhAfyyywmnN2uBOJhfU8rFg1d0i7K9Ej/uVcxgvsFGgS4HqqjWPaiI8gJ5mmM41tjnYgCVvMUhWSiGVW/Dx0ewoK0DzkklJZr/VPZMHWZil43g8Egk8MepBy14KSTaLPW4tGmY+9dtgP9ilX4S0O2rHpIUGFax19ElWF4hnxBRF4bx2W1AeFZRw/mvMc4/WQOKJhq3DkqT980kiJy6a8RdPHSTG5KoyLpGpEvQsVSwiiwgNCyQBgr7EkuLddDinXV1R8xMdqOktn6Y8hFN9RLtpkDWXcOhg/WcXxcIXHaD1QFnK8NJbb1A7P8CQSKiA7tA0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y/6cYN7XT9OiWLeVO1g1XWNGijh38WETaBlGjh6gYlE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "lPPaTgyBlqy3GclHHEyjFgfIfLmaiwu4V7t0lxi+yq/kqyIu7V1Z8gAJMSGKRQySmv7NHbgQwADUcWELirmTSegHSF3Ab9YkoRvXwxwp/j78XLui5E7HKUxltdYlJd9xO+dznjTo4vs11To3XA93lI5Md6EpljUEH8k1/RVnGp721zapLDUHeX+opvDJkYORh9qoA9MRnxZpf1erdwQrAfuKzckMgo/jVmquA3HMa4JY7pYLx6GVPWZ1leTouvMLLTQUvGrVFuRSGk+2Gtesq3bneh9ygq1p33wVsqsyxLKh33qN5pCzBrRJdpvt6HLwhgsLjLQsOKln/k8jEnGhhCqI3jL9BozlT5ZAQ/1+QvIhNB/ixkz0+7esXSge4o4oFX3NJPHFUeuewUKdjDmPFJQ4KOTiiH2E",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y/Gkhmrhrk563EsSMqgsog/ahgg19vILZgh5AN+OBVQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TW4rlMMcjbEJ33quR++CnP13SEFmutn8my8MHKCl9hlrjRrxLch/UEWWqUmruHkOKQcDq9U8XzEblxbKholYq2bGYveF+V9Zme/Lm9aFZF/lSOPaX4bHwdUR+gYJQ13BbE7CIJ2vu8cKtyEf8dpzIzDXhMQp7yj35zljoNKPLSl2fAGcdbVonpVCudQ4z801YiwaSUZUwLCibW9/ZJ53wxB6rqawZ+LrEEZ9t8E5HMUZodlv2Mmmqe339jDULxCI7Ay0DpMFa00dt1yqx6+QCMgwBm5ryEu2W3l/qpzZ8PdKj3Dw5Q5OloPTpf/dJJl2noVHlbF5fWyPd9N7NqC6jJphdTLzkJCr9FDC0zGK9u3IzIrOYKrj4yGKMJ1KOqV2guO1dXZs5C+nhjn32TCpch6NIVuZN3W4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y/IQqOGABkMicKNPWa9KUAFto0t+kxTrIaDpPPezT3Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "NB4cuTvAcly7HmRwJHXWDci9AHGLAQ5RGuNO3ZzZZOwJSzTYDuQ+N+Xr2DB8ZcFI3dS0g9Frg10iLy7RX8U3HtlJnf1hsgZv8mgGKbrNwsyk+zSWQbbkwLE6NUorkndcMHWRAtNU+M/WlROUTutpbFWYfw23NAAEpug7zzQXsXyTQjECeOadkPOglQJYBxOzWvYBHN8eXHjsiYbYWoeNIszTn9QgKRl1b8SwQSJhW0xJePbFH1vAuE1du0HYD2P68cCNt7m9a0GtWVulGidn9y5mBW61v6SMwVE/YmlGEUkx6RBYmk16SxeeOImEQTpSwClfkXhrI09e6D7dZ4AAnv7KAjTerLZn2dN35RL4fyqGpIsMJQhimxrKhGy8BzOehlZ2n6XBdGGo1io1dOz7C+sR97f1JWFX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y/tMEy2WbJm38oUKXUzin+zjWO5bfMRJYs1BdQpMLAc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8B9yJZZ0TdurKDLa2JYI7QzDLTB6TCMMBoywd/imrsN+eKp05tAjrTLlqxXibLvA6ws21C83NNpU+X4ZN0U7sxdwoscLHADG33+U8Sx6/MqwICMq5P5raeh2yxcdhjXyjsGzGiz1mGx3ykPSI60vPzPfkekQepYmELEzrAu0n9Xvr+QMxQJqHfCUFEyhvJaAWI2v8cHnKYfyUY5YyDbCOnSPYb23KY1r8IEFlrVuGBERgLDPToAgR5TNf66HuznTtDCmAeqOnu1w9OoBFV2M0R8x6hsEDRTjFXauvBadbk+uqYVv21sJJA47M1Is/Qfiw6sTNIpHp4aEuc7q9fsmDqeFPuNK3IbbYiBQWKQXXwvADJRpcW3HJLHq14rGUNrILXIytqKz/ocj/TYxMWoquenDwHIL9D6A",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y/z0uVc1GcnhsVm+isFXfeBJqiaBPBX6t1ldyUdgWsM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CeCMF1qqS/EpNvEcKTbsCY6va9fJs9fDzkfjUl7Zf34ciEln8qzSMjUfP4G7UIxuENQvW+JAumz6K/uytpGNd3JgwDZq6KsaOW9Auvwv8qkhFw+PB7qG9Vc0+GHSoPfoGAz55Xe+dSO+rZ4daePqxwfotblof6/4Yu5h01RFVbP1poGHGqXvB6b9MGdNnIgkp/RSpqztRzP1ogeeFhYECifU2hlyCLtltDb9bLXu7BUvXiyDz6LVoK6TPoRrnBesARfkN02j6Z3UdbrAVqXoB9+0BsIRXs1r91LrM0nhN8cLrIDHTHwBAgNmBKfH2979+11vjx1tViG2i+94pK3OJd37MGnrBGe5ofphuMQ0yqGAPX7ErwZ1kE+xPxwU0Lkomssxi16WNb9kPc+XuS2tE05sD5DyFL+X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y0XIb+s0d6qEQdLo1/rssd/0b2nrCf7Z+KpCQt6slpY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Buta4ZT9oQ+YiyqfHTUU7/J1yWWPAqk+5bqNC4qBYQAd0pjJKTV6PiwVRyNXK64/jC017lSKRVKToj8Z1LQm5bx8MCHR0ROOw43b+DdQ4lwWON+KSz0f9ODHsxVyTfF9cq/RDWKXzonMqLc/WaKh49M8fXL+XtrCHUKt4D4ThfN4UgEi/7IJlo/OH3oFAGHE4ueObp5Q/URn0b3Z/UbdTVgQg3pu/gDVFB8Yr645CUKEth/OLAJ4ArI/PD5mVfBnZwloqFIpW1uQPRTDySbA9vrKyDP2J2oSCk311hI9q3/lxRCbSDy+AzwKtu5v1La99051TVAPJYWfwcLho0HEbIfQ+mKpKb2AMeqCNoIsKkcqbL7LaXkUp7/BpODZwn2y7hR5wZTdw3nDAQaEemNlkBXiCKFjSJNY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y2FKsw7tWeuzStXWlBV8EdZ9oj/gEfGtbjCQft0EAfg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vfA6bxVfDNo+ICLIkmxQ+N1EurilTDmOZq3ft4NrQllVR+XjvCtwjqmft5Nx+JqKCNQr+XmYnE/TNolfFJERfiDF46kJ1HG3Pi66i69uqeW5fbQDq5bcJMaslu4JSiDtud+UlI1bTbhm/GeoPnJ5KiR9dXiUxAa516QBLDX3C1SKFhrnzYmDOCyAPlRd02ZyU73wpm5F3DxU+Cle2gTkuBh0xXliJiswfs3FTNbS2rRTEQ9XGKNpy24KSWIY5xrgyMhrBCnGQddJIygRnFxiSBZF8Klg0iDUENL7AdkRcmtUtPcKsDLILxZdJqgrrqvqWCl7nSxYtpwIAyz9P2a8rgEq0bllgPKghqVWPUpPJJq+yavqH6xgsylsj5o3Jc1a/+pbBC77npoc3/6FEXXTvESrhE+MWykp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y4Bc6nIsKh/UIz3WeQ7LYswUOqzFwFUDKno5IvXN0ok",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "geGkwgM+WMdkyO5+Cl4vOEk9l33i40R7Ll/GUt+8fzXJ+J9LcPsZhu5yHj2Nk3aCjWq4hybaWlLtKJdkn38UDb7pkpHlAewwEMnXn2rHV067So8sP3bygPxqV3rFo9cTQUkmoeLnZLrr25zvK6c+h0TnLzh0eUva7ZwHh9DI6jYxBX9tQ7pMxK18bv7n1kWKu3tm08Qs2SC0fffgNU+kR3JNPcrlLDqMR613Irnq2VbTD08SBG41ZeJlxETAloQeJ/99mWApkOT0BOub4i5crwOJVOcj1yedAoZMgoEUxCKHAVQWV413MNDPX8AakZ6BrLTw94xUAP/HMQaCJcdzvHilVTvR75kRafpHhrgl1iwGkiybMb3+5U9dXz9EttIy4Dm3jSlL09L8hbjC36zCFrWpaxH1QXy7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y7F5TDZVaA3WIXfjwvYn8NtAQFTbx8/d5mFzSS+LJsg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rXnh7dW1Hy3JDXWjASdByNZPNnzbf9RWMw1bBlQI5eshGr+ICUc6/Fh9mK4g/Rz7z8uSPKfBK5GX4iFPoFCondZWRF1aLY/e0FJnvb8UiXdOJQMjkRjfjYfKEPTXCMx18t9U5tAFdazW1lWKAM1+mB1PGexHLs3TpuhqX8Xrbgdenzx73ZR+6X9w3K6pqwRHkWQm2fxGBDwtwaanCvydIFQRU89Cb2hbkv7tbbi8tuslSJqPxPJFodK9vc//bpEw0OvI6MPmj9yIaH2NNH2LsNVEW/TrCqgZF/23iB6QEIyAhc998mpyZ0Rvo4yzZ10N5XwtcFolTeqT5m5uoUQZl64QqrS7uuPxDyiA02cSson81Xnwf4svWt3WjxnFeCdO4wP/ZY160OTDHfVmofaYUUmhueKtpIss",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y7jD8Cra04WzC/Q2vEMJb1kEpkrmAnE1nJ50EBRlf2M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ujwm7zO6trxFFDBkbnZFgv8f6VIjur+B4oaNKBjhJpP2woeh8U4lmmCdB2Yy8/jM9/Gi6gwOKB5q2EllL+84BV5KPs0GSdkg6hK9G3JTbzNo6GAahEuRFdBvCLAdsPYdr8omplqXPPAig3pTvhTxnBkarWhESCesOv4tXqlzaTnMiCkFgSWa5wPTCQaH1O4KX88FqoELsNlhysXjUnHF9s5Tu1o0b2EPO2KvsuyHTzYwr/Iutz+fuqisSiPFxKcjMULDVB0m2L0kGmAXiLFT4peyDwemJlWjfZosmT3s/2VdiLjA2TjE7p4c/5t4shnoUydpcXQ7JPxQCg02OVn0FG3ou+DS6/mNsjQerTR6hkVS8z9eF/BcKqEnxpINZ+Uv7BbgTSFQzOTPlOJLSZs2rXoRJpCCX7aL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y8+zVjNSIw6ExGzQutVlkgut1nNDO3/Gx8T9e98Ykoo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PViOpdXrTIk7piz95uQCko5gHO3QhZs0KT5gFiX+X4VM5cFNIIMobpKGbrUfrNxCixOzUsd9jLWmVpLPVdHrLecOv/igt4Y/XIqHKHds0/N+C00d0s9+/tMR/UUq7W+ZlMvsyrmmCl3/fiWg2fbWjxjoIUhU7cgA9L7sGokH54sayPchcVPUvA3ULr4HnjvRxfHohfwctgCvhJtQ8qFmuwz5G8st9rM0Nge+2O+U7ZyaJJij6wmJHmfE6ufGGjTHlOTE6HRpKeO1f2LwBdWJSSgeTv8e6aEPY9mH2XNKQcRkptKgHW+2Pwvn9Ag5f1aIYyXdw7y2rA7n9j8DKiDWknXdELCWcRNDIaxFrQykmSdJ/eComMHc+QsSUGhhawDJH5HsBje2JK+qfdlvhMqjbBDuqMM+52i2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "y8lY5C3PbYWAchhE4Wt+b/XIliJGbCuiFVtuX4S5X0k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aGDug/KAuPY4wn9zolTBlI7zWpA6GKW5YeuNhcWnYUjZEjSnJ8NXU3Zmm0l8lUrIMY8k4NijOxrKcn+E10glF5QZLsvRWjf/Y6ezySiCeChpN0p1Ltflp1xdyPvW/0UCEkeQ/obnXQLnN9niMfn5IsHqaXCiiypb1FxiXZM0eJKGFv2f2sgfe9yme923XSuUQk5r4R1Wk6/Zrwft+ymXytW0hRMvSCdVWPjlXRWNUgAlIJo7iI+Ithz3fxDNntW89Ho5t00bzQMns+WsWBvcke54+xsy6yABFlm1KMmUFgYdGWsaEuU7cczP65cDw1D4tK4MWGCSgdc/BgjQFtwkrQqy/VxBxfC1XNdg4dpErpZ+KOr6N1yNPHpbtSliFf7HjS2cmQRZGNKVxRS57fLh+KSSuZm1c0qp",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yAL7dCAzgzB5o6Gz9p+vyh2sP0P9E5XizaEVR8rux2M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PfxHdja2Qu3xMN/M2nQL6Cu2cEHRTM17hC76ryWx4Dsp8xMqKzgjLjBRr4y0HMugw9iTuXB13y7O1KW85Iq53eo4icfa8zrGne8JSGSJuFPPs0Zl6BYufDFtlLbCa7WejG6qYpT7o/Ygy4QOFfkiUMG/9LoeTAGR/694plijzZzUtaxVn7eLgtUyz3be7oNkKDRiEpUtRr2ql5jpc466NAG9HLfoeGQtUcVwSYoao1cC8Idr9CBJTFQkY7npKXNjSH6CsMB/sjqOUf3dOJOSwkYNk1PCvvDv00cXmJe9tjhrmCdbiUY265IzMktD6fLeKSKjpGHMgBqn8RqSOSkG50ONxpDku2XfS8n6oyNTTr+E57bb6K+uv4mIOeXrATjYn/9Hk/tI5+RJcMUmneQo3p0DmayQaZct",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yB2/y4i0Gw9og6ZUeV0CPYcYaPKc0M+oAq1hfVhgD58",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CpDC8T9bsWhL4RwUgirUAAdP3l5hwMlxuHVEAyXz2IgB3zZsvGvU3gkerFTaKihfQQIFssd8fSt7Qe1S98zzH5S5Y01toD+H+Iv6Rxk55J8JiKPPm0Q4yRx/FLKs/cFSnkIhMugbKxAZTUwobxBV+aYfUqmorBNuAHq2tBNJKt3EMUyNbziIQuRZ+7Lw8bxHYVMl3EMjEqZea7YMi6RMmuJr+apDPGSPs9IAG34BqR7iZ+UrAuVkpjuvAj8xPB//XSI9LFnsoya2B5I5jtb6y5Vh5Idq9vQ1mnRbkJls3cRUNpSg3ogn8GREw49NsdKpZVXEtjgGiZJ2XCyv6Vs+r1tBJfZoUp9E8rgT+6wWP59LW7QLUSi28qPdK7/GgVXIkq32Xd1t2V6vLQadYnu5Flzjbvq4Ak2X",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yBNRntrMXCeXfCIenvbv9yddxurMlDk8G9hjZP11B84",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kbcU7gEHeWnOavT9/S80g8Vp1uV9TmZnMDd7mPqaLC2HuWDIcCzUNGOTIViHugy3kHfxrVU3jQgYdh1JOovhKPLpIFu7f8i3xwaq2wlJQZI2mA061nHzmSSO2BR39ApvzaH3i0xVFkryCZoR7e/o0wMjoD7CJpwwSKufqwiPzmxM8RSHb51235A6tc8Jnus+g48xcq+N/v0HsjCtEiXC+cFV2xEUfYakTrEe8/101ZjyMpJXauuCoyUJArpf92e3iLERbXCjHHnPUVGaVzGSPkbIKnOiYaP9JOFcuVkvXR6CFpXUVGfrkAEWq0tq240ll9tAg2BNn3h/Z+UFAIhlnOq8yNPd5R6ToaMjsuD1dykOO5Ls19XMKrKxLoRAJZuWCEAPfbeDsllB4gFGlnEvTnK/pUB7qyU7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yBZ1Fv8VztOutwpI03jPL1WWjp/wC6oz5v9FkfeGqtI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "m2UDxSbOvYVeIzbApPB1OXDQ1t6xEVt4S5Ig24+0ZpE/7IfyQ/++RjQlYIaY4O9C2pWgrSh2LVmsyRnMfGvLPrdChwXHz18lohz0d6KLELYdurFPn8Dei6B+u1SW9zkCoXrW7wrVK3Vsov/bY0269kLNNvMC5rU7OLGLDD3/I9OX5D5Ha0H1WcPArK7okfMUNLs1Vf0TKuYg3nA9xBJpzDMpRcWErTtK+sWAXacNF0/o/JAQiGmTM+yuVDNH25W+iXkYmNbzU684PK8xCI3db0JnQ9k71Ch5GKraB88qdw+YvcOmjmDvMsTPOHIEscDAY3wBfEoueAJocLihA8kFhtbcwZwW1ZbOr4B4C/aepFQWQc7mbS46QX3CvY37t+BuNKSEvEC0JxHpFWQMQJbOBCs8B5oEg+Br",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yC0qBG1wZpCt61NvlvUh6MgDxnugVp7wAp8t0xJyE5s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "esEJVW6WkQV1eygUkiQ1Obw/DZyerhIosrXp39EIT+hdq1iQQyxTdtKjTNObu9mHEwbE7J/uL9NSybXUvnHBciYCa+4vHVqTCVFIlBFlLozbV5Lq4TAdyqEzvC4bDXSjYB7EgF2ATYx0WL0NfDi3yLRWIDqcK+Gtg/t+yZkQVC4O4dMOusSKniaFmPX+ToJ1c3d6KALdSx5xHcpXOf1m8ulywQGTP7OY8Q0/ymRs1ev8lpsfikrqNOsNK4oMQsyB3d1BDHRP6jvGjnv+P4zCNgZBoZnfflSgVTKv9aI7g+n0DD6rNH/89A+rUmUdjrAx8W37gYujXDy98n/P822S33K0tey2CfD7JJi1zAgxMprQrTEpABg0feEEnSvg7eaquV9wstF4HF/JILBWF9r+UEm/xwS5DzEA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yCIXhESWPHJVJ3Hs63Uxr0CI2m1SdlXLsEvtG+lFNK8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UAhVvGd0K+SKpba8S7ddntT4oWZuqBZpz+ShPSlaIkSsr4B00YVgUmhC+nZIwtCxPIhPyrboutkBjv3jmGLKpNKcZ/RtLhOgoN6M4Qzt6HgcE/o+xjRNVLzwOdZYtTNFqnEEd7ZZlMChUaSZMOmvFwkTM0RhiPlB675oxSLmU0dBS/8mx0cWx981DQsbuvZkz43gdYb0MSEVAxohA50BwbbmgZrk/8C0hdE8sjl07hKA/h87LjG8vkAS2cQH4RG8SKYRgx5nXEH6/FNney6XHgQdYSDkHiy9dYhYMhTT47LfsgtuQ5UPcT7xCv1Aogd8GnxsLaFpf19sV0CRRZCSHVIg6qFNvNAskVztRErXf4GQgQgnb4dOpicpveSx2HO5Fefk794w+AeZEf15g80gde2sNRi0X16B",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yDcAG3Y9nQiC98uqsRfAmiiy6/308k4jy8yGgu6+X9k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "SlRY/jkhgbTi+1skOd8AUV+34PWc51XEs2wLNbO19yPVhF9ELE2dScH2j5v3TrkWC55ms5O/pD0fEZpihEuWu1TuF5Eo7ZXsD9OzwuN1qFbhORkTWkr883YH/cQWAwwxfSxlzXOw8YQf8RUUxu91ez5h6xCkLnfCOGbLpabKX3fuVe6Ev6SlmLKVyc+5/MTNbLEFRypfn8tQCrQxNvdXY1XGWbOwFa6oRooQnhMBLYwEc6XFw7ZR8nLv3fWmph9tjVwnxOQ1J95ZI9Z+kXUnn7s2Y2g4V6eXD2PZY3jJ0yPmpSYMbM3qfSVb25Nk/wKuPXvOrr+AWS3ajHS9XjieLN0jhVhJLTmXy7umutKvz8fMRKVZF9+z/U0/V3EPxZCBlxoZLpTjFuZehn591e8VVPxMIvhNbixw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yDdhqwd2Km1tQplaWHg1Ri6Wemr8MA8MzjwZDgFc4lY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aVcmi8m7qedwsGO7nP7FMwupI0Acu8KDoCjcHNFZCh4D1iHfmz105bIOs2XygiGhRrxmt0yaCGvCmKeV7BlZaIo+kzWCuMFiFtpgkEvaU+j08K23MAA76edBi6wDefWK3RBSKuoUWPetz4WC+oFAy/ZpWo4AvEIKybNn9VFOX/ZmAjUhhXaAeHRaaWsu/A+SP3k4n2ktR7FVTvYiNuAsgw+GG8J7SBLTZmUYZIo44FXq9gv9YaNvve1YSjtoQjDpYJjsywBoXRVMWilXzaz3aEHwCcCMyHRSOarEUk4znjFBke0w8urXGK1VlFPblw9l1ucUDqgO0m7Mby/ZwJ5MFiju1gGL5ki0YZC/oXv6VLDCYwHONvNleOV6IqeDgpNOrhtoC5FvxUsqj3b8ENnkxmJ+sfq3LZmK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yEAFTGhW3Gh7d90rr2qJkffPKHH/jF1wSrzNV5pFmgo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IWSAPFVZxcXpY+omf1fQpxY5T+GJkmLsWgPsaX+9dacxBEOGjCgA859wrLOcJDgBUVWp6qEzYLP5rAtkz10DfkTQM9h6OFv26vD3H1ICFNIdjuCI+KDy4mTmrIkv5c9Noz04qyL+zzDLWEemTwg94SNreutwfwNsQTw/zXnF4TDhzbAIEZM02BFIu15VP9AElUar07nBt1K23NuIsHTnOgbpg2MgXO82TP7JPAJUszYoU2HicDtT2BHMmuwkFWqj6a2Kq4cMY79Ht4LZeH6D73l92QzNL8b+A+e2frYvIY8bWC8b6aNFOi9UEZAfCbTrt0zN2kQFcYn4YmIKMwtze3GG0abaCTNloPMoNcsrv5m58dgTuhu4mahNmwAAR+F4k1sgdgbSgQMOETz9AbhqBlFaH3PxEowl",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yJtqXxIUV6UtK8vG+hM4Z073cUGm1zbLmJ+A+jRhO8M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "p0U3I0XMnxvMId7nnw5d+ObBGo4MJN2UEkjDv4Jr4CM0U3YaSxEIbcnfxZ+62ehudYsEudN1vUXwPYUMiff+shDOFh6s3mpfsQ2pl4OqZU/e6Jc1V8UwVgJdP8ZUUw/Ku+pA+A8lfd+YzHUssbUnCcqTzpRQnQCLcaYNBSCDoGm5batVddNKHkbChH/7uBwN+SyfaYd7oqJ+ZktLZE58QTw5mpn2iGSPiumJE9Sv2CIAJmCJvgEZ8qw+cq3iy4gV5akkCIb/j0UE0WaZAeU4TwvP+DlwggajSaj2Op25NzPwHzYQvelyuJWMheeRD4qVArFxUK0GxNUGTSpWJJA6Rzp9abjJ1pcLYjLNjSNS/0g7Kyb/i/JFDjYD1wzwo5Ll/s0OCPRqaRU/0eB+p10Jf1DINrniaPFC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yLdgef3V06KC0Qlkk0up+Gyj2oK7MKA7kUmAl/VM42w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Mk2ZH503U0NN/uc5tV6WfPpIyl0R15dkdHsmsntUn/L101eMA3s6Vi29TX6he9tq2Nt5CxxbRR7GALMz7bipWBh+TuIq2Y5P17xsW2pJ8DdF5WvCewWRlOktzCg4biECy5qWZDtVnJeYn2Z2NN66sjWyP8G6e6WjwwRjWZpqxXS4sSpsR7Ue/bSid2P3PLy/ynBpoQRN0jSdrp+rH3sTzNsxnFYlGa8JRC2ppybqgy7cyKu3Bs8DF7A9BCHk2RiiirPwEzQxxWNTshTw4i3L9DCVaEQ2avxFtwbhkF/feoa5uJxFgLP203FMxitK4pQDTiD6xTppE5RPJBxMjUiL2P8cJlFGm2bhXVA8glqoPTxzJZNhDciA2QwsvxNojMB89De0K+Gk/yN8qVm68hcm0J9W/Y7TrDxF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yLuJifOigMxy/QpV6b2Pv8GV9RgPwNh/kmzeEh5/GPo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "XK57iNbxJ4bMWeXtb8s7dYZcXQ1GeuBTndabPfO0COCidIVxA0swPXIBLtKbNsT4VtOWlhRuhyBoaQRWz/mWsOk83mnk0ncvMUOl67RfZinIj94vepEupZftUgxmNN99xXcnoT4fYi9G08/fq+rw/MyW44FTSqx2zQi7xCEyjWeyTRAaa0BEbxftC7ern1HNJeBJvqFgwI/Jdhz/AnSQNpQ8JVGzP/95TdB2GHrVdtKXPxZatR9t/lSzpbP3jqihFJJw6fwxgDGMhUGvFY4JJuazv4lzZ5txdib2XyBWyUy53y6bXB/WN3kqfMC4FlyQgVHDU6Wa0XQUWn9Z2CGcqjjFXAK9p1uS4CK4xprNBXbwVCelHkTMECfgWbIjqe7TjqmUiPqcnKdWhQa+Zjrup5561Dkm+hOZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yPEEsep3K9pUy7b4ftJYtSEYm1PyauHOZuPcHYEx7V4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0b4nLM5nlcgBZVbj5aulFCYKW/P3CkIRiP+6c2ghCutjotaa/gTkifDg/refaIEn80pMGZLNRJrUlzbR0YW8g9UTSyiqJsnuwWchCtpXWEz2nGU3f7WgT/76/jJdD93/eXVdwW3haZG6CbZgbOgx+NMGvnw1QX0dHuDSL0a6Qg2hOPWGMAq36j+xHfXAEFXSI5yd+ecw45cVHwdc81WoeY9mcpe83lMxCbw2so+GIifNvGFlN9p1a9ZYCPg7ROs4CPb/d9hGDeQ6sMfET4t+ddXu/2UnMQQnmUMgeQphlF2lB7YfjKRSFZIz86blUAaWE+WBEqrM7V4qtR4O/Io9tkHDsnmx3KI4x/DKOiXYiwFAZ5vZg93DFEsMR1258pla7n8hDlX8RcE3VYX+zG2yEA+oDPTAS8ZR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yQfXOZvNnrT5XxRlX7JloexMv6TzX2yOXEZRZJsqDdI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "o9qvmfp7mGHqsfttxkE/n5/ZmWt2a/R/yRXEZgQt6PMN2HbJHyrjdfmcVmEsHzIKPpX7JHw5eK6WZJBabEse6VwZiUFl/5iyRBd6AlyNZQKKda8XDm1a+jHIg/YaBh4Cxs8zb+dBlOdt2xynN5VqOnYLW96oFrW+5BCEer+sxNu2IRN7wKN4Uw/vYkYmt52YvDPi5/RkIgfjOhBP5l6Yh6EBFaT30ksJL1b7pzFypi2B5tjp1towResQFyQeUSl/Uf4JoiWNIjkSKXl6Mqs2JdWIGbiewULqNer6kbO4JRuE5FlJ1W1KdUUOddtQ1e8Nn4va7jfROT0a2ycFnoNBoFcm9eHHKpGdqgWC1KEyWE68FBhSd9bGRdaaXYw9POcbZGrMak9wEOIBakc8QlfD4qFbr0jkCaj4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ySUY4kFk7tWqIXQriM2ISHvDfuxrVYfHrqcl6EIJIE0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PeVPb2uMThAmQXQESA6c/aHrG4EvKDFuxB831p8L3CrPw7o4uDT0NEmIV7PMtUHnFBNLW8EzxQcACyNoleHWqJvlChaSQZzNlX35p0de9pVoHlS09VpBkR0+XAP8BIXlQWxOYnuU8soSzdWLJ+il5JD5RzL+1ej/05iAsUGddPKGw0T06kHp7TASbMoqbKDJl8cV9FkwULgJbjAwB84ap1frlgQwsYdl09d2VeJDDzO2ZSeaSuXODcCsYoAWTeeLubCh6ji7zWvmiUZG0PknD6NvSMsFa2c6ZVmpKzGgzYYiKfE/N1iujRXj6tLjkpZEyxi/iZHgvQ9IMY3T6KTWSRwFiAqJYawQTp8AFaSK97UYpJ9S+EZCP4OgOYpnJCY371rvq/WwkkOU7sLj/a50e9lCwu+bxh0S",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ySqUpOvxA7GLxqyOV5cZZQO+ybuCJr75xt/Hj+03y28",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A0J7vWh51BkfwQG894mRp1T9YkFL0fcVgq6w5ZW6m1wZRz3XCZoUDDk4vZ3YIvSxXCoFjsHwn59mdh0Sf1L3hevyRwW4pxI1CqxCaEuFQvIxqXGkEFAEs9kG7JOd1XbFL80ACwXacSiTl/h1X6s84xuXxPgwWmUL0/w00LOx1VnrHlIiImGx0ADXpx72Zuq5GM0/O5UJGRsajLj5VtMqy4sNE+2RECHAEBitGlDsg4pbhuWpdQ+aub6UFGcSRz9B32mNm6wqwD2vCkUgT3fkYxhwfAZ6Loam2N0S5ixbI6Uw1roQ4KEG2rRhG8f+sOJHVocs2XNWGqjzcJmP/GTqmgnHIKZTGInxArFv+X9PzU3+p6V+o6Yy0xDNRhb1T4+8tzzxwUFYsgpVh6Jb/kCFLpJYdYplPd0C",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yTHwt81HDBAfmOwRE4YeImdy3P9G8F9WeoAg1kSbKn8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "8u4RMGS1YSjizVJVsZ+o3nulbqjDWvFkE6ADsQk1EwcXsbCJz27N44vECB7fBz/W95IfgGXEmaBv+4OUtJ+XonUcBH7PfNqHmiJ6V4Qeu4uFE2LUtc7/EcfFMQrYrd7JUAJxgqYMiv8c9Yh+RsqhXAledjrMx9aCyXzVZPzRiZDYt2QNZLiDzV5ymiUeeR2dyTCvI1lIbupqIRXg4WlMc+cCslg9yszrFQf1mz72efifcehdp3kR+EufUJe01S29r67EYYSfQMAYLrLoJDshNy4uSHOFuOcQAIQB4OPBo9pV+s7ynMjU2djW4nGVRXTG7lKq5jQ6FVOKj2oNeNKBFdXYi3/1RuK4sN40YZWdA1sbu7KRwjDuZWfzeytWn8kY/yg1sihqscGZwRaENr808qvDkIZ1eeMA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yTR7RVC6pDiLItQ0P3zj2FXzRj2ot99cYcyB+QuSwro",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "rciBjTiJP4ur/fUgK5ONXVo/nf4L0PZklJ215aQGURdYi8XZMqpkXfuQ2KXBJdK0Wz7xYKPQQQ6nDhOJKGbtXOo4aNWS4cDKbobM1XbwWg1MkqvBlWkgNJlM6eBgGICjYJ6K2ec+0uG8YznPWZaz0QKJxdlcTDR6cxXFo+SOwBeWqw/Qfvx7HsTJNQwpn6DHEOsHZPExcDYJKuqMKllftQEHecPgOTP5/F2ywPaOASEJSpylo9wPJ67gJTFaEZbLXTcMsUWGz6u0tNCZVFTcKEe2kJPv3qsNTUtASJGucCGPlkAHdpU3ZkMLP8/A8RXqGpYcxTT67C+J9L5F8owwkokyEUW93EPhY66bQ7lilciXZ6Qqkch8FvmH02h/o2F7hn7LY+XogxHd55qZkgz3H0IynSeRR6TL",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yTy/AtnvHEL9qVCIj/B/9xS3HQrsHxk0hnZ2/DNAas4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HXD+P3iyrtNAszi1VD3Wb/Rqgc5GhJZwHcBm2BdZa6VL36eJzdx1m8w9wMpwIlhWx/ZwpQ7rbo7aCki46Hb3wpD5h4il7ZaI3ru68b8sESE4BaAEtO6Jc/xhwOgdAaebsizx5mmOUJWkkKFjyfZE+3PCDpmh4J321wGJzIUj8hN0NR1cL9hNvkn6494eeinBH9DKqxPRw4uG1JpTMFia9dcVw3UaeP5/VCroTY9aNbVkaVhnkshnG0+YTkcKU16GsQVKnqg6/6glb9Fch9P4R1oIbvA7of6Wm5SrxUTQVeceBnPinsi+Y3IuBnIXv6Mlm5cDcBLVcLhxKAFwR8mP4e/TU56ZUrAqj6GryB2FACSPOtpiBY65OCbhXHB6o/4/6HCA9xXDX1EFHrzXMGz4B/oFLcc0Yrg1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yXWdE9PCC70y+3jAK/uCprdq1ib5k24Se4D3+ofj9oc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/JEJL1SEDwAcAp0fXk/jA+T42jDrBlPAYUv0NE6GwaJ1PjcIoVIK0FJFOBpSeKN8cTgLCUK1XIL+qVAbqRJ9z7V70JMBZAcVUDwqRnToQsXrFkfEPOvunfG5qTFexbS8WByj++hlXfwiuiEjWs3eh3VWQODEmkPa3hzQaJhvI6fAPZeAUFEogERma1L2BRmWwHFSbNyQZDEaYgU6qYWt0LGDIlhMp71NhyuGCBVefa8BHEC9uGgk8nbwLPZ4y9aul/zGJl5xRBH0hzsMxL2MQAqxDWzLVeuKE/NYFIpPMli8Xgvw+tvJyWEVSeh3BZFV17da+ZtNcsU06uwtWfoQhKNvWkglcMETAqDtAQpDrw1GjBAW29hPNViMSi3Znr50JSEtFKQwShBu7q9CjiMDD5QRqUqWpbOj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yZV9wmcSqarK/hPftIj5qUie0EMpJ5vRP0niFsMShyg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A/Lvo1US1uWwRWhvej8hMfWDVnIhNgFkSHOJrD1QBmyjI7M5x5pRfRxdN3VIux6SVtDADt0tHaLXDdEmPTXTr3Y0bpHc4JZi18W5TAxvNdn+Xx+iJ3Feak5LqO1Zv2vzJ8rm8XF3ViMvIfV7vE9Yhg9CjxZWvffmMjDU1lff0EyKha7kNCtHdjgR679HnojSItW1GhrlvHn/rE6Ub1AdOx3fF4QjYn/IlXr5ivL5YPRB4WZGU531hn7E7B0elJdhXYo54fipZ1RAZaNLp0Qu2PPspiKfXHRI8Q0T7kyf8NYPFrDiQdW0J47vu7xTdpCkjg7UFFvt2tKKnG8O4sPmEZSCM2ZdxhCsj0q8DQEIsqp/mjW8b6AjUHaVgb54FAmDIFytmH8ZuGDxXQzjR1DLc0UpQYiF29r+",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ybWbOTymjhWjMAliQFZbOTJVN2Kt450+WMM7XjQsqmM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "0gFoRcUChM4djwF8513XvTwHKGKuPHD1pwDX67wdv8puXN//goFEqNdbLA5yHMfc7gi3vMiQlukABTrbDCA5VvApxMIjvoXqj2Ek/g3/587orHoGcdFiCAwczqU1XDluL7ohpkccmY9qQLLDKGCGlVOAoYu1Kyo2UiIPdXRju7QAD1wxPjxMOrUcgOrIHAW2od550HQoiVk7HE/URDloF+Jf+MxXrfeuU0GgDIMiqy7n9VIRPyLeqAnQMaq9waTDTQb3tCyDfXEnM+h6/AE+nP3egqVfl57LKyw0h85CCu+T3B5l6RSJPBioWiX8j2sZiuIXgyBlAxUjkR7nZR07jqdk44S5V4Gkt0BxVVjynYi8RP1B9w737xM57TmDXS+OV7H2Uu0XzYLhh020mVUdPSeYVFGY9AEg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ycz52G2lVv8SqZ1013JfrpIYGKojt2GJulL1sXZxZVw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Kckdi9g/Q9ZnEvj4/TWrTBXNH0bnodqwlzH4mROqSvme/GcmA6t4+QG/xlmsZVXAg6wHDr+W1Xo5zscFieEGVkzmU2yjF/SMuAyJxdqzmZVX4wptAvne92nR+sdBDyAX86s3xgWTcyrEZbj9PsPMGqA9WCe1xefIkAmyGozssqf2DHDK/P9ErJaF8BR10aaOCk82itmLAHBNWZ8rYWo8uz5B6rI4ztykA157Nf0qgYlhUankw8dHJ3LqKYsmseEKMQiEL1dqK9+ciacHfuE4S3DvUpVbLIVYNVj6a8l75eLGTXL0ZktZK88KexX9nvSDM39zrOuPtoCEmU7QXBPB76Rnhm3lue+5cDWYVGHRAkOwitNU+qDqDcJFjhI+K6QBqqKF6jJc+kDWkgWl/ijT+dfqvd6nRWC1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ydJ55fpWHRv3c1GJQW1oDwDnu4SuJ49rp3t+6buEW2s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Nb++4uI8XIFATt7+y1dpJWCc7KY1+WR7+7kDHFUzymjNTdhZ4h9ibjIeSQ2SDRM+ZxjAc5tvezarmVhHW7S4KbmTTYfsbdVbZ3G6+IzwFEas5k8rhYJ4/cR6sr0TvQpYMXxtzFRK69nP1tLE72VM3Rc2Pv97jtbPK6//TkpIkqpmoUGFxyplgpYEbSqTArcTz3WJuvy1cS53s389iAq+98tYxJxLgilrplJVXXTXdWCnBK4oUyYLtCIMPBDmBNQLv3EwZvtB8D1Twg3V5Vdz/ECV8NRAZFkyUXoYVj+4xXstWzY9YMOehvRYlmpaEtexJDd6XFocxeGLIlgNj8DFWzd6wciR8ickkB2jcQgcmTxsf6o1jf6B/OD4kFvc+1s7pXgCWuN39ezZDA3WNsluOuMdduSr9ZHE",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ydQe/4EoPFW9b2rFikM6fGk3bKtplmm5a9vPUOmD9cg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YFvSZ5BuoTP83Zw1HvCHvIPnHg7lRU7VgQ4OzlCFgMEBC1NQMpgQjhc83jZbwqyw08E00pC/ey4GY12oSy7eCzN8Y+MNWp+5oG8FjJUG84yXvD85K0XPHEkun41ZrUttwpSF9p0hPPp2Tj9nvjVkX9GHDfGn+2a0zRyKUdsWV6A1AiCQVSUXce2EPfI+I3lLu0kATr7dGXwLlu3cKC6ARwPNPZOH2S16IbVmdBUQp4Yx/4cifCkvFM/708vPeBgGliO8r7Cg77LquuJnN//w6jUSENlDZhlKreejdTDRWcmgl/WR7o65ZYiXjNhsTHQ2C57jGY1fGXvQ8EVg6K+93S8tyV+85brIlC7io4NqPXC6fRzIs3P4/6tCfs2obq5edb6XbpKoXHMbrvNiGRuuQWHksbPWrX4n",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ye/QO6nZ+Y/uldUtd9uHKcBTRCFXcpgdxRexg8DzOps",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ajIWRg34rlwlMnd2uJBmL+LbGxW0MNLz+WgSqT0OLXwney4Ms/LYynVwMBwgAdg3BzBFQSzKLq5STcF2f6Te9HawGgJ0FPQPsrFGc+hDLuf6sJBbN+z264FY7xCGjaxriGzPRTSwLujH9z/9plNkK6jDljlVErsCNSyKexbaLNS+90vJXqAKefAI1BhJsnoo5KlDOfBQebltfbdqSDGl3LgpzqqHtiQXwKWXRinOC7AFqm+mEcIzxsejigi0rwtuQPKPsM0ahHLoqIAAUzEd0iceJivhTo/0wmWopZaGAwnVyeXw317kwo9fW0eXBHsm2JVFrEK6dq1TDhIro1Bb7TSicyYbzhm/EpKCALnB1wNcI4s2b56m+eQWzVOiviE5AJnmBNjjY4K5q78kxxR0AhzhuXPbgaTT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yeJaD7EdC8BXFlitzkhskq7uHd0sY9K0okVJUxUuneQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Agt9Rm0TJYXXMm6w2/XAMS/SurkFloXJCJxstJ0xD12HIHQr0JxEc79Y+QERbPnD8dzt/rSwfrSV8hsp4adFfh1Rsn6/MdNeNc5bRinKna9pu0h5OgFK9CfuP4k1TCAa4bMUq28jf6CZMVKihIoWusUENJ/RKpTJAa2za7gvYpgHYeNHNc5JVCLk57Hz0v0UTe274jg0kZeJIe71Db3dOrgpnvCiomcQ/hshiGKk0kqzlgbXJt0/6+F4gvkOOO1FD7NqgJrIktgzBVd9X8B88Yp8fzo+f6EWtyQdEM6pSHi1B6mSuwWk1tOINkgordwYuKVIhNLVlQCEDgUelmVB1NmHVumXfNUIeiAK0ZlqY2eQtdcn7LBWn7kzZBCnMDl2E5fS7Rwsym6cmpZbePiQ71yPZFMpg2jz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yg8H/xheEciha8s87rDZJ/Lgs0rGuqBzQXCTXnpRbRk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "k/ivhyPxgCm/kcPz/h3XMMTsnGL6EpQ3Cy4ra05AU3HUf7b+4Q0f4zegTZMZUtIC3Mf4mPsjRLuAcCE+K+utNdm7yrOxLkmuylEt59YwvdGo+Fhw9Zpxxc8wI0BfMRm9tbNE/zAzXWG9/u9wMxmBgla2oB5DLE/NBmCSWZrwVxVGKUQEKOmuy/D3hglgVNgDMYKMVn3hWm4fiu5urH0oJnI3HOo/RHBxMrc5jq05J24ZNj9pqW1C5QRRLmDFrbl9QesQ//d6B9SG7kin7iiJt22YnmTfQp14U47hzF3s0Hg4AQ+Yg9ysy7Dz2I6TPvdKU51gGPs+uvnavfBnOkEdM7YBbhSDpa/al0Pgu5m/05+UDHD7+3s0EE28u3fMgp3ICgLBNWOQTVbZdcgz0tQKuDJuuXapmzMV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ygaM8UYf+uqLrLg27ny1pqK16RTP329Gt6l7YeNblbE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "i8NEQjmVpOrLGfhGmjn0RDrnXSDP6DTjwnuIfdjWE6OpjxRWzwYINump/uyKVHF3hPNCGoKaAbYLknDxTsHOGMVHc3lTbMaxgefM0Ly4SsLw0eTOBOuj/m7bWwlH87lvH9+dXPiPD8Hp6M/TrUkGmfBYmM47vcRHQ5gWnls7FlBIwE0S/YPEr8rjDYqbUXO4D5b+7JXw4TxPVXULcFdkeG1JGa7AkW9OTkoAyhhc8Oqdc9IcVxzNOfhHit1gmitGHhvhyDUhWHYVOOTw2EBa4M97Jgp1+/mg23ZD3veCTdMOG0sqgcSvvPZdGioq9sOlfNVObYVvVtaUD8Tr6Az3CTcrCVGFpNvCEZt5vmxZ5SCpMgAWXfCwKvYsPKBvXZxtx3pH3DZJn8nqOqSG/8p+bYbU6SycJea5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yguK0pLcZQgopHvWJqtmShgxkAJC8UD4e8P/myCyooE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ageZfE1oWP7pt1fo/0yKZ3Adsgy7IhZhVBjwPDaRU8QAjeSO3zgR/04ftdiwtPC9yV5r5YGix8vKHbVhIUsAfVTNlgikZ4Jdl/BKMUzMRRNdzL9wku4GjdzsnEiuCFTkW7iRkLPy2crdC0MkazclnOlKIdvFGT+vjyhnzGeZ6nL+p461bZA7RDwFOlxjjIVQYfjIUnRECH9BJa8hExRYfHQk28Td0upszBP6eoviVvJVxSwiPDqF0k6GMeSSMpiKD/Oc+iZyHldLm5tK3QbMXvbMyhLVCF6oA/SIHmoyL8XNR+OleHuPu6CyJ3S/FDbebrpMJsKW3d9EmMyMkg9GKpl9hFpMTr9iwVUYxfTYq/6vGaS8b0KiNiu6gnos+A+wsgcC5Z04wFM9/fxdOrQ04+9y/+2NL3w4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yhADnp9tjhgemumCmR/YzfxK1AfodTPxSg5qZtiFXwE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DoRnP4khAIPQvsOKaBVEmO1FIcF8ql9qZO+EkkWoVci5iJVLzMFcpUo8+ncLtcGwE6HLqnmx2A/yndOCHg/dbqpwwVRxO875jJnX8afFbGEeYkd05J0kTOX5JFr8G94qqLVerG3LkE7VANepABU5T6r60eTziCagi2TqEdMQ8ZvzaDzQHuOYML/in0TRITadT6tz/69D90ePVbfSSGdQIxgQyK/JWybf6UIYNM3UABnRtr0SJD8qeCj1eh2DXjGOzVQTIcknHLmdrzPKIgRp+YGx4I1P0tVqIRhQITZxbV4Pb3DFwgkl+MK2QF8oRcdqgUNaFLOnLvSLIEXNKFoZ4uYHkGk3UfQuwRMJOWCydNjGoDxUo33vN33uJ2MuH0Alm/RmXko6rJuBybgXNwwTCwjSNtoj6ZHa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yhZ7k2LPU+6NlvZNg9nh3NErfyX7PyQcM6+AyQcBnmc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "exQwQdf2ZCRynGM5FDPaQ2rsd5N3mFa0uSmfyI1GikRNtkR9rgsTk/5dLatNFLULKKyQYcg+KXjnuCFqrZmLmu+aTrfhNdDLP+ggO3GIAgpsZ2h26UsAZHoeu2RdHRiCKsB2vdNc71A+oHQIov/EeGX9Sb2XcM0mFzEzMi3PL01p6UouDnuuV5hzHEojFE11zhVIOaijdtfC3pJHwgORwiSyqT127qV2rDf8p2FQwAyQs0uIvgr20m0v+wC98TJ2AToWl6MQLiDMrt/kh45LiSIkd7HwMYOuWPtylXCKjhDz09zCPEIFkeeZammuekDRUstlTWTd0ix6R3uigjkf8qJE6Xmbp2Vz57Gs54FIfkc6nrATC6MaJvn5VDwdAm/oxcdQcX1g/2PeE3Uo5uMwpO8zjdptpR89",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yiB+lRtuRWCB1i6Wjxuz7LXy8zYG27JlC1pkkRyI47g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "HicwOlzX9iSLWKBTB2VUOaRVb0/QqEo8rRCLgfvabe5Ay31pcHlzOhYYnz2YXNbjJBS4GrLLmlUOhS28njws3GdTL34MPHOot08qM07Yb6N3AAynZc7B9qKyNAQFD2/uZGtcLWx0hMJqK0/dMv4FPNpjBuYzDmmLWeFAu020hY+fQFVjbjbypoZwq9NY/qVAZehGnXMR5o+268z8MICZtf5A7ZdGjYevhZxzwJeAHwDqn+glOGYGj6demS7kXpLgkKrL016B0wOodL5FZzzXDdvoxAE1sCuDvxTk76gH9nJzJZtqZrkyRmYZzZQCPwTLGTaT9GwskFpxWWxuDF2AyhbS/b1QphycnPZBFFeYlr0OsajyPeknpepW79Q0ES6UKL/xkO7WomUP4hzc8JQatprHn8lR2xeO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yizsbNSAWnHWlGGALpxZw7/aI5MNkouHubVdYHUwn18",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eOFIvLtrh062e9fEXeAB1+On1NvqKkYCGNWT2v/LRSBXbWV4Nj9xpQiGw/S4sqS2jXVIEJRBvbTAVZkCEgiHjXxsffuGo5JymWCb/CvmbaJAAYiwB8mtD1b/AQBeIVABoX3SRoh+YQmkDa2lJj5btGEDBoxNaGJXQNF59ZwzjnSkMqagTecE3PTLs4caMY5deMXQc5zfwZOuX4ujTpCstvvKhQV1Vpv/36OCvRXOh8eOQanj03FaK42/pvMsRLk5Mij4XhqOs4W/sGHedw5+tW5N/faOq1/lZ4TrXVVZNaXbNzgcYwKBDMNxFs/bNaw7yK7jwi661v7CJWEnLWwdWwWDrB7OKsyk4bGHIqe7qPYVpV8t7B3wphQe01MwPrY3oV4PxOPinMIfe7ejUVo4hQdAhmTFZ5z0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yjSvcuH/bHhzmnoCzjIrDJdiDMgTj2qtBXU3e3vNXgc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "oywS9aDh6JOtnoKxpTuDdn5g/X4DfOxHClNkejFGYCb+kOlcjIaOMDnEQX1rijgjchxyCUmbndJF4MCY2tjPXLEBaV5FmDo0j23Tjs3ujqdPYAcfCa5EN+Bz3FhtGcpmqlLsd3qQ57igZIH7+5vGSgtJIP5EmPkecPQfNTYOvM9KynFcR341TDbxHaaC9oxM5YVI+SV4fvX+nAuFe/37t/D4xb0Epaygd/UGocP4Tlip7AUYDPEDwbD64TpoOfG6xm5CKuRARzvlpCsrdpx1dv9ObvAvcAauVXo61oRDqghv6H3RFwSeVJCw9Wh+3PabW1aGKlzeF52MtjNeQ2+nxiHoCkokosbEZYi8JD6lBBUydjmEctcChBlptuxNdap3He/F9XUT7bYI3ypjiho6cmgyWwtOOqwe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ykAeC/6lPXacT48Tzdr+JJIJktZgKF0StuQUC8tEp/0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qIx8tyzFtcnUjCvTtQR1GaZ7CHdvKGthuu5tSMZvHtfjoPgIEtuer7GxbdPpcPhzed/DRLES2bTr8LMMa/d/HkC8cFIQK2ywqiCOMMadPSIH3cNbuyHehw9QaLtSf0gCv66/Nhncfvx+4/WiZCAU8Zy4auuRQSytaXS+gNEe64lpFgMKZDAtVcVg5+Huvojx6JFzmv7D5GlMc97SMq+P9xhm7HZMQwQ2jTfYMwqu09CunrntCmETrOYoePGtB8UXf8e3crjUDl7qUWdWE9MbHl/KSWv+AwAmmGA0KrbsEOmdRFW0Utzj9Q06RE32X+gAWc6B3tkISL5aYVSDXsIiz35zVgeU3DSqC6jJ6IWof4c00msE6cdKFTcszDhfdE+iujYTI6Hdy227h2+Tyh6K8J7ZPmGxYO8I",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ykPtxl7ZnDzfMBp74VsXcRiEaX4xbs/wOWD5AGrC4Eo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "q47DVMzbZbZPGWVoYubS7mCWAIKgTw9cRPYt6/dE+VtyKhiVJBQcxdo/GCkZ3NI/oB4FLjSLeigsGKwLss+Jlj9jOTxdeTfVKZSEMHB4rgGdtOSAtYgxjMKxZ3c9/19x/L+SGmVLkfv7U2hK/UhJlJnp/nJK993sErd/lXVM4kKdE7C2c9Cpkj5C/kXoggvjUs9vvlg76Q7+S7Q2NwlgCZQbEF200Lss44yMr/SAFP/JYMc6UCY274BA3xYMiC60K9frveJEGB5iaUWc1bc39tUD7HzKQOr1liDymd7aqFdTIK40EFlyqm8rFOBKqiiJI2wx5gR4oqRAEsIJ8rzwX+myNlsDijYSM/N3M/0wumo0jrmGJkLcaAMZ3fN8R2sFGhifRixT/eu9fk+vXOfkDzG8KD9iAQn3",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ykbIk+R0DHUyy1L1XkzUvngAtAbTyQIP6EdBb03xPdg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "91F7CDGS0tA20HUkzh9mplpdGyoumKYJ9/wzq8T/IN8akfl4n/jpUSGHLZlyxBXl7nGNQCqE0yean8uUhKF4v7YRieuIRtCEJehVC/b8NDMlOUvk+wZ3D0ak6s290Sak5FbYLlZ+B4Z4guCmXT9U0snH4k4ZLPoh4BlL5MQzgAmsmAN3RJJ0WBENX6x3HAvmoPGEjbIxp2LC9dzFq0Yc2FMRpJtAaV/8Z3690lr3HMRHQrIwmQfgLs7qWpOhP9nCZ59pQvBAIFXN1LqU+u7iCTVtQ4eRVMPbrK8LJlTA2+YI8DPqckaT7Eb9JwjvqdfO4dcu8AfsBUnhb//KY4LbclFuJeohM0lyOCFmZ7qI7HJ4GPG1kLy5CjtlTFEddazgv/+/17LxRAOGA+j2Sw+amIqg0OWRUTqT",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ykt1UVhP5LEhVIJknhwn+wYvaj2LcUsHYIautW0UPd4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "F0bsCRdw7Ho0Bd1snAN76oAvZl1jiE4O5NCn/BmlsMCBcBenDUzxMGnvRERzhvzfi3gGAjQzpjteMwyLIVQt4boSwr/yO+Mf3nNYNn3zHUaCHC5Kgt9hQl2xLEZViCExeHMjTLDGARC5DlirUaXN006mGCvQlGpIkawhirqPzYpPXS2VQQ+PWdmGip7N2rTZsD6bKqI16z641X0IU4YVhViHNEp22meAYvTNKGg3jeqtJVlMxy/ddOWAaTIDlLh6qWrlgLPZmr2mEpgy/JYKSWgyEdj+l1gVf5LWX5bKXbhbQglQei/pnYC1tvHmTB/XBu6W1/Tdq1EyZEN2gaUavEHd8ZOPDj70eoZPzza2DOZc7MH3qVul6DxW8sGEl/bdcMM6Ec5um91C6u9G3eXRdeBghd+2zxRd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yktGRiJPZSwWGddTArhq1xE3uR7K97p4jV3TWVE3d5w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Rd1mMXh6gtP91tHWj1FJ4f58yPml0d98z13irJPQ7D9wTQM4G8Rpfa/RruaXmfj4hGOiDtVYtXHK3T6mHIjRD6k87FQpV4BaWciQjfx6FD7oPdjeqTisT4geJUmHMNpaCxRAFUzENAjqIcAjY/CQ+Jr/hcXVj1wWgJYKN9XerHmp1ZRrb9zzzSB5500KMyiU+tAglCj24K2cwo1u4Ocs2N2YosLMjsMspBwqjCOJ+h48A4i2JWeXgljQ7Kx5GhXrkUfE5xDUApyYW02Aw7x3MvuwX9dNR0T0fjM/x7e6w/JUNpL+kVmRBDs3DwHJor3nAaXtbVJcN9QjMOWvTbrFBp1LwYfEroitO/lWolsiInuKg4dfAV26F8XxVmPe4srRdzV2lCRMctFa2Z3w1TlZuprJKm33fEHF",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ypOF0DHIKd1aEc5AYO/Ba1b03eMOpzuHCWI4JhqKFYw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CuT6ZzS290Q0B+ONxmLtnK8hLCD2m+v2YpA4a+KTykUTPHNfzR+TREXytEvD84WFs4PVX4FUCvdeUloMd1sVxD2JcEdqpo6ie+lnKjDmKgGEWIPEOI5JTcY+UzZ20fST4PpGig1ljif0KUL3tGlyS5l5BM83nF9D0VXOuhDOw2jKpsUOjMo+0X307w3IxmKmmg5L28x60/k0P1tEQlZwbw1HyvDiPJkHQLHsAvv4Oh8pBCwhIoxrF4ea7Flif1hrlkiGa5OAns6GDB77chHsgEnJaEXJI23THp/MkfGKSAu/0I052g/6AT3JN3LkFGzB+OKo3Bvljdf5zFVGVfzKc0LWrR672V3DTQqaiWK8ottNLf+J6cufkDFP/nM3umIP6Eem/NCF7czvjPCkOkxHw9MGSnw5jd6h",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yqJghMSyZl/ZJxKfYdw9/3qTkA7OKP2ykk+eYAZ682s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sTN9CubqUEJNxeQdhL5UfuDvuHdsR174spo7jHZ6JVM5rSwHSBdmqzuNYuA+jKA32u1yh85Q+yVTsd/ZjAI4zBnPqxDYQNySdl3OO23Jlmr8JfwiP1n2v3OH/+fRDP/MX1C5SzJu+LT6WdY2m+LHFCROa4nVq9Mtvm8LyssW6soCbLfH7da7ZyoksXn+Gm7cfr2jf+epUBcZjgOi3lYAyDsvG3loySm2YY+6N8qOgi1orsbHjz572pCvZ+t3RIa15sromg1LWwEpnBrIFRMu4g/pTiOs9D54g4KJlYn0Svi47GFboRlGfXh2hfpdSTHUUI9yG2qdsDBPaVnejvfUjyBUJLeKVn3HlxcioMG7HB3d6CyHzz5nHd/FyPdp8O2+6uf5dS5yhrd+IeoXquWmd6xlbPW83BvJ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yr5z23tApO0sjps2Z1hsadLl408c3DNDbnw3itosWqU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "eNVjXZN4XNp63ZW7HFAhFIzjFO6+87cWP/uZg/bmf2zZeG4BbD3eOa5PFccFMXpYZ5RQfmBmVxdNaqreQjnV4nMF8mFGK+t89nbYhTq4C9wRzYAsj5llfn4F5A2YNH7hwbL0UJUR/rMES+T6ZFfUXFtMXXWMvAqKYS49dbo5OIBm8ZcMYc+6sd/jdXIrRqa4D4fFYBeB7fQVeFNDwzx2sW+gL0jq6p8bJyC5P8ZYG3VjFeJ8NutJsI7xJ4mMTPLnTJutsdPAFKWcqodOykbYFRIAUN+ytK6LBZ1eNvAGIYEXFBhDwnFPQhm55PC/P2i2A9kcKqk/d4riKSuiGPbtweg9vwh6AA7uyLYmtqdnT/OdVswE6J4FJSPIHceeqiGb4QlvA9JDO5TYQrAP86BjGbRetMUJrh+v",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ysycI43O12Gn4h+yMRtH7pjbJKF+ZFU5i09om8KIp+k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tQd7EoTeqMTb4f6u4tUY1Gz84BrCdxd/v+A46Az7uJu2GuVX+LNmgSZQNSEBgxNb1GaCwrpJsV6G8QJvkyrOFoPZw2GtNdEoIvMHccBI0AAmpMFWNJpnsdBhG2+PPQ36AH97/jKjTQyUNoMPhzYmAivC2XEBN2Y6oBiU/9F7iDRl+Q91pzteqI5GZOetDBG+eIneDVErAFglqx8YH9jHWWkccUI6Jtu2n8K+JsQAcz6TqWNxeO814tThyJBjqSQvqjwWxdpXCxuG7RrZnGVYNju7RhWdhRQFQt65Ps5fKQBLRJRvc6Mj6zGeKXArkMXjSeqG/xciLeYWKN/aPc/m9NRGm+vlGSc+0puTqvNnDzS28ENaKGvfzsIctAqeizCl+ItVg2E6e3Y7z2QW2i6Rx5/G43iKH9qa",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ytBKsGiSxzBbNg2VyfsgjqF9ArqCGZizlK16f1jJu2M",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "dtlwck3XxCWyFI6sOpdnuFLrQ2tt2rkMCTWkZoWh1Qtj6sLaaPScQZScrTzK8vNjdlbzk9WRys8aTG6Ii0PKu0SqoH1atiHRadg+cxcU9bqrSSnY8Jl3E+cd3aQIhWGEMF0i06/15Tel6b48/tksrox5A6M8sHmKHAY+r5VNNYLutuqSK9FWjth1ly3eY/iz2IqAUZhJZM3nN/KXFuXl4yjGSnJUl+8Aj7hKqY9imhhgfU8p5H23myTlVA34UwHi9VkhmI4mD5nyv5mx4JS1qJsHsKWqNP9EcXEBtnMOsswWT15ZprtC1D6eSvwdY5qUMuwlHRwmwg06HvlJZdqxts6pmvybZekbNiU0j+7OOe1ievkWq16m1P/mg7AtE3d7TjxLtl42xMzEdVUnsdkoN5dOalBSxaob",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ytJapTOWg13aYcmHNSKiVdzT55H3AkGcvpZF1ZW3uMc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "AugPRviaMGtH8MBj3FflZwtPOiCpJURCxS+6MSGD/wwej7XwZvR9UO+bvuVHYqPoTBbiwr8Mq4ijoHDsd9r/KhOVSLykiULlt/StR2xhHnUSBEFbOxLbb5DafloZjXy0mejPDwcWQ/+Jxjt9ZAm9S2UbeV3klRW+5o1m8PH8aMFv54R0/pQF0ydPbht/u7A2nVeAAN3Kbs+GsePbYZD7FBRe4ocz1ZEnObXxbgbrXf/Xol7ho52vsj4i74zzR5FXCX1aN0ioaZjijisddo98q7KGzGHG7wzWcAlyfm1FOoupfUhyOiYkintwBQiog866wDftGGH41SWpTDnK5vIPtw8PzrKsPKqXtcDOvAtOMQa5aINpJ+6yblZLPnxsJshQruecLO/NuTB6Q5P1kiZtRKBCkQ3+035f",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ytM7/2D2fBiGLeFqSOqYTdOcPq3SG+NUW+QcDPH8t8k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "vXcae1kKOpmDyQP6B1rAr48DFHnG4i9xPxLo4uJXPDldX5sY9wtMhI7JBMxQFPb6K9oOkWrPomAZDO4AaKjCeW73WW086MMpLCmfdIwlZT5EWZcx8E17y0F3zDK9S4gHsmVRvhDQ7v+xEvpZjOyaw8gik9Y+p/7N2QCFC323PGkH4fg29KUHCW6aHJ3HIULUfcdIo8dkkX+w5+gsm14IrWuOkIifNvc0FFDZH6HIV94sA/LnRxu7R0JNq7OmmGbciekAyuEYCTYwSFp0u5/5wbNMRzk0uxovW9H+M6TVwg6SUJHfxKt9chEjo8fp2op0jG1rPMpgIueF4i9uBLJr/gaBUDRnKkFnr/i9MzYgXgji005c6HcKKjxtqwWhfTuKC+noZJTNHSAM6/Yov+jWev3D4Rw2/bYg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yttRHpDzuhcxMmGty4Ew47taCJ2G2sb/U9DFHLq1KwA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "gFfexDMxLPYt8pANNfAJBERGF5UdDRqzoD3DWa32fImxxD1Z9+cRH40mcnj6e/lbpkQ8aGjEzdy7lhN7VqJ+aebR5uhPwS8XlmuS6nMtl/bdiPb5ZrcoGAasRJKGhdBcwzpXoldn/5ahFKu6Gt/D+GkkE3f9+Y2HGP8TZDnGp0NJ9pXa3D+NUBL3K22XJ3oQgq5Uwm7kEeTg3jXo3AbG+yLvfoxMCFkSMox8lPk5GEnqYUcXHmYx8ReiNlZ0BUzsipY/eirk9B5qsrnAVVO0nmSpSweIE2hV+WbDFopeEXqK4GV0uePRDxqtub2jOEnpqRMYmiA72RDZN5hn5RPenkCQG1837ItK97SPTMT1aVlwhN9Bm2dTP+NdfcJiHuSHwZoEjgExg/BglW4pdu6sSw/UoaIQSERY",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yuzDY+BR05pfofG38ZfDIvrEZc7kBE5M9wYbmNeFXkQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TmvfKSt7Y5xgR/RSfgRFJGcuUDhsIfxZT48/kn7A5r/ig/CPgNyZ2A2MaxOrP2ZyA7w6IZ1MQa2LYe5ZSnVTP+OLNhB1pOrLCd71UCAWTW5zFkdY3m5U9jxelDbUeN101bLQ8Nmk3KK+DwfT/8JKTW7Q7Bigk0lUCnKoMJrZcGxpc6ncukl0YYtHoWOletZnX8VtTgKDSgJJlwsISBb8OmsS8mAR64pjSQkU1sBRYarphxxe1VaJBRjnU7VfmMXne1bSRjOcuXV5MpNZhvQSufEZn9tHkhmCUxcHyUgxA2eeMudmlNrweDIK14Q9P0U14yxw5KTBj5eWjMD1stDLdbrI8OoSOcV+KZssPpkehEXq1cHyvqjN4cDWKzzRjrcJvkjSRnrtdw+0ijG49S287HT/V/2yfZNq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yvWt0JeveKHYBM0wXF0paONZGTwlpKMNlaF3anTwzIA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9t7q/mSGLEIuw6lGMJwiUEf6ohhXi71jZo1tI34WPR9lngpVNJZNtzWia7UEr1RMKLWOh7/nGyHmrTKsoOktTZs/CcJNt/kv8JSjKA3RzqYSZtRBP4n+FLM4lkrzLiHRFPf2z7OHww9opaSqGNCCTn06ecWY6WR+5MSabQemxxy4U5kvepM6nlHObkuC7qoHHXdhY3QHzpBzWJvRNDohi5fUzkWZbwjplP81qp8aTwtY85pRiC0wk+iEYCLgNbNT+3UlkBKsonvF1tFfyhx0w87QbvCu2Ejr3jdYYLggWh4CndzwY8fqoAhtWYyHFiH4iVz3IvdZ61W+0QmWrNnlNyBw5iJGIegV1zm2AUIRt4lM+HKDIWdxTFtCViI4fovpWSTTFo0LOrbKQnRkzRdfntQiUN0Kys6x",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ywKNwRCTuIEHQljXpAw9sSjm5EqWwjivuWy/ebgXPOI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "PTHrSMMOKJNgXf1wlbDdbO1ZsV47su0yN+ZHjWaYZaCQOHn8ulURzfIm1nwVb7ZF45Fd2yPzeJ4PBG5IeT1d8mfx60J/vy6XuhtcycYFAOb8wT9afVgEpm1XaTpjQKeKHEn2VS0tha8xspLTpfqGUjhzJ43NpMnU/yNhERpEJ4j7YFXfa1NvaJwkVPmDjxTBpfNWtbE5NVrxAd5pDaJRIIzJixDRuIQRVFwrG4ggVbzdHYz3qYWH66yYLSKSAVLjl7ishNmgU/oktAutrPPIJXaCALarvJqUPbHF/b75mhodTdP9f6SsTMo5kj/ux1BE8EWK/TkxwVkQc4ms79pwRhZIU59wUMXBovv0Znbi0logzXGQ+Djb8hEsTcBvLhIQArc1BdfL/nh3+ETC30CSeNTIn19WoH7Z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yxyAbD0Nc3kfaup1FZ6xAKF2L/5pL9WpsEx16jvRYw0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Wl8pB5xTTV1yqOnLVqCBGecW91ST6yXKahZQAbX0apkB9YCjpKSizwe63IBd0o7zwqT64ORzmnRYo8wAR+leIWYHE2ijD1+b1TH6u3nCLsFpQF3eYqLL5CQXIMk7SlpF6FiPraHeMSwUgelxAC8TTbFjzzSVzXI2CXCbRz56kyqv7H+CwIs+y3ENaYwajCNTrExVWGamZbd/eCjorzfZlaRFtQSfX5YgZYUVcYrEEwPqlwmqyIcnRrLJp7QnAJuBB+btkb6U298ndkKYGOHTff/yclJrLVKNJ7CVSFSbYhhNBdnhLIpNYJBloKkWJu8638pyPjx84cgrcgTPexec4g4qo1be+YJXMKlqfzfat3jIxsc4tANRzbgFq0RE0pdfgus+bogWq6SbAGLXMj2ylF5ekanA87xe",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yz4ltKooDusAFeQztPRPF1yPx5soCOf7VpSmFIdaf5A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "agdMrr5lY9TpL8dw5+Gs08l71DeCAyEOJyf+ToVP4QWWFbANTvQ/FWMXMEf4TrcA3QGUtuwcm2LBqJqliOty29H+qi/omxYa2dmetGD1ZHVu1NrOBJG6e1iqeS5QrMMDaDdbqFNfWa7MgRlHVs+hedKFBYCiPcJVMcAKN/RaAaHem53kLnMQ+fwCZAC4/MUu2g/tQE4qtdEBAtNIVMS7aYEOGzc+7Ymy4n9p6fFWwZdjHIJjamSnErOM9kOR0e/HfkFqBzRJXKiBUcQx7oRT/gStEYtt0LTGQoyrA9eP8/dGH6NnZmiEiR9KMttSzYF/pDut0q52LzbfEzI6FtQvhCrPqkEq3KftEhZjW2sXMdOtqPuhMV2DzUyLu+JizdIqPxLSSDObQbDEuUb4hkP7UggcP+QNrYmd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "yzOzOjKBTaoSnPXDQA7ntUIuzYGYYRx1cukrMyc3yes",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mf/P4wB3OAtCZMoOW49MUy/zyv6scXiCKqj8Rb9F43iGLXCIagrAJGtN3aEBlfjQaPCgXnwRKgVlaevEv/94CKMXFFoeMOgb5Omyi8AoLHJgx5RFqSotzp62cH3DPzGM17jDPWOFSCeaRtjyZtHskXgUXlZUjHHFj5Qxrf8Z9TqV/M3G7ISlh7khwUxe5vGAAsFBBCagFKNHZm+BqO9nZMci8lQc+mAUMumlqjxxkyzG015utb7t5HpJ2kGGXfrI4AMzP4ddauvK1v0orjcaQJepvd8gPUPtQqRCC+bUI75iLsY5fdrx9bY8tAf6NOBxV7chW6r/uucVepGC6VGoU760AIsULYnslobqMiJVdvxc8BcOKD2nuP5HgxXWNMEwTYFhnHRiULWQXXaC28lctIbA2ATcHnov",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z+2spylxD5yb7tpkN9zyAkogy0X/886vgx2DvQF5nSM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "V9r+Q2a+rscnLkjfrt73RCU3JwzSPCyUCcwJhCGNe8ZvAg76BEgNQFM1rQ42MS53XXs0mNKllz5GVZSLueOZaf73H57D/KC27EtmDT3c31CtoOssx/6rgP0APncPefoZ4kZQ5k2EnYE6ISQ9smApq2QfjqfBxIB8cBHu4ggKi4lP9dpHM6UqU+2sJo43eR1UMDFpbOr17xmNXjSKek3pxl7aP+FL4iMzMKkwJeJhmZVLvQnZJRpghyuyYksfdKIu0zETtzeV8G/Fzwo4/oXZkMA6RfbnaZvEYO7HnOkkFLQbSF3ekhxk6B+SF/MuTHm8jfjSgKGbnvxLbbZOWj8HzrDmLfkCVwZtlr5GXxgh3XD1+yYe2qIa/k0rUzGIHbHSlB2t0QP2yI9NJxPmoMaqdY8vnPuoFEjd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z+HqX2P/tVzRsv0vYSodIjvDXoSShRBEWECurRyIatY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "EgDWoP32qYIbTYbTgrTPwhyGaMTgwiGNLNp4JeHScULqAg5fi6WT3+52pda9G2vwgdIyOZPp0UNH3JS5nHGfb0GbmXLNPeaWcEf2tjbAkVge1/8RY3YbmhPmdwSflIOuQypUpaiLSNCb61TdjX8xDAKEpo2s9v7w3M35J7f17wLED+AOzICT7ilAJatvwVm0G3V3CGsJM0sGBjiHdPgFYYnL/1OveRbQ2l5FOWsvGKYGB42fm3hs9xP12PZDjDD66EeqY6ZhaHhSY9lpiTtaQ+tr3USaEGSm/SLAcgP40dheP2MdIeDkyVMor8Zl0EJ2aOzSy7qEJv1HXesiesWWX8tO97jOGGuzyo8bBwiQKM3kkSPLP7kkXQEixnUFrF3pwAgi4aYNoHYT2cTgRPQcC9EItTOE1Zu9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z+LCrlIIzTz0BA0FAvd5vD9Q+B9tOTdDbPeMNx50/ps",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "54kA393dTQ2rwbmjgFZPaydToP28uQ4bJLGlKhvZQ3voN+vXFGvDv/Dg5GpRSaaieh2p+smW0cd0ZhhsmYvkJQsxW8oqAGq+GXzrsTNxqNXvnicaRPK1/dkGEXuCzfvz7+esyvcT2AVNWTz5FGslLQOzj0J/ZvY5naLS13rbmD9lxK0iv1ytQ+xVYt0g/IK6IQGW+vul5HJBFMz215prF9I+iRtJzhqCh+F4Zv6+0NNd3Fg++7u7r0Nbb825dzIDF7U5UIs1aLiFx3/jZaY9qxIDGW5QaZY6fjWDng7Vz780/TAPAgi2yCB+5AYiHQyHwnnGYfEj97SDiGAl0IZH22wVH6FLwWD3u2p9IL1Bfdk8auMgyLnt2H+IHmtarDapG+84yOG08u+xUAL9c0s4sMvEJs6CiMCX",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z/PeM8CqVDBJdBvcW1TlyXn/E3KIr60LikuJZ77fifg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/i6ssGKei+2+vOucEcTalzXQOG9G/cBNNpJOWni5xM5Ui52xMEUbsJEaL63sslq0krCreA7Wg3w2Vw+NZmLxc9iUw1IxFiH6jxNLcouYMDG4JUev4v44pk1yQ55xwzD3aaR5GLe37IEuCp7ZqlgbH/YGfpj9UHB7u88qWlZinP/3obkh2fvUxE+H6gsjXtdbAWn+XV9njP0S5hlmIuXjHb7b/2FH/yW5Iiy47/oOqcggj91/iZIVpNPMFsIqycoClQWB6mpTQUxs69xv0856nae/8t8cOriKKwx54vMFeLMj8f55sUAwvMG0BoRAl/dId5GWy9dloh18+RUq/wh36KS4cOkrcP4aAmVR2SWtWsyXrnfvDzMrTAnf4o2a/D5ot7nIUQ9NaA39WTYgCJjSEVNHY47bPQJV",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z/Va/6nbbw3tWMQ/j0p3N2P4Q6hZZn3C9CN8T5dqzlQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "V4+lTtsZanlKRlyhgra+0Kc4oTlHF3qY8xjvE5MqtSEamaGrL878XjHGTiu4ksR77V6QVImXwknUhuGpayh5c3C2pJw+byx4fY+5YndzCoNDg6bRPn+VUtdUAU4bNUnfD75o8zu4hGNx1CtNN/04UuOk/sG4igstQut4hhT20R8xPdeUuzxaDtrqgOdFj2xdfSf4bkFXCePC1uuwpJb/ygUXFnSfHdqq+RVKH+RVRmDYTv9bCkhQt3Ib3Z/6GbRyurDz6BkSm8JkFLsKiAyZ6EgRlLigScxVnkZTir7z+5oLPfh/3rP+znXFrX/ZUZ2eIWoA7160Ug1QtFaEhW10hQt4qyE2EuGjdnHKxYeVqZKn1JOJV+bGY0jfbX+4XIe9tMqATVowXfEatJjE0zu1nIQTXlx/d3N4",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z0PHdxC0gEol86e9pkvoj5GNlI7gMiw5IhukeDfDyS4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hWyE1P293prAb8g1l4xFT0N9ikmMqMPiJ5iOyE1xnNE176jlWEBVb579AbDlnmhswZhH8bZus214ZN03Q0C6bxcmrRIVu4vdmpMYCRd9fw2sYpqm6iq5AecteF4yOZZfp/OBa1MgR9mZqoe0kNhiXHf9ZnSHkexrfaXq/sgdB7HMdkuo22RTQany8inVObFSH11l/ZQcB7ZjM0wYha+Ld0yEMWuPB4j0Die3kq1sWVjcoC9HcKyYw8/lLxuY04W04GzUANHTuAKRIzk4AMgG0qsdAgbEEgjN8+HDexLx1CfEKdfRUIVeL95vExbl5h2DDySoMD7P4V+pYBxqS+5l99b2OOw8s/cKF/ONZ3N+CVyeZUrP1ZTnRGWZCvrs5aQ0jmZxApZd9OBQvNnMm3e1vk+4K0A9ZpVq",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z0b/mgAxJpcUoaoezX8uBwFAVu5eDMz7Qijp1bA/eIw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qRw9VamLGZB/YA58t4VJOvkQ+qyH4828nAlL9RXFpeESxj7CnNwATFY9NWOF8M8srIkMbCjR1l8+Mw2+J3UrBcx9gDqq49cNfTnsVMwk7YzTPeEfCsqgqb2XMx1SllIGlB/rE6MTvklf4uMGkQ+AlroQh0BE9W5xyRutZP0YnKcyHin9SK3gDAowHeYf4+Z+tGmAe7EUZjh9pSHmKEqJjC77yyq5EKM5eiSwHmmzZP0rQhScS6JuDgno3QAC70/Qq7nmG94dOeFlrAHP4fR04rlveJdslOKlPhOrmr7Es3WWWVnZwLT3wVHN6PCbiIAkmdEj9IrcsmZG29jZj1Gpoh5jk83vwfd0kFzTNX9m324cnzXnq/p6FJLmLfRPEps5hDjso0Cb5/r0DCGbSKSVkT+vrkhyEyW6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z0ifKb9AcUCYUSjEMnSIPejZU1ikZaNAgywXNHYgk5o",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "T3fZBZnS5fH3XS7Ia401VDPzPBWJU2Sm8fP7LOCZVBtygChIJJRelaOYtcx2z+bstKbdDUPSsIVd+t7ERxQplqerZB0519VheFmKuUoeNVXHDvQNCjAt8h05ugs9tAcGqyj46b5anE6snaNaHnnxojfCFqO0o4QuQka83u7RX6XyRra5GoovMW8g8r2MS+J64+t3UoEm6XSZiHtS6dEhKVVdvnpd58T+7CyCwD9IGjgdyIkqhaa45wuAncOyp2hRgIn7YEJSi+jN+tLHBcweICA4wPR/Dcb2i5atjgeAmDb7cr/eIE7tqWyHyuFDYxEOsx8hB8GtiA2c87sIAjfEHlq+83kl6a9UhRH39UP09oXgvL0CGSx2UUa5XLb4tACAELRBOq68h1ZNYqV0D4S6vvru6Nll4Ksn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z1LJAuWaU4XQl2WV9ARzp5qJvQWpUsVmAcM84TDXSiE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7Agy5d7JVZsLnw07h1FPxZHARMc4ZQCq1RrQIH5TTdeUZz2RbRE3xQj9pi/hzHUuHghOB7xJlihJxg3IxXp2Uy4wqo+7VcFLFoemLkHimpg+0Q/Os+24CdUvAg7FbxKxsofI29zp3+E2cBXf9tTukGpUVihiqAhH1xCTtRfXVvTSEc24qTBwOQC0t+PdyT9oRDWOPn64tqrswPS+Ki1EbU689c1QIo+jWnMHvg/FWH/X+cJbAzst0Nbj8ANGZnmIOfow44AnTzTHrLfbFqBhzoAiSvfBK2yPCeEItVtjsbvFzoK5Yky8di94GMn6tGjFFOaOLruR7vhTbOFC/lL7RaAsx6Ui40KlKwOq0sQuiZW5h0b0iVQ25hTKgEeLPFtng+E5/O+hs/VOKnA6tuJUNx3w+K41wkcC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z1wLqNRh9cnsHAuPWBk5FJ3Sm27c1gGsLrgTU3jDJrY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "BgvJZNwntBuG+lEaHK9fWikvWm5S56CvD+KwMlrDU7+cfgS5pFQnYQudM2jRYl79XShJeW+4yLUhKUMQeBnhawhjm9DvBteJohF8C5DwwRHU0ktX8MJdr28qG1Np7JkocVquMehYGg92dHUOdF/qbV1JMiVKgkXvLnlDPUiiFd35UjXTOMb/sD5nDT2SpoVbNqsYT/a/QZzY1qjX0YibY76j6rcHIPuygQW+t9FuKQ/+cCIRFuJGif1r1y22DG7xeTR9SWEVSeVFq3vs9BiCGSOrxmf7POuGkeYOaRfuorlRR7+otaMAC0EsPImjtXIvTtvQumXktJ7MHgzdxuM67OeqbeiMYByUUeEKt/LQ9tfCJ4iLp1X6dZ7HzXke1yD+IVdvyVLvQvZfWnlEmieyWy35XQ61EHCG",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z279ImOJ+2338oQofLqk4qE2bh5YBwnwyXcJraexbfU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1kq/uBslR76F3B/g30oY/nt/nU5jY9+IiBZDM8e43hwVdeuW9GVONd2QVFEX6RNoRd19xIQRa14zDRNHX7gPX3dtcaSGo++/b0QfYScDSdbNmrdCz+L48vHZfjcFgKWz60LSVZ80nCs7F3plzaTEy/N7xoDHEL7ZmpxBFhi5ewfwpePxFD/89CugnSQU90nGEm8QxtXYq8IR9DMcH0hblNJrFiGA6xhmR/oxKDqto2w0iWwKtpFV07eqpxSDeeVR5OGFo3432zcfsPI9AyhuFtdSIaFea9qD59V7Ev1E/97G5xJ2Q5IL2SNgYjSEGHrPGnmImbEUqGZPPo/PHrG+BzkJC6zouO52PkKjgKMMgghHFWCwYzREw7d/IJXctq2AGTWMpeC1ezss6R0vUJQfO6JgoyosYxzi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z2T7gg3dASQD2jnlJLebmdd8EHlL4lpb5jQUwu/lJE8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "WYIzWwQbmJvMwqTbpHdZF8/yQfFOH0HJgqtiMvzN2ouSJUn1z1f0FRFzPTLo36j6laxSHA/boYUNUs8ohho4zSOTa2I4+pz8pFjVErlsl5owgpK/FG/9q7SyJimjBwnqhf3galqEBYL0xl5+YYH5VZqLG9gF+3B+pn897AH9c4Q7LZAxBCpGyEgZJEwiWwyJHyK6amImh05P/T4hM9PzqIbsMGuN/+p7T05fcopYRiafpb2cpEsR4HqBT3KmjVLRQzqLSZvAeu18+bjXdfSKfmcpwdOrCNLCt1v6rC55kS+jVkfqszcF5hm3CudBLTxaVIXbdM2JIdTVKkffysarqIW5Ks905u9aNSi2Pd84GAvU32NUMrhWs7nJZFXZT123jv9r7oZPApCQ1qAVm9wsklhTewYxh3jy",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z3si02pOHsv1jib8kI5o8Id63hoZoTS6M20A7XcUEVo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "L5sfDoShdj+Wd3+jozS3viz2TueHvXLw77/ekAhyZ17jGOmv6y7xkqdNMbbgn2nJAi2urrDtdkzq2pLzByJUJl3DNBTeVECtul8/PlrjYFvCCm9b2o1KqyEWnyJJ4MqxSpxAPXNwMrhYcZnONB2nTMO1dSEnus7zvDgLmQmx/SrKH+caa+FCPYPDxgkT4ROI/G3FA885pzrhhMHkF5/AcNbr1Y9QqF178VgViSenGm5cUYmHJgdqvG7trwo7+mCnOQ1jaYAjzenUHcDRZiq/twr7c/F31/JWe5IexGBVgww09cauYTdY/7GtIiQtBzrAWkiw3miUCehQ+6NfjLHBCig0XRtqRUSHcueJxKadXLhLE9mFNMGuLSKTc2iCakfUytfdcyHiSFSzi+5Vx2/D7Lc68W4VqGK7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z4DbKUuy3XC/6bW+NR6SpEHUJ9M13KX9QNSo7cBYsg8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "w+U09NOQEw8B+3rR1tS9IXKPXViKefKutVj8qZaLpQuwUGzRiGxyihGRM56Vm04p60XiNgpChWizctkifYE5Qs80gXoczNtGB2K+Gr9F1/KEZCrG92kNoK0E5fmQTy6U2I91LCJltwlSkgQpkZj4+iX+0fG4hkPXq9nrb0qx2mGp7TL9CLB2klkQJf0pbAF4irD/w8KM/VE532XdAcit0HmauVzrsy1wBjXutcGoQuaQnoICnZ27aStWpY1xCTYbX8rmkmLYOi9MzMO2lcX6iewcVm23VPAi4fvMd+xpnKLILZTAhIcPEZf4EyvPGmdEBP52j2YcHzKBSi73wMPg7nmewlRO7j+SLzm/E+GvA/aWrv43Q3GWmV01pXTc8fZJ3Ek1noW83g5OeiB57FCV2bL+x/371U15",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z4aOZ4JJeckZX9lkXqdhL2BN5UyC1q6ud2/6Zqfaczc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IYXLeOYpFWbO1g7V26syoNSt2ldxb9a/HFbbeUr9VPzNFQ+RL53v+6Sl1kWFUOnQy3oh+cv+p3TAWhcrG6y7wMurgpi/T+7Zo5P5fWXllDDbqUoizCzsGmu5wB8m7qGNrTDXD54Sr2hugo9EgR/G/LPR0vYXvtcFO23uzp87ZWrqHVK4DKyk2IB17/EpvTSBOCm1HB42EYrmUJ2OXqVBbY0aLD0rOX/yTdi9ncRJnbo+UUH/6FRP4LRwyza2TuyLs9oXt1eLQu7Z2SpKr5ktuLT01yQXDOeS/vs9NBddDs2L1400MVEJwJz79x2xtRGjq61mPX8N2d9hla5fEq9HECr8t+di3vxaaA4X8m46ji6yZ/MHDVEAUuYjOs/9oi6OxGCJsjCSZx2rNJW1lgS1pHdCROANEo0o",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z4c3BiN89njb5FDQ36+jBBV85xzF4iN+HcDzrkgK2W0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "UrjqViU3JkhBx1wqwQNqkptBfyAVTNDSrwjQLVkUZt8g8EqMlr8LbOVg7fsS/RmPfKjZp4g15qExwHEM0ojiwuW/WN8n5cHc0imCt4rBA6kxZwmJPXpHWlBJ9DU46QPyDSKUJ40r5YDAEE2JkZsbuX/CINfmIuo/bixm4MtC884dvqR0uHXLIafUuxmDnSFF9eD0lj2bYkssyifzOu76H/tIY8IGqd0e3oDnhy7PtIwOWvgVhGVvGbnFHGauSpzUGfInZXSlNnEdWGayxkZL/KTaU9q1A2unTl19JwiXNcKAHacFJib9StmN05vyq0vOjRoRDbyTdFGU4AWa9ALSOKYyaVtLDvaasXMwBgncrDg2NQ09VIKV8fCnTumhif0NdTc/JyePpmk3sRepKvkA6wLnsDDaOgxH",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z4j1dXxnDUxcoFNfg6CqaseseUsXRIA7DI1J0sfDikU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KiMtFqYyhzK4EGd5t1ZY6ejND4/IWly9nljVGWCysQz7KQUIGKtgdIryPm1Qhdou0r5Fm5PhHxYgZP7Lp2jMR64uikZd77uCoD5pIUv2RJ4yc+l6mkdiNJ599p8G+hvj8VqdOXviCwlOk5bGkMWR5ej693Vd9IIMu6QcX29EEUYZKVgYOCDE694Xsre7a1IgzEn/nAwtectZp7IyOYJdwwGk77cAVZoz2JE5WioNOqXjYKe5YZM9+EYFnLnldSY9rvpWVUgmGzWrTrp+v2Z08tfsm4yq1/xRBtkH00oJdcnils6oL4oBuWDenQcqb6DztjWjdSufpn/XKqMGE1XbmN80xOLO96GX74pGDLRPxonQky+VEZqhk4L8UVWNAfzZAjo3ROQlWuftgcMFDSzIqviYfLgDxf+G",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z5RcGFzC+arkLyS1cV4/PacTARDjqdAJxxPAzdZTiGE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cMts59AsdaidS9xDUE9eLkrwiGvMb6elP6rHGaJH31DkeZnQ+3EGD/5uBuBxbnKfehY6bfrFPmMbP+w4TAWunEWm6wLIRUEn5qeSW9KqVc14fPAIYyWR3Okvtrt62bz+e7dBsOObbv0zi6aWEgCc6HV1hjqS4BxIVh7GaqUj3V4oaLB/hdXeWJdfiC/2rxjhKgpfl0nSpoebPE6J4OCWoeRWiXSFU3VRyoM1tcp/T2AoZ3fvJdvsHbV2OM3wFusjVpfwSm05HbbPya5tVjRaFBGUWyeYVK7u3tDO37LcRVlnUoUjEHNscNvl0mf3wBDqSyv49EnRaXfxl8dbFmgJEcG4fE8ztR1SOfRYnBEhxTkmqXd2hHuHTOEuJGf85/0GF2m54vQR6Jl43MMoyLBz6Qk8ep5V6Ejw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z5Z8naF5tVh50WZHmsoQb0GZ/s0KQyRnmb8JnV0tVk0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sNibYQhskTF/bagsSCgjgZwd5vLMUWFpCtttNDxjzG0HtjAvoRHe0hhs0ozmk4DvHivBTtlDPZGwSwEZAWrJ9oyETEX7hE9FVxXCYP/JJB7XMgYJDgWB15E337oTFrIYpC57bPvYGXxgi5I6BktnQwHgO3t4GWMMhC26RfFekLOgm4dgB6LI6ecKeI5XZJoYr+2jxRlDISCNTzRJxcGjZNYpBKz4EQ7slvzSaCINTvyYyP0XTNl6TLeNZ/bhVtmpYNbqDlxZddOWhCHf3KIe0a9rSOLMHQmuBzrpC/47m7EzC7qOWfDcgBIFLgCDjUZzojGsCyD5ztc4NCIaYJG6AIh5xR3ojuu5bMMNG8WXH3iekqo1FB1IITK4SHwwvoBTIs5aYu+RhK6LkSAXx2OpSJmPIktHkPig",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z6GPmvOT/sUalTd3WfOVjQYs1mhn3kzqnErgQuNCLII",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "cx+OiR7Qi7biIojNVLhrlCtCO4CWY7T47yWTYk3fVu8eIag4EFHhqp07JhHilE/uBMn95P7hmkFNN5E4V4pkYFAD9On8LOMPh3ITNdZq7keTmtnG0AGStgrpK5mwN+MsN/GVcZcef0un/dB9uBDTlhQQ4MW18NBmaAySr8/63YHdVgWR3FppxjUzZjNxnkPbwFolU+XofhP5AKOiAySq/dSqIee5DIJqJav1czl2El7ozT8gxA1OExX5SL7ZXaOK22TPs2VVF2b+3WGyBSVxK5xUVte99IvvnXqy8rlsh7nqfmlRNrhf8mqDBjmofwwS7HFKAsotEmPyHWo8ysxSlEsjStaZnDZoldgZXwboTYcWoXYR6E0tYFPgnR9wtRUd6QGmn/E+GV/EvD4B0EzDsbPB1uuGwdMi",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z6NwmoLt1XOPLZkxLmvjrW/TsJSMoIoUrix9egrDVus",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "4uEwlcFTcMOYISPoUGnwHHgcKvWGPA9tTkkyq1XxrAlVjIpxfjPP8MPOUAlgKIwxdj/CN6X0KvWWvncxTwgNGgJ6kRHwwerHiUc4aXYT04vv8jKCotmCBOuMG35Aozhp09oMgb18gZUhlh102X7Ey+ptTxr/adIUBvqEURB4ozq5X56E8Ma4w0hFVoBhIme/EibrJ6V0j5q7O8yOBngHA0bDeAqm66r/saTvwSreCFpRR25ZPItd8VSgsshJ9PLIPK76iRejfktDWJRdBl3xlhK+YvvKdAaQFl3KkaY6OocEHKM0FobycKx/zv62ACoNYl2zB98I/jI29ocQOmy1tbM9y2dg+gptmng314E3IRz9tjOWfprOuB00mQZMHcmCpht4W2LQwIj69tAPNF52fa5LRqPGGaem",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z75Awk+/1lJg7hyFIfVAD8HYneZpt9/pS3JYC04lLa4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5qqZLvLAHUX635c3CD2JFE+ZMTNHiqjnbyjXs42lpJfaRD0PkZE4VYMPcVvUQsAnYiW373jAxna3v47bwCoGHwkGuAx+LNNNdcifc0MckSeUq/AVZg1AdZAIiWYHzhQ8djU+/8+4PsS8xGKZZ70W0JzmiOzbF4XV/CG/02mF5UbUqPPvh5LdrWXnVE1HbUOrBtzwaObOdg0/Pp6u0l3QuvzbHyjOfaAazraAvDjyGUELqAjnXXdUz7BI0Wkh5DegFqmLKu3/PJDtHc/uBwl6ITLk6G0SATy1sa53uLaEnIS8AKAtTLM8Y4aEx0UPU4+asjkgFgRfiUayAbrGNp7S47AodUFH5ml0zthQvLGmdFby1htAHh3obqbZbus6eDfiHLhjQGNefJcCgfyYjiYem6B0nty0kr/b",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z7BVlZ91F9ctPE/HYO5LazuSIKX/YSbx2slk7RGj+so",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pElGmvkVexufPN+iFxFFxZka09QSSeIrvhddC9GmvkBnLFXrwyaThOCwTOOduMjfMtKchKAGevyEh612naNR44RHsF37+WeCOhK+RirBI68ALxBw5VqloYnxHMWw54JCJcM1poPWwFlY6Np5ypIwGlxCPo9hOIH3zRx2vEgFKLWp33+uP/Qy6p5qlfOHyQ/Qw1wkvpqKMselL2/zABe8Y/bgSWT4E0NdYZ5qqCJuJPYhLQ/K6w94RuVgw9MmF7RMAKc9FegPSI8ep+DHaJfFCEi8Hn6m94Kyc1LdhpZcYJwqoNpRNDv4GsmOS8UHYieGE20iiC8r3p/Lnd05g71Szow28OXMvnEkfSrgf94/3TMP5am82lfCR0fI4qyJ3Gjbkyt/fW5tdAarnYhsyWBIBU9o2/gzdbSk",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z7xWq/D4LVXhxQHGw58hmn9x9hnHb+9uPMIVuqSNm2U",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IBp31rsaD43FwNMz+zQh2dlm+22v5xffUd8tJw+0WcQP0/ehdfi2USBqOv+vmko5yaY1yJKx7d4RCWkFZO3EVjxD1q+dj1VWjJ6K/cpEGxLlTdB6J2z+50uENOU9b0f71/z7a2gFyu56rZhRDKo3t275zVAqtnDf5ymKQVYSJzQS2Wd0X2Vy9xpA+3rpEEAM4CvaXgXdHejrfpaJyhghp+SpF0tMggayNBpxZ2lMcIxCXNeC2h49tcUEmH7JLMlN97LuDRPToj1k567oW+SVCm0uMBHBYKbr3RisE3zbaQZEWdTKIb527fQdZFkWGhMEmMJjlYbRL5KYf6BzS1SMtPWyOVuIT6yh/VB6AsyOvcbggPU17Kq7UPtENaGuQTSFam5li1s5rcSczvG3pSffJ2SH7mVNeXsn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z86RmxOnrNI9v3COBj1Sg5PEtUNwi104IdWqGTe6hNs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "FRTlCigf5lajol2wtEgP6rnU2iIpTSTOGC/ksd5u2omBZgHOZQAUysYpBLj7sGK/HFLGQlf3nJPavWqe01FfKxwBmIGH7HB7EcLu++/0DK51vJ5qn31QjvrMiMov/APsxeoWJo/zGOIEQCe/EGvifyyAHX5175/7nD5v7j1aL5s9eGtDNadqHSbUpiVTYqjK2oF3Tu4R7D9xmDwaTeN7xKJB6Z579F35QP6OIbKXvF2zoL1A+vv/tgON4WRGda2zaA2EDc98wPySAoS7bK+xmuIIlR7HByvI2vVRZdSxifOHbGDODO7o5E9TvHO3aD49QRFBie0Y6IIRidZDgtMNtHyr/oR3CgBDT/hl3pPjpl1xv8daA6dIOrctECaQBa9mBiJE3ftRQ6Zo5ejfoY3+HxG0TSWXs3K7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z8g7GLwLItrae3GSfsShkP9ayKgvuYBTEAHc+GIbn+k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "wH8Gt4gyB+ftAUrgwfPViKSthbztZLlv0qHh46DPZkR5C/hcgpFUiHDHQETA7w7kyYi22mV6ADcG4mnTOQeGpTjoD/SXumouM0SD5iSJss1+wO0DCmW+ZwiZ8cY6YgquWRUYElH6Y3GSsydSoYw0aCFoipOK88m30FOmb1pPETF4P/UuLfC+tP+GZMsa/pAiBN8JPzHd8CQ5bt2vAT9428vALjZuB/SHt2d5mM+wMkmSNqSYAiLyLY4a1WDb8hYLVOvqyHD6Xh0Fk3AOfI7dTYmy8/s6OmyJsNrPBll+BkQJg2IUtPbx3iHnFsaasYyt4EX4lbgGydlDdrgBmTMSTG7iO+3V2gI/IQalNE8/wgBigv4qgWt8xLq/8/l5fb7dxrNjxcVik7Zh6Q5reOmd+hEfh7Gf1iQn",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z9YAzJm0IU2c37fq+cSngFiOyNSzaOoa+W1/oh+LVeY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fxokhQaa9tzQ8v/D2Vc/mk1kMtkdAanpsljzq5dh4KL2EYb02e+8fpbasiO21/lHylTWCeqH4dHTbSfltN6s/grqx1bWxbWrx5rkjrU8mmFp/70KnxkwWsDzHQHcEoeY1K9KHqNLQolHuSGL0Vs21Ey5e5BfKALfav2ASwGXuW0vGvEJ759O7nh37knAAWgn1xV9NFXNISJK3+WHFaR3o4ktaBZaKnlZQc5qANtI5xGcfrtPCOrA1Iz/o0wCzZnLwN92Ua2TB7loWKJv95ifv10QuSyK5wM/hRQqgsuiOr2yU0G4dRhenexJz0NY/EfpIbi7Nkr92dTUFxcB8ETZVQxZ8J61mrW+Uw+FUZXMLn1n6YAyRwgz54spOf7sJig6kGhj1ZOaC7WEpewCuSNdlCQpdjpXNAIK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z9bq5VY7K4SgYEwChsH7lJM9QbtEYPHMwoVRI2CkJck",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "nBVZd4sUoBiXsGs1CmLgwb5y1lZckcCCOfv+8P1QGBYhUrhkdDy05PSZ/bzi0feE65AbIEbUXqFeJkho7D9uYvS1UASkUeOAQUysvZT40nuNehTbrTceQFZMLXHRBRSdbtMVZqsS3rO8zcCddLZhLkHbRmTLrmSOCJRABlujBCCCRben4n8wGs8dnO5oPMnbhR4tk6Xm0t6WcXAsXpB+TY/xniNc/Oft5AHJ2S2Kf6J2FEbWFZeUpvQwgKY9DhTbqF4GJZgSoAXpU3CkLjdn3gYvaoiYWXqdiq+gpZaXeSpkrrNpPKiBkPNsStS3dBIVywqhVLInIW7iHKS8GlEIKgvP/79aq+rddgCn8LZjrYUrCjWCNqitA0OyC6Eyv7XkUrXzH7/bzR8W8QXuUSuYLmaJcOnXQE7R",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z9l5F1emkZ29FGiPEXiiweSXBDWVOQO9S1dq7uaeqPI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sjvDDowHKpEGs+YxJGUdb37R+yJOTuORgU8VwS9L1lJnOVDxmtRlJP5C3smnjZ+Xt2fOvbWi93aKL+4uduS3VZp4mU9IH2xqBU4uw/f2CjnQ3p/jCiTndUxxt7taekMi8arkLSxeMReZ/fJxG0rBOkMx0/vxZr/1j+jko9g921z8vf6tJMYQFsJT4p4i6aNhPTzxHB1iHt8Zb+Gnp1LNlDTrC8eBi0Zt9+AVU2ob/jT4zzAkT9qjYYbFZ7kFZ9Z/L6pG3cjmmQgHE931LjlZqttPuyVOJ5G8nr+RrCUeQ29TIcGE8K4iI8gY7t4qzFJE7ERI1NxxnmRusPBgxsGsDVlZYrOMrjgpcUDjDsKAQYKNGagf02TdNDVjCBw9skF7RWniRPQ1Prv2OPWsGl9Bw2Mv97LHPsHt",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z9teInpwt9eEuKBUtNeOV/s40wgdUiNF3Fo6b2J8/zQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "u69PEGm1WYIlbSKAhdHfoRyEczLxYldSAdYj6+FJb46g6qgNRHhHSABUfRWrv9RKYcmwl3gEaB0q1kU9UrL/wVK/5hW98LLG2tWsRh/QmcaN98M6rIKQpxrvzpSUkk+4U8x2q4lUGXRE4MdV+mhbFu+egaXEjeWsFVqrb2ZcYKY+JEBiIE9Q1/WzYbb+a5hLYr2WnvSPsWhIulipoSqpU6SMFGY955d7/eOxmW2aT9Y2RIVwQrN5jrTEqaTpSIXS9pXqrZKCfxEd6zZwR9/QecJZgQlhqYoR13tZ2Malug9QL9s+mRpwx+U7oDqWjI6Ij+BfsjlNbiFTm2Tdfb+tM5kmxzDdO1nfFedbRWgodKOqHcncV11XXx4bR2mpLd6E49XVxo63+bHFDy9mElCAH3Ugb0OosngB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "z9v/9jfCY1qnfS9hfjXINp7Pay2bBgTTxsQjmPz257w",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "stIYMwqP8Oe7XgowsN1iiueWcZcPa3cfutGu47s3lLx4jAgoRzn5V66wlBhRTf76QynZNjFW64xkdf7XGqFO+5V0IqUH5kaZPckaKTA/N5AsJC3/NQB5VxQFcU5gaj5wWw68CUXEQL4L3/7d9wAG+j3IuDJJA911KJS94U+glkO+NxvbJf1UtlEUcSBY41yZBU3UezGQYhEOreSlJW3to52mvNy2hlT41LKP+12p2iba7nuMZXmoSQi2P5R3+tpuoHG8MehNxTjETGT5G9Wsha7AwfiIqlEcbYpl4NfsCYxr32a0jseHmzfpzJG1O4tFdTGdyC+D7umbQ69pXIiVb7Qj3tz+gxenJvUUUes/LveLqu7O9DHjQyLIaitqEtlJEoqIuy9X4DBUIJe5AS/uXNZrqbBYavq5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zA1+IG/t5vpq+S7fFQI6Io/IXycRFe5vTZQO38JzVe0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "qv14QWYrmUIwzdVDWgSDb3WaBQdiZPfF5GByF7bKXTN115oMyAMkc7H5uDPK8wO2BzcdVRcgnxZNdNBY50rb4aUbmAE1sHRFiGvJjxi1Obc0JvCb9+sc5v9t6j7tkpQOhkqeSDTzQNpIIaiPHZ+u8l3hDGKWrdY5vawt7qD9Cv99+3qlj9J/qrFyAtpge312BLnHn68L77L+EhPtLu/Y4bTNcJ22I7jeDAq7FQsujkOApVheVsM0GenSBAQGtdV15ZTnBBjR9q26AqHHqm9g4AY3aHYpSEtB3iL+etns+mH0dhp1q9s7HEMV3MvIm+16h9dssneTu64X+ik/6yESVnyaN2c592eM2bzvi8cWOMbBKT1rPgEstC0sFky7/rYombChZ/R+KgNdtvL0VbcV6evg3b0YsyRR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zAfeSblwzF6dgM8o+ypflWGvvCSr7rALaz345V7D35s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ywu8nBcH+j/J/mjYkGabcvmNxHMbI8HIERsicaEhaVdvl6zdsHNltnS56+maNGDFb5NJPM7UzQ+yCODO4E2l7I1VIjVN+iGjXMOF3QB78+JXL1tFuKyszNNI4J8onMthgqFml6LdedID6ndfymMOe9tuE39NBwnZPN0t+0p2S1DJDmDL8k4U/jnjKqoYA3wYEqKmrNIEKIBn+NNQsxEr8cgAp4rfyAY/BJMFMCtthR6afq3e0Hj9mwDBvXpss5vDJPaDYkFLRtlJJl7YtOS5m1IgAZ9yUphEHS0JwB7sSl2pej/TojwrDvDiao6mgopQ4Kgvz/wNqriaMkrWdrmy4sCt0tWvybW+dABLz5ksFAiS624xZY5/aYJDq983CM6PFvk2jcXQurMrZzrMd3qhCLn6voiCbs49",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zAr0xyKHfl74dvgTs0fxdUoazjQl0ZFcl5oLP8nfRZ0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kmVofjnRQucgb72oopBH48qXITi/V9FfxO2hjJrFyDzV7SaC7ojNpeOOCfy2p4BOd2PkYmYC1Xpm2WL+mMlbDJW3V00tDRImneSXnisVjbjePpHlA7W87rrDFgpkIeJITAHvBQibIo29BEvj8mptZ+HfjvpPi7hJQ+Yf944+baifd8k+Hfc6hDGT1uDLoIuG7g2jZMloQPVs2Es220cMlbTGnxIDOhZOo/meXqF6zvTA+wICjB/Hpp4qePtoSTIC7DDLB6K/n1U+kI4XMP3y65MeDcFJ4vr9NwNZWgWvSfX02JdNhe1Y5Q23dTBHfiTHQ7dtftK/51uF+diBfasVVT07qJJFdTtE4+bmxkEm7XbUh3vq9lb1hYqv+Sojb2aWIMs77tEfiY855sHhY7Cv5Dc9XfYot6t8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zCjwyMrFMMTv7HA5Ip2GgMjsnPC7nufdw6alaO5/+60",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9/mR3RW6aUs8tKpMYFabxoLXy84cVfX7u253tUcV6+9djsqXtLk9VU3xIW9S/uwrB1MYIax57jXWoDtVehoi2QjI+5M5iaRvzVMo2QV8r68T5qnNT2AvmIzaI0Edupj7JFrikvlZT/zmuFDsC0TLeBaXIBJ5I0Chrovidus+QyJ6AYONmQ7i0rTcM7/jbk+O9jNF8d05JR1tgtqvyl9WZYGFD5Qgaf0OeHfDUGsamoi4m6SiDt/e9GbUWel16ZGHtXiYqlVZoHRmzVman26zjWsi24KheIXJ9mkSoMueeLTq9Kvy+a169s16b10TMly5WjeVrT/bCiB3GXnjk5IimjTWMvQozwi/Ixx1qJEV+xownOxbd69i9DfLw8Q5ko5IRLORiNjODnuRU0oYHgjQ3due0/Gdaoij",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zDIAxCjRHmExxKdaVTWQPvL8VhOi1P6n14iVwht0gSo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3lqfkBMbyKBV06ajnqUqpu0tC03WxTOqpQ4rTaXdUo+v+MxOyzcC83k1+Z48qWn0wcEAcbeOhs2TMnSDEkNy/hqWDCA8rwOUBr9LHVAfcPjYJQDQUktnIE58KpdK6XZOuXmDVVZsegz7BBZXx61uvRLrDPVJDoikBVXLMDXweDhRA1GFIjQaMowVXucpy937BVQQ0ET82vljdJ8QBYjDfWRpCb76XiDp+ETDqxmvnZliksfZ6E8h8tCE+p4t9dSJOFhGTW0GYwSvfA/t0cwCOJpqVgH8LVmQJ7pvyjdNhljqSfIITnYhzYW1NIHHewYFSEwFPItQnQg58ssTUN0PZ+CxgQ+ki/7x7jl2UrijcgCnja1fyekuCpXE1Z/6MyvDPp4RGGMYMCQvZtuBaRKpY81u6D80ueAB",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zEO5vJhbNMapGC3hEWFLRkiPUUGzHWucVhNjfQCUSZY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9v1ozke/0qIKnUFxZYP5Dw0mV4e60h7EGt/EbaoJJvQoQDpDz5rpZ1uztm5MIbmzdy7ND70ZpArGLi0hXkSjWG1WztBUf5d3FQTcW68egwoSxMGvfeeNaC9jQ/9KiQGTLSQJES2OwzaJgM3bAulLhU0i+//1OVqPWuHj8sqYZXNHbjEFbOmS5abzorSpqFzPR7OefeTQxch+0FPayX17nIfD0RHFiIedLTGGWHI9YIt20dE6E2dRRWfWJWmtGxijazfIJdlS+gl4VZ41df9jHC+Lm/ZFMzObP4mPGIBNkd841DIY4lywf5ejVUzgGwrdjJU7oLsVgx5c7fwPxZKbRCHBHI4zUwXkmKnw519HqTgjRS9YXEU5jM5/B6MocKXda1GJnYv6xf/da08Wz427UHlVAhHmZl5p",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zEhV6xzX2VAXc14OS4E6RPVR5honI2+Gu0MedkM94pI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sx1hhklLfH7EdMMedY/jjqgrZWaMF/xltFOUh1tYne9/6TXBYKW21Jqn2Jg9GAiktEw1Q9VQdfElcH04R6dQmqglZbOMdyOZ8GkESU9v8U5omIiaBdESxq4GJy9qJpjxDWFM6zbA8DArT1409FsyozUAN7S96O35su79NVduUDwYywC/taU/MGloYaIev+U1+oBZLSZLzriobJcKN2Ln9LdT05n08frFcKas+fXW1wWu01FGJCR4VBrAFETanKfDpzNCU2EpuLY4Zio4iHmfnCogBBrx1qu9WXwP1ppCt+r0JIuFAvng65LDxM8k5vSZdNyBMOnNwtQn0fDfQ5xo0Zx1ZoFnaOM3LZ0YzeSYxNG6U8dIbfC3qxqIcAmTO1ARL5suUAhUwL/s+G1TZVAQRCc7Be2DcylZ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zEzAh7BYjsgpU9DE9+7w1C4ZHSQX6MTamlK5NhT0zQ0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Cn8IPVSSh50jI1J9/l7ebgafmsjFtR+WhAqjnNXTmZXlxbarh7PHzRfLGG0AQFKEn32kwWlPOeplO1Tjz/b4/epwia8k3DN9J675LEm/nZAHm03ExfknAMpGtol6nJaJj2meC0BjqlEdov8NvOK8L+6Y6rG8Jkax2OdX9or002kny7PWe78TEv75+5R40TukzRPv4uG+eyxMjOUy9P0xtHiZ1nbTaV0yRep16yDimIDd82q+smYuqPu5DxOHfZm1/IwmArDPYKhsjZMu+5Hzh6uaiA1sE9msTi3S+sGJNIYXtKYa10sRPcnOZQDedXNiLh+l2KZFrGasIt+nSxdR2S63C7ae4rRhprUj95POhnkPpfVuVNXNJ1xK+UwsZp2DMLO7C+Z6AFzEQRuQHqvQHpCfxmzTPrUI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zFOFa2rpQmb2wQJa1DUwh6rnlLuHOYMC4VZB2n1TRXE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/nA8bhjYI/xz/ZDleIjOrQFbDzklL17tWWozk+OSu9rj2U69vrVq8pylhacKb0z7WyI1b/l0wOs0Hv3AqnYuZrvPJO3qz4Hy554WUfsONiTpl/xu73UhiiBDxj6XrtwLcZWhaaHvYghLy951g2Hv7z2UZDc+XvCES88QcmvfOl/ua9OTcjyL1g2a7IhmBxl6PNBy8S2WlA8+e4OlZOe+ZxtYKk4UQ0UlsgGfQrebeizD+SDNj2UGZyeCQSJbPz8koZG6mv8gFPnECOlcQeKdydmMHL5cHy/+x4U537kCn3UoxvNZJw5TGU3EJassOipGsd8hM8PLjhA+pkFSWLXSZMiw9ygKKKKNY+nNguvk8GXj9KSY+5CxzmkUBzW7q0tx/Y9BoDrFtZdhe6RJZJXJBaR42dv/q7Tg",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zHz6t57vZhMA6ufRUp/f8oeltJnhebuamhxfqt5a5vk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "YBn9l7/ScdI+XYzTx01W8wde4NNQtyCrJ9Wb51VlW7saOo2QgKEWjkfwWKFqjKUSQM+SppFTRoeq3IPag2H3O8lVQhWlDa6J4UXhXMy0t0GGy6tmHitFvBlbkZ2JFnxR/oO7LtslJ9PJ9jO9XSQP349qu1SRrAr/9KP/fNNOvpZZv2QhwyZpokIOr15rKaCno3iBZPOIyE0FE0SykLqGopouwsNt5EefE6UiW9Cdh4XwcROxOWjd4/5ArS/rxjkoikQT0SRJFOwcBYRIrk8IBs2lv9xoEMboMq0vZ5m1EhKJtRYoLdMnM8tqObLpYEi300QfmyVjcdCQECIn9qHz1/HzFD/mCyJQITvzX5AnhEGZY85liQEdhejHHtX1SVs+FHE+R/v11Bvdt8e96QuEpZ3vYSVA/r4z",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zI6EuVbfE2O2SPmSrsIcNJFAOdnJ+klgCyQnZuiBbmA",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "VFXc9j4OXAhVWOrmnRdw5QMBz35xBv6utZKgqs50r3qL2mLvvtuwj8USPZQJI33F6+/cmiMERN9lNcQGHNs8zPCLHFpkGkVKGrwLDCg2Bt+ZjL+Sv9g6V82xH1jqUyJ+yuW/3H8X43XeqXhzBcRqvFvysG4zHlr9BkVuWHqo8nFXzrjh4wDtGaU706cVyPchHZWJ5vNpTMF1HBJ4QqDdKcp+g/35J2ZcIrsdlk5S9BZLmX6icqEWnsg/x6f82MeBCGlaqEWdWwojS8BV4VPGuhWrgEnvbmOPZ4fVuTFpMDJciK9dzlGzA2YK4oVbut9oE89rQCQs9/jPxuQYCIxBIAyzZ1p3pYgN6LxKePmtyHFHgN3GH72gG/UtFv58HEkv2WV43veyJN13W9ddXvVVEdej4ogpDvB2",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zI6lknD3HggKSvWweL/OyvLhsjQbL1Psg73G7J0I1s0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "2o8fnCtq1HBDBYT4C8hp3YrEVGAZJCC5wzV8GMOElNywmWdCku9SwfCMYSLyUKHsev4d28nJBKWkkxuKDN2mvYVgbakzAmBw1hmzZg5vlr3p9ZsjGDJgSF/mUTrxMJ43oNRlRTYkeR4MdtJ0BIeJLdpQlsMsfTsK4Wf8leF38NP3qlXrl82DX/2pBKjvg16wpd+jrzFALvRiPJAzU9YJvSDIFKOR+udxpa5pv/5YGmdvc6tCJznxG0kr3H3ZadLCzWzOXCceIHsp6yI3cf905qJAgbova2P3Ndt+/7HWgGqW3HFI3mrw39e3d76aYz5HfoB+zNxwNw6gL2CRGse8pQAfYtSYhnFdRJmKqNcF7uhx0Bvy22aQff+3LZE9u3KKBY9FVwnwEhop4FEZRxDsrKPZq2JXkQFm",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zKCcWdQYT3Z2vzp+EOZIYzMXAseNYEZ6/YWo+RpjLgI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KZ8LzYQs3vvUj6MG2uMl2hJyYbklmgidnSKomGg2CXysoKzi9DmQz5WiVXrIXUM+s36Cre3T30XvVcMHbnvphtn+ZvxSncqL4HOjOjkQDi2GS1xpTYw+ubRJW3hrIv1Bccx4Ar9Cevag5JKzZQSlDECf8heHouVVioFQH/hoMGgjREmz9lP96BmCF4HFR5m9NZACRXteJ8FyXQdxgNmxnW7M519hqOSDLUc0zGlH5ye8XEw9aFi3RluPkPPvP0f4DzYJKzot45NwuSz26koALLp5fvljBotMwF5QvEbGciM332YgWs6je5qBaVUClnUPAkXnznxhWLPnxPJqPJPccnvwUjuZFb4wpPuWlkRJhKAyiUbZ0+6bnEbDgWM6mUfDOGSCQvIvkUPST8cEJ375YneV3yRHh1O6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zPPrj6mUfi7VD3uIsuGvWF2Y5JS4Z5jCtDCTgFUlqwk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "hxktb3PEhl7+woRvRxtb0IMvksj+ryhqAlh698qCxX/Lf0FOHKCRIkVQbIOdJa78GPUkHyusIq5T+PrDSF1QwClCOckH3FP5RFJtnHUX9jbtTFiiiVOeHCTfey0IzDKCkH1Ogalhxk/UVRcTE2npYAUecdGPCgnA+N31Dw3yFhk1NiCpWusSWbIiiqgkPEQqeZf8Iw7Y0yhnUplMK+vBaPos8NdktMe0h1QBga4E0DK449ORfGNVD/RfYRaDwYG/LtMDYe/xVDkiebnQqEArfVqM38nVDDLiSGwU8g9rjYzMaORi6faqorLQY2trvm/TDSrHtgIjq2yaoGTY5akyg0Ry/iRiPIMWnRxEsr85Wv/MwxxCEeqzYG+RlV0xQlFXQMRSl9XGo+KXmNQfYV574eREDySGATet",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zPrNOKKVNP9ICf5iYjGgT87u7EitEmzWwHtFJbYoqXg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "B9rXRuSE0z8kumFw/uEGe7JB6VB9j75O+u2ktV+OtLPdBx0R3yQAdj4LdMDgWjTKMUgR5zldnFN8yGyGNl+Hr+HKx6t1l8YJ0NQvorU2oxP996+xUhyZqnFpMBIQTAiqK9KprrLP7wF0AXWweVGbHEzO43o3DsJepdsXf9KFDna4Ev+YBocf0l3y0PK5JKSQGNasbUKz+FunDe9rg8Ca3b/uLYWBCQXkvExKQI+GaQShWTqaYj9M+GMk+o+0+ep0P7jqQgov4141uQjYLHx0miwpSUAIq8QY0KV4L+xsuwfg0WwUXVe01QW+1MtAzj2dQkf8H97hmw5kiINIUdyFwhreFhqZIvc5xI0cfn7da030rMaqbk4hyds0d9rvq7Z6jP2Y4ADPlNCXA/clTa2OocJf6q7hf5zu",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zQ4gGBuSX+K8X0R4hckW1GbVsHagfagB4zKi5N6nz5Y",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "9eiVsZmqc50lsDVLjdLtViS2cfpzo7rQdV8Z5cVJyIrk7EQlkZM4YR8roNBj4E8Wjina1aqOHKYT4rikTBOX53EXt4bi9W31sIwiPN4RLOIfXxQU/ZV6o6E9KaMBTzkena8rYjBiu5UejHnhtrGbbLjJ2BrgQI/knWJ2DO9PFAmufLy2vXP49AcBg17yjGX9EN7fEN3M2jjYtIGkpSiUhhys1MJHf8521tAeRcfR4aIsmGkyZVwJVdblGjnfE1GI3/XY+NrU1sMQ6WgIw7y2GleI3s+B0KHNIS4kWloHLdRgtoecZfmYJnz80MCp7o/pFqCSjGig/FWPD1hpQz/qajCJmZnBB7FX9/U2RdlALOwi6NWk08l+oPHcAj92GzrwTOTxWthfWrPLY2K3tdOKK+Ye+g/+L16w",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zQpwtDvADM70ZD5LA0fUt9vZahNXrrqlKhUH52IJQTs",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "j1X87zWsaSZMNt2DHf4Ubk2yBZcPhPTIpZdOGNE26rQaylCtxqhXSPNrC7Zno1NjJMQZMq8VENHwXpFjy9xH+8TO9/ABRms2bj0+95zEDs6PaxRaxbcndBr8QhTen8WR5oHcTvT7vtZehnuQHdl2P/AhDIb3pB6tEfJuFDP4Dm/EYIqY7ukft1BYTvk/LQBi+1bcdZafImktkBn3tV60Cgln2cDTLy9jGAfJxJj2uPeqaodrRiIlKRHfUTt9JsDYqCj5qKSWRw9ewJHPoFvHg0yNrU06eErTAVy/BktwIfGlqaIAIM9W03FmUx4ghpdh9rXB+8/Lqg/boKZBb51MIhDOc/T1jFsMIaFOj+vf12z58oGFdhVXJbb2ZIdiW8n5KvBgf3tfXE0HpG+p8EPTirBet0cY4AT0",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zRMTfwaw/WEfBWdIIVusyUmHpAA5DDJQ7eaK8M7gn28",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "KsBmBROjsmbp+63DfsH5HhZMuQQL6qPx/OQK1il5tEB4cTmZtAmg6T/OBDtIIRNyLP7nWC1wZjdfEB8j4cZmsJetOEyvMF8z8qugGFdW36KHnAdq24r5ZrCuBWXmZzllLE50AOWT/PZnVV4NROlqhCEkeWb+4fjpxnkMzajO4fX7psJNyiGsRoYOtoZzpNWFQ1Jgv6k1lQwTXLPe9PcsjrSBjC35hdTOAFQ7XAsvGznnUdpAOtEfQQarITRuKhiDEyGc6c5C+Alcf8u0HSAiMtdO/Dbvua72lEEBBTsq5N11LhPJfNhPGafDzbuDBwdJ/oCM3otqOMy1eMhION09fDoezZZJhUyK3thPmdI7WhI+rcY7tQgEsrgAijygBrS8VThN5c7eng8TRY4WCJ9A0kRFAdXGQfKQ",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zRNyKIMw5Q2J1uxIzjmbYqGV0oQMX/hn+rXgNmvbuTw",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "3QGH7O9SoO7WjC/tebXu8nr9jH8D0CgOk7r1t4kiis/cJJZ+CbGfJETtMqfLYhVAJRKDUhNDW5x9LxE2C8WzpDPyvdDZGUdRaM8ClEBQyjPb8/O48AOzyAIFiIau81gb/iN0R0XkczcO8z2v4KvvXNQzx6dWs8bwvBL4gqu9vF2Ez11c78q7PsWnDYPgYN2wXc9a5PFNwKn4eC/Fj/dcB15vtFqhP/375S7ejHDWJOajindw+2Iwx0xYQFQ2pfLRRmjNLHjRw6Lk+PHXOlmsNcs44+bzpGHktuk1sEPT3YjFw5RhLMnbXilKuEATgd34xYmZsBVTxLTZLdpG9EpwANzr4TcRp8i9dyMrplZ5uwRV9nAX5AUHezEOt/qnMqhycMKkmBG/K2BO7iVM7A8K11rwA+Lm3pNN",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zSAtehqECC/uE7pv4TbHEqiC0+0FW+35eUZWzeshSIE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "kDOCDH+wAlW42chPTEui5ZXKL09mk9cArr8qd+m93LiW4xGqOYVj+0o5HuqwRHHxOZJLQNTwMhuNgVOhKywJRo6VYiFSy6doXZCmyvTy7znmPWSPY+8O8DMkaUeoZbXF/Z8GNWL69ylT7q048wnMGXbVhMGxzCQcr+FVIAm4f9f9mkJ0QvM7QZmSrPVkxnbdr/E+soJqyzxy0ITJCP3dgUyb9RbeMA+kKHlUslJwWNEPkT9N5OX0KO1Ae08rUz+ndDssrzEFtAAn8qUIjVgvlXg+YTIvTcG/Z3SOEbxAt6UHO9i0rgOexNIwy3Kn5T/RWSetVPEJXBqRfbBpM+Wl+JIEVtt41CV6yCgMbeinOfN96aRAyf1y1nRMqRAfEUMfusvl9B7qi3V6vVDMXIrthCdIuqYetdx/",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zT8S3jJLLD+dSodwpfOsDg7jV+JhruOMOaNfULvyI4g",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7AYK7Jke/E5CRcUS5lNZgyV0dBGojPjnsEMde9zaaY0F12uxRpU0xFGR+CpFokBG5AB94TjKH1h0jd2lf3YeFcHMSenfKDg3H97LD5240E6FwLYNmpvQhc2uY9aoEaz/H+8RnKTYLb+VE3VukdUn5r3sK2FyiS7c0r0zvmJyXuwEQFFUYmIlVINrgHLUCbhXIq/FvGby23J+6EdbAyFYUxtKr9KCF65XgkGCB88AFHo4lAKyHCoYdkhJKMOVQ59H7/1iIrMyRK1DcVKTKUv97/+RpapycdROnl/nUSwnQE8aSj4X7gFhhCR57Orvk5wUMDIeakEIvOqb2zKFnJJI9oOYU5dHZ9imR5nlzTTo1AW/mwlWL5aZY+bS/Eyzd9lM4ToAdnRCTGj8gMcfbC8ICuL54xtBcw/b",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zTgZM9ubqgkTKU4dUp5ZjIq/303CEMq65o0WI16XPzo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zD7RKc/HRMnBh1zPn8aQk27ztL6VMGQaRDUlEvkjrKsBsOsBMGfnG/8vpvD3vD0O2Hw8ZdUU3UFcwAEOTKf0dWY9fDJZPw7TrsrbcvGKvOwqjlm8/Mm+m3KSCl+op7Cr9MgY/wRgeY2gVpCPdRsq+4CCKa8jpO6m/2XNBQhOhfocKeGHHHJU5Gqw9TlmNO/Dpe/ptnUEW7GU0m+DqZchFRKQsCHpey4oVbt9549ZI55E1qAIDeoVR3PD6f0xTVDZsyAR+2kP45q0Mkf1opMSlXoNSmSjxhBUAm0a39vjoOvULg5rEMun5H8k0GIUyisqgFJPM458la16jjsO4wJhtCmR+8bdHsh+g7tN0y4V6LDoOToOxrVmG108TPCTqUblNoVmU1MaWeoZn8xb1G8OgBawuHjfHkKo",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zUT7iY++U/hOr7VVWDGDP8BLtEY68BtcenRyGlkfh3s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "08HVeySGBN964xTNzLw26FYNaMms7DbpUaYgOAaOiV1ziF74Wc8MNOfLUs6av66xvz0tP2jx0EBihdHieuZn2gEGjwU+kMw4dL77eL3xmgkRXd2SBADZnXvRPStqklaSl7wd5YG0WVd15+QtQZ0OCUPW9rRBrT/YLFyfzsAikwFk7AukM28puiNkZ4fcYfpAppT+qN54JB9X2xCbhWKa+hsfK5PTykkDTPDjb78y6MB9V6rL2ek3BcTh8VZH/2dx9f8wiYPNqzy7e5iiaEYC4G22a30/QhlinPbglOtltpnEavnV07xYTxsiuFmc4q3mSFgrLUf/znwepFk6hj2J/Q8ByghSf0i9IOw/ViG5ksNrzq33+/9oliY/+5lu94r8eze4nmC277Y4BwCuFYH3KR0ggcN1R6uj",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zV+xKkaiYpVt26J4KzYmegItA4VYUG19ZGcea00w05k",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "bDEff6/eCy+LFDPczUTPmIGNsObGXmbu8k/ffZuiTTu5iEmr6b4ZK5BSMJSj8Is16i6zx4nELJvgergJQMtaHXwRtxjvpBb0qQKmU7b395AfHqbA2p5PpXoBcXad8lP+QCTD3FF2O3/uB8ZdtxKDDjx0ohbTfM7qea+GizIwaQcKhM2HRXr7LQGlBjtGKxNgNsa/2YAWx3bzVBLP52b48gbJNAsXGw46/FA8MtUSclccSwegjUgSPI+p9i5U166T5At1Sdh5/UsDBfDJqKbgtxgsoDJaUxDu3bCJjfEX837H68uf5IgW0RyLg4wot9vW8f7PoASLdNRjdEr/hHJmCMp+zf/se96fODB3yrD7sQYSbbT0Ll0bB1tFZ98hvVIIlrqP0anu60xSenoPphSq3oN4rT0XSsgz",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zV2ytcUITSPKl8dPpcK/30duuny1t+o4EmSTdkqTpQk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A8CNyuYR1cSH7AS2bR6ON1uSAhZUrzNrhfeavF6wjNW8K2u9WgC6DeiYVyhJGJBEltRHG7cs8Gg91znmR3uSMGjAUjkFv9GwuiZb9m+8tBDIwlsbyibSEA8c3fOJuL/IHOVScL4/WPsegxlb/04bWX7PT8jwUjppLve5nI9NNy60hsZmXaLjfcpX85Ipzhw0jibD+OF30TH6GHxAVyDjhi3Zwrm56/UDoTMzJaZruB3WuSHxysW/Lyf8yjj/1+nVmxM4W2Z1+EpTyJpdOkOmJuzaTLjlayJjjfSStMl5InKR1cA3MYt0kbnfPFdS46cexD8TF5XUlBSG3G00Xuy5DdNGT/BtoiYmhsAoGbnBCHyFJrCqZqa5IacaCVsTntEFyLZnYWYs8Qt/qARJFSh3LbldlhFJbOEb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zVOtdMKjt33F5sOYvScy/lZdv7puzeHqU27BT6yWsAc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "mniCAK5NXuom8JHyxRmofGuawiU7c71MGN/0PXaIxj0gxco8+OVLgiY58ttBxcyogqhKl15RvhCUJzIoEp1C6Dne3YZw0JoJqA4E1CDwuHDtgmZjNsfq8yFqRXDtLf9ClD+ouBG0NXA7tseYQAJBzv2RzoM7QmXVkJKFih6PqzItmx/YYETKupiu6o0buHlnCQxG4NIp0aquQiuGxSHq/mM9rf7deBqu6EObwC7i3umMInDorwE8pDt+cRQhttit4UTKBfHp3VBBNHw9CjtpbwCNnzAmwUozwAN4c2CMpSfVHw5ehbnHwpv0Xh1dcqszi/j1g7L0qzuRcFIF42EvqL5VtH2x/2+VSHJtvKNEZelL6uXP9YqNTjCHd9LFz0zDNeBOvjYumGj1gYWF/TDstPAOh+4AdPL5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zWGUjgRke7RwOSLYSIjfvAU6Hxg/V+v/G5jDxf+3TR8",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "IPr+L9f0AMPisNt9cwkjxFYxGjKVlGLgSM2MxTD0DFUYDYi31BY0zfUFjRsSU3DErEJuqbcfJBegIyLFpUy3W6lPNZTbCzdoQOxsnWRqx6tdENsqxv0kJqIE1xlnnKLkG4MKXMGtwcc8IoxI5nWQfrjIeX+qsMTcawBQXpBZ6R6FYJABKznERd+G+pFfrmkGokxRo27MQ3aH6VaNA5im4hW84TyW9UrkTf3OF0exAernbmY+8DIvOuQWwR6PlyxNPPmFzo5ryUFZBgjTmpL093ctZOWgf8FMa1nWU/5UcYhDUz729MoqSKPXioAedHwZ7ehGt+r22m+Lux4OYUXqSKz/t6HnWhL7DmjSRvT0aRdX3gC5b7eBODYplTkAlZ3/G60Mpk/RLvCtnR2FJEZGqPyD1S9ZIOeC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zWaHFkBhiO4vBk0PBPY3JwPWdADHYpLn5ejhA7TKXLU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ieczmTym6azhN17BSzxY3tkPEpkaSivNrbse3uJdVB8FMpY0r69L8ee7fsDOvstgxoylb11zFRRmrvGFAXxGvS+L8h3vvc+fAdJaHozFk4jcdKACaoywZUZjUgCI0S2yCVXUfmiy0sO6mjEcu98zAZB8+S/rfBdPcILR3cWql4m9oYYlSdzSYYxptVcJ9UEVCNqfdqmpjT8BPZPvYU3CTxVJmEacYg6dPyYwSCb6gnhnJAMo7yRvQ3QUqacsSCjI0LjYem1NEEHzm1/2uf71Z6s2zMONIZ00mJPqlxoqOYrePVsagvdD7F1gBZhrgI7N9FV+sgQXijWtaQwnmB8KTLc47X/M9AXXk9Qy8oRKXagcnUr0aXjxTbdvpvru4rOcSqmd+mMS6rMHyjJlH3/kTkJrHD1fdLx9",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zWosS9aXlNWykuiegdOq5Pnb5xNK8Cm7+nKWlNlovJE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7dquWlEJusf200T3HEaXOoVtXWC/2wL7I6NzDLnUKJewYvao6QzL+lQOSb4unyH0Efzd/RVmojOw0ZPURZ31K/HgHF3/qnKkI0Rg4akajGH+w89a4gGYARCg1PIrBgAhPDsaupoKzNZbUglx9xO5Y464AJ9mza8cIpX69lXluWI93NMTvQTLubPqHVLOo5OKa8TRzBBnub6oiu3j4B+KFLL+OSJNeoK5BvbKZ9M+/Jc0tHt8a7xShpdBYWoh5RbE2TOHh+AOLnVrossgfcdTGUDRTr7Yk9/vJb9Sh6ewYn4d5wyys20929I9f770PItV8fqEybvJtAS7VfM/n+3GNoxhNMtKoU2yvOd+VJxZQUyGiGCGTI0ePltAO3K88m8gqhdxOSYrr+v2gc63bghBW8Y8K9QUXNH1",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zZLdIuWRkfhcdqMS0A0IL5oek2FkoES5B2TFEHsICtg",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Gn1mFtw/XWN86V7Mhl4xi5kBP/Rlh1EgCWw4sw+4WjFIbFjSxkY1WGBlT3G1EUH+UpjBKC9G/A8Msyn2JIo1JRuC+r4ZYOUqjvBpB9fSG3zADPfxp8bpEE1osLRFz+i022GhTiZCYk4lHD0v4hVsolvjjAOz86zv7BMQ3ofObLH1isZYCbMVq/cUeXUfdorLYZwi4l6PJV3sPuU8aWY1oH/h6/lrewZr9mA0SEou2Q7RzikUbCDXYWkTUMM+HQOGUOqRmsayBDuj/lxussQGGaasegzT2xu6X3QHww5Rnq8RPysjFybDPOAHH+7mmYCPKfFDfrXNUWks/SduaAzbnfD8YHu8alkv5Lc+MubZzDVKc64L/nRGBlFAhIu8sgvdyQ/kHgcvK8rU8hgyoyRzUiTVKghvdZdb",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zbqDyaNv9vb9a3emY+6QZah+u+H0u0HHzv155x7DxjQ",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "Ikx+9Ej5NnBz3dOnFI3afZ5fJ43+t31qVtleC7rJnU/jk2BrfRIeQ93qzitjwS7GsJ2tygrSnApZk4stZyXjFLKLqA/3MszWakSx/Ramp4ytRgjMjluSJq2ZU8IFLqu0RrLDG2CjkmWMB7ai6PGuUAPawaOee5SJuw71rG1iV6UGaQu2BrkGEukFX5QUDmd0an74gv+Pyl4rPNLCVByle2CMfQF+XCHZxwCqHp1jkRMafFgMJBNxU2XaPrnQBiMNQA0GGbTwtw2zIUgKApK8RSngAskQQLyKCwym/txxCfDmCC+LCQn1C8i/5ZiWFqong2KTbPGeqip+vR4XHdj0KVYgMeRuJdD/AWuiseDx1Q3UwHQMLNglYoAV6vX266U67vP0R+5svzemnUHq57WwoRMsjFEKgiD8",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zcO8mroOfmU6jyzdnqbjJDHnA/xcpu3LJWcwla9uNn4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fgVyQTyb+H/63rQ89BSQKtIpZb2U3S5n8Xz07EjrBjL3Q2nDadzNFqqvMcirEXOS8QYuwnjspthx+zhBT/N3xSyy5XEEV84HiSu9dDP15NSWXBIKzd2kRGete2+Bdlflgk+l3neHgsFsmdb+ihK201o5BVy+8q6aNL0ROAUzgHA2MwZvVdhZyLzxWKwR5zxw6QnaYY0CDJF/dxlz5kfa2KGWvQyamw1EAU34V1qyhF1e4IjdrUgbzWXqGo5KsZQSU+XK9AYXn6pRbjxUaLBONOKeZiWr8RVpVowKUi6T7t/EXpqV9s9rX/k6WfOo60uOl6GFREXwT9l6gQq0oxewrEcIYYCsoj7wRyhbAv+IWYlnbZm+zkVAxJrslDicKdjii87mnYrf2ZXm++spIO5jkTg9YKGH6hz6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zcXd+/1koGGB3NmGxxMbvWhBD7ipa2toIBoBZm23JW0",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "TB4q7D7ZIMaifSp/IK1S6i26svtl3OZ0qttZhuwLq9YjTrS8HH7TUKmUTz912R+0IV7+8r1EXhHtY7fBwrtgc5QZjSYC0Dk1jUTUC43X5WsgDnbPosJ3DXe4KLKLhPePnMoJAplBVmvlRfHBQJEOBqDLUR4J62Sw1TDkm/gtKSoTJgQpXhDmJmtdSrcpv4Ct6mgXbzKZrB94lbIcXNvNZaOniV3amaum9VOYXL9bkypk2W59y+jLEEWhOUF+vf7Qijn3/gKZQT3g15g5HMIlzMRSD2xQTV1U8B+u2lNErrPFYAmX1fdm6gKvP7P2d2aZ40eLNY7LU7B7Bmk/O+JYxRW51ePg72peyv2rALZvLpGFyOt5uMtDZuRIaSXZrIW+L0O/0k0JWAG2LnZ5a9rVrkjsq745RwrR",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zcoi3Hcc7m9bwVbkA1wDz54p8DddRpinpOB2lWVHQmM",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "xQkJCgDrLjfyKtGOICnkbqii4kPNS4I33SJEqH5Ab4PPsMTLkxp5eiz5z4nSlGbJx2b4204baC6PjWf7Bgu8CUuIK/CRUQuu0YvuoHzF0781NKswjr+LiM1PyLvqJhnQv0n83LxjW7D7HBgsC0OuaL3XwvaCboTUA3vN2TxNQ3wvwFaKIdnxM5hCgBHzz82QQArjiLY0JwjICTF3UlfEkoClsSMCzYnQq1nEcan+UwZa/UkIOP6K6KqdGdanZ4gUpAtJnsl8L6PpOhuHva7gUgLhcmZpkAko6fA+FoY9DGKEJ6KBD6VMQeHylvyJ6fOGAglzSoqP8oaKMxRCRgNo4406CJ7er8ANqrY/CmZ0USji8vWjmacUOxo+iDGUR7CaLyDTbr9r/hPy2Dv6EpQyLNGI0KIdvR3s",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zctv+CrpdmhuThZEuSE/Ggqe7ne/LNhcCEP30XskssI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "MRHsiq4I5OJGPxB5CLpzarrHFWqY9/pmeXgameW5VNGK/MvTSZC5hzvm6w15owVK1270KpTyhqDRAVCf7vOVjFibnrauqGYGeNK9vDrng1xbgLOoAxkUUPSjSPjRz6BJONqqjh+PKngEO805JIH/ZLZyV9QDYnrXEz8MMX0mvyHza3KNULGZ0ZVN1VEbQm0g7K+Azu3ExeZgXwxugP9+0pYNYzDQuj3iU5VUiNNVugTwTxBsz3dxZPQ9A7QydEzm38WragGXKNZDbCAJe2PPniKyMJb/4/MQA1yRcaX2YS7+6+Ixm9s2/hESlUmeyHBtzEw/mrkHmN5gC0hus+Pg5t6MArL6Jwy7NXfpKLW1FGFs67CPykf3Djkrx3GWX4nzoP5wDoXwriymZf/cv4QaHeZfYOKR4Fw6",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zeOwG08tkdcIEJpAc7fW1UgLym4o/Kd22VezpoCkRlc",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "+V89j6JGXJAVP2r4tOJVYw8d7XiV9HDd4HqNtgUR3jFgzt6Q9+nr1rcOFQ1FdfyEQJWnKAW5MK6RKAE6ZKOZENJWC4cHt08YqFbRDm9HkQ+qUujcJAc7avmzae7wRZ25Nk+kos7veC/8lqgkC+Th/2O2EPS7uEfEoki9sfz2aa2/ur4nEGROrInbd9fpeXdTkYqcQU+Ec6Yku8mlzBUlydg+4DDUTIqL+hSJ/PJB+6Z//w7tPuwsc/XouSCRC3GrUs981YAd+ZySnEfpt9eEk5D3vytOxRXdnf5wJtxrDXg8OkIkH9gTKhk855EzRut8BTSSL645R2bMgf2Eknp9Q3wTUM+LMwD7L8hpAcwpsWNPLE5UWR4oq7O2pOy//SjbpsuuCY33BAdkKR1vEejn8jfkZ0JKGuwD",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zeroXFfgTSZWCSKj4rTs81G8xQ/QcwvIRFjSP+U+r0E",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "1HUQbMNmN4SQmukBQwhex24hdjzIpZ9CVXLoxEmNhHHOstptbOy3wewF4TYgjKt7e9Be1lfL9XOxADSJDrKXv+lI3xoOTfmpdZ7clo8X2MeSHg0Y4qXP0c2C4O4DaEvqOot4rVyq/ltpI6Z3RIEpSyH/YqXqQB4+wcMpmHZ2Ysp2W8/jcnSmu9guw3/QO8+8DyPVLgtdTGwj7emztFAmznuS7jJhVnQHJ66KOW60QHm07rsr8EzMqiwZMLc8rxnNRTgyMyub8wTgiqVQ0K05aboTLMt5gBYEXmBh8HIdeUajQZsv/LbO5fgP7XzTIn59WmYuZA8cRBIIwHZ+V1xC+ARxF8twmnuqDYgt16yoi7U3WxrVKvWTI1tsBdWstOxjvlIis4IGL2MS2yjzmrp4nNtbVgGx96Mr",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zeua5wxMGF/eVkOGIG9KNgAmJbj35ZBlabbuCBaHX50",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "fkxhNeowwu65G8G/uSGWWFDAQp7FOz88veQcXKcD0f5vArCEChPH191q62tdeaMTEhJYnW/YCbuha6xP8tmOOMO+2eFaVLlvVVlk5T/uGMbrCiq25Xo912lDdhaI8FW/baH2nb510PfIYCwmAwrdA0tHm8p6gLW3wj2Jz5rfzxLHmGBphZ1CbayaMECu8lJAI+dieO9B9oR26VQF7fVaTiDg9Ge2OD5iEhr/VEOVCZiPQE0fTiyuzg40QUIoydvT+ws3cWY+d1zh73lRDFQL17QKkZlCE5WLyC32TF9GDExJ/aX3TXlyj/lbNgv9/aE45oLRxxkRw/vLuG1gODSbv4BX5IHQOmps/H9NMXUMyTLGgSUQPQV3lkmn5NdnEy3VxwALiUp/Eb/SsdSvTuGD5m3crlba/MZd",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zgmJQb3rF+vZhGzeqG+a8iTU4Rmxb3bIdSKxtUuti9A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5F/t7hHJ7cORKcarNHEjnADIQUprQxqQ/CkJDN/o2KMu2wxR8EN6S14sPE9c+F3bzgq6BSnBEayQXc5HtH01J05zObTm8phnbNu0P72RWZYni72IougbTy9rs4LNuDkMjGVGpNCVVG9gVMhlX0KGuwU/nWXJd91+t1uv3MExsHHB+06uvN+prRm+rgiI9aOri61HBaMdZQf25aGah9GY4x8CnTQn/9Lmhe2Ul/cr7r/VH5bDJvu9QXmTNdjWfTPDouPiAHnkX4Tev/0LcZdUt6no3TuJD92vZVyGqu80hxDwEe2MmqRP8x788ED6HfDIaBJh7oWMVLwPq0PtzoFEvP4f05nF0eHbIy+POT9+PglZot60Bc17FhDygpNYE24vRxx6IikX+QbXMLISoSn5llb6f2E3WBIU",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "znBcXN+Nmt+DB+eZ9KNPavsIHudsX2qSiMRODb3jblk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "f04WKiOF1BZ6TSfx2g+WFC3xz9lJx+rxJyvHkOLlKn/FcbM6JX1cv2/hZPhUGbH70c//qolHD+yT3PNUGgkPmDGYAB6ARR9MlBiC1noQEwd4j0ssqg6Xmw27Qx/M1YabriT3eOhYF3VM5BahLhk6NjpKEyXc3wX4kn06rOPLwnLdtEEURExcgGTa+RZqC3yDgO05b7ece4XlSH1aupxGajrivra8wAbjSC5GNIIxL7Ow1/NruYLTcj05RwwXRw9LYWQ+mptUJq8K6btMFDXbxEv8ym5fQ0rsbAuKw7lgd6UEmGZ42gBQz3+RzDZH9J//iLjVxV+G1OQbFLNRLEtwt1ki+SlVY67By9HfERHCLmVhfQP7HlKr1pt1TeOcw0JjU551LLRFPN/wtngWxINMmgYS+pmDnWag",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zndOVdLYUX5HWH40A1XcxPU9EXGoriFeGE+urpWuzZk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "95y7idPczPibX1sgpvPjn2tlYFRX9SlzLnKDHJjDf/Ef2Zf0yjC/RKLMPhBC6kPUDpqxKYapKB0BT8uXDHoOvqVKPD7YDdiuaiyl8/L7IJb+WJ+LykbyitFV7AEUfLFhuaqgFr3Ud621a0+waNtl9y0p/klJ4fDmP6QhLGZguGcUBFIvNyA+wNYyYoBnEKBCH58IajoqgOTx+eMTb5+kulYgiFISkXI+hQOwqCEvADhAv/0tezG4Z5li6sAyfQw1AKSmNGvsgIPg4oUFHu//O/3bFXnEcl3DWw4AOIYusRcK/QB9w2mBWcbcV0j6eWvhg3iLspbQTdNPSdUSQYWJZvUTidGyoqJ5keuA0WQ5RRojnA9ttLwX+ye0DxCQfzqbwCSkSC9FlFJpMFqYWUiH1IHahfLr0EbO",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zoQ1QM9z34bWE86j285x7mqJ4y7jsk+OQuGkqHJks+4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7di4gdbetG+aAAjVp4X9h6EtnjxHAQk2xAfr7XXPokOztyRAeJCGnSYl0pwyd3Dlo06BWzap2AT13tMDLphJ6TzIEaXqKgGY4hwhWZrShsoU/TuJXID0SmovAT38jldlNTWSWi2MUxSe8iGPV4Z9+/FnSsQSC9wdddpZGB7r4h6jhuNxCtADsqEieFijzaUsKrkuH8tL0QTvX4Ws1nrFj+P6QtUL5Zs0+FgHY5ycpQe0/OKOodFAnBxfxtNZqgENKlg7xT9GVRZLdUcCD0ybRp0in6zScxCUMfUMro3atH8zoZ4RNkVdoHCoHJ+W1BjOAhMLHqeoCyLD7agUD35ibiuNy+oPNxmUc+xhpekIhNiintwdvKJUxuGCJiXJUtx5XVqyj2afpfYU2/lJ/YhUU3hsVdm8cDZw",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ztIWOGHTio3Dw78fDBxBVtIpy5UebWN2h6ESgj9UAnI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "RmrVbl7sIucVXZPWYGatLqh8Q25D2hEk9eMfGQPZwvQl/27vpQ4Q8q85yQFNPhahdbUSAg1WrlZk2DuuqpKjfRsGLfd5SZWttOXXzCAbzlVBgXMmODAyMlCK9buxIHy3YBnhxUjG2RcjgbLYjWVbA1FDHg+MmDBah2eoknJB04jerptdCsNcYgQMzNxJla9UlG1vZzsVMAFfzPKL7fUqu4m6avmrZkUR9lRWQwBoIdUlh9PjCrl3RL41MRKc/LEDgGfHURYvbFGz1kfPEgxrGGCg4sFG9BvC3wxnom+OAHV1CxsRPUWENBVEJzEpi2W30FAPeED6GRE8kPLSGSVXMdnmsXy0yw8GTzhn9rOLkQwjrtn51jmW+65bpv/5f06dCN5V6Bpm8JNPP8vEiQtgGBlOneGAoN4e",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ztQKxf47zTlqlwyqiyA4OErk/Lp9e+Zjt7zqpY7YxnE",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "aeHZ1FzVjopRH+VN3wJM31eNCqMBfnRmhCIqzQP25E7kHvLUlmwI4q3zoNXtFLd3XvO40DrqNdF3jsyrpbM27XLx1Qzz8kCcS/WoTtXlAXXF3BtM+lDgWcGlrJwFl6fk6wJ7DR0CnLFiaa4TVVsGNDWQO4ipnBwbzHo/slxBhqLS4LleBwOk7QM+fqn7MdxcPlzZjpzyhIVKN4yZ9WELO+zZ5s7rCy+k7OWsxQF2bba4oGxLujqyjRTVlI7qznLFXqdXLyrP5Ein0skvUrqBhspVEG3a/LF01x8QFOu1vYrJiTsxQi1r8OBCnOULAPxLkDqfEuupsfgfaHT9UYerVgYdTHbeFDwU8oLwnZvFU0p9qlUMgSZYKdQR/5TZw+tdcmFH+M8vkqKzh+AGxeBqpFDb+qMJ5d6S",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "ztUA95PMGAas3dW0X6D1a/mHZyzZxFkh4AY5oF5ua1A",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "7VsmcTzwPjm9hcSXE0i9ew6GyKDRcNypt5pW3ExxsOrXgpDh5NKmI7/6cwM+ltgXDsJJ7797orc/1IgvIkVhxOYheQNeR3RZrsDek4cvtqLgz0o7XfJEP2l1Go8aRirMIoVzm3bulMuQnJ/iWqTNQzxecgzqq6Dyb0jxO5wzu1gI8NTKwKo4oXAIW91J/9HDD3hGbYHu9ZlKF7nT4oMLtJIHC2kKNu4XbnfD5UsPf6r+YxrASNefhrgqVRiBH4A3LbqhmZLIV49CQY+m3okGWSfV4Rbh3ZthUPk9lPFfOekbH9fpr5ALJ6zUMKT01Y6SrheqtYnccpTMqxZ0L+RANIRxUssKnSqFdStVmzuikYeK/aY24QD33T2X3rXrOQ0MtNMk7eiYTm+Nu6n95aLSXVrTF68KR9MI",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zw3NDARkmQ0hNZz7bdzdffozs9pM2fcWqieb+oA0O+Q",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "A8u7Fp/2Wji50sdDRIaPs6fvju95xTOI3r2JHmvSvu088nujFuXWBR+glQv3dcQO+LHNwt4OOZwXEJvK3eeNq3UW95bM0yNUrtUWHeC1aS0NQBIfTGbb8G1qsr/+WGTeD8ir9s1pRuuzoqW+d9gzSGpSbSvY//kMbo9j0F9luJP+58li3o8ms7+1CAuDxT1AV/zNIcUffxHGegdd8zslMTwMwnjGO/fFj/8tIsPGHj8hhWCiLA/IKu18QsMDTrvmMVuIijodrBux5AJoRjnaJ1uByCnSrSaIMy5Tf9UnAdXo0XFwuLkrBujFOLJYTebhs7JZqzhYgiD1xPp/nr09P80khWHDMt2+Haa/9W2jayrPP2klSPhx7hGlLTc/aaKWnbdD+ukXd6rL+5fSEL0ZdeuRabjW2Wut",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zwLtSTM3GscgHN5+M8/LI1ottLHu2FonYVSC+rQwWeY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "CrUvVIy63kVwlyeNbGkZ8KhNKEdScLDXSbDjs0sjj3LXju7SHKYHPcs/KiCzfJQjGlIhDyIz6uJUAXd2oKGb0BBstQ7h0Y9J5CVH5KtrqzfUDPlyt1SscLEswHdvZz3sTuCuma3FuDsyvCw5HkxwWo7zpn+tTDgH4svavSR75ky/zuYNUIEO4DJJgaAXtPNodRgGfLlVafLv4si4CgVlek+25HMnmu8zOmfqSsFXzGvAs+Q6sW/K2jd7AXqo9huzbFqJ+2soU8Mxk2Yvv61M2C0lgUrvN2cCARJOMoxRLdofWNj1mXJtLrwF4T2AL0J/R8NUMCgFsgxiChEZIYwevfQ+C85BV2S58ZfZBXd1H0wG1nR0qVVBX3gD+C2n53gxw/jUqturLxMS7mo+szFSMBdYBOYUktVx",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zwf/e2PIu+CItrPEV3RUnZZc7I1JS8LmXbXqfkH4fe4",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "sMamnz5ST4ph6z+KxRTOvLW/aJQVVPO92I+zqXlBziK/oZcqAEMZGxtGMftG5Y6VHOS5vQZXaao+eGmDzomhnyXv6Bps9tFwoHrIPd1cprfxG5xH4Ww2TTkUUeJKOjrEarr3RFRDlnVDmqPoXMq7HMTDy9O1TvSn9uug0o84ylMv66lr2Lwk4ns1TMVBw/scOBIPxQMoCQjAwLgX0XoTZcizZ80pXP+5TfnuTz+nia3V4A4nYRzwLXT5AQi4YhsLn7GLHma8J5np54XvLFRAsgnBb8rxqX78dWlyW31x1vGq2VFnPNqhW/qI7TMOYf1M113k13ki+SEEhh0z2///7pC0r2UgA8Ia1X5DpUM/33QWUshgIO90mvjoXKGRgqXR+rdxlFHbnSgIMbPRnVLsjjq/kO+e4NC5",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zwkQUEXjoPAkpxhCqXj5RE1Vxa4PphJM/5Dq4WST8FI",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "/GhqsQ3WrdAjczQ3JMgqlxnWzhIZQWYSjQJWHidAc01I10GyXfQsPI5aS5UDwanfvExxY62lIAhlsH9CFnox39FF/Mj2CCz/+56ujFxjxa5fBqxveb/cSw5RuFpr6CWEbnhjbLXKSD/oCwJjSwuaJJ1dHEC4KbuyzDi3u2uvAr2TM43sH7JgMyDD1xwetNz1V76o0twYA9uY/hLyiqGAt2T2E8wWIpsAXSsFQKSHNXlhaDYW/bJFpk8Wa8jmY91A3G8VVWiKQ2sCYDEDFeIlXQ3s4xWAhXuKhBdJlt498l5U6Rc0K0fy+xXDBoTMtqe/Wx91S/GfKskrmdL0aTwR5LKWCdF/W642PCLS/WtE4E7UeuOI0QIwIuJtH4AyTIa/avynzQrs9S+w1Vfd2GnzVFaJ1VSFfinA",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zx4M2uUkJBtp37JzA8c5mNuWw1U2ri5JlrfqopwoghY",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "5oR0iTWJgeOoCrrF/t79Tpn7SFXDtsHdrm/ddmyqbCd9OSfaRUyIzbCU/m4cu4tbdJnuxlG9hHN8CoPwuDUWTbfQoQzwu/QkDDvCGXGGXvJZoSXX7rZJX3hDo9LMET0dLSWFq8E2o928KI5nIsdyqoaPVeQ8PPqCs10upADHMICF/LzHihLZWPmkiwXivWV42KQA05C2wiRRG2yIQewflzZau6sMe1Rxmnw7d84hHcDOqENlKo30fSi4KjSd70qjlW1WiceHOrZXwd2FTn9PuOEORsqcRSnadbzV5VSEVivRQP7WrscWytNx7MW96jDa0/TqDhfsy/a0Wj8wVWCD35aqkPh9Lv328hBCO6m4lU5S36WtlwI1u/lpUq4IPdGL0UXjBzzu0hbYTc+/wsVHh9xM5zVKcGOC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zy9dJg3469LEKY2r3gnP03SG6wZ00I0scgin60KxOXk",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "ulUTRhAK8ZSoE3mnIcrBHxFxC1kCpaqIOAYNVrJPTY4winTPPeEy11vsU16Gi2w49bStxjwGB4R6Jb0ay0XQGjh2WhRjhba2knT3evBIFNmAs9MwzqM+OEIS3MwdccrPqqs/OpHYDCUcK/5O3gUSzz/KLjWtGGXaYviqBm+R6LnvcakM9pzFnnVYJlj5DH8SmCceJOlQ8yFxzppPBdv8v7UyS8BAnfZTQHNd0/MBtcUbNpQknVuPbqMLP7+2DD/2dkebdrhMIrs0CBC81LzcXoYStIjAc7NOZSFJhZyN8LbGe+MFa7QbVTSve0vBzGgDtY9V2Ta8QX8ebTFVmz6CgYwduUBdmVdFfggcw2nJ9YZCrQjvRggz23hip9c+8iBmkwRSByvUvQwOc0kU6tJnrrF8d+U695qC",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zzNrL3wuZMBfztv9+/9xsfBScYGcBXvmqIcYhl0PQ9s",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "pZdINQTy9bIznAr465cSYDZ0Smew3vKcCb6vLJqCmzO5egw8G7FrdYETeuqRR4L77raM0vyh4zs3X8V5/Y59eid6mDwpFzdES/68yceK2tkECPQPIJasj8L1arFY6TuWDeo2xAm1odWy94bh6Lv8oQwvDuYB4FUGzT/5RiqphvHNud2HV7Tba3zv6okdMfJRN/yHHlxB8Os4WHTAgRju/KUoQRlzzruubCM/aonoM9d88j4/6Z6koZ5NAtlnjPo+BY5oRoQPmxzx7kR6JZu5RBcF+rcFvJYp1NvWaDb1VA4nCUkoSjN84VD3feqS6gp6A+QUrfNssBAPKM5g06ui6VqBb/IndZjiI2mSkCs1uAj3jHxjke8Yu1z3oHXjhOiC3jNqAf9MWeD3xjFQbmp6Qo0jfUNoEmG7",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "zzd/Zmto4FTMwjX62UzW4r+yEBci+dkJ5NusOVnr7Lo",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "tskiBwVTM1SQNogHS0dDC0AwMRpz2RVg25VafA1/n4pDnikMRlfufTE/c1JFy1fVKD6sCpUakP+tFlGbeqVq0WAnCj059bfpj/BP/f1J8HF629ATZYxWV3PYscnUM31zfqgzH6cWhypYj7Ld9mV59Eoeyr8NlDExdbFlVCoXvLMyOJ/6nxvAjtbJU9ugiQpcOnDa67dlutr+CSCsernP/dkLGxaNE7ltoedA7k0Vt7RVH1GfGyUJhjAdyriu5nWqmQVg/aPS/1v0ABMj8E8ayEerUPvZ7PC5CoXlp3y4YUiMhTJP321RgQpbdaK4ZfPWa29zUYad/j46HWnaCyTs5TT334NXx0tqcj32GJBPAV1A6yg9VEfcZXBnK/ywWwMDGpSmj4a2IADaa2vfOHrdkaXzoe1sTkpK",
+          "keysClaimed": {
+            "ed25519": "cN1XwhpyE5f9NDpDjZZ77mSLjGARCLPt2j9i05+8X08"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "BRje0HJXy/o6LLFW6ZxgSJYnOOZLgXsxMoa9+rh9wDI",
+        "sessionId": "KwfNdf040zawmijxACEaLyXbwDwbiElJeF7TcheLoPY",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "GZNx7qTBgL4LXck0EaFa3TR+UYIsEJQ3R0uV830kn8pWoaOkrC3z4EMxT+7eKT80fVklvMh3TdRzcAlOvKkbtEYSnjIzjErUGCusPHJr2lRjy/h19BXkJbkK1MhH5eDrrlXAzNk3bOisIg8rE94fIoTlOM9XfWRgUv8XmvWS3hWQMru/AcnbjXr1aarpk78Fumt1/QikVGxMH9r4Ra0nnvUSpiNDBi3kagNklNmUfryQHGhtB11KAjOL8HbnLPdrFsKDOvXcJr5PXSxyakQ/6FckimJDzd2RsRvQBGCNde4UN89aHimF74KoZ6jJxtJffpHNULTrFnheF29w/YM2EJxEeFWOyXk/HaJrgjjs9AICcxWlmyOo2pN9ci1E5vtzXZtCAUOXhkv3sFlQVOiXmOQdnuUnOW7r",
+          "keysClaimed": {
+            "ed25519": "DzuiReAXp2QGkfIPqvGd6cQ9lyjvjkg8u1cfBSELz+0"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "BRje0HJXy/o6LLFW6ZxgSJYnOOZLgXsxMoa9+rh9wDI",
+        "sessionId": "nmZe047TUv3L6ce+1FsLIDq6DxJUX0eSH/OEqU7bdsg",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "QmUC9OMjOaTVoMYsZ6erlg64GKt/6q4sq3oo0PX29k6TIIVyVpRSn/+f/lqi/+jLh/5N17xuNJcEBy+EM2/cqh+zVseiI+wpzA/EYtOaPGkrzqXOqbBVVXg9b5NdqOQqO8j/Mvhf0FlyklHWpx4EU56QOOxHH1YF3P7QX+7NI/DaroFdBY7ptn0BaL9ocjdcZoNtVLUdJJnQibGeW99orBjEdFLg58LfKZAM64lvNRkvvi777quz+JxKGvSPTa0KwS2zYlAxCCPWj33fKN34gtprOYVWC3uEkYPE6NMEnnt8LPXcKIJRLefquFNfs7Rxboox/MoYHvaej/axaRXfXcNL0nM+we1h5AVz5jWja3f60F8udU1uJ4Fi9byAlKL48cuvn3oHmJyWq0GyegxuBOIAuhmRBuT/",
+          "keysClaimed": {
+            "ed25519": "DzuiReAXp2QGkfIPqvGd6cQ9lyjvjkg8u1cfBSELz+0"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ICXPtcBcycUazdhM0BM7VmcbInN9Te7dashv8id5nVI",
+        "sessionId": "FaUOxIUhj9BLw7GgJxAShVnKxS6/V7kmty1APIhKPrw",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "mQ6sb4IkC3gwG5F3fwusJJQqSXztCUrRQADifUSCndwixvx9DIpwcUXfVJIBVcGhS3vbKRI6IO9MxiVAgEG5OHNLzpBChhGAnsS5Ff6ARbWKP8bQfcHJreUHGkEmKk+b12H5dxm2CMIFgierBN8R1cT0M6DYGkTcA/Ja4775iPIyF3oxXA/Ctwigi1d21l7j9q06G6hnhRpwBMqZ83Wbc8XKgbYvltg94qX0ks/eSPF6wRi1/wcwd13i+qR+/mRYVD1/k+yEmODM0Pponu5P6iaVosKggd3+Smo9DClJLF3HadUlA3g0x3CwKv7/gCwFhYkFbGo5zqY+pOLA0Lxpr0jzYvhE/sEfhdHSFdNpmS4BqF33tTBSwuoA5zzkOVKKNV3V3VgeeLVaqzVqU7RzcgX2fcNsWoMS",
+          "keysClaimed": {
+            "ed25519": "x8bwWPIPArbTRKmGXf6r8wfzaxnJ63foaglgazbZojA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ICXPtcBcycUazdhM0BM7VmcbInN9Te7dashv8id5nVI",
+        "sessionId": "KR+RdxNLI7QqSX9xANiaoOVe7KTHvCKS6mWOCk/FMPs",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "BzQS1H2wILq9pVEMGMAyJeV5gsTPgWkOn9YHumCkK5wxMzSfpJ2m0zSfL4WF8p8iuYQZaOUefiWUnIXUK7PYz3pMnbfkXAFZ/7b5cq4inHZDzh1IgAGxNUahXfm8MJkCgLnIEQq+wTLxm6GdpzJxSlwwNSP5hf5gCF7GlRKt5m4jzpBfnE4CzPpyAZq4PxGHHk4zk9S1MVzLFBJBCqHlLIdmdlrDdeX8CeFAcv2S6rof2PUP9H/Dj6UiIXGyVy+9zC+LgVBNIB/02rA0vJgME4gQpK49p3UgQeEf0TnuNXsJiVhkzoCBKUu5rH9kv811lZbdkuErKJweiDupMrYN/S+uSXOv0dHfIBrjYsDYZrFDzJ4GXMqv8Zy5QoVM40zIGLddqus0vpTUNokLfzf6EqrYqIGGSm7d",
+          "keysClaimed": {
+            "ed25519": "x8bwWPIPArbTRKmGXf6r8wfzaxnJ63foaglgazbZojA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "K6pUAb6OgssyGzLqYcZQlskIxdwNTZu0xkb1lp2ysQA",
+        "sessionId": "TqxaEJSIHu/GJsL9cdPomIYZkzrO3UqO/e0H/N9b3Q8",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!WXNLpHIsCohXpXsbUk:matrix.org",
+          "session": "yaMXAeAihvduMpjhvsZBy37hFE7QF4vwAW91J8iy8YI/Icf/sXhQAsKcgaLnSjkJcRF6qrHi/jOfp8/8wuRFirkR96GKDNlcCU5UXePJAIhdacYkLvK8UNQXa4pUZSZHYm1zT4z18oS1JHhmo+z7NPyZDTKrod+BUrHAdujdyTYrvgNOT5Vs01EMJOhTop7xohuCpZqp9HAaetXpwxJmqgMVdFJJ4fKcX6bAK8/T1HZ72To+NpG3ADL59F7WF44h72WdX7TzM6RBvOQg7NlBJCX3QPBmSDTm6PMjzUIHlQedeAs6rc8xTz/B6ECISaNTcXwXdHazBZYd9bQMKOyDImiOof5ShiH0PBy5pO/PVj3IhcmdZtTzT45n4FkdV7Q+Kfo3beB5wJvUsv0zl3hWEN4G03cdF0X7",
+          "keysClaimed": {
+            "ed25519": "zXXpRQLyQ3rm17A/XGthYo3zvIpiBpJLNVEJG7l13bk"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "Kb+P4tSZMhmd9Ms7N0aKSBWvRvBQrEuoYmpsFsEkjRM",
+        "sessionId": "XpBEx6bpDo/IApJgDz5JCYzGV4Xrc9Q2O7+CIG+yXEs",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "Ja2satXk2GWXgWyPCAUux/bNZWE11PfuTbFr0rjsiAXmTQfVdb2xtGS6Y88nq+PCQOZinuLCXMOx8G7HBub+TQTdfv5jPQXg4c41CDrgX+7EMJbCNtumL3M7H1KPrWAxFsR34OJ4zPJhnWvUTdC39oQfXnJdkrOO7YpeHUKalaTEeCExCIkr/znr5Ru5qsxU9X4szwaZ/AgrT1bUEGQyVXcgzDXj1GrZPI24Jv4AOPUqX0hHRcxwBlF5XD/vZ/3D0vm0Gmc9zVl/tRpMj72pZ3EWD3pEx3LFYspldtCfk2lVKxjwDL+2JCJAJADwOCMDkJjWNtI08B36GUeiA1ha3/gsbKBOP7LgNn0EjGwQqLceovJcNCCRAk/MWkg5qWy72d2pps8PcLhF+cZuR+XHkdT0u1caNZ3m",
+          "keysClaimed": {
+            "ed25519": "AUv1hm03/OIT5v2SF4602W+M47tmNoV3fHG2HCBFBig"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "Kb+P4tSZMhmd9Ms7N0aKSBWvRvBQrEuoYmpsFsEkjRM",
+        "sessionId": "i+CmvoeTaY7+XYmbXiLPNwsGGWlkaMYoe1aSBwvL9CM",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "xNjmYlDiAE2aS164OEk/8cYLnWtJeJ8f0o3/SM3RyVIGfVkQqjNnq57TsThU+0tTh5w5Nk1XddE7ExD2m/CrpX5JmXIEHyzwMlMmLNT44Hos56aM+VH5MEkx0AGP0UKwO/L6pCjq2V1dF5OIP3YsnGxt4DqsfieAVtdYtLYI1elhdx7UfyiKwoWsFRvXnkEcYDezuojQr+mjjbbBjLUiTLEPDkZvEIpxW18kVEeKO+X9oww5lZJFahR3wRcZUUyfCeJOEILuZm45Yo5F5xZvHHCdSV64OTZS+j1NRcUx0Ow3BcpBgjTroruFdsgNpgBAVFg2wkz8wTmmmXXYqKMB6maWAeOfUTqb+Mc/POnEyEdbta7XrPsBtAdJ/4Lie7LubrfTmgleyOYtAvLVBtfg+Tl/yeFtRoLt",
+          "keysClaimed": {
+            "ed25519": "AUv1hm03/OIT5v2SF4602W+M47tmNoV3fHG2HCBFBig"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "KgTYJ86haurjTf1uKseV+HIxQBJvbyyrS1BMUv6dpyU",
+        "sessionId": "RM9OXT8/sv6n2VBSIcUxyNHOtADhQS31/K/+QI0Iji0",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "y5KWExBfay4wAjaAlBFnVny4qoHqb8G5ized+eL9VTyd7u1R5objAnG1iLOmC6xacO4cKsTHx6k1OkBIb5K8c4cqrWYY+TkzpvYdOiMJQvH3jM0lvpcwZ1umLeWj9LsygDIumOyYSRdoWapx83YTIwNXbIr5txSre1CeMhN7nKTLM3MFgmXYzWg0jRg5UyA/1uzUPjz8D6xoCUsuTU5tV77XUOyQww/mZHsu92aLAj7Q+KZ2+lVukj13PiGu3KoCSJRbKCOIQoKB0Ij87V1q7XYjYuaCTb0mUmx9WEybFW9uxWJarMFCitWj9cbtyVd2MBYFH1WbWTCMMT6jOcgTdYUTwh3IZP991PZPPvwvCh6p+jRz2pyUogWjPsF9dKE+r616QOxbJuER8HU1AB0grndgnS7TTvkw",
+          "keysClaimed": {
+            "ed25519": "VYE3Mxz10Gdwc7q0avPklfYxkntP3syolJL7YGZ70Ks"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "KgTYJ86haurjTf1uKseV+HIxQBJvbyyrS1BMUv6dpyU",
+        "sessionId": "gzMO/oocwh6jrAS+JNUbkaGzPi7rJTwlDLKGT00FOrg",
+        "session": {
+          "room_id": "!gTsdSPqtENAVbnchjE:matrix.org",
+          "session": "Tr/nJzMt2qg5Jxvz3n4CQmd/JD513r6mb/vkFF3TM3sozmvoD6IuEkpVoA/mtWergIsYsD6qiugn9kUKtf7LsWHG1ZvkoQZUCy/1liubEPmBzmCPNsfsjtyD4vOkmlxFhI/MmXZ59yAif4kqD+sXuW75QFb/eZ9eKfCF+p9P4RelAELwfeJ/VYXTR2w5M6I6VB+5OPEdh5eQq4LBID7oIFlaLWGaq3gZPIaxxM0xCDp9/r/sPsseDvnOftJWaJjb1mf6StWMyodR6Eep0G6mAOITMMPQLgRmuSgX44xWb5MeIW/uA8NzcQYSvVYx3m5Hbk+HrzLM1+KrCnCjcXIBF+5IQ3oJw7P2BdPPutmqb94U+ygt7Ofcw/ecpBgRAojPhPA1hP8F7OIAOpDEaQ27Xlds8eCGKj6n",
+          "keysClaimed": {
+            "ed25519": "VYE3Mxz10Gdwc7q0avPklfYxkntP3syolJL7YGZ70Ks"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "KgTYJ86haurjTf1uKseV+HIxQBJvbyyrS1BMUv6dpyU",
+        "sessionId": "sGUSOKA8RkJeoxhhsqvlZ6Uzj8gqkdARBmzbdpzC9vU",
+        "session": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "O/Jl0hzkQQVivwZnBhCjRAynePr/Rgf0+Yfa3fe1h1N2xEed6WGteBqp90QqguutflU+9hqxm+X4CRnBTY+56BvkXMTz0Vpb3alSDYaPA9ec5jGrKJKzRycuilMy34atQ8MDL9Or2KKGgMwkwi0QXX7nXnQxiquGIqtRe4ebJIpDp43/TJOnyh0wSdp+ZmtRj+2XBx6b3pjMcJ87jW4zSKNTnjQEUZNz7pEMYw3hL+7s4XKmgZS4sXiAkr798C/G7pwOMGLBlu7dW9/jjcRIRUUDiXfQqwWI5yOFzzCmEAUHCZBznImcQWRR80TofuGDieC5xqlDJoVIPzdJhwdU2sa/RFXQvZxtGm4rBQDNYBSLPYjX4OYozAieCFoStpHGyosCXdohHe50Qp7XGUO9nfgjcxvBPc4Q",
+          "keysClaimed": {
+            "ed25519": "VYE3Mxz10Gdwc7q0avPklfYxkntP3syolJL7YGZ70Ks"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "KgTYJ86haurjTf1uKseV+HIxQBJvbyyrS1BMUv6dpyU",
+        "sessionId": "xFvK1ieMwf9MzqlZbQivrQNGUL5dmWo1fWZZgEEL4q0",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "DCV8G7L+N5pmdId7lpe+SYfANKlxENOVfe9XvLsNkM41aioqVCD2RbX1WOI6rnSIzLXkLX13eaK3xqcal42YiedU50lcBdqxHx/s3AAa1x44C2R9doU1bsLxsDLg6yHSARRyC+0t0x05j4G1E3uITHxoJGNj3ATCeEHM8PDrspmksiRMc2VyQl5cIfh28R/qSOyR6sPEaa4T8kV5qm4V/Anlf7/ZQkYKctGPM7D71md2rD1OpsGlDv2zkpBZpma12/yeiSJ3Q6veLUaw9tlPmHgdYNEMVnVPjt/GqOhIbgRVPbVfgy7bXr3GIRla521J+xEeAb/Yb5gjWUe3cNZsI1Wy6oHVksfSREG42DBPspflNFGRmOCcUVaZWy16CAbsodLJfDBBJiJmXJfpU7Gwgy7GPv+b9Ttm",
+          "keysClaimed": {
+            "ed25519": "VYE3Mxz10Gdwc7q0avPklfYxkntP3syolJL7YGZ70Ks"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "Ks7CRbiszRE6r1qParXb921kuyb7rXgsofAzdERquzU",
+        "sessionId": "LbSd7Y14GjMYRH+2KgwAs4KBsT2XaLpZL6gq5KZp684",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "Z3jKDglt6dAEZo/7F3YSSaMkPy5N3nd353Cf025r8R7zuDl87m6TE6qgxegcwZ7LO64H/LYISkcaHW522ecHcARu//3Y6aHH1plnxL00uFbck2tOymtfEzs1WnBWAXqeiYo381renJARNPi6PrPfHdB7xBZBdazYOkJhLhZB0VdOEpl2KMVMBfPhEos04s1cVKTpPhlnRNwGkc7I6hFem1NQOjZ1UmXVRAw+tHCCyA8qIRXzyjuIQIqnZHGZcHW3G1HRUykAy3k+R6+BLQwP8ZkBCu20sGPz9Ag9CcyV+pqQTc5OacTKRm8Xok9oZjg4Vzj6JlAJwUQGQ2R213LP2gbvkPv0OhnBo9NuTWHFsbH/7eW3smy+OWUpOIQbSGDYoyE2DilppDP7EUF1D9zDhm/TAtE2O/bW",
+          "keysClaimed": {
+            "ed25519": "OjzNRhpSGZKw/Qp2/ao3PzHdt6ZhNI8o5Y2SyrQ6idc"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "P+hMAaz3lio3uS4rv/7TfA+DPUVgxzkwoEz9Z9Ojzj4",
+        "sessionId": "8krOIN5Yj3SN4uy4FiPL0dq9uJrixFCE1jbLN+a5Fyg",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "ViQQRbysPTZsfVmLG2dYcQuAucu+LOWW/rlCoJeW4nPc+SbNr0HSHh5jc2V6psGXlU+Siqf/YlYpjzh4UoL5JqI9wSj9yHEIQ0Xf0AI02k96i2wPHG7cTYvVk4IbJUTH0QDLCNNXsi+4jn41Y5lyOq0o7f/OWVy4Bi6qOzJoQwflQvo7mwpnSzIQGsDJHVP/sVEKTQ7unLRDoQmGgXNCccuQ7VmcAWIywl+yjV6vRe9GKCwiNFzahS+OqjOpCsLE67449X9e16bvEdhJ3eBQUrE4sfe2GBjVTTrWv1qzevgMSwZqaumafv3e4xd7xC+otjMlIsoIDwXdWldBp3TP7rIm+RyjZDXODmJ+hTtwrTAytMpAnqUJcGeEt425rDf0LQAZOrw/IpVp5Q/WcTky7LJ37hPugwYe",
+          "keysClaimed": {
+            "ed25519": "6+9jhcSgseAmMbqRvbkkkRaRtSqXqKHHXS8fMw5R4sU"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "Pi9DRxi10cl7wyDpOJ03iYhpDuH828/O8yrYErbPW14",
+        "sessionId": "sUDST5s07c6ldpIqQX/TbvQ03146R1+3AYk2V8mAvwM",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "uPW5PDbHxV89N8VUomGN08Qu8XrqluOb8/P15IBACAxiUvFq0b6Yzk3K7jFaZVs5Bh6yrttukFzuH0aobANLvJfiyLkD3rUYEcOicNIqrTb9Lfy65h2gEW5VwxKlyjghNTetyPO7kxskTsFx0vuzaihmSur8K9YmXFAyMDtjMtG11n2Zv9jnFhP4i9dfN/F2sGAG7zCxHjmCscEpVqvmewy615WrlBsSpGZT1ln3k2qwR/1Hr1NBQdJDPb1fj3dIKFMhE3+sPPshiG+TqQ3oS1PzmXsJRuqzKLfKAKJl74LWpOaN4b73LzZul2Q9fx9GlgB8R2mGkibh8QPQH98rgc1TDkZOMMnhfoh7b+ueTiHWSmFrF3g0p5YiZ2QaVa8tgpAI+Jp52QYEwjWLoGUZGdY0sDM4tSY1",
+          "keysClaimed": {
+            "ed25519": "oweHPeUqqcnMR5UsMKj2kThmt+cB8861ViMy8pB8oZw"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "Pog36kjaHKsGaXJP4IRSCOGco1WHId4xBLKUqzVMVi8",
+        "sessionId": "2KOzDSzwYFY1LRbzqPPAHKwFUgXe5hoCxHSvsXUwnZ8",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "D92Czu3XnsGhdTNXHT+XFt3DiU+xXwQYOf5YIzxfnUKif4V7NN/fBHCtEEX0HxfpJ9AevzQycFuVhkeBmze+8Ef8ZWYg2PoDkqQyjtdoiCnfzL7uaCBkE5L7F9jUaWgHIV9PNtj4llHqkiV17f7R4jp1CPUPsJ4JqGuK9kng+ZYPmYV6CpVD/xRjlK8JLoZ2l9b+SGYkz9gcJwuLYwkvZAPlJPo4/SDj0h9CEnlmrsnX4oBjrJvuy7DRgc3t63JgdzB013zDKrYfCJmqhG+k2S/rqGr+8JLeyEKnexuz6sTwrba3a+pQCehm08KsMxBaVL1rf7XACDzlJtm++5WWJG6W8FVKenRoJTFn5TOzFXVI1e0NXVYgbX8beQAuJXZ+b5ix6Dky2m/9x0HUNy4t8K84T+AOdqdG",
+          "keysClaimed": {
+            "ed25519": "R4FeYr1jNYn2w64HDnZ6a3FoaHy2Cgl69yi12Xhxi/M"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "RhqbMrR2qmjyDPGh42dsZCenEHZXQdGjeHZXO8kHc1E",
+        "sessionId": "VrlN7nfo7xi/tReWE89ZarEUt04aEeHuZonIP03gyus",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "zRIsSvfbxmpJ2FUpS2BiJMWFEU+6m0RXUN+RW235MBTs7hzYnylepItdInBLNPW0hdzMfQ4Ap0anwaISkji95XBJZWu6Tt7qm8e4U2mCU1tc6xuo5U2bpjmKZ/ZBQTBHa0lFWDEik0S1lyhVhEZlLi1TKAPApCzAdTLyUbnEd9+7KfpQiBjbh5YcARuUYX5H+rjY+0X1vFSs6YVSOzPxGA2BPIJz3j+3zoIz1R21aWSk4l0w7H0Usuukz1oY85Fgy0Gm+rsigGMkKScZpEwssdgh4ZuWYfCbRHFjm8/IxNbF3PqeKJzTQyFYMs3JjjtyhcJag4KK7+LiS60tImjtuP7qWv8XWeD6lyYi6OZ2qzQ8S687T/kP5F4XuwcSabg/iAATYHpOZxcgG3AmRiZkKiBuLRangU4x",
+          "keysClaimed": {
+            "ed25519": "Oh2/2fIdVloUUV3gYMP1RdXziWuqXuvK+5ZaoeCb2pQ"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "SKowG52ZsxqztGJts32ulwwQB5+lC0FU2RsPRX0RUj0",
+        "sessionId": "ZmOmYaTkWIq7JOWgVERA1x4nvX6SpgXbKECm7gK8ceY",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "feUC7yVOCGhLES1SXLDJhVPxNKITPFiC4BI1CumGn0MYcaaH7EZX1qMzlSgafDxOwyDNQcIN///CSXFUi0iqlk/pY2FABpUUqCj1qsQiAFgfcNv2oek6EadUxE1hRNCt56k54Ppx13fdGs12iPI/6yOiaotEIfeX5lP5zM17/he/vH4tppqsgZyptfU49NpoRuCjqbnb9a2+0T/emrQ/e5Y70UsYlM6DvzfuVuvptuOo6GBMP2KtL7DQmSLvt6zO5z5EaIsuSlspEgDW7QYuU8LVNtNmgGzU96FAJcPoBCixmiXjSjUmuXvx0FbqH93n02bKJ2SwKObFYoF4w9A1SnJw1vF980jg4CUUGJ7sAJfC1d28dd3wr9rJK+hVRa7KDMMvoHxzZAR0tPo70AmGP2Ds7EviFJRb",
+          "keysClaimed": {
+            "ed25519": "lp8hKwsJAfJcd80CpcQBbAP21z7OnfwgeWeSyRUiPDU"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "SKowG52ZsxqztGJts32ulwwQB5+lC0FU2RsPRX0RUj0",
+        "sessionId": "h9VjeuxpeB/O1oFMsOpfOSXbJXoBiBrTBaBuoumwhVc",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "TbUMnqJl/4s9dPH7hVNnR/ZTWkBGBfcHHbUbOvKmtB4PVdSzOqFmWZP63NtCFe6d0ZLxfWJIX/BzAPXDR7DTWIHhQ+iHcYiszJRtkfrmvmdFGc2bFsKNbxFQ0OnJyBqco/IzCWdlqvGCU+acckboXS9P3N9R5sbhU+RZ1EBZGp9AVoMtjcJIQ+zyMYChaXKPc1DcVpefhbshgXKFCCJd6u45SIvPFW/H7ZoMhA59Y3Fxwuv1GAUBpayI0WT2HQsEwZKb64VNvLDrD5wa65FvoLIePoGYiKAMiTUubk/caVtjOyNqO9Wta/5KiKphRcX4p8gtWvezDwKdQJpkpOfjKSw5xwP2eZy5jSoOKuPtSkWMRe1fY4pbTgZ3p5K91xuECFKY8RnSWk2kIe0kF1FPx88kNBD8FcNq",
+          "keysClaimed": {
+            "ed25519": "lp8hKwsJAfJcd80CpcQBbAP21z7OnfwgeWeSyRUiPDU"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "WAkJI6B+oYDZmhCOdiQAH2xUOJZFesDuNskPRt+ZHnY",
+        "sessionId": "BUtaoXhtoGX19x0xX3uXALKDv1A7AwoxIso7JW8WLkg",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "h5kR9HiEgFadLp1M8dmkrf2k1pPwMgUKCLH1pEemc3ePPaN6gOkgdk20cGpJVqoZSbMsB04rM3IoR0GLD2Q19q1z66m6Csh5tgRtXj7Ef+2J3EuycL85kRMVQCU28pgqO2UpDHFgZKzVb8M/XSG2uWQrytYlCNqxlRu6nW7iNXB2/nghp1NblD2qUfAQN2xwqBHArD8dZyb6F9gpAz6unrs18xavlT8z8s0L4oO8UHEhcZFiH7Mk+q9VOvVzvqREdtq+hIhOEnSZneE3HAvjAh3Il1ePSzNWlLJcBQiXSX8tKoZiATNL+f5ylWlffezcqh7N1qpUwjqJGYrum4teU6m7z53K9yEmvd8cVX1lztfohOCLPURvVc+cJ9y91Sux9KCIQOoI3KKlAdY/a1mstIr62cxWA/QX",
+          "keysClaimed": {
+            "ed25519": "tA5l8PGDGXz2I63BKd5KikXpGttLc7jTkHFm2RjDMvg"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "WAkJI6B+oYDZmhCOdiQAH2xUOJZFesDuNskPRt+ZHnY",
+        "sessionId": "oB9zC8I/b6I9i10GrUOQVp4N1t05FNr4dmSkrEs9Ldg",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "bfoIOBZL0006HXy54ik520Ntrd+4phbVfCztiV0r51Ywn9KSwHZxGll1xwkAwRrVbNF1ufjc/zuxa8yn4hl13G42N/sBYTRt0JtwMUnIlExcg/2FH4RTnfV5q7rnHL3n121Fd+bhhT0xJjZSWNNvSkElkp5XwQVg4H6vf9RKAoBmSagRvcakANEak5tJQzw6br5kRMHe8kOBRfYHmfaWUx4PFUuw972s5cqvLK9HEKBZ2qGtdCxU8eN9Rdeotpk46dJZ/NokCEJrvzQgiGxVl36forKAcCyTek3iIkAI00G+38A10w+V2zzBRxuRO5LvHe28KJJ4P62R8CPfIOGDbVT5g8u1cA+t+nDt4+g1I8Xf/oufZbvMpa5kHeMSvoSGIsAxUHCgu0tjdWyvYJgZlOhTs7j1yVDv",
+          "keysClaimed": {
+            "ed25519": "tA5l8PGDGXz2I63BKd5KikXpGttLc7jTkHFm2RjDMvg"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "WrX63a2ye7tfBJv0Flq9DU2RA18L5G9S2pdHPi4FLEE",
+        "sessionId": "TlhSJ/Z2nj6NI232QfzPdxdZcgtilBxzA/ZNzLkbv6s",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "YQi2w27BZdUobKmh1hlxAlLiEv0B5yB/uzHvnoQ1KX5KVdfNOe8dhd1MFHURKm8fVFcDmWy3EbjL0tonOrZhIbK3U7hpT78WzuEzWW6lN2ZB9Y0Lh96QXN3KFf6KgkFvboCpXbwt3C05M/YRk5C3RaAQevmVUwqtQlJ/zQqcpiHZm8680m11MGVmMwAgBZraHGNZ1UQKMFVbFtsT/lR3HUcmlN7ijS+j/zVf7X+1RffJvfji4y7KNLuwLgV1NRNHGoThhLmbpDHixcNTrGI1hZjU7j5t5ODFG2l/4XTmwFv/VVS2BlZo1PI8Fvblp8CbNGzmgUaV6GQPjZzN9kh1nqhTUtfLMGRbEAwK4bKS5osaLVHqW4hwNcZ+tR1w+VtFrsCRCa4zKYWca5Y+256b/by8ZzUb/BVS",
+          "keysClaimed": {
+            "ed25519": "QsVkW5NpuD5mS0R1cJqYUXYbXBqCpxtKTRc1rRhMJeQ"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "X78CTT0Nk8RDlC7snNGfRRkM7wCE5/XkVtqESnpFgEM",
+        "sessionId": "7KdhG9y04GM33WunByggRkCAzv8UwEI85pFMPqthpK8",
+        "session": {
+          "untrusted": true,
+          "sharedHistory": true,
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "LvcKbyu8hD7KfaU0E2rk5rON8CUIZFSfwBHa7yayRyf5JAwHiGlM83EmiGSejWr2u/f5W/N5pg2dTNanNeXXj3fOx1khQIfhAfNWWx2hg/Y9SWPSCX+XWNN3CODkquezRTcwrGyfNLmhZ/DhfjL4WMUOgO2e6EnfHYo8Q9dPE6DlXA9oNRCsGVyll4YLZcCLR5FJFWWHk/pyjWbbhBeJlOrEcRQnH1PwfwyqDLXLrmuoWj7gBLWxfJa9j+hXsIZ36QI+LVtyyidjILM9aXRU1nmcx06Q6D2q/9SSFLp3zRbG7mnufK15FrRR+pXuWR6rLh5/l34ErEZ2W18PpQwT428pI1TQaQvB1KosWYH233fnsbe7+DQZFf+IQhcuXRurNgps4lCYJa4T72BFvYMZCa7kmUdje6Ea",
+          "keysClaimed": {
+            "ed25519": "1p3f8DrrAMDMzxo2Jq5XCQAwAZWuecUz11fA8PKW+Ts"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "Yv8Lmx8CfXr43oNX1Z37gf0GiCLG6nqEC/5jgzQP42g",
+        "sessionId": "0r3uF0IasTQj4CiPf2OX0aGH6jvAcDkmrEeWe1VBafU",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "g9GQ0hFYb5S2Okm0SU0a7oMHRr9OPfZmrfhi/zqXutvxrgGJyUUWIBKPOuzRVLrLdAj5BlFOS/0mn1uv7aoAsfXr1BM+aqjhZ2L1gwY0eVQV653aAUQ42BfKNCc+qGbb9CClUXGcE2lU3CIAhZl4e12FsPcJrDIActkzEUJuvXYgrSY7V3YpeKPBkTcuuT7ruKMr7kddT9BFyjMpR8UZ18Zr/Zt2Rpn0JEFCZDdnfbGff5bAD9vQcZW186Eq2R2POgc/EAwWHfzNsS3Mw90wqxgFEmwoqZcLaGU5EBFNo0tWaQXtO1V0z9pZ91gzOsPFUGJUTO90hrBMFFAV6G4D0SGFBtwjOarjRCyMs1vE7Jyku09fMPzEyFDyP0f/MPtGZ7hUuKXkGTAFQMUsNuzwKWFsWT/FS3Ty",
+          "keysClaimed": {
+            "ed25519": "ekVFZw8P9QpIoF5mroTcprhCDGXrbBwsdGel4FRZjqo"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+        "sessionId": "072NPVaB/XqfhHQNiqkVCsf7/K6litKN/CSLY3mjUAE",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "pge4x3QgiKOtyj58TKE1TzDh4HeDAoA7zQMdspEQ+TjqrlJ5z8UF2v6sfZ3v2AZs9h1jCBL+p40FWbxfgNEh7i+M5ZT6Z6haseB9rsBTRe03Jt6LFlzfyvj7F3E5i66ZrS9s+RJFSyNR6ZrgHeIYPd59NxDye/oz9i7Pls4n/z+lOvXCqbfxl8cU0IVqXzQptVebdE6NddV8fkI85aN+4SZFUcav99+zb3ZVvUci4FGelP2BQX+NJU7vOm6KjxMMB/P/gMUi0CrycXkeDlT55RXNnjt3nV3LJxwswVOdlKk3Mkka2DGuBkfRYEXKjnGS/q9Gl8tlr3WbfLD45TxoNAcQnfA42iNFwr2uomjTOFIeS9vDkOMT+N+/Xjoxy1QHOhy8meQ2isP3VVyBCspfk1rf+VS0SZxC",
+          "keysClaimed": {
+            "ed25519": "Q1yd+4HfY1TlLlKztn7K4diswf4BlMuAgi0TkH9HtkA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+        "sessionId": "3h2UME/BN+VTTTf+DoDzT/bDnPT1/mfhAlvUSUFXfkM",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "cLuSIrzjjpZKSwPVwPCDKb2+a2PFjmxRNSGd4ogOmI4Wfuk+wIJabQY93hCGr5GQJz6QE2RBpeoULdVZzldOBGSmERmxeb9iNi6wxizCUgkPcu8e9FEuL6iKnpjMpbvZE3ti0TDGt/ixaFbAVsnGDekF7ATDz0UDSutw58v0RMDXZeppxI4nO+iVK+ByWvHxCiVuTTfwXkjoStc4nHUkP3ajSZ2eS9JQkLutYpxuSWDOEydPjUmOrw9ACjkYFZ4yiIDPFje8HxDj/lkn2YnAXgLmHftYRyhAli6gPv/jcliyi7+dnuNcElwDs5QVZxIBecSSBAZkk/VQwkoTSEKgyQpMrK9bO3Ob7+l19hty3PmLTKG3XtGaHNhJzR/rsh3a7/5mS9SEkv9h8hgAl5Lg22W7Q33SmXob",
+          "keysClaimed": {
+            "ed25519": "Q1yd+4HfY1TlLlKztn7K4diswf4BlMuAgi0TkH9HtkA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+        "sessionId": "Fgrf+3+uUqbmlab5Vh1q9TTn8kjvDlSwGVlgbvRHS0k",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "q4kPuIDLYg8YXeiWw/RGqMOTkdzJvt9mZw7AwdQiANBV8oMfw7bP6Fcboa1s5TEl+0AfsE3b6TdoBxyAKmJZ7OZ1vmvLCnmZQtQfw21KmKoIvLl9MGDHVaapbZM2fCyvs2NqPb9CaU2zbg4nVI0RpPL8XbOVZuV8ggur96Iui/IrtnFZI81/OUK9dXiTwpvBwc5fk22mRuHkxqPimfYHWB9rZZ2IrJ4guQau94YdAmLjBoNmr6iEIVU7P56ZMawDOzwkpyGO5vBOBvkdEF/pAUBzrglxQgPcqeDNzsnMX99iv+wJ79laY6Z9AaUsu5DRhaEgiTvrOhJKrtt6RXzdh17KLPncOxnsy1vrh3H2hp78oXsDKG9qqeT7atz1NfA6jLJtDink3GzF2fTq6ILLXAFbWRZmwCMy",
+          "keysClaimed": {
+            "ed25519": "Q1yd+4HfY1TlLlKztn7K4diswf4BlMuAgi0TkH9HtkA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+        "sessionId": "J0gATOup92xuwoF+1KjaywWvEF/vtym/ezYg8cD43NI",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "+tzFdXSsvcB/vmHBznbUFAz+nFvlNpQ43zLEGHBcDkr4gwZAPtIV09SGpeUIf7wv21t776WdyJOL7O84bjHSwYprSgKtEyDUHdAS4tFcAH1hfwOUDRrcWKHDjT6vW8Kgkd+SwgzmuZGKmP6ykhb05iL9GnrmPv4J0zO2IizJHQwZFZeeNbJGbC7e/5juYprXtNqD/dQXazaJbyHbyFLmnk0qgAie9CzD2pN48pvZ4TQjzB2Thaqs7ZRnmzu115JeyjYhD/mIuvh4ARj3Rk8uvIS2WpAyIMOoA0u6IBuer0iCXX7lVcRZCB1YycbGnSEa4QvJKlu7tIJ6eBRhRd68fRkCUhbQDugaHRmBLzrdMzgT4IDRCFYLEzgOC9I7J7/he6EW0Q2UpbGkP/CoRGR2XejtROCVOOQd",
+          "keysClaimed": {
+            "ed25519": "Q1yd+4HfY1TlLlKztn7K4diswf4BlMuAgi0TkH9HtkA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+        "sessionId": "W7cEodAkt5Vj7SSFuM/T2nYL7X19ZpU9FlUxADaLCKQ",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "fWWGFpxysJOOzYEU1hYS7abBKTdhIB5doHfqtFnarLsf35HcIPb633DUOpRdRmkk5bqvcIJ48FDyvFjAZr+N8517ajIUJSKFNdBCFQngvPjCv8W9VMlBHeOPJkt9ns3n+m9VRU9vDXJlOho4suwkNGaE3VTEu59YI1vNXPRsCMdRShjoCtmrE0W4BIZWQOt/3M4qYYv/njFgMuLLcwCPD0vvW3q4ivVuHG4pMz0ZasW3B5doX2B19Shgw80RaJXRAkUrexB3B7nxpUziVXsINNaiwOBHsQkaav3NZX+/so0l5QE8PLB+r82cayxU1hTz4D8c1z2j6Z0saUAJds0JDdo/6Uuqf3YhpuPU03bIeyBJuiCDwdVNIlWkrbtNSmOCIVj4ZF0rRJljiYPiK2gfFy4zs5Eni7tq",
+          "keysClaimed": {
+            "ed25519": "Q1yd+4HfY1TlLlKztn7K4diswf4BlMuAgi0TkH9HtkA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+        "sessionId": "dH1sMzuIW3We8UnLRti2b+txfSK9z/IBuQ67hr6GyK4",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "wG9lQnmtpQxJRn3BO3Ro0u0zQ91SkxtU88w2K3tZTMH5gCyFV13UQgSISB0qUJ2wjpEQcVuIkD+vX6IYH7IqWxmWPOhhiO+4p8v+779sEcZbgid1sdxG1JYGbRYPyuAc8aV4hTYf9O+71NB7+IYxB8uj6jDRZ3xwUUnwcQKwYNL+msop3Hk1kXu+ooz+Qw7Tiw7RB9l/Drn9180wJ8cphatqNsNYrlVcWE+vfYqcdAiOZjo6fkG8m89onWbdZ3nyNZPyou7J++sjS+8cRiLaY/hFpgdEzaaw2faia4wv/+usYN8rj1VbsOGUoHosAC7KgVVPoPZwZq6+18DgfXkOSxFDVNskfbVYBJ2W6NPUmlccFEsDFJ5CTs6wL+HcuIrjrMA2tFY5qb1R87o1gY9U5aQvqJYj5Q4M",
+          "keysClaimed": {
+            "ed25519": "Q1yd+4HfY1TlLlKztn7K4diswf4BlMuAgi0TkH9HtkA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+        "sessionId": "k9h2IXjZyr4tFKOVd3ZRs1N9gwsDuF8glUk2q6c9laM",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "71A56C6crXrMJOwK25+PGlYkb3y5pUO2fwacje/lC1zE/+X/0eoaoa8JL/ljMfySRIjU9aY6qKLZWYXUkkUN1qKPnvobiWYG3R00Uk1d1xfsDuKyKQe64kMjc0W1bAkEoHppttmApiZxsRLxS1WhzLy8reJQ+q7WAoNz/2U3S2euUPBsaHE/mQb3O42nO5tX8rZckUQY1Wpi8VBRw1V6n+a/l+VqmyXfGuhunYngOvZ8Z0y8mmQlSCmDJus2dAKnffKh3pNw2E/+8a56XEx61vzDJDb6S2fTY0QhIR1V1yL6zd7li1tYbBU+JqsS1x8hV6UCZky0l+EW8C947hXPSpGMCso2E9I/IAi8BTO/nMQGFKfYaMDPst61t7WLTdwVlwSXs6ceX76b5enYFZl0GGitzlnbwvku",
+          "keysClaimed": {
+            "ed25519": "Q1yd+4HfY1TlLlKztn7K4diswf4BlMuAgi0TkH9HtkA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+        "sessionId": "n+14rmsrdNIunXxUzwE1ndoMJWP0L2saiaQp4y269qg",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "+3JLawtztTGduI6BD8WM4nnzDcn/Wa4cMEgnRkOuuNl6m9S01CMr05fon0b7f4dmiM08B5hMUqu/NUDK9VBVfzkiBlJt2ug+pjDwSzVbaPOPqZZHaqJxEl507a28Pv8swYoxkL/PQDhIqjQbyX1DInuB4+wgaB5z+kUbwS1YmLrLTGzcfb1sEdrW6Q/RzBtpStzxuR2BHwDU6RfDQzS3PLb7lUHAcjRptnq0upKOVglixtLP8gXYhcMU2n9CLft01P4JlMW1atcQYSyuz22JHRmvBZWPNSO0o/P3moW6Ac7rPNF8fJzblidsDgJuAMfmqYz1BNlIU48OucvnqzCZ4xIenpE2kQfZh7FNkcKrw0PpzMdZKdDade0PbVIqICdikLs7B2xka/8MqaP/wjHhFaQYVCN0Ww+Z",
+          "keysClaimed": {
+            "ed25519": "Q1yd+4HfY1TlLlKztn7K4diswf4BlMuAgi0TkH9HtkA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+        "sessionId": "q9N5p4obxOl7CtSKaZd+4SPWBWloRTpZh5JJXgNegjM",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "D7G9I+MNilpDGzHgLV6Ax7E9cydfabK243WLyV1wj/JqhXNlTdlWuR0lCka547fo49XX8/7okkR+WvinQOzjbYTx/a/3K+maLkSYSaDiy3ecj9HBBrchIf7TnH48R077JcxsZ+7Sw0NUD+JLgc9Q4PRFliJF3z2/a6PBms5oArCmI3Pg9OqbuuZ7sSd7SmSlLv16rdX4yeGkpvKRcPBAZ4J9l3XhkozuIWSImWMOIN2HOXV4P+aFlbzAfSRTfE94S+5mAuHaLVg9CEnLKs+gf+NdHlKn2a9Vdl9G5/3nvBpc8cvVr+U0dUGt1erEGHgsAEgmwWNIswqnlekVZMiiHOm4sDEcejmEMc/0x3yr9/FSRTP62IUZTAB30K0tnt5zKumUNg5v7hjAx9/ybcuHGlty6LeUO55P",
+          "keysClaimed": {
+            "ed25519": "Q1yd+4HfY1TlLlKztn7K4diswf4BlMuAgi0TkH9HtkA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+        "sessionId": "rUq7aqv+OwxXmABf11UmHUpm4Ha/lHtjSeoL8QrN4BI",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "tofjSrkDNSS51Emb2GMGgrUCme2CPeHvWTB6wuGSpU7b1YDVsLyJIGUep+KQs87jazoYsBeCWF+1MB+PWPgDmziUCS6HgbtajNccsHKIoSxTsYPiCF5RVpQXeBIv6HatEZ3SMnxbKNUevDmrdTs7s3AgJoyz5E27/x1Q8qTmTIBw7uzMF1KlGHBxtj38e3StCW1ORzeEADahUN1WUm4WuNNQ4BvimTLY+MgYgu50kgU7FBm7dHdB2B2J5I0GR164oq+glw1wnHVD3ziaF+3ccn//3Na08VxkMgoa2woYNqhxns3X2HPtlvZhLNaMVOaI3zd7erjaZ9mFabpahmg5inLwIGXJUmJb1dhkSqDS9nLA+FiNyCMKaKzQLMIPD/324bWgjyWrbCm57JZrAfsxfsNyY/EzUHwB",
+          "keysClaimed": {
+            "ed25519": "Q1yd+4HfY1TlLlKztn7K4diswf4BlMuAgi0TkH9HtkA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+        "sessionId": "thR+oaCpzqBNodOuGjht82xUWRcT/PzKw3kK74iAr5o",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "m8rYvz70h0R0M2mKApPOcbYpSX9MvAD+1IaDtg/Ez+p1i6Wjcoby1eehrlcm0ro05zxwZ0eN2awz8rpfqQBuop1X13RtETzvt/g6fbhgxt2IttPSLi1UUEr9yPXPKzKxzqOARIsRm8qiRQr5FUw95x0SutApz32HOvzvwGPX/dtBVPSIb8RtMCUGHv5Wlfm6s9VJLnjzVlsXM1/Q6E9w2uXAbu22GUVQ7xI0D9LYlaFmdB/pjN128JFUiHNi4Uju5aGz8x+vOjx+E5HaqGMgiXL33fddVhaIFQfxZifgJE+WveAPDRwGQvBiSHA0JOn1pJ1RRQ3UxccNCPhMrziVHfzCamyTM4b8sPReeNndICyPNLhPOKSmCa9M88L9QfHmIx67u7WP0wvVPv45mvIDowFnlOe7ejry",
+          "keysClaimed": {
+            "ed25519": "Q1yd+4HfY1TlLlKztn7K4diswf4BlMuAgi0TkH9HtkA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+        "sessionId": "w8A5GVuiLujV24V57eXMS9psLDZ+wFRAOd6qtKQhcNM",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "EjDDn0HI6jz4ZaJ4GTS0xfeoi63mjnEv88YwOv7DPd1+N0UurZ/sVN4pOmB78sKSp5Jh794Tqgqqikp62QXiLSyTNRrZvgupegFwvDfWEJ4IA7BkmBVP6j+vItz9JFH4C15QYdYFNIcyelA716W/sIaXpwegFG9LI1sHbBep3me8FM6UZ1Q0h17unHGJ1ZduwCiBhc2R+exhlZzqb/ssZiH7ZOmq90fU7+GyixHJTSCgWwsxFAYYKuzT3EVS3hE0qk1kQTIpxGhhzboDEhCBFY6Lrg9cae96zuNZhFlsrVVlCScwcfjRkG6quMVU4zvAp8XrYCyYTT0xttux9bc7Jg3VfRYgCBqbAemZzNgBn5FkyUeu3EBHfftmXkNhGm7cLhDvNymt7ck6y948FceSUns/z3J0fZx3",
+          "keysClaimed": {
+            "ed25519": "Q1yd+4HfY1TlLlKztn7K4diswf4BlMuAgi0TkH9HtkA"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "b8g1RzK+ilI8h7N2amMpbWZfJj3OW6Jzxo3xojCTsVE",
+        "sessionId": "M2iAtHD3b6090r3/jMSLesHGXjIkaPyI82UbF6Dzvdg",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "jx0MKAZdIOBGgZcuO2FvVhzxnIUqeTl77T2NhEAUdCI6UAhy52z3C6OJZKZXNVEECRWj26g3e0S8mlY3I4Lmw1alsXwqhnOJLKNCNLIzU0HKblWFO/pxbH4Fc5vWVNUKzbSlgwk9o++/9upj3rRRz5P/ZMKqIyvbiYFYYGHQwdMrLKZAzcD6hjT+3eu1pgmCsQk9qGDD6f3LWsm2TKUgX3OpbLUrdKScL8/hu7uA24K9q6L7rcEfz6F8J1swQzI8aqSi1w1f5N2FIMEy/C3O7udCzwFG6Rv5I87J0GdzGQxh1HLtgbQYwZlQ5+FNXU2JZtUzuTW3SjtYGNxHN4jG/ZUmwBGBT3GYQ30BvPj3DbdSyTNrX7LnjQVDkH/dll962dgkd4JjhXqF1muGcUnI6QFVty1fqDKa",
+          "keysClaimed": {
+            "ed25519": "zf2qt124LIBYzVhB4WgAkmcJg8bqM7K3o4NeISk8sE4"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "dl4ygF4NbLpDkVOZZBGYz1Bwj7JHk7GVatDT7qavo0s",
+        "sessionId": "cUgvJ6wHzqRHL0+ze6UlWZDG6XkP45ZCXEoiXTua+NU",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "rwuG56MZIuM0XQw751BrvIEckrg78dn6kQ8sDSsAZffqRwGVSeaCeSqwSem8xbXKEgqECYegzb+GluXNjp5pTTTvqpU8k7/51Y31dywqsFjJasPzkCmR8t2Py+FiKgZwO/9y3xHamQNiltaQbMhda5yQvfKrlQ4k6iLyBeD8PhMpE1ILVwAElanto244JaH3EdSXw/0ZQ2uMYZo3ru8HQexGxN8jMN9pKBBeO7MqgGcdRsXh73oUrv0t8RXftdT1xY6MN+m8My/PHhXAT7jRXrTmlTZo0VRdYeXlISSEblyEEU2mdkDhkTXXBbDukEjmOlY48A5iklFpu5zHDH3/Ct+UN+6nr7gON857gqGFF7lLWwaEkL7UVJ9XAP7nH2sU9b5JSDgrMZHDi9dWo5G8YzPN0u/9/c0d",
+          "keysClaimed": {
+            "ed25519": "3Mk3r+gQEPfGonrj/i/6UfDbBtK5WgLVI15lh3vdhIU"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "eMBHGCpDlTlosCIb0g/BZf/WzXjIlQQO+NuWgjTOh3I",
+        "sessionId": "mZQxzXwBl7854eWnPYZe3C3j581XCVMvO6RmFDx51Go",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "uHikmhxgqeh9eIRAKl4rtSH0JuV0AIxVc3EbXetht5Fr3+C0IzkgPLlkst5WBb2ozYCpwype5H7jFVrLUDZLlcirdEq1bq6L9WftaFQPeIsAeiiV7j9JUx+PqqjaDXOv/MN/2tKSKMtRcLY84V3CyNn8sD+DJGtRX/WLlCLynDPlyC7lgoDHgJv+CJA7aw5kxcq6FA8RCUPxtduqxdx7cok5KjObWWBEGgeKe0LYkS2upIfO5mU6JMVjv/yMdl3PXB8Bk0jZYsg4zqReZT234s9HnE3/YHS4yRZt/FEC1OaKWsE1YTddtxAATVkYWQzcr4aDkKufk3S9tqdXPs/MS/8nitam8RwtGu/RM0BKQBcuOuValo9u5gyXRSVSqctCvzdA2yUAeePk4+riFHEHi05Odab4VhIK",
+          "keysClaimed": {
+            "ed25519": "Pgyz8RHB+PClySPXtgIFROZK/1+ZL3vp6QiftewWuFQ"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "foEKlDcavq8xzPoyLjERsjuMb6a6hFQ4wMHfain1kzk",
+        "sessionId": "KKY/ByTbXoGeSXZaIEbrYbT/5BTdza02i1zy5ToYA2w",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "mf4aARUqxpZ2GA+yx05Ve+lz6UygSfFt6AIIIH4spELlFtCisioSgbZ2Ww13gpgLNurQQ93/NeJYSyIFux/ZZqdeDfh1pboJ76DEd1kv9CQEGGjB6UIT+1lxtAdfZPSPg5zYulS/wY1fj0zYA3HcBPhqpdJdtZF3aDRQmHE62o+9qpKdfniGLvpYT1MFFmgZrr/O2qpWP7+3uGZHDCupJ8pJelsPHbqYcD8bCW9ycvno5OY5LzsISAlkfoAYDHk/15h9fYXnABqXP2FRoEbsv/jIsHeHzSiB/7O+LsTZyKCExH1VWv9ItfANui5x6TfZ3vxhDKXnxTd37GI/rGOlDi9G+JqmJV+cFG9xnv/LS9iC4HpWy2x4MWt6Hxu2Dzqthuf7ggWAQzhSSKCZOnGET9qLMTHZ1/OW",
+          "keysClaimed": {
+            "ed25519": "6el4gtbDZ8r1gQKZxo5LghQg8ktMVGXrDg6DOO0KKr4"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "foEKlDcavq8xzPoyLjERsjuMb6a6hFQ4wMHfain1kzk",
+        "sessionId": "WQyMCNTIFO9X3gmbTYTsjGwDzTAcLtFQqdv2t0nZTgU",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "J9Pfr9qb+azYqPUXysiCbaFH0fN9FBFW/KyrXmwo8eyYtIhn4zzjt0/KHWtYINHFEcOLxeco3bJjyyIyfuqXaJzc0ebnI8j7/pqbvQob1CrsKEJpgI/4onTGgy/6EX5o4PHFKunbC8/2OESGm2OBRe8aI2wJOrRP2k+IJX7SJqzWmQ+lfuecU+9jprOIOkbGnZMUGE0iN/+CV1LwbYtia63aSR85WKBzDiTcx+l589OM0Lq3RbnkyN8YmuHWvmNFo/pZQ3LiacVme/rX6zMc35/t1xJ4fLGdDWn+FiAofc9lExni09D1htbjfJtYV6MeoT1RPeHMc7AKfAEI4XvySW07HPNu4IUl3h2gH9CDxHgkSd8MeohjJxP8Qi5QHuDAcV4x9cKtREf5Sb13jJJGp0c326Bnqrb+",
+          "keysClaimed": {
+            "ed25519": "6el4gtbDZ8r1gQKZxo5LghQg8ktMVGXrDg6DOO0KKr4"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "foEKlDcavq8xzPoyLjERsjuMb6a6hFQ4wMHfain1kzk",
+        "sessionId": "hRI86U6AAtInzovrA/icjFkvMVxR4j5K9W26twB20MY",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "zjQ8VAOjcSk3ZWy/R1Hkw407369OHSe1OzWxAXRY2y8Q4bkoKCvGguZhMdvOVhKHxmjgJ3dvxQBpsJap22xC0D9wX8Jejre2EFTEJMrq+A/Y9lPXJbxOJTLFlaW59qgoTeIcVnfPcWP3dmbOk6UESy5C6ZPxhWYTsxiTP/Ezj+arRIBFh522IZLHooAMDOUb6QlSDCJ6jQVc8H41OF/nKgMVRAUBNkAr1Nygpt6tzGTVBzzysF4opJi5GlA1XCWBdFQZLvsmgsrDaN9ZkOUCJdOMz1fiTpPc1tjjXvcNFyVLhgjKre3R2qqMJZ36OBHs+j8PIyRhymz9fwfqTql8Bi2TzPYwhWkSbptPMhOeVSZqvBOwQs88SJzbqBi4uedD/MmyCo2izJ/ooLI17izgmwc/5oUGplFI",
+          "keysClaimed": {
+            "ed25519": "6el4gtbDZ8r1gQKZxo5LghQg8ktMVGXrDg6DOO0KKr4"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "m4ulJfgaESE1XQOQ5qqQ2ks/qoGWh/3JK4Z06EsD9lg",
+        "sessionId": "+eu5+VjommeMK5XP/zZFJ04F4Po93YLVAUDkuYuscBQ",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "/EMzIAB9W1ym74i+Flb/+XE6ZhZpTru+vGeRl81ABOMJNIGk4zdYYb1qz1zUrOwEfFMzFgRNqMTBf6G7ZcJnYZUIxzZquvMzNWJVuI7d/qjDAVVIvDubPTGk9gRDXMGrpZKgCeS9PUknjPO8mDjV6HedDZjM1oIEzmJ+tL/HyjKK8XYr8ff+PYYlQX5IgSwpmHK48xYmpTT59q1CS85RMoOhGo4b8Crg8oaIOQKbGnDy2YVSu0JEHUB3fMmLkS1Sb0JEpSDbGm9lJQ0J0BRL2soPs0awUFnsVKiy2WcWdN8emrNIN8JHSDCqGx49gkn8PP27vcXmFEchFsGfexGnM7XU/mOtHXw6C10MMoxIf7jxH5wbb0uU6RvhF5oK2XpJyZug0hPy0EyDGITVg+zucKxi9bOOknpb",
+          "keysClaimed": {
+            "ed25519": "ASO5VBC6J73VQnuCEFTP4rQ15NPm3byM2j1WZWv6lE8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "m4ulJfgaESE1XQOQ5qqQ2ks/qoGWh/3JK4Z06EsD9lg",
+        "sessionId": "7hJLrZWYBqKXUdAEVZlCZMBmPQN4gtz+Seq8mU6xsGk",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "CYc7OLXF7eSERiDtiJOyYQ4MTTOlvrcyIC+6/Sv3hRCF3KPhx4L1nDtMowCw5NJBG6+qNn1o94efuANJio6ijrXKtEdlOmRK8SCjNxTQZq3bq7LzDuN8kfB+/wHhUYhKp/kYTGPONzn/bQC694UEIC5Ybzzzh642fwk15snMZugbUxv+2KiOJOKCyAqKEyCZcbv8M8lXhvNX+rPkYXVThY/xqNiENvhGvX7kmHXtbNkL38hSvyZ8T4HrJl0Z0lf0JVh7vuzzoNaPE2q5jdurNQ/WYq34oUzxuc7jzKVS+iPaC+Bs3j71sHrh9kX/A96IIns384EyXd+CT2bT0O3TUXhhV6EOdv1iwCp91YmiLnNkJUA8PR1be5gdCgbqBts25EvG9idAKIKZMsNxHxvZfMXXyBN+1WJ3",
+          "keysClaimed": {
+            "ed25519": "ASO5VBC6J73VQnuCEFTP4rQ15NPm3byM2j1WZWv6lE8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "m4ulJfgaESE1XQOQ5qqQ2ks/qoGWh/3JK4Z06EsD9lg",
+        "sessionId": "GZWMEBEJDxKzoagEC+wQekBTj7vrwQYXLlptQY8SH9g",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "1OVEC3x0+h3lJD3g0ouHJ57ZiEpmrlqmg9xUHqzWkaQ2+/rdNoeQtbwX/wA6YSur9TJrYWQXQHUqXDrBacyK82xvLDMQ5YqFqFc6QnfKbN9u3aGdji1+Hd2g4jZ4UDMzJ2tTyaTIGbwxznTu9F2rRzRwtZWjbLCOOaK3t04i0Q58dXOctQZs2NcW2mbYaMUESaaI1EH7onX+Vi4n130pz508zTySAjPHfAZUm0ZRhyQClSilfXQlfMqkxy0CEGy+2FoNqYoHfbzCMVGrxD9fbiYGosRExRwzL8iSMriyzMTjoNkqghv7GQRdI2IiWhM3OHid/PE8/SUcOXR2AFMVWjWpZAjp9AUypLnymzSco5P+vt/Prbyv/IXIbHonDKVNeemqTZT5IclLjuUdroPtfiH75RhEdKqq",
+          "keysClaimed": {
+            "ed25519": "ASO5VBC6J73VQnuCEFTP4rQ15NPm3byM2j1WZWv6lE8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "m4ulJfgaESE1XQOQ5qqQ2ks/qoGWh/3JK4Z06EsD9lg",
+        "sessionId": "IPzVJB/H36VGitFtMT71prYijrFLAKJF21ZceYLQWxY",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "yqEJTsf3BkpNcoLnooLnKz1UVKUAMBirU7X1KOyUySMOYPhhemX1E8tba3O6K3ka7naYzOmFREMzwYvzvlTUtDfPTOM5vUE7tS1VA68rO7F6sqTmlDRSgPku+3UUQmRUof+G0y4o2YlrkngrIh957GTGlAHSv22JewMuxyHqP1uRWu9b3TLjH+J9/L4iieLbdyVjKWYG3XplK8N9WY1fUGOZo+j0fex1ARxdjl2W/A6Q8QSItpijXITIhirhadUqQzeWIblQy4Ua0IzL/mToRV6kQ7Kg8WSx0ADHdvZHpc83QhbVtkktndoO2L8kQaj64JF8NzihLFI1SWvv+gCoVBXXWU/+V2O43FDgLqnRG8KlotPT0Ff0xdb5ibHROFpBmFllGl6ih6eKttszBtEvK4ygyqC0sRyH",
+          "keysClaimed": {
+            "ed25519": "ASO5VBC6J73VQnuCEFTP4rQ15NPm3byM2j1WZWv6lE8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "m4ulJfgaESE1XQOQ5qqQ2ks/qoGWh/3JK4Z06EsD9lg",
+        "sessionId": "QJhyg2beo0esI7ez3pvffF4GFc73Wj3OdvgPSr++FOs",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "11IaTbF0iuLSHpsuaW3MJiWMJuCS0uXsxnNA0CGljpBKlB3LmyIfPVbudf48zNacHL4iuQQl80gwJQLlDzEXIkIvniOVJ1yaVmMcSL/B1ez93IraqEJle4rZnVretIsim7VoqbagRmFcw0i1g9IVaiyYK051BheNIt5IlSmzcfqVnkXOCqnEHYE9OPxbyeuSK6hbDfaKdGiiCFK4CODkmeZLkGl86kLm7eKHhJXdm9cJrvtaZFVe0vUUUTXGvc611N8e7oEOY8gKOdYPIeKjzotTk12frCtA5YnRrL0p5WpMT+S6gvZj5CNOcKWWEBVqCmUjSJE+D4JVf36W+BVQpOgfGadWun4J9sa7MGLpJEYtr8/KTLth/NQZqU6E023n28jAXK63zuzmnhwsRRpfO3kywYpA8B6J",
+          "keysClaimed": {
+            "ed25519": "ASO5VBC6J73VQnuCEFTP4rQ15NPm3byM2j1WZWv6lE8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "m4ulJfgaESE1XQOQ5qqQ2ks/qoGWh/3JK4Z06EsD9lg",
+        "sessionId": "SPG6ScQWA7KplMGtU3w5k7HIZfF/lSNmhPPlyXgp9Qs",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "mPPHPNQUqS1OZfyzqNPEf7ckm51fplJaOT1LeR4kARlovVknV0Wij0xMV+fxYp4NIOoYzprzaCpoi0l4Cbf4sq4ZwHN6XrKOJCQ+FetBAFVLixVN5Y2Losc05rqBzTIXpuS0UxrkQe6ji1gCfd/RiYmXuBFMKu1A1OwV/3ALnwnn32iMChdt9Sh/9qve/PPyjtCwAodgjKGL67Xi5wYK/RKbxsBP9v/HtBuf5rVx8oyeWUWLtCalAlVKBmRFMdIzjrZgzOYNRXwYU35jRov929N8Ts/TloQFzZu8xkT6n7fk5EAFxIQ6JPWZw2hcCUct1UttmsG1eTN50nIylqKXAN4xdUltE/5BX7IPtlBDRLDzAt5N1PPL1iZO7/L1uljtDlx3G1W648XTLI5L+lmghLz/e09aYmdj",
+          "keysClaimed": {
+            "ed25519": "ASO5VBC6J73VQnuCEFTP4rQ15NPm3byM2j1WZWv6lE8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "r5ri9JjKE7uoPUgs6aCRbiiQ7uzyyV6Eeo7P8FIMGQs",
+        "sessionId": "XcOTYdw6ODSRDRVOBCNL/7kmxPP6/MOlZWgWjo43Tqs",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "00PiC1xiU2CeXqJk9vtsINL5VyaOVIJr6ZlkIq1wj13UP+wmTryQhUV/XomJD5o4b2+yIXA17phXd3HszH4gGc0cMIPrQhFvCgxjU2u4sVNmwSD0n0eCyH8JxWxmhTCazzsTEdZAG0w0o3hG0Og7xOkVGh3aCgtr025GAQZTYcVJ2Rbd4AwX8G4qaAXqBqrSFpAgrW4DqUumfVq59PWoxUMPC3DQ67GN2zY/n1Ly3Tygb91bXGxCgXK3ze/IVsWCnO8ax4znImk3Blzoz5X+0r4S/zhuO7khKmgvTkRb+M13YGXJMrT5o2+KGaziqWOp2VEq0M+9OWPobc+zVFcgiB+0eaWbNUIqHeThQmBiQtI6s25IxrZYjzwcOmeoZRI/cJoWiaoyUPziJz9e/W24fXV9czZjlGL1",
+          "keysClaimed": {
+            "ed25519": "mCnKe06C9Pt8oD8z/FlWMb1TquVJdfkcOaTOK1w0CZM"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "rjzv99T05ksa0hluxTK3qT78u0CxG/HOpYERwqu0F2o",
+        "sessionId": "5fUniWedXn7Lfx6C6cF2CNLBHEr0Cfscb85GFz4zBE8",
+        "session": {
+          "untrusted": true,
+          "sharedHistory": true,
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "session": "vp45LW81+7HMNLU9K2r24Qv/vl8YQGJZvwhSkQj0090vkqyngfNyNXPhsLeBhhQWwlEEluXc74jMrh4p9mIi9mrZnsGDLgAp39+qmOVJToU4Jr+duMf2gezRX6xMsF0tUsT46+J8wYCFTB8ZvJLkgt5mbuLyP4Nw+1o9ahggaNT98hxoBZC+v4KxraydJZPt0DPcz3ZlaVJWeAUtR0khwX1zujXcg3Xcx2CB5mtjq5O/q3vShAHAztPg2Sx9XpGTYlzc7oGHro8s1p7A0v69Pj7h/4+aR/K9H0r0jpGcoDrcvjaPq81/kg7gV8KIz1tFE03Y5N/NqZiaQQ5NCXFX30jWoW1qAP4vh93fHjwNw6rQVbSg55myAHHWT1aSH8XcV9pcpfwYwLsaxpgJYkhmXncRxDRDsM4G",
+          "keysClaimed": {
+            "ed25519": "vuQnIuMlpfrw2cRKZ/Uda7WBnPNk2w9XqP9Nf+wR1MI"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "rjzv99T05ksa0hluxTK3qT78u0CxG/HOpYERwqu0F2o",
+        "sessionId": "i0UHnfpJA9YyYFPPreQGINIt+f+aFf9fTFQhx/yVvTY",
+        "session": {
+          "untrusted": true,
+          "sharedHistory": true,
+          "room_id": "!NvODNaNaQbJWulVEDV:matrix.org",
+          "session": "HiecKA9v6b3BY4Tjflu+ZSs5yzZtPQautV2mUo8NpNtXiNeHW3xOpd7b7OfxS1nhck83BU2+R0UnvE7ySJuKMEqeGldqmGURmzcj+ox4mX1e4+B3C2r26mOSgaetkzC7OsJcXMwAOjK78PTAob0Y568s5/JVqfcQHSWH16gtvy9gjfEHDevg6Bj55lsNmTc0pTx6Tr+1g+PAssu88ZNXuhvsD4ZYtfu3z9dqqb4ckbOX7gg2lxQvHCCWvQ8RD+D9pSoUHxn/5QxpY6ZzFKtxrxWJKQnkN7FhSNpSj+k20BxuBvvftVUQjZzj/JAWn/QbImvt0eRQwAOfUZLMFheURkecendDAMQGEhFgYKffCfDad0g0RSBfLD/scHL4cAOxBXcuSZmcy9vtuKSjLp9iIHJvep1EvOA6",
+          "keysClaimed": {
+            "ed25519": "vuQnIuMlpfrw2cRKZ/Uda7WBnPNk2w9XqP9Nf+wR1MI"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "rjzv99T05ksa0hluxTK3qT78u0CxG/HOpYERwqu0F2o",
+        "sessionId": "vw58QEIQwoWyJvCtBuCmPI0edHqulndrxnv1gNhOvCY",
+        "session": {
+          "untrusted": true,
+          "sharedHistory": true,
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "session": "DriK8YwlQmEsCx6U9bBWPphxMrHAj5DIa3Td00TLBgnZHm0ScfqhqMiPZ/fI/vuAqhz7FPAVSXdDz3T02lMmVm2cWDDHQxh5ps+kvb9OSCDJjbpH9l0F4c+JkXnxQnYMs+jTlhGQBcUy8QruYmofXWhQsGoNmgobTG74XbFZiqMWvzPzU1c+M2yEvqj2XuyRVbyNf4snlkWwQDWoJ/X4m+JssVvW+E7nLPqBQf7pCcbi5A56NOiLu5/H6b9w48qvFdeTr9tLfQ4G9wjT/fXBzlGco7BOdx1ZOGygAYGhX3AfyfUIMxz/JuIctAsC52dwkmjAp6lAM04OGwcWkluRkGuqDMDKMcEFhhzfx7j7S9ChDtRlN8R1g6NhU5nT5gNiuKlsNmIg7JYmfKRS/VMSuKeXSCe97k42",
+          "keysClaimed": {
+            "ed25519": "vuQnIuMlpfrw2cRKZ/Uda7WBnPNk2w9XqP9Nf+wR1MI"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "s1leivvtR6D90cds8MgPTJArAXptnqER6cj41OjClwY",
+        "sessionId": "XOYD9nN6eEuh6rwBLHJGhlKr3j8GZPUSVr0Roo3eFXI",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "hhaj+eCcv0F43SYiegufaFqvgSWCep7E0bI9uYRZj0AJJibXmlLtIfppVjL12jIvvzIwjhook5BU0XG+wJnnVejr9Bvdd3a5puwxXy2YBQuwyG/5FDLCa9GXfdsbhrShb7u2AiWoOfhB9DTugOkkJoalyqlfGgbDfaTG5Wkb5RArRjoGHywjh3aZBcbbWPx1dMz4GYHakdt/OxaIDkkiJLpwBHkKMss1lTcKwCBa627Wm4CvMXFyZo5QRf44mLqpHjV8Fq/mS2K08rlyr5nx7RSoNKHfhLntrgXYwyf7RFmvxFR6CkgIUrJEZdeyadcldRtMVgboThsDWhhJUS9ua8wfdkef9HOQnfCMJzQP7xNU591b8k6S6BcZXlsk2sYyjhfUzfeQzFRTzGTP9Z/rKdhxJ2BLkjYJ",
+          "keysClaimed": {
+            "ed25519": "Nh9+zpTW7guPM6cgyxr4h764VT2JJmyCuFlczgLbHU8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "s1leivvtR6D90cds8MgPTJArAXptnqER6cj41OjClwY",
+        "sessionId": "ep3My5F8VWivPx1eA+MGfBXeRFq2Ryw1BnaXPBm8ln0",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "2jUHtlf1bz6MIK5UJRB42EnoupLify3Q5wGKd4ZHRvmLpx1X92VO7aGbP62w35NfIUgvgo++CuCTwYrnowfuU00BUwVVFAUDSbFvreHcRVlepB/zhL/1rapu7f7+keE429hfJ8ntxSinju3MXSZ9ypVT7HGPK39bgf4IFRVfpGeaw5qXmO76wSlK3fO/zFK3mr9hIKDQnhs9VO9IlY3/pggJx/KL0T6GCqVFkhrBLw99auYAngaxI+7RXJeeLnlyRsDAx8smmS/dyy4QSHeBMsSX2pHKOz8y7eCTsxG6qwRGPzQcnwLlPwAnLpeHh4Bk4fYfAyqonTcxkQVc43jNaLLmGrlVlp6AaIVt24pIQU4qT/KGCJHvEjtBIvOh2pyTr5XzWw+FvEAToSRySipSg0xek8+OXb6F",
+          "keysClaimed": {
+            "ed25519": "Nh9+zpTW7guPM6cgyxr4h764VT2JJmyCuFlczgLbHU8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "tkLjPNLl+EIITRNBqxMb3HkQCUwmsb1qhXXoxt0o+Bs",
+        "sessionId": "QcQ+0QZiq0HlllazlEudzMEF/Cl2aBlIGpqgiLm0CiA",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "qf8eq57Ow0We695lw7iDhpgtthmI/jU/RjJtVoucI6IZn0+C5FLg6bcdmVMcXwPwQJqhBQV4OUChqtRBovGC9Dg5o/iUCM9HjizD8Pncuo7cKJ62WW+XgQwi3jjMLYNZhZDk+HbAqO5gxw2DaymX66skNsbeiarJls5MMLAwud5PNd8oComA16+DcTgYLcDUlI7rzFuH2Az+TclQ0t9hg5t9Q0//uVwz5UXGEHgap0q7yX0DlDf9OExH3mrhsRX+YP3ojZO3bsHPDCX/hpnvuHdjHXLZcZd3XIJbNbSiYrQkvKKV4LCOJyxR653j3e9Z6fxM3fcggcXGPAR/cjARFlzZfnGlkCv+TE6ywwJ7C8rwkLEKKxIs3ogV3CRCTfHaENEwHoM4ozdQxL7KrFB0ZiiyuBDvTCiu",
+          "keysClaimed": {
+            "ed25519": "Aba7LQhEPDSw/f60xaOKXYwZ+oVurheWm4Ixt4YCwZ8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "tkLjPNLl+EIITRNBqxMb3HkQCUwmsb1qhXXoxt0o+Bs",
+        "sessionId": "SRZvhQMLmQ7Ol0GnEZZZeFxxwnBh4xdKTgnKU7P8X1E",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "aMnGmptBPb9Aw5DOwqYuCJGXYtojeFfdbfVlkFFAPUki4s9F+Wn/OgIanuDqVh4Aha8UZXrU9S6H5PtYFuLWpfXLOQUwL757KFutW3LQ4GblSoZQ9W8RMWqVWgdswldEemB28bxUjMhRECy+zczzc1N+mJd3M3PKlE08SO06Kwyr/0SlPzkmw4XE6nGQ2hO2qUZK3jY6JYiS8K8mdQVOC3zcJcljX7YMA0K/3lQOFHzNkQoaslXw/b1dtVi54YrJQI89tnByP2eg5yZdTxcWOekJ+VYtOU40g9ecxfAf2g0YS1YljbwXQXpo5AuEQuDky93oc5Dh2O/UZQnyGfOMngdH1F0VBzEUTHgowWh4BuJM48u3BQ3dGPp5EfWxREI9wahUzIDcWji2SwP+fwdzVePdoZXthqEe",
+          "keysClaimed": {
+            "ed25519": "Aba7LQhEPDSw/f60xaOKXYwZ+oVurheWm4Ixt4YCwZ8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "tkLjPNLl+EIITRNBqxMb3HkQCUwmsb1qhXXoxt0o+Bs",
+        "sessionId": "dr5vZIuTMSrzA8jvfoQo6RQaQtNj2x509f63KFVyySs",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "UAWwtpqv0xbMdPQ/tTBDYg/EUt0qfWdoX99s9E3HXth+g5qoFUkQvw5MHekeXhBYT+548G4GLfBZFK15nledlH2Zeov3sAtvLiPbqN4itYjC2VNHJ+I6SdQTz+JlS2w7+JHgVyLvJFRaFH/gdwO0slbMErTB/btQhNINjlcYHjiKMDBQ0IpwPqYOvhZHXaQd6KXz7Bb8TptIC2059k+bVzNImfKj42G6xXahN7KUfuJOHH3AO38NFbAlsqByPBkCTJw2XRzGzTqUeTWywZZB2YN5U/bYz8SeZv3D0MHFKLuZhTqfVpBYuICkZ6cEUqnDqPikJxLgzj/dMXhd8vnaJ+hDC5Lqj6LXq8iucEt8TyLVYk2unxZd74DoJwOqQLe4BJa1WsGIsjtZoy9rd+DLkYhz5i1+115o",
+          "keysClaimed": {
+            "ed25519": "Aba7LQhEPDSw/f60xaOKXYwZ+oVurheWm4Ixt4YCwZ8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "tkLjPNLl+EIITRNBqxMb3HkQCUwmsb1qhXXoxt0o+Bs",
+        "sessionId": "fUZiYlANfUexd5sJ/2W2H4Ki6H6B5uC9qu4nhBtcvdM",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "tm+izLAqRAE6sXS8H08ui6pm1ueMVElMTwd5lY02yIdCSXzgePHhg2QrE9Hlu7nuOxoTLb9hFZ8/5/BgZNF77mQWR9yVIUF0y02PParW5nqvXIC9/yvs9yo2n+Gp5akGHZJgM1QMGKKyZyhvsdz+XwWVlS7Uf6Ro5zRlUJ4VNE4csb30bVcPOJMPFdfQH4cPtKFGCHudgRaoONDRBIH+hEG9IaFDEpyRmOsnDMXFmQgnRdwR16WUKmKDdUkKEijfoSvV8sUv0k/20OUYL04i7cbQrWL//qlViyoFeke+ezQztyujkAr9akBhNOgCvVpBXTWU51exKj0lLxaaAcbuaAXMig+Zy9//Z6SkUTtg7o8J6+xrOD/XFtprq/iQ9s7wbHqoE/8GhK+QMpBsCqSa+/wpRs1P9WBP",
+          "keysClaimed": {
+            "ed25519": "Aba7LQhEPDSw/f60xaOKXYwZ+oVurheWm4Ixt4YCwZ8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "tkLjPNLl+EIITRNBqxMb3HkQCUwmsb1qhXXoxt0o+Bs",
+        "sessionId": "kg61q8b9FXWVCkKNlloGydzX0z4UukiiaitMw87guok",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "Rgm47Eo+HN2lq5x+KXDr/5SRJuSXmpgoYNFK8vL7povU2Gz1t/qyBt1S+f1OvP4Cr8ikf2C4j+syfkqirmytJ0KUk6pShuZaTlPskSxIE8L1O+ROcPlVahJQFCSOCEDZDu9v3dYqRFxvANNqw7l9cKp1OtZKpO/VzycaE9VvQmnkqsCZ7Z79r3OEuCHl1qUhFLloSmdeERfCthzxfWp8gBVc6uHg7BK7HaHoOnQ9oczwSCYIp+qs7boeY3qrgGgf181ZoX4s2IDx2t9Oer+ZZDFda6yowFbYFbtfZbfgUNaUcapJNUdBFWS/Pq8GRd3bPsWCepGVZgWZRZUVpwl84knaRQHmwB73DlvyHnMKfOYiGo++IjoFneJ6CQJRMVeo3aJyeImqpYQR3Y2TvYkz4AagtJ6DXJsB",
+          "keysClaimed": {
+            "ed25519": "Aba7LQhEPDSw/f60xaOKXYwZ+oVurheWm4Ixt4YCwZ8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "tkLjPNLl+EIITRNBqxMb3HkQCUwmsb1qhXXoxt0o+Bs",
+        "sessionId": "l6KvDCrknpGY2cZNOxoiA7u6xRBHdf7TfctasaNObnU",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "bLAxyaPUXCQTa1wZj9ouBLcKY21/8f2/VwKBTQH1YvtF9Wdbx663h5bFBABJ6zMeAfbaDSrNJG/HtrD33EkUk/tZBL+GRnA9KI7tuvd0Xti5z2VVnYD3iT4mhkGbhBSMVbUYXeqBKVjOWFcGrDvzc1gKR11HywBwpgynV1JR4fPpYd4sH5vfamtb+m1hc7yUe0Jj6mW4zR/XHaTsJp5pK55TlFxdywvZMOUhtFKEndAJV2YPOuzxnhdVDEaoo+IidLIzhEknGNA3isPM8pmhGYljARrKpv/7ZOr45fKYgzK3Q97xKZe1CXRugp6YM5y6m6RDRT0TRevVAL4Y9bOXeRXkIC0BP/x2W5wQ/3NNORDWRcdxo44fyVbgzPTFLyNyiXyrQOx8V/O31bqnZIH9uN6zteJhSIG5",
+          "keysClaimed": {
+            "ed25519": "Aba7LQhEPDSw/f60xaOKXYwZ+oVurheWm4Ixt4YCwZ8"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "u8CrYar8BK7Emb6EepKjzNDkBd9hfzRuHZYFx3/j6Q0",
+        "sessionId": "uYucqRCzvkptky+GdqPRqPFQq8tVvOQhYQ7hpgvcLuw",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "Vo8j3QRs00kaHrAVH+q9s/3xLuVLTH7mvoP50CnIKWthPZCMYQVGnilf+NyYM8r3GBf38y0ZA2YS0JkGIlnQvTLVgu/49CY32g62XBNo9DV48GIO7nyoF/YC9WfTMdAMpIE2RZGQEvfXFUtW06SU2hXjHdwKjlgTufKOEEWi0m9Ll8OyWbE4d41ZOQF0FpkWASsNPPryFR/2NwJ74T6Z8CXkQNWv3HNB8CpDyBMHz5pOi3M6PxKd14dQBg+w1leb8q928JAVv8DyRtphW8ox7SRNzLiN1dsQolyqaRuCvlHaFvgwUObRRS01GFqjIQG7h+syg0BlrodTi3DCwsnZvuUqOVt1V/ivaMGkBw9hcr3KYttyOslpYBmm5fV1YPlW5KfPkQbkTIuP0BkWbcAb4Yrh3vXRKqKX",
+          "keysClaimed": {
+            "ed25519": "qGVxOT77mWwNVaAaigqCJcsm8OmGQn6yjgF9MtpZPIE"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "wjb2fm75UoN0MGD3Uw7SUMU5EjnYzY8XL1ZGrjqECxQ",
+        "sessionId": "Lg1i5AEOuyY5tY8OLvn2HMCUOBM9W/NNjftpw5Sw7g4",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "2glaDve9wXUbK/imMGss3fFOVcM7POWNzCogycS50oXn4u6NIHELD1S1qSakHGjxjeqojndRvuUHLANJzc6NieYjpKD6j6i+XFk/scCmQ5Yh7USNMX12ApDgKe9MyMLCdY5FQFvrAdpyTyQqirOj6d3cuNtNHouPcCQYHuSwwy6mJXL1w5zE/gs4m5oTcgzh5wb/94BaATB5oYRvHlXNJ8AuNvkMGtkFPUPTeUTEmbq/SopkAkMzcuOW+Y7kAmqU1Oif7vrLFn6zQ+AqhajBhJwHP0gYhftOTy1YVeY6pe0C3E0Ad8o1TWn3/Ydf7o2g+t06zDDD9Kcz2JcNhJMoZzeI1kMZTOBab9wl1031Evns1HmSvySFPuDGIGxsflsHfpaleSt0nCpg1oavIY2NgrfxxyV9Yu5v",
+          "keysClaimed": {
+            "ed25519": "w+Ez8ZL8p12i5w0BiNJfcnvg6rda08up+jLp23nYhq4"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "wjb2fm75UoN0MGD3Uw7SUMU5EjnYzY8XL1ZGrjqECxQ",
+        "sessionId": "rs1GlF3Mb5BGdo2ptP+tP9rOZNuHxmFQt077CUsUaHk",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "3m8VOjhVkeJF0q9RYlFKmGCA3Yet7q2awYuMqhoX0IwLAVUcj9gbNVnq1tD1Xrkg/JcU7iWMYA7MNGypGjj611HP3WIh5/0kCeP50Ng8BcTEQJd5jjhAUCJdB/bgzaoo62jcddeGFjMH73zBOAXPvqFuTJlIg3/JlRbI1Xm2FjlxQl78Ycp+B7CA58MQlThcd2K482XmM+ADLzmdb8ZlvutxUDfEt9QvhU3NuGWsXD4OcUPEOev65K+KDz4KhgGjFgCwNtV4en8spsxxdbQZry0RFaRFsTBLPiaoXF/RvXzGuqTGQ9aqVqiPYeZA1AEgV74R9MO5ggstaEC+hpRt199oG4hnR3fH3s5OYkEPoyQShd1tPFIfpar78X4nzkHmhHPkll0FHGhjnxlVg6rnUxiVgJSM5zps",
+          "keysClaimed": {
+            "ed25519": "w+Ez8ZL8p12i5w0BiNJfcnvg6rda08up+jLp23nYhq4"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "xw5fcGw+fsi0KmCNa43551+z0a2+1w6L9tbVwOkWui8",
+        "sessionId": "y8LE0ur1rsX/7OVpC91jWSHfGiPUq/NrOGM651RwFlg",
+        "session": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "hYO4bUVUyJu+qQPqk4wg+kmnvjVm93WNKQlEIdgMuY9C/B946hXdyTgilHt+OaG9BBmwvHp2OC8UkWVqczqN6Ptcj95g6deSO9LYeCLQUxOvQJdWTVpmfNrbS9bgZi5C+Y6vepKyvgTiIcWTft52kJltfNVwQUYrZ5IAJryTKeglT6CY4xwpU2U39ICF0d5pgZv8wND9RFFP2thOq1JnY5nAHtljJ8ZKQSmpgevmU153DeKZvlgwqxpM/A2YU3qZWy/1exFQPmW7fgFTbgnBT4+/XWswOgWRdCsQgJIUz2vbdhfNLCzcEBRKvyf45jreOXdF+tm0G4YCBB53HEbBYGIS1kV1BpNsvxwvQhhpLWbZA7Y75dkyxoYNb0qC7km+ewVBousYlSIhbDdLpIsmgSAodr4omQKF",
+          "keysClaimed": {
+            "ed25519": "01QCfmIo7tw4N2EFguQ/1y0UlPAXrBeKsYI0+N2nLWc"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    },
+    {
+      "value": {
+        "senderCurve25519Key": "yUwl8YCTPL7kEb58FQRAVf19I2wAVt2o2Ftg/VOG2m4",
+        "sessionId": "hF5Lv4Ag15/+PDvRa8DKRucRM0I06kWZ0zOlUjqs2KE",
+        "session": {
+          "sharedHistory": true,
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "session": "ptZaUnlkN313dQ0Z8V6BdXaEJSIoHoE9S1c+S9jgH4+MyLv2SGtidCIoP7uB9J+EmJSIV1z9CkHdvTIIie/vPzovFhTgF3ViEI61Kw4DgDxghvSbrRlmcHurH1v9HFMaFy3q/7qPXjCdLaNPjcVxNe0xPHls4hJKRf6PehiaZ69WfjV927LXRV0ZczUrhxl6isRcT4WnSolbKefVb0+icZDJcS6kpcluc4WINAslV946u/OP/DBbRcbmTt9A3bgX+xCypmNmT1qAZO94PVN3Ju6A/hVPPMONuMxv/jMVRsJJzO/GVCTz2Q9jEB5BTAz70vr4w/M8KlPTIKMFKZ89X2nlV5iElZNUeO5T7u7wREoe2UW2QU6CNo6ce7S9CunmAISFQod3BwGO8DTbQA/8bqe7StLCfe7q",
+          "keysClaimed": {
+            "ed25519": "ESSIjAwQ56hakZSsE6m/NZaQMZaWCvyzaIGP6koAz2c"
+          },
+          "forwardingCurve25519KeyChain": []
+        }
+      }
+    }
+  ],
+  "inbound_group_sessions_withheld": [],
+  "notified_error_devices": [],
+  "outgoingRoomKeyRequests": [
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!WXNLpHIsCohXpXsbUk:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "heFBT+4ZfCNAQg9+5Uxzs1KpHqbUyIGHQnz3vB1I/Wg",
+          "session_id": "sp+ikvq6Q6CAPYeTQm5IGYDjIVj0MXg/bejokZTyyc8"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645448.0",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!WXNLpHIsCohXpXsbUk:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "6OxBF9bU+HH+BHh3PO9N9oeKToACX3LtupUg59ZgdxU",
+          "session_id": "mpjr24Z36gOyzJjWuhapK340tPZzHTedm3cZOzRTToQ"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645454.1",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "rjzv99T05ksa0hluxTK3qT78u0CxG/HOpYERwqu0F2o",
+          "session_id": "vw58QEIQwoWyJvCtBuCmPI0edHqulndrxnv1gNhOvCY"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645462.2",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "X78CTT0Nk8RDlC7snNGfRRkM7wCE5/XkVtqESnpFgEM",
+          "session_id": "7KdhG9y04GM33WunByggRkCAzv8UwEI85pFMPqthpK8"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645471.3",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!WXNLpHIsCohXpXsbUk:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "K6pUAb6OgssyGzLqYcZQlskIxdwNTZu0xkb1lp2ysQA",
+          "session_id": "dsS5NET3Rl2hstxH0q39p+5zND9o5lVLrI6C3d1nwDE"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645472.4",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!gTsdSPqtENAVbnchjE:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "EFeS1tQU9GSHOr9NNI3HVNf6n2Mzs6/+7YSUvJiaTm4",
+          "session_id": "2mOI+YkPOm06IoR2xBR8nrY533egoMjIATv9/n/9Rck"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645475.5",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!gTsdSPqtENAVbnchjE:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "EFeS1tQU9GSHOr9NNI3HVNf6n2Mzs6/+7YSUvJiaTm4",
+          "session_id": "pf1CZDkjWgXF4irG3GA14jJDvlGDxdrAAtxq/KIK1xQ"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645475.6",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "heFBT+4ZfCNAQg9+5Uxzs1KpHqbUyIGHQnz3vB1I/Wg",
+          "session_id": "T8NSyD3+ISc8/mQQ6ct3Pjf+nPEPUZY7jf8Wn+fJEV0"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645478.7",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "xZTiaEkM8Nq62R0bgbRJYDnBko1H2oV6l2vo0Yvmgms",
+          "session_id": "eTu6sNYK81XvnYXltWYwg9OJoPPSnwUxjY15b6CWyXs"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645478.8",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "KPKx5ckuyjJC0pFDqxTTn137gREpIbGe0QCdLPI55lY",
+          "session_id": "bAk6m9xKh9kQGblUqOTUWUIBCugV5wEXa0giFKwfdUA"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645479.10",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "rjzv99T05ksa0hluxTK3qT78u0CxG/HOpYERwqu0F2o",
+          "session_id": "5fUniWedXn7Lfx6C6cF2CNLBHEr0Cfscb85GFz4zBE8"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645479.9",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "nLGWKDuN+ud83xz3cD/ZKkdY/gipERPlGKy7d54MkC8",
+          "session_id": "0YAjnyOpK6Fqhgcur9IoryjCoBheI3IPygxDg07B4sc"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645480.11",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "Qbsd5nxCvmmWYgHVUNDy4vNlC0dvUpvsb/wVlmTkqFE",
+          "session_id": "mXAOYsKpylmZFPkex115glgfQZjMbi0/TdhbjyCAmv8"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645481.12",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "pMJ8MX35Vgz6wocYqMysNuw9EeSGfJ7qH1lGLR5fsxE",
+          "session_id": "YDJ4j6aYTc6YDZRZgW64YTEDyVU+5JerhV2GkA8gjBg"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645481.13",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "CTyFO6qrSoNe2HWZXiVaHyGSXhY99XokuXtU9RWsZGk",
+          "session_id": "Ad8t7tmq4BcFgwtiIwEz+jI0JzrViGMZIqP2zrml9Vg"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645481.14",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "heFBT+4ZfCNAQg9+5Uxzs1KpHqbUyIGHQnz3vB1I/Wg",
+          "session_id": "8+J8uvJp4d/KeW2JPFgHBp4cj3/bya70oNYzFndbFy0"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645483.15",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "xZTiaEkM8Nq62R0bgbRJYDnBko1H2oV6l2vo0Yvmgms",
+          "session_id": "pwhr7MQPCOzlO97vjaSFjAPVCvo7wGTpbaEwJ8kOsOg"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645483.16",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "xZTiaEkM8Nq62R0bgbRJYDnBko1H2oV6l2vo0Yvmgms",
+          "session_id": "kDtwWhYG2NU7WqlRvs02TruBY5b8MnZzpbrNL5RPrco"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645484.17",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "xZTiaEkM8Nq62R0bgbRJYDnBko1H2oV6l2vo0Yvmgms",
+          "session_id": "iF30hujs2t84j4ZVgaYiqMB8U+jA8NCvXlBgPyzywBo"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645486.18",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "xZTiaEkM8Nq62R0bgbRJYDnBko1H2oV6l2vo0Yvmgms",
+          "session_id": "7mlVkXXOuK6v01OLocQ6G0+RzhPA2t66eX8yc7tbe4Y"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645489.19",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!WXNLpHIsCohXpXsbUk:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "a1S+xfPfFBbrCteVaIDMtsIfU7bpzS7s/lLYFMIR3R4",
+          "session_id": "qeLUvTqpKf/MpqS5utmh8ufQUBho2vAr7ud0GF6mD80"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645490.20",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!kOjcnTaPnmhygqFtBD:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "xZTiaEkM8Nq62R0bgbRJYDnBko1H2oV6l2vo0Yvmgms",
+          "session_id": "N1NGffyPxckO0iqkWA5s0FYXfzf7qqIr3/Aktd9Wb9o"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645493.21",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!gTsdSPqtENAVbnchjE:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "EFeS1tQU9GSHOr9NNI3HVNf6n2Mzs6/+7YSUvJiaTm4",
+          "session_id": "i9kQLKJIT+/6OexDQclHSl80m3oUZ9LXSBlIZCTXvTw"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645494.22",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!gTsdSPqtENAVbnchjE:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "EFeS1tQU9GSHOr9NNI3HVNf6n2Mzs6/+7YSUvJiaTm4",
+          "session_id": "ubktiZnOBNGK35taZarOAC2H3xPICBPiVbJ3niGvjoo"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645501.23",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!qzuuzZxqLjsmaxoxeM:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "6OxBF9bU+HH+BHh3PO9N9oeKToACX3LtupUg59ZgdxU",
+          "session_id": "ikiaH/1xqegjNr+c2tbgrpGP1xkx5hdi++kSPGM8CAo"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645728.24",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!qzuuzZxqLjsmaxoxeM:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "6OxBF9bU+HH+BHh3PO9N9oeKToACX3LtupUg59ZgdxU",
+          "session_id": "z9lBLL3YRTb+gHEbh9vEnT/cucCKBGgfCSuxSkkGHQc"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645750.25",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!NvODNaNaQbJWulVEDV:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "EFeS1tQU9GSHOr9NNI3HVNf6n2Mzs6/+7YSUvJiaTm4",
+          "session_id": "Tf8lBCOdDaffrgKaVo5cY6GHBpUUt9r2Q1DbkkRngvI"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645774.26",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!NvODNaNaQbJWulVEDV:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "LqkBzWLi6AcThnecUFi+F2O36Ie3yoEYmQ255/Q7KHM",
+          "session_id": "NtynOhHxvmjsaZGtX1Excow362GHY9i9/KoYtkBkJPc"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645782.27",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!wcorgnJpnmLLJnrqNT:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "iAb5Z4AlWWzY5vj3bwX45euC7XxX64dLN+PdmGhzXVI",
+          "session_id": "C2P3ByAVrQQCnEvCJj6EWN1wqkMSa0rpoYlSHSi+0ks"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645798.28",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!qzuuzZxqLjsmaxoxeM:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "6OxBF9bU+HH+BHh3PO9N9oeKToACX3LtupUg59ZgdxU",
+          "session_id": "BoT0+SSnOmvnc/UanffFB/Rg/xiOKRMgYcdA9SQWzwg"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645798.29",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!NvODNaNaQbJWulVEDV:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "plb/YHuI4r0OLNkaOrsYjA73s4gR00Ajo4CrW5q31Dg",
+          "session_id": "/NhRAmnXnkhVbkeVCSaYTCXVEIMx6ZGE8I6Xc0/Wwdk"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645812.30",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!NvODNaNaQbJWulVEDV:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "6OxBF9bU+HH+BHh3PO9N9oeKToACX3LtupUg59ZgdxU",
+          "session_id": "aBFuS5qNr3vmcElvOiTuPqoHvEO1ncaYtZaBgwxFnBg"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645813.31",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!NvODNaNaQbJWulVEDV:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "plb/YHuI4r0OLNkaOrsYjA73s4gR00Ajo4CrW5q31Dg",
+          "session_id": "32pq9zHJcxl9aGLCzK5kU+MOXZpW/bmKNGfCLVx/N/g"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645816.32",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!NvODNaNaQbJWulVEDV:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "LqkBzWLi6AcThnecUFi+F2O36Ie3yoEYmQ255/Q7KHM",
+          "session_id": "4RUELmj24bRvB9Ww2m1PRT3TUYx6qzo4mwFzk0XYa5k"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1695903645829.33",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+          "session_id": "H181lyCV4T8uJVoyXWb7O4KASvRud3Xfafqjf6Tgjm0"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703780328568.0",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "IiMDb65O1yXf5NojRUcuFqo46z5HR+9sUo85AvgLzRw",
+          "session_id": "e7QKtyAgtIv/pV8Wj9LW1SNA29HW21BWUCZSM2ya/iw"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703780328880.1",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+          "session_id": "TEte05lfzGZ4bx9kL6DOqKH76pA6WWO092xx2WWgYXc"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703780329058.2",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "u8CrYar8BK7Emb6EepKjzNDkBd9hfzRuHZYFx3/j6Q0",
+          "session_id": "JqADR+P6ZGGDQg+sqyw9s5kxG8TE1oxesbmNO7f1Gmw"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703780329284.3",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "YQu2YF0z3M0fo1BssO3S4R/xKgiab6EpcziBVpSVNk4",
+          "session_id": "s8FBf01QRTaEhcPQOhbl4WYKlSiU7DN9ywq5gf/8v5k"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703780329505.4",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "foEKlDcavq8xzPoyLjERsjuMb6a6hFQ4wMHfain1kzk",
+          "session_id": "OUJAYLRJH3nsa9wpEnLXRXDamIAV/Feb+NvmZp9GfRs"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703780329531.5",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "SKowG52ZsxqztGJts32ulwwQB5+lC0FU2RsPRX0RUj0",
+          "session_id": "h9VjeuxpeB/O1oFMsOpfOSXbJXoBiBrTBaBuoumwhVc"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703780329531.6",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "Ucrw30k/IX2gghuMtS273duDe+64MuD00LfInOGpXBk",
+          "session_id": "CnfXpU+E44bENt8dVpZSI5H31ThKhonnYHnS9vpOdMg"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703780329557.7",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "H5UCVlyu6CQ61RYfV6w+4DxVuTdwWEttQjzouFNyNmw",
+          "session_id": "bq+IrH0Bo2qXi4BQYTJuw9m4BrEpmfFzkGWVtptzVQ4"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703780329708.10",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "foEKlDcavq8xzPoyLjERsjuMb6a6hFQ4wMHfain1kzk",
+          "session_id": "aVoXbvcehG3GPOuvw4oLjpxIUySvYxS5+L5guiaq8eA"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703780329708.9",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!lfeeJrGldjNZsqCPak:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "xw5fcGw+fsi0KmCNa43551+z0a2+1w6L9tbVwOkWui8",
+          "session_id": "iDa+jgbsEzvU4wBu8afvl53bUDXF0S97hiOwwUL1JSs"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703790536229.11",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!lfeeJrGldjNZsqCPak:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "XIHKG94x3Ht82rKysAQTltL41jxqGqiKT+rw4BtYWx4",
+          "session_id": "vYERX3+wYot1J9xVFy4BYFGp1QBLQ2uJSG+GRIZyjDs"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703790536240.12",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!lfeeJrGldjNZsqCPak:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+          "session_id": "Lg+rMEvgRfigyCbj+1H6MkhERU0L08wcxJphsozl9HQ"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703790536240.13",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!lfeeJrGldjNZsqCPak:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+          "session_id": "LC7RXMmBl91nvd/Cq0MuFIXl7exQWngos8XmPLPJuUU"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703790536253.14",
+        "state": 1
+      }
+    },
+    {
+      "value": {
+        "requestBody": {
+          "room_id": "!lfeeJrGldjNZsqCPak:matrix.org",
+          "algorithm": "m.megolm.v1.aes-sha2",
+          "sender_key": "a1S+xfPfFBbrCteVaIDMtsIfU7bpzS7s/lLYFMIR3R4",
+          "session_id": "guI+q47guhEaVl6Jq7jiM/Fpg81Gb3TuRJa2QFEmVYY"
+        },
+        "recipients": [
+          {
+            "userId": "@vdhtest200713:matrix.org",
+            "deviceId": "*"
+          }
+        ],
+        "requestId": "m1703790536261.16",
+        "state": 1
+      }
+    }
+  ],
+  "parked_shared_history": [],
+  "rooms": [
+    {
+      "value": {
+        "algorithm": "m.megolm.v1.aes-sha2"
+      },
+      "key": "!CWLUCoEWXSFyTCOtfL:matrix.org"
+    },
+    {
+      "value": {
+        "algorithm": "m.megolm.v1.aes-sha2"
+      },
+      "key": "!NvODNaNaQbJWulVEDV:matrix.org"
+    },
+    {
+      "value": {
+        "algorithm": "m.megolm.v1.aes-sha2"
+      },
+      "key": "!WXNLpHIsCohXpXsbUk:matrix.org"
+    },
+    {
+      "value": {
+        "algorithm": "m.megolm.v1.aes-sha2"
+      },
+      "key": "!gTsdSPqtENAVbnchjE:matrix.org"
+    },
+    {
+      "value": {
+        "algorithm": "m.megolm.v1.aes-sha2"
+      },
+      "key": "!hDqiQUQdicjAXAOEUQ:matrix.org"
+    },
+    {
+      "value": {
+        "algorithm": "m.megolm.v1.aes-sha2"
+      },
+      "key": "!kOjcnTaPnmhygqFtBD:matrix.org"
+    },
+    {
+      "value": {
+        "algorithm": "m.megolm.v1.aes-sha2",
+        "rotation_period_msgs": 50
+      },
+      "key": "!lfeeJrGldjNZsqCPak:matrix.org"
+    },
+    {
+      "value": {
+        "algorithm": "m.megolm.v1.aes-sha2"
+      },
+      "key": "!pZtgreTWWrwvzJWfvI:matrix.org"
+    },
+    {
+      "value": {
+        "algorithm": "m.megolm.v1.aes-sha2"
+      },
+      "key": "!qzuuzZxqLjsmaxoxeM:matrix.org"
+    },
+    {
+      "value": {
+        "algorithm": "m.megolm.v1.aes-sha2"
+      },
+      "key": "!rqNZhmGvHENVXTtcOn:matrix.org"
+    },
+    {
+      "value": {
+        "algorithm": "m.megolm.v1.aes-sha2"
+      },
+      "key": "!wcorgnJpnmLLJnrqNT:matrix.org"
+    }
+  ],
+  "session_problems": [
+    {
+      "value": {
+        "deviceKey": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+        "type": "no_olm",
+        "fixed": true,
+        "time": 1703693125289
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "IiMDb65O1yXf5NojRUcuFqo46z5HR+9sUo85AvgLzRw",
+        "type": "no_olm",
+        "fixed": false,
+        "time": 1703693125278
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "u8CrYar8BK7Emb6EepKjzNDkBd9hfzRuHZYFx3/j6Q0",
+        "type": "no_olm",
+        "fixed": true,
+        "time": 1703693124981
+      }
+    }
+  ],
+  "sessions": [
+    {
+      "value": {
+        "deviceKey": "+XWeVnwsM53WJKyc9YlK1DthttT9KgQAvUG/zmr0WRE",
+        "sessionId": "8sK87VY+bwmAXifISaX2Xg9RS/WkxXtkVdei/oDgu+s",
+        "session": "98r1axZxZme5C3D1DCEktDym6a5qGGaFqcYMQGfpqZRMGKv8IepZNv3syDU1mJBfoqBDhfGy7Seg/BNkPb+CfiQIsaDwz+RvTSc0v/2cjp0OxP0OlKuh1AjfcVExjo14BgEw4Vir6Pm8Hp0TzxCYeja00Q3W4S6iqhJ6QvYRn3y0XHiQI9o3WY5LkcC+t+zo8/0o2M+rNTsmQKkvFyQVJnGkoOl183JQaPGS5Xliy/jxCtoCRW6KjUh/JYo/8bx6g+2LrrMU3jNZ7Q0vIPP63RRTz3dnjohm05EPzrm/Ny37JTiSblbXtA",
+        "lastReceivedMessageTs": 1703693125384
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "+lMQ7vIiM+Exav1NLfhBuuSIjcI2UBgL1FtEY69FPHw",
+        "sessionId": "TE8dwDqdE6WEYtZOiqqpIgQmYTAR9B7C4HsmoXJgkyk",
+        "session": "h+Kh7Wr1ghx/jJqQfxh2uDav3wzLzRakqTGcGUF4Oxa3kc1pZpaTia6H/hbLXXg5sfT47RGMphX2sFpRcVFQk/QXgDv5z24Di9krPKcDRbHCVu2ZdlgpHYVJOMXcxPYDsdRvE1281SOTCpwamjWr+4oUIGMNzSaEpZvzgGEBChlE3TxDPvmYguJYA9PK12mgyTOwTNwoj4CGvYlcYHzGliXT4p6z/yfxM7hCmTTuOJqDCkRUYMSf/Yc8wOztZ9TdM6Wmy8okC1+eGRGRM0xeW9LXjpvAUeqoJzMCvkaEwmQPo8o3qSevBQ",
+        "lastReceivedMessageTs": 1703763072134
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "1QkuYT/03gzKvMDmKQi5slJvfXECt+ca3/Ue3Cj+Cms",
+        "sessionId": "UXXhR205e3LHfxTF2K4HsX62gDFQU5jZoxFecsWrL1I",
+        "session": "F2tPtegrPKM0c+8Gtw0yyPoQeJn7opKITs/SzFS0QH0uVT8aOTK52/N3p+ATQdWlN2BAsa8MGRXjPPUG+c5s9u/HeZKmpwSiqxgZ9DdbcFYuIy9wiOe4oV68Hu03Yr/vqb9LWPQMTDgSFi2z0u0OMoDCDPB417vztR6fzTE4rwE5HUHgWU1s/7tXcF26nMzeYHuhR8KmpAYgs2/Xt/hcSdsRsyjIVxg4II32gM7XhgYcmQBQewmKasChtmX4V3ihxW6zwib9VwcN+q7XAg01QJyQY4+KSh6YYDSC5j+0on/jhcrpIC4i95i4fFc2Wv5EAVBPB//6TsXsu0s49mkp/H0ZshSeuf/J8Ip9NWI09kl9NM6pNPlalVQQoimFF/FWOovJ8iGQmRpCMmTeJa5CpELZPGXNAPec/eSFqLnSTjyYBFHroaJu9Q",
+        "lastReceivedMessageTs": 1703693124932
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "2QbxGOXsk4Q5R8gTgrTX8OFg+oQr3WbXM9wqVo+6Fzs",
+        "sessionId": "AUx9o1dajsn9aQdnOmQ2ADFv6SDz3L8Yvx1RiCQ5y5M",
+        "session": "S8lTzMeojsGp+XDCc7C/qPIT0iOCxx3+j9PWHhMLHQA4YAwIMEyiE8gBqH+mhhEFFg1gNVu0Ud0My7uCmZFIsTbM0Obu67pBMrTebqG30Sc1vyQqIxh1Vh2OI8FWSdsVw7+204CpZ0FhisHe4hyFLlH1I6IQRNpIzeAC4dLAgb8I0PX6xwT5TX36OzTDVuAsB3OpR9mT3LF1gDZa4U4ZgrTCJiHmA6a8Y3KIdG+y346Sjaw1IHpAqpLjUALCXfYqysE5Coe7cj4LTXp7FneCl6fGXDjSMmWRYkINo2sAYpYRdc+QltTqSQ",
+        "lastReceivedMessageTs": 1703693125360
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "31cIbE9brvZuCKXcCItx55JU+Fva+Bq0ezSIrCFkGgQ",
+        "sessionId": "IUrS8PEsXQJUxLDfp5RRT6/q7VKXCv2eNRaNGYTGVYk",
+        "session": "4EEyLouJphenzGuc1y2grDrjUXelTkySnzjQNlPLkwdR2VRSHhYh+8085fIEDTdEUcokRHK2ICo6H29T1oFP0lMqIMxf7Be/ItyrHPITrYr77MsxhXu7QdP1YgPDM+Bfn74wjWDtIZUN50zo4KOr6jS/DrPfa7UJOAfmrkBUxUEZHKVz9ET5EWhZiB0CJCMh2xiKwAY369JiH1m/ZrH9zVrM33vDd49zixla7EaaEzbu9Pwy83CNoEk7avD0LkbzCiHLeQnCVPMOZcF5nCf0MyoqXPiQEB0tv441HWLCyAyAAQ/zY1u9Ow",
+        "lastReceivedMessageTs": 1703693124927
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "44ztwj0hZV84CSONm6SKLlTPYyt1euwda1wR1BlxSlY",
+        "sessionId": "RpOrsL+92MNAH9j3ac/LL7OUrsNxM5kM4byJY20e9eM",
+        "session": "HcjcZ2de52MUcI/8b0DlP+CuaIGwrhOHs7mgXFrGb1QVV7p/0Je4Sup9CBAgh8egHE+UQ7STHsMRFDGM8uk/s6xLZpPieKa+btA3svOpwB0xubA+5m/ZxFdeefGBtTkVQroi7fcn/qi4OjOONQWWk/qmTKk0HJyrEfOk+VqnLCOEBpGvFQBNGDPs66DEoH4Zl3MDyBFGIJ1Zyy8g50VAsVIbDeoLc1m/z4V75j2zu4ma/3a9zElpwGY/GaPge/QCjZDuL9XHsYaT/ls/QcHXGoKgtDFLIqEUHp3BUFJfviU5paKvhritCQ",
+        "lastReceivedMessageTs": 1703693125398
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "4o7UZbNLHEb6zYyXSJYuEIxilsaAlhEl07j6yzpTQ3M",
+        "sessionId": "o7DzxHjKKpFxomjS1wNVMNUFvBvcjNdJvORxu8prL+g",
+        "session": "ZfzumbBfzSmviZaOPO84vDldwap4YhJ1fxxYYJyN37NKlGeuAulKHpWUF3UVJtMcK9OLiSYxbApgL2kPYc0A+GGtr9BBmT1TwBXnOa433m3NV6rDv8YEREtlg0ifWycp7AB9PhVe/L6uhPincvqk608pCikQpLQmDpadSMODNhPKtcos5VvBVGTnT4Hiq2R7PsazS0Pd9rxSU1NnGUiMxKDn7YsviV9/UmPJz2D0Z2TAVTp43M2NW7BtYT8aHrUVLG3ee98yw+6s31i6XzHjrfeXodtQps5D0LYB+MV1ofKRkeDSJ1FjeA",
+        "lastReceivedMessageTs": 1703764371817
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "63T7anu0SxzQJRFnvmHXuQuSW63plQdt00phE4lT5HM",
+        "sessionId": "jwccLeV5emqQMBLuy5DfmjBSbBcTnAIumIIkOUvSPrs",
+        "session": "c619GTuOZW3yRDgCFAX3SR/QRrp13Uzk752BCjFgF342nAoJ0zdd6tE9+Xn6XjCeRrgzXJQnXtjoWw5b6p0ttFrFq04W0z4H3ikOHSyQSoM3JDgIIRQhuMtMdM2auQsajozBJv17j82npClAVhwwgMuHy/xs87A/qiRUj3ZZKxZQIjUEhvVhzkxT99U/UTESj6spBp2iNIzrO8pFM1U0zjr3wnPLcHW+/7A2fbJ9aNfF/KH/nuqsw9rypAa2awh0KDNNnIdQEhSUKaLml598ItGNq666z4fAS5bzaWqsgZyV6H0v/YFL2w",
+        "lastReceivedMessageTs": 1695935986094
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "76YwqK0pg4oc9XnCnyVeHV9YVJ6GmQNHwWoGWb/4Uxk",
+        "sessionId": "UIavm73Jemh5K1fFe04ID3Y3wpCFW7qQsu5OaP+/9pg",
+        "session": "0EZeK3OpdrDLzsw8NWbh4ZuG/0g1H56VMqt+ve2C/AHj5ZZzV2doZpl7IvUDo3dijN7FbdsZnGZS8ulSbxVZoNTeCsn+wckR7v7jg2Jvqx1SCeBTVGYc3rO/memGgaPjbg5tNsRJ1+IQK5cINhJqHPnolMQHOku9LYU0teu4Ary5La2LkcCpmPLg7kpAxVM33Q3575rCjhnKoFp9ejgRDslTPM4nPRztnnTGaltmxYFxvXZhaSVNyZ7jjaI/6CswzBwI83r2CJy0Aa9J556LEfePR3ppfFq32gea63uNbK0ntUCJl57QJA",
+        "lastReceivedMessageTs": 1703693125389
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "9xgsy/1PrB+CMNlasGbm8TdcQdfeIZ3Aqt1M5u9uFj4",
+        "sessionId": "SBOpfw4xX592qiRRC87rM4cFmL6igiS97Bb4vKXbF7s",
+        "session": "Drm7c0xZHlI8EMZrgy+SXhDInpYZQ5b1J59SUbWDl60ytV10IwMBBKe6fc8TkVnkx80AUCA6Eeej3hnl5jROOXQU5nmx5QDOVsytzSEG8aGo/j47zDeyM8mXKoXdHdlJeiDLWGDUzrog2aDFVDrUmgnHoCRV+a0lzy9xH/ce/RjmRsTOhoWCDl9UDa0OrkMRQe853P/iCKoDyoiPgaUeD18tD5T6hJd9TRkzYbao5QUM05a+H2oqlpM7W6glM7G+2kc3FClf/sZXEY9W/eFgO6eiSXQQbBZTnGbNWm6iG4fx5mWHy34TsVq6kyDRoSSiLkv6mcz324JAVRg+OU++pL8po8vhZH6BenvMSzbN4BNh/qhio298RE/9kvjCkoQ5lAlmJkThfYI",
+        "lastReceivedMessageTs": 1703842342024
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "BRje0HJXy/o6LLFW6ZxgSJYnOOZLgXsxMoa9+rh9wDI",
+        "sessionId": "eMH7SXJ4jB1qASFiGey/pfNNobjKRdacTJzOLRntSi4",
+        "session": "pyxnt5pqDmYqtdSXCtWGpEVW2wjQf8pxN+uHcfokYxjiTqtSsFC4msyankAWk+FD0ndIQsba0paLvd30bmu+ee7ag/22j8H3YrcWPpQRtqwgtDESF8APQqLb0YWwkVwCw637GVniiGJEqnvoVtk7uGrw8k0MOgQqba7XVN+VhH93IhdKgbUvzVYIUMeIGPMQNZpq4a5CUJqVsz27hqhtqOw2j5nYLa660d2aVnUGudDsmeDtKBj/wN2/rBkddQQOuVVDz2lrkdGShPk3hUE47Lyo5JfAfFA+8jVW2/gm2gQE9JXZyAYu4Q",
+        "lastReceivedMessageTs": 1703693124940
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "ICXPtcBcycUazdhM0BM7VmcbInN9Te7dashv8id5nVI",
+        "sessionId": "Hi3rhcksCQOiexN7wM0uBpYnSc10XSLk+IJu0k29Phc",
+        "session": "4aWktRXVNm/z3GNjOUtN+goIG8RSuJZ2xSmwc4mDXsMuAIVU8jJy1Di2PmRcwxJDxhDmrZB6Y/WT8TWQr6rqZWnOhJrbtb2SqdlnSmM9pSb0Ss90jLkS/Qg2vVdwBDnemtQSRTiVUB10hKLG3/mmUE3CNiuoLY975ceNkb5DgQ534hFm0sBslzJ+0azyq9fpmcv3ZZzBEonvG4kMhSwg+NBaymyQxs03V12V6VaCsJi/3drS2A5PC+4moPPAzLUI9AY+qdcKPJWWR79A43ar5TdRPebpdRbKxxyW2J9uYtp0avvg0E3QPw",
+        "lastReceivedMessageTs": 1703693125365
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "K6pUAb6OgssyGzLqYcZQlskIxdwNTZu0xkb1lp2ysQA",
+        "sessionId": "Pb61qNOx11Qtk6BzcnIC6FR9kdwrJ7uGcJ4d4XuGrLw",
+        "session": "9FurFRPa2iCORpm7j/ZFHlZID4Gfj5C8jwkARvXuihx0AKT0yPcP5UKk40MBq5LjLkuk2GBKMHGqy3+2+msiGw5ZiuaEICb4KoHaC5eBMLAAfXAFBMaGuFLaNJpA1P1k1J2C1dKLcmHpM1r/T14B+sMMo5Qxi/A06YwYi9prEglgUSuqNT8Ch53+s/liODX5ZHPFVMKBBBQLTwMv0SBiNiABTVuH04KV5l0ubuROrrA2dERZt+6hm5Zn1CWGWuk3u7whs4YEmhZDA/LKolniLWWhhDNvcFLhluluMDLqRm5L4DTIJ5Eq3w",
+        "lastReceivedMessageTs": 1695935949222
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "Kb+P4tSZMhmd9Ms7N0aKSBWvRvBQrEuoYmpsFsEkjRM",
+        "sessionId": "7jiGW2hTPlYxx2ODUxJIrW5s0L5vBdOR1kaP1iJIExs",
+        "session": "oAmUvYpSxYfxu9BzRM1tEzGiQ4R5s2rgyvakrQKx2gS+nKftjlqar4fjtYy/11UC99RK98MRUQ3VUuztdx8lOcF2jlqt6cH30mYLf5yVluH9f8G8IuKisaumJMWof/DKJ9AT9kgVqNxu5BTEa7Bn2RvqsurBOCx4jwQjhpePkytoAyjxBD26EERcxfr8uXFpaGOI096klyPKFaxF32/zwB3VBwpnGYY/J2mMa/Z1Z9uxjzw0doqrnKeFDaIgz3kEqJela5ucbvw9F1QSZVxmEYtKBt5jmtY0o+LYyP7pd1ZBuqfk4dEtsw",
+        "lastReceivedMessageTs": 1703693125334
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "KgTYJ86haurjTf1uKseV+HIxQBJvbyyrS1BMUv6dpyU",
+        "sessionId": "SrCZCTfKDt3+VomCfz5DnEMvoQffWC8v9htDkh/sCIY",
+        "session": "LPUT4BEI+wn9pvZOck3qjVyqpLcoqvc6D8HQ/8NLKFNExzkRXELsSt87tLtxjgg1WwUoOlD4EUNx+JkN/pZrQNCAFW9HfHgmtGzIX73qdAkV0IV3UvZ3UsY8/qDKTCNBQkYVt9QK6g4kIw3mWi0FAU25aJEYla4FG/BTc8CuuQtHNZ/zLKsJ79n/ptp4lTn0SDPBtKAdB98c4M84d5lxWCkHos/JSW8TXncASfQaldM+mMATvzaKpursETb9gzEJQBsRNTK4AqY/0gy34bMzuzW9S7guw/GR4tdDg/L0JfMOLs8TFssJR8lgPqJ3lAmbUZiqXvAoL5jw99dJzJsKINhVHrrVDgRqoA6d3vcgu5fREQj4jHaGe4E+tItc61AYWXtuIVOM2boUWGYkJMVI+cD2W3nj7ax6GCBlscnZ84HLX5J3Yg8afA",
+        "lastReceivedMessageTs": 1703693124890
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "Ks7CRbiszRE6r1qParXb921kuyb7rXgsofAzdERquzU",
+        "sessionId": "+2LnCHZ5HwyIzA4dZdUsRnhtus+4NUJT2aSsq7setNU",
+        "session": "86c1Ax7Pm/DqyhpRdTC2ldVRDLTg5Y7PVeMrV26P3AGi1i9lmDs27BHBD/AUR19dK+ZDstTjPPCC/PZGFpPdYCg7FRmmSkSYprWiU/HQDDb5Qyn6j0Y1PFPVXP0uJ3ZDpZmECw1B25VB+tZGw21lgIwoGOl10yt/vWEO+IkoSZX6WcKo2xwkHLBZZIwVhxtWXpQtiXiHeGDeNkzUrlFIC11q1iPHbZm7kBrqdysTedE/0JTgK7L4j/Lzl+AS52cnyxjEYxTmNpedDdxTPy/qOnEwEnMRET46ZoSX27GwrMu9QzWdnrwS9g",
+        "lastReceivedMessageTs": 1703693124917
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "P+hMAaz3lio3uS4rv/7TfA+DPUVgxzkwoEz9Z9Ojzj4",
+        "sessionId": "ODZVoYifRxMNr5rwKJEyXYfAxmnal/jGhwI4gO+bkus",
+        "session": "DORdJ6t4CWWNajsx+IYaZjFexA6VRX2w0tbxkoYFUXDqiliN51NHMoes1WL/yVZr73hpJNnCAFlXNuStJnXMVOHGgswCizc7OcAiNloMRNa2Hj4Sx+VzcFWqUZjlVdB+0yN4s5+TJqVOpCZ+OELOLVcugw1tfV+o6RhxZFVuCe74kdbjDnA9VgZWiyNoxy5D/R+VBjWrrqs7/62UMDoHEUF7ez8+AcZiDRYTYjxXfUZf+5AMmjtyqldij/BooH7BEkIKOVXofC3pVl3N1vsdWf1BmPR5OvYn167vpBe6/bXEz2Zraz9cqg",
+        "lastReceivedMessageTs": 1703693125387
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "Pi9DRxi10cl7wyDpOJ03iYhpDuH828/O8yrYErbPW14",
+        "sessionId": "atEU4Y2ePZb5iMTtGmXEm/q1COulHqi4QYYcegBbnFE",
+        "session": "HO+ROpgYP+7WBepZNSQeVLbALm1q9z5WbnE8VBaN7QBH3VOdCAhBjLRBXHFTt0jjTb2KOXpzAdAlmUqV7YkxXtOZ2KplEXXJiumG9YjIV5HUJMaUpUv1SdgOGXQhRwDIuAgZAXVH1cxfeqq5zSVAmaEy9TCUluF4doblFRLp4FzmMkl90LFRPjfLN7IXyOPu7pLfz4O1SoulvLVPEpMIExObz6mo1IRUVDWXB2pGh+q7FWtp4ZgDn0QwiSwqDopuVTMbthk30+Mp/rq2L1YAXAARsKwp1vdWqOb5okjAdtGRydeAv4tZlQ",
+        "lastReceivedMessageTs": 1703693124933
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "Pog36kjaHKsGaXJP4IRSCOGco1WHId4xBLKUqzVMVi8",
+        "sessionId": "fFHxCNqb9lONeEEfIeIxQnYfz/VEtlaulYIFWmcpRNw",
+        "session": "hyaNhdDgI2Cedgb3LTfEHPO2d4rYqaP6xhFIbsF3upE08vCWNL/TEcf0bSuvPfjnDRU0qLAQP1qv+MFvyTDhPGY5StbuicKYl1vusWk3cvBdUApvNtLQZmyansVlqgLKTw2OzPtJRAzGLcf3xQ+lTtjk988zHtTB/X1Q6Nd89mtrDMMT/LkWfX+AKhKhcMagmYSlYkx8H9FRPv9Ugk88P+xwn3LiVnBOTxUMMs+2xMs/y0DSlgpfgAMB/ZkySogQTJO9GwMuSSpaI3G6wrKj5KGTYB68Q2pSM5lNeny4sK2/G5I1PWDI4Q",
+        "lastReceivedMessageTs": 1703693125401
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "RhqbMrR2qmjyDPGh42dsZCenEHZXQdGjeHZXO8kHc1E",
+        "sessionId": "Ej2wXNX4y4aDE2f747ZczinETzvB96LwQ7BU1Bc6BtE",
+        "session": "Rg+wrijukNBdLIPb3+z2mrKq8sNGVkBjlAs4ueddMD97K//nTo4PTghpDqFadV5n35xF1OZlxqc6qTWDzKJFfiWJpXgDgdgJXm1OkJeBBibt9wCs8eYsppSH8nUPkH0x50uNwbkDXJ84Mtx5a4LqvjxjcdVSN6MC3CyTq7OdT3VXHHfGs97P41DmDFWSaLQ065XXpVtewGE521w7MPIFKk7txj6w7jdGXPF22bqi4dPVa1/p/up4GwEqYdDphMLSqQd15gcKZl7/7iaiPPpwN1pUKNVUCkVFJ/vPIicP4Z27aB2HH6qutg",
+        "lastReceivedMessageTs": 1703693124847
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "SKowG52ZsxqztGJts32ulwwQB5+lC0FU2RsPRX0RUj0",
+        "sessionId": "D9gS+qJBPSpMFaxDsP4AapVTB5JNeymghYP2XyhP/+I",
+        "session": "URQakcmMc1kX5yWCwHTnv/GAP95ApqtWDzR0R7gveRAnsiE47ACjpWdTCStkib0X8LxtpU4G5XmV0Ebw18ATR6Pi5jvHbUvrYZU3hdtUsJAnW23x8ETJHsOe0f+IS70eiIgmJGkRo1pwz8e14rfJbMkT8eMkpegcsvV+fZokw6wfYO4/a5YVgsbkEK5H56xAgmqK/WbMEdGV6WrcbXEBQubEWu29Pe2GweQl9EZ0SYpLLf1EN9redlcFZ54qasv54dBPLrSSQUtrOV8zX6POLumtN626Nq2cVc3lrvrIXTf6B7H8EdwGkw",
+        "lastReceivedMessageTs": 1703693124898
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "WAkJI6B+oYDZmhCOdiQAH2xUOJZFesDuNskPRt+ZHnY",
+        "sessionId": "tJY2W7ueaoYtzI+JK6EirzVfDryOMDhjB6anLPy3NAk",
+        "session": "TTkyJC48ZFahtZUcGyC7zSlrRUQDYvvXlDinor+DoorO92ncD6y3VqtPJzFy74iTdWxmFtOwSPffDhOW52cR3j/jPok93BTviX1k3HaSQKinO01csGeVOS9dy2ZB3VDWpCpumpmpFwqs6+RL7MUcQ2LcxKk4X0jwzjEAewlVUWoiiIvx38AOewYY3hlNhd2f+0NasRZR5UFf5LHIeL6fyWEUxV1Fhq8Wow2TsAZUG1wghtvLJT+OWdzha40nXX7LJN5WGGzhrh9f0/10ekwe+V3rrUhjMtfHG+8ybEjyuOCbhGdnsQr/TA",
+        "lastReceivedMessageTs": 1703693125391
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "WrX63a2ye7tfBJv0Flq9DU2RA18L5G9S2pdHPi4FLEE",
+        "sessionId": "PgYkNaqLxVUaXEu/63HO9HtnjboU+/KObvIkMo5xFyY",
+        "session": "xHfAzSMAukQzdjA4geSyUmw0cyKOS/aAjzRM+bv8MD2FlkTcqqeC4p9JZsJ9FfXsT2i4q5ZPijngqJHKja5BoK8ZNCYKTAj7g++OkOqxCXVX7UxmR7Y8SzT1yH3leVL92ogJbGftpEUS79znKLZ4oQBe5svCNuGaVLCKaNNP8HCqEVZEhXslIm4DGBddUU9I+NkONFS/DhaoFYUS5io1mp56Tn8usOTzmnr49Ca8dKp3fxNUcrR5RFTHFIa+PGQwutey9mXm1EBPN6shaYWm4UySAPy1tcxC8N3xn+WJxkdxocwXfaM/kw",
+        "lastReceivedMessageTs": 1703693125396
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "Yv8Lmx8CfXr43oNX1Z37gf0GiCLG6nqEC/5jgzQP42g",
+        "sessionId": "Q/pY+HPsJez4cnLTHyzmB4J/yUjeAcLUGT8cgPG4w9Q",
+        "session": "4u1QY6Nl6SnapO367wSEK/qOXbg6dMVMtjKX4bGUqNJMM+EOG8nMrcSJkRNrUzxIS0xtVWxLCd7p1qpjwHTIPmVLIMbMNOBsX5GSXECklVR5ItWQ74dgAd2wgPoUwTVVx4SGQJ7YQh8GBIW/AfX+g09RTLBPB6QBmkPeTHOMtIXNlrWwsVO8ES4H69qIVmJjK2LolQbnPJBcFFj1GUo6xez3TrA7c2MJuFPkPgb4F7HDA+lXw2WlEzTbfMyh/VpxUTDMBlYbUmkTHhm2toPXpHMYDthX6k61Q9AiKjiw+drKLzeC5RNL2w",
+        "lastReceivedMessageTs": 1703693125394
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "ZRlsz11oBqYFpA5jMC9BppOBaUzI6/AqSbNInFEcyBE",
+        "sessionId": "yPADrq9Ykd9oR60uYubmWUIjhjm/dGikYeM6y1UrMvw",
+        "session": "qG76i5GUIDLan8wYlFqwTuNjRlKkor7FK1tCP7wyk4qYEn7wcM7n7IlNCXDW94tS2v41zBGQAaJI/rABwUi+o+XkQGfajQU7Rgt/fW7+cEHELyyZXUT9JFF4zWtsuKBik/DoGL1fgLOeQFhQaKQgJzZC9VjALtoYXD/v6qJaGjRmTQmm4ZL+m/bUixFNMBHTqtKtTMUhDX8Z+tBTW8C8Q0U9xFxzHRMAVJ+VsoEOQ3lKWuXymP0bgrvJVI7+ogky5oQbV1Qcavgz/PH1qEDYtAbzdnDZHFFAAEORfC9qlgW7b8LCvNnX4w",
+        "lastReceivedMessageTs": 1703693125326
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "b8g1RzK+ilI8h7N2amMpbWZfJj3OW6Jzxo3xojCTsVE",
+        "sessionId": "QMxkK4rHSiflv+qv3QTXQTX8L3FAD9v5hLlFQrNEuVM",
+        "session": "e8lzvmrajeWqzDl9sff+moONb8amnen5boz4vu73rmTOTMeVu+UcSylAbke8qJ+npcG2BXiBmZ5etrnM1owaq3KapMaSqNaPHCLPWQaUk+ax0H2rf0i0OO9Ph6YVqu4HX0PlPyzaJlOHzd2gyTu3pNjDuGaa25JJO6CZ1a+dv+doBxF3TAfEtbdjJz1ch7kpQtOvdVoMTiIoSHxQURwEOiyZ8LfUdrBRxGs9/6LQji/RNaeGL6GQMUevQnzrVSkOCt6yJTxcgqEnF059YBF7N3rFcqOrVfe2zMZelepwKYOPa5pTgkMGhA",
+        "lastReceivedMessageTs": 1703693125399
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "dl4ygF4NbLpDkVOZZBGYz1Bwj7JHk7GVatDT7qavo0s",
+        "sessionId": "JyX98mlARYKgZXtVV9wOGk+8N8okvON1l80gUICnrsk",
+        "session": "YaZm5VUqyURFUlTSWfUTVB85ldx1IXR+/xIXraa6PIgGeUsR2JM0HAn1hBlQYmjngmDG1sfwLIoj400cKyy5MxDbuglkpev8I/mv7XfOekGQyAbxfBYBP5iCto7jv2clYFPPStH8jKal5S1tZ8bDNYVAqjMHE2M8jDiIIpe/wp0KaVvhWHfxttofRiU8E2cPTIrhhd2VkXD57TJr6beiKJvKOhKLBkajFgu3n3fYixO4sJEazoo35YBaIOU/PuNxKDMAigQSi5wg6avefI44tBvzsBYwrsfaOv8bIXhIR67UV94N4yZgaQ",
+        "lastReceivedMessageTs": 1703721420811
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "eMBHGCpDlTlosCIb0g/BZf/WzXjIlQQO+NuWgjTOh3I",
+        "sessionId": "zJrY7kkDe4TCZwhSmtViMznU+FAeX3gw9Q8q+mgBn3U",
+        "session": "cXt8EVLU0N9XaI465c0RUShI2HPdrE2ehleXuGKySSkXc3IMqPZ/UFw+ow7/eCfb/C9yzywI4NtO4ovtfcqn1m9M12dJnqRLNCVcXKu6ys7gXomDkVwa0OhS7Bb283AL9wiu8nLvozS0tT3s/alodel1jsaPo2Y1Uj1xlKkrCoGCQcTQfMLVJo65ljQvi9XdwP5P7eBQq9wl/DMHj1bx9NEfZe0nZDxp1a1fay2Z1cd5sSqmSoqxhxfYNnn/hrwx3R9GAaTlWpJkIxElq+noH/RI8HcLoUSrQyaxc9IGuyyATVZNZMEVng",
+        "lastReceivedMessageTs": 1703693124894
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "foEKlDcavq8xzPoyLjERsjuMb6a6hFQ4wMHfain1kzk",
+        "sessionId": "BuZ5wSD6NZQ4SLmATeQnaoX+Xv5MrtYwk4PyZPK4Sz4",
+        "session": "JTLjo+nSakUIjLphO2LNUHGCynDDMS/Jj5O9uKKsOOIfojmQRLIDoXIhhQDknykqw7SEOUxJFMvHI0oqS3F/Xo6XokJELoClgirfNuTZt+mEGBPT18iwFkkqGxSJJ1KaDu5G42FxQz3cxfutXz5xYSK+eEqjnIum2LbvP2GZOQChCAxEdzD8Z3E0ePXr24DmRIu4VuuiRVgcsI+J3WuWWZHXAOtA9/q2aXKwPfeAZk3TTuwV0lqyjC8AMH67BDR/saPtQZ3hEsmq/3MjdFB/XVPz07xVLznLi/quE0cfcmWNlQr5rwCsVK4mCxgeIjMw6haiIn6wq23OscKDgrWN7JpDU9wbirzYELj3b2QQPtPIqtihhhpKDimMxJP8mLm2XlFcWoJSoUtxYVe0TmnbACOzMqaaAkFuMr7Y+76QOf45kyZN9xwKLItVfFpWiDj5Xf9MuYHiI+4KZl6otyFbUOZxU1rf//2V",
+        "lastReceivedMessageTs": 1703693124916
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "m4ulJfgaESE1XQOQ5qqQ2ks/qoGWh/3JK4Z06EsD9lg",
+        "sessionId": "NaTVUfCYiUtxfgcQQAIx21rmjwFmrql+owAN2WwLuQU",
+        "session": "vg663UTIFCSjdF8z/hEc3rc14B4ZLVhsBtbVDAkCBoTCtYQoOmexWC+qbwBhrplzJtloP+95YYdkUdEtyZabArJKXlLFCiVZbV+QTX8++ys2twfkBi8B/d8namnArqEO3cYAIiDqtrdmy1uV5JQ8LS978oValmYH4e4JJI5W0s6Jg+obdO+zwsU4koTo2POmS28j87y862QLg3bf9kZhcaAv98u6zHB0EBvTaprJc/i7S1bFoz432zWjRUI865gPAizF551kyq92WrTiJunPXKBqLuo781eC9MM9uQq6eVHZG9/foKi/LA",
+        "lastReceivedMessageTs": 1703693125378
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "r5ri9JjKE7uoPUgs6aCRbiiQ7uzyyV6Eeo7P8FIMGQs",
+        "sessionId": "45sB+Cc2TGGzKB7KJZUQqmrWsutj/DukMPpSe6xGFsg",
+        "session": "Y4J/bb9WQ469U54dhxQau/ph4wiHJF4dwLcUQ9TML040RAaevcGoS5z9DwmH5hVSNvVZBeOGD/ifVTkyvuN0BHRRV2+CcVh259bJN8EYP+vxQWECB1oRD6vhPpcjpPTGRTrt15Pc4gZxdXbH1gaJCcOhPP7xxjqdSxX01xcmjXDZVpcivWhkTm26YMmc7Ee/hAMcHxvd5Sf6UEBGrXMf2u3zkoudVIqXTHRl7iAyKW948Aej1rbxkZ/eQvxVttaa6TgEjq0NG8FmceSC43b02So5QiS1qv80P+g4G5shb5AXQYOvrhfcqA",
+        "lastReceivedMessageTs": 1703693125404
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "s1leivvtR6D90cds8MgPTJArAXptnqER6cj41OjClwY",
+        "sessionId": "uHTg/GQH/qTy9YYmzEcoC8qGYsTxfQX+59m0cDsFQ6w",
+        "session": "ijeVVh4vyto5hXXPNcqwSQqh2+Oq9QBeSOTnncAji2nAAix/ihbky/iXw8Mjnm1mFKeWz53lP9gwDVKnZsGbzxcjsaZ0b8J4BaKpMLoJb/kEFA1KkNHng+MtLkgCpDerD7YpsNvan6nramTbvUSCNtdJlu0/hjOC0d3mGDpiVuSs5les9n5xyUhdy7cV8zZbVwCUaGZtgcj79QuIIpHfUsPXN/1TVcddBl9C2p8Srd7Y6bqz7HIZowdISaDDLqUsm1Wm1rx3cpq/3fKcY6EWiQlCTr+IYapogOb5jBX6dw5viGIOZff4wA",
+        "lastReceivedMessageTs": 1703693125383
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "tkLjPNLl+EIITRNBqxMb3HkQCUwmsb1qhXXoxt0o+Bs",
+        "sessionId": "E3dAmLgD3/dDPTDMtPBWcDsCmExbHb/h3pZW5B7NsT4",
+        "session": "glL6OFN3Q7F3KlWO+klzoKEN0bWUVIIjrUaTJ3UwHQFku7MmDIeJGYP9yfoKotiukm6QhmXqrqmlc+PVH+oNP5zEMi/z796wDO4m2HXV2ZHHZhSdEaSQYld2tFhvlT/EwovX6lhdGzn9kz+CXzHjlUOwQ9e1XovzbnZK4PiJbYw39eXpaeCUU3TqxFaQO7h56a3F3Hz1urg/Qib5k39+Gtaj2IUH4MWqt800I9tknLUNRw0qLVJbi+mWcq0YTwSk0NSetF5A1bgNuja5tOY8JPdhvfkb5l+Udfb/91VtTjRUEfihzbkgLw",
+        "lastReceivedMessageTs": 1703693125395
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "u8CrYar8BK7Emb6EepKjzNDkBd9hfzRuHZYFx3/j6Q0",
+        "sessionId": "TDlQcXGlcW3FCTLqy3dASIa5cvaRw/UmfwacOLhGlzc",
+        "session": "dTwoIn4dzD1hPfqaMr0qefkkgOcWPsTgqF9b0J6uhE8Z1kepRg6UUh4F9Fg8MCRLo24L1oWlHfvhzzBBzNfwht9AAxg1EJ6gQ9OsTQ4VomrJvJ8dweZ3CLuFW210N/sSIHG2p3HuQsKeiP2atIAGkFowqsYu89xHSr/tJt9RWCfhbRLblg0FB2f9e8UbWGfQnsDjRBbZCfQbxyW6XoMpyDAU8Vz0wy6b1CmGB/BqMUCPE4fCeY3lihv5A3vxXpn4266EE2DWZdQHWfEbX3HsFEssq3NbIFZMA6M/cNwkSSwRnBz2ZL6At19um91X96/16IS4FXqZPod7UXyf9upR3rCmjPcCj3WfNzrt7Gj7yAz2XMFcuvULfaPKo9Hy0YHG9BjWb5UwO1HF9zVNdG3nJVRLroP1UjjgD5yfCT8ZVjjFag0XhGSucg",
+        "lastReceivedMessageTs": 1703693124909
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "wjb2fm75UoN0MGD3Uw7SUMU5EjnYzY8XL1ZGrjqECxQ",
+        "sessionId": "GhzvTFQyN34zU8XN2vcoPKvwiM5Z4oCE29iv2PrMHSY",
+        "session": "a56nzF50cLL+OhFxTAkgU1vEpZDibOIMawxq7Jop54H+q/q/6AdpnGKPrO4aRDu3qTZilCF5dg3UGKjFp+2zXb+brrU6jNwlpfy5bnW1CC11JOHHqP1Wm/57GWHTDIeVUjcSifQHCIvcp21btOGRiszHprR0SsnkUfAJHHbM0sduZR3eCx89ilFtK/rWxPVm+w3H+Sl/o1wKnxoHmQkcr6JAXML8FdYp3Uk4O2oY8JkrVBnn7mwKNXJ/0KzKrWGXibHOwVnkFgAT3nowTkP+oo7t6DsPgt/3wtDmhD/qQANCJaZ0M2HCBA",
+        "lastReceivedMessageTs": 1703693125381
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "xw5fcGw+fsi0KmCNa43551+z0a2+1w6L9tbVwOkWui8",
+        "sessionId": "ZPQfyO51o8BJ8DBhNtJnoDZXTX5yCrt+Z0GizCRyYcY",
+        "session": "uOrohIpjvUKa2BWD10hsU2PT48j29XMP+AUNDXw/Lw3wmtYUEZxxZ0b8r1LBUaYud5WleKPYyUpiFrsxEs1RYQgVuLd3MtzsCsQyj+obx6x3YNvMsMavHMeegqGTWO4/dNa8XUFzh2QpMb6MyMN9y8DT2q4dL/GGPiWtueXJj9Q+GvcX9j1MYfBfgODQeJyJ+XsFy2JoMZ1crOOpWQvD5ekHS4t+u1NeRl8aZgOG0+QmYGxxp/NB3AxJNfKkhlj47Gh8omBfArGfI5eF8V33pzW0H0MvehZ2MoiHX/Huw1S29+J3YEe/PQ",
+        "lastReceivedMessageTs": 1703693124896
+      }
+    },
+    {
+      "value": {
+        "deviceKey": "yUwl8YCTPL7kEb58FQRAVf19I2wAVt2o2Ftg/VOG2m4",
+        "sessionId": "VSSLTgca5TYSxpTUoMLHx5GKdt2joiy4WbKlFbfa2j0",
+        "session": "X9nICG2kPYydWRUs9fpnMW93R6SSu5DpoOIn3NElxHAJUptQjFKz3suvhVrL4OyNDgCj7UxC76RRpCqeJtNUIaYPArTAhVqXhE0D+lHn7O7YfNzqzCPVeLFRMPre/zqG5PnA04cLMzaFlyD4IMIMYhA+LZKQi+dWl4h4oBfxxgQ8uQefXpvakKMq0Wx0IyzXVv4eBDG9wH1dRzPAOZgubquG8lMpCBkZmf5175mAi407nteWMt4mhzcQDEe1HgLaYXS3dC29VyJQPxR47b38r3qf5Sfiv/SVYCXM52Fg9PE6PfYBGx0zdw",
+        "lastReceivedMessageTs": 1703693124903
+      }
+    }
+  ],
+  "sessions_needing_backup": [],
+  "shared_history_inbound_group_sessions": [
+    {
+      "value": {
+        "roomId": "!CWLUCoEWXSFyTCOtfL:matrix.org",
+        "sessions": [
+          [
+            "yUwl8YCTPL7kEb58FQRAVf19I2wAVt2o2Ftg/VOG2m4",
+            "hF5Lv4Ag15/+PDvRa8DKRucRM0I06kWZ0zOlUjqs2KE"
+          ],
+          [
+            "u8CrYar8BK7Emb6EepKjzNDkBd9hfzRuHZYFx3/j6Q0",
+            "uYucqRCzvkptky+GdqPRqPFQq8tVvOQhYQ7hpgvcLuw"
+          ],
+          [
+            "31cIbE9brvZuCKXcCItx55JU+Fva+Bq0ezSIrCFkGgQ",
+            "cMdqJC0pehitCVEE0j+MXV9RU9WWi5cM728bdBM/Q4U"
+          ],
+          [
+            "ICXPtcBcycUazdhM0BM7VmcbInN9Te7dashv8id5nVI",
+            "KR+RdxNLI7QqSX9xANiaoOVe7KTHvCKS6mWOCk/FMPs"
+          ],
+          [
+            "foEKlDcavq8xzPoyLjERsjuMb6a6hFQ4wMHfain1kzk",
+            "WQyMCNTIFO9X3gmbTYTsjGwDzTAcLtFQqdv2t0nZTgU"
+          ],
+          [
+            "foEKlDcavq8xzPoyLjERsjuMb6a6hFQ4wMHfain1kzk",
+            "KKY/ByTbXoGeSXZaIEbrYbT/5BTdza02i1zy5ToYA2w"
+          ],
+          [
+            "foEKlDcavq8xzPoyLjERsjuMb6a6hFQ4wMHfain1kzk",
+            "hRI86U6AAtInzovrA/icjFkvMVxR4j5K9W26twB20MY"
+          ],
+          [
+            "tkLjPNLl+EIITRNBqxMb3HkQCUwmsb1qhXXoxt0o+Bs",
+            "kg61q8b9FXWVCkKNlloGydzX0z4UukiiaitMw87guok"
+          ],
+          [
+            "tkLjPNLl+EIITRNBqxMb3HkQCUwmsb1qhXXoxt0o+Bs",
+            "l6KvDCrknpGY2cZNOxoiA7u6xRBHdf7TfctasaNObnU"
+          ],
+          [
+            "tkLjPNLl+EIITRNBqxMb3HkQCUwmsb1qhXXoxt0o+Bs",
+            "fUZiYlANfUexd5sJ/2W2H4Ki6H6B5uC9qu4nhBtcvdM"
+          ],
+          [
+            "tkLjPNLl+EIITRNBqxMb3HkQCUwmsb1qhXXoxt0o+Bs",
+            "SRZvhQMLmQ7Ol0GnEZZZeFxxwnBh4xdKTgnKU7P8X1E"
+          ],
+          [
+            "eMBHGCpDlTlosCIb0g/BZf/WzXjIlQQO+NuWgjTOh3I",
+            "mZQxzXwBl7854eWnPYZe3C3j581XCVMvO6RmFDx51Go"
+          ],
+          [
+            "+lMQ7vIiM+Exav1NLfhBuuSIjcI2UBgL1FtEY69FPHw",
+            "sxbBTS0E4jlv6V7S//BDFBIZJE5sRod9l6/hHhZO++w"
+          ],
+          [
+            "tkLjPNLl+EIITRNBqxMb3HkQCUwmsb1qhXXoxt0o+Bs",
+            "QcQ+0QZiq0HlllazlEudzMEF/Cl2aBlIGpqgiLm0CiA"
+          ],
+          [
+            "tkLjPNLl+EIITRNBqxMb3HkQCUwmsb1qhXXoxt0o+Bs",
+            "dr5vZIuTMSrzA8jvfoQo6RQaQtNj2x509f63KFVyySs"
+          ],
+          [
+            "ICXPtcBcycUazdhM0BM7VmcbInN9Te7dashv8id5nVI",
+            "FaUOxIUhj9BLw7GgJxAShVnKxS6/V7kmty1APIhKPrw"
+          ],
+          [
+            "s1leivvtR6D90cds8MgPTJArAXptnqER6cj41OjClwY",
+            "ep3My5F8VWivPx1eA+MGfBXeRFq2Ryw1BnaXPBm8ln0"
+          ],
+          [
+            "s1leivvtR6D90cds8MgPTJArAXptnqER6cj41OjClwY",
+            "XOYD9nN6eEuh6rwBLHJGhlKr3j8GZPUSVr0Roo3eFXI"
+          ],
+          [
+            "wjb2fm75UoN0MGD3Uw7SUMU5EjnYzY8XL1ZGrjqECxQ",
+            "Lg1i5AEOuyY5tY8OLvn2HMCUOBM9W/NNjftpw5Sw7g4"
+          ],
+          [
+            "wjb2fm75UoN0MGD3Uw7SUMU5EjnYzY8XL1ZGrjqECxQ",
+            "rs1GlF3Mb5BGdo2ptP+tP9rOZNuHxmFQt077CUsUaHk"
+          ],
+          [
+            "+XWeVnwsM53WJKyc9YlK1DthttT9KgQAvUG/zmr0WRE",
+            "q9pR1wJGS4UlelrAZhNXUcTlS5Qwgnf9ZQRYlAIJehc"
+          ],
+          [
+            "P+hMAaz3lio3uS4rv/7TfA+DPUVgxzkwoEz9Z9Ojzj4",
+            "8krOIN5Yj3SN4uy4FiPL0dq9uJrixFCE1jbLN+a5Fyg"
+          ],
+          [
+            "+lMQ7vIiM+Exav1NLfhBuuSIjcI2UBgL1FtEY69FPHw",
+            "mQhAC0sVS/Wm/VMfHhmJH5N74KGDfJpLevVg9SHf/zY"
+          ],
+          [
+            "dl4ygF4NbLpDkVOZZBGYz1Bwj7JHk7GVatDT7qavo0s",
+            "cUgvJ6wHzqRHL0+ze6UlWZDG6XkP45ZCXEoiXTua+NU"
+          ],
+          [
+            "+lMQ7vIiM+Exav1NLfhBuuSIjcI2UBgL1FtEY69FPHw",
+            "L4SCwTtAwCYbhH7nwaj6q5DhToqDuP3LIe04Wx4YBi0"
+          ]
+        ]
+      }
+    },
+    {
+      "value": {
+        "roomId": "!NvODNaNaQbJWulVEDV:matrix.org",
+        "sessions": [
+          [
+            "rjzv99T05ksa0hluxTK3qT78u0CxG/HOpYERwqu0F2o",
+            "i0UHnfpJA9YyYFPPreQGINIt+f+aFf9fTFQhx/yVvTY"
+          ]
+        ]
+      }
+    },
+    {
+      "value": {
+        "roomId": "!WXNLpHIsCohXpXsbUk:matrix.org",
+        "sessions": [
+          [
+            "K6pUAb6OgssyGzLqYcZQlskIxdwNTZu0xkb1lp2ysQA",
+            "TqxaEJSIHu/GJsL9cdPomIYZkzrO3UqO/e0H/N9b3Q8"
+          ],
+          [
+            "63T7anu0SxzQJRFnvmHXuQuSW63plQdt00phE4lT5HM",
+            "cR2Mi5hcIiaH+XIANBknJq4dgBbSaopTyeduoJMMkSY"
+          ]
+        ]
+      }
+    },
+    {
+      "value": {
+        "roomId": "!hDqiQUQdicjAXAOEUQ:matrix.org",
+        "sessions": [
+          [
+            "X78CTT0Nk8RDlC7snNGfRRkM7wCE5/XkVtqESnpFgEM",
+            "7KdhG9y04GM33WunByggRkCAzv8UwEI85pFMPqthpK8"
+          ],
+          [
+            "rjzv99T05ksa0hluxTK3qT78u0CxG/HOpYERwqu0F2o",
+            "vw58QEIQwoWyJvCtBuCmPI0edHqulndrxnv1gNhOvCY"
+          ],
+          [
+            "RhqbMrR2qmjyDPGh42dsZCenEHZXQdGjeHZXO8kHc1E",
+            "VrlN7nfo7xi/tReWE89ZarEUt04aEeHuZonIP03gyus"
+          ]
+        ]
+      }
+    },
+    {
+      "value": {
+        "roomId": "!kOjcnTaPnmhygqFtBD:matrix.org",
+        "sessions": [
+          [
+            "rjzv99T05ksa0hluxTK3qT78u0CxG/HOpYERwqu0F2o",
+            "5fUniWedXn7Lfx6C6cF2CNLBHEr0Cfscb85GFz4zBE8"
+          ]
+        ]
+      }
+    }
+  ]
+}
\ No newline at end of file
diff --git a/apps/web/playwright/e2e/crypto/test_indexeddb_cryptostore_dump/index.html b/apps/web/playwright/e2e/crypto/test_indexeddb_cryptostore_dump/index.html
new file mode 100644
index 00000000000..7f44de8e550
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/test_indexeddb_cryptostore_dump/index.html
@@ -0,0 +1,6 @@
+<html>
+    <head>
+        <script src="load.js"></script>
+    </head>
+    Loading test data...
+</html>
diff --git a/apps/web/playwright/e2e/crypto/test_indexeddb_cryptostore_dump/load.js b/apps/web/playwright/e2e/crypto/test_indexeddb_cryptostore_dump/load.js
new file mode 100644
index 00000000000..73c1b21b229
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/test_indexeddb_cryptostore_dump/load.js
@@ -0,0 +1,220 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023, 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.
+*/
+
+/* Browser-side javascript to fetch the indexeddb dump file, and populate indexeddb. */
+
+/** The pickle key corresponding to the data dump. */
+const PICKLE_KEY = "+1k2Ppd7HIisUY824v7JtV3/oEE4yX0TqtmNPyhaD7o";
+
+/**
+ * Populate an IndexedDB store with the test data from this directory.
+ *
+ * @param {any} data - IndexedDB dump to import
+ * @param {string} name - Name of the IndexedDB database to create.
+ */
+async function populateStore(data, name) {
+    const req = indexedDB.open(name, 11);
+
+    const db = await new Promise((resolve, reject) => {
+        req.onupgradeneeded = (ev) => {
+            const db = req.result;
+            const oldVersion = ev.oldVersion;
+            upgradeDatabase(oldVersion, db);
+        };
+
+        req.onerror = (ev) => {
+            reject(req.error);
+        };
+
+        req.onsuccess = () => {
+            const db = req.result;
+            resolve(db);
+        };
+    });
+
+    await importData(data, db);
+
+    return db;
+}
+
+/**
+ * Create the schema for the indexed db store
+ *
+ * @param {number} oldVersion - The current version of the store.
+ * @param {IDBDatabase} db - The indexeddb database.
+ */
+function upgradeDatabase(oldVersion, db) {
+    if (oldVersion < 1) {
+        const outgoingRoomKeyRequestsStore = db.createObjectStore("outgoingRoomKeyRequests", { keyPath: "requestId" });
+        outgoingRoomKeyRequestsStore.createIndex("session", ["requestBody.room_id", "requestBody.session_id"]);
+        outgoingRoomKeyRequestsStore.createIndex("state", "state");
+    }
+
+    if (oldVersion < 2) {
+        db.createObjectStore("account");
+    }
+
+    if (oldVersion < 3) {
+        const sessionsStore = db.createObjectStore("sessions", { keyPath: ["deviceKey", "sessionId"] });
+        sessionsStore.createIndex("deviceKey", "deviceKey");
+    }
+
+    if (oldVersion < 4) {
+        db.createObjectStore("inbound_group_sessions", { keyPath: ["senderCurve25519Key", "sessionId"] });
+    }
+
+    if (oldVersion < 5) {
+        db.createObjectStore("device_data");
+    }
+
+    if (oldVersion < 6) {
+        db.createObjectStore("rooms");
+    }
+
+    if (oldVersion < 7) {
+        db.createObjectStore("sessions_needing_backup", { keyPath: ["senderCurve25519Key", "sessionId"] });
+    }
+
+    if (oldVersion < 8) {
+        db.createObjectStore("inbound_group_sessions_withheld", { keyPath: ["senderCurve25519Key", "sessionId"] });
+    }
+
+    if (oldVersion < 9) {
+        const problemsStore = db.createObjectStore("session_problems", { keyPath: ["deviceKey", "time"] });
+        problemsStore.createIndex("deviceKey", "deviceKey");
+
+        db.createObjectStore("notified_error_devices", { keyPath: ["userId", "deviceId"] });
+    }
+
+    if (oldVersion < 10) {
+        db.createObjectStore("shared_history_inbound_group_sessions", { keyPath: ["roomId"] });
+    }
+
+    if (oldVersion < 11) {
+        db.createObjectStore("parked_shared_history", { keyPath: ["roomId"] });
+    }
+}
+
+/** Do the import of data into the database
+ *
+ * @param {any} json - The data to import.
+ * @param {IDBDatabase} db - The database to import into.
+ * @returns {Promise<void>}
+ */
+async function importData(json, db) {
+    for (const [storeName, data] of Object.entries(json)) {
+        await new Promise((resolve, reject) => {
+            console.log(`Populating ${storeName} with test data`);
+            const store = db.transaction(storeName, "readwrite").objectStore(storeName);
+
+            function putEntry(idx) {
+                if (idx >= data.length) {
+                    resolve(undefined);
+                    return;
+                }
+
+                const { key, value } = data[idx];
+                try {
+                    const putReq = store.put(value, key);
+                    putReq.onsuccess = (_) => putEntry(idx + 1);
+                    putReq.onerror = (_) => reject(putReq.error);
+                } catch (e) {
+                    throw new Error(
+                        `Error populating '${storeName}' with key ${JSON.stringify(key)}, value ${JSON.stringify(
+                            value,
+                        )}: ${e}`,
+                    );
+                }
+            }
+
+            putEntry(0);
+        });
+    }
+}
+
+function getPickleAdditionalData(userId, deviceId) {
+    const additionalData = new Uint8Array(userId.length + deviceId.length + 1);
+    for (let i = 0; i < userId.length; i++) {
+        additionalData[i] = userId.charCodeAt(i);
+    }
+    additionalData[userId.length] = 124; // "|"
+    for (let i = 0; i < deviceId.length; i++) {
+        additionalData[userId.length + 1 + i] = deviceId.charCodeAt(i);
+    }
+    return additionalData;
+}
+
+/** Save an entry to the `matrix-react-sdk` indexeddb database.
+ *
+ * If `matrix-react-sdk` does not yet exist, it will be created with the correct schema.
+ *
+ * @param {String} table
+ * @param {String} key
+ * @param {String} data
+ * @returns {Promise<void>}
+ */
+async function idbSave(table, key, data) {
+    const idb = await new Promise((resolve, reject) => {
+        const request = indexedDB.open("matrix-react-sdk", 1);
+        request.onerror = reject;
+        request.onsuccess = () => {
+            resolve(request.result);
+        };
+        request.onupgradeneeded = () => {
+            const db = request.result;
+            db.createObjectStore("pickleKey");
+            db.createObjectStore("account");
+        };
+    });
+    return await new Promise((resolve, reject) => {
+        const txn = idb.transaction([table], "readwrite");
+        txn.onerror = reject;
+
+        const objectStore = txn.objectStore(table);
+        const request = objectStore.put(data, key);
+        request.onerror = reject;
+        request.onsuccess = resolve;
+    });
+}
+
+/**
+ * Save the pickle key to indexeddb, so that the app can read it.
+ *
+ * @param {String} userId  - The user's ID (used in the encryption algorithm).
+ * @param {String} deviceId  - The user's device ID (ditto).
+ * @returns {Promise<void>}
+ */
+async function savePickleKey(userId, deviceId) {
+    const itFunc = function* () {
+        const decoded = atob(PICKLE_KEY);
+        for (let i = 0; i < decoded.length; ++i) {
+            yield decoded.charCodeAt(i);
+        }
+    };
+    const decoded = Uint8Array.from(itFunc());
+
+    const cryptoKey = await crypto.subtle.generateKey({ name: "AES-GCM", length: 256 }, false, ["encrypt", "decrypt"]);
+    const iv = new Uint8Array(32);
+    crypto.getRandomValues(iv);
+
+    const additionalData = getPickleAdditionalData(userId, deviceId);
+    const encrypted = await crypto.subtle.encrypt({ name: "AES-GCM", iv, additionalData }, cryptoKey, decoded);
+
+    await idbSave("pickleKey", [userId, deviceId], { encrypted, iv, cryptoKey });
+}
+
+async function loadDump() {
+    const dump = await fetch("dump.json");
+    const indexedDbDump = await dump.json();
+    await populateStore(indexedDbDump, "matrix-js-sdk:crypto");
+    await savePickleKey(window.localStorage.getItem("mx_user_id"), window.localStorage.getItem("mx_device_id"));
+    console.log("Test data loaded; redirecting to main app");
+    window.location.replace("/");
+}
+
+loadDump();
diff --git a/apps/web/playwright/e2e/crypto/toasts.spec.ts b/apps/web/playwright/e2e/crypto/toasts.spec.ts
new file mode 100644
index 00000000000..58c029c33b4
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/toasts.spec.ts
@@ -0,0 +1,214 @@
+/*
+ * 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 GeneratedSecretStorageKey } from "matrix-js-sdk/src/crypto-api";
+import { assertNoToasts, getToast, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { expect, test } from "../../element-web-test";
+import { createBot, deleteCachedSecrets, disableKeyBackup, logIntoElement, verifyAfterLogin } from "./utils";
+import { type Bot } from "../../pages/bot";
+
+// Mask the background of the screenshot to avoid failing the test just because some
+// other component has changed its rendering.
+const screenshotOptions = {
+    css: `
+        .mx_ToastContainer {
+            background-color: magenta !important;
+        }
+    `,
+};
+
+test.describe("Key storage out of sync toast", () => {
+    let recoveryKey: GeneratedSecretStorageKey;
+
+    test.beforeEach(async ({ page, homeserver, credentials }) => {
+        const res = await createBot(page, homeserver, credentials);
+        recoveryKey = res.recoveryKey;
+
+        await logIntoElement(page, credentials);
+        await verifyAfterLogin(page, recoveryKey.encodedPrivateKey!);
+
+        await deleteCachedSecrets(page);
+    });
+
+    test("should prompt for recovery key if 'enter recovery key' pressed", { tag: "@screenshot" }, async ({ page }) => {
+        await expect(page.getByRole("alert").filter({ hasText: "Your key storage is out of sync." })).toMatchScreenshot(
+            "key-storage-out-of-sync-toast.png",
+            screenshotOptions,
+        );
+
+        await page.getByRole("button", { name: "Enter recovery key" }).click();
+
+        await page.getByRole("textbox", { name: "Recovery Key" }).fill(recoveryKey.encodedPrivateKey!);
+        await page.getByRole("button", { name: "Continue" }).click();
+
+        await expect(page.getByRole("button", { name: "Enter recovery key" })).not.toBeVisible();
+    });
+
+    test("should open settings to reset flow if 'forgot recovery key' pressed", async ({ page, app, credentials }) => {
+        await expect(page.getByRole("button", { name: "Enter recovery key" })).toBeVisible();
+
+        await page.getByRole("button", { name: "Forgot recovery key?" }).click();
+
+        await expect(
+            page.getByRole("heading", {
+                name: "Forgot your recovery key? You’ll need to reset your digital identity.",
+            }),
+        ).toBeVisible();
+    });
+});
+
+test.describe("'Turn on key storage' toast", () => {
+    let botClient: Bot;
+
+    test.beforeEach(async ({ page, homeserver, credentials }) => {
+        // Set up all crypto stuff. Key storage defaults to on.
+
+        const res = await createBot(page, homeserver, credentials);
+        const recoveryKey = res.recoveryKey;
+        botClient = res.botClient;
+
+        await logIntoElement(page, credentials);
+        await verifyAfterLogin(page, recoveryKey.encodedPrivateKey!);
+
+        // We won't be prompted for crypto setup unless we have an e2e room, so make one
+        await page
+            .getByRole("navigation", { name: "Room list" })
+            .getByRole("button", { name: "New conversation" })
+            .click();
+        await page.getByRole("menuitem", { name: "New room" }).click();
+        await page.getByRole("textbox", { name: "Name" }).fill("Test room");
+        await page.getByRole("button", { name: "Create room" }).click();
+
+        await rejectToast(page, "Notifications");
+    });
+
+    test("should not show toast if key storage is on", async ({ page }) => {
+        // Given the default situation after signing in
+        // Then no toast is shown (because key storage is on)
+        await assertNoToasts(page);
+
+        // When we reload
+        await page.reload();
+
+        // Give the toasts time to appear
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+
+        // Then still no toast is shown
+        await assertNoToasts(page);
+    });
+
+    test("should not show toast if key storage is off because we turned it off", async ({ app, page }) => {
+        // Given the backup is disabled because we disabled it
+        await disableKeyBackup(app);
+
+        // Then no toast is shown
+        await assertNoToasts(page);
+
+        // When we reload
+        await page.reload();
+
+        // Give the toasts time to appear
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+
+        // Then still no toast is shown
+        await assertNoToasts(page);
+    });
+
+    test("should show toast if key storage is off but account data is missing", async ({ app, page }) => {
+        // Given the backup is disabled but we didn't set account data saying that is expected
+        await disableKeyBackup(app);
+        await botClient.setAccountData("m.org.matrix.custom.backup_disabled", {} as any as { disabled: boolean });
+        await botClient.setAccountData("m.key_backup", {} as any as { enabled: boolean });
+
+        // Wait for the account data setting to stick
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+
+        // When we enter the app
+        await page.reload();
+
+        // Then the toast is displayed
+        let toast = await getToast(page, "Turn on key storage");
+
+        // And when we click "Continue"
+        await toast.getByRole("button", { name: "Continue" }).click();
+
+        // Then we see the Encryption settings dialog with an option to turn on key storage
+        await expect(page.getByRole("switch", { name: "Allow key storage" })).toBeVisible();
+
+        // And when we close that
+        await page.getByRole("button", { name: "Close dialog" }).click();
+
+        // Then we see the toast again
+        toast = await getToast(page, "Turn on key storage");
+
+        // And when we click "Dismiss"
+        await toast.getByRole("button", { name: "Dismiss" }).click();
+
+        // Then we see the "are you sure?" dialog
+        await expect(
+            page.getByRole("heading", { name: "Are you sure you want to keep key storage turned off?" }),
+        ).toBeVisible();
+
+        // And when we close it by clicking away
+        await page.getByTestId("dialog-background").click({ force: true, position: { x: 10, y: 10 } });
+
+        // Then we see the toast again
+        toast = await getToast(page, "Turn on key storage");
+
+        // And when we click Dismiss and then "Go to Settings"
+        await toast.getByRole("button", { name: "Dismiss" }).click();
+        await page.getByRole("button", { name: "Go to Settings" }).click();
+
+        // Then we see Encryption settings again
+        await expect(page.getByRole("switch", { name: "Allow key storage" })).toBeVisible();
+
+        // And when we close that, see the toast, click Dismiss, and Yes, Dismiss
+        await page.getByRole("button", { name: "Close dialog" }).click();
+        toast = await getToast(page, "Turn on key storage");
+        await toast.getByRole("button", { name: "Dismiss" }).click();
+        await page.getByRole("button", { name: "Yes, dismiss" }).click();
+
+        // Then the toast is gone
+        await assertNoToasts(page);
+    });
+});
+
+test.describe("Verify this device toast", () => {
+    test(
+        "The toast is displayed if we are not verified",
+        { tag: "@screenshot" },
+        async ({ page, credentials, homeserver }) => {
+            // Ensure the user already has a device, and an encrypted toom, so
+            // we need to verify when we log in
+            const { botClient } = await createBot(page, homeserver, credentials, true);
+            await botClient.createRoom({
+                initial_state: [
+                    {
+                        type: "m.room.encryption",
+                        state_key: "",
+                        content: { algorithm: "m.megolm.v1.aes-sha2" },
+                    },
+                ],
+            });
+
+            // Log in without verifying
+            await logIntoElement(page, credentials);
+            const authPage = page.locator(".mx_AuthPage");
+            await authPage.getByRole("button", { name: "Skip verification for now" }).click();
+            await authPage.getByRole("button", { name: "I'll verify later" }).click();
+            await page.waitForSelector(".mx_MatrixChat");
+
+            await expect(page.getByRole("heading", { name: "Verify this device" })).toBeVisible();
+
+            await expect(page.locator(".mx_ToastContainer")).toMatchScreenshot(
+                "verify-this-device.png",
+                screenshotOptions,
+            );
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/crypto/user-verification.spec.ts b/apps/web/playwright/e2e/crypto/user-verification.spec.ts
new file mode 100644
index 00000000000..f4cc78dfd54
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/user-verification.spec.ts
@@ -0,0 +1,162 @@
+/*
+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 Preset, type Visibility } from "matrix-js-sdk/src/matrix";
+import { getToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test";
+import { doTwoWaySasVerification, awaitVerifier, waitForDevices } from "./utils";
+import { type Client } from "../../pages/client";
+
+test.describe("User verification", () => {
+    // note that there are other tests that check user verification works in `crypto.spec.ts`.
+
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: { displayName: "Bob", autoAcceptInvites: true, userIdPrefix: "bob_" },
+        room: async ({ page, app, bot: bob, user: aliceCredentials }, use) => {
+            await app.client.bootstrapCrossSigning(aliceCredentials);
+
+            // the other user creates a DM
+            const dmRoomId = await createDMRoom(bob, aliceCredentials.userId);
+
+            // accept the DM
+            await app.viewRoomByName("Bob");
+            await page.getByRole("button", { name: "Start chatting" }).click();
+            await use({ roomId: dmRoomId });
+        },
+    });
+
+    test("can receive a verification request when there is no existing DM", async ({
+        app,
+        page,
+        bot: bob,
+        user: aliceCredentials,
+        room: { roomId: dmRoomId },
+    }) => {
+        await waitForDevices(app, bob.credentials!.userId, 1);
+        await expect(page.getByRole("button", { name: "Avatar" })).toBeVisible();
+        const avatar = page.getByRole("button", { name: "Avatar" });
+        await avatar.click();
+
+        // once Alice has joined, Bob starts the verification
+        const bobVerificationRequest = await bob.evaluateHandle(
+            async (client, { dmRoomId, aliceCredentials }) => {
+                const room = client.getRoom(dmRoomId)!;
+                while (room.getMember(aliceCredentials.userId)?.membership !== "join") {
+                    await new Promise((resolve) => {
+                        room.once(window.matrixcs.RoomStateEvent.Members, resolve);
+                    });
+                }
+
+                return client.getCrypto()!.requestVerificationDM(aliceCredentials.userId, dmRoomId);
+            },
+            { dmRoomId, aliceCredentials },
+        );
+
+        // there should also be a toast
+        const toast = await getToast(page, "Verification requested");
+        // it should contain the details of the requesting user
+        await expect(toast.getByText(`Bob (${bob.credentials!.userId})`)).toBeVisible();
+        // Accept
+        await toast.getByRole("button", { name: "Verify User" }).click();
+
+        // Wait for the QR code to be rendered. If we don't do this, then the QR code can be rendered just as
+        // Playwright tries to click the "Verify by emoji" button, which seems to make it miss the button.
+        // (richvdh: I thought Playwright was supposed to be resilient to such things, but empirically not.)
+        await expect(page.getByAltText("QR Code")).toBeVisible();
+
+        // request verification by emoji
+        await page.locator("#mx_RightPanel").getByRole("button", { name: "Verify by emoji" }).click();
+
+        /* on the bot side, wait for the verifier to exist ... */
+        const botVerifier = await awaitVerifier(bobVerificationRequest);
+        // ... confirm ...
+        void botVerifier.evaluate((verifier) => verifier.verify());
+        // ... and then check the emoji match
+        await doTwoWaySasVerification(page, botVerifier);
+
+        await page.getByRole("button", { name: "They match" }).click();
+        await expect(page.getByText("You've successfully verified Bob!")).toBeVisible();
+        await page.getByRole("button", { name: "Got it" }).click();
+    });
+
+    test("can abort emoji verification when emoji mismatch", async ({
+        app,
+        page,
+        bot: bob,
+        user: aliceCredentials,
+        room: { roomId: dmRoomId },
+    }) => {
+        await waitForDevices(app, bob.credentials!.userId, 1);
+        await expect(page.getByRole("button", { name: "Avatar" })).toBeVisible();
+        const avatar = page.getByRole("button", { name: "Avatar" });
+        await avatar.click();
+
+        // once Alice has joined, Bob starts the verification
+        const bobVerificationRequest = await bob.evaluateHandle(
+            async (client, { dmRoomId, aliceCredentials }) => {
+                const room = client.getRoom(dmRoomId)!;
+                while (room.getMember(aliceCredentials.userId)?.membership !== "join") {
+                    await new Promise((resolve) => {
+                        room.once(window.matrixcs.RoomStateEvent.Members, resolve);
+                    });
+                }
+
+                return client.getCrypto()!.requestVerificationDM(aliceCredentials.userId, dmRoomId);
+            },
+            { dmRoomId, aliceCredentials },
+        );
+
+        // Accept verification via toast
+        const toast = await getToast(page, "Verification requested");
+        await toast.getByRole("button", { name: "Verify User" }).click();
+
+        // Wait for the QR code to be rendered. If we don't do this, then the QR code can be rendered just as
+        // Playwright tries to click the "Verify by emoji" button, which seems to make it miss the button.
+        // (richvdh: I thought Playwright was supposed to be resilient to such things, but empirically not.)
+        await expect(page.getByAltText("QR Code")).toBeVisible();
+
+        // request verification by emoji
+        await page.locator("#mx_RightPanel").getByRole("button", { name: "Verify by emoji" }).click();
+
+        /* on the bot side, wait for the verifier to exist ... */
+        const botVerifier = await awaitVerifier(bobVerificationRequest);
+        // ... and confirm. We expect the verification to fail; we catch the error on the DOM side
+        // to stop playwright marking the evaluate as failing in the UI.
+        const botVerification = botVerifier.evaluate((verifier) => verifier.verify().catch(() => {}));
+
+        // ... and abort the verification
+        await page.getByRole("button", { name: "They don't match" }).click();
+
+        const dialog = page.locator(".mx_Dialog");
+        await expect(dialog.getByText("Your messages are not secure")).toBeVisible();
+        await dialog.getByRole("button", { name: "OK" }).click();
+        await expect(dialog).not.toBeVisible();
+
+        await botVerification;
+    });
+});
+
+async function createDMRoom(client: Client, userId: string): Promise<string> {
+    return client.createRoom({
+        preset: "trusted_private_chat" as Preset,
+        visibility: "private" as Visibility,
+        invite: [userId],
+        is_direct: true,
+        initial_state: [
+            {
+                type: "m.room.encryption",
+                state_key: "",
+                content: {
+                    algorithm: "m.megolm.v1.aes-sha2",
+                },
+            },
+        ],
+    });
+}
diff --git a/apps/web/playwright/e2e/crypto/utils.ts b/apps/web/playwright/e2e/crypto/utils.ts
new file mode 100644
index 00000000000..194a10bf22d
--- /dev/null
+++ b/apps/web/playwright/e2e/crypto/utils.ts
@@ -0,0 +1,653 @@
+/*
+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 { expect, type JSHandle, type Page } from "@playwright/test";
+import { type ICreateRoomOpts, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import type {
+    CryptoEvent,
+    EmojiMapping,
+    GeneratedSecretStorageKey,
+    ShowSasCallbacks,
+    VerificationRequest,
+    Verifier,
+    VerifierEvent,
+} from "matrix-js-sdk/src/crypto-api";
+import { type Credentials, type HomeserverInstance } from "../../plugins/homeserver";
+import { type Client } from "../../pages/client";
+import { type ElementAppPage } from "../../pages/ElementAppPage";
+import { Bot } from "../../pages/bot";
+
+/**
+ * Create a bot client using the supplied credentials, and wait for the key backup to be ready.
+ * @param page - the playwright `page` fixture
+ * @param homeserver - the homeserver to use
+ * @param credentials - the credentials to use for the bot client
+ * @param usePassphrase - whether to use a passphrase when creating the recovery key
+ */
+export async function createBot(
+    page: Page,
+    homeserver: HomeserverInstance,
+    credentials: Credentials,
+    usePassphrase = false,
+): Promise<{ botClient: Bot; recoveryKey: GeneratedSecretStorageKey; expectedBackupVersion: string }> {
+    // Visit the login page of the app, to load the matrix sdk
+    await page.goto("/#/login");
+
+    // wait for the page to load
+    await page.waitForSelector(".mx_AuthPage", { timeout: 30000 });
+
+    // Create a new bot client
+    const botClient = new Bot(page, homeserver, {
+        bootstrapCrossSigning: true,
+        bootstrapSecretStorage: true,
+        usePassphrase,
+    });
+    botClient.setCredentials(credentials);
+    // Backup is prepared in the background. Poll until it is ready.
+    const botClientHandle = await botClient.prepareClient();
+    let expectedBackupVersion: string | null;
+    await expect
+        .poll(async () => {
+            expectedBackupVersion = await botClientHandle.evaluate((cli) =>
+                cli.getCrypto()!.getActiveSessionBackupVersion(),
+            );
+            return expectedBackupVersion;
+        })
+        .not.toBe(null);
+
+    const recoveryKey = await botClient.getRecoveryKey();
+
+    return { botClient, recoveryKey, expectedBackupVersion: expectedBackupVersion! };
+}
+
+/**
+ * wait for the given client to receive an incoming verification request, and automatically accept it
+ *
+ * @param client - matrix client handle we expect to receive a request
+ */
+export async function waitForVerificationRequest(client: Client): Promise<JSHandle<VerificationRequest>> {
+    return client.evaluateHandle((cli) => {
+        return new Promise<VerificationRequest>((resolve) => {
+            const onVerificationRequestEvent = async (request: VerificationRequest) => {
+                await request.accept();
+                resolve(request);
+            };
+            cli.once(
+                "crypto.verificationRequestReceived" as CryptoEvent.VerificationRequestReceived,
+                onVerificationRequestEvent,
+            );
+        });
+    });
+}
+
+/**
+ * Automatically handle a SAS verification
+ *
+ * Given a verifier which has already been started, wait for the emojis to be received, blindly confirm they
+ * match, and return them
+ *
+ * @param verifier - verifier
+ * @returns A promise that resolves, with the emoji list, once we confirm the emojis
+ */
+export function handleSasVerification(verifier: JSHandle<Verifier>): Promise<EmojiMapping[]> {
+    return verifier.evaluate((verifier) => {
+        const event = verifier.getShowSasCallbacks();
+        if (event) {
+            return event.sas.emoji!;
+        }
+
+        return new Promise<EmojiMapping[]>((resolve) => {
+            const onShowSas = (event: ShowSasCallbacks) => {
+                verifier.off("show_sas" as VerifierEvent, onShowSas);
+                void event.confirm();
+                resolve(event.sas.emoji!);
+            };
+
+            verifier.on("show_sas" as VerifierEvent, onShowSas);
+        });
+    });
+}
+
+/**
+ * Check that the user has published cross-signing keys, and that the user's device has been cross-signed.
+ */
+export async function checkDeviceIsCrossSigned(app: ElementAppPage): Promise<void> {
+    const { userId, deviceId, keys } = await app.client.evaluate(async (cli: MatrixClient) => {
+        const deviceId = cli.getDeviceId()!;
+        const userId = cli.getSafeUserId();
+        const keys = await cli.downloadKeysForUsers([userId]);
+
+        return { userId, deviceId, keys };
+    });
+
+    // there should be three cross-signing keys
+    expect(keys.master_keys![userId]).toHaveProperty("keys");
+    expect(keys.self_signing_keys![userId]).toHaveProperty("keys");
+    expect(keys.user_signing_keys![userId]).toHaveProperty("keys");
+
+    // and the device should be signed by the self-signing key
+    const selfSigningKeyId = Object.keys(keys.self_signing_keys![userId].keys)[0];
+
+    expect(keys.device_keys[userId][deviceId]).toBeDefined();
+
+    const myDeviceSignatures = keys.device_keys[userId][deviceId].signatures![userId];
+    expect(myDeviceSignatures[selfSigningKeyId]).toBeDefined();
+}
+
+/**
+ * Check that the current device is connected to the expected key backup.
+ * Also checks that the decryption key is known and cached locally.
+ *
+ * @param app -` ElementAppPage` wrapper for the playwright `Page`.
+ * @param expectedBackupVersion - the version of the backup we expect to be connected to.
+ * @param checkBackupPrivateKeyInCache - whether to check that the backup decryption key is cached locally
+ * @param checkBackupKeyIn4S - whether to check that the backup key is stored in 4S
+ */
+export async function checkDeviceIsConnectedKeyBackup(
+    app: ElementAppPage,
+    expectedBackupVersion: string,
+    checkBackupPrivateKeyInCache: boolean,
+    checkBackupKeyIn4S: boolean = true,
+): Promise<void> {
+    // Sanity check the given backup version: if it's null, something went wrong earlier in the test.
+    if (!expectedBackupVersion) {
+        throw new Error(
+            `Invalid backup version passed to \`checkDeviceIsConnectedKeyBackup\`: ${expectedBackupVersion}`,
+        );
+    }
+
+    const backupData = await app.client.evaluate(async (client: MatrixClient) => {
+        const crypto = client.getCrypto();
+        if (!crypto) return;
+
+        const backupInfo = await crypto.getKeyBackupInfo();
+        const backupKeyIn4S = Boolean(await client.isKeyBackupKeyStored());
+        const backupPrivateKeyFromCache = await crypto.getSessionBackupPrivateKey();
+        const hasBackupPrivateKeyFromCache = Boolean(backupPrivateKeyFromCache);
+        const backupPrivateKeyWellFormed = backupPrivateKeyFromCache instanceof Uint8Array;
+        const activeBackupVersion = await crypto.getActiveSessionBackupVersion();
+
+        return {
+            backupInfo,
+            hasBackupPrivateKeyFromCache,
+            backupPrivateKeyWellFormed,
+            backupKeyIn4S,
+            activeBackupVersion,
+        };
+    });
+
+    if (!backupData) {
+        throw new Error("Crypto module is not available");
+    }
+
+    const { backupInfo, backupKeyIn4S, hasBackupPrivateKeyFromCache, backupPrivateKeyWellFormed, activeBackupVersion } =
+        backupData;
+
+    // We have a key backup
+    expect(backupInfo).toBeDefined();
+    // The key backup version is as expected
+    expect(backupInfo!.version).toBe(expectedBackupVersion);
+    // The active backup version is as expected
+    expect(activeBackupVersion).toBe(expectedBackupVersion);
+    // The backup key is stored in 4S
+    if (checkBackupKeyIn4S) expect(backupKeyIn4S).toBe(true);
+
+    if (checkBackupPrivateKeyInCache) {
+        // The backup key is available locally
+        expect(hasBackupPrivateKeyFromCache).toBe(true);
+        // The backup key is well-formed
+        expect(backupPrivateKeyWellFormed).toBe(true);
+    }
+}
+
+/**
+ * Fill in the login form in element with the given creds.
+ */
+export async function logIntoElement(page: Page, credentials: Credentials) {
+    await page.goto("/#/login");
+
+    await page.getByRole("textbox", { name: "Username" }).fill(credentials.userId);
+    await page.getByPlaceholder("Password").fill(credentials.password!);
+    await page.getByRole("button", { name: "Sign in" }).click();
+}
+
+/**
+ * Complete the `CompleteSecurity` step that happens after login, using the given recovery key.
+ * (Normally this will verify the new device using the secrets from 4S.)
+ *
+ * Afterwards, waits for the application to redirect to the home page.
+ *
+ * This is normally useful after a call to {@link logIntoElement} or {@link logInAccountMas}.
+ */
+export async function verifyAfterLogin(page: Page, recoveryKey: string) {
+    await page.locator(".mx_AuthPage").getByRole("button", { name: "Use recovery key" }).click();
+
+    const useSecurityKey = page.locator(".mx_Dialog").getByRole("button", { name: "Use recovery key" });
+    // If the user has set a recovery *passphrase*, they'll be prompted for that first and have to click
+    // through to enter the recovery key which is what we have here. If they haven't, they'll be prompted
+    // for a recovery key straight away. We click the button if it's there so this works in both cases.
+    if (await useSecurityKey.isVisible()) {
+        await useSecurityKey.click();
+    }
+
+    // Fill in the recovery key
+    await page.locator(".mx_Dialog").getByTitle("Recovery key").fill(recoveryKey);
+    await page.getByRole("button", { name: "Continue", disabled: false }).click();
+    await page.getByRole("button", { name: "Done" }).click();
+
+    // The application should now redirect to `/#/home`. Wait for that to happen, otherwise if a test immediately does
+    // a `viewRoomById` or similar, it could race.
+    await page.waitForURL("/#/home");
+}
+
+/**
+ * Click the "sign out" option in Element, and wait for the welcome page to load
+ *
+ * @param page - Playwright `Page` object.
+ * @param discardKeys - if true, expect a "You're about to lose access to your encrypted chats" dialog, and dismiss it.
+ */
+export async function logOutOfElement(page: Page, discardKeys: boolean = false) {
+    await page.getByRole("button", { name: "User menu" }).click();
+
+    await page.getByRole("menu", { name: "User menu" }).getByRole("menuitem", { name: "All settings" }).click();
+    await page.getByRole("button", { name: "Remove this device" }).click();
+    if (discardKeys) {
+        await page.getByRole("button", { name: "Remove this device anyway" }).click();
+    } else {
+        await page.locator(".mx_Dialog .mx_QuestionDialog").getByRole("button", { name: "Remove this device" }).click();
+    }
+
+    // Wait for the welcome page to load
+    await expect(page.getByRole("heading", { name: "Be in your element" })).toBeVisible();
+}
+
+/**
+ * Open the encryption settings, and verify the current session using the recovery key.
+ *
+ * @param app - `ElementAppPage` wrapper for the playwright `Page`.
+ * @param securityKey - The recovery key (i.e., 4S key), set up during a previous session.
+ */
+export async function verifySession(app: ElementAppPage, securityKey: string) {
+    const settings = await app.settings.openUserSettings("Encryption");
+    await settings.getByRole("button", { name: "Verify this device" }).click();
+    await app.page.getByRole("button", { name: "Use recovery key" }).click();
+    await app.page.locator(".mx_Dialog").getByTitle("Recovery key").fill(securityKey);
+    await app.page.getByRole("button", { name: "Continue", disabled: false }).click();
+    await app.page.getByRole("button", { name: "Done" }).click();
+    await app.settings.closeDialog();
+}
+
+/**
+ * Given a SAS verifier for a bot client:
+ *   - wait for the bot to receive the emojis
+ *   - check that the bot sees the same emoji as the application
+ *
+ * @param verifier - a verifier in a bot client
+ */
+export async function doTwoWaySasVerification(page: Page, verifier: JSHandle<Verifier>): Promise<void> {
+    // 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 > div");
+    await expect(emojiBlocks).toHaveCount(emojis.length);
+
+    // then, check that our application shows an emoji panel with the same emojis.
+    for (let i = 0; i < emojis.length; i++) {
+        const emoji = emojis[i];
+        const emojiBlock = emojiBlocks.nth(i);
+        await expect(emojiBlock).toHaveText(emoji[0] + emoji[1]);
+    }
+}
+
+/**
+ * Open the encryption settings and enable key storage and recovery
+ * Assumes that the current device has been verified
+ *
+ * Returns the recovery key
+ */
+export async function enableKeyBackup(app: ElementAppPage): Promise<string> {
+    const encryptionTab = await app.settings.openUserSettings("Encryption");
+
+    const keyStorageToggle = encryptionTab.getByRole("switch", { name: "Allow key storage" });
+    if (!(await keyStorageToggle.isChecked())) {
+        await encryptionTab.getByRole("switch", { name: "Allow key storage" }).click();
+    }
+
+    await encryptionTab.getByRole("button", { name: "Get recovery key" }).click();
+    await encryptionTab.getByRole("button", { name: "Continue" }).click();
+
+    const recoveryKey = await encryptionTab.getByTestId("recoveryKey").innerText();
+    await encryptionTab.getByRole("button", { name: "Continue" }).click();
+    await encryptionTab.getByRole("textbox").fill(recoveryKey);
+    await encryptionTab.getByRole("button", { name: "Finish set up" }).click();
+    await app.settings.closeDialog();
+    return recoveryKey;
+}
+
+/**
+ * Open the encryption settings and disable key storage (and recovery)
+ * Assumes that the current device has been verified
+ */
+export async function disableKeyBackup(app: ElementAppPage): Promise<void> {
+    const encryptionTab = await app.settings.openUserSettings("Encryption");
+
+    const keyStorageToggle = encryptionTab.getByRole("switch", { name: "Allow key storage" });
+    if (await keyStorageToggle.isChecked()) {
+        await encryptionTab.getByRole("switch", { name: "Allow key storage" }).click();
+        await encryptionTab.getByRole("button", { name: "Delete key storage" }).click();
+        await expect(encryptionTab.getByRole("switch", { name: "Allow key storage" })).toBeVisible();
+
+        // Wait for the update to account data to stick
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+    }
+    await app.settings.closeDialog();
+}
+
+/**
+ * Go through the "Set up Secure Backup" dialog (aka the `CreateSecretStorageDialog`).
+ *
+ * Assumes the dialog is already open for some reason (see also {@link enableKeyBackup}).
+ *
+ * @param page - The playwright `Page` fixture.
+ * @param opts - Options object
+ * @param opts.accountPassword - The user's account password. If we are also resetting cross-signing, then we will need
+ *   to upload the public cross-signing keys, which will cause the app to prompt for the password.
+ *
+ * @returns the new recovery key.
+ */
+export async function completeCreateSecretStorageDialog(
+    page: Page,
+    opts?: { accountPassword?: string },
+): Promise<string> {
+    const currentDialogLocator = page.locator(".mx_Dialog");
+
+    await expect(currentDialogLocator.getByRole("heading", { name: "Set up Secure Backup" })).toBeVisible();
+    // "Generate a Recovery Key" is selected by default
+    await currentDialogLocator.getByRole("button", { name: "Continue", exact: true }).click();
+    await expect(currentDialogLocator.getByRole("heading", { name: "Save your Recovery Key" })).toBeVisible();
+    await currentDialogLocator.getByRole("button", { name: "Copy", exact: true }).click();
+    // copy the recovery key to use it later
+    const recoveryKey = await page.evaluate(() => navigator.clipboard.readText());
+    await currentDialogLocator.getByRole("button", { name: "Continue", exact: true }).click();
+
+    // If the device is unverified, there should be a "Setting up keys" step.
+    // If this is not the first time we are setting up cross-signing, the app will prompt for our password; otherwise
+    // the step is quite quick, and playwright can miss it, so we can't test for it.
+    if (opts && Object.hasOwn(opts, "accountPassword")) {
+        await expect(currentDialogLocator.getByRole("heading", { name: "Setting up keys" })).toBeVisible();
+        await page.getByPlaceholder("Password").fill(opts!.accountPassword!);
+        await currentDialogLocator.getByRole("button", { name: "Continue" }).click();
+    }
+
+    // Either way, we end up at a success dialog:
+    await expect(currentDialogLocator.getByRole("heading", { name: "Secure Backup successful" })).toBeVisible();
+    await currentDialogLocator.getByRole("button", { name: "Done", exact: true }).click();
+    await expect(currentDialogLocator.getByText("Secure Backup successful")).not.toBeVisible();
+
+    return recoveryKey;
+}
+
+/**
+ * Click on copy and continue buttons to dismiss the recovery key dialog
+ */
+export async function copyAndContinue(page: Page) {
+    await page.getByRole("button", { name: "Copy" }).click();
+    await page.getByRole("button", { name: "Continue" }).click();
+}
+
+/**
+ * Create a shared, unencrypted room with the given user, and wait for them to join
+ *
+ * @param other - UserID of the other user
+ * @param opts - other options for the createRoom call
+ *
+ * @returns a promise which resolves to the room ID
+ * @see createSharedEncryptedRoomWithUser
+ */
+export async function createSharedRoomWithUser(
+    app: ElementAppPage,
+    other: string,
+    opts: Omit<ICreateRoomOpts, "invite"> = { name: "TestRoom" },
+): Promise<string> {
+    const roomId = await app.client.createRoom({ ...opts, invite: [other] });
+
+    await app.viewRoomById(roomId);
+
+    // wait for the other user to join the room, otherwise our attempt to open his user details may race
+    // with his join.
+    await expect(app.page.getByText(" joined the room", { exact: false })).toBeVisible();
+
+    return roomId;
+}
+
+/**
+ * Create a shared, encrypted room with the given user, and wait for them to join
+ *
+ * @param other - UserID of the other user
+ * @param opts - other options for the createRoom call
+ *
+ * @returns a promise which resolves to the room ID
+ * @see createSharedRoomWithUser
+ */
+export async function createSharedEncryptedRoomWithUser(
+    app: ElementAppPage,
+    other: string,
+    opts: Omit<ICreateRoomOpts, "invite"> = { name: "TestRoom" },
+): Promise<string> {
+    opts = structuredClone(opts);
+    opts.initial_state ??= [];
+    opts.initial_state.push({
+        type: "m.room.encryption",
+        state_key: "",
+        content: {
+            algorithm: "m.megolm.v1.aes-sha2",
+        },
+    });
+    return createSharedRoomWithUser(app, other, opts);
+}
+
+/**
+ * Send a message in the current room
+ * @param page
+ * @param message - The message text to send
+ */
+export async function sendMessageInCurrentRoom(page: Page, message: string): Promise<void> {
+    await page.locator(".mx_MessageComposer").getByRole("textbox").fill(message);
+    await page.getByTestId("sendmessagebtn").click();
+}
+
+/**
+ * Create a room with the given name and encryption status using the room creation dialog.
+ *
+ * @param roomName - The name of the room to create
+ * @param isEncrypted - Whether the room should be encrypted
+ */
+export async function createRoom(page: Page, roomName: string, isEncrypted: boolean): Promise<void> {
+    await page.getByRole("navigation", { name: "Room list" }).getByRole("button", { name: "New conversation" }).click();
+    await page.getByRole("menuitem", { name: "New room" }).click();
+
+    const dialog = page.locator(".mx_Dialog");
+
+    await dialog.getByLabel("Name").fill(roomName);
+
+    if (!isEncrypted) {
+        // it's enabled by default
+        await page.getByLabel("Enable end-to-end encryption").click();
+    }
+
+    await dialog.getByRole("button", { name: "Create room" }).click();
+
+    // Wait for the client to process the encryption event before carrying on (and potentially sending events).
+    if (isEncrypted) {
+        await expect(page.getByText("Encryption enabled")).toBeVisible();
+    }
+}
+
+/**
+ * Configure the given MatrixClient to auto-accept any invites
+ * @param client - the client to configure
+ */
+export async function autoJoin(client: Client) {
+    await client.evaluate((cli) => {
+        cli.on(window.matrixcs.RoomMemberEvent.Membership, (event, member) => {
+            if (member.membership === "invite" && member.userId === cli.getUserId()) {
+                void cli.joinRoom(member.roomId);
+            }
+        });
+    });
+}
+
+/**
+ * Verify a user by emoji
+ * @param page - the page to use
+ * @param bob - the user to verify
+ */
+export const verify = async (app: ElementAppPage, bob: Bot) => {
+    const page = app.page;
+    const bobsVerificationRequestPromise = waitForVerificationRequest(bob);
+
+    const roomInfo = await app.toggleRoomInfoPanel();
+    await page.locator(".mx_RightPanel").getByRole("menuitem", { name: "People" }).click();
+    await roomInfo.getByText("Bob").click();
+    await roomInfo.getByRole("button", { name: "Verify" }).click();
+    await roomInfo.getByRole("button", { name: "Start Verification" }).click();
+
+    // this requires creating a DM, so can take a while. Give it a longer timeout.
+    await roomInfo.getByRole("button", { name: "Verify by emoji" }).click({ timeout: 30000 });
+
+    const request = await bobsVerificationRequestPromise;
+    // the bot user races with the Element user to hit the "verify by emoji" button
+    const verifier = await request.evaluateHandle((request) => request.startVerification("m.sas.v1"));
+    await doTwoWaySasVerification(page, verifier);
+    await roomInfo.getByRole("button", { name: "They match" }).click();
+    await expect(roomInfo.getByText("You've successfully verified Bob!")).toBeVisible();
+    await roomInfo.getByRole("button", { name: "Got it" }).click();
+};
+
+/**
+ * Verify two instances of the Element app by emoji.
+ * @param aliceElementApp
+ * @param bobElementApp
+ */
+export const verifyApp = async (
+    aliceDisplayName: string,
+    aliceElementApp: ElementAppPage,
+    bobDisplayName: string,
+    bobElementApp: ElementAppPage,
+) => {
+    // Alice opens room info and starts verification.
+    const aliceRoomInfo = aliceElementApp.page.locator(".mx_RightPanel");
+    if (await aliceRoomInfo.isHidden()) {
+        await aliceElementApp.toggleRoomInfoPanel();
+    }
+
+    await aliceElementApp.page.locator(".mx_RightPanel").getByRole("menuitem", { name: "People" }).click();
+    await aliceRoomInfo.getByText("Bob").click();
+    await aliceRoomInfo.getByRole("button", { name: "Verify" }).click();
+    await aliceRoomInfo.getByRole("button", { name: "Start Verification" }).click();
+
+    // Navigate to the DM created by Alice and accept the invite
+    const oldRoomId = await bobElementApp.getCurrentRoomIdFromUrl();
+    await bobElementApp.viewRoomByName(aliceDisplayName);
+    await bobElementApp.page.getByRole("button", { name: "Start chatting" }).click();
+
+    // Bob accepts the verification request.
+    await bobElementApp.page.getByRole("button", { name: "Verify" }).click({ timeout: 5000 });
+
+    // This requires creating a DM, so can take a while. Give it a longer timeout.
+    await aliceRoomInfo.getByRole("button", { name: "Verify by emoji" }).click({ timeout: 30000 });
+    await bobElementApp.page.getByRole("button", { name: "Verify by emoji" }).click();
+
+    await aliceRoomInfo.getByRole("button", { name: "They match" }).click();
+    await bobElementApp.page.getByRole("button", { name: "They match" }).click();
+
+    // Assert the verification was successful.
+    await expect(aliceRoomInfo.getByText(`You've successfully verified ${bobDisplayName}!`)).toBeVisible();
+    await expect(bobElementApp.page.getByText(`You've successfully verified ${aliceDisplayName}!`)).toBeVisible();
+
+    // Navigate Bob back to the old room.
+    await bobElementApp.viewRoomById(oldRoomId);
+};
+
+/**
+ * Wait for a verifier to exist for a VerificationRequest
+ *
+ * @param botVerificationRequest
+ */
+export async function awaitVerifier(
+    botVerificationRequest: JSHandle<VerificationRequest>,
+): Promise<JSHandle<Verifier>> {
+    return botVerificationRequest.evaluateHandle(async (verificationRequest) => {
+        while (!verificationRequest.verifier) {
+            await new Promise((r) => verificationRequest.once("change" as any, r));
+        }
+        return verificationRequest.verifier;
+    });
+}
+
+/** Log in a second device for the given bot user */
+export async function createSecondBotDevice(page: Page, homeserver: HomeserverInstance, bob: Bot) {
+    const bobSecondDevice = new Bot(page, homeserver, {
+        bootstrapSecretStorage: false,
+        bootstrapCrossSigning: false,
+    });
+    bobSecondDevice.setCredentials(await homeserver.loginUser(bob.credentials!.userId, bob.credentials!.password!));
+    await bobSecondDevice.prepareClient();
+    return bobSecondDevice;
+}
+
+/**
+ * Remove the cached secrets from the indexedDB
+ * This is a workaround to simulate the case where the secrets are not cached.
+ */
+export async function deleteCachedSecrets(page: Page) {
+    await page.evaluate(async () => {
+        const removeCachedSecrets = new Promise((resolve) => {
+            const request = window.indexedDB.open("matrix-js-sdk::matrix-sdk-crypto");
+            request.onsuccess = function (this: IDBRequest) {
+                const db = this.result as IDBDatabase;
+                const request = db.transaction("core", "readwrite").objectStore("core").delete("private_identity");
+                request.onsuccess = () => {
+                    db.close();
+                    resolve(undefined);
+                };
+            };
+        });
+        await removeCachedSecrets;
+    });
+    await page.reload();
+}
+
+/**
+ * Wait until the given user has a given number of devices.
+ * This function will check the device keys ten times and if
+ * the expected number of devices were not found by then, an
+ * error is thrown.
+ */
+export async function waitForDevices(
+    app: ElementAppPage,
+    userId: string,
+    expectedNumberOfDevices: number,
+): Promise<void> {
+    const result = await app.client.evaluate(
+        async (cli, { userId, expectedNumberOfDevices }) => {
+            for (let i = 0; i < 10; ++i) {
+                const userDeviceMap = await cli.getCrypto()?.getUserDeviceInfo([userId], true);
+                const deviceMap = userDeviceMap?.get(userId);
+                if (deviceMap?.size === expectedNumberOfDevices) return true;
+                await new Promise((r) => setTimeout(r, 500));
+            }
+            return false;
+        },
+        { userId, expectedNumberOfDevices },
+    );
+    if (!result) {
+        throw new Error(`User ${userId} did not have ${expectedNumberOfDevices} devices within ten iterations!`);
+    }
+}
diff --git a/apps/web/playwright/e2e/csAPI.ts b/apps/web/playwright/e2e/csAPI.ts
new file mode 100644
index 00000000000..c622ac99cec
--- /dev/null
+++ b/apps/web/playwright/e2e/csAPI.ts
@@ -0,0 +1,39 @@
+/*
+Copyright 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { type APIRequestContext } from "@playwright/test";
+import { type KeyBackupInfo } from "matrix-js-sdk/src/crypto-api";
+import { ClientServerApi } from "@element-hq/element-web-playwright-common/lib/utils/api.js";
+
+import { type HomeserverInstance } from "../plugins/homeserver";
+
+/**
+ * A small subset of the Client-Server API used to manipulate the state of the
+ * account on the homeserver independently of the client under test.
+ */
+export class TestClientServerAPI extends ClientServerApi {
+    public constructor(
+        request: APIRequestContext,
+        homeserver: HomeserverInstance,
+        private accessToken: string,
+    ) {
+        super(homeserver.baseUrl);
+        this.setRequest(request);
+    }
+
+    public async getCurrentBackupInfo(): Promise<KeyBackupInfo | null> {
+        return this.request("GET", `/v3/room_keys/version`, this.accessToken);
+    }
+
+    /**
+     * Calls the API directly to delete the given backup version
+     * @param version The version to delete
+     */
+    public async deleteBackupVersion(version: string): Promise<void> {
+        await this.request("DELETE", `/v3/room_keys/version/${version}`, this.accessToken);
+    }
+}
diff --git a/apps/web/playwright/e2e/devtools/devtools.spec.ts b/apps/web/playwright/e2e/devtools/devtools.spec.ts
new file mode 100644
index 00000000000..da45b647fcd
--- /dev/null
+++ b/apps/web/playwright/e2e/devtools/devtools.spec.ts
@@ -0,0 +1,40 @@
+/*
+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 { test, expect } from "../../element-web-test";
+
+test.describe("Devtools", () => {
+    test.use({
+        displayName: "Alice",
+    });
+
+    test("should render the devtools", { tag: "@screenshot" }, async ({ page, homeserver, user, app, axe }) => {
+        await app.client.createRoom({ name: "Test Room" });
+        await app.viewRoomByName("Test Room");
+
+        const composer = app.getComposer().locator("[contenteditable]");
+        await composer.fill("/devtools");
+        await composer.press("Enter");
+        const dialog = page.locator(".mx_Dialog");
+        await dialog.getByLabel("Developer mode").check();
+
+        axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
+        await expect(axe).toHaveNoViolations();
+        await expect(dialog).toMatchScreenshot("devtools-dialog.png", {
+            css: `.mx_CopyableText {
+                display: none;
+            }`,
+        });
+
+        // Try entering a value for the Developer.elementCallUrl setting
+        const input = page.getByRole("textbox", { name: "Element Call URL" });
+        await input.fill("https://example.com");
+        await input.press("Enter");
+        // expect EW NOT to reload
+        await expect(page.getByText("Saved")).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/devtools/lowbandwidth.spec.ts b/apps/web/playwright/e2e/devtools/lowbandwidth.spec.ts
new file mode 100644
index 00000000000..025868a8157
--- /dev/null
+++ b/apps/web/playwright/e2e/devtools/lowbandwidth.spec.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 { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test";
+import { getSampleFilePath } from "../../sample-files";
+
+test.describe("Devtools", () => {
+    test.use({
+        displayName: "Alice",
+    });
+
+    test("should allow enabling low bandwidth mode", async ({ page, homeserver, user, app }) => {
+        // Upload a picture
+        const userSettings = await app.settings.openUserSettings("Account");
+        const profileSettings = userSettings.locator(".mx_UserProfileSettings");
+        await profileSettings.getByAltText("Upload").setInputFiles(getSampleFilePath("riot.png"));
+        await app.closeDialog();
+        await rejectToast(page, "Verify this device");
+
+        // Create an initial room.
+        const createRoomDialog = await app.openCreateRoomDialog();
+        await createRoomDialog.getByRole("textbox", { name: "Name" }).fill("Test Room");
+        await createRoomDialog.getByRole("button", { name: "Create room" }).click();
+
+        const composer = app.getComposer().locator("[contenteditable]");
+        await composer.fill("/devtools");
+        await composer.press("Enter");
+        const dialog = page.locator(".mx_Dialog");
+        await dialog.getByLabel("Developer mode").check();
+        await dialog.getByLabel("Disable bandwidth-heavy features").click();
+        // Wait for refresh.
+        await page.waitForEvent("domcontentloaded");
+        await app.viewRoomByName("Test Room");
+
+        // This only appears when encryption has been disabled in the client.
+        await expect(page.getByText("The encryption used by this room isn't supported.")).toBeVisible();
+
+        // None of these should be requested.
+        let hasSentTyping = false;
+        let hasRequestedThumbnail = false;
+        await page.route("**/_matrix/client/v3/rooms/*/typing/*", async (route) => {
+            hasSentTyping = true;
+            await route.fulfill({ json: {} });
+        });
+        await page.route("**/_matrix/media/v3/thumbnail/**", async (route) => {
+            hasRequestedThumbnail = true;
+            await route.fulfill({ json: {} });
+        });
+        await page.route("**/_matrix/client/v1/media/thumbnail/**", async (route) => {
+            hasRequestedThumbnail = true;
+            await route.fulfill({ json: {} });
+        });
+
+        await composer.pressSequentially("Provoke typing request", { delay: 5 });
+        expect(hasSentTyping).toEqual(false);
+        expect(hasRequestedThumbnail).toEqual(false);
+    });
+});
diff --git a/apps/web/playwright/e2e/devtools/upgraderoom.spec.ts b/apps/web/playwright/e2e/devtools/upgraderoom.spec.ts
new file mode 100644
index 00000000000..69de03b6ee7
--- /dev/null
+++ b/apps/web/playwright/e2e/devtools/upgraderoom.spec.ts
@@ -0,0 +1,38 @@
+/*
+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 { SettingLevel } from "../../../src/settings/SettingLevel";
+import { test, expect } from "../../element-web-test";
+
+test.describe("Room upgrade dialog", () => {
+    test.use({
+        displayName: "Alice",
+    });
+
+    test(
+        "should render the room upgrade dialog",
+        { tag: "@screenshot" },
+        async ({ page, homeserver, user, app, axe }) => {
+            // Enable developer mode
+            await app.settings.setValue("developerMode", null, SettingLevel.ACCOUNT, true);
+
+            await app.client.createRoom({ name: "Test Room" });
+            await app.viewRoomByName("Test Room");
+
+            const composer = app.getComposer().locator("[contenteditable]");
+            // Pick a room version that is likely to be supported by all our target homeservers.
+            await composer.fill("/upgraderoom 5");
+            await composer.press("Enter");
+            const dialog = page.locator(".mx_Dialog");
+            await dialog.getByLabel("Automatically invite members from this room to the new one").check();
+
+            axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
+            await expect(axe).toHaveNoViolations();
+            await expect(dialog).toMatchScreenshot("upgrade-room.png");
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/editing/editing.spec.ts b/apps/web/playwright/e2e/editing/editing.spec.ts
new file mode 100644
index 00000000000..8b8180c77b4
--- /dev/null
+++ b/apps/web/playwright/e2e/editing/editing.spec.ts
@@ -0,0 +1,374 @@
+/*
+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 { type Locator, type Page } from "@playwright/test";
+
+import type { EventType, IContent, ISendEventResponse, MsgType, Visibility } from "matrix-js-sdk/src/matrix";
+import { expect, test } from "../../element-web-test";
+import { type ElementAppPage } from "../../pages/ElementAppPage";
+import { SettingLevel } from "../../../src/settings/SettingLevel";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+async function sendEvent(app: ElementAppPage, roomId: string): Promise<ISendEventResponse> {
+    return app.client.sendEvent(roomId, null, "m.room.message" as EventType, {
+        msgtype: "m.text" as MsgType,
+        body: "Message",
+    });
+}
+
+/** generate a message event which will take up some room on the page. */
+function mkPadding(n: number): IContent {
+    return {
+        msgtype: "m.text" as MsgType,
+        body: `padding ${n}`,
+        format: "org.matrix.custom.html",
+        formatted_body: `<h3>Test event ${n}</h3>\n`.repeat(10),
+    };
+}
+
+test.describe("Editing", () => {
+    test.skip(isDendrite, "due to a Dendrite bug https://github.com/element-hq/dendrite/issues/3488");
+
+    // Edit "Message"
+    const editLastMessage = async (page: Page, edit: string) => {
+        const eventTile = page.locator(".mx_RoomView_MessageList .mx_EventTile_last");
+        await eventTile.hover();
+        await eventTile.getByRole("button", { name: "Edit", exact: true }).click();
+
+        const textbox = page.getByRole("textbox", { name: "Edit message" });
+        await textbox.fill(edit);
+        await textbox.press("Enter");
+    };
+
+    const clickEditedMessage = async (page: Page, edited: string) => {
+        // Assert that the message was edited
+        const eventTile = page.locator(".mx_EventTile", { hasText: edited });
+        await expect(eventTile).toBeVisible();
+        // Click to display the message edit history dialog
+        await eventTile.getByRole("button", { name: /Edited at .*? Click to view edits\./ }).click();
+    };
+
+    const clickButtonViewSource = async (locator: Locator) => {
+        const eventTile = locator.locator(".mx_EventTile_line");
+        await eventTile.hover();
+        // Assert that "View Source" button is rendered and click it
+        await eventTile.getByRole("button", { name: "View Source" }).click();
+    };
+
+    test.use({
+        displayName: "Edith",
+        room: async ({ user, app }, use) => {
+            const roomId = await app.client.createRoom({ name: "Test room" });
+            await use({ roomId });
+        },
+        botCreateOpts: { displayName: "Bob" },
+    });
+
+    test(
+        "should render and interact with the message edit history dialog",
+        { tag: "@screenshot" },
+        async ({ page, user, app, room }) => {
+            // Click the "Remove" button on the message edit history dialog
+            const clickButtonRemove = async (locator: Locator) => {
+                const eventTileLine = locator.locator(".mx_EventTile_line");
+                await eventTileLine.hover();
+                await eventTileLine.getByRole("button", { name: "Remove" }).click();
+            };
+
+            await page.goto(`#/room/${room.roomId}`);
+
+            // Send "Message"
+            await sendEvent(app, room.roomId);
+
+            // Edit "Message" to "Massage"
+            await editLastMessage(page, "Massage");
+
+            // Assert that the edit label is visible
+            await expect(page.getByRole("button", { name: /Edited at .*? Click to view edits\./ })).toBeVisible();
+
+            await clickEditedMessage(page, "Massage");
+
+            // Assert that the message edit history dialog is rendered
+            const dialog = page.getByRole("dialog");
+            const li = dialog.getByRole("listitem").last();
+            // Assert CSS styles which are difficult or cannot be detected with snapshots are applied as expected
+            await expect(li).toHaveCSS("clear", "both");
+
+            const timestamp = li.locator(".mx_EventTile .mx_MessageTimestamp");
+            await expect(timestamp).toHaveCSS("position", "absolute");
+            await expect(timestamp).toHaveCSS("inset-inline-start", "0px");
+            await expect(timestamp).toHaveCSS("text-align", "center");
+
+            // Assert that monospace characters can fill the content line as expected
+            await expect(li.locator(".mx_EventTile .mx_EventTile_content")).toHaveCSS("margin-inline-end", "0px");
+
+            // Assert that zero block start padding is applied to mx_EventTile as expected
+            // See: .mx_EventTile on _EventTile.pcss
+            await expect(li.locator(".mx_EventTile")).toHaveCSS("padding-block-start", "0px");
+
+            // Assert that the date separator is rendered at the top
+            await expect(dialog.getByRole("listitem").first().locator("h2", { hasText: "today" })).toHaveCSS(
+                "text-transform",
+                "capitalize",
+            );
+
+            {
+                // Assert that the edited message is rendered under the date separator
+                const tile = dialog.locator("li:nth-child(2) .mx_EventTile");
+                // Assert that the edited message body consists of both deleted character and inserted character
+                // Above the first "e" of "Message" was replaced with "a"
+                await expect(tile.locator(".mx_EventTile_body")).toHaveText("Meassage");
+
+                const body = tile.locator(".mx_EventTile_content .mx_EventTile_body");
+                await expect(body.locator(".mx_EditHistoryMessage_deletion").getByText("e")).toBeVisible();
+                await expect(body.locator(".mx_EditHistoryMessage_insertion").getByText("a")).toBeVisible();
+            }
+
+            // Assert that the original message is rendered at the bottom
+            await expect(
+                dialog
+                    .locator("li:nth-child(3) .mx_EventTile")
+                    .locator(".mx_EventTile_content .mx_EventTile_body", { hasText: "Message" }),
+            ).toBeVisible();
+
+            // Take a snapshot of the dialog
+            await expect(dialog).toMatchScreenshot("message-edit-history-dialog.png", {
+                css: `
+                    .mx_MessageTimestamp {
+                        visibility: hidden;
+                    }
+                `,
+            });
+
+            {
+                const tile = dialog.locator("li:nth-child(2) .mx_EventTile");
+                await expect(tile.locator(".mx_EventTile_body")).toHaveText("Meassage");
+                // Click the "Remove" button again
+                await clickButtonRemove(tile);
+            }
+
+            // Do nothing and close the dialog to confirm that the message edit history dialog is rendered
+            await app.closeDialog();
+
+            {
+                // Assert that the message edit history dialog is rendered again after it was closed
+                const tile = dialog.locator("li:nth-child(2) .mx_EventTile");
+                await expect(tile.locator(".mx_EventTile_body")).toHaveText("Meassage");
+                // Click the "Remove" button again
+                await clickButtonRemove(tile);
+            }
+
+            // This time remove the message really
+            const textInputDialog = page.locator(".mx_TextInputDialog");
+            await textInputDialog.getByRole("textbox", { name: "Reason (optional)" }).fill("This is a test."); // Reason
+            await textInputDialog.getByRole("button", { name: "Remove" }).click();
+
+            // Assert that the message edit history dialog is rendered again
+            const messageEditHistoryDialog = page.locator(".mx_MessageEditHistoryDialog");
+            // Assert that the date is rendered
+            await expect(
+                messageEditHistoryDialog.getByRole("listitem").first().locator("h2", { hasText: "today" }),
+            ).toHaveCSS("text-transform", "capitalize");
+
+            // Assert that the original message is rendered under the date on the dialog
+            await expect(
+                messageEditHistoryDialog
+                    .locator("li:nth-child(2) .mx_EventTile")
+                    .locator(".mx_EventTile_content .mx_EventTile_body", { hasText: "Message" }),
+            ).toBeVisible();
+
+            // Assert that the edited message is gone
+            await expect(
+                messageEditHistoryDialog.locator(".mx_EventTile_content .mx_EventTile_body", { hasText: "Meassage" }),
+            ).not.toBeVisible();
+
+            await app.closeDialog();
+
+            // Assert that the redaction placeholder is rendered
+            await expect(
+                page
+                    .locator(".mx_RoomView_MessageList")
+                    .locator(".mx_EventTile_last .mx_RedactedBody", { hasText: "Message deleted" }),
+            ).toBeVisible();
+        },
+    );
+
+    test("should render 'View Source' button in developer mode on the message edit history dialog", async ({
+        page,
+        user,
+        app,
+        room,
+    }) => {
+        await page.goto(`#/room/${room.roomId}`);
+
+        // Send "Message"
+        await sendEvent(app, room.roomId);
+
+        // Edit "Message" to "Massage"
+        await editLastMessage(page, "Massage");
+
+        // Assert that the edit label is visible
+        await expect(page.getByRole("button", { name: /Edited at .*? Click to view edits\./ })).toBeVisible();
+
+        await clickEditedMessage(page, "Massage");
+
+        {
+            const dialog = page.getByRole("dialog");
+            // Assert that the original message is rendered
+            const li = dialog.locator("li:nth-child(3)");
+            // Assert that "View Source" is not rendered
+            const eventLine = li.locator(".mx_EventTile_line");
+            await eventLine.hover();
+            await expect(eventLine.getByRole("button", { name: "View Source" })).not.toBeVisible();
+        }
+
+        await app.closeDialog();
+
+        // Enable developer mode
+        await app.settings.setValue("developerMode", null, SettingLevel.ACCOUNT, true);
+
+        await clickEditedMessage(page, "Massage");
+
+        {
+            const dialog = page.getByRole("dialog");
+            {
+                // Assert that the edited message is rendered
+                const li = dialog.locator("li:nth-child(2)");
+                // Assert that "Remove" button for the original message is rendered
+                const line = li.locator(".mx_EventTile_line");
+                await line.hover();
+                await expect(line.getByRole("button", { name: "Remove" })).toBeVisible();
+                await clickButtonViewSource(li);
+            }
+
+            // Assert that view source dialog is rendered and close the dialog
+            await app.closeDialog();
+
+            {
+                // Assert that the original message is rendered
+                const li = dialog.locator("li:nth-child(3)");
+                // Assert that "Remove" button for the original message does not exist
+                const line = li.locator(".mx_EventTile_line");
+                await line.hover();
+                await expect(line.getByRole("button", { name: "Remove" })).not.toBeVisible();
+
+                await clickButtonViewSource(li);
+            }
+
+            // Assert that view source dialog is rendered and close the dialog
+            await app.closeDialog();
+        }
+    });
+
+    test("should close the composer when clicking save after making a change and undoing it", async ({
+        page,
+        user,
+        app,
+        room,
+        axe,
+    }) => {
+        axe.disableRules("color-contrast"); // XXX: We have some known contrast issues here
+
+        await page.goto(`#/room/${room.roomId}`);
+
+        await sendEvent(app, room.roomId);
+
+        {
+            // Edit message
+            const tile = page.locator(".mx_RoomView_body .mx_EventTile").last();
+            await expect(tile.getByText("Message", { exact: true })).toBeVisible();
+            const line = tile.locator(".mx_EventTile_line");
+            await line.hover();
+            await line.getByRole("button", { name: "Edit", exact: true }).click();
+            await expect(axe).toHaveNoViolations();
+            const editComposer = page.getByRole("textbox", { name: "Edit message" });
+            await editComposer.pressSequentially("Foo");
+            await editComposer.press("Backspace");
+            await editComposer.press("Backspace");
+            await editComposer.press("Backspace");
+            await editComposer.press("Enter");
+            await app.getComposerField().hover(); // XXX: move the hover to get rid of the "Edit" tooltip
+            await expect(axe).toHaveNoViolations();
+        }
+        await expect(
+            page.locator(".mx_RoomView_body .mx_EventTile[data-scroll-tokens]", { hasText: "Message" }),
+        ).toBeVisible();
+
+        // Assert that the edit composer has gone away
+        await expect(page.getByRole("textbox", { name: "Edit message" })).not.toBeVisible();
+    });
+
+    test("should correctly display events which are edited, where we lack the edit event", async ({
+        page,
+        user,
+        app,
+        axe,
+        bot: bob,
+    }) => {
+        // This tests the behaviour when a message has been edited some time after it has been sent, and we
+        // jump back in room history to view the event, but do not have the actual edit event.
+        //
+        // In that scenario, we rely on the server to replace the content (pre-MSC3925), or do it ourselves based on
+        // the bundled edit event (post-MSC3925).
+        //
+        // To test it, we need to have a room with lots of events in, so we can jump around the timeline without
+        // paginating in the event itself. Hence, we create a bot user which creates the room and populates it before
+        // we join.
+
+        // "bob" now creates the room, and sends a load of events in it. Note that all of this happens via calls on
+        // the js-sdk rather than Cypress commands, so uses regular async/await.
+        const testRoomId = await bob.createRoom({ name: "TestRoom", visibility: "public" as Visibility });
+
+        const { event_id: originalEventId } = await bob.sendMessage(testRoomId, {
+            body: "original",
+            msgtype: "m.text",
+        });
+
+        // send a load of padding events. We make them large, so that they fill the whole screen
+        // and the client doesn't end up paginating into the event we want.
+        let i = 0;
+        while (i < 10) {
+            await bob.sendMessage(testRoomId, mkPadding(i++));
+        }
+
+        // ... then the edit ...
+        const editEventId = (
+            await bob.sendMessage(testRoomId, {
+                "m.new_content": { body: "Edited body", msgtype: "m.text" },
+                "m.relates_to": {
+                    rel_type: "m.replace",
+                    event_id: originalEventId,
+                },
+                "body": "* edited",
+                "msgtype": "m.text",
+            })
+        ).event_id;
+
+        // ... then a load more padding ...
+        while (i < 20) {
+            await bob.sendMessage(testRoomId, mkPadding(i++));
+        }
+
+        // now have the cypress user join the room, jump to the original event, and wait for the event to be visible
+        await app.client.joinRoom(testRoomId);
+        await app.viewRoomByName("TestRoom");
+        await page.goto(`#/room/${testRoomId}/${originalEventId}`);
+
+        const messageTile = page.locator(`[data-event-id="${originalEventId}"]`);
+        // at this point, the edit event should still be unknown
+        const timeline = await app.client.evaluate(
+            (cli, { testRoomId, editEventId }) => cli.getRoom(testRoomId)!.getTimelineForEvent(editEventId),
+            { testRoomId, editEventId },
+        );
+        expect(timeline).toBeNull();
+
+        // nevertheless, the event should be updated
+        await expect(messageTile.locator(".mx_EventTile_body")).toHaveText("Edited body");
+        await expect(messageTile.getByRole("button", { name: /Edited at .*? Click to view edits\./ })).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/feedback/rageshakes.spec.ts b/apps/web/playwright/e2e/feedback/rageshakes.spec.ts
new file mode 100644
index 00000000000..9fae568c820
--- /dev/null
+++ b/apps/web/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/apps/web/playwright/e2e/file-upload/image-upload.spec.ts b/apps/web/playwright/e2e/file-upload/image-upload.spec.ts
new file mode 100644
index 00000000000..2af553ed669
--- /dev/null
+++ b/apps/web/playwright/e2e/file-upload/image-upload.spec.ts
@@ -0,0 +1,43 @@
+/*
+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.
+*/
+
+import { test, expect } from "../../element-web-test";
+import { getSampleFilePath } from "../../sample-files";
+
+test.describe("Image Upload", () => {
+    test.use({
+        displayName: "Alice",
+    });
+
+    test.beforeEach(async ({ page, app, user }) => {
+        await app.client.createRoom({ name: "My Pictures" });
+        await app.viewRoomByName("My Pictures");
+
+        // Wait until configuration is finished
+        await expect(
+            page
+                .locator(".mx_GenericEventListSummary[data-layout='group'] .mx_GenericEventListSummary_summary")
+                .getByText(`${user.displayName} created and configured the room.`),
+        ).toBeVisible();
+    });
+
+    test("should show image preview when uploading an image", { tag: "@screenshot" }, async ({ page, app }) => {
+        await app.setComposerInputFiles("room", getSampleFilePath("riot.png"));
+
+        await expect(page.getByRole("button", { name: "Upload" })).toBeEnabled();
+        await expect(page.getByRole("button", { name: "Close dialog" })).toBeEnabled();
+        await expect(page.locator(".mx_Dialog")).toMatchScreenshot("image-upload-preview.png");
+    });
+
+    test("should allow upload via drag and drop", { tag: "@screenshot" }, async ({ page, app }) => {
+        await app.composerDragAndUploadFiles("room", getSampleFilePath("riot.png"), "image/png");
+        await app.timeline.scrollToBottom();
+        const imgTile = page.locator(".mx_ImageBody").first();
+        await expect(imgTile).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/forgot-password/forgot-password.spec.ts b/apps/web/playwright/e2e/forgot-password/forgot-password.spec.ts
new file mode 100644
index 00000000000..1b9dad290cd
--- /dev/null
+++ b/apps/web/playwright/e2e/forgot-password/forgot-password.spec.ts
@@ -0,0 +1,86 @@
+/*
+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.
+*/
+
+import { type CredentialsWithDisplayName, expect, test as base } from "../../element-web-test";
+import { selectHomeserver } from "../utils";
+import { emailHomeserver } from "../../plugins/homeserver/synapse/emailHomeserver.ts";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+const email = "user@nowhere.dummy";
+
+const test = base.extend({
+    credentials: async ({}, use, testInfo) => {
+        await use({
+            username: `user_${testInfo.testId}`,
+            // this has to be password-like enough to please zxcvbn. Needless to say it's just from pwgen.
+            password: "oETo7MPf0o",
+        } as CredentialsWithDisplayName);
+    },
+});
+
+test.use(emailHomeserver);
+test.use({
+    config: {
+        // The only thing that we really *need* (otherwise Element refuses to load) is a default homeserver.
+        // We point that to a guaranteed-invalid domain.
+        default_server_config: {
+            "m.homeserver": {
+                base_url: "https://server.invalid",
+            },
+        },
+    },
+});
+
+test.describe("Forgot Password", () => {
+    test.skip(isDendrite, "not yet wired up");
+
+    test("renders properly", { tag: "@screenshot" }, async ({ page, homeserver }) => {
+        await page.goto("/");
+
+        await page.getByRole("link", { name: "Sign in" }).click();
+
+        // need to select a homeserver at this stage, before entering the forgot password flow
+        await selectHomeserver(page, homeserver.baseUrl);
+
+        await page.getByRole("button", { name: "Forgot password?" }).click();
+
+        await expect(page.getByRole("main")).toMatchScreenshot("forgot-password.png");
+    });
+
+    test(
+        "renders email verification dialog properly",
+        { tag: "@screenshot" },
+        async ({ page, homeserver, credentials }) => {
+            const user = await homeserver.registerUser(credentials.username, credentials.password!);
+
+            await homeserver.setThreepid(user.userId, "email", email);
+
+            await page.goto("/");
+
+            await page.getByRole("link", { name: "Sign in" }).click();
+            await selectHomeserver(page, homeserver.baseUrl);
+
+            await page.getByRole("button", { name: "Forgot password?" }).click();
+
+            await page.getByRole("textbox", { name: "Email address" }).fill(email);
+
+            await page.getByRole("button", { name: "Send email" }).click();
+
+            await page.getByRole("button", { name: "Next" }).click();
+
+            await page.getByRole("textbox", { name: "New Password", exact: true }).fill(credentials.password!);
+            await page.getByRole("textbox", { name: "Confirm new password", exact: true }).fill(credentials.password!);
+
+            await page.getByRole("button", { name: "Reset password" }).click();
+
+            await expect(page.getByRole("button", { name: "Resend" })).toBeInViewport();
+
+            await expect(page.locator(".mx_Dialog")).toMatchScreenshot("forgot-password-verify-email.png");
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/integration-manager/get-openid-token.spec.ts b/apps/web/playwright/e2e/integration-manager/get-openid-token.spec.ts
new file mode 100644
index 00000000000..38da5c3de5d
--- /dev/null
+++ b/apps/web/playwright/e2e/integration-manager/get-openid-token.spec.ts
@@ -0,0 +1,121 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { Page } from "@playwright/test";
+import { test, expect } from "../../element-web-test";
+import { openIntegrationManager } from "./utils";
+import type { UserWidget } from "../../../src/utils/WidgetUtils-types.ts";
+
+const ROOM_NAME = "Integration Manager Test";
+
+const INTEGRATION_MANAGER_TOKEN = "DefinitelySecret_DoNotUseThisForReal";
+const INTEGRATION_MANAGER_HTML = `
+    <html lang="en">
+        <head>
+            <title>Fake Integration Manager</title>
+        </head>
+        <body>
+            <button name="Send" id="send-action">Press to send action</button>
+            <button name="Close" id="close">Press to close</button>
+            <p id="message-response">No response</p>
+            <script>
+                document.getElementById("send-action").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "get_open_id_token",
+                        },
+                        '*',
+                    );
+                };
+                document.getElementById("close").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "close_scalar",
+                        },
+                        '*',
+                    );
+                };
+                // Listen for a postmessage response
+                window.addEventListener("message", (event) => {
+                    document.getElementById("message-response").innerText = JSON.stringify(event.data);
+                });
+            </script>
+        </body>
+    </html>
+`;
+
+async function sendActionFromIntegrationManager(page: Page, integrationManagerUrl: string) {
+    const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+    await iframe.getByRole("button", { name: "Press to send action" }).click();
+}
+
+test.describe("Integration Manager: Get OpenID Token", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ user, app }, use) => {
+            const roomId = await app.client.createRoom({
+                name: ROOM_NAME,
+            });
+            await use({ roomId });
+        },
+    });
+
+    let integrationManagerUrl: string;
+    test.beforeEach(async ({ page, webserver }) => {
+        integrationManagerUrl = webserver.start(INTEGRATION_MANAGER_HTML);
+
+        await page.addInitScript(
+            ({ token, integrationManagerUrl }) => {
+                window.localStorage.setItem("mx_scalar_token", token);
+                window.localStorage.setItem(`mx_scalar_token_at_${integrationManagerUrl}`, token);
+            },
+            {
+                token: INTEGRATION_MANAGER_TOKEN,
+                integrationManagerUrl,
+            },
+        );
+    });
+
+    test.beforeEach(async ({ page, user, app, room }) => {
+        await app.client.setAccountData("m.widgets", {
+            "m.integration_manager": {
+                content: {
+                    type: "m.integration_manager",
+                    name: "Integration Manager",
+                    url: integrationManagerUrl,
+                    data: {
+                        api_url: integrationManagerUrl,
+                    },
+                },
+                id: "integration-manager",
+            } as unknown as UserWidget,
+        });
+
+        // Succeed when checking the token is valid
+        await page.route(
+            `${integrationManagerUrl}/account?scalar_token=${INTEGRATION_MANAGER_TOKEN}*`,
+            async (route) => {
+                await route.fulfill({
+                    json: {
+                        user_id: user.userId,
+                    },
+                });
+            },
+        );
+
+        await app.viewRoomByName(ROOM_NAME);
+    });
+
+    test("should successfully obtain an openID token", async ({ page, app }) => {
+        await openIntegrationManager(app);
+        await sendActionFromIntegrationManager(page, integrationManagerUrl);
+
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response").getByText(/access_token/)).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/integration-manager/kick.spec.ts b/apps/web/playwright/e2e/integration-manager/kick.spec.ts
new file mode 100644
index 00000000000..e41d95d2bb8
--- /dev/null
+++ b/apps/web/playwright/e2e/integration-manager/kick.spec.ts
@@ -0,0 +1,235 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { closeReleaseAnnouncement } from "@element-hq/element-web-playwright-common";
+
+import type { Page } from "@playwright/test";
+import { test, expect } from "../../element-web-test";
+import { openIntegrationManager } from "./utils";
+import type { UserWidget } from "../../../src/utils/WidgetUtils-types.ts";
+
+const ROOM_NAME = "Integration Manager Test";
+const USER_DISPLAY_NAME = "Alice";
+const BOT_DISPLAY_NAME = "Bob";
+const KICK_REASON = "Goodbye";
+
+const INTEGRATION_MANAGER_TOKEN = "DefinitelySecret_DoNotUseThisForReal";
+const INTEGRATION_MANAGER_HTML = `
+    <html lang="en">
+        <head>
+            <title>Fake Integration Manager</title>
+        </head>
+        <body>
+            <input type="text" id="target-room-id"/>
+            <input type="text" id="target-user-id"/>
+            <button name="Send" id="send-action">Press to send action</button>
+            <button name="Close" id="close">Press to close</button>
+            <script>
+                document.getElementById("send-action").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "kick",
+                            room_id: document.getElementById("target-room-id").value,
+                            user_id: document.getElementById("target-user-id").value,
+                            reason: "${KICK_REASON}",
+                        },
+                        '*',
+                    );
+                };
+                document.getElementById("close").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "close_scalar",
+                        },
+                        '*',
+                    );
+                };
+            </script>
+        </body>
+    </html>
+`;
+
+async function closeIntegrationManager(page: Page, integrationManagerUrl: string) {
+    const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+    await iframe.getByRole("button", { name: "Press to close" }).click();
+}
+
+async function sendActionFromIntegrationManager(
+    page: Page,
+    integrationManagerUrl: string,
+    targetRoomId: string,
+    targetUserId: string,
+) {
+    const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+    await iframe.locator("#target-room-id").fill(targetRoomId);
+    await iframe.locator("#target-user-id").fill(targetUserId);
+    await iframe.getByRole("button", { name: "Press to send action" }).click();
+}
+
+async function expectKickedMessage(page: Page, shouldExist: boolean) {
+    await expect(async () => {
+        await page.locator(".mx_GenericEventListSummary_toggle[aria-expanded=false]").last().click();
+        await expect(page.getByText(`${USER_DISPLAY_NAME} removed ${BOT_DISPLAY_NAME}: ${KICK_REASON}`)).toBeVisible({
+            visible: shouldExist,
+        });
+    }).toPass();
+}
+
+test.describe("Integration Manager: Kick", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ user, app }, use) => {
+            const roomId = await app.client.createRoom({
+                name: ROOM_NAME,
+            });
+            await use({ roomId });
+        },
+        botCreateOpts: {
+            displayName: BOT_DISPLAY_NAME,
+            autoAcceptInvites: true,
+        },
+    });
+
+    let integrationManagerUrl: string;
+    test.beforeEach(async ({ page, webserver }) => {
+        integrationManagerUrl = webserver.start(INTEGRATION_MANAGER_HTML);
+
+        await page.addInitScript(
+            ({ token, integrationManagerUrl }) => {
+                window.localStorage.setItem("mx_scalar_token", token);
+                window.localStorage.setItem(`mx_scalar_token_at_${integrationManagerUrl}`, token);
+            },
+            {
+                token: INTEGRATION_MANAGER_TOKEN,
+                integrationManagerUrl,
+            },
+        );
+    });
+
+    test.beforeEach(async ({ page, user, app, room }) => {
+        await app.client.setAccountData("m.widgets", {
+            "m.integration_manager": {
+                content: {
+                    type: "m.integration_manager",
+                    name: "Integration Manager",
+                    url: integrationManagerUrl,
+                    data: {
+                        api_url: integrationManagerUrl,
+                    },
+                },
+                id: "integration-manager",
+            } as unknown as UserWidget,
+        });
+
+        // Succeed when checking the token is valid
+        await page.route(
+            `${integrationManagerUrl}/account?scalar_token=${INTEGRATION_MANAGER_TOKEN}*`,
+            async (route) => {
+                await route.fulfill({
+                    json: {
+                        user_id: user.userId,
+                    },
+                });
+            },
+        );
+
+        await app.viewRoomByName(ROOM_NAME);
+    });
+
+    test.beforeEach(async ({ page, user, app, room }) => {
+        // Close the release announcement about the new room list sections
+        await closeReleaseAnnouncement(page, "Introducing Sections");
+    });
+
+    test("should kick the target", async ({ page, app, bot: targetUser, room }) => {
+        await app.viewRoomByName(ROOM_NAME);
+        await app.client.inviteUser(room.roomId, targetUser.credentials!.userId);
+        await expect(page.getByText(`${BOT_DISPLAY_NAME} joined the room`)).toBeVisible();
+
+        await openIntegrationManager(app);
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            targetUser.credentials!.userId,
+        );
+        await closeIntegrationManager(page, integrationManagerUrl);
+        await expectKickedMessage(page, true);
+    });
+
+    test("should not kick the target if lacking permissions", async ({ page, app, user, bot: targetUser, room }) => {
+        await app.viewRoomByName(ROOM_NAME);
+        await app.client.inviteUser(room.roomId, targetUser.credentials!.userId);
+        await expect(page.getByText(`${BOT_DISPLAY_NAME} joined the room`)).toBeVisible();
+
+        await app.client.sendStateEvent(room.roomId, "m.room.power_levels", {
+            kick: 50,
+            users: {
+                [user.userId]: 0,
+            },
+        });
+
+        await openIntegrationManager(app);
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            targetUser.credentials!.userId,
+        );
+        await closeIntegrationManager(page, integrationManagerUrl);
+        await expectKickedMessage(page, false);
+    });
+
+    test("should no-op if the target already left", async ({ page, app, bot: targetUser, room }) => {
+        await app.viewRoomByName(ROOM_NAME);
+        await app.client.inviteUser(room.roomId, targetUser.credentials!.userId);
+        await expect(page.getByText(`${BOT_DISPLAY_NAME} joined the room`)).toBeVisible();
+        await targetUser.leave(room.roomId);
+
+        await openIntegrationManager(app);
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            targetUser.credentials!.userId,
+        );
+        await closeIntegrationManager(page, integrationManagerUrl);
+        await expectKickedMessage(page, false);
+    });
+
+    test("should no-op if the target was banned", async ({ page, app, bot: targetUser, room }) => {
+        await app.viewRoomByName(ROOM_NAME);
+        await app.client.inviteUser(room.roomId, targetUser.credentials!.userId);
+        await expect(page.getByText(`${BOT_DISPLAY_NAME} joined the room`)).toBeVisible();
+        await app.client.ban(room.roomId, targetUser.credentials!.userId);
+
+        await openIntegrationManager(app);
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            targetUser.credentials!.userId,
+        );
+        await closeIntegrationManager(page, integrationManagerUrl);
+        await expectKickedMessage(page, false);
+    });
+
+    test("should no-op if the target was never a room member", async ({ page, app, bot: targetUser, room }) => {
+        await app.viewRoomByName(ROOM_NAME);
+
+        await openIntegrationManager(app);
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            targetUser.credentials!.userId,
+        );
+        await closeIntegrationManager(page, integrationManagerUrl);
+        await expectKickedMessage(page, false);
+    });
+});
diff --git a/apps/web/playwright/e2e/integration-manager/read_events.spec.ts b/apps/web/playwright/e2e/integration-manager/read_events.spec.ts
new file mode 100644
index 00000000000..6375f3c7a22
--- /dev/null
+++ b/apps/web/playwright/e2e/integration-manager/read_events.spec.ts
@@ -0,0 +1,226 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { Page } from "@playwright/test";
+import { test, expect } from "../../element-web-test";
+import { openIntegrationManager } from "./utils";
+import type { UserWidget } from "../../../src/utils/WidgetUtils-types.ts";
+
+const ROOM_NAME = "Integration Manager Test";
+
+const INTEGRATION_MANAGER_TOKEN = "DefinitelySecret_DoNotUseThisForReal";
+const INTEGRATION_MANAGER_HTML = `
+    <html lang="en">
+        <head>
+            <title>Fake Integration Manager</title>
+        </head>
+        <body>
+            <input type="text" id="target-room-id"/>
+            <input type="text" id="event-type"/>
+            <input type="text" id="state-key"/>
+            <button name="Send" id="send-action">Press to send action</button>
+            <button name="Close" id="close">Press to close</button>
+            <p id="message-response">No response</p>
+            <script>
+                document.getElementById("send-action").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "read_events",
+                            room_id: document.getElementById("target-room-id").value,
+                            type: document.getElementById("event-type").value,
+                            state_key: JSON.parse(document.getElementById("state-key").value),
+                        },
+                        '*',
+                    );
+                };
+                document.getElementById("close").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "close_scalar",
+                        },
+                        '*',
+                    );
+                };
+                // Listen for a postmessage response
+                window.addEventListener("message", (event) => {
+                    document.getElementById("message-response").innerText = JSON.stringify(event.data);
+                });
+            </script>
+        </body>
+    </html>
+`;
+
+async function sendActionFromIntegrationManager(
+    page: Page,
+    integrationManagerUrl: string,
+    targetRoomId: string,
+    eventType: string,
+    stateKey: string | boolean,
+) {
+    const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+    await iframe.locator("#target-room-id").fill(targetRoomId);
+    await iframe.locator("#event-type").fill(eventType);
+    await iframe.locator("#state-key").fill(JSON.stringify(stateKey));
+    await iframe.locator("#send-action").click();
+}
+
+test.describe("Integration Manager: Read Events", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ user, app }, use) => {
+            const roomId = await app.client.createRoom({
+                name: ROOM_NAME,
+            });
+            await use({ roomId });
+        },
+    });
+
+    let integrationManagerUrl: string;
+    test.beforeEach(async ({ page, webserver }) => {
+        integrationManagerUrl = webserver.start(INTEGRATION_MANAGER_HTML);
+
+        await page.addInitScript(
+            ({ token, integrationManagerUrl }) => {
+                window.localStorage.setItem("mx_scalar_token", token);
+                window.localStorage.setItem(`mx_scalar_token_at_${integrationManagerUrl}`, token);
+            },
+            {
+                token: INTEGRATION_MANAGER_TOKEN,
+                integrationManagerUrl,
+            },
+        );
+    });
+
+    test.beforeEach(async ({ page, user, app, room }) => {
+        await app.client.setAccountData("m.widgets", {
+            "m.integration_manager": {
+                content: {
+                    type: "m.integration_manager",
+                    name: "Integration Manager",
+                    url: integrationManagerUrl,
+                    data: {
+                        api_url: integrationManagerUrl,
+                    },
+                },
+                id: "integration-manager",
+            } as unknown as UserWidget,
+        });
+
+        // Succeed when checking the token is valid
+        await page.route(
+            `${integrationManagerUrl}/account?scalar_token=${INTEGRATION_MANAGER_TOKEN}*`,
+            async (route) => {
+                await route.fulfill({
+                    json: {
+                        user_id: user.userId,
+                    },
+                });
+            },
+        );
+
+        await app.viewRoomByName(ROOM_NAME);
+    });
+
+    test("should read a state event by state key", async ({ page, app, room }) => {
+        const eventType = "io.element.integrations.installations";
+        const eventContent = {
+            foo: "bar",
+        };
+        const stateKey = "state-key-123";
+
+        // Send a state event
+        const sendEventResponse = await app.client.sendStateEvent(room.roomId, eventType, eventContent, stateKey);
+        await openIntegrationManager(app);
+
+        // Read state events
+        await sendActionFromIntegrationManager(page, integrationManagerUrl, room.roomId, eventType, stateKey);
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText(sendEventResponse.event_id);
+        await expect(iframe.locator("#message-response")).toContainText(`"content":${JSON.stringify(eventContent)}`);
+    });
+
+    test("should read a state event with empty state key", async ({ page, app, room }) => {
+        const eventType = "io.element.integrations.installations";
+        const eventContent = {
+            foo: "bar",
+        };
+        const stateKey = "";
+
+        // Send a state event
+        const sendEventResponse = await app.client.sendStateEvent(room.roomId, eventType, eventContent, stateKey);
+        await openIntegrationManager(app);
+
+        // Read state events
+        await sendActionFromIntegrationManager(page, integrationManagerUrl, room.roomId, eventType, stateKey);
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText(sendEventResponse.event_id);
+        await expect(iframe.locator("#message-response")).toContainText(`"content":${JSON.stringify(eventContent)}`);
+    });
+
+    test("should read state events with any state key", async ({ page, app, room }) => {
+        const eventType = "io.element.integrations.installations";
+
+        const stateKey1 = "state-key-123";
+        const eventContent1 = {
+            foo1: "bar1",
+        };
+        const stateKey2 = "state-key-456";
+        const eventContent2 = {
+            foo2: "bar2",
+        };
+        const stateKey3 = "state-key-789";
+        const eventContent3 = {
+            foo3: "bar3",
+        };
+
+        // Send state events
+        const sendEventResponses = await Promise.all([
+            app.client.sendStateEvent(room.roomId, eventType, eventContent1, stateKey1),
+            app.client.sendStateEvent(room.roomId, eventType, eventContent2, stateKey2),
+            app.client.sendStateEvent(room.roomId, eventType, eventContent3, stateKey3),
+        ]);
+
+        await openIntegrationManager(app);
+
+        // Read state events
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            eventType,
+            true, // Any state key
+        );
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText(sendEventResponses[0].event_id);
+        await expect(iframe.locator("#message-response")).toContainText(`"content":${JSON.stringify(eventContent1)}`);
+        await expect(iframe.locator("#message-response")).toContainText(sendEventResponses[1].event_id);
+        await expect(iframe.locator("#message-response")).toContainText(`"content":${JSON.stringify(eventContent2)}`);
+        await expect(iframe.locator("#message-response")).toContainText(sendEventResponses[2].event_id);
+        await expect(iframe.locator("#message-response")).toContainText(`"content":${JSON.stringify(eventContent3)}`);
+    });
+
+    test("should fail to read an event type which is not allowed", async ({ page, app, room }) => {
+        const eventType = "com.example.event";
+        const stateKey = "";
+
+        await openIntegrationManager(app);
+
+        // Read state events
+        await sendActionFromIntegrationManager(page, integrationManagerUrl, room.roomId, eventType, stateKey);
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText("Failed to read events");
+    });
+});
diff --git a/apps/web/playwright/e2e/integration-manager/send_event.spec.ts b/apps/web/playwright/e2e/integration-manager/send_event.spec.ts
new file mode 100644
index 00000000000..f100e7ea640
--- /dev/null
+++ b/apps/web/playwright/e2e/integration-manager/send_event.spec.ts
@@ -0,0 +1,255 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { closeReleaseAnnouncement, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import type { Page } from "@playwright/test";
+import { test, expect } from "../../element-web-test";
+import { openIntegrationManager } from "./utils";
+import type { UserWidget } from "../../../src/utils/WidgetUtils-types.ts";
+
+const ROOM_NAME = "Integration Manager Test";
+
+const INTEGRATION_MANAGER_TOKEN = "DefinitelySecret_DoNotUseThisForReal";
+const INTEGRATION_MANAGER_HTML = `
+    <html lang="en">
+        <head>
+            <title>Fake Integration Manager</title>
+        </head>
+        <body>
+            <input type="text" id="target-room-id"/>
+            <input type="text" id="event-type"/>
+            <input type="text" id="state-key"/>
+            <input type="text" id="event-content"/>
+            <button name="Send" id="send-action">Press to send action</button>
+            <button name="Close" id="close">Press to close</button>
+            <p id="message-response">No response</p>
+            <script>
+                document.getElementById("send-action").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "send_event",
+                            room_id: document.getElementById("target-room-id").value,
+                            type: document.getElementById("event-type").value,
+                            state_key: document.getElementById("state-key").value,
+                            content: JSON.parse(document.getElementById("event-content").value),
+                        },
+                        '*',
+                    );
+                };
+                document.getElementById("close").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "close_scalar",
+                        },
+                        '*',
+                    );
+                };
+                // Listen for a postmessage response
+                window.addEventListener("message", (event) => {
+                    document.getElementById("message-response").innerText = JSON.stringify(event.data);
+                });
+            </script>
+        </body>
+    </html>
+`;
+
+async function sendActionFromIntegrationManager(
+    page: Page,
+    integrationManagerUrl: string,
+    targetRoomId: string,
+    eventType: string,
+    stateKey: string,
+    content: Record<string, unknown>,
+) {
+    const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+    await iframe.locator("#target-room-id").fill(targetRoomId);
+    await iframe.locator("#event-type").fill(eventType);
+    if (stateKey) {
+        await iframe.locator("#state-key").fill(stateKey);
+    }
+    await iframe.locator("#event-content").fill(JSON.stringify(content));
+    await iframe.locator("#send-action").click();
+}
+
+test.describe("Integration Manager: Send Event", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ user, app }, use) => {
+            const roomId = await app.client.createRoom({
+                name: ROOM_NAME,
+            });
+            await use({ roomId });
+        },
+    });
+
+    let integrationManagerUrl: string;
+    test.beforeEach(async ({ page, webserver }) => {
+        integrationManagerUrl = webserver.start(INTEGRATION_MANAGER_HTML);
+
+        await page.addInitScript(
+            ({ token, integrationManagerUrl }) => {
+                window.localStorage.setItem("mx_scalar_token", token);
+                window.localStorage.setItem(`mx_scalar_token_at_${integrationManagerUrl}`, token);
+            },
+            {
+                token: INTEGRATION_MANAGER_TOKEN,
+                integrationManagerUrl,
+            },
+        );
+    });
+
+    test.beforeEach(async ({ page, user, app, room }) => {
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+        // Close the release announcement about the new room list sections
+        await closeReleaseAnnouncement(page, "Introducing Sections");
+
+        await app.client.setAccountData("m.widgets", {
+            "m.integration_manager": {
+                content: {
+                    type: "m.integration_manager",
+                    name: "Integration Manager",
+                    url: integrationManagerUrl,
+                    data: {
+                        api_url: integrationManagerUrl,
+                    },
+                },
+                id: "integration-manager",
+            } as unknown as UserWidget,
+        });
+
+        // Succeed when checking the token is valid
+        await page.route(
+            `${integrationManagerUrl}/account?scalar_token=${INTEGRATION_MANAGER_TOKEN}*`,
+            async (route) => {
+                await route.fulfill({
+                    json: {
+                        user_id: user.userId,
+                    },
+                });
+            },
+        );
+
+        await app.viewRoomByName(ROOM_NAME);
+        await openIntegrationManager(app);
+    });
+
+    test("should send a state event", async ({ page, app, room }) => {
+        const eventType = "io.element.integrations.installations";
+        const eventContent = {
+            foo: "bar",
+        };
+        const stateKey = "state-key-123";
+
+        // Send the event
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            eventType,
+            stateKey,
+            eventContent,
+        );
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText("event_id");
+
+        // Check the event
+        const event = await app.client.evaluate(
+            (cli, { room, eventType, stateKey }) => {
+                return cli.getStateEvent(room.roomId, eventType, stateKey);
+            },
+            { room, eventType, stateKey },
+        );
+        expect(event).toMatchObject(eventContent);
+    });
+
+    test("should send a state event with empty content", async ({ page, app, room }) => {
+        const eventType = "io.element.integrations.installations";
+        const eventContent = {};
+        const stateKey = "state-key-123";
+
+        // Send the event
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            eventType,
+            stateKey,
+            eventContent,
+        );
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText("event_id");
+
+        // Check the event
+        const event = await app.client.evaluate(
+            (cli, { room, eventType, stateKey }) => {
+                return cli.getStateEvent(room.roomId, eventType, stateKey);
+            },
+            { room, eventType, stateKey },
+        );
+        expect(event).toMatchObject({});
+    });
+
+    test("should send a state event with empty state key", async ({ page, app, room }) => {
+        const eventType = "io.element.integrations.installations";
+        const eventContent = {
+            foo: "bar",
+        };
+        const stateKey = "";
+
+        // Send the event
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            eventType,
+            stateKey,
+            eventContent,
+        );
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText("event_id");
+
+        // Check the event
+        const event = await app.client.evaluate(
+            (cli, { room, eventType, stateKey }) => {
+                return cli.getStateEvent(room.roomId, eventType, stateKey);
+            },
+            { room, eventType, stateKey },
+        );
+        expect(event).toMatchObject(eventContent);
+    });
+
+    test("should fail to send an event type which is not allowed", async ({ page, room }) => {
+        const eventType = "com.example.event";
+        const eventContent = {
+            foo: "bar",
+        };
+        const stateKey = "";
+
+        // Send the event
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            eventType,
+            stateKey,
+            eventContent,
+        );
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText("Failed to send event");
+    });
+});
diff --git a/apps/web/playwright/e2e/integration-manager/utils.ts b/apps/web/playwright/e2e/integration-manager/utils.ts
new file mode 100644
index 00000000000..07acb3c9c10
--- /dev/null
+++ b/apps/web/playwright/e2e/integration-manager/utils.ts
@@ -0,0 +1,16 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { ElementAppPage } from "../../pages/ElementAppPage";
+
+export async function openIntegrationManager(app: ElementAppPage) {
+    const { page } = app;
+    await app.toggleRoomInfoPanel();
+    await page.getByRole("menuitem", { name: "Extensions" }).click();
+    await page.getByRole("button", { name: "Add extensions" }).click();
+}
diff --git a/apps/web/playwright/e2e/invite/decline-and-block-invite-dialog.spec.ts b/apps/web/playwright/e2e/invite/decline-and-block-invite-dialog.spec.ts
new file mode 100644
index 00000000000..1dbacaac241
--- /dev/null
+++ b/apps/web/playwright/e2e/invite/decline-and-block-invite-dialog.spec.ts
@@ -0,0 +1,28 @@
+/*
+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 { test, expect } from "../../element-web-test";
+
+test.describe("Decline and block invite dialog", function () {
+    test.use({
+        displayName: "Hanako",
+    });
+
+    test(
+        "should show decline and block dialog for a room",
+        { tag: "@screenshot" },
+        async ({ page, app, user, bot, axe }) => {
+            await bot.createRoom({ name: "Test Room", invite: [user.userId] });
+            await app.viewRoomByName("Test Room");
+            await page.getByRole("button", { name: "Decline and block" }).click();
+
+            axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
+            await expect(axe).toHaveNoViolations();
+            await expect(page.locator(".mx_Dialog")).toMatchScreenshot("decline-and-block-invite-empty.png");
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/invite/invite-dialog.spec.ts b/apps/web/playwright/e2e/invite/invite-dialog.spec.ts
new file mode 100644
index 00000000000..ea518d588da
--- /dev/null
+++ b/apps/web/playwright/e2e/invite/invite-dialog.spec.ts
@@ -0,0 +1,163 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Suguru Hirahara
+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 { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test";
+
+/**
+ * CSS which will hide the mxid in the user list of the "unknown users" confirmation dialog. This is useful because the
+ * MXID is not stable and the screenshot tests will otherwise fail.
+ *
+ * Ideally RichItem would give us a way to do this that doesn't involve gnarly CSS.
+ */
+const UNKNOWN_IDENTITY_USERS_DIALOG_HIDE_MXID_CSS =
+    '[data-testid="userlist"] li > span:nth-last-child(1) { display: none }';
+
+test.describe("Invite dialog", function () {
+    test.use({
+        displayName: "Hanako",
+        botCreateOpts: {
+            displayName: "BotAlice",
+        },
+    });
+
+    const botName = "BotAlice";
+
+    test("should support inviting a user to a room", { tag: "@screenshot" }, async ({ page, app, user, bot }) => {
+        // Create and view a room
+        await app.client.createRoom({ name: "Test Room" });
+        await app.viewRoomByName("Test Room");
+
+        // Assert that the room was configured
+        await expect(page.getByText("Hanako created and configured the room.")).toBeVisible();
+
+        // Open the room info panel
+        await app.toggleRoomInfoPanel();
+
+        await page.locator(".mx_BaseCard").getByRole("menuitem", { name: "Invite" }).click();
+
+        const other = page.locator(".mx_InviteDialog_other");
+        // Assert that the header is rendered
+        await expect(
+            other.locator(".mx_Dialog_header .mx_Dialog_title").getByText("Invite to Test Room"),
+        ).toBeVisible();
+        // Assert that the bar is rendered
+        await expect(other.locator(".mx_InviteDialog_addressBar")).toBeVisible();
+
+        await expect(page.locator(".mx_Dialog")).toMatchScreenshot("invite-dialog-room-without-user.png");
+
+        await expect(other.locator(".mx_InviteDialog_identityServer")).not.toBeVisible();
+
+        await other.getByTestId("invite-dialog-input").fill(bot.credentials!.userId);
+
+        // Assert that notification about identity servers appears after typing userId
+        await expect(other.locator(".mx_InviteDialog_identityServer")).toBeVisible();
+
+        // Assert that the bot id is rendered properly
+        await expect(other.getByRole("option", { name: botName }).getByText(bot.credentials!.userId)).toBeVisible();
+
+        await other.getByRole("option", { name: botName }).click();
+
+        await expect(other.getByTestId("invite-dialog-input-wrapper").getByText(botName)).toBeVisible();
+
+        // Take a snapshot of the invite dialog with a user pill
+        await expect(page.locator(".mx_Dialog")).toMatchScreenshot("invite-dialog-room-with-user-pill.png");
+
+        // Invite the bot
+        await other.getByRole("button", { name: "Invite" }).click();
+
+        // Expect a confirmation dialog, screenshot, and dismiss
+        await expect(
+            page.locator(".mx_Dialog").getByRole("heading", { name: "Invite new contacts to this room?" }),
+        ).toBeVisible();
+        await expect(page.locator(".mx_Dialog")).toMatchScreenshot("confirm-invite-new-contact.png", {
+            css: UNKNOWN_IDENTITY_USERS_DIALOG_HIDE_MXID_CSS,
+        });
+        await page.locator(".mx_Dialog").getByRole("button", { name: "Invite" }).click();
+
+        // Assert that the invite dialog disappears
+        await expect(page.locator(".mx_InviteDialog_other")).not.toBeVisible();
+
+        // Assert that they were invited and joined
+        await expect(page.getByText(`${botName} joined the room`)).toBeVisible();
+    });
+
+    test(
+        "should support inviting a user to Direct Messages",
+        { tag: "@screenshot" },
+        async ({ page, app, user, bot }) => {
+            await rejectToast(page, "Verify this device");
+            await page
+                .getByRole("navigation", { name: "Room list" })
+                .getByRole("button", { name: "New conversation" })
+                .click();
+            await page.getByRole("menuitem", { name: "Start chat" }).click();
+
+            const other = page.locator(".mx_InviteDialog_other");
+            // Assert that the header is rendered
+            await expect(
+                other.locator(".mx_Dialog_header .mx_Dialog_title").getByText("Direct Messages"),
+            ).toBeVisible();
+
+            // Assert that the bar is rendered
+            await expect(other.locator(".mx_InviteDialog_addressBar")).toBeVisible();
+
+            // Take a snapshot of the invite dialog
+            await expect(page.locator(".mx_Dialog")).toMatchScreenshot("invite-dialog-dm-without-user.png");
+
+            await other.getByTestId("invite-dialog-input").fill(bot.credentials!.userId);
+
+            await expect(other.getByRole("option", { name: botName }).getByText(bot.credentials!.userId)).toBeVisible();
+            await other.getByRole("option", { name: botName }).click();
+
+            await expect(other.getByTestId("invite-dialog-input-wrapper").getByText(botName)).toBeVisible();
+
+            // Take a snapshot of the invite dialog with a user pill
+            await expect(page.locator(".mx_Dialog")).toMatchScreenshot("invite-dialog-dm-with-user-pill.png");
+
+            // Open a direct message UI
+            await other.getByRole("button", { name: "Go" }).click();
+
+            // Expect a confirmation dialog, screenshot, and dismiss
+            await expect(
+                page.locator(".mx_Dialog").getByRole("heading", { name: "Start a chat with this new contact?" }),
+            ).toBeVisible();
+            await expect(page.locator(".mx_Dialog")).toMatchScreenshot("confirm-chat-with-new-contact.png", {
+                css: UNKNOWN_IDENTITY_USERS_DIALOG_HIDE_MXID_CSS,
+            });
+            await page.locator(".mx_Dialog").getByRole("button", { name: "Continue" }).click();
+
+            // Assert that the invite dialog disappears
+            await expect(page.locator(".mx_InviteDialog_other")).not.toBeVisible();
+
+            // Assert that the hovered user name on invitation UI does not have background color
+            // TODO: implement the test on room-header.spec.ts
+            const roomHeader = page.locator(".mx_RoomHeader");
+            await roomHeader.locator(".mx_RoomHeader_heading").hover();
+            await expect(roomHeader.locator(".mx_RoomHeader_heading")).toHaveCSS(
+                "background-color",
+                "rgba(0, 0, 0, 0)",
+            );
+
+            await expect(page.locator(".mx_RoomView")).toMatchScreenshot("send_your_first_message_view.png");
+
+            // Send a message to invite the bots
+            const composer = app.getComposer().locator("[contenteditable]");
+            await composer.fill("Hello}");
+            await composer.press("Enter");
+
+            // Assert that they were invited and joined
+            await expect(page.getByText(`${botName} joined the room`)).toBeVisible();
+
+            // Assert that the message is displayed at the bottom
+            await expect(page.locator(".mx_EventTile_last").getByText("Hello")).toBeVisible();
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/knock/create-knock-room.spec.ts b/apps/web/playwright/e2e/knock/create-knock-room.spec.ts
new file mode 100644
index 00000000000..5097d120963
--- /dev/null
+++ b/apps/web/playwright/e2e/knock/create-knock-room.spec.ts
@@ -0,0 +1,92 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test";
+import { waitForRoom } from "../utils";
+import { Filter } from "../../pages/Spotlight";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Create Knock Room", () => {
+    test.skip(isDendrite, "Dendrite does not have support for knocking");
+    test.use({
+        displayName: "Alice",
+        labsFlags: ["feature_ask_to_join"],
+    });
+
+    test("should create a knock room", async ({ page, app, user }) => {
+        await rejectToast(page, "Verify this device");
+
+        const dialog = await app.openCreateRoomDialog();
+        await dialog.getByRole("textbox", { name: "Name" }).fill("Cybersecurity");
+        await dialog.getByRole("button", { name: "Room visibility" }).click();
+        await dialog.getByRole("option", { name: "Ask to join" }).click();
+        await dialog.getByRole("button", { name: "Create room" }).click();
+
+        await expect(page.locator(".mx_RoomHeader").getByText("Cybersecurity")).toBeVisible();
+
+        const roomId = await app.getCurrentRoomIdFromUrl();
+
+        // Room should have a knock join rule
+        await waitForRoom(page, app.client, roomId, (room) => {
+            const events = room.getLiveTimeline().getEvents();
+            return events.some((e) => e.getType() === "m.room.join_rules" && e.getContent().join_rule === "knock");
+        });
+    });
+
+    test("should create a room and change a join rule to knock", async ({ page, app, user }) => {
+        await rejectToast(page, "Verify this device");
+
+        const dialog = await app.openCreateRoomDialog();
+        await dialog.getByRole("textbox", { name: "Name" }).fill("Cybersecurity");
+        await dialog.getByRole("button", { name: "Create room" }).click();
+
+        await expect(page.locator(".mx_RoomHeader").getByText("Cybersecurity")).toBeVisible();
+
+        const roomId = await app.getCurrentRoomIdFromUrl();
+
+        await app.settings.openRoomSettings("Security & Privacy");
+
+        const settingsGroup = page.getByRole("group", { name: "Access" });
+        await expect(settingsGroup.getByRole("radio", { name: "Invite only" })).toBeChecked();
+        await settingsGroup.getByText("Ask to join").click();
+
+        // Room should have a knock join rule
+        await waitForRoom(page, app.client, roomId, (room) => {
+            const events = room.getLiveTimeline().getEvents();
+            return events.some((e) => e.getType() === "m.room.join_rules" && e.getContent().join_rule === "knock");
+        });
+    });
+
+    test("should create a public knock room", async ({ page, app, user }) => {
+        await rejectToast(page, "Verify this device");
+
+        const dialog = await app.openCreateRoomDialog();
+        await dialog.getByRole("textbox", { name: "Name" }).fill("Cybersecurity");
+        await dialog.getByRole("button", { name: "Room visibility" }).click();
+        await dialog.getByRole("option", { name: "Ask to join" }).click();
+        await dialog.getByText("Make this room visible in the public room directory.").click();
+        await dialog.getByRole("button", { name: "Create room" }).click();
+
+        await expect(page.locator(".mx_RoomHeader").getByText("Cybersecurity")).toBeVisible();
+
+        const roomId = await app.getCurrentRoomIdFromUrl();
+
+        // Room should have a knock join rule
+        await waitForRoom(page, app.client, roomId, (room) => {
+            const events = room.getLiveTimeline().getEvents();
+            return events.some((e) => e.getType() === "m.room.join_rules" && e.getContent().join_rule === "knock");
+        });
+
+        const spotlightDialog = await app.openSpotlight();
+        await spotlightDialog.filter(Filter.PublicRooms);
+        await spotlightDialog.search("Cyber");
+        await expect(spotlightDialog.results.nth(0)).toContainText("Cybersecurity");
+    });
+});
diff --git a/apps/web/playwright/e2e/knock/knock-into-room.spec.ts b/apps/web/playwright/e2e/knock/knock-into-room.spec.ts
new file mode 100644
index 00000000000..26440a6e1ea
--- /dev/null
+++ b/apps/web/playwright/e2e/knock/knock-into-room.spec.ts
@@ -0,0 +1,294 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Mikhail Aheichyk
+Copyright 2023 Nordeck IT + Consulting GmbH.
+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 Visibility } from "matrix-js-sdk/src/matrix";
+
+import { test, expect } from "../../element-web-test";
+import { waitForRoom } from "../utils";
+import { Filter } from "../../pages/Spotlight";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Knock Into Room", () => {
+    test.skip(isDendrite, "Dendrite does not have support for knocking");
+    test.use({
+        displayName: "Alice",
+        labsFlags: ["feature_ask_to_join"],
+        botCreateOpts: {
+            displayName: "Bob",
+        },
+        room: async ({ bot }, use) => {
+            const roomId = await bot.createRoom({
+                name: "Cybersecurity",
+                initial_state: [
+                    {
+                        type: "m.room.join_rules",
+                        content: {
+                            join_rule: "knock",
+                        },
+                        state_key: "",
+                    },
+                ],
+            });
+            await use({ roomId });
+        },
+    });
+
+    test("should knock into the room then knock is approved and user joins the room then user is kicked and joins again", async ({
+        page,
+        app,
+        user,
+        bot,
+        room,
+    }) => {
+        await app.viewRoomById(room.roomId);
+
+        const roomPreviewBar = page.locator(".mx_RoomPreviewBar");
+        await roomPreviewBar.getByRole("button", { name: "Join the discussion" }).click();
+        await expect(roomPreviewBar.getByRole("heading", { name: "Ask to join?" })).toBeVisible();
+        await expect(roomPreviewBar.getByRole("textbox")).toBeVisible();
+        await roomPreviewBar.getByRole("button", { name: "Request access" }).click();
+
+        await expect(roomPreviewBar.getByRole("heading", { name: "Request to join sent" })).toBeVisible();
+
+        // Knocked room should appear in Rooms
+        await expect(
+            page.getByTestId("room-list").getByRole("option", { name: "Open room Cybersecurity" }),
+        ).toBeVisible();
+
+        // bot waits for knock request from Alice
+        await waitForRoom(page, bot, room.roomId, (room) => {
+            const events = room.getLiveTimeline().getEvents();
+            return events.some(
+                (e) =>
+                    e.getType() === "m.room.member" &&
+                    e.getContent()?.membership === "knock" &&
+                    e.getContent()?.displayname === "Alice",
+            );
+        });
+
+        // bot invites Alice
+        await bot.inviteUser(room.roomId, user.userId);
+
+        await expect(
+            page.getByTestId("room-list").getByRole("option", { name: "Open room Cybersecurity" }),
+        ).toBeVisible();
+
+        // Alice have to accept invitation in order to join the room.
+        // It will be not needed when homeserver implements auto accept knock requests.
+        await page.locator(".mx_RoomView").getByRole("button", { name: "Accept" }).click();
+
+        await expect(
+            page.getByTestId("room-list").getByRole("option", { name: "Open room Cybersecurity" }),
+        ).toBeVisible();
+
+        await expect(page.getByText("Alice joined the room")).toBeVisible();
+
+        // bot kicks Alice
+        await bot.kick(room.roomId, user.userId);
+
+        await roomPreviewBar.getByRole("button", { name: "Re-join" }).click();
+        await expect(roomPreviewBar.getByRole("heading", { name: "Ask to join Cybersecurity?" })).toBeVisible();
+        await roomPreviewBar.getByRole("button", { name: "Request access" }).click();
+
+        // bot waits for knock request from Alice
+        await waitForRoom(page, bot, room.roomId, (room) => {
+            const events = room.getLiveTimeline().getEvents();
+            return events.some(
+                (e) =>
+                    e.getType() === "m.room.member" &&
+                    e.getContent()?.membership === "knock" &&
+                    e.getContent()?.displayname === "Alice",
+            );
+        });
+
+        // bot invites Alice
+        await bot.inviteUser(room.roomId, user.userId);
+
+        // Alice have to accept invitation in order to join the room.
+        // It will be not needed when homeserver implements auto accept knock requests.
+        await page.locator(".mx_RoomView").getByRole("button", { name: "Accept" }).click();
+
+        await expect(page.getByText("Alice was invited, joined, was removed, was invited, and joined")).toBeVisible();
+    });
+
+    test("should knock into the room then knock is approved and user joins the room then user is banned/unbanned and joins again", async ({
+        page,
+        app,
+        user,
+        bot,
+        room,
+    }) => {
+        await app.viewRoomById(room.roomId);
+
+        const roomPreviewBar = page.locator(".mx_RoomPreviewBar");
+        await roomPreviewBar.getByRole("button", { name: "Join the discussion" }).click();
+        await expect(roomPreviewBar.getByRole("heading", { name: "Ask to join?" })).toBeVisible();
+        await expect(roomPreviewBar.getByRole("textbox")).toBeVisible();
+        await roomPreviewBar.getByRole("button", { name: "Request access" }).click();
+        await expect(roomPreviewBar.getByRole("heading", { name: "Request to join sent" })).toBeVisible();
+
+        // Knocked room should appear in Rooms
+        await expect(
+            page.getByTestId("room-list").getByRole("option", { name: "Open room Cybersecurity" }),
+        ).toBeVisible();
+
+        // bot waits for knock request from Alice
+        await waitForRoom(page, bot, room.roomId, (room) => {
+            const events = room.getLiveTimeline().getEvents();
+            return events.some(
+                (e) =>
+                    e.getType() === "m.room.member" &&
+                    e.getContent()?.membership === "knock" &&
+                    e.getContent()?.displayname === "Alice",
+            );
+        });
+
+        // bot invites Alice
+        await bot.inviteUser(room.roomId, user.userId);
+
+        await expect(
+            page.getByTestId("room-list").getByRole("option", { name: "Open room Cybersecurity" }),
+        ).toBeVisible();
+
+        // Alice have to accept invitation in order to join the room.
+        // It will be not needed when homeserver implements auto accept knock requests.
+        await page.locator(".mx_RoomView").getByRole("button", { name: "Accept" }).click();
+
+        await expect(
+            page.getByTestId("room-list").getByRole("option", { name: "Open room Cybersecurity" }),
+        ).toBeVisible();
+
+        await expect(page.getByText("Alice joined the room")).toBeVisible();
+
+        // bot bans Alice
+        await bot.ban(room.roomId, user.userId);
+
+        await expect(
+            page.locator(".mx_RoomPreviewBar").getByText("You were banned from Cybersecurity by Bob"),
+        ).toBeVisible();
+
+        // bot unbans Alice
+        await bot.unban(room.roomId, user.userId);
+
+        await roomPreviewBar.getByRole("button", { name: "Re-join" }).click();
+        await expect(roomPreviewBar.getByRole("heading", { name: "Ask to join Cybersecurity?" })).toBeVisible();
+        await roomPreviewBar.getByRole("button", { name: "Request access" }).click();
+
+        // bot waits for knock request from Alice
+        await waitForRoom(page, bot, room.roomId, (room) => {
+            const events = room.getLiveTimeline().getEvents();
+            return events.some(
+                (e) =>
+                    e.getType() === "m.room.member" &&
+                    e.getContent()?.membership === "knock" &&
+                    e.getContent()?.displayname === "Alice",
+            );
+        });
+
+        // bot invites Alice
+        await bot.inviteUser(room.roomId, user.userId);
+
+        // Alice have to accept invitation in order to join the room.
+        // It will be not needed when homeserver implements auto accept knock requests.
+        await page.locator(".mx_RoomView").getByRole("button", { name: "Accept" }).click();
+
+        await expect(
+            page.getByText("Alice was invited, joined, was banned, was unbanned, was invited, and joined"),
+        ).toBeVisible();
+    });
+
+    test("should knock into the room and knock is cancelled by user himself", async ({ page, app, bot, room }) => {
+        await app.viewRoomById(room.roomId);
+
+        const roomPreviewBar = page.locator(".mx_RoomPreviewBar");
+        await roomPreviewBar.getByRole("button", { name: "Join the discussion" }).click();
+        await expect(roomPreviewBar.getByRole("heading", { name: "Ask to join?" })).toBeVisible();
+        await expect(roomPreviewBar.getByRole("textbox")).toBeVisible();
+        await roomPreviewBar.getByRole("button", { name: "Request access" }).click();
+        await expect(roomPreviewBar.getByRole("heading", { name: "Request to join sent" })).toBeVisible();
+
+        // Knocked room should appear in Rooms
+        page.getByTestId("room-list").getByRole("option", { name: "Open room Cybersecurity" });
+
+        await roomPreviewBar.getByRole("button", { name: "Cancel request" }).click();
+        await expect(roomPreviewBar.getByRole("heading", { name: "Ask to join Cybersecurity?" })).toBeVisible();
+        await expect(roomPreviewBar.getByRole("button", { name: "Request access" })).toBeVisible();
+
+        await expect(
+            page.getByTestId("room-list").getByRole("option", { name: "Open room Cybersecurity" }),
+        ).not.toBeVisible();
+    });
+
+    test("should knock into the room then knock is cancelled by another user and room is forgotten", async ({
+        page,
+        app,
+        user,
+        bot,
+        room,
+    }) => {
+        await app.viewRoomById(room.roomId);
+
+        const roomPreviewBar = page.locator(".mx_RoomPreviewBar");
+        await roomPreviewBar.getByRole("button", { name: "Join the discussion" }).click();
+        await expect(roomPreviewBar.getByRole("heading", { name: "Ask to join?" })).toBeVisible();
+        await expect(roomPreviewBar.getByRole("textbox")).toBeVisible();
+        await roomPreviewBar.getByRole("button", { name: "Request access" }).click();
+        await expect(roomPreviewBar.getByRole("heading", { name: "Request to join sent" })).toBeVisible();
+
+        // Knocked room should appear in Rooms
+        await expect(
+            page.getByTestId("room-list").getByRole("option", { name: "Open room Cybersecurity" }),
+        ).toBeVisible();
+
+        // bot waits for knock request from Alice
+        await waitForRoom(page, bot, room.roomId, (room) => {
+            const events = room.getLiveTimeline().getEvents();
+            return events.some(
+                (e) =>
+                    e.getType() === "m.room.member" &&
+                    e.getContent()?.membership === "knock" &&
+                    e.getContent()?.displayname === "Alice",
+            );
+        });
+
+        // bot kicks Alice
+        await bot.kick(room.roomId, user.userId);
+
+        // Room should stay in Rooms and have red badge when knock is denied
+        await expect(
+            page
+                .getByTestId("room-list")
+                .getByRole("option", { name: "Open room Cybersecurity with 1 unread mention." }),
+        ).toBeVisible();
+
+        await expect(roomPreviewBar.getByRole("heading", { name: "You have been denied access" })).toBeVisible();
+        await roomPreviewBar.getByRole("button", { name: "Forget this room" }).click();
+
+        // Room should disappear from the list completely when forgotten
+        // Should be enabled when issue is fixed: https://github.com/vector-im/element-web/issues/26195
+        // await expect(page.getByRole("treeitem", { name: /Cybersecurity/ })).not.toBeVisible();
+    });
+
+    test("should knock into the public knock room via spotlight", async ({ page, app, bot, room }) => {
+        await bot.setRoomDirectoryVisibility(room.roomId, "public" as Visibility);
+
+        const spotlightDialog = await app.openSpotlight();
+        await spotlightDialog.filter(Filter.PublicRooms);
+        await spotlightDialog.search("Cyber");
+        await expect(spotlightDialog.results.nth(0)).toContainText("Cybersecurity");
+        await spotlightDialog.results.nth(0).click();
+
+        const roomPreviewBar = page.locator(".mx_RoomPreviewBar");
+        await expect(roomPreviewBar.getByRole("heading", { name: "Ask to join?" })).toBeVisible();
+        await expect(roomPreviewBar.getByRole("textbox")).toBeVisible();
+        await roomPreviewBar.getByRole("button", { name: "Request access" }).click();
+        await expect(roomPreviewBar.getByRole("heading", { name: "Request to join sent" })).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/knock/manage-knocks.spec.ts b/apps/web/playwright/e2e/knock/manage-knocks.spec.ts
new file mode 100644
index 00000000000..3f4c9616caf
--- /dev/null
+++ b/apps/web/playwright/e2e/knock/manage-knocks.spec.ts
@@ -0,0 +1,112 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Mikhail Aheichyk
+Copyright 2023 Nordeck IT + Consulting GmbH.
+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 { test, expect } from "../../element-web-test";
+import { waitForRoom } from "../utils";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Manage Knocks", () => {
+    test.skip(isDendrite, "Dendrite does not have support for knocking");
+    test.use({
+        displayName: "Alice",
+        labsFlags: ["feature_ask_to_join"],
+        botCreateOpts: {
+            displayName: "Bob",
+        },
+        room: async ({ app, user }, use) => {
+            const roomId = await app.client.createRoom({
+                name: "Cybersecurity",
+                initial_state: [
+                    {
+                        type: "m.room.join_rules",
+                        content: {
+                            join_rule: "knock",
+                        },
+                        state_key: "",
+                    },
+                ],
+            });
+            await app.viewRoomById(roomId);
+            await use({ roomId });
+        },
+    });
+
+    test("should approve knock using bar", async ({ page, bot, room }) => {
+        await bot.knockRoom(room.roomId);
+
+        const roomKnocksBar = page.locator(".mx_RoomKnocksBar");
+        await expect(roomKnocksBar.getByRole("heading", { name: "Asking to join" })).toBeVisible();
+        await expect(roomKnocksBar.getByText(/^Bob/)).toBeVisible();
+        await roomKnocksBar.getByRole("button", { name: "Approve" }).click();
+
+        await expect(roomKnocksBar).not.toBeVisible();
+
+        await expect(page.getByText("Alice invited Bob")).toBeVisible();
+    });
+
+    test("should deny knock using bar", async ({ page, app, bot, room }) => {
+        await bot.knockRoom(room.roomId);
+
+        const roomKnocksBar = page.locator(".mx_RoomKnocksBar");
+        await expect(roomKnocksBar.getByRole("heading", { name: "Asking to join" })).toBeVisible();
+        await expect(roomKnocksBar.getByText(/^Bob/)).toBeVisible();
+        await roomKnocksBar.getByRole("button", { name: "Deny" }).click();
+
+        await expect(roomKnocksBar).not.toBeVisible();
+
+        // Should receive Bob's "m.room.member" with "leave" membership when access is denied
+        await waitForRoom(page, app.client, room.roomId, (room) => {
+            const events = room.getLiveTimeline().getEvents();
+            return events.some(
+                (e) =>
+                    e.getType() === "m.room.member" &&
+                    e.getContent()?.membership === "leave" &&
+                    e.getContent()?.displayname === "Bob",
+            );
+        });
+    });
+
+    test("should approve knock using people tab", async ({ page, app, bot, room }) => {
+        await bot.knockRoom(room.roomId, { reason: "Hello, can I join?" });
+
+        await app.settings.openRoomSettings("People");
+
+        const settingsGroup = page.getByRole("group", { name: "Asking to join" });
+        await expect(settingsGroup.getByText(/^Bob/)).toBeVisible();
+        await expect(settingsGroup.getByText("Hello, can I join?")).toBeVisible();
+        await settingsGroup.getByRole("button", { name: "Approve" }).click();
+        await expect(settingsGroup.getByText(/^Bob/)).not.toBeVisible();
+
+        await expect(page.getByText("Alice invited Bob")).toBeVisible();
+    });
+
+    test("should deny knock using people tab", async ({ page, app, bot, room }) => {
+        await bot.knockRoom(room.roomId, { reason: "Hello, can I join?" });
+
+        await app.settings.openRoomSettings("People");
+
+        const settingsGroup = page.getByRole("group", { name: "Asking to join" });
+        await expect(settingsGroup.getByText(/^Bob/)).toBeVisible();
+        await expect(settingsGroup.getByText("Hello, can I join?")).toBeVisible();
+        await settingsGroup.getByRole("button", { name: "Deny" }).click();
+        await expect(settingsGroup.getByText(/^Bob/)).not.toBeVisible();
+
+        // Should receive Bob's "m.room.member" with "leave" membership when access is denied
+        await waitForRoom(page, app.client, room.roomId, (room) => {
+            const events = room.getLiveTimeline().getEvents();
+            return events.some(
+                (e) =>
+                    e.getType() === "m.room.member" &&
+                    e.getContent()?.membership === "leave" &&
+                    e.getContent()?.displayname === "Bob",
+            );
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/lazy-loading/lazy-loading.spec.ts b/apps/web/playwright/e2e/lazy-loading/lazy-loading.spec.ts
new file mode 100644
index 00000000000..7d286b27d4e
--- /dev/null
+++ b/apps/web/playwright/e2e/lazy-loading/lazy-loading.spec.ts
@@ -0,0 +1,155 @@
+/*
+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 { Bot } from "../../pages/bot";
+import type { Locator, Page } from "@playwright/test";
+import type { ElementAppPage } from "../../pages/ElementAppPage";
+import { test, expect } from "../../element-web-test";
+import { type Credentials } from "../../plugins/homeserver";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Lazy Loading", () => {
+    test.skip(isDendrite, "due to a Dendrite bug https://github.com/element-hq/dendrite/issues/3488");
+
+    const charlies: Bot[] = [];
+
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: { displayName: "Bob" },
+    });
+
+    test.beforeEach(async ({ page }) => {
+        await page.addInitScript(() => {
+            window.localStorage.setItem("mx_lhs_size", "0"); // Collapse left panel for these tests
+        });
+    });
+
+    test.beforeEach(async ({ page, homeserver, user, bot, app }) => {
+        // The charlies were running off the bottom of the screen.
+        // We no longer overscan the member list so the result is they are not in the dom.
+        // Increase the viewport size to ensure they are.
+        await page.setViewportSize({ width: 1000, height: 1000 });
+        for (let i = 1; i <= 10; i++) {
+            const displayName = `Charly #${i}`;
+            const bot = new Bot(page, homeserver, { displayName, startClient: false, autoAcceptInvites: false });
+            charlies.push(bot);
+        }
+        await app.client.network.setupRoute();
+    });
+
+    const name = "Lazy Loading Test";
+    const charlyMsg1 = "hi bob!";
+    const charlyMsg2 = "how's it going??";
+    let roomId: string;
+
+    async function setupRoomWithBobAliceAndCharlies(
+        page: Page,
+        app: ElementAppPage,
+        user: Credentials,
+        bob: Bot,
+        charlies: Bot[],
+    ) {
+        const alias = `#lltest:${user.homeServer}`;
+        const visibility = await page.evaluate(() => (window as any).matrixcs.Visibility.Public);
+        roomId = await bob.createRoom({
+            name,
+            room_alias_name: "lltest",
+            visibility,
+        });
+
+        await Promise.all(charlies.map((bot) => bot.joinRoom(alias)));
+        for (const charly of charlies) {
+            await charly.sendMessage(roomId, charlyMsg1);
+        }
+        for (const charly of charlies) {
+            await charly.sendMessage(roomId, charlyMsg2);
+        }
+
+        for (let i = 20; i >= 1; --i) {
+            await bob.sendMessage(roomId, `I will only say this ${i} time(s)!`);
+        }
+        await app.client.joinRoom(alias);
+        await app.viewRoomByName(name);
+    }
+
+    async function checkPaginatedDisplayNames(app: ElementAppPage, charlies: Bot[]) {
+        await app.timeline.scrollToTop();
+        for (const charly of charlies) {
+            await expect(
+                (await app.timeline.findEventTile(charly.credentials!.displayName!, charlyMsg1))!,
+            ).toBeAttached();
+            await expect(
+                (await app.timeline.findEventTile(charly.credentials!.displayName!, charlyMsg2))!,
+            ).toBeAttached();
+        }
+    }
+
+    async function openMemberlist(app: ElementAppPage): Promise<void> {
+        await app.toggleRoomInfoPanel();
+        const { page } = app;
+        await page.locator(".mx_RightPanel").getByRole("menuitem", { name: "People" }).click();
+    }
+
+    function getMemberInMemberlist(page: Page, name: string): Locator {
+        return page.locator(".mx_MemberListView .mx_MemberTileView_name").filter({ hasText: name });
+    }
+
+    async function checkMemberList(page: Page, charlies: Bot[]) {
+        await expect(getMemberInMemberlist(page, "Alice")).toBeAttached();
+        await expect(getMemberInMemberlist(page, "Bob")).toBeAttached();
+        for (const charly of charlies) {
+            await expect(getMemberInMemberlist(page, charly.credentials!.displayName!)).toBeAttached();
+        }
+    }
+
+    async function checkMemberListLacksCharlies(page: Page, charlies: Bot[]) {
+        for (const charly of charlies) {
+            await expect(getMemberInMemberlist(page, charly.credentials!.displayName!)).not.toBeAttached();
+        }
+    }
+
+    async function joinCharliesWhileAliceIsOffline(
+        page: Page,
+        app: ElementAppPage,
+        user: Credentials,
+        charlies: Bot[],
+    ) {
+        const alias = `#lltest:${user.homeServer}`;
+        await app.client.network.goOffline();
+        for (const charly of charlies) {
+            await charly.joinRoom(alias);
+        }
+        for (let i = 20; i >= 1; --i) {
+            await charlies[0].sendMessage(roomId, "where is charly?");
+        }
+        await app.client.network.goOnline();
+        await app.client.waitForNextSync();
+    }
+
+    test("should handle lazy loading properly even when offline", async ({ page, app, bot, user }) => {
+        test.slow();
+        const charly1to5 = charlies.slice(0, 5);
+        const charly6to10 = charlies.slice(5);
+
+        // Set up room with alice, bob & charlies 1-5
+        await setupRoomWithBobAliceAndCharlies(page, app, user, bot, charly1to5);
+        // Alice should see 2 messages from every charly with the correct display name
+        await checkPaginatedDisplayNames(app, charly1to5);
+
+        await openMemberlist(app);
+        await checkMemberList(page, charly1to5);
+        await joinCharliesWhileAliceIsOffline(page, app, user, charly6to10);
+        await checkMemberList(page, charly6to10);
+
+        for (const charly of charlies) {
+            await charly.evaluate((client, roomId) => client.leave(roomId), roomId);
+        }
+
+        await checkMemberListLacksCharlies(page, charlies);
+    });
+});
diff --git a/apps/web/playwright/e2e/left-panel/left-panel.spec.ts b/apps/web/playwright/e2e/left-panel/left-panel.spec.ts
new file mode 100644
index 00000000000..cae6fd8934f
--- /dev/null
+++ b/apps/web/playwright/e2e/left-panel/left-panel.spec.ts
@@ -0,0 +1,23 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Suguru Hirahara
+
+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";
+
+test.describe("LeftPanel", () => {
+    test.use({
+        displayName: "Hanako",
+    });
+
+    test("should render the Rooms list", async ({ page, app, user }) => {
+        // create rooms and check room names are correct
+        for (const name of ["Apple", "Pineapple", "Orange"]) {
+            await app.client.createRoom({ name });
+            await expect(page.getByRole("option", { name: `Open room ${name}` })).toBeVisible();
+        }
+    });
+});
diff --git a/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-collapse.spec.ts b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-collapse.spec.ts
new file mode 100644
index 00000000000..977b0ffa245
--- /dev/null
+++ b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-collapse.spec.ts
@@ -0,0 +1,95 @@
+/*
+ * 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 { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../../element-web-test";
+import type { Locator, Page } from "playwright-core";
+
+test.describe("Collapsible Room list", () => {
+    test.use({
+        displayName: "Alice",
+        lockLeftPanelWidth: false,
+    });
+
+    test.beforeEach(async ({ page, app, user }) => {
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+        for (let i = 0; i < 10; i++) {
+            await app.client.createRoom({ name: `room${i}` });
+        }
+    });
+
+    /**
+     * Resize the panel and return the bounding box
+     * @param pixels The number of pixels by which to resize the panel
+     */
+    async function resize(page: Page, pixels: number): ReturnType<Locator["boundingBox"]> {
+        const leftPanelLocator = page.getByTestId("left-panel");
+        const boundingBox = await leftPanelLocator.boundingBox();
+
+        // Move mouse 2px to the right of the left-panel, this should be region that the user drags to resize the panel.
+        const mouseX = boundingBox!.x + boundingBox!.width + 2;
+        const mouseY = boundingBox!.y + boundingBox!.height / 2;
+
+        await page.mouse.move(mouseX, mouseY);
+        await page.mouse.down();
+        await page.mouse.move(mouseX + pixels, mouseY);
+
+        return boundingBox;
+    }
+
+    test("should be possible to expand/contract the room list", { tag: "@screenshot" }, async ({ page, app, user }) => {
+        await expect(page).toMatchScreenshot("room-list-collapse-default.png");
+        const leftPanelLocator = page.getByTestId("left-panel");
+
+        // Contract the panel
+        let previousBoundingBox = await resize(page, -50);
+        let currentBoundingBox = await leftPanelLocator.boundingBox();
+        expect(currentBoundingBox!.width).toBeCloseTo(previousBoundingBox!.width - 50, 0);
+
+        // Expand the panel
+        previousBoundingBox = await resize(page, 30);
+        currentBoundingBox = await leftPanelLocator.boundingBox();
+        expect(currentBoundingBox!.width).toBeCloseTo(previousBoundingBox!.width + 30, 0);
+    });
+
+    test(
+        "should be possible to fully collapse and expand the left panel",
+        { tag: "@screenshot" },
+        async ({ page, app, user }) => {
+            const leftPanelLocator = page.getByTestId("left-panel");
+
+            // Collapse the panel
+            await resize(page, -300);
+            let currentBoundingBox = await leftPanelLocator.boundingBox();
+            expect(currentBoundingBox!.width).toStrictEqual(0);
+
+            // Expect te separator to be shown
+            const separator = page.getByRole("separator", { name: "Click or drag to expand" });
+            await expect(separator).toBeInViewport();
+            await expect(page).toMatchScreenshot("room-list-collapse-fully-collapsed.png");
+
+            // Should be possible to expand by clicking on the separator
+            await separator.click();
+            currentBoundingBox = await leftPanelLocator.boundingBox();
+            expect(currentBoundingBox!.width).toBeGreaterThan(365);
+
+            // Collapse the panel again
+            await resize(page, -300);
+
+            // Check that the panel can be expanded by dragging the separator
+            const separatorBoundingBox = await separator.boundingBox();
+            const mouseX = separatorBoundingBox!.x + separatorBoundingBox!.width / 2;
+            const mouseY = separatorBoundingBox!.y + separatorBoundingBox!.height / 2;
+            await page.mouse.move(mouseX, mouseY);
+            await page.mouse.down();
+            await page.mouse.move(mouseX + 400, mouseY);
+            expect(currentBoundingBox!.width).toBeGreaterThan(365);
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-custom-sections.spec.ts b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-custom-sections.spec.ts
new file mode 100644
index 00000000000..671fb8cc844
--- /dev/null
+++ b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-custom-sections.spec.ts
@@ -0,0 +1,440 @@
+/*
+ * 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 Page } from "@playwright/test";
+import { closeReleaseAnnouncement, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { expect, test } from "../../../element-web-test";
+import {
+    assertRoomInSection,
+    assertSectionsOrder,
+    dragRoomToSection,
+    dragSectionToSection,
+    getRoomList,
+    getRoomListHeader,
+    getSectionHeader,
+} from "./utils";
+
+test.describe("Room list custom sections", () => {
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: {
+            displayName: "BotBob",
+            autoAcceptInvites: true,
+        },
+    });
+
+    /**
+     * Create a custom section via the header compose menu and dialog.
+     * @param page
+     * @param sectionName The name of the section to create
+     */
+    async function createCustomSection(page: Page, sectionName: string): Promise<void> {
+        const composeMenu = getRoomListHeader(page).getByRole("button", { name: "New conversation" });
+        await composeMenu.click();
+        await page.getByRole("menuitem", { name: "New section" }).click();
+
+        // Fill in the section name in the dialog
+        const dialog = page.getByRole("dialog", { name: "Create a section" });
+        await expect(dialog).toBeVisible();
+        await dialog.getByRole("textbox", { name: "Section name" }).fill(sectionName);
+        await dialog.getByRole("button", { name: "Create section" }).click();
+
+        // Wait for the dialog to close
+        await expect(dialog).not.toBeVisible();
+    }
+
+    test.beforeEach(async ({ page, app, user }) => {
+        // The toasts are displayed above the search section
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+
+        // Close the release announcement about the new room list sections
+        await closeReleaseAnnouncement(page, "Introducing Sections");
+
+        // Focus the user menu to avoid hover decoration
+        await page.getByRole("button", { name: "User menu" }).focus();
+    });
+
+    test.describe("Section creation", () => {
+        test("should create a custom section via the header compose menu", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+
+            await createCustomSection(page, "Work");
+
+            // The custom section header should be visible (even though it is empty)
+            await expect(getSectionHeader(page, "Work")).toBeVisible();
+            // The Chats section should also be visible
+            await expect(getSectionHeader(page, "Chats")).toBeVisible();
+        });
+
+        test("should show 'Section created' toast after creating a section", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+
+            await createCustomSection(page, "Personal");
+
+            // The "Section created" toast should appear
+            await expect(page.getByText("Section created")).toBeVisible();
+        });
+
+        test("should create a custom section via the room option menu", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+
+            const roomList = getRoomList(page);
+            const roomItem = roomList.getByRole("option", { name: "Open room my room" });
+            await expect(roomItem).toBeVisible();
+
+            // Open the More Options menu
+            await roomItem.hover();
+            await roomItem.getByRole("button", { name: "More Options" }).click();
+
+            // Open the "Move to" submenu
+            await page.getByRole("menuitem", { name: "Move to" }).hover();
+
+            // Click on "New section"
+            await page.getByRole("menuitem", { name: "New section" }).click();
+
+            // Fill in the section name in the dialog
+            const dialog = page.getByRole("dialog", { name: "Create a section" });
+            await expect(dialog).toBeVisible();
+            await dialog.getByRole("textbox", { name: "Section name" }).fill("Projects");
+            await dialog.getByRole("button", { name: "Create section" }).click();
+
+            // Wait for the dialog to close
+            await expect(dialog).not.toBeVisible();
+
+            // The custom section should be created
+            await expect(getSectionHeader(page, "Projects")).toBeVisible();
+
+            // Room should be moved to the new section
+            await assertRoomInSection(page, "Projects", "my room");
+        });
+
+        test("should cancel section creation when dialog is dismissed", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+
+            const composeMenu = getRoomListHeader(page).getByRole("button", { name: "New conversation" });
+            await composeMenu.click();
+            await page.getByRole("menuitem", { name: "New section" }).click();
+
+            // The dialog should appear
+            const dialog = page.getByRole("dialog", { name: "Create a section" });
+            await expect(dialog).toBeVisible();
+
+            // Cancel the dialog
+            await dialog.getByRole("button", { name: "Cancel" }).click();
+
+            // The dialog should close
+            await expect(dialog).not.toBeVisible();
+
+            // No custom section should be created - should remain a flat list
+            await expect(getSectionHeader(page, "Chats")).not.toBeVisible();
+        });
+
+        test("should create multiple custom sections", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+
+            await createCustomSection(page, "Work");
+            await createCustomSection(page, "Personal");
+
+            // Both custom sections should be visible
+            await expect(getSectionHeader(page, "Work")).toBeVisible();
+            await expect(getSectionHeader(page, "Personal")).toBeVisible();
+            await expect(getSectionHeader(page, "Chats")).toBeVisible();
+        });
+    });
+
+    test.describe("Custom section display", () => {
+        test("should show empty custom sections", async ({ page, app }) => {
+            // Create a room so the Chats section has something
+            await app.client.createRoom({ name: "my room" });
+
+            await createCustomSection(page, "Empty Section");
+
+            // The custom section should be visible even with no rooms
+            await expect(getSectionHeader(page, "Empty Section")).toBeVisible();
+            // The room should still be in the Chats section
+            const roomList = getRoomList(page);
+            await expect(roomList.getByRole("row", { name: "Open room my room" })).toBeVisible();
+        });
+
+        test("should display custom sections between Favourites and Chats", async ({ page, app }) => {
+            // Create a favourite room
+            const favouriteId = await app.client.createRoom({ name: "favourite room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId);
+
+            // Create a low priority room
+            const lowPrioId = await app.client.createRoom({ name: "low prio room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.lowpriority");
+            }, lowPrioId);
+
+            // Create a regular room
+            await app.client.createRoom({ name: "regular room" });
+
+            // Create a custom section
+            await createCustomSection(page, "Work");
+
+            // All section headers should be visible
+            await expect(getSectionHeader(page, "Favourites")).toBeVisible();
+            await expect(getSectionHeader(page, "Work")).toBeVisible();
+            // Should be expanded by default
+            await expect(getSectionHeader(page, "Work")).toHaveAttribute("aria-expanded", "true");
+            await expect(getSectionHeader(page, "Chats")).toBeVisible();
+            await expect(getSectionHeader(page, "Low Priority")).toBeVisible();
+        });
+    });
+
+    test.describe("Section editing", () => {
+        test("should edit a custom section name via the section header menu", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+            await createCustomSection(page, "Work");
+
+            // Open the section header menu
+            const sectionHeader = getSectionHeader(page, "Work");
+            await sectionHeader.hover();
+            await sectionHeader.getByRole("button", { name: "More options" }).click();
+
+            // Click "Edit section"
+            await page.getByRole("menuitem", { name: "Edit section" }).click();
+
+            // The edit dialog should appear pre-filled with the current name
+            const dialog = page.getByRole("dialog", { name: "Edit a section" });
+            await expect(dialog).toBeVisible();
+            await expect(dialog.getByRole("textbox", { name: "Section name" })).toHaveValue("Work");
+
+            // Change the name and confirm
+            await dialog.getByRole("textbox", { name: "Section name" }).fill("Personal");
+            await dialog.getByRole("button", { name: "Save" }).click();
+
+            // Dialog should close
+            await expect(dialog).not.toBeVisible();
+
+            // Section should have the new name
+            await expect(getSectionHeader(page, "Personal")).toBeVisible();
+            await expect(getSectionHeader(page, "Work")).not.toBeVisible();
+        });
+    });
+
+    test.describe("Section removal", () => {
+        test("should move rooms back to Chats when their section is removed", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+            await createCustomSection(page, "Work");
+            await createCustomSection(page, "Personal");
+
+            const roomList = getRoomList(page);
+
+            // Move room to Work section
+            const roomItem = roomList.getByRole("row", { name: "Open room my room" });
+            await roomItem.hover();
+            await roomItem.getByRole("button", { name: "More Options" }).click();
+            await page.getByRole("menuitem", { name: "Move to" }).hover();
+            await page.getByRole("menuitem", { name: "Work" }).click();
+            await assertRoomInSection(page, "Work", "my room");
+
+            // Remove the Work section
+            const sectionHeader = getSectionHeader(page, "Work");
+            await sectionHeader.hover();
+            await sectionHeader.getByRole("button", { name: "More options" }).click();
+            await page.getByRole("menuitem", { name: "Remove section" }).click();
+            const dialog = page.getByRole("dialog", { name: "Remove section?" });
+            await dialog.getByRole("button", { name: "Remove section" }).click();
+
+            // Section should be gone
+            await expect(getSectionHeader(page, "Work")).not.toBeVisible();
+            // Room should now be in the Chats section
+            await assertRoomInSection(page, "Chats", "my room");
+        });
+    });
+
+    test.describe("Collapse and expand all sections", () => {
+        test("should collapse all sections when 'Collapse all sections' button is clicked", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+            await createCustomSection(page, "Work");
+
+            const roomList = getRoomList(page);
+            const header = getRoomListHeader(page);
+
+            await expect(getSectionHeader(page, "Chats")).toBeVisible();
+            await expect(getSectionHeader(page, "Work")).toBeVisible();
+
+            const collapseButton = header.getByRole("button", { name: "Collapse all sections" });
+            await expect(collapseButton).toBeVisible();
+
+            await expect(roomList.getByRole("row", { name: "Open room my room" })).toBeVisible();
+
+            await collapseButton.click();
+
+            await expect(getSectionHeader(page, "Chats")).toHaveAttribute("aria-expanded", "false");
+            await expect(getSectionHeader(page, "Work")).toHaveAttribute("aria-expanded", "false");
+        });
+
+        test("should expand all sections when 'Expand all sections' button is clicked", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+            await createCustomSection(page, "Work");
+
+            const roomList = getRoomList(page);
+            const header = getRoomListHeader(page);
+
+            await expect(getSectionHeader(page, "Chats")).toBeVisible();
+
+            await header.getByRole("button", { name: "Collapse all sections" }).click();
+            await expect(roomList.getByRole("row", { name: "Open room my room" })).not.toBeVisible();
+
+            await header.getByRole("button", { name: "Expand all sections" }).click();
+
+            await expect(getSectionHeader(page, "Chats")).toHaveAttribute("aria-expanded", "true");
+            await expect(getSectionHeader(page, "Work")).toHaveAttribute("aria-expanded", "true");
+        });
+    });
+
+    test.describe("Section reordering via dnd", () => {
+        test("should reorder custom sections via dnd", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+            await createCustomSection(page, "Work");
+            await createCustomSection(page, "Personal");
+
+            // Default placement: custom sections sit at the top of Chats
+            await assertSectionsOrder(page, ["Work", "Personal", "Chats"]);
+
+            // Moves Work after Chats
+            await dragSectionToSection(page, "Work", "Chats");
+            await assertSectionsOrder(page, ["Personal", "Chats", "Work"]);
+        });
+
+        test("should insert a section before the target when dragging up", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+            await createCustomSection(page, "Work");
+            await createCustomSection(page, "Personal");
+
+            await assertSectionsOrder(page, ["Work", "Personal", "Chats"]);
+
+            // Personal sits below Work, so dragging it onto Work inserts it before Work.
+            await dragSectionToSection(page, "Personal", "Work");
+            await assertSectionsOrder(page, ["Personal", "Work", "Chats"]);
+        });
+    });
+
+    test.describe("Adding a room to a custom section", () => {
+        test("should add a room to a custom section via the More Options menu", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+            await createCustomSection(page, "Work");
+
+            const roomList = getRoomList(page);
+
+            // Room starts in Chats section (aria-level=2)
+            const roomItem = roomList.getByRole("row", { name: "Open room my room" });
+            await expect(roomItem).toBeVisible();
+
+            // Open More Options and move to the Work section
+            await roomItem.hover();
+            await roomItem.getByRole("button", { name: "More Options" }).click();
+            await page.getByRole("menuitem", { name: "Move to" }).hover();
+            await page.getByRole("menuitem", { name: "Work" }).click();
+
+            // Room should now be nested under the Work section header (aria-level=1 → aria-level=2)
+            await assertRoomInSection(page, "Work", "my room");
+        });
+
+        test(
+            "should show 'Chat moved' toast when adding a room to a custom section",
+            { tag: "@screenshot" },
+            async ({ page, app }) => {
+                await app.client.createRoom({ name: "my room" });
+                await createCustomSection(page, "Work");
+
+                const roomList = getRoomList(page);
+                const roomItem = roomList.getByRole("row", { name: "Open room my room" });
+
+                await roomItem.hover();
+                await roomItem.getByRole("button", { name: "More Options" }).click();
+                await page.getByRole("menuitem", { name: "Move to" }).hover();
+                await page.getByRole("menuitem", { name: "Work" }).click();
+
+                // The "Chat moved" toast should appear
+                await expect(page.getByText("Chat moved")).toBeVisible();
+
+                // Remove focus outline from the room item before taking the screenshot
+                await page.getByRole("button", { name: "User menu" }).focus();
+
+                await expect(roomList).toMatchScreenshot("room-list-sections-chat-moved-toast.png");
+            },
+        );
+
+        test("should accept drag and drop into a section created after another section exists", async ({
+            page,
+            app,
+        }) => {
+            await app.client.createRoom({ name: "room A" });
+            await app.client.createRoom({ name: "room B" });
+            await createCustomSection(page, "Work");
+            await createCustomSection(page, "Personal");
+
+            await dragRoomToSection(page, "room A", "Personal");
+            await assertRoomInSection(page, "Personal", "room A");
+
+            await dragRoomToSection(page, "room B", "Work");
+            await assertRoomInSection(page, "Work", "room B");
+        });
+
+        test("should remove a room from a custom section when toggling the same section", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+            await createCustomSection(page, "Work");
+
+            const roomList = getRoomList(page);
+
+            // Move to Work section and verify placement via aria-level
+            let roomItem = roomList.getByRole("row", { name: "Open room my room" });
+            await roomItem.hover();
+            await roomItem.getByRole("button", { name: "More Options" }).click();
+            await page.getByRole("menuitem", { name: "Move to" }).hover();
+            await page.getByRole("menuitem", { name: "Work" }).click();
+
+            await assertRoomInSection(page, "Work", "my room");
+
+            // Toggle off by selecting the same section again
+            roomItem = roomList.getByRole("row", { name: "Open room my room" });
+            await roomItem.hover();
+            await roomItem.getByRole("button", { name: "More Options" }).click();
+            await page.getByRole("menuitem", { name: "Move to" }).hover();
+            await page.getByRole("menuitem", { name: "Work" }).click();
+
+            // Room is back in the Chats section
+            await assertRoomInSection(page, "Chats", "my room");
+        });
+
+        test("should remove a room from a custom section via the 'Remove from section' menu entry", async ({
+            page,
+            app,
+        }) => {
+            await app.client.createRoom({ name: "my room" });
+            await createCustomSection(page, "Work");
+
+            const roomList = getRoomList(page);
+
+            // Move the room to the Work section
+            let roomItem = roomList.getByRole("row", { name: "Open room my room" });
+            await roomItem.hover();
+            await roomItem.getByRole("button", { name: "More Options" }).click();
+            await page.getByRole("menuitem", { name: "Move to" }).hover();
+            await page.getByRole("menuitem", { name: "Work" }).click();
+
+            await assertRoomInSection(page, "Work", "my room");
+
+            // Open the More Options menu and click "Remove from section"
+            roomItem = roomList.getByRole("row", { name: "Open room my room" });
+            await roomItem.hover();
+            await roomItem.getByRole("button", { name: "More Options" }).click();
+            await page.getByRole("menuitem", { name: "Remove from section" }).click();
+
+            // Room is back in the Chats section
+            await assertRoomInSection(page, "Chats", "my room");
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-filter-sort.spec.ts b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-filter-sort.spec.ts
new file mode 100644
index 00000000000..4488d66cc8a
--- /dev/null
+++ b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-filter-sort.spec.ts
@@ -0,0 +1,328 @@
+/*
+ * 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 Visibility } from "matrix-js-sdk/src/matrix";
+import { type Page } from "@playwright/test";
+import { closeReleaseAnnouncement, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { expect, test } from "../../../element-web-test";
+import { SettingLevel } from "../../../../src/settings/SettingLevel";
+import { getFilterCollapseButton, getFilterExpandButton, getPrimaryFilters, getRoomOptionsMenu } from "./utils";
+
+test.describe("Room list filters and sort", () => {
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: {
+            displayName: "BotBob",
+            autoAcceptInvites: true,
+        },
+    });
+
+    /**
+     * Get the room list
+     * @param page
+     */
+    function getRoomList(page: Page) {
+        return page.getByTestId("room-list");
+    }
+
+    test.beforeEach(async ({ page, app, bot, user }) => {
+        // The toasts are displayed above the search section
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+
+        // Close the release announcement about the new room list sections
+        await closeReleaseAnnouncement(page, "Introducing Sections");
+    });
+
+    test("Tombstoned rooms are not shown even when they receive updates", async ({ page, app, bot }) => {
+        // This bug shows up with this setting turned on
+        await app.settings.setValue("Spaces.allRoomsInHome", null, SettingLevel.DEVICE, true);
+
+        /*
+        We will first create a room named 'Old Room' and will invite the bot user to this room.
+        We will also send a simple message in this room.
+        */
+        const oldRoomId = await app.client.createRoom({ name: "Old Room" });
+        await app.client.inviteUser(oldRoomId, bot.credentials!.userId);
+        await bot.joinRoom(oldRoomId);
+        const response = await app.client.sendMessage(oldRoomId, "Hello!");
+
+        /*
+        At this point, we haven't done anything interesting.
+        So we expect 'Old Room' to show up in the room list.
+        */
+        const roomListView = getRoomList(page);
+        const oldRoomTile = roomListView.getByRole("option", { name: "Open room Old Room" });
+        await expect(oldRoomTile).toBeVisible();
+
+        /*
+        Now let's tombstone 'Old Room'.
+        First we create a new room ('New Room') with the predecessor set to the old room..
+        */
+        const newRoomId = await bot.createRoom({
+            name: "New Room",
+            creation_content: {
+                predecessor: {
+                    event_id: response.event_id,
+                    room_id: oldRoomId,
+                },
+            },
+            visibility: "public" as Visibility,
+        });
+
+        /*
+        Now we can send the tombstone event itself to the 'Old Room'.
+        */
+        await app.client.sendStateEvent(oldRoomId, "m.room.tombstone", {
+            body: "This room has been replaced",
+            replacement_room: newRoomId,
+        });
+
+        // Let's join the replaced room.
+        await app.client.joinRoom(newRoomId);
+
+        // We expect 'Old Room' to be hidden from the room list.
+        await expect(oldRoomTile).not.toBeVisible();
+
+        /*
+        Let's say some user in the 'Old Room' changes their display name.
+        This will send events to the all the rooms including 'Old Room'.
+        Nevertheless, the replaced room should not be shown in the room list.
+        */
+        await bot.setDisplayName("MyNewName");
+        await expect(oldRoomTile).not.toBeVisible();
+    });
+
+    test.describe("Room list", () => {
+        let unReadDmId: string;
+        let unReadRoomId: string;
+
+        test.beforeEach(async ({ page, app, bot, user }) => {
+            await app.client.createRoom({ name: "empty room" });
+
+            unReadDmId = await bot.createRoom({
+                name: "unread dm",
+                invite: [user.userId],
+                is_direct: true,
+            });
+            await app.client.joinRoom(unReadDmId);
+            await bot.sendMessage(unReadDmId, "I am a robot. Beep.");
+
+            unReadRoomId = await app.client.createRoom({ name: "unread room" });
+            await app.client.inviteUser(unReadRoomId, bot.credentials!.userId);
+            await bot.joinRoom(unReadRoomId);
+            await bot.sendMessage(unReadRoomId, "I am a robot. Beep.");
+
+            const favouriteId = await app.client.createRoom({ name: "favourite room" });
+            await app.client.evaluate(async (client, favouriteId) => {
+                await client.setRoomTag(favouriteId, "m.favourite", { order: 0.5 });
+            }, favouriteId);
+
+            const lowPrioId = await app.client.createRoom({ name: "Low prio room" });
+            await app.client.evaluate(async (client, id) => {
+                await client.setRoomTag(id, "m.lowpriority", { order: 0.5 });
+            }, lowPrioId);
+
+            await bot.createRoom({
+                name: "invited room",
+                invite: [user.userId],
+                is_direct: true,
+            });
+
+            const mentionRoomId = await app.client.createRoom({ name: "room with mention" });
+            await app.client.inviteUser(mentionRoomId, bot.credentials!.userId);
+            await bot.joinRoom(mentionRoomId);
+
+            const clientBot = await bot.prepareClient();
+            await clientBot.evaluate(
+                async (client, { mentionRoomId, userId }) => {
+                    await client.sendMessage(mentionRoomId, {
+                        // @ts-ignore ignore usage of MsgType.text
+                        "msgtype": "m.text",
+                        "body": "User",
+                        "format": "org.matrix.custom.html",
+                        "formatted_body": `<a href="https://matrix.to/#/${userId}">User</a>`,
+                        "m.mentions": {
+                            user_ids: [userId],
+                        },
+                    });
+                },
+                { mentionRoomId, userId: user.userId },
+            );
+        });
+
+        test("should filter the list (with primary filters)", { tag: "@screenshot" }, async ({ page, app, user }) => {
+            const roomList = getRoomList(page);
+            const primaryFilters = getPrimaryFilters(page);
+
+            const allFilters = await primaryFilters.locator("option").all();
+            for (const filter of allFilters) {
+                expect(await filter.getAttribute("aria-selected")).toBe("false");
+            }
+            await expect(primaryFilters).toMatchScreenshot("unselected-primary-filters.png");
+
+            await primaryFilters.getByRole("option", { name: "Unread" }).click();
+            // only one room should be visible
+            await expect(roomList.getByRole("option", { name: "unread dm" })).toBeVisible();
+            await expect(roomList.getByRole("option", { name: "unread room" })).toBeVisible();
+            await expect.poll(() => roomList.locator("role=option").count()).toBe(4);
+            await expect(primaryFilters).toMatchScreenshot("unread-primary-filters.png");
+
+            await primaryFilters.getByRole("option", { name: "People" }).click();
+            await expect(roomList.getByRole("option", { name: "unread dm" })).toBeVisible();
+            await expect(roomList.getByRole("option", { name: "invited room" })).toBeVisible();
+            await expect.poll(() => roomList.locator("role=option").count()).toBe(2);
+
+            await primaryFilters.getByRole("option", { name: "Rooms" }).click();
+            // "Open room" prefix disambiguates the room tile from the "Toggle Chats section with
+            // unread rooms" section header button, which also matches the "unread room" substring.
+            await expect(roomList.getByRole("button", { name: "Open room unread room" })).toBeVisible();
+            await expect(roomList.getByRole("button", { name: "favourite room" })).toBeVisible();
+            await expect(roomList.getByRole("button", { name: "empty room" })).toBeVisible();
+            await expect(roomList.getByRole("button", { name: "room with mention" })).toBeVisible();
+            await expect(roomList.getByRole("button", { name: "Low prio room" })).toBeVisible();
+            // 5 room tiles spread across 3 sections (Favourites, Rooms, Low priority); each section
+            // header is also a button, so 5 rooms + 3 section headers = 8 buttons.
+            await expect.poll(() => roomList.locator("role=button").count()).toBe(8);
+
+            await getFilterExpandButton(page).click();
+
+            await primaryFilters.getByRole("option", { name: "Mentions" }).click();
+            await expect(roomList.getByRole("option", { name: "room with mention" })).toBeVisible();
+            await expect.poll(() => roomList.locator("role=option").count()).toBe(1);
+
+            await primaryFilters.getByRole("option", { name: "Invites" }).click();
+            await expect(roomList.getByRole("option", { name: "invited room" })).toBeVisible();
+            await expect.poll(() => roomList.locator("role=option").count()).toBe(1);
+
+            await getFilterCollapseButton(page).click();
+            await expect(primaryFilters.locator("role=option").first()).toHaveText("Invites");
+        });
+
+        test(
+            "unread filter should only match unread rooms that have a count",
+            { tag: "@screenshot" },
+            async ({ page, app, bot }) => {
+                const roomListView = getRoomList(page);
+                const primaryFilters = getPrimaryFilters(page);
+
+                // Let's configure unread dm room so that we only get notification for mentions and keywords
+                await app.viewRoomById(unReadDmId);
+                await app.settings.openRoomSettings("Notifications");
+                await page.getByText("@mentions and replies").click();
+                await app.settings.closeDialog();
+
+                // Let's open a room other than unread room or unread dm
+                await roomListView.getByRole("button", { name: "Open room favourite room" }).click();
+
+                // Let's make the bot send a new message in both rooms
+                await bot.sendMessage(unReadDmId, "Hello!");
+                await bot.sendMessage(unReadRoomId, "Hello!");
+
+                // Let's activate the unread filter now
+                await primaryFilters.getByRole("option", { name: "Unread" }).click();
+
+                // Unread filter should only show unread room and not unread dm!
+                const unreadDm = roomListView.getByRole("option", { name: "Open room unread room" });
+                await expect(unreadDm).toBeVisible();
+                await expect(unreadDm).toMatchScreenshot("unread-dm.png");
+                await expect(roomListView.getByRole("option", { name: "Open room unread dm" })).not.toBeVisible();
+            },
+        );
+
+        test("should sort the room list alphabetically", async ({ page }) => {
+            const roomListView = getRoomList(page);
+
+            await getRoomOptionsMenu(page).click();
+            await page.getByRole("menuitemradio", { name: "A-Z" }).click();
+
+            // Favourite + chat section headers are buttons + favourite room
+            await expect(roomListView.getByRole("button").nth(3)).toHaveText(/empty room/);
+        });
+
+        test("should move room to the top on message (chat section) when sorting by activity", async ({
+            page,
+            bot,
+        }) => {
+            const roomListView = getRoomList(page);
+
+            await bot.sendMessage(unReadDmId, "Hello!");
+
+            // Favourite + chat section headers are buttons + favourite room
+            await expect(roomListView.getByRole("button").nth(3)).toHaveText(/unread dm/);
+        });
+    });
+
+    test.describe("Empty room list", () => {
+        /**
+         * Get the empty state
+         * @param page
+         */
+        function getEmptyRoomList(page: Page) {
+            return page.getByTestId("empty-room-list");
+        }
+
+        test("should render the primary filters", { tag: "@screenshot" }, async ({ page, app, user }) => {
+            const primaryFilters = getPrimaryFilters(page);
+            await expect(primaryFilters).toMatchScreenshot("collapsed-primary-filters.png");
+            await getFilterExpandButton(page).click();
+            await expect(primaryFilters).toMatchScreenshot("expanded-primary-filters.png");
+        });
+
+        test(
+            "should render the default placeholder when there is no filter",
+            { tag: "@screenshot" },
+            async ({ page, app, user }) => {
+                const emptyRoomList = getEmptyRoomList(page);
+                await expect(emptyRoomList).toMatchScreenshot("default-empty-room-list.png");
+                await expect(page.getByRole("navigation", { name: "Room list" })).toMatchScreenshot(
+                    "room-panel-empty-room-list.png",
+                );
+            },
+        );
+
+        [
+            { filter: "Unreads", action: "Show all chats" },
+            { filter: "Mentions", action: "See all activity" },
+            { filter: "Invites", action: "See all activity" },
+        ].forEach(({ filter, action }) => {
+            test(
+                `should render the placeholder for ${filter} filter`,
+                { tag: "@screenshot" },
+                async ({ page, app, user }) => {
+                    const primaryFilters = getPrimaryFilters(page);
+                    await getFilterExpandButton(page).click();
+
+                    await primaryFilters.getByRole("option", { name: filter }).click();
+
+                    const emptyRoomList = getEmptyRoomList(page);
+                    await expect(emptyRoomList).toMatchScreenshot(`${filter}-empty-room-list.png`);
+
+                    await emptyRoomList.getByRole("button", { name: action }).click();
+                    await expect(primaryFilters.getByRole("option", { name: filter })).not.toBeChecked();
+                },
+            );
+        });
+
+        ["People", "Rooms"].forEach((filter) => {
+            test(
+                `should render the placeholder for ${filter} filter`,
+                { tag: "@screenshot" },
+                async ({ page, app, user }) => {
+                    const primaryFilters = getPrimaryFilters(page);
+                    await getFilterExpandButton(page).click();
+
+                    await primaryFilters.getByRole("option", { name: filter }).click();
+
+                    const emptyRoomList = getEmptyRoomList(page);
+                    await expect(emptyRoomList).toMatchScreenshot(`${filter}-empty-room-list.png`);
+                },
+            );
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-header.spec.ts b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-header.spec.ts
new file mode 100644
index 00000000000..5f94abc19d2
--- /dev/null
+++ b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-header.spec.ts
@@ -0,0 +1,81 @@
+/*
+ * 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 { closeReleaseAnnouncement, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../../element-web-test";
+import { getHeaderSection } from "./utils";
+
+test.describe("Header section of the room list", () => {
+    test.beforeEach(async ({ page, app, user }) => {
+        // The toasts are displayed above the search section
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+
+        // Close the release announcement about the new room list sections
+        await closeReleaseAnnouncement(page, "Introducing Sections");
+    });
+
+    test("should render the header section", { tag: "@screenshot" }, async ({ page, app, user }) => {
+        const roomListHeader = getHeaderSection(page);
+        await expect(roomListHeader).toMatchScreenshot("room-list-header.png");
+
+        const composeMenu = roomListHeader.getByRole("button", { name: "New conversation" });
+        await composeMenu.click();
+
+        await expect(page.getByRole("menu")).toMatchScreenshot("room-list-header-compose-menu.png");
+
+        // Start chat should open the direct messages dialog
+        await page.getByRole("menuitem", { name: "Start chat" }).click();
+        await expect(page.getByRole("heading", { name: "Direct Messages" })).toBeVisible();
+        await app.closeDialog();
+
+        // New room should open the room creation dialog
+        await composeMenu.click();
+        await page.getByRole("menuitem", { name: "New room" }).click();
+        await expect(page.getByRole("heading", { name: "Create a private room" })).toBeVisible();
+        await app.closeDialog();
+    });
+
+    test("should render the header section for a space", { tag: "@screenshot" }, async ({ page, app, user }) => {
+        await app.client.createSpace({ name: "MySpace" });
+        await page.getByRole("button", { name: "MySpace" }).click();
+
+        const roomListHeader = getHeaderSection(page);
+        await expect(roomListHeader).toMatchScreenshot("room-list-space-header.png");
+
+        await expect(roomListHeader.getByRole("heading", { name: "MySpace" })).toBeVisible();
+        await expect(roomListHeader.getByRole("button", { name: "New conversation" })).toBeVisible();
+
+        const spaceMenu = roomListHeader.getByRole("button", { name: "Open space menu" });
+        await spaceMenu.click();
+
+        await expect(page.getByRole("menu")).toMatchScreenshot("room-list-header-space-menu.png");
+
+        // It should open the space home
+        await page.getByRole("menuitem", { name: "Space home" }).click();
+        await expect(page.getByRole("main").getByRole("heading", { name: "MySpace" })).toBeVisible();
+
+        // It should open the invite dialog
+        await spaceMenu.click();
+        await page.getByRole("menuitem", { name: "Invite" }).click();
+        await expect(page.getByRole("heading", { name: "Invite to MySpace" })).toBeVisible();
+        await app.closeDialog();
+
+        // It should open the space preferences
+        await spaceMenu.click();
+        await page.getByRole("menuitem", { name: "Preferences" }).click();
+        await expect(page.getByRole("heading", { name: "Preferences" })).toBeVisible();
+        await app.closeDialog();
+
+        // It should open the space settings
+        await spaceMenu.click();
+        await page.getByRole("menuitem", { name: "Space Settings" }).click();
+        await expect(page.getByRole("heading", { name: "Settings" })).toBeVisible();
+        await app.closeDialog();
+    });
+});
diff --git a/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts
new file mode 100644
index 00000000000..1630e44a4c8
--- /dev/null
+++ b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts
@@ -0,0 +1,46 @@
+/*
+ * 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 { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../../element-web-test";
+import { getRoomListView } from "./utils";
+
+test.describe("Room list panel", () => {
+    test.use({
+        displayName: "Eve",
+    });
+
+    test.beforeEach(async ({ page, app, user }) => {
+        // The toasts are displayed above the search section
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+
+        // Populate the room list
+        for (let i = 0; i < 20; i++) {
+            await app.client.createRoom({ name: `room${i}` });
+        }
+
+        // focus the user menu to avoid to have hover decoration
+        await page.getByRole("button", { name: "User menu" }).focus();
+    });
+
+    test("should render the room list panel", { tag: "@screenshot" }, async ({ page, app, user }) => {
+        const roomListView = getRoomListView(page);
+        // Wait for the last room to be visible
+        await expect(roomListView.getByRole("option", { name: "Open room room19" })).toBeVisible();
+        await expect(roomListView).toMatchScreenshot("room-list-panel.png");
+    });
+
+    test.describe("small screen", () => {
+        test.use({ lockLeftPanelWidth: false });
+        test("should respond to small screen sizes", { tag: "@screenshot" }, async ({ page }) => {
+            await page.setViewportSize({ width: 575, height: 600 });
+            await expect(page).toMatchScreenshot("room-list-panel-smallscreen.png");
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-search.spec.ts b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-search.spec.ts
new file mode 100644
index 00000000000..665d2431d2a
--- /dev/null
+++ b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-search.spec.ts
@@ -0,0 +1,43 @@
+/*
+ * 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 { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../../element-web-test";
+import { getSearchSection } from "./utils";
+
+test.describe("Search section of the room list", () => {
+    test.beforeEach(async ({ page, app, user }) => {
+        // The toasts are displayed above the search section
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+    });
+
+    test("should render the search section", { tag: "@screenshot" }, async ({ page, app, user }) => {
+        const searchSection = getSearchSection(page);
+        // exact=false to ignore the shortcut which is related to the OS
+        await expect(searchSection.getByRole("button", { name: "Search", exact: false })).toBeVisible();
+        await expect(searchSection).toMatchScreenshot("search-section.png");
+    });
+
+    test("should open the spotlight when the search button is clicked", async ({ page, app, user }) => {
+        const searchSection = getSearchSection(page);
+        await searchSection.getByRole("button", { name: "Search", exact: false }).click();
+        // The spotlight should be displayed
+        await expect(page.getByRole("dialog", { name: "Search Dialog" })).toBeVisible();
+    });
+
+    test("should open the room directory when the search button is clicked", async ({ page, app, user }) => {
+        const searchSection = getSearchSection(page);
+        await searchSection.getByRole("button", { name: "Explore rooms" }).click();
+        const dialog = page.getByRole("dialog", { name: "Search Dialog" });
+        // The room directory should be displayed
+        await expect(dialog).toBeVisible();
+        // The public room filter should be displayed
+        await expect(dialog.getByText("Public rooms")).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-sections.spec.ts b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-sections.spec.ts
new file mode 100644
index 00000000000..5e36ff01a21
--- /dev/null
+++ b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-sections.spec.ts
@@ -0,0 +1,619 @@
+/*
+ * 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 { rejectToast, rejectToastIfExists } from "@element-hq/element-web-playwright-common";
+
+import { expect, test } from "../../../element-web-test";
+import { SettingLevel } from "../../../../src/settings/SettingLevel";
+import { assertRoomInSection, dragRoomToSection, getPrimaryFilters, getRoomList, getSectionHeader } from "./utils";
+
+test.describe("Room list sections", () => {
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: {
+            displayName: "BotBob",
+            autoAcceptInvites: true,
+        },
+    });
+
+    test.beforeEach(async ({ page, app, user }) => {
+        // The toasts are displayed above the search section
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+
+        // focus the user menu to avoid to have hover decoration
+        await page.getByRole("button", { name: "User menu" }).focus();
+    });
+
+    test.describe("Section rendering", () => {
+        test.beforeEach(async ({ app, user }) => {
+            // Create regular rooms
+            for (let i = 0; i < 3; i++) {
+                await app.client.createRoom({ name: `room${i}` });
+            }
+        });
+
+        test("should render sections with correct rooms in each", { tag: "@screenshot" }, async ({ page, app }) => {
+            // Create a favourite room
+            const favouriteId = await app.client.createRoom({ name: "favourite room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId);
+
+            // Create a low priority room
+            const lowPrioId = await app.client.createRoom({ name: "low prio room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.lowpriority");
+            }, lowPrioId);
+
+            const roomList = getRoomList(page);
+
+            // All three section headers should be visible
+            await expect(getSectionHeader(page, "Favourites")).toBeVisible();
+            await expect(getSectionHeader(page, "Chats")).toBeVisible();
+            await expect(getSectionHeader(page, "Low Priority")).toBeVisible();
+
+            // Ensure all rooms are visible
+            await expect(roomList.getByRole("row", { name: "Open room favourite room" })).toBeVisible();
+            await expect(roomList.getByRole("row", { name: "Open room low prio room" })).toBeVisible();
+            await expect(roomList.getByRole("row", { name: "Open room room0" })).toBeVisible();
+
+            await expect(roomList).toMatchScreenshot("room-list-sections.png");
+        });
+
+        test("should only show non-empty sections", async ({ page, app }) => {
+            // No low priority rooms created, only regular and favourite rooms
+            const favouriteId = await app.client.createRoom({ name: "favourite room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId);
+
+            // Chats and Favourites sections should still be visible
+            await expect(getSectionHeader(page, "Chats")).toBeVisible();
+            await expect(getSectionHeader(page, "Favourites")).toBeVisible();
+            // Low Priority sections should not be visible
+            await expect(getSectionHeader(page, "Low Priority")).not.toBeVisible();
+        });
+
+        test("should render a flat list when there is only rooms in Chats section", async ({ page, app }) => {
+            // All sections should not be visible
+            await expect(getSectionHeader(page, "Chats")).not.toBeVisible();
+            await expect(getSectionHeader(page, "Favourites")).not.toBeVisible();
+            await expect(getSectionHeader(page, "Low Priority")).not.toBeVisible();
+            // It should be a flat list (using listbox a11y role)
+            await expect(page.getByRole("listbox", { name: "Room list", exact: true })).toBeVisible();
+            await expect(getRoomList(page).getByRole("option", { name: "Open room room0" })).toBeVisible();
+        });
+    });
+
+    test.describe("Show sections setting", () => {
+        test.beforeEach(async ({ app }) => {
+            // A favourite room and a regular room so that, when sections are enabled, we get
+            // two meaningful sections (Favourites + Chats).
+            const favouriteId = await app.client.createRoom({ name: "favourite room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId);
+            await app.client.createRoom({ name: "regular room" });
+        });
+
+        test("toggling RoomList.showSections switches between a sectioned and a flat list", async ({ page, app }) => {
+            const roomList = getRoomList(page);
+
+            // Sections are enabled by default: section headers are visible and rooms render as treegrid rows.
+            await expect(getSectionHeader(page, "Favourites")).toBeVisible();
+            await expect(getSectionHeader(page, "Chats")).toBeVisible();
+            await expect(roomList.getByRole("row", { name: "Open room favourite room" })).toBeVisible();
+
+            // Disable sections
+            await app.settings.setValue("RoomList.showSections", null, SettingLevel.ACCOUNT, false);
+
+            // The list becomes flat: no section headers, rooms render as listbox options.
+            await expect(getSectionHeader(page, "Favourites")).not.toBeVisible();
+            await expect(getSectionHeader(page, "Chats")).not.toBeVisible();
+            await expect(page.getByRole("listbox", { name: "Room list", exact: true })).toBeVisible();
+            await expect(roomList.getByRole("option", { name: "Open room favourite room" })).toBeVisible();
+            await expect(roomList.getByRole("option", { name: "Open room regular room" })).toBeVisible();
+
+            // Re-enable sections
+            await app.settings.setValue("RoomList.showSections", null, SettingLevel.ACCOUNT, true);
+
+            // The sections reappear.
+            await expect(getSectionHeader(page, "Favourites")).toBeVisible();
+            await expect(getSectionHeader(page, "Chats")).toBeVisible();
+            await expect(roomList.getByRole("row", { name: "Open room favourite room" })).toBeVisible();
+        });
+    });
+
+    test.describe("Filters when sections are disabled", () => {
+        test.beforeEach(async ({ app }) => {
+            await app.settings.setValue("RoomList.showSections", null, SettingLevel.ACCOUNT, false);
+
+            // A favourite room, a low priority room, and a regular room.
+            const favouriteId = await app.client.createRoom({ name: "favourite room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId);
+            const lowPrioId = await app.client.createRoom({ name: "low prio room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.lowpriority");
+            }, lowPrioId);
+            await app.client.createRoom({ name: "regular room" });
+        });
+
+        test("shows the Favourites and Low Priority filters and filters the flat list", async ({ page }) => {
+            const roomList = getRoomList(page);
+            const primaryFilters = getPrimaryFilters(page);
+
+            // Expand the filter list to reveal all filters
+            await primaryFilters.getByRole("button", { name: "Expand filter list" }).click();
+
+            // The Favourites and Low Priority filters are available again when sections are disabled
+            await expect(primaryFilters.getByRole("option", { name: "Favourites" })).toBeVisible();
+            await expect(primaryFilters.getByRole("option", { name: "Low priority" })).toBeVisible();
+
+            // Filtering by Favourites shows only the favourite room
+            await primaryFilters.getByRole("option", { name: "Favourites" }).click();
+            await expect(roomList.getByRole("option", { name: "Open room favourite room" })).toBeVisible();
+            await expect(roomList.getByRole("option", { name: "Open room regular room" })).not.toBeVisible();
+            await expect(roomList.getByRole("option", { name: "Open room low prio room" })).not.toBeVisible();
+
+            // Switching to the Low Priority filter shows only the low priority room
+            await primaryFilters.getByRole("option", { name: "Low priority" }).click();
+            await expect(roomList.getByRole("option", { name: "Open room low prio room" })).toBeVisible();
+            await expect(roomList.getByRole("option", { name: "Open room favourite room" })).not.toBeVisible();
+        });
+    });
+
+    test.describe("Section collapse and expand", () => {
+        [
+            { section: "Favourites", roomName: "favourite room", tag: "m.favourite" },
+            { section: "Low Priority", roomName: "low prio room", tag: "m.lowpriority" },
+        ].forEach(({ section, roomName, tag }) => {
+            test(`should collapse and expand the ${section} section`, async ({ page, app }) => {
+                const roomId = await app.client.createRoom({ name: roomName });
+                if (tag) {
+                    await app.client.evaluate(
+                        async (client, { roomId, tag }) => {
+                            await client.setRoomTag(roomId, tag);
+                        },
+                        { roomId, tag },
+                    );
+                }
+
+                const roomList = getRoomList(page);
+                const sectionHeader = getSectionHeader(page, section);
+
+                // The room should be visible
+                await expect(roomList.getByRole("row", { name: `Open room ${roomName}` })).toBeVisible();
+
+                // Collapse the section
+                await sectionHeader.click();
+
+                // The room should no longer be visible
+                await expect(roomList.getByRole("row", { name: `Open room ${roomName}` })).not.toBeVisible();
+
+                // The section header should still be visible
+                await expect(sectionHeader).toBeVisible();
+
+                // Expand the section again
+                await sectionHeader.click();
+
+                // The room should be visible again
+                await expect(roomList.getByRole("row", { name: `Open room ${roomName}` })).toBeVisible();
+            });
+        });
+
+        test("should render collapsed section", { tag: "@screenshot" }, async ({ page, app }) => {
+            const favouriteId = await app.client.createRoom({ name: "favourite room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId);
+
+            await app.client.createRoom({ name: "regular room" });
+
+            const roomList = getRoomList(page);
+
+            // Collapse the Favourites section
+            await getSectionHeader(page, "Favourites").click();
+
+            // Verify favourite room is hidden but regular room is still visible
+            await expect(roomList.getByRole("row", { name: "Open room favourite room" })).not.toBeVisible();
+            await expect(roomList.getByRole("row", { name: "Open room regular room" })).toBeVisible();
+
+            await expect(roomList).toMatchScreenshot("room-list-sections-collapsed.png");
+        });
+    });
+
+    test.describe("Section collapse state persistence", () => {
+        test.beforeEach(async ({ app }) => {
+            // A favourite room (so we get a Favourites section) and a regular room in Chats,
+            // giving us two independent sections whose expansion state we can assert.
+            const favouriteId = await app.client.createRoom({ name: "favourite room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId);
+            await app.client.createRoom({ name: "regular room" });
+        });
+
+        test("persists the collapsed/expanded state across reloads", async ({ page }) => {
+            const roomList = getRoomList(page);
+            const favouritesHeader = getSectionHeader(page, "Favourites");
+            const chatsHeader = getSectionHeader(page, "Chats");
+            const favRoom = roomList.getByRole("row", { name: "Open room favourite room" });
+            const regularRoom = roomList.getByRole("row", { name: "Open room regular room" });
+
+            // Collapse both the Favourites and Chats sections
+            await expect(favouritesHeader).toHaveAttribute("aria-expanded", "true");
+            await favouritesHeader.click();
+            await expect(favouritesHeader).toHaveAttribute("aria-expanded", "false");
+            await expect(favRoom).not.toBeVisible();
+
+            await expect(chatsHeader).toHaveAttribute("aria-expanded", "true");
+            await chatsHeader.click();
+            await expect(chatsHeader).toHaveAttribute("aria-expanded", "false");
+            await expect(regularRoom).not.toBeVisible();
+
+            // Reload the page: the collapsed state is persisted at the device level and should survive
+            await page.reload();
+            await rejectToastIfExists(page, "Verify this device");
+            await rejectToastIfExists(page, "Notifications");
+
+            // Both sections are still collapsed and their rooms stay hidden
+            await expect(getSectionHeader(page, "Favourites")).toHaveAttribute("aria-expanded", "false");
+            await expect(getRoomList(page).getByRole("row", { name: "Open room favourite room" })).not.toBeVisible();
+            await expect(getSectionHeader(page, "Chats")).toHaveAttribute("aria-expanded", "false");
+            await expect(getRoomList(page).getByRole("row", { name: "Open room regular room" })).not.toBeVisible();
+
+            // Expand them again and reload: the expanded state is likewise persisted
+            await getSectionHeader(page, "Favourites").click();
+            await expect(getSectionHeader(page, "Favourites")).toHaveAttribute("aria-expanded", "true");
+            await getSectionHeader(page, "Chats").click();
+            await expect(getSectionHeader(page, "Chats")).toHaveAttribute("aria-expanded", "true");
+
+            await page.reload();
+            await rejectToastIfExists(page, "Verify this device");
+            await rejectToastIfExists(page, "Notifications");
+
+            await expect(getSectionHeader(page, "Favourites")).toHaveAttribute("aria-expanded", "true");
+            await expect(getRoomList(page).getByRole("row", { name: "Open room favourite room" })).toBeVisible();
+            await expect(getSectionHeader(page, "Chats")).toHaveAttribute("aria-expanded", "true");
+            await expect(getRoomList(page).getByRole("row", { name: "Open room regular room" })).toBeVisible();
+        });
+    });
+
+    test.describe("Rooms placement in sections", () => {
+        test("should move a room between sections when tags change", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+
+            const roomList = getRoomList(page);
+
+            // Flat list because there is only rooms in the Chats section
+            let roomItem = roomList.getByRole("option", { name: "Open room my room" });
+            await expect(roomItem).toBeVisible();
+
+            // Favourite the room via context menu
+            await roomItem.click({ button: "right" });
+            await page.getByRole("menuitemcheckbox", { name: "Favourited" }).click();
+
+            // The Favourites section header should now be visible and the room should be under it
+            await expect(getSectionHeader(page, "Favourites")).toBeVisible();
+            roomItem = roomList.getByRole("row", { name: "Open room my room" });
+            await expect(roomItem).toBeVisible();
+
+            // Unfavourite the room
+            await roomItem.hover();
+            await roomItem.getByRole("button", { name: "More Options" }).click();
+            await page.getByRole("menuitemcheckbox", { name: "Favourited" }).click();
+
+            // Mark the room as low priority via context menu
+            roomItem = roomList.getByRole("option", { name: "Open room my room" });
+            await roomItem.click({ button: "right" });
+            await page.getByRole("menuitemcheckbox", { name: "Low priority" }).click();
+
+            // The Low Priority section header should now be visible and the room should be under it
+            await expect(getSectionHeader(page, "Low Priority")).toBeVisible();
+            roomItem = roomList.getByRole("row", { name: "Open room my room" });
+            await expect(roomItem).toBeVisible();
+        });
+
+        test("should move a room from Chats to Favourites when using dnd", async ({ page, app }) => {
+            await app.client.createRoom({ name: "my room" });
+
+            const favouriteId = await app.client.createRoom({ name: "favourite room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId);
+
+            await dragRoomToSection(page, "my room", "Favourites");
+            await assertRoomInSection(page, "Favourites", "my room");
+        });
+
+        test("should move a room from Favourites to Chats when using dnd", async ({ page, app }) => {
+            const favouriteId = await app.client.createRoom({ name: "my room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId);
+
+            // Create a second favourite room to ensure we stay in section mode (not flat list)
+            const favouriteId2 = await app.client.createRoom({ name: "favourite room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId2);
+
+            // Ensure the Chats section is visible by creating a room in it
+            await app.client.createRoom({ name: "room in chats" });
+
+            await dragRoomToSection(page, "my room", "Chats");
+            await assertRoomInSection(page, "Chats", "my room");
+        });
+    });
+
+    test.describe("Section header notification", () => {
+        test("should show unread indicator on section header", async ({ page, app, bot }) => {
+            // Create a favourite room
+            const favouriteId = await app.client.createRoom({ name: "favourite room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId);
+
+            const roomList = getRoomList(page);
+
+            // Invite the bot and have it send a message to generate an unread
+            await app.client.inviteUser(favouriteId, bot.credentials!.userId);
+            await bot.joinRoom(favouriteId);
+            await bot.sendMessage(favouriteId, "Hello from bot!");
+
+            let sectionHeader = getSectionHeader(page, "Favourites", true);
+            await expect(sectionHeader).toBeVisible();
+
+            // Open the room to mark it as read
+            await roomList.getByRole("row", { name: "Open room favourite room" }).click();
+
+            // The section should no longer be unread
+            sectionHeader = getSectionHeader(page, "Favourites", false);
+            await expect(sectionHeader).toBeVisible();
+        });
+
+        test(
+            "should aggregate notification decorations on the collapsed section header",
+            { tag: "@screenshot" },
+            async ({ page, app, user, bot }) => {
+                // A favourite room to keep the room list in section mode (otherwise it renders as a flat list)
+                const favouriteId = await app.client.createRoom({ name: "favourite room" });
+                await app.client.evaluate(async (client, roomId) => {
+                    await client.setRoomTag(roomId, "m.favourite");
+                }, favouriteId);
+
+                // A room with a mention, landing in the Chats section
+                const mentionId = await app.client.createRoom({ name: "mention room" });
+                await app.client.inviteUser(mentionId, bot.credentials!.userId);
+                await bot.joinRoom(mentionId);
+                const clientBot = await bot.prepareClient();
+                await clientBot.evaluate(
+                    async (client, { roomId, userId }) => {
+                        await client.sendMessage(roomId, {
+                            // @ts-ignore ignore usage of MsgType.text
+                            "msgtype": "m.text",
+                            "body": "User",
+                            "format": "org.matrix.custom.html",
+                            "formatted_body": `<a href="https://matrix.to/#/${userId}">User</a>`,
+                            "m.mentions": {
+                                user_ids: [userId],
+                            },
+                        });
+                    },
+                    { roomId: mentionId, userId: user.userId },
+                );
+
+                // A room we are invited to, landing in the Chats section
+                await bot.createRoom({
+                    name: "invited room",
+                    invite: [user.userId],
+                    is_direct: true,
+                });
+
+                const roomList = getRoomList(page);
+
+                // Wait for the mention decoration to sync onto the mention room before collapsing, so the
+                // section header aggregation has the room states available.
+                await expect(
+                    roomList.getByRole("row", { name: /mention room/ }).getByTestId("notification-decoration"),
+                ).toBeVisible();
+
+                // Collapse the Chats section so the aggregated decoration is displayed on its header
+                const chatsHeader = getSectionHeader(page, "Chats", true);
+                await expect(chatsHeader).toBeVisible();
+                await chatsHeader.click();
+
+                // The header hides its decoration while hovered/focused, so move the pointer away
+                await page.mouse.move(0, 0);
+
+                // The collapsed header aggregates the mention and the invitation
+                await expect(chatsHeader.getByTestId("notification-decoration")).toBeVisible();
+
+                await expect(chatsHeader).toMatchScreenshot("room-list-section-header-notification.png");
+            },
+        );
+    });
+
+    test.describe("Sections and filters interaction", () => {
+        test("should not show Favourite and Low Priority filters when sections are enabled", async ({ page, app }) => {
+            const primaryFilters = getPrimaryFilters(page);
+
+            // Expand the filter list to see all filters
+            const expandButton = primaryFilters.getByRole("button", { name: "Expand filter list" });
+            await expandButton.click();
+
+            // Favourite and Low Priority filters should NOT be visible since sections handle them
+            await expect(primaryFilters.getByRole("option", { name: "Favourite" })).not.toBeVisible();
+
+            // Other filters should still be present
+            await expect(primaryFilters.getByRole("option", { name: "People" })).toBeVisible();
+            await expect(primaryFilters.getByRole("option", { name: "Rooms" })).toBeVisible();
+            await expect(primaryFilters.getByRole("option", { name: "Unread" })).toBeVisible();
+        });
+
+        test("should maintain sections when a filter is applied", async ({ page, app, bot }) => {
+            // Create a favourite room with unread messages
+            const favouriteId = await app.client.createRoom({ name: "fav with unread" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId);
+            await app.client.inviteUser(favouriteId, bot.credentials!.userId);
+            await bot.joinRoom(favouriteId);
+            await bot.sendMessage(favouriteId, "Hello from favourite!");
+
+            // Create a regular room with unread messages
+            const regularId = await app.client.createRoom({ name: "regular with unread" });
+            await app.client.inviteUser(regularId, bot.credentials!.userId);
+            await bot.joinRoom(regularId);
+            await bot.sendMessage(regularId, "Hello from regular!");
+
+            // Create a room without unread
+            await app.client.createRoom({ name: "no unread room" });
+
+            const roomList = getRoomList(page);
+            const primaryFilters = getPrimaryFilters(page);
+
+            // Apply the Unread filter
+            await primaryFilters.getByRole("option", { name: "Unread" }).click();
+
+            // Only rooms with unreads should be visible
+            await expect(roomList.getByRole("row", { name: "fav with unread" })).toBeVisible();
+            await expect(roomList.getByRole("row", { name: "regular with unread" })).toBeVisible();
+            await expect(roomList.getByRole("row", { name: "no unread room" })).not.toBeVisible();
+        });
+    });
+
+    test.describe("Section keyboard navigation", () => {
+        test.beforeEach(async ({ app }) => {
+            // A favourite room forces section mode and gives us a non-trivial first section.
+            const favouriteId = await app.client.createRoom({ name: "favourite room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId);
+
+            // A chats-section room so we have a second section to navigate to.
+            await app.client.createRoom({ name: "chat room" });
+        });
+
+        test("Arrow Down/Up move focus through sections and rooms", async ({ page }) => {
+            const roomList = getRoomList(page);
+            const favouritesHeader = getSectionHeader(page, "Favourites");
+            // In treegrid mode, a room renders as <div role="row"><div role="gridcell"><button …></button></div></div>.
+            // Only the inner <button> is focusable, so target it by role for focus assertions.
+            const favRoomButton = roomList.getByRole("button", { name: "Open room favourite room" });
+            const chatsHeader = getSectionHeader(page, "Chats");
+
+            await expect(favouritesHeader).toBeVisible();
+            await expect(favRoomButton).toBeVisible();
+            await expect(chatsHeader).toBeVisible();
+
+            await favouritesHeader.focus();
+            await expect(favouritesHeader).toBeFocused();
+
+            // Down moves into the favourite section's room.
+            await page.keyboard.press("ArrowDown");
+            await expect(favRoomButton).toBeFocused();
+
+            // Down again jumps to the next section header.
+            await page.keyboard.press("ArrowDown");
+            await expect(chatsHeader).toBeFocused();
+
+            // Up reverses the traversal.
+            await page.keyboard.press("ArrowUp");
+            await expect(favRoomButton).toBeFocused();
+
+            await page.keyboard.press("ArrowUp");
+            await expect(favouritesHeader).toBeFocused();
+        });
+
+        test("Arrow Right expands a collapsed section", async ({ page }) => {
+            const favouritesHeader = getSectionHeader(page, "Favourites");
+            const favRoom = getRoomList(page).getByRole("row", { name: "Open room favourite room" });
+
+            // Collapse the section via click so we know we start expanded=false.
+            await favouritesHeader.click();
+            await expect(favouritesHeader).toHaveAttribute("aria-expanded", "false");
+            await expect(favRoom).not.toBeVisible();
+
+            await favouritesHeader.focus();
+            await page.keyboard.press("ArrowRight");
+
+            await expect(favouritesHeader).toHaveAttribute("aria-expanded", "true");
+            await expect(favRoom).toBeVisible();
+        });
+
+        test("Arrow Right is a no-op on an already-expanded section", async ({ page }) => {
+            const favouritesHeader = getSectionHeader(page, "Favourites");
+            await expect(favouritesHeader).toHaveAttribute("aria-expanded", "true");
+
+            await favouritesHeader.focus();
+            await page.keyboard.press("ArrowRight");
+
+            await expect(favouritesHeader).toHaveAttribute("aria-expanded", "true");
+        });
+
+        test("Arrow Left collapses an expanded section", async ({ page }) => {
+            const favouritesHeader = getSectionHeader(page, "Favourites");
+            const favRoom = getRoomList(page).getByRole("row", { name: "Open room favourite room" });
+
+            await expect(favouritesHeader).toHaveAttribute("aria-expanded", "true");
+            await expect(favRoom).toBeVisible();
+
+            await favouritesHeader.focus();
+            await page.keyboard.press("ArrowLeft");
+
+            await expect(favouritesHeader).toHaveAttribute("aria-expanded", "false");
+            await expect(favRoom).not.toBeVisible();
+        });
+
+        test("Arrow Left is a no-op on an already-collapsed section", async ({ page }) => {
+            const favouritesHeader = getSectionHeader(page, "Favourites");
+
+            await favouritesHeader.click();
+            await expect(favouritesHeader).toHaveAttribute("aria-expanded", "false");
+
+            await favouritesHeader.focus();
+            await page.keyboard.press("ArrowLeft");
+
+            await expect(favouritesHeader).toHaveAttribute("aria-expanded", "false");
+        });
+
+        test("Arrow Right on an expanded section with rooms moves focus to its first room", async ({ page }) => {
+            const favouritesHeader = getSectionHeader(page, "Favourites");
+            const favRoomButton = getRoomList(page).getByRole("button", { name: "Open room favourite room" });
+
+            await expect(favouritesHeader).toHaveAttribute("aria-expanded", "true");
+
+            await favouritesHeader.focus();
+            await expect(favouritesHeader).toBeFocused();
+
+            await page.keyboard.press("ArrowRight");
+
+            // Focus must move to the first room in the section, not the next section header.
+            await expect(favRoomButton).toBeFocused();
+            // The section should remain expanded.
+            await expect(favouritesHeader).toHaveAttribute("aria-expanded", "true");
+        });
+
+        test("Arrow Left on the first room of a section moves focus back to the section header", async ({ page }) => {
+            const favouritesHeader = getSectionHeader(page, "Favourites");
+            const favRoomButton = getRoomList(page).getByRole("button", { name: "Open room favourite room" });
+
+            await expect(favouritesHeader).toHaveAttribute("aria-expanded", "true");
+
+            await favRoomButton.focus();
+            await expect(favRoomButton).toBeFocused();
+
+            await page.keyboard.press("ArrowLeft");
+
+            await expect(favouritesHeader).toBeFocused();
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-unread-toast.spec.ts b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-unread-toast.spec.ts
new file mode 100644
index 00000000000..d4bb2a4e1fa
--- /dev/null
+++ b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-unread-toast.spec.ts
@@ -0,0 +1,192 @@
+/*
+ * 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 Page } from "@playwright/test";
+import { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { expect, test } from "../../../element-web-test";
+import { type ElementAppPage } from "../../../pages/ElementAppPage";
+import { getRoomList, getRoomOptionsMenu, getSectionHeader } from "./utils";
+
+/**
+ * The unread-activity toast ("Unread messages") appears at the bottom of the room list when a room with a
+ * notification count (the green decoration) is scrolled below the visible area. Clicking it scrolls that
+ * room into view. Rooms with only an unread-activity dot (white/black) must not trigger it.
+ */
+test.describe("Room list unread activity toast", () => {
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: {
+            displayName: "BotBob",
+            autoAcceptInvites: true,
+        },
+    });
+
+    const getToast = (page: Page) => page.getByRole("button", { name: "Unread messages" });
+
+    /**
+     * Create `count` filler rooms whose names sort alphabetically before any room named "zzz …",
+     * so that under A-Z sorting they fill the top of the list and push the "zzz …" room below the fold.
+     */
+    async function createFillerRooms(app: ElementAppPage, count: number): Promise<void> {
+        for (let i = 0; i < count; i++) {
+            await app.client.createRoom({ name: `room ${String(i).padStart(2, "0")}` });
+        }
+    }
+
+    /** Switch the room list to alphabetical sorting so room positions are deterministic. */
+    async function sortAlphabetically(page: Page): Promise<void> {
+        await getRoomOptionsMenu(page).click();
+        await page.getByRole("menuitemradio", { name: "A-Z" }).click();
+    }
+
+    test.describe("flat list", () => {
+        test.beforeEach(async ({ page, app, user }) => {
+            // Toasts are displayed above the room list; dismiss the unrelated ones.
+            await rejectToast(page, "Verify this device");
+            await rejectToast(page, "Notifications");
+            // Focus the user menu so room rows are not decorated by hover.
+            await page.getByRole("button", { name: "User menu" }).focus();
+        });
+
+        test("shows a toast for a notifying room below the fold and scrolls to it on click", async ({
+            page,
+            app,
+            bot,
+        }) => {
+            const roomList = getRoomList(page);
+
+            // A room with a real notification count, named so it sorts to the very bottom under A-Z.
+            const targetId = await app.client.createRoom({ name: "zzz unread room" });
+            await app.client.inviteUser(targetId, bot.credentials!.userId);
+            await bot.joinRoom(targetId);
+
+            // Enough filler rooms to push the target well below the visible area.
+            await createFillerRooms(app, 20);
+
+            await sortAlphabetically(page);
+
+            // The bot notifies the target room, producing a green notification count.
+            await bot.sendMessage(targetId, "Hello from the bottom!");
+
+            const targetRow = roomList.getByRole("option", { name: "Open room zzz unread room" });
+
+            // The toast appears because the notifying room is below the fold, and the room itself is offscreen.
+            await expect(getToast(page)).toBeVisible();
+            await expect(targetRow).not.toBeInViewport();
+
+            // Clicking the toast scrolls the notifying room into view…
+            await getToast(page).click();
+            await expect(targetRow).toBeInViewport();
+
+            // …and the toast goes away once there is nothing left unread below the fold.
+            await expect(getToast(page)).not.toBeVisible();
+        });
+
+        test("does not show a toast when the only unread room below the fold has an activity dot", async ({
+            page,
+            app,
+            bot,
+        }) => {
+            const roomList = getRoomList(page);
+
+            // Another room to park on, so the activity room stays unread (focused rooms are marked read).
+            const otherRoomId = await app.client.createRoom({ name: "aaa other room" });
+
+            // The target's unread state will only ever be an activity dot, never a notification count: set it
+            // to "@mentions & keywords" so a plain (non-mention) message produces activity rather than a count.
+            const targetId = await app.client.createRoom({ name: "zzz activity room" });
+            await app.client.inviteUser(targetId, bot.credentials!.userId);
+            await bot.joinRoom(targetId);
+
+            await app.viewRoomById(targetId);
+            await app.settings.openRoomSettings("Notifications");
+            await page.getByText("@mentions and replies only").click();
+            await app.settings.closeDialog();
+
+            // Enable showing activity (dots) in the room list, so the activity dot is actually rendered.
+            await app.settings.openUserSettings("Notifications");
+            await page
+                .getByRole("switch", { name: "Show all activity in the room list (dots or number of unread messages)" })
+                .check();
+            await app.settings.closeDialog();
+
+            // Park on the other room so the target stays unread, then send a plain (non-mention) message.
+            await app.viewRoomById(otherRoomId);
+            await bot.sendMessage(targetId, "just activity, no mention");
+
+            // The target shows an unread-activity dot: a decoration with no count (no digits).
+            const targetRow = roomList.getByRole("option", { name: "Open room zzz activity room" });
+            const decoration = targetRow.getByTestId("notification-decoration");
+            await expect(decoration).toBeVisible();
+            await expect(decoration).not.toHaveText(/\d/);
+
+            // Push the activity-dot room below the fold with filler rooms and A-Z sorting.
+            await createFillerRooms(app, 20);
+            await sortAlphabetically(page);
+
+            // The list has settled (a top filler room is visible) but the activity dot must not raise the toast.
+            await expect(roomList.getByRole("option", { name: "Open room room 00" })).toBeVisible();
+            await expect(targetRow).not.toBeInViewport();
+            await expect(getToast(page)).not.toBeVisible();
+        });
+    });
+
+    test.describe("sections", () => {
+        test.beforeEach(async ({ page, app, user }) => {
+            await rejectToast(page, "Verify this device");
+            await rejectToast(page, "Notifications");
+            await page.getByRole("button", { name: "User menu" }).focus();
+        });
+
+        test("shows a toast for a collapsed section that hides a notifying room", async ({ page, app, bot }) => {
+            const roomList = getRoomList(page);
+
+            // A regular (Chats) room with a notification count.
+            const notifyId = await app.client.createRoom({ name: "chats notify room" });
+            await app.client.inviteUser(notifyId, bot.credentials!.userId);
+            await bot.joinRoom(notifyId);
+
+            // A favourite room so the list renders in section mode from the start.
+            const favouriteId = await app.client.createRoom({ name: "favourite room" });
+            await app.client.evaluate(async (client, roomId) => {
+                await client.setRoomTag(roomId, "m.favourite");
+            }, favouriteId);
+
+            const chatsHeader = getSectionHeader(page, "Chats");
+            await expect(chatsHeader).toBeVisible();
+
+            // Notify the Chats room and collapse the section while its header is still on screen.
+            await bot.sendMessage(notifyId, "Hidden in a collapsed section");
+            await expect(
+                roomList
+                    .getByRole("row", { name: "Open room chats notify room" })
+                    .getByTestId("notification-decoration"),
+            ).toBeVisible();
+            await chatsHeader.click();
+            await expect(chatsHeader).toHaveAttribute("aria-expanded", "false");
+
+            // Grow the Favourites section until the collapsed Chats header is pushed below the fold.
+            for (let i = 0; i < 20; i++) {
+                const id = await app.client.createRoom({ name: `favourite ${String(i).padStart(2, "0")}` });
+                await app.client.evaluate(async (client, roomId) => {
+                    await client.setRoomTag(roomId, "m.favourite");
+                }, id);
+            }
+
+            // Wait until the collapsed Chats header has been pushed offscreen (all favourites synced).
+            await expect(chatsHeader).not.toBeInViewport();
+
+            // The collapsed Chats header is offscreen, but its hidden notification raises the toast.
+            await expect(getToast(page)).toBeVisible();
+
+            // Clicking the toast scrolls the collapsed section header into view.
+            await getToast(page).click();
+            await expect(chatsHeader).toBeInViewport();
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts
new file mode 100644
index 00000000000..a0135d725ae
--- /dev/null
+++ b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts
@@ -0,0 +1,543 @@
+/*
+ * 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 Page } from "@playwright/test";
+import { closeReleaseAnnouncement, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { expect, test } from "../../../element-web-test";
+import { type Bot } from "../../../pages/bot";
+import { type ElementAppPage } from "../../../pages/ElementAppPage";
+import { getRoomList } from "./utils";
+
+test.describe("Room list", () => {
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: {
+            displayName: "BotBob",
+        },
+    });
+
+    test.beforeEach(async ({ page, app, user }) => {
+        // The toasts are displayed above the search section
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+
+        // Close the release announcement about the new room list sections
+        await closeReleaseAnnouncement(page, "Introducing Sections");
+
+        // focus the user menu to avoid to have hover decoration
+        await page.getByRole("button", { name: "User menu" }).focus();
+    });
+
+    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}` });
+            }
+        });
+
+        test("should render the room list", { tag: "@screenshot" }, async ({ page, app, user, axe }) => {
+            const roomListView = getRoomList(page);
+            await expect(roomListView.getByRole("option", { name: "Open room room29" })).toBeVisible();
+            await expect(roomListView).toMatchScreenshot("room-list.png");
+
+            // Put focus on the room list
+            await roomListView.getByRole("option", { name: "Open room room29" }).click();
+            // Scroll to the end of the room list
+            await app.scrollListToBottom(roomListView);
+
+            // scrollListToBottom seems to leave the mouse hovered over the list, move it away.
+            await page.getByRole("button", { name: "User menu" }).hover();
+
+            await expect(axe).toHaveNoViolations();
+            await expect(roomListView).toMatchScreenshot("room-list-scrolled.png");
+        });
+
+        test("should open the room when it is clicked", async ({ page, app, user }) => {
+            const roomListView = getRoomList(page);
+            await roomListView.getByRole("option", { name: "Open room room29" }).click();
+            await expect(page.getByRole("heading", { name: "room29", level: 1 })).toBeVisible();
+        });
+
+        test("should open the context menu", { tag: "@screenshot" }, async ({ page, app, user }) => {
+            const roomListView = getRoomList(page);
+            await roomListView.getByRole("option", { name: "Open room room29" }).click({ button: "right" });
+            await expect(page.getByRole("menu", { name: "More Options" })).toBeVisible();
+        });
+
+        test("should open the more options menu", { tag: "@screenshot" }, async ({ page, app, user }) => {
+            const roomListView = getRoomList(page);
+            let roomItem = roomListView.getByRole("option", { name: "Open room room29" });
+            await roomItem.hover();
+
+            await expect(roomItem).toMatchScreenshot("room-list-item-hover.png");
+            let roomItemMenu = roomItem.getByRole("button", { name: "More Options" });
+            await roomItemMenu.click();
+            await expect(page).toMatchScreenshot("room-list-item-open-more-options.png");
+
+            // It should make the room favourited
+            await page.getByRole("menuitemcheckbox", { name: "Favourited" }).click();
+
+            // Check that the room is favourited
+            roomItem = roomListView.getByRole("gridcell", { name: "Open room room29" });
+            await roomItem.hover();
+            roomItemMenu = roomItem.getByRole("button", { name: "More Options" });
+            await roomItemMenu.click();
+            await expect(page.getByRole("menuitemcheckbox", { name: "Favourited" })).toBeChecked();
+            // It should show the invite dialog
+            await page.getByRole("menuitem", { name: "invite" }).click();
+            await expect(page.getByRole("heading", { name: "Invite to room29" })).toBeVisible();
+            await app.closeDialog();
+
+            // It should leave the room
+            await roomItem.hover();
+            await roomItemMenu.click();
+            await page.getByRole("menuitem", { name: "leave room" }).click();
+            await expect(roomItem).not.toBeVisible();
+        });
+
+        test("should open the notification options menu", { tag: "@screenshot" }, async ({ page, app, user }) => {
+            const roomListView = getRoomList(page);
+
+            const roomItem = roomListView.getByRole("option", { name: "Open room room29" });
+            await roomItem.hover();
+
+            await expect(roomItem).toMatchScreenshot("room-list-item-hover.png");
+            let roomItemMenu = roomItem.getByRole("button", { name: "Notification options" });
+            await roomItemMenu.click();
+
+            // Default settings should be selected
+            await expect(page.getByRole("menuitem", { name: "Match default settings" })).toHaveAttribute(
+                "aria-selected",
+                "true",
+            );
+            await expect(page).toMatchScreenshot("room-list-item-open-notification-options.png");
+
+            // It should make the room muted
+            await page.getByRole("menuitem", { name: "Mute room" }).click();
+
+            // Put focus on the room list
+            await roomListView.getByRole("option", { name: "Open room room28" }).click();
+            await roomItem.scrollIntoViewIfNeeded();
+
+            // Not hovered, the room decoration should be the muted icon
+            await expect(roomItem.getByTestId("notification-decoration")).toBeVisible();
+
+            // 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");
+        });
+
+        test("should scroll to the current room", async ({ page, app, user }) => {
+            const roomListView = getRoomList(page);
+            // Put focus on the room list
+            await roomListView.getByRole("option", { name: "Open room room29" }).click();
+            // Scroll to the end of the room list
+            await app.scrollListToBottom(roomListView);
+
+            await expect(roomListView.getByRole("option", { name: "Open room room0" })).toBeVisible();
+            await roomListView.getByRole("option", { name: "Open room room0" }).click();
+
+            const filters = page.getByRole("listbox", { name: "Room list filters" });
+            await filters.getByRole("option", { name: "People" }).click();
+            await expect(roomListView.getByRole("option", { name: "Open room room0" })).not.toBeVisible();
+
+            await filters.getByRole("option", { name: "People" }).click();
+            await expect(roomListView.getByRole("option", { name: "Open room room0" })).toBeVisible();
+        });
+
+        test.describe("Shortcuts", () => {
+            test("should select the next room", async ({ page, app, user }) => {
+                const roomListView = getRoomList(page);
+                await roomListView.getByRole("option", { name: "Open room room29" }).click();
+                await page.keyboard.press("Alt+ArrowDown");
+
+                await expect(page.getByRole("heading", { name: "room28", level: 1 })).toBeVisible();
+            });
+
+            test("should select the previous room", async ({ page, app, user }) => {
+                const roomListView = getRoomList(page);
+                await roomListView.getByRole("option", { name: "Open room room28" }).click();
+                await page.keyboard.press("Alt+ArrowUp");
+
+                await expect(page.getByRole("heading", { name: "room29", level: 1 })).toBeVisible();
+            });
+
+            test("should select the last room", async ({ page, app, user }) => {
+                const roomListView = getRoomList(page);
+                await roomListView.getByRole("option", { name: "Open room room29" }).click();
+                await page.keyboard.press("Alt+ArrowUp");
+
+                await expect(page.getByRole("heading", { name: "room0", level: 1 })).toBeVisible();
+            });
+
+            test("should select the next unread room", async ({ page, app, user, bot }) => {
+                const roomListView = getRoomList(page);
+
+                const roomId = await app.client.createRoom({ name: "1 notification" });
+                await app.client.inviteUser(roomId, bot.credentials!.userId);
+                await bot.joinRoom(roomId);
+                await bot.sendMessage(roomId, "I am a robot. Beep.");
+
+                await roomListView.getByRole("option", { name: "Open room room20" }).click();
+
+                // Make sure the room with the unread is visible before we press the keyboard action to select it
+                await expect(roomListView.getByRole("option", { name: "1 notification" })).toBeVisible();
+
+                await page.keyboard.press("Alt+Shift+ArrowDown");
+
+                await expect(page.getByRole("heading", { name: "1 notification", level: 1 })).toBeVisible();
+            });
+        });
+
+        test.describe("Keyboard navigation", () => {
+            test("should navigate to the room list", async ({ page, app, user }) => {
+                const roomListView = getRoomList(page);
+
+                const room29 = roomListView.getByRole("option", { name: "Open room room29" });
+                const room28 = roomListView.getByRole("option", { name: "Open room room28" });
+
+                // open the room
+                await room29.click();
+                // put focus back on the room list item
+                await room29.click();
+                await expect(room29).toBeFocused();
+
+                await page.keyboard.press("ArrowDown");
+                await expect(room28).toBeFocused();
+                await expect(room29).not.toBeFocused();
+
+                await page.keyboard.press("ArrowUp");
+                await expect(room29).toBeFocused();
+                await expect(room28).not.toBeFocused();
+            });
+
+            test("should navigate to the notification menu", async ({ page, app, user }) => {
+                const roomListView = getRoomList(page);
+                const room29 = roomListView.getByRole("option", { name: "Open room room29" });
+                const moreButton = room29.getByRole("button", { name: "More options" });
+                const notificationButton = room29.getByRole("button", { name: "Notification options" });
+
+                await room29.click();
+                // put focus back on the room list item
+                await room29.click();
+                await page.keyboard.press("Tab");
+                await expect(moreButton).toBeFocused();
+                await page.keyboard.press("Tab");
+                await expect(notificationButton).toBeFocused();
+
+                // Open the menu
+                await page.keyboard.press("Enter");
+                // Wait for the menu to be open
+                await expect(page.getByRole("menuitem", { name: "Match default settings" })).toHaveAttribute(
+                    "aria-selected",
+                    "true",
+                );
+
+                await page.keyboard.press("ArrowDown");
+                await page.keyboard.press("Escape");
+                // Focus should be back on the notification button
+                await expect(notificationButton).toBeFocused();
+            });
+
+            test("should reveal the options menu when a room is focused with the keyboard", async ({
+                page,
+                app,
+                user,
+            }) => {
+                // Regression test: navigating the room list with the keyboard must reveal a room's hover
+                // menu so the "More options" button is reachable by Tab, rather than focus escaping to
+                // <body>. The reveal must depend on keyboard focus alone, so we move focus with the
+                // keyboard to an adjacent room the pointer is NOT over — otherwise :hover would reveal
+                // the menu and mask the behaviour (which is why the other keyboard tests don't catch it).
+                const roomListView = getRoomList(page);
+                const room29 = roomListView.getByRole("option", { name: "Open room room29" });
+                const room28 = roomListView.getByRole("option", { name: "Open room room28" });
+                const moreButton = room28.getByRole("button", { name: "More options" });
+
+                // Open the room, then put focus back on the room list item.
+                await room29.click();
+                await room29.click();
+                await expect(room29).toBeFocused();
+
+                // Keyboard-focus the adjacent room (the pointer is still over room29, not room28), so the
+                // menu's visibility depends purely on keyboard focus and not on :hover.
+                await page.keyboard.press("ArrowDown");
+                await expect(room28).toBeFocused();
+
+                // The "More options" button must be revealed and reachable by Tab.
+                await page.keyboard.press("Tab");
+                await expect(moreButton).toBeFocused();
+
+                // TODO: once menu-close focus restoration is fixed, extend this to open the menu
+                // (Enter) and assert that Escape returns focus to a room list item rather than <body>.
+                // Today that focus restoration is broken, so it isn't asserted here.
+            });
+
+            test("should navigate to the top and then bottom of the room list", async ({ page, app, user }) => {
+                const roomListView = getRoomList(page);
+
+                const topRoom = roomListView.getByRole("option", { name: "Open room room29" });
+
+                // open the room
+                await topRoom.click();
+                // put focus back on the room list item
+                await topRoom.click();
+                await expect(topRoom).toBeFocused();
+
+                await page.keyboard.press("End");
+                const bottomRoom = roomListView.getByRole("option", { name: "Open room room0" });
+                await expect(bottomRoom).toBeFocused();
+
+                await page.keyboard.press("Home");
+                const topRoomAgain = roomListView.getByRole("option", { name: "Open room room29" });
+                await expect(topRoomAgain).toBeFocused();
+            });
+        });
+    });
+
+    test.describe("Avatar decoration", () => {
+        test.use({ labsFlags: ["feature_video_rooms"] });
+
+        test("should be a public room", { tag: "@screenshot" }, async ({ page, app, user }) => {
+            // @ts-ignore Visibility enum is not accessible
+            await app.client.createRoom({ name: "public room", visibility: "public" });
+
+            // focus the user menu to avoid to have hover decoration
+            await page.getByRole("button", { name: "User menu" }).focus();
+
+            const roomListView = getRoomList(page);
+            const publicRoom = roomListView.getByRole("option", { name: "public room" });
+
+            await expect(publicRoom).toBeVisible();
+            await expect(publicRoom).toMatchScreenshot("room-list-item-public.png");
+        });
+
+        test("should be a low priority room", { tag: "@screenshot" }, async ({ page, app, user }) => {
+            // @ts-ignore Visibility enum is not accessible
+            await app.client.createRoom({ name: "low priority room", visibility: "public" });
+            const roomListView = getRoomList(page);
+            let publicRoom = roomListView.getByRole("option", { name: "low priority room" });
+
+            // Make room low priority
+            await publicRoom.click({ button: "right" });
+            await page.getByRole("menuitemcheckbox", { name: "Low priority" }).click();
+
+            // Should have low priority decoration
+            publicRoom = roomListView.getByRole("gridcell", { name: "low priority room" });
+            await expect(publicRoom.locator(".mx_RoomAvatarView_icon")).toHaveAccessibleName(
+                "This is a low priority room",
+            );
+
+            // focus the header to avoid to have hover decoration
+            await page.getByTestId("room-list-header").click();
+            await expect(publicRoom).toMatchScreenshot("room-list-item-low-priority.png");
+        });
+
+        test("should be a video room", { tag: "@screenshot" }, async ({ page, app, user }) => {
+            await page
+                .getByRole("navigation", { name: "Room list" })
+                .getByRole("button", { name: "New conversation" })
+                .click();
+            await page.getByRole("menuitem", { name: "New video room" }).click();
+            await page.getByRole("textbox", { name: "Name" }).fill("video room");
+            // Make it public to avoid any crypto setup toasts
+            await page.getByRole("button", { name: "Room visibility" }).click();
+            await page.getByRole("option", { name: "Public room" }).click();
+            await page.getByRole("textbox", { name: "Room address" }).fill("video-room");
+            await page.getByRole("button", { name: "Create video room" }).click();
+
+            const roomListView = getRoomList(page);
+            const videoRoom = roomListView.getByRole("option", { name: "video room" });
+            await expect(videoRoom).toHaveAttribute("aria-selected", "true"); // wait for room list update
+
+            // Ensure we highlight the video
+            await videoRoom.click();
+
+            // focus the user menu to avoid to have hover decoration
+            await page.getByRole("button", { name: "User menu" }).hover();
+
+            await expect(videoRoom).toMatchScreenshot("room-list-item-video.png");
+        });
+    });
+
+    test.describe("Notification decoration", () => {
+        test("should render the invitation decoration", { tag: "@screenshot" }, async ({ page, app, user, bot }) => {
+            const roomListView = getRoomList(page);
+
+            await bot.createRoom({
+                name: "invited room",
+                invite: [user.userId],
+                is_direct: true,
+            });
+            const invitedRoom = roomListView.getByRole("option", { name: "invited room" });
+            await expect(invitedRoom).toBeVisible();
+            await expect(invitedRoom).toMatchScreenshot("room-list-item-invited.png");
+        });
+
+        test("should render the regular decoration", { tag: "@screenshot" }, async ({ page, app, user, bot }) => {
+            const roomListView = getRoomList(page);
+
+            const roomId = await app.client.createRoom({ name: "2 notifications" });
+            await app.client.inviteUser(roomId, bot.credentials!.userId);
+            await bot.joinRoom(roomId);
+
+            await bot.sendMessage(roomId, "I am a robot. Beep.");
+            await bot.sendMessage(roomId, "I am a robot. Beep.");
+
+            const room = roomListView.getByRole("option", { name: "2 notifications" });
+            await expect(room).toBeVisible();
+            await expect(room.getByTestId("notification-decoration")).toHaveText("2");
+            await expect(room).toMatchScreenshot("room-list-item-notification.png");
+        });
+
+        test("should render the mention decoration", { tag: "@screenshot" }, async ({ page, app, user, bot }) => {
+            const roomListView = getRoomList(page);
+
+            const roomId = await app.client.createRoom({ name: "mention" });
+            await app.client.inviteUser(roomId, bot.credentials!.userId);
+            await bot.joinRoom(roomId);
+
+            const clientBot = await bot.prepareClient();
+            await clientBot.evaluate(
+                async (client, { roomId, userId }) => {
+                    await client.sendMessage(roomId, {
+                        // @ts-ignore ignore usage of MsgType.text
+                        "msgtype": "m.text",
+                        "body": "User",
+                        "format": "org.matrix.custom.html",
+                        "formatted_body": `<a href="https://matrix.to/#/${userId}">User</a>`,
+                        "m.mentions": {
+                            user_ids: [userId],
+                        },
+                    });
+                },
+                { roomId, userId: user.userId },
+            );
+            await bot.sendMessage(roomId, "I am a robot. Beep.");
+
+            const room = roomListView.getByRole("option", { name: "mention" });
+            await expect(room).toBeVisible();
+            await expect(room).toMatchScreenshot("room-list-item-mention.png");
+        });
+
+        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
+            await page.getByRole("button", { name: "User menu" }).focus();
+
+            await app.client.inviteUser(roomId, bot.credentials!.userId);
+            await bot.joinRoom(roomId);
+            await bot.sendMessage(roomId, "I am a robot. Beep.");
+
+            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);
+
+            const otherRoomId = await app.client.createRoom({ name: "other room" });
+
+            const roomId = await app.client.createRoom({ name: "activity" });
+            await app.client.inviteUser(roomId, bot.credentials!.userId);
+            await bot.joinRoom(roomId);
+
+            await app.viewRoomById(roomId);
+            await app.settings.openRoomSettings("Notifications");
+            await page.getByText("@mentions and replies only").click();
+            await app.settings.closeDialog();
+
+            await app.settings.openUserSettings("Notifications");
+            await page
+                .getByRole("switch", { name: "Show all activity in the room list (dots or number of unread messages)" })
+                .check();
+            await app.settings.closeDialog();
+
+            // Switch to the other room to avoid the notification to be cleared
+            await app.viewRoomById(otherRoomId);
+            await bot.sendMessage(roomId, "I am a robot. Beep.");
+
+            const room = roomListView.getByRole("option", { name: "activity" });
+            await expect(room.getByTestId("notification-decoration")).toBeVisible();
+            await expect(room).toMatchScreenshot("room-list-item-activity.png");
+        });
+
+        test("should render a mark as unread decoration", { tag: "@screenshot" }, async ({ page, app, user, bot }) => {
+            const roomListView = getRoomList(page);
+
+            const roomId = await app.client.createRoom({ name: "mark as unread" });
+            await app.client.inviteUser(roomId, bot.credentials!.userId);
+            await bot.joinRoom(roomId);
+
+            const room = roomListView.getByRole("option", { name: "mark as unread" });
+            await room.click({ button: "right" });
+            await page.getByRole("menuitem", { name: "mark as unread" }).click();
+
+            // focus the header to avoid to have hover decoration
+            await page.getByTestId("room-list-header").click();
+
+            await expect(room).toMatchScreenshot("room-list-item-mark-as-unread.png");
+        });
+
+        test("should render silent decoration", { tag: "@screenshot" }, async ({ page, app, user, bot }) => {
+            const roomListView = getRoomList(page);
+
+            const roomId = await app.client.createRoom({ name: "silent" });
+            await app.client.inviteUser(roomId, bot.credentials!.userId);
+            await bot.joinRoom(roomId);
+
+            await app.viewRoomById(roomId);
+            await app.settings.openRoomSettings("Notifications");
+            await page.getByText("Mute").click();
+            await app.settings.closeDialog();
+
+            const room = roomListView.getByRole("option", { name: "silent" });
+            await expect(room.getByTestId("notification-decoration")).toBeVisible();
+            await expect(room).toMatchScreenshot("room-list-item-silent.png");
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/left-panel/room-list-panel/utils.ts b/apps/web/playwright/e2e/left-panel/room-list-panel/utils.ts
new file mode 100644
index 00000000000..78d2a6c032b
--- /dev/null
+++ b/apps/web/playwright/e2e/left-panel/room-list-panel/utils.ts
@@ -0,0 +1,217 @@
+/*
+ * 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 { expect, type Locator, type Page } from "@playwright/test";
+
+/**
+ * Get the room list
+ * @param page
+ */
+export function getRoomList(page: Page): Locator {
+    return page.getByTestId("room-list");
+}
+
+/**
+ * Get the room list header
+ * @param page
+ */
+export function getRoomListHeader(page: Page): Locator {
+    return page.getByTestId("room-list-header");
+}
+
+/**
+ * Get a section header toggle button by section name
+ * @param page
+ * @param sectionName The display name of the section
+ * @param isUnread Whether to look for the unread version of the section header
+ */
+export function getSectionHeader(page: Page, sectionName: string, isUnread = false): Locator {
+    return getRoomList(page).getByRole("button", {
+        name: isUnread ? `Toggle ${sectionName} section with unread rooms` : `Toggle ${sectionName} section`,
+    });
+}
+
+/**
+ * Asserts a room is nested under a specific section using the treegrid aria-level hierarchy.
+ * Section header rows sit at aria-level=1; room rows nested within a section sit at aria-level=2.
+ * Verifies that the closest preceding aria-level=1 row is the expected section header.
+ */
+export async function assertRoomInSection(page: Page, sectionName: string, roomName: string): Promise<void> {
+    const roomList = getRoomList(page);
+    const roomRow = roomList.getByRole("row", { name: `Open room ${roomName}` });
+    // Room row must be at aria-level=2 (i.e. inside a section)
+    await expect(roomRow).toHaveAttribute("aria-level", "2");
+    // The closest preceding aria-level=1 row must be the expected section header.
+    // XPath preceding:: axis returns nodes before the context in document order; [1] picks the nearest one.
+    const closestSectionHeader = roomRow.locator(`xpath=preceding::*[@role="row" and @aria-level="1"][1]`);
+    await expect(closestSectionHeader).toContainText(sectionName);
+}
+
+/**
+ * Drag and drop a room row onto a section header
+ * @param page
+ * @param roomName
+ * @param sectionName
+ */
+export async function dragRoomToSection(page: Page, roomName: string, sectionName: string): Promise<void> {
+    const sourceRow = getRoomList(page).getByRole("row", { name: `Open room ${roomName}` });
+    const source = sourceRow.locator("button").first();
+    const target = getSectionHeader(page, sectionName);
+
+    await expect(sourceRow).toBeVisible();
+    await expect(source).toBeVisible();
+    await expect(target).toBeVisible();
+
+    const sourceBox = await getBoundingBox(source, `room ${roomName}`);
+    const targetBox = await getBoundingBox(target, `section ${sectionName}`);
+
+    const sourceX = sourceBox.x + sourceBox.width / 2;
+    const sourceY = sourceBox.y + sourceBox.height / 2;
+    const targetY = targetBox.y + targetBox.height / 2;
+
+    // Grab the room
+    await page.mouse.move(sourceX, sourceY);
+    await page.mouse.down();
+    //  Move the room on the section header
+    await page.mouse.move(sourceX, targetY, { steps: 10 });
+    // Drop the room
+    await page.mouse.up();
+}
+
+/**
+ * Wait for a locator to have stable viewport geometry and return its bounding box.
+ *
+ * Playwright's boundingBox() returns null when the element is not visible or is detached.
+ * Room list updates are driven by sync and virtualization, so a newly-created room or
+ * section can match the locator before it is ready for mouse coordinates.
+ */
+async function getBoundingBox(
+    locator: Locator,
+    description: string,
+): Promise<NonNullable<Awaited<ReturnType<Locator["boundingBox"]>>>> {
+    await locator.scrollIntoViewIfNeeded();
+    await expect
+        .poll(() => locator.boundingBox(), { message: `Expected ${description} to have a bounding box` })
+        .not.toBeNull();
+
+    const box = await locator.boundingBox();
+    if (!box) {
+        throw new Error(`Expected ${description} to have a bounding box`);
+    }
+
+    return box;
+}
+
+/**
+ * Drag and drop a section header onto another section header. The dragged section is moved
+ * relative to the target: dropped before the target when dragging up, after the target when
+ * dragging down. Because the dnd start handler collapses every section, the layout changes
+ * once the drag activates — so the target position is recomputed after activation rather
+ * than cached up-front.
+ */
+export async function dragSectionToSection(
+    page: Page,
+    sourceSectionName: string,
+    targetSectionName: string,
+): Promise<void> {
+    const source = getSectionHeader(page, sourceSectionName);
+    const sourceBox = await source.boundingBox();
+    if (!sourceBox) throw new Error(`Source section ${sourceSectionName} has no bounding box`);
+
+    const sourceX = sourceBox.x + sourceBox.width / 2;
+    const sourceY = sourceBox.y + sourceBox.height / 2;
+
+    // Grab the section header
+    await page.mouse.move(sourceX, sourceY);
+    await page.mouse.down();
+    // Move past the 5px PointerSensor activation threshold so the drag actually starts.
+    // This triggers onSectionDragStart, which collapses all sections.
+    await page.mouse.move(sourceX, sourceY + 10, { steps: 5 });
+
+    // Re-query the target now that the layout has reflowed.
+    const target = getSectionHeader(page, targetSectionName);
+    const targetBox = await target.boundingBox();
+    if (!targetBox) throw new Error(`Target section ${targetSectionName} has no bounding box`);
+    const targetY = targetBox.y + targetBox.height / 2;
+
+    // Move onto the (possibly relocated) target section header and drop.
+    await page.mouse.move(sourceX, targetY, { steps: 10 });
+    await page.mouse.up();
+}
+
+/**
+ * Assert the displayed section headers appear in the given top-to-bottom order.
+ */
+export async function assertSectionsOrder(page: Page, expectedOrder: string[]): Promise<void> {
+    const positions: Array<{ name: string; y: number }> = [];
+    for (const name of expectedOrder) {
+        const header = getSectionHeader(page, name);
+        await expect(header).toBeVisible();
+        const box = await header.boundingBox();
+        if (!box) throw new Error(`Section ${name} has no bounding box`);
+        positions.push({ name, y: box.y });
+    }
+    for (let i = 1; i < positions.length; i++) {
+        expect(positions[i].y).toBeGreaterThan(positions[i - 1].y);
+    }
+}
+
+/**
+ * Get the primary filters container
+ * @param page
+ */
+export function getPrimaryFilters(page: Page): Locator {
+    return page.getByTestId("primary-filters");
+}
+
+/**
+ * Get the room options menu button in the room list header
+ * @param page
+ */
+export function getRoomOptionsMenu(page: Page): Locator {
+    return page.getByRole("button", { name: "Room Options" });
+}
+
+/**
+ * Get the filter list expand button in the room list header
+ * @param page
+ */
+export function getFilterExpandButton(page: Page): Locator {
+    return getPrimaryFilters(page).getByRole("button", { name: "Expand filter list" });
+}
+
+/**
+ * Get the filter list collapse button in the room list header
+ * @param page
+ */
+export function getFilterCollapseButton(page: Page): Locator {
+    return getPrimaryFilters(page).getByRole("button", { name: "Collapse filter list" });
+}
+
+/**
+ * Get the header section of the room list
+ * @param page
+ */
+export function getHeaderSection(page: Page) {
+    return page.getByTestId("room-list-header");
+}
+
+/**
+ * Get the room list view
+ * @param page
+ */
+export function getRoomListView(page: Page) {
+    return page.getByRole("navigation", { name: "Room list" });
+}
+
+/**
+ * Get the search section of the room list
+ * @param page
+ */
+export function getSearchSection(page: Page) {
+    return page.getByRole("search");
+}
diff --git a/apps/web/playwright/e2e/links/composer-url-preview.spec.ts b/apps/web/playwright/e2e/links/composer-url-preview.spec.ts
new file mode 100644
index 00000000000..84eda0641fa
--- /dev/null
+++ b/apps/web/playwright/e2e/links/composer-url-preview.spec.ts
@@ -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 { test, expect } from "../../element-web-test";
+
+const PREVIEW_URL_PATTERN = /.*\/_matrix\/(client\/v1\/media|media\/v3)\/preview_url.*/;
+
+test.describe("Composer URL preview", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ user, app }, use) => {
+            const roomId = await app.client.createRoom({ name: "Test room" });
+            await use({ roomId });
+        },
+    });
+
+    for (const editor of ["cider", "rich text"]) {
+        test.describe(`in ${editor}`, () => {
+            test.use({
+                labsFlags: editor === "rich_text" ? ["feature_wysiwyg_composer"] : [],
+            });
+
+            test("shows a preview when a URL is typed into the composer", async ({ page, app, room }) => {
+                await page.route(PREVIEW_URL_PATTERN, (route) =>
+                    route.fulfill({
+                        json: {
+                            "og:title": "Example Site",
+                            "og:description": "A great description",
+                            "og:site_name": "example.org",
+                        },
+                    }),
+                );
+
+                await page.goto(`#/room/${room.roomId}`);
+                const composerRegion = page.getByRole("region", { name: "Message composer" });
+                const composer = composerRegion.getByRole("textbox", { name: "Send an unencrypted message…" });
+                await composer.pressSequentially("https://example.org/");
+                const preview = composerRegion.getByRole("link", { name: "Example Site" });
+                await expect(preview).toBeVisible();
+                await composer.press("Enter");
+                await expect(composer).toBeEmpty();
+                await expect(preview).toBeHidden();
+            });
+
+            test("does not show a preview when the server returns a 404", async ({ page, app, room }) => {
+                await page.route(PREVIEW_URL_PATTERN, (route) => route.fulfill({ status: 404 }));
+
+                await page.goto(`#/room/${room.roomId}`);
+                const composer = page.getByRole("textbox", { name: "Send an unencrypted message…" });
+                await composer.pressSequentially("https://example.org/");
+
+                await expect(page.getByRole("button", { name: "Hide preview" })).not.toBeVisible();
+            });
+
+            test("shows the second URL's preview if the first has no valid preview", async ({ page, app, room }) => {
+                await page.route(PREVIEW_URL_PATTERN, (route, request) => {
+                    const url = new URL(request.url()).searchParams.get("url");
+                    if (url === "https://example.org/") {
+                        return route.fulfill({ status: 404 });
+                    }
+                    return route.fulfill({
+                        json: {
+                            "og:title": "Fallback Site",
+                            "og:site_name": "fallback.example.org",
+                        },
+                    });
+                });
+
+                await page.goto(`#/room/${room.roomId}`);
+                const composer = page.getByRole("textbox", { name: "Send an unencrypted message…" });
+                await composer.pressSequentially("https://example.org/ https://fallback.example.org/");
+
+                await expect(page.getByRole("link", { name: "Fallback Site" })).toBeVisible();
+            });
+        });
+    }
+});
diff --git a/apps/web/playwright/e2e/links/messages.spec.ts b/apps/web/playwright/e2e/links/messages.spec.ts
new file mode 100644
index 00000000000..b90465cb6c9
--- /dev/null
+++ b/apps/web/playwright/e2e/links/messages.spec.ts
@@ -0,0 +1,66 @@
+/*
+ * 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";
+
+test.describe("Message links", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ user, app, bot }, use) => {
+            const roomId = await app.client.createRoom({ name: "Test room" });
+            await use({ roomId });
+        },
+    });
+    for (const link of ["https://example.org", "ftp://example.org"]) {
+        test(`should linkify a regular link '${link}'`, async ({ page, user, app, room }) => {
+            await page.goto(`#/room/${room.roomId}`);
+            // Needs to be unformatted so we test linkifing
+            await app.client.sendMessage(room.roomId, `Check out ${link}`);
+            const linkElement = page.locator(".mx_EventTile_last").getByRole("link", { name: link });
+            await app.timeline.scrollToBottom();
+            await expect(linkElement).toBeVisible();
+        });
+    }
+    test("should NOT linkify a bare domain", async ({ page, user, app, room }) => {
+        await page.goto(`#/room/${room.roomId}`);
+        // Needs to be unformatted so we test linkifing
+        await app.client.sendMessage(room.roomId, `Check out example.org`);
+        const linkElement = page.locator(".mx_EventTile_last").getByRole("link", { name: "example.org" });
+        await expect(linkElement).not.toBeVisible();
+    });
+    test("should linkify a User ID", async ({ page, user, app, room }) => {
+        await page.goto(`#/room/${room.roomId}`);
+        // Needs to be unformatted so we test linkifing
+        await app.client.sendMessage(room.roomId, `Check out @bob:example.org`);
+        const linkElement = page.locator(".mx_EventTile_last").getByRole("link", { name: "@bob:example.org" });
+        await expect(linkElement).toHaveAttribute("href", `https://matrix.to/#/@bob:example.org`);
+    });
+    test("should linkify a Room alias", async ({ page, user, app, room }) => {
+        await page.goto(`#/room/${room.roomId}`);
+        // Needs to be unformatted so we test linkifing
+        await app.client.sendMessage(room.roomId, "Check out #aroom:example.org");
+        const linkElement = page.locator(".mx_EventTile_last").getByRole("link", { name: "#aroom:example.org" });
+        await expect(linkElement).toHaveAttribute("href", "https://matrix.to/#/#aroom:example.org");
+    });
+    test("should linkify text inside a URL preview", async ({ page, user, app, room }) => {
+        await page.route(/.*\/_matrix\/(client\/v1\/media|media\/v3)\/preview_url.*/, (route, request) => {
+            const requestedPage = new URL(request.url()).searchParams.get("url");
+            expect(requestedPage).toEqual("https://example.org/");
+            return route.fulfill({
+                json: {
+                    "og:title": "A simple site",
+                    "og:description": "And with a brief description containing https://example.org/another-link",
+                },
+            });
+        });
+        await page.goto(`#/room/${room.roomId}`);
+        await app.client.sendMessage(room.roomId, "Check out https://example.org/");
+        await expect(
+            page.locator(".mx_EventTile_last").getByRole("link", { name: "https://example.org/another-link" }),
+        ).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/links/permalinks.spec.ts b/apps/web/playwright/e2e/links/permalinks.spec.ts
new file mode 100644
index 00000000000..6463475608f
--- /dev/null
+++ b/apps/web/playwright/e2e/links/permalinks.spec.ts
@@ -0,0 +1,152 @@
+/*
+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 { Locator } from "@playwright/test";
+import { test, expect } from "../../element-web-test";
+import { Bot } from "../../pages/bot";
+
+const room1Name = "Room 1";
+const room2Name = "Room 2";
+const unknownRoomAlias = "#unknownroom:example.com";
+const permalinkPrefix = "https://matrix.to/#/";
+
+const getPill = (locator: Locator, label: string) => {
+    return locator.locator(".mx_Pill_text", { hasText: new RegExp("^" + label + "$", "g") });
+};
+
+test.describe("permalinks", () => {
+    test.use({
+        displayName: "Alice",
+    });
+
+    test("shoud render permalinks as expected", { tag: "@screenshot" }, async ({ page, app, user, homeserver }) => {
+        const bob = new Bot(page, homeserver, { displayName: "Bob" });
+        const charlotte = new Bot(page, homeserver, { displayName: "Charlotte" });
+        await bob.prepareClient();
+        await charlotte.prepareClient();
+
+        // We don't use a bot for danielle as we want a stable MXID.
+        const danielleId = `@danielle:${user.homeServer}`;
+
+        const room1Id = await app.client.createRoom({ name: room1Name });
+        const room2Id = await app.client.createRoom({ name: room2Name });
+
+        await app.viewRoomByName(room1Name);
+
+        await app.client.inviteUser(room1Id, bob.credentials!.userId);
+        await app.client.inviteUser(room2Id, charlotte.credentials!.userId);
+
+        await app.client.sendMessage(room1Id, "At room mention: @room");
+
+        await app.client.sendMessage(room1Id, `Permalink to Room 2: ${permalinkPrefix}${room2Id}`);
+        await app.client.sendMessage(
+            room1Id,
+            `Permalink to an unknown room alias: ${permalinkPrefix}${unknownRoomAlias}`,
+        );
+
+        const event1Response = await bob.sendMessage(room1Id, "Hello");
+        await app.client.sendMessage(
+            room1Id,
+            `Permalink to a message in the same room: ${permalinkPrefix}${room1Id}/${event1Response.event_id}`,
+        );
+
+        const event2Response = await charlotte.sendMessage(room2Id, "Hello");
+        await app.client.sendMessage(
+            room1Id,
+            `Permalink to a message in another room: ${permalinkPrefix}${room2Id}/${event2Response.event_id}`,
+        );
+
+        await app.client.sendMessage(room1Id, `Permalink to an unknown message: ${permalinkPrefix}${room1Id}/$abc123`);
+
+        await app.client.sendMessage(
+            room1Id,
+            `Permalink to a user in the room: ${permalinkPrefix}${bob.credentials!.userId}`,
+        );
+        await app.client.sendMessage(
+            room1Id,
+            `Permalink to a user in another room: ${permalinkPrefix}${charlotte.credentials!.userId}`,
+        );
+        await app.client.sendMessage(
+            room1Id,
+            `Permalink to a user with whom alice doesn't share a room: ${permalinkPrefix}${danielleId}`,
+        );
+
+        const timeline = page.locator(".mx_RoomView_timeline");
+        getPill(timeline, "@room");
+
+        getPill(timeline, room2Name);
+        getPill(timeline, unknownRoomAlias);
+
+        getPill(timeline, "Message from Bob");
+        getPill(timeline, `Message in ${room2Name}`);
+        getPill(timeline, "Message");
+
+        getPill(timeline, "Bob");
+        getPill(timeline, "Charlotte");
+        // This is the permalink to Danielle's profile. It should only display the MXID
+        // because the profile is unknown (not sharing any room with Danielle).
+        getPill(timeline, danielleId);
+
+        await expect(timeline).toMatchScreenshot("permalink-rendering.png", {
+            // Exclude timestamps from the snapshot, for consistency.
+            css: `
+                .mx_MessageTimestamp {
+                    visibility: hidden;
+                }
+            `,
+        });
+    });
+});
+
+test.describe("triple-click message selection", () => {
+    test.use({
+        displayName: "Alice",
+    });
+
+    test("should select entire message line when triple-clicking on message with pills", async ({
+        page,
+        app,
+        user,
+        bot,
+    }) => {
+        await bot.prepareClient();
+
+        const roomId = await app.client.createRoom({ name: "Test Room" });
+        await app.client.inviteUser(roomId, bot.credentials!.userId);
+        await app.viewRoomByName("Test Room");
+
+        // Send a message with user and room pills
+        await app.client.sendMessage(
+            roomId,
+            `Testing triple-click message selection. ` +
+                `User: ${permalinkPrefix}${bot.credentials!.userId}, ` +
+                `Room: ${permalinkPrefix}${roomId}, ` +
+                `Message: ${permalinkPrefix}${roomId}/$dummy-event, ` +
+                `and @room mention.`,
+        );
+
+        const timeline = page.locator(".mx_RoomView_timeline");
+        const messageTile = timeline.locator(".mx_EventTile").last();
+
+        // Triple-click on the message body to select its entire content
+        const messageBody = messageTile.locator(".mx_EventTile_body");
+        await messageBody.click({ clickCount: 3 });
+
+        // Get the expected text content of the message, including pills
+        const expectedText = await messageBody.innerText();
+
+        // Get the currently selected text from the page
+        const selectedText = await page.evaluate(() => {
+            const selection = window.getSelection();
+            return selection ? selection.toString().trim() : "";
+        });
+
+        // Verify that the selected text exactly matches the message content
+        expect(selectedText).toBe(expectedText);
+    });
+});
diff --git a/apps/web/playwright/e2e/links/topic.spec.ts b/apps/web/playwright/e2e/links/topic.spec.ts
new file mode 100644
index 00000000000..f72a6b3854e
--- /dev/null
+++ b/apps/web/playwright/e2e/links/topic.spec.ts
@@ -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 { test, expect } from "../../element-web-test";
+
+test.describe("Topic links", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ user, app, bot }, use) => {
+            const roomId = await app.client.createRoom({ name: "Test room" });
+            await use({ roomId });
+        },
+    });
+    for (const link of ["https://example.org", "ftp://example.org", "#aroom:example.org", "@alice:example.org"]) {
+        // Playwright treats '@' as a tag, so replace it to be safe
+        test(`should linkify plaintext '${link.replace("@", "_@")}'`, async ({ page, user, app, room }) => {
+            await app.client.sendStateEvent(
+                room.roomId,
+                "m.room.topic",
+                {
+                    "m.topic": {
+                        // Deliberately no HTML version.
+                        "m.text": [
+                            {
+                                body: `An interesting room topic containing ${link}`,
+                            },
+                        ],
+                    },
+                    "topic": `An interesting room topic containing ${link}`,
+                },
+                "",
+            );
+            await page.goto(`#/room/${room.roomId}`);
+            await expect(page.getByTestId("topic").getByRole("link", { name: link })).toBeVisible();
+            const locator = await app.toggleRoomInfoPanel();
+            await expect(locator.getByRole("link", { name: link })).toBeVisible();
+        });
+    }
+});
diff --git a/apps/web/playwright/e2e/location/location.spec.ts b/apps/web/playwright/e2e/location/location.spec.ts
new file mode 100644
index 00000000000..5ea371b70dd
--- /dev/null
+++ b/apps/web/playwright/e2e/location/location.spec.ts
@@ -0,0 +1,88 @@
+/*
+Copyright 2024, 2025 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 { type Locator, type Page } from "@playwright/test";
+
+import { test, expect } from "../../element-web-test";
+
+// Firefox headless lacks WebGL support https://bugzilla.mozilla.org/show_bug.cgi?id=1375585
+test.describe("Location sharing", { tag: "@no-firefox" }, () => {
+    const selectLocationShareTypeOption = (page: Page, shareType: string): Locator => {
+        return page.getByTestId(`share-location-option-${shareType}`);
+    };
+
+    const submitShareLocation = (page: Page): Promise<void> => {
+        return page.getByRole("button", { name: "Share location" }).click();
+    };
+
+    test.use({
+        displayName: "Tom",
+    });
+
+    test.beforeEach(async ({ page }) => {
+        await page.addInitScript(() => {
+            window.localStorage.setItem("mx_lhs_size", "0");
+        });
+    });
+
+    test(
+        "sends and displays pin drop location message successfully",
+        { tag: "@screenshot" },
+        async ({ page, user, app }) => {
+            const roomId = await app.client.createRoom({});
+            await page.goto(`/#/room/${roomId}`);
+
+            const composerOptions = await app.openMessageComposerOptions();
+            await composerOptions.getByRole("menuitem", { name: "Location", exact: true }).click();
+
+            await selectLocationShareTypeOption(page, "Pin").click();
+
+            await page.locator("#mx_LocationPicker_map").click();
+
+            await submitShareLocation(page);
+
+            await page.getByRole("button", { name: "Map marker" }).click();
+
+            const dialog = page.getByRole("dialog");
+
+            // wait for the dialog to be visible
+            await expect(dialog).toBeVisible();
+
+            // screenshot the map within the dialog
+            await expect(dialog.getByRole("region", { name: "Map" })).toMatchScreenshot(
+                "location-pin-drop-message-map.png",
+            );
+
+            await app.closeDialog();
+
+            await expect(page.getByRole("button", { name: "Map marker" })).toBeVisible();
+        },
+    );
+
+    test(
+        "is prompted for and can consent to live location sharing",
+        { tag: "@screenshot" },
+        async ({ page, user, app, axe }) => {
+            await app.viewRoomById(await app.client.createRoom({}));
+
+            const composerOptions = await app.openMessageComposerOptions();
+            await composerOptions.getByRole("menuitem", { name: "Location", exact: true }).click();
+            const menu = page.locator(".mx_LocationShareMenu");
+
+            await menu.getByRole("button", { name: "My live location" }).click();
+            await menu.getByLabel("Enable live location sharing").check();
+
+            axe.disableRules([
+                "color-contrast", // XXX: Inheriting colour contrast issues from room view.
+                "region", // XXX: ContextMenu managed=false does not provide a role.
+            ]);
+            await expect(axe).toHaveNoViolations();
+            await expect(menu).toMatchScreenshot("location-live-share-dialog.png");
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/login/consent.spec.ts b/apps/web/playwright/e2e/login/consent.spec.ts
new file mode 100644
index 00000000000..aab190298fa
--- /dev/null
+++ b/apps/web/playwright/e2e/login/consent.spec.ts
@@ -0,0 +1,46 @@
+/*
+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 { test, expect } from "../../element-web-test";
+import { consentHomeserver } from "../../plugins/homeserver/synapse/consentHomeserver.ts";
+
+test.use(consentHomeserver);
+test.use({
+    displayName: "Bob",
+});
+
+test.describe("Consent", () => {
+    test("should prompt the user to consent to terms when server deems it necessary", async ({
+        context,
+        page,
+        user,
+        app,
+    }) => {
+        // Attempt to create a room using the js-sdk which should return an error with `M_CONSENT_NOT_GIVEN`
+        await app.client.createRoom({}).catch(() => {});
+        const newPagePromise = context.waitForEvent("page");
+
+        const dialog = page.locator(".mx_QuestionDialog");
+        // Accept terms & conditions
+        await expect(dialog.getByRole("heading", { name: "Terms and Conditions" })).toBeVisible();
+        await page.getByRole("button", { name: "Review terms and conditions" }).click();
+
+        const newPage = await newPagePromise;
+        await newPage.locator('[type="submit"]').click();
+        await expect(newPage.getByText("Danke schoen")).toBeVisible();
+
+        // go back to the app
+        await page.goto("/");
+        // wait for the app to re-load
+        await expect(page.locator(".mx_MatrixChat")).toBeVisible();
+
+        // attempt to perform the same action again and expect it to not fail
+        await app.client.createRoom({ name: "Test Room" });
+        await expect(page.getByText("Test Room")).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/login/login-consent.spec.ts b/apps/web/playwright/e2e/login/login-consent.spec.ts
new file mode 100644
index 00000000000..f9aa7442dcf
--- /dev/null
+++ b/apps/web/playwright/e2e/login/login-consent.spec.ts
@@ -0,0 +1,349 @@
+/*
+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 Page } from "@playwright/test";
+
+import { expect, test } from "../../element-web-test";
+import { selectHomeserver } from "../utils";
+import { type Credentials, type HomeserverInstance } from "../../plugins/homeserver";
+import { consentHomeserver } from "../../plugins/homeserver/synapse/consentHomeserver.ts";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+import { createBot } from "../crypto/utils.ts";
+
+// This test requires fixed credentials for the device signing keys below to work
+const username = "user1234";
+const password = "p4s5W0rD";
+
+// Pre-generated dummy signing keys to create an account that has signing keys set.
+// Note the signatures are specific to the username and must be valid or the HS will reject the keys.
+const DEVICE_SIGNING_KEYS_BODY = {
+    master_key: {
+        keys: {
+            "ed25519:6qCouJsi2j7DzOmpxPTBALpvDTqa8p2mjrQR2P8wEbg": "6qCouJsi2j7DzOmpxPTBALpvDTqa8p2mjrQR2P8wEbg",
+        },
+        signatures: {
+            "@user1234:localhost": {
+                "ed25519:6qCouJsi2j7DzOmpxPTBALpvDTqa8p2mjrQR2P8wEbg":
+                    "mvwqsYiGa2gPH6ueJsiJnceHMrZhf1pqIMGxkvKisN3ucz8sU7LwyzndbYaLkUKEDx1JuOKFfZ9Mb3mqc7PMBQ",
+                "ed25519:SRHVWTNVBH":
+                    "HVGmVIzsJe3d+Un/6S9tXPsU7YA8HjZPdxogVzdjEFIU8OjLyElccvjupow0rVWgkEqU8sO21LIHw9cWRZEmDw",
+            },
+        },
+        usage: ["master"],
+        user_id: "@user1234:localhost",
+    },
+    self_signing_key: {
+        keys: {
+            "ed25519:eqzRly4S1GvTA36v48hOKokHMtYBLm02zXRgPHue5/8": "eqzRly4S1GvTA36v48hOKokHMtYBLm02zXRgPHue5/8",
+        },
+        signatures: {
+            "@user1234:localhost": {
+                "ed25519:6qCouJsi2j7DzOmpxPTBALpvDTqa8p2mjrQR2P8wEbg":
+                    "M2rt5xs+23egbVUwUcZuU7pMpn0chBNC5rpdyZGayfU3FDlx1DbopbakIcl5v4uOSGMbqUotyzkE6CchB+dgDw",
+            },
+        },
+        usage: ["self_signing"],
+        user_id: "@user1234:localhost",
+    },
+    user_signing_key: {
+        keys: {
+            "ed25519:h6C7sonjKSSa/VMvmpmFnwMA02H2rKIMSYZ2ddwgJn4": "h6C7sonjKSSa/VMvmpmFnwMA02H2rKIMSYZ2ddwgJn4",
+        },
+        signatures: {
+            "@user1234:localhost": {
+                "ed25519:6qCouJsi2j7DzOmpxPTBALpvDTqa8p2mjrQR2P8wEbg":
+                    "5ZMJ7SG2qr76vU2nITKap88AxLZ/RZQmF/mBcAcVZ9Bknvos3WQp8qN9jKuiqOHCq/XpPORA6XBmiDIyPqTFAA",
+            },
+        },
+        usage: ["user_signing"],
+        user_id: "@user1234:localhost",
+    },
+    auth: {
+        type: "m.login.password",
+        identifier: { type: "m.id.user", user: "@user1234:localhost" },
+        password: password,
+    },
+};
+
+async function login(page: Page, homeserver: HomeserverInstance, credentials: Credentials) {
+    await page.getByRole("link", { name: "Sign in" }).click();
+    await selectHomeserver(page, homeserver.baseUrl);
+
+    await page.getByRole("textbox", { name: "Username" }).fill(credentials.username);
+    await page.getByPlaceholder("Password").fill(credentials.password!);
+    await page.getByRole("button", { name: "Sign in" }).click();
+}
+
+// This test suite uses the same userId for all tests in the suite
+// due to DEVICE_SIGNING_KEYS_BODY being specific to that userId,
+// so we restart the Synapse container to make it forget everything.
+test.use(consentHomeserver);
+test.use({
+    config: {
+        // The only thing that we really *need* (otherwise Element refuses to load) is a default homeserver.
+        // We point that to a guaranteed-invalid domain.
+        default_server_config: {
+            "m.homeserver": {
+                base_url: "https://server.invalid",
+            },
+        },
+    },
+    context: async ({ context, homeserver }, use) => {
+        // Restart the homeserver to wipe its in-memory db so we can reuse the same user ID without cross-signing prompts
+        await homeserver.restart();
+        await use(context);
+    },
+    credentials: async ({ context, homeserver }, use) => {
+        const displayName = "Dave";
+        const credentials = await homeserver.registerUser(username, password, displayName);
+        console.log(`Registered test user @user:localhost with displayname ${displayName}`);
+
+        await use({
+            ...credentials,
+            displayName,
+        });
+
+        // Restart the homeserver to wipe its in-memory db so we can reuse the same user ID without cross-signing prompts
+        await homeserver.restart();
+    },
+});
+
+test.describe("Login", () => {
+    test.describe("Password login", () => {
+        test.skip(isDendrite, "Dendrite lacks support for MSC3967 so requires additional auth here");
+
+        test("Loads the welcome page by default; then logs in with an existing account and lands on the home screen", async ({
+            credentials,
+            page,
+            homeserver,
+            axe,
+        }) => {
+            await page.goto("/");
+
+            // Should give us the welcome page initially
+            await expect(page.getByRole("heading", { name: "Be in your element" })).toBeVisible();
+
+            // Start the login process
+            await expect(axe).toHaveNoViolations();
+            await page.getByRole("link", { name: "Sign in" }).click();
+
+            // first pick the homeserver, as otherwise the user picker won't be visible
+            await selectHomeserver(page, homeserver.baseUrl);
+
+            await page.getByRole("button", { name: "Edit" }).click();
+
+            // select the default server again
+            await page.locator(".mx_StyledRadioButton").first().click();
+            await page.getByRole("button", { name: "Continue", exact: true }).click();
+            await expect(page.locator(".mx_ServerPickerDialog")).toHaveCount(0);
+            await expect(page.locator(".mx_Spinner")).toHaveCount(0);
+            // name of default server
+            await expect(page.locator(".mx_ServerPicker_server")).toHaveText("server.invalid");
+
+            // switch back to the custom homeserver
+            await selectHomeserver(page, homeserver.baseUrl);
+
+            await expect(page.getByRole("textbox", { name: "Username" })).toBeVisible();
+            await expect(axe).toHaveNoViolations();
+
+            await page.getByRole("textbox", { name: "Username" }).fill(credentials.username);
+            await page.getByPlaceholder("Password").fill(credentials.password!);
+            await page.getByRole("button", { name: "Sign in" }).click();
+
+            await expect(page).toHaveURL(/\/#\/home$/);
+        });
+
+        test("Follows the original link after login", async ({ page, homeserver, credentials }) => {
+            await page.goto("/#/room/!room:id"); // should redirect to the welcome page
+            await login(page, homeserver, credentials);
+
+            await expect(page).toHaveURL(/\/#\/room\/!room:id$/);
+            await expect(page.getByRole("button", { name: "Join the discussion" })).toBeVisible();
+        });
+
+        test.describe("verification after login", () => {
+            test("Shows verification prompt after login if signing keys are set up, skippable by default", async ({
+                page,
+                homeserver,
+                request,
+                credentials,
+            }) => {
+                const res = await request.post(`${homeserver.baseUrl}/_matrix/client/v3/keys/device_signing/upload`, {
+                    headers: { Authorization: `Bearer ${credentials.accessToken}` },
+                    data: DEVICE_SIGNING_KEYS_BODY,
+                });
+                if (res.status() / 100 !== 2) {
+                    console.log("Uploading dummy keys failed", await res.json());
+                }
+                expect(res.status() / 100).toEqual(2);
+
+                await page.goto("/");
+                await login(page, homeserver, credentials);
+
+                await expect(
+                    page.getByRole("heading", { name: "Confirm your digital identity", level: 2 }),
+                ).toBeVisible();
+
+                await expect(page.getByRole("button", { name: "Skip verification for now" })).toBeVisible();
+            });
+
+            test.describe("with force_verification off", () => {
+                test.use({
+                    config: {
+                        force_verification: false,
+                    },
+                });
+
+                test("Shows skippable verification prompt after login if signing keys are set up", async ({
+                    page,
+                    homeserver,
+                    request,
+                    credentials,
+                }) => {
+                    const res = await request.post(
+                        `${homeserver.baseUrl}/_matrix/client/v3/keys/device_signing/upload`,
+                        {
+                            headers: { Authorization: `Bearer ${credentials.accessToken}` },
+                            data: DEVICE_SIGNING_KEYS_BODY,
+                        },
+                    );
+                    if (res.status() / 100 !== 2) {
+                        console.log("Uploading dummy keys failed", await res.json());
+                    }
+                    expect(res.status() / 100).toEqual(2);
+
+                    await page.goto("/");
+                    await login(page, homeserver, credentials);
+
+                    await expect(
+                        page.getByRole("heading", { name: "Confirm your digital identity", level: 2 }),
+                    ).toBeVisible();
+
+                    await expect(page.getByRole("button", { name: "Skip verification for now" })).toBeVisible();
+                });
+            });
+
+            test.describe("with force_verification on", () => {
+                test.use({
+                    config: {
+                        force_verification: true,
+                    },
+                });
+
+                test("Shows unskippable verification prompt after login if signing keys are set up", async ({
+                    page,
+                    homeserver,
+                    request,
+                    credentials,
+                }) => {
+                    console.log(`uid ${credentials.userId} body`, DEVICE_SIGNING_KEYS_BODY);
+                    const res = await request.post(
+                        `${homeserver.baseUrl}/_matrix/client/v3/keys/device_signing/upload`,
+                        {
+                            headers: { Authorization: `Bearer ${credentials.accessToken}` },
+                            data: DEVICE_SIGNING_KEYS_BODY,
+                        },
+                    );
+                    if (res.status() / 100 !== 2) {
+                        console.log("Uploading dummy keys failed", await res.json());
+                    }
+                    expect(res.status() / 100).toEqual(2);
+
+                    await page.goto("/");
+                    await login(page, homeserver, credentials);
+
+                    const h2 = page.getByRole("heading", { name: "Confirm your digital identity", level: 2 });
+                    await expect(h2).toBeVisible();
+
+                    await expect(h2.locator(".mx_CompleteSecurity_skip")).toHaveCount(0);
+                });
+
+                test("Continues to show verification prompt after cancelling device verification", async ({
+                    page,
+                    homeserver,
+                    credentials,
+                }) => {
+                    // Create a different device which is cross-signed, meaning we need to verify this device
+                    await createBot(page, homeserver, credentials, true);
+
+                    // Wait to avoid homeserver rate limit on logins
+                    await page.waitForTimeout(100);
+
+                    // Load the page and see that we are asked to verify
+                    await page.goto("/#/welcome");
+                    await login(page, homeserver, credentials);
+                    let h2 = page.getByRole("heading", { name: "Confirm your digital identity", level: 2 });
+                    await expect(h2).toBeVisible();
+
+                    // Click "Use another device"
+                    await page.getByRole("button", { name: "Use another device" }).click();
+
+                    // Cancel the new dialog
+                    await page.getByRole("button", { name: "Close dialog" }).click();
+
+                    // Check that we are still being asked to verify
+                    h2 = page.getByRole("heading", { name: "Confirm your digital identity", level: 2 });
+                    await expect(h2).toBeVisible();
+                });
+            });
+
+            test("Can reset identity to become verified", async ({ page, homeserver, request, credentials }) => {
+                // Log in
+                const res = await request.post(`${homeserver.baseUrl}/_matrix/client/v3/keys/device_signing/upload`, {
+                    headers: { Authorization: `Bearer ${credentials.accessToken}` },
+                    data: DEVICE_SIGNING_KEYS_BODY,
+                });
+                if (!res.ok()) {
+                    console.log(`Uploading dummy keys failed with HTTP status ${res.status}`, await res.json());
+                    throw new Error("Uploading dummy keys failed");
+                }
+
+                await page.goto("/");
+                await login(page, homeserver, credentials);
+
+                await expect(
+                    page.getByRole("heading", { name: "Confirm your digital identity", level: 2 }),
+                ).toBeVisible();
+
+                // Start the reset process
+                await page.getByRole("button", { name: "Can't confirm?" }).click();
+
+                // First try cancelling and restarting
+                await page.getByRole("button", { name: "Cancel" }).click();
+                await page.getByRole("button", { name: "Can't confirm?" }).click();
+
+                // Then click outside the dialog and restart
+                await page.getByRole("link", { name: "Powered by Matrix" }).click({ force: true });
+                await page.getByRole("button", { name: "Can't confirm?" }).click();
+
+                // Finally we actually continue
+                await page.getByRole("button", { name: "Continue" }).click();
+                await page.getByPlaceholder("Password").fill(credentials.password!);
+                await page.getByRole("button", { name: "Continue" }).click();
+
+                // We end up at the Home screen
+                await expect(page).toHaveURL(/\/#\/home$/, { timeout: 10000 });
+                await expect(page.getByRole("heading", { name: "Welcome Dave", exact: true })).toBeVisible();
+            });
+        });
+    });
+
+    test.describe("logout", () => {
+        test("should go to welcome page on logout", async ({ page, user }) => {
+            await page.getByRole("button", { name: "User menu" }).click();
+            await expect(page.getByText(user.displayName!, { exact: true })).toBeVisible();
+
+            // Allow the outstanding requests queue to settle before logging out
+            await page.waitForTimeout(2000);
+            await page.getByRole("menu", { name: "User menu" }).getByRole("menuitem", { name: "All settings" }).click();
+            await page.getByRole("button", { name: "Remove this device" }).click();
+            await page.getByRole("button", { name: "Remove this device anyway" }).click();
+            await expect(page).toHaveURL(/\/#\/welcome$/);
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/login/login-sso.spec.ts b/apps/web/playwright/e2e/login/login-sso.spec.ts
new file mode 100644
index 00000000000..22428af5028
--- /dev/null
+++ b/apps/web/playwright/e2e/login/login-sso.spec.ts
@@ -0,0 +1,29 @@
+/*
+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
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { test } from "../../element-web-test";
+import { doTokenRegistration } from "./utils";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+import { legacyOAuthHomeserver } from "../../plugins/homeserver/synapse/legacyOAuthHomeserver.ts";
+
+test.use(legacyOAuthHomeserver);
+
+// tests for old-style SSO login, in which we exchange tokens with Synapse, and Synapse talks to an auth server
+test.describe("SSO login", () => {
+    test.skip(isDendrite, "does not yet support SSO");
+
+    test("logs in with SSO and lands on the home screen", async ({ page, homeserver }, testInfo) => {
+        // If this test fails with a screen showing "Timeout connecting to remote server", it is most likely due to
+        // your firewall settings: Synapse is unable to reach the OIDC server.
+        //
+        // If you are using ufw, try something like:
+        //    sudo ufw allow in on docker0
+        //
+        await doTokenRegistration(page, homeserver, testInfo);
+    });
+});
diff --git a/apps/web/playwright/e2e/login/login.spec.ts b/apps/web/playwright/e2e/login/login.spec.ts
new file mode 100644
index 00000000000..56025d94053
--- /dev/null
+++ b/apps/web/playwright/e2e/login/login.spec.ts
@@ -0,0 +1,30 @@
+/*
+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 { expect, test } from "../../element-web-test";
+import { logIntoElement } from "../crypto/utils.ts";
+
+test.describe(`With force_verification: true`, () => {
+    test.use({
+        config: {
+            force_verification: true,
+        },
+    });
+
+    test("Can reload after login", async ({ page, credentials }) => {
+        // The page should reload fine when going to the base client URL
+        // Regression test for https://github.com/element-hq/element-web/issues/31203
+        await logIntoElement(page, credentials);
+
+        // We should auto-upload the E2EE keys, and show a welcome page
+        await expect(page.getByRole("heading", { name: `Welcome ${credentials.displayName}` })).toBeVisible();
+
+        await page.goto("/");
+
+        await expect(page.getByRole("heading", { name: `Welcome ${credentials.displayName}` })).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/login/logout_redirect_url.spec.ts b/apps/web/playwright/e2e/login/logout_redirect_url.spec.ts
new file mode 100644
index 00000000000..1da1917dcb5
--- /dev/null
+++ b/apps/web/playwright/e2e/login/logout_redirect_url.spec.ts
@@ -0,0 +1,37 @@
+/*
+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
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { expect, test } from "../../element-web-test";
+import { consentHomeserver } from "../../plugins/homeserver/synapse/consentHomeserver.ts";
+
+test.use(consentHomeserver);
+test.use({
+    config: {
+        // We redirect to decoder-ring because it's a predictable page that isn't Element itself.
+        // We could use example.org, matrix.org, or something else, however this puts dependency of external
+        // infrastructure on our tests. In the same vein, we don't really want to figure out how to ship a
+        // `test-landing.html` page when running with an uncontrolled Element (via `pnpm start`).
+        // Using the decoder-ring is just as fine, and we can search for strategic names.
+        logout_redirect_url: "/decoder-ring/",
+    },
+});
+
+test.describe("logout with logout_redirect_url", () => {
+    test("should respect logout_redirect_url", async ({ page, user }) => {
+        await page.getByRole("button", { name: "User menu" }).click();
+        await expect(page.getByText(user.displayName!, { exact: true })).toBeVisible();
+
+        // give a change for the outstanding requests queue to settle before logging out
+        await page.waitForTimeout(2000);
+        await page.getByRole("menu", { name: "User menu" }).getByRole("menuitem", { name: "All settings" }).click();
+        await page.getByRole("button", { name: "Remove this device" }).click();
+        await page.getByRole("button", { name: "Remove this device anyway" }).click();
+
+        await expect(page).toHaveURL(/\/decoder-ring\/$/);
+    });
+});
diff --git a/apps/web/playwright/e2e/login/overwrite_login.spec.ts b/apps/web/playwright/e2e/login/overwrite_login.spec.ts
new file mode 100644
index 00000000000..4beed00d120
--- /dev/null
+++ b/apps/web/playwright/e2e/login/overwrite_login.spec.ts
@@ -0,0 +1,46 @@
+/*
+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.
+*/
+
+import { test, expect } from "../../element-web-test";
+import { logIntoElement } from "../crypto/utils";
+
+test.describe("Overwrite login action", () => {
+    // This seems terminally flakey: https://github.com/element-hq/element-web/issues/27363
+    // I tried verious things to try & deflake it, to no avail: https://github.com/matrix-org/matrix-react-sdk/pull/12506
+    test.skip("Try replace existing login with new one", async ({ page, app, credentials, homeserver }) => {
+        await logIntoElement(page, credentials);
+
+        const userMenu = await app.openUserMenu();
+        await expect(userMenu.getByText(credentials.userId)).toBeVisible();
+
+        const bobRegister = await homeserver.registerUser("BobOverwrite", "p@ssword1!", "BOB");
+
+        // just assert that it's a different user
+        expect(credentials.userId).not.toBe(bobRegister.userId);
+
+        const clientCredentials /* IMatrixClientCreds */ = {
+            homeserverUrl: homeserver.baseUrl,
+            ...bobRegister,
+        };
+
+        // Trigger the overwrite login action
+        await app.client.evaluate(async (cli, clientCredentials) => {
+            // @ts-ignore - raw access to the dispatcher to simulate the action
+            window.mxDispatcher.dispatch(
+                {
+                    action: "overwrite_login",
+                    credentials: clientCredentials,
+                },
+                true,
+            );
+        }, clientCredentials);
+
+        // It should be now another user!!
+        await expect(page.getByText("Welcome BOB")).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/login/soft_logout.spec.ts b/apps/web/playwright/e2e/login/soft_logout.spec.ts
new file mode 100644
index 00000000000..23293c67bdb
--- /dev/null
+++ b/apps/web/playwright/e2e/login/soft_logout.spec.ts
@@ -0,0 +1,43 @@
+/*
+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 { test, expect } from "../../element-web-test";
+import { interceptRequestsWithSoftLogout } from "./utils";
+
+test.use({
+    displayName: "Alice",
+    config: {
+        // The only thing that we really *need* (otherwise Element refuses to load) is a default homeserver.
+        // We point that to a guaranteed-invalid domain.
+        default_server_config: {
+            "m.homeserver": {
+                base_url: "https://server.invalid",
+            },
+        },
+    },
+});
+
+test.describe("Soft logout with password user", () => {
+    test("shows the soft-logout page when a request fails, and allows a re-login", async ({ page, user }) => {
+        await interceptRequestsWithSoftLogout(page, user);
+        await expect(page.getByText("You're signed out")).toBeVisible();
+        await page.getByPlaceholder("Password").fill(user.password!);
+        await page.getByPlaceholder("Password").press("Enter");
+
+        // back to the welcome page
+        await expect(page).toHaveURL(/\/#\/home/);
+        await expect(page.getByRole("heading", { name: "Now, let's help you get started", exact: true })).toBeVisible();
+    });
+
+    test("still shows the soft-logout page when the page is reloaded after a soft-logout", async ({ page, user }) => {
+        await interceptRequestsWithSoftLogout(page, user);
+        await expect(page.getByText("You're signed out")).toBeVisible();
+        await page.reload();
+        await expect(page.getByText("You're signed out")).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/login/soft_logout_oauth.spec.ts b/apps/web/playwright/e2e/login/soft_logout_oauth.spec.ts
new file mode 100644
index 00000000000..f6814d0cf4a
--- /dev/null
+++ b/apps/web/playwright/e2e/login/soft_logout_oauth.spec.ts
@@ -0,0 +1,59 @@
+/*
+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 { test, expect } from "../../element-web-test";
+import { doTokenRegistration, interceptRequestsWithSoftLogout } from "./utils";
+import { legacyOAuthHomeserver } from "../../plugins/homeserver/synapse/legacyOAuthHomeserver.ts";
+
+test.use({
+    displayName: "Alice",
+    config: {
+        // The only thing that we really *need* (otherwise Element refuses to load) is a default homeserver.
+        // We point that to a guaranteed-invalid domain.
+        default_server_config: {
+            "m.homeserver": {
+                base_url: "https://server.invalid",
+            },
+        },
+    },
+});
+
+test.use(legacyOAuthHomeserver);
+test.describe("Soft logout with SSO user", () => {
+    test.use({
+        user: async ({ page, homeserver }, use, testInfo) => {
+            const user = await doTokenRegistration(page, homeserver, testInfo);
+
+            // Eventually, we should end up at the home screen.
+            await expect(page).toHaveURL(/\/#\/home$/);
+            await expect(page.getByRole("heading", { name: "Welcome Alice", exact: true })).toBeVisible();
+
+            await use(user);
+        },
+    });
+
+    test("shows the soft-logout page when a request fails, and allows a re-login", async ({ page, user }) => {
+        await expect(page.getByRole("heading", { name: "Welcome Alice", exact: true })).toBeVisible();
+
+        await interceptRequestsWithSoftLogout(page, user);
+
+        await expect(page.getByText("You're signed out")).toBeVisible();
+        await page.getByRole("button", { name: "Continue with OAuth test" }).click();
+
+        // click the submit button
+        await page.getByRole("button", { name: "Submit" }).click();
+
+        // Synapse prompts us to grant permission to Element
+        await expect(page.getByRole("heading", { name: "Continue to your account" })).toBeVisible();
+        await page.getByRole("link", { name: "Continue" }).click();
+
+        // back to the welcome page
+        await expect(page).toHaveURL(/\/#\/home$/);
+        await expect(page.getByRole("heading", { name: "Welcome Alice", exact: true })).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/login/utils.ts b/apps/web/playwright/e2e/login/utils.ts
new file mode 100644
index 00000000000..82681bfe550
--- /dev/null
+++ b/apps/web/playwright/e2e/login/utils.ts
@@ -0,0 +1,101 @@
+/*
+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 Page, expect, type TestInfo } from "@playwright/test";
+
+import { type Credentials, type HomeserverInstance } from "../../plugins/homeserver";
+
+/** Visit the login page, choose to log in with "OAuth test", register a new account, and redirect back to Element
+ */
+export async function doTokenRegistration(
+    page: Page,
+    homeserver: HomeserverInstance,
+    testInfo: TestInfo,
+): Promise<Credentials & { displayName: string }> {
+    await page.goto("/#/login");
+
+    await page.getByRole("button", { name: "Edit" }).click();
+    await page.getByRole("textbox", { name: "Other homeserver" }).fill(homeserver.baseUrl);
+    await page.getByRole("button", { name: "Continue", exact: true }).click();
+    // wait for the dialog to go away
+    await expect(page.locator(".mx_ServerPickerDialog")).toHaveCount(0);
+
+    // click on "Continue with OAuth test"
+    await page.getByRole("button", { name: "Continue with OAuth test" }).click();
+
+    // wait for the Test OAuth Page to load
+    await expect(page.getByText("Test OAuth page")).toBeVisible();
+
+    // click the submit button
+    await page.getByRole("button", { name: "Submit" }).click();
+
+    // Synapse prompts us to pick a user ID
+    await expect(page.getByRole("heading", { name: "Create your account" })).toBeVisible();
+    await page.getByRole("textbox", { name: "Username (required)" }).fill(`alice_${testInfo.testId}`);
+
+    // wait for username validation to start, and complete
+    await expect(page.locator("#field-username-output")).toHaveText("");
+    await page.getByRole("button", { name: "Continue" }).click();
+
+    // Synapse prompts us to grant permission to Element
+    page.getByRole("heading", { name: "Continue to your account" });
+    await page.getByRole("link", { name: "Continue" }).click();
+
+    // Eventually, we should end up at the home screen.
+    await expect(page).toHaveURL(/\/#\/home$/, { timeout: 10000 });
+    await expect(page.getByRole("heading", { name: "Welcome Alice", exact: true })).toBeVisible();
+
+    return page.evaluate(() => ({
+        homeserverBaseUrl: window.mxMatrixClientPeg.get().getHomeserverUrl(),
+        accessToken: window.mxMatrixClientPeg.get().getAccessToken()!,
+        userId: window.mxMatrixClientPeg.get().getSafeUserId(),
+        deviceId: window.mxMatrixClientPeg.get().getDeviceId()!,
+        homeServer: window.mxMatrixClientPeg.get().getHomeserverUrl(),
+        password: null,
+        displayName: "Alice",
+        username: window.mxMatrixClientPeg.get().getUserIdLocalpart()!,
+    }));
+}
+
+/**
+ * Intercept calls to /sync and have them fail with a soft-logout
+ *
+ * Any further requests to /sync with the same access token are blocked.
+ */
+export async function interceptRequestsWithSoftLogout(page: Page, user: Credentials): Promise<void> {
+    await page.route("**/_matrix/client/*/sync*", async (route, req) => {
+        const accessToken = await req.headerValue("Authorization");
+
+        // now, if the access token on this request matches the expired one, block it
+        if (accessToken === `Bearer ${user.accessToken}`) {
+            console.log("Intercepting request with soft-logged-out access token");
+            await route.fulfill({
+                status: 401,
+                json: {
+                    errcode: "M_UNKNOWN_TOKEN",
+                    error: "Soft logout",
+                    soft_logout: true,
+                },
+            });
+            return;
+        }
+
+        // otherwise, pass through as normal
+        await route.continue();
+    });
+
+    const promise = page.waitForResponse((resp) => resp.url().includes("/sync") && resp.status() === 401);
+
+    // do something to make the active /sync return: create a new room
+    await page.evaluate(() => {
+        // don't wait for this to complete: it probably won't, because of the broken sync
+        void window.mxMatrixClientPeg.get().createRoom({});
+    });
+
+    await promise;
+}
diff --git a/apps/web/playwright/e2e/messages/messages.spec.ts b/apps/web/playwright/e2e/messages/messages.spec.ts
new file mode 100644
index 00000000000..ad9218037f7
--- /dev/null
+++ b/apps/web/playwright/e2e/messages/messages.spec.ts
@@ -0,0 +1,269 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { type Locator, type Page } from "@playwright/test";
+import { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test";
+import { readSampleFileSync } from "../../sample-files";
+
+const MEDIA_FILE = readSampleFileSync("riot.png", null);
+
+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 waitForMessageSentStatus(msgTile);
+    return msgTile;
+}
+
+async function sendMultilineMessages(page: Page, messages: string[]) {
+    await page.getByRole("textbox", { name: "Send an unencrypted message…" }).focus();
+    for (let i = 0; i < messages.length; i++) {
+        await page.keyboard.type(messages[i]);
+        if (i < messages.length - 1) await page.keyboard.press("Shift+Enter");
+    }
+
+    await page.getByRole("button", { name: "Send message" }).click();
+
+    const msgTile = page.locator(".mx_EventTile_last");
+    await waitForMessageSentStatus(msgTile);
+    return msgTile;
+}
+
+async function replyMessage(page: Page, message: Locator, replyMessage: string): Promise<Locator> {
+    const line = message.locator(".mx_EventTile_line");
+    await line.hover();
+    await line.getByRole("button", { name: "Reply", exact: true }).click();
+
+    await page.getByRole("textbox", { name: "Send an unencrypted reply…" }).fill(replyMessage);
+    await page.getByRole("button", { name: "Send message" }).click();
+
+    const msgTile = page.locator(".mx_EventTile_last");
+    await waitForMessageSentStatus(msgTile);
+    return msgTile;
+}
+
+async function editMessage(page: Page, message: Locator, newMsg: string): Promise<void> {
+    const line = message.locator(".mx_EventTile_line");
+    await line.hover();
+    await line.getByRole("button", { name: "Edit" }).click();
+    const editComposer = page.getByRole("textbox", { name: "Edit message" });
+    await page.getByLabel("User menu").hover(); // Just to un-hover the message line
+    await editComposer.fill(newMsg);
+    await editComposer.press("Enter");
+}
+
+const screenshotOptions = (page?: Page) => ({
+    // Hide the jump to bottom button in the timeline to avoid flakiness
+    css: `
+        .mx_MessageTimestamp {
+            visibility: hidden;
+        }
+        .mx_JumpToBottomButton {
+            display: none !important;
+        }
+    `,
+});
+
+test.describe("Message rendering", () => {
+    [
+        { direction: "ltr", displayName: "Quentin" },
+        { direction: "rtl", displayName: "كوينتين" },
+    ].forEach(({ direction, displayName }) => {
+        test.describe(`with ${direction} display name`, { tag: "@screenshot" }, () => {
+            test.use({
+                displayName,
+                room: async ({ user, app, page }, use) => {
+                    const roomId = await app.client.createRoom({ name: "Test room" });
+                    await use({ roomId });
+                    await rejectToast(page, "Verify this device");
+                },
+            });
+
+            test(
+                "should render a basic LTR text message",
+                { tag: "@screenshot" },
+                async ({ page, user, app, room }) => {
+                    await page.goto(`#/room/${room.roomId}`);
+
+                    const msgTile = await sendMessage(page, "Hello, world!");
+                    await expect(msgTile).toMatchScreenshot(
+                        `basic-message-ltr-${direction}displayname.png`,
+                        screenshotOptions(page),
+                    );
+                },
+            );
+
+            test("should render an LTR emote", async ({ page, user, app, room }) => {
+                await page.goto(`#/room/${room.roomId}`);
+
+                const msgTile = await sendMessage(page, "/me lays an egg");
+                await expect(msgTile).toMatchScreenshot(`emote-ltr-${direction}displayname.png`, screenshotOptions());
+            });
+
+            test("should render an LTR rich text emote", async ({ page, user, app, room }) => {
+                await page.goto(`#/room/${room.roomId}`);
+
+                const msgTile = await sendMessage(page, "/me lays a *free range* egg");
+                await expect(msgTile).toMatchScreenshot(
+                    `emote-rich-ltr-${direction}displayname.png`,
+                    screenshotOptions(),
+                );
+            });
+
+            test("should render an edited LTR message", async ({ page, user, app, room }) => {
+                await page.goto(`#/room/${room.roomId}`);
+
+                const msgTile = await sendMessage(page, "Hello, world!");
+
+                await editMessage(page, msgTile, "Hello, universe!");
+
+                await expect(msgTile).toMatchScreenshot(
+                    `edited-message-ltr-${direction}displayname.png`,
+                    screenshotOptions(page),
+                );
+            });
+
+            test("should render a reply of a LTR message", async ({ page, user, app, room }) => {
+                await page.goto(`#/room/${room.roomId}`);
+
+                const msgTile = await sendMultilineMessages(page, [
+                    "Fist line",
+                    "Second line",
+                    "Third line",
+                    "Fourth line",
+                ]);
+
+                await replyMessage(page, msgTile, "response to multiline message");
+                await expect(msgTile).toMatchScreenshot(
+                    `reply-message-ltr-${direction}displayname.png`,
+                    screenshotOptions(page),
+                );
+            });
+
+            test("should render a basic RTL text message", async ({ page, user, app, room }) => {
+                await page.goto(`#/room/${room.roomId}`);
+
+                const msgTile = await sendMessage(page, "مرحبا بالعالم!");
+                await expect(msgTile).toMatchScreenshot(
+                    `basic-message-rtl-${direction}displayname.png`,
+                    screenshotOptions(page),
+                );
+            });
+
+            test("should render an RTL emote", async ({ page, user, app, room }) => {
+                await page.goto(`#/room/${room.roomId}`);
+
+                const msgTile = await sendMessage(page, "/me يضع بيضة");
+                await expect(msgTile).toMatchScreenshot(`emote-rtl-${direction}displayname.png`, screenshotOptions());
+            });
+
+            test("should render a richtext RTL emote", async ({ page, user, app, room }) => {
+                await page.goto(`#/room/${room.roomId}`);
+
+                const msgTile = await sendMessage(page, "/me أضع بيضة *حرة النطاق*");
+                await expect(msgTile).toMatchScreenshot(
+                    `emote-rich-rtl-${direction}displayname.png`,
+                    screenshotOptions(),
+                );
+            });
+
+            test("should render an edited RTL message", async ({ page, user, app, room }) => {
+                await page.goto(`#/room/${room.roomId}`);
+
+                const msgTile = await sendMessage(page, "مرحبا بالعالم!");
+
+                await editMessage(page, msgTile, "مرحبا بالكون!");
+
+                await expect(msgTile).toMatchScreenshot(
+                    `edited-message-rtl-${direction}displayname.png`,
+                    screenshotOptions(page),
+                );
+            });
+
+            test("should render a reply of a RTL message", async ({ page, user, app, room }) => {
+                await page.goto(`#/room/${room.roomId}`);
+
+                const msgTile = await sendMultilineMessages(page, [
+                    "مرحبا بالعالم!",
+                    "مرحبا بالعالم!",
+                    "مرحبا بالعالم!",
+                    "مرحبا بالعالم!",
+                ]);
+
+                await replyMessage(page, msgTile, "مرحبا بالعالم!");
+                await expect(msgTile).toMatchScreenshot(
+                    `reply-message-trl-${direction}displayname.png`,
+                    screenshotOptions(page),
+                );
+            });
+        });
+    });
+});
+
+test.describe("Message url previews", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ user, app, page }, use) => {
+            const roomId = await app.client.createRoom({ name: "Test room" });
+            await use({ roomId });
+            await rejectToast(page, "Verify this device");
+        },
+    });
+    test("should render a basic preview", { tag: "@screenshot" }, async ({ page, user, app, room, axe }) => {
+        axe.disableRules("color-contrast");
+
+        await page.route(/.*\/_matrix\/(client\/v1\/media|media\/v3)\/preview_url.*/, (route, request) => {
+            const requestedPage = new URL(request.url()).searchParams.get("url");
+            expect(requestedPage).toEqual("https://example.org/");
+            return route.fulfill({
+                json: {
+                    "og:title": "A simple site",
+                },
+            });
+        });
+        await page.goto(`#/room/${room.roomId}`);
+        const msgTile = await sendMessage(page, "https://example.org");
+        await expect(msgTile.getByRole("link", { name: "A simple site" })).toBeVisible();
+        await expect(axe).toHaveNoViolations();
+        await expect(msgTile).toMatchScreenshot("preview-basic.png", screenshotOptions(page));
+    });
+    test(
+        "should render a preview with a thumbnail",
+        { tag: "@screenshot" },
+        async ({ page, user, bot, app, room, axe }) => {
+            axe.disableRules("color-contrast");
+            const mxc = (await bot.uploadContent(MEDIA_FILE, { name: "image.png", type: "image/png" })).content_uri;
+            await page.route(/.*\/_matrix\/(client\/v1\/media|media\/v3)\/preview_url.*/, (route, request) => {
+                const requestedPage = new URL(request.url()).searchParams.get("url");
+                expect(requestedPage).toEqual("https://example.org/");
+                return route.fulfill({
+                    json: {
+                        "og:title": "A simple site",
+                        "og:description": "And with a brief description",
+                        "og:image": mxc,
+                        "og:image:alt": "The riot logo",
+                    },
+                });
+            });
+            await page.goto(`#/room/${room.roomId}`);
+            const msgTile = await sendMessage(page, "https://example.org");
+            await expect(msgTile.getByRole("link", { name: "A simple site" })).toBeVisible();
+            await expect(axe).toHaveNoViolations();
+            await expect(msgTile).toMatchScreenshot("preview-with-thumb.png", screenshotOptions(page));
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/mobile-guide/mobile-guide.spec.ts b/apps/web/playwright/e2e/mobile-guide/mobile-guide.spec.ts
new file mode 100644
index 00000000000..ff2ad69bf87
--- /dev/null
+++ b/apps/web/playwright/e2e/mobile-guide/mobile-guide.spec.ts
@@ -0,0 +1,36 @@
+/*
+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 { test, expect } from "../../element-web-test";
+import { MobileAppVariant } from "../../../src/vector/mobile_guide/mobile-apps";
+
+const variants = [MobileAppVariant.Classic, MobileAppVariant.X, MobileAppVariant.Pro];
+
+test.describe("Mobile Guide Screenshots", { tag: "@screenshot" }, () => {
+    for (const variant of variants) {
+        test.describe(`for variant ${variant}`, () => {
+            test.use({
+                config: {
+                    default_server_config: {
+                        "m.homeserver": {
+                            base_url: "https://matrix.server.invalid",
+                            server_name: "server.invalid",
+                        },
+                    },
+                    mobile_guide_app_variant: variant,
+                },
+                viewport: { width: 390, height: 844 }, // iPhone 16e
+            });
+
+            test("should match the mobile_guide screenshot", async ({ page, axe }) => {
+                await page.goto("/mobile_guide/");
+                await expect(page).toMatchScreenshot(`mobile-guide-${variant}.png`);
+                await expect(axe).toHaveNoViolations();
+            });
+        });
+    }
+});
diff --git a/apps/web/playwright/e2e/modules/composer.spec.ts b/apps/web/playwright/e2e/modules/composer.spec.ts
new file mode 100644
index 00000000000..7da67730aae
--- /dev/null
+++ b/apps/web/playwright/e2e/modules/composer.spec.ts
@@ -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 { test, expect } from "../../element-web-test";
+import { getSampleFilePath } from "../../sample-files";
+
+test.describe("Composer API", () => {
+    test.use({
+        displayName: "Manny",
+        config: {
+            modules: ["/modules/upload-module.js"],
+        },
+        page: async ({ page }, use) => {
+            await page.route("/modules/upload-module.js", async (route) => {
+                await route.fulfill({ path: getSampleFilePath("upload-module.js") });
+            });
+            await use(page);
+        },
+        room: async ({ page, app, user, bot }, use) => {
+            const roomId = await app.client.createRoom({ name: "TestRoom" });
+            await use({ roomId });
+        },
+    });
+    test("should be able to select custom uploader", async ({ page, room, app }) => {
+        page.on("dialog", (dialog) => console.log("Dialog discovered", dialog));
+        await app.viewRoomById(room.roomId);
+        await app.getComposer().getByRole("button", { name: "Attachment" }).click();
+        await page.getByRole("menuitem", { name: "Example uploader" }).click({ noWaitAfter: true });
+        await page.locator(".mx_Dialog").getByRole("button", { name: "Upload" }).click();
+        const fileTile = page.locator(".mx_MFileBody").first();
+        await expect(fileTile).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/modules/custom-component.spec.ts b/apps/web/playwright/e2e/modules/custom-component.spec.ts
new file mode 100644
index 00000000000..568e01963a4
--- /dev/null
+++ b/apps/web/playwright/e2e/modules/custom-component.spec.ts
@@ -0,0 +1,170 @@
+/*
+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 Page } from "@playwright/test";
+
+import { test, expect } from "../../element-web-test";
+import { getSampleFilePath, readSampleFileSync } from "../../sample-files";
+
+const screenshotOptions = (page: Page) => ({
+    // Hide the jump to bottom button in the timeline to avoid flakiness
+    // Exclude timestamp and read marker from snapshot
+    css: `
+        .mx_MessageTimestamp {
+            visibility: hidden;
+        }
+        .mx_JumpToBottomButton {
+            display: none !important;
+        }
+        .mx_TopUnreadMessagesBar, .mx_MessagePanel_myReadMarker {
+            display: none !important;
+        }
+    `,
+});
+
+const IMAGE_FILE = readSampleFileSync("element.png", null);
+
+test.describe("Custom Component API", () => {
+    test.use({
+        displayName: "Manny",
+        config: {
+            modules: ["/modules/custom-component-module.js"],
+        },
+        page: async ({ page }, use) => {
+            await page.route("/modules/custom-component-module.js", async (route) => {
+                await route.fulfill({ path: getSampleFilePath("custom-component-module.js") });
+            });
+            await use(page);
+        },
+        room: async ({ page, app, user, bot }, use) => {
+            const roomId = await app.client.createRoom({ name: "TestRoom" });
+            await use({ roomId });
+        },
+    });
+    test.describe("basic functionality", () => {
+        test(
+            "should replace the render method of a textual event",
+            { tag: "@screenshot" },
+            async ({ page, room, app }) => {
+                await app.viewRoomById(room.roomId);
+                await app.client.sendMessage(room.roomId, "Simple message");
+                await expect(page.locator(".mx_EventTile_last")).toMatchScreenshot(
+                    "custom-component-tile.png",
+                    screenshotOptions(page),
+                );
+            },
+        );
+        test(
+            "should fall through if one module does not render a component",
+            { tag: "@screenshot" },
+            async ({ page, room, app }) => {
+                await app.viewRoomById(room.roomId);
+                await app.client.sendMessage(room.roomId, "Fall through here");
+                await expect(page.locator(".mx_EventTile_last")).toMatchScreenshot(
+                    "custom-component-tile-fall-through.png",
+                    screenshotOptions(page),
+                );
+            },
+        );
+        test(
+            "should render the original content of a textual event conditionally",
+            { tag: "@screenshot" },
+            async ({ page, room, app }) => {
+                await app.viewRoomById(room.roomId);
+                await app.client.sendMessage(room.roomId, "Do not replace me");
+                await expect(page.locator(".mx_EventTile_last")).toMatchScreenshot(
+                    "custom-component-tile-original.png",
+                    screenshotOptions(page),
+                );
+            },
+        );
+        test("should disallow editing when the allowEditingEvent hint is set to false", async ({ page, room, app }) => {
+            await app.viewRoomById(room.roomId);
+            await app.client.sendMessage(room.roomId, "Do not show edits");
+            await page.getByText("Do not show edits").hover();
+            await expect(
+                page.getByRole("toolbar", { name: "Message Actions" }).getByRole("button", { name: "Edit" }),
+            ).not.toBeVisible();
+        });
+        test("should disallow downloading media when the allowDownloading hint is set to false", async ({
+            page,
+            room,
+            app,
+        }) => {
+            await app.viewRoomById(room.roomId);
+            await app.viewRoomById(room.roomId);
+            const upload = await app.client.uploadContent(IMAGE_FILE, { name: "bad.png", type: "image/png" });
+            await app.client.sendEvent(room.roomId, null, "m.room.message", {
+                msgtype: "m.image",
+                body: "bad.png",
+                url: upload.content_uri,
+            });
+
+            await app.timeline.scrollToBottom();
+            const imgTile = page.locator(".mx_ImageBody").first();
+            await expect(imgTile).toBeVisible();
+            const image = imgTile.getByRole("img", { name: "bad.png" });
+            await expect(image).toBeVisible();
+            await imgTile.hover();
+            await expect(page.getByRole("button", { name: "Download" })).not.toBeVisible();
+            await image.click();
+            const imageView = page.getByLabel("Image view");
+            await expect(imageView).toBeVisible();
+            await expect(imageView.getByLabel("Download")).not.toBeVisible();
+        });
+        test("should allow downloading media when the allowDownloading hint is set to true", async ({
+            page,
+            room,
+            app,
+        }) => {
+            await app.viewRoomById(room.roomId);
+            await app.viewRoomById(room.roomId);
+            const upload = await app.client.uploadContent(IMAGE_FILE, { name: "good.png", type: "image/png" });
+            await app.client.sendEvent(room.roomId, null, "m.room.message", {
+                msgtype: "m.image",
+                body: "good.png",
+                url: upload.content_uri,
+            });
+
+            await app.timeline.scrollToBottom();
+            const imgTile = page.locator(".mx_ImageBody").first();
+            await expect(imgTile).toBeVisible();
+            const image = imgTile.getByRole("img", { name: "good.png" });
+            await expect(image).toBeVisible();
+            await imgTile.hover();
+            await expect(page.getByRole("button", { name: "Download" })).toBeVisible();
+            await image.click();
+            const imageView = page.getByLabel("Image view");
+            await expect(imageView).toBeVisible();
+            await expect(imageView.getByLabel("Download")).toBeVisible();
+        });
+        test(
+            "should render the next registered component if the filter function throws",
+            { tag: "@screenshot" },
+            async ({ page, room, app }) => {
+                await app.viewRoomById(room.roomId);
+                await app.client.sendMessage(room.roomId, "Crash the filter!");
+                await expect(page.locator(".mx_EventTile_last")).toMatchScreenshot(
+                    "custom-component-crash-handle-filter.png",
+                    screenshotOptions(page),
+                );
+            },
+        );
+        test(
+            "should render original component if the render function throws",
+            { tag: "@screenshot" },
+            async ({ page, room, app }) => {
+                await app.viewRoomById(room.roomId);
+                await app.client.sendMessage(room.roomId, "Crash the renderer!");
+                await expect(page.locator(".mx_EventTile_last")).toMatchScreenshot(
+                    "custom-component-crash-handle-renderer.png",
+                    screenshotOptions(page),
+                );
+            },
+        );
+    });
+});
diff --git a/apps/web/playwright/e2e/modules/loader.spec.ts b/apps/web/playwright/e2e/modules/loader.spec.ts
new file mode 100644
index 00000000000..fe9c2f60f4a
--- /dev/null
+++ b/apps/web/playwright/e2e/modules/loader.spec.ts
@@ -0,0 +1,57 @@
+/*
+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 { test, expect } from "../../element-web-test";
+import { getSampleFilePath } from "../../sample-files";
+
+test.describe("Module loading", () => {
+    test.use({
+        displayName: "Manny",
+    });
+
+    test.describe("Example Module", () => {
+        test.use({
+            config: {
+                brand: "TestBrand",
+                modules: ["/modules/example-module.js"],
+            },
+            page: async ({ page }, use) => {
+                await page.route("/modules/example-module.js", async (route) => {
+                    await route.fulfill({ path: getSampleFilePath("example-module.js") });
+                });
+                await use(page);
+            },
+        });
+
+        const testCases = [
+            ["en", "TestBrand module loading successful!"],
+            ["de", "TestBrand-Module erfolgreich geladen!"],
+        ];
+
+        for (const [lang, message] of testCases) {
+            test.describe(`language-${lang}`, () => {
+                test.use({
+                    config: async ({ config }, use) => {
+                        await use({
+                            ...config,
+                            setting_defaults: {
+                                language: lang,
+                            },
+                        });
+                    },
+                });
+
+                test("should show alert", async ({ page }) => {
+                    const dialogPromise = page.waitForEvent("dialog");
+                    await page.goto("/");
+                    const dialog = await dialogPromise;
+                    expect(dialog.message()).toBe(message);
+                });
+            });
+        }
+    });
+});
diff --git a/apps/web/playwright/e2e/modules/settings.spec.ts b/apps/web/playwright/e2e/modules/settings.spec.ts
new file mode 100644
index 00000000000..76791c97bab
--- /dev/null
+++ b/apps/web/playwright/e2e/modules/settings.spec.ts
@@ -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 { test, expect } from "../../element-web-test";
+import { getSampleFilePath } from "../../sample-files";
+
+test.describe("Settings API", () => {
+    test.use({
+        displayName: "Manny",
+        config: {
+            modules: ["/modules/settings-module.js"],
+            setting_defaults: {
+                language: "de",
+            },
+        },
+        page: async ({ page }, use) => {
+            await page.route("/modules/settings-module.js", async (route) => {
+                await route.fulfill({ path: getSampleFilePath("settings-module.js") });
+            });
+            await use(page);
+        },
+    });
+
+    test("should read a config-resolved setting value via api.settings.getValue", async ({ page }) => {
+        const dialogPromise = page.waitForEvent("dialog");
+        await page.goto("/");
+        const dialog = await dialogPromise;
+        expect(dialog.message()).toBe("de");
+    });
+});
diff --git a/apps/web/playwright/e2e/oidc/index.ts b/apps/web/playwright/e2e/oidc/index.ts
new file mode 100644
index 00000000000..37838acf212
--- /dev/null
+++ b/apps/web/playwright/e2e/oidc/index.ts
@@ -0,0 +1,61 @@
+/*
+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 MailpitClient } from "@element-hq/element-web-playwright-common/lib/testcontainers/index.js";
+import { type Page } from "@playwright/test";
+
+import { expect } from "../../element-web-test";
+
+/**
+ * Click through registering a new user in the MAS UI.
+ */
+export async function registerAccountMas(
+    page: Page,
+    mailpit: MailpitClient,
+    username: string,
+    email: string,
+    password: string,
+): Promise<void> {
+    await expect(page.getByText("Please sign in to continue:")).toBeVisible();
+
+    await page.getByRole("link", { name: "Create Account" }).click();
+    await page.getByRole("textbox", { name: "Username" }).fill(username);
+    await page.getByRole("textbox", { name: "Email address" }).fill(email);
+    await page.getByRole("textbox", { name: "Password", exact: true }).fill(password);
+    await page.getByRole("textbox", { name: "Confirm Password" }).fill(password);
+    await page.getByRole("button", { name: "Continue" }).click();
+
+    let code!: string;
+    await expect(async () => {
+        const messages = await mailpit.listMessages();
+        expect(messages.messages[0].To[0].Address).toEqual(email);
+        const text = await mailpit.renderMessageText(messages.messages[0].ID);
+        [, code] = text.match(/Your verification code to confirm this email address is: (\d{6})/)!;
+    }).toPass();
+
+    await page.getByRole("textbox", { name: "6-digit code" }).fill(code);
+    await page.getByRole("button", { name: "Continue" }).click();
+    await page.getByRole("textbox", { name: "Display Name" }).fill(username);
+    await page.getByRole("button", { name: "Continue" }).click();
+    await expect(page.getByText("Continue to Element?")).toBeVisible();
+    await page.getByRole("button", { name: "Continue" }).click();
+}
+
+/**
+ * Click through entering username and password into the MAS login prompt.
+ */
+export async function logInAccountMas(page: Page, username: string, password: string): Promise<void> {
+    await expect(page.getByText("Please sign in to continue:")).toBeVisible();
+
+    await page.getByRole("textbox", { name: "Username" }).fill(username);
+    await page.getByRole("textbox", { name: "Password", exact: true }).fill(password);
+    await page.getByRole("button", { name: "Continue" }).click();
+
+    await expect(page.getByText("Continue to Element?")).toBeVisible();
+    await page.getByRole("button", { name: "Continue" }).click();
+}
diff --git a/apps/web/playwright/e2e/oidc/oidc-native.spec.ts b/apps/web/playwright/e2e/oidc/oidc-native.spec.ts
new file mode 100644
index 00000000000..dd797f9d6aa
--- /dev/null
+++ b/apps/web/playwright/e2e/oidc/oidc-native.spec.ts
@@ -0,0 +1,267 @@
+/*
+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 Config } from "@element-hq/element-web-playwright-common";
+import { type Browser, type Page } from "@playwright/test";
+import { type StartedHomeserverContainer } from "@element-hq/element-web-playwright-common/lib/testcontainers/HomeserverContainer";
+import { routeConfigJson } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test.ts";
+import { logInAccountMas, registerAccountMas } from ".";
+import { ElementAppPage } from "../../pages/ElementAppPage.ts";
+import { masHomeserver } from "../../plugins/homeserver/synapse/masHomeserver.ts";
+
+test.use(masHomeserver);
+test.describe("OIDC Native", { tag: ["@no-firefox", "@no-webkit"] }, () => {
+    test.slow(); // trace recording takes a while here
+
+    test("can register the oauth2 client and an account", async ({
+        context,
+        page,
+        homeserver,
+        mailpitClient,
+        mas,
+    }, testInfo) => {
+        await page.clock.install();
+
+        const tokenUri = `${mas!.baseUrl}/oauth2/token`;
+        const tokenApiPromise = page.waitForRequest(
+            (request) => request.url() === tokenUri && request.postDataJSON()["grant_type"] === "authorization_code",
+        );
+
+        await page.goto("/#/login");
+        await page.getByRole("button", { name: "Continue" }).click();
+
+        const userId = `alice_${testInfo.testId}`;
+        await registerAccountMas(page, mailpitClient, userId, `${userId}@email.com`, "Pa$sW0rD!");
+
+        // Eventually, we should end up at the home screen.
+        await expect(page).toHaveURL(/\/#\/home$/, { timeout: 10000 });
+        await expect(page.getByRole("heading", { name: `Welcome ${userId}`, exact: true })).toBeVisible();
+        await page.clock.runFor(20000); // run the timer so we see the token request
+
+        const tokenApiRequest = await tokenApiPromise;
+        expect(tokenApiRequest.postDataJSON()["grant_type"]).toBe("authorization_code");
+
+        const deviceId = await page.evaluate<string>(() => window.localStorage.mx_device_id);
+
+        const app = new ElementAppPage(page);
+        await app.settings.openUserSettings("Account");
+        const newPagePromise = context.waitForEvent("page");
+        await page.getByRole("button", { name: "Manage account" }).click();
+        await app.settings.closeDialog();
+
+        // Assert MAS sees the session as OIDC Native
+        const newPage = await newPagePromise;
+        await newPage.getByText("Devices").click();
+        await newPage.getByText(deviceId).click();
+        await expect(newPage.getByText("Element", { exact: true })).toBeVisible();
+        await expect(newPage.getByText("http://localhost:8080/")).toBeVisible();
+        await expect(newPage).toHaveURL(/\/oauth2_session/);
+        await newPage.close();
+
+        // Assert logging out revokes both tokens
+        const revokeUri = `${mas!.baseUrl}/oauth2/revoke`;
+        const revokeAccessTokenPromise = page.waitForRequest(
+            (request) => request.url() === revokeUri && request.postDataJSON()["token_type_hint"] === "access_token",
+        );
+        const revokeRefreshTokenPromise = page.waitForRequest(
+            (request) => request.url() === revokeUri && request.postDataJSON()["token_type_hint"] === "refresh_token",
+        );
+        const locator = await app.settings.openUserMenu();
+        await locator.getByRole("menuitem", { name: "All settings", exact: true }).click();
+        await page.getByRole("button", { name: "Remove this device", exact: true }).click();
+        await page.getByRole("button", { name: "Remove this device anyway" }).click();
+        await revokeAccessTokenPromise;
+        await revokeRefreshTokenPromise;
+    });
+
+    test(
+        "it should log out the user & wipe data when logging out via MAS",
+        { tag: "@screenshot" },
+        async ({ mas, page, mailpitClient, homeserver }, testInfo) => {
+            // We use this over the `user` fixture to ensure we get an OIDC session rather than a compatibility one
+            await page.goto("/#/login");
+            await page.getByRole("button", { name: "Continue" }).click();
+
+            const userId = `alice_${testInfo.testId}`;
+            await registerAccountMas(page, mailpitClient, userId, `${userId}@email.com`, "Pa$sW0rD!");
+
+            await expect(page.getByText("Welcome")).toBeVisible();
+            await page.goto("about:blank");
+
+            const result = await mas!.manage("kill-sessions", userId);
+            expect(result.output).toContain("Ended 1 active OAuth 2.0 session");
+
+            await page.goto("http://localhost:8080");
+            await expect(
+                page.getByText("For security, this session has been removed. Please sign in again."),
+            ).toBeVisible();
+            await expect(page).toMatchScreenshot("token-expired.png", { includeDialogBackground: true });
+
+            await expect.poll(() => page.evaluate(() => Object.keys(localStorage))).toHaveLength(0);
+        },
+    );
+
+    test("can log in to an existing MAS account", { tag: "@screenshot" }, async ({ page, mailpitClient }, testInfo) => {
+        // Register an account with MAS
+        await page.goto("/#/login");
+        await page.getByRole("button", { name: "Continue" }).click();
+
+        const userId = `alice_${testInfo.testId}`;
+        await registerAccountMas(page, mailpitClient, userId, `${userId}@email.com`, "Pa$sW0rD!");
+        await expect(page.getByText("Welcome")).toBeVisible();
+
+        // Log out
+        await page.getByRole("button", { name: "User menu" }).click();
+        await expect(page.getByText(userId, { exact: true })).toBeVisible();
+
+        // Allow the outstanding requests queue to settle before logging out
+        await page.waitForTimeout(2000);
+        await page.getByRole("menu", { name: "User menu" }).getByRole("menuitem", { name: "All settings" }).click();
+        await page.getByRole("button", { name: "Remove this device" }).click();
+        await page.getByRole("button", { name: "Remove this device anyway" }).click();
+        await expect(page).toHaveURL(/\/#\/welcome$/);
+
+        // Log in again
+        await page.goto("/#/login");
+        await page.getByRole("button", { name: "Continue" }).click();
+        await page.getByRole("button", { name: "Continue" }).click();
+
+        // We should be in
+        await expect(page.getByText("Confirm your digital identity")).toBeVisible();
+    });
+
+    test.describe("with force_verification on", () => {
+        test.use({
+            config: {
+                force_verification: true,
+            },
+        });
+
+        test("verify dialog cannot be dismissed", { tag: "@screenshot" }, async ({ page, mailpitClient }, testInfo) => {
+            // Register an account with MAS
+            await page.goto("/#/login");
+            await page.getByRole("button", { name: "Continue" }).click();
+
+            const userId = `alice_${testInfo.testId}`;
+            await registerAccountMas(page, mailpitClient, userId, `${userId}@email.com`, "Pa$sW0rD!");
+            // richvdh: This takes several seconds to happen on a dev instance
+            await expect(page.getByText("Welcome")).toBeVisible({ timeout: 10000 });
+
+            // Log out
+            await page.getByRole("button", { name: "User menu" }).click();
+            await expect(page.getByText(userId, { exact: true })).toBeVisible();
+            await page.waitForTimeout(2000);
+            await page.getByRole("menu", { name: "User menu" }).getByRole("menuitem", { name: "All settings" }).click();
+            await page.getByRole("button", { name: "Remove this device" }).click();
+            await page.getByRole("button", { name: "Remove this device anyway" }).click();
+            await expect(page).toHaveURL(/\/#\/welcome$/);
+
+            // Log in again
+            await page.goto("/#/login");
+            await expect(page.getByText("Sign in")).toBeVisible();
+            await page.getByRole("button", { name: "Continue" }).click();
+            await expect(page.getByText("Continue to Element?")).toBeVisible();
+            await page.getByRole("button", { name: "Continue" }).click();
+
+            // We should be being warned that we need to verify (but we can't)
+            // richvdh: Again, Element takes several seconds to load on a dev instance
+            await expect(page.getByText("Confirm your digital identity")).toBeVisible({ timeout: 10000 });
+
+            // And there should be no way to close this prompt
+            await expect(page.getByRole("button", { name: "Skip verification for now" })).not.toBeVisible();
+        });
+
+        test(
+            "continues to show verification prompt after cancelling device verification",
+            { tag: "@screenshot" },
+            async ({ browser, config, homeserver, page, mailpitClient }, testInfo) => {
+                // Register an account with MAS
+                await page.goto("/#/login");
+                await page.getByRole("button", { name: "Continue" }).click();
+
+                const userId = `alice_${testInfo.testId}`;
+                const password = "Pa$sW0rD!";
+                await registerAccountMas(page, mailpitClient, userId, `${userId}@email.com`, password);
+                await expect(page.getByText("Welcome")).toBeVisible();
+
+                // Log in an additional account, and verify it.
+                //
+                // This means that when we log out and in again, we are offered
+                // to verify using another device.
+                const otherContext = await newContext(browser, config, homeserver);
+                const otherDevicePage = await otherContext.newPage();
+                await otherDevicePage.goto("/#/login");
+                await otherDevicePage.getByRole("button", { name: "Continue" }).click();
+                await logInAccountMas(otherDevicePage, userId, password);
+                await verifyUsingOtherDevice(otherDevicePage, page);
+                await otherDevicePage.close();
+
+                // Log out
+                await page.getByRole("button", { name: "User menu" }).click();
+                await expect(page.getByText(userId, { exact: true })).toBeVisible();
+                await page.waitForTimeout(2000);
+                await page
+                    .getByRole("menu", { name: "User menu" })
+                    .getByRole("menuitem", { name: "All settings" })
+                    .click();
+                await page.getByRole("button", { name: "Remove this device" }).click();
+                // Since we have another device, it only shows a normal logout
+                // confirmation dialog, rather than prompting the user to set up
+                // recovery. Use the test ID to find this button to avoid
+                // ambiguity between the dialog button and the one in Settings.
+                await page.getByTestId("dialog-primary-button").click();
+
+                await expect(page).toHaveURL(/\/#\/welcome$/);
+
+                // Log in again
+                await page.goto("/#/login");
+                await page.getByRole("button", { name: "Continue" }).click();
+                await page.getByRole("button", { name: "Continue" }).click();
+
+                // We should be in, and not able to dismiss the verify dialog
+                await expect(page.getByText("Verify this device")).toBeVisible();
+                await expect(page.getByRole("button", { name: "Skip verification for now" })).not.toBeVisible();
+
+                // When we start verifying with another device
+                await page.getByRole("button", { name: "Use another device" }).click();
+
+                // And then cancel it
+                await page.getByRole("button", { name: "Close dialog" }).click();
+
+                // Then we should still be at the unskippable verify prompt
+                await expect(page.getByText("Verify this device")).toBeVisible();
+                await expect(page.getByRole("button", { name: "Skip verification for now" })).not.toBeVisible();
+            },
+        );
+    });
+});
+
+/**
+ * Perform interactive emoji verification for a new device.
+ */
+async function verifyUsingOtherDevice(deviceToVerifyPage: Page, alreadyVerifiedDevicePage: Page) {
+    await deviceToVerifyPage.getByRole("button", { name: "Use another device" }).click();
+    await alreadyVerifiedDevicePage.getByRole("button", { name: "Start verification" }).click();
+    await alreadyVerifiedDevicePage.getByRole("button", { name: "Start" }).click();
+    await alreadyVerifiedDevicePage.getByRole("button", { name: "They match" }).click();
+    await deviceToVerifyPage.getByRole("button", { name: "They match" }).click();
+    await alreadyVerifiedDevicePage.getByRole("button", { name: "Got it" }).click();
+    await deviceToVerifyPage.getByRole("button", { name: "Got it" }).click();
+}
+
+/**
+ * Create a new browser context which serves up the default config plus what you supplied, and sets m.homeserver to the
+ * supplied homeserver's URL.
+ */
+async function newContext(browser: Browser, config: Partial<Partial<Config>>, homeserver: StartedHomeserverContainer) {
+    const otherContext = await browser.newContext();
+    await routeConfigJson(otherContext, homeserver.baseUrl, config);
+    return otherContext;
+}
diff --git a/apps/web/playwright/e2e/one-to-one-chat/one-to-one-chat.spec.ts b/apps/web/playwright/e2e/one-to-one-chat/one-to-one-chat.spec.ts
new file mode 100644
index 00000000000..312084c8957
--- /dev/null
+++ b/apps/web/playwright/e2e/one-to-one-chat/one-to-one-chat.spec.ts
@@ -0,0 +1,49 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Ahmad Kadri
+Copyright 2023 Nordeck IT + Consulting GmbH.
+
+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 as base, expect } from "../../element-web-test";
+import { type Credentials } from "../../plugins/homeserver";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+const test = base.extend<{
+    user2: Credentials;
+}>({});
+
+test.describe("1:1 chat room", () => {
+    test.skip(isDendrite, "due to a Dendrite bug https://github.com/element-hq/dendrite/issues/3492");
+
+    test.use({
+        displayName: "Jeff",
+        user2: async ({ homeserver }, use, testInfo) => {
+            const credentials = await homeserver.registerUser(`user2_${testInfo.testId}`, "p4s5W0rD", "Timmy");
+            await use(credentials);
+        },
+    });
+
+    test.beforeEach(async ({ page, user2, user }) => {
+        await page.goto(`/#/user/${user2.userId}?action=chat`);
+    });
+
+    test("should open new 1:1 chat room after leaving the old one", async ({ page, app, user2 }) => {
+        // leave 1:1 chat room
+        await app.toggleRoomInfoPanel();
+        await page.getByRole("menuitem", { name: "Leave room" }).click();
+        await page.getByRole("button", { name: "Leave" }).click();
+
+        // wait till the room was left
+        await expect(
+            page.getByRole("group", { name: "Rooms" }).locator(".mx_RoomTile").getByText(user2.displayName!),
+        ).not.toBeVisible();
+        await page.waitForTimeout(500); // avoid race condition with routing
+
+        // open new 1:1 chat room
+        await page.goto(`/#/user/${user2.userId}?action=chat`);
+        await expect(page.locator(".mx_RoomHeader_heading").getByText(user2.displayName!)).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/pinned-messages/index.ts b/apps/web/playwright/e2e/pinned-messages/index.ts
new file mode 100644
index 00000000000..c3a326be32e
--- /dev/null
+++ b/apps/web/playwright/e2e/pinned-messages/index.ts
@@ -0,0 +1,268 @@
+/*
+ * 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.
+ */
+
+import { type Page } from "@playwright/test";
+
+import { test as base, expect } from "../../element-web-test";
+import { type Client } from "../../pages/client";
+import { type ElementAppPage } from "../../pages/ElementAppPage";
+import { type Bot } from "../../pages/bot";
+
+type RoomRef = { name: string; roomId: string };
+
+/**
+ * Set up for pinned message tests.
+ */
+export const test = base.extend<{
+    room1Name: string;
+    room1: { name: string; roomId: string };
+    util: Helpers;
+}>({
+    displayName: "Alice",
+    botCreateOpts: { displayName: "Other User" },
+
+    room1Name: "Room 1",
+    room1: async ({ room1Name: name, app, user, bot }, use) => {
+        const roomId = await app.client.createRoom({ name, invite: [bot.credentials!.userId] });
+        await bot.awaitRoomMembership(roomId);
+        await use({ name, roomId });
+    },
+
+    util: async ({ page, app, bot }, use) => {
+        await use(new Helpers(page, app, bot));
+    },
+});
+
+export class Helpers {
+    constructor(
+        private page: Page,
+        private app: ElementAppPage,
+        private bot: Bot,
+    ) {}
+
+    /**
+     * Sends messages into given room as a bot
+     * @param room - the name of the room to send messages into
+     * @param messages - the list of messages to send, these can be strings or implementations of MessageSpec like `editOf`
+     */
+    async receiveMessages(room: RoomRef, messages: string[]) {
+        await this.sendMessageAsClient(this.bot, room, messages);
+    }
+
+    /**
+     * Use the supplied client to send messages or perform actions as specified by
+     * the supplied {@link Message} items.
+     */
+    private async sendMessageAsClient(cli: Client, room: RoomRef, messages: string[]) {
+        const roomId = room.roomId;
+
+        for (const message of messages) {
+            await cli.sendMessage(roomId, { body: message, msgtype: "m.text" });
+
+            // TODO: without this wait, some tests that send lots of messages flake
+            // from time to time. I (andyb) have done some investigation, but it
+            // needs more work to figure out. The messages do arrive over sync, but
+            // they never appear in the timeline, and they never fire a
+            // Room.timeline event. I think this only happens with events that refer
+            // to other events (e.g. replies), so it might be caused by the
+            // referring event arriving before the referred-to event.
+            await this.page.waitForTimeout(100);
+        }
+    }
+
+    /**
+     * Open the room with the supplied name.
+     */
+    async goTo(room: RoomRef) {
+        await this.app.viewRoomByName(room.name);
+    }
+
+    /**
+     * Get the timeline tile for the given message
+     * @param message
+     */
+    getEventTile(message: string) {
+        return this.page.locator(".mx_EventTile", { hasText: message });
+    }
+
+    /**
+     * Pin the given message from the quick actions
+     * @param message
+     * @param unpin
+     */
+    async pinMessageFromQuickActions(message: string, unpin = false) {
+        const timelineMessage = this.page.locator(".mx_MTextBody", { hasText: message });
+        await timelineMessage.hover();
+        await this.page.getByRole("button", { name: unpin ? "Unpin" : "Pin", exact: true }).click();
+    }
+
+    /**
+     * Pin the given messages from the quick actions
+     * @param messages
+     * @param unpin
+     */
+    async pinMessagesFromQuickActions(messages: string[], unpin = false) {
+        for (const message of messages) {
+            await this.pinMessageFromQuickActions(message, unpin);
+        }
+    }
+
+    /**
+     * Pin the given message from the contextual menu
+     * @param message
+     */
+    async pinMessage(message: string) {
+        const timelineMessage = this.page.locator(".mx_MTextBody", { hasText: message });
+        await timelineMessage.click({ button: "right" });
+        await this.page.getByRole("menuitem", { name: "Pin", exact: true }).click();
+        await this.assertMessageInBanner(message);
+    }
+
+    /**
+     * Pin the given messages
+     * @param messages
+     */
+    async pinMessages(messages: string[]) {
+        for (const message of messages) {
+            await this.pinMessage(message);
+        }
+    }
+
+    /**
+     * Open the room info panel
+     */
+    async openRoomInfo() {
+        await this.page.getByRole("button", { name: "Room info" }).nth(1).click();
+    }
+
+    /**
+     * Assert that the pinned count in the room info is correct
+     * Open the room info and check the pinned count
+     * @param count
+     */
+    async assertPinnedCountInRoomInfo(count: number) {
+        await expect(this.page.getByRole("menuitem", { name: "Pinned messages" })).toHaveText(
+            `Pinned messages${count}`,
+        );
+    }
+
+    /**
+     * Open the pinned messages list
+     */
+    async openPinnedMessagesList() {
+        await this.page.getByRole("menuitem", { name: "Pinned messages" }).click();
+    }
+
+    /**
+     * Return the right panel
+     */
+    public getRightPanel() {
+        return this.page.locator("#mx_RightPanel");
+    }
+
+    /**
+     * Assert that the pinned message list contains the given messages
+     * @param messages
+     */
+    async assertPinnedMessagesList(messages: string[]) {
+        const rightPanel = this.getRightPanel();
+        await expect(rightPanel.getByRole("heading", { name: "Pinned messages" })).toHaveText(
+            `${messages.length} Pinned messages`,
+        );
+
+        const list = rightPanel.getByRole("list");
+        await expect(list.getByRole("listitem")).toHaveCount(messages.length);
+
+        for (const message of messages) {
+            await expect(list.getByText(message)).toBeVisible();
+        }
+    }
+
+    /**
+     * Assert that the pinned message list is empty
+     */
+    async assertEmptyPinnedMessagesList() {
+        const rightPanel = this.getRightPanel();
+        await expect(rightPanel).toMatchScreenshot(`pinned-messages-list-empty.png`);
+    }
+
+    /**
+     * Open the unpin all dialog
+     */
+    async openUnpinAllDialog() {
+        await this.openRoomInfo();
+        await this.openPinnedMessagesList();
+        await this.page.getByRole("button", { name: "Unpin all" }).click();
+    }
+
+    /**
+     * Return the unpin all dialog
+     */
+    getUnpinAllDialog() {
+        return this.page.locator(".mx_Dialog", { hasText: "Unpin all messages?" });
+    }
+
+    /**
+     * Click on the Continue button of the unoin all dialog
+     */
+    async confirmUnpinAllDialog() {
+        await this.getUnpinAllDialog().getByRole("button", { name: "Continue" }).click();
+    }
+
+    /**
+     * Go back from the pinned messages list
+     */
+    async backPinnedMessagesList() {
+        await this.page.locator("#mx_RightPanel").getByTestId("base-card-back-button").click();
+    }
+
+    /**
+     * Open the contextual menu of a message in the pin message list and click on unpin
+     * @param message
+     */
+    async unpinMessageFromMessageList(message: string) {
+        const item = this.getRightPanel().getByRole("list").getByRole("listitem").filter({
+            hasText: message,
+        });
+
+        await item.getByRole("button").click();
+        await this.page.getByRole("menu", { name: "Open menu" }).getByRole("menuitem", { name: "Unpin" }).click();
+    }
+
+    /**
+     * Return the banner
+     * @private
+     */
+    public getBanner() {
+        return this.page.getByTestId("pinned-message-banner");
+    }
+
+    /**
+     * Assert that the banner contains the given message
+     * @param msg
+     */
+    async assertMessageInBanner(msg: string) {
+        await expect(this.getBanner().getByText(msg)).toBeVisible();
+    }
+
+    /**
+     * Return the view all button
+     */
+    public getViewAllButton() {
+        return this.page.getByRole("button", { name: "View all" });
+    }
+
+    /**
+     * Return the close list button
+     */
+    public getCloseListButton() {
+        return this.page.getByRole("button", { name: "Close list" });
+    }
+}
+
+export { expect };
diff --git a/apps/web/playwright/e2e/pinned-messages/pinned-messages.spec.ts b/apps/web/playwright/e2e/pinned-messages/pinned-messages.spec.ts
new file mode 100644
index 00000000000..de954fb8d43
--- /dev/null
+++ b/apps/web/playwright/e2e/pinned-messages/pinned-messages.spec.ts
@@ -0,0 +1,163 @@
+/*
+ * 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.
+ */
+
+import { test } from "./index";
+import { expect } from "../../element-web-test";
+
+test.describe("Pinned messages", () => {
+    test(
+        "should show the empty state when there are no pinned messages",
+        { tag: "@screenshot" },
+        async ({ page, app, room1, util }) => {
+            await util.goTo(room1);
+            await util.openRoomInfo();
+            await util.assertPinnedCountInRoomInfo(0);
+            await util.openPinnedMessagesList();
+            await util.assertEmptyPinnedMessagesList();
+        },
+    );
+
+    test(
+        "should pin one message and to have the pinned message badge in the timeline",
+        { tag: "@screenshot" },
+        async ({ page, app, room1, util }) => {
+            await util.goTo(room1);
+            await util.receiveMessages(room1, ["Msg1"]);
+            await util.pinMessages(["Msg1"]);
+
+            const tile = util.getEventTile("Msg1");
+            await expect(tile).toMatchScreenshot("pinned-message-Msg1.png", {
+                mask: [tile.locator(".mx_MessageTimestamp")],
+                // Hide the jump to bottom button in the timeline to avoid flakiness
+                css: `
+                    .mx_JumpToBottomButton {
+                        display: none !important;
+                    }
+                `,
+            });
+        },
+    );
+
+    test("should pin messages and show them in the room info panel", async ({ page, app, room1, util }) => {
+        await util.goTo(room1);
+        await util.receiveMessages(room1, ["Msg1", "Msg2", "Msg3", "Msg4"]);
+
+        await util.pinMessages(["Msg1", "Msg2", "Msg4"]);
+        await util.openRoomInfo();
+        await util.assertPinnedCountInRoomInfo(3);
+    });
+
+    test("should pin messages and show them in the pinned message panel", async ({ page, app, room1, util }) => {
+        await util.goTo(room1);
+        await util.receiveMessages(room1, ["Msg1", "Msg2", "Msg3", "Msg4"]);
+
+        // Pin the messages
+        await util.pinMessages(["Msg1", "Msg2", "Msg4"]);
+        await util.openRoomInfo();
+        await util.openPinnedMessagesList();
+        await util.assertPinnedMessagesList(["Msg1", "Msg2", "Msg4"]);
+    });
+
+    test("should unpin one message", async ({ page, app, room1, util }) => {
+        await util.goTo(room1);
+        await util.receiveMessages(room1, ["Msg1", "Msg2", "Msg3", "Msg4"]);
+        await util.pinMessages(["Msg1", "Msg2", "Msg4"]);
+
+        await util.openRoomInfo();
+        await util.openPinnedMessagesList();
+        await util.unpinMessageFromMessageList("Msg2");
+        await util.assertPinnedMessagesList(["Msg1", "Msg4"]);
+        await util.backPinnedMessagesList();
+        await util.assertPinnedCountInRoomInfo(2);
+    });
+
+    test("should unpin all messages", { tag: "@screenshot" }, async ({ page, app, room1, util }) => {
+        await util.goTo(room1);
+        await util.receiveMessages(room1, ["Msg1", "Msg2", "Msg3", "Msg4"]);
+        await util.pinMessages(["Msg1", "Msg2", "Msg4"]);
+
+        await util.openUnpinAllDialog();
+        await expect(util.getUnpinAllDialog()).toMatchScreenshot("unpin-all-dialog.png");
+        await util.confirmUnpinAllDialog();
+
+        await util.assertEmptyPinnedMessagesList();
+        await util.backPinnedMessagesList();
+        await util.assertPinnedCountInRoomInfo(0);
+    });
+
+    test("should be able to pin and unpin from the quick actions", async ({ page, app, room1, util }) => {
+        await util.goTo(room1);
+        await util.receiveMessages(room1, ["Msg1", "Msg2", "Msg3", "Msg4"]);
+        await util.pinMessagesFromQuickActions(["Msg1"]);
+        await util.openRoomInfo();
+        await util.assertPinnedCountInRoomInfo(1);
+
+        await util.pinMessagesFromQuickActions(["Msg1"], true);
+        await util.assertPinnedCountInRoomInfo(0);
+    });
+
+    test("should display one message in the banner", { tag: "@screenshot" }, async ({ page, app, room1, util }) => {
+        await util.goTo(room1);
+        await util.receiveMessages(room1, ["Msg1"]);
+        await util.pinMessages(["Msg1"]);
+        await util.assertMessageInBanner("Msg1");
+        await expect(util.getBanner()).toMatchScreenshot("pinned-message-banner-1-Msg1.png");
+    });
+
+    test("should display 2 messages in the banner", { tag: "@screenshot" }, async ({ page, app, room1, util }) => {
+        await util.goTo(room1);
+        await util.receiveMessages(room1, ["Msg1", "Msg2"]);
+        await util.pinMessages(["Msg1", "Msg2"]);
+
+        await util.assertMessageInBanner("Msg2");
+        await expect(util.getBanner()).toMatchScreenshot("pinned-message-banner-2-Msg2.png");
+
+        await util.getBanner().click();
+        await util.assertMessageInBanner("Msg1");
+        await expect(util.getBanner()).toMatchScreenshot("pinned-message-banner-2-Msg1.png");
+
+        await util.getBanner().click();
+        await util.assertMessageInBanner("Msg2");
+        await expect(util.getBanner()).toMatchScreenshot("pinned-message-banner-2-Msg2.png");
+    });
+
+    test("should display 4 messages in the banner", { tag: "@screenshot" }, async ({ page, app, room1, util }) => {
+        await util.goTo(room1);
+        await util.receiveMessages(room1, ["Msg1", "Msg2", "Msg3", "Msg4"]);
+        await util.pinMessages(["Msg1", "Msg2", "Msg3", "Msg4"]);
+
+        for (const msg of ["Msg4", "Msg3", "Msg2", "Msg1"]) {
+            await util.assertMessageInBanner(msg);
+            await expect(util.getBanner()).toMatchScreenshot(`pinned-message-banner-4-${msg}.png`);
+            await util.getBanner().click();
+        }
+    });
+
+    test("should open the pinned messages list from the banner", async ({ page, app, room1, util }) => {
+        await util.goTo(room1);
+        await util.receiveMessages(room1, ["Msg1", "Msg2"]);
+        await util.pinMessages(["Msg1", "Msg2"]);
+
+        await util.getViewAllButton().click();
+        await util.assertPinnedMessagesList(["Msg1", "Msg2"]);
+
+        await expect(util.getCloseListButton()).toBeVisible();
+    });
+
+    test("banner should listen to pinned message list", async ({ page, app, room1, util }) => {
+        await util.goTo(room1);
+        await util.receiveMessages(room1, ["Msg1", "Msg2"]);
+        await util.pinMessages(["Msg1", "Msg2"]);
+
+        await expect(util.getViewAllButton()).toBeVisible();
+
+        await util.openRoomInfo();
+        await util.openPinnedMessagesList();
+        await expect(util.getCloseListButton()).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/polls/pollHistory.spec.ts b/apps/web/playwright/e2e/polls/pollHistory.spec.ts
new file mode 100644
index 00000000000..71271a3986f
--- /dev/null
+++ b/apps/web/playwright/e2e/polls/pollHistory.spec.ts
@@ -0,0 +1,142 @@
+/*
+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 { test, expect } from "../../element-web-test";
+import type { Bot } from "../../pages/bot";
+import type { Client } from "../../pages/client";
+import { type ElementAppPage } from "../../pages/ElementAppPage";
+
+test.describe("Poll history", () => {
+    type CreatePollOptions = {
+        title: string;
+        options: {
+            "id": string;
+            "org.matrix.msc1767.text": string;
+        }[];
+    };
+    const createPoll = async (createOptions: CreatePollOptions, roomId: string, client: Client) => {
+        return client.sendEvent(roomId, null, "org.matrix.msc3381.poll.start", {
+            "org.matrix.msc3381.poll.start": {
+                question: {
+                    "org.matrix.msc1767.text": createOptions.title,
+                    "body": createOptions.title,
+                    "msgtype": "m.text",
+                },
+                kind: "org.matrix.msc3381.poll.disclosed",
+                max_selections: 1,
+                answers: createOptions.options,
+            },
+            "org.matrix.msc1767.text": "poll fallback text",
+        });
+    };
+
+    const botVoteForOption = async (bot: Bot, roomId: string, pollId: string, optionId: string): Promise<void> => {
+        // We can't use the js-sdk types for this stuff directly, so manually construct the event.
+        await bot.sendEvent(roomId, null, "org.matrix.msc3381.poll.response", {
+            "m.relates_to": {
+                rel_type: "m.reference",
+                event_id: pollId,
+            },
+            "org.matrix.msc3381.poll.response": {
+                answers: [optionId],
+            },
+        });
+    };
+
+    const endPoll = async (bot: Bot, roomId: string, pollId: string): Promise<void> => {
+        // We can't use the js-sdk types for this stuff directly, so manually construct the event.
+        await bot.sendEvent(roomId, null, "org.matrix.msc3381.poll.end", {
+            "m.relates_to": {
+                rel_type: "m.reference",
+                event_id: pollId,
+            },
+            "org.matrix.msc1767.text": "The poll has ended",
+        });
+    };
+
+    async function openPollHistory(app: ElementAppPage): Promise<void> {
+        const { page } = app;
+        await app.toggleRoomInfoPanel();
+        await page.locator(".mx_RoomSummaryCard").getByRole("menuitem", { name: "Polls" }).click();
+    }
+
+    test.use({
+        displayName: "Tom",
+        botCreateOpts: { displayName: "BotBob" },
+    });
+
+    test.beforeEach(async ({ page }) => {
+        await page.addInitScript(() => {
+            // Collapse left panel for these tests
+            window.localStorage.setItem("mx_lhs_size", "0");
+        });
+    });
+
+    test("Should display active and past polls", async ({ page, app, user, bot }) => {
+        const pollParams1 = {
+            title: "Does the polls feature work?",
+            options: ["Yes", "No", "Maybe"].map((option) => ({
+                "id": option,
+                "org.matrix.msc1767.text": option,
+            })),
+        };
+
+        const pollParams2 = {
+            title: "Which way",
+            options: ["Left", "Right"].map((option) => ({
+                "id": option,
+                "org.matrix.msc1767.text": option,
+            })),
+        };
+
+        const roomId = await app.client.createRoom({});
+
+        await app.client.inviteUser(roomId, bot.credentials!.userId);
+        await page.goto("/#/room/" + roomId);
+        // wait until Bob joined
+        await expect(page.getByText("BotBob joined the room")).toBeAttached();
+
+        // active poll
+        const { event_id: pollId1 } = await createPoll(pollParams1, roomId, bot);
+        await botVoteForOption(bot, roomId, pollId1, pollParams1.options[1].id);
+
+        // ended poll
+        const { event_id: pollId2 } = await createPoll(pollParams2, roomId, bot);
+        await botVoteForOption(bot, roomId, pollId2, pollParams1.options[1].id);
+        await endPoll(bot, roomId, pollId2);
+
+        await openPollHistory(app);
+
+        // these polls are also in the timeline
+        // focus on the poll history dialog
+        const dialog = page.locator(".mx_Dialog");
+
+        // active poll is in active polls list
+        // open poll detail
+        await dialog.getByText(pollParams1.title).click();
+        await dialog.getByText("Yes").click();
+        // vote in the poll
+        await expect(dialog.getByTestId("totalVotes").getByText("Based on 2 votes")).toBeAttached();
+        // navigate back to list
+        await dialog.locator(".mx_PollHistory_header").getByRole("button", { name: "Active polls" }).click();
+
+        // go to past polls list
+        await dialog.getByText("Past polls").click();
+
+        await expect(dialog.getByText(pollParams2.title)).toBeAttached();
+
+        // end poll1 while dialog is open
+        await endPoll(bot, roomId, pollId1);
+
+        await expect(dialog.getByText(pollParams2.title)).toBeAttached();
+        await expect(dialog.getByText(pollParams1.title)).toBeAttached();
+        await dialog.getByText("Active polls").click();
+
+        // no more active polls
+        await expect(page.getByText("There are no active polls in this room")).toBeAttached();
+    });
+});
diff --git a/apps/web/playwright/e2e/polls/polls.spec.ts b/apps/web/playwright/e2e/polls/polls.spec.ts
new file mode 100644
index 00000000000..9452b2f9f04
--- /dev/null
+++ b/apps/web/playwright/e2e/polls/polls.spec.ts
@@ -0,0 +1,354 @@
+/*
+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 { test, expect } from "../../element-web-test";
+import { Bot } from "../../pages/bot";
+import { SettingLevel } from "../../../src/settings/SettingLevel";
+import { Layout } from "../../../src/settings/enums/Layout";
+import type { Locator, Page } from "@playwright/test";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Polls", () => {
+    test.skip(isDendrite, "due to a Dendrite bug https://github.com/element-hq/dendrite/issues/3492");
+
+    type CreatePollOptions = {
+        title: string;
+        options: string[];
+    };
+    const createPoll = async (page: Page, { title, options }: CreatePollOptions) => {
+        if (options.length < 2) {
+            throw new Error("Poll must have at least two options");
+        }
+        const dialog = page.locator(".mx_PollCreateDialog");
+        await dialog.getByRole("textbox", { name: "Question or topic" }).fill(title);
+        for (const [index, value] of options.entries()) {
+            const optionIdLocator = dialog.locator(`#pollcreate_option_${index}`);
+            // click 'add option' button if needed
+            if ((await optionIdLocator.count()) === 0) {
+                const button = dialog.getByRole("button", { name: "Add option" });
+                await button.scrollIntoViewIfNeeded();
+                await button.click();
+            }
+            await optionIdLocator.scrollIntoViewIfNeeded();
+            await optionIdLocator.fill(value);
+        }
+        await page.locator(".mx_Dialog").getByRole("button", { name: "Create Poll" }).click();
+    };
+
+    const getPollTile = (page: Page, pollId: string, optLocator?: Locator): Locator => {
+        return (optLocator ?? page).locator(`.mx_EventTile[data-scroll-tokens="${pollId}"]`);
+    };
+
+    const getPollOption = (page: Page, pollId: string, optionText: string, optLocator?: Locator): Locator => {
+        return getPollTile(page, pollId, optLocator)
+            .locator(".mx_PollOption .mx_StyledRadioButton")
+            .filter({ hasText: optionText });
+    };
+
+    const expectPollOptionVoteCount = async (
+        page: Page,
+        pollId: string,
+        optionText: string,
+        votes: number,
+        optLocator?: Locator,
+    ): Promise<void> => {
+        await expect(
+            getPollOption(page, pollId, optionText, optLocator).locator(".mx_PollOption_optionVoteCount"),
+        ).toContainText(`${votes} vote`);
+    };
+
+    const botVoteForOption = async (
+        page: Page,
+        bot: Bot,
+        roomId: string,
+        pollId: string,
+        optionText: string,
+    ): Promise<void> => {
+        const locator = getPollOption(page, pollId, optionText);
+        const optionId = await locator.first().getByRole("radio").getAttribute("value");
+
+        // We can't use the js-sdk types for this stuff directly, so manually construct the event.
+        await bot.sendEvent(roomId, null, "org.matrix.msc3381.poll.response", {
+            "m.relates_to": {
+                rel_type: "m.reference",
+                event_id: pollId,
+            },
+            "org.matrix.msc3381.poll.response": {
+                answers: [optionId],
+            },
+        });
+    };
+
+    test.use({
+        displayName: "Tom",
+        botCreateOpts: { displayName: "BotBob" },
+    });
+
+    test.beforeEach(async ({ page }) => {
+        await page.addInitScript(() => {
+            // Collapse left panel for these tests
+            window.localStorage.setItem("mx_lhs_size", "0");
+        });
+    });
+
+    test("should be creatable and votable", { tag: "@screenshot" }, async ({ page, app, bot, user }) => {
+        const roomId: string = await app.client.createRoom({});
+        await app.client.inviteUser(roomId, bot.credentials!.userId);
+        await page.goto("/#/room/" + roomId);
+        // wait until Bob joined
+        await expect(page.getByText("BotBob joined the room")).toBeAttached();
+
+        const locator = await app.openMessageComposerOptions();
+        await locator.getByRole("menuitem", { name: "Poll" }).click();
+
+        // Disabled because flaky - see https://github.com/vector-im/element-web/issues/24688
+        //cy.get(".mx_CompoundDialog").percySnapshotElement("Polls Composer");
+
+        const pollParams = {
+            title: "Does the polls feature work?",
+            options: ["Yes", "No", "Maybe?"],
+        };
+        await createPoll(page, pollParams);
+
+        // Wait for message to send, get its ID and save as @pollId
+        const pollId = (await page
+            .locator(".mx_RoomView_body .mx_EventTile[data-scroll-tokens]")
+            .filter({ hasText: pollParams.title })
+            .getAttribute("data-scroll-tokens"))!;
+        await expect(getPollTile(page, pollId)).toMatchScreenshot("Polls_Timeline_tile_no_votes.png", {
+            css: `
+                .mx_MessageTimestamp {
+                    visibility: hidden;
+                }
+            `,
+        });
+
+        // Bot votes 'Maybe' in the poll
+        await botVoteForOption(page, bot, roomId, pollId, pollParams.options[2]);
+
+        // no votes shown until I vote, check bots vote has arrived
+        await expect(
+            page.locator(".mx_MPollBody_totalVotes").getByText("1 vote cast. Vote to see the results"),
+        ).toBeAttached();
+
+        // vote 'Maybe'
+        await getPollOption(page, pollId, pollParams.options[2]).click();
+        // both me and bot have voted Maybe
+        await expectPollOptionVoteCount(page, pollId, pollParams.options[2], 2);
+
+        // change my vote to 'Yes'
+        await getPollOption(page, pollId, pollParams.options[0]).click();
+
+        // 1 vote for yes
+        await expectPollOptionVoteCount(page, pollId, pollParams.options[0], 1);
+        // 1 vote for maybe
+        await expectPollOptionVoteCount(page, pollId, pollParams.options[2], 1);
+
+        // Bot updates vote to 'No'
+        await botVoteForOption(page, bot, roomId, pollId, pollParams.options[1]);
+
+        // 1 vote for yes
+        await expectPollOptionVoteCount(page, pollId, pollParams.options[0], 1);
+        // 1 vote for no
+        await expectPollOptionVoteCount(page, pollId, pollParams.options[0], 1);
+        // 0 for maybe
+        await expectPollOptionVoteCount(page, pollId, pollParams.options[2], 0);
+    });
+
+    test("should be editable from context menu if no votes have been cast", async ({ page, app, user, bot }) => {
+        const roomId: string = await app.client.createRoom({});
+        await app.client.inviteUser(roomId, bot.credentials!.userId);
+        await page.goto("/#/room/" + roomId);
+
+        const locator = await app.openMessageComposerOptions();
+        await locator.getByRole("menuitem", { name: "Poll" }).click();
+
+        const pollParams = {
+            title: "Does the polls feature work?",
+            options: ["Yes", "No", "Maybe"],
+        };
+        await createPoll(page, pollParams);
+
+        // Wait for message to send, get its ID and save as @pollId
+        const pollId = (await page
+            .locator(".mx_RoomView_body .mx_EventTile[data-scroll-tokens]")
+            .filter({ hasText: pollParams.title })
+            .getAttribute("data-scroll-tokens"))!;
+
+        // Open context menu
+        await getPollTile(page, pollId).click({ button: "right" });
+
+        // Select edit item
+        await page.getByRole("menuitem", { name: "Edit" }).click();
+
+        // Expect poll editing dialog
+        await expect(page.locator(".mx_PollCreateDialog")).toBeAttached();
+    });
+
+    test("should not be editable from context menu if votes have been cast", async ({ page, app, user, bot }) => {
+        const roomId: string = await app.client.createRoom({});
+        await app.client.inviteUser(roomId, bot.credentials!.userId);
+        await page.goto("/#/room/" + roomId);
+
+        const locator = await app.openMessageComposerOptions();
+        await locator.getByRole("menuitem", { name: "Poll" }).click();
+
+        const pollParams = {
+            title: "Does the polls feature work?",
+            options: ["Yes", "No", "Maybe"],
+        };
+        await createPoll(page, pollParams);
+
+        // Wait for message to send, get its ID and save as @pollId
+        const pollId = (await page
+            .locator(".mx_RoomView_body .mx_EventTile[data-scroll-tokens]")
+            .filter({ hasText: pollParams.title })
+            .getAttribute("data-scroll-tokens"))!;
+
+        // Bot votes 'Maybe' in the poll
+        await botVoteForOption(page, bot, roomId, pollId, pollParams.options[2]);
+
+        // wait for bot's vote to arrive
+        await expect(page.locator(".mx_MPollBody_totalVotes")).toContainText("1 vote cast");
+
+        // Open context menu
+        await getPollTile(page, pollId).click({ button: "right" });
+
+        // Select edit item
+        await page.getByRole("menuitem", { name: "Edit" }).click();
+
+        // Expect poll editing dialog
+        await expect(page.locator(".mx_ErrorDialog")).toBeAttached();
+    });
+
+    test(
+        "should be displayed correctly in thread panel",
+        { tag: "@screenshot" },
+        async ({ page, app, user, bot, homeserver }) => {
+            const botCharlie = new Bot(page, homeserver, { displayName: "BotCharlie" });
+            await botCharlie.prepareClient();
+
+            const roomId: string = await app.client.createRoom({});
+            await app.client.inviteUser(roomId, bot.credentials!.userId);
+            await app.client.inviteUser(roomId, botCharlie.credentials!.userId);
+            await page.goto("/#/room/" + roomId);
+
+            // wait until the bots joined
+            await expect(page.getByText("BotBob and one other were invited and joined")).toBeAttached({
+                timeout: 10000,
+            });
+
+            const locator = await app.openMessageComposerOptions();
+            await locator.getByRole("menuitem", { name: "Poll" }).click();
+
+            const pollParams = {
+                title: "Does the polls feature work?",
+                options: ["Yes", "No", "Maybe"],
+            };
+            await createPoll(page, pollParams);
+
+            // Wait for message to send, get its ID and save as @pollId
+            const pollId = (await page
+                .locator(".mx_RoomView_body .mx_EventTile[data-scroll-tokens]")
+                .filter({ hasText: pollParams.title })
+                .getAttribute("data-scroll-tokens"))!;
+
+            // Bob starts thread on the poll
+            await bot.sendMessage(
+                roomId,
+                {
+                    body: "Hello there",
+                    msgtype: "m.text",
+                },
+                pollId,
+            );
+
+            // open the thread summary
+            await page.getByRole("button", { name: "Open thread" }).click();
+
+            // Bob votes 'Maybe' in the poll
+            await botVoteForOption(page, bot, roomId, pollId, pollParams.options[2]);
+
+            // Charlie votes 'No'
+            await botVoteForOption(page, botCharlie, roomId, pollId, pollParams.options[1]);
+
+            // no votes shown until I vote, check votes have arrived in main tl
+            await expect(
+                page
+                    .locator(".mx_RoomView_body .mx_MPollBody_totalVotes")
+                    .getByText("2 votes cast. Vote to see the results"),
+            ).toBeAttached();
+
+            // and thread view
+            await expect(
+                page
+                    .locator(".mx_ThreadView .mx_MPollBody_totalVotes")
+                    .getByText("2 votes cast. Vote to see the results"),
+            ).toBeAttached();
+
+            // Take snapshots of poll on ThreadView
+            await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Bubble);
+            await expect(page.locator(".mx_ThreadView .mx_EventTile[data-layout='bubble']").first()).toBeVisible();
+            await expect(page.locator(".mx_ThreadView")).toMatchScreenshot(
+                "ThreadView_with_a_poll_on_bubble_layout.png",
+                {
+                    css: `
+                        .mx_MessageTimestamp {
+                            visibility: hidden;
+                        }
+                    `,
+                },
+            );
+
+            await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
+            await expect(page.locator(".mx_ThreadView .mx_EventTile[data-layout='group']").first()).toBeVisible();
+
+            await expect(page.locator(".mx_ThreadView")).toMatchScreenshot(
+                "ThreadView_with_a_poll_on_group_layout.png",
+                {
+                    css: `
+                        .mx_MessageTimestamp {
+                            visibility: hidden;
+                        }
+                    `,
+                },
+            );
+
+            const roomViewLocator = page.locator(".mx_RoomView_body");
+            // vote 'Maybe' in the main timeline poll
+            await getPollOption(page, pollId, pollParams.options[2], roomViewLocator).click();
+            // both me and bob have voted Maybe
+            await expectPollOptionVoteCount(page, pollId, pollParams.options[2], 2, roomViewLocator);
+
+            const threadViewLocator = page.locator(".mx_ThreadView");
+            // votes updated in thread view too
+            await expectPollOptionVoteCount(page, pollId, pollParams.options[2], 2, threadViewLocator);
+            // change my vote to 'Yes'
+            await getPollOption(page, pollId, pollParams.options[0], threadViewLocator).click();
+
+            // Bob updates vote to 'No'
+            await botVoteForOption(page, bot, roomId, pollId, pollParams.options[1]);
+
+            // me: yes, bob: no, charlie: no
+            const expectVoteCounts = async (optLocator: Locator) => {
+                // I voted yes
+                await expectPollOptionVoteCount(page, pollId, pollParams.options[0], 1, optLocator);
+                // Bob and Charlie voted no
+                await expectPollOptionVoteCount(page, pollId, pollParams.options[1], 2, optLocator);
+                // 0 for maybe
+                await expectPollOptionVoteCount(page, pollId, pollParams.options[2], 0, optLocator);
+            };
+
+            // check counts are correct in main timeline tile
+            await expectVoteCounts(page.locator(".mx_RoomView_body"));
+
+            // and in thread view tile
+            await expectVoteCounts(page.locator(".mx_ThreadView"));
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/presence/presence.spec.ts b/apps/web/playwright/e2e/presence/presence.spec.ts
new file mode 100644
index 00000000000..b451d307e2a
--- /dev/null
+++ b/apps/web/playwright/e2e/presence/presence.spec.ts
@@ -0,0 +1,60 @@
+/*
+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 { test, expect } from "../../element-web-test";
+
+test.describe("Presence tests", () => {
+    test.use({
+        displayName: "Janet",
+        botCreateOpts: { displayName: "Bob" },
+    });
+
+    test.describe("bob unreachable", () => {
+        // This is failing on CI (https://github.com/element-hq/element-web/issues/27270)
+        // but not locally, so debugging this is going to be tricky. Let's disable it for now.
+        test.skip("renders unreachable presence state correctly", async ({ page, app, user, bot: bob }) => {
+            await app.client.createRoom({ name: "My Room", invite: [bob.credentials!.userId] });
+            await app.viewRoomByName("My Room");
+
+            await bob.evaluate(async (client) => {
+                client.stopClient();
+            });
+
+            await page.route(
+                `**/sync*`,
+                async (route) => {
+                    const response = await route.fetch();
+                    await route.fulfill({
+                        json: {
+                            ...(await response.json()),
+                            presence: {
+                                events: [
+                                    {
+                                        type: "m.presence",
+                                        sender: bob.credentials!.userId,
+                                        content: {
+                                            presence: "io.element.unreachable",
+                                            currently_active: false,
+                                        },
+                                    },
+                                ],
+                            },
+                        },
+                    });
+                },
+                { times: 1 },
+            );
+            await app.client.createRoom({}); // trigger sync
+
+            await app.toggleRoomInfoPanel();
+            await page.locator(".mx_RightPanel").getByText("People").click();
+            await expect(page.locator(".mx_EntityTile_unreachable")).toContainText("Bob");
+            await expect(page.locator(".mx_EntityTile_unreachable")).toContainText("User's server unreachable");
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/editing-messages-in-threads.spec.ts b/apps/web/playwright/e2e/read-receipts/editing-messages-in-threads.spec.ts
new file mode 100644
index 00000000000..4fa204bacea
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/editing-messages-in-threads.spec.ts
@@ -0,0 +1,186 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { test } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+
+    test.describe("editing messages", () => {
+        test.describe("in threads", () => {
+            test("An edit of a threaded message makes the room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given we have read the thread
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Msg1");
+                await util.assertRead(room2);
+                await util.assertReadThread("Resp1");
+                await util.goTo(room1);
+
+                // When a message inside it is edited
+                await util.receiveMessages(room2, [msg.editOf("Resp1", "Edit1")]);
+
+                // Then the room and thread are read
+                await util.assertStillRead(room2);
+                await util.goTo(room2);
+                await util.assertReadThread("Msg1");
+            });
+
+            test("Reading an edit of a threaded message makes the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given an edited thread message appears after we read it
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Msg1");
+                await util.assertRead(room2);
+                await util.assertReadThread("Resp1");
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [msg.editOf("Resp1", "Edit1")]);
+                await util.assertStillRead(room2);
+
+                // When I read it
+                await util.goTo(room2);
+                await util.openThread("Msg1");
+
+                // Then the room and thread are still read
+                await util.assertStillRead(room2);
+                await util.assertReadThread("Msg1");
+            });
+
+            test("Marking a room as read after an edit in a thread makes it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given an edit in a thread is making the room unread
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Msg1",
+                    msg.threadedOff("Msg1", "Resp1"),
+                    msg.editOf("Resp1", "Edit1"),
+                ]);
+                await util.assertUnread(room2, 1);
+
+                // When I mark the room as read
+                await util.markAsRead(room2);
+
+                // Then it is read
+                await util.assertRead(room2);
+                await util.assertReadThread("Msg1");
+            });
+
+            test("Editing a thread message after marking as read leaves the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a room is marked as read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+                await util.assertUnread(room2, 1);
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // When a message is edited
+                await util.receiveMessages(room2, [msg.editOf("Resp1", "Edit1")]);
+
+                // Then the room remains read
+                await util.assertStillRead(room2);
+                await util.assertReadThread("Msg1");
+            });
+
+            test("A room with an edited threaded message is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given an edit in a thread is leaving a room read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+                await util.markAsRead(room2);
+                await util.receiveMessages(room2, [msg.editOf("Resp1", "Edit1")]);
+                await util.assertStillRead(room2);
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then is it still read
+                await util.assertRead(room2);
+            });
+
+            test("A room where all threaded edits are read is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+                await util.assertUnread(room2, 1);
+                await util.receiveMessages(room2, [msg.editOf("Resp1", "Edit1")]);
+                await util.assertUnread(room2, 1);
+
+                await util.goTo(room2);
+
+                await util.openThread("Msg1");
+                await util.assertRead(room2);
+                await util.assertReadThread("Msg1");
+                await util.goTo(room1); // Make sure we are looking at room1 after reload
+                await util.assertStillRead(room2);
+
+                await util.saveAndReload();
+                await util.assertRead(room2);
+                await util.assertReadThread("Msg1");
+            });
+
+            test("A room where all threaded edits are marked as read is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Msg1",
+                    msg.threadedOff("Msg1", "Resp1"),
+                    msg.editOf("Resp1", "Edit1"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+                await util.assertReadThread("Msg1");
+
+                // When I restart
+                await util.saveAndReload();
+
+                // It is still read
+                await util.assertRead(room2);
+                await util.assertReadThread("Msg1");
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/editing-messages-main-timeline.spec.ts b/apps/web/playwright/e2e/read-receipts/editing-messages-main-timeline.spec.ts
new file mode 100644
index 00000000000..6c9596a5b2b
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/editing-messages-main-timeline.spec.ts
@@ -0,0 +1,175 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { test } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+
+    test.describe("editing messages", () => {
+        test.describe("in the main timeline", () => {
+            test("Editing a message leaves a room read", async ({ roomAlpha: room1, roomBeta: room2, util, msg }) => {
+                // Given I am not looking at the room
+                await util.goTo(room1);
+
+                await util.receiveMessages(room2, ["Msg1"]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.goTo(room1);
+
+                // When an edit appears in the room
+                await util.receiveMessages(room2, [msg.editOf("Msg1", "Msg1 Edit1")]);
+
+                // Then it remains read
+                await util.assertStillRead(room2);
+            });
+            test("Reading an edit leaves the room read", async ({ roomAlpha: room1, roomBeta: room2, util, msg }) => {
+                // Given an edit is making the room unread
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1"]);
+                await util.assertUnread(room2, 1);
+
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.goTo(room1);
+
+                await util.receiveMessages(room2, [msg.editOf("Msg1", "Msg1 Edit1")]);
+                await util.assertStillRead(room2);
+
+                // When I read it
+                await util.goTo(room2);
+
+                // Then the room stays read
+                await util.assertStillRead(room2);
+                await util.goTo(room1);
+                await util.assertStillRead(room2);
+            });
+            test("Editing a message after marking as read leaves the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given the room is marked as read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1"]);
+                await util.assertUnread(room2, 1);
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // When a message is edited
+                await util.receiveMessages(room2, [msg.editOf("Msg1", "Msg1 Edit1")]);
+
+                // Then the room remains read
+                await util.assertStillRead(room2);
+            });
+            test("Editing a reply after reading it makes the room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given the room is all read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", msg.replyTo("Msg1", "Reply1")]);
+                await util.assertUnread(room2, 2);
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.goTo(room1);
+
+                // When a message is edited
+                await util.receiveMessages(room2, [msg.editOf("Reply1", "Reply1 Edit1")]);
+
+                // Then it remains read
+                await util.assertStillRead(room2);
+            });
+            test("Editing a reply after marking as read makes the room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a reply is marked as read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", msg.replyTo("Msg1", "Reply1")]);
+                await util.assertUnread(room2, 2);
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // When the reply is edited
+                await util.receiveMessages(room2, [msg.editOf("Reply1", "Reply1 Edit1")]);
+
+                // Then the room remains read
+                await util.assertStillRead(room2);
+            });
+            test("A room with an edit is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a message is marked as read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1"]);
+                await util.assertUnread(room2, 1);
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // When an edit appears in the room
+                await util.receiveMessages(room2, [msg.editOf("Msg1", "Msg1 Edit1")]);
+
+                // Then it remains read
+                await util.assertStillRead(room2);
+
+                // And remains so after a reload
+                await util.saveAndReload();
+                await util.assertStillRead(room2);
+            });
+            test("An edited message becomes read if it happens while I am looking", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a message is marked as read
+                await util.goTo(room2);
+                await util.receiveMessages(room2, ["Msg1"]);
+                await util.assertRead(room2);
+
+                // When I see an edit appear in the room I am looking at
+                await util.receiveMessages(room2, [msg.editOf("Msg1", "Msg1 Edit1")]);
+
+                // Then it becomes read
+                await util.assertStillRead(room2);
+            });
+            test("A room where all edits are read is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a message was edited and read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", msg.editOf("Msg1", "Msg1 Edit1")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.assertRead(room2);
+
+                // When I reload
+                await util.saveAndReload();
+
+                // Then the room is still read
+                await util.assertRead(room2);
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/editing-messages-thread-roots.spec.ts b/apps/web/playwright/e2e/read-receipts/editing-messages-thread-roots.spec.ts
new file mode 100644
index 00000000000..9cd158430a8
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/editing-messages-thread-roots.spec.ts
@@ -0,0 +1,174 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { test } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+
+    test.describe("editing messages", () => {
+        test.describe("thread roots", () => {
+            test("An edit of a thread root leaves the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given I have read a thread
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Msg1");
+                await util.backToThreadsList();
+                await util.assertRead(room2);
+                await util.goTo(room1);
+
+                // When the thread root is edited
+                await util.receiveMessages(room2, [msg.editOf("Msg1", "Edit1")]);
+
+                // Then the room is read
+                await util.assertStillRead(room2);
+
+                // And the thread is read
+                await util.goTo(room2);
+                await util.assertStillRead(room2);
+                await util.assertReadThread("Edit1");
+            });
+
+            test("Reading an edit of a thread root leaves the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a fully-read thread exists
+                await util.goTo(room2);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+                await util.openThread("Msg1");
+                await util.assertRead(room2);
+                await util.goTo(room1);
+                await util.assertRead(room2);
+
+                // When the thread root is edited
+                await util.receiveMessages(room2, [msg.editOf("Msg1", "Msg1 Edit1")]);
+
+                // And I read that edit
+                await util.goTo(room2);
+
+                // Then the room becomes read and stays read
+                await util.assertStillRead(room2);
+                await util.goTo(room1);
+                await util.assertStillRead(room2);
+            });
+
+            test("Editing a thread root after reading leaves the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a fully-read thread exists
+                await util.goTo(room2);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+                await util.openThread("Msg1");
+                await util.assertRead(room2);
+                await util.goTo(room1);
+
+                // When the thread root is edited
+                await util.receiveMessages(room2, [msg.editOf("Msg1", "Msg1 Edit1")]);
+
+                // Then the room stays read
+                await util.assertStillRead(room2);
+            });
+
+            test("Marking a room as read after an edit of a thread root keeps it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a fully-read thread exists
+                await util.goTo(room2);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+                await util.openThread("Msg1");
+                await util.assertRead(room2);
+                await util.goTo(room1);
+                await util.assertRead(room2);
+
+                // When the thread root is edited (and I receive another message
+                // to allow Mark as read)
+                await util.receiveMessages(room2, [msg.editOf("Msg1", "Msg1 Edit1"), "Msg2"]);
+
+                // And when I mark the room as read
+                await util.markAsRead(room2);
+
+                // Then the room becomes read and stays read
+                await util.assertStillRead(room2);
+                await util.goTo(room1);
+                await util.assertStillRead(room2);
+            });
+
+            test("Editing a thread root that is a reply after marking as read leaves the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread based on a reply exists and is read because it is marked as read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Msg",
+                    msg.replyTo("Msg", "Reply"),
+                    msg.threadedOff("Reply", "InThread"),
+                ]);
+                await util.assertUnread(room2, 2);
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // When I edit the thread root
+                await util.receiveMessages(room2, [msg.editOf("Reply", "Edited Reply")]);
+
+                // Then the room is read
+                await util.assertStillRead(room2);
+
+                // And the thread is read
+                await util.goTo(room2);
+                await util.assertReadThread("Edited Reply");
+            });
+
+            test("Marking a room as read after an edit of a thread root that is a reply leaves it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread based on a reply exists and the reply has been edited
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Msg",
+                    msg.replyTo("Msg", "Reply"),
+                    msg.threadedOff("Reply", "InThread"),
+                ]);
+                await util.receiveMessages(room2, [msg.editOf("Reply", "Edited Reply")]);
+                await util.assertUnread(room2, 2);
+
+                // When I mark the room as read
+                await util.markAsRead(room2);
+
+                // Then the room and thread are read
+                await util.assertStillRead(room2);
+                await util.goTo(room2);
+                await util.assertReadThread("Edited Reply");
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/high-level.spec.ts b/apps/web/playwright/e2e/read-receipts/high-level.spec.ts
new file mode 100644
index 00000000000..d3d2e5765cb
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/high-level.spec.ts
@@ -0,0 +1,345 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { many, test } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+    test.slow();
+
+    test.describe("Ignored events", () => {
+        test("If all events after receipt are unimportant, the room is read", async ({
+            roomAlpha: room1,
+            roomBeta: room2,
+            util,
+            msg,
+        }) => {
+            await util.goTo(room1);
+            await util.assertRead(room2);
+            await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+            await util.assertUnread(room2, 2);
+
+            await util.markAsRead(room2);
+            await util.assertRead(room2);
+
+            await util.receiveMessages(room2, [msg.customEvent("org.custom.event", { body: "foobar" })]);
+            await util.assertRead(room2);
+        });
+        test("Sending an important event after unimportant ones makes the room unread", async ({
+            roomAlpha: room1,
+            roomBeta: room2,
+            util,
+            msg,
+        }) => {
+            // Given We have read the important messages
+            await util.goTo(room1);
+            await util.assertRead(room2);
+            await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+            await util.assertUnread(room2, 2);
+            await util.goTo(room2);
+            await util.assertRead(room2);
+            await util.goTo(room1);
+
+            // When we receive unimportant messages
+            await util.receiveMessages(room2, [msg.customEvent("org.custom.event", { body: "foobar" })]);
+
+            // Then the room is still read
+            await util.assertStillRead(room2);
+
+            // And when we receive more important ones
+            await util.receiveMessages(room2, ["Hello"]);
+
+            // The room is unread again
+            await util.assertUnread(room2, 1);
+        });
+        test("A receipt for the last unimportant event makes the room read, even if all are unimportant", async ({
+            roomAlpha: room1,
+            roomBeta: room2,
+            util,
+            msg,
+        }) => {
+            // Display room 1
+            await util.goTo(room1);
+
+            // The room 2 is read
+            await util.assertRead(room2);
+
+            // We received 3 unimportant messages to room2
+            await util.receiveMessages(room2, [
+                msg.customEvent("org.custom.event", { body: "foobar1" }),
+                msg.customEvent("org.custom.event", { body: "foobar2" }),
+                msg.customEvent("org.custom.event", { body: "foobar3" }),
+            ]);
+
+            // The room 2 is still read
+            await util.assertStillRead(room2);
+        });
+    });
+
+    test.describe("Paging up", () => {
+        test("Paging up through old messages after a room is read leaves the room read", async ({
+            page,
+            roomAlpha: room1,
+            roomBeta: room2,
+            util,
+        }) => {
+            // Given lots of messages are in the room, but we have read them
+            await util.goTo(room1);
+            await util.receiveMessages(room2, many("Msg", 110));
+            await util.assertUnread(room2, 110);
+            await util.goTo(room2);
+            await util.assertRead(room2);
+            await util.goTo(room1);
+
+            // When we restart, so only recent messages are loaded
+            await util.saveAndReload();
+            await util.goTo(room2);
+            await util.assertMessageNotLoaded("Msg0010");
+
+            // And we page up, loading in old messages
+            await util.pageUp();
+            await page.waitForTimeout(200);
+            await util.pageUp();
+            await page.waitForTimeout(200);
+            await util.pageUp();
+            await util.assertMessageLoaded("Msg0010");
+
+            // Then the room remains read
+            await util.assertStillRead(room2);
+        });
+        test("Paging up through old messages of an unread room leaves the room unread", async ({
+            roomAlpha: room1,
+            roomBeta: room2,
+            util,
+            msg,
+        }) => {
+            // Given lots of messages are in the room, and they are not read
+            await util.goTo(room1);
+            await util.receiveMessages(room2, many("x\ny\nz\nMsg", 40)); // newline to spread out messages
+            await util.assertUnread(room2, 40);
+
+            // When I jump to a message in the middle and page up
+            await msg.jumpTo(room2, "x\ny\nz\nMsg0020");
+            await util.pageUp();
+
+            // Then the room is still unread
+            await util.assertUnreadGreaterThan(room2, 1);
+        });
+        test("Paging up to find old threads that were previously read leaves the room read", async ({
+            roomAlpha: room1,
+            roomBeta: room2,
+            util,
+            msg,
+        }) => {
+            test.slow();
+
+            // Given lots of messages in threads are all read
+            await util.goTo(room1);
+            await util.receiveMessages(room2, [
+                "Root1",
+                "Root2",
+                "Root3",
+                ...msg.manyThreadedOff("Root1", many("T", 20)),
+                ...msg.manyThreadedOff("Root2", many("T", 20)),
+                ...msg.manyThreadedOff("Root3", many("T", 20)),
+            ]);
+            await util.goTo(room2);
+            await util.assertRead(room2);
+            await util.assertUnreadThread("Root1");
+            await util.assertUnreadThread("Root2");
+            await util.assertUnreadThread("Root3");
+            await util.openThread("Root1");
+            await util.assertReadThread("Root1");
+            await util.openThread("Root2");
+            await util.assertReadThread("Root2");
+            await util.openThread("Root3");
+            await util.assertReadThread("Root3");
+
+            // When I restart and page up to load old thread roots
+            await util.goTo(room1);
+            await util.saveAndReload();
+            await util.goTo(room2);
+            await util.pageUp();
+
+            // Then the room and threads remain read
+            await util.assertRead(room2);
+            await util.assertReadThread("Root1");
+            await util.assertReadThread("Root2");
+            await util.assertReadThread("Root3");
+        });
+
+        test("Paging up to find old threads that were never read keeps the room unread", async ({
+            roomAlpha: room1,
+            roomBeta: room2,
+            util,
+            msg,
+        }) => {
+            test.slow();
+
+            // Given lots of messages in threads that are unread
+            await util.goTo(room1);
+            await util.receiveMessages(room2, [
+                "Root1",
+                "Root2",
+                "Root3",
+                ...msg.manyThreadedOff("Root1", many("T", 2)),
+                ...msg.manyThreadedOff("Root2", many("T", 2)),
+                ...msg.manyThreadedOff("Root3", many("T", 2)),
+                ...many("Msg", 100),
+            ]);
+            await util.goTo(room2);
+            await util.assertRead(room2);
+            await util.assertUnreadThread("Root1");
+            await util.assertUnreadThread("Root2");
+            await util.assertUnreadThread("Root3");
+
+            // When I restart
+            await util.closeThreadsPanel();
+            await util.goTo(room1);
+            await util.saveAndReload();
+
+            // Then the room remembers it's read
+            // TODO: I (andyb) think this will fall in an encrypted room
+            await util.assertRead(room2);
+
+            // And when I page up to load old thread roots
+            await util.goTo(room2);
+            await util.pageUp();
+
+            // Then the room remains read
+            await util.assertRead(room2);
+            await util.assertUnreadThread("Root1");
+            await util.assertUnreadThread("Root2");
+            await util.assertUnreadThread("Root3");
+        });
+
+        test("Looking in thread view to find old threads that were never read makes the room unread", async ({
+            roomAlpha: room1,
+            roomBeta: room2,
+            util,
+            msg,
+        }) => {
+            // Given lots of messages in threads that are unread
+            await util.goTo(room1);
+            await util.receiveMessages(room2, [
+                "Root1",
+                "Root2",
+                "Root3",
+                ...msg.manyThreadedOff("Root1", many("T", 2)),
+                ...msg.manyThreadedOff("Root2", many("T", 2)),
+                ...msg.manyThreadedOff("Root3", many("T", 2)),
+                ...many("Msg", 100),
+            ]);
+            await util.goTo(room2);
+            await util.assertRead(room2);
+            await util.assertUnreadThread("Root1");
+            await util.assertUnreadThread("Root2");
+            await util.assertUnreadThread("Root3");
+
+            // When I restart
+            await util.closeThreadsPanel();
+            await util.goTo(room1);
+            await util.saveAndReload();
+
+            // Then the room remembers it's read
+            // TODO: I (andyb) think this will fall in an encrypted room
+            await util.assertRead(room2);
+
+            // And when I open the threads view
+            await util.goTo(room2);
+            await util.openThreadList();
+
+            // Then the room remains read
+            await util.assertRead(room2);
+            await util.assertUnreadThread("Root1");
+            await util.assertUnreadThread("Root2");
+            await util.assertUnreadThread("Root3");
+        });
+
+        test("After marking room as read, paging up to find old threads that were never read leaves the room read", async ({
+            roomAlpha: room1,
+            roomBeta: room2,
+            util,
+            msg,
+        }) => {
+            test.slow();
+
+            // Given lots of messages in threads that are unread but I marked as read on a main timeline message
+            await util.goTo(room1);
+            await util.receiveMessages(room2, [
+                "Root1",
+                "Root2",
+                "Root3",
+                ...msg.manyThreadedOff("Root1", many("T", 2)),
+                ...msg.manyThreadedOff("Root2", many("T", 2)),
+                ...msg.manyThreadedOff("Root3", many("T", 2)),
+                ...many("Msg", 100),
+            ]);
+            await util.markAsRead(room2);
+            await util.assertRead(room2);
+
+            // When I restart
+            await util.saveAndReload();
+
+            // Then the room remembers it's read
+            await util.assertRead(room2);
+
+            // And when I page up to load old thread roots
+            await util.goTo(room2);
+            await util.pageUp();
+            await util.pageUp();
+            await util.pageUp();
+
+            // Then the room remains read
+            await util.assertStillRead(room2);
+            await util.assertReadThread("Root1");
+            await util.assertReadThread("Root2");
+            await util.assertReadThread("Root3");
+        });
+        test("After marking room as read based on a thread message, opening threads view to find old threads that were never read leaves the room read", async ({
+            roomAlpha: room1,
+            roomBeta: room2,
+            util,
+            msg,
+        }) => {
+            // Given lots of messages in threads that are unread but I marked as read on a thread message
+            await util.goTo(room1);
+            await util.receiveMessages(room2, [
+                "Root1",
+                "Root2",
+                "Root3",
+                ...msg.manyThreadedOff("Root1", many("T1-", 2)),
+                ...msg.manyThreadedOff("Root2", many("T2-", 2)),
+                ...msg.manyThreadedOff("Root3", many("T3-", 2)),
+                ...many("Msg", 100),
+                msg.threadedOff("Msg0099", "Thread off 99"),
+            ]);
+            await util.markAsRead(room2);
+            await util.assertRead(room2);
+
+            // When I restart
+            await util.saveAndReload();
+
+            // Then the room remembers it's read
+            await util.assertRead(room2);
+
+            // And when I page up to load old thread roots
+            await util.goTo(room2);
+            await util.openThreadList();
+
+            // Then the room remains read
+            await util.assertStillRead(room2);
+            await util.assertReadThread("Root1");
+            await util.assertReadThread("Root2");
+            await util.assertReadThread("Root3");
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/index.ts b/apps/web/playwright/e2e/read-receipts/index.ts
new file mode 100644
index 00000000000..1df837a2364
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/index.ts
@@ -0,0 +1,633 @@
+/*
+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 { JSHandle, Locator, Page } from "@playwright/test";
+import type { MatrixEvent, Room, IndexedDBStore, ReceiptType } 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";
+import { type ElementAppPage } from "../../pages/ElementAppPage";
+
+type RoomRef = { name: string; roomId: string };
+
+/**
+ * Set up for a read receipt test:
+ * - Create a user with the supplied name
+ * - As that user, create two rooms with the supplied names
+ * - Create a bot with the supplied name
+ * - Invite the bot to both rooms and ensure that it has joined
+ */
+export const test = base.extend<{
+    roomAlphaName: string;
+    roomAlpha: RoomRef;
+    roomBetaName: string;
+    roomBeta: RoomRef;
+    msg: MessageBuilder;
+    util: Helpers;
+}>({
+    displayName: "Mae",
+    botCreateOpts: { displayName: "Other User" },
+
+    roomAlphaName: "Room Alpha",
+    roomAlpha: async ({ roomAlphaName: name, app, user, bot }, use) => {
+        const roomId = await app.client.createRoom({ name, invite: [bot.credentials!.userId] });
+        await bot.awaitRoomMembership(roomId);
+        await use({ name, roomId });
+    },
+    roomBetaName: "Room Beta",
+    roomBeta: async ({ roomBetaName: name, app, user, bot }, use) => {
+        const roomId = await app.client.createRoom({ name, invite: [bot.credentials!.userId] });
+        await bot.awaitRoomMembership(roomId);
+        await use({ name, roomId });
+    },
+    msg: async ({ page, app, util }, use) => {
+        await use(new MessageBuilder(page, app, util));
+    },
+    util: async ({ roomAlpha, roomBeta, page, app, bot }, use) => {
+        await use(new Helpers(page, app, bot));
+    },
+});
+
+/**
+ * A utility that is able to find messages based on their content, by looking
+ * inside the `timeline` objects in the object model.
+ *
+ * Crucially, we hold on to references to events that have been edited or
+ * redacted, so we can still look them up by their old content.
+ *
+ * Provides utilities that build on the ability to find messages, e.g. replyTo,
+ * which finds a message and then constructs a reply to it.
+ */
+export class MessageBuilder {
+    constructor(
+        private page: Page,
+        private app: ElementAppPage,
+        private helpers: Helpers,
+    ) {}
+
+    /**
+     * Map of message content -> event.
+     */
+    messages = new Map<string, Promise<JSHandle<MatrixEvent>>>();
+
+    /**
+     * Utility to find a MatrixEvent by its body content
+     * @param room - the room to search for the event in
+     * @param message - the body of the event to search for
+     * @param includeThreads - whether to search within threads too
+     */
+    async getMessage(room: JSHandle<Room>, message: string, includeThreads = false): Promise<JSHandle<MatrixEvent>> {
+        const cached = this.messages.get(message);
+        if (cached) {
+            return cached;
+        }
+
+        const promise = room.evaluateHandle(
+            async (room, { message, includeThreads }) => {
+                let ev = room.timeline.find((e) => e.getContent().body === message);
+                if (!ev && includeThreads) {
+                    for (const thread of room.getThreads()) {
+                        ev = thread.timeline.find((e) => e.getContent().body === message);
+                        if (ev) break;
+                    }
+                }
+
+                if (ev) return ev;
+
+                return new Promise<MatrixEvent>((resolve) => {
+                    room.on("Room.timeline" as any, (ev: MatrixEvent) => {
+                        if (ev.getContent().body === message) {
+                            resolve(ev);
+                        }
+                    });
+                });
+            },
+            { message, includeThreads },
+        );
+
+        this.messages.set(message, promise);
+        return promise;
+    }
+
+    /**
+     * MessageContentSpec to send an edit into a room
+     * @param originalMessage - the body of the message to edit
+     * @param newMessage - the message body to send in the edit
+     */
+    editOf(originalMessage: string, newMessage: string): MessageContentSpec {
+        return new (class extends MessageContentSpec {
+            public async getContent(room: JSHandle<Room>): Promise<Record<string, unknown>> {
+                const ev = await this.messageFinder.getMessage(room, originalMessage, true);
+
+                return ev.evaluate((ev, newMessage) => {
+                    // If this event has been redacted, its msgtype will be
+                    // undefined. In that case, we guess msgtype as m.text.
+                    const msgtype = ev.getContent().msgtype ?? "m.text";
+                    return {
+                        "msgtype": msgtype,
+                        "body": `* ${newMessage}`,
+                        "m.new_content": {
+                            msgtype: msgtype,
+                            body: newMessage,
+                        },
+                        "m.relates_to": {
+                            rel_type: "m.replace",
+                            event_id: ev.getId(),
+                        },
+                    };
+                }, newMessage);
+            }
+        })(this);
+    }
+
+    /**
+     * MessageContentSpec to send a reply into a room
+     * @param targetMessage - the body of the message to reply to
+     * @param newMessage - the message body to send into the reply
+     */
+    replyTo(targetMessage: string, newMessage: string): MessageContentSpec {
+        return new (class extends MessageContentSpec {
+            public async getContent(room: JSHandle<Room>): Promise<Record<string, unknown>> {
+                const ev = await this.messageFinder.getMessage(room, targetMessage, true);
+                return ev.evaluate((ev, newMessage) => {
+                    const threadRel =
+                        ev.getRelation()?.rel_type === "m.thread"
+                            ? {
+                                  rel_type: "m.thread",
+                                  event_id: ev.getRelation()!.event_id,
+                              }
+                            : {};
+
+                    return {
+                        "msgtype": "m.text",
+                        "body": newMessage,
+                        "m.relates_to": {
+                            ...threadRel,
+                            "m.in_reply_to": {
+                                event_id: ev.getId(),
+                            },
+                        },
+                    };
+                }, newMessage);
+            }
+        })(this);
+    }
+
+    /**
+     * MessageContentSpec to send a threaded response into a room
+     * @param rootMessage - the body of the thread root message to send a response to
+     * @param newMessage - the message body to send into the thread response
+     */
+    threadedOff(rootMessage: string, newMessage: string): MessageContentSpec {
+        return new (class extends MessageContentSpec {
+            public async getContent(room: JSHandle<Room>): Promise<Record<string, unknown>> {
+                const ev = await this.messageFinder.getMessage(room, rootMessage);
+                return ev.evaluate((ev, newMessage) => {
+                    return {
+                        "msgtype": "m.text",
+                        "body": newMessage,
+                        "m.relates_to": {
+                            event_id: ev.getId(),
+                            is_falling_back: true,
+                            rel_type: "m.thread",
+                        },
+                    };
+                }, newMessage);
+            }
+        })(this);
+    }
+
+    /**
+     * Generate MessageContentSpecs to send multiple threaded responses into a room.
+     *
+     * @param rootMessage - the body of the thread root message to send a response to
+     * @param newMessages - the contents of the messages
+     */
+    manyThreadedOff(rootMessage: string, newMessages: Array<string>): Array<MessageContentSpec> {
+        return newMessages.map((body) => this.threadedOff(rootMessage, body));
+    }
+
+    /**
+     * BotActionSpec to send a reaction to an existing event into a room
+     * @param targetMessage - the body of the message to send a reaction to
+     * @param reaction - the key of the reaction to send into the room
+     */
+    reactionTo(targetMessage: string, reaction: string): BotActionSpec {
+        return new (class extends BotActionSpec {
+            public async performAction(bot: Bot, room: JSHandle<Room>): Promise<void> {
+                const ev = await this.messageFinder.getMessage(room, targetMessage, true);
+                const { id, threadId } = await ev.evaluate((ev) => ({
+                    id: ev.getId()!,
+                    threadId: !ev.isThreadRoot ? ev.threadRootId : undefined,
+                }));
+                const roomId = await room.evaluate((room) => room.roomId);
+                await bot.reactToMessage(roomId, threadId ?? null, id, reaction);
+            }
+        })(this);
+    }
+
+    /**
+     * BotActionSpec to send a redaction into a room
+     * @param targetMessage - the body of the message to send a redaction to
+     */
+    redactionOf(targetMessage: string): BotActionSpec {
+        return new (class extends BotActionSpec {
+            public async performAction(bot: Bot, room: JSHandle<Room>): Promise<void> {
+                const ev = await this.messageFinder.getMessage(room, targetMessage, true);
+                const { id, threadId } = await ev.evaluate((ev) => ({
+                    id: ev.getId()!,
+                    threadId: !ev.isThreadRoot ? ev.threadRootId : undefined,
+                }));
+                const roomId = await room.evaluate((room) => room.roomId);
+                await bot.redactEvent(roomId, threadId!, id);
+            }
+        })(this);
+    }
+
+    /**
+     * Find and display a message.
+     *
+     * @param roomRef the ref of the room to look inside
+     * @param message the content of the message to fine
+     * @param includeThreads look for messages inside threads, not just the main timeline
+     */
+    async jumpTo(roomRef: RoomRef, message: string, includeThreads = false) {
+        const room = await this.helpers.findRoomById(roomRef.roomId);
+        expect(room).toBeTruthy();
+        const foundMessage = await this.getMessage(room, message, includeThreads);
+        const roomId = await room.evaluate((room) => room.roomId);
+        const foundMessageId = await foundMessage.evaluate((ev) => ev.getId());
+        await this.page.goto(`/#/room/${roomId}/${foundMessageId}`);
+    }
+
+    async sendThreadedReadReceipt(room: JSHandle<Room>, targetMessage: string) {
+        const event = await this.getMessage(room, targetMessage, true);
+
+        await this.app.client.evaluate(
+            (client, { event }) => {
+                return client.sendReadReceipt(event);
+            },
+            { event },
+        );
+    }
+
+    async sendUnthreadedReadReceipt(room: JSHandle<Room>, targetMessage: string) {
+        const event = await this.getMessage(room, targetMessage, true);
+
+        await this.app.client.evaluate(
+            (client, { event }) => {
+                return client.sendReadReceipt(event, "m.read" as any as ReceiptType, true);
+            },
+            { event },
+        );
+    }
+
+    /**
+     * BotActionSpec to send a custom event
+     * @param eventType - the type of the event to send
+     * @param content - the event content to send
+     */
+    customEvent(eventType: string, content: Record<string, any>): BotActionSpec {
+        return new (class extends BotActionSpec {
+            public async performAction(cli: Client, room: JSHandle<Room>): Promise<void> {
+                const roomId = await room.evaluate((room) => room.roomId);
+                await cli.sendEvent(roomId, null, eventType, content);
+            }
+        })(this);
+    }
+}
+
+/**
+ * Something that can provide the content of a message.
+ *
+ * For example, we return and instance of this from {@link
+ * MessageBuilder.replyTo} which creates a reply based on a previous message.
+ */
+export abstract class MessageContentSpec {
+    constructor(public readonly messageFinder: MessageBuilder) {}
+
+    public abstract getContent(room: JSHandle<Room>): Promise<Record<string, unknown>>;
+}
+
+/**
+ * Something that can perform an action at the time we would usually send a
+ * message.
+ *
+ * For example, we return an instance of this from {@link
+ * MessageBuilder.redactionOf} which redacts the message we are referring to.
+ */
+export abstract class BotActionSpec {
+    constructor(public readonly messageFinder: MessageBuilder) {}
+
+    public abstract performAction(client: Client, room: JSHandle<Room>): Promise<void>;
+}
+
+/**
+ * Something that we will turn into a message or event when we pass it in to
+ * e.g. receiveMessages.
+ */
+export type Message = string | MessageContentSpec | BotActionSpec;
+
+class Helpers {
+    constructor(
+        private page: Page,
+        private app: ElementAppPage,
+        private bot: Bot,
+    ) {}
+
+    /**
+     * Use the supplied client to send messages or perform actions as specified by
+     * the supplied {@link Message} items.
+     */
+    async sendMessageAsClient(cli: Client, roomRef: RoomRef, messages: Message[]) {
+        const roomId = roomRef.roomId;
+        const room = await this.findRoomById(roomId);
+        expect(room).toBeTruthy();
+
+        for (const message of messages) {
+            if (typeof message === "string") {
+                await cli.sendMessage(roomId, { body: message, msgtype: "m.text" });
+            } else if (message instanceof MessageContentSpec) {
+                await cli.sendMessage(roomId, await message.getContent(room));
+            } else {
+                await message.performAction(cli, room);
+            }
+            // TODO: without this wait, some tests that send lots of messages flake
+            // from time to time. I (andyb) have done some investigation, but it
+            // needs more work to figure out. The messages do arrive over sync, but
+            // they never appear in the timeline, and they never fire a
+            // Room.timeline event. I think this only happens with events that refer
+            // to other events (e.g. replies), so it might be caused by the
+            // referring event arriving before the referred-to event.
+            await this.page.waitForTimeout(100);
+        }
+    }
+
+    /**
+     * Open the room with the supplied name.
+     */
+    async goTo(room: RoomRef) {
+        await this.app.viewRoomByName(typeof room === "string" ? room : room.name);
+    }
+
+    /**
+     * Expand the message with the supplied index in the timeline.
+     * @param index
+     */
+    async openCollapsedMessage(index: number) {
+        const button = this.page.locator(".mx_GenericEventListSummary_toggle");
+        await button.nth(index).click();
+    }
+
+    /**
+     * Click the thread with the supplied content in the thread root to open it in
+     * the Threads panel.
+     */
+    async openThread(rootMessage: string) {
+        const tile = this.page.locator(".mx_RoomView_body .mx_EventTile[data-scroll-tokens]", { hasText: rootMessage });
+        await tile.hover();
+        await tile.getByRole("button", { name: "Reply in thread" }).click();
+        await expect(this.page.locator(".mx_ThreadView_timelinePanelWrapper")).toBeVisible();
+    }
+
+    /**
+     * Close the threads panel.
+     */
+    async closeThreadsPanel() {
+        await this.page.locator(".mx_RightPanel").getByTestId("base-card-close-button").click();
+        await expect(this.page.locator(".mx_RightPanel")).not.toBeVisible();
+    }
+
+    /**
+     * Return to the list of threads, given we are viewing a single thread.
+     */
+    async backToThreadsList() {
+        await this.page.locator(".mx_RoomHeader").getByLabel("Threads").click();
+    }
+
+    /**
+     * Assert that the message containing the supplied text is visible in the UI.
+     * Note: matches part of the message content as well as the whole of it.
+     */
+    async assertMessageLoaded(messagePart: string) {
+        await expect(this.page.locator(".mx_EventTile_body").getByText(messagePart)).toBeVisible();
+    }
+
+    /**
+     * Assert that the message containing the supplied text is not visible in the UI.
+     * Note: matches part of the message content as well as the whole of it.
+     */
+    async assertMessageNotLoaded(messagePart: string) {
+        await expect(this.page.locator(".mx_EventTile_body").getByText(messagePart)).not.toBeVisible();
+    }
+
+    /**
+     * Scroll the messages panel up 1000 pixels.
+     */
+    async pageUp() {
+        await this.page.locator(".mx_RoomView_messagePanel").evaluateAll((messagePanels) => {
+            messagePanels.forEach((messagePanel) => (messagePanel.scrollTop -= 1000));
+        });
+    }
+
+    getRoomListTile(label: string) {
+        return this.page.getByRole("option", { name: new RegExp("^Open room " + label) });
+    }
+
+    /**
+     * Click the "Mark as Read" context menu item on the room with the supplied name
+     * in the room list.
+     */
+    async markAsRead(room: RoomRef) {
+        await this.getRoomListTile(room.name).click({ button: "right" });
+        await this.page.getByText("Mark as read").click();
+    }
+
+    /**
+     * Assert that the room with the supplied name is "read" in the room list - i.g.
+     * has not dot or count of unread messages.
+     */
+    async assertRead(room: RoomRef) {
+        const tile = this.getRoomListTile(room.name);
+        await expect(tile.getByTestId("notification-decoration")).not.toBeVisible();
+        await expect(tile).not.toHaveAccessibleName(/with \d* unread message/);
+    }
+
+    /**
+     * Assert that this room remains read, when it was previously read.
+     * (In practice, this just waits a short while to allow any unread marker to
+     * appear, and then asserts that the room is read.)
+     */
+    async assertStillRead(room: RoomRef) {
+        await this.page.waitForTimeout(200);
+        await this.assertRead(room);
+    }
+
+    /**
+     * Assert a given room is marked as unread (via the room list tile)
+     * @param room - the name of the room to check
+     * @param count - the numeric count to assert
+     */
+    async assertUnread(room: RoomRef, count: number) {
+        const tile = this.getRoomListTile(room.name);
+        await expect(tile).toBeVisible();
+        await expect(tile).toHaveAccessibleName(/with \d* unread message/);
+    }
+
+    async unreadCountForRoomTile(tile: Locator): Promise<number> {
+        const accessibleName = await tile.getAttribute("aria-label");
+        const match = accessibleName?.match(/(\d+)\s+unread message/);
+        return match ? parseInt(match[1], 10) : 0;
+    }
+
+    /**
+     * Assert a given room is marked as unread, and the number of unread
+     * messages is less than the supplied count.
+     *
+     * @param room - the name of the room to check
+     * @param lessThan - the number of unread messages that is too many
+     */
+    async assertUnreadLessThan(room: RoomRef, lessThan: number) {
+        const tile = this.getRoomListTile(room.name);
+        // https://playwright.dev/docs/test-assertions#expectpoll
+        // .toBeLessThan doesn't have a retry mechanism, so we use .poll
+        await expect
+            .poll(async () => {
+                return this.unreadCountForRoomTile(tile);
+            })
+            .toBeLessThan(lessThan);
+    }
+
+    /**
+     * Assert a given room is marked as unread, and the number of unread
+     * messages is greater than the supplied count.
+     *
+     * @param room - the name of the room to check
+     * @param greaterThan - the number of unread messages that is too few
+     */
+    async assertUnreadGreaterThan(room: RoomRef, greaterThan: number) {
+        const tile = this.getRoomListTile(room.name);
+        // https://playwright.dev/docs/test-assertions#expectpoll
+        // .toBeGreaterThan doesn't have a retry mechanism, so we use .poll
+        await expect
+            .poll(async () => {
+                return this.unreadCountForRoomTile(tile);
+            })
+            .toBeGreaterThan(greaterThan);
+    }
+
+    /**
+     * Click the "Threads" or "Back" button if needed to get to the threads list.
+     */
+    async openThreadList() {
+        // If we've just entered the room, the threads panel takes a while to decide
+        // whether it's open or not - wait here to give it a chance to settle.
+        await this.page.waitForTimeout(200);
+
+        const threadPanel = this.page.locator(".mx_ThreadPanel");
+        const isThreadPanelOpen = (await threadPanel.count()) !== 0;
+        if (!isThreadPanelOpen) {
+            await this.page.locator(".mx_RoomHeader").getByLabel("Threads").click();
+        }
+        await expect(threadPanel).toBeVisible();
+        await threadPanel.evaluate(($panel) => {
+            const $button = $panel.querySelector<HTMLElement>('[data-testid="base-card-back-button"]');
+            const title = $panel.querySelector<HTMLElement>(".mx_BaseCard_header_title")?.textContent;
+            // If the Threads back button is present then click it - the
+            // threads button can open either threads list or thread panel
+            if ($button && title !== "Threads") {
+                $button.click();
+            }
+        });
+    }
+
+    async findRoomById(roomId: string): Promise<JSHandle<Room>> {
+        return this.app.client.evaluateHandle((cli, roomId) => {
+            return cli.getRooms().find((r) => r.roomId === roomId)!;
+        }, roomId);
+    }
+
+    private async getThreadListTile(rootMessage: string) {
+        await this.openThreadList();
+        return this.page.locator(".mx_ThreadPanel li", { hasText: rootMessage });
+    }
+
+    /**
+     * Assert that the thread with the supplied content in its root message is shown
+     * as read in the Threads list.
+     */
+    async assertReadThread(rootMessage: string) {
+        const tile = await this.getThreadListTile(rootMessage);
+        await expect(tile.getByTestId("notification-badge")).not.toBeVisible();
+    }
+
+    /**
+     * Assert that the thread with the supplied content in its root message is shown
+     * as unread in the Threads list.
+     */
+    async assertUnreadThread(rootMessage: string) {
+        const tile = await this.getThreadListTile(rootMessage);
+        await expect(tile.getByTestId("notification-badge")).toBeVisible();
+    }
+
+    /**
+     * Save our indexeddb information and then refresh the page.
+     */
+    async saveAndReload() {
+        await this.app.client.evaluate((cli) => {
+            // @ts-ignore
+            return (cli.store as IndexedDBStore).reallySave();
+        });
+        await this.page.reload();
+        // Wait for the app to reload
+        await expect(this.page.locator(".mx_RoomView")).toBeVisible();
+    }
+
+    /**
+     * Sends messages into given room as a bot
+     * @param room - the name of the room to send messages into
+     * @param messages - the list of messages to send, these can be strings or implementations of MessageSpec like `editOf`
+     */
+    async receiveMessages(room: RoomRef, messages: Message[]) {
+        await this.sendMessageAsClient(this.bot, room, messages);
+    }
+
+    /**
+     * Open the room list menu
+     */
+    async toggleRoomListMenu() {
+        const tile = this.getRoomListTile("Rooms");
+        await tile.hover();
+        const button = tile.getByLabel("List options");
+        await button.click();
+    }
+
+    /**
+     * Assert that the room list is ordered as expected
+     * @param rooms
+     */
+    async assertRoomListOrder(rooms: Array<{ name: string }>) {
+        const roomListContainer = this.page.getByTestId("room-list");
+        const roomTiles = roomListContainer.getByRole("option");
+        for (const [i, room] of rooms.entries()) {
+            await expect(roomTiles.nth(i)).toHaveAccessibleName(new RegExp(room.name));
+        }
+    }
+}
+
+/**
+ * Generate strings with the supplied prefix, suffixed with numbers.
+ *
+ * @param prefix the prefix of each string
+ * @param howMany the number of strings to generate
+ */
+export function many(prefix: string, howMany: number): Array<string> {
+    return Array.from(Array(howMany).keys()).map((i) => prefix + i.toString().padStart(4, "0"));
+}
+
+export { expect };
diff --git a/apps/web/playwright/e2e/read-receipts/message-ordering.spec.ts b/apps/web/playwright/e2e/read-receipts/message-ordering.spec.ts
new file mode 100644
index 00000000000..5f4c994fdad
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/message-ordering.spec.ts
@@ -0,0 +1,42 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { test } from ".";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.describe("Message ordering", () => {
+        test.describe("in the main timeline", () => {
+            test.fixme("A receipt for the last event in sync order (even with wrong ts) marks a room as read", () => {});
+            test.fixme("A receipt for a non-last event in sync order (even when ts makes it last) leaves room unread", () => {});
+        });
+
+        test.describe("in threads", () => {
+            // These don't pass yet - we need MSC4033 - we don't even know the Sync order yet
+            test.fixme("A receipt for the last event in sync order (even with wrong ts) marks a thread as read", () => {});
+            test.fixme("A receipt for a non-last event in sync order (even when ts makes it last) leaves thread unread", () => {});
+
+            // These pass now and should not later - we should use order from MSC4033 instead of ts
+            // These are broken out
+            test.fixme("A receipt for last threaded event in ts order (even when it was received non-last) marks a thread as read", () => {});
+            test.fixme("A receipt for non-last threaded event in ts order (even when it was received last) leaves thread unread", () => {});
+            test.fixme("A receipt for last threaded edit in ts order (even when it was received non-last) marks a thread as read", () => {});
+            test.fixme("A receipt for non-last threaded edit in ts order (even when it was received last) leaves thread unread", () => {});
+            test.fixme("A receipt for last threaded reaction in ts order (even when it was received non-last) marks a thread as read", () => {});
+            test.fixme("A receipt for non-last threaded reaction in ts order (even when it was received last) leaves thread unread", () => {});
+        });
+
+        test.describe("thread roots", () => {
+            test.fixme("A receipt for last reaction to thread root in sync order (even when ts makes it last) marks room as read", () => {});
+            test.fixme("A receipt for non-last reaction to thread root in sync order (even when ts makes it last) leaves room unread", () => {});
+            test.fixme("A receipt for last edit to thread root in sync order (even when ts makes it last) marks room as read", () => {});
+            test.fixme("A receipt for non-last edit to thread root in sync order (even when ts makes it last) leaves room unread", () => {});
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/missing-referents.spec.ts b/apps/web/playwright/e2e/read-receipts/missing-referents.spec.ts
new file mode 100644
index 00000000000..baa5e907f54
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/missing-referents.spec.ts
@@ -0,0 +1,53 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { test } from ".";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.describe("messages with missing referents", () => {
+        test.fixme("A message in an unknown thread is not visible and the room is read", async ({
+            roomAlpha: room1,
+            roomBeta: room2,
+            util,
+            msg,
+        }) => {
+            // Given a thread existed and the room is read
+            await util.goTo(room1);
+            await util.receiveMessages(room2, ["Root1", msg.threadedOff("Root1", "T1a")]);
+
+            // When I restart, forgetting the thread root
+            // And I receive a message on that thread
+            // Then the message is invisible and the room remains read
+        });
+        test.fixme("When a message's thread root appears later the thread appears and the room is unread", () => {});
+        test.fixme("An edit of an unknown message is not visible and the room is read", () => {});
+        test.fixme("When an edit's message appears later the edited version appears and the room is unread", () => {});
+        test.fixme("A reaction to an unknown message is not visible and the room is read", () => {});
+        test.fixme("When an reactions's message appears later it appears and the room is unread", () => {});
+        // Harder: validate that we request the messages we are missing?
+    });
+
+    test.describe("receipts with missing events", () => {
+        // Later: when we have order in receipts, we can change these tests to
+        // make receipts still work, even when their message is not found.
+        test.fixme("A receipt for an unknown message does not change the state of an unread room", () => {});
+        test.fixme("A receipt for an unknown message does not change the state of a read room", () => {});
+        test.fixme("A threaded receipt for an unknown message does not change the state of an unread thread", () => {});
+        test.fixme("A threaded receipt for an unknown message does not change the state of a read thread", () => {});
+        test.fixme("A threaded receipt for an unknown thread does not change the state of an unread thread", () => {});
+        test.fixme("A threaded receipt for an unknown thread does not change the state of a read thread", () => {});
+        test.fixme("A threaded receipt for a message on main does not change the state of an unread room", () => {});
+        test.fixme("A threaded receipt for a message on main does not change the state of a read room", () => {});
+        test.fixme("A main receipt for a message on a thread does not change the state of an unread room", () => {});
+        test.fixme("A main receipt for a message on a thread does not change the state of a read room", () => {});
+        test.fixme("A threaded receipt for a thread root does not mark it as read", () => {});
+        // Harder: validate that we request the messages we are missing?
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/new-messages-in-threads.spec.ts b/apps/web/playwright/e2e/read-receipts/new-messages-in-threads.spec.ts
new file mode 100644
index 00000000000..2f3c153f201
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/new-messages-in-threads.spec.ts
@@ -0,0 +1,304 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { many, test } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+
+    test.describe("new messages", () => {
+        test.describe("in threads", () => {
+            test("Receiving a message makes a room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a message arrived and is read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1"]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.goTo(room1);
+
+                // When I receive a threaded message
+                await util.receiveMessages(room2, [msg.threadedOff("Msg1", "Resp1")]);
+
+                // Then the room stays read
+                await util.assertRead(room2);
+                // but the thread is unread
+                await util.goTo(room2);
+                await util.assertUnreadThread("Msg1");
+            });
+
+            test("Reading the last threaded message makes the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists and is not read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+
+                // When I read it
+                await util.openThread("Msg1");
+
+                // The thread becomes read
+                await util.assertReadThread("Msg1");
+            });
+
+            test("Reading a thread message makes the thread read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Msg1",
+                    msg.threadedOff("Msg1", "Resp1"),
+                    msg.threadedOff("Msg1", "Resp2"),
+                ]);
+                await util.assertUnread(room2, 1); // (Sanity)
+
+                // When I read the main timeline
+                await util.goTo(room2);
+
+                // Then room is read
+                await util.assertRead(room2);
+
+                // Reading the thread causes it to become read too
+                await util.openThread("Msg1");
+                await util.assertReadThread("Msg1");
+                await util.assertRead(room2);
+            });
+
+            test("Reading an older thread message leaves the thread unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given there are many messages in a thread
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "ThreadRoot",
+                    ...msg.manyThreadedOff("ThreadRoot", many("InThread", 20)),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.assertUnreadThread("ThreadRoot");
+                await util.goTo(room1);
+
+                // When I read an older message in the thread
+                await msg.jumpTo(room2, "InThread0000", true);
+
+                // Then the thread is still marked as unread
+                await util.backToThreadsList();
+                await util.assertUnreadThread("ThreadRoot");
+            });
+
+            test("Reading only one thread's message makes that thread read but not others", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given I have unread threads
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Msg1",
+                    "Msg2",
+                    msg.threadedOff("Msg1", "Resp1"),
+                    msg.threadedOff("Msg2", "Resp2"),
+                ]);
+                await util.assertUnread(room2, 2); // (Sanity)
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.assertUnreadThread("Msg1");
+                await util.assertUnreadThread("Msg2");
+
+                // When I read one of them
+                await util.openThread("Msg1");
+
+                // Then that one is read, but the other is not
+                await util.assertReadThread("Msg1");
+                await util.assertUnreadThread("Msg2");
+            });
+
+            test("Reading the main timeline does not mark a thread message as read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Msg1",
+                    msg.threadedOff("Msg1", "Resp1"),
+                    msg.threadedOff("Msg1", "Resp2"),
+                ]);
+                await util.assertUnread(room2, 1); // (Sanity)
+
+                // When I read the main timeline
+                await util.goTo(room2);
+                await util.assertRead(room2);
+
+                // Then thread does appear unread
+                await util.assertUnreadThread("Msg1");
+            });
+
+            test("Marking a room with unread threads as read makes it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given I have an unread thread
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Msg1",
+                    msg.threadedOff("Msg1", "Resp1"),
+                    msg.threadedOff("Msg1", "Resp2"),
+                ]);
+                await util.assertUnread(room2, 1); // (Sanity)
+
+                // When I mark the room as read
+                await util.markAsRead(room2);
+
+                // Then the room is read
+                await util.assertRead(room2);
+                // and so are the threads
+                await util.assertReadThread("Msg1");
+            });
+
+            test("Sending a new thread message after marking as read makes it unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Msg1",
+                    msg.threadedOff("Msg1", "Resp1"),
+                    msg.threadedOff("Msg1", "Resp2"),
+                ]);
+
+                // When I mark the room as read
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // Then another message appears in the thread
+                await util.receiveMessages(room2, [msg.threadedOff("Msg1", "Resp3")]);
+
+                // Then the thread becomes unread
+                await util.goTo(room2);
+                await util.assertUnreadThread("Msg1");
+            });
+
+            test("Sending a new different-thread message after marking as read makes it unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given 2 threads exist, and Thread2 has the latest message in it
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Thread1", "Thread2", msg.threadedOff("Thread1", "t1a")]);
+                // Make sure the message in Thread 1 has definitely arrived, so that we know for sure
+                // that the one in Thread 2 is the latest.
+
+                await util.receiveMessages(room2, [msg.threadedOff("Thread2", "t2a")]);
+
+                // When I mark the room as read (making an unthreaded receipt for t2a)
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // Then another message appears in the other thread
+                await util.receiveMessages(room2, [msg.threadedOff("Thread1", "t1b")]);
+
+                // Then the other thread becomes unread
+                await util.goTo(room2);
+                await util.assertUnreadThread("Thread1");
+            });
+
+            test("A room with a new threaded message is still unread after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Msg1",
+                    msg.threadedOff("Msg1", "Resp1"),
+                    msg.threadedOff("Msg1", "Resp2"),
+                ]);
+                await util.assertUnread(room2, 1); // (Sanity)
+
+                // When I read the main timeline
+                await util.goTo(room2);
+
+                // Then room appears read
+                await util.assertRead(room2);
+                /// but with an unread thread
+                await util.assertUnreadThread("Msg1");
+
+                await util.saveAndReload();
+                await util.assertRead(room2);
+                await util.goTo(room2);
+                await util.assertUnreadThread("Msg1");
+
+                // Opening the thread now marks it as read
+                await util.openThread("Msg1");
+                await util.assertReadThread("Msg1");
+            });
+
+            test("A room where all threaded messages are read is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given I have read all the threads
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Msg1",
+                    msg.threadedOff("Msg1", "Resp1"),
+                    msg.threadedOff("Msg1", "Resp2"),
+                ]);
+                await util.assertUnread(room2, 1); // (Sanity)
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.assertUnreadThread("Msg1");
+                await util.openThread("Msg1");
+                await util.assertReadThread("Msg1");
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then the room & thread still read
+                await util.assertRead(room2);
+                await util.goTo(room2);
+                await util.assertReadThread("Msg1");
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/new-messages-main-timeline.spec.ts b/apps/web/playwright/e2e/read-receipts/new-messages-main-timeline.spec.ts
new file mode 100644
index 00000000000..16c8132378a
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/new-messages-main-timeline.spec.ts
@@ -0,0 +1,163 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { many, test } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+
+    test.describe("new messages", () => {
+        test.describe("in the main timeline", () => {
+            test("Receiving a message makes a room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given I am in a different room
+                await util.goTo(room1);
+                await util.assertRead(room2);
+
+                // When I receive some messages
+                await util.receiveMessages(room2, ["Msg1"]);
+
+                // Then the room is marked as unread
+                await util.assertUnread(room2, 1);
+            });
+            test("Reading latest message makes the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given I have some unread messages
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1"]);
+                await util.assertUnread(room2, 1);
+
+                // When I read the main timeline
+                await util.goTo(room2);
+
+                // Then the room becomes read
+                await util.assertRead(room2);
+            });
+            test("Reading an older message leaves the room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given there are lots of messages in a room
+                await util.goTo(room1);
+                await util.receiveMessages(room2, many("Msg", 30));
+                await util.assertUnread(room2, 30);
+
+                // When I jump to one of the older messages
+                await msg.jumpTo(room2, "Msg0001");
+
+                // Then the room is still unread, but some messages were read
+                await util.assertUnreadLessThan(room2, 30);
+            });
+            test("Marking a room as read makes it read", async ({ roomAlpha: room1, roomBeta: room2, util, msg }) => {
+                // Given I have some unread messages
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1"]);
+                await util.assertUnread(room2, 1);
+
+                // When I mark the room as read
+                await util.markAsRead(room2);
+
+                // Then it is read
+                await util.assertRead(room2);
+            });
+            test("Receiving a new message after marking as read makes it unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given I have marked my messages as read
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1"]);
+                await util.assertUnread(room2, 1);
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // When I receive a new message
+                await util.receiveMessages(room2, ["Msg2"]);
+
+                // Then the room is unread
+                await util.assertUnread(room2, 1);
+            });
+            test("A room with a new message is still unread after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given I have an unread message
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1"]);
+                await util.assertUnread(room2, 1);
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then I still have an unread message
+                await util.assertUnread(room2, 1);
+            });
+            test("A room where all messages are read is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given I have read all messages
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1"]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.assertRead(room2);
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then all messages are still read
+                await util.assertRead(room2);
+            });
+            test("A room that was marked as read is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given I have marked all messages as read
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1"]);
+                await util.assertUnread(room2, 1);
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then all messages are still read
+                await util.assertRead(room2);
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/new-messages-thread-roots.spec.ts b/apps/web/playwright/e2e/read-receipts/new-messages-thread-roots.spec.ts
new file mode 100644
index 00000000000..fbb70776a8a
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/new-messages-thread-roots.spec.ts
@@ -0,0 +1,113 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { many, test } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+
+    test.describe("new messages", () => {
+        test.describe("thread roots", () => {
+            test("Reading a thread root does not mark the thread as read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+                await util.assertUnread(room2, 1); // (Sanity)
+
+                // When I read the main timeline
+                await util.goTo(room2);
+
+                // Then room doesn't appear unread but the thread does
+                await util.assertRead(room2);
+                await util.assertUnreadThread("Msg1");
+            });
+
+            test("Reading a thread root within the thread view marks it as read in the main timeline", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given lots of messages are on the main timeline, and one has a thread off it
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    ...many("beforeThread", 30),
+                    "ThreadRoot",
+                    msg.threadedOff("ThreadRoot", "InThread"),
+                    ...many("afterThread", 30),
+                ]);
+                await util.assertUnread(room2, 61); // Sanity
+
+                // When I jump to an old message and read the thread
+                await msg.jumpTo(room2, "beforeThread0000");
+                // When the thread is opened, the timeline is scrolled until the thread root reached the center
+                await util.openThread("ThreadRoot");
+
+                // Then the thread root is marked as read in the main timeline,
+                // 30 remaining messages are unread - 6 messages are displayed under the thread root
+                await util.assertUnread(room2, 30 - 6);
+            });
+
+            test("Creating a new thread based on a reply makes the room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a message and reply exist and are read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", msg.replyTo("Msg1", "Reply1")]);
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.goTo(room1);
+                await util.assertRead(room2);
+
+                // When I receive a thread message created on the reply
+                await util.receiveMessages(room2, [msg.threadedOff("Reply1", "Resp1")]);
+
+                // Then the thread is unread
+                await util.goTo(room2);
+                await util.assertUnreadThread("Reply1");
+            });
+
+            test("Reading a thread whose root is a reply makes the thread read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given an unread thread off a reply exists
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Msg1",
+                    msg.replyTo("Msg1", "Reply1"),
+                    msg.threadedOff("Reply1", "Resp1"),
+                ]);
+                await util.assertUnread(room2, 2);
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.assertUnreadThread("Reply1");
+
+                // When I read the thread
+                await util.openThread("Reply1");
+
+                // Then the room and thread are read
+                await util.assertRead(room2);
+                await util.assertReadThread("Reply1");
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/notifications.spec.ts b/apps/web/playwright/e2e/read-receipts/notifications.spec.ts
new file mode 100644
index 00000000000..7013d491419
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/notifications.spec.ts
@@ -0,0 +1,33 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { test } from ".";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.describe("Notifications", () => {
+        test.describe("in the main timeline", () => {
+            test.fixme("A new message that mentions me shows a notification", () => {});
+            test.fixme("Reading a notifying message reduces the notification count in the room list, space and tab", () => {});
+            test.fixme("Reading the last notifying message removes the notification marker from room list, space and tab", () => {});
+            test.fixme("Editing a message to mentions me shows a notification", () => {});
+            test.fixme("Reading the last notifying edited message removes the notification marker", () => {});
+            test.fixme("Redacting a notifying message removes the notification marker", () => {});
+        });
+
+        test.describe("in threads", () => {
+            test.fixme("A new threaded message that mentions me shows a notification", () => {});
+            test.fixme("Reading a notifying threaded message removes the notification count", () => {});
+            test.fixme("Notification count remains steady when reading threads that contain seen notifications", () => {});
+            test.fixme("Notification count remains steady when paging up thread view even when threads contain seen notifications", () => {});
+            test.fixme("Notification count remains steady when paging up thread view after mark as unread even if older threads contain notifications", () => {});
+            test.fixme("Redacting a notifying threaded message removes the notification marker", () => {});
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/reactions-in-threads.spec.ts b/apps/web/playwright/e2e/read-receipts/reactions-in-threads.spec.ts
new file mode 100644
index 00000000000..622e8e6021f
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/reactions-in-threads.spec.ts
@@ -0,0 +1,200 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { test, expect } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+
+    test.describe("reactions", () => {
+        test.describe("in threads", () => {
+            test("A reaction to a threaded message does not make the room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists and I have read it
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Reply1")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Msg1");
+                await util.assertRead(room2);
+                await util.assertReadThread("Msg1");
+                await util.goTo(room1);
+
+                // When someone reacts to a thread message
+                await util.receiveMessages(room2, [msg.reactionTo("Reply1", "🪿")]);
+
+                // Then the room remains read
+                await util.assertStillRead(room2);
+                await util.assertReadThread("Msg1");
+            });
+
+            test("Marking a room as read after a reaction in a thread makes it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists with a reaction
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, [
+                    "Msg1",
+                    msg.threadedOff("Msg1", "Reply1"),
+                    msg.reactionTo("Reply1", "🪿"),
+                ]);
+                await util.assertUnread(room2, 1);
+
+                // When I mark the room as read
+                await util.markAsRead(room2);
+
+                // Then it becomes read
+                await util.assertRead(room2);
+            });
+
+            test("Reacting to a thread message after marking as read does not make the room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists and I have marked it as read
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Reply1")]);
+                await util.assertUnread(room2, 1);
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // When someone reacts to a thread message
+                await util.receiveMessages(room2, [msg.reactionTo("Reply1", "🪿")]);
+
+                // Then the room remains read
+                await util.assertStillRead(room2);
+                // as does the thread
+                await util.assertReadThread("Msg1");
+            });
+
+            test("A room with a reaction to a threaded message is still unread after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists and I have read it
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Reply1")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Msg1");
+                await util.assertRead(room2);
+                await util.goTo(room1);
+
+                // And someone reacted to it, which doesn't make it read
+                await util.receiveMessages(room2, [msg.reactionTo("Reply1", "🪿")]);
+                await util.assertStillRead(room2);
+                await util.assertReadThread("Msg1");
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then the room is still read
+                await util.assertRead(room2);
+                await util.assertReadThread("Msg1");
+            });
+
+            test("A room where all reactions in threads are read is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given multiple threads with reactions exist and are read
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, [
+                    "Msg1",
+                    msg.threadedOff("Msg1", "Reply1a"),
+                    msg.reactionTo("Reply1a", "r"),
+                    "Msg2",
+                    msg.threadedOff("Msg1", "Reply1b"),
+                    msg.threadedOff("Msg2", "Reply2a"),
+                    msg.reactionTo("Msg1", "e"),
+                    msg.threadedOff("Msg2", "Reply2b"),
+                    msg.reactionTo("Reply2a", "a"),
+                    msg.reactionTo("Reply2b", "c"),
+                    msg.reactionTo("Reply1b", "t"),
+                ]);
+                await util.assertUnread(room2, 2);
+                await util.goTo(room2);
+                await util.openThread("Msg1");
+                await util.assertReadThread("Msg1");
+                await util.openThread("Msg2");
+                await util.assertReadThread("Msg2");
+                await util.assertRead(room2);
+                await util.goTo(room1);
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then the room is still read
+                await util.assertRead(room2);
+                await util.goTo(room2);
+                await util.assertReadThread("Msg1");
+                await util.assertReadThread("Msg2");
+            });
+
+            test("Can remove a reaction in a thread", async ({
+                page,
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Note: this is not strictly a read receipt test, but it checks
+                // for a bug we caused when we were fixing unreads, so it's
+                // included here. The bug is:
+                // https://github.com/vector-im/element-web/issues/26498
+
+                // Given a thread exists
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Reply1a")]);
+                await util.assertUnread(room2, 1);
+
+                // When I react to a thread message
+                await util.goTo(room2);
+                await util.openThread("Msg1");
+                await page.locator(".mx_ThreadPanel").getByText("Reply1a").hover();
+                await page.getByRole("button", { name: "React" }).click();
+                await page.getByLabel("Emoji Picker").getByRole("gridcell", { name: "😀" }).click();
+
+                // And cancel the reaction
+                await page.locator(".mx_ThreadPanel").getByLabel("Mae reacted with 😀").click();
+
+                // Then it disappears
+                await expect(page.locator(".mx_ThreadPanel").getByLabel("Mae reacted with 😀")).not.toBeVisible();
+
+                // And I can do it all again without an error
+                await page.locator(".mx_ThreadPanel").getByText("Reply1a").hover();
+                await page.getByRole("button", { name: "React" }).click();
+                await page.getByLabel("Emoji Picker").getByRole("gridcell", { name: "😀" }).first().click();
+                await page.locator(".mx_ThreadPanel").getByLabel("Mae reacted with 😀").click();
+                await expect(page.locator(".mx_ThreadPanel").getByLabel("Mae reacted with 😀")).not.toBeVisible();
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/reactions-main-timeline.spec.ts b/apps/web/playwright/e2e/read-receipts/reactions-main-timeline.spec.ts
new file mode 100644
index 00000000000..77ed8cd5823
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/reactions-main-timeline.spec.ts
@@ -0,0 +1,94 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { test } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+
+    test.describe("reactions", () => {
+        test.describe("in the main timeline", () => {
+            test("Receiving a reaction to a message does not make a room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+
+                // When I read the main timeline
+                await util.goTo(room2);
+                await util.assertRead(room2);
+
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [msg.reactionTo("Msg2", "🪿")]);
+                await util.assertRead(room2);
+            });
+            test("Reacting to a message after marking as read does not make the room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                await util.receiveMessages(room2, [msg.reactionTo("Msg2", "🪿")]);
+                await util.assertRead(room2);
+            });
+            test("A room with an unread reaction is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                await util.receiveMessages(room2, [msg.reactionTo("Msg2", "🪿")]);
+                await util.assertRead(room2);
+
+                await util.saveAndReload();
+                await util.assertRead(room2);
+            });
+            test("A room where all reactions are read is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1", "Msg2", msg.reactionTo("Msg2", "🪿")]);
+                await util.assertUnread(room2, 2);
+
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                await util.saveAndReload();
+                await util.assertRead(room2);
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/reactions-thread-roots.spec.ts b/apps/web/playwright/e2e/read-receipts/reactions-thread-roots.spec.ts
new file mode 100644
index 00000000000..a6d21cb34ed
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/reactions-thread-roots.spec.ts
@@ -0,0 +1,109 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { test } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+    test.describe("reactions", () => {
+        test.describe("thread roots", () => {
+            test("A reaction to a thread root does not make the room unread", async ({
+                page,
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a read thread root exists
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Reply1")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Msg1");
+                await util.assertRead(room2);
+                await util.assertReadThread("Msg1");
+
+                // When someone reacts to it
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [msg.reactionTo("Msg1", "🪿")]);
+                await page.waitForTimeout(200);
+
+                // Then the room is still read
+                await util.assertRead(room2);
+                // as is the thread
+                await util.assertReadThread("Msg1");
+            });
+
+            test("Reading a reaction to a thread root leaves the room read", async ({
+                page,
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a read thread root exists
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Reply1")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Msg1");
+                await util.assertRead(room2);
+
+                // And the reaction to it does not make us unread
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [msg.reactionTo("Msg1", "🪿")]);
+                await util.assertRead(room2);
+                await util.assertReadThread("Msg1");
+
+                // When we read the reaction and go away again
+                await util.goTo(room2);
+                await util.openThread("Msg1");
+                await util.assertRead(room2);
+                await util.goTo(room1);
+                await page.waitForTimeout(200);
+
+                // Then the room is still read
+                await util.assertRead(room2);
+                await util.assertReadThread("Msg1");
+            });
+
+            test("Reacting to a thread root after marking as read makes the room unread but not the thread", async ({
+                page,
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread root exists
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, ["Msg1", msg.threadedOff("Msg1", "Reply1")]);
+                await util.assertUnread(room2, 1);
+
+                // And we have marked the room as read
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+                await util.assertReadThread("Msg1");
+
+                // When someone reacts to it
+                await util.receiveMessages(room2, [msg.reactionTo("Msg1", "🪿")]);
+                await page.waitForTimeout(200);
+
+                // Then the room is still read
+                await util.assertRead(room2);
+                // as is the thread
+                await util.assertReadThread("Msg1");
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/read-receipts.spec.ts b/apps/web/playwright/e2e/read-receipts/read-receipts.spec.ts
new file mode 100644
index 00000000000..627eb1e3c7b
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/read-receipts.spec.ts
@@ -0,0 +1,336 @@
+/*
+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 { JSHandle } from "@playwright/test";
+import type { MatrixEvent, ISendEventResponse, ReceiptType, RelationType } from "matrix-js-sdk/src/matrix";
+import { expect } from "../../element-web-test";
+import { type ElementAppPage } from "../../pages/ElementAppPage";
+import { type Bot } from "../../pages/bot";
+import { test } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+    test.use({
+        displayName: "Mae",
+        botCreateOpts: { displayName: "Other User" },
+    });
+
+    const selectedRoomName = "Selected Room";
+    const otherRoomName = "Other Room";
+
+    let otherRoomId: string;
+    let selectedRoomId: string;
+
+    const sendMessage = async (bot: Bot, no = 1): Promise<ISendEventResponse> => {
+        return bot.sendMessage(otherRoomId, { body: `Message ${no}`, msgtype: "m.text" });
+    };
+
+    const botSendThreadMessage = (bot: Bot, threadId: string): Promise<ISendEventResponse> => {
+        return bot.sendEvent(otherRoomId, threadId, "m.room.message", { body: "Message", msgtype: "m.text" });
+    };
+
+    const fakeEventFromSent = (
+        app: ElementAppPage,
+        eventResponse: ISendEventResponse,
+        threadRootId: string | undefined,
+    ): Promise<JSHandle<MatrixEvent>> => {
+        return app.client.evaluateHandle(
+            (client, { otherRoomId, eventResponse, threadRootId }) => {
+                return {
+                    getRoomId: () => otherRoomId,
+                    getId: () => eventResponse.event_id,
+                    threadRootId,
+                    getTs: () => 1,
+                    isRelation: (relType: RelationType) => {
+                        return !relType || relType === "m.thread";
+                    },
+                } as any as MatrixEvent;
+            },
+            { otherRoomId, eventResponse, threadRootId },
+        );
+    };
+
+    /**
+     * Send a threaded receipt marking the message referred to in
+     * eventResponse as read. If threadRootEventResponse is supplied, the
+     * receipt will have its event_id as the thread root ID for the receipt.
+     */
+    const sendThreadedReadReceipt = async (
+        app: ElementAppPage,
+        eventResponse: ISendEventResponse,
+        threadRootEventResponse?: ISendEventResponse,
+    ) => {
+        await app.client.sendReadReceipt(
+            await fakeEventFromSent(app, eventResponse, threadRootEventResponse?.event_id),
+        );
+    };
+
+    /**
+     * Send an unthreaded receipt marking the message referred to in
+     * eventResponse as read.
+     */
+    const sendUnthreadedReadReceipt = async (app: ElementAppPage, eventResponse: ISendEventResponse) => {
+        await app.client.sendReadReceipt(
+            await fakeEventFromSent(app, eventResponse, undefined),
+            "m.read" as any as ReceiptType,
+            true,
+        );
+    };
+
+    test.beforeEach(async ({ page, app, user, bot }) => {
+        /*
+         * Create 2 rooms:
+         *
+         * - Selected room - this one is clicked in the UI
+         * - Other room - this one contains the bot, which will send events so
+         *                we can check its unread state.
+         */
+        selectedRoomId = await app.client.createRoom({ name: selectedRoomName });
+        // Invite the bot to Other room
+        otherRoomId = await app.client.createRoom({ name: otherRoomName, invite: [bot.credentials!.userId] });
+
+        await page.goto(`/#/room/${otherRoomId}`);
+        await expect(page.getByText(`${bot.credentials!.displayName} joined the room`)).toBeVisible();
+
+        // Then go into Selected room
+        await page.goto(`/#/room/${selectedRoomId}`);
+    });
+
+    test("With sync accumulator, considers main thread and unthreaded receipts #24629", async ({ page, app, bot }) => {
+        // Details are in https://github.com/vector-im/element-web/issues/24629
+        // This proves we've fixed one of the "stuck unreads" issues.
+
+        // Given we sent 3 events on the main thread
+        await sendMessage(bot);
+        const main2 = await sendMessage(bot);
+        const main3 = await sendMessage(bot);
+
+        // (So the room starts off unread)
+        await expect(page.getByLabel(`${otherRoomName} with 3 unread messages.`)).toBeVisible();
+
+        // When we send a threaded receipt for the last event in main
+        // And an unthreaded receipt for an earlier event
+        await sendThreadedReadReceipt(app, main3);
+        await sendUnthreadedReadReceipt(app, main2);
+
+        // (So the room has no unreads)
+        await expect(page.getByLabel(otherRoomName)).toBeVisible();
+
+        // And we persuade the app to persist its state to indexeddb by reloading and waiting
+        await page.reload();
+        await expect(page.getByLabel(selectedRoomName)).toBeVisible();
+
+        // And we reload again, fetching the persisted state FROM indexeddb
+        await page.reload();
+
+        // Then the room is read, because the persisted state correctly remembers both
+        // receipts. (In #24629, the unthreaded receipt overwrote the main thread one,
+        // meaning that the room still said it had unread messages.)
+        await expect(page.getByLabel(otherRoomName)).toBeVisible();
+        await expect(page.getByLabel(`${otherRoomName} Unread messages.`)).not.toBeVisible();
+    });
+
+    test("Recognises unread messages on main thread after receiving a receipt for earlier ones", async ({
+        page,
+        app,
+        bot,
+    }) => {
+        // Given we sent 3 events on the main thread
+        await sendMessage(bot);
+        const main2 = await sendMessage(bot);
+        await sendMessage(bot);
+
+        // (The room starts off unread)
+        await expect(page.getByLabel(`${otherRoomName} with 3 unread messages.`)).toBeVisible();
+
+        // When we send a threaded receipt for the second-last event in main
+        await sendThreadedReadReceipt(app, main2);
+
+        // Then the room has only one unread
+        await expect(page.getByLabel(`${otherRoomName} with 1 unread message.`)).toBeVisible();
+    });
+
+    test("Considers room read if there is only a main thread and we have a main receipt", async ({
+        page,
+        app,
+        bot,
+    }) => {
+        // Given we sent 3 events on the main thread
+        await sendMessage(bot);
+        await sendMessage(bot);
+        const main3 = await sendMessage(bot);
+        // (The room starts off unread)
+        await expect(page.getByLabel(`${otherRoomName} with 3 unread messages.`)).toBeVisible();
+
+        // When we send a threaded receipt for the last event in main
+        await sendThreadedReadReceipt(app, main3);
+
+        // Then the room has no unreads
+        await expect(page.getByLabel(otherRoomName)).toBeVisible();
+    });
+
+    test("Recognises unread messages on other thread after receiving a receipt for earlier ones", async ({
+        page,
+        app,
+        bot,
+        util,
+    }) => {
+        // Given we sent 3 events on the main thread
+        const main1 = await sendMessage(bot);
+        const thread1a = await botSendThreadMessage(bot, main1.event_id);
+        await botSendThreadMessage(bot, main1.event_id);
+        // 1 unread on the main thread, 2 in the new thread that aren't shown
+        await expect(page.getByLabel(`${otherRoomName} with 1 unread message.`)).toBeVisible();
+
+        // When we send receipts for main, and the second-last in the thread
+        await sendThreadedReadReceipt(app, main1);
+        await sendThreadedReadReceipt(app, thread1a, main1);
+
+        // Then the room has only one unread - the one in the thread
+        await util.goTo({ name: otherRoomName, roomId: otherRoomId });
+        await util.assertUnreadThread("Message 1");
+    });
+
+    test("Considers room read if there are receipts for main and other thread", async ({ page, app, bot, util }) => {
+        // Given we sent 3 events on the main thread
+        const main1 = await sendMessage(bot);
+        await botSendThreadMessage(bot, main1.event_id);
+        const thread1b = await botSendThreadMessage(bot, main1.event_id);
+        // 1 unread on the main thread, 2 in the new thread which don't show
+        await expect(page.getByLabel(`${otherRoomName} with 1 unread message.`)).toBeVisible();
+
+        // When we send receipts for main, and the last in the thread
+        await sendThreadedReadReceipt(app, main1);
+        await sendThreadedReadReceipt(app, thread1b, main1);
+
+        // Then the room has no unreads
+        await expect(page.getByLabel(otherRoomName)).toBeVisible();
+        await util.goTo({ name: otherRoomName, roomId: otherRoomId });
+        await util.assertReadThread("Message 1");
+    });
+
+    test("Recognises unread messages on a thread after receiving a unthreaded receipt for earlier ones", async ({
+        page,
+        app,
+        bot,
+        util,
+    }) => {
+        // Given we sent 3 events on the main thread
+        const main1 = await sendMessage(bot);
+        const thread1a = await botSendThreadMessage(bot, main1.event_id);
+        await botSendThreadMessage(bot, main1.event_id);
+        // 1 unread on the main thread, 2 in the new thread which don't count
+        await expect(page.getByLabel(`${otherRoomName} with 1 unread message.`)).toBeVisible();
+
+        // When we send an unthreaded receipt for the second-last in the thread
+        await sendUnthreadedReadReceipt(app, thread1a);
+
+        // Then the room has only one unread - the one in the
+        // thread. The one in main is read because the unthreaded
+        // receipt is for a later event. The room should therefore be
+        // read, and the thread unread.
+        await expect(page.getByLabel(otherRoomName)).toBeVisible();
+        await util.goTo({ name: otherRoomName, roomId: otherRoomId });
+        await util.assertUnreadThread("Message 1");
+    });
+
+    test("Recognises unread messages on main after receiving a unthreaded receipt for a thread message", async ({
+        page,
+        app,
+        bot,
+    }) => {
+        // Given we sent 3 events on the main thread
+        const main1 = await sendMessage(bot);
+        await botSendThreadMessage(bot, main1.event_id);
+        const thread1b = await botSendThreadMessage(bot, main1.event_id);
+        await sendMessage(bot);
+        // 2 unreads on the main thread, 2 in the new thread which don't count
+        await expect(page.getByLabel(`${otherRoomName} with 2 unread messages.`)).toBeVisible();
+
+        // When we send an unthreaded receipt for the last in the thread
+        await sendUnthreadedReadReceipt(app, thread1b);
+
+        // Then the room has only one unread - the one in the
+        // main thread, because it is later than the unthreaded
+        // receipt.
+        await expect(page.getByLabel(`${otherRoomName} with 1 unread message.`)).toBeVisible();
+    });
+
+    /**
+     * The idea of this test is to intercept the receipt / read read_markers requests and
+     * assert that the correct ones are sent.
+     * Prose playbook:
+     * - Another user sends enough messages that the timeline becomes scrollable
+     * - The current user looks at the room and jumps directly to the first unread message
+     * - At this point, a receipt for the last message in the room and
+     *   a fully read marker for the last visible message are expected to be sent
+     * - Then the user jumps to the end of the timeline
+     * - A fully read marker for the last message in the room is expected to be sent
+     */
+    test("Should send the correct receipts", async ({ page, bot }) => {
+        const uriEncodedOtherRoomId = encodeURIComponent(otherRoomId);
+
+        const receiptRequestPromise = page.waitForRequest(
+            new RegExp(`http://localhost:\\d+/_matrix/client/v3/rooms/${uriEncodedOtherRoomId}/receipt/m\\.read/.+`),
+        );
+
+        const numberOfMessages = 20;
+        const sendMessageResponses: ISendEventResponse[] = [];
+
+        for (let i = 1; i <= numberOfMessages; i++) {
+            sendMessageResponses.push(await sendMessage(bot, i));
+        }
+
+        const lastMessageId = sendMessageResponses.at(-1)!.event_id;
+        const uriEncodedLastMessageId = encodeURIComponent(lastMessageId);
+
+        // wait until all messages have been received
+        await expect(
+            page.getByLabel(`${otherRoomName} with ${sendMessageResponses.length} unread messages.`),
+        ).toBeVisible();
+
+        // switch to the room with the messages
+        await page.goto(`/#/room/${otherRoomId}`);
+
+        const receiptRequest = await receiptRequestPromise;
+        // assert the read receipt for the last message in the room
+        expect(receiptRequest.url()).toContain(uriEncodedLastMessageId);
+        expect(receiptRequest.postDataJSON()).toEqual({
+            thread_id: "main",
+        });
+
+        // the following code tests the fully read marker somewhere in the middle of the room
+        const readMarkersRequestPromise = page.waitForRequest(
+            new RegExp(`http://localhost:\\d+/_matrix/client/v3/rooms/${uriEncodedOtherRoomId}/read_markers`),
+        );
+
+        await page.getByRole("button", { name: "Jump to first unread message." }).click();
+
+        const readMarkersRequest = await readMarkersRequestPromise;
+        // since this is not pixel perfect,
+        // the fully read marker should be +/- 1 around the last visible message
+        expect([
+            sendMessageResponses[11].event_id,
+            sendMessageResponses[12].event_id,
+            sendMessageResponses[13].event_id,
+        ]).toContain(readMarkersRequest.postDataJSON()["m.fully_read"]);
+
+        // the following code tests the fully read marker at the bottom of the room
+        const readMarkersRequestPromise2 = page.waitForRequest(
+            new RegExp(`http://localhost:\\d+/_matrix/client/v3/rooms/${uriEncodedOtherRoomId}/read_markers`),
+        );
+
+        await page.getByRole("button", { name: "Scroll to most recent messages" }).click();
+
+        const readMarkersRequest2 = await readMarkersRequestPromise2;
+        expect(readMarkersRequest2.postDataJSON()).toEqual({
+            ["m.fully_read"]: sendMessageResponses.at(-1)!.event_id,
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/readme.md b/apps/web/playwright/e2e/read-receipts/readme.md
new file mode 100644
index 00000000000..33bcfeb93d7
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/readme.md
@@ -0,0 +1,20 @@
+# High Level Read Receipt Tests
+
+Tips for writing these tests:
+
+- Break up your tests into the smallest test case possible. The purpose of
+  these tests is to understand hard-to-find bugs, so small tests are necessary.
+  We know that Playwright recommends combining tests together for performance, but
+  that will frustrate our goals here. (We will need to find a different way to
+  reduce CI time.)
+
+- Try to assert something after every action, to make sure it has completed.
+  E.g.:
+  markAsRead(room2);
+  assertRead(room2);
+  You should especially follow this rule if you are jumping to a different
+  room or similar straight afterward.
+
+- Use assertStillRead() if you are asserting something is read when it was
+  also read before. This waits a little while to make sure you're not getting a
+  false positive.
diff --git a/apps/web/playwright/e2e/read-receipts/redactions-in-threads.spec.ts b/apps/web/playwright/e2e/read-receipts/redactions-in-threads.spec.ts
new file mode 100644
index 00000000000..4e8b6bef5a3
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/redactions-in-threads.spec.ts
@@ -0,0 +1,557 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { test } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+
+    test.describe("redactions", () => {
+        test.describe("in threads", () => {
+            test("Redacting the threaded message pointed to by my receipt leaves the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given I have some threads
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root1",
+                    msg.threadedOff("Root1", "ThreadMsg1"),
+                    msg.threadedOff("Root1", "ThreadMsg2"),
+                    "Root2",
+                    msg.threadedOff("Root2", "Root2->A"),
+                ]);
+                await util.assertUnread(room2, 2);
+
+                await util.goTo(room2);
+                await util.assertUnreadThread("Root1");
+                await util.assertUnreadThread("Root2");
+
+                // And I have read them
+                await util.assertUnreadThread("Root1");
+                await util.openThread("Root1");
+                await util.assertRead(room2);
+                await util.backToThreadsList();
+                await util.assertReadThread("Root1");
+
+                await util.openThread("Root2");
+                await util.assertReadThread("Root2");
+                await util.closeThreadsPanel();
+                await util.goTo(room1);
+
+                // When the latest message in a thread is redacted
+                await util.receiveMessages(room2, [msg.redactionOf("ThreadMsg2")]);
+
+                // Then the room and thread are still read
+                await util.assertStillRead(room2);
+                await util.goTo(room2);
+                await util.assertReadThread("Root1");
+            });
+
+            test("Reading an unread thread after a redaction of the latest message makes it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given an unread thread where the latest message was redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "ThreadMsg1"),
+                    msg.threadedOff("Root", "ThreadMsg2"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.receiveMessages(room2, [msg.redactionOf("ThreadMsg2")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.assertUnreadThread("Root");
+
+                // When I read the thread
+                await util.openThread("Root");
+                await util.assertRead(room2);
+                await util.closeThreadsPanel();
+                await util.goTo(room1);
+
+                // Then the thread is read
+                await util.assertRead(room2);
+                await util.goTo(room2);
+                await util.assertReadThread("Root");
+            });
+
+            test("Reading an unread thread after a redaction of the latest message makes it read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a redacted message is not counted in the unread count
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "ThreadMsg1"),
+                    msg.threadedOff("Root", "ThreadMsg2"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.receiveMessages(room2, [msg.redactionOf("ThreadMsg2")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.assertUnreadThread("Root");
+                await util.openThread("Root");
+                await util.assertRead(room2);
+                await util.closeThreadsPanel();
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.goTo(room2);
+                await util.assertReadThread("Root");
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then the room and thread are still read
+                await util.assertRead(room2);
+                await util.openThreadList();
+                await util.assertReadThread("Root");
+            });
+
+            test("Reading an unread thread after a redaction of an older message makes it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given an unread thread where an older message was redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "ThreadMsg1"),
+                    msg.threadedOff("Root", "ThreadMsg2"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.receiveMessages(room2, [msg.redactionOf("ThreadMsg1")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.assertUnreadThread("Root");
+
+                // When I read the thread
+                await util.openThread("Root");
+                await util.assertRead(room2);
+                await util.closeThreadsPanel();
+                await util.goTo(room1);
+
+                // Then the thread is read
+                await util.assertRead(room2);
+                await util.goTo(room2);
+                await util.assertReadThread("Root");
+            });
+
+            test("Marking an unread thread as read after a redaction makes it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given an unread thread where an older message was redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "ThreadMsg1"),
+                    msg.threadedOff("Root", "ThreadMsg2"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.receiveMessages(room2, [msg.redactionOf("ThreadMsg1")]);
+                await util.assertUnread(room2, 1);
+
+                // When I mark the room as read
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // Then the thread is read
+                await util.assertRead(room2);
+                await util.goTo(room2);
+                await util.assertReadThread("Root");
+            });
+
+            test("Sending and redacting a message after marking the thread as read leaves it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists and is marked as read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "ThreadMsg1"),
+                    msg.threadedOff("Root", "ThreadMsg2"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // When I send and redact a message
+                await util.receiveMessages(room2, [msg.threadedOff("Root", "Msg3")]);
+                await util.goTo(room2);
+                await util.openThreadList();
+                await util.assertUnreadThread("Root");
+                await util.receiveMessages(room2, [msg.redactionOf("Msg3")]);
+
+                // Then the room and thread are read
+                await util.goTo(room2);
+                await util.assertReadThread("Root");
+            });
+
+            test("Redacting a message after marking the thread as read leaves it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists and is marked as read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "ThreadMsg1"),
+                    msg.threadedOff("Root", "ThreadMsg2"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // When I redact a message
+                await util.receiveMessages(room2, [msg.redactionOf("ThreadMsg1")]);
+
+                // Then the room and thread are read
+                await util.assertRead(room2);
+                await util.goTo(room2);
+                await util.assertReadThread("Root");
+            });
+
+            test("Reacting to a redacted message leaves the thread read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a message in a thread was redacted and everything is read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.openThread("Root");
+                await util.assertRead(room2);
+                await util.backToThreadsList();
+                await util.assertReadThread("Root");
+                await util.goTo(room1);
+
+                // When we receive a reaction to the redacted event
+                await util.receiveMessages(room2, [msg.reactionTo("Msg2", "z")]);
+
+                // Then the room is read
+                await util.assertStillRead(room2);
+                await util.goTo(room2);
+                await util.openThreadList();
+                await util.assertReadThread("Root");
+            });
+
+            test("Editing a redacted message leaves the thread read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a message in a thread was redacted and everything is read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.openThreadList();
+                await util.assertUnreadThread("Root");
+                await util.openThread("Root");
+                await util.assertReadThread("Root");
+                await util.goTo(room1);
+
+                // When we receive an edit of the redacted message
+                await util.receiveMessages(room2, [msg.editOf("Msg2", "New Msg2")]);
+
+                // Then the room is unread
+                await util.assertStillRead(room2);
+                // and so is the thread
+                await util.goTo(room2);
+                await util.openThreadList();
+                await util.assertReadThread("Root");
+            });
+
+            test("Reading a thread after a reaction to a redacted message marks the thread as read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a redacted message in a thread exists, but someone reacted to it before it was redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                    msg.reactionTo("Msg3", "x"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg3")]);
+                await util.assertUnread(room2, 1);
+
+                // When we read the thread
+                await util.goTo(room2);
+                await util.openThread("Root");
+
+                // Then the thread (and room) are read
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+            });
+
+            test("Reading a thread containing a redacted, edited message marks the thread as read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a redacted message in a thread exists, but someone edited it before it was redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                    msg.editOf("Msg3", "Msg3 Edited"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg3")]);
+
+                // When we read the thread
+                await util.goTo(room2);
+                await util.openThread("Root");
+
+                // Then the thread (and room) are read
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+            });
+
+            test("Reading a reply to a redacted message marks the thread as read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a redacted message in a thread exists, but someone replied before it was redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                    msg.replyTo("Msg3", "Msg3Reply"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg3")]);
+
+                // When we read the thread, creating a receipt that points at the edit
+                await util.goTo(room2);
+                await util.openThread("Root");
+
+                // Then the thread (and room) are read
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+            });
+
+            test("Reading a thread root when its only message has been redacted leaves the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given we had a thread
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Root", msg.threadedOff("Root", "Msg2")]);
+                await util.assertUnread(room2, 1);
+
+                // And then redacted the message that makes it a thread
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+                await util.assertUnread(room2, 1);
+
+                // When we read the main timeline
+                await util.goTo(room2);
+
+                // Then the room is read
+                await util.assertRead(room2);
+                // and that thread is read
+                await util.openThreadList();
+                await util.assertReadThread("Root");
+            });
+
+            test("A thread with a redacted unread is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given I sent and redacted a message in an otherwise-read thread
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "ThreadMsg1"),
+                    msg.threadedOff("Root", "ThreadMsg2"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Root");
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+                await util.receiveMessages(room2, [msg.threadedOff("Root", "Msg3")]);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg3")]);
+                await util.assertRead(room2);
+                await util.goTo(room2);
+                await util.assertReadThread("Root");
+                await util.goTo(room1);
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then the room and thread are still read
+                await util.assertRead(room2);
+                await util.goTo(room2);
+                await util.assertReadThread("Root");
+            });
+
+            /*
+             * Disabled: this doesn't seem to work as, at some point after syncing from cache, the redaction and redacted
+             * event get removed from the thread timeline such that we have no record of the events that the read receipt
+             * points to. I suspect this may have been passing by fluke before.
+             */
+            test.skip("A thread with a read redaction is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given my receipt points at a redacted thread message
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root1",
+                    msg.threadedOff("Root1", "ThreadMsg1"),
+                    msg.threadedOff("Root1", "ThreadMsg2"),
+                    "Root2",
+                    msg.threadedOff("Root2", "Root2->A"),
+                ]);
+                await util.assertUnread(room2, 2);
+                await util.goTo(room2);
+                await util.assertUnreadThread("Root1");
+                await util.openThread("Root1");
+                await util.assertRead(room2);
+                await util.openThread("Root2");
+                await util.assertRead(room2);
+                await util.closeThreadsPanel();
+                await util.goTo(room1);
+                await util.assertRead(room2);
+                await util.receiveMessages(room2, [msg.redactionOf("ThreadMsg2")]);
+                await util.assertStillRead(room2);
+                await util.goTo(room2);
+                await util.assertReadThread("Root1");
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then the room is still read
+                await util.assertRead(room2);
+                // and so is the thread
+                await util.openThreadList();
+                await util.assertReadThread("Root1");
+                await util.assertReadThread("Root2");
+            });
+
+            test("A thread with an unread reply to a redacted message is still unread after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a redacted message in a thread exists, but someone replied before it was redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                    msg.replyTo("Msg3", "Msg3Reply"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg3")]);
+
+                // And we have read all this
+                await util.goTo(room2);
+                await util.openThread("Root");
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then the room is still read
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+            });
+
+            test("A thread with a read reply to a redacted message is still read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a redacted message in a thread exists, but someone replied before it was redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                    msg.replyTo("Msg3", "Msg3Reply"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg3")]);
+
+                // And I read it, so the room is read
+                await util.goTo(room2);
+                await util.openThread("Root");
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then the room is still read
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/redactions-main-timeline.spec.ts b/apps/web/playwright/e2e/read-receipts/redactions-main-timeline.spec.ts
new file mode 100644
index 00000000000..203cbb997f8
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/redactions-main-timeline.spec.ts
@@ -0,0 +1,326 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { test } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+
+    test.describe("redactions", () => {
+        test.describe("in the main timeline", () => {
+            test("Redacting the message pointed to by my receipt leaves the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given I have read the messages in a room
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.goTo(room1);
+
+                // When the latest message is redacted
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+
+                // Then the room remains read
+                await util.assertStillRead(room2);
+            });
+
+            test("Reading an unread room after a redaction of the latest message makes it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given an unread room
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+
+                // And the latest message has been redacted
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+
+                // When I read the room
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.goTo(room1);
+
+                // Then it becomes read
+                await util.assertStillRead(room2);
+            });
+            test("Reading an unread room after a redaction of an older message makes it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given an unread room with an earlier redaction
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg1")]);
+
+                // When I read the room
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.goTo(room1);
+
+                // Then it becomes read
+                await util.assertStillRead(room2);
+            });
+            test("Marking an unread room as read after a redaction makes it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given an unread room where latest message is redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+                await util.assertUnread(room2, 1);
+
+                // When I mark it as read
+                await util.markAsRead(room2);
+
+                // Then it becomes read
+                await util.assertRead(room2);
+            });
+            test("Sending and redacting a message after marking the room as read makes it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a room that is marked as read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // When a message is sent and then redacted
+                await util.receiveMessages(room2, ["Msg3"]);
+                await util.assertUnread(room2, 1);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg3")]);
+
+                // Then the room is read
+                await util.assertRead(room2);
+            });
+            test("Redacting a message after marking the room as read leaves it read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a room that is marked as read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2", "Msg3"]);
+                await util.assertUnread(room2, 3);
+                await util.markAsRead(room2);
+                await util.assertRead(room2);
+
+                // When we redact some messages
+                await util.receiveMessages(room2, [msg.redactionOf("Msg3")]);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg1")]);
+
+                // Then it is still read
+                await util.assertStillRead(room2);
+            });
+            test("Redacting one of the unread messages reduces the unread count", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given an unread room
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2", "Msg3"]);
+                await util.assertUnread(room2, 3);
+
+                // When I redact a non-latest message
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+
+                // Then the unread count goes down
+                await util.assertUnread(room2, 2);
+
+                // And when I redact the latest message
+                await util.receiveMessages(room2, [msg.redactionOf("Msg3")]);
+
+                // Then the unread count goes down again
+                await util.assertUnread(room2, 1);
+            });
+            test("Redacting one of the unread messages reduces the unread count after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given unread count was reduced by redacting messages
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2", "Msg3"]);
+                await util.assertUnread(room2, 3);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+                await util.assertUnread(room2, 2);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg3")]);
+                await util.assertUnread(room2, 1);
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then the unread count is still reduced
+                await util.assertUnread(room2, 1);
+            });
+            test("Redacting all unread messages makes the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given an unread room
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+
+                // When I redact all the unread messages
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg1")]);
+
+                // Then the room is back to being read
+                await util.assertRead(room2);
+            });
+            test("Redacting all unread messages makes the room read after restart", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given all unread messages were redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg1")]);
+                await util.assertRead(room2);
+
+                // When I restart
+                await util.saveAndReload();
+
+                // Then the room is still read
+                await util.assertRead(room2);
+            });
+            test("Reacting to a redacted message leaves the room read", async ({
+                page,
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a redacted message exists
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+                await util.assertUnread(room2, 1);
+
+                // And the room is read
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await page.waitForTimeout(200);
+                await util.goTo(room1);
+
+                // When I react to the redacted message
+                await util.receiveMessages(room2, [msg.reactionTo("Msg2", "🪿")]);
+
+                // Then the room is still read
+                await util.assertStillRead(room2);
+            });
+            test("Editing a redacted message leaves the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a redacted message exists
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+                await util.assertUnread(room2, 1);
+
+                // And the room is read
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.goTo(room1);
+
+                // When I attempt to edit the redacted message
+                await util.receiveMessages(room2, [msg.editOf("Msg2", "Msg2 is BACK")]);
+
+                // Then the room is still read
+                await util.assertStillRead(room2);
+            });
+            test("A reply to a redacted message makes the room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a message was redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+                await util.assertUnread(room2, 1);
+
+                // And the room is read
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.goTo(room1);
+
+                // When I receive a reply to the redacted message
+                await util.receiveMessages(room2, [msg.replyTo("Msg2", "Reply to Msg2")]);
+
+                // Then the room is unread
+                await util.assertUnread(room2, 1);
+            });
+            test("Reading a reply to a redacted message marks the room as read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given someone replied to a redacted message
+                await util.goTo(room1);
+                await util.receiveMessages(room2, ["Msg1", "Msg2"]);
+                await util.assertUnread(room2, 2);
+                await util.receiveMessages(room2, [msg.redactionOf("Msg2")]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [msg.replyTo("Msg2", "Reply to Msg2")]);
+                await util.assertUnread(room2, 1);
+
+                // When I read the reply
+                await util.goTo(room2);
+                await util.assertRead(room2);
+
+                // Then the room is unread
+                await util.goTo(room1);
+                await util.assertStillRead(room2);
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/redactions-thread-roots.spec.ts b/apps/web/playwright/e2e/read-receipts/redactions-thread-roots.spec.ts
new file mode 100644
index 00000000000..108e61df34e
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/redactions-thread-roots.spec.ts
@@ -0,0 +1,227 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { test } from ".";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+
+    test.describe("redactions", () => {
+        test.describe("thread roots", () => {
+            test("Redacting a thread root after it was read leaves the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                test.slow();
+
+                // Given a thread exists and is read
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Root");
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+
+                // When someone redacts the thread root
+                await util.receiveMessages(room2, [msg.redactionOf("Root")]);
+
+                // Then the room is still read
+                await util.assertStillRead(room2);
+            });
+
+            /*
+             * Disabled for the same reason as "A thread with a read redaction is still read after restart"
+             * above
+             */
+            test.skip("Redacting a thread root still allows us to read the thread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given an unread thread exists
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                ]);
+                await util.assertUnread(room2, 1);
+
+                // When someone redacts the thread root
+                await util.receiveMessages(room2, [msg.redactionOf("Root")]);
+
+                // Then the room is still unread
+                await util.assertUnread(room2, 1);
+
+                // And I can open the thread and read it
+                await util.goTo(room2);
+                await util.assertRead(room2);
+                // The redacted message gets collapsed into, "foo was invited, joined and removed a message"
+                await util.openCollapsedMessage(1);
+                await util.openThread("Message deleted");
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+            });
+
+            test("Sending a threaded message onto a redacted thread root leaves the room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists, is read and its root is redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Root");
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+                await util.receiveMessages(room2, [msg.redactionOf("Root")]);
+
+                // When we receive a new message on it
+                await util.receiveMessages(room2, [msg.threadedOff("Root", "Msg4")]);
+
+                // Then the room is read but the thread is unread
+                await util.assertRead(room2);
+                await util.goTo(room2);
+                await util.assertUnreadThread("Message deleted");
+            });
+
+            test("Reacting to a redacted thread root leaves the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists, is read and the root was redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Root");
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+                await util.receiveMessages(room2, [msg.redactionOf("Root")]);
+
+                // When I react to the old root
+                await util.receiveMessages(room2, [msg.reactionTo("Root", "y")]);
+
+                // Then the room is still read
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+            });
+
+            test("Editing a redacted thread root leaves the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists, is read and the root was redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Root");
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+                await util.receiveMessages(room2, [msg.redactionOf("Root")]);
+
+                // When I edit the old root
+                await util.receiveMessages(room2, [msg.editOf("Root", "New Root")]);
+
+                // Then the room is still read
+                await util.assertRead(room2);
+                // as is the thread
+                await util.assertReadThread("Root");
+            });
+
+            test("Replying to a redacted thread root makes the room unread", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists, is read and the root was redacted
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Root");
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+                await util.receiveMessages(room2, [msg.redactionOf("Root")]);
+
+                // When I reply to the old root
+                await util.receiveMessages(room2, [msg.replyTo("Root", "Reply!")]);
+
+                // Then the room is unread
+                await util.assertUnread(room2, 1);
+            });
+
+            test("Reading a reply to a redacted thread root makes the room read", async ({
+                roomAlpha: room1,
+                roomBeta: room2,
+                util,
+                msg,
+            }) => {
+                // Given a thread exists, is read and the root was redacted, and
+                // someone replied to it
+                await util.goTo(room1);
+                await util.receiveMessages(room2, [
+                    "Root",
+                    msg.threadedOff("Root", "Msg2"),
+                    msg.threadedOff("Root", "Msg3"),
+                ]);
+                await util.assertUnread(room2, 1);
+                await util.goTo(room2);
+                await util.openThread("Root");
+                await util.assertRead(room2);
+                await util.assertReadThread("Root");
+                await util.receiveMessages(room2, [msg.redactionOf("Root")]);
+                await util.assertStillRead(room2);
+                await util.receiveMessages(room2, [msg.replyTo("Root", "Reply!")]);
+                await util.assertUnread(room2, 1);
+
+                // When I read the room
+                await util.goTo(room2);
+
+                // Then it becomes read
+                await util.assertRead(room2);
+            });
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/read-receipts/room-list-order.spec.ts b/apps/web/playwright/e2e/read-receipts/room-list-order.spec.ts
new file mode 100644
index 00000000000..fdfd64083fe
--- /dev/null
+++ b/apps/web/playwright/e2e/read-receipts/room-list-order.spec.ts
@@ -0,0 +1,75 @@
+/*
+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.
+*/
+
+/* See readme.md for tips on writing these tests. */
+
+import { test } from ".";
+
+test.describe("Read receipts", { tag: "@mergequeue" }, () => {
+    test.describe("Room list order", () => {
+        test("Rooms with unread messages appear at the top of room list with default 'activity' ordering", async ({
+            roomAlpha: room1,
+            roomBeta: room2,
+            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 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, room3]);
+        });
+
+        test("Rooms with unread threads appear at the top of room list with default 'activity' order", async ({
+            roomAlpha: room1,
+            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 (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, room3]);
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/register/email.spec.ts b/apps/web/playwright/e2e/register/email.spec.ts
new file mode 100644
index 00000000000..a629266954d
--- /dev/null
+++ b/apps/web/playwright/e2e/register/email.spec.ts
@@ -0,0 +1,64 @@
+/*
+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 { test, expect } from "../../element-web-test";
+import { emailHomeserver } from "../../plugins/homeserver/synapse/emailHomeserver.ts";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.use(emailHomeserver);
+test.use({
+    config: ({ config }, use) =>
+        use({
+            ...config,
+            default_server_config: {
+                ...config.default_server_config,
+                "m.identity_server": {
+                    base_url: "https://server.invalid",
+                },
+            },
+        }),
+});
+
+test.describe("Email Registration", async () => {
+    test.skip(isDendrite, "not yet wired up");
+
+    test.beforeEach(async ({ homeserver, page }) => {
+        await page.goto("/#/register");
+    });
+
+    test(
+        "registers an account and lands on the home page",
+        { tag: "@screenshot" },
+        async ({ page, mailpitClient, request, axe }) => {
+            await expect(page.getByRole("textbox", { name: "Username" })).toBeVisible();
+            // Hide the server text as it contains the randomly allocated Homeserver port
+            const screenshotOptions = { mask: [page.locator(".mx_ServerPicker_server")] };
+
+            await page.getByRole("textbox", { name: "Username" }).fill("alice");
+            await page.getByPlaceholder("Password", { exact: true }).fill("totally a great password");
+            await page.getByPlaceholder("Confirm password").fill("totally a great password");
+            await page.getByPlaceholder("Email").fill("alice@email.com");
+            await page.getByRole("button", { name: "Register" }).click();
+
+            await expect(page.getByText("Check your email to continue")).toBeVisible();
+            await expect(page).toMatchScreenshot("registration_check_your_email.png", screenshotOptions);
+            await expect(axe).toHaveNoViolations();
+
+            await expect(page.getByText("An error was encountered when sending the email")).not.toBeVisible();
+
+            const messages = await mailpitClient.listMessages();
+            expect(messages.messages).toHaveLength(1);
+            expect(messages.messages[0].To[0].Address).toEqual("alice@email.com");
+            const text = await mailpitClient.renderMessageText(messages.messages[0].ID);
+            const [emailLink] = text.match(/http.+/)!;
+            await request.get(emailLink); // "Click" the link in the email
+
+            await expect(page.getByText("Welcome alice")).toBeVisible();
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/register/register.spec.ts b/apps/web/playwright/e2e/register/register.spec.ts
new file mode 100644
index 00000000000..c481b6ac43d
--- /dev/null
+++ b/apps/web/playwright/e2e/register/register.spec.ts
@@ -0,0 +1,132 @@
+/*
+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 { test, expect } from "../../element-web-test";
+import { consentHomeserver } from "../../plugins/homeserver/synapse/consentHomeserver.ts";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+test.use(consentHomeserver);
+test.use({
+    config: {
+        // The only thing that we really *need* (otherwise Element refuses to load) is a default homeserver.
+        // We point that to a guaranteed-invalid domain.
+        default_server_config: {
+            "m.homeserver": {
+                base_url: "https://server.invalid",
+            },
+        },
+    },
+});
+
+test.describe("Registration", () => {
+    test.skip(isDendrite, "Dendrite lacks support for MSC3967 so requires additional auth here");
+
+    test.beforeEach(async ({ page }) => {
+        await page.goto("/#/register");
+    });
+
+    test(
+        "registers an account and lands on the home screen",
+        { tag: "@screenshot" },
+        async ({ homeserver, page, axe, crypto }) => {
+            await page.getByRole("button", { name: "Edit", exact: true }).click();
+            await expect(page.getByRole("button", { name: "Continue", exact: true })).toBeVisible();
+
+            await expect(page.locator(".mx_Dialog")).toMatchScreenshot("server-picker.png");
+            await expect(axe).toHaveNoViolations();
+
+            await page.getByRole("textbox", { name: "Other homeserver" }).fill(homeserver.baseUrl);
+            await page.getByRole("button", { name: "Continue", exact: true }).click();
+            // wait for the dialog to go away
+            await expect(page.getByRole("dialog")).not.toBeVisible();
+
+            await expect(page.getByRole("textbox", { name: "Username", exact: true })).toBeVisible();
+            // Hide the server text as it contains the randomly allocated Homeserver port
+            const screenshotOptions = {
+                mask: [page.locator(".mx_ServerPicker_server")],
+                includeDialogBackground: true,
+            };
+            await expect(page).toMatchScreenshot("registration.png", screenshotOptions);
+            await expect(axe).toHaveNoViolations();
+
+            await page.getByRole("textbox", { name: "Username", exact: true }).fill("alice");
+            await page.getByPlaceholder("Password", { exact: true }).fill("totally a great password");
+            await page.getByPlaceholder("Confirm password", { exact: true }).fill("totally a great password");
+            await page.getByRole("button", { name: "Register", exact: true }).click();
+
+            const dialog = page.getByRole("dialog");
+            await expect(dialog).toBeVisible();
+            await expect(page).toMatchScreenshot("email-prompt.png", screenshotOptions);
+            await expect(axe).toHaveNoViolations();
+            await dialog.getByRole("button", { name: "Continue", exact: true }).click();
+
+            await expect(page.locator(".mx_InteractiveAuthEntryComponents_termsPolicy")).toBeVisible();
+            await expect(page).toMatchScreenshot("terms-prompt.png", screenshotOptions);
+            await expect(axe).toHaveNoViolations();
+
+            const termsPolicy = page.locator(".mx_InteractiveAuthEntryComponents_termsPolicy");
+            await termsPolicy.getByRole("checkbox").click(); // Click the checkbox before terms of service anchor link
+            await expect(termsPolicy.getByLabel("Privacy Policy")).toBeVisible();
+
+            await page.getByRole("button", { name: "Accept", exact: true }).click();
+            await expect(page).toHaveURL(/\/#\/home$/);
+
+            /*
+             * Cross-signing checks
+             */
+            // check that the device considers itself verified
+            await page.getByRole("button", { name: "User menu", exact: true }).click();
+            await page.getByRole("menuitem", { name: "All settings", exact: true }).click();
+            await page.getByRole("tab", { name: "Sessions", exact: true }).click();
+            await expect(
+                page.getByTestId("current-session-section").getByTestId("device-metadata-isVerified"),
+            ).toHaveText("Verified");
+
+            // check that cross-signing keys have been uploaded.
+            await crypto.assertDeviceIsCrossSigned();
+        },
+    );
+
+    test("should require username to fulfil requirements and be available", async ({ homeserver, page }) => {
+        await page.getByRole("button", { name: "Edit", exact: true }).click();
+        await expect(page.getByRole("button", { name: "Continue", exact: true })).toBeVisible();
+        await page.getByRole("textbox", { name: "Other homeserver" }).fill(homeserver.baseUrl);
+        await page.getByRole("button", { name: "Continue", exact: true }).click();
+        // wait for the dialog to go away
+        await expect(page.getByRole("dialog")).not.toBeVisible();
+
+        await expect(page.getByRole("textbox", { name: "Username", exact: true })).toBeVisible();
+
+        await page.route("**/_matrix/client/*/register/available?username=_alice", async (route) => {
+            await route.fulfill({
+                status: 400,
+                json: {
+                    errcode: "M_INVALID_USERNAME",
+                    error: "User ID may not begin with _",
+                },
+            });
+        });
+        await page.getByRole("textbox", { name: "Username", exact: true }).fill("_alice");
+        await expect(page.getByRole("tooltip").filter({ hasText: "Some characters not allowed" })).toBeVisible();
+
+        await page.route("**/_matrix/client/*/register/available?username=bob", async (route) => {
+            await route.fulfill({
+                status: 400,
+                json: {
+                    errcode: "M_USER_IN_USE",
+                    error: "The desired username is already taken",
+                },
+            });
+        });
+        await page.getByRole("textbox", { name: "Username", exact: true }).fill("bob");
+        await expect(page.getByRole("tooltip").filter({ hasText: "Someone already has that username" })).toBeVisible();
+
+        await page.getByRole("textbox", { name: "Username", exact: true }).fill("foobar");
+        await expect(page.getByRole("tooltip")).not.toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/regression-tests/pills-click-in-app.spec.ts b/apps/web/playwright/e2e/regression-tests/pills-click-in-app.spec.ts
new file mode 100644
index 00000000000..6856e706099
--- /dev/null
+++ b/apps/web/playwright/e2e/regression-tests/pills-click-in-app.spec.ts
@@ -0,0 +1,53 @@
+/*
+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 { test, expect } from "../../element-web-test";
+
+test.describe("Pills", () => {
+    test.use({
+        displayName: "Sally",
+    });
+
+    test("should navigate clicks internally to the app", async ({ page, app, user }) => {
+        const messageRoom = "Send Messages Here";
+        const targetLocalpart = "aliasssssssssssss";
+        await app.client.createRoom({
+            name: "Target",
+            room_alias_name: targetLocalpart,
+        });
+        const messageRoomId = await app.client.createRoom({
+            name: messageRoom,
+        });
+
+        await app.viewRoomByName(messageRoom);
+        await expect(page).toHaveURL(new RegExp(`/#/room/${messageRoomId}`));
+
+        // send a message using the built-in room mention functionality (autocomplete)
+        await page
+            .getByRole("textbox", { name: "Send an unencrypted message…" })
+            .pressSequentially(`Hello world! Join here: #${targetLocalpart.substring(0, 3)}`);
+        await page.locator(".mx_Autocomplete_Completion_title").click();
+        await page.getByRole("button", { name: "Send message" }).click();
+
+        // find the pill in the timeline and click it
+        await page.locator(".mx_EventTile_body .mx_Pill").click();
+
+        const localUrl = new RegExp(`/#/room/#${targetLocalpart}:`);
+        // verify we landed at a sane place
+        await expect(page).toHaveURL(localUrl);
+
+        // go back to the message room and try to click on the pill text, as a user would
+        await app.viewRoomByName(messageRoom);
+        await expect(page).toHaveURL(new RegExp(`/#/room/${messageRoomId}`));
+        const pillText = page.locator(".mx_EventTile_body .mx_Pill .mx_Pill_text");
+        await expect(pillText).toHaveCSS("pointer-events", "none");
+        await pillText.click({ force: true }); // force is to ensure we bypass pointer-events
+
+        await expect(page).toHaveURL(localUrl);
+    });
+});
diff --git a/apps/web/playwright/e2e/release-announcement/index.ts b/apps/web/playwright/e2e/release-announcement/index.ts
new file mode 100644
index 00000000000..e28fa6f9890
--- /dev/null
+++ b/apps/web/playwright/e2e/release-announcement/index.ts
@@ -0,0 +1,59 @@
+/*
+ * 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.
+ */
+
+import { type Page } from "@playwright/test";
+
+import { test as base, expect } from "../../element-web-test";
+
+/**
+ * Set up for release announcement tests.
+ */
+export const test = base.extend<{
+    util: Helpers;
+}>({
+    displayName: "Alice",
+    botCreateOpts: { displayName: "Other User" },
+
+    util: async ({ page, app, bot }, use) => {
+        await use(new Helpers(page));
+    },
+});
+
+export class Helpers {
+    constructor(private page: Page) {}
+
+    /**
+     * Get the release announcement with the given name.
+     * @param name
+     */
+    public getReleaseAnnouncement(name: string) {
+        return this.page.getByRole("dialog", { name });
+    }
+
+    /**
+     * Assert that the release announcement with the given name is visible.
+     * @param name
+     */
+    async assertReleaseAnnouncementIsVisible(name: string) {
+        await expect(this.getReleaseAnnouncement(name)).toBeVisible();
+        await expect(this.page).toMatchScreenshot(`release-announcement-${name}.png`, {
+            showTooltips: true,
+            hideJumpToBottomButton: true,
+        });
+    }
+
+    /**
+     * Assert that the release announcement with the given name is not visible.
+     * @param name
+     */
+    assertReleaseAnnouncementIsNotVisible(name: string) {
+        return expect(this.getReleaseAnnouncement(name)).not.toBeVisible();
+    }
+}
+
+export { expect };
diff --git a/apps/web/playwright/e2e/release-announcement/releaseAnnouncement.spec.ts b/apps/web/playwright/e2e/release-announcement/releaseAnnouncement.spec.ts
new file mode 100644
index 00000000000..e73c5fa7cdf
--- /dev/null
+++ b/apps/web/playwright/e2e/release-announcement/releaseAnnouncement.spec.ts
@@ -0,0 +1,49 @@
+/*
+ * 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.
+ */
+
+import { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test } from "./";
+
+test.describe("Release announcement", () => {
+    test.use({
+        room: async ({ app, user }, use) => {
+            const roomId = await app.client.createRoom({
+                name: "Test room",
+            });
+            await app.viewRoomById(roomId);
+            await use({ roomId });
+        },
+        labsFlags: ["feature_room_list_sections"],
+    });
+
+    test.beforeEach(async ({ page, app, user }) => {
+        // The toasts are displayed above the search section
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+    });
+
+    // There is no release announcement currently live
+    test(
+        "should display the room list section release announcement",
+        { tag: "@screenshot" },
+        async ({ page, app, room, util }) => {
+            const sectionName = "Introducing Sections";
+            // The section release announcement should be displayed
+            await util.assertReleaseAnnouncementIsVisible(sectionName);
+            // Hide the section release announcement
+            const dialog = util.getReleaseAnnouncement(sectionName);
+            await dialog.getByRole("button", { name: "Ok" }).click();
+
+            await util.assertReleaseAnnouncementIsNotVisible(sectionName);
+
+            await page.reload();
+            await util.assertReleaseAnnouncementIsNotVisible(sectionName);
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/retention/retention-global.spec.ts b/apps/web/playwright/e2e/retention/retention-global.spec.ts
new file mode 100644
index 00000000000..d158771f4a6
--- /dev/null
+++ b/apps/web/playwright/e2e/retention/retention-global.spec.ts
@@ -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 { rejectToastIfExists } from "@element-hq/element-web-playwright-common";
+
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+import { checkRetentionInRoom } from "./utils";
+import { test } from "../../element-web-test";
+
+const ONE_MINUTE_STR = "60s";
+
+test.use({
+    synapseConfig: {
+        retention: {
+            enabled: true,
+            default_policy: {
+                max_lifetime: ONE_MINUTE_STR,
+            },
+            allowed_lifetime_min: ONE_MINUTE_STR,
+            allowed_lifetime_max: ONE_MINUTE_STR,
+        },
+        experimental_features: {
+            msc1763_enabled: true,
+        },
+    },
+});
+test.describe("global retention rules", () => {
+    test.skip(isDendrite, "dendrite does not support retention");
+    test.use({
+        displayName: "Tom",
+        botCreateOpts: {
+            displayName: "Bob",
+        },
+        labsFlags: ["feature_retention"],
+    });
+    test.beforeEach(async ({ app, homeserver, page, user }) => {
+        await rejectToastIfExists(page, "Verify this device");
+        await rejectToastIfExists(page, "Notifications");
+        await page.clock.install();
+    });
+
+    test("should apply", async ({ app, bot, page }) => {
+        const roomId = await app.client.createRoom({
+            name: "Test",
+            invite: [bot.credentials!.userId],
+        });
+        await checkRetentionInRoom({ app, bot, page }, roomId);
+    });
+});
diff --git a/apps/web/playwright/e2e/retention/retention.spec.ts b/apps/web/playwright/e2e/retention/retention.spec.ts
new file mode 100644
index 00000000000..40048b9a5a2
--- /dev/null
+++ b/apps/web/playwright/e2e/retention/retention.spec.ts
@@ -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 { rejectToastIfExists } from "@element-hq/element-web-playwright-common";
+
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+import { test, expect } from "../../element-web-test";
+import { checkRetentionInRoom, ONE_MINUTE } from "./utils";
+
+const ONE_MINUTE_STR = "60s";
+
+test.use({
+    synapseConfig: {
+        retention: {
+            enabled: true,
+            // deliberately no default policy.
+            allowed_lifetime_min: ONE_MINUTE_STR,
+            allowed_lifetime_max: ONE_MINUTE_STR,
+        },
+        experimental_features: {
+            msc1763_enabled: true,
+        },
+    },
+});
+
+test.describe("Retention", () => {
+    test.skip(isDendrite, "dendrite does not support retention");
+    test.use({
+        displayName: "Tom",
+        botCreateOpts: {
+            displayName: "Bob",
+        },
+        labsFlags: ["feature_retention"],
+    });
+
+    test.beforeEach(async ({ app, homeserver, page, user }) => {
+        await rejectToastIfExists(page, "Verify this device");
+        await rejectToastIfExists(page, "Notifications");
+        await page.clock.install();
+    });
+
+    test("should apply retention to a bunch of messages", async ({ app, homeserver, page, user, bot }) => {
+        const roomId = await app.client.createRoom({
+            name: "Test",
+            invite: [bot.credentials!.userId],
+            initial_state: [
+                {
+                    state_key: "",
+                    type: "org.matrix.msc1763.retention",
+                    content: {
+                        max_lifetime: ONE_MINUTE,
+                    },
+                },
+            ],
+        });
+        // When the bot joins the room=
+        await bot.joinRoom(roomId);
+        await app.viewRoomByName("Test");
+        await checkRetentionInRoom({ app, bot, page }, roomId);
+    });
+
+    test("retention rules should apply after restart", async ({ app, bot, page }) => {
+        const roomId = await app.client.createRoom({
+            name: "Test",
+            invite: [bot.credentials!.userId],
+        });
+        await bot.joinRoom(roomId);
+        await app.viewRoomByName("Test");
+        const tiles = (
+            await Promise.all(Array.from({ length: 5 }).map((_o, index) => bot.sendMessage(roomId, `Message ${index}`)))
+        ).map(({ event_id: evtId }) =>
+            page.locator(`.mx_RoomView_MessageList .mx_EventTile[data-event-id='${evtId}']`),
+        );
+        for (const tile of tiles) {
+            await expect(tile).toBeVisible();
+        }
+        // Reload and apply new policy
+        await page.reload();
+        await page.clock.fastForward(ONE_MINUTE + 1);
+        await page.route("**/_matrix/client/unstable/org.matrix.msc1763/retention/configuration", (route) => {
+            return route.fulfill({
+                json: {
+                    policies: {
+                        "*": {
+                            max_lifetime: ONE_MINUTE,
+                        },
+                    },
+                },
+            });
+        });
+        await app.viewRoomByName("Test");
+        for (const tile of tiles) {
+            await expect(tile).toBeHidden();
+        }
+    });
+
+    test("should stop applying retention when the policy is removed", async ({ app, homeserver, page, user, bot }) => {
+        const currentTime = new Date();
+        const roomId = await app.client.createRoom({
+            name: "Test",
+            invite: [bot.credentials!.userId],
+            initial_state: [
+                {
+                    state_key: "",
+                    type: "org.matrix.msc1763.retention",
+                    content: {
+                        max_lifetime: ONE_MINUTE,
+                    },
+                },
+            ],
+        });
+        await checkRetentionInRoom({ app, bot, page }, roomId);
+        // Check that retention rules no longer apply.
+        await page.clock.setFixedTime(currentTime);
+        const { event_id: eventId } = await bot.sendMessage(roomId, `Message afterwards`);
+        await app.client.sendStateEvent(roomId, "org.matrix.msc1763.retention", {});
+        await page.clock.fastForward(ONE_MINUTE + 1);
+        await expect(page.locator(`.mx_RoomView_MessageList .mx_EventTile[data-event-id='${eventId}']`)).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/retention/utils.ts b/apps/web/playwright/e2e/retention/utils.ts
new file mode 100644
index 00000000000..d94167dd8c1
--- /dev/null
+++ b/apps/web/playwright/e2e/retention/utils.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 { expect, type TestFixtures } from "../../element-web-test";
+import type { Page } from "@playwright/test";
+
+export const ONE_MINUTE = 60 * 1000;
+
+export async function checkRetentionInRoom(
+    { bot, app, page }: Pick<TestFixtures, "app" | "bot"> & { page: Page },
+    roomId: string,
+) {
+    await bot.joinRoom(roomId);
+    await app.viewRoomById(roomId);
+    const tiles = (
+        await Promise.all(Array.from({ length: 5 }).map((_o, index) => bot.sendMessage(roomId, `Message ${index}`)))
+    ).map(({ event_id: evtId }) => page.locator(`.mx_RoomView_MessageList .mx_EventTile[data-event-id='${evtId}']`));
+    for (const tile of tiles) {
+        await expect(tile).toBeVisible();
+    }
+    await page.clock.fastForward(ONE_MINUTE + 1);
+    for (const tile of tiles) {
+        await expect(tile).toBeHidden();
+    }
+}
diff --git a/apps/web/playwright/e2e/right-panel/file-panel.spec.ts b/apps/web/playwright/e2e/right-panel/file-panel.spec.ts
new file mode 100644
index 00000000000..94d3c695449
--- /dev/null
+++ b/apps/web/playwright/e2e/right-panel/file-panel.spec.ts
@@ -0,0 +1,201 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Suguru Hirahara
+
+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";
+import { viewRoomSummaryByName } from "./utils";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+import { getSampleFilePath } from "../../sample-files";
+import type { ElementAppPage } from "../../pages/ElementAppPage";
+
+const ROOM_NAME = "Test room";
+const NAME = "Alice";
+
+async function uploadFile(app: ElementAppPage, sampleFile: string) {
+    // Upload a file from the message composer
+    await app.composerUploadFiles("room", getSampleFilePath(sampleFile));
+    // Wait until the file is sent
+    await expect(app.page.locator(".mx_RoomView_statusArea_expanded")).not.toBeVisible();
+    await expect(app.page.locator(".mx_EventTile.mx_EventTile_last").getByRole("status")).toHaveAccessibleName(
+        "Your message was sent",
+    );
+}
+
+test.describe("FilePanel", () => {
+    test.use({
+        displayName: NAME,
+    });
+
+    test.beforeEach(async ({ page, user, app }) => {
+        await app.client.createRoom({ name: ROOM_NAME });
+
+        // Open the file panel
+        await viewRoomSummaryByName(page, app, ROOM_NAME);
+        await page.getByRole("menuitem", { name: "Files" }).click();
+        await expect(page.locator(".mx_FilePanel")).toBeVisible();
+    });
+
+    test.describe("render", { tag: ["@no-firefox", "@no-webkit"] }, () => {
+        test("should render empty state", { tag: "@screenshot" }, async ({ page }) => {
+            // Wait until the information about the empty state is rendered
+            await expect(page.locator(".mx_EmptyState")).toBeVisible();
+
+            // Take a snapshot of RightPanel - fix https://github.com/vector-im/element-web/issues/25332
+            await expect(page.locator(".mx_RightPanel")).toMatchScreenshot("empty.png");
+        });
+
+        test("should list tiles on the panel", { tag: "@screenshot" }, async ({ page, app }) => {
+            // Upload multiple files
+            await uploadFile(app, "riot.png"); // Image
+            await uploadFile(app, "1sec.ogg"); // Audio
+            await uploadFile(app, "matrix-org-client-versions.json"); // JSON
+
+            const roomViewBody = page.locator(".mx_RoomView_body");
+            // Assert that all of the file were uploaded and rendered
+            await expect(roomViewBody.locator(".mx_EventTile[data-layout='group']")).toHaveCount(3);
+
+            // Assert that the image exists and has the alt string
+            await expect(roomViewBody.locator(".mx_EventTile[data-layout='group'] img[alt='riot.png']")).toBeVisible();
+
+            // Assert that the audio player is rendered
+            await expect(roomViewBody.getByRole("region", { name: "Audio player" })).toBeVisible();
+
+            // Assert that the file button exists
+            await expect(
+                roomViewBody.locator(".mx_EventTile_last[data-layout='group'] .mx_MFileBody", { hasText: ".json" }),
+            ).toBeVisible();
+
+            const filePanel = page.locator(".mx_FilePanel");
+            // Assert that the file panel is opened inside mx_RightPanel and visible
+            await expect(filePanel).toBeVisible();
+
+            const filePanelMessageList = filePanel.locator(".mx_RoomView_MessageList");
+
+            // Assert that data-layout attribute is not applied to file tiles on the panel
+            await expect(filePanelMessageList.locator(".mx_EventTile[data-layout]")).not.toBeVisible();
+
+            // Assert that all of the file tiles are rendered
+            await expect(filePanelMessageList.locator(".mx_EventTile")).toHaveCount(3);
+
+            // Assert that the download links are rendered
+            await expect(filePanelMessageList.locator(".mx_MFileBody")).toHaveCount(3);
+
+            // Assert that the sender of the files is rendered on all of the tiles
+            await expect(filePanelMessageList.getByText(NAME)).toHaveCount(3);
+
+            // Detect the image file
+            const image = filePanelMessageList.locator(".mx_EventTile_mediaLine.mx_EventTile_image .mx_ImageBody");
+            // Assert that the image is specified as thumbnail and has the alt string
+            await expect(image.locator("img.mx_ImageBody_image")).toBeVisible();
+            await expect(image.locator("img[alt='riot.png']")).toBeVisible();
+
+            // Detect the audio file
+            const audio = filePanelMessageList.getByRole("region", { name: "Audio player" });
+            // Assert that the play button is rendered
+            await expect(audio.getByRole("button", { name: "Play" })).toBeVisible();
+
+            // Detect the JSON file
+            // Assert that the tile is rendered as a button
+            const file = filePanelMessageList.locator(".mx_EventTile_mediaLine .mx_MFileBody [role='button']");
+            // Assert that the file name is rendered inside the button with ellipsis
+            await expect(file.getByText(/matrix.*?\.json/)).toBeVisible();
+
+            // Make the viewport tall enough to display all of the file tiles on FilePanel
+            await page.setViewportSize({ width: 800, height: 1000 });
+
+            // In case the panel is scrollable on the resized viewport
+            // Assert that the value for flexbox is applied
+            await expect(filePanel.locator(".mx_ScrollPanel .mx_RoomView_MessageList")).toHaveCSS(
+                "justify-content",
+                "flex-end",
+            );
+            // Assert that all of the file tiles are visible before taking a snapshot
+            await expect(filePanelMessageList.locator(".mx_ImageBody")).toBeVisible(); // top
+            await expect(filePanelMessageList.locator(".mx_MAudioBody")).toBeVisible(); // middle
+            const senderDetails = filePanelMessageList.locator(".mx_EventTile_last .mx_EventTile_senderDetails");
+            await expect(senderDetails.locator(".mx_DisambiguatedProfile")).toBeVisible();
+            await expect(senderDetails.locator(".mx_MessageTimestamp")).toBeVisible();
+
+            // Take a snapshot of file tiles list on FilePanel
+            await expect(filePanelMessageList).toMatchScreenshot("file-tiles-list.png", {
+                // Exclude timestamps & flaky seek bar from snapshot
+                mask: [page.getByTestId("audio-player-seek")],
+                css: `
+                    .mx_MessageTimestamp {
+                        visibility: hidden;
+                    }
+                `,
+            });
+        });
+
+        test("should render the audio player and play the audio file on the panel", async ({ page, app }) => {
+            // Upload an image file
+            await uploadFile(app, "1sec.ogg");
+
+            const audioBody = page.getByTestId("right-panel").getByRole("region", { name: "Audio player" });
+
+            // Assert that the audio player is rendered
+            // Assert that the audio file information is rendered;
+            await expect(audioBody.getByText("1sec.ogg")).toBeVisible(); // extension
+            await expect(audioBody.getByRole("time")).toHaveText("00:01"); // duration
+            await expect(audioBody.getByText("(3.56 KB)")).toBeVisible(); // actual size;
+
+            // Assert that the duration counter is 00:01 before clicking the play button
+            await expect(audioBody.getByRole("time")).toHaveText("00:01");
+
+            // Assert that the counter is zero before clicking the play button
+            await expect(audioBody.getByRole("timer")).toHaveText("00:00");
+
+            // Click the play button
+            await audioBody.getByRole("button", { name: "Play" }).click();
+
+            // Assert that the pause button is rendered
+            await expect(audioBody.getByRole("button", { name: "Pause" })).toBeVisible();
+
+            // Assert that the timer is reset when the audio file finished playing
+            await expect(audioBody.getByRole("timer")).toHaveText("00:00");
+
+            // Assert that the play button is rendered
+            await expect(audioBody.getByRole("button", { name: "Play" })).toBeVisible();
+        });
+
+        test("should render file size in kibibytes on a file tile", async ({ page, app }) => {
+            const size = "1.12 KB"; // actual file size in kibibytes (1024 bytes)
+
+            // Upload a file
+            await uploadFile(app, "matrix-org-client-versions.json");
+
+            const tile = page.locator(".mx_FilePanel .mx_EventTile");
+            // Assert that the file size is displayed in kibibytes, not kilobytes (1000 bytes)
+            // See: https://github.com/vector-im/element-web/issues/24866
+            await expect(tile.locator(".mx_MFileBody [data-type='info']", { hasText: size })).toBeVisible();
+        });
+    });
+
+    test.describe("download", () => {
+        test.skip(isDendrite, "due to a Dendrite sending Content-Disposition inline");
+
+        test("should download an image via the link on the panel", async ({ page, app, context }) => {
+            // Upload an image file
+            await uploadFile(app, "riot.png");
+
+            // Detect the image file on the panel
+            const imageBody = page.locator(
+                ".mx_FilePanel .mx_RoomView_MessageList .mx_EventTile_mediaLine.mx_EventTile_image .mx_ImageBody",
+            );
+
+            const link = imageBody.locator(".mx_MFileBody a");
+
+            const downloadPromise = page.waitForEvent("download");
+
+            // Click the anchor link (not the image itself)
+            await link.click();
+
+            const download = await downloadPromise;
+            expect(download.suggestedFilename()).toBe("riot.png");
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/right-panel/memberlist.spec.ts b/apps/web/playwright/e2e/right-panel/memberlist.spec.ts
new file mode 100644
index 00000000000..bb3dc8cb338
--- /dev/null
+++ b/apps/web/playwright/e2e/right-panel/memberlist.spec.ts
@@ -0,0 +1,97 @@
+/*
+Copyright 2024 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 { test, expect } from "../../element-web-test";
+import { Bot } from "../../pages/bot";
+
+const ROOM_NAME = "Test room";
+const NAME = "Alice";
+
+async function setupRoomWithMembers(
+    app: any,
+    page: any,
+    homeserver: any,
+    roomName: string,
+    memberNames: string[],
+): Promise<string> {
+    const visibility = await page.evaluate(() => (window as any).matrixcs.Visibility.Public);
+    const id = await app.client.createRoom({ name: roomName, visibility });
+    const bots: Bot[] = [];
+
+    for (let i = 0; i < memberNames.length; i++) {
+        const displayName = memberNames[i];
+        const bot = new Bot(page, homeserver, { displayName, startClient: false, autoAcceptInvites: false });
+        if (displayName === "Susan") {
+            await bot.prepareClient();
+            await app.client.inviteUser(id, bot.credentials?.userId);
+        } else {
+            await bot.joinRoom(id);
+        }
+        bots.push(bot);
+    }
+
+    return id;
+}
+
+test.use({
+    synapseConfig: {
+        presence: {
+            enabled: false,
+            include_offline_users_on_sync: false,
+        },
+    },
+    displayName: NAME,
+    disablePresence: true,
+});
+
+test.describe("Memberlist", () => {
+    test.beforeEach(async ({ app, user, page, homeserver }, testInfo) => {
+        testInfo.setTimeout(testInfo.timeout + 30_000);
+        const names = ["Bob", "Bob", "Susan"];
+        await setupRoomWithMembers(app, page, homeserver, ROOM_NAME, names);
+    });
+
+    test("Renders correctly", { tag: "@screenshot" }, async ({ page, app }) => {
+        await app.viewRoomByName(ROOM_NAME);
+        const memberlist = await app.toggleMemberlistPanel();
+        await expect(memberlist.locator(".mx_MemberTileView")).toHaveCount(4);
+        await expect(memberlist.getByText("Invited")).toHaveCount(1);
+        await expect(page.locator(".mx_MemberListView")).toMatchScreenshot("with-four-members.png");
+    });
+
+    test("should handle scroll and click to view member profile", async ({ page, app, homeserver }) => {
+        // Create a room with many members to enable scrolling
+        const memberNames = Array.from({ length: 15 }, (_, i) => `Member${i.toString()}`);
+        await setupRoomWithMembers(app, page, homeserver, "Large Room", memberNames);
+
+        // Navigate to the room and open member list
+        await app.viewRoomByName("Large Room");
+
+        const memberlist = await app.toggleMemberlistPanel();
+
+        // Get the scrollable container
+        const memberListContainer = memberlist.locator(".mx_AutoHideScrollbar");
+
+        // Scroll down to the bottom of the member list
+        await app.scrollListToBottom(memberListContainer);
+
+        // Wait for the target member to be visible after scrolling
+        // Member9 is the last in the list as they are lexicographically sorted
+        const targetName = "Member9";
+        const targetMember = memberlist.locator(".mx_MemberTileView_name").filter({ hasText: targetName });
+        await targetMember.waitFor({ state: "visible" });
+        // Alice is not visible and will require scrolling to,
+        // but is likely in the dom as we have an overscan on the top and bottom of the list.
+        // Click on a member near the bottom of the list
+        await expect(targetMember).toBeVisible();
+        await targetMember.click();
+
+        // Verify that the user info screen is shown and hasn't scrolled back to top
+        await expect(page.locator(".mx_UserInfo")).toBeVisible();
+        await expect(page.locator(".mx_UserInfo_profile").getByText(targetName)).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/right-panel/notification-panel.spec.ts b/apps/web/playwright/e2e/right-panel/notification-panel.spec.ts
new file mode 100644
index 00000000000..6786d8bf8d5
--- /dev/null
+++ b/apps/web/playwright/e2e/right-panel/notification-panel.spec.ts
@@ -0,0 +1,35 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Suguru Hirahara
+
+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";
+
+const ROOM_NAME = "Test room";
+const NAME = "Alice";
+
+test.describe("NotificationPanel", () => {
+    test.use({
+        displayName: NAME,
+        labsFlags: ["feature_notifications"],
+    });
+
+    test.beforeEach(async ({ app, user }) => {
+        await app.client.createRoom({ name: ROOM_NAME });
+    });
+
+    test("should render empty state", { tag: "@screenshot" }, async ({ page, app }) => {
+        await app.viewRoomByName(ROOM_NAME);
+
+        await page.getByRole("button", { name: "Notifications" }).click();
+
+        // Wait until the information about the empty state is rendered
+        await expect(page.locator(".mx_EmptyState")).toBeVisible();
+
+        // Take a snapshot of RightPanel
+        await expect(page.locator(".mx_RightPanel")).toMatchScreenshot("empty.png");
+    });
+});
diff --git a/apps/web/playwright/e2e/right-panel/right-panel.spec.ts b/apps/web/playwright/e2e/right-panel/right-panel.spec.ts
new file mode 100644
index 00000000000..b7d396a538e
--- /dev/null
+++ b/apps/web/playwright/e2e/right-panel/right-panel.spec.ts
@@ -0,0 +1,223 @@
+/*
+Copyright 2024, 2025 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 { type Locator, type Page } from "@playwright/test";
+
+import { test, expect } from "../../element-web-test";
+import { checkRoomSummaryCard, viewRoomSummaryByName } from "./utils";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+import { Bot } from "../../pages/bot";
+
+const ROOM_NAME = "Test room";
+const ROOM_NAME_LONG =
+    "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore " +
+    "et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut " +
+    "aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum " +
+    "dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui " +
+    "officia deserunt mollit anim id est laborum.";
+const SPACE_NAME = "Test space";
+const NAME = "Alice";
+const LONG_NAME = "Bob long long long long long long long long long long long long long long long name";
+
+const ROOM_ADDRESS_LONG =
+    "loremIpsumDolorSitAmetConsecteturAdipisicingElitSedDoEiusmodTemporIncididuntUtLaboreEtDoloreMagnaAliqua";
+
+function getMemberTileByName(page: Page, name: string): Locator {
+    return page.locator(".mx_MemberListView .mx_MemberTileView_name").filter({ hasText: name });
+}
+
+test.describe("RightPanel", () => {
+    let testRoomId: string;
+    test.use({
+        displayName: NAME,
+    });
+
+    test.beforeEach(async ({ app, user }) => {
+        testRoomId = await app.client.createRoom({ name: ROOM_NAME });
+        await app.client.createSpace({ name: SPACE_NAME });
+    });
+
+    test.describe("in rooms", () => {
+        test(
+            "should handle long room address and long room name",
+            { tag: "@screenshot" },
+            async ({ page, app, user }) => {
+                await app.client.createRoom({ name: ROOM_NAME_LONG });
+                await viewRoomSummaryByName(page, app, ROOM_NAME_LONG);
+
+                await app.settings.openRoomSettings();
+
+                // Set a local room address
+                const localAddresses = page.locator(".mx_SettingsFieldset", { hasText: "Local Addresses" });
+                await localAddresses.getByRole("textbox").fill(ROOM_ADDRESS_LONG);
+                await expect(page.getByText("This address is available to use")).toBeVisible();
+                await localAddresses.getByRole("button", { name: "Add" }).click();
+                await expect(localAddresses.getByText(`#${ROOM_ADDRESS_LONG}:${user.homeServer}`)).toHaveClass(
+                    "mx_EditableItem_item",
+                );
+
+                await app.closeDialog();
+
+                // Close and reopen the right panel to render the room address
+                await app.toggleRoomInfoPanel();
+                await expect(page.locator(".mx_RightPanel")).not.toBeVisible();
+                await app.toggleRoomInfoPanel();
+
+                await expect(page.locator(".mx_RightPanel")).toMatchScreenshot("with-name-and-address.png");
+            },
+        );
+
+        test("should have padding under leave room", { tag: "@screenshot" }, async ({ page, app }) => {
+            await viewRoomSummaryByName(page, app, ROOM_NAME);
+
+            const leaveButton = page.getByRole("menuitem", { name: "Leave Room" });
+            await leaveButton.scrollIntoViewIfNeeded();
+
+            await expect(page.locator(".mx_RightPanel")).toMatchScreenshot("with-leave-room.png");
+        });
+
+        test("should handle clicking add widgets", { tag: "@screenshot" }, async ({ page, app }) => {
+            await viewRoomSummaryByName(page, app, ROOM_NAME);
+
+            await page.getByRole("menuitem", { name: "Extensions" }).click();
+            await expect(page.getByTestId("right-panel")).toMatchScreenshot("with-extensions.png");
+
+            await page.getByRole("button", { name: "Add extensions" }).click();
+            await expect(page.locator(".mx_IntegrationManager")).toBeVisible();
+        });
+
+        test("should handle viewing export chat", async ({ page, app }) => {
+            await viewRoomSummaryByName(page, app, ROOM_NAME);
+
+            await page.getByRole("menuitem", { name: "Export Chat" }).click();
+            await expect(page.locator(".mx_ExportDialog")).toBeVisible();
+        });
+
+        test("should handle viewing share room", async ({ page, app }) => {
+            await viewRoomSummaryByName(page, app, ROOM_NAME);
+
+            await page.getByRole("menuitem", { name: "Copy link" }).click();
+            await expect(page.locator(".mx_ShareDialog")).toBeVisible();
+        });
+
+        test("should handle viewing room settings", async ({ page, app }) => {
+            await viewRoomSummaryByName(page, app, ROOM_NAME);
+
+            await page.getByRole("menuitem", { name: "Settings" }).click();
+            await expect(page.locator(".mx_RoomSettingsDialog")).toBeVisible();
+            await expect(page.locator(".mx_Dialog_title").getByText("Room Settings - " + ROOM_NAME)).toBeVisible();
+        });
+
+        test("should handle viewing files", async ({ page, app }) => {
+            await viewRoomSummaryByName(page, app, ROOM_NAME);
+
+            await page.getByRole("menuitem", { name: "Files" }).click();
+            await expect(page.locator(".mx_FilePanel")).toBeVisible();
+            await expect(page.locator(".mx_EmptyState")).toBeVisible();
+
+            await page.getByTestId("base-card-back-button").click();
+            await checkRoomSummaryCard(page, ROOM_NAME);
+        });
+
+        test("should handle viewing room member", async ({ page, app }) => {
+            await viewRoomSummaryByName(page, app, ROOM_NAME);
+
+            await page.locator(".mx_RightPanel").getByRole("menuitem", { name: "People" }).click();
+            await expect(page.locator(".mx_MemberListView")).toBeVisible();
+
+            await getMemberTileByName(page, NAME).click();
+            await expect(page.locator(".mx_UserInfo")).toBeVisible();
+            await expect(page.locator(".mx_UserInfo_profile").getByText(NAME)).toBeVisible();
+
+            await page.getByTestId("base-card-back-button").click();
+            await expect(page.locator(".mx_MemberListView")).toBeVisible();
+
+            await page.getByLabel("Room info").nth(1).click();
+            await checkRoomSummaryCard(page, ROOM_NAME);
+        });
+
+        test(
+            "should handle viewing long room member name",
+            { tag: "@screenshot" },
+            async ({ page, homeserver, app }) => {
+                const bobLongName = new Bot(page, homeserver, { displayName: LONG_NAME });
+                await bobLongName.prepareClient();
+                await app.client.inviteUser(testRoomId, bobLongName.credentials!.userId);
+                await bobLongName.joinRoom(testRoomId);
+
+                await viewRoomSummaryByName(page, app, ROOM_NAME);
+
+                await page.locator(".mx_RightPanel").getByRole("menuitem", { name: "People" }).click();
+                await expect(page.locator(".mx_MemberListView")).toBeVisible();
+
+                await getMemberTileByName(page, LONG_NAME).click();
+                await expect(page.locator(".mx_UserInfo")).toBeVisible();
+                await expect(page.locator(".mx_UserInfo_profile").getByText(LONG_NAME)).toBeVisible();
+
+                await expect(page.locator(".mx_UserInfo")).toMatchScreenshot("with-long-name.png", {
+                    mask: [page.locator(".mx_UserInfo_profile_mxid")],
+                    css: `
+                        /* Use monospace font for consistent mask width */
+                        .mx_UserInfo_profile_mxid {
+                            font-family: "Fira Code" !important;
+                        }
+                    `,
+                });
+            },
+        );
+
+        test.describe("room reporting", () => {
+            test.skip(isDendrite, "Dendrite does not implement room reporting");
+            test("should handle reporting a room", { tag: "@screenshot" }, async ({ page, app }) => {
+                await viewRoomSummaryByName(page, app, ROOM_NAME);
+
+                await page.getByRole("menuitem", { name: "Report room" }).click();
+                const dialog = page.getByRole("dialog", { name: "Report Room" });
+                await dialog.getByLabel("reason").fill("This room should be reported");
+                await expect(dialog).toMatchScreenshot("room-report-dialog.png");
+                await dialog.getByRole("button", { name: "Send report" }).click();
+
+                // Dialog should have gone
+                await expect(page.locator(".mx_Dialog")).toHaveCount(0);
+            });
+            test("should handle reporting a room and leaving the room", async ({ page, app }) => {
+                await viewRoomSummaryByName(page, app, ROOM_NAME);
+
+                await page.getByRole("menuitem", { name: "Report room" }).click();
+                const dialog = page.getByRole("dialog", { name: "Report room" });
+                await dialog.getByRole("switch", { name: "Leave room" }).click();
+                await dialog.getByLabel("reason").fill("This room should be reported");
+                await dialog.getByRole("button", { name: "Send report" }).click();
+                await page.getByRole("dialog", { name: "Leave room" }).getByRole("button", { name: "Leave" }).click();
+
+                // Dialog should have gone
+                await expect(page.locator(".mx_Dialog")).toHaveCount(0);
+            });
+        });
+    });
+
+    test.describe("in spaces", () => {
+        test("should handle viewing space member", async ({ page, app }) => {
+            await app.viewSpaceHomeByName(SPACE_NAME);
+
+            // \d represents the number of the space members
+            await page
+                .locator(".mx_RoomInfoLine")
+                .getByRole("button", { name: /\d member/ })
+                .click();
+            await expect(page.locator(".mx_MemberListView")).toBeVisible();
+
+            await getMemberTileByName(page, NAME).click();
+            await expect(page.locator(".mx_UserInfo")).toBeVisible();
+            await expect(page.locator(".mx_UserInfo_profile").getByText(NAME)).toBeVisible();
+
+            await page.getByTestId("base-card-back-button").click();
+            await expect(page.locator(".mx_MemberListView")).toBeVisible();
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/right-panel/utils.ts b/apps/web/playwright/e2e/right-panel/utils.ts
new file mode 100644
index 00000000000..f4745b01588
--- /dev/null
+++ b/apps/web/playwright/e2e/right-panel/utils.ts
@@ -0,0 +1,22 @@
+/*
+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 Page, expect } from "@playwright/test";
+
+import { type ElementAppPage } from "../../pages/ElementAppPage";
+
+export async function viewRoomSummaryByName(page: Page, app: ElementAppPage, name: string): Promise<void> {
+    await app.viewRoomByName(name);
+    await app.toggleRoomInfoPanel();
+    return checkRoomSummaryCard(page, name);
+}
+
+export async function checkRoomSummaryCard(page: Page, name: string): Promise<void> {
+    await expect(page.locator(".mx_RoomSummaryCard")).toBeVisible();
+    await expect(page.locator(".mx_RoomSummaryCard")).toContainText(name);
+}
diff --git a/apps/web/playwright/e2e/room-directory/room-directory.spec.ts b/apps/web/playwright/e2e/room-directory/room-directory.spec.ts
new file mode 100644
index 00000000000..d9fa7860ae6
--- /dev/null
+++ b/apps/web/playwright/e2e/room-directory/room-directory.spec.ts
@@ -0,0 +1,96 @@
+/*
+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 { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import type { Preset, Visibility } from "matrix-js-sdk/src/matrix";
+import { test, expect } from "../../element-web-test";
+
+test.describe("Room Directory", () => {
+    test.skip(({ homeserverType }) => homeserverType === "pinecone", "Pinecone's /publicRooms API takes forever");
+    test.use({
+        displayName: "Ray",
+        botCreateOpts: { displayName: "Paul" },
+    });
+
+    test(
+        "should allow admin to add alias & publish room to directory",
+        { tag: "@no-webkit" },
+        async ({ page, app, user, bot }) => {
+            const roomId = await app.client.createRoom({
+                name: "Gaming",
+                preset: "public_chat" as Preset,
+            });
+
+            await app.viewRoomByName("Gaming");
+            await app.settings.openRoomSettings();
+
+            // First add a local address `gaming`
+            const localAddresses = page.locator(".mx_SettingsFieldset", { hasText: "Local Addresses" });
+            await localAddresses.getByRole("textbox").fill("gaming");
+            await expect(page.getByText("This address is available to use")).toBeVisible();
+            await localAddresses.getByRole("button", { name: "Add" }).click();
+            await expect(localAddresses.getByText(`#gaming:${user.homeServer}`)).toHaveClass("mx_EditableItem_item");
+
+            // Publish into the public rooms directory
+            const publishedAddresses = page.locator(".mx_SettingsFieldset", { hasText: "Published Addresses" });
+            await expect(publishedAddresses.locator("#canonicalAlias")).toHaveValue(`#gaming:${user.homeServer}`);
+            const checkbox = publishedAddresses.getByRole("switch", {
+                name: `Publish this room to the public in ${user.homeServer}'s room directory?`,
+            });
+            // .click() rather than .check() as checking happens after publish
+            await checkbox.click();
+            await expect(checkbox).toBeChecked();
+
+            await app.closeDialog();
+
+            const resp = await bot.publicRooms({});
+            expect(resp.total_room_count_estimate).toBeGreaterThanOrEqual(1);
+            expect(resp.chunk).toHaveLength(resp.total_room_count_estimate!);
+            expect(resp.chunk.find((r) => r.room_id === roomId)).toBeTruthy();
+        },
+    );
+
+    test(
+        "should allow finding published rooms in directory",
+        { tag: "@screenshot" },
+        async ({ page, app, user, bot }) => {
+            const name = "This is a public room";
+            await bot.createRoom({
+                visibility: "public" as Visibility,
+                name,
+                room_alias_name: "test1234",
+            });
+
+            await rejectToast(page, "Verify this device");
+            await page.getByRole("button", { name: "Explore rooms" }).click();
+
+            const dialog = page.locator(".mx_SpotlightDialog");
+            await dialog.getByRole("textbox", { name: "Search" }).fill("Unknown Room");
+            await expect(
+                dialog.getByText(
+                    "If you can't find the room you're looking for, ask for an invite or create a new room.",
+                ),
+            ).toHaveClass("mx_SpotlightDialog_otherSearches_messageSearchText");
+
+            await expect(page.locator(".mx_Dialog")).toMatchScreenshot("filtered-no-results.png");
+
+            await dialog.getByRole("textbox", { name: "Search" }).fill("test1234");
+            await expect(dialog.getByText(name)).toHaveClass("mx_SpotlightDialog_result_publicRoomName");
+
+            await expect(page.locator(".mx_Dialog")).toMatchScreenshot("filtered-one-result.png");
+
+            await page
+                .locator(".mx_SpotlightDialog .mx_SpotlightDialog_option")
+                .getByRole("button", { name: "Join" })
+                .click();
+
+            await expect(page).toHaveURL(`/#/room/#test1234:${user.homeServer}`);
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/room/create-room.spec.ts b/apps/web/playwright/e2e/room/create-room.spec.ts
new file mode 100644
index 00000000000..182908f77c9
--- /dev/null
+++ b/apps/web/playwright/e2e/room/create-room.spec.ts
@@ -0,0 +1,242 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 Page } from "@playwright/test";
+import { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { SettingLevel } from "../../../src/settings/SettingLevel";
+import { UIFeature } from "../../../src/settings/UIFeature";
+import { test, expect } from "../../element-web-test";
+
+const name = "Test room";
+const topic = "A decently explanatory topic for a test room.";
+
+test.describe("Create Room", () => {
+    test.use({ displayName: "Jim" });
+
+    test(
+        "should create a public room with name, topic & address set",
+        { tag: "@screenshot" },
+        async ({ page, user, app, axe }) => {
+            await rejectToast(page, "Verify this device");
+            const dialog = await app.openCreateRoomDialog();
+            // Fill name & topic
+            await dialog.getByRole("textbox", { name: "Name" }).fill(name);
+            await dialog.getByRole("textbox", { name: "Topic" }).fill(topic);
+            // Change room to public
+            await dialog.getByRole("button", { name: "Room visibility" }).click();
+            await dialog.getByRole("option", { name: "Public room" }).click();
+            // Fill room address
+            await dialog.getByRole("textbox", { name: "Room address" }).fill("test-create-room-standard");
+
+            axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
+            await expect(axe).toHaveNoViolations();
+            // Snapshot it
+            // Mask topic to avoid flakiness with top border
+            await expect(dialog).toMatchScreenshot("create-room.png", {
+                mask: [dialog.locator(".mx_CreateRoomDialog_topic")],
+            });
+
+            // Submit
+            await dialog.getByRole("button", { name: "Create room" }).click();
+
+            await expect(page).toHaveURL(new RegExp(`/#/room/#test-create-room-standard:${user.homeServer}`));
+            const header = page.locator(".mx_RoomHeader");
+            await expect(header).toContainText(name);
+        },
+    );
+
+    test("should allow us to start a chat and show encryption state", async ({ page, user, app }) => {
+        await rejectToast(page, "Verify this device");
+
+        await page.getByRole("button", { name: "New conversation", exact: true }).click();
+        await page.getByRole("menuitem", { name: "Start chat" }).click();
+
+        await page.getByTestId("invite-dialog-input").fill(user.userId);
+
+        await page.getByRole("button", { name: "Go" }).click();
+
+        await expect(page.getByRole("heading", { name: "Start a chat with this new contact?" })).toBeVisible();
+        await page.getByRole("button", { name: "Continue" }).click();
+
+        await expect(page.getByText("Encryption enabled")).toBeVisible();
+        await expect(page.getByText("Send your first message to")).toBeVisible();
+
+        const composer = page.getByRole("region", { name: "Message composer" });
+        await expect(composer.getByRole("textbox", { name: "Send a message…" })).toBeVisible();
+    });
+
+    test("should create a video room", { tag: "@screenshot" }, async ({ page, user, app }) => {
+        await app.settings.setValue("feature_video_rooms", null, SettingLevel.DEVICE, true);
+        await rejectToast(page, "Verify this device");
+
+        const dialog = await app.openCreateRoomDialog("New video room");
+        // Fill name & topic
+        await dialog.getByRole("textbox", { name: "Name" }).fill(name);
+        await dialog.getByRole("textbox", { name: "Topic" }).fill(topic);
+        // Change room to public
+        await dialog.getByRole("button", { name: "Room visibility" }).click();
+        await dialog.getByRole("option", { name: "Public room" }).click();
+        // Fill room address
+        await dialog.getByRole("textbox", { name: "Room address" }).fill("test-create-room-video");
+        // Snapshot it
+        // Mask topic to avoid flakiness with top border
+        await expect(dialog).toMatchScreenshot("create-video-room.png", {
+            mask: [dialog.locator(".mx_CreateRoomDialog_topic")],
+        });
+
+        // Submit
+        await dialog.getByRole("button", { name: "Create video room" }).click();
+
+        await expect(page).toHaveURL(new RegExp(`/#/room/#test-create-room-video:${user.homeServer}`));
+        const header = page.locator(".mx_RoomHeader");
+        await expect(header).toContainText(name);
+    });
+
+    test.describe("Should hide public room option if not allowed", () => {
+        test.use({
+            config: {
+                setting_defaults: {
+                    [UIFeature.AllowCreatingPublicRooms]: false,
+                },
+            },
+        });
+
+        test("should disallow creating public rooms", { tag: "@screenshot" }, async ({ page, user, app, axe }) => {
+            await rejectToast(page, "Verify this device");
+            const dialog = await app.openCreateRoomDialog();
+            // Fill name & topic
+            await dialog.getByRole("textbox", { name: "Name" }).fill(name);
+            await dialog.getByRole("textbox", { name: "Topic" }).fill(topic);
+
+            axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
+            await expect(axe).toHaveNoViolations();
+            // Snapshot it
+            // Mask topic to avoid flakiness with top border
+            await expect(dialog).toMatchScreenshot("create-room-no-public.png", {
+                mask: [dialog.locator(".mx_CreateRoomDialog_topic")],
+            });
+
+            // Submit
+            await dialog.getByRole("button", { name: "Create room" }).click();
+
+            await expect(page).toHaveURL(new RegExp(`/#/room/!.+`));
+            const header = page.locator(".mx_RoomHeader");
+            await expect(header).toContainText(name);
+        });
+    });
+
+    test.describe("when the encrypted state labs flag is turned off", () => {
+        test.use({ labsFlags: [] });
+
+        test("creates a room without encrypted state", { tag: "@screenshot" }, async ({ page, user: _user, app }) => {
+            await rejectToast(page, "Verify this device");
+
+            // When we start to create a room
+            await page.getByRole("button", { name: "New conversation", exact: true }).click();
+            await page.getByRole("menuitem", { name: "New room" }).click();
+            await page.getByRole("textbox", { name: "Name" }).fill(name);
+
+            // Then there is no Encrypt state events button
+            await expect(page.getByRole("checkbox", { name: "Encrypt state events" })).not.toBeVisible();
+
+            // And when we create the room
+            await page.getByRole("button", { name: "Create room" }).click();
+
+            // Then we created a normal encrypted room, without encrypted state
+            await expect(page.getByText("Encryption enabled")).toBeVisible();
+            await expect(page.getByText("State encryption enabled")).not.toBeVisible();
+
+            // And the room name state event is not encrypted
+            await viewSourceOnRoomNameEvent(page);
+            await expect(page.getByText("Original event source")).toBeVisible();
+            await expect(page.getByText("Decrypted event source")).not.toBeVisible();
+        });
+    });
+
+    test.describe("when the encrypted state labs flag is turned on", () => {
+        test.use({ labsFlags: ["feature_msc4362_encrypted_state_events"] });
+
+        test(
+            "creates a room with encrypted state if we check the box",
+            { tag: "@screenshot" },
+            async ({ page, user: _user, app }) => {
+                await rejectToast(page, "Verify this device");
+
+                // Given we check the Encrypted State checkbox
+                await page.getByRole("button", { name: "New conversation", exact: true }).click();
+                await page.getByRole("menuitem", { name: "New room" }).click();
+                await expect(page.getByRole("switch", { name: "Enable end-to-end encryption" })).toBeChecked();
+                await page.getByRole("switch", { name: "Encrypt state events" }).click();
+                await expect(page.getByRole("switch", { name: "Encrypt state events" })).toBeChecked();
+
+                // When we create a room
+                await page.getByRole("textbox", { name: "Name" }).fill(name);
+                await page.getByRole("button", { name: "Create room" }).click();
+
+                // Then we created an encrypted state room
+                await expect(page.getByText("State encryption enabled")).toBeVisible();
+
+                // And it has the correct name
+                await expect(page.getByTestId("timeline").getByRole("heading", { name })).toBeVisible();
+
+                // And the room name state event is encrypted
+                await viewSourceOnRoomNameEvent(page);
+                await expect(page.getByText("Decrypted event source")).toBeVisible();
+            },
+        );
+
+        test(
+            "creates a room without encrypted state if we don't check the box",
+            { tag: "@screenshot" },
+            async ({ page, user: _user, app }) => {
+                await rejectToast(page, "Verify this device");
+
+                // Given we did not check the Encrypted State checkbox
+                await page.getByRole("button", { name: "New conversation", exact: true }).click();
+                await page.getByRole("menuitem", { name: "New room" }).click();
+                await expect(page.getByRole("switch", { name: "Enable end-to-end encryption" })).toBeChecked();
+
+                // And it is off by default
+                await expect(page.getByRole("switch", { name: "Encrypt state events" })).not.toBeChecked();
+
+                // When we create a room
+                await page.getByRole("textbox", { name: "Name" }).fill(name);
+                await page.getByRole("button", { name: "Create room" }).click();
+
+                // Then we created a normal encrypted room, without encrypted state
+                await expect(page.getByText("Encryption enabled")).toBeVisible();
+                await expect(page.getByText("State encryption enabled")).not.toBeVisible();
+
+                // And it has the correct name
+                await expect(page.getByTestId("timeline").getByRole("heading", { name })).toBeVisible();
+
+                // And the room name state event is not encrypted
+                await viewSourceOnRoomNameEvent(page);
+                await expect(page.getByText("Original event source")).toBeVisible();
+                await expect(page.getByText("Decrypted event source")).not.toBeVisible();
+            },
+        );
+    });
+});
+
+async function viewSourceOnRoomNameEvent(page: Page) {
+    await page
+        .getByRole("listitem")
+        .filter({ hasText: "created and configured the room" })
+        .getByRole("button", { name: "expand" })
+        .click();
+
+    await page
+        .getByRole("listitem")
+        .filter({ hasText: "changed the room name to" })
+        .getByRole("button", { name: "Options" })
+        .click();
+
+    await page.getByRole("menuitem", { name: "View source" }).click();
+}
diff --git a/apps/web/playwright/e2e/room/invites.spec.ts b/apps/web/playwright/e2e/room/invites.spec.ts
new file mode 100644
index 00000000000..a1cc70874ec
--- /dev/null
+++ b/apps/web/playwright/e2e/room/invites.spec.ts
@@ -0,0 +1,74 @@
+/*
+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 { test, expect } from "../../element-web-test";
+
+test.describe("Invites", () => {
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: {
+            displayName: "Bob",
+        },
+    });
+
+    test("should render an invite view", { tag: "@screenshot" }, async ({ page, homeserver, user, bot, app }) => {
+        const roomId = await bot.createRoom({ is_direct: true });
+        await bot.inviteUser(roomId, user.userId);
+        await app.viewRoomByName("Bob");
+        await expect(page.locator(".mx_RoomView")).toMatchScreenshot("Invites_room_view.png", {
+            // Hide the mxid, which is not stable.
+            css: `
+                .mx_RoomPreviewBar_inviter_mxid {
+                    display: none !important;
+                }
+            `,
+        });
+    });
+
+    test("should be able to decline an invite", async ({ page, homeserver, user, bot, app }) => {
+        const roomId = await bot.createRoom({ is_direct: true });
+        await bot.inviteUser(roomId, user.userId);
+        await app.viewRoomByName("Bob");
+        await page.getByRole("button", { name: "Decline", exact: true }).click();
+        await expect(page.getByRole("heading", { name: "Welcome Alice", exact: true })).toBeVisible();
+        await expect(
+            page.getByRole("tree", { name: "Rooms" }).getByRole("treeitem", { name: "Bob", exact: true }),
+        ).not.toBeVisible();
+    });
+
+    test(
+        "should be able to decline an invite, report the room and ignore the user",
+        { tag: "@screenshot" },
+        async ({ page, homeserver, user, bot, app }) => {
+            const roomId = await bot.createRoom({ is_direct: true });
+            await bot.inviteUser(roomId, user.userId);
+            await app.viewRoomByName("Bob");
+            await page.getByRole("button", { name: "Decline and block" }).click();
+            await page.getByLabel("Ignore user").click();
+            await page.getByLabel("Report room").click();
+            await page.getByLabel("Reason").fill("Do not want the room");
+            const roomReported = page.waitForRequest(
+                (req) =>
+                    req.url().endsWith(`/_matrix/client/v3/rooms/${encodeURIComponent(roomId)}/report`) &&
+                    req.method() === "POST",
+            );
+            await expect(page.getByRole("dialog", { name: "Decline invitation" })).toMatchScreenshot(
+                "Invites_reject_dialog.png",
+            );
+            await page.getByRole("button", { name: "Decline invite" }).click();
+
+            // Check room was reported.
+            await roomReported;
+
+            // Check user is ignored.
+            await app.settings.openUserSettings("Security & Privacy");
+            const ignoredUsersList = page.getByRole("list", { name: "Ignored users" });
+            await ignoredUsersList.scrollIntoViewIfNeeded();
+            await expect(ignoredUsersList.getByRole("listitem", { name: bot.credentials!.userId })).toBeVisible();
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/room/room-header.spec.ts b/apps/web/playwright/e2e/room/room-header.spec.ts
new file mode 100644
index 00000000000..d23ef5e770e
--- /dev/null
+++ b/apps/web/playwright/e2e/room/room-header.spec.ts
@@ -0,0 +1,172 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Suguru Hirahara
+
+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 Page } from "@playwright/test";
+import { type Visibility } from "matrix-js-sdk/src/matrix";
+import { closeReleaseAnnouncement, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test";
+import { type ElementAppPage } from "../../pages/ElementAppPage";
+
+test.describe("Room Header", () => {
+    test.use({
+        displayName: "Sakura",
+    });
+
+    test.beforeEach(async ({ page, app, user }) => {
+        // The toasts are displayed above the search section
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+
+        // Close the release announcement about the new room list sections
+        await closeReleaseAnnouncement(page, "Introducing Sections");
+    });
+
+    test.describe("with feature_notifications enabled", () => {
+        test.use({
+            labsFlags: ["feature_notifications"],
+        });
+        test("should render default buttons properly", { tag: "@screenshot" }, async ({ page, app, user }) => {
+            await app.client.createRoom({ name: "Test Room" });
+            await app.viewRoomByName("Test Room");
+
+            const header = page.locator(".mx_RoomHeader");
+
+            // There's two room info button - the header itself and the i button
+            const infoButtons = header.getByRole("button", { name: "Room info" });
+            await expect(infoButtons).toHaveCount(2);
+            await expect(infoButtons.first()).toBeVisible();
+            await expect(infoButtons.last()).toBeVisible();
+
+            // Memberlist button
+            await expect(header.locator(".mx_FacePile")).toBeVisible();
+
+            // There should be both a voice and a video call button
+            await expect(header.getByRole("button", { name: "Video call" })).toBeVisible();
+            await expect(header.getByRole("button", { name: "Voice call" })).toBeVisible();
+
+            await expect(header.getByRole("button", { name: "Threads" })).toBeVisible();
+            await expect(header.getByRole("button", { name: "Notifications" })).toBeVisible();
+
+            // Assert that there are eight buttons in total
+            await expect(header.getByRole("button")).toHaveCount(8);
+
+            await expect(header).toMatchScreenshot("room-header.png");
+        });
+
+        test(
+            "should render a very long room name without collapsing the buttons",
+            { tag: "@screenshot" },
+            async ({ page, app, user }) => {
+                const LONG_ROOM_NAME =
+                    "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore " +
+                    "et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut " +
+                    "aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum " +
+                    "dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui " +
+                    "officia deserunt mollit anim id est laborum.";
+
+                await app.client.createRoom({ name: LONG_ROOM_NAME });
+                await app.viewRoomByName(LONG_ROOM_NAME);
+
+                const header = page.locator(".mx_RoomHeader");
+                // Wait until the room name is set
+                await expect(page.locator(".mx_RoomHeader_heading").getByText(LONG_ROOM_NAME)).toBeVisible();
+
+                // Assert the size of buttons on RoomHeader are specified and the buttons are not compressed
+                // Note these assertions do not check the size of mx_LegacyRoomHeader_name button
+                const buttons = header.getByRole("button").filter({
+                    has: page.locator("svg"),
+                });
+                await expect(buttons).toHaveCount(5);
+
+                for (const button of await buttons.all()) {
+                    await expect(button).toBeVisible();
+                    await expect(button).toHaveCSS("height", "32px");
+                    await expect(button).toHaveCSS("width", "32px");
+                }
+
+                await expect(header).toMatchScreenshot("room-header-long-name.png");
+            },
+        );
+
+        test("should render room header icon correctly", { tag: "@screenshot" }, async ({ page, app, user }) => {
+            await app.client.createRoom({ name: "Test Room", visibility: "public" as Visibility });
+            await app.viewRoomByName("Test Room");
+
+            const header = page.locator(".mx_RoomHeader");
+
+            await expect(header).toMatchScreenshot("room-header-with-icon.png");
+        });
+    });
+
+    test.describe("with a video room", () => {
+        test.use({ labsFlags: ["feature_video_rooms"] });
+
+        const createVideoRoom = async (page: Page, app: ElementAppPage) => {
+            const roomListHeader = page.getByTestId("room-list-header");
+            await roomListHeader.getByRole("button", { name: "New conversation" }).click();
+            await page.getByRole("menuitem", { name: "New video room" }).click();
+
+            await page.getByRole("textbox", { name: "Name" }).type("Test video room");
+
+            await page.getByRole("button", { name: "Create video room" }).click();
+
+            await app.viewRoomByName("Test video room");
+        };
+
+        test.describe("and with feature_notifications enabled", () => {
+            test.use({ labsFlags: ["feature_video_rooms", "feature_notifications"] });
+
+            test(
+                "should render buttons for chat, room info, threads and facepile",
+                { tag: "@screenshot" },
+                async ({ page, app, user }) => {
+                    await createVideoRoom(page, app);
+                    const header = page.locator(".mx_RoomHeader");
+
+                    // There's two room info button - the header itself and the i button
+                    const infoButtons = header.getByRole("button", { name: "Room info" });
+                    await expect(infoButtons).toHaveCount(2);
+                    await expect(infoButtons.first()).toBeVisible();
+                    await expect(infoButtons.last()).toBeVisible();
+
+                    // Facepile
+                    await expect(header.locator(".mx_FacePile")).toBeVisible();
+
+                    // Chat, Threads and Notification buttons
+                    await expect(header.getByRole("button", { name: "Chat" })).toBeVisible();
+                    await expect(header.getByRole("button", { name: "Threads" })).toBeVisible();
+                    await expect(header.getByRole("button", { name: "Notifications" })).toBeVisible();
+
+                    // Assert that there is not a button except those buttons
+                    await expect(header.getByRole("button")).toHaveCount(7);
+
+                    await expect(header).toMatchScreenshot("room-header-video-room.png");
+                },
+            );
+        });
+
+        test("should render a working chat button which opens the timeline on a right panel", async ({
+            page,
+            app,
+            user,
+        }) => {
+            await createVideoRoom(page, app);
+
+            await page.locator(".mx_RoomHeader").getByRole("button", { name: "Chat" }).click();
+
+            // Assert that the call view is still visible
+            await expect(page.locator(".mx_CallView")).toBeVisible();
+
+            // Assert that GELS is visible
+            await expect(
+                page.locator(".mx_RightPanel .mx_TimelineCard").getByText("Sakura created and configured the room."),
+            ).toBeVisible();
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/room/room-status-bar.spec.ts b/apps/web/playwright/e2e/room/room-status-bar.spec.ts
new file mode 100644
index 00000000000..55cfd8471bc
--- /dev/null
+++ b/apps/web/playwright/e2e/room/room-status-bar.spec.ts
@@ -0,0 +1,189 @@
+/*
+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 { getToast, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test";
+
+test.describe("Room Status Bar", () => {
+    test.use({
+        displayName: "Jim",
+        page: async ({ page }, use) => {
+            // Increase width as these components look horrible at lower
+            // widths.
+            await page.setViewportSize({ width: 1400, height: 768 });
+            await use(page);
+        },
+        room: async ({ app, user, page }, use) => {
+            const roomId = await app.client.createRoom({
+                name: "A room",
+            });
+            await rejectToast(page, "Verify this device");
+            await rejectToast(page, "Notifications");
+            await app.viewRoomById(roomId);
+            await use({ roomId });
+        },
+    });
+
+    test("should show an error when sync stops", { tag: "@screenshot" }, async ({ page, user, app, room, axe }) => {
+        await page.route("**/_matrix/client/*/sync*", async (route, req) => {
+            await route.fulfill({
+                status: 500,
+                contentType: "application/json",
+                body: '{"error": "Test fail", "errcode": "M_UNKNOWN"}',
+            });
+        });
+        await app.client.sendMessage(room.roomId, "forcing sync to run");
+        const banner = page.getByRole("region", { name: "Room status bar" });
+        await expect(banner).toBeVisible({ timeout: 15000 });
+        await expect(banner).toMatchScreenshot("connectivity_lost.png");
+    });
+    test("should NOT an error when a resource limit is hit", async ({ page, user, app, room, axe }) => {
+        await app.viewRoomById(room.roomId);
+        await page.route("**/_matrix/client/*/sync*", async (route, req) => {
+            await route.fulfill({
+                status: 400,
+                contentType: "application/json",
+                body: JSON.stringify({
+                    error: "Test fail",
+                    errcode: "M_RESOURCE_LIMIT_EXCEEDED",
+                    limit_type: "monthly_active_user",
+                    admin_contact: "https://example.org",
+                }),
+            });
+        });
+        await app.client.sendMessage(room.roomId, "forcing sync to run");
+        // Wait for the MAU warning toast to appear so we know this status bar would have appeared.
+        await getToast(page, "Warning", 15000);
+        await expect(page.getByRole("region", { name: "Room status bar" })).not.toBeVisible();
+    });
+    test(
+        "should show an error when the user needs to consent",
+        { tag: "@screenshot" },
+        async ({ page, user, app, room, axe }) => {
+            await app.viewRoomById(room.roomId);
+            await page.route("**/_matrix/client/**/send**", async (route) => {
+                await route.fulfill({
+                    status: 400,
+                    contentType: "application/json",
+                    body: JSON.stringify({
+                        error: "Test fail",
+                        errcode: "M_CONSENT_NOT_GIVEN",
+                        consent_uri: "https://example.org",
+                    }),
+                });
+            });
+            const composer = app.getComposerField();
+            await composer.fill("Hello!");
+            await composer.press("Enter");
+            await page
+                .getByRole("dialog", { name: "Terms and Conditions" })
+                .getByRole("button", { name: "Dismiss" })
+                .click();
+            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", () => {
+        test.beforeEach(async ({ page, user, app, room, axe }) => {
+            await app.viewRoomById(room.roomId);
+            await page.route("**/_matrix/client/**/send**", async (route) => {
+                await route.fulfill({
+                    status: 400,
+                    contentType: "application/json",
+                    body: JSON.stringify({ error: "Test fail", errcode: "M_UNKNOWN" }),
+                });
+            });
+            const composer = app.getComposerField();
+            await composer.fill("Hello!");
+            await composer.press("Enter");
+            const banner = page.getByRole("region", { name: "Room status bar" });
+            await expect(banner).toBeVisible();
+        });
+        test(
+            "should show an error when a message fails to send",
+            { tag: "@screenshot" },
+            async ({ page, user, app, room, axe }) => {
+                const banner = page.getByRole("region", { name: "Room status bar" });
+                await expect(banner).toMatchScreenshot("message_failed.png");
+            },
+        );
+        test("should be able to 'Delete all' messages", async ({ page, user, app, room, axe }) => {
+            const banner = page.getByRole("region", { name: "Room status bar" });
+            await banner.getByRole("button", { name: "Delete all" }).click();
+            await expect(banner).not.toBeVisible();
+        });
+        test("should be able to 'Retry all' messages", async ({ page, user, app, room, axe }) => {
+            const banner = page.getByRole("region", { name: "Room status bar" });
+            await page.unroute("**/_matrix/client/**/send**");
+            await banner.getByRole("button", { name: "Retry all" }).click();
+            await expect(banner).not.toBeVisible();
+        });
+    });
+
+    test.describe("Local rooms", () => {
+        test.use({
+            botCreateOpts: {
+                displayName: "Alice",
+            },
+        });
+        test(
+            "should show an error when creating a local room fails",
+            { tag: "@screenshot" },
+            async ({ page, app, user, bot }) => {
+                await rejectToast(page, "Verify this device");
+                await page
+                    .getByRole("navigation", { name: "Room list" })
+                    .getByRole("button", { name: "New conversation" })
+                    .click();
+                await page.getByRole("menuitem", { name: "Start chat" }).click();
+
+                await page.route("**/_matrix/client/*/createRoom*", async (route, req) => {
+                    await route.fulfill({
+                        status: 400,
+                        contentType: "application/json",
+                        body: JSON.stringify({
+                            error: "Test fail",
+                            errcode: "M_UNKNOWN",
+                        }),
+                    });
+                });
+
+                const other = page.locator(".mx_InviteDialog_other");
+                await other.getByTestId("invite-dialog-input").fill(bot.credentials!.userId);
+                await expect(
+                    other.getByRole("option", { name: "Alice" }).getByText(bot.credentials!.userId),
+                ).toBeVisible();
+                await other.getByRole("option", { name: "Alice" }).click();
+                await other.getByRole("button", { name: "Go" }).click();
+
+                await expect(page.getByRole("heading", { name: "Start a chat with this new contact?" })).toBeVisible();
+                await page.getByRole("button", { name: "Continue" }).click();
+
+                // Send a message to invite the bots
+                const composer = app.getComposerField();
+                await composer.fill("Hello");
+                await composer.press("Enter");
+
+                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");
+
+                await page.unroute("**/_matrix/client/*/createRoom*");
+                await banner.getByRole("button", { name: "Retry" }).click();
+                await expect(banner).not.toBeVisible();
+            },
+        );
+    });
+});
diff --git a/apps/web/playwright/e2e/room/room.spec.ts b/apps/web/playwright/e2e/room/room.spec.ts
new file mode 100644
index 00000000000..ba1ddadff86
--- /dev/null
+++ b/apps/web/playwright/e2e/room/room.spec.ts
@@ -0,0 +1,98 @@
+/*
+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 type { AccountDataEvents } from "matrix-js-sdk/src/matrix";
+import { test, expect } from "../../element-web-test";
+import { Bot } from "../../pages/bot";
+
+test.describe("Room Directory", () => {
+    test.use({
+        displayName: "Alice",
+    });
+
+    test("should switch between existing dm rooms without a loader", async ({ page, homeserver, app, user }) => {
+        const bob = new Bot(page, homeserver, { displayName: "Bob" });
+        await bob.prepareClient();
+        const charlie = new Bot(page, homeserver, { displayName: "Charlie" });
+        await charlie.prepareClient();
+
+        // create dms with bob and charlie
+        await app.client.evaluate(
+            async (cli, { bob, charlie }) => {
+                const bobRoom = await cli.createRoom({ is_direct: true });
+                const charlieRoom = await cli.createRoom({ is_direct: true });
+                await cli.invite(bobRoom.room_id, bob);
+                await cli.invite(charlieRoom.room_id, charlie);
+                await cli.setAccountData("m.direct" as keyof AccountDataEvents, {
+                    [bob]: [bobRoom.room_id],
+                    [charlie]: [charlieRoom.room_id],
+                });
+            },
+            {
+                bob: bob.credentials!.userId,
+                charlie: charlie.credentials!.userId,
+            },
+        );
+
+        await app.viewRoomByName("Bob");
+
+        // short timeout because loader is only visible for short period
+        // we want to make sure it is never displayed when switching these rooms
+        await expect(page.locator(".mx_RoomPreviewBar_spinnerTitle")).not.toBeVisible({ timeout: 1 });
+        // confirm the room was loaded
+        await expect(page.getByText("Bob joined the room")).toBeVisible();
+
+        await app.viewRoomByName("Charlie");
+        await expect(page.locator(".mx_RoomPreviewBar_spinnerTitle")).not.toBeVisible({ timeout: 1 });
+        // confirm the room was loaded
+        await expect(page.getByText("Charlie joined the room")).toBeVisible();
+    });
+
+    test("should memorize the timeline position when switch Room A -> Room B -> Room A", async ({
+        page,
+        app,
+        user,
+    }) => {
+        // Create the two rooms
+        const roomAId = await app.client.createRoom({ name: "Room A" });
+        const roomBId = await app.client.createRoom({ name: "Room B" });
+        // Display Room A
+        await app.viewRoomById(roomAId);
+
+        // Send the first message and get the event ID
+        const { event_id: eventId } = await app.client.sendMessage(roomAId, { body: "test0", msgtype: "m.text" });
+        // Send 49 more messages
+        for (let i = 1; i < 50; i++) {
+            await app.client.sendMessage(roomAId, { body: `test${i}`, msgtype: "m.text" });
+        }
+
+        // Wait for all the messages to be displayed
+        await expect(
+            page.locator(".mx_EventTile_last .mx_MTextBody .mx_EventTile_body").getByText("test49"),
+        ).toBeVisible();
+
+        // Display the first message
+        await page.goto(`/#/room/${roomAId}/${eventId}`);
+
+        // Wait for the first message to be displayed
+        await expect(page.locator(".mx_MTextBody .mx_EventTile_body").getByText("test0")).toBeInViewport();
+
+        // Display Room B
+        await app.viewRoomById(roomBId);
+
+        // Let the app settle to avoid flakiness
+        await page.waitForTimeout(500);
+
+        // Display Room A
+        await app.viewRoomById(roomAId);
+
+        // The timeline should display the first message
+        // The previous position before switching to Room B should be remembered
+        await expect(page.locator(".mx_MTextBody .mx_EventTile_body").getByText("test0")).toBeInViewport();
+    });
+});
diff --git a/apps/web/playwright/e2e/room_options/marked_unread.spec.ts b/apps/web/playwright/e2e/room_options/marked_unread.spec.ts
new file mode 100644
index 00000000000..dffdfe34120
--- /dev/null
+++ b/apps/web/playwright/e2e/room_options/marked_unread.spec.ts
@@ -0,0 +1,62 @@
+/*
+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.
+*/
+
+import { rejectToastIfExists } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+const TEST_ROOM_NAME = "The mark unread test room";
+
+test.describe("Mark as Unread", () => {
+    test.skip(isDendrite, "due to Dendrite bug https://github.com/element-hq/dendrite/issues/2970");
+
+    test.use({
+        displayName: "Tom",
+        botCreateOpts: {
+            displayName: "BotBob",
+            autoAcceptInvites: true,
+        },
+    });
+
+    test("should mark a room as unread", async ({ page, app, bot }) => {
+        const roomId = await app.client.createRoom({
+            name: TEST_ROOM_NAME,
+        });
+        const dummyRoomId = await app.client.createRoom({
+            name: "Room of no consequence",
+        });
+        await app.client.inviteUser(roomId, bot.credentials!.userId);
+        await bot.joinRoom(roomId);
+        await bot.sendMessage(roomId, "I am a robot. Beep.");
+
+        // Regular notification on new message
+        await expect(page.getByLabel(`Open room ${TEST_ROOM_NAME} with 1 unread message.`)).toBeVisible();
+        await expect(page).toHaveTitle("Element [1]");
+
+        await page.goto("/#/room/" + roomId);
+
+        // should now be read, since we viewed the room (we have to assert the page title:
+        // the room badge isn't visible since we're viewing the room)
+        await expect(page).toHaveTitle("Element | " + TEST_ROOM_NAME);
+
+        // navigate away from the room again
+        await page.goto("/#/room/" + dummyRoomId);
+
+        await rejectToastIfExists(page, "Verify this device");
+
+        const roomTile = page.getByLabel(TEST_ROOM_NAME);
+        await roomTile.click({ button: "right" });
+        await page.getByRole("menuitem", { name: "Mark as unread" }).click();
+
+        // focus another room to make the notification decoration appear (room options are display on hover)
+        await page.getByRole("option", { name: "Open room Room of no consequence" }).click();
+
+        await expect(roomTile.getByTestId("notification-decoration")).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/settings/account-user-settings-tab.spec.ts b/apps/web/playwright/e2e/settings/account-user-settings-tab.spec.ts
new file mode 100644
index 00000000000..78384197d86
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/account-user-settings-tab.spec.ts
@@ -0,0 +1,239 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Suguru Hirahara
+
+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 Route } from "@playwright/test";
+
+import { test, expect } from "../../element-web-test";
+import { getSampleFilePath } from "../../sample-files";
+
+const USER_NAME = "Bob";
+const USER_NAME_NEW = "Alice";
+const EXTERNAL_ACCOUNT_MANAGEMENT_URL = "https://just.for.test.io/";
+
+test.describe("Account user settings tab", () => {
+    test.use({
+        displayName: USER_NAME,
+        config: {
+            default_country_code: "US", // For checking the international country calling code
+        },
+        uut: async ({ app, user }, use) => {
+            const locator = await app.settings.openUserSettings("Account");
+            await use(locator);
+        },
+    });
+
+    test("should be rendered properly", { tag: "@screenshot" }, async ({ uut, user, axe }) => {
+        await expect(uut).toMatchScreenshot("account.png");
+
+        // Assert that the top heading is rendered
+        await expect(uut.getByRole("heading", { name: "Account", exact: true })).toBeVisible();
+
+        const profile = uut.locator(".mx_UserProfileSettings_profile");
+        await profile.scrollIntoViewIfNeeded();
+        await expect(profile.getByRole("textbox", { name: "Display Name" })).toHaveValue(USER_NAME);
+
+        // Assert that a userId is rendered
+        await expect(uut.getByLabel("Username")).toHaveText(user.userId);
+
+        // Wait until spinners disappear
+        await expect(uut.getByTestId("accountSection").locator(".mx_Spinner")).not.toBeVisible();
+        await expect(uut.getByTestId("discoverySection").locator(".mx_Spinner")).not.toBeVisible();
+
+        const accountSection = uut.getByTestId("accountSection");
+        await accountSection.scrollIntoViewIfNeeded();
+        // Assert that input areas for changing a password exists
+        await expect(accountSection.getByLabel("Current password")).toBeVisible();
+        await expect(accountSection.getByLabel("New Password")).toBeVisible();
+        await expect(accountSection.getByLabel("Confirm password")).toBeVisible();
+
+        // Check email addresses area
+        const emailAddresses = uut.getByTestId("mx_AccountEmailAddresses");
+        await emailAddresses.scrollIntoViewIfNeeded();
+        // Assert that an input area for a new email address is rendered
+        await expect(emailAddresses.getByRole("textbox", { name: "Email Address" })).toBeVisible();
+        // Assert the add button is visible
+        await expect(emailAddresses.getByRole("button", { name: "Add" })).toBeVisible();
+
+        // Check phone numbers area
+        const phoneNumbers = uut.getByTestId("mx_AccountPhoneNumbers");
+        await phoneNumbers.scrollIntoViewIfNeeded();
+        // Assert that an input area for a new phone number is rendered
+        await expect(phoneNumbers.getByRole("textbox", { name: "Phone Number" })).toBeVisible();
+        // Assert that the add button is rendered
+        await expect(phoneNumbers.getByRole("button", { name: "Add" })).toBeVisible();
+
+        // Assert the account deactivation button is displayed
+        const accountManagementSection = uut.getByTestId("account-management-section");
+        await accountManagementSection.scrollIntoViewIfNeeded();
+        await expect(accountManagementSection.getByRole("button", { name: "Deactivate Account" })).toHaveClass(
+            /mx_AccessibleButton_kind_danger/,
+        );
+
+        await expect(axe).toHaveNoViolations();
+    });
+
+    test("should respond to small screen sizes", { tag: "@screenshot" }, async ({ page, uut }) => {
+        await page.setViewportSize({ width: 700, height: 600 });
+        await expect(uut).toMatchScreenshot("account-smallscreen.png");
+    });
+
+    test.describe("with external account management", () => {
+        test.use({
+            page: async ({ page }, runFixture) => {
+                const authMetadataHandler = async (route: Route): Promise<void> => {
+                    await route.fulfill({
+                        json: {
+                            issuer: EXTERNAL_ACCOUNT_MANAGEMENT_URL,
+                            authorization_endpoint: `${EXTERNAL_ACCOUNT_MANAGEMENT_URL}authorize`,
+                            token_endpoint: `${EXTERNAL_ACCOUNT_MANAGEMENT_URL}token`,
+                            revocation_endpoint: `${EXTERNAL_ACCOUNT_MANAGEMENT_URL}revoke`,
+                            registration_endpoint: `${EXTERNAL_ACCOUNT_MANAGEMENT_URL}register`,
+                            response_types_supported: ["code"],
+                            grant_types_supported: ["authorization_code", "refresh_token"],
+                            response_modes_supported: ["query", "fragment"],
+                            code_challenge_methods_supported: ["S256"],
+                            account_management_uri: EXTERNAL_ACCOUNT_MANAGEMENT_URL,
+                        },
+                    });
+                };
+
+                await page.route("**/_matrix/client/v1/auth_metadata", authMetadataHandler);
+                await page.route("**/_matrix/client/unstable/org.matrix.msc2965/auth_metadata", authMetadataHandler);
+                await runFixture(page);
+            },
+        });
+
+        test("should render the manage account button properly", { tag: "@screenshot" }, async ({ uut, axe }) => {
+            const manageAccountButton = uut.getByTestId("external-account-management-link");
+
+            await expect(manageAccountButton).toBeVisible();
+            await expect(manageAccountButton).toHaveAttribute("href", EXTERNAL_ACCOUNT_MANAGEMENT_URL);
+            await expect(manageAccountButton).toHaveAttribute("target", "_blank");
+            await expect(manageAccountButton).toHaveText(/Manage account/);
+
+            const profileButtons = uut.locator(".mx_UserProfileSettings_profile_buttons");
+            await profileButtons.scrollIntoViewIfNeeded();
+            await expect(profileButtons).toMatchScreenshot("account-manage-account-button.png");
+
+            await expect(axe).toHaveNoViolations();
+        });
+    });
+
+    test("should show tooltips on narrow screen", async ({ page, uut }) => {
+        await page.setViewportSize({ width: 700, height: 600 });
+        await page.getByRole("tab", { name: "Account" }).hover();
+        await expect(page.getByRole("tooltip")).toHaveText("Account");
+    });
+
+    test("should support adding and removing a profile picture", async ({ uut, page }) => {
+        const profileSettings = uut.locator(".mx_UserProfileSettings");
+        // Upload a picture
+        await profileSettings.getByAltText("Upload").setInputFiles(getSampleFilePath("riot.png"));
+
+        // Image should be visible
+        await expect(profileSettings.locator(".mx_AvatarSetting_avatar img")).toBeVisible();
+
+        // Open the menu & click remove
+        await profileSettings.getByRole("button", { name: "Profile Picture" }).click();
+        await page.getByRole("menuitem", { name: "Remove" }).click();
+
+        // Assert that the image disappeared
+        await expect(profileSettings.locator(".mx_AvatarSetting_avatar img")).not.toBeVisible();
+    });
+
+    test("should set a country calling code based on default_country_code", async ({ uut }) => {
+        // Check phone numbers area
+        const accountPhoneNumbers = uut.getByTestId("mx_AccountPhoneNumbers");
+        await accountPhoneNumbers.scrollIntoViewIfNeeded();
+        // Assert that an input area for a new phone number is rendered
+        await expect(accountPhoneNumbers.getByRole("textbox", { name: "Phone Number" })).toBeVisible();
+
+        // Check a new phone number dropdown menu
+        const dropdown = accountPhoneNumbers.locator(".mx_PhoneNumbers_country");
+        await dropdown.scrollIntoViewIfNeeded();
+        // Assert that the country calling code of the United States is visible
+        await expect(dropdown.getByText(/\+1/)).toBeVisible();
+
+        // Click the button to display the dropdown menu
+        await dropdown.getByRole("button", { name: "Country Dropdown" }).click();
+
+        // Assert that the option for calling code of the United Kingdom is visible
+        await expect(dropdown.getByRole("option", { name: /United Kingdom/ })).toBeVisible();
+
+        // Click again to close the dropdown
+        await dropdown.getByRole("button", { name: "Country Dropdown" }).click();
+
+        // Assert that the default value is rendered again
+        await expect(dropdown.getByText(/\+1/)).toBeVisible();
+
+        await expect(accountPhoneNumbers.getByRole("button", { name: "Add" })).toBeVisible();
+    });
+
+    test("should support changing a display name", async ({ uut, page, app, user }) => {
+        // Change the diaplay name to USER_NAME_NEW
+        const displayNameInput = uut
+            .locator(".mx_SettingsTab .mx_UserProfileSettings")
+            .getByRole("textbox", { name: "Display Name" });
+        await displayNameInput.fill(USER_NAME_NEW);
+        await displayNameInput.press("Enter");
+
+        await app.closeDialog();
+
+        // Assert the avatar's initial characters are set
+        const menu = await app.openUserMenu();
+        await expect(menu.getByRole("img", { name: user.userId }).getByText("A")).toBeVisible(); // Alice
+        await expect(page.locator(".mx_RoomView_wrapper .mx_BaseAvatar").getByText("A")).toBeVisible(); // Alice
+    });
+
+    // ported to a playwright test because the jest test was very flakey for no obvious reason
+    test("should display an error if the code is incorrect when adding a phone number", async ({ uut, page }) => {
+        const dummyUrl = "https://nowhere.dummy/_matrix/client/unstable/add_threepid/msisdn/submit_token";
+
+        await page.route(
+            `**/_matrix/client/v3/account/3pid/msisdn/requestToken`,
+            async (route) => {
+                await route.fulfill({
+                    json: {
+                        success: true,
+                        sid: "1",
+                        msisdn: "447700900000",
+                        intl_fmt: "+44 7700 900000",
+                        submit_url: dummyUrl,
+                    },
+                });
+            },
+            { times: 1 },
+        );
+
+        await page.route(
+            dummyUrl,
+            async (route) => {
+                await route.fulfill({
+                    status: 400,
+                    json: {
+                        errcode: "M_THREEPID_AUTH_FAILED",
+                        error: "That code is definitely wrong",
+                    },
+                });
+            },
+            { times: 1 },
+        );
+
+        const phoneSection = page.getByTestId("mx_AccountPhoneNumbers");
+        await phoneSection.getByRole("textbox", { name: "Phone Number" }).fill("07700900000");
+        await phoneSection.getByRole("button", { name: "Add" }).click();
+
+        await phoneSection
+            .getByRole("textbox", { name: "Verification code" })
+            .fill("A small eurasian field mouse dancing the paso doble");
+
+        await phoneSection.getByRole("button", { name: "Continue" }).click();
+
+        await expect(page.getByRole("heading", { name: "Unable to verify phone number." })).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts b/apps/web/playwright/e2e/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts
new file mode 100644
index 00000000000..4012db089e3
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts
@@ -0,0 +1,101 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 2023 Suguru Hirahara
+
+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 { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { expect, test } from ".";
+
+test.describe("Appearance user settings tab", () => {
+    test.use({
+        displayName: "Hanako",
+    });
+
+    test("should be rendered properly", { tag: "@screenshot" }, async ({ page, user, app, axe }) => {
+        await rejectToast(page, "Verify this device");
+        const tab = await app.settings.openUserSettings("Appearance");
+
+        // Click "Show advanced" link button
+        await tab.getByRole("button", { name: "Show advanced" }).click();
+
+        // Assert that "Hide advanced" link button is rendered
+        await expect(tab.getByRole("button", { name: "Hide advanced" })).toBeVisible();
+
+        await expect(tab).toMatchScreenshot("appearance-tab.png");
+
+        await expect(axe).toHaveNoViolations();
+    });
+
+    test(
+        "should support changing font size by using the font size dropdown",
+        { tag: "@screenshot" },
+        async ({ page, app, user }) => {
+            await rejectToast(page, "Verify this device");
+            await app.settings.openUserSettings("Appearance");
+
+            const tab = page.getByTestId("mx_AppearanceUserSettingsTab");
+            const fontDropdown = tab.locator(".mx_FontScalingPanel_Dropdown");
+            await expect(fontDropdown.getByLabel("Font size")).toBeVisible();
+
+            // Default browser font size is 16px and the select value is 0
+            // -4 value is 12px
+            await fontDropdown.getByLabel("Font size").selectOption({ value: "-4" });
+
+            await expect(page).toMatchScreenshot("window-12px.png", { includeDialogBackground: true });
+        },
+    );
+
+    test("should support enabling system font", async ({ page, app, user }) => {
+        await rejectToast(page, "Verify this device");
+        await app.settings.openUserSettings("Appearance");
+        const tab = page.getByTestId("mx_AppearanceUserSettingsTab");
+
+        // Click "Show advanced" link button
+        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();
+
+        // 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 }) => {
+            await rejectToast(page, "Verify this device");
+            await rejectToast(page, "Notifications");
+
+            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/apps/web/playwright/e2e/settings/appearance-user-settings-tab/index.ts b/apps/web/playwright/e2e/settings/appearance-user-settings-tab/index.ts
new file mode 100644
index 00000000000..a7c49bc2f1c
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/appearance-user-settings-tab/index.ts
@@ -0,0 +1,244 @@
+/*
+ * 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.
+ */
+
+import { type Locator, type Page } from "@playwright/test";
+
+import { type ElementAppPage } from "../../../pages/ElementAppPage";
+import { test as base, expect } from "../../../element-web-test";
+import { SettingLevel } from "../../../../src/settings/SettingLevel";
+import { Layout } from "../../../../src/settings/enums/Layout";
+
+export { expect };
+
+/**
+ * Set up for the appearance tab test
+ */
+export const test = base.extend<{
+    util: Helpers;
+}>({
+    util: async ({ page, app }, use) => {
+        await use(new Helpers(page, app));
+    },
+});
+
+/**
+ * A collection of helper functions for the appearance tab test
+ * The goal is to make easier to get and interact with the button, input, or other elements of the appearance tab
+ */
+class Helpers {
+    private CUSTOM_THEME_URL = "http://custom.theme";
+    private CUSTOM_THEME = {
+        name: "Custom theme",
+        isDark: false,
+        colors: {},
+        compound: {
+            "--cpd-color-bg-canvas-default": "tomato",
+        },
+    };
+
+    constructor(
+        private page: Page,
+        private app: ElementAppPage,
+    ) {}
+
+    /**
+     * Open the appearance tab
+     */
+    openAppearanceTab() {
+        return this.app.settings.openUserSettings("Appearance");
+    }
+
+    /**
+     * Close the appearance tab
+     */
+    closeAppearanceTab() {
+        return this.app.settings.closeDialog();
+    }
+
+    /**
+     * Compare screenshot and hide the matrix chat
+     * @param locator
+     * @param screenshot
+     */
+    assertScreenshot(locator: Locator, screenshot: `${string}.png`) {
+        return expect(locator).toMatchScreenshot(screenshot, {
+            css: `
+                   #matrixchat {
+                        display: none;
+                    }
+                `,
+        });
+    }
+
+    // Theme Panel
+
+    /**
+     * Disable in the settings the system theme
+     */
+    disableSystemTheme() {
+        return this.app.settings.setValue("use_system_theme", null, SettingLevel.DEVICE, false);
+    }
+
+    /**
+     * Return the theme section
+     */
+    getThemePanel() {
+        return this.page.getByTestId("themePanel");
+    }
+
+    /**
+     * Return the system theme toggle
+     */
+    getMatchSystemThemeSwitch() {
+        return this.getThemePanel().getByRole("switch", { name: "Match system theme" });
+    }
+
+    /**
+     * Return the theme radio button
+     * @param theme - the theme to select
+     * @private
+     */
+    private getThemeRadio(theme: string) {
+        return this.getThemePanel().getByRole("radio", { name: theme });
+    }
+
+    /**
+     * Return the light theme radio button
+     */
+    getLightTheme() {
+        return this.getThemeRadio("Light");
+    }
+
+    /**
+     * Return the dark theme radio button
+     */
+    getDarkTheme() {
+        return this.getThemeRadio("Dark");
+    }
+
+    /**
+     * Return the custom theme radio button
+     */
+    getCustomTheme() {
+        return this.getThemeRadio(this.CUSTOM_THEME.name);
+    }
+
+    /**
+     * Return the high contrast theme radio button
+     */
+    getHighContrastTheme() {
+        return this.getThemeRadio("High contrast");
+    }
+
+    /**
+     * Add a custom theme
+     * Mock the request to the custom and return a fake local custom theme
+     */
+    async addCustomTheme() {
+        await this.page.route(this.CUSTOM_THEME_URL, (route) =>
+            route.fulfill({ body: JSON.stringify(this.CUSTOM_THEME) }),
+        );
+        await this.page.getByRole("textbox", { name: "Add custom theme" }).fill(this.CUSTOM_THEME_URL);
+        await this.page.getByRole("button", { name: "Add custom theme" }).click();
+        await this.page.unroute(this.CUSTOM_THEME_URL);
+    }
+
+    /**
+     * Remove the custom theme
+     */
+    removeCustomTheme() {
+        return this.getThemePanel().getByRole("listitem", { name: this.CUSTOM_THEME.name }).getByRole("button").click();
+    }
+
+    // Message layout Panel
+
+    /**
+     * Create and display a room named Test Room
+     */
+    async createAndDisplayRoom(): Promise<string> {
+        const roomId = await this.app.client.createRoom({ name: "Test Room" });
+        await this.app.viewRoomByName("Test Room");
+        return roomId;
+    }
+
+    /**
+     * Assert the room layout
+     * @param layout
+     * @private
+     */
+    private assertRoomLayout(layout: Layout) {
+        return expect(this.page.locator(`.mx_RoomView_body[data-layout=${layout}]`)).toBeVisible();
+    }
+
+    /**
+     * Assert the room layout is modern
+     */
+    assertModernLayout() {
+        return this.assertRoomLayout(Layout.Group);
+    }
+
+    /**
+     * Assert the room layout is bubble
+     */
+    assertBubbleLayout() {
+        return this.assertRoomLayout(Layout.Bubble);
+    }
+
+    /**
+     * Return the layout panel
+     */
+    getMessageLayoutPanel() {
+        return this.page.getByTestId("layoutPanel");
+    }
+
+    /**
+     * Return the layout radio button
+     * @param layoutName
+     * @private
+     */
+    private getLayout(layoutName: string) {
+        return this.getMessageLayoutPanel().getByRole("radio", { name: layoutName });
+    }
+
+    /**
+     * Return the message bubbles layout radio button
+     */
+    getBubbleLayout() {
+        return this.getLayout("Message bubbles");
+    }
+
+    /**
+     * Return the modern layout radio button
+     */
+    getModernLayout() {
+        return this.getLayout("Modern");
+    }
+
+    /**
+     * Return the IRC layout radio button
+     */
+    getIRCLayout() {
+        return this.getLayout("IRC (experimental)");
+    }
+
+    /**
+     * Return the compact layout switch
+     */
+    getCompactLayoutSwitch() {
+        return this.getMessageLayoutPanel().getByRole("switch", { name: "Show compact text and messages" });
+    }
+
+    /**
+     * Assert the compact layout is enabled
+     */
+    assertCompactLayout() {
+        return expect(
+            this.page.locator("#matrixchat .mx_MatrixChat_wrapper.mx_MatrixChat_useCompactLayout"),
+        ).toBeVisible();
+    }
+}
diff --git a/apps/web/playwright/e2e/settings/appearance-user-settings-tab/message-layout-panel.spec.ts b/apps/web/playwright/e2e/settings/appearance-user-settings-tab/message-layout-panel.spec.ts
new file mode 100644
index 00000000000..3c05487723a
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/appearance-user-settings-tab/message-layout-panel.spec.ts
@@ -0,0 +1,62 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Suguru Hirahara
+
+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 { expect, test } from ".";
+
+test.describe("Appearance user settings tab", () => {
+    test.use({
+        displayName: "Hanako",
+    });
+
+    test.describe("Message Layout Panel", () => {
+        test.beforeEach(async ({ app, user, util }) => {
+            await util.createAndDisplayRoom();
+            await util.assertModernLayout();
+            await util.openAppearanceTab();
+        });
+
+        test(
+            "should change the message layout from modern to bubble",
+            { tag: "@screenshot" },
+            async ({ page, app, user, util }) => {
+                await util.assertScreenshot(util.getMessageLayoutPanel(), "message-layout-panel-modern.png");
+
+                await util.getBubbleLayout().click();
+
+                // Assert that modern are irc layout are not selected
+                await expect(util.getBubbleLayout()).toBeChecked();
+                await expect(util.getModernLayout()).not.toBeChecked();
+                await expect(util.getIRCLayout()).not.toBeChecked();
+
+                // Assert that the room layout is set to bubble layout
+                await util.assertBubbleLayout();
+                await util.assertScreenshot(util.getMessageLayoutPanel(), "message-layout-panel-bubble.png");
+            },
+        );
+
+        test("should enable compact layout when the modern layout is selected", async ({ page, app, user, util }) => {
+            await expect(util.getCompactLayoutSwitch()).not.toBeChecked();
+
+            await util.getCompactLayoutSwitch().click();
+            await util.assertCompactLayout();
+        });
+
+        test("should disable compact layout when the modern layout is not selected", async ({
+            page,
+            app,
+            user,
+            util,
+        }) => {
+            await expect(util.getCompactLayoutSwitch()).not.toBeDisabled();
+
+            // Select the bubble layout, which should disable the compact layout checkbox
+            await util.getBubbleLayout().click();
+            await expect(util.getCompactLayoutSwitch()).toBeDisabled();
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts b/apps/web/playwright/e2e/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts
new file mode 100644
index 00000000000..191534c8642
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts
@@ -0,0 +1,121 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Suguru Hirahara
+
+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 { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { expect, test } from ".";
+
+test.describe("Appearance user settings tab", () => {
+    test.use({
+        displayName: "Hanako",
+    });
+
+    test.describe("Theme Choice Panel", () => {
+        test.beforeEach(async ({ app, page, user, util }) => {
+            // Disable the default theme for consistency in case ThemeWatcher automatically chooses it
+            await util.disableSystemTheme();
+            await rejectToast(page, "Verify this device");
+
+            await util.openAppearanceTab();
+        });
+
+        test(
+            "should be rendered with the light theme selected",
+            { tag: "@screenshot" },
+            async ({ page, app, util, axe }) => {
+                // Assert that 'Match system theme' is not checked
+                await expect(util.getMatchSystemThemeSwitch()).not.toBeChecked();
+
+                // Assert that the light theme is selected
+                await expect(util.getLightTheme()).toBeChecked();
+                // Assert that the dark and high contrast themes are not selected
+                await expect(util.getDarkTheme()).not.toBeChecked();
+                await expect(util.getHighContrastTheme()).not.toBeChecked();
+
+                await expect(util.getThemePanel()).toMatchScreenshot("theme-panel-light.png");
+
+                await expect(axe).toHaveNoViolations();
+            },
+        );
+
+        test(
+            "should disable the themes when the system theme is clicked",
+            { tag: "@screenshot" },
+            async ({ page, app, util }) => {
+                await util.getMatchSystemThemeSwitch().click();
+
+                // Assert that the themes are disabled
+                await expect(util.getLightTheme()).toBeDisabled();
+                await expect(util.getDarkTheme()).toBeDisabled();
+                await expect(util.getHighContrastTheme()).toBeDisabled();
+
+                await expect(util.getThemePanel()).toMatchScreenshot("theme-panel-match-system-enabled.png");
+            },
+        );
+
+        test("should change the theme to dark", { tag: "@screenshot" }, async ({ page, app, util }) => {
+            // Assert that the light theme is selected
+            await expect(util.getLightTheme()).toBeChecked();
+
+            await util.getDarkTheme().click();
+
+            // Assert that the light and high contrast themes are not selected
+            await expect(util.getLightTheme()).not.toBeChecked();
+            await expect(util.getDarkTheme()).toBeChecked();
+            await expect(util.getHighContrastTheme()).not.toBeChecked();
+
+            await expect(util.getThemePanel()).toMatchScreenshot("theme-panel-dark.png");
+        });
+
+        test.describe("custom theme", () => {
+            test.use({
+                labsFlags: ["feature_custom_themes"],
+            });
+
+            test("should render the custom theme section", { tag: "@screenshot" }, async ({ page, app, util }) => {
+                await expect(util.getThemePanel()).toMatchScreenshot("theme-panel-custom-theme.png");
+            });
+
+            test(
+                "should be able to add and remove a custom theme",
+                { tag: "@screenshot" },
+                async ({ page, app, util }) => {
+                    await util.addCustomTheme();
+
+                    await expect(util.getCustomTheme()).not.toBeChecked();
+                    await expect(util.getThemePanel()).toMatchScreenshot("theme-panel-custom-theme-added.png");
+
+                    await util.removeCustomTheme();
+                    await expect(util.getThemePanel()).toMatchScreenshot("theme-panel-custom-theme-removed.png");
+                },
+            );
+
+            test(
+                "should keep custom theme when reloading the page",
+                { tag: "@screenshot" },
+                async ({ page, app, user, util }) => {
+                    await util.addCustomTheme();
+                    await util.getCustomTheme().click();
+                    await util.closeAppearanceTab();
+
+                    await expect(page).toMatchScreenshot("window-custom-theme.png");
+
+                    await page.reload();
+                    await rejectToast(page, "Verify this device");
+
+                    await util.openAppearanceTab();
+                    // Assert that the custom theme is still selected after reloading the page
+                    await expect(util.getCustomTheme()).toBeChecked();
+
+                    await util.closeAppearanceTab();
+                    await expect(page).toMatchScreenshot("window-custom-theme.png");
+                },
+            );
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/settings/device-management.spec.ts b/apps/web/playwright/e2e/settings/device-management.spec.ts
new file mode 100644
index 00000000000..fa6752ea246
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/device-management.spec.ts
@@ -0,0 +1,102 @@
+/*
+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 { test, expect } from "../../element-web-test";
+import { uiaLongSessionTimeoutHomeserver } from "../../plugins/homeserver/synapse/uiaLongSessionTimeoutHomeserver.ts";
+
+// This is needed to not get stopped by UIA when deleting other devices
+test.use(uiaLongSessionTimeoutHomeserver);
+test.describe("Device manager", () => {
+    test.use({
+        displayName: "Alice",
+    });
+
+    test.beforeEach(async ({ homeserver, user }) => {
+        // create 3 extra sessions to manage
+        for (let i = 0; i < 3; i++) {
+            await homeserver.loginUser(user.userId, user.password!);
+        }
+    });
+
+    test("should display sessions", async ({ page, app, axe }) => {
+        await app.settings.openUserSettings("Sessions");
+        const tab = page.locator(".mx_SettingsTab");
+
+        await expect(tab.getByText("Current session", { exact: true })).toBeVisible();
+
+        const currentSessionSection = tab.getByTestId("current-session-section");
+        await expect(currentSessionSection.getByText("Unverified session")).toBeVisible();
+
+        // current session details opened
+        await currentSessionSection.getByRole("button", { name: "Show details" }).click();
+        await expect(currentSessionSection.getByText("Session details")).toBeVisible();
+
+        // close current session details
+        await currentSessionSection.getByRole("button", { name: "Hide details" }).click();
+        await expect(currentSessionSection.getByText("Session details")).not.toBeVisible();
+
+        const securityRecommendationsSection = tab.getByTestId("security-recommendations-section");
+        await expect(securityRecommendationsSection.getByText("Security recommendations")).toBeVisible();
+        await securityRecommendationsSection.getByRole("button", { name: "View all (3)" }).click();
+
+        /**
+         * Other sessions section
+         */
+        await expect(tab.getByText("Other sessions")).toBeVisible();
+        // filter applied after clicking through from security recommendations
+        await expect(tab.getByLabel("Filter devices")).toHaveText("Show: Unverified");
+        const filteredDeviceListItems = tab.locator(".mx_FilteredDeviceList_listItem");
+        await expect(filteredDeviceListItems).toHaveCount(3);
+
+        // select two sessions
+        // force click as the input element itself is not visible (its size is zero)
+        await filteredDeviceListItems.first().click({ force: true });
+        await filteredDeviceListItems.last().click({ force: true });
+
+        // sign out from list selection action buttons
+        await tab.getByRole("button", { name: "Remove 2 sessions", exact: true }).click();
+        await page.getByRole("dialog").getByTestId("dialog-primary-button").click();
+
+        // list updated after sign out
+        await expect(filteredDeviceListItems).toHaveCount(1);
+        // security recommendation count updated
+        await expect(tab.getByRole("button", { name: "View all (1)" })).toBeVisible();
+
+        const sessionName = `Alice's device`;
+        // open the first session
+        const firstSession = filteredDeviceListItems.first();
+        await firstSession.getByRole("button", { name: "Show details" }).click();
+
+        await expect(firstSession.getByText("Session details")).toBeVisible();
+
+        await firstSession.getByRole("button", { name: "Rename" }).click();
+        await firstSession.getByTestId("device-rename-input").type(sessionName);
+        await firstSession.getByRole("button", { name: "Save" }).click();
+        // there should be a spinner while device updates
+        await expect(firstSession.locator(".mx_Spinner")).toBeVisible();
+        // wait for spinner to complete
+        await expect(firstSession.locator(".mx_Spinner")).not.toBeVisible();
+
+        // session name updated in details
+        await expect(firstSession.locator(".mx_DeviceDetailHeading h4").getByText(sessionName)).toBeVisible();
+        // and main list item
+        await expect(firstSession.locator(".mx_DeviceTile h3").getByText(sessionName)).toBeVisible();
+
+        // sign out using the device details sign out
+        await firstSession.getByRole("button", { name: "Remove this session" }).click();
+
+        // confirm the signout
+        await page.getByRole("dialog").getByTestId("dialog-primary-button").click();
+
+        // no other sessions or security recommendations sections when only one session
+        await expect(tab.getByText("Other sessions")).not.toBeVisible();
+        await expect(tab.getByTestId("security-recommendations-section")).not.toBeVisible();
+
+        await expect(axe).toHaveNoViolations();
+    });
+});
diff --git a/apps/web/playwright/e2e/settings/encryption-user-tab/advanced.spec.ts b/apps/web/playwright/e2e/settings/encryption-user-tab/advanced.spec.ts
new file mode 100644
index 00000000000..ba0f1e6c1d3
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/encryption-user-tab/advanced.spec.ts
@@ -0,0 +1,75 @@
+/*
+ * 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 { test, expect } from "./index";
+import { checkDeviceIsCrossSigned } from "../../crypto/utils";
+import { bootstrapCrossSigningForClient } from "../../../pages/client";
+
+test.describe("Advanced section in Encryption tab", () => {
+    test.beforeEach(async ({ page, app, homeserver, credentials, util }) => {
+        const clientHandle = await app.client.prepareClient();
+        // Reset cross signing in order to have a verified session
+        await bootstrapCrossSigningForClient(clientHandle, credentials, true);
+    });
+
+    test("should show the encryption details", { tag: "@screenshot" }, async ({ page, app, util, axe }) => {
+        await util.openEncryptionTab();
+        const section = util.getEncryptionDetailsSection();
+
+        const deviceId = await page.evaluate(() => window.mxMatrixClientPeg.get().getDeviceId());
+        await expect(section.getByText(deviceId!)).toBeVisible();
+
+        await expect(section).toMatchScreenshot("encryption-details.png", {
+            mask: [section.getByTestId("deviceId"), section.getByTestId("sessionKey")],
+        });
+
+        await expect(axe).toHaveNoViolations();
+    });
+
+    test("should show the import room keys dialog", async ({ page, app, util }) => {
+        await util.openEncryptionTab();
+        const section = util.getEncryptionDetailsSection();
+
+        await section.getByRole("button", { name: "Import keys" }).click();
+        await expect(page.getByRole("heading", { name: "Import room keys" })).toBeVisible();
+    });
+
+    test("should show the export room keys dialog", async ({ page, app, util }) => {
+        await util.openEncryptionTab();
+        const section = util.getEncryptionDetailsSection();
+
+        await section.getByRole("button", { name: "Export keys" }).click();
+        await expect(page.getByRole("heading", { name: "Export room keys" })).toBeVisible();
+    });
+
+    test(
+        "should reset the cryptographic identity",
+        { tag: "@screenshot" },
+        async ({ page, app, credentials, util }) => {
+            const tab = await util.openEncryptionTab();
+            const section = util.getEncryptionDetailsSection();
+
+            await section.getByRole("button", { name: "Reset cryptographic identity" }).click();
+            await expect(util.getEncryptionTabContent()).toMatchScreenshot("reset-cryptographic-identity.png");
+            await tab.getByRole("button", { name: "Continue" }).click();
+
+            // Fill password dialog and validate
+            const dialog = page.locator(".mx_InteractiveAuthDialog");
+            await dialog.getByRole("textbox", { name: "Password" }).fill(credentials.password!);
+            await dialog.getByRole("button", { name: "Continue" }).click();
+
+            await expect(section.getByRole("button", { name: "Reset cryptographic identity" })).toBeVisible();
+
+            // After resetting the identity, the user should set up a new recovery key
+            await expect(
+                util.getEncryptionRecoverySection().getByRole("button", { name: "Get recovery key" }),
+            ).toBeVisible();
+
+            await checkDeviceIsCrossSigned(app);
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/settings/encryption-user-tab/encryption-tab.spec.ts b/apps/web/playwright/e2e/settings/encryption-user-tab/encryption-tab.spec.ts
new file mode 100644
index 00000000000..5257ca0e0d0
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/encryption-user-tab/encryption-tab.spec.ts
@@ -0,0 +1,187 @@
+/*
+ * 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 GeneratedSecretStorageKey } from "matrix-js-sdk/src/crypto-api";
+
+import { test, expect } from ".";
+import {
+    checkDeviceIsConnectedKeyBackup,
+    checkDeviceIsCrossSigned,
+    createBot,
+    deleteCachedSecrets,
+    verifySession,
+} from "../../crypto/utils";
+
+test.describe("Encryption tab", () => {
+    test.use({ displayName: "Alice" });
+
+    test.describe("when encryption is set up", () => {
+        let recoveryKey: GeneratedSecretStorageKey;
+        let expectedBackupVersion: string;
+
+        test.beforeEach(async ({ page, homeserver, credentials }) => {
+            // The bot bootstraps cross-signing, creates a key backup and sets up a recovery key
+            const botCredentials = { ...credentials };
+            // @ts-expect-error
+            delete botCredentials.accessToken; // use a new login for the bot
+            const res = await createBot(page, homeserver, botCredentials);
+            recoveryKey = res.recoveryKey;
+            expectedBackupVersion = res.expectedBackupVersion;
+        });
+
+        test(
+            "should show a 'Verify this device' button if the device is unverified",
+            { tag: "@screenshot" },
+            async ({ page, app, util }) => {
+                const dialog = await util.openEncryptionTab();
+                const content = util.getEncryptionTabContent();
+
+                // The user's device is in an unverified state, therefore the only option available to them here is to verify it
+                const verifyButton = dialog.getByRole("button", { name: "Verify this device" });
+                await expect(verifyButton).toBeVisible();
+                await expect(content).toMatchScreenshot("verify-device-encryption-tab.png");
+                await verifyButton.click();
+
+                await util.verifyDevice(recoveryKey);
+
+                // Prevent flakiness by scrolling to top of the tab
+                await page.getByRole("heading", { name: "Key storage" }).scrollIntoViewIfNeeded();
+
+                await expect(content).toMatchScreenshot("default-tab.png", {
+                    mask: [content.getByTestId("deviceId"), content.getByTestId("sessionKey")],
+                });
+
+                // Check that our device is now cross-signed
+                await checkDeviceIsCrossSigned(app);
+
+                // Check that the current device is connected to key backup
+                // The backup decryption key should be in cache also, as we got it directly from the 4S
+                await checkDeviceIsConnectedKeyBackup(app, expectedBackupVersion, true);
+            },
+        );
+
+        // Test what happens if the cross-signing secrets are in secret storage but are not cached in the local DB.
+        //
+        // This can happen if we verified another device and secret-gossiping failed, or the other device itself lacked the secrets.
+        // We simulate this case by deleting the cached secrets in the indexedDB.
+        test(
+            "should prompt to enter the recovery key when the secrets are not cached locally",
+            { tag: "@screenshot" },
+            async ({ page, app, util }) => {
+                await verifySession(app, recoveryKey.encodedPrivateKey!);
+                // We need to delete the cached secrets
+                await deleteCachedSecrets(page);
+
+                await util.openEncryptionTab();
+                // We ask the user to enter the recovery key
+                const dialog = util.getEncryptionTabContent();
+                const enterKeyButton = dialog.getByRole("button", { name: "Enter recovery key" });
+                await expect(enterKeyButton).toBeVisible();
+                await expect(dialog).toMatchScreenshot("out-of-sync-recovery.png");
+                await enterKeyButton.click();
+
+                // Fill the recovery key
+                await util.enterRecoveryKey(recoveryKey);
+                await dialog.getByRole("heading", { name: "Key storage" }).scrollIntoViewIfNeeded();
+                await expect(dialog).toMatchScreenshot("default-tab.png", {
+                    mask: [dialog.getByTestId("deviceId"), dialog.getByTestId("sessionKey")],
+                });
+
+                // Check that our device is now cross-signed
+                await checkDeviceIsCrossSigned(app);
+
+                // Check that the current device is connected to key backup
+                // The backup decryption key should be in cache also, as we got it directly from the 4S
+                await checkDeviceIsConnectedKeyBackup(app, expectedBackupVersion, true);
+            },
+        );
+
+        test("should display the reset identity panel when the user clicks on 'Forgot recovery key?'", async ({
+            page,
+            app,
+            util,
+        }) => {
+            await verifySession(app, recoveryKey.encodedPrivateKey!);
+            // We need to delete the cached secrets
+            await deleteCachedSecrets(page);
+
+            // The "Key storage is out sync" section is displayed and the user click on the "Forgot recovery key?" button
+            await util.openEncryptionTab();
+            const dialog = util.getEncryptionTabContent();
+            await dialog.getByRole("button", { name: "Forgot recovery key?" }).click();
+
+            // The user is prompted to reset their identity
+            await expect(
+                dialog.getByText("Forgot your recovery key? You’ll need to reset your digital identity."),
+            ).toBeVisible();
+        });
+
+        test("should warn before turning off key storage", { tag: "@screenshot" }, async ({ page, app, util }) => {
+            await verifySession(app, recoveryKey.encodedPrivateKey!);
+            await util.openEncryptionTab();
+
+            await page.getByRole("switch", { name: "Allow key storage" }).click();
+
+            await expect(
+                page.getByRole("heading", { name: "Are you sure you want to turn off key storage and delete it?" }),
+            ).toBeVisible();
+
+            await expect(util.getEncryptionTabContent()).toMatchScreenshot("delete-key-storage-confirm.png");
+
+            const deleteRequestPromises = [
+                page.waitForRequest((req) => req.url().endsWith("/account_data/m.cross_signing.master")),
+                page.waitForRequest((req) => req.url().endsWith("/account_data/m.cross_signing.self_signing")),
+                page.waitForRequest((req) => req.url().endsWith("/account_data/m.cross_signing.user_signing")),
+                page.waitForRequest((req) => req.url().endsWith("/account_data/m.megolm_backup.v1")),
+                page.waitForRequest((req) => req.url().endsWith("/account_data/m.secret_storage.default_key")),
+                page.waitForRequest((req) => req.url().includes("/account_data/m.secret_storage.key.")),
+            ];
+
+            await page.getByRole("button", { name: "Delete key storage" }).click();
+
+            await expect(page.getByRole("switch", { name: "Allow key storage" })).not.toBeChecked();
+
+            for (const prom of deleteRequestPromises) {
+                const request = await prom;
+                expect(request.method()).toBe("PUT");
+                expect(request.postData()).toBe(JSON.stringify({}));
+            }
+        });
+    });
+
+    test.describe("when encryption is not set up", () => {
+        test("'Verify this device' allows us to become verified", async ({
+            page,
+            user,
+            credentials,
+            app,
+        }, workerInfo) => {
+            const settings = await app.settings.openUserSettings("Encryption");
+
+            // Initially, our device is not verified
+            await expect(settings.getByRole("heading", { name: "Device not verified" })).toBeVisible();
+
+            // We will reset our identity
+            await settings.getByRole("button", { name: "Verify this device" }).click();
+            await page.getByRole("button", { name: "Can't confirm?" }).click();
+
+            // First try cancelling and restarting
+            await page.getByRole("button", { name: "Cancel" }).click();
+            await page.getByRole("button", { name: "Can't confirm?" }).click();
+
+            // Then click outside the dialog and restart
+            await page.locator("li").filter({ hasText: "Encryption" }).click({ force: true });
+            await page.getByRole("button", { name: "Can't confirm?" }).click();
+
+            // Finally we actually continue
+            await page.getByRole("button", { name: "Continue" }).click();
+
+            // Now we are verified, so we see the Key storage toggle
+            await expect(settings.getByRole("heading", { name: "Key storage" })).toBeVisible();
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/settings/encryption-user-tab/index.ts b/apps/web/playwright/e2e/settings/encryption-user-tab/index.ts
new file mode 100644
index 00000000000..a2b6f8eee77
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/encryption-user-tab/index.ts
@@ -0,0 +1,113 @@
+/*
+ * Copyright 2024 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 Page } from "@playwright/test";
+import { type GeneratedSecretStorageKey } from "matrix-js-sdk/src/crypto-api";
+
+import { type ElementAppPage } from "../../../pages/ElementAppPage";
+import { test as base, expect } from "../../../element-web-test";
+export { expect };
+
+/**
+ * Set up for the encryption tab test
+ */
+export const test = base.extend<{
+    util: Helpers;
+}>({
+    displayName: "Alice",
+
+    util: async ({ page, app, bot }, use) => {
+        await use(new Helpers(page, app));
+    },
+});
+
+class Helpers {
+    constructor(
+        private page: Page,
+        private app: ElementAppPage,
+    ) {}
+
+    /**
+     * Open the encryption tab
+     */
+    openEncryptionTab() {
+        return this.app.settings.openUserSettings("Encryption");
+    }
+
+    /**
+     * Go through the device verification flow using the recovery key.
+     */
+    async verifyDevice(recoveryKey: GeneratedSecretStorageKey) {
+        // Select the security phrase
+        await this.page.getByRole("button", { name: "Use recovery key" }).click();
+        await this.enterRecoveryKey(recoveryKey);
+        await this.page.getByRole("button", { name: "Done" }).click();
+    }
+
+    /**
+     * Fill the recovery key in the dialog
+     * @param recoveryKey
+     */
+    async enterRecoveryKey(recoveryKey: GeneratedSecretStorageKey) {
+        // Fill the recovery key
+        const dialog = this.page.locator(".mx_Dialog");
+        await dialog.getByRole("textbox").fill(recoveryKey.encodedPrivateKey!);
+        await dialog.getByRole("button", { name: "Continue" }).click();
+    }
+
+    /**
+     * Get the encryption tab content
+     */
+    getEncryptionTabContent() {
+        return this.page.getByTestId("encryptionTab");
+    }
+
+    /**
+     * Get the recovery section
+     */
+    getEncryptionRecoverySection() {
+        return this.page.getByTestId("recoveryPanel");
+    }
+
+    /**
+     * Get the encryption details section
+     */
+    getEncryptionDetailsSection() {
+        return this.page.getByTestId("encryptionDetails");
+    }
+
+    /**
+     * Set the default key id of the secret storage to `null`
+     */
+    async removeSecretStorageDefaultKeyId() {
+        const client = await this.app.client.prepareClient();
+        await client.evaluate(async (client) => {
+            await client.secretStorage.setDefaultKeyId(null);
+        });
+    }
+
+    /**
+     * Get the recovery key from the clipboard and fill in the input field
+     * Then click on the finish button
+     * @param title - The title of the dialog
+     * @param confirmButtonLabel - The label of the confirm button
+     * @param screenshot
+     */
+    async confirmRecoveryKey(title: string, confirmButtonLabel: string, screenshot: `${string}.png`) {
+        const dialog = this.getEncryptionTabContent();
+        await expect(dialog.getByText(title, { exact: true })).toBeVisible();
+        await expect(dialog).toMatchScreenshot(screenshot);
+
+        const clipboardContent = await this.app.getClipboard();
+        await dialog.getByRole("textbox").fill(clipboardContent);
+        const button = dialog.getByRole("button", { name: confirmButtonLabel });
+        await button.click();
+        // Button should disable immediately after clicking.
+        await expect(button).toBeDisabled();
+        await expect(this.getEncryptionRecoverySection()).toMatchScreenshot("default-recovery.png");
+    }
+}
diff --git a/apps/web/playwright/e2e/settings/encryption-user-tab/other-devices.spec.ts b/apps/web/playwright/e2e/settings/encryption-user-tab/other-devices.spec.ts
new file mode 100644
index 00000000000..6c0415dbf40
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/encryption-user-tab/other-devices.spec.ts
@@ -0,0 +1,235 @@
+/*
+ * 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 { createNewInstance, rejectToast } from "@element-hq/element-web-playwright-common";
+import { type StartedHomeserverContainer } from "@element-hq/element-web-playwright-common/lib/testcontainers";
+import { type Page, type Browser, type TestInfo } from "@playwright/test";
+
+import { test, expect } from "./index";
+import { ElementAppPage } from "../../../pages/ElementAppPage";
+import { createRoom, sendMessageInCurrentRoom, verifyApp } from "../../crypto/utils";
+import { type CredentialsOptionalAccessToken } from "../../../pages/bot";
+
+test.describe("Other people's devices section in Encryption tab", () => {
+    test.use({
+        displayName: "alice",
+    });
+
+    test("unverified devices should be able to decrypt while global blacklist is not toggled", async ({
+        page: alicePage,
+        app: aliceElementApp,
+        homeserver,
+        browser,
+        user: aliceCredentials,
+    }, testInfo) => {
+        await prepForEncryption(aliceElementApp, aliceCredentials);
+
+        // Create a second browser instance.
+        const { bobCredentials, bobPage } = await newBrowser(homeserver, testInfo, browser);
+
+        // Create the room and invite bob
+        await inviteBobToNewRoom(alicePage, aliceElementApp, bobCredentials, bobPage);
+
+        // Alice sends a message, which Bob should be able to decrypt
+        await sendMessageInCurrentRoom(alicePage, "Decryptable");
+        await expect(bobPage.getByText("Decryptable")).toBeVisible();
+    });
+
+    test("unverified devices should not be able to decrypt while global blacklist is toggled", async ({
+        page: alicePage,
+        app: aliceElementApp,
+        homeserver,
+        browser,
+        user: aliceCredentials,
+        util,
+    }, testInfo) => {
+        await prepForEncryption(aliceElementApp, aliceCredentials);
+
+        // Enable blacklist toggle.
+        const dialog = await util.openEncryptionTab();
+        const blacklistToggle = dialog.getByRole("switch", {
+            name: "In encrypted rooms, only send messages to verified users",
+        });
+        await blacklistToggle.scrollIntoViewIfNeeded();
+        await expect(blacklistToggle).toBeVisible();
+        await blacklistToggle.click();
+        await aliceElementApp.settings.closeDialog();
+
+        // Create a second browser instance.
+        const { bobCredentials, bobPage } = await newBrowser(homeserver, testInfo, browser);
+
+        // Create the room and invite bob
+        await inviteBobToNewRoom(alicePage, aliceElementApp, bobCredentials, bobPage);
+
+        // Alice sends a message, which Bob should not be able to decrypt
+        await sendMessageInCurrentRoom(alicePage, "Undecryptable");
+        await expect(
+            bobPage.getByText(
+                "The sender has blocked you from receiving this message because your device is unverified",
+            ),
+        ).toBeVisible();
+    });
+
+    test("verified devices should be able to decrypt while global blacklist is toggled", async ({
+        page: alicePage,
+        app: aliceElementApp,
+        homeserver,
+        browser,
+        user: aliceCredentials,
+        util,
+    }, testInfo) => {
+        await prepForEncryption(aliceElementApp, aliceCredentials);
+
+        // Enable blacklist toggle.
+        const dialog = await util.openEncryptionTab();
+        const blacklistToggle = dialog.getByRole("switch", {
+            name: "In encrypted rooms, only send messages to verified users",
+        });
+        await blacklistToggle.scrollIntoViewIfNeeded();
+        await expect(blacklistToggle).toBeVisible();
+        await blacklistToggle.click();
+        await aliceElementApp.settings.closeDialog();
+
+        // Create a second browser instance.
+        const { bobCredentials, bobPage, bobElementApp } = await newBrowser(homeserver, testInfo, browser);
+
+        // Create the room and invite bob
+        await inviteBobToNewRoom(alicePage, aliceElementApp, bobCredentials, bobPage);
+        await rejectToast(alicePage, "Notifications");
+
+        // Perform verification.
+        await verifyApp("alice", aliceElementApp, "bob", bobElementApp);
+
+        // Alice sends a message, which Bob should be able to decrypt
+        await sendMessageInCurrentRoom(alicePage, "Decryptable");
+        await expect(bobPage.getByText("Decryptable")).toBeVisible();
+    });
+
+    test("setting per-room unverified blacklist toggle does not affect other rooms", async ({
+        page: alicePage,
+        app: aliceElementApp,
+        homeserver,
+        browser,
+        user: aliceCredentials,
+    }, testInfo) => {
+        await prepForEncryption(aliceElementApp, aliceCredentials);
+
+        // Create a second browser instance.
+        const { bobCredentials, bobPage } = await newBrowser(homeserver, testInfo, browser);
+
+        // Alice creates the room and invites Bob.
+        await inviteBobToNewRoom(alicePage, aliceElementApp, bobCredentials, bobPage);
+
+        // Alice configures her client to blacklist unverified users in this room.
+        const dialog = await aliceElementApp.settings.openRoomSettings("Security & Privacy");
+        await dialog.getByRole("switch", { name: "Only send messages to verified users." }).click();
+        await aliceElementApp.settings.closeDialog();
+
+        // Alice sends a message which Bob should not be able to decrypt.
+        await sendMessageInCurrentRoom(alicePage, "Undecryptable");
+        await expect(
+            bobPage.getByText(
+                "The sender has blocked you from receiving this message because your device is unverified",
+            ),
+        ).toBeVisible();
+
+        // Alice creates a second room and invites Bob.
+        await createRoom(alicePage, "TestRoom2", true);
+        await aliceElementApp.toggleRoomInfoPanel(); // should not be necessary, called in body of below
+        await aliceElementApp.inviteUserToCurrentRoom(bobCredentials.userId);
+
+        // Bob accepts the invite.
+        await bobPage.getByRole("option", { name: "TestRoom2" }).click();
+        await bobPage.getByRole("button", { name: "Accept" }).click();
+
+        // Alice sends a message in the new room, which Bob should be able to decrypt.
+        await sendMessageInCurrentRoom(alicePage, "Decryptable");
+        await expect(bobPage.getByText("Decryptable")).toBeVisible();
+    });
+
+    test("setting per-room unverified blacklist toggle overrides global toggle", async ({
+        page: alicePage,
+        app: aliceElementApp,
+        homeserver,
+        browser,
+        user: aliceCredentials,
+        util,
+    }, testInfo) => {
+        await prepForEncryption(aliceElementApp, aliceCredentials);
+
+        // Enable blacklist toggle.
+        let dialog = await util.openEncryptionTab();
+        const blacklistToggle = dialog.getByRole("switch", {
+            name: "In encrypted rooms, only send messages to verified users",
+        });
+        await blacklistToggle.scrollIntoViewIfNeeded();
+        await expect(blacklistToggle).toBeVisible();
+        await blacklistToggle.click();
+        await aliceElementApp.settings.closeDialog();
+
+        // Create a second browser instance.
+        const { bobCredentials, bobPage } = await newBrowser(homeserver, testInfo, browser);
+
+        // Alice creates the room and invites Bob.
+        await inviteBobToNewRoom(alicePage, aliceElementApp, bobCredentials, bobPage);
+
+        // Alice configures her client to allow sending to unverified users in this room.
+        dialog = await aliceElementApp.settings.openRoomSettings("Security & Privacy");
+        await dialog.getByRole("switch", { name: "Only send messages to verified users." }).click();
+        await aliceElementApp.settings.closeDialog();
+
+        // Alice sends a message which Bob should be able to decrypt.
+        await sendMessageInCurrentRoom(alicePage, "Decryptable");
+        await expect(bobPage.getByText("Decryptable")).toBeVisible();
+
+        // Alice creates a second room and invites Bob.
+        await createRoom(alicePage, "TestRoom2", true);
+        await aliceElementApp.toggleRoomInfoPanel(); // should not be necessary, called in body of below
+        await aliceElementApp.inviteUserToCurrentRoom(bobCredentials.userId);
+
+        // Bob accepts the invite.
+        await bobPage.getByRole("option", { name: "TestRoom2" }).click();
+        await bobPage.getByRole("button", { name: "Accept" }).click();
+
+        // Alice sends a message in the new room, which Bob should not be able to decrypt.
+        await sendMessageInCurrentRoom(alicePage, "Undecryptable");
+        await expect(
+            bobPage.getByText(
+                "The sender has blocked you from receiving this message because your device is unverified",
+            ),
+        ).toBeVisible();
+    });
+});
+
+async function inviteBobToNewRoom(
+    alicePage: Page,
+    aliceElementApp: ElementAppPage,
+    bobCredentials: CredentialsOptionalAccessToken,
+    bobPage: Page,
+) {
+    await createRoom(alicePage, "TestRoom", true);
+    await aliceElementApp.inviteUserToCurrentRoom(bobCredentials.userId, { confirmUnknownUser: true });
+    await bobPage.getByRole("option", { name: "TestRoom" }).click();
+    await bobPage.getByRole("button", { name: "Accept" }).click();
+}
+
+async function newBrowser(
+    homeserver: StartedHomeserverContainer,
+    testInfo: TestInfo,
+    browser: Browser,
+): Promise<{ bobCredentials: CredentialsOptionalAccessToken; bobPage: Page; bobElementApp: ElementAppPage }> {
+    const bobCredentials = await homeserver.registerUser(`user_${testInfo.testId}_bob`, "password", "bob");
+    const bobPage = await createNewInstance(browser, bobCredentials, {});
+    const bobElementApp = new ElementAppPage(bobPage);
+    await prepForEncryption(bobElementApp, bobCredentials);
+    return { bobCredentials, bobPage, bobElementApp };
+}
+
+async function prepForEncryption(app: ElementAppPage, credentials: CredentialsOptionalAccessToken): Promise<void> {
+    await app.client.bootstrapCrossSigning(credentials);
+    await app.closeKeyStorageToast();
+}
diff --git a/apps/web/playwright/e2e/settings/encryption-user-tab/recovery.spec.ts b/apps/web/playwright/e2e/settings/encryption-user-tab/recovery.spec.ts
new file mode 100644
index 00000000000..3f5a4b5f054
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/encryption-user-tab/recovery.spec.ts
@@ -0,0 +1,94 @@
+/*
+ * Copyright 2024 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 { test, expect } from ".";
+import { checkDeviceIsConnectedKeyBackup, createBot, verifySession } from "../../crypto/utils";
+import type { GeneratedSecretStorageKey } from "matrix-js-sdk/src/crypto-api";
+
+test.describe("Recovery section in Encryption tab", () => {
+    test.use({
+        displayName: "Alice",
+    });
+
+    let recoveryKey: GeneratedSecretStorageKey;
+    test.beforeEach(async ({ page, homeserver, credentials }) => {
+        // The bot bootstraps cross-signing, creates a key backup and sets up a recovery key
+        const botCredentials = { ...credentials };
+        // @ts-expect-error
+        delete botCredentials.accessToken; // use a new login for the bot
+        const res = await createBot(page, homeserver, botCredentials);
+        recoveryKey = res.recoveryKey;
+    });
+
+    test(
+        "should change the recovery key",
+        { tag: ["@screenshot", "@no-webkit"] },
+        async ({ page, app, homeserver, credentials, util, context }) => {
+            await verifySession(app, recoveryKey.encodedPrivateKey!);
+            const dialog = await util.openEncryptionTab();
+
+            // The user can only change the recovery key
+            const changeButton = dialog.getByRole("button", { name: "Change recovery key" });
+            await expect(changeButton).toBeVisible();
+            await expect(util.getEncryptionRecoverySection()).toMatchScreenshot("default-recovery.png");
+            await changeButton.click();
+
+            // Display the new recovery key and click on the copy button
+            await expect(dialog.getByText("Change recovery key?")).toBeVisible();
+            await expect(util.getEncryptionTabContent()).toMatchScreenshot("change-key-1-encryption-tab.png", {
+                mask: [dialog.getByTestId("recoveryKey")],
+            });
+            await dialog.getByRole("button", { name: "Copy" }).click();
+            await dialog.getByRole("button", { name: "Continue" }).click();
+
+            // Confirm the recovery key
+            await util.confirmRecoveryKey(
+                "Enter your new recovery key",
+                "Confirm new recovery key",
+                "change-key-2-encryption-tab.png",
+            );
+        },
+    );
+
+    test("should setup the recovery key", { tag: ["@screenshot", "@no-webkit"] }, async ({ page, app, util }) => {
+        await verifySession(app, recoveryKey.encodedPrivateKey!);
+        await util.removeSecretStorageDefaultKeyId();
+
+        // The key backup is deleted and the user needs to set it up
+        const dialog = await util.openEncryptionTab();
+        const setupButton = dialog.getByRole("button", { name: "Get recovery key" });
+        await expect(setupButton).toBeVisible();
+        await expect(util.getEncryptionRecoverySection()).toMatchScreenshot("set-up-recovery.png");
+        await setupButton.click();
+
+        // Display an informative panel about the recovery key
+        await expect(dialog.getByRole("heading", { name: "Get recovery key" })).toBeVisible();
+        await expect(util.getEncryptionTabContent()).toMatchScreenshot("set-up-key-1-encryption-tab.png");
+        await dialog.getByRole("button", { name: "Continue" }).click();
+
+        // Display the new recovery key and click on the copy button
+        await expect(dialog.getByText("Save your recovery key somewhere safe")).toBeVisible();
+        await expect(util.getEncryptionTabContent()).toMatchScreenshot("set-up-key-2-encryption-tab.png", {
+            mask: [dialog.getByTestId("recoveryKey")],
+        });
+        await dialog.getByRole("button", { name: "Copy" }).click();
+        await dialog.getByRole("button", { name: "Continue" }).click();
+
+        // Confirm the recovery key
+        await util.confirmRecoveryKey(
+            "Enter your recovery key to confirm",
+            "Finish set up",
+            "set-up-key-3-encryption-tab.png",
+        );
+
+        // The recovery key is now set up and the user can change it
+        await expect(dialog.getByRole("button", { name: "Change recovery key" })).toBeVisible();
+
+        // Check that the current device is connected to key backup and the backup version is the expected one
+        await checkDeviceIsConnectedKeyBackup(app, "1", true);
+    });
+});
diff --git a/apps/web/playwright/e2e/settings/general-room-settings-tab.spec.ts b/apps/web/playwright/e2e/settings/general-room-settings-tab.spec.ts
new file mode 100644
index 00000000000..a8d0fe6f98b
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/general-room-settings-tab.spec.ts
@@ -0,0 +1,59 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Suguru Hirahara
+
+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";
+
+test.describe("General room settings tab", () => {
+    const roomName = "Test Room";
+
+    test.use({
+        displayName: "Hanako",
+    });
+
+    test.beforeEach(async ({ user, app }) => {
+        await app.client.createRoom({ name: roomName });
+        await app.viewRoomByName(roomName);
+    });
+
+    test("should be rendered properly", { tag: "@screenshot" }, async ({ page, app, axe }) => {
+        const settings = await app.settings.openRoomSettings("General");
+
+        // Assert that "Show less" details element is rendered
+        await expect(settings.getByText("Show less")).toBeVisible();
+
+        await expect(settings).toMatchScreenshot("General-room-settings-tab-should-be-rendered-properly-1.png");
+
+        // Click the "Show less" details element
+        await settings.getByText("Show less").click();
+
+        // Assert that "Show more" details element is rendered instead of "Show more"
+        await expect(settings.getByText("Show less")).not.toBeVisible();
+        await expect(settings.getByText("Show more")).toBeVisible();
+
+        axe.disableRules("color-contrast"); // XXX: We have some known contrast issues here
+        await expect(axe).toHaveNoViolations();
+    });
+
+    test("long address should not cause dialog to overflow", { tag: "@no-webkit" }, async ({ page, app, user }) => {
+        const settings = await app.settings.openRoomSettings("General");
+        // 1. Set the room-address to be a really long string
+        const longString = "abcasdhjasjhdaj1jh1asdhasjdhajsdhjavhjksd".repeat(4);
+        await settings.locator("#roomAliases input[label='Room address']").fill(longString);
+        await expect(page.getByText("This address is available to use")).toBeVisible();
+        await settings.locator("#roomAliases").getByText("Add", { exact: true }).click();
+
+        // 2. wait for the new setting to apply ...
+        await expect(settings.locator("#canonicalAlias")).toHaveValue(`#${longString}:${user.homeServer}`);
+
+        // 3. Check if the dialog overflows
+        const dialogBoundingBox = await page.locator(".mx_Dialog").boundingBox();
+        const inputBoundingBox = await settings.locator("#canonicalAlias").boundingBox();
+        // Assert that the width of the select element is less than that of .mx_Dialog div.
+        expect(inputBoundingBox!.width).toBeLessThan(dialogBoundingBox!.width);
+    });
+});
diff --git a/apps/web/playwright/e2e/settings/notifications/notifications-settings-2-tab.spec.ts b/apps/web/playwright/e2e/settings/notifications/notifications-settings-2-tab.spec.ts
new file mode 100644
index 00000000000..48f03ecf0d4
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/notifications/notifications-settings-2-tab.spec.ts
@@ -0,0 +1,28 @@
+/*
+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 { test, expect } from "../../../element-web-test";
+import { SettingLevel } from "../../../../src/settings/SettingLevel";
+
+test.describe("Notifications 2 tab", () => {
+    test.use({
+        displayName: "Alice",
+    });
+
+    test("should display notification settings", { tag: "@screenshot" }, async ({ page, app, user, axe }) => {
+        await app.settings.setValue("feature_notification_settings2", null, SettingLevel.DEVICE, true);
+        await page.setViewportSize({ width: 1024, height: 2000 });
+        const settings = await app.settings.openUserSettings("Notifications");
+
+        axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
+        await expect(axe).toHaveNoViolations();
+        await expect(settings).toMatchScreenshot("standard-notifications-2-settings.png", {
+            // Mask the mxid.
+            mask: [settings.locator("#mx_NotificationSettings2_MentionCheckbox span")],
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/settings/notifications/notifications-settings-tab.spec.ts b/apps/web/playwright/e2e/settings/notifications/notifications-settings-tab.spec.ts
new file mode 100644
index 00000000000..a63e730788b
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/notifications/notifications-settings-tab.spec.ts
@@ -0,0 +1,25 @@
+/*
+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 { test, expect } from "../../../element-web-test";
+
+test.describe("Notifications tab", () => {
+    test.use({
+        displayName: "Alice",
+    });
+
+    test("should display notification settings", { tag: "@screenshot" }, async ({ page, app, user, axe }) => {
+        await page.setViewportSize({ width: 1024, height: 1400 });
+        const settings = await app.settings.openUserSettings("Notifications");
+        await settings.getByLabel("Enable notifications for this account").check();
+        await settings.getByLabel("Enable notifications for this device").check();
+
+        axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
+        await expect(axe).toHaveNoViolations();
+        await expect(settings).toMatchScreenshot("standard-notification-settings.png");
+    });
+});
diff --git a/apps/web/playwright/e2e/settings/preferences-user-settings-tab.spec.ts b/apps/web/playwright/e2e/settings/preferences-user-settings-tab.spec.ts
new file mode 100644
index 00000000000..ebfb600dafe
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/preferences-user-settings-tab.spec.ts
@@ -0,0 +1,78 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2024 The Matrix.org Foundation C.I.C.
+Copyright 2023 Suguru Hirahara
+
+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";
+
+test.use({
+    locale: "en-GB",
+    timezoneId: "Europe/London",
+});
+
+test.describe("Preferences user settings tab", () => {
+    test.use({
+        displayName: "Bob",
+        uut: async ({ app, user }, use) => {
+            const locator = await app.settings.openUserSettings("Preferences");
+            await use(locator);
+        },
+    });
+
+    test("should be rendered properly", { tag: "@screenshot" }, async ({ app, page, user, axe }) => {
+        await page.setViewportSize({ width: 1024, height: 4000 });
+        const tab = await app.settings.openUserSettings("Preferences");
+        // Assert that the top heading is rendered
+        await expect(tab.getByRole("heading", { name: "Preferences" })).toBeVisible();
+        await expect(tab).toMatchScreenshot("Preferences-user-settings-tab-should-be-rendered-properly-1.png", {
+            // masked with fixed-width due to daylight saving time making the text content vary
+            mask: [tab.locator("#mx_dropdownUserTimezone_value")],
+            css: `
+                #mx_dropdownUserTimezone_value {
+                    width: 200px;
+                }
+            `,
+        });
+
+        await expect(axe).toHaveNoViolations();
+    });
+
+    test("should be able to change the app language", { tag: ["@no-firefox", "@no-webkit"] }, async ({ uut, user }) => {
+        // Check language and region setting dropdown
+        const languageInput = uut.getByRole("button", { name: "Language Dropdown" });
+        await languageInput.scrollIntoViewIfNeeded();
+        // Check the default value
+        await expect(languageInput.getByText("English")).toBeVisible();
+        // Click the button to display the dropdown menu
+        await languageInput.click();
+        // Assert that the default option is rendered and highlighted
+        languageInput.getByRole("option", { name: /Albanian/ });
+        await expect(languageInput.getByRole("option", { name: /Albanian/ })).toHaveClass(
+            /mx_Dropdown_option_highlight/,
+        );
+        await expect(languageInput.getByRole("option", { name: /Deutsch/ })).toBeVisible();
+        // Click again to close the dropdown
+        await languageInput.click();
+        // Assert that the default value is rendered again
+        await expect(languageInput.getByText("English")).toBeVisible();
+    });
+
+    test("should be able to change the timezone", async ({ uut, user }) => {
+        // Check language and region setting dropdown
+        const timezoneInput = uut.locator(".mx_dropdownUserTimezone");
+        const timezoneValue = uut.locator("#mx_dropdownUserTimezone_value");
+        await timezoneInput.scrollIntoViewIfNeeded();
+        // Check the default value
+        await expect(timezoneValue.getByText("Browser default")).toBeVisible();
+        // Click the button to display the dropdown menu
+        await timezoneInput.getByRole("button", { name: "Set timezone" }).click();
+        // Select a different value
+        await timezoneInput.getByRole("option", { name: /Africa\/Abidjan/ }).click();
+        // Check the new value
+        await expect(timezoneValue.getByText("Africa/Abidjan")).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/settings/quick-settings-menu.spec.ts b/apps/web/playwright/e2e/settings/quick-settings-menu.spec.ts
new file mode 100644
index 00000000000..37d9adc458d
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/quick-settings-menu.spec.ts
@@ -0,0 +1,20 @@
+/*
+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 { test, expect } from "../../element-web-test";
+
+test.describe("Quick settings menu", () => {
+    test("should be rendered properly", { tag: "@screenshot" }, async ({ app, page, user, axe }) => {
+        await page.getByRole("button", { name: "Quick settings" }).click();
+        // Assert that the top heading is renderedc
+        const settings = page.getByTestId("quick-settings-menu");
+        await expect(settings).toBeVisible();
+        await expect(settings).toMatchScreenshot("quick-settings.png");
+
+        await expect(axe).toHaveNoViolations();
+    });
+});
diff --git a/apps/web/playwright/e2e/settings/room-settings/roles-permissions-room-settings-tab.spec.ts b/apps/web/playwright/e2e/settings/room-settings/roles-permissions-room-settings-tab.spec.ts
new file mode 100644
index 00000000000..89709c5207e
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/room-settings/roles-permissions-room-settings-tab.spec.ts
@@ -0,0 +1,61 @@
+/*
+ * 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.
+ */
+
+import { type Locator } from "@playwright/test";
+
+import { test, expect } from "../../../element-web-test";
+
+test.describe("Roles & Permissions room settings tab", () => {
+    const roomName = "Test room";
+
+    test.use({
+        displayName: "Alice",
+    });
+
+    let settings: Locator;
+
+    test.beforeEach(async ({ user, app }) => {
+        await app.client.createRoom({ name: roomName });
+        await app.viewRoomByName(roomName);
+        settings = await app.settings.openRoomSettings("Roles & Permissions");
+    });
+
+    test("should be able to change the role of a user", async ({ page, app, user, axe }) => {
+        const privilegedUserSection = settings.locator(".mx_SettingsFieldset").first();
+        const applyButton = privilegedUserSection.getByRole("button", { name: "Apply" });
+
+        // Alice is admin (100) and the Apply button should be disabled
+        await expect(applyButton).toBeDisabled();
+        let combobox = privilegedUserSection.getByRole("combobox", { name: user.userId });
+        await expect(combobox).toHaveValue("100");
+
+        // Change the role of Alice to Moderator (50)
+        await combobox.selectOption("Moderator");
+
+        // Should display a modal to warn that we are demoting the only admin user
+        const modal = page.locator(".mx_Dialog", {
+            hasText: "Warning",
+        });
+        await expect(modal).toBeVisible();
+        // Click on the continue button in the modal
+        await modal.getByRole("button", { name: "Continue" }).click();
+
+        const respPromise = page.waitForRequest("**/state/**");
+        await applyButton.click();
+        await respPromise;
+        await expect(combobox).toHaveValue("50");
+
+        // Reload and check Alice is still Moderator (50)
+        await page.reload();
+        settings = await app.settings.openRoomSettings("Roles & Permissions");
+        combobox = privilegedUserSection.getByRole("combobox", { name: user.userId });
+        await expect(combobox).toHaveValue("50");
+
+        await expect(axe).toHaveNoViolations();
+    });
+});
diff --git a/apps/web/playwright/e2e/settings/room-settings/room-security-tab.spec.ts b/apps/web/playwright/e2e/settings/room-settings/room-security-tab.spec.ts
new file mode 100644
index 00000000000..82a6d5df0c1
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/room-settings/room-security-tab.spec.ts
@@ -0,0 +1,133 @@
+/*
+ * 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 Locator } from "@playwright/test";
+import { closeReleaseAnnouncement, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../../element-web-test";
+
+test.describe("Roles & Permissions room settings tab", () => {
+    const roomName = "Test room";
+
+    test.use({
+        displayName: "Alice",
+    });
+
+    let settings: Locator;
+
+    test.beforeEach(async ({ user, app, page }) => {
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+        // Close the release announcement about the new room list sections
+        await closeReleaseAnnouncement(page, "Introducing Sections");
+
+        await app.client.createRoom({
+            name: roomName,
+            power_level_content_override: {
+                events: {
+                    // Set the join rules as lower than the history vis to test an edge case.
+                    ["m.room.join_rules"]: 50,
+                    ["m.room.history_visibility"]: 100,
+                },
+            },
+        });
+        await app.viewRoomByName(roomName);
+        settings = await app.settings.openRoomSettings("Security & Privacy");
+    });
+
+    test(
+        "should be able to toggle on encryption in a room",
+        { tag: "@screenshot" },
+        async ({ page, app, user, axe }) => {
+            await page.setViewportSize({ width: 1024, height: 1400 });
+            const encryptedToggle = settings.getByLabel("Encrypted");
+            await encryptedToggle.click();
+
+            // Accept the dialog.
+            await page.getByRole("button", { name: "Ok " }).click();
+
+            await expect(encryptedToggle).toBeChecked();
+            await expect(encryptedToggle).toBeDisabled();
+
+            await settings.getByLabel("Only send messages to verified users.").check();
+
+            axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
+            await expect(axe).toHaveNoViolations();
+            await expect(settings).toMatchScreenshot("room-security-settings.png");
+        },
+    );
+
+    test(
+        "should automatically adjust history visibility when a room is changed from public to private",
+        { tag: "@screenshot" },
+        async ({ page, app, user, axe }) => {
+            await page.setViewportSize({ width: 1024, height: 1400 });
+
+            const settingsGroupAccess = page.getByRole("group", { name: "Access" });
+            const settingsGroupHistory = page.getByRole("group", { name: "Who can read history?" });
+
+            await settingsGroupAccess.getByText("Anyone", { exact: true }).click();
+            await settingsGroupHistory.getByText("Anyone").click();
+
+            // Test that we have the warning appear.
+            axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
+            await expect(axe).toHaveNoViolations();
+            await expect(settings).toMatchScreenshot("room-security-settings-world-readable.png");
+
+            await settingsGroupAccess.getByText("Invite only").click();
+            // Element should have automatically set the room to "sharing" history visibility
+            await expect(settingsGroupHistory.getByText("Members (full history)")).toBeChecked();
+        },
+    );
+
+    test(
+        "should disallow changing from public to private if the user cannot alter history",
+        { tag: "@screenshot" },
+        async ({ page, app, user, bot }) => {
+            await page.setViewportSize({ width: 1024, height: 1400 });
+
+            const settingsGroupAccess = page.getByRole("group", { name: "Access" });
+            const settingsGroupHistory = page.getByRole("group", { name: "Who can read history?" });
+
+            await settingsGroupAccess.getByText("Anyone", { exact: true }).click();
+            await settingsGroupHistory.getByText("Anyone").click();
+
+            // De-op ourselves
+            await app.settings.switchTab("Roles & Permissions");
+
+            // Wait for the permissions list to be visible
+            await expect(settings.getByRole("heading", { name: "Permissions" })).toBeVisible();
+
+            const ourComboBox = settings.getByRole("combobox", { name: user.userId });
+            await ourComboBox.selectOption("Custom level");
+            const ourPl = settings.getByRole("spinbutton", { name: user.userId });
+            await ourPl.fill("50");
+            await page.keyboard.press("Tab"); // Shows a warning on
+
+            // Accept the de-op
+            await page.getByRole("button", { name: "Continue" }).click();
+            await settings.getByRole("button", { name: "Apply", disabled: false }).click();
+
+            // Close and await power level
+            await app.settings.closeDialog();
+            const timeline = page.getByTestId("timeline");
+            await timeline.getByRole("button", { name: "expand" }).click();
+            await expect(
+                timeline.getByText("Alice changed the power level of Alice from Admin to Moderator."),
+            ).toBeInViewport();
+
+            settings = await app.settings.openRoomSettings("Security & Privacy");
+
+            await settingsGroupAccess.getByText("Invite only").click();
+            // Element should have automatically set the room to "sharing" history visibility
+            const errorDialog = page.getByRole("heading", { name: "Cannot make room private" });
+            await expect(errorDialog).toBeVisible();
+            errorDialog.getByLabel("OK");
+            await expect(settingsGroupHistory.getByText("Anyone")).toBeChecked();
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/settings/room-settings/room-video-tab.spec.ts b/apps/web/playwright/e2e/settings/room-settings/room-video-tab.spec.ts
new file mode 100644
index 00000000000..48f8addc623
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/room-settings/room-video-tab.spec.ts
@@ -0,0 +1,39 @@
+/*
+ * 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 Locator } from "@playwright/test";
+
+import { test, expect } from "../../../element-web-test";
+test.describe("Voice & Video room settings tab", () => {
+    const roomName = "Test room";
+
+    test.use({
+        displayName: "Alice",
+    });
+
+    let settings: Locator;
+
+    test.beforeEach(async ({ user, app, page }) => {
+        // Execute client actions before setting, as the setting will force a reload.
+        await app.client.createRoom({ name: roomName });
+        await app.viewRoomByName(roomName);
+        settings = await app.settings.openRoomSettings("Voice & Video");
+    });
+
+    test(
+        "should be able to toggle on Element Call in the room",
+        { tag: "@screenshot" },
+        async ({ page, app, user, axe }) => {
+            await page.setViewportSize({ width: 1024, height: 1400 });
+            const callToggle = settings.getByLabel("Enable Element Call as an additional calling option in this room");
+            await callToggle.check();
+            axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
+            await expect(axe).toHaveNoViolations();
+            await expect(settings).toMatchScreenshot("room-video-settings.png");
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/settings/security-user-settings-tab.spec.ts b/apps/web/playwright/e2e/settings/security-user-settings-tab.spec.ts
new file mode 100644
index 00000000000..5f230a72f67
--- /dev/null
+++ b/apps/web/playwright/e2e/settings/security-user-settings-tab.spec.ts
@@ -0,0 +1,130 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2024 The Matrix.org Foundation C.I.C.
+Copyright 2023 Suguru Hirahara
+
+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 { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test";
+
+const IntegrationManager = "scalar.vector.im";
+
+test.describe("Security user settings tab", () => {
+    test.describe("with posthog enabled", () => {
+        test.use({
+            displayName: "Hanako",
+            // Enable posthog
+            config: {
+                posthog: {
+                    project_api_key: "foo",
+                    api_host: "bar",
+                },
+                privacy_policy_url: "example.tld", // Set privacy policy URL to enable privacyPolicyLink
+            },
+        });
+
+        test.beforeEach(async ({ page, app, user }) => {
+            // Dismiss toasts
+            await rejectToast(page, "Verify this device");
+            await rejectToast(page, "Notifications");
+            await page.locator(".mx_Toast_buttons").getByRole("button", { name: "Yes" }).click(); // Allow analytics
+        });
+
+        test.describe("AnalyticsLearnMoreDialog", () => {
+            test("should be rendered properly", { tag: "@screenshot" }, async ({ app, page, user, axe }) => {
+                const tab = await app.settings.openUserSettings("Security");
+                await tab.getByRole("button", { name: "Learn more" }).click();
+                await expect(page.locator(".mx_AnalyticsLearnMoreDialog_wrapper .mx_Dialog")).toMatchScreenshot(
+                    "Security-user-settings-tab-with-posthog-enable-b5d89-csLearnMoreDialog-should-be-rendered-properly-1.png",
+                );
+
+                await expect(axe).toHaveNoViolations();
+            });
+        });
+
+        test("should render the security tab", { tag: "@screenshot" }, async ({ app, page, user }) => {
+            await page.setViewportSize({ width: 1024, height: 1400 });
+            const tab = await app.settings.openUserSettings("Security");
+            await expect(tab).toMatchScreenshot("security-settings-tab.png", {
+                mask: [
+                    // Contains IM name.
+                    tab.locator("#mx_SetIntegrationManager_BodyText"),
+                    tab.locator("#mx_SetIntegrationManager_ManagerName"),
+                ],
+            });
+        });
+
+        test("should be able to set an ID server", async ({ app, context, user, page }) => {
+            const tab = await app.settings.openUserSettings("Security");
+
+            await context.route("https://identity.example.org/_matrix/identity/v2", async (route) => {
+                await route.fulfill({
+                    status: 200,
+                    json: {},
+                });
+            });
+            await context.route("https://identity.example.org/_matrix/identity/v2/account/register", async (route) => {
+                await route.fulfill({
+                    status: 200,
+                    json: {
+                        token: "AToken",
+                    },
+                });
+            });
+            await context.route("https://identity.example.org/_matrix/identity/v2/account", async (route) => {
+                await route.fulfill({
+                    status: 200,
+                    json: {
+                        user_id: user.userId,
+                    },
+                });
+            });
+            await context.route("https://identity.example.org/_matrix/identity/v2/terms", async (route) => {
+                await route.fulfill({
+                    status: 200,
+                    json: {
+                        policies: {},
+                    },
+                });
+            });
+            const setIdServer = tab.locator(".mx_IdentityServerPicker");
+            await setIdServer.scrollIntoViewIfNeeded();
+
+            const textElement = setIdServer.getByRole("textbox", { name: "Enter a new identity server" });
+            await textElement.click();
+            await textElement.fill("https://identity.example.org");
+            await setIdServer.getByRole("button", { name: "Change" }).click();
+
+            await expect(setIdServer.getByText("Checking server")).toBeVisible();
+            // Accept terms
+            await page.getByTestId("dialog-primary-button").click();
+            // Check identity has changed.
+            await expect(setIdServer.getByText("Your identity server has been changed")).toBeVisible();
+            // Ensure section title is updated.
+            await expect(tab.getByText(`Identity server (identity.example.org)`, { exact: true })).toBeVisible();
+        });
+
+        test("should show integrations as enabled", async ({ app, page, user }) => {
+            const tab = await app.settings.openUserSettings("Security");
+
+            const setIntegrationManager = tab.locator(".mx_SetIntegrationManager");
+            await setIntegrationManager.scrollIntoViewIfNeeded();
+            await expect(
+                setIntegrationManager.locator(".mx_SetIntegrationManager_heading_manager", {
+                    hasText: IntegrationManager,
+                }),
+            ).toBeVisible();
+            // Make sure integration manager's toggle switch is enabled
+            const toggleswitch = setIntegrationManager.getByLabel("Enable the integration manager");
+            await expect(toggleswitch).toBeVisible();
+            await expect(toggleswitch).toBeChecked();
+            await expect(setIntegrationManager.locator(".mx_SetIntegrationManager_heading_manager")).toHaveText(
+                "Manage integrations(scalar.vector.im)",
+            );
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/share-dialog/share-by-url.spec.ts b/apps/web/playwright/e2e/share-dialog/share-by-url.spec.ts
new file mode 100644
index 00000000000..909b4c9c723
--- /dev/null
+++ b/apps/web/playwright/e2e/share-dialog/share-by-url.spec.ts
@@ -0,0 +1,35 @@
+/*
+ * 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 { test, expect } from "../../element-web-test";
+
+test.describe("share from URL", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ app }, use) => {
+            const roomId = await app.client.createRoom({ name: "A test room" });
+            await use({ roomId });
+        },
+    });
+
+    test("should share message when users navigates to share URL", async ({ page, user, room, app }) => {
+        await page.goto("/#/share?msg=Hello+world");
+        const dialog = page.getByRole("dialog", { name: "Forward message" });
+        // The forward message dialog doesn't update as new infomation arrives via sync, which means sometimes
+        // this is just says, "Empty room". For the same reason, we can't reliably write a test for loading the
+        // app straight away with a /#/share url as the room doesn't appear until the client syncs.]
+        // Ideally we should fix the forward dialog to update and eliminate races, until then, there is only one
+        // room so we click the first button.
+        await dialog.getByRole("listitem" /*, { name: "A test room" }*/).getByRole("button", { name: "Send" }).click();
+        await dialog.getByRole("button", { name: "Close" }).click();
+        await app.viewRoomByName("A test room");
+        const lastMessage = page.locator(".mx_RoomView_MessageList .mx_EventTile_last");
+        await expect(lastMessage).toBeVisible();
+        const lastMessageText = await lastMessage.locator(".mx_EventTile_body").innerText();
+        expect(lastMessageText).toBe("Hello world");
+    });
+});
diff --git a/apps/web/playwright/e2e/share-dialog/share-dialog.spec.ts b/apps/web/playwright/e2e/share-dialog/share-dialog.spec.ts
new file mode 100644
index 00000000000..a77e89fcdcc
--- /dev/null
+++ b/apps/web/playwright/e2e/share-dialog/share-dialog.spec.ts
@@ -0,0 +1,67 @@
+/*
+ * Copyright 2024 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 { test, expect } from "../../element-web-test";
+
+test.describe("Share dialog", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ app, user, bot }, use) => {
+            const roomId = await app.client.createRoom({ name: "Alice room" });
+            await use({ roomId });
+        },
+    });
+
+    test("should share a room", { tag: "@screenshot" }, async ({ page, app, room }) => {
+        await app.viewRoomById(room.roomId);
+        await app.toggleRoomInfoPanel();
+        await page.getByRole("menuitem", { name: "Copy link" }).click();
+
+        const dialog = page.getByRole("dialog", { name: "Share room" });
+        await expect(dialog.getByText(`https://matrix.to/#/${room.roomId}`)).toBeVisible();
+        await expect(dialog).toMatchScreenshot("share-dialog-room.png", {
+            // QRCode and url changes at every run
+            mask: [page.locator(".mx_QRCode"), page.locator(".mx_ShareDialog_top > span")],
+        });
+    });
+
+    test("should share a room member", { tag: "@screenshot" }, async ({ page, app, room, user }) => {
+        await app.viewRoomById(room.roomId);
+        await app.client.sendMessage(room.roomId, { body: "hello", msgtype: "m.text" });
+
+        const rightPanel = await app.toggleRoomInfoPanel();
+        await rightPanel.getByRole("menuitem", { name: "People" }).click();
+        await rightPanel.getByRole("option", { name: user.displayName }).click();
+        await rightPanel.getByRole("button", { name: "Share profile" }).click();
+
+        const dialog = page.getByRole("dialog", { name: "Share User" });
+        await expect(dialog.getByText(`https://matrix.to/#/${user.userId}`)).toBeVisible();
+        await expect(dialog).toMatchScreenshot("share-dialog-user.png", {
+            // QRCode changes at every run
+            mask: [page.locator(".mx_QRCode")],
+        });
+    });
+
+    test("should share an event", { tag: "@screenshot" }, async ({ page, app, room }) => {
+        await app.viewRoomById(room.roomId);
+        await app.client.sendMessage(room.roomId, { body: "hello", msgtype: "m.text" });
+
+        const timelineMessage = page.locator(".mx_MTextBody", { hasText: "hello" });
+        await timelineMessage.hover();
+        await page.getByRole("button", { name: "Options", exact: true }).click();
+        await page.getByRole("menuitem", { name: "Share" }).click();
+
+        const dialog = page.getByRole("dialog", { name: "Share Room Message" });
+        await expect(dialog.getByRole("checkbox", { name: "Link to selected message" })).toBeChecked();
+        await expect(dialog).toMatchScreenshot("share-dialog-event.png", {
+            // QRCode and url changes at every run
+            mask: [page.locator(".mx_QRCode"), page.locator(".mx_ShareDialog_top > span")],
+        });
+        await dialog.getByRole("checkbox", { name: "Link to selected message" }).click();
+        await expect(dialog.getByRole("checkbox", { name: "Link to selected message" })).not.toBeChecked();
+    });
+});
diff --git a/apps/web/playwright/e2e/sliding-sync/sliding-sync.spec.ts b/apps/web/playwright/e2e/sliding-sync/sliding-sync.spec.ts
new file mode 100644
index 00000000000..952d2f22eae
--- /dev/null
+++ b/apps/web/playwright/e2e/sliding-sync/sliding-sync.spec.ts
@@ -0,0 +1,374 @@
+/*
+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 Locator, type Page, type Request } from "@playwright/test";
+import { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test as base, expect } from "../../element-web-test";
+import type { ElementAppPage } from "../../pages/ElementAppPage";
+import type { Bot } from "../../pages/bot";
+
+const test = base.extend<{
+    testRoom: { roomId: string; name: string };
+    joinedBot: Bot;
+}>({
+    testRoom: async ({ user, app }, use) => {
+        const name = "Test Room";
+        const roomId = await app.client.createRoom({ name });
+        await use({ roomId, name });
+    },
+    joinedBot: async ({ app, bot, testRoom }, use) => {
+        const roomId = testRoom.roomId;
+        await bot.prepareClient();
+        const bobUserId = await bot.evaluate((client) => client.getSafeUserId());
+        await app.client.evaluate(
+            async (client, { bobUserId, roomId }) => {
+                await client.invite(roomId, bobUserId);
+            },
+            { bobUserId, roomId },
+        );
+        await bot.joinRoom(roomId);
+        await use(bot);
+    },
+});
+
+test.describe("Sliding Sync", () => {
+    const checkOrder = async (wantOrder: string[], page: Page) => {
+        await expect(page.getByTestId("room-list").getByTestId("room-name")).toHaveText(wantOrder);
+    };
+
+    const bumpRoom = async (roomId: string, app: ElementAppPage) => {
+        // Send a message into the given room, this should bump the room to the top
+        console.log("sendEvent", app.client.sendEvent);
+        await app.client.sendEvent(roomId, null, "m.room.message", {
+            body: "Hello world",
+            msgtype: "m.text",
+        });
+    };
+
+    function getPrimaryFilters(page: Page): Locator {
+        return page.getByTestId("primary-filters");
+    }
+
+    function getRoomOptionsMenu(page: Page): Locator {
+        return page.getByRole("button", { name: "Room Options" });
+    }
+
+    function getFilterExpandButton(page: Page): Locator {
+        return getPrimaryFilters(page).getByRole("button", { name: "Expand filter list" });
+    }
+
+    test.use({
+        config: {
+            features: {
+                feature_simplified_sliding_sync: true,
+            },
+        },
+    });
+
+    // Load the user fixture for all tests
+    test.beforeEach(async ({ app, page, user }) => {
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+    });
+
+    test("should render the Rooms list in reverse chronological order by default and allowing sorting A-Z", async ({
+        page,
+        app,
+        testRoom,
+    }) => {
+        // create rooms and check room names are correct
+        for (const fruit of ["Apple", "Pineapple", "Orange"]) {
+            await app.client.createRoom({ name: fruit });
+            await expect(page.getByRole("option", { name: `Open room ${fruit}` })).toBeVisible();
+        }
+        const roomList = page.getByTestId("room-list");
+        // Check count, 3 fruits + 1 testRoom = 4
+        await expect(roomList.getByRole("option")).toHaveCount(4);
+        await checkOrder(["Orange", "Pineapple", "Apple", "Test Room"], page);
+
+        await getRoomOptionsMenu(page).click();
+        await page.getByRole("menuitemradio", { name: "A-Z" }).click();
+
+        await checkOrder(["Apple", "Orange", "Pineapple", "Test Room"], page);
+    });
+
+    test("should move rooms around as new events arrive", async ({ page, app, testRoom }) => {
+        // create rooms and check room names are correct
+        const roomIds: string[] = [];
+        for (const fruit of ["Apple", "Pineapple", "Orange"]) {
+            const id = await app.client.createRoom({ name: fruit });
+            roomIds.push(id);
+            await expect(page.getByRole("option", { name: `Open room ${fruit}` })).toBeVisible();
+        }
+
+        // Select the Test Room
+        await page.getByRole("option", { name: "Open room Test Room" }).click();
+        const [apple, pineapple, orange] = roomIds;
+        await checkOrder(["Orange", "Pineapple", "Apple", "Test Room"], page);
+        await bumpRoom(apple, app);
+        await checkOrder(["Apple", "Orange", "Pineapple", "Test Room"], page);
+        await bumpRoom(orange, app);
+        await checkOrder(["Orange", "Apple", "Pineapple", "Test Room"], page);
+        await bumpRoom(orange, app);
+        await checkOrder(["Orange", "Apple", "Pineapple", "Test Room"], page);
+        await bumpRoom(pineapple, app);
+        await checkOrder(["Pineapple", "Orange", "Apple", "Test Room"], page);
+    });
+
+    test("should not move the selected room: it should be sticky", async ({ page, app, testRoom }) => {
+        // create rooms and check room names are correct
+        const roomIds: string[] = [];
+        for (const fruit of ["Apple", "Pineapple", "Orange"]) {
+            const id = await app.client.createRoom({ name: fruit });
+            roomIds.push(id);
+            await expect(page.getByRole("option", { name: `Open room ${fruit}` })).toBeVisible();
+        }
+
+        // Given a list of Orange, Pineapple, Apple - if Pineapple is active and a message is sent in Apple, the list should
+        // turn into Apple, Pineapple, Orange - the index position of Pineapple never changes even though the list should technically
+        // be Apple, Orange Pineapple - only when you click on a different room do things reshuffle.
+
+        // Select the Pineapple room
+        await page.getByRole("option", { name: "Open room Pineapple" }).click();
+        await checkOrder(["Orange", "Pineapple", "Apple", "Test Room"], page);
+
+        // Move Apple
+        await bumpRoom(roomIds[0], app);
+        await checkOrder(["Apple", "Pineapple", "Orange", "Test Room"], page);
+
+        // Select the Test Room
+        await page.getByRole("option", { name: "Open room Test Room" }).click();
+
+        // the rooms reshuffle to match reality
+        await checkOrder(["Apple", "Orange", "Pineapple", "Test Room"], page);
+    });
+
+    test.skip("should show the right unread notifications", async ({ page, user, joinedBot: bob, testRoom }) => {
+        // send a message in the test room: unread notification count should increment
+        await bob.sendMessage(testRoom.roomId, "Hello World");
+
+        const itemLocator1 = page.getByRole("option", { name: "Open room David Langley with 1 unread message." });
+        await expect(itemLocator1.getByTestId("notification-decoration")).toHaveText("1");
+
+        // send an @mention: highlight count (red) should be 2.
+        await bob.sendMessage(testRoom.roomId, `Hello ${user.displayName}`);
+        const itemLocator2 = page.getByRole("treeitem", {
+            name: "Open room Test Room 2 unread messages including mentions.",
+        });
+        await expect(itemLocator2.getByTestId("notification-decoration")).toHaveText("2");
+
+        // click on the room, the notif counts should disappear
+        await page.getByRole("option", { name: "Open room Test Room 2 unread messages including mentions." }).click();
+        await expect(
+            page.getByRole("option", { name: "Open room Test Room" }).getByTestId("notification-decoration"),
+        ).not.toBeAttached();
+    });
+
+    test("should show unread indicators", async ({ page, app, joinedBot: bot, testRoom }) => {
+        // create a new room so we know when the message has been received as it'll re-shuffle the room list
+        await app.client.createRoom({ name: "Dummy" });
+
+        await checkOrder(["Dummy", "Test Room"], page);
+
+        await bot.sendMessage(testRoom.roomId, "Do you read me?");
+
+        // wait for this message to arrive, tell by the room list resorting
+        await checkOrder(["Test Room", "Dummy"], page);
+
+        await expect(
+            page.getByRole("option", { name: "Open room Test Room" }).getByTestId("notification-decoration"),
+        ).toBeAttached();
+    });
+
+    test("should update user settings promptly", async ({ page, app }) => {
+        await app.settings.openUserSettings("Preferences");
+        const locator = page.getByRole("switch", { name: "Show timestamps in 12 hour format" });
+        await expect(locator).toBeVisible();
+        await locator.check();
+    });
+
+    test("should send subscribe_rooms on room switch if room not already subscribed", async ({ page, app }) => {
+        // create rooms and check room names are correct
+        const roomIds: string[] = [];
+        for (const fruit of ["Apple", "Pineapple", "Orange"]) {
+            const id = await app.client.createRoom({ name: fruit });
+            roomIds.push(id);
+            await expect(page.getByRole("option", { name: `Open room ${fruit}` })).toBeVisible();
+        }
+        const [roomAId, roomPId] = roomIds;
+
+        const matchRoomSubRequest = (subRoomId: string) => (request: Request) => {
+            if (!request.url().includes("/sync")) return false;
+            const body = request.postDataJSON();
+            return body.room_subscriptions?.[subRoomId];
+        };
+
+        // Select the Test Room and wait for playwright to get the request
+        const [request] = await Promise.all([
+            page.waitForRequest(matchRoomSubRequest(roomAId)),
+            page.getByRole("option", { name: "Open room Apple", exact: true }).click(),
+        ]);
+        const roomSubscriptions = request.postDataJSON().room_subscriptions;
+        expect(roomSubscriptions, "room_subscriptions is object").toBeDefined();
+
+        // Switch to another room and wait for playwright to get the request
+        await Promise.all([
+            page.waitForRequest(matchRoomSubRequest(roomPId)),
+            page.getByRole("option", { name: "Open room Pineapple", exact: true }).click(),
+        ]);
+    });
+
+    test("should show and be able to accept/reject/rescind invites", async ({
+        page,
+        app,
+        joinedBot: bot,
+        testRoom,
+    }) => {
+        const clientUserId = await app.client.evaluate((client) => client.getSafeUserId());
+
+        // invite bot into 3 rooms:
+        // - roomJoin: will join this room
+        // - roomReject: will reject the invite
+        // - roomRescind: will make Bob rescind the invite
+        const roomNames = ["Room to Join", "Room to Reject", "Room to Rescind"];
+        const roomRescind = await bot.evaluate(
+            async (client, { roomNames, clientUserId }) => {
+                const rooms = await Promise.all(roomNames.map((name) => client.createRoom({ name })));
+                await Promise.all(rooms.map((room) => client.invite(room.room_id, clientUserId)));
+                return rooms[2].room_id;
+            },
+            { roomNames, clientUserId },
+        );
+
+        await getFilterExpandButton(page).click();
+        const primaryFilters = getPrimaryFilters(page);
+        await primaryFilters.getByRole("option", { name: "Invites" }).click();
+
+        await expect(page.getByTestId("room-list").getByRole("option")).toHaveCount(3);
+
+        // Select the room to join
+        await page.getByRole("option", { name: "Open room Room to Join" }).click();
+
+        // Accept the invite
+        await page.locator(".mx_RoomView").getByRole("button", { name: "Accept" }).click();
+
+        await checkOrder(["Room to Rescind", "Room to Reject"], page);
+
+        // Select the room to reject
+        await page.getByRole("option", { name: "Open room Room to Reject" }).click();
+
+        // Decline the invite
+        await page.locator(".mx_RoomView").getByRole("button", { name: "Decline", exact: true }).click();
+
+        await expect(page.getByTestId("room-list").getByRole("option")).toHaveCount(1);
+
+        await expect(page.getByRole("option", { name: "Open room Room to Rescind" })).toBeVisible();
+
+        // now rescind the invite
+        await bot.evaluate(
+            async (client, { roomRescind, clientUserId }) => {
+                await client.kick(roomRescind, clientUserId);
+            },
+            { roomRescind, clientUserId },
+        );
+
+        // toggle the invites filter off again so we see all the rooms again
+        await primaryFilters.getByRole("option", { name: "Invites" }).click();
+
+        await page.getByRole("option", { name: "Open room Room to Rescind" }).click();
+
+        await page.locator(".mx_RoomView").getByRole("button", { name: "Forget this room", exact: true }).click();
+
+        // Wait for the rescind to take effect and check the joined list once more
+        await expect(page.getByTestId("room-list").getByRole("option")).toHaveCount(2);
+
+        await checkOrder(["Room to Join", "Test Room"], page);
+    });
+
+    test("should show a favourite DM only in the favourite section", async ({ page, app }) => {
+        const roomId = await app.client.createRoom({
+            name: "Favourite DM",
+            is_direct: true,
+        });
+        await app.client.evaluate(async (client, roomId) => {
+            await client.setRoomTag(roomId, "m.favourite", { order: 0.5 });
+        }, roomId);
+
+        await expect(page.getByRole("button", { name: "Favourite DM" })).toBeVisible();
+
+        const primaryFilters = getPrimaryFilters(page);
+        await primaryFilters.getByRole("option", { name: "People" }).click();
+
+        await expect(page.getByRole("option", { name: "Favourite DM" })).not.toBeAttached();
+    });
+
+    // Regression test for a bug in SS mode, but would be useful to have in non-SS mode too.
+    // This ensures we are setting RoomViewStore state correctly.
+    test("should clear the reply to field when swapping rooms", async ({ page, app, testRoom }) => {
+        await app.client.createRoom({ name: "Other Room" });
+        await expect(page.getByRole("option", { name: "Open room Other Room" })).toBeVisible();
+        await app.client.sendMessage(testRoom.roomId, "Hello world");
+
+        // select the room
+        await page.getByRole("option", { name: "Open room Test Room" }).click();
+
+        await expect(page.locator(".mx_ReplyPreview")).not.toBeAttached();
+
+        // click reply-to on the Hello World message
+        const locator = page.locator(".mx_EventTile_last");
+        await locator.getByText("Hello world").hover();
+        await locator.getByRole("button", { name: "Reply", exact: true }).click({});
+
+        // check it's visible
+        await expect(page.locator(".mx_ReplyPreview")).toBeVisible();
+
+        // now click Other Room
+        await page.getByRole("option", { name: "Open room Other Room" }).click();
+
+        // ensure the reply-to disappears
+        await expect(page.locator(".mx_ReplyPreview")).not.toBeAttached();
+
+        // click back
+        await page.getByRole("option", { name: "Open room Test Room" }).click();
+
+        // ensure the reply-to reappears
+        await expect(page.locator(".mx_ReplyPreview")).toBeVisible();
+    });
+
+    // Regression test for https://github.com/vector-im/element-web/issues/21462
+    test("should not cancel replies when permalinks are clicked", async ({ page, app, testRoom }) => {
+        // we require a first message as you cannot click the permalink text with the avatar in the way
+        await app.client.sendMessage(testRoom.roomId, "First message");
+        await app.client.sendMessage(testRoom.roomId, "Permalink me");
+        await app.client.sendMessage(testRoom.roomId, "Reply to me");
+
+        // select the room
+        await page.getByRole("option", { name: "Open room Test Room" }).click();
+        await expect(page.locator(".mx_ReplyPreview")).not.toBeAttached();
+
+        // click reply-to on the Reply to me message
+        const locator = page.locator(".mx_EventTile").last();
+        await locator.getByText("Reply to me").hover();
+        await locator.getByRole("button", { name: "Reply", exact: true }).click();
+
+        // check it's visible
+        await expect(page.locator(".mx_ReplyPreview")).toBeVisible();
+
+        // now click on the permalink for Permalink me
+        const tile = page.locator(".mx_EventTile").filter({ hasText: "Permalink me" });
+        await tile.hover();
+        await tile.locator("a").dispatchEvent("click");
+
+        // make sure it is now selected with the little green |
+        await expect(page.locator(".mx_EventTile_selected").filter({ hasText: "Permalink me" })).toBeVisible();
+
+        // ensure the reply-to does not disappear
+        await expect(page.locator(".mx_ReplyPreview")).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/spaces/spaces.spec.ts b/apps/web/playwright/e2e/spaces/spaces.spec.ts
new file mode 100644
index 00000000000..3bcd244a7ec
--- /dev/null
+++ b/apps/web/playwright/e2e/spaces/spaces.spec.ts
@@ -0,0 +1,477 @@
+/*
+Copyright 2024,2025 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 { assertNoToasts, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import type { Locator, Page } from "@playwright/test";
+import { test, expect } from "../../element-web-test";
+import type { Preset, ICreateRoomOpts } from "matrix-js-sdk/src/matrix";
+import { type ElementAppPage } from "../../pages/ElementAppPage";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+import { UIFeature } from "../../../src/settings/UIFeature";
+import { getSampleFilePath } from "../../sample-files";
+
+async function openSpaceCreateMenu(page: Page): Promise<Locator> {
+    await page.getByRole("button", { name: "Create a space" }).click();
+    return page.locator(".mx_SpaceCreateMenu_wrapper .mx_ContextualMenu");
+}
+
+async function openSpaceContextMenu(page: Page, app: ElementAppPage, spaceName: string): Promise<Locator> {
+    const button = await app.getSpacePanelButton(spaceName);
+    await button.click({ button: "right" });
+    return page.locator(".mx_SpacePanel_contextMenu");
+}
+
+function spaceCreateOptions(serverName: string, spaceName: string, roomIds: string[] = []): ICreateRoomOpts {
+    return {
+        creation_content: {
+            type: "m.space",
+        },
+        initial_state: [
+            {
+                type: "m.room.name",
+                content: {
+                    name: spaceName,
+                },
+            },
+            ...roomIds.map((r) => spaceChildInitialState(serverName, r)),
+        ],
+    };
+}
+
+function spaceChildInitialState(
+    serverName: string,
+    roomId: string,
+    order?: string,
+): NonNullable<ICreateRoomOpts["initial_state"]>[number] {
+    return {
+        type: "m.space.child",
+        state_key: roomId,
+        content: {
+            via: [serverName],
+            order,
+        },
+    };
+}
+
+test.describe("Spaces", () => {
+    test.skip(isDendrite, "due to a Dendrite bug https://github.com/element-hq/dendrite/issues/3488");
+    test.use({
+        displayName: "Sue",
+        botCreateOpts: { displayName: "BotBob" },
+    });
+
+    test(
+        "should allow user to create public space",
+        { tag: ["@screenshot", "@no-webkit"] },
+        async ({ page, app, user }) => {
+            await rejectToast(page, "Verify this device");
+            const contextMenu = await openSpaceCreateMenu(page);
+            await expect(contextMenu).toMatchScreenshot("space-create-menu.png");
+
+            await contextMenu.getByRole("button", { name: /Public/ }).click();
+
+            await contextMenu
+                .locator('.mx_SpaceBasicSettings_avatarContainer input[type="file"]')
+                .setInputFiles(getSampleFilePath("riot.png"));
+            await contextMenu.getByRole("textbox", { name: "Name" }).fill("Let's have a Riot");
+            await expect(contextMenu.getByRole("textbox", { name: "Address" })).toHaveValue("lets-have-a-riot");
+            await contextMenu
+                .getByRole("textbox", { name: "Description" })
+                .fill("This is a space to reminisce Riot.im!");
+            await contextMenu.getByRole("button", { name: "Create" }).click();
+
+            // Create the default General & Random rooms, as well as a custom "Jokes" room
+            await expect(page.getByPlaceholder("General")).toBeVisible();
+            await expect(page.getByPlaceholder("Random")).toBeVisible();
+            await page.getByPlaceholder("Support").fill("Jokes");
+            await page.getByRole("button", { name: "Continue" }).click();
+
+            // Copy matrix.to link
+            await page.getByRole("button", { name: "Share invite link" }).click();
+            expect(await app.getClipboard()).toEqual(`https://matrix.to/#/#lets-have-a-riot:${user.homeServer}`);
+
+            // Go to space home
+            await page.getByRole("button", { name: "Go to my first room" }).click();
+
+            // Assert rooms exist in the room list
+            await expect(page.getByRole("option", { name: "General" })).toBeVisible();
+            await expect(page.getByRole("option", { name: "Random" })).toBeVisible();
+            await expect(page.getByRole("option", { name: "Jokes" })).toBeVisible();
+        },
+    );
+
+    test("should allow user to create private space", { tag: "@screenshot" }, async ({ page, app, user }) => {
+        await rejectToast(page, "Verify this device");
+        const menu = await openSpaceCreateMenu(page);
+        await menu.getByRole("button", { name: "Private" }).click();
+
+        await menu
+            .locator('.mx_SpaceBasicSettings_avatarContainer input[type="file"]')
+            .setInputFiles(getSampleFilePath("riot.png"));
+        await menu.getByRole("textbox", { name: "Name" }).fill("This is not a Riot");
+        await expect(menu.getByRole("textbox", { name: "Address" })).not.toBeVisible();
+        await menu.getByRole("textbox", { name: "Description" }).fill("This is a private space of mourning Riot.im...");
+        await menu.getByRole("button", { name: "Create" }).click();
+
+        await page.getByRole("button", { name: "Me and my teammates" }).click();
+
+        // Create the default General & Random rooms, as well as a custom "Projects" room
+        await expect(page.getByPlaceholder("General")).toBeVisible();
+        await expect(page.getByPlaceholder("Random")).toBeVisible();
+        await page.getByPlaceholder("Support").fill("Projects");
+        await page.getByRole("button", { name: "Continue" }).click();
+
+        await expect(page.locator(".mx_SpaceRoomView h1").getByText("Invite your teammates")).toBeVisible();
+        await expect(page.locator(".mx_SpaceRoomView")).toMatchScreenshot("invite-teammates-dialog.png");
+        await page.getByRole("button", { name: "Skip for now" }).click();
+
+        // Assert rooms exist in the room list
+        const roomList = page.getByRole("listbox", { name: "Room list", exact: true });
+        await expect(roomList.getByRole("option", { name: "General" })).toBeVisible();
+        await expect(roomList.getByRole("option", { name: "Random" })).toBeVisible();
+        await expect(roomList.getByRole("option", { name: "Projects" })).toBeVisible();
+
+        // Assert rooms exist in the space explorer
+        await expect(
+            page.locator(".mx_SpaceHierarchy_list .mx_SpaceHierarchy_roomTile", { hasText: "General" }),
+        ).toBeVisible();
+        await expect(
+            page.locator(".mx_SpaceHierarchy_list .mx_SpaceHierarchy_roomTile", { hasText: "Random" }),
+        ).toBeVisible();
+        await expect(
+            page.locator(".mx_SpaceHierarchy_list .mx_SpaceHierarchy_roomTile", { hasText: "Projects" }),
+        ).toBeVisible();
+    });
+
+    test("should allow user to create just-me space", async ({ page, app, user }) => {
+        await app.client.createRoom({
+            name: "Sample Room",
+        });
+
+        await rejectToast(page, "Verify this device");
+        const menu = await openSpaceCreateMenu(page);
+        await menu.getByRole("button", { name: "Private" }).click();
+
+        await menu
+            .locator('.mx_SpaceBasicSettings_avatarContainer input[type="file"]')
+            .setInputFiles(getSampleFilePath("riot.png"));
+        await expect(menu.getByRole("textbox", { name: "Address" })).not.toBeVisible();
+        await menu.getByRole("textbox", { name: "Description" }).fill("This is a personal space to mourn Riot.im...");
+        await menu.getByRole("textbox", { name: "Name" }).fill("This is my Riot");
+        await menu.getByRole("textbox", { name: "Name" }).press("Enter");
+
+        await page.getByRole("button", { name: "Just me" }).click();
+
+        await page.getByRole("checkbox", { name: "Sample Room" }).click();
+
+        // Temporal implementation as multiple elements with the role "button" and name "Add" are found
+        await page.locator(".mx_AddExistingToSpace_footer").getByRole("button", { name: "Add" }).click();
+
+        await expect(
+            page.locator(".mx_SpaceHierarchy_list").getByRole("treeitem", { name: "Sample Room" }),
+        ).toBeVisible();
+    });
+
+    test(
+        "should allow user to add an existing room to a space after creation",
+        { tag: "@screenshot" },
+        async ({ page, app, user }) => {
+            await app.client.createRoom({
+                name: "Sample Room",
+            });
+            await app.client.createRoom({
+                name: "A Room that will not be selected",
+            });
+
+            await rejectToast(page, "Verify this device");
+            const menu = await openSpaceCreateMenu(page);
+            await menu.getByRole("button", { name: "Private" }).click();
+
+            await menu
+                .locator('.mx_SpaceBasicSettings_avatarContainer input[type="file"]')
+                .setInputFiles(getSampleFilePath("riot.png"));
+            await expect(menu.getByRole("textbox", { name: "Address" })).not.toBeVisible();
+            await menu
+                .getByRole("textbox", { name: "Description" })
+                .fill("This is a personal space to mourn Riot.im...");
+            await menu.getByRole("textbox", { name: "Name" }).fill("This is my Riot");
+            await menu.getByRole("textbox", { name: "Name" }).press("Enter");
+
+            await page.getByRole("button", { name: "Just me" }).click();
+
+            await page.getByRole("button", { name: "Skip for now" }).click();
+
+            await page.getByRole("main").getByRole("button", { name: "Add" }).click();
+            await page.getByRole("menuitem", { name: "Add existing room" }).click();
+
+            await page.getByRole("checkbox", { name: "Sample Room" }).click();
+
+            await expect(page.getByRole("dialog", { name: "Avatar Add existing rooms" })).toMatchScreenshot(
+                "add-existing-rooms-dialog.png",
+            );
+
+            await page.getByRole("button", { name: "Add" }).click();
+            await expect(
+                page.locator(".mx_SpaceHierarchy_list").getByRole("treeitem", { name: "Sample Room" }),
+            ).toBeVisible();
+        },
+    );
+
+    test("should allow user to invite another to a space", { tag: "@no-webkit" }, async ({ page, app, user, bot }) => {
+        await app.client.createSpace({
+            visibility: "public" as any,
+            room_alias_name: "space",
+        });
+
+        const menu = await openSpaceContextMenu(page, app, `#space:${user.homeServer}`);
+        await menu.getByRole("menuitem", { name: "Invite" }).click();
+
+        const shareDialog = page.locator(".mx_SpacePublicShare");
+        // Copy link first
+        await shareDialog.getByRole("button", { name: "Share invite link" }).click();
+        expect(await app.getClipboard()).toEqual(`https://matrix.to/#/#space:${user.homeServer}`);
+        // Start Matrix invite flow
+        await shareDialog.getByRole("button", { name: "Invite people" }).click();
+
+        const otherSection = page.locator(".mx_InviteDialog_other");
+        await otherSection.getByRole("textbox").fill(bot.credentials!.userId);
+        await otherSection.getByRole("button", { name: "Invite" }).click();
+
+        await expect(page.locator(".mx_InviteDialog_other")).not.toBeVisible();
+    });
+
+    test("should show space invites at the top of the space panel", async ({ page, app, user, bot }) => {
+        await app.client.createSpace({
+            name: "My Space",
+        });
+        await expect(await app.getSpacePanelButton("My Space")).toBeVisible();
+
+        const roomId = await bot.createRoom(spaceCreateOptions(user.homeServer, "Space Space"));
+        await bot.inviteUser(roomId, user.userId);
+
+        // Assert that `Space Space` is above `My Space` due to it being an invite
+        const buttons = page.getByRole("tree", { name: "Spaces" }).locator(".mx_SpaceButton");
+        await expect(buttons.nth(1)).toHaveAttribute("aria-label", "Space Space");
+        await expect(buttons.nth(2)).toHaveAttribute("aria-label", "My Space");
+    });
+
+    test("should include rooms in space home", async ({ page, app, user }) => {
+        const roomId1 = await app.client.createRoom({
+            name: "Music",
+        });
+        const roomId2 = await app.client.createRoom({
+            name: "Gaming",
+        });
+
+        const spaceName = "Spacey Mc. Space Space";
+        await app.client.createSpace({
+            name: spaceName,
+            initial_state: [
+                spaceChildInitialState(user.homeServer, roomId1),
+                spaceChildInitialState(user.homeServer, roomId2),
+            ],
+        });
+
+        await app.viewSpaceHomeByName(spaceName);
+
+        const hierarchyList = page.locator(".mx_SpaceRoomView .mx_SpaceHierarchy_list");
+        await expect(hierarchyList.getByRole("treeitem", { name: "Music" }).getByRole("button")).toBeVisible();
+        await expect(hierarchyList.getByRole("treeitem", { name: "Gaming" }).getByRole("button")).toBeVisible();
+    });
+
+    test(
+        "should render subspaces in the space panel only when expanded",
+        { tag: "@screenshot" },
+        async ({ page, app, user, axe }) => {
+            await rejectToast(page, "Verify this device");
+
+            axe.disableRules([
+                // Disable this check as it triggers on nested roving tab index elements which are in practice fine
+                "nested-interactive",
+                // XXX: We have some known contrast issues here
+                "color-contrast",
+            ]);
+
+            const childSpaceId = await app.client.createSpace({
+                name: "Child Space",
+                initial_state: [],
+            });
+            await app.client.createSpace({
+                name: "Root Space",
+                initial_state: [spaceChildInitialState(user.homeServer, childSpaceId)],
+            });
+
+            // Find collapsed Space panel
+            const spaceTree = page.getByRole("tree", { name: "Spaces" });
+            await expect(spaceTree.getByRole("button", { name: "Root Space" })).toBeVisible();
+            await expect(spaceTree.getByRole("button", { name: "Child Space" })).not.toBeVisible();
+
+            await expect(axe).toHaveNoViolations();
+            await expect(page.locator(".mx_SpacePanel")).toMatchScreenshot("space-panel-collapsed.png");
+
+            // This finds the expand button with the class name "mx_SpaceButton_toggleCollapse". Note there is another
+            // button with the same name with different class name "mx_SpacePanel_toggleCollapse".
+            await spaceTree.getByRole("button", { name: "Expand" }).click();
+            await expect(page.locator(".mx_SpacePanel:not(.collapsed)")).toBeVisible(); // TODO: replace :not() selector
+
+            // focus the quick settings button to ensure the spaces aren't being hovered over for consistent screenshots
+            await page.getByRole("button", { name: "Quick settings" }).focus();
+
+            const item = page.locator(".mx_SpaceItem", { hasText: "Root Space" });
+            await expect(item).toBeVisible();
+            await expect(item.locator(".mx_SpaceItem", { hasText: "Child Space" })).toBeVisible();
+
+            await expect(axe).toHaveNoViolations();
+            await expect(page.locator(".mx_SpacePanel")).toMatchScreenshot("space-panel-expanded.png");
+        },
+    );
+
+    test("should not soft crash when joining a room from space hierarchy which has a link in its topic", async ({
+        page,
+        app,
+        user,
+        bot,
+    }) => {
+        const roomId = await bot.createRoom({
+            preset: "public_chat" as Preset,
+            name: "Test Room",
+            topic: "This is a topic https://github.com/matrix-org/matrix-react-sdk/pull/10060 with a link",
+        });
+        const spaceId = await bot.createRoom(spaceCreateOptions(user.homeServer, "Test Space", [roomId]));
+        await bot.inviteUser(spaceId, user.userId);
+
+        await expect(await app.getSpacePanelButton("Test Space")).toBeVisible();
+        await app.viewSpaceByName("Test Space");
+        await page.getByRole("button", { name: "Accept" }).click();
+
+        await page.getByRole("button", { name: "Test Room" }).hover();
+        await page.getByRole("button", { name: "Join", exact: true }).click();
+        await page.getByRole("button", { name: "View", exact: true }).click();
+
+        // Assert we get shown the new room intro, and thus not the soft crash screen
+        await expect(page.locator(".mx_NewRoomIntro")).toBeVisible();
+    });
+
+    test("should render spaces view", { tag: "@screenshot" }, async ({ page, app, user, axe }) => {
+        axe.disableRules([
+            // Disable this check as it triggers on nested roving tab index elements which are in practice fine
+            "nested-interactive",
+            // XXX: We have some known contrast issues here
+            "color-contrast",
+        ]);
+
+        const childSpaceId1 = await app.client.createSpace({
+            name: "Child Space 1",
+            initial_state: [],
+        });
+        const childSpaceId2 = await app.client.createSpace({
+            name: "Child Space 2",
+            initial_state: [],
+        });
+        const childSpaceId3 = await app.client.createSpace({
+            name: "Child Space 3",
+            initial_state: [],
+        });
+        await app.client.createSpace({
+            name: "Root Space",
+            initial_state: [
+                spaceChildInitialState(user.homeServer, childSpaceId1, "a"),
+                spaceChildInitialState(user.homeServer, childSpaceId2, "b"),
+                spaceChildInitialState(user.homeServer, childSpaceId3, "c"),
+            ],
+        });
+        await app.viewSpaceByName("Root Space");
+        await expect(page.locator(".mx_SpaceRoomView")).toMatchScreenshot("space-room-view.png");
+    });
+
+    test("should render spaces visibility settings", { tag: "@screenshot" }, async ({ page, app, user, axe }) => {
+        await app.client.createSpace({
+            name: "My Space",
+        });
+        await app.viewSpaceByName("My space");
+        await page.getByLabel("Settings", { exact: true }).click();
+        await app.settings.switchTab("Security & Privacy");
+
+        axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
+        await expect(axe).toHaveNoViolations();
+        await expect(page.locator("#mx_tabpanel_SPACE_VISIBILITY_TAB")).toMatchScreenshot(
+            "space-visibility-settings.png",
+        );
+    });
+
+    test("should render render tooltip on focus of metaspace", { tag: "@screenshot" }, async ({ page, user }) => {
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+        // Wait for toasts to clear otherwise they will mess with our screenshot
+        await assertNoToasts(page);
+
+        await page.getByRole("tree", { name: "Spaces" }).getByRole("button", { name: "Home" }).hover();
+        await expect(page.getByRole("tooltip", { name: "Home" })).toBeVisible();
+
+        await expect(page).toMatchScreenshot("space-panel-home-tooltip.png", {
+            showTooltips: true,
+            clip: {
+                x: 0,
+                y: 60,
+                width: 140,
+                height: 60,
+            },
+        });
+    });
+
+    test.describe("Should hide public spaces option if not allowed", () => {
+        test.use({
+            config: {
+                setting_defaults: {
+                    [UIFeature.AllowCreatingPublicSpaces]: false,
+                },
+            },
+        });
+
+        test("should disallow creating public rooms", { tag: "@screenshot" }, async ({ page, user, app }) => {
+            await rejectToast(page, "Verify this device");
+            const menu = await openSpaceCreateMenu(page);
+            await menu
+                .locator('.mx_SpaceBasicSettings_avatarContainer input[type="file"]')
+                .setInputFiles(getSampleFilePath("riot.png"));
+            await menu.getByRole("textbox", { name: "Name" }).fill("This is a private space");
+            await expect(menu.getByRole("textbox", { name: "Address" })).not.toBeVisible();
+            await menu
+                .getByRole("textbox", { name: "Description" })
+                .fill("This is a private space because we can't make public ones");
+            await menu.getByRole("button", { name: "Create" }).click();
+
+            await page.getByRole("button", { name: "Me and my teammates" }).click();
+
+            // Create the default General & Random rooms, as well as a custom "Projects" room
+            await expect(page.getByPlaceholder("General")).toBeVisible();
+            await expect(page.getByPlaceholder("Random")).toBeVisible();
+            await page.getByPlaceholder("Support").fill("Projects");
+            await page.getByRole("button", { name: "Continue" }).click();
+            await page.getByRole("button", { name: "Skip for now" }).click();
+
+            // Assert rooms exist in the room list
+            const roomList = page.getByRole("listbox", { name: "Room list", exact: true });
+            await expect(roomList.getByRole("option", { name: "General" })).toBeVisible();
+            await expect(roomList.getByRole("option", { name: "Random" })).toBeVisible();
+            await expect(roomList.getByRole("option", { name: "Projects" })).toBeVisible();
+
+            // Assert rooms exist in the space explorer
+            await expect(
+                page.locator(".mx_SpaceHierarchy_list .mx_SpaceHierarchy_roomTile", { hasText: "General" }),
+            ).toBeVisible();
+            await expect(
+                page.locator(".mx_SpaceHierarchy_list .mx_SpaceHierarchy_roomTile", { hasText: "Random" }),
+            ).toBeVisible();
+            await expect(
+                page.locator(".mx_SpaceHierarchy_list .mx_SpaceHierarchy_roomTile", { hasText: "Projects" }),
+            ).toBeVisible();
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/spaces/threads-activity-centre/index.ts b/apps/web/playwright/e2e/spaces/threads-activity-centre/index.ts
new file mode 100644
index 00000000000..5e49b957235
--- /dev/null
+++ b/apps/web/playwright/e2e/spaces/threads-activity-centre/index.ts
@@ -0,0 +1,380 @@
+/*
+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.
+*/
+
+import { type JSHandle, type Locator, type Page } from "@playwright/test";
+
+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";
+import { type ElementAppPage } from "../../../pages/ElementAppPage";
+import { type Credentials } from "../../../plugins/homeserver";
+
+type RoomRef = { name: string; roomId: string };
+
+/**
+ * Set up for a read receipt test:
+ * - Create a user with the supplied name
+ * - As that user, create two rooms with the supplied names
+ * - Create a bot with the supplied name
+ * - Invite the bot to both rooms and ensure that it has joined
+ */
+export const test = base.extend<{
+    room1Name: string;
+    room1: { name: string; roomId: string };
+    room2Name: string;
+    room2: { name: string; roomId: string };
+    msg: MessageBuilder;
+    util: Helpers;
+}>({
+    displayName: "Mae",
+    botCreateOpts: { displayName: "Other User" },
+
+    room1Name: "Room 1",
+    room1: async ({ room1Name: name, app, user, bot }, use) => {
+        const roomId = await app.client.createRoom({
+            name,
+            invite: [bot.credentials!.userId],
+            preset: "public_chat" as Preset,
+        });
+        await bot.awaitRoomMembership(roomId);
+        await use({ name, roomId });
+    },
+    room2Name: "Room 2",
+    room2: async ({ room2Name: name, app, user, bot }, use) => {
+        const roomId = await app.client.createRoom({ name, invite: [bot.credentials!.userId] });
+        await bot.awaitRoomMembership(roomId);
+        await use({ name, roomId });
+    },
+    msg: async ({ page, app, util }, use) => {
+        await use(new MessageBuilder());
+    },
+    util: async ({ room1, room2, page, app, bot }, use) => {
+        await use(new Helpers(page, app, bot));
+    },
+});
+
+/**
+ * A utility that is able to find messages based on their content, by looking
+ * inside the `timeline` objects in the object model.
+ *
+ * Crucially, we hold on to references to events that have been edited or
+ * redacted, so we can still look them up by their old content.
+ *
+ * Provides utilities that build on the ability to find messages, e.g. replyTo,
+ * which finds a message and then constructs a reply to it.
+ */
+export class MessageBuilder {
+    /**
+     * Map of message content -> event.
+     */
+    messages = new Map<string, Promise<JSHandle<MatrixEvent>>>();
+
+    /**
+     * Utility to find a MatrixEvent by its body content
+     * @param room - the room to search for the event in
+     * @param message - the body of the event to search for
+     * @param includeThreads - whether to search within threads too
+     */
+    async getMessage(room: JSHandle<Room>, message: string, includeThreads = false): Promise<JSHandle<MatrixEvent>> {
+        const cached = this.messages.get(message);
+        if (cached) {
+            return cached;
+        }
+
+        const promise = room.evaluateHandle(
+            async (room, { message, includeThreads }) => {
+                let ev = room.timeline.find((e) => e.getContent().body === message);
+                if (!ev && includeThreads) {
+                    for (const thread of room.getThreads()) {
+                        ev = thread.timeline.find((e) => e.getContent().body === message);
+                        if (ev) break;
+                    }
+                }
+
+                if (ev) return ev;
+
+                return new Promise<MatrixEvent>((resolve) => {
+                    room.on("Room.timeline" as any, (ev: MatrixEvent) => {
+                        if (ev.getContent().body === message) {
+                            resolve(ev);
+                        }
+                    });
+                });
+            },
+            { message, includeThreads },
+        );
+
+        this.messages.set(message, promise);
+        return promise;
+    }
+
+    /**
+     * MessageContentSpec to send a threaded response into a room
+     * @param rootMessage - the body of the thread root message to send a response to
+     * @param newMessage - the message body to send into the thread response or an object with the message content
+     */
+    threadedOff(rootMessage: string, newMessage: string | IContent): MessageContentSpec {
+        return new (class extends MessageContentSpec {
+            public async getContent(room: JSHandle<Room>): Promise<Record<string, unknown>> {
+                const ev = await this.messageFinder.getMessage(room, rootMessage);
+                return ev.evaluate((ev, newMessage) => {
+                    if (typeof newMessage === "string") {
+                        return {
+                            "msgtype": "m.text",
+                            "body": newMessage,
+                            "m.relates_to": {
+                                event_id: ev.getId(),
+                                is_falling_back: true,
+                                rel_type: "m.thread",
+                            },
+                        };
+                    } else {
+                        return {
+                            "msgtype": "m.text",
+                            "m.relates_to": {
+                                event_id: ev.getId(),
+                                is_falling_back: true,
+                                rel_type: "m.thread",
+                            },
+                            ...newMessage,
+                        };
+                    }
+                }, newMessage);
+            }
+        })(this);
+    }
+}
+
+/**
+ * Something that can provide the content of a message.
+ *
+ * For example, we return and instance of this from {@link
+ * MessageBuilder.replyTo} which creates a reply based on a previous message.
+ */
+export abstract class MessageContentSpec {
+    constructor(public readonly messageFinder: MessageBuilder) {}
+
+    public abstract getContent(room: JSHandle<Room>): Promise<Record<string, unknown>>;
+}
+
+/**
+ * Something that we will turn into a message or event when we pass it in to
+ * e.g. receiveMessages.
+ */
+export type Message = string | MessageContentSpec;
+
+export class Helpers {
+    constructor(
+        private page: Page,
+        private app: ElementAppPage,
+        private bot: Bot,
+    ) {}
+
+    /**
+     * Use the supplied client to send messages or perform actions as specified by
+     * the supplied {@link Message} items.
+     */
+    async sendMessageAsClient(cli: Client, roomRef: RoomRef, messages: Message[]) {
+        const roomId = roomRef.roomId;
+        const room = await this.findRoomById(roomId);
+        expect(room).toBeTruthy();
+
+        for (const message of messages) {
+            if (typeof message === "string") {
+                await cli.sendMessage(roomId, { body: message, msgtype: "m.text" });
+            } else if (message instanceof MessageContentSpec) {
+                await cli.sendMessage(roomId, await message.getContent(room));
+            }
+            // TODO: without this wait, some tests that send lots of messages flake
+            // from time to time. I (andyb) have done some investigation, but it
+            // needs more work to figure out. The messages do arrive over sync, but
+            // they never appear in the timeline, and they never fire a
+            // Room.timeline event. I think this only happens with events that refer
+            // to other events (e.g. replies), so it might be caused by the
+            // referring event arriving before the referred-to event.
+            await this.page.waitForTimeout(100);
+        }
+    }
+
+    /**
+     * Open the room with the supplied name.
+     */
+    async goTo(room: RoomRef) {
+        await this.app.viewRoomByName(typeof room === "string" ? room : room.name);
+    }
+
+    /**
+     * Click the thread with the supplied content in the thread root to open it in
+     * the Threads panel.
+     */
+    async openThread(rootMessage: string) {
+        const tile = this.page.locator(".mx_RoomView_body .mx_EventTile[data-scroll-tokens]", { hasText: rootMessage });
+        await tile.hover();
+        await tile.getByRole("button", { name: "Reply in thread" }).click();
+        await expect(this.page.locator(".mx_ThreadView_timelinePanelWrapper")).toBeVisible();
+    }
+
+    async findRoomById(roomId: string): Promise<JSHandle<Room>> {
+        return this.app.client.evaluateHandle((cli, roomId) => {
+            return cli.getRooms().find((r) => r.roomId === roomId)!;
+        }, roomId);
+    }
+
+    /**
+     * Sends messages into given room as a bot
+     * @param room - the name of the room to send messages into
+     * @param messages - the list of messages to send, these can be strings or implementations of MessageSpec like `editOf`
+     */
+    async receiveMessages(room: RoomRef, messages: Message[]) {
+        await this.sendMessageAsClient(this.bot, room, messages);
+    }
+
+    /**
+     * Get the threads activity centre button
+     * @private
+     */
+    private getTacButton(): Locator {
+        return this.page.getByRole("navigation", { name: "Spaces" }).getByLabel("Threads");
+    }
+
+    /**
+     * Return the threads activity centre panel
+     */
+    getTacPanel() {
+        return this.page.getByRole("menu", { name: "Threads" });
+    }
+
+    /**
+     * Open the Threads Activity Centre
+     */
+    openTac() {
+        return this.getTacButton().click();
+    }
+
+    /**
+     * Hover over the Threads Activity Centre button
+     */
+    hoverTacButton() {
+        return this.getTacButton().hover();
+    }
+
+    /**
+     * Click on a room in the Threads Activity Centre
+     * @param name - room name
+     */
+    clickRoomInTac(name: string) {
+        return this.getTacPanel().getByRole("menuitem", { name }).click();
+    }
+
+    /**
+     * Assert that the threads activity centre button has no indicator
+     */
+    async assertNoTacIndicator() {
+        // Assert by checking neither of the known indicators are visible first. This will wait
+        // if it takes a little time to disappear, but the screenshot comparison won't.
+        await expect(this.getTacButton().locator("[data-indicator='success']")).not.toBeVisible();
+        await expect(this.getTacButton().locator("[data-indicator='critical']")).not.toBeVisible();
+        await expect(this.getTacButton()).toMatchScreenshot("tac-no-indicator.png");
+    }
+
+    /**
+     * Assert that the threads activity centre button has a notification indicator
+     */
+    assertNotificationTac() {
+        return expect(this.getTacButton().locator("[data-indicator='success']")).toBeVisible();
+    }
+
+    /**
+     * Assert that the threads activity centre button has a highlight indicator
+     */
+    assertHighlightIndicator() {
+        return expect(this.getTacButton().locator("[data-indicator='critical']")).toBeVisible();
+    }
+
+    /**
+     * Assert that the threads activity centre panel has the expected rooms
+     * @param content - the expected rooms and their notification levels
+     */
+    async assertRoomsInTac(content: Array<{ room: string; notificationLevel: "highlight" | "notification" }>) {
+        // Ensure that we have the right number of rooms
+        await expect(this.getTacPanel().getByRole("menuitem")).toHaveCount(content.length);
+
+        // Ensure that each room is present in the correct order and has the correct notification level
+        const roomsLocator = this.getTacPanel().getByRole("menuitem");
+        for (const [index, { room, notificationLevel }] of content.entries()) {
+            const roomLocator = roomsLocator.nth(index);
+            // Ensure that the room name are correct
+            await expect(roomLocator).toHaveText(new RegExp(room));
+            // There is no accessibility marker for the StatelessNotificationBadge
+            await expect(roomLocator.locator(`[data-notification-level="${notificationLevel}"]`)).toBeVisible();
+        }
+    }
+
+    /**
+     * Assert that the thread panel is opened
+     */
+    assertThreadPanelIsOpened() {
+        return expect(this.page.locator(".mx_ThreadPanel")).toBeVisible();
+    }
+
+    /**
+     * Populate the rooms with messages and threads
+     * @param room1
+     * @param room2
+     * @param msg - MessageBuilder
+     * @param user - the user to mention in the first message
+     * @param hasMention - whether to include a mention in the first message
+     */
+    async populateThreads(
+        room1: { name: string; roomId: string },
+        room2: { name: string; roomId: string },
+        msg: MessageBuilder,
+        user: Credentials,
+        hasMention = true,
+    ) {
+        if (hasMention) {
+            await this.receiveMessages(room2, [
+                "Msg1",
+                msg.threadedOff("Msg1", {
+                    "body": "User",
+                    "format": "org.matrix.custom.html",
+                    "formatted_body": `<a href="https://matrix.to/#/${user.userId}">User</a>`,
+                    "m.mentions": {
+                        user_ids: [user.userId],
+                    },
+                }),
+            ]);
+        }
+        await this.receiveMessages(room2, ["Msg2", msg.threadedOff("Msg2", "Resp2")]);
+        await this.receiveMessages(room1, ["Msg3", msg.threadedOff("Msg3", "Resp3")]);
+    }
+
+    /**
+     * Get the space panel
+     */
+    getSpacePanel() {
+        return this.page.getByRole("navigation", { name: "Spaces" });
+    }
+
+    /**
+     * Expand the space panel
+     */
+    expandSpacePanel() {
+        return this.page.getByRole("navigation", { name: "Spaces" }).getByRole("button", { name: "Expand" }).click();
+    }
+
+    /**
+     * Clicks the button to mark all threads as read in the current room
+     */
+    clickMarkAllThreadsRead() {
+        return this.page.locator("#thread-panel").getByRole("button", { name: "Mark all as read" }).click();
+    }
+}
+
+export { expect };
diff --git a/apps/web/playwright/e2e/spaces/threads-activity-centre/threadsActivityCentre.spec.ts b/apps/web/playwright/e2e/spaces/threads-activity-centre/threadsActivityCentre.spec.ts
new file mode 100644
index 00000000000..f9e72439692
--- /dev/null
+++ b/apps/web/playwright/e2e/spaces/threads-activity-centre/threadsActivityCentre.spec.ts
@@ -0,0 +1,248 @@
+/*
+ * 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.
+ */
+
+import { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { expect, test } from ".";
+import { CommandOrControl } from "../../utils";
+import { isDendrite } from "../../../plugins/homeserver/dendrite";
+import { getRoomList, getRoomOptionsMenu } from "../../left-panel/room-list-panel/utils";
+
+test.describe("Threads Activity Centre", { tag: "@no-firefox" }, () => {
+    test.skip(
+        isDendrite,
+        "due to Dendrite lacking full threads support https://github.com/element-hq/dendrite/issues/3283",
+    );
+
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: { displayName: "Other User" },
+    });
+
+    test.beforeEach(async ({ page, app, user }) => {
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+    });
+
+    test(
+        "should have the button correctly aligned and displayed in the space panel when expanded",
+        { tag: "@screenshot" },
+        async ({ util, page }) => {
+            // Open the space panel
+            await util.expandSpacePanel();
+            // The buttons in the space panel should be aligned when expanded
+            await expect(util.getSpacePanel()).toMatchScreenshot("tac-button-expanded.png");
+        },
+    );
+
+    test(
+        "should not show indicator when there is no thread",
+        { tag: "@screenshot" },
+        async ({ room1, util, app, page }) => {
+            // No indicator should be shown
+            await util.assertNoTacIndicator();
+
+            await util.goTo(room1);
+            await util.receiveMessages(room1, ["Msg1"]);
+
+            // A message in the main timeline should not affect the indicator
+            await util.assertNoTacIndicator();
+        },
+    );
+
+    test("should show a notification indicator when there is a message in a thread", async ({
+        room1,
+        util,
+        msg,
+        app,
+        page,
+    }) => {
+        await util.goTo(room1);
+        await util.receiveMessages(room1, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+
+        // The indicator should be shown
+        await util.assertNotificationTac();
+    });
+
+    test("should show a highlight indicator when there is a mention in a thread", async ({
+        room1,
+        util,
+        msg,
+        user,
+        app,
+        page,
+    }) => {
+        await util.goTo(room1);
+        await util.receiveMessages(room1, [
+            "Msg1",
+            msg.threadedOff("Msg1", {
+                "body": "User",
+                "format": "org.matrix.custom.html",
+                "formatted_body": `<a href="https://matrix.to/#/${user.userId}">User</a>`,
+                "m.mentions": {
+                    user_ids: [user.userId],
+                },
+            }),
+        ]);
+
+        // The indicator should be shown
+        await util.assertHighlightIndicator();
+    });
+
+    test(
+        "should show the rooms with unread threads",
+        { tag: "@screenshot" },
+        async ({ room1, room2, util, msg, user, app, page }) => {
+            await util.goTo(room2);
+            await util.populateThreads(room1, room2, msg, user);
+            // The indicator should be shown
+            await util.assertHighlightIndicator();
+
+            // Verify that we have the expected rooms in the TAC
+            await util.openTac();
+            await util.assertRoomsInTac([
+                { room: room2.name, notificationLevel: "highlight" },
+                { room: room1.name, notificationLevel: "notification" },
+            ]);
+
+            // Verify that we don't have a visual regression
+            await expect(util.getTacPanel()).toMatchScreenshot("tac-panel-mix-unread.png");
+        },
+    );
+
+    test(
+        "should update with a thread is read",
+        { tag: "@screenshot" },
+        async ({ room1, room2, util, msg, user, app, page }) => {
+            await util.goTo(room2);
+            await util.populateThreads(room1, room2, msg, user);
+
+            // Click on the first room in TAC
+            await util.openTac();
+            await util.clickRoomInTac(room2.name);
+
+            // Verify that the thread panel is opened after a click on the room in the TAC
+            await util.assertThreadPanelIsOpened();
+
+            // Open a thread and mark it as read
+            // The room 2 doesn't have a mention anymore in its unread, so the highest notification level is notification
+            await util.openThread("Msg1");
+            await util.assertNotificationTac();
+            await util.openTac();
+            await util.assertRoomsInTac([
+                { room: room1.name, notificationLevel: "notification" },
+                { room: room2.name, notificationLevel: "notification" },
+            ]);
+            await expect(util.getTacPanel()).toMatchScreenshot("tac-panel-notification-unread.png");
+        },
+    );
+
+    test("should order by recency after notification level", async ({ room1, room2, util, msg, user, app, page }) => {
+        await util.goTo(room2);
+        await util.populateThreads(room1, room2, msg, user, false);
+
+        await util.openTac();
+        await util.assertRoomsInTac([
+            { room: room1.name, notificationLevel: "notification" },
+            { room: room2.name, notificationLevel: "notification" },
+        ]);
+    });
+
+    test("should block the Spotlight to open when the TAC is opened", async ({ util, page, app }) => {
+        const toggleSpotlight = () => page.keyboard.press(`${CommandOrControl}+k`);
+
+        // Sanity check
+        // Open and close the spotlight
+        await toggleSpotlight();
+        await expect(page.locator(".mx_SpotlightDialog")).toBeVisible();
+        await toggleSpotlight();
+
+        await util.openTac();
+        // The spotlight should not be opened
+        await toggleSpotlight();
+        await expect(page.locator(".mx_SpotlightDialog")).not.toBeVisible();
+    });
+
+    test("should have the correct hover state", { tag: "@screenshot" }, async ({ util, page, app }) => {
+        await util.hoverTacButton();
+        await expect(util.getSpacePanel()).toMatchScreenshot("tac-hovered.png");
+
+        // Expand the space panel, hover the button and take a screenshot
+        await util.expandSpacePanel();
+        await util.hoverTacButton();
+        await expect(util.getSpacePanel()).toMatchScreenshot("tac-hovered-expanded.png");
+    });
+
+    test("should mark all threads as read", { tag: "@screenshot" }, async ({ room1, room2, util, msg, page, app }) => {
+        await util.receiveMessages(room1, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+
+        await util.assertNotificationTac();
+
+        await util.openTac();
+        await util.clickRoomInTac(room1.name);
+
+        await util.clickMarkAllThreadsRead();
+
+        await util.assertNoTacIndicator();
+    });
+
+    test("should focus the thread tab when clicking an item in the TAC", async ({
+        room1,
+        room2,
+        util,
+        msg,
+        app,
+        page,
+    }) => {
+        await util.receiveMessages(room1, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+
+        await util.openTac();
+        await util.clickRoomInTac(room1.name);
+
+        await util.assertThreadPanelIsOpened();
+    });
+
+    // The target room is named so that A-Z sorting places it at the very bottom of the room list.
+    test.describe("scrolling the room list when a room is selected", () => {
+        test.use({ room1Name: "zzz thread room" });
+
+        test("should scroll the room list to reveal the room clicked in the TAC", async ({
+            room1,
+            util,
+            msg,
+            app,
+            page,
+        }) => {
+            // Give the target room an unread thread so it shows up in the TAC.
+            await util.receiveMessages(room1, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
+            await util.assertNotificationTac();
+
+            // Create filler rooms that sort before "zzz …" so A-Z sorting pushes the target below the fold.
+            for (let i = 0; i < 20; i++) {
+                await app.client.createRoom({ name: `room ${String(i).padStart(2, "0")}` });
+            }
+
+            // Sort A-Z so room positions are deterministic and the target sits at the bottom.
+            await getRoomOptionsMenu(page).click();
+            await page.getByRole("menuitemradio", { name: "A-Z" }).click();
+
+            const roomList = getRoomList(page);
+            const targetRow = roomList.getByRole("option", { name: `Open room ${room1.name}` });
+
+            await expect(roomList.getByRole("option", { name: "Open room room 00" })).toBeVisible();
+            await expect(targetRow).not.toBeInViewport();
+
+            // Clicking the room in the TAC dispatches view_room with show_room_tile…
+            await util.openTac();
+            await util.clickRoomInTac(room1.name);
+
+            // …which scrolls the room list to bring the room's tile into view.
+            await expect(targetRow).toBeInViewport();
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/spotlight/spotlight.spec.ts b/apps/web/playwright/e2e/spotlight/spotlight.spec.ts
new file mode 100644
index 00000000000..df865bc0677
--- /dev/null
+++ b/apps/web/playwright/e2e/spotlight/spotlight.spec.ts
@@ -0,0 +1,402 @@
+/*
+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 { AccountDataEvents, Visibility } from "matrix-js-sdk/src/matrix";
+import { test as base, expect } from "../../element-web-test";
+import { Filter } from "../../pages/Spotlight";
+import { Bot } from "../../pages/bot";
+import type { Locator, Page } from "@playwright/test";
+import type { ElementAppPage } from "../../pages/ElementAppPage";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+
+function roomHeaderName(page: Page): Locator {
+    return page.locator(".mx_RoomHeader_heading");
+}
+
+async function startDM(app: ElementAppPage, page: Page, name: string): Promise<void> {
+    const spotlight = await app.openSpotlight();
+    await spotlight.filter(Filter.People);
+    await spotlight.search(name);
+    await page.waitForTimeout(1000); // wait for the dialog code to settle
+    await expect(spotlight.dialog.locator(".mx_Spinner")).not.toBeAttached();
+    const result = spotlight.results;
+    await expect(result).toHaveCount(1);
+    await expect(result.first()).toContainText(name);
+    await result.first().click();
+
+    // send first message to start DM
+    const locator = page.getByRole("textbox", { name: "Send a message…" });
+    await expect(locator).toBeFocused();
+    await locator.fill("Hey!");
+    await locator.press("Enter");
+    // The DM room is created at this point, this can take a little bit of time
+    await expect(page.locator(".mx_EventTile_body").getByText("Hey!")).toBeAttached({ timeout: 3000 });
+    await expect(page.getByTestId("room-list").getByRole("option", { name: `Open room ${name}` })).toBeVisible();
+}
+
+type RoomRef = { name: string; roomId: string };
+const test = base.extend<{
+    bot1: Bot;
+    bot2: Bot;
+    room1: RoomRef;
+    room2: RoomRef;
+    room3: RoomRef;
+}>({
+    bot1: async ({ page, homeserver }, use, testInfo) => {
+        const bot = new Bot(page, homeserver, { displayName: `BotBob_${testInfo.testId}`, autoAcceptInvites: true });
+        await use(bot);
+    },
+    bot2: async ({ page, homeserver }, use, testInfo) => {
+        const bot = new Bot(page, homeserver, { displayName: `ByteBot_${testInfo.testId}`, autoAcceptInvites: true });
+        await use(bot);
+    },
+    room1: async ({ app }, use) => {
+        const name = "247";
+        const roomId = await app.client.createRoom({ name, visibility: "public" as Visibility });
+        await use({ name, roomId });
+    },
+    room2: async ({ bot2 }, use) => {
+        const name = "Lounge";
+        const roomId = await bot2.createRoom({ name, visibility: "public" as Visibility });
+        await use({ name, roomId });
+    },
+    room3: async ({ bot2 }, use) => {
+        const name = "Public";
+        const roomId = await bot2.createRoom({
+            name,
+            visibility: "public" as Visibility,
+            initial_state: [
+                {
+                    type: "m.room.history_visibility",
+                    state_key: "",
+                    content: {
+                        history_visibility: "world_readable",
+                    },
+                },
+            ],
+        });
+        await use({ name, roomId });
+    },
+    context: async ({ context, homeserver }, use) => {
+        // Restart the homeserver to wipe its in-memory db so we can reuse the same user ID without cross-signing prompts
+        await homeserver.restart();
+        await use(context);
+    },
+});
+
+test.describe("Spotlight", () => {
+    test.skip(isDendrite, "due to a Dendrite bug https://github.com/element-hq/dendrite/issues/3488");
+    test.use({
+        displayName: "Jim",
+    });
+
+    test.beforeEach(async ({ page, user, bot1, bot2, room1, room2, room3 }) => {
+        await bot1.joinRoom(room1.roomId);
+        await bot2.inviteUser(room2.roomId, bot1.credentials!.userId);
+        await bot2.inviteUser(room3.roomId, bot1.credentials!.userId);
+
+        await page.goto(`/#/room/${room1.roomId}`);
+        await expect(page.locator(".mx_RoomSublist_skeletonUI")).not.toBeAttached();
+    });
+
+    test("should be able to add and remove filters via keyboard", async ({ page, app }) => {
+        const spotlight = await app.openSpotlight();
+        await page.waitForTimeout(1000); // wait for the dialog to settle, otherwise our keypresses might race with an update
+
+        // initially, public spaces should be highlighted (because there are no other suggestions)
+        await expect(spotlight.dialog.locator("#mx_SpotlightDialog_button_explorePublicSpaces")).toHaveAttribute(
+            "aria-selected",
+            "true",
+        );
+
+        // hitting enter should enable the public rooms filter
+        await spotlight.searchBox.press("Enter");
+        await expect(spotlight.dialog.locator(".mx_SpotlightDialog_filter")).toHaveText("Public spaces");
+        await spotlight.searchBox.press("Backspace");
+        await expect(spotlight.dialog.locator(".mx_SpotlightDialog_filter")).not.toBeAttached();
+        await page.waitForTimeout(200); // Again, wait to settle so keypresses arrive correctly
+
+        await spotlight.searchBox.press("ArrowDown");
+        await expect(spotlight.dialog.locator("#mx_SpotlightDialog_button_explorePublicRooms")).toHaveAttribute(
+            "aria-selected",
+            "true",
+        );
+        await spotlight.searchBox.press("Enter");
+        await expect(spotlight.dialog.locator(".mx_SpotlightDialog_filter")).toHaveText("Public rooms");
+        await spotlight.searchBox.press("Backspace");
+        await expect(spotlight.dialog.locator(".mx_SpotlightDialog_filter")).not.toBeAttached();
+    });
+
+    test("should find joined rooms", async ({ page, app, room1 }) => {
+        const spotlight = await app.openSpotlight();
+        await page.waitForTimeout(500); // wait for the dialog to settle
+        await spotlight.search(room1.name);
+        const resultLocator = spotlight.results;
+        await expect(resultLocator).toHaveCount(1);
+        await expect(resultLocator.first()).toContainText(room1.name);
+        await resultLocator.first().click();
+        await expect(page).toHaveURL(new RegExp(`#/room/${room1.roomId}`));
+        await expect(roomHeaderName(page)).toContainText(room1.name);
+    });
+
+    test("should find known public rooms", async ({ page, app, room1 }) => {
+        const spotlight = await app.openSpotlight();
+        await page.waitForTimeout(500); // wait for the dialog to settle
+        await spotlight.filter(Filter.PublicRooms);
+        await spotlight.search(room1.name);
+        const resultLocator = spotlight.results;
+        await expect(resultLocator).toHaveCount(1);
+        await expect(resultLocator.first()).toContainText(room1.name);
+        await expect(resultLocator.first()).toContainText("View");
+        await resultLocator.first().click();
+        await expect(page).toHaveURL(new RegExp(`#/room/${room1.roomId}`));
+        await expect(roomHeaderName(page)).toContainText(room1.name);
+    });
+
+    test("should find unknown public rooms", async ({ page, app, room2 }) => {
+        const spotlight = await app.openSpotlight();
+        await page.waitForTimeout(500); // wait for the dialog to settle
+        await spotlight.filter(Filter.PublicRooms);
+        await spotlight.search(room2.name);
+        const resultLocator = spotlight.results;
+        await expect(resultLocator).toHaveCount(1);
+        await expect(resultLocator.first()).toContainText(room2.name);
+        await expect(resultLocator.first()).toContainText("Join");
+        await resultLocator.first().click();
+        await expect(page).toHaveURL(new RegExp(`#/room/${room2.roomId}`));
+        await expect(page.locator(".mx_RoomView_MessageList")).toHaveCount(1);
+        await expect(roomHeaderName(page)).toContainText(room2.name);
+    });
+
+    test("should find unknown public world readable rooms", async ({ page, app, room3 }) => {
+        const spotlight = await app.openSpotlight();
+        await page.waitForTimeout(500); // wait for the dialog to settle
+        await spotlight.filter(Filter.PublicRooms);
+        await spotlight.search(room3.name);
+        const resultLocator = spotlight.results;
+        await expect(resultLocator).toHaveCount(1);
+        await expect(resultLocator.first()).toContainText(room3.name);
+        await expect(resultLocator.first()).toContainText("View");
+        await resultLocator.first().click();
+        await expect(page).toHaveURL(new RegExp(`#/room/${room3.roomId}`));
+        await page.getByRole("button", { name: "Join the discussion" }).click();
+        await expect(roomHeaderName(page)).toHaveText(room3.name);
+    });
+
+    // TODO: We currently can’t test finding rooms on other homeservers/other protocols
+    // We obviously don’t have federation or bridges in local e2e tests
+    test.skip("should find unknown public rooms on other homeservers", async ({ page, app, room3 }) => {
+        const spotlight = await app.openSpotlight();
+        await page.waitForTimeout(500); // wait for the dialog to settle
+        await spotlight.filter(Filter.PublicRooms);
+        await spotlight.search(room3.name);
+        await page.locator("[aria-haspopup=true][role=button]").click();
+
+        await page
+            .locator(".mx_GenericDropdownMenu_Option--header")
+            .filter({ hasText: "matrix.org" })
+            .locator("..")
+            .locator("[role=menuitemradio]")
+            .click();
+        await page.waitForTimeout(500); // wait for the dialog to settle
+
+        const resultLocator = spotlight.results;
+        await expect(resultLocator).toHaveCount(1);
+        await expect(resultLocator.first()).toContainText(room3.name);
+        await expect(resultLocator.first()).toContainText(room3.roomId);
+    });
+
+    test("should find known people", async ({ page, app, bot1 }) => {
+        const spotlight = await app.openSpotlight();
+        await page.waitForTimeout(500); // wait for the dialog to settle
+        await spotlight.filter(Filter.People);
+        await spotlight.search(bot1.credentials!.displayName!);
+        const resultLocator = spotlight.results;
+        await expect(resultLocator).toHaveCount(1);
+        await expect(resultLocator.first()).toContainText(bot1.credentials!.displayName!);
+        await resultLocator.first().click();
+        await expect(roomHeaderName(page)).toHaveText(bot1.credentials!.displayName!);
+    });
+
+    /**
+     * Search sends the correct query to Synapse.
+     * Synapse doesn't return the user in the result list.
+     * Waiting for the profile to be available via APIs before the tests didn't help.
+     *
+     * https://github.com/matrix-org/synapse/issues/16472
+     */
+    test("should find unknown people", async ({ page, app, bot2 }) => {
+        const spotlight = await app.openSpotlight();
+        await page.waitForTimeout(500); // wait for the dialog to settle
+        await spotlight.filter(Filter.People);
+        await spotlight.search(bot2.credentials!.displayName!);
+        const resultLocator = spotlight.results;
+        await expect(resultLocator).toHaveCount(1);
+        await expect(resultLocator.first()).toContainText(bot2.credentials!.displayName!);
+        await resultLocator.first().click();
+        await expect(roomHeaderName(page)).toHaveText(bot2.credentials!.displayName!);
+    });
+
+    test("should find group DMs by usernames or user ids", async ({ page, app, bot1, bot2, room1 }) => {
+        // First we want to share a room with both bots to ensure we’ve got their usernames cached
+        await app.client.inviteUser(room1.roomId, bot2.credentials!.userId);
+
+        // Starting a DM with ByteBot (will be turned into a group dm later)
+        let spotlight = await app.openSpotlight();
+        await page.waitForTimeout(500); // wait for the dialog to settle
+        await spotlight.filter(Filter.People);
+        await spotlight.search(bot2.credentials!.displayName!);
+        let resultLocator = spotlight.results;
+        await expect(resultLocator).toHaveCount(1);
+        await expect(resultLocator.first()).toContainText(bot2.credentials!.displayName!);
+        await resultLocator.first().click();
+
+        // Send first message to actually start DM
+        await expect(roomHeaderName(page)).toHaveText(bot2.credentials!.displayName!);
+        const locator = page.getByRole("textbox", { name: "Send a message…" });
+        await locator.fill("Hey!");
+        await locator.press("Enter");
+
+        // Assert DM exists by checking for the first message and the room being in the room list
+        await expect(page.locator(".mx_EventTile_body").filter({ hasText: "Hey!" })).toBeAttached({ timeout: 3000 });
+        await expect(
+            page.getByTestId("room-list").getByRole("option", { name: `Open room ${bot2.credentials!.displayName}` }),
+        ).toBeVisible();
+
+        // Invite BotBob into existing DM with ByteBot
+        const dmRooms = await app.client.evaluate((client, userId) => {
+            const map = client
+                .getAccountData("m.direct" as keyof AccountDataEvents)
+                ?.getContent<Record<string, string[]>>();
+            return map?.[userId] ?? [];
+        }, bot2.credentials!.userId);
+        expect(dmRooms).toHaveLength(1);
+        const groupDmName = await app.client.evaluate((client, id) => client.getRoom(id)!.name, dmRooms[0]);
+        await app.client.inviteUser(dmRooms[0], bot1.credentials!.userId);
+        await expect(roomHeaderName(page).first()).toContainText(groupDmName);
+        await expect(
+            page.getByTestId("room-list").getByRole("option", { name: `Open room ${groupDmName}` }),
+        ).toBeVisible();
+
+        // Search for BotBob by id, should return group DM and user
+        spotlight = await app.openSpotlight();
+        await spotlight.filter(Filter.People);
+        await spotlight.search(bot1.credentials!.userId);
+        await page.waitForTimeout(1000); // wait for the dialog to settle
+        resultLocator = spotlight.results;
+        await expect(resultLocator).toHaveCount(2);
+        await expect(
+            spotlight.dialog
+                .locator(".mx_SpotlightDialog_section.mx_SpotlightDialog_results .mx_SpotlightDialog_option")
+                .filter({ hasText: groupDmName }),
+        ).toBeAttached();
+
+        // Search for ByteBot by id, should return group DM and user
+        spotlight = await app.openSpotlight();
+        await spotlight.filter(Filter.People);
+        await spotlight.search(bot2.credentials!.userId);
+        await page.waitForTimeout(1000); // wait for the dialog to settle
+        resultLocator = spotlight.results;
+        await expect(resultLocator).toHaveCount(2);
+        await expect(
+            spotlight.dialog
+                .locator(".mx_SpotlightDialog_section.mx_SpotlightDialog_results .mx_SpotlightDialog_option")
+                .filter({ hasText: groupDmName })
+                .last(),
+        ).toBeAttached();
+    });
+
+    // Test against https://github.com/vector-im/element-web/issues/22851
+    test("should show each person result only once", async ({ page, app, bot1 }) => {
+        const spotlight = await app.openSpotlight();
+        await page.waitForTimeout(500); // wait for the dialog to settle
+        await spotlight.filter(Filter.People);
+
+        // 2 rounds of search to simulate the bug conditions. Specifically, the first search
+        // should have 1 result (not 2) and the second search should also have 1 result (instead
+        // of the super buggy 3 described by https://github.com/vector-im/element-web/issues/22851)
+        //
+        // We search for user ID to trigger the profile lookup within the dialog.
+        for (let i = 0; i < 2; i++) {
+            console.log("Iteration: " + i);
+            await spotlight.search(bot1.credentials!.userId);
+            await page.waitForTimeout(1000); // wait for the dialog to settle
+            const resultLocator = spotlight.results;
+            await expect(resultLocator).toHaveCount(1);
+            await expect(resultLocator.first()).toContainText(bot1.credentials!.userId);
+        }
+    });
+
+    test("should allow opening group chat dialog", async ({ page, app, bot2 }) => {
+        const spotlight = await app.openSpotlight();
+        await page.waitForTimeout(500); // wait for the dialog to settle
+        await spotlight.filter(Filter.People);
+        await spotlight.search(bot2.credentials!.displayName!);
+        await page.waitForTimeout(3000); // wait for the dialog to settle
+
+        const resultLocator = spotlight.results;
+        await expect(resultLocator).toHaveCount(1);
+        await expect(resultLocator.first()).toContainText(bot2.credentials!.displayName!);
+
+        await expect(spotlight.dialog.locator("#mx_SpotlightDialog_button_startGroupChat")).toContainText(
+            "Start a group chat",
+        );
+        await spotlight.dialog.locator("#mx_SpotlightDialog_button_startGroupChat").click();
+        await expect(page.getByRole("dialog")).toContainText("Direct Messages");
+    });
+
+    test("should close spotlight after starting a DM", async ({ page, app, bot1 }) => {
+        await startDM(app, page, bot1.credentials!.displayName!);
+        await expect(page.locator(".mx_SpotlightDialog")).toHaveCount(0);
+    });
+
+    test("should show the same user only once", async ({ page, app, bot1 }) => {
+        await startDM(app, page, bot1.credentials!.displayName!);
+        await page.goto("/#/home");
+        const spotlight = await app.openSpotlight();
+        await page.waitForTimeout(500); // wait for the dialog to settle
+        await spotlight.filter(Filter.People);
+        await spotlight.search(bot1.credentials!.displayName!);
+        await page.waitForTimeout(3000); // wait for the dialog to settle
+        await expect(spotlight.dialog.locator(".mx_Spinner")).not.toBeAttached();
+        const resultLocator = spotlight.results;
+        await expect(resultLocator).toHaveCount(1);
+    });
+
+    test("should be able to navigate results via keyboard", async ({ page, app }) => {
+        const spotlight = await app.openSpotlight();
+        await page.waitForTimeout(500); // wait for the dialog to settle
+        await spotlight.filter(Filter.People);
+        await spotlight.search("b");
+
+        let resultLocator = spotlight.results;
+        await expect(resultLocator).toHaveCount(2);
+        await expect(resultLocator.first()).toHaveAttribute("aria-selected", "true");
+        await expect(resultLocator.last()).toHaveAttribute("aria-selected", "false");
+
+        await spotlight.searchBox.press("ArrowDown");
+        resultLocator = spotlight.results;
+        await expect(resultLocator.first()).toHaveAttribute("aria-selected", "false");
+        await expect(resultLocator.last()).toHaveAttribute("aria-selected", "true");
+
+        await spotlight.searchBox.press("ArrowDown");
+        resultLocator = spotlight.results;
+        await expect(resultLocator.first()).toHaveAttribute("aria-selected", "false");
+        await expect(resultLocator.last()).toHaveAttribute("aria-selected", "false");
+
+        await spotlight.searchBox.press("ArrowUp");
+        resultLocator = spotlight.results;
+        await expect(resultLocator.first()).toHaveAttribute("aria-selected", "false");
+        await expect(resultLocator.last()).toHaveAttribute("aria-selected", "true");
+
+        await spotlight.searchBox.press("ArrowUp");
+        resultLocator = spotlight.results;
+        await expect(resultLocator.first()).toHaveAttribute("aria-selected", "true");
+        await expect(resultLocator.last()).toHaveAttribute("aria-selected", "false");
+    });
+});
diff --git a/apps/web/playwright/e2e/threads/threads.spec.ts b/apps/web/playwright/e2e/threads/threads.spec.ts
new file mode 100644
index 00000000000..520d22bf905
--- /dev/null
+++ b/apps/web/playwright/e2e/threads/threads.spec.ts
@@ -0,0 +1,643 @@
+/*
+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 { SettingLevel } from "../../../src/settings/SettingLevel";
+import { Layout } from "../../../src/settings/enums/Layout";
+import { test, expect } from "../../element-web-test";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+import { getSampleFilePath } from "../../sample-files";
+
+test.describe("Threads", () => {
+    test.skip(isDendrite, "due to a Dendrite bug https://github.com/element-hq/dendrite/issues/3489");
+    test.use({
+        displayName: "Tom",
+        botCreateOpts: {
+            displayName: "BotBob",
+            autoAcceptInvites: true,
+        },
+    });
+
+    test.beforeEach(async ({ page }) => {
+        await page.addInitScript(() => {
+            window.localStorage.setItem("mx_lhs_size", "0"); // Collapse left panel for these tests
+        });
+    });
+
+    test("should be usable for a conversation", { tag: "@screenshot" }, async ({ page, app, bot }) => {
+        const roomId = await app.client.createRoom({});
+        await app.client.inviteUser(roomId, bot.credentials!.userId);
+        await bot.joinRoom(roomId);
+        await page.goto("/#/room/" + roomId);
+
+        // Around 200 characters
+        const MessageLong =
+            "Hello there. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt " +
+            "ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi";
+
+        const ThreadViewGroupSpacingStart = "56px"; // --ThreadView_group_spacing-start
+        // Exclude timestamp and read marker from snapshots
+        const mask = [page.locator(".mx_MessagePanel_myReadMarker")];
+        const css = `
+            .mx_MessageTimestamp {
+                visibility: hidden;
+            }
+        `;
+
+        const roomViewLocator = page.locator(".mx_RoomView_body");
+        // User sends message
+        const textbox = roomViewLocator.getByRole("textbox", { name: "Send an unencrypted message…" });
+        await textbox.fill("Hello Mr. Bot");
+        await textbox.press("Enter");
+
+        // Wait for message to send, get its ID and save as @threadId
+        const threadId = await roomViewLocator
+            .locator(".mx_EventTile[data-scroll-tokens]")
+            .filter({ hasText: "Hello Mr. Bot" })
+            .getAttribute("data-scroll-tokens");
+
+        // Bot starts thread
+        await bot.sendMessage(roomId, MessageLong, threadId);
+
+        // User asserts timeline thread summary visible & clicks it
+        let locator = page.locator(".mx_RoomView_body .mx_ThreadSummary");
+        await expect(locator.getByText("BotBob")).toBeAttached();
+        await expect(locator.getByText(MessageLong)).toBeAttached();
+        await locator.click();
+
+        // Wait until the both messages are read
+        locator = page.locator(".mx_ThreadView .mx_EventTile_last[data-layout=group]");
+        await expect(locator.locator(".mx_EventTile_line .mx_MTextBody").getByText(MessageLong)).toBeAttached();
+        await expect(locator.locator(".mx_ReadReceiptGroup .mx_BaseAvatar")).toBeVisible();
+        // Make sure the CSS style for spacing is applied to mx_EventTile_line on group/modern layout
+        await expect(locator.locator(".mx_EventTile_line")).toHaveCSS(
+            "padding-inline-start",
+            ThreadViewGroupSpacingStart,
+        );
+
+        // Take snapshots in group layout and bubble layout (IRC layout is not available on ThreadView)
+        await expect(page.locator(".mx_ThreadView")).toMatchScreenshot("Initial_ThreadView_on_group_layout.png", {
+            mask,
+            css,
+        });
+        await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Bubble);
+        await expect(page.locator(".mx_ThreadView .mx_EventTile[data-layout='bubble']")).toHaveCount(2);
+
+        await expect(page.locator(".mx_ThreadView")).toMatchScreenshot("Initial_ThreadView_on_bubble_layout.png", {
+            mask,
+            css,
+        });
+
+        // Set the group layout
+        await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
+
+        locator = page.locator(".mx_ThreadView .mx_EventTile[data-layout='group'].mx_EventTile_last");
+        // Wait until the messages are rendered
+        await expect(locator.locator(".mx_EventTile_line .mx_MTextBody").getByText(MessageLong)).toBeAttached();
+        // Make sure the avatar inside ReadReceiptGroup is visible on the group layout
+        await expect(locator.locator(".mx_ReadReceiptGroup .mx_BaseAvatar")).toBeVisible();
+
+        // Enable the bubble layout
+        await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Bubble);
+
+        locator = page.locator(".mx_ThreadView .mx_EventTile[data-layout='bubble'].mx_EventTile_last");
+        // TODO: remove this after fixing the issue of ReadReceiptGroup being hidden on the bubble layout
+        // See: https://github.com/vector-im/element-web/issues/23569
+        await expect(locator.locator(".mx_ReadReceiptGroup .mx_BaseAvatar")).toBeAttached();
+        // Make sure the avatar inside ReadReceiptGroup is visible on bubble layout
+        // TODO: enable this after fixing the issue of ReadReceiptGroup being hidden on the bubble layout
+        // See: https://github.com/vector-im/element-web/issues/23569
+        // expect(locator.locator(".mx_ReadReceiptGroup .mx_BaseAvatar")).toBeVisible();
+
+        // Re-enable the group layout
+        await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
+
+        // User responds in thread
+        locator = page.locator(".mx_ThreadView").getByRole("textbox", { name: "Send an unencrypted message…" });
+        await locator.fill("Test");
+        await locator.press("Enter");
+
+        // User asserts summary was updated correctly
+        locator = page.locator(".mx_RoomView_body .mx_ThreadSummary");
+        await expect(locator.getByText("Tom")).toBeAttached();
+        await expect(locator.getByText("Test")).toBeAttached();
+
+        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+        // Check reactions and hidden events
+        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+        // Enable hidden events to make the event for reaction displayed
+        await app.settings.setValue("showHiddenEventsInTimeline", null, SettingLevel.DEVICE, true);
+
+        // User reacts to message instead
+        locator = page
+            .locator(".mx_ThreadView")
+            .locator(".mx_EventTile .mx_EventTile_line")
+            .filter({ hasText: "Hello there" });
+        await locator.hover();
+        await locator.getByRole("toolbar", { name: "Message Actions" }).getByRole("button", { name: "React" }).click();
+
+        locator = page.getByLabel("Emoji picker");
+        await locator.getByRole("textbox").fill("wave");
+        await page.getByRole("gridcell", { name: "👋" }).click();
+
+        locator = page.locator(".mx_ThreadView");
+        // Make sure the CSS style for spacing is applied to mx_EventTile_footer on group/modern layout
+        await expect(locator.locator(".mx_EventTile[data-layout=group] .mx_EventTile_footer")).toHaveCSS(
+            "margin-inline-start",
+            ThreadViewGroupSpacingStart,
+        );
+        // Make sure the CSS style for spacing is applied to the hidden event on group/modern layout
+        await expect(
+            locator.locator(
+                ".mx_GenericEventListSummary[data-layout=group] .mx_EventTile_info.mx_EventTile_last " +
+                    ".mx_EventTile_line",
+            ),
+        ).toHaveCSS("padding-inline-start", ThreadViewGroupSpacingStart);
+
+        // Take snapshot of group layout (IRC layout is not available on ThreadView)
+        await expect(page.locator(".mx_ThreadView")).toMatchScreenshot(
+            "ThreadView_with_reaction_and_a_hidden_event_on_group_layout.png",
+            {
+                mask,
+                css,
+            },
+        );
+
+        // Enable bubble layout
+        await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Bubble);
+
+        // Make sure the CSS style for spacing is applied to the hidden event on bubble layout
+        locator = page.locator(
+            ".mx_ThreadView .mx_GenericEventListSummary[data-layout=bubble] .mx_EventTile_info.mx_EventTile_last",
+        );
+        await expect(locator.locator(".mx_EventTile_line .mx_EventTile_content"))
+            // 76px: ThreadViewGroupSpacingStart + 14px + 6px
+            // 14px: avatar width
+            // See: _EventTile.pcss
+            .toHaveCSS("margin-inline-start", "76px");
+        await expect(locator.locator(".mx_EventTile_line"))
+            // Make sure the margin is NOT applied to mx_EventTile_line
+            .toHaveCSS("margin-inline-start", "0px");
+
+        // Take snapshot of bubble layout
+        await expect(page.locator(".mx_ThreadView")).toMatchScreenshot(
+            "ThreadView_with_reaction_and_a_hidden_event_on_bubble_layout.png",
+            {
+                mask,
+                css,
+            },
+        );
+
+        // Disable hidden events
+        await app.settings.setValue("showHiddenEventsInTimeline", null, SettingLevel.DEVICE, false);
+
+        // Reset to the group layout
+        await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
+
+        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+        // Check redactions
+        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+        // User redacts their prior response
+        locator = page.locator(".mx_ThreadView .mx_EventTile .mx_EventTile_line").filter({ hasText: "Test" });
+        await locator.hover();
+        await locator.getByRole("button", { name: "Options" }).click();
+
+        await page.locator(".mx_IconizedContextMenu").getByRole("menuitem", { name: "Remove" }).click();
+        locator = page.locator(".mx_TextInputDialog").getByRole("button", { name: "Remove" });
+        await expect(locator).toHaveClass(/mx_Dialog_primary/);
+        await locator.click();
+
+        // Wait until the response is redacted
+        // XXX: one would expect this redaction to be shown in the thread the message was in, but due to redactions
+        // stripping the thread_id, it is instead shown in the main timeline
+        await expect(page.locator(".mx_MainSplit_timeline").locator(".mx_EventTile_last")).toContainText(
+            "Message deleted",
+        );
+
+        // Take snapshots in group layout and bubble layout (IRC layout is not available on ThreadView)
+        await expect(page.locator(".mx_ThreadView .mx_EventTile[data-layout='group']")).toHaveCount(2);
+        await expect(page.locator(".mx_ThreadView")).toMatchScreenshot(
+            "ThreadView_with_redacted_messages_on_group_layout.png",
+            {
+                mask,
+                css,
+            },
+        );
+        await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Bubble);
+        await expect(page.locator(".mx_ThreadView .mx_EventTile[data-layout='bubble']")).toHaveCount(2);
+        await expect(page.locator(".mx_ThreadView")).toMatchScreenshot(
+            "ThreadView_with_redacted_messages_on_bubble_layout.png",
+            {
+                mask,
+                css,
+            },
+        );
+
+        // Set the group layout
+        await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
+
+        // User asserts summary was updated correctly
+        locator = page.locator(".mx_RoomView_body .mx_ThreadSummary");
+        await expect(locator.getByText("BotBob")).toBeAttached();
+        await expect(locator.getByText(MessageLong)).toBeAttached();
+
+        // User closes right panel after clicking back to thread list
+        locator = page.locator(".mx_ThreadPanel");
+        await locator.getByRole("button", { name: "Threads" }).click();
+        await locator.getByRole("button", { name: "Close" }).click();
+
+        // Bot responds to thread
+        await bot.sendMessage(roomId, "How are things?", threadId);
+
+        locator = page.locator(".mx_RoomView_body .mx_ThreadSummary");
+        await expect(locator.getByText("BotBob")).toBeAttached();
+        await expect(locator.getByText("How are things?")).toBeAttached();
+
+        locator = page.getByRole("banner").getByRole("button", { name: "Threads" });
+        await expect(locator).toHaveAttribute("data-indicator", "success"); // User asserts thread list unread indicator
+        await locator.click(); // User opens thread list
+
+        // User asserts thread with correct root & latest events & unread dot
+        locator = page.locator(".mx_ThreadPanel .mx_EventTile_last");
+        await expect(locator.locator(".mx_EventTile_body").getByText("Hello Mr. Bot")).toBeAttached();
+        await expect(locator.getByText("How are things?")).toBeAttached();
+        // Check the number of the replies
+        await expect(locator.locator(".mx_ThreadPanel_replies_amount").getByText("2")).toBeAttached();
+        // Make sure the notification dot is visible
+        const notificationBadge = locator.getByTestId("notification-badge");
+        await expect(notificationBadge).toBeVisible();
+        await expect(notificationBadge).toHaveAttribute("data-badge-type", "dot");
+        // User opens thread via threads list
+        await locator.locator(".mx_EventTile_line").click();
+
+        // User responds & asserts
+        locator = page.locator(".mx_ThreadView").getByRole("textbox", { name: "Send an unencrypted message…" });
+        await locator.fill("Great!");
+        await locator.press("Enter");
+
+        locator = page.locator(".mx_RoomView_body .mx_ThreadSummary");
+        await expect(locator.getByText("Tom")).toBeAttached();
+        await expect(locator.getByText("Great!")).toBeAttached();
+
+        // User edits & asserts
+        locator = page.locator(".mx_ThreadView .mx_EventTile_last");
+        await expect(locator.getByText("Great!")).toBeAttached();
+        await locator.locator(".mx_EventTile_line").hover();
+        await locator.locator(".mx_EventTile_line").getByRole("button", { name: "Edit" }).click();
+        await locator.getByRole("textbox").pressSequentially(" How about yourself?"); // fill would overwrite the original text
+        await locator.getByRole("textbox").press("Enter");
+
+        locator = page.locator(".mx_RoomView_body .mx_ThreadSummary");
+        await expect(locator.getByText("Tom")).toBeAttached();
+        await expect(locator).toContainText("Great! How about yourself?");
+
+        // User closes right panel
+        await page.locator(".mx_ThreadPanel").getByRole("button", { name: "Close" }).click();
+
+        // Bot responds to thread and saves the id of their message to @eventId
+        const { event_id: eventId } = await bot.sendMessage(roomId, "I'm very good thanks", threadId);
+
+        // User asserts
+        locator = page.locator(".mx_RoomView_body .mx_ThreadSummary");
+        await expect(locator.getByText("BotBob")).toBeAttached();
+        await expect(locator.getByText("I'm very good thanks")).toBeAttached();
+
+        // Bot edits their latest event
+        await bot.sendMessage(roomId, {
+            "body": "* I'm very good thanks :)",
+            "msgtype": "m.text",
+            "m.new_content": {
+                body: "I'm very good thanks :)",
+                msgtype: "m.text",
+            },
+            "m.relates_to": {
+                rel_type: "m.replace",
+                event_id: eventId,
+            },
+        });
+
+        // User asserts
+        locator = page.locator(".mx_RoomView_body .mx_ThreadSummary");
+        await expect(locator.getByText("BotBob")).toBeAttached();
+        await expect(locator.getByText("I'm very good thanks :)")).toBeAttached();
+    });
+
+    test.describe("with larger viewport", async () => {
+        // Increase viewport size so that voice messages fit
+        test.use({ viewport: { width: 1440, height: 720 } });
+
+        test.beforeEach(async ({ page }) => {
+            // Increase right-panel size, so that voice messages fit
+            await page.addInitScript(() => {
+                window.localStorage.setItem("mx_rhs_size", "700");
+            });
+        });
+
+        test("can send voice messages", { tag: ["@no-firefox", "@no-webkit"] }, async ({ page, app, user }) => {
+            // Increase right-panel size, so that voice messages fit
+            await page.evaluate(() => {
+                window.localStorage.setItem("mx_rhs_size", "700");
+            });
+
+            const roomId = await app.client.createRoom({});
+            await page.goto("/#/room/" + roomId);
+
+            // Send message
+            const locator = page.locator(".mx_RoomView_body");
+            await locator.getByRole("textbox", { name: "Send an unencrypted message…" }).fill("Hello Mr. Bot");
+            await locator.getByRole("textbox", { name: "Send an unencrypted message…" }).press("Enter");
+            // Create thread
+            const locator2 = locator.locator(".mx_EventTile[data-scroll-tokens]").filter({ hasText: "Hello Mr. Bot" });
+            await locator2.hover();
+            await locator2.getByRole("button", { name: "Reply in thread" }).click();
+
+            await expect(page.locator(".mx_ThreadView_timelinePanelWrapper")).toHaveCount(1);
+
+            await (await app.openMessageComposerOptions(true)).getByRole("menuitem", { name: "Voice Message" }).click();
+            await page.waitForTimeout(3000);
+            await app.getComposer(true).getByRole("button", { name: "Send voice message" }).click();
+            await expect(page.locator(".mx_ThreadView .mx_MVoiceMessageBody")).toHaveCount(1);
+        });
+        test("can send files", async ({ page, app, user }) => {
+            // Increase right-panel size, so that files fit
+            await page.evaluate(() => {
+                window.localStorage.setItem("mx_rhs_size", "600");
+            });
+
+            const roomId = await app.client.createRoom({});
+            await page.goto("/#/room/" + roomId);
+
+            // Send message
+            const locator = page.locator(".mx_RoomView_body");
+            await locator.getByRole("textbox", { name: "Send an unencrypted message…" }).fill("Hello Mr. Bot");
+            await locator.getByRole("textbox", { name: "Send an unencrypted message…" }).press("Enter");
+            // Create thread
+            const locator2 = locator.locator(".mx_EventTile[data-scroll-tokens]").filter({ hasText: "Hello Mr. Bot" });
+            await locator2.hover();
+            await locator2.getByRole("button", { name: "Reply in thread" }).click();
+
+            await expect(page.locator(".mx_ThreadView_timelinePanelWrapper")).toHaveCount(1);
+            await app.composerUploadFiles("thread", getSampleFilePath("riot.png"));
+            await expect(page.locator(".mx_ThreadView .mx_EventTile_image")).toHaveCount(1);
+        });
+        test("can send files via drag&drop", async ({ page, app, user }) => {
+            // Increase right-panel size, so that files fit
+            await page.evaluate(() => {
+                window.localStorage.setItem("mx_rhs_size", "600");
+            });
+
+            const roomId = await app.client.createRoom({});
+            await page.goto("/#/room/" + roomId);
+
+            // Send message
+            const locator = page.locator(".mx_RoomView_body");
+            await locator.getByRole("textbox", { name: "Send an unencrypted message…" }).fill("Hello Mr. Bot");
+            await locator.getByRole("textbox", { name: "Send an unencrypted message…" }).press("Enter");
+            // Create thread
+            const locator2 = locator.locator(".mx_EventTile[data-scroll-tokens]").filter({ hasText: "Hello Mr. Bot" });
+            await locator2.hover();
+            await locator2.getByRole("button", { name: "Reply in thread" }).click();
+
+            await expect(page.locator(".mx_ThreadView_timelinePanelWrapper")).toHaveCount(1);
+            await app.composerDragAndUploadFiles("thread", getSampleFilePath("riot.png"), "image/png");
+            await expect(page.locator(".mx_ThreadView .mx_EventTile_image")).toHaveCount(1);
+        });
+        test("can send files via paste", async ({ page, app, user }) => {
+            // Increase right-panel size, so that files fit
+            await page.evaluate(() => {
+                window.localStorage.setItem("mx_rhs_size", "600");
+            });
+
+            const roomId = await app.client.createRoom({});
+            await page.goto("/#/room/" + roomId);
+
+            // Send message
+            const locator = page.locator(".mx_RoomView_body");
+            await locator.getByRole("textbox", { name: "Send an unencrypted message…" }).fill("Hello Mr. Bot");
+            await locator.getByRole("textbox", { name: "Send an unencrypted message…" }).press("Enter");
+            // Create thread
+            const locator2 = locator.locator(".mx_EventTile[data-scroll-tokens]").filter({ hasText: "Hello Mr. Bot" });
+            await locator2.hover();
+            await locator2.getByRole("button", { name: "Reply in thread" }).click();
+
+            await expect(page.locator(".mx_ThreadView_timelinePanelWrapper")).toHaveCount(1);
+            await app.composerDragAndPasteFile("thread", getSampleFilePath("riot.png"), "image/png");
+            await expect(page.locator(".mx_ThreadView .mx_EventTile_image")).toHaveCount(1);
+        });
+    });
+
+    test(
+        "should send location and reply to the location on ThreadView",
+        { tag: ["@screenshot", "@no-firefox"] },
+        async ({ page, app, bot }) => {
+            const roomId = await app.client.createRoom({});
+            await app.client.inviteUser(roomId, bot.credentials!.userId);
+            await bot.joinRoom(roomId);
+            await page.goto("/#/room/" + roomId);
+
+            // Exclude timestamp, read marker, and maplibregl-map from snapshots
+            const css =
+                ".mx_MessageTimestamp, .mx_MessagePanel_myReadMarker, .maplibregl-map, .maplibregl-ctrl-attrib { visibility: hidden !important; }";
+
+            let locator = page.locator(".mx_RoomView_body");
+            // User sends message
+            let textbox = locator.getByRole("textbox", { name: "Send an unencrypted message…" });
+            await textbox.fill("Hello Mr. Bot");
+            await textbox.press("Enter");
+            // Wait for message to send, get its ID and save as @threadId
+            const threadId = await locator
+                .locator(".mx_EventTile[data-scroll-tokens]")
+                .filter({ hasText: "Hello Mr. Bot" })
+                .getAttribute("data-scroll-tokens");
+
+            // Bot starts thread
+            await bot.sendMessage(roomId, "Hello there", threadId);
+
+            // User clicks thread summary
+            await page.locator(".mx_RoomView_body .mx_ThreadSummary").click();
+
+            // User sends location on ThreadView
+            await expect(page.locator(".mx_ThreadView")).toBeAttached();
+            await (await app.openMessageComposerOptions(true)).getByRole("menuitem", { name: "Location" }).click();
+            await page.getByTestId(`share-location-option-Pin`).click();
+            await page.locator("#mx_LocationPicker_map").click();
+            await page.getByRole("button", { name: "Share location" }).click();
+            await expect(page.locator(".mx_ThreadView .mx_EventTile_last .mx_MLocationBody")).toBeAttached({
+                timeout: 10000,
+            });
+
+            // User replies to the location
+            locator = page.locator(".mx_ThreadView");
+            await locator.locator(".mx_EventTile_last").hover();
+            await locator.locator(".mx_EventTile_last").getByRole("button", { name: "Reply" }).click();
+            textbox = locator.getByRole("textbox", { name: "Reply to unencrypted thread…" });
+            await textbox.fill("Please come here");
+            await textbox.press("Enter");
+            // Wait until the reply is sent
+            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 });
+            await expect(page.locator(".mx_ThreadView")).toMatchScreenshot("Reply_to_the_location_on_ThreadView.png");
+        },
+    );
+
+    test("right panel behaves correctly", async ({ page, app, user }) => {
+        // Create room
+        const roomId = await app.client.createRoom({});
+        await page.goto("/#/room/" + roomId);
+
+        // Send message
+        let locator = page.locator(".mx_RoomView_body");
+        let textbox = locator.getByRole("textbox", { name: "Send an unencrypted message…" });
+        await textbox.fill("Hello Mr. Bot");
+        await textbox.press("Enter");
+        // Create thread
+        const locator2 = locator.locator(".mx_EventTile[data-scroll-tokens]").filter({ hasText: "Hello Mr. Bot" });
+        await locator2.hover();
+        await locator2.getByRole("button", { name: "Reply in thread" }).click();
+        await expect(page.locator(".mx_ThreadView_timelinePanelWrapper")).toHaveCount(1);
+
+        // Send message to thread
+        locator = page.locator(".mx_ThreadPanel");
+        textbox = locator.getByRole("textbox", { name: "Send an unencrypted message…" });
+        await textbox.fill("Hello Mr. User");
+        await textbox.press("Enter");
+        await expect(locator.locator(".mx_EventTile_last").getByText("Hello Mr. User")).toBeVisible();
+        // Close thread
+        await locator.getByTestId("base-card-close-button").click();
+
+        // Open existing thread
+        locator = page
+            .locator(".mx_RoomView_body .mx_EventTile[data-scroll-tokens]")
+            .filter({ hasText: "Hello Mr. Bot" });
+        await locator.hover();
+        await locator.getByRole("button", { name: "Reply in thread" }).click();
+        await expect(page.locator(".mx_ThreadView_timelinePanelWrapper")).toHaveCount(1);
+
+        locator = page.locator(".mx_BaseCard");
+        await expect(locator.locator(".mx_EventTile").first().getByText("Hello Mr. Bot")).toBeVisible();
+        await expect(locator.locator(".mx_EventTile").last().getByText("Hello Mr. User")).toBeVisible();
+    });
+
+    test("navigate through right panel", { tag: "@screenshot" }, async ({ page, app, user }) => {
+        // Create room
+        const roomId = await app.client.createRoom({});
+        await page.goto("/#/room/" + roomId);
+
+        /**
+         * Send a message in the main timeline
+         * @param message
+         */
+        const sendMessage = async (message: string) => {
+            const messageComposer = page.getByRole("region", { name: "Message composer" });
+            const textbox = messageComposer.getByRole("textbox", { name: "Send an unencrypted message…" });
+            await textbox.fill(message);
+            await textbox.press("Enter");
+        };
+
+        /**
+         * Create a thread from the rootMessage and send a message in the thread
+         * @param rootMessage
+         * @param threadMessage
+         */
+        const createThread = async (rootMessage: string, threadMessage: string) => {
+            // First create a thread
+            const roomViewBody = page.locator(".mx_RoomView_body");
+            const messageTile = roomViewBody
+                .locator(".mx_EventTile[data-scroll-tokens]")
+                .filter({ hasText: rootMessage });
+            await messageTile.hover();
+            await messageTile.getByRole("button", { name: "Reply in thread" }).click();
+            await expect(page.locator(".mx_ThreadView_timelinePanelWrapper")).toHaveCount(1);
+
+            // Send a message in the thread
+            const threadPanel = page.locator(".mx_ThreadPanel");
+            const textbox = threadPanel.getByRole("textbox", { name: "Send an unencrypted message…" });
+            await textbox.fill(threadMessage);
+            await textbox.press("Enter");
+            await expect(threadPanel.locator(".mx_EventTile_last").getByText(threadMessage)).toBeVisible();
+            // Close thread
+            await threadPanel.getByTestId("base-card-close-button").click();
+        };
+
+        await sendMessage("Hello Mr. Bot");
+        await sendMessage("Hello again Mr. Bot");
+        await createThread("Hello Mr. Bot", "Hello Mr. User in a thread");
+        await createThread("Hello again Mr. Bot", "Hello again Mr. User in a thread");
+
+        // Open thread panel
+        await page.locator(".mx_RoomHeader").getByRole("button", { name: "Threads" }).click();
+        const threadPanel = page.locator(".mx_ThreadPanel");
+        await expect(
+            threadPanel.locator(".mx_EventTile_last").getByText("Hello again Mr. User in a thread"),
+        ).toBeVisible();
+        await expect(threadPanel).toMatchScreenshot("thread-panel.png", {
+            css: ".mx_MessageTimestamp { visibility: hidden !important; }",
+        });
+
+        const rightPanel = page.locator(".mx_RightPanel");
+        // Check that the threads are listed
+        await expect(rightPanel.locator(".mx_EventTile").getByText("Hello Mr. User in a thread")).toBeVisible();
+        await expect(rightPanel.locator(".mx_EventTile").getByText("Hello again Mr. User in a thread")).toBeVisible();
+
+        // Open the first thread
+        await rightPanel.locator(".mx_EventTile").getByText("Hello Mr. User in a thread").click();
+        await expect(rightPanel.locator(".mx_EventTile").getByText("Hello Mr. User in a thread")).toBeVisible();
+        await expect(
+            rightPanel.locator(".mx_EventTile").getByText("Hello again Mr. User in a thread"),
+        ).not.toBeVisible();
+    });
+
+    test("should have a header the same height as the pinned message banner", async ({ page, app, user }) => {
+        // Create room
+        const roomId = await app.client.createRoom({});
+        await page.goto("/#/room/" + roomId);
+
+        // Send a message and pin it, so the pinned message banner is shown
+        const roomViewBody = page.locator(".mx_RoomView_body");
+        const textbox = roomViewBody.getByRole("textbox", { name: "Send an unencrypted message…" });
+        await textbox.fill("Hello Mr. Bot");
+        await textbox.press("Enter");
+
+        const message = roomViewBody.locator(".mx_MTextBody").filter({ hasText: "Hello Mr. Bot" });
+        await message.click({ button: "right" });
+        await page.getByRole("menuitem", { name: "Pin", exact: true }).click();
+
+        const pinnedMessageBanner = page.getByTestId("pinned-message-banner");
+        await expect(pinnedMessageBanner).toBeVisible();
+
+        // Reply in a thread, so the Threads panel header (Mark all as read + Show filter) is shown
+        const messageTile = roomViewBody
+            .locator(".mx_EventTile[data-scroll-tokens]")
+            .filter({ hasText: "Hello Mr. Bot" });
+        await messageTile.hover();
+        await messageTile.getByRole("button", { name: "Reply in thread" }).click();
+        await expect(page.locator(".mx_ThreadView_timelinePanelWrapper")).toHaveCount(1);
+
+        const threadPanel = page.locator(".mx_ThreadPanel");
+        const threadTextbox = threadPanel.getByRole("textbox", { name: "Send an unencrypted message…" });
+        await threadTextbox.fill("Hello Mr. User in a thread");
+        await threadTextbox.press("Enter");
+        await expect(threadPanel.locator(".mx_EventTile_last").getByText("Hello Mr. User in a thread")).toBeVisible();
+        await threadPanel.getByTestId("base-card-close-button").click();
+
+        await page.locator(".mx_RoomHeader").getByRole("button", { name: "Threads" }).click();
+        const threadPanelHeader = page.locator(".mx_ThreadPanelHeader");
+        await expect(threadPanelHeader).toBeVisible();
+
+        // The two containers must be the same height so their bottom borders line up
+        // See https://github.com/element-hq/element-web/issues/34463
+        const pinnedBannerBox = await pinnedMessageBanner.boundingBox();
+        const threadHeaderBox = await threadPanelHeader.boundingBox();
+        expect(threadHeaderBox?.height).toBe(pinnedBannerBox?.height);
+        await expect(threadPanelHeader).toHaveCSS("height", "64px");
+    });
+});
diff --git a/apps/web/playwright/e2e/timeline/event-list-summary.spec.ts b/apps/web/playwright/e2e/timeline/event-list-summary.spec.ts
new file mode 100644
index 00000000000..c628df6d063
--- /dev/null
+++ b/apps/web/playwright/e2e/timeline/event-list-summary.spec.ts
@@ -0,0 +1,346 @@
+/*
+ * 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 Page } from "playwright-core";
+import { type StartedHomeserverContainer } from "@element-hq/element-web-playwright-common/lib/testcontainers";
+
+import { test, expect } from "../../element-web-test";
+import { Bot } from "../../pages/bot";
+import { type ElementAppPage } from "../../pages/ElementAppPage";
+import { type Credentials } from "../../plugins/homeserver";
+
+test.describe("Event List Summary", () => {
+    test.use({
+        displayName: "Finch",
+    });
+
+    test(
+        "should display a single join message on its own",
+        { tag: "@screenshot" },
+        async ({ app, homeserver, page, user }) => {
+            const { bot, roomId } = await setupRoom(app, homeserver, page, user);
+
+            // When the bot joins the room
+            await bot.joinRoom(roomId);
+
+            // Then we say that in a generic event list summary
+            await expect(
+                page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                    hasText: "MyBot joined the room",
+                }),
+            ).toBeVisible();
+
+            await replaceBotIds(page, bot);
+            await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                "bot_joined_the_room.png",
+                ignoreTimestamps,
+            );
+        },
+    );
+
+    test(
+        "should display a single ban message on its own, with the user hidden",
+        { tag: "@screenshot" },
+        async ({ app, homeserver, page, user }) => {
+            const { bot, roomId } = await setupRoom(app, homeserver, page, user);
+
+            // Given the bot is in the room
+            await bot.joinRoom(roomId);
+            await expect(
+                page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                    hasText: "MyBot joined the room",
+                }),
+            ).toBeVisible();
+
+            // And we said something to separate out the messages
+            await app.client.sendMessage(roomId, "Saying something");
+
+            // When we ban the bot
+            await app.client.ban(roomId, bot.credentials!.userId);
+
+            // Then we say that, but the name is hidden
+            await expect(
+                page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                    hasText: "banned",
+                }),
+            ).toBeVisible();
+
+            await replaceBotIds(page, bot);
+            await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                "bot_was_banned.png",
+                ignoreTimestamps,
+            );
+        },
+    );
+
+    test(
+        "should display multiple join/leave messages as a group",
+        { tag: "@screenshot" },
+        async ({ app, homeserver, page, user }) => {
+            const { bot, roomId } = await setupRoom(app, homeserver, page, user);
+
+            // Given the bot is in the room
+            await bot.joinRoom(roomId);
+            await expect(
+                page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                    hasText: "MyBot joined the room",
+                }),
+            ).toBeVisible();
+
+            // When we perform multiple actions on it
+            await app.client.kick(roomId, bot.credentials!.userId);
+            await app.client.inviteUser(roomId, bot.credentials!.userId);
+            await bot.joinRoom(roomId);
+
+            // Then those actions are gathered into a single summary
+            await expect(
+                page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                    hasText: "and joined",
+                }),
+            ).toBeVisible();
+
+            await replaceBotIds(page, bot);
+            await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                "multiple_join_leave_messages.png",
+                ignoreTimestamps,
+            );
+        },
+    );
+
+    test(
+        "should display multiple messages as a group, and hide banned names",
+        { tag: "@screenshot" },
+        async ({ app, homeserver, page, user }) => {
+            const { bot, roomId } = await setupRoom(app, homeserver, page, user);
+
+            // Given the bot is in the room
+            await bot.joinRoom(roomId);
+            await expect(
+                page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                    hasText: "MyBot joined the room",
+                }),
+            ).toBeVisible();
+
+            // When we perform multiple actions on it, including a ban
+            await app.client.ban(roomId, bot.credentials!.userId);
+            await app.client.unban(roomId, bot.credentials!.userId);
+            await app.client.inviteUser(roomId, bot.credentials!.userId);
+            await bot.joinRoom(roomId);
+
+            // Then those actions are gathered into a single summary, with the name hidden
+            await expect(
+                page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                    hasText: "and joined",
+                }),
+            ).toBeVisible();
+
+            await replaceBotIds(page, bot);
+            await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                "multiple_join_ban_messages.png",
+                ignoreTimestamps,
+            );
+        },
+    );
+
+    test(
+        "should display join/leave messages for multiple people as a group",
+        { tag: "@screenshot" },
+        async ({ app, homeserver, page, user }) => {
+            const { bot, roomId } = await setupRoom(app, homeserver, page, user);
+
+            // Given the bot is in the room
+            const bot2 = new Bot(page, homeserver, {
+                displayName: "MyBot2",
+                autoAcceptInvites: false,
+            });
+            await bot2.prepareClient();
+            await app.client.inviteUser(roomId, bot2.credentials!.userId);
+            await app.client.sendMessage(roomId, "I invited MyBot2...");
+            await bot.joinRoom(roomId);
+            await bot2.joinRoom(roomId);
+            await expect(
+                page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                    hasText: "MyBot2 joined the room",
+                }),
+            ).toBeVisible();
+
+            // When we perform multiple actions on both bots
+            await app.client.kick(roomId, bot.credentials!.userId);
+            await app.client.kick(roomId, bot2.credentials!.userId);
+            await app.client.inviteUser(roomId, bot.credentials!.userId);
+            await app.client.inviteUser(roomId, bot2.credentials!.userId);
+            await bot.joinRoom(roomId);
+            await bot2.joinRoom(roomId);
+
+            // Then those actions are gathered into a single summary
+            await expect(
+                page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                    hasText: "joined, were removed, were invited, and joined",
+                }),
+            ).toBeVisible();
+
+            await expect(page.locator('div[aria-label="3 members"]')).toBeVisible();
+
+            await replaceBotIds(page, bot, bot2);
+            await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                "multiple_people_join_leave_messages.png",
+                ignoreTimestampsRightColumnAndHeader,
+            );
+
+            // And when we expand the summary
+            // Note: we can't include "expand" in the screenshot because it
+            // moves around, but at least we know it exists because we click it
+            // here.
+            await page.getByRole("button", { name: "expand" }).nth(3).click();
+
+            // Make sure the mouse is in a consistent position to avoid flaking
+            await page.getByRole("textbox").hover();
+
+            // Then we see all the individual actions
+            await expect(
+                page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                    hasText: "removed MyBot2",
+                }),
+            ).toBeVisible();
+
+            await replaceBotIds(page, bot, bot2);
+            await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                "multiple_people_join_leave_messages_expanded.png",
+                ignoreTimestampsRightColumnAndHeader,
+            );
+        },
+    );
+
+    test(
+        "should display join/ban messages for multiple people as a group, with banned names hidden",
+        { tag: "@screenshot" },
+        async ({ app, homeserver, page, user }) => {
+            const { bot, roomId } = await setupRoom(app, homeserver, page, user);
+
+            // Given the bot is in the room
+            const bot2 = new Bot(page, homeserver, {
+                displayName: "MyBot2 with very long display name causing wrapping",
+                autoAcceptInvites: false,
+            });
+            await bot2.prepareClient();
+            await app.client.inviteUser(roomId, bot2.credentials!.userId);
+            await app.client.sendMessage(roomId, "I invited MyBot2...");
+            await bot.joinRoom(roomId);
+            await bot2.joinRoom(roomId);
+            await expect(
+                page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                    hasText: "MyBot2 with very long display name causing wrapping joined the room",
+                }),
+            ).toBeVisible();
+
+            // When we ban bot1 but not bot2
+            await app.client.ban(roomId, bot.credentials!.userId);
+            await app.client.unban(roomId, bot.credentials!.userId);
+            await app.client.kick(roomId, bot2.credentials!.userId);
+            await app.client.inviteUser(roomId, bot.credentials!.userId);
+            await app.client.inviteUser(roomId, bot2.credentials!.userId);
+            await bot.joinRoom(roomId);
+            await bot2.joinRoom(roomId);
+
+            // Then those actions are gathered into a single summary, with banned names hidden
+            await expect(
+                page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                    hasText: "was removed, was invited, and joined",
+                }),
+            ).toBeVisible();
+
+            await expect(page.locator('div[aria-label="3 members"]')).toBeVisible();
+
+            await replaceBotIds(page, bot, bot2);
+            await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                "multiple_people_ban_messages.png",
+                ignoreTimestampsRightColumnAndHeader,
+            );
+
+            // And when we expand the summary
+            // Note: we can't include "expand" in the screenshot because it
+            // moves around, but at least we know it exists because we click it
+            // here.
+            await page.getByRole("button", { name: "expand" }).nth(3).click();
+
+            // Make sure the mouse is in a consistent position to avoid flaking
+            await page.getByRole("textbox").hover();
+
+            // Then we see all the individual actions, with banned names hidden
+            await expect(
+                page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                    hasText: "removed MyBot2",
+                }),
+            ).toBeVisible();
+
+            await replaceBotIds(page, bot, bot2);
+            await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                "multiple_people_ban_messages_expanded.png",
+                ignoreTimestampsRightColumnAndHeader,
+            );
+        },
+    );
+});
+
+const ignoreTimestamps = {
+    css: ".mx_MessageTimestamp,.mx_TopUnreadMessagesBar { visibility: hidden; },",
+};
+
+const ignoreTimestampsRightColumnAndHeader = {
+    css:
+        ".mx_MessageTimestamp," +
+        ".mx_GenericEventListSummary_toggle," +
+        ".mx_ReadReceiptGroup," +
+        ".mx_RoomHeader, " +
+        ".mx_TopUnreadMessagesBar " +
+        "{ visibility: hidden; }",
+};
+
+/**
+ * Create a room, join it, create a bot and invite it to the room.
+ */
+async function setupRoom(app: ElementAppPage, homeserver: StartedHomeserverContainer, page: Page, user: Credentials) {
+    const roomId = await app.client.createRoom({ name: "My room" });
+    await page.goto(`/#/room/${roomId}`);
+
+    await expect(
+        page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+            hasText: `${user.displayName} created and configured the room.`,
+        }),
+    ).toBeVisible();
+
+    const bot = new Bot(page, homeserver, {
+        displayName: "MyBot",
+        autoAcceptInvites: false,
+    });
+    await bot.prepareClient();
+    await app.client.inviteUser(roomId, bot.credentials!.userId);
+    await app.client.sendMessage(roomId, "I invited MyBot...");
+
+    return { bot, roomId };
+}
+
+/**
+ * Find the ID of the supplied bot in the page and replace it with a known string.
+ *
+ * This allows us to create consistent screenshots.
+ */
+async function replaceBotIds(page: Page, bot: Bot, bot2?: Bot) {
+    await page.evaluate(
+        ([bot1UserId, bot2UserId]) => {
+            for (const el of document.querySelectorAll("div.mx_TextualEvent")) {
+                const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
+                while (walker.nextNode()) {
+                    const node = walker.currentNode;
+                    node.textContent = node.textContent!.replaceAll(bot1UserId, "<<replaced_bot1_id>>");
+                    node.textContent = node.textContent.replaceAll(bot2UserId, "<<replaced_bot2_id>>");
+                }
+            }
+        },
+        [bot.credentials!.userId, bot2?.credentials?.userId ?? "no_bot_2_to_replace"],
+    );
+}
diff --git a/apps/web/playwright/e2e/timeline/media-preview-settings.spec.ts b/apps/web/playwright/e2e/timeline/media-preview-settings.spec.ts
new file mode 100644
index 00000000000..ebaecc1c451
--- /dev/null
+++ b/apps/web/playwright/e2e/timeline/media-preview-settings.spec.ts
@@ -0,0 +1,143 @@
+/*
+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 EventType, type MsgType, type RoomJoinRulesEventContent } from "matrix-js-sdk/src/types";
+import { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test";
+import { readSampleFileSync } from "../../sample-files";
+
+const MEDIA_FILE = readSampleFileSync("riot.png", null);
+
+test.describe("Media preview settings", () => {
+    test.use({
+        displayName: "Alan",
+        botCreateOpts: {
+            displayName: "Bob",
+        },
+        room: async ({ app, page, homeserver, bot, user }, use) => {
+            const mxc = (await bot.uploadContent(MEDIA_FILE, { name: "image.png", type: "image/png" })).content_uri;
+            const roomId = await bot.createRoom({
+                name: "Test room",
+                invite: [user.userId],
+                initial_state: [{ type: "m.room.avatar", content: { url: mxc }, state_key: "" }],
+            });
+            await bot.sendEvent(roomId, null, "m.room.message" as EventType, {
+                msgtype: "m.image" as MsgType,
+                body: "image.png",
+                url: mxc,
+            });
+
+            await use({ roomId });
+        },
+    });
+
+    test("should be able to hide avatars of inviters", { tag: "@screenshot" }, async ({ page, app, room, user }) => {
+        await rejectToast(page, "Verify this device");
+
+        let settings = await app.settings.openUserSettings("Preferences");
+        await settings.getByLabel("Hide avatars of room and inviter").click();
+        await app.closeDialog();
+        await app.viewRoomById(room.roomId);
+        await expect(
+            page.getByRole("complementary").filter({ hasText: "Do you want to join Test room" }),
+        ).toMatchScreenshot("invite-no-avatar.png", {
+            // Hide the mxid, which is not stable.
+            css: `
+                .mx_RoomPreviewBar_inviter_mxid {
+                    display: none !important;
+                }
+            `,
+        });
+
+        const testRoomTile = page
+            .getByRole("listbox", { name: "Room list" })
+            .getByRole("option", { name: "Test room" });
+        await expect(testRoomTile).toBeVisible();
+        await expect(testRoomTile).toMatchScreenshot("invite-room-tree-no-avatar.png");
+
+        // And then go back to being visible
+        settings = await app.settings.openUserSettings("Preferences");
+        await settings.getByLabel("Hide avatars of room and inviter").click();
+        await app.closeDialog();
+        await page.goto("#/home");
+        await app.viewRoomById(room.roomId);
+        await expect(
+            page.getByRole("complementary").filter({ hasText: "Do you want to join Test room" }),
+        ).toMatchScreenshot("invite-with-avatar.png", {
+            // Hide the mxid, which is not stable.
+            css: `
+                .mx_RoomPreviewBar_inviter_mxid {
+                    display: none !important;
+                }
+            `,
+        });
+        await expect(testRoomTile).toMatchScreenshot("invite-room-tree-with-avatar.png");
+    });
+
+    test("should be able to hide media in rooms globally", async ({ page, app, room, user }) => {
+        const settings = await app.settings.openUserSettings("Preferences");
+        await settings.getByLabel("Show media in timeline").getByRole("radio", { name: "Always hide" }).click();
+        await app.closeDialog();
+        await app.viewRoomById(room.roomId);
+        await page.getByRole("button", { name: "Accept" }).click();
+        await expect(page.getByText("Show image")).toBeVisible();
+    });
+    test("should be able to hide media in non-private rooms globally", async ({ page, app, room, user, bot }) => {
+        await bot.sendStateEvent(room.roomId, "m.room.join_rules", {
+            join_rule: "public",
+        });
+        const settings = await app.settings.openUserSettings("Preferences");
+        await settings.getByLabel("Show media in timeline").getByLabel("In private rooms").click();
+        await app.closeDialog();
+        await app.viewRoomById(room.roomId);
+        await page.getByRole("button", { name: "Accept" }).click();
+        await expect(page.getByText("Show image")).toBeVisible();
+        for (const joinRule of ["invite", "knock", "restricted"] as RoomJoinRulesEventContent["join_rule"][]) {
+            await bot.sendStateEvent(room.roomId, "m.room.join_rules", {
+                join_rule: joinRule,
+            } satisfies RoomJoinRulesEventContent);
+            await expect(page.getByText("Show image")).not.toBeVisible();
+        }
+    });
+    test("should be able to show media in rooms globally", async ({ page, app, room, user }) => {
+        const settings = await app.settings.openUserSettings("Preferences");
+        await settings.getByLabel("Show media in timeline").getByRole("radio", { name: "Always show" }).click();
+        await app.closeDialog();
+        await app.viewRoomById(room.roomId);
+        await page.getByRole("button", { name: "Accept" }).click();
+        await expect(page.getByText("Show image")).not.toBeVisible();
+    });
+    test("should be able to hide media in an individual room", async ({ page, app, room, user }) => {
+        const settings = await app.settings.openUserSettings("Preferences");
+        await settings.getByLabel("Show media in timeline").getByRole("radio", { name: "Always show" }).click();
+        await app.closeDialog();
+
+        await app.viewRoomById(room.roomId);
+        await page.getByRole("button", { name: "Accept" }).click();
+
+        const roomSettings = await app.settings.openRoomSettings("General");
+        await roomSettings.getByLabel("Show media in timeline").getByRole("radio", { name: "Always hide" }).click();
+        await app.closeDialog();
+
+        await expect(page.getByText("Show image")).toBeVisible();
+    });
+    test("should be able to show media in an individual room", async ({ page, app, room, user }) => {
+        const settings = await app.settings.openUserSettings("Preferences");
+        await settings.getByLabel("Show media in timeline").getByRole("radio", { name: "Always hide" }).click();
+        await app.closeDialog();
+
+        await app.viewRoomById(room.roomId);
+        await page.getByRole("button", { name: "Accept" }).click();
+
+        const roomSettings = await app.settings.openRoomSettings("General");
+        await roomSettings.getByLabel("Show media in timeline").getByRole("radio", { name: "Always show" }).click();
+        await app.closeDialog();
+
+        await expect(page.getByText("Show image")).not.toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/timeline/timeline.spec.ts b/apps/web/playwright/e2e/timeline/timeline.spec.ts
new file mode 100644
index 00000000000..9ea0532a44c
--- /dev/null
+++ b/apps/web/playwright/e2e/timeline/timeline.spec.ts
@@ -0,0 +1,1477 @@
+/*
+Copyright 2024, 2025 New Vector Ltd.
+Copyright 2022, 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 { rejectToast } from "@element-hq/element-web-playwright-common";
+
+import type { Locator, Page } from "@playwright/test";
+import type { ISendEventResponse, EventType, MsgType, IContent } from "matrix-js-sdk/src/matrix";
+import { test, expect } from "../../element-web-test";
+import { SettingLevel } from "../../../src/settings/SettingLevel";
+import { Layout } from "../../../src/settings/enums/Layout";
+import { type Client } from "../../pages/client";
+import { type ElementAppPage } from "../../pages/ElementAppPage";
+import { Bot } from "../../pages/bot";
+import { getSampleFilePath, readSampleFileSync } from "../../sample-files";
+
+// The avatar size used in the timeline
+const AVATAR_SIZE = 30;
+// The resize method used in the timeline
+const AVATAR_RESIZE_METHOD = "crop";
+
+const ROOM_NAME = "Test room";
+const OLD_AVATAR = readSampleFileSync("riot.png", null);
+const NEW_AVATAR = readSampleFileSync("element.png", null);
+const OLD_NAME = "Alan";
+const NEW_NAME = "Alan (away)";
+
+const VIDEO_FILE = readSampleFileSync("5secvid.webm", null);
+
+const getEventTilesWithBodies = (page: Page): Locator => {
+    return page.locator(".mx_EventTile").filter({ has: page.locator(".mx_EventTile_body") });
+};
+
+const expectDisplayName = async (e: Locator, displayName: string): Promise<void> => {
+    await expect(e.locator(".mx_DisambiguatedProfile_displayName")).toHaveText(displayName);
+};
+
+const expectAvatar = async (cli: Client, e: Locator, avatarUrl: string): Promise<void> => {
+    const size = await e.page().evaluate((size) => size * window.devicePixelRatio, AVATAR_SIZE);
+    const url = await cli.evaluate(
+        (client, { avatarUrl, size, resizeMethod }) => {
+            // eslint-disable-next-line no-restricted-properties
+            return client.mxcUrlToHttp(avatarUrl, size, size, resizeMethod, false, true);
+        },
+        { avatarUrl, size, resizeMethod: AVATAR_RESIZE_METHOD },
+    );
+    await expect(e.locator(".mx_BaseAvatar img")).toHaveAttribute("src", url!);
+};
+
+const sendEvent = async (client: Client, roomId: string, html = false): Promise<ISendEventResponse> => {
+    const content: IContent = {
+        msgtype: "m.text" as MsgType,
+        body: "Message",
+    };
+    if (html) {
+        content.format = "org.matrix.custom.html";
+        content.formatted_body = "<b>Message</b>";
+    }
+    return client.sendEvent(roomId, null, "m.room.message" as EventType, content);
+};
+
+const sendImage = async (
+    client: Client,
+    roomId: string,
+    pngBytes: Buffer,
+    additionalContent?: any,
+): Promise<ISendEventResponse> => {
+    const upload = await client.uploadContent(pngBytes, { name: "image.png", type: "image/png" });
+    return client.sendEvent(roomId, null, "m.room.message" as EventType, {
+        ...additionalContent,
+
+        msgtype: "m.image" as MsgType,
+        body: "image.png",
+        url: upload.content_uri,
+    });
+};
+
+test.describe("Timeline", () => {
+    test.use({
+        displayName: OLD_NAME,
+        room: async ({ app, user }, use) => {
+            const roomId = await app.client.createRoom({ name: ROOM_NAME });
+            await use({ roomId });
+        },
+    });
+
+    let oldAvatarUrl: string;
+    let newAvatarUrl: string;
+
+    test.describe("useOnlyCurrentProfiles", { tag: ["@no-firefox", "@no-webkit"] }, () => {
+        test.beforeEach(async ({ app, user }) => {
+            ({ content_uri: oldAvatarUrl } = await app.client.uploadContent(OLD_AVATAR, { type: "image/png" }));
+            await app.client.setAvatarUrl(oldAvatarUrl);
+            ({ content_uri: newAvatarUrl } = await app.client.uploadContent(NEW_AVATAR, { type: "image/png" }));
+        });
+
+        test("should show historical profiles if disabled", async ({ page, app, room }) => {
+            await app.settings.setValue("useOnlyCurrentProfiles", null, SettingLevel.ACCOUNT, false);
+            await sendEvent(app.client, room.roomId);
+            await app.client.setDisplayName("Alan (away)");
+            await app.client.setAvatarUrl(newAvatarUrl);
+            // XXX: If we send the second event too quickly, there won't be
+            // enough time for the client to register the profile change
+            await page.waitForTimeout(500);
+            await sendEvent(app.client, room.roomId);
+            await app.viewRoomByName(ROOM_NAME);
+
+            const events = getEventTilesWithBodies(page);
+            await expect(events).toHaveCount(2);
+            await expectDisplayName(events.nth(0), OLD_NAME);
+            await expectAvatar(app.client, events.nth(0), oldAvatarUrl);
+            await expectDisplayName(events.nth(1), NEW_NAME);
+            await expectAvatar(app.client, events.nth(1), newAvatarUrl);
+        });
+
+        test("should not show historical profiles if enabled", async ({ page, app, room }) => {
+            await app.settings.setValue("useOnlyCurrentProfiles", null, SettingLevel.ACCOUNT, true);
+            await sendEvent(app.client, room.roomId);
+            await app.client.setDisplayName(NEW_NAME);
+            await app.client.setAvatarUrl(newAvatarUrl);
+            // XXX: If we send the second event too quickly, there won't be
+            // enough time for the client to register the profile change
+            await page.waitForTimeout(500);
+            await sendEvent(app.client, room.roomId);
+            await app.viewRoomByName(ROOM_NAME);
+
+            const events = getEventTilesWithBodies(page);
+            await expect(events).toHaveCount(2);
+            for (const e of await events.all()) {
+                await expectDisplayName(e, NEW_NAME);
+                await expectAvatar(app.client, e, newAvatarUrl);
+            }
+        });
+    });
+
+    test.describe("configure room", () => {
+        test(
+            "should create and configure a room on IRC layout",
+            { tag: "@screenshot" },
+            async ({ page, app, room }) => {
+                await page.goto(`/#/room/${room.roomId}`);
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.IRC);
+                await expect(
+                    page.locator(
+                        ".mx_RoomView_body .mx_GenericEventListSummary[data-layout='irc'] .mx_GenericEventListSummary_summary",
+                        { hasText: `${OLD_NAME} created and configured the room.` },
+                    ),
+                ).toBeVisible();
+
+                // wait for the date separator to appear to have a stable screenshot
+                await expect(page.locator(".mx_TimelineSeparator")).toHaveText("today");
+
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot("configured-room-irc-layout.png");
+            },
+        );
+
+        test(
+            "should have an expanded generic event list summary (GELS) on IRC layout",
+            { tag: "@screenshot" },
+            async ({ page, app, room }) => {
+                await page.goto(`/#/room/${room.roomId}`);
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.IRC);
+
+                // Wait until configuration is finished
+                await expect(
+                    page.locator(
+                        ".mx_RoomView_body .mx_GenericEventListSummary[data-layout='irc'] .mx_GenericEventListSummary_summary",
+                        { hasText: `${OLD_NAME} created and configured the room.` },
+                    ),
+                ).toBeVisible();
+
+                const gels = page.locator(".mx_GenericEventListSummary");
+                // Click "expand" link button
+                await gels.getByRole("button", { name: "Expand" }).click();
+                // Assert that the "expand" link button worked
+                await expect(gels.getByRole("button", { name: "Collapse" })).toBeVisible();
+
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot("expanded-gels-irc-layout.png", {
+                    css: `
+                    .mx_MessageTimestamp,.mx_TopUnreadMessagesBar {
+                        visibility: hidden;
+                    }
+                    .mx_MessagePanel_myReadMarker {
+                        display: none !important;
+                    }
+                `,
+                });
+            },
+        );
+
+        test(
+            "should have an expanded generic event list summary (GELS) on compact modern/group layout",
+            { tag: "@screenshot" },
+            async ({ page, app, room }) => {
+                await page.goto(`/#/room/${room.roomId}`);
+
+                // Set compact modern layout
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
+                await app.settings.setValue("useCompactLayout", null, SettingLevel.DEVICE, true);
+
+                // Wait until configuration is finished
+                await expect(
+                    page.locator(".mx_RoomView_body .mx_GenericEventListSummary[data-layout='group']", {
+                        hasText: `${OLD_NAME} created and configured the room.`,
+                    }),
+                ).toBeVisible();
+
+                const gels = page.locator(".mx_GenericEventListSummary");
+                // Click "expand" link button
+                await gels.getByRole("button", { name: "Expand" }).click();
+                // Assert that the "expand" link button worked
+                await expect(gels.getByRole("button", { name: "Collapse" })).toBeVisible();
+
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                    "expanded-gels-modern-layout.png",
+                    {
+                        css: `
+                    .mx_MessageTimestamp,.mx_TopUnreadMessagesBar {
+                        visibility: hidden;
+                    }
+                    .mx_MessagePanel_myReadMarker {
+                        display: none !important;
+                    }
+                `,
+                    },
+                );
+            },
+        );
+
+        test(
+            "should click 'collapse' on the first hovered info event line inside GELS on bubble layout",
+            { tag: "@screenshot" },
+            async ({ page, app, room }) => {
+                // This test checks clickability of the "Collapse" link button, which had been covered with
+                // MessageActionBar's safe area - https://github.com/vector-im/element-web/issues/22864
+
+                await page.goto(`/#/room/${room.roomId}`);
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Bubble);
+                await expect(
+                    page.locator(
+                        ".mx_RoomView_body .mx_GenericEventListSummary[data-layout='bubble'] .mx_GenericEventListSummary_summary",
+                        { hasText: `${OLD_NAME} created and configured the room.` },
+                    ),
+                ).toBeVisible();
+
+                const gels = page.locator(".mx_GenericEventListSummary");
+                // Click "expand" link button
+                await gels.getByRole("button", { name: "Expand" }).click();
+                // Assert that the "expand" link button worked
+                await expect(gels.getByRole("button", { name: "Collapse" })).toBeVisible();
+
+                // Make sure spacer is not visible on bubble layout
+                await expect(
+                    page.locator(".mx_GenericEventListSummary[data-layout=bubble] .mx_GenericEventListSummary_spacer"),
+                ).not.toBeVisible(); // See: _GenericEventListSummary.pcss
+
+                // Save snapshot of expanded generic event list summary on bubble layout
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                    "expanded-gels-bubble-layout.png",
+                    {
+                        // Exclude timestamp from snapshot
+                        css: `
+                        .mx_MessageTimestamp,.mx_TopUnreadMessagesBar {
+                            visibility: hidden;
+                        }
+                    `,
+                    },
+                );
+
+                // Click "collapse" link button on the first hovered info event line
+                const firstTile = gels.locator(
+                    ".mx_GenericEventListSummary_unstyledList .mx_EventTile_info:first-of-type",
+                );
+                await firstTile.hover();
+                await expect(firstTile.getByRole("toolbar", { name: "Message Actions" })).toBeVisible();
+                await gels.getByRole("button", { name: "Collapse" }).click();
+
+                // Assert that "collapse" link button worked
+                await expect(gels.getByRole("button", { name: "Expand" })).toBeVisible();
+
+                // Save snapshot of collapsed generic event list summary on bubble layout
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                    "collapsed-gels-bubble-layout.png",
+                    {
+                        css: `
+                        .mx_MessageTimestamp,.mx_TopUnreadMessagesBar {
+                            visibility: hidden;
+                        }
+                    `,
+                    },
+                );
+            },
+        );
+
+        test(
+            "should add inline start margin to an event line on IRC layout",
+            { tag: "@screenshot" },
+            async ({ page, app, room, axe }) => {
+                axe.disableRules("color-contrast");
+
+                await page.goto(`/#/room/${room.roomId}`);
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.IRC);
+
+                // Wait until configuration is finished
+                await expect(
+                    page.locator(
+                        ".mx_RoomView_body .mx_GenericEventListSummary[data-layout='irc'] .mx_GenericEventListSummary_summary",
+                        { hasText: `${OLD_NAME} created and configured the room.` },
+                    ),
+                ).toBeVisible();
+
+                // Click "expand" link button
+                await page.locator(".mx_GenericEventListSummary").getByRole("button", { name: "Expand" }).click();
+
+                // Check the event line has margin instead of inset property
+                // cf. _EventTile.pcss
+                //  --EventTile_irc_line_info-margin-inline-start
+                //  = calc(var(--name-width) + var(--icon-width) + 1 * var(--right-padding))
+                //  = 80 + 14 + 5 = 99px
+
+                const firstEventLineIrc = page.locator(
+                    ".mx_EventTile_info[data-layout=irc]:first-of-type .mx_EventTile_line",
+                );
+                await expect(firstEventLineIrc).toHaveCSS("margin-inline-start", "99px");
+                await expect(firstEventLineIrc).toHaveCSS("inset-inline-start", "0px");
+
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                    "event-line-inline-start-margin-irc-layout.png",
+                    {
+                        // Exclude timestamp and read marker from snapshot
+                        css: `
+                        .mx_MessageTimestamp,.mx_TopUnreadMessagesBar {
+                            visibility: hidden;
+                        }
+                        .mx_MessagePanel_myReadMarker {
+                            display: none !important;
+                        }
+                    `,
+                    },
+                );
+                await expect(axe).toHaveNoViolations();
+            },
+        );
+    });
+
+    test.describe("message displaying", () => {
+        const messageEdit = async (page: Page) => {
+            const line = page.locator(".mx_EventTile .mx_EventTile_line", { hasText: "Message" });
+            await line.hover();
+            await line.getByRole("toolbar", { name: "Message Actions" }).getByRole("button", { name: "Edit" }).click();
+            await page.getByRole("textbox", { name: "Edit message" }).pressSequentially("Edit");
+            await page.getByRole("textbox", { name: "Edit message" }).press("Enter");
+
+            // Assert that the edited message and the link button are found
+            // Regex patterns due to the edited date
+            await expect(
+                page.locator(".mx_EventTile .mx_EventTile_line", { hasText: "MessageEdit" }).getByRole("button", {
+                    name: /Edited at .*? Click to view edits./,
+                }),
+            ).toBeVisible();
+        };
+
+        test(
+            "should align generic event list summary with messages and emote on IRC layout",
+            { tag: "@screenshot" },
+            async ({ page, app, room }) => {
+                // This test aims to check:
+                // 1. Alignment of collapsed GELS (generic event list summary) and messages
+                // 2. Alignment of expanded GELS and messages
+                // 3. Alignment of expanded GELS and placeholder of deleted message
+                // 4. Alignment of expanded GELS, placeholder of deleted message, and emote
+
+                await page.goto(`/#/room/${room.roomId}`);
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.IRC);
+
+                // Wait until configuration is finished
+                await expect(
+                    page
+                        .locator(".mx_GenericEventListSummary_summary")
+                        .getByText(`${OLD_NAME} created and configured the room.`),
+                ).toBeVisible();
+
+                // Send messages
+                const composer = app.getComposerField();
+                await composer.fill("Hello Mr. Bot");
+                await composer.press("Enter");
+                await composer.fill("Hello again, Mr. Bot");
+                await composer.press("Enter");
+
+                // Make sure the second message was sent
+                await expect(
+                    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
+                // See: _EventTile.pcss
+                // .mx_GenericEventListSummary[data-layout="irc"] > .mx_EventTile_line
+                //  = var(--name-width) + var(--icon-width) + var(--MessageTimestamp-width) + 2 * var(--right-padding)
+                //  = 80 + 14 + 46 + 2 * 5
+                //  = 150px
+                await expect(
+                    page.locator(".mx_GenericEventListSummary[data-layout=irc] > .mx_EventTile_line"),
+                ).toHaveCSS("padding-inline-start", "150px");
+                // Check width and spacing values of elements in .mx_EventTile, which should be equal to 150px
+                // --right-padding should be applied
+                for (const locator of await page.locator(".mx_EventTile > a").all()) {
+                    if (await locator.isVisible()) {
+                        await expect(locator).toHaveCSS("margin-right", "5px");
+                    }
+                }
+                // --name-width width zero inline end margin should be applied
+                for (const locator of await page.locator(".mx_EventTile .mx_DisambiguatedProfile").all()) {
+                    await expect(locator).toHaveCSS("width", "80px");
+                    await expect(locator).toHaveCSS("margin-inline-end", "0px");
+                }
+                // --icon-width should be applied
+                for (const locator of await page.locator(".mx_EventTile .mx_EventTile_avatar > .mx_BaseAvatar").all()) {
+                    await expect(locator).toHaveCSS("width", "14px");
+                }
+                // var(--MessageTimestamp-width) should be applied
+                for (const locator of await page.locator(".mx_EventTile > a").all()) {
+                    await expect(locator).toHaveCSS("min-width", "46px");
+                }
+                // Record alignment of collapsed GELS and messages on messagePanel
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                    "collapsed-gels-and-messages-irc-layout.png",
+                    {
+                        // Exclude timestamp from snapshot of mx_RoomView_timeline
+                        css: `
+                            .mx_MessageTimestamp {
+                                visibility: hidden;
+                            }
+                        `,
+                    },
+                );
+
+                // 2. Alignment of expanded GELS and messages
+                // Click "expand" link button
+                await page.locator(".mx_GenericEventListSummary").getByRole("button", { name: "Expand" }).click();
+                // Check inline start spacing of info line on expanded GELS
+                // See: _EventTile.pcss
+                // --EventTile_irc_line_info-margin-inline-start
+                // = 80 + 14 + 1 * 5
+                await expect(
+                    page.locator(".mx_EventTile[data-layout=irc].mx_EventTile_info:first-of-type .mx_EventTile_line"),
+                ).toHaveCSS("margin-inline-start", "99px");
+                // Record alignment of expanded GELS and messages on messagePanel
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                    "expanded-gels-and-messages-irc-layout.png",
+                    {
+                        // Exclude timestamp from snapshot of mx_RoomView_timeline
+                        css: `
+                            .mx_MessageTimestamp,.mx_TopUnreadMessagesBar {
+                                visibility: hidden;
+                            }
+                        `,
+                    },
+                );
+
+                // 3. Alignment of expanded GELS and placeholder of deleted message
+                // Delete the second (last) message
+                const lastTile = page.locator(".mx_RoomView_MessageList > .mx_EventTile_last");
+                await lastTile.hover();
+                await lastTile.getByRole("button", { name: "Options" }).click();
+                await page.getByRole("menuitem", { name: "Remove" }).click();
+                // Confirm deletion
+                await page.locator(".mx_Dialog_buttons").getByRole("button", { name: "Remove" }).click();
+                // Make sure the dialog was closed and the second (last) message was redacted
+                await expect(page.locator(".mx_Dialog")).not.toBeVisible();
+                await expect(
+                    page.locator(".mx_GenericEventListSummary .mx_EventTile_last .mx_RedactedBody"),
+                ).toBeVisible();
+                await expect(
+                    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_RoomView_timeline")).toMatchScreenshot(
+                    "expanded-gels-redaction-placeholder.png",
+                    {
+                        // Exclude timestamp from snapshot of mx_RoomView_timeline
+                        css: `
+                            .mx_MessageTimestamp {
+                                visibility: hidden;
+                            }
+                        `,
+                    },
+                );
+
+                // 4. Alignment of expanded GELS, placeholder of deleted message, and emote
+                // Send a emote
+                await page
+                    .locator(".mx_RoomView_body")
+                    .getByRole("textbox", { name: "Send an unencrypted message…" })
+                    .fill("/me says hello to Mr. Bot");
+                await page
+                    .locator(".mx_RoomView_body")
+                    .getByRole("textbox", { name: "Send an unencrypted message…" })
+                    .press("Enter");
+                // Check inline start margin of its avatar
+                // Here --right-padding is for the avatar on the message line
+                // See: _IRCLayout.pcss
+                // .mx_IRCLayout .mx_EventTile_emote .mx_EventTile_avatar
+                // = calc(var(--name-width) + var(--icon-width) + 1 * var(--right-padding))
+                // = 80 + 14 + 1 * 5
+                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").getByRole("status"),
+                ).toHaveAccessibleName("Your message was sent");
+                // Record alignment of expanded GELS, placeholder of deleted message, and emote
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                    "expanded-gels-emote-irc-layout.png",
+                    {
+                        // Exclude timestamp from snapshot of mx_RoomView_timeline
+                        css: `
+                        .mx_MessageTimestamp {
+                            visibility: hidden;
+                        }
+                    `,
+                    },
+                );
+            },
+        );
+
+        test(
+            "should render EventTiles on IRC, modern (group), and bubble layout",
+            { tag: "@screenshot" },
+            async ({ page, app, room }) => {
+                const screenshotOptions = {
+                    // Hide because flaky - See https://github.com/vector-im/element-web/issues/24957
+                    css: `
+                        .mx_MessageTimestamp,.mx_TopUnreadMessagesBar {
+                            visibility: hidden;
+                        }
+                        .mx_MessagePanel_myReadMarker {
+                            display: none !important;
+                        }
+                    `,
+                };
+
+                await sendEvent(app.client, room.roomId);
+                await sendEvent(app.client, room.roomId); // check continuation
+                await sendEvent(app.client, room.roomId); // check the last EventTile
+
+                await page.goto(`/#/room/${room.roomId}`);
+                const composer = app.getComposerField();
+                // Send a plain text message
+                await composer.fill("Hello");
+                await composer.press("Enter");
+                // Send a big emoji
+                await composer.fill("🏀");
+                await composer.press("Enter");
+                // Send an inline emoji
+                await composer.fill("This message has an inline emoji 👒");
+                await composer.press("Enter");
+
+                await expect(
+                    page.locator(".mx_RoomView").getByText("This message has an inline emoji 👒"),
+                ).toBeVisible();
+
+                ////////////////////////////////////////////////////////////////////////////////////////////////////////////
+                // IRC layout
+                ////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.IRC);
+
+                // Wait until configuration is finished
+                await expect(
+                    page
+                        .locator(".mx_GenericEventListSummary_summary")
+                        .getByText(`${OLD_NAME} created and configured the room.`),
+                ).toBeVisible();
+
+                await app.timeline.scrollToBottom();
+                await expect(
+                    page.locator(".mx_RoomView").getByText("This message has an inline emoji 👒"),
+                ).toBeInViewport();
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                    "event-tiles-irc-layout.png",
+                    screenshotOptions,
+                );
+
+                ////////////////////////////////////////////////////////////////////////////////////////////////////////////
+                // Group/modern layout
+                ////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
+
+                // Check that the last EventTile is rendered
+                await app.timeline.scrollToBottom();
+                await expect(
+                    page.locator(".mx_RoomView").getByText("This message has an inline emoji 👒"),
+                ).toBeInViewport();
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                    "event-tiles-modern-layout.png",
+                    screenshotOptions,
+                );
+
+                // Check the same thing for compact layout
+                await app.settings.setValue("useCompactLayout", null, SettingLevel.DEVICE, true);
+
+                // Check that the last EventTile is rendered
+                await app.timeline.scrollToBottom();
+                await expect(
+                    page.locator(".mx_RoomView").getByText("This message has an inline emoji 👒"),
+                ).toBeInViewport();
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                    "event-tiles-compact-modern-layout.png",
+                    screenshotOptions,
+                );
+
+                ////////////////////////////////////////////////////////////////////////////////////////////////////////////
+                // Message bubble layout
+                ////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Bubble);
+
+                await app.timeline.scrollToBottom();
+                await expect(
+                    page.locator(".mx_RoomView").getByText("This message has an inline emoji 👒"),
+                ).toBeInViewport();
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                    "event-tiles-bubble-layout.png",
+                    screenshotOptions,
+                );
+            },
+        );
+
+        test(
+            "should set inline start padding to a hidden event line",
+            { tag: "@screenshot" },
+            async ({ page, app, room }) => {
+                await sendEvent(app.client, room.roomId);
+                await page.goto(`/#/room/${room.roomId}`);
+                await app.settings.setValue("showHiddenEventsInTimeline", null, SettingLevel.DEVICE, true);
+                await expect(
+                    page
+                        .locator(".mx_GenericEventListSummary_summary")
+                        .getByText(`${OLD_NAME} created and configured the room.`),
+                ).toBeVisible();
+
+                // Edit message
+                await messageEdit(page);
+
+                // Click timestamp to highlight hidden event line
+                const timestamp = page.locator(".mx_RoomView_body .mx_EventTile_info a.mx_MessageTimestamp");
+                // wait for the remote echo otherwise we get an error modal due to a 404 on the /event/ API
+                await expect(timestamp).not.toHaveAttribute("href", /~!/);
+                await timestamp.click();
+
+                // should not add inline start padding to a hidden event line on IRC layout
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.IRC);
+                await expect(
+                    page.locator(".mx_EventTile[data-layout=irc].mx_EventTile_info .mx_EventTile_line").first(),
+                ).toHaveCSS("padding-inline-start", "0px");
+
+                // Exclude timestamp and read marker from snapshot
+                const screenshotOptions = {
+                    css: `
+                        .mx_MessageTimestamp,.mx_TopUnreadMessagesBar {
+                            visibility: hidden;
+                        }
+                        .mx_MessagePanel_myReadMarker {
+                            display: none !important;
+                        }
+                    `,
+                };
+
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                    "hidden-event-line-zero-padding-irc-layout.png",
+                    screenshotOptions,
+                );
+
+                // should add inline start padding to a hidden event line on modern layout
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
+                // calc(var(--EventTile_group_line-spacing-inline-start) + 20px) = 64 + 20 = 84px
+                await expect(
+                    page.locator(".mx_EventTile[data-layout=group].mx_EventTile_info .mx_EventTile_line").first(),
+                ).toHaveCSS("padding-inline-start", "84px");
+
+                await expect(page.locator(".mx_RoomView_timeline")).toMatchScreenshot(
+                    "hidden-event-line-padding-modern-layout.png",
+                    screenshotOptions,
+                );
+            },
+        );
+
+        test("should click view source event toggle", { tag: "@screenshot" }, async ({ page, app, room }) => {
+            // This test checks:
+            // 1. clickability of top left of view source event toggle
+            // 2. clickability of view source toggle on IRC layout
+
+            // Exclude timestamp from snapshot
+            const screenshotOptions = {
+                css: `
+                    .mx_MessageTimestamp {
+                        visibility: hidden;
+                    }
+                `,
+            };
+
+            await sendEvent(app.client, room.roomId);
+            await page.goto(`/#/room/${room.roomId}`);
+            await app.settings.setValue("showHiddenEventsInTimeline", null, SettingLevel.DEVICE, true);
+            await expect(
+                page
+                    .locator(".mx_GenericEventListSummary_summary")
+                    .getByText(OLD_NAME + " created and configured the room."),
+            ).toBeVisible();
+
+            // Edit message
+            await messageEdit(page);
+
+            // 1. clickability of top left of view source event toggle
+
+            // Click top left of the event toggle, which should not be covered by MessageActionBar's safe area
+            const viewSourceEventGroup = page.locator(".mx_EventTile_last[data-layout=group] .mx_ViewSourceEvent");
+            await viewSourceEventGroup.hover();
+            await viewSourceEventGroup
+                .getByRole("button", { name: "toggle event" })
+                .click({ position: { x: 0, y: 0 } });
+
+            // Make sure the expand toggle works
+            const viewSourceEventExpanded = page.locator(
+                ".mx_EventTile_last[data-layout=group] .mx_ViewSourceEvent_expanded",
+            );
+            await viewSourceEventExpanded.hover();
+            const toggleEventButton = viewSourceEventExpanded.getByRole("button", { name: "toggle event" });
+            // Check size and position of toggle on expanded view source event
+            // See: ViewSourceEventView.module.css
+            await expect(toggleEventButton).toHaveCSS("height", "16px"); // --ViewSourceEvent_toggle-size
+            await expect(toggleEventButton).toHaveCSS("align-self", "flex-end");
+            // Click again to collapse the source
+            await toggleEventButton.click({ position: { x: 0, y: 0 } });
+
+            // Make sure the collapse toggle works
+            await expect(
+                page.locator(".mx_EventTile_last[data-layout=group] .mx_ViewSourceEvent_expanded"),
+            ).not.toBeVisible();
+
+            // 2. clickability of view source toggle on IRC layout
+
+            // Enable IRC layout
+            await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.IRC);
+
+            // Hover the view source toggle on IRC layout
+            const viewSourceEventIrc = page.locator(
+                ".mx_GenericEventListSummary[data-layout=irc] .mx_EventTile .mx_ViewSourceEvent",
+            );
+            await viewSourceEventIrc.hover();
+            await expect(viewSourceEventIrc).toMatchScreenshot(
+                "hovered-hidden-event-line-irc-layout.png",
+                screenshotOptions,
+            );
+
+            // Click view source event toggle
+            await viewSourceEventIrc.getByRole("button", { name: "toggle event" }).click({ position: { x: 8, y: 8 } });
+
+            // Make sure the expand toggle worked
+            await expect(page.locator(".mx_EventTile[data-layout=irc] .mx_ViewSourceEvent_expanded")).toBeVisible();
+        });
+
+        test("should render file size in kibibytes on a file tile", async ({ page, app, room }) => {
+            await page.goto(`/#/room/${room.roomId}`);
+            await expect(
+                page
+                    .locator(".mx_GenericEventListSummary_summary")
+                    .getByText(OLD_NAME + " created and configured the room."),
+            ).toBeVisible();
+
+            // Upload a file from the message composer
+            await app.composerUploadFiles("room", getSampleFilePath("matrix-org-client-versions.json"));
+
+            // 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").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
+            await expect(
+                page.locator(".mx_EventTile_last .mx_MFileBody [data-type='info']").getByText(/1.12 KB/),
+            ).toBeVisible();
+        });
+
+        test.describe("on search results panel", () => {
+            test(
+                "should highlight search result words regardless of formatting",
+                { tag: "@screenshot" },
+                async ({ page, app, room }) => {
+                    await sendEvent(app.client, room.roomId);
+                    await sendEvent(app.client, room.roomId, true);
+                    await page.goto(`/#/room/${room.roomId}`);
+                    await rejectToast(page, "Verify this device");
+
+                    await app.toggleRoomInfoPanel();
+
+                    await page.locator(".mx_RoomSummaryCard_search").getByRole("searchbox").fill("Message");
+                    await page.locator(".mx_RoomSummaryCard_search").getByRole("searchbox").press("Enter");
+
+                    await expect(page.locator(".mx_RoomSearchAuxPanel")).toMatchScreenshot("search-aux-panel.png");
+
+                    for (const locator of await page
+                        .locator(".mx_EventTile:not(.mx_EventTile_contextual) .mx_EventTile_searchHighlight")
+                        .all()) {
+                        await expect(locator).toBeVisible();
+                    }
+                    await expect(page.locator(".mx_RoomView_searchResultsPanel")).toMatchScreenshot(
+                        "highlighted-search-results.png",
+                    );
+                },
+            );
+
+            test("should render a fully opaque textual event", { tag: "@screenshot" }, async ({ page, app, room }) => {
+                const stringToSearch = "Message"; // Same with string sent with sendEvent()
+
+                await sendEvent(app.client, room.roomId);
+
+                await page.goto(`/#/room/${room.roomId}`);
+                await rejectToast(page, "Verify this device");
+
+                // Open a room setting dialog
+                await app.toggleRoomInfoPanel();
+                await page.getByRole("menuitem", { name: "Settings" }).click();
+
+                // Set a room topic to render a TextualEvent
+                await page.getByRole("textbox", { name: "Room Topic" }).type(`This is a room for ${stringToSearch}.`);
+                await page.getByRole("button", { name: "Save" }).click();
+
+                await app.closeDialog();
+
+                // Assert that the TextualEvent is rendered
+                await expect(
+                    page.getByText(`${OLD_NAME} changed the topic to "This is a room for ${stringToSearch}.".`),
+                ).toHaveClass(/mx_TextualEvent/);
+
+                // Search the string to display both the message and TextualEvent on search results panel
+                await page.locator(".mx_RoomSummaryCard_search").getByRole("searchbox").fill(stringToSearch);
+                await page.locator(".mx_RoomSummaryCard_search").getByRole("searchbox").press("Enter");
+
+                // On search results panel
+                const resultsPanel = page.locator(".mx_RoomView_searchResultsPanel");
+                // Assert that contextual event tiles are translucent
+                for (const locator of await resultsPanel.locator(".mx_EventTile.mx_EventTile_contextual").all()) {
+                    await expect(locator).toHaveCSS("opacity", "0.4");
+                }
+                // Assert that the TextualEvent is fully opaque (visually solid).
+                for (const locator of await resultsPanel.locator(".mx_EventTile .mx_TextualEvent").all()) {
+                    await expect(locator).toHaveCSS("opacity", "1");
+                }
+
+                await expect(page.locator(".mx_RoomView_searchResultsPanel")).toMatchScreenshot(
+                    "search-results-with-TextualEvent.png",
+                );
+            });
+        });
+
+        test("should render a code block", { tag: "@screenshot" }, async ({ page, app, room }) => {
+            await page.goto(`/#/room/${room.roomId}`);
+            await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.IRC);
+
+            // Wait until configuration is finished
+            await expect(
+                page
+                    .locator(".mx_GenericEventListSummary_summary")
+                    .getByText(`${OLD_NAME} created and configured the room.`),
+            ).toBeVisible();
+
+            // Send a code block
+            const composer = app.getComposerField();
+            await composer.fill("```\nconsole.log('Hello, world!');\n```");
+            await composer.press("Enter");
+
+            const tile = page.locator(".mx_EventTile");
+            await expect(tile).toBeVisible();
+            await expect(tile).toMatchScreenshot("code-block.png", {
+                css: `
+                    .mx_MessageTimestamp {
+                        visibility: hidden;
+                    }
+                `,
+            });
+
+            // Edit a code block and assert the edited code block has been correctly rendered
+            await tile.hover();
+            await page.getByRole("toolbar", { name: "Message Actions" }).getByRole("button", { name: "Edit" }).click();
+            await page
+                .getByRole("textbox", { name: "Edit message" })
+                .fill("```\nconsole.log('Edited: Hello, world!');\n```");
+            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 {
+                        visibility: hidden;
+                    }
+                `,
+            });
+        });
+
+        test("should not enlarge emoji inside a code block", async ({ page, app, room }) => {
+            await page.goto(`/#/room/${room.roomId}`);
+
+            const composer = app.getComposerField();
+            await composer.fill("```\nconst waving = '👋';\n```");
+            await composer.press("Enter");
+            await composer.fill("👋 hello");
+            await composer.press("Enter");
+
+            const codeBlock = page.locator(".mx_EventTile_pre_container").first();
+            await expect(codeBlock).toBeVisible();
+
+            const fontSize = (locator: Locator): Promise<string> =>
+                locator.evaluate((node) => window.getComputedStyle(node).fontSize);
+
+            // Inside a code block the emoji must not be any larger than the code around it,
+            // otherwise the line it sits on grows and the line numbers stop lining up
+            expect(await fontSize(codeBlock.locator(".mx_Emoji"))).toEqual(await fontSize(codeBlock.locator("code")));
+
+            // ...but emoji in an ordinary message are still enlarged
+            const message = page.locator(".mx_EventTile_last .mx_EventTile_body");
+            expect(await fontSize(message.locator(".mx_Emoji"))).not.toEqual(await fontSize(message));
+        });
+
+        test(
+            "should be able to hide an image",
+            { tag: "@screenshot" },
+            async ({ page, app, homeserver, room, context }) => {
+                await app.viewRoomById(room.roomId);
+
+                const bot = new Bot(page, homeserver, {});
+                await bot.prepareClient();
+                await app.client.inviteUser(room.roomId, bot.credentials!.userId);
+
+                await sendImage(bot, room.roomId, NEW_AVATAR);
+                await app.timeline.scrollToBottom();
+                const imgTile = page.locator(".mx_ImageBody").first();
+                await expect(imgTile).toBeVisible();
+                await imgTile.hover();
+                await page.getByRole("button", { name: "Hide" }).click();
+
+                // Check that the image is now hidden.
+                await expect(page.getByRole("button", { name: "Show image" })).toBeVisible();
+            },
+        );
+
+        test("should be able to hide a video", async ({ page, app, homeserver, room, context }) => {
+            await app.viewRoomById(room.roomId);
+
+            const bot = new Bot(page, homeserver, {});
+            await bot.prepareClient();
+            await app.client.inviteUser(room.roomId, bot.credentials!.userId);
+
+            const upload = await bot.uploadContent(VIDEO_FILE, { name: "bbb.webm", type: "video/webm" });
+            await bot.sendEvent(room.roomId, null, "m.room.message" as EventType, {
+                msgtype: "m.video" as MsgType,
+                body: "bbb.webm",
+                url: upload.content_uri,
+            });
+
+            await app.timeline.scrollToBottom();
+            const imgTile = page.locator(".mx_MVideoBody").first();
+            await expect(imgTile).toBeVisible();
+            await imgTile.hover();
+            await page.getByRole("button", { name: "Hide" }).click();
+
+            // Check that the video is now hidden.
+            await expect(page.getByRole("button", { name: "Show video" })).toBeVisible();
+            await expect(page.locator("video")).not.toBeVisible();
+        });
+
+        test("should insert a mention when clicking sender profile in timeline", async ({
+            page,
+            app,
+            homeserver,
+            room,
+        }) => {
+            const senderDisplayName = "SenderBot";
+            const messageFromSender = "message from sender";
+
+            const bot = new Bot(page, homeserver, {
+                displayName: senderDisplayName,
+                autoAcceptInvites: false,
+            });
+            await bot.prepareClient();
+            await app.client.inviteUser(room.roomId, bot.credentials!.userId);
+            await bot.joinRoom(room.roomId);
+            await bot.sendMessage(room.roomId, messageFromSender);
+
+            await app.viewRoomById(room.roomId);
+
+            const senderMessageTile = getEventTilesWithBodies(page).filter({ hasText: messageFromSender }).first();
+            await expect(senderMessageTile).toBeVisible();
+
+            await senderMessageTile.locator(".mx_DisambiguatedProfile").click();
+
+            await expect(app.getComposerField().getByText(senderDisplayName)).toBeVisible();
+        });
+    });
+
+    test.describe("message sending", { tag: ["@no-firefox", "@no-webkit"] }, () => {
+        const MESSAGE = "Hello world";
+        const reply = "Reply";
+        const viewRoomSendMessageAndSetupReply = async (page: Page, app: ElementAppPage, roomId: string) => {
+            // View room
+            await app.viewRoomById(roomId);
+
+            // Send a message
+            const composer = app.getComposerField();
+            await composer.fill(MESSAGE);
+            await composer.press("Enter");
+
+            // Reply to the message
+            const lastTile = page.locator(".mx_EventTile_last");
+            await expect(lastTile.getByText(MESSAGE)).toBeVisible();
+            await lastTile.hover();
+            await lastTile.getByRole("button", { name: "Reply", exact: true }).click();
+        };
+
+        // For clicking the reply button on the last line
+        const clickButtonReply = async (page: Page): Promise<void> => {
+            const lastTile = page.locator(".mx_RoomView_MessageList .mx_EventTile_last");
+            await lastTile.hover();
+            await lastTile.getByRole("button", { name: "Reply", exact: true }).click();
+        };
+
+        test("can reply with a text message", async ({ page, app, room }) => {
+            await viewRoomSendMessageAndSetupReply(page, app, room.roomId);
+
+            await app.getComposerField().fill(reply);
+            await app.getComposerField().press("Enter");
+
+            const eventTileLine = page.locator(".mx_RoomView_body .mx_EventTile_last .mx_EventTile_line");
+            await expect(eventTileLine.locator(".mx_ReplyTile .mx_MTextBody").getByText(MESSAGE)).toBeVisible();
+            await expect(eventTileLine.getByText(reply)).toHaveCount(1);
+        });
+
+        test("can send a voice message", { tag: "@screenshot" }, async ({ page, app, room, context }) => {
+            await app.viewRoomById(room.roomId);
+
+            const composerOptions = await app.openMessageComposerOptions();
+            await composerOptions.getByRole("menuitem", { name: "Voice Message" }).click();
+
+            // Record an empty message
+            await page.waitForTimeout(3000);
+
+            const roomViewBody = page.locator(".mx_RoomView_body");
+            await roomViewBody
+                .locator(".mx_MessageComposer")
+                .getByRole("button", { name: "Send voice message" })
+                .click();
+
+            await expect(roomViewBody.locator(".mx_MVoiceMessageBody")).toMatchScreenshot("voice-message.png");
+        });
+
+        test("can reply with a voice message", async ({ page, app, room, context }) => {
+            await viewRoomSendMessageAndSetupReply(page, app, room.roomId);
+
+            const composerOptions = await app.openMessageComposerOptions();
+            await composerOptions.getByRole("menuitem", { name: "Voice Message" }).click();
+
+            // Record an empty message
+            await page.waitForTimeout(3000);
+
+            const roomViewBody = page.locator(".mx_RoomView_body");
+            await roomViewBody
+                .locator(".mx_MessageComposer")
+                .getByRole("button", { name: "Send voice message" })
+                .click();
+
+            const lastEventTileLine = roomViewBody.locator(".mx_EventTile_last .mx_EventTile_line");
+            await expect(lastEventTileLine.locator(".mx_ReplyTile .mx_MTextBody").getByText(MESSAGE)).toBeVisible();
+
+            await expect(lastEventTileLine.locator(".mx_MVoiceMessageBody")).toHaveCount(1);
+        });
+
+        test("should not be possible to send flag with regional emojis", async ({ page, app, room }) => {
+            await page.goto(`/#/room/${room.roomId}`);
+
+            // Send a message
+            await app.getComposerField().pressSequentially(":regional_indicator_a");
+            await page.locator(".mx_Autocomplete_Completion_title", { hasText: ":regional_indicator_a:" }).click();
+            await app.getComposerField().pressSequentially(":regional_indicator_r");
+            await page.locator(".mx_Autocomplete_Completion_title", { hasText: ":regional_indicator_r:" }).click();
+            await app.getComposerField().pressSequentially(" :regional_indicator_z");
+            await page.locator(".mx_Autocomplete_Completion_title", { hasText: ":regional_indicator_z:" }).click();
+            await app.getComposerField().pressSequentially(":regional_indicator_a");
+            await page.locator(".mx_Autocomplete_Completion_title", { hasText: ":regional_indicator_a:" }).click();
+            await app.getComposerField().press("Enter");
+
+            await expect(
+                page.locator(
+                    ".mx_RoomView_body .mx_EventTile .mx_EventTile_line .mx_MTextBody .mx_EventTile_bigEmoji > *",
+                ),
+            ).toHaveCount(4);
+        });
+
+        test("should display a reply chain", { tag: "@screenshot" }, async ({ page, app, room, homeserver }) => {
+            const reply2 = "Reply again";
+
+            await page.goto(`/#/room/${room.roomId}`);
+
+            // Wait until configuration is finished
+            await expect(
+                page
+                    .locator(".mx_GenericEventListSummary_summary")
+                    .getByText(OLD_NAME + " created and configured the room."),
+            ).toBeVisible();
+
+            // Create a bot "BotBob" and invite it
+            const bot = new Bot(page, homeserver, {
+                displayName: "BotBob",
+                autoAcceptInvites: false,
+            });
+            await bot.prepareClient();
+            await app.client.inviteUser(room.roomId, bot.credentials!.userId);
+            await bot.joinRoom(room.roomId);
+
+            // Make sure the bot joined the room
+            await expect(
+                page
+                    .locator(".mx_GenericEventListSummary .mx_EventTile_info.mx_EventTile_last")
+                    .getByText("BotBob joined the room"),
+            ).toBeVisible();
+
+            // Have bot send MESSAGE to roomId
+            await bot.sendMessage(room.roomId, MESSAGE);
+
+            // Assert that MESSAGE is found
+            await expect(page.getByText(MESSAGE)).toBeVisible();
+
+            // Reply to the message
+            await clickButtonReply(page);
+            await app.getComposerField().fill(reply);
+            await app.getComposerField().press("Enter");
+
+            // Make sure 'reply' was sent
+            await expect(page.locator(".mx_RoomView_body .mx_EventTile_last").getByText(reply)).toBeVisible();
+
+            // Reply again to create a replyChain
+            await clickButtonReply(page);
+            await app.getComposerField().fill(reply2);
+            await app.getComposerField().press("Enter");
+
+            // 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").getByRole("status")).toHaveAccessibleName(
+                "Your message was sent",
+            );
+
+            // Exclude timestamp and read marker from snapshot
+            const screenshotOptions = {
+                css: `
+                    .mx_MessageTimestamp,.mx_TopUnreadMessagesBar,.mx_JumpToBottomButton {
+                        visibility: hidden;
+                    }
+                    .mx_MessagePanel_myReadMarker {
+                        display: none !important;
+                    }
+                `,
+            };
+
+            // Check the margin value of ReplyChains of EventTile at the bottom on IRC layout
+            await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.IRC);
+            for (const locator of await page.locator(".mx_EventTile_last[data-layout='irc'] .mx_ReplyChain").all()) {
+                await expect(locator).toHaveCSS("margin", "0px");
+            }
+
+            // Take a snapshot on IRC layout
+            // Note that because zero margin is applied to mx_ReplyChain, the left borders of two mx_ReplyChain
+            // components may seem to be connected to one.
+            await expect(page.locator(".mx_EventTile_last")).toMatchScreenshot(
+                "event-tile-reply-chains-irc-layout.png",
+                screenshotOptions,
+            );
+
+            // Check the margin value of ReplyChains of EventTile at the bottom on group/modern layout
+            await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
+            for (const locator of await page.locator(".mx_EventTile_last[data-layout='group'] .mx_ReplyChain").all()) {
+                await expect(locator).toHaveCSS("margin-bottom", "8px");
+            }
+
+            // Take a snapshot on modern layout
+            await expect(page.locator(".mx_EventTile_last")).toMatchScreenshot(
+                "event-tile-reply-chains-irc-modern.png",
+                screenshotOptions,
+            );
+
+            // Check the margin value of ReplyChains of EventTile at the bottom on group/modern compact layout
+            await app.settings.setValue("useCompactLayout", null, SettingLevel.DEVICE, true);
+            for (const locator of await page.locator(".mx_EventTile_last[data-layout='group'] .mx_ReplyChain").all()) {
+                await expect(locator).toHaveCSS("margin-bottom", "4px");
+            }
+
+            // Take a snapshot on compact modern layout
+            await expect(page.locator(".mx_EventTile_last")).toMatchScreenshot(
+                "event-tile-reply-chains-compact-modern-layout.png",
+                screenshotOptions,
+            );
+
+            // Check the margin value of ReplyChains of EventTile at the bottom on bubble layout
+            await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Bubble);
+            for (const locator of await page.locator(".mx_EventTile_last[data-layout='bubble'] .mx_ReplyChain").all()) {
+                await expect(locator).toHaveCSS("margin-bottom", "8px");
+            }
+
+            // Take a snapshot on bubble layout
+            await expect(page.locator(".mx_EventTile_last")).toMatchScreenshot(
+                "event-tile-reply-chains-bubble-layout.png",
+                screenshotOptions,
+            );
+        });
+
+        test(
+            "should send, reply, and display long strings without overflowing",
+            { tag: "@screenshot" },
+            async ({ page, app, room, homeserver }) => {
+                // Max 256 characters for display name
+                const LONG_STRING =
+                    "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut " +
+                    "et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut " +
+                    "aliquip";
+
+                const newDisplayName = `${LONG_STRING} 2`;
+
+                // Set the display name to "LONG_STRING 2" in order to avoid screenshot tests from failing
+                // due to the generated random mxid being displayed inside the GELS summary.
+                // Note that we set it here as the test was failing on CI (but not locally!) if the name
+                // was changed afterwards. This is quite concerning, but maybe better than just disabling the
+                // whole test?
+                // https://github.com/element-hq/element-web/issues/27109
+                await app.client.setDisplayName(newDisplayName);
+
+                // Create a bot with a long display name
+                const bot = new Bot(page, homeserver, {
+                    displayName: LONG_STRING,
+                    autoAcceptInvites: false,
+                });
+                await bot.prepareClient();
+
+                // Create another room with a long name, invite the bot, and open the room
+                const testRoomId = await app.client.createRoom({ name: LONG_STRING });
+                await app.client.inviteUser(testRoomId, bot.credentials!.userId);
+                await bot.joinRoom(testRoomId);
+                await page.goto(`/#/room/${testRoomId}`);
+
+                // Wait until configuration is finished
+                await expect(
+                    page
+                        .locator(".mx_GenericEventListSummary_summary")
+                        .getByText(newDisplayName + " created and configured the room."),
+                ).toBeVisible();
+
+                // Have the bot send a long message
+                await bot.sendMessage(testRoomId, {
+                    body: LONG_STRING,
+                    msgtype: "m.text",
+                });
+
+                // Wait until the message is rendered
+                await expect(
+                    page.locator(".mx_EventTile_last .mx_MTextBody .mx_EventTile_body").getByText(LONG_STRING),
+                ).toBeVisible();
+
+                // Reply to the message
+                await clickButtonReply(page);
+                await app.getComposerField().fill(reply);
+                await app.getComposerField().press("Enter");
+
+                // Make sure the reply tile is rendered
+                const eventTileLine = page.locator(".mx_EventTile_last .mx_EventTile_line");
+                await expect(eventTileLine.locator(".mx_ReplyTile .mx_MTextBody").getByText(LONG_STRING)).toBeVisible();
+
+                await expect(eventTileLine.getByText(reply)).toHaveCount(1);
+
+                // Change the viewport size
+                await page.setViewportSize({ width: 1600, height: 1200 });
+
+                // Exclude timestamp and read marker from snapshot
+                const screenshotOptions = {
+                    css: `
+                        .mx_MessageTimestamp,.mx_TopUnreadMessagesBar {
+                            visibility: hidden;
+                        }
+                        .mx_MessagePanel_myReadMarker {
+                            display: none !important;
+                        }
+                    `,
+                };
+
+                // Make sure the strings do not overflow on IRC layout
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.IRC);
+                // Scroll to the bottom to take a snapshot of the whole viewport
+                await app.timeline.scrollToBottom();
+                // Assert that both avatar in the introduction and the last message are visible at the same time
+                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.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",
+                    screenshotOptions,
+                );
+
+                // Make sure the strings do not overflow on modern layout
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
+                await app.timeline.scrollToBottom(); // Scroll again in case
+                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.getByRole("status")).toHaveAccessibleName("Your message was sent");
+                await expect(page.locator(".mx_ScrollPanel")).toMatchScreenshot(
+                    "long-strings-with-reply-modern-layout.png",
+                    screenshotOptions,
+                );
+
+                // Make sure the strings do not overflow on bubble layout
+                await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Bubble);
+                await app.timeline.scrollToBottom(); // Scroll again in case
+                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.getByRole("status")).toHaveAccessibleName("Your message was sent");
+                await expect(page.locator(".mx_ScrollPanel")).toMatchScreenshot(
+                    "long-strings-with-reply-bubble-layout.png",
+                    screenshotOptions,
+                );
+            },
+        );
+
+        async function testImageRendering(page: Page, app: ElementAppPage, room: { roomId: string }) {
+            await app.viewRoomById(room.roomId);
+
+            // Reinstall the service workers to clear their implicit caches (global-level stuff)
+            await page.evaluate(async () => {
+                const registrations = await window.navigator.serviceWorker.getRegistrations();
+                registrations.forEach((r) => r.update());
+            });
+
+            await sendImage(app.client, room.roomId, NEW_AVATAR);
+            await app.timeline.scrollToBottom();
+            await expect(page.locator(".mx_ImageBody").first()).toBeVisible();
+
+            // Exclude timestamp and read marker from snapshot
+            const screenshotOptions = {
+                css: `
+                    .mx_MessageTimestamp,.mx_TopUnreadMessagesBar {
+                        visibility: hidden;
+                    }
+                    .mx_MessagePanel_myReadMarker {
+                        display: none !important;
+                    }
+                `,
+            };
+
+            await expect(page.locator(".mx_ScrollPanel")).toMatchScreenshot(
+                "image-in-timeline-default-layout.png",
+                screenshotOptions,
+            );
+        }
+
+        test("should render images in the timeline", { tag: "@screenshot" }, async ({ page, app, room, context }) => {
+            await testImageRendering(page, app, room);
+        });
+
+        // XXX: This test doesn't actually work because the service worker relies on IndexedDB, which Playwright forces
+        // to be a localstorage implementation, which service workers cannot access.
+        // See https://github.com/microsoft/playwright/issues/11164
+        // See https://github.com/microsoft/playwright/issues/15684#issuecomment-2070862042
+        //
+        // In practice, this means this test will *always* succeed because it ends up relying on fallback behaviour tested
+        // above (unless of course the above tests are also broken).
+        test.describe("MSC3916 - Authenticated Media", () => {
+            test(
+                "should render authenticated images in the timeline",
+                { tag: "@screenshot" },
+                async ({ page, app, room, context }) => {
+                    // Note: we have to use `context` instead of `page` for routing, otherwise we'll miss Service Worker events.
+                    // See https://playwright.dev/docs/service-workers-experimental#network-events-and-routing
+
+                    // Install our mocks and preventative measures
+                    await context.route("**/_matrix/client/versions", async (route) => {
+                        // Force enable MSC3916/Matrix 1.11, which may require the service worker's internal cache to be cleared later.
+                        const json = await (await route.fetch()).json();
+                        if (!json["versions"]) json["versions"] = [];
+                        json["versions"].push("v1.11");
+                        await route.fulfill({ json });
+                    });
+                    await context.route("**/_matrix/media/*/download/**", async (route) => {
+                        // should not be called. We don't use `abort` so that it's clearer in the logs what happened.
+                        await route.fulfill({
+                            status: 500,
+                            json: { errcode: "M_UNKNOWN", error: "Unexpected route called." },
+                        });
+                    });
+                    await context.route("**/_matrix/media/*/thumbnail/**", async (route) => {
+                        // should not be called. We don't use `abort` so that it's clearer in the logs what happened.
+                        await route.fulfill({
+                            status: 500,
+                            json: { errcode: "M_UNKNOWN", error: "Unexpected route called." },
+                        });
+                    });
+                    await context.route("**/_matrix/client/v1/download/**", async (route) => {
+                        expect(route.request().headers()["Authorization"]).toBeDefined();
+                        // we can't use route.continue() because no configured homeserver supports MSC3916 yet
+                        await route.fulfill({
+                            body: NEW_AVATAR,
+                        });
+                    });
+                    await context.route("**/_matrix/client/v1/thumbnail/**", async (route) => {
+                        expect(route.request().headers()["Authorization"]).toBeDefined();
+                        // we can't use route.continue() because no configured homeserver supports MSC3916 yet
+                        await route.fulfill({
+                            body: NEW_AVATAR,
+                        });
+                    });
+
+                    // We check the same screenshot because there should be no user-visible impact to using authentication.
+                    await testImageRendering(page, app, room);
+                },
+            );
+        });
+    });
+
+    test.describe("spoilers", { tag: "@screenshot" }, () => {
+        test("clicking a spoiler containing the pill de-spoilers on 1st click, then follows link on 2nd", async ({
+            page,
+            user,
+            app,
+            room,
+        }) => {
+            // View room
+            await page.goto(`/#/room/${room.roomId}`);
+
+            // Send a spoilered pill
+            await app.client.sendMessage(room.roomId, {
+                msgtype: "m.text",
+                body: user.userId,
+                format: "org.matrix.custom.html",
+                formatted_body: `<span data-mx-spoiler>https://matrix.to/#/${user.userId}</span>`,
+            });
+
+            const screenshotOptions = {
+                css: `
+                    .mx_MessageTimestamp {
+                        display: none !important;
+                    }
+                `,
+            };
+
+            const eventTile = page.locator(".mx_RoomView_body .mx_EventTile_last");
+            await expect(eventTile).toMatchScreenshot("spoiler.png", screenshotOptions);
+
+            const rightPanelButton = page.getByText("Share profile");
+            const pill = page.locator(".mx_UserPill");
+            await pill.click({ force: true }); // force to click the spoiler wrapper instead
+            await expect(eventTile).toMatchScreenshot("spoiler-uncovered.png", screenshotOptions);
+            await expect(rightPanelButton).not.toBeVisible(); // assert the right panel is not yet open
+
+            await pill.click();
+            await expect(rightPanelButton).toBeVisible(); // assert the right panel is open
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/toasts/analytics-toast.spec.ts b/apps/web/playwright/e2e/toasts/analytics-toast.spec.ts
new file mode 100644
index 00000000000..7af42ff6e2f
--- /dev/null
+++ b/apps/web/playwright/e2e/toasts/analytics-toast.spec.ts
@@ -0,0 +1,49 @@
+/*
+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 { acceptToast, assertNoToasts, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test } from "../../element-web-test";
+
+test.describe("Analytics Toast", () => {
+    test.use({
+        displayName: "Tod",
+    });
+
+    test("should not show an analytics toast if config has nothing about posthog", async ({ user, page }) => {
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+        await assertNoToasts(page);
+    });
+
+    test.describe("with posthog enabled", () => {
+        test.use({
+            config: {
+                posthog: {
+                    project_api_key: "foo",
+                    api_host: "bar",
+                },
+            },
+        });
+
+        test.beforeEach(async ({ user, page }) => {
+            await rejectToast(page, "Verify this device");
+            await rejectToast(page, "Notifications");
+        });
+
+        test("should show an analytics toast which can be accepted", async ({ user, page }) => {
+            await acceptToast(page, "Help improve Element");
+            await assertNoToasts(page);
+        });
+
+        test("should show an analytics toast which can be rejected", async ({ user, page }) => {
+            await rejectToast(page, "Help improve Element");
+            await assertNoToasts(page);
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/update/update.spec.ts b/apps/web/playwright/e2e/update/update.spec.ts
new file mode 100644
index 00000000000..a5febc55974
--- /dev/null
+++ b/apps/web/playwright/e2e/update/update.spec.ts
@@ -0,0 +1,36 @@
+/*
+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 { test, expect } from "../../element-web-test";
+
+test.describe("Update", () => {
+    const NEW_VERSION = "some-new-version";
+
+    test.use({
+        displayName: "Ursa",
+    });
+
+    test.beforeEach(async ({ context }) => {
+        await context.route("/version*", async (route) => {
+            await route.fulfill({
+                body: NEW_VERSION,
+                headers: {
+                    "Content-Type": "test/plain",
+                },
+            });
+        });
+    });
+
+    test("should navigate to ?updated=$VERSION if realises it is immediately out of date on load", async ({
+        page,
+        user,
+    }) => {
+        await expect(page).toHaveURL(/updated=/);
+        expect(new URL(page.url()).searchParams.get("updated")).toEqual(NEW_VERSION);
+    });
+});
diff --git a/apps/web/playwright/e2e/user-menu/user-menu.spec.ts b/apps/web/playwright/e2e/user-menu/user-menu.spec.ts
new file mode 100644
index 00000000000..7a0c661e2de
--- /dev/null
+++ b/apps/web/playwright/e2e/user-menu/user-menu.spec.ts
@@ -0,0 +1,32 @@
+/*
+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 type { Page } from "playwright-core";
+import { test, expect } from "../../element-web-test";
+
+const screenshotOptions = (page?: Page) => ({
+    // Hide the UserID
+    css: `
+        span[data-testid="userId"] {
+            display: none !important;
+        }
+    `,
+});
+
+test.describe("User Menu", () => {
+    test.use({ displayName: "Jeff" });
+
+    test("should contain our name & userId", { tag: "@screenshot" }, async ({ page, user }) => {
+        await page.getByRole("button", { name: "User menu", exact: true }).click();
+        const menu = page.getByRole("menu");
+
+        await expect(menu.getByText(user.displayName!)).toBeVisible();
+        await expect(menu.getByText(user.userId)).toBeVisible();
+        await expect(menu).toMatchScreenshot("user-menu.png", screenshotOptions(page));
+    });
+});
diff --git a/apps/web/playwright/e2e/user-view/user-view.spec.ts b/apps/web/playwright/e2e/user-view/user-view.spec.ts
new file mode 100644
index 00000000000..28799b6796c
--- /dev/null
+++ b/apps/web/playwright/e2e/user-view/user-view.spec.ts
@@ -0,0 +1,34 @@
+/*
+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 { test, expect } from "../../element-web-test";
+
+test.describe("UserView", () => {
+    test.use({
+        displayName: "Violet",
+        botCreateOpts: { displayName: "Usman" },
+    });
+
+    test("should render the user view as expected", { tag: "@screenshot" }, async ({ page, homeserver, user, bot }) => {
+        await page.goto(`/#/user/${bot.credentials!.userId}`);
+
+        const rightPanel = page.locator("#mx_RightPanel");
+        await expect(
+            rightPanel.getByRole("heading", { name: bot.credentials!.displayName, exact: true }),
+        ).toBeVisible();
+        await expect(rightPanel).toMatchScreenshot("user-info.png", {
+            mask: [page.locator(".mx_UserInfo_profile_mxid")],
+            css: `
+                /* Use monospace font for consistent mask width */
+                .mx_UserInfo_profile_mxid {
+                    font-family: "Fira Code" !important;
+                }
+            `,
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/utils.ts b/apps/web/playwright/e2e/utils.ts
new file mode 100644
index 00000000000..3024f56f069
--- /dev/null
+++ b/apps/web/playwright/e2e/utils.ts
@@ -0,0 +1,77 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Mikhail Aheichyk
+Copyright 2023 Nordeck IT + Consulting GmbH.
+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 { uniqueId } from "lodash";
+import { expect, type Page } from "@playwright/test";
+
+import type { ClientEvent, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import { type Client } from "../pages/client";
+
+/**
+ * Resolves when room state matches predicate.
+ * @param page Page instance
+ * @param client Client instance that can be user or bot
+ * @param roomId room id to find room and check
+ * @param predicate defines condition that is used to check the room state
+ *
+ * FIXME this does not do what it is supposed to do, and I think it is unfixable.
+ *   `page.exposeFunction` adds a function which returns a Promise. `window[predicateId](room)` therefore
+ *   always returns a truthy value (a Promise).  But even if you fix that: as far as I can tell, the Room is
+ *   just passed to the callback function as a JSON blob: you cannot actually call any methods on it, so the
+ *   callback is useless.
+ *
+ * @deprecated This function is broken.
+ */
+export async function waitForRoom(
+    page: Page,
+    client: Client,
+    roomId: string,
+    predicate: (room: Room) => boolean,
+): Promise<void> {
+    const predicateId = uniqueId("waitForRoom");
+    await page.exposeFunction(predicateId, predicate);
+    await client.evaluateHandle(
+        (matrixClient, { roomId, predicateId }) => {
+            return new Promise<Room>((resolve) => {
+                const room = matrixClient.getRoom(roomId)!;
+
+                if ((<any>window)[predicateId](room)) {
+                    resolve(room);
+                    return;
+                }
+
+                function onEvent(ev: MatrixEvent) {
+                    if (ev.getRoomId() !== roomId) return;
+
+                    if ((<any>window)[predicateId](room)) {
+                        matrixClient.removeListener("event" as ClientEvent, onEvent);
+                        resolve(room);
+                    }
+                }
+
+                matrixClient.on("event" as ClientEvent, onEvent);
+            });
+        },
+        { roomId, predicateId },
+    );
+}
+
+export async function selectHomeserver(page: Page, homeserverUrl: string) {
+    await page.getByRole("button", { name: "Edit" }).click();
+    await page.getByRole("textbox", { name: "Other homeserver" }).fill(homeserverUrl);
+    await page.getByRole("button", { name: "Continue", exact: true }).click();
+    // wait for the dialog to go away
+    await expect(page.locator(".mx_ServerPickerDialog")).toHaveCount(0);
+
+    await expect(page.locator(".mx_Spinner")).toHaveCount(0);
+    await expect(page.locator(".mx_ServerPicker_server")).toHaveText(homeserverUrl);
+}
+
+export const CommandOrControl = process.platform === "darwin" ? "Meta" : "Control";
diff --git a/apps/web/playwright/e2e/voip/element-call.spec.ts b/apps/web/playwright/e2e/voip/element-call.spec.ts
new file mode 100644
index 00000000000..9a798773f72
--- /dev/null
+++ b/apps/web/playwright/e2e/voip/element-call.spec.ts
@@ -0,0 +1,725 @@
+/*
+Copyright 2025 New Vector Ltd.
+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 { readFile } from "node:fs/promises";
+import { fileURLToPath } from "node:url";
+import { type Page } from "@playwright/test";
+import { closeReleaseAnnouncement, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import type { EventType, Preset } from "matrix-js-sdk/src/matrix";
+import { SettingLevel } from "../../../src/settings/SettingLevel";
+import { test, expect } from "../../element-web-test";
+import type { Credentials } from "../../plugins/homeserver";
+import { Bot } from "../../pages/bot";
+import { isDendrite } from "../../plugins/homeserver/dendrite";
+import { readSampleFile } from "../../sample-files";
+
+// Load a copy of our fake Element Call app, and the latest widget API.
+// The fake call app does *just* enough to convince Element Web that a call is ongoing
+// and functions like PiP work. It does not actually do anything though, to limit the
+// surface we test.
+const widgetApi = readFile(fileURLToPath(import.meta.resolve("matrix-widget-api/dist/api.min.js")), "utf-8");
+const fakeCallClient = readSampleFile("fake-element-call.html");
+
+function assertCommonCallParameters(
+    url: URLSearchParams,
+    hash: URLSearchParams,
+    user: Credentials,
+    room: { roomId: string },
+): void {
+    expect(url.has("widgetId")).toEqual(true);
+    expect(url.has("parentUrl")).toEqual(true);
+
+    expect(hash.get("perParticipantE2EE")).toEqual("false");
+    expect(hash.get("userId")).toEqual(user.userId);
+    expect(hash.get("deviceId")).toEqual(user.deviceId);
+    expect(hash.get("roomId")).toEqual(room.roomId);
+}
+
+async function sendRTCState(bot: Bot, roomId: string, notification?: "ring" | "notification", intent?: string) {
+    const resp = await bot.sendStateEvent(
+        roomId,
+        "org.matrix.msc3401.call.member",
+        {
+            "application": "m.call",
+            "call_id": "",
+            "m.call.intent": intent,
+            "device_id": "OiDFxsZrjz",
+            "expires": 180000000,
+            "foci_preferred": [
+                {
+                    livekit_alias: roomId,
+                    livekit_service_url: "https://example.org",
+                    type: "livekit",
+                },
+            ],
+            "focus_active": {
+                focus_selection: "oldest_membership",
+                type: "livekit",
+            },
+            "scope": "m.room",
+        },
+        `_@${bot.credentials!.userId}_OiDFxsZrjz_m.call`,
+    );
+    if (!notification) {
+        return;
+    }
+    await bot.sendEvent(roomId, null, "org.matrix.msc4075.rtc.notification", {
+        "lifetime": 30000,
+        "m.mentions": {
+            room: true,
+            user_ids: [],
+        },
+        "m.relates_to": {
+            event_id: resp.event_id,
+            rel_type: "m.reference",
+        },
+        "m.call.intent": intent,
+        "notification_type": notification,
+        "sender_ts": 1758611895996,
+    });
+}
+
+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({
+        displayName: "Alice",
+        botCreateOpts: {
+            autoAcceptInvites: true,
+            displayName: "Bob",
+        },
+    });
+
+    test.beforeEach(async ({ page, user, app }) => {
+        // Mock a widget page. We use a fake version of Element Call here.
+        // We should match on things after .html as these widgets get a ton of extra params.
+        await page.route(/\/widget.html.+/, async (route) => {
+            await route.fulfill({
+                status: 200,
+                // Do enough to
+                body: (await fakeCallClient).replace("widgetCodeHere", await widgetApi),
+            });
+        });
+        await app.settings.setValue(
+            "Developer.elementCallUrl",
+            null,
+            SettingLevel.DEVICE,
+            new URL("/widget.html#", page.url()).toString(),
+        );
+
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+        // Close the release announcement about the new room list sections
+        await closeReleaseAnnouncement(page, "Introducing Sections");
+    });
+
+    test.describe("Group Chat", () => {
+        let charlie: Bot;
+        test.use({
+            room: async ({ page, app, user, homeserver, bot }, use) => {
+                charlie = new Bot(page, homeserver, { displayName: "Charlie" });
+                await charlie.prepareClient();
+                const roomId = await app.client.createRoom({
+                    name: "TestRoom",
+                    invite: [bot.credentials!.userId, charlie.credentials!.userId],
+                });
+                await use({ roomId });
+            },
+        });
+        test("should be able to start a video call", async ({ page, user, room, app }) => {
+            await app.viewRoomById(room.roomId);
+            await expect(page.getByText("Bob and one other were invited and joined")).toBeVisible();
+
+            await page.getByRole("button", { name: "Video call" }).click();
+            await page.getByRole("menuitem", { name: "Element Call" }).click();
+
+            const frameUrlStr = await page.locator("iframe").getAttribute("src");
+            expect(frameUrlStr).toBeDefined();
+            // Ensure we set the correct parameters for ECall.
+            const url = new URL(frameUrlStr!);
+            const hash = new URLSearchParams(url.hash.slice(1));
+            assertCommonCallParameters(url.searchParams, hash, user, room);
+            expect(hash.get("intent")).toEqual("start_call");
+            expect(hash.get("skipLobby")).toEqual(null);
+        });
+
+        test("should NOT be able to start a voice call", async ({ page, user, room, app }) => {
+            // Voice calls do not exist in group rooms
+            await app.viewRoomById(room.roomId);
+            await expect(page.getByText("Bob and one other were invited and joined")).toBeVisible();
+            await expect(page.getByRole("button", { name: "Voice call" })).not.toBeVisible();
+        });
+
+        test("should be able to skip lobby by holding down shift", async ({ page, user, bot, room, app }) => {
+            await app.viewRoomById(room.roomId);
+            await expect(page.getByText("Bob and one other were invited and joined")).toBeVisible();
+
+            await page.getByRole("button", { name: "Video call" }).click();
+            await page.keyboard.down("Shift");
+            await page.getByRole("menuitem", { name: "Element Call" }).click();
+            await page.keyboard.up("Shift");
+
+            const frameUrlStr = await page.locator("iframe").getAttribute("src");
+            expect(frameUrlStr).toBeDefined();
+            const url = new URL(frameUrlStr!);
+            const hash = new URLSearchParams(url.hash.slice(1));
+            assertCommonCallParameters(url.searchParams, hash, user, room);
+            expect(hash.get("intent")).toEqual("start_call");
+            expect(hash.get("skipLobby")).toEqual("true");
+        });
+
+        ["voice", "video"].forEach((callType) => {
+            test(`should be able to join a ${callType} call in progress`, async ({ page, user, bot, room, app }) => {
+                await app.viewRoomById(room.roomId);
+                // Allow bob to create a call
+                await expect(page.getByText("Bob and one other were invited and joined")).toBeVisible();
+                await app.client.setPowerLevel(room.roomId, bot.credentials!.userId, 50);
+                // Fake a start of a call
+                await sendRTCState(bot, room.roomId, undefined, callType === "voice" ? "audio" : "video");
+                const button = page.getByTestId("join-call-button");
+                await expect(button).toBeInViewport({ timeout: 5000 });
+                // Room list should show that a call is ongoing
+                await expect(
+                    page.getByRole("option", { name: `Open room TestRoom with a ${callType} call.` }),
+                ).toBeVisible();
+                // And test joining
+                await button.click();
+                const frameUrlStr = await page.locator("iframe").getAttribute("src");
+                expect(frameUrlStr).toBeDefined();
+                const url = new URL(frameUrlStr!);
+                const hash = new URLSearchParams(url.hash.slice(1));
+                assertCommonCallParameters(url.searchParams, hash, user, room);
+
+                const expectedIntent = callType === "voice" ? "join_existing_voice" : "join_existing";
+                expect(hash.get("intent")).toEqual(expectedIntent);
+                expect(hash.get("skipLobby")).toEqual(null);
+
+                // pip layout check
+                switch (callType) {
+                    case "voice": {
+                        const pipContainer = page.getByTestId("widget-pip-container");
+                        await expect(pipContainer).toBeVisible();
+                        break;
+                    }
+                    case "video": {
+                        const pipContainer = page.getByTestId("widget-pip-container");
+                        await expect(pipContainer).not.toBeVisible();
+                        break;
+                    }
+                }
+            });
+        });
+
+        [true, false].forEach((joinWithVideo) => {
+            test(
+                `should be able to join a call via incoming video call toast (joinWithVideo=${joinWithVideo})`,
+                { tag: ["@screenshot"] },
+                async ({ page, user, bot, room, app }) => {
+                    await app.viewRoomById(room.roomId);
+                    // Allow bob to create a call
+                    await expect(page.getByText("Bob and one other were invited and joined")).toBeVisible();
+                    await app.client.setPowerLevel(room.roomId, bot.credentials!.userId, 50);
+                    // Fake a start of a call
+                    await sendRTCState(bot, room.roomId, "notification", "video");
+                    const toast = page.locator(".mx_Toast_toast");
+                    const button = toast.getByRole("button", { name: "Join" });
+
+                    if (joinWithVideo) {
+                        await toast.getByRole("switch").check();
+                        await expect(toast).toMatchScreenshot(`incoming-call-group-video-toast-checked.png`);
+                    } else {
+                        await toast.getByRole("switch").uncheck();
+                        await expect(toast).toMatchScreenshot(`incoming-call-group-video-toast-unchecked.png`);
+                    }
+
+                    // And test joining
+                    await button.click();
+                    const frameUrlStr = await page.locator("iframe").getAttribute("src");
+                    expect(frameUrlStr).toBeDefined();
+                    const url = new URL(frameUrlStr!);
+                    const hash = new URLSearchParams(url.hash.slice(1));
+                    assertCommonCallParameters(url.searchParams, hash, user, room);
+
+                    expect(hash.get("intent")).toEqual(joinWithVideo ? "join_existing" : "join_existing_voice");
+                    expect(hash.get("skipLobby")).toEqual("true");
+                },
+            );
+        });
+
+        test(
+            `should be able to join a call via incoming voice call toast`,
+            { tag: ["@screenshot"] },
+            async ({ page, user, bot, room, app }) => {
+                await app.viewRoomById(room.roomId);
+                // Allow bob to create a call
+                await expect(page.getByText("Bob and one other were invited and joined")).toBeVisible();
+                await app.client.setPowerLevel(room.roomId, bot.credentials!.userId, 50);
+                // Fake a start of a call
+                await sendRTCState(bot, room.roomId, "notification", "audio");
+                const toast = page.locator(".mx_Toast_toast");
+                const button = toast.getByRole("button", { name: "Join" });
+
+                await expect(toast).toMatchScreenshot(`incoming-call-group-voice-toast.png`);
+
+                // And test joining
+                await button.click();
+                const frameUrlStr = await page.locator("iframe").getAttribute("src");
+                expect(frameUrlStr).toBeDefined();
+                const url = new URL(frameUrlStr!);
+                const hash = new URLSearchParams(url.hash.slice(1));
+                assertCommonCallParameters(url.searchParams, hash, user, room);
+
+                expect(hash.get("intent")).toEqual("join_existing_voice");
+                expect(hash.get("skipLobby")).toEqual("true");
+            },
+        );
+    });
+
+    test.describe("DMs", () => {
+        test.use({
+            room: async ({ page, app, user, bot }, use) => {
+                const roomId = await app.client.createRoom({
+                    preset: "trusted_private_chat" as Preset.TrustedPrivateChat,
+                    invite: [bot.credentials!.userId],
+                });
+                await bot.awaitRoomMembership(roomId);
+                await app.client.setAccountData("m.direct" as EventType.Direct, {
+                    [bot.credentials!.userId]: [roomId],
+                });
+                await use({ roomId });
+            },
+        });
+
+        test("should be able to start a video call", async ({ page, user, room, app }) => {
+            await app.viewRoomById(room.roomId);
+            await expect(page.getByText("Bob joined the room")).toBeVisible();
+
+            await page.getByRole("button", { name: "Video call" }).click();
+            await page.getByRole("menuitem", { name: "Element Call" }).click();
+            const frameUrlStr = await page.locator("iframe").getAttribute("src");
+
+            expect(frameUrlStr).toBeDefined();
+            const url = new URL(frameUrlStr!);
+            const hash = new URLSearchParams(url.hash.slice(1));
+            assertCommonCallParameters(url.searchParams, hash, user, room);
+            expect(hash.get("intent")).toEqual("start_call_dm");
+            expect(hash.get("skipLobby")).toEqual(null);
+        });
+
+        test("should be able to skip lobby by holding down shift", async ({ page, user, room, app }) => {
+            await app.viewRoomById(room.roomId);
+            await expect(page.getByText("Bob joined the room")).toBeVisible();
+
+            await page.getByRole("button", { name: "Video call" }).click();
+            await page.keyboard.down("Shift");
+            await page.getByRole("menuitem", { name: "Element Call" }).click();
+            await page.keyboard.up("Shift");
+            const frameUrlStr = await page.locator("iframe").getAttribute("src");
+
+            expect(frameUrlStr).toBeDefined();
+            const url = new URL(frameUrlStr!);
+            const hash = new URLSearchParams(url.hash.slice(1));
+            assertCommonCallParameters(url.searchParams, hash, user, room);
+            expect(hash.get("intent")).toEqual("start_call_dm");
+            expect(hash.get("skipLobby")).toEqual("true");
+        });
+
+        test("should start a voice call in PiP", async ({ page, user, room, app }) => {
+            await app.viewRoomById(room.roomId);
+            await expect(page.getByText("Bob joined the room")).toBeVisible();
+
+            await page.getByRole("button", { name: "Voice call" }).click();
+            await page.getByRole("menuitem", { name: "Element Call" }).click();
+
+            const frameUrlStr = await page.locator("iframe").getAttribute("src");
+            expect(frameUrlStr).toBeDefined();
+
+            // The call should be presented in the picture-in-picture container, right in the room we started it
+            // from, rather than taking over the room view.
+            const pipContainer = page.getByTestId("widget-pip-container");
+            await expect(pipContainer).toBeVisible();
+        });
+
+        test("should be able to join a call in progress", async ({ page, user, bot, room, app }) => {
+            await app.viewRoomById(room.roomId);
+            await expect(page.getByText("Bob joined the room")).toBeVisible();
+            // Fake a start of a call
+            await sendRTCState(bot, room.roomId);
+            const button = page.getByTestId("join-call-button");
+            await expect(button).toBeInViewport({ timeout: 5000 });
+            // And test joining
+            await button.click();
+            const frameUrlStr = await page.locator("iframe").getAttribute("src");
+            expect(frameUrlStr).toBeDefined();
+            const url = new URL(frameUrlStr!);
+            const hash = new URLSearchParams(url.hash.slice(1));
+            assertCommonCallParameters(url.searchParams, hash, user, room);
+
+            expect(hash.get("intent")).toEqual("join_existing_dm");
+            expect(hash.get("skipLobby")).toEqual(null);
+        });
+
+        [true, false].forEach((joinWithVideo) => {
+            test(
+                `should be able to join a call via incoming call toast (joinWithVideo=${joinWithVideo})`,
+                { tag: ["@screenshot"] },
+                async ({ page, user, bot, room, app }) => {
+                    await app.viewRoomById(room.roomId);
+                    await expect(page.getByText("Bob joined the room")).toBeVisible();
+                    // Fake a start of a call
+                    await sendRTCState(bot, room.roomId, "ring", "video");
+                    const toast = page.locator(".mx_Toast_toast");
+                    const button = toast.getByRole("button", { name: "Join" });
+                    if (joinWithVideo) {
+                        await toast.getByRole("switch").check();
+                    } else {
+                        await toast.getByRole("switch").uncheck();
+                    }
+                    await expect(toast).toMatchScreenshot(
+                        `incoming-call-dm-video-toast-${joinWithVideo ? "checked" : "unchecked"}.png`,
+                        {
+                            // Hide UserId
+                            css: `
+                            .mx_IncomingCallToast_AvatarWithDetails span:nth-child(2) {
+                                opacity: 0;
+                            }
+                        `,
+                        },
+                    );
+
+                    // And test joining
+                    await button.click();
+                    const frameUrlStr = await page.locator("iframe").getAttribute("src");
+                    expect(frameUrlStr).toBeDefined();
+                    const url = new URL(frameUrlStr!);
+                    const hash = new URLSearchParams(url.hash.slice(1));
+                    assertCommonCallParameters(url.searchParams, hash, user, room);
+
+                    expect(hash.get("intent")).toEqual(joinWithVideo ? "join_existing_dm" : "join_existing_dm_voice");
+                    expect(hash.get("skipLobby")).toEqual("true");
+                },
+            );
+        });
+
+        test(
+            `should be able to join a call via incoming voice call toast`,
+            { tag: ["@screenshot"] },
+            async ({ page, user, bot, room, app }) => {
+                await app.viewRoomById(room.roomId);
+                await expect(page.getByText("Bob joined the room")).toBeVisible();
+                // Fake a start of a call
+                await sendRTCState(bot, room.roomId, "ring", "audio");
+                const toast = page.locator(".mx_Toast_toast");
+                const button = toast.getByRole("button", { name: "Join" });
+
+                await expect(toast).toMatchScreenshot(`incoming-call-dm-voice-toast.png`, {
+                    // Hide UserId
+                    css: `
+                        .mx_IncomingCallToast_AvatarWithDetails span:nth-child(2) {
+                            opacity: 0;
+                        }
+                    `,
+                });
+
+                // And test joining
+                await button.click();
+                const frameUrlStr = await page.locator("iframe").getAttribute("src");
+                expect(frameUrlStr).toBeDefined();
+                const url = new URL(frameUrlStr!);
+                const hash = new URLSearchParams(url.hash.slice(1));
+                assertCommonCallParameters(url.searchParams, hash, user, room);
+
+                expect(hash.get("intent")).toEqual("join_existing_dm_voice");
+                expect(hash.get("skipLobby")).toEqual("true");
+            },
+        );
+    });
+
+    test.describe("Video Rooms", () => {
+        test.use({
+            config: {
+                features: {
+                    feature_video_rooms: true,
+                    feature_element_call_video_rooms: true,
+                },
+            },
+        });
+        test("should be able to create and join a video room", async ({ page, user }) => {
+            await page
+                .getByRole("navigation", { name: "Room list" })
+                .getByRole("button", { name: "New conversation" })
+                .click();
+            await page.getByRole("menuitem", { name: "New video room" }).click();
+            await page.getByRole("textbox", { name: "Name" }).fill("Test room");
+            await page.getByRole("button", { name: "Create video room" }).click();
+            await expect(page).toHaveURL(new RegExp(`/#/room/`));
+            const roomId = new URL(page.url()).hash.slice("#/room/".length);
+
+            const frameUrlStr = await page.locator("iframe").getAttribute("src");
+            expect(frameUrlStr).toBeDefined();
+            // Ensure we set the correct parameters for ECall.
+            const url = new URL(frameUrlStr!);
+            const hash = new URLSearchParams(url.hash.slice(1));
+            assertCommonCallParameters(url.searchParams, hash, user, { roomId });
+            expect(hash.get("intent")).toEqual("join_existing");
+            expect(hash.get("skipLobby")).toEqual("false");
+            expect(hash.get("returnToLobby")).toEqual("true");
+        });
+    });
+
+    test.describe("Switching rooms", () => {
+        let charlie: Bot;
+        test.use({
+            room: async ({ page, app, user, homeserver, bot }, use) => {
+                charlie = new Bot(page, homeserver, { displayName: "Charlie" });
+                await charlie.prepareClient();
+                const roomId = await app.client.createRoom({
+                    name: "TestRoom",
+                    invite: [bot.credentials!.userId, charlie.credentials!.userId],
+                });
+                await app.client.createRoom({
+                    name: "OtherRoom",
+                });
+                await use({ roomId });
+            },
+            lockLeftPanelWidth: false,
+        });
+
+        async function openAndJoinCall(page: Page, existing = false) {
+            if (existing) {
+                await page.getByTestId("join-call-button").click();
+            } else {
+                await page.getByRole("button", { name: "Video call" }).click();
+                await page.getByRole("menuitem", { name: "Element Call" }).click();
+            }
+            const iframe = page.locator("iframe");
+            await expect(iframe).toBeVisible();
+            const frameUrlStr = await page.locator("iframe").getAttribute("src");
+            const callFrame = page.frame({ url: frameUrlStr! })!;
+            await callFrame.getByRole("button", { name: "Join Call" }).click();
+            await expect(callFrame.getByText("In call", { exact: true })).toBeVisible();
+
+            // Wait for Element Web to pickup the RTC session and update the room list entry.
+            await expect(page.getByTestId("notification-decoration")).toBeVisible();
+        }
+
+        test("should be able to switch rooms and have the call persist", async ({ page, user, room, app }) => {
+            await app.viewRoomById(room.roomId);
+            await expect(page.getByText("Bob and one other were invited and joined")).toBeVisible();
+
+            await openAndJoinCall(page);
+            await app.viewRoomByName("OtherRoom");
+
+            // We should have a PiP container here.
+            await expect(page.locator(".mx_AppTile_persistedWrapper")).toBeVisible();
+        });
+
+        test("should be able to start a call, close it via PiP, and start again in the same room", async ({
+            page,
+            user,
+            room,
+            app,
+        }) => {
+            await app.viewRoomById(room.roomId);
+            await expect(page.getByText("Bob and one other were invited and joined")).toBeVisible();
+
+            await openAndJoinCall(page);
+            await app.viewRoomByName("OtherRoom");
+            const pipContainer = page.getByTestId("widget-pip-container");
+
+            // We should have a PiP container here.
+            await expect(pipContainer).toBeVisible();
+
+            // Leave the call.
+            const fakeWidget = page.locator('iframe[title="Element Call"]').contentFrame();
+
+            // await overlay.hover({ timeout: 2000 }); // Show the call footer.
+            await fakeWidget.getByRole("button", { name: "Close", exact: true }).click();
+
+            // PiP container goes.
+            await expect(pipContainer).not.toBeVisible();
+
+            // Wait for call to stop.
+            await expect(page.getByTestId("notification-decoration")).not.toBeVisible();
+            await app.viewRoomById(room.roomId);
+            await expect(page.getByTestId("join-call-button")).not.toBeVisible();
+
+            // Join the call again.
+            await openAndJoinCall(page);
+        });
+
+        test("should be able to start a call, close it via PiP, and start again in a different room", async ({
+            page,
+            user,
+            room,
+            app,
+        }) => {
+            await app.viewRoomById(room.roomId);
+            await expect(page.getByText("Bob and one other were invited and joined")).toBeVisible();
+
+            await openAndJoinCall(page);
+            await app.viewRoomByName("OtherRoom");
+            const pipContainer = page.getByTestId("widget-pip-container");
+
+            // We should have a PiP container here.
+            await expect(pipContainer).toBeVisible();
+
+            // Leave the call.
+            const fakeWidget = page.locator('iframe[title="Element Call"]').contentFrame();
+            await fakeWidget.getByRole("button", { name: "Close", exact: true }).click();
+
+            // PiP container goes.
+            await expect(pipContainer).not.toBeVisible();
+
+            // Wait for call to stop.
+            await expect(page.getByTestId("notification-decoration")).not.toBeVisible();
+            await expect(page.getByTestId("join-call-button")).not.toBeVisible();
+
+            // Join the call again, but from the other room.
+            await openAndJoinCall(page);
+        });
+
+        // For https://github.com/element-hq/element-web/issues/30838
+        test("should be able to join a call, leave via PiP, and rejoin the call", async ({
+            page,
+            user,
+            room,
+            app,
+            bot,
+        }) => {
+            await app.viewRoomById(room.roomId);
+            await expect(page.getByText("Bob and one other were invited and joined")).toBeVisible();
+            await app.client.setPowerLevel(room.roomId, bot.credentials!.userId, 50);
+
+            await sendRTCState(bot, room.roomId);
+            await openAndJoinCall(page, true);
+
+            await app.viewRoomByName("OtherRoom");
+            const pipContainer = page.getByTestId("widget-pip-container");
+
+            // We should have a PiP container here.
+            await expect(pipContainer).toBeVisible();
+
+            // Leave the call.
+            const fakeWidget = page.locator('iframe[title="Element Call"]').contentFrame();
+
+            // await overlay.hover({ timeout: 2000 }); // Show the call footer.
+            await fakeWidget.getByRole("button", { name: "Close", exact: true }).click();
+
+            // PiP container goes.
+            await expect(pipContainer).not.toBeVisible();
+
+            // Rejoin the call
+            await app.viewRoomById(room.roomId);
+            await openAndJoinCall(page, true);
+        });
+    });
+
+    test.describe("Widget leak bug reproduction", { tag: ["@no-firefox", "@no-webkit"] }, () => {
+        test.skip(isDendrite, "No need to test on other HS, this is a client bug reproduction");
+        test.use({
+            config: {
+                features: {
+                    feature_video_rooms: true,
+                    feature_element_call_video_rooms: true,
+                },
+            },
+        });
+
+        const fakeCallClientSend = readSampleFile("fake-element-call-with-send.html");
+
+        let charlie: Bot;
+        test.use({
+            room: async ({ page, app, user, homeserver, bot }, use) => {
+                charlie = new Bot(page, homeserver, { displayName: "Charlie" });
+                await charlie.prepareClient();
+                const roomId = await app.client.createRoom({
+                    name: "VideoRoom",
+                    invite: [bot.credentials!.userId, charlie.credentials!.userId],
+                    creation_content: {
+                        type: "org.matrix.msc3417.call",
+                    },
+                });
+                await app.client.createRoom({
+                    name: "OtherRoom",
+                });
+                await use({ roomId });
+            },
+        });
+
+        test.beforeEach(async ({ page, user, app }) => {
+            // use a specific widget to reproduce the bug.
+            // Mock a widget page. We use a fake version of Element Call here.
+            // We should match on things after .html as these widgets get a ton of extra params.
+            await page.route(/\/widget-with-send.html.+/, async (route) => {
+                await route.fulfill({
+                    status: 200,
+                    // Do enough to
+                    body: (await fakeCallClientSend).replace("widgetCodeHere", await widgetApi),
+                });
+            });
+            await app.settings.setValue(
+                "Developer.elementCallUrl",
+                null,
+                SettingLevel.DEVICE,
+                new URL("/widget-with-send.html#", page.url()).toString(),
+            );
+        });
+
+        test("Switching rooms should not leak widgets", async ({ page, user, room, app }) => {
+            await app.viewRoomByName("VideoRoom");
+
+            await expect(page.getByRole("heading", { name: "Approve widget permissions" })).toBeVisible();
+            // approve
+            await page.getByTestId("dialog-primary-button").click();
+
+            // Switch back and forth a few times to trigger the bug.
+
+            await app.viewRoomByName("OtherRoom");
+            await app.viewRoomByName("VideoRoom");
+            await app.viewRoomByName("OtherRoom");
+            await app.viewRoomByName("VideoRoom");
+
+            // 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"]')
+                .contentFrame()
+                .getByRole("button", { name: "Send Room Message" })
+                .click();
+
+            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/apps/web/playwright/e2e/voip/pstn.spec.ts b/apps/web/playwright/e2e/voip/pstn.spec.ts
new file mode 100644
index 00000000000..8ed53d497f4
--- /dev/null
+++ b/apps/web/playwright/e2e/voip/pstn.spec.ts
@@ -0,0 +1,34 @@
+/*
+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 { assertNoToasts, rejectToast } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../element-web-test";
+
+test.describe("PSTN", () => {
+    test.beforeEach(async ({ page }) => {
+        // Mock the third party protocols endpoint to look like the HS has PSTN support
+        await page.route("**/_matrix/client/v3/thirdparty/protocols", async (route) => {
+            await route.fulfill({
+                status: 200,
+                json: {
+                    "im.vector.protocol.pstn": {},
+                },
+            });
+        });
+    });
+
+    test("should render dialpad as expected", { tag: "@screenshot" }, async ({ page, user }) => {
+        await rejectToast(page, "Verify this device");
+        await rejectToast(page, "Notifications");
+        await assertNoToasts(page);
+
+        await expect(page.getByTestId("room-list-search")).toMatchScreenshot("dialpad-trigger.png");
+        await page.getByLabel("Open dial pad").click();
+        await expect(page.locator(".mx_Dialog")).toMatchScreenshot("dialpad.png");
+    });
+});
diff --git a/apps/web/playwright/e2e/widgets/events.spec.ts b/apps/web/playwright/e2e/widgets/events.spec.ts
new file mode 100644
index 00000000000..cbb942cfd0e
--- /dev/null
+++ b/apps/web/playwright/e2e/widgets/events.spec.ts
@@ -0,0 +1,168 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2022 Mikhail Aheichyk
+Copyright 2022 Nordeck IT + Consulting GmbH.
+
+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 } from "../../element-web-test";
+import { waitForRoom } from "../utils";
+
+const DEMO_WIDGET_ID = "demo-widget-id";
+const DEMO_WIDGET_NAME = "Demo Widget";
+const DEMO_WIDGET_TYPE = "demo";
+const ROOM_NAME = "Demo";
+
+const DEMO_WIDGET_HTML = `
+    <html lang="en">
+        <head>
+            <title>Demo Widget</title>
+            <script>
+                let sendEventCount = 0
+                window.onmessage = ev => {
+                    if (ev.data.action === 'capabilities') {
+                        window.parent.postMessage(Object.assign({
+                            response: {
+                                capabilities: [
+                                    "org.matrix.msc2762.timeline:*",
+                                    "org.matrix.msc2762.receive.state_event:m.room.topic",
+                                    "org.matrix.msc2762.send.event:net.widget_echo"
+                                ]
+                            },
+                        }, ev.data), '*');
+                    } else if (ev.data.action === 'send_event' && !ev.data.response) {
+                        // wraps received event into 'net.widget_echo' and sends back
+                        sendEventCount += 1
+                        window.parent.postMessage({
+                            api: "fromWidget",
+                            widgetId: ev.data.widgetId,
+                            requestId: 'widget-' + sendEventCount,
+                            action: "send_event",
+                            data: {
+                                type: 'net.widget_echo',
+                                content: ev.data.data // sets matrix event to the content returned
+                            },
+                        }, '*')
+                    }
+                };
+            </script>
+        </head>
+        <body>
+            <button id="demo">Demo</button>
+        </body>
+    </html>
+`;
+
+test.describe("Widget Events", () => {
+    test.use({
+        displayName: "Mike",
+        botCreateOpts: { displayName: "Bot", autoAcceptInvites: true },
+    });
+
+    let demoWidgetUrl: string;
+    test.beforeEach(async ({ webserver }) => {
+        demoWidgetUrl = webserver.start(DEMO_WIDGET_HTML);
+    });
+
+    test("should be updated if user is re-invited into the room with updated state event", async ({
+        page,
+        app,
+        user,
+        bot,
+    }) => {
+        const roomId = await app.client.createRoom({
+            name: ROOM_NAME,
+            invite: [bot.credentials!.userId],
+        });
+
+        // setup widget via state event
+        await app.client.sendStateEvent(
+            roomId,
+            "im.vector.modular.widgets",
+            {
+                id: DEMO_WIDGET_ID,
+                creatorUserId: "somebody",
+                type: DEMO_WIDGET_TYPE,
+                name: DEMO_WIDGET_NAME,
+                url: demoWidgetUrl,
+            },
+            DEMO_WIDGET_ID,
+        );
+
+        // set initial layout
+        await app.client.sendStateEvent(
+            roomId,
+            "io.element.widgets.layout",
+            {
+                widgets: {
+                    [DEMO_WIDGET_ID]: {
+                        container: "top",
+                        index: 1,
+                        width: 100,
+                        height: 0,
+                    },
+                },
+            },
+            "",
+        );
+
+        // open the room
+        await app.viewRoomByName(ROOM_NAME);
+
+        // approve capabilities
+        await page.locator(".mx_WidgetCapabilitiesPromptDialog").getByRole("button", { name: "Approve" }).click();
+
+        // bot creates a new room with 'm.room.topic'
+        const roomNew = await bot.createRoom({
+            name: "New room",
+            initial_state: [
+                {
+                    type: "m.room.topic",
+                    state_key: "",
+                    content: {
+                        topic: "topic initial",
+                    },
+                },
+            ],
+        });
+
+        await bot.inviteUser(roomNew, user.userId);
+
+        // widget should receive 'm.room.topic' event after invite
+        await waitForRoom(page, app.client, roomId, (room) => {
+            const events = room.getLiveTimeline().getEvents();
+            return events.some(
+                (e) =>
+                    e.getType() === "net.widget_echo" &&
+                    e.getContent().type === "m.room.topic" &&
+                    e.getContent().content.topic === "topic initial",
+            );
+        });
+
+        // update the topic
+        await bot.sendStateEvent(
+            roomNew,
+            "m.room.topic",
+            {
+                topic: "topic updated",
+            },
+            "",
+        );
+
+        await bot.inviteUser(roomNew, user.userId);
+
+        // widget should receive updated 'm.room.topic' event after re-invite
+        await waitForRoom(page, app.client, roomId, (room) => {
+            const events = room.getLiveTimeline().getEvents();
+            return events.some(
+                (e) =>
+                    e.getType() === "net.widget_echo" &&
+                    e.getContent().type === "m.room.topic" &&
+                    e.getContent().content.topic === "topic updated",
+            );
+        });
+    });
+});
diff --git a/apps/web/playwright/e2e/widgets/jitsi.spec.ts b/apps/web/playwright/e2e/widgets/jitsi.spec.ts
new file mode 100644
index 00000000000..406d7eac339
--- /dev/null
+++ b/apps/web/playwright/e2e/widgets/jitsi.spec.ts
@@ -0,0 +1,51 @@
+/*
+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 { test as base, expect } from "../../element-web-test";
+import { Bot } from "../../pages/bot";
+
+const ROOM_NAME = "Jitsi Room";
+
+const test = base.extend<{
+    bot1: Bot;
+    bot2: Bot;
+}>({
+    bot2: async ({ page, homeserver }, use, testInfo) => {
+        const bot = new Bot(page, homeserver, { displayName: `ByteBot_${testInfo.testId}` });
+        await bot.prepareClient(); // eagerly register the bot
+        await use(bot);
+    },
+});
+
+test.describe("Jitsi Calls", () => {
+    test.use({
+        displayName: "Jimmy",
+        botCreateOpts: { displayName: "Bot", autoAcceptInvites: false },
+    });
+
+    test("should be able to pop out a jitsi widget", async ({ page, app, bot, bot2, context }) => {
+        const roomId = await app.client.createRoom({
+            name: ROOM_NAME,
+            invite: [bot.credentials!.userId, bot2.credentials!.userId],
+        });
+
+        await bot.joinRoom(roomId);
+        await bot2.joinRoom(roomId);
+
+        // open the room
+        await app.viewRoomByName(ROOM_NAME);
+
+        await page.getByRole("button", { name: "Video call" }).click();
+
+        const pagePromise = context.waitForEvent("page");
+
+        await page.getByRole("button", { name: "Popout widget" }).click();
+
+        const newPage = await pagePromise;
+        await expect(newPage.getByRole("button", { name: "Join Conference" })).toBeVisible();
+    });
+});
diff --git a/apps/web/playwright/e2e/widgets/layout.spec.ts b/apps/web/playwright/e2e/widgets/layout.spec.ts
new file mode 100644
index 00000000000..d58beb93909
--- /dev/null
+++ b/apps/web/playwright/e2e/widgets/layout.spec.ts
@@ -0,0 +1,111 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2022 Oliver Sand
+Copyright 2022 Nordeck IT + Consulting GmbH.
+
+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";
+
+const ROOM_NAME = "Test Room";
+const WIDGET_ID = "fake-widget";
+const WIDGET_HTML = `
+    <html lang="en">
+        <head>
+            <title>Fake Widget</title>
+        </head>
+        <body>
+            Hello World
+        </body>
+    </html>
+`;
+
+test.describe("Widget Layout", () => {
+    test.use({
+        displayName: "Sally",
+    });
+
+    let roomId: string;
+    let widgetUrl: string;
+    test.beforeEach(async ({ webserver, app, user }) => {
+        widgetUrl = webserver.start(WIDGET_HTML);
+
+        roomId = await app.client.createRoom({ name: ROOM_NAME });
+
+        // setup widget via state event
+        await app.client.sendStateEvent(
+            roomId,
+            "im.vector.modular.widgets",
+            {
+                id: WIDGET_ID,
+                creatorUserId: "somebody",
+                type: "widget",
+                name: "widget",
+                url: widgetUrl,
+            },
+            WIDGET_ID,
+        );
+
+        // set initial layout
+        await app.client.sendStateEvent(
+            roomId,
+            "io.element.widgets.layout",
+            {
+                widgets: {
+                    [WIDGET_ID]: {
+                        container: "top",
+                        index: 1,
+                        width: 100,
+                        height: 0,
+                    },
+                },
+            },
+            "",
+        );
+
+        // open the room
+        await app.viewRoomByName(ROOM_NAME);
+    });
+
+    test("should be set properly", { tag: "@screenshot" }, async ({ page }) => {
+        await expect(page.locator(".mx_AppsDrawer")).toMatchScreenshot("apps-drawer.png");
+    });
+
+    test("manually resize the height of the top container layout", async ({ page }) => {
+        const iframe = page.locator('iframe[title="widget"]');
+        expect((await iframe.boundingBox())!.height).toBeLessThan(250);
+
+        await page.locator(".mx_AppsDrawer_resizer_container_handle").hover();
+        await page.mouse.down();
+        await page.mouse.move(0, 550);
+        await page.mouse.up();
+
+        expect((await iframe.boundingBox())!.height).toBeGreaterThan(400);
+    });
+
+    test("programmatically resize the height of the top container layout", async ({ page, app }) => {
+        const iframe = page.locator('iframe[title="widget"]');
+        expect((await iframe.boundingBox())!.height).toBeLessThan(250);
+
+        await app.client.sendStateEvent(
+            roomId,
+            "io.element.widgets.layout",
+            {
+                widgets: {
+                    [WIDGET_ID]: {
+                        container: "top",
+                        index: 1,
+                        width: 100,
+                        height: 500,
+                    },
+                },
+            },
+            "",
+        );
+
+        await expect.poll(async () => (await iframe.boundingBox())!.height).toBeGreaterThan(400);
+    });
+});
diff --git a/apps/web/playwright/e2e/widgets/permissions-dialog.spec.ts b/apps/web/playwright/e2e/widgets/permissions-dialog.spec.ts
new file mode 100644
index 00000000000..fde57b040f1
--- /dev/null
+++ b/apps/web/playwright/e2e/widgets/permissions-dialog.spec.ts
@@ -0,0 +1,98 @@
+/*
+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 { test, expect } from "../../element-web-test";
+
+const DEMO_WIDGET_ID = "demo-widget-id";
+const DEMO_WIDGET_NAME = "Demo Widget";
+const DEMO_WIDGET_TYPE = "demo";
+const ROOM_NAME = "Demo";
+
+const DEMO_WIDGET_HTML = `
+    <html lang="en">
+        <head>
+            <title>Demo Widget</title>
+            <script>
+                let sendEventCount = 0
+                window.onmessage = ev => {
+                    if (ev.data.action === 'capabilities') {
+                        window.parent.postMessage(Object.assign({
+                            response: {
+                                capabilities: [
+                                    "org.matrix.msc2762.timeline:*",
+                                    "org.matrix.msc2762.receive.state_event:m.room.topic",
+                                    "org.matrix.msc2762.send.event:net.widget_echo"
+                                ]
+                            },
+                        }, ev.data), '*');
+                    }
+                };
+            </script>
+        </head>
+    </html>
+`;
+
+test.describe("Widget permissions dialog", () => {
+    test.use({
+        displayName: "Mike",
+    });
+
+    let demoWidgetUrl: string;
+    test.beforeEach(async ({ webserver }) => {
+        demoWidgetUrl = webserver.start(DEMO_WIDGET_HTML);
+    });
+
+    test(
+        "should be updated if user is re-invited into the room with updated state event",
+        { tag: "@screenshot" },
+        async ({ page, app, user, axe }) => {
+            const roomId = await app.client.createRoom({
+                name: ROOM_NAME,
+            });
+
+            // setup widget via state event
+            await app.client.sendStateEvent(
+                roomId,
+                "im.vector.modular.widgets",
+                {
+                    id: DEMO_WIDGET_ID,
+                    creatorUserId: "somebody",
+                    type: DEMO_WIDGET_TYPE,
+                    name: DEMO_WIDGET_NAME,
+                    url: demoWidgetUrl,
+                },
+                DEMO_WIDGET_ID,
+            );
+
+            // set initial layout
+            await app.client.sendStateEvent(
+                roomId,
+                "io.element.widgets.layout",
+                {
+                    widgets: {
+                        [DEMO_WIDGET_ID]: {
+                            container: "top",
+                            index: 1,
+                            width: 100,
+                            height: 0,
+                        },
+                    },
+                },
+                "",
+            );
+
+            // open the room
+            await app.viewRoomByName(ROOM_NAME);
+
+            axe.disableRules(["color-contrast", "nested-interactive"]); // XXX: Inheriting colour contrast issues from room view.
+            await expect(axe).toHaveNoViolations();
+            await expect(page.locator(".mx_WidgetCapabilitiesPromptDialog")).toMatchScreenshot(
+                "widget-capabilites-prompt.png",
+            );
+        },
+    );
+});
diff --git a/apps/web/playwright/e2e/widgets/stickers.spec.ts b/apps/web/playwright/e2e/widgets/stickers.spec.ts
new file mode 100644
index 00000000000..8ae1f4b0fb0
--- /dev/null
+++ b/apps/web/playwright/e2e/widgets/stickers.spec.ts
@@ -0,0 +1,202 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { Page } from "@playwright/test";
+import { test, expect } from "../../element-web-test";
+import { type ElementAppPage } from "../../pages/ElementAppPage";
+import { type Credentials } from "../../plugins/homeserver";
+import type { UserWidget } from "../../../src/utils/WidgetUtils-types.ts";
+import { readSampleFileSync } from "../../sample-files";
+
+const STICKER_PICKER_WIDGET_ID = "fake-sticker-picker";
+const STICKER_PICKER_WIDGET_NAME = "Fake Stickers";
+const STICKER_NAME = "Test Sticker";
+const ROOM_NAME_1 = "Sticker Test";
+const ROOM_NAME_2 = "Sticker Test Two";
+const STICKER_IMAGE = readSampleFileSync("riot.png", null);
+
+function getStickerMessage(contentUri: string, mimetype: string): string {
+    return JSON.stringify({
+        action: "m.sticker",
+        api: "fromWidget",
+        data: {
+            name: "teststicker",
+            description: STICKER_NAME,
+            file: "test.png",
+            content: {
+                body: STICKER_NAME,
+                info: {
+                    h: 480,
+                    mimetype: mimetype,
+                    size: 13818,
+                    w: 480,
+                },
+                msgtype: "m.sticker",
+                url: contentUri,
+            },
+        },
+        requestId: "1",
+        widgetId: STICKER_PICKER_WIDGET_ID,
+    });
+}
+
+function getWidgetHtml(contentUri: string, mimetype: string) {
+    const stickerMessage = getStickerMessage(contentUri, mimetype);
+    return `
+    <html lang="en">
+        <head>
+            <title>Fake Sticker Picker</title>
+            <script>
+                window.onmessage = ev => {
+                    if (ev.data.action === 'capabilities') {
+                        window.parent.postMessage(Object.assign({
+                            response: {
+                                capabilities: ["m.sticker"]
+                            },
+                        }, ev.data), '*');
+                    }
+                };
+            </script>
+        </head>
+        <body>
+            <button name="Send" id="sendsticker">Press for sticker</button>
+            <script>
+                document.getElementById('sendsticker').onclick = () => {
+                    window.parent.postMessage(${stickerMessage}, '*')
+                };
+            </script>
+        </body>
+    </html>
+`;
+}
+async function openStickerPicker(app: ElementAppPage) {
+    const options = await app.openMessageComposerOptions();
+    await options.getByRole("menuitem", { name: "Sticker" }).click();
+}
+
+async function sendStickerFromPicker(page: Page) {
+    const iframe = page.frameLocator(`iframe[title="${STICKER_PICKER_WIDGET_NAME}"]`);
+    await iframe.locator("#sendsticker").click();
+
+    // Sticker picker should close itself after sending.
+    await expect(page.locator(".mx_AppTileFullWidth#stickers")).not.toBeVisible();
+}
+
+async function expectTimelineSticker(page: Page, serverName: string, roomId: string, contentUri: string) {
+    const contentId = contentUri.split("/").slice(-1)[0];
+    // Make sure it's in the right room
+    await expect(page.locator(".mx_EventTile_sticker > a")).toHaveAttribute("href", new RegExp(`/${roomId}/`));
+
+    // Make sure the image points at the sticker image. We will briefly show it
+    // using the thumbnail URL, but as soon as that fails, we will switch to the
+    // download URL.
+    await expect(page.locator(`img[alt="${STICKER_NAME}"]`)).toHaveAttribute(
+        "src",
+        new RegExp(`/${serverName}/${contentId}`),
+    );
+}
+
+async function expectFileTile(page: Page, roomId: string, contentUri: string) {
+    await expect(page.locator(".mx_MFileBody [data-type='info']")).toContainText(STICKER_NAME);
+}
+
+async function setWidgetAccountData(
+    app: ElementAppPage,
+    user: Credentials,
+    stickerPickerUrl: string,
+    provideCreatorUserId: boolean = true,
+) {
+    await app.client.setAccountData("m.widgets", {
+        [STICKER_PICKER_WIDGET_ID]: {
+            content: {
+                type: "m.stickerpicker",
+                name: STICKER_PICKER_WIDGET_NAME,
+                url: stickerPickerUrl,
+                creatorUserId: provideCreatorUserId ? user.userId : undefined,
+            },
+            sender: user.userId,
+            state_key: STICKER_PICKER_WIDGET_ID,
+            type: "m.widget",
+            id: STICKER_PICKER_WIDGET_ID,
+        } as unknown as UserWidget,
+    });
+}
+
+test.describe("Stickers", { tag: ["@no-firefox", "@no-webkit"] }, () => {
+    test.use({
+        displayName: "Sally",
+        room: async ({ app }, use) => {
+            const roomId = await app.client.createRoom({ name: ROOM_NAME_1 });
+            await use({ roomId });
+        },
+    });
+
+    // We spin up a web server for the sticker picker so that we're not testing to see if
+    // sysadmins can deploy sticker pickers on the same Element domain - we actually want
+    // to make sure that cross-origin postMessage works properly. This makes it difficult
+    // to write the test though, as we have to juggle iframe logistics.
+    //
+    // See sendStickerFromPicker() for more detail on iframe comms.
+    let stickerPickerUrl: string;
+
+    test("should send a sticker to multiple rooms", async ({ webserver, page, app, user, room }) => {
+        const roomId2 = await app.client.createRoom({ name: ROOM_NAME_2 });
+        const { content_uri: contentUri } = await app.client.uploadContent(STICKER_IMAGE, { type: "image/png" });
+        const widgetHtml = getWidgetHtml(contentUri, "image/png");
+        stickerPickerUrl = webserver.start(widgetHtml);
+        await setWidgetAccountData(app, user, stickerPickerUrl);
+
+        await app.viewRoomByName(ROOM_NAME_1);
+        await expect(page).toHaveURL(`/#/room/${room.roomId}`);
+        await openStickerPicker(app);
+        await sendStickerFromPicker(page);
+        await expectTimelineSticker(page, user.homeServer, room.roomId, contentUri);
+
+        // Ensure that when we switch to a different room that the sticker
+        // goes to the right place
+        await app.viewRoomByName(ROOM_NAME_2);
+        await expect(page).toHaveURL(`/#/room/${roomId2}`);
+        await openStickerPicker(app);
+        await sendStickerFromPicker(page);
+        await expectTimelineSticker(page, user.homeServer, roomId2, contentUri);
+    });
+
+    test("should handle a sticker picker widget missing creatorUserId", async ({
+        webserver,
+        page,
+        app,
+        user,
+        room,
+    }) => {
+        const { content_uri: contentUri } = await app.client.uploadContent(STICKER_IMAGE, { type: "image/png" });
+        const widgetHtml = getWidgetHtml(contentUri, "image/png");
+        stickerPickerUrl = webserver.start(widgetHtml);
+        await setWidgetAccountData(app, user, stickerPickerUrl, false);
+
+        await app.viewRoomByName(ROOM_NAME_1);
+        await expect(page).toHaveURL(`/#/room/${room.roomId}`);
+        await openStickerPicker(app);
+        await sendStickerFromPicker(page);
+        await expectTimelineSticker(page, user.homeServer, room.roomId, contentUri);
+    });
+
+    test("should render invalid mimetype as a file", async ({ webserver, page, app, user, room }) => {
+        const { content_uri: contentUri } = await app.client.uploadContent(STICKER_IMAGE, {
+            type: "application/octet-stream",
+        });
+        const widgetHtml = getWidgetHtml(contentUri, "application/octet-stream");
+        stickerPickerUrl = webserver.start(widgetHtml);
+        await setWidgetAccountData(app, user, stickerPickerUrl);
+
+        await app.viewRoomByName(ROOM_NAME_1);
+        await expect(page).toHaveURL(`/#/room/${room.roomId}`);
+        await openStickerPicker(app);
+        await sendStickerFromPicker(page);
+        await expectFileTile(page, room.roomId, contentUri);
+    });
+});
diff --git a/apps/web/playwright/e2e/widgets/widget-pip-close.spec.ts b/apps/web/playwright/e2e/widgets/widget-pip-close.spec.ts
new file mode 100644
index 00000000000..17780b81c2a
--- /dev/null
+++ b/apps/web/playwright/e2e/widgets/widget-pip-close.spec.ts
@@ -0,0 +1,161 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2022 Mikhail Aheichyk
+Copyright 2022 Nordeck IT + Consulting GmbH.
+
+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 { IWidget } from "matrix-widget-api/src/interfaces/IWidget";
+import type { MatrixEvent, RoomStateEvent } from "matrix-js-sdk/src/matrix";
+import { test, expect } from "../../element-web-test";
+import { type Client } from "../../pages/client";
+
+const DEMO_WIDGET_ID = "demo-widget-id";
+const DEMO_WIDGET_NAME = "Demo Widget";
+const DEMO_WIDGET_TYPE = "demo";
+const ROOM_NAME = "Demo";
+
+const DEMO_WIDGET_HTML = `
+    <html lang="en">
+        <head>
+            <title>Demo Widget</title>
+            <script>
+                window.onmessage = ev => {
+                    if (ev.data.action === 'capabilities') {
+                        window.parent.postMessage(Object.assign({
+                            response: {
+                                capabilities: []
+                            },
+                        }, ev.data), '*');
+                    }
+                };
+            </script>
+        </head>
+        <body>
+            <button id="demo">Demo</button>
+        </body>
+    </html>
+`;
+
+// mostly copied from src/utils/WidgetUtils.waitForRoomWidget with small modifications
+async function waitForRoomWidget(client: Client, widgetId: string, roomId: string, add: boolean): Promise<void> {
+    await client.evaluate(
+        (matrixClient, { widgetId, roomId, add }) => {
+            return new Promise<void>((resolve, reject) => {
+                function eventsInIntendedState(evList: MatrixEvent[]) {
+                    const widgetPresent = evList.some((ev) => {
+                        return ev.getContent() && ev.getContent()["id"] === widgetId;
+                    });
+                    if (add) {
+                        return widgetPresent;
+                    } else {
+                        return !widgetPresent;
+                    }
+                }
+
+                const room = matrixClient.getRoom(roomId)!;
+
+                const startingWidgetEvents = room.currentState.getStateEvents("im.vector.modular.widgets");
+                if (eventsInIntendedState(startingWidgetEvents)) {
+                    resolve();
+                    return;
+                }
+
+                function onRoomStateEvents(ev: MatrixEvent) {
+                    if (ev.getRoomId() !== roomId || ev.getType() !== "im.vector.modular.widgets") return;
+
+                    const currentWidgetEvents = room.currentState.getStateEvents("im.vector.modular.widgets");
+
+                    if (eventsInIntendedState(currentWidgetEvents)) {
+                        matrixClient.removeListener("RoomState.events" as RoomStateEvent.Events, onRoomStateEvents);
+                        resolve();
+                    }
+                }
+
+                matrixClient.on("RoomState.events" as RoomStateEvent.Events, onRoomStateEvents);
+            });
+        },
+        { widgetId, roomId, add },
+    );
+}
+
+test.describe("Widget PIP", () => {
+    test.use({
+        displayName: "Mike",
+        botCreateOpts: { displayName: "Bot", autoAcceptInvites: false },
+    });
+
+    let demoWidgetUrl: string;
+    test.beforeEach(async ({ webserver }) => {
+        demoWidgetUrl = webserver.start(DEMO_WIDGET_HTML);
+    });
+
+    for (const userRemove of ["leave", "kick", "ban"] as const) {
+        test(`should be closed on ${userRemove}`, async ({ page, app, bot, user }) => {
+            const roomId = await app.client.createRoom({
+                name: ROOM_NAME,
+                invite: [bot.credentials!.userId],
+            });
+
+            // sets bot to Admin and user to Moderator
+            await app.client.sendStateEvent(roomId, "m.room.power_levels", {
+                users: {
+                    [user.userId]: 50,
+                    [bot.credentials!.userId]: 100,
+                },
+            });
+
+            // bot joins the room
+            await bot.joinRoom(roomId);
+
+            // setup widget via state event
+            const content: IWidget = {
+                id: DEMO_WIDGET_ID,
+                creatorUserId: "somebody",
+                type: DEMO_WIDGET_TYPE,
+                name: DEMO_WIDGET_NAME,
+                url: demoWidgetUrl,
+            };
+            await app.client.sendStateEvent(roomId, "im.vector.modular.widgets", content, DEMO_WIDGET_ID);
+
+            // open the room
+            await app.viewRoomByName(ROOM_NAME);
+
+            // wait for widget state event
+            await waitForRoomWidget(app.client, DEMO_WIDGET_ID, roomId, true);
+
+            // activate widget in pip mode
+            await page.evaluate(
+                ({ widgetId, roomId }) => {
+                    window.mxActiveWidgetStore.setWidgetPersistence(widgetId, roomId, true);
+                },
+                {
+                    widgetId: DEMO_WIDGET_ID,
+                    roomId,
+                },
+            );
+
+            // checks that pip window is opened
+            await expect(page.getByTestId("widget-pip-container")).toBeVisible();
+
+            // checks that widget is opened in pip
+            const iframe = page.frameLocator(`iframe[title="${DEMO_WIDGET_NAME}"]`);
+            await expect(iframe.locator("#demo")).toBeVisible();
+
+            const userId = user.userId;
+            if (userRemove == "leave") {
+                await app.client.leave(roomId);
+            } else if (userRemove == "kick") {
+                await bot.kick(roomId, userId);
+            } else if (userRemove == "ban") {
+                await bot.ban(roomId, userId);
+            }
+
+            // checks that pip window is closed
+            await expect(iframe.getByTestId("widget-pip-container")).not.toBeVisible();
+        });
+    }
+});
diff --git a/apps/web/playwright/element-web-test.ts b/apps/web/playwright/element-web-test.ts
new file mode 100644
index 00000000000..d2c47551396
--- /dev/null
+++ b/apps/web/playwright/element-web-test.ts
@@ -0,0 +1,190 @@
+/*
+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 ExpectMatcherState,
+    type MatcherReturnType,
+    type Page,
+    type Locator,
+    type PlaywrightTestArgs,
+    type Fixtures as _Fixtures,
+} from "@playwright/test";
+import {
+    type TestFixtures as BaseTestFixtures,
+    expect as baseExpect,
+    type ToMatchScreenshotOptions,
+} from "@element-hq/element-web-playwright-common";
+
+import { type Credentials } from "./plugins/homeserver";
+import { ElementAppPage } from "./pages/ElementAppPage";
+import { Crypto } from "./pages/crypto";
+import { Bot, type CreateBotOpts } from "./pages/bot";
+import { Webserver } from "./plugins/webserver";
+import { type WorkerOptions, type Services, test as base } from "./services";
+
+// Enable experimental service worker support
+// See https://playwright.dev/docs/service-workers-experimental#how-to-enable
+process.env["PW_EXPERIMENTAL_SERVICE_WORKER_NETWORK_EVENTS"] = "1";
+
+export interface CredentialsWithDisplayName extends Credentials {
+    displayName: string;
+}
+
+export interface TestFixtures extends BaseTestFixtures {
+    /**
+     * The same as {@link https://playwright.dev/docs/api/class-fixtures#fixtures-page|`page`},
+     * but wraps the returned `Page` in a class of utilities for interacting with the Element-Web UI,
+     * {@link ElementAppPage}.
+     */
+    app: ElementAppPage;
+
+    crypto: Crypto;
+    room: { roomId: string };
+    uut: Locator; // Unit Under Test, useful place to refer a prepared locator
+    botCreateOpts: CreateBotOpts;
+    bot: Bot;
+    webserver: Webserver;
+}
+
+type CombinedTestFixtures = PlaywrightTestArgs & TestFixtures;
+export type Fixtures = _Fixtures<CombinedTestFixtures, Services & WorkerOptions, CombinedTestFixtures>;
+export const test = base.extend<TestFixtures>({
+    context: async ({ context }, use, testInfo) => {
+        // We skip tests instead of using grep-invert to still surface the counts in the html report
+        test.skip(
+            testInfo.tags.includes(`@no-${testInfo.project.name.toLowerCase()}`),
+            `Test does not work on ${testInfo.project.name}`,
+        );
+        await use(context);
+    },
+
+    axe: async ({ axe }, use) => {
+        // Exclude floating UI for now
+        axe = axe.exclude("[data-floating-ui-portal]");
+        /**
+         * Bunch of axe violations arise from this separator not being a part of any
+         * aria landmarks.
+         * But fixing this involves restructuring the existing landmarks.
+         * Ignore temporarily until we fix this.
+         */
+        axe = axe.exclude(".mx_Separator");
+        await use(axe);
+    },
+
+    app: async ({ page }, use) => {
+        const app = new ElementAppPage(page);
+        await use(app);
+        await app.cleanup();
+    },
+    crypto: async ({ page, homeserver, request }, use) => {
+        await use(new Crypto(page, homeserver, request));
+    },
+
+    botCreateOpts: {},
+    bot: async ({ page, homeserver, botCreateOpts, user }, use, testInfo) => {
+        const bot = new Bot(page, homeserver, botCreateOpts);
+        await bot.prepareClient(); // eagerly register the bot
+        await use(bot);
+        await bot.onTestFinished(testInfo);
+    },
+
+    webserver: async ({}, use) => {
+        const webserver = new Webserver();
+        await use(webserver);
+        webserver.stop();
+    },
+});
+
+export interface ExtendedToMatchScreenshotOptions extends ToMatchScreenshotOptions {
+    includeDialogBackground?: boolean;
+    showTooltips?: boolean;
+    timeout?: number;
+    hideJumpToBottomButton?: boolean;
+}
+
+type Expectations = {
+    toMatchScreenshot: (
+        this: ExpectMatcherState,
+        receiver: Page | Locator,
+        name: `${string}.png`,
+        options?: ExtendedToMatchScreenshotOptions,
+    ) => Promise<MatcherReturnType>;
+};
+
+export const expect = baseExpect.extend<Expectations>({
+    async toMatchScreenshot(receiver, name, options) {
+        let css = `
+            .mx_MessagePanel_myReadMarker {
+                display: none !important;
+            }
+            .mx_RoomView_MessageList {
+                height: auto !important;
+            }
+            .mx_DisambiguatedProfile_displayName {
+                color: var(--cpd-color-blue-1200) !important;
+            }
+            .mx_BaseAvatar {
+                background-color: var(--cpd-color-fuchsia-1200) !important;
+                border-color: var(--cpd-color-fuchsia-1200) !important;
+                color: white !important;
+            }
+            span.mx_Pill:not([style*="--avatar-letter: ''"])::before {
+                background: var(--cpd-color-fuchsia-1200) !important;
+                color: white !important;
+            }
+            .mx_ReplyChain {
+                border-left-color: var(--cpd-color-blue-1200) !important;
+            }
+            /* Avoid flakiness from hover styling */
+            .mx_ReplyChain_show {
+                color: var(--cpd-color-text-secondary) !important;
+            }
+            /* Use monospace font for timestamp for consistent mask width */
+            .mx_MessageTimestamp {
+                font-family: "Fira Code" !important;
+            }
+        `;
+
+        if (!options?.showTooltips) {
+            css += `
+                [data-floating-ui-portal],
+                [role="tooltip"] {
+                    visibility: hidden !important;
+                }
+            `;
+        }
+
+        if (!options?.includeDialogBackground) {
+            css += `
+                /* Make the dialog backdrop solid so any dialog screenshots don't show any components behind them */
+                .mx_Dialog_background {
+                    background-color: #030c1b !important;
+                }
+            `;
+        }
+
+        if (options?.hideJumpToBottomButton) {
+            css += `
+                .mx_JumpToBottomButton {
+                    display: none !important;
+                }
+            `;
+        }
+
+        if (options?.css) {
+            css += options.css;
+        }
+
+        await baseExpect(receiver).toMatchScreenshotDontOverride(name, {
+            ...options,
+            css,
+        });
+
+        return { pass: true, message: () => "", name: "toMatchScreenshot" };
+    },
+});
diff --git a/apps/web/playwright/global.d.ts b/apps/web/playwright/global.d.ts
new file mode 100644
index 00000000000..30875bd5778
--- /dev/null
+++ b/apps/web/playwright/global.d.ts
@@ -0,0 +1,32 @@
+/*
+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 * as Matrix from "matrix-js-sdk/src/matrix";
+import { type SettingLevel } from "../src/settings/SettingLevel";
+
+declare global {
+    interface Window {
+        mxMatrixClientPeg: {
+            get(): Matrix.MatrixClient;
+        };
+        mxSettingsStore: {
+            setValue(settingName: string, roomId: string | null, level: SettingLevel, value: any): Promise<void>;
+        };
+        mxActiveWidgetStore: {
+            setWidgetPersistence(widgetId: string, roomId: string | null, val: boolean): void;
+        };
+        matrixcs: typeof Matrix;
+    }
+}
+
+// Workaround for lack of strict mode not resolving complex types correctly
+declare module "matrix-js-sdk/src/http-api/index.ts" {
+    interface UploadResponse {
+        json(): Promise<object>;
+    }
+}
diff --git a/apps/web/playwright/pages/ElementAppPage.ts b/apps/web/playwright/pages/ElementAppPage.ts
new file mode 100644
index 00000000000..3618f0ffc36
--- /dev/null
+++ b/apps/web/playwright/pages/ElementAppPage.ts
@@ -0,0 +1,423 @@
+/*
+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 Locator, type Page, expect } from "@playwright/test";
+import { readFile } from "node:fs/promises";
+import path from "node:path";
+import { rejectToast, rejectToastIfExists } from "@element-hq/element-web-playwright-common";
+
+import { Settings } from "./settings";
+import { Client } from "./client";
+import { Timeline } from "./timeline";
+import { Spotlight } from "./Spotlight";
+
+/**
+ * A set of utility methods for interacting with the Element-Web UI.
+ */
+export class ElementAppPage {
+    public constructor(public readonly page: Page) {}
+
+    // We create these lazily on first access to avoid calling setup code which might cause conflicts,
+    // e.g. the network routing code in the client subfixture.
+    private _settings?: Settings;
+    public get settings(): Settings {
+        if (!this._settings) this._settings = new Settings(this.page);
+        return this._settings;
+    }
+    private _client?: Client;
+    public get client(): Client {
+        if (!this._client) this._client = new Client(this.page);
+        return this._client;
+    }
+    private _timeline?: Timeline;
+    public get timeline(): Timeline {
+        if (!this._timeline) this._timeline = new Timeline(this.page);
+        return this._timeline;
+    }
+
+    public async cleanup() {
+        await this._client?.cleanup();
+    }
+
+    /**
+     * Open the top left user menu, returning a Locator to the resulting context menu.
+     */
+    public async openUserMenu(): Promise<Locator> {
+        return this.settings.openUserMenu();
+    }
+
+    /**
+     * Open room creation dialog.
+     */
+
+    public async openCreateRoomDialog(roomKindname: "New room" | "New video room" = "New room"): Promise<Locator> {
+        await this.page
+            .getByRole("navigation", { name: "Room list" })
+            .getByRole("button", { name: "New conversation" })
+            .click();
+        await this.page.getByRole("menuitem", { name: roomKindname }).click();
+        return this.page.locator(".mx_CreateRoomDialog");
+    }
+
+    /**
+     * Close dialog currently open dialog
+     */
+    public async closeDialog(): Promise<void> {
+        return this.settings.closeDialog();
+    }
+
+    public async getClipboard(): Promise<string> {
+        return await this.page.evaluate(() => navigator.clipboard.readText());
+    }
+
+    /**
+     * Get the room ID from the current URL.
+     *
+     * @returns The room ID.
+     * @throws if the current URL does not contain a room ID.
+     */
+    public async getCurrentRoomIdFromUrl(): Promise<string> {
+        const urlHash = await this.page.evaluate(() => window.location.hash);
+        if (!urlHash.startsWith("#/room/")) {
+            throw new Error("URL hash suggests we are not in a room");
+        }
+        return urlHash.replace("#/room/", "");
+    }
+
+    /**
+     * Opens the given room by name. The room must be visible in the
+     * room list and the room may contain unread messages.
+     *
+     * @param name The exact room name to find and click on/open.
+     */
+    public async viewRoomByName(name: string): Promise<void> {
+        // Expand the left panel if necessary
+        const separator = this.page.getByRole("separator", { name: "Click or drag to expand" });
+        const type = await separator.getAttribute("data-separator-type");
+        if (type === "bar") {
+            await separator.click();
+        }
+
+        // Make sure the room list is actually present before we try closing toasts,
+        // otherwise we may race with page loading
+        await this.page.getByTestId("room-list").waitFor();
+
+        const dismissToasts = async (): Promise<void> => {
+            await rejectToastIfExists(this.page, "Verify this device", { timeout: 50 });
+            const keyStorageToastRejected = await rejectToastIfExists(this.page, "Turn on key storage", {
+                timeout: 50,
+            });
+            if (keyStorageToastRejected) {
+                await this.page.getByRole("button", { name: "Yes, dismiss" }).click();
+            }
+            await rejectToastIfExists(this.page, "Notifications", { timeout: 50 });
+        };
+
+        await dismissToasts();
+
+        // We get the room list by test-id which is a listbox and matching title=name.
+        // Retry, closing toasts each time, as otherwise it can race and the toast can appear after we try to close them
+        const roomTile = this.page.getByTestId("room-list").locator(`[title="${name}"]`).first();
+        for (let attemptsLeft = 10; attemptsLeft > 0; attemptsLeft--) {
+            try {
+                await roomTile.click({ timeout: 500 });
+                return;
+            } catch (e) {
+                if (attemptsLeft === 1) throw e;
+                await dismissToasts();
+            }
+        }
+    }
+
+    public async viewRoomById(roomId: string): Promise<void> {
+        await this.page.goto(`/#/room/${roomId}`);
+    }
+
+    /**
+     * Get the composer element
+     * @param isRightPanel whether to select the right panel composer, otherwise the main timeline composer
+     */
+    public getComposer(isRightPanel?: boolean): Locator {
+        const panelClass = isRightPanel ? ".mx_RightPanel" : ".mx_RoomView_body";
+        return this.page.locator(`${panelClass} .mx_MessageComposer`);
+    }
+
+    /**
+     * Get the composer input field
+     * @param isRightPanel whether to select the right panel composer, otherwise the main timeline composer
+     */
+    public getComposerField(isRightPanel?: boolean): Locator {
+        return this.getComposer(isRightPanel).locator("div[contenteditable]");
+    }
+
+    /**
+     * Open the message composer kebab menu
+     * @param isRightPanel whether to select the right panel composer, otherwise the main timeline composer
+     */
+    public async openMessageComposerOptions(isRightPanel?: boolean): Promise<Locator> {
+        const composer = this.getComposer(isRightPanel);
+        await composer.getByRole("button", { name: "More options", exact: true }).click();
+        return this.page.getByRole("menu");
+    }
+
+    /**
+     * Sets the files on the composers file input, causing it to open the file
+     * upload dialog.
+     * @param location Should the main room input or the thread view input be used.
+     */
+    public setComposerInputFiles(
+        location: "room" | "thread",
+        ...params: Parameters<Locator["setInputFiles"]>
+    ): ReturnType<Locator["setInputFiles"]> {
+        const input = this.page
+            .locator(location === "room" ? ".mx_RoomView_body" : ".mx_RightPanel")
+            .getByTestId("room-upload-context-input");
+        return input.setInputFiles(...params);
+    }
+
+    /**
+     * Sets the files on the composers file input, causing it to open the file
+     * upload dialog, and then automaticlly submits the dialog that pops up which
+     * causes the file to be uploaded.
+     * @param location Should the main room input or the thread view input be used.
+     */
+    public async composerUploadFiles(
+        location: "room" | "thread",
+        ...params: Parameters<Locator["setInputFiles"]>
+    ): Promise<void> {
+        await this.setComposerInputFiles(location, ...params);
+        await this.page.locator(".mx_Dialog").getByRole("button", { name: "Upload" }).click();
+    }
+
+    /**
+     * Drags a "file" into the specified composer and automatically uploads it.
+     * @param location Should the drop target the main room or the thread.
+     * @param samplePath The path to the sample file so it can be read.
+     * @param type The mimetype of the file.
+     */
+    public async composerDragAndUploadFiles(
+        location: "room" | "thread",
+        samplePath: string,
+        type: string,
+    ): Promise<void> {
+        // Based on https://github.com/microsoft/playwright/issues/10667#issuecomment-2742123424
+        // This read a file, encodes it into base64 and then sends it along to the page to be treated
+        // as a DataTransfer (the mechanism for drag and dropped files).
+        const buffer = await readFile(samplePath);
+        const name = path.basename(samplePath);
+
+        const dataTransfer = await this.page.evaluateHandle(
+            async ([buffer, name, type]) => {
+                const dt = new DataTransfer();
+                const file = new File([Uint8Array.fromBase64!(buffer)], name, {
+                    type,
+                });
+                dt.items.add(file);
+                return dt;
+            },
+            [buffer.toString("base64"), name, type],
+        );
+        await this.page.dispatchEvent(location === "room" ? ".mx_RoomView_body" : ".mx_ThreadPanel", "drop", {
+            dataTransfer,
+        });
+        await this.page.locator(".mx_Dialog").getByRole("button", { name: "Upload" }).click();
+    }
+
+    /**
+     * Paste a "file" into the specified locator and automatically uploads it.
+     * @param location Should the drop target the main room or the thread.
+     * @param samplePath The path to the sample file so it can be read.
+     * @param type The mimetype of the file.
+     */
+    public async composerDragAndPasteFile(
+        location: "room" | "thread",
+        samplePath: string,
+        type: string,
+    ): Promise<void> {
+        // Based on https://github.com/microsoft/playwright/issues/10667#issuecomment-2742123424
+        // This read a file, encodes it into base64 and then sends it along to the page to be treated
+        // as a DataTransfer (the mechanism for drag and dropped files).
+        const buffer = await readFile(samplePath);
+        const name = path.basename(samplePath);
+        const composer = this.getComposerField(location === "thread");
+
+        await composer.evaluate(
+            async (element, [buffer, name, type]) => {
+                const clipboardData = new DataTransfer();
+                const file = new File([Uint8Array.fromBase64!(buffer)], name, {
+                    type,
+                });
+                clipboardData.items.add(file);
+                element.dispatchEvent(
+                    new ClipboardEvent("paste", {
+                        clipboardData,
+                        bubbles: true,
+                        cancelable: true,
+                    }),
+                );
+            },
+            [buffer.toString("base64"), name, type],
+        );
+        await this.page.locator(".mx_Dialog").getByRole("button", { name: "Upload" }).click();
+    }
+
+    /**
+     * Returns the space panel space button based on a name. The space
+     * must be visible in the space panel
+     * @param name The space name to find
+     */
+    public async getSpacePanelButton(name: string): Promise<Locator> {
+        const button = this.page.getByRole("button", { name: name });
+        await expect(button).toHaveClass(/mx_SpaceButton/);
+        return button;
+    }
+
+    /**
+     * Opens the given space home by name. The space must be visible in
+     * the space list.
+     * @param name The space name to find and click on/open.
+     */
+    public async viewSpaceHomeByName(name: string): Promise<void> {
+        const button = await this.getSpacePanelButton(name);
+        return button.dblclick();
+    }
+
+    /**
+     * Opens the given space by name. The space must be visible in the
+     * space list.
+     * @param name The space name to find and click on/open.
+     */
+    public async viewSpaceByName(name: string): Promise<void> {
+        const button = await this.getSpacePanelButton(name);
+        return button.click();
+    }
+
+    public async openSpotlight(): Promise<Spotlight> {
+        const spotlight = new Spotlight(this.page);
+        await spotlight.open();
+        return spotlight;
+    }
+
+    /**
+     * Opens/closes the room info panel
+     * @returns locator to the right panel
+     */
+    public async toggleRoomInfoPanel(): Promise<Locator> {
+        await this.page.getByRole("button", { name: "Room info" }).first().click();
+        return this.page.locator(".mx_RightPanel");
+    }
+
+    /**
+     * Opens the room info panel if it is not already open.
+     *
+     * TODO: fix this so that it works correctly if, say, the member list was open instead of the room info panel.
+     *
+     * @returns locator to the right panel
+     */
+    public async openRoomInfoPanel(): Promise<Locator> {
+        const locator = this.page.getByTestId("right-panel");
+        if (!(await locator.isVisible())) {
+            await this.page.getByRole("button", { name: "Room info" }).first().click();
+        }
+        return locator;
+    }
+
+    /**
+     * Opens/closes the memberlist panel
+     * @returns locator to the memberlist panel
+     */
+    public async toggleMemberlistPanel(): Promise<Locator> {
+        const locator = this.page.locator(".mx_FacePile");
+        await locator.click();
+        const memberlist = this.page.locator(".mx_MemberListView");
+        await memberlist.waitFor();
+        return memberlist;
+    }
+
+    /**
+     * Open the room info panel, and use it to send an invite to the given user.
+     *
+     * @param userId - The user to invite to the room.
+     * @param options - Options object
+     */
+    public async inviteUserToCurrentRoom(
+        userId: string,
+        options?: {
+            /** If true, expect and acknowledge "Confirm inviting new users" page */
+            confirmUnknownUser?: boolean;
+        },
+    ): Promise<void> {
+        const rightPanel = await this.openRoomInfoPanel();
+        await rightPanel.getByRole("menuitem", { name: "Invite" }).click();
+
+        const dialogLocator = this.page.getByRole("dialog");
+        const input = dialogLocator.getByTestId("invite-dialog-input");
+        await input.fill(userId);
+        await input.press("Enter");
+        await dialogLocator.getByRole("button", { name: "Invite" }).click();
+
+        if (options?.confirmUnknownUser) {
+            await expect(
+                dialogLocator.getByRole("heading", { name: "Invite new contacts to this room?" }),
+            ).toBeVisible();
+            await dialogLocator.getByRole("button", { name: "Invite" }).click();
+        }
+    }
+
+    /**
+     * Dismiss the "Turn on key storage" toast and dismiss the confirmation
+     * dialog.
+     *
+     * Note: to dismiss normal toasts, use the {@link rejectToast} function
+     * directly.
+     */
+    public async closeKeyStorageToast() {
+        await rejectToast(this.page, "Turn on key storage");
+        await this.page.getByRole("button", { name: "Yes, dismiss" }).click();
+    }
+
+    /**
+     * Scroll an infinite list to the bottom.
+     * @param list The element to scroll
+     */
+    public async scrollListToBottom(list: Locator): Promise<void> {
+        // First hover the mouse over the element that we want to scroll
+        await list.hover();
+
+        const needsScroll = async () => {
+            // From https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#determine_if_an_element_has_been_totally_scrolled
+            const fullyScrolled = await list.evaluate(
+                (e) => Math.abs(e.scrollHeight - e.clientHeight - e.scrollTop) <= 1,
+            );
+            return !fullyScrolled;
+        };
+
+        // Scroll the element until we detect that it is fully scrolled
+        do {
+            await this.page.mouse.wheel(0, 1000);
+        } while (await needsScroll());
+    }
+
+    /**
+     * Resize the left panel by a given number of pixels.
+     * @param delta The number of pixels to resize by. Negative value makes the panel smaller.
+     */
+    public async resizeLeftPanel(delta: number): Promise<void> {
+        const separator = this.page.getByRole("separator", { name: "Click or drag to expand" });
+        const boundingRectangle = await separator.boundingBox();
+
+        // Place the cursor in the center of the separator
+        const centerX = boundingRectangle!.x + boundingRectangle!.width / 2;
+        await this.page.mouse.move(centerX, boundingRectangle!.y);
+
+        // Drag the cursor by delta pixels
+        await this.page.mouse.down();
+        await this.page.mouse.move(centerX + delta, boundingRectangle!.y);
+        await this.page.mouse.up();
+    }
+}
diff --git a/apps/web/playwright/pages/Spotlight.ts b/apps/web/playwright/pages/Spotlight.ts
new file mode 100644
index 00000000000..4b08d6e3bb2
--- /dev/null
+++ b/apps/web/playwright/pages/Spotlight.ts
@@ -0,0 +1,63 @@
+/*
+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 { Locator, Page } from "@playwright/test";
+import { CommandOrControl } from "../e2e/utils";
+
+export enum Filter {
+    People = "people",
+    PublicRooms = "public_rooms",
+}
+
+export class Spotlight {
+    private root!: Locator;
+
+    constructor(private page: Page) {}
+
+    public async open() {
+        this.root = this.page.locator('[role=dialog][aria-label="Search Dialog"]');
+        const isSpotlightAlreadyOpen = !!(await this.root.count());
+        if (isSpotlightAlreadyOpen) {
+            // Close dialog if it is already open
+            await this.page.keyboard.press(`${CommandOrControl}+KeyK`);
+        }
+        await this.page.keyboard.press(`${CommandOrControl}+KeyK`);
+    }
+
+    public async filter(filter: Filter) {
+        let selector: string;
+        switch (filter) {
+            case Filter.People:
+                selector = "#mx_SpotlightDialog_button_startChat";
+                break;
+            case Filter.PublicRooms:
+                selector = "#mx_SpotlightDialog_button_explorePublicRooms";
+                break;
+            default:
+                selector = ".mx_SpotlightDialog_filter";
+                break;
+        }
+        await this.root.locator(selector).click();
+    }
+
+    public async search(query: string) {
+        await this.searchBox.getByRole("textbox", { name: "Search" }).fill(query);
+    }
+
+    public get searchBox() {
+        return this.root.locator(".mx_SpotlightDialog_searchBox");
+    }
+
+    public get results() {
+        return this.root.locator(".mx_SpotlightDialog_section.mx_SpotlightDialog_results .mx_SpotlightDialog_option");
+    }
+
+    public get dialog() {
+        return this.root;
+    }
+}
diff --git a/apps/web/playwright/pages/bot.ts b/apps/web/playwright/pages/bot.ts
new file mode 100644
index 00000000000..1e5a9bb3c99
--- /dev/null
+++ b/apps/web/playwright/pages/bot.ts
@@ -0,0 +1,281 @@
+/*
+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 JSHandle, type Page, type TestInfo } from "@playwright/test";
+import { uniqueId } from "lodash";
+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 { CryptoCallbacks, GeneratedSecretStorageKey } from "matrix-js-sdk/src/crypto-api";
+import { bootstrapCrossSigningForClient, Client } from "./client";
+
+export interface CredentialsOptionalAccessToken extends Omit<Credentials, "accessToken"> {
+    accessToken?: string;
+}
+
+export interface CreateBotOpts {
+    /**
+     * A prefix to use for the userid. If unspecified, "bot_" will be used.
+     */
+    userIdPrefix?: string;
+    /**
+     * Whether the bot should automatically accept all invites.
+     */
+    autoAcceptInvites?: boolean;
+    /**
+     * The display name to give to that bot user
+     */
+    displayName?: string;
+    /**
+     * Whether to start the syncing client.
+     */
+    startClient?: boolean;
+    /**
+     * Whether to generate cross-signing keys
+     */
+    bootstrapCrossSigning?: boolean;
+    /**
+     * Whether to bootstrap the secret storage
+     */
+    bootstrapSecretStorage?: boolean;
+    /**
+     * Whether to use a passphrase when creating the recovery key
+     */
+    usePassphrase?: boolean;
+}
+
+const defaultCreateBotOptions = {
+    userIdPrefix: "bot_",
+    autoAcceptInvites: true,
+    startClient: true,
+    bootstrapCrossSigning: true,
+    usePassphrase: false,
+} satisfies CreateBotOpts;
+
+type ExtendedMatrixClient = MatrixClient & { __playwright_recovery_key: GeneratedSecretStorageKey };
+
+export class Bot extends Client {
+    public credentials?: CredentialsOptionalAccessToken;
+    private handlePromise?: Promise<JSHandle<ExtendedMatrixClient>>;
+
+    constructor(
+        page: Page,
+        private homeserver: HomeserverInstance,
+        private readonly opts: CreateBotOpts,
+    ) {
+        super(page);
+        this.opts = Object.assign({}, defaultCreateBotOptions, opts);
+    }
+
+    /**
+     * Set the credentials used by the bot.
+     *
+     * If `credentials.accessToken` is unset, then `buildClient` will log in a
+     * new session.  Note that `getCredentials` will return the credentials
+     * passed to this function, rather than the updated credentials from the new
+     * login.  In particular, the `accessToken` and `deviceId` will not be
+     * updated.
+     */
+    public setCredentials(credentials: CredentialsOptionalAccessToken): void {
+        if (this.credentials) throw new Error("Bot has already started");
+        this.credentials = credentials;
+    }
+
+    public async getRecoveryKey(): Promise<GeneratedSecretStorageKey> {
+        const client = await this.getClientHandle();
+        return client.evaluate((cli) => cli.__playwright_recovery_key);
+    }
+
+    private async getCredentials(): Promise<CredentialsOptionalAccessToken> {
+        if (this.credentials) return this.credentials;
+        // We want to pad the uniqueId but not the prefix
+        const username =
+            this.opts.userIdPrefix +
+            uniqueId(this.opts.userIdPrefix)
+                .substring(this.opts.userIdPrefix?.length ?? 0)
+                .padStart(4, "0");
+        const password = uniqueId("password_");
+        console.log(`getBot: Create bot user ${username} with opts ${JSON.stringify(this.opts)}`);
+        this.credentials = await this.homeserver.registerUser(username, password, this.opts.displayName);
+        return this.credentials;
+    }
+
+    protected async getClientHandle(): Promise<JSHandle<ExtendedMatrixClient>> {
+        if (!this.handlePromise) this.handlePromise = this.buildClient();
+        return this.handlePromise;
+    }
+
+    private async buildClient(): Promise<JSHandle<ExtendedMatrixClient>> {
+        const credentials = await this.getCredentials();
+        const clientHandle = await this.page.evaluateHandle(
+            async ({ baseUrl, credentials, opts }) => {
+                class NestedLogger implements Logger {
+                    constructor(
+                        public readonly loggerName: string,
+                        private writeLog: (msg: string) => void,
+                    ) {}
+
+                    getChild(namespace: string): Logger {
+                        return new NestedLogger(`${this.loggerName}:${namespace}`, this.writeLog);
+                    }
+
+                    trace(...msg: any[]): void {
+                        this.writeLog(`T ${this.loggerName} ${msg.join(" ")}`);
+                    }
+                    debug(...msg: any[]): void {
+                        this.writeLog(`D  ${this.loggerName}  ${msg.join(" ")}`);
+                    }
+                    info(...msg: any[]): void {
+                        this.writeLog(`I  ${this.loggerName}  ${msg.join(" ")}`);
+                    }
+                    warn(...msg: any[]): void {
+                        this.writeLog(`W  ${this.loggerName}  ${msg.join(" ")}`);
+                    }
+                    error(...msg: any[]): void {
+                        this.writeLog(`E ${this.loggerName}  ${msg.join(" ")}`);
+                    }
+                }
+
+                class PlaywrightLogger extends NestedLogger {
+                    public log = "";
+
+                    constructor() {
+                        super("", (msg: string) => {
+                            this.log += msg + "\n";
+                        });
+                    }
+                }
+
+                const logger = new PlaywrightLogger();
+
+                // Store the cached secret storage key and return it when `getSecretStorageKey` is called
+                let cachedKey: { keyId: string; key: Uint8Array<ArrayBuffer> };
+                const cacheSecretStorageKey = (
+                    keyId: string,
+                    keyInfo: SecretStorageKeyDescription,
+                    key: Uint8Array<ArrayBuffer>,
+                ) => {
+                    cachedKey = {
+                        keyId,
+                        key,
+                    };
+                };
+
+                const getSecretStorageKey = () =>
+                    Promise.resolve<[string, Uint8Array<ArrayBuffer>]>([cachedKey.keyId, cachedKey.key]);
+
+                const cryptoCallbacks: CryptoCallbacks = {
+                    cacheSecretStorageKey,
+                    getSecretStorageKey,
+                };
+
+                if (!("accessToken" in credentials)) {
+                    const loginCli = new window.matrixcs.MatrixClient({
+                        baseUrl,
+                        store: new window.matrixcs.MemoryStore(),
+                        scheduler: new window.matrixcs.MatrixScheduler(),
+                        cryptoStore: new window.matrixcs.MemoryCryptoStore(),
+                        cryptoCallbacks,
+                        logger,
+                    });
+
+                    const loginResponse = await loginCli.loginRequest({
+                        type: "m.login.password",
+                        identifier: {
+                            type: "m.id.user",
+                            user: credentials.userId,
+                        },
+                        password: credentials.password ?? undefined,
+                    });
+
+                    credentials.accessToken = loginResponse.access_token;
+                    credentials.userId = loginResponse.user_id;
+                    credentials.deviceId = loginResponse.device_id;
+                }
+
+                const cli = new window.matrixcs.MatrixClient({
+                    baseUrl,
+                    userId: credentials.userId,
+                    deviceId: credentials.deviceId,
+                    accessToken: credentials.accessToken,
+                    store: new window.matrixcs.MemoryStore(),
+                    scheduler: new window.matrixcs.MatrixScheduler(),
+                    cryptoStore: new window.matrixcs.MemoryCryptoStore(),
+                    cryptoCallbacks,
+                    logger,
+                }) as ExtendedMatrixClient;
+
+                if (opts.autoAcceptInvites) {
+                    cli.on(window.matrixcs.RoomMemberEvent.Membership, (event, member) => {
+                        if (member.membership === "invite" && member.userId === cli.getUserId()) {
+                            void cli.joinRoom(member.roomId);
+                        }
+                    });
+                }
+
+                return cli;
+            },
+            {
+                baseUrl: this.homeserver.baseUrl,
+                credentials,
+                opts: this.opts,
+            },
+        );
+
+        // If we weren't configured to start the client, bail out now.
+        if (!this.opts.startClient) {
+            return clientHandle;
+        }
+
+        await clientHandle.evaluate(async (cli) => {
+            await cli.initRustCrypto({ useIndexedDB: false });
+            await cli.startClient();
+        });
+
+        if (this.opts.bootstrapCrossSigning) {
+            // XXX: workaround https://github.com/element-hq/element-web/issues/26755
+            //   wait for out device list to be available, as a proxy for the device keys having been uploaded.
+            await clientHandle.evaluate(async (cli, credentials) => {
+                await cli.getCrypto()!.getUserDeviceInfo([credentials.userId]);
+            }, credentials);
+
+            await bootstrapCrossSigningForClient(clientHandle, credentials);
+        }
+
+        if (this.opts.bootstrapSecretStorage) {
+            await clientHandle.evaluate(async (cli, usePassphrase) => {
+                const passphrase = usePassphrase ? "new passphrase" : undefined;
+                const recoveryKey = await cli.getCrypto()!.createRecoveryKeyFromPassphrase(passphrase);
+                Object.assign(cli, { __playwright_recovery_key: recoveryKey });
+
+                await cli.getCrypto()!.bootstrapSecretStorage({
+                    setupNewSecretStorage: true,
+                    setupNewKeyBackup: true,
+                    createSecretStorageKey: () => Promise.resolve(recoveryKey),
+                });
+            }, this.opts.usePassphrase);
+        }
+
+        return clientHandle;
+    }
+
+    public async onTestFinished(testInfo: TestInfo): Promise<void> {
+        if (testInfo.status !== "passed") {
+            const credentials = await this.getCredentials();
+            const client = await this.getClientHandle();
+            // @ts-ignore private field logger
+            const body = await client.evaluate((cli) => (<PlaywrightLogger>cli.logger).log);
+            await testInfo.attach(`playwright-bot-${credentials.userId}`, {
+                body,
+                contentType: "text/plain",
+            });
+        }
+    }
+}
diff --git a/apps/web/playwright/pages/client.ts b/apps/web/playwright/pages/client.ts
new file mode 100644
index 00000000000..d95577c5fdc
--- /dev/null
+++ b/apps/web/playwright/pages/client.ts
@@ -0,0 +1,574 @@
+/*
+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 JSHandle, type Page } from "@playwright/test";
+import { type ElementHandle } from "playwright-core";
+
+import { Network } from "./network";
+import type {
+    IContent,
+    ICreateRoomOpts,
+    ISendEventResponse,
+    MatrixClient,
+    MatrixEvent,
+    ReceiptType,
+    IRoomDirectoryOptions,
+    KnockRoomOpts,
+    Visibility,
+    UploadOpts,
+    Upload,
+    StateEvents,
+    TimelineEvents,
+    AccountDataEvents,
+    EmptyObject,
+} from "matrix-js-sdk/src/matrix";
+import type { RoomMessageEventContent } from "matrix-js-sdk/src/types";
+import { type CredentialsOptionalAccessToken } from "./bot";
+
+/** Types cribbed from playwright-core/types/structs as they are not importable */
+export type NoHandles<Arg> = Arg extends JSHandle
+    ? never
+    : Arg extends object
+      ? { [Key in keyof Arg]: NoHandles<Arg[Key]> }
+      : Arg;
+export type Unboxed<Arg> =
+    Arg extends ElementHandle<infer T>
+        ? T
+        : Arg extends JSHandle<infer T>
+          ? T
+          : Arg extends NoHandles<Arg>
+            ? Arg
+            : Arg extends [infer A0]
+              ? [Unboxed<A0>]
+              : Arg extends [infer A0, infer A1]
+                ? [Unboxed<A0>, Unboxed<A1>]
+                : Arg extends [infer A0, infer A1, infer A2]
+                  ? [Unboxed<A0>, Unboxed<A1>, Unboxed<A2>]
+                  : Arg extends [infer A0, infer A1, infer A2, infer A3]
+                    ? [Unboxed<A0>, Unboxed<A1>, Unboxed<A2>, Unboxed<A3>]
+                    : Arg extends Array<infer T>
+                      ? Array<Unboxed<T>>
+                      : Arg extends object
+                        ? { [Key in keyof Arg]: Unboxed<Arg[Key]> }
+                        : Arg;
+export type PageFunctionOn<On, Arg2, R> = string | ((on: On, arg2: Unboxed<Arg2>) => R | Promise<R>);
+
+export class Client {
+    public network: Network;
+    protected client: JSHandle<MatrixClient> | null = null;
+
+    protected getClientHandle(): Promise<JSHandle<MatrixClient>> {
+        return this.page.evaluateHandle(() => window.mxMatrixClientPeg.get());
+    }
+
+    public async prepareClient(): Promise<JSHandle<MatrixClient>> {
+        if (!this.client) {
+            this.client = await this.getClientHandle();
+        }
+        return this.client;
+    }
+
+    public constructor(protected readonly page: Page) {
+        page.on("framenavigated", async () => {
+            this.client = null;
+        });
+        this.network = new Network(page, this);
+    }
+
+    public async cleanup() {
+        await this.network.destroyRoute();
+    }
+
+    public evaluate<R, Arg, O extends MatrixClient = MatrixClient>(
+        pageFunction: PageFunctionOn<O, Arg, R>,
+        arg: Arg,
+    ): Promise<R>;
+    public evaluate<R, O extends MatrixClient = MatrixClient>(
+        pageFunction: PageFunctionOn<O, void, R>,
+        arg?: any,
+    ): Promise<R>;
+    public async evaluate<T>(fn: (client: MatrixClient) => T, arg?: any): Promise<T> {
+        const client = await this.prepareClient();
+        return client.evaluate(fn, arg);
+    }
+
+    public evaluateHandle<R, Arg, O extends MatrixClient = MatrixClient>(
+        pageFunction: PageFunctionOn<O, Arg, R>,
+        arg: Arg,
+    ): Promise<JSHandle<R>>;
+    public evaluateHandle<R, O extends MatrixClient = MatrixClient>(
+        pageFunction: PageFunctionOn<O, void, R>,
+        arg?: any,
+    ): Promise<JSHandle<R>>;
+    public async evaluateHandle<T>(fn: (client: MatrixClient) => T, arg?: any): Promise<JSHandle<T>> {
+        const client = await this.prepareClient();
+        return client.evaluateHandle(fn, arg);
+    }
+
+    /**
+     * @param roomId ID of the room to send the event into
+     * @param threadId ID of the thread to send into or null for main timeline
+     * @param eventType type of event to send
+     * @param content the event content to send
+     */
+    public async sendEvent(
+        roomId: string,
+        threadId: string | null,
+        eventType: string,
+        content: IContent,
+    ): Promise<ISendEventResponse> {
+        const client = await this.prepareClient();
+        return client.evaluate(
+            async (client, { roomId, threadId, eventType, content }) => {
+                return client.sendEvent(
+                    roomId,
+                    threadId,
+                    eventType as keyof TimelineEvents,
+                    content as TimelineEvents[keyof TimelineEvents],
+                );
+            },
+            { roomId, threadId, eventType, content },
+        );
+    }
+
+    /**
+     * Send a message into a room
+     * @param roomId ID of the room to send the message into
+     * @param content the event content to send
+     * @param threadId optional thread id
+     */
+    public async sendMessage(
+        roomId: string,
+        content: IContent | string,
+        threadId: string | null = null,
+    ): Promise<ISendEventResponse> {
+        if (typeof content === "string") {
+            content = {
+                msgtype: "m.text",
+                body: content,
+            };
+        }
+
+        const client = await this.prepareClient();
+        return client.evaluate(
+            (client, { roomId, content, threadId }) => {
+                return client.sendMessage(roomId, threadId, content as RoomMessageEventContent);
+            },
+            {
+                roomId,
+                content,
+                threadId,
+            },
+        );
+    }
+
+    public async redactEvent(roomId: string, eventId: string, reason?: string): Promise<ISendEventResponse> {
+        return this.evaluate(
+            async (client, { roomId, eventId, reason }) => {
+                return client.redactEvent(roomId, eventId, reason);
+            },
+            { roomId, eventId, reason },
+        );
+    }
+
+    /**
+     * Send a reaction to to a message
+     * @param roomId ID of the room to send the reaction into
+     * @param threadId ID of the thread to send into or null for main timeline
+     * @param eventId Event ID of the message you are reacting to
+     * @param reaction The reaction text to send
+     * @returns
+     */
+    public async reactToMessage(
+        roomId: string,
+        threadId: string | null,
+        eventId: string,
+        reaction: string,
+    ): Promise<ISendEventResponse> {
+        return this.sendEvent(roomId, threadId ?? null, "m.reaction", {
+            "m.relates_to": {
+                rel_type: "m.annotation",
+                event_id: eventId,
+                key: reaction,
+            },
+        });
+    }
+
+    /**
+     * Create a room with given options.
+     * @param options the options to apply when creating the room
+     * @returns the ID of the newly created room
+     */
+    public async createRoom(options: ICreateRoomOpts): Promise<string> {
+        const client = await this.prepareClient();
+        const roomId = await client.evaluate(async (cli, options) => {
+            const { room_id: roomId } = await cli.createRoom(options);
+            return roomId;
+        }, options);
+        await this.awaitRoomMembership(roomId);
+        return roomId;
+    }
+
+    /**
+     * Create a space with given options.
+     * @param options the options to apply when creating the space
+     * @returns the ID of the newly created space (room)
+     */
+    public async createSpace(options: ICreateRoomOpts): Promise<string> {
+        return this.createRoom({
+            ...options,
+            creation_content: {
+                ...options.creation_content,
+                type: "m.space",
+            },
+        });
+    }
+
+    /**
+     * Joins the given room by alias or ID
+     * @param roomIdOrAlias the id or alias of the room to join
+     */
+    public async joinRoom(roomIdOrAlias: string): Promise<void> {
+        const client = await this.prepareClient();
+        await client.evaluate(async (client, roomIdOrAlias) => {
+            return await client.joinRoom(roomIdOrAlias);
+        }, roomIdOrAlias);
+    }
+
+    /**
+     * Make this bot join a room by name
+     * @param roomName Name of the room to join
+     */
+    public async joinRoomByName(roomName: string): Promise<string> {
+        const client = await this.prepareClient();
+        return client.evaluate(
+            async (client, { roomName }) => {
+                const room = client.getRooms().find((r) => r.getDefaultRoomName(client.getSafeUserId()) === roomName);
+                if (room) {
+                    await client.joinRoom(room.roomId);
+                    return room.roomId;
+                }
+                throw new Error(`Bot room join failed. Cannot find room '${roomName}'`);
+            },
+            {
+                roomName,
+            },
+        );
+    }
+
+    /**
+     * Wait until next sync from this client
+     */
+    public async waitForNextSync(): Promise<void> {
+        await this.page.waitForResponse(async (response) => {
+            const accessToken = await this.evaluate((client) => client.getAccessToken());
+            const authHeader = await response.request().headerValue("authorization");
+            return response.url().includes("/sync") && !!accessToken && !!authHeader?.includes(accessToken);
+        });
+    }
+
+    /**
+     * Invites the given user to the given room.
+     * @param roomId the id of the room to invite to
+     * @param userId the id of the user to invite
+     */
+    public async inviteUser(roomId: string, userId: string): Promise<void> {
+        const client = await this.prepareClient();
+        await client.evaluate((client, { roomId, userId }) => client.invite(roomId, userId), {
+            roomId,
+            userId,
+        });
+    }
+
+    /**
+     * Knocks the given room.
+     * @param roomId the id of the room to knock
+     * @param opts the options to use when knocking
+     */
+    public async knockRoom(roomId: string, opts?: KnockRoomOpts): Promise<void> {
+        const client = await this.prepareClient();
+        await client.evaluate((client, { roomId, opts }) => client.knockRoom(roomId, opts), { roomId, opts });
+    }
+
+    /**
+     * Kicks the given user from the given room.
+     * @param roomId the id of the room to kick from
+     * @param userId the id of the user to kick
+     * @param reason the reason for the kick
+     */
+    public async kick(roomId: string, userId: string, reason?: string): Promise<void> {
+        const client = await this.prepareClient();
+        await client.evaluate((client, { roomId, userId, reason }) => client.kick(roomId, userId, reason), {
+            roomId,
+            userId,
+            reason,
+        });
+    }
+
+    /**
+     * Bans the given user from the given room.
+     * @param roomId the id of the room to ban from
+     * @param userId the id of the user to ban
+     * @param reason the reason for the ban
+     */
+    public async ban(roomId: string, userId: string, reason?: string): Promise<void> {
+        const client = await this.prepareClient();
+        await client.evaluate((client, { roomId, userId, reason }) => client.ban(roomId, userId, reason), {
+            roomId,
+            userId,
+            reason,
+        });
+    }
+
+    /**
+     * Unban the given user from the given room.
+     * @param roomId the id of the room to unban from
+     * @param userId the id of the user to unban
+     */
+    public async unban(roomId: string, userId: string): Promise<void> {
+        const client = await this.prepareClient();
+        await client.evaluate((client, { roomId, userId }) => client.unban(roomId, userId), { roomId, userId });
+    }
+
+    /**
+     * Wait for the client to have specific membership of a given room
+     *
+     * This is often useful after joining a room, when we need to wait for the sync loop to catch up.
+     *
+     * Times out with an error after 1 second.
+     *
+     * @param roomId - ID of the room to check
+     * @param membership - required membership.
+     */
+    public async awaitRoomMembership(roomId: string, membership: string = "join") {
+        await this.evaluate(
+            (cli: MatrixClient, { roomId, membership }) => {
+                const isReady = () => {
+                    // Fetch the room on each check, because we get a different instance before and after the join arrives.
+                    const room = cli.getRoom(roomId);
+                    const myMembership = room?.getMyMembership();
+                    // @ts-ignore access to private field "logger"
+                    cli.logger.info(`waiting for room ${roomId}: membership now ${myMembership}`);
+                    return myMembership === membership;
+                };
+                if (isReady()) return;
+
+                const timeoutPromise = new Promise((resolve) => setTimeout(resolve, 1000)).then(() => {
+                    const room = cli.getRoom(roomId);
+                    const myMembership = room?.getMyMembership();
+                    throw new Error(
+                        `Timeout waiting for room ${roomId} membership (now '${myMembership}', wanted '${membership}')`,
+                    );
+                });
+
+                const readyPromise = new Promise<void>((resolve) => {
+                    async function onEvent() {
+                        if (isReady()) {
+                            cli.removeListener(window.matrixcs.ClientEvent.Event, onEvent);
+                            resolve();
+                        }
+                    }
+
+                    cli.on(window.matrixcs.ClientEvent.Event, onEvent);
+                });
+
+                return Promise.race([timeoutPromise, readyPromise]);
+            },
+            { roomId, membership },
+        );
+    }
+
+    /**
+     * @param {MatrixEvent} event
+     * @param {ReceiptType} receiptType
+     * @param {boolean} unthreaded
+     */
+    public async sendReadReceipt(
+        event: JSHandle<MatrixEvent>,
+        receiptType?: ReceiptType,
+        unthreaded?: boolean,
+    ): Promise<void> {
+        const client = await this.prepareClient();
+        return client.evaluate(
+            async (client, { event, receiptType, unthreaded }) => {
+                await client.sendReadReceipt(event, receiptType, unthreaded);
+            },
+            { event, receiptType, unthreaded },
+        );
+    }
+
+    public async publicRooms(options?: IRoomDirectoryOptions): ReturnType<MatrixClient["publicRooms"]> {
+        const client = await this.prepareClient();
+        return client.evaluate((client, options) => {
+            return client.publicRooms(options);
+        }, options);
+    }
+
+    /**
+     * @param {string} name
+     * @param {module:client.callback} callback Optional.
+     * @returns {Promise} Resolves: {} an empty object.
+     * @returns {module:http-api.MatrixError} Rejects: with an error response.
+     */
+    public async setDisplayName(name: string): Promise<EmptyObject> {
+        const client = await this.prepareClient();
+        return client.evaluate(async (cli: MatrixClient, name) => cli.setDisplayName(name), name);
+    }
+
+    /**
+     * @param {string} url
+     * @param {module:client.callback} callback Optional.
+     * @returns {Promise} Resolves: {} an empty object.
+     * @returns {module:http-api.MatrixError} Rejects: with an error response.
+     */
+    public async setAvatarUrl(url: string): Promise<EmptyObject> {
+        const client = await this.prepareClient();
+        return client.evaluate(async (cli: MatrixClient, url) => cli.setAvatarUrl(url), url);
+    }
+
+    /**
+     * Upload a file to the media repository on the homeserver.
+     *
+     * @param {object} file The object to upload. On a browser, something that
+     *   can be sent to XMLHttpRequest.send (typically a File).  Under node.js,
+     *   a Buffer, String or ReadStream.
+     */
+    public async uploadContent(file: Buffer, opts?: UploadOpts): Promise<Awaited<Upload["promise"]>> {
+        const client = await this.prepareClient();
+        return client.evaluate(
+            async (cli: MatrixClient, { file, opts }) => cli.uploadContent(new Uint8Array(file), opts),
+            {
+                file: [...file],
+                opts,
+            },
+        );
+    }
+
+    /**
+     * Bootstraps cross-signing.
+     */
+    public async bootstrapCrossSigning(credentials: CredentialsOptionalAccessToken): Promise<void> {
+        const client = await this.prepareClient();
+        return bootstrapCrossSigningForClient(client, credentials);
+    }
+
+    /**
+     * Sets account data for the user.
+     * @param type The type of account data to set
+     * @param content The content to set
+     */
+    public async setAccountData<T extends keyof AccountDataEvents>(
+        type: T,
+        content: AccountDataEvents[T],
+    ): Promise<void> {
+        const client = await this.prepareClient();
+        return client.evaluate(
+            async (client, { type, content }) => {
+                await client.setAccountData(type as T, content as AccountDataEvents[T]);
+            },
+            { type, content },
+        );
+    }
+
+    /**
+     * Sends a state event into the room.
+     * @param roomId ID of the room to send the event into
+     * @param eventType type of event to send
+     * @param content the event content to send
+     * @param stateKey the state key to use
+     */
+    public async sendStateEvent(
+        roomId: string,
+        eventType: string,
+        content: IContent,
+        stateKey?: string,
+    ): Promise<ISendEventResponse> {
+        const client = await this.prepareClient();
+        return client.evaluate(
+            async (client, { roomId, eventType, content, stateKey }) => {
+                return client.sendStateEvent(roomId, eventType as keyof StateEvents, content, stateKey);
+            },
+            { roomId, eventType, content, stateKey },
+        );
+    }
+
+    /**
+     * Set a power level to one or multiple users.
+     * Will apply changes atop of current power level event.
+     * @param roomId - the room to update power levels in
+     * @param userId - the ID of the user or users to update power levels of
+     * @param powerLevel - the numeric power level to update given users to
+     */
+    public async setPowerLevel(
+        roomId: string,
+        userId: string | string[],
+        powerLevel: number,
+    ): Promise<ISendEventResponse> {
+        const client = await this.prepareClient();
+        return client.evaluate(
+            async (client, { roomId, userId, powerLevel }) => {
+                return client.setPowerLevel(roomId, userId, powerLevel);
+            },
+            { roomId, userId, powerLevel },
+        );
+    }
+
+    /**
+     * Leaves the given room.
+     * @param roomId ID of the room to leave
+     */
+    public async leave(roomId: string): Promise<void> {
+        const client = await this.prepareClient();
+        return client.evaluate(async (client, roomId) => {
+            await client.leave(roomId);
+        }, roomId);
+    }
+
+    /**
+     * Sets the directory visibility for a room.
+     * @param roomId ID of the room to set the directory visibility for
+     * @param visibility The new visibility for the room
+     */
+    public async setRoomDirectoryVisibility(roomId: string, visibility: Visibility): Promise<void> {
+        const client = await this.prepareClient();
+        return client.evaluate(
+            async (client, { roomId, visibility }) => {
+                await client.setRoomDirectoryVisibility(roomId, visibility);
+            },
+            { roomId, visibility },
+        );
+    }
+}
+
+/** Call `CryptoApi.bootstrapCrossSigning` on the given Matrix client, using the given credentials to authenticate
+ * the UIA request.
+ */
+export function bootstrapCrossSigningForClient(
+    client: JSHandle<MatrixClient>,
+    credentials: CredentialsOptionalAccessToken,
+    resetKeys: boolean = false,
+) {
+    return client.evaluate(
+        async (client, { credentials, resetKeys }) => {
+            await client.getCrypto()!.bootstrapCrossSigning({
+                authUploadDeviceSigningKeys: async (func) => {
+                    await func({
+                        type: "m.login.password",
+                        identifier: {
+                            type: "m.id.user",
+                            user: credentials.userId,
+                        },
+                        password: credentials.password,
+                    });
+                },
+                setupNewCrossSigning: resetKeys,
+            });
+        },
+        { credentials, resetKeys },
+    );
+}
diff --git a/apps/web/playwright/pages/crypto.ts b/apps/web/playwright/pages/crypto.ts
new file mode 100644
index 00000000000..b0737541ebf
--- /dev/null
+++ b/apps/web/playwright/pages/crypto.ts
@@ -0,0 +1,49 @@
+/*
+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 APIRequestContext, type Page, expect } from "@playwright/test";
+
+import { type HomeserverInstance } from "../plugins/homeserver";
+
+export class Crypto {
+    public constructor(
+        private page: Page,
+        private homeserver: HomeserverInstance,
+        private request: APIRequestContext,
+    ) {}
+
+    /**
+     * Check that the user has published cross-signing keys, and that the user's device has been cross-signed.
+     */
+    public async assertDeviceIsCrossSigned(): Promise<void> {
+        const { userId, deviceId, accessToken } = await this.page.evaluate(() => ({
+            userId: window.mxMatrixClientPeg.get().getSafeUserId(),
+            deviceId: window.mxMatrixClientPeg.get().getDeviceId()!,
+            accessToken: window.mxMatrixClientPeg.get().getAccessToken(),
+        }));
+
+        const res = await this.request.post(`${this.homeserver.baseUrl}/_matrix/client/v3/keys/query`, {
+            headers: { Authorization: `Bearer ${accessToken}` },
+            data: { device_keys: { [userId]: [] } },
+        });
+        const json = await res.json();
+
+        // there should be three cross-signing keys
+        expect(json.master_keys[userId]).toHaveProperty("keys");
+        expect(json.self_signing_keys[userId]).toHaveProperty("keys");
+        expect(json.user_signing_keys[userId]).toHaveProperty("keys");
+
+        // and the device should be signed by the self-signing key
+        const selfSigningKeyId = Object.keys(json.self_signing_keys[userId].keys)[0];
+
+        expect(json.device_keys[userId][deviceId]).toBeDefined();
+
+        const myDeviceSignatures = json.device_keys[userId][deviceId].signatures[userId];
+        expect(myDeviceSignatures[selfSigningKeyId]).toBeDefined();
+    }
+}
diff --git a/apps/web/playwright/pages/network.ts b/apps/web/playwright/pages/network.ts
new file mode 100644
index 00000000000..c007834113e
--- /dev/null
+++ b/apps/web/playwright/pages/network.ts
@@ -0,0 +1,79 @@
+/*
+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 { Page, Request, Route, Disposable } from "@playwright/test";
+import type { Client } from "./client";
+
+/**
+ * Utility class to simulate offline mode by blocking all requests to the homeserver.
+ * Will not affect any requests before `setupRoute` is called,
+ * which happens implicitly using the goOffline/goOnline methods.
+ */
+export class Network {
+    private isOffline = false;
+    private setupPromise?: Promise<Disposable>;
+
+    constructor(
+        private page: Page,
+        private client: Client,
+    ) {}
+
+    /**
+     * Checks if the request is from the client associated with this network object.
+     * We do this so that other clients (eg: bots) are not affected by the network change.
+     */
+    private async isRequestFromOurClient(request: Request): Promise<boolean> {
+        const accessToken = await this.client.evaluate((client) => client.getAccessToken());
+        const authHeader = await request.headerValue("Authorization");
+        return authHeader === `Bearer ${accessToken}`;
+    }
+
+    private handler = async (route: Route) => {
+        if (this.isOffline && (await this.isRequestFromOurClient(route.request()))) {
+            await route.abort();
+        } else {
+            await route.continue();
+        }
+    };
+
+    /**
+     * Intercept all /_matrix/ networking requests for client ready to continue/abort them based on offline status
+     * which is set by the goOffline/goOnline methods
+     */
+    public async setupRoute() {
+        if (!this.setupPromise) {
+            this.setupPromise = this.page.route("**/_matrix/**", this.handler);
+        }
+        await this.setupPromise;
+    }
+
+    /**
+     * Cease intercepting all /_matrix/ networking requests for client
+     */
+    public async destroyRoute() {
+        if (!this.setupPromise) return;
+        await this.page.unroute("**/_matrix/**", this.handler);
+        this.setupPromise = undefined;
+    }
+
+    /**
+     * Reject all /_matrix/ networking requests for client
+     */
+    async goOffline(): Promise<void> {
+        await this.setupRoute();
+        this.isOffline = true;
+    }
+
+    /**
+     * Continue all /_matrix/ networking requests for this client
+     */
+    async goOnline(): Promise<void> {
+        await this.setupRoute();
+        this.isOffline = false;
+    }
+}
diff --git a/apps/web/playwright/pages/settings.ts b/apps/web/playwright/pages/settings.ts
new file mode 100644
index 00000000000..5b836efa47d
--- /dev/null
+++ b/apps/web/playwright/pages/settings.ts
@@ -0,0 +1,100 @@
+/*
+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 Locator, type Page } from "@playwright/test";
+
+import type { SettingLevel } from "../../src/settings/SettingLevel";
+
+export class Settings {
+    public constructor(private readonly page: Page) {}
+
+    /**
+     * Open the top left user menu, returning a Locator to the resulting context menu.
+     */
+    public async openUserMenu(): Promise<Locator> {
+        const locator = this.page.getByRole("menu", { name: "User menu" });
+        if (await locator.isVisible()) return locator;
+        await this.page.getByRole("button", { name: "User menu" }).click();
+        await locator.waitFor();
+        return locator;
+    }
+
+    /**
+     * Close dialog currently open dialog
+     */
+    public async closeDialog(): Promise<void> {
+        return this.page.getByRole("button", { name: "Close dialog", exact: true }).click();
+    }
+
+    /**
+     * Sets the value for a setting. The room ID is optional if the
+     * setting is not being set for a particular room, otherwise it
+     * should be supplied. The value may be null to indicate that the
+     * level should no longer have an override.
+     * @param {string} settingName The name of the setting to change.
+     * @param {String} roomId The room ID to change the value in, may be
+     * null.
+     * @param {SettingLevel} level The level to change the value at.
+     * @param {*} value The new value of the setting, may be null.
+     * @returns {Promise} Resolves when the setting has been changed.
+     */
+    public async setValue(settingName: string, roomId: string | null, level: SettingLevel, value: any): Promise<void> {
+        return this.page.evaluate<
+            Promise<void>,
+            {
+                settingName: string;
+                roomId: string | null;
+                level: SettingLevel;
+                value: any;
+            }
+        >(
+            ({ settingName, roomId, level, value }) => {
+                return window.mxSettingsStore.setValue(settingName, roomId, level, value);
+            },
+            { settingName, roomId, level, value },
+        );
+    }
+
+    /**
+     * Switch settings tab to the one by the given name
+     * @param tab the name of the tab to switch to.
+     */
+    public async switchTab(tab: string): Promise<void> {
+        await this.page
+            .locator(".mx_TabbedView_tabLabels")
+            .locator(".mx_TabbedView_tabLabel", { hasText: tab })
+            .click();
+    }
+
+    /**
+     * Open user settings (via user menu), returns a locator to the dialog
+     * @param tab the name of the tab to switch to after opening, optional.
+     */
+    public async openUserSettings(tab?: string): Promise<Locator> {
+        const locator = await this.openUserMenu();
+        await locator.getByRole("menuitem", { name: "All settings", exact: true }).click();
+        if (tab) await this.switchTab(tab);
+        return this.page.locator(".mx_Dialog").filter({ has: this.page.locator(".mx_UserSettingsDialog") });
+    }
+
+    /**
+     * Open room settings (via room info panel), returns a locator to the dialog
+     * @param tab the name of the tab to switch to after opening, optional.
+     */
+    public async openRoomSettings(tab?: string): Promise<Locator> {
+        // Open right panel if not open
+        const rightPanel = this.page.locator(".mx_RightPanel");
+        if ((await rightPanel.count()) === 0) {
+            await this.page.getByRole("button", { name: "Room info" }).first().click();
+        }
+        await rightPanel.getByRole("menuitem", { name: "Settings" }).click();
+
+        if (tab) await this.switchTab(tab);
+        return this.page.locator(".mx_Dialog").filter({ has: this.page.locator(".mx_RoomSettingsDialog") });
+    }
+}
diff --git a/apps/web/playwright/pages/timeline.ts b/apps/web/playwright/pages/timeline.ts
new file mode 100644
index 00000000000..0aa52bc66ad
--- /dev/null
+++ b/apps/web/playwright/pages/timeline.ts
@@ -0,0 +1,44 @@
+/*
+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 { Locator, Page } from "@playwright/test";
+
+export class Timeline {
+    constructor(private page: Page) {}
+
+    // Scroll to the top of the timeline
+    async scrollToTop(): Promise<void> {
+        const locator = this.page.locator(".mx_RoomView_timeline .mx_ScrollPanel");
+        await locator.evaluate((node) => {
+            while (node.scrollTop > 0) {
+                node.scrollTo(0, 0);
+            }
+        });
+    }
+
+    public async scrollToBottom(): Promise<void> {
+        await this.page
+            .locator(".mx_ScrollPanel")
+            .evaluate((scrollPanel) => scrollPanel.scrollTo(0, scrollPanel.scrollHeight));
+    }
+
+    // Find the event tile matching the given sender & body
+    async findEventTile(sender: string, body: string): Promise<Locator | undefined> {
+        const locators = await this.page.locator(".mx_RoomView_MessageList .mx_EventTile").all();
+        let latestSender: string | undefined;
+        for (const locator of locators) {
+            const displayName = locator.locator(".mx_DisambiguatedProfile_displayName");
+            if (await displayName.count()) {
+                latestSender = await displayName.innerText();
+            }
+            if (latestSender === sender && (await locator.locator(".mx_EventTile_body").innerText()) === body) {
+                return locator;
+            }
+        }
+    }
+}
diff --git a/apps/web/playwright/plugins/homeserver/dendrite/index.ts b/apps/web/playwright/plugins/homeserver/dendrite/index.ts
new file mode 100644
index 00000000000..c1396504059
--- /dev/null
+++ b/apps/web/playwright/plugins/homeserver/dendrite/index.ts
@@ -0,0 +1,13 @@
+/*
+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 WorkerOptions } from "../../../services.ts";
+
+export const isDendrite = ({ homeserverType }: WorkerOptions): boolean => {
+    return homeserverType === "dendrite" || homeserverType === "pinecone";
+};
diff --git a/apps/web/playwright/plugins/homeserver/index.ts b/apps/web/playwright/plugins/homeserver/index.ts
new file mode 100644
index 00000000000..993853a3a29
--- /dev/null
+++ b/apps/web/playwright/plugins/homeserver/index.ts
@@ -0,0 +1,41 @@
+/*
+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 ClientServerApi, type Credentials } from "@element-hq/element-web-playwright-common/lib/utils/api.js";
+export { type Credentials } from "@element-hq/element-web-playwright-common/lib/utils/api.js";
+
+export interface HomeserverInstance {
+    readonly baseUrl: string;
+    readonly csApi: ClientServerApi;
+
+    /**
+     * Register a user on the given Homeserver using the shared registration secret.
+     * @param username the username of the user to register
+     * @param password the password of the user to register
+     * @param displayName optional display name to set on the newly registered user
+     */
+    registerUser(username: string, password: string, displayName?: string): Promise<Credentials>;
+
+    /**
+     * Logs into synapse with the given username/password
+     * @param userId login username
+     * @param password login password
+     */
+    loginUser(userId: string, password: string): Promise<Credentials>;
+
+    /**
+     * Sets a third party identifier for the given user. This only supports setting a single 3pid and will
+     * replace any others.
+     * @param userId The full ID of the user to edit (as returned from registerUser)
+     * @param medium The medium of the 3pid to set
+     * @param address The address of the 3pid to set
+     */
+    setThreepid(userId: string, medium: string, address: string): Promise<void>;
+}
+
+export type HomeserverType = "synapse" | "dendrite" | "pinecone";
diff --git a/apps/web/playwright/plugins/homeserver/synapse/consentHomeserver.ts b/apps/web/playwright/plugins/homeserver/synapse/consentHomeserver.ts
new file mode 100644
index 00000000000..8ef2681bfe0
--- /dev/null
+++ b/apps/web/playwright/plugins/homeserver/synapse/consentHomeserver.ts
@@ -0,0 +1,53 @@
+/*
+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 SynapseContainer } from "@element-hq/element-web-playwright-common/lib/testcontainers/index.js";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+import { type Fixtures } from "../../../element-web-test.ts";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export const consentHomeserver: Fixtures = {
+    _homeserver: [
+        async ({ _homeserver: container, mailpit }, use) => {
+            (container as SynapseContainer)
+                .withCopyDirectoriesToContainer([{ source: path.join(__dirname, "res"), target: "/data/res" }])
+                .withSmtpServer(mailpit)
+                .withConfig({
+                    user_consent: {
+                        template_dir: "/data/res/templates/privacy",
+                        version: "1.0",
+                        server_notice_content: {
+                            msgtype: "m.text",
+                            body: "To continue using this homeserver you must review and agree to the terms and conditions at %(consent_uri)s",
+                        },
+                        send_server_notice_to_guests: true,
+                        block_events_error:
+                            "To continue using this homeserver you must review and agree to the terms and conditions at %(consent_uri)s",
+                        require_at_registration: true,
+                    },
+                    server_notices: {
+                        system_mxid_localpart: "notices",
+                        system_mxid_display_name: "Server Notices",
+                        system_mxid_avatar_url: "mxc://localhost/oumMVlgDnLYFaPVkExemNVVZ",
+                        room_name: "Server Notices",
+                    },
+                })
+                .withConfigField("listeners[0].resources[0].names", ["client", "consent"]);
+            await use(container);
+        },
+        { scope: "worker" },
+    ],
+
+    context: async ({ homeserverType, context }, use, testInfo) => {
+        testInfo.skip(homeserverType !== "synapse", "does not yet support MAS");
+        await use(context);
+    },
+};
diff --git a/apps/web/playwright/plugins/homeserver/synapse/emailHomeserver.ts b/apps/web/playwright/plugins/homeserver/synapse/emailHomeserver.ts
new file mode 100644
index 00000000000..889d2a57d8e
--- /dev/null
+++ b/apps/web/playwright/plugins/homeserver/synapse/emailHomeserver.ts
@@ -0,0 +1,34 @@
+/*
+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 Fixtures } from "../../../element-web-test.ts";
+
+export const emailHomeserver: Fixtures = {
+    _homeserver: [
+        async ({ _homeserver: container, mailpit }, use) => {
+            container.withConfig({
+                enable_registration_without_verification: undefined,
+                disable_msisdn_registration: undefined,
+                registrations_require_3pid: ["email"],
+                email: {
+                    smtp_host: "mailpit",
+                    smtp_port: 1025,
+                    notif_from: "Your Friendly %(app)s homeserver <noreply@example.com>",
+                    app_name: "my_branded_matrix_server",
+                },
+            });
+            await use(container);
+        },
+        { scope: "worker" },
+    ],
+
+    context: async ({ homeserverType, context }, use, testInfo) => {
+        testInfo.skip(homeserverType !== "synapse", "does not yet support MAS");
+        await use(context);
+    },
+};
diff --git a/apps/web/playwright/plugins/homeserver/synapse/legacyOAuthHomeserver.ts b/apps/web/playwright/plugins/homeserver/synapse/legacyOAuthHomeserver.ts
new file mode 100644
index 00000000000..f792d6d8f59
--- /dev/null
+++ b/apps/web/playwright/plugins/homeserver/synapse/legacyOAuthHomeserver.ts
@@ -0,0 +1,61 @@
+/*
+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 { TestContainers } from "testcontainers";
+
+import { OAuthServer } from "../../oauth_server";
+import { type Fixtures } from "../../../element-web-test.ts";
+
+export const legacyOAuthHomeserver: Fixtures = {
+    oAuthServer: [
+        async ({}, use) => {
+            const server = new OAuthServer();
+            await use(server);
+            server.stop();
+        },
+        { scope: "worker" },
+    ],
+    context: async ({ homeserverType, context, oAuthServer }, use, testInfo) => {
+        testInfo.skip(homeserverType !== "synapse", "does not yet support OIDC");
+        oAuthServer!.onTestStarted(testInfo);
+        await use(context);
+    },
+    _homeserver: [
+        async ({ oAuthServer, _homeserver: homeserver }, use) => {
+            const port = oAuthServer!.start();
+            await TestContainers.exposeHostPorts(port);
+            homeserver.withConfig({
+                oidc_providers: [
+                    {
+                        idp_id: "test",
+                        idp_name: "OAuth test",
+                        issuer: `http://localhost:${port}/oauth`,
+                        authorization_endpoint: `http://localhost:${port}/oauth/auth.html`,
+                        // the token endpoint receives requests from synapse,
+                        // rather than the webapp, so needs to escape the docker container.
+                        token_endpoint: `http://host.testcontainers.internal:${port}/oauth/token`,
+                        userinfo_endpoint: `http://host.testcontainers.internal:${port}/oauth/userinfo`,
+                        client_id: "synapse",
+                        discover: false,
+                        scopes: ["profile"],
+                        skip_verification: true,
+                        client_auth_method: "none",
+                        user_mapping_provider: {
+                            config: {
+                                display_name_template: "{{ user.name }}",
+                            },
+                        },
+                    },
+                ],
+            });
+
+            await use(homeserver);
+        },
+        { scope: "worker" },
+    ],
+};
diff --git a/apps/web/playwright/plugins/homeserver/synapse/masHomeserver.ts b/apps/web/playwright/plugins/homeserver/synapse/masHomeserver.ts
new file mode 100644
index 00000000000..84d73018fc1
--- /dev/null
+++ b/apps/web/playwright/plugins/homeserver/synapse/masHomeserver.ts
@@ -0,0 +1,71 @@
+/*
+Copyright 2024-2025 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 { MatrixAuthenticationServiceContainer } from "../../../testcontainers/mas.ts";
+import { type Fixtures } from "../../../element-web-test.ts";
+
+export const masHomeserver: Fixtures = {
+    mas: [
+        async ({ _homeserver: homeserver, logger, network, postgres, mailpit }, use) => {
+            const secret = "AnotherRandomSecret";
+
+            const limits = { burst: 10, per_second: 10 };
+            const container = await new MatrixAuthenticationServiceContainer(postgres)
+                .withNetwork(network)
+                .withNetworkAliases("mas")
+                .withLogConsumer(logger.getConsumer("mas"))
+                .withConfig({
+                    matrix: {
+                        kind: "synapse",
+                        homeserver: "localhost",
+                        secret,
+                        endpoint: "http://homeserver:8008",
+                    },
+                    rate_limiting: {
+                        login: {
+                            per_ip: limits,
+                            per_account: limits,
+                        },
+                        registration: limits,
+                        email_authentication: {
+                            per_ip: limits,
+                            per_address: limits,
+                            emails_per_session: limits,
+                            attempt_per_session: limits,
+                        },
+                        account_recovery: {
+                            per_ip: limits,
+                            per_address: limits,
+                        },
+                    },
+                })
+                .start();
+
+            homeserver.withConfig({
+                enable_registration: undefined,
+                enable_registration_without_verification: undefined,
+                disable_msisdn_registration: undefined,
+                password_config: undefined,
+                matrix_authentication_service: {
+                    enabled: true,
+                    endpoint: "http://mas:8080/",
+                    secret,
+                },
+            });
+
+            await use(container);
+            await container.stop();
+        },
+        { scope: "worker" },
+    ],
+
+    context: async ({ homeserverType, context }, use, testInfo) => {
+        testInfo.skip(homeserverType !== "synapse", "does not yet support MAS");
+        await use(context);
+    },
+};
diff --git a/apps/web/playwright/plugins/homeserver/synapse/res/templates/privacy/en/1.0.html b/apps/web/playwright/plugins/homeserver/synapse/res/templates/privacy/en/1.0.html
new file mode 100644
index 00000000000..bcc7a590bb2
--- /dev/null
+++ b/apps/web/playwright/plugins/homeserver/synapse/res/templates/privacy/en/1.0.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <title>Test Privacy policy</title>
+    </head>
+    <body>
+        {% if has_consented %}
+        <p>Thank you, you've already accepted the license.</p>
+        {% else %}
+        <p>Please accept the license!</p>
+        <form method="post" action="consent">
+            <input type="hidden" name="v" value="{{version}}" />
+            <input type="hidden" name="u" value="{{user}}" />
+            <input type="hidden" name="h" value="{{userhmac}}" />
+            <input type="submit" value="Sure thing!" />
+        </form>
+        {% endif %}
+    </body>
+</html>
diff --git a/apps/web/playwright/plugins/homeserver/synapse/res/templates/privacy/en/success.html b/apps/web/playwright/plugins/homeserver/synapse/res/templates/privacy/en/success.html
new file mode 100644
index 00000000000..2a2b21eef4e
--- /dev/null
+++ b/apps/web/playwright/plugins/homeserver/synapse/res/templates/privacy/en/success.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <title>Test Privacy policy</title>
+    </head>
+    <body>
+        <p>Danke schoen</p>
+    </body>
+</html>
diff --git a/apps/web/playwright/plugins/homeserver/synapse/uiaLongSessionTimeoutHomeserver.ts b/apps/web/playwright/plugins/homeserver/synapse/uiaLongSessionTimeoutHomeserver.ts
new file mode 100644
index 00000000000..ee11a966fdc
--- /dev/null
+++ b/apps/web/playwright/plugins/homeserver/synapse/uiaLongSessionTimeoutHomeserver.ts
@@ -0,0 +1,22 @@
+/*
+Copyright 2024 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 Fixtures } from "../../../element-web-test.ts";
+
+export const uiaLongSessionTimeoutHomeserver: Fixtures = {
+    synapseConfig: [
+        async ({ synapseConfig }, use) => {
+            await use({
+                ...synapseConfig,
+                ui_auth: {
+                    session_timeout: "300s",
+                },
+            });
+        },
+        { scope: "worker" },
+    ],
+};
diff --git a/apps/web/playwright/plugins/oauth_server/README.md b/apps/web/playwright/plugins/oauth_server/README.md
new file mode 100644
index 00000000000..5260704a663
--- /dev/null
+++ b/apps/web/playwright/plugins/oauth_server/README.md
@@ -0,0 +1,24 @@
+# oauth_server
+
+A very simple OAuth identity provider server.
+
+The following endpoints are exposed:
+
+- `/oauth/auth.html`: An OAuth2 [authorization endpoint](https://openid.net/specs/openid-connect-core-1_0.html#AuthorizationEndpoint).
+  In a proper OAuth2 system, this would prompt the user to log in; we just give a big "Submit" button (and an
+  auth code that can be changed if we want the next step to fail). It redirects back to the calling application
+  with a "code".
+
+- `/oauth/token`: An OAuth2 [token endpoint](https://openid.net/specs/openid-connect-core-1_0.html#TokenEndpoint).
+  Receives the code issued by "auth.html" and, if it is valid, exchanges it for an OAuth2 access token.
+
+- `/oauth/userinfo`: An OAuth2 [userinfo endpoint](https://openid.net/specs/openid-connect-core-1_0.html#UserInfo).
+  Returns details about the owner of the offered access token.
+
+To start the server, do:
+
+```javascript
+cy.task("startOAuthServer").then((port) => {
+    // now we can configure Synapse or Element to talk to the OAuth2 server.
+});
+```
diff --git a/apps/web/playwright/plugins/oauth_server/index.ts b/apps/web/playwright/plugins/oauth_server/index.ts
new file mode 100644
index 00000000000..02f3cdfc9a9
--- /dev/null
+++ b/apps/web/playwright/plugins/oauth_server/index.ts
@@ -0,0 +1,76 @@
+/*
+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 http from "node:http";
+import express from "express";
+import { type AddressInfo } from "node:net";
+import { type TestInfo } from "@playwright/test";
+import { randB64Bytes } from "@element-hq/element-web-playwright-common/lib/utils/rand.js";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export class OAuthServer {
+    private server?: http.Server;
+    private sub?: string;
+
+    public onTestStarted(testInfo: TestInfo): void {
+        this.sub = testInfo.testId;
+    }
+
+    public start(): number {
+        if (this.server) this.stop();
+        const token = randB64Bytes(16);
+
+        const app = express();
+
+        // static files. This includes the "authorization endpoint".
+        app.use(express.static(__dirname + "/res"));
+
+        // token endpoint (see https://openid.net/specs/openid-connect-core-1_0.html#TokenEndpoint)
+        app.use("/oauth/token", express.urlencoded({ extended: true }));
+        app.post("/oauth/token", (req, res) => {
+            // if the code is valid, accept it. Otherwise, return an error.
+            const code = req.body.code;
+            if (code === "valid_auth_code") {
+                res.send({
+                    access_token: token,
+                    token_type: "Bearer",
+                    expires_in: "3600",
+                });
+            } else {
+                res.send({ error: "bad auth code" });
+            }
+        });
+
+        // userinfo endpoint (see https://openid.net/specs/openid-connect-core-1_0.html#UserInfo)
+        app.get("/oauth/userinfo", (req, res) => {
+            // TODO: validate that the request carries an auth header which matches the access token we issued above
+
+            // return an OAuth2 user info object
+            res.send({
+                sub: this.sub,
+                name: "Alice",
+            });
+        });
+
+        this.server = http.createServer(app);
+        this.server.listen();
+        const address = this.server.address() as AddressInfo;
+        console.log(`Started OAuth server at ${address.address}:${address.port}`);
+        return address.port;
+    }
+
+    public stop(): void {
+        console.log("Stopping OAuth server");
+        const address = this.server!.address() as AddressInfo;
+        this.server!.close();
+        console.log(`Stopped OAuth server at ${address.address}:${address.port}`);
+    }
+}
diff --git a/apps/web/playwright/plugins/oauth_server/res/oauth/auth.html b/apps/web/playwright/plugins/oauth_server/res/oauth/auth.html
new file mode 100644
index 00000000000..cb5ac9b0be9
--- /dev/null
+++ b/apps/web/playwright/plugins/oauth_server/res/oauth/auth.html
@@ -0,0 +1,34 @@
+<!--
+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
+Please see LICENSE files in the repository root for full details.
+-->
+
+<!--
+A dummy OAuth2 authorization endpoint (see https://openid.net/specs/openid-connect-core-1_0.html#AuthorizationEndpoint)
+
+Mostly, it just redirects back to the `redirect_uri` in the query params.
+-->
+
+<html lang="en">
+    <body>
+        <h1>Test OAuth page</h1>
+
+        <form id="auth_form">
+            <input type="hidden" id="state" name="state" />
+            <label for="code">Auth Code:</label>
+            <input type="text" id="code" name="code" value="valid_auth_code" />
+            <input type="submit" value="Submit" />
+        </form>
+
+        <script>
+            // process the query params, and set up the form
+            const urlParams = new URLSearchParams(window.location.search);
+            console.log("Test OAuth page: query params:", new Map(urlParams.entries()));
+            document.getElementById("auth_form").action = urlParams.get("redirect_uri");
+            document.getElementById("state").value = urlParams.get("state");
+        </script>
+    </body>
+</html>
diff --git a/apps/web/playwright/plugins/webserver/index.ts b/apps/web/playwright/plugins/webserver/index.ts
new file mode 100644
index 00000000000..fe236116bc6
--- /dev/null
+++ b/apps/web/playwright/plugins/webserver/index.ts
@@ -0,0 +1,38 @@
+/*
+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 * as http from "node:http";
+import { type AddressInfo } from "node:net";
+
+export class Webserver {
+    private server?: http.Server;
+
+    public start(html: string): string {
+        if (this.server) this.stop();
+
+        this.server = http.createServer((req, res) => {
+            res.writeHead(200, {
+                "Content-Type": "text/html",
+            });
+            res.end(html);
+        });
+        this.server.listen();
+
+        const address = this.server.address() as AddressInfo;
+        console.log(`Started webserver at ${address.address}:${address.port}`);
+        return `http://localhost:${address.port}`;
+    }
+
+    public stop(): void {
+        if (!this.server) return;
+        console.log("Stopping webserver");
+        const address = this.server.address() as AddressInfo;
+        this.server.close();
+        console.log(`Stopped webserver at ${address.address}:${address.port}`);
+    }
+}
diff --git a/apps/web/playwright/sample-files/1sec-long-name-audio-file.ogg b/apps/web/playwright/sample-files/1sec-long-name-audio-file.ogg
new file mode 100755
index 00000000000..a8b078e1694
Binary files /dev/null and b/apps/web/playwright/sample-files/1sec-long-name-audio-file.ogg differ
diff --git a/apps/web/playwright/sample-files/1sec.ogg b/apps/web/playwright/sample-files/1sec.ogg
new file mode 100755
index 00000000000..a8b078e1694
Binary files /dev/null and b/apps/web/playwright/sample-files/1sec.ogg differ
diff --git a/apps/web/playwright/sample-files/5secvid.webm b/apps/web/playwright/sample-files/5secvid.webm
new file mode 100644
index 00000000000..ec5a695fa4e
Binary files /dev/null and b/apps/web/playwright/sample-files/5secvid.webm differ
diff --git a/apps/web/playwright/sample-files/custom-component-module.js b/apps/web/playwright/sample-files/custom-component-module.js
new file mode 100644
index 00000000000..be2ab5928de
--- /dev/null
+++ b/apps/web/playwright/sample-files/custom-component-module.js
@@ -0,0 +1,74 @@
+/*
+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.
+*/
+
+// Note: eslint-plugin-jsdoc doesn't like import types as parameters, so we
+// get around it with @typedef
+/**
+ * @typedef {import("@element-hq/element-web-module-api").Api} Api
+ */
+
+export default class CustomComponentModule {
+    static moduleApiVersion = "^1.2.0";
+    /**
+     * Basic module for testing.
+     * @param {Api} api API object
+     */
+    constructor(api) {
+        this.api = api;
+        this.api.customComponents.registerMessageRenderer(
+            (evt) => evt.content.body === "Do not show edits",
+            (_props, originalComponent) => {
+                return originalComponent();
+            },
+            { allowEditingEvent: false },
+        );
+        this.api.customComponents.registerMessageRenderer(
+            (evt) => evt.content.body === "Fall through here",
+            (props) => {
+                const body = props.mxEvent.content.body;
+                return `Fallthrough text for ${body}`;
+            },
+        );
+        this.api.customComponents.registerMessageRenderer(
+            (evt) => {
+                if (evt.content.body === "Crash the filter!") {
+                    throw new Error("Fail test!");
+                }
+                return false;
+            },
+            () => {
+                return `Should not render!`;
+            },
+        );
+        this.api.customComponents.registerMessageRenderer(
+            (evt) => evt.content.body === "Crash the renderer!",
+            () => {
+                throw new Error("Fail test!");
+            },
+        );
+
+        this.api.customComponents.registerMessageRenderer(
+            (mxEvent) => mxEvent.type === "m.room.message" && mxEvent.content.msgtype === "m.image",
+            (_props, originalComponent) => {
+                return originalComponent();
+            },
+            { allowDownloadingMedia: async (mxEvent) => mxEvent.content.body !== "bad.png" },
+        );
+
+        // Order is specific here to avoid this overriding the other renderers
+        this.api.customComponents.registerMessageRenderer("m.room.message", (props, originalComponent) => {
+            const body = props.mxEvent.content.body;
+            if (body === "Do not replace me") {
+                return originalComponent();
+            } else if (body === "Fall through here") {
+                return null;
+            }
+            return `Custom text for ${body}`;
+        });
+    }
+    async load() {}
+}
diff --git a/apps/web/playwright/sample-files/element.png b/apps/web/playwright/sample-files/element.png
new file mode 100644
index 00000000000..53ca7652b4e
Binary files /dev/null and b/apps/web/playwright/sample-files/element.png differ
diff --git a/apps/web/playwright/sample-files/example-module.js b/apps/web/playwright/sample-files/example-module.js
new file mode 100644
index 00000000000..57f3c64ad23
--- /dev/null
+++ b/apps/web/playwright/sample-files/example-module.js
@@ -0,0 +1,25 @@
+/*
+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 default class ExampleModule {
+    static moduleApiVersion = "^1.0.0";
+    constructor(api) {
+        this.api = api;
+
+        this.api.i18n.register({
+            key: {
+                en: "%(brand)s module loading successful!",
+                de: "%(brand)s-Module erfolgreich geladen!",
+            },
+        });
+    }
+    async load() {
+        const brand = this.api.config.get("brand");
+        // oxlint-disable-next-line no-alert
+        alert(this.api.i18n.translate("key", { brand }));
+    }
+}
diff --git a/apps/web/playwright/sample-files/fake-element-call-with-send.html b/apps/web/playwright/sample-files/fake-element-call-with-send.html
new file mode 100644
index 00000000000..c7fb2fdcbc2
--- /dev/null
+++ b/apps/web/playwright/sample-files/fake-element-call-with-send.html
@@ -0,0 +1,53 @@
+<!doctype html>
+<style>
+    body {
+        background: rgb(139, 192, 253);
+    }
+</style>
+
+<!-- element-call.spec.ts will insert the widget API in this block -->
+<script>
+    widgetCodeHere;
+</script>
+
+<div>
+    <p>Fake Element Call</p>
+    <p>State: <span id="state">Loading</span></p>
+    <button id="send-button">Send Room Message</button>
+</div>
+
+<!-- Minimal fake implementation of Element Call. Just enough for testing the leagkin widgets.-->
+<script>
+    const stateIndicator = document.querySelector("#state");
+    const { WidgetApi, WidgetApiToWidgetAction, MatrixCapabilities } = mxwidgets();
+    const widgetId = new URLSearchParams(window.location.search).get("widgetId");
+    const params = new URLSearchParams(window.location.hash.slice(1));
+
+    const roomId = params.get("roomId");
+    const api = new WidgetApi(widgetId, "*");
+
+    document.querySelector("#send-button").onclick = async () => {
+        await api.sendRoomEvent(
+            "m.room.message",
+            { msgtype: "m.text", body: "I sent this once!!" },
+            roomId,
+            undefined,
+            undefined,
+            undefined,
+        );
+    };
+
+    api.requestCapability(MatrixCapabilities.AlwaysOnScreen);
+    api.requestCapability(`org.matrix.msc2762.timeline:${roomId}`);
+    api.requestCapabilityToSendMessage("m.text");
+
+    api.on("ready", (ev) => {
+        stateIndicator.innerHTML = "Ready";
+    });
+
+    // Start the messaging
+    api.start();
+
+    // If waitForIframeLoad is false, tell the client that we're good to go
+    api.sendContentLoaded();
+</script>
diff --git a/apps/web/playwright/sample-files/fake-element-call.html b/apps/web/playwright/sample-files/fake-element-call.html
new file mode 100644
index 00000000000..a0fc1f86893
--- /dev/null
+++ b/apps/web/playwright/sample-files/fake-element-call.html
@@ -0,0 +1,87 @@
+<!doctype html>
+<style>
+    body {
+        background: rgb(139, 192, 253);
+    }
+</style>
+
+<!-- element-call.spec.ts will insert the widget API in this block -->
+<script>
+    widgetCodeHere;
+</script>
+
+<div>
+    <p>Fake Element Call</p>
+    <p>State: <span id="state">Loading</span></p>
+    <button id="join-button">Join Call</button>
+    <button id="close-button">Close</button>
+</div>
+
+<!-- Minimal fake implementation of Element Call. Just enough for testing persistent widgets.-->
+<script>
+    const content = {
+        "application": "m.call",
+        "call_id": "",
+        "device_id": "gycSobuY0z",
+        "expires": 14400000,
+        "foci_preferred": [
+            {
+                livekit_alias: "any-alias",
+                livekit_service_url: "https://example.org",
+                type: "livekit",
+            },
+        ],
+        "focus_active": {
+            focus_selection: "oldest_membership",
+            type: "livekit",
+        },
+        "m.call.intent": "video",
+        "scope": "m.room",
+    };
+    const stateIndicator = document.querySelector("#state");
+    const { WidgetApi, WidgetApiToWidgetAction, MatrixCapabilities } = mxwidgets();
+    const widgetId = new URLSearchParams(window.location.search).get("widgetId");
+    const params = new URLSearchParams(window.location.hash.slice(1));
+    const userId = params.get("userId");
+    const deviceId = params.get("deviceId");
+    const roomId = params.get("roomId");
+    const api = new WidgetApi(widgetId, "*");
+
+    const stateKey = `_${userId}_${deviceId}_m.call`;
+
+    async function hangup() {
+        await api.sendStateEvent("org.matrix.msc3401.call.member", stateKey, {}, roomId);
+        await api.setAlwaysOnScreen(false);
+        await api.transport.send("io.element.close", {});
+        stateIndicator.innerHTML = "Ended";
+    }
+
+    document.querySelector("#join-button").onclick = async () => {
+        await api.setAlwaysOnScreen(true);
+        await api.transport.send("io.element.join", {});
+        await api.sendStateEvent("org.matrix.msc3401.call.member", stateKey, content, roomId);
+        stateIndicator.innerHTML = "In call";
+    };
+
+    document.querySelector("#close-button").onclick = () => {
+        hangup();
+    };
+
+    api.requestCapability(MatrixCapabilities.AlwaysOnScreen);
+    api.requestCapability(`org.matrix.msc2762.timeline:${roomId}`);
+    api.requestCapabilityToSendState("org.matrix.msc3401.call.member", stateKey);
+
+    api.on("ready", (ev) => {
+        stateIndicator.innerHTML = "Ready";
+        // Pretend to join a call.
+    });
+    api.on("action:im.vector.hangup", async () => {
+        await hangup();
+    });
+
+    // Start the messaging
+    api.start();
+
+    // If waitForIframeLoad is false, tell the client that we're good to go
+    api.sendContentLoaded();
+</script>
diff --git a/apps/web/playwright/sample-files/index.ts b/apps/web/playwright/sample-files/index.ts
new file mode 100644
index 00000000000..5d3475da8aa
--- /dev/null
+++ b/apps/web/playwright/sample-files/index.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 path from "node:path";
+import { fileURLToPath } from "node:url";
+import { readFile } from "node:fs/promises";
+import { readFileSync } from "node:fs";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export function getSampleFilePath(file: string): string {
+    return path.join(__dirname, file);
+}
+
+export function readSampleFile(file: string, encoding: null): Promise<Buffer>;
+export function readSampleFile(file: string, encoding?: BufferEncoding): Promise<string>;
+export function readSampleFile(file: string, encoding: BufferEncoding | null = "utf-8"): Promise<Buffer | string> {
+    return readFile(getSampleFilePath(file), encoding);
+}
+
+export function readSampleFileSync(file: string, encoding: null): Buffer;
+export function readSampleFileSync(file: string, encoding?: BufferEncoding): string;
+export function readSampleFileSync(file: string, encoding: BufferEncoding | null = "utf-8"): Buffer | string {
+    return readFileSync(getSampleFilePath(file), encoding);
+}
diff --git a/apps/web/playwright/sample-files/matrix-org-client-versions.json b/apps/web/playwright/sample-files/matrix-org-client-versions.json
new file mode 100644
index 00000000000..51f2ab09386
--- /dev/null
+++ b/apps/web/playwright/sample-files/matrix-org-client-versions.json
@@ -0,0 +1,39 @@
+{
+    "versions": [
+        "r0.0.1",
+        "r0.1.0",
+        "r0.2.0",
+        "r0.3.0",
+        "r0.4.0",
+        "r0.5.0",
+        "r0.6.0",
+        "r0.6.1",
+        "v1.1",
+        "v1.2",
+        "v1.3",
+        "v1.4"
+    ],
+    "unstable_features": {
+        "org.matrix.label_based_filtering": true,
+        "org.matrix.e2e_cross_signing": true,
+        "org.matrix.msc2432": true,
+        "uk.half-shot.msc2666.mutual_rooms": true,
+        "io.element.e2ee_forced.public": false,
+        "io.element.e2ee_forced.private": false,
+        "io.element.e2ee_forced.trusted_private": false,
+        "org.matrix.msc3026.busy_presence": false,
+        "org.matrix.msc2285.stable": true,
+        "org.matrix.msc3827.stable": true,
+        "org.matrix.msc2716": false,
+        "org.matrix.msc3030": false,
+        "org.matrix.msc3440.stable": true,
+        "org.matrix.msc3771": true,
+        "org.matrix.msc3773": false,
+        "fi.mau.msc2815": false,
+        "org.matrix.msc3882": false,
+        "org.matrix.msc3881": false,
+        "org.matrix.msc3874": false,
+        "org.matrix.msc3886": false,
+        "org.matrix.msc3912": false
+    }
+}
diff --git a/apps/web/playwright/sample-files/riot.png b/apps/web/playwright/sample-files/riot.png
new file mode 100644
index 00000000000..ee42954c782
Binary files /dev/null and b/apps/web/playwright/sample-files/riot.png differ
diff --git a/apps/web/playwright/sample-files/settings-module.js b/apps/web/playwright/sample-files/settings-module.js
new file mode 100644
index 00000000000..950be72a8fa
--- /dev/null
+++ b/apps/web/playwright/sample-files/settings-module.js
@@ -0,0 +1,17 @@
+/*
+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 class SettingsModule {
+    static moduleApiVersion = "^*";
+    constructor(api) {
+        this.api = api;
+    }
+    async load() {
+        // oxlint-disable-next-line no-alert
+        alert(this.api.settings.getValue("language"));
+    }
+}
diff --git a/apps/web/playwright/sample-files/upload-first.ogg b/apps/web/playwright/sample-files/upload-first.ogg
new file mode 100755
index 00000000000..a8b078e1694
Binary files /dev/null and b/apps/web/playwright/sample-files/upload-first.ogg differ
diff --git a/apps/web/playwright/sample-files/upload-module.js b/apps/web/playwright/sample-files/upload-module.js
new file mode 100644
index 00000000000..11edfbca95c
--- /dev/null
+++ b/apps/web/playwright/sample-files/upload-module.js
@@ -0,0 +1,35 @@
+/*
+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.
+*/
+
+// Note: eslint-plugin-jsdoc doesn't like import types as parameters, so we
+// get around it with @typedef
+/**
+ * @typedef {import("@element-hq/element-web-module-api").Api} Api
+ */
+
+export default class CustomComponentModule {
+    static moduleApiVersion = "^*";
+    /**
+     * Basic module for testing.
+     * @param {Api} api API object
+     */
+    constructor(api) {
+        this.api = api;
+    }
+    async load() {
+        this.api.composer.addFileUploadOption({
+            type: "org.example.uploader",
+            label: "Example uploader",
+            onSelected: (_roomId, view) => {
+                this.api.composer.openFileUploadConfirmation(
+                    [new File(["test"], "testfile.txt", { type: "text/plain" })],
+                    view,
+                );
+            },
+        });
+    }
+}
diff --git a/apps/web/playwright/sample-files/upload-second.ogg b/apps/web/playwright/sample-files/upload-second.ogg
new file mode 100755
index 00000000000..a8b078e1694
Binary files /dev/null and b/apps/web/playwright/sample-files/upload-second.ogg differ
diff --git a/apps/web/playwright/sample-files/upload-third.ogg b/apps/web/playwright/sample-files/upload-third.ogg
new file mode 100755
index 00000000000..a8b078e1694
Binary files /dev/null and b/apps/web/playwright/sample-files/upload-third.ogg differ
diff --git a/apps/web/playwright/services.ts b/apps/web/playwright/services.ts
new file mode 100644
index 00000000000..5442a010984
--- /dev/null
+++ b/apps/web/playwright/services.ts
@@ -0,0 +1,58 @@
+/*
+Copyright 2024 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 { test as base } from "@element-hq/element-web-playwright-common";
+import {
+    type Services as BaseServices,
+    type WorkerOptions as BaseWorkerOptions,
+} from "@element-hq/element-web-playwright-common/lib/fixtures";
+import { type HomeserverContainer } from "@element-hq/element-web-playwright-common/lib/testcontainers/index.js";
+
+import { type OAuthServer } from "./plugins/oauth_server";
+import { DendriteContainer, PineconeContainer } from "./testcontainers/dendrite";
+import { type HomeserverType } from "./plugins/homeserver";
+import { SynapseContainer } from "./testcontainers/synapse";
+
+export interface Services extends BaseServices {
+    // Set in legacyOAuthHomeserver only
+    oAuthServer?: OAuthServer;
+}
+
+export interface WorkerOptions extends BaseWorkerOptions {
+    homeserverType: HomeserverType;
+}
+
+export const test = base.extend<{}, Services & WorkerOptions>({
+    homeserverType: ["synapse", { option: true, scope: "worker" }],
+    _homeserver: [
+        async ({ homeserverType }, use) => {
+            let container: HomeserverContainer<unknown>;
+            switch (homeserverType) {
+                case "synapse":
+                    container = new SynapseContainer();
+                    break;
+                case "dendrite":
+                    container = new DendriteContainer();
+                    break;
+                case "pinecone":
+                    container = new PineconeContainer();
+                    break;
+            }
+
+            await use(container);
+        },
+        { scope: "worker" },
+    ],
+
+    context: async ({ homeserverType, synapseConfig, context, _homeserver }, use, testInfo) => {
+        testInfo.skip(
+            !(_homeserver instanceof SynapseContainer) && Object.keys(synapseConfig).length > 0,
+            `Test specifies Synapse config options so is unsupported with ${homeserverType}`,
+        );
+        await use(context);
+    },
+});
diff --git a/apps/web/playwright/snapshots/app-loading/feature-detection.spec.ts/unsupported-browser-CompatibilityView-linux.png b/apps/web/playwright/snapshots/app-loading/feature-detection.spec.ts/unsupported-browser-CompatibilityView-linux.png
new file mode 100644
index 00000000000..b55e83b09ab
Binary files /dev/null and b/apps/web/playwright/snapshots/app-loading/feature-detection.spec.ts/unsupported-browser-CompatibilityView-linux.png differ
diff --git a/apps/web/playwright/snapshots/app-loading/feature-detection.spec.ts/unsupported-browser-linux.png b/apps/web/playwright/snapshots/app-loading/feature-detection.spec.ts/unsupported-browser-linux.png
new file mode 100644
index 00000000000..6a72dec4e27
Binary files /dev/null and b/apps/web/playwright/snapshots/app-loading/feature-detection.spec.ts/unsupported-browser-linux.png differ
diff --git a/apps/web/playwright/snapshots/app-loading/guest-registration.spec.ts/guest-menu-linux.png b/apps/web/playwright/snapshots/app-loading/guest-registration.spec.ts/guest-menu-linux.png
new file mode 100644
index 00000000000..7226cb064f8
Binary files /dev/null and b/apps/web/playwright/snapshots/app-loading/guest-registration.spec.ts/guest-menu-linux.png differ
diff --git a/apps/web/playwright/snapshots/app-loading/stored-credentials.spec.ts/home-thin-viewport-linux.png b/apps/web/playwright/snapshots/app-loading/stored-credentials.spec.ts/home-thin-viewport-linux.png
new file mode 100644
index 00000000000..5681da209e2
Binary files /dev/null and b/apps/web/playwright/snapshots/app-loading/stored-credentials.spec.ts/home-thin-viewport-linux.png differ
diff --git a/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--bubble-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--bubble-layout-linux.png
new file mode 100644
index 00000000000..2cfaa6aed6c
Binary files /dev/null and b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--bubble-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--group-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--group-layout-linux.png
new file mode 100644
index 00000000000..f5b3a6bf32a
Binary files /dev/null and b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--group-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--irc-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--irc-layout-linux.png
new file mode 100644
index 00000000000..b59b94fb0b8
Binary files /dev/null and b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--bubble-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--bubble-layout-linux.png
new file mode 100644
index 00000000000..a58c7e1e51c
Binary files /dev/null and b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--bubble-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--group-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--group-layout-linux.png
new file mode 100644
index 00000000000..583f552050d
Binary files /dev/null and b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--group-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--irc-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--irc-layout-linux.png
new file mode 100644
index 00000000000..157a630063e
Binary files /dev/null and b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--bubble-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--bubble-layout-linux.png
new file mode 100644
index 00000000000..80c4e760c53
Binary files /dev/null and b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--bubble-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--group-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--group-layout-linux.png
new file mode 100644
index 00000000000..c89aa8590f1
Binary files /dev/null and b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--group-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--irc-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--irc-layout-linux.png
new file mode 100644
index 00000000000..5b409af7256
Binary files /dev/null and b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--bubble-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--bubble-layout-linux.png
new file mode 100644
index 00000000000..d86162048e2
Binary files /dev/null and b/apps/web/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/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--group-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--group-layout-linux.png
new file mode 100644
index 00000000000..ba07d72ea65
Binary files /dev/null and b/apps/web/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/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--irc-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--irc-layout-linux.png
new file mode 100644
index 00000000000..a5ec39f7a7a
Binary files /dev/null and b/apps/web/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/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-bubble-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-bubble-layout-linux.png
new file mode 100644
index 00000000000..52e93c26048
Binary files /dev/null and b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-bubble-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-bubble-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-bubble-layout-linux.png
new file mode 100644
index 00000000000..2c8f30ca5be
Binary files /dev/null and b/apps/web/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/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-group-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-group-layout-linux.png
new file mode 100644
index 00000000000..1acbafd77b8
Binary files /dev/null and b/apps/web/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/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-irc-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-irc-layout-linux.png
new file mode 100644
index 00000000000..6233260baa9
Binary files /dev/null and b/apps/web/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/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-group-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-group-layout-linux.png
new file mode 100644
index 00000000000..93ff7541cf3
Binary files /dev/null and b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-group-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-irc-layout-linux.png b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-irc-layout-linux.png
new file mode 100644
index 00000000000..3481cc3934f
Binary files /dev/null and b/apps/web/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/chat-export/html-export.spec.ts/html-export-linux.png b/apps/web/playwright/snapshots/chat-export/html-export.spec.ts/html-export-linux.png
new file mode 100644
index 00000000000..b63a4fa634a
Binary files /dev/null and b/apps/web/playwright/snapshots/chat-export/html-export.spec.ts/html-export-linux.png differ
diff --git a/apps/web/playwright/snapshots/composer/CIDER.spec.ts/emoji-autocomplete-linux.png b/apps/web/playwright/snapshots/composer/CIDER.spec.ts/emoji-autocomplete-linux.png
new file mode 100644
index 00000000000..e4b06f18fa4
Binary files /dev/null and b/apps/web/playwright/snapshots/composer/CIDER.spec.ts/emoji-autocomplete-linux.png differ
diff --git a/apps/web/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-linux.png b/apps/web/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-linux.png
new file mode 100644
index 00000000000..e3370132a29
Binary files /dev/null and b/apps/web/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-linux.png differ
diff --git a/apps/web/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-small-linux.png b/apps/web/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-small-linux.png
new file mode 100644
index 00000000000..f7d56595a60
Binary files /dev/null and b/apps/web/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-small-linux.png differ
diff --git a/apps/web/playwright/snapshots/composer/CIDER.spec.ts/mention-linux.png b/apps/web/playwright/snapshots/composer/CIDER.spec.ts/mention-linux.png
new file mode 100644
index 00000000000..de157ac7491
Binary files /dev/null and b/apps/web/playwright/snapshots/composer/CIDER.spec.ts/mention-linux.png differ
diff --git a/apps/web/playwright/snapshots/composer/CIDER.spec.ts/narrow-linux.png b/apps/web/playwright/snapshots/composer/CIDER.spec.ts/narrow-linux.png
new file mode 100644
index 00000000000..7fece3ebe27
Binary files /dev/null and b/apps/web/playwright/snapshots/composer/CIDER.spec.ts/narrow-linux.png differ
diff --git a/apps/web/playwright/snapshots/composer/RTE.spec.ts/narrow-linux.png b/apps/web/playwright/snapshots/composer/RTE.spec.ts/narrow-linux.png
new file mode 100644
index 00000000000..5beeb1f8611
Binary files /dev/null and b/apps/web/playwright/snapshots/composer/RTE.spec.ts/narrow-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/complete-security.spec.ts/complete-security-linux.png b/apps/web/playwright/snapshots/crypto/complete-security.spec.ts/complete-security-linux.png
new file mode 100644
index 00000000000..904e23c35a7
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/complete-security.spec.ts/complete-security-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/crypto.spec.ts/RoomSummaryCard-with-verified-e2ee-linux.png b/apps/web/playwright/snapshots/crypto/crypto.spec.ts/RoomSummaryCard-with-verified-e2ee-linux.png
new file mode 100644
index 00000000000..0a99a4cf867
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/crypto.spec.ts/RoomSummaryCard-with-verified-e2ee-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/crypto.spec.ts/composer-e2e-icon-linux.png b/apps/web/playwright/snapshots/crypto/crypto.spec.ts/composer-e2e-icon-linux.png
new file mode 100644
index 00000000000..30a5951f01d
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/crypto.spec.ts/composer-e2e-icon-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/decryption-failure-messages.spec.ts/history-not-available-linux.png b/apps/web/playwright/snapshots/crypto/decryption-failure-messages.spec.ts/history-not-available-linux.png
new file mode 100644
index 00000000000..a133157d0ef
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/decryption-failure-messages.spec.ts/history-not-available-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/confirm-green-shield-linux.png b/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/confirm-green-shield-linux.png
new file mode 100644
index 00000000000..23c295c2f6c
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/confirm-green-shield-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/device-verified-e2eIcon-linux.png b/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/device-verified-e2eIcon-linux.png
new file mode 100644
index 00000000000..bd282ff485d
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/device-verified-e2eIcon-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/got-it-linux.png b/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/got-it-linux.png
new file mode 100644
index 00000000000..0d705053b32
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/got-it-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/qr-code-linux.png b/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/qr-code-linux.png
new file mode 100644
index 00000000000..23094f7b8b4
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/qr-code-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/recovery-key-linux.png b/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/recovery-key-linux.png
new file mode 100644
index 00000000000..f2e5ab13502
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/device-verification.spec.ts/recovery-key-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-authenticity-linux.png b/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-authenticity-linux.png
new file mode 100644
index 00000000000..5777a77e591
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-authenticity-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-identity-reset-linux.png b/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-identity-reset-linux.png
new file mode 100644
index 00000000000..cf0fae75877
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-identity-reset-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-not-verified-linux.png b/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-not-verified-linux.png
new file mode 100644
index 00000000000..cf0fae75877
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-not-verified-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-utd-linux.png b/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-utd-linux.png
new file mode 100644
index 00000000000..9cdf979ce0e
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-utd-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-warning-linux.png b/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-warning-linux.png
new file mode 100644
index 00000000000..cf0fae75877
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-warning-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/history-sharing.spec.ts/shared-history-invite-accepted-linux.png b/apps/web/playwright/snapshots/crypto/history-sharing.spec.ts/shared-history-invite-accepted-linux.png
new file mode 100644
index 00000000000..6e85cdbe374
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/history-sharing.spec.ts/shared-history-invite-accepted-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/toasts.spec.ts/key-storage-out-of-sync-toast-linux.png b/apps/web/playwright/snapshots/crypto/toasts.spec.ts/key-storage-out-of-sync-toast-linux.png
new file mode 100644
index 00000000000..f2b0d4c12f6
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/toasts.spec.ts/key-storage-out-of-sync-toast-linux.png differ
diff --git a/apps/web/playwright/snapshots/crypto/toasts.spec.ts/verify-this-device-linux.png b/apps/web/playwright/snapshots/crypto/toasts.spec.ts/verify-this-device-linux.png
new file mode 100644
index 00000000000..476df6add3b
Binary files /dev/null and b/apps/web/playwright/snapshots/crypto/toasts.spec.ts/verify-this-device-linux.png differ
diff --git a/apps/web/playwright/snapshots/devtools/devtools.spec.ts/devtools-dialog-linux.png b/apps/web/playwright/snapshots/devtools/devtools.spec.ts/devtools-dialog-linux.png
new file mode 100644
index 00000000000..c63dda06ce1
Binary files /dev/null and b/apps/web/playwright/snapshots/devtools/devtools.spec.ts/devtools-dialog-linux.png differ
diff --git a/apps/web/playwright/snapshots/devtools/upgraderoom.spec.ts/upgrade-room-linux.png b/apps/web/playwright/snapshots/devtools/upgraderoom.spec.ts/upgrade-room-linux.png
new file mode 100644
index 00000000000..2ef33d986d9
Binary files /dev/null and b/apps/web/playwright/snapshots/devtools/upgraderoom.spec.ts/upgrade-room-linux.png differ
diff --git a/apps/web/playwright/snapshots/editing/editing.spec.ts/message-edit-history-dialog-linux.png b/apps/web/playwright/snapshots/editing/editing.spec.ts/message-edit-history-dialog-linux.png
new file mode 100644
index 00000000000..f606955146e
Binary files /dev/null and b/apps/web/playwright/snapshots/editing/editing.spec.ts/message-edit-history-dialog-linux.png differ
diff --git a/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-locally-linux.png b/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-locally-linux.png
new file mode 100644
index 00000000000..cfb00e09d2e
Binary files /dev/null and b/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-locally-linux.png differ
diff --git a/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-via-url-linux.png b/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-via-url-linux.png
new file mode 100644
index 00000000000..8fc89b95e78
Binary files /dev/null and b/apps/web/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-via-url-linux.png differ
diff --git a/apps/web/playwright/snapshots/file-upload/image-upload.spec.ts/image-upload-preview-linux.png b/apps/web/playwright/snapshots/file-upload/image-upload.spec.ts/image-upload-preview-linux.png
new file mode 100644
index 00000000000..be47bf9e442
Binary files /dev/null and b/apps/web/playwright/snapshots/file-upload/image-upload.spec.ts/image-upload-preview-linux.png differ
diff --git a/apps/web/playwright/snapshots/forgot-password/forgot-password.spec.ts/forgot-password-linux.png b/apps/web/playwright/snapshots/forgot-password/forgot-password.spec.ts/forgot-password-linux.png
new file mode 100644
index 00000000000..771157a11a6
Binary files /dev/null and b/apps/web/playwright/snapshots/forgot-password/forgot-password.spec.ts/forgot-password-linux.png differ
diff --git a/apps/web/playwright/snapshots/forgot-password/forgot-password.spec.ts/forgot-password-verify-email-linux.png b/apps/web/playwright/snapshots/forgot-password/forgot-password.spec.ts/forgot-password-verify-email-linux.png
new file mode 100644
index 00000000000..5537ae9991f
Binary files /dev/null and b/apps/web/playwright/snapshots/forgot-password/forgot-password.spec.ts/forgot-password-verify-email-linux.png differ
diff --git a/apps/web/playwright/snapshots/invite/decline-and-block-invite-dialog.spec.ts/decline-and-block-invite-empty-linux.png b/apps/web/playwright/snapshots/invite/decline-and-block-invite-dialog.spec.ts/decline-and-block-invite-empty-linux.png
new file mode 100644
index 00000000000..26695de1fc7
Binary files /dev/null and b/apps/web/playwright/snapshots/invite/decline-and-block-invite-dialog.spec.ts/decline-and-block-invite-empty-linux.png differ
diff --git a/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/confirm-chat-with-new-contact-linux.png b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/confirm-chat-with-new-contact-linux.png
new file mode 100644
index 00000000000..4cdb24a1739
Binary files /dev/null and b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/confirm-chat-with-new-contact-linux.png differ
diff --git a/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/confirm-invite-new-contact-linux.png b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/confirm-invite-new-contact-linux.png
new file mode 100644
index 00000000000..cf961af67a6
Binary files /dev/null and b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/confirm-invite-new-contact-linux.png differ
diff --git a/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-with-user-pill-linux.png b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-with-user-pill-linux.png
new file mode 100644
index 00000000000..33815f6fe0c
Binary files /dev/null and b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-with-user-pill-linux.png differ
diff --git a/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-without-user-linux.png b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-without-user-linux.png
new file mode 100644
index 00000000000..3d9a23d2dbf
Binary files /dev/null and b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-dm-without-user-linux.png differ
diff --git a/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-room-with-user-pill-linux.png b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-room-with-user-pill-linux.png
new file mode 100644
index 00000000000..0c0695ad640
Binary files /dev/null and b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-room-with-user-pill-linux.png differ
diff --git a/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-room-without-user-linux.png b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-room-without-user-linux.png
new file mode 100644
index 00000000000..cee338835f3
Binary files /dev/null and b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/invite-dialog-room-without-user-linux.png differ
diff --git a/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/send-your-first-message-view-linux.png b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/send-your-first-message-view-linux.png
new file mode 100644
index 00000000000..f03224ab84e
Binary files /dev/null and b/apps/web/playwright/snapshots/invite/invite-dialog.spec.ts/send-your-first-message-view-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-collapse.spec.ts/room-list-collapse-default-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-collapse.spec.ts/room-list-collapse-default-linux.png
new file mode 100644
index 00000000000..9dcab305dac
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-collapse.spec.ts/room-list-collapse-default-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-collapse.spec.ts/room-list-collapse-fully-collapsed-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-collapse.spec.ts/room-list-collapse-fully-collapsed-linux.png
new file mode 100644
index 00000000000..ed983e2061c
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-collapse.spec.ts/room-list-collapse-fully-collapsed-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-custom-sections.spec.ts/room-list-sections-chat-moved-toast-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-custom-sections.spec.ts/room-list-sections-chat-moved-toast-linux.png
new file mode 100644
index 00000000000..816bb51d1a9
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-custom-sections.spec.ts/room-list-sections-chat-moved-toast-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/Invites-empty-room-list-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/Invites-empty-room-list-linux.png
new file mode 100644
index 00000000000..a3ff80267e1
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/Invites-empty-room-list-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/Mentions-empty-room-list-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/Mentions-empty-room-list-linux.png
new file mode 100644
index 00000000000..498a63fa8cf
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/Mentions-empty-room-list-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/People-empty-room-list-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/People-empty-room-list-linux.png
new file mode 100644
index 00000000000..72cf50b9144
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/People-empty-room-list-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/Rooms-empty-room-list-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/Rooms-empty-room-list-linux.png
new file mode 100644
index 00000000000..bea7130aca9
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/Rooms-empty-room-list-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/Unreads-empty-room-list-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/Unreads-empty-room-list-linux.png
new file mode 100644
index 00000000000..8498c97fb66
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/Unreads-empty-room-list-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/collapsed-primary-filters-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/collapsed-primary-filters-linux.png
new file mode 100644
index 00000000000..bcf5879eb16
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/collapsed-primary-filters-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/default-empty-room-list-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/default-empty-room-list-linux.png
new file mode 100644
index 00000000000..ce39afb3ce0
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/default-empty-room-list-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/expanded-primary-filters-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/expanded-primary-filters-linux.png
new file mode 100644
index 00000000000..c6b620a13cb
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/expanded-primary-filters-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/room-panel-empty-room-list-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/room-panel-empty-room-list-linux.png
new file mode 100644
index 00000000000..0720900e7db
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/room-panel-empty-room-list-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/unread-dm-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/unread-dm-linux.png
new file mode 100644
index 00000000000..e1f451d1211
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/unread-dm-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/unread-primary-filters-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/unread-primary-filters-linux.png
new file mode 100644
index 00000000000..505e45eee93
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/unread-primary-filters-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/unselected-primary-filters-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/unselected-primary-filters-linux.png
new file mode 100644
index 00000000000..7a1468c7ee2
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/unselected-primary-filters-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-compose-menu-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-compose-menu-linux.png
new file mode 100644
index 00000000000..971d923b918
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-compose-menu-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-linux.png
new file mode 100644
index 00000000000..f279817765c
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-space-menu-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-space-menu-linux.png
new file mode 100644
index 00000000000..98d333c5ce5
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-space-menu-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-space-header-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-space-header-linux.png
new file mode 100644
index 00000000000..038ca65a1ee
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-space-header-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-linux.png
new file mode 100644
index 00000000000..7f75b8e18c7
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-smallscreen-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-smallscreen-linux.png
new file mode 100644
index 00000000000..ca488e79d26
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-smallscreen-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-search.spec.ts/search-section-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-search.spec.ts/search-section-linux.png
new file mode 100644
index 00000000000..8aac6757595
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-search.spec.ts/search-section-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-sections.spec.ts/room-list-section-header-notification-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-sections.spec.ts/room-list-section-header-notification-linux.png
new file mode 100644
index 00000000000..dda3fd97bc7
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-sections.spec.ts/room-list-section-header-notification-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-sections.spec.ts/room-list-sections-collapsed-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-sections.spec.ts/room-list-sections-collapsed-linux.png
new file mode 100644
index 00000000000..5896c11bee6
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-sections.spec.ts/room-list-sections-collapsed-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-sections.spec.ts/room-list-sections-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-sections.spec.ts/room-list-sections-linux.png
new file mode 100644
index 00000000000..d4b1cbb7c66
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-sections.spec.ts/room-list-sections-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-activity-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-activity-linux.png
new file mode 100644
index 00000000000..9fc0fec4f20
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-activity-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-hover-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-hover-linux.png
new file mode 100644
index 00000000000..3ecaa94ad2b
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-hover-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-hover-silent-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-hover-silent-linux.png
new file mode 100644
index 00000000000..4347081d836
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-hover-silent-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-invited-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-invited-linux.png
new file mode 100644
index 00000000000..f130518d769
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-invited-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-low-priority-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-low-priority-linux.png
new file mode 100644
index 00000000000..0335aab089a
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-low-priority-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-mark-as-unread-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-mark-as-unread-linux.png
new file mode 100644
index 00000000000..447bb1954d6
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-mark-as-unread-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-mention-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-mention-linux.png
new file mode 100644
index 00000000000..1ac6df02448
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-mention-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-message-preview-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-message-preview-linux.png
new file mode 100644
index 00000000000..2a8aaf63bb3
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-message-preview-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-notification-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-notification-linux.png
new file mode 100644
index 00000000000..86b51ee0d08
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-notification-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-more-options-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-more-options-linux.png
new file mode 100644
index 00000000000..a483b2d665d
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-more-options-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-linux.png
new file mode 100644
index 00000000000..72295a83576
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-selection-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-selection-linux.png
new file mode 100644
index 00000000000..826d1fc0c7d
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-selection-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-public-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-public-linux.png
new file mode 100644
index 00000000000..67376259080
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-public-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-silent-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-silent-linux.png
new file mode 100644
index 00000000000..fb6b14957fb
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-silent-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-video-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-video-linux.png
new file mode 100644
index 00000000000..aaf8af550b6
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-video-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-linux.png
new file mode 100644
index 00000000000..2f43e8032c4
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-linux.png differ
diff --git a/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-scrolled-linux.png b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-scrolled-linux.png
new file mode 100644
index 00000000000..6857ac31060
Binary files /dev/null and b/apps/web/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-scrolled-linux.png differ
diff --git a/apps/web/playwright/snapshots/links/permalinks.spec.ts/permalink-rendering-linux.png b/apps/web/playwright/snapshots/links/permalinks.spec.ts/permalink-rendering-linux.png
new file mode 100644
index 00000000000..d8f93f412ee
Binary files /dev/null and b/apps/web/playwright/snapshots/links/permalinks.spec.ts/permalink-rendering-linux.png differ
diff --git a/apps/web/playwright/snapshots/location/location.spec.ts/location-live-share-dialog-linux.png b/apps/web/playwright/snapshots/location/location.spec.ts/location-live-share-dialog-linux.png
new file mode 100644
index 00000000000..3cac48d7b5f
Binary files /dev/null and b/apps/web/playwright/snapshots/location/location.spec.ts/location-live-share-dialog-linux.png differ
diff --git a/apps/web/playwright/snapshots/location/location.spec.ts/location-pin-drop-message-map-linux.png b/apps/web/playwright/snapshots/location/location.spec.ts/location-pin-drop-message-map-linux.png
new file mode 100644
index 00000000000..36632e6a613
Binary files /dev/null and b/apps/web/playwright/snapshots/location/location.spec.ts/location-pin-drop-message-map-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/basic-message-ltr-ltrdisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/basic-message-ltr-ltrdisplayname-linux.png
new file mode 100644
index 00000000000..2410358e9e9
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/basic-message-ltr-ltrdisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/basic-message-ltr-rtldisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/basic-message-ltr-rtldisplayname-linux.png
new file mode 100644
index 00000000000..8b2feca8c55
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/basic-message-ltr-rtldisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/basic-message-rtl-ltrdisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/basic-message-rtl-ltrdisplayname-linux.png
new file mode 100644
index 00000000000..65c73f19d91
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/basic-message-rtl-ltrdisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/basic-message-rtl-rtldisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/basic-message-rtl-rtldisplayname-linux.png
new file mode 100644
index 00000000000..a26108ac62a
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/basic-message-rtl-rtldisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/edited-message-ltr-ltrdisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/edited-message-ltr-ltrdisplayname-linux.png
new file mode 100644
index 00000000000..358b4c36126
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/edited-message-ltr-ltrdisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/edited-message-ltr-rtldisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/edited-message-ltr-rtldisplayname-linux.png
new file mode 100644
index 00000000000..b295eb0c646
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/edited-message-ltr-rtldisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/edited-message-rtl-ltrdisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/edited-message-rtl-ltrdisplayname-linux.png
new file mode 100644
index 00000000000..fd9c3ab6e3e
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/edited-message-rtl-ltrdisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/edited-message-rtl-rtldisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/edited-message-rtl-rtldisplayname-linux.png
new file mode 100644
index 00000000000..7a88f0d0c8b
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/edited-message-rtl-rtldisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-ltr-ltrdisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-ltr-ltrdisplayname-linux.png
new file mode 100644
index 00000000000..6f0b0439974
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-ltr-ltrdisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-ltr-rtldisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-ltr-rtldisplayname-linux.png
new file mode 100644
index 00000000000..c72275bdd7b
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-ltr-rtldisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rich-ltr-ltrdisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rich-ltr-ltrdisplayname-linux.png
new file mode 100644
index 00000000000..8ca91be6289
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rich-ltr-ltrdisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rich-ltr-rtldisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rich-ltr-rtldisplayname-linux.png
new file mode 100644
index 00000000000..6cfebac2e67
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rich-ltr-rtldisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rich-rtl-ltrdisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rich-rtl-ltrdisplayname-linux.png
new file mode 100644
index 00000000000..f1917caa067
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rich-rtl-ltrdisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rich-rtl-rtldisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rich-rtl-rtldisplayname-linux.png
new file mode 100644
index 00000000000..5bb928c2c64
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rich-rtl-rtldisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rtl-ltrdisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rtl-ltrdisplayname-linux.png
new file mode 100644
index 00000000000..fc338f870bc
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rtl-ltrdisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rtl-rtldisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rtl-rtldisplayname-linux.png
new file mode 100644
index 00000000000..6d2a13e84c9
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/emote-rtl-rtldisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-basic-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-basic-linux.png
new file mode 100644
index 00000000000..37df57eff50
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-basic-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-with-thumb-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-with-thumb-linux.png
new file mode 100644
index 00000000000..107da1c041c
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/preview-with-thumb-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/reply-message-ltr-ltrdisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/reply-message-ltr-ltrdisplayname-linux.png
new file mode 100644
index 00000000000..453fc90da9d
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/reply-message-ltr-ltrdisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/reply-message-ltr-rtldisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/reply-message-ltr-rtldisplayname-linux.png
new file mode 100644
index 00000000000..d753643a3ac
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/reply-message-ltr-rtldisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/reply-message-trl-ltrdisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/reply-message-trl-ltrdisplayname-linux.png
new file mode 100644
index 00000000000..7576c27800b
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/reply-message-trl-ltrdisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/messages/messages.spec.ts/reply-message-trl-rtldisplayname-linux.png b/apps/web/playwright/snapshots/messages/messages.spec.ts/reply-message-trl-rtldisplayname-linux.png
new file mode 100644
index 00000000000..211f50ca128
Binary files /dev/null and b/apps/web/playwright/snapshots/messages/messages.spec.ts/reply-message-trl-rtldisplayname-linux.png differ
diff --git a/apps/web/playwright/snapshots/mobile-guide/mobile-guide.spec.ts/mobile-guide-element-classic-linux.png b/apps/web/playwright/snapshots/mobile-guide/mobile-guide.spec.ts/mobile-guide-element-classic-linux.png
new file mode 100644
index 00000000000..f091eeed74f
Binary files /dev/null and b/apps/web/playwright/snapshots/mobile-guide/mobile-guide.spec.ts/mobile-guide-element-classic-linux.png differ
diff --git a/apps/web/playwright/snapshots/mobile-guide/mobile-guide.spec.ts/mobile-guide-element-linux.png b/apps/web/playwright/snapshots/mobile-guide/mobile-guide.spec.ts/mobile-guide-element-linux.png
new file mode 100644
index 00000000000..9c32731ab79
Binary files /dev/null and b/apps/web/playwright/snapshots/mobile-guide/mobile-guide.spec.ts/mobile-guide-element-linux.png differ
diff --git a/apps/web/playwright/snapshots/mobile-guide/mobile-guide.spec.ts/mobile-guide-element-pro-linux.png b/apps/web/playwright/snapshots/mobile-guide/mobile-guide.spec.ts/mobile-guide-element-pro-linux.png
new file mode 100644
index 00000000000..ff1bb69a4f8
Binary files /dev/null and b/apps/web/playwright/snapshots/mobile-guide/mobile-guide.spec.ts/mobile-guide-element-pro-linux.png differ
diff --git a/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-crash-handle-filter-linux.png b/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-crash-handle-filter-linux.png
new file mode 100644
index 00000000000..1676e7ac7ef
Binary files /dev/null and b/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-crash-handle-filter-linux.png differ
diff --git a/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-crash-handle-renderer-linux.png b/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-crash-handle-renderer-linux.png
new file mode 100644
index 00000000000..10240409b0b
Binary files /dev/null and b/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-crash-handle-renderer-linux.png differ
diff --git a/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-tile-fall-through-linux.png b/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-tile-fall-through-linux.png
new file mode 100644
index 00000000000..9f176805f8e
Binary files /dev/null and b/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-tile-fall-through-linux.png differ
diff --git a/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-tile-linux.png b/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-tile-linux.png
new file mode 100644
index 00000000000..48ec2bf63c9
Binary files /dev/null and b/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-tile-linux.png differ
diff --git a/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-tile-original-linux.png b/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-tile-original-linux.png
new file mode 100644
index 00000000000..a12ca137387
Binary files /dev/null and b/apps/web/playwright/snapshots/modules/custom-component.spec.ts/custom-component-tile-original-linux.png differ
diff --git a/apps/web/playwright/snapshots/oidc/oidc-native.spec.ts/token-expired-linux.png b/apps/web/playwright/snapshots/oidc/oidc-native.spec.ts/token-expired-linux.png
new file mode 100644
index 00000000000..7a6583e3806
Binary files /dev/null and b/apps/web/playwright/snapshots/oidc/oidc-native.spec.ts/token-expired-linux.png differ
diff --git a/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-Msg1-linux.png b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-Msg1-linux.png
new file mode 100644
index 00000000000..57e962ea2f6
Binary files /dev/null and b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-Msg1-linux.png differ
diff --git a/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-1-Msg1-linux.png b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-1-Msg1-linux.png
new file mode 100644
index 00000000000..0ef0cbdb282
Binary files /dev/null and b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-1-Msg1-linux.png differ
diff --git a/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-2-Msg1-linux.png b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-2-Msg1-linux.png
new file mode 100644
index 00000000000..5ee1e3bc62f
Binary files /dev/null and b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-2-Msg1-linux.png differ
diff --git a/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-2-Msg2-linux.png b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-2-Msg2-linux.png
new file mode 100644
index 00000000000..f5d4e7d824a
Binary files /dev/null and b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-2-Msg2-linux.png differ
diff --git a/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg1-linux.png b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg1-linux.png
new file mode 100644
index 00000000000..6aa2b737c4e
Binary files /dev/null and b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg1-linux.png differ
diff --git a/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg2-linux.png b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg2-linux.png
new file mode 100644
index 00000000000..032271eed15
Binary files /dev/null and b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg2-linux.png differ
diff --git a/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg3-linux.png b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg3-linux.png
new file mode 100644
index 00000000000..b4af4bd7e6c
Binary files /dev/null and b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg3-linux.png differ
diff --git a/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg4-linux.png b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg4-linux.png
new file mode 100644
index 00000000000..0de00679f1a
Binary files /dev/null and b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg4-linux.png differ
diff --git a/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-messages-list-empty-linux.png b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-messages-list-empty-linux.png
new file mode 100644
index 00000000000..84ff71a49ca
Binary files /dev/null and b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/pinned-messages-list-empty-linux.png differ
diff --git a/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/unpin-all-dialog-linux.png b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/unpin-all-dialog-linux.png
new file mode 100644
index 00000000000..39a8905711b
Binary files /dev/null and b/apps/web/playwright/snapshots/pinned-messages/pinned-messages.spec.ts/unpin-all-dialog-linux.png differ
diff --git a/apps/web/playwright/snapshots/polls/polls.spec.ts/Polls-Timeline-tile-no-votes-linux.png b/apps/web/playwright/snapshots/polls/polls.spec.ts/Polls-Timeline-tile-no-votes-linux.png
new file mode 100644
index 00000000000..2e51a91c5f9
Binary files /dev/null and b/apps/web/playwright/snapshots/polls/polls.spec.ts/Polls-Timeline-tile-no-votes-linux.png differ
diff --git a/apps/web/playwright/snapshots/polls/polls.spec.ts/ThreadView-with-a-poll-on-bubble-layout-linux.png b/apps/web/playwright/snapshots/polls/polls.spec.ts/ThreadView-with-a-poll-on-bubble-layout-linux.png
new file mode 100644
index 00000000000..c9d871ac2f2
Binary files /dev/null and b/apps/web/playwright/snapshots/polls/polls.spec.ts/ThreadView-with-a-poll-on-bubble-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/polls/polls.spec.ts/ThreadView-with-a-poll-on-group-layout-linux.png b/apps/web/playwright/snapshots/polls/polls.spec.ts/ThreadView-with-a-poll-on-group-layout-linux.png
new file mode 100644
index 00000000000..91d3bb15dcc
Binary files /dev/null and b/apps/web/playwright/snapshots/polls/polls.spec.ts/ThreadView-with-a-poll-on-group-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/register/email.spec.ts/registration-check-your-email-linux.png b/apps/web/playwright/snapshots/register/email.spec.ts/registration-check-your-email-linux.png
new file mode 100644
index 00000000000..c958717a58d
Binary files /dev/null and b/apps/web/playwright/snapshots/register/email.spec.ts/registration-check-your-email-linux.png differ
diff --git a/apps/web/playwright/snapshots/register/register.spec.ts/email-prompt-linux.png b/apps/web/playwright/snapshots/register/register.spec.ts/email-prompt-linux.png
new file mode 100644
index 00000000000..80177457650
Binary files /dev/null and b/apps/web/playwright/snapshots/register/register.spec.ts/email-prompt-linux.png differ
diff --git a/apps/web/playwright/snapshots/register/register.spec.ts/registration-linux.png b/apps/web/playwright/snapshots/register/register.spec.ts/registration-linux.png
new file mode 100644
index 00000000000..ef0b3cc10a1
Binary files /dev/null and b/apps/web/playwright/snapshots/register/register.spec.ts/registration-linux.png differ
diff --git a/apps/web/playwright/snapshots/register/register.spec.ts/server-picker-linux.png b/apps/web/playwright/snapshots/register/register.spec.ts/server-picker-linux.png
new file mode 100644
index 00000000000..b6c65b618dc
Binary files /dev/null and b/apps/web/playwright/snapshots/register/register.spec.ts/server-picker-linux.png differ
diff --git a/apps/web/playwright/snapshots/register/register.spec.ts/terms-prompt-linux.png b/apps/web/playwright/snapshots/register/register.spec.ts/terms-prompt-linux.png
new file mode 100644
index 00000000000..6c0ed495c7b
Binary files /dev/null and b/apps/web/playwright/snapshots/register/register.spec.ts/terms-prompt-linux.png differ
diff --git a/apps/web/playwright/snapshots/release-announcement/releaseAnnouncement.spec.ts/release-announcement-Introducing-Sections-linux.png b/apps/web/playwright/snapshots/release-announcement/releaseAnnouncement.spec.ts/release-announcement-Introducing-Sections-linux.png
new file mode 100644
index 00000000000..7bbb0ea17e7
Binary files /dev/null and b/apps/web/playwright/snapshots/release-announcement/releaseAnnouncement.spec.ts/release-announcement-Introducing-Sections-linux.png differ
diff --git a/apps/web/playwright/snapshots/right-panel/file-panel.spec.ts/empty-linux.png b/apps/web/playwright/snapshots/right-panel/file-panel.spec.ts/empty-linux.png
new file mode 100644
index 00000000000..2dbd40ffd91
Binary files /dev/null and b/apps/web/playwright/snapshots/right-panel/file-panel.spec.ts/empty-linux.png differ
diff --git a/apps/web/playwright/snapshots/right-panel/file-panel.spec.ts/file-tiles-list-linux.png b/apps/web/playwright/snapshots/right-panel/file-panel.spec.ts/file-tiles-list-linux.png
new file mode 100644
index 00000000000..8b3df201026
Binary files /dev/null and b/apps/web/playwright/snapshots/right-panel/file-panel.spec.ts/file-tiles-list-linux.png differ
diff --git a/apps/web/playwright/snapshots/right-panel/memberlist.spec.ts/with-four-members-linux.png b/apps/web/playwright/snapshots/right-panel/memberlist.spec.ts/with-four-members-linux.png
new file mode 100644
index 00000000000..978bd1efef9
Binary files /dev/null and b/apps/web/playwright/snapshots/right-panel/memberlist.spec.ts/with-four-members-linux.png differ
diff --git a/apps/web/playwright/snapshots/right-panel/notification-panel.spec.ts/empty-linux.png b/apps/web/playwright/snapshots/right-panel/notification-panel.spec.ts/empty-linux.png
new file mode 100644
index 00000000000..cd228be8ca7
Binary files /dev/null and b/apps/web/playwright/snapshots/right-panel/notification-panel.spec.ts/empty-linux.png differ
diff --git a/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/room-report-dialog-linux.png b/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/room-report-dialog-linux.png
new file mode 100644
index 00000000000..fcee8f24347
Binary files /dev/null and b/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/room-report-dialog-linux.png differ
diff --git a/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/with-extensions-linux.png b/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/with-extensions-linux.png
new file mode 100644
index 00000000000..8333d55b464
Binary files /dev/null and b/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/with-extensions-linux.png differ
diff --git a/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/with-leave-room-linux.png b/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/with-leave-room-linux.png
new file mode 100644
index 00000000000..775857a5f7d
Binary files /dev/null and b/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/with-leave-room-linux.png differ
diff --git a/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/with-long-name-linux.png b/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/with-long-name-linux.png
new file mode 100644
index 00000000000..2d28874cf94
Binary files /dev/null and b/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/with-long-name-linux.png differ
diff --git a/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/with-name-and-address-linux.png b/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/with-name-and-address-linux.png
new file mode 100644
index 00000000000..7fb7e011bb1
Binary files /dev/null and b/apps/web/playwright/snapshots/right-panel/right-panel.spec.ts/with-name-and-address-linux.png differ
diff --git a/apps/web/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-no-results-linux.png b/apps/web/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-no-results-linux.png
new file mode 100644
index 00000000000..102d66419a0
Binary files /dev/null and b/apps/web/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-no-results-linux.png differ
diff --git a/apps/web/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-one-result-linux.png b/apps/web/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-one-result-linux.png
new file mode 100644
index 00000000000..41d21f856af
Binary files /dev/null and b/apps/web/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-one-result-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-linux.png b/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-linux.png
new file mode 100644
index 00000000000..173c2ca55e8
Binary files /dev/null and b/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-no-public-linux.png b/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-no-public-linux.png
new file mode 100644
index 00000000000..d0b53f2528f
Binary files /dev/null and b/apps/web/playwright/snapshots/room/create-room.spec.ts/create-room-no-public-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/create-room.spec.ts/create-video-room-linux.png b/apps/web/playwright/snapshots/room/create-room.spec.ts/create-video-room-linux.png
new file mode 100644
index 00000000000..1a7943077d2
Binary files /dev/null and b/apps/web/playwright/snapshots/room/create-room.spec.ts/create-video-room-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/invites.spec.ts/Invites-reject-dialog-linux.png b/apps/web/playwright/snapshots/room/invites.spec.ts/Invites-reject-dialog-linux.png
new file mode 100644
index 00000000000..35bd9b5e3d5
Binary files /dev/null and b/apps/web/playwright/snapshots/room/invites.spec.ts/Invites-reject-dialog-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/invites.spec.ts/Invites-room-view-linux.png b/apps/web/playwright/snapshots/room/invites.spec.ts/Invites-room-view-linux.png
new file mode 100644
index 00000000000..0f0162d7099
Binary files /dev/null and b/apps/web/playwright/snapshots/room/invites.spec.ts/Invites-room-view-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/room-header.spec.ts/room-header-linux.png b/apps/web/playwright/snapshots/room/room-header.spec.ts/room-header-linux.png
new file mode 100644
index 00000000000..1f331e9395a
Binary files /dev/null and b/apps/web/playwright/snapshots/room/room-header.spec.ts/room-header-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/room-header.spec.ts/room-header-long-name-linux.png b/apps/web/playwright/snapshots/room/room-header.spec.ts/room-header-long-name-linux.png
new file mode 100644
index 00000000000..81b3c0aa386
Binary files /dev/null and b/apps/web/playwright/snapshots/room/room-header.spec.ts/room-header-long-name-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/room-header.spec.ts/room-header-video-room-linux.png b/apps/web/playwright/snapshots/room/room-header.spec.ts/room-header-video-room-linux.png
new file mode 100644
index 00000000000..115b6d9f09d
Binary files /dev/null and b/apps/web/playwright/snapshots/room/room-header.spec.ts/room-header-video-room-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/room-header.spec.ts/room-header-with-icon-linux.png b/apps/web/playwright/snapshots/room/room-header.spec.ts/room-header-with-icon-linux.png
new file mode 100644
index 00000000000..9ef3eb221da
Binary files /dev/null and b/apps/web/playwright/snapshots/room/room-header.spec.ts/room-header-with-icon-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/room-status-bar.spec.ts/connectivity-lost-linux.png b/apps/web/playwright/snapshots/room/room-status-bar.spec.ts/connectivity-lost-linux.png
new file mode 100644
index 00000000000..0eb0a9fc54a
Binary files /dev/null and b/apps/web/playwright/snapshots/room/room-status-bar.spec.ts/connectivity-lost-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/room-status-bar.spec.ts/consent-linux.png b/apps/web/playwright/snapshots/room/room-status-bar.spec.ts/consent-linux.png
new file mode 100644
index 00000000000..dec77f8ef78
Binary files /dev/null and b/apps/web/playwright/snapshots/room/room-status-bar.spec.ts/consent-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/room-status-bar.spec.ts/local-room-create-failed-linux.png b/apps/web/playwright/snapshots/room/room-status-bar.spec.ts/local-room-create-failed-linux.png
new file mode 100644
index 00000000000..8e24d1a4dab
Binary files /dev/null and b/apps/web/playwright/snapshots/room/room-status-bar.spec.ts/local-room-create-failed-linux.png differ
diff --git a/apps/web/playwright/snapshots/room/room-status-bar.spec.ts/message-failed-linux.png b/apps/web/playwright/snapshots/room/room-status-bar.spec.ts/message-failed-linux.png
new file mode 100644
index 00000000000..0060d327fc3
Binary files /dev/null and b/apps/web/playwright/snapshots/room/room-status-bar.spec.ts/message-failed-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-linux.png b/apps/web/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-linux.png
new file mode 100644
index 00000000000..87216d424c1
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-manage-account-button-linux.png b/apps/web/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-manage-account-button-linux.png
new file mode 100644
index 00000000000..a971213bc63
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-manage-account-button-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-smallscreen-linux.png b/apps/web/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-smallscreen-linux.png
new file mode 100644
index 00000000000..02565888103
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/account-user-settings-tab.spec.ts/account-smallscreen-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/appearance-tab-linux.png b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/appearance-tab-linux.png
new file mode 100644
index 00000000000..1f728f8e0a3
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/appearance-tab-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-12px-linux.png b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-12px-linux.png
new file mode 100644
index 00000000000..42bf92f8b83
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-12px-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-after-switch-linux.png b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-after-switch-linux.png
new file mode 100644
index 00000000000..a677b966b0e
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-after-switch-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-before-switch-linux.png b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-before-switch-linux.png
new file mode 100644
index 00000000000..62221aedc6b
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-before-switch-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/message-layout-panel.spec.ts/message-layout-panel-bubble-linux.png b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/message-layout-panel.spec.ts/message-layout-panel-bubble-linux.png
new file mode 100644
index 00000000000..bbb73259b75
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/message-layout-panel.spec.ts/message-layout-panel-bubble-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/message-layout-panel.spec.ts/message-layout-panel-modern-linux.png b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/message-layout-panel.spec.ts/message-layout-panel-modern-linux.png
new file mode 100644
index 00000000000..1c705faab89
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/message-layout-panel.spec.ts/message-layout-panel-modern-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-custom-theme-added-linux.png b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-custom-theme-added-linux.png
new file mode 100644
index 00000000000..e33c1dec977
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-custom-theme-added-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-custom-theme-linux.png b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-custom-theme-linux.png
new file mode 100644
index 00000000000..238fd2d5602
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-custom-theme-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-custom-theme-removed-linux.png b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-custom-theme-removed-linux.png
new file mode 100644
index 00000000000..21001e22c22
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-custom-theme-removed-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-dark-linux.png b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-dark-linux.png
new file mode 100644
index 00000000000..843ff02c182
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-dark-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-light-linux.png b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-light-linux.png
new file mode 100644
index 00000000000..59943fdb20e
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-light-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-match-system-enabled-linux.png b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-match-system-enabled-linux.png
new file mode 100644
index 00000000000..9747f1a1fe7
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/theme-panel-match-system-enabled-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/window-custom-theme-linux.png b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/window-custom-theme-linux.png
new file mode 100644
index 00000000000..b16d48b4abf
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/appearance-user-settings-tab/theme-choice-panel.spec.ts/window-custom-theme-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/encryption-user-tab/advanced.spec.ts/encryption-details-linux.png b/apps/web/playwright/snapshots/settings/encryption-user-tab/advanced.spec.ts/encryption-details-linux.png
new file mode 100644
index 00000000000..438691fd44d
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/encryption-user-tab/advanced.spec.ts/encryption-details-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/encryption-user-tab/advanced.spec.ts/reset-cryptographic-identity-linux.png b/apps/web/playwright/snapshots/settings/encryption-user-tab/advanced.spec.ts/reset-cryptographic-identity-linux.png
new file mode 100644
index 00000000000..2e9cdeb583c
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/encryption-user-tab/advanced.spec.ts/reset-cryptographic-identity-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/encryption-user-tab/encryption-tab.spec.ts/default-tab-linux.png b/apps/web/playwright/snapshots/settings/encryption-user-tab/encryption-tab.spec.ts/default-tab-linux.png
new file mode 100644
index 00000000000..8c3a6c8260c
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/encryption-user-tab/encryption-tab.spec.ts/default-tab-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/encryption-user-tab/encryption-tab.spec.ts/delete-key-storage-confirm-linux.png b/apps/web/playwright/snapshots/settings/encryption-user-tab/encryption-tab.spec.ts/delete-key-storage-confirm-linux.png
new file mode 100644
index 00000000000..db1d353962e
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/encryption-user-tab/encryption-tab.spec.ts/delete-key-storage-confirm-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/encryption-user-tab/encryption-tab.spec.ts/out-of-sync-recovery-linux.png b/apps/web/playwright/snapshots/settings/encryption-user-tab/encryption-tab.spec.ts/out-of-sync-recovery-linux.png
new file mode 100644
index 00000000000..1a2a0746b9e
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/encryption-user-tab/encryption-tab.spec.ts/out-of-sync-recovery-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/encryption-user-tab/encryption-tab.spec.ts/verify-device-encryption-tab-linux.png b/apps/web/playwright/snapshots/settings/encryption-user-tab/encryption-tab.spec.ts/verify-device-encryption-tab-linux.png
new file mode 100644
index 00000000000..25616a94379
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/encryption-user-tab/encryption-tab.spec.ts/verify-device-encryption-tab-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/change-key-1-encryption-tab-linux.png b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/change-key-1-encryption-tab-linux.png
new file mode 100644
index 00000000000..a6b0afc57d3
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/change-key-1-encryption-tab-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/change-key-2-encryption-tab-linux.png b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/change-key-2-encryption-tab-linux.png
new file mode 100644
index 00000000000..2fa939ff85f
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/change-key-2-encryption-tab-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/default-recovery-linux.png b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/default-recovery-linux.png
new file mode 100644
index 00000000000..161a73f659d
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/default-recovery-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-key-1-encryption-tab-linux.png b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-key-1-encryption-tab-linux.png
new file mode 100644
index 00000000000..f340588e3e5
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-key-1-encryption-tab-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-key-2-encryption-tab-linux.png b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-key-2-encryption-tab-linux.png
new file mode 100644
index 00000000000..5700565252b
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-key-2-encryption-tab-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-key-3-encryption-tab-linux.png b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-key-3-encryption-tab-linux.png
new file mode 100644
index 00000000000..bd69b42ab1b
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-key-3-encryption-tab-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-recovery-linux.png b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-recovery-linux.png
new file mode 100644
index 00000000000..5f406151a86
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-recovery-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/general-room-settings-tab.spec.ts/General-room-settings-tab-should-be-rendered-properly-1-linux.png b/apps/web/playwright/snapshots/settings/general-room-settings-tab.spec.ts/General-room-settings-tab-should-be-rendered-properly-1-linux.png
new file mode 100644
index 00000000000..9335e8cdb10
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/general-room-settings-tab.spec.ts/General-room-settings-tab-should-be-rendered-properly-1-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/notifications/notifications-settings-2-tab.spec.ts/standard-notifications-2-settings-linux.png b/apps/web/playwright/snapshots/settings/notifications/notifications-settings-2-tab.spec.ts/standard-notifications-2-settings-linux.png
new file mode 100644
index 00000000000..ea0bed423b2
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/notifications/notifications-settings-2-tab.spec.ts/standard-notifications-2-settings-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/notifications/notifications-settings-tab.spec.ts/standard-notification-settings-linux.png b/apps/web/playwright/snapshots/settings/notifications/notifications-settings-tab.spec.ts/standard-notification-settings-linux.png
new file mode 100644
index 00000000000..28c92d246b7
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/notifications/notifications-settings-tab.spec.ts/standard-notification-settings-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/preferences-user-settings-tab.spec.ts/Preferences-user-settings-tab-should-be-rendered-properly-1-linux.png b/apps/web/playwright/snapshots/settings/preferences-user-settings-tab.spec.ts/Preferences-user-settings-tab-should-be-rendered-properly-1-linux.png
new file mode 100644
index 00000000000..55d93f397fd
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/preferences-user-settings-tab.spec.ts/Preferences-user-settings-tab-should-be-rendered-properly-1-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/quick-settings-menu.spec.ts/quick-settings-linux.png b/apps/web/playwright/snapshots/settings/quick-settings-menu.spec.ts/quick-settings-linux.png
new file mode 100644
index 00000000000..631bf77b304
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/quick-settings-menu.spec.ts/quick-settings-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-linux.png b/apps/web/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-linux.png
new file mode 100644
index 00000000000..bcfe1113ee7
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-world-readable-linux.png b/apps/web/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-world-readable-linux.png
new file mode 100644
index 00000000000..29354e204b8
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-world-readable-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/room-settings/room-video-tab.spec.ts/room-video-settings-linux.png b/apps/web/playwright/snapshots/settings/room-settings/room-video-tab.spec.ts/room-video-settings-linux.png
new file mode 100644
index 00000000000..b357260cac8
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/room-settings/room-video-tab.spec.ts/room-video-settings-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/security-user-settings-tab.spec.ts/Security-user-settings-tab-with-posthog-enable-b5d89-csLearnMoreDialog-should-be-rendered-properly-1-linux.png b/apps/web/playwright/snapshots/settings/security-user-settings-tab.spec.ts/Security-user-settings-tab-with-posthog-enable-b5d89-csLearnMoreDialog-should-be-rendered-properly-1-linux.png
new file mode 100644
index 00000000000..5a6493738f5
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/security-user-settings-tab.spec.ts/Security-user-settings-tab-with-posthog-enable-b5d89-csLearnMoreDialog-should-be-rendered-properly-1-linux.png differ
diff --git a/apps/web/playwright/snapshots/settings/security-user-settings-tab.spec.ts/security-settings-tab-linux.png b/apps/web/playwright/snapshots/settings/security-user-settings-tab.spec.ts/security-settings-tab-linux.png
new file mode 100644
index 00000000000..6fdbcd3404c
Binary files /dev/null and b/apps/web/playwright/snapshots/settings/security-user-settings-tab.spec.ts/security-settings-tab-linux.png differ
diff --git a/apps/web/playwright/snapshots/share-dialog/share-dialog.spec.ts/share-dialog-event-linux.png b/apps/web/playwright/snapshots/share-dialog/share-dialog.spec.ts/share-dialog-event-linux.png
new file mode 100644
index 00000000000..6a55618c78d
Binary files /dev/null and b/apps/web/playwright/snapshots/share-dialog/share-dialog.spec.ts/share-dialog-event-linux.png differ
diff --git a/apps/web/playwright/snapshots/share-dialog/share-dialog.spec.ts/share-dialog-room-linux.png b/apps/web/playwright/snapshots/share-dialog/share-dialog.spec.ts/share-dialog-room-linux.png
new file mode 100644
index 00000000000..f6fbd2fa430
Binary files /dev/null and b/apps/web/playwright/snapshots/share-dialog/share-dialog.spec.ts/share-dialog-room-linux.png differ
diff --git a/apps/web/playwright/snapshots/share-dialog/share-dialog.spec.ts/share-dialog-user-linux.png b/apps/web/playwright/snapshots/share-dialog/share-dialog.spec.ts/share-dialog-user-linux.png
new file mode 100644
index 00000000000..28483d5815c
Binary files /dev/null and b/apps/web/playwright/snapshots/share-dialog/share-dialog.spec.ts/share-dialog-user-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/spaces.spec.ts/add-existing-rooms-dialog-linux.png b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/add-existing-rooms-dialog-linux.png
new file mode 100644
index 00000000000..996aa42073c
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/add-existing-rooms-dialog-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/spaces.spec.ts/invite-teammates-dialog-linux.png b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/invite-teammates-dialog-linux.png
new file mode 100644
index 00000000000..e41e64a2fe6
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/invite-teammates-dialog-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-create-menu-linux.png b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-create-menu-linux.png
new file mode 100644
index 00000000000..17d84a16a11
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-create-menu-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-panel-collapsed-linux.png b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-panel-collapsed-linux.png
new file mode 100644
index 00000000000..8b1375480b2
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-panel-collapsed-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-panel-expanded-linux.png b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-panel-expanded-linux.png
new file mode 100644
index 00000000000..a55f2687190
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-panel-expanded-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-panel-home-tooltip-linux.png b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-panel-home-tooltip-linux.png
new file mode 100644
index 00000000000..c98f840f298
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-panel-home-tooltip-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-room-view-linux.png b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-room-view-linux.png
new file mode 100644
index 00000000000..3cc32f05fd2
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-room-view-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-visibility-settings-linux.png b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-visibility-settings-linux.png
new file mode 100644
index 00000000000..6a8c2967f9b
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/spaces.spec.ts/space-visibility-settings-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-button-expanded-linux.png b/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-button-expanded-linux.png
new file mode 100644
index 00000000000..fc087b94821
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-button-expanded-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-hovered-expanded-linux.png b/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-hovered-expanded-linux.png
new file mode 100644
index 00000000000..f97de99cd9e
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-hovered-expanded-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-hovered-linux.png b/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-hovered-linux.png
new file mode 100644
index 00000000000..7d247027253
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-hovered-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-no-indicator-linux.png b/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-no-indicator-linux.png
new file mode 100644
index 00000000000..fedc5cd7500
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-no-indicator-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-mix-unread-linux.png b/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-mix-unread-linux.png
new file mode 100644
index 00000000000..8aecb370195
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-mix-unread-linux.png differ
diff --git a/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-notification-unread-linux.png b/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-notification-unread-linux.png
new file mode 100644
index 00000000000..4a0ac146091
Binary files /dev/null and b/apps/web/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-notification-unread-linux.png differ
diff --git a/apps/web/playwright/snapshots/threads/threads.spec.ts/Initial-ThreadView-on-bubble-layout-linux.png b/apps/web/playwright/snapshots/threads/threads.spec.ts/Initial-ThreadView-on-bubble-layout-linux.png
new file mode 100644
index 00000000000..de0ba2d3ddd
Binary files /dev/null and b/apps/web/playwright/snapshots/threads/threads.spec.ts/Initial-ThreadView-on-bubble-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/threads/threads.spec.ts/Initial-ThreadView-on-group-layout-linux.png b/apps/web/playwright/snapshots/threads/threads.spec.ts/Initial-ThreadView-on-group-layout-linux.png
new file mode 100644
index 00000000000..8c0272dc122
Binary files /dev/null and b/apps/web/playwright/snapshots/threads/threads.spec.ts/Initial-ThreadView-on-group-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/threads/threads.spec.ts/Reply-to-the-location-on-ThreadView-linux.png b/apps/web/playwright/snapshots/threads/threads.spec.ts/Reply-to-the-location-on-ThreadView-linux.png
new file mode 100644
index 00000000000..0bb39e87016
Binary files /dev/null and b/apps/web/playwright/snapshots/threads/threads.spec.ts/Reply-to-the-location-on-ThreadView-linux.png differ
diff --git a/apps/web/playwright/snapshots/threads/threads.spec.ts/ThreadView-with-reaction-and-a-hidden-event-on-bubble-layout-linux.png b/apps/web/playwright/snapshots/threads/threads.spec.ts/ThreadView-with-reaction-and-a-hidden-event-on-bubble-layout-linux.png
new file mode 100644
index 00000000000..1a11e029731
Binary files /dev/null and b/apps/web/playwright/snapshots/threads/threads.spec.ts/ThreadView-with-reaction-and-a-hidden-event-on-bubble-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/threads/threads.spec.ts/ThreadView-with-reaction-and-a-hidden-event-on-group-layout-linux.png b/apps/web/playwright/snapshots/threads/threads.spec.ts/ThreadView-with-reaction-and-a-hidden-event-on-group-layout-linux.png
new file mode 100644
index 00000000000..625495ed6c3
Binary files /dev/null and b/apps/web/playwright/snapshots/threads/threads.spec.ts/ThreadView-with-reaction-and-a-hidden-event-on-group-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/threads/threads.spec.ts/ThreadView-with-redacted-messages-on-bubble-layout-linux.png b/apps/web/playwright/snapshots/threads/threads.spec.ts/ThreadView-with-redacted-messages-on-bubble-layout-linux.png
new file mode 100644
index 00000000000..d3dcf279861
Binary files /dev/null and b/apps/web/playwright/snapshots/threads/threads.spec.ts/ThreadView-with-redacted-messages-on-bubble-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/threads/threads.spec.ts/ThreadView-with-redacted-messages-on-group-layout-linux.png b/apps/web/playwright/snapshots/threads/threads.spec.ts/ThreadView-with-redacted-messages-on-group-layout-linux.png
new file mode 100644
index 00000000000..cc3bf002de3
Binary files /dev/null and b/apps/web/playwright/snapshots/threads/threads.spec.ts/ThreadView-with-redacted-messages-on-group-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/threads/threads.spec.ts/thread-panel-linux.png b/apps/web/playwright/snapshots/threads/threads.spec.ts/thread-panel-linux.png
new file mode 100644
index 00000000000..ecc634cc5c9
Binary files /dev/null and b/apps/web/playwright/snapshots/threads/threads.spec.ts/thread-panel-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/bot-joined-the-room-linux.png b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/bot-joined-the-room-linux.png
new file mode 100644
index 00000000000..984370c57a7
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/bot-joined-the-room-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/bot-was-banned-linux.png b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/bot-was-banned-linux.png
new file mode 100644
index 00000000000..0b146bb463e
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/bot-was-banned-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-join-ban-messages-linux.png b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-join-ban-messages-linux.png
new file mode 100644
index 00000000000..6a3a4fd2423
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-join-ban-messages-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-join-leave-messages-linux.png b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-join-leave-messages-linux.png
new file mode 100644
index 00000000000..9d5df545069
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-join-leave-messages-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-people-ban-messages-expanded-linux.png b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-people-ban-messages-expanded-linux.png
new file mode 100644
index 00000000000..407c7d4c171
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-people-ban-messages-expanded-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-people-ban-messages-linux.png b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-people-ban-messages-linux.png
new file mode 100644
index 00000000000..098511f23bd
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-people-ban-messages-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-people-join-leave-messages-expanded-linux.png b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-people-join-leave-messages-expanded-linux.png
new file mode 100644
index 00000000000..c0cbd13f04a
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-people-join-leave-messages-expanded-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-people-join-leave-messages-linux.png b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-people-join-leave-messages-linux.png
new file mode 100644
index 00000000000..416d8dccb38
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/event-list-summary.spec.ts/multiple-people-join-leave-messages-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/media-preview-settings.spec.ts/invite-no-avatar-linux.png b/apps/web/playwright/snapshots/timeline/media-preview-settings.spec.ts/invite-no-avatar-linux.png
new file mode 100644
index 00000000000..ea22f0f8422
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/media-preview-settings.spec.ts/invite-no-avatar-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/media-preview-settings.spec.ts/invite-room-tree-no-avatar-linux.png b/apps/web/playwright/snapshots/timeline/media-preview-settings.spec.ts/invite-room-tree-no-avatar-linux.png
new file mode 100644
index 00000000000..b2fec6be6ec
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/media-preview-settings.spec.ts/invite-room-tree-no-avatar-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/media-preview-settings.spec.ts/invite-room-tree-with-avatar-linux.png b/apps/web/playwright/snapshots/timeline/media-preview-settings.spec.ts/invite-room-tree-with-avatar-linux.png
new file mode 100644
index 00000000000..c606d3f1175
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/media-preview-settings.spec.ts/invite-room-tree-with-avatar-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/media-preview-settings.spec.ts/invite-with-avatar-linux.png b/apps/web/playwright/snapshots/timeline/media-preview-settings.spec.ts/invite-with-avatar-linux.png
new file mode 100644
index 00000000000..be846ace9c1
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/media-preview-settings.spec.ts/invite-with-avatar-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/code-block-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/code-block-linux.png
new file mode 100644
index 00000000000..493a90fff57
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/code-block-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-and-messages-irc-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-and-messages-irc-layout-linux.png
new file mode 100644
index 00000000000..157d2e0556e
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-and-messages-irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-bubble-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-bubble-layout-linux.png
new file mode 100644
index 00000000000..4e8166937ba
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-bubble-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/configured-room-irc-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/configured-room-irc-layout-linux.png
new file mode 100644
index 00000000000..5e6f0a71a32
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/configured-room-irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/edited-code-block-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/edited-code-block-linux.png
new file mode 100644
index 00000000000..75b10a4afdf
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/edited-code-block-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-line-inline-start-margin-irc-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-line-inline-start-margin-irc-layout-linux.png
new file mode 100644
index 00000000000..4274322c7f0
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-line-inline-start-margin-irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tile-reply-chains-bubble-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tile-reply-chains-bubble-layout-linux.png
new file mode 100644
index 00000000000..f8be1339ec7
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tile-reply-chains-bubble-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tile-reply-chains-compact-modern-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tile-reply-chains-compact-modern-layout-linux.png
new file mode 100644
index 00000000000..f50e5058851
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tile-reply-chains-compact-modern-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tile-reply-chains-irc-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tile-reply-chains-irc-layout-linux.png
new file mode 100644
index 00000000000..43cb685d9ed
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tile-reply-chains-irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tile-reply-chains-irc-modern-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tile-reply-chains-irc-modern-linux.png
new file mode 100644
index 00000000000..a01f2a9d365
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tile-reply-chains-irc-modern-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-bubble-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-bubble-layout-linux.png
new file mode 100644
index 00000000000..a51818f59dd
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-bubble-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-compact-modern-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-compact-modern-layout-linux.png
new file mode 100644
index 00000000000..d13c99e456a
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-compact-modern-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-irc-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-irc-layout-linux.png
new file mode 100644
index 00000000000..2e173ee763f
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-modern-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-modern-layout-linux.png
new file mode 100644
index 00000000000..e0ba973ed8f
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-modern-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-and-messages-irc-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-and-messages-irc-layout-linux.png
new file mode 100644
index 00000000000..6ac3144de0f
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-and-messages-irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-bubble-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-bubble-layout-linux.png
new file mode 100644
index 00000000000..11aa4fbf93f
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-bubble-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-emote-irc-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-emote-irc-layout-linux.png
new file mode 100644
index 00000000000..b3764652d16
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-emote-irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-irc-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-irc-layout-linux.png
new file mode 100644
index 00000000000..4274322c7f0
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-modern-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-modern-layout-linux.png
new file mode 100644
index 00000000000..70ba2408012
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-modern-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-redaction-placeholder-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-redaction-placeholder-linux.png
new file mode 100644
index 00000000000..481a4685fbe
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-redaction-placeholder-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-padding-modern-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-padding-modern-layout-linux.png
new file mode 100644
index 00000000000..444932e960e
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-padding-modern-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-zero-padding-irc-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-zero-padding-irc-layout-linux.png
new file mode 100644
index 00000000000..6d0ce53171d
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-zero-padding-irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/highlighted-search-results-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/highlighted-search-results-linux.png
new file mode 100644
index 00000000000..ac73e3947c4
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/highlighted-search-results-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/hovered-hidden-event-line-irc-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/hovered-hidden-event-line-irc-layout-linux.png
new file mode 100644
index 00000000000..884d95fc9ce
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/hovered-hidden-event-line-irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/image-in-timeline-default-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/image-in-timeline-default-layout-linux.png
new file mode 100644
index 00000000000..ea4a5506610
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/image-in-timeline-default-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-bubble-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-bubble-layout-linux.png
new file mode 100644
index 00000000000..5f0bfd67f93
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-bubble-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-irc-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-irc-layout-linux.png
new file mode 100644
index 00000000000..0c081e00f1d
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-irc-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-modern-layout-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-modern-layout-linux.png
new file mode 100644
index 00000000000..a44be9dfcad
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-modern-layout-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/search-aux-panel-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/search-aux-panel-linux.png
new file mode 100644
index 00000000000..a4f5b67ad72
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/search-aux-panel-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/search-results-with-TextualEvent-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/search-results-with-TextualEvent-linux.png
new file mode 100644
index 00000000000..43de3eb371c
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/search-results-with-TextualEvent-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/spoiler-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/spoiler-linux.png
new file mode 100644
index 00000000000..eb1eea12d94
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/spoiler-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/spoiler-uncovered-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/spoiler-uncovered-linux.png
new file mode 100644
index 00000000000..2bee83918f8
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/spoiler-uncovered-linux.png differ
diff --git a/apps/web/playwright/snapshots/timeline/timeline.spec.ts/voice-message-linux.png b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/voice-message-linux.png
new file mode 100644
index 00000000000..b79ff42e3ea
Binary files /dev/null and b/apps/web/playwright/snapshots/timeline/timeline.spec.ts/voice-message-linux.png differ
diff --git a/apps/web/playwright/snapshots/user-menu/user-menu.spec.ts/user-menu-linux.png b/apps/web/playwright/snapshots/user-menu/user-menu.spec.ts/user-menu-linux.png
new file mode 100644
index 00000000000..ed236f42e50
Binary files /dev/null and b/apps/web/playwright/snapshots/user-menu/user-menu.spec.ts/user-menu-linux.png differ
diff --git a/apps/web/playwright/snapshots/user-view/user-view.spec.ts/user-info-linux.png b/apps/web/playwright/snapshots/user-view/user-view.spec.ts/user-info-linux.png
new file mode 100644
index 00000000000..4dc23aee42f
Binary files /dev/null and b/apps/web/playwright/snapshots/user-view/user-view.spec.ts/user-info-linux.png differ
diff --git a/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-dm-video-toast-checked-linux.png b/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-dm-video-toast-checked-linux.png
new file mode 100644
index 00000000000..37aea0cc531
Binary files /dev/null and b/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-dm-video-toast-checked-linux.png differ
diff --git a/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-dm-video-toast-unchecked-linux.png b/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-dm-video-toast-unchecked-linux.png
new file mode 100644
index 00000000000..a6ad88ffd37
Binary files /dev/null and b/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-dm-video-toast-unchecked-linux.png differ
diff --git a/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-dm-voice-toast-linux.png b/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-dm-voice-toast-linux.png
new file mode 100644
index 00000000000..afc58fd22ea
Binary files /dev/null and b/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-dm-voice-toast-linux.png differ
diff --git a/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-checked-linux.png b/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-checked-linux.png
new file mode 100644
index 00000000000..5f2630c187f
Binary files /dev/null and b/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-checked-linux.png differ
diff --git a/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-unchecked-linux.png b/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-unchecked-linux.png
new file mode 100644
index 00000000000..627e24e647f
Binary files /dev/null and b/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-unchecked-linux.png differ
diff --git a/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-voice-toast-linux.png b/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-voice-toast-linux.png
new file mode 100644
index 00000000000..ab5bbed950e
Binary files /dev/null and b/apps/web/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-voice-toast-linux.png differ
diff --git a/apps/web/playwright/snapshots/voip/pstn.spec.ts/dialpad-linux.png b/apps/web/playwright/snapshots/voip/pstn.spec.ts/dialpad-linux.png
new file mode 100644
index 00000000000..ea67953d9e5
Binary files /dev/null and b/apps/web/playwright/snapshots/voip/pstn.spec.ts/dialpad-linux.png differ
diff --git a/apps/web/playwright/snapshots/voip/pstn.spec.ts/dialpad-trigger-linux.png b/apps/web/playwright/snapshots/voip/pstn.spec.ts/dialpad-trigger-linux.png
new file mode 100644
index 00000000000..c98c368e3c1
Binary files /dev/null and b/apps/web/playwright/snapshots/voip/pstn.spec.ts/dialpad-trigger-linux.png differ
diff --git a/apps/web/playwright/snapshots/widgets/layout.spec.ts/apps-drawer-linux.png b/apps/web/playwright/snapshots/widgets/layout.spec.ts/apps-drawer-linux.png
new file mode 100644
index 00000000000..5c6c78bed49
Binary files /dev/null and b/apps/web/playwright/snapshots/widgets/layout.spec.ts/apps-drawer-linux.png differ
diff --git a/apps/web/playwright/snapshots/widgets/permissions-dialog.spec.ts/widget-capabilites-prompt-linux.png b/apps/web/playwright/snapshots/widgets/permissions-dialog.spec.ts/widget-capabilites-prompt-linux.png
new file mode 100644
index 00000000000..193a7a8b461
Binary files /dev/null and b/apps/web/playwright/snapshots/widgets/permissions-dialog.spec.ts/widget-capabilites-prompt-linux.png differ
diff --git a/apps/web/playwright/testcontainers/dendrite.ts b/apps/web/playwright/testcontainers/dendrite.ts
new file mode 100644
index 00000000000..03e34856a92
--- /dev/null
+++ b/apps/web/playwright/testcontainers/dendrite.ts
@@ -0,0 +1,280 @@
+/*
+Copyright 2024 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 { GenericContainer, Wait } from "testcontainers";
+import * as YAML from "yaml";
+import { set } from "lodash";
+import { randB64Bytes } from "@element-hq/element-web-playwright-common/lib/utils/rand.js";
+import { deepCopy } from "@element-hq/element-web-playwright-common/lib/utils/object.js";
+import {
+    StartedSynapseContainer,
+    type HomeserverContainer,
+    type StartedMatrixAuthenticationServiceContainer,
+} from "@element-hq/element-web-playwright-common/lib/testcontainers/index.js";
+
+const DEFAULT_CONFIG = {
+    version: 2,
+    global: {
+        server_name: "localhost",
+        private_key: "matrix_key.pem",
+        old_private_keys: null as any,
+        key_validity_period: "168h0m0s",
+        cache: {
+            max_size_estimated: "1gb",
+            max_age: "1h",
+        },
+        well_known_server_name: "",
+        well_known_client_name: "",
+        trusted_third_party_id_servers: ["matrix.org", "vector.im"],
+        disable_federation: false,
+        presence: {
+            enable_inbound: false,
+            enable_outbound: false,
+        },
+        report_stats: {
+            enabled: false,
+            endpoint: "https://matrix.org/report-usage-stats/push",
+        },
+        server_notices: {
+            enabled: false,
+            local_part: "_server",
+            display_name: "Server Alerts",
+            avatar_url: "",
+            room_name: "Server Alerts",
+        },
+        jetstream: {
+            addresses: null as any,
+            disable_tls_validation: false,
+            storage_path: "./",
+            topic_prefix: "Dendrite",
+        },
+        metrics: {
+            enabled: false,
+            basic_auth: {
+                username: "metrics",
+                password: "metrics",
+            },
+        },
+        dns_cache: {
+            enabled: false,
+            cache_size: 256,
+            cache_lifetime: "5m",
+        },
+    },
+    app_service_api: {
+        disable_tls_validation: false,
+        config_files: null as any,
+    },
+    client_api: {
+        registration_disabled: false,
+        guests_disabled: true,
+        registration_shared_secret: "secret",
+        enable_registration_captcha: false,
+        recaptcha_public_key: "",
+        recaptcha_private_key: "",
+        recaptcha_bypass_secret: "",
+        turn: {
+            turn_user_lifetime: "5m",
+            turn_uris: null as any,
+            turn_shared_secret: "",
+        },
+        rate_limiting: {
+            enabled: true,
+            threshold: 20,
+            cooloff_ms: 500,
+            exempt_user_ids: null as any,
+        },
+    },
+    federation_api: {
+        send_max_retries: 16,
+        disable_tls_validation: false,
+        disable_http_keepalives: false,
+        key_perspectives: [
+            {
+                server_name: "matrix.org",
+                keys: [
+                    {
+                        key_id: "ed25519:auto",
+                        public_key: "Noi6WqcDj0QmPxCNQqgezwTlBKrfqehY1u2FyWP9uYw",
+                    },
+                    {
+                        key_id: "ed25519:a_RXGa",
+                        public_key: "l8Hft5qXKn1vfHrg3p4+W8gELQVo8N13JkluMfmn2sQ",
+                    },
+                ],
+            },
+        ],
+        prefer_direct_fetch: false,
+        database: {
+            connection_string: "file:dendrite-federationapi.db",
+        },
+    },
+    media_api: {
+        base_path: "./media_store",
+        max_file_size_bytes: 10485760,
+        dynamic_thumbnails: false,
+        max_thumbnail_generators: 10,
+        thumbnail_sizes: [
+            {
+                width: 32,
+                height: 32,
+                method: "crop",
+            },
+            {
+                width: 96,
+                height: 96,
+                method: "crop",
+            },
+            {
+                width: 640,
+                height: 480,
+                method: "scale",
+            },
+        ],
+        database: {
+            connection_string: "file:dendrite-mediaapi.db",
+        },
+    },
+    mscs: {
+        mscs: null as any,
+        database: {
+            connection_string: "file:dendrite-msc.db",
+        },
+    },
+    sync_api: {
+        search: {
+            enabled: false,
+            index_path: "./searchindex",
+            language: "en",
+        },
+        database: {
+            connection_string: "file:dendrite-syncapi.db",
+        },
+    },
+    user_api: {
+        bcrypt_cost: 10,
+        auto_join_rooms: null as any,
+        account_database: {
+            connection_string: "file:dendrite-userapi.db",
+        },
+    },
+    room_server: {
+        database: {
+            connection_string: "file:dendrite-roomserverapi.db",
+        },
+    },
+    key_server: {
+        database: {
+            connection_string: "file:dendrite-keyserverapi.db",
+        },
+    },
+    relay_api: {
+        database: {
+            connection_string: "file:dendrite-relayapi.db",
+        },
+    },
+    tracing: {
+        enabled: false,
+        jaeger: {
+            serviceName: "",
+            disabled: false,
+            rpc_metrics: false,
+            tags: [] as any[],
+            sampler: null as any,
+            reporter: null as any,
+            headers: null as any,
+            baggage_restrictions: null as any,
+            throttler: null as any,
+        },
+    },
+    logging: [
+        {
+            type: "std",
+            level: "debug",
+        },
+        {
+            type: "file",
+            level: "debug",
+            params: {
+                path: "./logs",
+            },
+        },
+    ],
+};
+
+export class DendriteContainer extends GenericContainer implements HomeserverContainer<typeof DEFAULT_CONFIG> {
+    private config: typeof DEFAULT_CONFIG;
+
+    constructor(image = "matrixdotorg/dendrite-monolith:main", binary = "/usr/bin/dendrite") {
+        super(image);
+
+        this.config = deepCopy(DEFAULT_CONFIG);
+        this.config.client_api.registration_shared_secret = randB64Bytes(16);
+
+        this.withEntrypoint(["/bin/sh"])
+            .withCommand([
+                "-c",
+                `/usr/bin/generate-keys -private-key /etc/dendrite/matrix_key.pem && ${binary} --config /etc/dendrite/dendrite.yaml --really-enable-open-registration true run`,
+            ])
+            .withExposedPorts(8008)
+            .withWaitStrategy(Wait.forHttp("/_matrix/client/versions", 8008));
+    }
+
+    public withConfigField(key: string, value: unknown): this {
+        set(this.config, key, value);
+        return this;
+    }
+
+    public withConfig(config: Partial<typeof DEFAULT_CONFIG>): this {
+        this.config = {
+            ...this.config,
+            ...config,
+        };
+        return this;
+    }
+
+    // Dendrite does not support SMTP at this time - https://github.com/element-hq/dendrite/issues/1298
+    public withSmtpServer(): this {
+        return this;
+    }
+
+    // Dendrite does not support MAS at this time
+    public withMatrixAuthenticationService(mas?: StartedMatrixAuthenticationServiceContainer): this {
+        return this;
+    }
+
+    public override async start(): Promise<StartedDendriteContainer> {
+        this.withCopyContentToContainer([
+            {
+                target: "/etc/dendrite/dendrite.yaml",
+                content: YAML.stringify(this.config),
+            },
+        ]);
+
+        const container = await super.start();
+        return new StartedDendriteContainer(
+            container,
+            `http://${container.getHost()}:${container.getMappedPort(8008)}`,
+            this.config.client_api.registration_shared_secret,
+        );
+    }
+}
+
+export class PineconeContainer extends DendriteContainer {
+    constructor() {
+        super("matrixdotorg/dendrite-demo-pinecone:main", "/usr/bin/dendrite-demo-pinecone");
+    }
+}
+
+// Surprisingly, Dendrite implements the same register user Synapse Admin API, so we can just extend it
+export class StartedDendriteContainer extends StartedSynapseContainer {
+    protected async deletePublicRooms(): Promise<void> {
+        // Dendrite does not support admin users managing the room directory
+        // https://github.com/element-hq/dendrite/blob/main/clientapi/routing/directory.go#L365
+        return;
+    }
+}
diff --git a/apps/web/playwright/testcontainers/mas.ts b/apps/web/playwright/testcontainers/mas.ts
new file mode 100644
index 00000000000..562cfcd8de9
--- /dev/null
+++ b/apps/web/playwright/testcontainers/mas.ts
@@ -0,0 +1,25 @@
+/*
+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 {
+    MatrixAuthenticationServiceContainer as BaseMatrixAuthenticationServiceContainer,
+    type StartedPostgreSqlContainer,
+} from "@element-hq/element-web-playwright-common/lib/testcontainers/index.js";
+
+const DOCKER_IMAGE =
+    "ghcr.io/element-hq/matrix-authentication-service:main@sha256:e65d05606a78dbc995b2415d66ea68092661f6ff3b096c9972ae11e5b41f7cdc";
+
+/**
+ * MatrixAuthenticationServiceContainer which freezes the docker digest to
+ * stabilise tests, updated periodically by the `playwright-image-updates.yaml`
+ * workflow.
+ */
+export class MatrixAuthenticationServiceContainer extends BaseMatrixAuthenticationServiceContainer {
+    public constructor(db: StartedPostgreSqlContainer) {
+        super(db, DOCKER_IMAGE);
+    }
+}
diff --git a/apps/web/playwright/testcontainers/synapse.ts b/apps/web/playwright/testcontainers/synapse.ts
new file mode 100644
index 00000000000..bc9eeda3a91
--- /dev/null
+++ b/apps/web/playwright/testcontainers/synapse.ts
@@ -0,0 +1,21 @@
+/*
+Copyright 2024-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 { SynapseContainer as BaseSynapseContainer } from "@element-hq/element-web-playwright-common/lib/testcontainers/index.js";
+
+const DOCKER_IMAGE =
+    "ghcr.io/element-hq/synapse:develop@sha256:4423f52402cb0d6068cedafc88479834feed84f1104d41b3fbdebea0fa89311b";
+
+/**
+ * SynapseContainer which freezes the docker digest to stabilise tests,
+ * updated periodically by the `playwright-image-updates.yaml` workflow.
+ */
+export class SynapseContainer extends BaseSynapseContainer {
+    public constructor() {
+        super(DOCKER_IMAGE);
+    }
+}
diff --git a/apps/web/playwright/tsconfig.json b/apps/web/playwright/tsconfig.json
new file mode 100644
index 00000000000..a1a5e25ffe8
--- /dev/null
+++ b/apps/web/playwright/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "target": "es2022",
+        "jsx": "react",
+        "lib": ["es2024", "dom", "dom.iterable"],
+        "resolveJsonModule": true,
+        "esModuleInterop": true,
+        "moduleResolution": "bundler",
+        "module": "ESNext",
+        "allowImportingTsExtensions": true,
+        "strict": true,
+        "noUnusedLocals": true,
+        "types": ["node"],
+        "noEmit": true
+    },
+    "include": [
+        "**/*.ts",
+        "../src/@types/matrix-js-sdk.d.ts",
+        "../node_modules/matrix-js-sdk/src/@types/*.d.ts",
+        "../node_modules/matrix-js-sdk/node_modules/@matrix-org/olm/index.d.ts"
+    ]
+}
diff --git a/apps/web/project.json b/apps/web/project.json
new file mode 100644
index 00000000000..6c69f26dfc1
--- /dev/null
+++ b/apps/web/project.json
@@ -0,0 +1,79 @@
+{
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "projectType": "application",
+    "targets": {
+        "prebuild:module_system": {
+            "cache": true,
+            "command": "node module_system/scripts/install.ts",
+            "inputs": ["{projectRoot}/build_config.yaml"],
+            "outputs": ["{projectRoot}/src/modules.js", "{projectRoot}/package.json", "{workspaceRoot}/pnpm-lock.yaml"],
+            "options": { "cwd": "apps/web" }
+        },
+        "prebuild:rethemendex": {
+            "cache": true,
+            "executor": "nx:run-script",
+            "options": {
+                "script": "rethemendex",
+                "cwd": "apps/web"
+            },
+            "inputs": ["{projectRoot}/res/css/**/*"],
+            "outputs": ["{projectRoot}/res/css/_components.pcss"]
+        },
+        "build": {
+            "command": "webpack-cli --progress --mode production",
+            "outputs": ["{projectRoot}/webapp"],
+            "options": { "cwd": "apps/web" }
+        },
+        "start": {
+            "command": "webpack-dev-server --output-path webapp --output-filename=bundles/_dev_/[name].js --output-chunk-filename=bundles/_dev_/[name].js --mode development",
+            "dependsOn": ["prebuild:module_system", "prebuild:rethemendex", "^start"],
+            "continuous": true,
+            "options": { "cwd": "apps/web" }
+        },
+        "lint:types": {
+            "executor": "nx:run-commands",
+            "options": {
+                "commands": [
+                    // We indirect via `pnpm exec` to stop knip interpreting the
+                    // commandline and declaring `playwright` and `./tsconfig.module_system.json`
+                    // as unlisted dependencies.
+                    "pnpm exec tsc --noEmit --project ./tsconfig.module_system.json",
+                    "pnpm exec tsc --noEmit",
+                    "pnpm exec tsc --noEmit --project playwright"
+                ],
+                "parallel": false,
+                "cwd": "apps/web"
+            },
+            "dependsOn": ["^build", "^build:playwright"]
+        },
+        "lint:prepare": {
+            "executor": "nx:noop",
+            "dependsOn": ["^build"]
+        },
+        "test:unit:prepare": {
+            "executor": "nx:noop",
+            "dependsOn": ["^build"]
+        },
+        "test:unit": {
+            // We avoid the jest executor because it doesn't seem to give any benefit, and it mangles the summary of failing tests.
+            "command": "jest",
+            "options": { "cwd": "apps/web" },
+            "dependsOn": ["test:unit:prepare"]
+        },
+        "test:vitest": {
+            "command": "vitest run",
+            "options": { "cwd": "apps/web" },
+            "dependsOn": ["test:unit:prepare"]
+        },
+        "test:playwright": {
+            "command": "playwright test",
+            "options": { "cwd": "apps/web" },
+            "dependsOn": ["^build:playwright"]
+        },
+        "test:playwright:screenshots": {
+            "command": "playwright-screenshots playwright test --update-snapshots --project=Chrome --grep @screenshot",
+            "options": { "cwd": "apps/web" },
+            "dependsOn": ["^build:playwright"]
+        }
+    }
+}
diff --git a/apps/web/recorder-worklet-loader.cjs b/apps/web/recorder-worklet-loader.cjs
new file mode 100644
index 00000000000..1717166ae06
--- /dev/null
+++ b/apps/web/recorder-worklet-loader.cjs
@@ -0,0 +1,37 @@
+/*
+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.
+*/
+
+// Inspired by https://github.com/reklawnos/worklet-loader which doesn't
+// formally support Webpack 5
+
+const SingleEntryPlugin = require("webpack/lib/SingleEntryPlugin");
+
+module.exports = function () {};
+
+module.exports.pitch = function pitch(request) {
+    const cb = this.async();
+    const filename = "recorder.worklet.js";
+
+    const compiler = this._compilation.createChildCompiler("worker", {
+        filename,
+        chunkFilename: `[id].${filename}`,
+        namedChunkFilename: null,
+    });
+
+    new SingleEntryPlugin(this.context, `!!${request}`, "main").apply(compiler);
+
+    compiler.runAsChild((err, entries, compilation) => {
+        if (err) {
+            return cb(err);
+        }
+        if (entries[0]) {
+            return cb(null, `module.exports = __webpack_public_path__ + ${JSON.stringify([...entries[0].files][0])};`);
+        }
+        return cb(null, null);
+    });
+};
diff --git a/apps/web/res/.well-known/assetlinks.json b/apps/web/res/.well-known/assetlinks.json
new file mode 100644
index 00000000000..17fd1c0d62e
--- /dev/null
+++ b/apps/web/res/.well-known/assetlinks.json
@@ -0,0 +1,62 @@
+[
+    {
+        "relation": ["delegate_permission/common.handle_all_urls"],
+        "target": {
+            "namespace": "android_app",
+            "package_name": "im.vector.app.debug",
+            "sha256_cert_fingerprints": [
+                "B0:B0:51:DC:56:5C:81:2F:E1:7F:6F:3E:94:5B:4D:79:04:71:23:AB:0D:A6:12:86:76:9E:B2:94:91:97:13:0E"
+            ]
+        }
+    },
+    {
+        "relation": ["delegate_permission/common.handle_all_urls"],
+        "target": {
+            "namespace": "android_app",
+            "package_name": "im.vector.app.nightly",
+            "sha256_cert_fingerprints": [
+                "CA:D3:85:16:84:3A:05:CC:EB:00:AB:7B:D3:80:0F:01:BA:8F:E0:4B:38:86:F3:97:D8:F7:9A:1B:C4:54:E4:0F"
+            ]
+        }
+    },
+    {
+        "relation": ["delegate_permission/common.handle_all_urls"],
+        "target": {
+            "namespace": "android_app",
+            "package_name": "im.vector.app",
+            "sha256_cert_fingerprints": [
+                "F3:FF:38:D2:E5:A6:38:84:86:4A:4E:0D:45:C5:3B:19:8E:7E:39:C0:50:5B:D9:63:F5:55:D6:53:2D:EA:BF:5F"
+            ]
+        }
+    },
+    {
+        "relation": ["delegate_permission/common.handle_all_urls"],
+        "target": {
+            "namespace": "android_app",
+            "package_name": "io.element.android.x.debug",
+            "sha256_cert_fingerprints": [
+                "B0:B0:51:DC:56:5C:81:2F:E1:7F:6F:3E:94:5B:4D:79:04:71:23:AB:0D:A6:12:86:76:9E:B2:94:91:97:13:0E"
+            ]
+        }
+    },
+    {
+        "relation": ["delegate_permission/common.handle_all_urls"],
+        "target": {
+            "namespace": "android_app",
+            "package_name": "io.element.android.x.nightly",
+            "sha256_cert_fingerprints": [
+                "CA:D3:85:16:84:3A:05:CC:EB:00:AB:7B:D3:80:0F:01:BA:8F:E0:4B:38:86:F3:97:D8:F7:9A:1B:C4:54:E4:0F"
+            ]
+        }
+    },
+    {
+        "relation": ["delegate_permission/common.handle_all_urls"],
+        "target": {
+            "namespace": "android_app",
+            "package_name": "io.element.android.x",
+            "sha256_cert_fingerprints": [
+                "C6:DB:9B:9C:8C:BD:D6:5D:16:E8:EC:8C:8B:91:C8:31:B9:EF:C9:5C:BF:98:AE:41:F6:A9:D8:35:15:1A:7E:16"
+            ]
+        }
+    }
+]
diff --git a/apps/web/res/apple-app-site-association b/apps/web/res/apple-app-site-association
new file mode 100644
index 00000000000..0235e6ada1e
--- /dev/null
+++ b/apps/web/res/apple-app-site-association
@@ -0,0 +1,33 @@
+{
+  "applinks": {
+    "details": [
+      {
+        "appIDs": [
+          "7J4U792NQT.im.vector.app",
+          "7J4U792NQT.io.element.elementx",
+          "7J4U792NQT.io.element.elementx.nightly"
+        ],
+        "components": [
+          {
+            "?": {
+              "no_universal_links": "?*"
+            },
+            "exclude": true,
+            "comment": "Opt out of universal links"
+          },
+          {
+            "/": "/*",
+            "comment": "Matches any URL"
+          }
+        ]
+      }
+    ]
+  },
+  "webcredentials": {
+    "apps": [
+      "7J4U792NQT.im.vector.app",
+      "7J4U792NQT.io.element.elementx",
+      "7J4U792NQT.io.element.elementx.nightly"
+    ]
+  }
+}
diff --git a/apps/web/res/css/_animations.pcss b/apps/web/res/css/_animations.pcss
new file mode 100644
index 00000000000..97fd0443313
--- /dev/null
+++ b/apps/web/res/css/_animations.pcss
@@ -0,0 +1,82 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+/**
+ * React Transition Group animations are prefixed with 'mx_rtg--' so that we
+ * know they should not be used anywhere outside of React Transition Groups.
+*/
+
+.mx_rtg--fade-enter {
+    opacity: 0;
+}
+.mx_rtg--fade-enter-active {
+    opacity: 1;
+    transition: opacity 300ms ease;
+}
+.mx_rtg--fade-exit {
+    opacity: 1;
+}
+.mx_rtg--fade-exit-active {
+    opacity: 0;
+    transition: opacity 300ms ease;
+}
+
+:root {
+    --hover-transition: 0.08s cubic-bezier(0.46, 0.03, 0.52, 0.96); /* quadratic */
+}
+
+@keyframes mx--anim-pulse {
+    0% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0.7;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+@keyframes mx_Dialog_lightbox_background_keyframes {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: $lightbox-background-bg-opacity;
+    }
+}
+
+@keyframes mx_ImageView_panel_keyframes {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+@media (prefers-reduced-motion) {
+    @keyframes mx--anim-pulse {
+        /* Override all keyframes in reduced-motion */
+    }
+
+    @keyframes mx_Dialog_lightbox_background_keyframes {
+        /* Override all keyframes in reduced-motion */
+    }
+
+    @keyframes mx_ImageView_panel_keyframes {
+        /* Override all keyframes in reduced-motion */
+    }
+
+    .mx_rtg--fade-enter-active {
+        transition: none;
+    }
+    .mx_rtg--fade-exit-active {
+        transition: none;
+    }
+}
diff --git a/apps/web/res/css/_common.pcss b/apps/web/res/css/_common.pcss
new file mode 100644
index 00000000000..1b0e3e2f30f
--- /dev/null
+++ b/apps/web/res/css/_common.pcss
@@ -0,0 +1,927 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2023 The Matrix.org Foundation C.I.C
+Copyright 2017-2019 New Vector Ltd
+Copyright 2017 Vector Creations 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.
+*/
+
+@import "./_font-sizes.pcss";
+@import "./_animations.pcss";
+
+:root {
+    --container-border-width: 8px;
+    --container-gap-width: 8px; /* only even numbers should be used because otherwise we get 0.5px margin values. */
+    --transition-short: 0.1s;
+    --transition-standard: 0.3s;
+    --buttons-dialog-gap-row: var(--cpd-space-2x);
+    --buttons-dialog-gap-column: var(--cpd-space-2x);
+    --MBody-border-radius: 8px;
+    --EventTileBubble_margin-block: 10px;
+    --MessageTimestamp-width: 46px; /* 8 + 30 (avatar) + 8 */
+
+    /* Expected z-indexes for dialogs:
+        4000 - Default wrapper index
+        4009 - Static dialog background
+        4010 - Static dialog itself
+        4011 - Standard dialog background
+        4012 - Standard dialog itself
+
+       These are set up such that the static dialog always appears
+       underneath the standard dialogs.
+     */
+    --dialog-zIndex-wrapper-default: 4000;
+    --dialog-zIndex-static-background: 4009;
+    --dialog-zIndex-static: calc(var(--dialog-zIndex-static-background) + 1); /* 4010 */
+    --dialog-zIndex-standard-background: calc(var(--dialog-zIndex-static) + 1); /* 4011 */
+    --dialog-zIndex-standard: calc(var(--dialog-zIndex-standard-background) + 1); /* 4012 */
+}
+
+#matrixchat {
+    /* This is required to ensure Compound tooltips correctly draw where they should with z-index: auto */
+    contain: strict;
+}
+#mx_ContextualMenu_Container,
+#mx_PersistedElement_container,
+#mx_Dialog_Container,
+#mx_Dialog_StaticContainer {
+    /* This is required to ensure Compound tooltips correctly draw where they should with z-index: auto */
+    isolation: isolate;
+}
+
+/**
+ * Disable pointer events inside the persistentElement container when the room-list is being resized.
+ * This is necessary to avoid the pointer events from being hijacked by the content rendered inside
+ * that div.
+ */
+:root:has(.mx_Separator[data-separator="active"]) #mx_PersistedElement_container {
+    pointer-events: none;
+}
+
+/**
+ * We need to increase the specificity of the selector to override the
+ * custom property set by the design tokens package
+ */
+[class^="cpd-theme"][class^="cpd-theme"] {
+    /**
+     * The design tokens package currently does not expose the fallback fonts
+     * We want to keep on re-using `$font-family` to not break custom themes
+     * and because we can to use `Twemoji` to display emoji rather than using
+     * system ones
+     */
+    --cpd-font-family-sans: $font-family;
+}
+
+@media (prefers-reduced-motion) {
+    :root {
+        --transition-short: 0;
+        --transition-standard: 0;
+    }
+}
+
+html {
+    /* hack to stop overscroll bounce on OSX and iOS.
+       N.B. Breaks things when we have legitimate horizontal overscroll */
+    height: 100%;
+    overflow: hidden;
+    /* Stop similar overscroll bounce in Firefox Nightly for macOS */
+    overscroll-behavior: none;
+}
+
+body {
+    /* !important because compound overrides these font settings for body */
+    font: var(--cpd-font-body-md-regular) !important;
+    letter-spacing: var(--cpd-font-letter-spacing-body-md) !important;
+    /**
+     * We want to apply Inter Dynamic metrics (https://rsms.me/inter/dynmetrics/)
+     * We need to tweak the `letter-spacing` property and doing so, disables by
+     * default the optional ligatures
+     * `font-feature-settings` allows us to override this behaviour and have the
+     * correct ligatures and the proper dynamic metric spacing.
+     */
+    font-feature-settings:
+        "kern" 1,
+        "liga" 1,
+        "calt" 1 !important;
+
+    background-color: $background;
+    color: $primary-content;
+    border: 0px;
+    margin: 0px;
+
+    /* needed to match the designs correctly on macOS */
+    /* see https://github.com/vector-im/element-web/issues/11425 */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+pre,
+code {
+    font-family: $monospace-font-family;
+    font-size: 100% !important;
+}
+
+.error,
+.warning,
+.text-error,
+.text-warning {
+    color: $alert;
+}
+
+.text-success {
+    color: $accent;
+}
+
+.text-muted {
+    color: $muted-fg-color;
+}
+
+.text-primary {
+    color: $primary-content;
+}
+
+.text-secondary {
+    color: $secondary-content;
+}
+
+.mx_Verified {
+    color: $e2e-verified-color;
+}
+
+.mx_Untrusted {
+    color: $e2e-warning-color;
+}
+
+b {
+    /* On Firefox, the default weight for `<b>` is `bolder` which results in no bold */
+    /* effect since we only have specific weights of our fonts available. */
+    font-weight: bold;
+}
+
+/* Keep the legacy link colour without overriding Compound anchors or shared timestamp styling. */
+a:where(:not([data-kind]):not(.mx_MessageTimestamp)):hover,
+a:where(:not([data-kind]):not(.mx_MessageTimestamp)):link,
+a:where(:not([data-kind]):not(.mx_MessageTimestamp)):visited {
+    color: $accent-alt;
+}
+
+:not(.mx_no_textinput):not(.mx_textinput):not(.mx_Field) > input[type="text"],
+:not(.mx_no_textinput):not(.mx_textinput):not(.mx_Field) > input[type="search"],
+:not(.mx_no_textinput):not(.mx_textinput):not(.mx_Field) > input[type="password"] {
+    padding: 9px;
+    font: var(--cpd-font-body-md-semibold);
+    font-weight: var(--cpd-font-weight-semibold);
+    min-width: 0;
+}
+
+input[type="text"].mx_textinput_icon,
+input[type="search"].mx_textinput_icon {
+    padding-left: 36px;
+    background-repeat: no-repeat;
+    background-position: 10px center;
+}
+
+/* FIXME THEME - Tint by CSS rather than referencing a duplicate asset */
+input[type="text"].mx_textinput_icon.mx_textinput_search,
+input[type="search"].mx_textinput_icon.mx_textinput_search {
+    background-image: url("@vector-im/compound-design-tokens/icons/search.svg");
+}
+
+/* dont search UI as not all browsers support it, */
+/* we implement it ourselves where needed instead */
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-results-button,
+input[type="search"]::-webkit-search-results-decoration {
+    display: none;
+}
+
+/* Override Firefox's UA style so we get a consistent look across browsers */
+input::placeholder,
+textarea::placeholder {
+    opacity: initial;
+}
+
+input[type="text"],
+input[type="password"],
+textarea {
+    background-color: transparent;
+    color: $primary-content;
+}
+
+/* Required by Firefox */
+textarea {
+    color: $primary-content;
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+textarea:focus {
+    outline: none;
+    box-shadow: none;
+}
+
+/* This is used to hide the standard outline added by browsers for */
+/* accessible (focusable) components. Not intended for buttons, but */
+/* should be used on things like focusable containers where the outline */
+/* is usually not helping anyone. */
+*:focus:not(:focus-visible) {
+    outline: none;
+}
+
+/* override defaults */
+fieldset {
+    display: inline-block;
+    margin-inline: unset;
+    padding-block: unset;
+    padding-inline: unset;
+    min-inline-size: unset;
+    border: none;
+}
+
+summary {
+    cursor: pointer;
+}
+
+legend {
+    padding-inline: unset;
+    border: none;
+}
+
+/* .mx_textinput is a container for a text input */
+/* + some other controls like buttons, ... */
+/* it has the appearance of a text box so the controls */
+/* appear to be part of the input */
+
+.mx_Dialog,
+.mx_MatrixChat_wrapper {
+    .mx_textinput > input[type="text"],
+    .mx_textinput > input[type="search"] {
+        border: none;
+        flex: 1;
+        color: $primary-content;
+    }
+
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="text"],
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="search"],
+    .mx_textinput {
+        display: block;
+        box-sizing: border-box;
+        background-color: transparent;
+        color: $input-darker-fg-color;
+        border-radius: 4px;
+        border: 1px solid $secondary-hairline-color;
+        /* these things should probably not be defined globally */
+        margin: 9px;
+    }
+
+    .mx_textinput {
+        display: flex;
+        align-items: center;
+    }
+
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="text"]::placeholder,
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="search"]::placeholder,
+    .mx_textinput input::placeholder {
+        color: $input-placeholder;
+    }
+}
+
+/* Prevent ugly dotted highlight around selected elements in Firefox */
+::-moz-focus-inner {
+    border: 0;
+}
+
+/* These are magic constants which are excluded from tinting, to let themes */
+/* (which only have CSS) tell the app what their non-tinted */
+/* colourscheme is by inspecting the stylesheet DOM. */
+/* They are not used for layout!! */
+#mx_theme_accentColor {
+    color: $accent;
+}
+
+#mx_theme_secondaryAccentColor {
+    color: $secondary-accent-color;
+}
+
+.mx_Dialog_wrapper {
+    position: fixed;
+    z-index: var(--dialog-zIndex-wrapper-default);
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.mx_Dialog_border {
+    z-index: var(--dialog-zIndex-standard);
+    position: relative;
+    width: 100%;
+    max-width: fit-content;
+    box-sizing: border-box;
+    max-height: calc(100% - var(--cpd-space-6x));
+    display: flex;
+    flex-direction: column;
+
+    .mx_Dialog_lightbox & {
+        /* The lightbox isn't so much of a dialog as a fullscreen overlay. We
+        don't want the glass border. */
+        display: contents;
+    }
+}
+
+.mx_Dialog {
+    background-color: $background;
+    color: $light-fg-color;
+    font-size: $font-15px;
+    position: relative;
+    padding: var(--cpd-space-8x) var(--cpd-space-10x);
+    box-sizing: border-box;
+    overflow-y: auto;
+
+    .mx_Dialog_staticWrapper & {
+        z-index: var(--dialog-zIndex-static);
+        contain: content;
+    }
+
+    .mx_Dialog_lightbox & {
+        border-radius: 0px;
+        background-color: transparent;
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        pointer-events: none;
+        padding: 0;
+    }
+
+    /* Styles copied/inspired by GroupLayout, ReplyTile, and EventTile variants. */
+    .markdown-body {
+        font: var(--cpd-font-body-md-regular) !important;
+        letter-spacing: var(--cpd-font-letter-spacing-body-md);
+        font-family: inherit !important;
+        white-space: normal !important;
+        line-height: inherit !important;
+        background-color: inherit;
+        color: inherit; /* inherit the colour from the dark or light theme by default (but not for code blocks) */
+
+        pre,
+        code {
+            font-family: $monospace-font-family !important;
+            background-color: $codeblock-background-color;
+        }
+
+        /* this selector wrongly applies to code blocks too but we will unset it in the next one */
+        code {
+            white-space: pre-wrap; /* don't collapse spaces in inline code blocks */
+        }
+
+        pre {
+            /* have to use overlay rather than auto otherwise Linux and Windows */
+            /* Chrome gets very confused about vertical spacing: */
+            /* https://github.com/vector-im/vector-web/issues/754 */
+            overflow-x: overlay;
+            overflow-y: visible;
+
+            &::-webkit-scrollbar-corner {
+                background: transparent;
+            }
+
+            code {
+                white-space: pre; /* we want code blocks to be scrollable and not wrap */
+
+                > * {
+                    display: inline;
+                }
+            }
+        }
+
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6 {
+            font-family: inherit !important;
+            color: inherit;
+        }
+
+        /* Make h1 and h2 the same size as h3. */
+        h1,
+        h2 {
+            font-size: 1.5em;
+            border-bottom: none !important; /* override GFM */
+        }
+
+        a {
+            color: $accent-alt;
+        }
+
+        blockquote {
+            border-left: 2px solid $blockquote-bar-color;
+            color: $secondary-content;
+            border-radius: 2px;
+            padding: 0 10px;
+        }
+    }
+}
+
+.mx_Dialog_fixedWidth {
+    width: 60vw;
+    max-width: 704px;
+}
+
+.mx_Dialog_background {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: $dialog-backdrop-color;
+    z-index: var(--dialog-zIndex-standard-background);
+
+    &.mx_Dialog_staticBackground {
+        z-index: var(--dialog-zIndex-static-background);
+    }
+
+    .mx_Dialog_wrapperWithStaticUnder & {
+        /* Roughly half of what it would normally be - we don't want to black out */
+        /* the app, just make it clear that the dialogs are stacked. */
+        opacity: 0.4;
+    }
+
+    .mx_Dialog_lightbox & {
+        opacity: $lightbox-background-bg-opacity;
+        background-color: $lightbox-background-bg-color;
+        animation-name: mx_Dialog_lightbox_background_keyframes;
+        animation-duration: 300ms;
+    }
+}
+
+.mx_Dialog_titleImage {
+    vertical-align: sub;
+    width: 25px;
+    height: 25px;
+    margin-left: -2px;
+    margin-right: 4px;
+    margin-bottom: 2px;
+}
+
+.mx_Dialog_title {
+    color: $dialog-title-fg-color;
+    display: inline-block;
+    width: 100%;
+    box-sizing: border-box;
+    letter-spacing: var(--cpd-font-letter-spacing-heading-lg);
+
+    &.danger {
+        color: $alert;
+    }
+}
+
+.mx_Dialog_header {
+    position: relative;
+    padding: 0;
+    padding-inline-end: 20px; /* Reserve room for the close button */
+    margin-bottom: var(--cpd-space-2x);
+
+    &.mx_Dialog_headerWithButton > .mx_Dialog_title {
+        text-align: center;
+    }
+}
+
+@define-mixin customisedCancelButton {
+    width: 20px;
+    height: 20px;
+    padding: var(--cpd-space-1x);
+    border-radius: 14px;
+    background-color: var(--cpd-color-bg-subtle-secondary);
+
+    &:hover {
+        background-color: var(--cpd-color-bg-subtle-primary);
+    }
+
+    svg {
+        width: inherit;
+        height: inherit;
+        vertical-align: top;
+        color: var(--cpd-color-icon-secondary);
+    }
+}
+
+.mx_Dialog_cancelButton {
+    @mixin customisedCancelButton;
+    position: absolute;
+    top: var(--cpd-space-4x);
+    right: var(--cpd-space-4x);
+}
+
+.mx_Dialog_content {
+    margin: 24px 0 68px;
+    font: var(--cpd-font-body-md-regular);
+    color: $primary-content;
+    word-wrap: break-word;
+}
+
+.mx_Dialog_buttons {
+    margin-top: var(--cpd-space-5x);
+    margin-inline-start: auto;
+    text-align: right;
+
+    .mx_Dialog_buttons_additive {
+        /* The consumer is responsible for positioning their elements. */
+        float: left;
+    }
+
+    .mx_Dialog_buttons_row {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: flex-end;
+        text-align: initial;
+        margin-inline-start: auto;
+
+        /* default gap among elements */
+        column-gap: var(--buttons-dialog-gap-column);
+        row-gap: var(--buttons-dialog-gap-row);
+
+        button {
+            margin: 0 !important; /* override the margin settings */
+        }
+    }
+}
+
+@define-mixin mx_DialogButton {
+    /* align images in buttons (eg spinners) */
+    vertical-align: middle;
+    border: 0px;
+    border-radius: 24px;
+    font: var(--cpd-font-body-md-regular);
+    color: $button-fg-color;
+    background-color: var(--cpd-color-bg-action-primary-rest);
+    width: auto;
+    padding: 7px;
+    padding-left: 1.5em;
+    padding-right: 1.5em;
+    cursor: pointer;
+    display: inline-block;
+
+    &:not(:focus-visible) {
+        outline: none;
+    }
+}
+
+/* XXX: Our button style are a mess: buttons that happen to appear in dialogs get special styles applied
+ * to them that no button anywhere else in the app gets by default. In practice, buttons in other places
+ * in the app look the same by being AccessibleButtons, or possibly by having explict button classes.
+ * We should go through and have one consistent set of styles for buttons throughout the app.
+ * For now, I am duplicating the selectors here for mx_Dialog and mx_DialogButtons.
+ */
+.mx_Dialog
+    button:not(
+        .mx_EncryptionUserSettingsTab button,
+        .mx_EncryptionCard button,
+        .mx_UserProfileSettings button,
+        .mx_ShareDialog button,
+        .mx_UnpinAllDialog button,
+        .mx_ThemeChoicePanel_CustomTheme button,
+        .mx_Dialog_nonDialogButton,
+        .mx_AccessibleButton,
+        .mx_IdentityServerPicker button,
+        .mx_AccessSecretStorageDialog button,
+        .mx_InviteDialog_section button,
+        .mx_InviteDialog_editor button,
+        .mx_UnknownIdentityUsersWarningDialog button,
+        .mx_ThreadActionBar button,
+        .mx_HistoryActionBar button,
+        [data-kind],
+        [class|="maplibregl"]
+    ),
+.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton, .mx_AccessibleButton, [data-kind]),
+.mx_Dialog input[type="submit"],
+.mx_Dialog_buttons input[type="submit"] {
+    @mixin mx_DialogButton;
+    margin-left: 0px;
+    margin-right: var(--buttons-dialog-gap-column);
+    margin-bottom: 5px;
+
+    /* flip colours for the secondary ones */
+    font-weight: var(--cpd-font-weight-semibold);
+    border: 1px solid var(--cpd-color-border-interactive-secondary);
+    color: var(--cpd-color-text-primary);
+    background-color: transparent;
+    font-family: inherit;
+}
+
+.mx_Dialog
+    button:not(
+        .mx_Dialog_nonDialogButton,
+        [class|="maplibregl"],
+        .mx_AccessibleButton,
+        .mx_UserProfileSettings button,
+        .mx_ThemeChoicePanel_CustomTheme button,
+        .mx_UnpinAllDialog button,
+        .mx_ShareDialog button,
+        .mx_EncryptionUserSettingsTab button,
+        .mx_UnknownIdentityUsersWarningDialog button,
+        [data-kind]
+    ):last-child {
+    margin-right: 0px;
+}
+
+.mx_Dialog
+    button:not(
+        .mx_Dialog_nonDialogButton,
+        [class|="maplibregl"],
+        .mx_AccessibleButton,
+        .mx_UserProfileSettings button,
+        .mx_ThemeChoicePanel_CustomTheme button,
+        .mx_UnpinAllDialog button,
+        .mx_ShareDialog button,
+        .mx_EncryptionUserSettingsTab button,
+        .mx_InviteDialog_section button,
+        .mx_InviteDialog_editor button,
+        .mx_UnknownIdentityUsersWarningDialog button,
+        [data-kind]
+    ):focus,
+.mx_Dialog input[type="submit"]:focus,
+.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton, .mx_AccessibleButton, [data-kind]):focus,
+.mx_Dialog_buttons input[type="submit"]:focus {
+    filter: brightness($focus-brightness);
+}
+
+.mx_Dialog button.mx_Dialog_primary:not(.mx_Dialog_nonDialogButton, [class|="maplibregl"], [data-kind]),
+.mx_Dialog input[type="submit"].mx_Dialog_primary,
+.mx_Dialog_buttons
+    button:not(
+        .mx_Dialog_nonDialogButton,
+        .mx_AccessibleButton,
+        .cancel,
+        .mx_UserProfileSettings button,
+        .mx_ThemeChoicePanel_CustomTheme button,
+        .mx_UnpinAllDialog button,
+        .mx_ShareDialog button,
+        .mx_EncryptionUserSettingsTab button,
+        .mx_UnknownIdentityUsersWarningDialog button,
+        [data-kind]
+    ),
+.mx_Dialog_buttons input[type="submit"].mx_Dialog_primary {
+    color: var(--cpd-color-text-on-solid-primary);
+    background-color: var(--cpd-color-bg-action-primary-rest);
+    border-color: var(--cpd-color-bg-action-primary-rest);
+    min-width: 156px;
+}
+
+.mx_Dialog button.danger:not(.mx_Dialog_nonDialogButton, [class|="maplibregl"]),
+.mx_Dialog input[type="submit"].danger,
+.mx_Dialog_buttons
+    button.danger:not(
+        .mx_Dialog_nonDialogButton,
+        .mx_AccessibleButton,
+        .mx_UserProfileSettings button,
+        .mx_ThemeChoicePanel_CustomTheme button,
+        .mx_UnpinAllDialog button,
+        .mx_ShareDialog button,
+        .mx_EncryptionUserSettingsTab button,
+        .mx_UnknownIdentityUsersWarningDialog button
+    ),
+.mx_Dialog_buttons input[type="submit"].danger {
+    background-color: var(--cpd-color-bg-critical-primary);
+    border: solid 1px var(--cpd-color-bg-critical-primary);
+    color: var(--cpd-color-text-on-solid-primary);
+}
+
+.mx_Dialog button.warning:not(.mx_Dialog_nonDialogButton, [class|="maplibregl"]),
+.mx_Dialog input[type="submit"].warning {
+    border: solid 1px var(--cpd-color-border-critical-subtle);
+    color: var(--cpd-color-text-critical-primary);
+}
+
+.mx_Dialog
+    button:not(
+        .mx_Dialog_nonDialogButton,
+        [class|="maplibregl"],
+        .mx_AccessibleButton,
+        .mx_UserProfileSettings button,
+        .mx_ThemeChoicePanel_CustomTheme button,
+        .mx_UnpinAllDialog button,
+        .mx_ShareDialog button,
+        .mx_EncryptionUserSettingsTab button,
+        .mx_UnknownIdentityUsersWarningDialog button,
+        [data-kind]
+    ):disabled,
+.mx_Dialog input[type="submit"]:disabled,
+.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton, .mx_AccessibleButton):disabled,
+.mx_Dialog_buttons input[type="submit"]:disabled {
+    background-color: $light-fg-color;
+    border: solid 1px $light-fg-color;
+    opacity: 0.7;
+}
+
+.mx_Dialog_buttons button.cancel {
+    color: var(--cpd-color-text-primary);
+    background-color: var(--cpd-color-bg-action-secondary-rest);
+    border-color: var(--cpd-color-border-interactive-secondary);
+    min-width: 156px;
+}
+
+/* Spinner Dialog overide */
+.mx_Dialog_wrapper.mx_Dialog_spinner {
+    /* This is not a real dialog, so we shouldn't show a glass border */
+    .mx_Dialog_border {
+        display: contents;
+    }
+
+    .mx_Dialog {
+        inline-size: auto;
+        block-size: auto;
+        border-radius: 8px;
+        padding: 8px;
+        box-shadow: none;
+
+        /* Don't show scroll-bars on spinner dialogs */
+        overflow-x: hidden;
+        overflow-y: hidden;
+    }
+}
+
+/* TODO: Review mx_GeneralButton usage to see if it can use a different class */
+/* These classes were brought in from the old UserSettings and are included here to avoid */
+/* breaking the app. */
+/* Ref: https://github.com/vector-im/element-web/issues/8420 */
+.mx_GeneralButton {
+    @mixin mx_DialogButton;
+    display: inline;
+    margin: auto;
+}
+
+.mx_TextInputDialog_label {
+    text-align: left;
+    padding-bottom: 12px;
+}
+
+.mx_TextInputDialog_input {
+    font-size: $font-15px;
+    border-radius: 3px;
+    border: 1px solid $input-border-color;
+    padding: 9px;
+    color: $primary-content;
+    background-color: $background;
+}
+
+.mx_button_row {
+    margin-top: 69px;
+}
+
+/* username colors */
+/* used by SenderProfile & RoomPreviewBar */
+.mx_Username_color1 {
+    color: $username-variant1-color;
+}
+
+.mx_Username_color2 {
+    color: $username-variant2-color;
+}
+
+.mx_Username_color3 {
+    color: $username-variant3-color;
+}
+
+.mx_Username_color4 {
+    color: $username-variant4-color;
+}
+
+.mx_Username_color5 {
+    color: $username-variant5-color;
+}
+
+.mx_Username_color6 {
+    color: $username-variant6-color;
+}
+
+.mx_AppWarning,
+.mx_AppPermission {
+    text-align: center;
+    display: flex;
+    height: 100%;
+    flex-direction: column;
+    align-items: center;
+}
+
+@define-mixin ProgressBarColour $colour {
+    color: $colour;
+    &::-moz-progress-bar {
+        background-color: $colour;
+    }
+    &::-webkit-progress-value {
+        background-color: $colour;
+    }
+}
+
+@define-mixin ProgressBarBgColour $colour {
+    background-color: $colour;
+    &::-webkit-progress-bar {
+        background-color: $colour;
+    }
+}
+
+@define-mixin ProgressBarBorderRadius $radius {
+    border-radius: $radius;
+    &::-moz-progress-bar {
+        border-radius: $radius;
+    }
+    &::-webkit-progress-bar,
+    &::-webkit-progress-value {
+        border-radius: $radius;
+    }
+}
+
+@define-mixin unreal-focus {
+    outline-width: 2px;
+    outline-style: solid;
+    outline-color: Highlight;
+
+    /* WebKit gets its native focus styles. */
+    @media (-webkit-min-device-pixel-ratio: 0) {
+        outline-color: -webkit-focus-ring-color;
+        outline-style: auto;
+    }
+}
+
+@define-mixin LegacyCallButton {
+    box-sizing: border-box;
+    font-weight: var(--cpd-font-weight-semibold);
+    height: $font-24px;
+    line-height: $font-24px;
+    margin-right: 0;
+
+    display: flex;
+    align-items: center;
+
+    svg {
+        width: 16px;
+        height: 16px;
+        display: inline-block;
+        color: $button-fg-color;
+        margin-right: 8px;
+        vertical-align: middle;
+    }
+}
+
+@define-mixin ThreadRepliesAmount {
+    color: $secondary-content;
+    font-weight: var(--cpd-font-weight-semibold);
+    white-space: nowrap;
+    position: relative;
+    padding: 0 var(--cpd-space-3x) 0 var(--cpd-space-2x);
+}
+
+@define-mixin ThreadSummaryIcon {
+    display: inline-block;
+    height: 18px;
+    width: 18px;
+    flex-shrink: 0;
+    color: $icon-button-color;
+}
+
+@define-mixin composerButtonHighLight {
+    background: var(--cpd-color-bg-subtle-primary);
+    color: var(--cpd-color-icon-primary) !important;
+}
+
+@define-mixin composerButton $border-radius, $hover-color, $hover-bg {
+    position: relative;
+    cursor: pointer;
+    border-radius: $border-radius;
+
+    svg {
+        color: $icon-button-color;
+    }
+
+    &:hover {
+        background-color: $hover-bg;
+
+        svg {
+            color: $hover-color;
+        }
+    }
+}
+
+.mx_lineClamp {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: var(--mx-line-clamp, 1);
+    overflow: hidden;
+}
+
+/* Layout compatibility hook for timestamp placement in existing app/web timeline surfaces. */
+.mx_MessageTimestamp {
+    display: block; /* enable the width setting below */
+    width: var(--MessageTimestamp-width);
+}
diff --git a/apps/web/res/css/_components.pcss b/apps/web/res/css/_components.pcss
new file mode 100644
index 00000000000..e8311a7fe0c
--- /dev/null
+++ b/apps/web/res/css/_components.pcss
@@ -0,0 +1,356 @@
+/* autogenerated by rethemendex.sh */
+@import "./_animations.pcss";
+@import "./_common.pcss";
+@import "./_font-sizes.pcss";
+@import "./components/views/beacon/_BeaconListItem.pcss";
+@import "./components/views/beacon/_BeaconStatus.pcss";
+@import "./components/views/beacon/_BeaconStatusTooltip.pcss";
+@import "./components/views/beacon/_BeaconViewDialog.pcss";
+@import "./components/views/beacon/_DialogOwnBeaconStatus.pcss";
+@import "./components/views/beacon/_DialogSidebar.pcss";
+@import "./components/views/beacon/_LeftPanelLiveShareWarning.pcss";
+@import "./components/views/beacon/_LiveTimeRemaining.pcss";
+@import "./components/views/beacon/_OwnBeaconStatus.pcss";
+@import "./components/views/beacon/_ShareLatestLocation.pcss";
+@import "./components/views/beacon/_StyledLiveBeaconIcon.pcss";
+@import "./components/views/context_menus/_KebabContextMenu.pcss";
+@import "./components/views/dialogs/polls/_PollDetailHeader.pcss";
+@import "./components/views/dialogs/polls/_PollListItem.pcss";
+@import "./components/views/dialogs/polls/_PollListItemEnded.pcss";
+@import "./components/views/elements/_AppPermission.pcss";
+@import "./components/views/elements/_AppWarning.pcss";
+@import "./components/views/elements/_FilterDropdown.pcss";
+@import "./components/views/elements/_FilterTabGroup.pcss";
+@import "./components/views/elements/_LearnMore.pcss";
+@import "./components/views/location/_EnableLiveShare.pcss";
+@import "./components/views/location/_LiveDurationDropdown.pcss";
+@import "./components/views/location/_LocationShareMenu.pcss";
+@import "./components/views/location/_MapError.pcss";
+@import "./components/views/location/_MapFallback.pcss";
+@import "./components/views/location/_Marker.pcss";
+@import "./components/views/location/_ShareDialogButtons.pcss";
+@import "./components/views/location/_ShareType.pcss";
+@import "./components/views/location/_ZoomButtons.pcss";
+@import "./components/views/messages/_MBeaconBody.pcss";
+@import "./components/views/messages/shared/_MediaProcessingError.pcss";
+@import "./components/views/polls/_PollOption.pcss";
+@import "./components/views/settings/_AddRemoveThreepids.pcss";
+@import "./components/views/settings/devices/_CurrentDeviceSection.pcss";
+@import "./components/views/settings/devices/_DeviceDetailHeading.pcss";
+@import "./components/views/settings/devices/_DeviceDetails.pcss";
+@import "./components/views/settings/devices/_DeviceExpandDetailsButton.pcss";
+@import "./components/views/settings/devices/_DeviceSecurityCard.pcss";
+@import "./components/views/settings/devices/_DeviceTile.pcss";
+@import "./components/views/settings/devices/_DeviceTypeIcon.pcss";
+@import "./components/views/settings/devices/_FilteredDeviceList.pcss";
+@import "./components/views/settings/devices/_FilteredDeviceListHeader.pcss";
+@import "./components/views/settings/devices/_SecurityRecommendations.pcss";
+@import "./components/views/settings/devices/_SelectableDeviceTile.pcss";
+@import "./components/views/settings/encryption/_KeyStoragePanel.pcss";
+@import "./components/views/settings/shared/_SettingsSubsection.pcss";
+@import "./components/views/settings/shared/_SettingsSubsectionHeading.pcss";
+@import "./components/views/spaces/_QuickThemeSwitcher.pcss";
+@import "./components/views/typography/_Caption.pcss";
+@import "./compound/_Icon.pcss";
+@import "./compound/_SuccessDialog.pcss";
+@import "./structures/_AutoHideScrollbar.pcss";
+@import "./structures/_AutocompleteInput.pcss";
+@import "./structures/_CompatibilityPage.pcss";
+@import "./structures/_ContextualMenu.pcss";
+@import "./structures/_ErrorMessage.pcss";
+@import "./structures/_FileDropTarget.pcss";
+@import "./structures/_FilePanel.pcss";
+@import "./structures/_GenericDropdownMenu.pcss";
+@import "./structures/_HomePage.pcss";
+@import "./structures/_LargeLoader.pcss";
+@import "./structures/_LeftPanel.pcss";
+@import "./structures/_MainSplit.pcss";
+@import "./structures/_MatrixChat.pcss";
+@import "./structures/_NonUrgentToastContainer.pcss";
+@import "./structures/_PictureInPictureDragger.pcss";
+@import "./structures/_QuickSettingsButton.pcss";
+@import "./structures/_RightPanel.pcss";
+@import "./structures/_RoomView.pcss";
+@import "./structures/_SearchBox.pcss";
+@import "./structures/_SpaceHierarchy.pcss";
+@import "./structures/_SpacePanel.pcss";
+@import "./structures/_SpacePillButton.pcss";
+@import "./structures/_SpaceRoomView.pcss";
+@import "./structures/_SplashPage.pcss";
+@import "./structures/_TabbedView.pcss";
+@import "./structures/_ThreadsActivityCentre.pcss";
+@import "./structures/_ToastContainer.pcss";
+@import "./structures/_UploadBar.pcss";
+@import "./structures/_ViewSource.pcss";
+@import "./structures/auth/_CompleteSecurity.pcss";
+@import "./structures/auth/_ConfirmSessionLockTheftView.pcss";
+@import "./structures/auth/_Login.pcss";
+@import "./structures/auth/_LoginSplashView.pcss";
+@import "./structures/auth/_MobileRegistration.pcss";
+@import "./structures/auth/_Registration.pcss";
+@import "./structures/auth/_SessionLockStolenView.pcss";
+@import "./structures/auth/_SetupEncryptionBody.pcss";
+@import "./views/audio_messages/_PlaybackContainer.pcss";
+@import "./views/audio_messages/_SeekBar.pcss";
+@import "./views/audio_messages/_Waveform.pcss";
+@import "./views/auth/_AuthBody.pcss";
+@import "./views/auth/_AuthFooter.pcss";
+@import "./views/auth/_AuthHeader.pcss";
+@import "./views/auth/_AuthHeaderLogo.pcss";
+@import "./views/auth/_AuthPage.pcss";
+@import "./views/auth/_CompleteSecurityBody.pcss";
+@import "./views/auth/_CountryDropdown.pcss";
+@import "./views/auth/_DefaultWelcome.pcss";
+@import "./views/auth/_InteractiveAuthEntryComponents.pcss";
+@import "./views/auth/_LanguageSelector.pcss";
+@import "./views/auth/_LoginWithQR.pcss";
+@import "./views/auth/_PassphraseField.pcss";
+@import "./views/auth/_Welcome.pcss";
+@import "./views/avatars/_BaseAvatar.pcss";
+@import "./views/avatars/_DecoratedRoomAvatar.pcss";
+@import "./views/avatars/_RoomAvatarView.pcss";
+@import "./views/avatars/_WidgetAvatar.pcss";
+@import "./views/avatars/_WithPresenceIndicator.pcss";
+@import "./views/beta/_BetaCard.pcss";
+@import "./views/context_menus/_DeviceContextMenu.pcss";
+@import "./views/context_menus/_IconizedContextMenu.pcss";
+@import "./views/context_menus/_LegacyCallContextMenu.pcss";
+@import "./views/dialogs/_AddExistingToSpaceDialog.pcss";
+@import "./views/dialogs/_AnalyticsLearnMoreDialog.pcss";
+@import "./views/dialogs/_BugReportDialog.pcss";
+@import "./views/dialogs/_ChangelogDialog.pcss";
+@import "./views/dialogs/_CompoundDialog.pcss";
+@import "./views/dialogs/_ConfirmKeyStorageOffDialog.pcss";
+@import "./views/dialogs/_ConfirmSpaceUserActionDialog.pcss";
+@import "./views/dialogs/_ConfirmUserActionDialog.pcss";
+@import "./views/dialogs/_CreateRoomDialog.pcss";
+@import "./views/dialogs/_CreateSectionDialog.pcss";
+@import "./views/dialogs/_CreateSubspaceDialog.pcss";
+@import "./views/dialogs/_Crypto.pcss";
+@import "./views/dialogs/_DeactivateAccountDialog.pcss";
+@import "./views/dialogs/_DevtoolsDialog.pcss";
+@import "./views/dialogs/_ExportDialog.pcss";
+@import "./views/dialogs/_FeedbackDialog.pcss";
+@import "./views/dialogs/_ForwardDialog.pcss";
+@import "./views/dialogs/_GenericFeatureFeedbackDialog.pcss";
+@import "./views/dialogs/_IncomingSasDialog.pcss";
+@import "./views/dialogs/_InviteDialog.pcss";
+@import "./views/dialogs/_InviteProgressBody.pcss";
+@import "./views/dialogs/_JoinRuleDropdown.pcss";
+@import "./views/dialogs/_LeaveSpaceDialog.pcss";
+@import "./views/dialogs/_LocationViewDialog.pcss";
+@import "./views/dialogs/_LogoutDialog.pcss";
+@import "./views/dialogs/_ManageRestrictedJoinRuleDialog.pcss";
+@import "./views/dialogs/_MessageEditHistoryDialog.pcss";
+@import "./views/dialogs/_ModalWidgetDialog.pcss";
+@import "./views/dialogs/_PollCreateDialog.pcss";
+@import "./views/dialogs/_RegistrationEmailPromptDialog.pcss";
+@import "./views/dialogs/_RemoveSectionDialog.pcss";
+@import "./views/dialogs/_ReportRoomDialog.pcss";
+@import "./views/dialogs/_RoomSettingsDialog.pcss";
+@import "./views/dialogs/_RoomSettingsDialogBridges.pcss";
+@import "./views/dialogs/_RoomUpgradeDialog.pcss";
+@import "./views/dialogs/_RoomUpgradeWarningDialog.pcss";
+@import "./views/dialogs/_ServerOfflineDialog.pcss";
+@import "./views/dialogs/_ServerPickerDialog.pcss";
+@import "./views/dialogs/_SetEmailDialog.pcss";
+@import "./views/dialogs/_SettingsDialog.pcss";
+@import "./views/dialogs/_ShareDialog.pcss";
+@import "./views/dialogs/_SlashCommandHelpDialog.pcss";
+@import "./views/dialogs/_SpacePreferencesDialog.pcss";
+@import "./views/dialogs/_SpaceSettingsDialog.pcss";
+@import "./views/dialogs/_SpotlightDialog.pcss";
+@import "./views/dialogs/_TermsDialog.pcss";
+@import "./views/dialogs/_UnpinAllDialog.pcss";
+@import "./views/dialogs/_UploadConfirmDialog.pcss";
+@import "./views/dialogs/_UserSettingsDialog.pcss";
+@import "./views/dialogs/_VerifyEMailDialog.pcss";
+@import "./views/dialogs/_WidgetCapabilitiesPromptDialog.pcss";
+@import "./views/dialogs/invite/_UnknownIdentityUsersWarningDialog.pcss";
+@import "./views/dialogs/security/_AccessSecretStorageDialog.pcss";
+@import "./views/dialogs/security/_CreateCrossSigningDialog.pcss";
+@import "./views/dialogs/security/_CreateSecretStorageDialog.pcss";
+@import "./views/dialogs/security/_KeyBackupFailedDialog.pcss";
+@import "./views/dialogs/security/_RestoreKeyBackupDialog.pcss";
+@import "./views/directory/_NetworkDropdown.pcss";
+@import "./views/elements/_AccessibleButton.pcss";
+@import "./views/elements/_CopyableText.pcss";
+@import "./views/elements/_DesktopCapturerSourcePicker.pcss";
+@import "./views/elements/_DialPadBackspaceButton.pcss";
+@import "./views/elements/_Dropdown.pcss";
+@import "./views/elements/_EditableItemList.pcss";
+@import "./views/elements/_ErrorBoundary.pcss";
+@import "./views/elements/_ExternalLink.pcss";
+@import "./views/elements/_FacePile.pcss";
+@import "./views/elements/_Field.pcss";
+@import "./views/elements/_GenericEventListSummary.pcss";
+@import "./views/elements/_ImageView.pcss";
+@import "./views/elements/_InfoTooltip.pcss";
+@import "./views/elements/_InlineSpinner.pcss";
+@import "./views/elements/_InteractiveTooltip.pcss";
+@import "./views/elements/_InviteReason.pcss";
+@import "./views/elements/_LabelledCheckbox.pcss";
+@import "./views/elements/_LanguageDropdown.pcss";
+@import "./views/elements/_MiniAvatarUploader.pcss";
+@import "./views/elements/_Pill.pcss";
+@import "./views/elements/_PowerSelector.pcss";
+@import "./views/elements/_ProgressBar.pcss";
+@import "./views/elements/_QRCode.pcss";
+@import "./views/elements/_ReplyChain.pcss";
+@import "./views/elements/_ResizeHandle.pcss";
+@import "./views/elements/_RichText.pcss";
+@import "./views/elements/_RoomAliasField.pcss";
+@import "./views/elements/_SSOButtons.pcss";
+@import "./views/elements/_SearchWarning.pcss";
+@import "./views/elements/_ServerPicker.pcss";
+@import "./views/elements/_SettingsDropdown.pcss";
+@import "./views/elements/_SettingsFlag.pcss";
+@import "./views/elements/_Spinner.pcss";
+@import "./views/elements/_StyledRadioButton.pcss";
+@import "./views/elements/_SyntaxHighlight.pcss";
+@import "./views/elements/_TagComposer.pcss";
+@import "./views/elements/_TextWithTooltip.pcss";
+@import "./views/elements/_ToggleSwitch.pcss";
+@import "./views/elements/_Validation.pcss";
+@import "./views/location/_LocationPicker.pcss";
+@import "./views/messages/_CallEvent.pcss";
+@import "./views/messages/_CreateEvent.pcss";
+@import "./views/messages/_DisambiguatedProfile.pcss";
+@import "./views/messages/_LegacyCallEvent.pcss";
+@import "./views/messages/_MImageReplyBody.pcss";
+@import "./views/messages/_MLocationBody.pcss";
+@import "./views/messages/_MPollBody.pcss";
+@import "./views/messages/_MStickerBody.pcss";
+@import "./views/messages/_MessageActionBar.pcss";
+@import "./views/messages/_TextualEvent.pcss";
+@import "./views/messages/_ThreadActionBar.pcss";
+@import "./views/messages/_common_CryptoEvent.pcss";
+@import "./views/polls/pollHistory/_PollHistory.pcss";
+@import "./views/polls/pollHistory/_PollHistoryList.pcss";
+@import "./views/right_panel/_BaseCard.pcss";
+@import "./views/right_panel/_EmptyState.pcss";
+@import "./views/right_panel/_EncryptionInfo.pcss";
+@import "./views/right_panel/_ExtensionsCard.pcss";
+@import "./views/right_panel/_PinnedMessagesCard.pcss";
+@import "./views/right_panel/_RoomSummaryCard.pcss";
+@import "./views/right_panel/_ThreadPanel.pcss";
+@import "./views/right_panel/_TimelineCard.pcss";
+@import "./views/right_panel/_UserInfo.pcss";
+@import "./views/right_panel/_VerificationPanel.pcss";
+@import "./views/right_panel/_WidgetCard.pcss";
+@import "./views/room_settings/_AliasSettings.pcss";
+@import "./views/rooms/RoomListPanel/_RoomListPanel.pcss";
+@import "./views/rooms/_AppsDrawer.pcss";
+@import "./views/rooms/_Autocomplete.pcss";
+@import "./views/rooms/_AuxPanel.pcss";
+@import "./views/rooms/_BasicMessageComposer.pcss";
+@import "./views/rooms/_CallGuestLinkButton.pcss";
+@import "./views/rooms/_E2EIcon.pcss";
+@import "./views/rooms/_E2EIconView.pcss";
+@import "./views/rooms/_EditMessageComposer.pcss";
+@import "./views/rooms/_EmojiButton.pcss";
+@import "./views/rooms/_EventBubbleTile.pcss";
+@import "./views/rooms/_EventTile.pcss";
+@import "./views/rooms/_HistoryTile.pcss";
+@import "./views/rooms/_IRCLayout.pcss";
+@import "./views/rooms/_InvitedIconView.pcss";
+@import "./views/rooms/_JumpToBottomButton.pcss";
+@import "./views/rooms/_LiveContentSummary.pcss";
+@import "./views/rooms/_MemberListHeaderView.pcss";
+@import "./views/rooms/_MemberListView.pcss";
+@import "./views/rooms/_MemberTileView.pcss";
+@import "./views/rooms/_MessageComposer.pcss";
+@import "./views/rooms/_MessageComposerFormatBar.pcss";
+@import "./views/rooms/_NewRoomIntro.pcss";
+@import "./views/rooms/_OverflowTile.pcss";
+@import "./views/rooms/_PinnedEventTile.pcss";
+@import "./views/rooms/_PinnedMessageBanner.pcss";
+@import "./views/rooms/_PresenceIconView.pcss";
+@import "./views/rooms/_PresenceLabel.pcss";
+@import "./views/rooms/_ReadReceiptGroup.pcss";
+@import "./views/rooms/_ReplyPreview.pcss";
+@import "./views/rooms/_ReplyTile.pcss";
+@import "./views/rooms/_RoomHeader.pcss";
+@import "./views/rooms/_RoomInfoLine.pcss";
+@import "./views/rooms/_RoomKnocksBar.pcss";
+@import "./views/rooms/_RoomPreviewBar.pcss";
+@import "./views/rooms/_RoomPreviewCard.pcss";
+@import "./views/rooms/_RoomSearchAuxPanel.pcss";
+@import "./views/rooms/_RoomUpgradeWarningBar.pcss";
+@import "./views/rooms/_SendMessageComposer.pcss";
+@import "./views/rooms/_Stickers.pcss";
+@import "./views/rooms/_ThirdPartyMemberInfo.pcss";
+@import "./views/rooms/_TopUnreadMessagesBar.pcss";
+@import "./views/rooms/_UserIdentityWarning.pcss";
+@import "./views/rooms/_VoiceRecordComposerTile.pcss";
+@import "./views/rooms/_WhoIsTypingTile.pcss";
+@import "./views/rooms/wysiwyg_composer/_EditWysiwygComposer.pcss";
+@import "./views/rooms/wysiwyg_composer/_SendWysiwygComposer.pcss";
+@import "./views/rooms/wysiwyg_composer/components/_Editor.pcss";
+@import "./views/rooms/wysiwyg_composer/components/_FormattingButtons.pcss";
+@import "./views/rooms/wysiwyg_composer/components/_LinkModal.pcss";
+@import "./views/settings/_AvatarSetting.pcss";
+@import "./views/settings/_FontScalingPanel.pcss";
+@import "./views/settings/_ImageSizePanel.pcss";
+@import "./views/settings/_IntegrationManager.pcss";
+@import "./views/settings/_JoinRuleSettings.pcss";
+@import "./views/settings/_KeyboardShortcut.pcss";
+@import "./views/settings/_LayoutSwitcher.pcss";
+@import "./views/settings/_NotificationPusherSettings.pcss";
+@import "./views/settings/_NotificationSettings2.pcss";
+@import "./views/settings/_Notifications.pcss";
+@import "./views/settings/_PhoneNumbers.pcss";
+@import "./views/settings/_PowerLevelSelector.pcss";
+@import "./views/settings/_RoomProfileSettings.pcss";
+@import "./views/settings/_SetIntegrationManager.pcss";
+@import "./views/settings/_SettingsFieldset.pcss";
+@import "./views/settings/_SettingsHeader.pcss";
+@import "./views/settings/_SettingsSubheader.pcss";
+@import "./views/settings/_SpellCheckLanguages.pcss";
+@import "./views/settings/_ThemeChoicePanel.pcss";
+@import "./views/settings/_UpdateCheckButton.pcss";
+@import "./views/settings/_UserPersonalInfoSettings.pcss";
+@import "./views/settings/_UserProfileSettings.pcss";
+@import "./views/settings/encryption/_AdvancedPanel.pcss";
+@import "./views/settings/encryption/_ChangeRecoveryKey.pcss";
+@import "./views/settings/encryption/_EncryptionCard.pcss";
+@import "./views/settings/encryption/_EncryptionCardEmphasisedContent.pcss";
+@import "./views/settings/encryption/_RecoveryPanelOutOfSync.pcss";
+@import "./views/settings/encryption/_ResetIdentityPanel.pcss";
+@import "./views/settings/tabs/_SettingsBanner.pcss";
+@import "./views/settings/tabs/_SettingsIndent.pcss";
+@import "./views/settings/tabs/_SettingsSection.pcss";
+@import "./views/settings/tabs/_SettingsTab.pcss";
+@import "./views/settings/tabs/room/_NotificationSettingsTab.pcss";
+@import "./views/settings/tabs/room/_PeopleRoomSettingsTab.pcss";
+@import "./views/settings/tabs/room/_RolesRoomSettingsTab.pcss";
+@import "./views/settings/tabs/room/_SecurityRoomSettingsTab.pcss";
+@import "./views/settings/tabs/user/_AppearanceUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_HelpUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_KeyboardUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_MediaPreviewAccountSettings.pcss";
+@import "./views/settings/tabs/user/_MjolnirUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_PreferencesUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_SecurityUserSettingsTab.pcss";
+@import "./views/settings/tabs/user/_SidebarUserSettingsTab.pcss";
+@import "./views/spaces/_SpaceBasicSettings.pcss";
+@import "./views/spaces/_SpaceChildrenPicker.pcss";
+@import "./views/spaces/_SpaceCreateMenu.pcss";
+@import "./views/terms/_InlineTermsAgreement.pcss";
+@import "./views/toasts/_AnalyticsToast.pcss";
+@import "./views/toasts/_IncomingCallToast.pcss";
+@import "./views/toasts/_IncomingLegacyCallToast.pcss";
+@import "./views/toasts/_NonUrgentEchoFailureToast.pcss";
+@import "./views/typography/_Heading.pcss";
+@import "./views/verification/_VerificationShowSas.pcss";
+@import "./views/voip/LegacyCallView/_LegacyCallViewButtons.pcss";
+@import "./views/voip/_CallDuration.pcss";
+@import "./views/voip/_CallView.pcss";
+@import "./views/voip/_DialPad.pcss";
+@import "./views/voip/_DialPadContextMenu.pcss";
+@import "./views/voip/_DialPadModal.pcss";
+@import "./views/voip/_LegacyCallView.pcss";
+@import "./views/voip/_LegacyCallViewForRoom.pcss";
+@import "./views/voip/_LegacyCallViewHeader.pcss";
+@import "./views/voip/_LegacyCallViewSidebar.pcss";
+@import "./views/voip/_VideoFeed.pcss";
diff --git a/apps/web/res/css/_font-sizes.pcss b/apps/web/res/css/_font-sizes.pcss
new file mode 100644
index 00000000000..d7fdbce92d2
--- /dev/null
+++ b/apps/web/res/css/_font-sizes.pcss
@@ -0,0 +1,49 @@
+/*
+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.
+*/
+
+/*
+ * SCSS variables defining a range of font sizes.
+ *
+ * These are defined in `rem` so that they scale with the `font-size` of the root element (which is adjustable via the
+ * "Font size" setting). They exist to make the job of converting designs (which tend to be based in pixels) into CSS
+ * easier.
+ */
+
+/*
+ * These variables are now *deprecated* and should not be used in new code; instead Compound typographic tokens
+ * should be used. Direct equivalents for these old font size tokens are listed below; where no equivalent exists,
+ * that suggests that the design is using a non-standard font size and should be updated.
+ *
+ * In fact, modern Figma designs should actually use a named Typography style such as "Web/font/heading/sm/semibold",
+ * translates directly to `font: var(--cpd-font-heading-sm-semibold)`.
+ */
+$font-1px: 0.0625rem;
+$font-8px: 0.5rem;
+$font-10px: 0.625rem;
+$font-10-4px: 0.6275rem;
+$font-11px: 0.6875rem; /* Compound equivalent: --cpd-font-size-body-xs */
+$font-12px: 0.75rem;
+$font-13px: 0.8125rem; /* Compound equivalent: --cpd-font-size-body-sm */
+$font-14px: 0.875rem;
+$font-15px: 0.9375rem; /* Compound equivalent: --cpd-font-size-body-md */
+$font-16px: 1rem;
+$font-17px: 1.0625rem; /* Compound equivalent: --cpd-font-size-body-lg */
+$font-18px: 1.125rem;
+$font-20px: 1.25rem; /* Compound equivalent: --cpd-font-size-heading-sm */
+$font-22px: 1.375rem;
+$font-24px: 1.5rem; /* Compound equivalent: --cpd-font-size-heading-md */
+$font-25px: 1.5625rem;
+$font-26px: 1.625rem;
+$font-28px: 1.75rem; /* Compound equivalent: --cpd-font-size-heading-lg */
+$font-30px: 1.875rem;
+$font-32px: 2rem; /* Compound equivalent: --cpd-font-size-heading-xl */
+$font-34px: 2.125rem;
+$font-35px: 2.1875rem;
+$font-42px: 2.625rem;
+$font-44px: 2.75rem;
+$font-48px: 3rem;
diff --git a/apps/web/res/css/_index.pcss b/apps/web/res/css/_index.pcss
new file mode 100644
index 00000000000..716430b3fc4
--- /dev/null
+++ b/apps/web/res/css/_index.pcss
@@ -0,0 +1,14 @@
+/*
+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.
+*/
+
+@layer compound-tokens, compound-web, shared-components, app-web;
+
+@import url("maplibre-gl/dist/maplibre-gl.css") layer(app-web);
+@import url("@vector-im/compound-design-tokens/assets/web/css/compound-design-tokens.css") layer(compound-tokens);
+@import url("@vector-im/compound-web/dist/style.css") layer(compound-web);
+/** Shared components is layer-aware and will fit itself into the correct layer */
+@import url("@element-hq/web-shared-components/dist/element-web-shared-components.css");
diff --git a/apps/web/res/css/components/views/beacon/_BeaconListItem.pcss b/apps/web/res/css/components/views/beacon/_BeaconListItem.pcss
new file mode 100644
index 00000000000..018cfe9f078
--- /dev/null
+++ b/apps/web/res/css/components/views/beacon/_BeaconListItem.pcss
@@ -0,0 +1,62 @@
+/*
+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_BeaconListItem {
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    padding: var(--cpd-space-3x) 0;
+
+    border-bottom: 1px solid $system;
+
+    cursor: pointer;
+}
+
+.mx_BeaconListItem_avatarIcon {
+    flex: 0 0;
+    height: 32px;
+    width: 32px;
+}
+
+.mx_BeaconListItem_avatar {
+    flex: 0 0;
+    box-sizing: border-box;
+
+    margin-right: var(--cpd-space-2x);
+    border: 2px solid $location-live-color;
+    border-radius: 50%;
+}
+
+.mx_BeaconListItem_info {
+    flex: 1 1 0;
+    width: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+}
+
+.mx_BeaconListItem_status {
+    /* override beacon status padding */
+    padding: 0 !important;
+    margin-bottom: var(--cpd-space-2x);
+
+    .mx_BeaconStatus_label {
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+}
+
+.mx_BeaconListItem_lastUpdated {
+    color: $tertiary-content;
+    font-size: $font-10px;
+}
+
+.mx_BeaconListItem_interactions {
+    display: flex;
+    flex-direction: row;
+}
diff --git a/apps/web/res/css/components/views/beacon/_BeaconStatus.pcss b/apps/web/res/css/components/views/beacon/_BeaconStatus.pcss
new file mode 100644
index 00000000000..ecdccf7a1b1
--- /dev/null
+++ b/apps/web/res/css/components/views/beacon/_BeaconStatus.pcss
@@ -0,0 +1,65 @@
+/*
+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_BeaconStatus {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+
+    box-sizing: border-box;
+    padding: var(--cpd-space-2x);
+
+    color: var(--color);
+    font-size: $font-12px;
+}
+
+.mx_BeaconStatus_Loading,
+.mx_BeaconStatus_Stopped {
+    --color: $tertiary-content;
+}
+
+.mx_BeaconStatus_Active,
+.mx_BeaconStatus_Error {
+    --color: $primary-content;
+}
+
+.mx_BeaconStatus_icon {
+    height: 32px;
+    width: 32px;
+
+    flex: 0 0 32px;
+    margin-right: var(--cpd-space-2x);
+}
+
+.mx_BeaconStatus_description {
+    flex: 1 1 0;
+    display: flex;
+    flex-direction: column;
+    line-height: $font-14px;
+
+    padding-right: var(--cpd-space-2x);
+
+    white-space: nowrap;
+    overflow: hidden;
+
+    .mx_BeaconStatus_description_status {
+        text-overflow: ellipsis;
+        overflow: hidden;
+    }
+}
+
+.mx_BeaconStatus_expiryTime {
+    color: $secondary-content;
+}
+
+.mx_BeaconStatus_label {
+    margin-bottom: 2px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
diff --git a/apps/web/res/css/components/views/beacon/_BeaconStatusTooltip.pcss b/apps/web/res/css/components/views/beacon/_BeaconStatusTooltip.pcss
new file mode 100644
index 00000000000..be788be4b97
--- /dev/null
+++ b/apps/web/res/css/components/views/beacon/_BeaconStatusTooltip.pcss
@@ -0,0 +1,24 @@
+/*
+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_BeaconStatusTooltip {
+    position: absolute;
+    top: 42px;
+    max-width: 150px;
+    height: 38px;
+    box-sizing: content-box;
+    padding-top: var(--cpd-space-2x);
+}
+
+.mx_BeaconStatusTooltip_inner {
+    position: relative;
+    height: 100%;
+    border-radius: 4px;
+    background: $menu-bg-color;
+    box-shadow: 4px 4px 12px 0 $menu-box-shadow-color;
+}
diff --git a/apps/web/res/css/components/views/beacon/_BeaconViewDialog.pcss b/apps/web/res/css/components/views/beacon/_BeaconViewDialog.pcss
new file mode 100644
index 00000000000..2766642b5c2
--- /dev/null
+++ b/apps/web/res/css/components/views/beacon/_BeaconViewDialog.pcss
@@ -0,0 +1,63 @@
+/*
+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_BeaconViewDialog_wrapper .mx_Dialog {
+    padding: 0px;
+
+    /* Unset contain and position to allow the close button
+    to appear outside the dialog */
+    contain: unset;
+    position: unset;
+}
+
+.mx_BeaconViewDialog {
+    /* subtract 0.5px to prevent single-pixel margin due to rounding */
+    width: calc(80vw - 0.5px);
+    height: calc(80vh - 0.5px);
+    overflow: hidden;
+
+    /* sidebar is absolutely positioned inside */
+    position: relative;
+
+    .mx_Dialog_header {
+        margin: 0px;
+        padding: 0px;
+        position: unset;
+
+        .mx_Dialog_title {
+            display: none;
+        }
+
+        .mx_Dialog_cancelButton {
+            z-index: 4010;
+            position: fixed;
+            right: 5vw;
+            top: 5vh;
+            width: 20px;
+            height: 20px;
+            background-color: $dialog-close-external-color;
+        }
+    }
+}
+
+.mx_BeaconViewDialog_map {
+    width: 80vw;
+    height: 80vh;
+    border-radius: 8px;
+}
+
+.mx_BeaconViewDialog_mapFallbackMessage {
+    color: $secondary-content;
+    margin-bottom: var(--cpd-space-4x);
+}
+
+.mx_BeaconViewDialog_viewListButton {
+    position: absolute;
+    top: var(--cpd-space-6x);
+    left: var(--cpd-space-6x);
+}
diff --git a/apps/web/res/css/components/views/beacon/_DialogOwnBeaconStatus.pcss b/apps/web/res/css/components/views/beacon/_DialogOwnBeaconStatus.pcss
new file mode 100644
index 00000000000..aca0a2b3f43
--- /dev/null
+++ b/apps/web/res/css/components/views/beacon/_DialogOwnBeaconStatus.pcss
@@ -0,0 +1,48 @@
+/*
+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_DialogOwnBeaconStatus {
+    position: absolute;
+    bottom: var(--cpd-space-8x);
+    width: 300px;
+    margin-left: -150px;
+    left: 50%;
+
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    justify-content: stretch;
+
+    background: $background;
+    border-radius: 8px;
+    box-shadow: 4px 4px 12px 0 $menu-box-shadow-color;
+
+    padding: 0 var(--cpd-space-3x);
+}
+
+.mx_DialogOwnBeaconStatus_avatarIcon {
+    flex: 0 0;
+    height: 32px;
+    width: 32px;
+    margin: var(--cpd-space-2x) 0 var(--cpd-space-2x) 0;
+}
+
+.mx_DialogOwnBeaconStatus_avatar {
+    flex: 0 0;
+    box-sizing: border-box;
+
+    border: 2px solid $location-live-color;
+    border-radius: 50%;
+    margin: var(--cpd-space-2x) 0 var(--cpd-space-2x) 0;
+}
+
+.mx_DialogOwnBeaconStatus_status {
+    flex: 1 1;
+    padding-right: 0;
+}
diff --git a/apps/web/res/css/components/views/beacon/_DialogSidebar.pcss b/apps/web/res/css/components/views/beacon/_DialogSidebar.pcss
new file mode 100644
index 00000000000..a7d46dcf64f
--- /dev/null
+++ b/apps/web/res/css/components/views/beacon/_DialogSidebar.pcss
@@ -0,0 +1,53 @@
+/*
+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_DialogSidebar {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 265px;
+
+    display: flex;
+    flex-direction: column;
+
+    box-sizing: border-box;
+    padding: var(--cpd-space-4x);
+
+    background-color: $background;
+    box-shadow: 0px 4px 4px $menu-box-shadow-color;
+
+    .mx_DialogSidebar_header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        flex: 0 0;
+        margin-bottom: var(--cpd-space-4x);
+
+        color: $primary-content;
+
+        .mx_DialogSidebar_closeButtonIcon {
+            color: $tertiary-content;
+        }
+    }
+
+    .mx_DialogSidebar_list {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+        flex: 1 1 0;
+        width: 100%;
+        overflow: auto;
+    }
+}
+
+.mx_DialogSidebar_noResults {
+    font: var(--cpd-font-body-md-regular);
+    color: $secondary-content;
+}
diff --git a/apps/web/res/css/components/views/beacon/_LeftPanelLiveShareWarning.pcss b/apps/web/res/css/components/views/beacon/_LeftPanelLiveShareWarning.pcss
new file mode 100644
index 00000000000..f9ce30203a5
--- /dev/null
+++ b/apps/web/res/css/components/views/beacon/_LeftPanelLiveShareWarning.pcss
@@ -0,0 +1,27 @@
+/*
+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_LeftPanelLiveShareWarning {
+    width: 100%;
+    box-sizing: border-box;
+
+    padding: var(--cpd-space-1x);
+    text-align: center;
+
+    background-color: $accent;
+    color: #fff;
+    font-size: $font-10px;
+
+    /* panel backdrops overlay the whole sidepanel */
+    /* go above to get hover for title */
+    z-index: 1;
+}
+
+.mx_LeftPanelLiveShareWarning__error {
+    background-color: $alert;
+}
diff --git a/apps/web/res/css/components/views/beacon/_LiveTimeRemaining.pcss b/apps/web/res/css/components/views/beacon/_LiveTimeRemaining.pcss
new file mode 100644
index 00000000000..4fe954e6a49
--- /dev/null
+++ b/apps/web/res/css/components/views/beacon/_LiveTimeRemaining.pcss
@@ -0,0 +1,12 @@
+/*
+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_LiveTimeRemaining {
+    color: $secondary-content;
+    font-size: $font-12px;
+}
diff --git a/apps/web/res/css/components/views/beacon/_OwnBeaconStatus.pcss b/apps/web/res/css/components/views/beacon/_OwnBeaconStatus.pcss
new file mode 100644
index 00000000000..b06148febae
--- /dev/null
+++ b/apps/web/res/css/components/views/beacon/_OwnBeaconStatus.pcss
@@ -0,0 +1,23 @@
+/*
+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_OwnBeaconStatus_button {
+    margin-left: var(--cpd-space-2x);
+}
+
+.mx_EventTile[data-layout="bubble"] .mx_OwnBeaconStatus_button {
+    /* align to top to make room for timestamp */
+    /* in bubble view */
+    align-self: start;
+}
+
+.mx_OwnBeaconStatus_destructiveButton {
+    /* override button link_inline styles */
+    color: $alert !important;
+    font-weight: var(--cpd-font-weight-semibold) !important;
+}
diff --git a/apps/web/res/css/components/views/beacon/_ShareLatestLocation.pcss b/apps/web/res/css/components/views/beacon/_ShareLatestLocation.pcss
new file mode 100644
index 00000000000..4ae7794d3ef
--- /dev/null
+++ b/apps/web/res/css/components/views/beacon/_ShareLatestLocation.pcss
@@ -0,0 +1,31 @@
+/*
+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_ShareLatestLocation_icon {
+    height: 13px;
+    width: 13px;
+    color: $secondary-content;
+}
+
+/* double class to be more specific than the general mx_CopyableText CSS rule */
+.mx_CopyableText.mx_ShareLatestLocation_copy {
+    /* override copyable text style to make compact */
+    .mx_CopyableText_copyButton {
+        height: 13px;
+        margin-left: var(--cpd-space-2x) !important;
+        position: relative;
+        top: -1px;
+        width: 13px;
+
+        &::before {
+            background-color: $secondary-content;
+            height: 13px;
+            width: 13px;
+        }
+    }
+}
diff --git a/apps/web/res/css/components/views/beacon/_StyledLiveBeaconIcon.pcss b/apps/web/res/css/components/views/beacon/_StyledLiveBeaconIcon.pcss
new file mode 100644
index 00000000000..9a1d84bf43c
--- /dev/null
+++ b/apps/web/res/css/components/views/beacon/_StyledLiveBeaconIcon.pcss
@@ -0,0 +1,32 @@
+/*
+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_StyledLiveBeaconIcon {
+    flex-grow: 0;
+    flex-shrink: 0;
+    box-sizing: border-box;
+    border-width: 2px;
+    border-style: solid;
+    border-radius: 50%;
+
+    background-color: $location-live-color;
+    border-color: $location-live-color;
+    padding: 2px;
+    /* colors icon */
+    color: white;
+}
+
+.mx_StyledLiveBeaconIcon.mx_StyledLiveBeaconIcon_error {
+    background-color: $alert;
+    border-color: $alert;
+}
+
+.mx_StyledLiveBeaconIcon.mx_StyledLiveBeaconIcon_idle {
+    background-color: $quaternary-content;
+    border-color: $quaternary-content;
+}
diff --git a/apps/web/res/css/components/views/context_menus/_KebabContextMenu.pcss b/apps/web/res/css/components/views/context_menus/_KebabContextMenu.pcss
new file mode 100644
index 00000000000..18a01f0f6aa
--- /dev/null
+++ b/apps/web/res/css/components/views/context_menus/_KebabContextMenu.pcss
@@ -0,0 +1,13 @@
+/*
+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_KebabContextMenu_icon {
+    width: 24px;
+    height: 24px;
+    color: $icon-button-color;
+}
diff --git a/apps/web/res/css/components/views/dialogs/polls/_PollDetailHeader.pcss b/apps/web/res/css/components/views/dialogs/polls/_PollDetailHeader.pcss
new file mode 100644
index 00000000000..ed19d8de78f
--- /dev/null
+++ b/apps/web/res/css/components/views/dialogs/polls/_PollDetailHeader.pcss
@@ -0,0 +1,19 @@
+/*
+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.
+*/
+
+.mx_PollDetailHeader {
+    /* override accessiblebutton style */
+    font-size: $font-15px !important;
+}
+
+.mx_PollDetailHeader_icon {
+    height: 16px;
+    width: 16px;
+    margin-right: var(--cpd-space-2x);
+    vertical-align: middle;
+}
diff --git a/apps/web/res/css/components/views/dialogs/polls/_PollListItem.pcss b/apps/web/res/css/components/views/dialogs/polls/_PollListItem.pcss
new file mode 100644
index 00000000000..8417b0ca20b
--- /dev/null
+++ b/apps/web/res/css/components/views/dialogs/polls/_PollListItem.pcss
@@ -0,0 +1,37 @@
+/*
+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.
+*/
+
+.mx_PollListItem {
+    width: 100%;
+}
+
+.mx_PollListItem_content {
+    width: 100%;
+    display: grid;
+    justify-content: left;
+    align-items: center;
+    gap: var(--cpd-space-2x);
+    grid-template-columns: auto auto auto;
+    grid-template-rows: auto;
+    cursor: pointer;
+
+    color: $primary-content;
+}
+
+.mx_PollListItem_icon {
+    height: 14px;
+    width: 14px;
+    color: $quaternary-content;
+    padding-left: var(--cpd-space-2x);
+}
+
+.mx_PollListItem_question {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
diff --git a/apps/web/res/css/components/views/dialogs/polls/_PollListItemEnded.pcss b/apps/web/res/css/components/views/dialogs/polls/_PollListItemEnded.pcss
new file mode 100644
index 00000000000..b46102fe1b0
--- /dev/null
+++ b/apps/web/res/css/components/views/dialogs/polls/_PollListItemEnded.pcss
@@ -0,0 +1,57 @@
+/*
+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.
+*/
+
+.mx_PollListItemEnded {
+    width: 100%;
+}
+
+.mx_PollListItemEnded_content {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    color: $primary-content;
+    cursor: pointer;
+}
+
+.mx_PollListItemEnded_title {
+    display: grid;
+    justify-content: left;
+    align-items: center;
+    gap: var(--cpd-space-2x);
+    grid-template-columns: min-content 1fr min-content;
+    grid-template-rows: auto;
+}
+
+.mx_PollListItemEnded_icon {
+    height: 14px;
+    width: 14px;
+    color: $quaternary-content;
+    padding-left: var(--cpd-space-2x);
+}
+
+.mx_PollListItemEnded_date {
+    font-size: $font-12px;
+    color: $secondary-content;
+}
+
+.mx_PollListItemEnded_question {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.mx_PollListItemEnded_answers {
+    display: grid;
+    gap: var(--cpd-space-2x);
+    margin-top: var(--cpd-space-3x);
+}
+
+.mx_PollListItemEnded_voteCount {
+    /* 6px to match PollOption padding */
+    margin: var(--cpd-space-2x) 0 0 6px;
+}
diff --git a/apps/web/res/css/components/views/elements/_AppPermission.pcss b/apps/web/res/css/components/views/elements/_AppPermission.pcss
new file mode 100644
index 00000000000..fb7f2a7b707
--- /dev/null
+++ b/apps/web/res/css/components/views/elements/_AppPermission.pcss
@@ -0,0 +1,35 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2023 The Matrix.org Foundation C.I.C.
+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_AppPermission {
+    font-size: $font-12px;
+    width: 100%; /* make mx_AppPermission fill width of mx_AppTileBody so that scroll bar appears on the edge */
+    overflow-y: scroll;
+    .mx_AppPermission_bolder,
+    .mx_AppPermission_content_bolder {
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+    .mx_AppPermission_content {
+        margin-block: auto; /* place at the center */
+
+        > div {
+            margin-block: 12px;
+        }
+
+        .mx_TextWithTooltip_target--helpIcon {
+            display: inline-block;
+            height: $font-14px; /* align with characters on the same line */
+            vertical-align: middle;
+
+            .mx_Icon {
+                color: $accent;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/components/views/elements/_AppWarning.pcss b/apps/web/res/css/components/views/elements/_AppWarning.pcss
new file mode 100644
index 00000000000..099d35ce4af
--- /dev/null
+++ b/apps/web/res/css/components/views/elements/_AppWarning.pcss
@@ -0,0 +1,17 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Suguru Hirahara
+
+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_AppWarning {
+    font-size: $font-16px;
+    justify-content: center;
+
+    h4 {
+        margin: 0;
+        padding: 0;
+    }
+}
diff --git a/apps/web/res/css/components/views/elements/_FilterDropdown.pcss b/apps/web/res/css/components/views/elements/_FilterDropdown.pcss
new file mode 100644
index 00000000000..98af15e1516
--- /dev/null
+++ b/apps/web/res/css/components/views/elements/_FilterDropdown.pcss
@@ -0,0 +1,74 @@
+/*
+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_FilterDropdown {
+    .mx_Dropdown_menu {
+        margin-top: var(--cpd-space-1x);
+        left: unset;
+        right: calc(-1 * var(--cpd-space-3x));
+        width: 232px;
+        padding: var(--cpd-space-3x);
+
+        border: 1px solid $quinary-content;
+        border-radius: 8px;
+        box-shadow: 0px 1px 3px rgb(23, 25, 28, 0.05);
+
+        background-color: $system;
+
+        .mx_Dropdown_option_highlight {
+            background-color: transparent;
+        }
+    }
+
+    .mx_Dropdown_input {
+        height: 24px;
+        background-color: transparent;
+        border-color: transparent;
+        color: $secondary-content;
+        border-radius: 4px;
+
+        &:focus,
+        &:hover {
+            background-color: $quinary-content;
+            border-color: $quinary-content;
+        }
+    }
+
+    .mx_Dropdown_arrow {
+        color: $secondary-content;
+    }
+}
+
+.mx_FilterDropdown_option {
+    position: relative;
+    width: 100%;
+    box-sizing: border-box;
+    padding: var(--cpd-space-2x) 0 var(--cpd-space-2x) var(--cpd-space-5x);
+
+    font-size: $font-12px;
+    line-height: $font-15px;
+    color: $primary-content;
+}
+
+.mx_FilterDropdown_optionSelectedIcon {
+    height: 14px;
+    width: 14px;
+    position: absolute;
+    top: var(--cpd-space-2x);
+    left: 0;
+}
+
+.mx_FilterDropdown_optionLabel {
+    font-weight: var(--cpd-font-weight-semibold);
+    display: block;
+}
+
+.mx_FilterDropdown_optionDescription {
+    color: $secondary-content;
+    margin-top: var(--cpd-space-1x);
+}
diff --git a/apps/web/res/css/components/views/elements/_FilterTabGroup.pcss b/apps/web/res/css/components/views/elements/_FilterTabGroup.pcss
new file mode 100644
index 00000000000..cf801d737dd
--- /dev/null
+++ b/apps/web/res/css/components/views/elements/_FilterTabGroup.pcss
@@ -0,0 +1,38 @@
+/*
+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.
+*/
+
+.mx_FilterTabGroup {
+    color: $primary-content;
+    label {
+        margin-right: var(--cpd-space-3x);
+        cursor: pointer;
+        span {
+            display: inline-block;
+            line-height: $font-24px;
+        }
+    }
+    input[type="radio"] {
+        appearance: none;
+        margin: 0;
+        padding: 0;
+
+        &:focus,
+        &:hover {
+            & + span {
+                color: $secondary-content;
+            }
+        }
+
+        &:checked + span {
+            color: $accent;
+            font-weight: var(--cpd-font-weight-semibold);
+            /* underline */
+            box-shadow: 0 1.5px 0 0 currentColor;
+        }
+    }
+}
diff --git a/apps/web/res/css/components/views/elements/_LearnMore.pcss b/apps/web/res/css/components/views/elements/_LearnMore.pcss
new file mode 100644
index 00000000000..aa3e4a78fce
--- /dev/null
+++ b/apps/web/res/css/components/views/elements/_LearnMore.pcss
@@ -0,0 +1,11 @@
+/*
+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_LearnMore_button {
+    margin-left: var(--cpd-space-1x);
+}
diff --git a/apps/web/res/css/components/views/location/_EnableLiveShare.pcss b/apps/web/res/css/components/views/location/_EnableLiveShare.pcss
new file mode 100644
index 00000000000..d9273e66235
--- /dev/null
+++ b/apps/web/res/css/components/views/location/_EnableLiveShare.pcss
@@ -0,0 +1,40 @@
+/*
+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_EnableLiveShare {
+    flex: 1 1 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-items: center;
+
+    padding: var(--cpd-space-8x) var(--cpd-space-4x);
+    text-align: center;
+    box-sizing: border-box;
+}
+
+.mx_EnableLiveShare_heading {
+    padding-top: var(--cpd-space-6x);
+}
+
+.mx_EnableLiveShare_icon {
+    height: 58px;
+    width: 58px;
+}
+
+.mx_EnableLiveShare_description {
+    padding: 0 var(--cpd-space-6x);
+    margin-bottom: var(--cpd-space-8x);
+    line-height: $font-20px;
+}
+
+.mx_EnableLiveShare_button {
+    margin-top: var(--cpd-space-8x);
+    height: 48px;
+    width: 100%;
+}
diff --git a/apps/web/res/css/components/views/location/_LiveDurationDropdown.pcss b/apps/web/res/css/components/views/location/_LiveDurationDropdown.pcss
new file mode 100644
index 00000000000..163d035cca0
--- /dev/null
+++ b/apps/web/res/css/components/views/location/_LiveDurationDropdown.pcss
@@ -0,0 +1,11 @@
+/*
+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_LiveDurationDropdown {
+    margin-bottom: var(--cpd-space-4x);
+}
diff --git a/apps/web/res/css/components/views/location/_LocationShareMenu.pcss b/apps/web/res/css/components/views/location/_LocationShareMenu.pcss
new file mode 100644
index 00000000000..d34578830fa
--- /dev/null
+++ b/apps/web/res/css/components/views/location/_LocationShareMenu.pcss
@@ -0,0 +1,14 @@
+/*
+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_LocationShareMenu {
+    width: 375px;
+    height: 460px;
+    display: flex;
+    flex-direction: column;
+}
diff --git a/apps/web/res/css/components/views/location/_MapError.pcss b/apps/web/res/css/components/views/location/_MapError.pcss
new file mode 100644
index 00000000000..1dca427a46a
--- /dev/null
+++ b/apps/web/res/css/components/views/location/_MapError.pcss
@@ -0,0 +1,58 @@
+/*
+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_MapError {
+    padding: 100px var(--cpd-space-8x) 0;
+    text-align: center;
+
+    --mx-map-error-icon-color: $secondary-content;
+    --mx-map-error-icon-size: 58px;
+}
+
+.mx_MapError.mx_MapError_isMinimised {
+    height: 100%;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    padding: var(--cpd-space-6x);
+    background-color: $panels;
+    font-size: $font-12px;
+    line-height: $font-16px;
+
+    --mx-map-error-icon-color: $alert;
+    --mx-map-error-icon-size: 26px;
+
+    .mx_MapError_message {
+        margin: 0;
+        max-width: 275px;
+    }
+
+    .mx_MapError_heading {
+        padding-top: var(--cpd-space-2x);
+        /* override h3 heading size */
+        font-size: inherit !important;
+        font-weight: normal !important;
+    }
+}
+
+.mx_MapError_message {
+    margin: var(--cpd-space-4x) 0 var(--cpd-space-8x);
+}
+
+.mx_MapError_heading {
+    padding-top: var(--cpd-space-6x);
+}
+
+.mx_MapError_icon {
+    height: var(--mx-map-error-icon-size);
+    width: var(--mx-map-error-icon-size);
+    color: var(--mx-map-error-icon-color);
+}
diff --git a/apps/web/res/css/components/views/location/_MapFallback.pcss b/apps/web/res/css/components/views/location/_MapFallback.pcss
new file mode 100644
index 00000000000..adb4a32983a
--- /dev/null
+++ b/apps/web/res/css/components/views/location/_MapFallback.pcss
@@ -0,0 +1,37 @@
+/*
+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_MapFallback {
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    z-index: 0;
+
+    background-color: $system;
+}
+
+.mx_MapFallback_bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-height: 100%;
+    min-width: 100%;
+    color: $quinary-content;
+    z-index: -1;
+
+    pointer-events: none;
+}
+
+.mx_MapFallback_icon {
+    width: 65px;
+    margin-bottom: var(--cpd-space-4x);
+    color: $quaternary-content;
+}
diff --git a/apps/web/res/css/components/views/location/_Marker.pcss b/apps/web/res/css/components/views/location/_Marker.pcss
new file mode 100644
index 00000000000..a3bfc10f52e
--- /dev/null
+++ b/apps/web/res/css/components/views/location/_Marker.pcss
@@ -0,0 +1,38 @@
+/*
+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_Marker_defaultColor {
+    color: $accent;
+}
+
+.mx_Marker_border {
+    width: 42px;
+    height: 42px;
+    border-radius: 50%;
+    filter: drop-shadow(0px 3px 5px rgb(0, 0, 0, 0.2));
+    background-color: currentColor;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    /* caret down */
+    &::before {
+        content: "";
+        border-left: 5px solid transparent;
+        border-right: 5px solid transparent;
+        border-top: 5px solid currentColor;
+        position: absolute;
+        bottom: -4px;
+    }
+}
+
+.mx_Marker_icon {
+    color: white;
+    height: 20px;
+}
diff --git a/apps/web/res/css/components/views/location/_ShareDialogButtons.pcss b/apps/web/res/css/components/views/location/_ShareDialogButtons.pcss
new file mode 100644
index 00000000000..4ee0b8372c3
--- /dev/null
+++ b/apps/web/res/css/components/views/location/_ShareDialogButtons.pcss
@@ -0,0 +1,45 @@
+/*
+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_ShareDialogButtons {
+    position: absolute;
+    width: 100%;
+    height: 0;
+    top: 0;
+}
+
+button.mx_ShareDialogButtons_button {
+    height: 24px;
+    width: 24px;
+    border-radius: 50%;
+    background-color: $quinary-content;
+    opacity: 0.8;
+    text-align: center;
+    color: $secondary-content;
+    position: absolute;
+    top: var(--cpd-space-4x);
+
+    &:hover,
+    &:focus {
+        opacity: 1;
+    }
+
+    &.left {
+        left: var(--cpd-space-4x);
+    }
+
+    &.right {
+        right: var(--cpd-space-4x);
+    }
+}
+
+.mx_ShareDialogButtons_button-icon {
+    width: 20px;
+    height: 20px;
+    margin: 2px;
+}
diff --git a/apps/web/res/css/components/views/location/_ShareType.pcss b/apps/web/res/css/components/views/location/_ShareType.pcss
new file mode 100644
index 00000000000..c4fae70b019
--- /dev/null
+++ b/apps/web/res/css/components/views/location/_ShareType.pcss
@@ -0,0 +1,90 @@
+/*
+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_ShareType {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+
+    padding: 60px var(--cpd-space-3x) var(--cpd-space-8x);
+
+    color: $primary-content;
+
+    .mx_ShareType_wrapper_options {
+        display: flex;
+        flex-direction: column;
+        row-gap: var(--cpd-space-3x);
+        width: 100%;
+        margin-top: var(--cpd-space-3x);
+
+        .mx_ShareType_option {
+            display: flex;
+            align-items: center;
+            justify-content: flex-start;
+            padding: var(--cpd-space-2x) var(--cpd-space-5x);
+            background: none;
+
+            border: 1px solid $quinary-content;
+            border-radius: 8px;
+
+            font-size: $font-15px;
+            font-family: inherit;
+            line-height: inherit;
+            color: $primary-content;
+
+            &:hover,
+            &:focus {
+                border-color: $accent;
+            }
+        }
+    }
+}
+
+.mx_ShareType_badge {
+    height: 60px;
+    width: 60px;
+    margin-bottom: var(--cpd-space-5x);
+    background-color: $accent;
+    border-radius: 50%;
+    border: 14px solid $accent;
+    /* colors icon */
+    color: white;
+    box-sizing: border-box;
+}
+
+.mx_ShareType_heading {
+    padding-bottom: var(--cpd-space-8x);
+    text-align: center;
+}
+
+.mx_ShareType_option-icon {
+    height: 40px;
+    width: 40px;
+    box-sizing: border-box;
+    margin-right: var(--cpd-space-3x);
+    flex: 0 0 40px;
+    border-width: 2px;
+    border-style: solid;
+    border-radius: 50%;
+
+    /* Live is styled by StyledLiveBeaconIcon */
+
+    &.Own {
+        border-color: $accent;
+    }
+
+    &.Pin {
+        border-color: $accent;
+        background-color: $accent;
+        padding: 7px;
+        /* colors icon */
+        color: white;
+    }
+}
diff --git a/apps/web/res/css/components/views/location/_ZoomButtons.pcss b/apps/web/res/css/components/views/location/_ZoomButtons.pcss
new file mode 100644
index 00000000000..5de7e9271c3
--- /dev/null
+++ b/apps/web/res/css/components/views/location/_ZoomButtons.pcss
@@ -0,0 +1,37 @@
+/*
+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_ZoomButtons {
+    position: absolute;
+    bottom: var(--cpd-space-8x);
+    right: var(--cpd-space-6x);
+    display: flex;
+    flex-direction: column;
+    row-gap: var(--cpd-space-2x);
+
+    .mx_ZoomButtons_button {
+        $ZoomButtons_button-size: 24px;
+
+        border-radius: 4px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: $ZoomButtons_button-size;
+        width: $ZoomButtons_button-size;
+        background: $background;
+        box-shadow: 0px 4px 12px rgb(0, 0, 0, 0.25);
+
+        .mx_ZoomButtons_icon {
+            $ZoomButtons_icon-size: 12px;
+
+            height: $ZoomButtons_icon-size;
+            width: $ZoomButtons_icon-size;
+            color: $primary-content;
+        }
+    }
+}
diff --git a/apps/web/res/css/components/views/messages/_MBeaconBody.pcss b/apps/web/res/css/components/views/messages/_MBeaconBody.pcss
new file mode 100644
index 00000000000..50edf92ce04
--- /dev/null
+++ b/apps/web/res/css/components/views/messages/_MBeaconBody.pcss
@@ -0,0 +1,81 @@
+/*
+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_MBeaconBody {
+    position: relative;
+    height: 220px;
+    max-width: 325px;
+    width: 100%;
+
+    border-radius: var(--MBody-border-radius);
+    overflow: hidden;
+}
+
+.mx_MBeaconBody.mx_MBeaconBody_withoutMap {
+    height: auto;
+
+    .mx_MBeaconBody_chin {
+        position: relative;
+        background-color: transparent;
+    }
+}
+
+.mx_MBeaconBody_withoutMapContent {
+    background-color: $panels;
+    border-radius: 4px;
+}
+
+.mx_MBeaconBody_withoutMapInfoLastUpdated {
+    /* 48px lines up with icon in BeaconStatus */
+    margin-top: calc(-1 * var(--cpd-space-2x));
+    padding: 0 var(--cpd-space-2x) var(--cpd-space-2x) 48px;
+
+    color: $tertiary-content;
+    font-size: $font-10px;
+}
+
+.mx_MBeaconBody_map {
+    height: 100%;
+    width: 100%;
+    z-index: 0; /* keeps the entire map under the message action bars */
+
+    cursor: pointer;
+}
+
+.mx_MBeaconBody_mapFallback,
+.mx_MBeaconBody_mapError {
+    /* pushes spinner/icon up */
+    /* to appear more centered with the footer */
+    padding-bottom: 50px !important;
+}
+
+.mx_MBeaconBody_mapErrorInteractive {
+    cursor: pointer;
+}
+
+.mx_MBeaconBody_mapFallback {
+    cursor: default;
+}
+
+.mx_MBeaconBody_chin {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    background-color: var(--cpd-color-bg-canvas-default);
+    opacity: 0.85;
+}
+
+.mx_EventTile[data-layout="bubble"] .mx_EventTile_line .mx_MBeaconBody {
+    max-width: 100%;
+    width: 450px;
+}
+
+.mx_ReplyTile .mx_MBeaconBody {
+    /* Prevent clicking a beacon within a reply */
+    pointer-events: none;
+}
diff --git a/apps/web/res/css/components/views/messages/shared/_MediaProcessingError.pcss b/apps/web/res/css/components/views/messages/shared/_MediaProcessingError.pcss
new file mode 100644
index 00000000000..03421574159
--- /dev/null
+++ b/apps/web/res/css/components/views/messages/shared/_MediaProcessingError.pcss
@@ -0,0 +1,12 @@
+/*
+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_MediaProcessingError_Icon {
+    margin-right: var(--cpd-space-1x);
+    vertical-align: text-top;
+}
diff --git a/apps/web/res/css/components/views/polls/_PollOption.pcss b/apps/web/res/css/components/views/polls/_PollOption.pcss
new file mode 100644
index 00000000000..df64e4d96a9
--- /dev/null
+++ b/apps/web/res/css/components/views/polls/_PollOption.pcss
@@ -0,0 +1,116 @@
+/*
+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.
+*/
+
+.mx_PollOption {
+    border: 1px solid $quinary-content;
+    border-radius: 8px;
+    padding: 6px 12px;
+    background-color: $background;
+
+    .mx_StyledRadioButton_content,
+    .mx_PollOption_endedOption {
+        padding-top: 2px;
+        margin-right: 0px;
+    }
+
+    .mx_StyledRadioButton_spacer {
+        display: none;
+    }
+}
+
+.mx_PollOption,
+/* label has cursor: default in user-agent stylesheet */
+/* override */
+.mx_PollOption_live-option {
+    cursor: pointer;
+}
+
+.mx_PollOption_content {
+    display: flex;
+    justify-content: space-between;
+}
+
+.mx_PollOption_optionVoteCount {
+    color: $secondary-content;
+    font-size: $font-12px;
+    white-space: nowrap;
+}
+
+.mx_PollOption_winnerIcon {
+    height: 12px;
+    width: 12px;
+    color: var(--cpd-color-icon-accent-tertiary);
+    margin-right: var(--cpd-space-1x);
+    vertical-align: middle;
+}
+
+.mx_PollOption_checked {
+    .mx_PollOption_popularityBackground {
+        .mx_PollOption_popularityAmount {
+            background-color: var(--cpd-color-icon-primary);
+        }
+    }
+
+    /* override checked radio button styling to show checkmark instead */
+    .mx_StyledRadioButton_checked {
+        input[type="radio"]:checked + div {
+            border-color: var(--cpd-color-icon-primary);
+            background-color: var(--cpd-color-icon-primary);
+
+            div {
+                background: none;
+
+                svg {
+                    color: var(--cpd-color-icon-on-solid-primary);
+                    width: 12px;
+                    height: 12px;
+                    margin: -2px;
+                    display: block;
+                }
+            }
+        }
+    }
+}
+
+.mx_PollOption_ended.mx_PollOption_checked {
+    .mx_PollOption_popularityBackground {
+        .mx_PollOption_popularityAmount {
+            background-color: var(--cpd-color-icon-accent-tertiary);
+        }
+    }
+
+    /* override checked radio button styling to show checkmark instead */
+    .mx_StyledRadioButton_checked {
+        input[type="radio"]:checked + div {
+            border-color: var(--cpd-color-icon-accent-tertiary);
+            background-color: var(--cpd-color-icon-accent-tertiary);
+        }
+    }
+}
+
+/* options not actionable in these states */
+.mx_PollOption_checked,
+.mx_PollOption_ended {
+    pointer-events: none;
+}
+
+.mx_PollOption_popularityBackground {
+    width: 100%;
+    height: 8px;
+    margin-right: 12px;
+    border-radius: 8px;
+    background-color: $system;
+    margin-top: var(--cpd-space-2x);
+
+    .mx_PollOption_popularityAmount {
+        width: 0%;
+        height: 8px;
+        border-radius: 8px;
+        background-color: var(--cpd-color-icon-primary);
+    }
+}
diff --git a/apps/web/res/css/components/views/settings/_AddRemoveThreepids.pcss b/apps/web/res/css/components/views/settings/_AddRemoveThreepids.pcss
new file mode 100644
index 00000000000..b16298f94cb
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/_AddRemoveThreepids.pcss
@@ -0,0 +1,41 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2024 The Matrix.org Foundation C.I.C.
+Copyright 2019 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.
+*/
+
+/*
+ * These used to live in General User Settings. These components are horribly duplicative
+ * but share the same styles. For now I'm putting them here so I can renamed the general
+ * tab sensibly and before I can refactor these components.
+ */
+
+.mx_AddRemoveThreepids_existing {
+    display: flex;
+    align-items: center;
+}
+
+.mx_AddRemoveThreepids_existing_address,
+.mx_AddRemoveThreepids_existing_promptText {
+    flex: 1;
+    margin-right: 10px;
+}
+
+.mx_AddRemoveThreepids_existing_button {
+    margin-left: 5px;
+}
+
+.mx_EmailAddressesPhoneNumbers_verify {
+    display: flex;
+}
+
+.mx_EmailAddressesPhoneNumbers_existing_button {
+    justify-content: right;
+}
+
+.mx_EmailAddressesPhoneNumbers_verify_instructions {
+    flex: 1;
+}
diff --git a/apps/web/res/css/components/views/settings/devices/_CurrentDeviceSection.pcss b/apps/web/res/css/components/views/settings/devices/_CurrentDeviceSection.pcss
new file mode 100644
index 00000000000..051b974de2b
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/devices/_CurrentDeviceSection.pcss
@@ -0,0 +1,12 @@
+/*
+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_CurrentDeviceSection_deviceDetails {
+    /* align with text of session tile */
+    margin-left: 56px;
+}
diff --git a/apps/web/res/css/components/views/settings/devices/_DeviceDetailHeading.pcss b/apps/web/res/css/components/views/settings/devices/_DeviceDetailHeading.pcss
new file mode 100644
index 00000000000..93fc1cd8b25
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/devices/_DeviceDetailHeading.pcss
@@ -0,0 +1,51 @@
+/*
+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_DeviceDetailHeading {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.mx_DeviceDetailHeading_renameCta {
+    flex-shrink: 0;
+}
+
+.mx_DeviceDetailHeading_renameForm {
+    display: grid;
+    gap: var(--cpd-space-4x);
+    justify-content: left;
+    grid-template-columns: 100%;
+}
+
+.mx_DeviceDetailHeading_renameFormButtons {
+    display: flex;
+    flex-direction: row;
+    gap: var(--cpd-space-2x);
+
+    .mx_Spinner {
+        width: auto;
+        flex-grow: 0;
+    }
+}
+
+.mx_DeviceDetailHeading_renameFormInput {
+    /* override field styles */
+    margin: 0 0 var(--cpd-space-1x) 0 !important;
+}
+
+.mx_DeviceDetailHeading_renameFormHeading {
+    margin: 0;
+}
+
+.mx_DeviceDetailHeading_renameFormError {
+    color: $alert;
+    padding-right: var(--cpd-space-1x);
+    display: block;
+}
diff --git a/apps/web/res/css/components/views/settings/devices/_DeviceDetails.pcss b/apps/web/res/css/components/views/settings/devices/_DeviceDetails.pcss
new file mode 100644
index 00000000000..1550c6a2cd4
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/devices/_DeviceDetails.pcss
@@ -0,0 +1,88 @@
+/*
+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_DeviceDetails {
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+
+    margin-top: var(--cpd-space-4x);
+    padding: var(--cpd-space-6x);
+    border-radius: 8px;
+    border: 1px solid $quinary-content;
+}
+
+.mx_DeviceDetails_section {
+    padding-bottom: var(--cpd-space-5x);
+    margin-bottom: var(--cpd-space-5x);
+    border-bottom: 1px solid $quinary-content;
+
+    display: grid;
+    gap: var(--cpd-space-6x);
+    justify-content: left;
+    grid-template-columns: 100%;
+
+    &:last-child {
+        padding-bottom: 0;
+        border-bottom: 0;
+        margin-bottom: 0;
+    }
+}
+
+.mx_DeviceDetails_sectionHeading {
+    margin: 0;
+
+    .mx_DeviceDetails_sectionSubheading {
+        display: block;
+        font-size: $font-12px;
+        color: $secondary-content;
+        line-height: $font-14px;
+        margin-top: var(--cpd-space-1x);
+    }
+}
+
+.mx_DeviceDetails_metadataTable {
+    font: var(--cpd-font-body-sm-regular);
+    color: $secondary-content;
+
+    width: 100%;
+
+    border-spacing: 0;
+
+    th {
+        text-transform: uppercase;
+        font-weight: normal;
+        text-align: left;
+    }
+
+    td {
+        padding-top: var(--cpd-space-2x);
+    }
+
+    .mxDeviceDetails_metadataLabel {
+        width: 160px;
+    }
+
+    .mxDeviceDetails_metadataValue {
+        color: $primary-content;
+    }
+}
+
+.mx_DeviceDetails_signOutButtonContent {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: var(--cpd-space-1x);
+}
+
+.mx_DeviceDetails_pushNotifications {
+    display: block;
+    .mx_ToggleSwitch {
+        float: right;
+    }
+}
diff --git a/apps/web/res/css/components/views/settings/devices/_DeviceExpandDetailsButton.pcss b/apps/web/res/css/components/views/settings/devices/_DeviceExpandDetailsButton.pcss
new file mode 100644
index 00000000000..5526f07241a
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/devices/_DeviceExpandDetailsButton.pcss
@@ -0,0 +1,41 @@
+/*
+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_DeviceExpandDetailsButton {
+    height: 32px;
+    width: 32px;
+    background: transparent;
+
+    border-radius: 4px;
+    color: $icon-button-color;
+
+    --icon-transform: rotate(-90deg);
+
+    &:hover {
+        background: $quinary-content;
+    }
+}
+
+.mx_DeviceExpandDetailsButton.mx_DeviceExpandDetailsButton_expanded {
+    --icon-transform: rotate(0deg);
+
+    background: $system;
+
+    &:hover {
+        background: $quinary-content;
+    }
+}
+
+.mx_DeviceExpandDetailsButton_icon {
+    height: 24px;
+    width: 24px;
+
+    transition: all 0.3s;
+    transform: var(--icon-transform);
+    transform-origin: center;
+}
diff --git a/apps/web/res/css/components/views/settings/devices/_DeviceSecurityCard.pcss b/apps/web/res/css/components/views/settings/devices/_DeviceSecurityCard.pcss
new file mode 100644
index 00000000000..14518414299
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/devices/_DeviceSecurityCard.pcss
@@ -0,0 +1,66 @@
+/*
+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_DeviceSecurityCard {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    box-sizing: border-box;
+
+    padding: var(--cpd-space-4x);
+
+    border: 1px solid $quinary-content;
+    border-radius: 8px;
+}
+
+.mx_DeviceSecurityCard_icon {
+    flex: 0 0 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: var(--cpd-space-4x);
+    border-radius: 8px;
+
+    height: 40px;
+    width: 40px;
+
+    color: var(--icon-color);
+    background-color: var(--background-color);
+
+    &.Verified {
+        --icon-color: $e2e-verified-color;
+        --background-color: $e2e-verified-color-light;
+    }
+
+    &.Unverified {
+        --icon-color: $e2e-warning-color;
+        --background-color: $e2e-warning-color-light;
+    }
+
+    &.Inactive {
+        --icon-color: $secondary-content;
+        --background-color: $panels;
+    }
+}
+
+.mx_DeviceSecurityCard_content {
+    flex: 1 1;
+}
+.mx_DeviceSecurityCard_heading {
+    margin: 0 0 var(--cpd-space-1x) 0;
+}
+.mx_DeviceSecurityCard_description {
+    margin: 0;
+    font: var(--cpd-font-body-sm-regular);
+    color: $secondary-content;
+}
+
+.mx_DeviceSecurityCard_actions {
+    margin-top: var(--cpd-space-4x);
+}
diff --git a/apps/web/res/css/components/views/settings/devices/_DeviceTile.pcss b/apps/web/res/css/components/views/settings/devices/_DeviceTile.pcss
new file mode 100644
index 00000000000..0fbe7f549bc
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/devices/_DeviceTile.pcss
@@ -0,0 +1,41 @@
+/*
+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_DeviceTile {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+}
+
+.mx_DeviceTile_interactive {
+    cursor: pointer;
+}
+
+.mx_DeviceTile_info {
+    flex: 1 1 0;
+}
+
+.mx_DeviceTile_metadata {
+    margin-top: var(--cpd-space-1x);
+    font: var(--cpd-font-body-sm-regular);
+    color: $secondary-content;
+}
+
+.mx_DeviceTile_inactiveIcon {
+    height: 14px;
+    margin-right: var(--cpd-space-2x);
+    vertical-align: middle;
+}
+
+.mx_DeviceTile_actions {
+    display: grid;
+    gap: var(--cpd-space-2x);
+    grid-auto-flow: column;
+    margin-left: var(--cpd-space-2x);
+}
diff --git a/apps/web/res/css/components/views/settings/devices/_DeviceTypeIcon.pcss b/apps/web/res/css/components/views/settings/devices/_DeviceTypeIcon.pcss
new file mode 100644
index 00000000000..8f0e8841ade
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/devices/_DeviceTypeIcon.pcss
@@ -0,0 +1,63 @@
+/*
+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_DeviceTypeIcon {
+    flex: 0 0 auto;
+    position: relative;
+    margin-right: var(--cpd-space-2x);
+    /* creates space for verification icon to overlap */
+    padding: 0 var(--cpd-space-2x) var(--cpd-space-2x) 0;
+}
+
+.mx_DeviceTypeIcon_deviceIconWrapper {
+    --background-color: $panels;
+    --icon-color: $secondary-content;
+
+    height: 40px;
+    width: 40px;
+    box-sizing: border-box;
+
+    border: var(--cpd-space-2x) solid var(--background-color);
+    border-radius: 50%;
+    color: var(--icon-color);
+    background-color: var(--background-color);
+}
+
+.mx_DeviceTypeIcon_selected .mx_DeviceTypeIcon_deviceIconWrapper {
+    --background-color: $primary-content;
+    --icon-color: $background;
+}
+
+.mx_DeviceTypeIcon_deviceIcon {
+    height: 24px;
+    width: 24px;
+}
+
+.mx_DeviceTypeIcon_verificationIcon {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    height: 24px;
+    width: 24px;
+    box-sizing: border-box;
+    padding: var(--cpd-space-1x);
+
+    border: 1px solid $quinary-content;
+    border-radius: 50%;
+    background-color: $background;
+
+    color: var(--v-icon-color);
+
+    &.verified {
+        --v-icon-color: $e2e-verified-color;
+    }
+
+    &.unverified {
+        --v-icon-color: $e2e-warning-color;
+    }
+}
diff --git a/apps/web/res/css/components/views/settings/devices/_FilteredDeviceList.pcss b/apps/web/res/css/components/views/settings/devices/_FilteredDeviceList.pcss
new file mode 100644
index 00000000000..572c4baaf67
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/devices/_FilteredDeviceList.pcss
@@ -0,0 +1,49 @@
+/*
+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_FilteredDeviceList {
+    .mx_Dropdown {
+        flex: 1 0 80px;
+    }
+}
+
+.mx_FilteredDeviceList_list {
+    list-style-type: none;
+    display: grid;
+    gap: var(--cpd-space-4x);
+    margin: 0;
+    padding: 0 var(--cpd-space-4x);
+}
+
+.mx_FilteredDeviceList_listItem {
+    display: flex;
+    flex-direction: column;
+}
+
+.mx_FilteredDeviceList_securityCard {
+    margin-bottom: var(--cpd-space-8x);
+}
+
+.mx_FilteredDeviceList_noResults {
+    width: 100%;
+    text-align: center;
+    margin-bottom: var(--cpd-space-8x);
+}
+
+.mx_FilteredDeviceList_headerButton {
+    flex-shrink: 0;
+    /* override inline button styling */
+    display: flex !important;
+    flex-direction: row;
+    gap: var(--cpd-space-2x);
+}
+
+.mx_FilteredDeviceList_deviceDetails {
+    /* align with text of session tile */
+    margin-left: 88px;
+}
diff --git a/apps/web/res/css/components/views/settings/devices/_FilteredDeviceListHeader.pcss b/apps/web/res/css/components/views/settings/devices/_FilteredDeviceListHeader.pcss
new file mode 100644
index 00000000000..c23ef7dba1f
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/devices/_FilteredDeviceListHeader.pcss
@@ -0,0 +1,33 @@
+/*
+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_FilteredDeviceListHeader {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    box-sizing: border-box;
+    gap: var(--cpd-space-4x);
+
+    width: 100%;
+    height: 48px;
+    padding: 0 var(--cpd-space-4x);
+    margin-bottom: var(--cpd-space-8x);
+
+    background-color: $panels;
+    border-radius: 8px;
+    color: $secondary-content;
+
+    /* Higher specificity selector to override the flex-start value */
+    .mx_AccessibleButton.mx_AccessibleButton_hasKind {
+        align-self: center;
+    }
+}
+
+.mx_FilteredDeviceListHeader_label {
+    flex: 1 1 100%;
+}
diff --git a/apps/web/res/css/components/views/settings/devices/_SecurityRecommendations.pcss b/apps/web/res/css/components/views/settings/devices/_SecurityRecommendations.pcss
new file mode 100644
index 00000000000..19acc7dd649
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/devices/_SecurityRecommendations.pcss
@@ -0,0 +1,11 @@
+/*
+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_SecurityRecommendations_spacing {
+    height: var(--cpd-space-4x);
+}
diff --git a/apps/web/res/css/components/views/settings/devices/_SelectableDeviceTile.pcss b/apps/web/res/css/components/views/settings/devices/_SelectableDeviceTile.pcss
new file mode 100644
index 00000000000..6743410f80c
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/devices/_SelectableDeviceTile.pcss
@@ -0,0 +1,24 @@
+/*
+Copyright 2024,2025 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_SelectableDeviceTile {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+}
+
+.mx_SelectableDeviceTile_checkbox {
+    flex: 1 0;
+
+    > div {
+        margin-top: auto;
+        margin-bottom: auto;
+        margin-right: var(--cpd-space-1x);
+    }
+}
diff --git a/apps/web/res/css/components/views/settings/encryption/_KeyStoragePanel.pcss b/apps/web/res/css/components/views/settings/encryption/_KeyStoragePanel.pcss
new file mode 100644
index 00000000000..34a79db9cdb
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/encryption/_KeyStoragePanel.pcss
@@ -0,0 +1,10 @@
+/*
+ * 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_KeyStoragePanel_toggleRow {
+    flex-direction: row;
+}
diff --git a/apps/web/res/css/components/views/settings/shared/_SettingsSubsection.pcss b/apps/web/res/css/components/views/settings/shared/_SettingsSubsection.pcss
new file mode 100644
index 00000000000..6e7a5f7afd6
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/shared/_SettingsSubsection.pcss
@@ -0,0 +1,73 @@
+/*
+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_SettingsSubsection {
+    width: 100%;
+    box-sizing: border-box;
+
+    &.mx_SettingsSubsection_newUi {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-6x);
+    }
+
+    *[role="separator"] {
+        /**
+         * The gap between subsections is 32px and inside the subsection is 24px.
+         * The separator separates the subsections, so it should have the same gap as the subsections.
+         * We add 12px and the separator spacing (8px) to the top margin to make the separator visually centered between the subsections.
+         * !important because it's overriding compound margin.
+         */
+        margin-top: var(--cpd-space-5x) !important;
+    }
+}
+
+.mx_SettingsSubsection_description {
+    margin-top: var(--cpd-space-2x);
+}
+
+.mx_SettingsSubsection_text {
+    width: 100%;
+    box-sizing: inherit;
+    color: $secondary-content;
+}
+
+.mx_SettingsSubsection_content {
+    width: 100%;
+    display: grid;
+    gap: var(--cpd-space-4x);
+    /* setting minwidth 0 makes columns definitely sized fixing horizontal overflow */
+    grid-template-columns: minmax(0, 1fr);
+    justify-items: flex-start;
+    margin-top: var(--cpd-space-6x);
+
+    summary {
+        color: $accent;
+    }
+    details[open] {
+        summary {
+            margin-bottom: var(--cpd-space-2x);
+        }
+    }
+
+    &.mx_SettingsSubsection_contentStretch {
+        justify-items: stretch;
+    }
+
+    &.mx_SettingsSubsection_noHeading {
+        margin-top: 0;
+    }
+    &.mx_SettingsSubsection_content_newUi {
+        gap: var(--cpd-space-6x);
+        margin-top: 0;
+    }
+
+    .mx_SettingsSubsection_dropdown {
+        min-width: 360px;
+    }
+}
diff --git a/apps/web/res/css/components/views/settings/shared/_SettingsSubsectionHeading.pcss b/apps/web/res/css/components/views/settings/shared/_SettingsSubsectionHeading.pcss
new file mode 100644
index 00000000000..a156aa3b800
--- /dev/null
+++ b/apps/web/res/css/components/views/settings/shared/_SettingsSubsectionHeading.pcss
@@ -0,0 +1,18 @@
+/*
+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_SettingsSubsectionHeading {
+    display: flex;
+    flex-direction: row;
+
+    gap: var(--cpd-space-2x);
+}
+
+.mx_SettingsSubsectionHeading_heading {
+    flex: 1 1 100%;
+}
diff --git a/apps/web/res/css/components/views/spaces/_QuickThemeSwitcher.pcss b/apps/web/res/css/components/views/spaces/_QuickThemeSwitcher.pcss
new file mode 100644
index 00000000000..b84bb636e6f
--- /dev/null
+++ b/apps/web/res/css/components/views/spaces/_QuickThemeSwitcher.pcss
@@ -0,0 +1,32 @@
+/*
+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_QuickThemeSwitcher {
+    display: flex;
+    align-items: center;
+
+    .mx_Dropdown {
+        min-width: 100px;
+        margin-left: auto;
+        height: min-content;
+    }
+
+    .mx_Dropdown_menu {
+        max-height: 70px;
+    }
+}
+
+.mx_QuickThemeSwitcher_heading {
+    font-weight: var(--cpd-font-weight-semibold);
+    font-size: $font-12px;
+    line-height: $font-15px;
+    color: $secondary-content;
+    text-transform: uppercase;
+    display: inline-block;
+    margin: 0;
+}
diff --git a/apps/web/res/css/components/views/typography/_Caption.pcss b/apps/web/res/css/components/views/typography/_Caption.pcss
new file mode 100644
index 00000000000..5ddede46b03
--- /dev/null
+++ b/apps/web/res/css/components/views/typography/_Caption.pcss
@@ -0,0 +1,16 @@
+/*
+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_Caption {
+    font: var(--cpd-font-body-sm-regular);
+    color: $secondary-content;
+
+    &.mx_Caption_error {
+        color: $alert;
+    }
+}
diff --git a/apps/web/res/css/compound/_Icon.pcss b/apps/web/res/css/compound/_Icon.pcss
new file mode 100644
index 00000000000..488e919dee5
--- /dev/null
+++ b/apps/web/res/css/compound/_Icon.pcss
@@ -0,0 +1,73 @@
+/*
+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.
+*/
+
+/*
+ * Compound icon
+
+ * {@link https://www.figma.com/file/X4XTH9iS2KGJ2wFKDqkyed}
+ */
+
+.mx_Icon {
+    box-sizing: border-box;
+}
+
+.mx_Icon_accent {
+    color: $accent;
+}
+
+.mx_Icon_bg-accent-light {
+    background-color: $accent-300;
+}
+
+.mx_Icon_alert {
+    color: $alert;
+}
+
+.mx_Icon_circle-40 {
+    border-radius: 20px;
+    flex: 0 0 40px;
+    height: 40px;
+    padding: 0 12px;
+    width: 40px;
+}
+
+.mx_Icon_8 {
+    flex: 0 0 8px;
+    height: 8px;
+    width: 8px;
+}
+
+.mx_Icon_10 {
+    flex: 0 0 10px;
+    height: 10px;
+    width: 10px;
+}
+
+.mx_Icon_12 {
+    flex: 0 0 12px;
+    height: 12px;
+    width: 12px;
+}
+
+.mx_Icon_16 {
+    flex: 0 0 16px;
+    height: 16px;
+    width: 16px;
+}
+
+.mx_Icon_24 {
+    flex: 0 0 24px;
+    height: 24px;
+    width: 24px;
+}
+
+.mx_Icon_32 {
+    flex: 0 0 32px;
+    height: 32px;
+    width: 32px;
+}
diff --git a/apps/web/res/css/compound/_SuccessDialog.pcss b/apps/web/res/css/compound/_SuccessDialog.pcss
new file mode 100644
index 00000000000..54f7e4789f3
--- /dev/null
+++ b/apps/web/res/css/compound/_SuccessDialog.pcss
@@ -0,0 +1,40 @@
+/*
+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.
+*/
+
+.mx_SuccessDialog {
+    text-align: center;
+
+    .mx_Icon {
+        margin-bottom: var(--cpd-space-4x);
+    }
+
+    .mx_Dialog_header {
+        margin: 0 0 var(--cpd-space-4x);
+        padding: 0;
+    }
+
+    .mx_Dialog_title {
+        margin: 0;
+    }
+
+    .mx_Dialog_content {
+        color: $secondary-content;
+        margin: 0 0 var(--cpd-space-10x);
+    }
+
+    .mx_Dialog_buttons {
+        .mx_Dialog_buttons_row {
+            justify-content: center;
+
+            button.mx_Dialog_primary {
+                height: 48px;
+                min-width: 328px;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/rethemendex.sh b/apps/web/res/css/rethemendex.sh
new file mode 100755
index 00000000000..593a4202cf3
--- /dev/null
+++ b/apps/web/res/css/rethemendex.sh
@@ -0,0 +1,15 @@
+#!/usr/bin/env sh
+
+cd `dirname $0`
+
+{
+    echo "/* autogenerated by rethemendex.sh */"
+
+    # we used to have exclude /themes from the find at this point.
+    # as themes are no longer a spurious subdirectory of css/, we don't
+    # need it any more.
+    find . -iname _\*.pcss | fgrep -v _components.pcss | fgrep -v _index.pcss | LC_ALL=C sort |
+        while read i; do
+            echo "@import \"$i\";"
+        done
+} > _components.pcss
diff --git a/apps/web/res/css/structures/ErrorView.pcss b/apps/web/res/css/structures/ErrorView.pcss
new file mode 100644
index 00000000000..c7eebd450e4
--- /dev/null
+++ b/apps/web/res/css/structures/ErrorView.pcss
@@ -0,0 +1,63 @@
+/*
+Copyright 2020-2024 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_ErrorView {
+    --width: 520px;
+    --cpd-separator-inset: calc(50% - (var(--width) / 2));
+    --cpd-separator-spacing: var(--cpd-space-8x);
+
+    font-family:
+        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
+        "Segoe UI Emoji", "Segoe UI Symbol";
+    text-align: center;
+    color: var(--cpd-color-text-primary);
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    overflow: auto;
+    padding: var(--cpd-space-20x);
+
+    background-color: var(--cpd-color-theme-bg);
+    background-image: url("../../themes/element/img/compound/fade-arc-light.png");
+    background-repeat: no-repeat;
+    background-size: 100%;
+
+    .mx_ErrorView_logo {
+        display: block;
+        margin: 0 auto;
+    }
+
+    .mx_ErrorView_container {
+        max-width: var(--width);
+        margin: 0 auto var(--cpd-space-8x);
+    }
+
+    h1,
+    h2 {
+        color: var(--cpd-color-text-primary);
+    }
+
+    h2 {
+        margin: var(--cpd-space-8x) 0;
+        font-size: var(--cpd-font-size-heading-sm);
+    }
+
+    p {
+        color: var(--cpd-color-text-secondary);
+    }
+
+    .mx_ErrorView_flexContainer {
+        margin: 0 auto;
+        max-width: max-content;
+        flex-wrap: wrap;
+        justify-content: space-evenly;
+    }
+
+    .mx_ErrorView_buttons {
+        margin-top: var(--cpd-space-6x);
+    }
+}
diff --git a/apps/web/res/css/structures/_AutoHideScrollbar.pcss b/apps/web/res/css/structures/_AutoHideScrollbar.pcss
new file mode 100644
index 00000000000..48d34b8e2f7
--- /dev/null
+++ b/apps/web/res/css/structures/_AutoHideScrollbar.pcss
@@ -0,0 +1,53 @@
+/*
+Copyright 2018-2024 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.
+*/
+
+/* make any scrollbar grey and thin */
+html {
+    scrollbar-color: $scrollbar-thumb-color transparent;
+}
+/* scrollbar-width is not inherited (but -color is, why?!), */
+/* so declare it on every element */
+* {
+    scrollbar-width: thin;
+}
+
+::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+    border-radius: 3px;
+    background-color: $scrollbar-thumb-color;
+}
+
+/* make auto-hide scrollbars not transparent again on hover */
+.mx_AutoHideScrollbar:hover {
+    scrollbar-color: $scrollbar-thumb-color transparent;
+
+    &::-webkit-scrollbar-thumb {
+        background-color: $scrollbar-thumb-color;
+    }
+}
+
+/* make scrollbars transparent for autohide scrollbars */
+.mx_AutoHideScrollbar {
+    overflow-x: hidden;
+    overflow-y: auto;
+    overflow-y: overlay; /* where supported */
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+
+    &::-webkit-scrollbar {
+        background-color: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background-color: transparent;
+    }
+
+    scrollbar-color: transparent transparent;
+}
diff --git a/apps/web/res/css/structures/_AutocompleteInput.pcss b/apps/web/res/css/structures/_AutocompleteInput.pcss
new file mode 100644
index 00000000000..2e69622c5ab
--- /dev/null
+++ b/apps/web/res/css/structures/_AutocompleteInput.pcss
@@ -0,0 +1,121 @@
+/*
+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_AutocompleteInput {
+    position: relative;
+}
+
+.mx_AutocompleteInput_search_icon {
+    margin-left: var(--cpd-space-2x);
+    fill: $secondary-content;
+}
+
+.mx_AutocompleteInput_editor {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    overflow-x: hidden;
+    overflow-y: auto;
+    border: 1px solid $input-border-color;
+    border-radius: 4px;
+    transition: border-color 0.25s;
+
+    > input {
+        flex: 1;
+        min-width: 40%;
+        resize: none;
+        /* `!important` is required to bypass global input styles. */
+        margin: 0 !important;
+        padding: var(--cpd-space-2x) 9px;
+        border: none !important;
+        color: $primary-content !important;
+        font-weight: normal !important;
+
+        &::placeholder {
+            color: $primary-content !important;
+            font-weight: normal !important;
+        }
+    }
+}
+
+.mx_AutocompleteInput_editor--focused {
+    border-color: $links;
+}
+
+.mx_AutocompleteInput_editor--has-suggestions {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+.mx_AutocompleteInput_editor_selection {
+    display: flex;
+    margin-left: var(--cpd-space-2x);
+}
+
+.mx_AutocompleteInput_editor_selection_pill {
+    display: flex;
+    align-items: center;
+    border-radius: 12px;
+    padding-left: var(--cpd-space-2x);
+    padding-right: var(--cpd-space-2x);
+    background-color: $username-variant1-color;
+    color: #ffffff;
+    font-size: $font-12px;
+}
+
+.mx_AutocompleteInput_editor_selection_remove_button svg {
+    vertical-align: middle;
+}
+
+.mx_AutocompleteInput_matches {
+    position: absolute;
+    left: 0;
+    right: 0;
+    background-color: $background;
+    border: 1px solid $links;
+    border-top-color: $input-border-color;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    z-index: 1000;
+}
+
+.mx_AutocompleteInput_suggestion {
+    display: flex;
+    align-items: center;
+    padding: var(--cpd-space-2x);
+    cursor: pointer;
+
+    > * {
+        user-select: none;
+    }
+
+    &:hover {
+        background-color: $quinary-content;
+        border-bottom-left-radius: 4px;
+        border-bottom-right-radius: 4px;
+    }
+}
+
+.mx_AutocompleteInput_suggestion--selected {
+    background-color: $quinary-content;
+
+    &:last-child {
+        border-bottom-left-radius: 4px;
+        border-bottom-right-radius: 4px;
+    }
+}
+
+.mx_AutocompleteInput_suggestion_title {
+    margin-right: var(--cpd-space-2x);
+}
+
+.mx_AutocompleteInput_suggestion_description {
+    color: $secondary-content;
+    font-size: $font-12px;
+}
diff --git a/apps/web/res/css/structures/_CompatibilityPage.pcss b/apps/web/res/css/structures/_CompatibilityPage.pcss
new file mode 100644
index 00000000000..f2bed5630d3
--- /dev/null
+++ b/apps/web/res/css/structures/_CompatibilityPage.pcss
@@ -0,0 +1,16 @@
+.mx_CompatibilityPage {
+    width: 100%;
+    height: 100%;
+    background-color: #e55;
+}
+
+.mx_CompatibilityPage_box {
+    position: absolute;
+    inset: 0;
+    margin: auto;
+    width: 500px;
+    height: 300px;
+    border: 1px solid;
+    padding: 10px;
+    background-color: #fcc;
+}
diff --git a/apps/web/res/css/structures/_ContextualMenu.pcss b/apps/web/res/css/structures/_ContextualMenu.pcss
new file mode 100644
index 00000000000..3c1363f8963
--- /dev/null
+++ b/apps/web/res/css/structures/_ContextualMenu.pcss
@@ -0,0 +1,117 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+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_ContextualMenu_wrapper {
+    position: fixed;
+    z-index: 5000;
+}
+
+.mx_ContextualMenu_background {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 1;
+}
+
+.mx_ContextualMenu {
+    border-radius: 12px;
+    box-shadow: 0px 4px 24px rgb(0, 0, 0, 0.1);
+    background-color: var(--cpd-color-bg-canvas-default);
+    border: var(--cpd-border-width-1) solid var(--cpd-color-border-interactive-secondary);
+    color: $primary-content;
+    position: absolute;
+    z-index: 5001;
+    width: max-content;
+}
+
+.mx_ContextualMenu_right {
+    right: 16px;
+}
+
+.mx_ContextualMenu.mx_ContextualMenu_withChevron_right {
+    right: 8px;
+}
+
+.mx_ContextualMenu_chevron_right {
+    position: absolute;
+    right: -8px;
+    top: 0px;
+    width: 0;
+    height: 0;
+    border-top: 8px solid transparent;
+    border-left: 8px solid $menu-bg-color;
+    border-bottom: 8px solid transparent;
+}
+
+.mx_ContextualMenu_left {
+    left: 0;
+}
+
+.mx_ContextualMenu.mx_ContextualMenu_withChevron_left {
+    left: 8px;
+}
+
+.mx_ContextualMenu_chevron_left {
+    position: absolute;
+    left: -8px;
+    top: 0px;
+    width: 0;
+    height: 0;
+    border-top: 8px solid transparent;
+    border-right: 8px solid $menu-bg-color;
+    border-bottom: 8px solid transparent;
+}
+
+.mx_ContextualMenu_top {
+    top: 0;
+}
+
+.mx_ContextualMenu.mx_ContextualMenu_withChevron_top {
+    top: 8px;
+}
+
+.mx_ContextualMenu_chevron_top {
+    position: absolute;
+    left: 0px;
+    top: -8px;
+    width: 0;
+    height: 0;
+    border-left: 8px solid transparent;
+    border-bottom: 8px solid $menu-bg-color;
+    border-right: 8px solid transparent;
+}
+
+.mx_ContextualMenu_bottom {
+    bottom: 0;
+}
+
+.mx_ContextualMenu.mx_ContextualMenu_withChevron_bottom {
+    bottom: 8px;
+}
+
+.mx_ContextualMenu_chevron_bottom {
+    position: absolute;
+    left: 0px;
+    bottom: -8px;
+    width: 0;
+    height: 0;
+    border-left: 8px solid transparent;
+    border-top: 8px solid $menu-bg-color;
+    border-right: 8px solid transparent;
+}
+
+.mx_ContextualMenu_rightAligned {
+    transform: translateX(-100%);
+}
+
+.mx_ContextualMenu_bottomAligned {
+    transform: translateY(-100%);
+}
diff --git a/apps/web/res/css/structures/_ErrorMessage.pcss b/apps/web/res/css/structures/_ErrorMessage.pcss
new file mode 100644
index 00000000000..75516b2407d
--- /dev/null
+++ b/apps/web/res/css/structures/_ErrorMessage.pcss
@@ -0,0 +1,17 @@
+/*
+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_ErrorMessage {
+    align-items: center;
+    color: $alert;
+    display: flex;
+    font-size: $font-12px;
+    gap: var(--cpd-space-2x);
+    line-height: 1.2em;
+    min-height: 2.4em;
+}
diff --git a/apps/web/res/css/structures/_FileDropTarget.pcss b/apps/web/res/css/structures/_FileDropTarget.pcss
new file mode 100644
index 00000000000..88712e5c1a0
--- /dev/null
+++ b/apps/web/res/css/structures/_FileDropTarget.pcss
@@ -0,0 +1,57 @@
+/*
+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.
+*/
+
+@keyframes mx_FileDropTarget_animation {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 0.95;
+    }
+}
+
+.mx_FileDropTarget {
+    min-width: 0;
+    width: 100%;
+    height: 100%;
+
+    font-size: $font-18px;
+    text-align: center;
+
+    pointer-events: none;
+
+    background-color: $background;
+    opacity: 0.95;
+
+    position: absolute;
+    z-index: 3000;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    animation: mx_FileDropTarget_animation;
+    animation-duration: 0.5s;
+}
+
+@keyframes mx_FileDropTarget_image_animation {
+    from {
+        transform: scaleX(0);
+    }
+    to {
+        transform: scaleX(1);
+    }
+}
+
+.mx_FileDropTarget_image {
+    width: 32px;
+    animation: mx_FileDropTarget_image_animation;
+    animation-duration: 0.5s;
+    margin-bottom: 16px;
+}
diff --git a/apps/web/res/css/structures/_FilePanel.pcss b/apps/web/res/css/structures/_FilePanel.pcss
new file mode 100644
index 00000000000..f9396bf0483
--- /dev/null
+++ b/apps/web/res/css/structures/_FilePanel.pcss
@@ -0,0 +1,79 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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_FilePanel {
+    order: 2;
+    flex: 1 1 0;
+    overflow-y: auto;
+    display: flex;
+
+    .mx_RoomView_messageListWrapper {
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .mx_RoomView_MessageList {
+        width: 100%;
+        gap: var(--cpd-space-6x);
+    }
+
+    /* FIXME: rather than having EventTile's default CSS be for MessagePanel,
+   we should make EventTile a base CSS class and customise it specifically
+   for usage in {Message,File,Notification}Panel. */
+
+    /* Overrides for the attachment body tiles */
+    .mx_EventTile {
+        word-break: break-word;
+        padding-top: 0;
+
+        & + .mx_EventTile {
+            border-top: 1px solid var(--cpd-color-gray-400);
+            padding-top: var(--cpd-space-6x);
+        }
+
+        .mx_EventTile_line {
+            padding-inline-start: 0;
+        }
+
+        .mx_MFileBody [data-type="download"] {
+            margin-top: var(--cpd-space-4x);
+        }
+
+        .mx_ImageBody {
+            gap: 0;
+        }
+
+        /* anchor link as wrapper */
+        .mx_EventTile_senderDetailsLink {
+            text-decoration: none;
+            margin-bottom: var(--cpd-space-1x);
+            display: block;
+
+            .mx_EventTile_senderDetails {
+                display: flex;
+                margin-top: -2px;
+                gap: var(--cpd-space-2x);
+                align-items: center;
+
+                .mx_DisambiguatedProfile {
+                    color: $event-timestamp-color; /* for ellipsis. Color of displayName and mxid is inherited */
+                }
+
+                .mx_MessageTimestamp {
+                    margin-left: auto;
+                }
+            }
+        }
+    }
+
+    .mx_EventTile_line {
+        margin-inline-end: 0;
+        padding-inline-start: 0;
+    }
+}
diff --git a/apps/web/res/css/structures/_GenericDropdownMenu.pcss b/apps/web/res/css/structures/_GenericDropdownMenu.pcss
new file mode 100644
index 00000000000..a2aa022eee1
--- /dev/null
+++ b/apps/web/res/css/structures/_GenericDropdownMenu.pcss
@@ -0,0 +1,106 @@
+/*
+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_GenericDropdownMenu_button {
+    padding: 3px 4px 3px 8px;
+    border-radius: 4px;
+    line-height: 1.5;
+    user-select: none;
+    font-size: $font-12px;
+    color: $secondary-content;
+
+    svg {
+        width: 18px;
+        height: 18px;
+        float: right;
+    }
+}
+
+.mx_GenericDropdownMenu_button:hover,
+.mx_GenericDropdownMenu_button[aria-expanded="true"] {
+    background: $quinary-content;
+}
+
+.mx_ContextualMenu_wrapper.mx_GenericDropdownMenu_wrapper {
+    .mx_ContextualMenu {
+        position: initial;
+
+        font-size: $font-12px;
+        color: $secondary-content;
+        padding-top: 10px;
+        padding-bottom: 10px;
+
+        border: 1px solid $quinary-content;
+        box-shadow: 0 1px 3px rgb(23, 25, 28, 0.05);
+    }
+
+    .mx_ContextualMenu_chevron_top {
+        left: auto;
+        right: 22px;
+        border-bottom-color: $quinary-content;
+
+        &::after {
+            content: "";
+            border: inherit;
+            border-bottom-color: $menu-bg-color;
+            position: absolute;
+            top: 1px;
+            left: -8px;
+        }
+    }
+
+    .mx_GenericDropdownMenu_divider {
+        display: block;
+        height: 0;
+        margin-left: 4px;
+        margin-right: 19px;
+        border-top: 1px solid $quinary-content;
+    }
+
+    .mx_GenericDropdownMenu_Option {
+        display: flex;
+        flex-grow: 1;
+        flex-direction: row;
+        align-items: center;
+        padding: 10px 20px 10px 30px;
+        position: relative;
+
+        > .mx_GenericDropdownMenu_Option--label {
+            display: flex;
+            flex-direction: column;
+            flex-grow: 1;
+
+            margin: 0;
+
+            span:first-child {
+                color: $primary-content;
+                font-weight: var(--cpd-font-weight-semibold);
+            }
+        }
+
+        &.mx_GenericDropdownMenu_Option--header > .mx_GenericDropdownMenu_Option--label span:first-child {
+            font-size: $font-15px;
+        }
+
+        &.mx_GenericDropdownMenu_Option--item {
+            &:hover {
+                background-color: $menu-selected-color;
+            }
+
+            .mx_GenericDropdownMenu_Option--checkIcon {
+                width: 16px;
+                height: 16px;
+                margin-left: -22px;
+                margin-right: 6px;
+                color: $primary-content;
+                display: inline-block;
+                vertical-align: middle;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/structures/_HomePage.pcss b/apps/web/res/css/structures/_HomePage.pcss
new file mode 100644
index 00000000000..c5b8774993a
--- /dev/null
+++ b/apps/web/res/css/structures/_HomePage.pcss
@@ -0,0 +1,94 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2017 Vector Creations Ltd
+Copyright 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_HomePage {
+    display: grid;
+    place-items: center;
+    width: min(100% - 50px, 960px);
+    height: 100%;
+    margin: 0 auto;
+    container-type: inline-size;
+    container-name: homepage;
+}
+
+.mx_HomePage_default {
+    text-align: center;
+
+    img {
+        height: 48px;
+    }
+
+    h1 {
+        margin-bottom: 4px;
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: $font-32px;
+        line-height: 1.375;
+    }
+
+    h2 {
+        margin-top: 4px;
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: $font-18px;
+        line-height: $font-25px;
+        color: $muted-fg-color;
+    }
+
+    .mx_MiniAvatarUploader {
+        margin: 0 auto;
+    }
+
+    .mx_HomePage_default_buttons {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 5px 40px;
+        width: 100%;
+        margin-top: 80px;
+        margin-bottom: 20px;
+
+        .mx_AccessibleButton {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            gap: 13px;
+            box-sizing: border-box;
+            width: 160px;
+            min-height: 132px;
+            padding: 8px 15px;
+            border-radius: 8px;
+            font-weight: var(--cpd-font-weight-semibold);
+            font-size: $font-15px;
+            line-height: $font-20px;
+            color: #fff; /* on all themes */
+            background-color: $accent;
+
+            svg {
+                display: block;
+                width: 100%;
+                height: 40px;
+                object-fit: contain;
+                color: #fff; /* on all themes */
+            }
+        }
+
+        @container homepage (max-width: 559px) {
+            grid-template-columns: 1fr;
+
+            .mx_AccessibleButton {
+                flex-direction: row;
+                width: 100%;
+                min-height: 0;
+
+                svg {
+                    width: 24px;
+                }
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/structures/_LargeLoader.pcss b/apps/web/res/css/structures/_LargeLoader.pcss
new file mode 100644
index 00000000000..0e861c67ff4
--- /dev/null
+++ b/apps/web/res/css/structures/_LargeLoader.pcss
@@ -0,0 +1,29 @@
+/*
+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_LargeLoader {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+
+    .mx_Spinner {
+        flex: unset;
+        height: auto;
+        margin-bottom: 32px;
+        margin-top: 33vh;
+    }
+
+    .mx_LargeLoader_text {
+        font-size: 24px;
+        font-weight: var(--cpd-font-weight-semibold);
+        padding: 0 16px;
+        position: relative;
+        text-align: center;
+    }
+}
diff --git a/apps/web/res/css/structures/_LeftPanel.pcss b/apps/web/res/css/structures/_LeftPanel.pcss
new file mode 100644
index 00000000000..aa6f67b1966
--- /dev/null
+++ b/apps/web/res/css/structures/_LeftPanel.pcss
@@ -0,0 +1,97 @@
+/*
+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.
+*/
+
+.mx_MatrixChat--with-avatar {
+    .mx_LeftPanel,
+    .mx_LeftPanel .mx_LeftPanel_roomListContainer {
+        background-color: transparent;
+    }
+}
+
+.mx_LeftPanel_outerWrapper {
+    display: flex;
+    flex-direction: column;
+    max-width: 50%;
+    position: relative;
+}
+
+.mx_LeftPanel_wrapper,
+.mx_LeftPanel {
+    --collapsedWidth: 68px;
+}
+
+.mx_LeftPanel_panel {
+    .mx_LeftPanel_outerWrapper {
+        height: 100%;
+        max-width: none;
+    }
+
+    .mx_LeftPanel_wrapper--user {
+        width: 100%;
+    }
+}
+
+.mx_LeftPanel_wrapper {
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+    height: 100%; /* ensure space panel is still scrollable with an outer wrapper */
+
+    .mx_LeftPanel_wrapper--user {
+        display: flex;
+        overflow: hidden;
+        position: relative;
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
+
+        &[data-collapsed] {
+            max-width: var(--collapsedWidth);
+        }
+    }
+}
+
+.mx_LeftPanel {
+    background-color: var(--cpd-color-bg-canvas-default);
+    /* The room list is not designed to be collapsed to just icons. */
+    /* 224 + 68(spaces bar) was deemed by design to be a good minimum for the left panel. */
+    --collapsedWidth: 224px;
+
+    /* Create a row-based flexbox for the space panel and the room list */
+    display: flex;
+    contain: content;
+    position: relative;
+    flex-grow: 1;
+    overflow: hidden;
+
+    .mx_LeftPanel_roomListContainer {
+        flex: 1 0 0;
+        min-width: 0;
+        /* Create another flexbox (this time a column) for the room list components */
+        display: flex;
+        flex-direction: column;
+    }
+
+    /* These styles override the defaults for the minimized (66px) layout */
+    &.mx_LeftPanel_minimized {
+        flex-grow: 0;
+        min-width: unset;
+        width: unset !important;
+
+        .mx_LeftPanel_roomListContainer {
+            width: var(--collapsedWidth);
+        }
+    }
+}
+
+#left-panel .mx_LeftPanel_wrapper--user {
+    /*
+     * Disable background when using the new room list.
+     * This background sometimes shows when the panel is resized and it looks like a thicker border.
+     */
+    background: none;
+}
diff --git a/apps/web/res/css/structures/_MainSplit.pcss b/apps/web/res/css/structures/_MainSplit.pcss
new file mode 100644
index 00000000000..750ab37108f
--- /dev/null
+++ b/apps/web/res/css/structures/_MainSplit.pcss
@@ -0,0 +1,32 @@
+/*
+Copyright 2019-2024 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_MainSplit {
+    display: flex;
+    flex-direction: row;
+    min-width: 0;
+    min-height: 0;
+    height: 100%;
+}
+
+.mx_MainSplit > .mx_RightPanel_ResizeWrapper {
+    &:hover .mx_ResizeHandle--horizontal::before {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-150%, -50%);
+
+        height: 64px; /* to match width of the ones on roomlist */
+        width: 4px;
+        border-radius: 4px;
+
+        content: "";
+
+        background-color: $primary-content;
+        opacity: 0.8;
+    }
+}
diff --git a/apps/web/res/css/structures/_MatrixChat.pcss b/apps/web/res/css/structures/_MatrixChat.pcss
new file mode 100644
index 00000000000..284c411013b
--- /dev/null
+++ b/apps/web/res/css/structures/_MatrixChat.pcss
@@ -0,0 +1,70 @@
+/*
+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_MatrixChat_splash {
+    position: relative;
+    height: 100%;
+}
+
+.mx_MatrixChat_wrapper {
+    display: flex;
+
+    width: 100%;
+    height: 100%;
+}
+
+.mx_MatrixToolbar {
+    order: 1;
+
+    height: 40px;
+}
+
+.mx_MatrixChat {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    display: flex;
+
+    flex: 1;
+    min-height: 0;
+}
+
+/* not the left panel, and not the resize handle, so the roomview and friends */
+.mx_MatrixChat > :not(.mx_LeftPanel):not(.mx_SpacePanel):not(.mx_ResizeHandle):not(.mx_LeftPanel_outerWrapper) {
+    background-color: $background;
+
+    flex: 1 1 0;
+    min-width: 0;
+
+    /* To fix https://github.com/vector-im/element-web/issues/3298 where Safari
+       needed height 100% all the way down to the HomePage. Height does not
+       have to be auto, empirically.
+    */
+    height: 100%;
+}
+
+.mx_MatrixChat > .mx_ResizeHandle--horizontal:hover {
+    position: relative;
+
+    &::before {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+
+        height: 64px; /* to match width of the ones on roomlist */
+        width: 4px;
+        border-radius: 4px;
+
+        content: " ";
+
+        background-color: $primary-content;
+        opacity: 0.8;
+    }
+}
diff --git a/apps/web/res/css/structures/_NonUrgentToastContainer.pcss b/apps/web/res/css/structures/_NonUrgentToastContainer.pcss
new file mode 100644
index 00000000000..daccc88600c
--- /dev/null
+++ b/apps/web/res/css/structures/_NonUrgentToastContainer.pcss
@@ -0,0 +1,27 @@
+/*
+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.
+*/
+
+.mx_NonUrgentToastContainer {
+    position: absolute;
+    bottom: 30px;
+    left: 28px;
+    z-index: 101; /* same level as other toasts */
+
+    .mx_NonUrgentToastContainer_toast {
+        padding: 10px 12px;
+        border-radius: 8px;
+        width: 320px;
+        font-size: $font-13px;
+        margin-top: 8px;
+
+        /* We don't use variables on the colours because we want it to be the same */
+        /* in all themes. */
+        background-color: #17191c;
+        color: #fff;
+    }
+}
diff --git a/apps/web/res/css/structures/_PictureInPictureDragger.pcss b/apps/web/res/css/structures/_PictureInPictureDragger.pcss
new file mode 100644
index 00000000000..d6effd3b20a
--- /dev/null
+++ b/apps/web/res/css/structures/_PictureInPictureDragger.pcss
@@ -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.
+*/
+
+.mx_PictureInPictureDragger {
+    cursor: grab;
+    user-select: none;
+    left: 0;
+    position: fixed;
+    top: 0;
+    /* Display above any widget elements */
+    z-index: 102;
+}
+
+.mx_PictureInPictureDragger:active {
+    cursor: grabbing;
+}
diff --git a/apps/web/res/css/structures/_QuickSettingsButton.pcss b/apps/web/res/css/structures/_QuickSettingsButton.pcss
new file mode 100644
index 00000000000..8df560c9ef4
--- /dev/null
+++ b/apps/web/res/css/structures/_QuickSettingsButton.pcss
@@ -0,0 +1,126 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_QuickSettingsButton {
+    /* !important override compound */
+    border-radius: 8px !important;
+    margin: 12px auto 12px;
+
+    svg {
+        fill: $secondary-content;
+    }
+
+    &:not(.expanded):hover {
+        /**
+         * override compound default background color when hovered
+         * should disappear when the space panel will be migrated to compound
+         */
+        background-color: $quaternary-content !important;
+        color: $primary-content;
+
+        svg {
+            fill: $primary-content;
+        }
+    }
+
+    &.expanded {
+        /**
+         * override compound default background color when hovered
+         * should disappear when the space panel will be migrated to compound
+         */
+        background-color: transparent !important;
+
+        /* align with settings icon */
+        margin-left: 21px;
+        margin-right: 8px;
+        width: 100%;
+
+        /**
+         * modify internal css of the compound component
+         * dirty but we need to add the label into the indicator icon button
+         **/
+        & > div {
+            display: flex;
+            align-items: center;
+        }
+
+        svg {
+            /* align with settings label */
+            margin-right: 14px;
+            /* required to set the icon width when into a flex container */
+            width: 24px;
+            flex-shrink: 0;
+        }
+
+        & .mx_QuickSettingsButton_label {
+            /* !important override compound  */
+            color: $secondary-content !important;
+        }
+    }
+}
+
+.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu {
+    padding: 16px;
+    width: max-content;
+    min-width: 200px;
+    contain: unset; /* let the dropdown paint beyond the context menu */
+
+    > div > h2 {
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: $font-15px;
+        line-height: $font-24px;
+        color: var(--cpd-color-text-secondary);
+        margin: 0 0 16px;
+    }
+
+    .mx_AccessibleButton_hasKind {
+        display: block;
+        margin-top: 4px;
+    }
+
+    > div > h4 {
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: $font-12px;
+        line-height: $font-15px;
+        text-transform: uppercase;
+        color: var(--cpd-color-text-secondary);
+        margin: 20px 0 12px;
+        position: relative;
+        display: flex;
+    }
+
+    .mx_QuickSettingsButton_moreOptionsButton {
+        margin-left: var(--cpd-space-7x);
+        font-size: $font-15px;
+        line-height: $font-24px;
+        color: var(--cpd-color-text-primary);
+        position: relative;
+        margin-bottom: 16px;
+    }
+
+    .mx_QuickSettingsButton_option {
+        margin-bottom: var(--cpd-space-3x);
+        label {
+            /* Correctly line up icons and text. */
+            display: flex;
+        }
+    }
+
+    .mx_QuickThemeSwitcher {
+        margin-top: var(--cpd-space-2x);
+    }
+}
+
+.mx_QuickSettingsButton_icon {
+    margin-right: var(--cpd-space-1x);
+    color: $secondary-content;
+    width: 18px;
+    height: 18px;
+    margin-top: auto;
+    margin-bottom: auto;
+}
diff --git a/apps/web/res/css/structures/_RightPanel.pcss b/apps/web/res/css/structures/_RightPanel.pcss
new file mode 100644
index 00000000000..8c1ed8691f0
--- /dev/null
+++ b/apps/web/res/css/structures/_RightPanel.pcss
@@ -0,0 +1,36 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+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_RightPanel {
+    overflow-x: hidden;
+    flex: 0 0 auto;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    border-left: 1px solid $separator;
+    box-sizing: border-box;
+    height: 100%;
+    contain: strict;
+    background-color: var(--cpd-color-bg-canvas-default);
+
+    .mx_RoomView_MessageList {
+        padding: 14px 18px; /* top and bottom is 4px smaller to balance with the padding set above */
+    }
+}
+
+.mx_RightPanel .mx_MemberList,
+.mx_RightPanel .mx_MemberInfo {
+    order: 2;
+    flex: 1 1 0;
+}
+
+.mx_RightPanel .mx_RoomView_messagePanelSpinner {
+    order: 2;
+    margin: auto;
+}
diff --git a/apps/web/res/css/structures/_RoomView.pcss b/apps/web/res/css/structures/_RoomView.pcss
new file mode 100644
index 00000000000..267d7c138df
--- /dev/null
+++ b/apps/web/res/css/structures/_RoomView.pcss
@@ -0,0 +1,219 @@
+/*
+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.
+*/
+
+:root {
+    --RoomView_MessageList-padding: 18px;
+}
+
+.mx_LeftPanel_panel {
+    .mx_RoomView_wrapper {
+        height: 100%;
+    }
+}
+
+.mx_RoomView_wrapper {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    position: relative;
+    justify-content: center;
+    /* Contain the amount of layers rendered by constraining what actually needs re-layering via css */
+    contain: strict;
+}
+
+.mx_RoomView {
+    word-wrap: break-word;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    position: relative;
+
+    .mx_MainSplit {
+        flex: 1 1 0;
+    }
+
+    .mx_MessageComposer {
+        width: 100%;
+        flex: 0 0 auto;
+        margin-right: 2px;
+        padding-bottom: 1em;
+    }
+}
+
+.mx_RoomView_auxPanel_hiddenHighlights {
+    border-bottom: 1px solid $primary-hairline-color;
+    padding: 10px 26px;
+    color: $alert;
+    cursor: pointer;
+}
+
+.mx_RoomView_messagePanel {
+    width: 100%;
+    overflow-y: auto;
+    flex: 1 1 0;
+    overflow-anchor: none;
+}
+
+.mx_RoomView_messagePanelSearchSpinner {
+    flex: 1;
+    background-image: url("/res/img/typing-indicator-2x.gif");
+    background-position: center 367px;
+    background-size: 25px;
+    background-repeat: no-repeat;
+    position: relative;
+
+    svg {
+        color: $info-plinth-fg-color;
+        width: 50px;
+        height: 50px;
+        position: absolute;
+        top: 286px;
+        left: calc(50% - 25px);
+    }
+}
+
+.mx_RoomView_body {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-width: 0;
+    container-type: size;
+    container-name: roomview;
+
+    .mx_RoomView_messagePanel,
+    .mx_RoomView_messagePanelSpinner,
+    .mx_RoomView_messagePanelSearchSpinner {
+        order: 2;
+    }
+
+    .mx_RoomView_timeline {
+        /* offset parent for mx_RoomView_topUnreadMessagesBar  */
+        position: relative;
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+    }
+}
+
+/* Restore the gap between the timeline and the right panel only when the panel is open.
+   Without this, the scrollbar on mx_RoomView_messagePanel would sit 4 px away from the
+   viewport edge in Firefox (which does not support overflow:overlay). */
+.mx_MainSplit:has(.mx_RightPanel_ResizeWrapper) .mx_RoomView_timeline {
+    margin-right: calc(var(--container-gap-width) / 2);
+}
+
+.mx_RoomView_statusArea {
+    width: 100%;
+    flex: 0 0 auto;
+
+    max-height: 0px;
+    background-color: $background;
+    z-index: 1000;
+    overflow: hidden;
+
+    transition: all 0.2s ease-out;
+}
+
+.mx_RoomView_statusArea_expanded {
+    max-height: 100px;
+}
+
+.mx_RoomView_statusAreaBox {
+    margin: auto;
+    min-height: 50px;
+}
+
+.mx_RoomView_statusAreaBox_line {
+    margin-left: 65px;
+    border-top: 1px solid $primary-hairline-color;
+    height: 1px;
+}
+
+.mx_RoomView_messageListWrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    position: relative;
+}
+
+.mx_RoomView_searchResultsPanel {
+    .mx_RoomView_messageListWrapper {
+        justify-content: flex-start;
+
+        > .mx_RoomView_MessageList > li > ol {
+            list-style-type: none;
+        }
+    }
+
+    a {
+        text-decoration: none;
+        color: inherit;
+    }
+}
+
+.mx_RoomView_empty {
+    font-size: $font-13px;
+    padding: 0 24px;
+    margin-right: 30px;
+    text-align: center;
+    margin-bottom: 80px; /* visually center the content (intentional offset) */
+}
+
+.mx_RoomView_MessageList {
+    list-style-type: none;
+    padding: var(--RoomView_MessageList-padding); /* mx_ProfileResizer depends on this value */
+    margin: 0;
+    /* needed as min-height is set to clientHeight in ScrollPanel
+    to prevent shrinking when WhoIsTypingTile is hidden */
+    box-sizing: border-box;
+
+    li {
+        clear: both;
+    }
+
+    .mx_ScrollPanel & {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+
+        content-visibility: auto;
+        contain-intrinsic-size: 50px;
+    }
+
+    .mx_RoomView--local .mx_ScrollPanel & {
+        justify-content: center;
+    }
+}
+
+.mx_RoomView_inCall {
+    .mx_RoomView_statusAreaBox_line {
+        margin-top: 2px;
+        border: none;
+        height: 0px;
+    }
+
+    .mx_MessageComposer_wrapper {
+        border-top: 2px hidden;
+        padding-top: 1px;
+    }
+}
+
+.mx_MatrixChat_useCompactLayout {
+    .mx_RoomView_MessageList {
+        margin-bottom: 4px;
+
+        h2 {
+            margin-top: 6px;
+        }
+    }
+
+    .mx_RoomView_statusAreaBox {
+        min-height: 42px;
+    }
+}
diff --git a/apps/web/res/css/structures/_SearchBox.pcss b/apps/web/res/css/structures/_SearchBox.pcss
new file mode 100644
index 00000000000..b8a4f820222
--- /dev/null
+++ b/apps/web/res/css/structures/_SearchBox.pcss
@@ -0,0 +1,30 @@
+/*
+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_SearchBox {
+    flex: 1 1 0;
+    min-width: 0;
+    min-height: 36px; /* to avoid jumping when the X to clear shows/hides */
+
+    &.mx_SearchBox_blurred:not(:hover) {
+        background-color: transparent;
+    }
+
+    .mx_SearchBox_closeButton {
+        cursor: pointer;
+        height: 16px;
+        width: 16px;
+        padding: 9px;
+
+        svg {
+            height: inherit;
+            width: inherit;
+            color: var(--cpd-color-icon-secondary);
+        }
+    }
+}
diff --git a/apps/web/res/css/structures/_SpaceHierarchy.pcss b/apps/web/res/css/structures/_SpaceHierarchy.pcss
new file mode 100644
index 00000000000..7f6a4295438
--- /dev/null
+++ b/apps/web/res/css/structures/_SpaceHierarchy.pcss
@@ -0,0 +1,277 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_SpaceRoomView_landing {
+    .mx_AccessibleButton_kind_link {
+        font-size: inherit;
+    }
+
+    .mx_SearchBox {
+        margin: 24px 0 16px;
+    }
+
+    .mx_SpaceHierarchy_noResults {
+        text-align: center;
+
+        > div {
+            font-size: $font-15px;
+            line-height: $font-24px;
+            color: $secondary-content;
+        }
+    }
+
+    .mx_SpaceHierarchy_listHeader {
+        display: flex;
+        flex-flow: wrap;
+        justify-content: space-between;
+        align-items: center;
+        gap: 12px;
+        font-size: $font-15px;
+        line-height: $font-24px;
+        color: $primary-content;
+        margin-bottom: 12px;
+
+        .mx_SpaceHierarchy_listHeader_header {
+            grid-column-start: 1;
+            font-weight: var(--cpd-font-weight-semibold);
+            margin: 0;
+        }
+
+        .mx_SpaceHierarchy_listHeader_buttons {
+            grid-column-start: 2;
+            display: flex;
+            flex-flow: wrap;
+            gap: 12px;
+            min-height: 32px;
+
+            .mx_AccessibleButton {
+                padding: 4px 12px;
+                font-weight: normal;
+            }
+        }
+
+        .mx_AccessibleButton_kind_danger_outline,
+        .mx_AccessibleButton_kind_primary_outline {
+            padding: 3px 12px; /* to account for the 1px border */
+        }
+    }
+
+    .mx_SpaceHierarchy_error {
+        position: relative;
+        font-weight: var(--cpd-font-weight-semibold);
+        color: $alert;
+        font-size: $font-15px;
+        line-height: $font-18px;
+        margin: 20px auto 12px;
+        padding-left: 24px;
+        width: max-content;
+
+        &::before {
+            content: "";
+            position: absolute;
+            height: 16px;
+            width: 16px;
+            left: 0;
+            background-image: url("@vector-im/compound-design-tokens/icons/error-solid.svg");
+            background-size: cover;
+            background-repeat: no-repeat;
+        }
+    }
+
+    .mx_SpaceHierarchy_roomCount {
+        > h3 {
+            display: inline;
+            font-weight: var(--cpd-font-weight-semibold);
+            font-size: $font-18px;
+            line-height: $font-22px;
+            color: $primary-content;
+        }
+
+        > span {
+            margin-left: 8px;
+            font-size: $font-15px;
+            line-height: $font-24px;
+            color: $secondary-content;
+        }
+    }
+
+    .mx_SpaceHierarchy_subspace_toggle {
+        position: absolute;
+        left: -1px;
+        top: 10px;
+        height: 16px;
+        width: 16px;
+        border-radius: 4px;
+        background-color: $background;
+
+        svg {
+            width: inherit;
+            height: inherit;
+            color: $tertiary-content;
+            transform: rotate(270deg);
+        }
+
+        &.mx_SpaceHierarchy_subspace_toggle_shown svg {
+            transform: rotate(0deg);
+        }
+    }
+
+    .mx_SpaceHierarchy_subspace_children {
+        position: relative;
+        padding-left: 12px;
+    }
+
+    .mx_SpaceHierarchy_list {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+
+        li.mx_SpaceHierarchy_roomTileWrapper {
+            list-style: none;
+
+            .mx_SpaceHierarchy_roomTile {
+                position: relative;
+                padding: 8px 16px;
+                border-radius: 8px;
+                box-sizing: border-box;
+
+                display: flex;
+                flex-wrap: wrap;
+                gap: 6px 12px;
+
+                .mx_SpaceHierarchy_roomTile_item {
+                    font-weight: var(--cpd-font-weight-semibold);
+                    font-size: $font-15px;
+                    line-height: $font-18px;
+                    display: grid;
+                    grid-template-columns: 20px auto;
+                    gap: 6px 8px;
+                    align-items: center;
+                    flex: 1; /* wrap action buttons */
+
+                    .mx_SpaceHierarchy_roomTile_avatar {
+                        grid-row: 1;
+                        grid-column: 1;
+                    }
+
+                    .mx_SpaceHierarchy_roomTile_name {
+                        grid-row: 1;
+                        grid-column: 2;
+
+                        .mx_InfoTooltip,
+                        .mx_SpaceHierarchy_roomTile_joined {
+                            margin-left: 12px;
+                            color: $tertiary-content;
+                            font-size: $font-12px;
+                            line-height: $font-15px;
+                        }
+
+                        .mx_InfoTooltip {
+                            display: inline-block;
+                        }
+
+                        .mx_SpaceHierarchy_roomTile_joined {
+                            display: inline-flex;
+                            align-items: center;
+                            vertical-align: middle;
+
+                            svg {
+                                width: 20px;
+                                height: 20px;
+                                color: $accent;
+                            }
+                        }
+                    }
+
+                    .mx_SpaceHierarchy_roomTile_info {
+                        grid-row: 2;
+                        grid-column: 2;
+                        font: var(--cpd-font-body-md-regular);
+                        font-weight: initial;
+                        line-height: $font-18px;
+                        color: $secondary-content;
+                        display: -webkit-box;
+                        -webkit-box-orient: vertical;
+                        -webkit-line-clamp: 2;
+                        overflow: hidden;
+                    }
+                }
+
+                .mx_SpaceHierarchy_actions {
+                    display: flex;
+                    align-items: center;
+                    column-gap: 12px;
+                    margin-left: auto;
+
+                    .mx_AccessibleButton {
+                        line-height: $font-24px;
+                        padding: 4px 16px;
+                        display: inline-block;
+                        visibility: hidden;
+                    }
+
+                    .mx_AccessibleButton_kind_danger_outline,
+                    .mx_AccessibleButton_kind_primary_outline {
+                        padding: 3px 16px; /* to account for the 1px border */
+                    }
+                }
+
+                &:hover,
+                &:focus-within {
+                    background-color: $spacePanel-bg-color;
+
+                    .mx_AccessibleButton {
+                        visibility: visible;
+                    }
+                }
+
+                &.mx_SpaceHierarchy_joining {
+                    .mx_AccessibleButton {
+                        visibility: visible;
+                        padding: 4px 18px;
+                    }
+                }
+            }
+        }
+    }
+
+    .mx_SpaceHierarchy_roomTile,
+    .mx_SpaceHierarchy_subspace_children {
+        &::before {
+            content: "";
+            position: absolute;
+            background-color: $spacePanel-bg-color;
+            width: 1px;
+            height: 100%;
+            left: 6px;
+            top: 0;
+        }
+    }
+
+    .mx_SpaceHierarchy_actions {
+        .mx_SpaceHierarchy_actionsText {
+            font-weight: normal;
+            font-size: $font-12px;
+            line-height: $font-15px;
+            color: $secondary-content;
+        }
+    }
+
+    > hr {
+        border: none;
+        height: 1px;
+        background-color: rgb(141, 151, 165, 0.2);
+        margin: 20px 0;
+    }
+
+    .mx_SpaceHierarchy_createRoom {
+        display: block;
+        margin: 16px auto 0;
+        width: max-content;
+    }
+}
diff --git a/apps/web/res/css/structures/_SpacePanel.pcss b/apps/web/res/css/structures/_SpacePanel.pcss
new file mode 100644
index 00000000000..95cc09eb346
--- /dev/null
+++ b/apps/web/res/css/structures/_SpacePanel.pcss
@@ -0,0 +1,370 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_SpacePanel {
+    --activeBackground-color: $panel-actions;
+    --activeBorder-color: $primary-content;
+    --activeBorder-transparent-gap: 1px;
+    --gutterSize: 14px;
+    --height-nested: 24px;
+    --height-topLevel: 32px;
+
+    background-color: var(--cpd-color-bg-canvas-default);
+    border-right: 1px solid var(--cpd-color-bg-subtle-primary);
+    flex: 0 0 auto;
+    padding: 0;
+    margin: 0;
+    position: relative;
+    /* 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;
+
+    &.collapsed {
+        width: 68px;
+    }
+
+    .mx_SpacePanel_toggleCollapse {
+        position: absolute;
+        width: 18px;
+        height: 18px;
+        border-radius: 50%;
+        background-color: $tertiary-content;
+        top: 19px; /* v-align with avatar */
+        right: -8px;
+
+        svg {
+            height: inherit;
+            width: inherit;
+            display: inline-block;
+            color: $background;
+            /* Slight alignment tweak to center the asset */
+            margin-left: 1px;
+        }
+
+        &:not(.expanded) {
+            opacity: 0;
+        }
+
+        &.expanded svg {
+            transform: rotate(180deg);
+            /* Slight alignment tweak to center the asset */
+            margin-left: -1px;
+        }
+    }
+
+    &:hover .mx_SpacePanel_toggleCollapse,
+    .mx_SpacePanel_toggleCollapse:focus-visible {
+        opacity: 1;
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
+    }
+
+    ul {
+        margin: 0;
+        list-style: none;
+        padding: 0;
+    }
+
+    .mx_SpaceButton_toggleCollapse {
+        cursor: pointer;
+    }
+
+    .mx_SpaceItem_dragging {
+        .mx_SpaceButton_toggleCollapse {
+            visibility: hidden;
+        }
+    }
+
+    .mx_SpaceItem {
+        display: inline-flex;
+        flex-flow: wrap;
+
+        &.mx_SpaceItem_narrow {
+            align-self: baseline;
+        }
+    }
+
+    .mx_SpaceItem.collapsed {
+        & > .mx_SpaceButton > .mx_SpaceButton_toggleCollapse {
+            padding: 0 10px;
+            margin: 0 -10px;
+        }
+
+        & > .mx_SpaceTreeLevel {
+            display: none;
+        }
+    }
+
+    .mx_SpaceItem_new {
+        position: relative;
+    }
+
+    .mx_SpaceItem:not(.hasSubSpaces) > .mx_SpaceButton {
+        margin-left: var(--gutterSize);
+        min-width: 40px;
+    }
+
+    .mx_SpaceButton {
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        padding: 4px 4px 4px 0;
+        width: 100%;
+        /* Override the unlayered cursor: grab; rule from react-beautiful-dnd */
+        cursor: pointer !important;
+
+        &.mx_SpaceButton_active {
+            &:not(.mx_SpaceButton_narrow) .mx_SpaceButton_selectionWrapper {
+                background-color: var(--activeBackground-color);
+            }
+
+            &.mx_SpaceButton_narrow .mx_SpaceButton_selectionWrapper {
+                padding: var(--activeBorder-transparent-gap);
+                border: 3px var(--activeBorder-color) solid;
+            }
+        }
+
+        .mx_SpaceButton_selectionWrapper {
+            position: relative;
+            display: flex;
+            flex: 1;
+            align-items: center;
+            border-radius: 12px;
+            padding: 4px;
+            width: calc(100% - 32px);
+            min-width: 0;
+        }
+
+        &.mx_SpaceButton_narrow .mx_SpaceButton_selectionWrapper {
+            flex: initial;
+            width: 32px;
+        }
+
+        .mx_SpaceButton_name {
+            flex: 1;
+            margin-left: 8px;
+            white-space: nowrap;
+            display: block;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            font: var(--cpd-font-body-md-regular);
+        }
+
+        .mx_SpaceButton_toggleCollapse {
+            height: 20px;
+            width: var(--gutterSize);
+            flex-shrink: 0;
+            padding: 10px 0;
+
+            svg {
+                width: 20px;
+                height: inherit;
+                display: inline-block;
+                color: $tertiary-content;
+                /* Re-align with parent */
+                margin-left: -3px;
+            }
+        }
+
+        .mx_SpaceButton_icon {
+            /* Calculate height excluding padding to allow svg to inherit */
+            width: calc(var(--height-topLevel) - 14px);
+            height: calc(var(--height-topLevel) - 14px);
+            flex-shrink: 0;
+            border-radius: 8px;
+            padding: 7px;
+            background-color: $panel-actions;
+
+            svg {
+                width: inherit;
+                height: inherit;
+                display: block;
+                color: $secondary-content;
+            }
+        }
+
+        &.mx_SpaceButton_new .mx_SpaceButton_icon {
+            background-color: unset;
+
+            svg {
+                color: $primary-content;
+                transition: all 0.2s ease-in-out; /* TODO transition */
+            }
+        }
+
+        &.mx_SpaceButton_newCancel .mx_SpaceButton_icon svg {
+            transform: rotate(45deg);
+        }
+
+        .mx_SpaceButton_menuButton {
+            width: 16px;
+            height: 16px;
+            padding: var(--cpd-space-0-5x);
+            flex-shrink: 0;
+            margin-top: auto;
+            margin-bottom: auto;
+            display: none;
+            position: absolute;
+            right: 4px;
+
+            svg {
+                width: inherit;
+                height: inherit;
+                display: block;
+                color: $primary-content;
+            }
+        }
+    }
+
+    .mx_SpaceTreeLevel {
+        display: flex;
+        flex-direction: column;
+        max-width: 250px;
+        min-width: 0;
+        flex-grow: 1;
+
+        .mx_SpaceTreeLevel {
+            /* Indent subspaces */
+            padding-left: 16px;
+        }
+    }
+
+    .mx_SpaceButton_avatarWrapper {
+        position: relative;
+        line-height: 0;
+    }
+
+    .mx_SpacePanel_badgeContainer {
+        /* Create a flexbox to make aligning dot badges easier */
+        display: flex;
+        align-items: center;
+        position: absolute;
+        right: -3px;
+        top: -3px;
+
+        .mx_SpacePanel_notificationBadge {
+            margin: 0 2px; /* centering */
+            background-clip: padding-box;
+        }
+
+        [data-badge-type="dot"] {
+            /* make the smaller dot occupy the same width for centering */
+            margin: 0 -1px 0 0;
+            border: 3px solid $spacePanel-bg-color;
+        }
+
+        [data-badge-type="badge_2char"],
+        [data-badge-type="badge_3char"] {
+            margin: -5px -5px 0 0;
+            border: 2px solid $spacePanel-bg-color;
+        }
+    }
+
+    .mx_SpaceButton:hover,
+    .mx_SpaceButton:focus-within,
+    .mx_SpaceButton_hasMenuOpen {
+        &:not(.mx_SpaceButton_narrow):not(.mx_SpaceButton_invite) .mx_SpaceButton_menuButton {
+            display: block;
+        }
+    }
+
+    .mx_SpaceItem:not(.mx_SpaceItem_new) {
+        .mx_SpaceButton:hover,
+        .mx_SpaceButton:focus-within,
+        .mx_SpaceButton_hasMenuOpen {
+            &:not(.mx_SpaceButton_narrow):not(.mx_SpaceButton_invite) .mx_SpaceButton_name {
+                max-width: calc(100% - 56px);
+            }
+        }
+    }
+
+    /* root space buttons are bigger and not indented */
+    & > .mx_AutoHideScrollbar {
+        flex: 1;
+        padding: 0 0 16px 0;
+        scrollbar-gutter: stable;
+
+        &.mx_IndicatorScrollbar_topOverflow {
+            mask-image: linear-gradient(to bottom, transparent, black 16px);
+        }
+
+        &.mx_IndicatorScrollbar_bottomOverflow {
+            mask-image: linear-gradient(
+                to top,
+                transparent,
+                rgb(255, 255, 255, 30%) 4px,
+                rgb(255, 255, 255, 55%) 8px,
+                rgb(255, 255, 255, 75%) 12px,
+                black 16px
+            );
+        }
+
+        &.mx_IndicatorScrollbar_topOverflow.mx_IndicatorScrollbar_bottomOverflow {
+            /* This stacks two gradients on top of one another, which lets us
+               have a fixed pixel offset from both top and bottom for the colour stops.
+               Note the top fade is much smaller because the spaces start close to the top,
+               so otherwise a large gradient suddenly appears when you scroll down.
+             */
+            mask-image:
+                linear-gradient(to bottom, transparent, black 16px),
+                linear-gradient(
+                    to top,
+                    transparent,
+                    rgb(255, 255, 255, 30%) 4px,
+                    rgb(255, 255, 255, 55%) 8px,
+                    rgb(255, 255, 255, 75%) 12px,
+                    black 16px
+                );
+            mask-position:
+                0% 0%,
+                0% 100%;
+            mask-size:
+                calc(100% - 10px) 50%,
+                calc(100% - 10px) 50%;
+            mask-repeat: no-repeat;
+        }
+    }
+}
+
+.mx_SpacePanel_contextMenu {
+    max-width: 360px;
+
+    .mx_SpacePanel_contextMenu_header {
+        margin: 12px 16px 12px;
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: $font-15px;
+        line-height: $font-18px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .mx_SpacePanel_contextMenu_separatorLabel {
+        color: $tertiary-content;
+        font-size: $font-10px;
+        line-height: $font-12px;
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+}
+
+.mx_SpacePanel_sharePublicSpace {
+    margin: 0;
+}
+
+.mx_SpacePanel_Tooltip_KeyboardShortcut {
+    kbd {
+        font-family: inherit;
+        text-transform: capitalize;
+    }
+}
diff --git a/apps/web/res/css/structures/_SpacePillButton.pcss b/apps/web/res/css/structures/_SpacePillButton.pcss
new file mode 100644
index 00000000000..eed2feb48a4
--- /dev/null
+++ b/apps/web/res/css/structures/_SpacePillButton.pcss
@@ -0,0 +1,48 @@
+/*
+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.
+*/
+
+.mx_SpacePillButton {
+    position: relative;
+    padding: 16px 32px 16px 72px;
+    width: 432px;
+    box-sizing: border-box;
+    border-radius: 8px;
+    border: 1px solid $input-border-color;
+    font-size: $font-17px;
+    font-weight: var(--cpd-font-weight-semibold);
+    margin: 20px 0;
+
+    > div {
+        margin-top: 4px;
+        font-weight: normal;
+        font-size: $font-15px;
+        color: $secondary-content;
+    }
+
+    svg {
+        position: absolute;
+        content: "";
+        width: 28px;
+        height: 28px;
+        top: 50%;
+        transform: translateY(-50%);
+        left: 22px;
+        color: $tertiary-content;
+    }
+
+    &:hover {
+        border-color: var(--cpd-color-bg-action-primary-rest);
+
+        svg {
+            color: var(--cpd-color-icon-primary);
+        }
+
+        > span {
+            color: $primary-content;
+        }
+    }
+}
diff --git a/apps/web/res/css/structures/_SpaceRoomView.pcss b/apps/web/res/css/structures/_SpaceRoomView.pcss
new file mode 100644
index 00000000000..60b7583443d
--- /dev/null
+++ b/apps/web/res/css/structures/_SpaceRoomView.pcss
@@ -0,0 +1,224 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_SpaceRoomView {
+    --innerWidth: 428px;
+
+    overflow-y: auto;
+    flex: 1;
+
+    .mx_MainSplit > div:first-child {
+        padding: 80px 60px;
+        flex-grow: 1;
+        max-height: 100%;
+        overflow-y: auto;
+
+        h1 {
+            margin: 0;
+            font-size: $font-24px;
+            font-weight: var(--cpd-font-weight-semibold);
+            color: $primary-content;
+            width: max-content;
+        }
+
+        .mx_SpaceRoomView_description {
+            font-size: $font-15px;
+            color: $secondary-content;
+            margin-top: 12px;
+            margin-bottom: 24px;
+            max-width: var(--innerWidth);
+        }
+
+        .mx_AddExistingToSpace {
+            max-width: var(--innerWidth);
+
+            .mx_AddExistingToSpace_content {
+                height: calc(100vh - 360px);
+                max-height: 400px;
+            }
+        }
+
+        .mx_SpaceRoomView_buttons {
+            display: block;
+            margin-top: 44px;
+            width: var(--innerWidth);
+            text-align: right; /* button alignment right */
+
+            .mx_AccessibleButton_hasKind {
+                padding: 8px 22px;
+                margin-left: 16px;
+            }
+
+            input.mx_AccessibleButton {
+                border: none; /* override default styles */
+            }
+        }
+
+        .mx_Field {
+            max-width: var(--innerWidth);
+
+            & + .mx_Field {
+                margin-top: 28px;
+            }
+        }
+
+        .mx_SpaceRoomView_errorText {
+            font-weight: var(--cpd-font-weight-semibold);
+            font-size: $font-12px;
+            line-height: $font-15px;
+            color: $alert;
+            margin-bottom: 28px;
+        }
+
+        .mx_AccessibleButton_disabled {
+            cursor: not-allowed;
+        }
+    }
+
+    .mx_SpaceRoomView_landing {
+        display: flex;
+        flex-direction: column;
+        min-width: 0;
+
+        .mx_SpaceRoomView_landing_header {
+            display: flex;
+            justify-content: space-between;
+
+            .mx_BaseAvatar {
+                width: 80px;
+            }
+        }
+
+        .mx_SpaceRoomView_landing_name {
+            margin: 24px 0 16px;
+            font-size: $font-15px;
+            color: $secondary-content;
+
+            > span {
+                display: flex;
+                flex-flow: column;
+                gap: 12px 0;
+
+                h1 {
+                    display: inline-block;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    width: 100%;
+                }
+            }
+
+            .mx_SpaceRoomView_landing_inviter {
+                .mx_BaseAvatar {
+                    margin-right: 4px;
+                    vertical-align: middle;
+                }
+            }
+        }
+
+        .mx_SpaceRoomView_landing_infoBar {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            gap: 12px;
+            flex-wrap: wrap;
+            line-height: $font-24px;
+
+            .mx_SpaceRoomView_landing_infoBar_interactive {
+                display: flex;
+                flex-wrap: wrap;
+                align-items: center;
+                gap: 12px 12px;
+
+                .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;
+
+                    svg {
+                        position: absolute;
+                    }
+                }
+
+                .mx_SpaceRoomView_landing_inviteButton {
+                    padding: 4px 18px 4px 40px;
+                    height: min-content;
+
+                    svg {
+                        left: 8px;
+                        height: 16px;
+                        width: 16px;
+                        color: var(--cpd-color-icon-on-solid-primary);
+                    }
+                }
+
+                .mx_SpaceRoomView_landing_settingsButton {
+                    width: 24px;
+                    height: 24px;
+
+                    svg {
+                        left: 0;
+                        top: 0;
+                        height: 24px;
+                        width: 24px;
+                        color: $tertiary-content;
+                    }
+                }
+            }
+        }
+
+        .mx_SpaceRoomView_landing_topic {
+            font-size: $font-15px;
+            margin-top: 12px;
+            margin-bottom: 16px;
+            white-space: pre-wrap;
+            word-wrap: break-word;
+        }
+
+        .mx_SearchBox {
+            margin: 0 0 20px;
+            flex: 0;
+        }
+    }
+
+    .mx_SpaceRoomView_inviteTeammates {
+        .mx_SpaceRoomView_inviteTeammates_buttons {
+            color: $secondary-content;
+            margin-top: 28px;
+
+            .mx_AccessibleButton {
+                position: relative;
+                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;
+
+                svg {
+                    position: absolute;
+                    height: 24px;
+                    width: 24px;
+                    top: 0;
+                    left: 0;
+                    color: var(--cpd-color-icon-primary);
+                }
+
+                & + .mx_AccessibleButton {
+                    margin-left: 32px;
+                }
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/structures/_SplashPage.pcss b/apps/web/res/css/structures/_SplashPage.pcss
new file mode 100644
index 00000000000..539fe1c76db
--- /dev/null
+++ b/apps/web/res/css/structures/_SplashPage.pcss
@@ -0,0 +1,41 @@
+/*
+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_SplashPage {
+    position: relative;
+    height: 100%;
+
+    &::before {
+        content: "";
+        display: block;
+        position: absolute;
+        z-index: -1;
+        opacity: 0.6;
+        background-image:
+            radial-gradient(
+                53.85% 66.75% at 87.55% 0%,
+                hsl(250deg, 76%, 71%, 0.261) 0%,
+                hsl(250deg, 100%, 88%, 0) 100%
+            ),
+            radial-gradient(41.93% 41.93% at 0% 0%, hsl(222deg, 29%, 20%, 0.28) 0%, hsl(250deg, 100%, 88%, 0) 100%),
+            radial-gradient(100% 100% at 0% 0%, hsl(250deg, 100%, 88%, 0.174) 0%, hsl(0deg, 100%, 86%, 0) 100%),
+            radial-gradient(106.35% 96.26% at 100% 0%, hsl(250deg, 100%, 88%, 0.4) 0%, hsl(167deg, 76%, 82%, 0) 100%);
+        /* blur to reduce color banding issues due to alpha-blending multiple gradients */
+        filter: blur(8px);
+        inset: -9px;
+        mask:
+            /* mask to dither resulting combined gradient */
+            url("/res/img/noise.png"),
+            /* gradient to apply different amounts of dithering to different parts of the gradient */
+            linear-gradient(
+                to bottom,
+                /* 10% dithering at the top */ rgb(0, 0, 0, 0.9) 20%,
+                /* 80% dithering at the bottom */ rgb(0, 0, 0, 0.2) 100%
+            );
+    }
+}
diff --git a/apps/web/res/css/structures/_TabbedView.pcss b/apps/web/res/css/structures/_TabbedView.pcss
new file mode 100644
index 00000000000..e02d42b199e
--- /dev/null
+++ b/apps/web/res/css/structures/_TabbedView.pcss
@@ -0,0 +1,143 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 The Matrix.org Foundation C.I.C.
+Copyright 2019 New Vector Ltd
+Copyright 2017 Travis Ralston
+
+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_TabbedView {
+    margin: 0;
+    padding: 0 0 0 var(--cpd-space-8x);
+    display: flex;
+    flex-direction: column;
+    inset: 0;
+    margin-top: 8px;
+}
+
+.mx_TabbedView_tabsOnLeft {
+    flex-direction: column;
+    position: absolute;
+
+    .mx_TabbedView_tabLabels {
+        width: 220px;
+        max-width: 220px;
+        position: fixed;
+        margin: 0; /* Remove the default value */
+        padding: 0; /* Remove the default value */
+    }
+
+    .mx_TabbedView_tabPanel {
+        margin-left: 280px; /* 220px sidebar + 60px padding */
+        flex-direction: column;
+    }
+
+    .mx_TabbedView_tabLabel:hover,
+    .mx_TabbedView_tabLabel_active {
+        color: $tab-label-active-fg-color;
+    }
+
+    .mx_TabbedView_tabLabel_active {
+        background-color: var(--cpd-color-bg-subtle-secondary);
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
+    }
+}
+
+.mx_TabbedView_tabsOnTop {
+    flex-direction: column;
+
+    .mx_TabbedView_tabLabels {
+        display: flex;
+        margin-bottom: 8px;
+    }
+
+    .mx_TabbedView_tabLabel {
+        padding-left: 0px;
+        padding-right: 52px;
+
+        .mx_TabbedView_tabLabel_text {
+            font-size: 15px;
+            color: $tertiary-content;
+        }
+    }
+
+    .mx_TabbedView_tabPanel {
+        flex-direction: row;
+    }
+
+    .mx_TabbedView_tabLabel_active {
+        color: $accent;
+        .mx_TabbedView_tabLabel_text {
+            color: $accent;
+        }
+    }
+}
+
+.mx_TabbedView_tabLabels {
+    color: $tab-label-fg-color;
+}
+
+.mx_TabbedView_tabLabel {
+    display: flex;
+    align-items: center;
+    vertical-align: text-top;
+    cursor: pointer;
+    padding-block: var(--cpd-space-2x);
+    padding-inline: var(--cpd-space-3x) var(--cpd-space-4x);
+    box-sizing: border-box;
+    min-block-size: 40px;
+    min-inline-size: 40px;
+    border-radius: 24px;
+    font: var(--cpd-font-body-md-medium);
+    position: relative;
+    transition:
+        color 0.1s,
+        background-color 0.1s;
+
+    svg {
+        width: 20px;
+        height: 20px;
+        margin-right: var(--cpd-space-3x);
+    }
+}
+
+.mx_TabbedView_tabLabel_text {
+    vertical-align: middle;
+}
+
+.mx_TabbedView_tabPanel {
+    flex-grow: 1;
+    display: flex;
+    min-height: 0; /* firefox */
+}
+
+.mx_TabbedView_tabPanelContent {
+    flex-grow: 1;
+    overflow: auto;
+    min-height: 0; /* firefox */
+}
+
+/* Hide the labels on tabs, showing only the icons, on narrow viewports. */
+@media (max-width: 1024px) {
+    .mx_TabbedView_tabsOnLeft.mx_TabbedView_responsive {
+        .mx_TabbedView_tabLabel_text {
+            display: none;
+        }
+        .mx_TabbedView_tabPanel {
+            margin-left: 72px; /* 40px sidebar + 32px padding */
+        }
+        .mx_TabbedView_tabLabels {
+            width: auto;
+        }
+        .mx_TabbedView_tabLabel {
+            padding-inline: 0 0;
+            justify-content: center;
+            svg {
+                margin-right: 0;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/structures/_ThreadsActivityCentre.pcss b/apps/web/res/css/structures/_ThreadsActivityCentre.pcss
new file mode 100644
index 00000000000..e9681be1d30
--- /dev/null
+++ b/apps/web/res/css/structures/_ThreadsActivityCentre.pcss
@@ -0,0 +1,102 @@
+/*
+ * 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.
+ */
+
+.mx_ThreadsActivityCentre_container {
+    display: flex;
+}
+
+.mx_ThreadsActivityCentreButton {
+    /* !important override compound */
+    border-radius: 8px !important;
+    margin: 18px auto auto auto;
+
+    &.expanded {
+        /**
+         * override compound default background color when hovered
+         * should disappear when the space panel will be migrated to compound
+         */
+        background-color: transparent !important;
+
+        /* align with settings icon */
+        margin-left: 21px;
+        margin-right: 8px;
+        width: 100%;
+
+        /**
+         * modify internal css of the compound component
+         * dirty but we need to add the `Threads` label into the indicator icon button
+         **/
+        & > div {
+            display: flex;
+            align-items: center;
+
+            &::before {
+                inline-size: 8px;
+                block-size: 8px;
+                left: 17px;
+            }
+        }
+
+        & .mx_ThreadsActivityCentreButton_Icon {
+            /* align with settings label */
+            margin-right: 14px;
+            /* required to set the icon width when into a flex container */
+            width: 24px;
+            flex-shrink: 0;
+        }
+
+        & .mx_ThreadsActivityCentreButton_Text {
+            /* !important override compound  */
+            color: $secondary-content !important;
+        }
+    }
+
+    &:not(.expanded) {
+        &:hover,
+        &:hover .mx_ThreadsActivityCentreButton_Icon {
+            /* !important override compound */
+            background-color: $quaternary-content !important;
+            fill: $primary-content;
+        }
+    }
+
+    & .mx_ThreadsActivityCentreButton_Icon {
+        fill: $secondary-content;
+    }
+}
+
+.mx_ThreadsActivityCentre_rows {
+    overflow-y: scroll;
+    /* Let some space at the top and the bottom of the pop-up */
+    max-height: calc(100vh - 200px);
+
+    .mx_ThreadsActivityCentreRow {
+        height: 48px;
+
+        /* Make the label of the MenuItem stay on one line and truncate with ellipsis if needed */
+        & > span {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            /* Arbitrary size, keep the TAC as the wanted width */
+            width: 202px;
+        }
+
+        /* Hide the notification badge on hover — compound's `nav-hint ~ *` rule would normally
+         * do this, but the app-web CSS layer overrides compound-web regardless of specificity. */
+        &:hover .mx_ThreadsActivityCentre_notificationBadge {
+            display: none;
+        }
+    }
+}
+
+.mx_ThreadsActivityCentre_emptyCaption {
+    padding-left: 16px;
+    padding-right: 16px;
+    font-size: 13px;
+}
diff --git a/apps/web/res/css/structures/_ToastContainer.pcss b/apps/web/res/css/structures/_ToastContainer.pcss
new file mode 100644
index 00000000000..6f5b8158ec7
--- /dev/null
+++ b/apps/web/res/css/structures/_ToastContainer.pcss
@@ -0,0 +1,111 @@
+/*
+Copyright 2026 Element Creations Ltd.
+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.
+*/
+
+.mx_ToastContainer {
+    position: absolute;
+    top: 12px;
+    left: 62px;
+    z-index: 101;
+    display: grid;
+    grid-template-rows: 1fr 28px 8px;
+
+    &.mx_ToastContainer_stacked::before {
+        content: "";
+        margin: 0 var(--cpd-space-1-5x);
+        grid-row: 2 / -1;
+        grid-column: 1;
+        background-color: $system;
+        box-shadow: 0px 4px 20px rgb(0, 0, 0, 0.5);
+        border-radius: var(--cpd-space-6x);
+    }
+
+    .mx_Toast_toast {
+        grid-row: 1 / 3;
+        grid-column: 1;
+        background-color: var(--cpd-color-bg-canvas-default);
+        color: $primary-content;
+        box-shadow: 0px 4px 24px rgb(0, 0, 0, 0.1);
+        border: var(--cpd-border-width-1) solid var(--cpd-color-border-interactive-secondary);
+        border-radius: var(--cpd-space-3x);
+        overflow: hidden;
+        display: grid;
+        grid-template-columns: 20px 1fr auto;
+        column-gap: var(--cpd-space-2x);
+        row-gap: 4px;
+        align-items: center;
+        padding: calc(var(--cpd-space-5x) - var(--cpd-border-width-1));
+
+        &.mx_Toast_hasIcon {
+            svg {
+                width: 20px;
+                height: 20px;
+                grid-column: 1;
+            }
+
+            .mx_Toast_title {
+                grid-column: 2;
+            }
+
+            .mx_Toast_closebutton {
+                grid-column: 3;
+            }
+        }
+        &:not(.mx_Toast_hasIcon) .mx_Toast_title {
+            grid-column: 1 / -1;
+        }
+
+        .mx_Toast_title {
+            display: flex;
+            align-items: center;
+            column-gap: var(--cpd-space-2x);
+            width: 100%;
+            box-sizing: border-box;
+
+            h2 {
+                margin: 0;
+                font: var(--cpd-font-body-lg-semibold);
+                display: inline;
+                width: auto;
+            }
+        }
+
+        .mx_Toast_body {
+            grid-column: 1 / -1;
+            grid-row: 2;
+        }
+
+        .mx_Toast_buttons {
+            display: flex;
+            justify-content: flex-end;
+            column-gap: var(--cpd-space-2x);
+
+            .mx_AccessibleButton {
+                min-width: 96px;
+                box-sizing: border-box;
+            }
+        }
+
+        .mx_Toast_description {
+            max-width: 272px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            margin: var(--cpd-space-1x) 0 11px 0;
+            color: $secondary-content;
+            font: var(--cpd-font-body-sm-regular);
+
+            a {
+                text-decoration: none;
+            }
+        }
+
+        .mx_Toast_deviceID {
+            font-size: $font-10px;
+        }
+    }
+}
diff --git a/apps/web/res/css/structures/_UploadBar.pcss b/apps/web/res/css/structures/_UploadBar.pcss
new file mode 100644
index 00000000000..2c34ce7f7e2
--- /dev/null
+++ b/apps/web/res/css/structures/_UploadBar.pcss
@@ -0,0 +1,55 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015, 2016 , 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.
+*/
+
+.mx_UploadBar {
+    /* line up with the shield area in the composer */
+    padding: 5px 21px 0;
+    position: relative;
+
+    display: grid;
+    grid-template:
+        "icon     filename cancel" auto
+        "progress progress progress" auto
+        / min-content auto min-content;
+    gap: var(--cpd-space-1-5x);
+
+    & > svg {
+        grid-area: icon;
+        height: 18px;
+        width: 18px;
+        color: $muted-fg-color;
+        align-self: center;
+    }
+
+    .mx_UploadBar_filename {
+        grid-area: filename;
+        color: $muted-fg-color;
+        position: relative;
+        font-size: $font-15px;
+        vertical-align: middle;
+    }
+
+    .mx_UploadBar_cancel {
+        grid-area: cancel;
+        height: 16px;
+        width: 16px;
+        color: $muted-fg-color;
+        align-self: center;
+    }
+
+    .mx_ProgressBar {
+        grid-area: progress;
+        width: 100%;
+    }
+}
+
+.mx_ThreadView {
+    .mx_UploadBar {
+        padding-left: 0;
+    }
+}
diff --git a/apps/web/res/css/structures/_ViewSource.pcss b/apps/web/res/css/structures/_ViewSource.pcss
new file mode 100644
index 00000000000..952aa6be14f
--- /dev/null
+++ b/apps/web/res/css/structures/_ViewSource.pcss
@@ -0,0 +1,44 @@
+/*
+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_ViewSource {
+    pre {
+        font-size: $font-12px;
+        padding: 0.5em 1em;
+        word-wrap: break-word;
+        white-space: pre-wrap;
+        overflow-wrap: anywhere;
+    }
+
+    .mx_ViewSource_header {
+        border-bottom: 1px solid $quinary-content;
+        padding-bottom: var(--cpd-space-3x);
+        margin-bottom: var(--cpd-space-3x);
+        font-family: monospace;
+
+        .mx_CopyableText {
+            word-break: break-all;
+        }
+    }
+
+    .mx_ViewSource_heading {
+        font-size: $font-17px;
+        font-weight: 400;
+        color: $primary-content;
+        margin-top: var(--cpd-space-3x);
+    }
+
+    .mx_ViewSource_details {
+        margin-top: var(--cpd-space-3x);
+    }
+
+    .mx_CopyableText_border {
+        box-sizing: border-box;
+        width: 100%;
+    }
+}
diff --git a/apps/web/res/css/structures/auth/_CompleteSecurity.pcss b/apps/web/res/css/structures/auth/_CompleteSecurity.pcss
new file mode 100644
index 00000000000..d8e9e4b4aff
--- /dev/null
+++ b/apps/web/res/css/structures/auth/_CompleteSecurity.pcss
@@ -0,0 +1,53 @@
+/*
+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.
+*/
+
+.mx_CompleteSecurity_header {
+    display: flex;
+    align-items: center;
+}
+
+.mx_E2EIcon.mx_CompleteSecurity_headerIcon {
+    width: 24px;
+    height: 24px;
+    margin-right: 4px;
+    display: inline-block;
+}
+
+.mx_E2EIcon.mx_CompleteSecurity_heroIcon {
+    width: 128px;
+    height: 128px;
+    margin: 0 auto;
+}
+
+.mx_CompleteSecurity_skip {
+    @mixin customisedCancelButton;
+    position: absolute;
+    right: 24px;
+}
+
+.mx_CompleteSecurity_body {
+    font-size: $font-15px;
+}
+
+.mx_CompleteSecurity_waiting {
+    color: $tertiary-content;
+}
+
+.mx_CompleteSecurity_actionRow {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: $font-28px;
+
+    .mx_AccessibleButton {
+        margin-inline-start: 18px;
+
+        &.warning {
+            color: $alert;
+        }
+    }
+}
diff --git a/apps/web/res/css/structures/auth/_ConfirmSessionLockTheftView.pcss b/apps/web/res/css/structures/auth/_ConfirmSessionLockTheftView.pcss
new file mode 100644
index 00000000000..5a4a427fdf7
--- /dev/null
+++ b/apps/web/res/css/structures/auth/_ConfirmSessionLockTheftView.pcss
@@ -0,0 +1,22 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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.
+*/
+
+.mx_ConfirmSessionLockTheftView {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.mx_ConfirmSessionLockTheftView_body {
+    display: flex;
+    flex-direction: column;
+    max-width: 400px;
+    align-items: center;
+}
diff --git a/apps/web/res/css/structures/auth/_Login.pcss b/apps/web/res/css/structures/auth/_Login.pcss
new file mode 100644
index 00000000000..e8445dc493b
--- /dev/null
+++ b/apps/web/res/css/structures/auth/_Login.pcss
@@ -0,0 +1,87 @@
+/*
+Copyright 2019-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_Login_submit {
+    width: 100%;
+    margin-top: 24px;
+    margin-bottom: 24px;
+}
+
+.mx_Login_loader {
+    display: inline;
+    position: relative;
+    top: 2px;
+    left: 8px;
+}
+
+.mx_Login_loader .mx_Spinner {
+    display: inline;
+}
+
+.mx_Login_loader .mx_Spinner img {
+    width: 16px;
+    height: 16px;
+}
+
+.mx_Login_error {
+    color: $alert;
+    font-weight: bold;
+    text-align: center;
+    margin-top: 12px;
+    margin-bottom: 12px;
+}
+
+.mx_Login_error.mx_Login_serverError {
+    text-align: left;
+    font-weight: normal;
+}
+
+.mx_Login_error.mx_Login_serverError.mx_Login_serverErrorNonFatal {
+    color: #ff8d13; /* Only used here */
+}
+
+.mx_Login_type_container {
+    display: flex;
+    align-items: center;
+    color: $authpage-primary-color;
+
+    .mx_Field {
+        margin: 0;
+    }
+}
+
+.mx_Login_type_label {
+    flex: 1;
+}
+
+.mx_Login_underlinedServerName {
+    width: max-content;
+    border-bottom: 1px dashed $accent;
+}
+
+div.mx_AccessibleButton_kind_link.mx_Login_forgot {
+    display: block;
+    margin-top: 24px;
+
+    &.mx_AccessibleButton_disabled {
+        cursor: not-allowed;
+    }
+}
+
+.mx_Login_spinner {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    align-content: center;
+    padding: 14px;
+}
+
+.mx_Login_fullWidthButton {
+    width: 100%;
+    margin-bottom: 16px;
+}
diff --git a/apps/web/res/css/structures/auth/_LoginSplashView.pcss b/apps/web/res/css/structures/auth/_LoginSplashView.pcss
new file mode 100644
index 00000000000..89e94b38917
--- /dev/null
+++ b/apps/web/res/css/structures/auth/_LoginSplashView.pcss
@@ -0,0 +1,43 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-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.
+*/
+
+.mx_LoginSplashView_migrationProgress {
+    display: flex;
+    flex-direction: column;
+
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+
+    .mx_ProgressBar {
+        height: 8px;
+        width: 600px;
+
+        @mixin ProgressBarBorderRadius 8px;
+    }
+}
+
+.mx_LoginSplashView_splashButtons {
+    text-align: center;
+    width: 100%;
+    position: absolute;
+    bottom: 30px;
+}
+
+.mx_LoginSplashView_syncError {
+    color: $accent-fg-color;
+    background-color: #df2a8b; /* Only used here */
+    border-radius: 5px;
+    display: table;
+    padding: 30px;
+    position: absolute;
+    top: 100px;
+    left: 50%;
+    transform: translateX(-50%);
+}
diff --git a/apps/web/res/css/structures/auth/_MobileRegistration.pcss b/apps/web/res/css/structures/auth/_MobileRegistration.pcss
new file mode 100644
index 00000000000..77c4b78e14c
--- /dev/null
+++ b/apps/web/res/css/structures/auth/_MobileRegistration.pcss
@@ -0,0 +1,13 @@
+/*
+Copyright 2024 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_MobileRegister_body {
+    padding: 32px;
+    height: 100vh;
+    overflow-y: auto;
+    box-sizing: border-box;
+}
diff --git a/apps/web/res/css/structures/auth/_Registration.pcss b/apps/web/res/css/structures/auth/_Registration.pcss
new file mode 100644
index 00000000000..4527e262d85
--- /dev/null
+++ b/apps/web/res/css/structures/auth/_Registration.pcss
@@ -0,0 +1,51 @@
+/*
+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_Register_mainContent {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    min-height: 270px;
+
+    p {
+        font: var(--cpd-font-body-md-regular);
+        color: $authpage-primary-color;
+
+        &.secondary {
+            color: $authpage-secondary-color;
+        }
+    }
+
+    > img:first-child {
+        margin-bottom: 16px;
+        width: max-content;
+    }
+
+    .mx_Login_submit {
+        margin-bottom: 0;
+    }
+}
+
+/* Medium rather than the bold every other auth error uses: this one sits directly above the button it
+   is disabling, and does not need to shout over it. Scoped so the login errors keep their weight. */
+.mx_Login_error.mx_Registration_rateLimitError {
+    font-weight: var(--cpd-font-weight-medium);
+}
+
+.mx_Register_footerActions {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    padding-top: 16px;
+    margin-top: 16px;
+    border-top: 1px solid rgb(141, 151, 165, 0.2);
+
+    > * {
+        flex-basis: content;
+    }
+}
diff --git a/apps/web/res/css/structures/auth/_SessionLockStolenView.pcss b/apps/web/res/css/structures/auth/_SessionLockStolenView.pcss
new file mode 100644
index 00000000000..a17206ecfd5
--- /dev/null
+++ b/apps/web/res/css/structures/auth/_SessionLockStolenView.pcss
@@ -0,0 +1,22 @@
+/*
+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.
+*/
+
+.mx_SessionLockStolenView {
+    h1 {
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: $font-32px;
+        text-align: center;
+    }
+
+    h2 {
+        margin: 0;
+        font-weight: 500;
+        font-size: $font-24px;
+        text-align: center;
+    }
+}
diff --git a/apps/web/res/css/structures/auth/_SetupEncryptionBody.pcss b/apps/web/res/css/structures/auth/_SetupEncryptionBody.pcss
new file mode 100644
index 00000000000..204e1f5c597
--- /dev/null
+++ b/apps/web/res/css/structures/auth/_SetupEncryptionBody.pcss
@@ -0,0 +1,11 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_SetupEncryptionBody {
+    width: 600px;
+}
diff --git a/apps/web/res/css/views/audio_messages/_PlaybackContainer.pcss b/apps/web/res/css/views/audio_messages/_PlaybackContainer.pcss
new file mode 100644
index 00000000000..6aba6a150e4
--- /dev/null
+++ b/apps/web/res/css/views/audio_messages/_PlaybackContainer.pcss
@@ -0,0 +1,105 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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.
+*/
+
+/* Dev note: there's no actual component called <PlaybackContainer />. These classes */
+/* are shared amongst multiple voice message components. */
+
+/* Container for live recording and playback controls */
+.mx_VoiceMessagePrimaryContainer {
+    /* Match mx_MediaBody spacing, offsetting the waveform's 1px internal right padding. */
+    padding: 6px 11px 6px 12px;
+
+    /* Cheat at alignment a bit */
+    display: flex;
+    align-items: center;
+
+    contain: content;
+
+    .mx_Waveform,
+    .mx_RecordingPlayback_timelineLayoutMiddle {
+        min-width: 0; /* Prevent a blowout */
+    }
+
+    /* Waveforms are present in live recording only */
+    .mx_Waveform {
+        /* default, overridden in JS */
+        --barHeight: 1;
+        .mx_Waveform_bar {
+            background-color: $quaternary-content;
+            height: 100%;
+            transform: scaleY(max(0.05, var(--barHeight)));
+
+            &.mx_Waveform_bar_100pct {
+                /* Small animation to remove the mechanical feel of progress */
+                transition: background-color 250ms ease;
+                background-color: $secondary-content;
+            }
+        }
+    }
+
+    .mx_Clock {
+        width: $font-42px; /* we're not using a monospace font, so fake it */
+        min-width: $font-42px; /* force sensible layouts in awkward flexboxes (file panel, for example) */
+        padding-right: 6px; /* with the fixed width this ends up as a visual 8px most of the time, as intended. */
+        padding-left: 8px; /* isolate from recording circle / play control */
+    }
+
+    .mx_RecordingPlayback_timelineLayoutMiddle {
+        margin-left: 8px;
+        margin-right: 6px;
+        position: relative;
+        display: inline-block;
+        flex: 1;
+        height: 30px; /* same height as mx_Waveform, needed for automatic vertical centering */
+
+        .mx_Waveform {
+            left: 0;
+            top: 0;
+        }
+
+        .mx_SeekBar {
+            position: absolute;
+            left: 0;
+            height: 30px;
+            top: -2px; /* visually vertically centered */
+
+            /* Hide the hairline progress bar since we're at 100% height. Need to have distinct rules */
+            /* because CSS is weird. */
+            background: none;
+            &::before {
+                background: none;
+            }
+            &::-moz-range-progress {
+                background: none;
+            }
+
+            /* Make the thumb easier to see. Like the SeekBar original styles, these need to be */
+            /* distinct. We make it transparent so it doesn't show up on the UI, but also larger */
+            /* so it's easier to grab by mouse users in some browsers. Most browsers let the user */
+            /* move and drag the thumb regardless of hitting the thumb, however. */
+            &::-webkit-slider-thumb {
+                width: 10px;
+                height: 10px;
+                background-color: transparent;
+            }
+            &::-moz-range-thumb {
+                width: 10px;
+                height: 10px;
+                background-color: transparent;
+            }
+        }
+
+        /* For timeline-rendered playback, the clock is on the other side of the waveform. */
+        & + .mx_Clock {
+            text-align: right;
+
+            /* Take the padding off the clock because it's accounted for by the `timelineLayoutMiddle` */
+            padding: 0;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/audio_messages/_SeekBar.pcss b/apps/web/res/css/views/audio_messages/_SeekBar.pcss
new file mode 100644
index 00000000000..980595905c3
--- /dev/null
+++ b/apps/web/res/css/views/audio_messages/_SeekBar.pcss
@@ -0,0 +1,99 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+/* CSS inspiration from: */
+/* * https://www.w3schools.com/howto/howto_js_rangeslider.asp */
+/* * https://stackoverflow.com/a/28283806 */
+/* * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */
+
+.mx_SeekBar {
+    /* default, overridden in JS */
+    --fillTo: 1;
+
+    /* Dev note: we deliberately do not have the -ms-track (and friends) selectors because we don't */
+    /* need to support IE. */
+
+    appearance: none; /* default style override */
+
+    width: 100%;
+    height: 1px;
+    background: $quaternary-content;
+    outline: none; /* remove blue selection border */
+    position: relative; /* for before+after pseudo elements later on */
+
+    cursor: pointer;
+
+    &::-webkit-slider-thumb {
+        appearance: none; /* default style override */
+
+        /* Dev note: This needs to be duplicated with the -moz-range-thumb selector */
+        /* because otherwise Edge (webkit) will fail to see the styles and just refuse */
+        /* to apply them. */
+        width: 8px;
+        height: 8px;
+        border-radius: 8px;
+        background-color: $tertiary-content;
+        cursor: pointer;
+    }
+
+    &::-moz-range-thumb {
+        width: 8px;
+        height: 8px;
+        border-radius: 8px;
+        background-color: $tertiary-content;
+        cursor: pointer;
+
+        /* Firefox adds a border on the thumb */
+        border: none;
+    }
+
+    /* This is for webkit support, but we can't limit the functionality of it to just webkit */
+    /* browsers. Firefox responds to webkit-prefixed values now, which means we can't use media */
+    /* or support queries to selectively apply the rule. An upside is that this CSS doesn't work */
+    /* in firefox, so it's just wasted CPU/GPU time. */
+    &::before {
+        /* ::before to ensure it ends up under the thumb */
+        content: "";
+        background-color: $tertiary-content;
+
+        /* Absolute positioning to ensure it overlaps with the existing bar */
+        position: absolute;
+        top: 0;
+        left: 0;
+
+        /* Sizing to match the bar */
+        width: 100%;
+        height: 1px;
+
+        /* And finally dynamic width without overly hurting the rendering engine. */
+        transform-origin: 0 100%;
+        transform: scaleX(var(--fillTo));
+    }
+
+    /* This is firefox's built-in support for the above, with 100% less hacks. */
+    &::-moz-range-progress {
+        background-color: $tertiary-content;
+        height: 1px;
+    }
+
+    &:disabled {
+        opacity: 0.5;
+    }
+
+    /* Increase clickable area for the slider (approximately same size as browser default) */
+    /* We do it this way to keep the same padding and margins of the element, avoiding margin math. */
+    /* Source: https://front-back.com/expand-clickable-areas-for-a-better-touch-experience/ */
+    &::after {
+        content: "";
+        position: absolute;
+        top: -6px;
+        bottom: -6px;
+        left: 0;
+        right: 0;
+    }
+}
diff --git a/apps/web/res/css/views/audio_messages/_Waveform.pcss b/apps/web/res/css/views/audio_messages/_Waveform.pcss
new file mode 100644
index 00000000000..cb548f7694c
--- /dev/null
+++ b/apps/web/res/css/views/audio_messages/_Waveform.pcss
@@ -0,0 +1,32 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_Waveform {
+    position: relative;
+    height: 30px; /* tallest bar can only be 30px */
+    top: 1px; /* because of our border trick (see below), we're off by 1px of aligntment */
+
+    display: flex;
+    align-items: center; /* so the bars grow from the middle */
+
+    overflow: hidden; /* this is cheaper than a `max-height: calc(100% - 4px)` in the bar's CSS. */
+
+    /* A bar is meant to be a 2x2 circle when at zero height, and otherwise a 2px wide line */
+    /* with rounded caps. */
+    .mx_Waveform_bar {
+        width: 0; /* 0px width means we'll end up using the border as our width */
+        border: 1px solid transparent; /* transparent means we'll use the background colour */
+        border-radius: 2px; /* rounded end caps, based on the border */
+        min-height: 0; /* like the width, we'll rely on the border to give us height */
+        max-height: 100%; /* this makes the `height: 42%` work on the element */
+        margin-left: 1px; /* we want 2px between each bar, so 1px on either side for balance */
+        margin-right: 1px;
+
+        /* background color is handled by the parent components */
+    }
+}
diff --git a/apps/web/res/css/views/auth/_AuthBody.pcss b/apps/web/res/css/views/auth/_AuthBody.pcss
new file mode 100644
index 00000000000..43dd1510122
--- /dev/null
+++ b/apps/web/res/css/views/auth/_AuthBody.pcss
@@ -0,0 +1,276 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 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_AuthBody {
+    width: 500px;
+    font-size: $font-12px;
+    color: $authpage-secondary-color;
+    background-color: $background;
+    border-radius: 0 var(--cpd-space-6x) var(--cpd-space-6x) 0;
+    padding: 25px 60px;
+    box-sizing: border-box;
+
+    strong {
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+
+    &.mx_AuthBody_flex {
+        display: flex;
+        flex-direction: column;
+    }
+
+    h1 {
+        font-size: $font-24px;
+        font-weight: var(--cpd-font-weight-semibold);
+        margin-top: var(--cpd-space-2x);
+        color: $authpage-primary-color;
+    }
+
+    h2 {
+        font: var(--cpd-font-body-md-semibold);
+        color: $authpage-secondary-color;
+    }
+
+    h2.mx_AuthBody_centered {
+        text-align: center;
+    }
+
+    a:link,
+    a:hover,
+    a:visited {
+        color: $accent;
+        text-decoration: none;
+    }
+
+    fieldset {
+        display: block;
+    }
+
+    .mx_AuthBody_icon {
+        width: 44px;
+        height: 44px;
+    }
+
+    .mx_AuthBody_lockIcon {
+        color: $secondary-content;
+        height: 32px;
+        width: 32px;
+    }
+
+    .mx_AuthBody_text {
+        margin-bottom: var(--cpd-space-12x);
+        margin-top: 0;
+    }
+
+    input[type="text"],
+    input[type="password"] {
+        color: $authpage-primary-color;
+    }
+
+    .mx_Field label {
+        color: $authpage-secondary-color;
+    }
+
+    .mx_Field input,
+    .mx_Field select {
+        color: $authpage-primary-color;
+        background-color: $background;
+    }
+
+    .mx_Field_labelAlwaysTopLeft label,
+    .mx_Field select + label /* Always show a select's label on top to not collide with the value */,
+    .mx_Field input:focus + label,
+    .mx_Field input:not(:placeholder-shown) + label,
+    .mx_Field textarea:focus + label,
+    .mx_Field textarea:not(:placeholder-shown) + label {
+        background-color: $background;
+    }
+
+    input.error {
+        color: $alert;
+    }
+
+    .mx_Login_submit {
+        height: 32px;
+        margin-top: var(--cpd-space-4x);
+    }
+
+    .mx_ErrorMessage {
+        margin-bottom: 12px;
+        margin-top: 2px;
+    }
+
+    .mx_Field input {
+        box-sizing: border-box;
+    }
+
+    .mx_Field_select::before {
+        background-color: $authpage-primary-color;
+    }
+
+    .mx_Dropdown {
+        color: $authpage-primary-color;
+    }
+
+    .mx_Dropdown_arrow {
+        color: $authpage-primary-color;
+    }
+
+    .mx_Dropdown_menu {
+        background-color: $background;
+
+        .mx_Dropdown_option_highlight {
+            background-color: $authpage-focus-bg-color;
+        }
+    }
+}
+
+/* specialisation for password reset views */
+.mx_AuthBody.mx_AuthBody_forgot-password {
+    font: var(--cpd-font-body-md-regular);
+    color: $primary-content;
+    padding: 50px 32px;
+    min-height: 600px;
+
+    h1 {
+        margin: var(--cpd-space-6x) 0;
+    }
+
+    .mx_AuthBody_button-container {
+        display: flex;
+        justify-content: center;
+    }
+
+    .mx_Login_submit {
+        margin: 0 0 var(--cpd-space-4x);
+    }
+
+    .mx_AuthBody_text {
+        margin-bottom: var(--cpd-space-8x);
+
+        p {
+            margin: 0 0 var(--cpd-space-2x);
+        }
+    }
+
+    .mx_AuthBody_sign-in-instead-button {
+        font-weight: var(--cpd-font-weight-semibold);
+        padding: var(--cpd-space-1x);
+    }
+
+    .mx_AuthBody_fieldRow {
+        margin-bottom: var(--cpd-space-6x);
+    }
+
+    .mx_AccessibleButton.mx_AccessibleButton_hasKind {
+        background: none;
+
+        &:disabled {
+            cursor: default;
+            opacity: 0.4;
+        }
+    }
+}
+
+.mx_AuthBody_did-not-receive {
+    align-items: center;
+    color: $secondary-content;
+    display: flex;
+    gap: var(--cpd-space-2x);
+}
+
+.mx_AuthBody_resend-button {
+    align-items: center;
+    border-radius: 8px;
+    color: $accent;
+    display: flex;
+    gap: var(--cpd-space-1x);
+    padding: var(--cpd-space-1x);
+
+    &:hover {
+        background-color: $system;
+    }
+}
+
+.mx_AuthBody_emailPromptIcon {
+    width: 57px;
+}
+
+.mx_AuthBody_emailPromptIcon--shifted {
+    margin-bottom: -17px; /* Prevent layout jump by relative positioning. */
+    position: relative;
+    top: -17px; /* This icon is higher than the other icons. Shift up to prevent icon jumping. */
+    width: 57px;
+}
+
+.mx_AuthBody_fieldRow {
+    display: flex;
+    margin-bottom: 10px;
+}
+
+.mx_AuthBody_fieldRow > .mx_Field {
+    margin: 0 5px;
+}
+
+.mx_AuthBody_fieldRow > .mx_Field:first-child {
+    margin-left: 0;
+}
+
+.mx_AuthBody_fieldRow > .mx_Field:last-child {
+    margin-right: 0;
+}
+
+.mx_AuthBody_paddedFooter {
+    height: 80px; /* height of the submit button + register link */
+    padding-top: 28px;
+    text-align: center;
+
+    .mx_AuthBody_paddedFooter_title {
+        margin-top: var(--cpd-space-4x);
+        font-size: $font-15px;
+        line-height: $font-24px;
+
+        .mx_InlineSpinner svg {
+            vertical-align: sub;
+            margin-right: 5px;
+        }
+    }
+
+    .mx_AuthBody_paddedFooter_subtitle {
+        margin-top: var(--cpd-space-2x);
+        font-size: $font-10px;
+        line-height: $font-14px;
+    }
+}
+
+.mx_AuthBody_changeFlow {
+    display: block;
+    text-align: center;
+
+    > a {
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+}
+
+.mx_SSOButtons + .mx_AuthBody_changeFlow {
+    margin-top: var(--cpd-space-6x);
+}
+
+.mx_AuthBody_spinner {
+    margin: 1em 0;
+}
+
+@media only screen and (max-width: 480px) {
+    .mx_AuthBody {
+        border-radius: 4px;
+        width: auto;
+        max-width: 500px;
+        padding: 10px;
+    }
+}
diff --git a/apps/web/res/css/views/auth/_AuthFooter.pcss b/apps/web/res/css/views/auth/_AuthFooter.pcss
new file mode 100644
index 00000000000..57545e7691d
--- /dev/null
+++ b/apps/web/res/css/views/auth/_AuthFooter.pcss
@@ -0,0 +1,22 @@
+/*
+Copyright 2019-2024 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_AuthFooter {
+    text-align: center;
+    width: 100%;
+    font: var(--cpd-font-body-md-regular);
+    opacity: 0.72;
+    padding: 20px 0;
+    background: linear-gradient(rgb(0, 0, 0, 0), rgb(0, 0, 0, 0.8));
+}
+
+.mx_AuthFooter a:link,
+.mx_AuthFooter a:hover,
+.mx_AuthFooter a:visited {
+    color: $accent-fg-color;
+    margin: 0 22px;
+}
diff --git a/apps/web/res/css/views/auth/_AuthHeader.pcss b/apps/web/res/css/views/auth/_AuthHeader.pcss
new file mode 100644
index 00000000000..c9133ed8cfe
--- /dev/null
+++ b/apps/web/res/css/views/auth/_AuthHeader.pcss
@@ -0,0 +1,20 @@
+/*
+Copyright 2019-2024 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_AuthHeader {
+    display: flex;
+    flex-direction: column;
+    width: 206px;
+    padding: 25px 25px;
+    box-sizing: border-box;
+}
+
+@media only screen and (max-width: 480px) {
+    .mx_AuthHeader {
+        display: none;
+    }
+}
diff --git a/apps/web/res/css/views/auth/_AuthHeaderLogo.pcss b/apps/web/res/css/views/auth/_AuthHeaderLogo.pcss
new file mode 100644
index 00000000000..431d77e163b
--- /dev/null
+++ b/apps/web/res/css/views/auth/_AuthHeaderLogo.pcss
@@ -0,0 +1,22 @@
+/*
+Copyright 2019-2024 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_AuthHeaderLogo {
+    margin-top: 15px;
+    flex: 1;
+    padding: 0 25px;
+}
+
+.mx_AuthHeaderLogo img {
+    width: 100%;
+}
+
+@media only screen and (max-width: 480px) {
+    .mx_AuthHeaderLogo {
+        display: none;
+    }
+}
diff --git a/apps/web/res/css/views/auth/_AuthPage.pcss b/apps/web/res/css/views/auth/_AuthPage.pcss
new file mode 100644
index 00000000000..e7a578b2f1d
--- /dev/null
+++ b/apps/web/res/css/views/auth/_AuthPage.pcss
@@ -0,0 +1,41 @@
+/*
+Copyright 2019-2024 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_AuthPage {
+    width: 100%;
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+    background-color: $authpage-bg-color;
+    height: 100vh;
+    overflow: auto;
+}
+
+.mx_AuthPage_modal {
+    display: flex;
+    margin: 100px auto auto;
+    border-radius: var(--cpd-space-6x);
+    background-color: $authpage-modal-bg-color;
+
+    @media only screen and (max-height: 768px) {
+        margin-top: 50px;
+    }
+
+    @media only screen and (max-width: 480px) {
+        margin-top: 0;
+    }
+
+    &.mx_AuthPage_modal_withBlur {
+        /* Apply a blurred shadow around the modal */
+        box-shadow: 0 2px 4px 0 rgb(0, 0, 0, 0.33);
+
+        .mx_AuthPage_modalContent {
+            /* Make the modal's background semitransparent */
+            background-color: $authpage-modal-content-with-blur-bg-color;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/auth/_CompleteSecurityBody.pcss b/apps/web/res/css/views/auth/_CompleteSecurityBody.pcss
new file mode 100644
index 00000000000..d17914ead1f
--- /dev/null
+++ b/apps/web/res/css/views/auth/_CompleteSecurityBody.pcss
@@ -0,0 +1,33 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 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_CompleteSecurityBody {
+    color: $authpage-primary-color;
+    background-color: $background;
+    border-radius: 24px;
+    padding: 20px 20px 60px 20px;
+    box-sizing: border-box;
+
+    h2 {
+        font-size: $font-24px;
+        font-weight: var(--cpd-font-weight-semibold);
+        margin-top: 0;
+    }
+
+    h3 {
+        font: var(--cpd-font-body-md-semibold);
+    }
+
+    a:link,
+    a:hover,
+    a:visited {
+        color: $accent;
+        text-decoration: none;
+    }
+}
diff --git a/apps/web/res/css/views/auth/_CountryDropdown.pcss b/apps/web/res/css/views/auth/_CountryDropdown.pcss
new file mode 100644
index 00000000000..aed6ab71d8b
--- /dev/null
+++ b/apps/web/res/css/views/auth/_CountryDropdown.pcss
@@ -0,0 +1,25 @@
+/*
+Copyright 2019-2024 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_CountryDropdown .mx_Dropdown_input .mx_Dropdown_option {
+    padding: 0 3px;
+}
+
+.mx_CountryDropdown .mx_Dropdown_arrow {
+    padding-right: 3px;
+}
+
+.mx_CountryDropdown_shortOption {
+    display: inline-flex;
+    align-items: center;
+    height: 100%;
+}
+
+.mx_CountryDropdown_option {
+    display: flex;
+    align-items: center;
+}
diff --git a/apps/web/res/css/views/auth/_DefaultWelcome.pcss b/apps/web/res/css/views/auth/_DefaultWelcome.pcss
new file mode 100644
index 00000000000..08183e77b10
--- /dev/null
+++ b/apps/web/res/css/views/auth/_DefaultWelcome.pcss
@@ -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.
+*/
+
+.mx_DefaultWelcome {
+    text-align: center;
+
+    .mx_DefaultWelcome_logo img {
+        height: 48px;
+        aspect-ratio: auto;
+        display: block;
+        margin: 0 auto;
+    }
+
+    h1 {
+        margin: var(--cpd-space-4x) 0 var(--cpd-space-2x);
+    }
+
+    p {
+        color: var(--cpd-color-text-secondary);
+        margin-top: var(--cpd-space-2x);
+    }
+
+    .mx_DefaultWelcome_buttons {
+        margin: var(--cpd-space-6x) 0 var(--cpd-space-1x);
+        padding-bottom: var(--cpd-space-4x);
+        border-bottom: 1px solid var(--cpd-color-separator-primary);
+
+        a {
+            width: 380px;
+            margin-bottom: var(--cpd-space-4x);
+        }
+    }
+}
+
+.mx_WelcomePage_registrationDisabled {
+    .mx_DefaultWelcome_buttons_register {
+        display: none;
+    }
+}
diff --git a/apps/web/res/css/views/auth/_InteractiveAuthEntryComponents.pcss b/apps/web/res/css/views/auth/_InteractiveAuthEntryComponents.pcss
new file mode 100644
index 00000000000..cd458ee57ed
--- /dev/null
+++ b/apps/web/res/css/views/auth/_InteractiveAuthEntryComponents.pcss
@@ -0,0 +1,84 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+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_InteractiveAuthEntryComponents {
+    .mx_InteractiveAuthEntryComponents_termsSubmit {
+        margin-top: 20px;
+        margin-bottom: 5px;
+        width: 100%;
+        box-sizing: border-box; /* prevent overflowing */
+    }
+}
+
+.mx_InteractiveAuthEntryComponents_msisdnWrapper {
+    text-align: center;
+}
+
+.mx_InteractiveAuthEntryComponents_msisdnEntry {
+    font-size: 200%;
+    font-weight: bold;
+    border: 1px solid $strong-input-border-color;
+    border-radius: 3px;
+    width: 6em;
+}
+
+.mx_InteractiveAuthEntryComponents_msisdnEntry:focus {
+    border: 1px solid $accent;
+}
+
+.mx_InteractiveAuthEntryComponents_msisdnSubmit {
+    margin-top: 4px;
+    margin-bottom: 5px;
+}
+
+/* XXX: This should be a common button class */
+.mx_InteractiveAuthEntryComponents_msisdnSubmit:disabled {
+    background-color: $light-fg-color;
+    cursor: default;
+}
+
+.mx_InteractiveAuthEntryComponents_termsPolicy {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+}
+
+.mx_InteractiveAuthEntryComponents_passwordSection {
+    width: 300px;
+}
+
+.mx_InteractiveAuthEntryComponents_sso_buttons {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    margin-top: 20px;
+
+    .mx_AccessibleButton {
+        margin-left: 5px;
+    }
+}
+
+.mx_InteractiveAuthEntryComponents_emailWrapper {
+    /* "Resend" button/link */
+    .mx_AccessibleButton_kind_link_inline {
+        /* We need this to be an inline-block so positioning works correctly */
+        display: inline-block !important;
+
+        /* Spinner as end adornment of the "resend" button/link */
+        .mx_Spinner {
+            /* Spinners are usually block elements, but we need it as inline element */
+            display: inline-flex !important;
+            /* Spinners by default fill all available width, but we don't want that */
+            width: auto !important;
+            /* We need to center the spinner relative to the button/link */
+            vertical-align: middle !important;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/auth/_LanguageSelector.pcss b/apps/web/res/css/views/auth/_LanguageSelector.pcss
new file mode 100644
index 00000000000..e620cd8ab50
--- /dev/null
+++ b/apps/web/res/css/views/auth/_LanguageSelector.pcss
@@ -0,0 +1,21 @@
+/*
+Copyright 2019-2024 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_AuthBody_language {
+    width: 100%;
+}
+
+.mx_AuthBody_language .mx_Dropdown_input {
+    border: none;
+    font: var(--cpd-font-body-md-semibold);
+    color: $authpage-lang-color;
+    width: auto;
+}
+
+.mx_AuthBody_language .mx_Dropdown_arrow {
+    color: $authpage-lang-color;
+}
diff --git a/apps/web/res/css/views/auth/_LoginWithQR.pcss b/apps/web/res/css/views/auth/_LoginWithQR.pcss
new file mode 100644
index 00000000000..9649f51d244
--- /dev/null
+++ b/apps/web/res/css/views/auth/_LoginWithQR.pcss
@@ -0,0 +1,192 @@
+/*
+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_LoginWithQRSection p {
+    margin-top: 0;
+    margin-bottom: var(--cpd-space-4x);
+}
+
+.mx_LoginWithQRSection {
+    .mx_AccessibleButton_kind_primary + p {
+        color: var(--cpd-color-text-secondary);
+        margin-top: var(--cpd-space-2x);
+    }
+}
+
+.mx_LoginWithQRSection .mx_AccessibleButton svg {
+    margin-right: var(--cpd-space-3x);
+}
+
+.mx_LoginWithQR_dialog .mx_Dialog {
+    padding: var(--cpd-space-12x) var(--cpd-space-12x) var(--cpd-space-10x);
+
+    .mx_LoginWithQR {
+        width: 500px;
+    }
+}
+
+.mx_LoginWithQR {
+    display: flex;
+    flex-direction: column;
+    min-height: 500px;
+    font: var(--cpd-font-body-md-regular);
+
+    h1 {
+        font-size: $font-24px;
+        margin-bottom: 0;
+    }
+
+    h2 {
+        margin-top: var(--cpd-space-6x);
+    }
+
+    .mx_LoginWithQR_qrWrapper {
+        display: flex;
+        padding: var(--cpd-space-7x) 0;
+
+        .mx_Spinner {
+            /* Match the size of the QR code to prevent jumps */
+            height: 200px;
+            width: 200px;
+        }
+    }
+
+    .mx_LoginWithQR_confirmationDigits {
+        text-align: center;
+        margin: var(--cpd-space-12x) auto;
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: $font-24px;
+        color: $primary-content;
+    }
+
+    .mx_LoginWithQR_confirmationAlert {
+        border: 1px solid $quaternary-content;
+        border-radius: var(--cpd-space-2x);
+        padding: var(--cpd-space-2x);
+        line-height: 1.5em;
+        display: flex;
+
+        svg {
+            height: 30px;
+        }
+    }
+
+    .mx_LoginWithQR_separator {
+        margin: 1em 0;
+    }
+
+    ol {
+        padding-inline-start: 0;
+        list-style: none; /* list markers do not support the outlined number styling we need */
+
+        li {
+            position: relative;
+            padding-left: var(--cpd-space-7x);
+            color: 1px solid $input-placeholder;
+            margin-bottom: var(--cpd-space-4x);
+            line-height: 20px;
+            text-align: initial;
+        }
+
+        /* Circled number list item marker */
+        li::before {
+            content: counter(list-item);
+            position: absolute;
+            left: 0;
+            display: inline-block;
+            width: 20px;
+            height: 20px;
+            line-height: 20px;
+            border-radius: 50%;
+            border: 1px solid $input-placeholder;
+            box-sizing: border-box;
+            text-align: center;
+        }
+    }
+
+    label[for="mx_LoginWithQR_checkCode"] {
+        margin-top: var(--cpd-space-6x);
+        color: var(--cpd-color-text-primary);
+        margin-bottom: var(--cpd-space-1x);
+    }
+
+    .mx_LoginWithQR_checkCode_input {
+        margin-bottom: var(--cpd-space-1x);
+        text-align: initial;
+
+        input {
+            /* Workaround for one of the input rules in _common.pcss being not specific enough */
+            padding: 0;
+            padding-inline-start: calc(40px / 2 - (1ch / 2));
+        }
+    }
+
+    .mx_LoginWithQR_heading {
+        display: flex;
+        gap: var(--cpd-space-3x);
+        align-items: center;
+    }
+
+    .mx_LoginWithQR_BackButton {
+        height: var(--cpd-space-7x);
+        border-radius: var(--cpd-space-7x);
+        padding: var(--cpd-space-1x);
+        box-sizing: border-box;
+        background-color: var(--cpd-color-bg-subtle-secondary);
+        svg {
+            height: 100%;
+        }
+    }
+
+    .mx_LoginWithQR_breadcrumbs {
+        font-size: $font-13px;
+        color: $secondary-content;
+    }
+
+    .mx_LoginWithQR_main {
+        display: flex;
+        flex-direction: column;
+        flex-grow: 1;
+        align-items: center;
+        color: $primary-content;
+        text-align: center;
+
+        p {
+            color: $secondary-content;
+            margin-bottom: var(--cpd-space-8x);
+        }
+    }
+
+    .mx_LoginWithQR_buttons {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: var(--cpd-space-4x);
+        margin-top: var(--cpd-space-6x);
+
+        .mx_AccessibleButton {
+            width: 300px;
+            height: 48px;
+            box-sizing: border-box;
+        }
+    }
+
+    .mx_QRCode {
+        border-radius: var(--cpd-space-2x);
+        display: flex;
+        justify-content: center;
+    }
+
+    .mx_LoginWithQR_spinner {
+        flex-grow: 1;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100%;
+    }
+}
diff --git a/apps/web/res/css/views/auth/_PassphraseField.pcss b/apps/web/res/css/views/auth/_PassphraseField.pcss
new file mode 100644
index 00000000000..146d501516f
--- /dev/null
+++ b/apps/web/res/css/views/auth/_PassphraseField.pcss
@@ -0,0 +1,31 @@
+/*
+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.
+*/
+
+$PassphraseStrengthHigh: $accent;
+$PassphraseStrengthMedium: $username-variant5-color;
+$PassphraseStrengthLow: $alert;
+
+progress.mx_PassphraseField_progress {
+    appearance: none;
+    width: 100%;
+    border: 0;
+    height: 4px;
+    position: absolute;
+    top: -10px;
+    left: 0;
+
+    @mixin ProgressBarBorderRadius "2px";
+    @mixin ProgressBarColour $PassphraseStrengthLow;
+    &[value="2"],
+    &[value="3"] {
+        @mixin ProgressBarColour $PassphraseStrengthMedium;
+    }
+    &[value="4"] {
+        @mixin ProgressBarColour $PassphraseStrengthHigh;
+    }
+}
diff --git a/apps/web/res/css/views/auth/_Welcome.pcss b/apps/web/res/css/views/auth/_Welcome.pcss
new file mode 100644
index 00000000000..12598f32931
--- /dev/null
+++ b/apps/web/res/css/views/auth/_Welcome.pcss
@@ -0,0 +1,31 @@
+/*
+Copyright 2019-2024 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_Welcome {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: var(--cpd-color-bg-canvas-default);
+    box-sizing: border-box;
+    padding: var(--cpd-space-11x) var(--cpd-space-12x) var(--cpd-space-4x);
+
+    &.mx_WelcomePage_registrationDisabled {
+        .mx_ButtonCreateAccount {
+            display: none;
+        }
+    }
+}
+
+.mx_Welcome .mx_AuthBody_language {
+    width: 160px;
+    margin: var(--cpd-space-1x) 0;
+}
+
+/* Invert image colours in dark mode. */
+.cpd-theme-dark .mx_WelcomePage_logo {
+    filter: invert(1);
+}
diff --git a/apps/web/res/css/views/avatars/_BaseAvatar.pcss b/apps/web/res/css/views/avatars/_BaseAvatar.pcss
new file mode 100644
index 00000000000..f1d6e0390e5
--- /dev/null
+++ b/apps/web/res/css/views/avatars/_BaseAvatar.pcss
@@ -0,0 +1,15 @@
+/*
+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.
+*/
+
+button.mx_BaseAvatar {
+    /* <button> is a form element and by default it uses the user agent (browser) styling.
+       We want it to inherit the font-family and line-height from its parent.
+     */
+    font-family: inherit;
+    line-height: inherit;
+}
diff --git a/apps/web/res/css/views/avatars/_DecoratedRoomAvatar.pcss b/apps/web/res/css/views/avatars/_DecoratedRoomAvatar.pcss
new file mode 100644
index 00000000000..2e124d56d2c
--- /dev/null
+++ b/apps/web/res/css/views/avatars/_DecoratedRoomAvatar.pcss
@@ -0,0 +1,77 @@
+/*
+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.
+*/
+
+.mx_DecoratedRoomAvatar,
+.mx_ExtraTile {
+    position: relative;
+    contain: content;
+    line-height: 0;
+
+    &.mx_DecoratedRoomAvatar_cutout .mx_BaseAvatar {
+        mask-image: url("/res/img/element-icons/roomlist/decorated-avatar-mask.svg");
+        mask-position: center;
+        mask-size: contain;
+        mask-repeat: no-repeat;
+    }
+
+    .mx_DecoratedRoomAvatar_icon {
+        position: absolute;
+        /* the following percentage based sizings are to match the scalable svg mask for the cutout */
+        bottom: 6.25%; /* 2px for a 32x32 avatar */
+        right: 6.25%;
+        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_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;
+    }
+
+    .mx_DecoratedRoomAvatar_notificationBadge,
+    .mx_RoomTile_badgeContainer {
+        position: absolute;
+        top: 0;
+        right: 0;
+        height: 18px;
+        width: 18px;
+    }
+}
diff --git a/apps/web/res/css/views/avatars/_RoomAvatarView.pcss b/apps/web/res/css/views/avatars/_RoomAvatarView.pcss
new file mode 100644
index 00000000000..11995aec8d8
--- /dev/null
+++ b/apps/web/res/css/views/avatars/_RoomAvatarView.pcss
@@ -0,0 +1,49 @@
+/*
+ * 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_RoomAvatarView {
+    --room-avatar-size: 32px;
+
+    position: relative;
+
+    /* Keep the container to the same size than the avatar */
+    inline-size: var(--room-avatar-size);
+    block-size: var(--room-avatar-size);
+
+    .mx_RoomAvatarView_RoomAvatar {
+        mask-position: center;
+        mask-size: contain;
+        mask-repeat: no-repeat;
+        pointer-events: none;
+    }
+
+    .mx_RoomAvatarView_RoomAvatar_icon {
+        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");
+    }
+
+    .mx_RoomAvatarView_icon {
+        position: absolute;
+
+        /* Place half the icon inside the avatar */
+        /* Avatar size - (icon size (16px) / 2) */
+        left: calc((var(--room-avatar-size) - 8px));
+        bottom: var(--cpd-space-0-5x);
+    }
+
+    .mx_RoomAvatarView_PresenceDecoration {
+        position: absolute;
+
+        /* Place half the icon inside the avatar */
+        /* Avatar size - (icon size (8px) / 2) */
+        left: calc((var(--room-avatar-size) - 4px));
+        bottom: var(--cpd-space-0-5x);
+    }
+}
diff --git a/apps/web/res/css/views/avatars/_WidgetAvatar.pcss b/apps/web/res/css/views/avatars/_WidgetAvatar.pcss
new file mode 100644
index 00000000000..c02b717e006
--- /dev/null
+++ b/apps/web/res/css/views/avatars/_WidgetAvatar.pcss
@@ -0,0 +1,12 @@
+/*
+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.
+*/
+
+.mx_WidgetAvatar {
+    /* !important override compound avatar */
+    border-radius: 4px !important;
+}
diff --git a/apps/web/res/css/views/avatars/_WithPresenceIndicator.pcss b/apps/web/res/css/views/avatars/_WithPresenceIndicator.pcss
new file mode 100644
index 00000000000..68a0f0dbca9
--- /dev/null
+++ b/apps/web/res/css/views/avatars/_WithPresenceIndicator.pcss
@@ -0,0 +1,19 @@
+/*
+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.
+*/
+
+.mx_WithPresenceIndicator {
+    position: relative;
+    contain: content;
+    line-height: 0;
+
+    .mx_WithPresenceIndicator_icon {
+        position: absolute;
+        right: 0px;
+        bottom: 2px;
+    }
+}
diff --git a/apps/web/res/css/views/beta/_BetaCard.pcss b/apps/web/res/css/views/beta/_BetaCard.pcss
new file mode 100644
index 00000000000..5197e035e4e
--- /dev/null
+++ b/apps/web/res/css/views/beta/_BetaCard.pcss
@@ -0,0 +1,124 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_BetaCard {
+    padding: var(--cpd-space-6x);
+    background-color: $panels;
+    border-radius: 8px;
+    box-sizing: border-box;
+    color: $secondary-content;
+
+    .mx_BetaCard_columns {
+        display: flex;
+        flex-flow: wrap;
+        gap: var(--cpd-space-5x);
+        justify-content: center;
+
+        .mx_BetaCard_columns_description {
+            flex: 1;
+
+            .mx_BetaCard_title {
+                font-weight: var(--cpd-font-weight-semibold);
+                font-size: $font-18px;
+                line-height: $font-22px;
+                color: $primary-content;
+                margin: var(--cpd-space-1x) 0 14px;
+
+                display: flex;
+                align-items: center;
+                column-gap: var(--cpd-space-3x);
+            }
+
+            .mx_BetaCard_caption {
+                font-size: $font-15px;
+                line-height: $font-20px;
+            }
+
+            .mx_BetaCard_buttons {
+                display: flex;
+                flex-wrap: wrap-reverse;
+                gap: var(--cpd-space-3x);
+                margin: var(--cpd-space-5x) auto 0;
+
+                .mx_AccessibleButton {
+                    padding: 7px 40px;
+                    width: auto;
+                    flex: 1;
+                    white-space: nowrap; /* text might overflow */
+
+                    &:nth-child(1) {
+                        order: 2; /* Place feedback button top and right */
+                    }
+                }
+            }
+
+            .mx_BetaCard_refreshWarning {
+                margin-top: var(--cpd-space-2x);
+                font-size: $font-10px;
+                text-align: center;
+            }
+
+            .mx_BetaCard_faq {
+                margin-top: var(--cpd-space-5x);
+                font: var(--cpd-font-body-xs-regular);
+
+                > h4 {
+                    margin: var(--cpd-space-3x) 0 0;
+                }
+
+                > p {
+                    margin: 0;
+                }
+            }
+        }
+
+        .mx_BetaCard_columns_image_wrapper {
+            margin: auto 0;
+
+            .mx_BetaCard_columns_image {
+                width: 100%;
+                max-width: 300px;
+                object-fit: contain;
+                height: 100%;
+                border-radius: 4px;
+            }
+        }
+    }
+
+    .mx_BetaCard_relatedSettings {
+        .mx_SettingsFlag {
+            margin: var(--cpd-space-4x) 0 0;
+            font-size: $font-15px;
+            line-height: $font-24px;
+            color: $primary-content;
+
+            .mx_SettingsFlag_microcopy {
+                margin-top: var(--cpd-space-1x);
+                font: var(--cpd-font-body-sm-regular);
+            }
+        }
+    }
+}
+
+.mx_BetaCard_betaPill {
+    background-color: $accent-alt;
+    padding: var(--cpd-space-1x) 10px;
+    border-radius: 8px;
+    text-transform: uppercase;
+    font-size: $font-12px;
+    font-weight: var(--cpd-font-weight-semibold);
+    line-height: 15px;
+    color: $button-primary-fg-color;
+    display: inline-block;
+    vertical-align: text-bottom;
+    word-break: keep-all; /* avoid multiple lines on CJK language */
+
+    &.mx_AccessibleButton {
+        cursor: pointer;
+    }
+}
diff --git a/apps/web/res/css/views/context_menus/_DeviceContextMenu.pcss b/apps/web/res/css/views/context_menus/_DeviceContextMenu.pcss
new file mode 100644
index 00000000000..565b2dfd198
--- /dev/null
+++ b/apps/web/res/css/views/context_menus/_DeviceContextMenu.pcss
@@ -0,0 +1,15 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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.
+*/
+
+.mx_DeviceContextMenu {
+    max-width: 252px;
+
+    .mx_IconizedContextMenu_label {
+        padding-left: 0 !important;
+    }
+}
diff --git a/apps/web/res/css/views/context_menus/_IconizedContextMenu.pcss b/apps/web/res/css/views/context_menus/_IconizedContextMenu.pcss
new file mode 100644
index 00000000000..ca6ada17f41
--- /dev/null
+++ b/apps/web/res/css/views/context_menus/_IconizedContextMenu.pcss
@@ -0,0 +1,147 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-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.
+*/
+
+/* A context menu that largely fits the | [icon]    [label] | format. */
+.mx_IconizedContextMenu {
+    min-width: 146px;
+    width: max-content;
+    /* override default ul styles */
+    margin: 0;
+    padding: 0;
+
+    .mx_IconizedContextMenu_optionList {
+        & > * {
+            padding-left: 20px;
+            padding-right: 20px;
+        }
+
+        .mx_IconizedContextMenu_optionList_label {
+            font-size: $font-15px;
+            font-weight: var(--cpd-font-weight-semibold);
+        }
+
+        /* the notFirst class is for cases where the optionList might be under a header of sorts. */
+        &:nth-child(n + 2),
+        .mx_IconizedContextMenu_optionList_notFirst {
+            border-top: var(--cpd-border-width-1) solid var(--cpd-color-gray-400);
+        }
+
+        /* round the top corners of the top button for the hover effect to be bounded */
+        &:first-child .mx_IconizedContextMenu_item:first-child {
+            border-radius: 8px 8px 0 0; /* radius matches .mx_ContextualMenu */
+        }
+
+        /* round the bottom corners of the bottom button for the hover effect to be bounded */
+        &:last-child .mx_IconizedContextMenu_item:last-child {
+            border-radius: 0 0 8px 8px; /* radius matches .mx_ContextualMenu */
+        }
+
+        /* round all corners of the only button for the hover effect to be bounded */
+        &:first-child:last-child .mx_IconizedContextMenu_item:first-child:last-child {
+            border-radius: 8px; /* radius matches .mx_ContextualMenu */
+        }
+
+        .mx_IconizedContextMenu_item {
+            /* pad the inside of the button so that the hover background is padded too */
+            padding-top: 12px;
+            padding-bottom: 12px;
+            text-decoration: none;
+            color: $primary-content;
+            font: var(--cpd-font-body-md-regular);
+
+            /* Create a flexbox to more easily define the list items */
+            display: flex;
+            align-items: center;
+
+            &:hover,
+            &:focus-visible {
+                background-color: var(--cpd-color-bg-action-secondary-hovered);
+            }
+
+            &.mx_AccessibleButton_disabled {
+                opacity: 0.5;
+                cursor: not-allowed;
+            }
+
+            span.mx_IconizedContextMenu_label {
+                /* labels */
+                width: 100%;
+                flex: 1;
+
+                /* Ellipsize any text overflow */
+                text-overflow: ellipsis;
+                overflow: hidden;
+                white-space: nowrap;
+            }
+
+            svg {
+                width: 16px;
+                height: 16px;
+                display: block;
+                flex-shrink: 0;
+
+                & + .mx_IconizedContextMenu_label {
+                    padding-left: 14px;
+                }
+            }
+
+            .mx_BetaCard_betaPill {
+                margin-left: 16px;
+            }
+        }
+    }
+
+    .mx_IconizedContextMenu_optionList_red {
+        .mx_IconizedContextMenu_item {
+            color: $alert !important;
+        }
+
+        svg {
+            color: var(--cpd-color-icon-critical-primary);
+        }
+    }
+
+    .mx_IconizedContextMenu_option_red {
+        color: $alert !important;
+
+        svg {
+            color: $alert;
+        }
+    }
+
+    .mx_IconizedContextMenu_active {
+        &.mx_IconizedContextMenu_item,
+        .mx_IconizedContextMenu_item {
+            color: $accent !important;
+
+            svg {
+                color: $accent;
+            }
+        }
+    }
+
+    &.mx_IconizedContextMenu_compact {
+        .mx_IconizedContextMenu_optionList > * {
+            padding: 8px 16px 8px 12px;
+        }
+    }
+
+    svg.mx_IconizedContextMenu_checked {
+        margin-left: 16px;
+        margin-right: -5px;
+    }
+
+    .mx_IconizedContextMenu_sublabel {
+        margin-left: 20px;
+        color: $tertiary-content;
+    }
+}
+
+.mx_IconizedContextMenu_item.mx_IconizedContextMenu_itemDestructive {
+    color: $alert !important;
+}
diff --git a/apps/web/res/css/views/context_menus/_LegacyCallContextMenu.pcss b/apps/web/res/css/views/context_menus/_LegacyCallContextMenu.pcss
new file mode 100644
index 00000000000..e6ec26c8fba
--- /dev/null
+++ b/apps/web/res/css/views/context_menus/_LegacyCallContextMenu.pcss
@@ -0,0 +1,14 @@
+/*
+Copyright 2020-2024 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_LegacyCallContextMenu_item {
+    width: 205px;
+    height: 40px;
+    padding-left: 16px;
+    line-height: 40px;
+    vertical-align: center;
+}
diff --git a/apps/web/res/css/views/dialogs/_AddExistingToSpaceDialog.pcss b/apps/web/res/css/views/dialogs/_AddExistingToSpaceDialog.pcss
new file mode 100644
index 00000000000..7433ac1a40c
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_AddExistingToSpaceDialog.pcss
@@ -0,0 +1,221 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_AddExistingToSpaceDialog_wrapper {
+    .mx_Dialog {
+        display: flex;
+        flex-direction: column;
+    }
+}
+
+.mx_AddExistingToSpace {
+    .mx_SearchBox {
+        /* To match the space around the title */
+        margin: 0 0 15px 0;
+        flex-grow: 0;
+    }
+
+    .mx_AddExistingToSpace_content {
+        flex-grow: 1;
+    }
+
+    .mx_AddExistingToSpace_noResults {
+        display: block;
+        margin-top: 24px;
+    }
+
+    .mx_AddExistingToSpace_section {
+        margin-right: 12px;
+
+        ul {
+            list-style: none;
+            padding-left: 0;
+        }
+
+        /* provides space for scrollbar so that checkbox and scrollbar do not collide */
+        &:not(:first-child) {
+            margin-top: 24px;
+        }
+
+        > h3 {
+            margin: 0;
+            color: $secondary-content;
+            font-size: $font-12px;
+            font-weight: var(--cpd-font-weight-semibold);
+            line-height: $font-15px;
+        }
+
+        .mx_AccessibleButton_kind_link {
+            font-size: $font-12px;
+            line-height: $font-15px;
+            margin-top: 8px;
+        }
+    }
+
+    .mx_AddExistingToSpace_footer {
+        display: flex;
+        margin-top: 20px;
+
+        > span {
+            flex-grow: 1;
+            font-size: $font-12px;
+            line-height: $font-15px;
+            color: $secondary-content;
+
+            .mx_ProgressBar {
+                height: 8px;
+                width: 100%;
+
+                @mixin ProgressBarBorderRadius 8px;
+            }
+
+            .mx_AddExistingToSpaceDialog_progressText {
+                margin-top: 8px;
+                font-size: $font-15px;
+                line-height: $font-24px;
+                color: $primary-content;
+            }
+
+            > * {
+                vertical-align: middle;
+            }
+        }
+
+        .mx_AddExistingToSpace_error {
+            padding-left: 12px;
+
+            > img {
+                align-self: center;
+            }
+
+            .mx_AddExistingToSpace_errorHeading {
+                font-weight: var(--cpd-font-weight-semibold);
+                font-size: $font-15px;
+                line-height: $font-18px;
+                color: $alert;
+            }
+
+            .mx_AddExistingToSpace_errorCaption {
+                margin-top: 4px;
+                font-size: $font-12px;
+                line-height: $font-15px;
+                color: $primary-content;
+            }
+        }
+
+        .mx_AccessibleButton {
+            display: inline-block;
+            align-self: center;
+        }
+
+        .mx_AccessibleButton_kind_primary {
+            padding: 8px 36px;
+        }
+
+        .mx_AddExistingToSpaceDialog_retryButton svg {
+            color: $primary-content;
+            width: 18px;
+            height: 18px;
+            margin-right: var(--cpd-space-2x);
+        }
+    }
+}
+
+.mx_AddExistingToSpaceDialog {
+    width: 480px;
+    color: $primary-content;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    min-height: 0;
+    height: 80vh;
+
+    .mx_AddExistingToSpace {
+        display: contents;
+    }
+}
+
+.mx_SubspaceSelector {
+    display: flex;
+
+    .mx_BaseAvatar {
+        margin: auto 16px auto 5px;
+    }
+
+    > div {
+        > h1 {
+            font-weight: var(--cpd-font-weight-semibold);
+            font-size: $font-18px;
+            line-height: $font-22px;
+            margin: 0;
+        }
+    }
+
+    .mx_Dropdown_input {
+        border: none;
+
+        > .mx_Dropdown_option {
+            padding-left: 0;
+            flex: unset;
+            height: unset;
+            color: $secondary-content;
+            font-size: $font-15px;
+            line-height: $font-24px;
+
+            .mx_BaseAvatar {
+                display: none;
+            }
+        }
+
+        .mx_SubspaceSelector_dropdownOptionActive {
+            color: $accent;
+            padding-right: 24px;
+            position: relative;
+
+            svg {
+                width: 20px;
+                height: 20px;
+                right: 0;
+                position: absolute;
+                color: $accent;
+            }
+        }
+    }
+
+    .mx_SubspaceSelector_onlySpace {
+        color: $secondary-content;
+        font-size: $font-15px;
+        line-height: $font-24px;
+    }
+}
+
+.mx_AddExistingToSpace_entry {
+    display: flex;
+    margin-top: 12px;
+
+    form {
+        /* Align checkboxes. */
+        margin-top: auto;
+        margin-bottom: auto;
+    }
+
+    /* we can't target .mx_BaseAvatar here as it'll break the decorated avatar styling */
+    .mx_DecoratedRoomAvatar {
+        margin-right: 12px;
+    }
+
+    .mx_AddExistingToSpace_entry_name {
+        font-size: $font-15px;
+        line-height: 30px;
+        flex-grow: 1;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        margin-right: 12px;
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_AnalyticsLearnMoreDialog.pcss b/apps/web/res/css/views/dialogs/_AnalyticsLearnMoreDialog.pcss
new file mode 100644
index 00000000000..5bafec7c0f4
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_AnalyticsLearnMoreDialog.pcss
@@ -0,0 +1,54 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_AnalyticsLearnMoreDialog {
+    max-width: 500px;
+    .mx_AnalyticsLearnMore_image_holder {
+        background-image: url("/res/img/element-shiny.svg");
+        background-repeat: no-repeat;
+        background-position: center top;
+        height: 112px;
+        padding: 20px 0px;
+    }
+
+    .mx_Dialog_content {
+        margin-bottom: 0px;
+    }
+
+    .mx_AnalyticsLearnMore_copy {
+        border-bottom: 1px solid $menu-border-color;
+        padding-bottom: 20px;
+        margin-bottom: 20px;
+    }
+
+    a {
+        color: $accent;
+        text-decoration: none;
+    }
+
+    .mx_AnalyticsLearnMore_bullets {
+        padding-left: 0px;
+    }
+
+    .mx_AnalyticsLearnMore_bullets li {
+        list-style-type: none;
+        padding: 2px 0 0 32px;
+        margin-bottom: 20px;
+        vertical-align: middle;
+        position: relative;
+
+        svg {
+            position: absolute;
+            width: 26px;
+            height: 26px;
+            left: 0;
+            top: 0;
+            color: #0dbd8b;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_BugReportDialog.pcss b/apps/web/res/css/views/dialogs/_BugReportDialog.pcss
new file mode 100644
index 00000000000..8f825a97571
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_BugReportDialog.pcss
@@ -0,0 +1,15 @@
+/*
+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.
+*/
+
+.mx_BugReportDialog {
+    .mx_BugReportDialog_download {
+        .mx_AccessibleButton_kind_link {
+            margin-right: 18px; /* Space between "Downloading logs..." */
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_ChangelogDialog.pcss b/apps/web/res/css/views/dialogs/_ChangelogDialog.pcss
new file mode 100644
index 00000000000..b5c1398062d
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_ChangelogDialog.pcss
@@ -0,0 +1,16 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016 Aviral Dasgupta
+
+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_ChangelogDialog_content {
+    max-height: 300px;
+    overflow: auto;
+}
+
+.mx_ChangelogDialog_li {
+    padding: 0.2em;
+}
diff --git a/apps/web/res/css/views/dialogs/_CompoundDialog.pcss b/apps/web/res/css/views/dialogs/_CompoundDialog.pcss
new file mode 100644
index 00000000000..1c3ba01f1c9
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_CompoundDialog.pcss
@@ -0,0 +1,83 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+/* -------------------------------------------------------------------------------- */
+/* DEV NOTE: This stylesheet covers dialogs listed by the compound, including */
+/* over multiple React components. The actual inner contents of the dialog should */
+/* be in their respective stylesheets. */
+/* -------------------------------------------------------------------------------- */
+
+/* Override legacy/default styles for dialogs */
+.mx_Dialog_wrapper.mx_CompoundDialog .mx_Dialog {
+    padding: 0; /* we'll manage it ourselves */
+    color: $primary-content;
+}
+
+.mx_CompoundDialog {
+    .mx_Dialog {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .mx_CompoundDialog_header {
+        padding: 32px 32px 16px 32px;
+
+        h1 {
+            display: inline-block;
+            font-weight: var(--cpd-font-weight-semibold);
+            font-size: $font-24px;
+            margin: 0; /* managed by header class */
+        }
+    }
+
+    .mx_CompoundDialog_cancelButton {
+        @mixin customisedCancelButton;
+        /* Align with corner radius of dialog */
+        position: absolute;
+        top: var(--cpd-space-4x);
+        right: var(--cpd-space-4x);
+    }
+
+    .mx_CompoundDialog_form {
+        display: flex;
+        flex-direction: column;
+        min-height: 0;
+        flex: 1;
+    }
+
+    .mx_CompoundDialog_content {
+        overflow: auto;
+        padding: 8px 32px;
+        flex: 1;
+    }
+
+    .mx_CompoundDialog_footer {
+        padding: 20px 32px;
+        text-align: right;
+
+        .mx_AccessibleButton {
+            margin-left: 24px;
+        }
+    }
+}
+
+.mx_ScrollableBaseDialog {
+    display: flex;
+    flex-direction: column;
+
+    width: 544px; /* fixed */
+    height: 516px; /* fixed */
+    max-width: 100%;
+    min-height: 0;
+    max-height: 80%;
+
+    .mx_CompoundDialog_footer {
+        box-shadow: 0px -4px 4px rgb(0, 0, 0, 0.05); /* hardcoded colour for both themes */
+        z-index: 1; /* needed to make footer & shadow appear above dialog content */
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_ConfirmKeyStorageOffDialog.pcss b/apps/web/res/css/views/dialogs/_ConfirmKeyStorageOffDialog.pcss
new file mode 100644
index 00000000000..5ac53c7b706
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_ConfirmKeyStorageOffDialog.pcss
@@ -0,0 +1,16 @@
+/*
+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_ConfirmKeyStorageOffDialog {
+    .mx_Dialog_border {
+        width: 600px;
+    }
+
+    .mx_EncryptionCard {
+        text-align: center;
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_ConfirmSpaceUserActionDialog.pcss b/apps/web/res/css/views/dialogs/_ConfirmSpaceUserActionDialog.pcss
new file mode 100644
index 00000000000..e3ce9db7dc9
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_ConfirmSpaceUserActionDialog.pcss
@@ -0,0 +1,51 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_ConfirmSpaceUserActionDialog_wrapper {
+    .mx_Dialog {
+        display: flex;
+        flex-direction: column;
+        padding: 24px 32px;
+    }
+}
+
+.mx_ConfirmSpaceUserActionDialog {
+    width: 440px;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    height: 520px;
+
+    .mx_Dialog_content {
+        margin: 12px 0;
+        flex-grow: 1;
+        overflow-y: auto;
+    }
+
+    .mx_ConfirmUserActionDialog_reasonField {
+        margin-bottom: 12px;
+    }
+
+    .mx_ConfirmSpaceUserActionDialog_warning {
+        border-radius: 8px;
+        padding: 12px 8px;
+        background-color: $header-panel-bg-color;
+
+        font-size: $font-12px;
+        line-height: $font-15px;
+        color: $secondary-content;
+
+        svg {
+            height: 16px;
+            width: 16px;
+            vertical-align: -4px;
+            margin-right: var(--cpd-space-1-5x);
+            color: $secondary-content;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_ConfirmUserActionDialog.pcss b/apps/web/res/css/views/dialogs/_ConfirmUserActionDialog.pcss
new file mode 100644
index 00000000000..fbd67f89f41
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_ConfirmUserActionDialog.pcss
@@ -0,0 +1,32 @@
+/*
+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_ConfirmUserActionDialog .mx_Dialog_content .mx_ConfirmUserActionDialog_user {
+    min-height: 48px;
+    margin-bottom: 24px;
+}
+
+.mx_ConfirmUserActionDialog_avatar {
+    float: left;
+    margin-right: 20px;
+}
+
+.mx_ConfirmUserActionDialog_name {
+    padding-top: 2px;
+    font-size: $font-18px;
+}
+
+.mx_ConfirmUserActionDialog_userId {
+    font-size: $font-13px;
+}
+
+.mx_ConfirmUserActionDialog_reasonField {
+    font: var(--cpd-font-body-md-regular);
+    color: $primary-content;
+    background-color: $background;
+}
diff --git a/apps/web/res/css/views/dialogs/_CreateRoomDialog.pcss b/apps/web/res/css/views/dialogs/_CreateRoomDialog.pcss
new file mode 100644
index 00000000000..1dff0896e93
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_CreateRoomDialog.pcss
@@ -0,0 +1,115 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017 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.
+*/
+
+.mx_CreateRoomDialog_details {
+    margin-top: 15px;
+
+    .mx_CreateRoomDialog_details_summary {
+        list-style: none;
+        font-weight: var(--cpd-font-weight-semibold);
+        cursor: pointer;
+        color: var(--cpd-color-text-primary);
+        text-decoration: underline;
+        width: fit-content;
+
+        /* list-style doesn't do it for webkit */
+        &::-webkit-details-marker {
+            display: none;
+        }
+
+        &:not(:focus-visible) {
+            outline: none;
+        }
+    }
+
+    > div {
+        display: flex;
+        align-items: flex-start;
+        margin: 5px 0;
+
+        input[type="checkbox"] {
+            margin-right: 10px;
+        }
+    }
+}
+
+.mx_CreateRoomDialog_label {
+    text-align: left;
+    padding-bottom: 12px;
+}
+
+.mx_CreateRoomDialog_input_container {
+    padding-right: 20px;
+}
+
+.mx_CreateRoomDialog_input {
+    font-size: $font-15px;
+    border-radius: 3px;
+    border: 1px solid $input-border-color;
+    padding: 9px;
+    color: $primary-content;
+    background-color: $background;
+    width: 100%;
+}
+
+.mx_CreateRoomDialog_aliasContainer {
+    /* needed to make the alias field only grow as wide as needed as opposed to full width */
+    display: flex;
+}
+
+.mx_CreateRoomDialog {
+    &.mx_Dialog_fixedWidth {
+        width: 450px;
+    }
+
+    .mx_Dialog_content {
+        margin-bottom: 40px;
+    }
+
+    p,
+    .mx_Field_input label {
+        color: $muted-fg-color;
+    }
+
+    .mx_SettingsFlag {
+        display: flex;
+    }
+
+    .mx_SettingsFlag_label {
+        flex: 1 1 0;
+        min-width: 0;
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+
+    .mx_ToggleSwitch {
+        flex: 0 0 auto;
+        margin-left: 30px;
+    }
+
+    .mx_Dialog_content > .mx_SettingsFlag {
+        margin-top: 24px;
+    }
+
+    .mx_Field {
+        margin: 0;
+    }
+
+    form {
+        gap: var(--cpd-space-4x);
+    }
+
+    p {
+        margin: 0 85px 0 0;
+        font-size: $font-12px;
+    }
+}
+
+.mx_CreateRoomDialog_labelledCheckbox {
+    color: $muted-fg-color;
+    margin-top: var(--cpd-space-6x);
+}
diff --git a/apps/web/res/css/views/dialogs/_CreateSectionDialog.pcss b/apps/web/res/css/views/dialogs/_CreateSectionDialog.pcss
new file mode 100644
index 00000000000..3198db43039
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_CreateSectionDialog.pcss
@@ -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.
+ */
+
+.mx_CreateSectionDialog {
+    color: var(--cpd-color-text-primary);
+
+    &.mx_Dialog_fixedWidth {
+        /* 576px coming from Figma and remove external padding */
+        max-width: calc(576px - var(--cpd-space-20x));
+    }
+
+    .mx_CreateSectionDialog_content {
+        min-height: 346px;
+    }
+
+    .mx_CreateSectionDialog_form {
+        width: 100%;
+    }
+}
+
+.mx_CreateSectionDialog_edition > .mx_Dialog_header {
+    margin-bottom: var(--cpd-space-6x);
+}
diff --git a/apps/web/res/css/views/dialogs/_CreateSubspaceDialog.pcss b/apps/web/res/css/views/dialogs/_CreateSubspaceDialog.pcss
new file mode 100644
index 00000000000..300fc4ba2ab
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_CreateSubspaceDialog.pcss
@@ -0,0 +1,69 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_CreateSubspaceDialog_wrapper {
+    .mx_Dialog {
+        display: flex;
+        flex-direction: column;
+    }
+}
+
+.mx_CreateSubspaceDialog {
+    width: 480px;
+    color: $primary-content;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    min-height: 0;
+
+    .mx_CreateSubspaceDialog_content {
+        flex-grow: 1;
+
+        .mx_CreateSubspaceDialog_betaNotice {
+            padding: 12px 16px;
+            border-radius: 8px;
+            background-color: $header-panel-bg-color;
+
+            .mx_BetaCard_betaPill {
+                margin-right: 8px;
+                vertical-align: middle;
+            }
+        }
+
+        .mx_JoinRuleDropdown + p {
+            color: $muted-fg-color;
+            font-size: $font-12px;
+        }
+    }
+
+    .mx_CreateSubspaceDialog_footer {
+        display: flex;
+        margin-top: 20px;
+
+        .mx_CreateSubspaceDialog_footer_prompt {
+            flex-grow: 1;
+            font-size: $font-12px;
+            line-height: $font-15px;
+            color: $secondary-content;
+
+            > * {
+                vertical-align: middle;
+            }
+        }
+
+        .mx_AccessibleButton {
+            display: inline-block;
+            align-self: center;
+        }
+
+        .mx_AccessibleButton_kind_primary {
+            margin-left: 16px;
+            padding: 8px 36px;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_Crypto.pcss b/apps/web/res/css/views/dialogs/_Crypto.pcss
new file mode 100644
index 00000000000..12d46cf75b2
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_Crypto.pcss
@@ -0,0 +1,18 @@
+/*
+ * 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_Crypto {
+    table {
+        margin: var(--cpd-space-4x) 0;
+        text-align: left;
+        border-spacing: var(--cpd-space-2x) 0;
+
+        thead {
+            font: var(--cpd-font-heading-sm-semibold);
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_DeactivateAccountDialog.pcss b/apps/web/res/css/views/dialogs/_DeactivateAccountDialog.pcss
new file mode 100644
index 00000000000..f28cbde8894
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_DeactivateAccountDialog.pcss
@@ -0,0 +1,14 @@
+/*
+Copyright 2018-2024 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_DeactivateAccountDialog .mx_Dialog_content {
+    margin-bottom: 30px;
+}
+
+.mx_DeactivateAccountDialog .mx_DeactivateAccountDialog_input_section .mx_Field {
+    width: 300px;
+}
diff --git a/apps/web/res/css/views/dialogs/_DevtoolsDialog.pcss b/apps/web/res/css/views/dialogs/_DevtoolsDialog.pcss
new file mode 100644
index 00000000000..3ee2c9be53b
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_DevtoolsDialog.pcss
@@ -0,0 +1,241 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017 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.
+*/
+
+.mx_DevtoolsDialog_wrapper {
+    .mx_Dialog {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .mx_Dialog_fixedWidth {
+        display: flex;
+        flex-direction: column;
+        min-height: 0;
+        max-height: 100%;
+
+        .mx_Dialog_buttons button {
+            margin-bottom: 0;
+        }
+    }
+
+    .mx_DevTools_toggleForm {
+        gap: var(--cpd-space-2x);
+    }
+}
+
+.mx_DevTools_toolHeading {
+    color: var(--cpd-color-text-secondary);
+    font: var(--cpd-font-heading-sm-semibold);
+}
+
+.mx_DevTools_content {
+    overflow-y: auto;
+    /* Give room for focus outlines */
+    padding-inline-start: var(--cpd-space-0-5x);
+    padding-block-end: var(--cpd-space-0-5x);
+}
+
+.mx_DevTools_RoomStateExplorer_query {
+    margin-bottom: 10px;
+}
+
+.mx_DevTools_button {
+    font-family: monospace !important;
+    margin-bottom: 8px !important;
+}
+
+.mx_DevTools_RoomStateExplorer_button_hasSpaces {
+    text-decoration: underline;
+}
+
+.mx_DevTools_button.mx_DevTools_RoomStateExplorer_button_emptyString {
+    font-style: italic;
+}
+
+.mx_DevTools_label_left {
+    float: left;
+}
+
+.mx_DevTools_label_right {
+    float: right;
+}
+
+.mx_DevTools_label_bottom {
+    clear: both;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.mx_DevTools_inputRow {
+    display: table-row;
+}
+
+.mx_DevTools_inputLabelCell {
+    display: table-cell;
+    font-weight: bold;
+    padding-right: 24px;
+}
+
+.mx_DevTools_textarea {
+    font-size: $font-12px;
+    max-width: 684px;
+    min-height: 250px;
+    padding: 10px;
+}
+
+.mx_DevTools_eventTypeStateKeyGroup {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.mx_DevTools_content .mx_Field_input:first-of-type {
+    margin-right: 42px;
+}
+
+.mx_DevTools_VerificationRequest {
+    border: 1px solid #cccccc;
+    border-radius: 3px;
+    padding: 1px 5px;
+    margin-bottom: 6px;
+    font-family: $monospace-font-family;
+
+    dl {
+        display: grid;
+        grid-template-columns: max-content auto;
+        margin: 0;
+    }
+
+    dd {
+        grid-column-start: 2;
+    }
+
+    dd:empty {
+        color: #666666;
+        &::after {
+            content: "(empty)";
+        }
+    }
+
+    dt {
+        font-weight: bold;
+        grid-column-start: 1;
+    }
+
+    dt::after {
+        content: ":";
+    }
+}
+
+.mx_DevTools_SettingsExplorer {
+    table {
+        width: 100%;
+        table-layout: fixed;
+        border-collapse: collapse;
+
+        th {
+            /* Colour choice: first one autocomplete gave me. */
+            border-bottom: 1px solid $accent;
+            text-align: left;
+        }
+
+        td,
+        th {
+            width: 360px; /* "feels right" number */
+
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+        }
+
+        td + td,
+        th + th {
+            width: auto;
+        }
+
+        tr:hover {
+            /* Colour choice: first one autocomplete gave me. */
+            background-color: $accent;
+        }
+    }
+
+    .mx_DevTools_SettingsExplorer_mutable {
+        background-color: $accent;
+    }
+
+    .mx_DevTools_SettingsExplorer_immutable {
+        background-color: $alert;
+    }
+
+    .mx_DevTools_SettingsExplorer_edit {
+        float: right;
+        margin-right: 16px;
+    }
+
+    .mx_DevTools_SettingsExplorer_warning {
+        border: 2px solid $alert;
+        border-radius: 4px;
+        padding: 4px;
+        margin-bottom: 8px;
+    }
+}
+
+.mx_DevTools_SettingsExplorer_setting {
+    /* override default link button color */
+    /* as it is the same as the background highlight */
+    /* used on focus */
+    color: $links !important;
+}
+
+.mx_DevTools_sticky_explorer {
+    table {
+        width: 100%;
+        border-collapse: collapse;
+        table-layout: fixed;
+        margin-top: var(--cpd-space-3x);
+
+        th {
+            text-align: left;
+            padding: var(--cpd-space-2x) var(--cpd-space-3x);
+        }
+
+        th#user_header {
+            width: 35%;
+        }
+        th#sticky_key_header {
+            width: 50%;
+        }
+        th#expires_in_header {
+            width: 15%;
+        }
+
+        tr {
+            cursor: pointer;
+            border-bottom: var(--cpd-border-width-1) solid var(--cpd-color-border-interactive-primary);
+            background: transparent;
+        }
+
+        tr:hover {
+            color: var(--cpd-color-text-secondary);
+            background: var(--cpd-color-bg-action-secondary-hovered);
+        }
+
+        tr:focus-visible {
+            outline: var(--cpd-border-width-2) solid var(--cpd-color-border-focused);
+        }
+
+        td {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            padding: var(--cpd-space-2x) var(--cpd-space-3x);
+        }
+
+        td.remaining_time_column {
+            text-align: right;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_ExportDialog.pcss b/apps/web/res/css/views/dialogs/_ExportDialog.pcss
new file mode 100644
index 00000000000..3accbc0590c
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_ExportDialog.pcss
@@ -0,0 +1,83 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_ExportDialog {
+    .mx_ExportDialog_subheading {
+        font-size: $font-16px;
+        display: block;
+        font-family: $font-family;
+        font-weight: var(--cpd-font-weight-semibold);
+        color: $primary-content;
+        margin-top: 18px;
+        margin-bottom: 12px;
+    }
+
+    &.mx_ExportDialog_Exporting {
+        .mx_ExportDialog_options {
+            pointer-events: none;
+        }
+
+        .mx_Field_select::before {
+            display: none;
+        }
+
+        .mx_StyledRadioButton input[type="radio"]:checked + div > div {
+            background: $info-plinth-fg-color;
+        }
+
+        .mx_StyledRadioButton input[type="radio"]:checked + div {
+            border-color: unset;
+        }
+
+        .mx_Field_valid.mx_Field label,
+        .mx_Field_valid.mx_Field:focus-within label {
+            color: unset;
+        }
+
+        .mx_Field_valid.mx_Field,
+        .mx_Field_valid.mx_Field:focus-within {
+            border-color: $input-border-color;
+        }
+    }
+
+    .mx_ExportDialog_progress {
+        .mx_Dialog_buttons {
+            margin-top: unset;
+            margin-left: 18px;
+        }
+
+        .mx_Spinner {
+            width: unset;
+            height: unset;
+            flex: unset;
+            margin-right: 10px;
+        }
+
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-end;
+        align-items: center;
+    }
+
+    .mx_StyledRadioButton > .mx_StyledRadioButton_content {
+        margin-top: 5px;
+        margin-bottom: 5px;
+    }
+
+    .mx_Field {
+        width: 256px;
+    }
+
+    .mx_Field_postfix {
+        padding: 9px 10px;
+    }
+}
+
+.mx_ExportDialog_attachments-checkbox {
+    margin-top: var(--cpd-space-4x);
+}
diff --git a/apps/web/res/css/views/dialogs/_FeedbackDialog.pcss b/apps/web/res/css/views/dialogs/_FeedbackDialog.pcss
new file mode 100644
index 00000000000..88cfdf33a94
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_FeedbackDialog.pcss
@@ -0,0 +1,113 @@
+/*
+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.
+*/
+
+.mx_FeedbackDialog {
+    hr {
+        margin: 24px 0;
+        border-color: $input-border-color;
+    }
+
+    .mx_Dialog_content {
+        margin-bottom: 24px;
+
+        > h2 {
+            margin-bottom: 32px;
+        }
+    }
+
+    .mx_FeedbackDialog_section {
+        position: relative;
+        padding: 12px 52px 12px 68px;
+        border-radius: 8px;
+        border: 1px solid $quinary-content;
+
+        & + .mx_FeedbackDialog_section {
+            margin-top: 16px;
+        }
+
+        > h3 {
+            margin-top: 0;
+            margin-bottom: 8px;
+            font-weight: var(--cpd-font-weight-semibold);
+            font-size: $font-18px;
+            line-height: $font-22px;
+        }
+
+        > p {
+            color: $secondary-content;
+            font-size: $font-15px;
+            line-height: $font-24px;
+            margin: 8px 0 0;
+        }
+
+        .mx_FeedbackDialog_section_microcopy {
+            font-size: $font-12px;
+            line-height: $font-15px;
+        }
+
+        a,
+        .mx_AccessibleButton_kind_link {
+            text-decoration: underline;
+        }
+
+        & > svg {
+            position: absolute;
+            left: 16px;
+            top: 12px;
+            padding: var(--cpd-space-2x);
+            width: 24px;
+            height: 24px;
+            background-color: $icon-button-color;
+            color: $avatar-initial-color;
+            border-radius: 8px;
+        }
+    }
+
+    .mx_FeedbackDialog_rateApp {
+        .mx_StyledRadioButton {
+            display: inline-flex;
+            font-size: 20px;
+            transition:
+                font-size 1s,
+                border 0.5s;
+            border-radius: 50%;
+            border: 2px solid transparent;
+            margin-top: 12px;
+            margin-bottom: 24px;
+            vertical-align: top;
+            cursor: pointer;
+
+            input[type="radio"] + div {
+                display: none;
+            }
+
+            .mx_StyledRadioButton_content {
+                background: $icon-button-color;
+                width: 40px;
+                height: 40px;
+                text-align: center;
+                line-height: 40px;
+                border-radius: 20px;
+                margin: 5px;
+            }
+
+            .mx_StyledRadioButton_spacer {
+                display: none;
+            }
+
+            & + .mx_StyledRadioButton {
+                margin-left: 16px;
+            }
+        }
+
+        .mx_StyledRadioButton_checked {
+            font-size: 24px;
+            border-color: var(--cpd-color-bg-action-primary-rest);
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_ForwardDialog.pcss b/apps/web/res/css/views/dialogs/_ForwardDialog.pcss
new file mode 100644
index 00000000000..df6777f8ac3
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_ForwardDialog.pcss
@@ -0,0 +1,152 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Robin Townsend <robin@robin.town>
+
+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_ForwardDialog {
+    width: 520px;
+    color: $primary-content;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    min-height: 0;
+    height: 80vh;
+
+    > h3 {
+        margin: 0 0 6px;
+        color: $secondary-content;
+        font-size: $font-12px;
+        font-weight: var(--cpd-font-weight-semibold);
+        line-height: $font-15px;
+    }
+
+    > .mx_ForwardDialog_preview {
+        max-height: 30%;
+        flex-shrink: 0;
+        overflow-y: auto;
+
+        .mx_EventTile[data-layout="bubble"] {
+            margin-top: 20px;
+        }
+
+        div {
+            pointer-events: none;
+        }
+
+        /* When forwarding messages from encrypted rooms, EventTile will complain */
+        /* 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,
+        .mx_MFileBody [data-type="download"] {
+            display: none;
+        }
+    }
+
+    > hr {
+        width: 100%;
+        border: none;
+        border-top: 1px solid $input-border-color;
+        margin: 12px 0;
+    }
+
+    > .mx_ForwardList {
+        display: contents;
+
+        .mx_SearchBox {
+            /* To match the space around the title */
+            margin: 0 0 15px 0;
+            flex-grow: 0;
+
+            &:not(:focus-within) + .mx_ForwardList_content {
+                /* Inhibit the styling if focus is not within the input which handles keyboard accessibility */
+                --mx_ForwardList_entry_selectedBgColor: transparent;
+            }
+        }
+
+        .mx_ForwardList_content {
+            flex-grow: 1;
+        }
+
+        .mx_ForwardList_noResults {
+            display: block;
+            margin-top: 24px;
+        }
+
+        .mx_ForwardList_results {
+            &:not(:first-child) {
+                margin-top: 24px;
+            }
+
+            .mx_ForwardList_resultsList {
+                padding-right: 8px;
+            }
+
+            .mx_ForwardList_entry {
+                display: flex;
+                justify-content: space-between;
+                height: 32px;
+                padding: 6px;
+                border-radius: 8px;
+
+                &:hover,
+                &.mx_ForwardList_entry_active {
+                    background-color: var(--mx_ForwardList_entry_selectedBgColor, $spacePanel-bg-color);
+                }
+
+                .mx_ForwardList_roomButton {
+                    display: flex;
+                    margin-right: 12px;
+                    min-width: 0;
+
+                    .mx_DecoratedRoomAvatar {
+                        margin-right: 12px;
+                    }
+
+                    .mx_ForwardList_entry_name,
+                    .mx_ForwardList_entry_detail {
+                        line-height: 30px;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
+                    }
+
+                    .mx_ForwardList_entry_name {
+                        font-size: $font-15px;
+                    }
+
+                    .mx_ForwardList_entry_detail {
+                        font-size: $font-12px;
+                        margin-left: 8px;
+                        color: $tertiary-content;
+                    }
+                }
+
+                .mx_ForwardList_sendButton {
+                    position: relative;
+                    margin-left: 12px;
+
+                    &:not(.mx_ForwardList_canSend) .mx_ForwardList_sendLabel {
+                        /* Hide the "Send" label while preserving button size */
+                        visibility: hidden;
+                    }
+
+                    & > svg {
+                        position: absolute;
+                        width: 14px;
+                        height: 14px;
+                        color: $accent;
+                    }
+
+                    .mx_ForwardDialog_notificationBadge {
+                        /* Match the failed to send indicator's color with the disabled button */
+                        background-color: $button-danger-disabled-fg-color;
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_GenericFeatureFeedbackDialog.pcss b/apps/web/res/css/views/dialogs/_GenericFeatureFeedbackDialog.pcss
new file mode 100644
index 00000000000..655f7f95e8d
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_GenericFeatureFeedbackDialog.pcss
@@ -0,0 +1,16 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_GenericFeatureFeedbackDialog {
+    .mx_GenericFeatureFeedbackDialog_subheading {
+        color: $primary-content;
+        font: var(--cpd-font-body-md-regular);
+        line-height: $font-20px;
+        margin-bottom: 24px;
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_IncomingSasDialog.pcss b/apps/web/res/css/views/dialogs/_IncomingSasDialog.pcss
new file mode 100644
index 00000000000..0fb0c9a4168
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_IncomingSasDialog.pcss
@@ -0,0 +1,15 @@
+/*
+Copyright 2019-2024 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_IncomingSasDialog_opponentProfile_image {
+    position: relative;
+}
+
+.mx_IncomingSasDialog_opponentProfile h2 {
+    display: inline-block;
+    margin-left: 10px;
+}
diff --git a/apps/web/res/css/views/dialogs/_InviteDialog.pcss b/apps/web/res/css/views/dialogs/_InviteDialog.pcss
new file mode 100644
index 00000000000..be31bbce963
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_InviteDialog.pcss
@@ -0,0 +1,316 @@
+/*
+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_InviteDialog_flexWrapper .mx_Dialog {
+    display: flex;
+    flex-direction: column;
+}
+
+.mx_InviteDialog_transferWrapper .mx_Dialog {
+    padding-bottom: var(--cpd-space-4x);
+}
+
+.mx_InviteDialog_addressBar {
+    display: flex;
+    flex-direction: row;
+    /* Right margin for the design. We could apply this to the whole dialog, but then the scrollbar */
+    /* for the user section gets weird. */
+    margin: var(--cpd-space-2x) 45px 0 0;
+
+    .mx_InviteDialog_editor {
+        flex: 1;
+        margin-left: var(--cpd-space-0-5x);
+    }
+
+    .mx_InviteDialog_goButton {
+        min-width: 86px;
+        margin-inline-start: 10px;
+        height: 41px;
+        line-height: $font-25px;
+    }
+}
+
+.mx_InviteDialog_section {
+    padding-bottom: var(--cpd-space-1x);
+
+    .mx_InviteDialog_section_showMore {
+        margin: 7px 18px;
+        display: block;
+    }
+}
+
+.mx_InviteDialog_section_hidden_suggestions_disclaimer {
+    padding: var(--cpd-space-2x) 0 var(--cpd-space-4x) 0;
+    font: var(--cpd-font-body-md-regular);
+
+    > span {
+        color: $primary-content;
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+
+    > p {
+        margin: 0;
+    }
+}
+
+.mx_InviteDialog_footer {
+    border-top: 1px solid $input-border-color;
+
+    > h3 {
+        margin: var(--cpd-space-3x) 0;
+        font-size: $font-12px;
+        color: $muted-fg-color;
+        font-weight: bold;
+        text-transform: uppercase;
+    }
+
+    .mx_CopyableText.mx_CopyableText_border {
+        width: unset; /* full width */
+        margin-bottom: 0;
+
+        > a {
+            text-decoration: none;
+            flex-shrink: 1;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+    }
+}
+
+.mx_InviteDialog_other {
+    /* Prevent the dialog from jumping around randomly when elements change. */
+    display: flex;
+    flex-direction: column;
+    height: 600px;
+    overflow: hidden;
+
+    h2 {
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        white-space: pre-wrap;
+        overflow: hidden;
+    }
+
+    .mx_InviteDialog_addressBar {
+        margin-inline-end: 0;
+    }
+
+    .mx_InviteDialog_userSections {
+        flex-grow: 1;
+        padding-inline-end: 0;
+        display: flex;
+        flex-direction: column;
+        margin-top: var(--cpd-space-3x);
+        gap: var(--cpd-space-3x);
+
+        .mx_InviteDialog_section {
+            padding-bottom: 0;
+        }
+    }
+}
+
+.mx_InviteDialog_content {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    overflow: hidden;
+
+    .mx_InviteProgressBody {
+        margin-top: var(--cpd-space-12x);
+    }
+}
+
+.mx_InviteDialog_transfer {
+    width: auto;
+
+    .mx_InviteDialog_content {
+        width: 496px;
+        height: 430px;
+        overflow: visible;
+
+        .mx_TabbedView {
+            display: flex;
+            flex-direction: column;
+            flex-shrink: 1;
+            flex-grow: 1;
+            min-height: 0;
+
+            .mx_TabbedView_tabPanel {
+                flex-direction: column;
+
+                .mx_TabbedView_tabPanelContent {
+                    display: flex;
+                    flex-direction: column;
+                }
+            }
+        }
+    }
+
+    .mx_InviteDialog_addressBar {
+        margin-top: var(--cpd-space-2x);
+    }
+
+    input[type="checkbox"] {
+        margin-inline-end: var(--cpd-space-2x);
+    }
+}
+
+.mx_InviteDialog_userSections {
+    overflow-y: auto;
+    padding: 0 45px var(--cpd-space-1x) 0;
+}
+
+.mx_InviteDialog_helpText {
+    margin: 0;
+}
+
+.mx_InviteDialog_dialPad {
+    width: 224px;
+    margin-top: var(--cpd-space-4x);
+    margin-inline: auto;
+
+    .mx_InviteDialog_dialPadField {
+        border-top: 0;
+        border-inline: 0;
+        border-radius: 0;
+        margin-top: 0;
+        border-color: $quaternary-content;
+
+        &:focus-within {
+            border-color: $accent;
+        }
+
+        input {
+            font-size: 18px;
+            font-weight: var(--cpd-font-weight-semibold);
+            padding-top: 0;
+        }
+
+        .mx_Field_postfix {
+            /* Remove border separator between postfix and field content */
+            border-left: none;
+        }
+    }
+
+    .mx_DialPad {
+        row-gap: var(--cpd-space-4x);
+        column-gap: 48px;
+        margin-inline: auto;
+    }
+}
+
+.mx_InviteDialog_transferConsultConnect {
+    padding-top: var(--cpd-space-4x);
+    /* This wants a drop shadow the full width of the dialog, so use negative margin to make it full width,
+     * then compensate with padding
+     */
+    padding-inline: var(--cpd-space-6x);
+    margin-inline: calc(-1 * var(--cpd-space-6x));
+    border-top: 1px solid $quinary-content;
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.mx_InviteDialog_transferConsultConnect_pushRight {
+    margin-inline-start: auto;
+}
+
+.mx_InviteDialog_tile {
+    cursor: pointer;
+    display: grid;
+    gap: var(--cpd-space-2x) var(--cpd-space-3x);
+    align-items: center;
+
+    &.mx_InviteDialog_tile--inviterError {
+        grid-template-columns: max-content auto; /* max-content = avatar width */
+        margin-bottom: var(--cpd-space-6x);
+
+        &:last-child {
+            margin-bottom: 0;
+        }
+
+        .mx_InviteDialog_tile--inviterError_errorText {
+            grid-row-start: 2;
+            grid-column-start: 2;
+
+            font-size: $font-15px;
+            color: $alert;
+        }
+    }
+
+    * {
+        vertical-align: middle;
+    }
+
+    .mx_InviteDialog_tile_avatarStack {
+        width: 36px;
+        height: 36px;
+        display: inline-block;
+        position: relative;
+        grid-row-start: 1;
+        grid-column-start: 1;
+
+        & > * {
+            position: absolute;
+            top: 0;
+            left: 0;
+        }
+    }
+
+    .mx_InviteDialog_tile_nameStack {
+        grid-row-start: 1;
+        grid-column-start: 2;
+
+        display: flex;
+        flex-flow: column;
+        align-self: center;
+        align-items: baseline;
+        gap: 2px 0;
+        overflow: hidden;
+
+        .mx_InviteDialog_tile_nameStack_name,
+        .mx_InviteDialog_tile_nameStack_userId {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            max-width: 100%;
+        }
+
+        .mx_InviteDialog_tile_nameStack_name {
+            font-size: $font-15px;
+            font-weight: var(--cpd-font-weight-semibold);
+            color: $primary-content;
+        }
+
+        .mx_InviteDialog_tile_nameStack_userId {
+            font-size: $font-12px;
+            color: $muted-fg-color;
+        }
+    }
+}
+
+.mx_InviteDialog_multiInviterError {
+    > h4 {
+        font-size: $font-15px;
+        line-height: $font-24px;
+        color: $secondary-content;
+        font-weight: normal;
+    }
+}
+
+.mx_InviteDialog_identityServer {
+    margin-top: 1em;
+}
+
+.mx_InviteDialog_oneThreepid {
+    font-size: $font-12px;
+    margin: var(--cpd-space-2x) 0;
+}
diff --git a/apps/web/res/css/views/dialogs/_InviteProgressBody.pcss b/apps/web/res/css/views/dialogs/_InviteProgressBody.pcss
new file mode 100644
index 00000000000..e3069a133c0
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_InviteProgressBody.pcss
@@ -0,0 +1,16 @@
+/*
+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_InviteProgressBody {
+    text-align: center;
+    font: var(--cpd-font-body-lg-regular);
+
+    h1 {
+        color: var(--cpd-color-text-primary);
+        font: var(--cpd-font-heading-sm-semibold);
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_JoinRuleDropdown.pcss b/apps/web/res/css/views/dialogs/_JoinRuleDropdown.pcss
new file mode 100644
index 00000000000..602e6db44c8
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_JoinRuleDropdown.pcss
@@ -0,0 +1,43 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_JoinRuleDropdown {
+    margin-bottom: 8px;
+    font: var(--cpd-font-body-md-regular);
+    color: $primary-content;
+
+    .mx_Dropdown_option {
+        font: var(--cpd-font-body-md-regular);
+        line-height: $font-32px;
+        height: 32px;
+        min-height: 32px;
+
+        > div {
+            padding-left: var(--cpd-space-1-5x);
+
+            svg {
+                width: 16px;
+                height: 16px;
+                color: $secondary-content;
+                vertical-align: -2px;
+                margin-right: var(--cpd-space-1-5x);
+            }
+
+            &.mx_JoinRuleDropdown_knock::before {
+                content: normal;
+            }
+        }
+    }
+
+    .mx_JoinRuleDropdown_icon {
+        color: $secondary-content;
+        position: absolute;
+        left: 6px;
+        top: 8px;
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_LeaveSpaceDialog.pcss b/apps/web/res/css/views/dialogs/_LeaveSpaceDialog.pcss
new file mode 100644
index 00000000000..194f741d891
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_LeaveSpaceDialog.pcss
@@ -0,0 +1,52 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_LeaveSpaceDialog_wrapper {
+    .mx_Dialog {
+        display: flex;
+        flex-direction: column;
+        padding: 24px 32px;
+
+        .mx_LeaveSpaceDialog {
+            width: 440px;
+            display: flex;
+            flex-direction: column;
+            flex-wrap: nowrap;
+            height: 520px;
+
+            .mx_Dialog_content {
+                flex-grow: 1;
+                margin: 0;
+                overflow-y: auto;
+
+                .mx_LeaveSpaceDialog_section_warning {
+                    border-radius: 8px;
+                    margin: 12px 0 0;
+                    padding: 12px 8px;
+                    background-color: $header-panel-bg-color;
+
+                    font-size: $font-12px;
+                    line-height: $font-15px;
+                    color: $secondary-content;
+
+                    svg {
+                        height: 16px;
+                        width: 16px;
+                        color: $secondary-content;
+                        vertical-align: middle;
+                        margin: 0 var(--cpd-space-1x);
+                    }
+                }
+
+                > p {
+                    color: $primary-content;
+                }
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_LocationViewDialog.pcss b/apps/web/res/css/views/dialogs/_LocationViewDialog.pcss
new file mode 100644
index 00000000000..f25541520bc
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_LocationViewDialog.pcss
@@ -0,0 +1,41 @@
+/*
+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_LocationViewDialog_wrapper .mx_Dialog {
+    padding: 0px;
+}
+
+.mx_LocationViewDialog {
+    /* subtract 0.5px to prevent single-pixel margin due to rounding */
+    width: calc(80vw - 0.5px);
+    height: calc(80vh - 0.5px);
+    overflow: hidden;
+
+    .mx_Dialog_header {
+        margin: 0px;
+        padding: 0px;
+        position: unset;
+
+        .mx_Dialog_title {
+            display: none;
+        }
+    }
+
+    .mx_Dialog_cancelButton {
+        z-index: 4010;
+        position: absolute;
+        left: var(--cpd-space-4x);
+        top: var(--cpd-space-4x);
+    }
+}
+
+.mx_LocationViewDialog_map {
+    width: 80vw;
+    height: 80vh;
+    border-radius: 8px;
+}
diff --git a/apps/web/res/css/views/dialogs/_LogoutDialog.pcss b/apps/web/res/css/views/dialogs/_LogoutDialog.pcss
new file mode 100644
index 00000000000..5ecd53b2407
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_LogoutDialog.pcss
@@ -0,0 +1,27 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Manan Sadana <manancodes.dev@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.
+*/
+
+.mx_LogoutDialog {
+    width: 26rem;
+
+    .mx_EncryptionCard {
+        gap: 0;
+        h2 {
+            text-align: center;
+            color: var(--cpd-color-text-primary);
+        }
+        .mx_EncryptionCard_emphasisedContent {
+            text-align: center;
+            margin-top: var(--cpd-space-2x);
+            margin-bottom: var(--cpd-space-12x);
+            p {
+                margin: 0;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_ManageRestrictedJoinRuleDialog.pcss b/apps/web/res/css/views/dialogs/_ManageRestrictedJoinRuleDialog.pcss
new file mode 100644
index 00000000000..24e05e581e6
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_ManageRestrictedJoinRuleDialog.pcss
@@ -0,0 +1,123 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_ManageRestrictedJoinRuleDialog_wrapper {
+    .mx_Dialog {
+        display: flex;
+        flex-direction: column;
+    }
+}
+
+.mx_ManageRestrictedJoinRuleDialog {
+    width: 480px;
+    color: $primary-content;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    min-height: 0;
+    height: 60vh;
+
+    .mx_SearchBox {
+        /* To match the space around the title */
+        margin: 0 0 15px 0;
+        flex-grow: 0;
+    }
+
+    .mx_ManageRestrictedJoinRuleDialog_content {
+        flex-grow: 1;
+    }
+
+    .mx_ManageRestrictedJoinRuleDialog_noResults {
+        display: block;
+        margin-top: 24px;
+    }
+
+    .mx_ManageRestrictedJoinRuleDialog_section {
+        &:not(:first-child) {
+            margin-top: 24px;
+        }
+
+        > h3 {
+            margin: 0;
+            color: $secondary-content;
+            font-size: $font-12px;
+            font-weight: var(--cpd-font-weight-semibold);
+            line-height: $font-15px;
+        }
+
+        .mx_ManageRestrictedJoinRuleDialog_entry {
+            display: flex;
+            margin-top: 12px;
+
+            > div {
+                flex-grow: 1;
+            }
+
+            .mx_ManageRestrictedJoinRuleDialog_entry_name {
+                margin: 0 8px;
+                font-size: $font-15px;
+                line-height: 30px;
+                flex-grow: 1;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+
+            .mx_ManageRestrictedJoinRuleDialog_entry_description {
+                margin-top: 8px;
+                font-size: $font-12px;
+                line-height: $font-15px;
+                color: $tertiary-content;
+            }
+        }
+    }
+
+    .mx_ManageRestrictedJoinRuleDialog_section_spaces {
+        .mx_BaseAvatar {
+            margin-right: 12px;
+        }
+    }
+
+    .mx_ManageRestrictedJoinRuleDialog_section_info {
+        position: relative;
+        border-radius: 8px;
+        margin: 12px 0;
+        padding: 8px;
+        background-color: $header-panel-bg-color;
+
+        font-size: $font-12px;
+        line-height: $font-15px;
+        color: $secondary-content;
+
+        svg {
+            height: 16px;
+            width: 16px;
+            color: $secondary-content;
+            vertical-align: middle;
+            margin: 0 var(--cpd-space-1x);
+        }
+    }
+
+    .mx_ManageRestrictedJoinRuleDialog_footer {
+        margin-top: 20px;
+
+        .mx_ManageRestrictedJoinRuleDialog_footer_buttons {
+            display: flex;
+            width: max-content;
+            margin-left: auto;
+
+            .mx_AccessibleButton {
+                display: inline-block;
+
+                & + .mx_AccessibleButton {
+                    margin-left: 24px;
+                }
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_MessageEditHistoryDialog.pcss b/apps/web/res/css/views/dialogs/_MessageEditHistoryDialog.pcss
new file mode 100644
index 00000000000..5f136e99277
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_MessageEditHistoryDialog.pcss
@@ -0,0 +1,96 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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_MessageEditHistoryDialog {
+    display: flex;
+    flex-direction: column;
+    max-height: 60vh;
+}
+
+.mx_MessageEditHistoryDialog_scrollPanel {
+    flex: 1 1 auto;
+}
+
+.mx_MessageEditHistoryDialog_error {
+    color: $alert;
+    text-align: center;
+}
+
+.mx_MessageEditHistoryDialog_edits {
+    list-style-type: none;
+    font: var(--cpd-font-body-md-regular);
+    padding: 0;
+    color: $primary-content;
+
+    .mx_EditHistoryMessage_emoteSender {
+        cursor: pointer;
+    }
+
+    span.mx_EditHistoryMessage_deletion,
+    span.mx_EditHistoryMessage_insertion {
+        padding: 0px 2px;
+    }
+
+    .mx_EditHistoryMessage_deletion {
+        color: rgb(255, 76, 85);
+        background-color: rgb(255, 76, 85, 0.1);
+        text-decoration: line-through;
+    }
+
+    .mx_EditHistoryMessage_insertion {
+        color: rgb(26, 169, 123);
+        background-color: rgb(26, 169, 123, 0.1);
+        text-decoration: underline;
+    }
+
+    /* Emulate mx_EventTile[data-layout="group"] */
+    .mx_EventTile {
+        padding-top: 0;
+
+        .mx_MessageTimestamp {
+            position: absolute;
+            left: 0;
+            text-align: center;
+        }
+
+        .mx_EventTile_line {
+            padding-top: var(--EventTile_group_line-spacing-block-start);
+            padding-bottom: var(--EventTile_group_line-spacing-block-end);
+            padding-left: var(--EventTile_group_line-spacing-inline-start);
+            line-height: var(--EventTile_group_line-line-height);
+
+            .mx_EventTile_content {
+                margin-right: 0px;
+            }
+        }
+        &::before {
+            content: "";
+            position: absolute;
+            top: -1px;
+            bottom: -1px;
+            left: -10px;
+            right: -10px;
+            z-index: -1;
+            border-radius: 4px;
+        }
+
+        &:hover {
+            &::before {
+                background: $eventbubble-bg-hover;
+            }
+        }
+    }
+
+    .mx_HistoryActionBar {
+        border-radius: 0 !important;
+    }
+
+    .mx_HistoryActionBar [data-presentation="label"] {
+        line-height: 24px !important;
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_ModalWidgetDialog.pcss b/apps/web/res/css/views/dialogs/_ModalWidgetDialog.pcss
new file mode 100644
index 00000000000..423e4c26ecc
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_ModalWidgetDialog.pcss
@@ -0,0 +1,34 @@
+/*
+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.
+*/
+
+.mx_ModalWidgetDialog {
+    .mx_ModalWidgetDialog_warning {
+        margin-bottom: 24px;
+
+        > img {
+            vertical-align: middle;
+            margin-right: 8px;
+        }
+    }
+
+    .mx_ModalWidgetDialog_buttons {
+        float: right;
+        margin-top: 24px;
+
+        .mx_AccessibleButton + .mx_AccessibleButton {
+            margin-left: 8px;
+        }
+    }
+
+    iframe {
+        width: 100%;
+        height: 450px;
+        border: 0;
+        border-radius: 8px;
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_PollCreateDialog.pcss b/apps/web/res/css/views/dialogs/_PollCreateDialog.pcss
new file mode 100644
index 00000000000..ba7d9c644de
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_PollCreateDialog.pcss
@@ -0,0 +1,69 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_PollCreateDialog {
+    .mx_PollCreateDialog_busy {
+        position: absolute;
+        inset: 0;
+        background-color: $overlay-background;
+        z-index: 1;
+    }
+
+    h2 {
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: $font-15px;
+        line-height: $font-24px;
+        margin-top: 0;
+        margin-bottom: 8px;
+
+        &:nth-child(n + 2) {
+            margin-top: 20px;
+        }
+    }
+
+    p {
+        color: $secondary-content;
+    }
+
+    .mx_PollCreateDialog_option {
+        display: flex;
+        align-items: center;
+        margin-top: 11px;
+        margin-bottom: 16px; /* 11px from the top will collapse, so this creates a 16px gap between options */
+
+        .mx_Field {
+            flex: 1;
+            margin: 0;
+        }
+
+        .mx_PollCreateDialog_removeOption {
+            margin-left: 12px;
+            width: 16px;
+            height: 16px;
+            padding: var(--cpd-space-0-5x);
+            border-radius: 50%;
+            background-color: $quinary-content;
+            cursor: pointer;
+
+            svg {
+                width: inherit;
+                height: inherit;
+                color: $secondary-content;
+            }
+        }
+    }
+
+    .mx_PollCreateDialog_addOption {
+        padding: 0;
+        margin-bottom: 40px; /* arbitrary to create scrollable area under the poll */
+    }
+
+    .mx_AccessibleButton_disabled {
+        opacity: 0.4;
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_RegistrationEmailPromptDialog.pcss b/apps/web/res/css/views/dialogs/_RegistrationEmailPromptDialog.pcss
new file mode 100644
index 00000000000..98bf9e9cd9c
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_RegistrationEmailPromptDialog.pcss
@@ -0,0 +1,20 @@
+/*
+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.
+*/
+
+.mx_RegistrationEmailPromptDialog {
+    width: 417px;
+
+    .mx_Dialog_content {
+        margin-bottom: 24px;
+        color: $tertiary-content;
+    }
+
+    .mx_Dialog_primary {
+        width: 100%;
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_RemoveSectionDialog.pcss b/apps/web/res/css/views/dialogs/_RemoveSectionDialog.pcss
new file mode 100644
index 00000000000..30fe63cc9aa
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_RemoveSectionDialog.pcss
@@ -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.
+ */
+
+.mx_RemoveSectionDialog {
+    color: var(--cpd-color-text-primary);
+}
diff --git a/apps/web/res/css/views/dialogs/_ReportRoomDialog.pcss b/apps/web/res/css/views/dialogs/_ReportRoomDialog.pcss
new file mode 100644
index 00000000000..b656638d9c3
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_ReportRoomDialog.pcss
@@ -0,0 +1,41 @@
+/*
+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_ReportRoomDialog,
+.mx_DeclineAndBlockInviteDialog {
+    textarea {
+        font: var(--cpd-font-body-md-regular);
+        border: 1px solid var(--cpd-color-border-interactive-primary);
+        background: var(--cpd-color-bg-canvas-default);
+        border-radius: 0.5rem;
+        padding: var(--cpd-space-3x) var(--cpd-space-4x);
+    }
+
+    /*
+      Workaround to fix labels appearing with the wrong color.
+
+      .mx_Dialog (in res/css/_common.pcss) redefines the body color
+      as $light-fg-color rather than the standard primary color.
+
+      This forces the colour to match the Compound style, but
+      in the future the Dialogs should not force a color.
+    */
+    form label {
+        color: var(--cpd-color-text-primary);
+    }
+}
+
+.mx_DeclineAndBlockInviteDialog {
+    div[aria-disabled="true"] > label {
+        color: var(--cpd-color-text-secondary);
+    }
+
+    .mx_SettingsFlag_label {
+        color: var(--cpd-color-text-primary);
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_RoomSettingsDialog.pcss b/apps/web/res/css/views/dialogs/_RoomSettingsDialog.pcss
new file mode 100644
index 00000000000..9967adca50c
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_RoomSettingsDialog.pcss
@@ -0,0 +1,15 @@
+/*
+Copyright 2019-2024 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_RoomSettingsDialog .mx_Dialog_title {
+    -ms-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    margin: 0 auto;
+    padding-right: 80px;
+}
diff --git a/apps/web/res/css/views/dialogs/_RoomSettingsDialogBridges.pcss b/apps/web/res/css/views/dialogs/_RoomSettingsDialogBridges.pcss
new file mode 100644
index 00000000000..be05b16384a
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_RoomSettingsDialogBridges.pcss
@@ -0,0 +1,107 @@
+/*
+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.
+*/
+
+.mx_RoomSettingsDialog_BridgeList {
+    padding: 0;
+
+    li {
+        list-style-type: none;
+
+        &.mx_RoomSettingsDialog_BridgeList_listItem {
+            display: flex;
+            flex-wrap: wrap;
+            gap: var(--cpd-space-2x);
+            padding: 5px;
+            margin-bottom: var(--cpd-space-2x);
+
+            /* border-style around each bridge list item */
+            border-width: 1px 1px;
+            border-color: $primary-hairline-color;
+            border-style: solid;
+            border-radius: 5px;
+
+            .mx_RoomSettingsDialog_column_icon {
+                .mx_RoomSettingsDialog_protocolIcon,
+                .mx_RoomSettingsDialog_protocolIcon span,
+                .mx_RoomSettingsDialog_noProtocolIcon {
+                    box-sizing: border-box;
+                    border-radius: 5px;
+                    border: 1px solid $input-darker-bg-color;
+                }
+
+                .mx_RoomSettingsDialog_noProtocolIcon,
+                .mx_RoomSettingsDialog_protocolIcon img {
+                    border-radius: 5px;
+                }
+
+                .mx_RoomSettingsDialog_noProtocolIcon {
+                    width: 48px;
+                    height: 48px;
+                    background: $input-darker-bg-color;
+                }
+
+                .mx_RoomSettingsDialog_protocolIcon {
+                    img {
+                        border-width: 1px 1px;
+                        border-color: $primary-hairline-color;
+                    }
+
+                    span {
+                        /* Correct letter placement */
+                        left: auto;
+                    }
+                }
+            }
+
+            .mx_RoomSettingsDialog_column_data {
+                display: inline-block;
+                width: 85%;
+
+                .mx_RoomSettingsDialog_column_data_details,
+                .mx_RoomSettingsDialog_column_data_metadata,
+                .mx_RoomSettingsDialog_column_data_metadata li,
+                .mx_RoomSettingsDialog_column_data_protocolName {
+                    margin-bottom: 0;
+                }
+
+                .mx_RoomSettingsDialog_column_data_details,
+                .mx_RoomSettingsDialog_column_data_metadata {
+                    margin-top: var(--cpd-space-1x);
+                }
+
+                .mx_RoomSettingsDialog_column_data_metadata li {
+                    margin-top: var(--cpd-space-2x);
+                }
+
+                .mx_RoomSettingsDialog_column_data_protocolName {
+                    margin-top: 0;
+                    font-size: 16pt;
+                    color: $primary-content;
+                }
+
+                .mx_RoomSettingsDialog_workspace_channel_details {
+                    color: $primary-content;
+                    font-weight: var(--cpd-font-weight-semibold);
+
+                    .mx_RoomSettingsDialog_channel {
+                        margin-inline-start: 5px;
+                    }
+                }
+
+                .mx_RoomSettingsDialog_metadata {
+                    color: $muted-fg-color;
+                    margin-bottom: 0;
+                    overflow-y: visible;
+                    text-overflow: ellipsis;
+                    white-space: normal;
+                    padding: 0;
+                }
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_RoomUpgradeDialog.pcss b/apps/web/res/css/views/dialogs/_RoomUpgradeDialog.pcss
new file mode 100644
index 00000000000..b64c11bcf71
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_RoomUpgradeDialog.pcss
@@ -0,0 +1,10 @@
+/*
+Copyright 2018-2024 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_RoomUpgradeDialog {
+    padding-right: 70px;
+}
diff --git a/apps/web/res/css/views/dialogs/_RoomUpgradeWarningDialog.pcss b/apps/web/res/css/views/dialogs/_RoomUpgradeWarningDialog.pcss
new file mode 100644
index 00000000000..d988c34077a
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_RoomUpgradeWarningDialog.pcss
@@ -0,0 +1,44 @@
+/*
+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.
+*/
+
+.mx_RoomUpgradeWarningDialog {
+    max-width: 38vw;
+    width: 38vw;
+
+    .mx_RoomUpgradeWarningDialog_progress {
+        .mx_ProgressBar {
+            height: 8px;
+            width: 100%;
+
+            @mixin ProgressBarBorderRadius 8px;
+        }
+
+        .mx_RoomUpgradeWarningDialog_progressText {
+            margin-top: 8px;
+            font-size: $font-15px;
+            line-height: $font-24px;
+            color: $primary-content;
+        }
+    }
+}
+
+.mx_RoomUpgradeWarningDialog .mx_SettingsFlag {
+    font-weight: 700;
+
+    .mx_ToggleSwitch {
+        display: inline-block;
+        vertical-align: middle;
+        margin-left: 8px;
+        float: right;
+    }
+
+    .mx_SettingsFlag_label {
+        display: inline-block;
+        vertical-align: middle;
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_ServerOfflineDialog.pcss b/apps/web/res/css/views/dialogs/_ServerOfflineDialog.pcss
new file mode 100644
index 00000000000..96a4aa9bfb0
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_ServerOfflineDialog.pcss
@@ -0,0 +1,63 @@
+/*
+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.
+*/
+
+.mx_ServerOfflineDialog {
+    .mx_ServerOfflineDialog_content {
+        padding-right: 85px;
+        color: $primary-content;
+
+        hr {
+            border-color: $primary-content;
+            opacity: 0.1;
+            border-bottom: none;
+        }
+
+        ul {
+            padding: 16px;
+
+            li:nth-child(n + 2) {
+                margin-top: 16px;
+            }
+        }
+
+        .mx_ServerOfflineDialog_content_context {
+            .mx_ServerOfflineDialog_content_context_timestamp {
+                display: inline-block;
+                width: 115px;
+                color: $muted-fg-color;
+                line-height: 24px; /* same as avatar */
+                vertical-align: top;
+            }
+
+            .mx_ServerOfflineDialog_content_context_timeline {
+                display: inline-block;
+                width: calc(100% - 155px); /* 115px timestamp width + 40px right margin */
+
+                .mx_ServerOfflineDialog_content_context_timeline_header {
+                    span {
+                        margin-left: 8px;
+                        vertical-align: middle;
+                    }
+                }
+
+                .mx_ServerOfflineDialog_content_context_txn {
+                    position: relative;
+                    margin-top: 8px;
+
+                    .mx_ServerOfflineDialog_content_context_txn_desc {
+                        width: calc(100% - 100px); /* 100px is an arbitrary margin for the button */
+                    }
+
+                    .mx_AccessibleButton {
+                        float: right;
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_ServerPickerDialog.pcss b/apps/web/res/css/views/dialogs/_ServerPickerDialog.pcss
new file mode 100644
index 00000000000..63ad6d1942a
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_ServerPickerDialog.pcss
@@ -0,0 +1,71 @@
+/*
+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.
+*/
+
+.mx_ServerPickerDialog {
+    width: 468px;
+    box-sizing: border-box;
+
+    .mx_Dialog_content {
+        margin-bottom: 0;
+
+        > p {
+            color: $secondary-content;
+            font: var(--cpd-font-body-md-regular);
+
+            margin: 16px 0;
+
+            &:first-of-type {
+                margin-bottom: 40px;
+            }
+
+            &:last-of-type {
+                margin: 0 24px 24px;
+            }
+        }
+
+        > h2 {
+            font-size: $font-15px;
+            font-weight: var(--cpd-font-weight-semibold);
+            color: $secondary-content;
+            margin: 16px 0 16px 8px;
+        }
+
+        > a {
+            color: $accent;
+            margin-left: 8px;
+        }
+    }
+
+    .mx_ServerPickerDialog_otherHomeserverRadio {
+        input[type="radio"] + div {
+            margin-top: auto;
+            margin-bottom: auto;
+        }
+    }
+
+    .mx_ServerPickerDialog_otherHomeserver {
+        border-top: none;
+        border-left: none;
+        border-right: none;
+        border-radius: unset;
+
+        > input {
+            padding-left: 0;
+        }
+
+        > label {
+            margin-left: 0;
+        }
+    }
+
+    .mx_AccessibleButton_kind_primary {
+        width: calc(100% - 26px);
+        margin: 0 8px;
+        padding: 15px 18px;
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_SetEmailDialog.pcss b/apps/web/res/css/views/dialogs/_SetEmailDialog.pcss
new file mode 100644
index 00000000000..718618c9232
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_SetEmailDialog.pcss
@@ -0,0 +1,25 @@
+/*
+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_SetEmailDialog_email_input {
+    border-radius: 3px;
+    border: 1px solid $input-border-color;
+    padding: 9px;
+    color: $input-fg-color;
+    background-color: $background;
+    font-size: $font-15px;
+    width: 100%;
+    max-width: 280px;
+    margin-bottom: 10px;
+}
+
+.mx_SetEmailDialog_email_input:focus {
+    outline: none;
+    box-shadow: none;
+    border: 1px solid $accent;
+}
diff --git a/apps/web/res/css/views/dialogs/_SettingsDialog.pcss b/apps/web/res/css/views/dialogs/_SettingsDialog.pcss
new file mode 100644
index 00000000000..2b65bff63ba
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_SettingsDialog.pcss
@@ -0,0 +1,57 @@
+/*
+Copyright 2019-2024 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.
+*/
+
+/* Not actually a component but things shared by settings components */
+.mx_UserSettingsDialog,
+.mx_RoomSettingsDialog,
+.mx_SpaceSettingsDialog,
+.mx_SpacePreferencesDialog {
+    width: 90vw;
+    max-width: 980px;
+    /* set the height too since tabbed view scrolls itself. */
+    height: 80vh;
+
+    .mx_TabbedView {
+        top: 90px;
+    }
+
+    .mx_TabbedView .mx_SettingsTab {
+        box-sizing: border-box;
+        min-width: 580px;
+        padding-right: 100px;
+        display: flex;
+        flex-direction: column;
+
+        /* Put some padding on the bottom to avoid the settings tab from */
+        /* colliding harshly with the dialog when scrolled down. */
+        padding-bottom: 100px;
+    }
+
+    .mx_SettingsDialog_tabLabelsAlert::after {
+        display: inline-block;
+        content: "";
+        width: 8px;
+        height: 8px;
+        background-color: var(--cpd-color-icon-critical-primary);
+        clip-path: circle(4px);
+        position: absolute;
+        right: var(--cpd-space-4x);
+    }
+}
+
+/* On narrow viewports, the tab labels are hidden, so we need to shift the indicator so it isn't over the tab icon. */
+@media (max-width: 1024px) {
+    .mx_UserSettingsDialog,
+    .mx_RoomSettingsDialog,
+    .mx_SpaceSettingsDialog,
+    .mx_SpacePreferencesDialog {
+        .mx_SettingsDialog_tabLabelsAlert::after {
+            right: var(--cpd-space-1x);
+            top: var(--cpd-space-1x);
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_ShareDialog.pcss b/apps/web/res/css/views/dialogs/_ShareDialog.pcss
new file mode 100644
index 00000000000..e8ac18f0be0
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_ShareDialog.pcss
@@ -0,0 +1,77 @@
+/*
+Copyright 2018-2024 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_ShareDialog {
+    /* Value from figma design */
+    width: 416px;
+
+    .mx_Dialog_header {
+        text-align: center;
+        margin-bottom: var(--cpd-space-6x);
+        /* Override dialog header padding to able to center it */
+        padding-inline-end: 0;
+    }
+
+    .mx_ShareDialog_content {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-6x);
+        align-items: center;
+
+        .mx_ShareDialog_top {
+            display: flex;
+            flex-direction: column;
+            gap: var(--cpd-space-4x);
+            align-items: center;
+            width: 100%;
+
+            span {
+                text-align: center;
+                font: var(--cpd-font-body-sm-semibold);
+                color: var(--cpd-color-text-secondary);
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                overflow: hidden;
+                width: 100%;
+            }
+        }
+
+        label {
+            display: inline-flex;
+            gap: var(--cpd-space-3x);
+            justify-content: center;
+            align-items: center;
+            font: var(--cpd-font-body-md-medium);
+        }
+
+        button {
+            width: 100%;
+        }
+
+        .mx_ShareDialog_social {
+            display: flex;
+            gap: var(--cpd-space-3x);
+            justify-content: center;
+
+            a {
+                width: 48px;
+                height: 48px;
+                border-radius: 99px;
+                box-sizing: border-box;
+                border: 1px solid var(--cpd-color-border-interactive-secondary);
+                display: flex;
+                justify-content: center;
+                align-items: center;
+
+                img {
+                    width: 24px;
+                    height: 24px;
+                }
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_SlashCommandHelpDialog.pcss b/apps/web/res/css/views/dialogs/_SlashCommandHelpDialog.pcss
new file mode 100644
index 00000000000..445b2d02d50
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_SlashCommandHelpDialog.pcss
@@ -0,0 +1,15 @@
+/*
+Copyright 2024 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_SlashCommandHelpDialog .mx_SlashCommandHelpDialog_headerRow h2 {
+    margin-bottom: 2px;
+}
+
+.mx_SlashCommandHelpDialog .mx_Dialog_content {
+    margin-top: 12px;
+    margin-bottom: 34px;
+}
diff --git a/apps/web/res/css/views/dialogs/_SpacePreferencesDialog.pcss b/apps/web/res/css/views/dialogs/_SpacePreferencesDialog.pcss
new file mode 100644
index 00000000000..7b969e0ce0e
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_SpacePreferencesDialog.pcss
@@ -0,0 +1,28 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_SpacePreferencesDialog {
+    width: 700px;
+    height: 400px;
+
+    > h4 {
+        margin: -12px 0 0;
+        font-weight: normal;
+        font-size: $font-15px;
+        line-height: $font-24px;
+        color: $secondary-content;
+    }
+
+    .mx_TabbedView {
+        top: 80px;
+
+        .mx_SettingsTab {
+            min-width: unset;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_SpaceSettingsDialog.pcss b/apps/web/res/css/views/dialogs/_SpaceSettingsDialog.pcss
new file mode 100644
index 00000000000..e83025af36f
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_SpaceSettingsDialog.pcss
@@ -0,0 +1,74 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_SpaceSettingsDialog {
+    color: $primary-content;
+
+    .mx_SpaceSettings_errorText {
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: $font-12px;
+        line-height: $font-15px;
+        color: $alert;
+        margin-bottom: 28px;
+    }
+
+    .mx_ToggleSwitch {
+        display: inline-block;
+        vertical-align: middle;
+        margin-left: 16px;
+    }
+
+    .mx_SettingsTab_section {
+        .mx_SettingsTab_section_caption {
+            margin-top: 12px;
+            margin-bottom: 20px;
+        }
+
+        .mx_StyledRadioButton {
+            margin-top: 8px;
+            margin-bottom: 4px;
+
+            .mx_StyledRadioButton_content {
+                font-weight: var(--cpd-font-weight-semibold);
+                line-height: $font-18px;
+                color: $primary-content;
+            }
+
+            & + span {
+                font-size: $font-15px;
+                line-height: $font-18px;
+                color: $secondary-content;
+                margin-left: 26px;
+            }
+        }
+    }
+
+    .mx_SpaceSettingsDialog_buttons {
+        display: flex;
+        margin-top: 64px;
+
+        .mx_AccessibleButton {
+            display: inline-block;
+        }
+
+        .mx_AccessibleButton_kind_link {
+            margin-left: auto;
+        }
+    }
+
+    .mx_AccessibleButton_hasKind {
+        &.mx_AccessibleButton_kind_link {
+            font: var(--cpd-font-body-md-semibold);
+            margin: 7px 18px;
+
+            &.mx_SettingsTab_showAdvanced {
+                margin: 18px 0;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_SpotlightDialog.pcss b/apps/web/res/css/views/dialogs/_SpotlightDialog.pcss
new file mode 100644
index 00000000000..2a64e84a29d
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_SpotlightDialog.pcss
@@ -0,0 +1,443 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_SpotlightDialog_wrapper {
+    .mx_Dialog_border {
+        /* Disable the glass border as this dialog wasn't designed with it in mind */
+        display: contents;
+    }
+
+    .mx_Dialog {
+        /* !important because it's overriding compound  */
+        width: fit-content !important;
+        border-radius: 8px !important;
+        height: 60% !important;
+        overflow-y: initial;
+        position: relative;
+        padding: 0;
+        contain: unset; /* needed for #mx_SpotlightDialog_keyboardPrompt to not be culled */
+
+        #mx_SpotlightDialog_keyboardPrompt {
+            position: absolute;
+            padding: var(--cpd-space-2x);
+            border-radius: 8px;
+            background-color: $background;
+            top: -60px; /* relative to the top of the modal */
+            left: 50%;
+            transform: translateX(-50%);
+            font-size: $font-12px;
+            line-height: $font-15px;
+            color: $secondary-content;
+
+            kbd {
+                display: inline-block;
+                padding: 2px var(--cpd-space-1x);
+                margin: 0 var(--cpd-space-1x);
+                border-radius: 6px;
+                background-color: $quinary-content;
+                vertical-align: middle;
+                color: $tertiary-content;
+                /* To avoid any styling inherent with <kbd> elements */
+                font-family: inherit;
+                font-weight: inherit;
+                font-size: inherit;
+            }
+        }
+    }
+}
+
+.mx_SpotlightDialog {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
+    .mx_Dialog_header {
+        display: none;
+    }
+
+    .mx_SpotlightDialog_searchBox {
+        margin: 0;
+        border: none;
+        border-radius: 8px 8px 0 0;
+        padding: var(--cpd-space-3x) var(--cpd-space-4x);
+        border-bottom: 1px solid $system;
+
+        > .mx_SpotlightDialog_filter {
+            display: flex;
+            align-content: center;
+            align-items: center;
+            border-radius: 8px;
+            margin-right: var(--cpd-space-2x);
+            background-color: $quinary-content;
+            vertical-align: middle;
+            color: $primary-content;
+            position: relative;
+            padding: var(--cpd-space-1x) var(--cpd-space-2x) var(--cpd-space-1x) 37px;
+
+            > svg {
+                color: $secondary-content;
+                width: 18px;
+                height: 18px;
+                position: absolute;
+                left: var(--cpd-space-2x);
+                top: 50%;
+                transform: translateY(-50%);
+            }
+
+            .mx_SpotlightDialog_filter--close {
+                display: inline-block;
+                width: 14px;
+                height: 14px;
+                padding: 1px;
+                background: $system;
+                border-radius: 8px;
+                margin-left: var(--cpd-space-2x);
+                text-align: center;
+                line-height: 16px;
+                color: $secondary-content;
+
+                svg {
+                    color: $secondary-content;
+                    width: inherit;
+                    height: inherit;
+                }
+            }
+        }
+
+        > input {
+            display: block;
+            box-sizing: border-box;
+            background-color: transparent;
+            width: 100%;
+            height: 32px;
+            padding: 0;
+            color: $tertiary-content;
+            font-weight: normal;
+            font-size: $font-15px;
+            line-height: $font-24px;
+        }
+
+        > .mx_Spinner {
+            flex-grow: 0;
+            width: unset;
+            height: unset;
+            margin-left: var(--cpd-space-4x);
+        }
+
+        &:not(:focus-within) + #mx_SpotlightDialog_content {
+            /* Inhibit the styling if focus is not within the input which handles keyboard accessibility */
+            --mx_SpotlightDialog_option_selectedBgColor: transparent;
+
+            /* Hide the enter prompt as in this state pressing enter would not actuate that option */
+            .mx_SpotlightDialog_enterPrompt {
+                visibility: hidden;
+            }
+        }
+    }
+
+    #mx_SpotlightDialog_content {
+        height: 100%;
+        overflow-y: auto;
+        padding: var(--cpd-space-4x);
+
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+
+        .mx_SpotlightDialog_section {
+            > h4,
+            > .mx_SpotlightDialog_sectionHeader > h4 {
+                font-weight: var(--cpd-font-weight-semibold);
+                font-size: $font-12px;
+                line-height: $font-15px;
+                color: $secondary-content;
+                margin: 0;
+            }
+
+            > h4 {
+                margin-bottom: var(--cpd-space-2x);
+            }
+
+            .mx_SpotlightDialog_sectionHeader {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: var(--cpd-space-2x);
+
+                .mx_SpotlightDialog_options {
+                    display: flex;
+                    gap: var(--cpd-space-1x);
+                }
+            }
+
+            & + .mx_SpotlightDialog_section {
+                margin-top: var(--cpd-space-6x);
+            }
+        }
+
+        .mx_SpotlightDialog_option {
+            border-radius: 8px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+
+            &:hover,
+            &[aria-selected="true"] {
+                background-color: var(--mx_SpotlightDialog_option_selectedBgColor, $quinary-content);
+            }
+        }
+
+        .mx_SpotlightDialog_recentlyViewed {
+            > div {
+                display: flex;
+                white-space: nowrap;
+                overflow-x: hidden;
+                margin-right: 1px; /* occlude the 1px visible of the very next tile to prevent it looking broken */
+            }
+
+            .mx_SpotlightDialog_option {
+                padding: var(--cpd-space-1x);
+                color: $primary-content;
+                font-size: $font-12px;
+                line-height: $font-15px;
+                display: inline-block;
+                width: 58px;
+                height: 58px;
+                min-width: 58px;
+                box-sizing: border-box;
+                text-align: center;
+
+                .mx_DecoratedRoomAvatar {
+                    margin: 0 9px var(--cpd-space-1x); /* maintain centering */
+                }
+
+                & + .mx_SpotlightDialog_option {
+                    margin-left: var(--cpd-space-4x);
+                }
+            }
+        }
+
+        .mx_SpotlightDialog_results,
+        .mx_SpotlightDialog_recentSearches,
+        .mx_SpotlightDialog_otherSearches,
+        .mx_SpotlightDialog_hiddenResults {
+            .mx_SpotlightDialog_option {
+                --mx_SpotlightDialog_option_selectedBgColor: $system;
+
+                padding: 6px var(--cpd-space-1x);
+                font-size: $font-15px;
+                line-height: $font-24px;
+                color: $primary-content;
+                position: relative;
+                display: flex;
+                align-items: center;
+                white-space: nowrap;
+
+                .mx_SpotlightDialog_option--endAdornment {
+                    display: inline-flex;
+                    flex-direction: row;
+                    margin-left: auto;
+                    align-items: flex-start;
+                }
+
+                &.mx_SpotlightDialog_result_multiline {
+                    align-items: flex-start;
+
+                    .mx_AccessibleButton {
+                        padding: var(--cpd-space-1x) var(--cpd-space-5x);
+                        margin: 2px var(--cpd-space-1x);
+                    }
+
+                    .mx_SpotlightDialog_enterPrompt {
+                        margin-top: 9px;
+                        margin-right: var(--cpd-space-2x);
+                    }
+                }
+
+                .mx_SpotlightDialog_result_name {
+                    min-width: 0;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+
+                > .mx_SpotlightDialog_metaspaceResult,
+                > .mx_DecoratedRoomAvatar,
+                > .mx_BaseAvatar {
+                    margin-right: var(--cpd-space-2x);
+                    width: 24px;
+                    height: 24px;
+                    flex-shrink: 0;
+
+                    .mx_BaseAvatar {
+                        width: inherit;
+                        height: inherit;
+                    }
+                }
+
+                .mx_SpotlightDialog_result_publicRoomDetails {
+                    display: flex;
+                    flex-direction: column;
+                    flex-grow: 1;
+                    min-width: 0;
+
+                    .mx_SpotlightDialog_result_publicRoomHeader {
+                        display: flex;
+                        flex-direction: row;
+                        line-height: $font-24px;
+                        margin-right: var(--cpd-space-2x);
+
+                        .mx_SpotlightDialog_result_publicRoomName {
+                            color: $primary-content;
+                            font-size: $font-15px;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                        }
+                        .mx_SpotlightDialog_result_publicRoomAlias {
+                            color: $tertiary-content;
+                            font-size: $font-12px;
+                            margin-left: var(--cpd-space-2x);
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                        }
+                    }
+                    .mx_SpotlightDialog_result_publicRoomDescription {
+                        color: $secondary-content;
+                        font-size: $font-12px;
+                        white-space: normal;
+                        word-wrap: break-word;
+                        line-height: $font-20px;
+                        display: -webkit-box;
+                        -webkit-box-orient: vertical;
+                        -webkit-line-clamp: 3;
+                        overflow: hidden;
+                    }
+                }
+
+                .mx_SpotlightDialog_notificationBadge {
+                    margin-left: var(--cpd-space-2x);
+                }
+
+                .mx_SpotlightDialog_option--menu,
+                .mx_SpotlightDialog_option--notifications {
+                    width: 16px;
+                    height: 16px;
+                    padding: var(--cpd-space-0-5x);
+                    flex-shrink: 0;
+                    margin-top: auto;
+                    margin-bottom: auto;
+                    position: relative;
+                    display: none;
+
+                    svg {
+                        width: inherit;
+                        height: inherit;
+                        display: block;
+                        color: $tertiary-content;
+                    }
+
+                    &:hover svg,
+                    &:focus-visible svg {
+                        color: $secondary-content;
+                    }
+                }
+
+                &:hover,
+                &[aria-selected="true"] {
+                    .mx_SpotlightDialog_option--menu,
+                    .mx_SpotlightDialog_option--notifications {
+                        display: block;
+                    }
+                }
+
+                &[aria-selected="true"] .mx_SpotlightDialog_enterPrompt {
+                    display: inline-block;
+                }
+            }
+        }
+
+        .mx_SpotlightDialog_inviteLink,
+        .mx_SpotlightDialog_createRoom {
+            margin-top: var(--cpd-space-2x);
+
+            .mx_AccessibleButton {
+                position: relative;
+                margin: 0;
+                padding: 3px var(--cpd-space-2x) 3px var(--cpd-space-7x);
+
+                svg {
+                    display: block;
+                    position: absolute;
+                    left: var(--cpd-space-2x);
+                    width: 16px;
+                    height: 16px;
+                    color: var(--cpd-color-icon-primary);
+                }
+            }
+        }
+
+        .mx_SpotlightDialog_otherSearches {
+            .mx_SpotlightDialog_option {
+                padding-left: var(--cpd-space-8x);
+                position: relative;
+
+                svg {
+                    color: $secondary-content;
+                    width: 24px;
+                    height: 24px;
+                    position: absolute;
+                    left: var(--cpd-space-1x);
+                    top: 50%;
+                    transform: translateY(-50%);
+                }
+            }
+
+            .mx_SpotlightDialog_otherSearches_messageSearchText {
+                font-size: $font-15px;
+                line-height: $font-24px;
+            }
+        }
+
+        .mx_SpotlightDialog_result_details {
+            margin-left: var(--cpd-space-2x);
+            margin-right: var(--cpd-space-2x);
+            color: $tertiary-content;
+            font-size: $font-12px;
+            line-height: $font-15px;
+            min-width: 0;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .mx_SpotlightDialog_recentSearches > h4 > .mx_AccessibleButton_kind_link {
+            float: right;
+            font-size: $font-12px;
+            line-height: $font-15px;
+            color: $secondary-content;
+        }
+
+        .mx_SpotlightDialog_enterPrompt {
+            padding: 2px var(--cpd-space-1x);
+            /* To avoid any styling inherent with <kbd> elements */
+            font-family: inherit;
+            font-weight: inherit;
+            font-size: $font-12px;
+            line-height: $font-15px;
+            color: $tertiary-content;
+            border-radius: 6px;
+            background-color: $quinary-content;
+            margin-right: var(--cpd-space-1x);
+            display: none;
+        }
+
+        .mx_SpotlightDialog_metaspaceResult svg {
+            color: $secondary-content;
+            width: inherit;
+            height: inherit;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_TermsDialog.pcss b/apps/web/res/css/views/dialogs/_TermsDialog.pcss
new file mode 100644
index 00000000000..b6a8170f787
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_TermsDialog.pcss
@@ -0,0 +1,33 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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.
+*/
+
+/*
+ * To avoid visual glitching of two modals stacking briefly, we customise the
+ * terms dialog sizing when it will appear for the integration manager so that
+ * it gets the same basic size as the IM's own modal.
+ */
+.mx_TermsDialog_forIntegrationManager .mx_Dialog_border {
+    width: 60%;
+    height: 70%;
+    box-sizing: border-box;
+}
+
+.mx_TermsDialog_termsTableHeader {
+    font-weight: bold;
+    text-align: left;
+}
+
+.mx_TermsDialog_termsTable {
+    font-size: $font-12px;
+    width: 100%;
+}
+
+.mx_TermsDialog_service,
+.mx_TermsDialog_summary {
+    padding-right: 10px;
+}
diff --git a/apps/web/res/css/views/dialogs/_UnpinAllDialog.pcss b/apps/web/res/css/views/dialogs/_UnpinAllDialog.pcss
new file mode 100644
index 00000000000..e3a4c413827
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_UnpinAllDialog.pcss
@@ -0,0 +1,30 @@
+/*
+ * 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.
+ */
+
+.mx_UnpinAllDialog {
+    /* 396 is coming from figma and we remove the left and right paddings of the dialog */
+    width: calc(396px - (var(--cpd-space-10x) * 2));
+    padding-bottom: var(--cpd-space-2x);
+
+    .mx_UnpinAllDialog_title {
+        /* Override the default heading style */
+        font: var(--cpd-font-heading-sm-semibold) !important;
+        margin-bottom: var(--cpd-space-3x);
+    }
+
+    .mx_UnpinAllDialog_buttons {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-4x);
+        margin: var(--cpd-space-8x) var(--cpd-space-2x) 0 var(--cpd-space-2x);
+
+        button {
+            width: 100%;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_UploadConfirmDialog.pcss b/apps/web/res/css/views/dialogs/_UploadConfirmDialog.pcss
new file mode 100644
index 00000000000..f50bf5e7d50
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_UploadConfirmDialog.pcss
@@ -0,0 +1,26 @@
+/*
+Copyright 2019-2024 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_UploadConfirmDialog_fileIcon {
+    margin-right: 5px;
+}
+
+.mx_UploadConfirmDialog_previewOuter {
+    text-align: center;
+}
+
+.mx_UploadConfirmDialog_previewInner {
+    display: inline-block;
+    text-align: left;
+}
+
+.mx_UploadConfirmDialog_imagePreview {
+    max-height: 300px;
+    max-width: 100%;
+    border-radius: 4px;
+    border: 1px solid $dialog-close-fg-color;
+}
diff --git a/apps/web/res/css/views/dialogs/_UserSettingsDialog.pcss b/apps/web/res/css/views/dialogs/_UserSettingsDialog.pcss
new file mode 100644
index 00000000000..7f307afe2f4
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_UserSettingsDialog.pcss
@@ -0,0 +1,23 @@
+/*
+Copyright 2019-2024 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_SettingsDialog_toastContainer {
+    position: absolute;
+    bottom: var(--cpd-space-10x);
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}
+
+.mx_UserSettingsDialog_title {
+    /* Override default dialog font style */
+    font: var(--cpd-font-heading-md-regular) !important;
+
+    .mx_UserSettingsDialog_title_strong {
+        font: var(--cpd-font-heading-md-semibold);
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_VerifyEMailDialog.pcss b/apps/web/res/css/views/dialogs/_VerifyEMailDialog.pcss
new file mode 100644
index 00000000000..36ec6ea7e63
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_VerifyEMailDialog.pcss
@@ -0,0 +1,40 @@
+/*
+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_VerifyEMailDialog {
+    height: auto;
+    top: 300px;
+
+    .mx_Dialog {
+        color: $primary-content;
+        font: var(--cpd-font-body-md-regular);
+        padding: var(--cpd-space-6x) var(--cpd-space-6x) var(--cpd-space-4x);
+        text-align: center;
+        /* !important override compound  */
+        width: 485px !important;
+
+        h1 {
+            font-size: $font-24px;
+            font-weight: var(--cpd-font-weight-semibold);
+        }
+
+        .mx_VerifyEMailDialog_text-light {
+            color: $secondary-content;
+            line-height: 20px;
+        }
+
+        .mx_AuthBody_did-not-receive {
+            justify-content: center;
+            margin-bottom: var(--cpd-space-2x);
+        }
+
+        .mx_Dialog_cancelButton {
+            right: 10px;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/_WidgetCapabilitiesPromptDialog.pcss b/apps/web/res/css/views/dialogs/_WidgetCapabilitiesPromptDialog.pcss
new file mode 100644
index 00000000000..62805a24ae5
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/_WidgetCapabilitiesPromptDialog.pcss
@@ -0,0 +1,49 @@
+/*
+Copyright 2024,2025 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.
+*/
+
+.mx_WidgetCapabilitiesPromptDialog {
+    .text-muted {
+        font-size: $font-12px;
+    }
+
+    .mx_Dialog_content {
+        margin-bottom: 16px;
+    }
+
+    .mx_WidgetCapabilitiesPromptDialog_cap {
+        margin-top: 20px;
+        font-size: $font-15px;
+        line-height: $font-15px;
+    }
+
+    .mx_Dialog_buttons {
+        margin-top: 40px; /* double normal */
+    }
+
+    .mx_SettingsFlag {
+        line-height: calc($font-14px + 7px + 7px); /* 7px top & bottom padding */
+        color: $muted-fg-color;
+        font-size: $font-12px;
+
+        .mx_ToggleSwitch {
+            /* downsize the switch + ball */
+            width: $font-32px;
+            height: $font-15px;
+
+            &.mx_ToggleSwitch_on > .mx_ToggleSwitch_ball {
+                left: calc(100% - $font-15px);
+            }
+
+            .mx_ToggleSwitch_ball {
+                width: $font-15px;
+                height: $font-15px;
+                border-radius: $font-15px;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/invite/_UnknownIdentityUsersWarningDialog.pcss b/apps/web/res/css/views/dialogs/invite/_UnknownIdentityUsersWarningDialog.pcss
new file mode 100644
index 00000000000..085d9dfa5d5
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/invite/_UnknownIdentityUsersWarningDialog.pcss
@@ -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.
+*/
+
+.mx_UnknownIdentityUsersWarningDialog {
+    display: flex;
+    flex-direction: column;
+    height: 600px; /* Consistency with InviteDialog */
+}
+
+.mx_UnknownIdentityUsersWarningDialog_headerContainer {
+    /* Centre the PageHeader component horizontally */
+    display: flex;
+    justify-content: center;
+
+    /* Styling for the regular text inside the header */
+    font: var(--cpd-font-body-lg-regular);
+
+    /* Space before the list */
+    padding-bottom: var(--cpd-space-6x);
+}
+
+.mx_UnknownIdentityUsersWarningDialog_userList {
+    width: 100%;
+    overflow: auto;
+
+    /* Fill available vertical space, but don't allow it to shrink to less than 60px (about the height of a single tile) */
+    flex: 1 0 60px;
+
+    /* Remove browser default ul padding/margin */
+    padding: 0;
+    margin: 0;
+}
+
+.mx_UnknownIdentityUsersWarningDialog_buttons {
+    display: flex;
+    gap: var(--cpd-space-4x);
+
+    > button {
+        flex: 1;
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/security/_AccessSecretStorageDialog.pcss b/apps/web/res/css/views/dialogs/security/_AccessSecretStorageDialog.pcss
new file mode 100644
index 00000000000..ec4d58edafd
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/security/_AccessSecretStorageDialog.pcss
@@ -0,0 +1,58 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018, 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.
+*/
+
+.mx_AccessSecretStorageDialog {
+    &.mx_EncryptionCard {
+        /* override some styles that we don't need */
+        border: 0px none;
+        box-shadow: none;
+        padding: 0px;
+    }
+
+    .mx_AccessSecretStorageDialog_primaryContainer {
+        .mx_AccessSecretStorageDialog_recoveryKeyEntry {
+            /*
+             * Be specific here to avoid "margin: 9px" from _common.pcss
+             */
+            :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) {
+                input {
+                    /*
+                     * From figma: https://www.figma.com/design/ZodBLtGnKmRTGJo5SGLnH3/ER-137--Excluding-Insecure-Devices?node-id=102-43729&t=QmewENUd7f6Tmw9U-1
+                     */
+                    width: 448px;
+                    height: 70px;
+                    margin: 0px;
+                    border: 1px solid;
+                }
+            }
+        }
+
+        .mx_AccessSecretStorageDialog_recoveryKeyFeedback {
+            svg {
+                display: inline-block;
+                vertical-align: bottom;
+                width: 20px;
+                height: 20px;
+                mask-size: 20px;
+                margin-inline-end: 5px;
+            }
+
+            &.mx_AccessSecretStorageDialog_recoveryKeyFeedback--invalid {
+                color: $alert;
+
+                svg {
+                    color: $alert;
+                }
+            }
+        }
+    }
+
+    .mx_EncryptionCard_buttons {
+        margin-top: var(--cpd-space-20x);
+    }
+}
diff --git a/apps/web/res/css/views/dialogs/security/_CreateCrossSigningDialog.pcss b/apps/web/res/css/views/dialogs/security/_CreateCrossSigningDialog.pcss
new file mode 100644
index 00000000000..9cc7e98243d
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/security/_CreateCrossSigningDialog.pcss
@@ -0,0 +1,25 @@
+/*
+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.
+*/
+
+.mx_CreateCrossSigningDialog {
+    /* Why you ask? Because CompleteSecurityBody is 600px so this is the width */
+    /* we end up when in there, but when in our own dialog we set our own width */
+    /* so need to fix it to something sensible as otherwise we'd end up either */
+    /* really wide or really narrow depending on the phase. I bet you wish you */
+    /* never asked. */
+    width: 560px;
+
+    details .mx_AccessibleButton {
+        margin: 1em 0; /* emulate paragraph spacing because we can't put this button in a paragraph due to HTML rules */
+    }
+}
+
+.mx_CreateCrossSigningDialog .mx_Dialog_title {
+    /* TODO: Consider setting this for all dialog titles. */
+    margin-bottom: 1em;
+}
diff --git a/apps/web/res/css/views/dialogs/security/_CreateSecretStorageDialog.pcss b/apps/web/res/css/views/dialogs/security/_CreateSecretStorageDialog.pcss
new file mode 100644
index 00000000000..dc592c20f32
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/security/_CreateSecretStorageDialog.pcss
@@ -0,0 +1,141 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2018 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_CreateSecretStorageDialog {
+    /* Why you ask? Because CompleteSecurityBody is 600px so this is the width */
+    /* we end up when in there, but when in our own dialog we set our own width */
+    /* so need to fix it to something sensible as otherwise we'd end up either */
+    /* really wide or really narrow depending on the phase. I bet you wish you */
+    /* never asked. */
+    width: 560px;
+
+    &.mx_SuccessDialog {
+        padding: 56px; /* 80px from design - 24px wrapper padding */
+
+        .mx_Dialog_title {
+            margin-bottom: var(--cpd-space-4x);
+        }
+    }
+
+    .mx_SettingsFlag {
+        display: flex;
+    }
+
+    .mx_SettingsFlag_label {
+        flex: 1 1 0;
+        min-width: 0;
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+
+    .mx_ToggleSwitch {
+        flex: 0 0 auto;
+        margin-left: 30px;
+    }
+
+    details .mx_AccessibleButton {
+        margin: 1em 0; /* emulate paragraph spacing because we can't put this button in a paragraph due to HTML rules */
+    }
+}
+
+.mx_CreateSecretStorageDialog .mx_Dialog_title {
+    /* TODO: Consider setting this for all dialog titles. */
+    margin-bottom: 1em;
+}
+
+.mx_CreateSecretStorageDialog_centeredTitle,
+.mx_CreateSecretStorageDialog_centeredBody {
+    text-align: center;
+}
+
+.mx_CreateSecretStorageDialog_primaryContainer {
+    /* FIXME: plinth colour in new theme(s). background-color: $accent; */
+    padding-top: 20px;
+
+    &.mx_CreateSecretStorageDialog_recoveryKeyPrimarycontainer {
+        display: flex;
+        justify-content: center;
+    }
+}
+
+.mx_CreateSecretStorageDialog_primaryContainer::after {
+    content: "";
+    clear: both;
+    display: block;
+}
+
+.mx_CreateSecretStorageDialog_primaryContainer .mx_StyledRadioButton {
+    margin-bottom: 16px;
+    padding: 11px;
+}
+
+.mx_CreateSecretStorageDialog_optionTitle {
+    color: $dialog-title-fg-color;
+    font-weight: var(--cpd-font-weight-semibold);
+    font-size: $font-18px;
+    padding-bottom: 10px;
+}
+
+.mx_CreateSecretStorageDialog_passPhraseContainer {
+    display: flex;
+    align-items: flex-start;
+}
+
+.mx_Field.mx_CreateSecretStorageDialog_passPhraseField {
+    margin-top: 0px;
+}
+
+.mx_CreateSecretStorageDialog_passPhraseMatch {
+    width: 200px;
+    margin-left: 20px;
+}
+
+.mx_CreateSecretStorageDialog_recoveryKeyContainer {
+    display: inline-block;
+}
+
+.mx_CreateSecretStorageDialog_recoveryKey {
+    font-weight: bold;
+    text-align: center;
+    padding: 20px;
+    color: $info-plinth-fg-color;
+    background-color: $info-plinth-bg-color;
+    border-radius: 6px;
+    word-spacing: 1em;
+    margin-bottom: 20px;
+
+    code {
+        display: inline-block;
+        width: 30rem;
+    }
+}
+
+.mx_CreateSecretStorageDialog_recoveryKeyButtons {
+    align-items: center;
+    display: flex;
+    gap: 16px;
+}
+
+.mx_CreateSecretStorageDialog_recoveryKeyButtons_copyBtn {
+    flex-direction: column;
+}
+
+.mx_CreateSecretStorageDialog_recoveryKeyButtons .mx_AccessibleButton {
+    flex-grow: 1;
+    white-space: nowrap;
+}
+
+.mx_CreateSecretStorageDialog_continueSpinner {
+    margin-top: 33px;
+    text-align: right;
+}
+
+.mx_CreateSecretStorageDialog_continueSpinner img {
+    width: 20px;
+    height: 20px;
+}
diff --git a/apps/web/res/css/views/dialogs/security/_KeyBackupFailedDialog.pcss b/apps/web/res/css/views/dialogs/security/_KeyBackupFailedDialog.pcss
new file mode 100644
index 00000000000..f4ca40c66eb
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/security/_KeyBackupFailedDialog.pcss
@@ -0,0 +1,24 @@
+/*
+Copyright 2018-2024 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_KeyBackupFailedDialog .mx_Dialog_title {
+    margin-bottom: 32px;
+}
+
+.mx_KeyBackupFailedDialog_title {
+    padding-bottom: 10px;
+
+    svg {
+        margin-right: var(--cpd-space-2x);
+        vertical-align: -2px;
+        color: $primary-content;
+    }
+}
+
+.mx_KeyBackupFailedDialog .mx_Dialog_buttons {
+    margin-top: 36px;
+}
diff --git a/apps/web/res/css/views/dialogs/security/_RestoreKeyBackupDialog.pcss b/apps/web/res/css/views/dialogs/security/_RestoreKeyBackupDialog.pcss
new file mode 100644
index 00000000000..c8c7c3355dd
--- /dev/null
+++ b/apps/web/res/css/views/dialogs/security/_RestoreKeyBackupDialog.pcss
@@ -0,0 +1,32 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2018 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_RestoreKeyBackupDialog_keyStatus {
+    height: 30px;
+}
+
+.mx_RestoreKeyBackupDialog_primaryContainer {
+    /* FIXME: plinth colour in new theme(s). background-color: $accent; */
+    padding: 20px;
+}
+
+.mx_RestoreKeyBackupDialog_passPhraseInput,
+.mx_RestoreKeyBackupDialog_recoveryKeyInput {
+    width: 300px;
+    border: 1px solid $accent;
+    border-radius: 5px;
+    padding: 10px;
+}
+
+.mx_RestoreKeyBackupDialog_content > div {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    min-height: 110px; /* Empirically measured */
+}
diff --git a/apps/web/res/css/views/directory/_NetworkDropdown.pcss b/apps/web/res/css/views/directory/_NetworkDropdown.pcss
new file mode 100644
index 00000000000..bf2c6ed3232
--- /dev/null
+++ b/apps/web/res/css/views/directory/_NetworkDropdown.pcss
@@ -0,0 +1,71 @@
+/*
+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_NetworkDropdown_wrapper .mx_ContextualMenu {
+    .mx_GenericDropdownMenu_Option {
+        &.mx_GenericDropdownMenu_Option--header {
+            padding-top: var(--cpd-space-3x);
+            padding-bottom: var(--cpd-space-1x);
+            min-width: 160px;
+        }
+
+        &.mx_GenericDropdownMenu_Option--item {
+            padding-top: var(--cpd-space-1x);
+            padding-bottom: var(--cpd-space-1x);
+
+            > .mx_GenericDropdownMenu_Option--label span:first-child {
+                font-weight: normal;
+            }
+        }
+
+        > .mx_GenericDropdownMenu_Option--label {
+            flex-direction: row;
+            align-items: baseline;
+            align-content: baseline;
+            color: $primary-content;
+
+            span:not(:first-child) {
+                margin-left: var(--cpd-space-1x);
+                color: $secondary-content;
+            }
+        }
+    }
+
+    .mx_GenericDropdownMenu_divider {
+        margin-top: var(--cpd-space-1x);
+        margin-bottom: var(--cpd-space-1x);
+
+        & + .mx_GenericDropdownMenu_Option .mx_GenericDropdownMenu_Option--label {
+            font-size: $font-15px;
+        }
+    }
+}
+
+.mx_NetworkDropdown_removeServer {
+    position: relative;
+    display: inline-block;
+    width: 14px;
+    height: 14px;
+    padding: 1px;
+    background: $quinary-content;
+    border-radius: 8px;
+    text-align: center;
+    line-height: 16px;
+    color: $secondary-content;
+    margin-left: auto;
+
+    svg {
+        color: $secondary-content;
+        height: inherit;
+        width: inherit;
+    }
+}
+
+.mx_NetworkDropdown_dialog .mx_Dialog {
+    width: 45vw;
+}
diff --git a/apps/web/res/css/views/elements/_AccessibleButton.pcss b/apps/web/res/css/views/elements/_AccessibleButton.pcss
new file mode 100644
index 00000000000..e79a858d493
--- /dev/null
+++ b/apps/web/res/css/views/elements/_AccessibleButton.pcss
@@ -0,0 +1,172 @@
+/*
+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_AccessibleButton {
+    cursor: pointer;
+
+    &:where(button) {
+        /* Clear default button styling */
+        appearance: none;
+        background: none;
+        border: none;
+        padding: 0;
+        margin: 0;
+        font-size: inherit;
+        font-family: inherit;
+        line-height: inherit;
+        box-sizing: content-box;
+    }
+
+    &.mx_AccessibleButton_disabled {
+        cursor: not-allowed;
+
+        &.mx_AccessibleButton_kind_icon_primary,
+        &.mx_AccessibleButton_kind_icon_primary_outline,
+        &.mx_AccessibleButton_kind_primary,
+        &.mx_AccessibleButton_kind_primary_outline,
+        &.mx_AccessibleButton_kind_primary_sm,
+        &.mx_AccessibleButton_kind_link,
+        &.mx_AccessibleButton_kind_link_accent,
+        &.mx_AccessibleButton_kind_link_inline,
+        &.mx_AccessibleButton_kind_danger_inline,
+        &.mx_AccessibleButton_kind_content_inline,
+        &.mx_AccessibleButton_kind_link_sm {
+            opacity: 0.4;
+        }
+    }
+
+    &.mx_AccessibleButton_hasKind {
+        padding: 7px 18px;
+        text-align: center;
+        border-radius: 24px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        font: var(--cpd-font-body-md-semibold);
+        border: none; /* override default <button /> styles */
+        word-break: keep-all; /* prevent button text in Chinese/Japanese/Korean (CJK) from being collapsed */
+        box-sizing: border-box;
+
+        &.mx_AccessibleButton_kind_primary_sm,
+        &.mx_AccessibleButton_kind_danger_sm,
+        &.mx_AccessibleButton_kind_link_sm {
+            padding: 5px 12px;
+        }
+
+        &.mx_AccessibleButton_kind_primary_sm {
+            color: var(--cpd-color-text-on-solid-primary);
+            background-color: var(--cpd-color-bg-action-primary-rest);
+            border: 1px solid var(--cpd-color-bg-action-primary-rest);
+        }
+
+        &.mx_AccessibleButton_kind_danger_sm {
+            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_kind_link_sm {
+            color: var(--cpd-color-text-primary);
+            text-decoration: underline;
+            font-weight: var(--cpd-font-weight-semibold);
+        }
+
+        &.mx_AccessibleButton_kind_icon,
+        &.mx_AccessibleButton_kind_icon_primary,
+        &.mx_AccessibleButton_kind_icon_primary_outline {
+            padding: 0;
+            height: 32px;
+            width: 32px;
+        }
+    }
+
+    &.mx_AccessibleButton_kind_icon_primary,
+    &.mx_AccessibleButton_kind_icon_primary_outline,
+    &.mx_AccessibleButton_kind_primary,
+    &.mx_AccessibleButton_kind_primary_outline,
+    &.mx_AccessibleButton_kind_secondary {
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+
+    &.mx_AccessibleButton_kind_icon_primary,
+    &.mx_AccessibleButton_kind_primary {
+        border: 1px solid var(--cpd-color-bg-action-primary-rest);
+        color: var(--cpd-color-text-on-solid-primary);
+        background-color: var(--cpd-color-bg-action-primary-rest);
+    }
+
+    &.mx_AccessibleButton_kind_icon_primary_outline,
+    &.mx_AccessibleButton_kind_primary_outline {
+        border: 1px solid var(--cpd-color-border-interactive-secondary);
+        color: var(--cpd-color-text-primary);
+    }
+
+    &.mx_AccessibleButton_kind_secondary {
+        color: var(--cpd-color-text-primary);
+        text-decoration: underline;
+    }
+
+    &.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);
+            background-color: var(--cpd-color-bg-critical-primary);
+        }
+    }
+
+    &.mx_AccessibleButton_kind_danger_outline {
+        color: var(--cpd-color-text-critical-primary);
+        background-color: transparent;
+        border: 1px solid var(--cpd-color-border-critical-subtle);
+
+        &.mx_AccessibleButton_disabled {
+            color: var(--cpd-color-text-disabled);
+            border-color: var(--cpd-color-border-disabled);
+        }
+    }
+
+    &.mx_AccessibleButton_kind_danger_sm {
+        &.mx_AccessibleButton_disabled {
+            color: var(--cpd-color-text-disabled);
+            background-color: var(--cpd-color-bg-subtle-primary);
+        }
+    }
+
+    &.mx_AccessibleButton_kind_link,
+    &.mx_AccessibleButton_kind_link_inline,
+    &.mx_AccessibleButton_kind_danger_inline,
+    &.mx_AccessibleButton_kind_content_inline {
+        font-size: inherit;
+        font-weight: var(--cpd-font-weight-semibold);
+        line-height: inherit;
+        padding: 0;
+        text-decoration: underline;
+    }
+
+    &.mx_AccessibleButton_kind_link,
+    &.mx_AccessibleButton_kind_link_inline {
+        color: var(--cpd-color-text-primary);
+    }
+
+    &.mx_AccessibleButton_kind_danger_inline {
+        color: var(--cpd-color-text-critical-primary);
+    }
+
+    &.mx_AccessibleButton_kind_content_inline {
+        color: $primary-content;
+    }
+
+    &.mx_AccessibleButton_kind_link_inline,
+    &.mx_AccessibleButton_kind_danger_inline,
+    &.mx_AccessibleButton_kind_content_inline {
+        display: inline;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_CopyableText.pcss b/apps/web/res/css/views/elements/_CopyableText.pcss
new file mode 100644
index 00000000000..94964758eac
--- /dev/null
+++ b/apps/web/res/css/views/elements/_CopyableText.pcss
@@ -0,0 +1,38 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2019 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_CopyableText {
+    align-items: center;
+    display: flex;
+    justify-content: space-between;
+    width: max-content;
+    max-width: 100%;
+
+    &.mx_CopyableText_border {
+        overflow: auto;
+        border-radius: 5px;
+        border: solid 1px $light-fg-color;
+        margin-bottom: 10px;
+        margin-top: 10px;
+        padding: 10px;
+    }
+
+    .mx_CopyableText_copyButton {
+        flex-shrink: 0;
+        display: block;
+        /* If the copy button is used within a scrollable div, make it stick to the right while scrolling */
+        position: sticky;
+        margin-left: var(--cpd-space-1x);
+
+        svg {
+            color: $message-action-bar-fg-color;
+            display: block;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/elements/_DesktopCapturerSourcePicker.pcss b/apps/web/res/css/views/elements/_DesktopCapturerSourcePicker.pcss
new file mode 100644
index 00000000000..136dada34a7
--- /dev/null
+++ b/apps/web/res/css/views/elements/_DesktopCapturerSourcePicker.pcss
@@ -0,0 +1,48 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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.
+*/
+
+.mx_desktopCapturerSourcePicker {
+    overflow: hidden;
+
+    .mx_desktopCapturerSourcePicker_tab {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        align-items: flex-start;
+        height: 500px;
+        overflow: overlay;
+
+        .mx_desktopCapturerSourcePicker_source {
+            width: 50%;
+            display: flex;
+            flex-direction: column;
+
+            .mx_desktopCapturerSourcePicker_source_thumbnail {
+                margin: 4px;
+                padding: 4px;
+                border-width: 2px;
+                border-radius: 8px;
+                border-style: solid;
+                border-color: transparent;
+
+                &.mx_desktopCapturerSourcePicker_source_thumbnail_selected,
+                &:hover,
+                &:focus {
+                    border-color: $accent;
+                }
+            }
+
+            .mx_desktopCapturerSourcePicker_source_name {
+                margin: 0 4px;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                overflow: hidden;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/elements/_DialPadBackspaceButton.pcss b/apps/web/res/css/views/elements/_DialPadBackspaceButton.pcss
new file mode 100644
index 00000000000..6325276901f
--- /dev/null
+++ b/apps/web/res/css/views/elements/_DialPadBackspaceButton.pcss
@@ -0,0 +1,20 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_DialPadBackspaceButton {
+    height: 20px;
+    width: 20px;
+    padding: var(--cpd-space-1x);
+
+    svg {
+        color: #8d97a5;
+        width: inherit;
+        height: inherit;
+        display: inline-block;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_Dropdown.pcss b/apps/web/res/css/views/elements/_Dropdown.pcss
new file mode 100644
index 00000000000..158aa792755
--- /dev/null
+++ b/apps/web/res/css/views/elements/_Dropdown.pcss
@@ -0,0 +1,126 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017 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_Dropdown {
+    position: relative;
+    color: $primary-content;
+}
+
+.mx_Dropdown_disabled {
+    opacity: 0.3;
+}
+
+.mx_Dropdown_input {
+    display: flex;
+    align-items: center;
+    position: relative;
+    border-radius: 8px;
+    border: 1px solid var(--cpd-color-border-interactive-secondary);
+    font: var(--cpd-font-body-sm-regular);
+    user-select: none;
+}
+
+.mx_Dropdown_input.mx_AccessibleButton_disabled {
+    cursor: not-allowed;
+}
+
+.mx_Dropdown_input:focus {
+    border-color: $accent-alt;
+}
+
+/* Disable dropdown highlight on focus */
+.mx_Dropdown_input.mx_AccessibleButton:focus {
+    filter: none;
+}
+
+svg.mx_Dropdown_arrow {
+    width: 18px;
+    height: 18px;
+    margin-right: 3px;
+    color: $primary-content;
+}
+
+.mx_Dropdown_option {
+    height: 35px;
+    line-height: $font-35px;
+    /* Overwrites the default padding for any li elements */
+    padding: 0 8px;
+}
+
+.mx_Dropdown_input > .mx_Dropdown_option {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex: 1;
+    display: inline-flex;
+    align-items: center;
+}
+
+.mx_Dropdown_option div {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.mx_Dropdown_option img,
+.mx_Dropdown_option .mx_Dropdown_option_emoji {
+    margin: 5px;
+    width: 16px;
+    vertical-align: middle;
+}
+
+.mx_Dropdown_option_emoji {
+    font-size: $font-16px;
+    line-height: $font-16px;
+}
+
+input.mx_Dropdown_option,
+input.mx_Dropdown_option:focus {
+    font-weight: normal;
+    border: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    /* XXX: hack to prevent text box being too big and pushing */
+    /* its parent out / overlapping the dropdown arrow. Only really */
+    /* works in the Country dropdown. */
+    width: 60%;
+}
+
+.mx_Dropdown_menu {
+    position: absolute;
+    left: -1px;
+    right: -1px;
+    top: 100%;
+    z-index: 2;
+    margin: 0;
+    padding: 0px;
+    border-radius: 4px;
+    border: 1px solid $accent-alt;
+    background-color: $background;
+    max-height: 200px;
+    overflow-y: auto;
+}
+
+.mx_Dropdown_menu .mx_Dropdown_option {
+    height: auto;
+    min-height: 35px;
+}
+
+ul.mx_Dropdown_menu li.mx_Dropdown_option {
+    list-style: none;
+}
+
+.mx_Dropdown_menu .mx_Dropdown_option_highlight {
+    background-color: $focus-bg-color;
+}
+
+.mx_Dropdown_searchPrompt {
+    font-weight: normal;
+    margin-left: 5px;
+    margin-bottom: 5px;
+}
diff --git a/apps/web/res/css/views/elements/_EditableItemList.pcss b/apps/web/res/css/views/elements/_EditableItemList.pcss
new file mode 100644
index 00000000000..9d58f3aed28
--- /dev/null
+++ b/apps/web/res/css/views/elements/_EditableItemList.pcss
@@ -0,0 +1,50 @@
+/*
+Copyright 2017-2024 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_EditableItemList {
+    margin-top: 12px;
+    margin-bottom: 10px;
+}
+
+.mx_EditableItem {
+    display: flex;
+    margin-bottom: 5px;
+}
+
+.mx_EditableItem_delete {
+    @mixin customisedCancelButton;
+    order: 3;
+    vertical-align: middle;
+    width: 28px;
+    height: 28px;
+    mask-size: 100%;
+}
+
+.mx_EditableItem_email {
+    vertical-align: middle;
+}
+
+.mx_EditableItem_promptText {
+    margin-right: 10px;
+    order: 2;
+}
+
+.mx_EditableItem_confirmBtn {
+    margin-right: 5px;
+}
+
+.mx_EditableItem_item {
+    flex: auto 1 0;
+    order: 1;
+    width: calc(100% - 28px); /* leave space for the remove button */
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+}
+
+.mx_EditableItemList_label {
+    margin-bottom: 5px;
+}
diff --git a/apps/web/res/css/views/elements/_ErrorBoundary.pcss b/apps/web/res/css/views/elements/_ErrorBoundary.pcss
new file mode 100644
index 00000000000..0ed1f7b6382
--- /dev/null
+++ b/apps/web/res/css/views/elements/_ErrorBoundary.pcss
@@ -0,0 +1,26 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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_ErrorBoundary {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.mx_ErrorBoundary_body {
+    display: flex;
+    flex-direction: column;
+    max-width: 400px;
+    align-items: center;
+
+    .mx_AccessibleButton {
+        margin-top: 5px;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_ExternalLink.pcss b/apps/web/res/css/views/elements/_ExternalLink.pcss
new file mode 100644
index 00000000000..32d2b040aed
--- /dev/null
+++ b/apps/web/res/css/views/elements/_ExternalLink.pcss
@@ -0,0 +1,19 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_ExternalLink {
+    color: $links;
+}
+
+.mx_ExternalLink_icon {
+    display: inline-block;
+    width: $font-11px;
+    height: $font-11px;
+    margin-left: 0.3rem;
+    vertical-align: middle;
+}
diff --git a/apps/web/res/css/views/elements/_FacePile.pcss b/apps/web/res/css/views/elements/_FacePile.pcss
new file mode 100644
index 00000000000..791386cd4a6
--- /dev/null
+++ b/apps/web/res/css/views/elements/_FacePile.pcss
@@ -0,0 +1,31 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_FacePile_more {
+    /* Needed to calculate the offset on the face pile */
+    --cpd-avatar-size: 28px;
+    position: relative;
+    border-radius: 100%;
+    width: 28px;
+    height: 28px;
+    box-sizing: border-box;
+    padding: var(--cpd-space-1x);
+    background-color: $panels;
+    color: $tertiary-content;
+    display: inline-block;
+    z-index: 1;
+    /* For enhanced visibility under contrast control */
+    outline: 1px solid transparent;
+}
+
+.mx_FacePile_summary {
+    margin-left: 12px;
+    font: var(--cpd-font-body-md-regular);
+    line-height: $font-24px;
+    color: $tertiary-content;
+}
diff --git a/apps/web/res/css/views/elements/_Field.pcss b/apps/web/res/css/views/elements/_Field.pcss
new file mode 100644
index 00000000000..dc9f2873984
--- /dev/null
+++ b/apps/web/res/css/views/elements/_Field.pcss
@@ -0,0 +1,173 @@
+/*
+Copyright 2019-2024 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.
+*/
+
+/* TODO: Consider unifying with general input styles in _light.pcss */
+
+.mx_Field {
+    display: flex;
+    flex: 1;
+    min-width: 0;
+    position: relative;
+    margin: 1em 0;
+    border-radius: 8px;
+    transition: border-color 0.25s;
+    border: 1px solid var(--cpd-color-border-interactive-secondary);
+}
+
+.mx_Field_prefix {
+    border-right: 1px solid var(--cpd-color-border-interactive-secondary);
+}
+
+.mx_Field_postfix {
+    border-left: 1px solid var(--cpd-color-border-interactive-secondary);
+}
+
+.mx_Field input,
+.mx_Field select,
+.mx_Field textarea {
+    font: var(--cpd-font-body-md-regular);
+    border: none;
+    /* Even without a border here, we still need this avoid overlapping the rounded */
+    /* corners on the field above. */
+    border-radius: 8px;
+    padding: 8px 9px;
+    color: $primary-content;
+    background-color: $background;
+    flex: 1;
+    min-width: 0;
+}
+
+.mx_Field select {
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    text-overflow: ellipsis;
+}
+
+.mx_Field_select_chevron {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: 4px;
+    width: 18px;
+    height: 18px;
+    color: $primary-content;
+    z-index: 1;
+    pointer-events: none;
+}
+
+.mx_Field:focus-within {
+    border-color: $accent-alt;
+}
+
+.mx_Field input:focus,
+.mx_Field select:focus,
+.mx_Field textarea:focus {
+    outline: 0;
+}
+
+.mx_Field input::placeholder,
+.mx_Field textarea::placeholder {
+    transition: color 0.25s ease-in 0s;
+    color: transparent;
+}
+
+.mx_Field input:placeholder-shown:focus::placeholder,
+.mx_Field textarea:placeholder-shown:focus::placeholder,
+.mx_Field.mx_Field_placeholderIsHint input::placeholder {
+    transition: color 0.25s ease-in 0.1s;
+    color: $info-plinth-fg-color;
+}
+
+.mx_Field label {
+    transition:
+        font-size 0.25s ease-out 0.1s,
+        color 0.25s ease-out 0.1s,
+        transform 0.25s ease-out 0.1s,
+        background-color 0.25s ease-out 0.1s;
+    background-color: transparent;
+    font: var(--cpd-font-body-md-regular);
+    color: var(--cpd-color-text-secondary);
+    transform: translateY(0);
+    position: absolute;
+    left: 0px;
+    margin: 7px 8px;
+    padding: 2px;
+    pointer-events: none; /* Allow clicks to fall through to the input */
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    max-width: calc(100% - 20px); /* 100% of parent minus margin and padding */
+}
+
+.mx_Field_labelAlwaysTopLeft label,
+.mx_Field select + label /* Always show a select's label on top to not collide with the value */,
+.mx_Field input:focus + label,
+.mx_Field input:not(:placeholder-shown) + label,
+.mx_Field textarea:focus + label,
+.mx_Field textarea:not(:placeholder-shown) + label {
+    transition:
+        font-size 0.25s ease-out 0s,
+        color 0.25s ease-out 0s,
+        transform 0.25s ease-out 0s,
+        background-color 0.25s ease-out 0s;
+    font-size: $font-10px;
+    transform: translateY(-13px);
+    padding: 0 2px;
+    background-color: $background;
+    pointer-events: initial;
+}
+
+.mx_Field input:focus + label,
+.mx_Field select:focus + label,
+.mx_Field textarea:focus + label {
+    color: $accent-alt;
+}
+
+.mx_Field select:disabled,
+.mx_Field select:disabled + label,
+.mx_Field input:disabled,
+.mx_Field input:disabled + label,
+.mx_Field textarea:disabled,
+.mx_Field textarea:disabled + label {
+    background-color: $background;
+    color: $info-plinth-fg-color;
+}
+
+.mx_Field_valid {
+    &.mx_Field,
+    &.mx_Field:focus-within {
+        border-color: $accent;
+    }
+
+    &.mx_Field label,
+    &.mx_Field:focus-within label {
+        color: $accent;
+    }
+}
+
+.mx_Field_invalid {
+    &.mx_Field,
+    &.mx_Field:focus-within {
+        border-color: $alert;
+    }
+
+    &.mx_Field label,
+    &.mx_Field:focus-within label {
+        color: $alert;
+    }
+}
+
+/* Customise other components when placed inside a Field */
+
+.mx_Field .mx_Dropdown_input {
+    border: initial;
+    border-radius: initial;
+}
+
+.mx_Field .mx_CountryDropdown {
+    width: fit-content;
+}
diff --git a/apps/web/res/css/views/elements/_GenericEventListSummary.pcss b/apps/web/res/css/views/elements/_GenericEventListSummary.pcss
new file mode 100644
index 00000000000..fe681e53637
--- /dev/null
+++ b/apps/web/res/css/views/elements/_GenericEventListSummary.pcss
@@ -0,0 +1,133 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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_GenericEventListSummary {
+    position: relative;
+
+    .mx_GenericEventListSummary_avatars {
+        margin-right: var(--cpd-space-2x);
+    }
+
+    .mx_GenericEventListSummary_spacer {
+        border-bottom: 1px solid $primary-hairline-color;
+        margin-left: 63px;
+        line-height: $font-30px; /* TODO: Use a variable */
+
+        .mx_IRCLayout & {
+            line-height: var(--line-height);
+        }
+    }
+
+    .mx_GenericEventListSummary_toggle {
+        /* We reuse a title cased translation */
+        text-transform: lowercase;
+    }
+
+    &[data-layout="irc"],
+    &[data-layout="group"] {
+        .mx_GenericEventListSummary_toggle {
+            float: right;
+            margin-inline: 0 10px;
+        }
+    }
+
+    &[data-layout="group"] {
+        margin-top: var(--cpd-space-2x);
+    }
+
+    &[data-layout="bubble"] {
+        --maxWidth: 70%;
+        display: flex;
+        margin-left: calc(var(--avatarSize) + var(--gutterSize));
+
+        .mx_GenericEventListSummary_toggle {
+            margin-block: 0;
+
+            &[aria-expanded="false"] {
+                order: 9; /* TODO: Remove */
+            }
+
+            &[aria-expanded="true"] {
+                margin-inline-start: auto; /* reduce clickable area */
+                margin-inline-end: var(--EventTile_bubble-margin-inline-end); /* as the parent has zero margin */
+            }
+        }
+
+        .mx_GenericEventListSummary_spacer {
+            display: none;
+        }
+
+        &[data-expanded="false"] {
+            align-items: center;
+            justify-content: space-between;
+            column-gap: 5px;
+        }
+
+        /* ideally we'd use display=contents here for the layout to all work regardless of the *ELS but */
+        /* that breaks ScrollPanel's reliance upon offsetTop so we have to have a bit more finesse. */
+        &[data-expanded="true"] {
+            flex-direction: column;
+            margin: 0;
+        }
+
+        &::after {
+            content: "";
+            clear: both;
+        }
+
+        &:hover {
+            &::before {
+                background: transparent;
+            }
+        }
+    }
+
+    .mx_MatrixChat_useCompactLayout & {
+        font-size: $font-13px;
+        margin-top: var(--cpd-space-1x);
+
+        .mx_EventTile_line {
+            line-height: 1.25;
+        }
+
+        .mx_GenericEventListSummary_spacer {
+            line-height: 1.375;
+        }
+
+        .mx_TextualEvent.mx_GenericEventListSummary_summary {
+            font: var(--cpd-font-body-sm-regular);
+        }
+    }
+
+    /* Make all state events one order smaller than the other events */
+    .mx_EventTile {
+        font: var(--cpd-font-body-sm-regular);
+        color: $secondary-content;
+    }
+}
+
+.mx_GenericEventListSummary_unstyledList {
+    list-style: none;
+    padding: 0;
+}
+
+.mx_TextualEvent.mx_GenericEventListSummary_summary {
+    font: var(--cpd-font-body-sm-regular);
+    display: inline;
+    color: $secondary-content;
+}
+
+.mx_GenericEventListSummary_avatars {
+    display: inline-block;
+    line-height: $font-12px;
+
+    .mx_BaseAvatar {
+        margin-right: -4px;
+        cursor: pointer;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_ImageView.pcss b/apps/web/res/css/views/elements/_ImageView.pcss
new file mode 100644
index 00000000000..c0254561576
--- /dev/null
+++ b/apps/web/res/css/views/elements/_ImageView.pcss
@@ -0,0 +1,127 @@
+/*
+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.
+*/
+
+$button-size: 32px;
+$button-gap: var(--cpd-space-3x);
+
+:root {
+    --image-view-panel-height: 68px;
+}
+
+.mx_ImageView {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    flex-direction: column;
+}
+
+.mx_ImageView_image_wrapper {
+    pointer-events: initial;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    overflow: hidden;
+}
+
+.mx_ImageView_image {
+    flex-shrink: 0;
+
+    &.mx_ImageView_image_animating {
+        transition: transform 200ms ease 0s;
+    }
+
+    &.mx_ImageView_image_animatingLoading {
+        transition: transform 300ms ease 0s;
+    }
+}
+
+.mx_ImageView_panel {
+    width: 100%;
+    height: var(--image-view-panel-height);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    animation-name: mx_ImageView_panel_keyframes;
+    animation-duration: 300ms;
+}
+
+.mx_ImageView_info_wrapper {
+    pointer-events: initial;
+    padding-left: 32px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    color: $lightbox-fg-color;
+    flex-grow: 1;
+    flex-basis: 0;
+}
+
+.mx_ImageView_info {
+    padding-left: 12px;
+    display: flex;
+    flex-direction: column;
+}
+
+.mx_ImageView_info_sender {
+    font-weight: bold;
+}
+
+.mx_ImageView_title {
+    color: $lightbox-fg-color;
+    font-size: $font-12px;
+    flex-grow: 1;
+    flex-basis: 0;
+    text-align: center;
+}
+
+.mx_ImageView_toolbar {
+    --icon-size: 24px;
+
+    padding-right: 16px;
+    pointer-events: initial;
+    display: flex;
+    align-items: center;
+    flex-grow: 1;
+    flex-basis: 0;
+    justify-content: flex-end;
+    gap: $button-gap;
+}
+
+.mx_ImageView_button {
+    padding: calc(($button-size - var(--icon-size)) / 2);
+    width: var(--icon-size);
+    height: var(--icon-size);
+    display: block;
+
+    svg {
+        height: inherit;
+        width: inherit;
+        display: block;
+        color: $icon-button-color;
+    }
+}
+
+.mx_ImageView_button_more {
+    --icon-size: 28px;
+}
+
+.mx_ImageView_button_close {
+    border-radius: 100%;
+    background: #21262c; /* same on all themes */
+}
+
+@media (prefers-reduced-motion) {
+    .mx_ImageView_image_animating {
+        transition: none !important;
+    }
+
+    .mx_ImageView_image_animatingLoading {
+        transition: none !important;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_InfoTooltip.pcss b/apps/web/res/css/views/elements/_InfoTooltip.pcss
new file mode 100644
index 00000000000..800f50597bd
--- /dev/null
+++ b/apps/web/res/css/views/elements/_InfoTooltip.pcss
@@ -0,0 +1,24 @@
+/*
+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.
+*/
+
+.mx_InfoTooltip_icon {
+    width: 16px;
+    height: 16px;
+    display: inline-block;
+
+    svg {
+        height: inherit;
+        width: inherit;
+        color: $muted-fg-color;
+    }
+}
+
+.mx_InfoTooltip_icon::before {
+    display: inline-block;
+    vertical-align: middle;
+}
diff --git a/apps/web/res/css/views/elements/_InlineSpinner.pcss b/apps/web/res/css/views/elements/_InlineSpinner.pcss
new file mode 100644
index 00000000000..5df3bd99047
--- /dev/null
+++ b/apps/web/res/css/views/elements/_InlineSpinner.pcss
@@ -0,0 +1,16 @@
+/*
+Copyright 2017-2024 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_InlineSpinner {
+    display: inline;
+
+    svg {
+        margin: 0px 6px;
+        vertical-align: -3px;
+        display: inline-block;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_InteractiveTooltip.pcss b/apps/web/res/css/views/elements/_InteractiveTooltip.pcss
new file mode 100644
index 00000000000..e53282b203c
--- /dev/null
+++ b/apps/web/res/css/views/elements/_InteractiveTooltip.pcss
@@ -0,0 +1,91 @@
+/*
+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.
+*/
+
+.mx_InteractiveTooltip_wrapper {
+    position: fixed;
+    z-index: 3999;
+}
+
+.mx_InteractiveTooltip {
+    border-radius: 8px;
+    background-color: $background;
+    color: $primary-content;
+    position: absolute;
+    z-index: 5001;
+    box-shadow:
+        0 24px 8px rgb(17 17 26 / 4%),
+        0 8px 32px rgb(17 17 26 / 4%);
+}
+
+.mx_InteractiveTooltip.mx_InteractiveTooltip_withChevron_top {
+    top: 10px; /* 8px chevron + 2px spacing */
+}
+
+.mx_InteractiveTooltip.mx_InteractiveTooltip_withChevron_left {
+    left: 10px; /* 8px chevron + 2px spacing */
+}
+
+.mx_InteractiveTooltip.mx_InteractiveTooltip_withChevron_right {
+    right: 10px; /* 8px chevron + 2px spacing */
+}
+
+.mx_InteractiveTooltip.mx_InteractiveTooltip_withChevron_bottom {
+    bottom: 10px; /* 8px chevron + 2px spacing */
+}
+
+.mx_InteractiveTooltip_chevron_top {
+    position: absolute;
+    left: calc(50% - 8px);
+    top: -8px;
+    width: 0;
+    height: 0;
+    border-left: 8px solid transparent;
+    border-bottom: 8px solid $background;
+    border-right: 8px solid transparent;
+}
+
+/* Adapted from https://codyhouse.co/blog/post/css-rounded-triangles-with-clip-path */
+/* by Sebastiano Guerriero (@guerriero_se) */
+@supports (clip-path: polygon(0% 0%, 100% 100%, 0% 100%)) {
+    .mx_InteractiveTooltip_chevron_top {
+        height: 16px;
+        width: 16px;
+        background-color: inherit;
+        border: none;
+        clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
+        transform: rotate(135deg);
+        border-radius: 0 0 0 3px;
+        top: calc(-8px / 1.414); /* sqrt(2) because of rotation */
+    }
+}
+
+.mx_InteractiveTooltip_chevron_bottom {
+    position: absolute;
+    left: calc(50% - 8px);
+    bottom: -8px;
+    width: 0;
+    height: 0;
+    border-left: 8px solid transparent;
+    border-top: 8px solid $background;
+    border-right: 8px solid transparent;
+}
+
+/* Adapted from https://codyhouse.co/blog/post/css-rounded-triangles-with-clip-path */
+/* by Sebastiano Guerriero (@guerriero_se) */
+@supports (clip-path: polygon(0% 0%, 100% 100%, 0% 100%)) {
+    .mx_InteractiveTooltip_chevron_bottom {
+        height: 16px;
+        width: 16px;
+        background-color: inherit;
+        border: none;
+        clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
+        transform: rotate(-45deg);
+        border-radius: 0 0 0 3px;
+        bottom: calc(-8px / 1.414); /* sqrt(2) because of rotation */
+    }
+}
diff --git a/apps/web/res/css/views/elements/_InviteReason.pcss b/apps/web/res/css/views/elements/_InviteReason.pcss
new file mode 100644
index 00000000000..57cdb823510
--- /dev/null
+++ b/apps/web/res/css/views/elements/_InviteReason.pcss
@@ -0,0 +1,44 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_InviteReason {
+    position: relative;
+    margin-bottom: 1em;
+
+    .mx_InviteReason_reason {
+        visibility: visible;
+    }
+
+    .mx_InviteReason_view {
+        display: none;
+        position: absolute;
+        inset: 0;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        color: $secondary-content;
+
+        svg {
+            width: 16px;
+            height: 16px;
+            color: $secondary-content;
+            display: inline-block;
+            margin-right: 8px;
+        }
+    }
+}
+
+.mx_InviteReason_hidden {
+    .mx_InviteReason_reason {
+        visibility: hidden;
+    }
+
+    .mx_InviteReason_view {
+        display: flex;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_LabelledCheckbox.pcss b/apps/web/res/css/views/elements/_LabelledCheckbox.pcss
new file mode 100644
index 00000000000..ffbf749dabb
--- /dev/null
+++ b/apps/web/res/css/views/elements/_LabelledCheckbox.pcss
@@ -0,0 +1,11 @@
+/*
+Copyright 2024,2025 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_LabelledCheckbox {
+    margin-top: var(--cpd-space-2x);
+}
diff --git a/apps/web/res/css/views/elements/_LanguageDropdown.pcss b/apps/web/res/css/views/elements/_LanguageDropdown.pcss
new file mode 100644
index 00000000000..cd35d6bd5bd
--- /dev/null
+++ b/apps/web/res/css/views/elements/_LanguageDropdown.pcss
@@ -0,0 +1,13 @@
+/*
+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.
+*/
+
+.mx_LanguageDropdown {
+    .mx_Dropdown_option > div {
+        text-transform: capitalize;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_MiniAvatarUploader.pcss b/apps/web/res/css/views/elements/_MiniAvatarUploader.pcss
new file mode 100644
index 00000000000..2963d83e46d
--- /dev/null
+++ b/apps/web/res/css/views/elements/_MiniAvatarUploader.pcss
@@ -0,0 +1,38 @@
+/*
+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.
+*/
+
+.mx_MiniAvatarUploader {
+    position: relative;
+    width: min-content;
+
+    .mx_MiniAvatarUploader_indicator {
+        position: absolute;
+
+        height: 16px;
+        width: 16px;
+        padding: 5px;
+
+        right: -6px;
+        bottom: -6px;
+
+        background-color: $background;
+        border-radius: 50%;
+
+        line-height: 0;
+
+        .mx_MiniAvatarUploader_cameraIcon {
+            height: inherit;
+            width: inherit;
+            color: $secondary-content;
+        }
+    }
+}
+
+.mx_MiniAvatarUploader_input {
+    display: none;
+}
diff --git a/apps/web/res/css/views/elements/_Pill.pcss b/apps/web/res/css/views/elements/_Pill.pcss
new file mode 100644
index 00000000000..446f4694b53
--- /dev/null
+++ b/apps/web/res/css/views/elements/_Pill.pcss
@@ -0,0 +1,101 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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.
+*/
+
+.mx_Pill {
+    padding: $font-1px 0.4em $font-1px 0.4em;
+    line-height: $font-17px;
+    border-radius: $font-16px;
+    vertical-align: text-top;
+    display: inline-block;
+    box-sizing: border-box;
+    max-width: 100%;
+    overflow: hidden;
+    cursor: pointer;
+
+    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;
+    }
+
+    &.mx_UserPill_me,
+    &.mx_AtRoomPill,
+    &.mx_KeywordPill {
+        background-color: var(--cpd-color-bg-critical-primary) !important; /* To override .markdown-body */
+    }
+
+    &:hover {
+        background-color: $pill-hover-bg-color !important; /* To override .markdown-body */
+    }
+
+    &:active {
+        background-color: $pill-press-bg-color !important; /* To override .markdown-body */
+    }
+
+    &.mx_UserPill_me:hover {
+        background-color: var(
+            --cpd-color-bg-critical-hovered
+        ) !important; /* To override .markdown-body | same on both themes */
+    }
+
+    /* We don't want to indicate clickability */
+    &.mx_AtRoomPill:hover,
+    &.mx_KeywordPill:hover {
+        background-color: var(--cpd-color-bg-critical-primary) !important; /* To override .markdown-body */
+        cursor: unset;
+    }
+
+    &::before,
+    .mx_BaseAvatar {
+        margin-inline-start: -0.3em; /* Otherwise the gap is too large */
+        margin-inline-end: 0.2em;
+        min-width: $font-16px; /* ensure the avatar is not compressed */
+        user-select: text;
+        vertical-align: top;
+    }
+
+    .mx_Pill_text {
+        min-width: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    a& {
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        text-decoration: none !important; /* To override .markdown-body */
+    }
+
+    .mx_Pill_LinkIcon {
+        background-color: $link-external;
+        box-sizing: border-box;
+        color: $background;
+        height: 16px;
+        padding: 1px;
+        width: 16px;
+        border-radius: 50%;
+    }
+
+    .mx_Pill_UserIcon {
+        box-sizing: border-box;
+        color: $secondary-content;
+        height: 16px;
+        width: 16px;
+    }
+
+    &.mx_SpacePill {
+        border-top-left-radius: 8px;
+        border-bottom-left-radius: 8px;
+        padding-left: 4px;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_PowerSelector.pcss b/apps/web/res/css/views/elements/_PowerSelector.pcss
new file mode 100644
index 00000000000..eded483376b
--- /dev/null
+++ b/apps/web/res/css/views/elements/_PowerSelector.pcss
@@ -0,0 +1,15 @@
+/*
+Copyright 2019-2024 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_PowerSelector {
+    width: 100%;
+}
+
+.mx_PowerSelector .mx_Field select,
+.mx_PowerSelector .mx_Field input {
+    box-sizing: border-box;
+}
diff --git a/apps/web/res/css/views/elements/_ProgressBar.pcss b/apps/web/res/css/views/elements/_ProgressBar.pcss
new file mode 100644
index 00000000000..aea2902e128
--- /dev/null
+++ b/apps/web/res/css/views/elements/_ProgressBar.pcss
@@ -0,0 +1,22 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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.
+*/
+
+progress.mx_ProgressBar {
+    height: 6px;
+    width: 60px;
+    overflow: hidden;
+    appearance: none;
+    border: var(--cpd-border-width-1) solid var(--cpd-color-gray-400);
+
+    @mixin ProgressBarBorderRadius 6px;
+    @mixin ProgressBarColour var(--cpd-color-icon-accent-tertiary);
+    @mixin ProgressBarBgColour $progressbar-bg-color;
+    &::-webkit-progress-value {
+        transition: width 1s;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_QRCode.pcss b/apps/web/res/css/views/elements/_QRCode.pcss
new file mode 100644
index 00000000000..5af0fd5c203
--- /dev/null
+++ b/apps/web/res/css/views/elements/_QRCode.pcss
@@ -0,0 +1,13 @@
+/*
+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.
+*/
+
+.mx_QRCode {
+    img {
+        border-radius: 8px;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_ReplyChain.pcss b/apps/web/res/css/views/elements/_ReplyChain.pcss
new file mode 100644
index 00000000000..2b1e7f9b57b
--- /dev/null
+++ b/apps/web/res/css/views/elements/_ReplyChain.pcss
@@ -0,0 +1,52 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018 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_ReplyChain {
+    margin: 0; /* Reset default blockquote margin */
+    padding-left: 10px;
+    border-left: 2px solid var(--username-color);
+    border-radius: 2px;
+
+    .mx_ReplyChain_show {
+        &.mx_AccessibleButton_kind_link_inline {
+            white-space: nowrap; /* Enforce 'In reply to' to be a single line */
+            color: $secondary-content;
+            transition: color ease 0.15s;
+            font-weight: var(--cpd-font-weight-regular);
+            text-decoration: inherit;
+
+            &:hover {
+                color: $primary-content;
+            }
+        }
+    }
+
+    &.mx_ReplyChain_color1 {
+        --username-color: $username-variant1-color;
+    }
+
+    &.mx_ReplyChain_color2 {
+        --username-color: $username-variant2-color;
+    }
+
+    &.mx_ReplyChain_color3 {
+        --username-color: $username-variant3-color;
+    }
+
+    &.mx_ReplyChain_color4 {
+        --username-color: $username-variant4-color;
+    }
+
+    &.mx_ReplyChain_color5 {
+        --username-color: $username-variant5-color;
+    }
+
+    &.mx_ReplyChain_color6 {
+        --username-color: $username-variant6-color;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_ResizeHandle.pcss b/apps/web/res/css/views/elements/_ResizeHandle.pcss
new file mode 100644
index 00000000000..65827d4fb9c
--- /dev/null
+++ b/apps/web/res/css/views/elements/_ResizeHandle.pcss
@@ -0,0 +1,32 @@
+/*
+Copyright 2018-2024 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_ResizeHandle {
+    cursor: row-resize;
+    flex: 0 0 auto;
+    z-index: 100;
+
+    &.mx_ResizeHandle--horizontal {
+        margin: 0 -5px;
+        padding: 0 5px;
+        cursor: col-resize;
+
+        > div {
+            width: 1px;
+            height: 100%;
+        }
+    }
+
+    &.mx_ResizeHandle--vertical {
+        margin: -5px 0;
+        padding: 5px 0;
+
+        > div {
+            height: 1px;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/elements/_RichText.pcss b/apps/web/res/css/views/elements/_RichText.pcss
new file mode 100644
index 00000000000..b85eb8357ed
--- /dev/null
+++ b/apps/web/res/css/views/elements/_RichText.pcss
@@ -0,0 +1,44 @@
+/* XXX: bleurgh, what is this? These classes totally break the component */
+/* naming scheme; it's completely unclear where or how they're being used */
+/* --Matthew */
+
+.mx_Markdown_BOLD {
+    font-weight: bold;
+}
+
+.mx_Markdown_ITALIC {
+    font-style: italic;
+    /*
+    // interestingly, *not* using the explicit italic font
+    // variant seems yield better results.
+
+    // compensate for Nunito italics being terrible
+    // https://github.com/google/fonts/issues/172
+    transform: skewX(-14deg);
+    display: inline-block;
+    */
+}
+
+.mx_Markdown_CODE {
+    padding: 0.2em 0;
+    margin: 0;
+    font-size: 85%;
+    background-color: $rte-code-bg-color;
+    border-radius: 3px;
+}
+
+.mx_Markdown_HR {
+    display: block;
+    background: $rte-bg-color;
+}
+
+.mx_Markdown_STRIKETHROUGH {
+    text-decoration: line-through;
+}
+
+.mx_Emoji {
+    /* Should be 1.8rem for our default message bodies, and scale with the */
+    /* surrounding text */
+    font-size: max($font-18px, 1em);
+    vertical-align: bottom;
+}
diff --git a/apps/web/res/css/views/elements/_RoomAliasField.pcss b/apps/web/res/css/views/elements/_RoomAliasField.pcss
new file mode 100644
index 00000000000..c1fb066ed5b
--- /dev/null
+++ b/apps/web/res/css/views/elements/_RoomAliasField.pcss
@@ -0,0 +1,49 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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_RoomAliasField {
+    /* if parent is a flex container, this allows the */
+    /* width to be as wide as needed, and not 100% */
+    flex: 0 1 auto;
+    display: flex;
+    align-items: stretch;
+    min-width: 0;
+    max-width: 100%;
+
+    input {
+        width: 150px;
+        padding-left: 0;
+        padding-right: 0;
+    }
+
+    input::placeholder {
+        color: $info-plinth-fg-color;
+        font-weight: normal;
+    }
+
+    .mx_Field_prefix,
+    .mx_Field_postfix {
+        color: $info-plinth-fg-color;
+        border-left: none;
+        border-right: none;
+        font-weight: var(--cpd-font-weight-semibold);
+        padding: 9px 10px;
+        flex: 0 0 auto;
+    }
+
+    .mx_Field_postfix {
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        /* this allows the domain name to show */
+        /* as long as it doesn't make the input shrink */
+        /* if it's too big, it shows an ellipsis */
+        /* 180: 28 for prefix, 152 for input */
+        max-width: calc(100% - 180px);
+    }
+}
diff --git a/apps/web/res/css/views/elements/_SSOButtons.pcss b/apps/web/res/css/views/elements/_SSOButtons.pcss
new file mode 100644
index 00000000000..2108b56c40a
--- /dev/null
+++ b/apps/web/res/css/views/elements/_SSOButtons.pcss
@@ -0,0 +1,47 @@
+/*
+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.
+*/
+
+.mx_SSOButtons {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+
+    .mx_SSOButtons_row + .mx_SSOButtons_row {
+        margin-top: 16px;
+    }
+
+    .mx_SSOButton {
+        position: relative;
+        width: 100%;
+        display: inline-block;
+
+        svg,
+        img {
+            width: 24px;
+            height: 24px;
+            object-fit: contain;
+            position: absolute;
+            left: 8px;
+            top: 4px;
+            color: var(--cpd-color-icon-primary);
+        }
+    }
+
+    .mx_SSOButton_mini {
+        svg,
+        img {
+            /* 30px parent, 24px self */
+            padding: 3px;
+            position: unset;
+        }
+
+        & + .mx_SSOButton_mini {
+            margin-left: 16px;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/elements/_SearchWarning.pcss b/apps/web/res/css/views/elements/_SearchWarning.pcss
new file mode 100644
index 00000000000..52aadb56948
--- /dev/null
+++ b/apps/web/res/css/views/elements/_SearchWarning.pcss
@@ -0,0 +1,20 @@
+/*
+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.
+*/
+
+.mx_SearchWarning {
+    text-align: center;
+    padding: 0 16px;
+
+    > * {
+        vertical-align: middle;
+    }
+
+    > img {
+        margin-right: 8px;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_ServerPicker.pcss b/apps/web/res/css/views/elements/_ServerPicker.pcss
new file mode 100644
index 00000000000..96034187156
--- /dev/null
+++ b/apps/web/res/css/views/elements/_ServerPicker.pcss
@@ -0,0 +1,68 @@
+/*
+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.
+*/
+
+.mx_ServerPicker {
+    margin-bottom: 14px;
+    padding-bottom: var(--cpd-space-4x);
+    border-bottom: 1px solid rgb(141, 151, 165, 0.2);
+    display: grid;
+    grid-template-columns: auto min-content;
+    grid-template-rows: auto auto auto;
+    font: var(--cpd-font-body-md-regular);
+
+    > h2 {
+        font-weight: var(--cpd-font-weight-semibold);
+        margin: 0 0 20px;
+        grid-column: 1;
+        grid-row: 1;
+    }
+
+    .mx_ServerPicker_help {
+        width: 24px;
+        height: 24px;
+        border-radius: 10px;
+        grid-column: 2;
+        grid-row: 1;
+        margin-left: auto;
+        margin-top: -2px;
+        margin-right: -2px;
+
+        svg {
+            width: inherit;
+            height: inherit;
+            color: $icon-button-color;
+        }
+    }
+
+    .mx_ServerPicker_server {
+        color: $authpage-primary-color;
+        grid-column: 1;
+        grid-row: 2;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        margin-right: 8px;
+    }
+
+    .mx_ServerPicker_change {
+        grid-column: 2;
+        grid-row: 2;
+    }
+
+    .mx_ServerPicker_desc {
+        margin-top: 4px;
+        color: $tertiary-content;
+        grid-column: 1 / 2;
+        grid-row: 3;
+    }
+}
+
+.mx_ServerPicker_helpDialog {
+    .mx_Dialog_content {
+        width: 456px;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_SettingsDropdown.pcss b/apps/web/res/css/views/elements/_SettingsDropdown.pcss
new file mode 100644
index 00000000000..dff255a4189
--- /dev/null
+++ b/apps/web/res/css/views/elements/_SettingsDropdown.pcss
@@ -0,0 +1,20 @@
+/*
+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_SettingsDropdown {
+    margin-bottom: var(--cpd-space-1x);
+    width: 100%;
+
+    .mx_SettingsDropdown_label {
+        color: $primary-content;
+        margin: var(--cpd-space-1x) 0;
+    }
+
+    .mx_Dropdown_input {
+        width: 360px;
+    }
+}
diff --git a/apps/web/res/css/views/elements/_SettingsFlag.pcss b/apps/web/res/css/views/elements/_SettingsFlag.pcss
new file mode 100644
index 00000000000..dbef5fcb2b6
--- /dev/null
+++ b/apps/web/res/css/views/elements/_SettingsFlag.pcss
@@ -0,0 +1,59 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_SettingsFlag {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    justify-content: space-between;
+    margin-bottom: 4px;
+    width: 100%;
+
+    .mx_ToggleSwitch {
+        flex: 0 0 auto;
+    }
+
+    &.mx_SettingsFlag_toggleInFront {
+        .mx_ToggleSwitch {
+            display: inline-block;
+            vertical-align: middle;
+            margin-right: 8px;
+        }
+
+        .mx_SettingsFlag_label {
+            display: inline-block;
+            vertical-align: middle;
+        }
+    }
+}
+
+.mx_SettingsFlag_label {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    color: $primary-content;
+    padding-right: 10px;
+    padding-top: 4px;
+}
+
+.mx_SettingsFlag_microcopy {
+    margin-top: 4px;
+    font: var(--cpd-font-body-sm-regular);
+    color: $secondary-content;
+
+    /* Support code/pre elements in settings flag descriptions */
+    pre,
+    code {
+        font-family: $monospace-font-family !important;
+        background-color: $rte-code-bg-color;
+    }
+
+    .mx_SettingsTab_microcopy_warning::before {
+        content: "⚠️ ";
+    }
+}
diff --git a/apps/web/res/css/views/elements/_Spinner.pcss b/apps/web/res/css/views/elements/_Spinner.pcss
new file mode 100644
index 00000000000..a5cf725d3e7
--- /dev/null
+++ b/apps/web/res/css/views/elements/_Spinner.pcss
@@ -0,0 +1,21 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
+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_Spinner {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    flex: 1;
+}
+
+.mx_MatrixChat_middlePanel .mx_Spinner {
+    height: auto;
+}
diff --git a/apps/web/res/css/views/elements/_StyledRadioButton.pcss b/apps/web/res/css/views/elements/_StyledRadioButton.pcss
new file mode 100644
index 00000000000..90095ed21a1
--- /dev/null
+++ b/apps/web/res/css/views/elements/_StyledRadioButton.pcss
@@ -0,0 +1,124 @@
+/*
+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.
+*/
+
+/**
+* This component expects the parent to specify a positive padding and
+* width
+*/
+
+.mx_StyledRadioButton {
+    $radio-circle-color: var(--cpd-color-border-interactive-primary);
+    $active-radio-circle-color: var(--cpd-color-bg-accent-rest);
+    position: relative;
+
+    display: flex;
+    align-items: baseline;
+    flex-grow: 1;
+
+    > .mx_StyledRadioButton_content {
+        flex-grow: 1;
+
+        display: flex;
+        flex-direction: column;
+
+        margin-left: 8px;
+        margin-right: 8px;
+    }
+
+    .mx_StyledRadioButton_spacer {
+        flex-shrink: 0;
+        flex-grow: 0;
+
+        height: $font-16px;
+        width: $font-16px;
+    }
+
+    input[type="radio"] {
+        /* Remove the OS's representation */
+        margin: 0;
+        padding: 0;
+        appearance: none;
+
+        + div {
+            flex-shrink: 0;
+            flex-grow: 0;
+
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            box-sizing: border-box;
+            height: $font-16px;
+            width: $font-16px;
+            margin-left: 2px; /* For the highlight on focus */
+
+            border: 1px solid $radio-circle-color;
+            border-radius: $font-16px;
+
+            > div {
+                box-sizing: border-box;
+
+                height: $font-8px;
+                width: $font-8px;
+
+                border-radius: $font-8px;
+            }
+        }
+
+        &:focus-visible {
+            & + div {
+                @mixin unreal-focus;
+            }
+        }
+
+        &:checked {
+            & + div {
+                border-color: $active-radio-circle-color;
+
+                & > div {
+                    background: $active-radio-circle-color;
+                    /* For enhanced visibility under contrast control */
+                    outline: 1px solid transparent;
+                }
+            }
+        }
+
+        &:disabled {
+            & + div,
+            & + div + span {
+                opacity: 0.5;
+                cursor: not-allowed;
+            }
+
+            & + div {
+                border-color: $radio-circle-color;
+            }
+        }
+
+        &:checked:disabled {
+            & + div > div {
+                background-color: $radio-circle-color;
+            }
+        }
+    }
+
+    .mx_StyledRadioButton_innerLabel {
+        display: flex;
+        position: relative;
+        top: 4px;
+    }
+}
+
+.mx_StyledRadioButton_outlined {
+    border: 1px solid $input-darker-bg-color;
+    border-radius: 8px;
+}
+
+.mx_StyledRadioButton_checked {
+    border-color: var(--cpd-color-bg-accent-rest);
+}
diff --git a/apps/web/res/css/views/elements/_SyntaxHighlight.pcss b/apps/web/res/css/views/elements/_SyntaxHighlight.pcss
new file mode 100644
index 00000000000..8472d3cf602
--- /dev/null
+++ b/apps/web/res/css/views/elements/_SyntaxHighlight.pcss
@@ -0,0 +1,13 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017 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.
+*/
+
+.mx_SyntaxHighlight {
+    /* inhibit hljs styling */
+    background: none !important;
+    color: $light-fg-color !important;
+}
diff --git a/apps/web/res/css/views/elements/_TagComposer.pcss b/apps/web/res/css/views/elements/_TagComposer.pcss
new file mode 100644
index 00000000000..a85d24d1219
--- /dev/null
+++ b/apps/web/res/css/views/elements/_TagComposer.pcss
@@ -0,0 +1,75 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_TagComposer {
+    .mx_TagComposer_input {
+        display: flex;
+        flex-direction: row;
+
+        .mx_AccessibleButton {
+            min-width: 70px;
+            padding: 0 8px; /* override from button styles */
+            align-self: stretch; /* override default settingstab style */
+        }
+
+        .mx_Field,
+        .mx_Field input,
+        .mx_AccessibleButton {
+            /* So they look related to each other by feeling the same */
+            border-radius: 8px;
+        }
+    }
+
+    .mx_TagComposer_tags {
+        display: flex;
+        flex-wrap: wrap;
+        margin-top: 12px; /* this plus 12px from the tags makes 24px from the input */
+    }
+
+    .mx_Tag {
+        margin-right: 12px;
+        margin-top: 12px;
+    }
+}
+
+.mx_Tag {
+    font-size: $font-15px;
+
+    display: inline-flex;
+    align-items: center;
+
+    gap: 8px;
+    padding: 8px;
+    border-radius: 8px;
+
+    color: $primary-content;
+    background: $quinary-content;
+
+    > svg:first-child {
+        width: 1em;
+        color: $secondary-content;
+        transform: scale(1.25);
+        transform-origin: center;
+    }
+
+    .mx_Tag_delete {
+        border-radius: 50%;
+        text-align: center;
+        width: 1.066666em; /* 16px; */
+        height: 1.066666em;
+        line-height: 1em;
+        color: $secondary-content;
+        background: $system;
+        position: relative;
+
+        svg {
+            width: 16px;
+            height: 16px;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/elements/_TextWithTooltip.pcss b/apps/web/res/css/views/elements/_TextWithTooltip.pcss
new file mode 100644
index 00000000000..ce6cb1cc659
--- /dev/null
+++ b/apps/web/res/css/views/elements/_TextWithTooltip.pcss
@@ -0,0 +1,13 @@
+/*
+Copyright 2019-2024 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_TextWithTooltip_target {
+    display: inline;
+}
+
+.mx_TextWithTooltip_tooltip {
+    display: none;
+}
diff --git a/apps/web/res/css/views/elements/_ToggleSwitch.pcss b/apps/web/res/css/views/elements/_ToggleSwitch.pcss
new file mode 100644
index 00000000000..6f197e1c77c
--- /dev/null
+++ b/apps/web/res/css/views/elements/_ToggleSwitch.pcss
@@ -0,0 +1,60 @@
+/*
+Copyright 2019-2024 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_ToggleSwitch {
+    --ToggleSwitch-min-width: $font-44px;
+
+    transition:
+        background-color 0.2s ease-out 0.1s,
+        border-color 0.2s ease-out 0.1s;
+
+    width: $font-44px;
+    height: $font-20px;
+    border-radius: 1.5rem;
+    padding: 2px;
+
+    background-color: var(--cpd-color-bg-canvas-disabled);
+    border: 1px solid var(--cpd-color-border-disabled);
+    cursor: not-allowed;
+
+    &.mx_ToggleSwitch_enabled {
+        cursor: pointer;
+        background-color: var(--cpd-color-bg-canvas-default);
+        border: var(--cpd-border-width-1) solid var(--cpd-color-border-interactive-primary);
+
+        &.mx_ToggleSwitch_on {
+            background-color: var(--cpd-color-bg-accent-rest);
+            border-color: var(--cpd-color-bg-accent-rest);
+        }
+
+        > .mx_ToggleSwitch_ball {
+            background-color: var(--cpd-color-icon-secondary);
+        }
+    }
+
+    &.mx_ToggleSwitch_on {
+        background-color: var(--cpd-color-bg-action-primary-disabled);
+        border-color: var(--cpd-color-bg-action-primary-disabled);
+
+        > .mx_ToggleSwitch_ball {
+            left: calc(100% - $font-20px);
+            background-color: var(--cpd-color-icon-on-solid-primary);
+        }
+    }
+}
+
+.mx_ToggleSwitch_ball {
+    position: relative;
+    width: $font-20px;
+    height: $font-20px;
+    border-radius: $font-20px;
+    background-color: var(--cpd-color-bg-action-primary-disabled);
+    transition:
+        left 0.15s ease-out 0.1s,
+        background-color 0.15s ease-out 0.1s;
+    left: 0;
+}
diff --git a/apps/web/res/css/views/elements/_Validation.pcss b/apps/web/res/css/views/elements/_Validation.pcss
new file mode 100644
index 00000000000..f4e6766f50a
--- /dev/null
+++ b/apps/web/res/css/views/elements/_Validation.pcss
@@ -0,0 +1,45 @@
+/*
+Copyright 2019-2024 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_Validation {
+    position: relative;
+    max-width: 200px;
+}
+
+.mx_Validation_details {
+    padding-left: 0;
+    margin: 0;
+}
+
+.mx_Validation_description + .mx_Validation_details {
+    margin: 1em 0 0;
+}
+
+.mx_Validation_detail {
+    font-weight: normal;
+    list-style: none;
+    margin-bottom: 0.5em;
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+
+    svg {
+        width: 14px;
+        height: 14px;
+        margin-right: var(--cpd-space-1x);
+        vertical-align: text-bottom;
+    }
+
+    &.mx_Validation_valid {
+        color: $accent;
+    }
+
+    &.mx_Validation_invalid {
+        color: $alert;
+    }
+}
diff --git a/apps/web/res/css/views/location/_LocationPicker.pcss b/apps/web/res/css/views/location/_LocationPicker.pcss
new file mode 100644
index 00000000000..6abceb22080
--- /dev/null
+++ b/apps/web/res/css/views/location/_LocationPicker.pcss
@@ -0,0 +1,92 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_LocationPicker {
+    border-radius: 8px;
+
+    height: 100%;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+
+    /* when there are errors loading the map */
+    /* the canvas is still inserted */
+    /* and can overlap error message/close buttons */
+    /* hide it */
+    &.mx_LocationPicker_hasError {
+        .maplibregl-canvas-container,
+        .maplibregl-control-container {
+            display: none;
+        }
+    }
+
+    #mx_LocationPicker_map {
+        border-top-left-radius: inherit;
+        border-top-right-radius: inherit;
+        flex: 1;
+
+        .maplibregl-ctrl.maplibregl-ctrl-group,
+        .maplibregl-ctrl.maplibregl-ctrl-attrib {
+            margin-right: var(--cpd-space-4x);
+        }
+
+        .maplibregl-ctrl.maplibregl-ctrl-group {
+            /* place below the close button */
+            /* padding-16 + 24px close button + padding-10 */
+            margin-top: 50px;
+        }
+
+        .maplibregl-user-location-accuracy-circle {
+            display: none;
+        }
+
+        .maplibregl-user-location-dot {
+            display: none;
+        }
+    }
+
+    .mx_LocationPicker_footer {
+        flex: 0;
+        width: 100%;
+        box-sizing: border-box;
+        padding: var(--cpd-space-4x);
+        display: flex;
+        flex-direction: column;
+        justify-content: stretch;
+
+        border-bottom-left-radius: inherit;
+        border-bottom-right-radius: inherit;
+
+        background-color: $header-panel-bg-color;
+    }
+}
+
+.mx_LocationPicker_pinText {
+    position: absolute;
+    top: var(--cpd-space-4x);
+    width: 100%;
+    box-sizing: border-box;
+    text-align: center;
+    height: 0;
+    pointer-events: none;
+
+    span {
+        box-shadow: 0px 4px 15px rgb(0, 0, 0, 0.15);
+        border-radius: 8px;
+        padding: var(--cpd-space-2x);
+        background-color: $background;
+        color: $primary-content;
+
+        font-size: $font-12px;
+    }
+}
+
+.mx_LocationPicker_submitButton {
+    width: 100%;
+    height: 48px;
+}
diff --git a/apps/web/res/css/views/messages/_CallEvent.pcss b/apps/web/res/css/views/messages/_CallEvent.pcss
new file mode 100644
index 00000000000..0f837c660cc
--- /dev/null
+++ b/apps/web/res/css/views/messages/_CallEvent.pcss
@@ -0,0 +1,87 @@
+/*
+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_CallEvent_wrapper {
+    display: flex;
+    width: 100%;
+}
+
+.mx_CallEvent {
+    padding: 12px;
+    box-sizing: border-box;
+    min-height: 60px;
+    max-width: 600px;
+    width: 100%;
+    background-color: $system;
+    border-radius: 8px;
+
+    display: flex;
+    gap: var(--cpd-space-2x);
+
+    > .mx_BaseAvatar,
+    > .mx_Icon {
+        align-self: flex-start;
+    }
+
+    > .mx_Icon {
+        padding: 0;
+        margin: var(--cpd-space-1x) 0;
+        color: $secondary-content;
+    }
+
+    .mx_LiveContentSummary {
+        font-size: $font-12px;
+    }
+
+    --facepile-background: $system;
+}
+
+.mx_CallEvent_title {
+    font-size: $font-15px;
+    line-height: 24px; /* in px to match the avatar */
+}
+
+.mx_CallEvent_inactive .mx_CallEvent_title svg {
+    display: inline-block;
+    vertical-align: middle;
+    color: $secondary-content;
+    width: 16px;
+    height: 16px;
+    margin-right: var(--cpd-space-2x);
+}
+
+.mx_CallEvent_active .mx_CallEvent_title {
+    font-weight: var(--cpd-font-weight-semibold);
+}
+
+.mx_CallEvent_columns {
+    flex-grow: 1;
+    display: flex;
+    gap: var(--cpd-space-3x);
+    align-items: center;
+    justify-content: space-between;
+}
+
+.mx_TimelineCard .mx_CallEvent_columns {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--cpd-space-2x);
+}
+
+.mx_CallEvent_details {
+    flex-grow: 1;
+
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+}
+
+.mx_CallEvent_button {
+    box-sizing: border-box;
+    min-width: 120px;
+}
diff --git a/apps/web/res/css/views/messages/_CreateEvent.pcss b/apps/web/res/css/views/messages/_CreateEvent.pcss
new file mode 100644
index 00000000000..710ca01be11
--- /dev/null
+++ b/apps/web/res/css/views/messages/_CreateEvent.pcss
@@ -0,0 +1,15 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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.mx_CreateEvent {
+    margin: var(--EventTileBubble_margin-block) auto;
+
+    svg {
+        color: $header-panel-text-primary-color;
+    }
+}
diff --git a/apps/web/res/css/views/messages/_DisambiguatedProfile.pcss b/apps/web/res/css/views/messages/_DisambiguatedProfile.pcss
new file mode 100644
index 00000000000..8a7e342bfa3
--- /dev/null
+++ b/apps/web/res/css/views/messages/_DisambiguatedProfile.pcss
@@ -0,0 +1,38 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
+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.
+*/
+
+/** Disambiguated profile needs to have a different layout in the member tile */
+.mx_MemberTileView .mx_DisambiguatedProfile {
+    /* Name and the user status emoji share the first row (with the name truncating and the emoji always visible)
+       Disambiguated MXID gets a full row below. */
+    display: grid;
+    grid-template-columns: min-content 1fr;
+
+    .mx_DisambiguatedProfile_userStatus {
+        margin-inline-start: var(--cpd-space-0-5x);
+    }
+
+    .mx_DisambiguatedProfile_mxid {
+        grid-column: 1 / -1;
+        margin-inline-start: 0;
+        font: var(--cpd-font-body-sm-regular);
+        text-overflow: ellipsis;
+        overflow: hidden;
+    }
+
+    span:not(.mx_DisambiguatedProfile_mxid) {
+        /**
+        In a member tile, this span element is a grid child and so
+        we need the following for text overflow to work.
+        **/
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+}
diff --git a/apps/web/res/css/views/messages/_LegacyCallEvent.pcss b/apps/web/res/css/views/messages/_LegacyCallEvent.pcss
new file mode 100644
index 00000000000..a2d85587665
--- /dev/null
+++ b/apps/web/res/css/views/messages/_LegacyCallEvent.pcss
@@ -0,0 +1,159 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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.
+*/
+
+.mx_LegacyCallEvent_wrapper {
+    display: flex;
+    width: 100%;
+
+    .mx_LegacyCallEvent {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--cpd-space-1x) 0;
+
+        position: relative;
+        margin: var(--cpd-space-1x) 0;
+        padding: var(--cpd-space-3x) var(--cpd-space-6x);
+        box-sizing: border-box;
+        background-color: $dark-panel-bg-color;
+        border-radius: 8px;
+        width: 65%;
+        height: fit-content;
+
+        .mx_LegacyCallEvent_iconButton {
+            display: inline-flex;
+
+            svg {
+                height: 16px;
+                width: 16px;
+                color: $secondary-content;
+            }
+        }
+
+        .mx_LegacyCallEvent_info {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            width: fit-content;
+            max-width: 100%;
+
+            .mx_LegacyCallEvent_info_basic {
+                display: flex;
+                flex-direction: column;
+                gap: var(--cpd-space-1x);
+                margin-left: 10px; /* To match mx_LegacyCallEvent */
+                margin-right: 10px;
+                min-width: 0;
+
+                .mx_LegacyCallEvent_sender {
+                    font-weight: var(--cpd-font-weight-semibold);
+                    margin-bottom: var(--cpd-space-1x);
+
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                }
+
+                .mx_LegacyCallEvent_type {
+                    font-weight: 400;
+                    color: $secondary-content;
+                }
+            }
+        }
+
+        .mx_LegacyCallEvent_content {
+            display: flex;
+            flex-wrap: wrap;
+            align-items: center;
+            color: $secondary-content;
+            font-size: $font-12px;
+            gap: var(--cpd-space-3x); /* See mx_IncomingLegacyCallToast_buttons */
+            margin-inline-start: 42px; /* avatar (32px) + mx_LegacyCallEvent_info_basic margin (10px) */
+            word-break: break-word;
+            max-width: fit-content;
+
+            .mx_LegacyCallEvent_content_button {
+                @mixin LegacyCallButton;
+                padding: 0 var(--cpd-space-3x);
+                font-size: inherit;
+            }
+
+            .mx_LegacyCallEvent_content_tooltip {
+                margin-right: 5px;
+            }
+        }
+
+        &.mx_LegacyCallEvent_narrow {
+            flex-direction: column;
+            align-items: unset;
+            gap: var(--cpd-space-1x) var(--cpd-space-4x);
+            height: unset;
+            min-width: 290px;
+
+            .mx_LegacyCallEvent_iconButton {
+                position: absolute;
+                margin-right: 0;
+                top: 12px;
+                right: 12px;
+                height: 16px;
+                width: 16px;
+                display: flex;
+            }
+
+            .mx_LegacyCallEvent_info {
+                align-items: center;
+            }
+        }
+    }
+}
+
+.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 {
+            position: relative;
+
+            /* 5px (gap) + 14px (e2e icon size * mask-size) + 9px (margin-left of e2e icon) */
+            right: calc(5px + 14px + 9px);
+        }
+    }
+}
+
+.mx_EventTile_leftAlignedBubble {
+    .mx_LegacyCallEvent_wrapper {
+        .mx_LegacyCallEvent {
+            &.mx_LegacyCallEvent_narrow {
+                gap: var(--cpd-space-2x) var(--cpd-space-1x);
+            }
+        }
+    }
+}
+
+.mx_IRCLayout {
+    .mx_LegacyCallEvent_wrapper {
+        .mx_LegacyCallEvent {
+            margin-inline-start: var(--cpd-space-1x); /* display green line */
+        }
+    }
+}
diff --git a/apps/web/res/css/views/messages/_MImageReplyBody.pcss b/apps/web/res/css/views/messages/_MImageReplyBody.pcss
new file mode 100644
index 00000000000..af058b6437a
--- /dev/null
+++ b/apps/web/res/css/views/messages/_MImageReplyBody.pcss
@@ -0,0 +1,75 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 Tulir Asokan <tulir@maunium.net>
+
+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_MImageReplyBody,
+.mx_MStickerBody_wrapper {
+    .mx_MImageBody_banner {
+        position: absolute;
+        bottom: var(--cpd-space-1x);
+        left: var(--cpd-space-1x);
+        padding: var(--cpd-space-1x);
+        border-radius: var(--MBody-border-radius);
+        font-size: $font-15px;
+        user-select: none;
+        pointer-events: none;
+        max-width: min(100%, 350px);
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        background-color: rgb(0, 0, 0, 0.6);
+        color: #ffffff;
+    }
+
+    .mx_MImageBody_placeholder {
+        position: absolute;
+        left: 0;
+        top: 0;
+        height: 100%;
+        width: 100%;
+        background-color: $background;
+
+        .mx_Blurhash > canvas {
+            animation: mx--anim-pulse 1.75s infinite cubic-bezier(0.4, 0, 0.6, 1);
+        }
+    }
+
+    .mx_MImageBody_thumbnail_container {
+        border-radius: var(--MBody-border-radius);
+        overflow: hidden;
+        contain: paint;
+    }
+
+    .mx_MImageBody_thumbnail {
+        display: block;
+        height: 100%;
+        width: 100%;
+    }
+
+    .mx_MImageBody_gifLabel {
+        position: absolute;
+        display: block;
+        top: 0px;
+        left: 14px;
+        padding: 5px;
+        border-radius: 5px;
+        background: $imagebody-giflabel;
+        border: 2px solid $imagebody-giflabel-border;
+        color: $imagebody-giflabel-color;
+        pointer-events: none;
+    }
+}
+
+.mx_MImageReplyBody {
+    display: flex;
+    column-gap: var(--cpd-space-1x);
+
+    .mx_MImageBody_thumbnail_container {
+        flex: 1;
+        min-width: 0; /* Prevent a blowout */
+    }
+}
diff --git a/apps/web/res/css/views/messages/_MLocationBody.pcss b/apps/web/res/css/views/messages/_MLocationBody.pcss
new file mode 100644
index 00000000000..ad597c42aa3
--- /dev/null
+++ b/apps/web/res/css/views/messages/_MLocationBody.pcss
@@ -0,0 +1,41 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_MLocationBody {
+    max-width: 100%;
+
+    .mx_MLocationBody_map {
+        max-width: 100%;
+        width: 450px;
+        height: 300px;
+        z-index: 0; /* keeps the entire map under the message action bar */
+
+        border-radius: var(--MBody-border-radius);
+        cursor: pointer;
+    }
+}
+
+/* In the timeline, we fit the width of the container */
+.mx_EventTile_line .mx_MLocationBody .mx_MLocationBody_map {
+    max-width: 450px;
+    width: 100%;
+}
+
+.mx_EventTile[data-layout="bubble"] .mx_EventTile_line .mx_MLocationBody .mx_MLocationBody_map {
+    max-width: 100%;
+    width: 450px;
+}
+
+.mx_DisambiguatedProfile ~ .mx_MLocationBody {
+    margin-top: 6px; /* See: https://github.com/matrix-org/matrix-react-sdk/pull/8442 */
+}
+
+.mx_ReplyTile .mx_MLocationBody {
+    /* Prevent clicking a location within a reply */
+    pointer-events: none;
+}
diff --git a/apps/web/res/css/views/messages/_MPollBody.pcss b/apps/web/res/css/views/messages/_MPollBody.pcss
new file mode 100644
index 00000000000..a507307c767
--- /dev/null
+++ b/apps/web/res/css/views/messages/_MPollBody.pcss
@@ -0,0 +1,65 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+$poll-max-width: 550px;
+
+.mx_MPollBody {
+    margin-top: var(--cpd-space-2x);
+    min-width: 0; /* Override fieldset default min-width: min-content */
+    width: 100%; /* Ensure fieldset takes full available width */
+    border: none; /* Remove default fieldset border */
+    padding: 0; /* Remove default fieldset padding */
+
+    legend {
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: $font-15px;
+        line-height: $font-24px;
+        margin-top: 0;
+        margin-bottom: var(--cpd-space-2x);
+        letter-spacing: var(--cpd-font-letter-spacing-heading-lg);
+        display: flex;
+        align-items: center;
+        gap: var(--cpd-space-3x);
+
+        svg {
+            flex-shrink: 0;
+            color: var(--cpd-color-icon-primary);
+        }
+
+        .mx_MPollBody_edited {
+            color: $roomtopic-color;
+            font-size: $font-12px;
+            opacity: 0.6;
+        }
+    }
+
+    .mx_MPollBody_totalVotes {
+        display: flex;
+        flex-direction: inline;
+        justify-content: start;
+        color: $secondary-content;
+        font-size: $font-12px;
+
+        .mx_Spinner {
+            flex: 0;
+            margin-left: var(--cpd-space-2x);
+        }
+    }
+}
+
+/* Prevent clicking a poll within a reply */
+.mx_ReplyTile .mx_MPollBody {
+    pointer-events: none;
+}
+
+.mx_MPollBody_allOptions {
+    display: grid;
+    gap: var(--cpd-space-4x);
+    margin-bottom: var(--cpd-space-2x);
+    max-width: $poll-max-width;
+}
diff --git a/apps/web/res/css/views/messages/_MStickerBody.pcss b/apps/web/res/css/views/messages/_MStickerBody.pcss
new file mode 100644
index 00000000000..d6331fce599
--- /dev/null
+++ b/apps/web/res/css/views/messages/_MStickerBody.pcss
@@ -0,0 +1,28 @@
+/*
+Copyright 2018-2024 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_MStickerBody_wrapper {
+    padding: 12px 0px;
+}
+
+.mx_MStickerBody_hidden {
+    max-width: 220px;
+    text-decoration: none;
+    text-align: center;
+
+    /* To center the text in the middle of the frame */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.mx_MStickerBody_placeholder {
+    /* centering */
+    position: absolute;
+    left: calc(50% - 40px);
+    top: calc(50% - 40px);
+}
diff --git a/apps/web/res/css/views/messages/_MessageActionBar.pcss b/apps/web/res/css/views/messages/_MessageActionBar.pcss
new file mode 100644
index 00000000000..433721c8bc5
--- /dev/null
+++ b/apps/web/res/css/views/messages/_MessageActionBar.pcss
@@ -0,0 +1,64 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 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_MessageActionBar {
+    --MessageActionBar-size-button: 28px;
+    --MessageActionBar-size-margin: 3px;
+
+    position: absolute;
+    top: calc(
+        -1 *
+            (var(--MessageActionBar-size-button) + 2 * (var(--MessageActionBar-size-margin) + var(--cpd-border-width-1)))
+    );
+    right: 8px;
+    user-select: none;
+    /* Ensure the action bar appears above other things like the read marker */
+    /* and sender avatar (for small screens) */
+    z-index: 10;
+
+    /* Adds a previous event safe area so that you can't accidentally hover the */
+    /* previous event while trying to mouse into the action bar or from the */
+    /* react button to its tooltip. */
+    &::before {
+        content: "";
+        position: absolute;
+        /* tooltip safe mousing area + tooltip overhang + */
+        /* action bar + action bar offset from event */
+        width: calc(10px + 48px + 100% + 8px);
+        /* safe area + action bar */
+        height: calc(20px + 100%);
+        top: -12px;
+        left: -58px;
+        z-index: -1;
+        cursor: initial;
+
+        /* stylelint-disable-next-line max-line-length */
+        .mx_GenericEventListSummary[data-layout="bubble"]
+            .mx_GenericEventListSummary_toggle
+            ~ .mx_GenericEventListSummary_unstyledList
+            .mx_EventTile_info:first-of-type
+            & {
+            /* improve clickability of "collapse" link button on bubble layout by reducing width and height values */
+            /* mx_GenericEventListSummary_toggle ~: to apply rules to action bar when "collapse" button is available */
+            /* mx_EventTile_info:first-of-type: to apply rules to the info event tile just under "collapse" button */
+            /* TODO: use a new class name instead */
+            width: 100%;
+            height: 100%;
+            top: 0;
+            left: 0;
+        }
+
+        .mx_EventTile_info .mx_ViewSourceEvent ~ & {
+            /* improve clickability of view source event toggle button by removing vertical safe area */
+            width: 100%;
+            height: 100%;
+            top: 0;
+            left: 0;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/messages/_TextualEvent.pcss b/apps/web/res/css/views/messages/_TextualEvent.pcss
new file mode 100644
index 00000000000..a1db28027f1
--- /dev/null
+++ b/apps/web/res/css/views/messages/_TextualEvent.pcss
@@ -0,0 +1,26 @@
+/*
+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_TextualEvent {
+    a {
+        color: $accent;
+    }
+
+    .mx_RoomView_searchResultsPanel & {
+        opacity: unset; /* Unset the opacity value specified above on the search results panel */
+    }
+}
+
+.mx_TextualBody_urlPreviews {
+    /* Let shared-components own preview link colours instead of the app-wide anchor colour. */
+    a:where(:not([data-kind])):hover,
+    a:where(:not([data-kind])):link,
+    a:where(:not([data-kind])):visited {
+        color: revert-layer;
+    }
+}
diff --git a/apps/web/res/css/views/messages/_ThreadActionBar.pcss b/apps/web/res/css/views/messages/_ThreadActionBar.pcss
new file mode 100644
index 00000000000..e6f71fc0241
--- /dev/null
+++ b/apps/web/res/css/views/messages/_ThreadActionBar.pcss
@@ -0,0 +1,58 @@
+/*
+ * 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_ThreadActionBar {
+    position: absolute;
+    visibility: hidden;
+    top: calc(-1 * (28px + 2 * (3px + var(--cpd-border-width-1))));
+    right: 8px;
+    user-select: none;
+    /* Ensure the action bar appears above other things like the read marker */
+    /* and sender avatar (for small screens) */
+    z-index: 10;
+
+    /* Adds a previous event safe area so that you can't accidentally hover the */
+    /* previous event while trying to mouse into the action bar or from the */
+    /* react button to its tooltip. */
+    &::before {
+        content: "";
+        position: absolute;
+        /* tooltip safe mousing area + tooltip overhang + */
+        /* action bar + action bar offset from event */
+        width: calc(10px + 48px + 100% + 8px);
+        /* safe area + action bar */
+        height: calc(20px + 100%);
+        top: -12px;
+        left: -58px;
+        z-index: -1;
+        cursor: initial;
+
+        /* stylelint-disable-next-line max-line-length */
+        .mx_GenericEventListSummary[data-layout="bubble"]
+            .mx_GenericEventListSummary_toggle
+            ~ .mx_GenericEventListSummary_unstyledList
+            .mx_EventTile_info:first-of-type
+            & {
+            /* improve clickability of "collapse" link button on bubble layout by reducing width and height values */
+            /* mx_GenericEventListSummary_toggle ~: to apply rules to action bar when "collapse" button is available */
+            /* mx_EventTile_info:first-of-type: to apply rules to the info event tile just under "collapse" button */
+            /* TODO: use a new class name instead */
+            width: 100%;
+            height: 100%;
+            top: 0;
+            left: 0;
+        }
+
+        .mx_EventTile_info .mx_ViewSourceEvent ~ & {
+            /* improve clickability of view source event toggle button by removing vertical safe area */
+            width: 100%;
+            height: 100%;
+            top: 0;
+            left: 0;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/messages/_common_CryptoEvent.pcss b/apps/web/res/css/views/messages/_common_CryptoEvent.pcss
new file mode 100644
index 00000000000..6f8ed066cc7
--- /dev/null
+++ b/apps/web/res/css/views/messages/_common_CryptoEvent.pcss
@@ -0,0 +1,11 @@
+/*
+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.mx_cryptoEvent {
+    margin: var(--EventTileBubble_margin-block) auto;
+}
diff --git a/apps/web/res/css/views/polls/pollHistory/_PollHistory.pcss b/apps/web/res/css/views/polls/pollHistory/_PollHistory.pcss
new file mode 100644
index 00000000000..8dd626347cb
--- /dev/null
+++ b/apps/web/res/css/views/polls/pollHistory/_PollHistory.pcss
@@ -0,0 +1,19 @@
+/*
+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.
+*/
+
+.mx_PollHistory_content {
+    height: 600px;
+    width: 100%;
+
+    display: flex;
+    flex-direction: column;
+}
+
+.mx_PollHistory_header.mx_Heading_h2 {
+    margin-bottom: var(--cpd-space-4x);
+}
diff --git a/apps/web/res/css/views/polls/pollHistory/_PollHistoryList.pcss b/apps/web/res/css/views/polls/pollHistory/_PollHistoryList.pcss
new file mode 100644
index 00000000000..7134d882b97
--- /dev/null
+++ b/apps/web/res/css/views/polls/pollHistory/_PollHistoryList.pcss
@@ -0,0 +1,65 @@
+/*
+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.
+*/
+
+.mx_PollHistoryList {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 auto;
+    max-height: 100%;
+}
+
+.mx_PollHistoryList_list {
+    overflow: auto;
+    list-style: none;
+    margin-block: 0;
+    padding-inline: 0;
+    flex: 1 1 0;
+    align-content: flex-start;
+    display: grid;
+    gap: var(--cpd-space-5x);
+    padding-right: var(--cpd-space-16x);
+    margin: var(--cpd-space-8x) 0;
+
+    &.mx_PollHistoryList_list_ENDED {
+        gap: var(--cpd-space-8x);
+    }
+}
+
+.mx_PollHistoryList_noResults {
+    height: 100%;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 var(--cpd-space-16x);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+
+    line-height: $font-24px;
+    color: $secondary-content;
+
+    .mx_PollHistoryList_loadMorePolls {
+        margin-top: var(--cpd-space-4x);
+    }
+}
+
+.mx_PollHistoryList_loading {
+    color: $secondary-content;
+    text-align: center;
+
+    /* center in all free space
+    when there are no results */
+    &.mx_PollHistoryList_noResultsYet {
+        margin: auto auto;
+    }
+}
+
+.mx_PollHistoryList_loadMorePolls {
+    width: max-content;
+}
diff --git a/apps/web/res/css/views/right_panel/_BaseCard.pcss b/apps/web/res/css/views/right_panel/_BaseCard.pcss
new file mode 100644
index 00000000000..2a229406c03
--- /dev/null
+++ b/apps/web/res/css/views/right_panel/_BaseCard.pcss
@@ -0,0 +1,140 @@
+/*
+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.
+*/
+
+.mx_BaseCard {
+    --BaseCard_EventTile_line-padding-block: 2px;
+    --BaseCard_EventTile-spacing-inline: 36px;
+    --BaseCard_header-button-size: 28px;
+
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    font-size: var(--cpd-font-size-body-md);
+
+    .mx_BaseCard_header {
+        height: 64px;
+        padding: var(--cpd-space-4x);
+        box-sizing: border-box;
+        /* changing the color from $separator to transparent as it is
+           the best visual output during the transition period. This will be
+           reintroduced at a later stage. */
+        border-bottom: 1px solid transparent;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--cpd-space-3x);
+        flex-shrink: 0;
+        border-block-end: var(--cpd-border-width-1) solid $separator;
+
+        .mx_BaseCard_header_spacer {
+            flex: 1;
+        }
+
+        > h2 {
+            margin: 0 44px;
+            font: var(--cpd-font-body-sm-semibold);
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        .mx_BaseCard_header_title {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            height: 24px;
+            flex: 1;
+
+            .mx_BaseCard_header_title_heading {
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                font: var(--cpd-font-body-md-medium);
+                color: var(--cpd-color-text-secondary);
+            }
+
+            .mx_BaseCard_header_title_button--option {
+                position: relative;
+                width: calc(var(--BaseCard_header-button-size) - 4px);
+                height: calc(var(--BaseCard_header-button-size) - 4px);
+                padding: 2px;
+
+                svg {
+                    width: inherit;
+                    height: inherit;
+                    display: block;
+                    color: $secondary-content;
+                }
+
+                &:hover svg {
+                    color: $primary-content;
+                }
+            }
+        }
+    }
+
+    .mx_AutoHideScrollbar {
+        min-height: 0;
+        width: 100%;
+        height: 100%;
+        scrollbar-gutter: stable;
+    }
+
+    .mx_BaseCard_footer {
+        padding-top: var(--cpd-space-1x);
+        text-align: center;
+        display: flex;
+        justify-content: space-around;
+
+        .mx_AccessibleButton_kind_secondary {
+            color: $secondary-content;
+            background-color: rgb(141, 151, 165, 0.2);
+            font: var(--cpd-font-body-md-semibold);
+        }
+
+        .mx_AccessibleButton_disabled {
+            cursor: not-allowed;
+        }
+    }
+}
+
+.mx_ContextualMenu_wrapper.mx_BaseCard_header_title {
+    .mx_ContextualMenu {
+        position: initial;
+
+        span:first-of-type {
+            font-weight: var(--cpd-font-weight-semibold);
+            font-size: inherit;
+            color: $primary-content;
+        }
+
+        font: var(--cpd-font-body-sm-regular);
+        color: $primary-content;
+        padding-top: 10px;
+        padding-bottom: 10px;
+
+        border: var(--cpd-border-width-1) solid var(--cpd-color-border-interactive-secondary);
+        box-shadow: 0px 4px 24px rgb(0, 0, 0, 0.1);
+    }
+
+    .mx_ContextualMenu_chevron_top {
+        left: auto;
+        right: 22px;
+        border-bottom-color: var(--cpd-color-border-interactive-secondary);
+
+        &::after {
+            content: "";
+            border: inherit;
+            border-bottom-color: var(--cpd-color-bg-canvas-default);
+            position: absolute;
+            top: 1px;
+            left: -8px;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/right_panel/_EmptyState.pcss b/apps/web/res/css/views/right_panel/_EmptyState.pcss
new file mode 100644
index 00000000000..15e78414c9f
--- /dev/null
+++ b/apps/web/res/css/views/right_panel/_EmptyState.pcss
@@ -0,0 +1,37 @@
+/*
+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.
+*/
+
+.mx_EmptyState {
+    height: 100%;
+    box-sizing: border-box;
+    padding: var(--cpd-space-4x);
+    text-align: center;
+
+    svg {
+        width: 56px;
+        height: 56px;
+        box-sizing: border-box;
+        border-radius: 8px;
+        padding: var(--cpd-space-3x);
+        background-color: $panel-actions;
+    }
+
+    &::before {
+        /* Bloom using magic numbers directly out of Figma */
+        content: "";
+        position: absolute;
+        z-index: -1;
+        width: 642px;
+        height: 775px;
+        right: -253.77px;
+        top: 0;
+        background: radial-gradient(49.95% 49.95% at 50% 50%, rgb(13, 189, 139, 0.12) 0%, rgb(18, 115, 235, 0) 100%);
+        transform: rotate(-89.69deg);
+        overflow: hidden;
+    }
+}
diff --git a/apps/web/res/css/views/right_panel/_EncryptionInfo.pcss b/apps/web/res/css/views/right_panel/_EncryptionInfo.pcss
new file mode 100644
index 00000000000..9abc23ef70d
--- /dev/null
+++ b/apps/web/res/css/views/right_panel/_EncryptionInfo.pcss
@@ -0,0 +1,16 @@
+/*
+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.
+*/
+
+.mx_EncryptionInfo_spinner {
+    .mx_Spinner {
+        margin-top: 25px;
+        margin-bottom: 15px;
+    }
+
+    text-align: center;
+}
diff --git a/apps/web/res/css/views/right_panel/_ExtensionsCard.pcss b/apps/web/res/css/views/right_panel/_ExtensionsCard.pcss
new file mode 100644
index 00000000000..0ccbc91e197
--- /dev/null
+++ b/apps/web/res/css/views/right_panel/_ExtensionsCard.pcss
@@ -0,0 +1,125 @@
+/*
+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.
+*/
+
+.mx_ExtensionsCard {
+    --cpd-separator-spacing: var(--cpd-space-6x);
+    --AddExtension-overlap: -76px;
+    .mx_AutoHideScrollbar {
+        padding: 0 var(--cpd-space-4x);
+        margin-top: var(--cpd-space-6x);
+        box-sizing: border-box;
+
+        /* Styling for the "Add extensions" button */
+        & > button {
+            width: 100%;
+        }
+    }
+
+    .mx_ExtensionsCard_container {
+        text-align: center;
+        margin: var(--cpd-space-5x) var(--cpd-space-4x) 0;
+    }
+
+    .mx_ExtensionsCard_Button {
+        /* this button is special so we have to override some of the original styling */
+        /* as we will be applying it in its children */
+        padding: 0;
+        height: auto;
+        color: $tertiary-content;
+        position: relative;
+
+        .mx_WidgetAvatar {
+            flex-shrink: 0;
+        }
+
+        .mx_ExtensionsCard_icon_app {
+            padding: var(--cpd-space-2x) var(--cpd-space-12x) var(--cpd-space-2x) var(--cpd-space-3x);
+            text-overflow: ellipsis;
+            overflow: hidden;
+            display: flex;
+            align-items: center;
+
+            p {
+                margin: 0 var(--cpd-space-3x);
+                color: $primary-content;
+            }
+        }
+
+        .mx_ExtensionsCard_app_pinToggle,
+        .mx_ExtensionsCard_app_options {
+            position: absolute;
+            top: 0;
+            height: 100%; /* to give bigger interactive zone */
+            width: 24px;
+            padding: var(--cpd-space-3x) var(--cpd-space-1x);
+            box-sizing: border-box;
+            flex-shrink: 0;
+
+            svg {
+                width: 16px;
+                height: 16px;
+                color: $icon-button-color;
+            }
+
+            &:hover {
+                &::after {
+                    content: "";
+                    position: absolute;
+                    height: 24px;
+                    width: 24px;
+                    top: var(--cpd-space-2x); /* equal to padding-top of parent */
+                    left: 0;
+                    border-radius: 12px;
+                    background-color: rgb(141, 151, 165, 0.1);
+                }
+            }
+        }
+
+        .mx_ExtensionsCard_app_pinToggle {
+            right: 8px;
+        }
+
+        .mx_ExtensionsCard_app_options {
+            right: 32px; /* 24 + 8 */
+        }
+
+        &.mx_ExtensionsCard_Button_pinned {
+            &::after {
+                opacity: 0.2;
+            }
+
+            .mx_ExtensionsCard_app_pinToggle svg {
+                color: $accent;
+            }
+        }
+
+        &::before {
+            content: unset;
+        }
+
+        &::after {
+            top: var(--cpd-space-2x); /* re-align based on the height change */
+            pointer-events: none; /* pass through to the real button */
+        }
+    }
+
+    /* Set layout for everyone button */
+    a[data-kind="primary"] {
+        margin-top: var(--cpd-space-10x);
+    }
+
+    .mx_EmptyState::before {
+        /* Overlap the Add extensions button */
+        top: var(--AddExtension-overlap);
+    }
+
+    .mx_EmptyState {
+        /* Stop empty state scrolling */
+        height: calc(100% + var(--AddExtension-overlap));
+    }
+}
diff --git a/apps/web/res/css/views/right_panel/_PinnedMessagesCard.pcss b/apps/web/res/css/views/right_panel/_PinnedMessagesCard.pcss
new file mode 100644
index 00000000000..1b73787f221
--- /dev/null
+++ b/apps/web/res/css/views/right_panel/_PinnedMessagesCard.pcss
@@ -0,0 +1,47 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_PinnedMessagesCard {
+    --unpin-height: 76px;
+
+    .mx_PinnedMessagesCard_wrapper {
+        display: flex;
+        flex-direction: column;
+        padding: var(--cpd-space-4x);
+        gap: var(--cpd-space-6x);
+        overflow-y: auto;
+
+        .mx_PinnedMessagesCard_Separator {
+            min-height: 1px;
+            /* Override default compound value */
+            margin-block: 0;
+        }
+    }
+
+    .mx_PinnedMessagesCard_wrapper_unpin_all {
+        /* Remove the unpin all button height and the top and bottom padding  */
+        height: calc(100% - var(--unpin-height) - calc(var(--cpd-space-4x) * 2));
+    }
+
+    .mx_PinnedMessagesCard_unpin {
+        /* Make it float at the bottom of the unpin panel */
+        position: absolute;
+        bottom: 0;
+        width: 100%;
+        height: var(--unpin-height);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        box-shadow: 0 4px 24px 0 rgb(27, 29, 34, 0.1);
+        background: var(--cpd-color-bg-canvas-default);
+    }
+
+    .mx_EventTile_body {
+        word-break: break-word;
+    }
+}
diff --git a/apps/web/res/css/views/right_panel/_RoomSummaryCard.pcss b/apps/web/res/css/views/right_panel/_RoomSummaryCard.pcss
new file mode 100644
index 00000000000..319bd7e6aab
--- /dev/null
+++ b/apps/web/res/css/views/right_panel/_RoomSummaryCard.pcss
@@ -0,0 +1,106 @@
+/*
+Copyright 2024, 2025 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.
+*/
+
+.mx_RoomSummaryCard {
+    --cpd-separator-inset: var(--cpd-space-4x);
+    --cpd-separator-spacing: var(--cpd-space-4x);
+
+    .mx_RoomSummaryCard_container {
+        text-align: center;
+        margin: var(--cpd-space-5x) var(--cpd-space-4x) 0;
+    }
+
+    .mx_RoomSummaryCard_roomName,
+    .mx_RoomSummaryCard_alias {
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        white-space: pre-wrap;
+        overflow: hidden;
+    }
+
+    .mx_RoomSummaryCard_alias {
+        text-overflow: ellipsis;
+    }
+
+    .mx_RoomSummaryCard_topic {
+        padding: 0 12px;
+        color: var(--cpd-color-text-secondary);
+
+        .mx_RoomSummaryCard_topic_box {
+            width: 100%;
+        }
+
+        .mx_RoomSummaryCard_topic_container {
+            text-align: start;
+            display: flex;
+        }
+
+        .mx_RoomSummaryCard_topic_edit {
+            width: max-content;
+        }
+
+        p {
+            white-space: pre-wrap;
+            width: 100%;
+            min-width: 0;
+            margin: 0;
+        }
+
+        a {
+            cursor: pointer;
+        }
+
+        .mx_RoomSummaryCard_topic_chevron {
+            transition: transform 0.3s;
+        }
+
+        &.mx_RoomSummaryCard_topic_collapsed {
+            p {
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: normal;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 2;
+            }
+
+            .mx_RoomSummaryCard_topic_chevron {
+                transform: rotate(-90deg);
+            }
+        }
+    }
+
+    .mx_AccessibleButton_kind_link {
+        margin-top: 12px;
+        margin-bottom: 12px;
+        font-size: $font-13px;
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+}
+
+.mx_RoomSummaryCard_badges {
+    margin: var(--cpd-space-4x) 0;
+}
+
+.mx_RoomSummaryCard_search {
+    flex-grow: 1;
+    min-width: 0;
+
+    input[type="search"]::-webkit-search-cancel-button {
+        display: unset; /* override _common.pcss which inhibits this */
+    }
+}
+
+.mx_RoomSummaryCard_roomName {
+    margin: var(--cpd-space-3x) 0 var(--cpd-space-1x);
+}
+
+.mx_RoomSummaryCard_bottomOptions {
+    margin: 0 0 var(--cpd-space-8x);
+}
diff --git a/apps/web/res/css/views/right_panel/_ThreadPanel.pcss b/apps/web/res/css/views/right_panel/_ThreadPanel.pcss
new file mode 100644
index 00000000000..85e3217c2ea
--- /dev/null
+++ b/apps/web/res/css/views/right_panel/_ThreadPanel.pcss
@@ -0,0 +1,192 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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.
+*/
+
+.mx_ThreadPanel {
+    height: 100px;
+    overflow: visible;
+
+    .mx_ThreadPanelHeader {
+        height: 64px;
+        display: flex;
+        box-sizing: border-box;
+        padding: 16px;
+        align-items: center;
+        border-bottom: 1px solid var(--cpd-color-gray-400);
+
+        .mx_AccessibleButton {
+            font-size: 12px;
+            color: $secondary-content;
+        }
+
+        .mx_ThreadPanel_vertical_separator {
+            height: 28px;
+            margin-left: var(--cpd-space-3x);
+            margin-right: var(--cpd-space-2x);
+            border-left: 1px solid var(--cpd-color-gray-400);
+        }
+
+        .mx_ThreadPanel_dropdown {
+            font: var(--cpd-font-body-sm-regular);
+            padding: 3px var(--cpd-space-1x) 3px var(--cpd-space-2x);
+            border-radius: 4px;
+            line-height: 1.5;
+            user-select: none;
+
+            &:hover,
+            &[aria-expanded="true"] {
+                background: $quinary-content;
+            }
+
+            svg {
+                margin-left: 2px;
+                height: 20px;
+                width: 20px;
+                display: inline-block;
+                vertical-align: bottom;
+            }
+        }
+    }
+
+    .mx_AutoHideScrollbar,
+    .mx_RoomView_messagePanelSpinner {
+        background-color: $background;
+        border-radius: 8px;
+        padding-inline-end: 0;
+        overflow-y: scroll; /* set gap between the thread tile and the right border */
+        height: 100%;
+    }
+
+    .mx_EventTile[data-layout="group"] {
+        .mx_MessageActionBar {
+            right: 0;
+            top: -36px; /* 2px above EventTile */
+            z-index: 10; /* See _EventTile.pcss */
+        }
+    }
+
+    /* For style rules of EventTile in a thread, see _EventTile.pcss */
+    &.mx_ThreadView {
+        max-height: 100%;
+
+        .mx_ThreadView_timelinePanelWrapper {
+            position: relative;
+            min-height: 0; /* don't displace the composer */
+            flex-grow: 1;
+
+            .mx_FileDropTarget {
+                border-radius: 8px;
+            }
+        }
+
+        .mx_MessageComposer_sendMessage {
+            margin-right: 0;
+        }
+
+        /* Make use of the space above the composer buttons too */
+        .mx_Autocomplete {
+            width: calc(100% + 140px);
+        }
+        &.mx_ThreadView_narrow .mx_Autocomplete {
+            width: calc(100% + 108px);
+        }
+    }
+
+    .mx_RoomView_messagePanel {
+        &.mx_RoomView_messageListWrapper {
+            position: initial;
+        }
+
+        .mx_RoomView_messageListWrapper {
+            width: calc(100% + 6px); /* 8px - 2px */
+        }
+
+        .mx_RoomView_empty {
+            display: contents;
+        }
+    }
+
+    .mx_RoomView_MessageList {
+        padding-inline-start: var(--cpd-space-2x);
+        padding-inline-end: var(--cpd-space-2x);
+        content-visibility: visible;
+    }
+
+    .mx_EventTile,
+    .mx_GenericEventListSummary {
+        /* Account for scrollbar when hovering */
+        padding-top: 0;
+
+        .mx_TimelineSeparator {
+            display: none;
+        }
+
+        &.mx_EventTile_clamp:hover {
+            cursor: pointer;
+        }
+    }
+
+    .mx_MessageComposer {
+        background-color: $background;
+        border-radius: 8px;
+        margin-top: 8px;
+        padding: 0 8px;
+        box-sizing: border-box;
+    }
+
+    .mx_BaseCard_footer {
+        text-align: left;
+        font-size: $font-12px;
+        align-items: center;
+        justify-content: flex-end;
+        gap: 4px;
+        position: relative;
+        top: 2px;
+        padding-right: 8px;
+
+        .mx_AccessibleButton_kind_link_inline {
+            color: $secondary-content;
+        }
+    }
+}
+
+.mx_ContextualMenu_wrapper {
+    .mx_ThreadPanel_Header_FilterOptionItem {
+        display: flex;
+        flex-grow: 1;
+        justify-content: space-between;
+        flex-direction: column;
+        padding: 10px 20px 10px 30px;
+        position: relative;
+
+        &:hover {
+            background-color: $event-selected-color;
+        }
+
+        &[aria-checked="true"] {
+            span:first-child {
+                margin-left: -20px;
+            }
+
+            svg {
+                width: 12px;
+                height: 12px;
+                margin-right: 8px;
+                color: $primary-content;
+                display: inline-block;
+                vertical-align: middle;
+                position: absolute;
+                top: 14px;
+                left: 10px;
+            }
+        }
+
+        span:last-child {
+            color: $secondary-content;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/right_panel/_TimelineCard.pcss b/apps/web/res/css/views/right_panel/_TimelineCard.pcss
new file mode 100644
index 00000000000..27cc26e3974
--- /dev/null
+++ b/apps/web/res/css/views/right_panel/_TimelineCard.pcss
@@ -0,0 +1,188 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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_TimelineCard {
+    .mx_TimelineCard_timeline {
+        overflow: hidden;
+        position: relative; /* offset parent for jump to bottom button */
+        flex: 1;
+        border-radius: 8px;
+    }
+
+    .mx_NewRoomIntro {
+        margin-inline-start: var(--BaseCard_EventTile-spacing-inline);
+        margin-inline-end: var(--BaseCard_EventTile-spacing-inline);
+    }
+
+    .mx_EventTile_content {
+        margin-right: 0;
+    }
+
+    .mx_EventTile {
+        .mx_ThreadSummary {
+            position: relative;
+            padding-right: 11px;
+
+            &::after {
+                content: "";
+                display: block;
+                position: absolute;
+                left: 0;
+                bottom: -16px;
+                height: 1px;
+                width: 100%;
+                border-bottom: 1px solid $message-action-bar-border-color;
+            }
+        }
+
+        &[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 {
+                padding: var(--BaseCard_EventTile_line-padding-block) var(--BaseCard_EventTile-spacing-inline);
+                padding-inline-end: var(--MessageTimestamp-width); /* ensure timestamp is not hidden */
+
+                .mx_EventTile_e2eIcon {
+                    inset-inline-start: var(--cpd-space-2x);
+                }
+            }
+
+            &.mx_EventTile_info {
+                .mx_EventTile_avatar {
+                    inset-inline-start: 18px;
+                }
+
+                /* Info events should have the same size as state events, those
+                 * are usually wrapped in a generic event list summary */
+                font: var(--cpd-font-body-sm-regular);
+            }
+
+            .mx_EventTile_avatar {
+                inset-inline-start: -3px;
+            }
+
+            .mx_EventTile_msgOption {
+                margin-inline-end: 0;
+
+                .mx_ReadReceiptGroup {
+                    top: var(--TimelineCard_ReadReceiptGroup-inset-block-start);
+                }
+            }
+
+            .mx_DisambiguatedProfile,
+            .mx_ThreadSummary {
+                margin-inline-start: var(--BaseCard_EventTile-spacing-inline);
+            }
+
+            .mx_DisambiguatedProfile {
+                max-width: calc(100% - var(--BaseCard_EventTile-spacing-inline)); /* instead of $left-gutter */
+            }
+
+            .mx_ReplyTile .mx_DisambiguatedProfile {
+                margin-inline-start: 0;
+                max-width: unset;
+            }
+
+            .mx_MessageTimestamp {
+                inset-inline: auto 0;
+                font-size: $font-12px;
+            }
+
+            .mx_ReactionsRow {
+                /* See: var(--ThreadView_group_spacing-end) for ReactionsRow on _EventTile.pcss */
+                margin-inline-end: var(--cpd-space-2x);
+            }
+
+            .mx_ThreadSummary {
+                margin-inline-end: 0;
+                max-width: min(calc(100% - 36px), 600px);
+            }
+        }
+
+        &[data-layout="irc"] {
+            .mx_EventTile_avatar,
+            .mx_MessageTimestamp {
+                position: absolute;
+            }
+        }
+
+        &[data-layout="group"] {
+            /* Read receipt group on compact modern layout */
+            /* This is required because mx_TimelineCard is a child element wrapped by mx_MatrixChat_useCompactLayout, */
+            /* which specifies the default position of mx_ReadReceiptGroup on compact modern layout. */
+            .mx_MatrixChat_useCompactLayout & .mx_ReadReceiptGroup {
+                top: var(--TimelineCard_ReadReceiptGroup-inset-block-start);
+            }
+        }
+
+        &[data-layout="bubble"] {
+            &::before {
+                z-index: auto; /* enable background color on hover */
+            }
+
+            &.mx_EventTile_info .mx_MessageActionBar {
+                /* 1px: border width */
+                inset-inline-end: calc(var(--container-gap-width) + 1px);
+            }
+
+            .mx_ReactionsRow {
+                position: relative; /* display on hover */
+            }
+        }
+    }
+
+    .mx_LegacyCallEvent_wrapper {
+        justify-content: center;
+        margin: auto 5px;
+        .mx_LegacyCallEvent {
+            margin: 4px;
+        }
+    }
+
+    .mx_GenericEventListSummary {
+        &[data-layout="irc"],
+        &[data-layout="group"] {
+            .mx_EventTile_line,
+            .mx_GenericEventListSummary_unstyledList > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line {
+                padding-inline-start: var(--BaseCard_EventTile-spacing-inline);
+                padding-inline-end: var(--MessageTimestamp-width); /* ensure timestamp is not hidden */
+            }
+        }
+    }
+
+    .mx_WhoIsTypingTile {
+        margin-left: -12px; /* undo padding on the message list */
+    }
+
+    .mx_WhoIsTypingTile_avatars {
+        flex-basis: 48px; /* 12 (padding on message list) + 36 (padding on event lines) */
+    }
+
+    .mx_GenericEventListSummary_unstyledList, /* RR next to a message on the event list summary */
+    .mx_RoomView_MessageList {
+        /* RR next to a message on the messsge list */
+        .mx_EventTile[data-layout="bubble"] {
+            .mx_ReadReceiptGroup {
+                /* 6px: scroll bar width (magic number) */
+                /* stylelint-disable-next-line declaration-colon-space-after */
+                inset-inline-end: calc(
+                    -1 * var(--ReadReceiptGroup_EventBubbleTile-spacing-end) + var(--container-gap-width) + 6px
+                );
+            }
+
+            &.mx_EventTile_info {
+                .mx_ReadReceiptGroup {
+                    inset-inline-end: -4px; /* align with RR outside of info tile */
+                }
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/right_panel/_UserInfo.pcss b/apps/web/res/css/views/right_panel/_UserInfo.pcss
new file mode 100644
index 00000000000..a8a4ef7d2cd
--- /dev/null
+++ b/apps/web/res/css/views/right_panel/_UserInfo.pcss
@@ -0,0 +1,226 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+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_UserInfo.mx_BaseCard {
+    /* UserInfo has a circular image at the top so it fits between the back & close buttons */
+    padding-top: 0;
+    overflow-y: auto;
+    font-size: var(--cpd-font-size-body-sm);
+
+    .mx_UserInfo_container {
+        padding: var(--cpd-space-2x) 0 var(--cpd-space-4x);
+        margin: 0 var(--cpd-space-4x);
+
+        & + .mx_UserInfo_container {
+            border-top: 1px solid $separator;
+        }
+    }
+
+    .mx_UserInfo_memberDetailsContainer {
+        padding-top: 0;
+        padding-bottom: 0;
+        margin-bottom: var(--cpd-space-2x);
+    }
+
+    .mx_RoomTile_titleContainer {
+        width: 154px;
+    }
+
+    .mx_RoomTile_badge {
+        display: none;
+    }
+
+    .mx_RoomTile_title {
+        width: 160px;
+    }
+
+    .mx_UserInfo_avatar {
+        margin: var(--cpd-space-12x) var(--cpd-space-4x) 0 var(--cpd-space-4x);
+
+        .mx_UserInfo_avatar_transition {
+            max-width: 120px;
+            aspect-ratio: 1 / 1;
+            margin: 0 auto;
+            transition: 0.5s;
+
+            .mx_BaseAvatar {
+                /* Override the calculated font-size so that the letter isn't tiny */
+                font-size: 4rem;
+            }
+
+            .mx_BaseAvatar,
+            .mx_BaseAvatar img {
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+
+    h2 {
+        text-transform: uppercase;
+        color: $tertiary-content;
+        font: var(--cpd-font-body-md-semibold);
+        font-weight: var(--cpd-font-weight-semibold);
+        margin: var(--cpd-space-1x) 0;
+    }
+
+    p {
+        margin: 5px 0;
+    }
+
+    .mx_UserInfo_header {
+        margin-bottom: var(--cpd-space-8x);
+        padding-bottom: 0;
+    }
+
+    .mx_UserInfo_profile {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-1x);
+
+        h1 {
+            margin: 0;
+            font-size: $font-20px;
+            line-height: $font-25px;
+        }
+
+        .mx_UserInfo_profile_name {
+            min-height: 30px;
+
+            /* limit to 2 lines, show an ellipsis if it overflows */
+            /* this looks webkit specific but is supported by Firefox 68+ */
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+
+            overflow: hidden;
+            word-break: break-all;
+            text-overflow: ellipsis;
+        }
+
+        .mx_UserInfo_profile_mxid {
+            color: var(--cpd-color-text-secondary);
+            height: 28px;
+        }
+
+        .mx_UserInfo_profileStatus {
+            height: 20px;
+        }
+
+        .mx_UserInfo_timezone {
+            height: 20px;
+            margin: 0;
+            display: flex;
+            align-items: center;
+        }
+
+        /** Overrides for the copy to clipboard button **/
+        .mx_CopyableText {
+            align-items: center;
+        }
+
+        .mx_CopyableText_copyButton {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            position: unset;
+        }
+    }
+
+    .mx_UserInfo_timezone {
+        margin: var(--cpd-space-1x) 0;
+    }
+
+    .mx_PresenceLabel {
+        font: var(--cpd-font-body-sm-regular);
+        opacity: 1;
+    }
+
+    .mx_UserInfo_verification {
+        margin-top: var(--cpd-space-4x);
+        height: 36px;
+
+        .mx_UserInfo_verified_badge {
+            min-width: 68px;
+            height: 20px;
+
+            .mx_UserInfo_verified_icon {
+                flex-shrink: 0;
+            }
+
+            .mx_UserInfo_verified_label {
+                margin: 0;
+            }
+        }
+
+        .mx_UserInfo_verification_unavailable {
+            color: var(--cpd-color-text-secondary);
+        }
+    }
+
+    .mx_UserInfo_memberDetails {
+        .mx_UserInfo_profileField {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            margin: 6px 0;
+
+            .mx_UserInfo_roleDescription {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                /* try to make it the same height as the dropdown */
+                margin: 11px 0 12px 0;
+            }
+
+            .mx_Field {
+                margin: 0;
+            }
+        }
+    }
+
+    .mx_UserInfo_field {
+        line-height: $font-16px;
+    }
+
+    .mx_UserInfo_statusMessage {
+        $statusNumberOfLines: 3;
+
+        font: var(--cpd-font-body-sm-regular);
+        font-size: $font-11px;
+        line-height: 1rem;
+        opacity: 0.5;
+        overflow: hidden;
+        word-break: break-word;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        max-height: calc(1rem * $statusNumberOfLines);
+        -webkit-line-clamp: $statusNumberOfLines;
+        -webkit-box-orient: vertical;
+    }
+
+    .mx_AutoHideScrollbar {
+        flex: 1 1 0;
+    }
+
+    &.mx_UserInfo_smallAvatar {
+        .mx_UserInfo_avatar {
+            .mx_UserInfo_avatar_transition {
+                max-width: 72px;
+                margin: 0 auto;
+            }
+
+            .mx_BaseAvatar {
+                /* Override the calculated font-size so that the letter isn't tiny */
+                font-size: 2rem;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/right_panel/_VerificationPanel.pcss b/apps/web/res/css/views/right_panel/_VerificationPanel.pcss
new file mode 100644
index 00000000000..37da9af79f0
--- /dev/null
+++ b/apps/web/res/css/views/right_panel/_VerificationPanel.pcss
@@ -0,0 +1,145 @@
+/*
+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.
+*/
+
+.mx_VerificationPanel_verified_section,
+.mx_VerificationPanel_reciprocate_section {
+    /* center the big shield icon */
+    .mx_E2EIcon {
+        /* Override general user info margin */
+        margin: 20px auto !important;
+    }
+}
+
+.mx_UserInfo.mx_BaseCard {
+    .mx_UserInfo_container:not(.mx_UserInfo_separator) {
+        > div > p {
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+
+        .mx_VerificationPanel_verifyByEmojiButton,
+        .mx_UserInfo_wideButton {
+            width: fit-content;
+        }
+
+        .mx_EncryptionInfo_spinner,
+        .mx_VerificationShowSas {
+            margin-inline-start: auto;
+            margin-inline-end: auto;
+        }
+
+        .mx_Spinner,
+        .mx_VerificationShowSas {
+            align-items: center;
+        }
+    }
+
+    .mx_VerificationPanel_qrCode {
+        padding: 4px 4px 0 4px;
+        background: white;
+        border-radius: 4px;
+        width: max-content;
+        max-width: 100%;
+        /* Override general user info margin */
+        margin: 0 auto !important;
+
+        canvas {
+            /* override height and width which are set on the element directly */
+            height: auto !important;
+            width: 100% !important;
+            max-width: 240px;
+        }
+    }
+
+    .mx_VerificationPanel_reciprocate_section {
+        .mx_AccessibleButton {
+            width: 100%;
+            box-sizing: border-box;
+            padding: 10px;
+            display: block;
+            margin: 10px 0;
+        }
+    }
+}
+
+/* Special case styling for EncryptionPanel in a Modal dialog */
+.mx_Dialog,
+.mx_CompleteSecurity_body {
+    .mx_VerificationPanel_QRPhase_startOptions {
+        display: flex;
+        margin-top: 10px;
+        margin-bottom: 10px;
+        align-items: stretch;
+        justify-content: center;
+
+        > .mx_VerificationPanel_QRPhase_betweenText {
+            width: 50px;
+            vertical-align: middle;
+            text-align: center;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .mx_VerificationPanel_QRPhase_startOption {
+            background-color: $header-panel-bg-color;
+            border-radius: 10px;
+            flex: 1;
+            display: flex;
+            padding: 20px;
+            align-items: center;
+            flex-direction: column;
+            position: relative;
+            max-width: 310px;
+            justify-content: space-between;
+
+            canvas,
+            .mx_VerificationPanel_QRPhase_noQR {
+                width: 220px !important;
+                height: 220px !important;
+                background-color: #fff;
+                border-radius: 4px;
+                vertical-align: middle;
+                text-align: center;
+                padding: 10px;
+            }
+
+            > p {
+                margin-top: 0;
+                font-weight: 700;
+            }
+
+            .mx_VerificationPanel_QRPhase_helpText {
+                font: var(--cpd-font-body-md-regular);
+                margin: 30px 0;
+                text-align: center;
+            }
+        }
+    }
+
+    /* EncryptionPanel when verification is done */
+    .mx_VerificationPanel_verified_section {
+        /* right align the "Got it" button */
+        .mx_AccessibleButton {
+            float: right;
+        }
+    }
+
+    .mx_VerificationPanel_reciprocate_section {
+        .mx_AccessibleButton {
+            margin-left: 10px;
+            padding: 7px 40px;
+        }
+
+        .mx_VerificationPanel_reciprocateButtons {
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-end;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/right_panel/_WidgetCard.pcss b/apps/web/res/css/views/right_panel/_WidgetCard.pcss
new file mode 100644
index 00000000000..cba86194ce4
--- /dev/null
+++ b/apps/web/res/css/views/right_panel/_WidgetCard.pcss
@@ -0,0 +1,16 @@
+/*
+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.
+*/
+
+.mx_WidgetCard {
+    .mx_AppTileFullWidth {
+        max-width: unset;
+        width: auto !important;
+        height: 100%;
+        border: 0;
+    }
+}
diff --git a/apps/web/res/css/views/room_settings/_AliasSettings.pcss b/apps/web/res/css/views/room_settings/_AliasSettings.pcss
new file mode 100644
index 00000000000..821a6543031
--- /dev/null
+++ b/apps/web/res/css/views/room_settings/_AliasSettings.pcss
@@ -0,0 +1,20 @@
+/*
+Copyright 2019-2024 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_AliasSettings_localAddresses {
+    cursor: pointer;
+    color: var(--cpd-color-text-primary);
+    font-weight: var(--cpd-font-weight-semibold);
+    text-decoration: underline;
+    list-style: none;
+    width: fit-content;
+
+    /* list-style doesn't do it for webkit */
+    &::-webkit-details-marker {
+        display: none;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/RoomListPanel/_RoomListPanel.pcss b/apps/web/res/css/views/rooms/RoomListPanel/_RoomListPanel.pcss
new file mode 100644
index 00000000000..91b7bc8720a
--- /dev/null
+++ b/apps/web/res/css/views/rooms/RoomListPanel/_RoomListPanel.pcss
@@ -0,0 +1,11 @@
+/*
+ * 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_RoomListPanel {
+    background-color: var(--cpd-color-bg-canvas-default);
+    height: 100%;
+}
diff --git a/apps/web/res/css/views/rooms/_AppsDrawer.pcss b/apps/web/res/css/views/rooms/_AppsDrawer.pcss
new file mode 100644
index 00000000000..42b564d9f19
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_AppsDrawer.pcss
@@ -0,0 +1,338 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+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_AppsDrawer {
+    --minWidth: 240px; /* TODO this should be 300px but that's too large */
+
+    margin: var(--container-gap-width);
+    /* The left side gap is fully handled by this margin. To prohibit bleeding on webkit browser. */
+    margin-right: calc(var(--container-gap-width) / 2);
+    margin-bottom: 0; /* No bottom margin for the correct gap to the CallView below. */
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    flex-grow: 1;
+
+    .mx_AppsDrawer_resizer {
+        margin-bottom: var(--container-gap-width);
+    }
+
+    .mx_AppsDrawer_resizer_container {
+        width: 100%;
+        height: 10px;
+        display: block;
+        position: relative;
+
+        .mx_AppsDrawer_resizer_container_handle {
+            cursor: ns-resize;
+
+            /* Override styles from library, making the whole area the target area */
+            width: 100% !important;
+            height: 100% !important;
+
+            /* This is positioned directly below frame */
+            position: absolute;
+            bottom: 50% !important; /* override from library */
+
+            /* We then render the pill handle in an ::after to keep it in the handle's */
+            /* area without being a massive line across the screen */
+            &::after {
+                content: "";
+                position: absolute;
+                border-radius: 3px;
+
+                height: 4px;
+                bottom: 0;
+
+                /* Together, these make the bar 64px wide */
+                /* These are also overridden from the library */
+                left: calc(50% - 32px);
+                right: calc(50% - 32px);
+            }
+        }
+    }
+
+    &:hover {
+        .mx_AppsDrawer_resizer_container_handle::after {
+            opacity: 0.8;
+            background: $primary-content;
+        }
+
+        .mx_ResizeHandle--horizontal::before {
+            position: absolute;
+            left: 3px;
+            top: 50%;
+            transform: translate(0, -50%);
+
+            height: 64px; /* to match width of the ones on roomlist */
+            width: 4px;
+            border-radius: 4px;
+
+            content: "";
+
+            background-color: $primary-content;
+            opacity: 0.8;
+        }
+    }
+
+    .mx_AppTile {
+        width: 50%;
+        min-width: var(--minWidth);
+    }
+
+    &.mx_AppsDrawer--maximised {
+        margin-bottom: var(--container-gap-width);
+    }
+
+    &.mx_AppsDrawer--resizing .mx_AppTile_persistedWrapper {
+        z-index: 1;
+    }
+
+    &.mx_AppsDrawer--2apps .mx_AppTile {
+        width: 50%;
+
+        &:nth-child(3) {
+            flex-grow: 1;
+            width: 0 !important;
+            min-width: var(--minWidth) !important;
+        }
+    }
+    &.mx_AppsDrawer--3apps .mx_AppTile {
+        width: 33%;
+
+        &:nth-child(3) {
+            flex-grow: 1;
+            width: 0 !important;
+            min-width: var(--minWidth) !important;
+        }
+    }
+}
+
+.mx_AppsContainer {
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+    justify-content: center;
+    height: 100%;
+    width: 100%;
+    flex: 1;
+    min-height: 0;
+
+    .mx_AppTile:first-of-type {
+        border-left-width: var(--container-border-width);
+        border-radius: 10px 0 0 10px;
+    }
+    .mx_AppTile:last-of-type {
+        border-right-width: var(--container-border-width);
+        border-radius: 0 10px 10px 0;
+    }
+
+    .mx_ResizeHandle--horizontal {
+        position: relative;
+
+        > div {
+            width: 0;
+        }
+    }
+}
+
+.mx_AppTile {
+    border: var(--container-border-width) solid $widget-menu-bar-bg-color;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    background-color: $widget-menu-bar-bg-color;
+}
+
+.mx_AppTileFullWidth {
+    width: 100% !important; /* to override the inline style set by the resizer */
+    margin: 0;
+    padding: 0;
+    border: var(--container-border-width) solid $widget-menu-bar-bg-color;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    background-color: $widget-menu-bar-bg-color;
+}
+
+.mx_AppTile_mini {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+}
+
+.mx_AppTile .mx_AppTile_persistedWrapper,
+.mx_AppTileFullWidth .mx_AppTile_persistedWrapper,
+.mx_AppTile_mini .mx_AppTile_persistedWrapper {
+    flex: 1;
+}
+
+.mx_AppTile_persistedWrapper div {
+    width: 100%;
+    height: 100%;
+}
+
+.mx_AppTileMenuBar {
+    margin: 0;
+    font-size: $font-12px;
+    background-color: $widget-menu-bar-bg-color;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding-top: 3px;
+    padding-bottom: 6px;
+
+    .mx_AppTileMenuBar_title {
+        line-height: 20px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
+        .mx_WidgetAvatar {
+            margin-right: 12px;
+        }
+
+        h1 {
+            font-size: inherit;
+            margin: 0;
+        }
+
+        > :last-child {
+            margin-left: 9px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+    }
+
+    .mx_AppTileMenuBar_widgets {
+        display: flex;
+        align-items: center;
+
+        .mx_AppTileMenuBar_widgets_button {
+            --size: 24px; /* Size of the button. Its height and width values should be same */
+
+            margin: 0 4px;
+            position: relative;
+            height: var(--size);
+            width: var(--size);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            &:hover::after {
+                content: "";
+                position: absolute;
+                height: var(--size);
+                width: var(--size);
+                background-color: $panel-actions;
+                border-radius: 50%;
+                left: 0;
+                top: 0;
+            }
+
+            .mx_Icon {
+                color: $muted-fg-color;
+            }
+        }
+    }
+}
+
+/* Rules added to this selector style appTileBody generally */
+.mx_AppTileBody {
+    /* Apply to every variant of appTileBody */
+    border-radius: 8px;
+
+    /* const loadingElement */
+    /* Note the loading spinner and the message next to it are not always included in mx_AppTileBody--loading */
+    .mx_AppTileBody_fadeInSpinner {
+        /* place spinner and the message at the center of mx_AppTileBody */
+        height: 100%;
+        width: 100%;
+
+        font-weight: bold; /* message next to the spinner */
+        animation-fill-mode: backwards;
+        animation-duration: 200ms;
+        animation-delay: 500ms;
+        animation-name: mx_AppTileBody_fadeInSpinnerAnimation;
+    }
+
+    &.mx_AppTileBody--large,
+    &.mx_AppTileBody--mini {
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+
+        iframe {
+            border: none;
+            width: 100%;
+            height: 100%;
+        }
+    }
+
+    &.mx_AppTileBody--large {
+        --AppTileBody-height: 100%;
+
+        background-color: $widget-body-bg-color;
+
+        iframe {
+            overflow: hidden;
+            padding: 0;
+            margin: 0;
+            display: block;
+        }
+    }
+
+    &.mx_AppTileBody--loading {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        position: relative;
+        height: 100%;
+
+        /* match bg of border so that the cut corners have the right fill */
+        background-color: $widget-body-bg-color !important;
+
+        iframe {
+            display: none;
+        }
+    }
+
+    &.mx_AppTileBody--call {
+        border-radius: 0px;
+    }
+    &.mx_AppTileBody--call.mx_AppTileBody--mini {
+        border-radius: 8px;
+    }
+}
+
+/* appTileBody is embedded to PersistedElement outside of mx_AppTile,
+   so rules to style appTileBody generally should not be included here. */
+.mx_AppTile .mx_AppTileBody--large,
+.mx_AppTileFullWidth .mx_AppTileBody--large,
+.mx_AppTile_mini .mx_AppTileBody--mini {
+    height: inherit;
+    flex: 1;
+}
+
+@keyframes mx_AppTileBody_fadeInSpinnerAnimation {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_Autocomplete.pcss b/apps/web/res/css/views/rooms/_Autocomplete.pcss
new file mode 100644
index 00000000000..7070304bf11
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_Autocomplete.pcss
@@ -0,0 +1,98 @@
+.mx_Autocomplete {
+    position: absolute;
+    bottom: 0;
+    z-index: 1001;
+    width: 100%;
+    border: 1px solid $primary-hairline-color;
+    background: $background;
+    border-bottom: none;
+    border-radius: 8px 8px 0 0;
+    overflow: clip;
+    display: flex;
+    flex-direction: column;
+    box-shadow: 0px -16px 32px $composer-shadow-color;
+}
+
+.mx_Autocomplete_ProviderSection {
+    border-bottom: 1px solid $primary-hairline-color;
+    width: 100%;
+}
+
+/* a "block" completion takes up a whole line */
+.mx_Autocomplete_Completion_block {
+    min-height: 34px;
+    display: flex;
+    flex-wrap: wrap;
+    padding: 0 12px;
+    user-select: none;
+    cursor: pointer;
+    align-items: center;
+    color: $primary-content;
+}
+
+.mx_Autocomplete_Completion_block * {
+    margin: 0 3px;
+}
+
+.mx_Autocomplete_Completion_pill {
+    box-sizing: border-box;
+    border-radius: 2rem;
+    height: $font-34px;
+    padding: 0.4rem;
+    display: flex;
+    user-select: none;
+    cursor: pointer;
+    align-items: center;
+    color: $primary-content;
+}
+
+.mx_Autocomplete_Completion_pill > * {
+    margin-right: 0.3rem;
+}
+
+/* styling for common completion elements */
+.mx_Autocomplete_Completion_subtitle {
+    font-style: italic;
+    flex: 1;
+}
+
+.mx_Autocomplete_Completion_description {
+    color: gray;
+    min-width: 150px;
+}
+
+.mx_Autocomplete_Completion_container_pill {
+    margin: 12px;
+    height: 100%;
+    overflow-y: scroll;
+}
+
+@container roomview (height >= 0px) {
+    .mx_Autocomplete_Completion_container_pill {
+        max-height: 40cqh;
+    }
+}
+
+.mx_Autocomplete_Completion_container_truncate {
+    .mx_Autocomplete_Completion_title,
+    .mx_Autocomplete_Completion_subtitle,
+    .mx_Autocomplete_Completion_description {
+        /* Ellipsis for long names/subtitles/descriptions */
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+}
+
+.mx_Autocomplete_Completion.selected,
+.mx_Autocomplete_Completion:hover {
+    background: $selected-color;
+    outline: none;
+}
+
+.mx_Autocomplete_provider_name {
+    margin: 12px;
+    color: $primary-content;
+    font-weight: 400;
+    opacity: 0.4;
+}
diff --git a/apps/web/res/css/views/rooms/_AuxPanel.pcss b/apps/web/res/css/views/rooms/_AuxPanel.pcss
new file mode 100644
index 00000000000..c2477287b03
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_AuxPanel.pcss
@@ -0,0 +1,14 @@
+/*
+Copyright 2018-2024 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_AuxPanel {
+    min-width: 0px;
+    width: 100%;
+    margin: 0px auto;
+
+    overflow: auto;
+}
diff --git a/apps/web/res/css/views/rooms/_BasicMessageComposer.pcss b/apps/web/res/css/views/rooms/_BasicMessageComposer.pcss
new file mode 100644
index 00000000000..b017b03da36
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_BasicMessageComposer.pcss
@@ -0,0 +1,103 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 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_BasicMessageComposer {
+    /* These are set in Javascript */
+    --avatar-letter: "";
+    --avatar-background: unset;
+    --avatar-color: unset;
+    --placeholder: "";
+
+    position: relative;
+
+    .mx_BasicMessageComposer_inputEmpty > :first-child::before {
+        content: var(--placeholder);
+        color: var(--cpd-color-text-secondary);
+        width: 0;
+        height: 0;
+        overflow: visible;
+        display: inline-block;
+        pointer-events: none;
+        white-space: nowrap;
+    }
+
+    @keyframes visualbell {
+        from {
+            background-color: $visual-bell-bg-color;
+        }
+        to {
+            background-color: $background;
+        }
+    }
+
+    &.mx_BasicMessageComposer_input_error {
+        animation: 0.2s visualbell;
+    }
+
+    .mx_BasicMessageComposer_input {
+        white-space: pre-wrap;
+        word-wrap: break-word;
+        outline: none;
+        overflow-x: hidden;
+
+        /* Force caret nodes to be selected in full so that they can be */
+        /* navigated through in a single keypress */
+        .caretNode {
+            user-select: all;
+        }
+
+        &.mx_BasicMessageComposer_input_shouldShowPillAvatar {
+            span.mx_UserPill,
+            span.mx_RoomPill,
+            span.mx_SpacePill {
+                display: inline-flex;
+                align-items: center;
+                user-select: all;
+                position: relative;
+                cursor: unset; /* We don't want indicate clickability */
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+
+                &:hover {
+                    /* We don't want indicate clickability | To override the overriding of .markdown-body */
+                    background-color: $pill-bg-color !important;
+                }
+
+                /* avatar psuedo element */
+                &::before {
+                    display: inline-block;
+                    content: var(--avatar-letter);
+                    width: $font-16px;
+                    min-width: $font-16px; /* ensure the avatar is not compressed */
+                    height: $font-16px;
+                    margin-inline-end: 0.24rem;
+                    background: var(--avatar-background), $background;
+                    color: var(--avatar-color, $avatar-initial-color);
+                    background-repeat: no-repeat;
+                    background-size: $font-16px;
+                    border-radius: $font-16px;
+                    text-align: center;
+                    font-weight: normal;
+                    line-height: $font-16px;
+                    font-size: $font-10-4px;
+                }
+            }
+        }
+
+        &.mx_BasicMessageComposer_input_disabled {
+            /* Ignore all user input to avoid accidentally triggering the composer */
+            pointer-events: none;
+        }
+    }
+
+    .mx_BasicMessageComposer_AutoCompleteWrapper {
+        position: relative;
+        height: 0;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_CallGuestLinkButton.pcss b/apps/web/res/css/views/rooms/_CallGuestLinkButton.pcss
new file mode 100644
index 00000000000..b11668e547e
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_CallGuestLinkButton.pcss
@@ -0,0 +1,7 @@
+.mx_JoinRuleDialog {
+    .mx_JoinRuleDialogButtons {
+        display: flex;
+        column-gap: 5px;
+        justify-content: center;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_E2EIcon.pcss b/apps/web/res/css/views/rooms/_E2EIcon.pcss
new file mode 100644
index 00000000000..55e3e027480
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_E2EIcon.pcss
@@ -0,0 +1,23 @@
+/*
+Copyright 2019-2024 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_E2EIcon {
+    width: 16px;
+    height: 16px;
+    margin: 0 9px;
+    display: block;
+
+    svg {
+        width: inherit;
+        height: inherit;
+        display: block;
+    }
+}
+
+.mx_E2EIcon.mx_E2EIcon_inline {
+    display: inline-block;
+}
diff --git a/apps/web/res/css/views/rooms/_E2EIconView.pcss b/apps/web/res/css/views/rooms/_E2EIconView.pcss
new file mode 100644
index 00000000000..3e2b1d95802
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_E2EIconView.pcss
@@ -0,0 +1,20 @@
+/*
+Copyright 2024 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_E2EIconView {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.mx_E2EIconView_warning {
+    color: var(--cpd-color-icon-critical-primary);
+}
+
+.mx_E2EIconView_verified {
+    color: var(--cpd-color-icon-success-primary);
+}
diff --git a/apps/web/res/css/views/rooms/_EditMessageComposer.pcss b/apps/web/res/css/views/rooms/_EditMessageComposer.pcss
new file mode 100644
index 00000000000..dbc7aad4fd4
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_EditMessageComposer.pcss
@@ -0,0 +1,44 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 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_EditMessageComposer {
+    --EditMessageComposer-padding-inline: 3px;
+
+    display: flex;
+    flex-direction: column;
+    max-width: 100%; /* disable overflow */
+    width: auto;
+    gap: 5px;
+    padding: 3px var(--EditMessageComposer-padding-inline);
+
+    .mx_BasicMessageComposer_input {
+        border-radius: 4px;
+        border: solid 1px $primary-hairline-color;
+        background-color: $background;
+        max-height: 200px;
+        padding: 3px 6px;
+
+        &:focus {
+            border-color: var(--cpd-color-border-interactive-primary);
+        }
+    }
+
+    .mx_EditMessageComposer_buttons {
+        display: flex;
+        flex-flow: row wrap-reverse; /* display "Save" over "Cancel" */
+        justify-content: flex-end;
+        gap: 5px;
+        margin-inline-start: auto;
+
+        .mx_AccessibleButton {
+            flex: 1;
+            box-sizing: border-box;
+            min-width: 100px; /* magic number to align the edge of the button with the input area */
+        }
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_EmojiButton.pcss b/apps/web/res/css/views/rooms/_EmojiButton.pcss
new file mode 100644
index 00000000000..5911bf723fe
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_EmojiButton.pcss
@@ -0,0 +1,21 @@
+/*
+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_EmojiButton {
+    @mixin composerButton 50%, var(--cpd-color-icon-secondary), var(--cpd-color-bg-subtle-secondary);
+}
+
+.mx_EmojiButton_highlight {
+    @mixin composerButtonHighLight;
+}
+
+.mx_MessageComposer_wysiwyg {
+    .mx_EmojiButton {
+        @mixin composerButton 5px, $tertiary-content, $panels;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_EventBubbleTile.pcss b/apps/web/res/css/views/rooms/_EventBubbleTile.pcss
new file mode 100644
index 00000000000..25a8cbcfdd8
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_EventBubbleTile.pcss
@@ -0,0 +1,660 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_RoomView_body[data-layout="bubble"] {
+    .mx_RoomView_timeline,
+    .mx_RoomView_statusArea,
+    .mx_MessageComposer {
+        width: 100%;
+        max-width: 1200px;
+        margin: 0 auto;
+    }
+}
+
+.mx_EventTile[data-layout="bubble"],
+.mx_GenericEventListSummary[data-layout="bubble"] {
+    --avatarSize: 32px;
+    --gutterSize: 11px;
+    --cornerRadius: 12px;
+    --maxWidth: 70%;
+
+    /* For both event tile and event list summary */
+    --EventTile_bubble-margin-inline-start: 49px;
+    --EventTile_bubble-margin-inline-end: 60px;
+
+    margin-inline-start: var(--EventTile_bubble-margin-inline-start);
+    margin-inline-end: var(--EventTile_bubble-margin-inline-end);
+}
+
+.mx_EventTile[data-layout="bubble"] {
+    --EventTile_bubble_line-margin-inline-start: -9px;
+    --EventTile_bubble_line-margin-inline-end: -12px;
+    --EventTile_bubble_gap-inline: 5px;
+
+    .mx_MessageTimestamp {
+        width: unset; /* Cancel the default width */
+        max-width: 80px;
+    }
+
+    .mx_ThreadSummary {
+        clear: both;
+        width: fit-content;
+    }
+
+    .mx_EventTile_content {
+        margin-right: 0;
+    }
+
+    &:not(.mx_EventTile_info) .mx_EventTile_avatar {
+        line-height: 0;
+        border: 4px solid $background;
+        border-radius: 50%;
+        position: absolute;
+        top: 6px;
+        z-index: 9;
+        img {
+            box-shadow: 0 0 0 3px $background;
+            border-radius: 50%;
+        }
+    }
+
+    &.mx_EventTile_highlight {
+        .mx_EventTile_avatar {
+            border-color: $event-highlight-bg-color;
+        }
+        &::before {
+            background-color: $event-highlight-bg-color;
+        }
+    }
+
+    &:hover {
+        .mx_EventTile_avatar {
+            border-color: $eventbubble-bg-hover;
+        }
+    }
+
+    /* For replies */
+    .mx_EventTile {
+        padding-top: 0;
+    }
+
+    &::before {
+        content: "";
+        position: absolute;
+        top: -1px;
+        bottom: -1px;
+        left: calc(-1 * var(--EventTile_bubble-margin-inline-start));
+        right: calc(-1 * var(--EventTile_bubble-margin-inline-end));
+        z-index: -1;
+        border-radius: 4px;
+    }
+
+    &:hover,
+    &.mx_EventTile_selected {
+        &::before {
+            background: $eventbubble-bg-hover;
+        }
+
+        .mx_EventTile_avatar {
+            img {
+                box-shadow: 0 0 0 3px $eventbubble-bg-hover;
+            }
+        }
+    }
+
+    .mx_DisambiguatedProfile,
+    .mx_EventTile_line {
+        --EventBubbleTile_line-max-width: 70%;
+
+        width: fit-content;
+        max-width: var(--EventBubbleTile_line-max-width); /* Align message bubble and displayName */
+        line-height: $font-18px; /* fixed line height to prevent emoji from being taller than text */
+    }
+
+    /* other users profile on bubble layout */
+    > .mx_DisambiguatedProfile {
+        white-space: normal; /* display mxid */
+
+        .mx_DisambiguatedProfile_displayName {
+            white-space: nowrap; /* truncate long display names */
+            margin-inline-end: 5px;
+
+            /* For RTL displayName */
+            unicode-bidi: embed;
+            direction: ltr;
+        }
+
+        .mx_DisambiguatedProfile_mxid {
+            margin-inline-start: 0; /* Align mxid with truncated displayName
+                inside mx_EventTile[data-layout="bubble"] */
+        }
+    }
+
+    /* inside mx_RoomView_MessageList, outside of mx_ReplyTile */
+    /* (on the main panel and the chat panel with a maximized widget) */
+    > .mx_DisambiguatedProfile,
+    /* inside a thread, outside of mx_ReplyTile */
+    .mx_EventTile_senderDetails > .mx_DisambiguatedProfile {
+        position: relative;
+        top: -2px;
+        left: 2px;
+        font-size: $font-15px;
+    }
+
+    .mx_MessageActionBar {
+        top: -28px;
+        z-index: 9; /* above the avatar */
+    }
+
+    .mx_MediaBody {
+        /* leave space for the timestamp */
+        padding-right: 48px !important;
+    }
+
+    .mx_ImageBody {
+        .mx_ImageBody_container {
+            justify-content: center;
+            min-height: calc(1.8rem + var(--gutterSize) + var(--gutterSize));
+            min-width: calc(1.8rem + var(--gutterSize) + var(--gutterSize));
+        }
+    }
+
+    .mx_LegacyCallEvent {
+        background-color: unset;
+
+        border-style: solid;
+        border-width: 1px;
+        border-color: $quinary-content;
+    }
+
+    .mx_EventTile_footer {
+        margin: var(--cpd-space-1-5x) 0;
+        margin-inline: var(--EventTile_bubble_line-margin-inline-start) var(--EventTile_bubble_line-margin-inline-end);
+    }
+
+    &[data-self="false"] {
+        .mx_EventTile_line {
+            border-bottom-right-radius: var(--cornerRadius);
+
+            .mx_ImageBody .mx_ImageBody_container,
+            .mx_ImageBody::before,
+            .mx_MVideoBody .mx_MVideoBody_container,
+            .mx_MediaBody,
+            .mx_MLocationBody_map,
+            .mx_MBeaconBody {
+                border-bottom-right-radius: var(--cornerRadius) !important;
+            }
+        }
+
+        .mx_EventTile_avatar {
+            left: -36px;
+        }
+
+        .mx_MessageActionBar {
+            inset-inline-start: calc(
+                100% - var(--MessageActionBar-size-button) - 2 * var(--MessageActionBar-size-margin)
+            );
+            right: initial; /* Reset the default value */
+        }
+
+        .mx_ThreadSummary {
+            margin-inline-start: calc(-1 * var(--gutterSize));
+            margin-inline-end: auto;
+        }
+
+        .mx_ReactionsRow,
+        .mx_EventTile_footer {
+            justify-content: flex-start;
+        }
+
+        --backgroundColor: $eventbubble-others-bg;
+    }
+
+    &[data-self="true"] {
+        .mx_EventTile_line {
+            margin-inline-start: auto;
+            border-bottom-left-radius: var(--cornerRadius);
+
+            .mx_ImageBody .mx_ImageBody_container,
+            .mx_ImageBody::before,
+            .mx_MVideoBody .mx_MVideoBody_container,
+            .mx_MediaBody,
+            .mx_MLocationBody_map,
+            .mx_MBeaconBody {
+                border-bottom-left-radius: var(--cornerRadius) !important;
+            }
+        }
+
+        .mx_EventTile_sticker {
+            /* align timestamp with those inside bubbles */
+            margin-right: 32px;
+        }
+
+        .mx_ThreadSummary {
+            margin-inline-start: auto;
+            margin-inline-end: calc(-1 * var(--gutterSize));
+        }
+
+        .mx_DisambiguatedProfile {
+            display: none;
+        }
+
+        .mx_ReplyTile .mx_DisambiguatedProfile {
+            display: block;
+            max-width: 100%;
+        }
+
+        .mx_EventTile_footer {
+            justify-content: flex-end;
+        }
+
+        .mx_ReactionsRow {
+            justify-content: flex-end;
+
+            > :last-child {
+                order: -1; /* Moving the "add reaction button" before the reactions */
+            }
+        }
+
+        .mx_EventTile_avatar {
+            top: -19px; /* height of the sender block */
+            right: -38px;
+        }
+
+        .mx_MediaBody {
+            background: $eventbubble-self-bg;
+        }
+
+        .mx_MessageActionBar {
+            inset-inline-end: 0;
+        }
+
+        --backgroundColor: $eventbubble-self-bg;
+    }
+
+    .mx_EventTile_line {
+        position: relative;
+        display: flex;
+        gap: 5px var(--EventTile_bubble_gap-inline);
+        margin-block: 0;
+        margin-inline: var(--EventTile_bubble_line-margin-inline-start) var(--EventTile_bubble_line-margin-inline-end);
+        border-top-left-radius: var(--cornerRadius);
+        border-top-right-radius: var(--cornerRadius);
+
+        /* the selector here is quite weird because timestamps can appear linked & unlinked and in different places */
+        /* in the DOM depending on the specific rendering context */
+        > a, /* linked timestamp element */
+        .mx_MessageActionBar + .mx_MessageTimestamp {
+            position: absolute;
+            padding: 4px 8px;
+            bottom: 0;
+            right: 0;
+            z-index: 3; /* above media and location share maps */
+        }
+
+        &.mx_EventTile_mediaLine {
+            /* TODO: Use a common class name instead */
+            .mx_MFileBody,
+            .mx_MAudioBody {
+                max-width: 100%; /* avoid overflow */
+            }
+
+            .mx_MVoiceMessageBody {
+                /* allow the event to be collapsed, this causes the waveform to get cropped */
+                min-width: 0;
+            }
+
+            /* we put the timestamps for media (other than stickers) atop the media */
+            &.mx_EventTile_image {
+                .mx_MessageTimestamp {
+                    border-radius: var(--MBody-border-radius);
+                    /* Hardcoded colours because it's the same on all themes */
+                    background-color: rgb(0, 0, 0, 0.6);
+                    color: #ffffff;
+                    padding: 0px 4px 0px 4px;
+                }
+            }
+        }
+
+        &.mx_EventTile_sticker {
+            > a, /* linked timestamp element */
+            .mx_MessageActionBar + .mx_MessageTimestamp {
+                /* position timestamps for stickers to the right of the un-bubbled sticker */
+                right: unset;
+                left: 100%;
+            }
+
+            .mx_MStickerBody_wrapper {
+                padding: 0;
+            }
+        }
+
+        .mx_ImageBody {
+            width: 100%;
+        }
+
+        /* noinspection CssReplaceWithShorthandSafely */
+        .mx_ImageBody .mx_ImageBody_container,
+        .mx_MVideoBody .mx_MVideoBody_container,
+        .mx_MediaBody {
+            border-radius: unset;
+            border-top-left-radius: var(--cornerRadius);
+            border-top-right-radius: var(--cornerRadius);
+        }
+
+        .mx_EventTile_e2eIcon {
+            flex-shrink: 0; /* keep it at full size */
+
+            /* Keep height equal to text for shield alignment, additional 2px because of 1px padding on text */
+            height: calc($font-18px + 2px);
+        }
+    }
+
+    &:not(.mx_EventTile_noBubble):not(.mx_EventTile_alignedBetweenBubbles)
+        .mx_EventTile_line:not(.mx_EventTile_mediaLine) {
+        /* make the top and bottom padding 1px smaller so that we can pad
+            .mx_EventTile_content by 1px */
+        /* to avoid anti-zalgo cutting off our larger than text emojis. */
+        padding: calc(var(--gutterSize) - 1px);
+        padding-right: 60px; /* space for the timestamp */
+        background: var(--backgroundColor);
+
+        .mx_EventTile_content {
+            padding: 1px;
+        }
+    }
+
+    &.mx_EventTile_continuation[data-self="false"] .mx_EventTile_line {
+        border-top-left-radius: 0;
+
+        .mx_ImageBody .mx_ImageBody_container,
+        .mx_MVideoBody .mx_MVideoBody_container,
+        .mx_ImageBody::before,
+        .mx_MediaBody,
+        .mx_MLocationBody_map,
+        .mx_MBeaconBody {
+            border-top-left-radius: 0;
+        }
+    }
+    &.mx_EventTile_lastInSection[data-self="false"] .mx_EventTile_line {
+        border-bottom-left-radius: var(--cornerRadius);
+
+        .mx_ImageBody .mx_ImageBody_container,
+        .mx_MVideoBody .mx_MVideoBody_container,
+        .mx_ImageBody::before,
+        .mx_MediaBody,
+        .mx_MLocationBody_map,
+        .mx_MBeaconBody {
+            border-bottom-left-radius: var(--cornerRadius);
+        }
+    }
+
+    &.mx_EventTile_continuation[data-self="true"] .mx_EventTile_line {
+        border-top-right-radius: 0;
+
+        .mx_ImageBody .mx_ImageBody_container,
+        .mx_MVideoBody .mx_MVideoBody_container,
+        .mx_ImageBody::before,
+        .mx_MediaBody,
+        .mx_MLocationBody_map,
+        .mx_MBeaconBody {
+            border-top-right-radius: 0;
+        }
+    }
+    &.mx_EventTile_lastInSection[data-self="true"] .mx_EventTile_line {
+        border-bottom-right-radius: var(--cornerRadius);
+
+        .mx_ImageBody .mx_ImageBody_container,
+        .mx_MVideoBody .mx_MVideoBody_container,
+        .mx_ImageBody::before,
+        .mx_MediaBody,
+        .mx_MLocationBody_map,
+        .mx_MBeaconBody {
+            border-bottom-right-radius: var(--cornerRadius);
+        }
+    }
+
+    &.mx_EventTile_noSender {
+        .mx_EventTile_avatar {
+            top: -19px;
+        }
+    }
+
+    &[data-has-reply="true"] {
+        > .mx_EventTile_line {
+            flex-direction: column;
+        }
+
+        .mx_ReplyChain {
+            .mx_EventTile_reply {
+                max-width: 90%;
+                padding: 0;
+                > a, /* linked timestamp element */
+                .mx_MessageActionBar + .mx_MessageTimestamp {
+                    display: none !important;
+                }
+            }
+
+            .mx_EventTile {
+                display: flex;
+                gap: var(--gutterSize);
+                .mx_EventTile_avatar {
+                    position: static;
+                }
+                .mx_DisambiguatedProfile {
+                    display: none;
+                }
+            }
+        }
+    }
+
+    .mx_MPollBody {
+        width: 550px; /* to prevent timestamp overlapping summary text */
+        max-width: 100%; /* prevent overflowing a reply tile */
+
+        .mx_MPollBody_totalVotes {
+            /* align summary text with corner timestamp */
+            padding: 4px 0;
+        }
+    }
+
+    &.mx_EventTile_bad {
+        &:hover {
+            &::before {
+                background: transparent;
+            }
+        }
+
+        /* Special layout scenario for "Unable To Decrypt (UTD)" events */
+        .mx_EventTile_line {
+            display: grid;
+            grid-template:
+                "reply reply" auto
+                "shield body" auto
+                / auto 1fr;
+
+            .mx_UnknownBody,
+            .mx_ReplyChain_wrapper,
+            .mx_ViewSourceEvent {
+                min-width: 0; /* Prevent a grid blowout */
+            }
+
+            .mx_EventTile_e2eIcon {
+                grid-area: shield;
+                margin-top: auto;
+                margin-bottom: auto;
+            }
+
+            .mx_UnknownBody,
+            .mx_DecryptionFailureBody {
+                grid-area: body;
+            }
+
+            .mx_ReplyChain_wrapper {
+                grid-area: reply;
+            }
+        }
+
+        &.mx_EventTile_info {
+            /* "Unable To Decrypt" layout for hidden events */
+            .mx_EventTile_line {
+                gap: 0 9px; /* 9px: margin value of E2E icon */
+                align-items: center;
+                grid-template:
+                    "shield source" auto
+                    / auto 1fr;
+
+                .mx_ViewSourceEvent {
+                    grid-area: source;
+                }
+            }
+        }
+    }
+
+    .mx_MTextBody {
+        max-width: 100%;
+    }
+
+    .mx_LegacyCallEvent_wrapper,
+    .mx_CallEvent_wrapper {
+        justify-content: center;
+    }
+
+    &.mx_EventTile_alignedBetweenBubbles {
+        margin-inline-start: calc(
+            var(--EventTile_bubble-margin-inline-start) + var(--EventTile_bubble_line-margin-inline-start)
+        );
+        margin-inline-end: calc(
+            var(--EventTile_bubble-margin-inline-end) + var(--EventTile_bubble_line-margin-inline-end)
+        );
+
+        .mx_EventTile_line {
+            max-width: 100%;
+            width: 100%;
+            margin: 0;
+        }
+    }
+}
+
+.mx_EventTile.mx_EventTile_noBubble[data-layout="bubble"] {
+    --backgroundColor: transparent;
+
+    .mx_EventTile_line.mx_EventTile_emote {
+        padding-right: 60px; /* align with bubbles text */
+        font-style: italic;
+
+        > a {
+            /* linked timestamp element */
+            align-self: center;
+            bottom: unset;
+            top: unset;
+            font-style: normal; /* undo italic above */
+        }
+
+        .mx_MEmoteBody {
+            padding: 4px 0;
+        }
+    }
+}
+
+.mx_EventTile.mx_EventTile_bubbleContainer[data-layout="bubble"],
+.mx_EventTile.mx_EventTile_leftAlignedBubble[data-layout="bubble"] {
+    .mx_EventTile_line > a {
+        /* hide this timestamp as the tile will render its own */
+        display: none;
+    }
+}
+
+.mx_EventTile.mx_EventTile_bubbleContainer[data-layout="bubble"],
+.mx_EventTile.mx_EventTile_leftAlignedBubble[data-layout="bubble"],
+.mx_EventTile.mx_EventTile_info[data-layout="bubble"] {
+    padding: 5px 0;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+
+    .mx_EventTile_line,
+    .mx_EventTile_info {
+        min-width: 100%;
+        /* Preserve alignment with left edge of text in bubbles */
+        margin: 0;
+    }
+}
+
+.mx_EventTile.mx_EventTile_bubbleContainer[data-layout="bubble"],
+.mx_EventTile.mx_EventTile_leftAlignedBubble[data-layout="bubble"],
+.mx_EventTile.mx_EventTile_info[data-layout="bubble"],
+.mx_GenericEventListSummary[data-layout="bubble"][data-expanded="false"] {
+    --backgroundColor: transparent;
+    --gutterSize: 0;
+
+    .mx_EventTile_avatar {
+        position: static;
+        order: -1;
+        margin-inline-end: var(--EventTile_bubble_gap-inline); /* Same spacing between E2E icon and a hidden event */
+        display: inline-flex;
+    }
+
+    .mx_EventTile_e2eIcon {
+        margin-inline-start: 0; /* mx_EventTile_avatar has margin-inline-end, so margin is not needed here */
+        align-self: center;
+    }
+
+    .mx_EventTile_line {
+        > a, /* linked timestamp element */
+        .mx_MessageActionBar + .mx_MessageTimestamp {
+            right: auto;
+            left: -77px;
+            bottom: unset;
+            align-self: center;
+
+            .mx_MessageTimestamp,
+            &.mx_MessageTimestamp {
+                vertical-align: middle;
+            }
+        }
+    }
+}
+
+.mx_GenericEventListSummary[data-layout="bubble"] {
+    .mx_EventTile.mx_EventTile_info .mx_EventTile_line {
+        /* Avoid overflow of event info by cancelling width settings */
+        width: 100%;
+        min-width: 0;
+        max-width: 100%;
+    }
+
+    /* increase margin between ELS and the next Event to not have our user avatar overlap the expand/collapse button */
+    &[data-expanded="false"] + .mx_EventTile[data-layout="bubble"][data-self="true"] {
+        margin-top: 20px;
+    }
+
+    &[data-expanded="true"] .mx_EventTile_info {
+        padding: 2px 0;
+        margin-right: 0;
+
+        .mx_MessageActionBar {
+            /* Reset .mx_EventTile[data-layout="bubble"][data-self="false"] .mx_MessageActionBar */
+            inset-inline-start: initial;
+            inset-inline-end: 48px; /* align with that of right-column bubbles */
+        }
+
+        .mx_ReadReceiptGroup {
+            /* match alignment to RRs of chat bubbles */
+            inset-inline-end: calc(-1 * var(--ReadReceiptGroup_EventBubbleTile-spacing-end) + 60px);
+        }
+
+        &::before {
+            inset-inline-end: 0; /* match alignment of the hover background to that of chat bubbles */
+        }
+    }
+}
+
+.mx_EventTile_tileError[data-layout="bubble"] .mx_EventTile_line {
+    flex-direction: column; /* restore the centering */
+}
diff --git a/apps/web/res/css/views/rooms/_EventTile.pcss b/apps/web/res/css/views/rooms/_EventTile.pcss
new file mode 100644
index 00000000000..fe274ec2f57
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_EventTile.pcss
@@ -0,0 +1,1390 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 2021 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+$left-gutter: 64px;
+
+.mx_EventTile {
+    --EventTile_content-margin-inline-end: 34px;
+    --EventTile_group_line-spacing-block-start: 1px;
+    --EventTile_group_line-spacing-block-end: 3px;
+    --EventTile_group_line-spacing-inline-start: $left-gutter;
+    --EventTile_group_line-line-height: $font-22px;
+    --EventTile_ThreadSummary-line-height: calc(2 * $font-12px);
+
+    flex-shrink: 0;
+    max-width: 100%;
+    clear: both; /* TODO: check if this is necessary */
+    padding-top: 18px;
+    position: relative;
+
+    &.mx_EventTile_info {
+        font-size: var(--cpd-font-size-body-sm);
+        color: $secondary-content;
+    }
+
+    .mx_EventTile_avatar {
+        cursor: pointer;
+        user-select: none;
+    }
+
+    .mx_EventTile_body {
+        overflow-y: hidden;
+        text-align: start;
+    }
+
+    .mx_ReadReceiptGroup_container svg {
+        display: inline-block;
+        width: 16px;
+        height: 16px;
+        color: var(--cpd-color-icon-tertiary);
+    }
+
+    .mx_EventTile_content {
+        &.mx_EditMessageComposer,
+        &.mx_EditWysiwygComposer {
+            /* Make sure the formatting bar is visible */
+            overflow: visible;
+        }
+    }
+
+    .mx_EventTile_searchHighlight {
+        background-color: $accent;
+        color: $accent-fg-color;
+        border-radius: 5px;
+        padding-inline: 2px;
+        cursor: pointer;
+
+        a {
+            background-color: $accent;
+            color: $accent-fg-color;
+        }
+    }
+
+    .mx_MessageTimestamp_lateIcon {
+        position: absolute;
+        right: 100%;
+        top: var(--cpd-space-1x);
+        color: var(--cpd-color-text-secondary);
+    }
+
+    .mx_EventTileBubble {
+        margin-block: var(--EventTileBubble_margin-block);
+        min-width: 100px;
+    }
+
+    .mx_ImageBody {
+        .mx_ImageBody_container {
+            display: flex;
+            align-items: center; /* on every layout */
+        }
+    }
+
+    .mx_DisambiguatedProfile {
+        color: $primary-content;
+        font: var(--cpd-font-body-md-regular);
+        display: inline-block;
+        padding-bottom: 0px;
+        padding-top: 0px;
+    }
+
+    .mx_ReactionsRow {
+        display: flex;
+        flex-flow: wrap;
+        align-items: center;
+        gap: var(--cpd-space-1x);
+    }
+
+    .mx_ReplyChain--expanded {
+        .mx_EventTile_body {
+            /* !important needed to override .mx_ReplyTile .mx_EventTile_content .mx_EventTile_body */
+            display: block !important;
+            overflow-y: scroll;
+        }
+
+        .mx_EventTile_collapsedCodeBlock {
+            /* !important needed due to .mx_ReplyTile .mx_EventTile_content .mx_EventTile_pre_container > pre */
+            display: block !important;
+        }
+    }
+
+    .mx_RoomView_searchResultsPanel & {
+        &.mx_EventTile_contextual {
+            opacity: 0.4;
+        }
+    }
+
+    &.mx_EventTile_bubbleContainer {
+        display: grid;
+        grid-template-columns: 1fr 100px;
+
+        .mx_EventTile_line {
+            margin-right: 0;
+            grid-column: 1 / 3;
+            padding: 0 !important; /* override default padding of mx_EventTile_line so that we can be centered */
+        }
+
+        .mx_EventTile_msgOption {
+            grid-column: 2;
+        }
+
+        &:hover {
+            .mx_EventTile_line {
+                /* To avoid bubble events being highlighted */
+                background-color: inherit !important;
+            }
+        }
+    }
+
+    &.mx_EventTile_isEditing .mx_MessageTimestamp {
+        visibility: hidden;
+    }
+
+    &[data-layout="irc"],
+    &[data-layout="group"] {
+        --selected-message-border-width: 4px;
+
+        /* TODO: adjust the values for IRC layout */
+        --EventTile-box-shadow-offset-x: calc(50px + var(--selected-message-border-width));
+        --EventTile-box-shadow-spread-radius: -50px;
+        .mx_EventTile_e2eIcon {
+            position: absolute;
+        }
+
+        .mx_ImageBody {
+            .mx_ImageBody_container {
+                justify-content: flex-start;
+                min-height: $font-44px;
+                min-width: $font-44px;
+            }
+        }
+
+        .mx_EventTile_line,
+        .mx_EventTile_reply {
+            position: relative;
+            border-radius: 8px;
+        }
+
+        .mx_EventTile_reply {
+            margin-right: 10px;
+        }
+
+        .mx_EventTile_msgOption {
+            float: right;
+            text-align: right;
+            position: relative;
+            width: 90px;
+
+            /* Hack to stop the height of this pushing the messages apart.
+               Replaces margin-top: -6px. This interacts better with a read
+               marker being in between. Content overflows. */
+            height: 1px;
+        }
+
+        &.mx_EventTile_highlight,
+        &.mx_EventTile_highlight .markdown-body {
+            .mx_EventTile_line {
+                background-color: $event-highlight-bg-color;
+            }
+        }
+
+        &:focus-visible:focus-within,
+        &.mx_EventTile_actionBarFocused,
+        &.mx_EventTile_isEditing,
+        &.mx_EventTile_selected {
+            .mx_EventTile_line {
+                background-color: $event-selected-color;
+            }
+        }
+
+        /* this is used for the tile for the event which is selected via the URL. */
+        &.mx_EventTile_isEditing,
+        &.mx_EventTile_selected {
+            > .mx_EventTile_line {
+                /* TODO: ultimately we probably want some transition on here. */
+                box-shadow: inset var(--EventTile-box-shadow-offset-x) 0 0 var(--EventTile-box-shadow-spread-radius)
+                    var(--cpd-color-bg-action-primary-rest);
+            }
+        }
+
+        &.mx_EventTile_info {
+            .mx_EventTile_e2eIcon {
+                top: 0;
+            }
+        }
+
+        &.mx_EventTile_continuation .mx_EventTile_line {
+            clear: both;
+        }
+
+        &:hover {
+            .mx_EventTile_line {
+                background-color: $event-selected-color;
+            }
+        }
+    }
+
+    &[data-layout="bubble"],
+    &[data-layout="group"] {
+        .mx_EventTileBubble {
+            margin-inline: auto;
+        }
+
+        .mx_ReplyChain {
+            margin-bottom: var(--cpd-space-2x);
+        }
+    }
+
+    &[data-layout="irc"] {
+        --EventTile_irc_line-padding-block: 1px;
+
+        /* add --right-padding value of MessageTimestamp only */
+        /* stylelint-disable-next-line declaration-colon-space-after */
+        --EventTile_irc_line_info-margin-inline-start: calc(
+            var(--name-width) + var(--icon-width) + 1 * var(--right-padding)
+        );
+
+        display: flex;
+        align-items: flex-start;
+        padding-top: 0;
+
+        .mx_MessageTimestamp {
+            min-width: var(--MessageTimestamp-width); /* ensure space for EventTile without timestamp */
+            text-align: right;
+        }
+
+        > * {
+            margin-right: var(--right-padding);
+        }
+
+        .mx_EventTile_avatar,
+        .mx_EventTile_e2eIcon {
+            height: var(--irc-line-height);
+        }
+
+        .mx_EventTile_avatar,
+        .mx_DisambiguatedProfile,
+        .mx_EventTile_e2eIcon,
+        .mx_EventTile_msgOption {
+            flex-shrink: 0;
+        }
+
+        .mx_EventTile_avatar {
+            order: 1;
+            position: relative;
+            display: flex;
+            align-items: center;
+
+            /* Need to use important to override the js calculated values. */
+            > .mx_BaseAvatar,
+            > .mx_BaseAvatar > * {
+                font-size: $font-10px !important;
+                line-height: calc($font-15px - 2px) !important;
+            }
+        }
+
+        .mx_DisambiguatedProfile {
+            order: 2;
+            width: var(--name-width);
+            margin-inline-end: 0; /* override mx_EventTile > * */
+
+            > .mx_DisambiguatedProfile_displayName {
+                width: 100%;
+                text-align: end;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+
+            > .mx_DisambiguatedProfile_mxid {
+                visibility: collapse;
+                margin-left: 0; /* Override the inherited margin. */
+                padding: 0 5px;
+            }
+
+            &:hover {
+                overflow: visible;
+                z-index: 10;
+
+                > .mx_DisambiguatedProfile_displayName {
+                    overflow: visible;
+                    display: inline;
+                    background-color: $event-selected-color;
+                    border-radius: 8px 0 0 8px;
+                    padding-right: var(--cpd-space-2x);
+                }
+
+                > .mx_DisambiguatedProfile_mxid {
+                    visibility: visible;
+                    opacity: 1;
+                    background-color: $event-selected-color;
+                }
+            }
+        }
+
+        .mx_EventTile_e2eIcon {
+            padding: 0;
+            flex-grow: 0;
+            background-position: center;
+        }
+
+        .mx_EventTile_line {
+            .mx_EventTile_e2eIcon,
+            .mx_TextualEvent,
+            .mx_ViewSourceEvent,
+            .mx_MTextBody {
+                /* add a 1px padding top and bottom because our larger
+                emoji font otherwise gets cropped by anti-zalgo */
+                padding: var(--EventTile_irc_line-padding-block) 0;
+            }
+
+            .mx_EventTile_e2eIcon,
+            .mx_TextualEvent,
+            .mx_MTextBody {
+                display: inline-block;
+            }
+
+            .mx_ReplyTile {
+                .mx_MTextBody {
+                    display: -webkit-box; /* Enable -webkit-line-clamp */
+                }
+            }
+        }
+
+        .mx_EventTile_line,
+        .mx_EventTile_reply {
+            order: 3;
+            display: flex;
+            flex-direction: column;
+            flex-grow: 1;
+            flex-shrink: 1;
+            min-width: 0;
+        }
+
+        .mx_EventTile_reply {
+            order: 4;
+        }
+
+        .mx_EventTile_msgOption {
+            order: 5;
+
+            .mx_ReadReceiptGroup {
+                inset-block-start: -0.3rem; /* (var(--irc-line-height) - avatar height) / 2 */
+            }
+        }
+
+        .mx_ReplyChain {
+            margin: 0;
+        }
+
+        .mx_EditMessageComposer_buttons {
+            position: relative;
+        }
+
+        .mx_EventTileBubble {
+            position: relative;
+            left: var(--EventTile_irc_line_info-margin-inline-start);
+
+            &.mx_cryptoEvent {
+                left: unset;
+            }
+        }
+
+        .mx_ReplyTile .mx_EventTileBubble {
+            left: unset; /* Cancel the value specified above for the tile inside ReplyTile */
+        }
+
+        &.mx_EventTile_isEditing > .mx_EventTile_line {
+            .mx_EditMessageComposer {
+                /* add space for the stroke on box-shadow */
+                padding-inline-start: calc(
+                    var(--selected-message-border-width) + var(--EditMessageComposer-padding-inline)
+                );
+            }
+        }
+
+        &.mx_EventTile_info {
+            .mx_EventTile_avatar {
+                left: var(--EventTile_irc_line_info-margin-inline-start);
+                top: 0;
+                margin-right: var(--right-padding);
+                padding-block: var(--EventTile_irc_line-padding-block);
+            }
+
+            .mx_EventTile_line {
+                margin-inline-start: var(--EventTile_irc_line_info-margin-inline-start);
+            }
+
+            .mx_ViewSourceEvent, /* For hidden events */
+            .mx_TextualEvent {
+                line-height: var(--irc-line-height);
+            }
+        }
+
+        &.mx_EventTile_emote {
+            .mx_EventTile_avatar {
+                /* add --right-padding value of MessageTimestamp only */
+                margin-left: calc(var(--name-width) + var(--icon-width) + 1 * var(--right-padding));
+            }
+        }
+
+        .mx_EventTile_footer {
+            margin: var(--cpd-space-1-5x) 0;
+        }
+    }
+
+    &[data-layout="group"] {
+        .mx_EventTile_avatar {
+            top: 14px;
+            left: var(--cpd-space-2x);
+        }
+
+        .mx_EventTile_line,
+        .mx_EventTile_reply {
+            padding-top: var(--EventTile_group_line-spacing-block-start);
+            padding-bottom: var(--EventTile_group_line-spacing-block-end);
+            padding-left: var(--EventTile_group_line-spacing-inline-start);
+            line-height: var(--EventTile_group_line-line-height);
+        }
+
+        .mx_EventTile_e2eIcon {
+            inset: 0 0 0 44px;
+
+            /* Keep height equal to text for alignment */
+            height: var(--EventTile_group_line-line-height);
+            margin: 1px;
+        }
+
+        .mx_EventTile_msgOption {
+            margin-inline-end: 10px;
+
+            .mx_ReadReceiptGroup {
+                /* This aligns the avatar with the last line of the */
+                /* message. We want to move it one line up */
+                /* See .mx_EventTile[data-layout=group] .mx_EventTile_line in _EventTile.scss */
+                inset-block-start: calc(-$font-22px - 3px);
+            }
+        }
+
+        .mx_MessageTimestamp {
+            position: absolute;
+            left: 0;
+            text-align: center;
+        }
+
+        .mx_ThreadSummary,
+        .mx_ThreadSummary_icon {
+            margin-left: $left-gutter;
+        }
+
+        .mx_EventTile_footer {
+            margin: var(--cpd-space-1x) var(--EventTile_group_line-spacing-inline-start);
+        }
+
+        > .mx_DisambiguatedProfile {
+            line-height: $font-20px;
+            margin-left: $left-gutter;
+            max-width: calc(100% - $left-gutter);
+        }
+
+        > .mx_EventTile_avatar {
+            position: absolute;
+            z-index: 9;
+        }
+
+        .mx_RoomView_timeline_rr_enabled & {
+            $inline-end-margin: 80px;
+
+            .mx_ThreadSummary,
+            .mx_ThreadSummary_icon,
+            .mx_EventTile_line {
+                margin-right: $inline-end-margin;
+                min-height: $font-14px;
+            }
+
+            .mx_ThreadSummary {
+                /* leave space on both left & right gutters */
+                max-width: min(calc(100% - $left-gutter - $inline-end-margin), 600px);
+            }
+
+            /* on ELS we need the margin to allow interaction with the expand/collapse button */
+            /* which is normally in the RR gutter */
+        }
+
+        &.mx_EventTile_continuation {
+            padding-top: 0;
+        }
+
+        &.mx_EventTile_info {
+            $spacing-block-start: 3px;
+            $spacing-block-end: 2px;
+
+            padding-top: 0;
+
+            .mx_EventTile_avatar,
+            .mx_EventTile_e2eIcon {
+                line-height: 1;
+                margin: $spacing-block-start 0 $spacing-block-end;
+            }
+
+            .mx_EventTile_avatar {
+                top: initial;
+                inset-inline-start: $left-gutter;
+                height: 14px;
+            }
+
+            .mx_EventTile_line {
+                padding-block: $spacing-block-start $spacing-block-end;
+                /* 20px: avatar area */
+                padding-inline-start: calc(var(--EventTile_group_line-spacing-inline-start) + 20px);
+
+                .mx_MessageTimestamp {
+                    top: 0;
+                }
+            }
+
+            &.mx_EventTile_selected .mx_EventTile_line {
+                /* TODO: check if this would be necessary; */
+                padding-inline-start: calc(var(--EventTile_group_line-spacing-inline-start) + 20px);
+            }
+        }
+    }
+
+    &[data-layout="bubble"] {
+        /* Other half of the gutter is provided by margin-bottom on the last tile
+        of the section */
+        margin-top: calc(var(--gutterSize) / 2);
+        margin-left: var(--EventTile_bubble-margin-inline-start);
+
+        /* Reset default values. TODO: remove */
+        max-width: unset;
+        padding-top: 0;
+
+        .mx_EventTile_msgOption {
+            .mx_ReadReceiptGroup {
+                position: absolute;
+                inset-block-start: auto;
+
+                /* as close to right gutter without clipping as possible */
+                inset-inline-end: calc(-1 * var(--ReadReceiptGroup_EventBubbleTile-spacing-end));
+
+                /* (EventTileLine.line-height - ReadReceiptGroup.height) / 2 */
+                /* this centers the ReadReceiptGroup if we’ve got a single line */
+                inset-block-end: calc(($font-18px - 24px) / 2);
+            }
+        }
+        .mx_EventTileBubble {
+            /* Timestamps are inside the tile, so the width can be less constrained */
+            max-width: 600px;
+        }
+
+        &.mx_EventTile_continuation {
+            margin-top: 2px;
+        }
+        &.mx_EventTile_lastInSection {
+            /* Other half of the gutter is provided by margin-top on the first
+            tile of the section */
+            margin-bottom: calc(var(--gutterSize) / 2);
+        }
+    }
+}
+
+.mx_GenericEventListSummary {
+    &[data-layout="irc"],
+    &[data-layout="group"] {
+        .mx_EventTile_line .mx_RedactedBody {
+            line-height: 1; /* remove spacing between lines */
+        }
+    }
+
+    &[data-layout="irc"] {
+        /* Apply only collapsed events block */
+        > .mx_EventTile_line {
+            /* add --right-padding value of MessageTimestamp and avatar only */
+            /* stylelint-disable-next-line declaration-colon-space-after */
+            padding-left: calc(
+                var(--name-width) + var(--icon-width) + var(--MessageTimestamp-width) + 2 * var(--right-padding)
+            );
+        }
+    }
+
+    &[data-layout="group"] {
+        .mx_EventTile_line {
+            padding-left: $left-gutter;
+        }
+
+        .mx_GenericEventListSummary_unstyledList > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line {
+            /* override padding-left $left-gutter */
+            padding-inline-start: calc(var(--EventTile_group_line-spacing-inline-start) + 20px);
+        }
+    }
+}
+
+.mx_EventTile_content {
+    /*
+    all the overflow-y: hidden; are to trap Zalgos -
+    but they introduce an implicit overflow-x: auto.
+    so make that explicitly hidden too to avoid random
+    horizontal scrollbars occasionally appearing, like in
+    https://github.com/vector-im/vector-web/issues/1154
+    */
+    overflow-y: hidden;
+    overflow-x: hidden;
+    margin-right: var(--EventTile_content-margin-inline-end);
+
+    .markdown-body {
+        font: var(--cpd-font-body-md-regular) !important;
+        letter-spacing: var(--cpd-font-letter-spacing-body-md);
+        font-family: inherit !important;
+        white-space: normal !important;
+        line-height: inherit !important;
+        background-color: inherit;
+        color: inherit; /* inherit the colour from the dark or light theme by default (but not for code blocks) */
+        flex: 1;
+
+        pre,
+        code {
+            font-family: $monospace-font-family !important;
+            background-color: $system;
+        }
+
+        code:not(pre *) {
+            background-color: $inlinecode-background-color;
+            border: 1px solid $inlinecode-border-color;
+            border-radius: 4px;
+            /* The horizontal padding is added by github-markdown-css .markdown-body */
+            padding: var(--cpd-space-0-5x) 0;
+            /* Avoid inline code blocks to be sticked when on multiple lines */
+            line-height: $font-22px;
+            /* Avoid the border to be glued to the other words */
+            margin-right: var(--cpd-space-0-5x);
+        }
+
+        code {
+            white-space: pre-wrap; /* don't collapse spaces in inline code blocks */
+        }
+
+        pre {
+            /* have to use overlay rather than auto otherwise Linux and Windows */
+            /* Chrome gets very confused about vertical spacing: */
+            /* https://github.com/vector-im/vector-web/issues/754 */
+            overflow-x: overlay;
+            overflow-y: visible;
+
+            &::-webkit-scrollbar-corner {
+                background: transparent;
+            }
+
+            border: 1px solid $quinary-content;
+
+            code {
+                white-space: pre; /* we want code blocks to be scrollable and not wrap */
+
+                > * {
+                    display: inline;
+                }
+            }
+        }
+
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6 {
+            font-family: inherit !important;
+            color: inherit;
+        }
+
+        /* Make h1 and h2 the same size as h3. */
+        h1,
+        h2 {
+            font-size: 1.5em;
+            border-bottom: none !important; /* override GFM */
+        }
+
+        a {
+            color: $accent-alt;
+        }
+
+        blockquote {
+            border-left: 2px solid $blockquote-bar-color;
+            color: $secondary-content;
+            border-radius: 2px;
+            padding: 0 10px;
+        }
+
+        /*
+        // actually, removing the Italic TTF provides
+        // better results seemingly
+
+        // compensate for Nunito italics being terrible
+        // https://github.com/google/fonts/issues/1726
+        em {
+            transform: skewX(-14deg);
+            display: inline-block;
+        }
+        */
+
+        /* 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 {
+            list-style-type: revert;
+        }
+
+        /* Make list type disc to match rich text editor */
+        ul {
+            list-style-type: disc;
+        }
+
+        /* override styles from the base markdown CSS that put markdown content on its own line,
+           as this isn't what we want for richtext emote content.
+         */
+        &::before {
+            display: none;
+        }
+
+        &::after {
+            display: none;
+        }
+    }
+}
+
+/* Spoiler stuff */
+.mx_EventTile_spoiler {
+    cursor: pointer;
+
+    /* clear button styles */
+    appearance: none;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    font-size: inherit;
+    font-family: inherit;
+    line-height: inherit;
+    text-align: inherit;
+
+    .mx_EventTile_spoiler_reason {
+        color: $event-timestamp-color;
+        font-size: $font-11px;
+    }
+
+    .mx_EventTile_spoiler_content {
+        filter: blur(5px) saturate(0.1) sepia(1);
+        transition-duration: 0.5s;
+        pointer-events: none;
+    }
+
+    &.visible > .mx_EventTile_spoiler_content {
+        filter: none;
+        user-select: auto;
+        pointer-events: auto;
+    }
+}
+
+.mx_EventTile_bigEmoji {
+    font-size: 48px;
+    line-height: 57px;
+
+    .mx_Emoji {
+        font-size: inherit !important;
+    }
+}
+
+.mx_EventTile_e2eIcon {
+    position: relative;
+    width: 14px;
+    height: 14px;
+    display: block;
+
+    svg {
+        height: inherit;
+        width: inherit;
+        display: block;
+    }
+}
+
+.mx_EventTile_body {
+    a:hover {
+        text-decoration: underline;
+    }
+
+    pre {
+        border: 1px solid transparent;
+
+        .mx_EventTile:hover &,
+        .mx_EventTile:focus-visible:focus-within & {
+            border: 1px solid $tertiary-content;
+        }
+    }
+
+    /* selector wrongly applies to pill avatars but those have explicit width/height passed at a higher specificity */
+    &.markdown-body img {
+        object-fit: contain;
+        object-position: left top;
+
+        /* Override the default colors of the 'github-markdown-css' library
+        (#fff for light theme, #000 for dark theme) to match the inherited theme */
+        background-color: inherit !important;
+    }
+
+    .mx_EventTile_clamp & {
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+    }
+
+    .mx_EventTile_pre_container {
+        /* For correct positioning of _copyButton (See TextualBody) */
+        position: relative;
+
+        /* Emoji are enlarged in prose, but a code block's line numbers are one fixed-height block
+           per line and cannot follow a line that an enlarged emoji has made taller. */
+        .mx_Emoji {
+            font-size: inherit;
+        }
+
+        &:focus-within,
+        &:hover {
+            .mx_EventTile_button {
+                visibility: visible;
+            }
+        }
+
+        .mx_EventTile_collapsedCodeBlock {
+            max-height: 30vh;
+            padding-top: var(--cpd-space-3x);
+            padding-bottom: var(--cpd-space-3x);
+        }
+
+        /* Inserted adjacent to <pre> blocks, (See TextualBody) */
+        .mx_EventTile_button {
+            position: absolute;
+            top: var(--cpd-space-2x);
+            right: var(--cpd-space-2x);
+            visibility: hidden;
+
+            &.mx_EventTile_buttonBottom {
+                top: 33px;
+            }
+
+            svg {
+                width: inherit;
+                height: inherit;
+                display: block;
+                color: $message-action-bar-fg-color;
+            }
+        }
+    }
+}
+
+.mx_EventTile_lineNumbers {
+    float: left;
+    margin: 0 0.5em 0 -1.5em;
+    color: gray;
+
+    & span {
+        text-align: right;
+        display: block;
+        padding-left: 1em;
+    }
+}
+
+.mx_EventTile_button {
+    display: inline-block;
+    cursor: pointer;
+}
+
+.mx_EventTile_tileError {
+    color: red;
+    text-align: center;
+
+    /* Remove some of the default tile padding so that the error is centered */
+    margin-right: 0;
+
+    .mx_EventTile_line {
+        padding-left: 0;
+        margin-right: 0;
+
+        span {
+            padding: var(--cpd-space-1x) var(--cpd-space-2x);
+        }
+    }
+
+    a {
+        margin-left: 1em;
+    }
+}
+
+.mx_EventTile:hover .mx_ThreadActionBar,
+.mx_EventTile.mx_EventTile_actionBarFocused .mx_ThreadActionBar,
+[data-whatinput="keyboard"] .mx_EventTile:focus-within .mx_ThreadActionBar,
+.mx_EventTile:focus-visible:focus-within .mx_ThreadActionBar {
+    visibility: visible;
+}
+
+.mx_EventTile[data-shape="ThreadsList"],
+.mx_EventTile[data-shape="Notification"] {
+    --topOffset: var(--cpd-space-3x);
+    --leftOffset: 48px;
+    $borderRadius: 8px;
+    $padding: var(--cpd-space-2x);
+    $hrHeight: 1px;
+    $notification-dot-size: 8px; /* notification dot next to the timestamp */
+
+    margin: calc(var(--topOffset) + $hrHeight) 0 var(--topOffset); /* include the height of horizontal line */
+    padding: $padding;
+    border-radius: $borderRadius;
+
+    display: flex;
+    flex-flow: wrap;
+    align-items: center;
+
+    &::after,
+    &::before {
+        content: "";
+        position: absolute;
+    }
+
+    &::after {
+        $inset-block-start: auto;
+        $inset-inline-end: calc(-1 * var(--cpd-space-2x));
+        $inset-block-end: calc(-1 * var(--topOffset) - $hrHeight); /* exclude the height of horizontal line */
+        $inset-inline-start: calc(var(--leftOffset) + $padding);
+        inset: $inset-block-start $inset-inline-end $inset-block-end $inset-inline-start;
+
+        height: $hrHeight;
+        background-color: $quinary-content;
+        pointer-events: none; /* disable the message action bar on hover */
+    }
+
+    &::before {
+        inset: 0;
+        pointer-events: none; /* ensures the title for the sender name can be correctly displayed */
+    }
+
+    &[data-notification="total"]::before {
+        background-color: $room-icon-unread-color;
+    }
+
+    &[data-notification="highlight"]::before {
+        background-color: $alert;
+    }
+
+    &:last-child {
+        &::after {
+            content: unset;
+        }
+
+        margin-bottom: 0;
+    }
+
+    &:first-child {
+        margin-top: 0;
+    }
+
+    .mx_EventTile_avatar {
+        inset: $padding auto auto $padding;
+    }
+
+    .mx_EventTile_details {
+        overflow: hidden;
+    }
+
+    .mx_DisambiguatedProfile {
+        display: inline-flex;
+        align-items: center;
+        flex: 1;
+
+        .mx_DisambiguatedProfile_displayName,
+        .mx_DisambiguatedProfile_mxid {
+            display: block;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .mx_DisambiguatedProfile_displayName {
+            flex: none;
+            max-width: 100%;
+        }
+
+        .mx_DisambiguatedProfile_mxid {
+            flex: 1;
+        }
+    }
+
+    .mx_EventTile_line {
+        width: 100%;
+        box-sizing: border-box;
+        padding-bottom: 0;
+        padding-inline-start: var(--leftOffset);
+    }
+
+    .mx_MessageTimestamp {
+        font-size: $font-12px;
+        width: unset; /* Cancel the default width */
+        overflow: hidden; /* ensure correct overflow behavior */
+        text-overflow: ellipsis;
+        position: initial;
+        margin-left: auto; /* to ensure it's end-aligned even if it's the only element of its parent */
+    }
+
+    &:hover {
+        background-color: $panels;
+    }
+
+    /* ThreadsList has always group layout */
+    &[data-layout="group"]:hover {
+        .mx_EventTile_line {
+            background-color: inherit;
+            box-shadow: none; /* don't show the verification left stroke in the thread list */
+        }
+    }
+}
+
+.mx_EventTile[data-shape="ThreadsList"] {
+    .mx_ThreadPanel_replies {
+        margin-top: var(--cpd-space-2x);
+        display: flex;
+        align-items: center;
+        position: relative;
+        font: var(--cpd-font-body-sm-regular);
+
+        > svg {
+            @mixin ThreadSummaryIcon;
+        }
+
+        .mx_ThreadPanel_replies_amount {
+            @mixin ThreadRepliesAmount;
+        }
+    }
+}
+
+.mx_ThreadSummary_icon {
+    display: inline-block;
+    margin-top: var(--cpd-space-2x);
+    margin-bottom: var(--cpd-space-2x);
+
+    > svg {
+        @mixin ThreadSummaryIcon;
+        vertical-align: middle;
+        margin-inline-end: var(--cpd-space-2x);
+        margin-top: -2px;
+    }
+
+    a& {
+        color: $secondary-content;
+    }
+}
+
+/* For style rules of ThreadView, see _ThreadPanel.pcss */
+.mx_ThreadView {
+    --ThreadView_group_spacing-start: 56px; /* 56px: 64px - 8px (padding) */
+    --ThreadView_group_spacing-end: 8px; /* same as padding */
+
+    .mx_EventTile {
+        display: flex;
+        flex-direction: column;
+
+        .mx_EventTile_roomName {
+            display: none;
+        }
+
+        /* handling for hidden events (e.g reactions) in the thread view */
+        &.mx_EventTile_info {
+            .mx_EventTile_avatar {
+                position: absolute;
+                /* Align with hidden event content */
+                top: 50%;
+                transform: translateY(-50%);
+                margin-top: -2px;
+                margin-bottom: 0;
+            }
+
+            &.mx_EventTile_selected .mx_EventTile_line,
+            .mx_EventTile_line {
+                $line-height: $font-12px;
+
+                padding-inline-start: 0;
+                line-height: $line-height;
+
+                .mx_EventTile_content,
+                .mx_RedactedBody {
+                    width: auto;
+                    font-size: $line-height;
+                }
+            }
+
+            &[data-layout="irc"],
+            &[data-layout="group"] {
+                padding-top: 0;
+
+                .mx_EventTile_avatar {
+                    /* 14px: avatar width, 4px: align with text */
+                    left: calc(var(--MessageTimestamp-width) + 14px - 4px);
+                    z-index: 9; /* position above the hover styling */
+                }
+
+                .mx_MessageTimestamp {
+                    top: 2px; /* Align with avatar */
+                }
+
+                &.mx_EventTile_selected .mx_EventTile_line,
+                .mx_EventTile_line {
+                    .mx_EventTile_content,
+                    .mx_RedactedBody {
+                        /* 14px: avatar width, 6px: 20px - 14px */
+                        margin-inline-start: calc(14px + 6px);
+                    }
+                }
+            }
+
+            &[data-layout="bubble"] {
+                .mx_EventTile_avatar {
+                    inset-inline-start: 0;
+                }
+
+                &.mx_EventTile_selected .mx_EventTile_line,
+                .mx_EventTile_line {
+                    .mx_EventTile_content,
+                    .mx_RedactedBody {
+                        margin-inline-start: calc(var(--ThreadView_group_spacing-start) + 14px + 6px);
+                    }
+                }
+            }
+        }
+
+        &[data-layout="irc"],
+        &[data-layout="group"] {
+            padding-block-start: var(--cpd-space-4x);
+
+            .mx_EventTile_line,
+            .mx_EventTile_footer {
+                margin-inline-end: var(--ThreadView_group_spacing-end);
+            }
+
+            .mx_EventTile_line {
+                padding-block: var(--BaseCard_EventTile_line-padding-block);
+
+                /* Add padding to align message text with summary text */
+                /* See: .mx_EventTile[data-layout="group"] .mx_EventTile_line */
+                padding-inline-start: var(--ThreadView_group_spacing-start);
+
+                .mx_EventTile_content {
+                    &.mx_EditMessageComposer {
+                        padding-inline-start: 0; /* align start of first letter with that of the event body */
+                    }
+                }
+            }
+
+            .mx_EventTile_footer {
+                /* Align with message text and summary text */
+                margin-inline-start: var(--ThreadView_group_spacing-start);
+            }
+
+            &.mx_EventTile_continuation {
+                padding-block-start: 0; /* Cancel padding-block-start */
+            }
+        }
+
+        &[data-layout="group"] {
+            width: 100%;
+
+            .mx_EventTile_senderDetails {
+                display: flex;
+                align-items: center;
+                gap: var(--cpd-space-4x); /* gap between the avatar and the sender ID */
+                padding-inline-start: var(--cpd-space-2x);
+
+                a {
+                    flex: 1;
+                    min-width: unset;
+                    max-width: 100%;
+                    display: flex;
+                    align-items: center;
+
+                    .mx_DisambiguatedProfile {
+                        margin-left: 8px;
+                        flex: 1;
+                    }
+                }
+            }
+
+            .mx_MessageTimestamp {
+                position: absolute; /* for IRC layout */
+                top: 2px; /* Align with mx_EventTile_content */
+            }
+        }
+
+        &[data-layout="bubble"] {
+            margin-inline: var(--BaseCard_EventTile-spacing-inline);
+
+            &::before {
+                inset-inline: calc(-1 * var(--BaseCard_EventTile-spacing-inline));
+                z-index: auto; /* enable background color on hover */
+            }
+
+            .mx_ReactionsRow {
+                position: relative; /* display on hover */
+            }
+
+            .mx_EventTile_line.mx_EventTile_mediaLine {
+                padding-block: 0;
+                padding-inline-start: 0;
+                max-width: var(--EventBubbleTile_line-max-width);
+            }
+
+            &[data-self="true"] {
+                align-items: flex-end;
+
+                .mx_EventTile_line.mx_EventTile_mediaLine {
+                    margin: 0 var(--EventTile_bubble_line-margin-inline-end) 0 0; /* align with normal messages */
+                }
+            }
+        }
+    }
+
+    .mx_GenericEventListSummary {
+        &[data-layout="irc"],
+        &[data-layout="group"] {
+            > .mx_EventTile_line {
+                padding-inline-start: var(--ThreadView_group_spacing-start); /* align summary text with message text */
+                padding-inline-end: var(--ThreadView_group_spacing-end); /* align summary text with message text */
+            }
+        }
+    }
+}
+
+/* Cascading - compact modern layout on the main timeline and the right panel */
+.mx_MatrixChat_useCompactLayout {
+    .mx_EventTile[data-layout="group"] {
+        --MatrixChat_useCompactLayout_group-padding-top: var(--cpd-space-1x);
+        --MatrixChat_useCompactLayout-top-avatar: 2px;
+        --MatrixChat_useCompactLayout_line-spacing-block: 0px;
+
+        padding-top: var(--MatrixChat_useCompactLayout_group-padding-top);
+
+        .mx_EventTile_line,
+        .mx_EventTile_reply {
+            padding-block: var(--MatrixChat_useCompactLayout_line-spacing-block);
+        }
+
+        .mx_ReplyChain {
+            margin-bottom: var(--cpd-space-1x);
+        }
+
+        &.mx_EventTile_info {
+            padding-top: 0; /* same as the padding for non-compact .mx_EventTile.mx_EventTile_info */
+            font-size: $font-13px;
+
+            .mx_EventTile_e2eIcon,
+            .mx_EventTile_avatar {
+                top: 0;
+                margin-block: var(--MatrixChat_useCompactLayout_line-spacing-block);
+            }
+
+            .mx_EventTile_line,
+            .mx_EventTile_reply {
+                line-height: $font-20px;
+            }
+        }
+
+        &.mx_EventTile_emote {
+            padding-top: var(--cpd-space-2x); /* add a bit more space for emotes so that avatars don't collide */
+
+            .mx_EventTile_avatar {
+                top: var(--MatrixChat_useCompactLayout-top-avatar);
+            }
+
+            .mx_EventTile_line,
+            .mx_EventTile_reply {
+                padding-bottom: 1px;
+            }
+
+            &.mx_EventTile_continuation {
+                .mx_EventTile_line,
+                .mx_EventTile_reply {
+                    padding-bottom: var(--MatrixChat_useCompactLayout_line-spacing-block);
+                }
+            }
+        }
+
+        /* Cascading - apply zero padding to every element including mx_EventTile_emote */
+        &.mx_EventTile_continuation {
+            padding-top: var(--MatrixChat_useCompactLayout_line-spacing-block);
+        }
+
+        .mx_EventTile_avatar {
+            top: var(--MatrixChat_useCompactLayout-top-avatar);
+        }
+
+        .mx_EventTile_e2eIcon {
+            margin: 0px;
+        }
+
+        .mx_DisambiguatedProfile {
+            font-size: $font-13px;
+        }
+
+        .mx_EventTile_msgOption {
+            .mx_ReadReceiptGroup {
+                /* This aligns the avatar with the last line of the */
+                /* message. We want to move it one line up - 2rem */
+                inset-block-start: -2rem;
+            }
+        }
+
+        .mx_EventTile_content .markdown-body {
+            p,
+            ul,
+            ol,
+            dl,
+            blockquote,
+            pre,
+            table {
+                margin-bottom: var(--cpd-space-1x); /* 1/4 of the non-compact margin-bottom */
+            }
+        }
+    }
+}
+
+.mx_EventTile_details {
+    display: flex;
+    width: stretch;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--cpd-space-2x);
+    margin-left: var(--leftOffset);
+    .mx_EventTile_truncated {
+        flex: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+}
+
+.mx_EventTile_footer {
+    display: flex;
+    gap: var(--cpd-space-2x);
+    align-items: center;
+}
+
+/* Media query for mobile UI */
+@media only screen and (max-width: 480px) {
+    .mx_EventTile_content {
+        margin-right: 0;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_HistoryTile.pcss b/apps/web/res/css/views/rooms/_HistoryTile.pcss
new file mode 100644
index 00000000000..adfa20a43ab
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_HistoryTile.pcss
@@ -0,0 +1,15 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Robin Townsend <robin@robin.town>
+
+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.mx_HistoryTile {
+    margin: var(--EventTileBubble_margin-block) auto;
+
+    svg {
+        color: $header-panel-text-primary-color;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_IRCLayout.pcss b/apps/web/res/css/views/rooms/_IRCLayout.pcss
new file mode 100644
index 00000000000..953a0c941fd
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_IRCLayout.pcss
@@ -0,0 +1,79 @@
+/*
+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.
+*/
+
+:root {
+    --irc-line-height: $font-18px;
+}
+
+.mx_IRCLayout {
+    --name-width: 80px; /* cf. ircDisplayNameWidth on Settings.tsx */
+    --icon-width: 14px;
+    --line-height: var(--irc-line-height);
+    --right-padding: 5px;
+
+    line-height: var(--line-height) !important;
+
+    blockquote {
+        margin: 0;
+    }
+
+    .mx_NewRoomIntro {
+        > h2 {
+            line-height: initial; /* Cancel var(--irc-line-height) */
+        }
+    }
+
+    .mx_ReplyChain {
+        .mx_DisambiguatedProfile {
+            width: unset;
+            background: transparent;
+            order: unset;
+            flex-shrink: unset; /* Unset flex-shrink to prevent long display name blowout */
+        }
+
+        .mx_EventTile_emote {
+            > .mx_EventTile_avatar {
+                margin-left: initial;
+            }
+        }
+
+        .mx_MessageTimestamp {
+            width: initial;
+        }
+
+        /**
+         * adding the icon back in the document flow
+         * if it's not present, there's no unwanted wasted space
+         */
+        .mx_EventTile_e2eIcon {
+            position: relative;
+            order: -1;
+        }
+    }
+
+    .mx_ProfileResizer {
+        --resizer-width: 15px;
+        --resizer-a11y: 3px; /* Magic number, to be replaced with something more proper from the perspective of a11y */
+
+        position: absolute;
+        height: 100%;
+        width: var(--resizer-width);
+        cursor: col-resize;
+        z-index: 100;
+
+        /* Add width of every element rendered before the resizer (including padding for the avatar and the display
+           name), subtracting the resizer width itself to prevent the resizer from overlapping the text and moving
+           the resizer a bit to the left to make it easier to avoid selecting the resizer when highlighting text.
+           Please note that MessageTimestamp does not have inline padding. */
+        inset-inline-start: calc(
+            var(--RoomView_MessageList-padding) + var(--MessageTimestamp-width) + var(--icon-width) +
+                var(--right-padding) + var(--name-width) + var(--right-padding) - var(--resizer-width) -
+                var(--resizer-a11y)
+        );
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_InvitedIconView.pcss b/apps/web/res/css/views/rooms/_InvitedIconView.pcss
new file mode 100644
index 00000000000..504f4498af9
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_InvitedIconView.pcss
@@ -0,0 +1,10 @@
+/*
+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_InvitedIconView {
+    color: var(--cpd-color-icon-tertiary);
+}
diff --git a/apps/web/res/css/views/rooms/_JumpToBottomButton.pcss b/apps/web/res/css/views/rooms/_JumpToBottomButton.pcss
new file mode 100644
index 00000000000..fbcfcf4b9fc
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_JumpToBottomButton.pcss
@@ -0,0 +1,58 @@
+/*
+Copyright 2019-2024 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_JumpToBottomButton {
+    z-index: 1000;
+    position: absolute;
+    /* 12 because height is 50 but button is only 38 = 12+(50-38) = 24 */
+    bottom: 12px;
+    right: 24px;
+    width: 38px;
+    /* give it a fixed height so the badge doesn't make */
+    /* it taller and pop upwards when visible */
+    height: 50px;
+    text-align: center;
+}
+
+.mx_JumpToBottomButton_badge {
+    position: relative;
+    top: -12px;
+    border-radius: 16px;
+    font-weight: bold;
+    font-size: $font-12px;
+    line-height: $font-14px;
+    text-align: center;
+    /* to be able to get it centered */
+    /* with text-align in parent */
+    display: inline-block;
+    padding: 0 4px;
+    color: var(--cpd-color-text-on-solid-primary);
+    background-color: var(--cpd-color-icon-secondary);
+}
+
+.mx_JumpToBottomButton_highlight .mx_JumpToBottomButton_badge {
+    background-color: var(--cpd-color-icon-critical-primary);
+}
+
+.mx_JumpToBottomButton_scrollDown {
+    position: relative;
+    display: block;
+    height: 38px;
+    border-radius: 50%;
+    box-sizing: border-box;
+    background: $background;
+    border: 1.3px solid var(--cpd-color-icon-tertiary);
+    cursor: pointer;
+
+    svg {
+        height: inherit;
+        width: inherit;
+        box-sizing: border-box;
+        padding: 7px 8px 7px 6px;
+        color: var(--cpd-color-icon-tertiary);
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_LiveContentSummary.pcss b/apps/web/res/css/views/rooms/_LiveContentSummary.pcss
new file mode 100644
index 00000000000..be0c9d14fe5
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_LiveContentSummary.pcss
@@ -0,0 +1,39 @@
+/*
+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_LiveContentSummary {
+    color: $secondary-content;
+
+    .mx_LiveContentSummary_text {
+        svg {
+            display: inline-block;
+            vertical-align: text-bottom;
+            color: $secondary-content;
+            width: 16px;
+            height: 16px;
+            margin-right: 4px;
+        }
+
+        &.mx_LiveContentSummary_text_active {
+            color: $accent;
+
+            svg {
+                color: $accent;
+            }
+        }
+    }
+
+    .mx_LiveContentSummary_participants svg {
+        display: inline-block;
+        vertical-align: middle;
+        color: $secondary-content;
+        width: 16px;
+        height: 16px;
+        margin-right: 2px;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_MemberListHeaderView.pcss b/apps/web/res/css/views/rooms/_MemberListHeaderView.pcss
new file mode 100644
index 00000000000..314bd740629
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_MemberListHeaderView.pcss
@@ -0,0 +1,40 @@
+/*
+Copyright 2024 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_MemberListHeaderView {
+    border-bottom: var(--cpd-border-width-1) solid var(--cpd-color-gray-400);
+    max-height: 112px;
+
+    .mx_MemberListHeaderView_container {
+        margin-top: var(--cpd-space-6x);
+        width: 100%;
+    }
+
+    .mx_MemberListHeaderView_invite_small {
+        margin-left: var(--cpd-space-3x);
+        margin-right: var(--cpd-space-4x);
+    }
+
+    .mx_MemberListHeaderView_invite_large {
+        width: 288px;
+        height: 36px;
+    }
+
+    .mx_MemberListHeaderView_label {
+        padding: var(--cpd-space-6x) 0 var(--cpd-space-2x) var(--cpd-space-4x);
+        box-sizing: border-box;
+        width: 100%;
+        color: var(--cpd-color-text-secondary);
+        font: var(--cpd-font-body-sm-semibold);
+    }
+
+    .mx_MemberListHeaderView_search {
+        width: 240px;
+        flex-grow: 1;
+        margin-left: var(--cpd-space-4x);
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_MemberListView.pcss b/apps/web/res/css/views/rooms/_MemberListView.pcss
new file mode 100644
index 00000000000..0aee9cb1596
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_MemberListView.pcss
@@ -0,0 +1,23 @@
+/*
+Copyright 2024 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_MemberListView {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+
+    .mx_MemberListView_container {
+        height: 100%;
+    }
+
+    .mx_MemberListView_separator {
+        margin: 0;
+        border: none;
+        border-top: 2px solid var(--cpd-color-bg-subtle-primary);
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_MemberTileView.pcss b/apps/web/res/css/views/rooms/_MemberTileView.pcss
new file mode 100644
index 00000000000..ce28cbdfb8f
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_MemberTileView.pcss
@@ -0,0 +1,50 @@
+/*
+Copyright 2024 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_MemberTileView {
+    display: flex;
+    padding: var(--cpd-space-3x) var(--cpd-space-3x) var(--cpd-space-3x) var(--cpd-space-4x);
+    box-sizing: border-box;
+    height: 56px;
+    border-bottom: var(--cpd-border-width-1) solid var(--cpd-color-gray-300);
+
+    .mx_MemberTileView_left,
+    .mx_MemberTileView_right {
+        display: flex;
+        align-items: center;
+        gap: var(--cpd-space-2x);
+    }
+
+    .mx_MemberTileView_left {
+        flex-basis: 209px;
+        flex-grow: 1;
+        min-width: 0;
+    }
+
+    .mx_MemberTileView_name {
+        font: var(--cpd-font-body-md-medium);
+        min-width: 0;
+    }
+
+    .mx_MemberTileView_userLabel {
+        font: var(--cpd-font-body-sm-regular);
+        color: var(--cpd-color-text-secondary);
+        margin-left: var(--cpd-space-4x);
+    }
+
+    .mx_MemberTileView_avatar {
+        position: relative;
+        height: 32px;
+        width: 32px;
+    }
+
+    .mx_MemberTileView_presence {
+        position: absolute;
+        right: -2px;
+        bottom: 2px;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_MessageComposer.pcss b/apps/web/res/css/views/rooms/_MessageComposer.pcss
new file mode 100644
index 00000000000..f31a51b53ad
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_MessageComposer.pcss
@@ -0,0 +1,270 @@
+/*
+Copyright 2018-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_MessageComposer_wrapper {
+    vertical-align: middle;
+    margin: auto;
+    border-top: 1px solid $primary-hairline-color;
+    position: relative;
+    padding-left: 42px;
+    padding-right: 16px;
+}
+
+.mx_MessageComposer_replaced_wrapper {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.mx_MessageComposer_replaced_valign {
+    height: 60px;
+    display: table-cell;
+    vertical-align: middle;
+}
+
+.mx_MessageComposer_roomReplaced_icon {
+    float: left;
+    margin-right: 20px;
+    margin-top: 5px;
+    width: 31px;
+    height: 31px;
+}
+
+.mx_MessageComposer_roomReplaced_header {
+    font-weight: bold;
+}
+
+.mx_MessageComposer_row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+}
+
+.mx_MessageComposer_actions {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.mx_MessageComposer {
+    .mx_MessageComposer_avatar {
+        position: absolute;
+        left: 26px;
+
+        .mx_BaseAvatar {
+            display: block;
+        }
+    }
+}
+
+.mx_MessageComposer_e2eIconWrapper {
+    height: 12px; /* Match the height of the E2E icon for alignment */
+    width: 12px;
+    position: absolute;
+    left: 20px;
+    top: 22px;
+    margin-right: 0; /* Counteract the E2EIcon class */
+    margin-left: 3px; /* Counteract the E2EIcon class */
+
+    .mx_MessageComposer_e2eIcon {
+        margin: 0;
+        width: inherit;
+        height: inherit;
+    }
+}
+
+.mx_MessageComposer_noperm_error {
+    width: 100%;
+    height: 60px;
+    font-style: italic;
+    color: $info-plinth-fg-color;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.mx_MessageComposer_input {
+    flex: 1;
+    vertical-align: middle;
+    display: flex;
+    flex-direction: column;
+    min-height: 60px;
+    justify-content: flex-start;
+    align-items: flex-start;
+    font: var(--cpd-font-body-md-regular);
+    margin-right: 6px;
+
+    pre {
+        background-color: $rte-code-bg-color;
+        border-radius: 3px;
+        padding: 10px;
+    }
+
+    textarea {
+        display: block;
+        width: 100%;
+        padding: 0px;
+        margin-top: 6px;
+        margin-bottom: 6px;
+        border: 0px;
+        resize: none;
+        outline: none;
+        box-shadow: none;
+        color: $primary-content;
+        background-color: $background;
+        font: var(--cpd-font-body-md-regular);
+        max-height: 120px;
+        overflow: auto;
+
+        /* hack for FF as vertical alignment of custom placeholder text is broken */
+        &::-moz-placeholder {
+            line-height: 100%;
+            color: $accent;
+            opacity: 1;
+        }
+
+        &::-webkit-input-placeholder {
+            color: $accent;
+        }
+    }
+}
+
+.mx_MessageComposer_button_highlight {
+    @mixin composerButtonHighLight;
+}
+
+.mx_MessageComposer_button {
+    @mixin composerButton 50%, var(--cpd-color-icon-primary), var(--cpd-color-bg-subtle-primary);
+    padding: 3px;
+    height: 20px;
+    width: 20px;
+
+    &:last-child {
+        margin-right: auto;
+    }
+
+    &.mx_MessageComposer_closeButtonMenu {
+        &::after {
+            background: var(--cpd-color-bg-subtle-primary);
+        }
+
+        &::before {
+            background-color: var(--cpd-color-icon-primary);
+            z-index: 2;
+        }
+    }
+
+    svg {
+        width: inherit;
+        height: inherit;
+    }
+}
+.mx_MessageComposer_wysiwyg {
+    .mx_MessageComposer_wrapper {
+        padding-left: 16px;
+        margin-top: 6px;
+        margin-bottom: 12px;
+    }
+
+    .mx_MessageComposer_row {
+        align-items: flex-end;
+    }
+
+    .mx_MessageComposer_actions {
+        /* Height of the composer editor */
+        height: 40px;
+    }
+
+    .mx_MediaBody {
+        padding-top: 4px;
+        padding-bottom: 4px;
+    }
+
+    .mx_MessageComposer_button {
+        @mixin composerButton 5px, $tertiary-content, $panels;
+
+        &.mx_MessageComposer_closeButtonMenu {
+            &::after {
+                background: $accent-300;
+            }
+
+            &::before {
+                background-color: $accent;
+                z-index: 2;
+            }
+        }
+    }
+}
+
+.mx_MessageComposer_buttonMenu {
+    width: 24px;
+    height: 24px;
+    padding: 1px;
+
+    svg {
+        width: 24px;
+        height: 24px;
+    }
+}
+
+.mx_MessageComposer_sendMessage {
+    cursor: pointer;
+    position: relative;
+    padding: var(--cpd-space-2x);
+    border-radius: 100%;
+    background-color: var(--cpd-color-icon-accent-tertiary);
+    height: 16px;
+    width: 16px;
+
+    svg {
+        height: inherit;
+        width: inherit;
+
+        color: var(--cpd-color-icon-on-solid-primary);
+    }
+}
+
+.mx_MatrixChat_useCompactLayout {
+    .mx_MessageComposer_input {
+        min-height: 50px;
+    }
+
+    .mx_MessageComposer_noperm_error {
+        height: 50px;
+    }
+}
+
+/**
+ * Unstable compact mode
+ */
+
+.mx_MessageComposer.mx_MessageComposer--compact {
+    margin-right: 0;
+
+    .mx_MessageComposer_wrapper {
+        padding: 0 0 0 25px;
+    }
+
+    .mx_MessageComposer_e2eIconWrapper {
+        left: 0;
+    }
+
+    &:not(.mx_MessageComposer_e2eStatus) {
+        .mx_MessageComposer_wrapper {
+            padding: 0;
+        }
+    }
+
+    .mx_MessageComposer_button:last-child {
+        margin-right: 0;
+    }
+
+    .mx_MessageComposer_e2eIcon {
+        left: 0;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_MessageComposerFormatBar.pcss b/apps/web/res/css/views/rooms/_MessageComposerFormatBar.pcss
new file mode 100644
index 00000000000..41a5adad5e4
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_MessageComposerFormatBar.pcss
@@ -0,0 +1,69 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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_MessageComposerFormatBar {
+    display: none;
+    width: calc(32px * 6);
+    height: 32px;
+    position: absolute;
+    cursor: pointer;
+    border-radius: 8px;
+    background-color: $background;
+    border: var(--cpd-border-width-1) solid var(--cpd-color-border-disabled);
+    user-select: none;
+    /* equal to z-index of mx_ReplyPreview and mx_RoomView_statusArea (1000) */
+    /* but as it appears after them in the DOM, will appear on top. */
+    z-index: 1000;
+
+    &.mx_MessageComposerFormatBar_shown {
+        display: block;
+    }
+
+    > * {
+        white-space: nowrap;
+        display: inline-block;
+        position: relative;
+        margin: 2px;
+    }
+
+    .mx_MessageComposerFormatBar_button {
+        width: 28px;
+        height: 28px;
+        box-sizing: border-box;
+        vertical-align: middle;
+        background: none;
+        border: none;
+        padding: 0;
+
+        svg {
+            width: inherit;
+            height: inherit;
+            box-sizing: border-box;
+            padding: var(--cpd-space-1x);
+            color: var(--cpd-color-icon-secondary);
+        }
+
+        &:hover {
+            background: var(--cpd-color-bg-subtle-secondary);
+            border-radius: 6px;
+            z-index: 1;
+
+            svg {
+                color: var(--cpd-color-icon-primary);
+            }
+        }
+    }
+}
+
+.mx_MessageComposerFormatBar_buttonTooltip {
+    white-space: nowrap;
+    font-size: $font-13px;
+    font-weight: var(--cpd-font-weight-semibold);
+    min-width: 54px;
+    text-align: center;
+}
diff --git a/apps/web/res/css/views/rooms/_NewRoomIntro.pcss b/apps/web/res/css/views/rooms/_NewRoomIntro.pcss
new file mode 100644
index 00000000000..722b17b6a5a
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_NewRoomIntro.pcss
@@ -0,0 +1,49 @@
+/*
+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.
+*/
+
+.mx_NewRoomIntro {
+    margin: 40px 0 48px 64px;
+
+    .mx_MiniAvatarUploader_hasAvatar:not(.mx_MiniAvatarUploader_busy):not(:hover) {
+        .mx_MiniAvatarUploader_indicator {
+            display: none;
+        }
+    }
+
+    .mx_NewRoomIntro_buttons {
+        margin-top: 28px;
+        display: flex;
+        flex-flow: wrap;
+        gap: 14px 12px;
+
+        .mx_AccessibleButton {
+            line-height: $font-24px;
+            display: inline-block;
+
+            svg {
+                display: inline-block;
+                color: $button-fg-color;
+                width: 20px;
+                height: 20px;
+                margin-right: 5px;
+                vertical-align: text-bottom;
+            }
+        }
+    }
+
+    > h2 {
+        margin: var(--cpd-space-6x) 0 var(--cpd-space-4x);
+        font: var(--cpd-font-heading-md-semibold);
+    }
+
+    > p {
+        margin: 0;
+        font-size: $font-15px;
+        color: $secondary-content;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_OverflowTile.pcss b/apps/web/res/css/views/rooms/_OverflowTile.pcss
new file mode 100644
index 00000000000..cf70c2909ea
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_OverflowTile.pcss
@@ -0,0 +1,52 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+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_OverflowTileView {
+    display: flex;
+    align-items: center;
+    color: $primary-content;
+    cursor: pointer;
+}
+
+.mx_OverflowTileView_text {
+    flex: 1 1 0;
+    overflow: hidden;
+    font: var(--cpd-font-body-md-regular);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-style: italic;
+}
+
+.mx_OverflowTileView:hover {
+    padding-right: 30px;
+    position: relative; /* to keep the chevron aligned */
+
+    .mx_OverflowTileView_chevron {
+        display: inline;
+    }
+}
+
+.mx_OverflowTileView_chevron {
+    position: absolute;
+    top: calc(50% - 12px); /* center */
+    right: 0;
+    width: 24px;
+    height: 24px;
+    color: $header-panel-text-primary-color;
+    display: none;
+}
+
+.mx_OverflowTileView_icon {
+    padding-left: 3px;
+    padding-right: 12px;
+    padding-top: 4px;
+    padding-bottom: 4px;
+    position: relative;
+    line-height: 0;
+}
diff --git a/apps/web/res/css/views/rooms/_PinnedEventTile.pcss b/apps/web/res/css/views/rooms/_PinnedEventTile.pcss
new file mode 100644
index 00000000000..a39a7603db6
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_PinnedEventTile.pcss
@@ -0,0 +1,61 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017 Travis Ralston
+
+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_PinnedEventTile {
+    display: flex;
+    gap: var(--cpd-space-4x);
+    align-items: flex-start;
+
+    .mx_PinnedEventTile_wrapper {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-1x);
+        /* Remove avatar width and space between the avatar and the wrapper */
+        /* We need it to make the location fit */
+        width: calc(100% - var(--cpd-space-4x) - 32px);
+        /* Prevent a long sender name to overflow the tile */
+        overflow: hidden;
+
+        .mx_PinnedEventTile_top {
+            display: flex;
+            gap: var(--cpd-space-1x);
+            justify-content: space-between;
+            align-items: center;
+
+            .mx_PinnedEventTile_sender {
+                text-overflow: ellipsis;
+                overflow: hidden;
+                white-space: nowrap;
+                font: var(--cpd-font-body-md-semibold);
+            }
+        }
+
+        .mx_PinnedEventTile_thread {
+            display: flex;
+            gap: var(--cpd-space-2x);
+            font: var(--cpd-font-body-sm-regular);
+
+            svg {
+                width: 20px;
+                fill: var(--cpd-color-icon-tertiary);
+            }
+
+            span {
+                display: flex;
+                color: var(--cpd-color-text-secondary);
+            }
+
+            button {
+                background: transparent;
+                border: none;
+                cursor: pointer;
+                text-decoration: underline;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_PinnedMessageBanner.pcss b/apps/web/res/css/views/rooms/_PinnedMessageBanner.pcss
new file mode 100644
index 00000000000..2b36559020c
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_PinnedMessageBanner.pcss
@@ -0,0 +1,109 @@
+/*
+ * 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.
+ */
+
+.mx_PinnedMessageBanner {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--cpd-space-4x);
+    /* 64px = 63px + 1px from the bottom border */
+    height: 63px;
+    padding: 0 var(--cpd-space-4x);
+
+    background-color: var(--cpd-color-bg-canvas-default);
+    border-bottom: 1px solid var(--cpd-color-gray-400);
+
+    /* From figma */
+    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;
+        cursor: pointer;
+
+        height: 100%;
+        flex-grow: 1;
+        display: flex;
+        align-items: center;
+
+        .mx_PinnedMessageBanner_content {
+            display: grid;
+            grid-template:
+                "indicators pinIcon title" auto
+                "indicators pinIcon message" auto;
+            column-gap: var(--cpd-space-2x);
+        }
+
+        .mx_PinnedMessageBanner_Indicators {
+            grid-area: indicators;
+            display: flex;
+            flex-direction: column;
+            gap: var(--cpd-space-0-5x);
+            height: 100%;
+
+            .mx_PinnedMessageBanner_Indicator {
+                width: var(--cpd-space-0-5x);
+                background-color: var(--cpd-color-gray-600);
+                height: 100%;
+            }
+
+            .mx_PinnedMessageBanner_Indicator--active {
+                background-color: var(--cpd-color-icon-accent-primary);
+            }
+
+            .mx_PinnedMessageBanner_Indicator--hidden {
+                background-color: transparent;
+            }
+        }
+
+        .mx_PinnedMessageBanner_PinIcon {
+            grid-area: pinIcon;
+            align-self: center;
+            fill: var(--cpd-color-icon-secondary-alpha);
+        }
+
+        .mx_PinnedMessageBanner_title {
+            grid-area: title;
+            font: var(--cpd-font-body-sm-regular);
+            color: var(--cpd-color-text-action-accent);
+            line-height: 20px;
+
+            .mx_PinnedMessageBanner_title_counter {
+                font: var(--cpd-font-body-sm-semibold);
+            }
+        }
+
+        .mx_PinnedMessageBanner_message {
+            grid-area: message;
+            line-height: 20px;
+        }
+
+        .mx_PinnedMessageBanner_redactedMessage {
+            grid-area: message;
+            height: 20px;
+            display: flex;
+            align-items: center;
+        }
+    }
+
+    .mx_PinnedMessageBanner_actions {
+        white-space: nowrap;
+    }
+}
+
+.mx_PinnedMessageBanner[data-single-message="true"] {
+    .mx_PinnedMessageBanner_content {
+        grid-template: "indicators pinIcon message" auto;
+
+        .mx_PinnedMessageBanner_message {
+            line-height: 40px;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_PresenceIconView.pcss b/apps/web/res/css/views/rooms/_PresenceIconView.pcss
new file mode 100644
index 00000000000..585baf19288
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_PresenceIconView.pcss
@@ -0,0 +1,27 @@
+/*
+Copyright 2024 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_PresenceIconView {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: var(--cpd-color-bg-canvas-default);
+    border-radius: 100%;
+
+    .mx_PresenceIconView_online {
+        color: var(--cpd-color-icon-accent-primary);
+    }
+
+    .mx_PresenceIconView_offline,
+    .mx_PresenceIconView_dnd {
+        color: var(--cpd-color-icon-tertiary);
+    }
+
+    .mx_PresenceIconView_unavailable {
+        color: var(--cpd-color-icon-quaternary);
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_PresenceLabel.pcss b/apps/web/res/css/views/rooms/_PresenceLabel.pcss
new file mode 100644
index 00000000000..7f7f6dbfaf6
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_PresenceLabel.pcss
@@ -0,0 +1,16 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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_PresenceLabel {
+    font-size: $font-11px;
+    opacity: 0.5;
+}
+
+.mx_PresenceLabel_online {
+    color: var(--cpd-color-text-success-primary);
+}
diff --git a/apps/web/res/css/views/rooms/_ReadReceiptGroup.pcss b/apps/web/res/css/views/rooms/_ReadReceiptGroup.pcss
new file mode 100644
index 00000000000..b9e48444a5c
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_ReadReceiptGroup.pcss
@@ -0,0 +1,136 @@
+/*
+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_ReadReceiptGroup {
+    --ReadReceiptGroup_EventBubbleTile-spacing-end: 78px;
+
+    position: relative;
+    display: inline-block;
+    user-select: none;
+    z-index: 1;
+
+    .mx_ReadReceiptGroup_button {
+        display: inline-flex;
+        flex-direction: row;
+        height: 16px;
+        padding: 4px;
+        border-radius: 6px;
+
+        &.mx_AccessibleButton {
+            &:hover {
+                background: $event-selected-color;
+            }
+        }
+    }
+
+    .mx_ReadReceiptGroup_remainder {
+        color: $secondary-content;
+        font-size: $font-11px;
+        line-height: $font-16px;
+        margin-right: 4px;
+    }
+
+    .mx_ReadReceiptGroup_container {
+        position: relative;
+        display: block;
+        height: 100%;
+
+        .mx_BaseAvatar {
+            /* Compound uses a border on default avatars but no border on actual images, we want a border in all cases */
+            box-sizing: content-box;
+            border: 1px solid $background !important;
+            /* Reset the line height as we are no longer box-sizing border-box. 14px because avatar is set at 14px in component */
+            line-height: 14px;
+            position: absolute;
+            will-change: left, top;
+            transition:
+                left var(--transition-short) ease-out,
+                top var(--transition-standard) ease-out;
+        }
+    }
+}
+
+.mx_ReadReceiptGroup_popup {
+    max-height: 300px;
+    width: 220px;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+    font-size: 12px;
+    line-height: 15px;
+
+    right: 0;
+
+    &.mx_ContextualMenu_top {
+        top: 8px;
+    }
+
+    &.mx_ContextualMenu_bottom {
+        bottom: 8px;
+    }
+
+    .mx_ReadReceiptGroup_title {
+        font-size: 12px;
+        line-height: 15px;
+        margin: 16px 16px 8px;
+        font-weight: var(--cpd-font-weight-semibold);
+        /* shouldn’t be actually focusable */
+        outline: none;
+    }
+
+    .mx_AutoHideScrollbar {
+        .mx_ReadReceiptGroup_person {
+            display: flex;
+            flex-direction: row;
+            padding: 4px;
+            margin: 0 12px;
+            border-radius: 8px;
+
+            &:hover {
+                background: $menu-selected-color;
+            }
+
+            &:last-child {
+                margin-bottom: 8px;
+            }
+
+            .mx_BaseAvatar {
+                margin: 6px 8px;
+                align-self: center;
+                justify-self: center;
+                flex-shrink: 0; /* Long names should not shrink the picture */
+            }
+
+            .mx_ReadReceiptGroup_name {
+                display: flex;
+                flex-direction: column;
+                flex-grow: 1;
+                flex-shrink: 1;
+                overflow: hidden;
+
+                p {
+                    margin: 2px 0;
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                    white-space: nowrap;
+                }
+
+                .mx_ReadReceiptGroup_secondary {
+                    color: $secondary-content;
+                }
+            }
+        }
+    }
+}
+
+.mx_ReadReceiptGroup_person--tooltip {
+    overflow-y: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
diff --git a/apps/web/res/css/views/rooms/_ReplyPreview.pcss b/apps/web/res/css/views/rooms/_ReplyPreview.pcss
new file mode 100644
index 00000000000..468d5faf96a
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_ReplyPreview.pcss
@@ -0,0 +1,49 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018 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_ReplyPreview {
+    border: 1px solid $primary-hairline-color;
+    border-bottom: none;
+    background: $background;
+    max-height: 50vh;
+    overflow: auto;
+
+    .mx_ReplyPreview_section {
+        border-bottom: 1px solid $primary-hairline-color;
+        display: flex;
+        flex-flow: column;
+        row-gap: var(--cpd-space-2x);
+        padding: var(--cpd-space-2x) var(--cpd-space-2x) 0 0;
+
+        .mx_ReplyPreview_header {
+            display: flex;
+            justify-content: space-between;
+            column-gap: 8px;
+
+            color: $primary-content;
+            font-weight: 400;
+            opacity: 0.4;
+
+            .mx_ReplyPreview_header_cancel svg {
+                color: $primary-content;
+                width: 20px;
+                height: 20px;
+                flex-shrink: 0;
+            }
+        }
+    }
+}
+
+.mx_RoomView_body {
+    .mx_ReplyPreview {
+        /* Add box-shadow to the reply preview on the main (left) panel only. */
+        /* It is not added to the preview on the (right) panel for threads and a chat with a maximized widget. */
+        box-shadow: 0px -16px 32px $composer-shadow-color;
+        border-radius: 8px 8px 0 0;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_ReplyTile.pcss b/apps/web/res/css/views/rooms/_ReplyTile.pcss
new file mode 100644
index 00000000000..8c27853b7cb
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_ReplyTile.pcss
@@ -0,0 +1,137 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 Tulir Asokan <tulir@maunium.net>
+
+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_ReplyTile {
+    position: relative;
+    padding: 2px 0;
+    font: var(--cpd-font-body-md-regular);
+
+    > a {
+        display: grid;
+        grid-template:
+            "sender" auto
+            "message" auto
+            / 100%;
+        text-decoration: none;
+        color: $secondary-content;
+        transition: color ease 0.15s;
+        gap: 2px;
+        max-width: 100%; /* avoid overflow with wide content */
+
+        &:hover {
+            color: $primary-content;
+        }
+    }
+
+    .mx_RedactedBody {
+        line-height: $font-18px;
+    }
+
+    .mx_RedactedBody,
+    .mx_HiddenBody {
+        padding: 4px 0 2px 20px;
+
+        &::before {
+            height: 13px;
+            width: 13px;
+            top: 3px;
+        }
+    }
+
+    /* We do reply size limiting with CSS to avoid duplicating the TextualBody component. */
+    .mx_EventTile_content {
+        grid-area: message;
+        $reply-lines: 2;
+        $line-height: $font-18px;
+
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: $reply-lines;
+
+        .mx_EventTile_body.mx_EventTile_bigEmoji {
+            line-height: $font-22px !important; /* Same as var(--EventTile_group_line-line-height) */
+            font-size: $font-14px !important; /* Override the big emoji override */
+        }
+
+        /* in order to keep the message on two lines, we need to make the body inline */
+        .mx_EventTile_body {
+            display: inline;
+        }
+
+        /* The annotation wrapper is flex in normal timeline messages, but that stops
+        -webkit-line-clamp from trimming long edited quotes down to two lines. */
+        [data-textual-body-annotation-wrapper] {
+            display: contents;
+        }
+
+        /* Hide line numbers and edited indicator */
+        .mx_EventTile_lineNumbers,
+        [data-textual-body-edited-marker] {
+            display: none;
+        }
+
+        /* Hack to cut content in <pre> tags too */
+        .mx_EventTile_pre_container > pre {
+            overflow-x: scroll;
+            overflow-y: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: $reply-lines;
+            padding: 4px;
+        }
+
+        .markdown-body blockquote,
+        .markdown-body dl,
+        .markdown-body ol,
+        .markdown-body p,
+        .markdown-body pre,
+        .markdown-body table,
+        .markdown-body ul {
+            margin-bottom: 4px;
+        }
+    }
+
+    &.mx_ReplyTile_info {
+        padding-top: 0;
+    }
+
+    &.mx_ReplyTile_inline > a {
+        /* Render replies to emotes inline with the sender avatar */
+        grid-template:
+            "sender        message" auto
+            / max-content auto;
+        gap: 4px; /* increase spacing */
+    }
+
+    .mx_ReplyTile_sender {
+        grid-area: sender;
+        display: flex;
+        align-items: center;
+        gap: 4px;
+
+        .mx_DisambiguatedProfile {
+            font: var(--cpd-font-body-md-regular);
+
+            display: inline-block; /* anti-zalgo, with overflow hidden */
+            padding: 0;
+            margin: 0;
+
+            /* truncate long display names */
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+
+        .mx_BaseAvatar {
+            /* Prevent crushing by the flexbox */
+            flex-shrink: 0;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_RoomHeader.pcss b/apps/web/res/css/views/rooms/_RoomHeader.pcss
new file mode 100644
index 00000000000..353120fd36c
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_RoomHeader.pcss
@@ -0,0 +1,114 @@
+/*
+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.
+*/
+
+.mx_RoomHeader {
+    height: 64px;
+    box-sizing: border-box;
+    padding: 0 var(--cpd-space-3x) 0 calc(var(--cpd-space-3x) + var(--cpd-space-1-5x));
+    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 {
+    background-color: $header-panel-bg-hover;
+}
+
+.mx_RoomHeader_infoWrapper {
+    /* unset button styles */
+    color: inherit;
+    background: unset;
+    border: unset;
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    cursor: pointer;
+    gap: var(--cpd-space-3x);
+    text-align: left;
+    height: 100%;
+    padding: 0;
+}
+
+.mx_RoomHeader_info {
+    /* We want the spacing to be 64px, 13x = 52px but we have a flex gap of
+       12px set on the flex container, which sums up to 64 */
+    padding-right: var(--cpd-space-13x);
+}
+
+.mx_RoomHeader_truncated {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+
+    overflow: hidden;
+    word-break: break-all;
+    text-overflow: ellipsis;
+}
+
+.mx_RoomHeader_heading {
+    display: flex;
+    gap: var(--cpd-space-1-5x);
+    align-items: center;
+}
+
+.mx_RoomHeader_icon {
+    flex-shrink: 0;
+}
+
+.mx_RoomHeader .mx_FacePile {
+    color: $secondary-content;
+    background: $background;
+    display: flex;
+    align-items: center;
+    gap: var(--cpd-space-2x);
+    border-radius: 9999px;
+    padding: var(--cpd-space-1-5x);
+    cursor: pointer;
+    user-select: none;
+    font: var(--cpd-font-body-sm-medium);
+
+    /* RoomAvatar doesn't pass classes down to avatar
+    So set style here
+    using div because compound classes are not stable */
+    > div {
+        flex-shrink: 0;
+    }
+
+    &:hover {
+        color: $primary-content;
+        background: var(--cpd-color-bg-subtle-primary);
+    }
+
+    &.mx_FacePile_toggled {
+        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;
+    }
+}
+
+.mx_RoomHeader .mx_BaseAvatar {
+    flex-shrink: 0;
+}
+
+.mx_RoomHeader_videoCallOption {
+    /* Workaround for https://github.com/element-hq/compound/issues/331 */
+    min-width: 240px;
+}
+
+.mx_RoomHeader .mx_RoomHeader_toggled {
+    fill: var(--cpd-color-icon-accent-primary);
+}
diff --git a/apps/web/res/css/views/rooms/_RoomInfoLine.pcss b/apps/web/res/css/views/rooms/_RoomInfoLine.pcss
new file mode 100644
index 00000000000..a9650f27b56
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_RoomInfoLine.pcss
@@ -0,0 +1,29 @@
+/*
+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_RoomInfoLine {
+    color: $secondary-content;
+    display: inline-block;
+
+    svg {
+        margin-right: 6px;
+        vertical-align: -2px;
+        color: $tertiary-content;
+    }
+
+    .mx_RoomInfoLine_members {
+        color: inherit;
+        text-decoration: inherit;
+        font-weight: inherit;
+
+        &::before {
+            content: "·"; /* visual separator */
+            margin: 0 6px;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_RoomKnocksBar.pcss b/apps/web/res/css/views/rooms/_RoomKnocksBar.pcss
new file mode 100644
index 00000000000..2661bb069ae
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_RoomKnocksBar.pcss
@@ -0,0 +1,42 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Nordeck IT + Consulting GmbH
+
+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_RoomKnocksBar {
+    background-color: var(--cpd-color-bg-subtle-secondary);
+    display: flex;
+    padding: var(--cpd-space-2x) var(--cpd-space-4x);
+}
+
+.mx_RoomKnocksBar_content {
+    flex-grow: 1;
+    margin: 0 var(--cpd-space-3x);
+}
+
+.mx_RoomKnocksBar_paragraph {
+    color: $secondary-content;
+    font-size: var(--cpd-font-size-body-sm);
+    margin: 0;
+}
+
+.mx_RoomKnocksBar_link {
+    margin-left: var(--cpd-space-3x);
+}
+
+.mx_RoomKnocksBar_action,
+.mx_RoomKnocksBar_avatar {
+    align-self: center;
+    flex-shrink: 0;
+}
+
+.mx_RoomKnocksBar_action + .mx_RoomKnocksBar_action {
+    margin-left: var(--cpd-space-3x);
+}
+
+.mx_RoomKnocksBar_avatar + .mx_RoomKnocksBar_avatar {
+    margin-left: calc(var(--cpd-space-4x) * -1);
+}
diff --git a/apps/web/res/css/views/rooms/_RoomPreviewBar.pcss b/apps/web/res/css/views/rooms/_RoomPreviewBar.pcss
new file mode 100644
index 00000000000..99c1b8a7b58
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_RoomPreviewBar.pcss
@@ -0,0 +1,170 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-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_RoomPreviewBar {
+    flex: 0 0 auto;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    display: flex;
+    -webkit-align-items: center;
+
+    h3 {
+        font-size: $font-18px;
+        font-weight: var(--cpd-font-weight-semibold);
+
+        &.mx_RoomPreviewBar_spinnerTitle {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            margin: 0;
+        }
+    }
+
+    h3,
+    .mx_RoomPreviewBar_message p {
+        /* break-word, with fallback to break-all, which is wider supported */
+        word-break: break-all;
+        word-break: break-word;
+    }
+
+    .mx_Spinner {
+        width: auto;
+        height: auto;
+        margin: 10px 10px 10px 0;
+        flex: 0 0 auto;
+    }
+
+    .mx_RoomPreviewBar_footer {
+        font-size: $font-12px;
+        line-height: $font-20px;
+
+        .mx_Spinner {
+            vertical-align: middle;
+            display: inline-block;
+        }
+    }
+}
+
+.mx_RoomPreviewBar_actions {
+    display: flex;
+}
+
+.mx_RoomPreviewBar_message {
+    display: flex;
+    align-items: stretch;
+
+    p {
+        overflow-wrap: break-word;
+    }
+}
+
+.mx_RoomPreviewBar_panel {
+    padding: 8px 8px 8px 20px;
+
+    flex-direction: row;
+
+    .mx_RoomPreviewBar_actions {
+        flex: 0 0 auto;
+        flex-direction: row;
+        padding: 3px 8px;
+
+        & > * {
+            margin-left: 12px;
+        }
+    }
+
+    .mx_RoomPreviewBar_message {
+        flex: 1 0 0;
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+
+        & > * {
+            margin: 4px;
+        }
+    }
+}
+
+/* With maximised widgets, the panel fits in better when rounded */
+.mx_MainSplit_maximisedWidget .mx_RoomPreviewBar_panel {
+    margin: var(--container-gap-width);
+    margin-right: calc(var(--container-gap-width) / 2); /* Shared with right panel */
+    margin-top: 0; /* Already covered by apps drawer */
+    border-radius: 8px;
+}
+
+.mx_RoomPreviewBar_dialog {
+    margin: auto;
+    box-sizing: content;
+    width: 400px;
+    /* Matches the room preview card this stands in place of, and the panel form of this same bar */
+    border-radius: 8px;
+    flex-direction: column;
+    padding: 20px;
+    text-align: center;
+
+    .mx_RoomPreviewBar_message {
+        flex-direction: column;
+
+        & > * {
+            margin: 5px 0 20px 0;
+        }
+    }
+
+    .mx_RoomPreviewBar_actions {
+        flex-direction: column;
+        .mx_AccessibleButton {
+            padding: 7px 50px; /* extra wide */
+        }
+
+        & > * {
+            margin-top: 12px;
+        }
+        .mx_AccessibleButton.mx_AccessibleButton_kind_primary {
+            /* to account for the padding of the primary button which causes inconsistent look between */
+            /* subsequent secondary (text) buttons */
+            margin-bottom: 7px;
+        }
+    }
+}
+.mx_RoomPreviewBar_Invite {
+    max-height: 100vh;
+    overflow-y: auto;
+    justify-content: flex-start;
+}
+
+.mx_RoomPreviewBar_Invite h3 {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    white-space: pre-wrap;
+    overflow: hidden;
+}
+
+.mx_RoomPreviewBar_inviter {
+    font-weight: var(--cpd-font-weight-semibold);
+}
+
+a.mx_RoomPreviewBar_inviter {
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+.mx_RoomPreviewBar_inviter_mxid {
+    color: var(--cpd-color-text-secondary);
+}
+
+.mx_RoomPreviewBar_icon {
+    margin-right: 8px;
+    vertical-align: text-top;
+}
+
+.mx_RoomPreviewBar_fullWidth {
+    width: 100%;
+}
diff --git a/apps/web/res/css/views/rooms/_RoomPreviewCard.pcss b/apps/web/res/css/views/rooms/_RoomPreviewCard.pcss
new file mode 100644
index 00000000000..4115277bafa
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_RoomPreviewCard.pcss
@@ -0,0 +1,117 @@
+/*
+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_RoomPreviewCard {
+    padding: var(--cpd-space-8x) var(--cpd-space-6x) !important; /* Override SpaceRoomView's default padding */
+    margin: auto;
+    flex-grow: 1;
+    max-width: 480px;
+    box-sizing: border-box;
+    background-color: $system;
+    border-radius: 8px;
+    position: relative;
+    font: var(--cpd-font-body-md-regular);
+
+    .mx_RoomPreviewCard_notice {
+        font-weight: var(--cpd-font-weight-semibold);
+        line-height: $font-24px;
+        color: $primary-content;
+        margin-top: var(--cpd-space-6x);
+
+        svg {
+            height: 1em;
+            width: 1em;
+            margin-right: var(--cpd-space-2x);
+            color: $secondary-content;
+            vertical-align: -2px;
+        }
+    }
+
+    .mx_RoomPreviewCard_inviter {
+        display: flex;
+        align-items: center;
+        margin-bottom: var(--cpd-space-5x);
+        font-size: $font-15px;
+
+        > div {
+            margin-left: var(--cpd-space-2x);
+
+            .mx_RoomPreviewCard_inviter_name {
+                line-height: $font-18px;
+            }
+
+            .mx_RoomPreviewCard_inviter_mxid {
+                color: $secondary-content;
+            }
+        }
+    }
+
+    .mx_RoomPreviewCard_avatar {
+        display: flex;
+        align-items: center;
+
+        .mx_RoomPreviewCard_video {
+            width: 22px;
+            height: 22px;
+            padding: 14px;
+            border-radius: calc((50px + 2 * 3px) / 2);
+            background-color: $accent;
+            border: 3px solid $system;
+
+            left: calc(-50px / 4 - 3px);
+
+            svg {
+                width: inherit;
+                height: inherit;
+                color: $button-primary-fg-color;
+            }
+        }
+
+        /* XXX Remove this when video rooms leave beta */
+        .mx_BetaCard_betaPill {
+            position: absolute;
+            inset-block-start: var(--cpd-space-8x);
+            inset-inline-end: var(--cpd-space-6x);
+        }
+    }
+
+    h1.mx_RoomPreviewCard_name {
+        margin: var(--cpd-space-4x) 0 !important; /* Override SpaceRoomView's default margins */
+    }
+
+    .mx_RoomPreviewCard_topic {
+        line-height: $font-22px;
+        margin-top: var(--cpd-space-4x);
+        max-height: 160px;
+        overflow-y: auto;
+    }
+
+    .mx_FacePile {
+        display: flex;
+        align-items: center;
+        margin-top: var(--cpd-space-4x);
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
+
+        :first-child {
+            flex-shrink: 0;
+        }
+    }
+
+    .mx_RoomPreviewCard_joinButtons {
+        margin-top: var(--cpd-space-5x);
+        display: flex;
+        gap: var(--cpd-space-5x);
+
+        .mx_AccessibleButton {
+            max-width: 200px;
+            padding: 14px 0;
+            flex-grow: 1;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_RoomSearchAuxPanel.pcss b/apps/web/res/css/views/rooms/_RoomSearchAuxPanel.pcss
new file mode 100644
index 00000000000..3e66f7103c7
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_RoomSearchAuxPanel.pcss
@@ -0,0 +1,64 @@
+/*
+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.
+*/
+
+.mx_RoomSearchAuxPanel {
+    /* use `min-height` rather than height, to allow room for the text to wrap if the window is narrow */
+    min-height: 84px;
+    display: flex;
+    align-items: center;
+    border-color: var(--cpd-color-bg-canvas-default);
+    border-style: solid;
+    border-width: 1px 0;
+    padding: var(--cpd-space-3x);
+    box-sizing: border-box;
+    gap: var(--cpd-space-2x);
+
+    .mx_RoomSearchAuxPanel_summary {
+        flex-grow: 1;
+        display: inherit; /* flex */
+        gap: var(--cpd-space-2x);
+        align-items: center;
+        overflow: hidden;
+
+        > svg {
+            padding: var(--cpd-space-2x);
+            border-radius: var(--cpd-space-2x);
+            background-color: var(--cpd-color-bg-subtle-secondary);
+            color: var(--cpd-color-icon-secondary);
+            flex-shrink: 0;
+        }
+
+        .mx_RoomSearchAuxPanel_summary_text {
+            display: flex;
+            flex-direction: column;
+            font-size: $font-15px;
+            line-height: $font-22px;
+            overflow: hidden;
+
+            span {
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+        }
+
+        .mx_SearchWarning {
+            display: contents;
+            font-size: $font-13px;
+            line-height: $font-20px;
+            color: var(--cpd-color-text-secondary);
+        }
+    }
+
+    .mx_RoomSearchAuxPanel_buttons {
+        display: inherit; /* flex */
+        gap: var(--cpd-space-6x);
+        align-items: center;
+        flex-shrink: 0;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_RoomUpgradeWarningBar.pcss b/apps/web/res/css/views/rooms/_RoomUpgradeWarningBar.pcss
new file mode 100644
index 00000000000..d561a9b81bd
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_RoomUpgradeWarningBar.pcss
@@ -0,0 +1,44 @@
+/*
+Copyright 2018-2024 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_RoomUpgradeWarningBar {
+    max-height: 235px;
+    background-color: $info-plinth-bg-color;
+    padding-left: 20px;
+    padding-right: 20px;
+    overflow: scroll;
+}
+
+.mx_RoomUpgradeWarningBar_wrapped {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    text-align: center;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    -webkit-align-items: center;
+}
+
+.mx_RoomUpgradeWarningBar_header {
+    color: $alert;
+    font-weight: bold;
+}
+
+.mx_RoomUpgradeWarningBar_body {
+    color: $alert;
+}
+
+.mx_RoomUpgradeWarningBar_upgradelink {
+    color: $alert;
+    text-decoration: underline;
+}
+
+.mx_RoomUpgradeWarningBar_small {
+    color: $info-plinth-fg-color;
+    font-size: 70%;
+}
diff --git a/apps/web/res/css/views/rooms/_SendMessageComposer.pcss b/apps/web/res/css/views/rooms/_SendMessageComposer.pcss
new file mode 100644
index 00000000000..a0fc1e81329
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_SendMessageComposer.pcss
@@ -0,0 +1,43 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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_SendMessageComposer {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    font: var(--cpd-font-body-md-regular);
+    /* fixed line height to prevent emoji from being taller than text */
+    line-height: $font-18px;
+    justify-content: center;
+    margin-right: 6px;
+    /* don't grow wider than available space */
+    min-width: 0;
+
+    .mx_BasicMessageComposer {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        /* min-height at this level so the mx_BasicMessageComposer_input */
+        /* still stays vertically centered when less than 55px. */
+        /* We also set this to ensure the voice message recording widget */
+        /* doesn't cause a jump. */
+        min-height: 55px;
+
+        .mx_BasicMessageComposer_input {
+            padding: 3px 0;
+            /* this will center the contenteditable */
+            /* in it's parent vertically */
+            /* while keeping the autocomplete at the top */
+            /* of the composer. The parent needs to be a flex container for this to work. */
+            margin: auto 0;
+            /* max-height at this level so autocomplete doesn't get scrolled too */
+            max-height: 140px;
+            overflow-y: auto;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_Stickers.pcss b/apps/web/res/css/views/rooms/_Stickers.pcss
new file mode 100644
index 00000000000..75d947f4994
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_Stickers.pcss
@@ -0,0 +1,46 @@
+.mx_Stickers_content {
+    overflow: hidden;
+}
+
+.mx_Stickers_content_container {
+    overflow: hidden;
+    height: 300px;
+}
+
+#mx_persistedElement_stickerPicker {
+    .mx_AppTileFullWidth {
+        height: unset;
+        box-sizing: border-box;
+        border-left: none;
+        border-right: none;
+        border-bottom: none;
+    }
+
+    .mx_AppTileMenuBar {
+        padding: 0;
+    }
+
+    iframe {
+        /* Sticker picker depends on the fixed height previously used for all tiles */
+        height: 283px; /* height of the popout minus the AppTile menu bar */
+    }
+}
+
+.mx_Stickers_contentPlaceholder {
+    display: flex;
+    flex-grow: 1;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+}
+
+.mx_Stickers_contentPlaceholder p {
+    max-width: 200px;
+}
+
+.mx_Stickers_addLink {
+    display: inline;
+    cursor: pointer;
+    color: $accent;
+}
diff --git a/apps/web/res/css/views/rooms/_ThirdPartyMemberInfo.pcss b/apps/web/res/css/views/rooms/_ThirdPartyMemberInfo.pcss
new file mode 100644
index 00000000000..96aadc895e1
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_ThirdPartyMemberInfo.pcss
@@ -0,0 +1,11 @@
+/*
+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.
+*/
+
+.mx_ThirdPartyMemberInfo {
+    padding: var(--cpd-space-4x);
+}
diff --git a/apps/web/res/css/views/rooms/_TopUnreadMessagesBar.pcss b/apps/web/res/css/views/rooms/_TopUnreadMessagesBar.pcss
new file mode 100644
index 00000000000..84dc98c55eb
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_TopUnreadMessagesBar.pcss
@@ -0,0 +1,62 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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_TopUnreadMessagesBar {
+    z-index: 1000;
+    position: absolute;
+    top: 24px;
+    right: 24px;
+    width: 38px;
+}
+
+.mx_TopUnreadMessagesBar::after {
+    content: "";
+    position: absolute;
+    top: -8px;
+    left: 11px;
+    width: 4px;
+    height: 4px;
+    border-radius: 16px;
+    background-color: var(--cpd-color-bg-canvas-default);
+    border: 6px solid var(--cpd-color-icon-accent-tertiary);
+    pointer-events: none;
+}
+
+.mx_TopUnreadMessagesBar_scrollUp {
+    height: 38px;
+    width: 38px;
+    border-radius: 19px;
+    box-sizing: border-box;
+    background: $background;
+    border: 1.3px solid var(--cpd-color-icon-tertiary);
+    cursor: pointer;
+
+    svg {
+        width: 24px;
+        height: 24px;
+        padding: 6px;
+        color: var(--cpd-color-icon-tertiary);
+    }
+}
+
+.mx_TopUnreadMessagesBar_markAsRead {
+    display: block;
+    width: 18px;
+    height: 18px;
+    background: $background;
+    border: 1.3px solid var(--cpd-color-icon-tertiary);
+    border-radius: 10px;
+    margin: 5px auto;
+
+    svg {
+        width: 16px;
+        height: 16px;
+        padding: 1px;
+        color: var(--cpd-color-icon-tertiary);
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_UserIdentityWarning.pcss b/apps/web/res/css/views/rooms/_UserIdentityWarning.pcss
new file mode 100644
index 00000000000..cf87e47a24a
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_UserIdentityWarning.pcss
@@ -0,0 +1,34 @@
+/*
+Copyright 2024 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_UserIdentityWarning {
+    /* 42px is the padding-left of .mx_MessageComposer_wrapper in res/css/views/rooms/_MessageComposer.pcss */
+    margin-left: calc(-42px + var(--RoomView_MessageList-padding));
+
+    .mx_UserIdentityWarning_row {
+        display: flex;
+        align-items: center;
+
+        .mx_BaseAvatar {
+            margin-left: var(--cpd-space-2x);
+        }
+        .mx_UserIdentityWarning_main {
+            margin-left: var(--cpd-space-6x);
+            flex-grow: 1;
+        }
+        .mx_UserIdentityWarning_main.critical {
+            color: var(--cpd-color-text-critical-primary);
+        }
+    }
+}
+.mx_UserIdentityWarning.critical {
+    background: linear-gradient(180deg, var(--cpd-color-red-100) 0%, var(--cpd-color-theme-bg) 100%);
+}
+
+.mx_MessageComposer.mx_MessageComposer--compact > .mx_UserIdentityWarning {
+    margin-left: calc(-25px + var(--RoomView_MessageList-padding));
+}
diff --git a/apps/web/res/css/views/rooms/_VoiceRecordComposerTile.pcss b/apps/web/res/css/views/rooms/_VoiceRecordComposerTile.pcss
new file mode 100644
index 00000000000..9c54538673a
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_VoiceRecordComposerTile.pcss
@@ -0,0 +1,120 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_VoiceRecordComposerTile_stop {
+    /* 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 */
+
+    svg {
+        width: inherit;
+        height: inherit;
+        color: $voice-record-stop-symbol-color;
+    }
+}
+
+.mx_VoiceRecordComposerTile_delete {
+    width: 24px;
+    height: 24px;
+    vertical-align: middle;
+    margin-right: 2px; /* distance from left edge of waveform container (container has some margin too) */
+
+    svg {
+        width: inherit;
+        height: inherit;
+        color: $voice-record-icon-color;
+    }
+}
+
+.mx_VoiceRecordComposerTile_uploadingState {
+    margin-right: 10px;
+    color: $secondary-content;
+}
+
+.mx_VoiceRecordComposerTile_failedState {
+    margin-right: 21px;
+
+    .mx_VoiceRecordComposerTile_uploadState_badge {
+        display: inline-block;
+        margin-right: 4px;
+        vertical-align: middle;
+    }
+}
+
+.mx_MessageComposer_row .mx_VoiceMessagePrimaryContainer {
+    /* Note: remaining class properties are in the PlayerContainer CSS. */
+
+    /* fixed height to reduce layout jumps with the play button appearing */
+    /* https://github.com/vector-im/element-web/issues/18431 */
+    height: 32px;
+
+    margin: 6px; /* force the composer area to put a gutter around us */
+    margin-right: 6px; /* isolate from stop/send button */
+
+    position: relative; /* important for the live circle */
+
+    &.mx_VoiceRecordComposerTile_recording {
+        /* We are putting the circle in this padding, so we need +10px from the regular */
+        /* padding on the left side. */
+        padding-left: 22px;
+
+        &::before {
+            animation: recording-pulse 2s infinite;
+
+            content: "";
+            background-color: $voice-record-live-circle-color;
+            width: 10px;
+            height: 10px;
+            position: absolute;
+            left: 12px; /* 12px from the left edge for container padding */
+            top: 17px; /* vertically center (middle align with clock) */
+            border-radius: 10px;
+        }
+    }
+}
+
+.mx_MessageComposer_wysiwyg .mx_VoiceMessagePrimaryContainer {
+    &.mx_VoiceRecordComposerTile_recording {
+        &::before {
+            top: 15px; /* vertically center (middle align with clock) */
+        }
+    }
+}
+
+/* The keyframes are slightly weird here to help make a ramping/punch effect */
+/* for the recording dot. We start and end at 100% opacity to help make the */
+/* dot feel a bit like a real lamp that is blinking: the animation ends up */
+/* spending a lot of its time showing a steady state without a fade effect. */
+/* This lamp effect extends into why the 0% opacity keyframe is not in the */
+/* midpoint: lamps take longer to turn off than they do to turn on, and the */
+/* extra frames give it a bit of a realistic punch for when the animation is */
+/* ramping back up to 100% opacity. */
+
+/* Target animation timings: steady for 1.5s, fade out for 0.3s, fade in for 0.2s */
+/* (intended to be used in a loop for 2s animation speed) */
+@keyframes recording-pulse {
+    0% {
+        opacity: 1;
+    }
+    35% {
+        opacity: 0;
+    }
+    65% {
+        opacity: 1;
+    }
+}
+
+@media (forced-colors: active) {
+    .mx_VoiceMessagePrimaryContainer {
+        outline: 1px solid transparent;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/_WhoIsTypingTile.pcss b/apps/web/res/css/views/rooms/_WhoIsTypingTile.pcss
new file mode 100644
index 00000000000..08f519eaa6e
--- /dev/null
+++ b/apps/web/res/css/views/rooms/_WhoIsTypingTile.pcss
@@ -0,0 +1,64 @@
+/*
+Copyright 2018-2024 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_WhoIsTypingTile {
+    margin-left: -18px; /* offset padding from mx_RoomView_MessageList to center avatars */
+    padding-top: 18px;
+    display: flex;
+    align-items: center;
+}
+
+/* position the indicator in the same place horizontally as .mx_EventTile_avatar. */
+.mx_WhoIsTypingTile_avatars {
+    flex: 0 0 82px; /* 18 (padding on message list) + 64 (padding on event lines) */
+    text-align: center;
+}
+
+.mx_WhoIsTypingTile_avatars > :not(:first-child) {
+    margin-left: -12px;
+}
+
+.mx_WhoIsTypingTile_avatars .mx_BaseAvatar {
+    border: 1px solid $background;
+    border-radius: 40px;
+}
+
+.mx_WhoIsTypingTile_remainingAvatarPlaceholder {
+    position: relative;
+    display: inline-block;
+    color: $primary-content;
+    background-color: $quinary-content;
+    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;
+}
+
+.mx_WhoIsTypingTile_label {
+    flex: 1;
+    font: var(--cpd-font-body-md-semibold);
+    color: $roomtopic-color;
+}
+
+.mx_WhoIsTypingTile_label > span {
+    background-image: url("/res/img/typing-indicator-2x.gif");
+    background-size: 25px;
+    background-position: left bottom;
+    background-repeat: no-repeat;
+    padding-bottom: 15px;
+    display: block;
+}
+
+.mx_MatrixChat_useCompactLayout {
+    .mx_WhoIsTypingTile {
+        padding-top: 4px;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/wysiwyg_composer/_EditWysiwygComposer.pcss b/apps/web/res/css/views/rooms/wysiwyg_composer/_EditWysiwygComposer.pcss
new file mode 100644
index 00000000000..a27f7b9b777
--- /dev/null
+++ b/apps/web/res/css/views/rooms/wysiwyg_composer/_EditWysiwygComposer.pcss
@@ -0,0 +1,50 @@
+/*
+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_EditWysiwygComposer {
+    --EditWysiwygComposer-padding-inline: 3px;
+
+    display: flex;
+    flex-direction: column;
+    max-width: 100%; /* disable overflow */
+    width: auto;
+    gap: 8px;
+    padding: 8px var(--EditWysiwygComposer-padding-inline);
+
+    .mx_WysiwygComposer_Editor_content {
+        border-radius: 4px;
+        border: solid 1px $primary-hairline-color;
+        background-color: $background;
+        max-height: 200px;
+        padding: 3px 6px;
+
+        &:focus {
+            border-color: $accent-400;
+        }
+    }
+
+    .mx_EditWysiwygComposer_buttons {
+        display: flex;
+        flex-flow: row wrap-reverse; /* display "Save" over "Cancel" */
+        justify-content: flex-end;
+        gap: 5px;
+        margin-inline-start: auto;
+
+        .mx_AccessibleButton {
+            flex: 1;
+            box-sizing: border-box;
+            min-width: 100px; /* magic number to align the edge of the button with the input area */
+        }
+    }
+
+    .mx_FormattingButtons_Button {
+        &:first-child {
+            margin-left: 0px;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/rooms/wysiwyg_composer/_SendWysiwygComposer.pcss b/apps/web/res/css/views/rooms/wysiwyg_composer/_SendWysiwygComposer.pcss
new file mode 100644
index 00000000000..5ad59dd8e5b
--- /dev/null
+++ b/apps/web/res/css/views/rooms/wysiwyg_composer/_SendWysiwygComposer.pcss
@@ -0,0 +1,78 @@
+/*
+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_SendWysiwygComposer {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    font: var(--cpd-font-body-md-regular);
+    /* fixed line height to prevent emoji from being taller than text */
+    line-height: $font-18px;
+    justify-content: center;
+    margin-right: 13px;
+    gap: 8px;
+
+    .mx_FormattingButtons {
+        margin-left: 12px;
+    }
+
+    .mx_WysiwygComposer_Editor {
+        border: 1px solid;
+        border-color: $quinary-content;
+        padding: 6px 11px 6px 12px;
+        display: flex;
+        align-items: flex-end;
+        gap: 10px;
+
+        .mx_E2EIcon {
+            margin: 0 0 7px 0;
+            width: 12px;
+            height: 12px;
+        }
+
+        &[data-is-expanded="true"] {
+            border-radius: 14px;
+
+            .mx_WysiwygComposer_Editor_container {
+                margin-top: 3px;
+                margin-bottom: 3px;
+            }
+        }
+
+        &[data-is-expanded="false"] {
+            border-radius: 40px;
+        }
+
+        .mx_WysiwygComposer_Editor_container {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            min-height: 22px;
+            margin-bottom: 2px;
+            /* don't grow wider than available space */
+            width: 0;
+
+            .mx_WysiwygComposer_Editor_content {
+                /* this will center the contenteditable */
+                /* in it's parent vertically */
+                /* while keeping the autocomplete at the top */
+                /* of the composer. The parent needs to be a flex container for this to work. */
+                margin: auto 0;
+                /* the line height is $font-22px (set in _Editor.pcss) and we want to display 16 lines */
+                max-height: calc(16 * $font-22px);
+                overflow-y: auto;
+            }
+        }
+    }
+}
+
+.mx_SendWysiwygComposer-focused {
+    .mx_WysiwygComposer_Editor {
+        border-color: $quaternary-content;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/wysiwyg_composer/components/_Editor.pcss b/apps/web/res/css/views/rooms/wysiwyg_composer/components/_Editor.pcss
new file mode 100644
index 00000000000..3314a38e67f
--- /dev/null
+++ b/apps/web/res/css/views/rooms/wysiwyg_composer/components/_Editor.pcss
@@ -0,0 +1,178 @@
+/*
+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_WysiwygComposer_Editor_container {
+    /* These are set in Javascript */
+    --avatar-letter: "";
+    --avatar-background: unset;
+    --placeholder: "";
+
+    @keyframes visualbell {
+        from {
+            background-color: $visual-bell-bg-color;
+        }
+        to {
+            background-color: $background;
+        }
+    }
+
+    .mx_WysiwygComposer_Editor_content {
+        line-height: $font-22px;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+        outline: none;
+        overflow-x: hidden;
+
+        /* Force caret nodes to be selected in full so that they can be */
+        /* navigated through in a single keypress */
+        .caretNode {
+            user-select: all;
+        }
+
+        /* we always have a <br/> tag at the end of the html, we need it to be present at first then hide it as soon as
+        we have any other elements */
+        br:not(:only-child) {
+            display: none;
+        }
+
+        p {
+            margin-top: 0;
+            margin-bottom: 0;
+            /* this may seem redundant, but we need to handle zero content formatting tags, which occur when we split a
+               formatting tag into paragraphs */
+            min-height: $font-22px;
+        }
+
+        ul,
+        ol {
+            margin-top: 0;
+            margin-bottom: 0;
+            padding-inline-start: var(--cpd-space-7x);
+        }
+
+        /* Make list type disc to match rich text editor */
+        ul {
+            list-style-type: disc;
+        }
+
+        blockquote {
+            color: #777;
+            border-left: 2px solid $blockquote-bar-color;
+            border-radius: 2px;
+            padding: 0 10px;
+
+            margin-block-start: 0;
+            margin-block-end: 0;
+            margin-inline-start: 0;
+            margin-inline-end: 0;
+        }
+
+        > pre {
+            font-size: $font-15px;
+            line-height: $font-24px;
+
+            margin-top: 0;
+            margin-bottom: 0;
+            padding: var(--cpd-space-2x) var(--cpd-space-3x);
+
+            background-color: $inlinecode-background-color;
+            border: 1px solid $inlinecode-border-color;
+            border-radius: 2px;
+        }
+
+        code:not(pre *) {
+            font-family: $monospace-font-family !important;
+            background-color: $inlinecode-background-color;
+            border: 1px solid $inlinecode-border-color;
+            border-radius: 4px;
+            padding: var(--cpd-space-0-5x);
+
+            &:empty {
+                border: unset;
+                padding: unset;
+            }
+        }
+
+        /* this selector represents what will become a pill
+        nb despite there being mx_UserPill and mx_RoomPill classes appended to these pills
+        in the current composer, there don't appear to be any styles associated with those classes
+        in this repo */
+        a[data-mention-type] {
+            /* combine mx_Pill from _Pill.pcss */
+            padding: $font-1px 0.4em;
+            line-height: $font-17px;
+            border-radius: $font-16px;
+            display: inline;
+            box-sizing: border-box;
+            max-width: 100%;
+            overflow: hidden;
+
+            color: var(--cpd-color-text-on-solid-primary);
+            background-color: $pill-bg-color;
+
+            /* ...with the overrides from _BasicMessageComposer.pcss */
+            user-select: all;
+            position: relative;
+            cursor: unset; /* We don't want indicate clickability */
+            text-overflow: ellipsis;
+            white-space: nowrap;
+
+            /* avatar pseudo element */
+            &::before {
+                /* After consolidation, all of the styling from _Pill.scss was being overridden,
+                so take what is in _BasicMessageComposer.pcss as the starting point */
+                display: inline-block;
+                content: var(--avatar-letter);
+                background: var(--avatar-background), $background;
+
+                width: $font-16px;
+                min-width: $font-16px; /* ensure the avatar is not compressed */
+                height: $font-16px;
+                line-height: $font-16px;
+                text-align: center;
+
+                /* Get the positioning of the avatar just right for consistency with timeline */
+                margin-inline-start: -0.4rem;
+                margin-inline-end: 0.24rem;
+                vertical-align: 0.12rem;
+
+                background-repeat: no-repeat;
+                background-size: $font-16px;
+                border-radius: $font-16px;
+
+                color: var(--avatar-color, $avatar-initial-color);
+                font-weight: bold;
+                font-size: $font-10-4px;
+            }
+        }
+    }
+
+    .mx_WysiwygComposer_Editor_content_placeholder::before {
+        content: var(--placeholder);
+        width: 0;
+        height: 0;
+        overflow: visible;
+        display: inline-block;
+        pointer-events: none;
+        white-space: nowrap;
+        color: var(--cpd-color-text-secondary);
+    }
+}
+
+.mx_WysiwygComposer_AutoCompleteWrapper {
+    position: relative;
+
+    /* Due to the fact that editing a message now has a larger amount of grey
+    colour above it (due to the rich text buttons above the composer), we need
+    to give the autocomplete a bit more visual separation by using a border.
+    */
+    > .mx_Autocomplete {
+        border: 1px solid $quinary-content;
+        border-radius: 8px;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/wysiwyg_composer/components/_FormattingButtons.pcss b/apps/web/res/css/views/rooms/wysiwyg_composer/components/_FormattingButtons.pcss
new file mode 100644
index 00000000000..f43f313b088
--- /dev/null
+++ b/apps/web/res/css/views/rooms/wysiwyg_composer/components/_FormattingButtons.pcss
@@ -0,0 +1,66 @@
+/*
+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_FormattingButtons {
+    display: flex;
+    justify-content: flex-start;
+    gap: 8px;
+
+    .mx_FormattingButtons_Button {
+        --size: 28px;
+        cursor: pointer;
+        height: var(--size);
+        width: var(--size);
+        background-color: transparent;
+        border: none;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 5px;
+    }
+
+    .mx_FormattingButtons_Button_hover {
+        &:hover {
+            background: $panels;
+
+            .mx_FormattingButtons_Icon {
+                color: $secondary-content;
+            }
+        }
+    }
+
+    .mx_FormattingButtons_active {
+        background: $accent-300;
+
+        .mx_FormattingButtons_Icon {
+            color: $accent;
+        }
+    }
+
+    .mx_FormattingButtons_disabled {
+        .mx_FormattingButtons_Icon {
+            color: $quinary-content;
+        }
+    }
+
+    .mx_FormattingButtons_Icon {
+        --size: 16px;
+        height: var(--size);
+        width: var(--size);
+        color: $tertiary-content;
+    }
+}
+
+.mx_FormattingButtons_Tooltip_KeyboardShortcut {
+    kbd {
+        text-align: center;
+        display: inline-block;
+        text-transform: capitalize;
+        font-family: Inter, sans-serif;
+    }
+}
diff --git a/apps/web/res/css/views/rooms/wysiwyg_composer/components/_LinkModal.pcss b/apps/web/res/css/views/rooms/wysiwyg_composer/components/_LinkModal.pcss
new file mode 100644
index 00000000000..254d8625b87
--- /dev/null
+++ b/apps/web/res/css/views/rooms/wysiwyg_composer/components/_LinkModal.pcss
@@ -0,0 +1,39 @@
+/*
+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_LinkModal {
+    padding: var(--cpd-space-8x);
+    max-width: 600px;
+    height: 341px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+
+    .mx_LinkModal_content {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        gap: var(--cpd-space-2x);
+        margin-top: 7px;
+
+        .mx_LinkModal_Field {
+            flex: initial;
+            height: 40px;
+        }
+
+        .mx_LinkModal_buttons {
+            display: flex;
+            flex: 1;
+            align-items: flex-end;
+
+            .mx_Dialog_buttons {
+                display: inline-block;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/settings/_AvatarSetting.pcss b/apps/web/res/css/views/settings/_AvatarSetting.pcss
new file mode 100644
index 00000000000..fc87bf422aa
--- /dev/null
+++ b/apps/web/res/css/views/settings/_AvatarSetting.pcss
@@ -0,0 +1,69 @@
+/*
+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_AvatarSetting_avatar {
+    width: 120px;
+    min-width: 120px; /* so it doesn't get crushed by the flexbox in languages with longer words */
+    height: 120px;
+    margin-top: 8px;
+    position: relative;
+
+    &.mx_AvatarSetting_avatarDisplay:hover .mx_AvatarSetting_hover {
+        opacity: 1;
+    }
+
+    & > * {
+        box-sizing: border-box;
+    }
+
+    .mx_AccessibleButton.mx_AccessibleButton_kind_primary {
+        margin-top: 8px;
+    }
+
+    .mx_AccessibleButton.mx_AccessibleButton_kind_link_sm {
+        width: 100%;
+    }
+
+    & > img {
+        display: block;
+        height: 120px;
+        width: inherit;
+        border-radius: 120px;
+        cursor: pointer;
+        object-fit: cover;
+    }
+
+    .mx_AvatarSetting_uploadButton {
+        width: 28px;
+        height: 28px;
+        border-radius: 32px;
+        border: 1px solid var(--cpd-color-bg-canvas-default);
+        background-color: var(--cpd-color-bg-canvas-default);
+
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        text-align: center;
+        cursor: pointer;
+
+        svg {
+            position: relative;
+            top: 3px;
+        }
+    }
+
+    .mx_AvatarSetting_uploadButton:hover,
+    .mx_AvatarSetting_uploadButton_active {
+        background-color: var(--cpd-color-bg-subtle-primary);
+    }
+}
+
+.mx_AvatarSetting_removeMenuItem svg,
+.mx_AvatarSetting_removeMenuItem span {
+    color: var(--cpd-color-text-critical-primary) !important;
+}
diff --git a/apps/web/res/css/views/settings/_FontScalingPanel.pcss b/apps/web/res/css/views/settings/_FontScalingPanel.pcss
new file mode 100644
index 00000000000..bfb8de9da72
--- /dev/null
+++ b/apps/web/res/css/views/settings/_FontScalingPanel.pcss
@@ -0,0 +1,35 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_FontScalingPanel_preview {
+    --FontScalingPanel_preview-padding-block: 9px;
+
+    border: 1px solid $quinary-content;
+    border-radius: 10px;
+    padding: 0 var(--cpd-space-4x) var(--FontScalingPanel_preview-padding-block) var(--cpd-space-4x);
+    pointer-events: none;
+    display: flow-root;
+
+    &.mx_IRCLayout {
+        padding-top: 9px;
+    }
+
+    .mx_EventTile[data-layout="bubble"] {
+        margin-top: 30px;
+    }
+
+    .mx_EventTile_msgOption {
+        display: none;
+    }
+}
+
+.mx_FontScalingPanel_Dropdown {
+    width: 120px;
+    /* Override default mx_Field margin */
+    margin-bottom: var(--cpd-space-2x) !important;
+}
diff --git a/apps/web/res/css/views/settings/_ImageSizePanel.pcss b/apps/web/res/css/views/settings/_ImageSizePanel.pcss
new file mode 100644
index 00000000000..8d6e879966f
--- /dev/null
+++ b/apps/web/res/css/views/settings/_ImageSizePanel.pcss
@@ -0,0 +1,26 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_ImageSizePanel_radios {
+    display: flex;
+    flex-direction: row;
+    gap: var(--cpd-space-4x);
+
+    > label {
+        margin-right: 68px; /* keep the boxes separate */
+        cursor: pointer;
+    }
+
+    .mx_ImageSizePanel_size {
+        display: block;
+        color: $quinary-content;
+        width: 221px;
+        height: 148px;
+        margin-bottom: 14px; /* move radio button away from bottom edge a bit */
+    }
+}
diff --git a/apps/web/res/css/views/settings/_IntegrationManager.pcss b/apps/web/res/css/views/settings/_IntegrationManager.pcss
new file mode 100644
index 00000000000..617185a8767
--- /dev/null
+++ b/apps/web/res/css/views/settings/_IntegrationManager.pcss
@@ -0,0 +1,42 @@
+/*
+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_IntegrationManager {
+    .mx_Dialog_border {
+        box-sizing: border-box;
+        width: 60%;
+        height: 70%;
+        max-width: initial;
+        max-height: initial;
+    }
+
+    .mx_Dialog {
+        padding: 0;
+        overflow: hidden;
+    }
+
+    iframe {
+        background-color: #fff;
+        border: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    h3 {
+        margin-block: var(--cpd-space-5x);
+    }
+
+    .mx_IntegrationManager_loading,
+    .mx_IntegrationManager_error {
+        text-align: center;
+    }
+
+    .mx_IntegrationManager_error h3 {
+        color: $alert;
+    }
+}
diff --git a/apps/web/res/css/views/settings/_JoinRuleSettings.pcss b/apps/web/res/css/views/settings/_JoinRuleSettings.pcss
new file mode 100644
index 00000000000..fcb21fca968
--- /dev/null
+++ b/apps/web/res/css/views/settings/_JoinRuleSettings.pcss
@@ -0,0 +1,85 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_JoinRuleSettings_upgradeRequired {
+    margin-left: 16px;
+    padding: 4px 16px;
+    border: 1px solid $accent;
+    border-radius: 8px;
+    color: $accent;
+    font-size: $font-12px;
+    line-height: $font-15px;
+}
+
+.mx_JoinRuleSettings_spacesWithAccess {
+    > h4 {
+        color: $secondary-content;
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: $font-12px;
+        line-height: $font-15px;
+        text-transform: uppercase;
+    }
+
+    > span {
+        font: var(--cpd-font-body-md-medium);
+        line-height: 32px; /* matches height of avatar for v-align */
+        color: $secondary-content;
+        display: inline-block;
+
+        .mx_BaseAvatar {
+            margin-right: 8px;
+        }
+
+        & + span {
+            margin-left: 16px;
+        }
+    }
+}
+
+.mx_JoinRuleSettings_radioButton {
+    padding-top: 16px;
+
+    .mx_StyledRadioButton_content {
+        margin-left: 14px;
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: $font-15px;
+        line-height: $font-24px;
+        color: $primary-content;
+        display: block;
+    }
+
+    &.mx_StyledRadioButton_disabled {
+        opacity: 0.5;
+    }
+
+    &.mx_StyledRadioButton_disabled + span {
+        opacity: 0.5;
+    }
+
+    & + span {
+        display: inline-block;
+        margin-left: 34px;
+        margin-bottom: 16px;
+        font-size: $font-15px;
+        line-height: $font-24px;
+        color: $secondary-content;
+
+        & + .mx_StyledRadioButton {
+            border-top: 1px solid $quinary-content;
+        }
+    }
+}
+
+.mx_JoinRuleSettings_labelledCheckbox {
+    font: var(--cpd-font-body-md-regular);
+    margin-top: var(--cpd-space-2x);
+}
+
+.mx_JoinRuleSettings_recommended {
+    color: $accent-1000;
+}
diff --git a/apps/web/res/css/views/settings/_KeyboardShortcut.pcss b/apps/web/res/css/views/settings/_KeyboardShortcut.pcss
new file mode 100644
index 00000000000..b35629c98f6
--- /dev/null
+++ b/apps/web/res/css/views/settings/_KeyboardShortcut.pcss
@@ -0,0 +1,22 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
+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.
+*/
+
+.mx_KeyboardShortcut {
+    kbd {
+        padding: 5px;
+        border-radius: 4px;
+        background-color: $background;
+        min-width: 20px;
+        text-align: center;
+        display: inline-block;
+        border: 1px solid $kbd-border-color;
+        box-shadow: 0 2px $kbd-border-color;
+        text-transform: capitalize;
+    }
+}
diff --git a/apps/web/res/css/views/settings/_LayoutSwitcher.pcss b/apps/web/res/css/views/settings/_LayoutSwitcher.pcss
new file mode 100644
index 00000000000..24991f95834
--- /dev/null
+++ b/apps/web/res/css/views/settings/_LayoutSwitcher.pcss
@@ -0,0 +1,90 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2020, 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.
+*/
+
+.mx_LayoutSwitcher_LayoutSelector {
+    display: flex;
+    flex-direction: column;
+    /**
+     * The settings form has a default gap of 10px
+     * We want to have a bigger gap between the layout options
+     */
+    gap: var(--cpd-space-4x) !important;
+
+    .mxLayoutSwitcher_LayoutSelector_LayoutRadio {
+        border: 1px solid var(--cpd-color-border-interactive-primary);
+        border-radius: var(--cpd-space-2x);
+
+        .mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline {
+            display: flex;
+            /*
+             * 10px
+             */
+            gap: calc(var(--cpd-space-2x) + var(--cpd-space-0-5x));
+            align-items: center;
+        }
+
+        .mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline,
+        .mxLayoutSwitcher_LayoutSelector_LayoutRadio_EventTilePreview {
+            margin: var(--cpd-space-3x);
+        }
+
+        /**
+         * Override the event tile style to make it fit in the selector
+         * Tweak also hover style and remove action bar
+         */
+        .mxLayoutSwitcher_LayoutSelector_LayoutRadio_EventTilePreview {
+            pointer-events: none;
+
+            .mx_EventTile {
+                margin: 0;
+
+                /**
+                 * Hide the message options and message action bar in the preview
+                 */
+                .mx_EventTile_msgOption,
+                .mx_MessageActionBar {
+                    display: none;
+                }
+
+                .mx_EventTile_content {
+                    margin-right: 0;
+                }
+
+                &[data-layout="group"] {
+                    margin-top: calc(var(--cpd-space-3x) * -1);
+                }
+
+                /**
+                 * Add margin to center the bubble
+                 */
+                &[data-layout="bubble"] {
+                    /**
+                     * Add the layout margin and the margin to vertically center the bubble
+                     */
+                    margin-top: var(--cpd-space-6x);
+                    margin-right: 34px;
+                    flex-shrink: 1;
+                }
+
+                &[data-layout="irc"] .mx_MessageTimestamp {
+                    display: none; /* hide the container used for spacing consistency */
+                }
+
+                .mx_EventTile_line {
+                    max-width: 100%;
+                }
+            }
+        }
+
+        .mxLayoutSwitcher_LayoutSelector_LayoutRadio_separator {
+            border-top: 0;
+            border-bottom: 1px solid var(--cpd-color-border-interactive-secondary);
+        }
+    }
+}
diff --git a/apps/web/res/css/views/settings/_NotificationPusherSettings.pcss b/apps/web/res/css/views/settings/_NotificationPusherSettings.pcss
new file mode 100644
index 00000000000..a8fc8f7e7d2
--- /dev/null
+++ b/apps/web/res/css/views/settings/_NotificationPusherSettings.pcss
@@ -0,0 +1,18 @@
+/*
+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.
+*/
+
+.mx_NotificationPusherSettings {
+    .mx_NotificationPusherSettings_description {
+        color: $primary-content;
+    }
+
+    .mx_NotificationPusherSettings_detail {
+        margin-top: -4px;
+        margin-bottom: 12px;
+    }
+}
diff --git a/apps/web/res/css/views/settings/_NotificationSettings2.pcss b/apps/web/res/css/views/settings/_NotificationSettings2.pcss
new file mode 100644
index 00000000000..6d215aa6459
--- /dev/null
+++ b/apps/web/res/css/views/settings/_NotificationSettings2.pcss
@@ -0,0 +1,66 @@
+/*
+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.
+*/
+
+.mx_SettingsTab .mx_NotificationSettings2 {
+    .mx_SettingsSection_subSections {
+        color: $primary-content;
+        gap: 32px;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .mx_SettingsSubsection_description {
+        margin-bottom: 20px;
+
+        .mx_SettingsSubsection_text {
+            .mx_NotificationSettings2_notificationBadge {
+                vertical-align: baseline;
+                display: inline-flex;
+                margin: 0 2px;
+            }
+        }
+    }
+
+    .mx_SettingsSubsection_content {
+        margin-top: 12px;
+        gap: 12px;
+        justify-items: stretch;
+        justify-content: stretch;
+    }
+
+    .mx_StyledRadioButton_content {
+        margin-left: 10px;
+        margin-right: 10px;
+    }
+
+    .mx_TagComposer {
+        margin-top: 16px;
+
+        &.mx_TagComposer_disabled {
+            opacity: 0.7;
+        }
+
+        .mx_TagComposer_tags {
+            margin-top: 16px;
+            gap: 8px;
+
+            .mx_Tag {
+                border-radius: 18px;
+                padding: 6px 12px;
+                background: $panel-actions;
+                margin: 0;
+
+                .mx_Tag_delete {
+                    background: $tertiary-content;
+                    color: #fff;
+                    align-self: initial;
+                }
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/settings/_Notifications.pcss b/apps/web/res/css/views/settings/_Notifications.pcss
new file mode 100644
index 00000000000..f47b71c70f6
--- /dev/null
+++ b/apps/web/res/css/views/settings/_Notifications.pcss
@@ -0,0 +1,95 @@
+/*
+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.
+*/
+
+.mx_UserNotifSettings_grid {
+    width: calc(100% + 12px); /* +12px to line up center of 'Noisy' column with toggle switches */
+    display: grid;
+    grid-template-columns: auto repeat(3, 62px);
+    place-items: center center;
+    gap: 8px;
+
+    /* Override StyledRadioButton default styles */
+    .mx_StyledRadioButton {
+        justify-content: center;
+
+        .mx_StyledRadioButton_content {
+            display: none;
+        }
+
+        .mx_StyledRadioButton_spacer {
+            display: none;
+        }
+    }
+
+    /* left align section heading */
+    .mx_SettingsSubsectionHeading {
+        justify-self: start;
+    }
+}
+
+.mx_UserNotifSettings_gridRowContainer {
+    display: contents;
+}
+
+.mx_UserNotifSettings_gridRow {
+    display: contents;
+}
+
+.mx_UserNotifSettings_gridRowLabel {
+    justify-self: start;
+    /* <legend> does not accept */
+    /* display: inline | inline-block */
+    /* force it inline using float */
+    float: left;
+}
+
+.mx_UserNotifSettings_gridColumnLabel {
+    color: $secondary-content;
+    font: var(--cpd-font-body-sm-semibold);
+}
+.mx_UserNotifSettings_gridRowError {
+    /* occupy full row */
+    grid-column: 1/-1;
+    justify-self: start;
+    padding-right: 30%;
+    /* collapse half of the grid-gap */
+    margin-top: calc(-1 * var(--cpd-space-1x));
+}
+
+.mx_UserNotifSettings_floatingSection {
+    margin-top: 40px;
+
+    & > div:first-child {
+        /* section header */
+        font-size: $font-18px;
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+
+    > table {
+        border-collapse: collapse;
+        border-spacing: 0;
+        margin-top: 8px;
+
+        tr > td:first-child {
+            /* Just for a bit of spacing */
+            padding-right: 8px;
+        }
+    }
+}
+
+.mx_UserNotifSettings_clearNotifsButton {
+    margin-top: 8px;
+}
+
+.mx_TagComposer {
+    margin-top: 35px; /* lots of distance from the last line of the table */
+}
+
+.mx_AccessibleButton.mx_NotificationSound_browse {
+    margin-right: 10px;
+}
diff --git a/apps/web/res/css/views/settings/_PhoneNumbers.pcss b/apps/web/res/css/views/settings/_PhoneNumbers.pcss
new file mode 100644
index 00000000000..9a5f1e49499
--- /dev/null
+++ b/apps/web/res/css/views/settings/_PhoneNumbers.pcss
@@ -0,0 +1,29 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 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_GeneralUserSettingsTab_section--discovery_existing_verification {
+    display: inline-flex;
+    align-items: center;
+
+    .mx_Field {
+        margin: 0 0 0 1em;
+    }
+}
+
+.mx_PhoneNumbers_input {
+    display: flex;
+    align-items: center;
+}
+
+.mx_PhoneNumbers_input > .mx_Field {
+    flex-grow: 1;
+}
+
+.mx_PhoneNumbers_country {
+    width: 80px;
+}
diff --git a/apps/web/res/css/views/settings/_PowerLevelSelector.pcss b/apps/web/res/css/views/settings/_PowerLevelSelector.pcss
new file mode 100644
index 00000000000..64c862742bb
--- /dev/null
+++ b/apps/web/res/css/views/settings/_PowerLevelSelector.pcss
@@ -0,0 +1,11 @@
+/*
+ * 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.
+ */
+
+.mx_PowerLevelSelector_Button {
+    align-self: flex-start;
+}
diff --git a/apps/web/res/css/views/settings/_RoomProfileSettings.pcss b/apps/web/res/css/views/settings/_RoomProfileSettings.pcss
new file mode 100644
index 00000000000..88b8e02642c
--- /dev/null
+++ b/apps/web/res/css/views/settings/_RoomProfileSettings.pcss
@@ -0,0 +1,48 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 , 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.
+*/
+
+.mx_RoomProfileSettings {
+    border-bottom: 1px solid $quinary-content;
+
+    .mx_RoomProfileSettings_profile {
+        display: flex;
+
+        .mx_RoomProfileSettings_profile_controls {
+            flex-grow: 1;
+            margin-inline-end: 54px;
+
+            .mx_Field {
+                margin-top: var(--cpd-space-2x);
+            }
+
+            .mx_RoomProfileSettings_profile_controls_topic {
+                margin-top: var(--cpd-space-2x);
+
+                & > textarea {
+                    font-family: inherit;
+                    resize: vertical;
+                }
+
+                &.mx_RoomProfileSettings_profile_controls_topic--room textarea {
+                    min-height: 4em;
+                }
+            }
+
+            .mx_RoomProfileSettings_profile_controls_userId {
+                margin-inline-end: var(--cpd-space-5x);
+            }
+        }
+    }
+
+    .mx_RoomProfileSettings_buttons {
+        display: flex;
+        gap: var(--cpd-space-4x);
+        margin-top: 10px; /* 18px is already accounted for by the <p> above the buttons */
+        margin-bottom: var(--cpd-space-7x);
+    }
+}
diff --git a/apps/web/res/css/views/settings/_SetIntegrationManager.pcss b/apps/web/res/css/views/settings/_SetIntegrationManager.pcss
new file mode 100644
index 00000000000..4832622c526
--- /dev/null
+++ b/apps/web/res/css/views/settings/_SetIntegrationManager.pcss
@@ -0,0 +1,19 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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_SetIntegrationManager {
+    .mx_SetIntegrationManager_heading_manager {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        column-gap: var(--cpd-space-1x);
+    }
+    form {
+        margin-top: var(--cpd-space-3x);
+    }
+}
diff --git a/apps/web/res/css/views/settings/_SettingsFieldset.pcss b/apps/web/res/css/views/settings/_SettingsFieldset.pcss
new file mode 100644
index 00000000000..72db10f2543
--- /dev/null
+++ b/apps/web/res/css/views/settings/_SettingsFieldset.pcss
@@ -0,0 +1,41 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_SettingsFieldset {
+    box-sizing: content-box;
+}
+
+.mx_SettingsFieldset_legend {
+    font: var(--cpd-font-heading-md-semibold);
+    font-weight: var(--cpd-font-weight-semibold);
+    display: block;
+    color: $primary-content;
+    margin-bottom: 10px;
+    margin-top: 12px;
+}
+
+.mx_SettingsFieldset_description {
+    display: block;
+    margin-top: 0;
+    margin-bottom: 10px;
+
+    p {
+        margin-top: 10px;
+        margin-bottom: 0;
+
+        &:first-child {
+            margin: 0;
+        }
+    }
+}
+
+.mx_SettingsFieldset_content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--cpd-space-2x);
+}
diff --git a/apps/web/res/css/views/settings/_SettingsHeader.pcss b/apps/web/res/css/views/settings/_SettingsHeader.pcss
new file mode 100644
index 00000000000..e1c470214f9
--- /dev/null
+++ b/apps/web/res/css/views/settings/_SettingsHeader.pcss
@@ -0,0 +1,28 @@
+/*
+ * Copyright 2024 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_SettingsHeader {
+    display: flex;
+    align-items: center;
+    gap: var(--cpd-space-2x);
+    /* Override margin from common.pcss */
+    margin: 0;
+
+    > span {
+        font: var(--cpd-font-body-sm-medium);
+        color: var(--cpd-color-text-action-accent);
+    }
+
+    &.mx_SettingsHeader_recommended::after {
+        display: inline-block;
+        content: "";
+        width: 8px;
+        height: 8px;
+        background-color: var(--cpd-color-icon-critical-primary);
+        clip-path: circle(4px);
+    }
+}
diff --git a/apps/web/res/css/views/settings/_SettingsSubheader.pcss b/apps/web/res/css/views/settings/_SettingsSubheader.pcss
new file mode 100644
index 00000000000..276421e5be5
--- /dev/null
+++ b/apps/web/res/css/views/settings/_SettingsSubheader.pcss
@@ -0,0 +1,27 @@
+/*
+ * Copyright 2024 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_SettingsSubheader {
+    display: flex;
+    flex-direction: column;
+    gap: var(--cpd-space-2x);
+
+    > span {
+        display: flex;
+        align-items: center;
+        gap: var(--cpd-space-2x);
+        font: var(--cpd-font-body-sm-medium);
+    }
+
+    .mx_SettingsSubheader_success {
+        color: var(--cpd-color-text-success-primary);
+    }
+
+    .mx_SettingsSubheader_error {
+        color: var(--cpd-color-text-critical-primary);
+    }
+}
diff --git a/apps/web/res/css/views/settings/_SpellCheckLanguages.pcss b/apps/web/res/css/views/settings/_SpellCheckLanguages.pcss
new file mode 100644
index 00000000000..46ebae475b3
--- /dev/null
+++ b/apps/web/res/css/views/settings/_SpellCheckLanguages.pcss
@@ -0,0 +1,21 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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.
+*/
+
+.mx_ExistingSpellCheckLanguage {
+    display: flex;
+    align-items: center;
+}
+
+.mx_ExistingSpellCheckLanguage_language {
+    flex: 1;
+    margin-right: 10px;
+}
+
+.mx_GeneralUserSettingsTab_spellCheckLanguageInput {
+    margin-bottom: var(--cpd-space-2x);
+}
diff --git a/apps/web/res/css/views/settings/_ThemeChoicePanel.pcss b/apps/web/res/css/views/settings/_ThemeChoicePanel.pcss
new file mode 100644
index 00000000000..d5e9f5c619d
--- /dev/null
+++ b/apps/web/res/css/views/settings/_ThemeChoicePanel.pcss
@@ -0,0 +1,87 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_ThemeChoicePanel_ThemeSelectors {
+    display: flex;
+    flex-wrap: wrap;
+    /* Override form default style */
+    flex-direction: row !important;
+    gap: var(--cpd-space-4x) !important;
+
+    .mx_ThemeChoicePanel_themeSelector {
+        border: 1px solid var(--cpd-color-border-interactive-secondary);
+        border-radius: var(--cpd-space-1-5x);
+        padding: var(--cpd-space-3x) var(--cpd-space-5x) var(--cpd-space-3x) var(--cpd-space-3x);
+        gap: var(--cpd-space-2x);
+        background-color: var(--cpd-color-bg-canvas-default);
+
+        &.mx_ThemeChoicePanel_themeSelector_enabled {
+            border-color: var(--cpd-color-border-interactive-primary);
+        }
+
+        &.mx_ThemeChoicePanel_themeSelector_disabled {
+            border-color: var(--cpd-color-border-disabled);
+
+            .mx_ThemeChoicePanel_themeSelector_Label {
+                color: var(--cpd-color-text-disabled);
+                cursor: not-allowed;
+            }
+        }
+
+        .mx_ThemeChoicePanel_themeSelector_Label {
+            font: var(--cpd-font-body-md-semibold);
+        }
+
+        &:not(.mx_ThemeChoicePanel_themeSelector_disabled) {
+            .mx_ThemeChoicePanel_themeSelector_Label {
+                color: var(--cpd-color-text-primary);
+            }
+        }
+    }
+}
+
+.mx_ThemeChoicePanel_CustomTheme {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: var(--cpd-space-4x);
+
+    .mx_ThemeChoicePanel_CustomTheme_EditInPlace input:focus {
+        /*
+         * When the input is focused, the border is growing
+         * We need to move it a bit to avoid the left border to be under the left panel
+         */
+        margin-left: var(--cpd-space-0-5x);
+    }
+
+    .mx_ThemeChoicePanel_CustomThemeList {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-4x);
+        /*
+         * Override the default padding/margin of the list
+         */
+        padding: 0;
+        margin: 0;
+
+        .mx_ThemeChoicePanel_CustomThemeList_theme {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background-color: var(--cpd-color-gray-200);
+            padding: var(--cpd-space-2x) var(--cpd-space-2x) var(--cpd-space-2x) var(--cpd-space-4x);
+
+            .mx_ThemeChoicePanel_CustomThemeList_name {
+                font: var(--cpd-font-body-sm-semibold);
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/settings/_UpdateCheckButton.pcss b/apps/web/res/css/views/settings/_UpdateCheckButton.pcss
new file mode 100644
index 00000000000..e0cab2ad5a9
--- /dev/null
+++ b/apps/web/res/css/views/settings/_UpdateCheckButton.pcss
@@ -0,0 +1,11 @@
+/*
+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.
+*/
+
+.mx_UpdateCheckButton_summary {
+    margin-left: 16px;
+}
diff --git a/apps/web/res/css/views/settings/_UserPersonalInfoSettings.pcss b/apps/web/res/css/views/settings/_UserPersonalInfoSettings.pcss
new file mode 100644
index 00000000000..686f0aaa3e4
--- /dev/null
+++ b/apps/web/res/css/views/settings/_UserPersonalInfoSettings.pcss
@@ -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.
+*/
+
+.mx_UserPersonalInfoSettings {
+    h2 {
+        margin: var(--cpd-space-4x) 0;
+    }
+}
diff --git a/apps/web/res/css/views/settings/_UserProfileSettings.pcss b/apps/web/res/css/views/settings/_UserProfileSettings.pcss
new file mode 100644
index 00000000000..67750b943f7
--- /dev/null
+++ b/apps/web/res/css/views/settings/_UserProfileSettings.pcss
@@ -0,0 +1,67 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 , 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.
+*/
+
+.mx_UserProfileSettings {
+    border-bottom: 1px solid $quinary-content;
+
+    h2 {
+        margin: var(--cpd-space-4x) 0;
+    }
+
+    .mx_UserProfileSettings_profile {
+        display: flex;
+        margin-top: var(--cpd-space-6x);
+        gap: 16px;
+
+        .mx_UserProfileSettings_profile_displayName {
+            flex-grow: 0;
+            width: 100%;
+            gap: 0;
+        }
+        .mx_UserProfileSettings_profile_nameAndStatus {
+            width: 100%;
+            gap: 16px;
+        }
+    }
+
+    .mx_UserProfileSettings_profile_controls {
+        flex-grow: 1;
+    }
+
+    .mx_UserProfileSettings_profile_controls_userId {
+        width: 100%;
+        margin-top: var(--cpd-space-4x);
+        .mx_CopyableText {
+            margin-top: var(--cpd-space-1x);
+            width: 100%;
+            box-sizing: border-box;
+        }
+    }
+
+    .mx_UserProfileSettings_profile_controls_userId_label {
+        font-size: 15px;
+        font-weight: 500;
+    }
+
+    .mx_UserProfileSettings_profile_buttons {
+        margin-top: var(--cpd-space-8x);
+        margin-bottom: var(--cpd-space-8x);
+    }
+
+    .mx_UserProfileSettings_accountmanageIcon {
+        margin-right: var(--cpd-space-2x);
+    }
+}
+
+@media (max-width: 768px) {
+    .mx_UserProfileSettings_profile {
+        flex-direction: column;
+        align-items: center;
+        gap: 30px;
+    }
+}
diff --git a/apps/web/res/css/views/settings/encryption/_AdvancedPanel.pcss b/apps/web/res/css/views/settings/encryption/_AdvancedPanel.pcss
new file mode 100644
index 00000000000..a0f53f87bd1
--- /dev/null
+++ b/apps/web/res/css/views/settings/encryption/_AdvancedPanel.pcss
@@ -0,0 +1,52 @@
+/*
+ * Copyright 2024 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_EncryptionDetails,
+.mx_OtherSettings {
+    display: flex;
+    flex-direction: column;
+    /* !important override compound form */
+    gap: var(--cpd-space-6x) !important;
+    width: 100%;
+    align-items: start;
+
+    .mx_EncryptionDetails_session_title,
+    .mx_OtherSettings_title {
+        font: var(--cpd-font-body-lg-semibold);
+        padding-bottom: var(--cpd-space-2x);
+        border-bottom: 1px solid var(--cpd-color-gray-400);
+        width: 100%;
+        margin: 0;
+    }
+}
+
+.mx_EncryptionDetails {
+    .mx_EncryptionDetails_session {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-4x);
+        width: 100%;
+
+        > div {
+            display: flex;
+
+            > span {
+                width: 50%;
+                word-wrap: break-word;
+            }
+        }
+
+        > div:nth-child(odd) {
+            background-color: var(--cpd-color-gray-200);
+        }
+    }
+
+    .mx_EncryptionDetails_buttons {
+        display: flex;
+        gap: var(--cpd-space-4x);
+    }
+}
diff --git a/apps/web/res/css/views/settings/encryption/_ChangeRecoveryKey.pcss b/apps/web/res/css/views/settings/encryption/_ChangeRecoveryKey.pcss
new file mode 100644
index 00000000000..e37000931fc
--- /dev/null
+++ b/apps/web/res/css/views/settings/encryption/_ChangeRecoveryKey.pcss
@@ -0,0 +1,95 @@
+/*
+ * Copyright 2024 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_ChangeRecoveryKey {
+    .mx_InformationPanel_description {
+        text-align: center;
+    }
+
+    .mx_ChangeRecoveryKey_Form {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-8x);
+
+        .mx_ChangeRecoveryKey_footer {
+            display: flex;
+            flex-direction: column;
+            gap: var(--cpd-space-4x);
+            justify-content: center;
+        }
+    }
+
+    .mx_KeyPanel {
+        display: grid;
+        grid-template:
+            "header button" auto
+            "content button" auto / 1fr;
+
+        column-gap: var(--cpd-space-3x);
+        row-gap: var(--cpd-space-1x);
+        align-items: center;
+
+        > span {
+            grid-area: header;
+        }
+
+        > div {
+            grid-area: content;
+            display: flex;
+            flex-direction: column;
+            gap: var(--cpd-space-2x);
+            color: var(--cpd-color-text-secondary);
+
+            .mx_KeyPanel_key {
+                font-family: "Fira Code", monospace;
+                /*
+                 * From figma https://www.figma.com/design/qTWRfItpO3RdCjnTKPu4mL/Settings?node-id=375-77471&t=t7lozYrSI1AVZZ3U-4
+                 */
+                height: 70px;
+                box-sizing: border-box;
+                border-radius: var(--cpd-space-2x);
+                padding: var(--cpd-space-3x) var(--cpd-space-4x);
+                background-color: var(--cpd-color-bg-subtle-secondary);
+            }
+        }
+
+        > button {
+            margin: 0 var(--cpd-space-1x);
+            grid-area: button;
+            color: var(--cpd-color-icon-secondary-alpha);
+        }
+    }
+
+    .mx_KeyForm {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-8x);
+
+        .mx_KeyForm_password {
+            > input[name="recoveryKey"] {
+                /*
+                 * From figma https://www.figma.com/design/qTWRfItpO3RdCjnTKPu4mL/Settings?node-id=375-77506&t=d82NdRBDoKsUe1C9-4
+                 */
+                height: 70px;
+                padding: var(--cpd-space-3x) var(--cpd-space-3x) var(--cpd-space-3x) var(--cpd-space-4x);
+                border: var(--cpd-border-width-1) solid;
+                border-radius: 8px;
+                margin: 0px;
+            }
+
+            > button {
+                /*
+                 * See figma https://www.figma.com/design/qTWRfItpO3RdCjnTKPu4mL/Settings?node-id=375-77506&t=d82NdRBDoKsUe1C9-4
+                 * Avoid stretching the hide/show symbol to the height of the input, and centre it vertically.
+                 */
+                height: 24.5px;
+                padding: var(--cpd-space-1x);
+                align-self: center;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/settings/encryption/_EncryptionCard.pcss b/apps/web/res/css/views/settings/encryption/_EncryptionCard.pcss
new file mode 100644
index 00000000000..5aba3fe7d75
--- /dev/null
+++ b/apps/web/res/css/views/settings/encryption/_EncryptionCard.pcss
@@ -0,0 +1,47 @@
+/*
+ * Copyright 2024 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_EncryptionCard {
+    display: flex;
+    flex-direction: column;
+    gap: var(--cpd-space-8x);
+    padding: var(--cpd-space-10x);
+    border-radius: var(--cpd-space-4x);
+    /* From figma */
+    box-shadow: 0 1.2px 2.4px 0 rgb(27, 29, 34, 0.15);
+    border: 1px solid var(--cpd-color-gray-400);
+
+    .mx_EncryptionCard_header {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-4x);
+        align-items: center;
+
+        > h2 {
+            margin: 0;
+        }
+
+        > span {
+            color: var(--cpd-color-text-secondary);
+            text-align: center;
+        }
+    }
+
+    /* extra class for specifying that we don't need a border */
+    &.mx_EncryptionCard_noBorder {
+        border: 0px none;
+        box-shadow: none;
+        padding: 0px;
+    }
+}
+
+.mx_EncryptionCard_buttons {
+    display: flex;
+    flex-direction: column;
+    gap: var(--cpd-space-4x);
+    justify-content: center;
+}
diff --git a/apps/web/res/css/views/settings/encryption/_EncryptionCardEmphasisedContent.pcss b/apps/web/res/css/views/settings/encryption/_EncryptionCardEmphasisedContent.pcss
new file mode 100644
index 00000000000..6b18fcff650
--- /dev/null
+++ b/apps/web/res/css/views/settings/encryption/_EncryptionCardEmphasisedContent.pcss
@@ -0,0 +1,13 @@
+/*
+ * Copyright 2024 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_EncryptionCard_emphasisedContent {
+    span {
+        font: var(--cpd-font-body-md-medium);
+        text-align: center;
+    }
+}
diff --git a/apps/web/res/css/views/settings/encryption/_RecoveryPanelOutOfSync.pcss b/apps/web/res/css/views/settings/encryption/_RecoveryPanelOutOfSync.pcss
new file mode 100644
index 00000000000..fc6ba7d9593
--- /dev/null
+++ b/apps/web/res/css/views/settings/encryption/_RecoveryPanelOutOfSync.pcss
@@ -0,0 +1,11 @@
+/*
+ * 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_RecoveryPanelOutOfSync {
+    display: flex;
+    gap: var(--cpd-space-2x);
+}
diff --git a/apps/web/res/css/views/settings/encryption/_ResetIdentityPanel.pcss b/apps/web/res/css/views/settings/encryption/_ResetIdentityPanel.pcss
new file mode 100644
index 00000000000..40b75b13500
--- /dev/null
+++ b/apps/web/res/css/views/settings/encryption/_ResetIdentityPanel.pcss
@@ -0,0 +1,11 @@
+/*
+ * Copyright 2024 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.
+ */
+
+/* Red text for the "Do not close this window" warning */
+.mx_ResetIdentityPanel_warning {
+    color: var(--cpd-color-text-critical-primary);
+}
diff --git a/apps/web/res/css/views/settings/tabs/_SettingsBanner.pcss b/apps/web/res/css/views/settings/tabs/_SettingsBanner.pcss
new file mode 100644
index 00000000000..70a19da146e
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/_SettingsBanner.pcss
@@ -0,0 +1,25 @@
+/*
+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.
+*/
+
+.mx_SettingsBanner {
+    background: $system;
+    border-radius: 8px;
+    padding: 12px 16px;
+    gap: 12px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    .mx_SettingsBanner_content {
+        margin: 0;
+    }
+
+    .mx_AccessibleButton {
+        white-space: nowrap;
+    }
+}
diff --git a/apps/web/res/css/views/settings/tabs/_SettingsIndent.pcss b/apps/web/res/css/views/settings/tabs/_SettingsIndent.pcss
new file mode 100644
index 00000000000..96e8245a863
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/_SettingsIndent.pcss
@@ -0,0 +1,14 @@
+/*
+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.
+*/
+
+.mx_SettingsIndent {
+    padding-left: 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
diff --git a/apps/web/res/css/views/settings/tabs/_SettingsSection.pcss b/apps/web/res/css/views/settings/tabs/_SettingsSection.pcss
new file mode 100644
index 00000000000..4c8009a1444
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/_SettingsSection.pcss
@@ -0,0 +1,41 @@
+/*
+Copyright 2023, 2024 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_SettingsSection {
+    --SettingsTab_section-margin-bottom-preferences-labs: 30px;
+    --SettingsTab_heading_nth_child-margin-top: 30px;
+    --SettingsTab_tooltip-max-width: 20px; /* So it fits in the space provided by the page */
+
+    color: $primary-content;
+
+    /* Compound links carry data-kind and provide their own colour. */
+    a:not([data-kind]) {
+        color: $links;
+    }
+
+    &.mx_SettingsSection_newUi {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-6x);
+        align-items: start;
+    }
+
+    .mx_SettingsSection_header {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-3x);
+        color: var(--cpd-color-text-secondary);
+    }
+}
+
+.mx_SettingsSection_subSections {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    gap: var(--cpd-space-8x);
+
+    margin: var(--cpd-space-4x) 0;
+}
diff --git a/apps/web/res/css/views/settings/tabs/_SettingsTab.pcss b/apps/web/res/css/views/settings/tabs/_SettingsTab.pcss
new file mode 100644
index 00000000000..526217f4e96
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/_SettingsTab.pcss
@@ -0,0 +1,88 @@
+/*
+Copyright 2019-2024 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_SettingsTab {
+    --SettingsTab_tooltip-max-width: 120px; /* So it fits in the space provided by the page */
+
+    color: $primary-content;
+
+    /* Compound links carry data-kind and provide their own colour. */
+    a:not([data-kind]) {
+        color: $links;
+    }
+
+    form {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-3x);
+        flex-grow: 1;
+    }
+
+    /* never want full width buttons
+    event when other content is 100% width */
+    .mx_AccessibleButton {
+        align-self: flex-start;
+        justify-self: flex-start;
+    }
+
+    .mx_Field {
+        margin: 0;
+        flex: 1;
+    }
+}
+
+.mx_SettingsTab_warningText {
+    color: $alert;
+}
+
+.mx_SettingsTab_subsectionText {
+    color: $secondary-content;
+    font: var(--cpd-font-body-md-regular);
+    display: block;
+    margin-top: 10px;
+    margin-inline-end: 80px; /* Align with the rest of the view */
+    margin-bottom: 10px;
+    margin-inline-start: 0;
+}
+
+.mx_SettingsTab_section {
+    $end-gutter: 80px;
+
+    margin-bottom: var(--cpd-space-6x);
+
+    .mx_SettingsFlag {
+        margin-inline-end: $end-gutter;
+        margin-bottom: 10px;
+
+        .mx_SettingsFlag_label {
+            vertical-align: middle;
+            display: inline-block;
+            max-width: calc(100% - $font-48px); /* Force word wrap instead of colliding with the switch */
+            box-sizing: border-box;
+        }
+
+        .mx_ToggleSwitch {
+            float: inline-end;
+        }
+    }
+
+    > p {
+        margin-inline-end: $end-gutter;
+    }
+
+    &.mx_SettingsTab_subsectionText .mx_SettingsFlag {
+        margin-inline-end: 0 !important;
+    }
+}
+
+.mx_SettingsTab_sections {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: var(--cpd-space-8x);
+
+    padding-bottom: var(--cpd-space-4x);
+}
diff --git a/apps/web/res/css/views/settings/tabs/room/_NotificationSettingsTab.pcss b/apps/web/res/css/views/settings/tabs/room/_NotificationSettingsTab.pcss
new file mode 100644
index 00000000000..36c852c8df1
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/room/_NotificationSettingsTab.pcss
@@ -0,0 +1,38 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_NotificationSettingsTab_notificationsSection {
+    width: 360px;
+
+    .mx_StyledRadioButton {
+        flex-direction: row-reverse;
+        color: $primary-content;
+        font-size: $font-15px;
+        line-height: $font-18px;
+        font-weight: var(--cpd-font-weight-semibold);
+        margin-top: 16px;
+        position: relative;
+        align-items: center;
+
+        input + div {
+            margin-top: 8px;
+        }
+
+        .mx_NotificationSettingsTab_microCopy {
+            color: $secondary-content;
+            font-weight: normal;
+            font-size: $font-12px;
+            line-height: $font-15px;
+            margin-right: 32px;
+        }
+    }
+}
+
+input[type="file"].mx_NotificationSound_soundUpload {
+    display: none;
+}
diff --git a/apps/web/res/css/views/settings/tabs/room/_PeopleRoomSettingsTab.pcss b/apps/web/res/css/views/settings/tabs/room/_PeopleRoomSettingsTab.pcss
new file mode 100644
index 00000000000..5d649fe2d4d
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/room/_PeopleRoomSettingsTab.pcss
@@ -0,0 +1,53 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Nordeck IT + Consulting GmbH
+
+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_PeopleRoomSettingsTab_knock {
+    display: flex;
+    margin-top: var(--cpd-space-2x);
+}
+
+.mx_PeopleRoomSettingsTab_content {
+    flex-grow: 1;
+    margin: 0 var(--cpd-space-4x);
+}
+
+.mx_PeopleRoomSettingsTab_avatar {
+    align-self: flex-start;
+    flex-shrink: 0;
+}
+
+.mx_PeopleRoomSettingsTab_name {
+    font-weight: var(--cpd-font-weight-semibold);
+}
+
+.mx_PeopleRoomSettingsTab_timestamp {
+    color: $secondary-content;
+    margin-left: var(--cpd-space-1x);
+}
+
+.mx_PeopleRoomSettingsTab_userId {
+    color: $secondary-content;
+    display: block;
+    font-size: var(--cpd-font-size-body-sm);
+}
+
+.mx_PeopleRoomSettingsTab_seeMoreOrLess {
+    margin: var(--cpd-space-3x) 0 0;
+}
+
+.mx_PeopleRoomSettingsTab_action {
+    flex-shrink: 0;
+
+    + .mx_PeopleRoomSettingsTab_action {
+        margin-left: var(--cpd-space-3x);
+    }
+}
+
+.mx_PeopleRoomSettingsTab_paragraph {
+    margin: 0;
+}
diff --git a/apps/web/res/css/views/settings/tabs/room/_RolesRoomSettingsTab.pcss b/apps/web/res/css/views/settings/tabs/room/_RolesRoomSettingsTab.pcss
new file mode 100644
index 00000000000..390efb48cd8
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/room/_RolesRoomSettingsTab.pcss
@@ -0,0 +1,15 @@
+/*
+Copyright 2019-2024 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_RolesRoomSettingsTab_bannedList {
+    margin-bottom: 0;
+}
+
+.mx_RolesRoomSettingsTab_unbanBtn {
+    margin-right: 10px;
+    margin-bottom: 5px;
+}
diff --git a/apps/web/res/css/views/settings/tabs/room/_SecurityRoomSettingsTab.pcss b/apps/web/res/css/views/settings/tabs/room/_SecurityRoomSettingsTab.pcss
new file mode 100644
index 00000000000..1168b811053
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/room/_SecurityRoomSettingsTab.pcss
@@ -0,0 +1,20 @@
+/*
+Copyright 2019-2024 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_SecurityRoomSettingsTab_advancedSection {
+    margin-top: var(--cpd-space-4x);
+}
+
+.mx_SecurityRoomSettingsTab_warning {
+    display: flex;
+    align-items: center;
+    column-gap: var(--cpd-space-1x);
+
+    svg {
+        color: #ff0064; /* Match legacy icon colour until redesign */
+    }
+}
diff --git a/apps/web/res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.pcss b/apps/web/res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.pcss
new file mode 100644
index 00000000000..adc55b58f61
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.pcss
@@ -0,0 +1,13 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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.
+*/
+
+.mx_Field.mx_AppearanceUserSettingsTab_checkboxControlledField {
+    width: 256px;
+    /* Line up with Settings field toggle button */
+    margin-inline-start: 0;
+}
diff --git a/apps/web/res/css/views/settings/tabs/user/_HelpUserSettingsTab.pcss b/apps/web/res/css/views/settings/tabs/user/_HelpUserSettingsTab.pcss
new file mode 100644
index 00000000000..972d0d7ede8
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/user/_HelpUserSettingsTab.pcss
@@ -0,0 +1,12 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2019 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_HelpUserSettingsTab_accessTokenDetails {
+    width: fit-content;
+}
diff --git a/apps/web/res/css/views/settings/tabs/user/_KeyboardUserSettingsTab.pcss b/apps/web/res/css/views/settings/tabs/user/_KeyboardUserSettingsTab.pcss
new file mode 100644
index 00000000000..1459f71fe70
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/user/_KeyboardUserSettingsTab.pcss
@@ -0,0 +1,32 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
+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.
+*/
+
+.mx_KeyboardShortcut_shortcutList {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    display: grid;
+    gap: var(--cpd-space-1x);
+}
+
+.mx_KeyboardShortcut_shortcutRow,
+.mx_KeyboardShortcut {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.mx_KeyboardShortcut_shortcutRow {
+    column-gap: var(--cpd-space-2x);
+}
+
+.mx_KeyboardShortcut {
+    flex-wrap: nowrap;
+    column-gap: var(--cpd-space-1x);
+}
diff --git a/apps/web/res/css/views/settings/tabs/user/_MediaPreviewAccountSettings.pcss b/apps/web/res/css/views/settings/tabs/user/_MediaPreviewAccountSettings.pcss
new file mode 100644
index 00000000000..b8f6209139d
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/user/_MediaPreviewAccountSettings.pcss
@@ -0,0 +1,29 @@
+/*
+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_MediaPreviewAccountSetting_Radio {
+    margin: var(--cpd-space-1x) 0;
+}
+
+.mx_MediaPreviewAccountSetting {
+    margin-top: var(--cpd-space-1x);
+}
+
+.mx_MediaPreviewAccountSetting_RadioHelp {
+    /* !important because it's overriding compound help message */
+    margin-top: 0 !important;
+    margin-bottom: var(--cpd-space-1x);
+}
+
+.mx_MediaPreviewAccountSetting_Form {
+    width: 100%;
+}
+
+.mx_MediaPreviewAccountSetting_ToggleSwitch {
+    font: var(--cpd-font-body-md-medium);
+    letter-spacing: var(--cpd-font-letter-spacing-body-md);
+}
diff --git a/apps/web/res/css/views/settings/tabs/user/_MjolnirUserSettingsTab.pcss b/apps/web/res/css/views/settings/tabs/user/_MjolnirUserSettingsTab.pcss
new file mode 100644
index 00000000000..3caec3d08f3
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/user/_MjolnirUserSettingsTab.pcss
@@ -0,0 +1,11 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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_MjolnirUserSettingsTab_listItem {
+    margin-bottom: 2px;
+}
diff --git a/apps/web/res/css/views/settings/tabs/user/_PreferencesUserSettingsTab.pcss b/apps/web/res/css/views/settings/tabs/user/_PreferencesUserSettingsTab.pcss
new file mode 100644
index 00000000000..f5b580a14ea
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/user/_PreferencesUserSettingsTab.pcss
@@ -0,0 +1,13 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2024 The Matrix.org Foundation C.I.C.
+Copyright 2019 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_PreferencesUserSettingsTab_section_hint {
+    font: var(--cpd-font-body-sm-regular);
+    color: var(--cpd-color-text-secondary);
+}
diff --git a/apps/web/res/css/views/settings/tabs/user/_SecurityUserSettingsTab.pcss b/apps/web/res/css/views/settings/tabs/user/_SecurityUserSettingsTab.pcss
new file mode 100644
index 00000000000..00a19d1606b
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/user/_SecurityUserSettingsTab.pcss
@@ -0,0 +1,42 @@
+/*
+Copyright 2019-2024 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_SecurityUserSettingsTab_bulkOptions {
+    display: flex;
+    flex-direction: row;
+    column-gap: var(--cpd-space-2x);
+}
+
+.mx_SecurityUserSettingsTab_ignoredUsers {
+    padding-left: 0;
+    margin: 0;
+    list-style: none;
+}
+
+.mx_SecurityUserSettingsTab_ignoredUser {
+    margin-bottom: var(--cpd-space-1x);
+}
+
+.mx_SecurityUserSettingsTab_ignoredUser .mx_AccessibleButton {
+    margin-right: var(--cpd-space-2x);
+}
+
+.mx_SecurityUserSettingsTab_warning {
+    color: $alert;
+
+    svg {
+        width: 24px;
+        height: 24px;
+        margin-right: var(--cpd-space-4x);
+        color: $alert;
+    }
+}
+
+form.mx_SecurityUserSettingsTab_posthogSection {
+    /* Inhibit compound spacing here as it clashes with pre-compound UI */
+    display: contents !important;
+}
diff --git a/apps/web/res/css/views/settings/tabs/user/_SidebarUserSettingsTab.pcss b/apps/web/res/css/views/settings/tabs/user/_SidebarUserSettingsTab.pcss
new file mode 100644
index 00000000000..a8d45f9f77a
--- /dev/null
+++ b/apps/web/res/css/views/settings/tabs/user/_SidebarUserSettingsTab.pcss
@@ -0,0 +1,25 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_SidebarUserSettingsTab_homeAllRoomsCheckbox {
+    margin-left: 24px;
+
+    & + div {
+        margin-left: 48px;
+    }
+}
+
+.mx_SidebarUserSettingsTab_icon {
+    margin-right: var(--cpd-space-2x);
+    margin-top: auto;
+    margin-bottom: auto;
+}
+
+.mx_SidebarUserSettingsTab_checkbox label {
+    display: flex;
+}
diff --git a/apps/web/res/css/views/spaces/_SpaceBasicSettings.pcss b/apps/web/res/css/views/spaces/_SpaceBasicSettings.pcss
new file mode 100644
index 00000000000..211ac25068d
--- /dev/null
+++ b/apps/web/res/css/views/spaces/_SpaceBasicSettings.pcss
@@ -0,0 +1,58 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_SpaceBasicSettings {
+    .mx_Field {
+        margin: 24px 0;
+    }
+
+    .mx_SpaceBasicSettings_avatarContainer {
+        display: flex;
+        margin-top: 24px;
+
+        .mx_SpaceBasicSettings_avatar {
+            height: 80px;
+            width: 80px;
+            background-color: $tertiary-content;
+            border-radius: 16px;
+            object-fit: cover;
+
+            svg {
+                width: 20px;
+                height: 20px;
+                padding: 30px;
+                color: #ffffff; /* white icon fill */
+            }
+        }
+
+        > input[type="file"] {
+            display: none;
+        }
+
+        > .mx_AccessibleButton_kind_link {
+            display: inline-block;
+            margin: auto 18px;
+            color: $links;
+            font: var(--cpd-font-body-md-regular);
+        }
+
+        > .mx_SpaceBasicSettings_avatar_remove {
+            color: $alert;
+        }
+    }
+
+    .mx_AccessibleButton_hasKind {
+        margin-left: auto;
+        display: block;
+        width: min-content;
+    }
+
+    .mx_AccessibleButton_disabled {
+        cursor: not-allowed;
+    }
+}
diff --git a/apps/web/res/css/views/spaces/_SpaceChildrenPicker.pcss b/apps/web/res/css/views/spaces/_SpaceChildrenPicker.pcss
new file mode 100644
index 00000000000..abc51e5dddc
--- /dev/null
+++ b/apps/web/res/css/views/spaces/_SpaceChildrenPicker.pcss
@@ -0,0 +1,27 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_SpaceChildrenPicker {
+    margin: 16px 0;
+
+    .mx_StyledRadioButton + .mx_StyledRadioButton {
+        margin-top: 16px;
+    }
+
+    .mx_SearchBox {
+        /* To match the space around the title */
+        margin: 0 0 15px 0;
+        flex-grow: 0;
+        border-radius: 8px;
+    }
+
+    .mx_SpaceChildrenPicker_noResults {
+        display: block;
+        margin-top: 24px;
+    }
+}
diff --git a/apps/web/res/css/views/spaces/_SpaceCreateMenu.pcss b/apps/web/res/css/views/spaces/_SpaceCreateMenu.pcss
new file mode 100644
index 00000000000..6c6d50fffca
--- /dev/null
+++ b/apps/web/res/css/views/spaces/_SpaceCreateMenu.pcss
@@ -0,0 +1,61 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+.mx_SpaceCreateMenu_wrapper {
+    /* background blur everything except SpacePanel */
+    .mx_ContextualMenu_background {
+        background-color: $dialog-backdrop-color;
+        opacity: 0.6;
+        left: 68px;
+    }
+
+    .mx_ContextualMenu {
+        padding: 24px;
+        width: 480px;
+        box-sizing: border-box;
+        background-color: $background;
+        position: relative;
+
+        > div {
+            > h2 {
+                font: var(--cpd-font-heading-sm-semibold);
+                font-size: $font-18px;
+                margin-top: 4px;
+            }
+
+            > p {
+                font-size: $font-15px;
+                color: $secondary-content;
+            }
+        }
+
+        .mx_SpaceCreateMenu_back {
+            width: 24px;
+            height: 24px;
+            padding: var(--cpd-space-0-5x);
+            background-color: $panel-actions;
+            border-radius: 14px;
+            margin-bottom: 12px;
+
+            svg {
+                color: $tertiary-content;
+            }
+        }
+
+        .mx_AccessibleButton_kind_primary {
+            padding: 8px 22px;
+            margin-left: auto;
+            display: block;
+            width: min-content;
+        }
+
+        .mx_AccessibleButton_disabled {
+            cursor: not-allowed;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/terms/_InlineTermsAgreement.pcss b/apps/web/res/css/views/terms/_InlineTermsAgreement.pcss
new file mode 100644
index 00000000000..3b1184ec9df
--- /dev/null
+++ b/apps/web/res/css/views/terms/_InlineTermsAgreement.pcss
@@ -0,0 +1,26 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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_InlineTermsAgreement_cbContainer {
+    margin-top: var(--cpd-space-4x);
+    margin-bottom: 10px;
+    font: var(--cpd-font-body-md-regular);
+
+    a {
+        color: $accent;
+        text-decoration: none;
+    }
+
+    .mx_InlineTermsAgreement_checkbox {
+        margin-top: 10px;
+
+        input {
+            vertical-align: text-bottom;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/toasts/_AnalyticsToast.pcss b/apps/web/res/css/views/toasts/_AnalyticsToast.pcss
new file mode 100644
index 00000000000..4b6225f06e4
--- /dev/null
+++ b/apps/web/res/css/views/toasts/_AnalyticsToast.pcss
@@ -0,0 +1,23 @@
+/*
+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.
+*/
+
+.mx_AnalyticsToast {
+    .mx_AccessibleButton_kind_danger_outline {
+        background-color: $accent;
+        color: #ffffff;
+        border: 1px solid $accent;
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+
+    .mx_AccessibleButton_kind_primary {
+        background-color: $accent;
+        color: #ffffff;
+        border: 1px solid $accent;
+        font-weight: var(--cpd-font-weight-semibold);
+    }
+}
diff --git a/apps/web/res/css/views/toasts/_IncomingCallToast.pcss b/apps/web/res/css/views/toasts/_IncomingCallToast.pcss
new file mode 100644
index 00000000000..428f0884dcc
--- /dev/null
+++ b/apps/web/res/css/views/toasts/_IncomingCallToast.pcss
@@ -0,0 +1,63 @@
+/*
+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_IncomingCallToast {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    pointer-events: initial; /* restore pointer events so the user can accept/decline */
+
+    .mx_IncomingCallToast_content {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-4x);
+        width: 100%;
+        overflow: hidden;
+
+        .mx_IncomingCallToast_title {
+            display: grid;
+            grid-template-columns: auto 1fr auto;
+            align-items: center;
+            gap: var(--cpd-space-2x);
+
+            h2 {
+                margin: 0;
+            }
+
+            .mx_IncomingCallToast_expandButton {
+                padding: var(--cpd-space-1x);
+                color: var(--cpd-color-icon-secondary);
+                transition: color 0.1s;
+
+                &:hover {
+                    color: var(--cpd-color-icon-primary);
+                }
+
+                & > svg {
+                    display: block;
+                }
+            }
+        }
+
+        .mx_IncomingCallToast_avatars {
+            display: inline-block;
+            vertical-align: top;
+        }
+
+        .mx_IncomingCallToast_buttons {
+            display: flex;
+            gap: var(--cpd-space-2x);
+            padding-block-start: var(--cpd-space-2x);
+        }
+
+        .mx_IncomingCallToast_actionButton {
+            box-sizing: border-box;
+            min-width: 131px;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/toasts/_IncomingLegacyCallToast.pcss b/apps/web/res/css/views/toasts/_IncomingLegacyCallToast.pcss
new file mode 100644
index 00000000000..a1ec8867c47
--- /dev/null
+++ b/apps/web/res/css/views/toasts/_IncomingLegacyCallToast.pcss
@@ -0,0 +1,76 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
+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.
+*/
+
+.mx_IncomingLegacyCallToast {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    pointer-events: initial; /* restore pointer events so the user can accept/decline */
+
+    .mx_IncomingLegacyCallToast_content {
+        display: flex;
+        flex-direction: column;
+        margin-left: 8px;
+
+        .mx_LegacyCallEvent_caller {
+            font-weight: bold;
+            font-size: $font-15px;
+            line-height: $font-18px;
+
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+
+            margin-top: 2px;
+            margin-right: 6px;
+
+            max-width: 200px;
+        }
+
+        .mx_LegacyCallEvent_type {
+            font-size: $font-12px;
+            line-height: $font-15px;
+            color: $tertiary-content;
+
+            margin-top: 4px;
+            margin-bottom: 6px;
+
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+        }
+
+        .mx_IncomingLegacyCallToast_buttons {
+            margin-top: 8px;
+            display: flex;
+            flex-direction: row;
+            gap: 12px;
+
+            .mx_IncomingLegacyCallToast_button {
+                @mixin LegacyCallButton;
+                padding: 8px;
+                flex-shrink: 0;
+                flex-grow: 1;
+                font-size: $font-15px;
+            }
+        }
+    }
+
+    .mx_IncomingLegacyCallToast_iconButton {
+        display: flex;
+        height: 20px;
+        width: 20px;
+
+        svg {
+            height: inherit;
+            width: inherit;
+            color: $tertiary-content;
+        }
+    }
+}
diff --git a/apps/web/res/css/views/toasts/_NonUrgentEchoFailureToast.pcss b/apps/web/res/css/views/toasts/_NonUrgentEchoFailureToast.pcss
new file mode 100644
index 00000000000..af4637750a6
--- /dev/null
+++ b/apps/web/res/css/views/toasts/_NonUrgentEchoFailureToast.pcss
@@ -0,0 +1,22 @@
+/*
+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.
+*/
+
+.mx_NonUrgentEchoFailureToast {
+    svg {
+        display: inline-block;
+        width: $font-18px;
+        height: $font-18px;
+        color: #fff; /* we know that non-urgent toasts are always styled the same */
+        margin-right: 8px;
+    }
+
+    span {
+        /* includes the i18n block */
+        vertical-align: middle;
+    }
+}
diff --git a/apps/web/res/css/views/typography/_Heading.pcss b/apps/web/res/css/views/typography/_Heading.pcss
new file mode 100644
index 00000000000..7d190192fc9
--- /dev/null
+++ b/apps/web/res/css/views/typography/_Heading.pcss
@@ -0,0 +1,34 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-2023 x 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_Heading_h1,
+.mx_Heading_h2,
+.mx_Heading_h3,
+.mx_Heading_h4 {
+    margin-inline: unset;
+    margin-block: unset;
+    color: $primary-content;
+}
+
+.mx_Heading_h1 {
+    font: var(--cpd-font-heading-xl-semibold);
+}
+
+.mx_Heading_h2 {
+    font: var(--cpd-font-heading-lg-semibold);
+}
+
+.mx_Heading_h3 {
+    font: var(--cpd-font-heading-md-semibold);
+    font-weight: var(--cpd-font-weight-semibold);
+}
+
+.mx_Heading_h4 {
+    font: var(--cpd-font-heading-sm-semibold);
+    font-weight: var(--cpd-font-weight-semibold);
+}
diff --git a/apps/web/res/css/views/verification/_VerificationShowSas.pcss b/apps/web/res/css/views/verification/_VerificationShowSas.pcss
new file mode 100644
index 00000000000..57fae767883
--- /dev/null
+++ b/apps/web/res/css/views/verification/_VerificationShowSas.pcss
@@ -0,0 +1,32 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 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_VerificationShowSas_decimalSas {
+    text-align: center;
+    font-weight: bold;
+    padding-left: 3px;
+    padding-right: 3px;
+}
+
+.mx_VerificationShowSas_decimalSas span {
+    margin-left: 5px;
+    margin-right: 5px;
+}
+
+.mx_VerificationShowSas_emojiSas {
+    margin: 25px 0;
+}
+
+.mx_VerificationShowSas_buttonRow {
+    text-align: center;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 9px;
+}
diff --git a/apps/web/res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss b/apps/web/res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss
new file mode 100644
index 00000000000..c4ad182fea2
--- /dev/null
+++ b/apps/web/res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss
@@ -0,0 +1,128 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2020, 2021 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+/* data-whatintent makes more sense here semantically but then the tooltip would stay visible without the button */
+/* which looks broken, so we match the behaviour of tooltips which is fine too. */
+[data-whatinput="mouse"] .mx_LegacyCallViewButtons.mx_LegacyCallViewButtons_hidden {
+    opacity: 0.001; /* opacity 0 can cause a re-layout */
+    pointer-events: none;
+}
+
+.mx_LegacyCallViewButtons {
+    --LegacyCallViewButtons_dropdownButton-size: 16px;
+
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    bottom: 32px;
+    opacity: 1;
+    transition: opacity 0.5s;
+    z-index: 200; /* To be above _all_ feeds */
+    gap: 18px;
+
+    .mx_LegacyCallViewButtons_button {
+        cursor: pointer;
+
+        background-color: $call-view-button-on-background;
+
+        border-radius: 100%;
+        height: 40px;
+        width: 40px;
+
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        position: relative;
+
+        box-shadow: 0px 4px 4px 0px #00000026; /* Same on both themes */
+
+        svg {
+            display: inline-block;
+
+            color: $call-view-button-on-foreground;
+
+            height: 24px;
+            width: 24px;
+        }
+
+        &.mx_LegacyCallViewButtons_dropdownButton {
+            width: var(--LegacyCallViewButtons_dropdownButton-size);
+            height: var(--LegacyCallViewButtons_dropdownButton-size);
+
+            position: absolute;
+            right: 0;
+            bottom: 0;
+
+            svg {
+                width: 16px;
+                height: 16px;
+            }
+        }
+
+        &.mx_LegacyCallViewButtons_button_mic svg {
+            height: 20px;
+            width: 20px;
+        }
+
+        /* State buttons */
+        &.mx_LegacyCallViewButtons_button_on {
+            background-color: $call-view-button-on-background;
+
+            svg {
+                color: $call-view-button-on-foreground;
+            }
+
+            &.mx_LegacyCallViewButtons_button_screensharing {
+                background-color: $accent;
+
+                svg {
+                    color: white; /* Same on both themes */
+                }
+            }
+        }
+
+        &.mx_LegacyCallViewButtons_button_off {
+            background-color: $call-view-button-off-background;
+
+            svg {
+                color: $call-view-button-off-foreground;
+            }
+
+            &.mx_LegacyCallViewButtons_button_screensharing,
+            &.mx_LegacyCallViewButtons_button_sidebar {
+                background-color: $call-view-button-on-background;
+
+                svg {
+                    color: $call-view-button-on-foreground;
+                }
+            }
+        }
+        /* State buttons */
+
+        /* Stateless buttons */
+        &.mx_LegacyCallViewButtons_button_hangup {
+            background-color: $alert;
+
+            svg {
+                color: white; /* Same on both themes */
+            }
+        }
+        /* Stateless buttons */
+
+        /* Invisible state */
+        &.mx_LegacyCallViewButtons_button_invisible {
+            visibility: hidden;
+            pointer-events: none;
+            position: absolute;
+        }
+        /* Invisible state */
+    }
+}
diff --git a/apps/web/res/css/views/voip/_CallDuration.pcss b/apps/web/res/css/views/voip/_CallDuration.pcss
new file mode 100644
index 00000000000..f991f897fd8
--- /dev/null
+++ b/apps/web/res/css/views/voip/_CallDuration.pcss
@@ -0,0 +1,13 @@
+/*
+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_CallDuration {
+    color: $secondary-content;
+    font-size: $font-12px;
+    white-space: nowrap;
+}
diff --git a/apps/web/res/css/views/voip/_CallView.pcss b/apps/web/res/css/views/voip/_CallView.pcss
new file mode 100644
index 00000000000..0621042b326
--- /dev/null
+++ b/apps/web/res/css/views/voip/_CallView.pcss
@@ -0,0 +1,25 @@
+/*
+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_CallView {
+    flex-grow: 1;
+    min-height: 0;
+
+    display: flex;
+    flex-direction: column;
+
+    background-color: $header-panel-bg-color;
+
+    .mx_AppTile {
+        width: auto;
+        height: 100%;
+        border: none;
+        border-radius: inherit;
+        background-color: $call-background;
+    }
+}
diff --git a/apps/web/res/css/views/voip/_DialPad.pcss b/apps/web/res/css/views/voip/_DialPad.pcss
new file mode 100644
index 00000000000..42b46600e07
--- /dev/null
+++ b/apps/web/res/css/views/voip/_DialPad.pcss
@@ -0,0 +1,54 @@
+/*
+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.
+*/
+
+.mx_DialPad {
+    display: grid;
+    row-gap: 16px;
+    column-gap: 0px;
+    margin-top: 24px;
+    margin-left: auto;
+    margin-right: auto;
+
+    /* squeeze the dial pad buttons together horizontally */
+    grid-template-columns: repeat(3, 1fr);
+}
+
+.mx_DialPad_button {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    width: 40px;
+    height: 40px;
+    background-color: $quinary-content;
+    border-radius: 40px;
+    font-size: 18px;
+    font-weight: var(--cpd-font-weight-semibold);
+    text-align: center;
+    vertical-align: middle;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.mx_DialPad_button .mx_DialPad_buttonSubText {
+    font-size: 8px;
+}
+
+.mx_DialPad_dialButton {
+    /* Always show the dial button in the center grid column */
+    grid-column: 2;
+    background-color: $accent;
+
+    svg {
+        display: inline-block;
+        height: 20px;
+        width: 20px;
+        padding: 10px;
+        color: #fff; /* on all themes */
+    }
+}
diff --git a/apps/web/res/css/views/voip/_DialPadContextMenu.pcss b/apps/web/res/css/views/voip/_DialPadContextMenu.pcss
new file mode 100644
index 00000000000..76311836bb6
--- /dev/null
+++ b/apps/web/res/css/views/voip/_DialPadContextMenu.pcss
@@ -0,0 +1,63 @@
+/*
+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.
+*/
+
+.mx_DialPadContextMenu_dialPad .mx_DialPad {
+    row-gap: 16px;
+    column-gap: 32px;
+}
+
+.mx_DialPadContextMenuWrapper {
+    padding: 15px;
+}
+
+.mx_DialPadContextMenu_header {
+    border: none;
+    margin-top: 32px;
+    margin-left: 20px;
+    margin-right: 20px;
+
+    /* a separator between the input line and the dial buttons */
+    border-bottom: 1px solid $quaternary-content;
+    transition: border-bottom 0.25s;
+}
+
+.mx_DialPadContextMenu_cancel {
+    @mixin customisedCancelButton;
+    float: right;
+}
+
+.mx_DialPadContextMenu_header:focus-within {
+    border-bottom: 1px solid $accent;
+}
+
+.mx_DialPadContextMenu_title {
+    color: $muted-fg-color;
+    font-size: 12px;
+    font-weight: var(--cpd-font-weight-semibold);
+}
+
+.mx_DialPadContextMenu_dialled {
+    height: 1.5em;
+    font-size: 18px;
+    font-weight: var(--cpd-font-weight-semibold);
+    border: none;
+    margin: 0px;
+}
+.mx_DialPadContextMenu_dialled input {
+    font-size: 18px;
+    font-weight: var(--cpd-font-weight-semibold);
+    overflow: hidden;
+    max-width: 185px;
+    text-align: left;
+    padding: 8px 0px;
+    background-color: rgb(0, 0, 0, 0);
+}
+
+.mx_DialPadContextMenu_dialPad {
+    margin: 16px;
+}
diff --git a/apps/web/res/css/views/voip/_DialPadModal.pcss b/apps/web/res/css/views/voip/_DialPadModal.pcss
new file mode 100644
index 00000000000..7b979f18f96
--- /dev/null
+++ b/apps/web/res/css/views/voip/_DialPadModal.pcss
@@ -0,0 +1,65 @@
+/*
+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.
+*/
+
+.mx_Dialog_dialPadWrapper .mx_Dialog {
+    padding: 0px;
+}
+
+.mx_DialPadModal {
+    width: 292px;
+    height: 370px;
+    padding: 16px 0px 0px 0px;
+}
+
+.mx_DialPadModal_header {
+    margin-top: 32px;
+    margin-left: 40px;
+    margin-right: 40px;
+
+    /* a separator between the input line and the dial buttons */
+    border-bottom: 1px solid $quaternary-content;
+    transition: border-bottom 0.25s;
+}
+
+.mx_DialPadModal_header:focus-within {
+    border-bottom: 1px solid $accent;
+}
+
+.mx_DialPadModal_title {
+    color: $muted-fg-color;
+    font-size: 12px;
+    font-weight: var(--cpd-font-weight-semibold);
+}
+
+.mx_DialPadModal_cancel {
+    @mixin customisedCancelButton;
+    float: right;
+    margin-right: 16px;
+}
+
+.mx_DialPadModal_field {
+    border: none;
+    margin: 0px;
+    height: 30px;
+}
+
+.mx_DialPadModal_field .mx_Field_postfix {
+    /* Remove border separator between postfix and field content */
+    border-left: none;
+}
+
+.mx_DialPadModal_field input {
+    font-size: 18px;
+    font-weight: var(--cpd-font-weight-semibold);
+}
+
+.mx_DialPadModal_dialPad {
+    margin-left: 16px;
+    margin-right: 16px;
+    margin-top: 16px;
+}
diff --git a/apps/web/res/css/views/voip/_LegacyCallView.pcss b/apps/web/res/css/views/voip/_LegacyCallView.pcss
new file mode 100644
index 00000000000..a8d13adc623
--- /dev/null
+++ b/apps/web/res/css/views/voip/_LegacyCallView.pcss
@@ -0,0 +1,191 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2020, 2021 The Matrix.org Foundation C.I.C.
+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_LegacyCallView {
+    border-radius: 8px;
+    background-color: $dark-panel-bg-color;
+    padding-left: 8px;
+    padding-right: 8px;
+    /* XXX: PiPContainer sets pointer-events: none - should probably be set back in a better place */
+    pointer-events: initial;
+
+    .mx_LegacyCallView_toast {
+        position: absolute;
+        top: 74px;
+
+        padding: 4px 8px;
+
+        border-radius: 4px;
+        z-index: 50;
+
+        /* Same on both themes */
+        color: white;
+        background-color: #17191c;
+    }
+
+    .mx_LegacyCallView_content_wrapper {
+        display: flex;
+        justify-content: center;
+
+        width: 100%;
+        height: 100%;
+
+        overflow: hidden;
+
+        .mx_LegacyCallView_content {
+            position: relative;
+
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+
+            flex: 1;
+            overflow: hidden;
+
+            border-radius: 10px;
+
+            padding: 10px;
+            padding-right: calc(20% + 20px); /* Space for the sidebar */
+
+            background-color: $call-view-content-background;
+
+            .mx_LegacyCallView_status {
+                z-index: 50;
+                color: $accent-fg-color;
+            }
+
+            .mx_LegacyCallView_avatarsContainer {
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                justify-content: center;
+
+                div {
+                    margin-left: 12px;
+                    margin-right: 12px;
+                }
+            }
+
+            .mx_LegacyCallView_holdBackground {
+                position: absolute;
+                left: 0;
+                right: 0;
+
+                width: 100%;
+                height: 100%;
+
+                background-repeat: no-repeat;
+                background-size: cover;
+                background-position: center;
+                filter: blur(20px);
+
+                &::after {
+                    content: "";
+                    display: block;
+                    position: absolute;
+                    width: 100%;
+                    height: 100%;
+                    left: 0;
+                    right: 0;
+                    background-color: rgb(0, 0, 0, 0.6);
+                }
+            }
+
+            &.mx_LegacyCallView_content_hold .mx_LegacyCallView_status {
+                font-weight: bold;
+                text-align: center;
+
+                &::before {
+                    display: block;
+                    margin-left: auto;
+                    margin-right: auto;
+                    content: "";
+                    width: 40px;
+                    height: 40px;
+                    background-image: url("/res/img/voip/paused.svg");
+                    background-position: center;
+                    background-size: cover;
+                }
+
+                .mx_LegacyCallView_pip &::before {
+                    width: 30px;
+                    height: 30px;
+                }
+            }
+        }
+    }
+
+    &:not(.mx_LegacyCallView_sidebar) .mx_LegacyCallView_content {
+        padding: 0;
+        width: 100%;
+        height: 100%;
+
+        .mx_VideoFeed_primary {
+            aspect-ratio: unset;
+            border: 0;
+
+            width: 100%;
+            height: 100%;
+        }
+    }
+
+    &.mx_LegacyCallView_pip {
+        width: 320px;
+        padding-bottom: 8px;
+
+        border-radius: 8px;
+
+        background-color: $system;
+        box-shadow: 0px 4px 20px rgb(0, 0, 0, 0.2);
+
+        .mx_LegacyCallViewButtons {
+            bottom: 13px;
+
+            .mx_LegacyCallViewButtons_button {
+                width: 34px;
+                height: 34px;
+
+                &.mx_LegacyCallViewButtons_dropdownButton {
+                    width: var(--LegacyCallViewButtons_dropdownButton-size);
+                    height: var(--LegacyCallViewButtons_dropdownButton-size);
+                }
+
+                &::before {
+                    width: 22px;
+                    height: 22px;
+                }
+            }
+        }
+
+        .mx_LegacyCallView_content {
+            min-height: 180px;
+        }
+    }
+
+    &.mx_LegacyCallView_large {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        flex: 1;
+
+        padding-bottom: 10px;
+
+        margin: var(--container-gap-width);
+        /* The left side gap is fully handled by this margin. To prohibit bleeding on webkit browser. */
+        margin-right: calc(var(--container-gap-width) / 2);
+        margin-bottom: 10px;
+    }
+
+    &.mx_LegacyCallView_belowWidget {
+        margin-top: 0;
+    }
+}
diff --git a/apps/web/res/css/views/voip/_LegacyCallViewForRoom.pcss b/apps/web/res/css/views/voip/_LegacyCallViewForRoom.pcss
new file mode 100644
index 00000000000..18cba049511
--- /dev/null
+++ b/apps/web/res/css/views/voip/_LegacyCallViewForRoom.pcss
@@ -0,0 +1,35 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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.
+*/
+
+.mx_LegacyCallViewForRoom {
+    overflow: hidden;
+
+    .mx_LegacyCallViewForRoom_ResizeWrapper {
+        display: flex;
+
+        &:hover .mx_LegacyCallViewForRoom_ResizeHandle {
+            /* Need to use important to override element style attributes */
+            /* set by re-resizable */
+            width: 100% !important;
+
+            display: flex;
+            justify-content: center;
+
+            &::after {
+                content: "";
+                border-radius: 4px;
+
+                height: 4px;
+                width: 100%;
+                max-width: 64px;
+
+                background-color: $primary-content;
+            }
+        }
+    }
+}
diff --git a/apps/web/res/css/views/voip/_LegacyCallViewHeader.pcss b/apps/web/res/css/views/voip/_LegacyCallViewHeader.pcss
new file mode 100644
index 00000000000..e9d81ce0f3e
--- /dev/null
+++ b/apps/web/res/css/views/voip/_LegacyCallViewHeader.pcss
@@ -0,0 +1,94 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 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.
+*/
+
+.mx_LegacyCallViewHeader {
+    height: 44px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    flex-shrink: 0;
+    width: 100%;
+
+    &.mx_LegacyCallViewHeader_pip {
+        cursor: grab;
+    }
+}
+
+.mx_LegacyCallViewHeader_text {
+    font-size: 1.2rem;
+    font-weight: bold;
+    vertical-align: middle;
+}
+
+.mx_LegacyCallViewHeader_secondaryCallInfo {
+    &::before {
+        content: "·";
+        margin-left: 6px;
+        margin-right: 6px;
+    }
+}
+
+.mx_LegacyCallViewHeader_controls {
+    margin-left: auto;
+    display: flex;
+    gap: 5px;
+}
+
+.mx_LegacyCallViewHeader_button {
+    display: inline-block;
+    vertical-align: middle;
+    cursor: pointer;
+
+    svg {
+        display: inline-block;
+        height: 20px;
+        width: 20px;
+        vertical-align: middle;
+        color: $secondary-content;
+    }
+}
+
+.mx_LegacyCallViewHeader_callInfo {
+    margin-left: 12px;
+    margin-right: 16px;
+    overflow: hidden;
+}
+
+.mx_LegacyCallViewHeader_roomName {
+    font-weight: bold;
+    font-size: 12px;
+    line-height: initial;
+    height: 15px;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.mx_LegacyCallView_secondaryCall_roomName {
+    margin-left: 4px;
+}
+
+.mx_LegacyCallViewHeader_icon {
+    display: inline-block;
+    margin-right: 6px;
+    height: 16px;
+    width: 16px;
+    vertical-align: middle;
+
+    svg {
+        display: inline-block;
+        vertical-align: top;
+
+        height: 16px;
+        width: 16px;
+        color: $secondary-content;
+    }
+}
diff --git a/apps/web/res/css/views/voip/_LegacyCallViewSidebar.pcss b/apps/web/res/css/views/voip/_LegacyCallViewSidebar.pcss
new file mode 100644
index 00000000000..efc06cb9d22
--- /dev/null
+++ b/apps/web/res/css/views/voip/_LegacyCallViewSidebar.pcss
@@ -0,0 +1,42 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 2022 Šimon Brandner <simon.bra.ag@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.
+*/
+
+.mx_LegacyCallViewSidebar {
+    position: absolute;
+    right: 10px;
+
+    width: 20%;
+    height: 100%;
+    overflow: auto;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-end;
+    gap: 12px;
+
+    > .mx_VideoFeed {
+        width: 100%;
+        border-radius: 4px;
+
+        &.mx_VideoFeed_voice {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            background-color: $video-feed-secondary-background;
+        }
+    }
+
+    &.mx_LegacyCallViewSidebar_pipMode {
+        top: 16px;
+        bottom: unset;
+        justify-content: flex-end;
+        gap: 4px;
+    }
+}
diff --git a/apps/web/res/css/views/voip/_VideoFeed.pcss b/apps/web/res/css/views/voip/_VideoFeed.pcss
new file mode 100644
index 00000000000..8e753c533b4
--- /dev/null
+++ b/apps/web/res/css/views/voip/_VideoFeed.pcss
@@ -0,0 +1,67 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2015, 2016 , 2020, 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.
+*/
+
+.mx_VideoFeed {
+    overflow: hidden;
+    position: relative;
+    box-sizing: border-box;
+    border: transparent 2px solid;
+    display: flex;
+    border-radius: 4px;
+
+    &.mx_VideoFeed_secondary {
+        position: absolute;
+        right: 24px;
+        bottom: 72px;
+        width: 20%;
+    }
+
+    &.mx_VideoFeed_voice {
+        background-color: $inverted-bg-color;
+
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        &:not(.mx_VideoFeed_primary) {
+            aspect-ratio: 16 / 9;
+        }
+    }
+
+    .mx_VideoFeed_video {
+        height: 100%;
+        width: 100%;
+        border-radius: 4px;
+        background-color: #000000;
+
+        &.mx_VideoFeed_video_mirror {
+            transform: scale(-1, 1);
+        }
+    }
+
+    .mx_VideoFeed_mic {
+        position: absolute;
+        left: 6px;
+        bottom: 6px;
+        z-index: 1;
+
+        width: 24px;
+        height: 24px;
+
+        background-color: rgb(0, 0, 0, 0.5); /* Same on both themes */
+        border-radius: 100%;
+
+        svg {
+            width: 16px;
+            height: 16px;
+            padding: 4px;
+            color: white; /* Same on both themes */
+        }
+    }
+}
diff --git a/apps/web/res/decoder-ring/datatypes.js b/apps/web/res/decoder-ring/datatypes.js
new file mode 100644
index 00000000000..1913d0d8e26
--- /dev/null
+++ b/apps/web/res/decoder-ring/datatypes.js
@@ -0,0 +1,60 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+/*
+ * Quick-n-dirty algebraic datatypes.
+ *
+ * These let us handle the possibility of failure without having to constantly write code to check for it.
+ * We can apply all of the transformations we need as if the data is present using `map`.
+ * If there's a None, or a FetchError, or a Pending, those are left untouched.
+ *
+ * I've used perhaps an odd bit of terminology from scalaz in `fold`.  This is basically a `switch` statement:
+ * You pass it a set of functions to handle the various different states of the datatype, and if it finds the
+ * function it'll call it on its value.
+ *
+ * It's handy to have this in functional style when dealing with React as we can dispatch different ways of rendering
+ * really simply:
+ * ```
+ * bundleFetchStatus.fold({
+ *     some: (fetchStatus) => <ProgressBar fetchsStatus={fetchStatus} />,
+ * }),
+ * ```
+ */
+
+class Optional {
+    static from(value) {
+        return (value && Some.of(value)) || None;
+    }
+    map(f) {
+        return this;
+    }
+    flatMap(f) {
+        return this;
+    }
+    fold({ none }) {
+        return none && none();
+    }
+}
+class Some extends Optional {
+    constructor(value) {
+        super();
+        this.value = value;
+    }
+    map(f) {
+        return Some.of(f(this.value));
+    }
+    flatMap(f) {
+        return f(this.value);
+    }
+    fold({ some }) {
+        return some && some(this.value);
+    }
+    static of(value) {
+        return new Some(value);
+    }
+}
+const None = new Optional();
diff --git a/res/decoder-ring/decoder.js b/apps/web/res/decoder-ring/decoder.js
similarity index 76%
rename from res/decoder-ring/decoder.js
rename to apps/web/res/decoder-ring/decoder.js
index b0cbd3c2e91..866ff8be85b 100644
--- a/res/decoder-ring/decoder.js
+++ b/apps/web/res/decoder-ring/decoder.js
@@ -1,3 +1,10 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
 class StartupError extends Error {}
 
 /*
@@ -10,11 +17,11 @@ async function getBundleName(baseUrl) {
         throw new StartupError(`Couldn't fetch index.html to prefill bundle; ${res.status} ${res.statusText}`);
     }
     const index = await res.text();
-    return index.split("\n").map((line) =>
-        line.match(/<script src="bundles\/([^/]+)\/bundle.js"/),
-    )
-    .filter((result) => result)
-    .map((result) => result[1])[0];
+    return index
+        .split("\n")
+        .map((line) => line.match(/<script src="bundles\/([^/]+)\/bundle.js"/))
+        .filter((result) => result)
+        .map((result) => result[1])[0];
 }
 
 function validateBundle(value) {
@@ -69,7 +76,7 @@ function observeReadableStream(readableStream, pendingContext = {}) {
                 return;
             }
             bytesReceived += value.length;
-            pendingSubject.next(Pending.of({...pendingContext, bytesReceived }));
+            pendingSubject.next(Pending.of({ ...pendingContext, bytesReceived }));
             /* string concatenation is apparently the most performant way to do this */
             buffer += utf8Decoder.decode(value);
             readNextChunk();
@@ -102,7 +109,7 @@ function fetchAsSubject(endpoint) {
         const contentLength = res.headers.get("content-length");
         const context = contentLength ? { length: parseInt(contentLength) } : {};
 
-        const streamer = observeReadableStream(res.body, context, endpoint);
+        const streamer = observeReadableStream(res.body, context);
         streamer.subscribe((value) => {
             fetcher.next(value);
         });
@@ -120,25 +127,27 @@ const e = React.createElement;
  * Provides user feedback given a FetchStatus object.
  */
 function ProgressBar({ fetchStatus }) {
-    return e('span', { className: "progress "},
+    return e(
+        "span",
+        { className: "progress " },
         fetchStatus.fold({
             pending: ({ bytesReceived, length }) => {
                 if (!bytesReceived) {
-                    return e('span', { className: "spinner" }, "\u29b5");
+                    return e("span", { className: "spinner" }, "\u29b5");
                 }
-                const kB = Math.floor(10 * bytesReceived / 1024) / 10;
+                const kB = Math.floor((10 * bytesReceived) / 1024) / 10;
                 if (!length) {
-                    return e('span', null, `Fetching (${kB}kB)`);
+                    return e("span", null, `Fetching (${kB}kB)`);
                 }
-                const percent = Math.floor(100 * bytesReceived / length);
-                return e('span', null, `Fetching (${kB}kB) ${percent}%`);
+                const percent = Math.floor((100 * bytesReceived) / length);
+                return e("span", null, `Fetching (${kB}kB) ${percent}%`);
             },
-            success: () => e('span', null, "\u2713"),
+            success: () => e("span", null, "\u2713"),
             error: (reason) => {
-                return e('span', { className: 'error'}, `\u2717 ${reason}`);
+                return e("span", { className: "error" }, `\u2717 ${reason}`);
             },
-        },
-    ));
+        }),
+    );
 }
 
 /*
@@ -163,7 +172,7 @@ function BundlePicker() {
                 setBundle(name);
             }
         }, console.log.bind(console));
-    }, [baseUrl]);
+    }, [baseUrl, bundle]);
 
     /* ------------------------- */
     /* Follow user state changes */
@@ -193,23 +202,24 @@ function BundlePicker() {
         setColumn(value);
     }, []);
 
-
     /* ------------------------------------------------ */
     /* Plumb data-fetching observables through to React */
     /* ------------------------------------------------ */
 
     /* Whenever a valid bundle name is input, go see if it's a real bundle on the server */
-    React.useEffect(() =>
-        validateBundle(bundle).fold({
-            some: (value) => {
-                const subscription = bundleSubject(baseUrl, value)
-                    .pipe(rxjs.operators.map(Some.of))
-                    .subscribe(setBundleFetchStatus);
-                return () => subscription.unsubscribe();
-            },
-            none: () => setBundleFetchStatus(None),
-        }),
-    [baseUrl, bundle]);
+    React.useEffect(
+        () =>
+            validateBundle(bundle).fold({
+                some: (value) => {
+                    const subscription = bundleSubject(baseUrl, value)
+                        .pipe(rxjs.operators.map(Some.of))
+                        .subscribe(setBundleFetchStatus);
+                    return () => subscription.unsubscribe();
+                },
+                none: () => setBundleFetchStatus(None),
+            }),
+        [baseUrl, bundle],
+    );
 
     /* Whenever a valid javascript file is input, see if it corresponds to a sourcemap file and initiate a fetch
      * if so. */
@@ -218,17 +228,18 @@ function BundlePicker() {
             setFileFetchStatus(None);
             return;
         }
-        const observable = fetchAsSubject(new URL(`bundles/${bundle}/${file}.map`, baseUrl).toString())
-            .pipe(
-                rxjs.operators.map((fetchStatus) => fetchStatus.flatMap(value => {
+        const observable = fetchAsSubject(new URL(`bundles/${bundle}/${file}.map`, baseUrl).toString()).pipe(
+            rxjs.operators.map((fetchStatus) =>
+                fetchStatus.flatMap((value) => {
                     try {
                         return Success.of(JSON.parse(value));
                     } catch (e) {
                         return FetchError.of(e);
                     }
-                })),
-                rxjs.operators.map(Some.of),
-            );
+                }),
+            ),
+            rxjs.operators.map(Some.of),
+        );
         const subscription = observable.subscribe(setFileFetchStatus);
         return () => subscription.unsubscribe();
     }, [baseUrl, bundle, file]);
@@ -256,26 +267,33 @@ function BundlePicker() {
         });
     }, [fileFetchStatus, line, column]);
 
-
     /* ------ */
     /* Render */
     /* ------ */
-    return e('div', {},
-        e('div', { className: 'inputs' },
-            e('div', { className: 'baseUrl' },
-                e('label', { htmlFor: 'baseUrl'}, 'Base URL'),
-                e('input', {
-                    name: 'baseUrl',
+    return e(
+        "div",
+        {},
+        e(
+            "div",
+            { className: "inputs" },
+            e(
+                "div",
+                { className: "baseUrl" },
+                e("label", { htmlFor: "baseUrl" }, "Base URL"),
+                e("input", {
+                    name: "baseUrl",
                     required: true,
                     pattern: ".+",
                     onChange: onBaseUrlChange,
                     value: baseUrl,
                 }),
             ),
-            e('div', { className: 'bundle' },
-                e('label', { htmlFor: 'bundle'}, 'Bundle'),
-                e('input', {
-                    name: 'bundle',
+            e(
+                "div",
+                { className: "bundle" },
+                e("label", { htmlFor: "bundle" }, "Bundle"),
+                e("input", {
+                    name: "bundle",
                     required: true,
                     pattern: "[0-9a-f]{20}",
                     onChange: onBundleChange,
@@ -286,10 +304,12 @@ function BundlePicker() {
                     none: () => null,
                 }),
             ),
-            e('div', { className: 'file' },
-                e('label', { htmlFor: 'file' }, 'File'),
-                e('input', {
-                    name: 'file',
+            e(
+                "div",
+                { className: "file" },
+                e("label", { htmlFor: "file" }, "File"),
+                e("input", {
+                    name: "file",
                     required: true,
                     pattern: ".+\\.js",
                     onChange: onFileChange,
@@ -300,20 +320,24 @@ function BundlePicker() {
                     none: () => null,
                 }),
             ),
-            e('div', { className: 'line' },
-                e('label', { htmlFor: 'line' }, 'Line'),
-                e('input', {
-                    name: 'line',
+            e(
+                "div",
+                { className: "line" },
+                e("label", { htmlFor: "line" }, "Line"),
+                e("input", {
+                    name: "line",
                     required: true,
                     pattern: "[0-9]+",
                     onChange: onLineChange,
                     value: line,
                 }),
             ),
-            e('div', { className: 'column' },
-                e('label', { htmlFor: 'column' }, 'Column'),
-                e('input', {
-                    name: 'column',
+            e(
+                "div",
+                { className: "column" },
+                e("label", { htmlFor: "column" }, "Column"),
+                e("input", {
+                    name: "column",
                     required: true,
                     pattern: "[0-9]+",
                     onChange: onColumnChange,
@@ -321,10 +345,12 @@ function BundlePicker() {
                 }),
             ),
         ),
-        e('div', null,
+        e(
+            "div",
+            null,
             result.fold({
                 none: () => "Select a bundle, file and line",
-                some: (value) => e('pre', null, value),
+                some: (value) => e("pre", null, value),
             }),
         ),
     );
diff --git a/apps/web/res/decoder-ring/index.html b/apps/web/res/decoder-ring/index.html
new file mode 100644
index 00000000000..c380dd0a367
--- /dev/null
+++ b/apps/web/res/decoder-ring/index.html
@@ -0,0 +1,84 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <title>Rageshake decoder ring</title>
+        <script crossorigin src="https://unpkg.com/source-map@0.7.3/dist/source-map.js"></script>
+        <script>
+            sourceMap.SourceMapConsumer.initialize({
+                "lib/mappings.wasm": "https://unpkg.com/source-map@0.7.3/lib/mappings.wasm",
+            });
+        </script>
+        <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+        <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+        <!--<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
+        <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>-->
+        <script crossorigin src="https://unpkg.com/rxjs/dist/bundles/rxjs.umd.min.js"></script>
+        <script src="datatypes.js"></script>
+        <script src="decoder.js"></script>
+
+        <style>
+            @keyframes spin {
+                from {
+                    transform: rotate(0deg);
+                }
+                to {
+                    transform: rotate(359deg);
+                }
+            }
+
+            body {
+                font-family: sans-serif;
+            }
+
+            .spinner {
+                animation: spin 4s infinite linear;
+                display: inline-block;
+                text-align: center;
+                vertical-align: middle;
+                font-size: larger;
+            }
+
+            .progress {
+                padding-left: 0.5em;
+                padding-right: 0.5em;
+            }
+
+            .bundle input {
+                width: 24ex;
+            }
+
+            .valid::after {
+                content: "✓";
+            }
+
+            label {
+                width: 3em;
+                margin-right: 1em;
+                display: inline-block;
+            }
+
+            input:valid {
+                border: 1px solid green;
+            }
+
+            .inputs > div {
+                margin-bottom: 0.5em;
+            }
+        </style>
+    </head>
+    <body>
+        <header><h2>Decoder ring</h2></header>
+        <content id="main">Waiting for javascript to run...</content>
+        <script type="text/javascript">
+            document.addEventListener("DOMContentLoaded", () => {
+                try {
+                    ReactDOM.render(React.createElement(Decoder.BundlePicker), document.getElementById("main"));
+                } catch (e) {
+                    const n = document.createElement("div");
+                    n.innerText = `Error starting: ${e.message}`;
+                    document.getElementById("main").appendChild(n);
+                }
+            });
+        </script>
+    </body>
+</html>
diff --git a/apps/web/res/fonts/Nunito/Nunito-Bold.ttf b/apps/web/res/fonts/Nunito/Nunito-Bold.ttf
new file mode 100644
index 00000000000..c8fabf7d920
Binary files /dev/null and b/apps/web/res/fonts/Nunito/Nunito-Bold.ttf differ
diff --git a/apps/web/res/fonts/Nunito/Nunito-Regular.ttf b/apps/web/res/fonts/Nunito/Nunito-Regular.ttf
new file mode 100644
index 00000000000..86ce522f609
Binary files /dev/null and b/apps/web/res/fonts/Nunito/Nunito-Regular.ttf differ
diff --git a/apps/web/res/fonts/Nunito/Nunito-SemiBold.ttf b/apps/web/res/fonts/Nunito/Nunito-SemiBold.ttf
new file mode 100644
index 00000000000..8bf953b59a7
Binary files /dev/null and b/apps/web/res/fonts/Nunito/Nunito-SemiBold.ttf differ
diff --git a/apps/web/res/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2 b/apps/web/res/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2
new file mode 100644
index 00000000000..64705d8f8e6
Binary files /dev/null and b/apps/web/res/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2 differ
diff --git a/apps/web/res/img/betas/.gitkeep b/apps/web/res/img/betas/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/apps/web/res/img/betas/video_rooms.png b/apps/web/res/img/betas/video_rooms.png
new file mode 100644
index 00000000000..02a9e8c86b7
Binary files /dev/null and b/apps/web/res/img/betas/video_rooms.png differ
diff --git a/apps/web/res/img/element-desktop-logo.svg b/apps/web/res/img/element-desktop-logo.svg
new file mode 100644
index 00000000000..2483c75f981
--- /dev/null
+++ b/apps/web/res/img/element-desktop-logo.svg
@@ -0,0 +1,87 @@
+<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(#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>
+</g>
+<defs>
+<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" 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="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="-16"/>
+<feGaussianBlur stdDeviation="11"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<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>
+<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/apps/web/res/img/element-icons/brands/facebook.svg b/apps/web/res/img/element-icons/brands/facebook.svg
new file mode 100644
index 00000000000..27427854244
--- /dev/null
+++ b/apps/web/res/img/element-icons/brands/facebook.svg
@@ -0,0 +1,9 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="1" width="22" height="22">
+<path d="M2.10154 1.5H23.1003V22.3716H2.10154V1.5Z" fill="white"/>
+</mask>
+<g mask="url(#mask0)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.1 11.999C23.1 6.20003 18.399 1.49902 12.6 1.49902C6.801 1.49902 2.1 6.20003 2.1 11.999C2.1 17.2399 5.9397 21.5838 10.9594 22.3715V15.0342H8.29336V11.999H10.9594V9.68574C10.9594 7.05418 12.5269 5.60059 14.9254 5.60059C16.0742 5.60059 17.2758 5.80566 17.2758 5.80566V8.38965H15.9518C14.6474 8.38965 14.2406 9.19903 14.2406 10.0294V11.999H17.1527L16.6872 15.0342H14.2406V22.3715C19.2603 21.5838 23.1 17.2399 23.1 11.999Z" fill="#1877F2"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6872 15.0342L17.1527 11.999H14.2406V10.0294C14.2406 9.19903 14.6474 8.38965 15.9518 8.38965H17.2758V5.80566C17.2758 5.80566 16.0742 5.60059 14.9254 5.60059C12.5269 5.60059 10.9594 7.05418 10.9594 9.68574V11.999H8.29336V15.0342H10.9594V22.3715C11.494 22.4553 12.0419 22.499 12.6 22.499C13.1581 22.499 13.706 22.4553 14.2406 22.3715V15.0342H16.6872Z" fill="white"/>
+</svg>
diff --git a/apps/web/res/img/element-icons/brands/github.svg b/apps/web/res/img/element-icons/brands/github.svg
new file mode 100644
index 00000000000..73369969d54
--- /dev/null
+++ b/apps/web/res/img/element-icons/brands/github.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.8421 7.10595C19.9703 5.6121 18.7876 4.42942 17.2939 3.55764C15.8 2.68581 14.169 2.25001 12.3999 2.25001C10.6311 2.25001 8.9996 2.68594 7.50597 3.55764C6.01212 4.42938 4.82953 5.6121 3.95765 7.10595C3.08592 8.59976 2.65002 10.231 2.65002 11.9997C2.65002 14.1242 3.26987 16.0346 4.50987 17.7315C5.74973 19.4284 7.35145 20.6027 9.3149 21.2543C9.54345 21.2967 9.71264 21.2669 9.82265 21.1656C9.9327 21.0641 9.98766 20.937 9.98766 20.7848C9.98766 20.7595 9.98548 20.531 9.98126 20.0993C9.9769 19.6676 9.97485 19.291 9.97485 18.9696L9.68285 19.0202C9.49667 19.0543 9.26181 19.0687 8.97826 19.0646C8.69484 19.0607 8.40061 19.031 8.09598 18.9757C7.79121 18.921 7.50775 18.7941 7.24536 18.5952C6.98311 18.3963 6.79693 18.1359 6.68688 17.8145L6.55993 17.5224C6.47531 17.3279 6.3421 17.1119 6.1601 16.875C5.97811 16.638 5.79406 16.4773 5.60789 16.3927L5.519 16.329C5.45978 16.2868 5.40482 16.2358 5.35399 16.1766C5.30321 16.1174 5.2652 16.0582 5.23981 15.9988C5.21437 15.9395 5.23545 15.8908 5.30326 15.8526C5.37107 15.8144 5.49361 15.7959 5.67143 15.7959L5.92524 15.8338C6.09451 15.8677 6.3039 15.9691 6.55366 16.1384C6.80329 16.3077 7.0085 16.5277 7.16933 16.7984C7.36408 17.1455 7.59873 17.4099 7.87392 17.5919C8.14889 17.7739 8.42613 17.8648 8.70537 17.8648C8.98461 17.8648 9.22579 17.8436 9.429 17.8015C9.63198 17.7592 9.82243 17.6955 10.0002 17.611C10.0764 17.0437 10.2838 16.6079 10.6222 16.3033C10.1399 16.2526 9.70619 16.1762 9.32099 16.0747C8.93601 15.9731 8.53818 15.8081 8.12777 15.5794C7.71714 15.3509 7.37649 15.0673 7.10574 14.7289C6.83495 14.3904 6.61271 13.9459 6.43934 13.3959C6.26588 12.8457 6.17913 12.211 6.17913 11.4916C6.17913 10.4674 6.51351 9.59578 7.18213 8.87633C6.86892 8.10629 6.89849 7.24304 7.27093 6.28668C7.51638 6.21043 7.88037 6.26765 8.36273 6.45801C8.84517 6.64845 9.1984 6.8116 9.42277 6.94686C9.64714 7.08208 9.82692 7.19666 9.96236 7.2896C10.7496 7.06963 11.562 6.95962 12.3998 6.95962C13.2377 6.95962 14.0503 7.06963 14.8376 7.2896L15.32 6.98505C15.6498 6.78185 16.0394 6.59563 16.4877 6.42635C16.9363 6.25716 17.2793 6.21056 17.5164 6.28682C17.8971 7.24322 17.931 8.10642 17.6177 8.87647C18.2863 9.59591 18.6208 10.4677 18.6208 11.4918C18.6208 12.2111 18.5337 12.8478 18.3605 13.4023C18.1871 13.9568 17.963 14.4008 17.688 14.7353C17.4127 15.0697 17.0699 15.3511 16.6595 15.5795C16.249 15.808 15.851 15.973 15.466 16.0747C15.0809 16.1763 14.6472 16.2527 14.1648 16.3035C14.6048 16.6842 14.8248 17.2851 14.8248 18.106V20.7845C14.8248 20.9367 14.8777 21.0637 14.9836 21.1652C15.0894 21.2665 15.2565 21.2964 15.485 21.2539C17.4487 20.6024 19.0505 19.4281 20.2903 17.7311C21.53 16.0343 22.15 14.1238 22.15 11.9993C22.1496 10.2309 21.7135 8.59976 20.8421 7.10595Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/res/img/element-icons/brands/gitlab.svg b/apps/web/res/img/element-icons/brands/gitlab.svg
new file mode 100644
index 00000000000..df84c41e21b
--- /dev/null
+++ b/apps/web/res/img/element-icons/brands/gitlab.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0005 20.3296L15.3166 10.1293H8.68921L12.0005 20.3296Z" fill="#E24329"/>
+<path d="M4.04348 10.1293L3.03364 13.2283C2.94226 13.5097 3.04095 13.8203 3.28214 13.9957L11.9996 20.3296L4.04348 10.1293Z" fill="#FCA326"/>
+<path d="M4.04248 10.1289H8.68727L6.68828 3.98572C6.58597 3.67143 6.1401 3.67143 6.03411 3.98572L4.04248 10.1289Z" fill="#E24329"/>
+<path d="M19.9602 10.1293L20.9664 13.2283C21.0577 13.5097 20.9591 13.8203 20.7179 13.9957L11.9991 20.3296L19.9602 10.1293Z" fill="#FCA326"/>
+<path d="M19.9616 10.1289H15.3168L17.3121 3.98572C17.4144 3.67143 17.8603 3.67143 17.9663 3.98572L19.9616 10.1289Z" fill="#E24329"/>
+<path d="M11.9991 20.3296L15.3153 10.1293H19.9601L11.9991 20.3296Z" fill="#FC6D26"/>
+<path d="M11.9985 20.3296L4.04248 10.1293H8.68727L11.9985 20.3296Z" fill="#FC6D26"/>
+</svg>
diff --git a/apps/web/res/img/element-icons/brands/google.svg b/apps/web/res/img/element-icons/brands/google.svg
new file mode 100644
index 00000000000..1b0b19ae5b0
--- /dev/null
+++ b/apps/web/res/img/element-icons/brands/google.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.501 12.2333C22.501 11.37 22.4296 10.74 22.2748 10.0867H12.2153V13.9833H18.12C18.001 14.9517 17.3582 16.41 15.9296 17.3899L15.9096 17.5204L19.0902 19.9351L19.3106 19.9567C21.3343 18.125 22.501 15.43 22.501 12.2333Z" fill="#4285F4"/>
+<path d="M12.2147 22.5001C15.1075 22.5001 17.5361 21.5667 19.3099 19.9567L15.929 17.39C15.0242 18.0083 13.8099 18.44 12.2147 18.44C9.38142 18.44 6.97669 16.6083 6.11947 14.0767L5.99382 14.0871L2.68656 16.5955L2.64331 16.7133C4.40519 20.1433 8.02423 22.5001 12.2147 22.5001Z" fill="#34A853"/>
+<path d="M6.12022 14.0767C5.89403 13.4234 5.76313 12.7233 5.76313 12C5.76313 11.2767 5.89403 10.5767 6.10832 9.92337L6.10233 9.78423L2.75361 7.2356L2.64405 7.28667C1.91789 8.71002 1.50122 10.3084 1.50122 12C1.50122 13.6917 1.91789 15.29 2.64405 16.7133L6.12022 14.0767Z" fill="#FBBC05"/>
+<path d="M12.2148 5.55997C14.2267 5.55997 15.5838 6.41163 16.3576 7.12335L19.3814 4.23C17.5243 2.53834 15.1076 1.5 12.2148 1.5C8.02426 1.5 4.4052 3.85665 2.64331 7.28662L6.10759 9.92332C6.97671 7.39166 9.38146 5.55997 12.2148 5.55997Z" fill="#EB4335"/>
+</svg>
diff --git a/apps/web/res/img/element-icons/brands/twitter.svg b/apps/web/res/img/element-icons/brands/twitter.svg
new file mode 100644
index 00000000000..43eb825a598
--- /dev/null
+++ b/apps/web/res/img/element-icons/brands/twitter.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.04155 21C6.6153 21 4.35363 20.2943 2.45 19.0767C4.06624 19.1813 6.91855 18.9308 8.69268 17.2386C6.0238 17.1161 4.82019 15.0692 4.6632 14.1945C4.88997 14.2819 5.97147 14.3869 6.582 14.142C3.51192 13.3722 3.04094 10.678 3.1456 9.85573C3.72124 10.2581 4.69809 10.3981 5.08185 10.3631C2.22109 8.31618 3.25027 5.23707 3.75613 4.57226C5.80911 7.4165 8.8859 9.01393 12.6923 9.10278C12.6205 8.78802 12.5826 8.46032 12.5826 8.12373C12.5826 5.70819 14.5351 3.75 16.9435 3.75C18.2019 3.75 19.3358 4.28457 20.1318 5.13963C20.9727 4.94258 22.2382 4.4813 22.8569 4.0824C22.5451 5.20208 21.5742 6.13612 20.9869 6.48231C20.9918 6.49408 20.9821 6.47048 20.9869 6.48231C21.5028 6.40428 22.8986 6.13603 23.45 5.76192C23.1773 6.39094 22.148 7.4368 21.3033 8.02232C21.4604 14.9535 16.1574 21 9.04155 21Z" fill="#1D9BF0"/>
+</svg>
diff --git a/apps/web/res/img/element-icons/check-all.svg b/apps/web/res/img/element-icons/check-all.svg
new file mode 100644
index 00000000000..d81382504d3
--- /dev/null
+++ b/apps/web/res/img/element-icons/check-all.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.75 2H14.25" stroke="#656D77" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M1.75 6H14.25" stroke="#656D77" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M1.75 10H8.25" stroke="#656D77" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M6.17188 13L8.2932 15.1213L13.95 9.46447" stroke="#656D77" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/web/res/img/element-icons/email-prompt.svg b/apps/web/res/img/element-icons/email-prompt.svg
new file mode 100644
index 00000000000..126fff6dd3c
--- /dev/null
+++ b/apps/web/res/img/element-icons/email-prompt.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 57 46" width="57" height="46" xmlns="http://www.w3.org/2000/svg">
+    <path fill="#737d8c" d="M 4,17 C 3.500492,17 3.024855,17.09642 2.583984,17.263672 L 20,34.679688 37.416016,17.263672 C 36.975147,17.096421 36.499499,17 36,17 Z M 0.263672,19.583984 C 0.096421,20.024855 0,20.500492 0,21 v 21 c 0,2.2091 1.79086,4 4,4 h 32 c 2.2091,0 4,-1.7909 4,-4 V 21 c 0,-0.499508 -0.09642,-0.975145 -0.263672,-1.416016 L 21.160156,38.160156 a 1.640164,1.640164 0 0 1 -0.533203,0.355469 1.640164,1.640164 0 0 1 -0.626953,0.125 1.640164,1.640164 0 0 1 -0.626953,-0.125 1.640164,1.640164 0 0 1 -0.533203,-0.355469 z" />
+    <path fill="#0dbd8b" fill-opacity="0.1" d="m 57,16 a 16,16 0 0 1 -16,16 16,16 0 0 1 -16,-16 16,16 0 0 1 16,-16 16,16 0 0 1 16,16 z" />
+    <path fill="#ffffff" d="m 53,16 a 12,12 0 0 1 -12,12 12,12 0 0 1 -12,-12 12,12 0 0 1 12,-12 12,12 0 0 1 12,12 z" />
+    <path fill="#0dbd8b" d="m 49,16 a 8,8 0 0 1 -8,8 8,8 0 0 1 -8,-8 8,8 0 0 1 8,-8 8,8 0 0 1 8,8 z" />
+</svg>
diff --git a/apps/web/res/img/element-icons/new-and-improved.svg b/apps/web/res/img/element-icons/new-and-improved.svg
new file mode 100644
index 00000000000..113dfe8d6bd
--- /dev/null
+++ b/apps/web/res/img/element-icons/new-and-improved.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
+    <path fill="#0dbd8b" fill-opacity="0.1" d="m 24,12 a 12,12 0 0 1 -12,12 12,12 0 0 1 -12,-12 12,12 0 0 1 12,-12 12,12 0 0 1 12,12 z" />
+    <path fill="#0dbd8b" d="m 20,12 a 8,8 0 0 1 -8,8 8,8 0 0 1 -8,-8 8,8 0 0 1 8,-8 8,8 0 0 1 8,8 z" />
+</svg>
diff --git a/apps/web/res/img/element-icons/room/default_app.svg b/apps/web/res/img/element-icons/room/default_app.svg
new file mode 100644
index 00000000000..baf9bc37fa7
--- /dev/null
+++ b/apps/web/res/img/element-icons/room/default_app.svg
@@ -0,0 +1,21 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0)">
+        <rect width="20" height="20" rx="4" fill="url(#paint0_linear)"/>
+        <path d="M2.49609 0V20" stroke="white" stroke-opacity="0.5" style="mix-blend-mode:lighten"/>
+        <path d="M20 2.5L1.60531e-06 2.5" stroke="white" stroke-opacity="0.5" style="mix-blend-mode:lighten"/>
+        <path d="M20 10L1.60531e-06 10" stroke="white" stroke-opacity="0.5" style="mix-blend-mode:lighten"/>
+        <path d="M20 17.5H1.60531e-06" stroke="white" stroke-opacity="0.5" style="mix-blend-mode:lighten"/>
+        <path d="M10 0.000488281V20.0005" stroke="white" stroke-opacity="0.5" style="mix-blend-mode:lighten"/>
+        <path d="M17.4961 0V20" stroke="white" stroke-opacity="0.5" style="mix-blend-mode:lighten"/>
+        <circle opacity="0.8" cx="10" cy="10" r="7.5" stroke="white"/>
+    </g>
+    <defs>
+        <linearGradient id="paint0_linear" x1="10" y1="0" x2="10" y2="20" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#60A6FF"/>
+            <stop offset="1" stop-color="#418DED"/>
+        </linearGradient>
+        <clipPath id="clip0">
+            <rect width="20" height="20.0005" rx="4" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>
diff --git a/apps/web/res/img/element-icons/room/default_cal.svg b/apps/web/res/img/element-icons/room/default_cal.svg
new file mode 100644
index 00000000000..65bf98a42d6
--- /dev/null
+++ b/apps/web/res/img/element-icons/room/default_cal.svg
@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="20" height="20" rx="4" fill="#FF5B55"/>
+    <path d="M2 7H18V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V7Z" fill="white"/>
+    <rect x="3.96826" y="8.99951" width="2.99723" height="3" rx="0.25" fill="#FF5B55"/>
+    <rect x="10.9614" y="13" width="2.99723" height="3" rx="0.25" fill="#FF5B55"/>
+</svg>
diff --git a/apps/web/res/img/element-icons/room/default_clock.svg b/apps/web/res/img/element-icons/room/default_clock.svg
new file mode 100644
index 00000000000..c7f453aaddf
--- /dev/null
+++ b/apps/web/res/img/element-icons/room/default_clock.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="1" y="1" width="18" height="18" rx="3" fill="#17191C" stroke="#17191C" stroke-width="2"/>
+    <path d="M18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10Z" fill="white"/>
+    <path d="M10 6V9.8125L12.5 11.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/web/res/img/element-icons/room/default_doc.svg b/apps/web/res/img/element-icons/room/default_doc.svg
new file mode 100644
index 00000000000..aff393ffd50
--- /dev/null
+++ b/apps/web/res/img/element-icons/room/default_doc.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="20" height="20" rx="4" fill="#FCC639"/>
+    <path d="M2 7H18V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V7Z" fill="white"/>
+</svg>
diff --git a/apps/web/res/img/element-icons/room/default_video.svg b/apps/web/res/img/element-icons/room/default_video.svg
new file mode 100644
index 00000000000..022f1f43b19
--- /dev/null
+++ b/apps/web/res/img/element-icons/room/default_video.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="20" height="20" rx="4" fill="#5ABFF2"/>
+    <path d="M3 7.875C3 6.83947 3.83947 6 4.875 6H11.1875C12.223 6 13.0625 6.83947 13.0625 7.875V12.875C13.0625 13.9105 12.223 14.75 11.1875 14.75H4.875C3.83947 14.75 3 13.9105 3 12.875V7.875Z" fill="white"/>
+    <path d="M14.375 8.44644L16.1208 7.11039C16.4806 6.83502 17 7.09158 17 7.54468V13.0396C17 13.5199 16.4251 13.7669 16.0767 13.4363L14.375 11.8214V8.44644Z" fill="white"/>
+</svg>
diff --git a/apps/web/res/img/element-icons/roomlist/decorated-avatar-mask.svg b/apps/web/res/img/element-icons/roomlist/decorated-avatar-mask.svg
new file mode 100644
index 00000000000..1cca51666e9
--- /dev/null
+++ b/apps/web/res/img/element-icons/roomlist/decorated-avatar-mask.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <path d="m 0,0 v 32 h 26 a 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 6,6 0 0 1 6,6 V 0 Z" />
+</svg>
diff --git a/apps/web/res/img/element-icons/roomlist/room-avatar-view-icon-mask.svg b/apps/web/res/img/element-icons/roomlist/room-avatar-view-icon-mask.svg
new file mode 100644
index 00000000000..8eaf2f18318
--- /dev/null
+++ b/apps/web/res/img/element-icons/roomlist/room-avatar-view-icon-mask.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+    <path d="M32 0H0V32H32C26.4772 32 22 27.5228 22 22C22 16.4772 26.4772 12 32 12V0Z"/>
+</svg>
diff --git a/apps/web/res/img/element-icons/roomlist/room-avatar-view-presence-mask.svg b/apps/web/res/img/element-icons/roomlist/room-avatar-view-presence-mask.svg
new file mode 100644
index 00000000000..b40f382d4b8
--- /dev/null
+++ b/apps/web/res/img/element-icons/roomlist/room-avatar-view-presence-mask.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+    <path d="M36 -4H-4V36H36V30.4722C34.9385 31.4223 33.5367 32 32 32C28.6863 32 26 29.3137 26 26C26 22.6863 28.6863 20 32 20C33.5367 20 34.9385 20.5777 36 21.5278V-4Z" />
+</svg>
diff --git a/apps/web/res/img/element-icons/roomlist/skeleton-ui.svg b/apps/web/res/img/element-icons/roomlist/skeleton-ui.svg
new file mode 100644
index 00000000000..e95692536ce
--- /dev/null
+++ b/apps/web/res/img/element-icons/roomlist/skeleton-ui.svg
@@ -0,0 +1,5 @@
+<svg width="228" height="48" viewBox="0 0 228 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="16" r="16" fill="#D4D4D4"/>
+<rect x="39" width="189" height="12" rx="6" fill="#D4D4D4"/>
+<rect x="39" y="20" width="143" height="12" rx="6" fill="#D4D4D4"/>
+</svg>
diff --git a/apps/web/res/img/element-icons/settings/img-size-large.svg b/apps/web/res/img/element-icons/settings/img-size-large.svg
new file mode 100644
index 00000000000..64046e515a2
--- /dev/null
+++ b/apps/web/res/img/element-icons/settings/img-size-large.svg
@@ -0,0 +1,15 @@
+<svg width="221" height="148" viewBox="0 0 221 148" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <mask id="mountains">
+            <rect x="0" y="0" width="100%" height="100%" fill="white" />
+            <path d="M109.918 67.966L80.2282 114.975C79.0024 116.916 80.3971 119.447 82.6927 119.447H142.073C144.369 119.447 145.763 116.916 144.538 114.975L114.847 67.966C113.704 66.1548 111.062 66.1548 109.918 67.966Z" fill="black"/>
+            <path d="M141.995 82.4526L121.1 114.956C119.853 116.896 121.246 119.447 123.552 119.447H165.342C167.648 119.447 169.041 116.896 167.794 114.956L146.899 82.4526C145.751 80.6677 143.142 80.6677 141.995 82.4526Z" fill="black"/>
+            <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="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/apps/web/res/img/element-icons/settings/img-size-normal.svg b/apps/web/res/img/element-icons/settings/img-size-normal.svg
new file mode 100644
index 00000000000..3c741169206
--- /dev/null
+++ b/apps/web/res/img/element-icons/settings/img-size-normal.svg
@@ -0,0 +1,20 @@
+<svg width="221" height="148" viewBox="0 0 221 148" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <mask id="mountains">
+            <rect x="0" y="0" width="100%" height="100%" fill="white" />
+            <path d="M75.1545 94.3387L64.9688 110.466C64.5483 111.132 65.0268 112 65.8143 112H86.1857C86.9732 112 87.4517 111.132 87.0312 110.466L76.8455 94.3387C76.4531 93.7173 75.5469 93.7173 75.1545 94.3387Z" fill="black"/>
+            <path d="M86.1588 99.3085L78.9905 110.459C78.5627 111.125 79.0405 112 79.8317 112H94.1683C94.9595 112 95.4373 111.125 95.0095 110.459L87.8412 99.3085C87.4475 98.6962 86.5525 98.6962 86.1588 99.3085Z" fill="black"/>
+            <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="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/apps/web/res/img/element-icons/settings/inactive.svg b/apps/web/res/img/element-icons/settings/inactive.svg
new file mode 100644
index 00000000000..63b6b97bd59
--- /dev/null
+++ b/apps/web/res/img/element-icons/settings/inactive.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.33333 0.333008C0.6 0.333008 0 0.933008 0 1.66634L0.00666682 3.78634C0.00666682 4.13967 0.146667 4.47301 0.393333 4.72634L2.66667 6.99967L0.393333 9.28634C0.146667 9.53301 0.00666682 9.87301 0.00666682 10.2263L0 12.333C0 13.0663 0.6 13.6663 1.33333 13.6663H6.66667C7.4 13.6663 8 13.0663 8 12.333V10.2263C8 9.87301 7.86 9.53301 7.61333 9.28634L5.33333 6.99967L7.60667 4.73301C7.86 4.47967 8 4.13967 8 3.78634V1.66634C8 0.933008 7.4 0.333008 6.66667 0.333008H1.33333ZM6.66667 10.273V11.6663C6.66667 12.033 6.36667 12.333 6 12.333H2C1.63333 12.333 1.33333 12.033 1.33333 11.6663V10.273C1.33333 10.093 1.40667 9.92634 1.52667 9.79967L4 7.33301L6.47333 9.80634C6.59333 9.92634 6.66667 10.0997 6.66667 10.273Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/res/img/element-icons/trophy.svg b/apps/web/res/img/element-icons/trophy.svg
new file mode 100644
index 00000000000..99f4831b573
--- /dev/null
+++ b/apps/web/res/img/element-icons/trophy.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6667 1.33333H9.33333V0.666667C9.33333 0.3 9.03333 0 8.66667 0H3.33333C2.96667 0 2.66667 0.3 2.66667 0.666667V1.33333H1.33333C0.6 1.33333 0 1.93333 0 2.66667V3.33333C0 5.03333 1.28 6.42 2.92667 6.62667C3.34667 7.62667 4.24667 8.38 5.33333 8.6V10.6667H3.33333C2.96667 10.6667 2.66667 10.9667 2.66667 11.3333C2.66667 11.7 2.96667 12 3.33333 12H8.66667C9.03333 12 9.33333 11.7 9.33333 11.3333C9.33333 10.9667 9.03333 10.6667 8.66667 10.6667H6.66667V8.6C7.75333 8.38 8.65333 7.62667 9.07333 6.62667C10.72 6.42 12 5.03333 12 3.33333V2.66667C12 1.93333 11.4 1.33333 10.6667 1.33333ZM1.33333 3.33333V2.66667H2.66667V5.21333C1.89333 4.93333 1.33333 4.2 1.33333 3.33333ZM10.6667 3.33333C10.6667 4.2 10.1067 4.93333 9.33333 5.21333V2.66667H10.6667V3.33333Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/res/img/element-shiny.svg b/apps/web/res/img/element-shiny.svg
new file mode 100644
index 00000000000..006713bc0fa
--- /dev/null
+++ b/apps/web/res/img/element-shiny.svg
@@ -0,0 +1,15 @@
+<svg width="128" height="101" viewBox="0 0 128 101" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="15" y="5" width="96" height="96" rx="48" fill="#0DBD8B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M55.1775 28.415C55.1775 26.5635 56.6785 25.0625 58.53 25.0625C70.8736 25.0625 80.88 35.0689 80.88 47.4125C80.88 49.264 79.379 50.765 77.5275 50.765C75.676 50.765 74.175 49.264 74.175 47.4125C74.175 38.772 67.1705 31.7675 58.53 31.7675C56.6785 31.7675 55.1775 30.2665 55.1775 28.415Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M70.8225 77.585C70.8225 79.4365 69.3215 80.9375 67.47 80.9375C55.1264 80.9375 45.12 70.9311 45.12 58.5875C45.12 56.736 46.621 55.235 48.4725 55.235C50.324 55.235 51.825 56.736 51.825 58.5875C51.825 67.228 58.8295 74.2325 67.47 74.2325C69.3215 74.2325 70.8225 75.7335 70.8225 77.585Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38.415 60.8228C36.5635 60.8228 35.0625 59.3218 35.0625 57.4703C35.0625 45.1267 45.0689 35.1203 57.4125 35.1203C59.264 35.1203 60.765 36.6212 60.765 38.4727C60.765 40.3243 59.264 41.8253 57.4125 41.8253C48.772 41.8253 41.7675 48.8298 41.7675 57.4703C41.7675 59.3218 40.2665 60.8228 38.415 60.8228Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M87.585 45.1772C89.4365 45.1772 90.9375 46.6782 90.9375 48.5297C90.9375 60.8733 80.9311 70.8797 68.5875 70.8797C66.736 70.8797 65.235 69.3788 65.235 67.5272C65.235 65.6757 66.736 64.1747 68.5875 64.1747C77.228 64.1747 84.2325 57.1702 84.2325 48.5297C84.2325 46.6782 85.7335 45.1772 87.585 45.1772Z" fill="white"/>
+<path d="M30.4463 73.0498C37.2216 73.9931 38.0613 74.7983 39.2002 81.8497C39.3267 82.5284 39.8558 83 40.4885 83C41.1442 83 41.6848 82.5169 41.7768 81.8382C42.7776 74.7868 43.7324 73.8206 50.5422 73.0498C51.2324 72.9693 51.75 72.4057 51.75 71.75C51.75 71.0828 51.2439 70.5422 50.5537 70.4502L41.7768 61.6503C41.6618 60.9716 41.1442 60.5 40.4885 60.5C39.8443 60.5 39.3037 60.9716 39.2002 61.6618C38.2109 68.7132 37.2561 69.6794 30.4463 70.4502C29.7561 70.5307 29.25 71.0828 29.25 71.75C29.25 72.4057 29.7446 72.9578 30.4463 73.0498ZM30.4463 73.0498L30.2783 74.257C30.2796 74.2571 30.281 74.2573 30.2823 74.2575M30.4463 73.0498L30.2878 74.2582C30.286 74.258 30.2842 74.2578 30.2823 74.2575M30.2823 74.2575C31.9721 74.4928 33.2099 74.7097 34.1585 74.9974C35.0904 75.2801 35.6632 75.6086 36.0746 76.0205C36.4888 76.4352 36.833 77.0281 37.1435 78.0026C37.4582 78.9903 37.7127 80.284 37.997 82.044L37.9993 82.0586L38.002 82.0731C38.2222 83.2538 39.1958 84.2188 40.4885 84.2188C41.7834 84.2188 42.8124 83.256 42.9839 82.0063C43.2331 80.2515 43.4698 78.9519 43.7759 77.957C44.0782 76.9743 44.4247 76.3703 44.8444 75.949C45.7105 75.0799 47.1972 74.6549 50.6792 74.2609L50.6834 74.2604C51.945 74.1132 52.9688 73.0664 52.9688 71.75C52.9688 70.4139 51.951 69.4069 50.7148 69.2421L50.7117 69.2417C49.0219 69.0208 47.7825 68.8106 46.8326 68.5257C45.9005 68.2462 45.3243 67.9163 44.9096 67.5011C44.4915 67.0825 44.1442 66.484 43.8322 65.5053C43.5161 64.5138 43.2615 63.2169 42.9803 61.4579L42.9804 61.4579L42.9785 61.4466C42.775 60.2465 41.802 59.2812 40.4885 59.2812C39.2028 59.2812 38.1821 60.2329 37.9949 61.481L37.9948 61.481L37.9932 61.4925C37.7468 63.2488 37.512 64.5493 37.2073 65.5446C36.9065 66.5271 36.561 67.1307 36.1421 67.5515C35.2777 68.42 33.7916 68.845 30.3093 69.2391L30.3093 69.2391L30.3051 69.2396C29.0355 69.3877 28.0312 70.4298 28.0312 71.75C28.0312 73.0579 29.0195 74.0893 30.2823 74.2575Z" fill="white" stroke="#0DBD8B" stroke-width="2.4375"/>
+<path d="M94.7208 30.328L94.7236 30.3276C95.6801 30.2149 96.4375 29.4177 96.4375 28.4375C96.4375 27.4421 95.6859 26.6756 94.7465 26.5491L94.7444 26.5488C93.3498 26.3646 92.3142 26.188 91.5149 25.9458C90.7278 25.7074 90.2204 25.4198 89.848 25.0432C89.4729 24.6639 89.173 24.1319 88.9097 23.2975C88.6437 22.455 88.4318 21.3606 88.1997 19.8941L88.1997 19.8941L88.1984 19.8866C88.0461 18.9789 87.32 18.25 86.3343 18.25C85.3687 18.25 84.6075 18.9698 84.4677 19.9113L84.4677 19.9113L84.4666 19.9189C84.2632 21.3837 84.0677 22.4815 83.8111 23.328C83.557 24.1662 83.2586 24.7031 82.8824 25.0849C82.114 25.8648 80.8173 26.2201 77.9572 26.5471L77.9572 26.547L77.9544 26.5474C76.9927 26.6607 76.25 27.4529 76.25 28.4375C76.25 29.4121 76.9802 30.1969 77.939 30.3257C79.3337 30.5218 80.3679 30.7041 81.1658 30.9486C81.9523 31.1896 82.4569 31.4761 82.8265 31.8498C83.1984 32.2259 83.4957 32.7533 83.7578 33.5841C84.0226 34.4234 84.2345 35.515 84.4691 36.9822L84.4706 36.9918L84.4724 37.0014C84.6376 37.8963 85.3662 38.625 86.3343 38.625C87.3079 38.625 88.0744 37.8957 88.202 36.9553C88.4077 35.4915 88.6048 34.3942 88.8626 33.5481C89.1179 32.7097 89.4172 32.1725 89.7941 31.7904C90.5638 31.0102 91.861 30.6549 94.7208 30.328Z" fill="white" stroke="#0DBD8B" stroke-width="1.625"/>
+<path d="M121.494 20C121.844 20 122.132 19.7423 122.181 19.3804C122.715 15.6196 123.224 15.1043 126.856 14.6933C127.224 14.6503 127.5 14.3497 127.5 14C127.5 13.6442 127.23 13.3558 126.862 13.3067C123.248 12.8344 122.782 12.3742 122.181 8.6135C122.12 8.25153 121.844 8 121.494 8C121.15 8 120.862 8.25153 120.807 8.61963C120.279 12.3804 119.77 12.8957 116.138 13.3067C115.77 13.3497 115.5 13.6442 115.5 14C115.5 14.3497 115.764 14.6442 116.138 14.6933C119.752 15.1963 120.199 15.6258 120.807 19.3865C120.874 19.7485 121.156 20 121.494 20Z" fill="#0DBD8B"/>
+<path d="M114.372 9.5C114.568 9.5 114.73 9.35506 114.758 9.15146C115.058 7.03604 115.345 6.74617 117.388 6.51495C117.595 6.4908 117.75 6.3217 117.75 6.125C117.75 5.92485 117.598 5.76265 117.391 5.73505C115.359 5.46933 115.096 5.21051 114.758 3.09509C114.724 2.89149 114.568 2.75 114.372 2.75C114.178 2.75 114.016 2.89149 113.985 3.09854C113.688 5.21396 113.402 5.50383 111.359 5.73505C111.152 5.7592 111 5.92485 111 6.125C111 6.3217 111.148 6.48735 111.359 6.51495C113.391 6.79793 113.643 7.03949 113.985 9.15491C114.023 9.35851 114.182 9.5 114.372 9.5Z" fill="#0DBD8B"/>
+<path d="M115.871 26C116.111 26 116.309 25.8229 116.343 25.574C116.71 22.9885 117.06 22.6342 119.557 22.3516C119.81 22.3221 120 22.1154 120 21.875C120 21.6304 119.814 21.4321 119.561 21.3984C117.077 21.0736 116.757 20.7573 116.343 18.1718C116.301 17.9229 116.111 17.75 115.871 17.75C115.635 17.75 115.436 17.9229 115.398 18.176C115.036 20.7615 114.686 21.1158 112.189 21.3984C111.936 21.4279 111.75 21.6304 111.75 21.875C111.75 22.1154 111.931 22.3179 112.189 22.3516C114.673 22.6975 114.981 22.9927 115.398 25.5782C115.445 25.8271 115.639 26 115.871 26Z" fill="#0DBD8B"/>
+<path d="M5.61925 16.25C5.94709 16.25 6.21741 16.0084 6.26342 15.6691C6.7638 12.1434 7.24118 11.6603 10.6461 11.2749C10.9912 11.2347 11.25 10.9528 11.25 10.625C11.25 10.2914 10.9969 10.0211 10.6518 9.97508C7.26419 9.53221 6.82707 9.10084 6.26342 5.57515C6.20591 5.23581 5.94709 5 5.61925 5C5.29716 5 5.02684 5.23581 4.97508 5.5809C4.48045 9.1066 4.00307 9.58972 0.59816 9.97508C0.253068 10.0153 0 10.2914 0 10.625C0 10.9528 0.247316 11.2289 0.59816 11.2749C3.98581 11.7465 4.40568 12.1492 4.97508 15.6748C5.03834 16.0142 5.30291 16.25 5.61925 16.25Z" fill="#0DBD8B"/>
+<path opacity="0.4" d="M13.1223 5.75C13.2753 5.75 13.4015 5.63727 13.4229 5.47891C13.6564 3.83359 13.8792 3.60813 15.4682 3.4283C15.6292 3.40951 15.75 3.27799 15.75 3.125C15.75 2.96933 15.6319 2.84317 15.4709 2.8217C13.89 2.61503 13.686 2.41373 13.4229 0.768405C13.3961 0.610046 13.2753 0.5 13.1223 0.5C12.972 0.5 12.8459 0.610046 12.8217 0.771089C12.5909 2.41641 12.3681 2.64187 10.7791 2.8217C10.6181 2.84049 10.5 2.96933 10.5 3.125C10.5 3.27799 10.6154 3.40683 10.7791 3.4283C12.36 3.64839 12.556 3.83627 12.8217 5.4816C12.8512 5.63995 12.9747 5.75 13.1223 5.75Z" fill="#0DBD8B"/>
+<path opacity="0.4" d="M16.8723 12.5C17.0253 12.5 17.1515 12.3873 17.1729 12.2289C17.4064 10.5836 17.6292 10.3581 19.2182 10.1783C19.3792 10.1595 19.5 10.028 19.5 9.875C19.5 9.71933 19.3819 9.59317 19.2209 9.5717C17.64 9.36503 17.436 9.16373 17.1729 7.5184C17.1461 7.36005 17.0253 7.25 16.8723 7.25C16.722 7.25 16.5959 7.36005 16.5717 7.52109C16.3409 9.16641 16.1181 9.39187 14.5291 9.5717C14.3681 9.59049 14.25 9.71933 14.25 9.875C14.25 10.028 14.3654 10.1568 14.5291 10.1783C16.11 10.3984 16.306 10.5863 16.5717 12.2316C16.6012 12.39 16.7247 12.5 16.8723 12.5Z" fill="#0DBD8B"/>
+</svg>
diff --git a/apps/web/res/img/icon-email-pill-avatar.svg b/apps/web/res/img/icon-email-pill-avatar.svg
new file mode 100644
index 00000000000..6b0ac200a5a
--- /dev/null
+++ b/apps/web/res/img/icon-email-pill-avatar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="65.631" height="67.981"><defs><filter x="-.059" y="-.079" width="1.118" height="1.158" filterUnits="objectBoundingBox" id="a"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="16" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0.473684211 0 0 0 0 1 0 0 0 0.241258741 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g filter="url(#a)" transform="matrix(3.40907 0 0 3.40907 -1493.716 -795.144)" fill="none" fill-rule="evenodd" stroke="#368bd6" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(441.5 237.5)"><circle r="2.286" cy="5.714" cx="6.286"/><path d="M8.571 3.429v2.857a1.714 1.714 0 103.429 0v-.572a5.714 5.714 0 10-2.24 4.537"/></g></g></svg>
\ No newline at end of file
diff --git a/apps/web/res/img/icons-show-stickers.svg b/apps/web/res/img/icons-show-stickers.svg
new file mode 100644
index 00000000000..05b6953d100
--- /dev/null
+++ b/apps/web/res/img/icons-show-stickers.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<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"
+	 width="500px" height="500px" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
+<g id="Layer_1_1_" opacity="0.15">
+	<path id="Oval-109-Copy" fill="#76CFA6" d="M250,500c138.571,0,250-111.43,250-250C500,111.429,388.571,0,250,0
+		C111.429,0,0,111.429,0,250C0,388.57,111.429,500,250,500z"/>
+</g>
+<path fill="none" stroke="#76CFA6" stroke-width="12" stroke-miterlimit="10" d="M249,430c-98.996,0-180-81.003-180-180
+	c0-98.998,81.005-180,180-180c98.994,0,180,81.001,180,180C429,348.997,347.995,430,249,430z M321.8,229.2
+	c17.685,0,31.201-13.518,31.201-31.2s-13.519-31.2-31.201-31.2c-17.682,0-31.2,13.518-31.2,31.2S304.118,229.2,321.8,229.2z
+	 M176.2,229.2c17.682,0,31.2-13.518,31.2-31.2s-13.519-31.2-31.2-31.2c-17.683,0-31.201,13.518-31.201,31.2
+	S158.518,229.2,176.2,229.2z M249,364.4c48.883,0,89.436-30.164,106.081-72.801H142.919C159.564,334.236,200.117,364.4,249,364.4z"
+	/>
+</svg>
diff --git a/apps/web/res/img/location/live-location.svg b/apps/web/res/img/location/live-location.svg
new file mode 100644
index 00000000000..09628709a71
--- /dev/null
+++ b/apps/web/res/img/location/live-location.svg
@@ -0,0 +1,3 @@
+<svg width="26" height="14" viewBox="0 0 26 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.65397 13.1529C3.97397 12.8329 4.00534 12.3247 3.71671 11.9796C1.3073 9.04941 1.3073 4.7953 3.71044 1.85883C3.99906 1.50745 3.97397 0.992943 3.65397 0.672942C3.28377 0.302747 2.66887 0.327845 2.33632 0.735688C-0.593877 4.31843 -0.593877 9.50118 2.33632 13.0902C2.66259 13.498 3.2775 13.5294 3.65397 13.1529ZM6.18259 10.6243C6.49004 10.3169 6.52142 9.83373 6.26416 9.47608C5.17867 7.9451 5.17867 5.88706 6.26416 4.35608C6.51514 3.99843 6.49004 3.5153 6.18259 3.20784L6.17632 3.20157C5.79985 2.8251 5.15985 2.8502 4.8524 3.28314C3.29004 5.44157 3.29004 8.38432 4.8524 10.549C5.16612 10.982 5.79985 11.0071 6.18259 10.6243ZM13.3147 1.03914C10.8864 1.03914 8.92253 3.05652 8.92253 5.55086C8.92253 8.23855 11.6959 11.9446 12.8378 13.3561C13.0888 13.6655 13.5468 13.6655 13.7978 13.3561C14.9335 11.9446 17.7068 8.23855 17.7068 5.55086C17.7068 3.05652 15.7429 1.03914 13.3147 1.03914ZM13.3147 7.16219C12.4488 7.16219 11.7461 6.44031 11.7461 5.55086C11.7461 4.66141 12.4488 3.93953 13.3147 3.93953C14.1806 3.93953 14.8833 4.66141 14.8833 5.55086C14.8833 6.44031 14.1806 7.16219 13.3147 7.16219ZM22.3093 11.9796C22.0207 12.3247 22.0521 12.8329 22.3721 13.1529C22.7485 13.5294 23.3634 13.498 23.6897 13.0902C26.6199 9.50118 26.6199 4.31843 23.6897 0.735688C23.3572 0.327845 22.7423 0.302747 22.3721 0.672942C22.0521 0.992943 22.027 1.50745 22.3156 1.85883C24.7187 4.7953 24.7187 9.04941 22.3093 11.9796ZM19.7619 9.47608C19.5046 9.83373 19.536 10.3169 19.8434 10.6243C20.2262 11.0071 20.8599 10.982 21.1736 10.549C22.736 8.38432 22.736 5.44157 21.1736 3.28314C20.8662 2.8502 20.2262 2.8251 19.8497 3.20157L19.8434 3.20784C19.536 3.5153 19.5109 3.99843 19.7619 4.35608C20.8474 5.88706 20.8474 7.9451 19.7619 9.47608Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/res/img/location/map.svg b/apps/web/res/img/location/map.svg
new file mode 100644
index 00000000000..9719d8f6142
--- /dev/null
+++ b/apps/web/res/img/location/map.svg
@@ -0,0 +1,9 @@
+<svg width="848" height="556" viewBox="0 0 848 556" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_2017_61025" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="848" height="556">
+<rect width="847.147" height="555.685" fill="currentColor"/>
+</mask>
+<g mask="url(#mask0_2017_61025)">
+<circle cx="424.936" cy="277.842" r="495.758" fill="none"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M424.935 874.689C754.565 874.689 1021.78 607.472 1021.78 277.842C1021.78 -51.7871 754.565 -319.005 424.935 -319.005C95.3061 -319.005 -171.911 -51.7871 -171.911 277.842C-171.911 607.472 95.3061 874.689 424.935 874.689ZM-46.5437 6.90497L920.479 442.347L873.141 547.473L438.188 351.617L218.986 834.499L114.004 786.843L333.061 304.28L-93.8812 112.031L-46.5437 6.90497Z" fill="currentColor"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/res/welcome/images/matrix.svg b/apps/web/res/img/matrix.svg
similarity index 100%
rename from res/welcome/images/matrix.svg
rename to apps/web/res/img/matrix.svg
diff --git a/apps/web/res/img/noise.png b/apps/web/res/img/noise.png
new file mode 100644
index 00000000000..05351f89b6a
Binary files /dev/null and b/apps/web/res/img/noise.png differ
diff --git a/apps/web/res/img/room_replaced.svg b/apps/web/res/img/room_replaced.svg
new file mode 100644
index 00000000000..fa5abd1c9f0
--- /dev/null
+++ b/apps/web/res/img/room_replaced.svg
@@ -0,0 +1,13 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="31" height="31" fill="black" fill-opacity="0"/>
+<circle cx="15.5" cy="15.5" r="15.5" fill="#A2A2A2"/>
+<path d="M22.8553 15.5C22.8553 19.5622 19.5622 22.8553 15.5 22.8553C11.4378 22.8553 8.14474 19.5622 8.14474 15.5C8.14474 11.4378 11.4378 8.14474 15.5 8.14474C19.5622 8.14474 22.8553 11.4378 22.8553 15.5ZM15.5 24.25C20.3325 24.25 24.25 20.3325 24.25 15.5C24.25 10.6675 20.3325 6.75 15.5 6.75C10.6675 6.75 6.75 10.6675 6.75 15.5C6.75 20.3325 10.6675 24.25 15.5 24.25Z" fill="white" stroke="white" stroke-width="0.5"/>
+<rect x="16.2666" y="30.5032" width="1.5" height="29.4046" transform="rotate(179.987 16.2666 30.5032)" fill="#A2A2A2"/>
+<rect x="8.89404" y="28.8434" width="1.5" height="29.6593" transform="rotate(-149.607 8.89404 28.8434)" fill="#A2A2A2"/>
+<rect x="2.87988" y="24.495" width="1.5" height="30.0747" transform="rotate(-121.597 2.87988 24.495)" fill="#A2A2A2"/>
+<rect x="2.16284" y="23.3413" width="1.5" height="29.6434" transform="rotate(-116.581 2.16284 23.3413)" fill="#A2A2A2"/>
+<rect x="1.55176" y="22.1343" width="1.5" height="29.5016" transform="rotate(-111.584 1.55176 22.1343)" fill="#A2A2A2"/>
+<path d="M9.5 17L7.5 20L5.5 17L9.5 17Z" fill="white" stroke="white"/>
+<path d="M21.5 15L23.5 12L25.5 15H21.5Z" fill="white" stroke="white"/>
+</svg>
+
diff --git a/apps/web/res/img/sensor.svg b/apps/web/res/img/sensor.svg
new file mode 100644
index 00000000000..0bc41eac0bc
--- /dev/null
+++ b/apps/web/res/img/sensor.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.63751 9.3625C2.19777 8.93261 1.85346 8.43043 1.60457 7.85596C1.3557 7.2815 1.23126 6.66562 1.23126 6.00831C1.23126 5.34309 1.35522 4.72331 1.60314 4.14899C1.85105 3.57466 2.19168 3.06667 2.62501 2.625L3.21251 3.2125C2.85835 3.575 2.57918 3.99408 2.37501 4.46975C2.17085 4.94543 2.06876 5.4539 2.06876 5.99518C2.06876 6.53589 2.17071 7.04496 2.37461 7.52239C2.57851 7.99981 2.86198 8.41735 3.22501 8.775L2.63751 9.3625ZM3.90001 8.1C3.63525 7.82844 3.42427 7.51368 3.26706 7.1557C3.10986 6.79773 3.03126 6.4143 3.03126 6.00539C3.03126 5.5883 3.10939 5.20187 3.26564 4.84613C3.42189 4.49038 3.63335 4.175 3.90001 3.9L4.48751 4.4875C4.29638 4.68505 4.14547 4.91232 4.03479 5.16931C3.9241 5.4263 3.86876 5.704 3.86876 6.0024C3.86876 6.3008 3.9241 6.57792 4.03479 6.83375C4.14547 7.08958 4.29638 7.31583 4.48751 7.5125L3.90001 8.1ZM5.99664 7.01875C5.71555 7.01875 5.47605 6.91867 5.27814 6.7185C5.08022 6.51833 4.98126 6.27771 4.98126 5.99663C4.98126 5.71554 5.08135 5.47604 5.28151 5.27813C5.48168 5.08021 5.7223 4.98125 6.00339 4.98125C6.28447 4.98125 6.52397 5.08133 6.72189 5.2815C6.9198 5.48167 7.01876 5.72229 7.01876 6.00337C7.01876 6.28446 6.91868 6.52396 6.71851 6.72188C6.51835 6.91979 6.27772 7.01875 5.99664 7.01875ZM8.08751 8.0875L7.51251 7.5125C7.70781 7.31496 7.85976 7.08674 7.96836 6.82784C8.07696 6.56895 8.13126 6.2922 8.13126 5.9976C8.13126 5.6992 8.07696 5.42208 7.96836 5.16625C7.85976 4.91042 7.70781 4.68417 7.51251 4.4875L8.10001 3.9C8.36668 4.175 8.57814 4.49068 8.73439 4.84704C8.89064 5.2034 8.96876 5.59049 8.96876 6.00829C8.96876 6.4179 8.89016 6.80103 8.73296 7.15768C8.57575 7.51433 8.3606 7.82428 8.08751 8.0875ZM9.36251 9.3625L8.77501 8.775C9.13751 8.42083 9.42085 8.00597 9.62501 7.5304C9.82918 7.05483 9.93126 6.54646 9.93126 6.0053C9.93126 5.45593 9.82814 4.94479 9.62189 4.47188C9.41564 3.99896 9.13751 3.57917 8.78751 3.2125L9.37501 2.625C9.80835 3.06667 10.149 3.57458 10.3969 4.14873C10.6448 4.72288 10.7688 5.34256 10.7688 6.00779C10.7688 6.6651 10.6443 7.28107 10.3954 7.8557C10.1466 8.43034 9.80225 8.93261 9.36251 9.3625Z" fill="currentColor"/>
+</svg>
diff --git a/apps/web/res/img/social/email-1.png b/apps/web/res/img/social/email-1.png
new file mode 100644
index 00000000000..193cb659da5
Binary files /dev/null and b/apps/web/res/img/social/email-1.png differ
diff --git a/apps/web/res/img/social/facebook.png b/apps/web/res/img/social/facebook.png
new file mode 100644
index 00000000000..457ef761a14
Binary files /dev/null and b/apps/web/res/img/social/facebook.png differ
diff --git a/apps/web/res/img/social/linkedin.png b/apps/web/res/img/social/linkedin.png
new file mode 100644
index 00000000000..4c92adb56be
Binary files /dev/null and b/apps/web/res/img/social/linkedin.png differ
diff --git a/apps/web/res/img/social/reddit.png b/apps/web/res/img/social/reddit.png
new file mode 100644
index 00000000000..13101684707
Binary files /dev/null and b/apps/web/res/img/social/reddit.png differ
diff --git a/apps/web/res/img/social/twitter-2.png b/apps/web/res/img/social/twitter-2.png
new file mode 100644
index 00000000000..9f6e7c602bc
Binary files /dev/null and b/apps/web/res/img/social/twitter-2.png differ
diff --git a/apps/web/res/img/stickerpack-placeholder.png b/apps/web/res/img/stickerpack-placeholder.png
new file mode 100644
index 00000000000..79801144385
Binary files /dev/null and b/apps/web/res/img/stickerpack-placeholder.png differ
diff --git a/apps/web/res/img/typing-indicator-2x.gif b/apps/web/res/img/typing-indicator-2x.gif
new file mode 100644
index 00000000000..86e34c7555c
Binary files /dev/null and b/apps/web/res/img/typing-indicator-2x.gif differ
diff --git a/apps/web/res/img/upload-big.svg b/apps/web/res/img/upload-big.svg
new file mode 100644
index 00000000000..9a6a265fdbf
--- /dev/null
+++ b/apps/web/res/img/upload-big.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0ZM17.2511 6.97409C16.9775 6.68236 16.5885 6.50012 16.157 6.50012C15.793 6.50012 15.4593 6.62973 15.1996 6.84532C15.1545 6.88267 15.1115 6.92281 15.0707 6.96564L8.79618 13.5539C8.22485 14.1538 8.24801 15.1032 8.8479 15.6746C9.4478 16.2459 10.3973 16.2227 10.9686 15.6228L14.657 11.7501V23.0589C14.657 23.8874 15.3285 24.5589 16.157 24.5589C16.9854 24.5589 17.657 23.8874 17.657 23.0589V11.7502L21.3452 15.6228C21.9165 16.2227 22.866 16.2459 23.4659 15.6746C24.0658 15.1032 24.0889 14.1538 23.5176 13.5539L17.2511 6.97409Z" fill="#0DBD8B"/>
+</svg>
diff --git a/apps/web/res/img/voip/paused.svg b/apps/web/res/img/voip/paused.svg
new file mode 100644
index 00000000000..a967bf8ddf5
--- /dev/null
+++ b/apps/web/res/img/voip/paused.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 16H9V8H11V16ZM15 16H13V8H15V16Z" fill="white"/>
+</svg>
diff --git a/apps/web/res/jitsi_external_api.min.js b/apps/web/res/jitsi_external_api.min.js
new file mode 100644
index 00000000000..2bbee8305f2
--- /dev/null
+++ b/apps/web/res/jitsi_external_api.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.JitsiMeetExternalAPI=t():e.JitsiMeetExternalAPI=t()}(self,(()=>(()=>{var e={372:(e,t,n)=>{"use strict";n.d(t,{default:()=>D});var r=n(620),i=n.n(r);class s extends r{constructor(){var e,t,n;super(...arguments),e=this,n={},(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t="_storage"))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n}clear(){this._storage={}}get length(){return Object.keys(this._storage).length}getItem(e){return this._storage[e]}setItem(e,t){this._storage[e]=t}removeItem(e){delete this._storage[e]}key(e){const t=Object.keys(this._storage);if(!(t.length<=e))return t[e]}serialize(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(0===e.length)return JSON.stringify(this._storage);const t={...this._storage};return e.forEach((e=>{delete t[e]})),JSON.stringify(t)}}const o=new class extends r{constructor(){super();try{this._storage=window.localStorage,this._localStorageDisabled=!1}catch(e){}this._storage||(console.warn("Local storage is disabled."),this._storage=new s,this._localStorageDisabled=!0)}isLocalStorageDisabled(){return this._localStorageDisabled}setLocalStorageDisabled(e){this._localStorageDisabled=e;try{this._storage=e?new s:window.localStorage}catch(e){}this._storage||(this._storage=new s)}clear(){this._storage.clear(),this.emit("changed")}get length(){return this._storage.length}getItem(e){return this._storage.getItem(e)}setItem(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];this._storage.setItem(e,t),n||this.emit("changed")}removeItem(e){this._storage.removeItem(e),this.emit("changed")}key(e){return this._storage.key(e)}serialize(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(this.isLocalStorageDisabled())return this._storage.serialize(e);const t=this._storage.length,n={};for(let r=0;r<t;r++){const t=this._storage.key(r);e.includes(t)||(n[t]=this._storage.getItem(t))}return JSON.stringify(n)}};n(449);var a=n(571);function c(e){return a.parse(e)}const l=["__proto__","constructor","prototype"];var d;!function(e){e[e.PaymentRequired=402]="PaymentRequired"}(d||(d={}));const u="(//[^/?#]+)",h="([^?#]*)",p="^([a-z][a-z0-9\\.\\+-]*:)";function g(e){const t=new RegExp(`${p}+`,"gi"),n=t.exec(e);if(n){let r=n[n.length-1].toLowerCase();"http:"!==r&&"https:"!==r&&(r="https:"),(e=e.substring(t.lastIndex)).startsWith("//")&&(e=r+e)}return e}function m(e={}){const t=[];for(const n in e)try{t.push(`${n}=${encodeURIComponent(JSON.stringify(e[n]))}`)}catch(e){console.warn(`Error encoding ${n}: ${e}`)}return t}function f(e){const t={toString:v};let n,r,i;if(e=e.replace(/\s/g,""),n=new RegExp(p,"gi"),r=n.exec(e),r&&(t.protocol=r[1].toLowerCase(),e=e.substring(n.lastIndex)),n=new RegExp(`^${u}`,"gi"),r=n.exec(e),r){let i=r[1].substring(2);e=e.substring(n.lastIndex);const s=i.indexOf("@");-1!==s&&(i=i.substring(s+1)),t.host=i;const o=i.lastIndexOf(":");-1!==o&&(t.port=i.substring(o+1),i=i.substring(0,o)),t.hostname=i}if(n=new RegExp(`^${h}`,"gi"),r=n.exec(e),r&&(i=r[1],e=e.substring(n.lastIndex)),i?i.startsWith("/")||(i=`/${i}`):i="/",t.pathname=i,e.startsWith("?")){let n=e.indexOf("#",1);-1===n&&(n=e.length),t.search=e.substring(0,n),e=e.substring(n)}else t.search="";return t.hash=e.startsWith("#")?e:"",t}function v(e){const{hash:t,host:n,pathname:r,protocol:i,search:s}=e||this;let o="";return i&&(o+=i),n&&(o+=`//${n}`),o+=r||"/",s&&(o+=s),t&&(o+=t),o}const y={window:window.opener||window.parent},_="message";class b{constructor(){let{postisOptions:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.postis=function(e){var t,n=e.scope,r=e.window,i=e.windowForEventListening||window,s=e.allowedOrigin,o={},a=[],l={},d=!1,u="__ready__",h=function(e){var t;try{t=c(e.data)}catch(e){return}if((!s||e.origin===s)&&t&&t.postis&&t.scope===n){var r=o[t.method];if(r)for(var i=0;i<r.length;i++)r[i].call(null,t.params);else l[t.method]=l[t.method]||[],l[t.method].push(t.params)}};i.addEventListener("message",h,!1);var p={listen:function(e,t){o[e]=o[e]||[],o[e].push(t);var n=l[e];if(n)for(var r=o[e],i=0;i<r.length;i++)for(var s=0;s<n.length;s++)r[i].call(null,n[s]);delete l[e]},send:function(e){var t=e.method;(d||e.method===u)&&r&&"function"==typeof r.postMessage?r.postMessage(JSON.stringify({postis:!0,scope:n,method:t,params:e.params}),"*"):a.push(e)},ready:function(e){d?e():setTimeout((function(){p.ready(e)}),50)},destroy:function(e){clearInterval(t),d=!1,i&&"function"==typeof i.removeEventListener&&i.removeEventListener("message",h),e&&e()}},g=+new Date+Math.random()+"";return t=setInterval((function(){p.send({method:u,params:g})}),50),p.listen(u,(function(e){if(e===g){clearInterval(t),d=!0;for(var n=0;n<a.length;n++)p.send(a[n]);a=[]}else p.send({method:u,params:e})})),p}({...y,...e}),this._receiveCallback=()=>{},this.postis.listen(_,(e=>this._receiveCallback(e)))}dispose(){this.postis.destroy()}send(e){this.postis.send({method:_,params:e})}setReceiveCallback(e){this._receiveCallback=e}}const w="request",L="response";class k{constructor(){let{backend:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._listeners=new Map,this._requestID=0,this._responseHandlers=new Map,this._unprocessedMessages=new Set,this.addListener=this.on,e&&this.setBackend(e)}_disposeBackend(){this._backend&&(this._backend.dispose(),this._backend=null)}_onMessageReceived(e){if(e.type===L){const t=this._responseHandlers.get(e.id);t&&(t(e),this._responseHandlers.delete(e.id))}else e.type===w?this.emit("request",e.data,((t,n)=>{this._backend.send({type:L,error:n,id:e.id,result:t})})):this.emit("event",e.data)}dispose(){this._responseHandlers.clear(),this._unprocessedMessages.clear(),this.removeAllListeners(),this._disposeBackend()}emit(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const i=this._listeners.get(e);let s=!1;return i&&i.size&&i.forEach((e=>{s=e(...n)||s})),s||this._unprocessedMessages.add(n),s}on(e,t){let n=this._listeners.get(e);return n||(n=new Set,this._listeners.set(e,n)),n.add(t),this._unprocessedMessages.forEach((e=>{t(...e)&&this._unprocessedMessages.delete(e)})),this}removeAllListeners(e){return e?this._listeners.delete(e):this._listeners.clear(),this}removeListener(e,t){const n=this._listeners.get(e);return n&&n.delete(t),this}sendEvent(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._backend&&this._backend.send({type:"event",data:e})}sendRequest(e){if(!this._backend)return Promise.reject(new Error("No transport backend defined!"));this._requestID++;const t=this._requestID;return new Promise(((n,r)=>{this._responseHandlers.set(t,(e=>{let{error:t,result:i}=e;void 0!==i?n(i):r(void 0!==t?t:new Error("Unexpected response format!"))}));try{this._backend.send({type:w,data:e,id:t})}catch(e){this._responseHandlers.delete(t),r(e)}}))}setBackend(e){this._disposeBackend(),this._backend=e,this._backend.setReceiveCallback(this._onMessageReceived.bind(this))}}let C;try{C=function(e,t=!1,n="hash"){if(!e)return{};"string"==typeof e&&(e=new URL(e));const r="search"===n?e.search:e.hash,i={},s=r?.substr(1).split("&")||[];if("hash"===n&&1===s.length){const e=s[0];if(e.startsWith("/")&&1===e.split("&").length)return i}return s.forEach((e=>{const n=e.split("="),r=n[0];if(!r||r.split(".").some((e=>l.includes(e))))return;let s;try{if(s=n[1],!t){const e=decodeURIComponent(s).replace(/\\&/,"&").replace(/[\u2018\u2019]/g,"'").replace(/[\u201C\u201D]/g,'"');s="undefined"===e?void 0:c(e)}}catch(e){return void function(e,t=""){console.error(t,e),window.onerror?.(t,void 0,void 0,void 0,e)}(e,`Failed to parse URL parameter value: ${String(s)}`)}i[r]=s})),i}(window.location).jitsi_meet_external_api_id}catch(e){}(window.JitsiMeetJS||(window.JitsiMeetJS={}),window.JitsiMeetJS.app||(window.JitsiMeetJS.app={}),window.JitsiMeetJS.app).setExternalTransportBackend=e=>undefined.setBackend(e);var x=n(860);const E=n.n(x)().getLogger("modules/API/external/functions.js");function S(e,t){return e.sendRequest({type:"devices",name:"setDevice",device:t})}const R=["css/all.css","libs/alwaysontop.min.js"],O={addBreakoutRoom:"add-breakout-room",answerKnockingParticipant:"answer-knocking-participant",approveVideo:"approve-video",askToUnmute:"ask-to-unmute",autoAssignToBreakoutRooms:"auto-assign-to-breakout-rooms",avatarUrl:"avatar-url",cancelPrivateChat:"cancel-private-chat",closeBreakoutRoom:"close-breakout-room",displayName:"display-name",endConference:"end-conference",email:"email",grantModerator:"grant-moderator",hangup:"video-hangup",hideNotification:"hide-notification",initiatePrivateChat:"initiate-private-chat",joinBreakoutRoom:"join-breakout-room",localSubject:"local-subject",kickParticipant:"kick-participant",muteEveryone:"mute-everyone",overwriteConfig:"overwrite-config",overwriteNames:"overwrite-names",password:"password",pinParticipant:"pin-participant",rejectParticipant:"reject-participant",removeBreakoutRoom:"remove-breakout-room",resizeFilmStrip:"resize-film-strip",resizeLargeVideo:"resize-large-video",sendCameraFacingMode:"send-camera-facing-mode-message",sendChatMessage:"send-chat-message",sendEndpointTextMessage:"send-endpoint-text-message",sendParticipantToRoom:"send-participant-to-room",sendTones:"send-tones",setAssumedBandwidthBps:"set-assumed-bandwidth-bps",setFollowMe:"set-follow-me",setLargeVideoParticipant:"set-large-video-participant",setMediaEncryptionKey:"set-media-encryption-key",setNoiseSuppressionEnabled:"set-noise-suppression-enabled",setParticipantVolume:"set-participant-volume",setSubtitles:"set-subtitles",setTileView:"set-tile-view",setVideoQuality:"set-video-quality",showNotification:"show-notification",startRecording:"start-recording",startShareVideo:"start-share-video",stopRecording:"stop-recording",stopShareVideo:"stop-share-video",subject:"subject",submitFeedback:"submit-feedback",toggleAudio:"toggle-audio",toggleCamera:"toggle-camera",toggleCameraMirror:"toggle-camera-mirror",toggleChat:"toggle-chat",toggleE2EE:"toggle-e2ee",toggleFilmStrip:"toggle-film-strip",toggleLobby:"toggle-lobby",toggleModeration:"toggle-moderation",toggleNoiseSuppression:"toggle-noise-suppression",toggleParticipantsPane:"toggle-participants-pane",toggleRaiseHand:"toggle-raise-hand",toggleShareScreen:"toggle-share-screen",toggleSubtitles:"toggle-subtitles",toggleTileView:"toggle-tile-view",toggleVirtualBackgroundDialog:"toggle-virtual-background",toggleVideo:"toggle-video",toggleWhiteboard:"toggle-whiteboard"},j={"avatar-changed":"avatarChanged","audio-availability-changed":"audioAvailabilityChanged","audio-mute-status-changed":"audioMuteStatusChanged","audio-or-video-sharing-toggled":"audioOrVideoSharingToggled","breakout-rooms-updated":"breakoutRoomsUpdated","browser-support":"browserSupport","camera-error":"cameraError","chat-updated":"chatUpdated","compute-pressure-changed":"computePressureChanged","conference-created-timestamp":"conferenceCreatedTimestamp","content-sharing-participants-changed":"contentSharingParticipantsChanged","data-channel-closed":"dataChannelClosed","data-channel-opened":"dataChannelOpened","device-list-changed":"deviceListChanged","display-name-change":"displayNameChange","dominant-speaker-changed":"dominantSpeakerChanged","email-change":"emailChange","error-occurred":"errorOccurred","endpoint-text-message-received":"endpointTextMessageReceived","face-landmark-detected":"faceLandmarkDetected","feedback-submitted":"feedbackSubmitted","feedback-prompt-displayed":"feedbackPromptDisplayed","filmstrip-display-changed":"filmstripDisplayChanged","incoming-message":"incomingMessage","knocking-participant":"knockingParticipant",log:"log","mic-error":"micError","moderation-participant-approved":"moderationParticipantApproved","moderation-participant-rejected":"moderationParticipantRejected","moderation-status-changed":"moderationStatusChanged","mouse-enter":"mouseEnter","mouse-leave":"mouseLeave","mouse-move":"mouseMove","non-participant-message-received":"nonParticipantMessageReceived","notification-triggered":"notificationTriggered","outgoing-message":"outgoingMessage","p2p-status-changed":"p2pStatusChanged","participant-joined":"participantJoined","participant-kicked-out":"participantKickedOut","participant-left":"participantLeft","participant-role-changed":"participantRoleChanged","participants-pane-toggled":"participantsPaneToggled","password-required":"passwordRequired","peer-connection-failure":"peerConnectionFailure","prejoin-screen-loaded":"prejoinScreenLoaded","proxy-connection-event":"proxyConnectionEvent","raise-hand-updated":"raiseHandUpdated",ready:"ready","recording-link-available":"recordingLinkAvailable","recording-status-changed":"recordingStatusChanged","participant-menu-button-clicked":"participantMenuButtonClick","video-ready-to-close":"readyToClose","video-conference-joined":"videoConferenceJoined","video-conference-left":"videoConferenceLeft","video-availability-changed":"videoAvailabilityChanged","video-mute-status-changed":"videoMuteStatusChanged","video-quality-changed":"videoQualityChanged","screen-sharing-status-changed":"screenSharingStatusChanged","subject-change":"subjectChange","suspend-detected":"suspendDetected","tile-view-changed":"tileViewChanged","toolbar-button-clicked":"toolbarButtonClicked","transcribing-status-changed":"transcribingStatusChanged","transcription-chunk-received":"transcriptionChunkReceived","whiteboard-status-changed":"whiteboardStatusChanged"},I={"_request-desktop-sources":"_requestDesktopSources"};let P=0;function N(e,t){e._numberOfParticipants+=t}function A(e){let t;return"string"==typeof e&&null!==String(e).match(/([0-9]*\.?[0-9]+)(em|pt|px|((d|l|s)?v)(h|w)|%)$/)?t=e:"number"==typeof e&&(t=`${e}px`),t}class D extends(i()){constructor(e){super();for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const{roomName:i="",width:s="100%",height:a="100%",parentNode:c=document.body,configOverwrite:l={},interfaceConfigOverwrite:d={},jwt:u,lang:h,onload:p,invitees:v,iceServers:y,devices:_,userInfo:w,e2eeKey:L,release:C,sandbox:x=""}=function(e){if(!e.length)return{};switch(typeof e[0]){case"string":case"undefined":{const[t,n,r,i,s,o,a,c,l]=e;return{roomName:t,width:n,height:r,parentNode:i,configOverwrite:s,interfaceConfigOverwrite:o,jwt:a,onload:c,lang:l}}case"object":return e[0];default:throw new Error("Can't parse the arguments!")}}(n),E=o.getItem("jitsiLocalStorage");this._parentNode=c,this._url=function(e){return function(e){let t;t=e.serverURL&&e.room?new URL(e.room,e.serverURL).toString():e.room?e.room:e.url||"";const n=f(g(t));if(!n.protocol){let t=e.protocol||e.scheme;t&&(t.endsWith(":")||(t+=":"),n.protocol=t)}let{pathname:r}=n;if(!n.host){const t=e.domain||e.host||e.hostname;if(t){const{host:e,hostname:i,pathname:s,port:o}=f(g(`org.jitsi.meet://${t}`));e&&(n.host=e,n.hostname=i,n.port=o),"/"===r&&"/"!==s&&(r=s)}}const i=e.roomName||e.room;!i||!n.pathname.endsWith("/")&&n.pathname.endsWith(`/${i}`)||(r.endsWith("/")||(r+="/"),r+=i),n.pathname=r;const{jwt:s,lang:o,release:a}=e,c=new URLSearchParams(n.search);s&&c.set("jwt",s);const{defaultLanguage:l}=e.configOverwrite||{};(o||l)&&c.set("lang",o||l),a&&c.set("release",a);const d=c.toString();d&&(n.search=`?${d}`);let{hash:u}=n;s&&(u=u.length?`${u}&jwt=${JSON.stringify(s)}`:`#jwt=${JSON.stringify(s)}`);for(const t of["config","iceServers","interfaceConfig","devices","userInfo","appData"]){const n=m(e[`${t}Overwrite`]||e[t]||e[`${t}Override`]);if(n.length){let e=`${t}.${n.join(`&${t}.`)}`;u.length?e=`&${e}`:u="#",u+=e}}return n.hash=u,n.toString()||void 0}({...arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},url:`https://${e}/#jitsi_meet_external_api_id=${P}`})}(e,{configOverwrite:l,iceServers:y,interfaceConfigOverwrite:d,jwt:u,lang:h,roomName:i,devices:_,userInfo:w,appData:{localStorageContent:E},release:C}),this._createIFrame(a,s,x),this._transport=new k({backend:new b({postisOptions:{allowedOrigin:new URL(this._url).origin,scope:`jitsi_meet_external_api_${P}`,window:this._frame.contentWindow}})}),Array.isArray(v)&&v.length>0&&this.invite(v),this._onload=p,this._tmpE2EEKey=L,this._isLargeVideoVisible=!1,this._isPrejoinVideoVisible=!1,this._numberOfParticipants=0,this._participants={},this._myUserID=void 0,this._onStageParticipant=void 0,this._setupListeners(),P++}_createIFrame(e,t,n){const r=`jitsiConferenceFrame${P}`;this._frame=document.createElement("iframe"),this._frame.allow=["autoplay","camera","clipboard-write","compute-pressure","display-capture","hid","microphone","screen-wake-lock","speaker-selection"].join("; "),this._frame.name=r,this._frame.id=r,this._setSize(e,t),this._frame.setAttribute("allowFullScreen","true"),this._frame.style.border=0,n&&(this._frame.sandbox=n),this._frame.src=this._url,this._frame=this._parentNode.appendChild(this._frame)}_getAlwaysOnTopResources(){const e=this._frame.contentWindow,t=e.document;let n="";const r=t.querySelector("base");if(r&&r.href)n=r.href;else{const{protocol:t,host:r}=e.location;n=`${t}//${r}`}return R.map((e=>new URL(e,n).href))}_getFormattedDisplayName(e){const{formattedDisplayName:t}=this._participants[e]||{};return t}_getOnStageParticipant(){return this._onStageParticipant}_getLargeVideo(){const e=this.getIFrame();if(this._isLargeVideoVisible&&e&&e.contentWindow&&e.contentWindow.document)return e.contentWindow.document.getElementById("largeVideo")}_getPrejoinVideo(){const e=this.getIFrame();if(this._isPrejoinVideoVisible&&e&&e.contentWindow&&e.contentWindow.document)return e.contentWindow.document.getElementById("prejoinVideo")}_getParticipantVideo(e){const t=this.getIFrame();if(t&&t.contentWindow&&t.contentWindow.document)return void 0===e||e===this._myUserID?t.contentWindow.document.getElementById("localVideo_container"):t.contentWindow.document.querySelector(`#participant_${e} video`)}_setSize(e,t){const n=A(e),r=A(t);void 0!==n&&(this._height=e,this._frame.style.height=n),void 0!==r&&(this._width=t,this._frame.style.width=r)}_setupListeners(){this._transport.on("event",(e=>{let{name:t,...n}=e;const r=n.id;switch(t){case"ready":var i;null===(i=this._onload)||void 0===i||i.call(this);break;case"video-conference-joined":if(void 0!==this._tmpE2EEKey){const e=e=>{const t=[];for(let n=0;n<e.length;n+=2)t.push(parseInt(e.substring(n,n+2),16));return t};this.executeCommand("setMediaEncryptionKey",JSON.stringify({exportedKey:e(this._tmpE2EEKey),index:0})),this._tmpE2EEKey=void 0}this._myUserID=r,this._participants[r]={email:n.email,avatarURL:n.avatarURL};case"participant-joined":this._participants[r]=this._participants[r]||{},this._participants[r].displayName=n.displayName,this._participants[r].formattedDisplayName=n.formattedDisplayName,N(this,1);break;case"participant-left":N(this,-1),delete this._participants[r];break;case"display-name-change":{const e=this._participants[r];e&&(e.displayName=n.displayname,e.formattedDisplayName=n.formattedDisplayName);break}case"email-change":{const e=this._participants[r];e&&(e.email=n.email);break}case"avatar-changed":{const e=this._participants[r];e&&(e.avatarURL=n.avatarURL);break}case"on-stage-participant-changed":this._onStageParticipant=r,this.emit("largeVideoChanged");break;case"large-video-visibility-changed":this._isLargeVideoVisible=n.isVisible,this.emit("largeVideoChanged");break;case"prejoin-screen-loaded":this._participants[r]={displayName:n.displayName,formattedDisplayName:n.formattedDisplayName};break;case"on-prejoin-video-changed":this._isPrejoinVideoVisible=n.isVisible,this.emit("prejoinVideoChanged");break;case"video-conference-left":N(this,-1),delete this._participants[this._myUserID];break;case"video-quality-changed":this._videoQuality=n.videoQuality;break;case"breakout-rooms-updated":this.updateNumberOfParticipants(n.rooms);break;case"local-storage-changed":return o.setItem("jitsiLocalStorage",n.localStorageContent),!0}const s=j[t];return!!s&&(this.emit(s,n),!0)})),this._transport.on("request",((e,t)=>{const n=I[e.name],r={...e,name:n};n&&this.emit(n,r,t)}))}updateNumberOfParticipants(e){if(!e||!Object.keys(e).length)return;const t=Object.keys(e).reduce(((t,n)=>{var r;return null!==(r=e[n])&&void 0!==r&&r.participants?Object.keys(e[n].participants).length+t:t}),0);this._numberOfParticipants=t}async getRoomsInfo(){return this._transport.sendRequest({name:"rooms-info"})}isP2pActive(){return this._transport.sendRequest({name:"get-p2p-status"})}addEventListener(e,t){this.on(e,t)}addEventListeners(e){for(const t in e)this.addEventListener(t,e[t])}captureLargeVideoScreenshot(){return this._transport.sendRequest({name:"capture-largevideo-screenshot"})}dispose(){this.emit("_willDispose"),this._transport.dispose(),this.removeAllListeners(),this._frame&&this._frame.parentNode&&this._frame.parentNode.removeChild(this._frame)}executeCommand(e){if(e in O){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];this._transport.sendEvent({data:n,name:O[e]})}else console.error("Not supported command name.")}executeCommands(e){for(const t in e)this.executeCommand(t,e[t])}getAvailableDevices(){return function(e){return e.sendRequest({type:"devices",name:"getAvailableDevices"}).catch((e=>(E.error(e),{})))}(this._transport)}getContentSharingParticipants(){return this._transport.sendRequest({name:"get-content-sharing-participants"})}getCurrentDevices(){return function(e){return e.sendRequest({type:"devices",name:"getCurrentDevices"}).catch((e=>(E.error(e),{})))}(this._transport)}getCustomAvatarBackgrounds(){return this._transport.sendRequest({name:"get-custom-avatar-backgrounds"})}getLivestreamUrl(){return this._transport.sendRequest({name:"get-livestream-url"})}getParticipantsInfo(){const e=Object.keys(this._participants),t=Object.values(this._participants);return t.forEach(((t,n)=>{t.participantId=e[n]})),t}getVideoQuality(){return this._videoQuality}isAudioAvailable(){return this._transport.sendRequest({name:"is-audio-available"})}isDeviceChangeAvailable(e){return function(e,t){return e.sendRequest({deviceType:t,type:"devices",name:"isDeviceChangeAvailable"})}(this._transport,e)}isDeviceListAvailable(){return function(e){return e.sendRequest({type:"devices",name:"isDeviceListAvailable"})}(this._transport)}isMultipleAudioInputSupported(){return function(e){return e.sendRequest({type:"devices",name:"isMultipleAudioInputSupported"})}(this._transport)}invite(e){return Array.isArray(e)&&0!==e.length?this._transport.sendRequest({name:"invite",invitees:e}):Promise.reject(new TypeError("Invalid Argument"))}isAudioMuted(){return this._transport.sendRequest({name:"is-audio-muted"})}isAudioDisabled(){return this._transport.sendRequest({name:"is-audio-disabled"})}isModerationOn(e){return this._transport.sendRequest({name:"is-moderation-on",mediaType:e})}isParticipantForceMuted(e,t){return this._transport.sendRequest({name:"is-participant-force-muted",participantId:e,mediaType:t})}isParticipantsPaneOpen(){return this._transport.sendRequest({name:"is-participants-pane-open"})}isSharingScreen(){return this._transport.sendRequest({name:"is-sharing-screen"})}isStartSilent(){return this._transport.sendRequest({name:"is-start-silent"})}getAvatarURL(e){const{avatarURL:t}=this._participants[e]||{};return t}getDeploymentInfo(){return this._transport.sendRequest({name:"deployment-info"})}getDisplayName(e){const{displayName:t}=this._participants[e]||{};return t}getEmail(e){const{email:t}=this._participants[e]||{};return t}getIFrame(){return this._frame}getNumberOfParticipants(){return this._numberOfParticipants}getSessionId(){return this._transport.sendRequest({name:"session-id"})}getSupportedCommands(){return Object.keys(O)}getSupportedEvents(){return Object.values(j)}isVideoAvailable(){return this._transport.sendRequest({name:"is-video-available"})}isVideoMuted(){return this._transport.sendRequest({name:"is-video-muted"})}listBreakoutRooms(){return this._transport.sendRequest({name:"list-breakout-rooms"})}_isNewElectronScreensharingSupported(){return this._transport.sendRequest({name:"_new_electron_screensharing_supported"})}pinParticipant(e,t){this.executeCommand("pinParticipant",e,t)}removeEventListener(e){this.removeAllListeners(e)}removeEventListeners(e){e.forEach((e=>this.removeEventListener(e)))}resizeLargeVideo(e,t){e<=this._width&&t<=this._height&&this.executeCommand("resizeLargeVideo",e,t)}sendProxyConnectionEvent(e){this._transport.sendEvent({data:[e],name:"proxy-connection-event"})}setAudioInputDevice(e,t){return function(e,t,n){return S(e,{id:n,kind:"audioinput",label:t})}(this._transport,e,t)}setAudioOutputDevice(e,t){return function(e,t,n){return S(e,{id:n,kind:"audiooutput",label:t})}(this._transport,e,t)}setLargeVideoParticipant(e,t){this.executeCommand("setLargeVideoParticipant",e,t)}setVideoInputDevice(e,t){return function(e,t,n){return S(e,{id:n,kind:"videoinput",label:t})}(this._transport,e,t)}startRecording(e){this.executeCommand("startRecording",e)}stopRecording(e,t){this.executeCommand("stopRecording",e,t)}toggleE2EE(e){this.executeCommand("toggleE2EE",e)}async setMediaEncryptionKey(e){const{key:t,index:n}=e;if(t){const e=await crypto.subtle.exportKey("raw",t);this.executeCommand("setMediaEncryptionKey",JSON.stringify({exportedKey:Array.from(new Uint8Array(e)),index:n}))}else this.executeCommand("setMediaEncryptionKey",JSON.stringify({exportedKey:!1,index:n}))}}},872:(e,t,n)=>{e.exports=n(372).default},135:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.BLANK_URL=t.relativeFirstCharacters=t.urlSchemeRegex=t.ctrlCharactersRegex=t.htmlCtrlEntityRegex=t.htmlEntitiesRegex=t.invalidProtocolRegex=void 0,t.invalidProtocolRegex=/^([^\w]*)(javascript|data|vbscript)/im,t.htmlEntitiesRegex=/&#(\w+)(^\w|;)?/g,t.htmlCtrlEntityRegex=/&(newline|tab);/gi,t.ctrlCharactersRegex=/[\u0000-\u001F\u007F-\u009F\u2000-\u200D\uFEFF]/gim,t.urlSchemeRegex=/^.+(:|&colon;)/gim,t.relativeFirstCharacters=[".","/"],t.BLANK_URL="about:blank"},449:(e,t,n)=>{"use strict";n(135)},571:(e,t)=>{"use strict";const n=/"(?:_|\\u005[Ff])(?:_|\\u005[Ff])(?:p|\\u0070)(?:r|\\u0072)(?:o|\\u006[Ff])(?:t|\\u0074)(?:o|\\u006[Ff])(?:_|\\u005[Ff])(?:_|\\u005[Ff])"\s*\:/;t.parse=function(e){const r="object"==typeof(arguments.length<=1?void 0:arguments[1])&&(arguments.length<=1?void 0:arguments[1]),i=(arguments.length<=1?0:arguments.length-1)>1||!r?arguments.length<=1?void 0:arguments[1]:void 0,s=(arguments.length<=1?0:arguments.length-1)>1&&(arguments.length<=2?void 0:arguments[2])||r||{},o=JSON.parse(e,i);return"ignore"===s.protoAction?o:o&&"object"==typeof o&&e.match(n)?(t.scan(o,s),o):o},t.scan=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=[e];for(;n.length;){const e=n;n=[];for(const r of e){if(Object.prototype.hasOwnProperty.call(r,"__proto__")){if("remove"!==t.protoAction)throw new SyntaxError("Object contains forbidden prototype property");delete r.__proto__}for(const e in r){const t=r[e];t&&"object"==typeof t&&n.push(r[e])}}}},t.safeParse=function(e,n){try{return t.parse(e,n)}catch(e){return null}}},369:(e,t,n)=>{var r=n(7);function i(e,t){this.logStorage=e,this.stringifyObjects=!(!t||!t.stringifyObjects)&&t.stringifyObjects,this.storeInterval=t&&t.storeInterval?t.storeInterval:3e4,this.maxEntryLength=t&&t.maxEntryLength?t.maxEntryLength:1e4,Object.values(r.levels).forEach(function(e){this[e]=function(){this._log.apply(this,arguments)}.bind(this,e)}.bind(this)),this.storeLogsIntervalID=null,this.queue=[],this.totalLen=0,this.outputCache=[]}i.prototype.stringify=function(e){try{return JSON.stringify(e)}catch(e){return"[object with circular refs?]"}},i.prototype.formatLogMessage=function(e){for(var t="",n=1,r=arguments.length;n<r;n++){var i=arguments[n];i instanceof Error?t+=i.toString()+": "+i.stack:this.stringifyObjects&&"object"==typeof i?t+=this.stringify(i):t+=i,n!==r-1&&(t+=" ")}return t.length?t:null},i.prototype._log=function(){var e=arguments[1],t=this.formatLogMessage.apply(this,arguments);if(t){var n=this.queue[this.queue.length-1];(n&&n.text)===t?n.count+=1:(this.queue.push({text:t,timestamp:e,count:1}),this.totalLen+=t.length)}this.totalLen>=this.maxEntryLength&&this._flush(!0,!0)},i.prototype.start=function(){this._reschedulePublishInterval()},i.prototype._reschedulePublishInterval=function(){this.storeLogsIntervalID&&(window.clearTimeout(this.storeLogsIntervalID),this.storeLogsIntervalID=null),this.storeLogsIntervalID=window.setTimeout(this._flush.bind(this,!1,!0),this.storeInterval)},i.prototype.flush=function(){this._flush(!1,!0)},i.prototype._storeLogs=function(e){try{this.logStorage.storeLogs(e)}catch(e){console.error("LogCollector error when calling logStorage.storeLogs(): ",e)}},i.prototype._flush=function(e,t){var n=!1;try{n=this.logStorage.isReady()}catch(e){console.error("LogCollector error when calling logStorage.isReady(): ",e)}this.totalLen>0&&(n||e)&&(n?(this.outputCache.length&&(this.outputCache.forEach(function(e){this._storeLogs(e)}.bind(this)),this.outputCache=[]),this._storeLogs(this.queue)):this.outputCache.push(this.queue),this.queue=[],this.totalLen=0),t&&this._reschedulePublishInterval()},i.prototype.stop=function(){this._flush(!1,!1)},e.exports=i},7:e=>{var t={trace:0,debug:1,info:2,log:3,warn:4,error:5};s.consoleTransport=console;var n=[s.consoleTransport];s.addGlobalTransport=function(e){-1===n.indexOf(e)&&n.push(e)},s.removeGlobalTransport=function(e){var t=n.indexOf(e);-1!==t&&n.splice(t,1)};var r={};function i(){var e=arguments[0],i=arguments[1],s=Array.prototype.slice.call(arguments,2);if(!(t[i]<e.level))for(var o=!(e.options.disableCallerInfo||r.disableCallerInfo)&&function(){var e={methodName:"",fileLocation:"",line:null,column:null},t=new Error,n=t.stack?t.stack.split("\n"):[];if(!n||n.length<3)return e;var r=null;return n[3]&&(r=n[3].match(/\s*at\s*(.+?)\s*\((\S*)\s*:(\d*)\s*:(\d*)\)/)),!r||r.length<=4?(0===n[2].indexOf("log@")?e.methodName=n[3].substr(0,n[3].indexOf("@")):e.methodName=n[2].substr(0,n[2].indexOf("@")),e):(e.methodName=r[1],e.fileLocation=r[2],e.line=r[3],e.column=r[4],e)}(),a=n.concat(e.transports),c=0;c<a.length;c++){var l=a[c],d=l[i];if(d&&"function"==typeof d){var u=[];u.push((new Date).toISOString()),e.id&&u.push("["+e.id+"]"),o&&o.methodName.length>1&&u.push("<"+o.methodName+">: ");var h=u.concat(s);try{d.bind(l).apply(l,h)}catch(e){console.error("An error occured when trying to log with one of the available transports",e)}}}}function s(e,n,r,s){this.id=n,this.options=s||{},this.transports=r,this.transports||(this.transports=[]),this.level=t[e];for(var o=Object.keys(t),a=0;a<o.length;a++)this[o[a]]=i.bind(null,this,o[a])}s.setGlobalOptions=function(e){r=e||{}},s.prototype.setLevel=function(e){this.level=t[e]},e.exports=s,s.levels={TRACE:"trace",DEBUG:"debug",INFO:"info",LOG:"log",WARN:"warn",ERROR:"error"}},860:(e,t,n)=>{var r=n(7),i=n(369),s={},o=[],a=r.levels.TRACE;e.exports={addGlobalTransport:function(e){r.addGlobalTransport(e)},removeGlobalTransport:function(e){r.removeGlobalTransport(e)},setGlobalOptions:function(e){r.setGlobalOptions(e)},getLogger:function(e,t,n){var i=new r(a,e,t,n);return e?(s[e]=s[e]||[],s[e].push(i)):o.push(i),i},getUntrackedLogger:function(e,t,n){return new r(a,e,t,n)},setLogLevelById:function(e,t){for(var n=t?s[t]||[]:o,r=0;r<n.length;r++)n[r].setLevel(e)},setLogLevel:function(e){a=e;for(var t=0;t<o.length;t++)o[t].setLevel(e);for(var n in s){var r=s[n]||[];for(t=0;t<r.length;t++)r[t].setLevel(e)}},levels:r.levels,LogCollector:i}},620:e=>{"use strict";var t,n="object"==typeof Reflect?Reflect:null,r=n&&"function"==typeof n.apply?n.apply:function(e,t,n){return Function.prototype.apply.call(e,t,n)};t=n&&"function"==typeof n.ownKeys?n.ownKeys:Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:function(e){return Object.getOwnPropertyNames(e)};var i=Number.isNaN||function(e){return e!=e};function s(){s.init.call(this)}e.exports=s,e.exports.once=function(e,t){return new Promise((function(n,r){function i(n){e.removeListener(t,s),r(n)}function s(){"function"==typeof e.removeListener&&e.removeListener("error",i),n([].slice.call(arguments))}m(e,t,s,{once:!0}),"error"!==t&&function(e,t,n){"function"==typeof e.on&&m(e,"error",t,{once:!0})}(e,i)}))},s.EventEmitter=s,s.prototype._events=void 0,s.prototype._eventsCount=0,s.prototype._maxListeners=void 0;var o=10;function a(e){if("function"!=typeof e)throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof e)}function c(e){return void 0===e._maxListeners?s.defaultMaxListeners:e._maxListeners}function l(e,t,n,r){var i,s,o,l;if(a(n),void 0===(s=e._events)?(s=e._events=Object.create(null),e._eventsCount=0):(void 0!==s.newListener&&(e.emit("newListener",t,n.listener?n.listener:n),s=e._events),o=s[t]),void 0===o)o=s[t]=n,++e._eventsCount;else if("function"==typeof o?o=s[t]=r?[n,o]:[o,n]:r?o.unshift(n):o.push(n),(i=c(e))>0&&o.length>i&&!o.warned){o.warned=!0;var d=new Error("Possible EventEmitter memory leak detected. "+o.length+" "+String(t)+" listeners added. Use emitter.setMaxListeners() to increase limit");d.name="MaxListenersExceededWarning",d.emitter=e,d.type=t,d.count=o.length,l=d,console&&console.warn&&console.warn(l)}return e}function d(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,0===arguments.length?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function u(e,t,n){var r={fired:!1,wrapFn:void 0,target:e,type:t,listener:n},i=d.bind(r);return i.listener=n,r.wrapFn=i,i}function h(e,t,n){var r=e._events;if(void 0===r)return[];var i=r[t];return void 0===i?[]:"function"==typeof i?n?[i.listener||i]:[i]:n?function(e){for(var t=new Array(e.length),n=0;n<t.length;++n)t[n]=e[n].listener||e[n];return t}(i):g(i,i.length)}function p(e){var t=this._events;if(void 0!==t){var n=t[e];if("function"==typeof n)return 1;if(void 0!==n)return n.length}return 0}function g(e,t){for(var n=new Array(t),r=0;r<t;++r)n[r]=e[r];return n}function m(e,t,n,r){if("function"==typeof e.on)r.once?e.once(t,n):e.on(t,n);else{if("function"!=typeof e.addEventListener)throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type '+typeof e);e.addEventListener(t,(function i(s){r.once&&e.removeEventListener(t,i),n(s)}))}}Object.defineProperty(s,"defaultMaxListeners",{enumerable:!0,get:function(){return o},set:function(e){if("number"!=typeof e||e<0||i(e))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+e+".");o=e}}),s.init=function(){void 0!==this._events&&this._events!==Object.getPrototypeOf(this)._events||(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},s.prototype.setMaxListeners=function(e){if("number"!=typeof e||e<0||i(e))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+e+".");return this._maxListeners=e,this},s.prototype.getMaxListeners=function(){return c(this)},s.prototype.emit=function(e){for(var t=[],n=1;n<arguments.length;n++)t.push(arguments[n]);var i="error"===e,s=this._events;if(void 0!==s)i=i&&void 0===s.error;else if(!i)return!1;if(i){var o;if(t.length>0&&(o=t[0]),o instanceof Error)throw o;var a=new Error("Unhandled error."+(o?" ("+o.message+")":""));throw a.context=o,a}var c=s[e];if(void 0===c)return!1;if("function"==typeof c)r(c,this,t);else{var l=c.length,d=g(c,l);for(n=0;n<l;++n)r(d[n],this,t)}return!0},s.prototype.addListener=function(e,t){return l(this,e,t,!1)},s.prototype.on=s.prototype.addListener,s.prototype.prependListener=function(e,t){return l(this,e,t,!0)},s.prototype.once=function(e,t){return a(t),this.on(e,u(this,e,t)),this},s.prototype.prependOnceListener=function(e,t){return a(t),this.prependListener(e,u(this,e,t)),this},s.prototype.removeListener=function(e,t){var n,r,i,s,o;if(a(t),void 0===(r=this._events))return this;if(void 0===(n=r[e]))return this;if(n===t||n.listener===t)0==--this._eventsCount?this._events=Object.create(null):(delete r[e],r.removeListener&&this.emit("removeListener",e,n.listener||t));else if("function"!=typeof n){for(i=-1,s=n.length-1;s>=0;s--)if(n[s]===t||n[s].listener===t){o=n[s].listener,i=s;break}if(i<0)return this;0===i?n.shift():function(e,t){for(;t+1<e.length;t++)e[t]=e[t+1];e.pop()}(n,i),1===n.length&&(r[e]=n[0]),void 0!==r.removeListener&&this.emit("removeListener",e,o||t)}return this},s.prototype.off=s.prototype.removeListener,s.prototype.removeAllListeners=function(e){var t,n,r;if(void 0===(n=this._events))return this;if(void 0===n.removeListener)return 0===arguments.length?(this._events=Object.create(null),this._eventsCount=0):void 0!==n[e]&&(0==--this._eventsCount?this._events=Object.create(null):delete n[e]),this;if(0===arguments.length){var i,s=Object.keys(n);for(r=0;r<s.length;++r)"removeListener"!==(i=s[r])&&this.removeAllListeners(i);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if("function"==typeof(t=n[e]))this.removeListener(e,t);else if(void 0!==t)for(r=t.length-1;r>=0;r--)this.removeListener(e,t[r]);return this},s.prototype.listeners=function(e){return h(this,e,!0)},s.prototype.rawListeners=function(e){return h(this,e,!1)},s.listenerCount=function(e,t){return"function"==typeof e.listenerCount?e.listenerCount(t):p.call(e,t)},s.prototype.listenerCount=p,s.prototype.eventNames=function(){return this._eventsCount>0?t(this._events):[]}}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var s=t[r]={exports:{}};return e[r](s,s.exports,n),s.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n(872)})()));
+//# sourceMappingURL=external_api.min.js.map
\ No newline at end of file
diff --git a/apps/web/res/jitsi_external_api.min.js.LICENSE.txt b/apps/web/res/jitsi_external_api.min.js.LICENSE.txt
new file mode 100644
index 00000000000..da614295ece
--- /dev/null
+++ b/apps/web/res/jitsi_external_api.min.js.LICENSE.txt
@@ -0,0 +1,219 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+   
+   
+
+Note:
+
+This project was originally contributed to the community under the MIT license and with the following notice:
+
+The MIT License (MIT)
+
+Copyright (c) 2013 ESTOS GmbH 
+Copyright (c) 2013 BlueJimp SARL
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/apps/web/res/manifest.json b/apps/web/res/manifest.json
new file mode 100644
index 00000000000..ff9b8edf303
--- /dev/null
+++ b/apps/web/res/manifest.json
@@ -0,0 +1,60 @@
+{
+    "name": "Element",
+    "short_name": "Element",
+    "display": "standalone",
+    "theme_color": "#76CFA6",
+    "start_url": "index.html",
+    "icons": [
+        {
+            "src": "/vector-icons/24.png",
+            "sizes": "24x24",
+            "type": "image/png"
+        },
+        {
+            "src": "/vector-icons/120.png",
+            "sizes": "120x120",
+            "type": "image/png"
+        },
+        {
+            "src": "/vector-icons/144.png",
+            "sizes": "144x144",
+            "type": "image/png"
+        },
+        {
+            "src": "/vector-icons/152.png",
+            "sizes": "152x152",
+            "type": "image/png"
+        },
+        {
+            "src": "/vector-icons/180.png",
+            "sizes": "180x180",
+            "type": "image/png"
+        },
+        {
+            "src": "/vector-icons/512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        },
+        {
+            "src": "/vector-icons/1024.png",
+            "sizes": "1024x1024",
+            "type": "image/png"
+        }
+    ],
+    "related_applications": [
+        {
+            "platform": "play",
+            "url": "https://play.google.com/store/apps/details?id=im.vector.app",
+            "id": "im.vector.app"
+        },
+        {
+            "platform": "f-droid",
+            "url": "https://f-droid.org/repository/browse/?fdid=im.vector.app",
+            "id": "im.vector.app"
+        },
+        {
+            "platform": "itunes",
+            "url": "https://apps.apple.com/app/vector/id1083446067"
+        }
+    ]
+}
diff --git a/apps/web/res/media/busy.mp3 b/apps/web/res/media/busy.mp3
new file mode 100644
index 00000000000..fec27ba4c59
Binary files /dev/null and b/apps/web/res/media/busy.mp3 differ
diff --git a/apps/web/res/media/busy.ogg b/apps/web/res/media/busy.ogg
new file mode 100644
index 00000000000..5d64a7d0d98
Binary files /dev/null and b/apps/web/res/media/busy.ogg differ
diff --git a/apps/web/res/media/callend.mp3 b/apps/web/res/media/callend.mp3
new file mode 100644
index 00000000000..ae7286fb1dc
Binary files /dev/null and b/apps/web/res/media/callend.mp3 differ
diff --git a/apps/web/res/media/callend.ogg b/apps/web/res/media/callend.ogg
new file mode 100644
index 00000000000..3eebf942dfb
Binary files /dev/null and b/apps/web/res/media/callend.ogg differ
diff --git a/apps/web/res/media/error.mp3 b/apps/web/res/media/error.mp3
new file mode 100644
index 00000000000..14c710595b5
Binary files /dev/null and b/apps/web/res/media/error.mp3 differ
diff --git a/apps/web/res/media/error.ogg b/apps/web/res/media/error.ogg
new file mode 100644
index 00000000000..00a3ebc775a
Binary files /dev/null and b/apps/web/res/media/error.ogg differ
diff --git a/apps/web/res/media/message.mp3 b/apps/web/res/media/message.mp3
new file mode 100644
index 00000000000..5e9645adaf1
Binary files /dev/null and b/apps/web/res/media/message.mp3 differ
diff --git a/apps/web/res/media/message.ogg b/apps/web/res/media/message.ogg
new file mode 100644
index 00000000000..d5efbd27a36
Binary files /dev/null and b/apps/web/res/media/message.ogg differ
diff --git a/apps/web/res/media/ring.mp3 b/apps/web/res/media/ring.mp3
new file mode 100644
index 00000000000..386cce69985
Binary files /dev/null and b/apps/web/res/media/ring.mp3 differ
diff --git a/apps/web/res/media/ring.ogg b/apps/web/res/media/ring.ogg
new file mode 100644
index 00000000000..48c3f1c2adb
Binary files /dev/null and b/apps/web/res/media/ring.ogg differ
diff --git a/apps/web/res/media/ringback.mp3 b/apps/web/res/media/ringback.mp3
new file mode 100644
index 00000000000..32f93307fc7
Binary files /dev/null and b/apps/web/res/media/ringback.mp3 differ
diff --git a/apps/web/res/media/ringback.ogg b/apps/web/res/media/ringback.ogg
new file mode 100644
index 00000000000..f928eefdb18
Binary files /dev/null and b/apps/web/res/media/ringback.ogg differ
diff --git a/apps/web/res/themes/dark-custom/css/dark-custom.pcss b/apps/web/res/themes/dark-custom/css/dark-custom.pcss
new file mode 100644
index 00000000000..69f02779bbf
--- /dev/null
+++ b/apps/web/res/themes/dark-custom/css/dark-custom.pcss
@@ -0,0 +1,10 @@
+@layer compound-tokens, compound-web, shared-components, app-web;
+
+@import "../../../../res/css/_font-sizes.pcss" layer(app-web);
+@import "../../legacy-light/css/_fonts.pcss" layer(app-web);
+@import "../../legacy-light/css/_legacy-light.pcss" layer(app-web);
+@import "../../legacy-dark/css/_legacy-dark.pcss" layer(app-web);
+@import "../../light-custom/css/_custom.pcss" layer(app-web);
+@import "../../../../res/css/_components.pcss" layer(app-web);
+@import url("highlight.js/styles/atom-one-dark.min.css") layer(app-web);
+@import url("github-markdown-css/github-markdown-dark.css") layer(app-web);
diff --git a/apps/web/res/themes/dark/css/_dark.pcss b/apps/web/res/themes/dark/css/_dark.pcss
new file mode 100644
index 00000000000..62772896fbf
--- /dev/null
+++ b/apps/web/res/themes/dark/css/_dark.pcss
@@ -0,0 +1,305 @@
+/* Colors from Figma Compound https://www.figma.com/file/X4XTH9iS2KGJ2wFKDqkyed/Compound?node-id=559%3A741 */
+/* ******************** */
+$primary-content: var(--cpd-color-text-primary);
+$secondary-content: var(--cpd-color-text-secondary);
+$tertiary-content: var(--cpd-color-gray-800);
+$quaternary-content: var(--cpd-color-gray-600);
+$quinary-content: var(--cpd-color-gray-400);
+
+$system: var(--cpd-color-bg-subtle-primary);
+$system-transparent: #e1e6ec00;
+$background: var(--cpd-color-bg-canvas-default);
+$overlay-background: var(--cpd-color-alpha-gray-1300);
+
+$panels: var(--cpd-color-bg-subtle-secondary);
+$panel-actions: var(--cpd-color-alpha-gray-300);
+
+$separator: var(--cpd-color-gray-400);
+$system: var(--cpd-color-bg-subtle-secondary);
+
+/* ******************** */
+
+/**
+ * Creating a `semantic` color scale. This will not be needed with the new
+ * visual language, but necessary during the transition period
+ * This abstract the `green` away from where accent shades are used
+ * Take: `background: rgba($accent, 0.1);`
+ * would be transformed to: `background: $accent-300;`
+ *
+ * To use under very rare circumstances, always prefer the semantics defined
+ * in https://compound.element.io/?path=/docs /tokens-semantic-colors--docs
+ */
+$accent-100: var(--cpd-color-green-100);
+$accent-200: var(--cpd-color-green-200);
+$accent-300: var(--cpd-color-green-300);
+$accent-400: var(--cpd-color-green-400);
+$accent-500: var(--cpd-color-green-500);
+$accent-600: var(--cpd-color-green-600);
+$accent-700: var(--cpd-color-green-700);
+$accent-800: var(--cpd-color-green-800);
+$accent-900: var(--cpd-color-green-900);
+$accent-1000: var(--cpd-color-green-1000);
+$accent-1100: var(--cpd-color-green-1100);
+$accent-1200: var(--cpd-color-green-1200);
+$accent-1300: var(--cpd-color-green-1300);
+$accent-1400: var(--cpd-color-green-1400);
+
+/* Reused Figma non-compound colors */
+/* ******************** */
+$inverted-bg-color: var(--cpd-color-bg-action-primary-rest);
+$header-panel-bg-color: var(--cpd-color-bg-subtle-secondary);
+$header-panel-bg-hover: var(--cpd-color-bg-action-secondary-hovered);
+/* ******************** */
+
+/* Theme specific colors */
+/* ******************** */
+$icon-button-color: var(--cpd-color-icon-tertiary);
+/* ******************** */
+
+/* Colors that aren't in Figma and are theme specific - we need to get rid of these */
+/* ******************** */
+$header-panel-text-secondary-color: #c8c8cd;
+$room-highlight-color: #343a46;
+$text-secondary-color: #b9bec6;
+/* ******************** */
+
+/* Colors that aren't in Figma - we need to get rid of these */
+/* ******************** */
+$dark-panel-bg-color: var(--cpd-color-bg-subtle-secondary);
+$muted-fg-color: $header-panel-text-primary-color;
+$light-fg-color: $header-panel-text-secondary-color;
+$focus-bg-color: $room-highlight-color;
+$info-plinth-bg-color: $header-panel-bg-color;
+$event-selected-color: var(--cpd-color-bg-subtle-secondary);
+$topleftmenu-color: $primary-content;
+$roomtopic-color: $text-secondary-color;
+$spacePanel-bg-color: rgba(38, 39, 43, 0.82);
+$panel-gradient: rgba(34, 38, 46, 0), rgba(34, 38, 46, 1);
+$h3-color: $primary-content;
+$event-highlight-bg-color: #25271f;
+$header-panel-text-primary-color: $text-secondary-color;
+/* ******************** */
+
+/* Tooltip */
+/* ******************** */
+$tooltip-timeline-bg-color: $spacePanel-bg-color;
+$tooltip-timeline-fg-color: $primary-content;
+/* ******************** */
+
+/* Widget */
+/* ******************** */
+$widget-menu-bar-bg-color: $header-panel-bg-color;
+$widget-body-bg-color: $panel-actions;
+/* ******************** */
+
+/* Menu */
+/* ******************** */
+$menu-border-color: #000000;
+$menu-bg-color: $header-panel-bg-color;
+$menu-box-shadow-color: $background;
+$menu-selected-color: $room-highlight-color;
+/* ******************** */
+
+/* Settings */
+/* ******************** */
+$settings-profile-button-bg-color: #e7e7e7;
+$settings-subsection-fg-color: $text-secondary-color;
+/* ******************** */
+
+/* Room */
+/* ******************** */
+$room-icon-unread-color: var(--cpd-color-icon-tertiary);
+/* ******************** */
+
+/* RoomHeader */
+/* ******************** */
+$roomheader-addroom-bg-color: rgba(92, 100, 112, 0.3);
+$roomheader-addroom-fg-color: $primary-content;
+/* ******************** */
+
+/* Rich-text-editor */
+/* ******************** */
+$pill-bg-color: var(--cpd-color-bg-action-primary-rest);
+$pill-hover-bg-color: var(--cpd-color-bg-action-primary-hovered);
+$pill-press-bg-color: var(--cpd-color-bg-action-primary-pressed);
+/* ******************** */
+
+/* Inputs */
+/* ******************** */
+$input-border-color: rgba(231, 231, 231, 0.2);
+$input-darker-bg-color: #181b21;
+$input-darker-fg-color: #61708b;
+$input-lighter-bg-color: #f2f5f8;
+$input-placeholder: var(--cpd-color-text-secondary);
+/* ******************** */
+
+/* Dialog */
+/* ******************** */
+$dialog-title-fg-color: $primary-content;
+$dialog-backdrop-color: #00000080;
+$dialog-close-fg-color: $icon-button-color;
+$dialog-close-external-color: $primary-content;
+/* ******************** */
+
+/* Tabbed views */
+/* ******************** */
+$tab-label-fg-color: $secondary-content;
+$tab-label-active-fg-color: $primary-content;
+/* ******************** */
+
+/* Buttons */
+/* ******************** */
+$button-primary-fg-color: $primary-content;
+$button-secondary-bg-color: transparent;
+$button-danger-fg-color: $primary-content;
+$button-danger-disabled-fg-color: $primary-content;
+/* ******************** */
+
+/* Toggle switch */
+/* ******************** */
+$togglesw-off-color: $room-highlight-color;
+/* ******************** */
+
+/* Authpage */
+/* ******************** */
+$authpage-primary-color: $primary-content;
+/* background colour of the modal, when the background is blurred */
+$authpage-modal-content-with-blur-bg-color: rgb(0, 0, 0, 0.59);
+/* ******************** */
+
+/* Message action bar */
+/* ******************** */
+$message-action-bar-bg-color: $header-panel-bg-color;
+$message-action-bar-fg-color: $header-panel-text-primary-color;
+$message-action-bar-border-color: #616b7f;
+$message-action-bar-hover-border-color: $header-panel-text-primary-color;
+/* ******************** */
+
+/* Reaction row */
+/* ******************** */
+$reaction-row-button-hover-border-color: $header-panel-text-primary-color;
+$reaction-row-button-selected-bg-color: #1f6954;
+/* ******************** */
+
+/* Voice messages */
+/* ******************** */
+$voice-record-stop-border-color: $quaternary-content;
+$voice-record-icon-color: $quaternary-content;
+/* ******************** */
+
+/* Bubble tiles */
+/* ******************** */
+$eventbubble-self-bg: var(--cpd-color-green-300);
+$eventbubble-others-bg: var(--cpd-color-gray-300);
+$eventbubble-bg-hover: var(--cpd-color-bg-subtle-secondary);
+/* ******************** */
+
+/* Lightbox */
+/* ******************** */
+$lightbox-background-bg-color: $menu-border-color;
+$lightbox-background-bg-opacity: 0.85;
+/* ******************** */
+
+/* VoIP */
+/* ******************** */
+$call-view-button-on-foreground: $primary-content;
+$call-view-button-on-background: $system;
+$call-view-button-off-foreground: $system;
+$call-view-button-off-background: $primary-content;
+$call-view-content-background: $quinary-content;
+
+$video-feed-secondary-background: $system;
+
+$call-system: $system;
+$call-background: $background;
+$call-primary-content: $primary-content;
+$call-light-quaternary-content: #c1c6cd;
+/* ******************** */
+
+/* Location sharing */
+/* ******************** */
+$location-live-color: #5c56f5;
+$location-live-secondary-color: #deddfd;
+/* ******************** */
+
+/* Location sharing */
+/* ******************** */
+.maplibregl-ctrl-attrib-button {
+    color: $background;
+}
+/* ******************** */
+
+/* One-off colors */
+/* ******************** */
+$progressbar-bg-color: var(--cpd-color-gray-200);
+$kbd-border-color: $strong-input-border-color;
+$visual-bell-bg-color: #800;
+$event-timestamp-color: var(--cpd-color-text-secondary);
+$composer-shadow-color: rgba(0, 0, 0, 0.28);
+$breadcrumb-placeholder-bg-color: #272c35;
+$resend-button-divider-color: var(--cpd-color-gray-700);
+$inlinecode-border-color: $quinary-content;
+$inlinecode-background-color: $system;
+$codeblock-background-color: #2a3039;
+$scrollbar-thumb-color: rgba(255, 255, 255, 0.2);
+$selected-color: $room-highlight-color;
+/* ******************** */
+
+/* blur amounts for left left panel (only for element theme) */
+/* ******************** */
+:root {
+    --lp-background-blur: 45px;
+}
+/* ******************** */
+
+body {
+    color-scheme: dark;
+}
+
+/* Nasty hacks to apply a filter to arbitrary monochrome artwork to make it */
+/* better match the theme.  Typically applied to dark grey 'off' buttons or */
+/* light grey 'on' buttons. */
+/* ******************** */
+.mx_filterFlipColor {
+    filter: invert(1);
+}
+/* ******************** */
+
+/* markdown overrides */
+/* ******************** */
+.mx_EventTile_content .markdown-body {
+    table {
+        tr {
+            background-color: $menu-border-color;
+        }
+
+        tr:nth-child(2n) {
+            background-color: #080808;
+        }
+    }
+}
+/* ******************** */
+
+/* diff highlight colors */
+/* ******************** */
+.hljs-tag {
+    color: inherit; /* Without this they'd be weirdly blue which doesn't match the theme */
+}
+
+.hljs-addition {
+    background: #1a4b59;
+}
+
+.hljs-deletion {
+    background: #53232a;
+}
+/* ******************** */
+
+/* Splash Page Gradient */
+.mx_SplashPage::before {
+    background-image:
+        radial-gradient(53.85% 66.75% at 87.55% 0%, hsla(0deg, 0%, 11%, 0.15) 0%, hsla(250deg, 100%, 88%, 0) 100%),
+        radial-gradient(41.93% 41.93% at 0% 0%, hsla(0deg, 0%, 38%, 0.28) 0%, hsla(250deg, 100%, 88%, 0) 100%),
+        radial-gradient(100% 100% at 0% 0%, hsla(250deg, 100%, 88%, 0.3) 0%, hsla(0deg, 100%, 86%, 0) 100%),
+        radial-gradient(106.35% 96.26% at 100% 0%, hsla(25deg, 100%, 88%, 0.4) 0%, hsla(167deg, 76%, 82%, 0) 100%) !important;
+}
diff --git a/apps/web/res/themes/dark/css/dark.pcss b/apps/web/res/themes/dark/css/dark.pcss
new file mode 100644
index 00000000000..5c999728435
--- /dev/null
+++ b/apps/web/res/themes/dark/css/dark.pcss
@@ -0,0 +1,10 @@
+@layer compound-tokens, compound-web, shared-components, app-web;
+
+@import "../../../../res/css/_font-sizes.pcss" layer(app-web);
+@import "../../light/css/_fonts.pcss" layer(app-web);
+@import "../../light/css/_light.pcss" layer(app-web);
+@import "_dark.pcss" layer(app-web);
+@import "../../light/css/_mods.pcss" layer(app-web);
+@import "../../../../res/css/_components.pcss" layer(app-web);
+@import url("highlight.js/styles/atom-one-dark.min.css") layer(app-web);
+@import url("github-markdown-css/github-markdown-dark.css") layer(app-web);
diff --git a/res/themes/element/img/backgrounds/lake.jpg b/apps/web/res/themes/element/img/backgrounds/lake.jpg
similarity index 100%
rename from res/themes/element/img/backgrounds/lake.jpg
rename to apps/web/res/themes/element/img/backgrounds/lake.jpg
diff --git a/apps/web/res/themes/element/img/compound/fade-arc-light.png b/apps/web/res/themes/element/img/compound/fade-arc-light.png
new file mode 100644
index 00000000000..901ba8ae374
Binary files /dev/null and b/apps/web/res/themes/element/img/compound/fade-arc-light.png differ
diff --git a/res/themes/element/img/download/apple.svg b/apps/web/res/themes/element/img/download/apple.svg
similarity index 100%
rename from res/themes/element/img/download/apple.svg
rename to apps/web/res/themes/element/img/download/apple.svg
diff --git a/res/themes/element/img/download/fdroid.svg b/apps/web/res/themes/element/img/download/fdroid.svg
similarity index 100%
rename from res/themes/element/img/download/fdroid.svg
rename to apps/web/res/themes/element/img/download/fdroid.svg
diff --git a/res/themes/element/img/download/google.svg b/apps/web/res/themes/element/img/download/google.svg
similarity index 100%
rename from res/themes/element/img/download/google.svg
rename to apps/web/res/themes/element/img/download/google.svg
diff --git a/apps/web/res/themes/element/img/logos/element-app-logo.png b/apps/web/res/themes/element/img/logos/element-app-logo.png
new file mode 100644
index 00000000000..54205a09faa
Binary files /dev/null and b/apps/web/res/themes/element/img/logos/element-app-logo.png differ
diff --git a/apps/web/res/themes/element/img/logos/element-logo.svg b/apps/web/res/themes/element/img/logos/element-logo.svg
new file mode 100644
index 00000000000..54a91b72f80
--- /dev/null
+++ b/apps/web/res/themes/element/img/logos/element-logo.svg
@@ -0,0 +1,7 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M100 200C155.228 200 200 155.228 200 100C200 44.7715 155.228 0 100 0C44.7715 0 0 44.7715 0 100C0 155.228 44.7715 200 100 200Z" fill="#0DBD8B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M81.7169 46.5946C81.7169 42.5581 84.9959 39.2859 89.0408 39.2859C116.456 39.2859 138.681 61.4642 138.681 88.8225C138.681 92.859 135.401 96.1312 131.357 96.1312C127.312 96.1312 124.033 92.859 124.033 88.8225C124.033 69.5372 108.366 53.9033 89.0408 53.9033C84.9959 53.9033 81.7169 50.6311 81.7169 46.5946Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M153.39 81.5137C157.435 81.5137 160.714 84.7859 160.714 88.8224C160.714 116.181 138.49 138.359 111.075 138.359C107.03 138.359 103.751 135.087 103.751 131.05C103.751 127.014 107.03 123.742 111.075 123.742C130.4 123.742 146.066 108.108 146.066 88.8224C146.066 84.7859 149.345 81.5137 153.39 81.5137Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M118.398 153.405C118.398 157.442 115.119 160.714 111.074 160.714C83.6592 160.714 61.4347 138.536 61.4347 111.177C61.4347 107.141 64.7138 103.869 68.7587 103.869C72.8035 103.869 76.0826 107.141 76.0826 111.177C76.0826 130.463 91.7489 146.097 111.074 146.097C115.119 146.097 118.398 149.369 118.398 153.405Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.6097 118.486C42.5648 118.486 39.2858 115.214 39.2858 111.178C39.2858 83.8193 61.5102 61.6409 88.9255 61.6409C92.9704 61.6409 96.2494 64.9132 96.2494 68.9497C96.2494 72.9862 92.9704 76.2584 88.9255 76.2584C69.6 76.2584 53.9337 91.8922 53.9337 111.178C53.9337 115.214 50.6546 118.486 46.6097 118.486Z" fill="white"/>
+</svg>
diff --git a/res/themes/element/img/logos/opengraph.png b/apps/web/res/themes/element/img/logos/opengraph.png
similarity index 100%
rename from res/themes/element/img/logos/opengraph.png
rename to apps/web/res/themes/element/img/logos/opengraph.png
diff --git a/apps/web/res/themes/legacy-dark/css/_legacy-dark.pcss b/apps/web/res/themes/legacy-dark/css/_legacy-dark.pcss
new file mode 100644
index 00000000000..ec537dc937e
--- /dev/null
+++ b/apps/web/res/themes/legacy-dark/css/_legacy-dark.pcss
@@ -0,0 +1,250 @@
+/* Colors from Figma Compound https://www.figma.com/file/X4XTH9iS2KGJ2wFKDqkyed/Compound?node-id=559%3A741 */
+$system: #21262c;
+$system-transparent: #e1e6ec00;
+
+/* unified palette */
+/* try to use these colors when possible */
+$bg-color: #181b21;
+$base-color: #15171b;
+$base-text-color: #edf3ff;
+$header-panel-bg-color: #22262e;
+$header-panel-bg-hover: var(--cpd-color-gray-200);
+$header-panel-text-primary-color: #a1b2d1;
+$header-panel-text-secondary-color: #c8c8cd;
+$text-primary-color: #edf3ff;
+$text-secondary-color: #a1b2d1;
+$room-highlight-color: #343a46;
+
+/* typical text (dark-on-white in light skin) */
+$primary-fg-color: $text-primary-color;
+$secondary-fg-color: $primary-fg-color;
+$tertiary-fg-color: $primary-fg-color;
+$primary-bg-color: $bg-color;
+$muted-fg-color: $header-panel-text-primary-color;
+
+/* used for dialog box text */
+$light-fg-color: $header-panel-text-secondary-color;
+
+/* used for focusing form controls */
+$focus-bg-color: $room-highlight-color;
+
+$pill-bg-color: var(--cpd-color-bg-action-primary-rest);
+$pill-hover-bg-color: var(--cpd-color-bg-action-primary-hovered);
+$pill-press-bg-color: var(--cpd-color-bg-action-primary-pressed);
+
+/* informational plinth */
+$info-plinth-bg-color: $header-panel-bg-color;
+$info-plinth-fg-color: #888;
+
+$spacePanel-bg-color: $base-color;
+$inverted-bg-color: $spacePanel-bg-color;
+
+/* used by Autocomplete */
+$selected-color: $room-highlight-color;
+
+/* selected for hoverover & selected event tiles */
+$event-selected-color: $header-panel-bg-color;
+
+/* used for the hairline dividers in RoomView */
+$primary-hairline-color: #000000;
+$secondary-hairline-color: var(--cpd-color-gray-300);
+
+/* used for the border of input text fields */
+$input-border-color: #e7e7e7;
+$input-darker-bg-color: #181b21;
+$input-darker-fg-color: #61708b;
+$input-lighter-bg-color: #f2f5f8;
+$input-placeholder: var(--cpd-color-text-secondary);
+
+$resend-button-divider-color: $muted-fg-color;
+
+/* scrollbars */
+$scrollbar-thumb-color: rgba(255, 255, 255, 0.2);
+
+/* context menus */
+$menu-border-color: #000000;
+$menu-bg-color: $header-panel-bg-color;
+$menu-box-shadow-color: $bg-color;
+$menu-selected-color: $room-highlight-color;
+
+$avatar-initial-color: #ffffff;
+
+$h3-color: $primary-fg-color;
+$icon-button-color: var(--cpd-color-icon-tertiary);
+
+$dialog-title-fg-color: $base-text-color;
+$dialog-backdrop-color: #00000080;
+$dialog-close-fg-color: $icon-button-color;
+$dialog-close-external-color: $text-primary-color;
+
+$lightbox-background-bg-color: #000;
+$lightbox-background-bg-opacity: 0.85;
+
+$settings-grey-fg-color: #a2a2a2;
+$settings-subsection-fg-color: $text-secondary-color;
+
+$topleftmenu-color: $text-primary-color;
+$roomheader-addroom-bg-color: #3c4556;
+$roomheader-addroom-fg-color: $text-primary-color;
+$roomtopic-color: $text-secondary-color;
+$room-icon-unread-color: var(--cpd-color-icon-tertiary);
+
+/* Legacy theme backports */
+$accent: #0dbd8b;
+$alert: #ff5b55;
+$links: #0086e6;
+$link-external: #0467dd;
+$primary-content: $primary-fg-color;
+$secondary-content: $secondary-fg-color;
+$tertiary-content: $tertiary-fg-color;
+$quaternary-content: #6f7882;
+$quinary-content: $quaternary-content;
+$background: $primary-bg-color;
+$overlay-background: rgba($background, 0.85);
+
+$panels: rgba($system, 0.9);
+$panel-actions: #1a1d23;
+
+$separator: var(--cpd-color-gray-400);
+
+/**
+ * Creating a `semantic` color scale. This will not be needed with the new
+ * visual language, but necessary during the transition period
+ * This abstract the `green` away from where accent shades are used
+ * Take: `background: rgba($accent, 0.1);`
+ * would be transformed to: `background: $accent-300;`
+ *
+ * To use under very rare circumstances, always prefer the semantics defined
+ * in https://compound.element.io/?path=/docs/tokens-semantic-colors--docs
+ */
+$accent-100: var(--cpd-color-green-100);
+$accent-200: var(--cpd-color-green-200);
+$accent-300: var(--cpd-color-green-300);
+$accent-400: var(--cpd-color-green-400);
+$accent-500: var(--cpd-color-green-500);
+$accent-600: var(--cpd-color-green-600);
+$accent-700: var(--cpd-color-green-700);
+$accent-800: var(--cpd-color-green-800);
+$accent-900: var(--cpd-color-green-900);
+$accent-1000: var(--cpd-color-green-1000);
+$accent-1100: var(--cpd-color-green-1100);
+$accent-1200: var(--cpd-color-green-1200);
+$accent-1300: var(--cpd-color-green-1300);
+$accent-1400: var(--cpd-color-green-1400);
+/* Legacy theme backports */
+
+/* ******************** */
+
+$call-view-button-on-foreground: $primary-content;
+$call-view-button-on-background: $system;
+$call-view-button-off-foreground: $system;
+$call-view-button-off-background: $primary-content;
+$call-view-content-background: $quinary-content;
+
+$video-feed-secondary-background: $system;
+
+$call-system: $system;
+$call-background: $background;
+$call-primary-content: $primary-content;
+$call-light-quaternary-content: #c1c6cd;
+
+$roomsublist-skeleton-ui-bg: linear-gradient(180deg, #3e444c 0%, #3e444c00 100%);
+
+$spacePanel-divider-color: $tertiary-content;
+
+/* ******************** */
+
+$widget-menu-bar-bg-color: $header-panel-bg-color;
+$widget-body-bg-color: #1a1d23;
+
+$event-highlight-bg-color: #25271f;
+
+/* event timestamp */
+$event-timestamp-color: $text-secondary-color;
+
+/* Tabbed views */
+$tab-label-fg-color: $text-primary-color;
+$tab-label-active-fg-color: $text-primary-color;
+
+/* Buttons */
+$button-primary-fg-color: #ffffff;
+$button-secondary-bg-color: transparent;
+$button-danger-fg-color: #ffffff;
+$button-danger-disabled-fg-color: #ffffff;
+$button-danger-disabled-bg-color: #f5b6bb; /* TODO: Verify color */
+
+/* Toggle switch */
+$togglesw-off-color: $room-highlight-color;
+
+$progressbar-bg-color: #21262c;
+
+$visual-bell-bg-color: #800;
+
+$dark-panel-bg-color: var(--cpd-color-bg-subtle-secondary);
+$panel-gradient: rgba(34, 38, 46, 0), rgba(34, 38, 46, 1);
+
+$message-action-bar-bg-color: $header-panel-bg-color;
+$message-action-bar-fg-color: $header-panel-text-primary-color;
+$message-action-bar-border-color: #616b7f;
+$message-action-bar-hover-border-color: $header-panel-text-primary-color;
+
+$reaction-row-button-hover-border-color: $header-panel-text-primary-color;
+$reaction-row-button-selected-bg-color: #1f6954;
+
+$kbd-border-color: $strong-input-border-color;
+
+$tooltip-timeline-bg-color: $spacePanel-bg-color;
+$tooltip-timeline-fg-color: #ffffff;
+
+$breadcrumb-placeholder-bg-color: #272c35;
+
+/* See non-legacy dark for variable information */
+$voice-record-stop-border-color: #6f7882;
+$voice-record-icon-color: #6f7882;
+
+$composer-shadow-color: tranparent;
+
+$codeblock-background-color: #2a3039;
+$inlinecode-border-color: #2a3039;
+$inlinecode-background-color: #2a3039;
+
+/* Bubble tiles */
+$eventbubble-self-bg: #14322e;
+$eventbubble-others-bg: $event-selected-color;
+$eventbubble-bg-hover: #1c2026;
+
+/* Location sharing */
+/* ******************** */
+$location-marker-color: #ffffff;
+$location-live-color: #5c56f5;
+$location-live-secondary-color: #deddfd;
+/* ******************** */
+
+body {
+    color-scheme: dark;
+}
+
+/* Nasty hacks to apply a filter to arbitrary monochrome artwork to make it */
+/* better match the theme.  Typically applied to dark grey 'off' buttons or */
+/* light grey 'on' buttons. */
+.mx_filterFlipColor {
+    filter: invert(1);
+}
+
+/* markdown overrides: */
+.mx_EventTile_content .markdown-body {
+    table {
+        tr {
+            background-color: #000000;
+        }
+
+        tr:nth-child(2n) {
+            background-color: #080808;
+        }
+    }
+}
+
+/* highlight.js overrides: */
+.hljs-tag {
+    color: inherit; /* Without this they'd be weirdly blue which doesn't match the theme */
+}
diff --git a/apps/web/res/themes/legacy-dark/css/legacy-dark.pcss b/apps/web/res/themes/legacy-dark/css/legacy-dark.pcss
new file mode 100644
index 00000000000..e9033a8d533
--- /dev/null
+++ b/apps/web/res/themes/legacy-dark/css/legacy-dark.pcss
@@ -0,0 +1,9 @@
+@layer compound-tokens, compound-web, shared-components, app-web;
+
+@import "../../../../res/css/_font-sizes.pcss" layer(app-web);
+@import "../../legacy-light/css/_fonts.pcss" layer(app-web);
+@import "../../legacy-light/css/_legacy-light.pcss" layer(app-web);
+@import "_legacy-dark.pcss" layer(app-web);
+@import "../../../../res/css/_components.pcss" layer(app-web);
+@import url("highlight.js/styles/atom-one-dark.min.css") layer(app-web);
+@import url("github-markdown-css/github-markdown-dark.css") layer(app-web);
diff --git a/apps/web/res/themes/legacy-light/css/_fonts.pcss b/apps/web/res/themes/legacy-light/css/_fonts.pcss
new file mode 100644
index 00000000000..dd22ecef34d
--- /dev/null
+++ b/apps/web/res/themes/legacy-light/css/_fonts.pcss
@@ -0,0 +1,39 @@
+/*
+ * Nunito.
+ * Includes extended Latin and Vietnamese character sets
+ * Current URLs are taken from
+ * https://github.com/alexeiva/NunitoFont/releases/tag/v3.500
+ * ...in order to include cyrillic.
+ *
+ * Previously, they were
+ * https://fonts.googleapis.com/css?family=Nunito:400,400i,600,600i,700,700i&subset=latin-ext,vietnamese
+ *
+ * We explicitly do not include Nunito's italic variants, as they are not italic enough
+ * and it's better to rely on the browser's built-in obliquing behaviour.
+ */
+
+/* Grab the other fonts from the current theme, so we can override to Inter */
+/* in custom fonts if needed. */
+@import "../../light/css/_fonts.pcss";
+
+/* Nunito as the default, for old time's sake on legacy themes. */
+/* the 'src' links are relative to the bundle.css, which is in a subdirectory.
+ */
+@font-face {
+    font-family: "Nunito";
+    font-style: normal;
+    font-weight: 400;
+    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");
+}
+@font-face {
+    font-family: "Nunito";
+    font-style: normal;
+    font-weight: 700;
+    src: url("/res/fonts/Nunito/Nunito-Bold.ttf") format("truetype");
+}
diff --git a/apps/web/res/themes/legacy-light/css/_legacy-light.pcss b/apps/web/res/themes/legacy-light/css/_legacy-light.pcss
new file mode 100644
index 00000000000..678b375e84d
--- /dev/null
+++ b/apps/web/res/themes/legacy-light/css/_legacy-light.pcss
@@ -0,0 +1,329 @@
+:root {
+    /* This is set to Twemoji when the user opts into the bundled emoji font */
+    --emoji-font-family: "";
+}
+
+/* Nunito lacks combining diacritics, so these will fall through
+   to the next font.  Helevetica's diacritics sometimes do not combine
+   nicely (on OSX, at least) and result in a huge horizontal mess.
+   Arial empirically gets it right, hence prioritising Arial here. */
+/* Noto Color Emoji contains digits, in fixed-width, therefore causing
+   digits in flowed text to stand out.
+   TODO: Consider putting all emoji fonts to the end rather than the front. */
+$font-family:
+    "Nunito", var(--emoji-font-family), "Apple Color Emoji", "Segoe UI Emoji", "Arial", "Helvetica", sans-serif,
+    "Noto Color Emoji";
+
+$monospace-font-family:
+    "Fira Code", var(--emoji-font-family), "Apple Color Emoji", "Segoe UI Emoji", "Courier", monospace,
+    "Noto Color Emoji";
+
+/* unified palette */
+/* try to use these colors when possible */
+$header-panel-bg-color: #f3f8fd;
+$header-panel-bg-hover: var(--cpd-color-gray-200);
+
+/* typical text (dark-on-white in light skin) */
+$primary-fg-color: #2e2f32;
+$secondary-fg-color: $primary-fg-color;
+$tertiary-fg-color: $primary-fg-color;
+$primary-bg-color: #ffffff;
+$muted-fg-color: #61708b; /* Commonly used in headings and relevant alt text */
+
+/* used for dialog box text */
+$light-fg-color: #747474;
+
+/* used for focusing form controls */
+$focus-bg-color: #dddddd;
+
+/* button UI (white-on-green in light skin) */
+$accent-fg-color: #ffffff;
+$accent-alt: #238cf5;
+
+$selection-fg-color: $primary-bg-color;
+
+$focus-brightness: 105%;
+
+/* informational plinth */
+$info-plinth-bg-color: #f7f7f7;
+$info-plinth-fg-color: #888;
+
+/* left-panel style muted accent color */
+$secondary-accent-color: #f2f5f8;
+
+$spacePanel-bg-color: #27303a;
+$inverted-bg-color: $spacePanel-bg-color;
+
+/* used by RoomDropTarget */
+$droptarget-bg-color: rgba(255, 255, 255, 0.5);
+
+/* used by Autocomplete */
+$selected-color: $secondary-accent-color;
+
+/* selected for hoverover & selected event tiles */
+$event-selected-color: $header-panel-bg-color;
+
+/* used for the hairline dividers in RoomView */
+$primary-hairline-color: #e5e5e5;
+$secondary-hairline-color: var(--cpd-color-gray-300);
+
+/* used for the border of input text fields */
+$input-border-color: #e7e7e7;
+$input-darker-bg-color: #e3e8f0;
+$input-darker-fg-color: #9fa9ba;
+$input-lighter-bg-color: #f2f5f8;
+
+$resend-button-divider-color: $input-darker-bg-color;
+
+$button-fg-color: white;
+
+/* apart from login forms, which have stronger border */
+$strong-input-border-color: #c7c7c7;
+
+/* used for UserSettings EditableText */
+$input-underline-color: rgba(151, 151, 151, 0.5);
+$input-fg-color: rgba(74, 74, 74, 0.9);
+$input-placeholder: var(--cpd-color-text-secondary);
+/* scrollbars */
+$scrollbar-thumb-color: rgba(0, 0, 0, 0.2);
+/* context menus */
+$menu-border-color: #e7e7e7;
+$menu-bg-color: #fff;
+$menu-box-shadow-color: rgba(118, 131, 156, 0.6);
+$menu-selected-color: #f5f8fa;
+
+$avatar-initial-color: #ffffff;
+
+$h3-color: #3d3b39;
+$icon-button-color: var(--cpd-color-icon-tertiary);
+
+$dialog-title-fg-color: #45474a;
+$dialog-backdrop-color: rgba(46, 48, 51, 0.38);
+$dialog-close-fg-color: $icon-button-color;
+$dialog-close-external-color: $primary-bg-color;
+
+$lightbox-background-bg-color: #000;
+$lightbox-background-bg-opacity: 0.95;
+
+$imagebody-giflabel: rgba(0, 0, 0, 0.7);
+$imagebody-giflabel-border: rgba(0, 0, 0, 0.2);
+$imagebody-giflabel-color: rgba(255, 255, 255, 1);
+
+$info-plinth-fg-color: #888;
+
+$neutral-badge-color: #dbdbdb;
+
+$preview-widget-bar-color: #ddd;
+
+$blockquote-bar-color: var(--cpd-color-border-interactive-primary);
+
+$settings-grey-fg-color: #a2a2a2;
+$settings-subsection-fg-color: #61708b;
+
+$rte-bg-color: #e9e9e9;
+$rte-code-bg-color: rgba(0, 0, 0, 0.04);
+
+$header-panel-text-primary-color: #91a1c0;
+
+$pill-bg-color: var(--cpd-color-bg-action-primary-rest);
+$pill-hover-bg-color: var(--cpd-color-bg-action-primary-hovered);
+$pill-press-bg-color: var(--cpd-color-bg-action-primary-pressed);
+
+$topleftmenu-color: #212121;
+$roomheader-bg-color: $primary-bg-color;
+$roomheader-addroom-bg-color: #91a1c0;
+$roomheader-addroom-fg-color: $accent-fg-color;
+$roomtopic-color: #9e9e9e;
+$room-icon-unread-color: var(--cpd-color-icon-tertiary);
+
+/* ******************** */
+
+$presence-away: #d9b072;
+$presence-offline: #e3e8f0;
+$presence-busy: #ff5b55;
+
+/* Legacy theme backports */
+$accent: #0dbd8b;
+$alert: #ff5b55;
+$links: #0086e6;
+$link-external: #0467dd;
+$primary-content: $primary-fg-color;
+$secondary-content: $secondary-fg-color;
+$tertiary-content: $tertiary-fg-color;
+$quaternary-content: #6f7882;
+$quinary-content: $quaternary-content;
+$system: #f4f6fa;
+$system-transparent: #e1e6ec00;
+$background: $primary-bg-color;
+$overlay-background: rgba($background, 0.85);
+
+$panels: rgba($system, 0.9);
+$panel-actions: #fff;
+
+$separator: var(--cpd-color-gray-400);
+
+/* Legacy theme backports */
+
+/* ******************** */
+$voipcall-plinth-color: $system;
+
+$call-view-button-on-foreground: $secondary-content;
+$call-view-button-on-background: $background;
+$call-view-button-off-foreground: $background;
+$call-view-button-off-background: $secondary-content;
+$call-view-content-background: #21262c;
+
+$video-feed-secondary-background: #394049; /* XXX: Color from dark theme */
+
+/* All of these are from dark theme */
+$call-system: #21262c;
+$call-background: #15191e;
+$call-primary-content: #ffffff;
+$call-light-quaternary-content: #c1c6cd;
+
+$username-variant1-color: var(--cpd-color-text-decorative-1);
+$username-variant2-color: var(--cpd-color-text-decorative-2);
+$username-variant3-color: var(--cpd-color-text-decorative-3);
+$username-variant4-color: var(--cpd-color-text-decorative-4);
+$username-variant5-color: var(--cpd-color-text-decorative-5);
+$username-variant6-color: var(--cpd-color-text-decorative-6);
+
+/**
+ * Creating a `semantic` color scale. This will not be needed with the new
+ * visual language, but necessary during the transition period
+ * This abstract the `green` away from where accent shades are used
+ * Take: `background: rgba($accent, 0.1);`
+ * would be transformed to: `background: $accent-300;`
+ *
+ * To use under very rare circumstances, always prefer the semantics defined
+ * in https://compound.element.io/?path=/docs/tokens-semantic-colors--docs
+ */
+$accent-100: var(--cpd-color-green-100);
+$accent-200: var(--cpd-color-green-200);
+$accent-300: var(--cpd-color-green-300);
+$accent-400: var(--cpd-color-green-400);
+$accent-500: var(--cpd-color-green-500);
+$accent-600: var(--cpd-color-green-600);
+$accent-700: var(--cpd-color-green-700);
+$accent-800: var(--cpd-color-green-800);
+$accent-900: var(--cpd-color-green-900);
+$accent-1000: var(--cpd-color-green-1000);
+$accent-1100: var(--cpd-color-green-1100);
+$accent-1200: var(--cpd-color-green-1200);
+$accent-1300: var(--cpd-color-green-1300);
+$accent-1400: var(--cpd-color-green-1400);
+
+/* ******************** */
+
+$widget-menu-bar-bg-color: $secondary-accent-color;
+$widget-body-bg-color: #fff;
+
+/* ******************** */
+
+/* $event-highlight-bg-color shares this value, */
+/* so to not make their order dependent on who depends on who, have a shared value */
+/* defined before both */
+$yellow-background: #fff8e3;
+
+$event-highlight-bg-color: $yellow-background;
+
+/* event timestamp */
+$event-timestamp-color: #acacac;
+
+/* e2e */
+$e2e-verified-color: #0dbd8b;
+$e2e-warning-color: #ff5b55;
+$e2e-verified-color-light: var(--cpd-color-green-300);
+$e2e-warning-color-light: var(--cpd-color-red-300);
+
+/*** ImageView ***/
+$lightbox-bg-color: #454545;
+$lightbox-fg-color: #ffffff;
+$lightbox-border-color: #ffffff;
+
+/* Tabbed views */
+$tab-label-fg-color: #45474a;
+$tab-label-active-fg-color: #ffffff;
+
+/* Buttons */
+$button-primary-fg-color: #ffffff;
+$button-secondary-bg-color: $accent-fg-color;
+$button-danger-fg-color: #ffffff;
+$button-danger-disabled-fg-color: #ffffff;
+$button-danger-disabled-bg-color: #f5b6bb; /* TODO: Verify color */
+
+$visual-bell-bg-color: #faa;
+
+/* Toggle switch */
+$togglesw-off-color: #c1c9d6;
+$togglesw-ball-color: var(--cpd-color-bg-action-primary-rest);
+
+$progressbar-bg-color: rgba(141, 151, 165, 0.2);
+
+$authpage-bg-color: #2e3649;
+$authpage-modal-bg-color: rgba(255, 255, 255, 0.59);
+$authpage-modal-content-with-blur-bg-color: rgb(255, 255, 255, 0.59);
+$authpage-focus-bg-color: #dddddd;
+$authpage-lang-color: $secondary-content;
+$authpage-primary-color: $primary-content;
+$authpage-secondary-color: $secondary-content;
+
+$dark-panel-bg-color: var(--cpd-color-bg-subtle-secondary);
+$panel-gradient: rgba(242, 245, 248, 0), rgba(242, 245, 248, 1);
+
+$message-action-bar-bg-color: $primary-bg-color;
+$message-action-bar-fg-color: $primary-fg-color;
+$message-action-bar-border-color: #e9edf1;
+$message-action-bar-hover-border-color: $focus-bg-color;
+
+$reaction-row-button-hover-border-color: $focus-bg-color;
+$reaction-row-button-selected-bg-color: #e9fff9;
+
+$kbd-border-color: $strong-input-border-color;
+
+$tooltip-timeline-bg-color: $spacePanel-bg-color;
+$tooltip-timeline-fg-color: #ffffff;
+
+$breadcrumb-placeholder-bg-color: #e8eef5;
+
+/* See non-legacy _light for variable information */
+$voice-record-stop-symbol-color: #ff4b55;
+$voice-record-live-circle-color: #ff4b55;
+$voice-record-stop-border-color: #e3e8f0;
+$voice-record-icon-color: $tertiary-fg-color;
+
+$composer-shadow-color: tranparent;
+
+$codeblock-background-color: $header-panel-bg-color;
+$inlinecode-border-color: $header-panel-bg-color;
+$inlinecode-background-color: $header-panel-bg-color;
+
+/* Bubble tiles */
+$eventbubble-self-bg: #f0fbf8;
+$eventbubble-others-bg: $system;
+$eventbubble-bg-hover: #fafbfd;
+
+/* pinned events indicator */
+$pinned-color: $tertiary-content;
+
+$spacePanel-divider-color: $tertiary-content;
+
+/* Location sharing */
+/* ******************** */
+$location-marker-color: #ffffff;
+$location-live-color: #5c56f5;
+$location-live-secondary-color: #deddfd;
+/* ******************** */
+
+body {
+    color-scheme: light;
+}
+
+/* diff highlight colors */
+.hljs-addition {
+    background: #dfd;
+}
+
+.hljs-deletion {
+    background: #fdd;
+}
diff --git a/apps/web/res/themes/legacy-light/css/legacy-light.pcss b/apps/web/res/themes/legacy-light/css/legacy-light.pcss
new file mode 100644
index 00000000000..4ba72f3e930
--- /dev/null
+++ b/apps/web/res/themes/legacy-light/css/legacy-light.pcss
@@ -0,0 +1,8 @@
+@layer compound-tokens, compound-web, shared-components, app-web;
+
+@import "../../../../res/css/_font-sizes.pcss" layer(app-web);
+@import "_fonts.pcss" layer(app-web);
+@import "_legacy-light.pcss" layer(app-web);
+@import "../../../../res/css/_components.pcss" layer(app-web);
+@import url("highlight.js/styles/atom-one-light.min.css") layer(app-web);
+@import url("github-markdown-css/github-markdown-light.css") layer(app-web);
diff --git a/apps/web/res/themes/light-custom/css/_custom.pcss b/apps/web/res/themes/light-custom/css/_custom.pcss
new file mode 100644
index 00000000000..f03bbe8d624
--- /dev/null
+++ b/apps/web/res/themes/light-custom/css/_custom.pcss
@@ -0,0 +1,143 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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.
+*/
+
+$font-family: var(--font-family, $font-family);
+$monospace-font-family: var(--font-family-monospace, $monospace-font-family);
+
+/* Colors from Figma Compound https://www.figma.com/file/X4XTH9iS2KGJ2wFKDqkyed/Compound?node-id=559%3A741 */
+$accent: var(--accent-color, $accent);
+$alert: var(--alert, $alert);
+$links: var(--links, $links);
+$primary-content: var(--primary-content, $primary-content);
+$secondary-content: var(--secondary-content, $secondary-content);
+$tertiary-content: var(--tertiary-content, $tertiary-content);
+$quaternary-content: var(--quaternary-content, $quaternary-content);
+$quinary-content: var(--quinary-content, $quinary-content);
+$system: var(--system, $system);
+$system-transparent: var(--system-transparent, #e1e6ec00);
+$background: var(--background, $background);
+$panels: var(--panels, var(--cpd-color-gray-600));
+$panel-actions: var(--panels-actions, var(--cpd-color-gray-300));
+
+/* --timeline-background-color */
+$custom-theme-background: var(--timeline-background-color, var(--cpd-color-bg-canvas-default));
+$button-secondary-bg-color: $custom-theme-background;
+$lightbox-border-color: $custom-theme-background;
+$menu-bg-color: $custom-theme-background;
+$message-action-bar-bg-color: $custom-theme-background;
+$background: $custom-theme-background;
+$togglesw-ball-color: var(--cpd-color-bg-action-primary-rest);
+$togglesw-off-color: var(--togglesw-off-color);
+$droptarget-bg-color: var(--timeline-background-color-50pct); /* still needs alpha at .5 */
+$authpage-modal-bg-color: var(--timeline-background-color-50pct); /* still needs alpha at .59 */
+$roomheader-bg-color: $custom-theme-background;
+
+/* --roomlist-highlights-color */
+$panel-actions: var(--roomlist-highlights-color);
+
+/* --sidebar-color */
+$spacePanel-bg-color: var(--sidebar-color);
+$tooltip-timeline-bg-color: var(--sidebar-color);
+$dialog-backdrop-color: var(--sidebar-color-50pct);
+
+/* --roomlist-background-color */
+$header-panel-bg-color: var(--roomlist-background-color);
+$header-panel-bg-hover: var(--cpd-color-bg-action-secondary-hovered);
+$panel-gradient: var(--roomlist-background-color-0pct), var(--roomlist-background-color);
+/* these were #f2f5f8 instead of #f3f8fd, but close enough */
+$dark-panel-bg-color: var(--roomlist-background-color);
+$input-lighter-bg-color: var(--roomlist-background-color);
+$secondary-accent-color: var(--roomlist-background-color);
+$selected-color: var(--roomlist-background-color);
+$widget-menu-bar-bg-color: var(--roomlist-background-color);
+$roomlist-bg-color: var(--roomlist-background-color);
+
+/* --timeline-text-color */
+$message-action-bar-fg-color: var(--timeline-text-color);
+$primary-content: var(--timeline-text-color);
+$roomtopic-color: var(--timeline-text-color-50pct);
+/* was #212121 */
+$topleftmenu-color: var(--timeline-text-color);
+/* was #45474a */
+$dialog-title-fg-color: var(--timeline-text-color);
+/* was #4e5054 */
+$authpage-lang-color: var(--timeline-text-color);
+/* was #232f32 */
+$authpage-primary-color: var(--timeline-text-color);
+
+/* --roomlist-separator-color */
+$input-darker-bg-color: var(--roomlist-separator-color);
+$primary-hairline-color: var(--roomlist-separator-color); /* originally #e5e5e5, but close enough */
+$secondary-hairline-color: var(--secondary-hairline-color);
+
+/* --timeline-text-secondary-color */
+$authpage-secondary-color: var(--timeline-text-secondary-color);
+$pinned-color: var(--timeline-text-secondary-color);
+$settings-subsection-fg-color: var(--timeline-text-secondary-color);
+$roomheader-addroom-bg-color: var(--timeline-text-secondary-color);
+/* was #747474 */
+$light-fg-color: var(--timeline-text-secondary-color);
+$focus-bg-color: var(--focus-bg-color, $focus-bg-color);
+$room-highlight-color: var(--room-highlight-color);
+
+$rte-room-pill-color: $room-highlight-color;
+
+/* was #888888 */
+$info-plinth-fg-color: var(--timeline-text-secondary-color);
+
+/* --primary-color */
+$accent-alt: var(--primary-color);
+
+/* --warning-color */
+$button-danger-disabled-bg-color: var(--warning-color-50pct); /* still needs alpha at 0.5 */
+
+/* --timeline-highlights-color */
+$event-selected-color: var(--timeline-highlights-color);
+$event-highlight-bg-color: var(--timeline-highlights-color);
+
+/* redirect some variables away from their hardcoded values in the light theme */
+$settings-grey-fg-color: $primary-content;
+
+/* --eventbubble colors */
+$eventbubble-self-bg: var(--eventbubble-self-bg, $eventbubble-self-bg);
+$eventbubble-others-bg: var(--eventbubble-others-bg, $eventbubble-others-bg);
+$eventbubble-bg-hover: var(--eventbubble-bg-hover, $eventbubble-bg-hover);
+
+$reaction-row-button-selected-bg-color: var(
+    --reaction-row-button-selected-bg-color,
+    $reaction-row-button-selected-bg-color
+);
+
+$menu-selected-color: var(--menu-selected-color, $menu-selected-color);
+$pill-bg-color: var(--other-user-pill-bg-color, $pill-bg-color);
+$pill-hover-bg-color: var(--other-user-pill-bg-color, $pill-hover-bg-color);
+$pill-press-bg-color: var(--other-user-pill-bg-color, $pill-press-bg-color);
+$icon-button-color: var(--icon-button-color, $icon-button-color);
+
+$strong-input-border-color: var(--strong-input-border-color, $strong-input-border-color);
+$inverted-bg-color: var(--strong-input-border-color, $inverted-bg-color);
+
+/**
+ * Variation of the accent color.
+ * Generate this colour scale using LeonardoColor
+ * TODO: Add link
+ */
+$accent-100: var(--accent-color-100);
+$accent-200: var(--accent-color-200);
+$accent-300: var(--accent-color-300);
+$accent-400: var(--accent-color-400);
+$accent-500: var(--accent-color-500);
+$accent-600: var(--accent-color-600);
+$accent-700: var(--accent-color-700);
+$accent-800: var(--accent-color-800);
+$accent-900: var(--accent-color-900);
+$accent-1000: var(--accent-color-1000);
+$accent-1100: var(--accent-color-1100);
+$accent-1200: var(--accent-color-1200);
+$accent-1300: var(--accent-color-1300);
+$accent-1400: var(--accent-color-1400);
diff --git a/apps/web/res/themes/light-custom/css/light-custom.pcss b/apps/web/res/themes/light-custom/css/light-custom.pcss
new file mode 100644
index 00000000000..28386e36097
--- /dev/null
+++ b/apps/web/res/themes/light-custom/css/light-custom.pcss
@@ -0,0 +1,9 @@
+@layer compound-tokens, compound-web, shared-components, app-web;
+
+@import "../../../../res/css/_font-sizes.pcss" layer(app-web);
+@import "../../legacy-light/css/_fonts.pcss" layer(app-web);
+@import "../../legacy-light/css/_legacy-light.pcss" layer(app-web);
+@import "_custom.pcss" layer(app-web);
+@import "../../../../res/css/_components.pcss" layer(app-web);
+@import url("highlight.js/styles/atom-one-light.min.css") layer(app-web);
+@import url("github-markdown-css/github-markdown-light.css") layer(app-web);
diff --git a/apps/web/res/themes/light-high-contrast/css/_light-high-contrast.pcss b/apps/web/res/themes/light-high-contrast/css/_light-high-contrast.pcss
new file mode 100644
index 00000000000..df914829235
--- /dev/null
+++ b/apps/web/res/themes/light-high-contrast/css/_light-high-contrast.pcss
@@ -0,0 +1,224 @@
+/* Reference: https://www.figma.com/file/RnLKnv09glhxGIZtn8zfmh/UI-Themes-%26-Accessibility?node-id=321%3A65847 */
+$accent: var(--cpd-color-text-action-accent);
+$alert: var(--cpd-color-text-critical-primary);
+$links: var(--cpd-color-text-link-external);
+$primary-content: var(--cpd-color-text-primary);
+$secondary-content: var(--cpd-color-text-secondary);
+$tertiary-content: var(--cpd-color-gray-800);
+$quaternary-content: var(--cpd-color-gray-600);
+$quinary-content: var(--cpd-color-gray-400);
+
+$username-variant1-color: var(--cpd-color-text-decorative-1);
+$username-variant2-color: var(--cpd-color-text-decorative-2);
+$username-variant3-color: var(--cpd-color-text-decorative-3);
+$username-variant4-color: var(--cpd-color-text-decorative-4);
+$username-variant5-color: var(--cpd-color-text-decorative-5);
+$username-variant6-color: var(--cpd-color-text-decorative-6);
+
+$accent-alt: $links;
+$input-border-color: $secondary-content;
+$input-darker-bg-color: $quinary-content;
+$input-darker-fg-color: $secondary-content;
+$resend-button-divider-color: $input-darker-bg-color;
+$icon-button-color: var(--cpd-color-icon-tertiary);
+/* not using a compound color here for now as we want to have the same color in
+   light and dark theme. Until we have a non-symetrical token for it, let's keep
+   it hardcoded to the following value */
+$presence-offline: #e3e8f0;
+$pinned-color: $tertiary-content;
+$button-secondary-bg-color: $accent-fg-color;
+$message-action-bar-fg-color: $primary-content;
+$voice-record-stop-border-color: $quinary-content;
+$voice-record-icon-color: $tertiary-content;
+$roomtopic-color: $secondary-content;
+
+/**
+ * Creating a `semantic` color scale. This will not be needed with the new
+ * visual language, but necessary during the transition period
+ * This abstract the `green` away from where accent shades are used
+ * Take: `background: rgba($accent, 0.1);`
+ * would be transformed to: `background: $accent-300;`
+ *
+ * To use under very rare circumstances, always prefer the semantics defined
+ * in https://compound.element.io/?path=/docs/tokens-semantic-colors--docs
+ */
+$accent-100: var(--cpd-color-green-100);
+$accent-200: var(--cpd-color-green-200);
+$accent-300: var(--cpd-color-green-300);
+$accent-400: var(--cpd-color-green-400);
+$accent-500: var(--cpd-color-green-500);
+$accent-600: var(--cpd-color-green-600);
+$accent-700: var(--cpd-color-green-700);
+$accent-800: var(--cpd-color-green-800);
+$accent-900: var(--cpd-color-green-900);
+$accent-1000: var(--cpd-color-green-1000);
+$accent-1100: var(--cpd-color-green-1100);
+$accent-1200: var(--cpd-color-green-1200);
+$accent-1300: var(--cpd-color-green-1300);
+$accent-1400: var(--cpd-color-green-1400);
+
+/* Draw an outline on buttons with focus */
+.mx_AccessibleButton:focus {
+    outline: 2px solid $accent;
+    outline-offset: 2px;
+}
+
+.mx_BasicMessageComposer .mx_BasicMessageComposer_inputEmpty > :first-child::before {
+    color: $secondary-content;
+    opacity: 1 !important;
+}
+
+.mx_TextualEvent {
+    color: $secondary-content;
+    opacity: 1 !important;
+}
+
+.mx_Dialog,
+.mx_MatrixChat_wrapper {
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="text"]::placeholder,
+    :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="search"]::placeholder,
+    .mx_textinput input::placeholder {
+        color: $input-darker-fg-color !important;
+    }
+}
+
+.mx_ThemeChoicePanel_themeSelectors > .mx_StyledRadioButton input[type="radio"]:disabled + div {
+    border-color: $primary-content;
+}
+
+.mx_ThemeChoicePanel_themeSelectors > .mx_StyledRadioButton.mx_StyledRadioButton_disabled {
+    color: $primary-content;
+}
+
+.mx_RoomSearch {
+    &.mx_RoomSearch_focused,
+    &.mx_RoomSearch_hasQuery {
+        .mx_RoomSearch_clearButton {
+            &::before {
+                background-color: $background !important;
+            }
+        }
+    }
+}
+
+.mx_PollCreateDialog {
+    .mx_PollCreateDialog_option {
+        .mx_PollCreateDialog_removeOption {
+            &::before {
+                background-color: $background !important;
+            }
+        }
+    }
+}
+
+.mx_Dialog_buttons button.mx_LocationPicker_cancelButton::before {
+    background-color: $background !important;
+}
+
+.mx_SpotlightDialog_wrapper .mx_Dialog {
+    #mx_SpotlightDialog_keyboardPrompt {
+        kbd {
+            color: $background !important;
+        }
+    }
+}
+
+.mx_SpotlightDialog {
+    .mx_SpotlightDialog_searchBox {
+        > .mx_SpotlightDialog_filter {
+            color: $background !important;
+            &::before {
+                background-color: $background !important;
+            }
+        }
+    }
+    #mx_SpotlightDialog_content {
+        .mx_SpotlightDialog_recentlyViewed {
+            .mx_SpotlightDialog_option {
+                &:hover,
+                &[aria-selected="true"] {
+                    color: $background !important;
+
+                    .mx_DecoratedRoomAvatar_icon::before {
+                        background-color: $background !important;
+                    }
+                }
+            }
+        }
+        .mx_SpotlightDialog_results,
+        .mx_SpotlightDialog_recentSearches,
+        .mx_SpotlightDialog_otherSearches,
+        .mx_SpotlightDialog_hiddenResults {
+            .mx_SpotlightDialog_option {
+                &:hover,
+                &[aria-selected="true"] {
+                    background-color: $quinary-content !important;
+                    color: $background !important;
+
+                    svg {
+                        color: $background !important;
+                    }
+
+                    .mx_DecoratedRoomAvatar_icon::before {
+                        background-color: $background !important;
+                    }
+
+                    .mx_SpotlightDialog_result_publicRoomDetails {
+                        .mx_SpotlightDialog_result_publicRoomHeader {
+                            .mx_SpotlightDialog_result_publicRoomName {
+                                color: $background;
+                            }
+                            .mx_SpotlightDialog_result_publicRoomAlias {
+                                color: $background;
+                            }
+                        }
+                        .mx_SpotlightDialog_result_publicRoomDescription {
+                            color: $background;
+                        }
+                    }
+
+                    .mx_SpotlightDialog_notificationBadge {
+                        background-color: $background !important;
+                    }
+
+                    .mx_SpotlightDialog_result_details {
+                        color: $background !important;
+                    }
+                }
+            }
+        }
+        .mx_SpotlightDialog_enterPrompt {
+            background-color: $background !important;
+        }
+    }
+}
+
+.mx_GenericDropdownMenu_button:hover,
+.mx_GenericDropdownMenu_button[aria-expanded="true"] {
+    color: $background !important;
+}
+
+.mx_ContextualMenu_wrapper.mx_GenericDropdownMenu_wrapper {
+    .mx_GenericDropdownMenu_Option {
+        &.mx_GenericDropdownMenu_Option--item {
+            &:hover {
+                background-color: $quinary-content !important;
+                color: $background !important;
+
+                &[aria-checked="true"]::before {
+                    background-color: $background !important;
+                }
+
+                > .mx_GenericDropdownMenu_Option--label {
+                    span:first-child {
+                        color: $background !important;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.mx_NetworkDropdown_removeServer::before {
+    background-color: $background !important;
+}
diff --git a/apps/web/res/themes/light-high-contrast/css/light-high-contrast.pcss b/apps/web/res/themes/light-high-contrast/css/light-high-contrast.pcss
new file mode 100644
index 00000000000..c71b1c43241
--- /dev/null
+++ b/apps/web/res/themes/light-high-contrast/css/light-high-contrast.pcss
@@ -0,0 +1,10 @@
+@layer compound-tokens, compound-web, shared-components, app-web;
+
+@import "../../../../res/css/_font-sizes.pcss" layer(app-web);
+@import "../../light/css/_fonts.pcss" layer(app-web);
+@import "../../light/css/_light.pcss" layer(app-web);
+@import "_light-high-contrast.pcss" layer(app-web);
+@import "../../light/css/_mods.pcss" layer(app-web);
+@import "../../../../res/css/_components.pcss" layer(app-web);
+@import url("highlight.js/styles/atom-one-light.min.css") layer(app-web);
+@import url("github-markdown-css/github-markdown-light.css") layer(app-web);
diff --git a/apps/web/res/themes/light/css/_fonts.pcss b/apps/web/res/themes/light/css/_fonts.pcss
new file mode 100644
index 00000000000..878920102f0
--- /dev/null
+++ b/apps/web/res/themes/light/css/_fonts.pcss
@@ -0,0 +1,20 @@
+/* the 'src' links are relative to the bundle.css, which is in a subdirectory.
+ */
+
+/* Twemoji COLR */
+@font-face {
+    font-family: "Twemoji";
+    font-weight: 400;
+    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");
+}
+@font-face {
+    font-family: "Twemoji";
+    font-weight: 700;
+    src: url("/res/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2") format("woff2");
+}
diff --git a/apps/web/res/themes/light/css/_light.pcss b/apps/web/res/themes/light/css/_light.pcss
new file mode 100644
index 00000000000..08b24f69b75
--- /dev/null
+++ b/apps/web/res/themes/light/css/_light.pcss
@@ -0,0 +1,365 @@
+:root {
+    /* This is set to Twemoji when the user opts into the bundled emoji font */
+    --emoji-font-family: "";
+}
+
+/* Nunito and Inter lacks combining diacritics, so these will fall through
+   to the next font. Helevetica's diacritics sometimes do not combine
+   nicely (on OSX, at least) and result in a huge horizontal mess.
+   Arial empirically gets it right, hence prioritising Arial here. */
+/* Noto Color Emoji contains digits, in fixed-width, therefore causing
+   digits in flowed text to stand out.
+   TODO: Consider putting all emoji fonts to the end rather than the front. */
+$font-family:
+    "Inter", var(--emoji-font-family), "Apple Color Emoji", "Segoe UI Emoji", "Arial", "Helvetica", sans-serif,
+    "Noto Color Emoji";
+
+$monospace-font-family:
+    "Fira Code", var(--emoji-font-family), "Apple Color Emoji", "Segoe UI Emoji", "Courier", monospace,
+    "Noto Color Emoji";
+
+/* Colors from Figma Compound https://www.figma.com/file/X4XTH9iS2KGJ2wFKDqkyed/Compound?node-id=559%3A120 */
+/* ******************** */
+$primary-content: var(--cpd-color-text-primary);
+$secondary-content: var(--cpd-color-text-secondary);
+$tertiary-content: var(--cpd-color-gray-800);
+$quaternary-content: var(--cpd-color-gray-600);
+$quinary-content: var(--cpd-color-gray-400);
+
+$system: var(--cpd-color-bg-subtle-primary);
+$system-transparent: #e1e6ec00;
+$background: var(--cpd-color-bg-canvas-default);
+$overlay-background: var(--cpd-color-alpha-gray-1300);
+
+$panels: var(--cpd-color-bg-subtle-secondary);
+$panel-actions: var(--cpd-color-alpha-gray-300);
+
+$separator: var(--cpd-color-gray-400);
+
+$accent: var(--cpd-color-text-action-accent);
+$alert: var(--cpd-color-text-critical-primary);
+$links: var(--cpd-color-text-link-external);
+$link-external: var(--cpd-color-text-link-external);
+
+$username-variant1-color: var(--cpd-color-text-decorative-1);
+$username-variant2-color: var(--cpd-color-text-decorative-2);
+$username-variant3-color: var(--cpd-color-text-decorative-3);
+$username-variant4-color: var(--cpd-color-text-decorative-4);
+$username-variant5-color: var(--cpd-color-text-decorative-5);
+$username-variant6-color: var(--cpd-color-text-decorative-6);
+/* ******************** */
+
+/**
+ * Creating a `semantic` color scale. This will not be needed with the new
+ * visual language, but necessary during the transition period
+ * This abstract the `green` away from where accent shades are used
+ * Take: `background: rgba($accent, 0.1);`
+ * would be transformed to: `background: $accent-300;`
+ *
+ * To use under very rare circumstances, always prefer the semantics defined
+ * in https://compound.element.io/?path=/docs/tokens-semantic-colors--docs
+ */
+$accent-100: var(--cpd-color-green-100);
+$accent-200: var(--cpd-color-green-200);
+$accent-300: var(--cpd-color-green-300);
+$accent-400: var(--cpd-color-green-400);
+$accent-500: var(--cpd-color-green-500);
+$accent-600: var(--cpd-color-green-600);
+$accent-700: var(--cpd-color-green-700);
+$accent-800: var(--cpd-color-green-800);
+$accent-900: var(--cpd-color-green-900);
+$accent-1000: var(--cpd-color-green-1000);
+$accent-1100: var(--cpd-color-green-1100);
+$accent-1200: var(--cpd-color-green-1200);
+$accent-1300: var(--cpd-color-green-1300);
+$accent-1400: var(--cpd-color-green-1400);
+
+/* Reused Figma non-compound colors */
+/* ******************** */
+$inverted-bg-color: var(--cpd-color-bg-action-primary-rest);
+$header-panel-bg-color: var(--cpd-color-bg-subtle-primary);
+$header-panel-bg-hover: var(--cpd-color-bg-action-secondary-hovered);
+/* ******************** */
+
+/* Theme specific colors */
+/* ******************** */
+$icon-button-color: var(--cpd-color-icon-tertiary);
+/* ******************** */
+
+/* Colors that aren't in Figma and are theme specific - we need to get rid of these */
+/* ******************** */
+$selection-fg-color: $background;
+$yellow-background: var(--cpd-color-yellow-200);
+$secondary-accent-color: #f2f5f8;
+$button-fg-color: $background;
+$neutral-badge-color: #dbdbdb;
+$strong-input-border-color: var(--cpd-color-border-interactive-primary);
+$preview-widget-bar-color: var(--cpd-color-bg-subtle-primary);
+$accent-fg-color: #f4f6fa;
+$accent-alt: var(--cpd-color-text-link-external);
+$info-plinth-fg-color: var(--cpd-color-gray-900);
+/* ******************** */
+
+/* Colors that aren't in Figma - we need to get rid of these */
+/* ******************** */
+$dark-panel-bg-color: var(--cpd-color-bg-subtle-secondary);
+$muted-fg-color: #61708b;
+$light-fg-color: #747474;
+$focus-bg-color: $preview-widget-bar-color;
+$info-plinth-bg-color: #f7f7f7;
+$event-selected-color: var(--cpd-color-bg-subtle-secondary);
+$topleftmenu-color: #212121;
+$roomtopic-color: #9e9e9e;
+$spacePanel-bg-color: rgba(232, 232, 232, 0.77);
+$panel-gradient: rgba(242, 245, 248, 0), rgba(242, 245, 248, 1);
+$h3-color: #3d3b39;
+$event-highlight-bg-color: $yellow-background;
+$header-panel-text-primary-color: #91a1c0;
+/* ******************** */
+
+/* Blockquote */
+/* ******************** */
+$blockquote-bar-color: var(--cpd-color-border-interactive-primary);
+/* ******************** */
+
+/* Tooltip */
+/* ******************** */
+$tooltip-timeline-bg-color: $inverted-bg-color;
+$tooltip-timeline-fg-color: $background;
+/* ******************** */
+
+/* Widget */
+/* ******************** */
+$widget-menu-bar-bg-color: $secondary-accent-color;
+$widget-body-bg-color: $background;
+/* ******************** */
+
+/* Menu */
+/* ******************** */
+$menu-border-color: #e7e7e7;
+$menu-bg-color: $background;
+$menu-box-shadow-color: rgba(118, 131, 156, 0.6);
+$menu-selected-color: #f5f8fa;
+/* ******************** */
+
+/* Settings */
+/* ******************** */
+$settings-grey-fg-color: #a2a2a2;
+$settings-subsection-fg-color: $muted-fg-color;
+/* ******************** */
+
+/* Room */
+/* ******************** */
+$room-icon-unread-color: var(--cpd-color-icon-tertiary);
+/* ******************** */
+
+/* RoomHeader */
+/* ******************** */
+$roomheader-addroom-bg-color: rgba(92, 100, 112, 0.2);
+$roomheader-addroom-fg-color: #5c6470;
+/* ******************** */
+
+/* Rich-text-editor */
+/* ******************** */
+$pill-bg-color: var(--cpd-color-bg-action-primary-rest);
+$pill-hover-bg-color: var(--cpd-color-bg-action-primary-hovered);
+$pill-press-bg-color: var(--cpd-color-bg-action-primary-pressed);
+$rte-bg-color: #e9e9e9;
+$rte-code-bg-color: rgba(0, 0, 0, 0.04);
+/* ******************** */
+
+/* Presence */
+/* ******************** */
+$presence-away: #d9b072;
+/* not using a compound color here for now as we want to have the same color in
+   light and dark theme. Until we have a non-symetrical token for it, let's keep
+   it hardcoded to the following value */
+$presence-offline: #e3e8f0;
+$presence-busy: $alert;
+/* ******************** */
+
+/* Inputs */
+/* ******************** */
+$input-border-color: $menu-border-color;
+$input-darker-bg-color: $quinary-content;
+$input-darker-fg-color: #9fa9ba;
+$input-lighter-bg-color: $secondary-accent-color;
+$input-underline-color: rgba(151, 151, 151, 0.5);
+$input-fg-color: rgba(74, 74, 74, 0.9);
+$input-placeholder: var(--cpd-color-text-secondary);
+/* ******************** */
+
+/* Dialog */
+/* ******************** */
+$dialog-title-fg-color: var(--cpd-color-text-primary);
+$dialog-backdrop-color: #030c1b4d;
+$dialog-close-fg-color: $icon-button-color;
+$dialog-close-external-color: $background;
+/* ******************** */
+
+/* ImageBody */
+/* ******************** */
+$imagebody-giflabel: rgba(0, 0, 0, 0.7);
+$imagebody-giflabel-border: rgba(0, 0, 0, 0.2);
+$imagebody-giflabel-color: $accent-fg-color;
+/* ******************** */
+
+/* e2e */
+/* ******************** */
+$e2e-verified-color: var(--cpd-color-icon-success-primary);
+$e2e-warning-color: var(--cpd-color-icon-critical-primary);
+$e2e-verified-color-light: var(--cpd-color-green-300);
+$e2e-warning-color-light: var(--cpd-color-red-300);
+/* ******************** */
+
+/* Tabbed views */
+/* ******************** */
+$tab-label-fg-color: $secondary-content;
+$tab-label-active-fg-color: $primary-content;
+/* ******************** */
+
+/* Buttons */
+/* ******************** */
+$button-primary-fg-color: $background;
+$button-secondary-bg-color: $accent-fg-color;
+$button-danger-fg-color: $background;
+$button-danger-disabled-fg-color: $background;
+$button-danger-disabled-bg-color: #f5b6bb; /* TODO: Verify color */
+/* ******************** */
+
+/* Toggle switch */
+/* ******************** */
+$togglesw-off-color: #c1c9d6;
+$togglesw-ball-color: var(--cpd-color-bg-action-primary-rest);
+/* ******************** */
+
+/* Authpage */
+/* ******************** */
+$authpage-primary-color: #232f32;
+$authpage-bg-color: #2e3649;
+$authpage-modal-bg-color: rgb(245, 245, 245, 0.9);
+/* background colour of the modal, when the background is blurred */
+$authpage-modal-content-with-blur-bg-color: rgb(255, 255, 255, 0.59);
+$authpage-focus-bg-color: $focus-bg-color;
+$authpage-lang-color: $secondary-content;
+$authpage-primary-color: $primary-content;
+$authpage-secondary-color: $secondary-content;
+/* ******************** */
+
+/* Message action bar */
+/* ******************** */
+$message-action-bar-bg-color: $background;
+$message-action-bar-fg-color: $primary-content;
+$message-action-bar-border-color: #e9edf1;
+$message-action-bar-hover-border-color: $focus-bg-color;
+/* ******************** */
+
+/* Reaction row */
+/* ******************** */
+$reaction-row-button-hover-border-color: $focus-bg-color;
+$reaction-row-button-selected-bg-color: #e9fff9;
+/* ******************** */
+
+/* Voice messages */
+/* ******************** */
+/* These two don't change between themes. They are the $alert, but we don't want */
+/* custom themes to affect them by accident. */
+$voice-record-stop-symbol-color: #ff5b55;
+$voice-record-live-circle-color: #ff5b55;
+$voice-record-stop-border-color: $quinary-content;
+$voice-record-icon-color: $tertiary-content;
+/* ******************** */
+
+/* Bubble tiles */
+/* ******************** */
+$eventbubble-self-bg: var(--cpd-color-green-300);
+$eventbubble-others-bg: var(--cpd-color-gray-300);
+$eventbubble-bg-hover: var(--cpd-color-bg-subtle-secondary);
+/* ******************** */
+
+/* Lightbox */
+/* ******************** */
+/* not using a compound color here for now as we want to have the same color in
+   light and dark theme. Until we have a non-symetrical token for it, let's keep
+   it hardcoded to the following value */
+$lightbox-fg-color: #fff;
+$lightbox-background-bg-color: #000;
+$lightbox-background-bg-opacity: 0.95;
+/* ******************** */
+
+/* VoIP */
+/* ******************** */
+$call-view-button-on-foreground: $secondary-content;
+$call-view-button-on-background: $background;
+$call-view-button-off-foreground: $background;
+$call-view-button-off-background: $secondary-content;
+$call-view-content-background: #21262c;
+
+$video-feed-secondary-background: #394049; /* XXX: Color from dark theme */
+$voipcall-plinth-color: $system;
+
+/* All of these are from dark theme */
+$call-system: #21262c;
+$call-background: #15191e;
+$call-primary-content: #ffffff;
+/* This one is from light theme */
+$call-light-quaternary-content: #c1c6cd;
+/* ******************** */
+
+/* One-off colors */
+/* ******************** */
+$progressbar-bg-color: var(--cpd-color-gray-200);
+$kbd-border-color: $strong-input-border-color;
+$visual-bell-bg-color: #faa;
+$event-timestamp-color: var(--cpd-color-text-secondary);
+$composer-shadow-color: rgba(0, 0, 0, 0.04);
+$breadcrumb-placeholder-bg-color: #e8eef5;
+$resend-button-divider-color: $input-darker-bg-color;
+$inlinecode-border-color: $quinary-content;
+$inlinecode-background-color: $system;
+$codeblock-background-color: $header-panel-bg-color;
+$scrollbar-thumb-color: rgba(0, 0, 0, 0.2);
+$selected-color: $secondary-accent-color;
+/* ******************** */
+
+/* One-off global colors - these apply to both themes */
+/* ******************** */
+$pinned-color: $tertiary-content;
+$avatar-initial-color: $background;
+$primary-hairline-color: transparent;
+$secondary-hairline-color: var(--cpd-color-gray-300);
+$focus-brightness: 105%;
+/* ******************** */
+
+/* blur amounts for left left panel (only for element theme) */
+/* ******************** */
+:root {
+    --lp-background-blur: 40px;
+}
+
+/* ******************** */
+
+/* Location sharing */
+/* ******************** */
+$location-marker-color: var(--cpd-color-icon-on-solid-primary);
+$location-live-color: var(--cpd-color-purple-900);
+$location-live-secondary-color: var(--cpd-color-purple-600);
+/* ******************** */
+
+body {
+    color-scheme: light;
+}
+
+/* ******************** */
+
+/* diff highlight colors */
+/* ******************** */
+.hljs-addition {
+    background: var(--cpd-color-green-500);
+}
+
+.hljs-deletion {
+    background: var(--cpd-color-red-500);
+}
+
+/* ******************** */
diff --git a/apps/web/res/themes/light/css/_mods.pcss b/apps/web/res/themes/light/css/_mods.pcss
new file mode 100644
index 00000000000..4541b4afde3
--- /dev/null
+++ b/apps/web/res/themes/light/css/_mods.pcss
@@ -0,0 +1,22 @@
+/* sidebar blurred avatar background */
+
+/* if backdrop-filter is supported, */
+/* set the user avatar (if any) as a background so */
+/* it can be blurred by the tag panel and room list */
+
+.mx_RoomSublist_showNButton {
+    background-color: transparent !important;
+}
+
+/*
+    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/apps/web/res/themes/light/css/light.pcss b/apps/web/res/themes/light/css/light.pcss
new file mode 100644
index 00000000000..7151f715399
--- /dev/null
+++ b/apps/web/res/themes/light/css/light.pcss
@@ -0,0 +1,9 @@
+@layer compound-tokens, compound-web, shared-components, app-web;
+
+@import "../../../../res/css/_font-sizes.pcss" layer(app-web);
+@import "_fonts.pcss" layer(app-web);
+@import "_light.pcss" layer(app-web);
+@import "_mods.pcss" layer(app-web);
+@import "../../../../res/css/_components.pcss" layer(app-web);
+@import url("highlight.js/styles/atom-one-light.min.css") layer(app-web);
+@import url("github-markdown-css/github-markdown-light.css") layer(app-web);
diff --git a/apps/web/res/vector-icons/1024.png b/apps/web/res/vector-icons/1024.png
new file mode 100644
index 00000000000..77d67480eb4
Binary files /dev/null and b/apps/web/res/vector-icons/1024.png differ
diff --git a/apps/web/res/vector-icons/120.png b/apps/web/res/vector-icons/120.png
new file mode 100644
index 00000000000..bf604618f46
Binary files /dev/null and b/apps/web/res/vector-icons/120.png differ
diff --git a/apps/web/res/vector-icons/144.png b/apps/web/res/vector-icons/144.png
new file mode 100644
index 00000000000..5f09750bc8a
Binary files /dev/null and b/apps/web/res/vector-icons/144.png differ
diff --git a/apps/web/res/vector-icons/152.png b/apps/web/res/vector-icons/152.png
new file mode 100644
index 00000000000..2948c2e9b0e
Binary files /dev/null and b/apps/web/res/vector-icons/152.png differ
diff --git a/apps/web/res/vector-icons/180.png b/apps/web/res/vector-icons/180.png
new file mode 100644
index 00000000000..8a412c56041
Binary files /dev/null and b/apps/web/res/vector-icons/180.png differ
diff --git a/apps/web/res/vector-icons/24.png b/apps/web/res/vector-icons/24.png
new file mode 100644
index 00000000000..3aa66a3b1c7
Binary files /dev/null and b/apps/web/res/vector-icons/24.png differ
diff --git a/apps/web/res/vector-icons/512.png b/apps/web/res/vector-icons/512.png
new file mode 100644
index 00000000000..337a183e30b
Binary files /dev/null and b/apps/web/res/vector-icons/512.png differ
diff --git a/apps/web/scripts/ci_package.sh b/apps/web/scripts/ci_package.sh
new file mode 100755
index 00000000000..e5da64a0e1e
--- /dev/null
+++ b/apps/web/scripts/ci_package.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/env bash
+
+# Runs package.sh, passing DIST_VERSION determined by git
+
+set -ex
+
+rm dist/element-*.tar.gz || true # rm previous artifacts without failing if it doesn't exist
+
+DIST_VERSION=`$(dirname $0)/../../../scripts/get-version-from-git.sh`
+
+CI_PACKAGE=true DIST_VERSION=$DIST_VERSION scripts/package.sh
diff --git a/scripts/cleanup.sh b/apps/web/scripts/cleanup.sh
similarity index 100%
rename from scripts/cleanup.sh
rename to apps/web/scripts/cleanup.sh
diff --git a/apps/web/scripts/deploy.py b/apps/web/scripts/deploy.py
new file mode 100755
index 00000000000..fa805a587ea
--- /dev/null
+++ b/apps/web/scripts/deploy.py
@@ -0,0 +1,242 @@
+#!/usr/bin/env python3
+#
+# download and unpack a element-web tarball.
+#
+# Allows `bundles` to be extracted to a common directory, and a link to
+# config.json to be added.
+
+import argparse
+import errno
+import os
+import os.path
+import subprocess
+import sys
+import tarfile
+import shutil
+import glob
+from urllib.request import urlretrieve
+
+
+class DeployException(Exception):
+    pass
+
+
+def create_relative_symlink(linkname, target):
+    relpath = os.path.relpath(target, os.path.dirname(linkname))
+    print("Symlink %s -> %s" % (linkname, relpath))
+
+    try:
+        os.symlink(relpath, linkname)
+    except OSError as e:
+        if e.errno == errno.EEXIST:
+            # atomic modification
+            os.symlink(relpath, linkname + ".tmp")
+            os.rename(linkname + ".tmp", linkname)
+        else:
+            raise e
+
+
+def move_bundles(source, dest):
+    """Move the contents of the 'bundles' directory to a common dir
+
+    We check that we will not be overwriting anything before we proceed.
+
+    Args:
+        source (str): path to 'bundles' within the extracted tarball
+        dest (str): target common directory
+    """
+
+    if not os.path.isdir(dest):
+        os.mkdir(dest)
+
+    # build a map from source to destination, checking for non-existence as we go.
+    renames = {}
+    for f in os.listdir(source):
+        dst = os.path.join(dest, f)
+        if os.path.exists(dst):
+            print(
+                "Skipping bundle. The bundle includes '%s' which we have previously deployed."
+                % f
+            )
+        else:
+            renames[os.path.join(source, f)] = dst
+
+    for (src, dst) in renames.items():
+        print("Move %s -> %s" % (src, dst))
+        os.rename(src, dst)
+
+
+class Deployer:
+    def __init__(self):
+        self.packages_path = "."
+        self.bundles_path = None
+        self.should_clean = False
+        self.symlink_latest = None
+        # filename -> symlink path e.g 'config.localhost.json' => '../localhost/config.json'
+        self.symlink_paths = {}
+        self.verify_signature = True
+
+    def fetch(self, tarball, extract_path):
+        """Download a tarball, verifies it if needed, and unpacks it
+
+        Returns:
+            (str) the path to the unpacked directory
+        """
+        print("Fetching %s to %s" % (tarball, extract_path))
+
+        name_str = os.path.basename(tarball).replace(".tar.gz", "")
+        extracted_dir = os.path.join(extract_path, name_str)
+        if os.path.exists(extracted_dir):
+            raise DeployException('Cannot unpack %s: %s already exists' % (
+                tarball, extracted_dir))
+
+        downloaded = False
+        if tarball.startswith("http://") or tarball.startswith("https://"):
+            tarball = self.download_and_verify(tarball)
+            print("Downloaded file: %s" % tarball)
+            downloaded = True
+
+        try:
+            with tarfile.open(tarball) as tar:
+                def is_within_directory(directory, target):
+                    abs_directory = os.path.abspath(directory)
+                    abs_target = os.path.abspath(target)
+                
+                    prefix = os.path.commonprefix([abs_directory, abs_target])
+                    
+                    return prefix == abs_directory
+                
+                def safe_extract(tar, path=".", members=None, *, numeric_owner=False):
+                    for member in tar.getmembers():
+                        member_path = os.path.join(path, member.name)
+                        if not is_within_directory(path, member_path):
+                            raise Exception("Attempted Path Traversal in Tar File")
+                
+                    tar.extractall(path, members, numeric_owner=numeric_owner) 
+                    
+                
+                safe_extract(tar, extract_path)
+        finally:
+            if self.should_clean and downloaded:
+                os.remove(tarball)
+
+        print("Extracted into: %s" % extracted_dir)
+        return extracted_dir
+
+    def deploy(self, extracted_dir):
+        """Applies symlinks and handles the bundles directory on an extracted tarball"""
+        print("Deploying %s" % extracted_dir)
+
+        if self.symlink_paths:
+            for link_path, file_path in self.symlink_paths.items():
+                create_relative_symlink(
+                    target=file_path,
+                    linkname=os.path.join(extracted_dir, link_path)
+                )
+
+        if self.bundles_path:
+            extracted_bundles = os.path.join(extracted_dir, 'bundles')
+            move_bundles(source=extracted_bundles, dest=self.bundles_path)
+
+            # replace the extracted_bundles dir (which may not be empty if some
+            # bundles were skipped) with a symlink to the common dir.
+            shutil.rmtree(extracted_bundles)
+            create_relative_symlink(
+                target=self.bundles_path,
+                linkname=extracted_bundles,
+            )
+
+        if self.symlink_latest:
+            create_relative_symlink(
+                target=extracted_dir,
+                linkname=self.symlink_latest,
+            )
+
+    def download_and_verify(self, url):
+        tarball = self.download_file(url)
+
+        if self.verify_signature:
+            sigfile = self.download_file(url + ".asc")
+            subprocess.check_call(["gpg", "--verify", sigfile, tarball])
+
+        return tarball
+
+    def download_file(self, url):
+        if not os.path.isdir(self.packages_path):
+            os.mkdir(self.packages_path)
+        local_filename = os.path.join(self.packages_path,
+                                      url.split('/')[-1])
+        sys.stdout.write("Downloading %s -> %s..." % (url, local_filename))
+        sys.stdout.flush()
+        urlretrieve(url, local_filename)
+        print ("Done")
+        return local_filename
+
+
+if __name__ == "__main__":
+    parser = argparse.ArgumentParser("Deploy a Riot build on a web server.")
+    parser.add_argument(
+        "-p", "--packages-dir", default="./packages", help=(
+            "The directory to download the tarball into. (Default: '%(default)s')"
+        )
+    )
+    parser.add_argument(
+        "-e", "--extract-path", default="./deploys", help=(
+            "The location to extract .tar.gz files to. (Default: '%(default)s')"
+        )
+    )
+    parser.add_argument(
+        "-b", "--bundles-dir", nargs='?', default="./bundles", help=(
+            "A directory to move the contents of the 'bundles' directory to. A \
+            symlink to the bundles directory will also be written inside the \
+            extracted tarball. Example: './bundles'. \
+            (Default: '%(default)s')"
+        )
+    )
+    parser.add_argument(
+        "-c", "--clean", action="store_true", default=False, help=(
+            "Remove .tar.gz files after they have been downloaded and extracted. \
+            (Default: %(default)s)"
+        )
+    )
+    parser.add_argument(
+        "--include", nargs='*', default=['./config*.json'], help=(
+            "Symlink these files into the root of the deployed tarball. \
+             Useful for config files and home pages. Supports glob syntax. \
+             (Default: '%(default)s')"
+        )
+    )
+    parser.add_argument(
+        "-s", "--symlink", dest="symlink", default="./latest", help=(
+            "Write a symlink to this location pointing to the extracted tarball. \
+            New builds will keep overwriting this symlink. The symlink will point \
+            to the webapp directory INSIDE the tarball."
+        )
+    )
+    parser.add_argument(
+        "target", help=(
+            "filename of extracted directory, tarball, or URL to download."
+        ),
+    )
+
+    args = parser.parse_args()
+
+    deployer = Deployer()
+    deployer.packages_path = args.packages_dir
+    deployer.bundles_path = args.bundles_dir
+    deployer.should_clean = args.clean
+    deployer.symlink_latest = args.symlink
+
+    for include in args.include:
+        deployer.symlink_paths.update({ os.path.basename(pth): pth for pth in glob.iglob(include) })
+
+    if os.path.isdir(args.target):
+        # If the given directory contains a single directory then use that instead, the ci package wraps in an extra dir
+        files = os.listdir(args.target)
+        if len(files) == 1 and os.path.isdir(os.path.join(args.target, files[0])):
+            extracted_dir = os.path.join(args.target, files[0])
+        else:
+            extracted_dir = args.target
+    else:
+        extracted_dir = deployer.fetch(args.target, args.extract_path)
+    deployer.deploy(extracted_dir)
diff --git a/apps/web/scripts/package.sh b/apps/web/scripts/package.sh
new file mode 100755
index 00000000000..22411168a0f
--- /dev/null
+++ b/apps/web/scripts/package.sh
@@ -0,0 +1,29 @@
+#!/usr/bin/env bash
+
+set -e
+
+if [ -n "$DIST_VERSION" ]; then
+    version=$DIST_VERSION
+else
+    version=`git describe --dirty --tags || echo unknown`
+fi
+
+VERSION=$version pnpm build
+
+# include the sample config in the tarball. Arguably this should be done by
+# `pnpm build`, but it's just too painful.
+cp config.sample.json webapp/
+
+mkdir -p dist
+cp -r webapp element-$version
+
+# Just in case you have a local config, remove it before packaging
+rm element-$version/config.json || true
+
+# GNU/BSD compatibility workaround
+tar_perms=(--owner=0 --group=0) && [ "$(uname)" == "Darwin" ] && tar_perms=(--uid=0 --gid=0)
+tar "${tar_perms[@]}" -chvzf dist/element-$version.tar.gz element-$version
+rm -r element-$version
+
+echo
+echo "Packaged dist/element-$version.tar.gz"
diff --git a/apps/web/src/@types/common.ts b/apps/web/src/@types/common.ts
new file mode 100644
index 00000000000..024e9cef86f
--- /dev/null
+++ b/apps/web/src/@types/common.ts
@@ -0,0 +1,17 @@
+/*
+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 { type JSX, type JSXElementConstructor } from "react";
+
+export type { NonEmptyArray, XOR, Writeable } from "matrix-js-sdk/src/matrix";
+
+export type * from "shared-types/lib/utils";
+
+export type ComponentClass = keyof JSX.IntrinsicElements | JSXElementConstructor<any>;
+
+export type { Leaves } from "matrix-web-i18n";
diff --git a/apps/web/src/@types/commonmark.ts b/apps/web/src/@types/commonmark.ts
new file mode 100644
index 00000000000..296f9523929
--- /dev/null
+++ b/apps/web/src/@types/commonmark.ts
@@ -0,0 +1,44 @@
+/*
+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 type * as commonmark from "commonmark";
+
+declare module "commonmark" {
+    export type Attr = [key: string, value: string];
+
+    export interface HtmlRenderer {
+        // As far as @types/commonmark is concerned, these are not public, so add them
+        // https://github.com/commonmark/commonmark.js/blob/master/lib/render/html.js#L272-L296
+        text: (this: commonmark.HtmlRenderer, node: commonmark.Node) => void;
+        html_inline: (this: commonmark.HtmlRenderer, node: commonmark.Node) => void;
+        html_block: (this: commonmark.HtmlRenderer, node: commonmark.Node) => void;
+        // softbreak: () => void; // This one can't be correctly specified as it is wrongly defined in @types/commonmark
+        linebreak: (this: commonmark.HtmlRenderer) => void;
+        link: (this: commonmark.HtmlRenderer, node: commonmark.Node, entering: boolean) => void;
+        image: (this: commonmark.HtmlRenderer, node: commonmark.Node, entering: boolean) => void;
+        emph: (this: commonmark.HtmlRenderer, node: commonmark.Node, entering: boolean) => void;
+        strong: (this: commonmark.HtmlRenderer, node: commonmark.Node, entering: boolean) => void;
+        paragraph: (this: commonmark.HtmlRenderer, node: commonmark.Node, entering: boolean) => void;
+        heading: (this: commonmark.HtmlRenderer, node: commonmark.Node, entering: boolean) => void;
+        code: (this: commonmark.HtmlRenderer, node: commonmark.Node) => void;
+        code_block: (this: commonmark.HtmlRenderer, node: commonmark.Node) => void;
+        thematic_break: (this: commonmark.HtmlRenderer, node: commonmark.Node) => void;
+        block_quote: (this: commonmark.HtmlRenderer, node: commonmark.Node, entering: boolean) => void;
+        list: (this: commonmark.HtmlRenderer, node: commonmark.Node, entering: boolean) => void;
+        item: (this: commonmark.HtmlRenderer, node: commonmark.Node, entering: boolean) => void;
+        custom_inline: (this: commonmark.HtmlRenderer, node: commonmark.Node, entering: boolean) => void;
+        custom_block: (this: commonmark.HtmlRenderer, node: commonmark.Node, entering: boolean) => void;
+        esc: (s: string) => string;
+        out: (this: commonmark.HtmlRenderer, text: string) => void;
+        tag: (this: commonmark.HtmlRenderer, name: string, attrs?: Attr[], selfClosing?: boolean) => void;
+        attrs: (this: commonmark.HtmlRenderer, node: commonmark.Node) => Attr[];
+        // These are inherited from the base Renderer
+        lit: (this: commonmark.HtmlRenderer, text: string) => void;
+        cr: (this: commonmark.HtmlRenderer) => void;
+    }
+}
diff --git a/apps/web/src/@types/css.d.ts b/apps/web/src/@types/css.d.ts
new file mode 100644
index 00000000000..a37139aa721
--- /dev/null
+++ b/apps/web/src/@types/css.d.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.
+*/
+
+declare module "*.css";
diff --git a/apps/web/src/@types/diff-dom.d.ts b/apps/web/src/@types/diff-dom.d.ts
new file mode 100644
index 00000000000..12587446d0b
--- /dev/null
+++ b/apps/web/src/@types/diff-dom.d.ts
@@ -0,0 +1,30 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+declare module "diff-dom" {
+    export interface IDiff {
+        action: string;
+        name: string;
+        text?: string;
+        route: number[];
+        value: HTMLElement | string;
+        element: HTMLElement | string;
+        oldValue: HTMLElement | string;
+        newValue: HTMLElement | string;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+    interface IOpts {}
+
+    export class DiffDOM {
+        public constructor(opts?: IOpts);
+        public apply(tree: unknown, diffs: IDiff[]): unknown;
+        public undo(tree: unknown, diffs: IDiff[]): unknown;
+        public diff(a: HTMLElement | string, b: HTMLElement | string): IDiff[];
+    }
+}
diff --git a/apps/web/src/@types/electron-to-chromium.d.ts b/apps/web/src/@types/electron-to-chromium.d.ts
new file mode 100644
index 00000000000..7f723ffad51
--- /dev/null
+++ b/apps/web/src/@types/electron-to-chromium.d.ts
@@ -0,0 +1,14 @@
+/*
+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.
+*/
+
+declare module "electron-to-chromium/versions" {
+    const versionMap: {
+        [electronVersion: string]: string;
+    };
+    export default versionMap;
+}
diff --git a/apps/web/src/@types/global.d.ts b/apps/web/src/@types/global.d.ts
new file mode 100644
index 00000000000..2fe47901df5
--- /dev/null
+++ b/apps/web/src/@types/global.d.ts
@@ -0,0 +1,198 @@
+/*
+Copyright 2020-2024 New Vector Ltd.
+Copyright 2020, 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.
+*/
+
+// eslint-disable-next-line no-restricted-imports
+import "matrix-js-sdk/src/@types/global"; // load matrix-js-sdk's type extensions first
+
+import type { ModuleLoader } from "@element-hq/element-web-module-api";
+import type { logger } from "matrix-js-sdk/src/logger";
+import type ContentMessages from "../ContentMessages";
+import { type IMatrixClientPeg } from "../MatrixClientPeg";
+import type ToastStore from "../stores/ToastStore";
+import { type DeviceListener } from "../device-listener";
+import { type PlatformPeg } from "../PlatformPeg";
+import { type IntegrationManagers } from "../integrations/IntegrationManagers";
+import { type ModalManager } from "../Modal";
+import type SettingsStore from "../settings/SettingsStore";
+import type UserActivity from "../UserActivity";
+import { type ModalWidgetStore } from "../stores/ModalWidgetStore";
+import { type EventIndexPeg } from "../indexing/EventIndexPeg";
+import { type VoiceRecordingStore } from "../stores/VoiceRecordingStore";
+import type PerformanceMonitor from "../performance";
+import type UIStore from "../stores/UIStore";
+import { type SetupEncryptionStore } from "../stores/SetupEncryptionStore";
+import { type RoomScrollStateStore } from "../stores/RoomScrollStateStore";
+import { type ConsoleLogger, type IndexedDBLogStore } from "../rageshake/rageshake";
+import type ActiveWidgetStore from "../stores/ActiveWidgetStore";
+import type { CallStatusListener } from "../CallStatusListener";
+import { type IConfigOptions } from "../IConfigOptions";
+import { type MatrixDispatcher } from "../dispatcher/dispatcher";
+import { type DeepReadonly } from "./common";
+import type MatrixChat from "../components/structures/MatrixChat";
+import { type InitialCryptoSetupStore } from "../stores/InitialCryptoSetupStore";
+import { type ModuleApiType } from "../modules/Api.ts";
+import type { RoomListStoreV3Class } from "../stores/room-list-v3/RoomListStoreV3.ts";
+import { type SDKContextClass } from "../contexts/SDKContextClass.ts";
+
+type ElectronChannel =
+    | "app_onAction"
+    | "before-quit"
+    | "check_updates"
+    | "install_update"
+    | "ipcCall"
+    | "ipcReply"
+    | "loudNotification"
+    | "preferences"
+    | "seshat"
+    | "seshatReply"
+    | "setBadgeCount"
+    | "update-downloaded"
+    | "userDownloadCompleted"
+    | "userDownloadAction"
+    | "openDesktopCapturerSourcePicker"
+    | "userAccessToken"
+    | "homeserverUrl"
+    | "serverSupportedVersions"
+    | "showToast";
+
+declare global {
+    // use `number` as the return type in all cases for globalThis.set{Interval,Timeout},
+    // so we don't accidentally use the methods on NodeJS.Timeout - they only exist in a subset of environments.
+    // The overload for clear{Interval,Timeout} is resolved as expected.
+    // We use `ReturnType<typeof setTimeout>` in the code to be agnostic of if this definition gets loaded.
+    function setInterval(handler: TimerHandler, timeout: number, ...args: any[]): number;
+    function setTimeout(handler: TimerHandler, timeout: number, ...args: any[]): number;
+
+    interface Window {
+        mxSendRageshake: (text: string, withLogs?: boolean) => Promise<void>;
+        matrixLogger: typeof logger;
+        matrixChat?: MatrixChat;
+        mxSendSentryReport: (userText: string, issueUrl: string, error: Error) => Promise<void>;
+        mxLoginWithAccessToken: (hsUrl: string, accessToken: string) => Promise<void>;
+        mxDispatcher: MatrixDispatcher;
+        mxMatrixClientPeg: IMatrixClientPeg;
+        mxReactSdkConfig: DeepReadonly<IConfigOptions>;
+
+        // https://docs.microsoft.com/en-us/previous-versions/hh772328(v=vs.85)
+        // we only ever check for its existence, so we can ignore its actual type
+        MSStream?: unknown;
+
+        mxContentMessages: ContentMessages;
+        mxToastStore: ToastStore;
+        mxDeviceListener: DeviceListener;
+        mxCallStatusListener: CallStatusListener;
+        getRoomListStoreV3: () => RoomListStoreV3Class;
+        mxPlatformPeg: PlatformPeg;
+        mxIntegrationManagers: typeof IntegrationManagers;
+        singletonModalManager: ModalManager;
+        mxSettingsStore: SettingsStore;
+        mxUserActivity: UserActivity;
+        mxModalWidgetStore: ModalWidgetStore;
+        mxVoiceRecordingStore: VoiceRecordingStore;
+        mxEventIndexPeg: EventIndexPeg;
+        mxPerformanceMonitor: PerformanceMonitor;
+        mxPerformanceEntryNames: any;
+        mxUIStore: UIStore;
+        mxSetupEncryptionStore?: SetupEncryptionStore;
+        mxInitialCryptoStore?: InitialCryptoSetupStore;
+        mxRoomScrollStateStore?: RoomScrollStateStore;
+        mxActiveWidgetStore?: ActiveWidgetStore;
+        mxOnRecaptchaLoaded?: () => void;
+        mxModuleLoader: ModuleLoader;
+        mxModuleApi: ModuleApiType;
+        mxSdkContext: SDKContextClass;
+
+        // electron-only
+        electron?: Electron;
+        // opera-only
+        opera?: any;
+
+        // https://developer.mozilla.org/en-US/docs/Web/API/InstallTrigger
+        InstallTrigger: any;
+    }
+
+    interface Electron {
+        // Legacy
+        on(channel: ElectronChannel, listener: (event: Event, ...args: any[]) => void): void;
+        send(channel: ElectronChannel, ...args: any[]): void;
+        // Initialisation
+        initialise(): Promise<{
+            protocol: string;
+            sessionId: string;
+            supportsBadgeOverlay: boolean;
+            config: IConfigOptions;
+            supportedSettings: Record<string, boolean>;
+        }>;
+        // Settings
+        setSettingValue(settingName: string, value: any): Promise<void>;
+        getSettingValue(settingName: string): Promise<any>;
+    }
+
+    interface DesktopCapturerSource {
+        id: string;
+        name: string;
+        thumbnailURL: string;
+    }
+
+    interface GetSourcesOptions {
+        types: Array<string>;
+        thumbnailSize?: {
+            height: number;
+            width: number;
+        };
+        fetchWindowIcons?: boolean;
+    }
+
+    interface StorageEstimate {
+        usageDetails?: { [key: string]: number };
+    }
+
+    // https://github.com/microsoft/TypeScript/issues/28308#issuecomment-650802278
+    interface AudioWorkletProcessor {
+        readonly port: MessagePort;
+        process(inputs: Float32Array[][], outputs: Float32Array[][], parameters: Record<string, Float32Array>): boolean;
+    }
+
+    // https://github.com/microsoft/TypeScript/issues/28308#issuecomment-650802278
+    const AudioWorkletProcessor: {
+        prototype: AudioWorkletProcessor;
+        new (options?: AudioWorkletNodeOptions): AudioWorkletProcessor;
+    };
+
+    // https://github.com/microsoft/TypeScript-DOM-lib-generator/issues/1029#issuecomment-881509595
+    interface AudioParamDescriptor {
+        readonly port: MessagePort;
+    }
+
+    // https://github.com/microsoft/TypeScript/issues/28308#issuecomment-650802278
+    function registerProcessor(
+        name: string,
+        processorCtor: (new (options?: AudioWorkletNodeOptions) => AudioWorkletProcessor) & {
+            parameterDescriptors?: AudioParamDescriptor[];
+        },
+    ): void;
+
+    var grecaptcha:
+        | undefined
+        | {
+              reset: (id: string) => void;
+              render: (
+                  divId: string,
+                  options: {
+                      sitekey: string;
+                      callback: (response: string) => void;
+                  },
+              ) => string;
+              isReady: () => boolean;
+          };
+
+    var mx_rage_logger: ConsoleLogger;
+    var mx_rage_initPromise: Promise<void>;
+    var mx_rage_initStoragePromise: Promise<void>;
+    var mx_rage_store: IndexedDBLogStore;
+}
diff --git a/apps/web/src/@types/i18n.d.ts b/apps/web/src/@types/i18n.d.ts
new file mode 100644
index 00000000000..04531d8954a
--- /dev/null
+++ b/apps/web/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/apps/web/src/@types/invite-rules.ts b/apps/web/src/@types/invite-rules.ts
new file mode 100644
index 00000000000..bc72a5e9222
--- /dev/null
+++ b/apps/web/src/@types/invite-rules.ts
@@ -0,0 +1,29 @@
+/*
+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 const INVITE_RULES_ACCOUNT_DATA_TYPE = "org.matrix.msc4155.invite_permission_config";
+
+export interface InviteConfigAccountData {
+    allowed_users?: string[];
+    blocked_users?: string[];
+    ignored_users?: string[];
+    allowed_servers?: string[];
+    blocked_servers?: string[];
+    ignored_servers?: string[];
+}
+
+/**
+ * Computed values based on MSC4155. Currently Element Web only supports
+ * blocking all invites.
+ */
+export interface ComputedInviteConfig extends Record<string, unknown> {
+    /**
+     * Are all invites blocked. This is only about blocking all invites,
+     * but this being false may still block invites through other rules.
+     */
+    allBlocked: boolean;
+}
diff --git a/apps/web/src/@types/jitsi-meet.d.ts b/apps/web/src/@types/jitsi-meet.d.ts
new file mode 100644
index 00000000000..a5dfe8230b4
--- /dev/null
+++ b/apps/web/src/@types/jitsi-meet.d.ts
@@ -0,0 +1,21 @@
+/*
+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 "jitsi-meet";
+
+declare module "jitsi-meet" {
+    interface ExternalAPIEventCallbacks {
+        errorOccurred: (e: { error: Error & { isFatal?: boolean } }) => void;
+    }
+
+    interface JitsiMeetExternalAPI {
+        executeCommand(command: "setTileView", value: boolean): void;
+    }
+}
+
+export as namespace Jitsi;
diff --git a/apps/web/src/@types/matrix-js-sdk.d.ts b/apps/web/src/@types/matrix-js-sdk.d.ts
new file mode 100644
index 00000000000..09be4eb31ec
--- /dev/null
+++ b/apps/web/src/@types/matrix-js-sdk.d.ts
@@ -0,0 +1,118 @@
+/*
+Copyright 2024, 2025 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.
+*/
+
+import type { IWidget } from "matrix-widget-api";
+import type { BLURHASH_FIELD } from "../utils/image-media";
+import type { JitsiCallMemberEventType, JitsiCallMemberContent } from "../call-types";
+import type { ILayoutStateEvent, WIDGET_LAYOUT_EVENT_TYPE } from "../stores/widgets/types";
+import type { EncryptedFile } from "matrix-js-sdk/src/types";
+import type { EmptyObject, IContent } from "matrix-js-sdk/src/matrix";
+import type { DeviceClientInformation } from "../utils/device/types.ts";
+import type { UserWidget } from "../utils/WidgetUtils-types.ts";
+import { type MediaPreviewConfig } from "./media_preview.ts";
+import { type INVITE_RULES_ACCOUNT_DATA_TYPE, type InviteConfigAccountData } from "./invite-rules.ts";
+
+// Extend Matrix JS SDK types via Typescript declaration merging to support unspecced event fields and types
+declare module "matrix-js-sdk/src/types" {
+    export interface FileInfo {
+        /**
+         * @see https://github.com/matrix-org/matrix-spec-proposals/pull/2448
+         */
+        [BLURHASH_FIELD]?: string;
+    }
+
+    export interface ImageInfo {
+        /**
+         * @see https://github.com/matrix-org/matrix-spec-proposals/pull/4230
+         */
+        "org.matrix.msc4230.is_animated"?: boolean;
+    }
+
+    export interface StateEvents {
+        // Jitsi-backed video room state events
+        [JitsiCallMemberEventType]: JitsiCallMemberContent;
+
+        // Unstable widgets state events
+        "im.vector.modular.widgets": IWidget | EmptyObject;
+        [WIDGET_LAYOUT_EVENT_TYPE]: ILayoutStateEvent;
+
+        // Element custom state events
+        "im.vector.web.settings": Record<string, any>;
+        "org.matrix.room.preview_urls": { disable: boolean };
+
+        // XXX unspecced usages of `m.room.*` events
+        "m.room.plumbing": {
+            status: string;
+        };
+        "m.room.bot.options": IContent;
+    }
+
+    export interface TimelineEvents {
+        "io.element.performance_metric": {
+            "io.element.performance_metrics": {
+                forEventId: string;
+                responseTs: number;
+                kind: "send_time";
+            };
+        };
+    }
+    export interface AccountDataEvents {
+        // Analytics account data event
+        "im.vector.analytics": {
+            id: string;
+            pseudonymousAnalyticsOptIn?: boolean;
+        };
+        // Device client information account data event
+        [key: `io.element.matrix_client_information.${string}`]: DeviceClientInformation;
+        // Element settings account data events
+        "im.vector.setting.breadcrumbs": { recent_rooms: string[] };
+        "im.vector.setting.integration_provisioning": { enabled: boolean };
+        "im.vector.riot.breadcrumb_rooms": { rooms: string[] };
+        "im.vector.web.settings": Record<string, any>;
+
+        // URL preview account data event
+        "org.matrix.preview_urls": { disable: boolean };
+
+        // This is not yet in the Matrix spec yet is being used as if it was
+        "m.widgets": {
+            [widgetId: string]: UserWidget;
+        };
+
+        // This is not in the Matrix spec yet seems to use an `m.` prefix
+        "m.accepted_terms": {
+            accepted: string[];
+        };
+
+        // MSC4155: Invite filtering
+        [INVITE_RULES_ACCOUNT_DATA_TYPE]: InviteConfigAccountData;
+
+        "io.element.msc4278.media_preview_config": MediaPreviewConfig;
+
+        // Indicate whether recovery is enabled or disabled
+        "io.element.recovery": { enabled: boolean };
+    }
+
+    export interface AudioContent {
+        // MSC1767 + Ideals of MSC2516 as MSC3245
+        // https://github.com/matrix-org/matrix-doc/pull/3245
+        "org.matrix.msc1767.text"?: string;
+        "org.matrix.msc1767.file"?: {
+            url?: string;
+            file?: EncryptedFile;
+            name: string;
+            mimetype: string;
+            size: number;
+        };
+        "org.matrix.msc1767.audio"?: {
+            duration: number;
+            // https://github.com/matrix-org/matrix-doc/pull/3246
+            waveform?: number[];
+        };
+        "org.matrix.msc3245.voice"?: EmptyObject;
+    }
+}
diff --git a/apps/web/src/@types/media_preview.ts b/apps/web/src/@types/media_preview.ts
new file mode 100644
index 00000000000..ffce5944ee1
--- /dev/null
+++ b/apps/web/src/@types/media_preview.ts
@@ -0,0 +1,33 @@
+/*
+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 enum MediaPreviewValue {
+    /**
+     * Media previews should be enabled.
+     */
+    On = "on",
+    /**
+     * Media previews should only be enabled for rooms with non-public join rules.
+     */
+    Private = "private",
+    /**
+     * Media previews should be disabled.
+     */
+    Off = "off",
+}
+
+export const MEDIA_PREVIEW_ACCOUNT_DATA_TYPE = "io.element.msc4278.media_preview_config";
+export interface MediaPreviewConfig extends Record<string, unknown> {
+    /**
+     * Media preview setting for thumbnails of media in rooms.
+     */
+    media_previews?: MediaPreviewValue;
+    /**
+     * Media preview settings for avatars of rooms we have been invited to.
+     */
+    invite_avatars?: MediaPreviewValue.On | MediaPreviewValue.Off;
+}
diff --git a/apps/web/src/@types/opus-recorder.d.ts b/apps/web/src/@types/opus-recorder.d.ts
new file mode 100644
index 00000000000..8d103bedfd9
--- /dev/null
+++ b/apps/web/src/@types/opus-recorder.d.ts
@@ -0,0 +1,57 @@
+/*
+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.
+*/
+
+declare module "opus-recorder/dist/recorder.min.js" {
+    export default class Recorder {
+        public static isRecordingSupported(): boolean;
+
+        public constructor(config: {
+            bufferLength?: number;
+            encoderApplication?: number;
+            encoderFrameSize?: number;
+            encoderPath?: string;
+            encoderSampleRate?: number;
+            encoderBitRate?: number;
+            maxFramesPerPage?: number;
+            mediaTrackConstraints?: boolean;
+            monitorGain?: number;
+            numberOfChannels?: number;
+            recordingGain?: number;
+            resampleQuality?: number;
+            streamPages?: boolean;
+            wavBitDepth?: number;
+            sourceNode?: MediaStreamAudioSourceNode;
+            encoderComplexity?: number;
+        });
+
+        public ondataavailable?(data: ArrayBuffer): void;
+
+        public readonly encodedSamplePosition: number;
+
+        public start(): Promise<void>;
+
+        public stop(): Promise<void>;
+
+        public close(): void;
+    }
+}
+
+declare module "opus-recorder/dist/encoderWorker.min.js" {
+    const path: string;
+    export default path;
+}
+
+declare module "opus-recorder/dist/waveWorker.min.js" {
+    const path: string;
+    export default path;
+}
+
+declare module "opus-recorder/dist/decoderWorker.min.js" {
+    const path: string;
+    export default path;
+}
diff --git a/apps/web/src/@types/pcss.d.ts b/apps/web/src/@types/pcss.d.ts
new file mode 100644
index 00000000000..64680d80cf5
--- /dev/null
+++ b/apps/web/src/@types/pcss.d.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.
+*/
+
+declare module "*.pcss";
diff --git a/apps/web/src/@types/png.d.ts b/apps/web/src/@types/png.d.ts
new file mode 100644
index 00000000000..97218abe194
--- /dev/null
+++ b/apps/web/src/@types/png.d.ts
@@ -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.
+*/
+
+declare module "*.png" {
+    const path: string;
+    export default path;
+}
diff --git a/apps/web/src/@types/polyfill.ts b/apps/web/src/@types/polyfill.ts
new file mode 100644
index 00000000000..5e08725889f
--- /dev/null
+++ b/apps/web/src/@types/polyfill.ts
@@ -0,0 +1,48 @@
+/*
+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.
+*/
+
+// This is intended to fix re-resizer because of its unguarded `instanceof TouchEvent` checks.
+export function polyfillTouchEvent(): void {
+    // Firefox doesn't have touch events without touch devices being present, so create a fake
+    // one we can rely on lying about.
+    if (!window.TouchEvent) {
+        // We have no intention of actually using this, so just lie.
+        window.TouchEvent = class TouchEvent extends UIEvent {
+            public get altKey(): boolean {
+                return false;
+            }
+            public get changedTouches(): any {
+                return [];
+            }
+            public get ctrlKey(): boolean {
+                return false;
+            }
+            public get metaKey(): boolean {
+                return false;
+            }
+            public get shiftKey(): boolean {
+                return false;
+            }
+            public get targetTouches(): any {
+                return [];
+            }
+            public get touches(): any {
+                return [];
+            }
+            public get rotation(): number {
+                return 0.0;
+            }
+            public get scale(): number {
+                return 0.0;
+            }
+            public constructor(eventType: string, params?: any) {
+                super(eventType, params);
+            }
+        };
+    }
+}
diff --git a/apps/web/src/@types/raw.d.ts b/apps/web/src/@types/raw.d.ts
new file mode 100644
index 00000000000..526b34e6399
--- /dev/null
+++ b/apps/web/src/@types/raw.d.ts
@@ -0,0 +1,12 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+declare module "*?raw" {
+    const contents: string;
+    export default contents;
+}
diff --git a/apps/web/src/@types/react.d.ts b/apps/web/src/@types/react.d.ts
new file mode 100644
index 00000000000..61a4c59992a
--- /dev/null
+++ b/apps/web/src/@types/react.d.ts
@@ -0,0 +1,19 @@
+/*
+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 ComponentType } from "react";
+
+declare module "react" {
+    // Fix lazy types - https://stackoverflow.com/a/71017028
+    function lazy<T extends ComponentType<any>>(factory: () => Promise<{ default: T }>): T;
+
+    // Standardize defaultProps for FunctionComponent so we can write generics assuming `defaultProps` exists on ComponentType
+    interface FunctionComponent {
+        defaultProps?: unknown;
+    }
+}
diff --git a/apps/web/src/@types/svg.d.ts b/apps/web/src/@types/svg.d.ts
new file mode 100644
index 00000000000..9cc4de6c190
--- /dev/null
+++ b/apps/web/src/@types/svg.d.ts
@@ -0,0 +1,18 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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.
+*/
+
+declare module "*.svg" {
+    const path: string;
+    export default path;
+}
+
+declare module "*.svg?react" {
+    const Icon: React.FC<React.SVGProps<SVGSVGElement>>;
+    export default Icon;
+}
diff --git a/apps/web/src/@types/worker-loader.d.ts b/apps/web/src/@types/worker-loader.d.ts
new file mode 100644
index 00000000000..7bc6436367e
--- /dev/null
+++ b/apps/web/src/@types/worker-loader.d.ts
@@ -0,0 +1,15 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+declare module "*.worker.ts" {
+    class WebpackWorker extends Worker {
+        public constructor();
+    }
+
+    export default WebpackWorker;
+}
diff --git a/apps/web/src/AddThreepid.ts b/apps/web/src/AddThreepid.ts
new file mode 100644
index 00000000000..c2bf87a6c8e
--- /dev/null
+++ b/apps/web/src/AddThreepid.ts
@@ -0,0 +1,348 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2017 Vector Creations Ltd
+Copyright 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.
+*/
+
+import {
+    type IAddThreePidOnlyBody,
+    type IRequestMsisdnTokenResponse,
+    type IRequestTokenResponse,
+    type MatrixClient,
+    MatrixError,
+    HTTPError,
+    type IThreepid,
+} from "matrix-js-sdk/src/matrix";
+
+import Modal from "./Modal";
+import { _t, UserFriendlyError } from "./languageHandler";
+import IdentityAuthClient from "./IdentityAuthClient";
+import { SSOAuthEntry } from "./components/views/auth/InteractiveAuthEntryComponents";
+import InteractiveAuthDialog, {
+    type InteractiveAuthDialogProps,
+} from "./components/views/dialogs/InteractiveAuthDialog";
+
+function getIdServerDomain(matrixClient: MatrixClient): string {
+    const idBaseUrl = matrixClient.getIdentityServerUrl(true);
+    if (!idBaseUrl) {
+        throw new UserFriendlyError("settings|general|identity_server_not_set");
+    }
+    return idBaseUrl;
+}
+
+export type Binding = {
+    bind: boolean;
+    label: string;
+    errorTitle: string;
+};
+
+// IThreepid modified stripping validated_at and added_at as they aren't necessary for our UI
+export type ThirdPartyIdentifier = Omit<IThreepid, "validated_at" | "added_at">;
+
+/**
+ * Allows a user to add a third party identifier to their homeserver and,
+ * optionally, the identity servers.
+ *
+ * This involves getting an email token from the identity server to "prove" that
+ * the client owns the given email address, which is then passed to the
+ * add threepid API on the homeserver.
+ *
+ * Diagrams of the intended API flows here are available at:
+ *
+ * https://gist.github.com/jryans/839a09bf0c5a70e2f36ed990d50ed928
+ */
+export default class AddThreepid {
+    private sessionId?: string;
+    private submitUrl?: string;
+    private bind = false;
+    private readonly clientSecret: string;
+
+    public constructor(private readonly matrixClient: MatrixClient) {
+        this.clientSecret = matrixClient.generateClientSecret();
+    }
+
+    /**
+     * Attempt to add an email threepid to the homeserver.
+     * This will trigger a side-effect of sending an email to the provided email address.
+     * @param {string} emailAddress The email address to add
+     * @returns {Promise} Resolves when the email has been sent. Then call checkEmailLinkClicked().
+     */
+    public async addEmailAddress(emailAddress: string): Promise<IRequestTokenResponse> {
+        try {
+            const res = await this.matrixClient.requestAdd3pidEmailToken(emailAddress, this.clientSecret, 1);
+            this.sessionId = res.sid;
+            return res;
+        } catch (err) {
+            if (err instanceof MatrixError && err.errcode === "M_THREEPID_IN_USE") {
+                throw new UserFriendlyError("settings|general|email_address_in_use", { cause: err });
+            } else if (err instanceof MatrixError && err.errcode === "M_THREEPID_MEDIUM_NOT_SUPPORTED") {
+                throw new UserFriendlyError("settings|general|email_adding_unsupported_by_hs", { cause: err });
+            }
+            // Otherwise, just blurt out the same error
+            throw err;
+        }
+    }
+
+    /**
+     * Attempt to bind an email threepid on the identity server via the homeserver.
+     * This will trigger a side-effect of sending an email to the provided email address.
+     * @param {string} emailAddress The email address to add
+     * @returns {Promise} Resolves when the email has been sent. Then call checkEmailLinkClicked().
+     */
+    public async bindEmailAddress(emailAddress: string): Promise<IRequestTokenResponse> {
+        this.bind = true;
+        // For separate bind, request a token directly from the IS.
+        const authClient = new IdentityAuthClient();
+        const identityAccessToken = (await authClient.getAccessToken()) ?? undefined;
+        try {
+            const res = await this.matrixClient.requestEmailToken(
+                emailAddress,
+                this.clientSecret,
+                1,
+                undefined,
+                identityAccessToken,
+            );
+            this.sessionId = res.sid;
+            return res;
+        } catch (err) {
+            if (err instanceof MatrixError && err.errcode === "M_THREEPID_IN_USE") {
+                throw new UserFriendlyError("settings|general|email_address_in_use", { cause: err });
+            }
+            // Otherwise, just blurt out the same error
+            throw err;
+        }
+    }
+
+    /**
+     * Attempt to add a MSISDN threepid to the homeserver.
+     * This will trigger a side-effect of sending an SMS to the provided phone number.
+     * @param {string} phoneCountry The ISO 2 letter code of the country to resolve phoneNumber in
+     * @param {string} phoneNumber The national or international formatted phone number to add
+     * @returns {Promise} Resolves when the text message has been sent. Then call haveMsisdnToken().
+     *
+     * @throws {UserFriendlyError} An appropriate user-friendly error if the verification code could not be sent.
+     */
+    public async addMsisdn(phoneCountry: string, phoneNumber: string): Promise<IRequestMsisdnTokenResponse> {
+        try {
+            const res = await this.matrixClient.requestAdd3pidMsisdnToken(
+                phoneCountry,
+                phoneNumber,
+                this.clientSecret,
+                1,
+            );
+            this.sessionId = res.sid;
+            this.submitUrl = res.submit_url;
+            return res;
+        } catch (err) {
+            if (err instanceof MatrixError && err.errcode === "M_THREEPID_IN_USE") {
+                throw new UserFriendlyError("settings|general|msisdn_in_use", { cause: err });
+            } else if (err instanceof MatrixError && err.errcode === "M_THREEPID_MEDIUM_NOT_SUPPORTED") {
+                throw new UserFriendlyError("settings|general|msisdn_adding_unsupported_by_hs", { cause: err });
+            } else if (err instanceof MatrixError && err.errcode === "M_INVALID_PARAM") {
+                throw new UserFriendlyError("settings|general|invalid_phone_number", { cause: err });
+            }
+            // Otherwise, just blurt out the same error
+            throw err;
+        }
+    }
+
+    /**
+     * Attempt to bind a MSISDN threepid on the identity server via the homeserver.
+     * This will trigger a side-effect of sending an SMS to the provided phone number.
+     * @param {string} phoneCountry The ISO 2 letter code of the country to resolve phoneNumber in
+     * @param {string} phoneNumber The national or international formatted phone number to add
+     * @returns {Promise} Resolves when the text message has been sent. Then call haveMsisdnToken().
+     */
+    public async bindMsisdn(phoneCountry: string, phoneNumber: string): Promise<IRequestMsisdnTokenResponse> {
+        this.bind = true;
+        // For separate bind, request a token directly from the IS.
+        const authClient = new IdentityAuthClient();
+        const identityAccessToken = (await authClient.getAccessToken()) ?? undefined;
+        try {
+            const res = await this.matrixClient.requestMsisdnToken(
+                phoneCountry,
+                phoneNumber,
+                this.clientSecret,
+                1,
+                undefined,
+                identityAccessToken,
+            );
+            this.sessionId = res.sid;
+            return res;
+        } catch (err) {
+            if (err instanceof MatrixError && err.errcode === "M_THREEPID_IN_USE") {
+                throw new UserFriendlyError("settings|general|msisdn_in_use", { cause: err });
+            }
+            // Otherwise, just blurt out the same error
+            throw err;
+        }
+    }
+
+    /**
+     * Checks if the email link has been clicked by attempting to add the threepid
+     * @returns {Promise} Resolves if the email address was added. Rejects with an object
+     * with a "message" property which contains a human-readable message detailing why
+     * the request failed.
+     */
+    public async checkEmailLinkClicked(): Promise<[success?: boolean, result?: IAddThreePidOnlyBody | Error | null]> {
+        try {
+            if (this.bind) {
+                const authClient = new IdentityAuthClient();
+                const identityAccessToken = await authClient.getAccessToken();
+                if (!identityAccessToken) {
+                    throw new UserFriendlyError("settings|general|identity_server_no_token");
+                }
+                await this.matrixClient.bindThreePid({
+                    sid: this.sessionId!,
+                    client_secret: this.clientSecret,
+                    id_server: getIdServerDomain(this.matrixClient),
+                    id_access_token: identityAccessToken,
+                });
+            } else {
+                try {
+                    await this.makeAddThreepidOnlyRequest();
+
+                    // The spec has always required this to use UI auth but synapse briefly
+                    // implemented it without, so this may just succeed and that's OK.
+                    return [true];
+                } catch (err) {
+                    if (!(err instanceof MatrixError) || err.httpStatus !== 401 || !err.data?.flows) {
+                        // doesn't look like an interactive-auth failure
+                        throw err;
+                    }
+
+                    const dialogAesthetics = {
+                        [SSOAuthEntry.PHASE_PREAUTH]: {
+                            title: _t("auth|uia|sso_title"),
+                            body: _t("auth|uia|sso_body"),
+                            continueText: _t("auth|sso"),
+                            continueKind: "primary",
+                        },
+                        [SSOAuthEntry.PHASE_POSTAUTH]: {
+                            title: _t("settings|general|confirm_adding_email_title"),
+                            body: _t("settings|general|confirm_adding_email_body"),
+                            continueText: _t("action|confirm"),
+                            continueKind: "primary",
+                        },
+                    };
+                    const { finished } = Modal.createDialog(InteractiveAuthDialog<IAddThreePidOnlyBody>, {
+                        title: _t("settings|general|add_email_dialog_title"),
+                        matrixClient: this.matrixClient,
+                        authData: err.data,
+                        makeRequest: this.makeAddThreepidOnlyRequest,
+                        aestheticsForStagePhases: {
+                            [SSOAuthEntry.LOGIN_TYPE]: dialogAesthetics,
+                            [SSOAuthEntry.UNSTABLE_LOGIN_TYPE]: dialogAesthetics,
+                        },
+                    } as InteractiveAuthDialogProps<IAddThreePidOnlyBody>);
+                    return finished;
+                }
+            }
+        } catch (err) {
+            if (err instanceof HTTPError && err.httpStatus === 401) {
+                throw new UserFriendlyError("settings|general|add_email_failed_verification", { cause: err });
+            }
+            // Otherwise, just blurt out the same error
+            throw err;
+        }
+        return [];
+    }
+
+    /**
+     * @param {{type: string, session?: string}} auth UI auth object
+     * @returns {Promise<Object>} Response from /3pid/add call (in current spec, an empty object)
+     */
+    // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+    private makeAddThreepidOnlyRequest = (auth?: IAddThreePidOnlyBody["auth"] | null): Promise<{}> => {
+        return this.matrixClient.addThreePidOnly({
+            sid: this.sessionId!,
+            client_secret: this.clientSecret,
+            auth: auth ?? undefined,
+        });
+    };
+
+    /**
+     * Takes a phone number verification code as entered by the user and validates
+     * it with the identity server, then if successful, adds the phone number.
+     * @param {string} msisdnToken phone number verification code as entered by the user
+     * @returns {Promise} Resolves if the phone number was added. Rejects with an object
+     * with a "message" property which contains a human-readable message detailing why
+     * the request failed.
+     */
+    public async haveMsisdnToken(
+        msisdnToken: string,
+    ): Promise<[success?: boolean, result?: IAddThreePidOnlyBody | Error | null]> {
+        const authClient = new IdentityAuthClient();
+
+        if (this.submitUrl) {
+            await this.matrixClient.submitMsisdnTokenOtherUrl(
+                this.submitUrl,
+                this.sessionId!,
+                this.clientSecret,
+                msisdnToken,
+            );
+        } else if (this.bind) {
+            await this.matrixClient.submitMsisdnToken(
+                this.sessionId!,
+                this.clientSecret,
+                msisdnToken,
+                await authClient.getAccessToken(),
+            );
+        } else {
+            throw new UserFriendlyError("settings|general|add_msisdn_misconfigured");
+        }
+
+        if (this.bind) {
+            await this.matrixClient.bindThreePid({
+                sid: this.sessionId!,
+                client_secret: this.clientSecret,
+                id_server: getIdServerDomain(this.matrixClient),
+                id_access_token: await authClient.getAccessToken(),
+            });
+            return [true];
+        } else {
+            try {
+                await this.makeAddThreepidOnlyRequest();
+
+                // The spec has always required this to use UI auth but synapse briefly
+                // implemented it without, so this may just succeed and that's OK.
+                return [true];
+            } catch (err) {
+                if (!(err instanceof MatrixError) || err.httpStatus !== 401 || !err.data?.flows) {
+                    // doesn't look like an interactive-auth failure
+                    throw err;
+                }
+
+                const dialogAesthetics = {
+                    [SSOAuthEntry.PHASE_PREAUTH]: {
+                        title: _t("auth|uia|sso_title"),
+                        body: _t("settings|general|add_msisdn_confirm_sso_button"),
+                        continueText: _t("auth|sso"),
+                        continueKind: "primary",
+                    },
+                    [SSOAuthEntry.PHASE_POSTAUTH]: {
+                        title: _t("settings|general|add_msisdn_confirm_button"),
+                        body: _t("settings|general|add_msisdn_confirm_body"),
+                        continueText: _t("action|confirm"),
+                        continueKind: "primary",
+                    },
+                };
+                const { finished } = Modal.createDialog(InteractiveAuthDialog<IAddThreePidOnlyBody>, {
+                    title: _t("settings|general|add_msisdn_dialog_title"),
+                    matrixClient: this.matrixClient,
+                    authData: err.data,
+                    makeRequest: this.makeAddThreepidOnlyRequest,
+                    aestheticsForStagePhases: {
+                        [SSOAuthEntry.LOGIN_TYPE]: dialogAesthetics,
+                        [SSOAuthEntry.UNSTABLE_LOGIN_TYPE]: dialogAesthetics,
+                    },
+                } as InteractiveAuthDialogProps<IAddThreePidOnlyBody>);
+                return finished;
+            }
+        }
+    }
+}
diff --git a/apps/web/src/AsyncWrapper.tsx b/apps/web/src/AsyncWrapper.tsx
new file mode 100644
index 00000000000..e3d9c2f5240
--- /dev/null
+++ b/apps/web/src/AsyncWrapper.tsx
@@ -0,0 +1,52 @@
+/*
+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 ReactNode, Suspense } from "react";
+
+import { _t } from "./languageHandler";
+import BaseDialog from "./components/views/dialogs/BaseDialog";
+import DialogButtons from "./components/views/elements/DialogButtons";
+import Spinner from "./components/views/elements/Spinner";
+
+interface IProps {
+    onFinished(): void;
+    children: ReactNode;
+}
+
+interface IState {
+    error?: Error;
+}
+
+/**
+ * Wrap an asynchronous loader function with a react component which shows a
+ * spinner until the real component loads.
+ */
+export default class AsyncWrapper extends React.Component<IProps, IState> {
+    public static getDerivedStateFromError(error: Error): IState {
+        return { error };
+    }
+
+    public state: IState = {};
+
+    public render(): React.ReactNode {
+        if (this.state.error) {
+            return (
+                <BaseDialog onFinished={this.props.onFinished} title={_t("common|error")}>
+                    {_t("failed_load_async_component")}
+                    <DialogButtons
+                        primaryButton={_t("action|dismiss")}
+                        onPrimaryButtonClick={this.props.onFinished}
+                        hasCancel={false}
+                    />
+                </BaseDialog>
+            );
+        }
+
+        return <Suspense fallback={<Spinner />}>{this.props.children}</Suspense>;
+    }
+}
diff --git a/apps/web/src/Avatar.test.ts b/apps/web/src/Avatar.test.ts
new file mode 100644
index 00000000000..4ee7d894c8a
--- /dev/null
+++ b/apps/web/src/Avatar.test.ts
@@ -0,0 +1,96 @@
+/*
+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 { vi, describe, it, expect, beforeEach, type Mock } from "vitest";
+import { type Room, type RoomMember, RoomType } from "matrix-js-sdk/src/matrix";
+
+import { avatarUrlForRoom } from "./Avatar";
+import { type Media, mediaFromMxc } from "./customisations/Media";
+import DMRoomMap from "./utils/DMRoomMap";
+
+vi.mock("./customisations/Media", () => ({
+    mediaFromMxc: vi.fn(),
+}));
+
+const roomId = "!room:example.com";
+const avatarUrl1 = "https://example.com/avatar1";
+const avatarUrl2 = "https://example.com/avatar2";
+
+describe("avatarUrlForRoom", () => {
+    let getThumbnailOfSourceHttp: Mock;
+    let room: Room;
+    let roomMember: RoomMember;
+    let dmRoomMap: DMRoomMap;
+
+    beforeEach(() => {
+        getThumbnailOfSourceHttp = vi.fn();
+        vi.mocked(mediaFromMxc).mockImplementation((): Media => {
+            return {
+                getThumbnailOfSourceHttp,
+            } as unknown as Media;
+        });
+        room = {
+            roomId,
+            getMxcAvatarUrl: vi.fn(),
+            isSpaceRoom: vi.fn(),
+            getType: vi.fn(),
+            getAvatarFallbackMember: vi.fn(),
+        } as unknown as Room;
+        dmRoomMap = {
+            getUserIdForRoomId: vi.fn(),
+        } as unknown as DMRoomMap;
+        DMRoomMap.setShared(dmRoomMap);
+        roomMember = {
+            getMxcAvatarUrl: vi.fn(),
+        } as unknown as RoomMember;
+    });
+
+    it("should return null for a null room", () => {
+        expect(avatarUrlForRoom(null, 128, 128)).toBeNull();
+    });
+
+    it("should return the HTTP source if the room provides a MXC url", () => {
+        vi.mocked(room.getMxcAvatarUrl).mockReturnValue(avatarUrl1);
+        getThumbnailOfSourceHttp.mockReturnValue(avatarUrl2);
+        expect(avatarUrlForRoom(room, 128, 256, "crop")).toEqual(avatarUrl2);
+        expect(getThumbnailOfSourceHttp).toHaveBeenCalledWith(128, 256, "crop");
+    });
+
+    it("should return null for a space room", () => {
+        vi.mocked(room.isSpaceRoom).mockReturnValue(true);
+        vi.mocked(room.getType).mockReturnValue(RoomType.Space);
+        expect(avatarUrlForRoom(room, 128, 128)).toBeNull();
+    });
+
+    it("should return null if the room is not a DM", () => {
+        vi.mocked(dmRoomMap).getUserIdForRoomId.mockReturnValue(undefined);
+        expect(avatarUrlForRoom(room, 128, 128)).toBeNull();
+        expect(dmRoomMap.getUserIdForRoomId).toHaveBeenCalledWith(roomId);
+    });
+
+    it("should return null if there is no other member in the room", () => {
+        vi.mocked(dmRoomMap).getUserIdForRoomId.mockReturnValue("@user:example.com");
+        vi.mocked(room.getAvatarFallbackMember).mockReturnValue(undefined);
+        expect(avatarUrlForRoom(room, 128, 128)).toBeNull();
+    });
+
+    it("should return null if the other member has no avatar URL", () => {
+        vi.mocked(dmRoomMap).getUserIdForRoomId.mockReturnValue("@user:example.com");
+        vi.mocked(room.getAvatarFallbackMember).mockReturnValue(roomMember);
+        expect(avatarUrlForRoom(room, 128, 128)).toBeNull();
+    });
+
+    it("should return the other member's avatar URL", () => {
+        vi.mocked(dmRoomMap).getUserIdForRoomId.mockReturnValue("@user:example.com");
+        vi.mocked(room.getAvatarFallbackMember).mockReturnValue(roomMember);
+        vi.mocked(roomMember.getMxcAvatarUrl).mockReturnValue(avatarUrl2);
+        getThumbnailOfSourceHttp.mockReturnValue(avatarUrl2);
+        expect(avatarUrlForRoom(room, 128, 256, "crop")).toEqual(avatarUrl2);
+        expect(getThumbnailOfSourceHttp).toHaveBeenCalledWith(128, 256, "crop");
+    });
+});
diff --git a/apps/web/src/Avatar.ts b/apps/web/src/Avatar.ts
new file mode 100644
index 00000000000..f2995b3325d
--- /dev/null
+++ b/apps/web/src/Avatar.ts
@@ -0,0 +1,195 @@
+/*
+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.
+*/
+
+import { type RoomMember, type User, type Room, type ResizeMethod } from "matrix-js-sdk/src/matrix";
+import { useIdColorHash } from "@vector-im/compound-web";
+
+import DMRoomMap from "./utils/DMRoomMap";
+import { mediaFromMxc } from "./customisations/Media";
+import { isLocalRoom } from "./utils/localRoom/isLocalRoom";
+import { getFirstGrapheme } from "./utils/strings";
+import ThemeWatcher from "./settings/watchers/ThemeWatcher";
+
+/**
+ * Hardcoded from the Compound colors.
+ * Shade for background as defined in the compound web implementation
+ * https://github.com/vector-im/compound-web/blob/main/src/components/Avatar
+ */
+const AVATAR_BG_LIGHT_COLORS = ["#e0f8d9", "#e3f5f8", "#faeefb", "#f1efff", "#ffecf0", "#ffefe4"];
+const AVATAR_TEXT_LIGHT_COLORS = ["#005f00", "#00548c", "#822198", "#5d26cd", "#9f0850", "#9b2200"];
+
+const AVATAR_BG_DARK_COLORS = ["#002600", "#001b4e", "#37004e", "#22006a", "#450018", "#470000"];
+const AVATAR_TEXT_DARK_COLORS = ["#56c02c", "#21bacd", "#d991de", "#ad9cfe", "#fe84a2", "#f6913d"];
+
+// Not to be used for BaseAvatar urls as that has similar default avatar fallback already
+export function avatarUrlForMember(
+    member: RoomMember | undefined,
+    width: number,
+    height: number,
+    resizeMethod: ResizeMethod,
+): string {
+    let url: string | null | undefined;
+    if (member?.getMxcAvatarUrl()) {
+        url = mediaFromMxc(member.getMxcAvatarUrl()).getThumbnailOfSourceHttp(width, height, resizeMethod);
+    }
+    if (!url) {
+        // member can be null here currently since on invites, the JS SDK
+        // does not have enough info to build a RoomMember object for
+        // the inviter.
+        url = defaultAvatarUrlForString(member ? member.userId : "");
+    }
+    return url;
+}
+
+/**
+ * Determines if the current theme is dark
+ */
+function isDarkTheme(): boolean {
+    return new ThemeWatcher().getEffectiveTheme() === "dark";
+}
+
+/**
+ * Determines the HEX color to use in the avatar pills
+ * @param id the user or room ID
+ * @returns the text color to use on the avatar
+ */
+export function getAvatarTextColor(id: string): string {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const index = useIdColorHash(id);
+
+    // Use light colors by default
+    return isDarkTheme() ? AVATAR_TEXT_DARK_COLORS[index - 1] : AVATAR_TEXT_LIGHT_COLORS[index - 1];
+}
+
+export function avatarUrlForUser(
+    user: Pick<User, "avatarUrl">,
+    width: number,
+    height: number,
+    resizeMethod?: ResizeMethod,
+): string | null {
+    if (!user.avatarUrl) return null;
+    return mediaFromMxc(user.avatarUrl).getThumbnailOfSourceHttp(width, height, resizeMethod);
+}
+
+function isValidHexColor(color: string): boolean {
+    return (
+        typeof color === "string" &&
+        (color.length === 7 || color.length === 9) &&
+        color.startsWith("#") &&
+        !color
+            .slice(1)
+            .split("")
+            .some((c) => isNaN(parseInt(c, 16)))
+    );
+}
+
+function urlForColor(color: string): string {
+    const size = 40;
+    const canvas = document.createElement("canvas");
+    canvas.width = size;
+    canvas.height = size;
+    const ctx = canvas.getContext("2d");
+    // bail out when using jsdom in unit tests
+    if (!ctx) {
+        return "";
+    }
+    ctx.fillStyle = color;
+    ctx.fillRect(0, 0, size, size);
+    return canvas.toDataURL();
+}
+
+// XXX: Ideally we'd clear this cache when the theme changes
+// but since this function is at global scope, it's a bit
+// hard to install a listener here, even if there were a clear event to listen to
+const colorToDataURLCache = new Map<string, string>();
+
+export function defaultAvatarUrlForString(s: string): string {
+    if (!s) return ""; // XXX: should never happen but empirically does by evidence of a rageshake
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const colorIndex = useIdColorHash(s);
+    // overwritten color value in custom themes
+    const cssVariable = `--avatar-background-colors_${colorIndex}`;
+    const cssValue = getComputedStyle(document.body).getPropertyValue(cssVariable);
+    // Light colors are the default
+    const color =
+        cssValue || isDarkTheme() ? AVATAR_BG_DARK_COLORS[colorIndex - 1] : AVATAR_BG_LIGHT_COLORS[colorIndex - 1];
+
+    let dataUrl = colorToDataURLCache.get(color);
+    if (!dataUrl) {
+        // validate color as this can come from account_data
+        // with custom theming
+        if (isValidHexColor(color)) {
+            dataUrl = urlForColor(color);
+            colorToDataURLCache.set(color, dataUrl);
+        } else {
+            dataUrl = "";
+        }
+    }
+    return dataUrl;
+}
+
+/**
+ * returns the first (non-sigil) character of 'name',
+ * converted to uppercase
+ * @param {string} name
+ * @returns {string} the first letter
+ */
+export function getInitialLetter(name: string): string | undefined {
+    if (!name) {
+        // XXX: We should find out what causes the name to sometimes be falsy.
+        console.trace("`name` argument to `getInitialLetter` not supplied");
+        return undefined;
+    }
+    if (name.length < 1) {
+        return undefined;
+    }
+
+    const initial = name[0];
+    if ((initial === "@" || initial === "#" || initial === "+") && name[1]) {
+        name = name.substring(1);
+    }
+
+    return getFirstGrapheme(name).toUpperCase();
+}
+
+export function avatarUrlForRoom(
+    room: Room | null,
+    width?: number,
+    height?: number,
+    resizeMethod?: ResizeMethod,
+    avatarMxcOverride?: string,
+): string | null {
+    if (!room) return null; // null-guard
+    const mxc = avatarMxcOverride ?? room.getMxcAvatarUrl();
+    if (mxc) {
+        const media = mediaFromMxc(mxc);
+        if (width !== undefined && height !== undefined) {
+            return media.getThumbnailOfSourceHttp(width, height, resizeMethod);
+        }
+        return media.srcHttp;
+    }
+
+    // space rooms cannot be DMs so skip the rest
+    if (room.isSpaceRoom()) return null;
+
+    // If the room is not a DM don't fallback to a member avatar
+    if (!DMRoomMap.shared().getUserIdForRoomId(room.roomId) && !isLocalRoom(room)) {
+        return null;
+    }
+
+    // If there are only two members in the DM use the avatar of the other member
+    const otherMember = room.getAvatarFallbackMember();
+    if (otherMember?.getMxcAvatarUrl()) {
+        const media = mediaFromMxc(otherMember.getMxcAvatarUrl());
+        if (width !== undefined && height !== undefined) {
+            return media.getThumbnailOfSourceHttp(width, height, resizeMethod);
+        }
+        return media.srcHttp;
+    }
+    return null;
+}
diff --git a/apps/web/src/BasePlatform.ts b/apps/web/src/BasePlatform.ts
new file mode 100644
index 00000000000..290c4f311d1
--- /dev/null
+++ b/apps/web/src/BasePlatform.ts
@@ -0,0 +1,517 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2018 New Vector Ltd
+Copyright 2016 Aviral Dasgupta
+Copyright 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.
+*/
+
+import {
+    type MatrixClient,
+    type MatrixEvent,
+    type Room,
+    type SSOAction,
+    encodeUnpaddedBase64,
+    type OAuthRegistrationRequest,
+    MatrixEventEvent,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import dis from "./dispatcher/dispatcher";
+import type BaseEventIndexManager from "./indexing/BaseEventIndexManager";
+import { type ActionPayload } from "./dispatcher/payloads";
+import { type CheckUpdatesPayload } from "./dispatcher/payloads/CheckUpdatesPayload";
+import { Action } from "./dispatcher/actions";
+import { hideToast as hideUpdateToast } from "./toasts/UpdateToast";
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import { idbLoad, idbSave, idbDelete } from "./utils/StorageAccess";
+import { type ViewRoomPayload } from "./dispatcher/payloads/ViewRoomPayload";
+import { type IConfigOptions } from "./IConfigOptions";
+import SdkConfig from "./SdkConfig";
+import { buildAndEncodePickleKey, encryptPickleKey } from "./utils/tokens/pickling";
+import Favicon from "./favicon.ts";
+import { getVectorConfig } from "./vector/getconfig.ts";
+
+export const SSO_HOMESERVER_URL_KEY = "mx_sso_hs_url";
+export const SSO_ID_SERVER_URL_KEY = "mx_sso_is_url";
+export const SSO_IDP_ID_KEY = "mx_sso_idp_id";
+
+export enum UpdateCheckStatus {
+    Checking = "CHECKING",
+    Error = "ERROR",
+    NotAvailable = "NOTAVAILABLE",
+    Downloading = "DOWNLOADING",
+    Ready = "READY",
+}
+
+export interface UpdateStatus {
+    /**
+     * The current phase of the manual update check.
+     */
+    status: UpdateCheckStatus;
+    /**
+     * Detail string relating to the current status, typically for error details.
+     */
+    detail?: string;
+}
+
+const UPDATE_DEFER_KEY = "mx_defer_update";
+
+/**
+ * Base class for classes that provide platform-specific functionality
+ * eg. Setting an application badge or displaying notifications
+ *
+ * Instances of this class are provided by the application.
+ */
+export default abstract class BasePlatform {
+    protected notificationCount = 0;
+    protected errorDidOccur = false;
+    protected _favicon?: Favicon;
+    public readonly initialised = Promise.resolve<void>(undefined);
+
+    protected constructor() {
+        dis.register(this.onAction.bind(this));
+        this.startUpdateCheck = this.startUpdateCheck.bind(this);
+    }
+
+    public async getConfig(): Promise<IConfigOptions | undefined> {
+        return getVectorConfig();
+    }
+
+    /**
+     * Get a sensible default display name for the device Element is running on
+     */
+    public abstract getDefaultDeviceDisplayName(): string;
+
+    protected onAction(payload: ActionPayload): void {
+        switch (payload.action) {
+            case Action.ClientNotViable:
+            case Action.OnLoggedOut:
+                this.setNotificationCount(0);
+                break;
+        }
+    }
+
+    // Used primarily for Analytics
+    public abstract getHumanReadableName(): string;
+
+    public setNotificationCount(count: number): void {
+        if (this.notificationCount === count) return;
+        this.notificationCount = count;
+        this.updateFavicon();
+    }
+
+    public setErrorStatus(errorDidOccur: boolean): void {
+        if (this.errorDidOccur === errorDidOccur) return;
+        this.errorDidOccur = errorDidOccur;
+        this.updateFavicon();
+    }
+
+    /**
+     * Whether we can call checkForUpdate on this platform build
+     */
+    public async canSelfUpdate(): Promise<boolean> {
+        return false;
+    }
+
+    public startUpdateCheck(): void {
+        hideUpdateToast();
+        localStorage.removeItem(UPDATE_DEFER_KEY);
+        dis.dispatch<CheckUpdatesPayload>({
+            action: Action.CheckUpdates,
+            status: UpdateCheckStatus.Checking,
+        });
+    }
+
+    /**
+     * Update the currently running app to the latest available version
+     * and replace this instance of the app with the new version.
+     */
+    public installUpdate(): void {}
+
+    /**
+     * Check if the version update has been deferred and that deferment is still in effect
+     * @param newVersion the version string to check
+     */
+    protected shouldShowUpdate(newVersion: string): boolean {
+        // If the user registered on this client in the last 24 hours then do not show them the update toast
+        if (MatrixClientPeg.userRegisteredWithinLastHours(24)) return false;
+
+        try {
+            const [version, deferUntil] = JSON.parse(localStorage.getItem(UPDATE_DEFER_KEY)!);
+            return newVersion !== version || Date.now() > deferUntil;
+        } catch {
+            return true;
+        }
+    }
+
+    /**
+     * Ignore the pending update and don't prompt about this version
+     * until the next morning (8am).
+     */
+    public deferUpdate(newVersion: string): void {
+        const date = new Date(Date.now() + 24 * 60 * 60 * 1000);
+        date.setHours(8, 0, 0, 0); // set to next 8am
+        localStorage.setItem(UPDATE_DEFER_KEY, JSON.stringify([newVersion, date.getTime()]));
+        hideUpdateToast();
+    }
+
+    /**
+     * Return true if platform supports multi-language
+     * spell-checking, otherwise false.
+     */
+    public supportsSpellCheckSettings(): boolean {
+        return false;
+    }
+
+    /**
+     * Returns true if platform allows overriding native context menus
+     */
+    public allowOverridingNativeContextMenus(): boolean {
+        return false;
+    }
+
+    /**
+     * Returns true if the platform supports displaying
+     * notifications, otherwise false.
+     * @returns {boolean} whether the platform supports displaying notifications
+     */
+    public supportsNotifications(): boolean {
+        return false;
+    }
+
+    /**
+     * Returns true if the application currently has permission
+     * to display notifications. Otherwise false.
+     * @returns {boolean} whether the application has permission to display notifications
+     */
+    public maySendNotifications(): boolean {
+        return false;
+    }
+
+    /**
+     * Requests permission to send notifications. Returns
+     * a promise that is resolved when the user has responded
+     * to the request. The promise has a single string argument
+     * that is 'granted' if the user allowed the request or
+     * 'denied' otherwise.
+     */
+    public abstract requestNotificationPermission(): Promise<string>;
+
+    public displayNotification(
+        title: string,
+        msg: string,
+        avatarUrl: string | null,
+        room: Room,
+        ev?: MatrixEvent,
+    ): Notification {
+        const notifBody: NotificationOptions = {
+            body: msg,
+            silent: true, // we play our own sounds
+        };
+        if (avatarUrl) notifBody["icon"] = avatarUrl;
+        const notification = new window.Notification(title, notifBody);
+
+        notification.onclick = () => {
+            const payload: ViewRoomPayload = {
+                action: Action.ViewRoom,
+                room_id: room.roomId,
+                metricsTrigger: "Notification",
+            };
+
+            if (ev?.getThread()) {
+                payload.event_id = ev.getId();
+            }
+
+            dis.dispatch(payload);
+            window.focus();
+        };
+
+        const closeHandler = (): void => notification.close();
+
+        // Clear a notification from a redacted event.
+        if (ev) {
+            ev.once(MatrixEventEvent.BeforeRedaction, closeHandler);
+            notification.onclose = () => {
+                ev.off(MatrixEventEvent.BeforeRedaction, closeHandler);
+            };
+        }
+
+        return notification;
+    }
+
+    public loudNotification(ev: MatrixEvent, room: Room): void {}
+
+    /**
+     * Returns true if the platform requires URL previews in tooltips, otherwise false.
+     * @returns {boolean} whether the platform requires URL previews in tooltips
+     */
+    public needsUrlTooltips(): boolean {
+        return false;
+    }
+
+    /**
+     * Returns a promise that resolves to a string representing the current version of the application.
+     */
+    public abstract getAppVersion(): Promise<string>;
+
+    /**
+     * Restarts the application, without necessarily reloading
+     * any application code
+     */
+    public abstract reload(): void;
+
+    public supportsSetting(settingName?: string): boolean {
+        return false;
+    }
+
+    public async getSettingValue(settingName: string): Promise<any> {
+        return undefined;
+    }
+
+    public setSettingValue(settingName: string, value: any): Promise<void> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * Get our platform specific EventIndexManager.
+     *
+     * @returns {BaseEventIndexManager} The EventIndex manager for our platform,
+     * can be null if the platform doesn't support event indexing.
+     */
+    public getEventIndexingManager(): BaseEventIndexManager | null {
+        return null;
+    }
+
+    public setLanguage(preferredLangs: string[]): void {}
+
+    public setSpellCheckEnabled(enabled: boolean): void {}
+
+    public async getSpellCheckEnabled(): Promise<boolean> {
+        return false;
+    }
+
+    public setSpellCheckLanguages(preferredLangs: string[]): void {}
+
+    public getSpellCheckLanguages(): Promise<string[]> | null {
+        return null;
+    }
+
+    public async getDesktopCapturerSources(options: GetSourcesOptions): Promise<Array<DesktopCapturerSource>> {
+        return [];
+    }
+
+    public supportsDesktopCapturer(): boolean {
+        return false;
+    }
+
+    public supportsJitsiScreensharing(): boolean {
+        return true;
+    }
+
+    public overrideBrowserShortcuts(): boolean {
+        return false;
+    }
+
+    public navigateForwardBack(back: boolean): void {}
+
+    public getAvailableSpellCheckLanguages(): Promise<string[]> | null {
+        return null;
+    }
+
+    /**
+     * The URL to return to after a successful SSO authentication
+     * @param fragmentAfterLogin optional fragment for specific view to return to
+     */
+    public getSSOCallbackUrl(fragmentAfterLogin = ""): URL {
+        const url = new URL(window.location.href);
+        url.hash = fragmentAfterLogin;
+        return url;
+    }
+
+    /**
+     * Begin Single Sign On flows.
+     * @param {MatrixClient} mxClient the matrix client using which we should start the flow
+     * @param {"sso"|"cas"} loginType the type of SSO it is, CAS/SSO.
+     * @param {string} fragmentAfterLogin the hash to pass to the app during sso callback.
+     * @param {SSOAction} action the SSO flow to indicate to the IdP, optional.
+     * @param {string} idpId The ID of the Identity Provider being targeted, optional.
+     */
+    public startSingleSignOn(
+        mxClient: MatrixClient,
+        loginType: "sso" | "cas",
+        fragmentAfterLogin?: string,
+        idpId?: string,
+        action?: SSOAction,
+    ): void {
+        // persist hs url and is url for when the user is returned to the app with the login token
+        localStorage.setItem(SSO_HOMESERVER_URL_KEY, mxClient.getHomeserverUrl());
+        if (mxClient.getIdentityServerUrl()) {
+            localStorage.setItem(SSO_ID_SERVER_URL_KEY, mxClient.getIdentityServerUrl()!);
+        }
+        if (idpId) {
+            localStorage.setItem(SSO_IDP_ID_KEY, idpId);
+        }
+        const callbackUrl = this.getSSOCallbackUrl(fragmentAfterLogin);
+        window.location.href = mxClient.getSsoLoginUrl(callbackUrl.toString(), loginType, idpId, action); // redirect to SSO
+    }
+
+    /**
+     * Get a previously stored pickle key.  The pickle key is used for
+     * encrypting libolm objects and react-sdk-crypto data.
+     * @param {string} userId the user ID for the user that the pickle key is for.
+     * @param {string} deviceId the device ID that the pickle key is for.
+     * @returns {string|null} the previously stored pickle key, or null if no
+     *     pickle key has been stored.
+     */
+    public async getPickleKey(userId: string, deviceId: string): Promise<string | null> {
+        let data: { encrypted?: BufferSource; iv?: BufferSource; cryptoKey?: CryptoKey } | undefined;
+        try {
+            data = await idbLoad("pickleKey", [userId, deviceId]);
+        } catch (e) {
+            logger.error("idbLoad for pickleKey failed", e);
+        }
+
+        return (await buildAndEncodePickleKey(data, userId, deviceId)) ?? null;
+    }
+
+    /**
+     * Create and store a pickle key for encrypting libolm objects.
+     * @param {string} userId the user ID for the user that the pickle key is for.
+     * @param {string} deviceId the device ID that the pickle key is for.
+     * @returns {string|null} the pickle key, or null if the platform does not
+     *     support storing pickle keys.
+     */
+    public async createPickleKey(userId: string, deviceId: string): Promise<string | null> {
+        const randomArray = new Uint8Array(32);
+        crypto.getRandomValues(randomArray);
+        const data = await encryptPickleKey(randomArray, userId, deviceId);
+        if (data === undefined) {
+            // no crypto support
+            return null;
+        }
+
+        try {
+            await idbSave("pickleKey", [userId, deviceId], data);
+        } catch {
+            return null;
+        }
+        return encodeUnpaddedBase64(randomArray);
+    }
+
+    /**
+     * Delete a previously stored pickle key from storage.
+     * @param {string} userId the user ID for the user that the pickle key is for.
+     * @param {string} deviceId the device ID that the pickle key is for.
+     */
+    public async destroyPickleKey(userId: string, deviceId: string): Promise<void> {
+        try {
+            await idbDelete("pickleKey", [userId, deviceId]);
+        } catch (e) {
+            logger.error("idbDelete failed in destroyPickleKey", e);
+        }
+    }
+
+    /**
+     * Clear app storage, called when logging out to perform data clean up.
+     */
+    public async clearStorage(): Promise<void> {
+        window.sessionStorage.clear();
+        window.localStorage.clear();
+    }
+
+    /**
+     * Base URL to use when generating external links for this client, for platforms e.g. Desktop this will be a different instance
+     */
+    public get baseUrl(): string {
+        return window.location.origin + window.location.pathname;
+    }
+
+    /**
+     * Fallback Client URI to use for OAuth2 client registration for if one is not specified in config.json
+     */
+    public get defaultOAuthClientUri(): string {
+        return window.location.origin;
+    }
+
+    /**
+     * Metadata to use for dynamic OAuth2 client registrations
+     */
+    public async getOAuthClientMetadata(): Promise<OAuthRegistrationRequest> {
+        const config = SdkConfig.get();
+        return {
+            client_name: config.brand,
+            client_uri: config.oidc_metadata?.client_uri ?? this.defaultOAuthClientUri,
+            redirect_uris: [this.getOAuthCallbackUrl().href],
+            logo_uri: config.oidc_metadata?.logo_uri ?? new URL("vector-icons/1024.png", this.baseUrl).href,
+            application_type: "web",
+            tos_uri: config.oidc_metadata?.tos_uri ?? config.terms_and_conditions_links?.[0]?.url,
+            policy_uri: config.oidc_metadata?.policy_uri ?? config.privacy_policy_url,
+        };
+    }
+
+    /**
+     * Suffix to append to the `state` parameter of OAuth2 /auth calls. Will be round-tripped to the callback URI.
+     * Currently only required for ElectronPlatform for passing element-desktop-ssoid.
+     */
+    public getOAuthClientState(): string {
+        return "";
+    }
+
+    /**
+     * The URL to return to after a successful OAuth2 authentication
+     */
+    public getOAuthCallbackUrl(): URL {
+        // The redirect URL has to exactly match that registered at the OAuth2 server, so
+        // build it from scratch to avoid leaking ephemeral query params (e.g. `updated`).
+        const url = new URL(window.location.origin + window.location.pathname);
+        // Set no_universal_links=true to prevent the callback being handled by Element X installed on macOS Apple Silicon
+        url.searchParams.set("no_universal_links", "true");
+        return url;
+    }
+
+    /**
+     * Delay creating the `Favicon` instance until first use (on the first notification) as
+     * it uses canvas, which can trigger a permission prompt in Firefox's resist fingerprinting mode.
+     * See https://github.com/element-hq/element-web/issues/9605.
+     */
+    public get favicon(): Favicon {
+        if (this._favicon) {
+            return this._favicon;
+        }
+        this._favicon = new Favicon();
+        return this._favicon;
+    }
+
+    private updateFavicon(): void {
+        const notif: string | number = this.notificationCount;
+
+        if (this.errorDidOccur) {
+            this.favicon.badge(notif || "×", { bgColor: "#f00" });
+        }
+        this.favicon.badge(notif);
+    }
+
+    /**
+     * Begin update polling, if applicable
+     */
+    public startUpdater(): void {}
+
+    /**
+     * Checks if the current session is lock-free, i.e., no other instance is holding the session lock.
+     * Platforms that support session locking should override this method.
+     * @returns {boolean} True if the session is lock-free, false otherwise.
+     */
+    public abstract checkSessionLockFree(): boolean;
+    /**
+     * Attempts to acquire a session lock for this instance.
+     * If another instance is detected, calls the provided callback.
+     * Platforms that support session locking should override this method.
+     * @param _onNewInstance Callback to invoke if a new instance is detected.
+     * @returns {Promise<boolean>} True if the lock was acquired, false otherwise.
+     */
+    public abstract getSessionLock(_onNewInstance: () => Promise<void>): Promise<boolean>;
+}
diff --git a/apps/web/src/BlurhashEncoder.ts b/apps/web/src/BlurhashEncoder.ts
new file mode 100644
index 00000000000..ab6969d0c8d
--- /dev/null
+++ b/apps/web/src/BlurhashEncoder.ts
@@ -0,0 +1,25 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type Request, type Response } from "./workers/blurhash.worker.ts";
+import { WorkerManager } from "./WorkerManager";
+import blurhashWorkerFactory from "./workers/blurhashWorkerFactory";
+
+export class BlurhashEncoder {
+    private static internalInstance = new BlurhashEncoder();
+
+    public static get instance(): BlurhashEncoder {
+        return BlurhashEncoder.internalInstance;
+    }
+
+    private readonly worker = new WorkerManager<Request, Response>(blurhashWorkerFactory());
+
+    public getBlurhash(imageData: ImageData): Promise<string> {
+        return this.worker.call({ imageData }).then((resp) => resp.blurhash);
+    }
+}
diff --git a/apps/web/src/CallStatusListener.test.ts b/apps/web/src/CallStatusListener.test.ts
new file mode 100644
index 00000000000..abe320229f1
--- /dev/null
+++ b/apps/web/src/CallStatusListener.test.ts
@@ -0,0 +1,76 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { EventEmitter } from "node:events";
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { CallStatusListener } from "./CallStatusListener";
+import { type Call } from "./models/Call";
+import SettingsStore from "./settings/SettingsStore";
+import { CallStoreEvent, type CallStore } from "./stores/CallStore";
+import * as userStatus from "./utils/userStatus";
+
+describe("CallStatusListener", () => {
+    let listener: CallStatusListener;
+    let callStore: CallStore & EventEmitter;
+    let matrixClient: MatrixClient;
+    let setUserOnCallSpy: ReturnType<typeof vi.spyOn>;
+
+    const emitConnectedCalls = (newValue: Set<Call>, oldValue: Set<Call>): void => {
+        callStore.emit(CallStoreEvent.ConnectedCalls, newValue, oldValue);
+    };
+
+    beforeEach(() => {
+        listener = new CallStatusListener();
+        callStore = new EventEmitter() as unknown as CallStore & EventEmitter;
+        matrixClient = {} as MatrixClient;
+
+        setUserOnCallSpy = vi.spyOn(userStatus, "setUserOnCall").mockResolvedValue(undefined);
+        vi.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+    });
+
+    afterEach(() => {
+        listener.stop();
+        vi.restoreAllMocks();
+    });
+
+    it("sets the user on-a-call status when the user joins a call", () => {
+        listener.start(callStore, matrixClient);
+
+        emitConnectedCalls(new Set([{} as Call]), new Set());
+
+        expect(setUserOnCallSpy).toHaveBeenCalledExactlyOnceWith(matrixClient, true);
+    });
+
+    it("clears the user on-a-call status when the user leaves their last call", () => {
+        listener.start(callStore, matrixClient);
+
+        emitConnectedCalls(new Set(), new Set([{} as Call]));
+
+        expect(setUserOnCallSpy).toHaveBeenCalledExactlyOnceWith(matrixClient, false);
+    });
+
+    it("does nothing when the number of connected calls changes but stays non-zero", () => {
+        listener.start(callStore, matrixClient);
+
+        emitConnectedCalls(new Set([{} as Call, {} as Call]), new Set([{} as Call]));
+
+        expect(setUserOnCallSpy).not.toHaveBeenCalled();
+    });
+
+    it("does nothing when the feature flag is disabled", () => {
+        vi.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        listener.start(callStore, matrixClient);
+
+        emitConnectedCalls(new Set([{} as Call]), new Set());
+
+        expect(setUserOnCallSpy).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/src/CallStatusListener.ts b/apps/web/src/CallStatusListener.ts
new file mode 100644
index 00000000000..ca61093bf8b
--- /dev/null
+++ b/apps/web/src/CallStatusListener.ts
@@ -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 { type Call } from "./models/Call";
+import SettingsStore from "./settings/SettingsStore";
+import { type CallStore, CallStoreEvent } from "./stores/CallStore";
+import { setUserOnCall } from "./utils/userStatus";
+import { logger } from "matrix-js-sdk/src/logger";
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+
+/**
+ * Listener that updates the user's on-a-call (m.call) user profile status according to
+ * whether the user is on a call. Nothing should be calling any methods on it apart
+ * from start / stop.
+ */
+export class CallStatusListener {
+    private callStore: CallStore | undefined;
+    private matrixClient: MatrixClient | undefined;
+
+    public static sharedInstance(): CallStatusListener {
+        if (!window.mxCallStatusListener) window.mxCallStatusListener = new CallStatusListener();
+        return window.mxCallStatusListener;
+    }
+
+    public start(callStore: CallStore, matrixClient: MatrixClient): void {
+        this.callStore = callStore;
+        this.matrixClient = matrixClient;
+
+        this.callStore.on(CallStoreEvent.ConnectedCalls, this.onConnectedCallsChanged);
+    }
+
+    public stop(): void {
+        this.callStore?.off(CallStoreEvent.ConnectedCalls, this.onConnectedCallsChanged);
+
+        this.callStore = undefined;
+        this.matrixClient = undefined;
+    }
+
+    private onConnectedCallsChanged = (newValue: Set<Call>, oldValue: Set<Call>): void => {
+        const wasInCall = oldValue.size > 0;
+        const nowInCall = newValue.size > 0;
+
+        if (wasInCall !== nowInCall && SettingsStore.getValue("feature_user_status") && this.matrixClient) {
+            setUserOnCall(this.matrixClient, nowInCall).catch((err) =>
+                logger.warn("Failed to update m.call profile field", err),
+            );
+        }
+    };
+}
diff --git a/apps/web/src/ContentMessages.ts b/apps/web/src/ContentMessages.ts
new file mode 100644
index 00000000000..601027c6916
--- /dev/null
+++ b/apps/web/src/ContentMessages.ts
@@ -0,0 +1,718 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 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.
+*/
+
+import {
+    type MatrixClient,
+    MsgType,
+    HTTPError,
+    type IEventRelation,
+    type ISendEventResponse,
+    type MatrixEvent,
+    type UploadOpts,
+    type UploadProgress,
+    THREAD_RELATION_TYPE,
+} from "matrix-js-sdk/src/matrix";
+import {
+    type ImageInfo,
+    type AudioInfo,
+    type VideoInfo,
+    type EncryptedFile,
+    type MediaEventContent,
+    type MediaEventInfo,
+} from "matrix-js-sdk/src/types";
+import encrypt from "matrix-encrypt-attachment";
+import extractPngChunks from "png-chunks-extract";
+import { logger } from "matrix-js-sdk/src/logger";
+import { removeElement } from "matrix-js-sdk/src/utils";
+
+import dis from "./dispatcher/dispatcher";
+import { _t } from "./languageHandler";
+import Modal from "./Modal";
+import Spinner from "./components/views/elements/Spinner";
+import { Action } from "./dispatcher/actions";
+import {
+    type UploadCanceledPayload,
+    type UploadErrorPayload,
+    type UploadFinishedPayload,
+    type UploadProgressPayload,
+    type UploadStartedPayload,
+} from "./dispatcher/payloads/UploadPayload";
+import { RoomUpload } from "./models/RoomUpload";
+import SettingsStore from "./settings/SettingsStore";
+import { decorateStartSendingTime, sendRoundTripMetric } from "./sendTimePerformanceMetrics";
+import { TimelineRenderingType } from "./contexts/RoomContext";
+import { addReplyToMessageContent } from "./utils/Reply";
+import ErrorDialog from "./components/views/dialogs/ErrorDialog";
+import UploadFailureDialog from "./components/views/dialogs/UploadFailureDialog";
+import UploadConfirmDialog from "./components/views/dialogs/UploadConfirmDialog";
+import { createThumbnail } from "./utils/image-media";
+import { attachMentions, attachRelation } from "./utils/messages.ts";
+import { doMaybeLocalRoomAction } from "./utils/local-room";
+import { blobIsAnimated } from "./utils/Image.ts";
+
+// scraped out of a macOS hidpi (5660ppm) screenshot png
+//                  5669 px (x-axis)      , 5669 px (y-axis)      , per metre
+const PHYS_HIDPI = [0x00, 0x00, 0x16, 0x25, 0x00, 0x00, 0x16, 0x25, 0x01];
+
+export class UploadCanceledError extends Error {}
+export class UploadFailedError extends Error {
+    public constructor(cause: any) {
+        super();
+        this.cause = cause;
+    }
+}
+
+interface IMediaConfig {
+    "m.upload.size"?: number;
+}
+
+/**
+ * Load a file into a newly created image element.
+ *
+ * @param {File} imageFile The file to load in an image element.
+ * @returns {Promise} A promise that resolves with the html image element.
+ */
+async function loadImageElement(imageFile: File): Promise<{
+    width: number;
+    height: number;
+    img: HTMLImageElement;
+}> {
+    // Load the file into an html element
+    const img = new Image();
+    const objectUrl = URL.createObjectURL(imageFile);
+    const imgPromise = new Promise((resolve, reject) => {
+        img.onload = function (): void {
+            URL.revokeObjectURL(objectUrl);
+            resolve(img);
+        };
+        img.onerror = function (e): void {
+            reject(e);
+        };
+    });
+    img.src = objectUrl;
+
+    // check for hi-dpi PNGs and fudge display resolution as needed.
+    // this is mainly needed for macOS screencaps
+    let parsePromise = Promise.resolve(false);
+    if (imageFile.type === "image/png") {
+        // in practice macOS happens to order the chunks so they fall in
+        // the first 0x1000 bytes (thanks to a massive ICC header).
+        // Thus we could slice the file down to only sniff the first 0x1000
+        // bytes (but this makes extractPngChunks choke on the corrupt file)
+        const headers = imageFile; //.slice(0, 0x1000);
+        parsePromise = readFileAsArrayBuffer(headers)
+            .then((arrayBuffer) => {
+                const buffer = new Uint8Array(arrayBuffer);
+                const chunks = extractPngChunks(buffer);
+                for (const chunk of chunks) {
+                    if (chunk.name === "pHYs") {
+                        if (chunk.data.byteLength !== PHYS_HIDPI.length) return false;
+                        return chunk.data.every((val, i) => val === PHYS_HIDPI[i]);
+                    }
+                }
+                return false;
+            })
+            .catch((e) => {
+                console.error("Failed to parse PNG", e);
+                return false;
+            });
+    }
+
+    const [hidpi] = await Promise.all([parsePromise, imgPromise]);
+    const width = hidpi ? img.width >> 1 : img.width;
+    const height = hidpi ? img.height >> 1 : img.height;
+    return { width, height, img };
+}
+
+// Minimum size for image files before we generate a thumbnail for them.
+const IMAGE_SIZE_THRESHOLD_THUMBNAIL = 1 << 15; // 32KB
+// Minimum size improvement for image thumbnails, if both are not met then don't bother uploading thumbnail.
+const IMAGE_THUMBNAIL_MIN_REDUCTION_SIZE = 1 << 16; // 1MB
+const IMAGE_THUMBNAIL_MIN_REDUCTION_PERCENT = 0.1; // 10%
+// We don't apply these thresholds to video thumbnails as a poster image is always useful
+// and videos tend to be much larger.
+
+// Image mime types for which to always include a thumbnail for even if it is larger than the input for wider support.
+const ALWAYS_INCLUDE_THUMBNAIL = ["image/avif", "image/webp", "image/svg+xml"];
+
+/**
+ * Read the metadata for an image file and create and upload a thumbnail of the image.
+ *
+ * @param {MatrixClient} matrixClient A matrixClient to upload the thumbnail with.
+ * @param {String} roomId The ID of the room the image will be uploaded in.
+ * @param {File} imageFile The image to read and thumbnail.
+ * @returns {Promise} A promise that resolves with the attachment info.
+ */
+async function infoForImageFile(matrixClient: MatrixClient, roomId: string, imageFile: File): Promise<ImageInfo> {
+    let thumbnailType = "image/png";
+    if (imageFile.type === "image/jpeg") {
+        thumbnailType = "image/jpeg";
+    }
+
+    // We don't await this immediately so it can happen in the background
+    const isAnimatedPromise = blobIsAnimated(imageFile);
+
+    const imageElement = await loadImageElement(imageFile);
+
+    const result = await createThumbnail(imageElement.img, imageElement.width, imageElement.height, thumbnailType);
+    const imageInfo = result.info;
+
+    const isAnimated = await isAnimatedPromise;
+    if (isAnimated !== undefined) {
+        imageInfo["org.matrix.msc4230.is_animated"] = await isAnimatedPromise;
+    }
+
+    // For lesser supported image types, always include the thumbnail even if it is larger
+    if (!ALWAYS_INCLUDE_THUMBNAIL.includes(imageFile.type)) {
+        // we do all sizing checks here because we still rely on thumbnail generation for making a blurhash from.
+        const sizeDifference = imageFile.size - imageInfo.thumbnail_info!.size!;
+        if (
+            // image is small enough already
+            imageFile.size <= IMAGE_SIZE_THRESHOLD_THUMBNAIL ||
+            // thumbnail is not sufficiently smaller than original
+            (sizeDifference <= IMAGE_THUMBNAIL_MIN_REDUCTION_SIZE &&
+                sizeDifference <= imageFile.size * IMAGE_THUMBNAIL_MIN_REDUCTION_PERCENT)
+        ) {
+            delete imageInfo["thumbnail_info"];
+            return imageInfo;
+        }
+    }
+
+    const uploadResult = await uploadFile(matrixClient, roomId, result.thumbnail);
+
+    imageInfo["thumbnail_url"] = uploadResult.url;
+    imageInfo["thumbnail_file"] = uploadResult.file;
+    return imageInfo;
+}
+
+/**
+ * Load a file into a newly created audio element and load the metadata
+ *
+ * @param {File} audioFile The file to load in an audio element.
+ * @returns {Promise} A promise that resolves with the audio element.
+ */
+function loadAudioElement(audioFile: File): Promise<HTMLAudioElement> {
+    return new Promise((resolve, reject) => {
+        // Load the file into a html element
+        const audio = document.createElement("audio");
+        audio.preload = "metadata";
+        audio.muted = true;
+
+        const reader = new FileReader();
+
+        reader.onload = function (ev): void {
+            audio.onloadedmetadata = async function (): Promise<void> {
+                resolve(audio);
+            };
+            audio.onerror = function (e): void {
+                reject(e);
+            };
+
+            audio.src = ev.target?.result as string;
+        };
+        reader.onerror = function (e): void {
+            reject(e);
+        };
+        reader.readAsDataURL(audioFile);
+    });
+}
+
+/**
+ * Read the metadata for an audio file.
+ *
+ * @param {File} audioFile The audio to read.
+ * @returns {Promise} A promise that resolves with the attachment info.
+ */
+async function infoForAudioFile(audioFile: File): Promise<AudioInfo> {
+    const audio = await loadAudioElement(audioFile);
+    return { duration: Math.ceil(audio.duration * 1000) };
+}
+
+/**
+ * Load a file into a newly created video element and pull some strings
+ * in an attempt to guarantee the first frame will be showing.
+ *
+ * @param {File} videoFile The file to load in a video element.
+ * @returns {Promise} A promise that resolves with the video element.
+ */
+function loadVideoElement(videoFile: File): Promise<HTMLVideoElement> {
+    return new Promise((resolve, reject) => {
+        // Load the file into a html element
+        const video = document.createElement("video");
+        video.preload = "metadata";
+        video.playsInline = true;
+        video.muted = true;
+
+        const reader = new FileReader();
+
+        reader.onload = function (ev): void {
+            // Wait until we have enough data to thumbnail the first frame.
+            video.onloadeddata = async function (): Promise<void> {
+                resolve(video);
+                video.pause();
+            };
+            video.onerror = function (e): void {
+                reject(e);
+            };
+
+            let dataUrl = ev.target?.result as string;
+            // Chrome chokes on quicktime but likes mp4, and `file.type` is
+            // read only, so do this horrible hack to unbreak quicktime
+            if (dataUrl?.startsWith("data:video/quicktime;")) {
+                dataUrl = dataUrl.replace("data:video/quicktime;", "data:video/mp4;");
+            }
+
+            video.src = dataUrl;
+            video.load();
+            video.play();
+        };
+        reader.onerror = function (e): void {
+            reject(e);
+        };
+        reader.readAsDataURL(videoFile);
+    });
+}
+
+/**
+ * Read the metadata for a video file and create and upload a thumbnail of the video.
+ *
+ * @param {MatrixClient} matrixClient A matrixClient to upload the thumbnail with.
+ * @param {String} roomId The ID of the room the video will be uploaded to.
+ * @param {File} videoFile The video to read and thumbnail.
+ * @returns {Promise} A promise that resolves with the attachment info.
+ */
+function infoForVideoFile(matrixClient: MatrixClient, roomId: string, videoFile: File): Promise<VideoInfo> {
+    const thumbnailType = "image/jpeg";
+
+    const videoInfo: VideoInfo = {};
+    return loadVideoElement(videoFile)
+        .then((video) => {
+            videoInfo.duration = Math.ceil(video.duration * 1000);
+            return createThumbnail(video, video.videoWidth, video.videoHeight, thumbnailType);
+        })
+        .then((result) => {
+            Object.assign(videoInfo, result.info);
+            return uploadFile(matrixClient, roomId, result.thumbnail);
+        })
+        .then((result) => {
+            videoInfo.thumbnail_url = result.url;
+            videoInfo.thumbnail_file = result.file;
+            return videoInfo;
+        });
+}
+
+/**
+ * Read the file as an ArrayBuffer.
+ * @param {File} file The file to read
+ * @returns {Promise} A promise that resolves with an ArrayBuffer when the file
+ *   is read.
+ */
+function readFileAsArrayBuffer(file: File | Blob): Promise<ArrayBuffer> {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = function (e): void {
+            resolve(e.target?.result as ArrayBuffer);
+        };
+        reader.onerror = function (e): void {
+            reject(e);
+        };
+        reader.readAsArrayBuffer(file);
+    });
+}
+
+/**
+ * Upload the file to the content repository.
+ * If the room is encrypted then encrypt the file before uploading.
+ *
+ * @param {MatrixClient} matrixClient The matrix client to upload the file with.
+ * @param {String} roomId The ID of the room being uploaded to.
+ * @param {File} file The file to upload.
+ * @param {Function?} progressHandler optional callback to be called when a chunk of
+ *    data is uploaded.
+ * @param {AbortController?} controller optional abortController to use for this upload.
+ * @returns {Promise} A promise that resolves with an object.
+ *  If the file is unencrypted then the object will have a "url" key.
+ *  If the file is encrypted then the object will have a "file" key.
+ */
+export async function uploadFile(
+    matrixClient: MatrixClient,
+    roomId: string,
+    file: File | Blob,
+    progressHandler?: UploadOpts["progressHandler"],
+    controller?: AbortController,
+): Promise<{ url?: string; file?: EncryptedFile }> {
+    const abortController = controller ?? new AbortController();
+
+    // If the room is encrypted then encrypt the file before uploading it.
+    if (await matrixClient.getCrypto()?.isEncryptionEnabledInRoom(roomId)) {
+        // First read the file into memory.
+        const data = await readFileAsArrayBuffer(file);
+        if (abortController.signal.aborted) throw new UploadCanceledError();
+
+        // Then encrypt the file.
+        const encryptResult = await encrypt.encryptAttachment(data);
+        if (abortController.signal.aborted) throw new UploadCanceledError();
+
+        // Pass the encrypted data as a Blob to the uploader.
+        const blob = new Blob([encryptResult.data]);
+
+        let url: string;
+        try {
+            ({ content_uri: url } = await matrixClient.uploadContent(blob, {
+                progressHandler,
+                abortController,
+                includeFilename: false,
+                type: "application/octet-stream",
+            }));
+        } catch (e) {
+            if (abortController.signal.aborted) throw new UploadCanceledError();
+            console.error("Failed to upload file", e);
+            throw new UploadFailedError(e);
+        }
+        if (abortController.signal.aborted) throw new UploadCanceledError();
+
+        // If the attachment is encrypted then bundle the URL along with the information
+        // needed to decrypt the attachment and add it under a file key.
+        return {
+            file: {
+                ...encryptResult.info,
+                url,
+            } as EncryptedFile,
+        };
+    } else {
+        let url: string;
+        try {
+            ({ content_uri: url } = await matrixClient.uploadContent(file, { progressHandler, abortController }));
+        } catch (e) {
+            if (abortController.signal.aborted) throw new UploadCanceledError();
+            console.error("Failed to upload file", e);
+            throw new UploadFailedError(e);
+        }
+        if (abortController.signal.aborted) throw new UploadCanceledError();
+        // If the attachment isn't encrypted then include the URL directly.
+        return { url };
+    }
+}
+
+export default class ContentMessages {
+    private inprogress: RoomUpload[] = [];
+    private mediaConfig: IMediaConfig | null = null;
+
+    public sendStickerContentToRoom(
+        url: string,
+        roomId: string,
+        threadId: string | null,
+        info: ImageInfo,
+        text: string,
+        matrixClient: MatrixClient,
+    ): Promise<ISendEventResponse> {
+        return doMaybeLocalRoomAction(
+            roomId,
+            (actualRoomId: string) => matrixClient.sendStickerMessage(actualRoomId, threadId, url, info, text),
+            matrixClient,
+        ).catch((e) => {
+            logger.warn(`Failed to send content with URL ${url} to room ${roomId}`, e);
+            throw e;
+        });
+    }
+
+    public getUploadLimit(): number | null {
+        return this.mediaConfig?.["m.upload.size"] ?? null;
+    }
+
+    /**
+     * Sends a list of files to a room.
+     * @param files - The files to send.
+     * @param roomId - The ID of the room to send the files to.
+     * @param relation - The relation to the event being replied to.
+     * @param replyToEvent - The event being replied to, if any.
+     * @param matrixClient - The Matrix client to use for sending the files.
+     * @param context - The context in which the files are being sent.
+     * @returns A promise that resolves when the files have been sent.
+     */
+    public async sendContentListToRoom(
+        files: File[],
+        roomId: string,
+        relation: IEventRelation | undefined,
+        replyToEvent: MatrixEvent | undefined,
+        matrixClient: MatrixClient,
+        context = TimelineRenderingType.Room,
+    ): Promise<void> {
+        if (matrixClient.isGuest()) {
+            dis.dispatch({ action: "require_registration" });
+            return;
+        }
+
+        if (!this.mediaConfig) {
+            // hot-path optimization to not flash a spinner if we don't need to
+            const modal = Modal.createDialog(Spinner, undefined, "mx_Dialog_spinner");
+            await Promise.race([this.ensureMediaConfigFetched(matrixClient), modal.finished]);
+            if (!this.mediaConfig) {
+                // User cancelled by clicking away on the spinner
+                return;
+            } else {
+                modal.close();
+            }
+        }
+
+        const tooBigFiles: File[] = [];
+        const okFiles: File[] = [];
+
+        for (const file of files) {
+            if (this.isFileSizeAcceptable(file)) {
+                okFiles.push(file);
+            } else {
+                tooBigFiles.push(file);
+            }
+        }
+
+        if (tooBigFiles.length > 0) {
+            const { finished } = Modal.createDialog(UploadFailureDialog, {
+                badFiles: tooBigFiles,
+                totalFiles: files.length,
+                contentMessages: this,
+            });
+            const [shouldContinue] = await finished;
+            if (!shouldContinue) return;
+        }
+
+        let uploadAll = false;
+        // Promise to complete before sending next file into room, used for synchronisation of file-sending
+        // to match the order the files were specified in
+        let promBefore: Promise<any> = Promise.resolve();
+        for (let i = 0; i < okFiles.length; ++i) {
+            const file = okFiles[i];
+            const loopPromiseBefore = promBefore;
+
+            if (!uploadAll) {
+                const { finished } = Modal.createDialog(UploadConfirmDialog, {
+                    file,
+                    currentIndex: i,
+                    totalFiles: okFiles.length,
+                });
+                const [shouldContinue, shouldUploadAll] = await finished;
+                if (!shouldContinue) break;
+                if (shouldUploadAll) {
+                    uploadAll = true;
+                }
+            }
+
+            promBefore = doMaybeLocalRoomAction(
+                roomId,
+                (actualRoomId) =>
+                    this.sendContentToRoom(
+                        file,
+                        actualRoomId,
+                        relation,
+                        matrixClient,
+                        replyToEvent ?? undefined,
+                        loopPromiseBefore,
+                    ),
+                matrixClient,
+            );
+        }
+
+        if (replyToEvent) {
+            // Clear event being replied to
+            dis.dispatch({
+                action: "reply_to_event",
+                event: null,
+                context,
+            });
+        }
+
+        // Focus the correct composer
+        dis.dispatch({
+            action: Action.FocusSendMessageComposer,
+            context,
+        });
+    }
+
+    public getCurrentUploads(relation?: IEventRelation): RoomUpload[] {
+        return this.inprogress.filter((roomUpload) => {
+            const noRelation = !relation && !roomUpload.relation;
+            const matchingRelation =
+                relation &&
+                roomUpload.relation &&
+                relation.rel_type === roomUpload.relation.rel_type &&
+                relation.event_id === roomUpload.relation.event_id;
+
+            return (noRelation || matchingRelation) && !roomUpload.cancelled;
+        });
+    }
+
+    public cancelUpload(upload: RoomUpload): void {
+        upload.abort();
+        dis.dispatch<UploadCanceledPayload>({ action: Action.UploadCanceled, upload });
+    }
+
+    public async sendContentToRoom(
+        file: File,
+        roomId: string,
+        relation: IEventRelation | undefined,
+        matrixClient: MatrixClient,
+        replyToEvent: MatrixEvent | undefined,
+        promBefore?: Promise<any>,
+    ): Promise<void> {
+        const fileName = file.name || _t("common|attachment");
+        const content: Omit<MediaEventContent, "info"> & { info: Partial<MediaEventInfo> } = {
+            body: fileName,
+            info: {
+                size: file.size,
+            },
+            msgtype: MsgType.File, // set more specifically later
+        };
+
+        // Attach mentions, which really only applies if there's a replyToEvent.
+        attachMentions(matrixClient.getSafeUserId(), content, null, replyToEvent);
+        attachRelation(content, relation);
+        if (replyToEvent) {
+            addReplyToMessageContent(content, replyToEvent);
+        }
+
+        if (SettingsStore.getValue("Performance.addSendMessageTimingMetadata")) {
+            decorateStartSendingTime(content);
+        }
+
+        // if we have a mime type for the file, add it to the message metadata
+        if (file.type) {
+            content.info.mimetype = file.type;
+        }
+
+        const upload = new RoomUpload(roomId, fileName, relation, file.size);
+        this.inprogress.push(upload);
+        dis.dispatch<UploadStartedPayload>({ action: Action.UploadStarted, upload });
+
+        function onProgress(progress: UploadProgress): void {
+            upload.onProgress(progress);
+            dis.dispatch<UploadProgressPayload>({ action: Action.UploadProgress, upload });
+        }
+
+        try {
+            if (file.type.startsWith("image/")) {
+                content.msgtype = MsgType.Image;
+                try {
+                    const imageInfo = await infoForImageFile(matrixClient, roomId, file);
+                    Object.assign(content.info, imageInfo);
+                } catch (e) {
+                    if (e instanceof UploadFailedError) {
+                        // re-throw to main upload error handler
+                        throw e;
+                    }
+                    // Otherwise we failed to thumbnail, fall back to uploading an m.file
+                    logger.error(`Expected file of type "${file.type}" to be an image, but got`, e);
+                    content.msgtype = MsgType.File;
+                }
+            } else if (file.type.startsWith("audio/")) {
+                content.msgtype = MsgType.Audio;
+                try {
+                    const audioInfo = await infoForAudioFile(file);
+                    Object.assign(content.info, audioInfo);
+                } catch (e) {
+                    // Failed to process audio file, fall back to uploading an m.file
+                    logger.error(e);
+                    content.msgtype = MsgType.File;
+                }
+            } else if (file.type.startsWith("video/")) {
+                content.msgtype = MsgType.Video;
+                try {
+                    const videoInfo = await infoForVideoFile(matrixClient, roomId, file);
+                    Object.assign(content.info, videoInfo);
+                } catch (e) {
+                    // Failed to thumbnail, fall back to uploading an m.file
+                    logger.error(e);
+                    content.msgtype = MsgType.File;
+                }
+            } else {
+                content.msgtype = MsgType.File;
+            }
+
+            if (upload.cancelled) throw new UploadCanceledError();
+            const result = await uploadFile(matrixClient, roomId, file, onProgress, upload.abortController);
+            content.file = result.file;
+            content.url = result.url;
+
+            if (upload.cancelled) throw new UploadCanceledError();
+            // Await previous message being sent into the room
+            if (promBefore) await promBefore;
+
+            if (upload.cancelled) throw new UploadCanceledError();
+            const threadId = relation?.rel_type === THREAD_RELATION_TYPE.name ? relation.event_id : null;
+
+            const response = await matrixClient.sendMessage(roomId, threadId ?? null, content as MediaEventContent);
+
+            if (SettingsStore.getValue("Performance.addSendMessageTimingMetadata")) {
+                sendRoundTripMetric(matrixClient, roomId, response.event_id);
+            }
+
+            dis.dispatch<UploadFinishedPayload>({ action: Action.UploadFinished, upload });
+            dis.dispatch({ action: "message_sent" });
+        } catch (error) {
+            // Unwrap UploadFailedError to get the underlying error
+            const unwrappedError = error instanceof UploadFailedError && error.cause ? error.cause : error;
+
+            // 413: File was too big or upset the server in some way:
+            // clear the media size limit so we fetch it again next time we try to upload
+            if (unwrappedError instanceof HTTPError && unwrappedError.httpStatus === 413) {
+                this.mediaConfig = null;
+            }
+
+            if (!upload.cancelled) {
+                let desc = _t("upload_failed_generic", { fileName: upload.fileName });
+                if (unwrappedError instanceof HTTPError && unwrappedError.httpStatus === 413) {
+                    desc = _t("upload_failed_size", {
+                        fileName: upload.fileName,
+                    });
+                }
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("upload_failed_title"),
+                    description: desc,
+                });
+                dis.dispatch<UploadErrorPayload>({ action: Action.UploadFailed, upload, error });
+            }
+        } finally {
+            removeElement(this.inprogress, (e) => e.promise === upload.promise);
+        }
+    }
+
+    private isFileSizeAcceptable(file: File): boolean {
+        if (this.mediaConfig?.["m.upload.size"] !== undefined && file.size > this.mediaConfig["m.upload.size"]) {
+            return false;
+        }
+        return true;
+    }
+
+    private ensureMediaConfigFetched(matrixClient: MatrixClient): Promise<void> {
+        if (this.mediaConfig !== null) return Promise.resolve();
+
+        logger.log("[Media Config] Fetching");
+        return matrixClient
+            .getMediaConfig()
+            .then((config) => {
+                logger.log("[Media Config] Fetched config:", config);
+                return config;
+            })
+            .catch(() => {
+                // Media repo can't or won't report limits, so provide an empty object (no limits).
+                logger.log("[Media Config] Could not fetch config, so not limiting uploads.");
+                return {};
+            })
+            .then((config) => {
+                this.mediaConfig = config;
+            });
+    }
+
+    public static sharedInstance(): ContentMessages {
+        if (window.mxContentMessages === undefined) {
+            window.mxContentMessages = new ContentMessages();
+        }
+        return window.mxContentMessages;
+    }
+}
diff --git a/apps/web/src/CreateCrossSigning.test.ts b/apps/web/src/CreateCrossSigning.test.ts
new file mode 100644
index 00000000000..111bad08000
--- /dev/null
+++ b/apps/web/src/CreateCrossSigning.test.ts
@@ -0,0 +1,99 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { HTTPError, type MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+import { createTestClient } from "test-utils";
+
+import { createCrossSigning } from "./CreateCrossSigning";
+import Modal from "./Modal";
+
+vi.mock("./Modal");
+
+describe("CreateCrossSigning", () => {
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        client = createTestClient();
+    });
+
+    it("should call bootstrapCrossSigning with an authUploadDeviceSigningKeys function", async () => {
+        await createCrossSigning(client);
+
+        expect(client.getCrypto()?.bootstrapCrossSigning).toHaveBeenCalledWith({
+            authUploadDeviceSigningKeys: expect.any(Function),
+        });
+    });
+
+    it("should upload", async () => {
+        client.uploadDeviceSigningKeys = vi.fn().mockRejectedValueOnce(
+            new MatrixError({
+                flows: [
+                    {
+                        stages: ["m.login.password"],
+                    },
+                ],
+            }),
+        );
+
+        await createCrossSigning(client);
+
+        const { authUploadDeviceSigningKeys } = vi.mocked(client.getCrypto()!).bootstrapCrossSigning.mock.calls[0][0];
+
+        const makeRequest = vi.fn();
+        await authUploadDeviceSigningKeys!(makeRequest);
+        expect(makeRequest).toHaveBeenCalledWith(null);
+    });
+
+    it("should prompt user if upload failed with UIA", async () => {
+        const createDialog = vi.spyOn(Modal, "createDialog").mockReturnValue({
+            finished: Promise.resolve([true]),
+            close: vi.fn(),
+        });
+
+        client.uploadDeviceSigningKeys = vi.fn().mockRejectedValueOnce(
+            new MatrixError({
+                flows: [
+                    {
+                        stages: ["dummy.mystery_flow_nobody_knows"],
+                    },
+                ],
+            }),
+        );
+
+        await createCrossSigning(client);
+
+        const { authUploadDeviceSigningKeys } = vi.mocked(client.getCrypto()!).bootstrapCrossSigning.mock.calls[0][0];
+
+        const makeRequest = vi.fn().mockRejectedValue(
+            new MatrixError({
+                flows: [
+                    {
+                        stages: ["dummy.mystery_flow_nobody_knows"],
+                    },
+                ],
+            }),
+        );
+        await authUploadDeviceSigningKeys!(makeRequest);
+        expect(makeRequest).not.toHaveBeenCalledWith();
+        expect(createDialog).toHaveBeenCalled();
+    });
+
+    it("should throw error if server fails with something other than UIA", async () => {
+        await createCrossSigning(client);
+
+        const { authUploadDeviceSigningKeys } = vi.mocked(client.getCrypto()!).bootstrapCrossSigning.mock.calls[0][0];
+
+        const error = new HTTPError("Internal Server Error", 500);
+        const makeRequest = vi.fn().mockRejectedValue(error);
+        await expect(authUploadDeviceSigningKeys!(makeRequest)).rejects.toThrow(error);
+        expect(makeRequest).not.toHaveBeenCalledWith();
+    });
+});
diff --git a/apps/web/src/CreateCrossSigning.ts b/apps/web/src/CreateCrossSigning.ts
new file mode 100644
index 00000000000..5f6f3e48aae
--- /dev/null
+++ b/apps/web/src/CreateCrossSigning.ts
@@ -0,0 +1,80 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2018, 2019 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 AuthDict, type MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+
+import { SSOAuthEntry } from "./components/views/auth/InteractiveAuthEntryComponents";
+import Modal from "./Modal";
+import { _t } from "./languageHandler";
+import InteractiveAuthDialog from "./components/views/dialogs/InteractiveAuthDialog";
+
+/**
+ * Ensures that cross signing keys are created and uploaded for the user.
+ * The homeserver may require user-interactive auth to upload the keys, in
+ * which case the user will be prompted to authenticate.
+ *
+ * This function does not set up backups of the created cross-signing keys
+ * (or message keys): the cross-signing keys are stored locally and will be
+ * lost requiring a crypto reset, if the user logs out or loses their session.
+ *
+ * @param cli The Matrix Client to use
+ */
+export async function createCrossSigning(cli: MatrixClient): Promise<void> {
+    const cryptoApi = cli.getCrypto();
+    if (!cryptoApi) {
+        throw new Error("No crypto API found!");
+    }
+
+    await cryptoApi.bootstrapCrossSigning({
+        authUploadDeviceSigningKeys: (makeRequest) => uiAuthCallback(cli, makeRequest),
+    });
+}
+
+export async function uiAuthCallback(
+    matrixClient: MatrixClient,
+    makeRequest: (authData: AuthDict | null) => Promise<void>,
+): Promise<void> {
+    try {
+        await makeRequest(null);
+    } catch (error) {
+        if (!(error instanceof MatrixError) || !error.data || !error.data.flows) {
+            // Not a UIA response
+            throw error;
+        }
+
+        const dialogAesthetics = {
+            [SSOAuthEntry.PHASE_PREAUTH]: {
+                title: _t("auth|uia|sso_title"),
+                body: _t("auth|uia|sso_preauth_body"),
+                continueText: _t("auth|sso"),
+                continueKind: "primary",
+            },
+            [SSOAuthEntry.PHASE_POSTAUTH]: {
+                title: _t("encryption|confirm_encryption_setup_title"),
+                body: _t("encryption|confirm_encryption_setup_body"),
+                continueText: _t("action|confirm"),
+                continueKind: "primary",
+            },
+        };
+
+        const { finished } = Modal.createDialog(InteractiveAuthDialog, {
+            title: "",
+            matrixClient,
+            makeRequest,
+            aestheticsForStagePhases: {
+                [SSOAuthEntry.LOGIN_TYPE]: dialogAesthetics,
+                [SSOAuthEntry.UNSTABLE_LOGIN_TYPE]: dialogAesthetics,
+            },
+        });
+        const [confirmed] = await finished;
+        if (!confirmed) {
+            throw new Error("Cross-signing key upload auth canceled");
+        }
+    }
+}
diff --git a/apps/web/src/DateUtils.test.ts b/apps/web/src/DateUtils.test.ts
new file mode 100644
index 00000000000..8cdeaf2857d
--- /dev/null
+++ b/apps/web/src/DateUtils.test.ts
@@ -0,0 +1,392 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeAll, afterAll } from "vitest";
+
+import {
+    formatSeconds,
+    formatRelativeTime,
+    formatDuration,
+    formatFullDateNoDayISO,
+    formatTimeLeft,
+    formatPreciseDuration,
+    formatLocalDateShort,
+    getDaysArray,
+    getMonthsArray,
+    formatFullDateNoDayNoTime,
+    formatTime,
+    formatFullTime,
+    formatFullDate,
+    formatFullDateNoTime,
+    formatDate,
+    HOUR_MS,
+    MINUTE_MS,
+    DAY_MS,
+} from "./DateUtils";
+import { REPEATABLE_DATE, mockIntlDateTimeFormat, unmockIntlDateTimeFormat } from "../test/test-utils";
+import * as languageSettings from "./i18n/settings";
+
+vi.mock("./TimezoneHandler", () => ({ getUserTimezone: () => "UTC" }));
+
+describe("getDaysArray", () => {
+    it("should return Sunday-Saturday in long mode", () => {
+        expect(getDaysArray("long")).toMatchInlineSnapshot(`
+            [
+              "Sunday",
+              "Monday",
+              "Tuesday",
+              "Wednesday",
+              "Thursday",
+              "Friday",
+              "Saturday",
+            ]
+        `);
+    });
+    it("should return Sun-Sat in short mode", () => {
+        expect(getDaysArray("short")).toMatchInlineSnapshot(`
+            [
+              "Sun",
+              "Mon",
+              "Tue",
+              "Wed",
+              "Thu",
+              "Fri",
+              "Sat",
+            ]
+        `);
+    });
+    it("should return S-S in narrow mode", () => {
+        expect(getDaysArray("narrow")).toMatchInlineSnapshot(`
+            [
+              "S",
+              "M",
+              "T",
+              "W",
+              "T",
+              "F",
+              "S",
+            ]
+        `);
+    });
+});
+
+describe("getMonthsArray", () => {
+    it("should return January-December in long mode", () => {
+        expect(getMonthsArray("long")).toMatchInlineSnapshot(`
+            [
+              "January",
+              "February",
+              "March",
+              "April",
+              "May",
+              "June",
+              "July",
+              "August",
+              "September",
+              "October",
+              "November",
+              "December",
+            ]
+        `);
+    });
+    it("should return Jan-Dec in short mode", () => {
+        expect(getMonthsArray("short")).toMatchInlineSnapshot(`
+            [
+              "Jan",
+              "Feb",
+              "Mar",
+              "Apr",
+              "May",
+              "Jun",
+              "Jul",
+              "Aug",
+              "Sep",
+              "Oct",
+              "Nov",
+              "Dec",
+            ]
+        `);
+    });
+    it("should return J-D in narrow mode", () => {
+        expect(getMonthsArray("narrow")).toMatchInlineSnapshot(`
+            [
+              "J",
+              "F",
+              "M",
+              "A",
+              "M",
+              "J",
+              "J",
+              "A",
+              "S",
+              "O",
+              "N",
+              "D",
+            ]
+        `);
+    });
+    it("should return 1-12 in numeric mode", () => {
+        expect(getMonthsArray("numeric")).toMatchInlineSnapshot(`
+            [
+              "1",
+              "2",
+              "3",
+              "4",
+              "5",
+              "6",
+              "7",
+              "8",
+              "9",
+              "10",
+              "11",
+              "12",
+            ]
+        `);
+    });
+    it("should return 01-12 in 2-digit mode", () => {
+        expect(getMonthsArray("2-digit")).toMatchInlineSnapshot(`
+            [
+              "01",
+              "02",
+              "03",
+              "04",
+              "05",
+              "06",
+              "07",
+              "08",
+              "09",
+              "10",
+              "11",
+              "12",
+            ]
+        `);
+    });
+});
+
+describe("formatDate", () => {
+    beforeAll(() => {
+        vi.useFakeTimers();
+        vi.setSystemTime(REPEATABLE_DATE);
+    });
+
+    afterAll(() => {
+        vi.setSystemTime(vi.getRealSystemTime());
+        vi.useRealTimers();
+    });
+
+    it("should return time string if date is within same day", () => {
+        const date = new Date(REPEATABLE_DATE.getTime() + 2 * HOUR_MS + 12 * MINUTE_MS);
+        // We use en-US for these tests because there was a change in Node 22.12 which removed
+        // the comma after the weekday for en-GB which makes the test output different things
+        // on different node versions. I'm not sure what a better fix would be, so let's just use
+        // a locale that happens to have a more stable formatting right now.
+        expect(formatDate(date, false, "en-US")).toMatchInlineSnapshot(`"19:10"`);
+    });
+
+    it("should return time string with weekday if date is within last 6 days", () => {
+        const date = new Date(REPEATABLE_DATE.getTime() - 6 * DAY_MS + 2 * HOUR_MS + 12 * MINUTE_MS);
+        expect(formatDate(date, false, "en-US")).toMatchInlineSnapshot(`"Fri 19:10"`);
+    });
+
+    it("should return time & date string without year if it is within the same year", () => {
+        const date = new Date(REPEATABLE_DATE.getTime() - 66 * DAY_MS + 2 * HOUR_MS + 12 * MINUTE_MS);
+        expect(formatDate(date, false, "en-US")).toMatchInlineSnapshot(`"Mon, Sep 12, 19:10"`);
+    });
+
+    it("should return full time & date string otherwise", () => {
+        const date = new Date(REPEATABLE_DATE.getTime() - 666 * DAY_MS + 2 * HOUR_MS + 12 * MINUTE_MS);
+        expect(formatDate(date, false, "en-US")).toMatchInlineSnapshot(`"Wed, Jan 20, 2021, 19:10"`);
+    });
+});
+
+describe("formatFullDateNoTime", () => {
+    it("should match given locale en-GB", () => {
+        expect(formatFullDateNoTime(REPEATABLE_DATE, "en-GB")).toMatchInlineSnapshot(`"Thu, 17 Nov 2022"`);
+    });
+});
+
+describe("formatFullDate", () => {
+    it("correctly formats with seconds", () => {
+        expect(formatFullDate(REPEATABLE_DATE, true, true, "en-GB")).toMatchInlineSnapshot(
+            `"Thu, 17 Nov 2022, 4:58:32 pm"`,
+        );
+    });
+    it("correctly formats without seconds", () => {
+        expect(formatFullDate(REPEATABLE_DATE, false, false, "en-GB")).toMatchInlineSnapshot(
+            `"Thu, 17 Nov 2022, 16:58"`,
+        );
+    });
+});
+
+describe("formatFullTime", () => {
+    it("correctly formats 12 hour mode", () => {
+        expect(formatFullTime(REPEATABLE_DATE, true, "en-GB")).toMatchInlineSnapshot(`"4:58:32 pm"`);
+    });
+    it("correctly formats 24 hour mode", () => {
+        expect(formatFullTime(REPEATABLE_DATE, false, "en-GB")).toMatchInlineSnapshot(`"16:58:32"`);
+    });
+});
+
+describe("formatTime", () => {
+    it("correctly formats 12 hour mode", () => {
+        expect(formatTime(REPEATABLE_DATE, true, "en-GB")).toMatchInlineSnapshot(`"4:58 pm"`);
+    });
+    it("correctly formats 24 hour mode", () => {
+        expect(formatTime(REPEATABLE_DATE, false, "en-GB")).toMatchInlineSnapshot(`"16:58"`);
+    });
+});
+
+describe("formatSeconds", () => {
+    it("correctly formats time with hours", () => {
+        expect(formatSeconds(60 * 60 * 3 + 60 * 31 + 55)).toBe("03:31:55");
+        expect(formatSeconds(60 * 60 * 3 + 60 * 0 + 55)).toBe("03:00:55");
+        expect(formatSeconds(60 * 60 * 3 + 60 * 31 + 0)).toBe("03:31:00");
+        expect(formatSeconds(-(60 * 60 * 3 + 60 * 31 + 0))).toBe("-03:31:00");
+    });
+
+    it("correctly formats time without hours", () => {
+        expect(formatSeconds(60 * 60 * 0 + 60 * 31 + 55)).toBe("31:55");
+        expect(formatSeconds(60 * 60 * 0 + 60 * 0 + 55)).toBe("00:55");
+        expect(formatSeconds(60 * 60 * 0 + 60 * 31 + 0)).toBe("31:00");
+        expect(formatSeconds(-(60 * 60 * 0 + 60 * 31 + 0))).toBe("-31:00");
+    });
+});
+
+describe("formatRelativeTime", () => {
+    beforeAll(() => {
+        vi.useFakeTimers();
+        // Tuesday, 2 November 2021 11:18:03 UTC
+        vi.setSystemTime(1635851883000);
+    });
+
+    afterAll(() => {
+        vi.setSystemTime(vi.getRealSystemTime());
+        vi.useRealTimers();
+    });
+
+    it("returns hour format for events created in the same day", () => {
+        // Tuesday, 2 November 2021 11:01:00 UTC
+        const date = new Date(2021, 10, 2, 11, 1, 23, 0);
+        expect(formatRelativeTime(date)).toBe("11:01");
+    });
+
+    it("returns month and day for events created less than 24h ago but on a different day", () => {
+        // Monday, 1 November 2021 23:01:00 UTC
+        const date = new Date(2021, 10, 1, 23, 1, 23, 0);
+        expect(formatRelativeTime(date)).toBe("Nov 1");
+    });
+
+    it("honours the hour format setting", () => {
+        const date = new Date(2021, 10, 2, 11, 1, 23, 0);
+        expect(formatRelativeTime(date)).toBe("11:01");
+        expect(formatRelativeTime(date, false)).toBe("11:01");
+        expect(formatRelativeTime(date, true)).toBe("11:01 AM");
+    });
+
+    it("returns month and day for events created in the current year", () => {
+        const date = new Date(1632567741000);
+        expect(formatRelativeTime(date, true)).toBe("Sep 25");
+    });
+
+    it("does not return a leading 0 for single digit days", () => {
+        const date = new Date(1635764541000);
+        expect(formatRelativeTime(date, true)).toBe("Nov 1");
+    });
+
+    it("appends the year for events created in previous years", () => {
+        const date = new Date(1604142141000);
+        expect(formatRelativeTime(date, true)).toBe("Oct 31, 2020");
+    });
+});
+
+describe("formatDuration()", () => {
+    type TestCase = [string, string, number];
+
+    const MINUTE_MS = 60000;
+    const HOUR_MS = MINUTE_MS * 60;
+
+    it.each<TestCase>([
+        ["rounds up to nearest day when more than 24h - 40 hours", "2d", 40 * HOUR_MS],
+        ["rounds down to nearest day when more than 24h - 26 hours", "1d", 26 * HOUR_MS],
+        ["24 hours", "1d", 24 * HOUR_MS],
+        ["rounds to nearest hour when less than 24h - 23h", "23h", 23 * HOUR_MS],
+        ["rounds to nearest hour when less than 24h - 6h and 10min", "6h", 6 * HOUR_MS + 10 * MINUTE_MS],
+        ["rounds to nearest hours when less than 24h", "2h", 2 * HOUR_MS + 124234],
+        ["rounds to nearest minute when less than 1h - 59 minutes", "59m", 59 * MINUTE_MS],
+        ["rounds to nearest minute when less than 1h -  1 minute", "1m", MINUTE_MS],
+        ["rounds to nearest second when less than 1min - 59 seconds", "59s", 59000],
+        ["rounds to 0 seconds when less than a second - 123ms", "0s", 123],
+    ])("%s formats to %s", (_description, expectedResult, input) => {
+        expect(formatDuration(input)).toEqual(expectedResult);
+    });
+});
+
+describe("formatPreciseDuration", () => {
+    const MINUTE_MS = 1000 * 60;
+    const HOUR_MS = MINUTE_MS * 60;
+    const DAY_MS = HOUR_MS * 24;
+
+    it.each<[string, string, number]>([
+        ["3 days, 6 hours, 48 minutes, 59 seconds", "3d 6h 48m 59s", 3 * DAY_MS + 6 * HOUR_MS + 48 * MINUTE_MS + 59000],
+        ["6 hours, 48 minutes, 59 seconds", "6h 48m 59s", 6 * HOUR_MS + 48 * MINUTE_MS + 59000],
+        ["48 minutes, 59 seconds", "48m 59s", 48 * MINUTE_MS + 59000],
+        ["59 seconds", "59s", 59000],
+        ["0 seconds", "0s", 0],
+    ])("%s formats to %s", (_description, expectedResult, input) => {
+        expect(formatPreciseDuration(input)).toEqual(expectedResult);
+    });
+});
+
+describe("formatFullDateNoDayISO", () => {
+    it("should return ISO format", () => {
+        expect(formatFullDateNoDayISO(REPEATABLE_DATE)).toEqual("2022-11-17T16:58:32.517Z");
+    });
+});
+
+describe("formatFullDateNoDayNoTime", () => {
+    it("should return a date formatted for en-GB locale", () => {
+        expect(formatFullDateNoDayNoTime(REPEATABLE_DATE, "en-GB")).toMatchInlineSnapshot(`"17/11/2022"`);
+    });
+});
+
+describe("formatTimeLeft", () => {
+    it.each([
+        [0, "0s left"],
+        [23, "23s left"],
+        [60 + 23, "1m 23s left"],
+        [60 * 60, "1h 0m 0s left"],
+        [60 * 60 + 23, "1h 0m 23s left"],
+        [5 * 60 * 60 + 7 * 60 + 23, "5h 7m 23s left"],
+    ])("should format %s to %s", (seconds: number, expected: string) => {
+        expect(formatTimeLeft(seconds)).toBe(expected);
+    });
+});
+
+describe("formatLocalDateShort()", () => {
+    afterAll(() => {
+        unmockIntlDateTimeFormat();
+    });
+    const timestamp = new Date("Fri Dec 17 2021 09:09:00 GMT+0100 (Central European Standard Time)").getTime();
+    it("formats date correctly by locale", () => {
+        const locale = vi.spyOn(languageSettings, "getUserLanguage");
+        mockIntlDateTimeFormat();
+
+        // format is DD/MM/YY
+        locale.mockReturnValue("en-GB");
+        expect(formatLocalDateShort(timestamp)).toEqual("17/12/21");
+
+        // US date format is MM/DD/YY
+        locale.mockReturnValue("en-US");
+        expect(formatLocalDateShort(timestamp)).toEqual("12/17/21");
+
+        locale.mockReturnValue("de-DE");
+        expect(formatLocalDateShort(timestamp)).toEqual("17.12.21");
+    });
+});
diff --git a/apps/web/src/DateUtils.ts b/apps/web/src/DateUtils.ts
new file mode 100644
index 00000000000..b9788ef1f15
--- /dev/null
+++ b/apps/web/src/DateUtils.ts
@@ -0,0 +1,324 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+Copyright 2017 Vector Creations 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.
+*/
+
+import { _t } from "./languageHandler";
+import { getUserLanguage } from "./i18n/settings";
+import { getUserTimezone } from "./TimezoneHandler";
+
+export { formatSeconds } from "@element-hq/web-shared-components";
+
+export const MINUTE_MS = 60000;
+export const HOUR_MS = MINUTE_MS * 60;
+export const DAY_MS = HOUR_MS * 24;
+
+/**
+ * Returns array of 7 weekday names, from Sunday to Saturday, internationalised to the user's language.
+ * @param weekday - format desired "short" | "long" | "narrow"
+ */
+export function getDaysArray(weekday: Intl.DateTimeFormatOptions["weekday"] = "short"): string[] {
+    const sunday = 1672574400000; // 2023-01-01 12:00 UTC
+    const dateTimeFormat = new Intl.DateTimeFormat(getUserLanguage(), { weekday, timeZone: "UTC" });
+    return [...Array(7).keys()].map((day) => dateTimeFormat.format(sunday + day * DAY_MS));
+}
+
+/**
+ * Returns array of 12 month names, from January to December, internationalised to the user's language.
+ * @param month - format desired "numeric" | "2-digit" | "long" | "short" | "narrow"
+ */
+export function getMonthsArray(month: Intl.DateTimeFormatOptions["month"] = "short"): string[] {
+    const dateTimeFormat = new Intl.DateTimeFormat(getUserLanguage(), { month, timeZone: "UTC" });
+    return [...Array(12).keys()].map((m) => dateTimeFormat.format(Date.UTC(2021, m)));
+}
+
+// XXX: Ideally we could just specify `hour12: boolean` but it has issues on Chrome in the `en` locale
+// https://support.google.com/chrome/thread/29828561?hl=en
+export function getTwelveHourOptions(showTwelveHour: boolean): Intl.DateTimeFormatOptions {
+    return {
+        hourCycle: showTwelveHour ? "h12" : "h23",
+    };
+}
+
+/**
+ * Formats a given date to a date & time string.
+ *
+ * The output format depends on how far away the given date is from now.
+ * Will use the browser's default time zone.
+ * If the date is today it will return a time string excluding seconds. See {@formatTime}.
+ * If the date is within the last 6 days it will return the name of the weekday along with the time string excluding seconds.
+ * If the date is within the same year then it will return the weekday, month and day of the month along with the time string excluding seconds.
+ * Otherwise, it will return a string representing the full date & time in a human friendly manner. See {@formatFullDate}.
+ * @param date - date object to format
+ * @param showTwelveHour - whether to use 12-hour rather than 24-hour time. Defaults to `false` (24 hour mode).
+ *        Overrides the default from the locale, whether `true` or `false`.
+ * @param locale - the locale string to use, in BCP 47 format, defaulting to user's selected application locale
+ */
+export function formatDate(date: Date, showTwelveHour = false, locale?: string): string {
+    const _locale = locale ?? getUserLanguage();
+    const now = new Date();
+    if (date.toDateString() === now.toDateString()) {
+        return formatTime(date, showTwelveHour, _locale);
+    } else if (now.getTime() - date.getTime() < 6 * DAY_MS) {
+        // Time is within the last 6 days (or in the future)
+        return new Intl.DateTimeFormat(_locale, {
+            ...getTwelveHourOptions(showTwelveHour),
+            weekday: "short",
+            hour: "numeric",
+            minute: "2-digit",
+            timeZone: getUserTimezone(),
+        }).format(date);
+    } else if (now.getFullYear() === date.getFullYear()) {
+        return new Intl.DateTimeFormat(_locale, {
+            ...getTwelveHourOptions(showTwelveHour),
+            weekday: "short",
+            month: "short",
+            day: "numeric",
+            hour: "numeric",
+            minute: "2-digit",
+            timeZone: getUserTimezone(),
+        }).format(date);
+    }
+    return formatFullDate(date, showTwelveHour, false, _locale);
+}
+
+/**
+ * Formats a given date to a human-friendly string with short weekday.
+ * Will use the browser's default time zone.
+ * @example "Thu, 17 Nov 2022" in en-GB locale
+ * @param date - date object to format
+ * @param locale - the locale string to use, in BCP 47 format, defaulting to user's selected application locale
+ */
+export function formatFullDateNoTime(date: Date, locale?: string): string {
+    return new Intl.DateTimeFormat(locale ?? getUserLanguage(), {
+        weekday: "short",
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+        timeZone: getUserTimezone(),
+    }).format(date);
+}
+
+/**
+ * Formats a given date to a date & time string, optionally including seconds.
+ * Will use the browser's default time zone.
+ * @example "Thu, 17 Nov 2022, 4:58:32 pm" in en-GB locale with showTwelveHour=true and showSeconds=true
+ * @param date - date object to format
+ * @param showTwelveHour - whether to use 12-hour rather than 24-hour time. Defaults to `false` (24 hour mode).
+ *        Overrides the default from the locale, whether `true` or `false`.
+ * @param showSeconds - whether to include seconds in the time portion of the string
+ * @param locale - the locale string to use, in BCP 47 format, defaulting to user's selected application locale
+ */
+export function formatFullDate(date: Date, showTwelveHour = false, showSeconds = true, locale?: string): string {
+    return new Intl.DateTimeFormat(locale ?? getUserLanguage(), {
+        ...getTwelveHourOptions(showTwelveHour),
+        weekday: "short",
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+        second: showSeconds ? "2-digit" : undefined,
+        timeZone: getUserTimezone(),
+    }).format(date);
+}
+
+/**
+ * Formats a given date to a time string including seconds.
+ * Will use the browser's default time zone.
+ * @example "4:58:32 PM" in en-GB locale with showTwelveHour=true
+ * @example "16:58:32" in en-GB locale with showTwelveHour=false
+ * @param date - date object to format
+ * @param showTwelveHour - whether to use 12-hour rather than 24-hour time. Defaults to `false` (24 hour mode).
+ *        Overrides the default from the locale, whether `true` or `false`.
+ * @param locale - the locale string to use, in BCP 47 format, defaulting to user's selected application locale
+ */
+export function formatFullTime(date: Date, showTwelveHour = false, locale?: string): string {
+    return new Intl.DateTimeFormat(locale ?? getUserLanguage(), {
+        ...getTwelveHourOptions(showTwelveHour),
+        hour: "numeric",
+        minute: "2-digit",
+        second: "2-digit",
+        timeZone: getUserTimezone(),
+    }).format(date);
+}
+
+/**
+ * Formats a given date to a time string excluding seconds.
+ * Will use the browser's default time zone.
+ * @example "4:58 PM" in en-GB locale with showTwelveHour=true
+ * @example "16:58" in en-GB locale with showTwelveHour=false
+ * @param date - date object to format
+ * @param showTwelveHour - whether to use 12-hour rather than 24-hour time. Defaults to `false` (24 hour mode).
+ *        Overrides the default from the locale, whether `true` or `false`.
+ * @param locale - the locale string to use, in BCP 47 format, defaulting to user's selected application locale
+ */
+export function formatTime(date: Date, showTwelveHour = false, locale?: string): string {
+    return new Intl.DateTimeFormat(locale ?? getUserLanguage(), {
+        ...getTwelveHourOptions(showTwelveHour),
+        hour: "numeric",
+        minute: "2-digit",
+        timeZone: getUserTimezone(),
+    }).format(date);
+}
+
+export function formatTimeLeft(inSeconds: number): string {
+    const hours = Math.floor(inSeconds / (60 * 60)).toFixed(0);
+    const minutes = Math.floor((inSeconds % (60 * 60)) / 60).toFixed(0);
+    const seconds = Math.floor((inSeconds % (60 * 60)) % 60).toFixed(0);
+
+    if (hours !== "0") {
+        return _t("time|hours_minutes_seconds_left", {
+            hours,
+            minutes,
+            seconds,
+        });
+    }
+
+    if (minutes !== "0") {
+        return _t("time|minutes_seconds_left", {
+            minutes,
+            seconds,
+        });
+    }
+
+    return _t("time|seconds_left", {
+        seconds,
+    });
+}
+
+function withinPast24Hours(prevDate: Date, nextDate: Date): boolean {
+    return Math.abs(prevDate.getTime() - nextDate.getTime()) <= DAY_MS;
+}
+
+function withinCurrentDay(prevDate: Date, nextDate: Date): boolean {
+    return withinPast24Hours(prevDate, nextDate) && prevDate.getDay() === nextDate.getDay();
+}
+
+function withinCurrentYear(prevDate: Date, nextDate: Date): boolean {
+    return prevDate.getFullYear() === nextDate.getFullYear();
+}
+
+export function wantsDateSeparator(prevEventDate: Date | undefined, nextEventDate: Date | undefined): boolean {
+    if (!nextEventDate || !prevEventDate) {
+        return false;
+    }
+    // Return early for events that are > 24h apart
+    if (!withinPast24Hours(prevEventDate, nextEventDate)) {
+        return true;
+    }
+
+    // Compare weekdays
+    return prevEventDate.getDay() !== nextEventDate.getDay();
+}
+
+export function formatFullDateNoDay(date: Date): string {
+    const locale = getUserLanguage();
+    return _t("time|date_at_time", {
+        date: date.toLocaleDateString(locale).replace(/\//g, "-"),
+        time: date.toLocaleTimeString(locale).replace(/:/g, "-"),
+    });
+}
+
+/**
+ * Returns an ISO date string without textual description of the date (ie: no "Wednesday" or similar)
+ * @param date The date to format.
+ * @returns The date string in ISO format.
+ */
+export function formatFullDateNoDayISO(date: Date): string {
+    return date.toISOString();
+}
+
+/**
+ * Formats a given date to a string.
+ * Will use the browser's default time zone.
+ * @example 17/11/2022 in en-GB locale
+ * @param date - date object to format
+ * @param locale - the locale string to use, in BCP 47 format, defaulting to user's selected application locale
+ */
+export function formatFullDateNoDayNoTime(date: Date, locale?: string): string {
+    return new Intl.DateTimeFormat(locale ?? getUserLanguage(), {
+        year: "numeric",
+        month: "numeric",
+        day: "numeric",
+        timeZone: getUserTimezone(),
+    }).format(date);
+}
+
+export function formatRelativeTime(date: Date, showTwelveHour = false): string {
+    const now = new Date();
+    if (withinCurrentDay(date, now)) {
+        return formatTime(date, showTwelveHour);
+    } else {
+        const months = getMonthsArray();
+        let relativeDate = `${months[date.getMonth()]} ${date.getDate()}`;
+
+        if (!withinCurrentYear(date, now)) {
+            relativeDate += `, ${date.getFullYear()}`;
+        }
+        return relativeDate;
+    }
+}
+
+/**
+ * Formats duration in ms to human-readable string
+ * Returns value in the biggest possible unit (day, hour, min, second)
+ * Rounds values up until unit threshold
+ * i.e. 23:13:57 -> 23h, 24:13:57 -> 1d, 44:56:56 -> 2d
+ */
+export function formatDuration(durationMs: number): string {
+    if (durationMs >= DAY_MS) {
+        return _t("time|short_days", { value: Math.round(durationMs / DAY_MS) });
+    }
+    if (durationMs >= HOUR_MS) {
+        return _t("time|short_hours", { value: Math.round(durationMs / HOUR_MS) });
+    }
+    if (durationMs >= MINUTE_MS) {
+        return _t("time|short_minutes", { value: Math.round(durationMs / MINUTE_MS) });
+    }
+    return _t("time|short_seconds", { value: Math.round(durationMs / 1000) });
+}
+
+/**
+ * Formats duration in ms to human-readable string
+ * Returns precise value down to the nearest second
+ * i.e. 23:13:57 -> 23h 13m 57s, 44:56:56 -> 1d 20h 56m 56s
+ */
+export function formatPreciseDuration(durationMs: number): string {
+    const days = Math.floor(durationMs / DAY_MS);
+    const hours = Math.floor((durationMs % DAY_MS) / HOUR_MS);
+    const minutes = Math.floor((durationMs % HOUR_MS) / MINUTE_MS);
+    const seconds = Math.floor((durationMs % MINUTE_MS) / 1000);
+
+    if (days > 0) {
+        return _t("time|short_days_hours_minutes_seconds", { days, hours, minutes, seconds });
+    }
+    if (hours > 0) {
+        return _t("time|short_hours_minutes_seconds", { hours, minutes, seconds });
+    }
+    if (minutes > 0) {
+        return _t("time|short_minutes_seconds", { minutes, seconds });
+    }
+    return _t("time|short_seconds", { value: seconds });
+}
+
+/**
+ * Formats a timestamp to a short date
+ * Similar to {@formatFullDateNoDayNoTime} but with 2-digit on day, month, year.
+ * @example 25/12/22 in en-GB locale
+ * @param timestamp - epoch timestamp
+ * @param locale - the locale string to use, in BCP 47 format, defaulting to user's selected application locale
+ * @returns {string} formattedDate
+ */
+export const formatLocalDateShort = (timestamp: number, locale?: string): string =>
+    new Intl.DateTimeFormat(locale ?? getUserLanguage(), {
+        day: "2-digit",
+        month: "2-digit",
+        year: "2-digit",
+        timeZone: getUserTimezone(),
+    }).format(timestamp);
diff --git a/apps/web/src/DecryptionFailureTracker.test.ts b/apps/web/src/DecryptionFailureTracker.test.ts
new file mode 100644
index 00000000000..c38fd8e6143
--- /dev/null
+++ b/apps/web/src/DecryptionFailureTracker.test.ts
@@ -0,0 +1,745 @@
+/*
+Copyright 2018-2024 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterEach, type Mocked, type MockedObject } from "vitest";
+import { HttpApiEvent, type MatrixClient, type MatrixEvent, MatrixEventEvent } from "matrix-js-sdk/src/matrix";
+import { decryptExistingEvent, mkDecryptionFailureMatrixEvent } from "matrix-js-sdk/src/testing";
+import {
+    type CryptoApi,
+    DecryptionFailureCode,
+    UserVerificationStatus,
+    CryptoEvent,
+} from "matrix-js-sdk/src/crypto-api";
+import { sleep } from "matrix-js-sdk/src/utils";
+import { stubClient } from "test-utils";
+
+import { DecryptionFailureTracker, type ErrorProperties } from "./DecryptionFailureTracker";
+import * as Lifecycle from "./Lifecycle";
+
+async function createFailedDecryptionEvent(opts: { sender?: string; code?: DecryptionFailureCode } = {}) {
+    return await mkDecryptionFailureMatrixEvent({
+        roomId: "!room:id",
+        sender: opts.sender ?? "@alice:example.com",
+        code: opts.code ?? DecryptionFailureCode.UNKNOWN_ERROR,
+        msg: ":(",
+    });
+}
+
+// wrap tracker.eventDecrypted so that we don't need to have so many `ts-ignore`s
+function eventDecrypted(tracker: DecryptionFailureTracker, e: MatrixEvent, nowTs: number): void {
+    // @ts-ignore access to private member
+    return tracker.eventDecrypted(e, nowTs);
+}
+
+describe("DecryptionFailureTracker", function () {
+    afterEach(() => {
+        localStorage.clear();
+    });
+
+    it("tracks a failed decryption for a visible event", async function () {
+        const failedDecryptionEvent = await createFailedDecryptionEvent();
+
+        let count = 0;
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            () => count++,
+            () => "UnknownError",
+            false,
+        );
+
+        tracker.addVisibleEvent(failedDecryptionEvent);
+        eventDecrypted(tracker, failedDecryptionEvent, Date.now());
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        // should track a failure for an event that failed decryption
+        expect(count).not.toBe(0);
+    });
+
+    it("tracks a failed decryption with expected raw error for a visible event", async function () {
+        const failedDecryptionEvent = await createFailedDecryptionEvent({
+            code: DecryptionFailureCode.OLM_UNKNOWN_MESSAGE_INDEX,
+        });
+
+        let count = 0;
+        let reportedRawCode = "";
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            (_errCode: string, rawCode: string) => {
+                count++;
+                reportedRawCode = rawCode;
+            },
+            () => "UnknownError",
+            false,
+        );
+
+        tracker.addVisibleEvent(failedDecryptionEvent);
+        eventDecrypted(tracker, failedDecryptionEvent, Date.now());
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        // should track a failure for an event that failed decryption
+        expect(count).not.toBe(0);
+
+        // Should add the rawCode to the event context
+        expect(reportedRawCode).toBe("OLM_UNKNOWN_MESSAGE_INDEX");
+    });
+
+    it("tracks a failed decryption for an event that becomes visible later", async function () {
+        const failedDecryptionEvent = await createFailedDecryptionEvent();
+
+        let count = 0;
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            () => count++,
+            () => "UnknownError",
+            false,
+        );
+
+        eventDecrypted(tracker, failedDecryptionEvent, Date.now());
+        tracker.addVisibleEvent(failedDecryptionEvent);
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        // should track a failure for an event that failed decryption
+        expect(count).not.toBe(0);
+    });
+
+    it("tracks visible vs. not visible events", async () => {
+        const propertiesByErrorCode: Record<string, ErrorProperties> = {};
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            (errorCode: string, rawError: string, properties: ErrorProperties) => {
+                propertiesByErrorCode[errorCode] = properties;
+            },
+            (error: string) => error,
+            false,
+        );
+
+        // use three different errors so that we can distinguish the reports
+        const error1 = DecryptionFailureCode.MEGOLM_UNKNOWN_INBOUND_SESSION_ID;
+        const error2 = DecryptionFailureCode.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE;
+        const error3 = DecryptionFailureCode.MEGOLM_KEY_WITHHELD;
+
+        // event that will be marked as visible before it's marked as undecryptable
+        const markedVisibleFirst = await createFailedDecryptionEvent({ code: error1 });
+        // event that will be marked as undecryptable before it's marked as visible
+        const markedUndecryptableFirst = await createFailedDecryptionEvent({ code: error2 });
+        // event that is never marked as visible
+        const neverVisible = await createFailedDecryptionEvent({ code: error3 });
+
+        tracker.addVisibleEvent(markedVisibleFirst);
+
+        const now = Date.now();
+        eventDecrypted(tracker, markedVisibleFirst, now);
+        eventDecrypted(tracker, markedUndecryptableFirst, now);
+        eventDecrypted(tracker, neverVisible, now);
+
+        tracker.addVisibleEvent(markedUndecryptableFirst);
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        expect(propertiesByErrorCode[error1].wasVisibleToUser).toBe(true);
+        expect(propertiesByErrorCode[error2].wasVisibleToUser).toBe(true);
+        expect(propertiesByErrorCode[error3].wasVisibleToUser).toBe(false);
+    });
+
+    it("does not track a failed decryption where the event is subsequently successfully decrypted", async () => {
+        const decryptedEvent = await createFailedDecryptionEvent();
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            () => {
+                // should not track an event that has since been decrypted correctly
+                expect(true).toBe(false);
+            },
+            () => "UnknownError",
+            false,
+        );
+
+        tracker.addVisibleEvent(decryptedEvent);
+        eventDecrypted(tracker, decryptedEvent, Date.now());
+
+        // Indicate successful decryption.
+        await decryptExistingEvent(decryptedEvent, {
+            plainType: "m.room.message",
+            plainContent: { body: "success" },
+        });
+        eventDecrypted(tracker, decryptedEvent, Date.now());
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+    });
+
+    it(
+        "does not track a failed decryption where the event is subsequently successfully decrypted " +
+            "and later becomes visible",
+        async () => {
+            const decryptedEvent = await createFailedDecryptionEvent();
+            // @ts-ignore access to private constructor
+            const tracker = new DecryptionFailureTracker(
+                () => {
+                    // should not track an event that has since been decrypted correctly
+                    expect(true).toBe(false);
+                },
+                () => "UnknownError",
+                false,
+            );
+
+            eventDecrypted(tracker, decryptedEvent, Date.now());
+
+            // Indicate successful decryption.
+            await decryptExistingEvent(decryptedEvent, {
+                plainType: "m.room.message",
+                plainContent: { body: "success" },
+            });
+            eventDecrypted(tracker, decryptedEvent, Date.now());
+
+            tracker.addVisibleEvent(decryptedEvent);
+
+            // Pretend "now" is Infinity
+            tracker.checkFailures(Infinity);
+        },
+    );
+
+    it("only tracks a single failure per event, despite multiple failed decryptions for multiple events", async () => {
+        const decryptedEvent = await createFailedDecryptionEvent();
+        const decryptedEvent2 = await createFailedDecryptionEvent();
+
+        let count = 0;
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            () => count++,
+            () => "UnknownError",
+            false,
+        );
+
+        tracker.addVisibleEvent(decryptedEvent);
+
+        // Arbitrary number of failed decryptions for both events
+        const now = Date.now();
+        eventDecrypted(tracker, decryptedEvent, now);
+        eventDecrypted(tracker, decryptedEvent, now);
+        eventDecrypted(tracker, decryptedEvent, now);
+        eventDecrypted(tracker, decryptedEvent, now);
+        eventDecrypted(tracker, decryptedEvent, now);
+        eventDecrypted(tracker, decryptedEvent2, now);
+        eventDecrypted(tracker, decryptedEvent2, now);
+        tracker.addVisibleEvent(decryptedEvent2);
+        eventDecrypted(tracker, decryptedEvent2, now);
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        // Simulated polling of `checkFailures`, an arbitrary number ( > 2 ) times
+        tracker.checkFailures(Infinity);
+        tracker.checkFailures(Infinity);
+
+        // should only track a single failure per event
+        expect(count).toBe(2);
+    });
+
+    it("should not track a failure for an event that was tracked previously", async () => {
+        const decryptedEvent = await createFailedDecryptionEvent();
+
+        let count = 0;
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            () => count++,
+            () => "UnknownError",
+        );
+        await tracker.start(mockClient());
+
+        tracker.addVisibleEvent(decryptedEvent);
+
+        // Indicate decryption
+        eventDecrypted(tracker, decryptedEvent, Date.now());
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        // Indicate a second decryption, after having tracked the failure
+        eventDecrypted(tracker, decryptedEvent, Date.now());
+        tracker.checkFailures(Infinity);
+
+        // should only track a single failure per event
+        expect(count).toBe(1);
+    });
+
+    it("should not report a failure for an event that was reported in a previous session", async () => {
+        const decryptedEvent = await createFailedDecryptionEvent();
+
+        let count = 0;
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            () => count++,
+            () => "UnknownError",
+        );
+        await tracker.start(mockClient());
+
+        tracker.addVisibleEvent(decryptedEvent);
+
+        // Indicate decryption
+        eventDecrypted(tracker, decryptedEvent, Date.now());
+
+        // Pretend "now" is Infinity
+        // NB: This saves to localStorage specific to DFT
+        tracker.checkFailures(Infinity);
+
+        // Simulate the browser refreshing by destroying tracker and creating a new tracker
+        // @ts-ignore access to private constructor
+        const secondTracker = new DecryptionFailureTracker(
+            () => count++,
+            () => "UnknownError",
+        );
+        await secondTracker.start(mockClient());
+
+        secondTracker.addVisibleEvent(decryptedEvent);
+
+        eventDecrypted(secondTracker, decryptedEvent, Date.now());
+        secondTracker.checkFailures(Infinity);
+
+        // should only track a single failure per event
+        expect(count).toBe(1);
+    });
+
+    it("should report a failure for an event that was tracked but not reported in a previous session", async () => {
+        const decryptedEvent = await createFailedDecryptionEvent();
+
+        let count = 0;
+
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            () => count++,
+            () => "UnknownError",
+        );
+        await tracker.start(mockClient());
+
+        tracker.addVisibleEvent(decryptedEvent);
+
+        // Indicate decryption
+        eventDecrypted(tracker, decryptedEvent, Date.now());
+
+        // we do *not* call `checkFailures` here
+        expect(count).toBe(0);
+
+        // Simulate the browser refreshing by destroying tracker and creating a new tracker
+        // @ts-ignore access to private constructor
+        const secondTracker = new DecryptionFailureTracker(
+            () => count++,
+            () => "UnknownError",
+        );
+        await secondTracker.start(mockClient());
+
+        secondTracker.addVisibleEvent(decryptedEvent);
+
+        eventDecrypted(secondTracker, decryptedEvent, Date.now());
+        secondTracker.checkFailures(Infinity);
+        expect(count).toBe(1);
+    });
+
+    it("should report a failure for an event that was reported before a logout/login cycle", async () => {
+        const decryptedEvent = await createFailedDecryptionEvent();
+
+        let count = 0;
+
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            () => count++,
+            () => "UnknownError",
+        );
+        await tracker.start(mockClient());
+
+        tracker.addVisibleEvent(decryptedEvent);
+
+        // Indicate decryption
+        eventDecrypted(tracker, decryptedEvent, Date.now());
+        tracker.checkFailures(Infinity);
+        expect(count).toBe(1);
+
+        // Simulate a logout/login cycle
+        await Lifecycle.onLoggedOut();
+        await tracker.start(mockClient());
+
+        tracker.addVisibleEvent(decryptedEvent);
+        eventDecrypted(tracker, decryptedEvent, Date.now());
+        tracker.checkFailures(Infinity);
+        expect(count).toBe(2);
+    });
+
+    it("should count different error codes separately for multiple failures with different error codes", async () => {
+        const counts: Record<string, number> = {};
+
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            (errorCode: string) => (counts[errorCode] = (counts[errorCode] || 0) + 1),
+            (error: DecryptionFailureCode) =>
+                error === DecryptionFailureCode.UNKNOWN_ERROR ? "UnknownError" : "OlmKeysNotSentError",
+            false,
+        );
+
+        const decryptedEvent1 = await createFailedDecryptionEvent({
+            code: DecryptionFailureCode.UNKNOWN_ERROR,
+        });
+        const decryptedEvent2 = await createFailedDecryptionEvent({
+            code: DecryptionFailureCode.MEGOLM_UNKNOWN_INBOUND_SESSION_ID,
+        });
+        const decryptedEvent3 = await createFailedDecryptionEvent({
+            code: DecryptionFailureCode.MEGOLM_UNKNOWN_INBOUND_SESSION_ID,
+        });
+
+        tracker.addVisibleEvent(decryptedEvent1);
+        tracker.addVisibleEvent(decryptedEvent2);
+        tracker.addVisibleEvent(decryptedEvent3);
+
+        // One failure of UNKNOWN_ERROR, and effectively two for MEGOLM_UNKNOWN_INBOUND_SESSION_ID
+        const now = Date.now();
+        eventDecrypted(tracker, decryptedEvent1, now);
+        eventDecrypted(tracker, decryptedEvent2, now);
+        eventDecrypted(tracker, decryptedEvent2, now);
+        eventDecrypted(tracker, decryptedEvent3, now);
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        //expect(counts['UnknownError']).toBe(1, 'should track one UnknownError');
+        expect(counts["OlmKeysNotSentError"]).toBe(2);
+    });
+
+    it("should aggregate error codes correctly", async () => {
+        const counts: Record<string, number> = {};
+
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            (errorCode: string) => (counts[errorCode] = (counts[errorCode] || 0) + 1),
+            (_errorCode: string) => "OlmUnspecifiedError",
+            false,
+        );
+
+        const decryptedEvent1 = await createFailedDecryptionEvent({
+            code: DecryptionFailureCode.MEGOLM_UNKNOWN_INBOUND_SESSION_ID,
+        });
+        const decryptedEvent2 = await createFailedDecryptionEvent({
+            code: DecryptionFailureCode.OLM_UNKNOWN_MESSAGE_INDEX,
+        });
+        const decryptedEvent3 = await createFailedDecryptionEvent({
+            code: DecryptionFailureCode.UNKNOWN_ERROR,
+        });
+
+        tracker.addVisibleEvent(decryptedEvent1);
+        tracker.addVisibleEvent(decryptedEvent2);
+        tracker.addVisibleEvent(decryptedEvent3);
+
+        const now = Date.now();
+        eventDecrypted(tracker, decryptedEvent1, now);
+        eventDecrypted(tracker, decryptedEvent2, now);
+        eventDecrypted(tracker, decryptedEvent3, now);
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        expect(counts["OlmUnspecifiedError"]).toBe(3);
+    });
+
+    it("should remap error codes correctly", async () => {
+        const counts: Record<string, number> = {};
+
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            (errorCode: string) => (counts[errorCode] = (counts[errorCode] || 0) + 1),
+            (errorCode: string) => Array.from(errorCode).reverse().join(""),
+            false,
+        );
+
+        const decryptedEvent = await createFailedDecryptionEvent({
+            code: DecryptionFailureCode.OLM_UNKNOWN_MESSAGE_INDEX,
+        });
+        tracker.addVisibleEvent(decryptedEvent);
+        eventDecrypted(tracker, decryptedEvent, Date.now());
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        // should track remapped error code
+        expect(counts["XEDNI_EGASSEM_NWONKNU_MLO"]).toBe(1);
+    });
+
+    it("default error code mapper maps error codes correctly", async () => {
+        const errorCodes: string[] = [];
+
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            (errorCode: string) => {
+                errorCodes.push(errorCode);
+            },
+            // @ts-ignore access to private member
+            DecryptionFailureTracker.instance.errorCodeMapFn,
+            false,
+        );
+
+        const now = Date.now();
+
+        async function createAndTrackEventWithError(code: DecryptionFailureCode) {
+            const event = await createFailedDecryptionEvent({ code });
+            tracker.addVisibleEvent(event);
+            eventDecrypted(tracker, event, now);
+            return event;
+        }
+
+        await createAndTrackEventWithError(DecryptionFailureCode.MEGOLM_UNKNOWN_INBOUND_SESSION_ID);
+        await createAndTrackEventWithError(DecryptionFailureCode.OLM_UNKNOWN_MESSAGE_INDEX);
+        await createAndTrackEventWithError(DecryptionFailureCode.HISTORICAL_MESSAGE_NO_KEY_BACKUP);
+        await createAndTrackEventWithError(DecryptionFailureCode.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED);
+        await createAndTrackEventWithError(DecryptionFailureCode.HISTORICAL_MESSAGE_WORKING_BACKUP);
+        await createAndTrackEventWithError(DecryptionFailureCode.HISTORICAL_MESSAGE_USER_NOT_JOINED);
+        await createAndTrackEventWithError(DecryptionFailureCode.MEGOLM_KEY_WITHHELD);
+        await createAndTrackEventWithError(DecryptionFailureCode.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE);
+        await createAndTrackEventWithError(DecryptionFailureCode.SENDER_IDENTITY_PREVIOUSLY_VERIFIED);
+        await createAndTrackEventWithError(DecryptionFailureCode.UNSIGNED_SENDER_DEVICE);
+        await createAndTrackEventWithError(DecryptionFailureCode.UNKNOWN_ERROR);
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        expect(errorCodes).toEqual([
+            "OlmKeysNotSentError",
+            "OlmIndexError",
+            "HistoricalMessage",
+            "HistoricalMessage",
+            "HistoricalMessage",
+            "ExpectedDueToMembership",
+            "OlmKeysNotSentError",
+            "RoomKeysWithheldForUnverifiedDevice",
+            "ExpectedVerificationViolation",
+            "ExpectedSentByInsecureDevice",
+            "UnknownError",
+        ]);
+    });
+
+    it("tracks late decryptions vs. undecryptable", async () => {
+        const propertiesByErrorCode: Record<string, ErrorProperties> = {};
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            (errorCode: string, rawError: string, properties: ErrorProperties) => {
+                propertiesByErrorCode[errorCode] = properties;
+            },
+            (error: string) => error,
+            false,
+        );
+
+        // use three different errors so that we can distinguish the reports
+        const error1 = DecryptionFailureCode.MEGOLM_UNKNOWN_INBOUND_SESSION_ID;
+        const error2 = DecryptionFailureCode.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE;
+        const error3 = DecryptionFailureCode.MEGOLM_KEY_WITHHELD;
+
+        // event that will be slow to decrypt
+        const lateDecryption = await createFailedDecryptionEvent({ code: error1 });
+        // event that will be so slow to decrypt, it gets counted as undecryptable
+        const veryLateDecryption = await createFailedDecryptionEvent({ code: error2 });
+        // event that never gets decrypted
+        const neverDecrypted = await createFailedDecryptionEvent({ code: error3 });
+
+        tracker.addVisibleEvent(lateDecryption);
+        tracker.addVisibleEvent(veryLateDecryption);
+        tracker.addVisibleEvent(neverDecrypted);
+
+        const now = Date.now();
+        eventDecrypted(tracker, lateDecryption, now);
+        eventDecrypted(tracker, veryLateDecryption, now);
+        eventDecrypted(tracker, neverDecrypted, now);
+
+        await decryptExistingEvent(lateDecryption, {
+            plainType: "m.room.message",
+            plainContent: { body: "success" },
+        });
+        await decryptExistingEvent(veryLateDecryption, {
+            plainType: "m.room.message",
+            plainContent: { body: "success" },
+        });
+        eventDecrypted(tracker, lateDecryption, now + 40000);
+        eventDecrypted(tracker, veryLateDecryption, now + 100000);
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        expect(propertiesByErrorCode[error1].timeToDecryptMillis).toEqual(40000);
+        expect(propertiesByErrorCode[error2].timeToDecryptMillis).toEqual(-1);
+        expect(propertiesByErrorCode[error3].timeToDecryptMillis).toEqual(-1);
+    });
+
+    it("listens for client events", async () => {
+        // Test that the decryption failure tracker registers the right event
+        // handlers on start, and unregisters them when the client logs out.
+        const client = mockClient();
+
+        let errorCount: number = 0;
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            (errorCode: string, rawError: string, properties: ErrorProperties) => {
+                errorCount++;
+            },
+            (error: string) => error,
+            false,
+        );
+
+        // Calling .start will start some intervals.  This test shouldn't run
+        // long enough for the timers to fire, but we'll use fake timers just
+        // to be safe.
+        vi.useFakeTimers();
+        await tracker.start(client);
+
+        // If the client fails to decrypt, it should get tracked
+        const failedDecryption = await createFailedDecryptionEvent();
+        client.emit(MatrixEventEvent.Decrypted, failedDecryption);
+
+        tracker.checkFailures(Infinity);
+
+        expect(errorCount).toEqual(1);
+
+        client.emit(HttpApiEvent.SessionLoggedOut, {} as any);
+
+        // After the client has logged out, we shouldn't be listening to events
+        // any more, so even if the client emits an event regarding a failed
+        // decryption, we won't track it.
+        const anotherFailedDecryption = await createFailedDecryptionEvent();
+        client.emit(MatrixEventEvent.Decrypted, anotherFailedDecryption);
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        expect(errorCount).toEqual(1);
+
+        vi.useRealTimers();
+    });
+
+    it("tracks client information", async () => {
+        const client = mockClient();
+        const propertiesByErrorCode: Record<string, ErrorProperties> = {};
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            (errorCode: string, rawError: string, properties: ErrorProperties) => {
+                propertiesByErrorCode[errorCode] = properties;
+            },
+            (error: string) => error,
+            false,
+        );
+
+        // @ts-ignore access to private method
+        await tracker.calculateClientProperties(client);
+        // @ts-ignore access to private method
+        await tracker.registerHandlers(client);
+
+        // use three different errors so that we can distinguish the reports
+        const error1 = DecryptionFailureCode.MEGOLM_UNKNOWN_INBOUND_SESSION_ID;
+        const error2 = DecryptionFailureCode.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE;
+        const error3 = DecryptionFailureCode.MEGOLM_KEY_WITHHELD;
+
+        // event from a federated user (@alice:example.com)
+        const federatedDecryption = await createFailedDecryptionEvent({
+            code: error1,
+        });
+        // event from a local user
+        const localDecryption = await createFailedDecryptionEvent({
+            sender: "@bob:matrix.org",
+            code: error2,
+        });
+
+        tracker.addVisibleEvent(federatedDecryption);
+        tracker.addVisibleEvent(localDecryption);
+
+        const now = Date.now();
+        eventDecrypted(tracker, federatedDecryption, now);
+
+        vi.mocked(client.getCrypto()!.getUserVerificationStatus).mockResolvedValue(
+            new UserVerificationStatus(true, true, false),
+        );
+        client.emit(CryptoEvent.KeysChanged, {});
+        await sleep(100);
+        eventDecrypted(tracker, localDecryption, now);
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        expect(propertiesByErrorCode[error1].isMatrixDotOrg).toBe(true);
+        expect(propertiesByErrorCode[error1].cryptoSDK).toEqual("Rust");
+
+        expect(propertiesByErrorCode[error1].isFederated).toBe(true);
+        expect(propertiesByErrorCode[error1].userTrustsOwnIdentity).toEqual(false);
+        expect(propertiesByErrorCode[error2].isFederated).toBe(false);
+        expect(propertiesByErrorCode[error2].userTrustsOwnIdentity).toEqual(true);
+
+        // change client params, and make sure the reports the right values
+        client.getDomain.mockReturnValue("example.com");
+        vi.mocked(client.getCrypto()!.getVersion).mockReturnValue("Olm 0.0.0");
+        // @ts-ignore access to private method
+        await tracker.calculateClientProperties(client);
+
+        const anotherFailure = await createFailedDecryptionEvent({
+            code: error3,
+        });
+        tracker.addVisibleEvent(anotherFailure);
+        eventDecrypted(tracker, anotherFailure, now);
+        tracker.checkFailures(Infinity);
+        expect(propertiesByErrorCode[error3].isMatrixDotOrg).toBe(false);
+        expect(propertiesByErrorCode[error3].cryptoSDK).toEqual("Legacy");
+    });
+
+    it("keeps the original timestamp after repeated decryption failures", async () => {
+        const failedDecryptionEvent = await createFailedDecryptionEvent();
+
+        let failure: ErrorProperties | undefined;
+        // @ts-ignore access to private constructor
+        const tracker = new DecryptionFailureTracker(
+            (errorCode: string, rawError: string, properties: ErrorProperties) => {
+                failure = properties;
+            },
+            () => "UnknownError",
+            false,
+        );
+
+        tracker.addVisibleEvent(failedDecryptionEvent);
+
+        const now = Date.now();
+        eventDecrypted(tracker, failedDecryptionEvent, now);
+        eventDecrypted(tracker, failedDecryptionEvent, now + 20000);
+        await decryptExistingEvent(failedDecryptionEvent, {
+            plainType: "m.room.message",
+            plainContent: { body: "success" },
+        });
+        eventDecrypted(tracker, failedDecryptionEvent, now + 50000);
+
+        // Pretend "now" is Infinity
+        tracker.checkFailures(Infinity);
+
+        // the time to decrypt should be relative to the first time we failed
+        // to decrypt, not the second
+        expect(failure?.timeToDecryptMillis).toEqual(50000);
+    });
+});
+
+function mockClient(): MockedObject<MatrixClient> {
+    const client = vi.mocked(stubClient());
+    const mockCrypto = {
+        getVersion: vi.fn().mockReturnValue("Rust SDK 0.7.0 (61b175b), Vodozemac 0.5.1"),
+        getUserVerificationStatus: vi.fn().mockResolvedValue(new UserVerificationStatus(false, false, false)),
+    } as unknown as Mocked<CryptoApi>;
+    client.getCrypto.mockReturnValue(mockCrypto);
+
+    // @ts-ignore
+    client.stopClient = vi.fn(() => {});
+    // @ts-ignore
+    client.removeAllListeners = vi.fn(() => {});
+
+    client.store = { destroy: vi.fn(() => {}) } as any;
+
+    return client;
+}
diff --git a/apps/web/src/DecryptionFailureTracker.ts b/apps/web/src/DecryptionFailureTracker.ts
new file mode 100644
index 00000000000..279622fe86d
--- /dev/null
+++ b/apps/web/src/DecryptionFailureTracker.ts
@@ -0,0 +1,434 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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 ScalableBloomFilter from "bloom-filters/dist/bloom/scalable-bloom-filter";
+import { HttpApiEvent, type MatrixClient, MatrixEventEvent, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { type Error as ErrorEvent } from "@matrix-org/analytics-events/types/typescript/Error";
+import { DecryptionFailureCode, CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+
+import { PosthogAnalytics } from "./PosthogAnalytics";
+import { MEGOLM_ENCRYPTION_ALGORITHM } from "./utils/crypto";
+
+/** The key that we use to store the `reportedEvents` bloom filter in localstorage */
+const DECRYPTION_FAILURE_STORAGE_KEY = "mx_decryption_failure_event_ids";
+
+export class DecryptionFailure {
+    /**
+     * The time between our initial failure to decrypt and our successful
+     * decryption (if we managed to decrypt).
+     */
+    public timeToDecryptMillis?: number;
+
+    public constructor(
+        public readonly failedEventId: string,
+        public readonly errorCode: DecryptionFailureCode,
+        /**
+         * The time that we failed to decrypt the event.  If we failed to decrypt
+         * multiple times, this will be the time of the first failure.
+         */
+        public readonly ts: number,
+        /**
+         * Is the sender on a different server from us?
+         */
+        public readonly isFederated: boolean | undefined,
+        /**
+         * Was the failed event ever visible to the user?
+         */
+        public wasVisibleToUser: boolean,
+        /**
+         * Has the user verified their own cross-signing identity, as of the most
+         * recent decryption attempt for this event?
+         */
+        public userTrustsOwnIdentity: boolean | undefined,
+    ) {}
+}
+
+type ErrorCode = ErrorEvent["name"];
+/** Properties associated with decryption errors, for classifying the error. */
+export type ErrorProperties = Omit<ErrorEvent, "eventName" | "domain" | "name" | "context">;
+type TrackingFn = (trackedErrCode: ErrorCode, rawError: string, properties: ErrorProperties) => void;
+export type ErrCodeMapFn = (errcode: DecryptionFailureCode) => ErrorCode;
+
+export class DecryptionFailureTracker {
+    private static internalInstance = new DecryptionFailureTracker(
+        (errorCode, rawError, properties) => {
+            const event: ErrorEvent = {
+                eventName: "Error",
+                domain: "E2EE",
+                name: errorCode,
+                context: `mxc_crypto_error_type_${rawError}`,
+                ...properties,
+            };
+            PosthogAnalytics.instance.trackEvent<ErrorEvent>(event);
+        },
+        (errorCode) => {
+            // Map JS-SDK error codes to tracker codes for aggregation
+            switch (errorCode) {
+                case DecryptionFailureCode.MEGOLM_UNKNOWN_INBOUND_SESSION_ID:
+                case DecryptionFailureCode.MEGOLM_KEY_WITHHELD:
+                    return "OlmKeysNotSentError";
+                case DecryptionFailureCode.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE:
+                    return "RoomKeysWithheldForUnverifiedDevice";
+                case DecryptionFailureCode.OLM_UNKNOWN_MESSAGE_INDEX:
+                    return "OlmIndexError";
+                case DecryptionFailureCode.HISTORICAL_MESSAGE_NO_KEY_BACKUP:
+                case DecryptionFailureCode.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED:
+                case DecryptionFailureCode.HISTORICAL_MESSAGE_WORKING_BACKUP:
+                    return "HistoricalMessage";
+                case DecryptionFailureCode.HISTORICAL_MESSAGE_USER_NOT_JOINED:
+                    return "ExpectedDueToMembership";
+                case DecryptionFailureCode.SENDER_IDENTITY_PREVIOUSLY_VERIFIED:
+                    return "ExpectedVerificationViolation";
+                case DecryptionFailureCode.UNSIGNED_SENDER_DEVICE:
+                    return "ExpectedSentByInsecureDevice";
+                default:
+                    return "UnknownError";
+            }
+        },
+    );
+
+    /** Map of event IDs to `DecryptionFailure` items.
+     *
+     * Every `CHECK_INTERVAL_MS`, this map is checked for failures that happened >
+     * `MAXIMUM_LATE_DECRYPTION_PERIOD` ago (considered undecryptable), or
+     * decryptions that took > `GRACE_PERIOD_MS` (considered late decryptions).
+     *
+     * Any such events are then reported via the `TrackingFn`.
+     */
+    public failures: Map<string, DecryptionFailure> = new Map();
+
+    /** Set of event IDs that have been visible to the user.
+     *
+     * This will only contain events that are not already in `reportedEvents`.
+     */
+    public visibleEvents: Set<string> = new Set();
+
+    /** Bloom filter tracking event IDs of failures that were reported previously */
+    private reportedEvents: ScalableBloomFilter = new ScalableBloomFilter();
+
+    /** Set to an interval ID when `start` is called */
+    public checkInterval: number | null = null;
+    public trackInterval: number | null = null;
+
+    /** Call `checkFailures` every `CHECK_INTERVAL_MS`. */
+    public static CHECK_INTERVAL_MS = 40000;
+
+    /** If the event is successfully decrypted in less than 4s, we don't report. */
+    public static GRACE_PERIOD_MS = 4000;
+
+    /** Maximum time for an event to be decrypted to be considered a late
+     * decryption.  If it takes longer, we consider it undecryptable. */
+    public static MAXIMUM_LATE_DECRYPTION_PERIOD = 60000;
+
+    /** Properties that will be added to all reported events (mainly reporting
+     * information about the Matrix client). */
+    private baseProperties?: ErrorProperties = {};
+
+    /** The user's domain (homeserver name). */
+    private userDomain?: string;
+
+    /** Whether the user has verified their own cross-signing keys. */
+    private userTrustsOwnIdentity: boolean | undefined = undefined;
+
+    /** Whether we are currently checking our own verification status. */
+    private checkingVerificationStatus: boolean = false;
+
+    /** Whether we should retry checking our own verification status after we're
+     * done our current check. i.e. we got notified that our keys changed while
+     * we were already checking, so the result could be out of date. */
+    private retryVerificationStatus: boolean = false;
+
+    /**
+     * Create a new DecryptionFailureTracker.
+     *
+     * Call `start(client)` to start the tracker.  The tracker will listen for
+     * decryption events on the client and track decryption failures, and will
+     * automatically stop tracking when the client logs out.
+     *
+     * @param {function} fn The tracking function, which will be called when failures
+     * are tracked. The function should have a signature `(trackedErrorCode, rawError, properties) => {...}`,
+     * where `errorCode` matches the output of `errorCodeMapFn`, `rawError` is the original
+     * error (that is, the input to `errorCodeMapFn`), and `properties` is a map of the
+     * error properties for classifying the error.
+     *
+     * @param {function} errorCodeMapFn The function used to map decryption failure reason  codes to the
+     * `trackedErrorCode`.
+     *
+     * @param {boolean} checkReportedEvents Check if we have already reported an event.
+     * Defaults to `true`. This is only used for tests, to avoid possible false positives from
+     * the Bloom filter. This should be set to `false` for all tests except for those
+     * that specifically test the `reportedEvents` functionality.
+     */
+    private constructor(
+        private readonly fn: TrackingFn,
+        private readonly errorCodeMapFn: ErrCodeMapFn,
+        private readonly checkReportedEvents: boolean = true,
+    ) {
+        if (!fn || typeof fn !== "function") {
+            throw new Error("DecryptionFailureTracker requires tracking function");
+        }
+
+        if (typeof errorCodeMapFn !== "function") {
+            throw new Error("DecryptionFailureTracker second constructor argument should be a function");
+        }
+    }
+
+    public static get instance(): DecryptionFailureTracker {
+        return DecryptionFailureTracker.internalInstance;
+    }
+
+    private loadReportedEvents(): void {
+        const storedFailures = localStorage.getItem(DECRYPTION_FAILURE_STORAGE_KEY);
+        if (storedFailures) {
+            this.reportedEvents = ScalableBloomFilter.fromJSON(JSON.parse(storedFailures));
+        } else {
+            this.reportedEvents = new ScalableBloomFilter();
+        }
+    }
+
+    private saveReportedEvents(): void {
+        localStorage.setItem(DECRYPTION_FAILURE_STORAGE_KEY, JSON.stringify(this.reportedEvents.saveAsJSON()));
+    }
+
+    /** Callback for when an event is decrypted.
+     *
+     * This function is called by our `MatrixEventEvent.Decrypted` event
+     * handler after a decryption attempt on an event, whether the decryption
+     * is successful or not.
+     *
+     * @param e the event that was decrypted
+     *
+     * @param nowTs the current timestamp
+     */
+    private eventDecrypted(e: MatrixEvent, nowTs: number): void {
+        // for now we only track megolm decryption failures
+        if (e.getWireContent().algorithm != MEGOLM_ENCRYPTION_ALGORITHM) {
+            return;
+        }
+        const errCode = e.decryptionFailureReason;
+        if (errCode === null) {
+            // Could be an event in the failures, remove it
+            this.removeDecryptionFailuresForEvent(e, nowTs);
+            return;
+        }
+
+        const eventId = e.getId()!;
+
+        // if it's already reported, we don't need to do anything
+        if (this.reportedEvents.has(eventId) && this.checkReportedEvents) {
+            return;
+        }
+
+        // if we already have a record of this event, use the previously-recorded timestamp
+        const failure = this.failures.get(eventId);
+        const ts = failure ? failure.ts : nowTs;
+
+        const sender = e.getSender();
+        const senderDomain = sender?.replace(/^.*?:/, "");
+        let isFederated: boolean | undefined;
+        if (this.userDomain !== undefined && senderDomain !== undefined) {
+            isFederated = this.userDomain !== senderDomain;
+        }
+
+        const wasVisibleToUser = this.visibleEvents.has(eventId);
+        this.failures.set(
+            eventId,
+            new DecryptionFailure(eventId, errCode, ts, isFederated, wasVisibleToUser, this.userTrustsOwnIdentity),
+        );
+    }
+
+    public addVisibleEvent(e: MatrixEvent): void {
+        const eventId = e.getId()!;
+
+        // if it's already reported, we don't need to do anything
+        if (this.reportedEvents.has(eventId) && this.checkReportedEvents) {
+            return;
+        }
+
+        // if we've already marked the event as a failure, mark it as visible
+        // in the failure object
+        const failure = this.failures.get(eventId);
+        if (failure) {
+            failure.wasVisibleToUser = true;
+        }
+
+        this.visibleEvents.add(eventId);
+    }
+
+    public removeDecryptionFailuresForEvent(e: MatrixEvent, nowTs: number): void {
+        const eventId = e.getId()!;
+        const failure = this.failures.get(eventId);
+        if (failure) {
+            this.failures.delete(eventId);
+
+            const timeToDecryptMillis = nowTs - failure.ts;
+            if (timeToDecryptMillis < DecryptionFailureTracker.GRACE_PERIOD_MS) {
+                // the event decrypted on time, so we don't need to report it
+                return;
+            } else if (timeToDecryptMillis <= DecryptionFailureTracker.MAXIMUM_LATE_DECRYPTION_PERIOD) {
+                // The event is a late decryption, so store the time it took.
+                // If the time to decrypt is longer than
+                // MAXIMUM_LATE_DECRYPTION_PERIOD, we consider the event as
+                // undecryptable, and leave timeToDecryptMillis undefined
+                failure.timeToDecryptMillis = timeToDecryptMillis;
+            }
+            this.reportFailure(failure);
+        }
+    }
+
+    private async handleKeysChanged(client: MatrixClient): Promise<void> {
+        if (this.checkingVerificationStatus) {
+            // Flag that we'll need to do another check once the current check completes.
+            this.retryVerificationStatus = true;
+            return;
+        }
+
+        this.checkingVerificationStatus = true;
+        try {
+            do {
+                this.retryVerificationStatus = false;
+                this.userTrustsOwnIdentity = (
+                    await client.getCrypto()!.getUserVerificationStatus(client.getUserId()!)
+                ).isCrossSigningVerified();
+            } while (this.retryVerificationStatus);
+        } finally {
+            this.checkingVerificationStatus = false;
+        }
+    }
+
+    /**
+     * Start checking for and tracking failures.
+     */
+    public async start(client: MatrixClient): Promise<void> {
+        this.loadReportedEvents();
+        await this.calculateClientProperties(client);
+        this.registerHandlers(client);
+        this.checkInterval = window.setInterval(
+            () => this.checkFailures(Date.now()),
+            DecryptionFailureTracker.CHECK_INTERVAL_MS,
+        );
+    }
+
+    private async calculateClientProperties(client: MatrixClient): Promise<void> {
+        const baseProperties: ErrorProperties = {};
+        this.baseProperties = baseProperties;
+
+        this.userDomain = client.getDomain() ?? undefined;
+        if (this.userDomain === "matrix.org") {
+            baseProperties.isMatrixDotOrg = true;
+        } else if (this.userDomain !== undefined) {
+            baseProperties.isMatrixDotOrg = false;
+        }
+
+        const crypto = client.getCrypto();
+        if (crypto) {
+            const version = crypto.getVersion();
+            if (version.startsWith("Rust SDK")) {
+                baseProperties.cryptoSDK = "Rust";
+            } else {
+                baseProperties.cryptoSDK = "Legacy";
+            }
+            this.userTrustsOwnIdentity = (
+                await crypto.getUserVerificationStatus(client.getUserId()!)
+            ).isCrossSigningVerified();
+        }
+    }
+
+    private registerHandlers(client: MatrixClient): void {
+        // After the client attempts to decrypt an event, we examine it to see
+        // if it needs to be reported.
+        const decryptedHandler = (e: MatrixEvent): void => this.eventDecrypted(e, Date.now());
+        // When our keys change, we check if the cross-signing keys are now trusted.
+        const keysChangedHandler = (): void => {
+            this.handleKeysChanged(client).catch((e) => {
+                console.log("Error handling KeysChanged event", e);
+            });
+        };
+        // When logging out, remove our handlers and destroy state
+        const loggedOutHandler = (): void => {
+            client.removeListener(MatrixEventEvent.Decrypted, decryptedHandler);
+            client.removeListener(CryptoEvent.KeysChanged, keysChangedHandler);
+            client.removeListener(HttpApiEvent.SessionLoggedOut, loggedOutHandler);
+            this.stop();
+        };
+
+        client.on(MatrixEventEvent.Decrypted, decryptedHandler);
+        client.on(CryptoEvent.KeysChanged, keysChangedHandler);
+        client.on(HttpApiEvent.SessionLoggedOut, loggedOutHandler);
+    }
+
+    /**
+     * Clear state and stop checking for and tracking failures.
+     */
+    public stop(): void {
+        if (this.checkInterval) clearInterval(this.checkInterval);
+        if (this.trackInterval) clearInterval(this.trackInterval);
+
+        this.userTrustsOwnIdentity = undefined;
+        this.failures = new Map();
+        this.visibleEvents = new Set();
+    }
+
+    /**
+     * Mark failures as undecryptable or late. Only mark one failure per event ID.
+     *
+     * @param {number} nowTs the timestamp that represents the time now.
+     */
+    public checkFailures(nowTs: number): void {
+        const failuresNotReady: Map<string, DecryptionFailure> = new Map();
+        for (const [eventId, failure] of this.failures) {
+            if (
+                failure.timeToDecryptMillis !== undefined ||
+                nowTs > failure.ts + DecryptionFailureTracker.MAXIMUM_LATE_DECRYPTION_PERIOD
+            ) {
+                // we report failures under two conditions:
+                // - if `timeToDecryptMillis` is set, we successfully decrypted
+                //   the event, but we got the key late.  We report it so that we
+                //   have the late decrytion stats.
+                // - we haven't decrypted yet and it's past the time for it to be
+                //   considered a "late" decryption, so we count it as
+                //   undecryptable.
+                this.reportFailure(failure);
+            } else {
+                // the event isn't old enough, so we still need to keep track of it
+                failuresNotReady.set(eventId, failure);
+            }
+        }
+        this.failures = failuresNotReady;
+
+        this.saveReportedEvents();
+    }
+
+    /**
+     * If there are failures that should be tracked, call the given trackDecryptionFailure
+     * function with the failures that should be tracked.
+     */
+    private reportFailure(failure: DecryptionFailure): void {
+        const errorCode = failure.errorCode;
+        const trackedErrorCode = this.errorCodeMapFn(errorCode);
+        const properties: ErrorProperties = {
+            timeToDecryptMillis: failure.timeToDecryptMillis ?? -1,
+            wasVisibleToUser: failure.wasVisibleToUser,
+        };
+        if (failure.isFederated !== undefined) {
+            properties.isFederated = failure.isFederated;
+        }
+        if (failure.userTrustsOwnIdentity !== undefined) {
+            properties.userTrustsOwnIdentity = failure.userTrustsOwnIdentity;
+        }
+        if (this.baseProperties) {
+            Object.assign(properties, this.baseProperties);
+        }
+        this.fn(trackedErrorCode, errorCode, properties);
+
+        this.reportedEvents.add(failure.failedEventId);
+        // once we've added it to reportedEvents, we won't check
+        // visibleEvents for it any more
+        this.visibleEvents.delete(failure.failedEventId);
+    }
+}
diff --git a/apps/web/src/DeviceListener.test.ts b/apps/web/src/DeviceListener.test.ts
new file mode 100644
index 00000000000..325d3cd8d65
--- /dev/null
+++ b/apps/web/src/DeviceListener.test.ts
@@ -0,0 +1,1486 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, type Mocked } from "vitest";
+import {
+    MatrixEvent,
+    type Room,
+    type MatrixClient,
+    Device,
+    ClientStoppedError,
+    ClientEvent,
+} from "matrix-js-sdk/src/matrix";
+import {
+    CryptoEvent,
+    type CrossSigningStatus,
+    type CryptoApi,
+    DeviceVerificationStatus,
+    type KeyBackupInfo,
+    type SecretStorageStatus,
+} from "matrix-js-sdk/src/crypto-api";
+import { type CryptoSessionStateChange } from "@matrix-org/analytics-events/types/typescript/CryptoSessionStateChange";
+import { getMockClientWithEventEmitter, mockPlatformPeg } from "test-utils";
+
+import {
+    DeviceListener,
+    ACCOUNT_DATA_KEY_M_KEY_BACKUP,
+    ACCOUNT_DATA_KEY_M_KEY_BACKUP_DISABLED_UNSTABLE,
+    RECOVERY_ACCOUNT_DATA_KEY,
+} from "./device-listener";
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import * as SetupEncryptionToast from "./toasts/SetupEncryptionToast";
+import * as UnverifiedSessionToast from "./toasts/UnverifiedSessionToast";
+import * as BulkUnverifiedSessionsToast from "./toasts/BulkUnverifiedSessionsToast";
+import { isSecretStorageBeingAccessed } from "./SecurityManager";
+import { Action } from "./dispatcher/actions";
+import SettingsStore from "./settings/SettingsStore";
+import { SettingLevel } from "./settings/SettingLevel";
+import { isBulkUnverifiedDeviceReminderSnoozed } from "./utils/device/snoozeBulkUnverifiedDeviceReminder";
+import { PosthogAnalytics } from "./PosthogAnalytics";
+
+vi.mock("./dispatcher/dispatcher", () => ({
+    default: {
+        dispatch: vi.fn(),
+        register: vi.fn(),
+        unregister: vi.fn(),
+    },
+}));
+
+vi.mock("./SecurityManager", () => ({
+    isSecretStorageBeingAccessed: vi.fn(),
+    accessSecretStorage: vi.fn(),
+}));
+
+vi.mock("./utils/device/snoozeBulkUnverifiedDeviceReminder", () => ({
+    isBulkUnverifiedDeviceReminderSnoozed: vi.fn(),
+}));
+
+const userId = "@user:server";
+const deviceId = "my-device-id";
+const flushPromises = async () => await new Promise(process.nextTick);
+
+const readySecretStorageStatus: SecretStorageStatus = {
+    ready: true,
+    defaultKeyId: "00",
+    secretStorageKeyValidityMap: {},
+};
+
+const unreadySecretStorageStatus: SecretStorageStatus = {
+    ready: false,
+    defaultKeyId: null,
+    secretStorageKeyValidityMap: {},
+};
+
+describe("DeviceListener", () => {
+    let mockClient: Mocked<MatrixClient>;
+    let mockCrypto: Mocked<CryptoApi>;
+
+    beforeEach(() => {
+        vi.resetAllMocks();
+
+        // don't litter the console with logs
+        vi.spyOn(console, "debug").mockImplementation(() => {});
+        vi.spyOn(console, "info").mockImplementation(() => {});
+        vi.spyOn(console, "warn").mockImplementation(() => {});
+        vi.spyOn(console, "error").mockImplementation(() => {});
+
+        // spy on various toasts' hide and show functions
+        // easier than mocking
+        vi.spyOn(SetupEncryptionToast, "showToast").mockReturnValue(undefined);
+        vi.spyOn(SetupEncryptionToast, "hideToast").mockReturnValue(undefined);
+        vi.spyOn(BulkUnverifiedSessionsToast, "showToast").mockReturnValue(undefined);
+        vi.spyOn(BulkUnverifiedSessionsToast, "hideToast").mockReturnValue(undefined);
+        vi.spyOn(UnverifiedSessionToast, "showToast").mockResolvedValue(undefined);
+        vi.spyOn(UnverifiedSessionToast, "hideToast").mockReturnValue(undefined);
+
+        mockPlatformPeg({
+            getAppVersion: vi.fn().mockResolvedValue("1.2.3"),
+        });
+        mockCrypto = {
+            getDeviceVerificationStatus: vi.fn().mockResolvedValue({
+                crossSigningVerified: false,
+            }),
+            getUserDeviceInfo: vi.fn().mockResolvedValue(new Map()),
+            isCrossSigningReady: vi.fn().mockResolvedValue(true),
+            getSecretStorageStatus: vi.fn().mockResolvedValue(readySecretStorageStatus),
+            userHasCrossSigningKeys: vi.fn(),
+            getActiveSessionBackupVersion: vi.fn(),
+            getCrossSigningStatus: vi.fn().mockReturnValue({
+                publicKeysOnDevice: true,
+                privateKeysInSecretStorage: true,
+                privateKeysCachedLocally: {
+                    masterKey: true,
+                    selfSigningKey: true,
+                    userSigningKey: true,
+                },
+            }),
+            getSessionBackupPrivateKey: vi.fn(),
+            isEncryptionEnabledInRoom: vi.fn(),
+            getKeyBackupInfo: vi.fn().mockResolvedValue(null),
+        } as unknown as Mocked<CryptoApi>;
+        mockClient = getMockClientWithEventEmitter({
+            isGuest: vi.fn(),
+            getUserId: vi.fn().mockReturnValue(userId),
+            getSafeUserId: vi.fn().mockReturnValue(userId),
+            getRooms: vi.fn().mockReturnValue([]),
+            isVersionSupported: vi.fn().mockResolvedValue(true),
+            isInitialSyncComplete: vi.fn().mockReturnValue(true),
+            isKeyBackupKeyStored: vi.fn(),
+            waitForClientWellKnown: vi.fn(),
+            getClientWellKnown: vi.fn(),
+            getDeviceId: vi.fn().mockReturnValue(deviceId),
+            setAccountData: vi.fn(),
+            getAccountData: vi.fn(),
+            getAccountDataFromServer: vi.fn(),
+            deleteAccountData: vi.fn(),
+            getCrypto: vi.fn().mockReturnValue(mockCrypto),
+            secretStorage: {
+                isStored: vi.fn().mockReturnValue(null),
+            },
+        });
+        vi.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        vi.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        vi.mocked(isBulkUnverifiedDeviceReminderSnoozed).mockClear().mockReturnValue(false);
+    });
+
+    const createAndStart = async (): Promise<DeviceListener> => {
+        const instance = new DeviceListener();
+        instance.start(mockClient);
+        await flushPromises();
+        return instance;
+    };
+
+    describe("client information", () => {
+        it("watches device client information setting", async () => {
+            const watchSettingSpy = vi.spyOn(SettingsStore, "watchSetting");
+            const unwatchSettingSpy = vi.spyOn(SettingsStore, "unwatchSetting");
+            const deviceListener = await createAndStart();
+
+            expect(watchSettingSpy).toHaveBeenCalledWith("deviceClientInformationOptIn", null, expect.any(Function));
+
+            deviceListener.stop();
+
+            expect(unwatchSettingSpy).toHaveBeenCalled();
+        });
+
+        it("responds to KeyBackupDecryptionKeyCached events", async () => {
+            // Given a Device Listener
+            const recheck = vi.fn();
+            const deviceListener = await createAndStart();
+            deviceListener.recheck = recheck;
+
+            // When a KeyBackupDecryptionKeyCached event happens
+            mockClient.emit(CryptoEvent.KeyBackupDecryptionKeyCached, "3");
+
+            // Then we rechecked the device information
+            expect(recheck).toHaveBeenCalled();
+
+            // And when we stop our device listener
+            const removeListener = vi.fn(() => {});
+            // @ts-ignore overwriting with a mock
+            mockClient.removeListener = removeListener;
+            deviceListener.stop();
+
+            // Then it should stop listening
+            expect(removeListener).toHaveBeenCalledWith(CryptoEvent.KeyBackupDecryptionKeyCached, expect.any(Function));
+        });
+
+        describe("when device client information feature is enabled", () => {
+            beforeEach(() => {
+                vi.spyOn(SettingsStore, "getValue").mockImplementation(
+                    (settingName) => settingName === "deviceClientInformationOptIn",
+                );
+            });
+            it("saves client information on start", async () => {
+                await createAndStart();
+
+                expect(mockClient!.setAccountData).toHaveBeenCalledWith(
+                    `io.element.matrix_client_information.${deviceId}`,
+                    { name: "Element", url: "localhost", version: "1.2.3" },
+                );
+            });
+
+            it("catches error and logs when saving client information fails", async () => {
+                const error = new Error("oups");
+                mockClient!.setAccountData.mockRejectedValue(error);
+
+                // doesn't throw
+                await createAndStart();
+
+                expect(console.error).toHaveBeenCalledWith(
+                    "DeviceListener:",
+                    "Failed to update client information",
+                    error,
+                );
+            });
+
+            it("saves client information on logged in action", async () => {
+                const instance = await createAndStart();
+
+                mockClient!.setAccountData.mockClear();
+
+                // @ts-ignore calling private function
+                instance.onAction({ action: Action.OnLoggedIn });
+
+                await flushPromises();
+
+                expect(mockClient!.setAccountData).toHaveBeenCalledWith(
+                    `io.element.matrix_client_information.${deviceId}`,
+                    { name: "Element", url: "localhost", version: "1.2.3" },
+                );
+            });
+        });
+
+        describe("when device client information feature is disabled", () => {
+            const clientInfoEvent = new MatrixEvent({
+                type: `io.element.matrix_client_information.${deviceId}`,
+                content: { name: "hello" },
+            });
+            const emptyClientInfoEvent = new MatrixEvent({ type: `io.element.matrix_client_information.${deviceId}` });
+            beforeEach(() => {
+                vi.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+
+                mockClient!.getAccountData.mockReturnValue(undefined);
+            });
+
+            it("does not save client information on start", async () => {
+                await createAndStart();
+
+                expect(mockClient!.setAccountData).not.toHaveBeenCalled();
+            });
+
+            it("removes client information on start if it exists", async () => {
+                mockClient!.getAccountData.mockReturnValue(clientInfoEvent);
+                await createAndStart();
+
+                expect(mockClient!.deleteAccountData).toHaveBeenCalledWith(
+                    `io.element.matrix_client_information.${deviceId}`,
+                );
+            });
+
+            it("does not try to remove client info event that are already empty", async () => {
+                mockClient!.getAccountData.mockReturnValue(emptyClientInfoEvent);
+                await createAndStart();
+
+                expect(mockClient!.deleteAccountData).not.toHaveBeenCalled();
+            });
+
+            it("does not save client information on logged in action", async () => {
+                const instance = await createAndStart();
+
+                // @ts-ignore calling private function
+                instance.onAction({ action: Action.OnLoggedIn });
+
+                await flushPromises();
+
+                expect(mockClient!.setAccountData).not.toHaveBeenCalled();
+            });
+
+            it("saves client information after setting is enabled", async () => {
+                const watchSettingSpy = vi.spyOn(SettingsStore, "watchSetting");
+                await createAndStart();
+
+                const [settingName, roomId, callback] = watchSettingSpy.mock.calls[0];
+                expect(settingName).toEqual("deviceClientInformationOptIn");
+                expect(roomId).toBeNull();
+
+                callback("deviceClientInformationOptIn", null, SettingLevel.DEVICE, SettingLevel.DEVICE, true);
+
+                await flushPromises();
+
+                expect(mockClient!.setAccountData).toHaveBeenCalledWith(
+                    `io.element.matrix_client_information.${deviceId}`,
+                    { name: "Element", url: "localhost", version: "1.2.3" },
+                );
+            });
+        });
+    });
+
+    describe("recheck", () => {
+        it("does nothing when crypto is not enabled", async () => {
+            mockClient!.getCrypto.mockReturnValue(undefined);
+            await createAndStart();
+
+            expect(mockCrypto!.isCrossSigningReady).not.toHaveBeenCalled();
+        });
+
+        it("does nothing when initial sync is not complete", async () => {
+            mockClient!.isInitialSyncComplete.mockReturnValue(false);
+            await createAndStart();
+
+            expect(mockCrypto!.isCrossSigningReady).not.toHaveBeenCalled();
+        });
+
+        it("correctly handles the client being stopped", async () => {
+            mockCrypto!.isCrossSigningReady.mockImplementation(() => {
+                throw new ClientStoppedError();
+            });
+            await createAndStart();
+            expect(console.error).not.toHaveBeenCalled();
+        });
+
+        it("shows no error if key backup is disabled", async () => {
+            // Given backup is disabled but recovery is not disabled
+
+            // @ts-ignore implementing a function with complex return type
+            mockClient!.getAccountDataFromServer.mockImplementation(async (key) => {
+                if (key === ACCOUNT_DATA_KEY_M_KEY_BACKUP_DISABLED_UNSTABLE) {
+                    return { disabled: true };
+                } else if (key == ACCOUNT_DATA_KEY_M_KEY_BACKUP) {
+                    return { enabled: false };
+                } else if (key === RECOVERY_ACCOUNT_DATA_KEY) {
+                    return null;
+                } else {
+                    throw new Error(`Unexpected account data query: ${key}`);
+                }
+            });
+
+            // And backup uploads are not active
+            mockCrypto!.getActiveSessionBackupVersion.mockResolvedValue(null);
+
+            // And the current device is trusted
+            mockCrypto!.getDeviceVerificationStatus.mockResolvedValue(
+                new DeviceVerificationStatus({
+                    trustCrossSignedDevices: true,
+                    crossSigningVerified: true,
+                }),
+            );
+
+            // And recovery is not OK (i.e. it is enabled but not ready)
+            mockCrypto!.getSecretStorageStatus.mockResolvedValue(unreadySecretStorageStatus);
+
+            // When we check whether we are in a good state
+            await createAndStart();
+
+            // Then we are fine: no toasts displayed, because recovery being in
+            // a bad state is not important if backups are disabled.
+            expect(SetupEncryptionToast.showToast).not.toHaveBeenCalled();
+            expect(SetupEncryptionToast.hideToast).toHaveBeenCalled();
+        });
+
+        it("correctly handles other errors", async () => {
+            mockCrypto!.isCrossSigningReady.mockImplementation(() => {
+                throw new Error("blah");
+            });
+            await createAndStart();
+            expect(console.error).toHaveBeenCalledTimes(1);
+        });
+
+        describe("set up encryption", () => {
+            const rooms = [{ roomId: "!room1" }, { roomId: "!room2" }] as unknown as Room[];
+
+            beforeEach(() => {
+                mockCrypto!.isCrossSigningReady.mockResolvedValue(false);
+                mockCrypto!.getSecretStorageStatus.mockResolvedValue(unreadySecretStorageStatus);
+                mockClient!.getRooms.mockReturnValue(rooms);
+                vi.spyOn(mockClient.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+            });
+
+            it("hides setup encryption toast when it is dismissed", async () => {
+                const instance = await createAndStart();
+                expect(SetupEncryptionToast.showToast).toHaveBeenCalled();
+
+                instance.dismissEncryptionSetup();
+                await flushPromises();
+                expect(SetupEncryptionToast.hideToast).toHaveBeenCalled();
+            });
+
+            it("re-shows toast after two days", async () => {
+                const instance = await createAndStart();
+                expect(SetupEncryptionToast.showToast).toHaveBeenCalledTimes(1);
+
+                vi.useFakeTimers();
+                instance.dismissEncryptionSetup();
+                await flushPromises();
+                expect(SetupEncryptionToast.hideToast).toHaveBeenCalled();
+
+                // 1.5 days after the toast was dismissed, we don't re-show the
+                // toast yet.
+                vi.advanceTimersByTime(1.5 * 24 * 60 * 60 * 1000);
+                expect(SetupEncryptionToast.showToast).toHaveBeenCalledTimes(1);
+
+                // 2 days after the toast was dismissed, we re-show the toast.
+                vi.advanceTimersByTime(0.5 * 24 * 60 * 60 * 1000);
+                expect(SetupEncryptionToast.showToast).toHaveBeenCalledTimes(2);
+                vi.useRealTimers();
+            });
+
+            it("doesn't re-show toast if the device is now verified", async () => {
+                const instance = await createAndStart();
+                expect(SetupEncryptionToast.showToast).toHaveBeenCalledTimes(1);
+
+                vi.useFakeTimers();
+                instance.dismissEncryptionSetup();
+                await flushPromises();
+                expect(SetupEncryptionToast.hideToast).toHaveBeenCalled();
+
+                // If the device becomes verified before the end of two days, we
+                // don't re-show the toast.
+                mockCrypto!.getDeviceVerificationStatus.mockResolvedValue(
+                    new DeviceVerificationStatus({
+                        trustCrossSignedDevices: true,
+                        crossSigningVerified: true,
+                    }),
+                );
+                instance.recheck();
+                await flushPromises();
+                vi.advanceTimersByTime(2 * 24 * 60 * 60 * 1000);
+                expect(SetupEncryptionToast.showToast).toHaveBeenCalledTimes(1);
+                vi.useRealTimers();
+            });
+
+            it("does not show any toasts when secret storage is being accessed", async () => {
+                vi.mocked(isSecretStorageBeingAccessed).mockReturnValue(true);
+                await createAndStart();
+
+                expect(SetupEncryptionToast.showToast).not.toHaveBeenCalled();
+            });
+
+            it("shows toasts even when no rooms are encrypted", async () => {
+                vi.spyOn(mockClient.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(false);
+                await createAndStart();
+
+                expect(SetupEncryptionToast.showToast).toHaveBeenCalled();
+            });
+
+            it("shows verify session toast when account has cross signing", async () => {
+                mockCrypto!.isCrossSigningReady.mockResolvedValue(true);
+                await createAndStart();
+
+                expect(mockCrypto!.getUserDeviceInfo).toHaveBeenCalled();
+                expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith("verify_this_session");
+            });
+
+            describe("when current device is verified", () => {
+                beforeEach(() => {
+                    mockCrypto!.isCrossSigningReady.mockResolvedValue(true);
+
+                    // current device is verified
+                    mockCrypto!.getDeviceVerificationStatus.mockResolvedValue(
+                        new DeviceVerificationStatus({
+                            trustCrossSignedDevices: true,
+                            crossSigningVerified: true,
+                        }),
+                    );
+                });
+
+                it("hides setup encryption toast when cross signing and secret storage are ready", async () => {
+                    mockCrypto!.getSecretStorageStatus.mockResolvedValue(readySecretStorageStatus);
+                    mockCrypto!.getActiveSessionBackupVersion.mockResolvedValue("1");
+
+                    await createAndStart();
+                    expect(SetupEncryptionToast.hideToast).toHaveBeenCalled();
+                });
+
+                it("shows an out-of-sync toast when one of the cross-signing secrets is missing locally", async () => {
+                    mockCrypto!.getCrossSigningStatus.mockResolvedValue({
+                        publicKeysOnDevice: true,
+                        privateKeysInSecretStorage: true,
+                        privateKeysCachedLocally: {
+                            masterKey: false,
+                            selfSigningKey: true,
+                            userSigningKey: true,
+                        },
+                    });
+
+                    await createAndStart();
+
+                    expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith("key_storage_out_of_sync");
+                });
+
+                it("shows an identity reset toast when one of the cross-signing secrets is missing locally and in 4S", async () => {
+                    mockCrypto!.getCrossSigningStatus.mockResolvedValue({
+                        publicKeysOnDevice: true,
+                        privateKeysInSecretStorage: false,
+                        privateKeysCachedLocally: {
+                            masterKey: false,
+                            selfSigningKey: true,
+                            userSigningKey: true,
+                        },
+                    });
+
+                    await createAndStart();
+
+                    expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith("identity_needs_reset");
+                });
+
+                it("shows an out-of-sync toast when the backup key is missing locally", async () => {
+                    mockCrypto!.getSecretStorageStatus.mockResolvedValue(readySecretStorageStatus);
+                    mockCrypto!.getActiveSessionBackupVersion.mockResolvedValue("1");
+                    mockCrypto!.getSessionBackupPrivateKey.mockResolvedValue(null);
+
+                    await createAndStart();
+
+                    expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith("key_storage_out_of_sync");
+                });
+
+                it("does not show an out-of-sync toast when the backup key is missing locally but backup is purposely disabled", async () => {
+                    mockCrypto!.getSecretStorageStatus.mockResolvedValue(readySecretStorageStatus);
+                    mockCrypto!.getSessionBackupPrivateKey.mockResolvedValue(null);
+                    mockKeyBackupFromServer(mockClient, false);
+
+                    await createAndStart();
+
+                    expect(SetupEncryptionToast.hideToast).toHaveBeenCalled();
+                });
+
+                it("hides the out-of-sync toast after we receive the missing secrets", async () => {
+                    mockCrypto!.getSecretStorageStatus.mockResolvedValue(readySecretStorageStatus);
+                    mockCrypto!.getActiveSessionBackupVersion.mockResolvedValue("1");
+
+                    // First show the toast
+                    mockCrypto!.getCrossSigningStatus.mockResolvedValue({
+                        publicKeysOnDevice: true,
+                        privateKeysInSecretStorage: true,
+                        privateKeysCachedLocally: {
+                            masterKey: false,
+                            selfSigningKey: true,
+                            userSigningKey: true,
+                        },
+                    });
+
+                    await createAndStart();
+
+                    expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith("key_storage_out_of_sync");
+
+                    // Then, when we receive the secret, it should be hidden.
+                    mockCrypto!.getCrossSigningStatus.mockResolvedValue({
+                        publicKeysOnDevice: true,
+                        privateKeysInSecretStorage: true,
+                        privateKeysCachedLocally: {
+                            masterKey: true,
+                            selfSigningKey: true,
+                            userSigningKey: true,
+                        },
+                    });
+
+                    mockClient.emit(ClientEvent.ToDeviceEvent, new MatrixEvent({ type: "m.secret.send" }));
+                    await flushPromises();
+                    expect(SetupEncryptionToast.hideToast).toHaveBeenCalled();
+                });
+
+                it("shows set up recovery toast when user has a key backup available", async () => {
+                    // non falsy response
+                    mockCrypto.getKeyBackupInfo.mockResolvedValue({} as unknown as KeyBackupInfo);
+                    mockCrypto.getActiveSessionBackupVersion.mockResolvedValue("1");
+                    mockCrypto.getSecretStorageStatus.mockResolvedValue(unreadySecretStorageStatus);
+
+                    await createAndStart();
+
+                    expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith("set_up_recovery");
+                });
+
+                it("shows an out-of-sync toast when one of the secrets is missing from 4S", async () => {
+                    mockCrypto.getKeyBackupInfo.mockResolvedValue({} as unknown as KeyBackupInfo);
+                    mockCrypto.getActiveSessionBackupVersion.mockResolvedValue("1");
+                    mockCrypto!.getSecretStorageStatus.mockResolvedValue({
+                        ready: false,
+                        defaultKeyId: "foo",
+                        secretStorageKeyValidityMap: {},
+                    });
+
+                    await createAndStart();
+
+                    expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith("key_storage_out_of_sync");
+                });
+            });
+        });
+
+        describe("key backup status", () => {
+            it("checks keybackup status when cross signing and secret storage are ready", async () => {
+                // Given our device is verified
+                mockCrypto.getDeviceVerificationStatus.mockResolvedValue({
+                    crossSigningVerified: true,
+                } as any as DeviceVerificationStatus);
+
+                // When we check the current device
+                await createAndStart();
+
+                // Then we get to the code that checks the active session backup
+                expect(mockCrypto.getActiveSessionBackupVersion).toHaveBeenCalled();
+            });
+
+            it("does not check keybackup status when setup encryption toast has been dismissed", async () => {
+                // Given our device is not verified (this is the default in the mock)
+
+                // And we have run the checks once (and we were told to verify)
+                const instance = await createAndStart();
+                expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith("verify_this_session");
+                vi.mocked(SetupEncryptionToast.showToast).mockClear();
+                mockCrypto.getDeviceVerificationStatus.mockClear();
+
+                // When we dismiss the dialog telling us to set up encryption
+                instance.dismissEncryptionSetup();
+                await flushPromises();
+
+                // Then we have rechecked, but stopped when we found the device was not verified
+                expect(mockCrypto.getDeviceVerificationStatus).toHaveBeenCalled();
+                expect(SetupEncryptionToast.showToast).not.toHaveBeenCalled();
+            });
+
+            it("does not check key backup status again after check is complete", async () => {
+                // Given our device is verified
+                mockCrypto.getDeviceVerificationStatus.mockResolvedValue({
+                    crossSigningVerified: true,
+                } as any as DeviceVerificationStatus);
+
+                // And our active backup version is 1
+                mockCrypto.getActiveSessionBackupVersion.mockResolvedValue("1");
+
+                // And we have run the checks once: no toast was shown and we
+                // checked the backup version
+                const instance = await createAndStart();
+                expect(SetupEncryptionToast.showToast).not.toHaveBeenCalled();
+                expect(mockCrypto.getActiveSessionBackupVersion).toHaveBeenCalled();
+                mockCrypto.getActiveSessionBackupVersion.mockClear();
+
+                // When we check again
+                instance.recheck();
+                await flushPromises();
+
+                // Then we didn't re-call getActiveSessionBackupVersion
+                expect(mockCrypto.getActiveSessionBackupVersion).not.toHaveBeenCalled();
+            });
+        });
+
+        it("sets backup_disabled account data when we call recordKeyBackupDisabled", async () => {
+            const instance = await createAndStart();
+            await instance.recordKeyBackupDisabled();
+
+            expect(mockClient.setAccountData).toHaveBeenCalledWith("m.org.matrix.custom.backup_disabled", {
+                disabled: true,
+            });
+
+            expect(mockClient.setAccountData).toHaveBeenCalledWith("m.key_backup", {
+                enabled: false,
+            });
+        });
+
+        it("sets the recovery account data when we call recordRecoveryDisabled", async () => {
+            const instance = await createAndStart();
+            await instance.recordRecoveryDisabled();
+
+            expect(mockClient.setAccountData).toHaveBeenCalledWith("io.element.recovery", {
+                enabled: false,
+            });
+        });
+
+        describe("when crypto is in use and set up", () => {
+            beforeEach(() => {
+                // Encryption is in use
+                mockClient.getRooms.mockReturnValue([{ roomId: "!room1" }, { roomId: "!room2" }] as unknown as Room[]);
+                vi.spyOn(mockClient.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+
+                // The device is verified
+                mockCrypto.getDeviceVerificationStatus.mockResolvedValue(
+                    new DeviceVerificationStatus({ crossSigningVerified: true }),
+                );
+            });
+
+            describe("but key storage is off", () => {
+                beforeEach(() => {
+                    // There is no active key backup/storage
+                    mockCrypto.getActiveSessionBackupVersion.mockResolvedValue(null);
+                });
+
+                it("shows the 'Turn on key storage' toast if we never explicitly turned off key storage", async () => {
+                    // Given key backup is off but the account data saying we turned it off is not set
+                    // (m.key_backup or m.org.matrix.custom.backup_disabled)
+                    mockClient.getAccountData.mockReturnValue(undefined);
+
+                    // When we launch the DeviceListener
+                    await createAndStart();
+
+                    // Then the toast is displayed
+                    expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith("turn_on_key_storage");
+                });
+
+                it("shows the 'Turn on key storage' toast if we turned on key storage", async () => {
+                    // Given key backup is off but the account data says we turned it on (this should not happen - the
+                    // account data should only be updated if we turn on key storage)
+                    mockClient.getAccountData.mockImplementation((eventType) => {
+                        switch (eventType) {
+                            case ACCOUNT_DATA_KEY_M_KEY_BACKUP:
+                                return new MatrixEvent({ content: { enabled: true } });
+                            case ACCOUNT_DATA_KEY_M_KEY_BACKUP_DISABLED_UNSTABLE:
+                                return new MatrixEvent({ content: { disabled: false } });
+                            default:
+                                return undefined;
+                        }
+                    });
+
+                    // When we launch the DeviceListener
+                    await createAndStart();
+
+                    // Then the toast is displayed
+                    expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith("turn_on_key_storage");
+                });
+
+                it("does not show the 'Turn on key storage' toast if we turned off key storage", async () => {
+                    // Given key backup is off but the account data saying we turned it off is set
+                    mockKeyBackupFromServer(mockClient, false);
+
+                    // When we launch the DeviceListener
+                    await createAndStart();
+
+                    // Then the toast is not displayed
+                    expect(SetupEncryptionToast.showToast).not.toHaveBeenCalledWith("turn_on_key_storage");
+                });
+            });
+
+            describe("and key storage is on", () => {
+                beforeEach(() => {
+                    // There is an active key backup/storage
+                    mockCrypto.getActiveSessionBackupVersion.mockResolvedValue("1");
+                });
+
+                it("does not show the 'Turn on key storage' toast if we never explicitly turned off key storage", async () => {
+                    // Given key backup is on and the account data saying we turned it off is not set
+                    mockClient.getAccountData.mockReturnValue(undefined);
+
+                    // When we launch the DeviceListener
+                    await createAndStart();
+
+                    // Then the toast is not displayed
+                    expect(SetupEncryptionToast.showToast).not.toHaveBeenCalledWith("turn_on_key_storage");
+                });
+
+                it("does not show the 'Turn on key storage' toast if we turned on key storage", async () => {
+                    // Given key backup is on and the account data says we turned it on
+                    mockClient.getAccountData.mockImplementation((eventType) => {
+                        switch (eventType) {
+                            case ACCOUNT_DATA_KEY_M_KEY_BACKUP:
+                                return new MatrixEvent({ content: { enabled: true } });
+                            case ACCOUNT_DATA_KEY_M_KEY_BACKUP_DISABLED_UNSTABLE:
+                                return new MatrixEvent({ content: { disabled: false } });
+                            default:
+                                return undefined;
+                        }
+                    });
+
+                    // When we launch the DeviceListener
+                    await createAndStart();
+
+                    // Then the toast is not displayed
+                    expect(SetupEncryptionToast.showToast).not.toHaveBeenCalledWith("turn_on_key_storage");
+                });
+
+                it("does not show the 'Turn on key storage' toast if we turned off key storage", async () => {
+                    // Given key backup is on but the account data saying we turned it off is set (this should never
+                    // happen - it should only be set when we turn off key storage or dismiss the toast)
+                    mockClient.getAccountData.mockImplementation((eventType) => {
+                        switch (eventType) {
+                            case ACCOUNT_DATA_KEY_M_KEY_BACKUP:
+                                return new MatrixEvent({ content: { enabled: false } });
+                            case ACCOUNT_DATA_KEY_M_KEY_BACKUP_DISABLED_UNSTABLE:
+                                return new MatrixEvent({ content: { disabled: true } });
+                            default:
+                                return undefined;
+                        }
+                    });
+
+                    // When we launch the DeviceListener
+                    await createAndStart();
+
+                    // Then the toast is not displayed
+                    expect(SetupEncryptionToast.showToast).not.toHaveBeenCalledWith("turn_on_key_storage");
+                });
+            });
+        });
+
+        describe("unverified sessions toasts", () => {
+            const currentDevice = new Device({ deviceId, userId: userId, algorithms: [], keys: new Map() });
+            const device2 = new Device({ deviceId: "d2", userId: userId, algorithms: [], keys: new Map() });
+            const device3 = new Device({ deviceId: "d3", userId: userId, algorithms: [], keys: new Map() });
+
+            const deviceTrustVerified = new DeviceVerificationStatus({ crossSigningVerified: true });
+            const deviceTrustUnverified = new DeviceVerificationStatus({});
+
+            beforeEach(() => {
+                mockCrypto!.isCrossSigningReady.mockResolvedValue(true);
+                mockCrypto!.getUserDeviceInfo.mockResolvedValue(
+                    new Map([[userId, new Map([currentDevice, device2, device3].map((d) => [d.deviceId, d]))]]),
+                );
+                // all devices verified by default
+                mockCrypto!.getDeviceVerificationStatus.mockResolvedValue(deviceTrustVerified);
+                mockClient!.deviceId = currentDevice.deviceId;
+            });
+
+            describe("bulk unverified sessions toasts", () => {
+                it("hides toast when cross signing is not ready", async () => {
+                    mockCrypto!.isCrossSigningReady.mockResolvedValue(false);
+                    await createAndStart();
+                    expect(BulkUnverifiedSessionsToast.hideToast).toHaveBeenCalled();
+                    expect(BulkUnverifiedSessionsToast.showToast).not.toHaveBeenCalled();
+                });
+
+                it("hides toast when all devices at app start are verified", async () => {
+                    await createAndStart();
+                    expect(BulkUnverifiedSessionsToast.hideToast).toHaveBeenCalled();
+                    expect(BulkUnverifiedSessionsToast.showToast).not.toHaveBeenCalled();
+                });
+
+                it("hides toast when current device is unverified", async () => {
+                    // device2 verified, current and device3 unverified
+                    mockCrypto!.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
+                        switch (deviceId) {
+                            case device2.deviceId:
+                                return deviceTrustVerified;
+                            default:
+                                return deviceTrustUnverified;
+                        }
+                    });
+                    await createAndStart();
+                    expect(BulkUnverifiedSessionsToast.hideToast).toHaveBeenCalled();
+                    expect(BulkUnverifiedSessionsToast.showToast).not.toHaveBeenCalled();
+                });
+
+                it("hides toast when reminder is snoozed", async () => {
+                    vi.mocked(isBulkUnverifiedDeviceReminderSnoozed).mockReturnValue(true);
+                    // currentDevice, device2 are verified, device3 is unverified
+                    mockCrypto!.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
+                        switch (deviceId) {
+                            case currentDevice.deviceId:
+                            case device2.deviceId:
+                                return deviceTrustVerified;
+                            default:
+                                return deviceTrustUnverified;
+                        }
+                    });
+                    await createAndStart();
+                    expect(BulkUnverifiedSessionsToast.showToast).not.toHaveBeenCalled();
+                    expect(BulkUnverifiedSessionsToast.hideToast).toHaveBeenCalled();
+                });
+
+                it("shows toast with unverified devices at app start", async () => {
+                    // currentDevice, device2 are verified, device3 is unverified
+                    mockCrypto!.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
+                        switch (deviceId) {
+                            case currentDevice.deviceId:
+                            case device2.deviceId:
+                                return deviceTrustVerified;
+                            default:
+                                return deviceTrustUnverified;
+                        }
+                    });
+                    await createAndStart();
+                    expect(BulkUnverifiedSessionsToast.showToast).toHaveBeenCalledWith(
+                        new Set<string>([device3.deviceId]),
+                    );
+                    expect(BulkUnverifiedSessionsToast.hideToast).not.toHaveBeenCalled();
+                });
+
+                it("hides toast when unverified sessions at app start have been dismissed", async () => {
+                    // currentDevice, device2 are verified, device3 is unverified
+                    mockCrypto!.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
+                        switch (deviceId) {
+                            case currentDevice.deviceId:
+                            case device2.deviceId:
+                                return deviceTrustVerified;
+                            default:
+                                return deviceTrustUnverified;
+                        }
+                    });
+                    const instance = await createAndStart();
+                    expect(BulkUnverifiedSessionsToast.showToast).toHaveBeenCalledWith(
+                        new Set<string>([device3.deviceId]),
+                    );
+
+                    await instance.otherDevices?.dismissUnverifiedSessions([device3.deviceId]);
+                    await flushPromises();
+
+                    expect(BulkUnverifiedSessionsToast.hideToast).toHaveBeenCalled();
+                });
+
+                it("hides toast when unverified sessions are added after app start", async () => {
+                    // currentDevice, device2 are verified, device3 is unverified
+                    mockCrypto!.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
+                        switch (deviceId) {
+                            case currentDevice.deviceId:
+                            case device2.deviceId:
+                                return deviceTrustVerified;
+                            default:
+                                return deviceTrustUnverified;
+                        }
+                    });
+                    mockCrypto!.getUserDeviceInfo.mockResolvedValue(
+                        new Map([[userId, new Map([currentDevice, device2].map((d) => [d.deviceId, d]))]]),
+                    );
+                    await createAndStart();
+
+                    expect(BulkUnverifiedSessionsToast.hideToast).toHaveBeenCalled();
+
+                    // add an unverified device
+                    mockCrypto!.getUserDeviceInfo.mockResolvedValue(
+                        new Map([[userId, new Map([currentDevice, device2, device3].map((d) => [d.deviceId, d]))]]),
+                    );
+                    // trigger a recheck
+                    mockClient!.emit(CryptoEvent.DevicesUpdated, [userId], false);
+                    await flushPromises();
+
+                    // bulk unverified sessions toast only shown for devices that were
+                    // there at app start
+                    // individual nags are shown for new unverified devices
+                    expect(BulkUnverifiedSessionsToast.hideToast).toHaveBeenCalledTimes(2);
+                    expect(BulkUnverifiedSessionsToast.showToast).not.toHaveBeenCalled();
+                });
+            });
+        });
+
+        describe("Report verification and recovery state to Analytics", () => {
+            let setPropertySpy: Mocked<PosthogAnalytics["setProperty"]>;
+            let trackEventSpy: Mocked<PosthogAnalytics["trackEvent"]>;
+
+            beforeEach(() => {
+                setPropertySpy = vi.spyOn(PosthogAnalytics.instance, "setProperty");
+                trackEventSpy = vi.spyOn(PosthogAnalytics.instance, "trackEvent");
+            });
+
+            describe("Report crypto verification state to analytics", () => {
+                type VerificationTestCases = [string, Partial<DeviceVerificationStatus>, "Verified" | "NotVerified"];
+
+                const testCases: VerificationTestCases[] = [
+                    [
+                        "Identity trusted and device is signed by owner",
+                        {
+                            signedByOwner: true,
+                            crossSigningVerified: true,
+                        },
+                        "Verified",
+                    ],
+                    [
+                        "Identity is trusted, but device is not signed",
+                        {
+                            signedByOwner: false,
+                            crossSigningVerified: true,
+                        },
+                        "NotVerified",
+                    ],
+                    [
+                        "Identity is not trusted, device not signed",
+                        {
+                            signedByOwner: false,
+                            crossSigningVerified: false,
+                        },
+                        "NotVerified",
+                    ],
+                    [
+                        "Identity is not trusted, and device signed",
+                        {
+                            signedByOwner: true,
+                            crossSigningVerified: false,
+                        },
+                        "NotVerified",
+                    ],
+                ];
+
+                beforeEach(() => {
+                    mockCrypto!.getSecretStorageStatus.mockResolvedValue(unreadySecretStorageStatus);
+                });
+
+                it.each(testCases)("Does report session verification state when %s", async (_, status, expected) => {
+                    mockCrypto!.getDeviceVerificationStatus.mockResolvedValue(status as DeviceVerificationStatus);
+                    await createAndStart();
+
+                    // Should have updated user properties
+                    expect(setPropertySpy).toHaveBeenCalledWith("verificationState", expected);
+
+                    // Should have reported a status change event
+                    const expectedTrackedEvent: CryptoSessionStateChange = {
+                        eventName: "CryptoSessionState",
+                        verificationState: expected,
+                        recoveryState: "Disabled",
+                    };
+                    expect(trackEventSpy).toHaveBeenCalledWith(expectedTrackedEvent);
+                });
+
+                it("should not report a status event if no changes", async () => {
+                    mockCrypto!.getDeviceVerificationStatus.mockResolvedValue({
+                        signedByOwner: true,
+                        crossSigningVerified: true,
+                    } as unknown as DeviceVerificationStatus);
+
+                    await createAndStart();
+
+                    const expectedTrackedEvent: CryptoSessionStateChange = {
+                        eventName: "CryptoSessionState",
+                        verificationState: "Verified",
+                        recoveryState: "Disabled",
+                    };
+                    expect(trackEventSpy).toHaveBeenCalledTimes(1);
+                    expect(trackEventSpy).toHaveBeenCalledWith(expectedTrackedEvent);
+
+                    // simulate a recheck
+                    mockClient.emit(CryptoEvent.DevicesUpdated, [userId], false);
+                    await flushPromises();
+                    expect(trackEventSpy).toHaveBeenCalledTimes(1);
+
+                    // Now simulate a change
+                    mockCrypto!.getDeviceVerificationStatus.mockResolvedValue({
+                        signedByOwner: false,
+                        crossSigningVerified: true,
+                    } as unknown as DeviceVerificationStatus);
+
+                    // simulate a recheck
+                    mockClient.emit(CryptoEvent.DevicesUpdated, [userId], false);
+                    await flushPromises();
+                    expect(trackEventSpy).toHaveBeenCalledTimes(2);
+                });
+            });
+
+            describe("Report crypto recovery state to analytics", () => {
+                beforeEach(() => {
+                    // During all these tests we want verification state to be verified.
+                    mockCrypto!.getDeviceVerificationStatus.mockResolvedValue({
+                        signedByOwner: true,
+                        crossSigningVerified: true,
+                    } as unknown as DeviceVerificationStatus);
+                });
+
+                describe("When Room Key Backup is not enabled", () => {
+                    beforeEach(() => {
+                        // no backup
+                        mockCrypto.getKeyBackupInfo.mockResolvedValue(null);
+                    });
+
+                    it("Should report recovery state as Enabled", async () => {
+                        // 4S is enabled
+                        mockCrypto!.getSecretStorageStatus.mockResolvedValue(readySecretStorageStatus);
+
+                        // Session trusted and cross signing secrets in 4S and stored locally
+                        mockCrypto!.getCrossSigningStatus.mockResolvedValue({
+                            publicKeysOnDevice: true,
+                            privateKeysInSecretStorage: true,
+                            privateKeysCachedLocally: {
+                                masterKey: true,
+                                selfSigningKey: true,
+                                userSigningKey: true,
+                            },
+                        });
+
+                        await createAndStart();
+
+                        // Should have updated user properties
+                        expect(setPropertySpy).toHaveBeenCalledWith("verificationState", "Verified");
+                        expect(setPropertySpy).toHaveBeenCalledWith("recoveryState", "Enabled");
+
+                        // Should have reported a status change event
+                        const expectedTrackedEvent: CryptoSessionStateChange = {
+                            eventName: "CryptoSessionState",
+                            verificationState: "Verified",
+                            recoveryState: "Enabled",
+                        };
+                        expect(trackEventSpy).toHaveBeenCalledWith(expectedTrackedEvent);
+                    });
+
+                    it("Should report recovery state as Incomplete if secrets not cached locally", async () => {
+                        // 4S is enabled
+                        mockCrypto!.getSecretStorageStatus.mockResolvedValue(readySecretStorageStatus);
+
+                        // Session trusted and cross signing secrets in 4S and stored locally
+                        mockCrypto!.getCrossSigningStatus.mockResolvedValue({
+                            publicKeysOnDevice: true,
+                            privateKeysInSecretStorage: true,
+                            privateKeysCachedLocally: {
+                                masterKey: false,
+                                selfSigningKey: true,
+                                userSigningKey: true,
+                            },
+                        });
+
+                        // no backup
+                        mockCrypto.getKeyBackupInfo.mockResolvedValue(null);
+
+                        await createAndStart();
+
+                        // Should have updated user properties
+                        expect(setPropertySpy).toHaveBeenCalledWith("verificationState", "Verified");
+                        expect(setPropertySpy).toHaveBeenCalledWith("recoveryState", "Incomplete");
+
+                        // Should have reported a status change event
+                        const expectedTrackedEvent: CryptoSessionStateChange = {
+                            eventName: "CryptoSessionState",
+                            verificationState: "Verified",
+                            recoveryState: "Incomplete",
+                        };
+                        expect(trackEventSpy).toHaveBeenCalledWith(expectedTrackedEvent);
+                    });
+
+                    const baseState: CrossSigningStatus = {
+                        publicKeysOnDevice: true,
+                        privateKeysInSecretStorage: true,
+                        privateKeysCachedLocally: {
+                            masterKey: true,
+                            selfSigningKey: true,
+                            userSigningKey: true,
+                        },
+                    };
+                    type MissingSecretsInCacheTestCases = [string, CrossSigningStatus];
+
+                    const partialTestCases: MissingSecretsInCacheTestCases[] = [
+                        [
+                            "MSK not cached",
+                            {
+                                ...baseState,
+                                privateKeysCachedLocally: { ...baseState.privateKeysCachedLocally, masterKey: false },
+                            },
+                        ],
+                        [
+                            "SSK not cached",
+                            {
+                                ...baseState,
+                                privateKeysCachedLocally: {
+                                    ...baseState.privateKeysCachedLocally,
+                                    selfSigningKey: false,
+                                },
+                            },
+                        ],
+                        [
+                            "USK not cached",
+                            {
+                                ...baseState,
+                                privateKeysCachedLocally: {
+                                    ...baseState.privateKeysCachedLocally,
+                                    userSigningKey: false,
+                                },
+                            },
+                        ],
+                        [
+                            "MSK/USK not cached",
+                            {
+                                ...baseState,
+                                privateKeysCachedLocally: {
+                                    ...baseState.privateKeysCachedLocally,
+                                    masterKey: false,
+                                    userSigningKey: false,
+                                },
+                            },
+                        ],
+                        [
+                            "MSK/SSK not cached",
+                            {
+                                ...baseState,
+                                privateKeysCachedLocally: {
+                                    ...baseState.privateKeysCachedLocally,
+                                    masterKey: false,
+                                    selfSigningKey: false,
+                                },
+                            },
+                        ],
+                        [
+                            "USK/SSK not cached",
+                            {
+                                ...baseState,
+                                privateKeysCachedLocally: {
+                                    ...baseState.privateKeysCachedLocally,
+                                    userSigningKey: false,
+                                    selfSigningKey: false,
+                                },
+                            },
+                        ],
+                    ];
+
+                    it.each(partialTestCases)(
+                        "Should report recovery state as Incomplete when %s",
+                        async (_, status) => {
+                            mockCrypto!.getSecretStorageStatus.mockResolvedValue(readySecretStorageStatus);
+
+                            // Session trusted and cross signing secrets in 4S and stored locally
+                            mockCrypto!.getCrossSigningStatus.mockResolvedValue(status);
+
+                            await createAndStart();
+
+                            // Should have updated user properties
+                            expect(setPropertySpy).toHaveBeenCalledWith("verificationState", "Verified");
+                            expect(setPropertySpy).toHaveBeenCalledWith("recoveryState", "Incomplete");
+
+                            // Should have reported a status change event
+                            const expectedTrackedEvent: CryptoSessionStateChange = {
+                                eventName: "CryptoSessionState",
+                                verificationState: "Verified",
+                                recoveryState: "Incomplete",
+                            };
+                            expect(trackEventSpy).toHaveBeenCalledWith(expectedTrackedEvent);
+                        },
+                    );
+
+                    it("Should report recovery state as Incomplete when some secrets are not in 4S", async () => {
+                        // Some missing secret in 4S
+                        mockCrypto!.getSecretStorageStatus.mockResolvedValue({
+                            ready: false,
+                            defaultKeyId: "00",
+                            secretStorageKeyValidityMap: {},
+                        });
+
+                        // Session trusted and secrets known locally.
+                        mockCrypto!.getCrossSigningStatus.mockResolvedValue({
+                            publicKeysOnDevice: true,
+                            privateKeysCachedLocally: {
+                                masterKey: true,
+                                selfSigningKey: true,
+                                userSigningKey: true,
+                            },
+                        } as unknown as CrossSigningStatus);
+
+                        await createAndStart();
+
+                        // Should have updated user properties
+                        expect(setPropertySpy).toHaveBeenCalledWith("verificationState", "Verified");
+                        expect(setPropertySpy).toHaveBeenCalledWith("recoveryState", "Incomplete");
+
+                        // Should have reported a status change event
+                        const expectedTrackedEvent: CryptoSessionStateChange = {
+                            eventName: "CryptoSessionState",
+                            verificationState: "Verified",
+                            recoveryState: "Incomplete",
+                        };
+                        expect(trackEventSpy).toHaveBeenCalledWith(expectedTrackedEvent);
+                    });
+                });
+
+                describe("When Room Key Backup is enabled", () => {
+                    beforeEach(() => {
+                        // backup enabled - just need a mock object
+                        mockCrypto.getKeyBackupInfo.mockResolvedValue({} as KeyBackupInfo);
+                    });
+
+                    const testCases = [
+                        ["as Incomplete if backup key not cached locally", false],
+                        ["as Enabled if backup key is cached locally", true],
+                    ];
+                    it.each(testCases)("Should report recovery state as %s", async (_, isCached) => {
+                        // 4S is enabled
+                        mockCrypto!.getSecretStorageStatus.mockResolvedValue(readySecretStorageStatus);
+
+                        // Session trusted and cross signing secrets in 4S and stored locally
+                        mockCrypto!.getCrossSigningStatus.mockResolvedValue({
+                            publicKeysOnDevice: true,
+                            privateKeysInSecretStorage: true,
+                            privateKeysCachedLocally: {
+                                masterKey: true,
+                                selfSigningKey: true,
+                                userSigningKey: true,
+                            },
+                        });
+
+                        mockCrypto.getSessionBackupPrivateKey.mockResolvedValue(isCached ? new Uint8Array() : null);
+
+                        await createAndStart();
+
+                        expect(setPropertySpy).toHaveBeenCalledWith("verificationState", "Verified");
+                        expect(setPropertySpy).toHaveBeenCalledWith(
+                            "recoveryState",
+                            isCached ? "Enabled" : "Incomplete",
+                        );
+
+                        // Should have reported a status change event
+                        const expectedTrackedEvent: CryptoSessionStateChange = {
+                            eventName: "CryptoSessionState",
+                            verificationState: "Verified",
+                            recoveryState: isCached ? "Enabled" : "Incomplete",
+                        };
+                        expect(trackEventSpy).toHaveBeenCalledWith(expectedTrackedEvent);
+                    });
+                });
+            });
+        });
+
+        describe("set up recovery", () => {
+            const rooms = [{ roomId: "!room1" }] as unknown as Room[];
+
+            beforeEach(() => {
+                mockCrypto!.getDeviceVerificationStatus.mockResolvedValue(
+                    new DeviceVerificationStatus({
+                        trustCrossSignedDevices: true,
+                        crossSigningVerified: true,
+                    }),
+                );
+                mockCrypto!.isCrossSigningReady.mockResolvedValue(true);
+                mockCrypto!.getSecretStorageStatus.mockResolvedValue(unreadySecretStorageStatus);
+                mockClient!.getRooms.mockReturnValue(rooms);
+                vi.spyOn(mockClient.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+            });
+
+            it("shows the 'set up recovery' toast if user has not set up 4S", async () => {
+                mockCrypto!.getActiveSessionBackupVersion.mockResolvedValue("1");
+
+                await createAndStart();
+
+                expect(SetupEncryptionToast.showToast).toHaveBeenCalledWith("set_up_recovery");
+            });
+
+            it("does not show the 'set up recovery' toast if secret storage is set up", async () => {
+                mockCrypto!.getSecretStorageStatus.mockResolvedValue(readySecretStorageStatus);
+                await createAndStart();
+
+                expect(SetupEncryptionToast.showToast).not.toHaveBeenCalledWith("set_up_recovery");
+            });
+
+            it("does not show the 'set up recovery' toast if user has no encrypted rooms", async () => {
+                vi.spyOn(mockClient.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(false);
+                await createAndStart();
+
+                expect(SetupEncryptionToast.showToast).not.toHaveBeenCalledWith("set_up_recovery");
+            });
+
+            it("does not show the 'set up recovery' toast if the user has chosen to disable key storage", async () => {
+                mockClient!.getAccountData.mockImplementation((k: string) => {
+                    switch (k) {
+                        case "m.org.matrix.custom.backup_disabled":
+                            return new MatrixEvent({ content: { disabled: true } });
+
+                        case "m.key_backup":
+                            return new MatrixEvent({ content: { enabled: false } });
+
+                        default:
+                            return undefined;
+                    }
+                });
+                await createAndStart();
+
+                expect(SetupEncryptionToast.showToast).not.toHaveBeenCalledWith("set_up_recovery");
+            });
+        });
+    });
+
+    describe("key storage out of sync", () => {
+        describe("needs backup reset", () => {
+            it("should not need resetting if backup disabled", async () => {
+                const deviceListener = await createAndStart();
+                mockKeyBackupFromServer(mockClient, false);
+
+                expect(await deviceListener.keyStorageOutOfSyncNeedsBackupReset(false)).toBe(false);
+                expect(await deviceListener.keyStorageOutOfSyncNeedsBackupReset(true)).toBe(false);
+            });
+
+            it("should not need resetting if backup key is present locally or in 4S, and user has 4S key", async () => {
+                const deviceListener = await createAndStart();
+                mockKeyBackupFromServer(mockClient, true);
+
+                mockCrypto.getSessionBackupPrivateKey.mockResolvedValue(null);
+                mockClient.isKeyBackupKeyStored.mockResolvedValue({});
+                expect(await deviceListener.keyStorageOutOfSyncNeedsBackupReset(false)).toBe(false);
+
+                mockCrypto.getSessionBackupPrivateKey.mockResolvedValue(new Uint8Array());
+                mockClient.isKeyBackupKeyStored.mockResolvedValue(null);
+                expect(await deviceListener.keyStorageOutOfSyncNeedsBackupReset(false)).toBe(false);
+            });
+
+            it("should not need resetting if backup key is present locally and user forgot 4S key", async () => {
+                const deviceListener = await createAndStart();
+                mockKeyBackupFromServer(mockClient, true);
+
+                mockCrypto.getSessionBackupPrivateKey.mockResolvedValue(new Uint8Array());
+                mockClient.isKeyBackupKeyStored.mockResolvedValue(null);
+                expect(await deviceListener.keyStorageOutOfSyncNeedsBackupReset(true)).toBe(false);
+            });
+
+            it("should need resetting if backup key is missing locally and user forgot 4S key", async () => {
+                const deviceListener = await createAndStart();
+                mockKeyBackupFromServer(mockClient, true);
+
+                mockCrypto.getSessionBackupPrivateKey.mockResolvedValue(null);
+                mockClient.isKeyBackupKeyStored.mockResolvedValue({});
+                expect(await deviceListener.keyStorageOutOfSyncNeedsBackupReset(true)).toBe(true);
+            });
+
+            it("should need resetting if backup key is missing locally and in 4s", async () => {
+                const deviceListener = await createAndStart();
+                mockKeyBackupFromServer(mockClient, true);
+
+                mockCrypto.getSessionBackupPrivateKey.mockResolvedValue(null);
+                mockClient.isKeyBackupKeyStored.mockResolvedValue(null);
+                expect(await deviceListener.keyStorageOutOfSyncNeedsBackupReset(false)).toBe(true);
+            });
+        });
+
+        describe("needs cross-signing reset", () => {
+            it("should not need resetting if cross-signing keys are present locally or in 4S, and user has 4S key", async () => {
+                const deviceListener = await createAndStart();
+                mockCrypto.getCrossSigningStatus.mockResolvedValue({
+                    publicKeysOnDevice: true,
+                    privateKeysInSecretStorage: false,
+                    privateKeysCachedLocally: {
+                        masterKey: true,
+                        selfSigningKey: true,
+                        userSigningKey: true,
+                    },
+                });
+                expect(await deviceListener.keyStorageOutOfSyncNeedsCrossSigningReset(false)).toBe(false);
+
+                mockCrypto.getCrossSigningStatus.mockResolvedValue({
+                    publicKeysOnDevice: true,
+                    privateKeysInSecretStorage: true,
+                    privateKeysCachedLocally: {
+                        masterKey: false,
+                        selfSigningKey: false,
+                        userSigningKey: false,
+                    },
+                });
+                expect(await deviceListener.keyStorageOutOfSyncNeedsCrossSigningReset(false)).toBe(false);
+            });
+
+            it("should not need resetting if cross-signing keys are present locally and user forgot 4S key", async () => {
+                const deviceListener = await createAndStart();
+                mockCrypto.getCrossSigningStatus.mockResolvedValue({
+                    publicKeysOnDevice: true,
+                    privateKeysInSecretStorage: false,
+                    privateKeysCachedLocally: {
+                        masterKey: true,
+                        selfSigningKey: true,
+                        userSigningKey: true,
+                    },
+                });
+                expect(await deviceListener.keyStorageOutOfSyncNeedsCrossSigningReset(true)).toBe(false);
+            });
+
+            it("should need resetting if cross-signing keys are missing locally and user forgot 4S key", async () => {
+                const deviceListener = await createAndStart();
+                mockCrypto.getCrossSigningStatus.mockResolvedValue({
+                    publicKeysOnDevice: true,
+                    privateKeysInSecretStorage: true,
+                    privateKeysCachedLocally: {
+                        masterKey: false,
+                        selfSigningKey: false,
+                        userSigningKey: false,
+                    },
+                });
+                expect(await deviceListener.keyStorageOutOfSyncNeedsCrossSigningReset(true)).toBe(true);
+            });
+
+            it("should need resetting if cross-signing keys are missing locally and in 4S key", async () => {
+                const deviceListener = await createAndStart();
+                mockCrypto.getCrossSigningStatus.mockResolvedValue({
+                    publicKeysOnDevice: true,
+                    privateKeysInSecretStorage: false,
+                    privateKeysCachedLocally: {
+                        masterKey: false,
+                        selfSigningKey: false,
+                        userSigningKey: false,
+                    },
+                });
+                expect(await deviceListener.keyStorageOutOfSyncNeedsCrossSigningReset(false)).toBe(true);
+            });
+        });
+    });
+});
+
+function mockKeyBackupFromServer(client: Mocked<MatrixClient>, enabled: boolean) {
+    client.getAccountDataFromServer.mockImplementation(async (eventType: string) => {
+        switch (eventType) {
+            case ACCOUNT_DATA_KEY_M_KEY_BACKUP:
+                return { enabled } as any;
+            case ACCOUNT_DATA_KEY_M_KEY_BACKUP_DISABLED_UNSTABLE:
+                return { disabled: !enabled } as any;
+            default:
+                return null;
+        }
+    });
+}
diff --git a/apps/web/src/DraftCleaner.ts b/apps/web/src/DraftCleaner.ts
new file mode 100644
index 00000000000..6adae6b8f45
--- /dev/null
+++ b/apps/web/src/DraftCleaner.ts
@@ -0,0 +1,78 @@
+/*
+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.
+*/
+
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import { EDITOR_STATE_STORAGE_PREFIX } from "./components/views/rooms/SendMessageComposer";
+import { WYSIWYG_EDITOR_STATE_STORAGE_PREFIX } from "./components/views/rooms/MessageComposer";
+
+// The key used to persist the the timestamp we last cleaned up drafts
+export const DRAFT_LAST_CLEANUP_KEY = "mx_draft_cleanup";
+// The period of time we wait between cleaning drafts
+export const DRAFT_CLEANUP_PERIOD = 1000 * 60 * 60 * 24 * 30;
+
+/**
+ * Checks if `DRAFT_CLEANUP_PERIOD` has expired, if so, deletes any stord editor drafts that exist for rooms that are not in the known list.
+ */
+export function cleanUpDraftsIfRequired(): void {
+    if (!shouldCleanupDrafts()) {
+        return;
+    }
+    logger.debug(`Cleaning up editor drafts...`);
+    cleaupDrafts();
+    try {
+        localStorage.setItem(DRAFT_LAST_CLEANUP_KEY, String(Date.now()));
+    } catch (error) {
+        logger.error("Failed to persist draft cleanup key", error);
+    }
+}
+
+/**
+ *
+ * @returns {bool} True if the timestamp has not been persisted or the `DRAFT_CLEANUP_PERIOD` has expired.
+ */
+function shouldCleanupDrafts(): boolean {
+    try {
+        const lastCleanupTimestamp = localStorage.getItem(DRAFT_LAST_CLEANUP_KEY);
+        if (!lastCleanupTimestamp) {
+            return true;
+        }
+        const parsedTimestamp = Number.parseInt(lastCleanupTimestamp || "", 10);
+        if (!Number.isInteger(parsedTimestamp)) {
+            return true;
+        }
+        return Date.now() > parsedTimestamp + DRAFT_CLEANUP_PERIOD;
+    } catch {
+        return true;
+    }
+}
+
+/**
+ * Clear all drafts for the CIDER and WYSIWYG editors if the room does not exist in the known rooms.
+ */
+function cleaupDrafts(): void {
+    for (let i = 0; i < localStorage.length; i++) {
+        const keyName = localStorage.key(i);
+        if (!keyName) continue;
+        let roomId: string | undefined = undefined;
+        if (keyName.startsWith(EDITOR_STATE_STORAGE_PREFIX)) {
+            roomId = keyName.slice(EDITOR_STATE_STORAGE_PREFIX.length).split("_$")[0];
+        }
+        if (keyName.startsWith(WYSIWYG_EDITOR_STATE_STORAGE_PREFIX)) {
+            roomId = keyName.slice(WYSIWYG_EDITOR_STATE_STORAGE_PREFIX.length).split("_$")[0];
+        }
+        if (!roomId) continue;
+        // Remove the prefix and the optional event id suffix to leave the room id
+        const room = MatrixClientPeg.safeGet().getRoom(roomId);
+        if (!room) {
+            logger.debug(`Removing draft for unknown room with key ${keyName}`);
+            localStorage.removeItem(keyName);
+        }
+    }
+}
diff --git a/apps/web/src/Editing.ts b/apps/web/src/Editing.ts
new file mode 100644
index 00000000000..063533f7e56
--- /dev/null
+++ b/apps/web/src/Editing.ts
@@ -0,0 +1,13 @@
+/*
+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 { type TimelineRenderingType } from "./contexts/RoomContext";
+
+export const editorRoomKey = (roomId: string, context: TimelineRenderingType): string =>
+    `mx_edit_room_${roomId}_${context}`;
+export const editorStateKey = (eventId: string): string => `mx_edit_state_${eventId}`;
diff --git a/apps/web/src/HtmlUtils.tsx b/apps/web/src/HtmlUtils.tsx
new file mode 100644
index 00000000000..7630d8550fd
--- /dev/null
+++ b/apps/web/src/HtmlUtils.tsx
@@ -0,0 +1,578 @@
+/*
+Copyright 2024, 2025 New Vector Ltd.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2017, 2018 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.
+*/
+
+import React, { type JSX, type Key, type LegacyRef, type ReactNode } from "react";
+import sanitizeHtml, { type IOptions } from "sanitize-html";
+import classNames from "classnames";
+import katex from "katex";
+import { decode } from "html-entities";
+import { type IContent } from "matrix-js-sdk/src/matrix";
+import escapeHtml from "escape-html";
+import { getEmojiFromUnicode } from "@matrix-org/emojibase-bindings";
+import { PERMITTED_URL_SCHEMES, LINKIFIED_DATA_ATTRIBUTE } from "@element-hq/web-shared-components";
+
+import SettingsStore from "./settings/SettingsStore";
+import { stripHTMLReply, stripPlainReply } from "./utils/Reply";
+import { sanitizeHtmlParams, transformTags, linkifyHtml } from "./Linkify";
+import { graphemeSegmenter } from "./utils/strings";
+
+export { linkifyAndSanitizeHtml } from "./Linkify";
+
+// Anything outside the basic multilingual plane will be a surrogate pair
+const SURROGATE_PAIR_PATTERN = /([\ud800-\udbff])([\udc00-\udfff])/;
+// And there a bunch more symbol characters that emojibase has within the
+// BMP, so this includes the ranges from 'letterlike symbols' to
+// 'miscellaneous symbols and arrows' which should catch all of them
+// (with plenty of false positives, but that's OK)
+const SYMBOL_PATTERN = /([\u2100-\u2bff])/;
+
+// Regex pattern for non-emoji characters that can appear in an "all-emoji" message
+// (Zero-Width Space, other whitespace)
+const EMOJI_SEPARATOR_REGEX = /[\u200B\s]/g;
+
+// Regex for emoji. This includes any RGI_Emoji sequence followed by an optional
+// emoji presentation VS (U+FE0F), but not those sequences that are followed by
+// a text presentation VS (U+FE0E). We also count lone regional indicators
+// (U+1F1E6-U+1F1FF). Technically this regex produces false negatives for emoji
+// followed by U+FE0E when the emoji doesn't have a text variant, but in
+// practice this doesn't matter.
+export const EMOJI_REGEX = (() => {
+    try {
+        // Per our support policy, v mode is available to us, but we still don't
+        // want the app to completely crash on older platforms. We use the
+        // constructor here to avoid a syntax error on such platforms.
+        return new RegExp("\\p{RGI_Emoji}(?!\\uFE0E)(?:(?<!\\uFE0F)\\uFE0F)?|[\\u{1f1e6}-\\u{1f1ff}]", "v");
+    } catch {
+        // v mode not supported; fall back to matching nothing
+        return /(?!)/;
+    }
+})();
+
+const BIGEMOJI_REGEX = (() => {
+    try {
+        return new RegExp(`^(${EMOJI_REGEX.source})+$`, "iv");
+    } catch {
+        // Fall back, just like for EMOJI_REGEX
+        return /(?!)/;
+    }
+})();
+
+/*
+ * Return true if the given string contains emoji
+ * Uses a much, much simpler regex than emojibase's so will give false
+ * positives, but useful for fast-path testing strings to see if they
+ * need emojification.
+ */
+function mightContainEmoji(str?: string): boolean {
+    return !!str && (SURROGATE_PAIR_PATTERN.test(str) || SYMBOL_PATTERN.test(str));
+}
+
+/**
+ * Returns the shortcode for an emoji character.
+ *
+ * @param {String} char The emoji character
+ * @returns {String} The shortcode (such as :thumbup:)
+ */
+export function unicodeToShortcode(char: string): string {
+    const shortcodes = getEmojiFromUnicode(char)?.shortcodes;
+    return shortcodes?.length ? `:${shortcodes[0]}:` : "";
+}
+
+/*
+ * Given an untrusted HTML string, return a React node with an sanitized version
+ * of that HTML.
+ * @param insaneHtml - the input to sanitize
+ * @param className - an optional class name to apply to the element
+ * @param sanitizeParams - the params to use for sanitization
+ */
+export function sanitizedHtmlNode(
+    insaneHtml: string,
+    className?: string,
+    sanitizeParams = sanitizeHtmlParams,
+): ReactNode {
+    const saneHtml = sanitizeHtml(insaneHtml, sanitizeParams);
+
+    return <div dangerouslySetInnerHTML={{ __html: saneHtml }} dir="auto" className={className} />;
+}
+
+export function getHtmlText(insaneHtml: string): string {
+    return sanitizeHtml(insaneHtml, {
+        allowedTags: [],
+        allowedAttributes: {},
+        selfClosing: [],
+        allowedSchemes: [],
+        disallowedTagsMode: "discard",
+    });
+}
+
+/**
+ * Tests if a URL from an untrusted source may be safely put into the DOM
+ * The biggest threat here is javascript: URIs.
+ * Note that the HTML sanitiser library has its own internal logic for
+ * doing this, to which we pass the same list of schemes. This is used in
+ * other places we need to sanitise URLs.
+ * @returns true if permitted, otherwise false
+ */
+export function isUrlPermitted(inputUrl: string): boolean {
+    try {
+        // URL parser protocol includes the trailing colon
+        return PERMITTED_URL_SCHEMES.includes(new URL(inputUrl).protocol.slice(0, -1));
+    } catch {
+        return false;
+    }
+}
+
+// this is the same as the above except with less rewriting
+const composerSanitizeHtmlParams: IOptions = {
+    ...sanitizeHtmlParams,
+    transformTags: {
+        "code": transformTags["code"],
+        "*": transformTags["*"],
+    },
+};
+
+// reduced set of allowed tags to avoid turning topics into Myspace
+const topicSanitizeHtmlParams: IOptions = {
+    ...sanitizeHtmlParams,
+    allowedTags: [
+        "font", // custom to matrix for IRC-style font coloring
+        "del", // for markdown
+        "s",
+        "a",
+        "sup",
+        "sub",
+        "b",
+        "i",
+        "u",
+        "strong",
+        "em",
+        "strike",
+        "br",
+        "div",
+        "span",
+    ],
+};
+
+abstract class BaseHighlighter<T extends React.ReactNode> {
+    public constructor(
+        public highlightClass: string,
+        public highlightLink?: string,
+    ) {}
+
+    /**
+     * Apply the highlights to a section of text
+     *
+     * @param {string} safeSnippet The snippet of text to apply the highlights
+     *     to. This input must be sanitised as it will be treated as HTML.
+     * @param {string[]} safeHighlights A list of substrings to highlight,
+     *     sorted by descending length.
+     *
+     * returns a list of results (strings for HtmlHighligher, react nodes for
+     * TextHighlighter).
+     */
+    public applyHighlights(safeSnippet: string, safeHighlights: string[]): T[] {
+        let lastOffset = 0;
+        let offset: number;
+        let nodes: T[] = [];
+
+        const safeHighlight = safeHighlights[0];
+        while ((offset = safeSnippet.toLowerCase().indexOf(safeHighlight.toLowerCase(), lastOffset)) >= 0) {
+            // handle preamble
+            if (offset > lastOffset) {
+                const subSnippet = safeSnippet.substring(lastOffset, offset);
+                nodes = nodes.concat(this.applySubHighlights(subSnippet, safeHighlights));
+            }
+
+            // do highlight. use the original string rather than safeHighlight
+            // to preserve the original casing.
+            const endOffset = offset + safeHighlight.length;
+            nodes.push(this.processSnippet(safeSnippet.substring(offset, endOffset), true));
+
+            lastOffset = endOffset;
+        }
+
+        // handle postamble
+        if (lastOffset !== safeSnippet.length) {
+            const subSnippet = safeSnippet.substring(lastOffset, undefined);
+            nodes = nodes.concat(this.applySubHighlights(subSnippet, safeHighlights));
+        }
+        return nodes;
+    }
+
+    private applySubHighlights(safeSnippet: string, safeHighlights: string[]): T[] {
+        if (safeHighlights[1]) {
+            // recurse into this range to check for the next set of highlight matches
+            return this.applyHighlights(safeSnippet, safeHighlights.slice(1));
+        } else {
+            // no more highlights to be found, just return the unhighlighted string
+            return [this.processSnippet(safeSnippet, false)];
+        }
+    }
+
+    protected abstract processSnippet(snippet: string, highlight: boolean): T;
+}
+
+class HtmlHighlighter extends BaseHighlighter<string> {
+    /* highlight the given snippet if required
+     *
+     * snippet: content of the span; must have been sanitised
+     * highlight: true to highlight as a search match
+     *
+     * returns an HTML string
+     */
+    protected processSnippet(snippet: string, highlight: boolean): string {
+        if (!highlight) {
+            // nothing required here
+            return snippet;
+        }
+
+        let span = `<span class="${this.highlightClass}">${snippet}</span>`;
+
+        if (this.highlightLink) {
+            span = `<a href="${encodeURI(this.highlightLink)}">${span}</a>`;
+        }
+        return span;
+    }
+}
+
+const emojiToHtmlSpan = (emoji: string): string =>
+    `<span class='mx_Emoji' title='${unicodeToShortcode(emoji)}'>${emoji}</span>`;
+const emojiToJsxSpan = (emoji: string, key: Key): JSX.Element => (
+    <span key={key} className="mx_Emoji" title={unicodeToShortcode(emoji)}>
+        {emoji}
+    </span>
+);
+
+/**
+ * Wraps emojis in <span> to style them separately from the rest of message. Consecutive emojis (and modifiers) are wrapped
+ * in the same <span>.
+ * @param {string} message the text to format
+ * @param {boolean} isHtmlMessage whether the message contains HTML
+ * @returns if isHtmlMessage is true, returns an array of strings, otherwise return an array of React Elements for emojis
+ * and plain text for everything else
+ */
+export function formatEmojis(message: string | undefined, isHtmlMessage?: false): JSX.Element[];
+export function formatEmojis(message: string | undefined, isHtmlMessage: true): string[];
+export function formatEmojis(message: string | undefined, isHtmlMessage?: boolean): (JSX.Element | string)[] {
+    const emojiToSpan = isHtmlMessage ? emojiToHtmlSpan : emojiToJsxSpan;
+    const result: (JSX.Element | string)[] = [];
+    if (!message) return result;
+
+    let text = "";
+    let key = 0;
+
+    for (const data of graphemeSegmenter.segment(message)) {
+        if (EMOJI_REGEX.test(data.segment)) {
+            if (text) {
+                result.push(text);
+                text = "";
+            }
+            result.push(emojiToSpan(data.segment, key));
+            key++;
+        } else {
+            text += data.segment;
+        }
+    }
+    if (text) {
+        result.push(text);
+    }
+    return result;
+}
+
+interface EventAnalysis {
+    bodyHasEmoji: boolean;
+    isHtmlMessage: boolean;
+    strippedBody: string;
+    safeBody?: string; // safe, sanitised HTML, preferred over `strippedBody` which is fully plaintext
+    isFormattedBody: boolean;
+}
+
+export interface EventRenderOpts {
+    highlightLink?: string;
+    disableBigEmoji?: boolean;
+    stripReplyFallback?: boolean;
+    forComposerQuote?: boolean;
+    /**
+     * Should inline media be rendered?
+     */
+    mediaIsVisible?: boolean;
+    linkify?: boolean;
+}
+
+function analyseEvent(content: IContent, highlights?: string[], opts: EventRenderOpts = {}): EventAnalysis {
+    let sanitizeParams = sanitizeHtmlParams;
+    if (opts.forComposerQuote) {
+        sanitizeParams = composerSanitizeHtmlParams;
+    }
+
+    if (opts.mediaIsVisible === false && sanitizeParams.transformTags?.["img"]) {
+        // Prevent mutating the source of sanitizeParams.
+        sanitizeParams = {
+            ...sanitizeParams,
+            transformTags: {
+                ...sanitizeParams.transformTags,
+                img: (tagName) => {
+                    // Remove element
+                    return { tagName, attribs: {} };
+                },
+            },
+        };
+    }
+
+    if (opts.linkify) {
+        // Prevent mutating the source of sanitizeParams.
+        sanitizeParams = { ...sanitizeParams };
+        if (typeof sanitizeParams.allowedAttributes === "object") {
+            const attribs = { ...sanitizeParams.allowedAttributes };
+            // We allow data-linkified because TextualBody uses it to passthrough links.
+            attribs["a"] = [...sanitizeParams.allowedAttributes["a"], `data-${LINKIFIED_DATA_ATTRIBUTE}`];
+            sanitizeParams.allowedAttributes = attribs;
+        } // else: No attibutes are are allowed for "a"
+    }
+
+    try {
+        const isFormattedBody =
+            content.format === "org.matrix.custom.html" && typeof content.formatted_body === "string";
+        let bodyHasEmoji = false;
+        let isHtmlMessage = false;
+
+        let safeBody: string | undefined; // safe, sanitised HTML, preferred over `strippedBody` which is fully plaintext
+
+        // sanitizeHtml can hang if an unclosed HTML tag is thrown at it
+        // A search for `<foo` will make the browser crash an alternative would be to escape HTML special characters
+        // but that would bring no additional benefit as the highlighter does not work with those special chars
+        const safeHighlights = highlights
+            ?.filter((highlight: string): boolean => !highlight.includes("<"))
+            .map((highlight: string): string => sanitizeHtml(highlight, sanitizeParams));
+
+        let formattedBody = typeof content.formatted_body === "string" ? content.formatted_body : null;
+        const plainBody = typeof content.body === "string" ? content.body : "";
+
+        if (opts.stripReplyFallback && formattedBody) formattedBody = stripHTMLReply(formattedBody);
+        const strippedBody = opts.stripReplyFallback ? stripPlainReply(plainBody) : plainBody;
+        bodyHasEmoji = mightContainEmoji(isFormattedBody ? formattedBody! : plainBody);
+
+        const highlighter = safeHighlights?.length
+            ? new HtmlHighlighter("mx_EventTile_searchHighlight", opts.highlightLink)
+            : null;
+
+        if (highlighter) {
+            // XXX: We sanitize the HTML whilst also highlighting its text nodes, to avoid accidentally trying
+            // to highlight HTML tags themselves. However, this does mean that we don't highlight textnodes which
+            // are interrupted by HTML tags (not that we did before) - e.g. foo<span/>bar won't get highlighted
+            // by an attempt to search for 'foobar'.  Then again, the search query probably wouldn't work either
+            // XXX: hacky bodge to temporarily apply a textFilter to the sanitizeParams structure.
+            sanitizeParams.textFilter = function (safeText) {
+                return highlighter.applyHighlights(safeText, safeHighlights!).join("");
+            };
+        }
+
+        if (isFormattedBody) {
+            let unsafeBody = formattedBody!;
+
+            if (opts.linkify) {
+                unsafeBody = linkifyHtml(unsafeBody);
+            }
+
+            safeBody = sanitizeHtml(unsafeBody, sanitizeParams);
+
+            const phtml = new DOMParser().parseFromString(safeBody, "text/html");
+            const isPlainText = phtml.body.innerHTML === phtml.body.textContent;
+            isHtmlMessage = !isPlainText;
+
+            if (isHtmlMessage && SettingsStore.getValue("feature_latex_maths")) {
+                [...phtml.querySelectorAll<HTMLElement>("div[data-mx-maths], span[data-mx-maths]")].forEach((e) => {
+                    e.outerHTML = katex.renderToString(decode(e.getAttribute("data-mx-maths")), {
+                        throwOnError: false,
+                        displayMode: e.tagName == "DIV",
+                        output: "htmlAndMathml",
+                    });
+                });
+                safeBody = phtml.body.innerHTML;
+            }
+        } else if (opts.linkify) {
+            // If we are linkifying plain text, pass the result through sanitizeHtml so that the highlighter configured in sanitizeParams.textFilter gets applied.
+            safeBody = sanitizeHtml(linkifyHtml(escapeHtml(plainBody)), sanitizeParams);
+        } else if (highlighter) {
+            safeBody = highlighter.applyHighlights(escapeHtml(plainBody), safeHighlights!).join("");
+        }
+
+        return { bodyHasEmoji, isHtmlMessage, strippedBody, safeBody, isFormattedBody };
+    } finally {
+        delete sanitizeParams.textFilter;
+    }
+}
+
+interface BodyToNodeReturn {
+    strippedBody: string;
+    formattedBody?: string;
+    emojiBodyElements: JSX.Element[] | undefined;
+    className: string;
+}
+
+export function bodyToNode(content: IContent, highlights?: string[], opts: EventRenderOpts = {}): BodyToNodeReturn {
+    const eventInfo = analyseEvent(content, highlights, opts);
+
+    let emojiBody = false;
+    if (!opts.disableBigEmoji && eventInfo.bodyHasEmoji) {
+        const contentBody = eventInfo.safeBody ?? eventInfo.strippedBody;
+        let contentBodyTrimmed = contentBody !== undefined ? contentBody.trim() : "";
+
+        // Remove zero width joiner, zero width spaces and other spaces in body
+        // text. This ensures that emojis with spaces in between or that are made
+        // up of multiple unicode characters are still counted as purely emoji
+        // messages.
+        contentBodyTrimmed = contentBodyTrimmed.replace(EMOJI_SEPARATOR_REGEX, "");
+
+        const match = BIGEMOJI_REGEX.exec(contentBodyTrimmed);
+        emojiBody =
+            match?.[0]?.length === contentBodyTrimmed.length &&
+            // Prevent user pills expanding for users with only emoji in
+            // their username. Permalinks (links in pills) can be any URL
+            // now, so we just check for an HTTP-looking thing.
+            (eventInfo.strippedBody === eventInfo.safeBody || // replies have the html fallbacks, account for that here
+                content.formatted_body === undefined ||
+                (!content.formatted_body.includes("http:") && !content.formatted_body.includes("https:")));
+    }
+
+    const className = classNames({
+        "mx_EventTile_body": true,
+        "mx_EventTile_bigEmoji": emojiBody,
+        "markdown-body": eventInfo.isHtmlMessage && !emojiBody,
+        // Override the global `notranslate` class set by the top-level `matrixchat` div.
+        "translate": true,
+    });
+
+    let formattedBody = eventInfo.safeBody;
+    let emojiBodyElements: JSX.Element[] | undefined;
+
+    if (eventInfo.bodyHasEmoji) {
+        if (eventInfo.safeBody) {
+            // This has to be done after the emojiBody check as to not break big emoji on replies
+            formattedBody = formatEmojis(eventInfo.safeBody, true).join("");
+        } else {
+            emojiBodyElements = formatEmojis(eventInfo.strippedBody, false);
+        }
+    }
+
+    return { strippedBody: eventInfo.strippedBody, formattedBody, emojiBodyElements, className };
+}
+
+/**
+ * Turn a matrix event body into html
+ *
+ * content: 'content' of the MatrixEvent
+ *
+ * highlights: optional list of words to highlight, ordered by longest word first
+ *
+ * opts.highlightLink: optional href to add to highlighted words
+ * opts.disableBigEmoji: optional argument to disable the big emoji class.
+ * opts.stripReplyFallback: optional argument specifying the event is a reply and so fallback needs removing
+ * opts.forComposerQuote: optional param to lessen the url rewriting done by sanitization, for quoting into composer
+ * opts.ref: React ref to attach to any React components returned (not compatible with opts.returnString)
+ */
+export function bodyToHtml(content: IContent, highlights?: string[], opts: EventRenderOpts = {}): string {
+    const eventInfo = analyseEvent(content, highlights, opts);
+
+    let formattedBody = eventInfo.safeBody;
+    if (eventInfo.bodyHasEmoji && formattedBody) {
+        // This has to be done after the emojiBody check above as to not break big emoji on replies
+        formattedBody = formatEmojis(eventInfo.safeBody, true).join("");
+    }
+
+    return formattedBody ?? eventInfo.strippedBody;
+}
+
+/**
+ * Turn a room topic into html
+ * @param topic plain text topic
+ * @param htmlTopic optional html topic
+ * @param ref React ref to attach to any React components returned
+ * @param allowExtendedHtml whether to allow extended HTML tags such as headings and lists
+ * @returns The HTML-ified node.
+ */
+export function topicToHtml(
+    topic?: string,
+    htmlTopic?: string,
+    ref?: LegacyRef<HTMLSpanElement>,
+    allowExtendedHtml = false,
+): ReactNode {
+    let isFormattedTopic = !!htmlTopic;
+    let topicHasEmoji = false;
+    let safeTopic = "";
+
+    try {
+        topicHasEmoji = mightContainEmoji(isFormattedTopic ? htmlTopic! : topic);
+
+        if (isFormattedTopic) {
+            safeTopic = sanitizeHtml(htmlTopic!, allowExtendedHtml ? sanitizeHtmlParams : topicSanitizeHtmlParams);
+            if (topicHasEmoji) {
+                safeTopic = formatEmojis(safeTopic, true).join("");
+            }
+        }
+    } catch {
+        isFormattedTopic = false; // Fall back to plain-text topic
+    }
+
+    let emojiBodyElements: JSX.Element[] | undefined;
+    if (!isFormattedTopic && topicHasEmoji) {
+        emojiBodyElements = formatEmojis(topic, false);
+    }
+
+    if (isFormattedTopic) {
+        if (!safeTopic) return null;
+        return <span ref={ref} dangerouslySetInnerHTML={{ __html: safeTopic }} dir="auto" />;
+    }
+
+    if (!emojiBodyElements && !topic) return null;
+    return (
+        <span ref={ref} dir="auto">
+            {emojiBodyElements || topic}
+        </span>
+    );
+}
+
+/**
+ * Returns if a node is a block element or not.
+ * Only takes html nodes into account that are allowed in matrix messages.
+ *
+ * @param {Node} node
+ * @returns {bool}
+ */
+export function checkBlockNode(node: Node): boolean {
+    switch (node.nodeName) {
+        case "H1":
+        case "H2":
+        case "H3":
+        case "H4":
+        case "H5":
+        case "H6":
+        case "PRE":
+        case "BLOCKQUOTE":
+        case "P":
+        case "UL":
+        case "OL":
+        case "LI":
+        case "HR":
+        case "TABLE":
+        case "THEAD":
+        case "TBODY":
+        case "TR":
+        case "TH":
+        case "TD":
+            return true;
+        case "DIV":
+            // don't treat math nodes as block nodes for deserializing
+            return !(node as HTMLElement).hasAttribute("data-mx-maths");
+        default:
+            return false;
+    }
+}
diff --git a/apps/web/src/IConfigOptions.ts b/apps/web/src/IConfigOptions.ts
new file mode 100644
index 00000000000..16f28075ff3
--- /dev/null
+++ b/apps/web/src/IConfigOptions.ts
@@ -0,0 +1,31 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2022 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+import { type ResolveDefaults, type WebConfigJson } from "shared-types";
+
+import { type ValidatedServerConfig } from "./utils/ValidatedServerConfig";
+import { type DEFAULTS } from "./SdkConfig.ts";
+
+/**
+ * Bug reports are enabled but must only be locally
+ * downloadable.
+ */
+export const BugReportEndpointURLLocal = "local";
+
+export interface ConfigOptions extends WebConfigJson {
+    /**
+     * This is not a real config field, we're just abusing the config structure to pass around a validated server config
+     */
+    validated_server_config?: ValidatedServerConfig;
+}
+
+/**
+ * Type representing the effective config.json structure after DEFAULTS has been merged in
+ */
+export type IConfigOptions = ResolveDefaults<ConfigOptions, typeof DEFAULTS>;
diff --git a/apps/web/src/IdentityAuthClient.tsx b/apps/web/src/IdentityAuthClient.tsx
new file mode 100644
index 00000000000..76c151c282f
--- /dev/null
+++ b/apps/web/src/IdentityAuthClient.tsx
@@ -0,0 +1,177 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { SERVICE_TYPES, createClient, type MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import Modal from "./Modal";
+import { _t } from "./languageHandler";
+import { Service, startTermsFlow, TermsNotSignedError } from "./Terms";
+import {
+    doesAccountDataHaveIdentityServer,
+    doesIdentityServerHaveTerms,
+    setToDefaultIdentityServer,
+} from "./utils/IdentityServerUtils";
+import QuestionDialog from "./components/views/dialogs/QuestionDialog";
+import { abbreviateUrl } from "./utils/UrlUtils";
+
+export class AbortedIdentityActionError extends Error {}
+
+export default class IdentityAuthClient {
+    private accessToken: string | null = null;
+    private tempClient?: MatrixClient;
+    private authEnabled = true;
+
+    /**
+     * Creates a new identity auth client
+     * @param {string} identityUrl The URL to contact the identity server with.
+     * When provided, this class will operate solely within memory, refusing to
+     * persist any information such as tokens. Default null (not provided).
+     */
+    public constructor(identityUrl?: string) {
+        if (identityUrl) {
+            // XXX: We shouldn't have to create a whole new MatrixClient just to
+            // do identity server auth. The functions don't take an identity URL
+            // though, and making all of them take one could lead to developer
+            // confusion about what the idBaseUrl does on a client. Therefore, we
+            // just make a new client and live with it.
+            this.tempClient = createClient({
+                baseUrl: "", // invalid by design
+                idBaseUrl: identityUrl,
+            });
+        }
+    }
+
+    // This client must not be used for general operations as it may not have a baseUrl or be running (tempClient).
+    private get identityClient(): MatrixClient {
+        return this.tempClient ?? this.matrixClient;
+    }
+
+    private get matrixClient(): MatrixClient {
+        return MatrixClientPeg.safeGet();
+    }
+
+    private writeToken(): void {
+        if (this.tempClient) return; // temporary client: ignore
+        if (this.accessToken) {
+            window.localStorage.setItem("mx_is_access_token", this.accessToken);
+        } else {
+            window.localStorage.removeItem("mx_is_access_token");
+        }
+    }
+
+    private readToken(): string | null {
+        if (this.tempClient) return null; // temporary client: ignore
+        return window.localStorage.getItem("mx_is_access_token");
+    }
+
+    // Returns a promise that resolves to the access_token string from the IS
+    public async getAccessToken({ check = true } = {}): Promise<string | null> {
+        if (!this.authEnabled) {
+            // The current IS doesn't support authentication
+            return null;
+        }
+
+        let token: string | null = this.accessToken;
+        if (!token) {
+            token = this.readToken();
+        }
+
+        if (!token) {
+            token = await this.registerForToken(check);
+            if (token) {
+                this.accessToken = token;
+                this.writeToken();
+            }
+            return token;
+        }
+
+        if (check) {
+            try {
+                await this.checkToken(token);
+            } catch (e) {
+                if (e instanceof TermsNotSignedError || e instanceof AbortedIdentityActionError) {
+                    // Retrying won't help this
+                    throw e;
+                }
+                // Retry in case token expired
+                token = await this.registerForToken();
+                if (token) {
+                    this.accessToken = token;
+                    this.writeToken();
+                }
+            }
+        }
+
+        return token;
+    }
+
+    private async checkToken(token: string): Promise<void> {
+        const identityServerUrl = this.identityClient.getIdentityServerUrl()!;
+
+        try {
+            await this.identityClient.getIdentityAccount(token);
+        } catch (e) {
+            if (e instanceof MatrixError && e.errcode === "M_TERMS_NOT_SIGNED") {
+                logger.log("Identity server requires new terms to be agreed to");
+                await startTermsFlow(this.matrixClient, [new Service(SERVICE_TYPES.IS, identityServerUrl, token)]);
+                return;
+            }
+            throw e;
+        }
+
+        if (
+            !this.tempClient &&
+            !doesAccountDataHaveIdentityServer(this.matrixClient) &&
+            !(await doesIdentityServerHaveTerms(this.matrixClient, identityServerUrl))
+        ) {
+            const { finished } = Modal.createDialog(QuestionDialog, {
+                title: _t("terms|identity_server_no_terms_title"),
+                description: (
+                    <div>
+                        <p>
+                            {_t(
+                                "terms|identity_server_no_terms_description_1",
+                                {},
+                                {
+                                    server: () => <strong>{abbreviateUrl(identityServerUrl)}</strong>,
+                                },
+                            )}
+                        </p>
+                        <p>{_t("terms|identity_server_no_terms_description_2")}</p>
+                    </div>
+                ),
+                button: _t("action|trust"),
+            });
+            const [confirmed] = await finished;
+            if (confirmed) {
+                setToDefaultIdentityServer(this.matrixClient);
+            } else {
+                throw new AbortedIdentityActionError("User aborted identity server action without terms");
+            }
+        }
+
+        // We should ensure the token in `localStorage` is cleared
+        // appropriately. We already clear storage on sign out, but we'll need
+        // additional clearing when changing ISes in settings as part of future
+        // privacy work.
+        // See also https://github.com/vector-im/element-web/issues/10455.
+    }
+
+    public async registerForToken(check = true): Promise<string> {
+        const hsOpenIdToken = await MatrixClientPeg.safeGet().getOpenIdToken();
+        // XXX: The spec is `token`, but we used `access_token` for a Sydent release.
+        const { access_token: accessToken, token } =
+            await this.identityClient.registerWithIdentityServer(hsOpenIdToken);
+        const identityAccessToken = token || accessToken;
+        if (check) await this.checkToken(identityAccessToken);
+        return identityAccessToken;
+    }
+}
diff --git a/apps/web/src/ImageUtils.ts b/apps/web/src/ImageUtils.ts
new file mode 100644
index 00000000000..94715f4f7c1
--- /dev/null
+++ b/apps/web/src/ImageUtils.ts
@@ -0,0 +1,54 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015, 2016 , 2020 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.
+*/
+
+/**
+ * Returns the actual height that an image of dimensions (fullWidth, fullHeight)
+ * will occupy if resized to fit inside a thumbnail bounding box of size
+ * (thumbWidth, thumbHeight).
+ *
+ * If the aspect ratio of the source image is taller than the aspect ratio of
+ * the thumbnail bounding box, then we return the thumbHeight parameter unchanged.
+ * Otherwise we return the thumbHeight parameter scaled down appropriately to
+ * reflect the actual height the scaled thumbnail occupies.
+ *
+ * This is very useful for calculating how much height a thumbnail will actually
+ * consume in the timeline, when performing scroll offset calculations
+ * (e.g. scroll locking)
+ */
+export function thumbHeight(fullWidth: number, fullHeight: number, thumbWidth: number, thumbHeight: number): number;
+export function thumbHeight(
+    fullWidth: number | undefined,
+    fullHeight: number | undefined,
+    thumbWidth: number,
+    thumbHeight: number,
+): null;
+export function thumbHeight(
+    fullWidth: number | undefined,
+    fullHeight: number | undefined,
+    thumbWidth: number,
+    thumbHeight: number,
+): number | null {
+    if (!fullWidth || !fullHeight) {
+        // Cannot calculate thumbnail height for image: missing w/h in metadata. We can't even
+        // log this because it's spammy
+        return null;
+    }
+    if (fullWidth < thumbWidth && fullHeight < thumbHeight) {
+        // no scaling needs to be applied
+        return fullHeight;
+    }
+    const widthMulti = thumbWidth / fullWidth;
+    const heightMulti = thumbHeight / fullHeight;
+    if (widthMulti < heightMulti) {
+        // width is the dominant dimension so scaling will be fixed on that
+        return Math.floor(widthMulti * fullHeight);
+    } else {
+        // height is the dominant dimension so scaling will be fixed on that
+        return Math.floor(heightMulti * fullHeight);
+    }
+}
diff --git a/apps/web/src/KeyBindingsDefaults.ts b/apps/web/src/KeyBindingsDefaults.ts
new file mode 100644
index 00000000000..0ab6acf030c
--- /dev/null
+++ b/apps/web/src/KeyBindingsDefaults.ts
@@ -0,0 +1,159 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2021 Clemens Zeidler
+
+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 { IS_MAC, Key } from "./Keyboard";
+import SettingsStore from "./settings/SettingsStore";
+import SdkConfig from "./SdkConfig";
+import { type IKeyBindingsProvider, type KeyBinding } from "./KeyBindingsManager";
+import { CATEGORIES, CategoryName, KeyBindingAction } from "./accessibility/KeyboardShortcuts";
+import { getKeyboardShortcuts } from "./accessibility/KeyboardShortcutUtils";
+
+export const getBindingsByCategory = (category: CategoryName): KeyBinding[] => {
+    return CATEGORIES[category].settingNames.reduce<KeyBinding[]>((bindings, action) => {
+        const keyCombo = getKeyboardShortcuts()[action]?.default;
+        if (keyCombo) {
+            bindings.push({ action, keyCombo });
+        }
+        return bindings;
+    }, []);
+};
+
+const messageComposerBindings = (): KeyBinding[] => {
+    const bindings = getBindingsByCategory(CategoryName.COMPOSER);
+
+    if (SettingsStore.getValue("MessageComposerInput.ctrlEnterToSend")) {
+        bindings.push({
+            action: KeyBindingAction.SendMessage,
+            keyCombo: {
+                key: Key.ENTER,
+                ctrlOrCmdKey: true,
+            },
+        });
+        bindings.push({
+            action: KeyBindingAction.NewLine,
+            keyCombo: {
+                key: Key.ENTER,
+            },
+        });
+        bindings.push({
+            action: KeyBindingAction.NewLine,
+            keyCombo: {
+                key: Key.ENTER,
+                shiftKey: true,
+            },
+        });
+    } else {
+        bindings.push({
+            action: KeyBindingAction.SendMessage,
+            keyCombo: {
+                key: Key.ENTER,
+            },
+        });
+        bindings.push({
+            action: KeyBindingAction.NewLine,
+            keyCombo: {
+                key: Key.ENTER,
+                shiftKey: true,
+            },
+        });
+        if (IS_MAC) {
+            bindings.push({
+                action: KeyBindingAction.NewLine,
+                keyCombo: {
+                    key: Key.ENTER,
+                    altKey: true,
+                },
+            });
+        }
+    }
+
+    return bindings;
+};
+
+const autocompleteBindings = (): KeyBinding[] => {
+    const bindings = getBindingsByCategory(CategoryName.AUTOCOMPLETE);
+
+    bindings.push({
+        action: KeyBindingAction.ForceCompleteAutocomplete,
+        keyCombo: {
+            key: Key.TAB,
+        },
+    });
+    bindings.push({
+        action: KeyBindingAction.ForceCompleteAutocomplete,
+        keyCombo: {
+            key: Key.TAB,
+            ctrlKey: true,
+        },
+    });
+    bindings.push({
+        action: KeyBindingAction.CompleteAutocomplete,
+        keyCombo: {
+            key: Key.ENTER,
+        },
+    });
+    bindings.push({
+        action: KeyBindingAction.CompleteAutocomplete,
+        keyCombo: {
+            key: Key.ENTER,
+            ctrlKey: true,
+        },
+    });
+
+    return bindings;
+};
+
+const roomListBindings = (): KeyBinding[] => {
+    return getBindingsByCategory(CategoryName.ROOM_LIST);
+};
+
+const roomBindings = (): KeyBinding[] => {
+    const bindings = getBindingsByCategory(CategoryName.ROOM);
+
+    if (SettingsStore.getValue("ctrlFForSearch")) {
+        bindings.push({
+            action: KeyBindingAction.SearchInRoom,
+            keyCombo: {
+                key: Key.F,
+                ctrlOrCmdKey: true,
+            },
+        });
+    }
+
+    return bindings;
+};
+
+const navigationBindings = (): KeyBinding[] => {
+    return getBindingsByCategory(CategoryName.NAVIGATION);
+};
+
+const accessibilityBindings = (): KeyBinding[] => {
+    return getBindingsByCategory(CategoryName.ACCESSIBILITY);
+};
+
+const callBindings = (): KeyBinding[] => {
+    return getBindingsByCategory(CategoryName.CALLS);
+};
+
+const labsBindings = (): KeyBinding[] => {
+    if (!SdkConfig.get("show_labs_settings")) return [];
+
+    return getBindingsByCategory(CategoryName.LABS);
+};
+
+export const defaultBindingsProvider: IKeyBindingsProvider = {
+    getMessageComposerBindings: messageComposerBindings,
+    getAutocompleteBindings: autocompleteBindings,
+    getRoomListBindings: roomListBindings,
+    getRoomBindings: roomBindings,
+    getNavigationBindings: navigationBindings,
+    getAccessibilityBindings: accessibilityBindings,
+    getCallBindings: callBindings,
+    getLabsBindings: labsBindings,
+};
diff --git a/apps/web/src/KeyBindingsManager.test.ts b/apps/web/src/KeyBindingsManager.test.ts
new file mode 100644
index 00000000000..02c93d430ee
--- /dev/null
+++ b/apps/web/src/KeyBindingsManager.test.ts
@@ -0,0 +1,167 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Clemens Zeidler
+
+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 { describe, it, expect } from "vitest";
+
+import { isKeyComboMatch, type KeyCombo } from "./KeyBindingsManager";
+
+function mockKeyEvent(
+    key: string,
+    modifiers?: {
+        ctrlKey?: boolean;
+        altKey?: boolean;
+        shiftKey?: boolean;
+        metaKey?: boolean;
+    },
+): KeyboardEvent {
+    return {
+        key,
+        ctrlKey: modifiers?.ctrlKey ?? false,
+        altKey: modifiers?.altKey ?? false,
+        shiftKey: modifiers?.shiftKey ?? false,
+        metaKey: modifiers?.metaKey ?? false,
+    } as KeyboardEvent;
+}
+
+describe("KeyBindingsManager", () => {
+    it("should match basic key combo", () => {
+        const combo1: KeyCombo = {
+            key: "k",
+        };
+        expect(isKeyComboMatch(mockKeyEvent("k"), combo1, false)).toBe(true);
+        expect(isKeyComboMatch(mockKeyEvent("n"), combo1, false)).toBe(false);
+    });
+
+    it("should match key + modifier key combo", () => {
+        const combo: KeyCombo = {
+            key: "k",
+            ctrlKey: true,
+        };
+        expect(isKeyComboMatch(mockKeyEvent("k", { ctrlKey: true }), combo, false)).toBe(true);
+        expect(isKeyComboMatch(mockKeyEvent("n", { ctrlKey: true }), combo, false)).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("k"), combo, false)).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("k", { shiftKey: true }), combo, false)).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("k", { shiftKey: true, metaKey: true }), combo, false)).toBe(false);
+
+        const combo2: KeyCombo = {
+            key: "k",
+            metaKey: true,
+        };
+        expect(isKeyComboMatch(mockKeyEvent("k", { metaKey: true }), combo2, false)).toBe(true);
+        expect(isKeyComboMatch(mockKeyEvent("n", { metaKey: true }), combo2, false)).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("k"), combo2, false)).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("k", { altKey: true, metaKey: true }), combo2, false)).toBe(false);
+
+        const combo3: KeyCombo = {
+            key: "k",
+            altKey: true,
+        };
+        expect(isKeyComboMatch(mockKeyEvent("k", { altKey: true }), combo3, false)).toBe(true);
+        expect(isKeyComboMatch(mockKeyEvent("n", { altKey: true }), combo3, false)).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("k"), combo3, false)).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("k", { ctrlKey: true, metaKey: true }), combo3, false)).toBe(false);
+
+        const combo4: KeyCombo = {
+            key: "k",
+            shiftKey: true,
+        };
+        expect(isKeyComboMatch(mockKeyEvent("k", { shiftKey: true }), combo4, false)).toBe(true);
+        expect(isKeyComboMatch(mockKeyEvent("n", { shiftKey: true }), combo4, false)).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("k"), combo4, false)).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("k", { shiftKey: true, ctrlKey: true }), combo4, false)).toBe(false);
+    });
+
+    it("should match key + multiple modifiers key combo", () => {
+        const combo: KeyCombo = {
+            key: "k",
+            ctrlKey: true,
+            altKey: true,
+        };
+        expect(isKeyComboMatch(mockKeyEvent("k", { ctrlKey: true, altKey: true }), combo, false)).toBe(true);
+        expect(isKeyComboMatch(mockKeyEvent("n", { ctrlKey: true, altKey: true }), combo, false)).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("k", { ctrlKey: true, metaKey: true }), combo, false)).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("k", { ctrlKey: true, metaKey: true, shiftKey: true }), combo, false)).toBe(
+            false,
+        );
+
+        const combo2: KeyCombo = {
+            key: "k",
+            ctrlKey: true,
+            shiftKey: true,
+            altKey: true,
+        };
+        expect(isKeyComboMatch(mockKeyEvent("k", { ctrlKey: true, shiftKey: true, altKey: true }), combo2, false)).toBe(
+            true,
+        );
+        expect(isKeyComboMatch(mockKeyEvent("n", { ctrlKey: true, shiftKey: true, altKey: true }), combo2, false)).toBe(
+            false,
+        );
+        expect(isKeyComboMatch(mockKeyEvent("k", { ctrlKey: true, metaKey: true }), combo2, false)).toBe(false);
+        expect(
+            isKeyComboMatch(
+                mockKeyEvent("k", { ctrlKey: true, shiftKey: true, altKey: true, metaKey: true }),
+                combo2,
+                false,
+            ),
+        ).toBe(false);
+
+        const combo3: KeyCombo = {
+            key: "k",
+            ctrlKey: true,
+            shiftKey: true,
+            altKey: true,
+            metaKey: true,
+        };
+        expect(
+            isKeyComboMatch(
+                mockKeyEvent("k", { ctrlKey: true, shiftKey: true, altKey: true, metaKey: true }),
+                combo3,
+                false,
+            ),
+        ).toBe(true);
+        expect(
+            isKeyComboMatch(
+                mockKeyEvent("n", { ctrlKey: true, shiftKey: true, altKey: true, metaKey: true }),
+                combo3,
+                false,
+            ),
+        ).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("k", { ctrlKey: true, shiftKey: true, altKey: true }), combo3, false)).toBe(
+            false,
+        );
+    });
+
+    it("should match ctrlOrMeta key combo", () => {
+        const combo: KeyCombo = {
+            key: "k",
+            ctrlOrCmdKey: true,
+        };
+        // PC:
+        expect(isKeyComboMatch(mockKeyEvent("k", { ctrlKey: true }), combo, false)).toBe(true);
+        expect(isKeyComboMatch(mockKeyEvent("k", { metaKey: true }), combo, false)).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("n", { ctrlKey: true }), combo, false)).toBe(false);
+        // MAC:
+        expect(isKeyComboMatch(mockKeyEvent("k", { metaKey: true }), combo, true)).toBe(true);
+        expect(isKeyComboMatch(mockKeyEvent("k", { ctrlKey: true }), combo, true)).toBe(false);
+        expect(isKeyComboMatch(mockKeyEvent("n", { ctrlKey: true }), combo, true)).toBe(false);
+    });
+
+    it("should match advanced ctrlOrMeta key combo", () => {
+        const combo: KeyCombo = {
+            key: "k",
+            ctrlOrCmdKey: true,
+            altKey: true,
+        };
+        // PC:
+        expect(isKeyComboMatch(mockKeyEvent("k", { ctrlKey: true, altKey: true }), combo, false)).toBe(true);
+        expect(isKeyComboMatch(mockKeyEvent("k", { metaKey: true, altKey: true }), combo, false)).toBe(false);
+        // MAC:
+        expect(isKeyComboMatch(mockKeyEvent("k", { metaKey: true, altKey: true }), combo, true)).toBe(true);
+        expect(isKeyComboMatch(mockKeyEvent("k", { ctrlKey: true, altKey: true }), combo, true)).toBe(false);
+    });
+});
diff --git a/apps/web/src/KeyBindingsManager.ts b/apps/web/src/KeyBindingsManager.ts
new file mode 100644
index 00000000000..bef954f8feb
--- /dev/null
+++ b/apps/web/src/KeyBindingsManager.ts
@@ -0,0 +1,180 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2021 Clemens Zeidler
+
+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 KeyBindingAction } from "./accessibility/KeyboardShortcuts";
+import { defaultBindingsProvider } from "./KeyBindingsDefaults";
+import { IS_MAC } from "./Keyboard";
+
+/**
+ * Represent a key combination.
+ *
+ * The combo is evaluated strictly, i.e. the KeyboardEvent must match exactly what is specified in the KeyCombo.
+ */
+export type KeyCombo = {
+    key: string;
+
+    /** On PC: ctrl is pressed; on Mac: meta is pressed */
+    ctrlOrCmdKey?: boolean;
+
+    altKey?: boolean;
+    ctrlKey?: boolean;
+    metaKey?: boolean;
+    shiftKey?: boolean;
+};
+
+export type KeyBinding = {
+    action: KeyBindingAction;
+    keyCombo: KeyCombo;
+};
+
+/**
+ * Helper method to check if a KeyboardEvent matches a KeyCombo
+ *
+ * Note, this method is only exported for testing.
+ */
+export function isKeyComboMatch(ev: KeyboardEvent | React.KeyboardEvent, combo: KeyCombo, onMac: boolean): boolean {
+    if (combo.key !== undefined) {
+        // When shift is pressed, letters are returned as upper case chars. In this case do a lower case comparison.
+        // This works for letter combos such as shift + U as well for none letter combos such as shift + Escape.
+        // If shift is not pressed, the toLowerCase conversion can be avoided.
+        if (ev.shiftKey) {
+            if (ev.key.toLowerCase() !== combo.key.toLowerCase()) {
+                return false;
+            }
+        } else if (ev.key !== combo.key) {
+            return false;
+        }
+    }
+
+    const comboCtrl = combo.ctrlKey ?? false;
+    const comboAlt = combo.altKey ?? false;
+    const comboShift = combo.shiftKey ?? false;
+    const comboMeta = combo.metaKey ?? false;
+    // Tests mock events may keep the modifiers undefined; convert them to booleans
+    const evCtrl = ev.ctrlKey ?? false;
+    const evAlt = ev.altKey ?? false;
+    const evShift = ev.shiftKey ?? false;
+    const evMeta = ev.metaKey ?? false;
+    // When ctrlOrCmd is set, the keys need do evaluated differently on PC and Mac
+    if (combo.ctrlOrCmdKey) {
+        if (onMac) {
+            if (!evMeta || evCtrl !== comboCtrl || evAlt !== comboAlt || evShift !== comboShift) {
+                return false;
+            }
+        } else {
+            if (!evCtrl || evMeta !== comboMeta || evAlt !== comboAlt || evShift !== comboShift) {
+                return false;
+            }
+        }
+        return true;
+    }
+
+    if (evMeta !== comboMeta || evCtrl !== comboCtrl || evAlt !== comboAlt || evShift !== comboShift) {
+        return false;
+    }
+
+    return true;
+}
+
+export type KeyBindingGetter = () => KeyBinding[];
+
+export interface IKeyBindingsProvider {
+    [key: string]: KeyBindingGetter;
+}
+
+export class KeyBindingsManager {
+    /**
+     * List of key bindings providers.
+     *
+     * Key bindings from the first provider(s) in the list will have precedence over key bindings from later providers.
+     *
+     * To overwrite the default key bindings add a new providers before the default provider, e.g. a provider for
+     * customized key bindings.
+     */
+    public bindingsProviders: IKeyBindingsProvider[] = [defaultBindingsProvider];
+
+    /**
+     * Finds a matching KeyAction for a given KeyboardEvent
+     */
+    private getAction(
+        getters: KeyBindingGetter[],
+        ev: KeyboardEvent | React.KeyboardEvent,
+    ): KeyBindingAction | undefined {
+        for (const getter of getters) {
+            const bindings = getter();
+            const binding = bindings.find((it) => isKeyComboMatch(ev, it.keyCombo, IS_MAC));
+            if (binding) {
+                return binding.action;
+            }
+        }
+        return undefined;
+    }
+
+    public getMessageComposerAction(ev: KeyboardEvent | React.KeyboardEvent): KeyBindingAction | undefined {
+        return this.getAction(
+            this.bindingsProviders.map((it) => it.getMessageComposerBindings),
+            ev,
+        );
+    }
+
+    public getAutocompleteAction(ev: KeyboardEvent | React.KeyboardEvent): KeyBindingAction | undefined {
+        return this.getAction(
+            this.bindingsProviders.map((it) => it.getAutocompleteBindings),
+            ev,
+        );
+    }
+
+    public getRoomListAction(ev: KeyboardEvent | React.KeyboardEvent): KeyBindingAction | undefined {
+        return this.getAction(
+            this.bindingsProviders.map((it) => it.getRoomListBindings),
+            ev,
+        );
+    }
+
+    public getRoomAction(ev: KeyboardEvent | React.KeyboardEvent): KeyBindingAction | undefined {
+        return this.getAction(
+            this.bindingsProviders.map((it) => it.getRoomBindings),
+            ev,
+        );
+    }
+
+    public getNavigationAction(ev: KeyboardEvent | React.KeyboardEvent): KeyBindingAction | undefined {
+        return this.getAction(
+            this.bindingsProviders.map((it) => it.getNavigationBindings),
+            ev,
+        );
+    }
+
+    public getAccessibilityAction(ev: KeyboardEvent | React.KeyboardEvent): KeyBindingAction | undefined {
+        return this.getAction(
+            this.bindingsProviders.map((it) => it.getAccessibilityBindings),
+            ev,
+        );
+    }
+
+    public getCallAction(ev: KeyboardEvent | React.KeyboardEvent): KeyBindingAction | undefined {
+        return this.getAction(
+            this.bindingsProviders.map((it) => it.getCallBindings),
+            ev,
+        );
+    }
+
+    public getLabsAction(ev: KeyboardEvent | React.KeyboardEvent): KeyBindingAction | undefined {
+        return this.getAction(
+            this.bindingsProviders.map((it) => it.getLabsBindings),
+            ev,
+        );
+    }
+}
+
+const manager = new KeyBindingsManager();
+
+export function getKeyBindingsManager(): KeyBindingsManager {
+    return manager;
+}
diff --git a/apps/web/src/Keyboard.ts b/apps/web/src/Keyboard.ts
new file mode 100644
index 00000000000..de7ab059c6f
--- /dev/null
+++ b/apps/web/src/Keyboard.ts
@@ -0,0 +1,81 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2017 New Vector Ltd
+Copyright 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.
+*/
+
+import type React from "react";
+
+export const Key = {
+    HOME: "Home",
+    END: "End",
+    PAGE_UP: "PageUp",
+    PAGE_DOWN: "PageDown",
+    BACKSPACE: "Backspace",
+    DELETE: "Delete",
+    ARROW_UP: "ArrowUp",
+    ARROW_DOWN: "ArrowDown",
+    ARROW_LEFT: "ArrowLeft",
+    ARROW_RIGHT: "ArrowRight",
+    F6: "F6",
+    TAB: "Tab",
+    ESCAPE: "Escape",
+    ENTER: "Enter",
+    ALT: "Alt",
+    CONTROL: "Control",
+    META: "Meta",
+    SHIFT: "Shift",
+    CONTEXT_MENU: "ContextMenu",
+
+    COMMA: ",",
+    PERIOD: ".",
+    LESS_THAN: "<",
+    GREATER_THAN: ">",
+    BACKTICK: "`",
+    SPACE: " ",
+    SLASH: "/",
+    SQUARE_BRACKET_LEFT: "[",
+    SQUARE_BRACKET_RIGHT: "]",
+    SEMICOLON: ";",
+    A: "a",
+    B: "b",
+    C: "c",
+    D: "d",
+    E: "e",
+    F: "f",
+    G: "g",
+    H: "h",
+    I: "i",
+    J: "j",
+    K: "k",
+    L: "l",
+    M: "m",
+    N: "n",
+    O: "o",
+    P: "p",
+    Q: "q",
+    R: "r",
+    S: "s",
+    T: "t",
+    U: "u",
+    V: "v",
+    W: "w",
+    X: "x",
+    Y: "y",
+    Z: "z",
+};
+
+export const IS_MAC = navigator.platform.toUpperCase().includes("MAC");
+export const IS_ELECTRON = window.electron;
+
+export function isOnlyCtrlOrCmdKeyEvent(ev: React.KeyboardEvent | KeyboardEvent): boolean {
+    if (IS_MAC) {
+        return ev.metaKey && !ev.altKey && !ev.ctrlKey && !ev.shiftKey;
+    } else {
+        return ev.ctrlKey && !ev.altKey && !ev.metaKey && !ev.shiftKey;
+    }
+}
diff --git a/apps/web/src/LegacyCallHandler.tsx b/apps/web/src/LegacyCallHandler.tsx
new file mode 100644
index 00000000000..48627d59ad0
--- /dev/null
+++ b/apps/web/src/LegacyCallHandler.tsx
@@ -0,0 +1,1047 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2022 The Matrix.org Foundation C.I.C.
+Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2017, 2018 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.
+*/
+
+import React from "react";
+import { MatrixError, RuleId, TweakName, SyncState, TypedEventEmitter } from "matrix-js-sdk/src/matrix";
+import {
+    type CallError,
+    CallErrorCode,
+    CallEvent,
+    CallParty,
+    CallState,
+    CallType,
+    FALLBACK_ICE_SERVER,
+    type MatrixCall,
+} from "matrix-js-sdk/src/webrtc/call";
+import { logger } from "matrix-js-sdk/src/logger";
+import { CallEventHandlerEvent } from "matrix-js-sdk/src/webrtc/callEventHandler";
+
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import Modal from "./Modal";
+import { _t } from "./languageHandler";
+import dis from "./dispatcher/dispatcher";
+import WidgetUtils from "./utils/WidgetUtils";
+import SettingsStore from "./settings/SettingsStore";
+import { WidgetType } from "./widgets/WidgetType";
+import { SettingLevel } from "./settings/SettingLevel";
+import QuestionDialog from "./components/views/dialogs/QuestionDialog";
+import ErrorDialog from "./components/views/dialogs/ErrorDialog";
+import { WidgetMessagingStore } from "./stores/widgets/WidgetMessagingStore";
+import { ElementWidgetActions } from "./stores/widgets/ElementWidgetActions";
+import { UIFeature } from "./settings/UIFeature";
+import { Action } from "./dispatcher/actions";
+import { addManagedHybridWidget, isManagedHybridWidgetEnabled } from "./widgets/ManagedHybrid";
+import SdkConfig from "./SdkConfig";
+import { ensureDMExists } from "./createRoom";
+import IncomingLegacyCallToast, { getIncomingLegacyCallToastKey } from "./toasts/IncomingLegacyCallToast";
+import ToastStore from "./stores/ToastStore";
+import { type ViewRoomPayload } from "./dispatcher/payloads/ViewRoomPayload";
+import { InviteKind } from "./components/views/dialogs/InviteDialogTypes";
+import { type OpenInviteDialogPayload } from "./dispatcher/payloads/OpenInviteDialogPayload";
+import { findDMForUser } from "./utils/dm/findDMForUser";
+import { getJoinedNonFunctionalMembers } from "./utils/room/getJoinedNonFunctionalMembers";
+import { localNotificationsAreSilenced } from "./utils/notifications";
+import { isNotNull } from "./Typeguards";
+import { BackgroundAudio } from "./audio/BackgroundAudio";
+import { Jitsi } from "./widgets/Jitsi.ts";
+import { type SDKContextClass } from "./contexts/SDKContextClass.ts";
+
+export const PROTOCOL_PSTN = "m.protocol.pstn";
+export const PROTOCOL_PSTN_PREFIXED = "im.vector.protocol.pstn";
+
+const CHECK_PROTOCOLS_ATTEMPTS = 3;
+
+export enum AudioID {
+    Ring = "ringAudio",
+    Ringback = "ringbackAudio",
+    CallEnd = "callendAudio",
+    Busy = "busyAudio",
+}
+
+interface ThirdpartyLookupResponse {
+    userid: string;
+    protocol: string;
+}
+
+export enum LegacyCallHandlerEvent {
+    CallsChanged = "calls_changed",
+    CallChangeRoom = "call_change_room",
+    SilencedCallsChanged = "silenced_calls_changed",
+    ShownSidebarsChanged = "shown_sidebars_changed",
+    CallState = "call_state",
+    ProtocolSupport = "protocol_support",
+}
+
+type EventEmitterMap = {
+    [LegacyCallHandlerEvent.CallsChanged]: (calls: Map<string, MatrixCall>) => void;
+    [LegacyCallHandlerEvent.CallChangeRoom]: (call: MatrixCall) => void;
+    [LegacyCallHandlerEvent.SilencedCallsChanged]: (calls: Set<string>) => void;
+    [LegacyCallHandlerEvent.ShownSidebarsChanged]: (sidebarsShown: Map<string, boolean>) => void;
+    [LegacyCallHandlerEvent.CallState]: (mappedRoomId: string | null, status: CallState) => void;
+    [LegacyCallHandlerEvent.ProtocolSupport]: () => void;
+};
+
+/**
+ * LegacyCallHandler manages all currently active calls. It should be used for
+ * placing, answering, rejecting and hanging up calls. It also handles ringing,
+ * PSTN support and other things.
+ */
+export default class LegacyCallHandler extends TypedEventEmitter<LegacyCallHandlerEvent, EventEmitterMap> {
+    private calls = new Map<string, MatrixCall>(); // roomId -> call
+    // Calls started as an attended transfer, ie. with the intention of transferring another
+    // call with a different party to this one.
+    private transferees = new Map<string, MatrixCall>(); // callId (target) -> call (transferee)
+    private supportsPstnProtocol: boolean | null = null;
+    private pstnSupportPrefixed: boolean | null = null; // True if the server only support the prefixed pstn protocol
+
+    // Map of the asserted identity users after we've looked them up using the API.
+    // We need to be be able to determine the mapped room synchronously, so we
+    // do the async lookup when we get new information and then store these mappings here
+    private assertedIdentityNativeUsers = new Map<string, string>();
+
+    private silencedCalls = new Set<string>(); // callIds
+
+    private shownSidebars = new Map<string, boolean>(); // callId (call) -> sidebar show
+
+    private backgroundAudio = new BackgroundAudio();
+    private playingSources: Record<string, AudioBufferSourceNode> = {}; // Record them for stopping
+
+    public constructor(private readonly sdkContext: SDKContextClass) {
+        super();
+    }
+
+    /*
+     * Gets the user-facing room associated with a call
+     */
+    public roomIdForCall(call?: MatrixCall): string | null {
+        if (!call) return null;
+
+        // check asserted identity: if we're not obeying asserted identity,
+        // this map will never be populated, but we check anyway for sanity
+        if (this.shouldObeyAssertedfIdentity()) {
+            const nativeUser = this.assertedIdentityNativeUsers.get(call.callId);
+            if (nativeUser) {
+                const room = findDMForUser(MatrixClientPeg.safeGet(), nativeUser);
+                if (room) return room.roomId;
+            }
+        }
+
+        return call.roomId ?? null;
+    }
+
+    public start(): void {
+        if (SettingsStore.getValue(UIFeature.Voip)) {
+            MatrixClientPeg.safeGet().on(CallEventHandlerEvent.Incoming, this.onCallIncoming);
+        }
+
+        this.checkProtocols(CHECK_PROTOCOLS_ATTEMPTS);
+    }
+
+    public stop(): void {
+        const cli = MatrixClientPeg.get();
+        if (cli) {
+            cli.removeListener(CallEventHandlerEvent.Incoming, this.onCallIncoming);
+        }
+    }
+
+    public isForcedSilent(): boolean {
+        const cli = MatrixClientPeg.safeGet();
+        return localNotificationsAreSilenced(cli);
+    }
+
+    public silenceCall(callId?: string): void {
+        if (!callId) return;
+        this.silencedCalls.add(callId);
+        this.emit(LegacyCallHandlerEvent.SilencedCallsChanged, this.silencedCalls);
+
+        // Don't pause audio if we have calls which are still ringing
+        if (this.areAnyCallsUnsilenced()) return;
+        this.pause(AudioID.Ring);
+    }
+
+    public unSilenceCall(callId?: string): void {
+        if (!callId || this.isForcedSilent()) return;
+        this.silencedCalls.delete(callId);
+        this.emit(LegacyCallHandlerEvent.SilencedCallsChanged, this.silencedCalls);
+        this.play(AudioID.Ring);
+    }
+
+    public isCallSilenced(callId?: string): boolean {
+        return this.isForcedSilent() || (!!callId && this.silencedCalls.has(callId));
+    }
+
+    /**
+     * Returns true if there is at least one unsilenced call
+     * @returns {boolean}
+     */
+    private areAnyCallsUnsilenced(): boolean {
+        for (const call of this.calls.values()) {
+            if (call.state === CallState.Ringing && !this.isCallSilenced(call.callId)) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    public setCallSidebarShown(callId: string, sidebarShown: boolean): void {
+        this.shownSidebars.set(callId, sidebarShown);
+        this.emit(LegacyCallHandlerEvent.ShownSidebarsChanged, this.shownSidebars);
+    }
+
+    public isCallSidebarShown(callId?: string): boolean {
+        return !!callId && (this.shownSidebars.get(callId) ?? true);
+    }
+
+    private async checkProtocols(maxTries: number): Promise<void> {
+        try {
+            const protocols = await MatrixClientPeg.safeGet().getThirdpartyProtocols();
+
+            if (protocols[PROTOCOL_PSTN] !== undefined) {
+                this.supportsPstnProtocol = Boolean(protocols[PROTOCOL_PSTN]);
+                if (this.supportsPstnProtocol) this.pstnSupportPrefixed = false;
+            } else if (protocols[PROTOCOL_PSTN_PREFIXED] !== undefined) {
+                this.supportsPstnProtocol = Boolean(protocols[PROTOCOL_PSTN_PREFIXED]);
+                if (this.supportsPstnProtocol) this.pstnSupportPrefixed = true;
+            } else {
+                this.supportsPstnProtocol = null;
+            }
+
+            this.emit(LegacyCallHandlerEvent.ProtocolSupport);
+        } catch (e) {
+            if (maxTries === 1) {
+                logger.log("Failed to check for protocol support and no retries remain: assuming no support", e);
+            } else {
+                logger.log("Failed to check for protocol support: will retry", e);
+                window.setTimeout(() => {
+                    this.checkProtocols(maxTries - 1);
+                }, 10000);
+            }
+        }
+    }
+
+    private shouldObeyAssertedfIdentity(): boolean {
+        return !!SdkConfig.getObject("voip")?.get("obey_asserted_identity");
+    }
+
+    public getSupportsPstnProtocol(): boolean {
+        return this.supportsPstnProtocol ?? false;
+    }
+
+    public async pstnLookup(phoneNumber: string): Promise<ThirdpartyLookupResponse[]> {
+        try {
+            return await MatrixClientPeg.safeGet().getThirdpartyUser(
+                this.pstnSupportPrefixed ? PROTOCOL_PSTN_PREFIXED : PROTOCOL_PSTN,
+                {
+                    "m.id.phone": phoneNumber,
+                },
+            );
+        } catch (e) {
+            logger.warn("Failed to lookup user from phone number", e);
+            return Promise.resolve([]);
+        }
+    }
+
+    private onCallIncoming = (call: MatrixCall): void => {
+        // if the runtime env doesn't do VoIP, stop here.
+        if (!MatrixClientPeg.get()?.supportsVoip()) {
+            return;
+        }
+
+        const mappedRoomId = this.roomIdForCall(call);
+        if (!mappedRoomId) return;
+        if (this.getCallForRoom(mappedRoomId)) {
+            logger.log(
+                "Got incoming call for room " + mappedRoomId + " but there's already a call for this room: ignoring",
+            );
+            return;
+        }
+
+        this.addCallForRoom(mappedRoomId, call);
+        this.setCallListeners(call);
+        // Explicitly handle first state change
+        this.onCallStateChanged(call.state, null, call);
+
+        // get ready to send encrypted events in the room, so if the user does answer
+        // the call, we'll be ready to send. NB. This is the protocol-level room ID not
+        // the mapped one: that's where we'll send the events.
+        const cli = MatrixClientPeg.safeGet();
+        const room = cli.getRoom(call.roomId);
+        if (room) cli.getCrypto()?.prepareToEncrypt(room);
+    };
+
+    public getCallById(callId: string): MatrixCall | null {
+        for (const call of this.calls.values()) {
+            if (call.callId === callId) return call;
+        }
+        return null;
+    }
+
+    public getCallForRoom(roomId: string): MatrixCall | null {
+        return this.calls.get(roomId) || null;
+    }
+
+    public getAllActiveCalls(): MatrixCall[] {
+        const activeCalls: MatrixCall[] = [];
+
+        for (const call of this.calls.values()) {
+            if (call.state !== CallState.Ended && call.state !== CallState.Ringing) {
+                activeCalls.push(call);
+            }
+        }
+        return activeCalls;
+    }
+
+    public getAllActiveCallsNotInRoom(notInThisRoomId: string): MatrixCall[] {
+        const callsNotInThatRoom: MatrixCall[] = [];
+
+        for (const [roomId, call] of this.calls.entries()) {
+            if (roomId !== notInThisRoomId && call.state !== CallState.Ended) {
+                callsNotInThatRoom.push(call);
+            }
+        }
+        return callsNotInThatRoom;
+    }
+
+    public getAllActiveCallsForPip(roomId: string): MatrixCall[] {
+        const room = MatrixClientPeg.safeGet().getRoom(roomId);
+        if (room && this.sdkContext.widgetLayoutStore.hasMaximisedWidget(room)) {
+            // This checks if there is space for the call view in the aux panel
+            // If there is no space any call should be displayed in PiP
+            return this.getAllActiveCalls();
+        }
+        return this.getAllActiveCallsNotInRoom(roomId);
+    }
+
+    public getTransfereeForCallId(callId: string): MatrixCall | undefined {
+        return this.transferees.get(callId);
+    }
+
+    public async play(audioId: AudioID): Promise<void> {
+        const logPrefix = `LegacyCallHandler.play(${audioId}):`;
+        logger.debug(`${logPrefix} beginning of function`);
+
+        const audioInfo: Record<AudioID, [prefix: string, loop: boolean]> = {
+            [AudioID.Ring]: [`./media/ring`, true],
+            [AudioID.Ringback]: [`./media/ringback`, true],
+            [AudioID.CallEnd]: [`./media/callend`, false],
+            [AudioID.Busy]: [`./media/busy`, false],
+        };
+
+        const [urlPrefix, loop] = audioInfo[audioId];
+        const source = await this.backgroundAudio.pickFormatAndPlay(urlPrefix, ["mp3", "ogg"], loop);
+        if (this.playingSources[audioId]) {
+            logger.warn(`${logPrefix} Already playing audio ${audioId}!`);
+        }
+        this.playingSources[audioId] = source;
+        logger.debug(`${logPrefix} playing audio successfully`);
+    }
+
+    public pause(audioId: AudioID): void {
+        const logPrefix = `LegacyCallHandler.pause(${audioId}):`;
+        logger.debug(`${logPrefix} beginning of function`);
+
+        const source = this.playingSources[audioId];
+        if (!source) {
+            logger.debug(`${logPrefix} audio not playing`);
+            return;
+        }
+
+        source.stop();
+        delete this.playingSources[audioId];
+
+        logger.debug(`${logPrefix} paused audio`);
+    }
+
+    /**
+     * Returns whether the given audio is currently playing
+     * Only supported for looping audio tracks
+     * @param audioId the ID of the audio to query for playing state
+     */
+    public isPlaying(audioId: AudioID.Ring | AudioID.Ringback): boolean {
+        return !!this.playingSources[audioId];
+    }
+
+    private matchesCallForThisRoom(call: MatrixCall): boolean {
+        // We don't allow placing more than one call per room, but that doesn't mean there
+        // can't be more than one, eg. in a glare situation. This checks that the given call
+        // is the call we consider 'the' call for its room.
+        const mappedRoomId = this.roomIdForCall(call);
+
+        const callForThisRoom = mappedRoomId ? this.getCallForRoom(mappedRoomId) : null;
+        return !!callForThisRoom && call.callId === callForThisRoom.callId;
+    }
+
+    private setCallListeners(call: MatrixCall): void {
+        let mappedRoomId = this.roomIdForCall(call);
+
+        call.on(CallEvent.Error, (err: CallError) => {
+            if (!this.matchesCallForThisRoom(call)) return;
+
+            logger.error("Call error:", err);
+
+            if (err.code === CallErrorCode.NoUserMedia) {
+                this.showMediaCaptureError(call);
+                return;
+            }
+
+            if (
+                MatrixClientPeg.safeGet().getTurnServers().length === 0 &&
+                SettingsStore.getValue("fallbackICEServerAllowed") === null
+            ) {
+                this.showICEFallbackPrompt();
+                return;
+            }
+
+            Modal.createDialog(ErrorDialog, {
+                title: _t("voip|call_failed"),
+                description: err.message,
+            });
+        });
+        call.on(CallEvent.Hangup, () => {
+            if (!mappedRoomId || !this.matchesCallForThisRoom(call)) return;
+
+            if (isNotNull(mappedRoomId)) {
+                this.removeCallForRoom(mappedRoomId);
+            }
+        });
+        call.on(CallEvent.State, (newState: CallState, oldState: CallState) => {
+            this.onCallStateChanged(newState, oldState, call);
+        });
+        call.on(CallEvent.Replaced, (newCall: MatrixCall) => {
+            if (!mappedRoomId || !this.matchesCallForThisRoom(call)) return;
+
+            logger.log(`Call ID ${call.callId} is being replaced by call ID ${newCall.callId}`);
+
+            if (call.state === CallState.Ringing) {
+                this.pause(AudioID.Ring);
+            } else if (call.state === CallState.InviteSent) {
+                this.pause(AudioID.Ringback);
+            }
+
+            if (isNotNull(mappedRoomId)) {
+                this.removeCallForRoom(mappedRoomId);
+                this.addCallForRoom(mappedRoomId, newCall);
+            }
+            this.setCallListeners(newCall);
+            this.setCallState(newCall, newCall.state);
+        });
+        call.on(CallEvent.AssertedIdentityChanged, async (): Promise<void> => {
+            if (!mappedRoomId || !this.matchesCallForThisRoom(call)) return;
+
+            logger.log(`Call ID ${call.callId} got new asserted identity:`, call.getRemoteAssertedIdentity());
+
+            if (!this.shouldObeyAssertedfIdentity()) {
+                logger.log("asserted identity not enabled in config: ignoring");
+                return;
+            }
+
+            const newAssertedIdentity = call.getRemoteAssertedIdentity()?.id;
+
+            if (newAssertedIdentity) {
+                this.assertedIdentityNativeUsers.set(call.callId, newAssertedIdentity);
+
+                // If we don't already have a room with this user, make one. This will be slightly odd
+                // if they called us because we'll be inviting them, but there's not much we can do about
+                // this if we want the actual, native room to exist (which we do). This is why it's
+                // important to only obey asserted identity in trusted environments, since anyone you're
+                // on a call with can cause you to send a room invite to someone.
+                await ensureDMExists(MatrixClientPeg.safeGet(), newAssertedIdentity);
+
+                const newMappedRoomId = this.roomIdForCall(call);
+                logger.log(`Old room ID: ${mappedRoomId}, new room ID: ${newMappedRoomId}`);
+                if (newMappedRoomId !== mappedRoomId && isNotNull(mappedRoomId) && isNotNull(newMappedRoomId)) {
+                    this.removeCallForRoom(mappedRoomId);
+                    mappedRoomId = newMappedRoomId;
+                    logger.log("Moving call to room " + mappedRoomId);
+                    this.addCallForRoom(mappedRoomId, call, true);
+                }
+            }
+        });
+    }
+
+    private onCallStateChanged = (newState: CallState, oldState: CallState | null, call: MatrixCall): void => {
+        const mappedRoomId = this.roomIdForCall(call);
+        if (!mappedRoomId || !this.matchesCallForThisRoom(call)) return;
+
+        this.setCallState(call, newState);
+        // XXX: this is used by the IPC into Electron to keep device awake
+        dis.dispatch({
+            action: "call_state",
+            room_id: mappedRoomId,
+            state: newState,
+        });
+
+        switch (oldState) {
+            case CallState.Ringing:
+                this.pause(AudioID.Ring);
+                break;
+            case CallState.InviteSent:
+                this.pause(AudioID.Ringback);
+                break;
+        }
+
+        if (newState !== CallState.Ringing) {
+            this.silencedCalls.delete(call.callId);
+        }
+
+        switch (newState) {
+            case CallState.Ringing: {
+                const incomingCallPushRule = MatrixClientPeg.safeGet().pushProcessor.getPushRuleById(
+                    RuleId.IncomingCall,
+                );
+                const pushRuleEnabled = incomingCallPushRule?.enabled;
+                // actions can be either Tweaks | PushRuleActionName, ie an object or a string type enum
+                // and we want to only run this check on the Tweaks
+                const tweakSetToRing = incomingCallPushRule?.actions.some(
+                    (action) =>
+                        typeof action !== "string" && action.set_tweak === TweakName.Sound && action.value === "ring",
+                );
+
+                if (pushRuleEnabled && tweakSetToRing && !this.isForcedSilent()) {
+                    this.play(AudioID.Ring);
+                } else {
+                    this.silenceCall(call.callId);
+                }
+                break;
+            }
+            case CallState.InviteSent: {
+                this.play(AudioID.Ringback);
+                break;
+            }
+            case CallState.Ended: {
+                const hangupReason = call.hangupReason;
+                if (isNotNull(mappedRoomId)) {
+                    this.removeCallForRoom(mappedRoomId);
+                }
+
+                if (oldState === CallState.InviteSent && call.hangupParty === CallParty.Remote) {
+                    this.play(AudioID.Busy);
+
+                    // Don't show a modal when we got rejected/the call was hung up
+                    if (!hangupReason || [CallErrorCode.UserHangup, "user hangup"].includes(hangupReason)) break;
+
+                    let title: string;
+                    let description: string;
+                    // TODO: We should either do away with these or figure out a copy for each code (expect user_hangup...)
+                    if (call.hangupReason === CallErrorCode.UserBusy) {
+                        title = _t("voip|user_busy");
+                        description = _t("voip|user_busy_description");
+                    } else {
+                        title = _t("voip|call_failed");
+                        description = _t("voip|call_failed_description");
+                    }
+
+                    Modal.createDialog(ErrorDialog, {
+                        title,
+                        description,
+                    });
+                } else if (hangupReason === CallErrorCode.AnsweredElsewhere && oldState === CallState.Connecting) {
+                    Modal.createDialog(ErrorDialog, {
+                        title: _t("voip|answered_elsewhere"),
+                        description: _t("voip|answered_elsewhere_description"),
+                    });
+                } else if (oldState !== CallState.Fledgling && oldState !== CallState.Ringing) {
+                    // don't play the end-call sound for calls that never got off the ground
+                    this.play(AudioID.CallEnd);
+                }
+
+                if (isNotNull(mappedRoomId)) {
+                    this.logCallStats(call, mappedRoomId);
+                }
+                break;
+            }
+        }
+    };
+
+    private async logCallStats(call: MatrixCall, mappedRoomId: string): Promise<void> {
+        const stats = await call.getCurrentCallStats();
+        logger.debug(
+            `Call completed. Call ID: ${call.callId}, virtual room ID: ${call.roomId}, ` +
+                `user-facing room ID: ${mappedRoomId}, direction: ${call.direction}, ` +
+                `our Party ID: ${call.ourPartyId}, hangup party: ${call.hangupParty}, ` +
+                `hangup reason: ${call.hangupReason}`,
+        );
+        if (!stats) {
+            logger.debug(
+                "Call statistics are undefined. The call has probably failed before a peerConn was established",
+            );
+            return;
+        }
+        logger.debug("Local candidates:");
+        for (const cand of stats.filter((item) => item.type === "local-candidate")) {
+            const address = cand.address || cand.ip; // firefox uses 'address', chrome uses 'ip'
+            logger.debug(
+                `${cand.id} - type: ${cand.candidateType}, address: ${address}, port: ${cand.port}, ` +
+                    `protocol: ${cand.protocol}, relay protocol: ${cand.relayProtocol}, network type: ${cand.networkType}`,
+            );
+        }
+        logger.debug("Remote candidates:");
+        for (const cand of stats.filter((item) => item.type === "remote-candidate")) {
+            const address = cand.address || cand.ip; // firefox uses 'address', chrome uses 'ip'
+            logger.debug(
+                `${cand.id} - type: ${cand.candidateType}, address: ${address}, port: ${cand.port}, ` +
+                    `protocol: ${cand.protocol}`,
+            );
+        }
+        logger.debug("Candidate pairs:");
+        for (const pair of stats.filter((item) => item.type === "candidate-pair")) {
+            logger.debug(
+                `${pair.localCandidateId} / ${pair.remoteCandidateId} - state: ${pair.state}, ` +
+                    `nominated: ${pair.nominated}, ` +
+                    `requests sent ${pair.requestsSent}, requests received  ${pair.requestsReceived},  ` +
+                    `responses received: ${pair.responsesReceived}, responses sent: ${pair.responsesSent}, ` +
+                    `bytes received: ${pair.bytesReceived}, bytes sent: ${pair.bytesSent}, `,
+            );
+        }
+
+        logger.debug("Outbound RTP:");
+        for (const s of stats.filter((item) => item.type === "outbound-rtp")) {
+            logger.debug(s);
+        }
+
+        logger.debug("Inbound RTP:");
+        for (const s of stats.filter((item) => item.type === "inbound-rtp")) {
+            logger.debug(s);
+        }
+    }
+
+    private setCallState(call: MatrixCall, status: CallState): void {
+        const mappedRoomId = this.roomIdForCall(call);
+
+        logger.log(`Call state in ${mappedRoomId} changed to ${status}`);
+
+        const toastKey = getIncomingLegacyCallToastKey(call.callId);
+        if (status === CallState.Ringing) {
+            ToastStore.sharedInstance().addOrReplaceToast({
+                key: toastKey,
+                priority: 100,
+                component: IncomingLegacyCallToast,
+                bodyClassName: "mx_IncomingLegacyCallToast",
+                props: { call },
+            });
+        } else {
+            ToastStore.sharedInstance().dismissToast(toastKey);
+        }
+
+        this.emit(LegacyCallHandlerEvent.CallState, mappedRoomId, status);
+    }
+
+    private removeCallForRoom(roomId: string): void {
+        logger.log("Removing call for room ", roomId);
+        this.calls.delete(roomId);
+        this.emit(LegacyCallHandlerEvent.CallsChanged, this.calls);
+    }
+
+    private showICEFallbackPrompt(): void {
+        const cli = MatrixClientPeg.safeGet();
+        const { finished } = Modal.createDialog(
+            QuestionDialog,
+            {
+                title: _t("voip|misconfigured_server"),
+                description: (
+                    <div>
+                        <p>
+                            {_t(
+                                "voip|misconfigured_server_description",
+                                { homeserverDomain: cli.getDomain() },
+                                { code: (sub: string) => <code>{sub}</code> },
+                            )}
+                        </p>
+                        <p>
+                            {_t("voip|misconfigured_server_fallback", undefined, {
+                                server: () => <code>{new URL(FALLBACK_ICE_SERVER).pathname}</code>,
+                            })}
+                        </p>
+                    </div>
+                ),
+                button: _t("voip|misconfigured_server_fallback_accept", {
+                    server: new URL(FALLBACK_ICE_SERVER).pathname,
+                }),
+                cancelButton: _t("action|ok"),
+            },
+            undefined,
+            true,
+        );
+
+        finished.then(([allow]) => {
+            SettingsStore.setValue("fallbackICEServerAllowed", null, SettingLevel.DEVICE, allow ?? null);
+        });
+    }
+
+    private showMediaCaptureError(call: MatrixCall): void {
+        let title;
+        let description;
+
+        if (call.type === CallType.Voice) {
+            title = _t("voip|unable_to_access_microphone");
+            description = <div>{_t("voip|call_failed_microphone")}</div>;
+        } else if (call.type === CallType.Video) {
+            title = _t("voip|unable_to_access_media");
+            description = (
+                <div>
+                    {_t("voip|call_failed_media")}
+                    <ul>
+                        <li>{_t("voip|call_failed_media_connected")}</li>
+                        <li>{_t("voip|call_failed_media_permissions")}</li>
+                        <li>{_t("voip|call_failed_media_applications")}</li>
+                    </ul>
+                </div>
+            );
+        }
+
+        Modal.createDialog(
+            ErrorDialog,
+            {
+                title,
+                description,
+            },
+            undefined,
+            true,
+        );
+    }
+
+    private async placeMatrixCall(roomId: string, type: CallType, transferee?: MatrixCall): Promise<void> {
+        const cli = MatrixClientPeg.safeGet();
+
+        const timeUntilTurnCresExpire = cli.getTurnServersExpiry() - Date.now();
+        logger.log("Current turn creds expire in " + timeUntilTurnCresExpire + " ms");
+        const call = cli.createCall(roomId)!;
+
+        try {
+            this.addCallForRoom(roomId, call);
+        } catch {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("voip|already_in_call"),
+                description: _t("voip|already_in_call_person"),
+            });
+            return;
+        }
+        if (transferee) {
+            this.transferees.set(call.callId, transferee);
+        }
+
+        this.setCallListeners(call);
+
+        this.setActiveCallRoomId(roomId);
+
+        if (type === CallType.Voice) {
+            call.placeVoiceCall();
+        } else if (type === "video") {
+            call.placeVideoCall();
+        } else {
+            logger.error("Unknown conf call type: " + type);
+        }
+    }
+
+    public async placeCall(roomId: string, type: CallType, transferee?: MatrixCall): Promise<void> {
+        const cli = MatrixClientPeg.safeGet();
+        const room = cli.getRoom(roomId);
+        if (!room) {
+            logger.error(`Room ${roomId} does not exist.`);
+            return;
+        }
+
+        // We might be using managed hybrid widgets
+        if (isManagedHybridWidgetEnabled(room)) {
+            await addManagedHybridWidget(room);
+            return;
+        }
+
+        // if the runtime env doesn't do VoIP, whine.
+        if (!cli.supportsVoip()) {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("voip|unsupported"),
+                description: _t("voip|unsupported_browser"),
+            });
+            return;
+        }
+
+        if (cli.getSyncState() === SyncState.Error) {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("voip|connection_lost"),
+                description: _t("voip|connection_lost_description"),
+            });
+            return;
+        }
+
+        // don't allow > 2 calls to be placed.
+        if (this.getAllActiveCalls().length > 1) {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("voip|too_many_calls"),
+                description: _t("voip|too_many_calls_description"),
+            });
+            return;
+        }
+
+        // We leave the check for whether there's already a call in this room until later,
+        // otherwise it can race.
+
+        const members = getJoinedNonFunctionalMembers(room);
+        if (members.length <= 1) {
+            Modal.createDialog(ErrorDialog, {
+                description: _t("voip|cannot_call_yourself_description"),
+            });
+        } else if (members.length === 2 && !Jitsi.getInstance().useFor1To1Calls) {
+            logger.info(`Place ${type} call in ${roomId}`);
+
+            await this.placeMatrixCall(roomId, type, transferee);
+        } else {
+            // > 2 || useFor1To1Calls
+            await this.placeJitsiCall(roomId, type);
+        }
+    }
+
+    public hangupAllCalls(): void {
+        for (const call of this.calls.values()) {
+            this.stopRingingIfPossible(call.callId);
+            call.hangup(CallErrorCode.UserHangup, false);
+        }
+    }
+
+    public hangupOrReject(roomId: string, reject?: boolean): void {
+        const call = this.calls.get(roomId);
+
+        // no call to hangup
+        if (!call) return;
+
+        this.stopRingingIfPossible(call.callId);
+
+        if (reject) {
+            call.reject();
+        } else {
+            call.hangup(CallErrorCode.UserHangup, false);
+        }
+        // don't remove the call yet: let the hangup event handler do it (otherwise it will throw
+        // the hangup event away)
+    }
+
+    public answerCall(roomId: string): void {
+        // no call to answer
+        if (!this.calls.has(roomId)) return;
+
+        const call = this.calls.get(roomId)!;
+        this.stopRingingIfPossible(call.callId);
+
+        if (this.getAllActiveCalls().length > 1) {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("voip|too_many_calls"),
+                description: _t("voip|too_many_calls_description"),
+            });
+            return;
+        }
+
+        call.answer();
+        this.setActiveCallRoomId(roomId);
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: roomId,
+            metricsTrigger: "WebAcceptCall",
+        });
+    }
+
+    private stopRingingIfPossible(callId: string): void {
+        this.silencedCalls.delete(callId);
+        if (this.areAnyCallsUnsilenced()) return;
+        this.pause(AudioID.Ring);
+    }
+
+    public async dialNumber(number: string, transferee?: MatrixCall): Promise<void> {
+        const results = await this.pstnLookup(number);
+        if (!results || results.length === 0 || !results[0].userid) {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("voip|msisdn_lookup_failed"),
+                description: _t("voip|msisdn_lookup_failed_description"),
+            });
+            return;
+        }
+        const userId = results[0].userid;
+
+        const roomId = await ensureDMExists(MatrixClientPeg.safeGet(), userId);
+        if (!roomId) {
+            throw new Error("Failed to ensure DM exists for dialing number");
+        }
+
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: roomId,
+            metricsTrigger: "WebDialPad",
+        });
+
+        await this.placeMatrixCall(roomId, CallType.Voice, transferee);
+    }
+
+    public async startTransferToPhoneNumber(
+        call: MatrixCall,
+        destination: string,
+        consultFirst: boolean,
+    ): Promise<void> {
+        if (consultFirst) {
+            // if we're consulting, we just start by placing a call to the transfer
+            // target (passing the transferee so the actual transfer can happen later)
+            this.dialNumber(destination, call);
+            return;
+        }
+
+        const results = await this.pstnLookup(destination);
+        if (!results || results.length === 0 || !results[0].userid) {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("voip|msisdn_transfer_failed"),
+                description: _t("voip|msisdn_lookup_failed_description"),
+            });
+            return;
+        }
+
+        await this.startTransferToMatrixID(call, results[0].userid, consultFirst);
+    }
+
+    public async startTransferToMatrixID(call: MatrixCall, destination: string, consultFirst: boolean): Promise<void> {
+        if (consultFirst) {
+            const dmRoomId = await ensureDMExists(MatrixClientPeg.safeGet(), destination);
+            if (!dmRoomId) {
+                logger.log("Failed to transfer call, could not ensure dm exists");
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("voip|transfer_failed"),
+                    description: _t("voip|transfer_failed_description"),
+                });
+                return;
+            }
+
+            this.placeCall(dmRoomId, call.type, call);
+            dis.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: dmRoomId,
+                should_peek: false,
+                joining: false,
+                metricsTrigger: undefined, // other
+            });
+        } else {
+            try {
+                await call.transfer(destination);
+            } catch (e) {
+                logger.log("Failed to transfer call", e);
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("voip|transfer_failed"),
+                    description: _t("voip|transfer_failed_description"),
+                });
+            }
+        }
+    }
+
+    public setActiveCallRoomId(activeCallRoomId: string): void {
+        logger.info("Setting call in room " + activeCallRoomId + " active");
+
+        for (const [roomId, call] of this.calls.entries()) {
+            if (call.state === CallState.Ended) continue;
+
+            if (roomId === activeCallRoomId) {
+                call.setRemoteOnHold(false);
+            } else {
+                logger.info("Holding call in room " + roomId + " because another call is being set active");
+                call.setRemoteOnHold(true);
+            }
+        }
+    }
+
+    /**
+     * @returns true if we are currently in any call where we haven't put the remote party on hold
+     */
+    public hasAnyUnheldCall(): boolean {
+        for (const call of this.calls.values()) {
+            if (call.state === CallState.Ended) continue;
+            if (!call.isRemoteOnHold()) return true;
+        }
+
+        return false;
+    }
+
+    private async placeJitsiCall(roomId: string, type: CallType): Promise<void> {
+        const client = MatrixClientPeg.safeGet();
+        logger.info(`Place conference call in ${roomId}`);
+
+        dis.dispatch({ action: "appsDrawer", show: true });
+
+        // Prevent double clicking the call button
+        const widget = this.sdkContext.widgetStore.getApps(roomId).find((app) => WidgetType.JITSI.matches(app.type));
+        if (widget) {
+            // If there already is a Jitsi widget, pin it
+            const room = client.getRoom(roomId);
+            if (isNotNull(room)) {
+                this.sdkContext.widgetLayoutStore.moveToContainer(room, widget, "top");
+            }
+            return;
+        }
+
+        try {
+            await WidgetUtils.addJitsiWidget(client, roomId, type, "Jitsi", false);
+            logger.log("Jitsi widget added");
+        } catch (e) {
+            if (e instanceof MatrixError && e.errcode === "M_FORBIDDEN") {
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("voip|no_permission_conference"),
+                    description: _t("voip|no_permission_conference_description"),
+                });
+            }
+            logger.error(e);
+        }
+    }
+
+    public hangupCallApp(roomId: string): void {
+        logger.info("Leaving conference call in " + roomId);
+
+        const roomInfo = this.sdkContext.widgetStore.getRoom(roomId);
+        if (!roomInfo) return; // "should never happen" clauses go here
+
+        const jitsiWidgets = roomInfo.widgets.filter((w) => WidgetType.JITSI.matches(w.type));
+        jitsiWidgets.forEach((w) => {
+            const messaging = WidgetMessagingStore.instance.getMessagingForUid(WidgetUtils.getWidgetUid(w));
+            if (!messaging?.widgetApi) return; // more "should never happen" words
+
+            messaging.widgetApi.transport.send(ElementWidgetActions.HangupCall, {});
+        });
+    }
+
+    /*
+     * Shows the transfer dialog for a call, signalling to the other end that
+     * a transfer is about to happen
+     */
+    public showTransferDialog(call: MatrixCall): void {
+        call.setRemoteOnHold(true);
+        dis.dispatch<OpenInviteDialogPayload>({
+            action: Action.OpenInviteDialog,
+            kind: InviteKind.CallTransfer,
+            call,
+            analyticsName: "Transfer Call",
+            className: "mx_InviteDialog_transferWrapper",
+            onFinishedCallback: (results) => {
+                if (results.length === 0 || results[0] === false) {
+                    call.setRemoteOnHold(false);
+                }
+            },
+        });
+    }
+
+    private addCallForRoom(roomId: string, call: MatrixCall, changedRooms = false): void {
+        if (this.calls.has(roomId)) {
+            logger.log(`Couldn't add call to room ${roomId}: already have a call for this room`);
+            throw new Error("Already have a call for room " + roomId);
+        }
+
+        logger.log("setting call for room " + roomId);
+        this.calls.set(roomId, call);
+
+        // Should we always emit CallsChanged too?
+        if (changedRooms) {
+            this.emit(LegacyCallHandlerEvent.CallChangeRoom, call);
+        } else {
+            this.emit(LegacyCallHandlerEvent.CallsChanged, this.calls);
+        }
+    }
+}
diff --git a/apps/web/src/Lifecycle.test.ts b/apps/web/src/Lifecycle.test.ts
new file mode 100644
index 00000000000..c5c03592a3c
--- /dev/null
+++ b/apps/web/src/Lifecycle.test.ts
@@ -0,0 +1,971 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach, type MockedObject } from "vitest";
+import { logger } from "matrix-js-sdk/src/logger";
+import * as MatrixJs from "matrix-js-sdk/src/matrix";
+import { decodeBase64, encodeUnpaddedBase64, MatrixClient, OAuth2 } from "matrix-js-sdk/src/matrix";
+import * as encryptAESSecretStorageItemModule from "matrix-js-sdk/src/utils/encryptAESSecretStorageItem";
+import fetchMock from "@fetch-mock/vitest";
+import {
+    flushPromises,
+    getMockClientWithEventEmitter,
+    mockClientMethodsUser,
+    mockClientMethodsServer,
+    mockPlatformPeg,
+} from "test-utils";
+import { makeDelegatedAuthMetadata } from "test-utils/auth";
+
+import StorageEvictedDialog from "./components/views/dialogs/StorageEvictedDialog";
+import * as Lifecycle from "./Lifecycle";
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import Modal from "./Modal";
+import * as StorageAccess from "./utils/StorageAccess";
+import { idbSave } from "./utils/StorageAccess";
+import { Action } from "./dispatcher/actions";
+import PlatformPeg from "./PlatformPeg";
+import { persistTokens } from "./utils/tokens/tokens";
+import { encryptPickleKey } from "./utils/tokens/pickling";
+import * as StorageManager from "./utils/StorageManager.ts";
+import type BasePlatform from "./BasePlatform.ts";
+import * as createMatrixClientModule from "./utils/createMatrixClient";
+
+const { logout, restoreSessionFromStorage, setLoggedIn } = Lifecycle;
+
+describe("Lifecycle", () => {
+    const homeserverUrl = "https://domain";
+    const identityServerUrl = "https://is.org";
+    const userId = "@alice:domain";
+    const deviceId = "abc123";
+    const accessToken = "test-access-token";
+
+    let mockPlatform: MockedObject<BasePlatform>;
+
+    let mockClient!: MockedObject<MatrixJs.MatrixClient>;
+
+    beforeEach(() => {
+        mockPlatform = mockPlatformPeg();
+        mockClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(),
+            ...mockClientMethodsServer(),
+            stopClient: vi.fn(),
+            removeAllListeners: vi.fn(),
+            clearStores: vi.fn(),
+            getDeviceId: vi.fn().mockReturnValue(deviceId),
+            isVersionSupported: vi.fn().mockResolvedValue(true),
+            getCrypto: vi.fn(),
+            getThirdpartyProtocols: vi.fn(),
+            store: {
+                destroy: vi.fn(),
+            },
+            getVersions: vi.fn().mockResolvedValue({ versions: ["v1.1"] }),
+            logout: vi.fn().mockResolvedValue(undefined),
+            getRefreshToken: vi.fn(),
+            isInitialSyncComplete: vi.fn(),
+            setGuest: vi.fn(),
+            setNotifTimelineSet: vi.fn(),
+            getRooms: vi.fn().mockReturnValue([]),
+            matrixRTC: { on: vi.fn(), off: vi.fn() },
+        });
+        // stub this
+        vi.spyOn(MatrixClientPeg, "set").mockImplementation(() => {});
+        vi.spyOn(MatrixClientPeg, "start").mockResolvedValue(undefined);
+
+        vi.spyOn(encryptAESSecretStorageItemModule, "default").mockRestore();
+
+        localStorage.clear();
+        sessionStorage.clear();
+        vi.spyOn(MatrixClient.prototype, "getAuthMetadata").mockResolvedValue(makeDelegatedAuthMetadata());
+    });
+
+    afterEach(() => {
+        vi.resetAllMocks();
+    });
+
+    const initIdbMock = (mockStore: Record<string, Record<string, unknown>> = {}): void => {
+        vi.spyOn(StorageAccess, "idbLoad")
+            .mockClear()
+            .mockImplementation(
+                // @ts-ignore mock type
+                async (table: string, key: string) => mockStore[table]?.[key] ?? null,
+            );
+        vi.spyOn(StorageAccess, "idbSave")
+            .mockClear()
+            .mockImplementation(
+                // @ts-ignore mock type
+                async (tableKey: string, key: string, value: unknown) => {
+                    const table = mockStore[tableKey] || {};
+                    table[key as string] = value;
+                    mockStore[tableKey] = table;
+                },
+            );
+        vi.spyOn(StorageAccess, "idbDelete")
+            .mockClear()
+            .mockImplementation(async (tableKey: string, key: string | string[]) => {
+                const table = mockStore[tableKey];
+                delete table?.[key as string];
+            });
+        vi.spyOn(StorageAccess, "idbClear")
+            .mockClear()
+            .mockImplementation(async (tableKey: string) => {
+                mockStore[tableKey] = {};
+            });
+    };
+
+    const localStorageSession: Record<string, string> = {
+        mx_hs_url: homeserverUrl,
+        mx_is_url: identityServerUrl,
+        mx_user_id: userId,
+        mx_device_id: deviceId,
+    };
+    const idbStorageSession = {
+        account: {
+            mx_access_token: accessToken,
+        },
+    };
+    const credentials = {
+        homeserverUrl,
+        identityServerUrl,
+        userId,
+        deviceId,
+        accessToken,
+    };
+
+    const refreshToken = "test-refresh-token";
+
+    const encryptedTokenShapedObject = {
+        ciphertext: expect.any(String),
+        iv: expect.any(String),
+        mac: expect.any(String),
+    };
+
+    describe("loadSession", () => {
+        beforeEach(() => {
+            // stub this out
+            vi.spyOn(Modal, "createDialog").mockReturnValue(
+                // @ts-ignore allow bad mock
+                { finished: Promise.resolve([true]) },
+            );
+        });
+
+        it("should not show any error dialog when checkConsistency throws but abortSignal has triggered", async () => {
+            vi.spyOn(StorageManager, "checkConsistency").mockRejectedValue(new Error("test error"));
+
+            const abortController = new AbortController();
+            const prom = Lifecycle.loadSession({
+                enableGuest: true,
+                guestHsUrl: "https://guest.server",
+                urlParams: { guest: { guest_user_id: "a", guest_access_token: "b" } },
+                abortSignal: abortController.signal,
+            });
+            abortController.abort();
+            await expect(prom).resolves.toBeFalsy();
+
+            expect(Modal.createDialog).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("restoreSessionFromStorage()", () => {
+        const realLocalStorage = localStorage;
+
+        beforeEach(() => {
+            initIdbMock();
+
+            vi.spyOn(logger, "log").mockClear();
+
+            vi.spyOn(MatrixJs, "createClient").mockReturnValue(mockClient);
+            vi.spyOn(createMatrixClientModule, "createClientWithCreds").mockReturnValue(mockClient);
+
+            // stub this out
+            vi.spyOn(Modal, "createDialog").mockReturnValue(
+                // @ts-ignore allow bad mock
+                { finished: Promise.resolve([true]) },
+            );
+        });
+
+        afterEach(() => {
+            vi.stubGlobal("localStorage", realLocalStorage);
+        });
+
+        it("should return false when localStorage is not available", async () => {
+            vi.stubGlobal("localStorage", undefined);
+
+            expect(await restoreSessionFromStorage()).toEqual(false);
+        });
+
+        it("should return false when no session data is found in local storage", async () => {
+            expect(await restoreSessionFromStorage()).toEqual(false);
+            expect(logger.log).toHaveBeenCalledWith("No previous session found.");
+        });
+
+        it("should abort login when we expect to find an access token but don't", async () => {
+            localStorage.setItem("mx_has_access_token", "true");
+
+            await expect(() => restoreSessionFromStorage()).rejects.toThrow();
+            expect(Modal.createDialog).toHaveBeenCalledWith(StorageEvictedDialog);
+            expect(mockClient.clearStores).toHaveBeenCalled();
+        });
+
+        describe("when session is found in storage", () => {
+            describe("guest account", () => {
+                beforeEach(() => {
+                    localStorage.setItem("mx_is_guest", "true");
+                    for (const key in localStorageSession) {
+                        localStorage.setItem(key, localStorageSession[key]);
+                    }
+                    initIdbMock(idbStorageSession);
+                });
+
+                it("should ignore guest accounts when ignoreGuest is true", async () => {
+                    expect(await restoreSessionFromStorage({ ignoreGuest: true })).toEqual(false);
+                    expect(logger.log).toHaveBeenCalledWith(`Ignoring stored guest account: ${userId}`);
+                });
+
+                it("should restore guest accounts when ignoreGuest is false", async () => {
+                    expect(await restoreSessionFromStorage({ ignoreGuest: false })).toEqual(true);
+
+                    expect(createMatrixClientModule.createClientWithCreds).toHaveBeenCalledWith(
+                        expect.objectContaining({
+                            userId,
+                            guest: true,
+                        }),
+                        undefined,
+                    );
+                    expect(localStorage.getItem("mx_is_guest")).toEqual("true");
+                });
+            });
+
+            describe("without a pickle key", () => {
+                beforeEach(() => {
+                    for (const key in localStorageSession) {
+                        localStorage.setItem(key, localStorageSession[key]);
+                    }
+                    initIdbMock(idbStorageSession);
+                });
+
+                it("should persist credentials", async () => {
+                    expect(await restoreSessionFromStorage()).toEqual(true);
+
+                    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.getItem("mx_access_token")).not.toEqual(accessToken);
+                });
+
+                it("should persist access token when idb is not available", async () => {
+                    vi.spyOn(StorageAccess, "idbSave").mockRejectedValue("oups");
+                    expect(await restoreSessionFromStorage()).toEqual(true);
+
+                    expect(StorageAccess.idbSave).toHaveBeenCalledWith("account", "mx_access_token", accessToken);
+                    // put accessToken in localstorage as fallback
+                    expect(localStorage.getItem("mx_access_token")).toEqual(accessToken);
+                });
+
+                it("should create and start new matrix client with credentials", async () => {
+                    expect(await restoreSessionFromStorage()).toEqual(true);
+
+                    expect(createMatrixClientModule.createClientWithCreds).toHaveBeenCalledWith(
+                        {
+                            userId,
+                            accessToken,
+                            homeserverUrl,
+                            identityServerUrl,
+                            deviceId,
+                            freshLogin: false,
+                            guest: false,
+                            pickleKey: undefined,
+                        },
+                        undefined,
+                    );
+
+                    expect(MatrixClientPeg.start).toHaveBeenCalledWith({});
+                });
+
+                it("should remove fresh login flag from session storage", async () => {
+                    expect(await restoreSessionFromStorage()).toEqual(true);
+
+                    expect(sessionStorage.getItem("mx_fresh_login")).toBeFalsy();
+                });
+
+                it("should start matrix client", async () => {
+                    expect(await restoreSessionFromStorage()).toEqual(true);
+
+                    expect(MatrixClientPeg.start).toHaveBeenCalled();
+                });
+
+                describe("with a refresh token", () => {
+                    beforeEach(() => {
+                        localStorage.setItem("mx_refresh_token", refreshToken);
+                        localStorage.setItem("mx_oidc_client_id", "test-client-id");
+                        for (const key in localStorageSession) {
+                            localStorage.setItem(key, localStorageSession[key]);
+                        }
+                        initIdbMock(idbStorageSession);
+                    });
+
+                    it("should persist credentials", async () => {
+                        expect(await restoreSessionFromStorage()).toEqual(true);
+
+                        // refresh token from storage is re-persisted
+                        expect(localStorage.getItem("mx_has_refresh_token")).toEqual("true");
+                        expect(StorageAccess.idbSave).toHaveBeenCalledWith("account", "mx_refresh_token", refreshToken);
+                    });
+
+                    it("should create new matrix client with credentials", async () => {
+                        expect(await restoreSessionFromStorage()).toEqual(true);
+
+                        expect(createMatrixClientModule.createClientWithCreds).toHaveBeenCalledWith(
+                            {
+                                userId,
+                                accessToken,
+                                // refreshToken included in credentials
+                                refreshToken,
+                                homeserverUrl,
+                                identityServerUrl,
+                                deviceId,
+                                freshLogin: false,
+                                guest: false,
+                                pickleKey: undefined,
+                            },
+                            expect.any(OAuth2),
+                        );
+                    });
+                });
+            });
+
+            describe("with a normal pickle key", () => {
+                let pickleKey: string;
+
+                beforeEach(async () => {
+                    localStorage.setItem("mx_oidc_client_id", "test-client-id");
+                    for (const key in localStorageSession) {
+                        localStorage.setItem(key, localStorageSession[key]);
+                    }
+                    initIdbMock({});
+
+                    // Create a pickle key, and store it, encrypted, in IDB.
+                    pickleKey = (await PlatformPeg.get()!.createPickleKey(credentials.userId, credentials.deviceId))!;
+
+                    // Indicate that we should have a pickle key
+                    localStorage.setItem("mx_has_pickle_key", "true");
+
+                    await persistTokens(pickleKey, credentials);
+                });
+
+                it("should persist credentials", async () => {
+                    expect(await restoreSessionFromStorage()).toEqual(true);
+
+                    expect(localStorage.getItem("mx_has_access_token")).toEqual("true");
+
+                    // token encrypted and persisted
+                    expect(StorageAccess.idbSave).toHaveBeenCalledWith(
+                        "account",
+                        "mx_access_token",
+                        encryptedTokenShapedObject,
+                    );
+                });
+
+                it("should persist access token when idb is not available", async () => {
+                    // dont fail for pickle key persist
+                    vi.spyOn(StorageAccess, "idbSave").mockImplementation(
+                        async (table: string, key: string | string[]) => {
+                            if (table === "account" && key === "mx_access_token") {
+                                throw new Error("oups");
+                            }
+                        },
+                    );
+
+                    expect(await restoreSessionFromStorage()).toEqual(true);
+
+                    expect(StorageAccess.idbSave).toHaveBeenCalledWith(
+                        "account",
+                        "mx_access_token",
+                        encryptedTokenShapedObject,
+                    );
+                    // put accessToken in localstorage as fallback
+                    expect(localStorage.getItem("mx_access_token")).toEqual(accessToken);
+                });
+
+                it("should create and start new matrix client with credentials", async () => {
+                    // Check that the rust crypto key is as expected. We have to do this during the call, as
+                    // the buffer is cleared afterwards.
+                    vi.mocked(MatrixClientPeg.start).mockImplementation(async (opts) => {
+                        expect(opts?.rustCryptoStoreKey).toEqual(decodeBase64(pickleKey));
+                    });
+
+                    // Perform the restore
+                    expect(await restoreSessionFromStorage()).toEqual(true);
+
+                    // Ensure that the expected calls were made
+                    expect(createMatrixClientModule.createClientWithCreds).toHaveBeenCalledWith(
+                        {
+                            userId,
+                            // decrypted accessToken
+                            accessToken,
+                            homeserverUrl,
+                            identityServerUrl,
+                            deviceId,
+                            freshLogin: false,
+                            guest: false,
+                            pickleKey,
+                        },
+                        expect.any(OAuth2),
+                    );
+
+                    expect(MatrixClientPeg.start).toHaveBeenCalledWith({ rustCryptoStoreKey: expect.any(Uint8Array) });
+                });
+
+                describe("with a refresh token", () => {
+                    beforeEach(async () => {
+                        await persistTokens(pickleKey, { ...credentials, refreshToken });
+                    });
+
+                    it("should persist credentials", async () => {
+                        expect(await restoreSessionFromStorage()).toEqual(true);
+
+                        // refresh token from storage is re-persisted
+                        expect(localStorage.getItem("mx_has_refresh_token")).toEqual("true");
+                        expect(StorageAccess.idbSave).toHaveBeenCalledWith(
+                            "account",
+                            "mx_refresh_token",
+                            encryptedTokenShapedObject,
+                        );
+                    });
+
+                    it("should create new matrix client with credentials", async () => {
+                        expect(await restoreSessionFromStorage()).toEqual(true);
+
+                        expect(createMatrixClientModule.createClientWithCreds).toHaveBeenCalledWith(
+                            {
+                                userId,
+                                accessToken,
+                                // refreshToken included in credentials
+                                refreshToken,
+                                homeserverUrl,
+                                identityServerUrl,
+                                deviceId,
+                                freshLogin: false,
+                                guest: false,
+                                pickleKey: pickleKey,
+                            },
+                            expect.any(OAuth2),
+                        );
+                    });
+                });
+            });
+
+            describe("with a non-standard pickle key", () => {
+                // Most pickle keys are 43 bytes of base64. Test what happens when it is something else.
+                let pickleKey: string;
+
+                beforeEach(async () => {
+                    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
+                    // which is not some amount of base64.
+                    const rawPickleKey = new Uint8Array(10);
+                    crypto.getRandomValues(rawPickleKey);
+                    pickleKey = encodeUnpaddedBase64(rawPickleKey);
+
+                    // Store it, encrypted, in the db
+                    await idbSave(
+                        "pickleKey",
+                        [userId, deviceId],
+                        (await encryptPickleKey(rawPickleKey, userId, deviceId))!,
+                    );
+
+                    // Indicate that we should have a pickle key
+                    localStorage.setItem("mx_has_pickle_key", "true");
+
+                    await persistTokens(pickleKey, credentials);
+                });
+
+                it("should create and start new matrix client with credentials", async () => {
+                    // Perform the restore
+                    expect(await restoreSessionFromStorage()).toEqual(true);
+
+                    // Ensure that the expected calls were made
+                    expect(createMatrixClientModule.createClientWithCreds).toHaveBeenCalledWith(
+                        {
+                            userId,
+                            // decrypted accessToken
+                            accessToken,
+                            homeserverUrl,
+                            identityServerUrl,
+                            deviceId,
+                            freshLogin: false,
+                            guest: false,
+                            pickleKey,
+                        },
+                        undefined,
+                    );
+
+                    expect(MatrixClientPeg.start).toHaveBeenCalledWith({ rustCryptoStorePassword: pickleKey });
+                });
+            });
+
+            it("should proceed if server is not accessible", async () => {
+                for (const key in localStorageSession) {
+                    localStorage.setItem(key, localStorageSession[key]);
+                }
+                initIdbMock(idbStorageSession);
+                mockClient.isVersionSupported.mockRejectedValue(new Error("Oh, noes, the server is down!"));
+
+                expect(await restoreSessionFromStorage()).toEqual(true);
+            });
+
+            it("should throw if the token was persisted with a pickle key but there is no pickle key available now", async () => {
+                for (const key in localStorageSession) {
+                    localStorage.setItem(key, localStorageSession[key]);
+                }
+                initIdbMock({});
+
+                // Create a pickle key, and store it, encrypted, in IDB.
+                const pickleKey = (await PlatformPeg.get()!.createPickleKey(credentials.userId, credentials.deviceId))!;
+                localStorage.setItem("mx_has_pickle_key", "true");
+                await persistTokens(pickleKey, credentials);
+
+                // Now destroy the pickle key
+                await PlatformPeg.get()!.destroyPickleKey(credentials.userId, credentials.deviceId);
+
+                await expect(restoreSessionFromStorage()).rejects.toThrow(
+                    "Error decrypting secret access_token: no pickle key found.",
+                );
+            });
+        });
+    });
+
+    describe("setLoggedIn()", () => {
+        beforeEach(() => {
+            initIdbMock();
+
+            vi.clearAllMocks();
+            vi.spyOn(logger, "log").mockClear();
+
+            vi.spyOn(MatrixJs, "createClient").mockReturnValue(mockClient);
+            // remove any mock implementations
+            vi.spyOn(mockPlatform, "createPickleKey").mockRestore();
+            // but still spy and call through
+            vi.spyOn(mockPlatform, "createPickleKey");
+        });
+
+        const refreshToken = "test-refresh-token";
+
+        it("should remove fresh login flag from session storage", async () => {
+            await setLoggedIn(credentials);
+
+            expect(sessionStorage.getItem("mx_fresh_login")).toBeFalsy();
+        });
+
+        it("should start matrix client", async () => {
+            await setLoggedIn(credentials);
+
+            expect(MatrixClientPeg.start).toHaveBeenCalled();
+        });
+
+        describe("after a soft-logout", () => {
+            beforeEach(async () => {
+                await setLoggedIn(credentials);
+                localStorage.setItem("mx_soft_logout", "true");
+            });
+
+            it("should not clear the storage if device is the same", async () => {
+                await Lifecycle.hydrateSession(credentials);
+
+                expect(localStorage.getItem("mx_soft_logout")).toBeFalsy();
+                expect(mockClient.getUserId).toHaveReturnedWith(userId);
+                expect(mockClient.getDeviceId).toHaveReturnedWith(deviceId);
+                expect(mockClient.clearStores).toHaveBeenCalledTimes(1);
+            });
+
+            it("should clear the storage if device is not the same", async () => {
+                const fakeCredentials = {
+                    homeserverUrl,
+                    identityServerUrl,
+                    userId: "@bob:domain",
+                    deviceId,
+                    accessToken,
+                };
+                await Lifecycle.hydrateSession(fakeCredentials);
+
+                expect(localStorage.getItem("mx_soft_logout")).toBeFalsy();
+                expect(mockClient.getUserId).toHaveReturnedWith(userId);
+                expect(mockClient.getDeviceId).toHaveReturnedWith(deviceId);
+                expect(mockClient.clearStores).toHaveBeenCalledTimes(2);
+            });
+        });
+
+        describe("without a pickle key", () => {
+            beforeEach(() => {
+                vi.spyOn(mockPlatform, "createPickleKey").mockResolvedValue(null);
+                vi.spyOn(createMatrixClientModule, "createClientWithCreds").mockReturnValue(mockClient);
+            });
+
+            it("should persist credentials", async () => {
+                await setLoggedIn(credentials);
+
+                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.getItem("mx_access_token")).not.toEqual(accessToken);
+            });
+
+            it("should persist a refreshToken when present", async () => {
+                localStorage.setItem("mx_oidc_client_id", "test-client-id");
+
+                await setLoggedIn({
+                    ...credentials,
+                    refreshToken,
+                });
+
+                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.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 () => {
+                vi.spyOn(StorageAccess, "idbSave").mockRejectedValue("oups");
+                await setLoggedIn({
+                    ...credentials,
+                    // @ts-ignore
+                    accessToken: undefined,
+                });
+
+                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.length).toBe(0);
+                expect(mockClient.clearStores).toHaveBeenCalled();
+            });
+
+            it("should create new matrix client with credentials", async () => {
+                expect(await setLoggedIn(credentials)).toEqual(mockClient);
+
+                expect(createMatrixClientModule.createClientWithCreds).toHaveBeenCalledWith(
+                    {
+                        userId,
+                        accessToken,
+                        homeserverUrl,
+                        identityServerUrl,
+                        deviceId,
+                        freshLogin: true,
+                        guest: false,
+                        pickleKey: undefined,
+                    },
+                    undefined,
+                );
+            });
+        });
+
+        describe("with a pickle key", () => {
+            it("should not create a pickle key when credentials do not include deviceId", async () => {
+                await setLoggedIn({
+                    ...credentials,
+                    deviceId: undefined,
+                });
+
+                // unpickled access token saved
+                expect(StorageAccess.idbSave).toHaveBeenCalledWith("account", "mx_access_token", accessToken);
+                expect(mockPlatform.createPickleKey).not.toHaveBeenCalled();
+            });
+
+            it("creates a pickle key with userId and deviceId", async () => {
+                await setLoggedIn(credentials);
+
+                expect(mockPlatform.createPickleKey).toHaveBeenCalledWith(userId, deviceId);
+            });
+
+            it("should persist credentials", async () => {
+                await setLoggedIn(credentials);
+
+                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.getItem("mx_has_pickle_key")).toEqual("true");
+                expect(StorageAccess.idbSave).toHaveBeenCalledWith(
+                    "account",
+                    "mx_access_token",
+                    encryptedTokenShapedObject,
+                );
+                expect(StorageAccess.idbSave).toHaveBeenCalledWith("pickleKey", [userId, deviceId], expect.any(Object));
+                // dont put accessToken in localstorage when we have idb
+                expect(localStorage.getItem("mx_access_token")).not.toEqual(accessToken);
+            });
+
+            it("should persist token when encrypting the token fails", async () => {
+                vi.spyOn(encryptAESSecretStorageItemModule, "default").mockRejectedValue("MOCK REJECT ENCRYPTAES");
+                await setLoggedIn(credentials);
+
+                // persist the unencrypted token
+                expect(StorageAccess.idbSave).toHaveBeenCalledWith("account", "mx_access_token", accessToken);
+            });
+
+            it("should persist token in localStorage when idb fails to save token", async () => {
+                // dont fail for pickle key persist
+                vi.spyOn(StorageAccess, "idbSave").mockImplementation(async (table: string, key: string | string[]) => {
+                    if (table === "account" && key === "mx_access_token") {
+                        throw new Error("oups");
+                    }
+                });
+                await setLoggedIn(credentials);
+
+                // put plain accessToken in localstorage when we dont have idb
+                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 () => {
+                // dont fail for pickle key persist
+                vi.spyOn(StorageAccess, "idbSave").mockImplementation(async (table: string, key: string | string[]) => {
+                    if (table === "account" && key === "mx_access_token") {
+                        throw new Error("oups");
+                    }
+                });
+                await setLoggedIn({
+                    ...credentials,
+                    // @ts-ignore
+                    accessToken: undefined,
+                });
+
+                expect(localStorage.getItem("mx_has_access_token")).toBeFalsy();
+                expect(localStorage.getItem("mx_access_token")).toBeFalsy();
+            });
+
+            it("should create new matrix client with credentials", async () => {
+                vi.spyOn(createMatrixClientModule, "createClientWithCreds").mockReturnValue(mockClient);
+                expect(await setLoggedIn(credentials)).toEqual(mockClient);
+
+                expect(createMatrixClientModule.createClientWithCreds).toHaveBeenCalledWith(
+                    {
+                        userId,
+                        accessToken,
+                        homeserverUrl,
+                        identityServerUrl,
+                        deviceId,
+                        freshLogin: true,
+                        guest: false,
+                        pickleKey: expect.any(String),
+                    },
+                    undefined,
+                );
+            });
+        });
+
+        // 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/";
+
+            const delegatedAuthConfig = makeDelegatedAuthMetadata(issuer);
+
+            beforeEach(() => {
+                // set values in local storage as they would be after a successful oidc authentication
+                localStorage.setItem("mx_oidc_client_id", clientId);
+            });
+
+            it("should not try to create a token refresher without a refresh token", async () => {
+                const cli = await setLoggedIn(credentials);
+
+                // didn't try to initialise token refresher
+                expect(cli.http.opts.tokenRefreshFunction).toBeUndefined();
+            });
+
+            it("should not try to create a token refresher without a deviceId", async () => {
+                await expect(
+                    setLoggedIn({
+                        ...credentials,
+                        refreshToken,
+                        deviceId: undefined,
+                    }),
+                ).rejects.toThrow("Expected deviceId in user credentials.");
+
+                // didn't try to initialise token refresher
+                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 () => {
+                await expect(
+                    setLoggedIn({
+                        ...credentials,
+                        refreshToken,
+                    }),
+                ).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).toHaveFetchedTimes(
+                    0,
+                    `${delegatedAuthConfig.issuer}.well-known/openid-configuration`,
+                );
+            });
+
+            it("should create a client with a tokenRefreshFunction", async () => {
+                expect(
+                    await setLoggedIn({
+                        ...credentials,
+                        refreshToken,
+                    }),
+                ).toEqual(mockClient);
+
+                expect(createMatrixClientModule.createClientWithCreds).toHaveBeenCalledWith(
+                    expect.objectContaining({
+                        accessToken,
+                        refreshToken,
+                    }),
+                    expect.any(Function),
+                );
+            });
+
+            it("should create a client when creating token refresher fails", async () => {
+                // create invalid value in local storage for a malformed oidc authentication
+                localStorage.removeItem("mx_oidc_client_id");
+
+                // succeeded
+                expect(
+                    await setLoggedIn({
+                        ...credentials,
+                        refreshToken,
+                    }),
+                ).toEqual(mockClient);
+
+                expect(createMatrixClientModule.createClientWithCreds).toHaveBeenCalledWith(
+                    expect.objectContaining({
+                        accessToken,
+                        refreshToken,
+                    }),
+                    // no token refresh function
+                    undefined,
+                );
+            });
+        });
+    });
+
+    describe("logout()", () => {
+        const accessToken = "test-access-token";
+        const refreshToken = "test-refresh-token";
+
+        beforeEach(() => {
+            mockClient.getAccessToken.mockReturnValue(accessToken);
+            mockClient.getRefreshToken.mockReturnValue(refreshToken);
+            vi.spyOn(OAuth2.prototype, "revokeToken").mockResolvedValue(undefined);
+        });
+
+        it("should call logout on the client when oauth is not used", async () => {
+            logout();
+
+            await flushPromises();
+
+            expect(mockClient.logout).toHaveBeenCalledWith(true);
+        });
+
+        it("should revoke tokens when user is authenticated with oauth2", async () => {
+            localStorage.setItem("mx_oidc_client_id", "test-client-id");
+            logout();
+
+            await flushPromises();
+
+            expect(mockClient.logout).not.toHaveBeenCalled();
+            expect(OAuth2.prototype.revokeToken).toHaveBeenCalledWith(accessToken, "access_token");
+            expect(OAuth2.prototype.revokeToken).toHaveBeenCalledWith(refreshToken, "refresh_token");
+        });
+    });
+
+    describe("overwritelogin", () => {
+        beforeEach(async () => {
+            vi.spyOn(MatrixJs, "createClient").mockReturnValue(mockClient);
+        });
+
+        it("should replace the current login with a new one", async () => {
+            const stopSpy = vi.spyOn(mockClient, "stopClient").mockReturnValue(undefined);
+            vi.spyOn(createMatrixClientModule, "createClientWithCreds").mockReturnValue(mockClient);
+            const dis = window.mxDispatcher;
+
+            const firstLoginEvent: Promise<void> = new Promise((resolve) => {
+                dis.register(({ action }) => {
+                    if (action === Action.OnLoggedIn) {
+                        resolve();
+                    }
+                });
+            });
+            // set a logged in state
+            await setLoggedIn(credentials);
+
+            await firstLoginEvent;
+
+            expect(stopSpy).toHaveBeenCalledTimes(1);
+            // important the overwrite action should not call unset before replacing.
+            // So spy on it and make sure it's not called.
+            vi.spyOn(MatrixClientPeg, "unset").mockReturnValue(undefined);
+
+            expect(createMatrixClientModule.createClientWithCreds).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    userId,
+                }),
+                undefined,
+            );
+
+            const otherCredentials = {
+                ...credentials,
+                userId: "@bob:server.org",
+                deviceId: "def456",
+            };
+
+            const secondLoginEvent: Promise<void> = new Promise((resolve) => {
+                dis.register(({ action }) => {
+                    if (action === Action.OnLoggedIn) {
+                        resolve();
+                    }
+                });
+            });
+
+            // Trigger the overwrite login action
+            dis.dispatch(
+                {
+                    action: "overwrite_login",
+                    credentials: otherCredentials,
+                },
+                true,
+            );
+
+            await secondLoginEvent;
+            // the client should have been stopped
+            expect(stopSpy).toHaveBeenCalledTimes(2);
+
+            expect(createMatrixClientModule.createClientWithCreds).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    userId: otherCredentials.userId,
+                }),
+                undefined,
+            );
+
+            expect(MatrixClientPeg.unset).not.toHaveBeenCalled();
+        });
+    });
+});
diff --git a/apps/web/src/Lifecycle.ts b/apps/web/src/Lifecycle.ts
new file mode 100644
index 00000000000..e282483e5f6
--- /dev/null
+++ b/apps/web/src/Lifecycle.ts
@@ -0,0 +1,1240 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 , 2023 The Matrix.org Foundation C.I.C.
+Copyright 2018 New Vector Ltd
+Copyright 2017 Vector Creations 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.
+*/
+
+import { type ReactNode } from "react";
+import { MatrixClient, OAuth2, createClient, SSOAction, decodeBase64 } from "matrix-js-sdk/src/matrix";
+import { type AESEncryptedSecretStoragePayload } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { MatrixClientPeg, type MatrixClientPegAssignOpts } from "./MatrixClientPeg";
+import { ModuleRunner } from "./modules/ModuleRunner";
+import EventIndexPeg from "./indexing/EventIndexPeg";
+import { createMatrixClient, createClientWithCreds, type IMatrixClientCreds } from "./utils/createMatrixClient";
+import UserActivity from "./UserActivity";
+import Presence from "./Presence";
+import dis from "./dispatcher/dispatcher";
+import DMRoomMap from "./utils/DMRoomMap";
+import Modal from "./Modal";
+import ActiveWidgetStore from "./stores/ActiveWidgetStore";
+import PlatformPeg from "./PlatformPeg";
+import { sendLoginRequest } from "./Login";
+import * as StorageManager from "./utils/StorageManager";
+import * as StorageAccess from "./utils/StorageAccess";
+import SettingsStore from "./settings/SettingsStore";
+import { SettingLevel } from "./settings/SettingLevel";
+import ToastStore from "./stores/ToastStore";
+import { IntegrationManagers } from "./integrations/IntegrationManagers";
+import { Mjolnir } from "./mjolnir/Mjolnir";
+import { DeviceListener } from "./device-listener";
+import { Jitsi } from "./widgets/Jitsi";
+import { SSO_HOMESERVER_URL_KEY, SSO_ID_SERVER_URL_KEY, SSO_IDP_ID_KEY } from "./BasePlatform";
+import ThreepidInviteStore from "./stores/ThreepidInviteStore";
+import { PosthogAnalytics } from "./PosthogAnalytics";
+import LifecycleCustomisations from "./customisations/Lifecycle";
+import ErrorDialog from "./components/views/dialogs/ErrorDialog";
+import { _t } from "./languageHandler";
+import SessionRestoreErrorDialog from "./components/views/dialogs/SessionRestoreErrorDialog";
+import StorageEvictedDialog from "./components/views/dialogs/StorageEvictedDialog";
+import { setSentryUser } from "./sentry";
+import SdkConfig from "./SdkConfig";
+import { DialogOpener } from "./utils/DialogOpener";
+import { Action } from "./dispatcher/actions";
+import { type OverwriteLoginPayload } from "./dispatcher/payloads/OverwriteLoginPayload";
+import { SDKContextClass } from "./contexts/SDKContextClass";
+import { messageForLoginError } from "./utils/ErrorUtils";
+import { completeOAuthLogin, type CompleteOAuthLoginResponse } from "./utils/oauth/authorize";
+import { getOAuthErrorMessage } from "./utils/oauth/error";
+import { getOAuthParams, getStoredOAuthClientId, persistOAuthClientId } from "./utils/oauth/persistOAuthSettings";
+import {
+    ACCESS_TOKEN_IV,
+    ACCESS_TOKEN_STORAGE_KEY,
+    HAS_ACCESS_TOKEN_STORAGE_KEY,
+    HAS_REFRESH_TOKEN_STORAGE_KEY,
+    persistTokens,
+    REFRESH_TOKEN_IV,
+    REFRESH_TOKEN_STORAGE_KEY,
+    tryDecryptToken,
+} from "./utils/tokens/tokens";
+import { checkBrowserSupport } from "./SupportedBrowser";
+import { type URLParams } from "./vector/url_utils.ts";
+import { type OnLoggedInPayload } from "./dispatcher/payloads/OnLoggedInPayload.ts";
+import { filterBoolean } from "./utils/arrays.ts";
+import { CallStatusListener } from "./CallStatusListener.ts";
+import { CallStore } from "./stores/CallStore.ts";
+
+const HOMESERVER_URL_KEY = "mx_hs_url";
+const ID_SERVER_URL_KEY = "mx_is_url";
+
+dis.register((payload) => {
+    if (payload.action === Action.TriggerLogout) {
+        // noinspection JSIgnoredPromiseFromCall - we don't care if it fails
+        onLoggedOut();
+    } else if (payload.action === Action.OverwriteLogin) {
+        const typed = <OverwriteLoginPayload>payload;
+        // Stop the current client before overwriting the login.
+        // If not done it might be impossible to clear the storage, as the
+        // rust crypto backend might be holding an open connection to the indexeddb store.
+        // We also use the `unsetClient` flag to false, because at this point we are
+        // already in the logged in flows of the `MatrixChat` component, and it will
+        // always expect to have a client (calls to `MatrixClientPeg.safeGet()`).
+        // If we unset the client and the component is updated,  the render will fail and unmount everything.
+        // (The module dialog closes and fires a `aria_unhide_main_app` that will trigger a re-render)
+        stopMatrixClient(false);
+        doSetLoggedIn(typed.credentials, true, true).catch((e) => {
+            // XXX we might want to fire a new event here to let the app know that the login failed ?
+            // The module api could use it to display a message to the user.
+            logger.warn("Failed to overwrite login", e);
+        });
+    }
+});
+
+/**
+ * This is set to true by {@link #onSessionLockStolen}.
+ *
+ * It is used in various of the async functions to prevent races where we initialise a client after the lock is stolen.
+ */
+let sessionLockStolen = false;
+
+/**
+ * this is exposed solely for unit tests.
+ * @knipignore
+ */
+export function setSessionLockNotStolen(): void {
+    sessionLockStolen = false;
+}
+
+/**
+ * Handle the session lock being stolen. Stops any active Matrix Client, and aborts any ongoing client initialisation.
+ */
+export async function onSessionLockStolen(): Promise<void> {
+    sessionLockStolen = true;
+    stopMatrixClient();
+}
+
+/**
+ * Check if we still hold the session lock.
+ *
+ * If not, raises a {@link SessionLockStolenError}.
+ */
+function checkSessionLock(): void {
+    if (sessionLockStolen) {
+        throw new SessionLockStolenError("session lock has been released");
+    }
+}
+
+/** Error type raised by various functions in the Lifecycle workflow if session lock is stolen during execution */
+class SessionLockStolenError extends Error {}
+
+interface ILoadSessionOpts {
+    enableGuest?: boolean;
+    guestHsUrl?: string;
+    guestIsUrl?: string;
+    ignoreGuest?: boolean;
+    defaultDeviceDisplayName?: string;
+    urlParams?: URLParams;
+    abortSignal?: AbortSignal;
+}
+
+/**
+ * Called at startup, to attempt to build a logged-in Matrix session. It tries
+ * a number of things:
+ *
+ * 1. if we have a guest access token in the fragment query params, it uses
+ *    that.
+ * 2. if an access token is stored in local storage (from a previous session),
+ *    it uses that.
+ * 3. it attempts to auto-register as a guest user.
+ *
+ * If any of steps 1-4 are successful, it will call {_doSetLoggedIn}, which in
+ * turn will raise on_logged_in and will_start_client events.
+ *
+ * @param {object} [opts]
+ * @param {object} [opts.fragmentQueryParams]: string->string map of the
+ *     query-parameters extracted from the #-fragment of the starting URI.
+ * @param {boolean} [opts.enableGuest]: set to true to enable guest access
+ *     tokens and auto-guest registrations.
+ * @param {string} [opts.guestHsUrl]: homeserver URL. Only used if enableGuest
+ *     is true; defines the HS to register against.
+ * @param {string} [opts.guestIsUrl]: homeserver URL. Only used if enableGuest
+ *     is true; defines the IS to use.
+ * @param {bool} [opts.ignoreGuest]: If the stored session is a guest account,
+ *     ignore it and don't load it.
+ * @param {string} [opts.defaultDeviceDisplayName]: Default display name to use
+ *     when registering as a guest.
+ * @returns {Promise} a promise which resolves when the above process completes.
+ *     Resolves to `true` if we ended up starting a session, or `false` if we
+ *     failed.
+ */
+export async function loadSession(opts: ILoadSessionOpts = {}): Promise<boolean> {
+    try {
+        let enableGuest = opts.enableGuest || false;
+        const guestHsUrl = opts.guestHsUrl;
+        const guestIsUrl = opts.guestIsUrl;
+        const urlParams = opts.urlParams;
+        const defaultDeviceDisplayName = opts.defaultDeviceDisplayName;
+
+        if (enableGuest && !guestHsUrl) {
+            logger.warn("Cannot enable guest access: can't determine HS URL to use");
+            enableGuest = false;
+        }
+
+        if (enableGuest && guestHsUrl && urlParams?.guest?.guest_user_id && urlParams?.guest?.guest_access_token) {
+            logger.log("Using guest access credentials");
+            await doSetLoggedIn(
+                {
+                    userId: urlParams.guest.guest_user_id,
+                    accessToken: urlParams.guest.guest_access_token,
+                    homeserverUrl: guestHsUrl,
+                    identityServerUrl: guestIsUrl,
+                    guest: true,
+                },
+                true,
+                false,
+            );
+            return true;
+        }
+        const success = await restoreSessionFromStorage({
+            ignoreGuest: Boolean(opts.ignoreGuest),
+        });
+        if (success) {
+            return true;
+        }
+        if (sessionLockStolen) {
+            return false;
+        }
+
+        if (enableGuest && guestHsUrl) {
+            return registerAsGuest(guestHsUrl, guestIsUrl, defaultDeviceDisplayName);
+        }
+
+        // fall back to welcome screen
+        return false;
+    } catch (e) {
+        // We may be aborted e.g. because our token expired, so don't show an error here
+        if (opts.abortSignal?.aborted) {
+            return false;
+        }
+
+        if (e instanceof AbortLoginAndRebuildStorage) {
+            // If we're aborting login because of a storage inconsistency, we don't
+            // need to show the general failure dialog. Instead, just go back to welcome.
+            return false;
+        }
+
+        // likewise, if the session lock has been stolen while we've been trying to start
+        if (sessionLockStolen) {
+            return false;
+        }
+
+        return handleLoadSessionFailure(e, opts);
+    }
+}
+
+/**
+ * Gets the user ID of the persisted session, if one exists. This does not validate
+ * that the user's credentials still work, just that they exist and that a user ID
+ * is associated with them. The session is not loaded.
+ * @returns {[string, boolean]} The persisted session's owner and whether the stored
+ *     session is for a guest user, if an owner exists. If there is no stored session,
+ *     return [null, null].
+ */
+export async function getStoredSessionOwner(): Promise<[string, boolean] | [null, null]> {
+    const { hsUrl, userId, hasAccessToken, isGuest } = await getStoredSessionVars();
+    return hsUrl && userId && hasAccessToken ? [userId, !!isGuest] : [null, null];
+}
+
+/**
+ * If query string includes OAuth2 authorization code flow parameters attempt to login using oauth flow
+ * Else, we may be returning from SSO - attempt token login
+ *
+ * @param urlParams the parameters read in at app load time from the url
+ *
+ * @param defaultDeviceDisplayName
+ * @param fragmentAfterLogin path to go to after a successful login, only used for "Try again"
+ *
+ * @returns promise which resolves to true if we completed the delegated auth login
+ *      else false
+ */
+export async function attemptDelegatedAuthLogin(
+    urlParams: URLParams,
+    defaultDeviceDisplayName?: string,
+    fragmentAfterLogin?: string,
+): Promise<boolean> {
+    if (urlParams.oauth2) {
+        return attemptOAuthLogin(urlParams.oauth2);
+    }
+
+    return attemptTokenLogin(urlParams["legacy_sso"], defaultDeviceDisplayName, fragmentAfterLogin);
+}
+
+/**
+ * Attempt to login by completing OAuth2 authorization code flow
+ * @param urlParams subset of app-load url parameters relating to oauth auth
+ * @returns Promise that resolves to true when login succeeded, else false
+ */
+async function attemptOAuthLogin(urlParams: NonNullable<URLParams["oauth2"]>): Promise<boolean> {
+    console.log("We have OAuth2 params - attempting login");
+
+    try {
+        const { accessToken, refreshToken, homeserverUrl, identityServerUrl, clientId } =
+            await completeOAuthLogin(urlParams);
+
+        await configureFromCompletedOAuthLogin({
+            accessToken,
+            refreshToken,
+            homeserverUrl,
+            identityServerUrl,
+            clientId,
+        });
+
+        return true;
+    } catch (error) {
+        logger.error("Failed to login via OAuth", error);
+
+        onFailedDelegatedAuthLogin(getOAuthErrorMessage(error as Error));
+        return false;
+    }
+}
+
+/**
+ * Exchange the given OAuth2 credentials for {@link IMatrixClientCreds}, additionally persisting them to storage.
+ * @param creds the credentials from the OAuth2 flow
+ */
+export async function configureFromCompletedOAuthLogin({
+    accessToken,
+    refreshToken,
+    homeserverUrl,
+    identityServerUrl,
+    clientId,
+}: CompleteOAuthLoginResponse): Promise<IMatrixClientCreds> {
+    const {
+        user_id: userId,
+        device_id: deviceId,
+        is_guest: isGuest,
+    } = await getUserIdFromAccessToken(accessToken, homeserverUrl, identityServerUrl);
+
+    const credentials = {
+        accessToken,
+        refreshToken,
+        homeserverUrl,
+        identityServerUrl,
+        deviceId,
+        userId,
+        isGuest,
+    };
+
+    logger.debug("Logged in via OAuth2 native flow");
+    await onSuccessfulDelegatedAuthLogin(credentials);
+    // this needs to happen after success handler which clears storages
+    persistOAuthClientId(clientId);
+    return credentials;
+}
+
+/**
+ * Gets information about the owner of a given access token.
+ * @param accessToken
+ * @param homeserverUrl
+ * @param identityServerUrl
+ * @returns Promise that resolves with whoami response
+ * @throws when whoami request fails
+ */
+async function getUserIdFromAccessToken(
+    accessToken: string,
+    homeserverUrl: string,
+    identityServerUrl?: string,
+): Promise<ReturnType<MatrixClient["whoami"]>> {
+    try {
+        const client = createClient({
+            baseUrl: homeserverUrl,
+            accessToken: accessToken,
+            idBaseUrl: identityServerUrl,
+        });
+
+        return await client.whoami();
+    } catch (error) {
+        logger.error("Failed to retrieve userId using accessToken", error);
+        throw new Error("Failed to retrieve userId using accessToken");
+    }
+}
+
+/**
+ @param urlParams subset of app-load url parameters relating to legacy sso auth
+ *
+ * @param defaultDeviceDisplayName
+ * @param fragmentAfterLogin path to go to after a successful login, only used for "Try again"
+ *
+ * @returns promise which resolves to true if we completed the token
+ *    login, else false
+ */
+export function attemptTokenLogin(
+    urlParams: URLParams["legacy_sso"],
+    defaultDeviceDisplayName?: string,
+    fragmentAfterLogin?: string,
+): Promise<boolean> {
+    if (!urlParams?.loginToken) {
+        return Promise.resolve(false);
+    }
+
+    console.log("We have token login params - attempting token login");
+
+    const homeserver = localStorage.getItem(SSO_HOMESERVER_URL_KEY);
+    const identityServer = localStorage.getItem(SSO_ID_SERVER_URL_KEY) ?? undefined;
+    if (!homeserver) {
+        logger.warn("Cannot log in with token: can't determine HS URL to use");
+        onFailedDelegatedAuthLogin(_t("auth|sso_failed_missing_storage"));
+        return Promise.resolve(false);
+    }
+
+    return sendLoginRequest(homeserver, identityServer, "m.login.token", {
+        token: urlParams.loginToken,
+        initial_device_display_name: defaultDeviceDisplayName,
+    })
+        .then(async function (creds) {
+            logger.log("Logged in with token");
+            await onSuccessfulDelegatedAuthLogin(creds);
+            return true;
+        })
+        .catch((error) => {
+            const tryAgainCallback: TryAgainFunction = () => {
+                const cli = createClient({
+                    baseUrl: homeserver,
+                    idBaseUrl: identityServer,
+                });
+                const idpId = localStorage.getItem(SSO_IDP_ID_KEY) || undefined;
+                PlatformPeg.get()?.startSingleSignOn(cli, "sso", fragmentAfterLogin, idpId, SSOAction.LOGIN);
+            };
+            onFailedDelegatedAuthLogin(
+                messageForLoginError(error, {
+                    hsUrl: homeserver,
+                    hsName: homeserver,
+                }),
+                tryAgainCallback,
+            );
+            logger.error("Failed to log in with login token:", error);
+            return false;
+        });
+}
+
+/**
+ * Load the pickle key inside the credentials or create it if it does not exist for this device.
+ *
+ * @param credentials Holds the device to load/store the pickle key
+ *
+ * @returns {Promise} promise which resolves to the loaded or generated pickle key or undefined if
+ *    none was loaded nor generated
+ */
+async function loadOrCreatePickleKey(credentials: IMatrixClientCreds): Promise<string | undefined> {
+    // Try to load the pickle key
+    const userId = credentials.userId;
+    const deviceId = credentials.deviceId;
+    let pickleKey = (await PlatformPeg.get()?.getPickleKey(userId, deviceId ?? "")) ?? undefined;
+    if (!pickleKey) {
+        // Create it if it did not exist
+        pickleKey =
+            userId && deviceId
+                ? ((await PlatformPeg.get()?.createPickleKey(userId, deviceId)) ?? undefined)
+                : undefined;
+        if (pickleKey) {
+            logger.log(`Created pickle key for ${credentials.userId}|${credentials.deviceId}`);
+        } else {
+            logger.log("Pickle key not created");
+        }
+    } else {
+        logger.log(
+            `Pickle key already exists for ${credentials.userId}|${credentials.deviceId} do not create a new one`,
+        );
+    }
+
+    return pickleKey;
+}
+
+/**
+ * Called after a successful token login or OAuth2 authorization.
+ * Clear storage then save new credentials in storage
+ * @param credentials as returned from login
+ */
+async function onSuccessfulDelegatedAuthLogin(credentials: IMatrixClientCreds): Promise<void> {
+    await clearStorage();
+    // SSO does not go through setLoggedIn so we need to load/create the pickle key here too
+    credentials.pickleKey = await loadOrCreatePickleKey(credentials);
+    await persistCredentials(credentials);
+
+    // remember that we just logged in
+    sessionStorage.setItem("mx_fresh_login", String(true));
+}
+
+type TryAgainFunction = () => void;
+
+/**
+ * Display a friendly error to the user when token login or OAuth2 authorization fails
+ * @param description error description
+ * @param tryAgain OPTIONAL function to call on try again button from error dialog
+ */
+function onFailedDelegatedAuthLogin(description: string | ReactNode, tryAgain?: TryAgainFunction): void {
+    const { finished } = Modal.createDialog(ErrorDialog, {
+        title: _t("auth|oidc|error_title"),
+        description,
+        button: _t("action|try_again"),
+    });
+
+    finished.then(([shouldTryAgain]) => {
+        // if we have a tryAgain callback, call it the primary 'try again' button was clicked in the dialog
+        if (shouldTryAgain) tryAgain?.();
+    });
+}
+
+function registerAsGuest(hsUrl: string, isUrl?: string, defaultDeviceDisplayName?: string): Promise<boolean> {
+    logger.log(`Doing guest login on ${hsUrl}`);
+
+    // create a temporary MatrixClient to do the login
+    const client = createClient({
+        baseUrl: hsUrl,
+    });
+
+    return client
+        .registerGuest({
+            body: {
+                initial_device_display_name: defaultDeviceDisplayName,
+            },
+        })
+        .then(
+            (creds) => {
+                logger.log(`Registered as guest: ${creds.user_id}`);
+                return doSetLoggedIn(
+                    {
+                        userId: creds.user_id,
+                        deviceId: creds.device_id,
+                        accessToken: creds.access_token!,
+                        homeserverUrl: hsUrl,
+                        identityServerUrl: isUrl,
+                        guest: true,
+                    },
+                    true,
+                    true,
+                ).then(() => true);
+            },
+            (err) => {
+                logger.error("Failed to register as guest", err);
+                return false;
+            },
+        );
+}
+
+export interface IStoredSession {
+    hsUrl: string;
+    isUrl: string;
+    hasAccessToken: boolean;
+    accessToken: string | AESEncryptedSecretStoragePayload;
+    hasRefreshToken: boolean;
+    refreshToken?: string | AESEncryptedSecretStoragePayload;
+    userId: string;
+    deviceId: string;
+    isGuest: boolean;
+}
+
+/**
+ * Retrieve a token, as stored by `persistCredentials`
+ * Attempts to migrate token from localStorage to idb
+ * @param storageKey key used to store the token, eg ACCESS_TOKEN_STORAGE_KEY
+ * @returns Promise that resolves to token or undefined
+ */
+async function getStoredToken(storageKey: string): Promise<string | undefined> {
+    let token: string | undefined;
+    try {
+        token = await StorageAccess.idbLoad("account", storageKey);
+    } catch (e) {
+        logger.error(`StorageManager.idbLoad failed for account:${storageKey}`, e);
+    }
+    if (!token) {
+        token = localStorage.getItem(storageKey) ?? undefined;
+        if (token) {
+            try {
+                // try to migrate access token to IndexedDB if we can
+                await StorageAccess.idbSave("account", storageKey, token);
+                localStorage.removeItem(storageKey);
+            } catch (e) {
+                logger.error(`migration of token ${storageKey} to IndexedDB failed`, e);
+            }
+        }
+    }
+    return token;
+}
+
+/**
+ * Retrieves information about the stored session from the browser's storage. The session
+ * may not be valid, as it is not tested for consistency here.
+ * @returns {Object} Information about the session - see implementation for variables.
+ */
+export async function getStoredSessionVars(): Promise<Partial<IStoredSession>> {
+    const hsUrl = localStorage.getItem(HOMESERVER_URL_KEY) ?? undefined;
+    const isUrl = localStorage.getItem(ID_SERVER_URL_KEY) ?? undefined;
+
+    const accessToken = await getStoredToken(ACCESS_TOKEN_STORAGE_KEY);
+    const refreshToken = await getStoredToken(REFRESH_TOKEN_STORAGE_KEY);
+
+    // if we pre-date storing "mx_has_access_token", but we retrieved an access
+    // token, then we should say we have an access token
+    const hasAccessToken = localStorage.getItem(HAS_ACCESS_TOKEN_STORAGE_KEY) === "true" || !!accessToken;
+    const hasRefreshToken = localStorage.getItem(HAS_REFRESH_TOKEN_STORAGE_KEY) === "true" || !!refreshToken;
+    const userId = localStorage.getItem("mx_user_id") ?? undefined;
+    const deviceId = localStorage.getItem("mx_device_id") ?? undefined;
+
+    let isGuest: boolean;
+    if (localStorage.getItem("mx_is_guest") !== null) {
+        isGuest = localStorage.getItem("mx_is_guest") === "true";
+    } else {
+        // legacy key name
+        isGuest = localStorage.getItem("matrix-is-guest") === "true";
+    }
+
+    return { hsUrl, isUrl, hasAccessToken, accessToken, refreshToken, hasRefreshToken, userId, deviceId, isGuest };
+}
+
+async function abortLogin(): Promise<void> {
+    const signOut = await showStorageEvictedDialog();
+    if (signOut) {
+        await clearStorage();
+        // This error feels a bit clunky, but we want to make sure we don't go any
+        // further and instead head back to sign in.
+        throw new AbortLoginAndRebuildStorage("Aborting login in progress because of storage inconsistency");
+    }
+}
+
+/** Attempt to restore the session from localStorage or indexeddb.
+ *
+ * If the credentials are found, and the session is successfully restored,
+ * emits {@link Action.OnLoggedIn}, {@link Action.WillStartClient} and {@link Action.StartedClient}.
+ *
+ * @returns true if a session was found; false if no existing session was found.
+ *
+ * N.B. Lifecycle.js should not maintain any further localStorage state, we
+ *      are moving towards using SessionStore to keep track of state related
+ *      to the current session (which is typically backed by localStorage).
+ *
+ *      The plan is to gradually move the localStorage access done here into
+ *      SessionStore to avoid bugs where the view becomes out-of-sync with
+ *      localStorage (e.g. isGuest etc.)
+ */
+export async function restoreSessionFromStorage(opts?: { ignoreGuest?: boolean }): Promise<boolean> {
+    const ignoreGuest = opts?.ignoreGuest;
+
+    if (!localStorage) {
+        return false;
+    }
+
+    const { hsUrl, isUrl, hasAccessToken, accessToken, refreshToken, userId, deviceId, isGuest } =
+        await getStoredSessionVars();
+
+    if (hasAccessToken && !accessToken) {
+        logger.warn(
+            "restoreSessionFromStorage: storage indicates we should have an access token, but we do not. Displaying StorageEvictedDialog",
+        );
+        await abortLogin();
+    }
+
+    if (accessToken && userId && hsUrl) {
+        if (ignoreGuest && isGuest) {
+            logger.log("Ignoring stored guest account: " + userId);
+            return false;
+        }
+
+        const pickleKey = (await PlatformPeg.get()?.getPickleKey(userId, deviceId ?? "")) ?? undefined;
+        if (pickleKey) {
+            logger.log(`Got pickle key for ${userId}|${deviceId}`);
+        } else {
+            logger.log(`No pickle key available for ${userId}|${deviceId}`);
+        }
+        const decryptedAccessToken = await tryDecryptToken(pickleKey, accessToken, ACCESS_TOKEN_IV);
+        const decryptedRefreshToken =
+            refreshToken && (await tryDecryptToken(pickleKey, refreshToken, REFRESH_TOKEN_IV));
+
+        const freshLogin = sessionStorage.getItem("mx_fresh_login") === "true";
+        sessionStorage.removeItem("mx_fresh_login");
+
+        logger.log(`Restoring session for ${userId}`);
+        await doSetLoggedIn(
+            {
+                userId: userId,
+                deviceId: deviceId,
+                accessToken: decryptedAccessToken,
+                refreshToken: decryptedRefreshToken,
+                homeserverUrl: hsUrl,
+                identityServerUrl: isUrl,
+                guest: isGuest,
+                pickleKey: pickleKey ?? undefined,
+                freshLogin: freshLogin,
+            },
+            false,
+            freshLogin,
+        );
+        return true;
+    } else {
+        logger.log("No previous session found.");
+        return false;
+    }
+}
+
+async function handleLoadSessionFailure(e: unknown, loadSessionOpts?: ILoadSessionOpts): Promise<boolean> {
+    logger.error("Unable to load session", e);
+
+    const modal = Modal.createDialog(SessionRestoreErrorDialog, {
+        error: e,
+    });
+
+    const [success] = await modal.finished;
+    if (success) {
+        // user clicked continue.
+        await clearStorage();
+        return false;
+    }
+
+    // try, try again
+    return loadSession(loadSessionOpts);
+}
+
+/**
+ * Transitions to a logged-in state using the given credentials.
+ *
+ * Starts the matrix client and all other react-sdk services that
+ * listen for events while a session is logged in.
+ *
+ * Also stops the old MatrixClient and clears old credentials/etc out of
+ * storage before starting the new client.
+ *
+ * This function does not work for OAuth2 login.
+ * Storage is cleared early in the process so the required data is lost.
+ * You must use {@link attemptDelegatedAuthLogin} followed by {@link restoreSessionFromStorage} for OAuth2 login.
+ *
+ * @param {IMatrixClientCreds} credentials The credentials to use
+ *
+ * @returns {Promise} promise which resolves to the new MatrixClient once it has been started
+ */
+export async function setLoggedIn(credentials: IMatrixClientCreds): Promise<MatrixClient> {
+    credentials.freshLogin = true;
+    stopMatrixClient();
+    credentials.pickleKey = await loadOrCreatePickleKey(credentials);
+    return doSetLoggedIn(credentials, true, true);
+}
+
+/**
+ * Hydrates an existing session by using the credentials provided. This will
+ * not clear any local storage, unlike setLoggedIn().
+ *
+ * Stops the existing Matrix client (without clearing its data) and starts a
+ * new one in its place. This additionally starts all other react-sdk services
+ * which use the new Matrix client.
+ *
+ * If the credentials belong to a different user from the session already stored,
+ * the old session will be cleared automatically.
+ *
+ * @param {IMatrixClientCreds} credentials The credentials to use
+ *
+ * @returns {Promise} promise which resolves to the new MatrixClient once it has been started
+ */
+export async function hydrateSession(credentials: IMatrixClientCreds): Promise<MatrixClient> {
+    const oldUserId = MatrixClientPeg.safeGet().getUserId();
+    const oldDeviceId = MatrixClientPeg.safeGet().getDeviceId();
+
+    stopMatrixClient(); // unsets MatrixClientPeg.get()
+    localStorage.removeItem("mx_soft_logout");
+    _isLoggingOut = false;
+
+    const overwrite = credentials.userId !== oldUserId || credentials.deviceId !== oldDeviceId;
+    if (overwrite) {
+        logger.warn("Clearing all data: Old session belongs to a different user/session");
+    }
+
+    if (!credentials.pickleKey && credentials.deviceId !== undefined) {
+        logger.info("Lifecycle#hydrateSession: Pickle key not provided - trying to get one");
+        credentials.pickleKey =
+            (await PlatformPeg.get()?.getPickleKey(credentials.userId, credentials.deviceId)) ?? undefined;
+    }
+
+    return doSetLoggedIn(credentials, overwrite, false);
+}
+
+/**
+ * optionally clears localstorage, persists new credentials
+ * to localstorage, starts the new client.
+ *
+ * Emits {@link Action.OnLoggedIn}, {@link Action.WillStartClient} and {@link Action.StartedClient}.
+ *
+ * @param {IMatrixClientCreds} credentials The credentials to use
+ * @param {Boolean} clearStorageEnabled True to clear storage before starting the new client
+ * @param {Boolean} isFreshLogin True if this is a fresh login, false if it is previous session being restored
+ *
+ * @returns {Promise} promise which resolves to the new MatrixClient once it has been started
+ */
+async function doSetLoggedIn(
+    credentials: IMatrixClientCreds,
+    clearStorageEnabled: boolean,
+    isFreshLogin: boolean,
+): Promise<MatrixClient> {
+    checkSessionLock();
+    credentials.guest = Boolean(credentials.guest);
+
+    const softLogout = isSoftLogout();
+
+    logger.log(
+        "setLoggedIn: mxid: " +
+            credentials.userId +
+            " deviceId: " +
+            credentials.deviceId +
+            " guest: " +
+            credentials.guest +
+            " hs: " +
+            credentials.homeserverUrl +
+            " softLogout: " +
+            softLogout,
+        " freshLogin: " + credentials.freshLogin,
+    );
+
+    if (clearStorageEnabled) {
+        await clearStorage();
+    }
+
+    const results = await StorageManager.checkConsistency();
+    // If there's an inconsistency between account data in local storage and the
+    // crypto store, we'll be generally confused when handling encrypted data.
+    // Show a modal recommending a full reset of storage.
+    if (results.dataInLocalStorage && results.cryptoInited && !results.dataInCryptoStore) {
+        logger.warn("doSetLoggedIn: StorageManager consistency check failed; displaying StorageEvictedDialog.");
+        await abortLogin();
+    }
+
+    let auth: OAuth2 | undefined;
+    try {
+        auth = await hydrateAuth(credentials);
+    } catch {}
+
+    // check the session lock just before creating the new client
+    checkSessionLock();
+    MatrixClientPeg.set(createClientWithCreds(credentials, auth));
+    const client = MatrixClientPeg.safeGet();
+
+    setSentryUser(credentials.userId);
+
+    if (PosthogAnalytics.instance.isEnabled()) {
+        PosthogAnalytics.instance.startListeningToSettingsChanges(client);
+    }
+
+    if (localStorage) {
+        try {
+            await persistCredentials(credentials);
+            // make sure we don't think that it's a fresh login any more
+            sessionStorage.removeItem("mx_fresh_login");
+        } catch (e) {
+            logger.warn("Error using local storage: can't persist session!", e);
+        }
+    } else {
+        logger.warn("No local storage available: can't persist session!");
+    }
+    checkSessionLock();
+
+    // We are now logged in, so fire this. We have yet to start the client but the client_started dispatch is for that.
+    // Dispatch this synchronously so SDKContextClass can set the client for other modules to consume.
+    dis.dispatch<OnLoggedInPayload>({ action: Action.OnLoggedIn, client }, true);
+
+    const clientPegOpts: MatrixClientPegAssignOpts = {};
+    if (credentials.pickleKey) {
+        // The pickleKey, if provided, is probably a base64-encoded 256-bit key, so can be used for the crypto store.
+        if (credentials.pickleKey.length === 43) {
+            clientPegOpts.rustCryptoStoreKey = decodeBase64(credentials.pickleKey);
+        } else {
+            // We have some legacy pickle key. Continue using it as a password.
+            clientPegOpts.rustCryptoStorePassword = credentials.pickleKey;
+        }
+    }
+
+    try {
+        await startMatrixClient(client, /*startSyncing=*/ !softLogout, clientPegOpts);
+    } finally {
+        clientPegOpts.rustCryptoStoreKey?.fill(0);
+    }
+
+    // Run the migrations after the MatrixClientPeg has been assigned
+    SettingsStore.runMigrations(isFreshLogin);
+
+    if (isFreshLogin && !credentials.guest) {
+        // For newly registered users, set a flag so that we force them to verify,
+        // (we don't want to force users with existing sessions to verify though)
+        localStorage.setItem("must_verify_device", "true");
+    }
+
+    return client;
+}
+
+async function showStorageEvictedDialog(): Promise<boolean> {
+    const { finished } = Modal.createDialog(StorageEvictedDialog);
+    const [ok] = await finished;
+    return !!ok;
+}
+
+// Note: Babel 6 requires the `transform-builtin-extend` plugin for this to satisfy
+// `instanceof`. Babel 7 supports this natively in their class handling.
+class AbortLoginAndRebuildStorage extends Error {}
+
+async function persistCredentials(credentials: IMatrixClientCreds): Promise<void> {
+    localStorage.setItem(HOMESERVER_URL_KEY, credentials.homeserverUrl);
+    if (credentials.identityServerUrl) {
+        localStorage.setItem(ID_SERVER_URL_KEY, credentials.identityServerUrl);
+    }
+    localStorage.setItem("mx_user_id", credentials.userId);
+    localStorage.setItem("mx_is_guest", JSON.stringify(credentials.guest));
+
+    await persistTokens(credentials.pickleKey, credentials);
+
+    if (credentials.pickleKey) {
+        localStorage.setItem("mx_has_pickle_key", String(true));
+    } else {
+        if (localStorage.getItem("mx_has_pickle_key") === "true") {
+            logger.error("Expected a pickle key, but none provided.  Encryption may not work.");
+        }
+    }
+
+    // if we didn't get a deviceId from the login, leave mx_device_id unset,
+    // rather than setting it to "undefined".
+    //
+    // (in this case MatrixClient doesn't bother with the crypto stuff
+    // - that's fine for us).
+    if (credentials.deviceId) {
+        localStorage.setItem("mx_device_id", credentials.deviceId);
+    }
+
+    ModuleRunner.instance.extensions.cryptoSetup?.persistCredentials(credentials);
+
+    logger.log(`Session persisted for ${credentials.userId}`);
+}
+
+let _isLoggingOut = false;
+
+/**
+ * Logs out the current session.
+ * When user has authenticated using OAuth2 native flow revoke tokens with OAuth2 provider.
+ * Otherwise, call /logout on the homeserver.
+ * @param client
+ * @param oauth
+ */
+async function doLogout(client: MatrixClient, oauth: OAuth2 | null): Promise<void> {
+    if (oauth) {
+        const accessToken = client.getAccessToken();
+        const refreshToken = client.getRefreshToken();
+
+        await Promise.all(
+            filterBoolean([
+                accessToken ? oauth.revokeToken(accessToken, "access_token") : null,
+                refreshToken ? oauth.revokeToken(refreshToken, "refresh_token") : null,
+            ]),
+        );
+
+        client.stopClient();
+        client.http.abort();
+    } else {
+        await client.logout(true);
+    }
+}
+
+/**
+ * Logs the current session out and transitions to the logged-out state
+ */
+export async function logout(): Promise<void> {
+    const client = MatrixClientPeg.get();
+    if (!client) return;
+
+    let oauth: OAuth2 | undefined;
+    try {
+        oauth = await hydrateAuth({
+            homeserverUrl: client.getHomeserverUrl(),
+            deviceId: client.getDeviceId()!,
+        });
+    } catch {
+        // This is fine
+    }
+
+    PosthogAnalytics.instance.logout();
+
+    if (client.isGuest()) {
+        // logout doesn't work for guest sessions
+        // Also we sometimes want to re-log in a guest session if we abort the login.
+        // defer until next tick because it calls a synchronous dispatch, and we are likely here from a dispatch.
+        setTimeout(onLoggedOut, 0);
+        return;
+    }
+
+    _isLoggingOut = true;
+    PlatformPeg.get()?.destroyPickleKey(client.getSafeUserId(), client.getDeviceId() ?? "");
+
+    doLogout(client, oauth ?? null).then(onLoggedOut, (err) => {
+        // Just throwing an error here is going to be very unhelpful
+        // if you're trying to log out because your server's down and
+        // you want to log into a different server, so just forget the
+        // access token. It's annoying that this will leave the access
+        // token still valid, but we should fix this by having access
+        // tokens expire (and if you really think you've been compromised,
+        // change your password).
+        logger.warn("Failed to call logout API: token will not be invalidated", err);
+        onLoggedOut();
+    });
+}
+
+export function softLogout(): void {
+    if (!MatrixClientPeg.get()) return;
+
+    // Track that we've detected and trapped a soft logout. This helps prevent other
+    // parts of the app from starting if there's no point (ie: don't sync if we've
+    // been soft logged out, despite having credentials and data for a MatrixClient).
+    localStorage.setItem("mx_soft_logout", "true");
+
+    // Dev note: please keep this log line around. It can be useful for track down
+    // random clients stopping in the middle of the logs.
+    logger.log("Soft logout initiated");
+    _isLoggingOut = true; // to avoid repeated flags
+    // Ensure that we dispatch a view change **before** stopping the client so
+    // so that React components unmount first. This avoids React soft crashes
+    // that can occur when components try to use a null client.
+    dis.dispatch({ action: Action.ClientNotViable }); // generic version of on_logged_out
+    stopMatrixClient(/*unsetClient=*/ false);
+
+    // DO NOT CALL LOGOUT. A soft logout preserves data, logout does not.
+}
+
+export function isSoftLogout(): boolean {
+    return localStorage.getItem("mx_soft_logout") === "true";
+}
+
+export function isLoggingOut(): boolean {
+    return _isLoggingOut;
+}
+
+/**
+ * Starts the matrix client and all other react-sdk services that
+ * listen for events while a session is logged in.
+ *
+ * By the time this method is called, we have successfully logged in if necessary, and the client has been set up with
+ * the access token.
+ *
+ * Emits {@link Action.WillStartClient} before starting the client, and {@link Action.ClientStarted} when the client has
+ * been started.
+ *
+ * @param client the matrix client to start
+ * @param startSyncing - `true` to actually start syncing the client.
+ * @param clientPegOpts - Options to pass through to {@link MatrixClientPeg.start}.
+ */
+async function startMatrixClient(
+    client: MatrixClient,
+    startSyncing: boolean,
+    clientPegOpts: MatrixClientPegAssignOpts,
+): Promise<void> {
+    logger.log(`Lifecycle: Starting MatrixClient`);
+
+    // dispatch this before starting the matrix client: it's used
+    // to add listeners for the 'sync' event so otherwise we'd have
+    // a race condition (and we need to dispatch synchronously for this
+    // to work).
+    dis.dispatch({ action: Action.WillStartClient }, true);
+
+    // reset things first just in case
+    SDKContextClass.instance.typingStore.reset();
+    ToastStore.sharedInstance().reset();
+
+    DialogOpener.instance.prepare(client);
+    SDKContextClass.instance.notifier.start();
+    UserActivity.sharedInstance().start();
+    DMRoomMap.makeShared(client).start();
+    IntegrationManagers.sharedInstance().startWatching();
+    ActiveWidgetStore.instance.start();
+    SDKContextClass.instance.legacyCallHandler.start();
+    checkBrowserSupport();
+
+    // Start Mjolnir even though we haven't checked the feature flag yet. Starting
+    // the thing just wastes CPU cycles, but should result in no actual functionality
+    // being exposed to the user.
+    Mjolnir.sharedInstance().start();
+
+    if (startSyncing) {
+        // The client might want to populate some views with events from the
+        // index (e.g. the FilePanel), therefore initialize the event index
+        // before the client.
+        await EventIndexPeg.init();
+        await MatrixClientPeg.start(clientPegOpts);
+    } else {
+        logger.warn("Caller requested only auxiliary services be started");
+        await MatrixClientPeg.assign(clientPegOpts);
+    }
+
+    checkSessionLock();
+
+    // This needs to be started after crypto is set up
+    DeviceListener.sharedInstance().start(client);
+
+    CallStatusListener.sharedInstance().start(CallStore.instance, client);
+
+    // Similarly, don't start sending presence updates until we've started
+    // the client
+    if (!SettingsStore.getValue("lowBandwidth")) {
+        Presence.start();
+    }
+
+    // Now that we have a MatrixClientPeg, update the Jitsi info
+    Jitsi.getInstance().start();
+
+    // dispatch that we finished starting up to wire up any other bits
+    // of the matrix client that cannot be set prior to starting up.
+    dis.dispatch({ action: Action.ClientStarted });
+
+    if (isSoftLogout()) {
+        softLogout();
+    }
+}
+
+/*
+ * Stops a running client and all related services, and clears persistent
+ * storage. Used after a session has been logged out.
+ */
+export async function onLoggedOut(): Promise<void> {
+    // Ensure that we dispatch a view change **before** stopping the client,
+    // that React components unmount first. This avoids React soft crashes
+    // that can occur when components try to use a null client.
+    dis.fire(Action.OnLoggedOut, true);
+    stopMatrixClient();
+    await clearStorage({ deleteEverything: true });
+    LifecycleCustomisations.onLoggedOutAndStorageCleared?.();
+    await PlatformPeg.get()?.clearStorage();
+    SettingsStore.reset();
+
+    // Do this last, so we can make sure all storage has been cleared and all
+    // customisations got the memo.
+    if (SdkConfig.get().logout_redirect_url) {
+        logger.log("Redirecting to external provider to finish logout");
+        // XXX: Defer this so that it doesn't race with MatrixChat unmounting the world by going to /#/welcome
+        window.setTimeout(() => {
+            window.location.href = SdkConfig.get().logout_redirect_url!;
+        }, 100);
+    }
+    // Do this last to prevent racing `stopMatrixClient` and `on_logged_out` with MatrixChat handling Session.logged_out
+    _isLoggingOut = false;
+}
+
+/**
+ * @param {object} opts Options for how to clear storage.
+ * @returns {Promise} promise which resolves once the stores have been cleared
+ */
+export async function clearStorage(opts?: { deleteEverything?: boolean }): Promise<void> {
+    logger.info(`Clearing storage, deleteEverything=${opts?.deleteEverything}`);
+
+    if (window.localStorage) {
+        // get the currently defined device language, if set, so we can restore it later
+        const language = SettingsStore.getValueAt(SettingLevel.DEVICE, "language", null, true, true);
+
+        // try to save any 3pid invites from being obliterated and registration time
+        const pendingInvites = ThreepidInviteStore.instance.getWireInvites();
+        const registrationTime = window.localStorage.getItem("mx_registration_time");
+
+        window.localStorage.clear();
+
+        try {
+            await StorageAccess.idbClear("account");
+        } catch (e) {
+            logger.error("idbClear failed for account", e);
+        }
+
+        // now restore those invites, registration time and previously set device language
+        if (!opts?.deleteEverything) {
+            if (language) {
+                await SettingsStore.setValue("language", null, SettingLevel.DEVICE, language);
+            }
+
+            pendingInvites.forEach(({ roomId, ...invite }) => {
+                ThreepidInviteStore.instance.storeInvite(roomId, invite);
+            });
+
+            if (registrationTime) {
+                window.localStorage.setItem("mx_registration_time", registrationTime);
+            }
+        }
+    }
+
+    window.sessionStorage?.clear();
+
+    // create a temporary client to clear out the persistent stores.
+    const cli = createMatrixClient({
+        // we'll never make any requests, so can pass a bogus HS URL
+        baseUrl: "",
+    });
+
+    await EventIndexPeg.deleteEventIndex();
+    await cli.clearStores();
+}
+
+/**
+ * Stop all the background processes related to the current client.
+ * @param {boolean} unsetClient True (default) to abandon the client
+ * on MatrixClientPeg after stopping.
+ */
+export function stopMatrixClient(unsetClient = true): void {
+    SDKContextClass.instance.legacyCallHandler.stop();
+    SDKContextClass.instance.notifier.stop();
+    UserActivity.sharedInstance().stop();
+    SDKContextClass.instance.typingStore.reset();
+    Presence.stop();
+    ActiveWidgetStore.instance.stop();
+    IntegrationManagers.sharedInstance().stopWatching();
+    Mjolnir.sharedInstance().stop();
+    DeviceListener.sharedInstance().stop();
+    CallStatusListener.sharedInstance().stop();
+    DMRoomMap.shared()?.stop();
+    EventIndexPeg.stop();
+    const cli = MatrixClientPeg.get();
+    if (cli) {
+        cli.stopClient();
+        cli.removeAllListeners();
+
+        if (unsetClient) {
+            MatrixClientPeg.unset();
+            EventIndexPeg.unset();
+            cli.store.destroy();
+        }
+    }
+}
+
+// Utility method to perform a login with an existing access_token
+window.mxLoginWithAccessToken = async (hsUrl: string, accessToken: string): Promise<void> => {
+    const tempClient = createClient({
+        baseUrl: hsUrl,
+        accessToken,
+    });
+    const { user_id: userId, device_id: deviceId } = await tempClient.whoami();
+    await doSetLoggedIn(
+        {
+            homeserverUrl: hsUrl,
+            accessToken,
+            userId,
+            deviceId,
+        },
+        true,
+        false,
+    );
+};
+
+/**
+ * Instantiate an OAuth2 instance from storage
+ * Returned promise will reject if the session or the server are not OAuth2-native.
+ */
+export async function hydrateAuth(
+    credentials: Pick<IMatrixClientCreds, "homeserverUrl" | "deviceId">,
+): Promise<OAuth2> {
+    const storedClientId = getStoredOAuthClientId();
+
+    const tempClient = new MatrixClient({ baseUrl: credentials.homeserverUrl });
+    const authMetadata = await tempClient.getAuthMetadata();
+
+    return new OAuth2(authMetadata, { ...getOAuthParams(storedClientId), deviceId: credentials.deviceId });
+}
diff --git a/apps/web/src/Linkify.ts b/apps/web/src/Linkify.ts
new file mode 100644
index 00000000000..939c561e566
--- /dev/null
+++ b/apps/web/src/Linkify.ts
@@ -0,0 +1,413 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024, 2025 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.
+*/
+
+import sanitizeHtml, { type IOptions } from "sanitize-html";
+import {
+    PERMITTED_URL_SCHEMES,
+    linkifyString as _linkifyString,
+    linkifyHtml as _linkifyHtml,
+    LinkifyMatrixOpaqueIdType,
+    generateLinkedTextOptions,
+    type LinkEventListener,
+} from "@element-hq/web-shared-components";
+import { getHttpUriForMxc, User } from "matrix-js-sdk/src/matrix";
+
+import { ELEMENT_URL_PATTERN } from "./linkify-matrix";
+import { mediaFromMxc } from "./customisations/Media";
+import {
+    parsePermalink,
+    tryTransformEntityToPermalink,
+    tryTransformPermalinkToLocalHref,
+} from "./utils/permalinks/Permalinks";
+import dis from "./dispatcher/dispatcher";
+import { Action } from "./dispatcher/actions";
+import { type ViewUserPayload } from "./dispatcher/payloads/ViewUserPayload";
+import { type ViewRoomPayload } from "./dispatcher/payloads/ViewRoomPayload";
+import { MatrixClientPeg } from "./MatrixClientPeg";
+
+const COLOR_REGEX = /^#[0-9a-fA-F]{6}$/;
+const MEDIA_API_MXC_REGEX = /\/_matrix\/media\/r0\/(?:download|thumbnail)\/(.+?)\/(.+?)(?:[?/]|$)/;
+
+export const transformTags: NonNullable<IOptions["transformTags"]> = {
+    // custom to matrix
+    // add blank targets to all hyperlinks except vector URLs
+    "a": function (tagName: string, attribs: sanitizeHtml.Attributes) {
+        if (attribs.href) {
+            attribs.target = "_blank"; // by default
+
+            const transformed = tryTransformPermalinkToLocalHref(attribs.href); // only used to check if it is a link that can be handled locally
+            if (
+                transformed !== attribs.href || // it could be converted so handle locally symbols e.g. @user:server.tdl, matrix: and matrix.to
+                ELEMENT_URL_PATTERN.test(attribs.href) // for https links to Element domains
+            ) {
+                delete attribs.target;
+            }
+        } else {
+            // Delete the href attrib if it is falsy
+            delete attribs.href;
+        }
+
+        attribs.rel = "noreferrer noopener"; // https://mathiasbynens.github.io/rel-noopener/
+        return { tagName, attribs };
+    },
+    "img": function (tagName: string, attribs: sanitizeHtml.Attributes) {
+        let src = attribs.src;
+        // Strip out imgs that aren't `mxc` here instead of using allowedSchemesByTag
+        // because transformTags is used _before_ we filter by allowedSchemesByTag and
+        // we don't want to allow images with `https?` `src`s.
+        if (!src) {
+            return { tagName, attribs: {} };
+        }
+
+        if (!src.startsWith("mxc://")) {
+            const match = MEDIA_API_MXC_REGEX.exec(src);
+            if (match) {
+                src = `mxc://${match[1]}/${match[2]}`;
+            }
+        }
+
+        if (!src.startsWith("mxc://")) {
+            return { tagName, attribs: {} };
+        }
+
+        const requestedWidth = Number(attribs.width);
+        const requestedHeight = Number(attribs.height);
+        const width = Math.min(requestedWidth || 800, 800);
+        const height = Math.min(requestedHeight || 600, 600);
+        // specify width/height as max values instead of absolute ones to allow object-fit to do its thing
+        // we only allow our own styles for this tag so overwrite the attribute
+        attribs.style = `max-width: ${width}px; max-height: ${height}px;`;
+        if (requestedWidth) {
+            attribs.style += "width: 100%;";
+        }
+        if (requestedHeight) {
+            attribs.style += "height: 100%;";
+        }
+        attribs.src = mediaFromMxc(src).getThumbnailOfSourceHttp(width, height)!;
+        return { tagName, attribs };
+    },
+    "code": function (tagName: string, attribs: sanitizeHtml.Attributes) {
+        if (typeof attribs.class !== "undefined") {
+            // Filter out all classes other than ones starting with language- for syntax highlighting.
+            const classes = attribs.class.split(/\s/).filter(function (cl) {
+                return cl.startsWith("language-") && !cl.startsWith("language-_");
+            });
+            attribs.class = classes.join(" ");
+        }
+        return { tagName, attribs };
+    },
+    "*": function (tagName: string, attribs: sanitizeHtml.Attributes) {
+        // Delete any style previously assigned, style is an allowedTag for font, span & img,
+        // because attributes are stripped after transforming.
+        // For img this is trusted as it is generated wholly within the img transformation method.
+        if (tagName !== "img") {
+            delete attribs.style;
+        }
+
+        // Sanitise and transform data-mx-color and data-mx-bg-color to their CSS
+        // equivalents
+        const customCSSMapper: Record<string, string> = {
+            "data-mx-color": "color",
+            "data-mx-bg-color": "background-color",
+            // $customAttributeKey: $cssAttributeKey
+        };
+
+        let style = "";
+        Object.keys(customCSSMapper).forEach((customAttributeKey) => {
+            const cssAttributeKey = customCSSMapper[customAttributeKey];
+            const customAttributeValue = attribs[customAttributeKey];
+            if (
+                customAttributeValue &&
+                typeof customAttributeValue === "string" &&
+                COLOR_REGEX.test(customAttributeValue)
+            ) {
+                style += cssAttributeKey + ":" + customAttributeValue + ";";
+                delete attribs[customAttributeKey];
+            }
+        });
+
+        if (style) {
+            attribs.style = style + (attribs.style || "");
+        }
+
+        return { tagName, attribs };
+    },
+};
+
+export const sanitizeHtmlParams: IOptions = {
+    allowedTags: [
+        // These tags are suggested by the spec https://spec.matrix.org/v1.10/client-server-api/#mroommessage-msgtypes
+        "font", // custom to matrix for IRC-style font coloring
+        "del", // for markdown
+        "s",
+        "h1",
+        "h2",
+        "h3",
+        "h4",
+        "h5",
+        "h6",
+        "blockquote",
+        "p",
+        "a",
+        "ul",
+        "ol",
+        "sup",
+        "sub",
+        "nl",
+        "li",
+        "b",
+        "i",
+        "u",
+        "strong",
+        "em",
+        "strike",
+        "code",
+        "hr",
+        "br",
+        "div",
+        "table",
+        "thead",
+        "caption",
+        "tbody",
+        "tr",
+        "th",
+        "td",
+        "pre",
+        "span",
+        "img",
+        "details",
+        "summary",
+    ],
+    allowedAttributes: {
+        // attribute sanitization happens after transformations, so we have to accept `style` for font, span & img
+        // but strip during the transformation.
+        // custom ones first:
+        font: ["color", "data-mx-bg-color", "data-mx-color", "style"], // custom to matrix
+        span: ["data-mx-maths", "data-mx-bg-color", "data-mx-color", "data-mx-spoiler", "style"], // custom to matrix
+        div: ["data-mx-maths"],
+        a: ["href", "name", "target", "rel"], // remote target: custom to matrix
+        // img tags also accept width/height, we just map those to max-width & max-height during transformation
+        img: ["src", "alt", "title", "style"],
+        ol: ["start"],
+        code: ["class"], // We don't actually allow all classes, we filter them in transformTags
+    },
+    // Lots of these won't come up by default because we don't allow them
+    selfClosing: ["img", "br", "hr", "area", "base", "basefont", "input", "link", "meta"],
+    // URL schemes we permit
+    allowedSchemes: PERMITTED_URL_SCHEMES,
+    allowProtocolRelative: false,
+    transformTags,
+    // 50 levels deep "should be enough for anyone"
+    nestingLimit: 50,
+};
+
+/**
+ * Handler function when a UserID link is clicked.
+ * @param event The click event
+ * @param userId The linked UserID
+ */
+function onUserClick(event: MouseEvent, userId: string): void {
+    event.preventDefault();
+    dis.dispatch<ViewUserPayload>({
+        action: Action.ViewUser,
+        member: new User(userId),
+    });
+}
+
+/**
+ * Handler function when a Room Alias link is clicked.
+ * @param event The click event
+ * @param roomAlias The linked room alias
+ */
+function onAliasClick(event: MouseEvent, roomAlias: string): void {
+    event.preventDefault();
+    dis.dispatch<ViewRoomPayload>({
+        action: Action.ViewRoom,
+        room_alias: roomAlias,
+        metricsTrigger: "Timeline",
+        metricsViaKeyboard: false,
+    });
+}
+
+/**
+ * Generates a set of event handlers for a regular URL link.
+ *
+ * @param href The link location.
+ * @returns Event listenenrs compatible with linkifyjs.
+ */
+function urlEventListeners(href: string): LinkEventListener {
+    // intercept local permalinks to users and show them like userids (in userinfo of current room)
+    try {
+        const permalink = parsePermalink(href);
+        if (permalink?.userId) {
+            return {
+                click: function (e: MouseEvent) {
+                    onUserClick(e, permalink.userId!);
+                },
+            };
+        } else {
+            // for events, rooms etc. (anything other than users)
+            const localHref = tryTransformPermalinkToLocalHref(href);
+            if (localHref !== href) {
+                // it could be converted to a localHref -> therefore handle locally
+                return {
+                    click: function (e: MouseEvent) {
+                        e.preventDefault();
+                        globalThis.location.hash = localHref;
+                    },
+                };
+            }
+        }
+    } catch {
+        // OK fine, it's not actually a permalink
+    }
+    return {};
+}
+
+/**
+ * Generates a set of event handlers for a UserID link.
+ *
+ * @param href A link that contains a userId.
+ * @returns Event listenenrs compatible with linkifyjs.
+ */
+export function userIdEventListeners(href: string): LinkEventListener {
+    return {
+        click: function (e: MouseEvent) {
+            e.preventDefault();
+            const userId = parsePermalink(href)?.userId ?? href;
+            if (userId) onUserClick(e, userId);
+        },
+    };
+}
+
+/**
+ * Generates a set of event handlers for a UserID link.
+ *
+ * @param href A link that contains a room alias.
+ * @returns Event listenenrs compatible with linkifyjs.
+ */
+export function roomAliasEventListeners(href: string): LinkEventListener {
+    return {
+        click: function (e: MouseEvent) {
+            e.preventDefault();
+            const alias = parsePermalink(href)?.roomIdOrAlias ?? href;
+            if (alias) onAliasClick(e, alias);
+        },
+    };
+}
+
+/**
+ * Generates a `target` attribute for the anchor element
+ * for the given `href` value.
+ *
+ * @param href A URL from a link.
+ * @returns The resulting `target` value.
+ */
+function urlTargetTransformFunction(href: string): string {
+    try {
+        const transformed = tryTransformPermalinkToLocalHref(href);
+        if (
+            transformed !== href || // if it could be converted to handle locally for matrix symbols e.g. @user:server.tdl and matrix.to
+            ELEMENT_URL_PATTERN.test(decodeURIComponent(href)) // for https links to Element domains
+        ) {
+            return "";
+        } else {
+            return "_blank";
+        }
+    } catch {
+        // malformed URI
+    }
+    return "";
+}
+
+/**
+ * Generates the result `href` value based on an incoming `href` value and a link type.
+ *
+ * @param href A URL from a link.
+ * @param type The type of link beinh handled.
+ * @returns The resulting `href` value.
+ */
+export function formatHref(href: string, type: LinkifyMatrixOpaqueIdType): string {
+    switch (type) {
+        case LinkifyMatrixOpaqueIdType.URL:
+            if (href.startsWith("mxc://") && MatrixClientPeg.get()) {
+                return getHttpUriForMxc(
+                    MatrixClientPeg.get()!.baseUrl,
+                    href,
+                    undefined,
+                    undefined,
+                    undefined,
+                    false,
+                    true,
+                );
+            }
+        // fallthrough
+        case LinkifyMatrixOpaqueIdType.RoomAlias:
+        case LinkifyMatrixOpaqueIdType.UserId:
+        default: {
+            return tryTransformEntityToPermalink(MatrixClientPeg.safeGet(), href) ?? "";
+        }
+    }
+}
+
+/**
+ * The standard configuration for a LinkedTextContext.Provider
+ * within Element Web.
+ */
+export const LinkedTextConfiguration = {
+    userIdListener: userIdEventListeners,
+    roomAliasListener: roomAliasEventListeners,
+    urlListener: urlEventListeners,
+    hrefTransformer: formatHref,
+    urlTargetTransformer: urlTargetTransformFunction,
+};
+
+type LinkifyOpts = Parameters<typeof _linkifyString>[1];
+
+/**
+ * Linkifies the given string. This is a wrapper around 'linkifyjs/string'.
+ *
+ * @param str string to linkify
+ * @param [options] Options for linkifyString.
+ * @returns Linkified string
+ */
+export function linkifyString(
+    value: string,
+    options: LinkifyOpts = generateLinkedTextOptions(LinkedTextConfiguration),
+): string {
+    return _linkifyString(value, options);
+}
+
+/**
+ * Linkifies the given HTML-formatted string. This is a wrapper around 'linkifyjs/html'.
+ *
+ * @param str HTML string to linkify
+ * @param [options] Options for linkifyHtml.
+ * @returns Linkified string
+ */
+export function linkifyHtml(
+    value: string,
+    options: LinkifyOpts = generateLinkedTextOptions(LinkedTextConfiguration),
+): string {
+    return _linkifyHtml(value, options);
+}
+
+/**
+ * Linkify the given string and sanitize the HTML afterwards.
+ *
+ * @param dirtyString The string to linkify, and then sanitize.
+ * @param [options] Options for linkifyString. Default: linkifyMatrixOptions
+ * @returns HTML string
+ */
+export function linkifyAndSanitizeHtml(
+    dirtyHtml: string,
+    options: LinkifyOpts = generateLinkedTextOptions(LinkedTextConfiguration),
+): string {
+    return sanitizeHtml(linkifyString(dirtyHtml, options), sanitizeHtmlParams);
+}
diff --git a/apps/web/src/Livestream.ts b/apps/web/src/Livestream.ts
new file mode 100644
index 00000000000..cc8812fc9d1
--- /dev/null
+++ b/apps/web/src/Livestream.ts
@@ -0,0 +1,52 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type ClientWidgetApi } from "matrix-widget-api";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import SdkConfig from "./SdkConfig";
+import { ElementWidgetActions } from "./stores/widgets/ElementWidgetActions";
+
+export function getConfigLivestreamUrl(): string | undefined {
+    return SdkConfig.get("audio_stream_url");
+}
+
+// Dummy rtmp URL used to signal that we want a special audio-only stream
+const AUDIOSTREAM_DUMMY_URL = "rtmp://audiostream.dummy/";
+
+async function createLiveStream(matrixClient: MatrixClient, roomId: string): Promise<void> {
+    const openIdToken = await matrixClient.getOpenIdToken();
+
+    const url = getConfigLivestreamUrl() + "/createStream";
+
+    const response = await window.fetch(url, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+            room_id: roomId,
+            openid_token: openIdToken,
+        }),
+    });
+
+    const respBody = await response.json();
+    return respBody["stream_id"];
+}
+
+export async function startJitsiAudioLivestream(
+    matrixClient: MatrixClient,
+    widgetApi: ClientWidgetApi,
+    roomId: string,
+): Promise<void> {
+    const streamId = await createLiveStream(matrixClient, roomId);
+
+    await widgetApi.transport.send(ElementWidgetActions.StartLiveStream, {
+        rtmpStreamKey: AUDIOSTREAM_DUMMY_URL + streamId,
+    });
+}
diff --git a/apps/web/src/Login.ts b/apps/web/src/Login.ts
new file mode 100644
index 00000000000..388eb3e95ae
--- /dev/null
+++ b/apps/web/src/Login.ts
@@ -0,0 +1,290 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-2021 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 {
+    createClient,
+    type MatrixClient,
+    type LoginFlow,
+    OAUTH_AWARE_PREFERRED_FLOW_FIELD,
+    type ILoginFlow,
+    type LoginRequest,
+    type ValidatedAuthMetadata,
+    type ISSOFlow,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { type IMatrixClientCreds } from "./utils/createMatrixClient";
+import { ModuleRunner } from "./modules/ModuleRunner";
+import { getOAuthClientId } from "./utils/oauth/registerClient";
+import { type IConfigOptions } from "./IConfigOptions";
+import SdkConfig from "./SdkConfig";
+import { isUserRegistrationSupported } from "./utils/oauth/isUserRegistrationSupported";
+
+/**
+ * Login flows supported by this client
+ * LoginFlow type use the client API /login endpoint
+ * OAuthNativeFlow is specific to this client
+ */
+export type ClientLoginFlow = LoginFlow | OAuthNativeFlow;
+
+interface ILoginOptions {
+    defaultDeviceDisplayName?: string;
+    /**
+     * Delegated auth config from server's .well-known.
+     *
+     * If this property is set, we will attempt an OAuth2 login using the delegated auth settings.
+     * The caller is responsible for checking that OAuth2 is enabled in the labs settings.
+     */
+    delegatedAuthentication?: ValidatedAuthMetadata;
+}
+
+export default class Login {
+    private flows: Array<ClientLoginFlow> = [];
+    private readonly defaultDeviceDisplayName?: string;
+    private delegatedAuthentication?: ValidatedAuthMetadata;
+    private tempClient: MatrixClient | null = null; // memoize
+
+    public constructor(
+        private hsUrl: string,
+        private isUrl: string,
+        private fallbackHsUrl: string | null,
+        opts: ILoginOptions,
+    ) {
+        this.defaultDeviceDisplayName = opts.defaultDeviceDisplayName;
+        this.delegatedAuthentication = opts.delegatedAuthentication;
+    }
+
+    public getHomeserverUrl(): string {
+        return this.hsUrl;
+    }
+
+    public getIdentityServerUrl(): string {
+        return this.isUrl;
+    }
+
+    public setHomeserverUrl(hsUrl: string): void {
+        this.tempClient = null; // clear memoization
+        this.hsUrl = hsUrl;
+    }
+
+    public setIdentityServerUrl(isUrl: string): void {
+        this.tempClient = null; // clear memoization
+        this.isUrl = isUrl;
+    }
+
+    /**
+     * Set delegated authentication config, clears tempClient.
+     * @param delegatedAuthentication delegated auth config, from ValidatedServerConfig
+     */
+    public setDelegatedAuthentication(delegatedAuthentication?: ValidatedAuthMetadata): void {
+        this.tempClient = null; // clear memoization
+        this.delegatedAuthentication = delegatedAuthentication;
+    }
+
+    /**
+     * Get a temporary MatrixClient, which can be used for login or register
+     * requests.
+     * @returns {MatrixClient}
+     */
+    public createTemporaryClient(): MatrixClient {
+        if (!this.tempClient) {
+            this.tempClient = createClient({
+                baseUrl: this.hsUrl,
+                idBaseUrl: this.isUrl,
+            });
+        }
+        return this.tempClient;
+    }
+
+    /**
+     * Get supported login flows
+     * @param isRegistration OPTIONAL used to verify registration is supported in delegated authentication config
+     * @returns Promise that resolves to supported login flows
+     */
+    public async getFlows(isRegistration?: boolean): Promise<Array<ClientLoginFlow>> {
+        // try to use oauth2 native flow if we have delegated auth config
+        if (this.delegatedAuthentication) {
+            try {
+                const oauthFlow = await tryInitOAuthNativeFlow(
+                    this.delegatedAuthentication,
+                    SdkConfig.get().oidc_static_clients,
+                    isRegistration,
+                );
+                return [oauthFlow];
+            } catch (error) {
+                logger.error("Failed to get OAuth2 native flow", error);
+            }
+        }
+
+        // OAuth2 native flow not supported, continue with matrix login
+        const client = this.createTemporaryClient();
+        const { flows }: { flows: LoginFlow[] } = await client.loginFlows();
+        // If an m.login.sso flow is present which is also flagged as being for MSC3824 OAuth compatibility then we only
+        // return that flow as (per MSC3824) it is the only one that the user should be offered to give the best experience
+        const oauthCompatibilityFlow = flows.find(
+            (f) => f.type === "m.login.sso" && OAUTH_AWARE_PREFERRED_FLOW_FIELD.findIn(f as ISSOFlow),
+        );
+        this.flows = oauthCompatibilityFlow ? [oauthCompatibilityFlow] : flows;
+        return this.flows;
+    }
+
+    public loginViaPassword(
+        username: string | undefined,
+        phoneCountry: string | undefined,
+        phoneNumber: string | undefined,
+        password: string,
+    ): Promise<IMatrixClientCreds> {
+        const isEmail = !!username && username.indexOf("@") > 0;
+
+        let identifier;
+        if (phoneCountry && phoneNumber) {
+            identifier = {
+                type: "m.id.phone",
+                country: phoneCountry,
+                phone: phoneNumber,
+                // XXX: Synapse historically wanted `number` and not `phone`
+                number: phoneNumber,
+            };
+        } else if (isEmail) {
+            identifier = {
+                type: "m.id.thirdparty",
+                medium: "email",
+                address: username,
+            };
+        } else {
+            identifier = {
+                type: "m.id.user",
+                user: username,
+            };
+        }
+
+        const loginParams = {
+            password,
+            identifier,
+            initial_device_display_name: this.defaultDeviceDisplayName,
+        };
+
+        const tryFallbackHs = (originalError: Error): Promise<IMatrixClientCreds> => {
+            return sendLoginRequest(this.fallbackHsUrl!, this.isUrl, "m.login.password", loginParams).catch(
+                (fallbackError) => {
+                    logger.log("fallback HS login failed", fallbackError);
+                    // throw the original error
+                    throw originalError;
+                },
+            );
+        };
+
+        let originalLoginError: Error | null = null;
+        return sendLoginRequest(this.hsUrl, this.isUrl, "m.login.password", loginParams)
+            .catch((error) => {
+                originalLoginError = error;
+                if (error.httpStatus === 403) {
+                    if (this.fallbackHsUrl) {
+                        return tryFallbackHs(originalLoginError!);
+                    }
+                }
+                throw originalLoginError;
+            })
+            .catch((error) => {
+                logger.log("Login failed", error);
+                throw error;
+            });
+    }
+}
+
+/**
+ * Describes the OAuth2 native login flow
+ * Separate from js-sdk's `LoginFlow` as this does not use the same /login flow
+ * to which that type belongs.
+ */
+export interface OAuthNativeFlow extends ILoginFlow {
+    type: "oauthNativeFlow";
+    // this client's id as registered with the configured OAuth2 OP
+    clientId: string;
+}
+/**
+ * Prepares an OAuthNativeFlow for logging into the server.
+ *
+ * Finds a static clientId for configured issuer, or attempts dynamic registration with the OP, and wraps the
+ * results.
+ *
+ * @param delegatedAuthConfig  Auth config from ValidatedServerConfig
+ * @param staticOAuthClientIds static client config from config.json, used during client registration with OP
+ * @param isRegistration true when we are attempting registration
+ * @returns Promise<OAuthNativeFlow> when oauth native authentication flow is supported and correctly configured
+ * @throws when client can't register with OP, or any unexpected error
+ */
+const tryInitOAuthNativeFlow = async (
+    delegatedAuthConfig: ValidatedAuthMetadata,
+    staticOAuthClientIds?: IConfigOptions["oidc_static_clients"],
+    isRegistration?: boolean,
+): Promise<OAuthNativeFlow> => {
+    // if registration is not supported, bail before attempting to get the clientId
+    if (isRegistration && !isUserRegistrationSupported(delegatedAuthConfig)) {
+        throw new Error("Registration is not supported by OP");
+    }
+    const clientId = await getOAuthClientId(delegatedAuthConfig, staticOAuthClientIds);
+
+    const flow = {
+        type: "oauthNativeFlow",
+        clientId,
+    } as OAuthNativeFlow;
+
+    return flow;
+};
+
+/**
+ * Send a login request to the given server, and format the response
+ * as a MatrixClientCreds
+ *
+ * @param {string} hsUrl   the base url of the Homeserver used to log in.
+ * @param {string} isUrl   the base url of the default identity server
+ * @param {string} loginType the type of login to do
+ * @param {ILoginParams} loginParams the parameters for the login
+ *
+ * @returns {IMatrixClientCreds}
+ */
+export async function sendLoginRequest(
+    hsUrl: string,
+    isUrl: string | undefined,
+    loginType: string,
+    loginParams: Omit<LoginRequest, "type">,
+): Promise<IMatrixClientCreds> {
+    const client = createClient({
+        baseUrl: hsUrl,
+        idBaseUrl: isUrl,
+    });
+
+    const data = await client.login(loginType, loginParams);
+
+    const wellknown = data.well_known;
+    if (wellknown) {
+        if (wellknown["m.homeserver"]?.["base_url"]) {
+            hsUrl = wellknown["m.homeserver"]["base_url"];
+            logger.log(`Overrode homeserver setting with ${hsUrl} from login response`);
+        }
+        if (wellknown["m.identity_server"]?.["base_url"]) {
+            // TODO: should we prompt here?
+            isUrl = wellknown["m.identity_server"]["base_url"];
+            logger.log(`Overrode IS setting with ${isUrl} from login response`);
+        }
+    }
+
+    const creds: IMatrixClientCreds = {
+        homeserverUrl: hsUrl,
+        identityServerUrl: isUrl,
+        userId: data.user_id,
+        deviceId: data.device_id,
+        accessToken: data.access_token,
+    };
+
+    ModuleRunner.instance.extensions.cryptoSetup.examineLoginResponse(data, creds);
+
+    return creds;
+}
diff --git a/apps/web/src/Markdown.test.ts b/apps/web/src/Markdown.test.ts
new file mode 100644
index 00000000000..507ef943d64
--- /dev/null
+++ b/apps/web/src/Markdown.test.ts
@@ -0,0 +1,176 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { describe, it, expect } from "vitest";
+
+import Markdown from "./Markdown";
+
+describe("Markdown parser test", () => {
+    describe("fixing HTML links", () => {
+        const testString = [
+            "Test1:",
+            "#_foonetic_xkcd:matrix.org",
+            "http://google.com/_thing_",
+            "https://matrix.org/_matrix/client/foo/123_",
+            "#_foonetic_xkcd:matrix.org",
+            "",
+            "Test1A:",
+            "#_foonetic_xkcd:matrix.org",
+            "http://google.com/_thing_",
+            "https://matrix.org/_matrix/client/foo/123_",
+            "#_foonetic_xkcd:matrix.org",
+            "",
+            "Test2:",
+            "http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg",
+            "http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg",
+            "",
+            "Test3:",
+            "https://riot.im/app/#/room/#_foonetic_xkcd:matrix.org",
+            "https://riot.im/app/#/room/#_foonetic_xkcd:matrix.org",
+        ].join("\n");
+
+        it("tests that links with markdown empasis in them are getting properly HTML formatted", () => {
+            const expectedResult = [
+                "<p>Test1:<br />#_foonetic_xkcd:matrix.org<br />http://google.com/_thing_<br />https://matrix.org/_matrix/client/foo/123_<br />#_foonetic_xkcd:matrix.org</p>",
+                "<p>Test1A:<br />#_foonetic_xkcd:matrix.org<br />http://google.com/_thing_<br />https://matrix.org/_matrix/client/foo/123_<br />#_foonetic_xkcd:matrix.org</p>",
+                "<p>Test2:<br />http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg<br />http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg</p>",
+                "<p>Test3:<br />https://riot.im/app/#/room/#_foonetic_xkcd:matrix.org<br />https://riot.im/app/#/room/#_foonetic_xkcd:matrix.org</p>",
+                "",
+            ].join("\n");
+            const md = new Markdown(testString);
+            expect(md.toHTML()).toEqual(expectedResult);
+        });
+        it("tests that links with autolinks are not touched at all and are still properly formatted", () => {
+            const test = [
+                "Test1:",
+                "<#_foonetic_xkcd:matrix.org>",
+                "<http://google.com/_thing_>",
+                "<https://matrix.org/_matrix/client/foo/123_>",
+                "<#_foonetic_xkcd:matrix.org>",
+                "",
+                "Test1A:",
+                "<#_foonetic_xkcd:matrix.org>",
+                "<http://google.com/_thing_>",
+                "<https://matrix.org/_matrix/client/foo/123_>",
+                "<#_foonetic_xkcd:matrix.org>",
+                "",
+                "Test2:",
+                "<http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg>",
+                "<http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg>",
+                "",
+                "Test3:",
+                "<https://riot.im/app/#/room/#_foonetic_xkcd:matrix.org>",
+                "<https://riot.im/app/#/room/#_foonetic_xkcd:matrix.org>",
+            ].join("\n");
+            /**
+             * NOTE: I'm not entirely sure if those "<"" and ">" should be visible in here for #_foonetic_xkcd:matrix.org
+             * but it seems to be actually working properly
+             */
+            const expectedResult = [
+                '<p>Test1:<br />&lt;#_foonetic_xkcd:matrix.org&gt;<br /><a href="http://google.com/_thing_">http://google.com/_thing_</a><br /><a href="https://matrix.org/_matrix/client/foo/123_">https://matrix.org/_matrix/client/foo/123_</a><br />&lt;#_foonetic_xkcd:matrix.org&gt;</p>',
+                '<p>Test1A:<br />&lt;#_foonetic_xkcd:matrix.org&gt;<br /><a href="http://google.com/_thing_">http://google.com/_thing_</a><br /><a href="https://matrix.org/_matrix/client/foo/123_">https://matrix.org/_matrix/client/foo/123_</a><br />&lt;#_foonetic_xkcd:matrix.org&gt;</p>',
+                '<p>Test2:<br /><a href="http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg">http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg</a><br /><a href="http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg">http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg</a></p>',
+                '<p>Test3:<br /><a href="https://riot.im/app/#/room/#_foonetic_xkcd:matrix.org">https://riot.im/app/#/room/#_foonetic_xkcd:matrix.org</a><br /><a href="https://riot.im/app/#/room/#_foonetic_xkcd:matrix.org">https://riot.im/app/#/room/#_foonetic_xkcd:matrix.org</a></p>',
+                "",
+            ].join("\n");
+            const md = new Markdown(test);
+            expect(md.toHTML()).toEqual(expectedResult);
+        });
+
+        it("expects that links in codeblock are not modified", () => {
+            const expectedResult = [
+                '<pre><code class="language-Test1:">#_foonetic_xkcd:matrix.org',
+                "http://google.com/_thing_",
+                "https://matrix.org/_matrix/client/foo/123_",
+                "#_foonetic_xkcd:matrix.org",
+                "",
+                "Test1A:",
+                "#_foonetic_xkcd:matrix.org",
+                "http://google.com/_thing_",
+                "https://matrix.org/_matrix/client/foo/123_",
+                "#_foonetic_xkcd:matrix.org",
+                "",
+                "Test2:",
+                "http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg",
+                "http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg",
+                "",
+                "Test3:",
+                "https://riot.im/app/#/room/#_foonetic_xkcd:matrix.org",
+                "https://riot.im/app/#/room/#_foonetic_xkcd:matrix.org```",
+                "</code></pre>",
+                "",
+            ].join("\n");
+            const md = new Markdown("```" + testString + "```");
+            expect(md.toHTML()).toEqual(expectedResult);
+        });
+
+        it('expects that links with emphasis are "escaped" correctly', () => {
+            const testString = [
+                "http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg" +
+                    " " +
+                    "http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg",
+                "http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg" +
+                    " " +
+                    "http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg",
+                "https://example.com/_test_test2_-test3",
+                "https://example.com/_test_test2_test3_",
+                "https://example.com/_test__test2_test3_",
+                "https://example.com/_test__test2__test3_",
+                "https://example.com/_test__test2_test3__",
+                "https://example.com/_test__test2",
+            ].join("\n");
+            const expectedResult = [
+                "http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg",
+                "http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg http://domain.xyz/foo/bar-_stuff-like-this_-in-it.jpg",
+                "https://example.com/_test_test2_-test3",
+                "https://example.com/_test_test2_test3_",
+                "https://example.com/_test__test2_test3_",
+                "https://example.com/_test__test2__test3_",
+                "https://example.com/_test__test2_test3__",
+                "https://example.com/_test__test2",
+            ].join("<br />");
+            const md = new Markdown(testString);
+            expect(md.toHTML()).toEqual(expectedResult);
+        });
+
+        it("expects that the link part will not be accidentally added to <strong>", () => {
+            const testString = `https://github.com/matrix-org/synapse/blob/develop/synapse/module_api/__init__.py`;
+            const expectedResult = "https://github.com/matrix-org/synapse/blob/develop/synapse/module_api/__init__.py";
+            const md = new Markdown(testString);
+            expect(md.toHTML()).toEqual(expectedResult);
+        });
+
+        it("expects that the link part will not be accidentally added to <strong> for multiline links", () => {
+            const testString = [
+                "https://github.com/matrix-org/synapse/blob/develop/synapse/module_api/__init__.py" +
+                    " " +
+                    "https://github.com/matrix-org/synapse/blob/develop/synapse/module_api/__init__.py",
+                "https://github.com/matrix-org/synapse/blob/develop/synapse/module_api/__init__.py" +
+                    " " +
+                    "https://github.com/matrix-org/synapse/blob/develop/synapse/module_api/__init__.py",
+            ].join("\n");
+            const expectedResult = [
+                "https://github.com/matrix-org/synapse/blob/develop/synapse/module_api/__init__.py" +
+                    " " +
+                    "https://github.com/matrix-org/synapse/blob/develop/synapse/module_api/__init__.py",
+                "https://github.com/matrix-org/synapse/blob/develop/synapse/module_api/__init__.py" +
+                    " " +
+                    "https://github.com/matrix-org/synapse/blob/develop/synapse/module_api/__init__.py",
+            ].join("<br />");
+            const md = new Markdown(testString);
+            expect(md.toHTML()).toEqual(expectedResult);
+        });
+
+        it("resumes applying formatting to the rest of a message after a link", () => {
+            const testString = "http://google.com/_thing_ *does* __not__ exist";
+            const expectedResult = "http://google.com/_thing_ <em>does</em> <strong>not</strong> exist";
+            const md = new Markdown(testString);
+            expect(md.toHTML()).toEqual(expectedResult);
+        });
+    });
+});
diff --git a/apps/web/src/Markdown.ts b/apps/web/src/Markdown.ts
new file mode 100644
index 00000000000..3bc38c8f7dc
--- /dev/null
+++ b/apps/web/src/Markdown.ts
@@ -0,0 +1,390 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+import "./@types/commonmark"; // import better types than @types/commonmark
+import * as commonmark from "commonmark";
+import { escape } from "lodash";
+import { logger } from "matrix-js-sdk/src/logger";
+import { findLinksInString } from "@element-hq/web-shared-components";
+
+const ALLOWED_HTML_TAGS = ["sub", "sup", "del", "s", "u", "br", "br/"];
+
+// These types of node are definitely text
+const TEXT_NODES = ["text", "softbreak", "linebreak", "paragraph", "document"];
+
+function isAllowedHtmlTag(node: commonmark.Node): boolean {
+    if (!node.literal) {
+        return false;
+    }
+
+    if (node.literal.match('^<((div|span) data-mx-maths="[^"]*"|/(div|span))>$') != null) {
+        return true;
+    }
+
+    // Regex won't work for tags with attrs, but the tags we allow
+    // shouldn't really have any anyway.
+    const matches = /^<\/?(.*)>$/.exec(node.literal);
+    if (matches && matches.length == 2) {
+        const tag = matches[1];
+        return ALLOWED_HTML_TAGS.indexOf(tag) > -1;
+    }
+
+    return false;
+}
+
+/*
+ * Returns true if the parse output containing the node
+ * comprises multiple block level elements (ie. lines),
+ * or false if it is only a single line.
+ */
+function isMultiLine(node: commonmark.Node): boolean {
+    let par = node;
+    while (par.parent) {
+        par = par.parent;
+    }
+    return par.firstChild != par.lastChild;
+}
+
+function getTextUntilEndOrLinebreak(node: commonmark.Node): string {
+    let currentNode: commonmark.Node | null = node;
+    let text = "";
+    while (currentNode && currentNode.type !== "softbreak" && currentNode.type !== "linebreak") {
+        const { literal, type } = currentNode;
+        if (type === "text" && literal) {
+            let n = 0;
+            let char = literal[n];
+            while (char !== " " && char !== null && n <= literal.length) {
+                if (char === " ") {
+                    break;
+                }
+                if (char) {
+                    text += char;
+                }
+                n += 1;
+                char = literal[n];
+            }
+            if (char === " ") {
+                break;
+            }
+        }
+        currentNode = currentNode.next;
+    }
+    return text;
+}
+
+const formattingChangesByNodeType = {
+    emph: "_",
+    strong: "__",
+};
+
+/**
+ * Returns the literal of a node an all child nodes.
+ */
+const innerNodeLiteral = (node: commonmark.Node): string => {
+    let literal = "";
+
+    const walker = node.walker();
+    let step: commonmark.NodeWalkingStep | null;
+
+    while ((step = walker.next())) {
+        const currentNode = step.node;
+        const currentNodeLiteral = currentNode.literal;
+        if (step.entering && currentNode.type === "text" && currentNodeLiteral) {
+            literal += currentNodeLiteral;
+        }
+    }
+
+    return literal;
+};
+
+const emptyItemWithNoSiblings = (node: commonmark.Node): boolean => {
+    return !node.prev && !node.next && !node.firstChild;
+};
+
+/**
+ * Class that wraps commonmark, adding the ability to see whether
+ * a given message actually uses any markdown syntax or whether
+ * it's plain text.
+ */
+export default class Markdown {
+    private input: string;
+    private parsed: commonmark.Node;
+
+    public constructor(input: string) {
+        this.input = input;
+
+        const parser = new commonmark.Parser();
+        this.parsed = parser.parse(this.input);
+        this.parsed = this.repairLinks(this.parsed);
+    }
+
+    /**
+     * This method is modifying the parsed AST in such a way that links are always
+     * properly linkified instead of sometimes being wrongly emphasised in case
+     * if you were to write a link like the example below:
+     * https://my_weird-link_domain.domain.com
+     * ^ this link would be parsed to something like this:
+     * <a href="https://my">https://my</a><b>weird-link</b><a href="https://domain.domain.com">domain.domain.com</a>
+     * This method makes it so the link gets properly modified to a version where it is
+     * not emphasised until it actually ends.
+     * See: https://github.com/vector-im/element-web/issues/4674
+     * @param parsed
+     */
+    private repairLinks(parsed: commonmark.Node): commonmark.Node {
+        const walker = parsed.walker();
+        let event: commonmark.NodeWalkingStep | null = null;
+        let text = "";
+        let isInPara = false;
+        let previousNode: commonmark.Node | null = null;
+        let shouldUnlinkFormattingNode = false;
+        while ((event = walker.next())) {
+            const { node } = event;
+            if (node.type === "paragraph") {
+                if (event.entering) {
+                    isInPara = true;
+                } else {
+                    isInPara = false;
+                }
+            }
+            if (isInPara) {
+                // Clear saved string when line ends
+                if (
+                    node.type === "softbreak" ||
+                    node.type === "linebreak" ||
+                    // Also start calculating the text from the beginning on any spaces
+                    (node.type === "text" && node.literal === " ")
+                ) {
+                    text = "";
+                    continue;
+                }
+
+                // Break up text nodes on spaces, so that we don't shoot past them without resetting
+                if (node.type === "text" && node.literal) {
+                    const [thisPart, ...nextParts] = node.literal.split(/( )/);
+                    node.literal = thisPart;
+                    text += thisPart;
+
+                    // Add the remaining parts as siblings
+                    nextParts.reverse().forEach((part) => {
+                        if (part) {
+                            const nextNode = new commonmark.Node("text");
+                            nextNode.literal = part;
+                            node.insertAfter(nextNode);
+                            // Make the iterator aware of the newly inserted node
+                            walker.resumeAt(nextNode, true);
+                        }
+                    });
+                }
+
+                // We should not do this if previous node was not a textnode, as we can't combine it then.
+                if ((node.type === "emph" || node.type === "strong") && previousNode?.type === "text") {
+                    if (event.entering) {
+                        const foundLinks = findLinksInString(text);
+                        for (const { value } of foundLinks) {
+                            if (node?.firstChild?.literal) {
+                                /**
+                                 * NOTE: This technically should unlink the emph node and create LINK nodes instead, adding all the next elements as siblings
+                                 * but this solution seems to work well and is hopefully slightly easier to understand too
+                                 */
+                                const format = formattingChangesByNodeType[node.type];
+                                const nonEmphasizedText = `${format}${innerNodeLiteral(node)}${format}`;
+                                const f = getTextUntilEndOrLinebreak(node);
+                                const newText = value + nonEmphasizedText + f;
+                                const newLinks = findLinksInString(newText);
+                                // Should always find only one link here, if it finds more it means that the algorithm is broken
+                                if (newLinks.length === 1) {
+                                    const emphasisTextNode = new commonmark.Node("text");
+                                    emphasisTextNode.literal = nonEmphasizedText;
+                                    previousNode.insertAfter(emphasisTextNode);
+                                    node.firstChild.literal = "";
+                                    event = node.walker().next();
+                                    if (event) {
+                                        // Remove `em` opening and closing nodes
+                                        node.unlink();
+                                        previousNode.insertAfter(event.node);
+                                        shouldUnlinkFormattingNode = true;
+                                    }
+                                } else {
+                                    logger.error(
+                                        "Markdown links escaping found too many links for following text: ",
+                                        text,
+                                    );
+                                    logger.error(
+                                        "Markdown links escaping found too many links for modified text: ",
+                                        newText,
+                                    );
+                                }
+                            }
+                        }
+                    } else {
+                        if (shouldUnlinkFormattingNode) {
+                            node.unlink();
+                            shouldUnlinkFormattingNode = false;
+                        }
+                    }
+                }
+            }
+            previousNode = node;
+        }
+        return parsed;
+    }
+
+    public isPlainText(): boolean {
+        const walker = this.parsed.walker();
+        let ev: commonmark.NodeWalkingStep | null;
+
+        while ((ev = walker.next())) {
+            const node = ev.node;
+
+            if (TEXT_NODES.indexOf(node.type) > -1) {
+                // definitely text
+                continue;
+            } else if (node.type == "list" || node.type == "item") {
+                // Special handling for inputs like `+`, `*`, `-` and `2021.` which
+                // would otherwise be treated as a list of a single empty item.
+                // See https://github.com/vector-im/element-web/issues/7631
+                if (node.type == "list" && node.firstChild && emptyItemWithNoSiblings(node.firstChild)) {
+                    // A list with a single empty item is treated as plain text.
+                    continue;
+                }
+
+                if (node.type == "item" && emptyItemWithNoSiblings(node)) {
+                    // An empty list item with no sibling items is treated as plain text.
+                    continue;
+                }
+
+                // Everything else is actual lists and therefore not plaintext.
+                return false;
+            } else if (node.type == "html_inline" || node.type == "html_block") {
+                // if it's an allowed html tag, we need to render it and therefore
+                // we will need to use HTML. If it's not allowed, it's not HTML since
+                // we'll just be treating it as text.
+                if (isAllowedHtmlTag(node)) {
+                    return false;
+                }
+            } else {
+                return false;
+            }
+        }
+        return true;
+    }
+
+    public toHTML({ externalLinks = false } = {}): string {
+        const renderer = new commonmark.HtmlRenderer({
+            safe: false,
+
+            // Set soft breaks to hard HTML breaks: commonmark
+            // puts softbreaks in for multiple lines in a blockquote,
+            // so if these are just newline characters then the
+            // block quote ends up all on one line
+            // (https://github.com/vector-im/element-web/issues/3154)
+            softbreak: "<br />",
+        });
+
+        // Trying to strip out the wrapping <p/> causes a lot more complication
+        // than it's worth, i think.  For instance, this code will go and strip
+        // out any <p/> tag (no matter where it is in the tree) which doesn't
+        // contain \n's.
+        // On the flip side, <p/>s are quite opionated and restricted on where
+        // you can nest them.
+        //
+        // Let's try sending with <p/>s anyway for now, though.
+        const realParagraph = renderer.paragraph;
+        renderer.paragraph = function (node: commonmark.Node, entering: boolean) {
+            // If there is only one top level node, just return the
+            // bare text: it's a single line of text and so should be
+            // 'inline', rather than unnecessarily wrapped in its own
+            // p tag. If, however, we have multiple nodes, each gets
+            // its own p tag to keep them as separate paragraphs.
+            // However, if it's a blockquote, adds a p tag anyway
+            // in order to avoid deviation to commonmark and unexpected
+            // results when parsing the formatted HTML.
+            if (node.parent?.type === "block_quote" || isMultiLine(node)) {
+                realParagraph.call(this, node, entering);
+            }
+        };
+
+        renderer.link = function (node, entering) {
+            const attrs = this.attrs(node);
+            if (entering && node.destination) {
+                attrs.push(["href", this.esc(node.destination)]);
+                if (node.title) {
+                    attrs.push(["title", this.esc(node.title)]);
+                }
+                // Modified link behaviour to treat them all as external and
+                // thus opening in a new tab.
+                if (externalLinks) {
+                    attrs.push(["target", "_blank"]);
+                    attrs.push(["rel", "noreferrer noopener"]);
+                }
+                this.tag("a", attrs);
+            } else {
+                this.tag("/a");
+            }
+        };
+
+        renderer.html_inline = function (node: commonmark.Node) {
+            if (node.literal) {
+                if (isAllowedHtmlTag(node)) {
+                    this.lit(node.literal);
+                } else {
+                    this.lit(escape(node.literal));
+                }
+            }
+        };
+
+        renderer.html_block = function (node: commonmark.Node) {
+            /*
+            // as with `paragraph`, we only insert line breaks
+            // if there are multiple lines in the markdown.
+            const isMultiLine = is_multi_line(node);
+            if (isMultiLine) this.cr();
+            */
+            renderer.html_inline(node);
+            /*
+            if (isMultiLine) this.cr();
+            */
+        };
+
+        return renderer.render(this.parsed);
+    }
+
+    /*
+     * Render the markdown message to plain text. That is, essentially
+     * just remove any backslashes escaping what would otherwise be
+     * markdown syntax
+     * (to fix https://github.com/vector-im/element-web/issues/2870).
+     *
+     * N.B. this does **NOT** render arbitrary MD to plain text - only MD
+     * which has no formatting.  Otherwise it emits HTML(!).
+     */
+    public toPlaintext(): string {
+        const renderer = new commonmark.HtmlRenderer({ safe: false });
+
+        renderer.paragraph = function (node: commonmark.Node, entering: boolean) {
+            // as with toHTML, only append lines to paragraphs if there are
+            // multiple paragraphs
+            if (isMultiLine(node)) {
+                if (!entering && node.next) {
+                    this.lit("\n\n");
+                }
+            }
+        };
+
+        renderer.html_block = function (node: commonmark.Node) {
+            if (node.literal) this.lit(node.literal);
+            if (isMultiLine(node) && node.next) this.lit("\n\n");
+        };
+
+        // We inhibit the default escape function as we escape the entire output string to correctly handle backslashes
+        renderer.esc = (input: string) => input;
+
+        return escape(renderer.render(this.parsed));
+    }
+}
diff --git a/apps/web/src/MatrixClientPeg.test.ts b/apps/web/src/MatrixClientPeg.test.ts
new file mode 100644
index 00000000000..4697a8aef82
--- /dev/null
+++ b/apps/web/src/MatrixClientPeg.test.ts
@@ -0,0 +1,146 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import fetchMock from "@fetch-mock/vitest";
+import { advanceDateAndTime, stubClient, createTestClient } from "test-utils";
+
+import { type IMatrixClientPeg, MatrixClientPeg as peg } from "./MatrixClientPeg";
+import SdkConfig from "./SdkConfig";
+
+vi.useFakeTimers();
+
+const PegClass = Object.getPrototypeOf(peg).constructor;
+
+describe("MatrixClientPeg", () => {
+    beforeEach(() => {
+        // stub out Logger.log which gets called a lot and clutters up the test output
+        vi.spyOn(logger, "log").mockImplementation(() => {});
+    });
+
+    afterEach(() => {
+        localStorage.clear();
+        vi.restoreAllMocks();
+
+        // some of the tests assign `MatrixClientPeg.matrixClient`: clear it, to prevent leakage between tests
+        peg.unset();
+    });
+
+    it("setJustRegisteredUserId", () => {
+        stubClient();
+        (peg as any).matrixClient = peg.get();
+        peg.setJustRegisteredUserId("@userId:matrix.org");
+        expect(peg.safeGet().credentials.userId).toBe("@userId:matrix.org");
+        expect(peg.currentUserIsJustRegistered()).toBe(true);
+        expect(peg.userRegisteredWithinLastHours(0)).toBe(false);
+        expect(peg.userRegisteredWithinLastHours(1)).toBe(true);
+        expect(peg.userRegisteredWithinLastHours(24)).toBe(true);
+        advanceDateAndTime(1 * 60 * 60 * 1000 + 1);
+        expect(peg.userRegisteredWithinLastHours(0)).toBe(false);
+        expect(peg.userRegisteredWithinLastHours(1)).toBe(false);
+        expect(peg.userRegisteredWithinLastHours(24)).toBe(true);
+        advanceDateAndTime(24 * 60 * 60 * 1000);
+        expect(peg.userRegisteredWithinLastHours(0)).toBe(false);
+        expect(peg.userRegisteredWithinLastHours(1)).toBe(false);
+        expect(peg.userRegisteredWithinLastHours(24)).toBe(false);
+    });
+
+    it("setJustRegisteredUserId(null)", () => {
+        stubClient();
+        (peg as any).matrixClient = peg.get();
+        peg.setJustRegisteredUserId(null);
+        expect(peg.currentUserIsJustRegistered()).toBe(false);
+        expect(peg.userRegisteredWithinLastHours(0)).toBe(false);
+        expect(peg.userRegisteredWithinLastHours(1)).toBe(false);
+        expect(peg.userRegisteredWithinLastHours(24)).toBe(false);
+        advanceDateAndTime(1 * 60 * 60 * 1000 + 1);
+        expect(peg.userRegisteredWithinLastHours(0)).toBe(false);
+        expect(peg.userRegisteredWithinLastHours(1)).toBe(false);
+        expect(peg.userRegisteredWithinLastHours(24)).toBe(false);
+    });
+
+    describe(".start", () => {
+        let testPeg: IMatrixClientPeg;
+
+        beforeEach(() => {
+            // instantiate a MatrixClientPegClass instance, with a new MatrixClient
+            testPeg = new PegClass();
+            fetchMock.get("http://example.com/_matrix/client/versions", {});
+
+            const mockClient = createTestClient();
+            mockClient.initRustCrypto = vi.fn();
+            mockClient.startClient = vi.fn();
+            testPeg.set(mockClient as unknown as MatrixClient);
+        });
+
+        it("should initialise the rust crypto library by default", async () => {
+            const mockInitRustCrypto = vi.spyOn(testPeg.safeGet(), "initRustCrypto").mockResolvedValue(undefined);
+
+            const cryptoStoreKey = new Uint8Array([1, 2, 3, 4]);
+            await testPeg.start({ rustCryptoStoreKey: cryptoStoreKey });
+            expect(mockInitRustCrypto).toHaveBeenCalledWith({ storageKey: cryptoStoreKey });
+        });
+
+        it("should try to start dehydration if dehydration is enabled", async () => {
+            const mockInitRustCrypto = vi.spyOn(testPeg.safeGet(), "initRustCrypto").mockResolvedValue(undefined);
+            const mockStartDehydration = vi.fn();
+            vi.spyOn(testPeg.safeGet(), "getCrypto").mockReturnValue({
+                isDehydrationSupported: vi.fn().mockResolvedValue(true),
+                startDehydration: mockStartDehydration,
+                setDeviceIsolationMode: vi.fn(),
+            } as any);
+            vi.spyOn(testPeg.safeGet(), "waitForClientWellKnown").mockResolvedValue({
+                "m.homeserver": {
+                    base_url: "http://example.com",
+                },
+                "org.matrix.msc3814": true,
+            } as any);
+
+            const cryptoStoreKey = new Uint8Array([1, 2, 3, 4]);
+            await testPeg.start({ rustCryptoStoreKey: cryptoStoreKey });
+            expect(mockInitRustCrypto).toHaveBeenCalledWith({ storageKey: cryptoStoreKey });
+            expect(mockStartDehydration).toHaveBeenCalledWith({ onlyIfKeyCached: true, rehydrate: false });
+        });
+
+        it("Should migrate existing login", async () => {
+            const mockInitRustCrypto = vi.spyOn(testPeg.safeGet(), "initRustCrypto").mockResolvedValue(undefined);
+
+            await testPeg.start();
+            expect(mockInitRustCrypto).toHaveBeenCalledTimes(1);
+        });
+
+        it("should poll the client well-known by default", async () => {
+            vi.spyOn(testPeg.safeGet(), "initRustCrypto").mockResolvedValue(undefined);
+            const startClient = vi.spyOn(testPeg.safeGet(), "startClient").mockResolvedValue(undefined);
+
+            await testPeg.start();
+
+            const opts = startClient.mock.calls[0][0];
+            expect(opts?.clientWellKnownPollPeriod).toBe(2 * 60 * 60);
+        });
+
+        it("should not poll the client well-known when enable_client_well_known_lookups is false", async () => {
+            const sdkConfigGet = SdkConfig.get;
+            vi.spyOn(SdkConfig, "get").mockImplementation((key?: any, altCaseName?: string): any => {
+                if (key === "enable_client_well_known_lookups") return false;
+                return sdkConfigGet(key, altCaseName);
+            });
+            vi.spyOn(testPeg.safeGet(), "initRustCrypto").mockResolvedValue(undefined);
+            const startClient = vi.spyOn(testPeg.safeGet(), "startClient").mockResolvedValue(undefined);
+
+            await testPeg.start();
+
+            const opts = startClient.mock.calls[0][0];
+            expect(opts?.clientWellKnownPollPeriod).toBeUndefined();
+        });
+    });
+});
diff --git a/apps/web/src/MatrixClientPeg.ts b/apps/web/src/MatrixClientPeg.ts
new file mode 100644
index 00000000000..aaf78fe7919
--- /dev/null
+++ b/apps/web/src/MatrixClientPeg.ts
@@ -0,0 +1,362 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2023 The Matrix.org Foundation C.I.C.
+Copyright 2017, 2018 , 2019 New Vector Ltd
+Copyright 2017 Vector Creations 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.
+*/
+
+import { type IStartClientOpts, type MatrixClient, MemoryStore, PendingEventOrdering } from "matrix-js-sdk/src/matrix";
+import * as utils from "matrix-js-sdk/src/utils";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import SettingsStore from "./settings/SettingsStore";
+import MatrixActionCreators from "./actions/MatrixActionCreators";
+import Modal from "./Modal";
+import MatrixClientBackedSettingsHandler from "./settings/handlers/MatrixClientBackedSettingsHandler";
+import * as StorageManager from "./utils/StorageManager";
+import { SlidingSyncManager } from "./SlidingSyncManager";
+import { _t, UserFriendlyError } from "./languageHandler";
+import MatrixClientBackedController from "./settings/controllers/MatrixClientBackedController";
+import ErrorDialog from "./components/views/dialogs/ErrorDialog";
+import PlatformPeg from "./PlatformPeg";
+import SdkConfig from "./SdkConfig";
+import { setDeviceIsolationMode } from "./settings/controllers/DeviceIsolationModeController.ts";
+import { initialiseDehydrationIfEnabled } from "./utils/device/dehydration";
+
+export interface MatrixClientPegAssignOpts {
+    /**
+     * If we are using Rust crypto, a key with which to encrypt the indexeddb.
+     *
+     * If provided, it must be exactly 32 bytes of data. If both this and
+     * {@link MatrixClientPegAssignOpts.rustCryptoStorePassword} are undefined,
+     * the store will be unencrypted.
+     */
+    rustCryptoStoreKey?: Uint8Array;
+
+    /**
+     * If we are using Rust crypto, a password which will be used to derive a key to encrypt the store with.
+     *
+     * An alternative to {@link MatrixClientPegAssignOpts.rustCryptoStoreKey}. Ignored if `rustCryptoStoreKey` is set.
+     *
+     * Deriving a key from a password is (deliberately) a slow operation, so prefer to pass a `rustCryptoStoreKey`
+     * directly where possible.
+     */
+    rustCryptoStorePassword?: string;
+}
+
+/**
+ * Holds the current instance of the `MatrixClient` to use across the codebase.
+ * Looking for an `MatrixClient`? Just look for the `MatrixClientPeg` on the peg
+ * board. "Peg" is the literal meaning of something you hang something on. So
+ * you'll find a `MatrixClient` hanging on the `MatrixClientPeg`.
+ */
+export interface IMatrixClientPeg {
+    /**
+     * The opts used to start the client
+     */
+    opts: IStartClientOpts;
+
+    /**
+     * Get the current MatrixClient, if any
+     */
+    get(): MatrixClient | null;
+
+    /**
+     * Get the current MatrixClient, throwing an error if there isn't one
+     */
+    safeGet(): MatrixClient;
+
+    /**
+     * Sets the current MatrixClient.
+     * @param client The MatrixClient instance to set
+     */
+    set(client: MatrixClient): void;
+
+    /**
+     * Unset the current MatrixClient
+     */
+    unset(): void;
+
+    /**
+     * Prepare the MatrixClient for use, including initialising the store and crypto, but do not start it.
+     */
+    assign(opts?: MatrixClientPegAssignOpts): Promise<IStartClientOpts>;
+
+    /**
+     * Prepare the MatrixClient for use, including initialising the store and crypto, and start it.
+     */
+    start(opts?: MatrixClientPegAssignOpts): Promise<void>;
+
+    /**
+     * If we've registered a user ID we set this to the ID of the
+     * user we've just registered. If they then go & log in, we
+     * can send them to the welcome user (obviously this doesn't
+     * guarantee they'll get a chat with the welcome user).
+     *
+     * @param {string} uid The user ID of the user we've just registered
+     */
+    setJustRegisteredUserId(uid: string | null): void;
+
+    /**
+     * Returns true if the current user has just been registered by this
+     * client as determined by setJustRegisteredUserId()
+     *
+     * @returns {bool} True if user has just been registered
+     */
+    currentUserIsJustRegistered(): boolean;
+
+    /**
+     * If the current user has been registered by this device then this
+     * returns a boolean of whether it was within the last N hours given.
+     */
+    userRegisteredWithinLastHours(hours: number): boolean;
+
+    /**
+     * If the current user has been registered by this device then this
+     * returns a boolean of whether it was after a given timestamp.
+     */
+    userRegisteredAfter(date: Date): boolean;
+}
+
+/**
+ * Wrapper object for handling the js-sdk Matrix Client object in the react-sdk
+ * Handles the creation/initialisation of client objects.
+ * This module provides a singleton instance of this class so the 'current'
+ * Matrix Client object is available easily.
+ */
+class MatrixClientPegClass implements IMatrixClientPeg {
+    // These are the default options used when when the
+    // client is started in 'start'. These can be altered
+    // at any time up to after the 'will_start_client'
+    // event is finished processing.
+    public opts: IStartClientOpts = {
+        initialSyncLimit: 20,
+    };
+
+    private matrixClient: MatrixClient | null = null;
+    private justRegisteredUserId: string | null = null;
+
+    public get(): MatrixClient | null {
+        return this.matrixClient;
+    }
+
+    public safeGet(): MatrixClient {
+        if (!this.matrixClient) {
+            throw new UserFriendlyError("error_user_not_logged_in");
+        }
+        return this.matrixClient;
+    }
+
+    public set(client: MatrixClient): void {
+        this.matrixClient = client;
+    }
+
+    public unset(): void {
+        this.matrixClient = null;
+
+        MatrixActionCreators.stop();
+    }
+
+    public setJustRegisteredUserId(uid: string | null): void {
+        this.justRegisteredUserId = uid;
+        if (uid) {
+            const registrationTime = Date.now().toString();
+            window.localStorage.setItem("mx_registration_time", registrationTime);
+        }
+    }
+
+    public currentUserIsJustRegistered(): boolean {
+        return !!this.matrixClient && this.matrixClient.credentials.userId === this.justRegisteredUserId;
+    }
+
+    public userRegisteredWithinLastHours(hours: number): boolean {
+        if (hours <= 0) {
+            return false;
+        }
+
+        try {
+            const registrationTime = parseInt(window.localStorage.getItem("mx_registration_time")!, 10);
+            const diff = Date.now() - registrationTime;
+            return diff / 36e5 <= hours;
+        } catch {
+            return false;
+        }
+    }
+
+    public userRegisteredAfter(timestamp: Date): boolean {
+        try {
+            const registrationTime = parseInt(window.localStorage.getItem("mx_registration_time")!, 10);
+            return timestamp.getTime() <= registrationTime;
+        } catch {
+            return false;
+        }
+    }
+
+    private onUnexpectedStoreClose = async (): Promise<void> => {
+        if (!this.matrixClient) return;
+        this.matrixClient.stopClient(); // stop the client as the database has failed
+        this.matrixClient.store.destroy();
+
+        if (!this.matrixClient.isGuest()) {
+            // If the user is not a guest then prompt them to reload rather than doing it for them
+            // For guests this is likely to happen during e-mail verification as part of registration
+
+            const brand = SdkConfig.get().brand;
+            const platform = PlatformPeg.get()?.getHumanReadableName();
+
+            // Determine the description based on the platform
+            const description =
+                platform === "Web Platform"
+                    ? _t("error_database_closed_description|for_web", { brand })
+                    : _t("error_database_closed_description|for_desktop");
+
+            const [reload] = await Modal.createDialog(ErrorDialog, {
+                title: _t("error_database_closed_title", { brand }),
+                description,
+                button: _t("action|reload"),
+            }).finished;
+
+            if (!reload) return;
+        }
+
+        PlatformPeg.get()?.reload();
+    };
+
+    /**
+     * Implementation of {@link IMatrixClientPeg.assign}.
+     */
+    public async assign(assignOpts: MatrixClientPegAssignOpts = {}): Promise<IStartClientOpts> {
+        if (!this.matrixClient) {
+            throw new Error("createClient must be called first");
+        }
+
+        for (const dbType of ["indexeddb", "memory"]) {
+            try {
+                const promise = this.matrixClient.store.startup();
+                logger.log("MatrixClientPeg: waiting for MatrixClient store to initialise");
+                await promise;
+                break;
+            } catch (err) {
+                if (dbType === "indexeddb") {
+                    logger.error("Error starting matrixclient store - falling back to memory store", err);
+                    this.matrixClient.store = new MemoryStore({
+                        localStorage: localStorage,
+                    });
+                } else {
+                    logger.error("Failed to start memory store!", err);
+                    throw err;
+                }
+            }
+        }
+        this.matrixClient.store.on?.("closed", this.onUnexpectedStoreClose);
+
+        // try to initialise e2e on the new client
+        if (!SettingsStore.getValue("lowBandwidth")) {
+            await this.initClientCrypto(assignOpts.rustCryptoStoreKey, assignOpts.rustCryptoStorePassword);
+        }
+
+        const opts = utils.deepCopy(this.opts);
+        // the react sdk doesn't work without this, so don't allow
+        opts.pendingEventOrdering = PendingEventOrdering.Detached;
+        opts.lazyLoadMembers = true;
+        // Poll the user's `<server_name>/.well-known/matrix/client` for client config unless disabled by config.
+        // Leaving `clientWellKnownPollPeriod` unset stops the SDK fetching it.
+        if (SdkConfig.get("enable_client_well_known_lookups")) {
+            opts.clientWellKnownPollPeriod = 2 * 60 * 60; // 2 hours
+        }
+        opts.threadSupport = true;
+        if (SettingsStore.getValue("feature_user_status")) {
+            opts.unstableMSC4429SyncUserProfileFields = ["org.matrix.msc4426.status", "org.matrix.msc4426.call"];
+        }
+
+        if (SettingsStore.getValue("feature_sliding_sync")) {
+            throw new UserFriendlyError("sliding_sync_legacy_no_longer_supported");
+        }
+
+        // If the user has enabled the labs feature for sliding sync, set it up
+        // otherwise check if the feature is supported
+        if (SettingsStore.getValue("feature_simplified_sliding_sync")) {
+            opts.slidingSync = await SlidingSyncManager.instance.setup(this.matrixClient);
+        } else {
+            SlidingSyncManager.instance.checkSupport(this.matrixClient);
+        }
+
+        // Connect the matrix client to the dispatcher and setting handlers
+        MatrixActionCreators.start(this.matrixClient);
+        MatrixClientBackedSettingsHandler.matrixClient = this.matrixClient;
+        MatrixClientBackedController.matrixClient = this.matrixClient;
+
+        return opts;
+    }
+
+    /**
+     * Attempt to initialize the crypto layer on a newly-created MatrixClient
+     *
+     * @param rustCryptoStoreKey - A key with which to encrypt the rust crypto indexeddb.
+     *   If provided, it must be exactly 32 bytes of data. If both this and `rustCryptoStorePassword` are
+     *   undefined, the store will be unencrypted.
+     *
+     * @param rustCryptoStorePassword - An alternative to `rustCryptoStoreKey`. Ignored if `rustCryptoStoreKey` is set.
+     *    A password which will be used to derive a key to encrypt the store with. Deriving a key from a password is
+     *    (deliberately) a slow operation, so prefer to pass a `rustCryptoStoreKey` directly where possible.
+     */
+    private async initClientCrypto(rustCryptoStoreKey?: Uint8Array, rustCryptoStorePassword?: string): Promise<void> {
+        if (!this.matrixClient) {
+            throw new Error("createClient must be called first");
+        }
+
+        if (!rustCryptoStoreKey && !rustCryptoStorePassword) {
+            logger.error("Warning! Not using an encryption key for rust crypto store.");
+        }
+
+        await this.matrixClient.initRustCrypto({
+            storageKey: rustCryptoStoreKey,
+            storagePassword: rustCryptoStorePassword,
+        });
+
+        StorageManager.setCryptoInitialised(true);
+
+        setDeviceIsolationMode(this.matrixClient, SettingsStore.getValue("feature_exclude_insecure_devices"));
+
+        // Start dehydration. This code is only for the case where the client
+        // gets restarted, so we only do this if we already have the dehydration
+        // key cached, and we don't have to try to rehydrate a device. If this
+        // is a new login, we will start dehydration after Secret Storage is
+        // unlocked.
+        try {
+            await initialiseDehydrationIfEnabled(this.matrixClient, { onlyIfKeyCached: true, rehydrate: false });
+        } catch (e) {
+            // We may get an error dehydrating, such as if cross-signing and
+            // SSSS are not set up yet.  Just log the error and continue.
+            // If SSSS gets set up later, we will re-try dehydration.
+            console.log("Error starting device dehydration", e);
+        }
+
+        return;
+    }
+
+    /**
+     * Implementation of {@link IMatrixClientPeg.start}.
+     */
+    public async start(assignOpts?: MatrixClientPegAssignOpts): Promise<void> {
+        const opts = await this.assign(assignOpts);
+
+        logger.log(`MatrixClientPeg: really starting MatrixClient`);
+        await this.matrixClient!.startClient(opts);
+        logger.log(`MatrixClientPeg: MatrixClient started`);
+    }
+}
+
+/**
+ * Note: You should be using a React context with access to a client rather than
+ * using this, as in a multi-account world this will not exist!
+ */
+export const MatrixClientPeg: IMatrixClientPeg = new MatrixClientPegClass();
+
+if (!window.mxMatrixClientPeg) {
+    window.mxMatrixClientPeg = MatrixClientPeg;
+}
diff --git a/apps/web/src/MediaDeviceHandler.test.ts b/apps/web/src/MediaDeviceHandler.test.ts
new file mode 100644
index 00000000000..5913fcf9a91
--- /dev/null
+++ b/apps/web/src/MediaDeviceHandler.test.ts
@@ -0,0 +1,57 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import { stubClient } from "test-utils";
+
+import { SettingLevel } from "./settings/SettingLevel";
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import MediaDeviceHandler from "./MediaDeviceHandler";
+import SettingsStore from "./settings/SettingsStore";
+
+vi.mock("./settings/SettingsStore");
+
+const SettingsStoreMock = vi.mocked(SettingsStore);
+
+describe("MediaDeviceHandler", () => {
+    beforeEach(() => {
+        stubClient();
+    });
+
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    it("sets audio settings", async () => {
+        const expectedAudioSettings = new Map<string, boolean>([
+            ["webrtc_audio_autoGainControl", false],
+            ["webrtc_audio_echoCancellation", true],
+            ["webrtc_audio_noiseSuppression", false],
+        ]);
+
+        SettingsStoreMock.getValue.mockImplementation((settingName): any => {
+            return expectedAudioSettings.get(settingName);
+        });
+
+        await MediaDeviceHandler.setAudioAutoGainControl(false);
+        await MediaDeviceHandler.setAudioEchoCancellation(true);
+        await MediaDeviceHandler.setAudioNoiseSuppression(false);
+
+        expectedAudioSettings.forEach((value, key) => {
+            expect(SettingsStoreMock.setValue).toHaveBeenCalledWith(key, null, SettingLevel.DEVICE, value);
+        });
+
+        expect(MatrixClientPeg.safeGet().getMediaHandler().setAudioSettings).toHaveBeenCalledWith({
+            autoGainControl: false,
+            echoCancellation: true,
+            noiseSuppression: false,
+        });
+    });
+});
diff --git a/apps/web/src/MediaDeviceHandler.ts b/apps/web/src/MediaDeviceHandler.ts
new file mode 100644
index 00000000000..461813c0b6c
--- /dev/null
+++ b/apps/web/src/MediaDeviceHandler.ts
@@ -0,0 +1,216 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2017 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.
+*/
+
+// oxlint-disable-next-line no-restricted-imports
+import EventEmitter from "events";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import SettingsStore from "./settings/SettingsStore";
+import { SettingLevel } from "./settings/SettingLevel";
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import { _t } from "./languageHandler";
+
+// XXX: MediaDeviceKind is a union type, so we make our own enum
+export enum MediaDeviceKindEnum {
+    AudioOutput = "audiooutput",
+    AudioInput = "audioinput",
+    VideoInput = "videoinput",
+}
+
+export type IMediaDevices = Record<MediaDeviceKindEnum, Array<MediaDeviceInfo>>;
+
+export enum MediaDeviceHandlerEvent {
+    AudioOutputChanged = "audio_output_changed",
+}
+
+export default class MediaDeviceHandler extends EventEmitter {
+    private static internalInstance?: MediaDeviceHandler;
+
+    public static get instance(): MediaDeviceHandler {
+        if (!MediaDeviceHandler.internalInstance) {
+            MediaDeviceHandler.internalInstance = new MediaDeviceHandler();
+        }
+        return MediaDeviceHandler.internalInstance;
+    }
+
+    public static async hasAnyLabeledDevices(): Promise<boolean> {
+        const devices = await navigator.mediaDevices.enumerateDevices();
+        return devices.some((d) => Boolean(d.label));
+    }
+
+    /**
+     * Gets the available audio input/output and video input devices
+     * from the browser: a thin wrapper around mediaDevices.enumerateDevices()
+     * that also returns results by type of devices. Note that this requires
+     * user media permissions and an active stream, otherwise you'll get blank
+     * device labels.
+     *
+     * Once the Permissions API
+     * (https://developer.mozilla.org/en-US/docs/Web/API/Permissions_API)
+     * is ready for primetime, it might help make this simpler.
+     *
+     * @returns Promise<IMediaDevices> The available media devices
+     */
+    public static async getDevices(): Promise<IMediaDevices | undefined> {
+        try {
+            const devices = await navigator.mediaDevices.enumerateDevices();
+            const output: Record<MediaDeviceKindEnum, MediaDeviceInfo[]> = {
+                [MediaDeviceKindEnum.AudioOutput]: [],
+                [MediaDeviceKindEnum.AudioInput]: [],
+                [MediaDeviceKindEnum.VideoInput]: [],
+            };
+
+            devices.forEach((device) => output[device.kind].push(device));
+            return output;
+        } catch (error) {
+            logger.warn("Unable to refresh WebRTC Devices: ", error);
+        }
+    }
+
+    public static getDefaultDevice = (devices: Array<Partial<MediaDeviceInfo>>): string => {
+        // Note we're looking for a device with deviceId 'default' but adding a device
+        // with deviceId == the empty string: this is because Chrome gives us a device
+        // with deviceId 'default', so we're looking for this, not the one we are adding.
+        if (!devices.some((i) => i.deviceId === "default")) {
+            devices.unshift({ deviceId: "", label: _t("voip|default_device") });
+            return "";
+        } else {
+            return "default";
+        }
+    };
+
+    /**
+     * Retrieves devices from the SettingsStore and tells the js-sdk to use them
+     */
+    public static async loadDevices(): Promise<void> {
+        const audioDeviceId = SettingsStore.getValue("webrtc_audioinput");
+        const videoDeviceId = SettingsStore.getValue("webrtc_videoinput");
+
+        await MatrixClientPeg.safeGet().getMediaHandler().setAudioInput(audioDeviceId);
+        await MatrixClientPeg.safeGet().getMediaHandler().setVideoInput(videoDeviceId);
+
+        await MediaDeviceHandler.updateAudioSettings();
+    }
+
+    private static async updateAudioSettings(): Promise<void> {
+        await MatrixClientPeg.safeGet().getMediaHandler().setAudioSettings({
+            autoGainControl: MediaDeviceHandler.getAudioAutoGainControl(),
+            echoCancellation: MediaDeviceHandler.getAudioEchoCancellation(),
+            noiseSuppression: MediaDeviceHandler.getAudioNoiseSuppression(),
+        });
+    }
+
+    public setAudioOutput(deviceId: string): void {
+        SettingsStore.setValue("webrtc_audiooutput", null, SettingLevel.DEVICE, deviceId);
+        this.emit(MediaDeviceHandlerEvent.AudioOutputChanged, deviceId);
+    }
+
+    /**
+     * This will not change the device that a potential call uses. The call will
+     * need to be ended and started again for this change to take effect
+     * @param {string} deviceId
+     */
+    public async setAudioInput(deviceId: string): Promise<void> {
+        SettingsStore.setValue("webrtc_audioinput", null, SettingLevel.DEVICE, deviceId);
+        return MatrixClientPeg.safeGet().getMediaHandler().setAudioInput(deviceId);
+    }
+
+    /**
+     * This will not change the device that a potential call uses. The call will
+     * need to be ended and started again for this change to take effect
+     * @param {string} deviceId
+     */
+    public async setVideoInput(deviceId: string): Promise<void> {
+        SettingsStore.setValue("webrtc_videoinput", null, SettingLevel.DEVICE, deviceId);
+        return MatrixClientPeg.safeGet().getMediaHandler().setVideoInput(deviceId);
+    }
+
+    public async setDevice(deviceId: string, kind: MediaDeviceKindEnum): Promise<void> {
+        switch (kind) {
+            case MediaDeviceKindEnum.AudioOutput:
+                this.setAudioOutput(deviceId);
+                break;
+            case MediaDeviceKindEnum.AudioInput:
+                await this.setAudioInput(deviceId);
+                break;
+            case MediaDeviceKindEnum.VideoInput:
+                await this.setVideoInput(deviceId);
+                break;
+        }
+    }
+
+    public static async setAudioAutoGainControl(value: boolean): Promise<void> {
+        await SettingsStore.setValue("webrtc_audio_autoGainControl", null, SettingLevel.DEVICE, value);
+        await MediaDeviceHandler.updateAudioSettings();
+    }
+
+    public static async setAudioEchoCancellation(value: boolean): Promise<void> {
+        await SettingsStore.setValue("webrtc_audio_echoCancellation", null, SettingLevel.DEVICE, value);
+        await MediaDeviceHandler.updateAudioSettings();
+    }
+
+    public static async setAudioNoiseSuppression(value: boolean): Promise<void> {
+        await SettingsStore.setValue("webrtc_audio_noiseSuppression", null, SettingLevel.DEVICE, value);
+        await MediaDeviceHandler.updateAudioSettings();
+    }
+
+    public static getAudioOutput(): string {
+        return SettingsStore.getValueAt(SettingLevel.DEVICE, "webrtc_audiooutput");
+    }
+
+    public static getAudioInput(): string {
+        return SettingsStore.getValueAt(SettingLevel.DEVICE, "webrtc_audioinput");
+    }
+
+    public static getVideoInput(): string {
+        return SettingsStore.getValueAt(SettingLevel.DEVICE, "webrtc_videoinput");
+    }
+
+    public static getAudioAutoGainControl(): boolean {
+        return SettingsStore.getValue("webrtc_audio_autoGainControl");
+    }
+
+    public static getAudioEchoCancellation(): boolean {
+        return SettingsStore.getValue("webrtc_audio_echoCancellation");
+    }
+
+    public static getAudioNoiseSuppression(): boolean {
+        return SettingsStore.getValue("webrtc_audio_noiseSuppression");
+    }
+
+    /**
+     * Returns the current set deviceId for a device kind
+     * @param {MediaDeviceKindEnum} kind of the device that will be returned
+     * @returns {string} the deviceId
+     */
+    public static getDevice(kind: MediaDeviceKindEnum): string {
+        switch (kind) {
+            case MediaDeviceKindEnum.AudioOutput:
+                return this.getAudioOutput();
+            case MediaDeviceKindEnum.AudioInput:
+                return this.getAudioInput();
+            case MediaDeviceKindEnum.VideoInput:
+                return this.getVideoInput();
+        }
+    }
+
+    public static get startWithAudioMuted(): boolean {
+        return SettingsStore.getValue("audioInputMuted");
+    }
+    public static set startWithAudioMuted(value: boolean) {
+        SettingsStore.setValue("audioInputMuted", null, SettingLevel.DEVICE, value);
+    }
+
+    public static get startWithVideoMuted(): boolean {
+        return SettingsStore.getValue("videoInputMuted");
+    }
+    public static set startWithVideoMuted(value: boolean) {
+        SettingsStore.setValue("videoInputMuted", null, SettingLevel.DEVICE, value);
+    }
+}
diff --git a/apps/web/src/Modal.test.tsx b/apps/web/src/Modal.test.tsx
new file mode 100644
index 00000000000..ccc414276e9
--- /dev/null
+++ b/apps/web/src/Modal.test.tsx
@@ -0,0 +1,44 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import React from "react";
+import { describe, it, expect, beforeEach, afterEach } from "vitest";
+import { LinkedText } from "@element-hq/web-shared-components";
+import { screen } from "test-utils-rtl";
+import { flushPromises, stubClient } from "test-utils";
+import type { I18nApi } from "@element-hq/web-shared-components";
+
+import Modal from "./Modal";
+import { type ModuleApi } from "./modules/Api";
+
+function LinkedTextDialog({ onFinished }: { onFinished(): void }): React.JSX.Element {
+    return <LinkedText>Check out https://matrix.org for more info</LinkedText>;
+}
+
+describe("Modal", () => {
+    let originalMxModuleApi: ModuleApi;
+
+    beforeEach(() => {
+        stubClient();
+        // Required for the i18n context around the dialog to work.
+        originalMxModuleApi = window.mxModuleApi;
+        window.mxModuleApi = { i18n: {} as I18nApi } as ModuleApi;
+    });
+
+    afterEach(() => {
+        Modal.forceCloseAllModals();
+        window.mxModuleApi = originalMxModuleApi;
+    });
+
+    it("provides LinkedTextContext to dialogs rendered in the separate dialog root", async () => {
+        Modal.createDialog(LinkedTextDialog);
+        await flushPromises();
+        expect(screen.getByRole("link")).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/src/Modal.tsx b/apps/web/src/Modal.tsx
new file mode 100644
index 00000000000..79cf22859de
--- /dev/null
+++ b/apps/web/src/Modal.tsx
@@ -0,0 +1,515 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+import React, { StrictMode } from "react";
+import { createRoot, type Root } from "react-dom/client";
+import classNames from "classnames";
+import { TypedEventEmitter } from "matrix-js-sdk/src/matrix";
+import { Glass, TooltipProvider } from "@vector-im/compound-web";
+import { I18nContext, LinkedTextContext } from "@element-hq/web-shared-components";
+
+import defaultDispatcher from "./dispatcher/dispatcher";
+import AsyncWrapper from "./AsyncWrapper";
+import { type Defaultize } from "./@types/common";
+import { type ActionPayload } from "./dispatcher/payloads";
+import { filterBoolean } from "./utils/arrays.ts";
+import { SDKContext } from "./contexts/SDKContext.ts";
+import { LinkedTextConfiguration } from "./Linkify";
+
+const DIALOG_CONTAINER_ID = "mx_Dialog_Container";
+const STATIC_DIALOG_CONTAINER_ID = "mx_Dialog_StaticContainer";
+
+// Type which accepts a React Component which looks like a Modal (accepts an onFinished prop)
+export type ComponentType =
+    | React.ComponentType<{
+          onFinished(...args: any): void;
+      }>
+    | React.ComponentType<any>;
+
+/**
+ * The parameter types of the `onFinished` callback property exposed by the component which forms the
+ * body of the dialog.
+ *
+ * @typeParam C - The type of the React component which forms the body of the dialog.
+ */
+type OnFinishedParams<C extends ComponentType> = Parameters<React.ComponentProps<C>["onFinished"]>;
+
+/**
+ * The properties exposed by the `props` argument to {@link Modal.createDialog}: the same as
+ * those exposed by the underlying component, with the exception of `onFinished`, which is provided by
+ * `createDialog`.
+ *
+ * @typeParam C - The type of the React component which forms the body of the dialog.
+ */
+export type ComponentProps<C extends ComponentType> = Defaultize<
+    Omit<React.ComponentProps<C>, "onFinished">,
+    C["defaultProps"]
+>;
+
+export interface IModal<C extends ComponentType> {
+    elem: React.ReactNode;
+    className?: string;
+    beforeClosePromise?: Promise<boolean>;
+    closeReason?: ModalCloseReason;
+    onBeforeClose?(reason?: ModalCloseReason): Promise<boolean>;
+
+    /**
+     * Run the {@link deferred} with the given arguments, and close this modal.
+     *
+     * This method is passed as the `onFinished` callback to the underlying component,
+     * as well as being returned by {@link Modal.createDialog} to the caller.
+     */
+    close(...args: OnFinishedParams<C> | []): void;
+
+    hidden?: boolean;
+
+    /** A deferred to resolve when the dialog closes, with the results as provided by
+     * the call to {@link close} (normally from the `onFinished` callback).
+     */
+    deferred?: PromiseWithResolvers<OnFinishedParams<C> | []>;
+}
+
+/** The result of {@link Modal.createDialog}.
+ *
+ * @typeParam C - The type of the React component which forms the body of the dialog.
+ */
+export interface IHandle<C extends ComponentType> {
+    /**
+     * A promise which will resolve when the dialog closes.
+     *
+     * If the dialog body component calls the `onFinished` property, or the caller calls {@link close},
+     * the promise resolves with an array holding the arguments to that call.
+     *
+     * If the dialog is closed by clicking in the background, the promise resolves with an empty array.
+     */
+    finished: Promise<OnFinishedParams<C> | []>;
+
+    /**
+     * A function which, if called, will close the dialog.
+     *
+     * @param args - Arguments to return to {@link finished}.
+     */
+    close(this: void, ...args: OnFinishedParams<C>): void;
+}
+
+interface IOptions<C extends ComponentType> {
+    onBeforeClose?: IModal<C>["onBeforeClose"];
+}
+
+export enum ModalManagerEvent {
+    Opened = "opened",
+    Closed = "closed",
+}
+
+type HandlerMap = {
+    [ModalManagerEvent.Opened]: () => void;
+    [ModalManagerEvent.Closed]: () => void;
+};
+
+type ModalCloseReason = "backgroundClick";
+
+function getOrCreateContainer(id: string): HTMLDivElement {
+    let container = document.getElementById(id) as HTMLDivElement | null;
+    if (!container) {
+        container = document.createElement("div");
+        container.id = id;
+        document.body.appendChild(container);
+    }
+    return container;
+}
+
+export class ModalManager extends TypedEventEmitter<ModalManagerEvent, HandlerMap> {
+    private counter = 0;
+    // The modal to prioritise over all others. If this is set, only show
+    // this modal. Remove all other modals from the stack when this modal
+    // is closed.
+    private priorityModal: IModal<any> | null = null;
+    // The modal to keep open underneath other modals if possible. Useful
+    // for cases like Settings where the modal should remain open while the
+    // user is prompted for more information/errors.
+    private staticModal: IModal<any> | null = null;
+    // A list of the modals we have stacked up, with the most recent at [0]
+    // Neither the static nor priority modal will be in this list.
+    private modals: IModal<any>[] = [];
+
+    private static root?: Root;
+    private static getOrCreateRoot(): Root {
+        if (!ModalManager.root) {
+            const container = getOrCreateContainer(DIALOG_CONTAINER_ID);
+            ModalManager.root = createRoot(container);
+        }
+        return ModalManager.root;
+    }
+
+    private static staticRoot?: Root;
+    private static getOrCreateStaticRoot(): Root {
+        if (!ModalManager.staticRoot) {
+            const container = getOrCreateContainer(STATIC_DIALOG_CONTAINER_ID);
+            ModalManager.staticRoot = createRoot(container);
+        }
+        return ModalManager.staticRoot;
+    }
+
+    public constructor() {
+        super();
+
+        // We never unregister this, but the Modal class is a singleton so there would
+        // never be an opportunity to do so anyway, except in the entirely theoretical
+        // scenario of instantiating a non-singleton instance of the Modal class.
+        defaultDispatcher.register(this.onAction);
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        if (payload.action === "logout") {
+            this.forceCloseAllModals();
+        }
+    };
+
+    public toggleCurrentDialogVisibility(): void {
+        const modal = this.getCurrentModal();
+        if (!modal) return;
+        modal.hidden = !modal.hidden;
+    }
+
+    public hasDialogs(): boolean {
+        return !!this.priorityModal || !!this.staticModal || this.modals.length > 0;
+    }
+
+    /**
+     * DEPRECATED.
+     * This is used only for tests. They should be using forceCloseAllModals but that
+     * caused a chunk of tests to fail, so for now they continue to use this.
+     *
+     * @param reason either "backgroundClick" or undefined
+     * @returns whether a modal was closed
+     */
+    public closeCurrentModal(reason?: ModalCloseReason): boolean {
+        const modal = this.getCurrentModal();
+        if (!modal) {
+            return false;
+        }
+        modal.closeReason = reason;
+        modal.close();
+        return true;
+    }
+
+    /**
+     * Forces closes all open modals. The modals onBeforeClose function will not be
+     * run and the modal will not have a chance to prevent closing. Intended for
+     * situations like the user logging out of the app.
+     */
+    public forceCloseAllModals(): void {
+        const modals = filterBoolean([...this.modals, this.staticModal, this.priorityModal]);
+        for (const modal of modals) {
+            modal.deferred?.resolve([]);
+            this.emitClosed();
+        }
+
+        this.modals = [];
+        this.staticModal = null;
+        this.priorityModal = null;
+        this.reRender();
+    }
+
+    /**
+     * @typeParam C - the component type
+     */
+    private buildModal<C extends ComponentType>(
+        Component: C,
+        props?: ComponentProps<C>,
+        className?: string,
+        options?: IOptions<C>,
+    ): {
+        modal: IModal<C>;
+        closeDialog: IHandle<C>["close"];
+        onFinishedProm: IHandle<C>["finished"];
+    } {
+        const modal = {
+            onBeforeClose: options?.onBeforeClose,
+            className,
+
+            // these will be set below but we need an object reference to pass to getCloseFn before we can do that
+            elem: null,
+        } as IModal<C>;
+
+        const [closeDialog, onFinishedProm] = this.getCloseFn<C>(modal);
+
+        // don't attempt to reuse the same AsyncWrapper for different dialogs,
+        // otherwise we'll get confused.
+        const modalCount = this.counter++;
+
+        // Typescript doesn't like us passing props as any here, but we know that they are well typed due to the rigorous generics.
+        modal.elem = (
+            <AsyncWrapper key={modalCount} onFinished={closeDialog}>
+                <Component {...(props as any)} onFinished={closeDialog} />
+            </AsyncWrapper>
+        );
+        modal.close = closeDialog;
+
+        return { modal, closeDialog, onFinishedProm };
+    }
+
+    private getCloseFn<C extends ComponentType>(modal: IModal<C>): [IHandle<C>["close"], IHandle<C>["finished"]] {
+        modal.deferred = Promise.withResolvers<OnFinishedParams<C> | []>();
+        return [
+            async (...args: OnFinishedParams<C>): Promise<void> => {
+                if (modal.beforeClosePromise) {
+                    await modal.beforeClosePromise;
+                } else if (modal.onBeforeClose) {
+                    modal.beforeClosePromise = modal.onBeforeClose(modal.closeReason);
+                    const shouldClose = await modal.beforeClosePromise;
+                    modal.beforeClosePromise = undefined;
+                    if (!shouldClose) {
+                        return;
+                    }
+                }
+                modal.deferred?.resolve(args);
+                const i = this.modals.indexOf(modal);
+                if (i >= 0) {
+                    this.modals.splice(i, 1);
+                }
+
+                if (this.priorityModal === modal) {
+                    this.priorityModal = null;
+
+                    // XXX: This is destructive
+                    this.modals = [];
+                }
+
+                if (this.staticModal === modal) {
+                    this.staticModal = null;
+
+                    // XXX: This is destructive
+                    this.modals = [];
+                }
+
+                this.reRender();
+                this.emitClosed();
+            },
+            modal.deferred.promise,
+        ];
+    }
+
+    /**
+     * @callback onBeforeClose
+     * @param {string?} reason either "backgroundClick" or null
+     * @returns {Promise<bool>} whether the dialog should close
+     */
+
+    /**
+     * Open a modal view.
+     *
+     * This can be used to display a react component which is loaded as an asynchronous
+     * webpack component. To do this, set 'loader' as:
+     *
+     *   (cb) => {
+     *       require(['<module>'], cb);
+     *   }
+     *
+     * @param component The component to render as a dialog. This component must accept an `onFinished` prop function as
+     *                  per the type {@link ComponentType}. If loading a component with esoteric dependencies consider
+     *                  using React.lazy to async load the component.
+     *                  e.g. `lazy(() => import('./MyComponent'))`
+     *
+     * @param props properties to pass to the displayed component. (We will also pass an `onFinished` property; when
+     *     called, that property will close the dialog and return the results to the caller via {@link IHandle.finished}.)
+     *
+     * @param className CSS class to apply to the modal wrapper
+     *
+     * @param isPriorityModal if true, this modal will be displayed regardless
+     *                                  of other modals that are currently in the stack.
+     *                                  Also, when closed, all modals will be removed
+     *                                  from the stack.
+     * @param isStaticModal if true, this modal will be displayed under other
+     *                                 modals in the stack. When closed, all modals will
+     *                                 also be removed from the stack. This is not compatible
+     *                                 with being a priority modal. Only one modal can be
+     *                                 static at a time.
+     * @param options? extra options for the dialog
+     * @param options.onBeforeClose a callback to decide whether to close the dialog
+     * @returns {@link IHandle} object.
+     */
+    public createDialog<C extends ComponentType>(
+        component: C,
+        props?: ComponentProps<C>,
+        className?: string,
+        isPriorityModal = false,
+        isStaticModal = false,
+        options: IOptions<C> = {},
+    ): IHandle<C> {
+        const beforeModal = this.getCurrentModal();
+        const { modal, closeDialog, onFinishedProm } = this.buildModal<C>(component, props, className, options);
+        if (isPriorityModal) {
+            // XXX: This is destructive
+            this.priorityModal = modal;
+        } else if (isStaticModal) {
+            // This is intentionally destructive
+            this.staticModal = modal;
+        } else {
+            this.modals.unshift(modal);
+        }
+
+        this.reRender();
+        this.emitIfChanged(beforeModal);
+
+        return {
+            close: closeDialog,
+            finished: onFinishedProm,
+        };
+    }
+
+    public appendDialog<C extends ComponentType>(
+        component: C,
+        props?: ComponentProps<C>,
+        className?: string,
+    ): IHandle<C> {
+        const beforeModal = this.getCurrentModal();
+        const { modal, closeDialog, onFinishedProm } = this.buildModal<C>(component, props, className, {});
+
+        this.modals.push(modal);
+
+        this.reRender();
+        this.emitIfChanged(beforeModal);
+
+        return {
+            close: closeDialog,
+            finished: onFinishedProm,
+        };
+    }
+
+    private emitIfChanged(beforeModal?: IModal<any>): void {
+        if (beforeModal !== this.getCurrentModal()) {
+            this.emit(ModalManagerEvent.Opened);
+        }
+    }
+
+    /**
+     * Emit the closed event
+     * @private
+     */
+    private emitClosed(): void {
+        this.emit(ModalManagerEvent.Closed);
+    }
+
+    private onBackgroundClick = (): void => {
+        const modal = this.getCurrentModal();
+        if (!modal) {
+            return;
+        }
+        // we want to pass a reason to the onBeforeClose
+        // callback, but close is currently defined to
+        // pass all number of arguments to the onFinished callback
+        // so, pass the reason to close through a member variable
+        modal.closeReason = "backgroundClick";
+        modal.close();
+        modal.closeReason = undefined;
+    };
+
+    private getCurrentModal(): IModal<any> {
+        return this.priorityModal ? this.priorityModal : this.modals[0] || this.staticModal;
+    }
+
+    private async reRender(): Promise<void> {
+        if (this.modals.length === 0 && !this.priorityModal && !this.staticModal) {
+            // If there is no modal to render, make all of Element available
+            // to screen reader users again
+            defaultDispatcher.dispatch({
+                action: "aria_unhide_main_app",
+            });
+            ModalManager.getOrCreateRoot().render(<></>);
+            ModalManager.getOrCreateStaticRoot().render(<></>);
+            return;
+        }
+
+        // Hide the content outside the modal to screen reader users
+        // so they won't be able to navigate into it and act on it using
+        // screen reader specific features
+        defaultDispatcher.dispatch({
+            action: "aria_hide_main_app",
+        });
+
+        if (this.staticModal) {
+            const classes = classNames("mx_Dialog_wrapper mx_Dialog_staticWrapper", this.staticModal.className);
+
+            const staticDialog = (
+                <StrictMode>
+                    <SDKContext.Provider value={window.mxSdkContext}>
+                        {/* Provide I18nContext and LinkedTextContext for shared-components used inside dialogs rendered in a separate root. */}
+                        <I18nContext.Provider value={window.mxModuleApi.i18n}>
+                            <LinkedTextContext.Provider value={LinkedTextConfiguration}>
+                                <TooltipProvider>
+                                    <div className={classes}>
+                                        <Glass className="mx_Dialog_border">
+                                            <div className="mx_Dialog">{this.staticModal.elem}</div>
+                                        </Glass>
+                                        {/* We break the rule here as this is a mouse-only interaction */}
+                                        {/* oxlint-disable-next-line jsx-a11y/click-events-have-key-events */}
+                                        <div
+                                            data-testid="dialog-background"
+                                            className="mx_Dialog_background mx_Dialog_staticBackground"
+                                            onClick={this.onBackgroundClick}
+                                        />
+                                    </div>
+                                </TooltipProvider>
+                            </LinkedTextContext.Provider>
+                        </I18nContext.Provider>
+                    </SDKContext.Provider>
+                </StrictMode>
+            );
+
+            ModalManager.getOrCreateStaticRoot().render(staticDialog);
+        } else {
+            // This is safe to call repeatedly if we happen to do that
+            ModalManager.getOrCreateStaticRoot().render(<></>);
+        }
+
+        const modal = this.getCurrentModal();
+        if (modal !== this.staticModal && !modal.hidden) {
+            const classes = classNames("mx_Dialog_wrapper", modal.className, {
+                mx_Dialog_wrapperWithStaticUnder: this.staticModal,
+            });
+
+            const dialog = (
+                <StrictMode>
+                    <SDKContext.Provider value={window.mxSdkContext}>
+                        {/* Provide I18nContext and LinkedTextContext for shared-components used inside dialogs rendered in a separate root. */}
+                        <I18nContext.Provider value={window.mxModuleApi.i18n}>
+                            <LinkedTextContext.Provider value={LinkedTextConfiguration}>
+                                <TooltipProvider>
+                                    <div className={classes}>
+                                        <Glass className="mx_Dialog_border">
+                                            <div className="mx_Dialog">{modal.elem}</div>
+                                        </Glass>
+                                        {/* We break the rule here as this is a mouse-only interaction */}
+                                        {/* oxlint-disable-next-line jsx-a11y/click-events-have-key-events */}
+                                        <div
+                                            data-testid="dialog-background"
+                                            className="mx_Dialog_background"
+                                            onClick={this.onBackgroundClick}
+                                        />
+                                    </div>
+                                </TooltipProvider>
+                            </LinkedTextContext.Provider>
+                        </I18nContext.Provider>
+                    </SDKContext.Provider>
+                </StrictMode>
+            );
+
+            ModalManager.getOrCreateRoot().render(dialog);
+        } else {
+            // This is safe to call repeatedly if we happen to do that
+            ModalManager.getOrCreateRoot().render(<></>);
+        }
+    }
+}
+
+if (!window.singletonModalManager) {
+    window.singletonModalManager = new ModalManager();
+}
+export default window.singletonModalManager;
diff --git a/apps/web/src/NodeAnimator.tsx b/apps/web/src/NodeAnimator.tsx
new file mode 100644
index 00000000000..2bcacdfbce1
--- /dev/null
+++ b/apps/web/src/NodeAnimator.tsx
@@ -0,0 +1,131 @@
+/*
+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 Key, type RefObject, type ReactElement, type RefCallback, type HTMLAttributes } from "react";
+
+interface IChildProps {
+    style: React.CSSProperties;
+    ref: RefCallback<HTMLElement>;
+}
+
+interface IProps {
+    // either a list of child nodes, or a single child.
+    children: React.ReactNode;
+
+    // a list of state objects to apply to each child node in turn
+    startStyles: React.CSSProperties[];
+
+    innerRef?: RefObject<any>;
+}
+
+function isReactElement(c: ReturnType<(typeof React.Children)["toArray"]>[number]): c is ReactElement {
+    return typeof c === "object" && "type" in c;
+}
+
+/**
+ * The NodeAnimator contains components and animates transitions.
+ * It will only pick up direct changes to properties ('left', currently), and so
+ * will not work for animating positional changes where the position is implicit
+ * from DOM order. This makes it a lot simpler and lighter: if you need fully
+ * automatic positional animation, look at react-shuffle or similar libraries.
+ */
+export default class NodeAnimator extends React.Component<IProps> {
+    private nodes: Record<string, HTMLElement> = {};
+    private children: { [key: string]: ReactElement } = {};
+    public static defaultProps: Partial<IProps> = {
+        startStyles: [],
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.updateChildren(this.props.children);
+    }
+
+    public componentDidUpdate(): void {
+        this.updateChildren(this.props.children);
+    }
+
+    /**
+     *
+     * @param {HTMLElement} node element to apply styles to
+     * @param {React.CSSProperties} styles a key/value pair of CSS properties
+     * @returns {void}
+     */
+    private applyStyles(node: HTMLElement, styles?: React.CSSProperties): void {
+        if (!styles) return;
+        Object.entries(styles).forEach(([property, value]) => {
+            node.style[property as keyof Omit<CSSStyleDeclaration, "length" | "parentRule">] = value;
+        });
+    }
+
+    private updateChildren(newChildren: React.ReactNode): void {
+        const oldChildren = this.children || {};
+        this.children = {};
+        React.Children.toArray(newChildren).forEach((c) => {
+            if (!isReactElement(c)) return;
+            const props = c.props as HTMLAttributes<HTMLElement>;
+            if (oldChildren[c.key!]) {
+                const old = oldChildren[c.key!];
+                const oldNode = this.nodes[old.key!];
+
+                if (oldNode && props.style && oldNode.style.left !== props.style.left) {
+                    this.applyStyles(oldNode, { left: props.style.left });
+                }
+                // clone the old element with the props (and children) of the new element
+                // so prop updates are still received by the children.
+                this.children[c.key!] = React.cloneElement(old, props, props.children);
+            } else {
+                // new element. If we have a startStyle, use that as the style and go through
+                // the enter animations
+                const newProps: Partial<IChildProps> = {};
+                const restingStyle = props.style;
+
+                const startStyles = this.props.startStyles;
+                if (startStyles.length > 0) {
+                    const startStyle = startStyles[0];
+                    newProps.style = startStyle;
+                }
+
+                newProps.ref = (n) => this.collectNode(c.key!, n, restingStyle);
+
+                this.children[c.key!] = React.cloneElement(c, newProps);
+            }
+        });
+    }
+
+    private collectNode(k: Key, domNode: HTMLElement | null, restingStyle?: React.CSSProperties): void {
+        const key = typeof k === "bigint" ? Number(k) : k;
+        if (domNode && this.nodes[key] === undefined && this.props.startStyles.length > 0) {
+            const startStyles = this.props.startStyles;
+            // start from startStyle 1: 0 is the one we gave it
+            // to start with, so now we animate 1 etc.
+            for (let i = 1; i < startStyles.length; ++i) {
+                this.applyStyles(domNode, startStyles[i]);
+            }
+
+            // and then we animate to the resting state
+            window.setTimeout(() => {
+                this.applyStyles(domNode, restingStyle);
+            }, 0);
+        }
+        if (domNode) {
+            this.nodes[key] = domNode;
+        } else {
+            delete this.nodes[key];
+        }
+
+        if (this.props.innerRef) {
+            this.props.innerRef.current = domNode;
+        }
+    }
+
+    public render(): React.ReactNode {
+        return <>{Object.values(this.children)}</>;
+    }
+}
diff --git a/apps/web/src/Notifier.ts b/apps/web/src/Notifier.ts
new file mode 100644
index 00000000000..14ad1a03a7c
--- /dev/null
+++ b/apps/web/src/Notifier.ts
@@ -0,0 +1,689 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 Vector Creations Ltd
+Copyright 2017 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.
+*/
+
+import {
+    MatrixEvent,
+    MatrixEventEvent,
+    type Room,
+    RoomEvent,
+    ClientEvent,
+    MsgType,
+    SyncState,
+    type SyncStateData,
+    type IRoomTimelineData,
+    M_LOCATION,
+    EventType,
+    TypedEventEmitter,
+} 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 SessionMembershipData, type IRTCNotificationContent } from "matrix-js-sdk/src/matrixrtc";
+
+import SdkConfig from "./SdkConfig";
+import PlatformPeg from "./PlatformPeg";
+import * as TextForEvent from "./TextForEvent";
+import * as Avatar from "./Avatar";
+import { _t } from "./languageHandler";
+import Modal from "./Modal";
+import SettingsStore from "./settings/SettingsStore";
+import { hideToast as hideNotificationsToast } from "./toasts/DesktopNotificationsToast";
+import { SettingLevel } from "./settings/SettingLevel";
+import { isPushNotifyDisabled } from "./settings/controllers/NotificationControllers";
+import UserActivity from "./UserActivity";
+import { mediaFromMxc } from "./customisations/Media";
+import ErrorDialog from "./components/views/dialogs/ErrorDialog";
+import { type SDKContextClass } from "./contexts/SDKContextClass.ts";
+import { localNotificationsAreSilenced, createLocalNotificationSettingsIfNeeded } from "./utils/notifications";
+import { getIncomingCallToastKey, getNotificationEventSendTs, IncomingCallToast } from "./toasts/IncomingCallToast";
+import ToastStore from "./stores/ToastStore";
+import { stripPlainReply } from "./utils/Reply";
+import { BackgroundAudio } from "./audio/BackgroundAudio";
+import { type MatrixDispatcher } from "./dispatcher/dispatcher.ts";
+
+/*
+ * Dispatches:
+ * {
+ *   action: "notifier_enabled",
+ *   value: boolean
+ * }
+ */
+
+const MAX_PENDING_ENCRYPTED = 20;
+
+/**
+ * Minimum interval (in milliseconds) between two *audible* notification plays.
+ *
+ * Coalesces bursts of backlogged notifications into a single sound. This is the
+ * in-repo remedy for https://github.com/element-hq/element-web/issues/31996: on
+ * macOS Sequoia, waking from sleep delivers the entire sync backlog in one
+ * batch, so every backlogged notifying event fires {@link
+ * NotifierClass.playAudioNotification} near-simultaneously and the identical
+ * audio buffers superimpose into one loud "stacked" sound.
+ *
+ * The throttle is keyed on the resolved sound, so a backlog of identical sounds
+ * coalesces to one play while two genuinely *different* sounds (e.g. a custom
+ * per-room sound) arriving within the window each still play. A conservative
+ * window is intentional: merging a burst of the same sound is preferable to a
+ * wall of overlapping audio.
+ *
+ * NOTE: This only cures the sounds-enabled renderer Web-Audio path (the default
+ * config). It does NOT fix the variant where macOS Sequoia ignores the OS
+ * banner's `silent: true` and plays its own coalesced banner sound on wake;
+ * that is purely OS/Electron behaviour with no in-repo lever.
+ */
+export const NOTIFICATION_SOUND_THROTTLE_MS = 1000;
+
+/**
+ * Extracts plain text from a message body, replacing any spoilered content
+ * with '[Spoiler]' to prevent spoilers in desktop notifications.
+ */
+function getNotificationBodyWithoutSpoilers(ev: MatrixEvent): string {
+    const content = ev.getContent();
+    const plainBody = content.body ?? "";
+    const formattedBody = content.formatted_body;
+
+    if (typeof formattedBody !== "string" || !formattedBody.length) {
+        return plainBody;
+    }
+
+    /** Recursively walks HTML tree to hide spoilers. */
+    function replaceSpoilers(node: Node): Node {
+        if (node.nodeType !== Node.ELEMENT_NODE || !(node instanceof Element)) {
+            return node;
+        }
+
+        if (node.hasAttribute("data-mx-spoiler")) {
+            const e = document.createElement("span");
+            e.appendChild(document.createTextNode("[Spoiler]"));
+            return e;
+        }
+
+        for (const childNode of node.childNodes) {
+            node.replaceChild(replaceSpoilers(childNode), childNode);
+        }
+
+        return node;
+    }
+
+    try {
+        // Dev note: ideally we would reuse more of the existing rendering stack
+        // rather than re-parsing and updating the generated HTML here. However,
+        // that rendering stack is currently quite consolidated and cannot
+        // easily be refactored to allow the call-site to control how spoilers
+        // are rendered. The problem is that we now need two different output
+        // formats:
+        // - The existing format where spoilers are wrapped in html <span> tags
+        // - The new format where the spoilered text is replaced with [Spoiler]
+
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(formattedBody, "text/html");
+
+        // Use textContent rather than innerHTML/outerHTML since textContent is
+        // XSS-safe and the input is untrusted.
+        return replaceSpoilers(doc.body).textContent ?? plainBody;
+    } catch {
+        return plainBody;
+    }
+}
+
+export const enum NotifierEvent {
+    NotificationHiddenChange = "notification_hidden_change",
+}
+
+interface EmittedEvents {
+    [NotifierEvent.NotificationHiddenChange]: (hidden: boolean) => void;
+}
+
+/**
+ * Type representing a notification sound setting
+ */
+export type NotificationSound = {
+    url: string;
+    name?: string;
+    type?: string;
+    size?: number;
+};
+
+export default class Notifier extends TypedEventEmitter<keyof EmittedEvents, EmittedEvents> {
+    private notifsByRoom: Record<string, Notification[]> = {};
+
+    // A list of event IDs that we've received but need to wait until
+    // they're decrypted until we decide whether to notify for them
+    // or not
+    private pendingEncryptedEventIds: string[] = [];
+
+    private toolbarHidden?: boolean;
+    private isSyncing?: boolean;
+
+    private backgroundAudio = new BackgroundAudio();
+
+    /**
+     * Per-sound timestamp (ms, from {@link Date.now}) of the last *audible* notification, keyed by the
+     * resolved sound (custom sound url, or `"default"`). Used to throttle a burst of backlogged
+     * notifications of the *same* sound into a single play while letting distinct sounds through -
+     * see {@link NOTIFICATION_SOUND_THROTTLE_MS}.
+     */
+    private readonly lastAudioNotificationMs = new Map<string, number>();
+
+    private msgTypeHandlers: Record<string, (event: MatrixEvent) => string | null>;
+
+    public constructor(
+        private readonly dispatcher: MatrixDispatcher,
+        private readonly sdkContext: SDKContextClass,
+    ) {
+        super();
+
+        /*
+        Override both the content body and the TextForEvent handler for specific msgtypes, in notifications.
+        This is useful when the content body contains fallback text that would explain that the client can't handle a particular
+        type of tile.
+        */
+        this.msgTypeHandlers = {
+            [MsgType.KeyVerificationRequest]: (event: MatrixEvent) => {
+                const name = event.sender?.name;
+                return _t("notifier|m.key.verification.request", { name });
+            },
+            [M_LOCATION.name]: (event: MatrixEvent) => {
+                return TextForEvent.textForLocationEvent(event)();
+            },
+            [M_LOCATION.altName]: (event: MatrixEvent) => {
+                return TextForEvent.textForLocationEvent(event)();
+            },
+            [MsgType.Audio]: (event: MatrixEvent): string | null => {
+                return TextForEvent.textForEvent(event, this.sdkContext.client!);
+            },
+        };
+    }
+
+    public notificationMessageForEvent(ev: MatrixEvent): string | null {
+        if (!this.sdkContext.client) return null;
+        const msgType = ev.getContent().msgtype;
+        if (msgType && this.msgTypeHandlers.hasOwnProperty(msgType)) {
+            return this.msgTypeHandlers[msgType](ev);
+        }
+        return TextForEvent.textForEvent(ev, this.sdkContext.client);
+    }
+
+    // XXX: exported for tests
+    public displayPopupNotification(ev: MatrixEvent, room: Room): void {
+        const plaf = PlatformPeg.get();
+        const cli = this.sdkContext.client;
+        if (!plaf || !cli) {
+            return;
+        }
+        if (!plaf.supportsNotifications() || !plaf.maySendNotifications()) {
+            return;
+        }
+
+        if (localNotificationsAreSilenced(cli)) {
+            return;
+        }
+
+        let msg = this.notificationMessageForEvent(ev);
+        if (!msg) return;
+
+        let title: string | undefined;
+        if (!ev.sender || room.name === ev.sender.name) {
+            title = room.name;
+            // notificationMessageForEvent includes sender, but we already have the sender here
+            const msgType = ev.getContent().msgtype;
+            if (ev.getContent().body && (!msgType || !this.msgTypeHandlers.hasOwnProperty(msgType))) {
+                msg = stripPlainReply(getNotificationBodyWithoutSpoilers(ev));
+            }
+        } else if (ev.getType() === "m.room.member") {
+            // context is all in the message here, we don't need
+            // to display sender info
+            title = room.name;
+        } else if (ev.sender) {
+            title = ev.sender.name + " (" + room.name + ")";
+            // notificationMessageForEvent includes sender, but we've just out sender in the title
+            const msgType = ev.getContent().msgtype;
+            if (ev.getContent().body && (!msgType || !this.msgTypeHandlers.hasOwnProperty(msgType))) {
+                msg = stripPlainReply(getNotificationBodyWithoutSpoilers(ev));
+            }
+        }
+
+        if (!title) return;
+
+        if (!this.isBodyEnabled()) {
+            msg = "";
+        }
+
+        let avatarUrl: string | null = null;
+        if (ev.sender && !SettingsStore.getValue("lowBandwidth")) {
+            avatarUrl = Avatar.avatarUrlForMember(ev.sender, 40, 40, "crop");
+        }
+
+        const notif = plaf.displayNotification(title, msg, avatarUrl, room, ev);
+
+        // if displayNotification returns non-null,  the platform supports
+        // clearing notifications later, so keep track of this.
+        if (notif) {
+            if (this.notifsByRoom[ev.getRoomId()!] === undefined) this.notifsByRoom[ev.getRoomId()!] = [];
+            this.notifsByRoom[ev.getRoomId()!].push(notif);
+        }
+    }
+
+    public getSoundForRoom(roomId: string): NotificationSound | null {
+        // We do no caching here because the SDK caches setting
+        // and the browser will cache the sound.
+        const content = SettingsStore.getValue("notificationSound", roomId);
+        if (!content) {
+            return null;
+        }
+
+        if (typeof content.url !== "string") {
+            logger.warn(`${roomId} has custom notification sound event, but no url string`);
+            return null;
+        }
+
+        if (!content.url.startsWith("mxc://")) {
+            logger.warn(`${roomId} has custom notification sound event, but url is not a mxc url`);
+            return null;
+        }
+
+        // Ideally in here we could use MSC1310 to detect the type of file, and reject it.
+
+        const url = mediaFromMxc(content.url).srcHttp;
+        if (!url) {
+            logger.warn("Something went wrong when generating src http url for mxc");
+            return null;
+        }
+
+        return {
+            url,
+            name: content.name,
+            type: content.type,
+            size: content.size,
+        };
+    }
+
+    // XXX: Exported for tests
+    public async playAudioNotification(ev: MatrixEvent, room: Room): Promise<void> {
+        const cli = this.sdkContext.client;
+        if (!cli || localNotificationsAreSilenced(cli)) {
+            return;
+        }
+
+        // Play notification sound here
+        const sound = this.getSoundForRoom(room.roomId);
+        logger.log(`Got sound ${sound?.name || "default"} for ${room.roomId}`);
+
+        // Throttle audible plays so a burst of backlogged notifications - e.g. the whole sync backlog
+        // delivered at once when macOS wakes from sleep - produces at most one sound per distinct sound
+        // within NOTIFICATION_SOUND_THROTTLE_MS, instead of many identical buffers superimposing into one
+        // loud "stacked" sound (#31996). Keyed on the resolved sound so two *different* sounds within the
+        // window both still play. Runs only after the silencing gate above, so it suppresses redundant
+        // *audible* plays, never the gating logic. We bail cleanly (no throw).
+        const soundKey = sound?.url ?? "default";
+        const now = Date.now();
+        const lastPlayed = this.lastAudioNotificationMs.get(soundKey);
+        if (lastPlayed !== undefined && now - lastPlayed < NOTIFICATION_SOUND_THROTTLE_MS) {
+            return;
+        }
+        this.lastAudioNotificationMs.set(soundKey, now);
+
+        if (sound) {
+            await this.backgroundAudio.play(sound.url);
+        } else {
+            await this.backgroundAudio.pickFormatAndPlay("media/message", ["mp3", "ogg"]);
+        }
+    }
+
+    public start(): void {
+        this.sdkContext.client!.on(RoomEvent.Timeline, this.onEvent);
+        this.sdkContext.client!.on(RoomEvent.Receipt, this.onRoomReceipt);
+        this.sdkContext.client!.on(MatrixEventEvent.Decrypted, this.onEventDecrypted);
+        this.sdkContext.client!.on(ClientEvent.Sync, this.onSyncStateChange);
+        this.toolbarHidden = false;
+        this.isSyncing = false;
+    }
+
+    public stop(): void {
+        this.sdkContext.client?.removeListener(RoomEvent.Timeline, this.onEvent);
+        this.sdkContext.client?.removeListener(RoomEvent.Receipt, this.onRoomReceipt);
+        this.sdkContext.client?.removeListener(MatrixEventEvent.Decrypted, this.onEventDecrypted);
+        this.sdkContext.client?.removeListener(ClientEvent.Sync, this.onSyncStateChange);
+        this.isSyncing = false;
+    }
+
+    public supportsDesktopNotifications(): boolean {
+        return PlatformPeg.get()?.supportsNotifications() ?? false;
+    }
+
+    public setEnabled(enable: boolean, callback?: () => void): void {
+        const plaf = PlatformPeg.get();
+        if (!plaf) return;
+
+        // Dev note: We don't set the "notificationsEnabled" setting to true here because it is a
+        // calculated value. It is determined based upon whether or not the master rule is enabled
+        // and other flags. Setting it here would cause a circular reference.
+
+        // make sure that we persist the current setting audio_enabled setting
+        // before changing anything
+        if (SettingsStore.isLevelSupported(SettingLevel.DEVICE)) {
+            SettingsStore.setValue("audioNotificationsEnabled", null, SettingLevel.DEVICE, this.isEnabled());
+        }
+
+        if (enable) {
+            // Attempt to get permission from user
+            plaf.requestNotificationPermission().then((result) => {
+                if (result !== "granted") {
+                    // The permission request was dismissed or denied
+                    // TODO: Support alternative branding in messaging
+                    const brand = SdkConfig.get().brand;
+                    const description =
+                        result === "denied"
+                            ? _t("settings|notifications|error_permissions_denied", { brand })
+                            : _t("settings|notifications|error_permissions_missing", {
+                                  brand,
+                              });
+                    Modal.createDialog(ErrorDialog, {
+                        title: _t("settings|notifications|error_title"),
+                        description,
+                    });
+                    return;
+                }
+
+                // oxlint-disable-next-line promise/no-callback-in-promise
+                if (callback) callback();
+
+                this.sdkContext.posthogAnalytics.trackEvent<PermissionChangedEvent>({
+                    eventName: "PermissionChanged",
+                    permission: "Notification",
+                    granted: true,
+                });
+                this.dispatcher.dispatch({
+                    action: "notifier_enabled",
+                    value: true,
+                });
+            });
+        } else {
+            this.sdkContext.posthogAnalytics.trackEvent<PermissionChangedEvent>({
+                eventName: "PermissionChanged",
+                permission: "Notification",
+                granted: false,
+            });
+            this.dispatcher.dispatch({
+                action: "notifier_enabled",
+                value: false,
+            });
+        }
+        // set the notifications_hidden flag, as the user has knowingly interacted
+        // with the setting we shouldn't nag them any further
+        this.setPromptHidden(true);
+    }
+
+    public isEnabled(): boolean {
+        return this.isPossible() && SettingsStore.getValue("notificationsEnabled");
+    }
+
+    public isPossible(): boolean {
+        const plaf = PlatformPeg.get();
+        if (!plaf?.supportsNotifications()) return false;
+        if (!plaf.maySendNotifications()) return false;
+
+        return true; // possible, but not necessarily enabled
+    }
+
+    public isBodyEnabled(): boolean {
+        return this.isEnabled() && SettingsStore.getValue("notificationBodyEnabled");
+    }
+
+    public isAudioEnabled(): boolean {
+        // We don't route Audio via the HTML Notifications API so it is possible regardless of other things
+        return SettingsStore.getValue("audioNotificationsEnabled");
+    }
+
+    public setPromptHidden(hidden: boolean, persistent = true): void {
+        this.toolbarHidden = hidden;
+
+        hideNotificationsToast();
+
+        // update the info to localStorage for persistent settings
+        if (persistent && global.localStorage) {
+            global.localStorage.setItem("notifications_hidden", String(hidden));
+        }
+        this.emit(NotifierEvent.NotificationHiddenChange, hidden);
+    }
+
+    public shouldShowPrompt(): boolean {
+        const client = this.sdkContext.client;
+        if (!client) {
+            return false;
+        }
+        const isGuest = client.isGuest();
+        return (
+            !isGuest &&
+            this.supportsDesktopNotifications() &&
+            !isPushNotifyDisabled() &&
+            !this.isEnabled() &&
+            !this.isPromptHidden()
+        );
+    }
+
+    private isPromptHidden(): boolean {
+        // Check localStorage for any such meta data
+        if (global.localStorage) {
+            return global.localStorage.getItem("notifications_hidden") === "true";
+        }
+
+        return !!this.toolbarHidden;
+    }
+
+    // XXX: Exported for tests
+    public onSyncStateChange = (state: SyncState, prevState: SyncState | null, data?: SyncStateData): void => {
+        if (!this.sdkContext.client) return;
+        if (state === SyncState.Syncing) {
+            this.isSyncing = true;
+        } else if (state === SyncState.Stopped || state === SyncState.Error) {
+            this.isSyncing = false;
+        }
+
+        // wait for first non-cached sync to complete
+        if (![SyncState.Stopped, SyncState.Error].includes(state) && !data?.fromCache) {
+            createLocalNotificationSettingsIfNeeded(this.sdkContext.client);
+        }
+    };
+
+    private onEvent = (
+        ev: MatrixEvent,
+        room: Room | undefined,
+        toStartOfTimeline: boolean | undefined,
+        removed: boolean,
+        data: IRoomTimelineData,
+    ): void => {
+        if (!this.sdkContext.client) return;
+        if (removed) return; // only notify for new events, not removed ones
+        if (!data.liveEvent || !!toStartOfTimeline) return; // only notify for new things, not old.
+        if (!this.isSyncing) return; // don't alert for any messages initially
+        if (ev.getSender() === this.sdkContext.client.getUserId()) return;
+        if (data.timeline.getTimelineSet().threadListType !== null) return; // Ignore events on the thread list generated timelines
+
+        this.sdkContext.client.decryptEventIfNeeded(ev);
+
+        // If it's an encrypted event and the type is still 'm.room.encrypted',
+        // it hasn't yet been decrypted, so wait until it is.
+        if (ev.isBeingDecrypted() || ev.isDecryptionFailure()) {
+            this.pendingEncryptedEventIds.push(ev.getId()!);
+            // don't let the list fill up indefinitely
+            while (this.pendingEncryptedEventIds.length > MAX_PENDING_ENCRYPTED) {
+                this.pendingEncryptedEventIds.shift();
+            }
+            return;
+        }
+
+        this.evaluateEvent(ev);
+    };
+
+    private onEventDecrypted = (ev: MatrixEvent): void => {
+        // 'decrypted' means the decryption process has finished: it may have failed,
+        // in which case it might decrypt soon if the keys arrive
+        if (ev.isDecryptionFailure()) return;
+
+        const idx = this.pendingEncryptedEventIds.indexOf(ev.getId()!);
+        if (idx === -1) return;
+
+        this.pendingEncryptedEventIds.splice(idx, 1);
+        this.evaluateEvent(ev);
+    };
+
+    private onRoomReceipt = (ev: MatrixEvent, room: Room): void => {
+        if (room.getUnreadNotificationCount() === 0) {
+            // ideally we would clear each notification when it was read,
+            // but we have no way, given a read receipt, to know whether
+            // the receipt comes before or after an event, so we can't
+            // do this. Instead, clear all notifications for a room once
+            // there are no notifs left in that room., which is not quite
+            // as good but it's something.
+            if (this.notifsByRoom[room.roomId] === undefined) return;
+            for (const notif of this.notifsByRoom[room.roomId]) {
+                notif.close();
+            }
+            delete this.notifsByRoom[room.roomId];
+        }
+    };
+
+    // XXX: exported for tests
+    public evaluateEvent(ev: MatrixEvent): void {
+        if (!this.sdkContext.client) return;
+        const roomId = ev.getRoomId()!;
+        const room = this.sdkContext.client.getRoom(roomId);
+        if (!room) {
+            // e.g we are in the process of joining a room.
+            // Seen in the Playwright lazy-loading test.
+            return;
+        }
+
+        const actions = this.sdkContext.client.getPushActionsForEvent(ev);
+
+        if (actions?.notify) {
+            this.performCustomEventHandling(ev);
+
+            const store = this.sdkContext.roomViewStore;
+            const isViewingRoom = store.getRoomId() === room.roomId;
+            const threadId: string | undefined = ev.getId() !== ev.threadRootId ? ev.threadRootId : undefined;
+            const isViewingThread = store.getThreadId() === threadId;
+
+            const isViewingEventTimeline = isViewingRoom && (!threadId || isViewingThread);
+
+            if (isViewingEventTimeline && UserActivity.sharedInstance().userActiveRecently() && !Modal.hasDialogs()) {
+                // don't bother notifying as user was recently active in this room
+                return;
+            }
+
+            if (this.isEnabled()) {
+                this.displayPopupNotification(ev, room);
+            }
+            if (actions.tweaks.sound && this.isAudioEnabled()) {
+                PlatformPeg.get()?.loudNotification(ev, room);
+                this.playAudioNotification(ev, room);
+            }
+        }
+    }
+
+    /**
+     * 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 room = this.sdkContext.client?.getRoom(ev.getRoomId());
+
+        if (room && EventType.RTCNotification === ev.getType()) {
+            // We don't need to await this.
+            void this.handleRTCNotification(ev, toaster, room);
+        }
+    }
+}
diff --git a/apps/web/src/PageTypes.ts b/apps/web/src/PageTypes.ts
new file mode 100644
index 00000000000..3e7f2471a35
--- /dev/null
+++ b/apps/web/src/PageTypes.ts
@@ -0,0 +1,17 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017 Vector Creations 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.
+*/
+
+/** The types of page which can be shown by the LoggedInView */
+enum PageType {
+    HomePage = "home_page",
+    RoomView = "room_view",
+    UserView = "user_view",
+}
+
+export default PageType;
diff --git a/apps/web/src/PasswordReset.ts b/apps/web/src/PasswordReset.ts
new file mode 100644
index 00000000000..00927e173cf
--- /dev/null
+++ b/apps/web/src/PasswordReset.ts
@@ -0,0 +1,108 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2022 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+import { createClient, type IRequestTokenResponse, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "./languageHandler";
+
+/**
+ * Allows a user to reset their password on a homeserver.
+ *
+ * This involves getting an email token from the identity server to "prove" that
+ * the client owns the given email address, which is then passed to the password
+ * API on the homeserver in question with the new password.
+ */
+export default class PasswordReset {
+    private client: MatrixClient;
+    private clientSecret: string;
+    private password = "";
+    private sessionId = "";
+    private logoutDevices = false;
+    private sendAttempt = 0;
+
+    /**
+     * Configure the endpoints for password resetting.
+     * @param {string} homeserverUrl The URL to the HS which has the account to reset.
+     * @param {string} identityUrl The URL to the IS which has linked the email -> mxid mapping.
+     */
+    public constructor(homeserverUrl: string, identityUrl: string) {
+        this.client = createClient({
+            baseUrl: homeserverUrl,
+            idBaseUrl: identityUrl,
+        });
+        this.clientSecret = this.client.generateClientSecret();
+    }
+
+    /**
+     * Request a password reset token.
+     * This will trigger a side-effect of sending an email to the provided email address.
+     */
+    public requestResetToken(emailAddress: string): Promise<IRequestTokenResponse> {
+        this.sendAttempt++;
+        return this.client.requestPasswordEmailToken(emailAddress, this.clientSecret, this.sendAttempt).then(
+            (res) => {
+                this.sessionId = res.sid;
+                return res;
+            },
+            function (err) {
+                if (err.errcode === "M_THREEPID_NOT_FOUND") {
+                    err.message = _t("auth|reset_password_email_not_found_title");
+                } else if (err.httpStatus) {
+                    err.message = err.message + ` (Status ${err.httpStatus})`;
+                }
+                throw err;
+            },
+        );
+    }
+
+    public setLogoutDevices(logoutDevices: boolean): void {
+        this.logoutDevices = logoutDevices;
+    }
+
+    public async setNewPassword(password: string): Promise<void> {
+        this.password = password;
+        await this.checkEmailLinkClicked();
+    }
+
+    /**
+     * Checks if the email link has been clicked by attempting to change the password
+     * for the mxid linked to the email.
+     * @returns {Promise} Resolves if the password was reset. Rejects with an object
+     * with a "message" property which contains a human-readable message detailing why
+     * the reset failed, e.g. "There is no mapped matrix user ID for the given email address".
+     */
+    public async checkEmailLinkClicked(): Promise<void> {
+        const creds = {
+            sid: this.sessionId,
+            client_secret: this.clientSecret,
+        };
+
+        try {
+            await this.client.setPassword(
+                {
+                    // Note: Though this sounds like a login type for identity servers only, it
+                    // has a dual purpose of being used for homeservers too.
+                    type: "m.login.email.identity",
+                    threepid_creds: creds,
+                },
+                this.password,
+                this.logoutDevices,
+            );
+        } catch (err: any) {
+            if (err.httpStatus === 401) {
+                err.message = _t("settings|general|add_email_failed_verification");
+            } else if (err.httpStatus === 404) {
+                err.message = _t("auth|reset_password_email_not_associated");
+            } else if (err.httpStatus) {
+                err.message += ` (Status ${err.httpStatus})`;
+            }
+            throw err;
+        }
+    }
+}
diff --git a/apps/web/src/PlatformPeg.ts b/apps/web/src/PlatformPeg.ts
new file mode 100644
index 00000000000..00ac04468bd
--- /dev/null
+++ b/apps/web/src/PlatformPeg.ts
@@ -0,0 +1,55 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+import type BasePlatform from "./BasePlatform";
+
+/*
+ * Holds the current instance of the `Platform` to use across the codebase.
+ * Looking for an `Platform`? Just look for the `PlatformPeg` on the peg board.
+ * "Peg" is the literal meaning of something you hang something on. So you'll
+ * find a `Platform` hanging on the `PlatformPeg`.
+ *
+ * Used by the code to do anything specific to the platform we're running on
+ * (eg. web, electron). Platforms are provided by the app layer. This allows the
+ * app layer to set a Platform without necessarily having to have a MatrixChat
+ * object.
+ */
+export class PlatformPeg {
+    private platform: BasePlatform | null = null;
+    private platformPromiseWithResolvers = Promise.withResolvers<BasePlatform>();
+
+    /**
+     * Returns a promise for the Platform object for the application.
+     */
+    public get platformPromise(): Promise<BasePlatform> {
+        return this.platformPromiseWithResolvers.promise;
+    }
+
+    /**
+     * Returns the current Platform object for the application.
+     * This should be an instance of a class extending BasePlatform.
+     */
+    public get(): BasePlatform | null {
+        return this.platform;
+    }
+
+    /**
+     * Sets the current platform handler object to use for the application.
+     * @param {BasePlatform} platform an instance of a class extending BasePlatform.
+     */
+    public set(platform: BasePlatform): void {
+        this.platformPromiseWithResolvers.resolve(platform);
+        this.platform = platform;
+    }
+}
+
+if (!window.mxPlatformPeg) {
+    window.mxPlatformPeg = new PlatformPeg();
+}
+export default window.mxPlatformPeg;
diff --git a/apps/web/src/PlaybackEncoder.ts b/apps/web/src/PlaybackEncoder.ts
new file mode 100644
index 00000000000..1cb423dc30a
--- /dev/null
+++ b/apps/web/src/PlaybackEncoder.ts
@@ -0,0 +1,25 @@
+/*
+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.
+*/
+
+import { type Request, type Response } from "./workers/playback.worker";
+import { WorkerManager } from "./WorkerManager";
+import playbackWorkerFactory from "./workers/playbackWorkerFactory";
+
+export class PlaybackEncoder {
+    private static internalInstance = new PlaybackEncoder();
+
+    public static get instance(): PlaybackEncoder {
+        return PlaybackEncoder.internalInstance;
+    }
+
+    private readonly worker = new WorkerManager<Request, Response>(playbackWorkerFactory());
+
+    public getPlaybackWaveform(input: Float32Array): Promise<number[]> {
+        return this.worker.call({ data: Array.from(input) }).then((resp) => resp.waveform);
+    }
+}
diff --git a/apps/web/src/PosthogAnalytics.test.ts b/apps/web/src/PosthogAnalytics.test.ts
new file mode 100644
index 00000000000..561d3735c90
--- /dev/null
+++ b/apps/web/src/PosthogAnalytics.test.ts
@@ -0,0 +1,392 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import { type PostHog } from "posthog-js";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+import { getMockClientWithEventEmitter } from "test-utils";
+
+import { Anonymity, getRedactedCurrentLocation, type IPosthogEvent, PosthogAnalytics } from "./PosthogAnalytics";
+import SdkConfig from "./SdkConfig";
+import SettingsStore from "./settings/SettingsStore";
+import { Layout } from "./settings/enums/Layout";
+import defaultDispatcher from "./dispatcher/dispatcher";
+import { Action } from "./dispatcher/actions";
+import { SettingLevel } from "./settings/SettingLevel";
+
+const getFakePosthog = (): PostHog =>
+    ({
+        capture: vi.fn(),
+        init: vi.fn(),
+        identify: vi.fn(),
+        reset: vi.fn(),
+        register: vi.fn(),
+        get_distinct_id: vi.fn(),
+        persistence: {
+            get_property: vi.fn(),
+        },
+        identifyUser: vi.fn(),
+    }) as unknown as PostHog;
+
+interface ITestEvent extends IPosthogEvent {
+    eventName: "TestEvents";
+    foo?: string;
+}
+
+describe("PosthogAnalytics", () => {
+    let fakePosthog: PostHog;
+    const shaHashes: Record<string, string> = {
+        "42": "73475cb40a568e8da8a045ced110137e159f890ac4da883b6b17dc651b3a8049",
+        "some": "a6b46dd0d1ae5e86cbc8f37e75ceeb6760230c1ca4ffbcb0c97b96dd7d9c464b",
+        "pii": "bd75b3e080945674c0351f75e0db33d1e90986fa07b318ea7edf776f5eef38d4",
+        "foo": "2c26b46b68ffc68ff99b453c1d30413413422d706483bfa0f98a5e886266e7ae",
+    };
+
+    beforeEach(() => {
+        fakePosthog = getFakePosthog();
+
+        Object.defineProperty(window, "crypto", {
+            value: {
+                subtle: {
+                    digest: async (_: AlgorithmIdentifier, encodedMessage: BufferSource) => {
+                        const message = new TextDecoder().decode(encodedMessage);
+                        const hexHash = shaHashes[message];
+                        const bytes: number[] = [];
+                        for (let c = 0; c < hexHash.length; c += 2) {
+                            bytes.push(parseInt(hexHash.slice(c, c + 2), 16));
+                        }
+                        return bytes;
+                    },
+                },
+            },
+        });
+    });
+
+    afterEach(() => {
+        Object.defineProperty(window, "crypto", {
+            value: null,
+        });
+        SdkConfig.reset(); // we touch the config, so clean up
+    });
+
+    describe("Initialisation", () => {
+        it("Should not be enabled without config being set", () => {
+            // force empty/invalid state for posthog options
+            SdkConfig.put({ brand: "Testing" });
+            const analytics = new PosthogAnalytics(fakePosthog);
+            expect(analytics.isEnabled()).toBe(false);
+        });
+
+        it("Should be enabled if config is set", () => {
+            SdkConfig.put({
+                brand: "Testing",
+                posthog: {
+                    project_api_key: "foo",
+                    api_host: "bar",
+                },
+            });
+            const analytics = new PosthogAnalytics(fakePosthog);
+            analytics.setAnonymity(Anonymity.Pseudonymous);
+            expect(analytics.isEnabled()).toBe(true);
+        });
+    });
+
+    describe("Tracking", () => {
+        let analytics: PosthogAnalytics;
+
+        beforeEach(() => {
+            SdkConfig.put({
+                brand: "Testing",
+                posthog: {
+                    project_api_key: "foo",
+                    api_host: "bar",
+                },
+            });
+
+            analytics = new PosthogAnalytics(fakePosthog);
+        });
+
+        it("Should pass event to posthog", () => {
+            analytics.setAnonymity(Anonymity.Pseudonymous);
+            analytics.trackEvent<ITestEvent>({
+                eventName: "TestEvents",
+                foo: "bar",
+            });
+            expect(vi.mocked(fakePosthog).capture.mock.calls[0][0]).toBe("TestEvents");
+            expect(vi.mocked(fakePosthog).capture.mock.calls[0][1]!["foo"]).toEqual("bar");
+        });
+
+        it("Should not track events if anonymous", async () => {
+            analytics.setAnonymity(Anonymity.Anonymous);
+            analytics.trackEvent<ITestEvent>({
+                eventName: "TestEvents",
+                foo: "bar",
+            });
+            expect(fakePosthog.capture).not.toHaveBeenCalled();
+        });
+
+        it("Should not track any events if disabled", async () => {
+            analytics.setAnonymity(Anonymity.Disabled);
+            analytics.trackEvent<ITestEvent>({
+                eventName: "TestEvents",
+                foo: "bar",
+            });
+            expect(fakePosthog.capture).not.toHaveBeenCalled();
+        });
+
+        it("Should anonymise location of a known screen", async () => {
+            const location = getRedactedCurrentLocation("https://foo.bar", "#/register/some/pii", "/");
+            expect(location).toBe("https://foo.bar/#/register/<redacted>");
+        });
+
+        it("Should anonymise location of an unknown screen", async () => {
+            const location = getRedactedCurrentLocation("https://foo.bar", "#/not_a_screen_name/some/pii", "/");
+            expect(location).toBe("https://foo.bar/#/<redacted_screen_name>/<redacted>");
+        });
+
+        it("Should handle an empty hash", async () => {
+            const location = getRedactedCurrentLocation("https://foo.bar", "", "/");
+            expect(location).toBe("https://foo.bar/");
+        });
+
+        it("Should identify the user to posthog if pseudonymous", async () => {
+            analytics.setAnonymity(Anonymity.Pseudonymous);
+            const client = getMockClientWithEventEmitter({
+                getAccountDataFromServer: vi.fn().mockResolvedValue(null),
+                setAccountData: vi.fn().mockResolvedValue({}),
+            });
+            await analytics.identifyUser(client, () => "analytics_id");
+            expect(vi.mocked(fakePosthog).identify.mock.calls[0][0]).toBe("analytics_id");
+        });
+
+        it("Should not identify the user to posthog if anonymous", async () => {
+            analytics.setAnonymity(Anonymity.Anonymous);
+            const client = getMockClientWithEventEmitter({});
+            await analytics.identifyUser(client, () => "analytics_id");
+            expect(vi.mocked(fakePosthog).identify.mock.calls.length).toBe(0);
+        });
+
+        it("Should identify using the server's analytics id if present", async () => {
+            analytics.setAnonymity(Anonymity.Pseudonymous);
+
+            const client = getMockClientWithEventEmitter({
+                getAccountDataFromServer: vi.fn().mockResolvedValue({ id: "existing_analytics_id" }),
+                setAccountData: vi.fn().mockResolvedValue({}),
+            });
+            await analytics.identifyUser(client, () => "new_analytics_id");
+            expect(vi.mocked(fakePosthog).identify.mock.calls[0][0]).toBe("existing_analytics_id");
+        });
+    });
+
+    describe("WebLayout", () => {
+        let analytics: PosthogAnalytics;
+
+        beforeEach(() => {
+            SdkConfig.put({
+                brand: "Testing",
+                posthog: {
+                    project_api_key: "foo",
+                    api_host: "bar",
+                },
+            });
+
+            analytics = new PosthogAnalytics(fakePosthog);
+            analytics.setAnonymity(Anonymity.Pseudonymous);
+        });
+
+        afterEach(() => {
+            SettingsStore.reset();
+        });
+
+        it("should send layout IRC correctly", async () => {
+            await SettingsStore.setValue("layout", null, SettingLevel.DEVICE, Layout.IRC);
+            defaultDispatcher.dispatch(
+                {
+                    action: Action.SettingUpdated,
+                    settingName: "layout",
+                },
+                true,
+            );
+            analytics.trackEvent<ITestEvent>({
+                eventName: "TestEvents",
+            });
+            expect(vi.mocked(fakePosthog).capture.mock.calls[0][1]!["$set"]).toMatchObject({
+                WebLayout: "IRC",
+            });
+        });
+
+        it("should send layout Bubble correctly", async () => {
+            await SettingsStore.setValue("layout", null, SettingLevel.DEVICE, Layout.Bubble);
+            defaultDispatcher.dispatch(
+                {
+                    action: Action.SettingUpdated,
+                    settingName: "layout",
+                },
+                true,
+            );
+            analytics.trackEvent<ITestEvent>({
+                eventName: "TestEvents",
+            });
+            expect(vi.mocked(fakePosthog).capture.mock.calls[0][1]!["$set"]).toMatchObject({
+                WebLayout: "Bubble",
+            });
+        });
+
+        it("should send layout Group correctly", async () => {
+            await SettingsStore.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
+            defaultDispatcher.dispatch(
+                {
+                    action: Action.SettingUpdated,
+                    settingName: "layout",
+                },
+                true,
+            );
+            analytics.trackEvent<ITestEvent>({
+                eventName: "TestEvents",
+            });
+            expect(vi.mocked(fakePosthog).capture.mock.calls[0][1]!["$set"]).toMatchObject({
+                WebLayout: "Group",
+            });
+        });
+
+        it("should send layout Compact correctly", async () => {
+            await SettingsStore.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
+            await SettingsStore.setValue("useCompactLayout", null, SettingLevel.DEVICE, true);
+            defaultDispatcher.dispatch(
+                {
+                    action: Action.SettingUpdated,
+                    settingName: "useCompactLayout",
+                },
+                true,
+            );
+            analytics.trackEvent<ITestEvent>({
+                eventName: "TestEvents",
+            });
+            console.log(vi.mocked(fakePosthog).capture.mock.calls[0]);
+            expect(vi.mocked(fakePosthog).capture.mock.calls[0][1]!["$set"]).toMatchObject({
+                WebLayout: "Compact",
+            });
+        });
+    });
+
+    describe("UrlPreviews", () => {
+        let analytics: PosthogAnalytics;
+
+        beforeEach(() => {
+            SdkConfig.put({
+                brand: "Testing",
+                posthog: {
+                    project_api_key: "foo",
+                    api_host: "bar",
+                },
+            });
+
+            analytics = new PosthogAnalytics(fakePosthog);
+            analytics.setAnonymity(Anonymity.Pseudonymous);
+        });
+
+        afterEach(() => {
+            SdkConfig.reset();
+        });
+
+        it("should set UrlPreviewsEnabled on change", async () => {
+            defaultDispatcher.dispatch(
+                {
+                    action: Action.SettingUpdated,
+                    settingName: "urlPreviewsEnabled",
+                    newValue: true,
+                },
+                true,
+            );
+            analytics.trackEvent<ITestEvent>({
+                eventName: "TestEvents",
+            });
+            expect(vi.mocked(fakePosthog).capture.mock.calls[0][1]!["$set"]).toMatchObject({
+                URLPreviewsEnabled: true,
+            });
+        });
+    });
+
+    describe("CryptoSdk", () => {
+        let analytics: PosthogAnalytics;
+        const getFakeClient = (): MatrixClient =>
+            ({
+                getCrypto: vi.fn(),
+                setAccountData: vi.fn(),
+                // just fake return an `im.vector.analytics` content
+                getAccountDataFromServer: vi.fn().mockReturnValue({
+                    id: "0000000",
+                    pseudonymousAnalyticsOptIn: true,
+                }),
+            }) as unknown as MatrixClient;
+
+        beforeEach(async () => {
+            SdkConfig.put({
+                brand: "Testing",
+                posthog: {
+                    project_api_key: "foo",
+                    api_host: "bar",
+                },
+            });
+
+            analytics = new PosthogAnalytics(fakePosthog);
+        });
+
+        // `updateAnonymityFromSettings` is called On page load / login / account data change.
+        // We manually call it so we can test the behaviour.
+        async function simulateLogin(rustBackend: boolean, pseudonymous = true) {
+            // To simulate a switch we call updateAnonymityFromSettings.
+            // As per documentation this function is called On login.
+            const mockClient = getFakeClient();
+            vi.mocked(mockClient.getCrypto).mockReturnValue({
+                getVersion: () => {
+                    return rustBackend ? "Rust SDK 0.6.0 (9c6b550), Vodozemac 0.5.0" : "Olm 3.2.0";
+                },
+            } as unknown as CryptoApi);
+            await analytics.updateAnonymityFromSettings(mockClient, pseudonymous);
+        }
+
+        it("should send rust cryptoSDK superProperty correctly", async () => {
+            analytics.setAnonymity(Anonymity.Pseudonymous);
+
+            await simulateLogin(false);
+
+            expect(vi.mocked(fakePosthog).register.mock.lastCall![0]["cryptoSDK"]).toStrictEqual("Legacy");
+        });
+
+        it("should send Legacy cryptoSDK superProperty correctly", async () => {
+            analytics.setAnonymity(Anonymity.Pseudonymous);
+
+            await simulateLogin(false);
+
+            // Super Properties are properties associated with events that are set once and then sent with every capture call.
+            // They are set using posthog.register
+            expect(vi.mocked(fakePosthog).register.mock.lastCall![0]["cryptoSDK"]).toStrictEqual("Legacy");
+        });
+
+        it("should send cryptoSDK superProperty when enabling analytics", async () => {
+            analytics.setAnonymity(Anonymity.Disabled);
+
+            await simulateLogin(true, false);
+
+            // This initial call is due to the call to register platformSuperProperties
+            // The important thing is that the cryptoSDK superProperty is not set.
+            expect(vi.mocked(fakePosthog).register.mock.lastCall![0]).toStrictEqual({});
+
+            // switching to pseudonymous should ensure that the cryptoSDK superProperty is set correctly
+            analytics.setAnonymity(Anonymity.Pseudonymous);
+            // Super Properties are properties associated with events that are set once and then sent with every capture call.
+            // They are set using posthog.register
+            expect(vi.mocked(fakePosthog).register.mock.lastCall![0]["cryptoSDK"]).toStrictEqual("Rust");
+        });
+    });
+});
diff --git a/apps/web/src/PosthogAnalytics.ts b/apps/web/src/PosthogAnalytics.ts
new file mode 100644
index 00000000000..54e14ce0281
--- /dev/null
+++ b/apps/web/src/PosthogAnalytics.ts
@@ -0,0 +1,455 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 posthog, { type CaptureOptions, type PostHog, type Properties } from "posthog-js";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type UserProperties } from "@matrix-org/analytics-events/types/typescript/UserProperties";
+import { type Signup } from "@matrix-org/analytics-events/types/typescript/Signup";
+
+import PlatformPeg from "./PlatformPeg";
+import SdkConfig from "./SdkConfig";
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import SettingsStore from "./settings/SettingsStore";
+import { type ScreenName } from "./PosthogTrackers";
+import { type ActionPayload } from "./dispatcher/payloads";
+import { Action } from "./dispatcher/actions";
+import { isSettingUpdatedPayload, type SettingUpdatedPayload } from "./dispatcher/payloads/SettingUpdatedPayload";
+import dis from "./dispatcher/dispatcher";
+import { Layout } from "./settings/enums/Layout";
+
+/* Posthog analytics tracking.
+ *
+ * Anonymity behaviour is as follows:
+ *
+ * - If Posthog isn't configured in `config.json`, events are not sent.
+ * - If [Do Not Track](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/doNotTrack) is
+ *   enabled, events are not sent (this detection is built into posthog and turned on via the
+ *   `respect_dnt` flag being passed to `posthog.init`).
+ * - If the `feature_pseudonymous_analytics_opt_in` labs flag is `true`, track pseudonomously by maintaining
+ *   a randomised analytics ID in account_data for that user (shared between devices) and sending it to posthog to
+     identify the user.
+ * - Otherwise, if the existing `analyticsOptIn` flag is `true`, track anonymously, i.e. do not identify the user
+     using any identifier that would be consistent across devices.
+ * - If both flags are false or not set, events are not sent.
+ */
+
+export interface IPosthogEvent {
+    // The event name that will be used by PostHog. Event names should use camelCase.
+    eventName: string;
+
+    // do not allow these to be sent manually, we enqueue them all for caching purposes
+    $set?: void;
+    $set_once?: void;
+}
+
+export enum Anonymity {
+    Disabled,
+    Anonymous,
+    Pseudonymous,
+}
+
+const whitelistedScreens = new Set([
+    "register",
+    "login",
+    "forgot_password",
+    "soft_logout",
+    "new",
+    "settings",
+    "welcome",
+    "home",
+    "start",
+    "directory",
+    "start_sso",
+    "start_cas",
+    "complete_security",
+    "post_registration",
+    "room",
+    "user",
+]);
+
+export function getRedactedCurrentLocation(origin: string, hash: string, pathname: string): string {
+    // Redact PII from the current location.
+    // For known screens, assumes a URL structure of /<screen name>/might/be/pii
+    if (origin.startsWith("file://")) {
+        pathname = "/<redacted_file_scheme_url>/";
+    }
+
+    let hashStr;
+    if (hash == "") {
+        hashStr = "";
+    } else {
+        let [beforeFirstSlash, screen] = hash.split("/");
+
+        if (!whitelistedScreens.has(screen)) {
+            screen = "<redacted_screen_name>";
+        }
+
+        hashStr = `${beforeFirstSlash}/${screen}/<redacted>`;
+    }
+    return origin + pathname + hashStr;
+}
+
+interface PlatformProperties {
+    appVersion: string;
+    appPlatform: string;
+}
+
+export class PosthogAnalytics {
+    /* Wrapper for Posthog analytics.
+     * 3 modes of anonymity are supported, governed by this.anonymity
+     * - Anonymity.Disabled means *no data* is passed to posthog
+     * - Anonymity.Anonymous means no identifier is passed to posthog
+     * - Anonymity.Pseudonymous means an analytics ID stored in account_data and shared between devices
+     *   is passed to posthog.
+     *
+     * To update anonymity, call updateAnonymityFromSettings() or you can set it directly via setAnonymity().
+     *
+     * To pass an event to Posthog:
+     *
+     * 1. Declare a type for the event, extending IAnonymousEvent or IPseudonymousEvent.
+     * 2. Call the appropriate track*() method. Pseudonymous events will be dropped when anonymity is
+     *    Anonymous or Disabled; Anonymous events will be dropped when anonymity is Disabled.
+     */
+
+    private anonymity = Anonymity.Disabled;
+    // set true during the constructor if posthog config is present, otherwise false
+    private readonly enabled: boolean = false;
+    private static _instance: PosthogAnalytics | null = null;
+    private platformSuperProperties: Properties = {};
+    public static readonly ANALYTICS_EVENT_TYPE = "im.vector.analytics";
+    private propertiesForNextEvent: Partial<Record<"$set" | "$set_once", UserProperties>> = {};
+    private userPropertyCache: UserProperties = {};
+    private authenticationType: Signup["authenticationType"] = "Other";
+    private watchSettingRef?: string;
+
+    // Will be set when the matrixClient is passed to the analytics object (e.g. on login).
+    private currentCryptoBackend?: "Rust" | "Legacy" = undefined;
+
+    public static get instance(): PosthogAnalytics {
+        if (!this._instance) {
+            this._instance = new PosthogAnalytics(posthog);
+        }
+        return this._instance;
+    }
+
+    public constructor(private readonly posthog: PostHog) {
+        const posthogConfig = SdkConfig.get("posthog");
+        if (posthogConfig?.project_api_key && posthogConfig?.api_host) {
+            this.posthog.init(posthogConfig.project_api_key, {
+                api_host: posthogConfig.api_host,
+                autocapture: false,
+                mask_all_text: true,
+                mask_all_element_attributes: true,
+                // This only triggers on page load, which for our SPA isn't particularly useful.
+                // Plus, the .capture call originating from somewhere in posthog makes it hard
+                // to redact URLs, which requires async code.
+                //
+                // To raise this manually, just call .capture("$pageview") or posthog.capture_pageview.
+                capture_pageview: false,
+                sanitize_properties: this.sanitizeProperties,
+                respect_dnt: true,
+                advanced_disable_decide: true,
+            });
+            this.enabled = true;
+        } else {
+            this.enabled = false;
+        }
+
+        dis.register(this.onAction);
+        SettingsStore.monitorSetting("layout", null);
+        SettingsStore.monitorSetting("useCompactLayout", null);
+        SettingsStore.monitorSetting("urlPreviewsEnabled", null);
+        this.onLayoutUpdated();
+        this.onUrlPreviewSettingUpdated(SettingsStore.getValue("urlPreviewsEnabled"));
+        this.updateCryptoSuperProperty();
+    }
+
+    private onLayoutUpdated = (): void => {
+        let layout: UserProperties["WebLayout"];
+
+        switch (SettingsStore.getValue("layout")) {
+            case Layout.IRC:
+                layout = "IRC";
+                break;
+            case Layout.Bubble:
+                layout = "Bubble";
+                break;
+            case Layout.Group:
+                layout = SettingsStore.getValue("useCompactLayout") ? "Compact" : "Group";
+                break;
+        }
+
+        // This is known to clobber other devices but is a good enough solution
+        // to get an idea of how much use each layout gets.
+        this.setProperty("WebLayout", layout);
+    };
+
+    private readonly onUrlPreviewSettingUpdated = (value: boolean): void => {
+        this.setProperty("URLPreviewsEnabled", value);
+    };
+
+    private onAction = (payload: ActionPayload): void => {
+        if (payload.action !== Action.SettingUpdated) return;
+        const settingsPayload = payload as SettingUpdatedPayload;
+        if (["layout", "useCompactLayout"].includes(settingsPayload.settingName)) {
+            this.onLayoutUpdated();
+        } else if (isSettingUpdatedPayload(settingsPayload, "urlPreviewsEnabled") && !settingsPayload.roomId) {
+            this.onUrlPreviewSettingUpdated(settingsPayload.newValue);
+        }
+    };
+
+    // we persist the last `$screen_name` and send it for all events until it is replaced
+    private lastScreen: ScreenName = "Loading";
+
+    private sanitizeProperties = (properties: Properties, eventName: string): Properties => {
+        // Callback from posthog to sanitize properties before sending them to the server.
+        //
+        // Here we sanitize posthog's built in properties which leak PII e.g. url reporting.
+        // See utils.js _.info.properties in posthog-js.
+
+        if (eventName === "$pageview") {
+            this.lastScreen = properties["$current_url"];
+        }
+        // We inject a screen identifier in $current_url as per https://posthog.com/tutorials/spa
+        properties["$current_url"] = this.lastScreen;
+
+        if (this.anonymity == Anonymity.Anonymous) {
+            // drop referrer information for anonymous users
+            properties["$referrer"] = null;
+            properties["$referring_domain"] = null;
+            properties["$initial_referrer"] = null;
+            properties["$initial_referring_domain"] = null;
+
+            // drop device ID, which is a UUID persisted in local storage
+            properties["$device_id"] = null;
+        }
+
+        return properties;
+    };
+
+    private registerSuperProperties(properties: Properties): void {
+        if (this.enabled) {
+            this.posthog.register(properties);
+        }
+    }
+
+    private static async getPlatformProperties(): Promise<Partial<PlatformProperties>> {
+        const platform = PlatformPeg.get();
+        let appVersion: string | undefined;
+        try {
+            appVersion = await platform?.getAppVersion();
+        } catch {
+            // this happens if no version is set i.e. in dev
+            appVersion = "unknown";
+        }
+
+        return {
+            appVersion,
+            appPlatform: platform?.getHumanReadableName(),
+        };
+    }
+
+    // eslint-disable-nextline no-unused-vars
+    private capture(eventName: string, properties: Properties, options?: CaptureOptions): void {
+        if (!this.enabled) {
+            return;
+        }
+        const { origin, hash, pathname } = window.location;
+        properties["redactedCurrentUrl"] = getRedactedCurrentLocation(origin, hash, pathname);
+        this.posthog.capture(eventName, { ...this.propertiesForNextEvent, ...properties }, options);
+        this.propertiesForNextEvent = {};
+    }
+
+    public isEnabled(): boolean {
+        return this.enabled;
+    }
+
+    public setAnonymity(anonymity: Anonymity): void {
+        // Update this.anonymity.
+        // This is public for testing purposes, typically you want to call updateAnonymityFromSettings
+        // to ensure this value is in step with the user's settings.
+        if (this.enabled && (anonymity == Anonymity.Disabled || anonymity == Anonymity.Anonymous)) {
+            // when transitioning to Disabled or Anonymous ensure we clear out any prior state
+            // set in posthog e.g. distinct ID
+            this.posthog.reset();
+            // Restore any previously set platform super properties
+            this.registerSuperProperties(this.platformSuperProperties);
+        }
+        this.anonymity = anonymity;
+        // update anyhow, no-op if not enabled or Disabled.
+        this.updateCryptoSuperProperty();
+    }
+
+    private static getRandomAnalyticsId(): string {
+        return [...crypto.getRandomValues(new Uint8Array(16))].map((c) => c.toString(16)).join("");
+    }
+
+    public async identifyUser(client: MatrixClient, analyticsIdGenerator: () => string): Promise<void> {
+        if (this.anonymity == Anonymity.Pseudonymous) {
+            // Check the user's account_data for an analytics ID to use. Storing the ID in account_data allows
+            // different devices to send the same ID.
+            try {
+                const accountData = await client.getAccountDataFromServer(PosthogAnalytics.ANALYTICS_EVENT_TYPE);
+                let analyticsID = accountData?.id;
+                if (!analyticsID) {
+                    // Couldn't retrieve an analytics ID from user settings, so create one and set it on the server.
+                    // Note there's a race condition here - if two devices do these steps at the same time, last write
+                    // wins, and the first writer will send tracking with an ID that doesn't match the one on the server
+                    // until the next time account data is refreshed and this function is called (most likely on next
+                    // page load). This will happen pretty infrequently, so we can tolerate the possibility.
+                    analyticsID = analyticsIdGenerator();
+                    await client.setAccountData(PosthogAnalytics.ANALYTICS_EVENT_TYPE, {
+                        id: analyticsID,
+                        ...accountData,
+                    });
+                }
+                if (this.posthog.get_distinct_id() === analyticsID) {
+                    // No point identifying again
+                    return;
+                }
+                if (this.posthog.persistence?.get_property("$user_state") === "identified") {
+                    // Analytics ID has changed, reset as Posthog will refuse to merge in this case
+                    this.posthog.reset();
+                }
+                this.posthog.identify(analyticsID);
+            } catch (e) {
+                // The above could fail due to network requests, but not essential to starting the application,
+                // so swallow it.
+                logger.log("Unable to identify user for tracking", e);
+            }
+        }
+    }
+
+    public getAnonymity(): Anonymity {
+        return this.anonymity;
+    }
+
+    public logout(): void {
+        if (this.enabled) {
+            this.posthog.reset();
+        }
+        SettingsStore.unwatchSetting(this.watchSettingRef);
+        this.setAnonymity(Anonymity.Disabled);
+    }
+
+    public trackEvent<E extends IPosthogEvent>({ eventName, ...properties }: E, options?: CaptureOptions): void {
+        if (this.anonymity == Anonymity.Disabled || this.anonymity == Anonymity.Anonymous) return;
+        this.capture(eventName, properties, options);
+    }
+
+    public setProperty<K extends keyof UserProperties>(key: K, value: UserProperties[K]): void {
+        if (this.userPropertyCache[key] === value) return; // nothing to do
+        this.userPropertyCache[key] = value;
+
+        if (!this.propertiesForNextEvent["$set"]) {
+            this.propertiesForNextEvent["$set"] = {};
+        }
+        this.propertiesForNextEvent["$set"][key] = value;
+    }
+
+    public setPropertyOnce<K extends keyof UserProperties>(key: K, value: UserProperties[K]): void {
+        if (this.userPropertyCache[key]) return; // nothing to do
+        this.userPropertyCache[key] = value;
+
+        if (!this.propertiesForNextEvent["$set_once"]) {
+            this.propertiesForNextEvent["$set_once"] = {};
+        }
+        this.propertiesForNextEvent["$set_once"][key] = value;
+    }
+
+    public async updatePlatformSuperProperties(): Promise<void> {
+        // Update super properties in posthog with our platform (app version, platform).
+        // These properties will be subsequently passed in every event.
+        //
+        // This only needs to be done once per page lifetime. Note that getPlatformProperties
+        // is async and can involve a network request if we are running in a browser.
+        this.platformSuperProperties = await PosthogAnalytics.getPlatformProperties();
+        this.registerSuperProperties(this.platformSuperProperties);
+    }
+
+    private updateCryptoSuperProperty(): void {
+        if (!this.enabled || this.anonymity === Anonymity.Disabled) return;
+        // Update super property for cryptoSDK in posthog.
+        // This property will be subsequently passed in every event.
+        if (this.currentCryptoBackend) {
+            this.registerSuperProperties({ cryptoSDK: this.currentCryptoBackend });
+        }
+    }
+
+    public async updateAnonymityFromSettings(client: MatrixClient, pseudonymousOptIn: boolean): Promise<void> {
+        // Temporary until we have migration code to switch crypto sdk.
+        if (client.getCrypto()) {
+            const cryptoVersion = client.getCrypto()!.getVersion();
+            // version for rust is something like "Rust SDK 0.6.0 (9c6b550), Vodozemac 0.5.0"
+            // for legacy it will be 'Olm x.x.x"
+            if (cryptoVersion.includes("Rust SDK")) {
+                this.currentCryptoBackend = "Rust";
+            } else {
+                this.currentCryptoBackend = "Legacy";
+            }
+        }
+
+        // Update this.anonymity based on the user's analytics opt-in settings
+        const anonymity = pseudonymousOptIn ? Anonymity.Pseudonymous : Anonymity.Disabled;
+        this.setAnonymity(anonymity);
+        if (anonymity === Anonymity.Pseudonymous) {
+            await this.identifyUser(client, PosthogAnalytics.getRandomAnalyticsId);
+            if (MatrixClientPeg.currentUserIsJustRegistered()) {
+                this.trackNewUserEvent();
+            }
+        }
+
+        if (anonymity !== Anonymity.Disabled) {
+            await this.updatePlatformSuperProperties();
+            this.updateCryptoSuperProperty();
+        }
+    }
+
+    public startListeningToSettingsChanges(client: MatrixClient): void {
+        // Listen to account data changes from sync so we can observe changes to relevant flags and update.
+        // This is called -
+        //  * On page load, when the account data is first received by sync
+        //  * On login
+        //  * When another device changes account data
+        //  * When the user changes their preferences on this device
+        // Note that for new accounts, pseudonymousAnalyticsOptIn won't be set, so updateAnonymityFromSettings
+        // won't be called (i.e. this.anonymity will be left as the default, until the setting changes)
+        this.watchSettingRef = SettingsStore.watchSetting(
+            "pseudonymousAnalyticsOptIn",
+            null,
+            (originalSettingName, changedInRoomId, atLevel, newValueAtLevel, newValue) => {
+                this.updateAnonymityFromSettings(client, !!newValue);
+            },
+        );
+    }
+
+    public setAuthenticationType(authenticationType: Signup["authenticationType"]): void {
+        this.authenticationType = authenticationType;
+    }
+
+    private trackNewUserEvent(): void {
+        // This is the only event that could have occured before analytics opt-in
+        // that we want to accumulate before the user has given consent
+        // All other scenarios should not track a user before they have given
+        // explicit consent that they are ok with their analytics data being collected
+        const options: CaptureOptions = {};
+        const registrationTime = parseInt(window.localStorage.getItem("mx_registration_time")!, 10);
+        if (!isNaN(registrationTime)) {
+            options.timestamp = new Date(registrationTime);
+        }
+
+        return this.trackEvent<Signup>(
+            {
+                eventName: "Signup",
+                authenticationType: this.authenticationType,
+            },
+            options,
+        );
+    }
+}
diff --git a/apps/web/src/PosthogTrackers.test.ts b/apps/web/src/PosthogTrackers.test.ts
new file mode 100644
index 00000000000..846fc570840
--- /dev/null
+++ b/apps/web/src/PosthogTrackers.test.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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterEach } from "vitest";
+
+import { PosthogAnalytics } from "./PosthogAnalytics";
+import PosthogTrackers from "./PosthogTrackers";
+
+describe("PosthogTrackers", () => {
+    afterEach(() => {
+        vi.resetAllMocks();
+    });
+
+    it("tracks URL Previews", () => {
+        vi.spyOn(PosthogAnalytics.instance, "trackEvent");
+        const tracker = new PosthogTrackers();
+        tracker.trackUrlPreview("$123456", false, [
+            {
+                image: {},
+            },
+        ]);
+        tracker.trackUrlPreview("$123456", false, [{}]);
+        // Ignores subsequent calls.
+        expect(PosthogAnalytics.instance.trackEvent).toHaveBeenCalledWith({
+            eventName: "UrlPreviewRendered",
+            previewKind: "LegacyCard",
+            hasThumbnail: true,
+            previewCount: 1,
+            encryptedRoom: false,
+        });
+        expect(PosthogAnalytics.instance.trackEvent).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/apps/web/src/PosthogTrackers.ts b/apps/web/src/PosthogTrackers.ts
new file mode 100644
index 00000000000..18afd97d89f
--- /dev/null
+++ b/apps/web/src/PosthogTrackers.ts
@@ -0,0 +1,215 @@
+/*
+Copyright 2026 Element Creations Ltd.
+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 { PureComponent, type SyntheticEvent } from "react";
+import { type WebScreen as ScreenEvent } from "@matrix-org/analytics-events/types/typescript/WebScreen";
+import { type Interaction as InteractionEvent } from "@matrix-org/analytics-events/types/typescript/Interaction";
+import { type PinUnpinAction } from "@matrix-org/analytics-events/types/typescript/PinUnpinAction";
+import { type RoomListSortingAlgorithmChanged } from "@matrix-org/analytics-events/types/typescript/RoomListSortingAlgorithmChanged";
+import { type UrlPreviewRendered } from "@matrix-org/analytics-events/types/typescript/UrlPreviewRendered";
+import { type SectionCreation } from "@matrix-org/analytics-events/types/typescript/SectionCreation";
+import { type ExpandCollapseSection } from "@matrix-org/analytics-events/types/typescript/ExpandCollapseSection";
+
+import PageType from "./PageTypes";
+import Views from "./Views";
+import { PosthogAnalytics } from "./PosthogAnalytics";
+import { SortingAlgorithm } from "./stores/room-list-v3/skip-list/sorters";
+import { LruCache } from "./utils/LruCache";
+
+export type ScreenName = ScreenEvent["$current_url"];
+export type InteractionName = InteractionEvent["name"];
+
+const notLoggedInMap: Record<Exclude<Views, Views.LOGGED_IN>, ScreenName> = {
+    [Views.LOADING]: "Loading",
+    [Views.CONFIRM_LOCK_THEFT]: "ConfirmStartup",
+    [Views.WELCOME]: "Welcome",
+    [Views.LOGIN]: "Login",
+    [Views.REGISTER]: "Register",
+    [Views.FORGOT_PASSWORD]: "ForgotPassword",
+    [Views.COMPLETE_SECURITY]: "CompleteSecurity",
+    [Views.E2E_SETUP]: "E2ESetup",
+    [Views.PENDING_CLIENT_START]: "Loading",
+    [Views.SOFT_LOGOUT]: "SoftLogout",
+    [Views.LOCK_STOLEN]: "SessionLockStolen",
+};
+
+const loggedInPageTypeMap: Record<PageType | string, ScreenName> = {
+    [PageType.HomePage]: "Home",
+    [PageType.RoomView]: "Room",
+    [PageType.UserView]: "User",
+};
+
+const SortingAlgorithmMap: Record<SortingAlgorithm, RoomListSortingAlgorithmChanged["newAlgorithm"]> = {
+    [SortingAlgorithm.Recency]: "Activity",
+    [SortingAlgorithm.Unread]: "Unread",
+    [SortingAlgorithm.Alphabetic]: "Alphabetic",
+};
+
+export default class PosthogTrackers {
+    private static internalInstance: PosthogTrackers;
+
+    private readonly previewedEventIds = new LruCache<string, true>(1000);
+
+    public static get instance(): PosthogTrackers {
+        if (!PosthogTrackers.internalInstance) {
+            PosthogTrackers.internalInstance = new PosthogTrackers();
+        }
+        return PosthogTrackers.internalInstance;
+    }
+
+    private view: Views = Views.LOADING;
+    private pageType?: PageType | string;
+    private override?: ScreenName;
+
+    public trackPageChange(view: Views, pageType: PageType | string | undefined, durationMs: number): void {
+        this.view = view;
+        this.pageType = pageType;
+        if (this.override) return;
+        this.trackPage(durationMs);
+    }
+
+    private trackPage(durationMs?: number): void {
+        const screenName =
+            this.view === Views.LOGGED_IN ? loggedInPageTypeMap[this.pageType!] : notLoggedInMap[this.view];
+        PosthogAnalytics.instance.trackEvent<ScreenEvent>({
+            eventName: "$pageview",
+            $current_url: screenName,
+            durationMs,
+        });
+    }
+
+    public trackOverride(screenName: ScreenName): void {
+        if (!screenName) return;
+        this.override = screenName;
+        PosthogAnalytics.instance.trackEvent<ScreenEvent>({
+            eventName: "$pageview",
+            $current_url: screenName,
+        });
+    }
+
+    public clearOverride(screenName: ScreenName): void {
+        if (screenName !== this.override) return;
+        this.override = undefined;
+        this.trackPage();
+    }
+
+    public static trackInteraction(name: InteractionName, ev?: SyntheticEvent | Event, index?: number): void {
+        let interactionType: InteractionEvent["interactionType"];
+        if (ev?.type === "click") {
+            interactionType = "Pointer";
+        } else if (ev?.type.startsWith("key")) {
+            interactionType = "Keyboard";
+        }
+
+        PosthogAnalytics.instance.trackEvent<InteractionEvent>({
+            eventName: "Interaction",
+            interactionType,
+            index,
+            name,
+        });
+    }
+
+    /**
+     * Track a pin or unpin action on a message.
+     * @param kind - Is pin or unpin.
+     * @param from - From where the action is triggered.
+     */
+    public static trackPinUnpinMessage(kind: PinUnpinAction["kind"], from: PinUnpinAction["from"]): void {
+        PosthogAnalytics.instance.trackEvent<PinUnpinAction>({
+            eventName: "PinUnpinAction",
+            kind,
+            from,
+        });
+    }
+
+    /**
+     * Track when the user chooses a different sorting algorithm for the room-list.
+     * @param oldAlgorithm - The old algorithm.
+     * @param newAlgorithm - The new algorithm.
+     */
+    public static trackRoomListSortingAlgorithmChange(
+        oldAlgorithm: SortingAlgorithm,
+        newAlgorithm: SortingAlgorithm,
+    ): void {
+        PosthogAnalytics.instance.trackEvent<RoomListSortingAlgorithmChanged>({
+            eventName: "RoomListSortingAlgorithmChanged",
+            oldAlgorithm: SortingAlgorithmMap[oldAlgorithm],
+            newAlgorithm: SortingAlgorithmMap[newAlgorithm],
+        });
+    }
+
+    /**
+     * Track if an event has had a previewed rendered in the client.
+     * This function makes a best-effort attempt to prevent double counting.
+     *
+     * @param eventId EventID for deduplication.
+     * @param isEncrypted Whether the event (and effectively the room) was encrypted.
+     * @param previews The previews generated from the event.
+     */
+    public trackUrlPreview(eventId: string, isEncrypted: boolean, previews: { image?: unknown }[]): void {
+        // Discount any previews that we have already tracked.
+        if (this.previewedEventIds.get(eventId)) {
+            return;
+        }
+        PosthogAnalytics.instance.trackEvent<UrlPreviewRendered>({
+            eventName: "UrlPreviewRendered",
+            previewKind: "LegacyCard",
+            hasThumbnail: previews.some((p) => !!p.image),
+            previewCount: previews.length,
+            encryptedRoom: isEncrypted,
+        });
+        this.previewedEventIds.set(eventId, true);
+    }
+
+    /**
+     * Track when the user creates a section in the room list.
+     * @param from The source from which the section creation was triggered.
+     */
+    public static trackSectionCreation(from: SectionCreation["from"]): void {
+        PosthogAnalytics.instance.trackEvent<SectionCreation>({
+            eventName: "SectionCreation",
+            from,
+        });
+    }
+
+    /**
+     * Track when the user collapses or expands a section in the room list.
+     * @param kind Is expand or collapse.
+     * @param from From where the action is triggered.
+     */
+    public static trackCollapseOrExpandSection(
+        kind: ExpandCollapseSection["kind"],
+        from: ExpandCollapseSection["from"],
+    ): void {
+        PosthogAnalytics.instance.trackEvent<ExpandCollapseSection>({
+            eventName: "ExpandCollapseSection",
+            kind,
+            from,
+        });
+    }
+}
+
+export class PosthogScreenTracker extends PureComponent<{ screenName: ScreenName }> {
+    public componentDidMount(): void {
+        PosthogTrackers.instance.trackOverride(this.props.screenName);
+    }
+
+    public componentDidUpdate(): void {
+        // We do not clear the old override here so that we do not send the non-override screen as a transition
+        PosthogTrackers.instance.trackOverride(this.props.screenName);
+    }
+
+    public componentWillUnmount(): void {
+        PosthogTrackers.instance.clearOverride(this.props.screenName);
+    }
+
+    public render(): React.ReactNode {
+        return null; // no need to render anything, we just need to hook into the React lifecycle
+    }
+}
diff --git a/apps/web/src/Presence.ts b/apps/web/src/Presence.ts
new file mode 100644
index 00000000000..7ccafdf68c5
--- /dev/null
+++ b/apps/web/src/Presence.ts
@@ -0,0 +1,98 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2018 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.
+*/
+
+import { logger } from "matrix-js-sdk/src/logger";
+import { SetPresence } from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import dis from "./dispatcher/dispatcher";
+import Timer from "./utils/Timer";
+import { type ActionPayload } from "./dispatcher/payloads";
+import { Action } from "./dispatcher/actions.ts";
+
+// Time in ms after that a user is considered as unavailable/away
+const UNAVAILABLE_TIME_MS = 3 * 60 * 1000; // 3 mins
+
+class Presence {
+    private unavailableTimer?: Timer;
+    private dispatcherRef?: string;
+    private state?: SetPresence;
+
+    /**
+     * Start listening the user activity to evaluate his presence state.
+     * Any state change will be sent to the homeserver.
+     */
+    public async start(): Promise<void> {
+        this.unavailableTimer = new Timer(UNAVAILABLE_TIME_MS);
+        // the user_activity_start action starts the timer
+        this.dispatcherRef = dis.register(this.onAction);
+        while (this.unavailableTimer) {
+            try {
+                await this.unavailableTimer.finished();
+                this.setState(SetPresence.Unavailable);
+            } catch {
+                /* aborted, stop got called */
+            }
+        }
+    }
+
+    /**
+     * Stop tracking user activity
+     */
+    public stop(): void {
+        dis.unregister(this.dispatcherRef);
+        this.dispatcherRef = undefined;
+        this.unavailableTimer?.abort();
+        this.unavailableTimer = undefined;
+    }
+
+    /**
+     * Get the current presence state.
+     * @returns {string} the presence state (see PRESENCE enum)
+     */
+    public getState(): SetPresence | null {
+        return this.state ?? null;
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        if (payload.action === Action.UserActivity) {
+            this.setState(SetPresence.Online);
+            this.unavailableTimer?.restart();
+        }
+    };
+
+    /**
+     * Set the presence state.
+     * If the state has changed, the homeserver will be notified.
+     * @param {string} newState the new presence state (see PRESENCE enum)
+     */
+    private async setState(newState: SetPresence): Promise<void> {
+        if (newState === this.state) {
+            return;
+        }
+
+        const oldState = this.state;
+        this.state = newState;
+
+        if (MatrixClientPeg.safeGet().isGuest()) {
+            return; // don't try to set presence when a guest; it won't work.
+        }
+
+        try {
+            await MatrixClientPeg.safeGet().setSyncPresence(this.state);
+            logger.debug("Presence:", newState);
+        } catch (err) {
+            logger.error("Failed to set presence:", err);
+            this.state = oldState;
+        }
+    }
+}
+
+export default new Presence();
diff --git a/apps/web/src/Registration.tsx b/apps/web/src/Registration.tsx
new file mode 100644
index 00000000000..e580047acc6
--- /dev/null
+++ b/apps/web/src/Registration.tsx
@@ -0,0 +1,75 @@
+/*
+Copyright 2018-2024 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.
+*/
+
+/**
+ * Utility code for registering with a homeserver
+ * Note that this is currently *not* used by the actual
+ * registration code.
+ */
+
+import React from "react";
+
+import dis from "./dispatcher/dispatcher";
+import Modal from "./Modal";
+import { _t } from "./languageHandler";
+import QuestionDialog from "./components/views/dialogs/QuestionDialog";
+import { Action } from "./dispatcher/actions";
+import SettingsStore from "./settings/SettingsStore";
+import { UIFeature } from "./settings/UIFeature";
+
+// Regex for what a "safe" or "Matrix-looking" localpart would be.
+// TODO: Update as needed for https://github.com/matrix-org/matrix-doc/issues/1514
+export const SAFE_LOCALPART_REGEX = /^[a-z0-9=_\-./]+$/;
+
+/**
+ * Starts either the ILAG or full registration flow, depending
+ * on what the HS supports
+ *
+ * @param {object} options
+ * @param {bool} options.go_home_on_cancel
+ *     If true, goes to the home page if the user cancels the action
+ * @param {bool} options.go_welcome_on_cancel
+ *     If true, goes to the welcome page if the user cancels the action
+ * @param {bool} options.screen_after
+ *     If present the screen to redirect to after a successful login or register.
+ */
+export async function startAnyRegistrationFlow(
+    options: { go_home_on_cancel?: boolean; go_welcome_on_cancel?: boolean; screen_after?: boolean } = {},
+): Promise<void> {
+    const modal = Modal.createDialog(QuestionDialog, {
+        hasCancelButton: true,
+        quitOnly: true,
+        title: SettingsStore.getValue(UIFeature.Registration) ? _t("auth|sign_in_or_register") : _t("action|sign_in"),
+        description: SettingsStore.getValue(UIFeature.Registration)
+            ? _t("auth|sign_in_or_register_description")
+            : _t("auth|sign_in_description"),
+        button: _t("action|sign_in"),
+        extraButtons: SettingsStore.getValue(UIFeature.Registration)
+            ? [
+                  <button
+                      key="register"
+                      onClick={() => {
+                          modal.close();
+                          dis.dispatch({ action: "start_registration", screenAfterLogin: options.screen_after });
+                      }}
+                      type="button"
+                  >
+                      {_t("auth|register_action")}
+                  </button>,
+              ]
+            : [],
+    });
+    modal.finished.then(([proceed]) => {
+        if (proceed) {
+            dis.dispatch({ action: "start_login", screenAfterLogin: options.screen_after });
+        } else if (options.go_home_on_cancel) {
+            dis.dispatch({ action: Action.ViewHomePage });
+        } else if (options.go_welcome_on_cancel) {
+            dis.dispatch({ action: "view_welcome_page" });
+        }
+    });
+}
diff --git a/apps/web/src/Resend.ts b/apps/web/src/Resend.ts
new file mode 100644
index 00000000000..927c930d546
--- /dev/null
+++ b/apps/web/src/Resend.ts
@@ -0,0 +1,59 @@
+/*
+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 { type MatrixEvent, EventStatus, type Room, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import dis from "./dispatcher/dispatcher";
+
+// oxlint-disable-next-line typescript/no-extraneous-class
+export default class Resend {
+    public static resendUnsentEvents(room: Room): Promise<void[]> {
+        return Promise.all(
+            room
+                .getPendingEvents()
+                .filter(function (ev: MatrixEvent) {
+                    return ev.status === EventStatus.NOT_SENT;
+                })
+                .map(function (event: MatrixEvent) {
+                    return Resend.resend(room.client, event);
+                }),
+        );
+    }
+
+    public static cancelUnsentEvents(room: Room): void {
+        room.getPendingEvents()
+            .filter(function (ev: MatrixEvent) {
+                return ev.status === EventStatus.NOT_SENT;
+            })
+            .forEach(function (event: MatrixEvent) {
+                Resend.removeFromQueue(room.client, event);
+            });
+    }
+
+    public static resend(client: MatrixClient, event: MatrixEvent): Promise<void> {
+        const room = client.getRoom(event.getRoomId())!;
+        return client.resendEvent(event, room).then(
+            function (res) {
+                dis.dispatch({
+                    action: "message_sent",
+                    event: event,
+                });
+            },
+            function (err: Error) {
+                // XXX: temporary logging to try to diagnose
+                // https://github.com/vector-im/element-web/issues/3148
+                logger.log("Resend got send failure: " + err.name + "(" + err + ")");
+            },
+        );
+    }
+
+    public static removeFromQueue(client: MatrixClient, event: MatrixEvent): void {
+        client.cancelPendingEvent(event);
+    }
+}
diff --git a/apps/web/src/Roles.ts b/apps/web/src/Roles.ts
new file mode 100644
index 00000000000..06433c507ba
--- /dev/null
+++ b/apps/web/src/Roles.ts
@@ -0,0 +1,28 @@
+/*
+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.
+*/
+
+import { _t } from "./languageHandler";
+
+export function levelRoleMap(usersDefault: number): Record<number | "undefined", string> {
+    return {
+        undefined: _t("power_level|default"),
+        0: _t("power_level|restricted"),
+        [usersDefault]: _t("power_level|default"),
+        50: _t("power_level|moderator"),
+        100: _t("power_level|admin"),
+    };
+}
+
+export function textualPowerLevel(level: number, usersDefault: number): string {
+    const LEVEL_ROLE_MAP = levelRoleMap(usersDefault);
+    if (LEVEL_ROLE_MAP[level]) {
+        return LEVEL_ROLE_MAP[level];
+    } else {
+        return _t("power_level|custom", { level });
+    }
+}
diff --git a/apps/web/src/RoomAliasCache.ts b/apps/web/src/RoomAliasCache.ts
new file mode 100644
index 00000000000..ff57a70e6c0
--- /dev/null
+++ b/apps/web/src/RoomAliasCache.ts
@@ -0,0 +1,29 @@
+/*
+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.
+*/
+
+type CacheResult = { roomId: string; viaServers: string[] };
+
+/**
+ * This is meant to be a cache of room alias to room ID so that moving between
+ * rooms happens smoothly (for example using browser back / forward buttons).
+ *
+ * For the moment, it's in memory only and so only applies for the current
+ * session for simplicity, but could be extended further in the future.
+ *
+ * A similar thing could also be achieved via `pushState` with a state object,
+ * but keeping it separate like this seems easier in case we do want to extend.
+ */
+const cache = new Map<string, CacheResult>();
+
+export function storeRoomAliasInCache(alias: string, roomId: string, viaServers: string[]): void {
+    cache.set(alias, { roomId, viaServers });
+}
+
+export function getCachedRoomIdForAlias(alias: string): CacheResult | undefined {
+    return cache.get(alias);
+}
diff --git a/apps/web/src/RoomInvite.tsx b/apps/web/src/RoomInvite.tsx
new file mode 100644
index 00000000000..2c3632c8c35
--- /dev/null
+++ b/apps/web/src/RoomInvite.tsx
@@ -0,0 +1,148 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 ComponentProps } from "react";
+import { EventType, type MatrixEvent, type Room, type User } from "matrix-js-sdk/src/matrix";
+
+import type MultiInviter from "./utils/MultiInviter";
+import { type CompletionStates } from "./utils/MultiInviter";
+import Modal from "./Modal";
+import { _t } from "./languageHandler";
+import InviteDialog from "./components/views/dialogs/InviteDialog";
+import BaseAvatar from "./components/views/avatars/BaseAvatar";
+import { mediaFromMxc } from "./customisations/Media";
+import ErrorDialog from "./components/views/dialogs/ErrorDialog";
+import { InviteKind } from "./components/views/dialogs/InviteDialogTypes";
+import { type Member } from "./utils/direct-messages";
+
+export function showStartChatInviteDialog(initialText = ""): void {
+    // This dialog handles the room creation internally - we don't need to worry about it.
+    Modal.createDialog(
+        InviteDialog,
+        { kind: InviteKind.Dm, initialText },
+        /*className=*/ "mx_InviteDialog_flexWrapper",
+        /*isPriority=*/ false,
+        /*isStatic=*/ true,
+    );
+}
+
+export function showRoomInviteDialog(roomId: string, initialText = ""): void {
+    // This dialog handles the room creation internally - we don't need to worry about it.
+    Modal.createDialog(
+        InviteDialog,
+        {
+            kind: InviteKind.Invite,
+            initialText,
+            roomId,
+        } as Omit<ComponentProps<typeof InviteDialog>, "onFinished">,
+        /*className=*/ "mx_InviteDialog_flexWrapper",
+        /*isPriority=*/ false,
+        /*isStatic=*/ true,
+    );
+}
+
+/**
+ * Checks if the given MatrixEvent is a valid 3rd party user invite.
+ * @param {MatrixEvent} event The event to check
+ * @returns {boolean} True if valid, false otherwise
+ */
+export function isValid3pidInvite(event: MatrixEvent): boolean {
+    if (!event || event.getType() !== EventType.RoomThirdPartyInvite) return false;
+
+    // any events without these keys are not valid 3pid invites, so we ignore them
+    const requiredKeys = ["key_validity_url", "public_key", "display_name"];
+    if (requiredKeys.some((key) => !event.getContent()[key])) {
+        return false;
+    }
+
+    // Valid enough by our standards
+    return true;
+}
+
+export function showAnyInviteErrors(
+    states: CompletionStates,
+    room: Room,
+    inviter: MultiInviter,
+    userMap?: Map<string, Member>,
+): boolean {
+    // Show user any errors
+    const failedUsers = Object.keys(states).filter((a) => states[a] === "error");
+    if (failedUsers.length === 1 && inviter.fatal) {
+        // Just get the first message because there was a fatal problem on the first
+        // user. This usually means that no other users were attempted, making it
+        // pointless for us to list who failed exactly.
+        Modal.createDialog(ErrorDialog, {
+            title: _t("invite|room_failed_title", { roomName: room.name }),
+            description: inviter.getErrorText(failedUsers[0]),
+        });
+        return false;
+    } else {
+        const errorList: string[] = [];
+        for (const addr of failedUsers) {
+            if (states[addr] === "error") {
+                const reason = inviter.getErrorText(addr);
+                errorList.push(addr + ": " + reason);
+            }
+        }
+
+        const cli = room.client;
+        if (errorList.length > 0) {
+            // React 16 doesn't let us use `errorList.join(<br />)` anymore, so this is our solution
+            const description = (
+                <div className="mx_InviteDialog_multiInviterError">
+                    <h4>
+                        {_t(
+                            "invite|room_failed_partial",
+                            {},
+                            {
+                                RoomName: () => <strong>{room.name}</strong>,
+                            },
+                        )}
+                    </h4>
+                    <div>
+                        {failedUsers.map((addr) => {
+                            const user = userMap?.get(addr) || cli.getUser(addr);
+                            const name = (user as Member).name || (user as User).rawDisplayName;
+                            const avatarUrl = (user as Member).getMxcAvatarUrl?.() || (user as User).avatarUrl;
+                            return (
+                                <div key={addr} className="mx_InviteDialog_tile mx_InviteDialog_tile--inviterError">
+                                    <div className="mx_InviteDialog_tile_avatarStack">
+                                        <BaseAvatar
+                                            url={
+                                                (avatarUrl && mediaFromMxc(avatarUrl).getSquareThumbnailHttp(24)) ??
+                                                undefined
+                                            }
+                                            name={name}
+                                            idName={user?.userId}
+                                            size="36px"
+                                        />
+                                    </div>
+                                    <div className="mx_InviteDialog_tile_nameStack">
+                                        <span className="mx_InviteDialog_tile_nameStack_name">{name}</span>
+                                        <span className="mx_InviteDialog_tile_nameStack_userId">{user?.userId}</span>
+                                    </div>
+                                    <div className="mx_InviteDialog_tile--inviterError_errorText">
+                                        {inviter.getErrorText(addr)}
+                                    </div>
+                                </div>
+                            );
+                        })}
+                    </div>
+                </div>
+            );
+
+            Modal.createDialog(ErrorDialog, {
+                title: _t("invite|room_failed_partial_title"),
+                description,
+            });
+            return false;
+        }
+    }
+
+    return true;
+}
diff --git a/apps/web/src/RoomNotifs.test.ts b/apps/web/src/RoomNotifs.test.ts
new file mode 100644
index 00000000000..a94f8435d4f
--- /dev/null
+++ b/apps/web/src/RoomNotifs.test.ts
@@ -0,0 +1,397 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, type Mocked } from "vitest";
+import {
+    PushRuleActionName,
+    TweakName,
+    NotificationCountType,
+    Room,
+    EventStatus,
+    EventType,
+    type MatrixEvent,
+    PendingEventOrdering,
+    type MatrixClient,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { mkEvent, mkRoom, mkRoomMember, muteRoom, stubClient, upsertRoomStateEvents } from "test-utils";
+import { mkThread } from "test-utils/threads";
+
+import {
+    getRoomNotifsState,
+    RoomNotifState,
+    getUnreadNotificationCount,
+    determineUnreadState,
+    getUnsentMessages,
+} from "./RoomNotifs";
+import { NotificationLevel } from "./stores/notifications/NotificationLevel";
+import SettingsStore from "./settings/SettingsStore";
+import { MatrixClientPeg } from "./MatrixClientPeg";
+
+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: Mocked<MatrixClient>;
+
+    beforeEach(() => {
+        client = stubClient() as Mocked<MatrixClient>;
+    });
+
+    it("getRoomNotifsState handles rules with no conditions", () => {
+        vi.mocked(client).pushRules = {
+            global: {
+                override: [
+                    {
+                        rule_id: "!roomId:server",
+                        enabled: true,
+                        default: false,
+                        actions: [],
+                    },
+                ],
+            },
+        };
+        expect(getRoomNotifsState(client, "!roomId:server")).toBe(null);
+    });
+
+    it("getRoomNotifsState handles guest users", () => {
+        vi.mocked(client).isGuest.mockReturnValue(true);
+        expect(getRoomNotifsState(client, "!roomId:server")).toBe(RoomNotifState.AllMessages);
+    });
+
+    it("getRoomNotifsState handles mute state", () => {
+        const room = mkRoom(client, "!roomId:server");
+        muteRoom(room);
+        expect(getRoomNotifsState(client, room.roomId)).toBe(RoomNotifState.Mute);
+    });
+
+    it("getRoomNotifsState handles mute state for legacy DontNotify action", () => {
+        const room = mkRoom(client, "!roomId:server");
+        muteRoom(room);
+        client.pushRules!.global.override![0]!.actions = [PushRuleActionName.DontNotify];
+        expect(getRoomNotifsState(client, room.roomId)).toBe(RoomNotifState.Mute);
+    });
+
+    it("getRoomNotifsState handles mentions only", () => {
+        (client as any).getRoomPushRule = () => ({
+            rule_id: "!roomId:server",
+            enabled: true,
+            default: false,
+            actions: [PushRuleActionName.DontNotify],
+        });
+        expect(getRoomNotifsState(client, "!roomId:server")).toBe(RoomNotifState.MentionsOnly);
+    });
+
+    it("getRoomNotifsState handles noisy", () => {
+        (client as any).getRoomPushRule = () => ({
+            rule_id: "!roomId:server",
+            enabled: true,
+            default: false,
+            actions: [{ set_tweak: TweakName.Sound, value: "default" }],
+        });
+        expect(getRoomNotifsState(client, "!roomId:server")).toBe(RoomNotifState.AllMessagesLoud);
+    });
+
+    describe("getUnreadNotificationCount", () => {
+        const ROOM_ID = "!roomId:example.org";
+        const THREAD_ID = "$threadId";
+
+        let room: Room;
+        beforeEach(() => {
+            room = new Room(ROOM_ID, client, client.getUserId()!);
+        });
+
+        it("counts room notification type", () => {
+            expect(getUnreadNotificationCount(room, NotificationCountType.Total, false)).toBe(0);
+            expect(getUnreadNotificationCount(room, NotificationCountType.Highlight, false)).toBe(0);
+        });
+
+        it("counts notifications type", () => {
+            room.setUnreadNotificationCount(NotificationCountType.Total, 2);
+            room.setUnreadNotificationCount(NotificationCountType.Highlight, 1);
+
+            expect(getUnreadNotificationCount(room, NotificationCountType.Total, false)).toBe(2);
+            expect(getUnreadNotificationCount(room, NotificationCountType.Highlight, false)).toBe(1);
+        });
+
+        describe("when there is a room predecessor", () => {
+            const OLD_ROOM_ID = "!oldRoomId:example.org";
+            const mkCreateEvent = (predecessorId?: string): MatrixEvent => {
+                return mkEvent({
+                    event: true,
+                    type: "m.room.create",
+                    room: ROOM_ID,
+                    user: "@zoe:localhost",
+                    content: {
+                        ...(predecessorId ? { predecessor: { room_id: predecessorId, event_id: "$someevent" } } : {}),
+                        creator: "@zoe:localhost",
+                        room_version: "5",
+                    },
+                    ts: Date.now(),
+                });
+            };
+
+            const mkPredecessorEvent = (predecessorId: string): MatrixEvent => {
+                return mkEvent({
+                    event: true,
+                    type: EventType.RoomPredecessor,
+                    room: ROOM_ID,
+                    user: "@zoe:localhost",
+                    skey: "",
+                    content: {
+                        predecessor_room_id: predecessorId,
+                    },
+                    ts: Date.now(),
+                });
+            };
+
+            const itShouldCountPredecessorHighlightWhenThereIsAPredecessorInTheCreateEvent = (): void => {
+                it("and there is a predecessor in the create event, it should count predecessor highlight", () => {
+                    room.addLiveEvents([mkCreateEvent(OLD_ROOM_ID)], { addToState: true });
+
+                    expect(getUnreadNotificationCount(room, NotificationCountType.Total, false)).toBe(8);
+                    expect(getUnreadNotificationCount(room, NotificationCountType.Highlight, false)).toBe(7);
+                });
+            };
+
+            const itShouldCountPredecessorHighlightWhenThereIsAPredecessorEvent = (): void => {
+                it("and there is a predecessor event, it should count predecessor highlight", () => {
+                    client.getVisibleRooms();
+                    room.addLiveEvents([mkCreateEvent(OLD_ROOM_ID)], { addToState: true });
+                    upsertRoomStateEvents(room, [mkPredecessorEvent(OLD_ROOM_ID)]);
+
+                    expect(getUnreadNotificationCount(room, NotificationCountType.Total, false)).toBe(8);
+                    expect(getUnreadNotificationCount(room, NotificationCountType.Highlight, false)).toBe(7);
+                });
+            };
+
+            beforeEach(() => {
+                room.setUnreadNotificationCount(NotificationCountType.Total, 2);
+                room.setUnreadNotificationCount(NotificationCountType.Highlight, 1);
+
+                const oldRoom = new Room(OLD_ROOM_ID, client, client.getUserId()!);
+                oldRoom.setUnreadNotificationCount(NotificationCountType.Total, 10);
+                oldRoom.setUnreadNotificationCount(NotificationCountType.Highlight, 6);
+
+                client.getRoom.mockImplementation((roomId: string | undefined): Room | null => {
+                    if (roomId === room.roomId) return room;
+                    if (roomId === OLD_ROOM_ID) return oldRoom;
+                    return null;
+                });
+            });
+
+            describe("and dynamic room predecessors are disabled", () => {
+                itShouldCountPredecessorHighlightWhenThereIsAPredecessorInTheCreateEvent();
+                itShouldCountPredecessorHighlightWhenThereIsAPredecessorEvent();
+
+                it("and there is only a predecessor event, it should not count predecessor highlight", () => {
+                    room.addLiveEvents([mkCreateEvent()], { addToState: true });
+                    upsertRoomStateEvents(room, [mkPredecessorEvent(OLD_ROOM_ID)]);
+
+                    expect(getUnreadNotificationCount(room, NotificationCountType.Total, false)).toBe(2);
+                    expect(getUnreadNotificationCount(room, NotificationCountType.Highlight, false)).toBe(1);
+                });
+            });
+
+            describe("and dynamic room predecessors are enabled", () => {
+                beforeEach(() => {
+                    vi.spyOn(SettingsStore, "getValue").mockImplementation(
+                        (settingName) => settingName === "feature_dynamic_room_predecessors",
+                    );
+                });
+
+                itShouldCountPredecessorHighlightWhenThereIsAPredecessorInTheCreateEvent();
+                itShouldCountPredecessorHighlightWhenThereIsAPredecessorEvent();
+
+                it("and there is only a predecessor event, it should count predecessor highlight", () => {
+                    room.addLiveEvents([mkCreateEvent()], { addToState: true });
+                    upsertRoomStateEvents(room, [mkPredecessorEvent(OLD_ROOM_ID)]);
+
+                    expect(getUnreadNotificationCount(room, NotificationCountType.Total, false)).toBe(8);
+                    expect(getUnreadNotificationCount(room, NotificationCountType.Highlight, false)).toBe(7);
+                });
+
+                it("and there is an unknown room in the predecessor event, it should not count predecessor highlight", () => {
+                    room.addLiveEvents([mkCreateEvent()], { addToState: true });
+                    upsertRoomStateEvents(room, [mkPredecessorEvent("!unknon:example.com")]);
+
+                    expect(getUnreadNotificationCount(room, NotificationCountType.Total, false)).toBe(2);
+                    expect(getUnreadNotificationCount(room, NotificationCountType.Highlight, false)).toBe(1);
+                });
+            });
+        });
+
+        it("counts thread notification type", () => {
+            expect(getUnreadNotificationCount(room, NotificationCountType.Total, false, THREAD_ID)).toBe(0);
+            expect(getUnreadNotificationCount(room, NotificationCountType.Highlight, false, THREAD_ID)).toBe(0);
+        });
+
+        it("counts thread notifications type", () => {
+            room.setThreadUnreadNotificationCount(THREAD_ID, NotificationCountType.Total, 2);
+            room.setThreadUnreadNotificationCount(THREAD_ID, NotificationCountType.Highlight, 1);
+
+            expect(getUnreadNotificationCount(room, NotificationCountType.Total, false, THREAD_ID)).toBe(2);
+            expect(getUnreadNotificationCount(room, NotificationCountType.Highlight, false, THREAD_ID)).toBe(1);
+        });
+    });
+
+    describe("determineUnreadState", () => {
+        let room: Room;
+
+        beforeEach(() => {
+            room = new Room("!room-id:example.com", client, "@user:example.com", {
+                pendingEventOrdering: PendingEventOrdering.Detached,
+            });
+        });
+
+        it("shows nothing by default", async () => {
+            const { level, symbol, count } = determineUnreadState(room);
+
+            expect(symbol).toBe(null);
+            expect(level).toBe(NotificationLevel.None);
+            expect(count).toBe(0);
+        });
+
+        it("indicates if there are unsent messages", async () => {
+            const event = mkEvent({
+                event: true,
+                type: "m.message",
+                user: "@user:example.org",
+                content: {},
+            });
+            event.status = EventStatus.NOT_SENT;
+            room.addPendingEvent(event, "txn");
+
+            const { level, symbol, count } = determineUnreadState(room);
+
+            expect(symbol).toBe("!");
+            expect(level).toBe(NotificationLevel.Unsent);
+            expect(count).toBeGreaterThan(0);
+        });
+
+        it("indicates the user has been invited to a channel", async () => {
+            room.updateMyMembership(KnownMembership.Invite);
+
+            const { level, symbol, count } = determineUnreadState(room);
+
+            expect(symbol).toBe("!");
+            expect(level).toBe(NotificationLevel.Highlight);
+            expect(count).toBeGreaterThan(0);
+        });
+
+        it("indicates the user knock has been denied", async () => {
+            vi.spyOn(SettingsStore, "getValue").mockImplementation((name) => {
+                return name === "feature_ask_to_join";
+            });
+            const roomMember = mkRoomMember(
+                room.roomId,
+                MatrixClientPeg.get()!.getSafeUserId(),
+                KnownMembership.Leave,
+                true,
+                {
+                    membership: KnownMembership.Knock,
+                },
+            );
+            vi.spyOn(room, "getMember").mockReturnValue(roomMember);
+            const { level, symbol, count } = determineUnreadState(room);
+
+            expect(symbol).toBe("!");
+            expect(level).toBe(NotificationLevel.Highlight);
+            expect(count).toBeGreaterThan(0);
+        });
+
+        it("shows nothing for muted channels", async () => {
+            room.setUnreadNotificationCount(NotificationCountType.Highlight, 99);
+            room.setUnreadNotificationCount(NotificationCountType.Total, 99);
+            muteRoom(room);
+
+            const { level, count } = determineUnreadState(room);
+
+            expect(level).toBe(NotificationLevel.None);
+            expect(count).toBe(0);
+        });
+
+        it("uses the correct number of unreads", async () => {
+            room.setUnreadNotificationCount(NotificationCountType.Total, 999);
+
+            const { level, count } = determineUnreadState(room);
+
+            expect(level).toBe(NotificationLevel.Notification);
+            expect(count).toBe(999);
+        });
+
+        it("uses the correct number of highlights", async () => {
+            room.setUnreadNotificationCount(NotificationCountType.Highlight, 888);
+
+            const { level, count } = determineUnreadState(room);
+
+            expect(level).toBe(NotificationLevel.Highlight);
+            expect(count).toBe(888);
+        });
+    });
+});
diff --git a/apps/web/src/RoomNotifs.ts b/apps/web/src/RoomNotifs.ts
new file mode 100644
index 00000000000..4489dbf6c3b
--- /dev/null
+++ b/apps/web/src/RoomNotifs.ts
@@ -0,0 +1,320 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-2019 , 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 { PushProcessor } from "matrix-js-sdk/src/pushprocessor";
+import {
+    NotificationCountType,
+    ConditionKind,
+    PushRuleActionName,
+    PushRuleKind,
+    TweakName,
+    EventStatus,
+} 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 { 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",
+    MentionsOnly = "mentions_only",
+    Mute = "mute",
+}
+
+export function getRoomNotifsState(client: MatrixClient, roomId: string): RoomNotifState | null {
+    if (client.isGuest()) return RoomNotifState.AllMessages;
+
+    // look through the override rules for a rule affecting this room:
+    // if one exists, it will take precedence.
+    const muteRule = findOverrideMuteRule(client, roomId);
+    if (muteRule) {
+        return RoomNotifState.Mute;
+    }
+
+    // for everything else, look at the room rule.
+    let roomRule: IPushRule | undefined;
+    try {
+        roomRule = client.getRoomPushRule("global", roomId);
+    } catch {
+        // Possible that the client doesn't have pushRules yet. If so, it
+        // hasn't started either, so indicate that this room is not notifying.
+        return null;
+    }
+
+    // XXX: We have to assume the default is to notify for all messages
+    // (in particular this will be 'wrong' for one to one rooms because
+    // they will notify loudly for all messages)
+    if (!roomRule?.enabled) return RoomNotifState.AllMessages;
+
+    // a mute at the room level will still allow mentions
+    // to notify
+    if (isMuteRule(roomRule)) return RoomNotifState.MentionsOnly;
+
+    const actionsObject = PushProcessor.actionListToActionsObject(roomRule.actions);
+    if (actionsObject.tweaks.sound) return RoomNotifState.AllMessagesLoud;
+
+    return null;
+}
+
+export function setRoomNotifsState(client: MatrixClient, roomId: string, newState: RoomNotifState): Promise<void> {
+    if (newState === RoomNotifState.Mute) {
+        return setRoomNotifsStateMuted(client, roomId);
+    } else {
+        return setRoomNotifsStateUnmuted(client, roomId, newState);
+    }
+}
+
+export function getUnreadNotificationCount(
+    room: Room,
+    type: NotificationCountType,
+    includeThreads: boolean,
+    threadId?: string,
+): number {
+    const getCountShownForRoom = (r: Room, type: NotificationCountType): number => {
+        return includeThreads ? r.getUnreadNotificationCount(type) : r.getRoomUnreadNotificationCount(type);
+    };
+
+    let notificationCount = !!threadId
+        ? room.getThreadUnreadNotificationCount(threadId, type)
+        : getCountShownForRoom(room, type);
+
+    // Check notification counts in the old room just in case there's some lost
+    // there. We only go one level down to avoid performance issues, and theory
+    // is that 1st generation rooms will have already been read by the 3rd generation.
+    const msc3946ProcessDynamicPredecessor = SettingsStore.getValue("feature_dynamic_room_predecessors");
+    const predecessor = room.findPredecessor(msc3946ProcessDynamicPredecessor);
+    // Exclude threadId, as the same thread can't continue over a room upgrade
+    if (!threadId && predecessor?.roomId) {
+        const oldRoomId = predecessor.roomId;
+        const oldRoom = room.client.getRoom(oldRoomId);
+        if (oldRoom) {
+            // We only ever care if there's highlights in the old room. No point in
+            // notifying the user for unread messages because they would have extreme
+            // difficulty changing their notification preferences away from "All Messages"
+            // and "Noisy".
+            notificationCount += getCountShownForRoom(oldRoom, NotificationCountType.Highlight);
+        }
+    }
+
+    return notificationCount;
+}
+
+function setRoomNotifsStateMuted(cli: MatrixClient, roomId: string): Promise<any> {
+    const promises: Promise<unknown>[] = [];
+
+    // delete the room rule
+    const roomRule = cli.getRoomPushRule("global", roomId);
+    if (roomRule) {
+        promises.push(cli.deletePushRule("global", PushRuleKind.RoomSpecific, roomRule.rule_id));
+    }
+
+    // add/replace an override rule to squelch everything in this room
+    // NB. We use the room ID as the name of this rule too, although this
+    // is an override rule, not a room rule: it still pertains to this room
+    // though, so using the room ID as the rule ID is logical and prevents
+    // duplicate copies of the rule.
+    promises.push(
+        cli.addPushRule("global", PushRuleKind.Override, roomId, {
+            conditions: [
+                {
+                    kind: ConditionKind.EventMatch,
+                    key: "room_id",
+                    pattern: roomId,
+                },
+            ],
+            actions: [PushRuleActionName.DontNotify],
+        }),
+    );
+
+    return Promise.all(promises);
+}
+
+function setRoomNotifsStateUnmuted(cli: MatrixClient, roomId: string, newState: RoomNotifState): Promise<any> {
+    const promises: Promise<unknown>[] = [];
+
+    const overrideMuteRule = findOverrideMuteRule(cli, roomId);
+    if (overrideMuteRule) {
+        promises.push(cli.deletePushRule("global", PushRuleKind.Override, overrideMuteRule.rule_id));
+    }
+
+    if (newState === RoomNotifState.AllMessages) {
+        const roomRule = cli.getRoomPushRule("global", roomId);
+        if (roomRule) {
+            promises.push(cli.deletePushRule("global", PushRuleKind.RoomSpecific, roomRule.rule_id));
+        }
+    } else if (newState === RoomNotifState.MentionsOnly) {
+        promises.push(
+            cli.addPushRule("global", PushRuleKind.RoomSpecific, roomId, {
+                actions: [PushRuleActionName.DontNotify],
+            }),
+        );
+    } else if (newState === RoomNotifState.AllMessagesLoud) {
+        promises.push(
+            cli.addPushRule("global", PushRuleKind.RoomSpecific, roomId, {
+                actions: [
+                    PushRuleActionName.Notify,
+                    {
+                        set_tweak: TweakName.Sound,
+                        value: "default",
+                    },
+                ],
+            }),
+        );
+    }
+
+    return Promise.all(promises);
+}
+
+function findOverrideMuteRule(cli: MatrixClient | undefined, roomId: string): IPushRule | null {
+    if (!cli?.pushRules?.global?.override) {
+        return null;
+    }
+    for (const rule of cli.pushRules.global.override) {
+        if (rule.enabled && isRuleRoomMuteRuleForRoomId(roomId, rule)) {
+            return rule;
+        }
+    }
+    return null;
+}
+
+/**
+ * Checks if a given rule is a room mute rule as implemented by EW
+ * - matches every event in one room (one condition that is an event match on roomId)
+ * - silences notifications (one action that is `DontNotify`)
+ * @param rule - push rule
+ * @returns {boolean} - true when rule mutes a room
+ */
+export function isRuleMaybeRoomMuteRule(rule: IPushRule): boolean {
+    return (
+        // matches every event in one room
+        rule.conditions?.length === 1 &&
+        rule.conditions[0].kind === ConditionKind.EventMatch &&
+        rule.conditions[0].key === "room_id" &&
+        // silences notifications
+        isMuteRule(rule)
+    );
+}
+
+/**
+ * Checks if a given rule is a room mute rule as implemented by EW
+ * @param roomId - id of room to match
+ * @param rule - push rule
+ * @returns {boolean} true when rule mutes the given room
+ */
+function isRuleRoomMuteRuleForRoomId(roomId: string, rule: IPushRule): boolean {
+    if (!isRuleMaybeRoomMuteRule(rule)) {
+        return false;
+    }
+    // isRuleMaybeRoomMuteRule checks this condition exists
+    const cond = rule.conditions![0];
+    return cond.pattern === roomId;
+}
+
+function isMuteRule(rule: IPushRule): boolean {
+    // DontNotify is equivalent to the empty actions array
+    return (
+        rule.actions.length === 0 || (rule.actions.length === 1 && rule.actions[0] === PushRuleActionName.DontNotify)
+    );
+}
+
+/**
+ * Returns an object giving information about the unread state of a room or thread
+ * @param room The room to query, or the room the thread is in
+ * @param threadId The thread to check the unread state of, or undefined to query the main thread
+ * @param includeThreads If threadId is undefined, true to include threads other than the main thread, or
+ *   false to exclude them. Ignored if threadId is specified.
+ * @returns
+ */
+export function determineUnreadState(
+    room?: Room,
+    threadId?: string,
+    includeThreads?: boolean,
+): { level: NotificationLevel; symbol: string | null; count: number; invited: boolean } {
+    if (!room) {
+        return { symbol: null, count: 0, level: NotificationLevel.None, invited: false };
+    }
+
+    if (getUnsentMessages(room, threadId).length > 0) {
+        return { symbol: "!", count: 1, level: NotificationLevel.Unsent, invited: false };
+    }
+
+    if (getEffectiveMembership(room.getMyMembership()) === EffectiveMembership.Invite) {
+        return { symbol: "!", count: 1, level: NotificationLevel.Highlight, invited: true };
+    }
+
+    if (SettingsStore.getValue("feature_ask_to_join") && isKnockDenied(room)) {
+        return { symbol: "!", count: 1, level: NotificationLevel.Highlight, invited: false };
+    }
+
+    if (getRoomNotifsState(room.client, room.roomId) === RoomNotifState.Mute) {
+        return { symbol: null, count: 0, level: NotificationLevel.None, invited: false };
+    }
+
+    const redNotifs = getUnreadNotificationCount(
+        room,
+        NotificationCountType.Highlight,
+        includeThreads ?? false,
+        threadId,
+    );
+    const greyNotifs = getUnreadNotificationCount(room, NotificationCountType.Total, includeThreads ?? false, threadId);
+
+    const trueCount = greyNotifs || redNotifs;
+    if (redNotifs > 0) {
+        return { symbol: null, count: trueCount, level: NotificationLevel.Highlight, invited: false };
+    }
+
+    const markedUnreadState = getMarkedUnreadState(room);
+    if (greyNotifs > 0 || markedUnreadState) {
+        return { symbol: null, count: trueCount, level: NotificationLevel.Notification, invited: false };
+    }
+
+    // We don't have any notified messages, but we might have unread messages. Let's find out.
+    let hasUnread = false;
+    if (threadId) {
+        const thread = room.getThread(threadId);
+        if (thread) {
+            hasUnread = doesRoomOrThreadHaveUnreadMessages(thread);
+        }
+        // If the thread does not exist, assume it contains no unreads
+    } else {
+        hasUnread = doesRoomHaveUnreadMessages(room, includeThreads ?? false);
+    }
+
+    return {
+        symbol: null,
+        count: trueCount,
+        level: hasUnread ? NotificationLevel.Activity : NotificationLevel.None,
+        invited: false,
+    };
+}
diff --git a/apps/web/src/Rooms.test.ts b/apps/web/src/Rooms.test.ts
new file mode 100644
index 00000000000..54984858d77
--- /dev/null
+++ b/apps/web/src/Rooms.test.ts
@@ -0,0 +1,125 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { EventType, type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { mkEvent, stubClient } from "test-utils";
+
+import { setDMRoom } from "./Rooms";
+
+describe("setDMRoom", () => {
+    const userId1 = "@user1:example.com";
+    const userId2 = "@user2:example.com";
+    const userId3 = "@user3:example.com";
+    const roomId1 = "!room1:example.com";
+    const roomId2 = "!room2:example.com";
+    const roomId3 = "!room3:example.com";
+    const roomId4 = "!room4:example.com";
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        client = vi.mocked(stubClient());
+        client.getAccountData = vi.fn().mockImplementation((eventType: string): MatrixEvent | undefined => {
+            if (eventType === EventType.Direct) {
+                return mkEvent({
+                    event: true,
+                    content: {
+                        [userId1]: [roomId1, roomId2],
+                        [userId2]: [roomId3],
+                    },
+                    type: EventType.Direct,
+                    user: client.getSafeUserId(),
+                });
+            }
+
+            return undefined;
+        });
+    });
+
+    describe("when logged in as a guest and marking a room as DM", () => {
+        beforeEach(() => {
+            vi.mocked(client.isGuest).mockReturnValue(true);
+            setDMRoom(client, roomId1, userId1);
+        });
+
+        it("should not update the account data", () => {
+            expect(client.setAccountData).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("when adding a new room to an existing DM relation", () => {
+        beforeEach(() => {
+            setDMRoom(client, roomId4, userId1);
+        });
+
+        it("should update the account data accordingly", () => {
+            expect(client.setAccountData).toHaveBeenCalledWith(EventType.Direct, {
+                [userId1]: [roomId1, roomId2, roomId4],
+                [userId2]: [roomId3],
+            });
+        });
+    });
+
+    describe("when adding a new DM room", () => {
+        beforeEach(() => {
+            setDMRoom(client, roomId4, userId3);
+        });
+
+        it("should update the account data accordingly", () => {
+            expect(client.setAccountData).toHaveBeenCalledWith(EventType.Direct, {
+                [userId1]: [roomId1, roomId2],
+                [userId2]: [roomId3],
+                [userId3]: [roomId4],
+            });
+        });
+    });
+
+    describe("when removing an existing DM", () => {
+        beforeEach(() => {
+            setDMRoom(client, roomId1, null);
+        });
+
+        it("should update the account data accordingly", () => {
+            expect(client.setAccountData).toHaveBeenCalledWith(EventType.Direct, {
+                [userId1]: [roomId2],
+                [userId2]: [roomId3],
+            });
+        });
+    });
+
+    describe("when the direct event is undefined", () => {
+        beforeEach(() => {
+            vi.mocked(client.getAccountData).mockReturnValue(undefined);
+            setDMRoom(client, roomId1, userId1);
+        });
+
+        it("should update the account data accordingly", () => {
+            expect(client.setAccountData).toHaveBeenCalledWith(EventType.Direct, {
+                [userId1]: [roomId1],
+            });
+        });
+    });
+
+    describe("when the current content is undefined", () => {
+        beforeEach(() => {
+            // @ts-ignore
+            vi.mocked(client.getAccountData).mockReturnValue({
+                getContent: vi.fn(),
+            });
+            setDMRoom(client, roomId1, userId1);
+        });
+
+        it("should update the account data accordingly", () => {
+            expect(client.setAccountData).toHaveBeenCalledWith(EventType.Direct, {
+                [userId1]: [roomId1],
+            });
+        });
+    });
+});
diff --git a/apps/web/src/Rooms.ts b/apps/web/src/Rooms.ts
new file mode 100644
index 00000000000..b29fa1c6591
--- /dev/null
+++ b/apps/web/src/Rooms.ts
@@ -0,0 +1,114 @@
+/*
+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 { type Room, EventType, type RoomMember, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import AliasCustomisations from "./customisations/Alias";
+import { filterValidMDirect } from "./utils/dm/filterValidMDirect.ts";
+
+/**
+ * Given a room object, return the alias we should use for it,
+ * if any. This could be the canonical alias if one exists, otherwise
+ * an alias selected arbitrarily but deterministically from the list
+ * of aliases. Otherwise return null;
+ *
+ * @param {Object} room The room object
+ * @returns {string} A display alias for the given room
+ */
+export function getDisplayAliasForRoom(room: Room): string | null {
+    return getDisplayAliasForAliasSet(room.getCanonicalAlias(), room.getAltAliases());
+}
+
+// The various display alias getters should all feed through this one path so
+// there's a single place to change the logic.
+export function getDisplayAliasForAliasSet(canonicalAlias: string | null, altAliases: string[]): string | null {
+    if (AliasCustomisations.getDisplayAliasForAliasSet) {
+        return AliasCustomisations.getDisplayAliasForAliasSet(canonicalAlias, altAliases);
+    }
+    return (canonicalAlias || altAliases?.[0]) ?? "";
+}
+
+export function guessAndSetDMRoom(room: Room, isDirect: boolean): Promise<void> {
+    let newTarget;
+    if (isDirect) {
+        const guessedUserId = guessDMRoomTargetId(room, room.client.getSafeUserId());
+        newTarget = guessedUserId;
+    } else {
+        newTarget = null;
+    }
+
+    return setDMRoom(room.client, room.roomId, newTarget);
+}
+
+/**
+ * Marks or unmarks the given room as being as a DM room.
+ * @param client the Matrix Client instance of the logged-in user
+ * @param {string} roomId The ID of the room to modify
+ * @param {string | null} userId The user ID of the desired DM room target user or
+ *                        null to un-mark this room as a DM room
+ * @returns {object} A promise
+ */
+export async function setDMRoom(client: MatrixClient, roomId: string, userId: string | null): Promise<void> {
+    if (client.isGuest()) return;
+
+    const mDirectEvent = client.getAccountData(EventType.Direct);
+    const { filteredContent } = filterValidMDirect(mDirectEvent?.getContent() ?? {});
+
+    // remove it from the lists of all users (it can only be a DM room for one person)
+    for (const thisUserId in filteredContent) {
+        if (!filteredContent[thisUserId]) continue;
+        filteredContent[thisUserId] = filteredContent[thisUserId].filter((room) => room !== roomId);
+    }
+
+    // now add it if the caller asked for it to be a DM room
+    if (userId) {
+        if (!filteredContent[userId]) {
+            filteredContent[userId] = [];
+        }
+        filteredContent[userId].push(roomId);
+    }
+
+    await client.setAccountData(EventType.Direct, filteredContent);
+}
+
+/**
+ * Given a room, estimate which of its members is likely to
+ * be the target if the room were a DM room and return that user.
+ *
+ * @param {Object} room Target room
+ * @param {string} myUserId User ID of the current user
+ * @returns {string} User ID of the user that the room is probably a DM with
+ */
+function guessDMRoomTargetId(room: Room, myUserId: string): string {
+    let oldestTs: number | undefined;
+    let oldestUser: RoomMember | undefined;
+
+    // Pick the joined user who's been here longest (and isn't us),
+    for (const user of room.getJoinedMembers()) {
+        if (user.userId == myUserId) continue;
+
+        if (oldestTs === undefined || (user.events.member && user.events.member.getTs() < oldestTs)) {
+            oldestUser = user;
+            oldestTs = user.events.member?.getTs();
+        }
+    }
+    if (oldestUser) return oldestUser.userId;
+
+    // if there are no joined members other than us, use the oldest member
+    for (const user of room.currentState.getMembers()) {
+        if (user.userId == myUserId) continue;
+
+        if (oldestTs === undefined || (user.events.member && user.events.member.getTs() < oldestTs)) {
+            oldestUser = user;
+            oldestTs = user.events.member?.getTs();
+        }
+    }
+
+    if (oldestUser === undefined) return myUserId;
+    return oldestUser.userId;
+}
diff --git a/apps/web/src/ScalarAuthClient.test.ts b/apps/web/src/ScalarAuthClient.test.ts
new file mode 100644
index 00000000000..9d7bb0b7feb
--- /dev/null
+++ b/apps/web/src/ScalarAuthClient.test.ts
@@ -0,0 +1,214 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import fetchMock from "@fetch-mock/vitest";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils";
+
+import ScalarAuthClient from "./ScalarAuthClient";
+import SdkConfig from "./SdkConfig";
+import { WidgetType } from "./widgets/WidgetType";
+
+describe("ScalarAuthClient", function () {
+    const apiUrl = "https://test.com/api";
+    const uiUrl = "https:/test.com/app";
+    const tokenObject = {
+        access_token: "token",
+        token_type: "Bearer",
+        matrix_server_name: "localhost",
+        expires_in: 999,
+    };
+
+    let client: MatrixClient;
+    beforeEach(function () {
+        vi.clearAllMocks();
+        client = stubClient();
+    });
+
+    it("should request a new token if the old one fails", async function () {
+        const sac = new ScalarAuthClient(apiUrl + 0, uiUrl);
+
+        fetchMock.get("https://test.com/api0/account?scalar_token=brokentoken&v=1.1", {
+            body: { message: "Invalid token" },
+        });
+
+        fetchMock.get("https://test.com/api0/account?scalar_token=wokentoken&v=1.1", {
+            body: { user_id: client.getUserId() },
+        });
+
+        client.getOpenIdToken = vi.fn().mockResolvedValue(tokenObject);
+
+        sac.exchangeForScalarToken = vi.fn((arg) => {
+            return Promise.resolve(arg === tokenObject ? "wokentoken" : "othertoken");
+        });
+
+        await sac.connect();
+
+        expect(sac.exchangeForScalarToken).toHaveBeenCalledWith(tokenObject);
+        expect(sac.hasCredentials).toBeTruthy();
+        // @ts-ignore private property
+        expect(sac.scalarToken).toEqual("wokentoken");
+    });
+
+    describe("exchangeForScalarToken", () => {
+        it("should return `scalar_token` from API /register", async () => {
+            const sac = new ScalarAuthClient(apiUrl + 1, uiUrl);
+
+            fetchMock.postOnce("https://test.com/api1/register?v=1.1", {
+                body: { scalar_token: "stoken" },
+            });
+
+            await expect(sac.exchangeForScalarToken(tokenObject)).resolves.toBe("stoken");
+        });
+
+        it("should throw upon non-20x code", async () => {
+            const sac = new ScalarAuthClient(apiUrl + 2, uiUrl);
+
+            fetchMock.postOnce("https://test.com/api2/register?v=1.1", {
+                status: 500,
+            });
+
+            await expect(sac.exchangeForScalarToken(tokenObject)).rejects.toThrow("Scalar request failed: 500");
+        });
+
+        it("should throw if scalar_token is missing in response", async () => {
+            const sac = new ScalarAuthClient(apiUrl + 3, uiUrl);
+
+            fetchMock.postOnce("https://test.com/api3/register?v=1.1", {
+                body: {},
+            });
+
+            await expect(sac.exchangeForScalarToken(tokenObject)).rejects.toThrow("Missing scalar_token in response");
+        });
+    });
+
+    describe("registerForToken", () => {
+        it("should call `termsInteractionCallback` upon M_TERMS_NOT_SIGNED error", async () => {
+            const sac = new ScalarAuthClient(apiUrl + 4, uiUrl);
+            const termsInteractionCallback = vi.fn();
+            sac.setTermsInteractionCallback(termsInteractionCallback);
+            fetchMock.get("https://test.com/api4/account?scalar_token=testtoken1&v=1.1", {
+                body: { errcode: "M_TERMS_NOT_SIGNED" },
+            });
+            sac.exchangeForScalarToken = vi.fn(() => Promise.resolve("testtoken1"));
+            vi.mocked(client.getTerms).mockResolvedValue({ policies: {} });
+
+            await expect(sac.registerForToken()).resolves.toBe("testtoken1");
+        });
+
+        it("should throw upon non-20x code", async () => {
+            const sac = new ScalarAuthClient(apiUrl + 5, uiUrl);
+            fetchMock.get("https://test.com/api5/account?scalar_token=testtoken2&v=1.1", {
+                body: { errcode: "SERVER_IS_SAD" },
+                status: 500,
+            });
+            sac.exchangeForScalarToken = vi.fn(() => Promise.resolve("testtoken2"));
+
+            await expect(sac.registerForToken()).rejects.toBeTruthy();
+        });
+
+        it("should throw if user_id is missing from response", async () => {
+            const sac = new ScalarAuthClient(apiUrl + 6, uiUrl);
+            fetchMock.get("https://test.com/api6/account?scalar_token=testtoken3&v=1.1", {
+                body: {},
+            });
+            sac.exchangeForScalarToken = vi.fn(() => Promise.resolve("testtoken3"));
+
+            await expect(sac.registerForToken()).rejects.toThrow("Missing user_id in response");
+        });
+    });
+
+    describe("getScalarPageTitle", () => {
+        let sac: ScalarAuthClient;
+
+        beforeEach(async () => {
+            SdkConfig.put({
+                integrations_rest_url: apiUrl + 7,
+                integrations_ui_url: uiUrl,
+            });
+
+            window.localStorage.setItem("mx_scalar_token_at_https://test.com/api7", "wokentoken1");
+            fetchMock.get("https://test.com/api7/account?scalar_token=wokentoken1&v=1.1", {
+                body: { user_id: client.getUserId() },
+            });
+
+            sac = new ScalarAuthClient(apiUrl + 7, uiUrl);
+            await sac.connect();
+        });
+
+        it("should return `cached_title` from API /widgets/title_lookup", async () => {
+            const url = "google.com";
+            fetchMock.get("https://test.com/api7/widgets/title_lookup?scalar_token=wokentoken1&curl=" + url, {
+                body: {
+                    page_title_cache_item: {
+                        cached_title: "Google",
+                    },
+                },
+            });
+
+            await expect(sac.getScalarPageTitle(url)).resolves.toBe("Google");
+        });
+
+        it("should throw upon non-20x code", async () => {
+            const url = "yahoo.com";
+            fetchMock.get("https://test.com/api7/widgets/title_lookup?scalar_token=wokentoken1&curl=" + url, {
+                status: 500,
+            });
+
+            await expect(sac.getScalarPageTitle(url)).rejects.toThrow("Scalar request failed: 500");
+        });
+    });
+
+    describe("disableWidgetAssets", () => {
+        let sac: ScalarAuthClient;
+
+        beforeEach(async () => {
+            SdkConfig.put({
+                integrations_rest_url: apiUrl + 8,
+                integrations_ui_url: uiUrl,
+            });
+
+            window.localStorage.setItem("mx_scalar_token_at_https://test.com/api8", "wokentoken1");
+            fetchMock.get("https://test.com/api8/account?scalar_token=wokentoken1&v=1.1", {
+                body: { user_id: client.getUserId() },
+            });
+
+            sac = new ScalarAuthClient(apiUrl + 8, uiUrl);
+            await sac.connect();
+        });
+
+        it("should send state=disable to API /widgets/set_assets_state", async () => {
+            fetchMock.get(
+                "https://test.com/api8/widgets/set_assets_state?scalar_token=wokentoken1" +
+                    "&widget_type=m.custom&widget_id=id1&state=disable",
+                {
+                    body: "OK",
+                },
+            );
+
+            await expect(sac.disableWidgetAssets(WidgetType.CUSTOM, "id1")).resolves.toBeUndefined();
+        });
+
+        it("should throw upon non-20x code", async () => {
+            fetchMock.get(
+                "https://test.com/api8/widgets/set_assets_state?scalar_token=wokentoken1" +
+                    "&widget_type=m.custom&widget_id=id2&state=disable",
+                {
+                    status: 500,
+                },
+            );
+
+            await expect(sac.disableWidgetAssets(WidgetType.CUSTOM, "id2")).rejects.toThrow(
+                "Scalar request failed: 500",
+            );
+        });
+    });
+});
diff --git a/apps/web/src/ScalarAuthClient.ts b/apps/web/src/ScalarAuthClient.ts
new file mode 100644
index 00000000000..37a0861b469
--- /dev/null
+++ b/apps/web/src/ScalarAuthClient.ts
@@ -0,0 +1,273 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 { logger } from "matrix-js-sdk/src/logger";
+import { SERVICE_TYPES, type Room, type IOpenIDToken } from "matrix-js-sdk/src/matrix";
+
+import SettingsStore from "./settings/SettingsStore";
+import { Service, startTermsFlow, type TermsInteractionCallback, TermsNotSignedError } from "./Terms";
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import SdkConfig from "./SdkConfig";
+import { type WidgetType } from "./widgets/WidgetType";
+import { parseUrl } from "./utils/UrlUtils";
+
+// The version of the integration manager API we're intending to work with
+const imApiVersion = "1.1";
+
+// TODO: Generify the name of this class and all components within - it's not just for Scalar.
+
+export default class ScalarAuthClient {
+    private scalarToken: string | null;
+    private termsInteractionCallback?: TermsInteractionCallback;
+    private isDefaultManager: boolean;
+
+    public constructor(
+        private apiUrl: string,
+        private uiUrl: string,
+    ) {
+        this.scalarToken = null;
+        // `undefined` to allow `startTermsFlow` to fallback to a default
+        // callback if this is unset.
+        this.termsInteractionCallback = undefined;
+
+        // We try and store the token on a per-manager basis, but need a fallback
+        // for the default manager.
+        const configApiUrl = SdkConfig.get("integrations_rest_url");
+        const configUiUrl = SdkConfig.get("integrations_ui_url");
+        this.isDefaultManager = apiUrl === configApiUrl && configUiUrl === uiUrl;
+    }
+
+    private writeTokenToStore(): void {
+        window.localStorage.setItem("mx_scalar_token_at_" + this.apiUrl, this.scalarToken ?? "");
+        if (this.isDefaultManager) {
+            // We remove the old token from storage to migrate upwards. This is safe
+            // to do because even if the user switches to /app when this is on /develop
+            // they'll at worst register for a new token.
+            window.localStorage.removeItem("mx_scalar_token"); // no-op when not present
+        }
+    }
+
+    private readTokenFromStore(): string | null {
+        let token = window.localStorage.getItem("mx_scalar_token_at_" + this.apiUrl);
+        if (!token && this.isDefaultManager) {
+            token = window.localStorage.getItem("mx_scalar_token");
+        }
+        return token;
+    }
+
+    private readToken(): string | null {
+        if (this.scalarToken) return this.scalarToken;
+        return this.readTokenFromStore();
+    }
+
+    public setTermsInteractionCallback(callback: TermsInteractionCallback): void {
+        this.termsInteractionCallback = callback;
+    }
+
+    public connect(): Promise<void> {
+        return this.getScalarToken().then((tok) => {
+            this.scalarToken = tok;
+        });
+    }
+
+    public hasCredentials(): boolean {
+        return this.scalarToken != null; // undef or null
+    }
+
+    // Returns a promise that resolves to a scalar_token string
+    public getScalarToken(): Promise<string> {
+        const token = this.readToken();
+
+        if (!token) {
+            return this.registerForToken();
+        } else {
+            return this.checkToken(token).catch((e) => {
+                if (e instanceof TermsNotSignedError) {
+                    // retrying won't help this
+                    throw e;
+                }
+                return this.registerForToken();
+            });
+        }
+    }
+
+    private async getAccountName(token: string): Promise<string> {
+        const url = new URL(this.apiUrl + "/account");
+        url.searchParams.set("scalar_token", token);
+        url.searchParams.set("v", imApiVersion);
+
+        const res = await fetch(url, {
+            method: "GET",
+        });
+
+        const body = await res.json();
+        if (body?.errcode === "M_TERMS_NOT_SIGNED") {
+            throw new TermsNotSignedError();
+        }
+
+        if (!res.ok) {
+            throw body;
+        }
+
+        if (!body?.user_id) {
+            throw new Error("Missing user_id in response");
+        }
+
+        return body.user_id;
+    }
+
+    private checkToken(token: string): Promise<string> {
+        return this.getAccountName(token)
+            .then((userId) => {
+                const me = MatrixClientPeg.safeGet().getUserId();
+                if (userId !== me) {
+                    throw new Error("Scalar token is owned by someone else: " + me);
+                }
+                return token;
+            })
+            .catch((e) => {
+                if (e instanceof TermsNotSignedError) {
+                    logger.log("Integration manager requires new terms to be agreed to");
+                    // The terms endpoints are new and so live on standard _matrix prefixes,
+                    // but IM rest urls are currently configured with paths, so remove the
+                    // path from the base URL before passing it to the js-sdk
+
+                    // We continue to use the full URL for the calls done by
+                    // matrix-react-sdk, but the standard terms API called
+                    // by the js-sdk lives on the standard _matrix path. This means we
+                    // don't support running IMs on a non-root path, but it's the only
+                    // realistic way of transitioning to _matrix paths since configs in
+                    // the wild contain bits of the API path.
+
+                    // Once we've fully transitioned to _matrix URLs, we can give people
+                    // a grace period to update their configs, then use the rest url as
+                    // a regular base url.
+                    const parsedImRestUrl = parseUrl(this.apiUrl);
+                    parsedImRestUrl.pathname = "";
+                    return startTermsFlow(
+                        MatrixClientPeg.safeGet(),
+                        [new Service(SERVICE_TYPES.IM, parsedImRestUrl.toString(), token)],
+                        this.termsInteractionCallback,
+                    ).then(() => {
+                        return token;
+                    });
+                } else {
+                    throw e;
+                }
+            });
+    }
+
+    public registerForToken(): Promise<string> {
+        // Get openid bearer token from the HS as the first part of our dance
+        return MatrixClientPeg.safeGet()
+            .getOpenIdToken()
+            .then((tokenObject) => {
+                // Now we can send that to scalar and exchange it for a scalar token
+                return this.exchangeForScalarToken(tokenObject);
+            })
+            .then((token) => {
+                // Validate it (this mostly checks to see if the IM needs us to agree to some terms)
+                return this.checkToken(token);
+            })
+            .then((token) => {
+                this.scalarToken = token;
+                this.writeTokenToStore();
+                return token;
+            });
+    }
+
+    public async exchangeForScalarToken(openidTokenObject: IOpenIDToken): Promise<string> {
+        const scalarRestUrl = new URL(this.apiUrl + "/register");
+        scalarRestUrl.searchParams.set("v", imApiVersion);
+
+        const res = await fetch(scalarRestUrl, {
+            method: "POST",
+            body: JSON.stringify(openidTokenObject),
+            headers: {
+                "Content-Type": "application/json",
+            },
+        });
+
+        if (!res.ok) {
+            throw new Error(`Scalar request failed: ${res.status}`);
+        }
+
+        const body = await res.json();
+        if (!body?.scalar_token) {
+            throw new Error("Missing scalar_token in response");
+        }
+
+        return body.scalar_token;
+    }
+
+    public async getScalarPageTitle(url: string): Promise<string> {
+        const scalarPageLookupUrl = new URL(this.getStarterLink(this.apiUrl + "/widgets/title_lookup"));
+        scalarPageLookupUrl.searchParams.set("curl", encodeURIComponent(url));
+
+        const res = await fetch(scalarPageLookupUrl, {
+            method: "GET",
+        });
+
+        if (!res.ok) {
+            throw new Error(`Scalar request failed: ${res.status}`);
+        }
+
+        const body = await res.json();
+        return body?.page_title_cache_item?.cached_title;
+    }
+
+    /**
+     * Mark all assets associated with the specified widget as "disabled" in the
+     * integration manager database.
+     * This can be useful to temporarily prevent purchased assets from being displayed.
+     * @param  {WidgetType} widgetType The Widget Type to disable assets for
+     * @param  {string} widgetId   The widget ID to disable assets for
+     * @returns {Promise}           Resolves on completion
+     */
+    public async disableWidgetAssets(widgetType: WidgetType, widgetId: string): Promise<void> {
+        const url = new URL(this.getStarterLink(this.apiUrl + "/widgets/set_assets_state"));
+        url.searchParams.set("widget_type", widgetType.preferred);
+        url.searchParams.set("widget_id", widgetId);
+        url.searchParams.set("state", "disable");
+
+        const res = await fetch(url, {
+            method: "GET", // XXX: Actions shouldn't be GET requests
+        });
+
+        if (!res.ok) {
+            throw new Error(`Scalar request failed: ${res.status}`);
+        }
+
+        const body = await res.text();
+        if (!body) {
+            throw new Error("Failed to set widget assets state");
+        }
+    }
+
+    public getScalarInterfaceUrlForRoom(room: Room, screen?: string, id?: string): string {
+        const roomId = room.roomId;
+        const roomName = room.name;
+        let url = this.uiUrl;
+        if (this.scalarToken) url += "?scalar_token=" + encodeURIComponent(this.scalarToken);
+        url += "&room_id=" + encodeURIComponent(roomId);
+        url += "&room_name=" + encodeURIComponent(roomName);
+        url += "&theme=" + encodeURIComponent(SettingsStore.getValue("theme"));
+        if (id) {
+            url += "&integ_id=" + encodeURIComponent(id);
+        }
+        if (screen) {
+            url += "&screen=" + encodeURIComponent(screen);
+        }
+        return url;
+    }
+
+    public getStarterLink(starterLinkUrl: string): string {
+        if (!this.scalarToken) return starterLinkUrl;
+        return starterLinkUrl + "?scalar_token=" + encodeURIComponent(this.scalarToken);
+    }
+}
diff --git a/apps/web/src/ScalarMessaging.ts b/apps/web/src/ScalarMessaging.ts
new file mode 100644
index 00000000000..4971a80671e
--- /dev/null
+++ b/apps/web/src/ScalarMessaging.ts
@@ -0,0 +1,993 @@
+/*
+Copyright 2018-2024 New Vector Ltd.
+Copyright 2017 Vector Creations Ltd
+Copyright 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.
+*/
+
+// TODO: Generify the name of this and all components within - it's not just for scalar.
+
+/*
+Listens for incoming postMessage requests from the integrations UI URL. The following API is exposed:
+{
+    action: "invite" | "membership_state" | "bot_options" | "set_bot_options" | etc... ,
+    room_id: $ROOM_ID,
+    user_id: $USER_ID
+    // additional request fields
+}
+
+The complete request object is returned to the caller with an additional "response" key like so:
+{
+    action: "invite" | "membership_state" | "bot_options" | "set_bot_options",
+    room_id: $ROOM_ID,
+    user_id: $USER_ID,
+    // additional request fields
+    response: { ... }
+}
+
+The "action" determines the format of the request and response. All actions can return an error response.
+An error response is a "response" object which consists of a sole "error" key to indicate an error.
+They look like:
+{
+    error: {
+        message: "Unable to invite user into room.",
+        _error: <Original Error Object>
+    }
+}
+The "message" key should be a human-friendly string.
+
+ACTIONS
+=======
+All actions can return an error response instead of the response outlined below.
+
+invite
+------
+Invites a user into a room. The request will no-op if the user is already joined OR invited to the room.
+
+Request:
+ - room_id is the room to invite the user into.
+ - user_id is the user ID to invite.
+ - No additional fields.
+Response:
+{
+    success: true
+}
+Example:
+{
+    action: "invite",
+    room_id: "!foo:bar",
+    user_id: "@invitee:bar",
+    response: {
+        success: true
+    }
+}
+
+kick
+------
+Kicks a user from a room. The request will no-op if the user is not in the room.
+
+Request:
+ - room_id is the room to kick the user from.
+ - user_id is the user ID to kick.
+ - reason is an optional string for the kick reason
+Response:
+{
+    success: true
+}
+Example:
+{
+    action: "kick",
+    room_id: "!foo:bar",
+    user_id: "@target:example.org",
+    reason: "Removed from room",
+    response: {
+        success: true
+    }
+}
+
+set_bot_options
+---------------
+Set the m.room.bot.options state event for a bot user.
+
+Request:
+ - room_id is the room to send the state event into.
+ - user_id is the user ID of the bot who you're setting options for.
+ - "content" is an object consisting of the content you wish to set.
+Response:
+{
+    success: true
+}
+Example:
+{
+    action: "set_bot_options",
+    room_id: "!foo:bar",
+    user_id: "@bot:bar",
+    content: {
+        default_option: "alpha"
+    },
+    response: {
+        success: true
+    }
+}
+
+get_membership_count
+--------------------
+Get the number of joined users in the room.
+
+Request:
+ - room_id is the room to get the count in.
+Response:
+78
+Example:
+{
+    action: "get_membership_count",
+    room_id: "!foo:bar",
+    response: 78
+}
+
+can_send_event
+--------------
+Check if the client can send the given event into the given room. If the client
+is unable to do this, an error response is returned instead of 'response: false'.
+
+Request:
+ - room_id is the room to do the check in.
+ - event_type is the event type which will be sent.
+ - is_state is true if the event to be sent is a state event.
+Response:
+true
+Example:
+{
+    action: "can_send_event",
+    is_state: false,
+    event_type: "m.room.message",
+    room_id: "!foo:bar",
+    response: true
+}
+
+set_widget
+----------
+Set a new widget in the room. Clobbers based on the ID.
+
+Request:
+ - `room_id` (String) is the room to set the widget in.
+ - `widget_id` (String) is the ID of the widget to add (or replace if it already exists).
+   It can be an arbitrary UTF8 string and is purely for distinguishing between widgets.
+ - `url` (String) is the URL that clients should load in an iframe to run the widget.
+   All widgets must have a valid URL. If the URL is `null` (not `undefined`), the
+   widget will be removed from the room.
+ - `type` (String) is the type of widget, which is provided as a hint for matrix clients so they
+   can configure/lay out the widget in different ways. All widgets must have a type.
+ - `name` (String) is an optional human-readable string about the widget.
+ - `data` (Object) is some optional data about the widget, and can contain arbitrary key/value pairs.
+ - `avatar_url` (String) is some optional mxc: URI pointing to the avatar of the widget.
+Response:
+{
+    success: true
+}
+Example:
+{
+    action: "set_widget",
+    room_id: "!foo:bar",
+    widget_id: "abc123",
+    url: "http://widget.url",
+    type: "example",
+    response: {
+        success: true
+    }
+}
+
+get_widgets
+-----------
+Get a list of all widgets in the room. The response is an array
+of state events.
+
+Request:
+ - `room_id` (String) is the room to get the widgets in.
+Response:
+[
+    {
+        // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+        type: "im.vector.modular.widgets",
+        state_key: "wid1",
+        content: {
+            type: "grafana",
+            url: "https://grafanaurl",
+            name: "dashboard",
+            data: {key: "val"}
+        }
+        room_id: "!foo:bar",
+        sender: "@alice:localhost"
+    }
+]
+Example:
+{
+    action: "get_widgets",
+    room_id: "!foo:bar",
+    response: [
+        {
+            // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+            type: "im.vector.modular.widgets",
+            state_key: "wid1",
+            content: {
+                type: "grafana",
+                url: "https://grafanaurl",
+                name: "dashboard",
+                data: {key: "val"}
+            }
+            room_id: "!foo:bar",
+            sender: "@alice:localhost"
+        }
+    ]
+}
+
+membership_state AND bot_options
+--------------------------------
+Get the content of the "m.room.member" or "m.room.bot.options" state event respectively.
+
+NB: Whilst this API is basically equivalent to getStateEvent, we specifically do not
+    want external entities to be able to query any state event for any room, hence the
+    restrictive API outlined here.
+
+Request:
+ - room_id is the room which has the state event.
+ - user_id is the state_key parameter which in both cases is a user ID (the member or the bot).
+ - No additional fields.
+Response:
+ - The event content. If there is no state event, the "response" key should be null.
+Example:
+{
+    action: "membership_state",
+    room_id: "!foo:bar",
+    user_id: "@somemember:bar",
+    response: {
+        membership: "join",
+        displayname: "Bob",
+        avatar_url: null
+    }
+}
+
+get_open_id_token
+-----------------
+Get an openID token for the current user session.
+Request: No parameters
+Response:
+ - The openId token object as described in https://spec.matrix.org/v1.2/client-server-api/#post_matrixclientv3useruseridopenidrequest_token
+
+send_event
+----------
+Sends an event in a room.
+
+Request:
+ - type is the event type to send.
+ - state_key is the state key to send. Omitted if not a state event.
+ - content is the event content to send.
+
+Response:
+ - room_id is the room ID where the event was sent.
+ - event_id is the event ID of the event which was sent.
+
+read_events
+-----------
+Read events from a room.
+
+Request:
+ - type is the event type to read.
+ - state_key is the state key to read, or `true` to read all events of the type. Omitted if not a state event.
+
+Response:
+ - events: Array of events. If none found, this will be an empty array.
+
+*/
+
+import { type IContent, type MatrixEvent, type IEvent, type StateEvents } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import dis from "./dispatcher/dispatcher";
+import WidgetUtils from "./utils/WidgetUtils";
+import { _t } from "./languageHandler";
+import { IntegrationManagers } from "./integrations/IntegrationManagers";
+import { WidgetType } from "./widgets/WidgetType";
+import { objectClone } from "./utils/objects";
+import { EffectiveMembership, getEffectiveMembership } from "./utils/membership";
+import { SDKContextClass } from "./contexts/SDKContextClass";
+
+enum Action {
+    CloseScalar = "close_scalar",
+    GetWidgets = "get_widgets",
+    SetWidget = "set_widget",
+    JoinRulesState = "join_rules_state",
+    SetPlumbingState = "set_plumbing_state",
+    GetMembershipCount = "get_membership_count",
+    GetRoomEncryptionState = "get_room_enc_state",
+    CanSendEvent = "can_send_event",
+    MembershipState = "membership_state",
+    invite = "invite",
+    Kick = "kick",
+    BotOptions = "bot_options",
+    SetBotOptions = "set_bot_options",
+    SetBotPower = "set_bot_power",
+    GetOpenIdToken = "get_open_id_token",
+    SendEvent = "send_event",
+    ReadEvents = "read_events",
+}
+
+function sendResponse(event: MessageEvent, res: any): void {
+    const data = objectClone(event.data);
+    data.response = res;
+    // @ts-ignore
+    event.source.postMessage(data, event.origin);
+}
+
+function sendError(event: MessageEvent, msg: string, nestedError?: Error): void {
+    logger.error("Action:" + event.data.action + " failed with message: " + msg);
+    const data = objectClone(event.data);
+    data.response = {
+        error: {
+            message: msg,
+        },
+    };
+    if (nestedError) {
+        data.response.error._error = nestedError;
+    }
+    // @ts-ignore
+    event.source.postMessage(data, event.origin);
+}
+
+function inviteUser(event: MessageEvent, roomId: string, userId: string): void {
+    logger.log(`Received request to invite ${userId} into room ${roomId}`);
+    const client = MatrixClientPeg.get();
+    if (!client) {
+        sendError(event, _t("widget|error_need_to_be_logged_in"));
+        return;
+    }
+    const room = client.getRoom(roomId);
+    if (room) {
+        // if they are already invited or joined we can resolve immediately.
+        const member = room.getMember(userId);
+        if (
+            member &&
+            ([KnownMembership.Join, KnownMembership.Invite] as Array<string | undefined>).includes(member.membership)
+        ) {
+            sendResponse(event, {
+                success: true,
+            });
+            return;
+        }
+    }
+
+    client.invite(roomId, userId).then(
+        function () {
+            sendResponse(event, {
+                success: true,
+            });
+        },
+        function (err) {
+            sendError(event, _t("widget|error_need_invite_permission"), err);
+        },
+    );
+}
+
+function kickUser(event: MessageEvent, roomId: string, userId: string): void {
+    logger.log(`Received request to kick ${userId} from room ${roomId}`);
+    const client = MatrixClientPeg.get();
+    if (!client) {
+        sendError(event, _t("widget|error_need_to_be_logged_in"));
+        return;
+    }
+    const room = client.getRoom(roomId);
+    if (room) {
+        // if they are already not in the room we can resolve immediately.
+        const member = room.getMember(userId);
+        if (!member || getEffectiveMembership(member.membership!) === EffectiveMembership.Leave) {
+            sendResponse(event, {
+                success: true,
+            });
+            return;
+        }
+    }
+
+    const reason = event.data.reason;
+    client
+        .kick(roomId, userId, reason)
+        .then(() => {
+            sendResponse(event, {
+                success: true,
+            });
+        })
+        .catch((err) => {
+            sendError(event, _t("widget|error_need_kick_permission"), err);
+        });
+}
+
+function setWidget(event: MessageEvent, roomId: string | null): void {
+    const client = MatrixClientPeg.safeGet();
+    const widgetId = event.data.widget_id;
+    let widgetType = event.data.type;
+    const widgetUrl = event.data.url;
+    const widgetName = event.data.name; // optional
+    const widgetData = event.data.data; // optional
+    const widgetAvatarUrl = event.data.avatar_url; // optional
+    const userWidget = event.data.userWidget;
+
+    // both adding/removing widgets need these checks
+    if (!widgetId || widgetUrl === undefined) {
+        sendError(event, _t("scalar|error_create"), new Error("Missing required widget fields."));
+        return;
+    }
+
+    if (widgetUrl !== null) {
+        // if url is null it is being deleted, don't need to check name/type/etc
+        // check types of fields
+        if (widgetName !== undefined && typeof widgetName !== "string") {
+            sendError(event, _t("scalar|error_create"), new Error("Optional field 'name' must be a string."));
+            return;
+        }
+        if (widgetData !== undefined && !(widgetData instanceof Object)) {
+            sendError(event, _t("scalar|error_create"), new Error("Optional field 'data' must be an Object."));
+            return;
+        }
+        if (widgetAvatarUrl !== undefined && typeof widgetAvatarUrl !== "string") {
+            sendError(event, _t("scalar|error_create"), new Error("Optional field 'avatar_url' must be a string."));
+            return;
+        }
+        if (typeof widgetType !== "string") {
+            sendError(event, _t("scalar|error_create"), new Error("Field 'type' must be a string."));
+            return;
+        }
+        if (typeof widgetUrl !== "string") {
+            sendError(event, _t("scalar|error_create"), new Error("Field 'url' must be a string or null."));
+            return;
+        }
+    }
+
+    // convert the widget type to a known widget type
+    widgetType = WidgetType.fromString(widgetType);
+
+    if (userWidget) {
+        WidgetUtils.setUserWidget(client, widgetId, widgetType, widgetUrl, widgetName, widgetData)
+            .then(() => {
+                sendResponse(event, {
+                    success: true,
+                });
+
+                dis.dispatch({ action: "user_widget_updated" });
+            })
+            .catch((e) => {
+                sendError(event, _t("scalar|error_create"), e);
+            });
+    } else {
+        // Room widget
+        if (!roomId) {
+            sendError(event, _t("scalar|error_missing_room_id"));
+            return;
+        }
+        WidgetUtils.setRoomWidget(
+            client,
+            roomId,
+            widgetId,
+            widgetType,
+            widgetUrl,
+            widgetName,
+            widgetData,
+            widgetAvatarUrl,
+        ).then(
+            () => {
+                sendResponse(event, {
+                    success: true,
+                });
+            },
+            (err) => {
+                sendError(event, _t("scalar|error_send_request"), err);
+            },
+        );
+    }
+}
+
+function getWidgets(event: MessageEvent, roomId: string | null): void {
+    const client = MatrixClientPeg.get();
+    if (!client) {
+        sendError(event, _t("widget|error_need_to_be_logged_in"));
+        return;
+    }
+    let widgetStateEvents: Partial<IEvent>[] = [];
+
+    if (roomId) {
+        const room = client.getRoom(roomId);
+        if (!room) {
+            sendError(event, _t("scalar|error_room_unknown"));
+            return;
+        }
+        // XXX: This gets the raw event object (I think because we can't
+        // send the MatrixEvent over postMessage?)
+        widgetStateEvents = WidgetUtils.getRoomWidgets(room).map((ev) => ev.event);
+    }
+
+    // Add user widgets (not linked to a specific room)
+    const userWidgets = WidgetUtils.getUserWidgetsArray(client);
+    widgetStateEvents = widgetStateEvents.concat(userWidgets);
+
+    sendResponse(event, widgetStateEvents);
+}
+
+async function getRoomEncState(event: MessageEvent, roomId: string): Promise<void> {
+    const client = MatrixClientPeg.get();
+    if (!client) {
+        sendError(event, _t("widget|error_need_to_be_logged_in"));
+        return;
+    }
+    const room = client.getRoom(roomId);
+    if (!room) {
+        sendError(event, _t("scalar|error_room_unknown"));
+        return;
+    }
+    const roomIsEncrypted = Boolean(await client.getCrypto()?.isEncryptionEnabledInRoom(roomId));
+
+    sendResponse(event, roomIsEncrypted);
+}
+
+function setPlumbingState(event: MessageEvent, roomId: string, status: string): void {
+    if (typeof status !== "string") {
+        throw new Error("Plumbing state status should be a string");
+    }
+    logger.log(`Received request to set plumbing state to status "${status}" in room ${roomId}`);
+    const client = MatrixClientPeg.get();
+    if (!client) {
+        sendError(event, _t("widget|error_need_to_be_logged_in"));
+        return;
+    }
+    client.sendStateEvent(roomId, "m.room.plumbing", { status: status }).then(
+        () => {
+            sendResponse(event, {
+                success: true,
+            });
+        },
+        (err) => {
+            sendError(event, err.message ? err.message : _t("scalar|error_send_request"), err);
+        },
+    );
+}
+
+function setBotOptions(event: MessageEvent, roomId: string, userId: string): void {
+    logger.log(`Received request to set options for bot ${userId} in room ${roomId}`);
+    const client = MatrixClientPeg.get();
+    if (!client) {
+        sendError(event, _t("widget|error_need_to_be_logged_in"));
+        return;
+    }
+    client.sendStateEvent(roomId, "m.room.bot.options", event.data.content, "_" + userId).then(
+        () => {
+            sendResponse(event, {
+                success: true,
+            });
+        },
+        (err) => {
+            sendError(event, err.message ? err.message : _t("scalar|error_send_request"), err);
+        },
+    );
+}
+
+async function setBotPower(
+    event: MessageEvent,
+    roomId: string,
+    userId: string,
+    level: number,
+    ignoreIfGreater?: boolean,
+): Promise<void> {
+    if (!(Number.isInteger(level) && level >= 0)) {
+        sendError(event, _t("scalar|error_power_level_invalid"));
+        return;
+    }
+
+    logger.log(`Received request to set power level to ${level} for bot ${userId} in room ${roomId}.`);
+    const client = MatrixClientPeg.get();
+    if (!client) {
+        sendError(event, _t("widget|error_need_to_be_logged_in"));
+        return;
+    }
+
+    try {
+        const powerLevels = await client.getStateEvent(roomId, "m.room.power_levels", "");
+
+        // If the PL is equal to or greater than the requested PL, ignore.
+        if (ignoreIfGreater === true) {
+            // As per https://matrix.org/docs/spec/client_server/r0.6.0#m-room-power-levels
+            const currentPl = powerLevels.users?.[userId] ?? powerLevels.users_default ?? 0;
+            if (currentPl >= level) {
+                return sendResponse(event, {
+                    success: true,
+                });
+            }
+        }
+        await client.setPowerLevel(roomId, userId, level);
+        return sendResponse(event, {
+            success: true,
+        });
+    } catch (err) {
+        const error = err instanceof Error ? err : undefined;
+        sendError(event, error?.message ?? _t("scalar|error_send_request"), error);
+    }
+}
+
+function getMembershipState(event: MessageEvent, roomId: string, userId: string): void {
+    logger.log(`membership_state of ${userId} in room ${roomId} requested.`);
+    returnStateEvent(event, roomId, "m.room.member", userId);
+}
+
+function getJoinRules(event: MessageEvent, roomId: string): void {
+    logger.log(`join_rules of ${roomId} requested.`);
+    returnStateEvent(event, roomId, "m.room.join_rules", "");
+}
+
+function botOptions(event: MessageEvent, roomId: string, userId: string): void {
+    logger.log(`bot_options of ${userId} in room ${roomId} requested.`);
+    returnStateEvent(event, roomId, "m.room.bot.options", "_" + userId);
+}
+
+function getMembershipCount(event: MessageEvent, roomId: string): void {
+    const client = MatrixClientPeg.get();
+    if (!client) {
+        sendError(event, _t("widget|error_need_to_be_logged_in"));
+        return;
+    }
+    const room = client.getRoom(roomId);
+    if (!room) {
+        sendError(event, _t("scalar|error_room_unknown"));
+        return;
+    }
+    const count = room.getJoinedMemberCount();
+    sendResponse(event, count);
+}
+
+function canSendEvent(event: MessageEvent, roomId: string): void {
+    const evType = "" + event.data.event_type; // force stringify
+    const isState = Boolean(event.data.is_state);
+    const client = MatrixClientPeg.get();
+    if (!client) {
+        sendError(event, _t("widget|error_need_to_be_logged_in"));
+        return;
+    }
+    const room = client.getRoom(roomId);
+    if (!room) {
+        sendError(event, _t("scalar|error_room_unknown"));
+        return;
+    }
+    if (room.getMyMembership() !== KnownMembership.Join) {
+        sendError(event, _t("scalar|error_membership"));
+        return;
+    }
+    const me = client.credentials.userId!;
+
+    let canSend: boolean;
+    if (isState) {
+        canSend = room.currentState.maySendStateEvent(evType, me);
+    } else {
+        canSend = room.currentState.maySendEvent(evType, me);
+    }
+
+    if (!canSend) {
+        sendError(event, _t("scalar|error_permission"));
+        return;
+    }
+
+    sendResponse(event, true);
+}
+
+function returnStateEvent(event: MessageEvent, roomId: string, eventType: string, stateKey: string): void {
+    const client = MatrixClientPeg.get();
+    if (!client) {
+        sendError(event, _t("widget|error_need_to_be_logged_in"));
+        return;
+    }
+    const room = client.getRoom(roomId);
+    if (!room) {
+        sendError(event, _t("scalar|error_room_unknown"));
+        return;
+    }
+    const stateEvent = room.currentState.getStateEvents(eventType, stateKey);
+    if (!stateEvent) {
+        sendResponse(event, null);
+        return;
+    }
+    sendResponse(event, stateEvent.getContent());
+}
+
+async function getOpenIdToken(event: MessageEvent): Promise<void> {
+    try {
+        const tokenObject = await MatrixClientPeg.safeGet().getOpenIdToken();
+        sendResponse(event, tokenObject);
+    } catch (ex) {
+        logger.warn("Unable to fetch openId token.", ex);
+        sendError(event, "Unable to fetch openId token.");
+    }
+}
+
+async function sendEvent(
+    event: MessageEvent<{
+        type: keyof StateEvents;
+        state_key?: string;
+        content?: IContent;
+    }>,
+    roomId: string,
+): Promise<void> {
+    const eventType = event.data.type;
+    const stateKey = event.data.state_key;
+    const content = event.data.content;
+
+    if (typeof eventType !== "string") {
+        sendError(event, _t("scalar|failed_send_event"), new Error("Invalid 'type' in request"));
+        return;
+    }
+    const allowedEventTypes = ["m.widgets", "im.vector.modular.widgets", "io.element.integrations.installations"];
+    if (!allowedEventTypes.includes(eventType)) {
+        sendError(event, _t("scalar|failed_send_event"), new Error("Disallowed 'type' in request"));
+        return;
+    }
+
+    if (!content || typeof content !== "object") {
+        sendError(event, _t("scalar|failed_send_event"), new Error("Invalid 'content' in request"));
+        return;
+    }
+
+    const client = MatrixClientPeg.get();
+    if (!client) {
+        sendError(event, _t("widget|error_need_to_be_logged_in"));
+        return;
+    }
+
+    const room = client.getRoom(roomId);
+    if (!room) {
+        sendError(event, _t("scalar|error_room_unknown"));
+        return;
+    }
+
+    if (stateKey !== undefined) {
+        // state event
+        try {
+            const res = await client.sendStateEvent(roomId, eventType, content, stateKey);
+            sendResponse(event, {
+                room_id: roomId,
+                event_id: res.event_id,
+            });
+        } catch (e) {
+            sendError(event, _t("scalar|failed_send_event"), e as Error);
+            return;
+        }
+    } else {
+        // message event
+        sendError(event, _t("scalar|failed_send_event"), new Error("Sending message events is not implemented"));
+        return;
+    }
+}
+
+async function readEvents(
+    event: MessageEvent<{
+        type: string;
+        state_key?: string | boolean;
+        limit?: number;
+    }>,
+    roomId: string,
+): Promise<void> {
+    const eventType = event.data.type;
+    const stateKey = event.data.state_key;
+    const limit = event.data.limit;
+
+    if (typeof eventType !== "string") {
+        sendError(event, _t("scalar|failed_read_event"), new Error("Invalid 'type' in request"));
+        return;
+    }
+    const allowedEventTypes = [
+        "m.room.power_levels",
+        "m.room.encryption",
+        "m.room.member",
+        "m.room.name",
+        "m.widgets",
+        "im.vector.modular.widgets",
+        "io.element.integrations.installations",
+    ];
+    if (!allowedEventTypes.includes(eventType)) {
+        sendError(event, _t("scalar|failed_read_event"), new Error("Disallowed 'type' in request"));
+        return;
+    }
+
+    let effectiveLimit: number;
+    if (limit !== undefined) {
+        if (typeof limit !== "number" || limit < 0) {
+            sendError(event, _t("scalar|failed_read_event"), new Error("Invalid 'limit' in request"));
+            return;
+        }
+        effectiveLimit = Math.min(limit, Number.MAX_SAFE_INTEGER);
+    } else {
+        effectiveLimit = Number.MAX_SAFE_INTEGER;
+    }
+
+    const client = MatrixClientPeg.get();
+    if (!client) {
+        sendError(event, _t("widget|error_need_to_be_logged_in"));
+        return;
+    }
+
+    const room = client.getRoom(roomId);
+    if (!room) {
+        sendError(event, _t("scalar|error_room_unknown"));
+        return;
+    }
+
+    if (stateKey !== undefined) {
+        // state events
+        if (typeof stateKey !== "string" && stateKey !== true) {
+            sendError(event, _t("scalar|failed_read_event"), new Error("Invalid 'state_key' in request"));
+            return;
+        }
+        // When `true` is passed for state key, get events with any state key.
+        const effectiveStateKey = stateKey === true ? undefined : stateKey;
+
+        let events: MatrixEvent[] = [];
+        events = events.concat(room.currentState.getStateEvents(eventType, effectiveStateKey!) || []);
+        events = events.slice(0, effectiveLimit);
+
+        sendResponse(event, {
+            events: events.map((e) => e.getEffectiveEvent()),
+        });
+        return;
+    } else {
+        // message events
+        sendError(event, _t("scalar|failed_read_event"), new Error("Reading message events is not implemented"));
+        return;
+    }
+}
+
+const onMessage = function (event: MessageEvent): void {
+    if (!event.origin) {
+        // @ts-ignore - stupid chrome
+        event.origin = event.originalEvent.origin;
+    }
+
+    // Check that the integrations UI URL starts with the origin of the event
+    // This means the URL could contain a path (like /develop) and still be used
+    // to validate event origins, which do not specify paths.
+    // (See https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage)
+    let configUrl: URL | undefined;
+    try {
+        if (!openManagerUrl) openManagerUrl = IntegrationManagers.sharedInstance().getPrimaryManager()?.uiUrl;
+        configUrl = new URL(openManagerUrl!);
+    } catch {
+        // No integrations UI URL, ignore silently.
+        return;
+    }
+    let eventOriginUrl: URL;
+    try {
+        eventOriginUrl = new URL(event.origin);
+    } catch {
+        return;
+    }
+    // TODO -- Scalar postMessage API should be namespaced with event.data.api field
+    // Fix following "if" statement to respond only to specific API messages.
+    if (
+        configUrl.origin !== eventOriginUrl.origin ||
+        !event.data.action ||
+        event.data.api // Ignore messages with specific API set
+    ) {
+        // don't log this - debugging APIs and browser add-ons like to spam
+        // postMessage which floods the log otherwise
+        return;
+    }
+
+    if (event.data.action === Action.CloseScalar) {
+        dis.dispatch({ action: Action.CloseScalar });
+        sendResponse(event, null);
+        return;
+    }
+
+    const roomId = event.data.room_id;
+    const userId = event.data.user_id;
+
+    if (!roomId) {
+        // These APIs don't require roomId
+        if (event.data.action === Action.GetWidgets) {
+            getWidgets(event, null);
+            return;
+        } else if (event.data.action === Action.SetWidget) {
+            setWidget(event, null);
+            return;
+        } else if (event.data.action === Action.GetOpenIdToken) {
+            getOpenIdToken(event);
+            return;
+        } else {
+            sendError(event, _t("scalar|error_missing_room_id_request"));
+            return;
+        }
+    }
+
+    if (roomId !== SDKContextClass.instance.roomViewStore.getRoomId()) {
+        sendError(event, _t("scalar|error_room_not_visible", { roomId: roomId }));
+        return;
+    }
+
+    // Get and set room-based widgets
+    if (event.data.action === Action.GetWidgets) {
+        getWidgets(event, roomId);
+        return;
+    } else if (event.data.action === Action.SetWidget) {
+        setWidget(event, roomId);
+        return;
+    }
+
+    // These APIs don't require userId
+    if (event.data.action === Action.JoinRulesState) {
+        getJoinRules(event, roomId);
+        return;
+    } else if (event.data.action === Action.SetPlumbingState) {
+        setPlumbingState(event, roomId, event.data.status);
+        return;
+    } else if (event.data.action === Action.GetMembershipCount) {
+        getMembershipCount(event, roomId);
+        return;
+    } else if (event.data.action === Action.GetRoomEncryptionState) {
+        getRoomEncState(event, roomId);
+        return;
+    } else if (event.data.action === Action.CanSendEvent) {
+        canSendEvent(event, roomId);
+        return;
+    } else if (event.data.action === Action.SendEvent) {
+        sendEvent(event, roomId);
+        return;
+    } else if (event.data.action === Action.ReadEvents) {
+        readEvents(event, roomId);
+        return;
+    }
+
+    if (!userId) {
+        sendError(event, _t("scalar|error_missing_user_id_request"));
+        return;
+    }
+    switch (event.data.action) {
+        case Action.MembershipState:
+            getMembershipState(event, roomId, userId);
+            break;
+        case Action.invite:
+            inviteUser(event, roomId, userId);
+            break;
+        case Action.Kick:
+            kickUser(event, roomId, userId);
+            break;
+        case Action.BotOptions:
+            botOptions(event, roomId, userId);
+            break;
+        case Action.SetBotOptions:
+            setBotOptions(event, roomId, userId);
+            break;
+        case Action.SetBotPower:
+            setBotPower(event, roomId, userId, event.data.level, event.data.ignoreIfGreater);
+            break;
+        default:
+            logger.warn("Unhandled postMessage event with action '" + event.data.action + "'");
+            break;
+    }
+};
+
+let listenerCount = 0;
+let openManagerUrl: string | undefined;
+
+export function startListening(): void {
+    if (listenerCount === 0) {
+        window.addEventListener("message", onMessage, false);
+    }
+    listenerCount += 1;
+}
+
+export function stopListening(): void {
+    listenerCount -= 1;
+    if (listenerCount === 0) {
+        window.removeEventListener("message", onMessage);
+    }
+    if (listenerCount < 0) {
+        // Make an error so we get a stack trace
+        const e = new Error("ScalarMessaging: mismatched startListening / stopListening detected. Negative count");
+        logger.error(e);
+    }
+}
diff --git a/apps/web/src/SdkConfig.test.ts b/apps/web/src/SdkConfig.test.ts
new file mode 100644
index 00000000000..91a7168b78e
--- /dev/null
+++ b/apps/web/src/SdkConfig.test.ts
@@ -0,0 +1,43 @@
+/*
+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 { describe, it, expect, beforeEach } from "vitest";
+
+import SdkConfig, { DEFAULTS } from "./SdkConfig";
+
+describe("SdkConfig", () => {
+    describe("with default values", () => {
+        it("should return the default config", () => {
+            expect(SdkConfig.get()).toEqual(DEFAULTS);
+        });
+    });
+
+    describe("with custom values", () => {
+        beforeEach(() => {
+            SdkConfig.put({
+                feedback: {
+                    existing_issues_url: "https://existing",
+                } as any,
+            });
+        });
+
+        it("should return the custom config", () => {
+            const customConfig = JSON.parse(JSON.stringify(DEFAULTS));
+            customConfig.feedback.existing_issues_url = "https://existing";
+            expect(SdkConfig.get()).toEqual(customConfig);
+        });
+
+        it("should allow overriding individual fields of sub-objects", () => {
+            const feedback = SdkConfig.getObject("feedback");
+            expect(feedback.get("existing_issues_url")).toMatchInlineSnapshot(`"https://existing"`);
+            expect(feedback.get("new_issue_url")).toMatchInlineSnapshot(
+                `"https://github.com/vector-im/element-web/issues/new/choose"`,
+            );
+        });
+    });
+});
diff --git a/apps/web/src/SdkConfig.ts b/apps/web/src/SdkConfig.ts
new file mode 100644
index 00000000000..3cbd4bb1a8c
--- /dev/null
+++ b/apps/web/src/SdkConfig.ts
@@ -0,0 +1,148 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2022 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+import { mergeWith } from "lodash";
+import { type DeepReadonly } from "shared-types";
+
+import { SnakedObject } from "./utils/SnakedObject";
+import { type IConfigOptions, type ConfigOptions } from "./IConfigOptions";
+import { isObject, objectClone } from "./utils/objects";
+import ElementDesktopLogoSvg from "../res/img/element-desktop-logo.svg";
+
+// see element-web config.md for docs, or the IConfigOptions interface for dev docs
+export const DEFAULTS = {
+    brand: "Element",
+    branding: {
+        logo_link_url: "https://element.io",
+        auth_header_logo_url: "themes/element/img/logos/element-logo.svg",
+        welcome_background_url: "themes/element/img/backgrounds/lake.jpg",
+    },
+    help_url: "https://element.io/help",
+    help_encryption_url: "https://element.io/help#encryption",
+    help_key_storage_url: "https://element.io/help#encryption5",
+    integrations_ui_url: "https://scalar.vector.im/",
+    integrations_rest_url: "https://scalar.vector.im/api",
+    show_labs_settings: false,
+    force_verification: false,
+    enable_client_well_known_lookups: true,
+
+    jitsi: {
+        preferred_domain: "meet.element.io",
+    },
+    element_call: {
+        brand: "Element Call",
+    },
+
+    // @ts-ignore - we deliberately use the camelCase version here so we trigger
+    // the fallback behaviour. If we used the snake_case version then we'd break
+    // everyone's config which has the camelCase property because our default would
+    // be preferred over their config.
+    desktopBuilds: {
+        available: true,
+        logo: ElementDesktopLogoSvg,
+        url: "https://element.io/get-started",
+    },
+
+    feedback: {
+        existing_issues_url:
+            "https://github.com/vector-im/element-web/issues?q=is%3Aopen+is%3Aissue+sort%3Areactions-%2B1-desc",
+        new_issue_url: "https://github.com/vector-im/element-web/issues/new/choose",
+    },
+
+    desktop_builds: {
+        available: true,
+        logo: "vector-icons/1024.png",
+        url: "https://element.io/download",
+        url_macos: "https://packages.element.io/desktop/install/macos/Element.dmg",
+        url_win64: "https://packages.element.io/desktop/install/win32/x64/Element%20Setup.exe",
+        url_win64arm: "https://packages.element.io/desktop/install/win32/arm64/Element%20Setup.exe",
+        url_linux: "https://element.io/download#linux",
+    },
+    mobile_builds: {
+        ios: "https://apps.apple.com/app/vector/id1083446067",
+        android: "https://play.google.com/store/apps/details?id=im.vector.app",
+        fdroid: "https://f-droid.org/repository/browse/?fdid=im.vector.app",
+    },
+} satisfies ConfigOptions;
+
+export type { ConfigOptions };
+
+function mergeConfig(
+    config: DeepReadonly<IConfigOptions>,
+    changes: DeepReadonly<ConfigOptions>,
+): DeepReadonly<IConfigOptions> {
+    // return { ...config, ...changes };
+    return mergeWith(objectClone(config), changes, (objValue, srcValue) => {
+        // Don't merge arrays, prefer values from newer object
+        if (Array.isArray(objValue)) {
+            return srcValue;
+        }
+
+        // Don't allow objects to get nulled out, this will break our types
+        if (isObject(objValue) && !isObject(srcValue)) {
+            return objValue;
+        }
+    });
+}
+
+type ObjectType<K extends keyof IConfigOptions> = IConfigOptions[K] extends object
+    ? SnakedObject<NonNullable<IConfigOptions[K]>>
+    : SnakedObject<NonNullable<IConfigOptions[K]>> | null | undefined;
+
+// oxlint-disable-next-line typescript/no-extraneous-class
+export default class SdkConfig {
+    private static instance: DeepReadonly<IConfigOptions>;
+    private static fallback: SnakedObject<DeepReadonly<IConfigOptions>>;
+
+    private static setInstance(i: DeepReadonly<IConfigOptions>): void {
+        SdkConfig.instance = i;
+        SdkConfig.fallback = new SnakedObject(i);
+
+        // For debugging purposes
+        window.mxReactSdkConfig = i;
+    }
+
+    public static get(): IConfigOptions;
+    public static get<K extends keyof IConfigOptions>(key: K, altCaseName?: string): IConfigOptions[K];
+    public static get<K extends keyof IConfigOptions = never>(
+        key?: K,
+        altCaseName?: string,
+    ): DeepReadonly<IConfigOptions> | DeepReadonly<IConfigOptions>[K] {
+        if (key === undefined) {
+            // safe to cast as a fallback - we want to break the runtime contract in this case
+            return SdkConfig.instance || <IConfigOptions>{};
+        }
+        return SdkConfig.fallback.get(key, altCaseName);
+    }
+
+    public static getObject<K extends keyof IConfigOptions>(key: K, altCaseName?: string): ObjectType<K> {
+        const val = SdkConfig.get(key, altCaseName);
+        if (isObject(val)) {
+            return new SnakedObject(val);
+        }
+
+        // return the same type for sensitive callers (some want `undefined` specifically)
+        return (val === undefined ? undefined : null) as ObjectType<K>;
+    }
+
+    public static put(cfg: DeepReadonly<ConfigOptions>): void {
+        SdkConfig.setInstance(mergeConfig(DEFAULTS, cfg));
+    }
+
+    /**
+     * Resets the config.
+     */
+    public static reset(): void {
+        SdkConfig.setInstance(mergeConfig(DEFAULTS, {})); // safe to cast - defaults will be applied
+    }
+
+    public static add(cfg: DeepReadonly<ConfigOptions>): void {
+        SdkConfig.put(mergeConfig(SdkConfig.get(), cfg));
+    }
+}
diff --git a/apps/web/src/Searching.test.ts b/apps/web/src/Searching.test.ts
new file mode 100644
index 00000000000..82a8e4c1288
--- /dev/null
+++ b/apps/web/src/Searching.test.ts
@@ -0,0 +1,265 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import { type IResultRoomEvents } from "matrix-js-sdk/src/matrix";
+import { createTestClient } from "test-utils";
+
+import eventSearch from "./Searching";
+import EventIndexPeg from "./indexing/EventIndexPeg";
+
+describe("Searching", () => {
+    const mockClient = createTestClient();
+
+    beforeEach(() => {
+        vi.clearAllMocks();
+    });
+
+    afterEach(() => {
+        vi.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: vi.fn().mockResolvedValue(mockSearchResults),
+            };
+            vi.spyOn(EventIndexPeg, "get").mockReturnValue(mockEventIndex as any);
+
+            // Mock crypto to indicate room is encrypted
+            vi.spyOn(mockClient, "getCrypto").mockReturnValue({
+                isEncryptionEnabledInRoom: vi.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: vi.fn().mockResolvedValue(mockSearchResults),
+            };
+            vi.spyOn(EventIndexPeg, "get").mockReturnValue(mockEventIndex as any);
+
+            vi.spyOn(mockClient, "getCrypto").mockReturnValue({
+                isEncryptionEnabledInRoom: vi.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: vi
+                    .fn()
+                    .mockResolvedValueOnce(mockSearchResults)
+                    .mockResolvedValueOnce({ count: 0, highlights: ["test"] } as IResultRoomEvents),
+            };
+            vi.spyOn(EventIndexPeg, "get").mockReturnValue(mockEventIndex as any);
+
+            vi.spyOn(mockClient, "getCrypto").mockReturnValue({
+                isEncryptionEnabledInRoom: vi.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/apps/web/src/Searching.ts b/apps/web/src/Searching.ts
new file mode 100644
index 00000000000..47b54563543
--- /dev/null
+++ b/apps/web/src/Searching.ts
@@ -0,0 +1,745 @@
+/*
+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 {
+    type IResultRoomEvents,
+    type ISearchRequestBody,
+    type ISearchResponse,
+    type ISearchResult,
+    type ISearchResults,
+    SearchOrderBy,
+    type IRoomEventFilter,
+    EventType,
+    type MatrixClient,
+    type SearchResult,
+} from "matrix-js-sdk/src/matrix";
+
+import { type ISearchArgs } from "./indexing/BaseEventIndexManager";
+import EventIndexPeg from "./indexing/EventIndexPeg";
+import { isNotUndefined } from "./Typeguards";
+
+const SEARCH_LIMIT = 10;
+
+async function serverSideSearch(
+    client: MatrixClient,
+    term: string,
+    roomId?: string,
+    abortSignal?: AbortSignal,
+): Promise<{ response: ISearchResponse; query: ISearchRequestBody }> {
+    const filter: IRoomEventFilter = {
+        limit: SEARCH_LIMIT,
+    };
+
+    if (roomId !== undefined) filter.rooms = [roomId];
+
+    const body: ISearchRequestBody = {
+        search_categories: {
+            room_events: {
+                search_term: term,
+                filter: filter,
+                order_by: SearchOrderBy.Recent,
+                event_context: {
+                    before_limit: 1,
+                    after_limit: 1,
+                    include_profile: true,
+                },
+            },
+        },
+    };
+
+    const response = await client.search({ body: body }, abortSignal);
+
+    return { response, query: body };
+}
+
+async function serverSideSearchProcess(
+    client: MatrixClient,
+    term: string,
+    roomId?: string,
+    abortSignal?: AbortSignal,
+): Promise<ISearchResults> {
+    const result = await serverSideSearch(client, term, roomId, abortSignal);
+
+    // The js-sdk method backPaginateRoomEventsSearch() uses _query internally
+    // so we're reusing the concept here since we want to delegate the
+    // pagination back to backPaginateRoomEventsSearch() in some cases.
+    const searchResults: ISearchResults = {
+        abortSignal,
+        _query: result.query,
+        results: [],
+        highlights: [],
+    };
+
+    return client.processRoomEventsSearch(searchResults, result.response);
+}
+
+function compareEvents(a: ISearchResult, b: ISearchResult): number {
+    const aEvent = a.result;
+    const bEvent = b.result;
+
+    if (aEvent.origin_server_ts > bEvent.origin_server_ts) return -1;
+    if (aEvent.origin_server_ts < bEvent.origin_server_ts) return 1;
+
+    return 0;
+}
+
+async function combinedSearch(
+    client: MatrixClient,
+    searchTerm: string,
+    abortSignal?: AbortSignal,
+): Promise<ISearchResults> {
+    // Create two promises, one for the local search, one for the
+    // server-side search.
+    const serverSidePromise = serverSideSearch(client, searchTerm, undefined, abortSignal);
+    const localPromise = localSearch(searchTerm);
+
+    // Wait for both promises to resolve.
+    await Promise.all([serverSidePromise, localPromise]);
+
+    // Get both search results.
+    const localResult = await localPromise;
+    const serverSideResult = await serverSidePromise;
+
+    const serverQuery = serverSideResult.query;
+    const serverResponse = serverSideResult.response;
+
+    const localQuery = localResult.query;
+    const localResponse = localResult.response;
+
+    // Store our queries for later on so we can support pagination.
+    //
+    // We're reusing _query here again to not introduce separate code paths and
+    // concepts for our different pagination methods. We're storing the
+    // server-side next batch separately since the query is the json body of
+    // the request and next_batch needs to be a query parameter.
+    //
+    // We can't put it in the final result that _processRoomEventsSearch()
+    // returns since that one can be either a server-side one, a local one or a
+    // fake one to fetch the remaining cached events. See the docs for
+    // combineEvents() for an explanation why we need to cache events.
+    const emptyResult: ISeshatSearchResults = {
+        seshatQuery: localQuery,
+        _query: serverQuery,
+        serverSideNextBatch: serverResponse.search_categories.room_events.next_batch,
+        cachedEvents: [],
+        oldestEventFrom: "server",
+        results: [],
+        highlights: [],
+    };
+
+    // Combine our results.
+    const combinedResult = combineResponses(emptyResult, localResponse, serverResponse.search_categories.room_events);
+
+    // Let the client process the combined result.
+    const response: ISearchResponse = {
+        search_categories: {
+            room_events: combinedResult,
+        },
+    };
+
+    const result = client.processRoomEventsSearch(emptyResult, response);
+
+    // Restore our encryption info so we can properly re-verify the events.
+    restoreEncryptionInfo(result.results);
+
+    return result;
+}
+
+async function localSearch(
+    searchTerm: string,
+    roomId?: string,
+    processResult = true,
+): Promise<{ response: IResultRoomEvents; query: ISearchArgs }> {
+    const eventIndex = EventIndexPeg.get();
+
+    const searchArgs: ISearchArgs = {
+        search_term: searchTerm,
+        before_limit: 1,
+        after_limit: 1,
+        limit: SEARCH_LIMIT,
+        order_by_recency: true,
+        room_id: undefined,
+    };
+
+    if (roomId !== undefined) {
+        searchArgs.room_id = roomId;
+    }
+
+    const localResult = await eventIndex!.search(searchArgs);
+    if (!localResult) {
+        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 = {
+        response: localResult,
+        query: searchArgs,
+    };
+
+    return result;
+}
+
+export interface ISeshatSearchResults extends ISearchResults {
+    seshatQuery?: ISearchArgs;
+    cachedEvents?: ISearchResult[];
+    oldestEventFrom?: "local" | "server";
+    serverSideNextBatch?: string;
+}
+
+async function localSearchProcess(
+    client: MatrixClient,
+    searchTerm: string,
+    roomId?: string,
+): Promise<ISeshatSearchResults> {
+    const emptyResult = {
+        results: [],
+        highlights: [],
+    } as ISeshatSearchResults;
+
+    if (searchTerm === "") return emptyResult;
+
+    const result = await localSearch(searchTerm, roomId);
+
+    emptyResult.seshatQuery = result.query;
+
+    const response: ISearchResponse = {
+        search_categories: {
+            room_events: result.response,
+        },
+    };
+
+    const processedResult = client.processRoomEventsSearch(emptyResult, response);
+    // Restore our encryption info so we can properly re-verify the events.
+    restoreEncryptionInfo(processedResult.results);
+
+    return processedResult;
+}
+
+async function localPagination(
+    client: MatrixClient,
+    searchResult: ISeshatSearchResults,
+): Promise<ISeshatSearchResults> {
+    const eventIndex = EventIndexPeg.get();
+
+    if (!searchResult.seshatQuery) {
+        throw new Error("localSearchProcess must be called first");
+    }
+
+    const localResult = await eventIndex!.search(searchResult.seshatQuery);
+    if (!localResult) {
+        throw new Error("Local search pagination failed");
+    }
+
+    searchResult.seshatQuery.next_batch = localResult.next_batch;
+
+    // We only need to restore the encryption state for the new results, so
+    // remember how many of them we got.
+    const newResultCount = localResult.results?.length ?? 0;
+
+    const response = {
+        search_categories: {
+            room_events: localResult,
+        },
+    };
+
+    const result = client.processRoomEventsSearch(searchResult, response);
+
+    // Restore our encryption info so we can properly re-verify the events.
+    const newSlice = result.results.slice(Math.max(result.results.length - newResultCount, 0));
+    restoreEncryptionInfo(newSlice);
+
+    searchResult.pendingRequest = undefined;
+
+    return result;
+}
+
+function compareOldestEvents(firstResults: ISearchResult[], secondResults: ISearchResult[]): number {
+    try {
+        const oldestFirstEvent = firstResults[firstResults.length - 1].result;
+        const oldestSecondEvent = secondResults[secondResults.length - 1].result;
+
+        if (oldestFirstEvent.origin_server_ts <= oldestSecondEvent.origin_server_ts) {
+            return -1;
+        } else {
+            return 1;
+        }
+    } catch {
+        return 0;
+    }
+}
+
+function combineEventSources(
+    previousSearchResult: ISeshatSearchResults,
+    response: IResultRoomEvents,
+    a: ISearchResult[],
+    b: ISearchResult[],
+): void {
+    // Merge event sources and sort the events.
+    const combinedEvents = a.concat(b).sort(compareEvents);
+    // Put half of the events in the response, and cache the other half.
+    response.results = combinedEvents.slice(0, SEARCH_LIMIT);
+    previousSearchResult.cachedEvents = combinedEvents.slice(SEARCH_LIMIT);
+}
+
+/**
+ * Combine the events from our event sources into a sorted result
+ *
+ * This method will first be called from the combinedSearch() method. In this
+ * case we will fetch SEARCH_LIMIT events from the server and the local index.
+ *
+ * The method will put the SEARCH_LIMIT newest events from the server and the
+ * local index in the results part of the response, the rest will be put in the
+ * cachedEvents field of the previousSearchResult (in this case an empty search
+ * result).
+ *
+ * Every subsequent call will be made from the combinedPagination() method, in
+ * this case we will combine the cachedEvents and the next SEARCH_LIMIT events
+ * from either the server or the local index.
+ *
+ * Since we have two event sources and we need to sort the results by date we
+ * need keep on looking for the oldest event. We are implementing a variation of
+ * a sliding window.
+ *
+ * The event sources are here represented as two sorted lists where the smallest
+ * number represents the newest event. The two lists need to be merged in a way
+ * that preserves the sorted property so they can be shown as one search result.
+ * We first fetch SEARCH_LIMIT events from both sources.
+ *
+ * If we set SEARCH_LIMIT to 3:
+ *
+ *  Server events [01, 02, 04, 06, 07, 08, 11, 13]
+ *                |01, 02, 04|
+ *  Local events  [03, 05, 09, 10, 12, 14, 15, 16]
+ *                |03, 05, 09|
+ *
+ *  We note that the oldest event is from the local index, and we combine the
+ *  results:
+ *
+ *  Server window [01, 02, 04]
+ *  Local window  [03, 05, 09]
+ *
+ *  Combined events [01, 02, 03, 04, 05, 09]
+ *
+ *  We split the combined result in the part that we want to present and a part
+ *  that will be cached.
+ *
+ *  Presented events [01, 02, 03]
+ *  Cached events    [04, 05, 09]
+ *
+ *  We slide the window for the server since the oldest event is from the local
+ *  index.
+ *
+ *  Server events [01, 02, 04, 06, 07, 08, 11, 13]
+ *                            |06, 07, 08|
+ *  Local events  [03, 05, 09, 10, 12, 14, 15, 16]
+ *                |XX, XX, XX|
+ *  Cached events [04, 05, 09]
+ *
+ *  We note that the oldest event is from the server and we combine the new
+ *  server events with the cached ones.
+ *
+ *  Cached events [04, 05, 09]
+ *  Server events [06, 07, 08]
+ *
+ *  Combined events [04, 05, 06, 07, 08, 09]
+ *
+ *  We split again.
+ *
+ *  Presented events [04, 05, 06]
+ *  Cached events    [07, 08, 09]
+ *
+ *  We slide the local window, the oldest event is on the server.
+ *
+ *  Server events [01, 02, 04, 06, 07, 08, 11, 13]
+ *                            |XX, XX, XX|
+ *  Local events  [03, 05, 09, 10, 12, 14, 15, 16]
+ *                            |10, 12, 14|
+ *
+ *  Cached events [07, 08, 09]
+ *  Local events  [10, 12, 14]
+ *  Combined events [07, 08, 09, 10, 12, 14]
+ *
+ *  Presented events [07, 08, 09]
+ *  Cached events    [10, 12, 14]
+ *
+ *  Next up we slide the server window again.
+ *
+ *  Server events [01, 02, 04, 06, 07, 08, 11, 13]
+ *                                        |11, 13|
+ *  Local events  [03, 05, 09, 10, 12, 14, 15, 16]
+ *                            |XX, XX, XX|
+ *
+ *  Cached events [10, 12, 14]
+ *  Server events [11, 13]
+ *  Combined events [10, 11, 12, 13, 14]
+ *
+ *  Presented events [10, 11, 12]
+ *  Cached events    [13, 14]
+ *
+ *  We have one source exhausted, we fetch the rest of our events from the other
+ *  source and combine it with our cached events.
+ *
+ *
+ * @param {object} previousSearchResult A search result from a previous search
+ * call.
+ * @param {object} localEvents An unprocessed search result from the event
+ * index.
+ * @param {object} serverEvents An unprocessed search result from the server.
+ *
+ * @returns {object} A response object that combines the events from the
+ * different event sources.
+ *
+ */
+function combineEvents(
+    previousSearchResult: ISeshatSearchResults,
+    localEvents?: IResultRoomEvents,
+    serverEvents?: IResultRoomEvents,
+): IResultRoomEvents {
+    const response = {} as IResultRoomEvents;
+
+    const cachedEvents = previousSearchResult.cachedEvents ?? [];
+    let oldestEventFrom = previousSearchResult.oldestEventFrom;
+    response.highlights = previousSearchResult.highlights;
+
+    if (localEvents && serverEvents && serverEvents.results) {
+        // This is a first search call, combine the events from the server and
+        // the local index. Note where our oldest event came from, we shall
+        // fetch the next batch of events from the other source.
+        if (compareOldestEvents(localEvents.results ?? [], serverEvents.results) < 0) {
+            oldestEventFrom = "local";
+        }
+
+        combineEventSources(previousSearchResult, response, localEvents.results ?? [], serverEvents.results);
+        response.highlights = (localEvents.highlights ?? []).concat(serverEvents.highlights ?? []);
+    } else if (localEvents) {
+        // This is a pagination call fetching more events from the local index,
+        // meaning that our oldest event was on the server.
+        // Change the source of the oldest event if our local event is older
+        // than the cached one.
+        if (compareOldestEvents(localEvents.results ?? [], cachedEvents) < 0) {
+            oldestEventFrom = "local";
+        }
+        combineEventSources(previousSearchResult, response, localEvents.results ?? [], cachedEvents);
+    } else if (serverEvents && serverEvents.results) {
+        // This is a pagination call fetching more events from the server,
+        // meaning that our oldest event was in the local index.
+        // Change the source of the oldest event if our server event is older
+        // than the cached one.
+        if (compareOldestEvents(serverEvents.results, cachedEvents) < 0) {
+            oldestEventFrom = "server";
+        }
+        combineEventSources(previousSearchResult, response, serverEvents.results, cachedEvents);
+    } else {
+        // This is a pagination call where we exhausted both of our event
+        // sources, let's push the remaining cached events.
+        response.results = cachedEvents;
+        previousSearchResult.cachedEvents = [];
+    }
+
+    previousSearchResult.oldestEventFrom = oldestEventFrom;
+
+    return response;
+}
+
+/**
+ * Combine the local and server search responses
+ *
+ * @param {object} previousSearchResult A search result from a previous search
+ * call.
+ * @param {object} localEvents An unprocessed search result from the event
+ * index.
+ * @param {object} serverEvents An unprocessed search result from the server.
+ *
+ * @returns {object} A response object that combines the events from the
+ * different event sources.
+ */
+function combineResponses(
+    previousSearchResult: ISeshatSearchResults,
+    localEvents?: IResultRoomEvents,
+    serverEvents?: IResultRoomEvents,
+): IResultRoomEvents {
+    // Combine our events first.
+    const response = combineEvents(previousSearchResult, localEvents, serverEvents);
+
+    // Our first search will contain counts from both sources, subsequent
+    // pagination requests will fetch responses only from one of the sources, so
+    // reuse the first count when we're paginating.
+    if (previousSearchResult.count) {
+        response.count = previousSearchResult.count;
+    } else {
+        const localEventCount = localEvents?.count ?? 0;
+        const serverEventCount = serverEvents?.count ?? 0;
+
+        response.count = localEventCount + serverEventCount;
+    }
+
+    // Update our next batch tokens for the given search sources.
+    if (localEvents && isNotUndefined(previousSearchResult.seshatQuery)) {
+        previousSearchResult.seshatQuery.next_batch = localEvents.next_batch;
+    }
+    if (serverEvents) {
+        previousSearchResult.serverSideNextBatch = serverEvents.next_batch;
+    }
+
+    // Set the response next batch token to one of the tokens from the sources,
+    // this makes sure that if we exhaust one of the sources we continue with
+    // the other one.
+    if (previousSearchResult.seshatQuery?.next_batch) {
+        response.next_batch = previousSearchResult.seshatQuery.next_batch;
+    } else if (previousSearchResult.serverSideNextBatch) {
+        response.next_batch = previousSearchResult.serverSideNextBatch;
+    }
+
+    // We collected all search results from the server as well as from Seshat,
+    // we still have some events cached that we'll want to display on the next
+    // pagination request.
+    //
+    // Provide a fake next batch token for that case.
+    if (
+        !response.next_batch &&
+        isNotUndefined(previousSearchResult.cachedEvents) &&
+        previousSearchResult.cachedEvents.length > 0
+    ) {
+        response.next_batch = "cached";
+    }
+
+    return response;
+}
+
+interface IEncryptedSeshatEvent {
+    curve25519Key?: string;
+    ed25519Key?: string;
+    algorithm?: string;
+    forwardingCurve25519KeyChain?: string[];
+}
+
+function restoreEncryptionInfo(searchResultSlice: SearchResult[] = []): void {
+    for (const result of searchResultSlice) {
+        const timeline = result.context.getTimeline();
+
+        for (const mxEv of timeline) {
+            const ev = mxEv.event as IEncryptedSeshatEvent;
+
+            if (ev.curve25519Key) {
+                mxEv.makeEncrypted(
+                    EventType.RoomMessageEncrypted,
+                    { algorithm: ev.algorithm },
+                    ev.curve25519Key,
+                    ev.ed25519Key!,
+                );
+                // @ts-ignore
+                mxEv.forwardingCurve25519KeyChain = ev.forwardingCurve25519KeyChain;
+
+                delete ev.curve25519Key;
+                delete ev.ed25519Key;
+                delete ev.algorithm;
+                delete ev.forwardingCurve25519KeyChain;
+            }
+        }
+    }
+}
+
+async function combinedPagination(
+    client: MatrixClient,
+    searchResult: ISeshatSearchResults,
+): Promise<ISeshatSearchResults> {
+    const eventIndex = EventIndexPeg.get();
+
+    const searchArgs = searchResult.seshatQuery;
+    const oldestEventFrom = searchResult.oldestEventFrom;
+
+    let localResult: IResultRoomEvents | undefined;
+    let serverSideResult: ISearchResponse | undefined;
+
+    // Fetch events from the local index if we have a token for it and if it's
+    // the local indexes turn or the server has exhausted its results.
+    if (searchArgs?.next_batch && (!searchResult.serverSideNextBatch || oldestEventFrom === "server")) {
+        localResult = await eventIndex!.search(searchArgs);
+    }
+
+    // Fetch events from the server if we have a token for it and if it's the
+    // local indexes turn or the local index has exhausted its results.
+    if (searchResult.serverSideNextBatch && (oldestEventFrom === "local" || !searchArgs?.next_batch)) {
+        const body = { body: searchResult._query!, next_batch: searchResult.serverSideNextBatch };
+        serverSideResult = await client.search(body);
+    }
+
+    const serverEvents: IResultRoomEvents | undefined = serverSideResult?.search_categories.room_events;
+
+    // Combine our events.
+    const combinedResult = combineResponses(searchResult, localResult, serverEvents);
+
+    const response = {
+        search_categories: {
+            room_events: combinedResult,
+        },
+    };
+
+    const oldResultCount = searchResult.results ? searchResult.results.length : 0;
+
+    // Let the client process the combined result.
+    const result = client.processRoomEventsSearch(searchResult, response);
+
+    // Restore our encryption info so we can properly re-verify the events.
+    const newResultCount = result.results.length - oldResultCount;
+    const newSlice = result.results.slice(Math.max(result.results.length - newResultCount, 0));
+    restoreEncryptionInfo(newSlice);
+
+    searchResult.pendingRequest = undefined;
+
+    return result;
+}
+
+async function eventIndexSearch(
+    client: MatrixClient,
+    term: string,
+    roomId?: string,
+    abortSignal?: AbortSignal,
+): Promise<ISearchResults> {
+    let searchPromise: Promise<ISearchResults>;
+
+    if (roomId !== undefined) {
+        if (await client.getCrypto()?.isEncryptionEnabledInRoom(roomId)) {
+            // The search is for a single encrypted room, use our local
+            // search method.
+            searchPromise = localSearchProcess(client, term, roomId);
+        } else {
+            // The search is for a single non-encrypted room, use the
+            // server-side search.
+            searchPromise = serverSideSearchProcess(client, term, roomId, abortSignal);
+        }
+    } else {
+        // Search across all rooms, combine a server side search and a
+        // local search.
+        searchPromise = combinedSearch(client, term, abortSignal);
+    }
+
+    return searchPromise;
+}
+
+function eventIndexSearchPagination(
+    client: MatrixClient,
+    searchResult: ISeshatSearchResults,
+): Promise<ISeshatSearchResults> {
+    const seshatQuery = searchResult.seshatQuery;
+    const serverQuery = searchResult._query;
+
+    if (!seshatQuery) {
+        // This is a search in a non-encrypted room. Do the normal server-side
+        // pagination.
+        return client.backPaginateRoomEventsSearch(searchResult);
+    } else if (!serverQuery) {
+        // This is a search in a encrypted room. Do a local pagination.
+        const promise = localPagination(client, searchResult);
+        searchResult.pendingRequest = promise;
+
+        return promise;
+    } else {
+        // We have both queries around, this is a search across all rooms so a
+        // combined pagination needs to be done.
+        const promise = combinedPagination(client, searchResult);
+        searchResult.pendingRequest = promise;
+
+        return promise;
+    }
+}
+
+export function searchPagination(client: MatrixClient, searchResult: ISearchResults): Promise<ISearchResults> {
+    const eventIndex = EventIndexPeg.get();
+
+    if (searchResult.pendingRequest) return searchResult.pendingRequest;
+
+    if (eventIndex === null) return client.backPaginateRoomEventsSearch(searchResult);
+    else return eventIndexSearchPagination(client, searchResult);
+}
+
+export default function eventSearch(
+    client: MatrixClient,
+    term: string,
+    roomId?: string,
+    abortSignal?: AbortSignal,
+): Promise<ISearchResults> {
+    const eventIndex = EventIndexPeg.get();
+
+    if (eventIndex === null) {
+        return serverSideSearchProcess(client, term, roomId, abortSignal);
+    } else {
+        return eventIndexSearch(client, term, roomId, abortSignal);
+    }
+}
+
+/**
+ * The scope for a message search, either in the current room or across all rooms.
+ */
+export enum SearchScope {
+    Room = "Room",
+    All = "All",
+}
+
+/**
+ * Information about a message search in progress.
+ */
+export interface SearchInfo {
+    /**
+     * Opaque ID for this search.
+     */
+    searchId: number;
+    /**
+     * The room ID being searched, or undefined if searching all rooms.
+     */
+    roomId?: string;
+    /**
+     * The search term.
+     */
+    term: string;
+    /**
+     * The scope of the search.
+     */
+    scope: SearchScope;
+    /**
+     * The promise for the search results.
+     */
+    promise: Promise<ISearchResults>;
+    /**
+     * Controller for aborting the search.
+     */
+    abortController?: AbortController;
+    /**
+     * Whether the search is currently awaiting data from the backend.
+     */
+    inProgress?: boolean;
+    /**
+     * The total count of matching results as returned by the backend.
+     */
+    count?: number;
+    /**
+     * Describe the error if any occured.
+     */
+    error?: Error;
+}
diff --git a/apps/web/src/SecurityManager.ts b/apps/web/src/SecurityManager.ts
new file mode 100644
index 00000000000..84642626e8b
--- /dev/null
+++ b/apps/web/src/SecurityManager.ts
@@ -0,0 +1,274 @@
+/*
+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.
+*/
+
+import { lazy } from "react";
+import { type SecretStorage } from "matrix-js-sdk/src/matrix";
+import { deriveRecoveryKeyFromPassphrase, decodeRecoveryKey, type CryptoCallbacks } from "matrix-js-sdk/src/crypto-api";
+import { logger as rootLogger } from "matrix-js-sdk/src/logger";
+
+import Modal from "./Modal";
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import { _t } from "./languageHandler";
+import AccessSecretStorageDialog, {
+    type KeyParams,
+} from "./components/views/dialogs/security/AccessSecretStorageDialog";
+import { ModuleRunner } from "./modules/ModuleRunner";
+import InteractiveAuthDialog from "./components/views/dialogs/InteractiveAuthDialog";
+
+// This stores the secret storage private keys in memory for the JS SDK. This is
+// only meant to act as a cache to avoid prompting the user multiple times
+// 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<ArrayBuffer>> = {};
+let secretStorageKeyInfo: Record<string, SecretStorage.SecretStorageKeyDescription> = {};
+let secretStorageBeingAccessed = false;
+
+const logger = rootLogger.getChild("SecurityManager:");
+
+/**
+ * This can be used by other components to check if secret storage access is in
+ * progress, so that we can e.g. avoid intermittently showing toasts during
+ * secret storage setup.
+ *
+ * @returns {bool}
+ */
+export function isSecretStorageBeingAccessed(): boolean {
+    return secretStorageBeingAccessed;
+}
+
+export class AccessCancelledError extends Error {
+    public constructor() {
+        super("Secret storage access canceled");
+    }
+}
+
+function makeInputToKey(
+    keyInfo: SecretStorage.SecretStorageKeyDescription,
+): (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) {
+            return decodeRecoveryKey(recoveryKey);
+        }
+        throw new Error("Invalid input, passphrase or recoveryKey need to be provided");
+    };
+}
+
+async function getSecretStorageKey(
+    {
+        keys: keyInfos,
+    }: {
+        keys: Record<string, SecretStorage.SecretStorageKeyDescription>;
+    },
+    secretName: string,
+): Promise<[string, Uint8Array<ArrayBuffer>]> {
+    const cli = MatrixClientPeg.safeGet();
+    const defaultKeyId = await cli.secretStorage.getDefaultKeyId();
+
+    let keyId: string;
+    // If the defaultKey is useful, use that
+    if (defaultKeyId && keyInfos[defaultKeyId]) {
+        keyId = defaultKeyId;
+    } else {
+        // Fall back to a heuristic of using the
+        // only available key, if only one key is set
+        const usefulKeys = Object.keys(keyInfos);
+        if (usefulKeys.length > 1) {
+            throw new Error("Multiple storage key requests not implemented");
+        }
+        keyId = usefulKeys[0];
+    }
+    const keyInfo = keyInfos[keyId];
+    logger.debug(
+        `getSecretStorageKey: request for 4S keys [${Object.keys(keyInfos)}] for secret \`${secretName}\`: looking for key ${keyId}`,
+    );
+
+    // Check the in-memory cache
+    if (secretStorageBeingAccessed && secretStorageKeys[keyId]) {
+        logger.debug(`getSecretStorageKey: returning key ${keyId} from cache`);
+        return [keyId, secretStorageKeys[keyId]];
+    }
+
+    const keyFromCustomisations = ModuleRunner.instance.extensions.cryptoSetup.getSecretStorageKey();
+    if (keyFromCustomisations) {
+        logger.debug("getSecretStorageKey: Using secret storage key from CryptoSetupExtension");
+        cacheSecretStorageKey(keyId, keyInfo, keyFromCustomisations);
+        return [keyId, keyFromCustomisations];
+    }
+
+    // We only prompt the user for the default key
+    if (keyId !== defaultKeyId) {
+        logger.debug(`getSecretStorageKey: request for non-default key ${keyId}: not prompting user`);
+        throw new Error("Request for non-default 4S key");
+    }
+
+    logger.debug(`getSecretStorageKey: prompting user for key ${keyId}`);
+    const inputToKey = makeInputToKey(keyInfo);
+    const { finished } = Modal.createDialog(
+        AccessSecretStorageDialog,
+        /* props= */
+        {
+            keyInfo,
+            checkPrivateKey: async (input: KeyParams): Promise<boolean> => {
+                const key = await inputToKey(input);
+                return MatrixClientPeg.safeGet().secretStorage.checkKey(key, keyInfo);
+            },
+        },
+    );
+    const [keyParams] = await finished;
+    if (!keyParams) {
+        throw new AccessCancelledError();
+    }
+    logger.debug(`getSecretStorageKey: got key ${keyId} from user`);
+    const key = await inputToKey(keyParams);
+
+    // Save to cache to avoid future prompts in the current session
+    cacheSecretStorageKey(keyId, keyInfo, key);
+
+    return [keyId, key];
+}
+
+function cacheSecretStorageKey(
+    keyId: string,
+    keyInfo: SecretStorage.SecretStorageKeyDescription,
+    key: Uint8Array<ArrayBuffer>,
+): void {
+    if (secretStorageBeingAccessed) {
+        logger.debug(`Caching 4S key ${keyId}`);
+        secretStorageKeys[keyId] = key;
+        secretStorageKeyInfo[keyId] = keyInfo;
+    }
+}
+
+export const crossSigningCallbacks: CryptoCallbacks = {
+    getSecretStorageKey,
+    cacheSecretStorageKey,
+};
+
+/**
+ * Carry out an operation that may require multiple accesses to secret storage, caching the key.
+ *
+ * Use this helper to wrap an operation that may require multiple accesses to secret storage; the user will be prompted
+ * to enter the 4S key or passphrase on the first access, and the key will be cached for the rest of the operation.
+ *
+ * @param func - The operation to be wrapped.
+ */
+export async function withSecretStorageKeyCache<T>(func: () => Promise<T>): Promise<T> {
+    logger.debug("enabling 4S key cache");
+    secretStorageBeingAccessed = true;
+    try {
+        return await func();
+    } finally {
+        // Clear secret storage key cache now that work is complete
+        logger.debug("disabling 4S key cache");
+        secretStorageBeingAccessed = false;
+        secretStorageKeys = {};
+        secretStorageKeyInfo = {};
+    }
+}
+
+export interface AccessSecretStorageOpts {
+    /**
+     * Reset secret storage even if it's already set up.
+     * @deprecated send the user to the Encryption settings tab to reset secret storage
+     */
+    forceReset?: boolean;
+}
+
+/**
+ * This helper should be used whenever you need to access secret storage. It
+ * ensures that secret storage (and also cross-signing since they each depend on
+ * each other in a cycle of sorts) have been bootstrapped before running the
+ * provided function.
+ *
+ * Bootstrapping secret storage may take one of these paths:
+ * 1. (Only if `opts.forceReset` is set) create secret storage from a passphrase
+ *    and store cross-signing keys in secret storage.
+ * 2. Access existing secret storage by requesting passphrase and accessing
+ *    cross-signing keys as needed.
+ * 3. All keys are loaded and there's nothing to do.
+ *
+ * Additionally, the secret storage keys are cached during the scope of this function
+ * to ensure the user is prompted only once for their secret storage
+ * passphrase. The cache is then cleared once the provided function completes.
+ *
+ * Throws an error if secret storage is not set up (and `opts.forceReset` is not set)
+ *
+ * @param {Function} [func] An operation to perform once secret storage has been
+ * bootstrapped. Optional.
+ * @param [opts] The options to use when accessing secret storage.
+ */
+export async function accessSecretStorage(
+    func = async (): Promise<void> => {},
+    opts: AccessSecretStorageOpts = {},
+): Promise<void> {
+    await withSecretStorageKeyCache(() => doAccessSecretStorage(func, opts));
+}
+
+/** Helper for {@link #accessSecretStorage} */
+async function doAccessSecretStorage(func: () => Promise<void>, opts: AccessSecretStorageOpts): Promise<void> {
+    try {
+        const cli = MatrixClientPeg.safeGet();
+        const crypto = cli.getCrypto();
+        if (!crypto) {
+            throw new Error("End-to-end encryption is disabled - unable to access secret storage.");
+        }
+
+        if (opts.forceReset) {
+            logger.debug("accessSecretStorage: resetting 4S");
+            // This dialog calls bootstrap itself after guiding the user through
+            // passphrase creation.
+            const { finished } = Modal.createDialog(
+                lazy(() => import("./async-components/views/dialogs/security/CreateSecretStorageDialog")),
+                opts,
+                undefined,
+                /* priority = */ false,
+                /* static = */ true,
+            );
+            const [confirmed] = await finished;
+            if (!confirmed) {
+                throw new Error("Secret storage creation canceled");
+            }
+        } else if (!(await cli.secretStorage.hasKey())) {
+            logger.debug("accessSecretStorage: no 4S key configured");
+            throw new Error("Secret storage has not been created yet.");
+        } else {
+            logger.debug("accessSecretStorage: bootstrapCrossSigning");
+            await crypto.bootstrapCrossSigning({
+                authUploadDeviceSigningKeys: async (makeRequest): Promise<void> => {
+                    logger.debug("accessSecretStorage: performing UIA to upload cross-signing keys");
+                    const { finished } = Modal.createDialog(InteractiveAuthDialog, {
+                        title: _t("encryption|bootstrap_title"),
+                        matrixClient: cli,
+                        makeRequest,
+                    });
+                    const [confirmed] = await finished;
+                    if (!confirmed) {
+                        throw new Error("Cross-signing key upload auth canceled");
+                    }
+                    logger.debug("accessSecretStorage: Cross-signing key upload successful");
+                },
+            });
+            logger.debug("accessSecretStorage: bootstrapSecretStorage");
+            await crypto.bootstrapSecretStorage({});
+        }
+
+        logger.debug("accessSecretStorage: 4S now ready");
+        // `return await` needed here to ensure `finally` block runs after the
+        // inner operation completes.
+        await func();
+        logger.debug("accessSecretStorage: operation complete");
+    } catch (e) {
+        ModuleRunner.instance.extensions.cryptoSetup.catchAccessSecretStorageError(e as Error);
+        logger.error("accessSecretStorage: error during operation", e);
+        // Re-throw so that higher level logic can abort as needed
+        throw e;
+    }
+}
diff --git a/apps/web/src/SendHistoryManager.ts b/apps/web/src/SendHistoryManager.ts
new file mode 100644
index 00000000000..149dbe42d2e
--- /dev/null
+++ b/apps/web/src/SendHistoryManager.ts
@@ -0,0 +1,67 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017 Aviral Dasgupta
+
+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 { clamp } from "lodash";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { type SerializedPart } from "./editor/parts";
+import type EditorModel from "./editor/model";
+
+interface IHistoryItem {
+    parts: SerializedPart[];
+    replyEventId?: string;
+}
+
+export default class SendHistoryManager {
+    public history: Array<IHistoryItem> = [];
+    public prefix: string;
+    public lastIndex = 0; // used for indexing the storage
+    public currentIndex = 0; // used for indexing the loaded validated history Array
+
+    public constructor(roomId: string, prefix: string) {
+        this.prefix = prefix + roomId;
+
+        // TODO: Performance issues?
+        let index = 0;
+        let itemJSON;
+
+        while ((itemJSON = sessionStorage.getItem(`${this.prefix}[${index}]`))) {
+            try {
+                this.history.push(JSON.parse(itemJSON));
+            } catch (e) {
+                logger.warn("Throwing away unserialisable history", e);
+                break;
+            }
+            ++index;
+        }
+        this.lastIndex = this.history.length - 1;
+        // reset currentIndex to account for any unserialisable history
+        this.currentIndex = this.lastIndex + 1;
+    }
+
+    public static createItem(model: EditorModel, replyEvent?: MatrixEvent): IHistoryItem {
+        return {
+            parts: model.serializeParts(),
+            replyEventId: replyEvent ? replyEvent.getId() : undefined,
+        };
+    }
+
+    public save(editorModel: EditorModel, replyEvent?: MatrixEvent): void {
+        const item = SendHistoryManager.createItem(editorModel, replyEvent);
+        this.history.push(item);
+        this.currentIndex = this.history.length;
+        this.lastIndex += 1;
+        sessionStorage.setItem(`${this.prefix}[${this.lastIndex}]`, JSON.stringify(item));
+    }
+
+    public getItem(offset: number): IHistoryItem {
+        this.currentIndex = clamp(this.currentIndex + offset, 0, this.history.length - 1);
+        return this.history[this.currentIndex];
+    }
+}
diff --git a/apps/web/src/SlidingSyncManager.test.ts b/apps/web/src/SlidingSyncManager.test.ts
new file mode 100644
index 00000000000..5e7b2783894
--- /dev/null
+++ b/apps/web/src/SlidingSyncManager.test.ts
@@ -0,0 +1,245 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { type SlidingSync, SlidingSyncEvent, SlidingSyncState } from "matrix-js-sdk/src/sliding-sync";
+import { ClientEvent, type MatrixClient, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import fetchMock from "@fetch-mock/vitest";
+import EventEmitter from "node:events";
+import { waitFor } from "test-utils-rtl";
+import { mkStubRoom, stubClient } from "test-utils";
+
+import { SlidingSyncManager } from "./SlidingSyncManager";
+
+class MockSlidingSync extends EventEmitter {
+    lists = {};
+    listModifiedCount = 0;
+    terminated = false;
+    needsResend = false;
+    modifyRoomSubscriptions = vi.fn();
+    getRoomSubscriptions = vi.fn();
+    useCustomSubscription = vi.fn();
+    getListParams = vi.fn();
+    setList = vi.fn();
+    setListRanges = vi.fn();
+    getListData = vi.fn();
+    extensions = vi.fn();
+    desiredRoomSubscriptions = vi.fn();
+}
+
+describe("SlidingSyncManager", () => {
+    let manager: SlidingSyncManager;
+    let slidingSync: SlidingSync;
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        slidingSync = new MockSlidingSync() as unknown as SlidingSync;
+        manager = new SlidingSyncManager();
+        client = stubClient();
+        // by default the client has no rooms: stubClient magically makes rooms annoyingly.
+        vi.mocked(client.getRoom).mockReturnValue(null);
+        (manager as any).configure(client, "invalid");
+        manager.slidingSync = slidingSync;
+        fetchMock.get("https://proxy/client/server.json", {});
+    });
+
+    describe("setRoomVisible", () => {
+        it("adds a subscription for the room", async () => {
+            const roomId = "!room:id";
+            vi.mocked(client.getRoom).mockReturnValue(mkStubRoom(roomId, "foo", client));
+            const subs = new Set<string>();
+            vi.mocked(slidingSync.getRoomSubscriptions).mockReturnValue(subs);
+            await manager.setRoomVisible(roomId);
+            expect(slidingSync.modifyRoomSubscriptions).toHaveBeenCalledWith(new Set<string>([roomId]));
+        });
+
+        it("adds a custom subscription for a lazy-loadable room", async () => {
+            const roomId = "!lazy:id";
+            const room = new Room(roomId, client, client.getUserId()!);
+            room.getLiveTimeline().initialiseState([
+                new MatrixEvent({
+                    type: "m.room.create",
+                    state_key: "",
+                    event_id: "$abc123",
+                    sender: client.getUserId()!,
+                    content: {
+                        creator: client.getUserId()!,
+                    },
+                }),
+            ]);
+            vi.mocked(client.getRoom).mockImplementation((r?: string): Room | null => {
+                if (roomId === r) {
+                    return room;
+                }
+                return null;
+            });
+            const subs = new Set<string>();
+            vi.mocked(slidingSync.getRoomSubscriptions).mockReturnValue(subs);
+            await manager.setRoomVisible(roomId);
+            expect(slidingSync.modifyRoomSubscriptions).toHaveBeenCalledWith(new Set<string>([roomId]));
+            // we aren't prescriptive about what the sub name is.
+            expect(slidingSync.useCustomSubscription).toHaveBeenCalledWith(roomId, expect.anything());
+        });
+
+        it("waits if the room is not yet known", async () => {
+            const roomId = "!room:id";
+            vi.mocked(client.getRoom).mockReturnValue(null);
+            const subs = new Set<string>();
+            vi.mocked(slidingSync.getRoomSubscriptions).mockReturnValue(subs);
+
+            const setVisibleDone = vi.fn();
+            manager.setRoomVisible(roomId).then(setVisibleDone);
+
+            await waitFor(() => expect(client.getRoom).toHaveBeenCalledWith(roomId));
+
+            expect(setVisibleDone).not.toHaveBeenCalled();
+
+            const stubRoom = mkStubRoom(roomId, "foo", client);
+            vi.mocked(client.getRoom).mockReturnValue(stubRoom);
+            client.emit(ClientEvent.Room, stubRoom);
+
+            await waitFor(() => expect(setVisibleDone).toHaveBeenCalled());
+        });
+    });
+
+    describe("ensureListRegistered", () => {
+        it("creates a new list based on the key", async () => {
+            const listKey = "key";
+            vi.mocked(slidingSync.getListParams).mockReturnValue(null);
+            await manager.ensureListRegistered(listKey, {
+                sort: ["by_recency"],
+            });
+            expect(slidingSync.setList).toHaveBeenCalledWith(
+                listKey,
+                expect.objectContaining({
+                    sort: ["by_recency"],
+                }),
+            );
+        });
+
+        it("updates an existing list based on the key", async () => {
+            const listKey = "key";
+            vi.mocked(slidingSync.getListParams).mockReturnValue({
+                ranges: [[0, 42]],
+            });
+            await manager.ensureListRegistered(listKey, {
+                sort: ["by_recency"],
+            });
+            expect(slidingSync.setList).toHaveBeenCalledWith(
+                listKey,
+                expect.objectContaining({
+                    sort: ["by_recency"],
+                    ranges: [[0, 42]],
+                }),
+            );
+        });
+
+        it("updates ranges on an existing list based on the key if there's no other changes", async () => {
+            const listKey = "key";
+            vi.mocked(slidingSync.getListParams).mockReturnValue({
+                ranges: [[0, 42]],
+            });
+            await manager.ensureListRegistered(listKey, {
+                ranges: [[0, 52]],
+            });
+            expect(slidingSync.setList).not.toHaveBeenCalled();
+            expect(slidingSync.setListRanges).toHaveBeenCalledWith(listKey, [[0, 52]]);
+        });
+
+        it("no-ops for idential changes", async () => {
+            const listKey = "key";
+            vi.mocked(slidingSync.getListParams).mockReturnValue({
+                ranges: [[0, 42]],
+                sort: ["by_recency"],
+            });
+            await manager.ensureListRegistered(listKey, {
+                ranges: [[0, 42]],
+                sort: ["by_recency"],
+            });
+            expect(slidingSync.setList).not.toHaveBeenCalled();
+            expect(slidingSync.setListRanges).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("startSpidering", () => {
+        it("requests in expanding batchSizes", async () => {
+            const gapMs = 1;
+            const batchSize = 10;
+            vi.mocked(slidingSync.getListData).mockImplementation((key) => {
+                return {
+                    joinedCount: 64,
+                    roomIndexToRoomId: {},
+                };
+            });
+            await (manager as any).startSpidering(slidingSync, batchSize, gapMs);
+
+            // we expect calls for 10,19 -> 20,29 -> 30,39 -> 40,49 -> 50,59 -> 60,69
+            const wantWindows = [
+                [0, 10],
+                [0, 20],
+                [0, 30],
+                [0, 40],
+                [0, 50],
+                [0, 60],
+                [0, 70],
+            ];
+
+            for (let i = 1; i < wantWindows.length; ++i) {
+                // each time we emit, it should expand the range of all 5 lists by 10 until
+                // they all include all the rooms (64), which is 6 emits.
+                slidingSync.emit(SlidingSyncEvent.Lifecycle, SlidingSyncState.Complete, null, undefined);
+                await waitFor(() => expect(slidingSync.getListData).toHaveBeenCalledTimes(i * 5));
+                expect(slidingSync.setListRanges).toHaveBeenCalledTimes(i * 5);
+                expect(slidingSync.setListRanges).toHaveBeenCalledWith("spaces", [wantWindows[i]]);
+            }
+        });
+        it("handles accounts with zero rooms", async () => {
+            const gapMs = 1;
+            const batchSize = 10;
+            vi.mocked(slidingSync.getListData).mockImplementation((key) => {
+                return {
+                    joinedCount: 0,
+                    roomIndexToRoomId: {},
+                };
+            });
+            await (manager as any).startSpidering(slidingSync, batchSize, gapMs);
+            slidingSync.emit(SlidingSyncEvent.Lifecycle, SlidingSyncState.Complete, null, undefined);
+            await waitFor(() => expect(slidingSync.getListData).toHaveBeenCalledTimes(5));
+            // should not have needed to expand the range
+            expect(slidingSync.setListRanges).not.toHaveBeenCalled();
+        });
+    });
+    describe("checkSupport", () => {
+        beforeEach(() => {
+            SlidingSyncManager.serverSupportsSlidingSync = false;
+        });
+        it("shorts out if the server has 'native' sliding sync support", async () => {
+            vi.spyOn(manager, "nativeSlidingSyncSupport").mockResolvedValue(true);
+            expect(SlidingSyncManager.serverSupportsSlidingSync).toBeFalsy();
+            await manager.checkSupport(client);
+            expect(SlidingSyncManager.serverSupportsSlidingSync).toBeTruthy();
+        });
+    });
+    describe("setup", () => {
+        let untypedManager: any;
+
+        beforeEach(() => {
+            untypedManager = manager;
+            vi.spyOn(untypedManager, "configure");
+            vi.spyOn(untypedManager, "startSpidering");
+        });
+        it("uses the baseUrl", async () => {
+            await manager.setup(client);
+            expect(untypedManager.configure).toHaveBeenCalled();
+            expect(untypedManager.configure).toHaveBeenCalledWith(client, client.baseUrl);
+            expect(untypedManager.startSpidering).toHaveBeenCalled();
+        });
+    });
+});
diff --git a/apps/web/src/SlidingSyncManager.ts b/apps/web/src/SlidingSyncManager.ts
new file mode 100644
index 00000000000..e92bf83fa0a
--- /dev/null
+++ b/apps/web/src/SlidingSyncManager.ts
@@ -0,0 +1,420 @@
+/*
+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.
+*/
+
+/*
+ * Sliding Sync Architecture - MSC https://github.com/matrix-org/matrix-spec-proposals/pull/3575
+ *
+ * This is a holistic summary of the changes made to Element-Web / React SDK / JS SDK to enable sliding sync.
+ * This summary will hopefully signpost where developers need to look if they want to make changes to this code.
+ *
+ * At the lowest level, the JS SDK contains an HTTP API wrapper function in client.ts. This is used by
+ * a SlidingSync class in JS SDK, which contains code to handle list operations (INSERT/DELETE/SYNC/etc)
+ * and contains the main request API bodies, but has no code to control updating JS SDK structures: it just
+ * exposes an EventEmitter to listen for updates. When MatrixClient.startClient is called, callers need to
+ * provide a SlidingSync instance as this contains the main request API params (timeline limit, required state,
+ * how many lists, etc).
+ *
+ * The SlidingSyncSdk INTERNAL class in JS SDK attaches listeners to SlidingSync to update JS SDK Room objects,
+ * and it conveniently exposes an identical public API to SyncApi (to allow it to be a drop-in replacement).
+ *
+ * At the highest level, SlidingSyncManager contains mechanisms to tell UI lists which rooms to show,
+ * and contains the core request API params used in Element-Web. It does this by listening for events
+ * emitted by the SlidingSync class and by modifying the request API params on the SlidingSync class.
+ *
+ *    (entry point)                     (updates JS SDK)
+ *  SlidingSyncManager                   SlidingSyncSdk
+ *       |                                     |
+ *       +------------------.------------------+
+ *         listens          |          listens
+ *                     SlidingSync
+ *                     (sync loop,
+ *                      list ops)
+ */
+
+import { type MatrixClient, ClientEvent, EventType, type Room } from "matrix-js-sdk/src/matrix";
+import {
+    type MSC3575Filter,
+    type MSC3575List,
+    type MSC3575SlidingSyncResponse,
+    MSC3575_STATE_KEY_LAZY,
+    MSC3575_STATE_KEY_ME,
+    MSC3575_WILDCARD,
+    SlidingSync,
+    SlidingSyncEvent,
+    SlidingSyncState,
+} from "matrix-js-sdk/src/sliding-sync";
+import { logger } from "matrix-js-sdk/src/logger";
+import { sleep } from "matrix-js-sdk/src/utils";
+
+// how long to long poll for
+const SLIDING_SYNC_TIMEOUT_MS = 20 * 1000;
+
+// The state events we will get for every single room/space/old room/etc
+// This list is only augmented when a direct room subscription is made. (e.g you view a room)
+const REQUIRED_STATE_LIST = [
+    [EventType.RoomJoinRules, ""], // the public icon on the room list
+    [EventType.RoomAvatar, ""], // any room avatar
+    [EventType.RoomCanonicalAlias, ""], // for room name calculations
+    [EventType.RoomTombstone, ""], // lets JS SDK hide rooms which are dead
+    [EventType.RoomEncryption, ""], // lets rooms be configured for E2EE correctly
+    [EventType.RoomCreate, ""], // for isSpaceRoom checks
+    [EventType.SpaceChild, MSC3575_WILDCARD], // all space children
+    [EventType.SpaceParent, MSC3575_WILDCARD], // all space parents
+    [EventType.RoomMember, MSC3575_STATE_KEY_ME], // lets the client calculate that we are in fact in the room
+];
+
+// the things to fetch when a user clicks on a room
+const DEFAULT_ROOM_SUBSCRIPTION_INFO = {
+    timeline_limit: 50,
+    // missing required_state which will change depending on the kind of room
+    include_old_rooms: {
+        timeline_limit: 0,
+        required_state: REQUIRED_STATE_LIST,
+    },
+};
+// lazy load room members so rooms like Matrix HQ don't take forever to load
+const UNENCRYPTED_SUBSCRIPTION_NAME = "unencrypted";
+const UNENCRYPTED_SUBSCRIPTION = {
+    required_state: [
+        [EventType.RoomMember, MSC3575_STATE_KEY_ME], // except for m.room.members, get our own membership
+        [EventType.RoomMember, MSC3575_STATE_KEY_LAZY], // ...and lazy load the rest.
+    ],
+    ...DEFAULT_ROOM_SUBSCRIPTION_INFO,
+};
+
+// we need all the room members in encrypted rooms because we need to know which users to encrypt
+// messages for.
+const ENCRYPTED_SUBSCRIPTION = {
+    required_state: [
+        [MSC3575_WILDCARD, MSC3575_WILDCARD], // all events
+    ],
+    ...DEFAULT_ROOM_SUBSCRIPTION_INFO,
+};
+
+// the complete set of lists made in SSS. The manager will spider all of these lists depending
+// on the count for each one.
+const sssLists: Record<string, MSC3575List> = {
+    spaces: {
+        ranges: [[0, 10]],
+        timeline_limit: 0, // we don't care about the most recent message for spaces
+        required_state: REQUIRED_STATE_LIST,
+        include_old_rooms: {
+            timeline_limit: 0,
+            required_state: REQUIRED_STATE_LIST,
+        },
+        filters: {
+            room_types: ["m.space"],
+        },
+    },
+    invites: {
+        ranges: [[0, 10]],
+        timeline_limit: 1, // most recent message display
+        required_state: REQUIRED_STATE_LIST,
+        include_old_rooms: {
+            timeline_limit: 0,
+            required_state: REQUIRED_STATE_LIST,
+        },
+        filters: {
+            is_invite: true,
+        },
+    },
+    favourites: {
+        ranges: [[0, 10]],
+        timeline_limit: 1, // most recent message display
+        required_state: REQUIRED_STATE_LIST,
+        include_old_rooms: {
+            timeline_limit: 0,
+            required_state: REQUIRED_STATE_LIST,
+        },
+        filters: {
+            tags: ["m.favourite"],
+        },
+    },
+    dms: {
+        ranges: [[0, 10]],
+        timeline_limit: 1, // most recent message display
+        required_state: REQUIRED_STATE_LIST,
+        include_old_rooms: {
+            timeline_limit: 0,
+            required_state: REQUIRED_STATE_LIST,
+        },
+        filters: {
+            is_dm: true,
+            is_invite: false,
+            // If a DM has a Favourite & Low Prio tag then it'll be shown in those lists instead
+            not_tags: ["m.favourite", "m.lowpriority"],
+        },
+    },
+    untagged: {
+        // SSS will dupe suppress invites/dms from here, so we don't need "not dms, not invites"
+        ranges: [[0, 10]],
+        timeline_limit: 1, // most recent message display
+        required_state: REQUIRED_STATE_LIST,
+        include_old_rooms: {
+            timeline_limit: 0,
+            required_state: REQUIRED_STATE_LIST,
+        },
+    },
+};
+
+export type PartialSlidingSyncRequest = {
+    filters?: MSC3575Filter;
+    sort?: string[];
+    ranges?: [startIndex: number, endIndex: number][];
+};
+
+/**
+ * This class manages the entirety of sliding sync at a high UI/UX level. It controls the placement
+ * of placeholders in lists, controls updating sliding window ranges, and controls which events
+ * are pulled down when. The intention behind this manager is be the single place to look for sliding
+ * sync options and code.
+ */
+export class SlidingSyncManager {
+    public static serverSupportsSlidingSync: boolean;
+
+    public static readonly ListSpaces = "space_list";
+    public static readonly ListSearch = "search_list";
+    private static readonly internalInstance = new SlidingSyncManager();
+
+    public slidingSync?: SlidingSync;
+    private client?: MatrixClient;
+
+    private configureDefer = Promise.withResolvers<void>();
+
+    public static get instance(): SlidingSyncManager {
+        return SlidingSyncManager.internalInstance;
+    }
+
+    private configure(client: MatrixClient, proxyUrl: string): SlidingSync {
+        this.client = client;
+        // create the set of lists we will use.
+        const lists = new Map();
+        for (const listName in sssLists) {
+            lists.set(listName, sssLists[listName]);
+        }
+        // by default use the encrypted subscription as that gets everything, which is a safer
+        // default than potentially missing member events.
+        this.slidingSync = new SlidingSync(proxyUrl, lists, ENCRYPTED_SUBSCRIPTION, client, SLIDING_SYNC_TIMEOUT_MS);
+        this.slidingSync.addCustomSubscription(UNENCRYPTED_SUBSCRIPTION_NAME, UNENCRYPTED_SUBSCRIPTION);
+        this.configureDefer.resolve();
+        return this.slidingSync;
+    }
+
+    /**
+     * Ensure that this list is registered.
+     * @param listKey The list key to register
+     * @param updateArgs The fields to update on the list.
+     * @returns The complete list request params
+     */
+    public async ensureListRegistered(listKey: string, updateArgs: PartialSlidingSyncRequest): Promise<MSC3575List> {
+        logger.debug("ensureListRegistered:::", listKey, updateArgs);
+        await this.configureDefer.promise;
+        let list = this.slidingSync!.getListParams(listKey);
+        if (!list) {
+            list = {
+                ranges: [[0, 20]],
+                sort: ["by_notification_level", "by_recency"],
+                timeline_limit: 1, // most recent message display: though this seems to only be needed for favourites?
+                required_state: [
+                    [EventType.RoomJoinRules, ""], // the public icon on the room list
+                    [EventType.RoomAvatar, ""], // any room avatar
+                    [EventType.RoomTombstone, ""], // lets JS SDK hide rooms which are dead
+                    [EventType.RoomEncryption, ""], // lets rooms be configured for E2EE correctly
+                    [EventType.RoomCreate, ""], // for isSpaceRoom checks
+                    [EventType.RoomMember, MSC3575_STATE_KEY_ME], // lets the client calculate that we are in fact in the room
+                ],
+                include_old_rooms: {
+                    timeline_limit: 0,
+                    required_state: [
+                        [EventType.RoomCreate, ""],
+                        [EventType.RoomTombstone, ""], // lets JS SDK hide rooms which are dead
+                        [EventType.SpaceChild, MSC3575_WILDCARD], // all space children
+                        [EventType.SpaceParent, MSC3575_WILDCARD], // all space parents
+                        [EventType.RoomMember, MSC3575_STATE_KEY_ME], // lets the client calculate that we are in fact in the room
+                    ],
+                },
+                ...updateArgs,
+            };
+        } else {
+            const updatedList = { ...list, ...updateArgs };
+            // cannot use objectHasDiff as we need to do deep diff checking
+            if (JSON.stringify(list) === JSON.stringify(updatedList)) {
+                logger.debug("list matches, not sending, update => ", updateArgs);
+                return list;
+            }
+            list = updatedList;
+        }
+
+        try {
+            // if we only have range changes then call a different function so we don't nuke the list from before
+            if (updateArgs.ranges && Object.keys(updateArgs).length === 1) {
+                this.slidingSync!.setListRanges(listKey, updateArgs.ranges);
+            } else {
+                this.slidingSync!.setList(listKey, list);
+            }
+        } catch (err) {
+            logger.debug("ensureListRegistered: update failed txn_id=", err);
+        }
+        return this.slidingSync!.getListParams(listKey)!;
+    }
+
+    /**
+     * Announces that the user has chosen to view the given room and that room will now
+     * be displayed, so it should have more state loaded.
+     * @param roomId The room to set visible
+     */
+    public async setRoomVisible(roomId: string): Promise<void> {
+        await this.configureDefer.promise;
+        const subscriptions = this.slidingSync!.getRoomSubscriptions();
+        if (subscriptions.has(roomId)) return;
+
+        subscriptions.add(roomId);
+
+        const room = this.client?.getRoom(roomId);
+        // default to safety: request all state if we can't work it out. This can happen if you
+        // refresh the app whilst viewing a room: we call setRoomVisible before we know anything
+        // about the room.
+        let shouldLazyLoad = false;
+        if (room) {
+            // do not lazy load encrypted rooms as we need the entire member list.
+            shouldLazyLoad = !(await this.client?.getCrypto()?.isEncryptionEnabledInRoom(roomId));
+        }
+        logger.log("SlidingSync setRoomVisible:", roomId, "shouldLazyLoad:", shouldLazyLoad);
+        if (shouldLazyLoad) {
+            // lazy load this room
+            this.slidingSync!.useCustomSubscription(roomId, UNENCRYPTED_SUBSCRIPTION_NAME);
+        }
+        this.slidingSync!.modifyRoomSubscriptions(subscriptions);
+        if (room) {
+            return; // we have data already for this room, show immediately e.g it's in a list
+        }
+        // wait until we know about this room. This may take a little while.
+        return new Promise((resolve) => {
+            logger.log(`SlidingSync setRoomVisible room ${roomId} not found, waiting for ClientEvent.Room`);
+            const waitForRoom = (r: Room): void => {
+                if (r.roomId === roomId) {
+                    this.client?.off(ClientEvent.Room, waitForRoom);
+                    logger.log(`SlidingSync room ${roomId} found, resolving setRoomVisible`);
+                    resolve();
+                }
+            };
+            this.client?.on(ClientEvent.Room, waitForRoom);
+        });
+    }
+
+    /**
+     * Retrieve all rooms on the user's account. Retrieval is gradual over time.
+     * This function MUST be called BEFORE the first sync request goes out.
+     * @param batchSize The number of rooms to return in each request.
+     * @param gapBetweenRequestsMs The number of milliseconds to wait between requests.
+     */
+    private async startSpidering(
+        slidingSync: SlidingSync,
+        batchSize: number,
+        gapBetweenRequestsMs: number,
+    ): Promise<void> {
+        // The manager has created several lists (see `sssLists` in this file), all of which will be spidered simultaneously.
+        // There are multiple lists to ensure that we can populate invites/favourites/DMs sections immediately, rather than
+        // potentially waiting minutes if they are all very old rooms (and hence are returned last by the server). In this
+        // way, the lists are effectively priority requests. We don't actually care which room goes into which list at this
+        // point, as the RoomListStore will calculate this based on the returned data.
+
+        // copy the initial set of list names and ranges, we'll keep this map updated.
+        const listToUpperBound = new Map(
+            Object.keys(sssLists).map((listName) => {
+                return [listName, sssLists[listName].ranges[0][1]];
+            }),
+        );
+        console.log("startSpidering:", listToUpperBound);
+
+        // listen for a response from the server. ANY 200 OK will do here, as we assume that it is ACKing
+        // the request change we have sent out. TODO: this may not be true if you concurrently subscribe to a room :/
+        // but in that case, for spidering at least, it isn't the end of the world as request N+1 includes all indexes
+        // from request N.
+        const lifecycle = async (
+            state: SlidingSyncState,
+            _: MSC3575SlidingSyncResponse | null,
+            err?: Error,
+        ): Promise<void> => {
+            if (state !== SlidingSyncState.Complete) {
+                return;
+            }
+            await sleep(gapBetweenRequestsMs); // don't tightloop; even on errors
+            if (err) {
+                return;
+            }
+
+            // for all lists with total counts > range => increase the range
+            let hasSetRanges = false;
+            listToUpperBound.forEach((currentUpperBound, listName) => {
+                const totalCount = slidingSync.getListData(listName)?.joinedCount || 0;
+                if (currentUpperBound < totalCount) {
+                    // increment the upper bound
+                    const newUpperBound = currentUpperBound + batchSize;
+                    console.log(`startSpidering: ${listName} ${currentUpperBound} => ${newUpperBound}`);
+                    listToUpperBound.set(listName, newUpperBound);
+                    // make the next request. This will only send the request when this callback has finished, so if
+                    // we set all the list ranges at once we will only send 1 new request.
+                    slidingSync.setListRanges(listName, [[0, newUpperBound]]);
+                    hasSetRanges = true;
+                }
+            });
+            if (!hasSetRanges) {
+                // finish spidering
+                slidingSync.off(SlidingSyncEvent.Lifecycle, lifecycle);
+            }
+        };
+        slidingSync.on(SlidingSyncEvent.Lifecycle, lifecycle);
+    }
+
+    /**
+     * Set up the Sliding Sync instance; configures the end point and starts spidering.
+     * The sliding sync endpoint is derived the following way:
+     *   1. The user-defined sliding sync proxy URL (legacy, for backwards compatibility)
+     *   2. The client `well-known` sliding sync proxy URL [declared at the unstable prefix](https://github.com/matrix-org/matrix-spec-proposals/blob/kegan/sync-v3/proposals/3575-sync.md#unstable-prefix)
+     *   3. The homeserver base url (for native server support)
+     * @param client The MatrixClient to use
+     * @returns A working Sliding Sync or undefined
+     */
+    public async setup(client: MatrixClient): Promise<SlidingSync | undefined> {
+        const slidingSync = this.configure(client, client.baseUrl);
+        logger.info("Simplified Sliding Sync activated at", client.baseUrl);
+        this.startSpidering(slidingSync, 50, 50); // 50 rooms at a time, 50ms apart
+        return slidingSync;
+    }
+
+    /**
+     * Check if the server "natively" supports sliding sync (with an unstable endpoint).
+     * @param client The MatrixClient to use
+     * @returns Whether the "native" (unstable) endpoint is supported
+     */
+    public async nativeSlidingSyncSupport(client: MatrixClient): Promise<boolean> {
+        // Per https://github.com/matrix-org/matrix-spec-proposals/pull/3575/files#r1589542561
+        // `client` can be undefined/null in tests for some reason.
+        const support = await client?.doesServerSupportUnstableFeature("org.matrix.simplified_msc3575");
+        if (support) {
+            logger.log("nativeSlidingSyncSupport: org.matrix.simplified_msc3575 sliding sync advertised as unstable");
+        }
+        return support;
+    }
+
+    /**
+     * Check whether our homeserver has sliding sync support, that the endpoint is up, and
+     * is a sliding sync endpoint.
+     *
+     * Sets static member `SlidingSyncController.serverSupportsSlidingSync`
+     * @param client The MatrixClient to use
+     */
+    public async checkSupport(client: MatrixClient): Promise<void> {
+        if (await this.nativeSlidingSyncSupport(client)) {
+            SlidingSyncManager.serverSupportsSlidingSync = true;
+            return;
+        }
+        SlidingSyncManager.serverSupportsSlidingSync = false;
+    }
+}
diff --git a/apps/web/src/SupportedBrowser.test.ts b/apps/web/src/SupportedBrowser.test.ts
new file mode 100644
index 00000000000..f60a9523fae
--- /dev/null
+++ b/apps/web/src/SupportedBrowser.test.ts
@@ -0,0 +1,121 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { getBrowserSupport, checkBrowserSupport, LOCAL_STORAGE_KEY } from "./SupportedBrowser";
+import ToastStore from "./stores/ToastStore";
+import GenericToast from "./components/views/toasts/GenericToast";
+
+vi.mock("matrix-js-sdk/src/logger");
+
+describe("SupportedBrowser", () => {
+    beforeEach(() => {
+        vi.resetAllMocks();
+        localStorage.clear();
+        getBrowserSupport.clear();
+    });
+
+    const testUserAgentFactory =
+        (expectedWarning?: string) =>
+        async (userAgent: string): Promise<void> => {
+            const toastSpy = vi.spyOn(ToastStore.sharedInstance(), "addOrReplaceToast");
+            const warnLogSpy = vi.spyOn(logger, "warn");
+            Object.defineProperty(window, "navigator", { value: { userAgent: userAgent }, writable: true });
+            checkBrowserSupport();
+            if (expectedWarning) {
+                expect(warnLogSpy).toHaveBeenCalledWith(expectedWarning, expect.any(String));
+                expect(toastSpy).toHaveBeenCalled();
+            } else {
+                expect(warnLogSpy).not.toHaveBeenCalled();
+                expect(toastSpy).not.toHaveBeenCalled();
+            }
+        };
+
+    it.each([
+        // Safari on iOS
+        "Mozilla/5.0 (iPhone; CPU iPhone OS 17_5_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Mobile/15E148 Safari/604.1",
+        // Firefox on iOS
+        "Mozilla/5.0 (iPhone; CPU iPhone OS 17_5_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) FxiOS/128.0 Mobile/15E148 Safari/605.1.15",
+        // Opera on Samsung
+        "Mozilla/5.0 (Linux; Android 10; SM-G970F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.6533.64 Mobile Safari/537.36 OPR/76.2.4027.73374",
+    ])("should warn for mobile browsers", testUserAgentFactory("Browser unsupported, unsupported device type"));
+
+    it.each([
+        // Chrome on Chrome OS
+        "Mozilla/5.0 (X11; CrOS x86_64 15633.69.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.6045.212 Safari/537.36",
+        // Opera on Windows
+        "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 OPR/113.0.0.0",
+        // Vivaldi on Linux
+        "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 Vivaldi/6.8.3381.48",
+        // IE11 on Windows 10
+        "Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko",
+        // Firefox 115 on macOS
+        "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_4_5; rv:115.0) Gecko/20000101 Firefox/115.0",
+    ])(
+        "should warn for unsupported desktop browsers",
+        testUserAgentFactory("Browser unsupported, unsupported user agent"),
+    );
+
+    // Grabbed from https://www.whatismybrowser.com/guides/the-latest-user-agent/
+    it.each([
+        // 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:152.0) Gecko/20100101 Firefox/152.0",
+        // Latest Edge on Windows
+        "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/150.0.0.0 Safari/537.36 Edg/150.0.4078.65",
+        // Latest Edge on macOS
+        "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/150.0.0.0 Safari/537.36 Edg/150.0.4078.65",
+        // Latest Firefox on Windows
+        "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:152.0) Gecko/20100101 Firefox/152.0",
+        // Latest Firefox on Linux
+        "Mozilla/5.0 (X11; Linux i686; rv:152.0) Gecko/20100101 Firefox/152.0",
+        // Latest Chrome on Windows
+        "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/150.0.0.0 Safari/537.36",
+    ])("should not warn for supported browsers", testUserAgentFactory());
+
+    it.each([
+        // Element Nightly on macOS
+        "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) ElementNightly/2024072501 Chrome/126.0.6478.127 Electron/31.2.1 Safari/537.36",
+    ])("should not warn for Element Desktop", testUserAgentFactory());
+
+    it.each(["AppleTV11,1/11.1"])(
+        "should handle unknown user agent sanely",
+        testUserAgentFactory("Browser unsupported, unknown client"),
+    );
+
+    it("should not warn for unsupported browser if user accepted already", async () => {
+        const toastSpy = vi.spyOn(ToastStore.sharedInstance(), "addOrReplaceToast");
+        const warnLogSpy = vi.spyOn(logger, "warn");
+        const userAgent =
+            "Mozilla/5.0 (X11; CrOS x86_64 15633.69.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.6045.212 Safari/537.36";
+        Object.defineProperty(window, "navigator", { value: { userAgent: userAgent }, writable: true });
+
+        checkBrowserSupport();
+        expect(warnLogSpy).toHaveBeenCalledWith("Browser unsupported, unsupported user agent", expect.any(String));
+        expect(toastSpy).toHaveBeenCalledWith(
+            expect.objectContaining({
+                component: GenericToast,
+                title: "Element does not support this browser",
+            }),
+        );
+
+        localStorage.setItem(LOCAL_STORAGE_KEY, String(true));
+        toastSpy.mockClear();
+        warnLogSpy.mockClear();
+
+        getBrowserSupport.clear();
+        checkBrowserSupport();
+        expect(warnLogSpy).toHaveBeenCalledWith("Browser unsupported, but user has previously accepted");
+        expect(toastSpy).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/src/SupportedBrowser.ts b/apps/web/src/SupportedBrowser.ts
new file mode 100644
index 00000000000..43b7017ff3b
--- /dev/null
+++ b/apps/web/src/SupportedBrowser.ts
@@ -0,0 +1,118 @@
+/*
+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.
+*/
+
+import { logger } from "matrix-js-sdk/src/logger";
+import browserlist from "browserslist";
+import PopOutIcon from "@vector-im/compound-design-tokens/assets/web/icons/pop-out";
+import memoizeOne from "memoize-one";
+
+import { DeviceType, parseUserAgent } from "./utils/device/parseUserAgent";
+import ToastStore from "./stores/ToastStore";
+import GenericToast from "./components/views/toasts/GenericToast";
+import { _t } from "./languageHandler";
+import SdkConfig from "./SdkConfig";
+
+export const LOCAL_STORAGE_KEY = "mx_accepts_unsupported_browser";
+const TOAST_KEY = "unsupportedbrowser";
+
+const SUPPORTED_DEVICE_TYPES = [DeviceType.Web, DeviceType.Desktop];
+const SUPPORTED_BROWSER_QUERY =
+    "last 2 Chrome versions, last 2 Firefox versions, last 2 Safari versions, last 2 Edge versions";
+const LEARN_MORE_URL = "https://github.com/element-hq/element-web#supported-environments";
+
+function onLearnMoreClick(): void {
+    onDismissClick();
+    window.open(LEARN_MORE_URL, "_blank", "noopener,noreferrer");
+}
+
+function onDismissClick(): void {
+    localStorage.setItem(LOCAL_STORAGE_KEY, String(true));
+    ToastStore.sharedInstance().dismissToast(TOAST_KEY);
+}
+
+function getBrowserNameVersion(browser: string): [name: string, version: number] {
+    const [browserName, browserVersion] = browser.split(" ");
+    const browserNameLc = browserName.toLowerCase();
+    return [browserNameLc, parseInt(browserVersion, 10)];
+}
+
+function calculateBrowserSupport(): boolean {
+    const browsers = browserlist(SUPPORTED_BROWSER_QUERY).sort();
+    const minimumBrowserVersions = new Map<string, number>();
+    for (const browser of browsers) {
+        const [browserName, browserVersion] = getBrowserNameVersion(browser);
+        // We sorted the browsers so will encounter the minimum version first
+        if (minimumBrowserVersions.has(browserName)) continue;
+        minimumBrowserVersions.set(browserName, browserVersion);
+    }
+
+    const details = parseUserAgent(navigator.userAgent);
+
+    if (!details.client) {
+        logger.warn("Browser unsupported, unknown client", navigator.userAgent);
+        return false;
+    }
+
+    if (!SUPPORTED_DEVICE_TYPES.includes(details.deviceType)) {
+        logger.warn("Browser unsupported, unsupported device type", details.deviceType);
+        return false;
+    }
+
+    // We don't care about the browser version for desktop devices
+    // We ship our own browser (electron) for desktop devices
+    if (details.deviceType === DeviceType.Desktop) {
+        return true;
+    }
+
+    const [browserName, browserVersion] = getBrowserNameVersion(details.client);
+    const minimumVersion = minimumBrowserVersions.get(browserName);
+    // Check both with the sub-version cut off and without as some browsers have less granular versioning e.g. Safari
+    if (!minimumVersion || browserVersion < minimumVersion) {
+        logger.warn("Browser unsupported, unsupported user agent", details.client);
+        return false;
+    }
+    return true;
+}
+
+/**
+ * Function to check if the current browser is considered supported by our support policy.
+ * Based on user agent parsing so may be inaccurate if the user has fingerprint prevention turned up to 11.
+ * This is calculated once and stored for the lifetime of the session to prevent logspam.
+ *
+ * @returns `true` if the browser is supported by us, or `false` if *any* of the checks fail.
+ */
+export const getBrowserSupport = memoizeOne(calculateBrowserSupport);
+
+/**
+ * Shows a user warning toast if the user's browser is not supported.
+ */
+export function checkBrowserSupport(): void {
+    const supported = getBrowserSupport();
+    if (supported) return;
+
+    if (localStorage.getItem(LOCAL_STORAGE_KEY)) {
+        logger.warn("Browser unsupported, but user has previously accepted");
+        return;
+    }
+
+    const brand = SdkConfig.get().brand;
+    ToastStore.sharedInstance().addOrReplaceToast({
+        key: TOAST_KEY,
+        title: _t("unsupported_browser|title", { brand }),
+        props: {
+            description: _t("unsupported_browser|description", { brand }),
+            secondaryLabel: _t("action|learn_more"),
+            SecondaryIcon: PopOutIcon,
+            onSecondaryClick: onLearnMoreClick,
+            primaryLabel: _t("action|dismiss"),
+            onPrimaryClick: onDismissClick,
+        },
+        component: GenericToast,
+        priority: 40,
+    });
+}
diff --git a/apps/web/src/Terms.ts b/apps/web/src/Terms.ts
new file mode 100644
index 00000000000..21db4b738c0
--- /dev/null
+++ b/apps/web/src/Terms.ts
@@ -0,0 +1,197 @@
+/*
+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 classNames from "classnames";
+import {
+    type SERVICE_TYPES,
+    type MatrixClient,
+    type Terms,
+    type Policy,
+    type InternationalisedPolicy,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import Modal from "./Modal";
+import TermsDialog from "./components/views/dialogs/TermsDialog";
+import { pickBestLanguage } from "./i18n/utils";
+
+export class TermsNotSignedError extends Error {}
+
+/**
+ * Class representing a service that may have terms & conditions that
+ * require agreement from the user before the user can use that service.
+ */
+export class Service {
+    /**
+     * @param {MatrixClient.SERVICE_TYPES} serviceType The type of service
+     * @param {string} baseUrl The Base URL of the service (ie. before '/_matrix')
+     * @param {string} accessToken The user's access token for the service
+     */
+    public constructor(
+        public serviceType: SERVICE_TYPES,
+        public baseUrl: string,
+        public accessToken: string,
+    ) {}
+}
+
+export type ServicePolicyPair = {
+    policies: Terms["policies"];
+    service: Service;
+};
+
+export type TermsInteractionCallback = (
+    policiesAndServicePairs: ServicePolicyPair[],
+    agreedUrls: string[],
+    extraClassNames?: string,
+) => Promise<string[]>;
+
+export function pickBestPolicyLanguage(policy: Policy): InternationalisedPolicy | undefined {
+    const termsLang = pickBestLanguage(Object.keys(policy).filter((k) => k !== "version"));
+    return <InternationalisedPolicy>policy[termsLang];
+}
+
+/**
+ * Start a flow where the user is presented with terms & conditions for some services
+ *
+ * @param client The Matrix Client instance of the logged-in user
+ * @param {Service[]} services Object with keys 'serviceType', 'baseUrl', 'accessToken'
+ * @param {function} interactionCallback Function called with:
+ *      * an array of { service: {Service}, policies: {terms response from API} }
+ *      * an array of URLs the user has already agreed to
+ *     Must return a Promise which resolves with a list of URLs of documents agreed to
+ * @returns {Promise} resolves when the user agreed to all necessary terms or rejects
+ *     if they cancel.
+ */
+export async function startTermsFlow(
+    client: MatrixClient,
+    services: Service[],
+    interactionCallback: TermsInteractionCallback = dialogTermsInteractionCallback,
+): Promise<void> {
+    const termsPromises = services.map((s) => client.getTerms(s.serviceType, s.baseUrl));
+
+    /*
+     * a /terms response looks like:
+     * {
+     *     "policies": {
+     *         "terms_of_service": {
+     *             "version": "2.0",
+     *              "en": {
+     *                 "name": "Terms of Service",
+     *                 "url": "https://example.org/somewhere/terms-2.0-en.html"
+     *             },
+     *             "fr": {
+     *                 "name": "Conditions d'utilisation",
+     *                 "url": "https://example.org/somewhere/terms-2.0-fr.html"
+     *             }
+     *         }
+     *     }
+     * }
+     */
+
+    const terms: Terms[] = await Promise.all(termsPromises);
+    const policiesAndServicePairs = terms.map((t, i) => {
+        return { service: services[i], policies: t.policies };
+    });
+
+    // fetch the set of agreed policy URLs from account data
+    const currentAcceptedTerms = client.getAccountData("m.accepted_terms")?.getContent();
+    const agreedUrlSet = new Set<string>(currentAcceptedTerms?.accepted || []);
+
+    // remove any policies the user has already agreed to and any services where
+    // they've already agreed to all the policies
+    // NB. it could be nicer to show the user stuff they've already agreed to,
+    // but then they'd assume they can un-check the boxes to un-agree to a policy,
+    // but that is not a thing the API supports, so probably best to just show
+    // things they've not agreed to yet.
+    const unagreedPoliciesAndServicePairs: ServicePolicyPair[] = [];
+    for (const { service, policies } of policiesAndServicePairs) {
+        const unagreedPolicies: Terms["policies"] = {};
+        for (const [policyName, policy] of Object.entries(policies)) {
+            let policyAgreed = false;
+            for (const lang of Object.keys(policy)) {
+                if (lang === "version" || typeof policy[lang] === "string") continue;
+                if (agreedUrlSet.has(policy[lang].url)) {
+                    policyAgreed = true;
+                    break;
+                }
+            }
+            if (!policyAgreed) unagreedPolicies[policyName] = policy;
+        }
+        if (Object.keys(unagreedPolicies).length > 0) {
+            unagreedPoliciesAndServicePairs.push({ service, policies: unagreedPolicies });
+        }
+    }
+
+    // if there's anything left to agree to, prompt the user
+    const numAcceptedBeforeAgreement = agreedUrlSet.size;
+    if (unagreedPoliciesAndServicePairs.length > 0) {
+        const newlyAgreedUrls = await interactionCallback(unagreedPoliciesAndServicePairs, [...agreedUrlSet]);
+        logger.log("User has agreed to URLs", newlyAgreedUrls);
+        // Merge with previously agreed URLs
+        newlyAgreedUrls.forEach((url) => agreedUrlSet.add(url));
+    } else {
+        logger.log("User has already agreed to all required policies");
+    }
+
+    // We only ever add to the set of URLs, so if anything has changed then we'd see a different length
+    if (agreedUrlSet.size !== numAcceptedBeforeAgreement) {
+        const newAcceptedTerms = { accepted: Array.from(agreedUrlSet) };
+        await client.setAccountData("m.accepted_terms", newAcceptedTerms);
+    }
+
+    const agreePromises = policiesAndServicePairs.map((policiesAndService) => {
+        // filter the agreed URL list for ones that are actually for this service
+        // (one URL may be used for multiple services)
+        // Not a particularly efficient loop but probably fine given the numbers involved
+        const urlsForService = Array.from(agreedUrlSet).filter((url) => {
+            for (const policy of Object.values(policiesAndService.policies)) {
+                for (const lang of Object.keys(policy)) {
+                    if (lang === "version" || typeof policy[lang] === "string") continue;
+                    if (policy[lang].url === url) return true;
+                }
+            }
+            return false;
+        });
+
+        if (urlsForService.length === 0) return Promise.resolve();
+
+        return client.agreeToTerms(
+            policiesAndService.service.serviceType,
+            policiesAndService.service.baseUrl,
+            policiesAndService.service.accessToken,
+            urlsForService,
+        );
+    });
+    await Promise.all(agreePromises);
+}
+
+export async function dialogTermsInteractionCallback(
+    policiesAndServicePairs: {
+        service: Service;
+        policies: { [policy: string]: Policy };
+    }[],
+    agreedUrls: string[],
+    extraClassNames?: string,
+): Promise<string[]> {
+    logger.log("Terms that need agreement", policiesAndServicePairs);
+
+    const { finished } = Modal.createDialog(
+        TermsDialog,
+        {
+            policiesAndServicePairs,
+            agreedUrls,
+        },
+        classNames("mx_TermsDialog", extraClassNames),
+    );
+
+    const [done, _agreedUrls] = await finished;
+    if (!done || !_agreedUrls) {
+        throw new TermsNotSignedError();
+    }
+    return _agreedUrls;
+}
diff --git a/apps/web/src/TextForEvent.tsx b/apps/web/src/TextForEvent.tsx
new file mode 100644
index 00000000000..41d0abf8f14
--- /dev/null
+++ b/apps/web/src/TextForEvent.tsx
@@ -0,0 +1,985 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-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 {
+    type MatrixEvent,
+    type MatrixClient,
+    GuestAccess,
+    HistoryVisibility,
+    JoinRule,
+    EventType,
+    MsgType,
+    M_POLL_START,
+    M_POLL_END,
+    ContentHelpers,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+import { removeDirectionOverrideChars } from "matrix-js-sdk/src/utils";
+import { type PollStartEvent } from "matrix-js-sdk/src/extensible_events_v1/PollStartEvent";
+import { type IRTCNotificationContent } from "matrix-js-sdk/src/matrixrtc";
+
+import { _t } from "./languageHandler";
+import * as Roles from "./Roles";
+import { isValid3pidInvite } from "./RoomInvite";
+import SettingsStore from "./settings/SettingsStore";
+import { ALL_RULE_TYPES, ROOM_RULE_TYPES, SERVER_RULE_TYPES, USER_RULE_TYPES } from "./mjolnir/BanList";
+import { WIDGET_LAYOUT_EVENT_TYPE } from "./stores/widgets/WidgetLayoutStore";
+import { RightPanelPhases } from "./stores/right-panel/RightPanelStorePhases";
+import defaultDispatcher from "./dispatcher/dispatcher";
+import { RoomSettingsTab } from "./components/views/dialogs/RoomSettingsDialog-tab";
+import AccessibleButton from "./components/views/elements/AccessibleButton";
+import RightPanelStore from "./stores/right-panel/RightPanelStore";
+import { highlightEvent, isLocationEvent } from "./utils/EventUtils";
+import { getSenderName } from "./utils/event/getSenderName";
+import PosthogTrackers from "./PosthogTrackers.ts";
+import { ElementCallEventType } from "./call-types.ts";
+import Spoiler from "./components/views/elements/Spoiler.tsx";
+
+function getRoomMemberDisplayname(client: MatrixClient, event: MatrixEvent, userId = event.getSender()): string {
+    const roomId = event.getRoomId();
+    const member = client.getRoom(roomId)?.getMember(userId!);
+    return member?.name || member?.rawDisplayName || userId || _t("common|someone");
+}
+
+function textForCallEvent(event: MatrixEvent, client: MatrixClient): () => string {
+    const roomName = client.getRoom(event.getRoomId())?.name;
+    const isSupported = client.supportsVoip();
+
+    return isSupported
+        ? () => _t("timeline|m.call|video_call_started", { roomName })
+        : () => _t("timeline|m.call|video_call_started_unsupported", { roomName });
+}
+
+// These functions are frequently used just to check whether an event has
+// any text to display at all. For this reason they return deferred values
+// to avoid the expense of looking up translations when they're not needed.
+
+function getCallInviteText(isVoice: boolean, isSupported: boolean, senderName: string): () => string {
+    // This logic could be reduced down to dynamic string keys, however other languages
+    // can have a hard time translating those strings. In an effort to make translations easier
+    // and more accurate, we use explicit strings for each combination.
+    if (isVoice) {
+        return isSupported
+            ? () => _t("timeline|m.call.invite|voice_call", { senderName })
+            : () => _t("timeline|m.call.invite|voice_call_unsupported", { senderName });
+    }
+
+    return isSupported
+        ? () => _t("timeline|m.call.invite|video_call", { senderName })
+        : () => _t("timeline|m.call.invite|video_call_unsupported", { senderName });
+}
+
+/**
+ * Resolves the textual content for incoming legacy WebRTC call events.
+ */
+function textForCallInviteEvent(event: MatrixEvent, client: MatrixClient): (() => string) | null {
+    const senderName = getSenderName(event);
+    const content = event.getContent();
+
+    // Fallback for legacy WebRTC signaling
+    // FIXME: Find a better way to determine this from the event?
+    const isVoice = !content.offer?.sdp?.includes("m=video");
+    const isSupported = client.supportsVoip();
+
+    return getCallInviteText(isVoice, isSupported, senderName);
+}
+
+/**
+ * Resolves the textual content for incoming MatrixRTC notifications (MSC4075).
+ */
+function textForRTCNotificationEvent(event: MatrixEvent, client: MatrixClient): (() => string) | null {
+    const senderName = getSenderName(event);
+    const content = event.getContent<IRTCNotificationContent>();
+
+    const isVoice = content["m.call.intent"] === "audio";
+    const isSupported = client.supportsVoip();
+
+    return getCallInviteText(isVoice, isSupported, senderName);
+}
+
+enum Modification {
+    None,
+    Unset,
+    Set,
+    Changed,
+}
+
+function getModification(prev?: string, value?: string): Modification {
+    if (prev && value && prev !== value) {
+        return Modification.Changed;
+    }
+    if (prev && !value) {
+        return Modification.Unset;
+    }
+    if (!prev && value) {
+        return Modification.Set;
+    }
+
+    return Modification.None;
+}
+
+function textForMemberEvent(
+    ev: MatrixEvent,
+    client: MatrixClient,
+    allowJSX: boolean,
+    showHiddenEvents?: boolean,
+): (() => Renderable) | null {
+    // XXX: SYJS-16 "sender is sometimes null for join messages"
+    const senderName = ev.sender?.name || getRoomMemberDisplayname(client, ev);
+    const targetName = ev.target?.name || getRoomMemberDisplayname(client, ev, ev.getStateKey());
+    const prevContent = ev.getPrevContent();
+    const content = ev.getContent();
+    const reason = content.reason;
+
+    switch (content.membership) {
+        case KnownMembership.Invite: {
+            const threePidContent = content.third_party_invite;
+            if (threePidContent) {
+                if (threePidContent.display_name) {
+                    return () =>
+                        _t("timeline|m.room.member|accepted_3pid_invite", {
+                            targetName,
+                            displayName: threePidContent.display_name,
+                        });
+                } else {
+                    return () => _t("timeline|m.room.member|accepted_invite", { targetName });
+                }
+            } else {
+                return () => _t("timeline|m.room.member|invite", { senderName, targetName });
+            }
+        }
+        case KnownMembership.Ban:
+            if (allowJSX) {
+                return reason
+                    ? () =>
+                          _t(
+                              "timeline|m.room.member|ban_reason_spoiler",
+                              { senderName, reason },
+                              { user: () => <Spoiler>{targetName}</Spoiler> },
+                          )
+                    : () =>
+                          _t(
+                              "timeline|m.room.member|ban_spoiler",
+                              { senderName },
+                              { user: () => <Spoiler>{targetName}</Spoiler> },
+                          );
+            }
+
+            return reason
+                ? () => _t("timeline|m.room.member|ban_reason", { senderName, reason })
+                : () => _t("timeline|m.room.member|ban", { senderName });
+
+        case KnownMembership.Join:
+            if (prevContent && prevContent.membership === KnownMembership.Join) {
+                const modDisplayname = getModification(prevContent.displayname, content.displayname);
+                const modAvatarUrl = getModification(prevContent.avatar_url, content.avatar_url);
+
+                if (modDisplayname !== Modification.None && modAvatarUrl !== Modification.None) {
+                    // Compromise to provide the user with more context without needing 16 translations
+                    return () =>
+                        _t("timeline|m.room.member|change_name_avatar", {
+                            // We're taking the display namke directly from the event content here so we need
+                            // to strip direction override chars which the js-sdk would normally do when
+                            // calculating the display name
+                            oldDisplayName: removeDirectionOverrideChars(prevContent.displayname!),
+                        });
+                } else if (modDisplayname === Modification.Changed) {
+                    return () =>
+                        _t("timeline|m.room.member|change_name", {
+                            // We're taking the display name directly from the event content here so we need
+                            // to strip direction override chars which the js-sdk would normally do when
+                            // calculating the display name
+                            oldDisplayName: removeDirectionOverrideChars(prevContent.displayname!),
+                            displayName: removeDirectionOverrideChars(content.displayname!),
+                        });
+                } else if (modDisplayname === Modification.Set) {
+                    return () =>
+                        _t("timeline|m.room.member|set_name", {
+                            senderName: ev.getSender(),
+                            displayName: removeDirectionOverrideChars(content.displayname!),
+                        });
+                } else if (modDisplayname === Modification.Unset) {
+                    return () =>
+                        _t("timeline|m.room.member|remove_name", {
+                            senderName,
+                            oldDisplayName: removeDirectionOverrideChars(prevContent.displayname!),
+                        });
+                } else if (modAvatarUrl === Modification.Unset) {
+                    return () => _t("timeline|m.room.member|remove_avatar", { senderName });
+                } else if (modAvatarUrl === Modification.Changed) {
+                    return () => _t("timeline|m.room.member|change_avatar", { senderName });
+                } else if (modAvatarUrl === Modification.Set) {
+                    return () => _t("timeline|m.room.member|set_avatar", { senderName });
+                } else if (showHiddenEvents ?? SettingsStore.getValue("showHiddenEventsInTimeline")) {
+                    // This is a null rejoin, it will only be visible if using 'show hidden events' (labs)
+                    return () => _t("timeline|m.room.member|no_change", { senderName });
+                } else {
+                    return null;
+                }
+            } else {
+                if (!ev.target) logger.warn("Join message has no target! -- " + ev.getContent().state_key);
+                return () => _t("timeline|m.room.member|join", { targetName });
+            }
+        case KnownMembership.Leave:
+            if (ev.getSender() === ev.getStateKey()) {
+                if (prevContent.membership === KnownMembership.Invite) {
+                    return () =>
+                        reason
+                            ? _t("timeline|m.room.member|reject_invite_reason", { targetName, reason })
+                            : _t("timeline|m.room.member|reject_invite", { targetName });
+                } else {
+                    return () =>
+                        reason
+                            ? _t("timeline|m.room.member|left_reason", { targetName, reason })
+                            : _t("timeline|m.room.member|left", { targetName });
+                }
+            } else if (prevContent.membership === KnownMembership.Ban) {
+                return () => _t("timeline|m.room.member|unban", { senderName, targetName });
+            } else if (prevContent.membership === KnownMembership.Invite) {
+                return () =>
+                    reason
+                        ? _t("timeline|m.room.member|withdrew_invite_reason", {
+                              senderName,
+                              targetName,
+                              reason,
+                          })
+                        : _t("timeline|m.room.member|withdrew_invite", { senderName, targetName });
+            } else if (prevContent.membership === KnownMembership.Join) {
+                return () =>
+                    reason
+                        ? _t("timeline|m.room.member|kick_reason", {
+                              senderName,
+                              targetName,
+                              reason,
+                          })
+                        : _t("timeline|m.room.member|kick", { senderName, targetName });
+            } else {
+                return null;
+            }
+    }
+
+    return null;
+}
+
+function textForTopicEvent(ev: MatrixEvent): (() => string) | null {
+    const senderDisplayName = ev.sender && ev.sender.name ? ev.sender.name : ev.getSender();
+    const topic = ContentHelpers.parseTopicContent(ev.getContent()).text;
+    return () =>
+        topic
+            ? _t("timeline|m.room.topic|changed", {
+                  senderDisplayName,
+                  topic,
+              })
+            : _t("timeline|m.room.topic|removed", {
+                  senderDisplayName,
+              });
+}
+
+function textForRoomAvatarEvent(ev: MatrixEvent): (() => string) | null {
+    const senderDisplayName = ev?.sender?.name || ev.getSender();
+    return () => _t("timeline|m.room.avatar|changed", { senderDisplayName });
+}
+
+function textForRoomNameEvent(ev: MatrixEvent): (() => string) | null {
+    const senderDisplayName = ev.sender && ev.sender.name ? ev.sender.name : ev.getSender();
+
+    if (!ev.getContent().name || ev.getContent().name.trim().length === 0) {
+        return () => _t("timeline|m.room.name|remove", { senderDisplayName });
+    }
+    if (ev.getPrevContent().name) {
+        return () =>
+            _t("timeline|m.room.name|change", {
+                senderDisplayName,
+                oldRoomName: ev.getPrevContent().name,
+                newRoomName: ev.getContent().name,
+            });
+    }
+    return () =>
+        _t("timeline|m.room.name|set", {
+            senderDisplayName,
+            roomName: ev.getContent().name,
+        });
+}
+
+function textForTombstoneEvent(ev: MatrixEvent): (() => string) | null {
+    const senderDisplayName = ev.sender && ev.sender.name ? ev.sender.name : ev.getSender();
+    return () => _t("timeline|m.room.tombstone", { senderDisplayName });
+}
+
+const onViewJoinRuleSettingsClick = (): void => {
+    defaultDispatcher.dispatch({
+        action: "open_room_settings",
+        initial_tab_id: RoomSettingsTab.Security,
+    });
+};
+
+function textForJoinRulesEvent(ev: MatrixEvent, client: MatrixClient, allowJSX: boolean): () => Renderable {
+    const senderDisplayName = ev.sender && ev.sender.name ? ev.sender.name : ev.getSender();
+    switch (ev.getContent().join_rule) {
+        case JoinRule.Public:
+            return () =>
+                _t("timeline|m.room.join_rules|public", {
+                    senderDisplayName,
+                });
+        case JoinRule.Invite:
+            return () =>
+                _t("timeline|m.room.join_rules|invite", {
+                    senderDisplayName,
+                });
+        case JoinRule.Knock:
+            return () => _t("timeline|m.room.join_rules|knock", { senderDisplayName });
+        case JoinRule.Restricted:
+            if (allowJSX) {
+                return () => (
+                    <span>
+                        {_t(
+                            "timeline|m.room.join_rules|restricted_settings",
+                            {
+                                senderDisplayName,
+                            },
+                            {
+                                a: (sub) => (
+                                    <AccessibleButton kind="link_inline" onClick={onViewJoinRuleSettingsClick}>
+                                        {sub}
+                                    </AccessibleButton>
+                                ),
+                            },
+                        )}
+                    </span>
+                );
+            }
+
+            return () => _t("timeline|m.room.join_rules|restricted", { senderDisplayName });
+        default:
+            // The spec supports "knock" and "private", however nothing implements these.
+            return () =>
+                _t("timeline|m.room.join_rules|unknown", {
+                    senderDisplayName,
+                    rule: ev.getContent().join_rule,
+                });
+    }
+}
+
+function textForGuestAccessEvent(ev: MatrixEvent): (() => string) | null {
+    const senderDisplayName = ev.sender && ev.sender.name ? ev.sender.name : ev.getSender();
+    switch (ev.getContent().guest_access) {
+        case GuestAccess.CanJoin:
+            return () => _t("timeline|m.room.guest_access|can_join", { senderDisplayName });
+        case GuestAccess.Forbidden:
+            return () => _t("timeline|m.room.guest_access|forbidden", { senderDisplayName });
+        default:
+            // There's no other options we can expect, however just for safety's sake we'll do this.
+            return () =>
+                _t("timeline|m.room.guest_access|unknown", {
+                    senderDisplayName,
+                    rule: ev.getContent().guest_access,
+                });
+    }
+}
+
+function textForMessageEvent(ev: MatrixEvent, client: MatrixClient): (() => string) | null {
+    if (isLocationEvent(ev)) {
+        return textForLocationEvent(ev);
+    }
+
+    return () => {
+        const senderDisplayName = ev.sender && ev.sender.name ? ev.sender.name : ev.getSender();
+        let message = ev.getContent().body;
+        if (ev.isRedacted()) {
+            message = textForRedactedPollAndMessageEvent(ev, client);
+        }
+
+        if (ev.getContent().msgtype === MsgType.Emote) {
+            message = "* " + senderDisplayName + " " + message;
+        } else if (ev.getContent().msgtype === MsgType.Image) {
+            message = _t("timeline|m.image|sent", { senderDisplayName });
+        } else if (ev.getType() == EventType.Sticker) {
+            message = _t("timeline|m.sticker", { senderDisplayName });
+        } else {
+            // in this case, parse it as a plain text message
+            message = senderDisplayName + ": " + message;
+        }
+        return message;
+    };
+}
+
+function textForCanonicalAliasEvent(ev: MatrixEvent): (() => string) | null {
+    const senderName = getSenderName(ev);
+    const oldAlias = ev.getPrevContent().alias;
+    const oldAltAliases = ev.getPrevContent().alt_aliases || [];
+    const newAlias = ev.getContent().alias;
+    const newAltAliases = ev.getContent().alt_aliases || [];
+    const removedAltAliases = oldAltAliases.filter((alias: string) => !newAltAliases.includes(alias));
+    const addedAltAliases = newAltAliases.filter((alias: string) => !oldAltAliases.includes(alias));
+
+    if (!removedAltAliases.length && !addedAltAliases.length) {
+        if (newAlias) {
+            return () =>
+                _t("timeline|m.room.canonical_alias|set", {
+                    senderName,
+                    address: ev.getContent().alias,
+                });
+        } else if (oldAlias) {
+            return () =>
+                _t("timeline|m.room.canonical_alias|removed", {
+                    senderName,
+                });
+        }
+    } else if (newAlias === oldAlias) {
+        if (addedAltAliases.length && !removedAltAliases.length) {
+            return () =>
+                _t("timeline|m.room.canonical_alias|alt_added", {
+                    senderName,
+                    addresses: addedAltAliases.join(", "),
+                    count: addedAltAliases.length,
+                });
+        }
+        if (removedAltAliases.length && !addedAltAliases.length) {
+            return () =>
+                _t("timeline|m.room.canonical_alias|alt_removed", {
+                    senderName,
+                    addresses: removedAltAliases.join(", "),
+                    count: removedAltAliases.length,
+                });
+        }
+        if (removedAltAliases.length && addedAltAliases.length) {
+            return () =>
+                _t("timeline|m.room.canonical_alias|changed_alternative", {
+                    senderName,
+                });
+        }
+    } else {
+        // both alias and alt_aliases where modified
+        return () =>
+            _t("timeline|m.room.canonical_alias|changed_main_and_alternative", {
+                senderName,
+            });
+    }
+    // in case there is no difference between the two events,
+    // say something as we can't simply hide the tile from here
+    return () =>
+        _t("timeline|m.room.canonical_alias|changed", {
+            senderName,
+        });
+}
+
+function textForThreePidInviteEvent(event: MatrixEvent): (() => string) | null {
+    const senderName = getSenderName(event);
+
+    if (!isValid3pidInvite(event)) {
+        return () =>
+            _t("timeline|m.room.third_party_invite|revoked", {
+                senderName,
+                targetDisplayName: event.getPrevContent().display_name || _t("common|someone"),
+            });
+    }
+
+    return () =>
+        _t("timeline|m.room.third_party_invite|sent", {
+            senderName,
+            targetDisplayName: event.getContent().display_name,
+        });
+}
+
+function textForHistoryVisibilityEvent(event: MatrixEvent): (() => string) | null {
+    const senderName = getSenderName(event);
+    switch (event.getContent().history_visibility) {
+        case HistoryVisibility.Invited:
+            return () => _t("timeline|m.room.history_visibility|invited", { senderName });
+        case HistoryVisibility.Joined:
+            return () =>
+                _t("timeline|m.room.history_visibility|joined", {
+                    senderName,
+                });
+        case HistoryVisibility.Shared:
+            return () => _t("timeline|m.room.history_visibility|shared", { senderName });
+        case HistoryVisibility.WorldReadable:
+            return () => _t("timeline|m.room.history_visibility|world_readable", { senderName });
+        default:
+            return () =>
+                _t("timeline|m.room.history_visibility|unknown", {
+                    senderName,
+                    visibility: event.getContent().history_visibility,
+                });
+    }
+}
+
+// Currently will only display a change if a user's power level is changed
+function textForPowerEvent(event: MatrixEvent, client: MatrixClient): (() => string) | null {
+    const senderName = getSenderName(event);
+    if (!event.getPrevContent()?.users || !event.getContent()?.users) {
+        return null;
+    }
+    const previousUserDefault: number = event.getPrevContent().users_default || 0;
+    const currentUserDefault: number = event.getContent().users_default || 0;
+    // Construct set of userIds
+    const users: string[] = [];
+    Object.keys(event.getContent().users).forEach((userId) => {
+        if (users.indexOf(userId) === -1) users.push(userId);
+    });
+    Object.keys(event.getPrevContent().users).forEach((userId) => {
+        if (users.indexOf(userId) === -1) users.push(userId);
+    });
+
+    const diffs: {
+        userId: string;
+        name: string;
+        from: number;
+        to: number;
+    }[] = [];
+    users.forEach((userId) => {
+        // Previous power level
+        let from: number = event.getPrevContent().users[userId];
+        if (!Number.isInteger(from)) {
+            from = previousUserDefault;
+        }
+        // Current power level
+        let to = event.getContent().users[userId];
+        if (!Number.isInteger(to)) {
+            to = currentUserDefault;
+        }
+        if (from === previousUserDefault && to === currentUserDefault) {
+            return;
+        }
+        if (to !== from) {
+            const name = getRoomMemberDisplayname(client, event, userId);
+            diffs.push({ userId, name, from, to });
+        }
+    });
+    if (!diffs.length) {
+        return null;
+    }
+
+    // XXX: This is also surely broken for i18n
+    return () =>
+        _t("timeline|m.room.power_levels|changed", {
+            senderName,
+            powerLevelDiffText: diffs
+                .map((diff) =>
+                    _t("timeline|m.room.power_levels|user_from_to", {
+                        userId: diff.name,
+                        fromPowerLevel: Roles.textualPowerLevel(diff.from, previousUserDefault),
+                        toPowerLevel: Roles.textualPowerLevel(diff.to, currentUserDefault),
+                    }),
+                )
+                .join(", "),
+        });
+}
+
+const onPinnedMessagesClick = (): void => {
+    PosthogTrackers.trackInteraction("PinnedMessageStateEventClick");
+    RightPanelStore.instance.setCard({ phase: RightPanelPhases.PinnedMessages }, false);
+};
+
+function textForPinnedEvent(event: MatrixEvent, client: MatrixClient, allowJSX: boolean): (() => Renderable) | null {
+    const senderName = getSenderName(event);
+    const roomId = event.getRoomId()!;
+
+    const content = event.getContent<{ pinned: string[] }>();
+    const prevContent = event.getPrevContent();
+
+    const pinned = Array.isArray(content.pinned) ? content.pinned : [];
+    const previouslyPinned: string[] = Array.isArray(prevContent.pinned) ? prevContent.pinned : [];
+    const newlyPinned = pinned.filter((item) => previouslyPinned.indexOf(item) < 0);
+    const newlyUnpinned = previouslyPinned.filter((item) => pinned.indexOf(item) < 0);
+
+    if (newlyPinned.length === 1 && newlyUnpinned.length === 0) {
+        // A single message was pinned, include a link to that message.
+        if (allowJSX) {
+            const messageId = newlyPinned.pop()!;
+
+            return () => (
+                <span>
+                    {_t(
+                        "timeline|m.room.pinned_events|pinned_link",
+                        { senderName },
+                        {
+                            a: (sub) => (
+                                <AccessibleButton
+                                    kind="link_inline"
+                                    onClick={() => {
+                                        PosthogTrackers.trackInteraction("PinnedMessageStateEventClick");
+                                        highlightEvent(roomId, messageId);
+                                    }}
+                                >
+                                    {sub}
+                                </AccessibleButton>
+                            ),
+                            b: (sub) => (
+                                <AccessibleButton kind="link_inline" onClick={onPinnedMessagesClick}>
+                                    {sub}
+                                </AccessibleButton>
+                            ),
+                        },
+                    )}
+                </span>
+            );
+        }
+
+        return () => _t("timeline|m.room.pinned_events|pinned", { senderName });
+    }
+
+    if (newlyUnpinned.length === 1 && newlyPinned.length === 0) {
+        // A single message was unpinned, include a link to that message.
+        if (allowJSX) {
+            const messageId = newlyUnpinned.pop()!;
+
+            return () => (
+                <span>
+                    {_t(
+                        "timeline|m.room.pinned_events|unpinned_link",
+                        { senderName },
+                        {
+                            a: (sub) => (
+                                <AccessibleButton
+                                    kind="link_inline"
+                                    onClick={() => {
+                                        PosthogTrackers.trackInteraction("PinnedMessageStateEventClick");
+                                        highlightEvent(roomId, messageId);
+                                    }}
+                                >
+                                    {sub}
+                                </AccessibleButton>
+                            ),
+                            b: (sub) => (
+                                <AccessibleButton kind="link_inline" onClick={onPinnedMessagesClick}>
+                                    {sub}
+                                </AccessibleButton>
+                            ),
+                        },
+                    )}
+                </span>
+            );
+        }
+
+        return () => _t("timeline|m.room.pinned_events|unpinned", { senderName });
+    }
+
+    if (allowJSX) {
+        return () => (
+            <span>
+                {_t(
+                    "timeline|m.room.pinned_events|changed_link",
+                    { senderName },
+                    {
+                        a: (sub) => (
+                            <AccessibleButton kind="link_inline" onClick={onPinnedMessagesClick}>
+                                {sub}
+                            </AccessibleButton>
+                        ),
+                    },
+                )}
+            </span>
+        );
+    }
+
+    return () => _t("timeline|m.room.pinned_events|changed", { senderName });
+}
+
+function textForWidgetEvent(event: MatrixEvent): (() => string) | null {
+    const senderName = getSenderName(event);
+    const { name: prevName, type: prevType, url: prevUrl } = event.getPrevContent();
+    const { name, type, url } = event.getContent() || {};
+
+    let widgetName = name || prevName || type || prevType || "";
+    // Apply sentence case to widget name
+    if (widgetName && widgetName.length > 0) {
+        widgetName = widgetName[0].toUpperCase() + widgetName.slice(1);
+    }
+
+    // If the widget was removed, its content should be {}, but this is sufficiently
+    // equivalent to that condition.
+    if (url) {
+        if (prevUrl) {
+            return () =>
+                _t("timeline|m.widget|modified", {
+                    widgetName,
+                    senderName,
+                });
+        } else {
+            return () =>
+                _t("timeline|m.widget|added", {
+                    widgetName,
+                    senderName,
+                });
+        }
+    } else {
+        return () =>
+            _t("timeline|m.widget|removed", {
+                widgetName,
+                senderName,
+            });
+    }
+}
+
+function textForWidgetLayoutEvent(event: MatrixEvent): (() => string) | null {
+    const senderName = getSenderName(event);
+    return () => _t("timeline|io.element.widgets.layout", { senderName });
+}
+
+function textForMjolnirEvent(event: MatrixEvent): (() => string) | null {
+    const senderName = getSenderName(event);
+    const { entity: prevEntity } = event.getPrevContent();
+    const { entity, recommendation, reason } = event.getContent();
+
+    // Rule removed
+    if (!entity) {
+        if (USER_RULE_TYPES.includes(event.getType())) {
+            return () => _t("timeline|mjolnir|removed_rule_users", { senderName, glob: prevEntity });
+        } else if (ROOM_RULE_TYPES.includes(event.getType())) {
+            return () => _t("timeline|mjolnir|removed_rule_rooms", { senderName, glob: prevEntity });
+        } else if (SERVER_RULE_TYPES.includes(event.getType())) {
+            return () =>
+                _t("timeline|mjolnir|removed_rule_servers", {
+                    senderName,
+                    glob: prevEntity,
+                });
+        }
+
+        // Unknown type. We'll say something, but we shouldn't end up here.
+        return () => _t("timeline|mjolnir|removed_rule", { senderName, glob: prevEntity });
+    }
+
+    // Invalid rule
+    if (!recommendation || !reason) return () => _t("timeline|mjolnir|updated_invalid_rule", { senderName });
+
+    // Rule updated
+    if (entity === prevEntity) {
+        if (USER_RULE_TYPES.includes(event.getType())) {
+            return () =>
+                _t("timeline|mjolnir|updated_rule_users", {
+                    senderName,
+                    glob: entity,
+                    reason,
+                });
+        } else if (ROOM_RULE_TYPES.includes(event.getType())) {
+            return () =>
+                _t("timeline|mjolnir|updated_rule_rooms", {
+                    senderName,
+                    glob: entity,
+                    reason,
+                });
+        } else if (SERVER_RULE_TYPES.includes(event.getType())) {
+            return () =>
+                _t("timeline|mjolnir|updated_rule_servers", {
+                    senderName,
+                    glob: entity,
+                    reason,
+                });
+        }
+
+        // Unknown type. We'll say something but we shouldn't end up here.
+        return () =>
+            _t("timeline|mjolnir|updated_rule", {
+                senderName,
+                glob: entity,
+                reason,
+            });
+    }
+
+    // New rule
+    if (!prevEntity) {
+        if (USER_RULE_TYPES.includes(event.getType())) {
+            return () =>
+                _t("timeline|mjolnir|created_rule_users", {
+                    senderName,
+                    glob: entity,
+                    reason,
+                });
+        } else if (ROOM_RULE_TYPES.includes(event.getType())) {
+            return () =>
+                _t("timeline|mjolnir|created_rule_rooms", {
+                    senderName,
+                    glob: entity,
+                    reason,
+                });
+        } else if (SERVER_RULE_TYPES.includes(event.getType())) {
+            return () =>
+                _t("timeline|mjolnir|created_rule_servers", {
+                    senderName,
+                    glob: entity,
+                    reason,
+                });
+        }
+
+        // Unknown type. We'll say something but we shouldn't end up here.
+        return () =>
+            _t("timeline|mjolnir|created_rule", {
+                senderName,
+                glob: entity,
+                reason,
+            });
+    }
+
+    // else the entity !== prevEntity - count as a removal & add
+    if (USER_RULE_TYPES.includes(event.getType())) {
+        return () =>
+            _t("timeline|mjolnir|changed_rule_users", { senderName, oldGlob: prevEntity, newGlob: entity, reason });
+    } else if (ROOM_RULE_TYPES.includes(event.getType())) {
+        return () =>
+            _t("timeline|mjolnir|changed_rule_rooms", { senderName, oldGlob: prevEntity, newGlob: entity, reason });
+    } else if (SERVER_RULE_TYPES.includes(event.getType())) {
+        return () =>
+            _t("timeline|mjolnir|changed_rule_servers", { senderName, oldGlob: prevEntity, newGlob: entity, reason });
+    }
+
+    // Unknown type. We'll say something but we shouldn't end up here.
+    return () =>
+        _t("timeline|mjolnir|changed_rule_glob", {
+            senderName,
+            oldGlob: prevEntity,
+            newGlob: entity,
+            reason,
+        });
+}
+
+export function textForLocationEvent(event: MatrixEvent): () => string {
+    return () =>
+        _t("timeline|m.location|full", {
+            senderName: getSenderName(event),
+        });
+}
+
+function textForRedactedPollAndMessageEvent(ev: MatrixEvent, client: MatrixClient): string {
+    let message = _t("timeline|self_redaction");
+    const unsigned = ev.getUnsigned();
+    const redactedBecauseUserId = unsigned?.redacted_because?.sender;
+    if (redactedBecauseUserId && redactedBecauseUserId !== ev.getSender()) {
+        const room = client.getRoom(ev.getRoomId());
+        const sender = room?.getMember(redactedBecauseUserId);
+        message = _t("timeline|redaction", {
+            name: sender?.name || redactedBecauseUserId,
+        });
+    }
+
+    return message;
+}
+
+function textForPollStartEvent(event: MatrixEvent, client: MatrixClient): (() => string) | null {
+    return () => {
+        let message = "";
+
+        if (event.isRedacted()) {
+            message = textForRedactedPollAndMessageEvent(event, client);
+            const senderDisplayName = event.sender?.name ?? event.getSender();
+            message = senderDisplayName + ": " + message;
+        } else {
+            message = _t("timeline|m.poll.start", {
+                senderName: getSenderName(event),
+                pollQuestion: (event.unstableExtensibleEvent as PollStartEvent)?.question?.text,
+            });
+        }
+
+        return message;
+    };
+}
+
+function textForPollEndEvent(event: MatrixEvent): (() => string) | null {
+    return () =>
+        _t("timeline|m.poll.end|sender_ended", {
+            senderName: getSenderName(event),
+        });
+}
+
+type Renderable = string | React.ReactNode | null;
+
+interface IHandlers {
+    [type: string]: (
+        ev: MatrixEvent,
+        client: MatrixClient,
+        allowJSX: boolean,
+        showHiddenEvents?: boolean,
+    ) => (() => Renderable) | null;
+}
+
+const handlers: IHandlers = {
+    [EventType.RoomMessage]: textForMessageEvent,
+    [EventType.Sticker]: textForMessageEvent,
+    [EventType.CallInvite]: textForCallInviteEvent,
+    [EventType.RTCNotification]: textForRTCNotificationEvent,
+    [M_POLL_START.name]: textForPollStartEvent,
+    [M_POLL_END.name]: textForPollEndEvent,
+    [M_POLL_START.altName]: textForPollStartEvent,
+    [M_POLL_END.altName]: textForPollEndEvent,
+};
+
+const stateHandlers: IHandlers = {
+    [EventType.RoomCanonicalAlias]: textForCanonicalAliasEvent,
+    [EventType.RoomName]: textForRoomNameEvent,
+    [EventType.RoomTopic]: textForTopicEvent,
+    [EventType.RoomMember]: textForMemberEvent,
+    [EventType.RoomAvatar]: textForRoomAvatarEvent,
+    [EventType.RoomThirdPartyInvite]: textForThreePidInviteEvent,
+    [EventType.RoomHistoryVisibility]: textForHistoryVisibilityEvent,
+    [EventType.RoomPowerLevels]: textForPowerEvent,
+    [EventType.RoomPinnedEvents]: textForPinnedEvent,
+    [EventType.RoomTombstone]: textForTombstoneEvent,
+    [EventType.RoomJoinRules]: textForJoinRulesEvent,
+    [EventType.RoomGuestAccess]: textForGuestAccessEvent,
+
+    // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+    "im.vector.modular.widgets": textForWidgetEvent,
+    [WIDGET_LAYOUT_EVENT_TYPE]: textForWidgetLayoutEvent,
+};
+
+// Add all the Mjolnir stuff to the renderer
+for (const evType of ALL_RULE_TYPES) {
+    stateHandlers[evType] = textForMjolnirEvent;
+}
+
+// Add both stable and unstable m.call events
+for (const evType of ElementCallEventType.names) {
+    stateHandlers[evType] = textForCallEvent;
+}
+
+/**
+ * Determines whether the given event has text to display.
+ *
+ * @param client The Matrix Client instance for the logged-in user
+ * @param ev The event
+ * @param showHiddenEvents An optional cached setting value for showHiddenEventsInTimeline
+ *     to avoid hitting the settings store
+ */
+export function hasText(ev: MatrixEvent, client: MatrixClient, showHiddenEvents?: boolean): boolean {
+    const handler = (ev.isState() ? stateHandlers : handlers)[ev.getType()];
+    try {
+        return Boolean(handler?.(ev, client, false, showHiddenEvents));
+    } catch (e) {
+        console.error(`Error encountered when trying to render event type=${ev.getType()} id=${ev.getId()}`, e);
+        // Returning true if we have a handler so we can show an error tile rather than no tile at all
+        return !!handler;
+    }
+}
+
+/**
+ * Gets the textual content of the given event.
+ *
+ * @param ev The event
+ * @param client The Matrix Client instance for the logged-in user
+ * @param allowJSX Whether to output rich JSX content
+ * @param showHiddenEvents An optional cached setting value for showHiddenEventsInTimeline
+ *     to avoid hitting the settings store
+ */
+export function textForEvent(ev: MatrixEvent, client: MatrixClient): string;
+export function textForEvent(
+    ev: MatrixEvent,
+    client: MatrixClient,
+    allowJSX: true,
+    showHiddenEvents?: boolean,
+): string | React.ReactNode;
+export function textForEvent(
+    ev: MatrixEvent,
+    client: MatrixClient,
+    allowJSX = false,
+    showHiddenEvents?: boolean,
+): string | React.ReactNode {
+    const handler = (ev.isState() ? stateHandlers : handlers)[ev.getType()];
+    return handler?.(ev, client, allowJSX, showHiddenEvents)?.() || "";
+}
diff --git a/apps/web/src/TimezoneHandler.test.ts b/apps/web/src/TimezoneHandler.test.ts
new file mode 100644
index 00000000000..dcce6ff11b3
--- /dev/null
+++ b/apps/web/src/TimezoneHandler.test.ts
@@ -0,0 +1,27 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+Copyright 2017 Vector Creations 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+
+import * as tzh from "./TimezoneHandler";
+
+describe("TimezoneHandler", () => {
+    it("should support setting a user timezone", async () => {
+        const tz = "Europe/Paris";
+        await tzh.setUserTimezone(tz);
+        expect(tzh.getUserTimezone()).toEqual(tz);
+    });
+    it("Return undefined with an empty TZ", async () => {
+        await tzh.setUserTimezone("");
+        expect(tzh.getUserTimezone()).toEqual(undefined);
+    });
+});
diff --git a/apps/web/src/TimezoneHandler.ts b/apps/web/src/TimezoneHandler.ts
new file mode 100644
index 00000000000..cef4b15e4f6
--- /dev/null
+++ b/apps/web/src/TimezoneHandler.ts
@@ -0,0 +1,46 @@
+/*
+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.
+*/
+
+import { SettingLevel } from "./settings/SettingLevel";
+import SettingsStore from "./settings/SettingsStore";
+
+export const USER_TIMEZONE_KEY = "userTimezone";
+
+/**
+ * Returning `undefined` ensure that if unset the browser default will be used in `DateTimeFormat`.
+ * @returns The user specified timezone or `undefined`
+ */
+export function getUserTimezone(): string | undefined {
+    const tz = SettingsStore.getValueAt(SettingLevel.DEVICE, USER_TIMEZONE_KEY);
+    return tz || undefined;
+}
+
+/**
+ * Set in the settings the given timezone
+ */
+export function setUserTimezone(timezone: string): Promise<void> {
+    return SettingsStore.setValue(USER_TIMEZONE_KEY, null, SettingLevel.DEVICE, timezone);
+}
+
+/**
+ * Return all the available timezones
+ */
+export function getAllTimezones(): string[] {
+    return Intl.supportedValuesOf("timeZone");
+}
+
+/**
+ * Return the current timezone in a short human readable way
+ */
+export function shortBrowserTimezone(): string {
+    return (
+        new Intl.DateTimeFormat(undefined, { timeZoneName: "short" })
+            .formatToParts(new Date())
+            .find((x) => x.type === "timeZoneName")?.value ?? "GMT"
+    );
+}
diff --git a/apps/web/src/Typeguards.ts b/apps/web/src/Typeguards.ts
new file mode 100644
index 00000000000..138accbb95c
--- /dev/null
+++ b/apps/web/src/Typeguards.ts
@@ -0,0 +1,15 @@
+/*
+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.
+*/
+
+export function isNotNull<T>(arg: T): arg is Exclude<T, null> {
+    return arg !== null;
+}
+
+export function isNotUndefined<T>(arg: T): arg is Exclude<T, undefined> {
+    return arg !== undefined;
+}
diff --git a/apps/web/src/Unread.ts b/apps/web/src/Unread.ts
new file mode 100644
index 00000000000..d6a80a8f97e
--- /dev/null
+++ b/apps/web/src/Unread.ts
@@ -0,0 +1,150 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-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 { M_BEACON, type Room, Thread, type MatrixEvent, EventType, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import shouldHideEvent from "./shouldHideEvent";
+import { haveRendererForEvent } from "./events/EventTileFactory";
+import { RoomNotifState, getRoomNotifsState } from "./RoomNotifs";
+
+/**
+ * Returns true if this event arriving in a room should affect the room's
+ * count of unread messages
+ *
+ * @param client The Matrix Client instance of the logged-in user
+ * @param {Object} ev The event
+ * @returns {boolean} True if the given event should affect the unread message count
+ */
+export function eventTriggersUnreadCount(client: MatrixClient, ev: MatrixEvent): boolean {
+    if (ev.getSender() === client.getSafeUserId()) {
+        return false;
+    }
+
+    switch (ev.getType()) {
+        case EventType.RoomMember:
+        case EventType.RoomThirdPartyInvite:
+        case EventType.CallAnswer:
+        case EventType.CallHangup:
+        case EventType.RoomCanonicalAlias:
+        case EventType.RoomServerAcl:
+        case M_BEACON.name:
+        case M_BEACON.altName:
+            return false;
+    }
+
+    if (ev.isRedacted()) return false;
+    try {
+        return haveRendererForEvent(ev, client, false /* hidden messages should never trigger unread counts anyways */);
+    } catch (e) {
+        console.warn("Error determining if event should trigger unread count", e);
+        return false; // If we can't determine if the event should trigger an unread count, assume it does not.
+    }
+}
+
+export function doesRoomHaveUnreadMessages(room: Room, includeThreads: boolean): boolean {
+    const toCheck: Array<Room | Thread> = [room];
+    if (includeThreads) {
+        toCheck.push(...room.getThreads());
+    }
+
+    for (const withTimeline of toCheck) {
+        if (doesTimelineHaveUnreadMessages(room, withTimeline.timeline)) {
+            // We found an unread, so the room is unread
+            return true;
+        }
+    }
+
+    // If we got here then no timelines were found with unread messages.
+    return false;
+}
+
+function doesTimelineHaveUnreadMessages(room: Room, timeline: Array<MatrixEvent>): boolean {
+    // The room is a space, let's ignore it
+    if (room.isSpaceRoom()) return false;
+
+    const myUserId = room.client.getSafeUserId();
+    const latestImportantEventId = findLatestImportantEvent(room.client, timeline)?.getId();
+    if (latestImportantEventId) {
+        return !room.hasUserReadEvent(myUserId, latestImportantEventId);
+    } else {
+        // We couldn't find an important event to check - check the unimportant ones.
+        const earliestUnimportantEventId = timeline.at(0)?.getId();
+        if (!earliestUnimportantEventId) {
+            // There are no events in this timeline - it is uninitialised, so we
+            // consider it read
+            return false;
+        } else if (room.hasUserReadEvent(myUserId, earliestUnimportantEventId)) {
+            // Some of the unimportant events are read, and there are no
+            // important ones after them, so we've read everything.
+            return false;
+        } else {
+            // We have events. and none of them are read.  We must guess that
+            // the timeline is unread, because there could be older unread
+            // important events that we don't have loaded.
+            logger.warn("Falling back to unread room because of no read receipt or counting message found", {
+                roomId: room.roomId,
+                earliestUnimportantEventId: earliestUnimportantEventId,
+            });
+            return true;
+        }
+    }
+}
+
+/**
+ * Returns true if this room has unread threads.
+ * @param room The room to check
+ * @returns {boolean} True if the given room has unread threads
+ */
+export function doesRoomHaveUnreadThreads(room: Room): boolean {
+    if (getRoomNotifsState(room.client, room.roomId) === RoomNotifState.Mute) {
+        // No unread for muted rooms, nor their threads
+        // NB. This logic duplicated in RoomNotifs.determineUnreadState
+        return false;
+    }
+
+    for (const thread of room.getThreads()) {
+        if (doesTimelineHaveUnreadMessages(room, thread.timeline)) {
+            // We found an unread, so the room has an unread thread
+            return true;
+        }
+    }
+
+    // If we got here then no threads were found with unread messages.
+    return false;
+}
+
+export function doesRoomOrThreadHaveUnreadMessages(roomOrThread: Room | Thread): boolean {
+    const room = roomOrThread instanceof Thread ? roomOrThread.room : roomOrThread;
+    const events = roomOrThread instanceof Thread ? roomOrThread.timeline : room.getLiveTimeline().getEvents();
+    return doesTimelineHaveUnreadMessages(room, events);
+}
+
+/**
+ * Look backwards through the timeline and find the last event that is
+ * "important" in the sense of isImportantEvent.
+ *
+ * @returns the latest important event, or null if none were found
+ */
+function findLatestImportantEvent(client: MatrixClient, timeline: Array<MatrixEvent>): MatrixEvent | null {
+    for (let index = timeline.length - 1; index >= 0; index--) {
+        const event = timeline[index];
+        if (isImportantEvent(client, event)) {
+            return event;
+        }
+    }
+    return null;
+}
+
+/**
+ * Given this event does not have a receipt, is it important enough to make
+ * this room unread?
+ */
+function isImportantEvent(client: MatrixClient, event: MatrixEvent): boolean {
+    return !shouldHideEvent(event) && eventTriggersUnreadCount(client, event);
+}
diff --git a/apps/web/src/UserActivity.test.ts b/apps/web/src/UserActivity.test.ts
new file mode 100644
index 00000000000..d4cd566bec3
--- /dev/null
+++ b/apps/web/src/UserActivity.test.ts
@@ -0,0 +1,122 @@
+/*
+Copyright 2019-2024 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import EventEmitter from "node:events";
+
+import UserActivity from "./UserActivity";
+
+class FakeDomEventEmitter extends EventEmitter {
+    addEventListener(what: string, l: (...args: any[]) => void) {
+        this.on(what, l);
+    }
+
+    removeEventListener(what: string, l: (...args: any[]) => void) {
+        this.removeListener(what, l);
+    }
+}
+
+describe("UserActivity", function () {
+    let fakeWindow: FakeDomEventEmitter;
+    let fakeDocument: FakeDomEventEmitter & { hasFocus?(): boolean };
+    let userActivity: UserActivity;
+
+    beforeEach(function () {
+        fakeWindow = new FakeDomEventEmitter();
+        fakeDocument = new FakeDomEventEmitter();
+        userActivity = new UserActivity(fakeWindow as unknown as Window, fakeDocument as unknown as Document);
+        userActivity.start();
+        vi.useFakeTimers();
+    });
+
+    afterEach(function () {
+        userActivity.stop();
+    });
+
+    it("should return the same shared instance", function () {
+        expect(UserActivity.sharedInstance()).toBe(UserActivity.sharedInstance());
+    });
+
+    it("should consider user inactive if no activity", function () {
+        expect(userActivity.userActiveNow()).toBe(false);
+    });
+
+    it("should consider user not active recently if no activity", function () {
+        expect(userActivity.userActiveRecently()).toBe(false);
+    });
+
+    it("should not consider user active after activity if no window focus", function () {
+        fakeDocument.hasFocus = vi.fn().mockReturnValue(false);
+
+        userActivity.onUserActivity({ type: "event" } as Event);
+        expect(userActivity.userActiveNow()).toBe(false);
+        expect(userActivity.userActiveRecently()).toBe(false);
+    });
+
+    it("should consider user active shortly after activity", function () {
+        fakeDocument.hasFocus = vi.fn().mockReturnValue(true);
+
+        userActivity.onUserActivity({ type: "event" } as Event);
+        expect(userActivity.userActiveNow()).toBe(true);
+        expect(userActivity.userActiveRecently()).toBe(true);
+        vi.advanceTimersByTime(200);
+        expect(userActivity.userActiveNow()).toBe(true);
+        expect(userActivity.userActiveRecently()).toBe(true);
+    });
+
+    it("should consider user not active after 10s of no activity", function () {
+        fakeDocument.hasFocus = vi.fn().mockReturnValue(true);
+
+        userActivity.onUserActivity({ type: "event" } as Event);
+        vi.advanceTimersByTime(10000);
+        expect(userActivity.userActiveNow()).toBe(false);
+    });
+
+    it("should consider user passive after 10s of no activity", function () {
+        fakeDocument.hasFocus = vi.fn().mockReturnValue(true);
+
+        userActivity.onUserActivity({ type: "event" } as Event);
+        vi.advanceTimersByTime(10000);
+        expect(userActivity.userActiveRecently()).toBe(true);
+    });
+
+    it("should not consider user passive after 10s if window un-focused", function () {
+        fakeDocument.hasFocus = vi.fn().mockReturnValue(true);
+
+        userActivity.onUserActivity({ type: "event" } as Event);
+        vi.advanceTimersByTime(10000);
+
+        fakeDocument.hasFocus = vi.fn().mockReturnValue(false);
+        fakeWindow.emit("blur", {});
+
+        expect(userActivity.userActiveRecently()).toBe(false);
+    });
+
+    it("should not consider user passive after 3 mins", function () {
+        fakeDocument.hasFocus = vi.fn().mockReturnValue(true);
+
+        userActivity.onUserActivity({ type: "event" } as Event);
+        vi.advanceTimersByTime(3 * 60 * 1000);
+
+        expect(userActivity.userActiveRecently()).toBe(false);
+    });
+
+    it("should extend timer on activity", function () {
+        fakeDocument.hasFocus = vi.fn().mockReturnValue(true);
+
+        userActivity.onUserActivity({ type: "event" } as Event);
+        vi.advanceTimersByTime(1 * 60 * 1000);
+        userActivity.onUserActivity({ type: "event" } as Event);
+        vi.advanceTimersByTime(1 * 60 * 1000);
+        userActivity.onUserActivity({ type: "event" } as Event);
+        vi.advanceTimersByTime(1 * 60 * 1000);
+
+        expect(userActivity.userActiveRecently()).toBe(true);
+    });
+});
diff --git a/apps/web/src/UserActivity.ts b/apps/web/src/UserActivity.ts
new file mode 100644
index 00000000000..faf231ecdc7
--- /dev/null
+++ b/apps/web/src/UserActivity.ts
@@ -0,0 +1,226 @@
+/*
+Copyright 2019-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.
+*/
+
+import dis from "./dispatcher/dispatcher";
+import Timer from "./utils/Timer";
+import { Action } from "./dispatcher/actions.ts";
+
+// important these are larger than the timeouts of timers
+// used with UserActivity.timeWhileActive*,
+// such as READ_MARKER_INVIEW_THRESHOLD_MS (timeWhileActiveRecently),
+// READ_MARKER_OUTOFVIEW_THRESHOLD_MS (timeWhileActiveRecently),
+// READ_RECEIPT_INTERVAL_MS (timeWhileActiveNow) in TimelinePanel
+
+// 'Under a few seconds'. Must be less than 'RECENTLY_ACTIVE_THRESHOLD_MS'
+const CURRENTLY_ACTIVE_THRESHOLD_MS = 700;
+
+// 'Under a few minutes'.
+const RECENTLY_ACTIVE_THRESHOLD_MS = 2 * 60 * 1000;
+
+/**
+ * This class watches for user activity (moving the mouse or pressing a key)
+ * and starts/stops attached timers while the user is active.
+ *
+ * There are two classes of 'active': 'active now' and 'active recently'
+ * see doc on the userActive* functions for what these mean.
+ */
+export default class UserActivity {
+    private readonly activeNowTimeout: Timer;
+    private readonly activeRecentlyTimeout: Timer;
+    private attachedActiveNowTimers: Timer[] = [];
+    private attachedActiveRecentlyTimers: Timer[] = [];
+    private lastScreenX = 0;
+    private lastScreenY = 0;
+
+    public constructor(
+        private readonly window: Window,
+        private readonly document: Document,
+    ) {
+        this.activeNowTimeout = new Timer(CURRENTLY_ACTIVE_THRESHOLD_MS);
+        this.activeRecentlyTimeout = new Timer(RECENTLY_ACTIVE_THRESHOLD_MS);
+    }
+
+    public static sharedInstance(): UserActivity {
+        if (window.mxUserActivity === undefined) {
+            window.mxUserActivity = new UserActivity(window, document);
+        }
+        return window.mxUserActivity;
+    }
+
+    /**
+     * Runs the given timer while the user is 'active now', aborting when the user is no longer
+     * considered currently active.
+     * See userActiveNow() for what it means for a user to be 'active'.
+     * Can be called multiple times with the same already running timer, which is a NO-OP.
+     * Can be called before the user becomes active, in which case it is only started
+     * later on when the user does become active.
+     * @param {Timer} timer the timer to use
+     */
+    public timeWhileActiveNow(timer: Timer): void {
+        this.timeWhile(timer, this.attachedActiveNowTimers);
+        if (this.userActiveNow()) {
+            timer.start();
+        }
+    }
+
+    /**
+     * Runs the given timer while the user is 'active' now or recently,
+     * aborting when the user becomes inactive.
+     * See userActiveRecently() for what it means for a user to be 'active recently'.
+     * Can be called multiple times with the same already running timer, which is a NO-OP.
+     * Can be called before the user becomes active, in which case it is only started
+     * later on when the user does become active.
+     * @param {Timer} timer the timer to use
+     */
+    public timeWhileActiveRecently(timer: Timer): void {
+        this.timeWhile(timer, this.attachedActiveRecentlyTimers);
+        if (this.userActiveRecently()) {
+            timer.start();
+        }
+    }
+
+    private timeWhile(timer: Timer, attachedTimers: Timer[]): void {
+        // important this happens first
+        const index = attachedTimers.indexOf(timer);
+        if (index === -1) {
+            attachedTimers.push(timer);
+            // remove when done or aborted
+            timer
+                .finished()
+                .finally(() => {
+                    const index = attachedTimers.indexOf(timer);
+                    if (index !== -1) {
+                        // should never be -1
+                        attachedTimers.splice(index, 1);
+                    }
+                    // as we fork the promise here,
+                    // avoid unhandled rejection warnings
+                })
+                .catch(() => {
+                    // Do nothing
+                });
+        }
+    }
+
+    /**
+     * Start listening to user activity
+     */
+    public start(): void {
+        this.document.addEventListener("mousedown", this.onUserActivity);
+        this.document.addEventListener("mousemove", this.onUserActivity);
+        this.document.addEventListener("keydown", this.onUserActivity);
+        this.document.addEventListener("visibilitychange", this.onPageVisibilityChanged);
+        this.window.addEventListener("blur", this.onWindowBlurred);
+        this.window.addEventListener("focus", this.onUserActivity);
+        // can't use document.scroll here because that's only the document
+        // itself being scrolled. Need to use addEventListener's useCapture.
+        // also this needs to be the wheel event, not scroll, as scroll is
+        // fired when the view scrolls down for a new message.
+        this.window.addEventListener("wheel", this.onUserActivity, {
+            passive: true,
+            capture: true,
+        });
+    }
+
+    /**
+     * Stop tracking user activity
+     */
+    public stop(): void {
+        this.document.removeEventListener("mousedown", this.onUserActivity);
+        this.document.removeEventListener("mousemove", this.onUserActivity);
+        this.document.removeEventListener("keydown", this.onUserActivity);
+        this.window.removeEventListener("wheel", this.onUserActivity, {
+            capture: true,
+        });
+        this.document.removeEventListener("visibilitychange", this.onPageVisibilityChanged);
+        this.window.removeEventListener("blur", this.onWindowBlurred);
+        this.window.removeEventListener("focus", this.onUserActivity);
+    }
+
+    /**
+     * Return true if the user is currently 'active'
+     * A user is 'active' while they are interacting with the app and for a very short (<1s)
+     * time after that. This is intended to give a strong indication that the app has the
+     * user's attention at any given moment.
+     * @returns {boolean} true if user is currently 'active'
+     */
+    public userActiveNow(): boolean {
+        return this.activeNowTimeout.isRunning();
+    }
+
+    /**
+     * Return true if the user is currently active or has been recently
+     * A user is 'active recently' for a longer period of time (~2 mins) after
+     * they have been 'active' and while the app still has the focus. This is
+     * intended to indicate when the app may still have the user's attention
+     * (or they may have gone to make tea and left the window focused).
+     * @returns {boolean} true if user has been active recently
+     */
+    public userActiveRecently(): boolean {
+        return this.activeRecentlyTimeout.isRunning();
+    }
+
+    private onPageVisibilityChanged = (e: Event): void => {
+        if (this.document.visibilityState === "hidden") {
+            this.activeNowTimeout.abort();
+            this.activeRecentlyTimeout.abort();
+        } else {
+            this.onUserActivity(e);
+        }
+    };
+
+    private onWindowBlurred = (): void => {
+        this.activeNowTimeout.abort();
+        this.activeRecentlyTimeout.abort();
+    };
+
+    // XXX: exported for tests
+    public onUserActivity = (event: Event): void => {
+        // ignore anything if the window isn't focused
+        if (!this.document.hasFocus()) return;
+
+        if (event.type === "mousemove" && this.isMouseEvent(event)) {
+            if (event.screenX === this.lastScreenX && event.screenY === this.lastScreenY) {
+                // mouse hasn't actually moved
+                return;
+            }
+            this.lastScreenX = event.screenX;
+            this.lastScreenY = event.screenY;
+        }
+
+        dis.dispatch({ action: Action.UserActivity });
+        if (!this.activeNowTimeout.isRunning()) {
+            this.activeNowTimeout.start();
+            UserActivity.runTimersUntilTimeout(this.attachedActiveNowTimers, this.activeNowTimeout);
+        } else {
+            this.activeNowTimeout.restart();
+        }
+
+        if (!this.activeRecentlyTimeout.isRunning()) {
+            this.activeRecentlyTimeout.start();
+
+            UserActivity.runTimersUntilTimeout(this.attachedActiveRecentlyTimers, this.activeRecentlyTimeout);
+        } else {
+            this.activeRecentlyTimeout.restart();
+        }
+    };
+
+    private static async runTimersUntilTimeout(attachedTimers: Timer[], timeout: Timer): Promise<void> {
+        attachedTimers.forEach((t) => t.start());
+        try {
+            await timeout.finished();
+        } catch {
+            /* aborted */
+        }
+        attachedTimers.forEach((t) => t.abort());
+    }
+
+    private isMouseEvent(event: Event): event is MouseEvent {
+        return event.type.startsWith("mouse");
+    }
+}
diff --git a/apps/web/src/UserAddress.ts b/apps/web/src/UserAddress.ts
new file mode 100644
index 00000000000..1ba84a5ab38
--- /dev/null
+++ b/apps/web/src/UserAddress.ts
@@ -0,0 +1,29 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-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.
+*/
+
+const emailRegex = /^\S+@\S+\.\S+$/;
+const mxUserIdRegex = /^@\S+:\S+$/;
+const mxRoomIdRegex = /^!\S+:\S+$/;
+
+export enum AddressType {
+    Email = "email",
+    MatrixUserId = "mx-user-id",
+    MatrixRoomId = "mx-room-id",
+}
+
+export function getAddressType(inputText: string): AddressType | null {
+    if (emailRegex.test(inputText)) {
+        return AddressType.Email;
+    } else if (mxUserIdRegex.test(inputText)) {
+        return AddressType.MatrixUserId;
+    } else if (mxRoomIdRegex.test(inputText)) {
+        return AddressType.MatrixRoomId;
+    } else {
+        return null;
+    }
+}
diff --git a/apps/web/src/Views.ts b/apps/web/src/Views.ts
new file mode 100644
index 00000000000..bbd02006658
--- /dev/null
+++ b/apps/web/src/Views.ts
@@ -0,0 +1,133 @@
+/*
+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.
+*/
+
+/**
+ * Constants for MatrixChat.state.view.
+ *
+ * The `View` is the primary state machine of the application: it has different states for the various setup flows
+ * that the user may find themselves in. Once we have a functioning client, we can transition to the `LOGGED_IN` state
+ * which is the "normal" state of the application.
+ *
+ * An incomplete state transition diagram follows.
+ *
+ *                      (initial state)
+ *                    ┌─────────────────┐ Lock held by other instance  ┌─────────────────┐
+ *                    │    LOADING      │─────────────────────────────►│ CONFIRM_LOCK_   │
+ *                    │                 │◄─────────────────────────────│     THEFT       │
+ *                    └─────────────────┘ Lock theft confirmed         └─────────────────┘
+ *     Session recovered │     │      │                                           Token/OIDC login succeeded
+ *        ┌──────────────┘     │      └──────────────────────────────────────────────────────────────────┐
+ *        │                    └───────────────────────────────────────────┐                             │
+ *        │                                                                │ No previous session         │
+ *        │                                                                ▼                             │
+ *        │          (from all other states    Client logged out   ┌─────────────────┐                   │
+ *        │            except LOCK_STOLEN)  ──────────────────────►│     WELCOME     │                   │
+ *        │                                                        │                 │                   │
+ *        │                                                        └─────────────────┘                   │
+ *        │                                                               │   │                          │
+ *        │                                                     "Sign in" │   │ "Create account"         │
+ *        │                                                  ┌────────────┘   └──────────────┐           │
+ *        │                                                  │                               │           │
+ *        │                       "Forgot                    ▼       "Create an              ▼           │
+ *        │   ┌─────────────────┐  password"     ┌─────────────────┐   account"     ┌─────────────────┐  │
+ *        │   │ FORGOT_PASSWORD │◄───────────────│      LOGIN      │───────────────►│     REGISTER    │  │
+ *        │   │                 │───────────────►│                 │◄───────────────│                 │  │
+ *        │   └─────────────────┘ Complete /     └─────────────────┘ "Sign in here" └─────────────────┘  │
+ *        │            ▲        "Sign in instead"        │                                   │           │
+ *        │            │                                 └──────────────────────┐  ┌─────────┘           │
+ *        │            │"Forgotten your                                         │  │  ┌──────────────────┘
+ *        │            │ password?"                                             │  │  │
+ *        │            │                                                        │  │  │
+ *        │   ┌─────────────────┐ Soft-logout error                             │  │  │
+ *        │   │  SOFT_LOGOUT    │◄───────────── (from all other states          │  │  │
+ *        │   │                 │                except LOCK_STOLEN)            │  │  │
+ *        │   └─────────────────┘                                               │  │  │
+ *        │         │ Re-authentication succeeded                               ▼  ▼  ▼
+ *        │         │                                                    ┌──────────────────┐
+ *        ▼         ▼                                                    │ (postLoginSetup) │
+ *     ┌─────────────────┐                                               └──────────────────┘
+ *     │ PENDING_CLIENT_ │                                      Account has │     │      │ Account lacks
+ *     │     START       │                                    cross-signing │     │      │ cross-signing
+ *     └─────────────────┘                                           keys   │     │      │ keys
+ *        │          │                                                      │     │      │
+ *        │          └───────────────────────────────┐                      │     │      │
+ *        │            Client started,               │                      │     │      └──────┐
+ *        │            force_verification pending    │                      │     │             │
+ *        │                                          ▼                      │     │             │
+ *        │ Client started,                 ┌─────────────────┐             │     │             │
+ *        │ force_verification              │  COMPLETE_      │◄────────────┘     │             ▼
+ *        │ not needed                      │      SECURITY   │                   │      ┌─────────────────┐
+ *        │                                 └─────────────────┘                   │      │   E2E_SETUP     │
+ *        │                                          │                            │      │                 │
+ *        │    ┌─────────────────────────────────────┘           E2EE not enabled │      └─────────────────┘
+ *        │    │    ┌─────────────────────────────────────────────────────────────┘              │
+ *        │    │    │     ┌──────────────────────────────────────────────────────────────────────┘
+ *        │    │    │     │
+ *        │    │    │     │
+ *        │    │    │     │
+ *        │    │    │     │
+ *        ▼    ▼    ▼     ▼
+ *       ┌─────────────────┐
+ *       │   LOGGED_IN     │
+ *       │                 │
+ *       └─────────────────┘
+ *
+ *       (from all other states)
+ *                │
+ *                │ Session lock stolen
+ *                ▼
+ *       ┌─────────────────┐
+ *       │  LOCK_STOLEN    │
+ *       │                 │
+ *       └─────────────────┘
+ */
+enum Views {
+    // a special initial state which is only used at startup, while we are
+    // trying to re-animate a matrix client or register as a guest.
+    LOADING,
+
+    // Another tab holds the lock.
+    CONFIRM_LOCK_THEFT,
+
+    // we are showing the welcome view
+    WELCOME,
+
+    // we are showing the login view
+    LOGIN,
+
+    // we are showing the registration view
+    REGISTER,
+
+    // showing the 'forgot password' view
+    FORGOT_PASSWORD,
+
+    // showing flow to trust this new device with cross-signing
+    COMPLETE_SECURITY,
+
+    // flow to setup SSSS / cross-signing on this account
+    E2E_SETUP,
+
+    /**
+     * We have successfully recovered a session from localstorage, but the client
+     * has not yet been started.
+     */
+    PENDING_CLIENT_START,
+
+    // we are logged in with an active matrix client. The logged_in state also
+    // includes guests users as they too are logged in at the client level.
+    LOGGED_IN,
+
+    // We are logged out (invalid token) but have our local state again. The user
+    // should log back in to rehydrate the client.
+    SOFT_LOGOUT,
+
+    // Another instance of the application has started up. We just show an error page.
+    LOCK_STOLEN,
+}
+
+export default Views;
diff --git a/apps/web/src/WhoIsTyping.ts b/apps/web/src/WhoIsTyping.ts
new file mode 100644
index 00000000000..000cfa29e5c
--- /dev/null
+++ b/apps/web/src/WhoIsTyping.ts
@@ -0,0 +1,66 @@
+/*
+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.
+*/
+
+import { type Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "./languageHandler";
+
+export function usersTypingApartFromMeAndIgnored(room: Room): RoomMember[] {
+    return usersTyping(room, [room.client.getSafeUserId()].concat(room.client.getIgnoredUsers()));
+}
+
+export function usersTypingApartFromMe(room: Room): RoomMember[] {
+    return usersTyping(room, [room.client.getSafeUserId()]);
+}
+
+/**
+ * Given a Room object and, optionally, a list of userID strings
+ * to exclude, return a list of user objects who are typing.
+ * @param {Room} room: room object to get users from.
+ * @param {string[]} exclude: list of user mxids to exclude.
+ * @returns {RoomMember[]} list of user objects who are typing.
+ */
+export function usersTyping(room: Room, exclude: string[] = []): RoomMember[] {
+    const whoIsTyping: RoomMember[] = [];
+
+    const memberKeys = Object.keys(room.currentState.members);
+    for (const userId of memberKeys) {
+        if (room.currentState.members[userId].typing) {
+            if (exclude.indexOf(userId) === -1) {
+                whoIsTyping.push(room.currentState.members[userId]);
+            }
+        }
+    }
+
+    return whoIsTyping;
+}
+
+export function whoIsTypingString(whoIsTyping: RoomMember[], limit: number): string {
+    let othersCount = 0;
+    if (whoIsTyping.length > limit) {
+        othersCount = whoIsTyping.length - limit + 1;
+    }
+
+    if (whoIsTyping.length === 0) {
+        return "";
+    } else if (whoIsTyping.length === 1) {
+        return _t("timeline|typing_indicator|one_user", { displayName: whoIsTyping[0].name });
+    }
+
+    const names = whoIsTyping.map((m) => m.name);
+
+    if (othersCount >= 1) {
+        return _t("timeline|typing_indicator|more_users", {
+            names: names.slice(0, limit - 1).join(", "),
+            count: othersCount,
+        });
+    } else {
+        const lastPerson = names.pop();
+        return _t("timeline|typing_indicator|two_users", { names: names.join(", "), lastPerson: lastPerson });
+    }
+}
diff --git a/apps/web/src/WorkerManager.test.ts b/apps/web/src/WorkerManager.test.ts
new file mode 100644
index 00000000000..5fe9d9c0f76
--- /dev/null
+++ b/apps/web/src/WorkerManager.test.ts
@@ -0,0 +1,53 @@
+/*
+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 { vi, describe, it, expect } from "vitest";
+
+import { WorkerManager } from "./WorkerManager";
+
+describe("WorkerManager", () => {
+    it("should generate consecutive sequence numbers for each call", () => {
+        const postMessage = vi.fn();
+        const manager = new WorkerManager({ postMessage } as unknown as Worker);
+
+        manager.call({ data: "One" });
+        manager.call({ data: "Two" });
+        manager.call({ data: "Three" });
+
+        const one = postMessage.mock.calls.find((c) => c[0].data === "One")!;
+        const two = postMessage.mock.calls.find((c) => c[0].data === "Two")!;
+        const three = postMessage.mock.calls.find((c) => c[0].data === "Three")!;
+
+        expect(one[0].seq).toBe(0);
+        expect(two[0].seq).toBe(1);
+        expect(three[0].seq).toBe(2);
+    });
+
+    it("should support resolving out of order", async () => {
+        const postMessage = vi.fn();
+        const worker = { postMessage } as unknown as Worker;
+        const manager = new WorkerManager(worker);
+
+        const oneProm = manager.call({ data: "One" });
+        const twoProm = manager.call({ data: "Two" });
+        const threeProm = manager.call({ data: "Three" });
+
+        const one = postMessage.mock.calls.find((c) => c[0].data === "One")![0].seq;
+        const two = postMessage.mock.calls.find((c) => c[0].data === "Two")![0].seq;
+        const three = postMessage.mock.calls.find((c) => c[0].data === "Three")![0].seq;
+
+        worker.onmessage!({ data: { seq: one, data: 1 } } as MessageEvent);
+        await expect(oneProm).resolves.toEqual(expect.objectContaining({ data: 1 }));
+
+        worker.onmessage!({ data: { seq: three, data: 3 } } as MessageEvent);
+        await expect(threeProm).resolves.toEqual(expect.objectContaining({ data: 3 }));
+
+        worker.onmessage!({ data: { seq: two, data: 2 } } as MessageEvent);
+        await expect(twoProm).resolves.toEqual(expect.objectContaining({ data: 2 }));
+    });
+});
diff --git a/apps/web/src/WorkerManager.ts b/apps/web/src/WorkerManager.ts
new file mode 100644
index 00000000000..1d403be88c2
--- /dev/null
+++ b/apps/web/src/WorkerManager.ts
@@ -0,0 +1,36 @@
+/*
+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 { type WorkerPayload } from "./workers/worker";
+
+export class WorkerManager<Request extends object, Response> {
+    private readonly worker: Worker;
+    private seq = 0;
+    private pendingDeferredMap = new Map<number, PromiseWithResolvers<Response>>();
+
+    public constructor(worker: Worker) {
+        this.worker = worker;
+        this.worker.onmessage = this.onMessage;
+    }
+
+    private onMessage = (ev: MessageEvent<Response & WorkerPayload>): void => {
+        const deferred = this.pendingDeferredMap.get(ev.data.seq);
+        if (deferred) {
+            this.pendingDeferredMap.delete(ev.data.seq);
+            deferred.resolve(ev.data);
+        }
+    };
+
+    public call(request: Request): Promise<Response> {
+        const seq = this.seq++;
+        const deferred = Promise.withResolvers<Response>();
+        this.pendingDeferredMap.set(seq, deferred);
+        this.worker.postMessage({ seq, ...request });
+        return deferred.promise;
+    }
+}
diff --git a/apps/web/src/__snapshots__/favicon.test.ts.snap b/apps/web/src/__snapshots__/favicon.test.ts.snap
new file mode 100644
index 00000000000..827a17cbfa0
--- /dev/null
+++ b/apps/web/src/__snapshots__/favicon.test.ts.snap
@@ -0,0 +1,431 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Favicon > should clear a badge if called with a zero value 1`] = `
+[
+  {
+    "props": {
+      "height": 144,
+      "width": 144,
+      "x": 0,
+      "y": 0,
+    },
+    "transform": [
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+    ],
+    "type": "clearRect",
+  },
+  {
+    "props": {
+      "dHeight": 144,
+      "dWidth": 144,
+      "dx": 0,
+      "dy": 0,
+      "img": <img
+        height="144"
+        width="144"
+      />,
+      "sHeight": 144,
+      "sWidth": 144,
+      "sx": 0,
+      "sy": 0,
+    },
+    "transform": [
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+    ],
+    "type": "drawImage",
+  },
+  {
+    "props": {
+      "fillRule": "nonzero",
+      "path": [
+        {
+          "props": {},
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "beginPath",
+        },
+        {
+          "props": {
+            "x": 72.72,
+            "y": 57.6,
+          },
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "moveTo",
+        },
+        {
+          "props": {
+            "x": 100.79999999999998,
+            "y": 57.6,
+          },
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "lineTo",
+        },
+        {
+          "props": {
+            "x": 143.99999999999997,
+            "y": 100.80000000000001,
+          },
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "lineTo",
+        },
+        {
+          "props": {
+            "x": 44.64,
+            "y": 144,
+          },
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "lineTo",
+        },
+        {
+          "props": {
+            "x": 1.4400000000000048,
+            "y": 100.8,
+          },
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "lineTo",
+        },
+      ],
+    },
+    "transform": [
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+    ],
+    "type": "fill",
+  },
+  {
+    "props": {
+      "path": [
+        {
+          "props": {},
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "beginPath",
+        },
+      ],
+    },
+    "transform": [
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+    ],
+    "type": "stroke",
+  },
+  {
+    "props": {
+      "maxWidth": null,
+      "text": "123",
+      "x": 72,
+      "y": 131,
+    },
+    "transform": [
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+    ],
+    "type": "fillText",
+  },
+  {
+    "props": {
+      "height": 144,
+      "width": 144,
+      "x": 0,
+      "y": 0,
+    },
+    "transform": [
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+    ],
+    "type": "clearRect",
+  },
+  {
+    "props": {
+      "dHeight": 144,
+      "dWidth": 144,
+      "dx": 0,
+      "dy": 0,
+      "img": <img
+        height="144"
+        width="144"
+      />,
+      "sHeight": 144,
+      "sWidth": 144,
+      "sx": 0,
+      "sy": 0,
+    },
+    "transform": [
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+    ],
+    "type": "drawImage",
+  },
+]
+`;
+
+exports[`Favicon > should draw a badge if called with a non-zero value 1`] = `
+[
+  {
+    "props": {
+      "height": 144,
+      "width": 144,
+      "x": 0,
+      "y": 0,
+    },
+    "transform": [
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+    ],
+    "type": "clearRect",
+  },
+  {
+    "props": {
+      "dHeight": 144,
+      "dWidth": 144,
+      "dx": 0,
+      "dy": 0,
+      "img": <img
+        height="144"
+        width="144"
+      />,
+      "sHeight": 144,
+      "sWidth": 144,
+      "sx": 0,
+      "sy": 0,
+    },
+    "transform": [
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+    ],
+    "type": "drawImage",
+  },
+  {
+    "props": {
+      "fillRule": "nonzero",
+      "path": [
+        {
+          "props": {},
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "beginPath",
+        },
+        {
+          "props": {
+            "x": 72.72,
+            "y": 57.6,
+          },
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "moveTo",
+        },
+        {
+          "props": {
+            "x": 100.79999999999998,
+            "y": 57.6,
+          },
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "lineTo",
+        },
+        {
+          "props": {
+            "x": 143.99999999999997,
+            "y": 100.80000000000001,
+          },
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "lineTo",
+        },
+        {
+          "props": {
+            "x": 44.64,
+            "y": 144,
+          },
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "lineTo",
+        },
+        {
+          "props": {
+            "x": 1.4400000000000048,
+            "y": 100.8,
+          },
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "lineTo",
+        },
+      ],
+    },
+    "transform": [
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+    ],
+    "type": "fill",
+  },
+  {
+    "props": {
+      "path": [
+        {
+          "props": {},
+          "transform": [
+            1,
+            0,
+            0,
+            1,
+            0,
+            0,
+          ],
+          "type": "beginPath",
+        },
+      ],
+    },
+    "transform": [
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+    ],
+    "type": "stroke",
+  },
+  {
+    "props": {
+      "maxWidth": null,
+      "text": "123",
+      "x": 72,
+      "y": 131,
+    },
+    "transform": [
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+    ],
+    "type": "fillText",
+  },
+]
+`;
diff --git a/apps/web/src/accessibility/KeyboardShortcutUtils.ts b/apps/web/src/accessibility/KeyboardShortcutUtils.ts
new file mode 100644
index 00000000000..16c7a5a77a9
--- /dev/null
+++ b/apps/web/src/accessibility/KeyboardShortcutUtils.ts
@@ -0,0 +1,127 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Šimon Brandner <simon.bra.ag@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 { type KeyCombo } from "../KeyBindingsManager";
+import { IS_MAC, Key } from "../Keyboard";
+import { _t, _td } from "../languageHandler";
+import PlatformPeg from "../PlatformPeg";
+import SettingsStore from "../settings/SettingsStore";
+import {
+    DESKTOP_SHORTCUTS,
+    DIGITS,
+    type IKeyboardShortcuts,
+    KeyBindingAction,
+    KEYBOARD_SHORTCUTS,
+    type KeyboardShortcutSetting,
+    MAC_ONLY_SHORTCUTS,
+} from "./KeyboardShortcuts";
+
+/**
+ * This function gets the keyboard shortcuts that should be presented in the UI
+ * but they shouldn't be consumed by KeyBindingDefaults. That means that these
+ * have to be manually mirrored in KeyBindingDefaults.
+ */
+const getUIOnlyShortcuts = (): IKeyboardShortcuts => {
+    const ctrlEnterToSend = SettingsStore.getValue("MessageComposerInput.ctrlEnterToSend");
+
+    const keyboardShortcuts: IKeyboardShortcuts = {
+        [KeyBindingAction.SendMessage]: {
+            default: {
+                key: Key.ENTER,
+                ctrlOrCmdKey: ctrlEnterToSend,
+            },
+            displayName: _td("composer|send_button_title"),
+        },
+        [KeyBindingAction.NewLine]: {
+            default: {
+                key: Key.ENTER,
+                shiftKey: !ctrlEnterToSend,
+            },
+            displayName: _td("keyboard|composer_new_line"),
+        },
+        [KeyBindingAction.CompleteAutocomplete]: {
+            default: {
+                key: Key.ENTER,
+            },
+            displayName: _td("action|complete"),
+        },
+        [KeyBindingAction.ForceCompleteAutocomplete]: {
+            default: {
+                key: Key.TAB,
+            },
+            displayName: _td("keyboard|autocomplete_force"),
+        },
+        [KeyBindingAction.SearchInRoom]: {
+            default: {
+                ctrlOrCmdKey: true,
+                key: Key.F,
+            },
+            displayName: _td("keyboard|search"),
+        },
+    };
+
+    if (PlatformPeg.get()?.overrideBrowserShortcuts()) {
+        // XXX: This keyboard shortcut isn't manually added to
+        // KeyBindingDefaults as it can't be easily handled by the
+        // KeyBindingManager
+        keyboardShortcuts[KeyBindingAction.SwitchToSpaceByNumber] = {
+            default: {
+                ctrlOrCmdKey: true,
+                key: DIGITS,
+            },
+            displayName: _td("keyboard|switch_to_space"),
+        };
+    }
+
+    return keyboardShortcuts;
+};
+
+/**
+ * This function gets keyboard shortcuts that can be consumed by the KeyBindingDefaults.
+ */
+export const getKeyboardShortcuts = (): IKeyboardShortcuts => {
+    const overrideBrowserShortcuts = PlatformPeg.get()?.overrideBrowserShortcuts();
+
+    return (Object.keys(KEYBOARD_SHORTCUTS) as KeyBindingAction[])
+        .filter((k) => {
+            if (KEYBOARD_SHORTCUTS[k]?.controller?.settingDisabled) return false;
+            if (MAC_ONLY_SHORTCUTS.includes(k) && !IS_MAC) return false;
+            if (DESKTOP_SHORTCUTS.includes(k) && !overrideBrowserShortcuts) return false;
+
+            return true;
+        })
+        .reduce((o, key) => {
+            o[key] = KEYBOARD_SHORTCUTS[key];
+            return o;
+        }, {} as IKeyboardShortcuts);
+};
+
+/**
+ * Gets keyboard shortcuts that should be presented to the user in the UI.
+ * @knipignore - exported for tests
+ */
+export const getKeyboardShortcutsForUI = (): IKeyboardShortcuts => {
+    const entries = [...Object.entries(getUIOnlyShortcuts()), ...Object.entries(getKeyboardShortcuts())] as [
+        KeyBindingAction,
+        KeyboardShortcutSetting,
+    ][];
+
+    return entries.reduce((acc, [key, value]) => {
+        acc[key] = value;
+        return acc;
+    }, {} as IKeyboardShortcuts);
+};
+
+export const getKeyboardShortcutValue = (name: KeyBindingAction): KeyCombo | undefined => {
+    return getKeyboardShortcutsForUI()[name]?.default;
+};
+
+export const getKeyboardShortcutDisplayName = (name: KeyBindingAction): string | undefined => {
+    const keyboardShortcutDisplayName = getKeyboardShortcutsForUI()[name]?.displayName;
+    return keyboardShortcutDisplayName && _t(keyboardShortcutDisplayName);
+};
diff --git a/apps/web/src/accessibility/KeyboardShortcuts.ts b/apps/web/src/accessibility/KeyboardShortcuts.ts
new file mode 100644
index 00000000000..9d4222d92f9
--- /dev/null
+++ b/apps/web/src/accessibility/KeyboardShortcuts.ts
@@ -0,0 +1,741 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+Copyright 2021, 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+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 i18n.tsx instead of languageHandler to avoid circular deps
+import { _td } from "@element-hq/web-shared-components";
+
+import { IS_MAC, IS_ELECTRON, Key } from "../Keyboard";
+import { type IBaseSetting } from "../settings/Settings";
+import { type KeyCombo } from "../KeyBindingsManager";
+
+export enum KeyBindingAction {
+    /** Send a message */
+    SendMessage = "KeyBinding.sendMessageInComposer",
+    /** Go backwards through the send history and use the message in composer view */
+    SelectPrevSendHistory = "KeyBinding.previousMessageInComposerHistory",
+    /** Go forwards through the send history */
+    SelectNextSendHistory = "KeyBinding.nextMessageInComposerHistory",
+    /** Start editing the user's last sent message */
+    EditPrevMessage = "KeyBinding.editPreviousMessage",
+    /** Start editing the user's next sent message */
+    EditNextMessage = "KeyBinding.editNextMessage",
+    /** Cancel editing a message or cancel replying to a message */
+    CancelReplyOrEdit = "KeyBinding.cancelReplyInComposer",
+    /** Show the sticker picker */
+    ShowStickerPicker = "KeyBinding.showStickerPicker",
+
+    /** Set bold format the current selection */
+    FormatBold = "KeyBinding.toggleBoldInComposer",
+    /** Set italics format the current selection */
+    FormatItalics = "KeyBinding.toggleItalicsInComposer",
+    /** Insert link for current selection */
+    FormatLink = "KeyBinding.FormatLink",
+    /** Set code format for current selection */
+    FormatCode = "KeyBinding.FormatCode",
+    /** Format the current selection as quote */
+    FormatQuote = "KeyBinding.toggleQuoteInComposer",
+    /** Undo the last editing */
+    EditUndo = "KeyBinding.editUndoInComposer",
+    /** Redo editing */
+    EditRedo = "KeyBinding.editRedoInComposer",
+    /** Insert new line */
+    NewLine = "KeyBinding.newLineInComposer",
+    /** Move the cursor to the start of the message */
+    MoveCursorToStart = "KeyBinding.jumpToStartInComposer",
+    /** Move the cursor to the end of the message */
+    MoveCursorToEnd = "KeyBinding.jumpToEndInComposer",
+
+    /** Accepts chosen autocomplete selection */
+    CompleteAutocomplete = "KeyBinding.completeAutocomplete",
+    /** Accepts chosen autocomplete selection or,
+     * if the autocompletion window is not shown, open the window and select the first selection */
+    ForceCompleteAutocomplete = "KeyBinding.forceCompleteAutocomplete",
+    /** Move to the previous autocomplete selection */
+    PrevSelectionInAutocomplete = "KeyBinding.previousOptionInAutoComplete",
+    /** Move to the next autocomplete selection */
+    NextSelectionInAutocomplete = "KeyBinding.nextOptionInAutoComplete",
+    /** Close the autocompletion window */
+    CancelAutocomplete = "KeyBinding.cancelAutoComplete",
+
+    /** Clear room list filter field */
+    ClearRoomFilter = "KeyBinding.clearRoomFilter",
+    /** Navigate up/down in the room list */
+    PrevRoom = "KeyBinding.downerRoom",
+    /** Navigate down in the room list */
+    NextRoom = "KeyBinding.upperRoom",
+    /** Select room from the room list */
+    SelectRoomInRoomList = "KeyBinding.selectRoomInRoomList",
+    /** Collapse room list section */
+    CollapseRoomListSection = "KeyBinding.collapseSectionInRoomList",
+    /** Expand room list section, if already expanded, jump to first room in the selection */
+    ExpandRoomListSection = "KeyBinding.expandSectionInRoomList",
+
+    /** Scroll up in the timeline */
+    ScrollUp = "KeyBinding.scrollUpInTimeline",
+    /** Scroll down in the timeline */
+    ScrollDown = "KeyBinding.scrollDownInTimeline",
+    /** Dismiss read marker and jump to bottom */
+    DismissReadMarker = "KeyBinding.dismissReadMarkerAndJumpToBottom",
+    /** Jump to oldest unread message */
+    JumpToOldestUnread = "KeyBinding.jumpToOldestUnreadMessage",
+    /** Upload a file */
+    UploadFile = "KeyBinding.uploadFileToRoom",
+    /** Focus search message in a room (must be enabled) */
+    SearchInRoom = "KeyBinding.searchInRoom",
+    /** Jump to the first (downloaded) message in the room */
+    JumpToFirstMessage = "KeyBinding.jumpToFirstMessageInTimeline",
+    /** Jump to the latest message in the room */
+    JumpToLatestMessage = "KeyBinding.jumpToLastMessageInTimeline",
+
+    /** Jump to room search (search for a room) */
+    FilterRooms = "KeyBinding.filterRooms",
+    /** Toggle the space panel */
+    ToggleSpacePanel = "KeyBinding.toggleSpacePanel",
+    /** Toggle the room side panel */
+    ToggleRoomSidePanel = "KeyBinding.toggleRightPanel",
+    /** Toggle the user menu */
+    ToggleUserMenu = "KeyBinding.toggleTopLeftMenu",
+    /** Toggle the short cut help dialog */
+    ShowKeyboardSettings = "KeyBinding.showKeyBindingsSettings",
+    /** Got to the Element home screen */
+    GoToHome = "KeyBinding.goToHomeView",
+    /** Select prev room */
+    SelectPrevRoom = "KeyBinding.previousRoom",
+    /** Select next room */
+    SelectNextRoom = "KeyBinding.nextRoom",
+    /** Select prev room with unread messages */
+    SelectPrevUnreadRoom = "KeyBinding.previousUnreadRoom",
+    /** Select next room with unread messages */
+    SelectNextUnreadRoom = "KeyBinding.nextUnreadRoom",
+
+    /** Switches to a space by number */
+    SwitchToSpaceByNumber = "KeyBinding.switchToSpaceByNumber",
+    /** Opens user settings */
+    OpenUserSettings = "KeyBinding.openUserSettings",
+    /** Navigates backward */
+    PreviousVisitedRoomOrSpace = "KeyBinding.PreviousVisitedRoomOrSpace",
+    /** Navigates forward */
+    NextVisitedRoomOrSpace = "KeyBinding.NextVisitedRoomOrSpace",
+    /** Navigates to the next Landmark */
+    NextLandmark = "KeyBinding.nextLandmark",
+    /** Navigates to the next Landmark */
+    PreviousLandmark = "KeyBinding.previousLandmark",
+
+    /** Toggles microphone while on a call */
+    ToggleMicInCall = "KeyBinding.toggleMicInCall",
+    /** Toggles webcam while on a call */
+    ToggleWebcamInCall = "KeyBinding.toggleWebcamInCall",
+
+    /** Accessibility actions */
+    Escape = "KeyBinding.escape",
+    Enter = "KeyBinding.enter",
+    Space = "KeyBinding.space",
+    Backspace = "KeyBinding.backspace",
+    Delete = "KeyBinding.delete",
+    Home = "KeyBinding.home",
+    End = "KeyBinding.end",
+    ArrowLeft = "KeyBinding.arrowLeft",
+    ArrowUp = "KeyBinding.arrowUp",
+    ArrowRight = "KeyBinding.arrowRight",
+    ArrowDown = "KeyBinding.arrowDown",
+    Tab = "KeyBinding.tab",
+    Comma = "KeyBinding.comma",
+    Save = "KeyBinding.save",
+
+    /** Toggle visibility of hidden events */
+    ToggleHiddenEventVisibility = "KeyBinding.toggleHiddenEventVisibility",
+}
+
+export type KeyboardShortcutSetting = Omit<IBaseSetting<KeyCombo>, "supportedLevels" | "displayName"> & {
+    displayName?: TranslationKey;
+};
+
+// TODO: We should figure out what to do with the keyboard shortcuts that are not handled by KeybindingManager
+export type IKeyboardShortcuts = Partial<Record<KeyBindingAction, KeyboardShortcutSetting>>;
+
+export interface ICategory {
+    categoryLabel?: TranslationKey;
+    // TODO: We should figure out what to do with the keyboard shortcuts that are not handled by KeybindingManager
+    settingNames: KeyBindingAction[];
+}
+
+export enum CategoryName {
+    NAVIGATION = "Navigation",
+    ACCESSIBILITY = "Accessibility",
+    CALLS = "Calls",
+    COMPOSER = "Composer",
+    ROOM_LIST = "Room List",
+    ROOM = "Room",
+    AUTOCOMPLETE = "Autocomplete",
+    LABS = "Labs",
+}
+
+// Meta-key representing the digits [0-9] often found at the top of standard keyboard layouts
+export const DIGITS = "digits";
+
+export const ALTERNATE_KEY_NAME: Record<string, TranslationKey> = {
+    [Key.PAGE_UP]: _td("keyboard|page_up"),
+    [Key.PAGE_DOWN]: _td("keyboard|page_down"),
+    [Key.ESCAPE]: _td("keyboard|escape"),
+    [Key.ENTER]: _td("keyboard|enter"),
+    [Key.SPACE]: _td("keyboard|space"),
+    [Key.HOME]: _td("keyboard|home"),
+    [Key.END]: _td("keyboard|end"),
+    [Key.ALT]: _td("keyboard|alt"),
+    [Key.CONTROL]: _td("keyboard|control"),
+    [Key.SHIFT]: _td("keyboard|shift"),
+    [DIGITS]: _td("keyboard|number"),
+};
+export const KEY_ICON: Record<string, string> = {
+    [Key.ARROW_UP]: "↑",
+    [Key.ARROW_DOWN]: "↓",
+    [Key.ARROW_LEFT]: "←",
+    [Key.ARROW_RIGHT]: "→",
+};
+if (IS_MAC) {
+    KEY_ICON[Key.META] = "⌘";
+    KEY_ICON[Key.ALT] = "⌥";
+    KEY_ICON[Key.SHIFT] = "⇧";
+}
+
+export const CATEGORIES: Record<CategoryName, ICategory> = {
+    [CategoryName.COMPOSER]: {
+        categoryLabel: _td("settings|preferences|composer_heading"),
+        settingNames: [
+            KeyBindingAction.SendMessage,
+            KeyBindingAction.NewLine,
+            KeyBindingAction.FormatBold,
+            KeyBindingAction.FormatItalics,
+            KeyBindingAction.FormatQuote,
+            KeyBindingAction.FormatLink,
+            KeyBindingAction.FormatCode,
+            KeyBindingAction.EditUndo,
+            KeyBindingAction.EditRedo,
+            KeyBindingAction.MoveCursorToStart,
+            KeyBindingAction.MoveCursorToEnd,
+            KeyBindingAction.CancelReplyOrEdit,
+            KeyBindingAction.EditNextMessage,
+            KeyBindingAction.EditPrevMessage,
+            KeyBindingAction.SelectNextSendHistory,
+            KeyBindingAction.SelectPrevSendHistory,
+            KeyBindingAction.ShowStickerPicker,
+        ],
+    },
+    [CategoryName.CALLS]: {
+        categoryLabel: _td("keyboard|category_calls"),
+        settingNames: [KeyBindingAction.ToggleMicInCall, KeyBindingAction.ToggleWebcamInCall],
+    },
+    [CategoryName.ROOM]: {
+        categoryLabel: _td("common|room"),
+        settingNames: [
+            KeyBindingAction.SearchInRoom,
+            KeyBindingAction.UploadFile,
+            KeyBindingAction.DismissReadMarker,
+            KeyBindingAction.JumpToOldestUnread,
+            KeyBindingAction.ScrollUp,
+            KeyBindingAction.ScrollDown,
+            KeyBindingAction.JumpToFirstMessage,
+            KeyBindingAction.JumpToLatestMessage,
+        ],
+    },
+    [CategoryName.ROOM_LIST]: {
+        categoryLabel: _td("keyboard|category_room_list"),
+        settingNames: [
+            KeyBindingAction.SelectRoomInRoomList,
+            KeyBindingAction.ClearRoomFilter,
+            KeyBindingAction.CollapseRoomListSection,
+            KeyBindingAction.ExpandRoomListSection,
+            KeyBindingAction.NextRoom,
+            KeyBindingAction.PrevRoom,
+        ],
+    },
+    [CategoryName.ACCESSIBILITY]: {
+        categoryLabel: _td("common|accessibility"),
+        settingNames: [
+            KeyBindingAction.Escape,
+            KeyBindingAction.Enter,
+            KeyBindingAction.Space,
+            KeyBindingAction.Backspace,
+            KeyBindingAction.Delete,
+            KeyBindingAction.Home,
+            KeyBindingAction.End,
+            KeyBindingAction.ArrowLeft,
+            KeyBindingAction.ArrowUp,
+            KeyBindingAction.ArrowRight,
+            KeyBindingAction.ArrowDown,
+            KeyBindingAction.Comma,
+            KeyBindingAction.Save,
+        ],
+    },
+    [CategoryName.NAVIGATION]: {
+        categoryLabel: _td("keyboard|category_navigation"),
+        settingNames: [
+            KeyBindingAction.ToggleUserMenu,
+            KeyBindingAction.ToggleRoomSidePanel,
+            KeyBindingAction.ToggleSpacePanel,
+            KeyBindingAction.ShowKeyboardSettings,
+            KeyBindingAction.GoToHome,
+            KeyBindingAction.FilterRooms,
+            KeyBindingAction.SelectNextUnreadRoom,
+            KeyBindingAction.SelectPrevUnreadRoom,
+            KeyBindingAction.SelectNextRoom,
+            KeyBindingAction.SelectPrevRoom,
+            KeyBindingAction.OpenUserSettings,
+            KeyBindingAction.SwitchToSpaceByNumber,
+            KeyBindingAction.PreviousVisitedRoomOrSpace,
+            KeyBindingAction.NextVisitedRoomOrSpace,
+            KeyBindingAction.NextLandmark,
+            KeyBindingAction.PreviousLandmark,
+        ],
+    },
+    [CategoryName.AUTOCOMPLETE]: {
+        categoryLabel: _td("keyboard|category_autocomplete"),
+        settingNames: [
+            KeyBindingAction.CancelAutocomplete,
+            KeyBindingAction.NextSelectionInAutocomplete,
+            KeyBindingAction.PrevSelectionInAutocomplete,
+            KeyBindingAction.CompleteAutocomplete,
+            KeyBindingAction.ForceCompleteAutocomplete,
+        ],
+    },
+    [CategoryName.LABS]: {
+        categoryLabel: _td("common|labs"),
+        settingNames: [KeyBindingAction.ToggleHiddenEventVisibility],
+    },
+};
+
+export const DESKTOP_SHORTCUTS = [
+    KeyBindingAction.OpenUserSettings,
+    KeyBindingAction.SwitchToSpaceByNumber,
+    KeyBindingAction.PreviousVisitedRoomOrSpace,
+    KeyBindingAction.NextVisitedRoomOrSpace,
+];
+
+export const MAC_ONLY_SHORTCUTS = [KeyBindingAction.OpenUserSettings];
+
+// This is very intentionally modelled after SETTINGS as it will make it easier
+// to implement customizable keyboard shortcuts
+// TODO: TravisR will fix this nightmare when the new version of the SettingsStore becomes a thing
+// XXX: Exported for tests
+export const KEYBOARD_SHORTCUTS: IKeyboardShortcuts = {
+    [KeyBindingAction.FormatBold]: {
+        default: {
+            ctrlOrCmdKey: true,
+            key: Key.B,
+        },
+        displayName: _td("keyboard|composer_toggle_bold"),
+    },
+    [KeyBindingAction.FormatItalics]: {
+        default: {
+            ctrlOrCmdKey: true,
+            key: Key.I,
+        },
+        displayName: _td("keyboard|composer_toggle_italics"),
+    },
+    [KeyBindingAction.FormatQuote]: {
+        default: {
+            ctrlOrCmdKey: true,
+            shiftKey: true,
+            key: Key.GREATER_THAN,
+        },
+        displayName: _td("keyboard|composer_toggle_quote"),
+    },
+    [KeyBindingAction.FormatCode]: {
+        default: {
+            ctrlOrCmdKey: true,
+            key: Key.E,
+        },
+        displayName: _td("keyboard|composer_toggle_code_block"),
+    },
+    [KeyBindingAction.FormatLink]: {
+        default: {
+            ctrlOrCmdKey: true,
+            shiftKey: true,
+            key: Key.L,
+        },
+        displayName: _td("keyboard|composer_toggle_link"),
+    },
+    [KeyBindingAction.CancelReplyOrEdit]: {
+        default: {
+            key: Key.ESCAPE,
+        },
+        displayName: _td("keyboard|cancel_reply"),
+    },
+    [KeyBindingAction.EditNextMessage]: {
+        default: {
+            key: Key.ARROW_DOWN,
+        },
+        displayName: _td("keyboard|navigate_next_message_edit"),
+    },
+    [KeyBindingAction.EditPrevMessage]: {
+        default: {
+            key: Key.ARROW_UP,
+        },
+        displayName: _td("keyboard|navigate_prev_message_edit"),
+    },
+    [KeyBindingAction.MoveCursorToStart]: {
+        default: {
+            ctrlOrCmdKey: true,
+            key: Key.HOME,
+        },
+        displayName: _td("keyboard|composer_jump_start"),
+    },
+    [KeyBindingAction.MoveCursorToEnd]: {
+        default: {
+            ctrlOrCmdKey: true,
+            key: Key.END,
+        },
+        displayName: _td("keyboard|composer_jump_end"),
+    },
+    [KeyBindingAction.SelectNextSendHistory]: {
+        default: {
+            altKey: true,
+            ctrlKey: true,
+            key: Key.ARROW_DOWN,
+        },
+        displayName: _td("keyboard|composer_navigate_next_history"),
+    },
+    [KeyBindingAction.SelectPrevSendHistory]: {
+        default: {
+            altKey: true,
+            ctrlKey: true,
+            key: Key.ARROW_UP,
+        },
+        displayName: _td("keyboard|composer_navigate_prev_history"),
+    },
+    [KeyBindingAction.ShowStickerPicker]: {
+        default: {
+            ctrlOrCmdKey: true,
+            key: Key.SEMICOLON,
+        },
+        displayName: _td("keyboard|send_sticker"),
+    },
+    [KeyBindingAction.ToggleMicInCall]: {
+        default: {
+            ctrlOrCmdKey: true,
+            key: Key.D,
+        },
+        displayName: _td("keyboard|toggle_microphone_mute"),
+    },
+    [KeyBindingAction.ToggleWebcamInCall]: {
+        default: {
+            ctrlOrCmdKey: true,
+            key: Key.E,
+        },
+        displayName: _td("keyboard|toggle_webcam_mute"),
+    },
+    [KeyBindingAction.DismissReadMarker]: {
+        default: {
+            key: Key.ESCAPE,
+        },
+        displayName: _td("keyboard|dismiss_read_marker_and_jump_bottom"),
+    },
+    [KeyBindingAction.JumpToOldestUnread]: {
+        default: {
+            shiftKey: true,
+            key: Key.PAGE_UP,
+        },
+        displayName: _td("keyboard|jump_to_read_marker"),
+    },
+    [KeyBindingAction.UploadFile]: {
+        default: {
+            ctrlOrCmdKey: true,
+            shiftKey: true,
+            key: Key.U,
+        },
+        displayName: _td("keyboard|upload_file"),
+    },
+    [KeyBindingAction.ScrollUp]: {
+        default: {
+            key: Key.PAGE_UP,
+        },
+        displayName: _td("keyboard|scroll_up_timeline"),
+    },
+    [KeyBindingAction.ScrollDown]: {
+        default: {
+            key: Key.PAGE_DOWN,
+        },
+        displayName: _td("keyboard|scroll_down_timeline"),
+    },
+    [KeyBindingAction.FilterRooms]: {
+        default: {
+            ctrlOrCmdKey: true,
+            key: Key.K,
+        },
+        displayName: _td("keyboard|jump_room_search"),
+    },
+    [KeyBindingAction.SelectRoomInRoomList]: {
+        default: {
+            key: Key.ENTER,
+        },
+        displayName: _td("keyboard|room_list_select_room"),
+    },
+    [KeyBindingAction.CollapseRoomListSection]: {
+        default: {
+            key: Key.ARROW_LEFT,
+        },
+        displayName: _td("keyboard|room_list_collapse_section"),
+    },
+    [KeyBindingAction.ExpandRoomListSection]: {
+        default: {
+            key: Key.ARROW_RIGHT,
+        },
+        displayName: _td("keyboard|room_list_expand_section"),
+    },
+    [KeyBindingAction.NextRoom]: {
+        default: {
+            key: Key.ARROW_DOWN,
+        },
+        displayName: _td("keyboard|room_list_navigate_down"),
+    },
+    [KeyBindingAction.PrevRoom]: {
+        default: {
+            key: Key.ARROW_UP,
+        },
+        displayName: _td("keyboard|room_list_navigate_up"),
+    },
+    [KeyBindingAction.ToggleUserMenu]: {
+        default: {
+            ctrlOrCmdKey: true,
+            key: Key.BACKTICK,
+        },
+        displayName: _td("keyboard|toggle_top_left_menu"),
+    },
+    [KeyBindingAction.ToggleRoomSidePanel]: {
+        default: {
+            ctrlOrCmdKey: true,
+            key: Key.PERIOD,
+        },
+        displayName: _td("keyboard|toggle_right_panel"),
+    },
+    [KeyBindingAction.ShowKeyboardSettings]: {
+        default: {
+            ctrlOrCmdKey: true,
+            key: Key.SLASH,
+        },
+        displayName: _td("keyboard|keyboard_shortcuts_tab"),
+    },
+    [KeyBindingAction.GoToHome]: {
+        default: {
+            ctrlKey: true,
+            altKey: !IS_MAC,
+            shiftKey: IS_MAC,
+            key: Key.H,
+        },
+        displayName: _td("keyboard|go_home_view"),
+    },
+    [KeyBindingAction.SelectNextUnreadRoom]: {
+        default: {
+            shiftKey: true,
+            altKey: true,
+            key: Key.ARROW_DOWN,
+        },
+        displayName: _td("keyboard|next_unread_room"),
+    },
+    [KeyBindingAction.SelectPrevUnreadRoom]: {
+        default: {
+            shiftKey: true,
+            altKey: true,
+            key: Key.ARROW_UP,
+        },
+        displayName: _td("keyboard|prev_unread_room"),
+    },
+    [KeyBindingAction.SelectNextRoom]: {
+        default: {
+            altKey: true,
+            key: Key.ARROW_DOWN,
+        },
+        displayName: _td("keyboard|next_room"),
+    },
+    [KeyBindingAction.SelectPrevRoom]: {
+        default: {
+            altKey: true,
+            key: Key.ARROW_UP,
+        },
+        displayName: _td("keyboard|prev_room"),
+    },
+    [KeyBindingAction.CancelAutocomplete]: {
+        default: {
+            key: Key.ESCAPE,
+        },
+        displayName: _td("keyboard|autocomplete_cancel"),
+    },
+    [KeyBindingAction.NextSelectionInAutocomplete]: {
+        default: {
+            key: Key.ARROW_DOWN,
+        },
+        displayName: _td("keyboard|autocomplete_navigate_next"),
+    },
+    [KeyBindingAction.PrevSelectionInAutocomplete]: {
+        default: {
+            key: Key.ARROW_UP,
+        },
+        displayName: _td("keyboard|autocomplete_navigate_prev"),
+    },
+    [KeyBindingAction.ToggleSpacePanel]: {
+        default: {
+            ctrlOrCmdKey: true,
+            shiftKey: true,
+            key: Key.D,
+        },
+        displayName: _td("keyboard|toggle_space_panel"),
+    },
+    [KeyBindingAction.ToggleHiddenEventVisibility]: {
+        default: {
+            ctrlKey: true,
+            shiftKey: true,
+            key: Key.J,
+        },
+        displayName: _td("keyboard|toggle_hidden_events"),
+    },
+    [KeyBindingAction.JumpToFirstMessage]: {
+        default: {
+            key: Key.HOME,
+            ctrlKey: true,
+        },
+        displayName: _td("keyboard|jump_first_message"),
+    },
+    [KeyBindingAction.JumpToLatestMessage]: {
+        default: {
+            key: Key.END,
+            ctrlKey: true,
+        },
+        displayName: _td("keyboard|jump_last_message"),
+    },
+    [KeyBindingAction.EditUndo]: {
+        default: {
+            key: Key.Z,
+            ctrlOrCmdKey: true,
+        },
+        displayName: _td("keyboard|composer_undo"),
+    },
+    [KeyBindingAction.EditRedo]: {
+        default: {
+            key: IS_MAC ? Key.Z : Key.Y,
+            ctrlOrCmdKey: true,
+            shiftKey: IS_MAC,
+        },
+        displayName: _td("keyboard|composer_redo"),
+    },
+    [KeyBindingAction.Save]: {
+        default: {
+            key: Key.S,
+            ctrlOrCmdKey: true,
+        },
+        displayName: _td("keyboard|save"),
+    },
+    [KeyBindingAction.PreviousVisitedRoomOrSpace]: {
+        default: {
+            metaKey: IS_MAC,
+            altKey: !IS_MAC,
+            key: IS_MAC ? Key.SQUARE_BRACKET_LEFT : Key.ARROW_LEFT,
+        },
+        displayName: _td("keyboard|navigate_prev_history"),
+    },
+    [KeyBindingAction.NextVisitedRoomOrSpace]: {
+        default: {
+            metaKey: IS_MAC,
+            altKey: !IS_MAC,
+            key: IS_MAC ? Key.SQUARE_BRACKET_RIGHT : Key.ARROW_RIGHT,
+        },
+        displayName: _td("keyboard|navigate_next_history"),
+    },
+    [KeyBindingAction.SwitchToSpaceByNumber]: {
+        default: {
+            ctrlOrCmdKey: true,
+            key: DIGITS,
+        },
+        displayName: _td("keyboard|switch_to_space"),
+    },
+    [KeyBindingAction.OpenUserSettings]: {
+        default: {
+            metaKey: true,
+            key: Key.COMMA,
+        },
+        displayName: _td("keyboard|open_user_settings"),
+    },
+    [KeyBindingAction.Escape]: {
+        default: {
+            key: Key.ESCAPE,
+        },
+        displayName: _td("keyboard|close_dialog_menu"),
+    },
+    [KeyBindingAction.Enter]: {
+        default: {
+            key: Key.ENTER,
+        },
+        displayName: _td("keyboard|activate_button"),
+    },
+    [KeyBindingAction.Space]: {
+        default: {
+            key: Key.SPACE,
+        },
+    },
+    [KeyBindingAction.Backspace]: {
+        default: {
+            key: Key.BACKSPACE,
+        },
+    },
+    [KeyBindingAction.Delete]: {
+        default: {
+            key: Key.DELETE,
+        },
+    },
+    [KeyBindingAction.Home]: {
+        default: {
+            key: Key.HOME,
+        },
+    },
+    [KeyBindingAction.End]: {
+        default: {
+            key: Key.END,
+        },
+    },
+    [KeyBindingAction.ArrowLeft]: {
+        default: {
+            key: Key.ARROW_LEFT,
+        },
+    },
+    [KeyBindingAction.ArrowUp]: {
+        default: {
+            key: Key.ARROW_UP,
+        },
+    },
+    [KeyBindingAction.ArrowRight]: {
+        default: {
+            key: Key.ARROW_RIGHT,
+        },
+    },
+    [KeyBindingAction.ArrowDown]: {
+        default: {
+            key: Key.ARROW_DOWN,
+        },
+    },
+    [KeyBindingAction.Comma]: {
+        default: {
+            key: Key.COMMA,
+        },
+    },
+    [KeyBindingAction.NextLandmark]: {
+        default: {
+            ctrlOrCmdKey: !IS_ELECTRON,
+            key: Key.F6,
+        },
+        displayName: _td("keyboard|next_landmark"),
+    },
+    [KeyBindingAction.PreviousLandmark]: {
+        default: {
+            ctrlOrCmdKey: !IS_ELECTRON,
+            key: Key.F6,
+            shiftKey: true,
+        },
+        displayName: _td("keyboard|prev_landmark"),
+    },
+};
diff --git a/apps/web/src/accessibility/LandmarkNavigation.ts b/apps/web/src/accessibility/LandmarkNavigation.ts
new file mode 100644
index 00000000000..9ad30020a63
--- /dev/null
+++ b/apps/web/src/accessibility/LandmarkNavigation.ts
@@ -0,0 +1,98 @@
+/*
+ * 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.
+ */
+
+import { TimelineRenderingType } from "../contexts/RoomContext";
+import { Action } from "../dispatcher/actions";
+import defaultDispatcher from "../dispatcher/dispatcher";
+
+export const enum Landmark {
+    // This is the space/home button in the left panel.
+    ACTIVE_SPACE_BUTTON,
+    // This is the room filter in the left panel.
+    ROOM_SEARCH,
+    // This is the currently opened room/first room in the room list in the left panel.
+    ROOM_LIST,
+    // This is the message composer within the room if available or it is the welcome screen shown when no room is selected
+    MESSAGE_COMPOSER_OR_HOME,
+}
+
+const ORDERED_LANDMARKS = [
+    Landmark.ACTIVE_SPACE_BUTTON,
+    Landmark.ROOM_SEARCH,
+    Landmark.ROOM_LIST,
+    Landmark.MESSAGE_COMPOSER_OR_HOME,
+];
+
+/**
+ * The landmarks are cycled through in the following order:
+ * ACTIVE_SPACE_BUTTON <-> ROOM_SEARCH <-> ROOM_LIST <-> MESSAGE_COMPOSER/HOME <-> ACTIVE_SPACE_BUTTON
+ */
+// oxlint-disable-next-line typescript/no-extraneous-class
+export class LandmarkNavigation {
+    /**
+     * Get the next/previous landmark that must be focused from a given landmark
+     * @param currentLandmark The current landmark
+     * @param backwards If true, the landmark before currentLandmark in ORDERED_LANDMARKS is returned
+     * @returns The next landmark to focus
+     */
+    private static getLandmark(currentLandmark: Landmark, backwards = false): Landmark {
+        const currentIndex = ORDERED_LANDMARKS.findIndex((l) => l === currentLandmark);
+        const offset = backwards ? -1 : 1;
+        const newLandmark = ORDERED_LANDMARKS.at((currentIndex + offset) % ORDERED_LANDMARKS.length)!;
+        return newLandmark;
+    }
+
+    /**
+     * Focus the next landmark from a given landmark.
+     * This method will skip over any missing landmarks.
+     * @param currentLandmark The current landmark
+     * @param backwards If true, search the next landmark to the left in ORDERED_LANDMARKS
+     */
+    public static findAndFocusNextLandmark(currentLandmark: Landmark, backwards = false): void {
+        let landmark = currentLandmark;
+        let element: HTMLElement | null | undefined = null;
+        while (element === null) {
+            landmark = LandmarkNavigation.getLandmark(landmark, backwards);
+            element = landmarkToDomElementMap[landmark]();
+        }
+        element?.focus({ focusVisible: true });
+    }
+}
+
+/**
+ * The functions return:
+ * - The DOM element of the landmark if it exists
+ * - undefined if the DOM element exists but focus is given through an action
+ * - null if the landmark does not exist
+ */
+const landmarkToDomElementMap: Record<Landmark, () => HTMLElement | null | undefined> = {
+    [Landmark.ACTIVE_SPACE_BUTTON]: () => document.querySelector<HTMLElement>(".mx_SpaceButton_active"),
+
+    [Landmark.ROOM_SEARCH]: () => document.querySelector<HTMLElement>("#room-list-search-button"),
+    [Landmark.ROOM_LIST]: () =>
+        document.querySelector<HTMLElement>(".mx_RoomListItemView_selected") ||
+        document.querySelector<HTMLElement>(".mx_RoomListItemView"),
+
+    [Landmark.MESSAGE_COMPOSER_OR_HOME]: () => {
+        const isComposerOpen = !!document.querySelector(".mx_MessageComposer");
+        if (isComposerOpen) {
+            const inThread = !!document.activeElement?.closest(".mx_ThreadView");
+            defaultDispatcher.dispatch(
+                {
+                    action: Action.FocusSendMessageComposer,
+                    context: inThread ? TimelineRenderingType.Thread : TimelineRenderingType.Room,
+                },
+                true,
+            );
+            // Special case where the element does exist but we focus it through an action.
+            return undefined;
+        } else {
+            return document.querySelector<HTMLElement>(".mx_HomePage");
+        }
+    },
+};
diff --git a/apps/web/src/accessibility/RovingTabIndex.tsx b/apps/web/src/accessibility/RovingTabIndex.tsx
new file mode 100644
index 00000000000..b44c5ed3777
--- /dev/null
+++ b/apps/web/src/accessibility/RovingTabIndex.tsx
@@ -0,0 +1,66 @@
+/*
+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 from "react";
+import {
+    RovingAction,
+    RovingTabIndexProvider as SharedRovingTabIndexProvider,
+    type RovingTabIndexProviderProps,
+} from "@element-hq/web-shared-components";
+
+import { getKeyBindingsManager } from "../KeyBindingsManager";
+import { KeyBindingAction } from "./KeyboardShortcuts";
+
+export { findNextSiblingElement, RovingTabIndexContext } from "@element-hq/web-shared-components";
+export { checkInputableElement } from "@element-hq/web-shared-components";
+export { RovingStateActionType } from "@element-hq/web-shared-components";
+export { useRovingTabIndex } from "@element-hq/web-shared-components";
+export type { IState } from "@element-hq/web-shared-components";
+
+/**
+ * Module to simplify implementing the Roving TabIndex accessibility technique
+ *
+ * Wrap the Widget in an RovingTabIndexContextProvider
+ * and then for all buttons make use of useRovingTabIndex or RovingTabIndexWrapper.
+ * The code will keep track of which tabIndex was most recently focused and expose that information as `isActive` which
+ * can then be used to only set the tabIndex to 0 as expected by the roving tabindex technique.
+ * When the active button gets unmounted the closest button will be chosen as expected.
+ * Initially the first button to mount will be given active state.
+ *
+ * https://developer.mozilla.org/en-US/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets#Technique_1_Roving_tabindex
+ */
+
+export const getWebRovingAction = (ev: React.KeyboardEvent): RovingAction | undefined => {
+    switch (getKeyBindingsManager().getAccessibilityAction(ev)) {
+        case KeyBindingAction.Home:
+            return RovingAction.Home;
+        case KeyBindingAction.End:
+            return RovingAction.End;
+        case KeyBindingAction.ArrowLeft:
+            return RovingAction.ArrowLeft;
+        case KeyBindingAction.ArrowUp:
+            return RovingAction.ArrowUp;
+        case KeyBindingAction.ArrowRight:
+            return RovingAction.ArrowRight;
+        case KeyBindingAction.ArrowDown:
+            return RovingAction.ArrowDown;
+        case KeyBindingAction.Tab:
+            return RovingAction.Tab;
+        default:
+            return undefined;
+    }
+};
+
+type IRovingTabIndexProps = Omit<RovingTabIndexProviderProps, "getAction">;
+
+export const RovingTabIndexProvider: React.FC<IRovingTabIndexProps> = (props) => {
+    return <SharedRovingTabIndexProvider {...props} getAction={getWebRovingAction} />;
+};
+
+// re-export the semantic helper components for simplicity
+export { RovingAccessibleButton } from "./roving/RovingAccessibleButton";
diff --git a/apps/web/src/accessibility/Toolbar.tsx b/apps/web/src/accessibility/Toolbar.tsx
new file mode 100644
index 00000000000..2d7ab70f39e
--- /dev/null
+++ b/apps/web/src/accessibility/Toolbar.tsx
@@ -0,0 +1,64 @@
+/*
+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 Ref, type JSX } from "react";
+
+import { RovingTabIndexProvider } from "./RovingTabIndex";
+import { getKeyBindingsManager } from "../KeyBindingsManager";
+import { KeyBindingAction } from "./KeyboardShortcuts";
+
+interface IProps extends Omit<React.HTMLProps<HTMLDivElement>, "onKeyDown"> {
+    ref?: Ref<HTMLDivElement>;
+}
+
+// This component implements the Toolbar design pattern from the WAI-ARIA Authoring Practices guidelines.
+// https://www.w3.org/TR/wai-aria-practices-1.1/#toolbar
+// All buttons passed in children must use RovingTabIndex to set `onFocus`, `isActive`, `ref`
+const Toolbar = ({ children, ref, ...props }: IProps): JSX.Element => {
+    const onKeyDown = (ev: React.KeyboardEvent): void => {
+        const target = ev.target as HTMLElement;
+        // Don't interfere with input default keydown behaviour
+        if (target.tagName === "INPUT") return;
+
+        let handled = true;
+
+        // HOME and END are handled by RovingTabIndexProvider
+        const action = getKeyBindingsManager().getAccessibilityAction(ev);
+        switch (action) {
+            case KeyBindingAction.ArrowUp:
+            case KeyBindingAction.ArrowDown:
+                if (target.hasAttribute("aria-haspopup")) {
+                    target.click();
+                }
+                break;
+
+            default:
+                handled = false;
+        }
+
+        if (handled) {
+            ev.preventDefault();
+            ev.stopPropagation();
+        }
+    };
+
+    // We handle both up/down and left/right as is allowed in the above WAI ARIA best practices
+    return (
+        <RovingTabIndexProvider handleHomeEnd handleLeftRight handleUpDown onKeyDown={onKeyDown}>
+            {({ onKeyDownHandler }) => (
+                // This may be wrong but seems to work, this is a roving-toolbar, so the focus follows one of the children
+                // oxlint-disable-next-line jsx-a11y/interactive-supports-focus
+                <div {...props} onKeyDown={onKeyDownHandler} role="toolbar" ref={ref}>
+                    {children}
+                </div>
+            )}
+        </RovingTabIndexProvider>
+    );
+};
+
+export default Toolbar;
diff --git a/apps/web/src/accessibility/context_menu/ContextMenuButton.tsx b/apps/web/src/accessibility/context_menu/ContextMenuButton.tsx
new file mode 100644
index 00000000000..16b1606dca0
--- /dev/null
+++ b/apps/web/src/accessibility/context_menu/ContextMenuButton.tsx
@@ -0,0 +1,45 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2018 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.
+*/
+
+import React, { type Ref, type JSX } from "react";
+
+import AccessibleButton, { type ButtonProps } from "../../components/views/elements/AccessibleButton";
+
+type Props = Omit<ButtonProps<"div">, "element" | "ref"> & {
+    label?: string;
+    // whether the context menu is currently open
+    isExpanded: boolean;
+    ref?: Ref<HTMLElement>;
+};
+
+// Semantic component for representing the AccessibleButton which launches a <ContextMenu />
+export const ContextMenuButton = function ({
+    label,
+    isExpanded,
+    children,
+    onClick,
+    onContextMenu,
+    ref,
+    ...props
+}: Props): JSX.Element {
+    return (
+        <AccessibleButton
+            {...props}
+            onClick={onClick}
+            onContextMenu={onContextMenu ?? onClick ?? undefined}
+            aria-label={label}
+            aria-haspopup={true}
+            aria-expanded={isExpanded}
+            ref={ref}
+        >
+            {children}
+        </AccessibleButton>
+    );
+};
diff --git a/apps/web/src/accessibility/context_menu/ContextMenuTooltipButton.tsx b/apps/web/src/accessibility/context_menu/ContextMenuTooltipButton.tsx
new file mode 100644
index 00000000000..e5cb394b2e6
--- /dev/null
+++ b/apps/web/src/accessibility/context_menu/ContextMenuTooltipButton.tsx
@@ -0,0 +1,43 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2018 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.
+*/
+
+import React, { type JSX, type Ref } from "react";
+
+import AccessibleButton, { type ButtonProps } from "../../components/views/elements/AccessibleButton";
+
+type Props = Omit<ButtonProps<"div">, "element" | "ref"> & {
+    // whether the context menu is currently open
+    isExpanded: boolean;
+    ref?: Ref<HTMLElement>;
+};
+
+// Semantic component for representing the AccessibleButton which launches a <ContextMenu />
+export const ContextMenuTooltipButton = function ({
+    isExpanded,
+    children,
+    onClick,
+    onContextMenu,
+    ref,
+    ...props
+}: Props): JSX.Element {
+    return (
+        <AccessibleButton
+            {...props}
+            onClick={onClick}
+            onContextMenu={onContextMenu ?? onClick ?? undefined}
+            aria-haspopup={true}
+            aria-expanded={isExpanded}
+            disableTooltip={isExpanded}
+            ref={ref}
+        >
+            {children}
+        </AccessibleButton>
+    );
+};
diff --git a/apps/web/src/accessibility/context_menu/MenuItem.tsx b/apps/web/src/accessibility/context_menu/MenuItem.tsx
new file mode 100644
index 00000000000..6aef5498706
--- /dev/null
+++ b/apps/web/src/accessibility/context_menu/MenuItem.tsx
@@ -0,0 +1,28 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2018 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.
+*/
+
+import React from "react";
+
+import { RovingAccessibleButton } from "../RovingTabIndex";
+
+interface IProps extends React.ComponentProps<typeof RovingAccessibleButton> {
+    label?: string;
+}
+
+// Semantic component for representing a role=menuitem
+export const MenuItem: React.FC<IProps> = ({ children, label, ...props }) => {
+    const ariaLabel = props["aria-label"] || label;
+
+    return (
+        <RovingAccessibleButton {...props} role="menuitem" aria-label={ariaLabel}>
+            {children}
+        </RovingAccessibleButton>
+    );
+};
diff --git a/apps/web/src/accessibility/context_menu/MenuItemCheckbox.tsx b/apps/web/src/accessibility/context_menu/MenuItemCheckbox.tsx
new file mode 100644
index 00000000000..7ee62875139
--- /dev/null
+++ b/apps/web/src/accessibility/context_menu/MenuItemCheckbox.tsx
@@ -0,0 +1,34 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2018 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.
+*/
+
+import React from "react";
+
+import { RovingAccessibleButton } from "../RovingTabIndex";
+
+interface IProps extends React.ComponentProps<typeof RovingAccessibleButton> {
+    label?: string;
+    active: boolean;
+}
+
+// Semantic component for representing a role=menuitemcheckbox
+export const MenuItemCheckbox: React.FC<IProps> = ({ children, label, active, disabled, ...props }) => {
+    return (
+        <RovingAccessibleButton
+            {...props}
+            role="menuitemcheckbox"
+            aria-checked={active}
+            aria-disabled={disabled}
+            disabled={disabled}
+            aria-label={label}
+        >
+            {children}
+        </RovingAccessibleButton>
+    );
+};
diff --git a/apps/web/src/accessibility/context_menu/MenuItemRadio.tsx b/apps/web/src/accessibility/context_menu/MenuItemRadio.tsx
new file mode 100644
index 00000000000..8094e984e7d
--- /dev/null
+++ b/apps/web/src/accessibility/context_menu/MenuItemRadio.tsx
@@ -0,0 +1,34 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2018 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.
+*/
+
+import React from "react";
+
+import { RovingAccessibleButton } from "../RovingTabIndex";
+
+interface IProps extends React.ComponentProps<typeof RovingAccessibleButton> {
+    label?: string;
+    active: boolean;
+}
+
+// Semantic component for representing a role=menuitemradio
+export const MenuItemRadio: React.FC<IProps> = ({ children, label, active, disabled, ...props }) => {
+    return (
+        <RovingAccessibleButton
+            {...props}
+            role="menuitemradio"
+            aria-checked={active}
+            aria-disabled={disabled}
+            disabled={disabled}
+            aria-label={label}
+        >
+            {children}
+        </RovingAccessibleButton>
+    );
+};
diff --git a/apps/web/src/accessibility/roving/RovingAccessibleButton.tsx b/apps/web/src/accessibility/roving/RovingAccessibleButton.tsx
new file mode 100644
index 00000000000..e161a44f545
--- /dev/null
+++ b/apps/web/src/accessibility/roving/RovingAccessibleButton.tsx
@@ -0,0 +1,43 @@
+/*
+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 RefObject } from "react";
+
+import AccessibleButton, { type ButtonProps } from "../../components/views/elements/AccessibleButton";
+import { useRovingTabIndex } from "../RovingTabIndex";
+
+type Props<T extends keyof HTMLElementTagNameMap> = Omit<ButtonProps<T>, "tabIndex"> & {
+    inputRef?: RefObject<HTMLElementTagNameMap[T] | null>;
+    focusOnMouseOver?: boolean;
+};
+
+// Wrapper to allow use of useRovingTabIndex for simple AccessibleButtons outside of React Functional Components.
+export const RovingAccessibleButton = <T extends keyof HTMLElementTagNameMap>({
+    inputRef,
+    onFocus,
+    onMouseOver,
+    focusOnMouseOver,
+    ...props
+}: Props<T>): JSX.Element => {
+    const [onFocusInternal, isActive, ref] = useRovingTabIndex<HTMLElementTagNameMap[T]>(inputRef);
+    return (
+        <AccessibleButton
+            {...props}
+            onFocus={(event: React.FocusEvent<never, never>) => {
+                onFocusInternal();
+                onFocus?.(event);
+            }}
+            onMouseOver={(event: React.MouseEvent<never, never>) => {
+                if (focusOnMouseOver) onFocusInternal();
+                onMouseOver?.(event);
+            }}
+            ref={ref}
+            tabIndex={isActive ? 0 : -1}
+        />
+    );
+};
diff --git a/apps/web/src/actions/MatrixActionCreators.ts b/apps/web/src/actions/MatrixActionCreators.ts
new file mode 100644
index 00000000000..9dc0127bff3
--- /dev/null
+++ b/apps/web/src/actions/MatrixActionCreators.ts
@@ -0,0 +1,371 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-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 {
+    ClientEvent,
+    type MatrixClient,
+    type MatrixEvent,
+    MatrixEventEvent,
+    type Room,
+    RoomEvent,
+    type IRoomTimelineData,
+    type RoomState,
+    RoomStateEvent,
+} from "matrix-js-sdk/src/matrix";
+
+import dis from "../dispatcher/dispatcher";
+import { type ActionPayload } from "../dispatcher/payloads";
+
+/**
+ * Create a MatrixActions.sync action that represents a MatrixClient `sync` event,
+ * each parameter mapping to a key-value in the action.
+ *
+ * @param {MatrixClient} matrixClient the matrix client
+ * @param {string} state the current sync state.
+ * @param {string} prevState the previous sync state.
+ * @returns {Object} an action of type MatrixActions.sync.
+ */
+function createSyncAction(matrixClient: MatrixClient, state: string, prevState: string): ActionPayload {
+    return {
+        action: "MatrixActions.sync",
+        state,
+        prevState,
+        matrixClient,
+    };
+}
+
+/**
+ * @typedef AccountDataAction
+ * @type {Object}
+ * @property {string} action 'MatrixActions.accountData'.
+ * @property {MatrixEvent} event the MatrixEvent that triggered the dispatch.
+ * @property {string} event_type the type of the MatrixEvent, e.g. "m.direct".
+ * @property {Object} event_content the content of the MatrixEvent.
+ * @property {MatrixEvent} previousEvent the previous account data event of the same type, if present
+ */
+
+/**
+ * Create a MatrixActions.accountData action that represents a MatrixClient `accountData`
+ * matrix event.
+ *
+ * @param {MatrixClient} matrixClient the matrix client.
+ * @param {MatrixEvent} accountDataEvent the account data event.
+ * @param {MatrixEvent | undefined} previousAccountDataEvent the previous account data event of the same type, if present
+ * @returns {AccountDataAction} an action of type MatrixActions.accountData.
+ */
+function createAccountDataAction(
+    matrixClient: MatrixClient,
+    accountDataEvent: MatrixEvent,
+    previousAccountDataEvent?: MatrixEvent,
+): ActionPayload {
+    return {
+        action: "MatrixActions.accountData",
+        event: accountDataEvent,
+        event_type: accountDataEvent.getType(),
+        event_content: accountDataEvent.getContent(),
+        previousEvent: previousAccountDataEvent,
+    };
+}
+
+/**
+ * @typedef RoomAccountDataAction
+ * @type {Object}
+ * @property {string} action 'MatrixActions.Room.accountData'.
+ * @property {MatrixEvent} event the MatrixEvent that triggered the dispatch.
+ * @property {string} event_type the type of the MatrixEvent, e.g. "m.direct".
+ * @property {Object} event_content the content of the MatrixEvent.
+ * @property {Room} room the room where the account data was changed.
+ */
+
+/**
+ * Create a MatrixActions.Room.accountData action that represents a MatrixClient `Room.accountData`
+ * matrix event.
+ *
+ * @param {MatrixClient} matrixClient the matrix client.
+ * @param {MatrixEvent} accountDataEvent the account data event.
+ * @param {Room} room the room where account data was changed
+ * @returns {RoomAccountDataAction} an action of type MatrixActions.Room.accountData.
+ */
+function createRoomAccountDataAction(
+    matrixClient: MatrixClient,
+    accountDataEvent: MatrixEvent,
+    room: Room,
+): ActionPayload {
+    return {
+        action: "MatrixActions.Room.accountData",
+        event: accountDataEvent,
+        event_type: accountDataEvent.getType(),
+        event_content: accountDataEvent.getContent(),
+        room: room,
+    };
+}
+
+/**
+ * @typedef RoomAction
+ * @type {Object}
+ * @property {string} action 'MatrixActions.Room'.
+ * @property {Room} room the Room that was stored.
+ */
+
+/**
+ * Create a MatrixActions.Room action that represents a MatrixClient `Room`
+ * matrix event, emitted when a Room is stored in the client.
+ *
+ * @param {MatrixClient} matrixClient the matrix client.
+ * @param {Room} room the Room that was stored.
+ * @returns {RoomAction} an action of type `MatrixActions.Room`.
+ */
+function createRoomAction(matrixClient: MatrixClient, room: Room): ActionPayload {
+    return { action: "MatrixActions.Room", room };
+}
+
+/**
+ * @typedef RoomTagsAction
+ * @type {Object}
+ * @property {string} action 'MatrixActions.Room.tags'.
+ * @property {Room} room the Room whose tags changed.
+ */
+
+/**
+ * Create a MatrixActions.Room.tags action that represents a MatrixClient
+ * `Room.tags` matrix event, emitted when the m.tag room account data
+ * event is updated.
+ *
+ * @param {MatrixClient} matrixClient the matrix client.
+ * @param {MatrixEvent} roomTagsEvent the m.tag event.
+ * @param {Room} room the Room whose tags were changed.
+ * @returns {RoomTagsAction} an action of type `MatrixActions.Room.tags`.
+ */
+function createRoomTagsAction(matrixClient: MatrixClient, roomTagsEvent: MatrixEvent, room: Room): ActionPayload {
+    return { action: "MatrixActions.Room.tags", room };
+}
+
+/**
+ * Create a MatrixActions.Room.receipt action that represents a MatrixClient
+ * `Room.receipt` event, each parameter mapping to a key-value in the action.
+ *
+ * @param {MatrixClient} matrixClient the matrix client
+ * @param {MatrixEvent} event the receipt event.
+ * @param {Room} room the room the receipt happened in.
+ * @returns {Object} an action of type MatrixActions.Room.receipt.
+ */
+function createRoomReceiptAction(matrixClient: MatrixClient, event: MatrixEvent, room: Room): ActionPayload {
+    return {
+        action: "MatrixActions.Room.receipt",
+        event,
+        room,
+        matrixClient,
+    };
+}
+
+/**
+ * @typedef IRoomTimelineActionPayload
+ * @type {Object}
+ * @property {string} action 'MatrixActions.Room.timeline'.
+ * @property {boolean} isLiveEvent whether the event was attached to a
+ * live timeline.
+ * @property {boolean} isLiveUnfilteredRoomTimelineEvent whether the
+ * event was attached to a timeline in the set of unfiltered timelines.
+ * @property {Room} room the Room whose tags changed.
+ */
+export interface IRoomTimelineActionPayload extends Pick<ActionPayload, "action"> {
+    action: "MatrixActions.Room.timeline";
+    event: MatrixEvent;
+    room: Room | null;
+    isLiveEvent?: boolean;
+    isLiveUnfilteredRoomTimelineEvent: boolean;
+}
+
+/**
+ * @typedef IRoomStateEventsActionPayload
+ * @type {Object}
+ * @property {string} action 'MatrixActions.RoomState.events'.
+ * @property {MatrixEvent} event the state event received
+ * @property {RoomState} state the room state into which the event was applied
+ * @property {MatrixEvent | null} lastStateEvent the previous value for this (event-type, state-key) tuple in room state
+ */
+export interface IRoomStateEventsActionPayload extends Pick<ActionPayload, "action"> {
+    action: "MatrixActions.RoomState.events";
+    event: MatrixEvent;
+    state: RoomState;
+    lastStateEvent: MatrixEvent | null;
+}
+
+/**
+ * Create a MatrixActions.Room.timeline action that represents a
+ * MatrixClient `Room.timeline` matrix event, emitted when an event
+ * is added to or removed from a timeline of a room.
+ *
+ * @param {MatrixClient} matrixClient the matrix client.
+ * @param {MatrixEvent} timelineEvent the event that was added/removed.
+ * @param {?Room} room the Room that was stored.
+ * @param {boolean} toStartOfTimeline whether the event is being added
+ * to the start (and not the end) of the timeline.
+ * @param {boolean} removed whether the event was removed from the
+ * timeline.
+ * @param {Object} data
+ * @param {boolean} data.liveEvent whether the event is a live event,
+ * belonging to a live timeline.
+ * @param {EventTimeline} data.timeline the timeline being altered.
+ * @returns {IRoomTimelineActionPayload} an action of type `MatrixActions.Room.timeline`.
+ */
+function createRoomTimelineAction(
+    matrixClient: MatrixClient,
+    timelineEvent: MatrixEvent,
+    room: Room | null,
+    toStartOfTimeline: boolean,
+    removed: boolean,
+    data: IRoomTimelineData,
+): IRoomTimelineActionPayload {
+    return {
+        action: "MatrixActions.Room.timeline",
+        event: timelineEvent,
+        isLiveEvent: data.liveEvent,
+        isLiveUnfilteredRoomTimelineEvent: data.timeline.getTimelineSet() === room?.getUnfilteredTimelineSet(),
+        room,
+    };
+}
+
+/**
+ * Create a MatrixActions.Room.timeline action that represents a
+ * MatrixClient `Room.timeline` matrix event, emitted when an event
+ * is added to or removed from a timeline of a room.
+ *
+ * @param {MatrixClient} matrixClient the matrix client.
+ * @param {MatrixEvent} event the state event received
+ * @param {RoomState} state the room state into which the event was applied
+ * @param {MatrixEvent | null} lastStateEvent the previous value for this (event-type, state-key) tuple in room state
+ * @returns {IRoomStateEventsActionPayload} an action of type `MatrixActions.RoomState.events`.
+ */
+function createRoomStateEventsAction(
+    matrixClient: MatrixClient,
+    event: MatrixEvent,
+    state: RoomState,
+    lastStateEvent: MatrixEvent | null,
+): IRoomStateEventsActionPayload {
+    return {
+        action: "MatrixActions.RoomState.events",
+        event,
+        state,
+        lastStateEvent,
+    };
+}
+
+/**
+ * @typedef RoomMembershipAction
+ * @type {Object}
+ * @property {string} action 'MatrixActions.Room.myMembership'.
+ * @property {Room} room to room for which the self-membership changed.
+ * @property {string} membership the new membership
+ * @property {string} oldMembership the previous membership, can be null.
+ */
+
+/**
+ * Create a MatrixActions.Room.myMembership action that represents
+ * a MatrixClient `Room.myMembership` event for the syncing user,
+ * emitted when the syncing user's membership is updated for a room.
+ *
+ * @param {MatrixClient} matrixClient the matrix client.
+ * @param {Room} room to room for which the self-membership changed.
+ * @param {string} membership the new membership
+ * @param {string} oldMembership the previous membership, can be null.
+ * @returns {RoomMembershipAction} an action of type `MatrixActions.Room.myMembership`.
+ */
+function createSelfMembershipAction(
+    matrixClient: MatrixClient,
+    room: Room,
+    membership: string,
+    oldMembership: string,
+): ActionPayload {
+    return { action: "MatrixActions.Room.myMembership", room, membership, oldMembership };
+}
+
+/**
+ * @typedef EventDecryptedAction
+ * @type {Object}
+ * @property {string} action 'MatrixActions.Event.decrypted'.
+ * @property {MatrixEvent} event the matrix event that was decrypted.
+ */
+
+/**
+ * Create a MatrixActions.Event.decrypted action that represents
+ * a MatrixClient `Event.decrypted` matrix event, emitted when a
+ * matrix event is decrypted.
+ *
+ * @param {MatrixClient} matrixClient the matrix client.
+ * @param {MatrixEvent} event the matrix event that was decrypted.
+ * @returns {EventDecryptedAction} an action of type `MatrixActions.Event.decrypted`.
+ */
+function createEventDecryptedAction(matrixClient: MatrixClient, event: MatrixEvent): ActionPayload {
+    return { action: "MatrixActions.Event.decrypted", event };
+}
+
+type Listener = () => void;
+type ActionCreator = (matrixClient: MatrixClient, ...args: any) => ActionPayload;
+
+// A list of callbacks to call to unregister all listeners added
+let matrixClientListenersStop: Listener[] = [];
+
+/**
+ * Start listening to events of type eventName on matrixClient and when they are emitted,
+ * dispatch an action created by the actionCreator function.
+ * @param {MatrixClient} matrixClient a MatrixClient to register a listener with.
+ * @param {string} eventName the event to listen to on MatrixClient.
+ * @param {function} actionCreator a function that should return an action to dispatch
+ *                                 when given the MatrixClient as an argument as well as
+ *                                 arguments emitted in the MatrixClient event.
+ */
+function addMatrixClientListener(
+    matrixClient: MatrixClient,
+    eventName: Parameters<MatrixClient["emit"]>[0],
+    actionCreator: ActionCreator,
+): void {
+    const listener: Listener = (...args) => {
+        const payload = actionCreator(matrixClient, ...args);
+        if (payload) {
+            // Consumers shouldn't have to worry about calling js-sdk methods mid-dispatch, so make this dispatch async
+            dis.dispatch(payload, false);
+        }
+    };
+    matrixClient.on(eventName, listener);
+    matrixClientListenersStop.push(() => {
+        matrixClient.removeListener(eventName, listener);
+    });
+}
+
+/**
+ * This object is responsible for dispatching actions when certain events are emitted by
+ * the given MatrixClient.
+ */
+export default {
+    /**
+     * Start listening to certain events from the MatrixClient and dispatch actions when
+     * they are emitted.
+     * @param {MatrixClient} matrixClient the MatrixClient to listen to events from
+     */
+    start(matrixClient: MatrixClient) {
+        addMatrixClientListener(matrixClient, ClientEvent.Sync, createSyncAction);
+        addMatrixClientListener(matrixClient, ClientEvent.AccountData, createAccountDataAction);
+        addMatrixClientListener(matrixClient, RoomEvent.AccountData, createRoomAccountDataAction);
+        addMatrixClientListener(matrixClient, ClientEvent.Room, createRoomAction);
+        addMatrixClientListener(matrixClient, RoomEvent.Tags, createRoomTagsAction);
+        addMatrixClientListener(matrixClient, RoomEvent.Receipt, createRoomReceiptAction);
+        addMatrixClientListener(matrixClient, RoomEvent.Timeline, createRoomTimelineAction);
+        addMatrixClientListener(matrixClient, RoomEvent.MyMembership, createSelfMembershipAction);
+        addMatrixClientListener(matrixClient, MatrixEventEvent.Decrypted, createEventDecryptedAction);
+        addMatrixClientListener(matrixClient, RoomStateEvent.Events, createRoomStateEventsAction);
+    },
+
+    /**
+     * Stop listening to events.
+     */
+    stop() {
+        matrixClientListenersStop.forEach((stopListener) => stopListener());
+        matrixClientListenersStop = [];
+    },
+};
diff --git a/apps/web/src/actions/RoomListActions.test.ts b/apps/web/src/actions/RoomListActions.test.ts
new file mode 100644
index 00000000000..6d47737b8e3
--- /dev/null
+++ b/apps/web/src/actions/RoomListActions.test.ts
@@ -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.
+ */
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { createTestClient, flushPromises, mkRoom } from "test-utils";
+
+import RoomListActions from "./RoomListActions";
+import { DefaultTagID } from "../stores/room-list-v3/skip-list/tag";
+import Modal from "../Modal";
+import * as Rooms from "../Rooms";
+
+vi.mock("../Modal");
+vi.mock("../Rooms");
+
+describe("RoomListActions", () => {
+    const ROOM_ID = "!room:example.org";
+
+    let client: MatrixClient;
+    let room: Room;
+    const dispatch = vi.fn();
+
+    beforeEach(() => {
+        client = createTestClient();
+        room = mkRoom(client, ROOM_ID);
+        vi.mocked(Rooms.guessAndSetDMRoom).mockResolvedValue(undefined);
+    });
+
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    describe("tagRoom", () => {
+        /**
+         * Invoke the async payload returned by tagRoom and wait for all promises to settle.
+         */
+        async function invokeTagRoom(
+            oldTag: Parameters<typeof RoomListActions.tagRoom>[2],
+            newTag: Parameters<typeof RoomListActions.tagRoom>[3],
+        ): Promise<void> {
+            const payload = RoomListActions.tagRoom(client, room, oldTag, newTag);
+
+            // Execute the async function embedded in the payload.
+            payload.fn(dispatch);
+
+            // Flush all microtasks / pending promises.
+            await flushPromises();
+        }
+
+        it("dispatches a pending action immediately with the optimistic update data", () => {
+            const payload = RoomListActions.tagRoom(client, room, DefaultTagID.Favourite, DefaultTagID.LowPriority);
+
+            payload.fn(dispatch);
+
+            expect(dispatch).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: "RoomListActions.tagRoom.pending",
+                    request: { room, oldTag: DefaultTagID.Favourite, newTag: DefaultTagID.LowPriority },
+                }),
+            );
+        });
+
+        describe("DM tag handling", () => {
+            it.each([
+                [undefined, DefaultTagID.DM],
+                [DefaultTagID.DM, undefined],
+            ])(
+                "treats oldTag=%s and newTag=%s as a DM tag change and does not call setRoomTag or deleteRoomTag",
+                async (oldTag, newTag) => {
+                    await invokeTagRoom(oldTag, newTag as unknown as null);
+
+                    expect(Rooms.guessAndSetDMRoom).toHaveBeenCalledWith(room, newTag === DefaultTagID.DM);
+                    expect(client.deleteRoomTag).not.toHaveBeenCalled();
+                    expect(client.setRoomTag).not.toHaveBeenCalled();
+                },
+            );
+
+            it("opens an ErrorDialog and swallows the error if guessAndSetDMRoom rejects", async () => {
+                const error = new Error("DM tag error");
+                vi.mocked(Rooms.guessAndSetDMRoom).mockRejectedValue(error);
+
+                await invokeTagRoom(undefined, DefaultTagID.DM);
+
+                expect(Modal.createDialog).toHaveBeenCalledWith(
+                    expect.anything(),
+                    expect.objectContaining({ description: error.message }),
+                );
+                // Error is swallowed — success is still dispatched.
+                expect(dispatch).toHaveBeenCalledWith(
+                    expect.objectContaining({ action: "RoomListActions.tagRoom.success" }),
+                );
+            });
+        });
+
+        describe("regular tag changes (non-DM)", () => {
+            it("deletes the old tag and adds the new tag when moving between two non-DM tags", async () => {
+                await invokeTagRoom(DefaultTagID.Favourite, DefaultTagID.LowPriority);
+
+                expect(client.deleteRoomTag).toHaveBeenCalledWith(ROOM_ID, DefaultTagID.Favourite);
+                expect(client.setRoomTag).toHaveBeenCalledWith(ROOM_ID, DefaultTagID.LowPriority);
+                expect(dispatch).toHaveBeenCalledWith(
+                    expect.objectContaining({ action: "RoomListActions.tagRoom.success" }),
+                );
+            });
+
+            it("only calls setRoomTag when there was no previous tag", async () => {
+                await invokeTagRoom(null, DefaultTagID.Favourite);
+
+                expect(client.deleteRoomTag).not.toHaveBeenCalled();
+                expect(client.setRoomTag).toHaveBeenCalledWith(ROOM_ID, DefaultTagID.Favourite);
+            });
+
+            it.each([null, DefaultTagID.DM])(
+                "only calls deleteRoomTag when moving from %s to another non-DM tag",
+                async (newTag) => {
+                    await invokeTagRoom(DefaultTagID.Favourite, newTag);
+
+                    expect(client.deleteRoomTag).toHaveBeenCalledWith(ROOM_ID, DefaultTagID.Favourite);
+                    expect(client.setRoomTag).not.toHaveBeenCalled();
+                },
+            );
+
+            it("makes no API calls when oldTag equals newTag", async () => {
+                await invokeTagRoom(DefaultTagID.Favourite, DefaultTagID.Favourite);
+
+                expect(client.deleteRoomTag).not.toHaveBeenCalled();
+                expect(client.setRoomTag).not.toHaveBeenCalled();
+            });
+
+            it("skips deleteRoomTag for the DM tag but still sets the new tag", async () => {
+                await invokeTagRoom(DefaultTagID.DM, DefaultTagID.Favourite);
+
+                expect(client.deleteRoomTag).not.toHaveBeenCalled();
+                expect(client.setRoomTag).toHaveBeenCalledWith(ROOM_ID, DefaultTagID.Favourite);
+            });
+
+            it("shows an ErrorDialog but still dispatches success when deleteRoomTag fails", async () => {
+                const error = new Error("delete failed");
+                vi.spyOn(client, "deleteRoomTag").mockRejectedValue(error);
+
+                await invokeTagRoom(DefaultTagID.Favourite, DefaultTagID.LowPriority);
+
+                expect(Modal.createDialog).toHaveBeenCalledWith(
+                    expect.anything(),
+                    expect.objectContaining({ description: error.message }),
+                );
+                // deleteRoomTag swallows the error, so Promise.all still resolves.
+                expect(dispatch).toHaveBeenCalledWith(
+                    expect.objectContaining({ action: "RoomListActions.tagRoom.success" }),
+                );
+            });
+
+            it("shows an ErrorDialog and dispatches failure when setRoomTag fails", async () => {
+                const error = new Error("set failed");
+                vi.spyOn(client, "setRoomTag").mockRejectedValue(error);
+
+                await invokeTagRoom(DefaultTagID.Favourite, DefaultTagID.LowPriority);
+
+                expect(Modal.createDialog).toHaveBeenCalledWith(
+                    expect.anything(),
+                    expect.objectContaining({ description: error.message }),
+                );
+                // setRoomTag rethrows, so Promise.all rejects → failure dispatched.
+                expect(dispatch).toHaveBeenCalledWith(
+                    expect.objectContaining({ action: "RoomListActions.tagRoom.failure" }),
+                );
+            });
+        });
+    });
+});
diff --git a/apps/web/src/actions/RoomListActions.ts b/apps/web/src/actions/RoomListActions.ts
new file mode 100644
index 00000000000..a63b71a6c5b
--- /dev/null
+++ b/apps/web/src/actions/RoomListActions.ts
@@ -0,0 +1,108 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2018 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 { logger } from "matrix-js-sdk/src/logger";
+
+import { asyncAction } from "./actionCreators";
+import Modal from "../Modal";
+import * as Rooms from "../Rooms";
+import { _t } from "../languageHandler";
+import { type AsyncActionPayload } from "../dispatcher/payloads";
+import { DefaultTagID, type TagID } from "../stores/room-list-v3/skip-list/tag";
+import ErrorDialog from "../components/views/dialogs/ErrorDialog";
+
+// oxlint-disable-next-line typescript/no-extraneous-class
+export default class RoomListActions {
+    /**
+     * Creates an action thunk that will do an asynchronous request to
+     * tag room.
+     *
+     * @param matrixClient the matrix client to set the
+     *                                    account data on.
+     * @param room the room to tag.
+     * @param oldTag the tag to remove (unless oldTag ==== newTag)
+     * @param newTag the tag with which to tag the room.
+     * @param oldIndex the previous position of the room in the
+     *                           list of rooms.
+     * @returns an async action payload
+     * @see asyncAction
+     */
+    public static tagRoom(
+        matrixClient: MatrixClient,
+        room: Room,
+        oldTag: TagID | null | undefined,
+        newTag: TagID | null | undefined,
+    ): AsyncActionPayload {
+        return asyncAction(
+            "RoomListActions.tagRoom",
+            () => {
+                const promises: Promise<any>[] = [];
+                const roomId = room.roomId;
+
+                // Evil hack to get DMs behaving
+                if (
+                    (oldTag === undefined && newTag === DefaultTagID.DM) ||
+                    (oldTag === DefaultTagID.DM && newTag === undefined)
+                ) {
+                    return Rooms.guessAndSetDMRoom(room, newTag === DefaultTagID.DM).catch((err) => {
+                        logger.error("Failed to set DM tag " + err);
+                        Modal.createDialog(ErrorDialog, {
+                            title: _t("room_list|failed_set_dm_tag"),
+                            description: err?.message ?? _t("invite|failed_generic"),
+                        });
+                    });
+                }
+
+                const hasChangedSubLists = oldTag !== newTag;
+
+                // More evilness: We will still be dealing with moving to favourites/low prio,
+                // but we avoid ever doing a request with TAG_DM.
+                //
+                // if we moved lists, remove the old tag
+                if (oldTag && oldTag !== DefaultTagID.DM && hasChangedSubLists) {
+                    const promiseToDelete = matrixClient.deleteRoomTag(roomId, oldTag).catch(function (err) {
+                        logger.error("Failed to remove tag " + oldTag + " from room: " + err);
+                        Modal.createDialog(ErrorDialog, {
+                            title: _t("room_list|failed_remove_tag", { tagName: oldTag }),
+                            description: err?.message ?? _t("invite|failed_generic"),
+                        });
+                    });
+
+                    promises.push(promiseToDelete);
+                }
+
+                // if we moved lists or the ordering changed, add the new tag
+                if (newTag && newTag !== DefaultTagID.DM && hasChangedSubLists) {
+                    const promiseToAdd = matrixClient.setRoomTag(roomId, newTag).catch(function (err) {
+                        logger.error("Failed to add tag " + newTag + " to room: " + err);
+                        Modal.createDialog(ErrorDialog, {
+                            title: _t("room_list|failed_add_tag", { tagName: newTag }),
+                            description: err?.message ?? _t("invite|failed_generic"),
+                        });
+
+                        throw err;
+                    });
+
+                    promises.push(promiseToAdd);
+                }
+
+                return Promise.all(promises);
+            },
+            () => {
+                // For an optimistic update
+                return {
+                    room,
+                    oldTag,
+                    newTag,
+                };
+            },
+        );
+    }
+}
diff --git a/apps/web/src/actions/actionCreators.ts b/apps/web/src/actions/actionCreators.ts
new file mode 100644
index 00000000000..ed8eb6b265e
--- /dev/null
+++ b/apps/web/src/actions/actionCreators.ts
@@ -0,0 +1,54 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 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 AsyncActionFn, AsyncActionPayload } from "../dispatcher/payloads";
+
+/**
+ * Create an action thunk that will dispatch actions indicating the current
+ * status of the Promise returned by fn.
+ *
+ * @param {string} id the id to give the dispatched actions. This is given a
+ *                    suffix determining whether it is pending, successful or
+ *                    a failure.
+ * @param {function} fn a function that returns a Promise.
+ * @param {function?} pendingFn a function that returns an object to assign
+ *                              to the `request` key of the ${id}.pending
+ *                              payload.
+ * @returns {AsyncActionPayload} an async action payload. Includes a function
+ *                     that uses its single argument as a dispatch function
+ *                     to dispatch the following actions:
+ *                         `${id}.pending` and either
+ *                         `${id}.success` or
+ *                         `${id}.failure`.
+ *
+ *                     The shape of each are:
+ *                     { action: '${id}.pending', request }
+ *                     { action: '${id}.success', result }
+ *                     { action: '${id}.failure', err }
+ *
+ *                     where `request` is returned by `pendingFn` and
+ *                     result is the result of the promise returned by
+ *                     `fn`.
+ */
+export function asyncAction(id: string, fn: () => Promise<any>, pendingFn: () => any | null): AsyncActionPayload {
+    const helper: AsyncActionFn = (dispatch) => {
+        dispatch({
+            action: id + ".pending",
+            request: typeof pendingFn === "function" ? pendingFn() : undefined,
+        });
+        fn()
+            .then((result) => {
+                dispatch({ action: id + ".success", result });
+            })
+            .catch((err) => {
+                dispatch({ action: id + ".failure", err });
+            });
+    };
+    return new AsyncActionPayload(helper);
+}
diff --git a/apps/web/src/actions/handlers/viewUserDeviceSettings.test.ts b/apps/web/src/actions/handlers/viewUserDeviceSettings.test.ts
new file mode 100644
index 00000000000..88c96cbac64
--- /dev/null
+++ b/apps/web/src/actions/handlers/viewUserDeviceSettings.test.ts
@@ -0,0 +1,31 @@
+/*
+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 { vi, describe, it, expect, beforeEach } from "vitest";
+
+import { viewUserDeviceSettings } from "./viewUserDeviceSettings";
+import { UserTab } from "../../components/views/dialogs/UserTab";
+import { Action } from "../../dispatcher/actions";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+
+describe("viewUserDeviceSettings()", () => {
+    const dispatchSpy = vi.spyOn(defaultDispatcher, "dispatch");
+
+    beforeEach(() => {
+        dispatchSpy.mockClear();
+    });
+
+    it("dispatches action to view session manager", () => {
+        viewUserDeviceSettings();
+
+        expect(dispatchSpy).toHaveBeenCalledWith({
+            action: Action.ViewUserSettings,
+            initialTabId: UserTab.SessionManager,
+        });
+    });
+});
diff --git a/apps/web/src/actions/handlers/viewUserDeviceSettings.ts b/apps/web/src/actions/handlers/viewUserDeviceSettings.ts
new file mode 100644
index 00000000000..d7cfe73d86c
--- /dev/null
+++ b/apps/web/src/actions/handlers/viewUserDeviceSettings.ts
@@ -0,0 +1,21 @@
+/*
+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 { UserTab } from "../../components/views/dialogs/UserTab";
+import { Action } from "../../dispatcher/actions";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+
+/**
+ * Open user device manager settings
+ */
+export const viewUserDeviceSettings = (): void => {
+    defaultDispatcher.dispatch({
+        action: Action.ViewUserSettings,
+        initialTabId: UserTab.SessionManager,
+    });
+};
diff --git a/apps/web/src/async-components/structures/ErrorView.tsx b/apps/web/src/async-components/structures/ErrorView.tsx
new file mode 100644
index 00000000000..4d2a8f7a222
--- /dev/null
+++ b/apps/web/src/async-components/structures/ErrorView.tsx
@@ -0,0 +1,206 @@
+/*
+Copyright 2020-2024 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 ReactNode } from "react";
+import { Text, Heading, Button, Separator } from "@vector-im/compound-web";
+import PopOutIcon from "@vector-im/compound-design-tokens/assets/web/icons/pop-out";
+import { Flex } from "@element-hq/web-shared-components";
+import { LinuxIcon, MacIcon, WindowsIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import SdkConfig from "../../SdkConfig";
+import { _t } from "../../languageHandler";
+
+// directly import the style here as this layer does not support rethemedex at this time so no matrix-react-sdk
+// PostCSS variables will be accessible.
+import "../../../res/css/structures/ErrorView.pcss";
+
+interface IProps {
+    // both of these should already be internationalised
+    title: string;
+    messages?: string[];
+    footer?: ReactNode;
+    children?: ReactNode;
+}
+
+export const ErrorView: React.FC<IProps> = ({ title, messages, footer, children }) => {
+    return (
+        <div className="mx_ErrorView cpd-theme-light">
+            <img
+                className="mx_ErrorView_logo"
+                height="160"
+                src="themes/element/img/logos/element-app-logo.png"
+                alt="Element"
+            />
+            <div className="mx_ErrorView_container">
+                <Heading size="md" weight="semibold">
+                    {title}
+                </Heading>
+                {messages?.map((message) => (
+                    <Text key={message} size="lg">
+                        {message}
+                    </Text>
+                ))}
+                {children}
+            </div>
+            {footer}
+        </div>
+    );
+};
+
+const MobileAppLinks: React.FC<{
+    appleAppStoreUrl?: string;
+    googlePlayUrl?: string;
+    fdroidUrl?: string;
+}> = ({ appleAppStoreUrl, googlePlayUrl, fdroidUrl }) => (
+    <Flex gap="var(--cpd-space-6x)" className="mx_ErrorView_flexContainer">
+        {appleAppStoreUrl && (
+            <a href={appleAppStoreUrl} target="_blank" rel="noreferrer noopener">
+                <img height="64" src="themes/element/img/download/apple.svg" alt="Apple App Store" />
+            </a>
+        )}
+        {googlePlayUrl && (
+            <a href={googlePlayUrl} target="_blank" rel="noreferrer noopener" key="android">
+                <img height="64" src="themes/element/img/download/google.svg" alt="Google Play Store" />
+            </a>
+        )}
+        {fdroidUrl && (
+            <a href={fdroidUrl} target="_blank" rel="noreferrer noopener" key="fdroid">
+                <img height="64" src="themes/element/img/download/fdroid.svg" alt="F-Droid" />
+            </a>
+        )}
+    </Flex>
+);
+
+const DesktopAppLinks: React.FC<{
+    macOsUrl?: string;
+    win64Url?: string;
+    win64ArmUrl?: string;
+    linuxUrl?: string;
+}> = ({ macOsUrl, win64Url, win64ArmUrl, linuxUrl }) => {
+    return (
+        <Flex gap="var(--cpd-space-4x)" className="mx_ErrorView_flexContainer">
+            {macOsUrl && (
+                <Button as="a" href={macOsUrl} kind="secondary" Icon={MacIcon}>
+                    {_t("incompatible_browser|macos")}
+                </Button>
+            )}
+            {win64Url && (
+                <Button as="a" href={win64Url} kind="secondary" Icon={WindowsIcon}>
+                    {_t("incompatible_browser|windows_64bit")}
+                </Button>
+            )}
+            {win64ArmUrl && (
+                <Button as="a" href={win64ArmUrl} kind="secondary" Icon={WindowsIcon}>
+                    {_t("incompatible_browser|windows_arm_64bit")}
+                </Button>
+            )}
+            {linuxUrl && (
+                <Button as="a" href={linuxUrl} kind="secondary" Icon={LinuxIcon}>
+                    {_t("incompatible_browser|linux")}
+                </Button>
+            )}
+        </Flex>
+    );
+};
+
+const linkFactory =
+    (link: string) =>
+    (text: string): JSX.Element => (
+        <a href={link} target="_blank" rel="noreferrer noopener">
+            {text}
+        </a>
+    );
+
+export const UnsupportedBrowserView: React.FC<{
+    onAccept?(this: void): void;
+}> = ({ onAccept }) => {
+    const config = SdkConfig.get();
+    const brand = config.brand ?? "Element";
+
+    const hasDesktopBuilds =
+        config.desktop_builds?.available &&
+        (config.desktop_builds?.url_macos ||
+            config.desktop_builds?.url_win64 ||
+            config.desktop_builds?.url_win64arm ||
+            config.desktop_builds?.url_linux);
+    const hasMobileBuilds = Boolean(
+        config.mobile_builds?.ios || config.mobile_builds?.android || config.mobile_builds?.fdroid,
+    );
+
+    return (
+        <ErrorView
+            title={_t("incompatible_browser|title", { brand })}
+            messages={[
+                _t("incompatible_browser|description", {
+                    brand,
+                    detail: onAccept
+                        ? _t("incompatible_browser|detail_can_continue")
+                        : _t("incompatible_browser|detail_no_continue"),
+                }),
+            ]}
+            footer={
+                <>
+                    {/* We render the apps in the footer as they are wider than the 520px container */}
+                    {(hasDesktopBuilds || hasMobileBuilds) && <Separator />}
+
+                    {hasDesktopBuilds && (
+                        <>
+                            <Heading as="h2" size="sm" weight="semibold">
+                                {_t("incompatible_browser|use_desktop_heading", { brand })}
+                            </Heading>
+                            <DesktopAppLinks
+                                macOsUrl={config.desktop_builds?.url_macos}
+                                win64Url={config.desktop_builds?.url_win64}
+                                win64ArmUrl={config.desktop_builds?.url_win64arm}
+                                linuxUrl={config.desktop_builds?.url_linux}
+                            />
+                        </>
+                    )}
+
+                    {hasMobileBuilds && (
+                        <>
+                            <Heading as="h2" size="sm" weight="semibold">
+                                {hasDesktopBuilds
+                                    ? _t("incompatible_browser|use_mobile_heading_after_desktop")
+                                    : _t("incompatible_browser|use_mobile_heading", { brand })}
+                            </Heading>
+                            <MobileAppLinks
+                                appleAppStoreUrl={config.mobile_builds?.ios ?? undefined}
+                                googlePlayUrl={config.mobile_builds?.android ?? undefined}
+                                fdroidUrl={config.mobile_builds?.fdroid ?? undefined}
+                            />
+                        </>
+                    )}
+                </>
+            }
+        >
+            <Text size="lg">
+                {_t(
+                    "incompatible_browser|supported_browsers",
+                    {},
+                    {
+                        Chrome: linkFactory("https://google.com/chrome"),
+                        Firefox: linkFactory("https://firefox.com"),
+                        Edge: linkFactory("https://microsoft.com/edge"),
+                        Safari: linkFactory("https://apple.com/safari"),
+                    },
+                )}
+            </Text>
+
+            <Flex gap="var(--cpd-space-4x)" className="mx_ErrorView_flexContainer mx_ErrorView_buttons">
+                <Button Icon={PopOutIcon} kind="secondary" size="md">
+                    {_t("incompatible_browser|learn_more")}
+                </Button>
+                {onAccept && (
+                    <Button kind="primary" size="md" onClick={onAccept}>
+                        {_t("incompatible_browser|continue")}
+                    </Button>
+                )}
+            </Flex>
+        </ErrorView>
+    );
+};
diff --git a/apps/web/src/async-components/views/dialogs/QrLoginDialog.tsx b/apps/web/src/async-components/views/dialogs/QrLoginDialog.tsx
new file mode 100644
index 00000000000..53ef7937106
--- /dev/null
+++ b/apps/web/src/async-components/views/dialogs/QrLoginDialog.tsx
@@ -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 React, { type FC, useMemo, useState } from "react";
+import { RendezvousIntent } from "matrix-js-sdk/src/rendezvous";
+import { createClient } from "matrix-js-sdk/src/matrix";
+
+import { type ValidatedServerConfig } from "../../../utils/ValidatedServerConfig";
+import LoginWithQR, { type QrLoginCredentials } from "../../../components/views/auth/LoginWithQR.tsx";
+import { Mode, Phase } from "../../../components/views/auth/LoginWithQR-types.ts";
+import BaseDialog from "../../../components/views/dialogs/BaseDialog.tsx";
+import { _t } from "../../../languageHandler";
+
+interface Props {
+    /**
+     * The server config to use for QR code login
+     */
+    serverConfig: ValidatedServerConfig;
+
+    /**
+     * Handler for when the dialog is to be closed
+     */
+    onFinished(this: void): void;
+
+    /**
+     * Handler for successful completion of QR Login
+     * @param credentials - the credentials to log in with
+     */
+    onLoggedIn(this: void, credentials: QrLoginCredentials): Promise<void>;
+}
+
+/**
+ * Dialog for facilitating the Login with QR flow, shown from DefaultWelcome.
+ */
+const QrLoginDialog: FC<Props> = ({ serverConfig, onLoggedIn, onFinished }) => {
+    const tempClient = useMemo(() => createClient({ baseUrl: serverConfig.hsUrl }), [serverConfig]);
+
+    const [phase, setPhase] = useState<Phase>();
+
+    const hasCancel = phase === Phase.ShowingQR;
+
+    return (
+        <BaseDialog
+            onFinished={onFinished}
+            hasCancel={hasCancel}
+            aria-label={_t("auth|sign_in_with_qr")}
+            fixedWidth={false}
+        >
+            <LoginWithQR
+                intent={RendezvousIntent.LOGIN_ON_NEW_DEVICE}
+                client={tempClient}
+                onFinished={onFinished}
+                onLoggedIn={onLoggedIn}
+                mode={Mode.Show}
+                onPhaseChange={setPhase}
+            />
+        </BaseDialog>
+    );
+};
+
+export default QrLoginDialog;
diff --git a/apps/web/src/async-components/views/dialogs/eventindex/DisableEventIndexDialog.tsx b/apps/web/src/async-components/views/dialogs/eventindex/DisableEventIndexDialog.tsx
new file mode 100644
index 00000000000..f84d6827843
--- /dev/null
+++ b/apps/web/src/async-components/views/dialogs/eventindex/DisableEventIndexDialog.tsx
@@ -0,0 +1,67 @@
+/*
+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 from "react";
+
+import BaseDialog from "../../../../components/views/dialogs/BaseDialog";
+import Spinner from "../../../../components/views/elements/Spinner";
+import DialogButtons from "../../../../components/views/elements/DialogButtons";
+import dis from "../../../../dispatcher/dispatcher";
+import { _t } from "../../../../languageHandler";
+import SettingsStore from "../../../../settings/SettingsStore";
+import EventIndexPeg from "../../../../indexing/EventIndexPeg";
+import { Action } from "../../../../dispatcher/actions";
+import { SettingLevel } from "../../../../settings/SettingLevel";
+
+interface IProps {
+    onFinished: (success?: boolean) => void;
+}
+
+interface IState {
+    disabling: boolean;
+}
+
+/*
+ * Allows the user to disable the Event Index.
+ */
+export default class DisableEventIndexDialog extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            disabling: false,
+        };
+    }
+
+    private onDisable = async (): Promise<void> => {
+        this.setState({
+            disabling: true,
+        });
+
+        await SettingsStore.setValue("enableEventIndexing", null, SettingLevel.DEVICE, false);
+        await EventIndexPeg.deleteEventIndex();
+        this.props.onFinished(true);
+        dis.fire(Action.ViewUserSettings);
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <BaseDialog onFinished={this.props.onFinished} title={_t("common|are_you_sure")}>
+                {_t("settings|security|message_search_disable_warning")}
+                {this.state.disabling ? <Spinner /> : <div />}
+                <DialogButtons
+                    primaryButton={_t("action|disable")}
+                    onPrimaryButtonClick={this.onDisable}
+                    primaryButtonClass="danger"
+                    cancelButtonClass="warning"
+                    onCancel={this.props.onFinished}
+                    disabled={this.state.disabling}
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/async-components/views/dialogs/eventindex/ManageEventIndexDialog.tsx b/apps/web/src/async-components/views/dialogs/eventindex/ManageEventIndexDialog.tsx
new file mode 100644
index 00000000000..a7ac7f570d6
--- /dev/null
+++ b/apps/web/src/async-components/views/dialogs/eventindex/ManageEventIndexDialog.tsx
@@ -0,0 +1,190 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 ChangeEvent } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../../languageHandler";
+import SdkConfig from "../../../../SdkConfig";
+import SettingsStore from "../../../../settings/SettingsStore";
+import Modal from "../../../../Modal";
+import { formatBytes, formatCountLong } from "../../../../utils/FormattingUtils";
+import EventIndexPeg from "../../../../indexing/EventIndexPeg";
+import { SettingLevel } from "../../../../settings/SettingLevel";
+import Field from "../../../../components/views/elements/Field";
+import BaseDialog from "../../../../components/views/dialogs/BaseDialog";
+import DialogButtons from "../../../../components/views/elements/DialogButtons";
+import { type IIndexStats } from "../../../../indexing/BaseEventIndexManager";
+
+interface IProps {
+    onFinished(): void;
+}
+
+interface IState {
+    /** Size of the event index, in bytes. */
+    eventIndexSize: number;
+
+    /** Number of events currently indexed in the event index. */
+    eventCount: number;
+
+    /** Number of rooms currently mentioned in the event index. */
+    eventIndexRoomCount: number;
+
+    /** Number of rooms awaiting crawling by the EventIndex. */
+    crawlingRoomsCount: number;
+
+    /** Number of encrypted rooms known by the MatrixClient. */
+    roomCount: number;
+
+    /** Room currently being crawled by the EventIndex. */
+    currentRoom: string | null;
+
+    /** Time to sleep between crawlwer passes, in milliseconds. */
+    crawlerSleepTime: number;
+}
+
+/*
+ * Allows the user to introspect the event index state and disable it.
+ */
+export default class ManageEventIndexDialog extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            eventIndexSize: 0,
+            eventCount: 0,
+            eventIndexRoomCount: 0,
+            crawlingRoomsCount: 0,
+            roomCount: 0,
+            currentRoom: null,
+            crawlerSleepTime: SettingsStore.getValueAt(SettingLevel.DEVICE, "crawlerSleepTime"),
+        };
+    }
+
+    public updateCurrentRoom = async (room: Room | null): Promise<void> => {
+        const eventIndex = EventIndexPeg.get();
+        if (!eventIndex) return;
+        let stats: IIndexStats | undefined;
+
+        try {
+            stats = await eventIndex.getStats();
+        } catch {
+            // This call may fail if sporadically, not a huge issue as we will
+            // try later again and probably succeed.
+            return;
+        }
+
+        let currentRoom: string | null = null;
+
+        if (room) currentRoom = room.name;
+        const roomStats = eventIndex.crawlingRooms();
+        const crawlingRoomsCount = roomStats.crawlingRooms.size;
+        const roomCount = roomStats.totalRooms.size;
+
+        this.setState({
+            eventIndexSize: stats?.size ?? 0,
+            eventCount: stats?.eventCount ?? 0,
+            eventIndexRoomCount: stats?.roomCount ?? 0,
+            crawlingRoomsCount: crawlingRoomsCount,
+            roomCount: roomCount,
+            currentRoom: currentRoom,
+        });
+    };
+
+    public componentWillUnmount(): void {
+        const eventIndex = EventIndexPeg.get();
+
+        if (eventIndex !== null) {
+            eventIndex.removeListener("changedCheckpoint", this.updateCurrentRoom);
+        }
+    }
+
+    public async componentDidMount(): Promise<void> {
+        const eventIndex = EventIndexPeg.get();
+
+        if (eventIndex !== null) {
+            eventIndex.on("changedCheckpoint", this.updateCurrentRoom);
+
+            const room = eventIndex.currentRoom();
+            await this.updateCurrentRoom(room);
+        }
+    }
+
+    private onDisable = async (): Promise<void> => {
+        const DisableEventIndexDialog = (await import("./DisableEventIndexDialog")).default;
+        Modal.createDialog(DisableEventIndexDialog, undefined, undefined, /* priority = */ false, /* static = */ true);
+    };
+
+    private onCrawlerSleepTimeChange = (e: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ crawlerSleepTime: parseInt(e.target.value, 10) });
+        SettingsStore.setValue("crawlerSleepTime", null, SettingLevel.DEVICE, e.target.valueAsNumber);
+    };
+
+    public render(): React.ReactNode {
+        const brand = SdkConfig.get().brand;
+
+        let crawlerState;
+        if (this.state.currentRoom === null) {
+            crawlerState = _t("settings|security|message_search_indexing_idle");
+        } else {
+            crawlerState = _t("settings|security|message_search_indexing", { currentRoom: this.state.currentRoom });
+        }
+
+        const doneRooms = Math.max(0, this.state.eventIndexRoomCount - this.state.crawlingRoomsCount);
+
+        const eventIndexingSettings = (
+            <div>
+                {_t("settings|security|message_search_intro", {
+                    brand,
+                })}
+                <div className="mx_SettingsTab_subsectionText">
+                    {crawlerState}
+                    <br />
+                    {_t("settings|security|message_search_space_used")} {formatBytes(this.state.eventIndexSize, 0)}
+                    <br />
+                    {_t("settings|security|message_search_indexed_messages")} {formatCountLong(this.state.eventCount)}
+                    <br />
+                    {_t("settings|security|message_search_indexed_rooms")}{" "}
+                    {_t("settings|security|message_search_room_progress", {
+                        doneRooms: formatCountLong(doneRooms),
+                        totalRooms: formatCountLong(this.state.roomCount),
+                    })}{" "}
+                    <br />
+                    {_t("settings|security|message_search_pending_rooms", {
+                        pendingRooms: formatCountLong(this.state.crawlingRoomsCount),
+                    })}
+                    <br />
+                    <Field
+                        label={_t("settings|security|message_search_sleep_time")}
+                        type="number"
+                        value={this.state.crawlerSleepTime.toString()}
+                        onChange={this.onCrawlerSleepTimeChange}
+                    />
+                </div>
+            </div>
+        );
+
+        return (
+            <BaseDialog
+                className="mx_ManageEventIndexDialog"
+                onFinished={this.props.onFinished}
+                title={_t("settings|security|message_search_section")}
+            >
+                {eventIndexingSettings}
+                <DialogButtons
+                    primaryButton={_t("action|done")}
+                    onPrimaryButtonClick={this.props.onFinished}
+                    primaryButtonClass="primary"
+                    cancelButton={_t("action|disable")}
+                    onCancel={this.onDisable}
+                    cancelButtonClass="danger"
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/async-components/views/dialogs/security/CreateSecretStorageDialog.tsx b/apps/web/src/async-components/views/dialogs/security/CreateSecretStorageDialog.tsx
new file mode 100644
index 00000000000..dc7d77dbe65
--- /dev/null
+++ b/apps/web/src/async-components/views/dialogs/security/CreateSecretStorageDialog.tsx
@@ -0,0 +1,714 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 , 2023 The Matrix.org Foundation C.I.C.
+Copyright 2018, 2019 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, createRef } from "react";
+import FileSaver from "file-saver";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type AuthDict } from "matrix-js-sdk/src/matrix";
+import { type GeneratedSecretStorageKey } from "matrix-js-sdk/src/crypto-api";
+import classNames from "classnames";
+import CheckmarkIcon from "@vector-im/compound-design-tokens/assets/web/icons/check";
+
+import { MatrixClientPeg } from "../../../../MatrixClientPeg";
+import { _t, _td } from "../../../../languageHandler";
+import Modal from "../../../../Modal";
+import { copyNode } from "../../../../utils/strings";
+import { SSOAuthEntry } from "../../../../components/views/auth/InteractiveAuthEntryComponents";
+import PassphraseField from "../../../../components/views/auth/PassphraseField";
+import StyledRadioButton from "../../../../components/views/elements/StyledRadioButton";
+import AccessibleButton from "../../../../components/views/elements/AccessibleButton";
+import DialogButtons from "../../../../components/views/elements/DialogButtons";
+import InlineSpinner from "../../../../components/views/elements/InlineSpinner";
+import { ModuleRunner } from "../../../../modules/ModuleRunner";
+import type Field from "../../../../components/views/elements/Field";
+import BaseDialog from "../../../../components/views/dialogs/BaseDialog";
+import Spinner from "../../../../components/views/elements/Spinner";
+import InteractiveAuthDialog from "../../../../components/views/dialogs/InteractiveAuthDialog";
+import { type IValidationResult } from "../../../../components/views/elements/Validation";
+import PassphraseConfirmField from "../../../../components/views/auth/PassphraseConfirmField";
+import { initialiseDehydrationIfEnabled } from "../../../../utils/device/dehydration";
+
+enum SecureBackupSetupMethod {
+    Key = "key",
+    Passphrase = "passphrase",
+}
+
+// I made a mistake while converting this and it has to be fixed!
+enum Phase {
+    Loading = "loading",
+    LoadError = "load_error",
+    ChooseKeyPassphrase = "choose_key_passphrase",
+    Passphrase = "passphrase",
+    PassphraseConfirm = "passphrase_confirm",
+    ShowKey = "show_key",
+    Storing = "storing",
+    Stored = "stored",
+    ConfirmSkip = "confirm_skip",
+}
+
+const PASSWORD_MIN_SCORE = 4; // So secure, many characters, much complex, wow, etc, etc.
+
+interface IProps {
+    forceReset?: boolean;
+    onFinished(ok?: boolean): void;
+}
+
+interface IState {
+    phase: Phase;
+    passPhrase: string;
+    passPhraseValid: boolean;
+    passPhraseConfirm: string;
+    copied: boolean;
+    downloaded: boolean;
+    setPassphrase: boolean;
+
+    passPhraseKeySelected: string;
+    error?: boolean;
+}
+
+/**
+ * Walks the user through the process of creating a 4S passphrase and bootstrapping secret storage.
+ *
+ * If the user already has a key backup, follows a "migration" flow (aka "Upgrade your encryption") which
+ * prompts the user to enter their backup decryption password (a Curve25519 private key, possibly derived
+ * from a passphrase), and uses that as the (AES) 4S encryption key.
+ *
+ * @deprecated send the user to EncryptionUserSettingsTab instead
+ */
+export default class CreateSecretStorageDialog extends React.PureComponent<IProps, IState> {
+    public static defaultProps: Partial<IProps> = {
+        forceReset: false,
+    };
+    private recoveryKey?: GeneratedSecretStorageKey;
+    private recoveryKeyNode = createRef<HTMLElement>();
+    private passphraseField = createRef<Field>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        const keyFromCustomisations = ModuleRunner.instance.extensions.cryptoSetup.createSecretStorageKey();
+        const phase = keyFromCustomisations ? Phase.Loading : Phase.ChooseKeyPassphrase;
+
+        this.state = {
+            phase,
+            passPhrase: "",
+            passPhraseValid: false,
+            passPhraseConfirm: "",
+            copied: false,
+            downloaded: false,
+            setPassphrase: false,
+            passPhraseKeySelected: SecureBackupSetupMethod.Key,
+        };
+    }
+
+    public componentDidMount(): void {
+        const keyFromCustomisations = ModuleRunner.instance.extensions.cryptoSetup.createSecretStorageKey();
+        if (keyFromCustomisations) this.initExtension(keyFromCustomisations);
+    }
+
+    private initExtension(keyFromCustomisations: Uint8Array<ArrayBuffer>): void {
+        logger.log("CryptoSetupExtension: Created key via extension, jumping to bootstrap step");
+        this.recoveryKey = {
+            privateKey: keyFromCustomisations,
+        };
+        this.bootstrapSecretStorage();
+    }
+
+    private onKeyPassphraseChange = (e: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            passPhraseKeySelected: e.target.value,
+        });
+    };
+
+    private onChooseKeyPassphraseFormSubmit = async (): Promise<void> => {
+        if (this.state.passPhraseKeySelected === SecureBackupSetupMethod.Key) {
+            this.recoveryKey = await MatrixClientPeg.safeGet().getCrypto()!.createRecoveryKeyFromPassphrase();
+            this.setState({
+                copied: false,
+                downloaded: false,
+                setPassphrase: false,
+                phase: Phase.ShowKey,
+            });
+        } else {
+            this.setState({
+                copied: false,
+                downloaded: false,
+                phase: Phase.Passphrase,
+            });
+        }
+    };
+
+    private onCopyClick = (): void => {
+        const successful = copyNode(this.recoveryKeyNode.current);
+        if (successful) {
+            this.setState({
+                copied: true,
+            });
+        }
+    };
+
+    private onDownloadClick = (): void => {
+        if (!this.recoveryKey) return;
+        const blob = new Blob([this.recoveryKey.encodedPrivateKey!], {
+            type: "text/plain;charset=us-ascii",
+        });
+        FileSaver.saveAs(blob, "security-key.txt");
+
+        this.setState({
+            downloaded: true,
+        });
+    };
+
+    private doBootstrapUIAuth = async (makeRequest: (authData: AuthDict) => Promise<void>): Promise<void> => {
+        const dialogAesthetics = {
+            [SSOAuthEntry.PHASE_PREAUTH]: {
+                title: _t("auth|uia|sso_title"),
+                body: _t("auth|uia|sso_preauth_body"),
+                continueText: _t("auth|sso"),
+                continueKind: "primary",
+            },
+            [SSOAuthEntry.PHASE_POSTAUTH]: {
+                title: _t("encryption|confirm_encryption_setup_title"),
+                body: _t("encryption|confirm_encryption_setup_body"),
+                continueText: _t("action|confirm"),
+                continueKind: "primary",
+            },
+        };
+
+        const { finished } = Modal.createDialog(InteractiveAuthDialog, {
+            title: _t("encryption|bootstrap_title"),
+            matrixClient: MatrixClientPeg.safeGet(),
+            makeRequest,
+            aestheticsForStagePhases: {
+                [SSOAuthEntry.LOGIN_TYPE]: dialogAesthetics,
+                [SSOAuthEntry.UNSTABLE_LOGIN_TYPE]: dialogAesthetics,
+            },
+        });
+        const [confirmed] = await finished;
+        if (!confirmed) {
+            throw new Error("Cross-signing key upload auth canceled");
+        }
+    };
+
+    private bootstrapSecretStorage = async (): Promise<void> => {
+        const cli = MatrixClientPeg.safeGet();
+        const crypto = cli.getCrypto()!;
+        const { forceReset } = this.props;
+
+        let backupInfo;
+        // First, unless we know we want to do a reset, we see if there is an existing key backup
+        if (!forceReset) {
+            try {
+                this.setState({ phase: Phase.Loading });
+                backupInfo = await crypto.getKeyBackupInfo();
+            } catch (e) {
+                logger.error("Error fetching backup data from server", e);
+                this.setState({ phase: Phase.LoadError });
+                return;
+            }
+        }
+
+        this.setState({
+            phase: Phase.Storing,
+            error: undefined,
+        });
+
+        try {
+            if (forceReset) {
+                /* Resetting cross-signing requires secret storage to be reset
+                 * (otherwise it will try to store the cross-signing keys in the
+                 * old secret storage, and may prompt for the old key, which is
+                 * probably not available), and resetting key backup requires
+                 * cross-signing to be reset (so that the new backup can be
+                 * signed by the new cross-signing key).  So we reset secret
+                 * storage first, then cross-signing, then key backup.
+                 */
+                logger.log("Forcing secret storage reset");
+                await crypto.bootstrapSecretStorage({
+                    createSecretStorageKey: async () => this.recoveryKey!,
+                    setupNewSecretStorage: true,
+                });
+                logger.log("Resetting key backup");
+                await crypto.resetKeyBackup();
+            } else {
+                // For password authentication users after 2020-09, this cross-signing
+                // step will be a no-op since it is now setup during registration or login
+                // when needed. We should keep this here to cover other cases such as:
+                //   * Users with existing sessions prior to 2020-09 changes
+                //   * SSO authentication users which require interactive auth to upload
+                //     keys (and also happen to skip all post-authentication flows at the
+                //     moment via token login)
+                await crypto.bootstrapCrossSigning({
+                    authUploadDeviceSigningKeys: this.doBootstrapUIAuth,
+                });
+                await crypto.bootstrapSecretStorage({
+                    createSecretStorageKey: async () => this.recoveryKey!,
+                    setupNewKeyBackup: !backupInfo,
+                });
+            }
+            await initialiseDehydrationIfEnabled(cli, { createNewKey: true });
+
+            this.setState({
+                phase: Phase.Stored,
+            });
+        } catch (e) {
+            this.setState({ error: true });
+            logger.error("Error bootstrapping secret storage", e);
+        }
+    };
+
+    private onCancel = (): void => {
+        this.props.onFinished(false);
+    };
+
+    private onLoadRetryClick = (): void => {
+        this.bootstrapSecretStorage();
+    };
+
+    private onShowKeyContinueClick = (): void => {
+        this.bootstrapSecretStorage();
+    };
+
+    private onCancelClick = (): void => {
+        this.setState({ phase: Phase.ConfirmSkip });
+    };
+
+    private onGoBackClick = (): void => {
+        this.setState({ phase: Phase.ChooseKeyPassphrase });
+    };
+
+    private onPassPhraseNextClick = async (e: React.FormEvent): Promise<void> => {
+        e.preventDefault();
+        if (!this.passphraseField.current) return; // unmounting
+
+        await this.passphraseField.current.validate({ allowEmpty: false });
+        if (!this.passphraseField.current.state.valid) {
+            this.passphraseField.current.focus();
+            this.passphraseField.current.validate({ allowEmpty: false, focused: true });
+            return;
+        }
+
+        this.setState({ phase: Phase.PassphraseConfirm });
+    };
+
+    private onPassPhraseConfirmNextClick = async (e: React.FormEvent): Promise<void> => {
+        e.preventDefault();
+
+        if (this.state.passPhrase !== this.state.passPhraseConfirm) return;
+
+        this.recoveryKey = await MatrixClientPeg.safeGet()
+            .getCrypto()!
+            .createRecoveryKeyFromPassphrase(this.state.passPhrase);
+        this.setState({
+            copied: false,
+            downloaded: false,
+            setPassphrase: true,
+            phase: Phase.ShowKey,
+        });
+    };
+
+    private onSetAgainClick = (): void => {
+        this.setState({
+            passPhrase: "",
+            passPhraseValid: false,
+            passPhraseConfirm: "",
+            phase: Phase.Passphrase,
+        });
+    };
+
+    private onPassPhraseValidate = (result: IValidationResult): void => {
+        this.setState({
+            passPhraseValid: !!result.valid,
+        });
+    };
+
+    private onPassPhraseChange = (e: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            passPhrase: e.target.value,
+        });
+    };
+
+    private onPassPhraseConfirmChange = (e: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            passPhraseConfirm: e.target.value,
+        });
+    };
+
+    private renderOptionKey(): JSX.Element {
+        return (
+            <StyledRadioButton
+                key={SecureBackupSetupMethod.Key}
+                value={SecureBackupSetupMethod.Key}
+                name="keyPassphrase"
+                checked={this.state.passPhraseKeySelected === SecureBackupSetupMethod.Key}
+                onChange={this.onKeyPassphraseChange}
+                outlined
+            >
+                <div className="mx_CreateSecretStorageDialog_optionTitle">
+                    {_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>
+            </StyledRadioButton>
+        );
+    }
+
+    private renderOptionPassphrase(): JSX.Element {
+        return (
+            <StyledRadioButton
+                key={SecureBackupSetupMethod.Passphrase}
+                value={SecureBackupSetupMethod.Passphrase}
+                name="keyPassphrase"
+                checked={this.state.passPhraseKeySelected === SecureBackupSetupMethod.Passphrase}
+                onChange={this.onKeyPassphraseChange}
+                outlined
+            >
+                <div className="mx_CreateSecretStorageDialog_optionTitle">
+                    {_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>
+            </StyledRadioButton>
+        );
+    }
+
+    private renderPhaseChooseKeyPassphrase(): JSX.Element {
+        const optionKey = this.renderOptionKey();
+        const optionPassphrase = this.renderOptionPassphrase();
+
+        return (
+            <form onSubmit={this.onChooseKeyPassphraseFormSubmit}>
+                <p className="mx_CreateSecretStorageDialog_centeredBody">
+                    {_t("settings|key_backup|setup_secure_backup|description")}
+                </p>
+                <div className="mx_CreateSecretStorageDialog_primaryContainer" role="radiogroup">
+                    {optionKey}
+                    {optionPassphrase}
+                </div>
+                <DialogButtons
+                    primaryButton={_t("action|continue")}
+                    onPrimaryButtonClick={this.onChooseKeyPassphraseFormSubmit}
+                    onCancel={this.onCancelClick}
+                />
+            </form>
+        );
+    }
+
+    private renderPhasePassPhrase(): JSX.Element {
+        return (
+            <form onSubmit={this.onPassPhraseNextClick}>
+                <p>{_t("settings|key_backup|setup_secure_backup|enter_phrase_description")}</p>
+
+                <div className="mx_CreateSecretStorageDialog_passPhraseContainer">
+                    <PassphraseField
+                        id="mx_passPhraseInput"
+                        className="mx_CreateSecretStorageDialog_passPhraseField"
+                        onChange={this.onPassPhraseChange}
+                        minScore={PASSWORD_MIN_SCORE}
+                        value={this.state.passPhrase}
+                        onValidate={this.onPassPhraseValidate}
+                        fieldRef={this.passphraseField}
+                        autoFocus={true}
+                        label={_td("settings|key_backup|setup_secure_backup|enter_phrase_title")}
+                        labelEnterPassword={_td("settings|key_backup|setup_secure_backup|enter_phrase_title")}
+                        labelStrongPassword={_td("settings|key_backup|setup_secure_backup|phrase_strong_enough")}
+                        labelAllowedButUnsafe={_td("settings|key_backup|setup_secure_backup|phrase_strong_enough")}
+                    />
+                </div>
+
+                <DialogButtons
+                    primaryButton={_t("action|continue")}
+                    onPrimaryButtonClick={this.onPassPhraseNextClick}
+                    hasCancel={false}
+                    disabled={!this.state.passPhraseValid}
+                >
+                    <button type="button" onClick={this.onCancelClick} className="danger">
+                        {_t("action|cancel")}
+                    </button>
+                </DialogButtons>
+            </form>
+        );
+    }
+
+    private renderPhasePassPhraseConfirm(): JSX.Element {
+        let matchText;
+        let changeText;
+        if (this.state.passPhraseConfirm === this.state.passPhrase) {
+            matchText = _t("settings|key_backup|setup_secure_backup|pass_phrase_match_success");
+            changeText = _t("settings|key_backup|setup_secure_backup|use_different_passphrase");
+        } else if (!this.state.passPhrase.startsWith(this.state.passPhraseConfirm)) {
+            // only tell them they're wrong if they've actually gone wrong.
+            // Security conscious readers will note that if you left element-web unattended
+            // on this screen, this would make it easy for a malicious person to guess
+            // your passphrase one letter at a time, but they could get this faster by
+            // just opening the browser's developer tools and reading it.
+            // Note that not having typed anything at all will not hit this clause and
+            // fall through so empty box === no hint.
+            matchText = _t("settings|key_backup|setup_secure_backup|pass_phrase_match_failed");
+            changeText = _t("settings|key_backup|setup_secure_backup|set_phrase_again");
+        }
+
+        let passPhraseMatch: JSX.Element | undefined;
+        if (matchText) {
+            passPhraseMatch = (
+                <div>
+                    <div>{matchText}</div>
+                    <AccessibleButton kind="link" onClick={this.onSetAgainClick}>
+                        {changeText}
+                    </AccessibleButton>
+                </div>
+            );
+        }
+        return (
+            <form onSubmit={this.onPassPhraseConfirmNextClick}>
+                <p>{_t("settings|key_backup|setup_secure_backup|enter_phrase_to_confirm")}</p>
+                <div className="mx_CreateSecretStorageDialog_passPhraseContainer">
+                    <PassphraseConfirmField
+                        id="mx_passPhraseInput"
+                        onChange={this.onPassPhraseConfirmChange}
+                        value={this.state.passPhraseConfirm}
+                        className="mx_CreateSecretStorageDialog_passPhraseField"
+                        label={_td("settings|key_backup|setup_secure_backup|confirm_security_phrase")}
+                        labelRequired={_td("settings|key_backup|setup_secure_backup|confirm_security_phrase")}
+                        labelInvalid={_td("settings|key_backup|setup_secure_backup|pass_phrase_match_failed")}
+                        autoFocus={true}
+                        password={this.state.passPhrase}
+                    />
+                    <div className="mx_CreateSecretStorageDialog_passPhraseMatch">{passPhraseMatch}</div>
+                </div>
+                <DialogButtons
+                    primaryButton={_t("action|continue")}
+                    onPrimaryButtonClick={this.onPassPhraseConfirmNextClick}
+                    hasCancel={false}
+                    disabled={this.state.passPhrase !== this.state.passPhraseConfirm}
+                >
+                    <button type="button" onClick={this.onCancelClick} className="danger">
+                        {_t("action|skip")}
+                    </button>
+                </DialogButtons>
+            </form>
+        );
+    }
+
+    private renderPhaseShowKey(): JSX.Element {
+        let continueButton: JSX.Element;
+        if (this.state.phase === Phase.ShowKey) {
+            continueButton = (
+                <DialogButtons
+                    primaryButton={_t("action|continue")}
+                    disabled={!this.state.downloaded && !this.state.copied && !this.state.setPassphrase}
+                    onPrimaryButtonClick={this.onShowKeyContinueClick}
+                    hasCancel={false}
+                />
+            );
+        } else {
+            continueButton = (
+                <div className="mx_CreateSecretStorageDialog_continueSpinner">
+                    <InlineSpinner />
+                </div>
+            );
+        }
+
+        return (
+            <div>
+                <p>{_t("settings|key_backup|setup_secure_backup|security_key_safety_reminder")}</p>
+                <div className="mx_CreateSecretStorageDialog_primaryContainer mx_CreateSecretStorageDialog_recoveryKeyPrimarycontainer">
+                    <div className="mx_CreateSecretStorageDialog_recoveryKeyContainer">
+                        <div className="mx_CreateSecretStorageDialog_recoveryKey">
+                            <code ref={this.recoveryKeyNode}>{this.recoveryKey?.encodedPrivateKey}</code>
+                        </div>
+                        <div className="mx_CreateSecretStorageDialog_recoveryKeyButtons">
+                            <AccessibleButton
+                                kind="primary"
+                                className="mx_Dialog_primary"
+                                onClick={this.onDownloadClick}
+                                disabled={this.state.phase === Phase.Storing}
+                            >
+                                {_t("action|download")}
+                            </AccessibleButton>
+                            <span>
+                                {_t("settings|key_backup|setup_secure_backup|download_or_copy", {
+                                    downloadButton: "",
+                                    copyButton: "",
+                                })}
+                            </span>
+                            <AccessibleButton
+                                kind="primary"
+                                className="mx_Dialog_primary mx_CreateSecretStorageDialog_recoveryKeyButtons_copyBtn"
+                                onClick={this.onCopyClick}
+                                disabled={this.state.phase === Phase.Storing}
+                            >
+                                {this.state.copied ? _t("common|copied") : _t("action|copy")}
+                            </AccessibleButton>
+                        </div>
+                    </div>
+                </div>
+                {continueButton}
+            </div>
+        );
+    }
+
+    private renderBusyPhase(): JSX.Element {
+        return (
+            <div>
+                <Spinner />
+            </div>
+        );
+    }
+
+    private renderStoredPhase(): JSX.Element {
+        return (
+            <>
+                <p className="mx_Dialog_content">
+                    {_t("settings|key_backup|setup_secure_backup|backup_setup_success_description")}
+                </p>
+                <DialogButtons
+                    primaryButton={_t("action|done")}
+                    onPrimaryButtonClick={() => this.props.onFinished(true)}
+                    hasCancel={false}
+                />
+            </>
+        );
+    }
+
+    private renderPhaseLoadError(): JSX.Element {
+        return (
+            <div>
+                <p>{_t("settings|key_backup|setup_secure_backup|secret_storage_query_failure")}</p>
+                <div className="mx_Dialog_buttons">
+                    <DialogButtons
+                        primaryButton={_t("action|retry")}
+                        onPrimaryButtonClick={this.onLoadRetryClick}
+                        onCancel={this.onCancel}
+                    />
+                </div>
+            </div>
+        );
+    }
+
+    private renderPhaseSkipConfirm(): JSX.Element {
+        return (
+            <div>
+                <p>{_t("settings|key_backup|setup_secure_backup|cancel_warning")}</p>
+                <p>{_t("settings|key_backup|setup_secure_backup|settings_reminder")}</p>
+                <DialogButtons
+                    primaryButton={_t("action|go_back")}
+                    onPrimaryButtonClick={this.onGoBackClick}
+                    hasCancel={false}
+                >
+                    <button type="button" className="danger" onClick={this.onCancel}>
+                        {_t("action|cancel")}
+                    </button>
+                </DialogButtons>
+            </div>
+        );
+    }
+
+    private titleForPhase(phase: Phase): string {
+        switch (phase) {
+            case Phase.ChooseKeyPassphrase:
+                return _t("encryption|set_up_toast_title");
+            case Phase.Passphrase:
+                return _t("settings|key_backup|setup_secure_backup|title_set_phrase");
+            case Phase.PassphraseConfirm:
+                return _t("settings|key_backup|setup_secure_backup|title_confirm_phrase");
+            case Phase.ConfirmSkip:
+                return _t("common|are_you_sure");
+            case Phase.ShowKey:
+                return _t("settings|key_backup|setup_secure_backup|title_save_key");
+            case Phase.Storing:
+                return _t("encryption|bootstrap_title");
+            case Phase.Stored:
+                return _t("settings|key_backup|setup_secure_backup|backup_setup_success_title");
+            default:
+                return "";
+        }
+    }
+
+    private get topComponent(): React.ReactNode | null {
+        if (this.state.phase === Phase.Stored) {
+            return <CheckmarkIcon className="mx_Icon mx_Icon_circle-40 mx_Icon_accent mx_Icon_bg-accent-light" />;
+        }
+
+        return null;
+    }
+
+    private get classNames(): string {
+        return classNames("mx_CreateSecretStorageDialog", {
+            mx_SuccessDialog: this.state.phase === Phase.Stored,
+        });
+    }
+
+    public render(): React.ReactNode {
+        let content;
+        if (this.state.error) {
+            content = (
+                <div>
+                    <p>{_t("settings|key_backup|setup_secure_backup|unable_to_setup")}</p>
+                    <div className="mx_Dialog_buttons">
+                        <DialogButtons
+                            primaryButton={_t("action|retry")}
+                            onPrimaryButtonClick={this.bootstrapSecretStorage}
+                            onCancel={this.onCancel}
+                        />
+                    </div>
+                </div>
+            );
+        } else {
+            switch (this.state.phase) {
+                case Phase.Loading:
+                    content = this.renderBusyPhase();
+                    break;
+                case Phase.LoadError:
+                    content = this.renderPhaseLoadError();
+                    break;
+                case Phase.ChooseKeyPassphrase:
+                    content = this.renderPhaseChooseKeyPassphrase();
+                    break;
+                case Phase.Passphrase:
+                    content = this.renderPhasePassPhrase();
+                    break;
+                case Phase.PassphraseConfirm:
+                    content = this.renderPhasePassPhraseConfirm();
+                    break;
+                case Phase.ShowKey:
+                    content = this.renderPhaseShowKey();
+                    break;
+                case Phase.Storing:
+                    content = this.renderBusyPhase();
+                    break;
+                case Phase.Stored:
+                    content = this.renderStoredPhase();
+                    break;
+                case Phase.ConfirmSkip:
+                    content = this.renderPhaseSkipConfirm();
+                    break;
+            }
+        }
+
+        let titleClass: string | string[] | undefined;
+        switch (this.state.phase) {
+            case Phase.ChooseKeyPassphrase:
+                titleClass = "mx_CreateSecretStorageDialog_centeredTitle";
+                break;
+        }
+
+        return (
+            <BaseDialog
+                className={this.classNames}
+                onFinished={this.props.onFinished}
+                top={this.topComponent}
+                title={this.titleForPhase(this.state.phase)}
+                titleClass={titleClass}
+                hasCancel={false}
+                fixedWidth={false}
+            >
+                <div>{content}</div>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/async-components/views/dialogs/security/ExportE2eKeysDialog.tsx b/apps/web/src/async-components/views/dialogs/security/ExportE2eKeysDialog.tsx
new file mode 100644
index 00000000000..15c9bd918a6
--- /dev/null
+++ b/apps/web/src/async-components/views/dialogs/security/ExportE2eKeysDialog.tsx
@@ -0,0 +1,222 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+import FileSaver from "file-saver";
+import React, { type ChangeEvent } from "react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t, _td } from "../../../../languageHandler";
+import * as MegolmExportEncryption from "../../../../utils/MegolmExportEncryption";
+import BaseDialog from "../../../../components/views/dialogs/BaseDialog";
+import { type KeysStartingWith } from "../../../../@types/common";
+import PassphraseField from "../../../../components/views/auth/PassphraseField";
+import PassphraseConfirmField from "../../../../components/views/auth/PassphraseConfirmField";
+import type Field from "../../../../components/views/elements/Field";
+
+enum Phase {
+    Edit = "edit",
+    Exporting = "exporting",
+}
+
+interface IProps {
+    matrixClient: MatrixClient;
+    onFinished(doExport?: boolean): void;
+}
+
+interface IState {
+    phase: Phase;
+    errStr: string | null;
+    passphrase1: string;
+    passphrase2: string;
+}
+
+type AnyPassphrase = KeysStartingWith<IState, "passphrase">;
+
+export default class ExportE2eKeysDialog extends React.Component<IProps, IState> {
+    private fieldPassword: Field | null = null;
+    private fieldPasswordConfirm: Field | null = null;
+
+    private unmounted = false;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            phase: Phase.Edit,
+            errStr: null,
+            passphrase1: "",
+            passphrase2: "",
+        };
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+    }
+
+    private async verifyFieldsBeforeSubmit(): Promise<boolean> {
+        const fieldsInDisplayOrder = [this.fieldPassword, this.fieldPasswordConfirm];
+
+        const invalidFields: Field[] = [];
+
+        for (const field of fieldsInDisplayOrder) {
+            if (!field) continue;
+
+            const valid = await field.validate({ allowEmpty: false });
+            if (!valid) {
+                invalidFields.push(field);
+            }
+        }
+
+        if (invalidFields.length === 0) {
+            return true;
+        }
+
+        // Focus on the first invalid field, then re-validate,
+        // which will result in the error tooltip being displayed for that field.
+        invalidFields[0].focus();
+        invalidFields[0].validate({ allowEmpty: false, focused: true });
+
+        return false;
+    }
+
+    private onPassphraseFormSubmit = async (ev: React.FormEvent): Promise<void> => {
+        ev.preventDefault();
+
+        if (!(await this.verifyFieldsBeforeSubmit())) return;
+        if (this.unmounted) return;
+
+        const passphrase = this.state.passphrase1;
+        this.startExport(passphrase);
+    };
+
+    private startExport(passphrase: string): void {
+        // extra Promise.resolve() to turn synchronous exceptions into
+        // asynchronous ones.
+        Promise.resolve()
+            .then(() => {
+                return this.props.matrixClient.getCrypto()!.exportRoomKeysAsJson();
+            })
+            .then((k) => {
+                return MegolmExportEncryption.encryptMegolmKeyFile(k, passphrase);
+            })
+            .then((f) => {
+                const blob = new Blob([f], {
+                    type: "text/plain;charset=us-ascii",
+                });
+                FileSaver.saveAs(blob, "element-keys.txt");
+                this.props.onFinished(true);
+            })
+            .catch((e) => {
+                logger.error("Error exporting e2e keys:", e);
+                if (this.unmounted) {
+                    return;
+                }
+                const msg = e.friendlyText || _t("error|unknown");
+                this.setState({
+                    errStr: msg,
+                    phase: Phase.Edit,
+                });
+            });
+
+        this.setState({
+            errStr: null,
+            phase: Phase.Exporting,
+        });
+    }
+
+    private onCancelClick = (ev: React.MouseEvent): boolean => {
+        ev.preventDefault();
+        this.props.onFinished(false);
+        return false;
+    };
+
+    private onPassphraseChange = (ev: React.ChangeEvent<HTMLInputElement>, phrase: AnyPassphrase): void => {
+        this.setState({
+            [phrase]: ev.target.value,
+        } as Pick<IState, AnyPassphrase>);
+    };
+
+    public render(): React.ReactNode {
+        const disableForm = this.state.phase === Phase.Exporting;
+
+        return (
+            <BaseDialog
+                className="mx_exportE2eKeysDialog"
+                onFinished={this.props.onFinished}
+                title={_t("settings|key_export_import|export_title")}
+            >
+                <form onSubmit={this.onPassphraseFormSubmit}>
+                    <div className="mx_Dialog_content">
+                        <p>{_t("settings|key_export_import|export_description_1")}</p>
+                        <p>{_t("settings|key_export_import|export_description_2")}</p>
+                        <div className="error">{this.state.errStr}</div>
+                        <div className="mx_E2eKeysDialog_inputTable">
+                            <div className="mx_E2eKeysDialog_inputRow">
+                                <PassphraseField
+                                    minScore={3}
+                                    label={_td("settings|key_export_import|enter_passphrase")}
+                                    labelEnterPassword={_td("settings|key_export_import|enter_passphrase")}
+                                    labelStrongPassword={_td("settings|key_export_import|phrase_strong_enough")}
+                                    labelAllowedButUnsafe={_td("settings|key_export_import|phrase_strong_enough")}
+                                    value={this.state.passphrase1}
+                                    onChange={(e: ChangeEvent<HTMLInputElement>) =>
+                                        this.onPassphraseChange(e, "passphrase1")
+                                    }
+                                    autoFocus={true}
+                                    size={64}
+                                    type="password"
+                                    disabled={disableForm}
+                                    autoComplete="new-password"
+                                    fieldRef={(field) => {
+                                        this.fieldPassword = field;
+                                    }}
+                                />
+                            </div>
+                            <div className="mx_E2eKeysDialog_inputRow">
+                                <PassphraseConfirmField
+                                    password={this.state.passphrase1}
+                                    label={_td("settings|key_export_import|confirm_passphrase")}
+                                    labelRequired={_td("settings|key_export_import|phrase_cannot_be_empty")}
+                                    labelInvalid={_td("settings|key_export_import|phrase_must_match")}
+                                    value={this.state.passphrase2}
+                                    onChange={(e: ChangeEvent<HTMLInputElement>) =>
+                                        this.onPassphraseChange(e, "passphrase2")
+                                    }
+                                    size={64}
+                                    type="password"
+                                    disabled={disableForm}
+                                    autoComplete="new-password"
+                                    fieldRef={(field) => {
+                                        this.fieldPasswordConfirm = field;
+                                    }}
+                                />
+                            </div>
+                        </div>
+                    </div>
+                    <div className="mx_Dialog_buttons">
+                        <input
+                            className="mx_Dialog_primary"
+                            type="submit"
+                            value={_t("action|export")}
+                            disabled={disableForm}
+                        />
+                        <button onClick={this.onCancelClick} disabled={disableForm} type="button">
+                            {_t("action|cancel")}
+                        </button>
+                    </div>
+                </form>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/async-components/views/dialogs/security/ImportE2eKeysDialog.tsx b/apps/web/src/async-components/views/dialogs/security/ImportE2eKeysDialog.tsx
new file mode 100644
index 00000000000..26ef2eec4d5
--- /dev/null
+++ b/apps/web/src/async-components/views/dialogs/security/ImportE2eKeysDialog.tsx
@@ -0,0 +1,191 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+import React, { createRef } from "react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import * as MegolmExportEncryption from "../../../../utils/MegolmExportEncryption";
+import { _t } from "../../../../languageHandler";
+import BaseDialog from "../../../../components/views/dialogs/BaseDialog";
+import Field from "../../../../components/views/elements/Field";
+
+function readFileAsArrayBuffer(file: File): Promise<ArrayBuffer> {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = (e) => {
+            if (e.target?.result) {
+                resolve(e.target.result as ArrayBuffer);
+            } else {
+                reject(new Error("Failed to read file due to unknown error"));
+            }
+        };
+        reader.onerror = reject;
+
+        reader.readAsArrayBuffer(file);
+    });
+}
+
+enum Phase {
+    Edit = "edit",
+    Importing = "importing",
+}
+
+interface IProps {
+    matrixClient: MatrixClient;
+    onFinished(imported?: boolean): void;
+}
+
+interface IState {
+    enableSubmit: boolean;
+    phase: Phase;
+    errStr: string | null;
+    passphrase: string;
+}
+
+export default class ImportE2eKeysDialog extends React.Component<IProps, IState> {
+    private unmounted = false;
+    private file = createRef<HTMLInputElement>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            enableSubmit: false,
+            phase: Phase.Edit,
+            errStr: null,
+            passphrase: "",
+        };
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+    }
+
+    private onFormChange = (): void => {
+        const files = this.file.current?.files;
+        this.setState({
+            enableSubmit: this.state.passphrase !== "" && !!files?.length,
+        });
+    };
+
+    private onPassphraseChange = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ passphrase: ev.target.value }, this.onFormChange); // update general form state too
+    };
+
+    private onFormSubmit = (ev: React.FormEvent): boolean => {
+        ev.preventDefault();
+        // noinspection JSIgnoredPromiseFromCall
+        const file = this.file.current?.files?.[0];
+        if (file) {
+            this.startImport(file, this.state.passphrase);
+        }
+        return false;
+    };
+
+    private startImport(file: File, passphrase: string): Promise<void> {
+        this.setState({
+            errStr: null,
+            phase: Phase.Importing,
+        });
+
+        return readFileAsArrayBuffer(file)
+            .then((arrayBuffer) => {
+                return MegolmExportEncryption.decryptMegolmKeyFile(arrayBuffer, passphrase);
+            })
+            .then((keys) => {
+                return this.props.matrixClient.getCrypto()!.importRoomKeysAsJson(keys);
+            })
+            .then(() => {
+                // TODO: it would probably be nice to give some feedback about what we've imported here.
+                this.props.onFinished(true);
+            })
+            .catch((e) => {
+                logger.error("Error importing e2e keys:", e);
+                if (this.unmounted) {
+                    return;
+                }
+                const msg = e.friendlyText || _t("error|unknown");
+                this.setState({
+                    errStr: msg,
+                    phase: Phase.Edit,
+                });
+            });
+    }
+
+    private onCancelClick = (ev: React.MouseEvent): boolean => {
+        ev.preventDefault();
+        this.props.onFinished(false);
+        return false;
+    };
+
+    public render(): React.ReactNode {
+        const disableForm = this.state.phase !== Phase.Edit;
+
+        return (
+            <BaseDialog
+                className="mx_importE2eKeysDialog"
+                onFinished={this.props.onFinished}
+                title={_t("settings|key_export_import|import_title")}
+            >
+                <form onSubmit={this.onFormSubmit}>
+                    <div className="mx_Dialog_content">
+                        <p>{_t("settings|key_export_import|import_description_1")}</p>
+                        <p>{_t("settings|key_export_import|import_description_2")}</p>
+                        <div className="error">{this.state.errStr}</div>
+                        <div className="mx_E2eKeysDialog_inputTable">
+                            <div className="mx_E2eKeysDialog_inputRow">
+                                <div className="mx_E2eKeysDialog_inputLabel">
+                                    <label htmlFor="importFile">
+                                        {_t("settings|key_export_import|file_to_import")}
+                                    </label>
+                                </div>
+                                <div className="mx_E2eKeysDialog_inputCell">
+                                    <input
+                                        ref={this.file}
+                                        id="importFile"
+                                        type="file"
+                                        autoFocus={true}
+                                        onChange={this.onFormChange}
+                                        disabled={disableForm}
+                                    />
+                                </div>
+                            </div>
+                            <div className="mx_E2eKeysDialog_inputRow">
+                                <Field
+                                    label={_t("settings|key_export_import|enter_passphrase")}
+                                    value={this.state.passphrase}
+                                    onChange={this.onPassphraseChange}
+                                    size={64}
+                                    type="password"
+                                    disabled={disableForm}
+                                />
+                            </div>
+                        </div>
+                    </div>
+                    <div className="mx_Dialog_buttons">
+                        <input
+                            className="mx_Dialog_primary"
+                            type="submit"
+                            value={_t("action|import")}
+                            disabled={!this.state.enableSubmit || disableForm}
+                        />
+                        <button onClick={this.onCancelClick} disabled={disableForm} type="button">
+                            {_t("action|cancel")}
+                        </button>
+                    </div>
+                </form>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/async-components/views/dialogs/security/NewRecoveryMethodDialog.tsx b/apps/web/src/async-components/views/dialogs/security/NewRecoveryMethodDialog.tsx
new file mode 100644
index 00000000000..de3583fef9b
--- /dev/null
+++ b/apps/web/src/async-components/views/dialogs/security/NewRecoveryMethodDialog.tsx
@@ -0,0 +1,83 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2018, 2019 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, useState } from "react";
+import { ErrorIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import dis from "../../../../dispatcher/dispatcher";
+import { _t } from "../../../../languageHandler";
+import Modal from "../../../../Modal";
+import RestoreKeyBackupDialog from "../../../../components/views/dialogs/security/RestoreKeyBackupDialog";
+import { Action } from "../../../../dispatcher/actions";
+import DialogButtons from "../../../../components/views/elements/DialogButtons";
+import BaseDialog from "../../../../components/views/dialogs/BaseDialog";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext.tsx";
+
+/**
+ * Properties for {@link NewRecoveryMethodDialog}.
+ */
+interface NewRecoveryMethodDialogProps {
+    /**
+     * Callback when the dialog is dismissed.
+     */
+    onFinished(this: void): void;
+}
+
+// Export as default instead of a named export so that it can be dynamically imported with React lazy
+
+/**
+ * Dialog to inform the user that a new recovery method has been detected.
+ */
+export default function NewRecoveryMethodDialog({ onFinished }: NewRecoveryMethodDialogProps): JSX.Element {
+    const matrixClient = useMatrixClientContext();
+    const [isKeyBackupEnabled, setIsKeyBackupEnabled] = useState(false);
+    useEffect(() => {
+        const checkBackupEnabled = async (): Promise<void> => {
+            const crypto = matrixClient.getCrypto();
+            setIsKeyBackupEnabled(Boolean(crypto && (await crypto.getActiveSessionBackupVersion()) !== null));
+        };
+
+        checkBackupEnabled();
+    }, [matrixClient]);
+
+    function onClick(): void {
+        if (isKeyBackupEnabled) {
+            onFinished();
+        } else {
+            const { finished } = Modal.createDialog(RestoreKeyBackupDialog, {}, undefined, false, true);
+            finished.then(onFinished);
+        }
+    }
+
+    return (
+        <BaseDialog
+            className="mx_KeyBackupFailedDialog"
+            onFinished={onFinished}
+            title={
+                <span className="mx_KeyBackupFailedDialog_title">
+                    <ErrorIcon />
+                    {_t("encryption|new_recovery_method_detected|title")}
+                </span>
+            }
+        >
+            <p>{_t("encryption|new_recovery_method_detected|description_1")}</p>
+            {isKeyBackupEnabled && <p>{_t("encryption|new_recovery_method_detected|description_2")}</p>}
+            <strong className="warning">{_t("encryption|new_recovery_method_detected|warning")}</strong>
+            <DialogButtons
+                primaryButton={_t("common|setup_secure_messages")}
+                onPrimaryButtonClick={onClick}
+                cancelButton={_t("common|go_to_settings")}
+                onCancel={() => {
+                    onFinished();
+                    dis.fire(Action.ViewUserSettings);
+                }}
+            />
+        </BaseDialog>
+    );
+}
diff --git a/apps/web/src/async-components/views/dialogs/security/RecoveryMethodRemovedDialog.tsx b/apps/web/src/async-components/views/dialogs/security/RecoveryMethodRemovedDialog.tsx
new file mode 100644
index 00000000000..8feac6f0435
--- /dev/null
+++ b/apps/web/src/async-components/views/dialogs/security/RecoveryMethodRemovedDialog.tsx
@@ -0,0 +1,65 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 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 { ErrorIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import dis from "../../../../dispatcher/dispatcher";
+import { _t } from "../../../../languageHandler";
+import { Action } from "../../../../dispatcher/actions";
+import { UserTab } from "../../../../components/views/dialogs/UserTab";
+import BaseDialog from "../../../../components/views/dialogs/BaseDialog";
+import DialogButtons from "../../../../components/views/elements/DialogButtons";
+import { type OpenToTabPayload } from "../../../../dispatcher/payloads/OpenToTabPayload";
+
+interface IProps {
+    onFinished(): void;
+}
+
+export default class RecoveryMethodRemovedDialog extends React.PureComponent<IProps> {
+    private onGoToSettingsClick = (): void => {
+        this.props.onFinished();
+        dis.fire(Action.ViewUserSettings);
+    };
+
+    private onSetupClick = (): void => {
+        this.props.onFinished();
+        // Open the user settings dialog to the encryption tab and start the flow to reset encryption
+        const payload: OpenToTabPayload = {
+            action: Action.ViewUserSettings,
+            initialTabId: UserTab.Encryption,
+        };
+        dis.dispatch(payload);
+    };
+
+    public render(): React.ReactNode {
+        const title = (
+            <span className="mx_KeyBackupFailedDialog_title">
+                <ErrorIcon />
+                {_t("encryption|recovery_method_removed|title")}
+            </span>
+        );
+
+        return (
+            <BaseDialog className="mx_KeyBackupFailedDialog" onFinished={this.props.onFinished} title={title}>
+                <div>
+                    <p>{_t("encryption|recovery_method_removed|description_1")}</p>
+                    <p>{_t("encryption|recovery_method_removed|description_2")}</p>
+                    <strong className="warning">{_t("encryption|recovery_method_removed|warning")}</strong>
+                    <DialogButtons
+                        primaryButton={_t("common|setup_secure_messages")}
+                        onPrimaryButtonClick={this.onSetupClick}
+                        cancelButton={_t("common|go_to_settings")}
+                        onCancel={this.onGoToSettingsClick}
+                    />
+                </div>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/audio/BackgroundAudio.ts b/apps/web/src/audio/BackgroundAudio.ts
new file mode 100644
index 00000000000..eda10c0904d
--- /dev/null
+++ b/apps/web/src/audio/BackgroundAudio.ts
@@ -0,0 +1,72 @@
+/*
+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.
+*/
+
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { createAudioContext } from "./compat";
+
+const formatMap = {
+    mp3: "audio/mpeg",
+    ogg: "audio/ogg",
+};
+
+export class BackgroundAudio {
+    private audioContext = createAudioContext();
+    private sounds: Record<string, AudioBuffer> = {};
+
+    public async pickFormatAndPlay<F extends Array<keyof typeof formatMap>>(
+        urlPrefix: string,
+        formats: F,
+        loop = false,
+    ): Promise<AudioBufferSourceNode> {
+        const format = this.pickFormat(...formats);
+        if (!format) {
+            console.log("Browser doesn't support any of the formats", formats);
+            // Will probably never happen. If happened, format="" and will fail to load audio. Who cares...
+        }
+
+        return this.play(`${urlPrefix}.${format}`, loop);
+    }
+
+    public async play(url: string, loop = false): Promise<AudioBufferSourceNode> {
+        if (!this.sounds.hasOwnProperty(url)) {
+            // No cache, fetch it
+            const response = await fetch(url);
+            if (response.status != 200) {
+                logger.warn("Failed to fetch error audio");
+            }
+            const buffer = await response.arrayBuffer();
+            const sound = await this.audioContext.decodeAudioData(buffer);
+            this.sounds[url] = sound;
+        }
+        const source = this.audioContext.createBufferSource();
+        source.buffer = this.sounds[url];
+        source.loop = loop;
+        source.connect(this.audioContext.destination);
+
+        await this.audioContext.resume();
+        source.onended = () => {
+            this.audioContext.suspend();
+        };
+
+        source.start();
+        return source;
+    }
+
+    private pickFormat<F extends Array<keyof typeof formatMap>>(...formats: F): F[number] | null {
+        // Detect supported formats
+        const audioElement = document.createElement("audio");
+
+        for (const format of formats) {
+            if (audioElement.canPlayType(formatMap[format])) {
+                return format;
+            }
+        }
+        return null;
+    }
+}
diff --git a/apps/web/src/audio/ManagedPlayback.ts b/apps/web/src/audio/ManagedPlayback.ts
new file mode 100644
index 00000000000..43cea38f5f0
--- /dev/null
+++ b/apps/web/src/audio/ManagedPlayback.ts
@@ -0,0 +1,34 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { Playback } from "./Playback";
+import { type PlaybackManager } from "./PlaybackManager";
+import { DEFAULT_WAVEFORM } from "./consts";
+
+/**
+ * A managed playback is a Playback instance that is guided by a PlaybackManager.
+ */
+export class ManagedPlayback extends Playback {
+    public constructor(
+        private manager: PlaybackManager,
+        buf: ArrayBuffer,
+        seedWaveform = DEFAULT_WAVEFORM,
+    ) {
+        super(buf, seedWaveform);
+    }
+
+    public async play(): Promise<void> {
+        this.manager.pauseAllExcept(this);
+        return super.play();
+    }
+
+    public destroy(): void {
+        this.manager.destroyPlaybackInstance(this);
+        super.destroy();
+    }
+}
diff --git a/apps/web/src/audio/Playback.ts b/apps/web/src/audio/Playback.ts
new file mode 100644
index 00000000000..93dad591fe1
--- /dev/null
+++ b/apps/web/src/audio/Playback.ts
@@ -0,0 +1,329 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+// oxlint-disable-next-line no-restricted-imports
+import EventEmitter from "events";
+import { SimpleObservable } from "matrix-widget-api";
+import { logger } from "matrix-js-sdk/src/logger";
+import { clamp } from "@element-hq/web-shared-components";
+
+import { UPDATE_EVENT } from "../stores/AsyncStore";
+import { arrayFastResample } from "../utils/arrays";
+import { type IDestroyable } from "../utils/IDestroyable";
+import { PlaybackClock } from "./PlaybackClock";
+import { createAudioContext, decodeOgg } from "./compat";
+import { DEFAULT_WAVEFORM, PLAYBACK_WAVEFORM_SAMPLES } from "./consts";
+import { PlaybackEncoder } from "../PlaybackEncoder";
+
+export enum PlaybackState {
+    Preparing = "preparing", // preparing to decode
+    Decoding = "decoding",
+    Stopped = "stopped", // no progress on timeline
+    Paused = "paused", // some progress on timeline
+    Playing = "playing", // active progress through timeline
+}
+
+const THUMBNAIL_WAVEFORM_SAMPLES = 100; // arbitrary: [30,120]
+
+export interface PlaybackInterface {
+    readonly currentState: PlaybackState;
+    readonly liveData: SimpleObservable<number[]>;
+    readonly timeSeconds: number;
+    readonly durationSeconds: number;
+    skipTo(timeSeconds: number): Promise<void>;
+}
+
+export class Playback extends EventEmitter implements IDestroyable, PlaybackInterface {
+    /**
+     * Stable waveform for representing a thumbnail of the media. Values are
+     * guaranteed to be between zero and one, inclusive.
+     */
+    public readonly thumbnailWaveform: number[];
+
+    private readonly context: AudioContext;
+    private source?: AudioBufferSourceNode | MediaElementAudioSourceNode;
+    private state = PlaybackState.Decoding;
+    private audioBuf?: AudioBuffer;
+    private element?: HTMLAudioElement;
+    private resampledWaveform: number[];
+    private waveformObservable = new SimpleObservable<number[]>();
+    private readonly clock: PlaybackClock;
+    private readonly fileSize: number;
+
+    /**
+     * Creates a new playback instance from a buffer.
+     * @param {ArrayBuffer} buf The buffer containing the sound sample.
+     * @param {number[]} seedWaveform Optional seed waveform to present until the proper waveform
+     * can be calculated. Contains values between zero and one, inclusive.
+     */
+    public constructor(
+        private buf: ArrayBuffer,
+        seedWaveform = DEFAULT_WAVEFORM,
+    ) {
+        super();
+        // Capture the file size early as reading the buffer will result in a 0-length buffer left behind
+        this.fileSize = this.buf.byteLength;
+        this.context = createAudioContext();
+        this.resampledWaveform = arrayFastResample(seedWaveform ?? DEFAULT_WAVEFORM, PLAYBACK_WAVEFORM_SAMPLES);
+        this.thumbnailWaveform = arrayFastResample(seedWaveform ?? DEFAULT_WAVEFORM, THUMBNAIL_WAVEFORM_SAMPLES);
+        this.waveformObservable.update(this.resampledWaveform);
+        this.clock = new PlaybackClock(this.context);
+    }
+
+    /**
+     * Size of the audio clip in bytes. May be zero if unknown. This is updated
+     * when the playback goes through phase changes.
+     */
+    public get sizeBytes(): number {
+        return this.fileSize;
+    }
+
+    /**
+     * Stable waveform for the playback. Values are guaranteed to be between
+     * zero and one, inclusive.
+     */
+    public get waveform(): number[] {
+        return this.resampledWaveform;
+    }
+
+    public get waveformData(): SimpleObservable<number[]> {
+        return this.waveformObservable;
+    }
+
+    public get clockInfo(): PlaybackClock {
+        return this.clock;
+    }
+
+    public get liveData(): SimpleObservable<number[]> {
+        return this.clock.liveData;
+    }
+
+    public get timeSeconds(): number {
+        return this.clock.timeSeconds;
+    }
+
+    public get durationSeconds(): number {
+        return this.clock.durationSeconds;
+    }
+
+    public get currentState(): PlaybackState {
+        return this.state;
+    }
+
+    public get isPlaying(): boolean {
+        return this.currentState === PlaybackState.Playing;
+    }
+
+    public emit(event: PlaybackState, ...args: any[]): boolean {
+        this.state = event;
+        super.emit(event, ...args);
+        super.emit(UPDATE_EVENT, event, ...args);
+        return true; // we don't ever care if the event had listeners, so just return "yes"
+    }
+
+    public destroy(): void {
+        // Dev note: It's critical that we call stop() during cleanup to ensure that downstream callers
+        // are aware of the final clock position before the user triggered an unload.
+        // noinspection JSIgnoredPromiseFromCall - not concerned about being called async here
+        this.stop();
+        this.removeAllListeners();
+        this.clock.destroy();
+        this.waveformObservable.close();
+        if (this.element) {
+            this.element.removeEventListener("ended", this.onPlaybackEnd);
+            URL.revokeObjectURL(this.element.src);
+            this.element.remove();
+        }
+    }
+
+    public async prepare(): Promise<void> {
+        // don't attempt to decode the media again
+        // AudioContext.decodeAudioData detaches the array buffer `this.buf`
+        // meaning it cannot be re-read
+        if (this.state !== PlaybackState.Decoding) {
+            return;
+        }
+
+        this.state = PlaybackState.Preparing;
+
+        // The point where we use an audio element is fairly arbitrary, though we don't want
+        // it to be too low. As of writing, voice messages want to show a waveform but audio
+        // messages do not. Using an audio element means we can't show a waveform preview, so
+        // we try to target the difference between a voice message file and large audio file.
+        // Overall, the point of this is to avoid memory-related issues due to storing a massive
+        // audio buffer in memory, as that can balloon to far greater than the input buffer's
+        // byte length.
+        if (this.buf.byteLength > 5 * 1024 * 1024) {
+            // 5mb
+            logger.log("Audio file too large: processing through <audio /> element");
+            this.element = document.createElement("AUDIO") as HTMLAudioElement;
+            const deferred = Promise.withResolvers<unknown>();
+            this.element.onloadeddata = deferred.resolve;
+            this.element.onerror = deferred.reject;
+            this.element.src = URL.createObjectURL(new Blob([this.buf]));
+            await deferred.promise; // make sure the audio element is ready for us
+        } else {
+            // decodeAudioData detaches the buffer it is given, so the copy the fallback needs has
+            // to be taken before we call it rather than inside the error handler.
+            const fallbackBuf = this.buf.slice(0);
+            try {
+                this.audioBuf = await this.context.decodeAudioData(this.buf);
+            } catch (e) {
+                logger.error("Error decoding recording:", e);
+                logger.warn("Trying to re-encode to WAV instead...");
+
+                try {
+                    // This error handler is largely for Safari, which doesn't support Opus/Ogg very well.
+                    const wav = await decodeOgg(fallbackBuf);
+                    this.audioBuf = await this.context.decodeAudioData(wav);
+                } catch (e) {
+                    logger.error("Error decoding recording:", e);
+                    throw e;
+                }
+            }
+
+            // Update the waveform to the real waveform once we have channel data to use. We don't
+            // exactly trust the user-provided waveform to be accurate...
+            this.resampledWaveform = await PlaybackEncoder.instance.getPlaybackWaveform(
+                this.audioBuf.getChannelData(0),
+            );
+        }
+
+        this.waveformObservable.update(this.resampledWaveform);
+
+        this.clock.flagLoadTime(); // must happen first because setting the duration fires a clock update
+        this.clock.durationSeconds = this.element?.duration ?? this.audioBuf!.duration;
+
+        // Signal that we're not decoding anymore. This is done last to ensure the clock is updated for
+        // when the downstream callers try to use it.
+        this.emit(PlaybackState.Stopped); // signal that we're not decoding anymore
+    }
+
+    private onPlaybackEnd = async (): Promise<void> => {
+        await this.context.suspend();
+        this.emit(PlaybackState.Stopped);
+        this.clock.flagStop();
+    };
+
+    public async play(): Promise<void> {
+        // We can't restart a buffer source, so we need to create a new one if we hit the end
+        if (this.state === PlaybackState.Stopped) {
+            this.disconnectSource();
+            this.makeNewSourceBuffer();
+            if (this.element) {
+                await this.element.play();
+            } else {
+                (this.source as AudioBufferSourceNode).start();
+            }
+        }
+
+        // We use the context suspend/resume functions because it allows us to pause a source
+        // node, but that still doesn't help us when the source node runs out (see above).
+        await this.context.resume();
+        this.clock.flagStart();
+        this.emit(PlaybackState.Playing);
+    }
+
+    private disconnectSource(): void {
+        if (this.element) return; // leave connected, we can (and must) re-use it
+        this.source?.disconnect();
+        this.source?.removeEventListener("ended", this.onPlaybackEnd);
+    }
+
+    private makeNewSourceBuffer(): void {
+        if (this.element && this.source) return; // leave connected, we can (and must) re-use it
+
+        if (this.element) {
+            this.source = this.context.createMediaElementSource(this.element);
+            // A MediaElementAudioSourceNode is not a scheduled source node and never emits "ended",
+            // so the media element has to be listened to instead. Without this, playback of a large
+            // file never returns to Stopped and the clock keeps running past the end of the clip.
+            this.element.addEventListener("ended", this.onPlaybackEnd);
+        } else {
+            this.source = this.context.createBufferSource();
+            this.source.buffer = this.audioBuf ?? null;
+            this.source.addEventListener("ended", this.onPlaybackEnd);
+        }
+
+        this.source.connect(this.context.destination);
+    }
+
+    public async pause(): Promise<void> {
+        await this.context.suspend();
+        this.emit(PlaybackState.Paused);
+    }
+
+    public stop(): Promise<void> {
+        return this.onPlaybackEnd();
+    }
+
+    public async toggle(): Promise<void> {
+        if (this.isPlaying) await this.pause();
+        else await this.play();
+    }
+
+    public async skipTo(timeSeconds: number): Promise<void> {
+        // Dev note: this function talks a lot about clock desyncs. There is a clock running
+        // independently to the audio context and buffer so that accurate human-perceptible
+        // time can be exposed. The PlaybackClock class has more information, but the short
+        // version is that we need to line up the useful time (clip position) with the context
+        // time, and avoid as many deviations as possible as otherwise the user could see the
+        // wrong time, and we stop playback at the wrong time, etc.
+
+        timeSeconds = clamp(timeSeconds, 0, this.clock.durationSeconds);
+
+        // Track playing state so we don't cause seeking to start playing the track.
+        const isPlaying = this.isPlaying;
+
+        if (isPlaying) {
+            // Pause first so we can get an accurate measurement of time
+            await this.context.suspend();
+        }
+
+        // We can't simply tell the context/buffer to jump to a time, so we have to
+        // start a whole new buffer and start it from the new time offset.
+        const now = this.context.currentTime;
+        this.disconnectSource();
+        this.makeNewSourceBuffer();
+
+        // We have to resync the clock because it can get confused about where we're
+        // at in the audio clip.
+        this.clock.syncTo(now, timeSeconds);
+
+        // Always start the source to queue it up. We have to do this now (and pause
+        // quickly if we're not supposed to be playing) as otherwise the clock can desync
+        // when it comes time to the user hitting play. After a couple jumps, the user
+        // will have desynced the clock enough to be about 10-15 seconds off, while this
+        // keeps it as close to perfect as humans can perceive.
+        if (this.element) {
+            this.element.currentTime = timeSeconds;
+        } else {
+            (this.source as AudioBufferSourceNode).start(now, timeSeconds);
+        }
+
+        // Dev note: it's critical that the code gap between `this.source.start()` and
+        // `this.pause()` is as small as possible: we do not want to delay *anything*
+        // as that could cause a clock desync, or a buggy feeling as a single note plays
+        // during seeking.
+
+        if (isPlaying) {
+            // If we were playing before, continue the context so the clock doesn't desync.
+            await this.context.resume();
+        } else {
+            // As mentioned above, we'll have to pause the clip if we weren't supposed to
+            // be playing it just yet. If we didn't have this, the audio clip plays but all
+            // the states will be wrong: clock won't advance, pause state doesn't match the
+            // blaring noise leaving the user's speakers, etc.
+            //
+            // Also as mentioned, if the code gap is small enough then this should be
+            // executed immediately after the start time, leaving no feasible time for the
+            // user's speakers to play any sound.
+            await this.pause();
+        }
+    }
+}
diff --git a/apps/web/src/audio/PlaybackClock.ts b/apps/web/src/audio/PlaybackClock.ts
new file mode 100644
index 00000000000..d279745b36d
--- /dev/null
+++ b/apps/web/src/audio/PlaybackClock.ts
@@ -0,0 +1,141 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { SimpleObservable } from "matrix-widget-api";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type IDestroyable } from "../utils/IDestroyable";
+
+/**
+ * Tracks accurate human-perceptible time for an audio clip, as informed
+ * by managed playback. This clock is tightly coupled with the operation
+ * of the Playback class, making assumptions about how the provided
+ * AudioContext will be used (suspended/resumed to preserve time, etc).
+ *
+ * But why do we need a clock? The AudioContext exposes time information,
+ * and so does the audio buffer, but not in a way that is useful for humans
+ * to perceive. The audio buffer time is often lagged behind the context
+ * time due to internal processing delays of the audio API. Additionally,
+ * the context's time is tracked from when it was first initialized/started,
+ * not related to positioning within the clip. However, the context time
+ * is the most accurate time we can use to determine position within the
+ * clip if we're fast enough to track the pauses and stops.
+ *
+ * As a result, we track every play, pause, stop, and seek event from the
+ * Playback class (kinda: it calls us, which is close enough to the same
+ * thing). These events are then tracked on the AudioContext time scale,
+ * with assumptions that code execution will result in negligible desync
+ * of the clock, or at least no perceptible difference in time. It's
+ * extremely important that the calling code, and the clock's own code,
+ * is extremely fast between the event happening and the clock time being
+ * tracked - anything more than a dozen milliseconds is likely to stack up
+ * poorly, leading to clock desync.
+ *
+ * Clock desync can be dangerous for the stability of the playback controls:
+ * if the clock thinks the user is somewhere else in the clip, it could
+ * inform the playback of the wrong place in time, leading to dead air in
+ * the output or, if severe enough, a clock that won't stop running while
+ * the audio is paused/stopped. Other examples include the clip stopping at
+ * 90% time due to playback ending, the clip playing from the wrong spot
+ * relative to the time, and negative clock time.
+ *
+ * Note that the clip duration is fed to the clock: this is to ensure that
+ * we have the most accurate time possible to present.
+ */
+export class PlaybackClock implements IDestroyable {
+    private clipStart = 0;
+    private stopped = true;
+    private lastCheck = 0;
+    private observable = new SimpleObservable<number[]>();
+    private timerId?: number;
+    private clipDuration = 0;
+    private placeholderDuration = 0;
+
+    public constructor(private context: AudioContext) {}
+
+    public get durationSeconds(): number {
+        return this.clipDuration || this.placeholderDuration;
+    }
+
+    public set durationSeconds(val: number) {
+        this.clipDuration = val;
+        this.observable.update([this.timeSeconds, this.clipDuration]);
+    }
+
+    public get timeSeconds(): number {
+        // The modulo is to ensure that we're only looking at the most recent clip
+        // time, as the context is long-running and multiple plays might not be
+        // informed to us (if the control is looping, for example). By taking the
+        // remainder of the division operation, we're assuming that playback is
+        // incomplete or stopped, thus giving an accurate position within the active
+        // clip segment.
+        return (this.context.currentTime - this.clipStart) % this.clipDuration || 0;
+    }
+
+    public get liveData(): SimpleObservable<number[]> {
+        return this.observable;
+    }
+
+    private checkTime = (force = false): void => {
+        const now = this.timeSeconds; // calculated dynamically
+        if (this.lastCheck !== now || force) {
+            this.observable.update([now, this.durationSeconds]);
+            this.lastCheck = now;
+        }
+    };
+
+    /**
+     * Populates default information about the audio clip from the event body.
+     * The placeholders will be overridden once known.
+     * @param {MatrixEvent} event The event to use for placeholders.
+     */
+    public populatePlaceholdersFrom(event: MatrixEvent): void {
+        const durationMs = Number(event.getContent()["info"]?.["duration"]);
+        if (Number.isFinite(durationMs)) this.placeholderDuration = durationMs / 1000;
+    }
+
+    /**
+     * Mark the time in the audio context where the clip starts/has been loaded.
+     * This is to ensure the clock isn't skewed into thinking it is ~0.5s into
+     * a clip when the duration is set.
+     */
+    public flagLoadTime(): void {
+        this.clipStart = this.context.currentTime;
+    }
+
+    public flagStart(): void {
+        if (this.stopped) {
+            this.clipStart = this.context.currentTime;
+            this.stopped = false;
+        }
+
+        if (!this.timerId) {
+            // 100ms interval to make sure the time is as accurate as possible without being overly insane
+            this.timerId = window.setInterval(this.checkTime, 100);
+        }
+    }
+
+    public flagStop(): void {
+        this.stopped = true;
+
+        // Reset the clock time now so that the update going out will trigger components
+        // to check their seek/position information (alongside the clock).
+        this.clipStart = this.context.currentTime;
+    }
+
+    public syncTo(contextTime: number, clipTime: number): void {
+        this.clipStart = contextTime - clipTime;
+        this.stopped = false; // count as a mid-stream pause (if we were stopped)
+        this.checkTime(true);
+    }
+
+    public destroy(): void {
+        this.observable.close();
+        if (this.timerId) clearInterval(this.timerId);
+    }
+}
diff --git a/apps/web/src/audio/PlaybackManager.ts b/apps/web/src/audio/PlaybackManager.ts
new file mode 100644
index 00000000000..85677d68aa7
--- /dev/null
+++ b/apps/web/src/audio/PlaybackManager.ts
@@ -0,0 +1,49 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type Playback, PlaybackState } from "./Playback";
+import { ManagedPlayback } from "./ManagedPlayback";
+import { DEFAULT_WAVEFORM } from "./consts";
+
+/**
+ * Handles management of playback instances to ensure certain functionality, like
+ * one playback operating at any one time.
+ */
+export class PlaybackManager {
+    private static internalInstance: PlaybackManager;
+
+    private instances: ManagedPlayback[] = [];
+
+    public static get instance(): PlaybackManager {
+        if (!PlaybackManager.internalInstance) {
+            PlaybackManager.internalInstance = new PlaybackManager();
+        }
+        return PlaybackManager.internalInstance;
+    }
+
+    /**
+     * Pauses all other playback instances. If no playback is provided, all playing
+     * instances are paused.
+     * @param playback Optional. The playback to leave untouched.
+     */
+    public pauseAllExcept(playback?: Playback): void {
+        this.instances
+            .filter((p) => p !== playback && p.currentState === PlaybackState.Playing)
+            .forEach((p) => p.pause());
+    }
+
+    public destroyPlaybackInstance(playback: ManagedPlayback): void {
+        this.instances = this.instances.filter((p) => p !== playback);
+    }
+
+    public createPlaybackInstance(buf: ArrayBuffer, waveform = DEFAULT_WAVEFORM): Playback {
+        const instance = new ManagedPlayback(this, buf, waveform);
+        this.instances.push(instance);
+        return instance;
+    }
+}
diff --git a/apps/web/src/audio/PlaybackQueue.ts b/apps/web/src/audio/PlaybackQueue.ts
new file mode 100644
index 00000000000..025c9d25874
--- /dev/null
+++ b/apps/web/src/audio/PlaybackQueue.ts
@@ -0,0 +1,230 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 { EventType, type MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { type Playback, PlaybackState } from "./Playback";
+import { UPDATE_EVENT } from "../stores/AsyncStore";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { arrayFastClone } from "../utils/arrays";
+import { PlaybackManager } from "./PlaybackManager";
+import { isVoiceMessage } from "../utils/EventUtils";
+import { type RoomViewStore } from "../stores/RoomViewStore";
+
+/**
+ * Audio playback queue management for a given room. This keeps track of where the user
+ * was at for each playback, what order the playbacks were played in, and triggers subsequent
+ * playbacks.
+ *
+ * Currently this is only intended to be used by voice messages.
+ *
+ * The primary mechanics are:
+ * * Persisted clock state for each playback instance (tied to Event ID).
+ * * Limited memory of playback order (see code; not persisted).
+ * * Autoplay of next eligible playback instance.
+ */
+export class PlaybackQueue {
+    private static queues = new Map<string, PlaybackQueue>(); // keyed by room ID
+
+    private playbacks = new Map<string, Playback>(); // keyed by event ID
+    private clockStates = new Map<string, number>(); // keyed by event ID
+    private playbackIdOrder: string[] = []; // event IDs, last == current
+    private currentPlaybackId: string | null = null; // event ID, broken out from above for ease of use
+    private recentFullPlays = new Set<string>(); // event IDs
+
+    /**
+     * Create a PlaybackQueue for a given room.
+     * @param room The room
+     * @param roomViewStore The RoomViewStore instance
+     */
+    public constructor(
+        private room: Room,
+        private roomViewStore: RoomViewStore,
+    ) {
+        this.loadClocks();
+
+        this.roomViewStore.addRoomListener(this.room.roomId, (isActive) => {
+            if (!isActive) return;
+
+            // Reset the state of the playbacks before they start mounting and enqueuing updates.
+            // We reset the entirety of the queue, including order, to ensure the user isn't left
+            // confused with what order the messages are playing in.
+            this.currentPlaybackId = null; // this in particular stops autoplay when the room is switched to
+            this.recentFullPlays = new Set<string>();
+            this.playbackIdOrder = [];
+        });
+    }
+
+    /**
+     * Get the PlaybackQueue for a given room, creating it if necessary.
+     * @param roomId The ID of the room
+     * @param roomViewStore The RoomViewStore instance
+     * @returns The PlaybackQueue for the room
+     */
+    public static forRoom(roomId: string, roomViewStore: RoomViewStore): PlaybackQueue {
+        const cli = MatrixClientPeg.safeGet();
+        const room = cli.getRoom(roomId);
+        if (!room) throw new Error("Unknown room");
+        if (PlaybackQueue.queues.has(room.roomId)) {
+            return PlaybackQueue.queues.get(room.roomId)!;
+        }
+        const queue = new PlaybackQueue(room, roomViewStore);
+        PlaybackQueue.queues.set(room.roomId, queue);
+        return queue;
+    }
+
+    private persistClocks(): void {
+        localStorage.setItem(
+            `mx_voice_message_clocks_${this.room.roomId}`,
+            JSON.stringify(Array.from(this.clockStates.entries())),
+        );
+    }
+
+    private loadClocks(): void {
+        const val = localStorage.getItem(`mx_voice_message_clocks_${this.room.roomId}`);
+        if (!!val) {
+            this.clockStates = new Map<string, number>(JSON.parse(val));
+            // Clean out any null values (from older versions)
+            for (const [key, value] of this.clockStates.entries()) {
+                if (value == null) {
+                    this.clockStates.delete(key);
+                }
+            }
+        }
+    }
+
+    public unsortedEnqueue(mxEvent: MatrixEvent, playback: Playback): void {
+        // We don't ever detach our listeners: we expect the Playback to clean up for us
+        this.playbacks.set(mxEvent.getId()!, playback);
+        playback.on(UPDATE_EVENT, (state) => this.onPlaybackStateChange(playback, mxEvent, state));
+        playback.clockInfo.liveData.onUpdate((clock) => this.onPlaybackClock(playback, mxEvent, clock));
+    }
+
+    private onPlaybackStateChange(playback: Playback, mxEvent: MatrixEvent, newState: PlaybackState): void {
+        // Remember where the user got to in playback
+        const wasLastPlaying = this.currentPlaybackId === mxEvent.getId();
+        const currentClockState = this.clockStates.get(mxEvent.getId()!);
+
+        if (newState === PlaybackState.Stopped && currentClockState !== undefined && !wasLastPlaying) {
+            // noinspection JSIgnoredPromiseFromCall
+            playback.skipTo(currentClockState);
+        } else if (newState === PlaybackState.Stopped) {
+            // Remove the now-useless clock for some space savings
+            this.clockStates.delete(mxEvent.getId()!);
+
+            if (wasLastPlaying && this.currentPlaybackId) {
+                this.recentFullPlays.add(this.currentPlaybackId);
+                const orderClone = arrayFastClone(this.playbackIdOrder);
+                const last = orderClone.pop();
+                if (last === this.currentPlaybackId) {
+                    const next = orderClone.pop();
+                    if (next) {
+                        const instance = this.playbacks.get(next);
+                        if (!instance) {
+                            logger.warn(
+                                "Voice message queue desync: Missing playback for next message: " +
+                                    `Current=${this.currentPlaybackId} Last=${last} Next=${next}`,
+                            );
+                        } else {
+                            this.playbackIdOrder = orderClone;
+                            PlaybackManager.instance.pauseAllExcept(instance);
+
+                            // This should cause a Play event, which will re-populate our playback order
+                            // and update our current playback ID.
+                            // noinspection JSIgnoredPromiseFromCall
+                            instance.play();
+                        }
+                    } else {
+                        // else no explicit next event, so find an event we haven't played that comes next. The live
+                        // timeline is already most recent last, so we can iterate down that.
+                        const timeline = arrayFastClone(this.room.getLiveTimeline().getEvents());
+                        let scanForVoiceMessage = false;
+                        let nextEv: MatrixEvent | undefined;
+                        for (const event of timeline) {
+                            if (event.getId() === mxEvent.getId()) {
+                                scanForVoiceMessage = true;
+                                continue;
+                            }
+                            if (!scanForVoiceMessage) continue;
+
+                            if (!isVoiceMessage(event)) {
+                                const evType = event.getType();
+                                if (evType !== EventType.RoomMessage && evType !== EventType.Sticker) {
+                                    continue; // Event can be skipped for automatic playback consideration
+                                }
+                                break; // Stop automatic playback: next useful event is not a voice message
+                            }
+
+                            const havePlayback = this.playbacks.has(event.getId()!);
+                            const isRecentlyCompleted = this.recentFullPlays.has(event.getId()!);
+                            if (havePlayback && !isRecentlyCompleted) {
+                                nextEv = event;
+                                break;
+                            }
+                        }
+                        if (!nextEv) {
+                            // if we don't have anywhere to go, reset the recent playback queue so the user
+                            // can start a new chain of playbacks.
+                            this.recentFullPlays = new Set<string>();
+                            this.playbackIdOrder = [];
+                        } else {
+                            this.playbackIdOrder = orderClone;
+
+                            const instance = this.playbacks.get(nextEv.getId()!);
+                            PlaybackManager.instance.pauseAllExcept(instance);
+
+                            // This should cause a Play event, which will re-populate our playback order
+                            // and update our current playback ID.
+                            // noinspection JSIgnoredPromiseFromCall
+                            instance?.play();
+                        }
+                    }
+                } else {
+                    logger.warn(
+                        "Voice message queue desync: Expected playback stop to be last in order. " +
+                            `Current=${this.currentPlaybackId} Last=${last} EventID=${mxEvent.getId()}`,
+                    );
+                }
+            }
+        }
+
+        if (newState === PlaybackState.Playing) {
+            const order = this.playbackIdOrder;
+            if (this.currentPlaybackId !== mxEvent.getId() && !!this.currentPlaybackId) {
+                if (order.length === 0 || order[order.length - 1] !== this.currentPlaybackId) {
+                    const lastInstance = this.playbacks.get(this.currentPlaybackId);
+                    if (
+                        lastInstance &&
+                        [PlaybackState.Playing, PlaybackState.Paused].includes(lastInstance.currentState)
+                    ) {
+                        order.push(this.currentPlaybackId);
+                    }
+                }
+            }
+
+            this.currentPlaybackId = mxEvent.getId()!;
+            if (order.length === 0 || order[order.length - 1] !== this.currentPlaybackId) {
+                order.push(this.currentPlaybackId);
+            }
+        }
+
+        // Only persist clock information on pause/stop (end) to avoid overwhelming the storage.
+        // This should get triggered from normal voice message component unmount due to the playback
+        // stopping itself for cleanup.
+        if (newState === PlaybackState.Paused || newState === PlaybackState.Stopped) {
+            this.persistClocks();
+        }
+    }
+
+    private onPlaybackClock(playback: Playback, mxEvent: MatrixEvent, clocks: number[]): void {
+        if (playback.currentState !== PlaybackState.Playing && playback.currentState !== PlaybackState.Paused) return; // ignore pre-ready values
+
+        this.clockStates.set(mxEvent.getId()!, clocks[0]); // [0] is the current seek position
+    }
+}
diff --git a/apps/web/src/audio/RecorderWorklet.ts b/apps/web/src/audio/RecorderWorklet.ts
new file mode 100644
index 00000000000..8f47be28a74
--- /dev/null
+++ b/apps/web/src/audio/RecorderWorklet.ts
@@ -0,0 +1,85 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { percentageOf } from "@element-hq/web-shared-components/numbers";
+
+import { type IAmplitudePayload, type ITimingPayload, PayloadEvent, WORKLET_NAME } from "./consts";
+
+// from AudioWorkletGlobalScope: https://developer.mozilla.org/en-US/docs/Web/API/AudioWorkletGlobalScope
+declare const currentTime: number;
+// declare const currentFrame: number;
+// declare const sampleRate: number;
+
+// We rate limit here to avoid overloading downstream consumers with amplitude information.
+// The two major consumers are the voice message waveform thumbnail (resampled down to an
+// appropriate length) and the live waveform shown to the user. Effectively, this controls
+// the refresh rate of that live waveform and the number of samples the thumbnail has to
+// work with.
+const TARGET_AMPLITUDE_FREQUENCY = 16; // Hz
+
+function roundTimeToTargetFreq(seconds: number): number {
+    // Epsilon helps avoid floating point rounding issues (1 + 1 = 1.999999, etc)
+    return Math.round((seconds + Number.EPSILON) * TARGET_AMPLITUDE_FREQUENCY) / TARGET_AMPLITUDE_FREQUENCY;
+}
+
+function nextTimeForTargetFreq(roundedSeconds: number): number {
+    // The extra round is just to make sure we cut off any floating point issues
+    return roundTimeToTargetFreq(roundedSeconds + 1 / TARGET_AMPLITUDE_FREQUENCY);
+}
+
+class MxVoiceWorklet extends AudioWorkletProcessor {
+    private nextAmplitudeSecond = 0;
+    private amplitudeIndex = 0;
+
+    public process(
+        inputs: Float32Array[][],
+        outputs: Float32Array[][],
+        parameters: Record<string, Float32Array>,
+    ): boolean {
+        const currentSecond = roundTimeToTargetFreq(currentTime);
+        // We special case the first ping because there's a fairly good chance that we'll miss the zeroth
+        // update. Firefox for instance takes 0.06 seconds (roughly) to call this function for the first
+        // time. Edge and Chrome occasionally lag behind too, but for the most part are on time.
+        //
+        // When this doesn't work properly we end up producing a waveform of nulls and no live preview
+        // of the recorded message.
+        if (currentSecond === this.nextAmplitudeSecond || this.nextAmplitudeSecond === 0) {
+            // We're expecting exactly one mono input source, so just grab the very first frame of
+            // samples for the analysis.
+            const monoChan = inputs[0][0];
+
+            // The amplitude of the frame's samples is effectively the loudness of the frame. This
+            // translates into a bar which can be rendered as part of the whole recording clip's
+            // waveform.
+            //
+            // We translate the amplitude down to 0-1 for sanity's sake.
+            const minVal = Math.min(...monoChan);
+            const maxVal = Math.max(...monoChan);
+            const amplitude = percentageOf(maxVal, -1, 1) - percentageOf(minVal, -1, 1);
+
+            this.port.postMessage({
+                ev: PayloadEvent.AmplitudeMark,
+                amplitude: amplitude,
+                forIndex: this.amplitudeIndex++,
+            } satisfies IAmplitudePayload);
+            this.nextAmplitudeSecond = nextTimeForTargetFreq(currentSecond);
+        }
+
+        // We mostly use this worklet to fire regular clock updates through to components
+        this.port.postMessage({ ev: PayloadEvent.Timekeep, timeSeconds: currentTime } satisfies ITimingPayload);
+
+        // We're supposed to return false when we're "done" with the audio clip, but seeing as
+        // we are acting as a passive processor we are never truly "done". The browser will clean
+        // us up when it is done with us.
+        return true;
+    }
+}
+
+registerProcessor(WORKLET_NAME, MxVoiceWorklet);
+
+export default ""; // to appease module loaders (we never use the export)
diff --git a/apps/web/src/audio/VoiceMessageRecording.ts b/apps/web/src/audio/VoiceMessageRecording.ts
new file mode 100644
index 00000000000..c9d7a71f6e2
--- /dev/null
+++ b/apps/web/src/audio/VoiceMessageRecording.ts
@@ -0,0 +1,154 @@
+/*
+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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type EncryptedFile } from "matrix-js-sdk/src/types";
+import { type SimpleObservable } from "matrix-widget-api";
+
+import { uploadFile } from "../ContentMessages";
+import { concat } from "../utils/arrays";
+import { type IDestroyable } from "../utils/IDestroyable";
+import { Singleflight } from "../utils/Singleflight";
+import { Playback } from "./Playback";
+import { type IRecordingUpdate, RecordingState, VoiceRecording } from "./VoiceRecording";
+
+export interface IUpload {
+    mxc?: string; // for unencrypted uploads
+    encrypted?: EncryptedFile;
+}
+
+/**
+ * This class can be used to record a single voice message.
+ */
+export class VoiceMessageRecording implements IDestroyable {
+    private lastUpload?: IUpload;
+    private buffer = new Uint8Array(0); // use this.audioBuffer to access
+    private playback?: Playback;
+
+    public constructor(
+        private matrixClient: MatrixClient,
+        private voiceRecording: VoiceRecording,
+    ) {
+        this.voiceRecording.onDataAvailable = this.onDataAvailable;
+    }
+
+    public async start(): Promise<void> {
+        if (this.lastUpload || this.hasRecording) {
+            throw new Error("Recording already prepared");
+        }
+
+        return this.voiceRecording.start();
+    }
+
+    public async stop(): Promise<Uint8Array> {
+        await this.voiceRecording.stop();
+        return this.audioBuffer;
+    }
+
+    public on(event: string | symbol, listener: (...args: any[]) => void): this {
+        this.voiceRecording.on(event, listener);
+        return this;
+    }
+
+    public off(event: string | symbol, listener: (...args: any[]) => void): this {
+        this.voiceRecording.off(event, listener);
+        return this;
+    }
+
+    public emit(event: string, ...args: any[]): boolean {
+        return this.voiceRecording.emit(event, ...args);
+    }
+
+    public get hasRecording(): boolean {
+        return this.buffer.length > 0;
+    }
+
+    public get isRecording(): boolean {
+        return this.voiceRecording.isRecording;
+    }
+
+    /**
+     * Gets a playback instance for this voice recording. Note that the playback will not
+     * have been prepared fully, meaning the `prepare()` function needs to be called on it.
+     *
+     * The same playback instance is returned each time.
+     *
+     * @returns {Playback} The playback instance.
+     */
+    public getPlayback(): Playback {
+        this.playback = Singleflight.for(this, "playback").do(() => {
+            return new Playback(this.audioBuffer.buffer, this.voiceRecording.amplitudes); // cast to ArrayBuffer proper;
+        });
+        return this.playback;
+    }
+
+    public async upload(inRoomId: string): Promise<IUpload> {
+        if (!this.hasRecording) {
+            throw new Error("No recording available to upload");
+        }
+
+        if (this.lastUpload) return this.lastUpload;
+
+        try {
+            this.emit(RecordingState.Uploading);
+            const { url: mxc, file: encrypted } = await uploadFile(
+                this.matrixClient,
+                inRoomId,
+                new Blob([this.audioBuffer], {
+                    type: this.contentType,
+                }),
+            );
+            this.lastUpload = { mxc, encrypted };
+            this.emit(RecordingState.Uploaded);
+        } catch (e) {
+            this.emit(RecordingState.Ended);
+            throw e;
+        }
+        return this.lastUpload;
+    }
+
+    public get durationSeconds(): number {
+        return this.voiceRecording.durationSeconds;
+    }
+
+    public get contentType(): string {
+        return this.voiceRecording.contentType;
+    }
+
+    public get contentLength(): number {
+        return this.buffer.length;
+    }
+
+    public get liveData(): SimpleObservable<IRecordingUpdate> {
+        return this.voiceRecording.liveData;
+    }
+
+    public get isSupported(): boolean {
+        return this.voiceRecording.isSupported;
+    }
+
+    public destroy(): void {
+        this.playback?.destroy();
+        this.voiceRecording.destroy();
+    }
+
+    private onDataAvailable = (data: ArrayBuffer): void => {
+        const buf = new Uint8Array(data);
+        this.buffer = concat(this.buffer, buf);
+    };
+
+    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);
+    }
+}
+
+export const createVoiceMessageRecording = (matrixClient: MatrixClient): VoiceMessageRecording => {
+    return new VoiceMessageRecording(matrixClient, new VoiceRecording());
+};
diff --git a/apps/web/src/audio/VoiceRecording.ts b/apps/web/src/audio/VoiceRecording.ts
new file mode 100644
index 00000000000..48a624d49b6
--- /dev/null
+++ b/apps/web/src/audio/VoiceRecording.ts
@@ -0,0 +1,317 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 Recorder from "opus-recorder/dist/recorder.min.js";
+import encoderPath from "opus-recorder/dist/encoderWorker.min.js";
+import { SimpleObservable } from "matrix-widget-api";
+// oxlint-disable-next-line no-restricted-imports
+import EventEmitter from "events";
+import { logger } from "matrix-js-sdk/src/logger";
+import { clamp } from "@element-hq/web-shared-components";
+
+import MediaDeviceHandler from "../MediaDeviceHandler";
+import { type IDestroyable } from "../utils/IDestroyable";
+import { Singleflight } from "../utils/Singleflight";
+import { PayloadEvent, WORKLET_NAME } from "./consts";
+import { UPDATE_EVENT } from "../stores/AsyncStore";
+import { createAudioContext } from "./compat";
+import { FixedRollingArray } from "../utils/FixedRollingArray";
+import recorderWorkletFactory from "./recorderWorkletFactory";
+
+const CHANNELS = 1; // stereo isn't important
+export const SAMPLE_RATE = 48000; // 48khz is what WebRTC uses. 12khz is where we lose quality.
+const TARGET_MAX_LENGTH = 900; // 15 minutes in seconds. Somewhat arbitrary, though longer == larger files.
+const TARGET_WARN_TIME_LEFT = 10; // 10 seconds, also somewhat arbitrary.
+
+export const RECORDING_PLAYBACK_SAMPLES = 44;
+
+interface RecorderOptions {
+    bitrate: number;
+    encoderApplication: number;
+}
+
+export const voiceRecorderOptions: RecorderOptions = {
+    bitrate: 24000, // recommended Opus bitrate for high-quality VoIP
+    encoderApplication: 2048, // voice
+};
+
+export const highQualityRecorderOptions: RecorderOptions = {
+    bitrate: 96000, // recommended Opus bitrate for high-quality music/audio streaming
+    encoderApplication: 2049, // full band audio
+};
+
+export interface IRecordingUpdate {
+    waveform: number[]; // floating points between 0 (low) and 1 (high).
+    timeSeconds: number; // float
+}
+
+export enum RecordingState {
+    Started = "started",
+    EndingSoon = "ending_soon", // emits an object with a single numerical value: secondsLeft
+    Ended = "ended",
+    Uploading = "uploading",
+    Uploaded = "uploaded",
+}
+
+export class VoiceRecording extends EventEmitter implements IDestroyable {
+    private recorder?: Recorder;
+    private recorderContext?: AudioContext;
+    private recorderSource?: MediaStreamAudioSourceNode;
+    private recorderStream?: MediaStream;
+    private recorderWorklet?: AudioWorkletNode;
+    private recorderProcessor?: ScriptProcessorNode;
+    private recording = false;
+    private observable?: SimpleObservable<IRecordingUpdate>;
+    private targetMaxLength: number | null = TARGET_MAX_LENGTH;
+    public amplitudes: number[] = []; // at each second mark, generated
+    private liveWaveform = new FixedRollingArray(RECORDING_PLAYBACK_SAMPLES, 0);
+    public onDataAvailable?: (data: ArrayBuffer) => void;
+
+    public get contentType(): string {
+        return "audio/ogg";
+    }
+
+    public get durationSeconds(): number {
+        if (!this.recorder || !this.recorderContext) throw new Error("Duration not available without a recording");
+        return this.recorderContext.currentTime;
+    }
+
+    public get isRecording(): boolean {
+        return this.recording;
+    }
+
+    public emit(event: string, ...args: any[]): boolean {
+        super.emit(event, ...args);
+        super.emit(UPDATE_EVENT, event, ...args);
+        return true; // we don't ever care if the event had listeners, so just return "yes"
+    }
+
+    public disableMaxLength(): void {
+        this.targetMaxLength = null;
+    }
+
+    private shouldRecordInHighQuality(): boolean {
+        // Non-voice use case is suspected when noise suppression is disabled by the user.
+        // When recording complex audio, higher quality is required to avoid audio artifacts.
+        // This is a really arbitrary decision, but it can be refined/replaced at any time.
+        return !MediaDeviceHandler.getAudioNoiseSuppression();
+    }
+
+    private async makeRecorder(): Promise<void> {
+        try {
+            const requestedDeviceId = MediaDeviceHandler.getAudioInput();
+            const deviceIdConstraint =
+                requestedDeviceId && requestedDeviceId !== "default" ? { deviceId: { exact: requestedDeviceId } } : {};
+
+            this.recorderStream = await navigator.mediaDevices.getUserMedia({
+                audio: {
+                    channelCount: CHANNELS,
+                    ...deviceIdConstraint,
+                    autoGainControl: { ideal: MediaDeviceHandler.getAudioAutoGainControl() },
+                    echoCancellation: { ideal: MediaDeviceHandler.getAudioEchoCancellation() },
+                    noiseSuppression: { ideal: MediaDeviceHandler.getAudioNoiseSuppression() },
+                },
+            });
+            this.recorderContext = createAudioContext({
+                // latencyHint: "interactive", // we don't want a latency hint (this causes data smoothing)
+            });
+            this.recorderSource = this.recorderContext.createMediaStreamSource(this.recorderStream);
+
+            // Connect our inputs and outputs
+            if (this.recorderContext.audioWorklet) {
+                // Set up our worklet. We use this for timing information and waveform analysis: the
+                // web audio API prefers this be done async to avoid holding the main thread with math.
+                await recorderWorkletFactory(this.recorderContext);
+
+                this.recorderWorklet = new AudioWorkletNode(this.recorderContext, WORKLET_NAME);
+                this.recorderSource.connect(this.recorderWorklet);
+                this.recorderWorklet.connect(this.recorderContext.destination);
+
+                // Dev note: we can't use `addEventListener` for some reason. It just doesn't work.
+                this.recorderWorklet.port.onmessage = (ev) => {
+                    switch (ev.data["ev"]) {
+                        case PayloadEvent.Timekeep:
+                            this.processAudioUpdate(ev.data["timeSeconds"]);
+                            break;
+                        case PayloadEvent.AmplitudeMark:
+                            // Sanity check to make sure we're adding about one sample per second
+                            if (ev.data["forIndex"] === this.amplitudes.length) {
+                                this.amplitudes.push(ev.data["amplitude"]);
+                                this.liveWaveform.pushValue(ev.data["amplitude"]);
+                            }
+                            break;
+                    }
+                };
+            } else {
+                // Safari fallback: use a processor node instead, buffered to 1024 bytes of data
+                // like the worklet is.
+                this.recorderProcessor = this.recorderContext.createScriptProcessor(1024, CHANNELS, CHANNELS);
+                this.recorderSource.connect(this.recorderProcessor);
+                this.recorderProcessor.connect(this.recorderContext.destination);
+                this.recorderProcessor.addEventListener("audioprocess", this.onAudioProcess);
+            }
+
+            const recorderOptions = this.shouldRecordInHighQuality()
+                ? highQualityRecorderOptions
+                : voiceRecorderOptions;
+            const { encoderApplication, bitrate } = recorderOptions;
+
+            this.recorder = new Recorder({
+                encoderPath, // magic from webpack
+                encoderSampleRate: SAMPLE_RATE,
+                encoderApplication: encoderApplication,
+                streamPages: true, // this speeds up the encoding process by using CPU over time
+                encoderFrameSize: 20, // ms, arbitrary frame size we send to the encoder
+                numberOfChannels: CHANNELS,
+                sourceNode: this.recorderSource,
+                encoderBitRate: bitrate,
+
+                // We use low values for the following to ease CPU usage - the resulting waveform
+                // is indistinguishable for a voice message. Note that the underlying library will
+                // pick defaults which prefer the highest possible quality, CPU be damned.
+                encoderComplexity: 3, // 0-10, 10 is slow and high quality.
+                resampleQuality: 3, // 0-10, 10 is slow and high quality
+            });
+
+            // not using EventEmitter here because it leads to detached bufferes
+            this.recorder.ondataavailable = (data: ArrayBuffer) => this.onDataAvailable?.(data);
+        } catch (e) {
+            logger.error("Error starting recording: ", e);
+            if (e instanceof DOMException) {
+                // Unhelpful DOMExceptions are common - parse them sanely
+                logger.error(`${e.name} (${e.code}): ${e.message}`);
+            }
+
+            // Clean up as best as possible
+            if (this.recorderStream) this.recorderStream.getTracks().forEach((t) => t.stop());
+            if (this.recorderSource) this.recorderSource.disconnect();
+            if (this.recorder) this.recorder.close();
+            if (this.recorderContext) {
+                // noinspection ES6MissingAwait - not important that we wait
+                this.recorderContext.close();
+            }
+
+            throw e; // rethrow so upstream can handle it
+        }
+    }
+
+    public get liveData(): SimpleObservable<IRecordingUpdate> {
+        if (!this.recording || !this.observable) throw new Error("No observable when not recording");
+        return this.observable;
+    }
+
+    public get isSupported(): boolean {
+        return !!Recorder.isRecordingSupported();
+    }
+
+    private onAudioProcess = (ev: AudioProcessingEvent): void => {
+        this.processAudioUpdate(ev.playbackTime);
+
+        // We skip the functionality of the worklet regarding waveform calculations: we
+        // should get that information pretty quick during the playback info.
+    };
+
+    private processAudioUpdate = (timeSeconds: number): void => {
+        if (!this.recording) return;
+
+        this.observable!.update({
+            waveform: this.liveWaveform.value.map((v) => clamp(v, 0, 1)),
+            timeSeconds: timeSeconds,
+        });
+
+        // Now that we've updated the data/waveform, let's do a time check. We don't want to
+        // go horribly over the limit. We also emit a warning state if needed.
+        //
+        // We use the recorder's perspective of time to make sure we don't cut off the last
+        // frame of audio, otherwise we end up with a 14:59 clip (899.68 seconds). This extra
+        // safety can allow us to overshoot the target a bit, but at least when we say 15min
+        // maximum we actually mean it.
+        //
+        // In testing, recorder time and worker time lag by about 400ms, which is roughly the
+        // time needed to encode a sample/frame.
+        //
+
+        if (!this.targetMaxLength) {
+            // skip time checks if max length has been disabled
+            return;
+        }
+
+        const secondsLeft = TARGET_MAX_LENGTH - this.recorderSeconds!;
+        if (secondsLeft < 0) {
+            // go over to make sure we definitely capture that last frame
+            // noinspection JSIgnoredPromiseFromCall - we aren't concerned with it overlapping
+            this.stop();
+        } else if (secondsLeft <= TARGET_WARN_TIME_LEFT) {
+            Singleflight.for(this, "ending_soon").do(() => {
+                this.emit(RecordingState.EndingSoon, { secondsLeft });
+                return Singleflight.Void;
+            });
+        }
+    };
+
+    /**
+     * {@link https://github.com/chris-rudmin/opus-recorder#instance-fields ref for recorderSeconds}
+     */
+    public get recorderSeconds(): number | undefined {
+        if (!this.recorder) return undefined;
+        return this.recorder.encodedSamplePosition / 48000;
+    }
+
+    public async start(): Promise<void> {
+        if (this.recording) {
+            throw new Error("Recording already in progress");
+        }
+        if (this.observable) {
+            this.observable.close();
+        }
+        this.observable = new SimpleObservable<IRecordingUpdate>();
+        await this.makeRecorder();
+        await this.recorder?.start();
+        this.recording = true;
+        this.emit(RecordingState.Started);
+    }
+
+    public async stop(): Promise<void> {
+        return Singleflight.for(this, "stop").do(async (): Promise<void> => {
+            if (!this.recording) {
+                throw new Error("No recording to stop");
+            }
+
+            // Disconnect the source early to start shutting down resources
+            await this.recorder!.stop(); // stop first to flush the last frame
+            this.recorderSource!.disconnect();
+            if (this.recorderWorklet) this.recorderWorklet.disconnect();
+            if (this.recorderProcessor) {
+                this.recorderProcessor.disconnect();
+                this.recorderProcessor.removeEventListener("audioprocess", this.onAudioProcess);
+            }
+
+            // close the context after the recorder so the recorder doesn't try to
+            // connect anything to the context (this would generate a warning)
+            await this.recorderContext!.close();
+
+            // Now stop all the media tracks so we can release them back to the user/OS
+            this.recorderStream!.getTracks().forEach((t) => t.stop());
+
+            // Finally do our post-processing and clean up
+            this.recording = false;
+            this.recorder!.close();
+            this.emit(RecordingState.Ended);
+        });
+    }
+
+    public destroy(): void {
+        // noinspection JSIgnoredPromiseFromCall - not concerned about stop() being called async here
+        this.stop();
+        this.removeAllListeners();
+        this.onDataAvailable = undefined;
+        Singleflight.forgetAllFor(this);
+        // noinspection JSIgnoredPromiseFromCall - not concerned about being called async here
+        this.observable?.close();
+    }
+}
diff --git a/apps/web/src/audio/compat.ts b/apps/web/src/audio/compat.ts
new file mode 100644
index 00000000000..d9675964500
--- /dev/null
+++ b/apps/web/src/audio/compat.ts
@@ -0,0 +1,82 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+// @ts-ignore - we know that this is not a module. We're looking for a path.
+import decoderWasmPath from "opus-recorder/dist/decoderWorker.min.wasm";
+import wavEncoderPath from "opus-recorder/dist/waveWorker.min.js";
+import decoderPath from "opus-recorder/dist/decoderWorker.min.js";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { SAMPLE_RATE } from "./VoiceRecording";
+
+export function createAudioContext(opts?: AudioContextOptions): AudioContext {
+    if (window.AudioContext) {
+        const ctx = new AudioContext(opts);
+        // Initialize in suspended state, as Firefox starts using
+        // CPU/battery right away, even if we don't play any sound yet.
+        void ctx.suspend();
+        return ctx;
+    } else {
+        throw new Error("Unsupported browser");
+    }
+}
+
+export function decodeOgg(audioBuffer: ArrayBuffer): Promise<ArrayBuffer> {
+    // Condensed version of decoder example, using a promise:
+    // https://github.com/chris-rudmin/opus-recorder/blob/master/example/decoder.html
+    return new Promise((resolve) => {
+        // no reject because the workers don't seem to have a fail path
+        logger.log("Decoder WASM path: " + decoderWasmPath); // so we use the variable (avoid tree shake)
+        const typedArray = new Uint8Array(audioBuffer);
+        const decoderWorker = new Worker(decoderPath);
+        const wavWorker = new Worker(wavEncoderPath);
+
+        decoderWorker.postMessage({
+            command: "init",
+            decoderSampleRate: SAMPLE_RATE,
+            outputBufferSampleRate: SAMPLE_RATE,
+        });
+
+        wavWorker.postMessage({
+            command: "init",
+            wavBitDepth: 24, // standard for 48khz (SAMPLE_RATE)
+            wavSampleRate: SAMPLE_RATE,
+        });
+
+        decoderWorker.onmessage = (ev) => {
+            if (ev.data === null) {
+                // null == done
+                wavWorker.postMessage({ command: "done" });
+                return;
+            }
+
+            wavWorker.postMessage(
+                {
+                    command: "encode",
+                    buffers: ev.data,
+                },
+                ev.data.map((b: Float32Array) => b.buffer),
+            );
+        };
+
+        wavWorker.onmessage = (ev) => {
+            if (ev.data.message === "page") {
+                // The encoding comes through as a single page
+                resolve(new Blob([ev.data.page], { type: "audio/wav" }).arrayBuffer());
+            }
+        };
+
+        decoderWorker.postMessage(
+            {
+                command: "decode",
+                pages: typedArray,
+            },
+            [typedArray.buffer],
+        );
+    });
+}
diff --git a/apps/web/src/audio/consts.ts b/apps/web/src/audio/consts.ts
new file mode 100644
index 00000000000..e8910fa8ed3
--- /dev/null
+++ b/apps/web/src/audio/consts.ts
@@ -0,0 +1,34 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { arraySeed } from "../utils/arrays";
+
+export const WORKLET_NAME = "mx-voice-worklet";
+
+export enum PayloadEvent {
+    Timekeep = "timekeep",
+    AmplitudeMark = "amplitude_mark",
+}
+
+export interface IPayload {
+    ev: PayloadEvent;
+}
+
+export interface ITimingPayload extends IPayload {
+    ev: PayloadEvent.Timekeep;
+    timeSeconds: number;
+}
+
+export interface IAmplitudePayload extends IPayload {
+    ev: PayloadEvent.AmplitudeMark;
+    forIndex: number;
+    amplitude: number;
+}
+
+export const PLAYBACK_WAVEFORM_SAMPLES = 39;
+export const DEFAULT_WAVEFORM = arraySeed(0, PLAYBACK_WAVEFORM_SAMPLES);
diff --git a/apps/web/src/audio/recorderWorkletFactory.ts b/apps/web/src/audio/recorderWorkletFactory.ts
new file mode 100644
index 00000000000..3290e118a4d
--- /dev/null
+++ b/apps/web/src/audio/recorderWorkletFactory.ts
@@ -0,0 +1,16 @@
+/*
+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 mxRecorderWorkletPath from "./RecorderWorklet";
+
+export default function recorderWorkletFactory(context: AudioContext): Promise<void> {
+    // In future we should be using the built-in worklet support in Webpack 5 with the syntax
+    // described in https://github.com/webpack/webpack.js.org/issues/6869:
+    // addModule(/* webpackChunkName: "recorder.worklet" */ new URL("./RecorderWorklet.ts", import.meta.url));
+    return context.audioWorklet.addModule(mxRecorderWorkletPath);
+}
diff --git a/apps/web/src/autocomplete/AutocompleteProvider.ts b/apps/web/src/autocomplete/AutocompleteProvider.ts
new file mode 100644
index 00000000000..b9679d66461
--- /dev/null
+++ b/apps/web/src/autocomplete/AutocompleteProvider.ts
@@ -0,0 +1,114 @@
+/*
+Copyright 2017-2024 New Vector Ltd.
+Copyright 2017 Vector Creations Ltd
+Copyright 2016 Aviral Dasgupta
+
+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 React from "react";
+import { TimelineRenderingType } from "../contexts/RoomContext";
+import type { ICompletion, ISelectionRange } from "./Autocompleter";
+
+export interface ICommand {
+    command: RegExpExecArray | null;
+    range: {
+        start: number;
+        end: number;
+    };
+}
+
+export interface IAutocompleteOptions {
+    commandRegex?: RegExp;
+    forcedCommandRegex?: RegExp;
+    renderingType?: TimelineRenderingType;
+}
+
+export default abstract class AutocompleteProvider {
+    public commandRegex?: RegExp;
+    public forcedCommandRegex?: RegExp;
+
+    protected renderingType: TimelineRenderingType = TimelineRenderingType.Room;
+
+    protected constructor({ commandRegex, forcedCommandRegex, renderingType }: IAutocompleteOptions) {
+        if (commandRegex) {
+            if (!commandRegex.global) {
+                throw new Error("commandRegex must have global flag set");
+            }
+            this.commandRegex = commandRegex;
+        }
+        if (forcedCommandRegex) {
+            if (!forcedCommandRegex.global) {
+                throw new Error("forcedCommandRegex must have global flag set");
+            }
+            this.forcedCommandRegex = forcedCommandRegex;
+        }
+        if (renderingType) {
+            this.renderingType = renderingType;
+        }
+    }
+
+    public destroy(): void {
+        // stub
+    }
+
+    /**
+     * Of the matched commands in the query, returns the first that contains or is contained by the selection, or null.
+     * @param {string} query The query string
+     * @param {ISelectionRange} selection Selection to search
+     * @param {boolean} force True if the user is forcing completion
+     * @returns {object} { command, range } where both objects fields are null if no match
+     */
+    public getCurrentCommand(query: string, selection: ISelectionRange, force = false): Partial<ICommand> {
+        let commandRegex = this.commandRegex;
+
+        if (force && this.shouldForceComplete()) {
+            commandRegex = this.forcedCommandRegex || /\S+/g;
+        }
+
+        if (!commandRegex) {
+            return {};
+        }
+
+        commandRegex.lastIndex = 0;
+
+        let match: RegExpExecArray | null;
+        while ((match = commandRegex.exec(query)) !== null) {
+            const start = match.index;
+            const end = start + match[0].length;
+            if (selection.start <= end && selection.end >= start) {
+                return {
+                    command: match,
+                    range: {
+                        start,
+                        end,
+                    },
+                };
+            }
+        }
+        return {
+            command: null,
+            range: {
+                start: -1,
+                end: -1,
+            },
+        };
+    }
+
+    public abstract getCompletions(
+        query: string,
+        selection: ISelectionRange,
+        force: boolean,
+        limit: number,
+    ): Promise<ICompletion[]>;
+
+    public abstract getName(): string;
+
+    public abstract renderCompletions(completions: React.ReactNode[]): React.ReactNode | null;
+
+    // Whether we should provide completions even if triggered forcefully, without a sigil.
+    public shouldForceComplete(): boolean {
+        return false;
+    }
+}
diff --git a/apps/web/src/autocomplete/Autocompleter.ts b/apps/web/src/autocomplete/Autocompleter.ts
new file mode 100644
index 00000000000..2653de1034d
--- /dev/null
+++ b/apps/web/src/autocomplete/Autocompleter.ts
@@ -0,0 +1,111 @@
+/*
+Copyright 2017-2024 New Vector Ltd.
+Copyright 2016 Aviral Dasgupta
+
+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 ReactElement, type RefAttributes, type HTMLAttributes } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import CommandProvider from "./CommandProvider";
+import RoomProvider from "./RoomProvider";
+import UserProvider from "./UserProvider";
+import EmojiProvider from "./EmojiProvider";
+import NotifProvider from "./NotifProvider";
+import { timeout } from "../utils/promise";
+import { type ICommand } from "./AutocompleteProvider";
+import type AutocompleteProvider from "./AutocompleteProvider";
+import SpaceProvider from "./SpaceProvider";
+import { TimelineRenderingType } from "../contexts/RoomContext";
+import { filterBoolean } from "../utils/arrays";
+
+export interface ISelectionRange {
+    beginning?: boolean; // whether the selection is in the first block of the editor or not
+    start: number; // byte offset relative to the start anchor of the current editor selection.
+    end: number; // byte offset relative to the end anchor of the current editor selection.
+}
+
+export interface ICompletion {
+    type?: "at-room" | "command" | "community" | "room" | "user";
+    completion: string;
+    completionId?: string;
+    component: ReactElement<RefAttributes<HTMLElement> & HTMLAttributes<HTMLElement>>;
+    range: ISelectionRange;
+    command?: string;
+    suffix?: string;
+    // If provided, apply a LINK entity to the completion with the
+    // data = { url: href }.
+    href?: string;
+}
+
+const PROVIDERS = [UserProvider, RoomProvider, EmojiProvider, NotifProvider, CommandProvider, SpaceProvider];
+
+// Providers will get rejected if they take longer than this.
+const PROVIDER_COMPLETION_TIMEOUT = 3000;
+
+export interface IProviderCompletions {
+    completions: ICompletion[];
+    provider: AutocompleteProvider;
+    command: Partial<ICommand>;
+}
+
+export default class Autocompleter {
+    public room: Room;
+    public providers: AutocompleteProvider[];
+
+    public constructor(room: Room, renderingType: TimelineRenderingType = TimelineRenderingType.Room) {
+        this.room = room;
+        this.providers = PROVIDERS.map((Prov) => {
+            return new Prov(room, renderingType);
+        });
+    }
+
+    public destroy(): void {
+        this.providers.forEach((p) => {
+            p.destroy();
+        });
+    }
+
+    public async getCompletions(
+        query: string,
+        selection: ISelectionRange,
+        force = false,
+        limit = -1,
+    ): Promise<IProviderCompletions[]> {
+        /* Note: This intentionally waits for all providers to return,
+         otherwise, we run into a condition where new completions are displayed
+         while the user is interacting with the list, which makes it difficult
+         to predict whether an action will actually do what is intended
+        */
+        // list of results from each provider, each being a list of completions or null if it times out
+        const completionsList: Array<ICompletion[] | null> = await Promise.all(
+            this.providers.map(async (provider): Promise<ICompletion[] | null> => {
+                return timeout(
+                    provider.getCompletions(query, selection, force, limit),
+                    null,
+                    PROVIDER_COMPLETION_TIMEOUT,
+                );
+            }),
+        );
+
+        // map then filter to maintain the index for the map-operation, for this.providers to line up
+        return filterBoolean(
+            completionsList.map((completions, i) => {
+                if (!completions || !completions.length) return;
+
+                return {
+                    completions,
+                    provider: this.providers[i],
+
+                    /* the currently matched "command" the completer tried to complete
+                     * we pass this through so that Autocomplete can figure out when to
+                     * re-show itself once hidden.
+                     */
+                    command: this.providers[i].getCurrentCommand(query, selection, force),
+                };
+            }),
+        );
+    }
+}
diff --git a/apps/web/src/autocomplete/CommandProvider.test.ts b/apps/web/src/autocomplete/CommandProvider.test.ts
new file mode 100644
index 00000000000..268487f8c6e
--- /dev/null
+++ b/apps/web/src/autocomplete/CommandProvider.test.ts
@@ -0,0 +1,90 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils";
+
+import CommandProvider from "./CommandProvider";
+import { Command } from "../slash-commands/command";
+import { CommandCategories } from "../slash-commands/interface";
+import { _td } from "../languageHandler";
+import * as SlashCommands from "../slash-commands/SlashCommands";
+
+describe("CommandProvider", () => {
+    let room: Room;
+
+    beforeEach(() => {
+        stubClient();
+        room = {
+            roomId: "!room:server",
+        } as Room;
+    });
+
+    it("should filter out disabled commands when arguments are provided", async () => {
+        // Create a disabled command
+        const disabledCommand = new Command({
+            command: "disabled",
+            args: "<arg>",
+            description: _td("slash_command|spoiler"),
+            runFn: vi.fn(),
+            category: CommandCategories.messages,
+            isEnabled: () => false,
+        });
+
+        // Create an enabled command
+        const enabledCommand = new Command({
+            command: "enabled",
+            args: "<arg>",
+            description: _td("slash_command|shrug"),
+            runFn: vi.fn(),
+            category: CommandCategories.messages,
+            isEnabled: () => true,
+        });
+
+        // Mock the Commands array and CommandMap
+        Object.defineProperty(SlashCommands, "Commands", {
+            value: [disabledCommand, enabledCommand],
+            configurable: true,
+        });
+
+        const mockCommandMap = new Map<string, Command>();
+        mockCommandMap.set("disabled", disabledCommand);
+        mockCommandMap.set("enabled", enabledCommand);
+
+        Object.defineProperty(SlashCommands, "CommandMap", {
+            value: mockCommandMap,
+            configurable: true,
+        });
+
+        const provider = new CommandProvider(room);
+
+        // When we search for a disabled command with arguments
+        const completions = await provider.getCompletions("/disabled test", {
+            beginning: true,
+            start: 0,
+            end: 14,
+        });
+
+        // Then we should get no completions because the command is disabled
+        expect(completions).toEqual([]);
+
+        // When we search for an enabled command with arguments
+        const enabledCompletions = await provider.getCompletions("/enabled test", {
+            beginning: true,
+            start: 0,
+            end: 13,
+        });
+
+        // Then we should get the completion because the command is enabled
+        // The completion preserves the arguments when the command matches
+        expect(enabledCompletions).toHaveLength(1);
+        expect(enabledCompletions[0].completion).toBe("/enabled test");
+    });
+});
diff --git a/apps/web/src/autocomplete/CommandProvider.tsx b/apps/web/src/autocomplete/CommandProvider.tsx
new file mode 100644
index 00000000000..065fa9cca0d
--- /dev/null
+++ b/apps/web/src/autocomplete/CommandProvider.tsx
@@ -0,0 +1,113 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2017 Vector Creations Ltd
+Copyright 2017 New Vector Ltd
+Copyright 2016 Aviral Dasgupta
+
+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 Room } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../languageHandler";
+import AutocompleteProvider from "./AutocompleteProvider";
+import QueryMatcher from "./QueryMatcher";
+import { TextualCompletion } from "./Components";
+import { type ICompletion, type ISelectionRange } from "./Autocompleter";
+import { type Command, Commands, CommandMap } from "../slash-commands/SlashCommands";
+import { type TimelineRenderingType } from "../contexts/RoomContext";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+
+const COMMAND_RE = /(^\/\w*)(?: .*)?/g;
+
+export default class CommandProvider extends AutocompleteProvider {
+    public matcher: QueryMatcher<Command>;
+    private room: Room;
+    public constructor(room: Room, renderingType?: TimelineRenderingType) {
+        super({ commandRegex: COMMAND_RE, renderingType });
+        this.matcher = new QueryMatcher(Commands, {
+            keys: ["command", "args", "description"],
+            funcs: [({ aliases }) => aliases.join(" ")], // aliases
+            context: renderingType,
+        });
+        this.room = room;
+    }
+
+    public async getCompletions(
+        query: string,
+        selection: ISelectionRange,
+        force?: boolean,
+        limit = -1,
+    ): Promise<ICompletion[]> {
+        const { command, range } = this.getCurrentCommand(query, selection);
+        if (!command) return [];
+
+        const cli = MatrixClientPeg.get();
+
+        let matches: Command[] = [];
+        // check if the full match differs from the first word (i.e. returns false if the command has args)
+        if (command[0] !== command[1]) {
+            // The input looks like a command with arguments, perform exact match
+            const name = command[1].slice(1); // strip leading `/`
+            if (CommandMap.has(name) && CommandMap.get(name)!.isEnabled(cli, this.room.roomId)) {
+                // some commands, namely `me` don't suit having the usage shown whilst typing their arguments
+                if (CommandMap.get(name)!.hideCompletionAfterSpace) return [];
+                matches = [CommandMap.get(name)!];
+            }
+        } else {
+            if (query === "/") {
+                // If they have just entered `/` show everything
+                // We exclude the limit on purpose to have a comprehensive list
+                matches = Commands;
+            } else {
+                // otherwise fuzzy match against all of the fields
+                matches = this.matcher.match(command[1], limit);
+            }
+        }
+
+        return matches
+            .filter((cmd) => {
+                const display = !cmd.renderingTypes || cmd.renderingTypes.includes(this.renderingType);
+                return cmd.isEnabled(cli, this.room.roomId) && display;
+            })
+            .map((result) => {
+                let completion = result.getCommand() + " ";
+                const usedAlias = result.aliases.find((alias) => `/${alias}` === command[1]);
+                // If the command (or an alias) is the same as the one they entered, we don't want to discard their arguments
+                if (usedAlias || result.getCommand() === command[1]) {
+                    completion = command[0];
+                }
+
+                return {
+                    completion,
+                    type: "command",
+                    component: (
+                        <TextualCompletion
+                            title={`/${usedAlias || result.command}`}
+                            subtitle={result.args}
+                            description={_t(result.description)}
+                        />
+                    ),
+                    range: range!,
+                };
+            });
+    }
+
+    public getName(): string {
+        return "*️⃣ " + _t("composer|autocomplete|command_description");
+    }
+
+    public renderCompletions(completions: React.ReactNode[]): React.ReactNode {
+        return (
+            <div
+                className="mx_Autocomplete_Completion_container_pill"
+                aria-label={_t("composer|autocomplete|command_a11y")}
+            >
+                {completions}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/autocomplete/Components.test.tsx b/apps/web/src/autocomplete/Components.test.tsx
new file mode 100644
index 00000000000..d858b8cba9e
--- /dev/null
+++ b/apps/web/src/autocomplete/Components.test.tsx
@@ -0,0 +1,24 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import React from "react";
+import { render, screen } from "test-utils-rtl";
+import { describe, it, expect } from "vitest";
+
+import { PillCompletion } from "./Components";
+
+describe("PillCompletion", () => {
+    it("renders the titleIcon immediately after the title", () => {
+        render(<PillCompletion title="Alice" titleIcon={<span>💡</span>} description="@alice:example.org" />);
+
+        const title = screen.getByText("Alice");
+        const icon = screen.getByText("💡");
+        expect(title.nextElementSibling).toBe(icon);
+    });
+});
diff --git a/apps/web/src/autocomplete/Components.tsx b/apps/web/src/autocomplete/Components.tsx
new file mode 100644
index 00000000000..0b59c911eab
--- /dev/null
+++ b/apps/web/src/autocomplete/Components.tsx
@@ -0,0 +1,85 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016 Aviral Dasgupta
+
+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 Ref, type JSX } from "react";
+import classNames from "classnames";
+
+/* These were earlier stateless functional components but had to be converted
+since we need to use refs/findDOMNode to access the underlying DOM node to focus the correct completion,
+something that is not entirely possible with stateless functional components. One could
+presumably wrap them in a <div> before rendering but I think this is the better way to do it.
+ */
+
+interface ITextualCompletionProps {
+    "title"?: string;
+    "subtitle"?: string;
+    "description"?: string;
+    "className"?: string;
+    "aria-selected"?: boolean;
+    "ref"?: Ref<HTMLDivElement>;
+}
+
+export const TextualCompletion = (props: ITextualCompletionProps): JSX.Element => {
+    const {
+        title,
+        subtitle,
+        description,
+        className,
+        "aria-selected": ariaSelectedAttribute,
+        ref,
+        ...restProps
+    } = props;
+    return (
+        <div
+            {...restProps}
+            className={classNames("mx_Autocomplete_Completion_block", className)}
+            role="option"
+            aria-selected={ariaSelectedAttribute}
+            ref={ref}
+        >
+            <span className="mx_Autocomplete_Completion_title">{title}</span>
+            <span className="mx_Autocomplete_Completion_subtitle">{subtitle}</span>
+            <span className="mx_Autocomplete_Completion_description">{description}</span>
+        </div>
+    );
+};
+
+interface IPillCompletionProps extends ITextualCompletionProps {
+    /** An icon displayed after the title */
+    titleIcon?: React.ReactNode;
+    children?: React.ReactNode;
+}
+
+export const PillCompletion = (props: IPillCompletionProps): JSX.Element => {
+    const {
+        title,
+        subtitle,
+        description,
+        className,
+        children,
+        titleIcon,
+        "aria-selected": ariaSelectedAttribute,
+        ref,
+        ...restProps
+    } = props;
+    return (
+        <div
+            {...restProps}
+            className={classNames("mx_Autocomplete_Completion_pill", className)}
+            role="option"
+            aria-selected={ariaSelectedAttribute}
+            ref={ref}
+        >
+            {children}
+            <span className="mx_Autocomplete_Completion_title">{title}</span>
+            {titleIcon}
+            <span className="mx_Autocomplete_Completion_subtitle">{subtitle}</span>
+            <span className="mx_Autocomplete_Completion_description">{description}</span>
+        </div>
+    );
+};
diff --git a/apps/web/src/autocomplete/EmojiProvider.test.ts b/apps/web/src/autocomplete/EmojiProvider.test.ts
new file mode 100644
index 00000000000..6d8ee5f611a
--- /dev/null
+++ b/apps/web/src/autocomplete/EmojiProvider.test.ts
@@ -0,0 +1,97 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Ryan Browne <code@commonlawfeature.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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+import { stubClient, mkStubRoom } from "test-utils";
+
+import EmojiProvider from "./EmojiProvider";
+import { add } from "../emojipicker/recent";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+
+const EMOJI_SHORTCODES = [
+    ":+1",
+    ":heart",
+    ":grinning",
+    ":hand",
+    ":man",
+    ":sweat",
+    ":monkey",
+    ":boat",
+    ":mailbox",
+    ":cop",
+    ":bow",
+    ":kiss",
+    ":golf",
+];
+
+// Some emoji shortcodes are too short and do not actually trigger autocompletion until the ending `:`.
+// This means that we cannot compare their autocompletion before and after the ending `:` and have
+// to simply assert that the final completion with the colon is the exact emoji.
+const TOO_SHORT_EMOJI_SHORTCODE = [{ emojiShortcode: ":o", expectedEmoji: "⭕️" }];
+
+interface CompletionComponentProps {
+    title: string;
+}
+
+describe("EmojiProvider", function () {
+    const testRoom = mkStubRoom(undefined, undefined, undefined);
+    stubClient();
+    MatrixClientPeg.safeGet();
+
+    it.each(EMOJI_SHORTCODES)("Returns consistent results after final colon %s", async function (emojiShortcode) {
+        const ep = new EmojiProvider(testRoom);
+        const range = { beginning: true, start: 0, end: 3 };
+        const completionsBeforeColon = await ep.getCompletions(emojiShortcode, range);
+        const completionsAfterColon = await ep.getCompletions(emojiShortcode + ":", range);
+
+        const firstCompletionWithoutColon = completionsBeforeColon[0].completion;
+        const firstCompletionWithColon = completionsAfterColon[0].completion;
+
+        expect(firstCompletionWithoutColon).toEqual(firstCompletionWithColon);
+    });
+
+    it.each(TOO_SHORT_EMOJI_SHORTCODE)(
+        "Returns correct results after final colon $emojiShortcode",
+        async ({ emojiShortcode, expectedEmoji }) => {
+            const ep = new EmojiProvider(testRoom);
+            const range = { beginning: true, start: 0, end: 3 };
+            const completions = await ep.getCompletions(emojiShortcode + ":", range);
+
+            expect(completions[0].completion).toEqual(expectedEmoji);
+        },
+    );
+
+    it("Recently used emojis are correctly sorted", async function () {
+        add("😘"); //kissing_heart
+        add("💗"); //heartpulse
+        add("💗"); //heartpulse
+        add("😍"); //heart_eyes
+
+        const ep = new EmojiProvider(testRoom);
+        const completionsList = await ep.getCompletions(":heart", { beginning: true, start: 0, end: 6 });
+        expect((completionsList[0]?.component?.props as CompletionComponentProps).title).toEqual(":heartpulse:");
+        expect((completionsList[1]?.component?.props as CompletionComponentProps).title).toEqual(":heart_eyes:");
+    });
+
+    it("Exact match in recently used takes the lead", async function () {
+        add("😘"); //kissing_heart
+        add("💗"); //heartpulse
+        add("💗"); //heartpulse
+        add("😍"); //heart_eyes
+
+        add("❤️"); //heart
+        const ep = new EmojiProvider(testRoom);
+        const completionsList = await ep.getCompletions(":heart", { beginning: true, start: 0, end: 6 });
+
+        expect((completionsList[0]?.component?.props as CompletionComponentProps).title).toEqual(":heart:");
+        expect((completionsList[1]?.component?.props as CompletionComponentProps).title).toEqual(":heartpulse:");
+        expect((completionsList[2]?.component?.props as CompletionComponentProps).title).toEqual(":heart_eyes:");
+    });
+});
diff --git a/apps/web/src/autocomplete/EmojiProvider.tsx b/apps/web/src/autocomplete/EmojiProvider.tsx
new file mode 100644
index 00000000000..82851e4c142
--- /dev/null
+++ b/apps/web/src/autocomplete/EmojiProvider.tsx
@@ -0,0 +1,184 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Ryan Browne <code@commonlawfeature.com>
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2017, 2018 New Vector Ltd
+Copyright 2017 Vector Creations Ltd
+Copyright 2016 Aviral Dasgupta
+
+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 { uniq, sortBy, uniqBy, type ListIteratee } from "lodash";
+import EMOTICON_REGEX from "emojibase-regex/emoticon";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { EMOJI, type Emoji, getEmojiFromUnicode } from "@matrix-org/emojibase-bindings";
+
+import { _t } from "../languageHandler";
+import AutocompleteProvider from "./AutocompleteProvider";
+import QueryMatcher from "./QueryMatcher";
+import { PillCompletion } from "./Components";
+import { type ICompletion, type ISelectionRange } from "./Autocompleter";
+import SettingsStore from "../settings/SettingsStore";
+import { type TimelineRenderingType } from "../contexts/RoomContext";
+import * as recent from "../emojipicker/recent";
+import { filterBoolean } from "../utils/arrays";
+
+const LIMIT = 20;
+
+// Match for ascii-style ";-)" emoticons or ":wink:" shortcodes provided by emojibase
+// anchored to only match from the start of parts otherwise it'll show emoji suggestions whilst typing matrix IDs
+const EMOJI_REGEX = new RegExp("(" + EMOTICON_REGEX.source + "|(?:^|\\s):[+-\\w]*:?)$", "g");
+
+interface ISortedEmoji {
+    emoji: Emoji;
+    _orderBy: number;
+}
+
+const SORTED_EMOJI: ISortedEmoji[] = EMOJI.sort((a, b) => {
+    if (a.group === b.group) {
+        return a.order! - b.order!;
+    }
+    return a.group! - b.group!;
+}).map((emoji, index) => ({
+    emoji,
+    // Include the index so that we can preserve the original order
+    _orderBy: index,
+}));
+
+function score(query: string, space: string[] | string): number {
+    if (Array.isArray(space)) {
+        return Math.min(...space.map((s) => score(query, s)));
+    }
+
+    const index = space.indexOf(query);
+    if (index === -1) {
+        return Infinity;
+    } else {
+        return index;
+    }
+}
+
+function colonsTrimmed(str: string): string {
+    // Trim off leading and potentially trailing `:` to correctly match the emoji data as they exist in emojibase.
+    // Notes: The regex is pinned to the start and end of the string so that we can use the lazy-capturing `*?` matcher.
+    // It needs to be lazy so that the trailing `:` is not captured in the replacement group, if it exists.
+    return str.replace(/^:(.*?):?$/, "$1");
+}
+
+export default class EmojiProvider extends AutocompleteProvider {
+    public matcher: QueryMatcher<ISortedEmoji>;
+    public nameMatcher: QueryMatcher<ISortedEmoji>;
+    private readonly recentlyUsed: Emoji[];
+
+    public constructor(room: Room, renderingType?: TimelineRenderingType) {
+        super({ commandRegex: EMOJI_REGEX, renderingType });
+        this.matcher = new QueryMatcher<ISortedEmoji>(SORTED_EMOJI, {
+            keys: [],
+            funcs: [(o) => o.emoji.shortcodes.map((s) => `:${s}:`)],
+            // For matching against ascii equivalents
+            shouldMatchWordsOnly: false,
+        });
+        this.nameMatcher = new QueryMatcher(SORTED_EMOJI, {
+            keys: ["emoji.label"],
+            // For removing punctuation
+            shouldMatchWordsOnly: true,
+        });
+
+        this.recentlyUsed = Array.from(new Set(filterBoolean(recent.get().map(getEmojiFromUnicode))));
+    }
+
+    public async getCompletions(
+        query: string,
+        selection: ISelectionRange,
+        force?: boolean,
+        limit = -1,
+    ): Promise<ICompletion[]> {
+        if (!SettingsStore.getValue("MessageComposerInput.suggestEmoji")) {
+            return []; // don't give any suggestions if the user doesn't want them
+        }
+
+        let completions: ISortedEmoji[] = [];
+        const { command, range } = this.getCurrentCommand(query, selection);
+
+        if (command && command[0].length > 2) {
+            const matchedString = command[0];
+            completions = this.matcher.match(matchedString, limit);
+
+            // Do second match with shouldMatchWordsOnly in order to match against 'name'
+            completions = completions.concat(this.nameMatcher.match(matchedString));
+
+            const sorters: ListIteratee<ISortedEmoji>[] = [];
+            // make sure that emoticons come first
+            sorters.push((c) => score(matchedString, c.emoji.emoticon || ""));
+
+            // then sort by score (Infinity if matchedString not in shortcode)
+            sorters.push((c) => score(matchedString, c.emoji.shortcodes[0]));
+            // then sort by max score of all shortcodes, trim off the `:`
+            const trimmedMatch = colonsTrimmed(matchedString);
+            sorters.push((c) => Math.min(...c.emoji.shortcodes.map((s) => score(trimmedMatch, s))));
+            // If the matchedString is not empty, sort by length of shortcode. Example:
+            //  matchedString = ":bookmark"
+            //  completions = [":bookmark:", ":bookmark_tabs:", ...]
+            if (matchedString.length > 1) {
+                sorters.push((c) => c.emoji.shortcodes[0].length);
+            }
+            // Finally, sort by original ordering
+            sorters.push((c) => c._orderBy);
+            completions = sortBy<ISortedEmoji>(uniq(completions), sorters);
+
+            completions = completions.slice(0, LIMIT);
+
+            // Do a second sort to place emoji matching with frequently used one on top
+            const recentlyUsedAutocomplete: ISortedEmoji[] = [];
+            this.recentlyUsed.forEach((emoji) => {
+                if (emoji.shortcodes[0].indexOf(trimmedMatch) === 0) {
+                    recentlyUsedAutocomplete.push({ emoji: emoji, _orderBy: 0 });
+                }
+            });
+
+            //if there is an exact shortcode match in the frequently used emojis, it goes before everything
+            for (let i = 0; i < recentlyUsedAutocomplete.length; i++) {
+                if (recentlyUsedAutocomplete[i].emoji.shortcodes[0] === trimmedMatch) {
+                    const exactMatchEmoji = recentlyUsedAutocomplete[i];
+                    for (let j = i; j > 0; j--) {
+                        recentlyUsedAutocomplete[j] = recentlyUsedAutocomplete[j - 1];
+                    }
+                    recentlyUsedAutocomplete[0] = exactMatchEmoji;
+                    break;
+                }
+            }
+
+            completions = recentlyUsedAutocomplete.concat(completions);
+            completions = uniqBy(completions, "emoji");
+
+            return completions.map((c) => ({
+                completion: c.emoji.unicode,
+                component: (
+                    <PillCompletion title={`:${c.emoji.shortcodes[0]}:`} aria-label={c.emoji.unicode}>
+                        <span>{c.emoji.unicode}</span>
+                    </PillCompletion>
+                ),
+                range: range!,
+            }));
+        }
+        return [];
+    }
+
+    public getName(): string {
+        return "😃 " + _t("common|emoji");
+    }
+
+    public renderCompletions(completions: React.ReactNode[]): React.ReactNode {
+        return (
+            <div
+                className="mx_Autocomplete_Completion_container_pill"
+                aria-label={_t("composer|autocomplete|emoji_a11y")}
+            >
+                {completions}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/autocomplete/NotifProvider.tsx b/apps/web/src/autocomplete/NotifProvider.tsx
new file mode 100644
index 00000000000..ca76a46839c
--- /dev/null
+++ b/apps/web/src/autocomplete/NotifProvider.tsx
@@ -0,0 +1,77 @@
+/*
+Copyright 2017-2024 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 Room } from "matrix-js-sdk/src/matrix";
+
+import AutocompleteProvider from "./AutocompleteProvider";
+import { _t } from "../languageHandler";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { PillCompletion } from "./Components";
+import { type ICompletion, type ISelectionRange } from "./Autocompleter";
+import RoomAvatar from "../components/views/avatars/RoomAvatar";
+import { type TimelineRenderingType } from "../contexts/RoomContext";
+
+const AT_ROOM_REGEX = /@\S*/g;
+
+export default class NotifProvider extends AutocompleteProvider {
+    public constructor(
+        public room: Room,
+        renderingType?: TimelineRenderingType,
+    ) {
+        super({ commandRegex: AT_ROOM_REGEX, renderingType });
+    }
+
+    public async getCompletions(
+        query: string,
+        selection: ISelectionRange,
+        force = false,
+        limit = -1,
+    ): Promise<ICompletion[]> {
+        const client = MatrixClientPeg.safeGet();
+
+        if (!this.room.currentState.mayTriggerNotifOfType("room", client.getSafeUserId())) return [];
+
+        const { command, range } = this.getCurrentCommand(query, selection, force);
+        if (
+            command?.[0] &&
+            command[0].length > 1 &&
+            ["@room", "@channel", "@everyone", "@here"].some((c) => c.startsWith(command[0]))
+        ) {
+            return [
+                {
+                    completion: "@room",
+                    completionId: "@room",
+                    type: "at-room",
+                    suffix: " ",
+                    component: (
+                        <PillCompletion title="@room" description={_t("composer|autocomplete|@room_description")}>
+                            <RoomAvatar size="24px" room={this.room} />
+                        </PillCompletion>
+                    ),
+                    range: range!,
+                },
+            ];
+        }
+        return [];
+    }
+
+    public getName(): string {
+        return "❗️ " + _t("composer|autocomplete|notification_description");
+    }
+
+    public renderCompletions(completions: React.ReactNode[]): React.ReactNode {
+        return (
+            <div
+                className="mx_Autocomplete_Completion_container_pill mx_Autocomplete_Completion_container_truncate"
+                aria-label={_t("composer|autocomplete|notification_a11y")}
+            >
+                {completions}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/autocomplete/QueryMatcher.test.ts b/apps/web/src/autocomplete/QueryMatcher.test.ts
new file mode 100644
index 00000000000..94ac52be1d7
--- /dev/null
+++ b/apps/web/src/autocomplete/QueryMatcher.test.ts
@@ -0,0 +1,167 @@
+/*
+Copyright 2018-2024 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 { describe, it, expect } from "vitest";
+
+import QueryMatcher from "./QueryMatcher";
+
+const OBJECTS = [
+    { name: "Mel B", nick: "Scary" },
+    { name: "Mel C", nick: "Sporty" },
+    { name: "Emma", nick: "Baby" },
+    { name: "Geri", nick: "Ginger" },
+    { name: "Victoria", nick: "Posh" },
+];
+
+const NONWORDOBJECTS = [{ name: "B.O.B" }, { name: "bob" }];
+
+describe("QueryMatcher", function () {
+    it("Returns results by key", function () {
+        const qm = new QueryMatcher(OBJECTS, { keys: ["name"] });
+        const results = qm.match("Geri");
+
+        expect(results).toHaveLength(1);
+        expect(results[0].name).toBe("Geri");
+    });
+
+    it("Returns results by prefix", function () {
+        const qm = new QueryMatcher(OBJECTS, { keys: ["name"] });
+        const results = qm.match("Ge");
+
+        expect(results).toHaveLength(1);
+        expect(results[0].name).toBe("Geri");
+    });
+
+    it("Matches case-insensitive", function () {
+        const qm = new QueryMatcher(OBJECTS, { keys: ["name"] });
+        const results = qm.match("geri");
+
+        expect(results).toHaveLength(1);
+        expect(results[0].name).toBe("Geri");
+    });
+
+    it("Matches ignoring accents", function () {
+        const qm = new QueryMatcher([{ name: "Gëri", foo: 46 }], { keys: ["name"] });
+        const results = qm.match("geri");
+
+        expect(results).toHaveLength(1);
+        expect(results[0].foo).toBe(46);
+    });
+
+    it("Returns multiple results in order of search string appearance", function () {
+        const qm = new QueryMatcher(OBJECTS, { keys: ["name", "nick"] });
+        const results = qm.match("or");
+
+        expect(results.length).toBe(2);
+        expect(results[0].name).toBe("Mel C");
+        expect(results[1].name).toBe("Victoria");
+
+        qm.setObjects(OBJECTS.slice().reverse());
+        const reverseResults = qm.match("or");
+
+        // should still be in the same order: search string position
+        // takes precedence over input order
+        expect(reverseResults.length).toBe(2);
+        expect(reverseResults[0].name).toBe("Mel C");
+        expect(reverseResults[1].name).toBe("Victoria");
+    });
+
+    it("Returns results with search string in same place according to key index", function () {
+        const objects = [
+            { name: "a", first: "hit", second: "miss", third: "miss" },
+            { name: "b", first: "miss", second: "hit", third: "miss" },
+            { name: "c", first: "miss", second: "miss", third: "hit" },
+        ];
+        const qm = new QueryMatcher(objects, { keys: ["second", "first", "third"] });
+        const results = qm.match("hit");
+
+        expect(results.length).toBe(3);
+        expect(results[0].name).toBe("b");
+        expect(results[1].name).toBe("a");
+        expect(results[2].name).toBe("c");
+
+        qm.setObjects(objects.slice().reverse());
+
+        const reverseResults = qm.match("hit");
+
+        // should still be in the same order: key index
+        // takes precedence over input order
+        expect(reverseResults.length).toBe(3);
+        expect(reverseResults[0].name).toBe("b");
+        expect(reverseResults[1].name).toBe("a");
+        expect(reverseResults[2].name).toBe("c");
+    });
+
+    it("Returns results with search string in same place and key in same place in insertion order", function () {
+        const qm = new QueryMatcher(OBJECTS, { keys: ["name"] });
+        const results = qm.match("Mel");
+
+        expect(results.length).toBe(2);
+        expect(results[0].name).toBe("Mel B");
+        expect(results[1].name).toBe("Mel C");
+
+        qm.setObjects(OBJECTS.slice().reverse());
+
+        const reverseResults = qm.match("Mel");
+
+        expect(reverseResults.length).toBe(2);
+        expect(reverseResults[0].name).toBe("Mel C");
+        expect(reverseResults[1].name).toBe("Mel B");
+    });
+
+    it("Returns numeric results in correct order (input pos)", function () {
+        // regression test for depending on object iteration order
+        const qm = new QueryMatcher([{ name: "123456badger" }, { name: "123456" }], { keys: ["name"] });
+        const results = qm.match("123456");
+
+        expect(results.length).toBe(2);
+        expect(results[0].name).toBe("123456badger");
+        expect(results[1].name).toBe("123456");
+    });
+
+    it("Returns numeric results in correct order (query pos)", function () {
+        const qm = new QueryMatcher([{ name: "999999123456" }, { name: "123456badger" }], { keys: ["name"] });
+        const results = qm.match("123456");
+
+        expect(results.length).toBe(2);
+        expect(results[0].name).toBe("123456badger");
+        expect(results[1].name).toBe("999999123456");
+    });
+
+    it("Returns results by function", function () {
+        const qm = new QueryMatcher(OBJECTS, {
+            keys: ["name"],
+            funcs: [(x) => x.name.replace("Mel", "Emma")],
+        });
+
+        const results = qm.match("Emma");
+        expect(results.length).toBe(3);
+        expect(results[0].name).toBe("Emma");
+        expect(results[1].name).toBe("Mel B");
+        expect(results[2].name).toBe("Mel C");
+    });
+
+    it("Matches words only by default", function () {
+        const qm = new QueryMatcher(NONWORDOBJECTS, { keys: ["name"] });
+
+        const results = qm.match("bob");
+        expect(results.length).toBe(2);
+        expect(results[0].name).toBe("B.O.B");
+        expect(results[1].name).toBe("bob");
+    });
+
+    it("Matches all chars with words-only off", function () {
+        const qm = new QueryMatcher(NONWORDOBJECTS, {
+            keys: ["name"],
+            shouldMatchWordsOnly: false,
+        });
+
+        const results = qm.match("bob");
+        expect(results).toHaveLength(1);
+        expect(results[0].name).toBe("bob");
+    });
+});
diff --git a/apps/web/src/autocomplete/QueryMatcher.ts b/apps/web/src/autocomplete/QueryMatcher.ts
new file mode 100644
index 00000000000..0012beacfac
--- /dev/null
+++ b/apps/web/src/autocomplete/QueryMatcher.ts
@@ -0,0 +1,148 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2018 New Vector Ltd
+Copyright 2017 Aviral Dasgupta
+
+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 { at, uniq } from "lodash";
+import { removeHiddenChars } from "matrix-js-sdk/src/utils";
+
+import { type TimelineRenderingType } from "../contexts/RoomContext";
+import { type Leaves } from "../@types/common";
+
+interface IOptions<T extends object> {
+    keys: Array<Leaves<T>>;
+    funcs?: Array<(o: T) => string | string[]>;
+    shouldMatchWordsOnly?: boolean;
+    // whether to apply unhomoglyph and strip diacritics to fuzz up the search. Defaults to true
+    fuzzy?: boolean;
+    context?: TimelineRenderingType;
+}
+
+/**
+ * Simple search matcher that matches any results with the query string anywhere
+ * in the search string. Returns matches in the order the query string appears
+ * in the search key, earliest first, then in the order the search key appears
+ * in the provided array of keys, then in the order the items appeared in the
+ * source array.
+ *
+ * @param {Object[]} objects Initial list of objects. Equivalent to calling
+ *     setObjects() after construction
+ * @param {Object} options Options object
+ * @param {string[]} options.keys List of keys to use as indexes on the objects
+ * @param {function[]} options.funcs List of functions that when called with the
+ *     object as an arg will return a string to use as an index
+ */
+export default class QueryMatcher<T extends object> {
+    private _options: IOptions<T>;
+    private _items = new Map<string, { object: T; keyWeight: number }[]>();
+
+    public constructor(objects: T[], options: IOptions<T> = { keys: [] }) {
+        this._options = options;
+
+        this.setObjects(objects);
+
+        // By default, we remove any non-alphanumeric characters ([^A-Za-z0-9_]) from the
+        // query and the value being queried before matching
+        if (this._options.shouldMatchWordsOnly === undefined) {
+            this._options.shouldMatchWordsOnly = true;
+        }
+    }
+
+    public setObjects(objects: T[]): void {
+        this._items = new Map();
+
+        for (const object of objects) {
+            // Need to use unsafe coerce here because the objects can have any
+            // type for their values. We assume that those values who's keys have
+            // been specified will be string. Also, we cannot infer all the
+            // types of the keys of the objects at compile.
+            const keyValues = at<string>(<any>object, this._options.keys);
+
+            if (this._options.funcs) {
+                for (const f of this._options.funcs) {
+                    const v = f(object);
+                    if (Array.isArray(v)) {
+                        keyValues.push(...v);
+                    } else {
+                        keyValues.push(v);
+                    }
+                }
+            }
+
+            for (const [index, keyValue] of Object.entries(keyValues)) {
+                if (!keyValue) continue; // skip falsy keyValues
+                const key = this.processQuery(keyValue);
+                if (!this._items.has(key)) {
+                    this._items.set(key, []);
+                }
+                this._items.get(key)!.push({
+                    keyWeight: Number(index),
+                    object,
+                });
+            }
+        }
+    }
+
+    public match(query: string, limit = -1): T[] {
+        query = this.processQuery(query);
+        if (this._options.shouldMatchWordsOnly) {
+            query = query.replace(/[^\w]/g, "");
+        }
+        if (query.length === 0) {
+            return [];
+        }
+        const matches: {
+            index: number;
+            object: T;
+            keyWeight: number;
+        }[] = [];
+        // Iterate through the map & check each key.
+        // ES6 Map iteration order is defined to be insertion order, so results
+        // here will come out in the order they were put in.
+        for (const [key, candidates] of this._items.entries()) {
+            let resultKey = key;
+            if (this._options.shouldMatchWordsOnly) {
+                resultKey = resultKey.replace(/[^\w]/g, "");
+            }
+            const index = resultKey.indexOf(query);
+            if (index !== -1) {
+                matches.push(...candidates.map((candidate) => ({ index, ...candidate })));
+            }
+        }
+
+        // Sort matches by where the query appeared in the search key, then by
+        // where the matched key appeared in the provided array of keys.
+        matches.sort((a, b) => {
+            if (a.index < b.index) {
+                return -1;
+            } else if (a.index === b.index) {
+                if (a.keyWeight < b.keyWeight) {
+                    return -1;
+                } else if (a.keyWeight === b.keyWeight) {
+                    return 0;
+                }
+            }
+
+            return 1;
+        });
+
+        // Now map the keys to the result objects. Also remove any duplicates.
+        const dedupped = uniq(matches.map((match) => match.object));
+        const maxLength = limit === -1 ? dedupped.length : limit;
+
+        return dedupped.slice(0, maxLength);
+    }
+
+    private processQuery(query: string): string {
+        if (this._options.fuzzy !== false) {
+            // lower case both the input and the output for consistency
+            return removeHiddenChars(query.toLowerCase()).toLowerCase();
+        }
+        return query.toLowerCase();
+    }
+}
diff --git a/apps/web/src/autocomplete/RoomProvider.test.ts b/apps/web/src/autocomplete/RoomProvider.test.ts
new file mode 100644
index 00000000000..8353ed020de
--- /dev/null
+++ b/apps/web/src/autocomplete/RoomProvider.test.ts
@@ -0,0 +1,129 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { mkRoom, mkSpace, stubClient } from "test-utils";
+
+import RoomProvider from "./RoomProvider";
+import SettingsStore from "../settings/SettingsStore";
+
+describe("RoomProvider", () => {
+    it("suggests a room whose alias matches a prefix", async () => {
+        // Given a room
+        const client = stubClient();
+        const room = makeRoom(client, "room:e.com");
+        vi.mocked(client.getVisibleRooms).mockReturnValue([room]);
+
+        // When we search for rooms starting with its prefix
+        const roomProvider = new RoomProvider(room);
+        const completions = await roomProvider.getCompletions("#ro", { beginning: true, start: 0, end: 3 });
+
+        // Then we find it
+        expect(completions).toStrictEqual([
+            {
+                type: "room",
+                completion: room.getCanonicalAlias(),
+                completionId: room.roomId,
+                component: expect.anything(),
+                href: "https://matrix.to/#/#room:e.com",
+                range: { start: 0, end: 3 },
+                suffix: " ",
+            },
+        ]);
+    });
+
+    it("suggests only rooms matching a prefix", async () => {
+        // Given some rooms with different names
+        const client = stubClient();
+        const room1 = makeRoom(client, "room1:e.com");
+        const room2 = makeRoom(client, "room2:e.com");
+        const other = makeRoom(client, "other:e.com");
+        const space = makeSpace(client, "room3:e.com");
+        vi.mocked(client.getVisibleRooms).mockReturnValue([room1, room2, other, space]);
+
+        // When we search for rooms starting with a prefix
+        const roomProvider = new RoomProvider(room1);
+        const completions = await roomProvider.getCompletions("#ro", { beginning: true, start: 0, end: 3 });
+
+        // Then we find the two rooms with that prefix, but not the other one
+        expect(completions).toStrictEqual([
+            {
+                type: "room",
+                completion: room1.getCanonicalAlias(),
+                completionId: room1.roomId,
+                component: expect.anything(),
+                href: "https://matrix.to/#/#room1:e.com",
+                range: { start: 0, end: 3 },
+                suffix: " ",
+            },
+            {
+                type: "room",
+                completion: room2.getCanonicalAlias(),
+                completionId: room2.roomId,
+                component: expect.anything(),
+                href: "https://matrix.to/#/#room2:e.com",
+                range: { start: 0, end: 3 },
+                suffix: " ",
+            },
+        ]);
+    });
+
+    describe("If the feature_dynamic_room_predecessors is not enabled", () => {
+        beforeEach(() => {
+            vi.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            const client = stubClient();
+            const room = makeRoom(client, "room:e.com");
+            vi.mocked(client.getVisibleRooms).mockReturnValue([room]);
+            vi.mocked(client.getVisibleRooms).mockClear();
+
+            const roomProvider = new RoomProvider(room);
+            await roomProvider.getCompletions("#ro", { beginning: true, start: 0, end: 3 });
+
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(false);
+        });
+    });
+
+    describe("If the feature_dynamic_room_predecessors is enabled", () => {
+        beforeEach(() => {
+            // Turn on feature_dynamic_room_predecessors setting
+            vi.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "feature_dynamic_room_predecessors",
+            );
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            const client = stubClient();
+            const room = makeRoom(client, "room:e.com");
+            vi.mocked(client.getVisibleRooms).mockReturnValue([room]);
+            vi.mocked(client.getVisibleRooms).mockClear();
+
+            const roomProvider = new RoomProvider(room);
+            await roomProvider.getCompletions("#ro", { beginning: true, start: 0, end: 3 });
+
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(true);
+        });
+    });
+});
+
+function makeSpace(client: MatrixClient, name: string): Room {
+    const space = mkSpace(client, `!${name}`);
+    space.getCanonicalAlias.mockReturnValue(`#${name}`);
+    return space;
+}
+
+function makeRoom(client: MatrixClient, name: string): Room {
+    const room = mkRoom(client, `!${name}`);
+    room.getCanonicalAlias.mockReturnValue(`#${name}`);
+    return room;
+}
diff --git a/apps/web/src/autocomplete/RoomProvider.tsx b/apps/web/src/autocomplete/RoomProvider.tsx
new file mode 100644
index 00000000000..88f11c83ac4
--- /dev/null
+++ b/apps/web/src/autocomplete/RoomProvider.tsx
@@ -0,0 +1,145 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-2023 The Matrix.org Foundation C.I.C.
+Copyright 2018 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2016 Aviral Dasgupta
+
+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 { sortBy, uniqBy } from "lodash";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../languageHandler";
+import AutocompleteProvider from "./AutocompleteProvider";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import QueryMatcher from "./QueryMatcher";
+import { PillCompletion } from "./Components";
+import { makeRoomPermalink } from "../utils/permalinks/Permalinks";
+import { type ICompletion, type ISelectionRange } from "./Autocompleter";
+import RoomAvatar from "../components/views/avatars/RoomAvatar";
+import { type TimelineRenderingType } from "../contexts/RoomContext";
+import SettingsStore from "../settings/SettingsStore";
+
+const ROOM_REGEX = /\B#\S*/g;
+
+// Prefer canonical aliases over non-canonical ones
+function canonicalScore(displayedAlias: string, room: Room): number {
+    return displayedAlias === room.getCanonicalAlias() ? 0 : 1;
+}
+
+function matcherObject(
+    room: Room,
+    displayedAlias: string,
+    matchName = "",
+): {
+    room: Room;
+    matchName: string;
+    displayedAlias: string;
+} {
+    return {
+        room,
+        matchName,
+        displayedAlias,
+    };
+}
+
+export default class RoomProvider extends AutocompleteProvider {
+    protected matcher: QueryMatcher<ReturnType<typeof matcherObject>>;
+
+    public constructor(
+        private readonly room: Room,
+        renderingType?: TimelineRenderingType,
+    ) {
+        super({ commandRegex: ROOM_REGEX, renderingType });
+        this.matcher = new QueryMatcher<ReturnType<typeof matcherObject>>([], {
+            keys: ["displayedAlias", "matchName"],
+        });
+    }
+
+    protected getRooms(): Room[] {
+        const cli = MatrixClientPeg.safeGet();
+
+        // filter out spaces here as they get their own autocomplete provider
+        return cli
+            .getVisibleRooms(SettingsStore.getValue("feature_dynamic_room_predecessors"))
+            .filter((r) => !r.isSpaceRoom());
+    }
+
+    public async getCompletions(
+        query: string,
+        selection: ISelectionRange,
+        force = false,
+        limit = -1,
+    ): Promise<ICompletion[]> {
+        const { command, range } = this.getCurrentCommand(query, selection, force);
+        if (command) {
+            // the only reason we need to do this is because Fuse only matches on properties
+            let matcherObjects = this.getRooms().reduce<ReturnType<typeof matcherObject>[]>((aliases, room) => {
+                if (room.getCanonicalAlias()) {
+                    aliases = aliases.concat(matcherObject(room, room.getCanonicalAlias()!, room.name));
+                }
+                if (room.getAltAliases().length) {
+                    const altAliases = room.getAltAliases().map((alias) => matcherObject(room, alias));
+                    aliases = aliases.concat(altAliases);
+                }
+                return aliases;
+            }, []);
+            // Filter out any matches where the user will have also autocompleted new rooms
+            matcherObjects = matcherObjects.filter((r) => {
+                const tombstone = r.room.currentState.getStateEvents("m.room.tombstone", "");
+                if (tombstone && tombstone.getContent() && tombstone.getContent()["replacement_room"]) {
+                    const hasReplacementRoom = matcherObjects.some(
+                        (r2) => r2.room.roomId === tombstone.getContent()["replacement_room"],
+                    );
+                    return !hasReplacementRoom;
+                }
+                return true;
+            });
+
+            this.matcher.setObjects(matcherObjects);
+            const matchedString = command[0];
+            let completions = this.matcher.match(matchedString, limit);
+            completions = sortBy(completions, [
+                (c) => canonicalScore(c.displayedAlias, c.room),
+                (c) => c.displayedAlias.length,
+            ]);
+            completions = uniqBy(completions, (match) => match.room);
+            return completions
+                .map(
+                    (room): ICompletion => ({
+                        completion: room.displayedAlias,
+                        completionId: room.room.roomId,
+                        type: "room",
+                        suffix: " ",
+                        href: makeRoomPermalink(this.room.client, room.displayedAlias),
+                        component: (
+                            <PillCompletion title={room.room.name} description={room.displayedAlias}>
+                                <RoomAvatar size="24px" room={room.room} />
+                            </PillCompletion>
+                        ),
+                        range: range!,
+                    }),
+                )
+                .filter((completion) => !!completion.completion && completion.completion.length > 0);
+        }
+        return [];
+    }
+
+    public getName(): string {
+        return _t("common|rooms");
+    }
+
+    public renderCompletions(completions: React.ReactNode[]): React.ReactNode {
+        return (
+            <div
+                className="mx_Autocomplete_Completion_container_pill mx_Autocomplete_Completion_container_truncate"
+                aria-label={_t("composer|autocomplete|room_a11y")}
+            >
+                {completions}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/autocomplete/SpaceProvider.test.ts b/apps/web/src/autocomplete/SpaceProvider.test.ts
new file mode 100644
index 00000000000..68cc517e34d
--- /dev/null
+++ b/apps/web/src/autocomplete/SpaceProvider.test.ts
@@ -0,0 +1,129 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { mkRoom, mkSpace, stubClient } from "test-utils";
+
+import SpaceProvider from "./SpaceProvider";
+import SettingsStore from "../settings/SettingsStore";
+
+describe("SpaceProvider", () => {
+    it("suggests a space whose alias matches a prefix", async () => {
+        // Given a space
+        const client = stubClient();
+        const space = makeSpace(client, "space:e.com");
+        vi.mocked(client.getVisibleRooms).mockReturnValue([space]);
+
+        // When we search for spaces starting with its prefix
+        const spaceProvider = new SpaceProvider(space);
+        const completions = await spaceProvider.getCompletions("#sp", { beginning: true, start: 0, end: 3 });
+
+        // Then we find it
+        expect(completions).toStrictEqual([
+            {
+                type: "room",
+                completion: space.getCanonicalAlias(),
+                completionId: space.roomId,
+                component: expect.anything(),
+                href: "https://matrix.to/#/#space:e.com",
+                range: { start: 0, end: 3 },
+                suffix: " ",
+            },
+        ]);
+    });
+
+    it("suggests only spaces matching a prefix", async () => {
+        // Given some spaces with different names
+        const client = stubClient();
+        const space1 = makeSpace(client, "space1:e.com");
+        const space2 = makeSpace(client, "space2:e.com");
+        const other = makeSpace(client, "other:e.com");
+        const room = makeRoom(client, "space3:e.com");
+        vi.mocked(client.getVisibleRooms).mockReturnValue([space1, space2, other, room]);
+
+        // When we search for spaces starting with a prefix
+        const spaceProvider = new SpaceProvider(space1);
+        const completions = await spaceProvider.getCompletions("#sp", { beginning: true, start: 0, end: 3 });
+
+        // Then we find the two spaces with that prefix, but not the other one
+        expect(completions).toStrictEqual([
+            {
+                type: "room",
+                completion: space1.getCanonicalAlias(),
+                completionId: space1.roomId,
+                component: expect.anything(),
+                href: "https://matrix.to/#/#space1:e.com",
+                range: { start: 0, end: 3 },
+                suffix: " ",
+            },
+            {
+                type: "room",
+                completion: space2.getCanonicalAlias(),
+                completionId: space2.roomId,
+                component: expect.anything(),
+                href: "https://matrix.to/#/#space2:e.com",
+                range: { start: 0, end: 3 },
+                suffix: " ",
+            },
+        ]);
+    });
+
+    describe("If the feature_dynamic_room_predecessors is not enabled", () => {
+        beforeEach(() => {
+            vi.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            const client = stubClient();
+            const space = makeSpace(client, "space:e.com");
+            vi.mocked(client.getVisibleRooms).mockReturnValue([space]);
+            vi.mocked(client.getVisibleRooms).mockClear();
+
+            const spaceProvider = new SpaceProvider(space);
+            await spaceProvider.getCompletions("#ro", { beginning: true, start: 0, end: 3 });
+
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(false);
+        });
+    });
+
+    describe("If the feature_dynamic_room_predecessors is enabled", () => {
+        beforeEach(() => {
+            // Turn on feature_dynamic_space_predecessors setting
+            vi.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "feature_dynamic_room_predecessors",
+            );
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            const client = stubClient();
+            const space = makeSpace(client, "space:e.com");
+            vi.mocked(client.getVisibleRooms).mockReturnValue([space]);
+            vi.mocked(client.getVisibleRooms).mockClear();
+
+            const spaceProvider = new SpaceProvider(space);
+            await spaceProvider.getCompletions("#ro", { beginning: true, start: 0, end: 3 });
+
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(true);
+        });
+    });
+});
+
+function makeSpace(client: MatrixClient, name: string): Room {
+    const space = mkSpace(client, `!${name}`);
+    space.getCanonicalAlias.mockReturnValue(`#${name}`);
+    return space;
+}
+
+function makeRoom(client: MatrixClient, name: string): Room {
+    const room = mkRoom(client, `!${name}`);
+    room.getCanonicalAlias.mockReturnValue(`#${name}`);
+    return room;
+}
diff --git a/apps/web/src/autocomplete/SpaceProvider.tsx b/apps/web/src/autocomplete/SpaceProvider.tsx
new file mode 100644
index 00000000000..b031f37c865
--- /dev/null
+++ b/apps/web/src/autocomplete/SpaceProvider.tsx
@@ -0,0 +1,39 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type Room } from "matrix-js-sdk/src/matrix";
+import React from "react";
+
+import { _t } from "../languageHandler";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import SettingsStore from "../settings/SettingsStore";
+import RoomProvider from "./RoomProvider";
+
+export default class SpaceProvider extends RoomProvider {
+    protected getRooms(): Room[] {
+        return MatrixClientPeg.safeGet()
+            .getVisibleRooms(SettingsStore.getValue("feature_dynamic_room_predecessors"))
+            .filter((r) => r.isSpaceRoom());
+    }
+
+    public getName(): string {
+        return _t("common|spaces");
+    }
+
+    public renderCompletions(completions: React.ReactNode[]): React.ReactNode {
+        return (
+            <div
+                className="mx_Autocomplete_Completion_container_pill mx_Autocomplete_Completion_container_truncate"
+                role="listbox"
+                aria-label={_t("composer|autocomplete|space_a11y")}
+            >
+                {completions}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/autocomplete/UserProvider.test.ts b/apps/web/src/autocomplete/UserProvider.test.ts
new file mode 100644
index 00000000000..b1a102811bd
--- /dev/null
+++ b/apps/web/src/autocomplete/UserProvider.test.ts
@@ -0,0 +1,38 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+
+import UserProvider from "./UserProvider";
+import { makeUserPermalink } from "../utils/permalinks/Permalinks";
+import { mkRoom, mkRoomMember, stubClient } from "../../test/test-utils";
+
+describe("UserProvider", () => {
+    it("suggests a room member whose id matches the query", async () => {
+        const client = stubClient();
+        const room = mkRoom(client, "!room:e.com");
+        const alice = mkRoomMember(room.roomId, "@alice:e.com");
+        room.getJoinedMembers.mockReturnValue([alice]);
+
+        const userProvider = new UserProvider(room);
+        const completions = await userProvider.getCompletions("@ali", { beginning: true, start: 0, end: 4 });
+
+        expect(completions).toStrictEqual([
+            {
+                completion: alice.rawDisplayName,
+                completionId: alice.userId,
+                type: "user",
+                suffix: ": ",
+                href: makeUserPermalink(alice.userId),
+                component: expect.anything(),
+                range: { start: 0, end: 4 },
+            },
+        ]);
+    });
+});
diff --git a/apps/web/src/autocomplete/UserProvider.tsx b/apps/web/src/autocomplete/UserProvider.tsx
new file mode 100644
index 00000000000..973339357b1
--- /dev/null
+++ b/apps/web/src/autocomplete/UserProvider.tsx
@@ -0,0 +1,209 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2017, 2018 New Vector Ltd
+Copyright 2017 Vector Creations Ltd
+Copyright 2016 Aviral Dasgupta
+
+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 { sortBy } from "lodash";
+import {
+    type MatrixEvent,
+    type Room,
+    RoomEvent,
+    type RoomMember,
+    type RoomState,
+    RoomStateEvent,
+    type IRoomTimelineData,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { UserStatusIconView } from "@element-hq/web-shared-components";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import QueryMatcher from "./QueryMatcher";
+import { PillCompletion } from "./Components";
+import { UserStatusIconViewModel } from "../viewmodels/status/UserStatusIconViewModel";
+import AutocompleteProvider from "./AutocompleteProvider";
+import { _t } from "../languageHandler";
+import { makeUserPermalink } from "../utils/permalinks/Permalinks";
+import { type ICompletion, type ISelectionRange } from "./Autocompleter";
+import MemberAvatar from "../components/views/avatars/MemberAvatar";
+import { type TimelineRenderingType } from "../contexts/RoomContext";
+import UserIdentifierCustomisations from "../customisations/UserIdentifier";
+
+const USER_REGEX = /\B@\S*/g;
+
+// used when you hit 'tab' - we allow some separator chars at the beginning
+// to allow you to tab-complete /mat into /(matthew)
+const FORCED_USER_REGEX = /[^/,.():; \t\n]\S*/g;
+
+export default class UserProvider extends AutocompleteProvider {
+    public matcher: QueryMatcher<RoomMember>;
+    public users?: RoomMember[];
+    public room: Room;
+    private statusViewModels = new Map<string, UserStatusIconViewModel>();
+
+    public constructor(room: Room, renderingType?: TimelineRenderingType) {
+        super({
+            commandRegex: USER_REGEX,
+            forcedCommandRegex: FORCED_USER_REGEX,
+            renderingType,
+        });
+        this.room = room;
+        this.matcher = new QueryMatcher<RoomMember>([], {
+            keys: ["name"],
+            funcs: [(obj) => obj.userId.slice(1)], // index by user id minus the leading '@'
+            shouldMatchWordsOnly: false,
+        });
+
+        MatrixClientPeg.safeGet().on(RoomEvent.Timeline, this.onRoomTimeline);
+        MatrixClientPeg.safeGet().on(RoomStateEvent.Update, this.onRoomStateUpdate);
+    }
+
+    public destroy(): void {
+        MatrixClientPeg.get()?.removeListener(RoomEvent.Timeline, this.onRoomTimeline);
+        MatrixClientPeg.get()?.removeListener(RoomStateEvent.Update, this.onRoomStateUpdate);
+        for (const vm of this.statusViewModels.values()) vm.dispose();
+        this.statusViewModels.clear();
+    }
+
+    private getStatusViewModel(userId: string): UserStatusIconViewModel {
+        let vm = this.statusViewModels.get(userId);
+        if (!vm) {
+            vm = new UserStatusIconViewModel({ userId, matrixClient: MatrixClientPeg.safeGet() });
+            this.statusViewModels.set(userId, vm);
+        }
+        return vm;
+    }
+
+    private onRoomTimeline = (
+        ev: MatrixEvent,
+        room: Room | undefined,
+        toStartOfTimeline: boolean | undefined,
+        removed: boolean,
+        data: IRoomTimelineData,
+    ): void => {
+        if (!room) return; // notification timeline, we'll get this event again with a room specific timeline
+        if (removed) return;
+        if (room.roomId !== this.room.roomId) return;
+
+        // ignore events from filtered timelines
+        if (data.timeline.getTimelineSet() !== room.getUnfilteredTimelineSet()) return;
+
+        // ignore anything but real-time updates at the end of the room:
+        // updates from pagination will happen when the paginate completes.
+        if (toStartOfTimeline || !data || !data.liveEvent) return;
+
+        // TODO: lazyload if we have no ev.sender room member?
+        this.onUserSpoke(ev.sender);
+    };
+
+    private onRoomStateUpdate = (state: RoomState): void => {
+        // ignore updates in other rooms
+        if (state.roomId !== this.room.roomId) return;
+
+        // blow away the users cache
+        this.users = undefined;
+    };
+
+    public async getCompletions(
+        rawQuery: string,
+        selection: ISelectionRange,
+        force = false,
+        limit = -1,
+    ): Promise<ICompletion[]> {
+        // lazy-load user list into matcher
+        if (!this.users) this.makeUsers();
+
+        const { command, range } = this.getCurrentCommand(rawQuery, selection, force);
+
+        const fullMatch = command?.[0];
+        // Don't search if the query is a single "@"
+        if (fullMatch && fullMatch !== "@") {
+            // Don't include the '@' in our search query - it's only used as a way to trigger completion
+            const query = fullMatch.startsWith("@") ? fullMatch.substring(1) : fullMatch;
+            return this.matcher.match(query, limit).map((user) => {
+                const description = UserIdentifierCustomisations.getDisplayUserIdentifier?.(user.userId, {
+                    roomId: this.room.roomId,
+                    withDisplayName: true,
+                });
+                const displayName = user.name || user.userId || "";
+                return {
+                    // Length of completion should equal length of text in decorator. draft-js
+                    // relies on the length of the entity === length of the text in the decoration.
+                    completion: user.rawDisplayName,
+                    completionId: user.userId,
+                    type: "user",
+                    suffix: selection.beginning && range!.start === 0 ? ": " : " ",
+                    href: makeUserPermalink(user.userId),
+                    component: (
+                        <PillCompletion
+                            title={displayName}
+                            titleIcon={<UserStatusIconView vm={this.getStatusViewModel(user.userId)} />}
+                            description={description ?? undefined}
+                        >
+                            <MemberAvatar member={user} size="24px" />
+                        </PillCompletion>
+                    ),
+                    range: range!,
+                };
+            });
+        }
+        return [];
+    }
+
+    public getName(): string {
+        return _t("composer|autocomplete|user_description");
+    }
+
+    private makeUsers(): void {
+        const events = this.room.getLiveTimeline().getEvents();
+        const lastSpoken: Record<string, number> = {};
+
+        for (const event of events) {
+            lastSpoken[event.getSender()!] = event.getTs();
+        }
+
+        const currentUserId = MatrixClientPeg.safeGet().credentials.userId;
+        this.users = this.room.getJoinedMembers().filter(({ userId }) => userId !== currentUserId);
+        this.users = this.users.concat(this.room.getMembersWithMembership(KnownMembership.Invite));
+
+        this.users = sortBy(this.users, (member) => 1e20 - lastSpoken[member.userId] || 1e20);
+
+        this.matcher.setObjects(this.users);
+    }
+
+    public onUserSpoke(user: RoomMember | null): void {
+        if (!this.users) return;
+        if (!user) return;
+        if (user.userId === MatrixClientPeg.safeGet().getSafeUserId()) return;
+
+        // Move the user that spoke to the front of the array
+        this.users.splice(
+            this.users.findIndex((user2) => user2.userId === user.userId),
+            1,
+        );
+        this.users = [user, ...this.users];
+
+        this.matcher.setObjects(this.users);
+    }
+
+    public renderCompletions(completions: React.ReactNode[]): React.ReactNode {
+        return (
+            <div
+                className="mx_Autocomplete_Completion_container_pill"
+                aria-label={_t("composer|autocomplete|user_a11y")}
+            >
+                {completions}
+            </div>
+        );
+    }
+
+    public shouldForceComplete(): boolean {
+        return true;
+    }
+}
diff --git a/apps/web/src/boundThreepids.ts b/apps/web/src/boundThreepids.ts
new file mode 100644
index 00000000000..2d8de4817e0
--- /dev/null
+++ b/apps/web/src/boundThreepids.ts
@@ -0,0 +1,58 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 IThreepid, type ThreepidMedium, type MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+
+import IdentityAuthClient from "./IdentityAuthClient";
+
+export async function getThreepidsWithBindStatus(
+    client: MatrixClient,
+    filterMedium?: ThreepidMedium,
+): Promise<IThreepid[]> {
+    const userId = client.getUserId();
+
+    let { threepids } = await client.getThreePids();
+    if (filterMedium) {
+        threepids = threepids.filter((a) => a.medium === filterMedium);
+    }
+
+    // Check bind status assuming we have an IS and terms are agreed
+    if (threepids.length > 0 && !!client.getIdentityServerUrl()) {
+        try {
+            const authClient = new IdentityAuthClient();
+            const identityAccessToken = await authClient.getAccessToken({ check: false });
+            if (!identityAccessToken) {
+                throw new Error("No identity access token found");
+            }
+
+            // Restructure for lookup query
+            const query = threepids.map(({ medium, address }): [string, string] => [medium, address]);
+            const lookupResults = await client.bulkLookupThreePids(query, identityAccessToken);
+
+            // Record which are already bound
+            for (const [medium, address, mxid] of lookupResults.threepids) {
+                if (mxid !== userId) {
+                    continue;
+                }
+                if (filterMedium && medium !== filterMedium) {
+                    continue;
+                }
+                const threepid = threepids.find((e) => e.medium === medium && e.address === address);
+                if (!threepid) continue;
+                threepid.bound = true;
+            }
+        } catch (e) {
+            // Ignore terms errors here and assume other flows handle this
+            if (!(e instanceof MatrixError) || e.errcode !== "M_TERMS_NOT_SIGNED") {
+                throw e;
+            }
+        }
+    }
+
+    return threepids;
+}
diff --git a/apps/web/src/branding.ts b/apps/web/src/branding.ts
new file mode 100644
index 00000000000..fd231479e69
--- /dev/null
+++ b/apps/web/src/branding.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 SdkConfig from "./SdkConfig.ts";
+
+const ELEMENT_BRAND = "Element";
+
+/**
+ * Returns whether the app is currently branded.
+ * This is currently a naive check of whether the `brand` config starts with the substring `Element ` or is the literal `Element`,
+ * which correctly covers `Element` (release), `Element Nightly` & `Element Pro`.
+ */
+export const isElementBranded = (): boolean => {
+    const brand = SdkConfig.get("brand");
+    return brand === ELEMENT_BRAND || brand.startsWith(ELEMENT_BRAND + " ");
+};
diff --git a/apps/web/src/call-types.ts b/apps/web/src/call-types.ts
new file mode 100644
index 00000000000..9ee870945f8
--- /dev/null
+++ b/apps/web/src/call-types.ts
@@ -0,0 +1,25 @@
+/*
+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 { EventType } from "matrix-js-sdk/src/matrix";
+import { NamespacedValue } from "matrix-js-sdk/src/NamespacedValue";
+
+export const JitsiCallMemberEventType = "io.element.video.member";
+
+export interface JitsiCallMemberContent {
+    // Connected device IDs
+    devices: string[];
+    // Time at which this state event should be considered stale
+    expires_ts: number;
+}
+
+// Element Call no longer sends this event type; it only exists to support timeline rendering of
+// group calls from a previous iteration of the group VoIP MSCs (MSC3401) which used it.
+export const ElementCallEventType = new NamespacedValue(null, EventType.GroupCallPrefix);
+
+export const ElementCallMemberEventType = new NamespacedValue(null, EventType.GroupCallMemberPrefix);
diff --git a/apps/web/src/components/structures/AutocompleteInput.tsx b/apps/web/src/components/structures/AutocompleteInput.tsx
new file mode 100644
index 00000000000..c57ca0be91e
--- /dev/null
+++ b/apps/web/src/components/structures/AutocompleteInput.tsx
@@ -0,0 +1,240 @@
+/*
+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, {
+    useState,
+    type ReactNode,
+    type ChangeEvent,
+    type KeyboardEvent,
+    useRef,
+    type ReactElement,
+} from "react";
+import classNames from "classnames";
+import { SearchIcon, CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import type Autocompleter from "../../autocomplete/AutocompleteProvider";
+import { Key } from "../../Keyboard";
+import { type ICompletion } from "../../autocomplete/Autocompleter";
+import AccessibleButton from "../../components/views/elements/AccessibleButton";
+import useFocus from "../../hooks/useFocus";
+
+interface AutocompleteInputProps {
+    provider: Autocompleter;
+    placeholder: string;
+    selection: ICompletion[];
+    onSelectionChange: (selection: ICompletion[]) => void;
+    maxSuggestions?: number;
+    renderSuggestion?: (s: ICompletion) => ReactElement;
+    renderSelection?: (m: ICompletion) => ReactElement;
+    additionalFilter?: (suggestion: ICompletion) => boolean;
+}
+
+export const AutocompleteInput: React.FC<AutocompleteInputProps> = ({
+    provider,
+    renderSuggestion,
+    renderSelection,
+    maxSuggestions = 5,
+    placeholder,
+    onSelectionChange,
+    selection,
+    additionalFilter,
+}) => {
+    const [query, setQuery] = useState<string>("");
+    const [suggestions, setSuggestions] = useState<ICompletion[]>([]);
+    const [isFocused, onFocusChangeHandlerFunctions] = useFocus();
+    const editorContainerRef = useRef<HTMLDivElement>(null);
+    const editorRef = useRef<HTMLInputElement>(null);
+
+    const focusEditor = (): void => {
+        editorRef?.current?.focus();
+    };
+
+    const onQueryChange = async (e: ChangeEvent<HTMLInputElement>): Promise<void> => {
+        const value = e.target.value.trim();
+        setQuery(value);
+
+        let matches = await provider.getCompletions(
+            query,
+            { start: query.length, end: query.length },
+            true,
+            maxSuggestions,
+        );
+
+        if (additionalFilter) {
+            matches = matches.filter(additionalFilter);
+        }
+
+        setSuggestions(matches);
+    };
+
+    const onClickInputArea = (): void => {
+        focusEditor();
+    };
+
+    const onKeyDown = (e: KeyboardEvent): void => {
+        const hasModifiers = e.ctrlKey || e.shiftKey || e.metaKey;
+
+        // when the field is empty and the user hits backspace remove the right-most target
+        if (!query && selection.length > 0 && e.key === Key.BACKSPACE && !hasModifiers) {
+            removeSelection(selection[selection.length - 1]);
+        }
+    };
+
+    const toggleSelection = (completion: ICompletion): void => {
+        const newSelection = [...selection];
+        const index = selection.findIndex((selection) => selection.completionId === completion.completionId);
+
+        if (index >= 0) {
+            newSelection.splice(index, 1);
+        } else {
+            newSelection.push(completion);
+        }
+
+        onSelectionChange(newSelection);
+        focusEditor();
+        setQuery("");
+        setSuggestions([]);
+    };
+
+    const removeSelection = (completion: ICompletion): void => {
+        const newSelection = [...selection];
+        const index = selection.findIndex((selection) => selection.completionId === completion.completionId);
+
+        if (index >= 0) {
+            newSelection.splice(index, 1);
+            onSelectionChange(newSelection);
+        }
+    };
+
+    const hasPlaceholder = (): boolean => selection.length === 0 && query.length === 0;
+
+    return (
+        <div className="mx_AutocompleteInput">
+            {/* We break the rule here as this is a mouse-only interaction */}
+            {/* oxlint-disable-next-line jsx-a11y/click-events-have-key-events */}
+            <div
+                ref={editorContainerRef}
+                className={classNames({
+                    "mx_AutocompleteInput_editor": true,
+                    "mx_AutocompleteInput_editor--focused": isFocused,
+                    "mx_AutocompleteInput_editor--has-suggestions": suggestions.length > 0,
+                })}
+                onClick={onClickInputArea}
+                data-testid="autocomplete-editor"
+            >
+                <SearchIcon className="mx_AutocompleteInput_search_icon" width="18px" height="18px" />
+                {selection.map((item) => (
+                    <SelectionItem
+                        key={item.completionId}
+                        item={item}
+                        onClick={removeSelection}
+                        render={renderSelection}
+                    />
+                ))}
+                <input
+                    ref={editorRef}
+                    type="text"
+                    onKeyDown={onKeyDown}
+                    onChange={onQueryChange}
+                    value={query}
+                    autoComplete="off"
+                    placeholder={hasPlaceholder() ? placeholder : undefined}
+                    data-testid="autocomplete-input"
+                    {...onFocusChangeHandlerFunctions}
+                />
+            </div>
+            {isFocused && suggestions.length ? (
+                <div
+                    className="mx_AutocompleteInput_matches"
+                    style={{ top: editorContainerRef.current?.clientHeight }}
+                    data-testid="autocomplete-matches"
+                >
+                    {suggestions.map((item) => (
+                        <SuggestionItem
+                            key={item.completionId}
+                            item={item}
+                            selection={selection}
+                            onClick={toggleSelection}
+                            render={renderSuggestion}
+                        />
+                    ))}
+                </div>
+            ) : null}
+        </div>
+    );
+};
+
+type SelectionItemProps = {
+    item: ICompletion;
+    onClick: (completion: ICompletion) => void;
+    render?: (completion: ICompletion) => ReactElement;
+};
+
+const SelectionItem: React.FC<SelectionItemProps> = ({ item, onClick, render }) => {
+    const withContainer = (children: ReactNode): ReactElement => (
+        <span
+            className="mx_AutocompleteInput_editor_selection"
+            data-testid={`autocomplete-selection-item-${item.completionId}`}
+        >
+            <span className="mx_AutocompleteInput_editor_selection_pill">{children}</span>
+            <AccessibleButton
+                className="mx_AutocompleteInput_editor_selection_remove_button"
+                onClick={() => onClick(item)}
+                data-testid={`autocomplete-selection-remove-button-${item.completionId}`}
+            >
+                <CloseIcon width="16px" height="16px" />
+            </AccessibleButton>
+        </span>
+    );
+
+    if (render) {
+        return withContainer(render(item));
+    }
+
+    return withContainer(<span className="mx_AutocompleteInput_editor_selection_text">{item.completion}</span>);
+};
+
+type SuggestionItemProps = {
+    item: ICompletion;
+    selection: ICompletion[];
+    onClick: (completion: ICompletion) => void;
+    render?: (completion: ICompletion) => ReactElement;
+};
+
+const SuggestionItem: React.FC<SuggestionItemProps> = ({ item, selection, onClick, render }) => {
+    const isSelected = selection.some((selection) => selection.completionId === item.completionId);
+    const classes = classNames({
+        "mx_AutocompleteInput_suggestion": true,
+        "mx_AutocompleteInput_suggestion--selected": isSelected,
+    });
+
+    const withContainer = (children: ReactNode): ReactElement => (
+        <div
+            className={classes}
+            // `onClick` cannot be used here as it would lead to focus loss and closing the suggestion list.
+            onMouseDown={(event) => {
+                event.preventDefault();
+                onClick(item);
+            }}
+            data-testid={`autocomplete-suggestion-item-${item.completionId}`}
+        >
+            {children}
+        </div>
+    );
+
+    if (render) {
+        return withContainer(render(item));
+    }
+
+    return withContainer(
+        <>
+            <span className="mx_AutocompleteInput_suggestion_title">{item.completion}</span>
+            <span className="mx_AutocompleteInput_suggestion_description">{item.completionId}</span>
+        </>,
+    );
+};
diff --git a/apps/web/src/components/structures/ContextMenu.tsx b/apps/web/src/components/structures/ContextMenu.tsx
new file mode 100644
index 00000000000..2dcbf4d6b97
--- /dev/null
+++ b/apps/web/src/components/structures/ContextMenu.tsx
@@ -0,0 +1,607 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2018 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.
+*/
+
+import React, {
+    type JSX,
+    type CSSProperties,
+    type RefObject,
+    type SyntheticEvent,
+    useRef,
+    useState,
+    type AriaRole,
+} from "react";
+import ReactDOM from "react-dom";
+import classNames from "classnames";
+import FocusLock from "react-focus-lock";
+import { TooltipProvider } from "@vector-im/compound-web";
+
+import { type Writeable } from "../../@types/common";
+import UIStore from "../../stores/UIStore";
+import { checkInputableElement, RovingTabIndexProvider } from "../../accessibility/RovingTabIndex";
+import { KeyBindingAction } from "../../accessibility/KeyboardShortcuts";
+import { getKeyBindingsManager } from "../../KeyBindingsManager";
+import Modal, { ModalManagerEvent } from "../../Modal";
+
+// Shamelessly ripped off Modal.js.  There's probably a better way
+// of doing reusable widgets like dialog boxes & menus where we go and
+// pass in a custom control as the actual body.
+
+const WINDOW_PADDING = 10;
+const ContextualMenuContainerId = "mx_ContextualMenu_Container";
+
+function getOrCreateContainer(): HTMLDivElement {
+    let container = document.getElementById(ContextualMenuContainerId) as HTMLDivElement;
+
+    if (!container) {
+        container = document.createElement("div");
+        container.id = ContextualMenuContainerId;
+        document.body.appendChild(container);
+    }
+
+    return container;
+}
+
+export interface IPosition {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+    rightAligned?: boolean;
+    bottomAligned?: boolean;
+}
+
+export enum ChevronFace {
+    Top = "top",
+    Bottom = "bottom",
+    Left = "left",
+    Right = "right",
+    None = "none",
+}
+
+export interface MenuProps extends IPosition {
+    menuWidth?: number;
+    menuHeight?: number;
+
+    chevronOffset?: number;
+    chevronFace?: ChevronFace;
+
+    menuPaddingTop?: number;
+    menuPaddingBottom?: number;
+    menuPaddingLeft?: number;
+    menuPaddingRight?: number;
+
+    zIndex?: number;
+}
+
+export interface IProps extends MenuProps {
+    // If true, insert an invisible screen-sized element behind the menu that when clicked will close it.
+    "hasBackground"?: boolean;
+    // whether this context menu should be focus managed. If false it must handle itself
+    "managed"?: boolean;
+    "wrapperClassName"?: string;
+    "menuClassName"?: string;
+
+    // If true, this context menu will be mounted as a child to the parent container. Otherwise
+    // it will be mounted to a container at the root of the DOM.
+    "mountAsChild"?: boolean;
+
+    // If specified, contents will be wrapped in a FocusLock, this is only needed if the context menu is being rendered
+    // within an existing FocusLock e.g inside a modal.
+    "focusLock"?: boolean;
+
+    // call onFinished on any interaction with the menu
+    "closeOnInteraction"?: boolean;
+
+    // Function to be called on menu close
+    "onFinished"(this: void): void;
+    // on resize callback
+    "windowResize"?(this: void): void;
+
+    // Role & label for accessibility
+    "role"?: AriaRole;
+    "aria-label"?: string;
+}
+
+interface IState {
+    contextMenuElem?: HTMLDivElement;
+}
+
+// Generic ContextMenu Portal wrapper
+// all options inside the menu should be of role=menuitem/menuitemcheckbox/menuitemradiobutton and have tabIndex={-1}
+// this will allow the ContextMenu to manage its own focus using arrow keys as per the ARIA guidelines.
+export default class ContextMenu extends React.PureComponent<React.PropsWithChildren<IProps>, IState> {
+    private readonly initialFocus: HTMLElement;
+
+    public static defaultProps = {
+        hasBackground: true,
+        managed: true,
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {};
+
+        // persist what had focus when we got initialized so we can return it after
+        this.initialFocus = document.activeElement as HTMLElement;
+    }
+
+    public componentDidMount(): void {
+        Modal.on(ModalManagerEvent.Opened, this.onModalOpen);
+    }
+
+    public componentWillUnmount(): void {
+        Modal.off(ModalManagerEvent.Opened, this.onModalOpen);
+        // return focus to the thing which had it before us
+        this.initialFocus.focus();
+    }
+
+    private onModalOpen = (): void => {
+        this.props.onFinished?.();
+    };
+
+    private collectContextMenuRect = (element: HTMLDivElement): void => {
+        // We don't need to clean up when unmounting, so ignore
+        if (!element) return;
+
+        const first =
+            element.querySelector<HTMLElement>('[role^="menuitem"]') ||
+            element.querySelector<HTMLElement>("[tabindex]");
+
+        if (first) {
+            first.focus();
+        }
+
+        this.setState({
+            contextMenuElem: element,
+        });
+    };
+
+    private onContextMenu = (e: React.MouseEvent): void => {
+        if (this.props.onFinished) {
+            this.props.onFinished();
+
+            e.preventDefault();
+            e.stopPropagation();
+            const x = e.clientX;
+            const y = e.clientY;
+
+            // XXX: This isn't pretty but the only way to allow opening a different context menu on right click whilst
+            // a context menu and its click-guard are up without completely rewriting how the context menus work.
+            setTimeout(() => {
+                const clickEvent = new MouseEvent("contextmenu", {
+                    clientX: x,
+                    clientY: y,
+                    screenX: 0,
+                    screenY: 0,
+                    button: 0, // Left
+                    relatedTarget: null,
+                });
+                document.elementFromPoint(x, y)?.dispatchEvent(clickEvent);
+            }, 0);
+        }
+    };
+
+    private onContextMenuPreventBubbling = (e: React.MouseEvent): void => {
+        // stop propagation so that any context menu handlers don't leak out of this context menu
+        // but do not inhibit the default browser menu
+        e.stopPropagation();
+    };
+
+    // Prevent clicks on the background from going through to the component which opened the menu.
+    private onFinished = (ev: React.MouseEvent): void => {
+        ev.stopPropagation();
+        ev.preventDefault();
+        this.props.onFinished?.();
+    };
+
+    private onClick = (ev: React.MouseEvent): void => {
+        // Don't allow clicks to escape the context menu wrapper
+        ev.stopPropagation();
+
+        if (this.props.closeOnInteraction) {
+            this.props.onFinished?.();
+        }
+    };
+
+    // We now only handle closing the ContextMenu in this keyDown handler.
+    // All of the item/option navigation is delegated to RovingTabIndex.
+    private onKeyDown = (ev: React.KeyboardEvent): void => {
+        ev.stopPropagation(); // prevent keyboard propagating out of the context menu, we're focus-locked
+
+        const action = getKeyBindingsManager().getAccessibilityAction(ev);
+
+        // If someone is managing their own focus, we will only exit for them with Escape.
+        // They are probably using props.focusLock along with this option as well.
+        if (!this.props.managed) {
+            if (action === KeyBindingAction.Escape) {
+                this.props.onFinished();
+            }
+            return;
+        }
+
+        // When an <input> is focused, only handle the Escape key
+        if (checkInputableElement(ev.target) && action !== KeyBindingAction.Escape) {
+            return;
+        }
+
+        if (
+            [
+                KeyBindingAction.Escape,
+                // You can only navigate the ContextMenu by arrow keys and Home/End (see RovingTabIndex).
+                // Tabbing to the next section of the page, will close the ContextMenu.
+                KeyBindingAction.Tab,
+                // When someone moves left or right along a <Toolbar /> (like the
+                // MessageActionBar), we should close any ContextMenu that is open.
+                KeyBindingAction.ArrowLeft,
+                KeyBindingAction.ArrowRight,
+            ].includes(action!)
+        ) {
+            this.props.onFinished();
+        }
+    };
+
+    protected renderMenu(hasBackground = this.props.hasBackground): JSX.Element {
+        const position: Partial<Writeable<DOMRect>> = {};
+        const {
+            top,
+            bottom,
+            left,
+            right,
+            bottomAligned,
+            rightAligned,
+            menuClassName,
+            menuHeight,
+            menuWidth,
+            menuPaddingLeft,
+            menuPaddingRight,
+            menuPaddingBottom,
+            menuPaddingTop,
+            zIndex,
+            children,
+            focusLock,
+            managed,
+            wrapperClassName,
+            chevronFace: propsChevronFace,
+            chevronOffset: propsChevronOffset,
+            mountAsChild,
+            role,
+            "aria-label": ariaLabel,
+            ...props
+        } = this.props;
+
+        if (top) {
+            position.top = top;
+        } else {
+            position.bottom = bottom;
+        }
+
+        let chevronFace: ChevronFace;
+        if (left) {
+            position.left = left;
+            chevronFace = ChevronFace.Left;
+        } else {
+            position.right = right;
+            chevronFace = ChevronFace.Right;
+        }
+
+        const contextMenuRect = this.state.contextMenuElem ? this.state.contextMenuElem.getBoundingClientRect() : null;
+
+        const chevronOffset: CSSProperties = {};
+        if (propsChevronFace) {
+            chevronFace = propsChevronFace;
+        }
+        const hasChevron = chevronFace && chevronFace !== ChevronFace.None;
+
+        if (chevronFace === ChevronFace.Top || chevronFace === ChevronFace.Bottom) {
+            chevronOffset.left = propsChevronOffset;
+        } else {
+            chevronOffset.top = propsChevronOffset;
+        }
+
+        // If we know the dimensions of the context menu, adjust its position to
+        // keep it within the bounds of the (padded) window
+        const { windowWidth, windowHeight } = UIStore.instance;
+        if (contextMenuRect) {
+            if (position.top !== undefined) {
+                let maxTop = windowHeight - WINDOW_PADDING;
+                if (!bottomAligned) {
+                    maxTop -= contextMenuRect.height;
+                }
+                position.top = Math.min(position.top, maxTop);
+                // Adjust the chevron if necessary
+                if (chevronOffset.top !== undefined) {
+                    chevronOffset.top = propsChevronOffset! + top! - position.top;
+                }
+            } else if (position.bottom !== undefined) {
+                position.bottom = Math.min(position.bottom, windowHeight - contextMenuRect.height - WINDOW_PADDING);
+                if (chevronOffset.top !== undefined) {
+                    chevronOffset.top = propsChevronOffset! + position.bottom - bottom!;
+                }
+            }
+            if (position.left !== undefined) {
+                let maxLeft = windowWidth - WINDOW_PADDING;
+                if (!rightAligned) {
+                    maxLeft -= contextMenuRect.width;
+                }
+                position.left = Math.min(position.left, maxLeft);
+                if (chevronOffset.left !== undefined) {
+                    chevronOffset.left = propsChevronOffset! + left! - position.left;
+                }
+            } else if (position.right !== undefined) {
+                position.right = Math.min(position.right, windowWidth - contextMenuRect.width - WINDOW_PADDING);
+                if (chevronOffset.left !== undefined) {
+                    chevronOffset.left = propsChevronOffset! + position.right - right!;
+                }
+            }
+        }
+
+        let chevron;
+        if (hasChevron) {
+            chevron = <div style={chevronOffset} className={"mx_ContextualMenu_chevron_" + chevronFace} />;
+        }
+
+        const menuClasses = classNames(
+            {
+                mx_ContextualMenu: true,
+                /**
+                 * In some cases we may get the number of 0, which still means that we're supposed to properly
+                 * add the specific position class, but as it was falsy things didn't work as intended.
+                 * In addition, defensively check for counter cases where we may get more than one value,
+                 * even if we shouldn't.
+                 */
+                mx_ContextualMenu_left: !hasChevron && position.left !== undefined && !position.right,
+                mx_ContextualMenu_right: !hasChevron && position.right !== undefined && !position.left,
+                mx_ContextualMenu_top: !hasChevron && position.top !== undefined && !position.bottom,
+                mx_ContextualMenu_bottom: !hasChevron && position.bottom !== undefined && !position.top,
+                mx_ContextualMenu_withChevron_left: chevronFace === ChevronFace.Left,
+                mx_ContextualMenu_withChevron_right: chevronFace === ChevronFace.Right,
+                mx_ContextualMenu_withChevron_top: chevronFace === ChevronFace.Top,
+                mx_ContextualMenu_withChevron_bottom: chevronFace === ChevronFace.Bottom,
+                mx_ContextualMenu_rightAligned: rightAligned === true,
+                mx_ContextualMenu_bottomAligned: bottomAligned === true,
+            },
+            menuClassName,
+        );
+
+        const menuStyle: CSSProperties = {};
+        if (menuWidth) {
+            menuStyle.width = menuWidth;
+        }
+
+        if (menuHeight) {
+            menuStyle.height = menuHeight;
+        }
+
+        if (!isNaN(Number(menuPaddingTop))) {
+            menuStyle["paddingTop"] = menuPaddingTop;
+        }
+        if (!isNaN(Number(menuPaddingLeft))) {
+            menuStyle["paddingLeft"] = menuPaddingLeft;
+        }
+        if (!isNaN(Number(menuPaddingBottom))) {
+            menuStyle["paddingBottom"] = menuPaddingBottom;
+        }
+        if (!isNaN(Number(menuPaddingRight))) {
+            menuStyle["paddingRight"] = menuPaddingRight;
+        }
+
+        const wrapperStyle: CSSProperties = {};
+        if (!isNaN(Number(zIndex))) {
+            menuStyle["zIndex"] = zIndex! + 1;
+            wrapperStyle["zIndex"] = zIndex;
+        }
+
+        let background: JSX.Element;
+        if (hasBackground) {
+            background = (
+                // We break the rule here as this is a mouse-only interaction
+                // oxlint-disable-next-line jsx-a11y/click-events-have-key-events
+                <div
+                    className="mx_ContextualMenu_background"
+                    style={wrapperStyle}
+                    onClick={this.onFinished}
+                    onContextMenu={this.onContextMenu}
+                />
+            );
+        }
+
+        let body = (
+            <>
+                {chevron}
+                {children}
+            </>
+        );
+
+        if (focusLock) {
+            body = <FocusLock returnFocus>{body}</FocusLock>;
+        }
+
+        // filter props that are invalid for DOM elements
+        const { hasBackground: _hasBackground, onFinished: _onFinished, ...divProps } = props;
+
+        return (
+            <RovingTabIndexProvider handleHomeEnd handleUpDown onKeyDown={this.onKeyDown}>
+                {({ onKeyDownHandler }) => (
+                    <div
+                        className={classNames("mx_ContextualMenu_wrapper", wrapperClassName)}
+                        style={{ ...position, ...wrapperStyle }}
+                        onClick={this.onClick}
+                        onKeyDown={onKeyDownHandler}
+                        onContextMenu={this.onContextMenuPreventBubbling}
+                        role={role}
+                        aria-label={ariaLabel}
+                    >
+                        {background}
+                        <TooltipProvider>
+                            <div
+                                className={menuClasses}
+                                style={menuStyle}
+                                ref={this.collectContextMenuRect}
+                                role={managed ? "menu" : undefined}
+                                {...divProps}
+                            >
+                                {body}
+                            </div>
+                        </TooltipProvider>
+                    </div>
+                )}
+            </RovingTabIndexProvider>
+        );
+    }
+
+    public render(): JSX.Element {
+        if (this.props.mountAsChild) {
+            // Render as a child of the current parent
+            return this.renderMenu();
+        } else {
+            // Render as a child of a container at the root of the DOM
+            return ReactDOM.createPortal(this.renderMenu(), getOrCreateContainer());
+        }
+    }
+}
+
+export type ToRightOf = {
+    left: number;
+    top: number;
+    chevronOffset: number;
+};
+
+// Placement method for <ContextMenu /> to position context menu to right of elementRect with chevronOffset
+export const toRightOf = (elementRect: Pick<DOMRect, "right" | "top" | "height">, chevronOffset = 12): ToRightOf => {
+    const left = elementRect.right + window.scrollX + 3;
+    let top = elementRect.top + elementRect.height / 2 + window.scrollY;
+    top -= chevronOffset + 8; // where 8 is half the height of the chevron
+    return { left, top, chevronOffset };
+};
+
+// Placement method for <ContextMenu /> to position context menu right-aligned and flowing to the left of elementRect,
+// and either above or below: wherever there is more space (maybe this should be aboveOrBelowLeftOf?)
+export const aboveLeftOf = (
+    elementRect: Pick<DOMRect, "right" | "top" | "bottom">,
+    chevronFace = ChevronFace.None,
+    vPadding = 0,
+): MenuProps => {
+    const menuOptions: IPosition & { chevronFace: ChevronFace } = { chevronFace };
+
+    const buttonRight = elementRect.right + window.scrollX;
+    const buttonBottom = elementRect.bottom + window.scrollY;
+    const buttonTop = elementRect.top + window.scrollY;
+    // Align the right edge of the menu to the right edge of the button
+    menuOptions.right = UIStore.instance.windowWidth - buttonRight;
+    // Align the menu vertically on whichever side of the button has more space available.
+    if (buttonBottom < UIStore.instance.windowHeight / 2) {
+        menuOptions.top = buttonBottom + vPadding;
+    } else {
+        menuOptions.bottom = UIStore.instance.windowHeight - buttonTop + vPadding;
+    }
+
+    return menuOptions;
+};
+
+// Placement method for <ContextMenu /> to position context menu right-aligned and flowing to the right of elementRect,
+// and either above or below: wherever there is more space (maybe this should be aboveOrBelowRightOf?)
+export const aboveRightOf = (
+    elementRect: Pick<DOMRect, "left" | "top" | "bottom">,
+    chevronFace = ChevronFace.None,
+    vPadding = 0,
+): MenuProps => {
+    const menuOptions: IPosition & { chevronFace: ChevronFace } = { chevronFace };
+
+    const buttonLeft = elementRect.left + window.scrollX;
+    const buttonBottom = elementRect.bottom + window.scrollY;
+    const buttonTop = elementRect.top + window.scrollY;
+    // Align the left edge of the menu to the left edge of the button
+    menuOptions.left = buttonLeft;
+    // Align the menu vertically on whichever side of the button has more space available.
+    if (buttonBottom < UIStore.instance.windowHeight / 2) {
+        menuOptions.top = buttonBottom + vPadding;
+    } else {
+        menuOptions.bottom = UIStore.instance.windowHeight - buttonTop + vPadding;
+    }
+
+    return menuOptions;
+};
+
+// Placement method for <ContextMenu /> to position context menu right-aligned and flowing to the left of elementRect
+// and always above elementRect
+export const alwaysMenuProps = (
+    elementRect: Pick<DOMRect, "right" | "bottom" | "top">,
+    chevronFace = ChevronFace.None,
+    vPadding = 0,
+): IPosition & { chevronFace: ChevronFace } => {
+    const menuOptions: IPosition & { chevronFace: ChevronFace } = { chevronFace };
+
+    const buttonRight = elementRect.right + window.scrollX;
+    const buttonTop = elementRect.top + window.scrollY;
+    // Align the right edge of the menu to the right edge of the button
+    menuOptions.right = UIStore.instance.windowWidth - buttonRight;
+    // Align the menu vertically above the menu
+    menuOptions.bottom = UIStore.instance.windowHeight - buttonTop + vPadding;
+
+    return menuOptions;
+};
+
+// Placement method for <ContextMenu /> to position context menu right-aligned and flowing to the right of elementRect
+// and always above elementRect
+export const alwaysAboveRightOf = (
+    elementRect: Pick<DOMRect, "left" | "top">,
+    chevronFace = ChevronFace.None,
+    vPadding = 0,
+): IPosition & { chevronFace: ChevronFace } => {
+    const menuOptions: IPosition & { chevronFace: ChevronFace } = { chevronFace };
+
+    const buttonLeft = elementRect.left + window.scrollX;
+    const buttonTop = elementRect.top + window.scrollY;
+    // Align the left edge of the menu to the left edge of the button
+    menuOptions.left = buttonLeft;
+    // Align the menu vertically above the menu
+    menuOptions.bottom = UIStore.instance.windowHeight - buttonTop + vPadding;
+
+    return menuOptions;
+};
+
+type ContextMenuTuple<T> = [
+    boolean,
+    RefObject<T | null>,
+    (ev?: SyntheticEvent) => void,
+    (ev?: SyntheticEvent) => void,
+    (val: boolean) => void,
+];
+export const useContextMenu = <T extends HTMLElement = HTMLElement>(
+    inputRef?: RefObject<T | null>,
+): ContextMenuTuple<T> => {
+    let button = useRef<T>(null);
+    if (inputRef) {
+        // if we are given a ref, use it instead of ours
+        button = inputRef;
+    }
+
+    const [isOpen, setIsOpen] = useState(false);
+    const open = (ev?: SyntheticEvent): void => {
+        ev?.preventDefault();
+        ev?.stopPropagation();
+        setIsOpen(true);
+    };
+    const close = (ev?: SyntheticEvent): void => {
+        ev?.preventDefault();
+        ev?.stopPropagation();
+        setIsOpen(false);
+    };
+
+    return [button.current ? isOpen : false, button, open, close, setIsOpen];
+};
+
+// re-export the semantic helper components for simplicity
+export { ContextMenuButton } from "../../accessibility/context_menu/ContextMenuButton";
+export { ContextMenuTooltipButton } from "../../accessibility/context_menu/ContextMenuTooltipButton";
+export { MenuItem } from "../../accessibility/context_menu/MenuItem";
+export { MenuItemCheckbox } from "../../accessibility/context_menu/MenuItemCheckbox";
+export { MenuItemRadio } from "../../accessibility/context_menu/MenuItemRadio";
diff --git a/apps/web/src/components/structures/EmbeddedPage.tsx b/apps/web/src/components/structures/EmbeddedPage.tsx
new file mode 100644
index 00000000000..4f2bd2f6a62
--- /dev/null
+++ b/apps/web/src/components/structures/EmbeddedPage.tsx
@@ -0,0 +1,148 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2017 Vector Creations Ltd
+Copyright 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.
+*/
+
+import React from "react";
+import sanitizeHtml from "sanitize-html";
+import classnames from "classnames";
+import { logger } from "matrix-js-sdk/src/logger";
+import { AutoHideScrollbar } from "@element-hq/web-shared-components";
+
+import { _t } from "../../languageHandler";
+import dis from "../../dispatcher/dispatcher";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import MatrixClientContext from "../../contexts/MatrixClientContext";
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { Action } from "../../dispatcher/actions.ts";
+import { sanitizedHtmlNode } from "../../HtmlUtils.tsx";
+import { sanitizeHtmlParams, transformTags } from "../../Linkify.ts";
+import { objectExcluding } from "../../utils/objects.ts";
+
+interface IProps {
+    // URL to request embedded page content from
+    url?: string;
+    // Class name prefix to apply for a given instance
+    className?: string;
+    // Whether to wrap the page in a scrollbar
+    scrollbar?: boolean;
+    // Map of keys to replace with values, e.g {$placeholder: "value"}
+    replaceMap?: Record<string, string>;
+}
+
+interface IState {
+    page: string;
+}
+
+export default class EmbeddedPage extends React.PureComponent<IProps, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+    private unmounted = false;
+    private dispatcherRef?: string;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            page: "",
+        };
+    }
+
+    private translate(s: TranslationKey): string {
+        return sanitizeHtml(_t(s));
+    }
+
+    private async fetchEmbed(): Promise<void> {
+        let res: Response;
+
+        try {
+            res = await fetch(this.props.url!, { method: "GET" });
+        } catch (err) {
+            if (this.unmounted) return;
+            logger.warn(`Error loading page: ${err}`);
+            this.setState({ page: _t("cant_load_page") });
+            return;
+        }
+
+        if (this.unmounted) return;
+
+        if (!res.ok) {
+            logger.warn(`Error loading page: ${res.status}`);
+            this.setState({ page: _t("cant_load_page") });
+            return;
+        }
+
+        // Replace '," and HTML encoded variants
+        let body = (await res.text()).replace(
+            /_t\((?:['"]|(?:&#(?:34|27);))([\s\S]*?)(?:['"]|(?:&#(?:34|27);))\)/gm,
+            (match, g1) => this.translate(g1),
+        );
+
+        if (this.props.replaceMap) {
+            Object.keys(this.props.replaceMap).forEach((key) => {
+                body = body.split(key).join(this.props.replaceMap![key]);
+            });
+        }
+
+        this.setState({ page: body });
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+
+        if (!this.props.url) {
+            return;
+        }
+
+        // We use fetch to inline the page into the react component
+        // so that it can inherit CSS and theming easily rather than mess around
+        // with iframes and trying to synchronise document.stylesheets.
+        this.fetchEmbed();
+
+        this.dispatcherRef = dis.register(this.onAction);
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+        dis.unregister(this.dispatcherRef);
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        // HACK: Workaround for the context's MatrixClient not being set up at render time.
+        if (payload.action === Action.ClientStarted) {
+            this.forceUpdate();
+        }
+    };
+
+    public render(): React.ReactNode {
+        // HACK: Workaround for the context's MatrixClient not updating.
+        const client = this.context || MatrixClientPeg.get();
+        const isGuest = client ? client.isGuest() : true;
+        const className = this.props.className;
+        const classes = classnames(className, {
+            mx_AutoHideScrollbar: this.props.scrollbar,
+            [`${className}_guest`]: isGuest,
+            [`${className}_loggedIn`]: !!client,
+        });
+
+        const content = sanitizedHtmlNode(this.state.page, `${className}_body`, {
+            ...sanitizeHtmlParams,
+            transformTags: objectExcluding(transformTags, [
+                // Disable the transformer for `img` as it only allows mxc resources
+                "img",
+                // Disable the default transformer as it forbids inline styles
+                "*",
+            ]),
+        });
+
+        if (this.props.scrollbar) {
+            return <AutoHideScrollbar className={classes}>{content}</AutoHideScrollbar>;
+        } else {
+            return <div className={classes}>{content}</div>;
+        }
+    }
+}
diff --git a/apps/web/src/components/structures/ErrorMessage.tsx b/apps/web/src/components/structures/ErrorMessage.tsx
new file mode 100644
index 00000000000..cd30d19361a
--- /dev/null
+++ b/apps/web/src/components/structures/ErrorMessage.tsx
@@ -0,0 +1,29 @@
+/*
+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 ReactNode } from "react";
+import { ErrorSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+interface ErrorMessageProps {
+    message: string | ReactNode | null;
+}
+
+/**
+ * Error message component.
+ * Reserves two lines to display errors to prevent layout shifts when the error pops up.
+ */
+export const ErrorMessage: React.FC<ErrorMessageProps> = ({ message }) => {
+    const icon = message ? <ErrorSolidIcon width="20px" height="20px" /> : null;
+
+    return (
+        <div className="mx_ErrorMessage">
+            {icon}
+            {message}
+        </div>
+    );
+};
diff --git a/apps/web/src/components/structures/FileDropTarget.tsx b/apps/web/src/components/structures/FileDropTarget.tsx
new file mode 100644
index 00000000000..8dd748cecf2
--- /dev/null
+++ b/apps/web/src/components/structures/FileDropTarget.tsx
@@ -0,0 +1,123 @@
+/*
+Copyright 2026 Element Creations Ltd.
+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, { useEffect, useState } from "react";
+import { useViewModel } from "@element-hq/web-shared-components";
+
+import { _t } from "../../languageHandler";
+import UploadBigSvg from "../../../res/img/upload-big.svg";
+import { useRoomUploadViewModel } from "../../viewmodels/room/RoomUploadViewModel";
+
+interface IProps {
+    parent: HTMLElement | null;
+}
+
+interface IState {
+    dragging: boolean;
+    counter: number;
+}
+
+const FileDropTarget: React.FC<IProps> = ({ parent }) => {
+    const [state, setState] = useState<IState>({
+        dragging: false,
+        counter: 0,
+    });
+    const vm = useRoomUploadViewModel();
+    const { mayDragAndDropFile } = useViewModel(vm);
+
+    useEffect(() => {
+        if (!mayDragAndDropFile || !parent || parent.ondrop) return;
+
+        const onDragEnter = (ev: DragEvent): void => {
+            ev.stopPropagation();
+            ev.preventDefault();
+            if (!ev.dataTransfer) return;
+
+            setState((state) => ({
+                // We always increment the counter no matter the types, because dragging is
+                // still happening. If we didn't, the drag counter would get out of sync.
+                counter: state.counter + 1,
+                // See:
+                // https://docs.w3cub.com/dom/datatransfer/types
+                // https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types#file
+                dragging:
+                    ev.dataTransfer!.types.includes("Files") ||
+                    ev.dataTransfer!.types.includes("application/x-moz-file")
+                        ? true
+                        : state.dragging,
+            }));
+        };
+
+        const onDragLeave = (ev: DragEvent): void => {
+            ev.stopPropagation();
+            ev.preventDefault();
+
+            setState((state) => ({
+                counter: state.counter - 1,
+                dragging: state.counter <= 1 ? false : state.dragging,
+            }));
+        };
+
+        const onDragOver = (ev: DragEvent): void => {
+            ev.stopPropagation();
+            ev.preventDefault();
+            if (!ev.dataTransfer) return;
+
+            ev.dataTransfer.dropEffect = "none";
+
+            // See:
+            // https://docs.w3cub.com/dom/datatransfer/types
+            // https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types#file
+            if (ev.dataTransfer.types.includes("Files") || ev.dataTransfer.types.includes("application/x-moz-file")) {
+                ev.dataTransfer.dropEffect = "copy";
+            }
+        };
+
+        const onDrop = (ev: DragEvent): void => {
+            ev.stopPropagation();
+            ev.preventDefault();
+            if (!ev.dataTransfer) return;
+            void vm.initiateViaDataTransfer(ev.dataTransfer);
+
+            setState((state) => ({
+                dragging: false,
+                counter: state.counter - 1,
+            }));
+        };
+
+        parent?.addEventListener("drop", onDrop);
+        parent?.addEventListener("dragover", onDragOver);
+        parent?.addEventListener("dragenter", onDragEnter);
+        parent?.addEventListener("dragleave", onDragLeave);
+
+        return () => {
+            // disconnect the D&D event listeners from the room view. This
+            // is really just for hygiene - we're going to be
+            // deleted anyway, so it doesn't matter if the event listeners
+            // don't get cleaned up.
+            parent?.removeEventListener("drop", onDrop);
+            parent?.removeEventListener("dragover", onDragOver);
+            parent?.removeEventListener("dragenter", onDragEnter);
+            parent?.removeEventListener("dragleave", onDragLeave);
+        };
+    }, [parent, mayDragAndDropFile, vm]);
+
+    if (mayDragAndDropFile && state.dragging) {
+        return (
+            <div className="mx_FileDropTarget">
+                <img src={UploadBigSvg} className="mx_FileDropTarget_image" alt="" />
+                {_t("room|drop_file_prompt")}
+            </div>
+        );
+    }
+
+    return null;
+};
+
+export default FileDropTarget;
diff --git a/apps/web/src/components/structures/FilePanel.tsx b/apps/web/src/components/structures/FilePanel.tsx
new file mode 100644
index 00000000000..0cecad0a3e1
--- /dev/null
+++ b/apps/web/src/components/structures/FilePanel.tsx
@@ -0,0 +1,320 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2022 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+import React, { createRef } from "react";
+import {
+    Filter,
+    type EventTimelineSet,
+    type IRoomTimelineData,
+    type Direction,
+    type MatrixEvent,
+    MatrixEventEvent,
+    type Room,
+    RoomEvent,
+    type TimelineWindow,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import FilesIcon from "@vector-im/compound-design-tokens/assets/web/icons/files";
+
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import EventIndexPeg from "../../indexing/EventIndexPeg";
+import { _t } from "../../languageHandler";
+import SearchWarning, { WarningKind } from "../views/elements/SearchWarning";
+import BaseCard from "../views/right_panel/BaseCard";
+import TimelinePanel from "./TimelinePanel";
+import Spinner from "../views/elements/Spinner";
+import { Layout } from "../../settings/enums/Layout";
+import RoomContext, { TimelineRenderingType } from "../../contexts/RoomContext";
+import Measured from "../views/elements/Measured";
+import EmptyState from "../views/right_panel/EmptyState";
+import { ScopedRoomContextProvider } from "../../contexts/ScopedRoomContext.tsx";
+import { EventPresentationContextProvider } from "../../utils/EventPresentationContextProvider";
+
+interface IProps {
+    roomId: string;
+    onClose: () => void;
+}
+
+interface IState {
+    timelineSet: EventTimelineSet | null;
+    narrow: boolean;
+}
+
+/*
+ * Component which shows the filtered file using a TimelinePanel
+ */
+class FilePanel extends React.Component<IProps, IState> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    // This is used to track if a decrypted event was a live event and should be
+    // added to the timeline.
+    private decryptingEvents = new Set<string>();
+    public noRoom = false;
+    private card = createRef<HTMLDivElement>();
+
+    public state: IState = {
+        timelineSet: null,
+        narrow: false,
+    };
+
+    private onRoomTimeline = (
+        ev: MatrixEvent,
+        room: Room | undefined,
+        toStartOfTimeline: boolean | undefined,
+        removed: boolean,
+        data: IRoomTimelineData,
+    ): void => {
+        if (room?.roomId !== this.props.roomId) return;
+        if (toStartOfTimeline || !data || !data.liveEvent || ev.isRedacted()) return;
+
+        const client = MatrixClientPeg.safeGet();
+        client.decryptEventIfNeeded(ev);
+
+        if (ev.isBeingDecrypted()) {
+            this.decryptingEvents.add(ev.getId()!);
+        } else {
+            this.addEncryptedLiveEvent(ev);
+        }
+    };
+
+    private onEventDecrypted = (ev: MatrixEvent, err?: any): void => {
+        if (ev.getRoomId() !== this.props.roomId) return;
+        const eventId = ev.getId()!;
+
+        if (!this.decryptingEvents.delete(eventId)) return;
+        if (err) return;
+
+        this.addEncryptedLiveEvent(ev);
+    };
+
+    public addEncryptedLiveEvent(ev: MatrixEvent): void {
+        if (!this.state.timelineSet) return;
+
+        const timeline = this.state.timelineSet.getLiveTimeline();
+        if (ev.getType() !== "m.room.message") return;
+        if (!["m.file", "m.image", "m.video", "m.audio"].includes(ev.getContent().msgtype!)) {
+            return;
+        }
+
+        if (!this.state.timelineSet.eventIdToTimeline(ev.getId()!)) {
+            this.state.timelineSet.addEventToTimeline(ev, timeline, {
+                fromCache: false,
+                addToState: false,
+                toStartOfTimeline: false,
+            });
+        }
+    }
+
+    public async componentDidMount(): Promise<void> {
+        const client = MatrixClientPeg.safeGet();
+
+        await this.updateTimelineSet(this.props.roomId);
+
+        if (!client.isRoomEncrypted(this.props.roomId)) return;
+
+        // The timelineSets filter makes sure that encrypted events that contain
+        // URLs never get added to the timeline, even if they are live events.
+        // These methods are here to manually listen for such events and add
+        // them despite the filter's best efforts.
+        //
+        // We do this only for encrypted rooms and if an event index exists,
+        // this could be made more general in the future or the filter logic
+        // could be fixed.
+        if (EventIndexPeg.get() !== null) {
+            client.on(RoomEvent.Timeline, this.onRoomTimeline);
+            client.on(MatrixEventEvent.Decrypted, this.onEventDecrypted);
+        }
+    }
+
+    public componentWillUnmount(): void {
+        const client = MatrixClientPeg.get();
+        if (client === null) return;
+
+        if (!client.isRoomEncrypted(this.props.roomId)) return;
+
+        if (EventIndexPeg.get() !== null) {
+            client.removeListener(RoomEvent.Timeline, this.onRoomTimeline);
+            client.removeListener(MatrixEventEvent.Decrypted, this.onEventDecrypted);
+        }
+    }
+
+    public async fetchFileEventsServer(room: Room): Promise<EventTimelineSet> {
+        const client = MatrixClientPeg.safeGet();
+
+        const filter = new Filter(client.getSafeUserId());
+        filter.setDefinition({
+            room: {
+                timeline: {
+                    contains_url: true,
+                    types: ["m.room.message"],
+                },
+            },
+        });
+
+        filter.filterId = await client.getOrCreateFilter("FILTER_FILES_" + client.credentials.userId, filter);
+        return room.getOrCreateFilteredTimelineSet(filter);
+    }
+
+    private onPaginationRequest = (
+        timelineWindow: TimelineWindow,
+        direction: Direction,
+        limit: number,
+    ): Promise<boolean> => {
+        const client = MatrixClientPeg.safeGet();
+        const eventIndex = EventIndexPeg.get();
+        const roomId = this.props.roomId;
+
+        const room = client.getRoom(roomId);
+
+        // We override the pagination request for encrypted rooms so that we ask
+        // the event index to fulfill the pagination request. Asking the server
+        // to paginate won't ever work since the server can't correctly filter
+        // out events containing URLs
+        if (room && client.isRoomEncrypted(roomId) && eventIndex !== null) {
+            return eventIndex.paginateTimelineWindow(room, timelineWindow, direction, limit);
+        } else {
+            return timelineWindow.paginate(direction, limit);
+        }
+    };
+
+    private onMeasurement = (narrow: boolean): void => {
+        this.setState({ narrow });
+    };
+
+    public async updateTimelineSet(roomId: string): Promise<void> {
+        const client = MatrixClientPeg.safeGet();
+        const room = client.getRoom(roomId);
+        const eventIndex = EventIndexPeg.get();
+
+        this.noRoom = !room;
+
+        if (room) {
+            let timelineSet;
+
+            try {
+                timelineSet = await this.fetchFileEventsServer(room);
+
+                // If this room is encrypted the file panel won't be populated
+                // correctly since the defined filter doesn't support encrypted
+                // events and the server can't check if encrypted events contain
+                // URLs.
+                //
+                // This is where our event index comes into place, we ask the
+                // event index to populate the timelineSet for us. This call
+                // will add 10 events to the live timeline of the set. More can
+                // be requested using pagination.
+                if (client.isRoomEncrypted(roomId) && eventIndex !== null) {
+                    const timeline = timelineSet.getLiveTimeline();
+                    await eventIndex.populateFileTimeline(timelineSet, timeline, room, 10);
+                }
+
+                this.setState({ timelineSet: timelineSet });
+            } catch (error) {
+                logger.error("Failed to get or create file panel filter", error);
+            }
+        } else {
+            logger.error("Failed to add filtered timelineSet for FilePanel as no room!");
+        }
+    }
+
+    public render(): React.ReactNode {
+        if (MatrixClientPeg.safeGet().isGuest()) {
+            return (
+                <BaseCard
+                    className="mx_FilePanel mx_RoomView_messageListWrapper"
+                    onClose={this.props.onClose}
+                    header={_t("right_panel|files_button")}
+                >
+                    <div className="mx_RoomView_empty">
+                        {_t(
+                            "file_panel|guest_note",
+                            {},
+                            {
+                                a: (sub) => (
+                                    <a href="#/register" key="sub">
+                                        {sub}
+                                    </a>
+                                ),
+                            },
+                        )}
+                    </div>
+                </BaseCard>
+            );
+        } else if (this.noRoom) {
+            return (
+                <BaseCard
+                    className="mx_FilePanel mx_RoomView_messageListWrapper"
+                    onClose={this.props.onClose}
+                    header={_t("right_panel|files_button")}
+                >
+                    <div className="mx_RoomView_empty">{_t("file_panel|peek_note")}</div>
+                </BaseCard>
+            );
+        }
+
+        // wrap a TimelinePanel with the jump-to-event bits turned off.
+
+        const emptyState = (
+            <EmptyState
+                Icon={FilesIcon}
+                title={_t("file_panel|empty_heading")}
+                description={_t("file_panel|empty_description")}
+            />
+        );
+
+        const isRoomEncrypted = this.noRoom ? false : MatrixClientPeg.safeGet().isRoomEncrypted(this.props.roomId);
+
+        if (this.state.timelineSet) {
+            return (
+                <ScopedRoomContextProvider
+                    {...this.context}
+                    timelineRenderingType={TimelineRenderingType.File}
+                    narrow={this.state.narrow}
+                >
+                    <BaseCard
+                        className="mx_FilePanel"
+                        onClose={this.props.onClose}
+                        withoutScrollContainer
+                        ref={this.card}
+                        header={_t("right_panel|files_button")}
+                    >
+                        <Measured sensor={this.card} onMeasurement={this.onMeasurement} />
+                        <SearchWarning isRoomEncrypted={isRoomEncrypted} kind={WarningKind.Files} />
+                        <EventPresentationContextProvider layout={Layout.Group}>
+                            <TimelinePanel
+                                manageReadReceipts={false}
+                                manageReadMarkers={false}
+                                timelineSet={this.state.timelineSet}
+                                showUrlPreview={false}
+                                onPaginationRequest={this.onPaginationRequest}
+                                empty={emptyState}
+                                layout={Layout.Group}
+                            />
+                        </EventPresentationContextProvider>
+                    </BaseCard>
+                </ScopedRoomContextProvider>
+            );
+        } else {
+            return (
+                <ScopedRoomContextProvider {...this.context} timelineRenderingType={TimelineRenderingType.File}>
+                    <BaseCard
+                        className="mx_FilePanel"
+                        onClose={this.props.onClose}
+                        header={_t("right_panel|files_button")}
+                    >
+                        <Spinner />
+                    </BaseCard>
+                </ScopedRoomContextProvider>
+            );
+        }
+    }
+}
+
+export default FilePanel;
diff --git a/apps/web/src/components/structures/GenericDropdownMenu.tsx b/apps/web/src/components/structures/GenericDropdownMenu.tsx
new file mode 100644
index 00000000000..2a9f2f00551
--- /dev/null
+++ b/apps/web/src/components/structures/GenericDropdownMenu.tsx
@@ -0,0 +1,212 @@
+/*
+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 classNames from "classnames";
+import React, { type JSX, type FunctionComponent, type Key, type PropsWithChildren, type ReactNode } from "react";
+import { ChevronDownIcon, CheckIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { MenuItemRadio } from "../../accessibility/context_menu/MenuItemRadio";
+import { type ButtonEvent } from "../views/elements/AccessibleButton";
+import ContextMenu, { aboveLeftOf, ChevronFace, ContextMenuButton, useContextMenu } from "./ContextMenu";
+
+export type GenericDropdownMenuOption<T> = {
+    key: T;
+    label: ReactNode;
+    description?: ReactNode;
+    adornment?: ReactNode;
+};
+
+export type GenericDropdownMenuGroup<T> = GenericDropdownMenuOption<T> & {
+    options: GenericDropdownMenuOption<T>[];
+};
+
+export type GenericDropdownMenuItem<T> = GenericDropdownMenuGroup<T> | GenericDropdownMenuOption<T>;
+
+export function GenericDropdownMenuOption<T extends Key>({
+    label,
+    description,
+    onClick,
+    isSelected,
+    adornment,
+}: GenericDropdownMenuOption<T> & {
+    onClick: (ev: ButtonEvent) => void;
+    isSelected: boolean;
+}): JSX.Element {
+    return (
+        <MenuItemRadio
+            active={isSelected}
+            className="mx_GenericDropdownMenu_Option mx_GenericDropdownMenu_Option--item"
+            onClick={onClick}
+        >
+            {isSelected && <CheckIcon className="mx_GenericDropdownMenu_Option--checkIcon" />}
+            <div className="mx_GenericDropdownMenu_Option--label">
+                <span>{label}</span>
+                {description && <span>{description}</span>}
+            </div>
+            {adornment}
+        </MenuItemRadio>
+    );
+}
+
+export function GenericDropdownMenuGroup<T extends Key>({
+    label,
+    description,
+    adornment,
+    children,
+}: PropsWithChildren<GenericDropdownMenuOption<T>>): JSX.Element {
+    return (
+        <>
+            <div className="mx_GenericDropdownMenu_Option mx_GenericDropdownMenu_Option--header">
+                <div className="mx_GenericDropdownMenu_Option--label">
+                    <span>{label}</span>
+                    <span>{description}</span>
+                </div>
+                {adornment}
+            </div>
+            {children}
+        </>
+    );
+}
+
+function isGenericDropdownMenuGroupArray<T>(
+    items: readonly GenericDropdownMenuItem<T>[],
+): items is GenericDropdownMenuGroup<T>[] {
+    return isGenericDropdownMenuGroup(items[0]);
+}
+
+function isGenericDropdownMenuGroup<T>(item: GenericDropdownMenuItem<T>): item is GenericDropdownMenuGroup<T> {
+    return "options" in item;
+}
+
+type WithKeyFunction<T> = T extends Key
+    ? {
+          toKey?: (key: T) => Key;
+      }
+    : {
+          toKey: (key: T) => Key;
+      };
+
+export interface AdditionalOptionsProps {
+    menuDisplayed: boolean;
+    closeMenu: () => void;
+    openMenu: () => void;
+}
+
+type IProps<T> = WithKeyFunction<T> & {
+    value: T;
+    options: readonly GenericDropdownMenuOption<T>[] | readonly GenericDropdownMenuGroup<T>[];
+    onChange: (option: T) => void;
+    selectedLabel: (option: GenericDropdownMenuItem<T> | null | undefined) => ReactNode;
+    onOpen?: (ev: ButtonEvent) => void;
+    onClose?: (ev: ButtonEvent) => void;
+    className?: string;
+    AdditionalOptions?: FunctionComponent<AdditionalOptionsProps>;
+};
+
+function calculateKey<T>(value: T, toKey: ((key: T) => Key) | undefined): Key {
+    return toKey ? toKey(value) : (value as Key);
+}
+
+export function GenericDropdownMenu<T>({
+    value,
+    onChange,
+    options,
+    selectedLabel,
+    onOpen,
+    onClose,
+    toKey,
+    className,
+    AdditionalOptions,
+}: IProps<T>): JSX.Element {
+    const [menuDisplayed, button, openMenu, closeMenu] = useContextMenu();
+
+    const valueKey = calculateKey(value, toKey);
+    const selected: GenericDropdownMenuItem<T> | undefined = options
+        .flatMap((it) => (isGenericDropdownMenuGroup(it) ? [it, ...it.options] : [it]))
+        .find((option) => calculateKey(option.key, toKey) === valueKey);
+    let contextMenuOptions: JSX.Element;
+    if (options && isGenericDropdownMenuGroupArray(options)) {
+        contextMenuOptions = (
+            <>
+                {options.map((group) => (
+                    <GenericDropdownMenuGroup
+                        key={calculateKey(group.key, toKey)}
+                        label={group.label}
+                        description={group.description}
+                        adornment={group.adornment}
+                    >
+                        {group.options.map((option) => (
+                            <GenericDropdownMenuOption
+                                key={calculateKey(option.key, toKey)}
+                                label={option.label}
+                                description={option.description}
+                                onClick={(ev: ButtonEvent) => {
+                                    onChange(option.key);
+                                    closeMenu();
+                                    onClose?.(ev);
+                                }}
+                                adornment={option.adornment}
+                                isSelected={calculateKey(option.key, toKey) === valueKey}
+                            />
+                        ))}
+                    </GenericDropdownMenuGroup>
+                ))}
+            </>
+        );
+    } else {
+        contextMenuOptions = (
+            <>
+                {options.map((option) => (
+                    <GenericDropdownMenuOption
+                        key={calculateKey(option.key, toKey)}
+                        label={option.label}
+                        description={option.description}
+                        onClick={(ev: ButtonEvent) => {
+                            onChange(option.key);
+                            closeMenu();
+                            onClose?.(ev);
+                        }}
+                        adornment={option.adornment}
+                        isSelected={calculateKey(option.key, toKey) === valueKey}
+                    />
+                ))}
+            </>
+        );
+    }
+    const contextMenu =
+        menuDisplayed && button.current ? (
+            <ContextMenu
+                onFinished={closeMenu}
+                chevronFace={ChevronFace.Top}
+                wrapperClassName={classNames("mx_GenericDropdownMenu_wrapper", className)}
+                {...aboveLeftOf(button.current.getBoundingClientRect())}
+            >
+                {contextMenuOptions}
+                {AdditionalOptions && (
+                    <AdditionalOptions menuDisplayed={menuDisplayed} openMenu={openMenu} closeMenu={closeMenu} />
+                )}
+            </ContextMenu>
+        ) : null;
+    return (
+        <>
+            <ContextMenuButton
+                className="mx_GenericDropdownMenu_button"
+                ref={button}
+                isExpanded={menuDisplayed}
+                onClick={(ev: ButtonEvent) => {
+                    openMenu();
+                    onOpen?.(ev);
+                }}
+            >
+                {selectedLabel(selected)}
+                <ChevronDownIcon />
+            </ContextMenuButton>
+            {contextMenu}
+        </>
+    );
+}
diff --git a/apps/web/src/components/structures/HomePage.tsx b/apps/web/src/components/structures/HomePage.tsx
new file mode 100644
index 00000000000..0f74280e773
--- /dev/null
+++ b/apps/web/src/components/structures/HomePage.tsx
@@ -0,0 +1,137 @@
+/*
+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, useContext, useState } from "react";
+import { ChatSolidIcon, ExploreIcon, GroupIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { AutoHideScrollbar } from "@element-hq/web-shared-components";
+
+import { getHomePageUrl } from "../../utils/pages";
+import { _t, _tDom } from "../../languageHandler";
+import SdkConfig from "../../SdkConfig";
+import dis from "../../dispatcher/dispatcher";
+import { Action } from "../../dispatcher/actions";
+import BaseAvatar from "../views/avatars/BaseAvatar";
+import { OwnProfileStore } from "../../stores/OwnProfileStore";
+import AccessibleButton, { type ButtonEvent } from "../views/elements/AccessibleButton";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+import { useEventEmitter } from "../../hooks/useEventEmitter";
+import MatrixClientContext, { useMatrixClientContext } from "../../contexts/MatrixClientContext";
+import MiniAvatarUploader, { AVATAR_SIZE } from "../views/elements/MiniAvatarUploader";
+import PosthogTrackers from "../../PosthogTrackers";
+import EmbeddedPage from "./EmbeddedPage";
+
+const onClickSendDm = (ev: ButtonEvent): void => {
+    PosthogTrackers.trackInteraction("WebHomeCreateChatButton", ev);
+    dis.dispatch({ action: Action.CreateChat });
+};
+
+const onClickExplore = (ev: ButtonEvent): void => {
+    PosthogTrackers.trackInteraction("WebHomeExploreRoomsButton", ev);
+    dis.fire(Action.ViewRoomDirectory);
+};
+
+const onClickNewRoom = (ev: ButtonEvent): void => {
+    PosthogTrackers.trackInteraction("WebHomeCreateRoomButton", ev);
+    dis.dispatch({ action: Action.CreateRoom });
+};
+
+interface IProps {
+    justRegistered?: boolean;
+}
+
+const getOwnProfile = (
+    userId: string,
+): {
+    displayName: string;
+    avatarUrl?: string;
+} => ({
+    displayName: OwnProfileStore.instance.displayName || userId,
+    avatarUrl: OwnProfileStore.instance.getHttpAvatarUrl(parseInt(AVATAR_SIZE, 10)) ?? undefined,
+});
+
+const UserWelcomeTop: React.FC = () => {
+    const cli = useContext(MatrixClientContext);
+    const userId = cli.getUserId()!;
+    const [ownProfile, setOwnProfile] = useState(getOwnProfile(userId));
+    useEventEmitter(OwnProfileStore.instance, UPDATE_EVENT, () => {
+        setOwnProfile(getOwnProfile(userId));
+    });
+
+    return (
+        <div>
+            <MiniAvatarUploader
+                hasAvatar={!!ownProfile.avatarUrl}
+                hasAvatarLabel={_t("onboarding|has_avatar_label")}
+                noAvatarLabel={_t("onboarding|no_avatar_label")}
+                setAvatarUrl={(url) => cli.setAvatarUrl(url)}
+                isUserAvatar
+                onClick={(ev) => PosthogTrackers.trackInteraction("WebHomeMiniAvatarUploadButton", ev)}
+            >
+                <BaseAvatar
+                    idName={userId}
+                    name={ownProfile.displayName}
+                    url={ownProfile.avatarUrl}
+                    size={AVATAR_SIZE}
+                />
+            </MiniAvatarUploader>
+
+            <h1>{_tDom("onboarding|welcome_user", { name: ownProfile.displayName })}</h1>
+            <h2>{_tDom("onboarding|welcome_detail")}</h2>
+        </div>
+    );
+};
+
+const HomePage: React.FC<IProps> = ({ justRegistered = false }) => {
+    const cli = useMatrixClientContext();
+    const config = SdkConfig.get();
+    const pageUrl = getHomePageUrl(config, cli);
+
+    if (pageUrl) {
+        return <EmbeddedPage className="mx_HomePage" url={pageUrl} scrollbar={true} />;
+    }
+
+    let introSection: JSX.Element;
+    if (justRegistered || !OwnProfileStore.instance.getHttpAvatarUrl(parseInt(AVATAR_SIZE, 10))) {
+        introSection = <UserWelcomeTop />;
+    } else {
+        const brandingConfig = SdkConfig.getObject("branding");
+        const logoUrl = brandingConfig?.get("auth_header_logo_url") ?? "themes/element/img/logos/element-logo.svg";
+
+        introSection = (
+            <React.Fragment>
+                <img src={logoUrl} alt={config.brand} />
+                <h1>{_tDom("onboarding|intro_welcome", { appName: config.brand })}</h1>
+                <h2>{_tDom("onboarding|intro_byline")}</h2>
+            </React.Fragment>
+        );
+    }
+
+    return (
+        <AutoHideScrollbar className="mx_AutoHideScrollbar mx_HomePage mx_HomePage_default" as="main">
+            <div className="mx_HomePage_default_wrapper">
+                {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>
+            </div>
+        </AutoHideScrollbar>
+    );
+};
+
+export default HomePage;
diff --git a/apps/web/src/components/structures/IndicatorScrollbar.tsx b/apps/web/src/components/structures/IndicatorScrollbar.tsx
new file mode 100644
index 00000000000..46d7ba537ec
--- /dev/null
+++ b/apps/web/src/components/structures/IndicatorScrollbar.tsx
@@ -0,0 +1,196 @@
+/*
+Copyright 2018-2024 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 { AutoHideScrollbar, type AutoHideScrollbarProps } from "@element-hq/web-shared-components";
+import classNames from "classnames";
+
+import UIStore, { UI_EVENTS } from "../../stores/UIStore";
+
+export type IProps<T extends keyof JSX.IntrinsicElements> = Omit<AutoHideScrollbarProps<T>, "onWheel" | "element"> & {
+    element?: T;
+    // If true, the scrollbar will append mx_IndicatorScrollbar_leftOverflowIndicator
+    // and mx_IndicatorScrollbar_rightOverflowIndicator elements to the list for positioning
+    // by the parent element.
+    trackHorizontalOverflow?: boolean;
+
+    // If true, when the user tries to use their mouse wheel in the component it will
+    // scroll horizontally rather than vertically. This should only be used on components
+    // with no vertical scroll opportunity.
+    verticalScrollsHorizontally?: boolean;
+};
+
+interface IState {
+    leftIndicatorOffset: string;
+    rightIndicatorOffset: string;
+}
+
+export default class IndicatorScrollbar<T extends keyof JSX.IntrinsicElements> extends React.Component<
+    IProps<T>,
+    IState
+> {
+    private scrollElement?: HTMLDivElement;
+    private likelyTrackpadUser: boolean | null = null;
+    private checkAgainForTrackpad = 0; // ts in milliseconds to recheck this._likelyTrackpadUser
+
+    public constructor(props: IProps<T>) {
+        super(props);
+
+        this.state = {
+            leftIndicatorOffset: "0",
+            rightIndicatorOffset: "0",
+        };
+    }
+
+    private collectScroller = (scroller: HTMLDivElement): void => {
+        this.props.wrappedRef?.(scroller);
+        if (scroller && !this.scrollElement) {
+            this.scrollElement = scroller;
+            // Using the passive option to not block the main thread
+            // https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#improving_scrolling_performance_with_passive_listeners
+            this.scrollElement.addEventListener("scroll", this.checkOverflow, { passive: true });
+            this.checkOverflow();
+        }
+    };
+
+    public componentDidUpdate(prevProps: IProps<T>): void {
+        const prevLen = React.Children.count(prevProps.children);
+        const curLen = React.Children.count(this.props.children);
+        // check overflow only if amount of children changes.
+        // if we don't guard here, we end up with an infinite
+        // render > componentDidUpdate > checkOverflow > setState > render loop
+        if (prevLen !== curLen) {
+            this.checkOverflow();
+        }
+    }
+
+    public componentDidMount(): void {
+        this.checkOverflow();
+        UIStore.instance.on(UI_EVENTS.Resize, this.checkOverflow);
+    }
+
+    private checkOverflow = (): void => {
+        if (!this.scrollElement) return;
+        const hasTopOverflow = this.scrollElement.scrollTop > 0;
+        const hasBottomOverflow =
+            this.scrollElement.scrollHeight > this.scrollElement.scrollTop + this.scrollElement.clientHeight;
+        const hasLeftOverflow = this.scrollElement.scrollLeft > 0;
+        const hasRightOverflow =
+            this.scrollElement.scrollWidth > this.scrollElement.scrollLeft + this.scrollElement.clientWidth;
+
+        if (hasTopOverflow) {
+            this.scrollElement.classList.add("mx_IndicatorScrollbar_topOverflow");
+        } else {
+            this.scrollElement.classList.remove("mx_IndicatorScrollbar_topOverflow");
+        }
+        if (hasBottomOverflow) {
+            this.scrollElement.classList.add("mx_IndicatorScrollbar_bottomOverflow");
+        } else {
+            this.scrollElement.classList.remove("mx_IndicatorScrollbar_bottomOverflow");
+        }
+        if (hasLeftOverflow) {
+            this.scrollElement.classList.add("mx_IndicatorScrollbar_leftOverflow");
+        } else {
+            this.scrollElement.classList.remove("mx_IndicatorScrollbar_leftOverflow");
+        }
+        if (hasRightOverflow) {
+            this.scrollElement.classList.add("mx_IndicatorScrollbar_rightOverflow");
+        } else {
+            this.scrollElement.classList.remove("mx_IndicatorScrollbar_rightOverflow");
+        }
+
+        if (this.props.trackHorizontalOverflow) {
+            this.setState({
+                // Offset from absolute position of the container
+                leftIndicatorOffset: hasLeftOverflow ? `${this.scrollElement.scrollLeft}px` : "0",
+
+                // Negative because we're coming from the right
+                rightIndicatorOffset: hasRightOverflow ? `-${this.scrollElement.scrollLeft}px` : "0",
+            });
+        }
+    };
+
+    public componentWillUnmount(): void {
+        this.scrollElement?.removeEventListener("scroll", this.checkOverflow);
+        UIStore.instance.off(UI_EVENTS.Resize, this.checkOverflow);
+    }
+
+    private onMouseWheel = (e: React.WheelEvent): void => {
+        if (this.props.verticalScrollsHorizontally && this.scrollElement) {
+            // xyThreshold is the amount of horizontal motion required for the component to
+            // ignore the vertical delta in a scroll. Used to stop trackpads from acting in
+            // strange ways. Should be positive.
+            const xyThreshold = 0;
+
+            // yRetention is the factor multiplied by the vertical delta to try and reduce
+            // the harshness of the scroll behaviour. Should be a value between 0 and 1.
+            const yRetention = 1.0;
+
+            // whenever we see horizontal scrolling, assume the user is on a trackpad
+            // for at least the next 1 minute.
+            const now = new Date().getTime();
+            if (Math.abs(e.deltaX) > 0) {
+                this.likelyTrackpadUser = true;
+                this.checkAgainForTrackpad = now + 1 * 60 * 1000;
+            } else {
+                // if we haven't seen any horizontal scrolling for a while, assume
+                // the user might have plugged in a mousewheel
+                if (this.likelyTrackpadUser && now >= this.checkAgainForTrackpad) {
+                    this.likelyTrackpadUser = false;
+                }
+            }
+
+            // don't mess with the horizontal scroll for trackpad users
+            // See https://github.com/vector-im/element-web/issues/10005
+            if (this.likelyTrackpadUser) {
+                return;
+            }
+
+            if (Math.abs(e.deltaX) <= xyThreshold) {
+                // we are vertically scrolling.
+                // HACK: We increase the amount of scroll to counteract smooth scrolling browsers.
+                // Smooth scrolling browsers (Firefox) use the relative area to determine the scroll
+                // amount, which means the likely small area of content results in a small amount of
+                // movement - not what people expect. We pick arbitrary values for when to apply more
+                // scroll, and how much to apply. On Windows 10, Chrome scrolls 100 units whereas
+                // Firefox scrolls just 3 due to smooth scrolling.
+
+                const additionalScroll = e.deltaY < 0 ? -50 : 50;
+
+                // noinspection JSSuspiciousNameCombination
+                const val = Math.abs(e.deltaY) < 25 ? e.deltaY + additionalScroll : e.deltaY;
+                this.scrollElement.scrollLeft += val * yRetention;
+            }
+        }
+    };
+
+    public render(): React.ReactNode {
+        const { children, trackHorizontalOverflow, verticalScrollsHorizontally, className, ...otherProps } = this.props;
+
+        const leftIndicatorStyle = { left: this.state.leftIndicatorOffset };
+        const rightIndicatorStyle = { right: this.state.rightIndicatorOffset };
+        const leftOverflowIndicator = trackHorizontalOverflow ? (
+            <div className="mx_IndicatorScrollbar_leftOverflowIndicator" style={leftIndicatorStyle} />
+        ) : null;
+        const rightOverflowIndicator = trackHorizontalOverflow ? (
+            <div className="mx_IndicatorScrollbar_rightOverflowIndicator" style={rightIndicatorStyle} />
+        ) : null;
+
+        return (
+            <AutoHideScrollbar
+                {...otherProps}
+                className={classNames("mx_AutoHideScrollbar", className)}
+                wrappedRef={this.collectScroller}
+                onWheel={this.onMouseWheel}
+            >
+                {leftOverflowIndicator}
+                {children}
+                {rightOverflowIndicator}
+            </AutoHideScrollbar>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/InteractiveAuth.tsx b/apps/web/src/components/structures/InteractiveAuth.tsx
new file mode 100644
index 00000000000..7a414034105
--- /dev/null
+++ b/apps/web/src/components/structures/InteractiveAuth.tsx
@@ -0,0 +1,294 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-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, { createRef } from "react";
+import {
+    AuthType,
+    type IAuthData,
+    type AuthDict,
+    type IInputs,
+    InteractiveAuth,
+    type IStageStatus,
+} from "matrix-js-sdk/src/interactive-auth";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import getEntryComponentForLoginType, {
+    type ContinueKind,
+    CustomAuthType,
+    type IStageComponent,
+} from "../views/auth/InteractiveAuthEntryComponents";
+import Spinner from "../views/elements/Spinner";
+
+export const ERROR_USER_CANCELLED = new Error("User cancelled auth session");
+
+export type InteractiveAuthCallback<T> = {
+    (success: true, response: T, extra?: { emailSid?: string; clientSecret?: string }): Promise<void>;
+    (success: false, response: IAuthData | Error): Promise<void>;
+};
+
+export interface InteractiveAuthProps<T> {
+    // matrix client to use for UI auth requests
+    matrixClient: MatrixClient;
+    // response from initial request. If not supplied, will do a request on mount.
+    authData?: IAuthData;
+    // Inputs provided by the user to the auth process
+    // and used by various stages. As passed to js-sdk
+    // interactive-auth
+    inputs?: IInputs;
+    sessionId?: string;
+    clientSecret?: string;
+    emailSid?: string;
+    // If true, poll to see if the auth flow has been completed out-of-band
+    poll?: boolean;
+    // continueText and continueKind are passed straight through to the AuthEntryComponent.
+    continueText?: string;
+    continueKind?: ContinueKind;
+    // callback
+    makeRequest(auth: AuthDict | null): Promise<T>;
+    // callback called when the auth process has finished,
+    // successfully or unsuccessfully.
+    // @param {boolean} status True if the operation requiring
+    //     auth was completed successfully, false if canceled.
+    // @param {object} result The result of the authenticated call
+    //     if successful, otherwise the error object.
+    // @param {object} extra Additional information about the UI Auth
+    //     process:
+    //      * emailSid {string} If email auth was performed, the sid of
+    //            the auth session.
+    //      * clientSecret {string} The client secret used in auth
+    //            sessions with the ID server.
+    onAuthFinished: InteractiveAuthCallback<T>;
+    // As js-sdk interactive-auth
+    requestEmailToken?(email: string, secret: string, attempt: number, session: string): Promise<{ sid: string }>;
+    // Called when the stage changes, or the stage's phase changes. First
+    // argument is the stage, second is the phase. Some stages do not have
+    // phases and will be counted as 0 (numeric).
+    onStagePhaseChange?(stage: AuthType | CustomAuthType | null, phase: number): void;
+}
+
+interface IState {
+    authStage?: CustomAuthType | AuthType;
+    stageState?: IStageStatus;
+    busy: boolean;
+    errorText?: string;
+    errorCode?: string;
+    submitButtonEnabled: boolean;
+}
+
+export default class InteractiveAuthComponent<T> extends React.Component<InteractiveAuthProps<T>, IState> {
+    private readonly authLogic: InteractiveAuth<T>;
+    private readonly stageComponent = createRef<IStageComponent>();
+    private intervalId: number | null = null;
+
+    private unmounted = false;
+
+    public constructor(props: InteractiveAuthProps<T>) {
+        super(props);
+
+        this.state = {
+            busy: false,
+            submitButtonEnabled: false,
+        };
+
+        this.authLogic = new InteractiveAuth<T>({
+            authData: this.props.authData,
+            doRequest: this.requestCallback,
+            busyChanged: this.onBusyChanged,
+            inputs: this.props.inputs,
+            stateUpdated: this.authStateUpdated,
+            matrixClient: this.props.matrixClient,
+            sessionId: this.props.sessionId,
+            clientSecret: this.props.clientSecret,
+            emailSid: this.props.emailSid,
+            requestEmailToken: this.requestEmailToken,
+            supportedStages: [
+                AuthType.Password,
+                AuthType.Recaptcha,
+                AuthType.Email,
+                AuthType.Msisdn,
+                AuthType.Terms,
+                AuthType.RegistrationToken,
+                AuthType.UnstableRegistrationToken,
+                AuthType.Sso,
+                AuthType.SsoUnstable,
+                AuthType.OAuth,
+                CustomAuthType.MasCrossSigningReset,
+            ],
+        });
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+
+        if (this.props.poll) {
+            this.intervalId = window.setInterval(() => {
+                this.authLogic.poll();
+            }, 2000);
+        }
+
+        this.authLogic
+            .attemptAuth()
+            .then(async (result) => {
+                const extra = {
+                    emailSid: this.authLogic.getEmailSid(),
+                    clientSecret: this.authLogic.getClientSecret(),
+                };
+                await this.props.onAuthFinished(true, result, extra);
+            })
+            .catch(async (error) => {
+                await this.props.onAuthFinished(false, error);
+                logger.error("Error during user-interactive auth:", error);
+                if (this.unmounted) {
+                    return;
+                }
+
+                const msg = error.message || error.toString();
+                this.setState({
+                    errorText: msg,
+                    errorCode: error.errcode,
+                });
+            });
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+
+        if (this.intervalId !== null) {
+            clearInterval(this.intervalId);
+        }
+    }
+
+    private requestEmailToken = async (
+        email: string,
+        secret: string,
+        attempt: number,
+        session: string,
+    ): Promise<{ sid: string }> => {
+        this.setState({
+            busy: true,
+        });
+        try {
+            // We know this method only gets called on flows where requestEmailToken is passed but types don't
+            return await this.props.requestEmailToken!(email, secret, attempt, session);
+        } finally {
+            this.setState({
+                busy: false,
+            });
+        }
+    };
+
+    private authStateUpdated = (stageType: AuthType, stageState: IStageStatus): void => {
+        const oldStage = this.state.authStage;
+        this.setState(
+            {
+                busy: false,
+                authStage: stageType,
+                stageState: stageState,
+                errorText: stageState.error,
+                errorCode: stageState.errcode,
+            },
+            () => {
+                if (oldStage !== stageType) {
+                    this.setFocus();
+                } else if (!stageState.error) {
+                    this.stageComponent.current?.attemptFailed?.();
+                }
+            },
+        );
+    };
+
+    private requestCallback = (auth: AuthDict | null, background: boolean): Promise<T> => {
+        // This wrapper just exists because the js-sdk passes a second
+        // 'busy' param for backwards compat. This throws the tests off
+        // so discard it here.
+        return this.props.makeRequest(auth);
+    };
+
+    private onBusyChanged = (busy: boolean): void => {
+        // if we've started doing stuff, reset the error messages
+        // The JS SDK eagerly reports itself as "not busy" right after any
+        // immediate work has completed, but that's not really what we want at
+        // the UI layer, so we ignore this signal and show a spinner until
+        // there's a new screen to show the user. This is implemented by setting
+        // `busy: false` in `authStateUpdated`.
+        // See also https://github.com/vector-im/element-web/issues/12546
+        if (busy) {
+            this.setState({
+                busy: true,
+                errorText: undefined,
+                errorCode: undefined,
+            });
+        }
+
+        // authStateUpdated is not called during sso flows
+        if (!busy && (this.state.authStage === AuthType.Sso || this.state.authStage === AuthType.SsoUnstable)) {
+            this.setState({ busy });
+        }
+    };
+
+    private setFocus(): void {
+        this.stageComponent.current?.focus?.();
+    }
+
+    private submitAuthDict = (authData: AuthDict): void => {
+        this.authLogic.submitAuthDict(authData);
+    };
+
+    private onPhaseChange = (newPhase: number): void => {
+        this.props.onStagePhaseChange?.(this.state.authStage ?? null, newPhase || 0);
+    };
+
+    private onStageCancel = async (): Promise<void> => {
+        await this.props.onAuthFinished(false, ERROR_USER_CANCELLED);
+    };
+
+    private onAuthStageFailed = async (e: Error): Promise<void> => {
+        await this.props.onAuthFinished(false, e);
+    };
+
+    private setEmailSid = (sid: string): void => {
+        this.authLogic.setEmailSid(sid);
+    };
+
+    public render(): React.ReactNode {
+        const stage = this.state.authStage;
+        if (!stage) {
+            if (this.state.busy) {
+                return <Spinner />;
+            } else {
+                return null;
+            }
+        }
+
+        const StageComponent = getEntryComponentForLoginType(stage);
+        return (
+            <StageComponent
+                ref={this.stageComponent as any}
+                loginType={stage}
+                matrixClient={this.props.matrixClient}
+                authSessionId={this.authLogic.getSessionId()}
+                clientSecret={this.authLogic.getClientSecret()}
+                stageParams={this.authLogic.getStageParams(stage)}
+                submitAuthDict={this.submitAuthDict}
+                errorText={this.state.errorText}
+                errorCode={this.state.errorCode}
+                busy={this.state.busy}
+                inputs={this.props.inputs}
+                stageState={this.state.stageState}
+                fail={this.onAuthStageFailed}
+                setEmailSid={this.setEmailSid}
+                onPhaseChange={this.onPhaseChange}
+                requestEmailToken={this.authLogic.requestEmailToken}
+                continueText={this.props.continueText}
+                continueKind={this.props.continueKind}
+                onCancel={this.onStageCancel}
+            />
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/LargeLoader.tsx b/apps/web/src/components/structures/LargeLoader.tsx
new file mode 100644
index 00000000000..dce73a9eb40
--- /dev/null
+++ b/apps/web/src/components/structures/LargeLoader.tsx
@@ -0,0 +1,27 @@
+/*
+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 Spinner from "../views/elements/Spinner";
+
+interface LargeLoaderProps {
+    text: string;
+}
+
+/**
+ * Loader component that displays a (almost centered) spinner and loading message.
+ */
+export const LargeLoader: React.FC<LargeLoaderProps> = ({ text }) => {
+    return (
+        <div className="mx_LargeLoader">
+            <Spinner size={45} />
+            <div className="mx_LargeLoader_text">{text}</div>
+        </div>
+    );
+};
diff --git a/apps/web/src/components/structures/LeftPanel.tsx b/apps/web/src/components/structures/LeftPanel.tsx
new file mode 100644
index 00000000000..5c14f0f0273
--- /dev/null
+++ b/apps/web/src/components/structures/LeftPanel.tsx
@@ -0,0 +1,64 @@
+/*
+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 from "react";
+import classNames from "classnames";
+
+import type ResizeNotifier from "../../utils/ResizeNotifier";
+import { type SpaceKey, UPDATE_SELECTED_SPACE } from "../../stores/spaces";
+import { RoomListPanel } from "../views/rooms/RoomListPanel";
+import { SDKContext } from "../../contexts/SDKContext.ts";
+
+interface IProps {
+    isMinimized: boolean;
+    resizeNotifier: ResizeNotifier;
+}
+
+interface IState {
+    activeSpace: SpaceKey;
+}
+
+export default class LeftPanel extends React.Component<IProps, IState> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    public constructor(props: IProps, context: React.ContextType<typeof SDKContext>) {
+        super(props, context);
+
+        this.state = {
+            activeSpace: context.spaceStore.activeSpace,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.context.spaceStore.on(UPDATE_SELECTED_SPACE, this.updateActiveSpace);
+    }
+
+    public componentWillUnmount(): void {
+        this.context.spaceStore.off(UPDATE_SELECTED_SPACE, this.updateActiveSpace);
+    }
+
+    private updateActiveSpace = (activeSpace: SpaceKey): void => {
+        this.setState({ activeSpace });
+    };
+
+    public render(): React.ReactNode {
+        const containerClasses = classNames({
+            mx_LeftPanel: true,
+            mx_LeftPanel_minimized: this.props.isMinimized,
+        });
+
+        return (
+            <div className={containerClasses}>
+                <div className="mx_LeftPanel_roomListContainer">
+                    <RoomListPanel activeSpace={this.state.activeSpace} />
+                </div>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/LegacyCallEventGrouper.ts b/apps/web/src/components/structures/LegacyCallEventGrouper.ts
new file mode 100644
index 00000000000..9390fd64008
--- /dev/null
+++ b/apps/web/src/components/structures/LegacyCallEventGrouper.ts
@@ -0,0 +1,210 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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 { EventType, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { CallEvent, CallState, CallType, type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+// oxlint-disable-next-line no-restricted-imports
+import { EventEmitter } from "events";
+
+import { LegacyCallHandlerEvent } from "../../LegacyCallHandler";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import { SDKContextClass } from "../../contexts/SDKContextClass.ts";
+
+export enum LegacyCallEventGrouperEvent {
+    StateChanged = "state_changed",
+    SilencedChanged = "silenced_changed",
+    LengthChanged = "length_changed",
+}
+
+const CONNECTING_STATES = [
+    CallState.Connecting,
+    CallState.WaitLocalMedia,
+    CallState.CreateOffer,
+    CallState.CreateAnswer,
+];
+
+const SUPPORTED_STATES = [CallState.Connected, CallState.Ringing, CallState.Ended];
+
+const isCallEventType = (eventType: string): boolean =>
+    eventType.startsWith("m.call.") || eventType.startsWith("org.matrix.call.");
+
+export const isCallEvent = (event: MatrixEvent): boolean => isCallEventType(event.getType());
+
+export function buildLegacyCallEventGroupers(
+    callEventGroupers: Map<string, LegacyCallEventGrouper>,
+    events?: MatrixEvent[],
+): Map<string, LegacyCallEventGrouper> {
+    const newCallEventGroupers = new Map();
+    events?.forEach((ev) => {
+        if (!isCallEvent(ev)) {
+            return;
+        }
+
+        const callId = ev.getContent().call_id;
+        if (!newCallEventGroupers.has(callId)) {
+            if (callEventGroupers.has(callId)) {
+                // reuse the LegacyCallEventGrouper object where possible
+                newCallEventGroupers.set(callId, callEventGroupers.get(callId));
+            } else {
+                newCallEventGroupers.set(callId, new LegacyCallEventGrouper());
+            }
+        }
+        newCallEventGroupers.get(callId).add(ev);
+    });
+    return newCallEventGroupers;
+}
+
+export default class LegacyCallEventGrouper extends EventEmitter {
+    private events: Set<MatrixEvent> = new Set<MatrixEvent>();
+    private call: MatrixCall | null = null;
+    public state?: CallState;
+
+    public constructor() {
+        super();
+
+        SDKContextClass.instance.legacyCallHandler.addListener(LegacyCallHandlerEvent.CallsChanged, this.setCall);
+        SDKContextClass.instance.legacyCallHandler.addListener(
+            LegacyCallHandlerEvent.SilencedCallsChanged,
+            this.onSilencedCallsChanged,
+        );
+    }
+
+    private get invite(): MatrixEvent | undefined {
+        return [...this.events].find((event) => event.getType() === EventType.CallInvite);
+    }
+
+    private get hangup(): MatrixEvent | undefined {
+        return [...this.events].find((event) => event.getType() === EventType.CallHangup);
+    }
+
+    private get reject(): MatrixEvent | undefined {
+        return [...this.events].find((event) => event.getType() === EventType.CallReject);
+    }
+
+    private get selectAnswer(): MatrixEvent | undefined {
+        return [...this.events].find((event) => event.getType() === EventType.CallSelectAnswer);
+    }
+
+    public get isVoice(): boolean | undefined {
+        const invite = this.invite;
+        if (!invite) return undefined;
+
+        // FIXME: Find a better way to determine this from the event?
+        if (invite.getContent()?.offer?.sdp?.indexOf("m=video") !== -1) return false;
+        return true;
+    }
+
+    public get hangupReason(): string | null {
+        return this.call?.hangupReason ?? this.hangup?.getContent()?.reason ?? null;
+    }
+
+    public get rejectParty(): string | undefined {
+        return this.reject?.getSender();
+    }
+
+    public get gotRejected(): boolean {
+        return Boolean(this.reject);
+    }
+
+    public get duration(): number | null {
+        if (!this.hangup?.getDate() || !this.selectAnswer?.getDate()) return null;
+        return this.hangup.getDate()!.getTime() - this.selectAnswer.getDate()!.getTime();
+    }
+
+    /**
+     * Returns true if there are only events from the other side - we missed the call
+     */
+    public get callWasMissed(): boolean {
+        return (
+            this.state === CallState.Ended &&
+            ![...this.events].some((event) => event.sender?.userId === MatrixClientPeg.safeGet().getUserId())
+        );
+    }
+
+    private get callId(): string | undefined {
+        return [...this.events][0]?.getContent()?.call_id;
+    }
+
+    private get roomId(): string | undefined {
+        return [...this.events][0]?.getRoomId();
+    }
+
+    private onSilencedCallsChanged = (): void => {
+        const newState = SDKContextClass.instance.legacyCallHandler.isCallSilenced(this.callId);
+        this.emit(LegacyCallEventGrouperEvent.SilencedChanged, newState);
+    };
+
+    private onLengthChanged = (length: number): void => {
+        this.emit(LegacyCallEventGrouperEvent.LengthChanged, length);
+    };
+
+    public answerCall = (): void => {
+        const roomId = this.roomId;
+        if (!roomId) return;
+        SDKContextClass.instance.legacyCallHandler.answerCall(roomId);
+    };
+
+    public rejectCall = (): void => {
+        const roomId = this.roomId;
+        if (!roomId) return;
+        SDKContextClass.instance.legacyCallHandler.hangupOrReject(roomId, true);
+    };
+
+    public callBack = (): void => {
+        const roomId = this.roomId;
+        if (!roomId) return;
+        SDKContextClass.instance.legacyCallHandler.placeCall(roomId, this.isVoice ? CallType.Voice : CallType.Video);
+    };
+
+    public toggleSilenced = (): void => {
+        const silenced = SDKContextClass.instance.legacyCallHandler.isCallSilenced(this.callId);
+        if (silenced) {
+            SDKContextClass.instance.legacyCallHandler.unSilenceCall(this.callId);
+        } else {
+            SDKContextClass.instance.legacyCallHandler.silenceCall(this.callId);
+        }
+    };
+
+    private setCallListeners(): void {
+        if (!this.call) return;
+        this.call.addListener(CallEvent.State, this.setState);
+        this.call.addListener(CallEvent.LengthChanged, this.onLengthChanged);
+    }
+
+    private setState = (): void => {
+        if (this.call && CONNECTING_STATES.includes(this.call.state)) {
+            this.state = CallState.Connecting;
+        } else if (this.call && SUPPORTED_STATES.includes(this.call.state)) {
+            this.state = this.call.state;
+        } else {
+            if (this.reject) {
+                this.state = CallState.Ended;
+            } else if (this.hangup) {
+                this.state = CallState.Ended;
+            } else if (this.invite && this.call) {
+                this.state = CallState.Connecting;
+            }
+        }
+        this.emit(LegacyCallEventGrouperEvent.StateChanged, this.state);
+    };
+
+    private setCall = (): void => {
+        const callId = this.callId;
+        if (!callId || this.call) return;
+
+        this.call = SDKContextClass.instance.legacyCallHandler.getCallById(callId);
+        this.setCallListeners();
+        this.setState();
+    };
+
+    public add(event: MatrixEvent): void {
+        if (this.events.has(event)) return; // nothing to do
+        this.events.add(event);
+        this.setCall();
+    }
+}
diff --git a/apps/web/src/components/structures/LoggedInView.tsx b/apps/web/src/components/structures/LoggedInView.tsx
new file mode 100644
index 00000000000..51f23ecc559
--- /dev/null
+++ b/apps/web/src/components/structures/LoggedInView.tsx
@@ -0,0 +1,747 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-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 ClipboardEvent } from "react";
+import {
+    ClientEvent,
+    type MatrixClient,
+    type MatrixEvent,
+    RoomStateEvent,
+    type MatrixError,
+    type IUsageLimit,
+    type SyncStateData,
+    SyncState,
+    EventType,
+    ProfileKeyTimezone,
+    ProfileKeyMSC4175Timezone,
+} from "matrix-js-sdk/src/matrix";
+import { type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import classNames from "classnames";
+import { GroupView, SeparatorView, Panel, LeftResizablePanelView } from "@element-hq/web-shared-components";
+
+import { isOnlyCtrlOrCmdKeyEvent, Key } from "../../Keyboard";
+import PageTypes from "../../PageTypes";
+import MediaDeviceHandler from "../../MediaDeviceHandler";
+import dis from "../../dispatcher/dispatcher";
+import { type IMatrixClientCreds } from "../../utils/createMatrixClient";
+import SettingsStore from "../../settings/SettingsStore";
+import { SettingLevel } from "../../settings/SettingLevel";
+import PlatformPeg from "../../PlatformPeg";
+import { hideToast as hideServerLimitToast, showToast as showServerLimitToast } from "../../toasts/ServerLimitToast";
+import { Action } from "../../dispatcher/actions";
+import LeftPanel from "./LeftPanel";
+import { type ViewRoomDeltaPayload } from "../../dispatcher/payloads/ViewRoomDeltaPayload";
+import RoomListStoreV3 from "../../stores/room-list-v3/RoomListStoreV3";
+import NonUrgentToastContainer from "./NonUrgentToastContainer";
+import { type IOOBData, type IThreepidInvite } from "../../stores/ThreepidInviteStore";
+import Modal from "../../Modal";
+import { getKeyBindingsManager } from "../../KeyBindingsManager";
+import { type IOpts } from "../../createRoom";
+import SpacePanel from "../views/spaces/SpacePanel";
+import { LegacyCallHandlerEvent } from "../../LegacyCallHandler";
+import AudioFeedArrayForLegacyCall from "../views/voip/AudioFeedArrayForLegacyCall";
+import { OwnProfileStore } from "../../stores/OwnProfileStore";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+import { RoomView } from "./RoomView";
+import ToastContainer from "./ToastContainer";
+import UserView from "./UserView";
+import { mediaFromMxc } from "../../customisations/Media";
+import { UserTab } from "../views/dialogs/UserTab";
+import { type OpenToTabPayload } from "../../dispatcher/payloads/OpenToTabPayload";
+import { TimelineRenderingType } from "../../contexts/RoomContext";
+import { KeyBindingAction } from "../../accessibility/KeyboardShortcuts";
+import { type SwitchSpacePayload } from "../../dispatcher/payloads/SwitchSpacePayload";
+import LeftPanelLiveShareWarning from "../views/beacon/LeftPanelLiveShareWarning";
+import HomePage from "./HomePage";
+import { PipContainer } from "./PipContainer";
+import { monitorSyncedPushRules } from "../../utils/pushRules/monitorSyncedPushRules";
+import { MatrixClientContextProvider } from "./MatrixClientContextProvider";
+import { Landmark, LandmarkNavigation } from "../../accessibility/LandmarkNavigation";
+import { ModuleApi } from "../../modules/Api.ts";
+import { SDKContext } from "../../contexts/SDKContext.ts";
+import { ResizerViewModel } from "../../viewmodels/structures/ResizerViewModel.ts";
+
+// We need to fetch each pinned message individually (if we don't already have it)
+// so each pinned message may trigger a request. Limit the number per room for sanity.
+// NB. this is just for server notices rather than pinned messages in general.
+const MAX_PINNED_NOTICES_PER_ROOM = 2;
+
+// Used to find the closest inputable thing. Because of how our composer works,
+// your caret might be within a paragraph/font/div/whatever within the
+// contenteditable rather than directly in something inputable.
+function getInputableElement(el: HTMLElement): HTMLElement | null {
+    return el.closest("input, textarea, select, [contenteditable=true]");
+}
+
+interface IProps {
+    matrixClient: MatrixClient;
+    // Called with the credentials of a registered user (if they were a ROU that
+    // transitioned to PWLU)
+    onRegistered: (this: void, credentials: IMatrixClientCreds) => Promise<MatrixClient>;
+    hideToSRUsers: boolean;
+
+    page_type?: string;
+    threepidInvite?: IThreepidInvite;
+    roomOobData?: IOOBData;
+    currentRoomId: string | null;
+    currentUserId: string | null;
+    justRegistered?: boolean;
+    roomJustCreatedOpts?: IOpts;
+    forceTimeline?: boolean; // see props on MatrixChat
+}
+
+interface IState {
+    syncErrorData?: SyncStateData;
+    usageLimitDismissed: boolean;
+    usageLimitEventContent?: IUsageLimit;
+    usageLimitEventTs?: number;
+    useCompactLayout: boolean;
+    activeCalls: Array<MatrixCall>;
+    backgroundImage?: string;
+}
+
+/**
+ * This is what our MatrixChat shows when we are logged in. The precise view is
+ * determined by the page_type property.
+ *
+ * Currently, it's very tightly coupled with MatrixChat. We should try to do
+ * something about that.
+ *
+ * Components mounted below us can access the matrix client via the react context.
+ */
+class LoggedInView extends React.Component<IProps, IState> {
+    public static displayName = "LoggedInView";
+
+    protected readonly _matrixClient: MatrixClient;
+    protected readonly _roomView: React.RefObject<RoomView | null>;
+    protected layoutWatcherRef?: string;
+    protected compactLayoutWatcherRef?: string;
+    protected backgroundImageWatcherRef?: string;
+    protected timezoneProfileUpdateRef?: string[];
+
+    private resizerViewModel?: ResizerViewModel;
+
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    public constructor(props: IProps, context: React.ContextType<typeof SDKContext>) {
+        super(props, context);
+
+        this.state = {
+            syncErrorData: undefined,
+            // use compact timeline view
+            useCompactLayout: SettingsStore.getValue("useCompactLayout"),
+            usageLimitDismissed: false,
+            activeCalls: context.legacyCallHandler.getAllActiveCalls(),
+        };
+
+        // stash the MatrixClient in case we log out before we are unmounted
+        this._matrixClient = this.props.matrixClient;
+
+        MediaDeviceHandler.loadDevices();
+
+        this._roomView = React.createRef();
+    }
+
+    public componentDidMount(): void {
+        document.addEventListener("keydown", this.onNativeKeyDown, false);
+        this.context.legacyCallHandler.addListener(LegacyCallHandlerEvent.CallState, this.onCallState);
+
+        this.updateServerNoticeEvents();
+
+        this._matrixClient.on(ClientEvent.AccountData, this.onAccountData);
+        // check push rules on start up as well
+        monitorSyncedPushRules(this._matrixClient.getAccountData(EventType.PushRules), this._matrixClient);
+        this._matrixClient.on(ClientEvent.Sync, this.onSync);
+        // Call `onSync` with the current state as well
+        this.onSync(this._matrixClient.getSyncState(), null, this._matrixClient.getSyncStateData() ?? undefined);
+        this._matrixClient.on(RoomStateEvent.Events, this.onRoomStateEvents);
+
+        this.layoutWatcherRef = SettingsStore.watchSetting("layout", null, this.onCompactLayoutChanged);
+        this.compactLayoutWatcherRef = SettingsStore.watchSetting(
+            "useCompactLayout",
+            null,
+            this.onCompactLayoutChanged,
+        );
+        this.backgroundImageWatcherRef = SettingsStore.watchSetting(
+            "RoomList.backgroundImage",
+            null,
+            this.refreshBackgroundImage,
+        );
+
+        this.timezoneProfileUpdateRef = [
+            SettingsStore.watchSetting("userTimezonePublish", null, this.onTimezoneUpdate),
+            SettingsStore.watchSetting("userTimezone", null, this.onTimezoneUpdate),
+        ];
+        // Call this initially to ensure that we set the correct timezone, if the
+        // system time has changed between sessions.
+        void this.onTimezoneUpdate();
+
+        OwnProfileStore.instance.on(UPDATE_EVENT, this.refreshBackgroundImage);
+        this.refreshBackgroundImage();
+    }
+
+    private getResizerViewModel(): ResizerViewModel {
+        if (!this.resizerViewModel) {
+            this.resizerViewModel = new ResizerViewModel(this.context.callStore);
+        }
+        return this.resizerViewModel;
+    }
+
+    private disposeResizerViewModel(): void {
+        this.resizerViewModel?.dispose();
+        this.resizerViewModel = undefined;
+    }
+
+    private onTimezoneUpdate = async (): Promise<void> => {
+        // TODO: In a future app release, remove support for legacy key.
+        if (!SettingsStore.getValue("userTimezonePublish")) {
+            // Ensure it's deleted
+            try {
+                await this._matrixClient.deleteExtendedProfileProperty(ProfileKeyMSC4175Timezone);
+                await this._matrixClient.deleteExtendedProfileProperty(ProfileKeyTimezone);
+            } catch (ex) {
+                console.warn("Failed to delete timezone from user profile", ex);
+            }
+            return;
+        }
+        const currentTimezone =
+            SettingsStore.getValue("userTimezone") ||
+            // If the timezone is empty, then use the browser timezone.
+            // eslint-disable-next-line new-cap
+            Intl.DateTimeFormat().resolvedOptions().timeZone;
+        if (!currentTimezone || typeof currentTimezone !== "string") {
+            return;
+        }
+        try {
+            await this._matrixClient.setExtendedProfileProperty(ProfileKeyTimezone, currentTimezone);
+            await this._matrixClient.setExtendedProfileProperty(ProfileKeyMSC4175Timezone, currentTimezone);
+        } catch (ex) {
+            console.warn("Failed to update user profile with current timezone", ex);
+        }
+    };
+
+    public componentWillUnmount(): void {
+        document.removeEventListener("keydown", this.onNativeKeyDown, false);
+        this.context.legacyCallHandler.removeListener(LegacyCallHandlerEvent.CallState, this.onCallState);
+        this._matrixClient.removeListener(ClientEvent.AccountData, this.onAccountData);
+        this._matrixClient.removeListener(ClientEvent.Sync, this.onSync);
+        this._matrixClient.removeListener(RoomStateEvent.Events, this.onRoomStateEvents);
+        OwnProfileStore.instance.off(UPDATE_EVENT, this.refreshBackgroundImage);
+        SettingsStore.unwatchSetting(this.layoutWatcherRef);
+        SettingsStore.unwatchSetting(this.compactLayoutWatcherRef);
+        SettingsStore.unwatchSetting(this.backgroundImageWatcherRef);
+        this.timezoneProfileUpdateRef?.forEach((s) => SettingsStore.unwatchSetting(s));
+        this.disposeResizerViewModel();
+    }
+
+    private onCallState = (): void => {
+        const activeCalls = this.context.legacyCallHandler.getAllActiveCalls();
+        if (activeCalls === this.state.activeCalls) return;
+        this.setState({ activeCalls });
+    };
+
+    private refreshBackgroundImage = async (): Promise<void> => {
+        let backgroundImage = SettingsStore.getValue("RoomList.backgroundImage");
+        if (backgroundImage) {
+            // convert to http before going much further
+            backgroundImage = mediaFromMxc(backgroundImage).srcHttp;
+        } else {
+            backgroundImage = OwnProfileStore.instance.getHttpAvatarUrl();
+        }
+        this.setState({ backgroundImage: backgroundImage ?? undefined });
+    };
+
+    public canResetTimelineInRoom = (roomId: string): boolean => {
+        if (!this._roomView.current) {
+            return true;
+        }
+        return this._roomView.current.canResetTimeline();
+    };
+
+    private onAccountData = (event: MatrixEvent): void => {
+        if (event.getType() === "m.ignored_user_list") {
+            dis.dispatch({ action: "ignore_state_changed" });
+        }
+        monitorSyncedPushRules(event, this._matrixClient);
+    };
+
+    private onCompactLayoutChanged = (): void => {
+        this.setState({
+            useCompactLayout: SettingsStore.getValue("useCompactLayout"),
+        });
+    };
+
+    private onSync = (syncState: SyncState | null, oldSyncState: SyncState | null, data?: SyncStateData): void => {
+        const oldErrCode = (this.state.syncErrorData?.error as MatrixError)?.errcode;
+        const newErrCode = (data?.error as MatrixError)?.errcode;
+        if (syncState === oldSyncState && oldErrCode === newErrCode) return;
+
+        const syncErrorData = syncState === SyncState.Error ? data : undefined;
+        this.setState({
+            syncErrorData,
+        });
+
+        if (oldSyncState === SyncState.Prepared && syncState === SyncState.Syncing) {
+            this.updateServerNoticeEvents();
+        } else {
+            this.calculateServerLimitToast(syncErrorData, this.state.usageLimitEventContent);
+        }
+    };
+
+    private onRoomStateEvents = (ev: MatrixEvent): void => {
+        const serverNoticeList = RoomListStoreV3.instance.getServerNoticeRooms();
+        if (serverNoticeList.some((r) => r.roomId === ev.getRoomId())) {
+            this.updateServerNoticeEvents();
+        }
+    };
+
+    private onUsageLimitDismissed = (): void => {
+        this.setState({
+            usageLimitDismissed: true,
+        });
+    };
+
+    private calculateServerLimitToast(syncError: IState["syncErrorData"], usageLimitEventContent?: IUsageLimit): void {
+        const error = (syncError?.error as MatrixError)?.errcode === "M_RESOURCE_LIMIT_EXCEEDED";
+        if (error) {
+            usageLimitEventContent = (syncError?.error as MatrixError)?.data as IUsageLimit;
+        }
+
+        // usageLimitDismissed is true when the user has explicitly hidden the toast
+        // and it will be reset to false if a *new* usage alert comes in.
+        if (usageLimitEventContent && !this.state.usageLimitDismissed) {
+            showServerLimitToast(
+                usageLimitEventContent.limit_type,
+                this.onUsageLimitDismissed,
+                usageLimitEventContent.admin_contact,
+                error,
+            );
+        } else {
+            hideServerLimitToast();
+        }
+    }
+
+    private updateServerNoticeEvents = async (): Promise<void> => {
+        const serverNoticeList = RoomListStoreV3.instance.getServerNoticeRooms();
+        if (!serverNoticeList.length) return;
+
+        const events: MatrixEvent[] = [];
+        let pinnedEventTs = 0;
+        for (const room of serverNoticeList) {
+            const pinStateEvent = room.currentState.getStateEvents("m.room.pinned_events", "");
+
+            if (!pinStateEvent || !pinStateEvent.getContent().pinned) continue;
+            pinnedEventTs = pinStateEvent.getTs();
+
+            const pinnedEventIds = pinStateEvent.getContent().pinned.slice(0, MAX_PINNED_NOTICES_PER_ROOM);
+            for (const eventId of pinnedEventIds) {
+                const timeline = await this._matrixClient.getEventTimeline(room.getUnfilteredTimelineSet(), eventId);
+                const event = timeline?.getEvents().find((ev) => ev.getId() === eventId);
+                if (event) events.push(event);
+            }
+        }
+
+        if (pinnedEventTs && this.state.usageLimitEventTs && this.state.usageLimitEventTs > pinnedEventTs) {
+            // We've processed a newer event than this one, so ignore it.
+            return;
+        }
+
+        const usageLimitEvent = events.find((e) => {
+            return (
+                e &&
+                e.getType() === "m.room.message" &&
+                e.getContent()["server_notice_type"] === "m.server_notice.usage_limit_reached"
+            );
+        });
+        const usageLimitEventContent = usageLimitEvent?.getContent<IUsageLimit>();
+        this.calculateServerLimitToast(this.state.syncErrorData, usageLimitEventContent);
+        this.setState({
+            usageLimitEventContent,
+            usageLimitEventTs: pinnedEventTs,
+            // This is a fresh toast, we can show toasts again
+            usageLimitDismissed: false,
+        });
+    };
+
+    private onPaste = (ev: ClipboardEvent): void => {
+        const element = ev.target as HTMLElement;
+        const inputableElement = getInputableElement(element);
+        if (inputableElement === document.activeElement) return; // nothing to do
+
+        if (inputableElement?.focus) {
+            inputableElement.focus();
+        } else {
+            const inThread = !!document.activeElement?.closest(".mx_ThreadView");
+            // refocusing during a paste event will make the paste end up in the newly focused element,
+            // so dispatch synchronously before paste happens
+            dis.dispatch(
+                {
+                    action: Action.FocusSendMessageComposer,
+                    context: inThread ? TimelineRenderingType.Thread : TimelineRenderingType.Room,
+                },
+                true,
+            );
+        }
+    };
+
+    /*
+    SOME HACKERY BELOW:
+    React optimizes event handlers, by always attaching only 1 handler to the document for a given type.
+    It then internally determines the order in which React event handlers should be called,
+    emulating the capture and bubbling phases the DOM also has.
+
+    But, as the native handler for React is always attached on the document,
+    it will always run last for bubbling (first for capturing) handlers,
+    and thus React basically has its own event phases, and will always run
+    after (before for capturing) any native other event handlers (as they tend to be attached last).
+
+    So ideally one wouldn't mix React and native event handlers to have bubbling working as expected,
+    but we do need a native event handler here on the document,
+    to get keydown events when there is no focused element (target=body).
+
+    We also do need bubbling here to give child components a chance to call `stopPropagation()`,
+    for keydown events it can handle itself, and shouldn't be redirected to the composer.
+
+    So we listen with React on this component to get any events on focused elements, and get bubbling working as expected.
+    We also listen with a native listener on the document to get keydown events when no element is focused.
+    Bubbling is irrelevant here as the target is the body element.
+    */
+    private onReactKeyDown = (ev: React.KeyboardEvent): void => {
+        // events caught while bubbling up on the root element
+        // of this component, so something must be focused.
+        this.onKeyDown(ev);
+    };
+
+    private onNativeKeyDown = (ev: KeyboardEvent): void => {
+        // only pass this if there is no focused element.
+        // if there is, onKeyDown will be called by the
+        // react keydown handler that respects the react bubbling order.
+        if (ev.target === document.body) {
+            this.onKeyDown(ev);
+        }
+    };
+
+    private onKeyDown = (ev: React.KeyboardEvent | KeyboardEvent): void => {
+        let handled = false;
+
+        const roomAction = getKeyBindingsManager().getRoomAction(ev);
+        switch (roomAction) {
+            case KeyBindingAction.ScrollUp:
+            case KeyBindingAction.ScrollDown:
+            case KeyBindingAction.JumpToFirstMessage:
+            case KeyBindingAction.JumpToLatestMessage:
+                // pass the event down to the scroll panel
+                this.onScrollKeyPressed(ev);
+                handled = true;
+                break;
+            case KeyBindingAction.SearchInRoom:
+                dis.fire(Action.FocusMessageSearch);
+                handled = true;
+                break;
+        }
+        if (handled) {
+            ev.stopPropagation();
+            ev.preventDefault();
+            return;
+        }
+
+        const navAction = getKeyBindingsManager().getNavigationAction(ev);
+        switch (navAction) {
+            case KeyBindingAction.NextLandmark:
+            case KeyBindingAction.PreviousLandmark:
+                LandmarkNavigation.findAndFocusNextLandmark(
+                    Landmark.MESSAGE_COMPOSER_OR_HOME,
+                    navAction === KeyBindingAction.PreviousLandmark,
+                );
+                handled = true;
+                break;
+            case KeyBindingAction.FilterRooms:
+                dis.fire(Action.OpenSpotlight);
+                handled = true;
+                break;
+            case KeyBindingAction.ToggleUserMenu:
+                dis.fire(Action.ToggleUserMenu);
+                handled = true;
+                break;
+            case KeyBindingAction.ShowKeyboardSettings:
+                dis.dispatch<OpenToTabPayload>({
+                    action: Action.ViewUserSettings,
+                    initialTabId: UserTab.Keyboard,
+                });
+                handled = true;
+                break;
+            case KeyBindingAction.GoToHome:
+                // even if we cancel because there are modals open, we still
+                // handled it: nothing else should happen.
+                handled = true;
+                if (Modal.hasDialogs()) {
+                    return;
+                }
+                dis.dispatch({
+                    action: Action.ViewHomePage,
+                });
+                break;
+            case KeyBindingAction.ToggleSpacePanel:
+                dis.fire(Action.ToggleSpacePanel);
+                handled = true;
+                break;
+            case KeyBindingAction.ToggleRoomSidePanel:
+                if (this.props.page_type === "room_view") {
+                    this.context.rightPanelStore.togglePanel(null);
+                    handled = true;
+                }
+                break;
+            case KeyBindingAction.SelectPrevRoom:
+                dis.dispatch<ViewRoomDeltaPayload>({
+                    action: Action.ViewRoomDelta,
+                    delta: -1,
+                    unread: false,
+                });
+                handled = true;
+                break;
+            case KeyBindingAction.SelectNextRoom:
+                dis.dispatch<ViewRoomDeltaPayload>({
+                    action: Action.ViewRoomDelta,
+                    delta: 1,
+                    unread: false,
+                });
+                handled = true;
+                break;
+            case KeyBindingAction.SelectPrevUnreadRoom:
+                dis.dispatch<ViewRoomDeltaPayload>({
+                    action: Action.ViewRoomDelta,
+                    delta: -1,
+                    unread: true,
+                });
+                break;
+            case KeyBindingAction.SelectNextUnreadRoom:
+                dis.dispatch<ViewRoomDeltaPayload>({
+                    action: Action.ViewRoomDelta,
+                    delta: 1,
+                    unread: true,
+                });
+                break;
+            case KeyBindingAction.PreviousVisitedRoomOrSpace:
+                PlatformPeg.get()?.navigateForwardBack(true);
+                handled = true;
+                break;
+            case KeyBindingAction.NextVisitedRoomOrSpace:
+                PlatformPeg.get()?.navigateForwardBack(false);
+                handled = true;
+                break;
+        }
+
+        // Handle labs actions here, as they apply within the same scope
+        if (!handled) {
+            const labsAction = getKeyBindingsManager().getLabsAction(ev);
+            switch (labsAction) {
+                case KeyBindingAction.ToggleHiddenEventVisibility: {
+                    const hiddenEventVisibility = SettingsStore.getValueAt(
+                        SettingLevel.DEVICE,
+                        "showHiddenEventsInTimeline",
+                        undefined,
+                        false,
+                    );
+                    SettingsStore.setValue(
+                        "showHiddenEventsInTimeline",
+                        null,
+                        SettingLevel.DEVICE,
+                        !hiddenEventVisibility,
+                    );
+                    handled = true;
+                    break;
+                }
+            }
+        }
+
+        if (
+            !handled &&
+            PlatformPeg.get()?.overrideBrowserShortcuts() &&
+            ev.code.startsWith("Digit") &&
+            ev.code !== "Digit0" && // this is the shortcut for reset zoom, don't override it
+            isOnlyCtrlOrCmdKeyEvent(ev)
+        ) {
+            dis.dispatch<SwitchSpacePayload>({
+                action: Action.SwitchSpace,
+                num: parseInt(ev.code.slice(5), 10), // Cut off the first 5 characters - "Digit"
+            });
+            handled = true;
+        }
+
+        if (handled) {
+            ev.stopPropagation();
+            ev.preventDefault();
+            return;
+        }
+
+        const isModifier = ev.key === Key.ALT || ev.key === Key.CONTROL || ev.key === Key.META || ev.key === Key.SHIFT;
+        if (!isModifier && !ev.ctrlKey && !ev.metaKey) {
+            // The above condition is crafted to _allow_ characters with Shift
+            // already pressed (but not the Shift key down itself).
+            const isClickShortcut = ev.target !== document.body && (ev.key === Key.SPACE || ev.key === Key.ENTER);
+
+            // We explicitly allow alt to be held due to it being a common accent modifier.
+            // XXX: Forwarding Dead keys in this way does not work as intended but better to at least
+            // move focus to the composer so the user can re-type the dead key correctly.
+            const isPrintable = ev.key.length === 1 || ev.key === "Dead";
+
+            // If the user is entering a printable character outside of an input field
+            // redirect it to the composer for them.
+            if (!isClickShortcut && isPrintable && !getInputableElement(ev.target as HTMLElement)) {
+                const inThread = !!document.activeElement?.closest(".mx_ThreadView");
+                // synchronous dispatch so we focus before key generates input
+                dis.dispatch(
+                    {
+                        action: Action.FocusSendMessageComposer,
+                        context: inThread ? TimelineRenderingType.Thread : TimelineRenderingType.Room,
+                    },
+                    true,
+                );
+                ev.stopPropagation();
+                // we should *not* preventDefault() here as that would prevent typing in the now-focused composer
+            }
+        }
+    };
+
+    /**
+     * dispatch a page-up/page-down/etc to the appropriate component
+     * @param {Object} ev The key event
+     */
+    private onScrollKeyPressed = (ev: React.KeyboardEvent | KeyboardEvent): void => {
+        this._roomView.current?.handleScrollKey(ev);
+    };
+
+    public render(): React.ReactNode {
+        let pageElement;
+
+        const moduleRenderer = this.props.page_type
+            ? ModuleApi.instance.navigation.locationRenderers.get(this.props.page_type)
+            : undefined;
+
+        switch (this.props.page_type) {
+            case PageTypes.RoomView:
+                pageElement = (
+                    <RoomView
+                        ref={this._roomView}
+                        onRegistered={this.props.onRegistered}
+                        threepidInvite={this.props.threepidInvite}
+                        oobData={this.props.roomOobData}
+                        key={this.props.currentRoomId || "roomview"}
+                        justCreatedOpts={this.props.roomJustCreatedOpts}
+                        forceTimeline={this.props.forceTimeline}
+                    />
+                );
+                break;
+
+            case PageTypes.HomePage:
+                pageElement = <HomePage justRegistered={this.props.justRegistered} />;
+                break;
+
+            case PageTypes.UserView:
+                if (!!this.props.currentUserId) {
+                    pageElement = (
+                        <UserView userId={this.props.currentUserId} resizeNotifier={this.context.resizeNotifier} />
+                    );
+                }
+                break;
+            default: {
+                if (moduleRenderer) {
+                    // Since the view will be removed, remove the vm as well
+                    this.disposeResizerViewModel();
+                    pageElement = moduleRenderer();
+                } else {
+                    console.warn(`Couldn't render page type "${this.props.page_type}"`);
+                }
+            }
+        }
+
+        const wrapperClasses = classNames({
+            mx_MatrixChat_wrapper: true,
+            mx_MatrixChat_useCompactLayout: this.state.useCompactLayout,
+        });
+        const bodyClasses = classNames({
+            "mx_MatrixChat": true,
+            "mx_MatrixChat--with-avatar": this.state.backgroundImage,
+        });
+
+        const leftPanelWrapperClasses = classNames("mx_LeftPanel_wrapper");
+
+        const audioFeedArraysForCalls = this.state.activeCalls.map((call) => {
+            return <AudioFeedArrayForLegacyCall call={call} key={call.callId} />;
+        });
+
+        const leftPanel = (
+            <div className="mx_LeftPanel_outerWrapper">
+                <LeftPanelLiveShareWarning isMinimized={false} />
+                <div className={leftPanelWrapperClasses}>
+                    {!moduleRenderer && (
+                        <div className="mx_LeftPanel_wrapper--user">
+                            <LeftPanel isMinimized={false} resizeNotifier={this.context.resizeNotifier} />
+                        </div>
+                    )}
+                </div>
+            </div>
+        );
+
+        const roomView = <div className="mx_RoomView_wrapper">{pageElement}</div>;
+
+        let content: React.ReactNode;
+        const resizerViewModel = !moduleRenderer ? this.getResizerViewModel() : undefined;
+        if (resizerViewModel && !moduleRenderer) {
+            // Resizable layout with a draggable separator. The SpacePanel lives inside GroupView
+            // (leftPanel omits it).
+            content = (
+                <GroupView vm={resizerViewModel}>
+                    <SpacePanel />
+                    <LeftResizablePanelView
+                        vm={resizerViewModel}
+                        className="mx_LeftPanel_panel"
+                        minSize="200px"
+                        maxSize="370px"
+                        defaultSize="370px"
+                    >
+                        {leftPanel}
+                    </LeftResizablePanelView>
+                    <SeparatorView className="mx_Separator" vm={resizerViewModel} />
+                    <Panel className="mx_LeftPanel_panel">{roomView}</Panel>
+                </GroupView>
+            );
+        } else {
+            // Fallback layout for a module's full-screen view (e.g. multiroom) which must not use the
+            // resizable layout above. The ResizeHandle is dropped for module views, which manage their
+            // own layout.
+            content = (
+                <>
+                    <SpacePanel />
+                    {leftPanel}
+                    {roomView}
+                </>
+            );
+        }
+
+        return (
+            <MatrixClientContextProvider client={this._matrixClient}>
+                <div
+                    onPaste={this.onPaste}
+                    onKeyDown={this.onReactKeyDown}
+                    className={wrapperClasses}
+                    aria-hidden={this.props.hideToSRUsers}
+                >
+                    <ToastContainer />
+                    <div className={bodyClasses}>{content}</div>
+                </div>
+                <PipContainer />
+                <NonUrgentToastContainer />
+                {audioFeedArraysForCalls}
+            </MatrixClientContextProvider>
+        );
+    }
+}
+
+export default LoggedInView;
diff --git a/apps/web/src/components/structures/MainSplit.tsx b/apps/web/src/components/structures/MainSplit.tsx
new file mode 100644
index 00000000000..4ffabfeafea
--- /dev/null
+++ b/apps/web/src/components/structures/MainSplit.tsx
@@ -0,0 +1,138 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2018 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 ReactNode } from "react";
+import { type NumberSize, Resizable } from "re-resizable";
+import { type Direction } from "re-resizable/lib/resizer";
+import { type WebPanelResize } from "@matrix-org/analytics-events/types/typescript/WebPanelResize";
+
+import { PosthogAnalytics } from "../../PosthogAnalytics.ts";
+import { SDKContext } from "../../contexts/SDKContext.ts";
+
+interface IProps {
+    collapsedRhs?: boolean;
+    panel?: JSX.Element;
+    children: ReactNode;
+    /**
+     * A unique identifier for this panel split.
+     *
+     * This is appended to the key used to store the panel size in localStorage, allowing the widths of different
+     * panels to be stored.
+     */
+    sizeKey?: string;
+    /**
+     * The size to use for the panel component if one isn't persisted in storage. Defaults to 320.
+     */
+    defaultSize: number;
+
+    analyticsRoomType: WebPanelResize["roomType"];
+}
+
+export default class MainSplit extends React.Component<IProps> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    public static defaultProps = {
+        defaultSize: 320,
+    };
+
+    public constructor(props: IProps, context: React.ContextType<typeof SDKContext>) {
+        super(props, context);
+    }
+
+    private onResizeStart = (): void => {
+        this.context.resizeNotifier.startResizing();
+    };
+
+    private onResize = (): void => {
+        this.context.resizeNotifier.notifyRightHandleResized();
+    };
+
+    private get sizeSettingStorageKey(): string {
+        let key = "mx_rhs_size";
+        if (!!this.props.sizeKey) {
+            key += `_${this.props.sizeKey}`;
+        }
+        return key;
+    }
+
+    private onResizeStop = (
+        event: MouseEvent | TouchEvent,
+        direction: Direction,
+        elementRef: HTMLElement,
+        delta: NumberSize,
+    ): void => {
+        const newSize = this.loadSidePanelSize().width + delta.width;
+        this.context.resizeNotifier.stopResizing();
+        window.localStorage.setItem(this.sizeSettingStorageKey, newSize.toString());
+
+        PosthogAnalytics.instance.trackEvent<WebPanelResize>({
+            eventName: "WebPanelResize",
+            panel: "right",
+            roomType: this.props.analyticsRoomType,
+            size: newSize,
+        });
+    };
+
+    private loadSidePanelSize(): { height: string | number; width: number } {
+        let rhsSize = parseInt(window.localStorage.getItem(this.sizeSettingStorageKey)!, 10);
+
+        if (isNaN(rhsSize)) {
+            rhsSize = this.props.defaultSize;
+        }
+
+        return {
+            height: "100%",
+            width: rhsSize,
+        };
+    }
+
+    public render(): React.ReactNode {
+        const bodyView = React.Children.only(this.props.children);
+        const panelView = this.props.panel;
+
+        const hasResizer = !this.props.collapsedRhs && panelView;
+
+        let children;
+        if (hasResizer) {
+            children = (
+                <Resizable
+                    key={this.props.sizeKey}
+                    defaultSize={this.loadSidePanelSize()}
+                    minWidth={320}
+                    maxWidth="50%"
+                    enable={{
+                        top: false,
+                        right: false,
+                        bottom: false,
+                        left: true,
+                        topRight: false,
+                        bottomRight: false,
+                        bottomLeft: false,
+                        topLeft: false,
+                    }}
+                    onResizeStart={this.onResizeStart}
+                    onResize={this.onResize}
+                    onResizeStop={this.onResizeStop}
+                    className="mx_RightPanel_ResizeWrapper"
+                    handleClasses={{ left: "mx_ResizeHandle--horizontal" }}
+                >
+                    {panelView}
+                </Resizable>
+            );
+        }
+
+        return (
+            <div className="mx_MainSplit">
+                {bodyView}
+                {children}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/MatrixChat.test.tsx b/apps/web/src/components/structures/MatrixChat.test.tsx
new file mode 100644
index 00000000000..8b3e7ef3aa1
--- /dev/null
+++ b/apps/web/src/components/structures/MatrixChat.test.tsx
@@ -0,0 +1,2060 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach, type Mocked } from "vitest";
+import React, { type ComponentProps, createRef, type RefObject } from "react";
+import { cleanup, fireEvent, render, type RenderResult, screen, waitFor, within, act } from "test-utils-rtl";
+import {
+    ClientEvent,
+    type MatrixClient,
+    MatrixEvent,
+    Room,
+    SyncState,
+    OAuth2,
+    type BearerTokenResponse,
+    OAuth2Error,
+} from "matrix-js-sdk/src/matrix";
+import { type MediaHandler } from "matrix-js-sdk/src/webrtc/mediaHandler";
+import * as MatrixJs from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { sleep } from "matrix-js-sdk/src/utils";
+import {
+    CryptoEvent,
+    type DeviceVerificationStatus,
+    UserVerificationStatus,
+    type CryptoApi,
+} from "matrix-js-sdk/src/crypto-api";
+import fetchMock from "@fetch-mock/vitest";
+import * as qrLogin from "matrix-js-sdk/src/rendezvous";
+import {
+    clearAllModals,
+    createStubMatrixRTC,
+    filterConsole,
+    flushPromises,
+    getMockClientWithEventEmitter,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+    MockClientWithEventEmitter,
+    mockPlatformPeg,
+    resetJsDomAfterEach,
+    unmockClientPeg,
+} from "test-utils";
+import { makeDelegatedAuthMetadata } from "test-utils/auth.ts";
+
+import MatrixChat from "../../components/structures/MatrixChat";
+import * as StorageAccess from "../../utils/StorageAccess";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { Action } from "../../dispatcher/actions";
+import { UserTab } from "../../components/views/dialogs/UserTab";
+import * as leaveRoomUtils from "../../utils/leave-behaviour";
+import { OAuthClientError } from "../../utils/oauth/error";
+import { CallStore } from "../../stores/CallStore";
+import { type Call } from "../../models/Call";
+import { PosthogAnalytics } from "../../PosthogAnalytics";
+import PlatformPeg from "../../PlatformPeg";
+import EventIndexPeg from "../../indexing/EventIndexPeg";
+import MediaDeviceHandler from "../../MediaDeviceHandler";
+import * as Lifecycle from "../../Lifecycle";
+import { SSO_HOMESERVER_URL_KEY, SSO_ID_SERVER_URL_KEY } from "../../BasePlatform";
+import SettingsStore from "../../settings/SettingsStore";
+import { SettingLevel } from "../../settings/SettingLevel";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import DMRoomMap from "../../utils/DMRoomMap";
+import { ReleaseAnnouncementStore } from "../../stores/ReleaseAnnouncementStore";
+import { DRAFT_LAST_CLEANUP_KEY } from "../../DraftCleaner";
+import { UIFeature } from "../../settings/UIFeature";
+import AutoDiscoveryUtils from "../../utils/AutoDiscoveryUtils";
+import { type ValidatedServerConfig } from "../../utils/ValidatedServerConfig";
+import Modal from "../../Modal.tsx";
+import { SetupEncryptionStore } from "../../stores/SetupEncryptionStore.ts";
+import { ShareFormat } from "../../dispatcher/payloads/SharePayload.ts";
+import { clearStorage } from "../../Lifecycle";
+import UserSettingsDialog from "../../components/views/dialogs/UserSettingsDialog.tsx";
+import { SDKContextClass } from "../../contexts/SDKContextClass";
+import { type QrLoginCredentials } from "../../components/views/auth/LoginWithQR.tsx";
+import { storeAuthContext } from "../../utils/oauth/persistOAuthSettings.ts";
+
+// Stub out ThemeWatcher as the necessary bits for themes are done in element-web's index.html and thus are lacking here,
+// plus JSDOM's implementation of CSSStyleDeclaration has a bunch of differences to real browsers which cause issues.
+vi.mock("../../settings/watchers/ThemeWatcher");
+vi.mock("../../theme");
+
+vi.mock("../../async-components/views/dialogs/security/NewRecoveryMethodDialog", () => ({
+    __test: true,
+    __esModule: true,
+    default: () => <span>mocked dialog</span>,
+}));
+vi.mock("../../async-components/views/dialogs/security/RecoveryMethodRemovedDialog", () => ({
+    __test: true,
+    __esModule: true,
+    default: () => <span>mocked dialog</span>,
+}));
+
+/** The matrix versions our mock server claims to support */
+const SERVER_SUPPORTED_MATRIX_VERSIONS = ["v1.1", "v1.5", "v1.6", "v1.8", "v1.9"];
+
+function createMockCrypto(): CryptoApi {
+    return {
+        getVersion: vi.fn().mockReturnValue("Version 0"),
+        getVerificationRequestsToDeviceInProgress: vi.fn().mockReturnValue([]),
+        getUserDeviceInfo: vi.fn().mockReturnValue({
+            get: vi
+                .fn()
+                .mockReturnValue(
+                    new Map([
+                        [
+                            "devid",
+                            { deviceId: "devid", dehydrated: false, getIdentityKey: vi.fn().mockReturnValue("k") },
+                        ],
+                    ]),
+                ),
+        }),
+        getUserVerificationStatus: vi.fn().mockResolvedValue(new UserVerificationStatus(true, true, false)),
+        setDeviceIsolationMode: vi.fn(),
+        isDehydrationSupported: vi.fn().mockReturnValue(false),
+        getDeviceVerificationStatus: vi.fn().mockResolvedValue({ signedByOwner: true } as DeviceVerificationStatus),
+        isCrossSigningReady: vi.fn().mockReturnValue(false),
+        requestOwnUserVerification: vi.fn().mockResolvedValue({ cancel: vi.fn(), on: vi.fn() }),
+    } as any;
+}
+
+describe("<MatrixChat />", () => {
+    const userId = "@alice:server.org";
+    const deviceId = "qwertyui";
+    const accessToken = "abc123";
+    const refreshToken = "def456";
+    let bootstrapDeferred: PromiseWithResolvers<void>;
+    let oauthLoginDeferred: PromiseWithResolvers<BearerTokenResponse>;
+    let qrSignInDeferred: PromiseWithResolvers<Awaited<ReturnType<typeof qrLogin.signInByGeneratingQR>>> | undefined;
+    // reused in createClient mock below
+    const getMockClientMethods = () => ({
+        ...mockClientMethodsUser(userId),
+        ...mockClientMethodsServer(),
+        getVersions: vi.fn().mockResolvedValue({ versions: SERVER_SUPPORTED_MATRIX_VERSIONS }),
+        startClient: async function () {
+            // This `sleep` is a horrible hack, for which I am sorry.
+            //
+            // MatrixChat uses its `view` state as the tracker for the current state of its state machine. However,
+            // React state does not update immediately, with the result that if the client starts too quickly after the
+            // "OnLoggedIn" action, the state machine will be confused and the view will not be correctly updated.
+            //
+            // In practice it takes a little time for the client to start up (it has to read a load of stuff from
+            // indexedDB, so in some ways this is just a more realistic simulation of the real world 😇
+            await sleep(1);
+
+            // @ts-ignore
+            this.getSyncState.mockReturnValue(SyncState.Prepared);
+            // @ts-ignore
+            this.emit(ClientEvent.Sync, SyncState.Prepared, null);
+        },
+        stopClient: vi.fn(),
+        setCanResetTimelineCallback: vi.fn(),
+        isInitialSyncComplete: vi.fn(),
+        getSyncState: vi.fn(),
+        getSsoLoginUrl: vi.fn(),
+        getSyncStateData: vi.fn().mockReturnValue(null),
+        getThirdpartyProtocols: vi.fn().mockResolvedValue({}),
+        getClientWellKnown: vi.fn().mockReturnValue({}),
+        _unstable_getRTCTransports: vi.fn().mockResolvedValue([]),
+        waitForClientWellKnown: vi.fn().mockResolvedValue({}),
+        isVersionSupported: vi.fn().mockResolvedValue(false),
+        initRustCrypto: vi.fn(),
+        getRoom: vi.fn(),
+        getMediaHandler: vi.fn().mockReturnValue({
+            setVideoInput: vi.fn(),
+            setAudioInput: vi.fn(),
+            setAudioSettings: vi.fn(),
+            stopAllStreams: vi.fn(),
+        } as unknown as MediaHandler),
+        setAccountData: vi.fn(),
+        store: {
+            destroy: vi.fn(),
+            startup: vi.fn(),
+        },
+        login: vi.fn(),
+        loginFlows: vi.fn().mockResolvedValue({ flows: [] }),
+        isGuest: vi.fn().mockReturnValue(false),
+        clearStores: vi.fn(),
+        setGuest: vi.fn(),
+        setNotifTimelineSet: vi.fn(),
+        getAccountData: vi.fn(),
+        doesServerSupportUnstableFeature: vi.fn().mockResolvedValue(false),
+        getDevices: vi.fn().mockResolvedValue({ devices: [] }),
+        getProfileInfo: vi.fn().mockResolvedValue({
+            displayname: "Ernie",
+        }),
+        getVisibleRooms: vi.fn().mockReturnValue([]),
+        getRooms: vi.fn().mockReturnValue([]),
+        getCrypto: vi.fn().mockReturnValue({
+            getVerificationRequestsToDeviceInProgress: vi.fn().mockReturnValue([]),
+            isCrossSigningReady: vi.fn().mockReturnValue(false),
+            isDehydrationSupported: vi.fn().mockReturnValue(false),
+            getUserDeviceInfo: vi.fn().mockReturnValue(new Map()),
+            getUserVerificationStatus: vi.fn().mockResolvedValue(new UserVerificationStatus(false, false, false)),
+            getVersion: vi.fn().mockReturnValue("1"),
+            setDeviceIsolationMode: vi.fn(),
+            userHasCrossSigningKeys: vi.fn(),
+            getActiveSessionBackupVersion: vi.fn().mockResolvedValue(null),
+            globalBlacklistUnverifiedDevices: false,
+            // This needs to not finish immediately because we need to test the screen appears
+            bootstrapCrossSigning: vi.fn().mockImplementation(() => bootstrapDeferred.promise),
+            getKeyBackupInfo: vi.fn().mockResolvedValue(null),
+        }),
+        secretStorage: {
+            isStored: vi.fn().mockReturnValue(null),
+        },
+        matrixRTC: createStubMatrixRTC(),
+        getDehydratedDevice: vi.fn(),
+        whoami: vi.fn(),
+        logout: vi.fn(),
+        getDeviceId: vi.fn(),
+        forget: () => Promise.resolve(),
+        getAuthMetadata: vi.fn().mockRejectedValue(new Error("Legacy auth")),
+        deleteExtendedProfileProperty: vi.fn(),
+    });
+    let mockClient: Mocked<MatrixClient>;
+    const serverConfig = {
+        hsUrl: "https://test.com",
+        hsName: "Test Server",
+        hsNameIsDifferent: false,
+        isUrl: "https://is.com",
+        isDefault: true,
+        isNameResolvable: true,
+        warning: "",
+    };
+    let defaultProps: ComponentProps<typeof MatrixChat>;
+    const getComponent = (
+        props: Partial<ComponentProps<typeof MatrixChat>> = {},
+        ref?: RefObject<MatrixChat | null>,
+    ) => {
+        return render(<MatrixChat {...defaultProps} {...props} ref={ref} />);
+    };
+
+    // make test results readable
+    filterConsole(
+        "Failed to parse localStorage object",
+        "Sync store cannot be used on this browser",
+        "Crypto store cannot be used on this browser",
+        "Storage consistency checks failed",
+        "LegacyCallHandler: missing <audio",
+    );
+
+    /** populate storage with details of a persisted session */
+    async function populateStorageForSession() {
+        localStorage.setItem("mx_hs_url", serverConfig.hsUrl);
+        localStorage.setItem("mx_is_url", serverConfig.isUrl);
+        // TODO: nowadays the access token lives (encrypted) in indexedDB, and localstorage is only used as a fallback.
+        localStorage.setItem("mx_access_token", accessToken);
+        localStorage.setItem("mx_user_id", userId);
+        localStorage.setItem("mx_device_id", deviceId);
+    }
+
+    beforeEach(async () => {
+        vi.restoreAllMocks();
+        vi.spyOn(MediaDeviceHandler, "loadDevices").mockResolvedValue(undefined);
+        vi.doMock("../../utils/SessionLock.ts", () => ({
+            getSessionLock: vi.fn().mockResolvedValue(true),
+            checkSessionLockFree: vi.fn().mockReturnValue(true),
+        }));
+
+        await clearStorage();
+        Lifecycle.setSessionLockNotStolen();
+
+        defaultProps = {
+            config: {
+                brand: "Test",
+                help_url: "help_url",
+                help_encryption_url: "help_encryption_url",
+                feedback: {
+                    existing_issues_url: "https://feedback.org/existing",
+                    new_issue_url: "https://feedback.org/new",
+                },
+                validated_server_config: serverConfig,
+            },
+            onNewScreen: vi.fn(),
+            onTokenLoginCompleted: vi.fn(),
+            urlParams: {},
+        };
+
+        mockClient = getMockClientWithEventEmitter(getMockClientMethods());
+        vi.spyOn(MatrixJs, "createClient").mockReturnValue(mockClient);
+
+        vi.spyOn(defaultDispatcher, "dispatch").mockClear();
+        vi.spyOn(defaultDispatcher, "fire").mockClear();
+
+        DMRoomMap.makeShared(mockClient);
+
+        vi.spyOn(AutoDiscoveryUtils, "validateServerConfigWithStaticUrls").mockResolvedValue(
+            {} as ValidatedServerConfig,
+        );
+
+        bootstrapDeferred = Promise.withResolvers();
+
+        await clearAllModals();
+
+        oauthLoginDeferred = Promise.withResolvers<BearerTokenResponse>();
+        // Guard against an unhandled rejection if we settle this in `afterEach` without a consumer having awaited it.
+        oauthLoginDeferred.promise.catch(() => {});
+        vi.spyOn(OAuth2.prototype, "completeAuthorizationCodeGrant").mockImplementation(
+            () => oauthLoginDeferred.promise,
+        );
+    });
+
+    afterEach(async () => {
+        try {
+            cleanup();
+        } catch {
+            // Allow it to fail without throwing this hook
+        }
+
+        bootstrapDeferred.resolve();
+        oauthLoginDeferred.reject(new Error("Test teardown"));
+        qrSignInDeferred?.reject(new Error("Test teardown"));
+        qrSignInDeferred = undefined;
+
+        // @ts-ignore
+        DMRoomMap.setShared(null);
+
+        // emit a loggedOut event so that all of the Store singletons forget about their references to the mock client
+        // (must be sync otherwise the next test will start before it happens)
+        act(() => defaultDispatcher.dispatch({ action: Action.OnLoggedOut }, true));
+
+        localStorage.clear();
+        vi.clearAllTimers();
+
+        // RTL cleanup won't touch roots we render ourselves so clean those up manually
+        await clearAllModals();
+
+        // This is a massive hack, but a lot of these tests end up completing while the login flow is still proceeding.
+        // So then, we start the next test while stuff is still ongoing from the previous test, which messes up the current test.
+        // There is no obvious event we could wait for which indicates that everything has completed,
+        // since each test does something different. Instead, we just let real timers and microtasks drain.
+        await act(() => sleep(200));
+
+        // Anything the drain kicked off may have opened a dialog again
+        await clearAllModals();
+    });
+
+    resetJsDomAfterEach();
+
+    it("should render spinner while app is loading", () => {
+        const { container } = getComponent();
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should fire to focus the message composer", async () => {
+        getComponent();
+        defaultDispatcher.dispatch({ action: Action.ViewRoom, room_id: "!room:server.org", focusNext: "composer" });
+        await waitFor(() => {
+            expect(defaultDispatcher.fire).toHaveBeenCalledWith(Action.FocusSendMessageComposer);
+        });
+    });
+
+    it("should fire to focus the threads panel", async () => {
+        getComponent();
+        defaultDispatcher.dispatch({ action: Action.ViewRoom, room_id: "!room:server.org", focusNext: "threadsPanel" });
+        await waitFor(() => {
+            expect(defaultDispatcher.fire).toHaveBeenCalledWith(Action.FocusThreadsPanel);
+        });
+    });
+
+    it("should notify resizenotifier when left panel hidden", async () => {
+        getComponent();
+
+        vi.spyOn(SDKContextClass.instance.resizeNotifier, "notifyLeftHandleResized");
+
+        defaultDispatcher.dispatch({ action: "hide_left_panel" });
+
+        await waitFor(() =>
+            expect(vi.mocked(SDKContextClass.instance.resizeNotifier.notifyLeftHandleResized)).toHaveBeenCalled(),
+        );
+    });
+
+    it("should notify resizenotifier when left panel shown", async () => {
+        getComponent();
+
+        vi.spyOn(SDKContextClass.instance.resizeNotifier, "notifyLeftHandleResized");
+
+        defaultDispatcher.dispatch({ action: "show_left_panel" });
+
+        await waitFor(() =>
+            expect(vi.mocked(SDKContextClass.instance.resizeNotifier.notifyLeftHandleResized)).toHaveBeenCalled(),
+        );
+    });
+
+    describe("qr login", () => {
+        beforeEach(() => {
+            const authConfig = makeDelegatedAuthMetadata();
+            defaultProps.config.validated_server_config!.delegatedAuthentication = authConfig;
+            fetchMock.post(authConfig.registration_endpoint!, { client_id: "abc123" });
+            mockPlatformPeg({
+                getOAuthClientMetadata: vi.fn().mockReturnValue({
+                    client_name: "App name",
+                    client_uri: "https://company",
+                    redirect_uris: ["https://app"],
+                    logo_uri: "https://company/logo.png",
+                    application_type: "web",
+                }),
+            });
+            qrSignInDeferred = Promise.withResolvers();
+            // Guard against an unhandled rejection if we settle this in `afterEach` without a consumer having awaited it.
+            qrSignInDeferred.promise.catch(() => {});
+            vi.spyOn(qrLogin, "signInByGeneratingQR").mockReturnValue(qrSignInDeferred.promise);
+        });
+
+        it("should open QrLoginDialog on ViewQrLogin action", async () => {
+            getComponent();
+            defaultDispatcher.fire(Action.ViewQrLogin);
+            await expect(screen.findByRole("dialog", { name: "Sign in with QR code" })).resolves.toMatchSnapshot();
+        });
+
+        it("should ignore ViewQrLogin action when logged in", async () => {
+            await populateStorageForSession();
+            getComponent();
+            // wait for logged in view to load
+            await screen.findByLabelText("User menu");
+
+            defaultDispatcher.fire(Action.ViewQrLogin);
+            expect(screen.queryByRole("dialog", { name: "Sign in with QR code" })).not.toBeInTheDocument();
+        });
+
+        it("should fire ViewQrLogin action on 'qr_login' route", async () => {
+            const ref = createRef<MatrixChat>();
+            getComponent({}, ref);
+            ref.current!.showScreen("qr_login");
+            await expect(screen.findByRole("dialog", { name: "Sign in with QR code" })).resolves.toMatchSnapshot();
+        });
+
+        it("should handle qr login completed", async () => {
+            const qrCreds: QrLoginCredentials = {
+                accessToken: "at",
+                homeserverUrl: "https://homeserver",
+                clientId: "ci",
+                deviceId: "di",
+                secrets: {
+                    cross_signing: {
+                        master_key: "mk",
+                        self_signing_key: "ssk",
+                        user_signing_key: "usk",
+                    },
+                },
+            };
+
+            mockClient.whoami.mockResolvedValue({ user_id: "@user:homeserver", device_id: qrCreds.deviceId });
+            mockClient.getCrypto.mockReturnValue({
+                ...createMockCrypto(),
+                crossSignDevice: vi.fn().mockResolvedValue(undefined),
+                importSecretsBundle: vi.fn().mockResolvedValue(undefined),
+            });
+            getComponent();
+
+            const createDialogSpy = vi.spyOn(Modal, "createDialog").mockReturnValue({} as any);
+
+            // Assert welcome screen
+            await screen.findByText("Welcome to Test");
+
+            // Open QR dialog so we can grab the onLoggedIn method
+            defaultDispatcher.fire(Action.ViewQrLogin, true);
+            expect(createDialogSpy).toHaveBeenCalledWith(
+                expect.anything(),
+                {
+                    onLoggedIn: expect.any(Function),
+                    serverConfig: defaultProps.config.validated_server_config,
+                },
+                "mx_LoginWithQR_dialog",
+                false,
+                true,
+            );
+            const { onLoggedIn } = createDialogSpy.mock.calls[0][1] as {
+                onLoggedIn(creds: QrLoginCredentials): Promise<void>;
+            };
+
+            const configureFromCompletedSpy = vi.spyOn(Lifecycle, "configureFromCompletedOAuthLogin");
+            const restoreSessionSpy = vi.spyOn(Lifecycle, "restoreSessionFromStorage");
+            const prom = onLoggedIn(qrCreds);
+
+            await waitFor(() =>
+                expect(configureFromCompletedSpy).toHaveBeenCalledWith(
+                    expect.objectContaining({
+                        accessToken: qrCreds.accessToken,
+                        homeserverUrl: qrCreds.homeserverUrl,
+                    }),
+                ),
+            );
+            await waitFor(() => expect(restoreSessionSpy).toHaveBeenCalled());
+            await waitFor(() =>
+                expect(mockClient.getCrypto()!.importSecretsBundle).toHaveBeenCalledWith(qrCreds.secrets),
+            );
+
+            await prom;
+
+            // initial sync
+            mockClient.emit(ClientEvent.Sync, SyncState.Prepared, null);
+            // wait for logged in view to load
+            await screen.findByLabelText("User menu");
+        });
+    });
+
+    describe("when query params have a OIDC params", () => {
+        const homeserverUrl = "https://matrix.org";
+        const identityServerUrl = "https://is.org";
+        const clientId = "xyz789";
+
+        const code = "test-oidc-auth-code";
+        const state = "test-oidc-state";
+        const urlParams = {
+            oauth2: {
+                code,
+                state: state,
+            },
+        };
+
+        const deviceId = "test-device-id";
+        const accessToken = "test-access-token-from-oidc";
+
+        const tokenResponse: BearerTokenResponse = {
+            access_token: accessToken,
+            refresh_token: undefined,
+            scope: "test",
+            token_type: "Bearer",
+            expires_in: 12345,
+        };
+
+        let loginClient!: ReturnType<typeof getMockClientWithEventEmitter>;
+
+        const expectOAuthError = async (
+            errorMessage = "Something went wrong during authentication. Go to the sign in page and try again.",
+        ): Promise<void> => {
+            await flushPromises();
+            const dialog = await screen.findByRole("dialog");
+
+            await waitFor(() => expect(within(dialog).getByText(errorMessage)).toBeInTheDocument());
+        };
+
+        beforeEach(() => {
+            vi.mocked(OAuth2.prototype.completeAuthorizationCodeGrant).mockResolvedValue(tokenResponse);
+
+            loginClient = getMockClientWithEventEmitter(getMockClientMethods());
+            // this is used to create a temporary client during login
+            vi.spyOn(MatrixJs, "createClient").mockReturnValue(loginClient);
+
+            vi.spyOn(logger, "error").mockClear();
+            vi.spyOn(logger, "log").mockClear();
+
+            loginClient.whoami.mockResolvedValue({
+                user_id: userId,
+                device_id: deviceId,
+                is_guest: false,
+            });
+            storeAuthContext({
+                homeserverUrl,
+                identityServerUrl,
+                metadata: makeDelegatedAuthMetadata(),
+                state,
+                authContext: {
+                    clientId,
+                    codeVerifier: "123456",
+                    deviceId,
+                    redirectUri: "https://cb",
+                },
+            });
+        });
+
+        it("should fail when fragment params do not include valid code and state", async () => {
+            const urlParams = {
+                oauth2: {
+                    code: "",
+                    state: "abc",
+                },
+            };
+            getComponent({ urlParams });
+
+            await flushPromises();
+
+            expect(logger.error).toHaveBeenCalledWith(
+                "Failed to login via OAuth",
+                new Error(OAuthClientError.InvalidFragmentParameters),
+            );
+
+            await expectOAuthError();
+        });
+
+        it("should make correct request to complete authorization", async () => {
+            getComponent({ urlParams });
+
+            await flushPromises();
+
+            expect(OAuth2.prototype.completeAuthorizationCodeGrant).toHaveBeenCalledWith(code);
+        });
+
+        it("should look up userId using access token", async () => {
+            getComponent({ urlParams });
+
+            await flushPromises();
+
+            // check we used a client with the correct accesstoken
+            expect(MatrixJs.createClient).toHaveBeenCalledWith({
+                baseUrl: homeserverUrl,
+                accessToken,
+                idBaseUrl: identityServerUrl,
+            });
+            expect(loginClient.whoami).toHaveBeenCalled();
+        });
+
+        it("should log error and return to welcome page when userId lookup fails", async () => {
+            loginClient.whoami.mockRejectedValue(new Error("oups"));
+            getComponent({ urlParams });
+
+            await flushPromises();
+
+            expect(logger.error).toHaveBeenCalledWith(
+                "Failed to login via OAuth",
+                new Error("Failed to retrieve userId using accessToken"),
+            );
+            await expectOAuthError();
+        });
+
+        it("should call onTokenLoginCompleted", async () => {
+            const onTokenLoginCompleted = vi.fn();
+            getComponent({ urlParams, onTokenLoginCompleted });
+
+            await waitFor(() => expect(onTokenLoginCompleted).toHaveBeenCalled());
+        });
+
+        describe("when login fails", () => {
+            beforeEach(() => {
+                vi.mocked(OAuth2.prototype.completeAuthorizationCodeGrant).mockRejectedValue(
+                    new Error(OAuth2Error.CodeExchangeFailed),
+                );
+            });
+
+            it("should log and return to welcome page with correct error when login state is not found", async () => {
+                sessionStorage.clear();
+                vi.mocked(OAuth2.prototype.completeAuthorizationCodeGrant).mockRejectedValue(
+                    new Error(OAuth2Error.MissingOrInvalidStoredState),
+                );
+                getComponent({ urlParams });
+
+                await flushPromises();
+
+                expect(logger.error).toHaveBeenCalledWith(
+                    "Failed to login via OAuth",
+                    new Error(OAuth2Error.MissingOrInvalidStoredState),
+                );
+
+                await expectOAuthError(
+                    "We asked the browser to remember which homeserver you use to let you sign in, but unfortunately your browser has forgotten it. Go to the sign in page and try again.",
+                );
+            });
+
+            it("should log and return to welcome page", async () => {
+                getComponent({ urlParams });
+
+                await flushPromises();
+
+                expect(logger.error).toHaveBeenCalledWith(
+                    "Failed to login via OAuth",
+                    new Error(OAuth2Error.CodeExchangeFailed),
+                );
+
+                // warning dialog
+                await expectOAuthError();
+            });
+
+            it("should not clear storage", async () => {
+                getComponent({ urlParams });
+
+                await flushPromises();
+
+                expect(loginClient.clearStores).not.toHaveBeenCalled();
+            });
+
+            it("should not store clientId or issuer", async () => {
+                const sessionStorageSetSpy = vi.spyOn(sessionStorage, "setItem");
+                getComponent({ urlParams });
+
+                await flushPromises();
+
+                expect(sessionStorageSetSpy).not.toHaveBeenCalledWith("mx_oidc_client_id", clientId);
+            });
+        });
+
+        describe("when login succeeds", () => {
+            afterEach(() => {
+                SettingsStore.reset();
+            });
+
+            it("should persist login credentials", async () => {
+                getComponent({ urlParams });
+
+                await waitFor(() => expect(localStorage.getItem("mx_device_id")).toEqual(deviceId));
+                expect(localStorage.getItem("mx_hs_url")).toEqual(homeserverUrl);
+                expect(localStorage.getItem("mx_user_id")).toEqual(userId);
+                expect(localStorage.getItem("mx_has_access_token")).toEqual("true");
+            });
+
+            it("should store clientId and issuer in session storage", async () => {
+                getComponent({ urlParams });
+
+                await waitFor(() => expect(localStorage.getItem("mx_oidc_client_id")).toEqual(clientId));
+            });
+
+            it("should set logged in and start MatrixClient", async () => {
+                getComponent({ urlParams });
+
+                defaultDispatcher.dispatch({
+                    action: Action.WillStartClient,
+                });
+                // client successfully started
+                // Waiting for login -> startMatrixClient, which can be slow.
+                // Allow more time than the 1s default.
+                await waitFor(
+                    () => expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({ action: Action.ClientStarted }),
+                    { timeout: 5000 },
+                );
+
+                // set up keys screen is rendered
+                await expect(screen.findByText("Setting up keys")).resolves.toBeInTheDocument();
+            }, 15000);
+
+            it("should persist device language when available", async () => {
+                await SettingsStore.setValue("language", null, SettingLevel.DEVICE, "en");
+                const languageBefore = SettingsStore.getValueAt(SettingLevel.DEVICE, "language", null, true, true);
+
+                vi.spyOn(Lifecycle, "attemptDelegatedAuthLogin");
+
+                getComponent({ urlParams });
+                await flushPromises();
+
+                expect(Lifecycle.attemptDelegatedAuthLogin).toHaveBeenCalled();
+                const languageAfter = SettingsStore.getValueAt(SettingLevel.DEVICE, "language", null, true, true);
+                expect(languageBefore).toEqual(languageAfter);
+            });
+
+            it("should not persist device language when not available", async () => {
+                await SettingsStore.setValue("language", null, SettingLevel.DEVICE, null);
+                const languageBefore = SettingsStore.getValueAt(SettingLevel.DEVICE, "language", null, true, true);
+
+                vi.spyOn(Lifecycle, "attemptDelegatedAuthLogin");
+
+                getComponent({ urlParams });
+                await flushPromises();
+
+                expect(Lifecycle.attemptDelegatedAuthLogin).toHaveBeenCalled();
+                const languageAfter = SettingsStore.getValueAt(SettingLevel.DEVICE, "language", null, true, true);
+                expect(languageBefore).toEqual(languageAfter);
+            });
+        });
+    });
+
+    describe("with an existing session", () => {
+        const mockidb: Record<string, Record<string, string>> = {
+            account: {
+                mx_access_token: accessToken,
+                mx_refresh_token: refreshToken,
+            },
+        };
+
+        beforeEach(async () => {
+            await populateStorageForSession();
+            vi.spyOn(StorageAccess, "idbLoad").mockImplementation(async (table, key) => {
+                const safeKey = Array.isArray(key) ? key[0] : key;
+                return mockidb[table]?.[safeKey];
+            });
+        });
+
+        const getComponentAndWaitForReady = async (
+            props: Partial<ComponentProps<typeof MatrixChat>> = {},
+        ): Promise<RenderResult> => {
+            const renderResult = getComponent(props);
+
+            // we think we are logged in, but are still waiting for the /sync to complete
+            await screen.findByText("Logout");
+            // initial sync
+            mockClient.emit(ClientEvent.Sync, SyncState.Prepared, null);
+            // wait for logged in view to load
+            await screen.findByLabelText("User menu");
+            // let things settle
+            await flushPromises();
+            // and some more for good measure
+            // this proved to be a little flaky
+            await flushPromises();
+
+            return renderResult;
+        };
+
+        it("should render welcome page after login", async () => {
+            getComponent();
+
+            // wait for logged in view to load
+            await expect(screen.findByLabelText("User menu")).resolves.toBeVisible();
+
+            await expect(screen.findByRole("heading", { level: 1, name: "Welcome Ernie" })).resolves.toBeVisible();
+        });
+
+        describe("clean up drafts", () => {
+            const roomId = "!room:server.org";
+            const unknownRoomId = "!room2:server.org";
+            const room = new Room(roomId, mockClient, userId);
+            const timestamp = 2345678901234;
+            beforeEach(() => {
+                localStorage.setItem(`mx_cider_state_${unknownRoomId}`, "fake_content");
+                localStorage.setItem(`mx_cider_state_${roomId}`, "fake_content");
+                mockClient.getRoom.mockImplementation((id) => [room].find((room) => room.roomId === id) || null);
+            });
+            it("should clean up drafts", async () => {
+                Date.now = vi.fn(() => timestamp);
+                localStorage.setItem(`mx_cider_state_${roomId}`, "fake_content");
+                localStorage.setItem(`mx_cider_state_${unknownRoomId}`, "fake_content");
+                await getComponentAndWaitForReady();
+                mockClient.emit(ClientEvent.Sync, SyncState.Syncing, SyncState.Syncing);
+                // let things settle
+                await flushPromises();
+                expect(localStorage.getItem(`mx_cider_state_${roomId}`)).not.toBeNull();
+                expect(localStorage.getItem(`mx_cider_state_${unknownRoomId}`)).toBeNull();
+            });
+
+            it("should clean up wysiwyg drafts", async () => {
+                Date.now = vi.fn(() => timestamp);
+                localStorage.setItem(`mx_wysiwyg_state_${roomId}`, "fake_content");
+                localStorage.setItem(`mx_wysiwyg_state_${unknownRoomId}`, "fake_content");
+                await getComponentAndWaitForReady();
+                mockClient.emit(ClientEvent.Sync, SyncState.Syncing, SyncState.Syncing);
+                // let things settle
+                await flushPromises();
+                expect(localStorage.getItem(`mx_wysiwyg_state_${roomId}`)).not.toBeNull();
+                expect(localStorage.getItem(`mx_wysiwyg_state_${unknownRoomId}`)).toBeNull();
+            });
+
+            it("should not clean up drafts before expiry", async () => {
+                // Set the last cleanup to the recent past
+                localStorage.setItem(`mx_cider_state_${unknownRoomId}`, "fake_content");
+                localStorage.setItem(DRAFT_LAST_CLEANUP_KEY, String(timestamp - 100));
+                await getComponentAndWaitForReady();
+                mockClient.emit(ClientEvent.Sync, SyncState.Syncing, SyncState.Syncing);
+                expect(localStorage.getItem(`mx_cider_state_${unknownRoomId}`)).not.toBeNull();
+            });
+        });
+
+        describe("onAction()", () => {
+            afterEach(() => {
+                vi.restoreAllMocks();
+            });
+
+            it("ViewUserDeviceSettings should open user device settings", async () => {
+                await getComponentAndWaitForReady();
+
+                const createDialog = vi.spyOn(Modal, "createDialog").mockReturnValue({} as any);
+
+                await act(async () => {
+                    defaultDispatcher.dispatch({
+                        action: Action.ViewUserDeviceSettings,
+                    });
+
+                    await waitFor(() =>
+                        expect(createDialog).toHaveBeenCalledWith(
+                            UserSettingsDialog,
+                            { initialTabId: UserTab.SessionManager, sdkContext: expect.any(SDKContextClass) },
+                            /*className=*/ undefined,
+                            /*isPriority=*/ false,
+                            /*isStatic=*/ true,
+                        ),
+                    );
+                });
+            });
+
+            describe("room actions", () => {
+                const roomId = "!room:server.org";
+                const spaceId = "!spaceRoom:server.org";
+                const room = new Room(roomId, mockClient, userId);
+                const spaceRoom = new Room(spaceId, mockClient, userId);
+
+                beforeEach(() => {
+                    mockClient.getRoom.mockImplementation(
+                        (id) => [room, spaceRoom].find((room) => room.roomId === id) || null,
+                    );
+                    vi.spyOn(spaceRoom, "isSpaceRoom").mockReturnValue(true);
+
+                    vi.spyOn(ReleaseAnnouncementStore.instance, "getReleaseAnnouncement").mockReturnValue(null);
+                    (room as any).client = mockClient;
+                    (spaceRoom as any).client = mockClient;
+                });
+
+                describe("forget_room", () => {
+                    it("should dispatch after_forget_room action on successful forget", async () => {
+                        await clearAllModals();
+                        await getComponentAndWaitForReady();
+
+                        // Register a mock function to the dispatcher
+                        const fn = vi.fn();
+                        defaultDispatcher.register(fn);
+
+                        // Forge the room
+                        defaultDispatcher.dispatch({
+                            action: "forget_room",
+                            room_id: roomId,
+                        });
+
+                        // On success, we expect the following action to have been dispatched.
+                        await waitFor(() => {
+                            expect(fn).toHaveBeenCalledWith({
+                                action: Action.AfterForgetRoom,
+                                room: room,
+                            });
+                        });
+                    });
+                });
+
+                describe("leave_room", () => {
+                    beforeEach(async () => {
+                        await clearAllModals();
+                        await getComponentAndWaitForReady();
+                        // this is thoroughly unit tested elsewhere
+                        vi.spyOn(leaveRoomUtils, "leaveRoomBehaviour").mockClear().mockResolvedValue(undefined);
+                    });
+                    const dispatchAction = () =>
+                        defaultDispatcher.dispatch({
+                            action: "leave_room",
+                            room_id: roomId,
+                        });
+                    const publicJoinRule = new MatrixEvent({
+                        type: "m.room.join_rules",
+                        content: {
+                            join_rule: "public",
+                        },
+                    });
+                    const inviteJoinRule = new MatrixEvent({
+                        type: "m.room.join_rules",
+                        content: {
+                            join_rule: "invite",
+                        },
+                    });
+                    describe("for a room", () => {
+                        beforeEach(() => {
+                            vi.spyOn(room.currentState, "getJoinedMemberCount").mockReturnValue(2);
+                            vi.spyOn(room.currentState, "getStateEvents").mockReturnValue(publicJoinRule);
+                        });
+                        it("should launch a confirmation modal", async () => {
+                            dispatchAction();
+                            const dialog = await screen.findByRole("dialog");
+                            expect(dialog).toMatchSnapshot();
+                        });
+                        it("should warn when room has only one joined member", async () => {
+                            vi.spyOn(room.currentState, "getJoinedMemberCount").mockReturnValue(1);
+                            dispatchAction();
+                            await screen.findByRole("dialog");
+                            expect(
+                                screen.getByText(
+                                    "You are the only person here. If you leave, no one will be able to join in the future, including you.",
+                                ),
+                            ).toBeInTheDocument();
+                        });
+                        it("should warn when room is not public", async () => {
+                            vi.spyOn(room.currentState, "getStateEvents").mockReturnValue(inviteJoinRule);
+                            dispatchAction();
+                            await screen.findByRole("dialog");
+                            expect(
+                                screen.getByText(
+                                    "This room is not public. You will not be able to rejoin without an invite.",
+                                ),
+                            ).toBeInTheDocument();
+                        });
+                        it("should warn when user is the last admin", async () => {
+                            vi.spyOn(room, "getJoinedMembers").mockReturnValue([
+                                { powerLevel: 100 } as unknown as MatrixJs.RoomMember,
+                                { powerLevel: 0 } as unknown as MatrixJs.RoomMember,
+                            ]);
+                            vi.spyOn(room, "getMember").mockReturnValue({
+                                powerLevel: 100,
+                            } as unknown as MatrixJs.RoomMember);
+                            dispatchAction();
+                            await screen.findByRole("dialog");
+                            expect(
+                                screen.getByText(
+                                    "You're the only administrator in this room. If you leave, nobody will be able to change room settings or take other important actions.",
+                                ),
+                            ).toBeInTheDocument();
+                        });
+                        it("should do nothing on cancel", async () => {
+                            dispatchAction();
+                            const dialog = await screen.findByRole("dialog");
+                            fireEvent.click(within(dialog).getByText("Cancel"));
+
+                            await flushPromises();
+
+                            expect(leaveRoomUtils.leaveRoomBehaviour).not.toHaveBeenCalled();
+                            expect(defaultDispatcher.dispatch).not.toHaveBeenCalledWith({
+                                action: Action.AfterLeaveRoom,
+                                room_id: roomId,
+                            });
+                        });
+                        it("should leave room and dispatch after leave action", async () => {
+                            dispatchAction();
+                            const dialog = await screen.findByRole("dialog");
+                            fireEvent.click(within(dialog).getByText("Leave"));
+
+                            await flushPromises();
+
+                            expect(leaveRoomUtils.leaveRoomBehaviour).toHaveBeenCalled();
+                            expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+                                action: Action.AfterLeaveRoom,
+                                room_id: roomId,
+                            });
+                        });
+                    });
+
+                    describe("for a space", () => {
+                        const dispatchAction = () =>
+                            defaultDispatcher.dispatch({
+                                action: "leave_room",
+                                room_id: spaceId,
+                            });
+                        beforeEach(() => {
+                            vi.spyOn(spaceRoom.currentState, "getStateEvents").mockReturnValue(publicJoinRule);
+                        });
+                        it("should launch a confirmation modal", async () => {
+                            dispatchAction();
+                            const dialog = await screen.findByRole("dialog");
+                            expect(dialog).toMatchSnapshot();
+                        });
+                        it("should warn when space is not public", async () => {
+                            vi.spyOn(spaceRoom.currentState, "getStateEvents").mockReturnValue(inviteJoinRule);
+                            dispatchAction();
+                            await screen.findByRole("dialog");
+                            expect(
+                                screen.getByText(
+                                    "This space is not public. You will not be able to rejoin without an invite.",
+                                ),
+                            ).toBeInTheDocument();
+                        });
+                    });
+                });
+
+                it("should open forward dialog when text message shared", async () => {
+                    await getComponentAndWaitForReady();
+                    defaultDispatcher.dispatch({ action: Action.Share, format: ShareFormat.Text, msg: "Hello world" });
+                    await waitFor(() => {
+                        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+                            action: Action.OpenForwardDialog,
+                            event: expect.any(MatrixEvent),
+                            permalinkCreator: null,
+                        });
+                    });
+                    const forwardCall = vi
+                        .mocked(defaultDispatcher.dispatch)
+                        .mock.calls.find(([call]) => call.action === Action.OpenForwardDialog);
+
+                    const payload = forwardCall?.[0];
+
+                    expect(payload!.event.getContent()).toEqual({
+                        msgtype: MatrixJs.MsgType.Text,
+                        body: "Hello world",
+                    });
+                });
+
+                it("should open forward dialog when html message shared", async () => {
+                    await getComponentAndWaitForReady();
+                    defaultDispatcher.dispatch({ action: Action.Share, format: ShareFormat.Html, msg: "Hello world" });
+                    await waitFor(() => {
+                        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+                            action: Action.OpenForwardDialog,
+                            event: expect.any(MatrixEvent),
+                            permalinkCreator: null,
+                        });
+                    });
+                    const forwardCall = vi
+                        .mocked(defaultDispatcher.dispatch)
+                        .mock.calls.find(([call]) => call.action === Action.OpenForwardDialog);
+
+                    const payload = forwardCall?.[0];
+
+                    expect(payload!.event.getContent()).toEqual({
+                        msgtype: MatrixJs.MsgType.Text,
+                        format: "org.matrix.custom.html",
+                        body: expect.stringContaining("Hello world"),
+                        formatted_body: expect.stringContaining("Hello world"),
+                    });
+                });
+
+                it("should open forward dialog when markdown message shared", async () => {
+                    await getComponentAndWaitForReady();
+                    defaultDispatcher.dispatch({
+                        action: Action.Share,
+                        format: ShareFormat.Markdown,
+                        msg: "Hello *world*",
+                    });
+                    await waitFor(() => {
+                        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+                            action: Action.OpenForwardDialog,
+                            event: expect.any(MatrixEvent),
+                            permalinkCreator: null,
+                        });
+                    });
+                    const forwardCall = vi
+                        .mocked(defaultDispatcher.dispatch)
+                        .mock.calls.find(([call]) => call.action === Action.OpenForwardDialog);
+
+                    const payload = forwardCall?.[0];
+
+                    expect(payload!.event.getContent()).toEqual({
+                        msgtype: MatrixJs.MsgType.Text,
+                        format: "org.matrix.custom.html",
+                        body: "Hello *world*",
+                        formatted_body: "Hello <em>world</em>",
+                    });
+                });
+
+                it("should strip malicious tags from shared html message", async () => {
+                    await getComponentAndWaitForReady();
+                    defaultDispatcher.dispatch({
+                        action: Action.Share,
+                        format: ShareFormat.Html,
+                        msg: `evil<script src="http://evil.dummy/bad.js" />`,
+                    });
+                    await waitFor(() => {
+                        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+                            action: Action.OpenForwardDialog,
+                            event: expect.any(MatrixEvent),
+                            permalinkCreator: null,
+                        });
+                    });
+                    const forwardCall = vi
+                        .mocked(defaultDispatcher.dispatch)
+                        .mock.calls.find(([call]) => call.action === Action.OpenForwardDialog);
+
+                    const payload = forwardCall?.[0];
+
+                    expect(payload!.event.getContent()).toEqual({
+                        msgtype: MatrixJs.MsgType.Text,
+                        format: "org.matrix.custom.html",
+                        body: "evil",
+                        formatted_body: "evil",
+                    });
+                });
+            });
+
+            describe("logout", () => {
+                let logoutClient!: ReturnType<typeof getMockClientWithEventEmitter>;
+                const call1 = { disconnect: vi.fn() } as unknown as Call;
+                const call2 = { disconnect: vi.fn() } as unknown as Call;
+
+                const dispatchLogoutAndWait = async (): Promise<void> => {
+                    defaultDispatcher.dispatch({
+                        action: "logout",
+                    });
+
+                    await flushPromises();
+                };
+
+                beforeEach(() => {
+                    // stub out various cleanup functions
+                    vi.spyOn(SDKContextClass.instance.legacyCallHandler, "hangupAllCalls")
+                        .mockClear()
+                        .mockImplementation(() => {});
+                    vi.spyOn(PosthogAnalytics.instance, "logout").mockImplementation(() => {});
+                    vi.spyOn(EventIndexPeg, "deleteEventIndex").mockImplementation(async () => {});
+
+                    vi.spyOn(CallStore.instance, "connectedCalls", "get").mockReturnValue(new Set([call1, call2]));
+
+                    mockPlatformPeg({
+                        destroyPickleKey: vi.fn(),
+                    });
+
+                    logoutClient = getMockClientWithEventEmitter(getMockClientMethods());
+                    mockClient = getMockClientWithEventEmitter(getMockClientMethods());
+                    mockClient.logout.mockResolvedValue({});
+                    mockClient.getDeviceId.mockReturnValue(deviceId);
+                    // this is used to create a temporary client to cleanup after logout
+                    vi.spyOn(MatrixJs, "createClient").mockClear().mockReturnValue(logoutClient);
+
+                    vi.spyOn(logger, "warn").mockClear();
+                });
+
+                it("should hangup all legacy calls", async () => {
+                    await getComponentAndWaitForReady();
+                    await dispatchLogoutAndWait();
+                    expect(SDKContextClass.instance.legacyCallHandler.hangupAllCalls).toHaveBeenCalled();
+                });
+
+                it("should disconnect all calls", async () => {
+                    await getComponentAndWaitForReady();
+                    await dispatchLogoutAndWait();
+                    expect(call1.disconnect).toHaveBeenCalled();
+                    expect(call2.disconnect).toHaveBeenCalled();
+                });
+
+                it("should logout of posthog", async () => {
+                    await getComponentAndWaitForReady();
+                    await dispatchLogoutAndWait();
+
+                    expect(PosthogAnalytics.instance.logout).toHaveBeenCalled();
+                });
+
+                it("should destroy pickle key", async () => {
+                    await getComponentAndWaitForReady();
+                    await dispatchLogoutAndWait();
+
+                    expect(PlatformPeg.get()!.destroyPickleKey).toHaveBeenCalledWith(userId, deviceId);
+                });
+
+                it("should go to welcome", async () => {
+                    await getComponentAndWaitForReady();
+                    await dispatchLogoutAndWait();
+
+                    expect(defaultProps.onNewScreen).toHaveBeenLastCalledWith("welcome", false);
+                });
+
+                it("should go to login if welcome disabled", async () => {
+                    await getComponentAndWaitForReady({
+                        config: { ...defaultProps.config, embedded_pages: { login_for_welcome: true } },
+                    });
+                    await dispatchLogoutAndWait();
+
+                    expect(defaultProps.onNewScreen).toHaveBeenLastCalledWith("login", false);
+                });
+
+                describe("without delegated auth", () => {
+                    it("should call /logout", async () => {
+                        await getComponentAndWaitForReady();
+                        await dispatchLogoutAndWait();
+
+                        expect(mockClient.logout).toHaveBeenCalledWith(true);
+                    });
+
+                    it("should warn and do post-logout cleanup anyway when logout fails", async () => {
+                        const error = new Error("test logout failed");
+                        mockClient.logout.mockRejectedValue(error);
+                        await getComponentAndWaitForReady();
+                        await dispatchLogoutAndWait();
+
+                        expect(logger.warn).toHaveBeenCalledWith(
+                            "Failed to call logout API: token will not be invalidated",
+                            error,
+                        );
+
+                        // stuff that happens in onloggedout
+                        expect(defaultDispatcher.fire).toHaveBeenCalledWith(Action.OnLoggedOut, true);
+                        await waitFor(() => expect(logoutClient.clearStores).toHaveBeenCalled());
+                    });
+
+                    it("should do post-logout cleanup", async () => {
+                        await getComponentAndWaitForReady();
+                        await dispatchLogoutAndWait();
+
+                        // stuff that happens in onloggedout
+                        expect(defaultDispatcher.fire).toHaveBeenCalledWith(Action.OnLoggedOut, true);
+                        await waitFor(() => expect(EventIndexPeg.deleteEventIndex).toHaveBeenCalled());
+                        expect(logoutClient.clearStores).toHaveBeenCalled();
+                    });
+                });
+            });
+        });
+
+        describe("unskippable verification", () => {
+            beforeEach(() => {
+                // Force verification is turned on in settings
+                defaultProps.config.force_verification = true;
+
+                // And this device is being force-verified (because it logged in after
+                // enforcement was turned on).
+                localStorage.setItem("must_verify_device", "true");
+
+                // lostKeys returns false, meaning there are other devices to verify against
+                const realStore = SetupEncryptionStore.sharedInstance();
+                vi.spyOn(realStore, "lostKeys").mockReturnValue(false);
+            });
+
+            afterEach(() => {
+                vi.restoreAllMocks();
+                // Reset things back to how they were before we started
+                defaultProps.config.force_verification = false;
+                localStorage.removeItem("must_verify_device");
+            });
+
+            it("should show the Complete Security screen if unskippable verification is enabled", async () => {
+                // Given we have force verification on, and an existing logged-in session
+                // that is not verified (see beforeEach())
+
+                // When we render MatrixChat
+                getComponent();
+
+                // Then we are asked to verify our device
+                await expect(
+                    screen.findByRole("heading", { name: "Confirm your digital identity", level: 2 }),
+                ).resolves.toBeVisible();
+
+                // Sanity: we are not racing with another screen update, so this heading stays visible
+                await expect(
+                    screen.findByRole("heading", { name: "Confirm your digital identity", level: 2 }),
+                ).resolves.toBeVisible();
+            });
+
+            it("should not open app after cancelling device verify if unskippable verification is on", async () => {
+                // See https://github.com/element-hq/element-web/issues/29230
+                // We used to allow bypassing force verification by choosing "Verify with
+                // another device" and not completing the verification.
+
+                // Given we have force verification on, and an existing logged-in session
+                // that is not verified (see beforeEach())
+
+                // And our crypto is set up
+                mockClient.getCrypto.mockReturnValue(createMockCrypto());
+
+                // And MatrixChat is rendered
+                getComponent();
+
+                // When we click "Use another device"
+                await screen.findByRole("heading", { name: "Confirm your digital identity", level: 2 });
+                const verify = screen.getByRole("button", { name: "Use another device" });
+                act(() => verify.click());
+
+                // And close the device verification dialog
+                const closeButton = screen.getByRole("button", { name: "Close dialog" });
+                act(() => closeButton.click());
+
+                // Then we are not allowed in - we are still being asked to verify
+                await expect(
+                    screen.findByRole("heading", { name: "Confirm your digital identity", level: 2 }),
+                ).resolves.toBeVisible();
+            });
+
+            describe("when query params have a loginToken", () => {
+                const loginToken = "test-login-token";
+                const urlParams = {
+                    legacy_sso: {
+                        loginToken,
+                    },
+                };
+
+                let loginClient!: ReturnType<typeof getMockClientWithEventEmitter>;
+                const deviceId = "test-device-id";
+                const accessToken = "test-access-token";
+                const clientLoginResponse = {
+                    user_id: userId,
+                    device_id: deviceId,
+                    access_token: accessToken,
+                };
+
+                beforeEach(() => {
+                    localStorage.setItem("mx_sso_hs_url", serverConfig.hsUrl);
+                    localStorage.setItem("mx_sso_is_url", serverConfig.isUrl);
+                    loginClient = getMockClientWithEventEmitter(getMockClientMethods());
+                    // this is used to create a temporary client during login
+                    vi.spyOn(MatrixJs, "createClient").mockReturnValue(loginClient);
+
+                    loginClient.login.mockClear().mockResolvedValue(clientLoginResponse);
+                });
+
+                it("should show the Complete Security screen after OIDC login if unskippable ver. is on", async () => {
+                    // Given force_verification is on (outer describe)
+                    // And we just logged in via OIDC (inner describe)
+
+                    vi.mocked(loginClient.getCrypto()!.userHasCrossSigningKeys).mockResolvedValue(true);
+
+                    // When we load the page
+                    getComponent({ urlParams });
+
+                    defaultDispatcher.dispatch({
+                        action: Action.WillStartClient,
+                    });
+                    // Waiting for login -> startMatrixClient, which can be slow.
+                    // Allow more time than the 1s default.
+                    await waitFor(
+                        () => expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({ action: Action.ClientStarted }),
+                        { timeout: 5000 },
+                    );
+
+                    // Then we are not allowed in - we are being asked to verify
+                    await screen.findByRole("heading", { name: "Confirm your digital identity", level: 2 });
+                }, 15000);
+            });
+        });
+
+        describe("showScreen", () => {
+            it("should show the 'share' screen", async () => {
+                await getComponent({
+                    initialScreenAfterLogin: { screen: "share", params: { msg: "Hello", format: ShareFormat.Text } },
+                });
+
+                await waitFor(() => {
+                    expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+                        action: "share",
+                        msg: "Hello",
+                        format: ShareFormat.Text,
+                    });
+                });
+            });
+        });
+    });
+
+    describe("with a soft-logged-out session", () => {
+        const mockidb: Record<string, Record<string, string>> = {};
+
+        beforeEach(async () => {
+            await populateStorageForSession();
+            localStorage.setItem("mx_soft_logout", "true");
+
+            mockClient.loginFlows.mockResolvedValue({ flows: [{ type: "m.login.password" }] });
+
+            vi.spyOn(StorageAccess, "idbLoad").mockImplementation(async (table, key) => {
+                const safeKey = Array.isArray(key) ? key[0] : key;
+                return mockidb[table]?.[safeKey];
+            });
+        });
+
+        it("should show the soft-logout page", async () => {
+            // XXX This test is strange, it was working with legacy crypto
+            // without mocking the following but the initCrypto call was failing
+            // but as the exception was swallowed, the test was passing (see in `initClientCrypto`).
+            // There are several uses of the peg in the app, so during all these tests you might end-up
+            // with a real client instead of the mocked one. Not sure how reliable all these tests are.
+            vi.spyOn(MatrixClientPeg, "set");
+            vi.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+
+            const result = getComponent();
+
+            await result.findByText("You're signed out");
+            await result.findByLabelText("Language Dropdown");
+            expect(result.container).toMatchSnapshot();
+        });
+    });
+
+    describe("login via key/pass", () => {
+        let loginClient!: ReturnType<typeof getMockClientWithEventEmitter>;
+
+        const userName = "ernie";
+        const password = "ilovebert";
+
+        const getComponentAndWaitForReady = async (): Promise<RenderResult> => {
+            const renderResult = getComponent();
+            // wait for welcome page chrome render
+            await screen.findByText("Powered by Matrix");
+
+            // go to login page
+            act(() =>
+                defaultDispatcher.dispatch({
+                    action: "start_login",
+                }),
+            );
+
+            await screen.findByLabelText("Username");
+
+            return renderResult;
+        };
+
+        const getComponentAndLogin = async (): Promise<void> => {
+            await getComponentAndWaitForReady();
+
+            fireEvent.change(screen.getByLabelText("Username"), { target: { value: userName } });
+            fireEvent.change(screen.getByLabelText("Password"), { target: { value: password } });
+
+            // sign in button is an input
+            fireEvent.click(screen.getByRole("button", { name: "Sign in" }));
+        };
+
+        beforeEach(() => {
+            loginClient = getMockClientWithEventEmitter(getMockClientMethods());
+            // this is used to create a temporary client during login
+            // FIXME: except it is *also* used as the permanent client for the rest of the test.
+            vi.spyOn(MatrixJs, "createClient").mockClear().mockReturnValue(loginClient);
+
+            loginClient.login.mockClear().mockResolvedValue({
+                access_token: "TOKEN",
+                device_id: "IMADEVICE",
+                user_id: userId,
+            });
+            loginClient.loginFlows.mockClear().mockResolvedValue({ flows: [{ type: "m.login.password" }] });
+        });
+
+        it("should render login page", async () => {
+            await getComponentAndWaitForReady();
+
+            expect(screen.getAllByText("Sign in")[0]).toBeInTheDocument();
+        });
+
+        describe("post login setup", () => {
+            beforeEach(() => {
+                const mockCrypto = {
+                    getVersion: vi.fn().mockReturnValue("Version 0"),
+                    getVerificationRequestsToDeviceInProgress: vi.fn().mockReturnValue([]),
+                    getUserDeviceInfo: vi.fn().mockResolvedValue(new Map()),
+                    getUserVerificationStatus: vi
+                        .fn()
+                        .mockResolvedValue(new UserVerificationStatus(false, false, false)),
+                    setDeviceIsolationMode: vi.fn(),
+                    userHasCrossSigningKeys: vi.fn().mockResolvedValue(false),
+                    // This needs to not finish immediately because we need to test the screen appears
+                    bootstrapCrossSigning: vi.fn().mockImplementation(() => bootstrapDeferred.promise),
+                    resetKeyBackup: vi.fn(),
+                    isEncryptionEnabledInRoom: vi.fn().mockResolvedValue(false),
+                    checkKeyBackupAndEnable: vi.fn().mockResolvedValue(null),
+                    isDehydrationSupported: vi.fn().mockReturnValue(false),
+                };
+                loginClient.getCrypto.mockReturnValue(mockCrypto as any);
+            });
+
+            it("should go straight to logged in view when crypto is not enabled", async () => {
+                loginClient.getCrypto.mockReturnValue(undefined);
+
+                await getComponentAndLogin();
+
+                // wait for logged in view to load
+                await screen.findByLabelText("User menu");
+
+                expect(screen.getByRole("heading", { name: "Welcome Ernie" })).toBeInTheDocument();
+            });
+
+            describe("when user does not have cross signing set up", () => {
+                beforeEach(() => {
+                    vi.spyOn(loginClient.getCrypto()!, "userHasCrossSigningKeys").mockResolvedValue(false);
+                });
+
+                describe("when encryption is force disabled", () => {
+                    let unencryptedRoom: Room;
+                    let encryptedRoom: Room;
+
+                    beforeEach(() => {
+                        unencryptedRoom = new Room("!unencrypted:server.org", loginClient, userId);
+                        encryptedRoom = new Room("!encrypted:server.org", loginClient, userId);
+
+                        loginClient.getClientWellKnown.mockReturnValue({
+                            "io.element.e2ee": {
+                                force_disable: true,
+                            },
+                        });
+
+                        vi.spyOn(loginClient.getCrypto()!, "isEncryptionEnabledInRoom").mockImplementation(
+                            async (roomId: string) => {
+                                return roomId === encryptedRoom.roomId;
+                            },
+                        );
+                    });
+
+                    it("should go straight to logged in view when user is not in any encrypted rooms", async () => {
+                        loginClient.getRooms.mockReturnValue([unencryptedRoom]);
+                        await getComponentAndLogin();
+
+                        // logged in, did not set up keys
+                        await expect(screen.findByLabelText("User menu")).resolves.toBeVisible();
+                    });
+
+                    it("should go to set up e2e screen when user is in encrypted rooms", async () => {
+                        loginClient.getRooms.mockReturnValue([unencryptedRoom, encryptedRoom]);
+                        await getComponentAndLogin();
+                        // set up keys screen is rendered
+                        await expect(screen.findByText("Setting up keys")).resolves.toBeVisible();
+                    });
+                });
+
+                it("should go to set up e2e screen", async () => {
+                    await getComponentAndLogin();
+
+                    // set up keys screen is rendered
+                    await screen.findByText("Setting up keys");
+
+                    expect(loginClient.getCrypto()!.userHasCrossSigningKeys).toHaveBeenCalled();
+                });
+            });
+
+            it("should show complete security screen when user has cross signing set up", async () => {
+                vi.spyOn(loginClient.getCrypto()!, "userHasCrossSigningKeys").mockResolvedValue(true);
+
+                await getComponentAndLogin();
+
+                // Complete security begin screen is rendered
+                await screen.findByText("Confirm your digital identity");
+
+                expect(loginClient.getCrypto()!.userHasCrossSigningKeys).toHaveBeenCalled();
+            });
+
+            it("should set up e2e", async () => {
+                await getComponentAndLogin();
+
+                // set up keys screen is rendered
+                await screen.findByText("Setting up keys");
+
+                expect(loginClient.getCrypto()!.userHasCrossSigningKeys).toHaveBeenCalled();
+            });
+        });
+    });
+
+    describe("when query params have a loginToken", () => {
+        const loginToken = "test-login-token";
+        const urlParams = {
+            legacy_sso: {
+                loginToken,
+            },
+        };
+
+        let loginClient!: ReturnType<typeof getMockClientWithEventEmitter>;
+        const deviceId = "test-device-id";
+        const accessToken = "test-access-token";
+        const clientLoginResponse = {
+            user_id: userId,
+            device_id: deviceId,
+            access_token: accessToken,
+        };
+
+        beforeEach(() => {
+            localStorage.setItem("mx_sso_hs_url", serverConfig.hsUrl);
+            localStorage.setItem("mx_sso_is_url", serverConfig.isUrl);
+            loginClient = getMockClientWithEventEmitter(getMockClientMethods());
+            // this is used to create a temporary client during login
+            vi.spyOn(MatrixJs, "createClient").mockReturnValue(loginClient);
+
+            loginClient.login.mockClear().mockResolvedValue(clientLoginResponse);
+        });
+
+        it("should show an error dialog when no homeserver is found in local storage", async () => {
+            localStorage.removeItem("mx_sso_hs_url");
+            const localStorageGetSpy = vi.spyOn(localStorage, "getItem");
+            getComponent({ urlParams });
+            await flushPromises();
+
+            expect(localStorageGetSpy).toHaveBeenCalledWith("mx_sso_hs_url");
+            expect(localStorageGetSpy).toHaveBeenCalledWith("mx_sso_is_url");
+
+            const dialog = await screen.findByRole("dialog");
+
+            // warning dialog
+            expect(
+                within(dialog).getByText(
+                    "We asked the browser to remember which homeserver you use to let you sign in, " +
+                        "but unfortunately your browser has forgotten it. Go to the sign in page and try again.",
+                ),
+            ).toBeInTheDocument();
+        });
+
+        it("should attempt token login", async () => {
+            getComponent({ urlParams });
+            await flushPromises();
+
+            expect(loginClient.login).toHaveBeenCalledWith("m.login.token", {
+                initial_device_display_name: undefined,
+                token: loginToken,
+            });
+        });
+
+        it("should call onTokenLoginCompleted", async () => {
+            const onTokenLoginCompleted = vi.fn();
+            getComponent({ urlParams, onTokenLoginCompleted });
+
+            await waitFor(() => expect(onTokenLoginCompleted).toHaveBeenCalled());
+        });
+
+        describe("when login fails", () => {
+            beforeEach(() => {
+                loginClient.login.mockRejectedValue(new Error("oups"));
+            });
+            it("should show a dialog", async () => {
+                getComponent({ urlParams });
+
+                await flushPromises();
+
+                const dialog = await screen.findByRole("dialog");
+
+                // warning dialog
+                expect(
+                    within(dialog).getByText(
+                        "There was a problem communicating with the homeserver, please try again later.",
+                    ),
+                ).toBeInTheDocument();
+            });
+
+            it("should not clear storage", async () => {
+                getComponent({ urlParams });
+
+                await flushPromises();
+
+                expect(loginClient.clearStores).not.toHaveBeenCalled();
+            });
+        });
+
+        describe("when login succeeds", () => {
+            beforeEach(() => {
+                vi.spyOn(StorageAccess, "idbLoad").mockImplementation(
+                    async (_table: string, key: string | string[]) => {
+                        if (key === "mx_access_token") {
+                            return accessToken as any;
+                        }
+                    },
+                );
+            });
+
+            it("should clear storage", async () => {
+                const localStorageClearSpy = vi.spyOn(localStorage, "clear");
+
+                getComponent({ urlParams });
+
+                // just check we called the clearStorage function
+                await waitFor(() => expect(loginClient.clearStores).toHaveBeenCalled());
+                expect(localStorage.getItem("mx_sso_hs_url")).toBe(null);
+                expect(localStorageClearSpy).toHaveBeenCalled();
+            });
+
+            it("should persist login credentials", async () => {
+                getComponent({ urlParams });
+
+                await waitFor(() => expect(localStorage.getItem("mx_hs_url")).toEqual(serverConfig.hsUrl));
+                expect(localStorage.getItem("mx_user_id")).toEqual(userId);
+                expect(localStorage.getItem("mx_has_access_token")).toEqual("true");
+                expect(localStorage.getItem("mx_device_id")).toEqual(deviceId);
+            });
+
+            it("should set fresh login flag in session storage", async () => {
+                const sessionStorageSetSpy = vi.spyOn(sessionStorage, "setItem");
+                getComponent({ urlParams });
+
+                await waitFor(() => expect(sessionStorageSetSpy).toHaveBeenCalledWith("mx_fresh_login", "true"));
+            });
+
+            it("should override hsUrl in creds when login response wellKnown differs from config", async () => {
+                const hsUrlFromWk = "https://hsfromwk.org";
+                const loginResponseWithWellKnown = {
+                    ...clientLoginResponse,
+                    well_known: {
+                        "m.homeserver": {
+                            base_url: hsUrlFromWk,
+                        },
+                    },
+                };
+                loginClient.login.mockResolvedValue(loginResponseWithWellKnown);
+                getComponent({ urlParams });
+
+                await waitFor(() => expect(localStorage.getItem("mx_hs_url")).toEqual(hsUrlFromWk));
+            });
+
+            it("should continue to post login setup when no session is found in local storage", async () => {
+                getComponent({ urlParams });
+                defaultDispatcher.dispatch({
+                    action: Action.WillStartClient,
+                });
+
+                // set up keys screen is rendered
+                expect(await screen.findByText("Setting up keys")).toBeInTheDocument();
+            });
+        });
+    });
+
+    describe("automatic SSO selection", () => {
+        let ssoClient: ReturnType<typeof getMockClientWithEventEmitter>;
+        let hrefSetter: Mocked<(href: string) => void>;
+        beforeEach(() => {
+            ssoClient = getMockClientWithEventEmitter({
+                ...getMockClientMethods(),
+                getHomeserverUrl: vi.fn().mockReturnValue("matrix.example.com"),
+                getIdentityServerUrl: vi.fn().mockReturnValue("ident.example.com"),
+                getSsoLoginUrl: vi.fn().mockReturnValue("http://my-sso-url"),
+            });
+            // this is used to create a temporary client to cleanup after logout
+            vi.spyOn(MatrixJs, "createClient").mockClear().mockReturnValue(ssoClient);
+            mockPlatformPeg();
+            // Ensure we don't have a client peg as we aren't logged in.
+            unmockClientPeg();
+
+            hrefSetter = vi.fn();
+            const originalHref = window.location.href.toString();
+            Object.defineProperty(window, "location", {
+                value: {
+                    get href() {
+                        return originalHref;
+                    },
+                    set href(href) {
+                        hrefSetter(href);
+                    },
+                },
+                writable: true,
+            });
+        });
+
+        it("should automatically setup and redirect to SSO login", async () => {
+            getComponent({
+                initialScreenAfterLogin: {
+                    screen: "start_sso",
+                    params: {},
+                },
+            });
+
+            await waitFor(() =>
+                expect(ssoClient.getSsoLoginUrl).toHaveBeenCalledWith("http://localhost/", "sso", undefined, undefined),
+            );
+            expect(window.localStorage.getItem(SSO_HOMESERVER_URL_KEY)).toEqual("matrix.example.com");
+            expect(window.localStorage.getItem(SSO_ID_SERVER_URL_KEY)).toEqual("ident.example.com");
+            expect(hrefSetter).toHaveBeenCalledWith("http://my-sso-url");
+        });
+
+        it("should automatically setup and redirect to CAS login", async () => {
+            getComponent({
+                initialScreenAfterLogin: {
+                    screen: "start_cas",
+                    params: {},
+                },
+            });
+
+            await waitFor(() =>
+                expect(ssoClient.getSsoLoginUrl).toHaveBeenCalledWith("http://localhost/", "cas", undefined, undefined),
+            );
+            expect(window.localStorage.getItem(SSO_HOMESERVER_URL_KEY)).toEqual("matrix.example.com");
+            expect(window.localStorage.getItem(SSO_ID_SERVER_URL_KEY)).toEqual("ident.example.com");
+            expect(hrefSetter).toHaveBeenCalledWith("http://my-sso-url");
+        });
+    });
+
+    describe("Multi-tab lockout", () => {
+        beforeEach(() => {
+            mockPlatformPeg();
+            vi.doUnmock("../../utils/SessionLock.ts");
+        });
+
+        afterEach(() => {
+            Lifecycle.setSessionLockNotStolen();
+        });
+
+        // Flaky test, see https://github.com/element-hq/element-web/issues/30337
+        it("waits for other tab to stop during startup", async () => {
+            vi.spyOn(Lifecycle, "attemptDelegatedAuthLogin");
+
+            // simulate an active window
+            localStorage.setItem("react_sdk_session_lock_ping", String(Date.now()));
+
+            const rendered = getComponent({});
+            await flushPromises();
+            expect(rendered.container).toMatchSnapshot();
+
+            // user confirms
+            rendered.getByRole("button", { name: "Continue" }).click();
+            await flushPromises();
+
+            // we should have claimed the session, but gone no further
+            expect(Lifecycle.attemptDelegatedAuthLogin).not.toHaveBeenCalled();
+            const sessionId = localStorage.getItem("react_sdk_session_lock_claimant");
+            expect(sessionId).toEqual(expect.stringMatching(/./));
+            expect(rendered.container).toMatchSnapshot();
+
+            // the other tab shuts down
+            localStorage.removeItem("react_sdk_session_lock_ping");
+            // fire the storage event manually, because writes to localStorage from the same javascript context don't
+            // fire it automatically
+            window.dispatchEvent(new StorageEvent("storage", { key: "react_sdk_session_lock_ping" }));
+
+            // startup continues
+            await flushPromises();
+            expect(Lifecycle.attemptDelegatedAuthLogin).toHaveBeenCalled();
+
+            // should just show the welcome screen
+            await rendered.findByText("Welcome to Test");
+            await rendered.findByLabelText("Language Dropdown");
+            expect(rendered.container).toMatchSnapshot();
+        });
+
+        describe("shows the lockout page when a second tab opens", () => {
+            beforeEach(() => {
+                // make sure we start from a clean DOM for each of these tests
+                document.body.replaceChildren();
+                // use the MockPlatform
+                mockPlatformPeg();
+            });
+
+            function simulateSessionLockClaim() {
+                localStorage.setItem("react_sdk_session_lock_claimant", "testtest");
+                act(() =>
+                    window.dispatchEvent(new StorageEvent("storage", { key: "react_sdk_session_lock_claimant" })),
+                );
+            }
+
+            it("after a session is restored", async () => {
+                await populateStorageForSession();
+
+                const client = getMockClientWithEventEmitter(getMockClientMethods());
+                vi.spyOn(MatrixJs, "createClient").mockReturnValue(client);
+
+                const rendered = getComponent({});
+                await rendered.findByText("Welcome Ernie");
+
+                // we're now at the welcome page. Another session wants the lock...
+                simulateSessionLockClaim();
+                await flushPromises();
+                expect(rendered.container).toMatchSnapshot();
+            });
+
+            it("while we were waiting for the lock ourselves", async () => {
+                // simulate there already being one session
+                localStorage.setItem("react_sdk_session_lock_ping", String(Date.now()));
+
+                const rendered = getComponent({});
+                await flushPromises();
+
+                // user confirms continue
+                rendered.getByRole("button", { name: "Continue" }).click();
+                await flushPromises();
+                expect(rendered.getByTestId("spinner")).toBeInTheDocument();
+
+                // now a third session starts
+                simulateSessionLockClaim();
+                await flushPromises();
+                expect(rendered.container).toMatchSnapshot();
+            });
+
+            it("while we are checking the sync store", async () => {
+                const rendered = getComponent({});
+                expect(rendered.getByTestId("spinner")).toBeInTheDocument();
+
+                // now a third session starts
+                simulateSessionLockClaim();
+                await flushPromises();
+                expect(rendered.container).toMatchSnapshot();
+            });
+
+            it("during crypto init", async () => {
+                await populateStorageForSession();
+
+                const client = new MockClientWithEventEmitter({
+                    ...getMockClientMethods(),
+                }) as unknown as Mocked<MatrixClient>;
+                vi.spyOn(MatrixJs, "createClient").mockReturnValue(client);
+
+                // intercept initCrypto and have it block until we complete the deferred
+                const initCryptoCompleteDefer = Promise.withResolvers<void>();
+                const initCryptoCalled = new Promise<void>((resolve) => {
+                    client.initRustCrypto.mockImplementation(() => {
+                        resolve();
+                        return initCryptoCompleteDefer.promise;
+                    });
+                });
+
+                const rendered = getComponent({});
+                await initCryptoCalled;
+                console.log("initCrypto called");
+
+                simulateSessionLockClaim();
+                await flushPromises();
+
+                // now we should see the error page
+                rendered.getByText("Test is connected in another tab");
+
+                // let initCrypto complete, and check we don't get a modal
+                initCryptoCompleteDefer.resolve();
+                await sleep(10); // Modals take a few ms to appear
+                expect(document.body).toMatchSnapshot();
+            });
+        });
+    });
+
+    describe("mobile registration", () => {
+        const getComponentAndWaitForReady = async (): Promise<RenderResult> => {
+            const renderResult = getComponent();
+            // wait for welcome page chrome render
+            await screen.findByText("Powered by Matrix");
+
+            // go to mobile_register page
+            defaultDispatcher.dispatch({
+                action: "start_mobile_registration",
+            });
+
+            return renderResult;
+        };
+
+        const enabledMobileRegistration = (): void => {
+            vi.spyOn(SettingsStore, "getValue").mockImplementation((settingName): any => {
+                if (settingName === "Registration.mobileRegistrationHelper") return true;
+                if (settingName === UIFeature.Registration) return true;
+            });
+        };
+
+        it("should render welcome screen if mobile registration is not enabled in settings", async () => {
+            await getComponentAndWaitForReady();
+
+            await expect(screen.findByText("Powered by Matrix")).resolves.toBeVisible();
+        });
+
+        it("should render mobile registration", async () => {
+            enabledMobileRegistration();
+
+            await getComponentAndWaitForReady();
+            await flushPromises();
+
+            expect(screen.getByTestId("mobile-register")).toBeInTheDocument();
+        });
+    });
+
+    describe("when key backup failed", () => {
+        it("should show the new recovery method dialog", async () => {
+            const spy = vi.spyOn(Modal, "createDialog");
+            vi.spyOn(mockClient.getCrypto()!, "getActiveSessionBackupVersion").mockResolvedValue("version");
+
+            getComponent({});
+            defaultDispatcher.dispatch({
+                action: Action.WillStartClient,
+            });
+            await flushPromises();
+            mockClient.emit(CryptoEvent.KeyBackupFailed, "error code");
+            await waitFor(() =>
+                expect(spy).toHaveBeenCalledWith(
+                    expect.objectContaining({
+                        _payload: expect.objectContaining({ _result: expect.objectContaining({ __test: true }) }),
+                    }),
+                ),
+            );
+        });
+
+        it("should show the recovery method removed dialog", async () => {
+            const spy = vi.spyOn(Modal, "createDialog");
+            getComponent({});
+            defaultDispatcher.dispatch({
+                action: Action.WillStartClient,
+            });
+            await flushPromises();
+            mockClient.emit(CryptoEvent.KeyBackupFailed, "error code");
+            await waitFor(() =>
+                expect(spy).toHaveBeenCalledWith(
+                    expect.objectContaining({
+                        _payload: expect.objectContaining({ _result: expect.objectContaining({ __test: true }) }),
+                    }),
+                ),
+            );
+        });
+    });
+
+    describe("blacklistUnverifiedDevices settings", () => {
+        beforeEach(async () => {
+            mockPlatformPeg();
+            getComponent({});
+            // Force a client start manually to avoid needing to go through the login flow.
+            defaultDispatcher.dispatch({
+                action: Action.ClientStarted,
+            });
+            await flushPromises();
+        });
+
+        afterEach(() => {
+            SettingsStore.reset();
+        });
+
+        it("should ignore room-device-level blacklistUnverifiedDevices updates", async () => {
+            // Set the blacklist toggle at a room-specific level ...
+            await SettingsStore.setValue(
+                "blacklistUnverifiedDevices",
+                "!room:example.com",
+                SettingLevel.ROOM_DEVICE,
+                true,
+            );
+            // ... which SHOULD NOT affect the global blacklist property.
+            expect(mockClient.getCrypto()!.globalBlacklistUnverifiedDevices).toBeFalsy();
+        }, 10e3);
+
+        it("should update globalBlacklistUnverifiedDevices on device-level updates", async () => {
+            // Set the blacklist toggle at a device level ...
+            await SettingsStore.setValue("blacklistUnverifiedDevices", null, SettingLevel.DEVICE, true);
+            // shich SHOULD affect the global blacklist property.
+            expect(mockClient.getCrypto()!.globalBlacklistUnverifiedDevices).toBeTruthy();
+        }, 10e3);
+    });
+});
diff --git a/apps/web/src/components/structures/MatrixChat.tsx b/apps/web/src/components/structures/MatrixChat.tsx
new file mode 100644
index 00000000000..1d58cf35cd7
--- /dev/null
+++ b/apps/web/src/components/structures/MatrixChat.tsx
@@ -0,0 +1,2318 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-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 React, { type JSX, createRef, lazy } from "react";
+import {
+    ClientEvent,
+    createClient,
+    EventType,
+    HttpApiEvent,
+    type MatrixClient,
+    MatrixEvent,
+    MsgType,
+    type RoomType,
+    SyncState,
+    type SyncStateData,
+    type TimelineEvents,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { throttle } from "lodash";
+import { CryptoEvent, type KeyBackupInfo } from "matrix-js-sdk/src/crypto-api";
+import { TooltipProvider } from "@vector-im/compound-web";
+// what-input helps improve keyboard accessibility
+import "what-input";
+import sanitizeHtml from "sanitize-html";
+import { I18nContext, LinkedTextContext, LinkedText } from "@element-hq/web-shared-components";
+import { LockSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import PosthogTrackers from "../../PosthogTrackers";
+import { DecryptionFailureTracker } from "../../DecryptionFailureTracker";
+import { type IMatrixClientCreds } from "../../utils/createMatrixClient";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import PlatformPeg from "../../PlatformPeg";
+import SdkConfig, { type ConfigOptions } from "../../SdkConfig";
+import dis from "../../dispatcher/dispatcher";
+import Modal from "../../Modal";
+import { showRoomInviteDialog, showStartChatInviteDialog } from "../../RoomInvite";
+import * as Rooms from "../../Rooms";
+import * as Lifecycle from "../../Lifecycle";
+// LifecycleStore is not used but does listen to and dispatch actions
+import "../../stores/LifecycleStore";
+import PageType from "../../PageTypes";
+import createRoom, { type IOpts } from "../../createRoom";
+import { _t, _td } from "../../languageHandler";
+import SettingsStore from "../../settings/SettingsStore";
+import { startAnyRegistrationFlow } from "../../Registration";
+import AutoDiscoveryUtils from "../../utils/AutoDiscoveryUtils";
+import { calculateRoomVia, makeRoomPermalink } from "../../utils/permalinks/Permalinks";
+import ThemeWatcher, { ThemeWatcherEvent } from "../../settings/watchers/ThemeWatcher";
+import { FontWatcher } from "../../settings/watchers/FontWatcher";
+import { storeRoomAliasInCache } from "../../RoomAliasCache";
+import ToastStore from "../../stores/ToastStore";
+import * as StorageManager from "../../utils/StorageManager";
+import type LoggedInViewType from "./LoggedInView";
+import LoggedInView from "./LoggedInView";
+import { Action } from "../../dispatcher/actions";
+import { hideToast as hideAnalyticsToast, showToast as showAnalyticsToast } from "../../toasts/AnalyticsToast";
+import { showToast as showNotificationsToast } from "../../toasts/DesktopNotificationsToast";
+import { type OpenToTabPayload } from "../../dispatcher/payloads/OpenToTabPayload";
+import ErrorDialog from "../views/dialogs/ErrorDialog";
+import {
+    RoomNotificationStateStore,
+    UPDATE_STATUS_INDICATOR,
+} from "../../stores/notifications/RoomNotificationStateStore";
+import { SettingLevel } from "../../settings/SettingLevel";
+import ThreepidInviteStore, {
+    type IThreepidInvite,
+    type IThreepidInviteWireFormat,
+} from "../../stores/ThreepidInviteStore";
+import { UIFeature } from "../../settings/UIFeature";
+import DialPadModal from "../views/voip/DialPadModal";
+import { showToast as showMobileGuideToast } from "../../toasts/MobileGuideToast";
+import { shouldUseLoginForWelcome } from "../../utils/pages";
+import { ModuleRunner } from "../../modules/ModuleRunner";
+import Spinner from "../views/elements/Spinner";
+import QuestionDialog from "../views/dialogs/QuestionDialog";
+import UserSettingsDialog from "../views/dialogs/UserSettingsDialog";
+import CreateRoomDialog from "../views/dialogs/CreateRoomDialog";
+import IncomingSasDialog from "../views/dialogs/IncomingSasDialog";
+import CompleteSecurity from "./auth/CompleteSecurity";
+import Welcome from "../views/auth/Welcome";
+import ForgotPassword from "./auth/ForgotPassword";
+import E2eSetup from "./auth/E2eSetup";
+import Registration from "./auth/Registration";
+import Login from "./auth/Login";
+import ErrorBoundary from "../views/elements/ErrorBoundary";
+import VerificationRequestToast from "../views/toasts/VerificationRequestToast";
+import PerformanceMonitor, { PerformanceEntryNames } from "../../performance";
+import UIStore, { UI_EVENTS } from "../../stores/UIStore";
+import SoftLogout from "./auth/SoftLogout";
+import { copyPlaintext } from "../../utils/strings";
+import { initSentry } from "../../sentry";
+import { showSpaceInvite } from "../../utils/space";
+import { type ButtonEvent } from "../views/elements/AccessibleButton";
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { type SummarizedNotificationState } from "../../stores/notifications/SummarizedNotificationState";
+import Views from "../../Views";
+import { type FocusNextType, type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import { type ViewHomePagePayload } from "../../dispatcher/payloads/ViewHomePagePayload";
+import { type AfterLeaveRoomPayload } from "../../dispatcher/payloads/AfterLeaveRoomPayload";
+import { type AfterForgetRoomPayload } from "../../dispatcher/payloads/AfterForgetRoomPayload";
+import { type DoAfterSyncPreparedPayload } from "../../dispatcher/payloads/DoAfterSyncPreparedPayload";
+import { type ViewStartChatOrReusePayload } from "../../dispatcher/payloads/ViewStartChatOrReusePayload";
+import { leaveRoomBehaviour } from "../../utils/leave-behaviour";
+import { CallStore } from "../../stores/CallStore";
+import { type IRoomStateEventsActionPayload } from "../../actions/MatrixActionCreators";
+import { type ShowThreadPayload } from "../../dispatcher/payloads/ShowThreadPayload";
+import { RightPanelPhases } from "../../stores/right-panel/RightPanelStorePhases";
+import RightPanelStore from "../../stores/right-panel/RightPanelStore";
+import { TimelineRenderingType } from "../../contexts/RoomContext";
+import { type ValidatedServerConfig } from "../../utils/ValidatedServerConfig";
+import { isLocalRoom } from "../../utils/localRoom/isLocalRoom";
+import { SDKContext } from "../../contexts/SDKContext";
+import { SDKContextClass } from "../../contexts/SDKContextClass.ts";
+import { viewUserDeviceSettings } from "../../actions/handlers/viewUserDeviceSettings";
+import GenericToast from "../views/toasts/GenericToast";
+import RovingSpotlightDialog from "../views/dialogs/spotlight/SpotlightDialog";
+import { findDMForUser } from "../../utils/dm/findDMForUser";
+import { getHtmlText } from "../../HtmlUtils";
+import { NotificationLevel } from "../../stores/notifications/NotificationLevel";
+import { type UserTab } from "../views/dialogs/UserTab";
+import { shouldSkipSetupEncryption } from "../../utils/crypto/shouldSkipSetupEncryption";
+import { Filter } from "../views/dialogs/spotlight/Filter";
+import { SessionLockStolenView } from "./auth/SessionLockStolenView";
+import { ConfirmSessionLockTheftView } from "./auth/ConfirmSessionLockTheftView";
+import { LoginSplashView } from "./auth/LoginSplashView";
+import { cleanUpDraftsIfRequired } from "../../DraftCleaner";
+import { InitialCryptoSetupStore } from "../../stores/InitialCryptoSetupStore";
+import { setTheme } from "../../theme";
+import { type OpenForwardDialogPayload } from "../../dispatcher/payloads/OpenForwardDialogPayload";
+import { ShareFormat, type SharePayload } from "../../dispatcher/payloads/SharePayload";
+import Markdown from "../../Markdown";
+import { LinkedTextConfiguration, sanitizeHtmlParams } from "../../Linkify";
+import { isOnlyAdmin } from "../../utils/membership";
+import { ModuleApi } from "../../modules/Api.ts";
+import { type IScreen } from "../../vector/routing.ts";
+import { type URLParams } from "../../vector/url_utils.ts";
+import { type QrLoginCredentials } from "../views/auth/LoginWithQR.tsx";
+import { configureFromCompletedOAuthLogin } from "../../Lifecycle";
+
+const AUTH_SCREENS = ["register", "mobile_register", "login", "forgot_password", "start_sso", "start_cas", "welcome"];
+
+// Actions that are redirected through the onboarding process prior to being
+// re-dispatched. NOTE: some actions are non-trivial and would require
+// re-factoring to be included in this list in future.
+const ONBOARDING_FLOW_STARTERS = [Action.ViewUserSettings, Action.CreateChat, Action.CreateRoom];
+
+interface IProps {
+    config: ConfigOptions;
+    onNewScreen: (screen: string, replaceLast: boolean) => void;
+    enableGuest?: boolean;
+    // the params extracted from the [real] query-string & fragment of the URI
+    urlParams: URLParams;
+    // called when we have completed a token login
+    onTokenLoginCompleted: (urlParams: URLParams, fragmentAfterLogin: string) => void;
+    // Represents the screen to display as a result of parsing the initial window.location
+    initialScreenAfterLogin?: IScreen;
+    // displayname, if any, to set on the device when logging in/registering.
+    defaultDeviceDisplayName?: string;
+}
+
+interface IState {
+    /**
+     * The master view we are showing.
+     *
+     * This represents the state of a state machine: see the documentation on {@link Views} for a transition diagram.
+     *
+     * TODO: this doesn't work well, because updates to React state are not instantaneous, meaning that if several
+     *   events or {@link Action}s happen in quick succession, we may end up following the wrong transition.
+     *   We should probably move the view into a separate object (like a ViewModel) and have the React state subscribe
+     *   to updates.
+     */
+    view: Views;
+
+    // What the LoggedInView would be showing if visible.
+    // A member of the enum for standard pages or a string for those provided by
+    // a module.
+    page_type?: PageType | string;
+    // The ID of the room we're viewing. This is either populated directly
+    // in the case where we view a room by ID or by RoomView when it resolves
+    // what ID an alias points at.
+    currentRoomId: string | null;
+    // If we're trying to just view a user ID (i.e. /user URL), this is it
+    currentUserId: string | null;
+    // Parameters used in the registration dance with the IS
+    register_client_secret?: string;
+    register_session_id?: string;
+    register_id_sid?: string;
+    isMobileRegistration?: boolean;
+    // When showing Modal dialogs we need to set aria-hidden on the root app element
+    // and disable it when there are no dialogs
+    hideToSRUsers: boolean;
+    syncError: Error | null;
+    serverConfig?: ValidatedServerConfig;
+
+    /** Has our MatrixClient started? */
+    ready: boolean;
+
+    threepidInvite?: IThreepidInvite;
+    roomOobData?: object;
+    pendingInitialSync?: boolean;
+    justRegistered?: boolean;
+    roomJustCreatedOpts?: IOpts;
+    forceTimeline?: boolean; // see props
+}
+
+export default class MatrixChat extends React.PureComponent<IProps, IState> {
+    public static displayName = "MatrixChat";
+
+    private firstSyncComplete = false;
+    private firstSyncPromise: PromiseWithResolvers<void>;
+
+    private screenAfterLogin?: IScreen;
+
+    /** True if we have successfully completed an OIDC or token login.
+     *
+     * XXX it's unclear if this is ever cleared, so what happens if the user logs out and then logs back in?
+     */
+    private tokenLogin?: boolean;
+
+    // What to focus on next component update, if anything
+    private focusNext: FocusNextType;
+    private subTitleStatus: string;
+    private prevWindowWidth: number;
+
+    private readonly loggedInView = createRef<LoggedInViewType>();
+    private dispatcherRef?: string;
+    private themeWatcher?: ThemeWatcher;
+    private fontWatcher?: FontWatcher;
+    private readonly stores: SDKContextClass;
+    private loadSessionAbortController = new AbortController();
+
+    private sessionLoadStarted = false;
+
+    public constructor(props: IProps) {
+        super(props);
+        this.stores = SDKContextClass.instance;
+        this.stores.constructEagerStores();
+        window.mxSdkContext = this.stores;
+
+        this.state = {
+            view: Views.LOADING,
+            currentRoomId: null,
+            currentUserId: null,
+
+            hideToSRUsers: false,
+            isMobileRegistration: false,
+
+            syncError: null, // If the current syncing status is ERROR, the error object, otherwise null.
+            ready: false,
+        };
+
+        SdkConfig.put(this.props.config);
+
+        // Used by _viewRoom before getting state from sync
+        this.firstSyncComplete = false;
+        this.firstSyncPromise = Promise.withResolvers();
+
+        if (this.props.config.sync_timeline_limit) {
+            MatrixClientPeg.opts.initialSyncLimit = this.props.config.sync_timeline_limit;
+        }
+
+        // a thing to call showScreen with once login completes.  this is kept
+        // outside this.state because updating it should never trigger a
+        // rerender.
+        this.screenAfterLogin = this.props.initialScreenAfterLogin;
+        if (this.screenAfterLogin) {
+            const params = this.screenAfterLogin.params || {};
+            if (this.screenAfterLogin.screen.startsWith("room/") && params["signurl"] && params["email"]) {
+                // probably a threepid invite - try to store it
+                const roomId = this.screenAfterLogin.screen.substring("room/".length);
+                ThreepidInviteStore.instance.storeInvite(roomId, params as unknown as IThreepidInviteWireFormat);
+            }
+        }
+
+        this.prevWindowWidth = UIStore.instance.windowWidth || 1000;
+
+        // object field used for tracking the status info appended to the title tag.
+        // we don't do it as react state as i'm scared about triggering needless react refreshes.
+        this.subTitleStatus = "";
+    }
+
+    /**
+     * Kick off a call to {@link initSession}, and handle any errors
+     */
+    private startInitSession = (): void => {
+        const initProm = this.initSession();
+
+        initProm.catch((err) => {
+            // TODO: show an error screen, rather than a spinner of doom
+            logger.error("Error initialising Matrix session", err);
+        });
+    };
+
+    /**
+     * Do what we can to establish a Matrix session.
+     *
+     *  * Special-case soft-logged-out sessions
+     *  * If we have OIDC or token login parameters, follow them
+     *  * If we have a guest access token in the query params, use that
+     *  * If we have parameters in local storage, use them
+     *  * Attempt to auto-register as a guest
+     *  * If all else fails, present a login screen.
+     */
+    private async initSession(): Promise<void> {
+        // The Rust Crypto SDK will break if two Element instances try to use the same datastore at once, so
+        // make sure we are the only Element instance in town (on this browser/domain).
+        const platform = PlatformPeg.get();
+        if (platform && !(await platform.getSessionLock(() => this.onSessionLockStolen()))) {
+            // we failed to get the lock. onSessionLockStolen should already have been called, so nothing left to do.
+            return;
+        }
+
+        // If the user was soft-logged-out, we want to make the SoftLogout component responsible for doing any
+        // token auth (rather than Lifecycle.attemptDelegatedAuthLogin), since SoftLogout knows about submitting the
+        // device ID and preserving the session.
+        //
+        // So, we start by special-casing soft-logged-out sessions.
+        if (Lifecycle.isSoftLogout()) {
+            // When the session loads it'll be detected as soft logged out and a dispatch
+            // will be sent out to say that, triggering this MatrixChat to show the soft
+            // logout page.
+            Lifecycle.loadSession({ abortSignal: this.loadSessionAbortController.signal });
+            return;
+        }
+
+        // Otherwise, the first thing to do is to try the token params in the query-string
+        const delegatedAuthSucceeded = await Lifecycle.attemptDelegatedAuthLogin(
+            this.props.urlParams,
+            this.props.defaultDeviceDisplayName,
+            this.getFragmentAfterLogin(),
+        );
+
+        // remove the loginToken or auth code from the URL regardless
+        if (!!this.props.urlParams.legacy_sso || !!this.props.urlParams.oauth2) {
+            this.props.onTokenLoginCompleted(this.props.urlParams, this.getFragmentAfterLogin());
+        }
+
+        if (delegatedAuthSucceeded) {
+            // token auth/OIDC worked! Time to fire up the client.
+            this.tokenLogin = true;
+
+            // Create and start the client
+            // accesses the new credentials just set in storage during attemptDelegatedAuthLogin
+            // and sets logged in state
+            await Lifecycle.restoreSessionFromStorage({ ignoreGuest: true });
+            await this.postLoginSetup();
+            return;
+        }
+
+        // if the user has followed a login or register link, don't reanimate
+        // the old creds, but rather go straight to the relevant page
+        const firstScreen = this.screenAfterLogin ? this.screenAfterLogin.screen : null;
+        const restoreSuccess = await this.loadSession();
+        if (restoreSuccess) {
+            return;
+        }
+
+        // If the first screen is an auth screen, we don't want to wait for login.
+        if (firstScreen !== null && AUTH_SCREENS.includes(firstScreen)) {
+            this.showScreenAfterLogin();
+        }
+    }
+
+    private async onSessionLockStolen(): Promise<void> {
+        // switch to the LockStolenView. We deliberately do this immediately, rather than going through the dispatcher,
+        // because there can be a substantial queue in the dispatcher, and some of the events in it might require an
+        // active MatrixClient.
+        await new Promise<void>((resolve) => {
+            this.setState({ view: Views.LOCK_STOLEN }, resolve);
+        });
+
+        // now we can tell the Lifecycle routines to abort any active startup, and to stop the active client.
+        await Lifecycle.onSessionLockStolen();
+    }
+
+    /**
+     * Perform actions that are specific to a user that has just logged in.
+     *
+     * Called when:
+     *
+     *  - We successfully completed an OIDC or token login, via {@link initSession}.
+     *  - The {@link Login} or {@link Registration} components notify us that we successfully completed a non-OIDC login or
+     *    registration.
+     *
+     * In both cases, {@link Action.OnLoggedIn} will already have been emitted, but the call to {@link onShowPostLoginScreen} will
+     * have been suppressed (by either {@link tokenLogin} being set, or the view being set to {@link Views.LOGIN} or
+     * {@link Views.REGISTER}).
+     *
+     * {@link onWillStartClient} and {@link onClientStarted} will already have been called (but not necessarily
+     * completed).
+     *
+     * This method either calls {@link onLoggedIn} directly, or switches to {@link Views.E2E_SETUP} or
+     * {@link Views.COMPLETE_SECURITY}, which will later call {@link onCompleteSecurityE2eSetupFinished}.
+     */
+    private async postLoginSetup(): Promise<void> {
+        const cli = MatrixClientPeg.safeGet();
+        const cryptoEnabled = Boolean(cli.getCrypto());
+        if (!cryptoEnabled) {
+            this.onShowPostLoginScreen();
+        }
+
+        const promisesList: Promise<unknown>[] = [this.firstSyncPromise.promise];
+        let crossSigningIsSetUp = false;
+        if (cryptoEnabled) {
+            // check if the user has previously published public cross-signing keys,
+            // as a proxy to figure out if it's worth prompting the user to verify
+            // from another device.
+            promisesList.push(
+                (async (): Promise<void> => {
+                    crossSigningIsSetUp = Boolean(await cli.getCrypto()?.userHasCrossSigningKeys());
+                })(),
+            );
+        }
+
+        // Now update the state to say we're waiting for the first sync to complete rather
+        // than for the login to finish.
+        this.setState({ pendingInitialSync: true });
+
+        await Promise.all(promisesList);
+
+        if (!cryptoEnabled) {
+            this.setState({ pendingInitialSync: false });
+            return;
+        }
+
+        if (crossSigningIsSetUp) {
+            // if the user has previously set up cross-signing, verify this device so we can fetch the
+            // private keys.
+
+            const cryptoExtension = ModuleRunner.instance.extensions.cryptoSetup;
+            if (cryptoExtension.SHOW_ENCRYPTION_SETUP_UI == false) {
+                this.onShowPostLoginScreen();
+            } else {
+                this.setStateForNewView({ view: Views.COMPLETE_SECURITY });
+            }
+        } else if (!(await shouldSkipSetupEncryption(cli))) {
+            // if cross-signing is not yet set up, do so now if possible.
+            InitialCryptoSetupStore.sharedInstance().startInitialCryptoSetup(
+                cli,
+                this.onCompleteSecurityE2eSetupFinished,
+            );
+            this.setStateForNewView({ view: Views.E2E_SETUP });
+        } else {
+            this.onShowPostLoginScreen();
+        }
+        this.setState({ pendingInitialSync: false });
+    }
+
+    public setState<K extends keyof IState>(
+        state:
+            | ((prevState: Readonly<IState>, props: Readonly<IProps>) => Pick<IState, K> | IState | null)
+            | (Pick<IState, K> | IState | null),
+        callback?: () => void,
+    ): void {
+        if (state && "view" in state) {
+            logger.debug(`MatrixChat: Queuing change of view from ${Views[this.state.view]} to ${Views[state.view]}`);
+        }
+        if (this.shouldTrackPageChange(this.state, { ...this.state, ...state })) {
+            this.startPageChangeTimer();
+        }
+        super.setState<K>(state, callback);
+    }
+
+    public componentDidMount(): void {
+        UIStore.instance.on(UI_EVENTS.Resize, this.handleResize);
+
+        // For PersistentElement
+        this.stores.resizeNotifier.on("middlePanelResized", this.dispatchTimelineResize);
+
+        RoomNotificationStateStore.instance.on(UPDATE_STATUS_INDICATOR, this.onUpdateStatusIndicator);
+
+        this.dispatcherRef = dis.register(this.onAction);
+
+        this.themeWatcher = new ThemeWatcher();
+        this.fontWatcher = new FontWatcher();
+        this.themeWatcher.start();
+        this.themeWatcher.on(ThemeWatcherEvent.Change, setTheme);
+        this.fontWatcher.start();
+
+        initSentry(SdkConfig.get("sentry"));
+        window.addEventListener("resize", this.onWindowResized);
+
+        // Once we start loading the MatrixClient, we can't stop, even if MatrixChat gets unmounted (as it does
+        // in React's Strict Mode). So, start loading the session now, but only if this MatrixChat was not previously
+        // mounted.
+        if (!this.sessionLoadStarted) {
+            this.sessionLoadStarted = true;
+            const platform = PlatformPeg.get();
+            if (platform && !platform.checkSessionLockFree()) {
+                // another instance holds the lock; confirm its theft before proceeding
+                setTimeout(() => this.setState({ view: Views.CONFIRM_LOCK_THEFT }), 0);
+            } else {
+                this.startInitSession();
+            }
+        }
+    }
+
+    public componentDidUpdate(prevProps: IProps, prevState: IState): void {
+        if (this.shouldTrackPageChange(prevState, this.state)) {
+            const durationMs = this.stopPageChangeTimer();
+            if (durationMs != null) {
+                PosthogTrackers.instance.trackPageChange(this.state.view, this.state.page_type, durationMs);
+            }
+        }
+        if (this.focusNext === "composer") {
+            dis.fire(Action.FocusSendMessageComposer);
+            this.focusNext = undefined;
+        } else if (this.focusNext === "threadsPanel") {
+            dis.fire(Action.FocusThreadsPanel);
+        }
+    }
+
+    public componentWillUnmount(): void {
+        Lifecycle.stopMatrixClient();
+        dis.unregister(this.dispatcherRef);
+        this.themeWatcher?.off(ThemeWatcherEvent.Change, setTheme);
+        this.themeWatcher?.stop();
+        this.fontWatcher?.stop();
+        UIStore.destroy();
+        this.stores.resizeNotifier.removeListener("middlePanelResized", this.dispatchTimelineResize);
+        window.removeEventListener("resize", this.onWindowResized);
+
+        DecryptionFailureTracker.instance.stop();
+    }
+
+    private onWindowResized = (): void => {
+        // XXX: This is a very unreliable way to detect whether or not the the devtools are open
+        this.warnInConsole();
+    };
+
+    private warnInConsole = throttle((): void => {
+        const largeFontSize = "50px";
+        const normalFontSize = "15px";
+
+        const waitText = _t("console_wait");
+        const scamText = _t("console_scam_warning");
+        const devText = _t("console_dev_note");
+
+        global.mx_rage_logger.bypassRageshake(
+            "log",
+            `%c${waitText}\n%c${scamText}\n%c${devText}`,
+            `font-size:${largeFontSize}; color:blue;`,
+            `font-size:${normalFontSize}; color:red;`,
+            `font-size:${normalFontSize};`,
+        );
+    }, 1000);
+
+    private getFallbackHsUrl(): string | undefined {
+        if (this.getServerProperties().serverConfig?.isDefault) {
+            return this.props.config.fallback_hs_url;
+        }
+    }
+
+    private getServerProperties(): { serverConfig: ValidatedServerConfig } {
+        const props = this.state.serverConfig || SdkConfig.get("validated_server_config")!;
+        return { serverConfig: props };
+    }
+
+    private loadSession(): Promise<boolean> {
+        // the extra Promise.resolve() ensures that synchronous exceptions hit the same codepath as
+        // asynchronous ones.
+        return Promise.resolve()
+            .then(() => {
+                return Lifecycle.loadSession({
+                    urlParams: this.props.urlParams,
+                    enableGuest: this.props.enableGuest,
+                    guestHsUrl: this.getServerProperties().serverConfig.hsUrl,
+                    guestIsUrl: this.getServerProperties().serverConfig.isUrl,
+                    defaultDeviceDisplayName: this.props.defaultDeviceDisplayName,
+                    abortSignal: this.loadSessionAbortController.signal,
+                });
+            })
+            .then((loadedSession) => {
+                if (!loadedSession) {
+                    // fall back to showing the welcome screen... unless we have a 3pid invite pending
+                    if (
+                        ThreepidInviteStore.instance.pickBestInvite() &&
+                        SettingsStore.getValue(UIFeature.Registration)
+                    ) {
+                        dis.dispatch({ action: "start_registration" });
+                    } else {
+                        dis.dispatch({ action: "view_welcome_page" });
+                    }
+                }
+                return loadedSession;
+            });
+        // Note we don't catch errors from this: we catch everything within
+        // loadSession as there's logic there to ask the user if they want
+        // to try logging out.
+    }
+
+    private startPageChangeTimer(): void {
+        PerformanceMonitor.instance.start(PerformanceEntryNames.PAGE_CHANGE);
+    }
+
+    private stopPageChangeTimer(): number | null {
+        const perfMonitor = PerformanceMonitor.instance;
+
+        perfMonitor.stop(PerformanceEntryNames.PAGE_CHANGE);
+
+        const entries = perfMonitor.getEntries({
+            name: PerformanceEntryNames.PAGE_CHANGE,
+        });
+        const measurement = entries.pop();
+
+        return measurement ? measurement.duration : null;
+    }
+
+    private shouldTrackPageChange(prevState: IState, state: IState): boolean {
+        return (
+            prevState.currentRoomId !== state.currentRoomId ||
+            prevState.view !== state.view ||
+            prevState.page_type !== state.page_type
+        );
+    }
+
+    private isLoggedInViewPageDisplayed(): boolean {
+        return this.loggedInView.current !== null && this.state.page_type !== undefined;
+    }
+
+    private setStateForNewView(state: Partial<IState>): void {
+        if (state.view === undefined) {
+            throw new Error("setStateForNewView with no view!");
+        }
+        this.setState({
+            currentUserId: undefined,
+            justRegistered: false,
+            ...state,
+        } as IState);
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        // once the session lock has been stolen, don't try to do anything.
+        if (this.state.view === Views.LOCK_STOLEN) {
+            logger.warn(`MatrixChat: ignoring action ${payload.action} as session lock has been stolen`);
+            return;
+        }
+
+        // Start the onboarding process for certain actions
+        if (
+            MatrixClientPeg.get()?.isGuest() &&
+            ONBOARDING_FLOW_STARTERS.includes(payload.action as unknown as Action)
+        ) {
+            // This will cause `payload` to be dispatched later, once a
+            // sync has reached the "prepared" state. Setting a matrix ID
+            // will cause a full login and sync and finally the deferred
+            // action will be dispatched.
+            dis.dispatch({
+                action: Action.DoAfterSyncPrepared,
+                deferred_action: payload,
+            });
+            dis.dispatch({ action: "require_registration" });
+            return;
+        }
+
+        switch (payload.action) {
+            case "MatrixActions.accountData":
+                // XXX: This is a collection of several hacks to solve a minor problem. We want to
+                // update our local state when the identity server changes, but don't want to put that in
+                // the js-sdk as we'd be then dictating how all consumers need to behave. However,
+                // this component is already bloated and we probably don't want this tiny logic in
+                // here, but there's no better place in the react-sdk for it. Additionally, we're
+                // abusing the MatrixActionCreator stuff to avoid errors on dispatches.
+                if (payload.event_type === "m.identity_server") {
+                    const fullUrl = payload.event_content ? payload.event_content["base_url"] : null;
+                    if (!fullUrl) {
+                        MatrixClientPeg.safeGet().setIdentityServerUrl(undefined);
+                        localStorage.removeItem("mx_is_access_token");
+                        localStorage.removeItem("mx_is_url");
+                    } else {
+                        MatrixClientPeg.safeGet().setIdentityServerUrl(fullUrl);
+                        localStorage.removeItem("mx_is_access_token"); // clear token
+                        localStorage.setItem("mx_is_url", fullUrl); // XXX: Do we still need this?
+                    }
+
+                    // redispatch the change with a more specific action
+                    dis.dispatch({ action: "id_server_changed" });
+                }
+                break;
+            case "logout":
+                this.stores.legacyCallHandler.hangupAllCalls();
+                Promise.all([...CallStore.instance.connectedCalls].map((call) => call.disconnect())).finally(() =>
+                    Lifecycle.logout(),
+                );
+                break;
+            case "require_registration":
+                startAnyRegistrationFlow(payload as any);
+                break;
+            case "start_mobile_registration":
+                this.startRegistration(payload.params || {}, true);
+                break;
+            case "start_registration":
+                if (Lifecycle.isSoftLogout()) {
+                    this.onSoftLogout();
+                    break;
+                }
+                // This starts the full registration flow
+                if (payload.screenAfterLogin) {
+                    this.screenAfterLogin = payload.screenAfterLogin;
+                }
+                this.startRegistration(payload.params || {});
+                break;
+            case "start_login":
+                if (Lifecycle.isSoftLogout()) {
+                    this.onSoftLogout();
+                    break;
+                }
+                if (payload.screenAfterLogin) {
+                    this.screenAfterLogin = payload.screenAfterLogin;
+                }
+                this.viewLogin();
+                break;
+            case "start_password_recovery":
+                if (SettingsStore.getValue(UIFeature.PasswordReset)) {
+                    this.setStateForNewView({
+                        view: Views.FORGOT_PASSWORD,
+                    });
+                    this.notifyNewScreen("forgot_password");
+                }
+                break;
+            case "start_chat":
+                createRoom(MatrixClientPeg.safeGet(), {
+                    dmUserId: payload.user_id,
+                });
+                break;
+            case "leave_room":
+                this.leaveRoom(payload.room_id);
+                break;
+            case "forget_room":
+                this.forgetRoom(payload.room_id);
+                break;
+            case "copy_room":
+                this.copyRoom(payload.room_id);
+                break;
+            case "view_user_info":
+                this.viewUser(payload.userId, payload.subAction);
+                break;
+            case "MatrixActions.RoomState.events": {
+                const event = (payload as IRoomStateEventsActionPayload).event;
+                if (
+                    event.getType() === EventType.RoomCanonicalAlias &&
+                    event.getRoomId() === this.state.currentRoomId
+                ) {
+                    // re-view the current room so we can update alias/id in the URL properly
+                    this.viewRoom({
+                        action: Action.ViewRoom,
+                        room_id: this.state.currentRoomId,
+                        metricsTrigger: undefined, // room doesn't change
+                    });
+                }
+                break;
+            }
+            case Action.ViewRoom: {
+                // Takes either a room ID or room alias: if switching to a room the client is already
+                // known to be in (eg. user clicks on a room in the recents panel), supply the ID
+                // If the user is clicking on a room in the context of the alias being presented
+                // to them, supply the room alias. If both are supplied, the room ID will be ignored.
+                const promise = this.viewRoom(payload as ViewRoomPayload);
+                if (payload.deferred_action) {
+                    promise.then(() => {
+                        dis.dispatch(payload.deferred_action);
+                    });
+                }
+                break;
+            }
+            case Action.ViewUserDeviceSettings: {
+                viewUserDeviceSettings();
+                break;
+            }
+            case Action.ViewUserSettings: {
+                const tabPayload = payload as OpenToTabPayload;
+                Modal.createDialog(
+                    UserSettingsDialog,
+                    { ...payload.props, initialTabId: tabPayload.initialTabId as UserTab, sdkContext: this.stores },
+                    /*className=*/ undefined,
+                    /*isPriority=*/ false,
+                    /*isStatic=*/ true,
+                );
+
+                // View the welcome or home page if we need something to look at
+                this.viewSomethingBehindModal();
+                break;
+            }
+            case Action.CreateRoom:
+                this.createRoom(payload.public, payload.defaultName, payload.type);
+
+                // View the welcome or home page if we need something to look at
+                this.viewSomethingBehindModal();
+                break;
+            case Action.ViewRoomDirectory: {
+                Modal.createDialog(
+                    RovingSpotlightDialog,
+                    {
+                        initialText: payload.initialText,
+                        initialFilter: Filter.PublicRooms,
+                    },
+                    "mx_SpotlightDialog_wrapper",
+                    false,
+                    true,
+                );
+
+                // View the welcome or home page if we need something to look at
+                this.viewSomethingBehindModal();
+                break;
+            }
+            case Action.ViewQrLogin: {
+                if (this.isLoggedInViewPageDisplayed()) {
+                    logger.warn("Ignoring payload due to unexpected call outside auth flows", payload);
+                } else {
+                    Modal.createDialog(
+                        lazy(() => import("../../async-components/views/dialogs/QrLoginDialog")),
+                        {
+                            serverConfig: this.getServerProperties().serverConfig,
+                            onLoggedIn: this.onUserCompletedQrLoginFlow,
+                        },
+                        "mx_LoginWithQR_dialog",
+                        false,
+                        true,
+                    );
+
+                    // View the welcome or home page if we need something to look at
+                    this.viewSomethingBehindModal();
+                }
+                break;
+            }
+            case "view_welcome_page":
+                this.viewWelcome();
+                break;
+            case Action.ViewHomePage:
+                this.viewHome(payload.justRegistered);
+                break;
+            case Action.Share:
+                this.viewShare(payload.format, payload.msg);
+                break;
+            case Action.ViewStartChatOrReuse:
+                this.chatCreateOrReuse(payload.user_id);
+                break;
+            case Action.CreateChat:
+                showStartChatInviteDialog(payload.initialText || "");
+
+                // View the welcome or home page if we need something to look at
+                this.viewSomethingBehindModal();
+                break;
+            case "view_invite": {
+                const room = MatrixClientPeg.safeGet().getRoom(payload.roomId);
+                if (room?.isSpaceRoom()) {
+                    showSpaceInvite(room);
+                } else {
+                    showRoomInviteDialog(payload.roomId);
+                }
+                break;
+            }
+            case "hide_left_panel":
+            case "show_left_panel":
+                this.stores.resizeNotifier.notifyLeftHandleResized();
+                break;
+            case Action.OpenDialPad:
+                Modal.createDialog(DialPadModal, {}, "mx_Dialog_dialPadWrapper");
+                break;
+            case Action.OnLoggedIn:
+                this.onLoggedIn();
+                break;
+            case Action.ClientNotViable:
+                this.onSoftLogout();
+                break;
+            case Action.OnLoggedOut:
+                this.onLoggedOut();
+                break;
+            case Action.WillStartClient:
+                this.setState({ ready: false }, () => {
+                    // if the client is about to start, we are, by definition, not ready.
+                    // Set ready to false now, then it'll be set to true when the sync
+                    // listener we set below fires.
+                    this.onWillStartClient();
+                });
+                break;
+            case Action.ClientStarted:
+                // No need to make this handler async to wait for the result of this
+                this.onClientStarted().catch((e) => {
+                    logger.error("Exception in onClientStarted", e);
+                });
+                break;
+            case "send_event":
+                this.onSendEvent(payload.room_id, payload.event);
+                break;
+            case "aria_hide_main_app":
+                this.setState({
+                    hideToSRUsers: true,
+                });
+                break;
+            case "aria_unhide_main_app":
+                this.setState({
+                    hideToSRUsers: false,
+                });
+                break;
+            case Action.PseudonymousAnalyticsAccept:
+                hideAnalyticsToast();
+                SettingsStore.setValue("pseudonymousAnalyticsOptIn", null, SettingLevel.ACCOUNT, true);
+                break;
+            case Action.PseudonymousAnalyticsReject:
+                hideAnalyticsToast();
+                SettingsStore.setValue("pseudonymousAnalyticsOptIn", null, SettingLevel.ACCOUNT, false);
+                break;
+            case Action.ShowThread: {
+                const { rootEvent, initialEvent, highlighted, scrollIntoView, push } = payload as ShowThreadPayload;
+
+                const threadViewCard = {
+                    phase: RightPanelPhases.ThreadView,
+                    state: {
+                        threadHeadEvent: rootEvent,
+                        initialEvent: initialEvent,
+                        isInitialEventHighlighted: highlighted,
+                        initialEventScrollIntoView: scrollIntoView,
+                    },
+                };
+                if (push ?? false) {
+                    RightPanelStore.instance.pushCard(threadViewCard);
+                } else {
+                    RightPanelStore.instance.setCards([{ phase: RightPanelPhases.ThreadPanel }, threadViewCard]);
+                }
+
+                // Focus the composer
+                dis.dispatch({
+                    action: Action.FocusSendMessageComposer,
+                    context: TimelineRenderingType.Thread,
+                });
+
+                break;
+            }
+            case Action.OpenSpotlight:
+                Modal.createDialog(
+                    RovingSpotlightDialog,
+                    {
+                        initialText: payload.initialText,
+                        initialFilter: payload.initialFilter,
+                    },
+                    "mx_SpotlightDialog_wrapper",
+                    false,
+                    true,
+                );
+                break;
+        }
+    };
+
+    private setPage(pageType: PageType): void {
+        this.setState({
+            page_type: pageType,
+        });
+    }
+
+    private async startRegistration(params: { [key: string]: string }, isMobileRegistration?: boolean): Promise<void> {
+        // If registration is disabled or mobile registration is requested but not enabled in settings redirect to the welcome screen
+        if (
+            !SettingsStore.getValue(UIFeature.Registration) ||
+            (isMobileRegistration && !SettingsStore.getValue("Registration.mobileRegistrationHelper"))
+        ) {
+            this.showScreen("welcome");
+            return;
+        }
+
+        const newState: Partial<IState> = {
+            view: Views.REGISTER,
+        };
+
+        if (isMobileRegistration && params.hs_url) {
+            try {
+                const config = await AutoDiscoveryUtils.validateServerConfigWithStaticUrls(params.hs_url);
+                newState.serverConfig = config;
+            } catch {
+                logger.warn("Failed to load hs_url param:", params.hs_url);
+            }
+        } else if (params.client_secret && params.session_id && params.hs_url && params.is_url && params.sid) {
+            // Only honour params if they are all present, otherwise we reset
+            // HS and IS URLs when switching to registration.
+            newState.serverConfig = await AutoDiscoveryUtils.validateServerConfigWithStaticUrls(
+                params.hs_url,
+                params.is_url,
+            );
+
+            // If the hs url matches then take the hs name we know locally as it is likely prettier
+            const defaultConfig = SdkConfig.get("validated_server_config");
+            if (defaultConfig && defaultConfig.hsUrl === newState.serverConfig.hsUrl) {
+                newState.serverConfig.hsName = defaultConfig.hsName;
+                newState.serverConfig.hsNameIsDifferent = defaultConfig.hsNameIsDifferent;
+                newState.serverConfig.isDefault = defaultConfig.isDefault;
+                newState.serverConfig.isNameResolvable = defaultConfig.isNameResolvable;
+            }
+
+            newState.register_client_secret = params.client_secret;
+            newState.register_session_id = params.session_id;
+            newState.register_id_sid = params.sid;
+        }
+
+        newState.isMobileRegistration = isMobileRegistration;
+
+        this.setStateForNewView(newState);
+        this.notifyNewScreen(isMobileRegistration ? "mobile_register" : "register");
+    }
+
+    // switch view to the given room
+    private async viewRoom(roomInfo: ViewRoomPayload): Promise<void> {
+        this.focusNext = roomInfo.focusNext ?? "composer";
+
+        if (roomInfo.room_alias) {
+            logger.log(`Switching to room alias ${roomInfo.room_alias} at event ${roomInfo.event_id}`);
+        } else {
+            logger.log(`Switching to room id ${roomInfo.room_id} at event ${roomInfo.event_id}`);
+        }
+
+        // Wait for the first sync to complete so that if a room does have an alias,
+        // it would have been retrieved.
+        if (!this.firstSyncComplete) {
+            await this.firstSyncPromise.promise;
+        }
+
+        let presentedId = roomInfo.room_alias || roomInfo.room_id!;
+        const room = MatrixClientPeg.safeGet().getRoom(roomInfo.room_id);
+        if (room) {
+            // Not all timeline events are decrypted ahead of time anymore
+            // Only the critical ones for a typical UI are
+            // This will start the decryption process for all events when a
+            // user views a room
+            room.decryptAllEvents();
+            const theAlias = Rooms.getDisplayAliasForRoom(room);
+            if (theAlias) {
+                presentedId = theAlias;
+                // Store display alias of the presented room in cache to speed future
+                // navigation.
+                storeRoomAliasInCache(theAlias, room.roomId, calculateRoomVia(room));
+            }
+
+            // Store this as the ID of the last room accessed. This is so that we can
+            // persist which room is being stored across refreshes and browser quits.
+            localStorage?.setItem("mx_last_room_id", room.roomId);
+        }
+
+        // If we are redirecting to a Room Alias and it is for the room we already showing then replace history item
+        let replaceLast = presentedId[0] === "#" && roomInfo.room_id === this.state.currentRoomId;
+
+        if (isLocalRoom(this.state.currentRoomId)) {
+            // Replace local room history items
+            replaceLast = true;
+        }
+
+        if (roomInfo.room_id === this.state.currentRoomId) {
+            // if we are re-viewing the same room then copy any state we already know
+            roomInfo.threepid_invite = roomInfo.threepid_invite ?? this.state.threepidInvite;
+            roomInfo.oob_data = roomInfo.oob_data ?? this.state.roomOobData;
+            roomInfo.forceTimeline = roomInfo.forceTimeline ?? this.state.forceTimeline;
+            roomInfo.justCreatedOpts = roomInfo.justCreatedOpts ?? this.state.roomJustCreatedOpts;
+        }
+
+        if (roomInfo.event_id && roomInfo.highlighted) {
+            presentedId += "/" + roomInfo.event_id;
+        }
+        this.setState(
+            {
+                view: Views.LOGGED_IN,
+                currentRoomId: roomInfo.room_id ?? null,
+                page_type: PageType.RoomView,
+                threepidInvite: roomInfo.threepid_invite,
+                roomOobData: roomInfo.oob_data,
+                forceTimeline: roomInfo.forceTimeline,
+                ready: true,
+                roomJustCreatedOpts: roomInfo.justCreatedOpts,
+            },
+            () => {
+                this.notifyNewScreen("room/" + presentedId, replaceLast);
+            },
+        );
+    }
+
+    private viewSomethingBehindModal(): void {
+        if (this.state.view !== Views.LOGGED_IN) {
+            this.viewWelcome();
+            return;
+        }
+
+        if (!this.state.currentRoomId && !this.state.currentUserId && !this.isLoggedInViewPageDisplayed()) {
+            this.viewHome();
+        }
+    }
+
+    private viewWelcome(otherState?: Partial<IState>): void {
+        if (shouldUseLoginForWelcome(SdkConfig.get())) {
+            return this.viewLogin(otherState);
+        }
+        this.setStateForNewView({
+            view: Views.WELCOME,
+            ...otherState,
+        });
+        this.notifyNewScreen("welcome");
+    }
+
+    private viewLogin(otherState?: Partial<IState>): void {
+        this.setStateForNewView({
+            view: Views.LOGIN,
+            ...otherState,
+        });
+        this.notifyNewScreen("login");
+    }
+
+    private viewHome(justRegistered = false): void {
+        // The home page requires the "logged in" view, so we'll set that.
+        this.setStateForNewView({
+            view: Views.LOGGED_IN,
+            justRegistered,
+            currentRoomId: null,
+        });
+        this.setPage(PageType.HomePage);
+        this.notifyNewScreen("home");
+    }
+
+    private viewUser(userId: string, subAction: string): void {
+        // Wait for the first sync so that `getRoom` gives us a room object if it's
+        // in the sync response
+        this.firstSyncPromise.promise.then(() => {
+            if (subAction === "chat") {
+                this.chatCreateOrReuse(userId);
+                return;
+            }
+            this.notifyNewScreen("user/" + userId);
+            this.setState({ currentUserId: userId });
+            this.setPage(PageType.UserView);
+        });
+    }
+
+    private viewShare(format: ShareFormat, msg: string): void {
+        // Wait for the first sync so we can present possible rooms to share into
+        this.firstSyncPromise.promise.then(() => {
+            this.notifyNewScreen("share");
+            let rawEvent;
+            switch (format) {
+                case ShareFormat.Html: {
+                    rawEvent = {
+                        type: "m.room.message",
+                        content: {
+                            msgtype: MsgType.Text,
+                            body: getHtmlText(msg),
+                            format: "org.matrix.custom.html",
+                            formatted_body: sanitizeHtml(msg, sanitizeHtmlParams),
+                        },
+                        origin_server_ts: Date.now(),
+                    };
+                    break;
+                }
+                case ShareFormat.Markdown: {
+                    const html = new Markdown(msg).toHTML({ externalLinks: true });
+                    rawEvent = {
+                        type: "m.room.message",
+                        content: {
+                            msgtype: MsgType.Text,
+                            body: msg,
+                            format: "org.matrix.custom.html",
+                            formatted_body: html,
+                        },
+                        origin_server_ts: Date.now(),
+                    };
+                    break;
+                }
+                default:
+                    rawEvent = {
+                        type: "m.room.message",
+                        content: {
+                            msgtype: MsgType.Text,
+                            body: msg,
+                        },
+                        origin_server_ts: Date.now(),
+                    };
+            }
+            const event = new MatrixEvent(rawEvent);
+            dis.dispatch<OpenForwardDialogPayload>({
+                action: Action.OpenForwardDialog,
+                event: event,
+                permalinkCreator: null,
+            });
+        });
+    }
+
+    private async createRoom(defaultPublic = false, defaultName?: string, type?: RoomType): Promise<void> {
+        const modal = Modal.createDialog(CreateRoomDialog, {
+            type,
+            defaultPublic,
+            defaultName,
+        });
+
+        const [shouldCreate, opts] = await modal.finished;
+        if (shouldCreate) {
+            createRoom(MatrixClientPeg.safeGet(), opts!);
+        }
+    }
+
+    private chatCreateOrReuse(userId: string): void {
+        // Use a deferred action to reshow the dialog once the user has registered
+        if (MatrixClientPeg.safeGet().isGuest()) {
+            dis.dispatch<DoAfterSyncPreparedPayload<ViewStartChatOrReusePayload>>({
+                action: Action.DoAfterSyncPrepared,
+                deferred_action: {
+                    action: Action.ViewStartChatOrReuse,
+                    user_id: userId,
+                },
+            });
+            return;
+        }
+
+        // TODO: Immutable DMs replaces this
+
+        const client = MatrixClientPeg.safeGet();
+        const dmRoom = findDMForUser(client, userId);
+
+        if (dmRoom) {
+            dis.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: dmRoom.roomId,
+                metricsTrigger: "MessageUser",
+            });
+        } else {
+            dis.dispatch({
+                action: "start_chat",
+                user_id: userId,
+            });
+        }
+    }
+
+    private leaveRoomWarnings(roomId: string): JSX.Element[] {
+        const roomToLeave = MatrixClientPeg.safeGet().getRoom(roomId);
+        const isSpace = roomToLeave?.isSpaceRoom();
+        // Show a warning if there are additional complications.
+        const warnings: JSX.Element[] = [];
+
+        const memberCount = roomToLeave?.currentState.getJoinedMemberCount();
+        if (memberCount === 1) {
+            warnings.push(
+                <strong className="warning" key="only_member_warning">
+                    {" " /* Whitespace, otherwise the sentences get smashed together */}
+                    {_t("leave_room_dialog|last_person_warning")}
+                </strong>,
+            );
+
+            return warnings;
+        }
+
+        const joinRules = roomToLeave?.currentState.getStateEvents("m.room.join_rules", "");
+        if (joinRules) {
+            const rule = joinRules.getContent().join_rule;
+            if (rule !== "public") {
+                warnings.push(
+                    <strong className="warning" key="non_public_warning">
+                        {" " /* Whitespace, otherwise the sentences get smashed together */}
+                        {isSpace
+                            ? _t("leave_room_dialog|space_rejoin_warning")
+                            : _t("leave_room_dialog|room_rejoin_warning")}
+                    </strong>,
+                );
+            }
+        }
+
+        const client = MatrixClientPeg.get();
+        if (client && roomToLeave) {
+            // If the user is the only user with highest power level
+            if (isOnlyAdmin(roomToLeave)) {
+                const userLevelValues = roomToLeave.getJoinedMembers().map((m) => m.powerLevel);
+
+                const maxUserLevel = Math.max(...userLevelValues);
+
+                const warning =
+                    maxUserLevel >= 100
+                        ? _t("leave_room_dialog|room_leave_admin_warning")
+                        : _t("leave_room_dialog|room_leave_mod_warning");
+                warnings.push(
+                    <strong className="warning" key="last_admin_warning">
+                        {" " /* Whitespace, otherwise the sentences get smashed together */}
+                        {warning}
+                    </strong>,
+                );
+            }
+        }
+
+        return warnings;
+    }
+
+    private leaveRoom(roomId: string): void {
+        const cli = MatrixClientPeg.safeGet();
+        const roomToLeave = cli.getRoom(roomId);
+        const warnings = this.leaveRoomWarnings(roomId);
+
+        const isSpace = roomToLeave?.isSpaceRoom();
+        const { finished } = Modal.createDialog(QuestionDialog, {
+            title: isSpace ? _t("space|leave_dialog_action") : _t("action|leave_room"),
+            description: (
+                <span>
+                    {isSpace
+                        ? _t("leave_room_dialog|leave_space_question", {
+                              spaceName: roomToLeave?.name ?? _t("common|unnamed_space"),
+                          })
+                        : _t("leave_room_dialog|leave_room_question", {
+                              roomName: roomToLeave?.name ?? _t("common|unnamed_room"),
+                          })}
+                    {warnings}
+                </span>
+            ),
+            button: _t("action|leave"),
+            danger: warnings.length > 0,
+        });
+
+        finished.then(async ([shouldLeave]) => {
+            if (shouldLeave) {
+                await leaveRoomBehaviour(cli, roomId);
+
+                dis.dispatch<AfterLeaveRoomPayload>({
+                    action: Action.AfterLeaveRoom,
+                    room_id: roomId,
+                });
+            }
+        });
+    }
+
+    private forgetRoom(roomId: string): void {
+        const room = MatrixClientPeg.safeGet().getRoom(roomId);
+        MatrixClientPeg.safeGet()
+            .forget(roomId)
+            .then(() => {
+                // Switch to home page if we're currently viewing the forgotten room
+                if (this.state.currentRoomId === roomId) {
+                    dis.dispatch({ action: Action.ViewHomePage });
+                }
+
+                if (room) {
+                    // The room list store will remove the room on the following dispatch
+                    dis.dispatch<AfterForgetRoomPayload>({ action: Action.AfterForgetRoom, room });
+                }
+            })
+            .catch((err) => {
+                const errCode = err.errcode || _td("error|unknown_error_code");
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("error_dialog|forget_room_failed", { errCode }),
+                    description: err?.message ?? _t("invite|failed_generic"),
+                });
+            });
+    }
+
+    private async copyRoom(roomId: string): Promise<void> {
+        const roomLink = makeRoomPermalink(MatrixClientPeg.safeGet(), roomId);
+        const success = await copyPlaintext(roomLink);
+        if (!success) {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("error_dialog|copy_room_link_failed|title"),
+                description: _t("error_dialog|copy_room_link_failed|description"),
+            });
+        }
+    }
+
+    /**
+     * Returns true if the user must go through the device verification process before they
+     * can use the app.
+     * @returns true if the user must verify
+     */
+    private async shouldForceVerification(): Promise<boolean> {
+        if (!SdkConfig.get("force_verification")) return false;
+        const mustVerifyFlag = localStorage.getItem("must_verify_device");
+        if (!mustVerifyFlag) return false;
+
+        const client = MatrixClientPeg.safeGet();
+        if (client.isGuest()) return false;
+
+        const crypto = client.getCrypto();
+        const crossSigningReady = await crypto?.isCrossSigningReady();
+
+        return !crossSigningReady;
+    }
+
+    /**
+     * Show the first screen after the application is successfully loaded in a logged-in state.
+     *
+     * Called:
+     *
+     *  - on {@link Action.OnLoggedIn}, but only when we don't expect a separate call to {@link postLoginSetup}.
+     *  - from {@link postLoginSetup}, when we don't have crypto setup tasks to perform after the login.
+     *  - by {@link onCompleteSecurityE2eSetupFinished}
+     *
+     * In other words, whenever we think we have completed the login and E2E setup tasks.
+     */
+    private onShowPostLoginScreen(): void {
+        logger.debug("onShowPostLoginScreen: Transitioning to logged in view.");
+
+        this.setStateForNewView({ view: Views.LOGGED_IN });
+        // If a specific screen is set to be shown after login, show that above
+        // all else, as it probably means the user clicked on something already.
+        if (this.screenAfterLogin?.screen) {
+            logger.debug(`onShowPostLoginScreen: showing screen ${this.screenAfterLogin.screen}`);
+            this.showScreen(this.screenAfterLogin.screen, this.screenAfterLogin.params);
+            this.screenAfterLogin = undefined;
+        } else if (MatrixClientPeg.currentUserIsJustRegistered()) {
+            MatrixClientPeg.setJustRegisteredUserId(null);
+
+            if (ThreepidInviteStore.instance.pickBestInvite()) {
+                // The user has a 3pid invite pending - show them that
+                const threepidInvite = ThreepidInviteStore.instance.pickBestInvite();
+                logger.debug(`onShowPostLoginScreen: showing room ${threepidInvite.roomId} after registration`);
+
+                // HACK: This is a pretty brutal way of threading the invite back through
+                // our systems, but it's the safest we have for now.
+                const params = ThreepidInviteStore.instance.translateToWireFormat(threepidInvite);
+                this.showScreen(`room/${threepidInvite.roomId}`, params);
+            } else {
+                // The user has just logged in after registering,
+                // so show the homepage.
+                logger.debug("onShowPostLoginScreen: Showing home page after registration");
+                dis.dispatch<ViewHomePagePayload>({ action: Action.ViewHomePage, justRegistered: true });
+            }
+        } else {
+            logger.debug("onShowPostLoginScreen: showScreenAfterLogin");
+            this.showScreenAfterLogin();
+        }
+
+        if (SdkConfig.get("mobile_guide_toast")) {
+            // The toast contains further logic to detect mobile platforms,
+            // check if it has been dismissed before, etc.
+            showMobileGuideToast();
+        }
+
+        const userNotice = SdkConfig.get("user_notice");
+        if (userNotice) {
+            const key = "user_notice_" + userNotice.title;
+            if (!userNotice.show_once || !localStorage.getItem(key)) {
+                ToastStore.sharedInstance().addOrReplaceToast({
+                    key,
+                    title: userNotice.title,
+                    props: {
+                        description: <LinkedText>{userNotice.description}</LinkedText>,
+                        primaryLabel: _t("action|ok"),
+                        onPrimaryClick: () => {
+                            ToastStore.sharedInstance().dismissToast(key);
+                            localStorage.setItem(key, "1");
+                        },
+                    },
+                    component: GenericToast,
+                    className: "mx_AnalyticsToast",
+                    priority: 100,
+                });
+            }
+        }
+    }
+
+    private initPosthogAnalyticsToast(): void {
+        // Show the analytics toast if necessary
+        if (SettingsStore.getValue("pseudonymousAnalyticsOptIn") === null) {
+            showAnalyticsToast();
+        }
+
+        // Listen to changes in settings and show the toast if appropriate - this is necessary because account
+        // settings can still be changing at this point in app init (due to the initial sync being cached, then
+        // subsequent syncs being received from the server)
+        SettingsStore.watchSetting(
+            "pseudonymousAnalyticsOptIn",
+            null,
+            (originalSettingName, changedInRoomId, atLevel, newValueAtLevel, newValue) => {
+                if (newValue === null) {
+                    showAnalyticsToast();
+                } else {
+                    // It's possible for the value to change if a cached sync loads at page load, but then network
+                    // sync contains a new value of the flag with it set to false (e.g. another device set it since last
+                    // loading the page); so hide the toast.
+                    // (this flipping usually happens before first render so the user won't notice it; anyway flicker
+                    // on/off is probably better than showing the toast again when the user already dismissed it)
+                    hideAnalyticsToast();
+                }
+            },
+        );
+    }
+
+    private showScreenAfterLogin(): void {
+        // If screenAfterLogin is set, use that, then null it so that a second login will
+        // result in view_home_page, _user_settings or _room_directory
+        if (this.screenAfterLogin && this.screenAfterLogin.screen) {
+            logger.debug(`showScreenAfterLogin: showing screen ${this.screenAfterLogin.screen}`);
+            this.showScreen(this.screenAfterLogin.screen, this.screenAfterLogin.params);
+            this.screenAfterLogin = undefined;
+        } else if (localStorage && localStorage.getItem("mx_last_room_id")) {
+            // Before defaulting to directory, show the last viewed room
+            logger.debug("showScreenAfterLogin: showing last room");
+            this.viewLastRoom();
+        } else {
+            if (MatrixClientPeg.safeGet().isGuest()) {
+                logger.debug("showScreenAfterLogin: showing guest welcome page");
+                dis.dispatch({ action: "view_welcome_page" });
+            } else {
+                logger.debug("showScreenAfterLogin: showing home page");
+                dis.dispatch({ action: Action.ViewHomePage });
+            }
+        }
+    }
+
+    private viewLastRoom(): void {
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: localStorage.getItem("mx_last_room_id") ?? undefined,
+            metricsTrigger: undefined, // other
+        });
+    }
+
+    /**
+     * Handle an {@link Action.OnLoggedIn} action (i.e, we now have a client with working credentials).
+     */
+    private onLoggedIn(): void {
+        StorageManager.tryPersistStorage();
+
+        // If we're loading the app for the first time, we can now transition to a splash screen while we wait for the
+        // client to start. The exceptions are:
+        //
+        //   - If there is a token login in flight: in that case we wait for the login to complete (which hits
+        //     `postLoginSetup`).
+        //
+        //   - Lifecycle emits an `Action.OnLoggedIn` event during startup even if the localstorage flag indicating a
+        //     previous soft logout is set. In that situation we actually want to wait for the `Action.ClientNotViable`
+        //     event, which will transition us into Views.SOFT_LOGOUT. We therefore have to check for !isSoftLogout().
+        //     There will be a subsequent `Action.OnLoggedIn` event once the reauthentication completes.
+        //
+        //     XXX: fix this properly by having Lifecycle not emit OnLoggedIn when it knows it is about to emit a
+        //     ClientNotViable.
+        //
+        // If we're already in the SOFT_LOGOUT view, that means that reauthentication has succeeded, and we can
+        // transition to the splash screen.
+        if (
+            (this.state.view === Views.LOADING && !Lifecycle.isSoftLogout() && !this.tokenLogin) ||
+            this.state.view === Views.SOFT_LOGOUT
+        ) {
+            this.setStateForNewView({ view: Views.PENDING_CLIENT_START });
+        }
+    }
+
+    /**
+     * Called when the session is logged out
+     */
+    private onLoggedOut(): void {
+        this.viewWelcome({
+            ready: false,
+            currentRoomId: null,
+        });
+        this.subTitleStatus = "";
+        this.setPageSubtitle();
+        this.stores.onLoggedOut();
+    }
+
+    /**
+     * Called when the session is softly logged out
+     */
+    private onSoftLogout(): void {
+        this.notifyNewScreen("soft_logout");
+        this.setStateForNewView({
+            view: Views.SOFT_LOGOUT,
+            ready: false,
+            currentRoomId: null,
+        });
+        this.subTitleStatus = "";
+        this.setPageSubtitle();
+    }
+
+    /**
+     * Called just before the matrix client is started
+     * (useful for setting listeners)
+     */
+    private onWillStartClient(): void {
+        // Reset the 'have completed first sync' flag,
+        // since we're about to start the client and therefore about to do the first sync
+        // We resolve the existing promise with the new one to update any existing listeners
+        if (!this.firstSyncComplete) {
+            const firstSyncPromise = Promise.withResolvers<void>();
+            this.firstSyncPromise.resolve(firstSyncPromise.promise);
+            this.firstSyncPromise = firstSyncPromise;
+        } else {
+            this.firstSyncPromise = Promise.withResolvers();
+        }
+        this.firstSyncComplete = false;
+        const cli = MatrixClientPeg.safeGet();
+
+        // If the client has already completed its initial sync — e.g. this is a repeat WillStartClient for a client
+        // that is already running — it won't emit another `Prepared`, so resolve firstSyncPromise straight away
+        // rather than waiting for an event that will never come.
+        // This is mostly an issue under test.
+        if (cli.getSyncState() === SyncState.Prepared) {
+            this.firstSyncComplete = true;
+            this.firstSyncPromise.resolve();
+        }
+
+        // Allow the JS SDK to reap timeline events. This reduces the amount of
+        // memory consumed as the JS SDK stores multiple distinct copies of room
+        // state (each of which can be 10s of MBs) for each DISJOINT timeline. This is
+        // particularly noticeable when there are lots of 'limited' /sync responses
+        // such as when laptops unsleep.
+        // https://github.com/vector-im/element-web/issues/3307#issuecomment-282895568
+        cli.setCanResetTimelineCallback((roomId) => {
+            logger.log("Request to reset timeline in room ", roomId, " viewing:", this.state.currentRoomId);
+            if (roomId !== this.state.currentRoomId) {
+                // It is safe to remove events from rooms we are not viewing.
+                return true;
+            }
+            // We are viewing the room which we want to reset. It is only safe to do
+            // this if we are not scrolled up in the view. To find out, delegate to
+            // the timeline panel. If the timeline panel doesn't exist, then we assume
+            // it is safe to reset the timeline.
+            if (!this.loggedInView.current) {
+                return true;
+            }
+            return this.loggedInView.current.canResetTimelineInRoom(roomId);
+        });
+
+        cli.on(ClientEvent.Sync, (state: SyncState, prevState: SyncState | null, data?: SyncStateData) => {
+            if (state === SyncState.Error || state === SyncState.Reconnecting) {
+                this.setState({ syncError: data?.error ?? null });
+            } else if (this.state.syncError) {
+                this.setState({ syncError: null });
+            }
+
+            if (state === SyncState.Syncing && prevState === SyncState.Syncing) {
+                // We know we have performabed a live update and known rooms should be in a good state.
+                // Now is a good time to clean up drafts.
+                cleanUpDraftsIfRequired();
+                return;
+            }
+            logger.debug(`MatrixClient sync state => ${state}`);
+            if (state !== SyncState.Prepared) {
+                return;
+            }
+
+            // Re-apply theme now that account data (including custom_themes) is loaded, otherwise we might end up with the wrong theme applied if the user has custom themes enabled
+            setTheme();
+
+            this.firstSyncComplete = true;
+            this.firstSyncPromise.resolve();
+
+            if (this.stores.notifier.shouldShowPrompt() && !MatrixClientPeg.userRegisteredWithinLastHours(24)) {
+                showNotificationsToast(this.stores.notifier, false);
+            }
+
+            dis.fire(Action.FocusSendMessageComposer);
+        });
+
+        cli.on(HttpApiEvent.SessionLoggedOut, (errObj) => {
+            this.loadSessionAbortController.abort(errObj);
+            this.loadSessionAbortController = new AbortController();
+
+            if (Lifecycle.isLoggingOut()) return;
+
+            // A modal might have been open when we were logged out by the server
+            Modal.forceCloseAllModals();
+
+            if (errObj.httpStatus === 401 && errObj.data?.["soft_logout"]) {
+                logger.warn("Soft logout issued by server - avoiding data deletion");
+                Lifecycle.softLogout();
+                return;
+            }
+
+            dis.dispatch(
+                {
+                    action: "logout",
+                },
+                true,
+            );
+
+            // The above dispatch closes all modals, so open the modal after calling it synchronously
+            Modal.createDialog(ErrorDialog, {
+                title: _t("auth|session_logged_out_title"),
+                description: _t("auth|session_logged_out_description"),
+            });
+        });
+        cli.on(HttpApiEvent.NoConsent, function (message, consentUri) {
+            const { finished } = Modal.createDialog(
+                QuestionDialog,
+                {
+                    title: _t("terms|tac_title"),
+                    description: (
+                        <div>
+                            <p> {_t("terms|tac_description", { homeserverDomain: cli.getDomain() })}</p>
+                        </div>
+                    ),
+                    button: _t("terms|tac_button"),
+                    cancelButton: _t("action|dismiss"),
+                },
+                undefined,
+                true,
+            );
+            finished.then(([confirmed]) => {
+                if (confirmed) {
+                    const wnd = window.open(consentUri, "_blank")!;
+                    wnd.opener = null;
+                }
+            });
+        });
+
+        DecryptionFailureTracker.instance
+            .start(cli)
+            .catch((e) => logger.error("Unable to start DecryptionFailureTracker", e));
+
+        cli.on(ClientEvent.Room, (room) => {
+            if (cli.getCrypto()) {
+                const blacklistEnabled = SettingsStore.getValueAt(
+                    SettingLevel.ROOM_DEVICE,
+                    "blacklistUnverifiedDevices",
+                    room.roomId,
+                    /*explicit=*/ true,
+                );
+                room.setBlacklistUnverifiedDevices(blacklistEnabled);
+            }
+        });
+        cli.on(CryptoEvent.KeyBackupFailed, async (errcode): Promise<void> => {
+            let haveNewVersion: boolean | undefined;
+            let newVersionInfo: KeyBackupInfo | null = null;
+            const keyBackupEnabled = Boolean(
+                cli.getCrypto() && (await cli.getCrypto()?.getActiveSessionBackupVersion()) !== null,
+            );
+
+            // if key backup is still enabled, there must be a new backup in place
+            if (keyBackupEnabled) {
+                haveNewVersion = true;
+            } else {
+                // otherwise check the server to see if there's a new one
+                try {
+                    newVersionInfo = (await cli.getCrypto()?.getKeyBackupInfo()) ?? null;
+                    if (newVersionInfo !== null) haveNewVersion = true;
+                } catch (e) {
+                    logger.error("Saw key backup error but failed to check backup version!", e);
+                    return;
+                }
+            }
+
+            if (haveNewVersion) {
+                Modal.createDialog(
+                    lazy(() => import("../../async-components/views/dialogs/security/NewRecoveryMethodDialog")),
+                );
+            } else {
+                Modal.createDialog(
+                    lazy(() => import("../../async-components/views/dialogs/security/RecoveryMethodRemovedDialog")),
+                );
+            }
+        });
+
+        cli.on(CryptoEvent.VerificationRequestReceived, (request) => {
+            if (request.verifier) {
+                Modal.createDialog(
+                    IncomingSasDialog,
+                    {
+                        verifier: request.verifier,
+                    },
+                    undefined,
+                    /* priority = */ false,
+                    /* static = */ true,
+                );
+            } else if (request.pending) {
+                ToastStore.sharedInstance().addOrReplaceToast({
+                    key: "verifreq_" + request.transactionId,
+                    title: _t("encryption|verification_requested_toast_title"),
+                    icon: <LockSolidIcon color="var(--cpd-color-text-primary)" />,
+                    props: { request },
+                    component: VerificationRequestToast,
+                    priority: 90,
+                });
+            }
+        });
+    }
+
+    /**
+     * Called shortly after the matrix client has started. Useful for
+     * setting up anything that requires the client to be started.
+     * @private
+     */
+    private async onClientStarted(): Promise<void> {
+        const cli = MatrixClientPeg.safeGet();
+
+        const shouldForceVerification = await this.shouldForceVerification();
+
+        const crypto = cli.getCrypto();
+        if (crypto) {
+            crypto.globalBlacklistUnverifiedDevices = SettingsStore.getValueAt(
+                SettingLevel.DEVICE,
+                "blacklistUnverifiedDevices",
+            );
+            SettingsStore.watchSetting(
+                "blacklistUnverifiedDevices",
+                null,
+                (_settingName, _roomId, atLevel, blacklistEnabled) => {
+                    if (atLevel != SettingLevel.DEVICE) {
+                        return;
+                    }
+                    crypto.globalBlacklistUnverifiedDevices = !!blacklistEnabled;
+                },
+            );
+        }
+
+        // Cannot be done in OnLoggedIn as at that point the AccountSettingsHandler doesn't yet have a client
+        // Will be moved to a pre-login flow as well
+        if (this.stores.posthogAnalytics.isEnabled() && SettingsStore.isLevelSupported(SettingLevel.ACCOUNT)) {
+            this.initPosthogAnalyticsToast();
+        }
+
+        this.setState({
+            ready: true,
+        });
+
+        // If the view is PENDING_CLIENT_START, that means we recovered the session from localstorage, or from
+        // soft-logout: we can now transition to the logged-in view.
+        //
+        // If the view is something else, that probably means it's a login or registration view; we handle that in
+        // `postLoginSetup`.
+        if (this.state.view === Views.PENDING_CLIENT_START) {
+            if (shouldForceVerification) {
+                this.setStateForNewView({ view: Views.COMPLETE_SECURITY });
+            } else {
+                this.onShowPostLoginScreen();
+            }
+        }
+    }
+
+    public showScreen(screen: string, params?: Record<string, any>): void {
+        logger.debug(`showScreen ${screen}`);
+
+        const cli = MatrixClientPeg.get();
+        const isLoggedOutOrGuest = !cli || cli.isGuest();
+        if (!isLoggedOutOrGuest && AUTH_SCREENS.includes(screen)) {
+            // user is logged in and landing on an auth page which will uproot their session, redirect them home instead
+            logger.info(
+                `showScreen: suppressing change to AuthScreen ${screen} for logged-in user, and going to home screen instead`,
+            );
+            dis.dispatch({ action: Action.ViewHomePage });
+            return;
+        }
+
+        if (screen === "register") {
+            dis.dispatch({
+                action: "start_registration",
+                params: params,
+            });
+            PerformanceMonitor.instance.start(PerformanceEntryNames.REGISTER);
+        } else if (screen === "mobile_register") {
+            dis.dispatch({
+                action: "start_mobile_registration",
+                params: params,
+            });
+        } else if (screen === "login") {
+            dis.dispatch({
+                action: "start_login",
+                params: params,
+            });
+            PerformanceMonitor.instance.start(PerformanceEntryNames.LOGIN);
+        } else if (screen === "qr_login") {
+            dis.fire(Action.ViewQrLogin);
+        } else if (screen === "forgot_password") {
+            dis.dispatch({
+                action: "start_password_recovery",
+                params: params,
+            });
+        } else if (screen === "soft_logout") {
+            if (!!cli?.getUserId() && !Lifecycle.isSoftLogout()) {
+                // Logged in - visit a room
+                this.viewLastRoom();
+            } else {
+                // Ultimately triggers soft_logout if needed
+                dis.dispatch({
+                    action: "start_login",
+                    params: params,
+                });
+            }
+        } else if (screen === "new") {
+            dis.dispatch({
+                action: Action.CreateRoom,
+            });
+        } else if (screen === "dm") {
+            dis.dispatch({
+                action: Action.CreateChat,
+            });
+        } else if (screen === "share") {
+            if (params && params["msg"] !== undefined) {
+                dis.dispatch<SharePayload>({
+                    action: Action.Share,
+                    msg: params["msg"],
+                    format: params["format"],
+                });
+            }
+            // if we weren't already coming at this from an existing screen
+            // and we're logged in, then explicitly default to home.
+            // if we're not logged in, then the login flow will do the right thing.
+            if (!this.state.currentRoomId && !this.state.currentUserId && !this.isLoggedInViewPageDisplayed()) {
+                this.viewHome();
+            }
+        } else if (screen === "settings") {
+            dis.fire(Action.ViewUserSettings);
+        } else if (screen === "welcome") {
+            dis.dispatch({
+                action: "view_welcome_page",
+            });
+        } else if (screen === "home") {
+            dis.dispatch({
+                action: Action.ViewHomePage,
+            });
+        } else if (screen === "directory") {
+            dis.fire(Action.ViewRoomDirectory);
+        } else if (screen === "start_sso" || screen === "start_cas") {
+            let cli = MatrixClientPeg.get();
+            if (!cli) {
+                const { hsUrl, isUrl } = this.getServerProperties().serverConfig;
+                cli = createClient({
+                    baseUrl: hsUrl,
+                    idBaseUrl: isUrl,
+                });
+            }
+
+            const type = screen === "start_sso" ? "sso" : "cas";
+            PlatformPeg.get()?.startSingleSignOn(cli, type, this.getFragmentAfterLogin());
+        } else if (screen.indexOf("room/") === 0) {
+            // Rooms can have the following formats:
+            // #room_alias:domain or !opaque_id:domain
+            const room = screen.substring(5);
+            const domainOffset = room.indexOf(":") + 1; // 0 in case room does not contain a :
+            let eventOffset = room.length;
+            // room aliases can contain slashes only look for slash after domain
+            if (room.substring(domainOffset).indexOf("/") > -1) {
+                eventOffset = domainOffset + room.substring(domainOffset).indexOf("/");
+            }
+            const roomString = room.substring(0, eventOffset);
+            let eventId: string | undefined = room.substring(eventOffset + 1); // empty string if no event id given
+
+            // Previously we pulled the eventID from the segments in such a way
+            // where if there was no eventId then we'd get undefined. However, we
+            // now do a splice and join to handle v3 event IDs which results in
+            // an empty string. To maintain our potential contract with the rest
+            // of the app, we coerce the eventId to be undefined where applicable.
+            if (!eventId) eventId = undefined;
+
+            // TODO: Handle encoded room/event IDs: https://github.com/vector-im/element-web/issues/9149
+
+            let threepidInvite: IThreepidInvite | undefined;
+            // if we landed here from a 3PID invite, persist it
+            if (params?.signurl && params?.email) {
+                threepidInvite = ThreepidInviteStore.instance.storeInvite(
+                    roomString,
+                    params as IThreepidInviteWireFormat,
+                );
+            }
+            // otherwise check that this room doesn't already have a known invite
+            if (!threepidInvite) {
+                const invites = ThreepidInviteStore.instance.getInvites();
+                threepidInvite = invites.find((invite) => invite.roomId === roomString);
+            }
+
+            // on our URLs there might be a ?via=matrix.org or similar to help
+            // joins to the room succeed. We'll pass these through as an array
+            // to other levels. If there's just one ?via= then params.via is a
+            // single string. If someone does something like ?via=one.com&via=two.com
+            // then params.via is an array of strings.
+            let via: string[] = [];
+            if (params?.via) {
+                if (typeof params.via === "string") via = [params.via];
+                else via = params.via;
+            }
+
+            const payload: ViewRoomPayload = {
+                action: Action.ViewRoom,
+                event_id: eventId,
+                via_servers: via,
+                // If an event ID is given in the URL hash, notify RoomViewStore to mark
+                // it as highlighted, which will propagate to RoomView and highlight the
+                // associated EventTile.
+                highlighted: Boolean(eventId),
+                threepid_invite: threepidInvite,
+                // TODO: Replace oob_data with the threepidInvite (which has the same info).
+                // This isn't done yet because it's threaded through so many more places.
+                // See https://github.com/vector-im/element-web/issues/15157
+                oob_data: {
+                    name: threepidInvite?.roomName,
+                    avatarUrl: threepidInvite?.roomAvatarUrl,
+                    inviterName: threepidInvite?.inviterName,
+                },
+                room_alias: undefined,
+                room_id: undefined,
+                metricsTrigger: undefined, // unknown or external trigger
+            };
+            if (roomString[0] === "#") {
+                payload.room_alias = roomString;
+            } else {
+                payload.room_id = roomString;
+            }
+
+            dis.dispatch(payload);
+        } else if (screen.indexOf("user/") === 0) {
+            const userId = screen.substring(5);
+            dis.dispatch({
+                action: "view_user_info",
+                userId: userId,
+                subAction: params?.action,
+            });
+        } else if (ModuleApi.instance.navigation.locationRenderers.get(screen)) {
+            this.setState({ page_type: screen });
+        } else {
+            // Unknown screen requested
+            return this.showScreen(isLoggedOutOrGuest ? "welcome" : "home");
+        }
+    }
+
+    private notifyNewScreen(screen: string, replaceLast = false): void {
+        if (this.props.onNewScreen) {
+            this.props.onNewScreen(screen, replaceLast);
+        }
+        this.setPageSubtitle();
+    }
+
+    private onLogoutClick(this: void, event: ButtonEvent): void {
+        dis.dispatch({
+            action: "logout",
+        });
+        event.stopPropagation();
+        event.preventDefault();
+    }
+
+    private handleResize = (): void => {
+        const LHS_THRESHOLD = 1000;
+        const width = UIStore.instance.windowWidth;
+
+        if (this.prevWindowWidth < LHS_THRESHOLD && width >= LHS_THRESHOLD) {
+            dis.dispatch({ action: "show_left_panel" });
+        }
+
+        if (this.prevWindowWidth >= LHS_THRESHOLD && width < LHS_THRESHOLD) {
+            dis.dispatch({ action: "hide_left_panel" });
+        }
+
+        this.prevWindowWidth = width;
+        this.stores.resizeNotifier.notifyWindowResized();
+    };
+
+    private dispatchTimelineResize(this: void): void {
+        dis.dispatch({ action: "timeline_resize" });
+    }
+
+    private onRegisterClick = (): void => {
+        this.showScreen("register");
+    };
+
+    private onLoginClick = (): void => {
+        this.showScreen("login");
+    };
+
+    private onForgotPasswordClick = (): void => {
+        this.showScreen("forgot_password");
+    };
+
+    private onRegisterFlowComplete = (credentials: IMatrixClientCreds): Promise<void> => {
+        return this.onUserCompletedLoginFlow(credentials);
+    };
+
+    // returns a promise which resolves to the new MatrixClient
+    private onRegistered(this: void, credentials: IMatrixClientCreds): Promise<MatrixClient> {
+        return Lifecycle.setLoggedIn(credentials);
+    }
+
+    private onSendEvent(roomId: string, event: MatrixEvent): void {
+        const cli = MatrixClientPeg.get();
+        if (!cli) return;
+
+        cli.sendEvent(roomId, event.getType() as keyof TimelineEvents, event.getContent()).then(() => {
+            dis.dispatch({ action: "message_sent" });
+        });
+    }
+
+    private setPageSubtitle(subtitle = ""): void {
+        if (this.state.currentRoomId) {
+            const client = MatrixClientPeg.get();
+            const room = client?.getRoom(this.state.currentRoomId);
+            if (room) {
+                subtitle = `${this.subTitleStatus} | ${room.name} ${subtitle}`;
+            }
+        } else {
+            subtitle = `${this.subTitleStatus} ${subtitle}`;
+        }
+
+        const title = `${SdkConfig.get().brand} ${subtitle}`;
+
+        if (document.title !== title) {
+            document.title = title;
+        }
+    }
+
+    private onUpdateStatusIndicator = (notificationState: SummarizedNotificationState, state: SyncState): void => {
+        const numUnreadRooms = notificationState.numUnreadStates; // we know that states === rooms here
+
+        if (PlatformPeg.get()) {
+            PlatformPeg.get()!.setErrorStatus(state === SyncState.Error);
+            PlatformPeg.get()!.setNotificationCount(numUnreadRooms);
+        }
+
+        this.subTitleStatus = "";
+        if (state === SyncState.Error) {
+            this.subTitleStatus += `[${_t("common|offline")}] `;
+        }
+        if (numUnreadRooms > 0) {
+            this.subTitleStatus += `[${numUnreadRooms}]`;
+        } else if (notificationState.level >= NotificationLevel.Activity) {
+            this.subTitleStatus += `*`;
+        }
+
+        this.setPageSubtitle();
+    };
+
+    private onServerConfigChange = (serverConfig: ValidatedServerConfig): void => {
+        this.setState({ serverConfig });
+    };
+
+    /**
+     * After registration or login, we run various post-auth steps before entering the app
+     * proper, such setting up cross-signing or verifying the new session.
+     *
+     * Note: SSO users (and any others using token login) currently do not pass through
+     * this, as they instead jump straight into the app after `attemptTokenLogin`.
+     */
+    private onUserCompletedLoginFlow = async (credentials: IMatrixClientCreds): Promise<void> => {
+        // Create and start the client
+        await Lifecycle.setLoggedIn(credentials);
+        await this.postLoginSetup();
+
+        PerformanceMonitor.instance.stop(PerformanceEntryNames.LOGIN);
+        PerformanceMonitor.instance.stop(PerformanceEntryNames.REGISTER);
+    };
+
+    /**
+     * After successful qr login, load & persist the credentials, as well as the secrets bundle.
+     */
+    private onUserCompletedQrLoginFlow = async ({
+        secrets,
+        deviceId,
+        ...tokenResponse
+    }: QrLoginCredentials): Promise<void> => {
+        // Persist credentials + OIDC settings, then hydrate the client from storage.
+        // setLoggedIn would clear storage and drop the OIDC settings; see its docstring.
+        await configureFromCompletedOAuthLogin(tokenResponse);
+        await Lifecycle.restoreSessionFromStorage();
+
+        if (secrets) {
+            const crypto = MatrixClientPeg.safeGet().getCrypto();
+            if (crypto?.importSecretsBundle) {
+                // This imports the secrets and cross-signs the device in one go
+                await crypto.importSecretsBundle(secrets);
+            } else {
+                logger.warn(
+                    "Crypto not initialised or no importSecretsBundle() method, cannot import secrets from QR login",
+                );
+            }
+        } else {
+            logger.warn("No secrets received from QR login");
+        }
+
+        this.onShowPostLoginScreen();
+    };
+
+    /** Called when {@link Views.E2E_SETUP} or {@link Views.COMPLETE_SECURITY} have completed. */
+    private onCompleteSecurityE2eSetupFinished = async (): Promise<void> => {
+        const forceVerify = await this.shouldForceVerification();
+        if (forceVerify) {
+            const isVerified = await MatrixClientPeg.safeGet().getCrypto()?.isCrossSigningReady();
+            if (!isVerified) {
+                // We must verify but we haven't yet verified - don't continue logging in
+                return;
+            }
+        }
+
+        this.onShowPostLoginScreen();
+    };
+
+    private getFragmentAfterLogin(): string {
+        let fragmentAfterLogin = "";
+        const initialScreenAfterLogin = this.props.initialScreenAfterLogin;
+        if (
+            initialScreenAfterLogin &&
+            // XXX: workaround for https://github.com/vector-im/element-web/issues/11643 causing a login-loop
+            !["welcome", "login", "register", "start_sso", "start_cas"].includes(initialScreenAfterLogin.screen)
+        ) {
+            fragmentAfterLogin = `/${initialScreenAfterLogin.screen}`;
+        }
+        return fragmentAfterLogin;
+    }
+
+    private getView(): JSX.Element {
+        const fragmentAfterLogin = this.getFragmentAfterLogin();
+
+        switch (this.state.view) {
+            case Views.LOADING:
+                return (
+                    <div className="mx_MatrixChat_splash">
+                        <Spinner />
+                    </div>
+                );
+            case Views.CONFIRM_LOCK_THEFT:
+                return (
+                    <ConfirmSessionLockTheftView
+                        onConfirm={() => {
+                            this.setState({ view: Views.LOADING });
+                            this.startInitSession();
+                        }}
+                    />
+                );
+            case Views.COMPLETE_SECURITY:
+                return <CompleteSecurity onFinished={this.onCompleteSecurityE2eSetupFinished} />;
+            case Views.E2E_SETUP:
+                return <E2eSetup onCancelled={this.onCompleteSecurityE2eSetupFinished} />;
+            case Views.PENDING_CLIENT_START:
+                // we think we are logged in, but are still waiting for the /sync to complete
+                return (
+                    <LoginSplashView
+                        matrixClient={MatrixClientPeg.safeGet()}
+                        onLogoutClick={this.onLogoutClick}
+                        syncError={this.state.syncError}
+                    />
+                );
+            case Views.LOGGED_IN:
+                // `ready` and `view==LOGGED_IN` may be set before `page_type` (because the
+                // latter is set via the dispatcher). If we don't yet have a `page_type`,
+                // keep showing the spinner for now.
+                if (this.state.ready && this.state.page_type) {
+                    /* for now, we stuff the entirety of our props and state into the LoggedInView.
+                     * we should go through and figure out what we actually need to pass down, as well
+                     * as using something like redux to avoid having a billion bits of state kicking around.
+                     */
+                    return (
+                        <LoggedInView
+                            {...this.props}
+                            {...this.state}
+                            ref={this.loggedInView}
+                            matrixClient={MatrixClientPeg.safeGet()}
+                            onRegistered={this.onRegistered}
+                            currentRoomId={this.state.currentRoomId}
+                        />
+                    );
+                } else {
+                    // we think we are logged in, but are still waiting for the /sync to complete
+                    return (
+                        <LoginSplashView
+                            matrixClient={MatrixClientPeg.safeGet()}
+                            onLogoutClick={this.onLogoutClick}
+                            syncError={this.state.syncError}
+                        />
+                    );
+                }
+            case Views.WELCOME:
+                return <Welcome {...this.getServerProperties()} />;
+            case Views.REGISTER:
+                return (
+                    <Registration
+                        clientSecret={this.state.register_client_secret}
+                        sessionId={this.state.register_session_id}
+                        idSid={this.state.register_id_sid}
+                        email={ThreepidInviteStore.instance.pickBestInvite()?.toEmail}
+                        brand={this.props.config.brand}
+                        onLoggedIn={this.onRegisterFlowComplete}
+                        onLoginClick={this.onLoginClick}
+                        onServerConfigChange={this.onServerConfigChange}
+                        defaultDeviceDisplayName={this.props.defaultDeviceDisplayName}
+                        fragmentAfterLogin={fragmentAfterLogin}
+                        mobileRegister={this.state.isMobileRegistration}
+                        {...this.getServerProperties()}
+                    />
+                );
+            case Views.FORGOT_PASSWORD:
+                return (
+                    <ForgotPassword
+                        onComplete={this.onLoginClick}
+                        onLoginClick={this.onLoginClick}
+                        {...this.getServerProperties()}
+                    />
+                );
+            case Views.LOGIN:
+                return (
+                    <Login
+                        isSyncing={this.state.pendingInitialSync}
+                        onLoggedIn={this.onUserCompletedLoginFlow}
+                        onRegisterClick={this.onRegisterClick}
+                        fallbackHsUrl={this.getFallbackHsUrl()}
+                        defaultDeviceDisplayName={this.props.defaultDeviceDisplayName}
+                        onForgotPasswordClick={
+                            SettingsStore.getValue(UIFeature.PasswordReset) ? this.onForgotPasswordClick : undefined
+                        }
+                        onServerConfigChange={this.onServerConfigChange}
+                        fragmentAfterLogin={fragmentAfterLogin}
+                        defaultUsername={this.props.urlParams?.defaults?.defaultUsername}
+                        {...this.getServerProperties()}
+                    />
+                );
+            case Views.SOFT_LOGOUT:
+                return (
+                    <SoftLogout
+                        urlParams={this.props.urlParams}
+                        onTokenLoginCompleted={this.props.onTokenLoginCompleted}
+                        fragmentAfterLogin={fragmentAfterLogin}
+                    />
+                );
+            case Views.LOCK_STOLEN:
+                return <SessionLockStolenView />;
+        }
+    }
+
+    public render(): React.ReactNode {
+        const view = this.getView();
+
+        return (
+            <ErrorBoundary>
+                <I18nContext.Provider value={ModuleApi.instance.i18n}>
+                    <SDKContext.Provider value={this.stores}>
+                        <LinkedTextContext.Provider value={LinkedTextConfiguration}>
+                            <TooltipProvider>{view}</TooltipProvider>
+                        </LinkedTextContext.Provider>
+                    </SDKContext.Provider>
+                </I18nContext.Provider>
+            </ErrorBoundary>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/MatrixClientContextProvider.tsx b/apps/web/src/components/structures/MatrixClientContextProvider.tsx
new file mode 100644
index 00000000000..f99ad901e6f
--- /dev/null
+++ b/apps/web/src/components/structures/MatrixClientContextProvider.tsx
@@ -0,0 +1,97 @@
+/*
+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.
+*/
+
+import React, { type PropsWithChildren, useEffect, useState, type JSX } from "react";
+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";
+
+/**
+ * A React hook whose value is whether the local device has been "verified".
+ *
+ * Figuring out if we are verified is an async operation, so on the first render this always returns `false`, but
+ * fires off a background job to update a state variable. It also registers an event listener to update the state
+ * variable changes.
+ *
+ * @param client - Matrix client.
+ * @returns A boolean which is `true` if the local device has been verified.
+ *
+ * @remarks
+ *
+ * Some notes on implementation.
+ *
+ * It turns out "is this device verified?" isn't a question that is easy to answer as you might think.
+ *
+ * Roughly speaking, it normally means "do we believe this device actually belongs to the person it claims to belong
+ * to", and that data is available via `getDeviceVerificationStatus().isVerified()`. However, the problem is that for
+ * the local device, that "do we believe..." question is trivially true, and `isVerified()` always returns true.
+ *
+ * Instead, when we're talking about the local device, what we really mean is one of:
+ *  * "have we completed a verification dance (either interactive verification with a device with access to the
+ *    cross-signing secrets, or typing in the 4S key)?", or
+ *  * "will other devices consider this one to be verified?"
+ *
+ * (The first is generally required but not sufficient for the second to be true.)
+ *
+ * The second question basically amounts to "has this device been signed by our cross-signing key". So one option here
+ * is to use `getDeviceVerificationStatus().isCrossSigningVerified()`. That might work, but it's a bit annoying because
+ * it needs a `/keys/query` request to complete after the actual verification process completes.
+ *
+ * A slightly less rigorous check is just to find out if we have validated our own public cross-signing keys. If we
+ * have, it's a good indication that we've at least completed a verification dance -- and hopefully, during that dance,
+ * a cross-signature of our own device was published. And it's also easy to monitor via `UserTrustStatusChanged` events.
+ *
+ * Sooo: TL;DR: `getUserVerificationStatus()` is a good proxy for "is the local device verified?".
+ */
+function useLocalVerificationState(client: MatrixClient): boolean {
+    const [value, setValue] = useState(false);
+
+    // On the first render, initialise the state variable
+    useEffect(() => {
+        const userId = client.getUserId();
+        if (!userId) return;
+        const crypto = client.getCrypto();
+        crypto?.getUserVerificationStatus(userId).then(
+            (verificationStatus) => setValue(verificationStatus.isCrossSigningVerified()),
+            (error) => logger.error("Error fetching verification status", error),
+        );
+    }, [client]);
+
+    // Update the value whenever our own trust status changes.
+    useEventEmitter(client, CryptoEvent.UserTrustStatusChanged, (userId, verificationStatus) => {
+        if (userId === client.getUserId()) {
+            setValue(verificationStatus.isCrossSigningVerified());
+        }
+    });
+
+    return value;
+}
+
+interface Props {
+    /** Matrix client, which is exposed to all child components via {@link MatrixClientContext}. */
+    client: MatrixClient;
+}
+
+/**
+ * A React component which exposes a {@link MatrixClientContext} and a {@link LocalDeviceVerificationStateContext}
+ * to its children.
+ */
+export function MatrixClientContextProvider(props: PropsWithChildren<Props>): JSX.Element {
+    const verificationState = useLocalVerificationState(props.client);
+    return (
+        <MatrixClientContext.Provider value={props.client}>
+            <LocalDeviceVerificationStateContext.Provider value={verificationState}>
+                {props.children}
+            </LocalDeviceVerificationStateContext.Provider>
+        </MatrixClientContext.Provider>
+    );
+}
diff --git a/apps/web/src/components/structures/MessagePanel.tsx b/apps/web/src/components/structures/MessagePanel.tsx
new file mode 100644
index 00000000000..a22d829de77
--- /dev/null
+++ b/apps/web/src/components/structures/MessagePanel.tsx
@@ -0,0 +1,1129 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 JSX, createRef, type ReactNode, type TransitionEventHandler, useContext } from "react";
+import classNames from "classnames";
+import {
+    type Room,
+    type MatrixClient,
+    RoomStateEvent,
+    EventStatus,
+    type MatrixEvent,
+    EventType,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { isSupportedReceiptType } from "matrix-js-sdk/src/utils";
+import {
+    DateSeparatorView,
+    ReadMarker,
+    TimelineSeparator,
+    useCreateAutoDisposedViewModel,
+} from "@element-hq/web-shared-components";
+
+import shouldHideEvent from "../../shouldHideEvent";
+import { formatDate, wantsDateSeparator } from "../../DateUtils";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import SettingsStore from "../../settings/SettingsStore";
+import RoomContext, { TimelineRenderingType } from "../../contexts/RoomContext";
+import { Layout } from "../../settings/enums/Layout";
+import EventTile, {
+    type GetRelationsForEvent,
+    type IReadReceiptProps,
+    type UnwrappedEventTile,
+} from "../views/rooms/EventTile";
+import IRCTimelineProfileResizer from "../views/elements/IRCTimelineProfileResizer";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import type LegacyCallEventGrouper from "./LegacyCallEventGrouper";
+import WhoIsTypingTile from "../views/rooms/WhoIsTypingTile";
+import ScrollPanel, { type IScrollState } from "./ScrollPanel";
+import ErrorBoundary from "../views/elements/ErrorBoundary";
+import Spinner from "../views/elements/Spinner";
+import { type RoomPermalinkCreator } from "../../utils/permalinks/Permalinks";
+import type EditorStateTransfer from "../../utils/EditorStateTransfer";
+import { Action } from "../../dispatcher/actions";
+import { getEventDisplayInfo } from "../../utils/EventRenderingUtils";
+import { type IReadReceiptPosition } from "../views/rooms/ReadReceiptMarker";
+import { haveRendererForEvent } from "../../events/EventTileFactory";
+import { editorRoomKey } from "../../Editing";
+import { hasThreadSummary } from "../../utils/EventUtils";
+import { type BaseGrouper } from "./grouper/BaseGrouper";
+import { MainGrouper } from "./grouper/MainGrouper";
+import { CreationGrouper } from "./grouper/CreationGrouper";
+import { _t } from "../../languageHandler";
+import { getLateEventInfo } from "./grouper/LateEventGrouper";
+import { DateSeparatorViewModel } from "../../viewmodels/room/timeline/DateSeparatorViewModel";
+import { isEligibleForSpecialReceipt } from "../../viewmodels/room/timeline/event-tile/EventTileReceiptState";
+import { SDKContext } from "../../contexts/SDKContext.ts";
+
+const CONTINUATION_MAX_INTERVAL = 5 * 60 * 1000; // 5 minutes
+const continuedTypes = [EventType.Sticker, EventType.RoomMessage];
+
+/**
+ * Creates and auto-disposes the DateSeparatorViewModel for message panel rendering.
+ */
+function DateSeparatorWrapper({ roomId, ts }: { roomId: string; ts: number }): JSX.Element {
+    const sdkContext = useContext(SDKContext);
+    const vm = useCreateAutoDisposedViewModel(
+        () => new DateSeparatorViewModel({ roomId, ts, roomViewStore: sdkContext.roomViewStore }),
+    );
+    return <DateSeparatorView vm={vm} className="mx_TimelineSeparator" />;
+}
+
+/**
+ * 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(
+    prevEvent: MatrixEvent | null,
+    mxEvent: MatrixEvent,
+    matrixClient: MatrixClient,
+    showHiddenEvents: boolean,
+    timelineRenderingType?: TimelineRenderingType,
+): boolean {
+    if (timelineRenderingType === TimelineRenderingType.ThreadsList) return false;
+    // sanity check inputs
+    if (!prevEvent?.sender || !mxEvent.sender) return false;
+    // check if within the max continuation period
+    if (mxEvent.getTs() - prevEvent.getTs() > CONTINUATION_MAX_INTERVAL) return false;
+
+    // As we summarise redactions, do not continue a redacted event onto a non-redacted one and vice-versa
+    if (mxEvent.isRedacted() !== prevEvent.isRedacted()) return false;
+
+    // Some events should appear as continuations from previous events of different types.
+    if (
+        mxEvent.getType() !== prevEvent.getType() &&
+        (!continuedTypes.includes(mxEvent.getType() as EventType) ||
+            !continuedTypes.includes(prevEvent.getType() as EventType))
+    )
+        return false;
+
+    // Check if the sender is the same and hasn't changed their displayname/avatar between these events
+    if (
+        mxEvent.sender.userId !== prevEvent.sender.userId ||
+        mxEvent.sender.name !== prevEvent.sender.name ||
+        mxEvent.sender.getMxcAvatarUrl() !== prevEvent.sender.getMxcAvatarUrl()
+    )
+        return false;
+
+    // Thread summaries in the main timeline should break up a continuation on both sides
+    if (
+        (hasThreadSummary(mxEvent) || hasThreadSummary(prevEvent)) &&
+        timelineRenderingType !== TimelineRenderingType.Thread
+    ) {
+        return false;
+    }
+
+    // if we don't have tile for previous event then it was shown by showHiddenEvents and has no SenderProfile
+    if (!haveRendererForEvent(prevEvent, matrixClient, showHiddenEvents)) return false;
+
+    return true;
+}
+
+interface IProps {
+    // the list of MatrixEvents to display
+    events: MatrixEvent[];
+
+    // true to give the component a 'display: none' style.
+    hidden?: boolean;
+
+    // true to show a spinner at the top of the timeline to indicate
+    // back-pagination in progress
+    backPaginating?: boolean;
+
+    // true to show a spinner at the end of the timeline to indicate
+    // forward-pagination in progress
+    forwardPaginating?: boolean;
+
+    // ID of an event to highlight. If undefined, no event will be highlighted.
+    highlightedEventId?: string;
+
+    // The room these events are all in together, if any.
+    // (The notification panel won't have a room here, for example.)
+    room?: Room;
+
+    // Should we show URL Previews
+    showUrlPreview?: boolean;
+
+    // event after which we should show a read marker
+    readMarkerEventId?: string | null;
+
+    // whether the read marker should be visible
+    readMarkerVisible?: boolean;
+
+    // the userid of our user. This is used to suppress the read marker
+    // for pending messages.
+    ourUserId?: string;
+
+    // whether the timeline can visually go back any further
+    canBackPaginate?: boolean;
+
+    // whether to show read receipts
+    showReadReceipts?: boolean;
+
+    // true if updates to the event list should cause the scroll panel to
+    // scroll down when we are at the bottom of the window. See ScrollPanel
+    // for more details.
+    stickyBottom?: boolean;
+
+    // className for the panel
+    className?: string;
+
+    // show twelve hour timestamps
+    isTwelveHour?: boolean;
+
+    // show timestamps always
+    alwaysShowTimestamps?: boolean;
+
+    // whether to show reactions for an event
+    showReactions?: boolean;
+
+    // which layout to use
+    layout?: Layout;
+
+    permalinkCreator?: RoomPermalinkCreator;
+    editState?: EditorStateTransfer;
+
+    // callback which is called when the panel is scrolled.
+    onScroll?(event: Event): void;
+
+    // callback which is called when more content is needed.
+    onFillRequest?(backwards: boolean): Promise<boolean>;
+
+    // helper function to access relations for an event
+    onUnfillRequest?(backwards: boolean, scrollToken: string | null): void;
+
+    getRelationsForEvent?: GetRelationsForEvent;
+
+    hideThreadedMessages?: boolean;
+    disableGrouping?: boolean;
+
+    callEventGroupers: Map<string, LegacyCallEventGrouper>;
+}
+
+interface IState {
+    ghostReadMarkers: string[];
+    showTypingNotifications: boolean;
+    hideSender: boolean;
+}
+
+interface IReadReceiptForUser {
+    lastShownEventId: string;
+    receipt: IReadReceiptProps;
+}
+
+/* (almost) stateless UI component which builds the event tiles in the room timeline.
+ */
+export default class MessagePanel extends React.Component<IProps, IState> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    public static defaultProps = {
+        disableGrouping: false,
+    };
+
+    // opaque readreceipt info for each userId; used by ReadReceiptMarker
+    // to manage its animations
+    private readReceiptMap: { [userId: string]: IReadReceiptPosition } = {};
+
+    // Track read receipts by event ID. For each _shown_ event ID, we store
+    // the list of read receipts to display:
+    //   [
+    //       {
+    //           userId: string,
+    //           member: RoomMember,
+    //           ts: number,
+    //       },
+    //   ]
+    // This is recomputed on each render. It's only stored on the component
+    // for ease of passing the data around since it's computed in one pass
+    // over all events.
+    private readReceiptsByEvent: Map<string, IReadReceiptProps[]> = new Map();
+
+    // Track read receipts by user ID. For each user ID we've ever shown a
+    // a read receipt for, we store an object:
+    //   {
+    //       lastShownEventId: string,
+    //       receipt: {
+    //           userId: string,
+    //           member: RoomMember,
+    //           ts: number,
+    //       },
+    //   }
+    // so that we can always keep receipts displayed by reverting back to
+    // the last shown event for that user ID when needed. This may feel like
+    // it duplicates the receipt storage in the room, but at this layer, we
+    // are tracking _shown_ event IDs, which the JS SDK knows nothing about.
+    // This is recomputed on each render, using the data from the previous
+    // render as our fallback for any user IDs we can't match a receipt to a
+    // displayed event in the current render cycle.
+    private readReceiptsByUserId: Map<string, IReadReceiptForUser> = new Map();
+
+    private readonly _showHiddenEvents: boolean;
+    private unmounted = false;
+
+    private readMarkerNode: HTMLLIElement | null = null;
+    private whoIsTyping = createRef<WhoIsTypingTile>();
+    public scrollPanel = createRef<ScrollPanel>();
+
+    private showTypingNotificationsWatcherRef?: string;
+    private eventTiles: Record<string, UnwrappedEventTile> = {};
+
+    // A map to allow groupers to maintain consistent keys even if their first event is uprooted due to back-pagination.
+    public grouperKeyMap = new WeakMap<MatrixEvent, string>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            // previous positions the read marker has been in, so we can
+            // display 'ghost' read markers that are animating away
+            ghostReadMarkers: [],
+            showTypingNotifications: SettingsStore.getValue("showTypingNotifications"),
+            hideSender: this.shouldHideSender(),
+        };
+
+        // Cache these settings on mount since Settings is expensive to query,
+        // and we check this in a hot code path. This is also cached in our
+        // RoomContext, however we still need a fallback for roomless MessagePanels.
+        this._showHiddenEvents = SettingsStore.getValue("showHiddenEventsInTimeline");
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+        this.showTypingNotificationsWatcherRef = SettingsStore.watchSetting(
+            "showTypingNotifications",
+            null,
+            this.onShowTypingNotificationsChange,
+        );
+        this.calculateRoomMembersCount();
+        this.props.room?.currentState.on(RoomStateEvent.Update, this.calculateRoomMembersCount);
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+        this.props.room?.currentState.off(RoomStateEvent.Update, this.calculateRoomMembersCount);
+        SettingsStore.unwatchSetting(this.showTypingNotificationsWatcherRef);
+        this.readReceiptMap = {};
+        this.resizeObserver.disconnect();
+    }
+
+    public componentDidUpdate(prevProps: IProps, prevState: IState): void {
+        if (prevProps.layout !== this.props.layout) {
+            this.calculateRoomMembersCount();
+        }
+
+        if (
+            prevProps.readMarkerVisible &&
+            prevProps.readMarkerEventId &&
+            this.props.readMarkerEventId !== prevProps.readMarkerEventId
+        ) {
+            const ghostReadMarkers = this.state.ghostReadMarkers;
+            ghostReadMarkers.push(prevProps.readMarkerEventId);
+            this.setState({
+                ghostReadMarkers,
+            });
+        }
+
+        const pendingEditItem = this.pendingEditItem;
+        if (!this.props.editState && this.props.room && pendingEditItem) {
+            const event = this.props.room.findEventById(pendingEditItem);
+            defaultDispatcher.dispatch({
+                action: Action.EditEvent,
+                event: !event?.isRedacted() ? event : null,
+                timelineRenderingType: this.context.timelineRenderingType,
+            });
+        }
+    }
+
+    private shouldHideSender(): boolean {
+        return (
+            !!this.props.room &&
+            this.props.room.getInvitedAndJoinedMemberCount() <= 2 &&
+            this.props.layout === Layout.Bubble
+        );
+    }
+
+    private calculateRoomMembersCount = (): void => {
+        this.setState({
+            hideSender: this.shouldHideSender(),
+        });
+    };
+
+    private onShowTypingNotificationsChange = (): void => {
+        this.setState({
+            showTypingNotifications: SettingsStore.getValue("showTypingNotifications"),
+        });
+    };
+
+    /* get the DOM node representing the given event */
+    public getNodeForEventId(eventId: string): HTMLElement | undefined {
+        if (!this.eventTiles) {
+            return undefined;
+        }
+
+        return this.eventTiles[eventId]?.ref?.current ?? undefined;
+    }
+
+    public getTileForEventId(eventId?: string): UnwrappedEventTile | undefined {
+        if (!this.eventTiles || !eventId) {
+            return undefined;
+        }
+        return this.eventTiles[eventId];
+    }
+
+    /* return true if the content is fully scrolled down right now; else false.
+     */
+    public isAtBottom(): boolean | undefined {
+        return this.scrollPanel.current?.isAtBottom();
+    }
+
+    /* get the current scroll state. See ScrollPanel.getScrollState for
+     * details.
+     *
+     * returns null if we are not mounted.
+     */
+    public getScrollState(): IScrollState | null {
+        return this.scrollPanel.current?.getScrollState() ?? null;
+    }
+
+    // returns one of:
+    //
+    //  null: there is no read marker
+    //  -1: read marker is above the window
+    //   0: read marker is within the window
+    //  +1: read marker is below the window
+    public getReadMarkerPosition(): number | null {
+        const readMarker = this.readMarkerNode;
+        const messageWrapper = this.scrollPanel.current?.divScroll;
+
+        if (!readMarker || !messageWrapper) {
+            return null;
+        }
+
+        const wrapperRect = messageWrapper.getBoundingClientRect();
+        const readMarkerRect = readMarker.getBoundingClientRect();
+
+        // the read-marker pretends to have zero height when it is actually
+        // two pixels high; +2 here to account for that.
+        if (readMarkerRect.bottom + 2 < wrapperRect.top) {
+            return -1;
+        } else if (readMarkerRect.top < wrapperRect.bottom) {
+            return 0;
+        } else {
+            return 1;
+        }
+    }
+
+    /* jump to the top of the content.
+     */
+    public scrollToTop(): void {
+        this.scrollPanel.current?.scrollToTop();
+    }
+
+    /* jump to the bottom of the content.
+     */
+    public scrollToBottom(): void {
+        this.scrollPanel.current?.scrollToBottom();
+    }
+
+    /**
+     * Scroll up/down in response to a scroll key
+     *
+     * @param {KeyboardEvent} ev: the keyboard event to handle
+     */
+    public handleScrollKey(ev: React.KeyboardEvent | KeyboardEvent): void {
+        this.scrollPanel.current?.handleScrollKey(ev);
+    }
+
+    /* jump to the given event id.
+     *
+     * offsetBase gives the reference point for the pixelOffset. 0 means the
+     * top of the container, 1 means the bottom, and fractional values mean
+     * somewhere in the middle. If omitted, it defaults to 0.
+     *
+     * pixelOffset gives the number of pixels *above* the offsetBase that the
+     * node (specifically, the bottom of it) will be positioned. If omitted, it
+     * defaults to 0.
+     */
+    public scrollToEvent(eventId: string, pixelOffset?: number, offsetBase?: number): void {
+        this.scrollPanel.current?.scrollToToken(eventId, pixelOffset, offsetBase);
+    }
+
+    public scrollToEventIfNeeded(eventId: string): void {
+        const node = this.getNodeForEventId(eventId);
+        if (node) {
+            node.scrollIntoView({
+                block: "nearest",
+                behavior: "instant",
+            });
+        }
+    }
+
+    private isUnmounting = (): boolean => {
+        return this.unmounted;
+    };
+
+    public get showHiddenEvents(): boolean {
+        return this.context?.showHiddenEvents ?? this._showHiddenEvents;
+    }
+
+    // TODO: Implement granular (per-room) hide options
+    public shouldShowEvent(mxEv: MatrixEvent, forceHideEvents = false): boolean {
+        if (this.props.hideThreadedMessages && this.props.room) {
+            const { shouldLiveInRoom } = this.props.room.eventShouldLiveIn(mxEv, this.props.events);
+            if (!shouldLiveInRoom) {
+                return false;
+            }
+        }
+
+        if (MatrixClientPeg.safeGet().isUserIgnored(mxEv.getSender()!)) {
+            return false; // ignored = no show (only happens if the ignore happens after an event was received)
+        }
+
+        if (this.showHiddenEvents && !forceHideEvents) {
+            return true;
+        }
+
+        if (!haveRendererForEvent(mxEv, MatrixClientPeg.safeGet(), this.showHiddenEvents)) {
+            return false; // no tile = no show
+        }
+
+        // Always show highlighted event
+        if (this.props.highlightedEventId === mxEv.getId()) return true;
+
+        return !shouldHideEvent(mxEv, this.context);
+    }
+
+    public readMarkerForEvent(eventId: string, isLastEvent: boolean): ReactNode {
+        if (this.context.timelineRenderingType === TimelineRenderingType.File) return null;
+
+        const showLine = !isLastEvent && !!this.props.readMarkerVisible;
+
+        if (this.props.readMarkerEventId === eventId) {
+            return (
+                <ReadMarker
+                    key={"readMarker_" + eventId}
+                    eventId={eventId}
+                    kind="current"
+                    showLine={showLine}
+                    onCurrentMarkerRef={this.collectReadMarker}
+                    className="mx_MessagePanel_myReadMarker"
+                />
+            );
+        } else if (this.state.ghostReadMarkers.includes(eventId)) {
+            // We render 'ghost' read markers in the DOM while they
+            // transition away. This allows the actual read marker
+            // to be in the right place straight away without having
+            // to wait for the transition to finish.
+            // There are probably much simpler ways to do this transition,
+            // possibly using react-transition-group which handles keeping
+            // elements in the DOM whilst they transition out, although our
+            // case is a little more complex because only some of the items
+            // transition (ie. the read markers do but the event tiles do not)
+            // and TransitionGroup requires that all its children are Transitions.
+            // give it a key which depends on the event id. That will ensure that
+            // we get a new DOM node (restarting the animation) when the ghost
+            // moves to a different event.
+            return (
+                <ReadMarker
+                    key={"_readuptoghost_" + eventId}
+                    eventId={eventId}
+                    kind="ghost"
+                    showLine={true}
+                    onGhostLineRef={this.collectGhostReadMarker}
+                    onGhostTransitionEnd={this.onGhostTransitionEnd}
+                    className="mx_MessagePanel_myReadMarker"
+                />
+            );
+        }
+
+        return null;
+    }
+
+    private collectReadMarker = (node: HTMLLIElement | null): void => {
+        this.readMarkerNode = node;
+    };
+
+    private collectGhostReadMarker = (node: HTMLHRElement | null): void => {
+        if (node) {
+            // now the element has appeared, change the style which will trigger the CSS transition
+            requestAnimationFrame(() => {
+                node.style.width = "10%";
+                node.style.opacity = "0";
+            });
+        }
+    };
+
+    private onGhostTransitionEnd: TransitionEventHandler<HTMLHRElement> = (ev): void => {
+        // we can now clean up the ghost element
+        const finishedEventId = (ev.target as HTMLElement).dataset.eventid;
+        this.setState({
+            ghostReadMarkers: this.state.ghostReadMarkers.filter((eid) => eid !== finishedEventId),
+        });
+    };
+
+    /**
+     * Find the next event in the list, and the next visible event in the list.
+     *
+     * @param events     - the list of events to look in and whether they are shown
+     * @param i          - where in the list we are now
+     *
+     * @returns { nextEvent, nextTile }
+     *
+     * nextEvent is the event after i in the supplied array.
+     *
+     * nextTile is the first event in the array after i that we will show a tile
+     * for. It is used to to determine the 'last successful' flag when rendering
+     * the tile.
+     */
+    private getNextEventInfo(
+        events: WrappedEvent[],
+        i: number,
+    ): { nextEventAndShouldShow: WrappedEvent | null; nextTile: MatrixEvent | null } {
+        // WARNING: this method is on a hot path.
+
+        const nextEventAndShouldShow = i < events.length - 1 ? events[i + 1] : null;
+
+        const nextTile = findFirstShownAfter(i, events);
+
+        return { nextEventAndShouldShow, nextTile };
+    }
+
+    private get pendingEditItem(): string | null {
+        if (!this.props.room) {
+            return null;
+        }
+
+        try {
+            return localStorage.getItem(editorRoomKey(this.props.room.roomId, this.context.timelineRenderingType));
+        } catch (err) {
+            logger.error(err);
+            return null;
+        }
+    }
+
+    private isSentState(ev: MatrixEvent): boolean {
+        const status = ev.getAssociatedStatus();
+        // A falsey state applies to events which have come down sync, including remote echoes
+        return !status || status === EventStatus.SENT;
+    }
+
+    private getEventTiles(): ReactNode[] {
+        // first figure out which is the last event in the list which we're
+        // actually going to show; this allows us to behave slightly
+        // differently for the last event in the list. (eg show timestamp)
+        //
+        // we also need to figure out which is the last event we show which isn't
+        // a local echo, to manage the read-marker.
+        let lastShownEvent: MatrixEvent | undefined;
+        const events: WrappedEvent[] = this.props.events.map((event) => {
+            return { event, shouldShow: this.shouldShowEvent(event) };
+        });
+
+        const userId = MatrixClientPeg.safeGet().getSafeUserId();
+
+        let foundLastSuccessfulEvent = false;
+        let lastShownNonLocalEchoIndex = -1;
+        // Find the indices of the last successful event we sent and the last non-local-echo events shown
+        for (let i = events.length - 1; i >= 0; i--) {
+            const { event, shouldShow } = events[i];
+            if (!shouldShow) {
+                continue;
+            }
+
+            if (lastShownEvent === undefined) {
+                lastShownEvent = event;
+            }
+
+            if (!foundLastSuccessfulEvent && this.isSentState(event) && isEligibleForSpecialReceipt(event)) {
+                foundLastSuccessfulEvent = true;
+                // If we are not sender of this last successful event eligible for special receipt then we stop here
+                // As we do not want to render our sent receipt if there are more receipts below it and events sent
+                // by other users get a synthetic read receipt for their sent events.
+                if (event.getSender() === userId) {
+                    events[i].lastSuccessfulWeSent = true;
+                }
+            }
+
+            if (lastShownNonLocalEchoIndex < 0 && !event.status) {
+                lastShownNonLocalEchoIndex = i;
+            }
+
+            if (lastShownNonLocalEchoIndex >= 0 && foundLastSuccessfulEvent) {
+                break;
+            }
+        }
+
+        const ret: ReactNode[] = [];
+        let prevEvent: MatrixEvent | null = null; // the last event we showed
+
+        // Note: the EventTile might still render a "sent/sending receipt" independent of
+        // this information. When not providing read receipt information, the tile is likely
+        // to assume that sent receipts are to be shown more often.
+        this.readReceiptsByEvent = new Map();
+        if (this.props.showReadReceipts) {
+            this.readReceiptsByEvent = this.getReadReceiptsByShownEvent(events);
+        }
+
+        let grouper: BaseGrouper | null = null;
+
+        for (let i = 0; i < events.length; i++) {
+            const wrappedEvent = events[i];
+            const { event, shouldShow } = wrappedEvent;
+            const eventId = event.getId()!;
+            const last = event === lastShownEvent;
+            const { nextEventAndShouldShow, nextTile } = this.getNextEventInfo(events, i);
+
+            if (grouper) {
+                if (grouper.shouldGroup(wrappedEvent)) {
+                    grouper.add(wrappedEvent);
+                    continue;
+                } else {
+                    // not part of group, so get the group tiles, close the
+                    // group, and continue like a normal event
+                    ret.push(...grouper.getTiles());
+                    prevEvent = grouper.getNewPrevEvent();
+                    grouper = null;
+                }
+            }
+
+            for (const Grouper of groupers) {
+                if (Grouper.canStartGroup(this, wrappedEvent) && !this.props.disableGrouping) {
+                    grouper = new Grouper(
+                        this,
+                        wrappedEvent,
+                        prevEvent,
+                        lastShownEvent,
+                        nextEventAndShouldShow,
+                        nextTile,
+                    );
+                    break; // break on first grouper
+                }
+            }
+
+            if (!grouper) {
+                if (shouldShow) {
+                    // make sure we unpack the array returned by getTilesForEvent,
+                    // otherwise React will auto-generate keys, and we will end up
+                    // replacing all the DOM elements every time we paginate.
+                    ret.push(
+                        ...this.getTilesForEvent(
+                            prevEvent,
+                            wrappedEvent,
+                            last,
+                            false,
+                            nextEventAndShouldShow,
+                            nextTile,
+                        ),
+                    );
+                    prevEvent = event;
+                }
+
+                const readMarker = this.readMarkerForEvent(eventId, i >= lastShownNonLocalEchoIndex);
+                if (readMarker) ret.push(readMarker);
+            }
+        }
+
+        if (grouper) {
+            ret.push(...grouper.getTiles());
+        }
+
+        return ret;
+    }
+
+    public getTilesForEvent(
+        prevEvent: MatrixEvent | null,
+        wrappedEvent: WrappedEvent,
+        last = false,
+        isGrouped = false,
+        nextEvent: WrappedEvent | null = null,
+        nextEventWithTile: MatrixEvent | null = null,
+    ): ReactNode[] {
+        const mxEv = wrappedEvent.event;
+        const ret: ReactNode[] = [];
+
+        const isEditing = this.props.editState?.getEvent().getId() === mxEv.getId();
+        // local echoes have a fake date, which could even be yesterday. Treat them as 'today' for the date separators.
+        const ts1 = mxEv.getTs() ?? Date.now();
+
+        // do we need a separator since the last event?
+        const wantsSeparator = this.wantsSeparator(prevEvent, mxEv);
+        if (!isGrouped && this.props.room) {
+            if (wantsSeparator === SeparatorKind.Date) {
+                const separatorRoomId = this.props.room.roomId;
+                ret.push(
+                    <li key={`${separatorRoomId}-${ts1}`}>
+                        <DateSeparatorWrapper key={`${separatorRoomId}-${ts1}`} roomId={separatorRoomId} ts={ts1} />
+                    </li>,
+                );
+            } else if (wantsSeparator === SeparatorKind.LateEvent) {
+                const text = _t("timeline|late_event_separator", {
+                    dateTime: formatDate(mxEv.getDate() ?? new Date()),
+                });
+                ret.push(
+                    <li key={ts1}>
+                        <TimelineSeparator key={ts1} label={text} className="mx_TimelineSeparator">
+                            {text}
+                        </TimelineSeparator>
+                    </li>,
+                );
+            }
+        }
+
+        const cli = MatrixClientPeg.safeGet();
+        let lastInSection = true;
+        if (nextEventWithTile) {
+            const nextEv = nextEventWithTile;
+            const willWantSeparator = this.wantsSeparator(mxEv, nextEv);
+            lastInSection =
+                willWantSeparator === SeparatorKind.Date ||
+                mxEv.getSender() !== nextEv.getSender() ||
+                getEventDisplayInfo(cli, nextEv, this.showHiddenEvents).isInfoMessage ||
+                !shouldFormContinuation(mxEv, nextEv, cli, this.showHiddenEvents, this.context.timelineRenderingType);
+        }
+
+        // is this a continuation of the previous message?
+        const continuation =
+            wantsSeparator === SeparatorKind.None &&
+            shouldFormContinuation(prevEvent, mxEv, cli, this.showHiddenEvents, this.context.timelineRenderingType);
+
+        const eventId = mxEv.getId()!;
+        const highlight = eventId === this.props.highlightedEventId;
+
+        const readReceipts = this.readReceiptsByEvent.get(eventId);
+
+        const callEventGrouper = this.props.callEventGroupers.get(mxEv.getContent().call_id);
+        // use txnId as key if available so that we don't remount during sending
+        ret.push(
+            <EventTile
+                key={mxEv.getTxnId() || eventId}
+                as="li"
+                ref={this.collectEventTile.bind(this, eventId)}
+                alwaysShowTimestamps={this.props.alwaysShowTimestamps}
+                mxEvent={mxEv}
+                continuation={continuation}
+                isRedacted={mxEv.isRedacted()}
+                replacingEventId={mxEv.replacingEventId()}
+                editState={isEditing ? this.props.editState : undefined}
+                resizeObserver={this.resizeObserver}
+                readReceipts={readReceipts}
+                readReceiptMap={this.readReceiptMap}
+                showUrlPreview={this.props.showUrlPreview}
+                checkUnmounting={this.isUnmounting}
+                eventSendStatus={mxEv.getAssociatedStatus() ?? undefined}
+                isTwelveHour={this.props.isTwelveHour}
+                permalinkCreator={this.props.permalinkCreator}
+                last={last}
+                lastInSection={lastInSection}
+                lastSuccessful={wrappedEvent.lastSuccessfulWeSent}
+                isSelectedEvent={highlight}
+                getRelationsForEvent={this.props.getRelationsForEvent}
+                showReactions={this.props.showReactions}
+                layout={this.props.layout}
+                showReadReceipts={this.props.showReadReceipts}
+                callEventGrouper={callEventGrouper}
+                hideSender={this.state.hideSender}
+            />,
+        );
+
+        return ret;
+    }
+
+    public wantsSeparator(prevEvent: MatrixEvent | null, mxEvent: MatrixEvent): SeparatorKind {
+        if (this.context.timelineRenderingType === TimelineRenderingType.ThreadsList) {
+            return SeparatorKind.None;
+        }
+
+        if (prevEvent !== null) {
+            // If the previous event was late but current is not then show a date separator for orientation
+            // Otherwise if the current event is of a different late group than the previous show a late event separator
+            const lateEventInfo = getLateEventInfo(mxEvent);
+            if (lateEventInfo?.group_id !== getLateEventInfo(prevEvent)?.group_id) {
+                return lateEventInfo !== undefined ? SeparatorKind.LateEvent : SeparatorKind.Date;
+            }
+        }
+
+        // first event in the panel: depends on if we could back-paginate from here.
+        if (prevEvent === null && !this.props.canBackPaginate) {
+            return SeparatorKind.Date;
+        }
+
+        const nextEventDate = mxEvent.getDate() ?? new Date();
+        if (prevEvent !== null && wantsDateSeparator(prevEvent.getDate() || undefined, nextEventDate)) {
+            return SeparatorKind.Date;
+        }
+
+        return SeparatorKind.None;
+    }
+
+    // Get a list of read receipts that should be shown next to this event
+    // Receipts are objects which have a 'userId', 'roomMember' and 'ts'.
+    private getReadReceiptsForEvent(event: MatrixEvent): IReadReceiptProps[] | null {
+        const myUserId = MatrixClientPeg.safeGet().credentials.userId;
+
+        // get list of read receipts, sorted most recent first
+        const { room } = this.props;
+        if (!room) {
+            return null;
+        }
+
+        const receiptDestination = this.context.threadId ? room.getThread(this.context.threadId) : room;
+
+        const receipts: IReadReceiptProps[] = [];
+
+        if (!receiptDestination) {
+            logger.debug(
+                "Discarding request, could not find the receiptDestination for event: " + this.context.threadId,
+            );
+            return receipts;
+        }
+
+        receiptDestination.getReceiptsForEvent(event).forEach((r) => {
+            if (!r.userId || !isSupportedReceiptType(r.type) || r.userId === myUserId) {
+                return; // ignore non-read receipts and receipts from self.
+            }
+            if (MatrixClientPeg.safeGet().isUserIgnored(r.userId)) {
+                return; // ignore ignored users
+            }
+            const member = room.getMember(r.userId);
+            receipts.push({
+                userId: r.userId,
+                roomMember: member,
+                ts: r.data ? r.data.ts : 0,
+            });
+        });
+        return receipts;
+    }
+
+    // Get an object that maps from event ID to a list of read receipts that
+    // should be shown next to that event. If a hidden event has read receipts,
+    // they are folded into the receipts of the last shown event.
+    private getReadReceiptsByShownEvent(events: WrappedEvent[]): Map<string, IReadReceiptProps[]> {
+        const receiptsByEvent: Map<string, IReadReceiptProps[]> = new Map();
+        const receiptsByUserId: Map<string, IReadReceiptForUser> = new Map();
+
+        let lastShownEventId: string | undefined;
+        for (const event of this.props.events) {
+            if (this.shouldShowEvent(event)) {
+                lastShownEventId = event.getId();
+            }
+            if (!lastShownEventId) {
+                continue;
+            }
+
+            const existingReceipts = receiptsByEvent.get(lastShownEventId) || [];
+            const newReceipts = this.getReadReceiptsForEvent(event);
+            if (!newReceipts) continue;
+            receiptsByEvent.set(lastShownEventId, existingReceipts.concat(newReceipts));
+
+            // Record these receipts along with their last shown event ID for
+            // each associated user ID.
+            for (const receipt of newReceipts) {
+                receiptsByUserId.set(receipt.userId, {
+                    lastShownEventId,
+                    receipt,
+                });
+            }
+        }
+
+        // It's possible in some cases (for example, when a read receipt
+        // advances before we have paginated in the new event that it's marking
+        // received) that we can temporarily not have a matching event for
+        // someone which had one in the last. By looking through our previous
+        // mapping of receipts by user ID, we can cover recover any receipts
+        // that would have been lost by using the same event ID from last time.
+        for (const userId of this.readReceiptsByUserId.keys()) {
+            if (receiptsByUserId.get(userId)) {
+                continue;
+            }
+            const { lastShownEventId, receipt } = this.readReceiptsByUserId.get(userId)!;
+            const existingReceipts = receiptsByEvent.get(lastShownEventId) || [];
+            receiptsByEvent.set(lastShownEventId, existingReceipts.concat(receipt));
+            receiptsByUserId.set(userId, { lastShownEventId, receipt });
+        }
+        this.readReceiptsByUserId = receiptsByUserId;
+
+        // After grouping receipts by shown events, do another pass to sort each
+        // receipt list.
+        for (const receipts of receiptsByEvent.values()) {
+            receipts.sort((r1, r2) => {
+                return r2.ts - r1.ts;
+            });
+        }
+
+        return receiptsByEvent;
+    }
+
+    private collectEventTile = (eventId: string, node: UnwrappedEventTile): void => {
+        this.eventTiles[eventId] = node;
+    };
+
+    // Once dynamic content in the events load, make the scrollPanel check the scroll offsets.
+    public onHeightChanged = (): void => {
+        this.scrollPanel.current?.checkScroll();
+    };
+
+    private resizeObserver = new ResizeObserver(this.onHeightChanged);
+
+    private onTypingShown = (): void => {
+        const scrollPanel = this.scrollPanel.current;
+        // this will make the timeline grow, so checkScroll
+        scrollPanel?.checkScroll();
+        if (scrollPanel && scrollPanel.getScrollState().stuckAtBottom) {
+            scrollPanel.preventShrinking();
+        }
+    };
+
+    private onTypingHidden = (): void => {
+        const scrollPanel = this.scrollPanel.current;
+        if (scrollPanel) {
+            // as hiding the typing notifications doesn't
+            // update the scrollPanel, we tell it to apply
+            // the shrinking prevention once the typing notifs are hidden
+            scrollPanel.updatePreventShrinking();
+            // order is important here as checkScroll will scroll down to
+            // reveal added padding to balance the notifs disappearing.
+            scrollPanel.checkScroll();
+        }
+    };
+
+    public updateTimelineMinHeight(): void {
+        const scrollPanel = this.scrollPanel.current;
+
+        if (scrollPanel) {
+            const isAtBottom = scrollPanel.isAtBottom();
+            const whoIsTyping = this.whoIsTyping.current;
+            const isTypingVisible = whoIsTyping && whoIsTyping.isVisible();
+            // when messages get added to the timeline,
+            // but somebody else is still typing,
+            // update the min-height, so once the last
+            // person stops typing, no jumping occurs
+            if (isAtBottom && isTypingVisible) {
+                scrollPanel.preventShrinking();
+            }
+        }
+    }
+
+    public onTimelineReset(): void {
+        const scrollPanel = this.scrollPanel.current;
+        if (scrollPanel) {
+            scrollPanel.clearPreventShrinking();
+        }
+    }
+
+    public render(): React.ReactNode {
+        let topSpinner;
+        let bottomSpinner;
+        if (this.props.backPaginating) {
+            topSpinner = (
+                <li key="_topSpinner">
+                    <Spinner />
+                </li>
+            );
+        }
+        if (this.props.forwardPaginating) {
+            bottomSpinner = (
+                <li key="_bottomSpinner">
+                    <Spinner />
+                </li>
+            );
+        }
+
+        const style = this.props.hidden ? { display: "none" } : {};
+
+        let whoIsTyping;
+        if (
+            this.props.room &&
+            this.state.showTypingNotifications &&
+            this.context.timelineRenderingType === TimelineRenderingType.Room
+        ) {
+            whoIsTyping = (
+                <WhoIsTypingTile
+                    room={this.props.room}
+                    onShown={this.onTypingShown}
+                    onHidden={this.onTypingHidden}
+                    ref={this.whoIsTyping}
+                />
+            );
+        }
+
+        let ircResizer: JSX.Element | undefined;
+        if (this.props.layout == Layout.IRC) {
+            ircResizer = (
+                <IRCTimelineProfileResizer minWidth={20} maxWidth={600} roomId={this.props.room?.roomId ?? null} />
+            );
+        }
+
+        const classes = classNames(this.props.className, {
+            mx_MessagePanel_narrow: this.context.narrow,
+        });
+
+        return (
+            <ErrorBoundary>
+                <ScrollPanel
+                    ref={this.scrollPanel}
+                    className={classes}
+                    onScroll={this.props.onScroll}
+                    onFillRequest={this.props.onFillRequest}
+                    onUnfillRequest={this.props.onUnfillRequest}
+                    style={style}
+                    stickyBottom={this.props.stickyBottom}
+                    fixedChildren={ircResizer}
+                >
+                    {topSpinner}
+                    {this.getEventTiles()}
+                    {whoIsTyping}
+                    {bottomSpinner}
+                </ScrollPanel>
+            </ErrorBoundary>
+        );
+    }
+}
+
+/**
+ * Holds on to an event, caching the information about it in the context of the current messages list.
+ * Avoids calling shouldShowEvent more times than we need to.
+ * Simplifies threading of event context like whether it's the last successful event we sent which cannot be determined
+ * by a consumer from the event alone, so has to be done by the event list processing code earlier.
+ */
+export interface WrappedEvent {
+    event: MatrixEvent;
+    shouldShow?: boolean;
+    lastSuccessfulWeSent?: boolean;
+}
+
+// all the grouper classes that we use, ordered by priority
+const groupers = [CreationGrouper, MainGrouper];
+
+/**
+ * Look through the supplied list of WrappedEvent, and return the first
+ * event that is >start items through the list, and is shown.
+ */
+function findFirstShownAfter(start: number, events: WrappedEvent[]): MatrixEvent | null {
+    // Note: this could be done with something like:
+    // events.slice(i + 1).find((e) => e.shouldShow)?.event ?? null;
+    // but it is ~10% slower, and this is on the critical path.
+
+    for (let n = start + 1; n < events.length; n++) {
+        const { event, shouldShow } = events[n];
+        if (shouldShow) {
+            return event;
+        }
+    }
+    return null;
+}
diff --git a/apps/web/src/components/structures/NonUrgentToastContainer.tsx b/apps/web/src/components/structures/NonUrgentToastContainer.tsx
new file mode 100644
index 00000000000..b7103b378aa
--- /dev/null
+++ b/apps/web/src/components/structures/NonUrgentToastContainer.tsx
@@ -0,0 +1,57 @@
+/*
+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 from "react";
+import { type EmptyObject } from "matrix-js-sdk/src/matrix";
+
+import { type ComponentClass } from "../../@types/common";
+import NonUrgentToastStore from "../../stores/NonUrgentToastStore";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+
+interface IState {
+    toasts: ComponentClass[];
+}
+
+export default class NonUrgentToastContainer extends React.PureComponent<EmptyObject, IState> {
+    public constructor(props: EmptyObject) {
+        super(props);
+
+        this.state = {
+            toasts: NonUrgentToastStore.instance.components,
+        };
+    }
+
+    public componentDidMount(): void {
+        NonUrgentToastStore.instance.on(UPDATE_EVENT, this.onUpdateToasts);
+    }
+
+    public componentWillUnmount(): void {
+        NonUrgentToastStore.instance.off(UPDATE_EVENT, this.onUpdateToasts);
+    }
+
+    private onUpdateToasts = (): void => {
+        this.setState({ toasts: NonUrgentToastStore.instance.components });
+    };
+
+    public render(): React.ReactNode {
+        const toasts = this.state.toasts.map((t, i) => {
+            return (
+                // oxlint-disable-next-line react/no-array-index-key
+                <div className="mx_NonUrgentToastContainer_toast" key={`toast-${i}`}>
+                    {React.createElement(t, {})}
+                </div>
+            );
+        });
+
+        return (
+            <div className="mx_NonUrgentToastContainer" role="alert">
+                {toasts}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/NotificationPanel.tsx b/apps/web/src/components/structures/NotificationPanel.tsx
new file mode 100644
index 00000000000..b31ed6bab60
--- /dev/null
+++ b/apps/web/src/components/structures/NotificationPanel.tsx
@@ -0,0 +1,104 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 JSX } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import NotificationsIcon from "@vector-im/compound-design-tokens/assets/web/icons/notifications";
+
+import { _t } from "../../languageHandler";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import BaseCard from "../views/right_panel/BaseCard";
+import TimelinePanel from "./TimelinePanel";
+import Spinner from "../views/elements/Spinner";
+import { Layout } from "../../settings/enums/Layout";
+import RoomContext, { TimelineRenderingType } from "../../contexts/RoomContext";
+import Measured from "../views/elements/Measured";
+import EmptyState from "../views/right_panel/EmptyState";
+import { ScopedRoomContextProvider } from "../../contexts/ScopedRoomContext.tsx";
+
+interface IProps {
+    onClose(): void;
+}
+
+interface IState {
+    narrow: boolean;
+}
+
+/*
+ * Component which shows the global notification list using a TimelinePanel
+ */
+export default class NotificationPanel extends React.PureComponent<IProps, IState> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    private card = React.createRef<HTMLDivElement>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            narrow: false,
+        };
+    }
+
+    private onMeasurement = (narrow: boolean): void => {
+        this.setState({ narrow });
+    };
+
+    public render(): React.ReactNode {
+        const emptyState = (
+            <EmptyState
+                Icon={NotificationsIcon}
+                title={_t("notif_panel|empty_heading")}
+                description={_t("notif_panel|empty_description")}
+            />
+        );
+
+        let content: JSX.Element;
+        const timelineSet = MatrixClientPeg.safeGet().getNotifTimelineSet();
+        if (timelineSet) {
+            // wrap a TimelinePanel with the jump-to-event bits turned off.
+            content = (
+                <TimelinePanel
+                    manageReadReceipts={false}
+                    manageReadMarkers={false}
+                    timelineSet={timelineSet}
+                    showUrlPreview={false}
+                    empty={emptyState}
+                    alwaysShowTimestamps={true}
+                    layout={Layout.Group}
+                />
+            );
+        } else {
+            logger.error("No notifTimelineSet available!");
+            content = <Spinner />;
+        }
+
+        return (
+            <ScopedRoomContextProvider
+                {...this.context}
+                timelineRenderingType={TimelineRenderingType.Notification}
+                narrow={this.state.narrow}
+            >
+                <BaseCard
+                    header={_t("notifications|enable_prompt_toast_title")}
+                    /**
+                     * Need to rename this CSS class to something more generic
+                     * Will be done once all the panels are using a similar layout
+                     */
+                    className="mx_ThreadPanel"
+                    onClose={this.props.onClose}
+                    withoutScrollContainer={true}
+                >
+                    <Measured sensor={this.card} onMeasurement={this.onMeasurement} />
+                    {content}
+                </BaseCard>
+            </ScopedRoomContextProvider>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/PictureInPictureDragger.tsx b/apps/web/src/components/structures/PictureInPictureDragger.tsx
new file mode 100644
index 00000000000..914a53f0bbb
--- /dev/null
+++ b/apps/web/src/components/structures/PictureInPictureDragger.tsx
@@ -0,0 +1,255 @@
+/*
+Copyright 2021-2024 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, createRef } from "react";
+
+import UIStore, { UI_EVENTS } from "../../stores/UIStore";
+import { lerp } from "../../utils/AnimationUtils";
+import { MarkedExecution } from "../../utils/MarkedExecution";
+
+const PIP_VIEW_WIDTH = 336;
+const PIP_VIEW_HEIGHT = 232;
+
+const MOVING_AMT = 0.2;
+const SNAPPING_AMT = 0.1;
+
+const PADDING = {
+    top: 80,
+    bottom: 87,
+    left: 84,
+    right: 16,
+};
+
+/**
+ * The type of a callback which will create the pip content children.
+ */
+export type CreatePipChildren = (options: IChildrenOptions) => JSX.Element;
+
+interface IChildrenOptions {
+    // a callback which is called when a mouse event (most likely mouse down) occurs at start of moving the pip around
+    onStartMoving: (event: React.MouseEvent) => void;
+    // a callback which is called when the content fo the pip changes in a way that is likely to cause a resize
+    onResize: (event: Event) => void;
+}
+
+interface IProps {
+    children: Array<CreatePipChildren>;
+    onDoubleClick?: () => void;
+    onMove?: () => void;
+}
+
+/**
+ * PictureInPictureDragger shows a small version of CallView hovering over the UI in 'picture-in-picture'
+ * (PiP mode). It displays the call(s) which is *not* in the room the user is currently viewing.
+ */
+export default class PictureInPictureDragger extends React.Component<IProps> {
+    private callViewWrapper = createRef<HTMLDivElement>();
+    private initX = 0;
+    private initY = 0;
+    private desiredTranslationX = UIStore.instance.windowWidth - PADDING.right - PIP_VIEW_WIDTH;
+    private desiredTranslationY = PADDING.top;
+    private translationX = this.desiredTranslationX;
+    private translationY = this.desiredTranslationY;
+    private mouseHeld = false;
+    private scheduledUpdate: MarkedExecution = new MarkedExecution(
+        () => this.animationCallback(),
+        () => requestAnimationFrame(() => this.scheduledUpdate.trigger()),
+    );
+    private startingPositionX = 0;
+    private startingPositionY = 0;
+
+    private _moving = false;
+    public get moving(): boolean {
+        return this._moving;
+    }
+    private set moving(value: boolean) {
+        this._moving = value;
+    }
+
+    public componentDidMount(): void {
+        document.addEventListener("mousemove", this.onMoving);
+        document.addEventListener("mouseup", this.onEndMoving);
+        UIStore.instance.on(UI_EVENTS.Resize, this.onResize);
+        // correctly position the PiP
+        this.snap();
+    }
+
+    public componentWillUnmount(): void {
+        document.removeEventListener("mousemove", this.onMoving);
+        document.removeEventListener("mouseup", this.onEndMoving);
+        UIStore.instance.off(UI_EVENTS.Resize, this.onResize);
+    }
+
+    public componentDidUpdate(prevProps: Readonly<IProps>): void {
+        if (prevProps.children !== this.props.children) this.snap(true);
+    }
+
+    private animationCallback = (): void => {
+        if (
+            !this.moving &&
+            Math.abs(this.translationX - this.desiredTranslationX) <= 1 &&
+            Math.abs(this.translationY - this.desiredTranslationY) <= 1
+        ) {
+            // Break the loop by settling the element into its final position
+            this.translationX = this.desiredTranslationX;
+            this.translationY = this.desiredTranslationY;
+            this.setStyle();
+        } else {
+            const amt = this.moving ? MOVING_AMT : SNAPPING_AMT;
+            this.translationX = lerp(this.translationX, this.desiredTranslationX, amt);
+            this.translationY = lerp(this.translationY, this.desiredTranslationY, amt);
+
+            this.setStyle();
+            this.scheduledUpdate.mark();
+        }
+
+        this.props.onMove?.();
+    };
+
+    private setStyle = (): void => {
+        if (!this.callViewWrapper.current) return;
+        // Set the element's style directly, bypassing React for efficiency
+        this.callViewWrapper.current.style.transform = `translateX(${this.translationX}px) translateY(${this.translationY}px)`;
+    };
+
+    private setTranslation(inTranslationX: number, inTranslationY: number): void {
+        const width = this.callViewWrapper.current?.clientWidth || PIP_VIEW_WIDTH;
+        const height = this.callViewWrapper.current?.clientHeight || PIP_VIEW_HEIGHT;
+
+        // Avoid overflow on the x axis
+        if (inTranslationX + width >= UIStore.instance.windowWidth) {
+            this.desiredTranslationX = UIStore.instance.windowWidth - width;
+        } else if (inTranslationX <= 0) {
+            this.desiredTranslationX = 0;
+        } else {
+            this.desiredTranslationX = inTranslationX;
+        }
+
+        // Avoid overflow on the y axis
+        if (inTranslationY + height >= UIStore.instance.windowHeight) {
+            this.desiredTranslationY = UIStore.instance.windowHeight - height;
+        } else if (inTranslationY <= 0) {
+            this.desiredTranslationY = 0;
+        } else {
+            this.desiredTranslationY = inTranslationY;
+        }
+    }
+
+    private onResize = (): void => {
+        this.snap(false);
+    };
+
+    private snap = (animate = false): void => {
+        const translationX = this.desiredTranslationX;
+        const translationY = this.desiredTranslationY;
+        // We subtract the PiP size from the window size in order to calculate
+        // the position to snap to from the PiP center and not its top-left
+        // corner
+        const windowWidth =
+            UIStore.instance.windowWidth - (this.callViewWrapper.current?.clientWidth || PIP_VIEW_WIDTH);
+        const windowHeight =
+            UIStore.instance.windowHeight - (this.callViewWrapper.current?.clientHeight || PIP_VIEW_HEIGHT);
+
+        if (translationX >= windowWidth / 2 && translationY >= windowHeight / 2) {
+            this.desiredTranslationX = windowWidth - PADDING.right;
+            this.desiredTranslationY = windowHeight - PADDING.bottom;
+        } else if (translationX >= windowWidth / 2 && translationY <= windowHeight / 2) {
+            this.desiredTranslationX = windowWidth - PADDING.right;
+            this.desiredTranslationY = PADDING.top;
+        } else if (translationX <= windowWidth / 2 && translationY >= windowHeight / 2) {
+            this.desiredTranslationX = PADDING.left;
+            this.desiredTranslationY = windowHeight - PADDING.bottom;
+        } else {
+            this.desiredTranslationX = PADDING.left;
+            this.desiredTranslationY = PADDING.top;
+        }
+
+        if (!animate) {
+            this.translationX = this.desiredTranslationX;
+            this.translationY = this.desiredTranslationY;
+        }
+
+        // We start animating here because we want the PiP to move when we're
+        // resizing the window
+        this.scheduledUpdate.mark();
+    };
+
+    private onStartMoving = (event: React.MouseEvent | MouseEvent): void => {
+        this.mouseHeld = true;
+        this.startingPositionX = event.clientX;
+        this.startingPositionY = event.clientY;
+    };
+
+    private onMoving = (event: MouseEvent): void => {
+        if (!this.mouseHeld) return;
+
+        if (
+            Math.abs(this.startingPositionX - event.clientX) < 5 &&
+            Math.abs(this.startingPositionY - event.clientY) < 5
+        ) {
+            // User needs to move the widget by at least five pixels.
+            // Improves click detection when using a touchpad or with nervous hands.
+            return;
+        }
+
+        event.preventDefault();
+        event.stopPropagation();
+
+        if (!this.moving) {
+            this.moving = true;
+            this.initX = event.pageX - this.desiredTranslationX;
+            this.initY = event.pageY - this.desiredTranslationY;
+            this.scheduledUpdate.mark();
+        }
+
+        this.setTranslation(event.pageX - this.initX, event.pageY - this.initY);
+    };
+
+    private onEndMoving = (event: MouseEvent): void => {
+        if (!this.mouseHeld) return;
+
+        this.mouseHeld = false;
+        // Delaying this to the next event loop tick is necessary for click
+        // event cancellation to work
+        setTimeout(() => (this.moving = false));
+        this.snap(true);
+    };
+
+    private onClickCapture = (event: React.MouseEvent): void => {
+        // To prevent mouse up events during dragging from being double-counted
+        // as clicks, we cancel clicks before they ever reach the target
+        if (this.moving) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    };
+
+    public render(): React.ReactNode {
+        const style = {
+            transform: `translateX(${this.translationX}px) translateY(${this.translationY}px)`,
+        };
+
+        const children = this.props.children.map((create: CreatePipChildren) => {
+            return create({
+                onStartMoving: this.onStartMoving,
+                onResize: this.onResize,
+            });
+        });
+
+        return (
+            <aside
+                className="mx_PictureInPictureDragger"
+                style={style}
+                ref={this.callViewWrapper}
+                onClickCapture={this.onClickCapture}
+                onDoubleClick={this.props.onDoubleClick}
+            >
+                {children}
+            </aside>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/PipContainer.tsx b/apps/web/src/components/structures/PipContainer.tsx
new file mode 100644
index 00000000000..fc3d80268b7
--- /dev/null
+++ b/apps/web/src/components/structures/PipContainer.tsx
@@ -0,0 +1,313 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-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 RefObject, type ReactNode, useRef, useEffect } from "react";
+import { CallEvent, CallState, type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import { logger } from "matrix-js-sdk/src/logger";
+import { useCreateAutoDisposedViewModel, WidgetPipView } from "@element-hq/web-shared-components";
+
+import LegacyCallView from "../views/voip/LegacyCallView";
+import { LegacyCallHandlerEvent } from "../../LegacyCallHandler";
+import PictureInPictureDragger, { type CreatePipChildren } from "./PictureInPictureDragger";
+import dis from "../../dispatcher/dispatcher";
+import { Action } from "../../dispatcher/actions";
+import { WidgetLayoutStore } from "../../stores/widgets/WidgetLayoutStore";
+import ActiveWidgetStore, { ActiveWidgetStoreEvent } from "../../stores/ActiveWidgetStore";
+import { type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+import RoomAvatar from "../views/avatars/RoomAvatar";
+import { WidgetPipViewModel, type Props as WidgetPipViewModelProps } from "../../viewmodels/room/WidgetPipViewModel";
+import { SDKContext } from "../../contexts/SDKContext.ts";
+
+const SHOW_CALL_IN_STATES = [
+    CallState.Connected,
+    CallState.InviteSent,
+    CallState.Connecting,
+    CallState.CreateAnswer,
+    CallState.CreateOffer,
+    CallState.WaitLocalMedia,
+];
+
+interface IProps {
+    movePersistedElement: RefObject<(() => void) | null>;
+}
+
+interface IState {
+    viewedRoomId?: string;
+
+    // The main call that we are displaying (ie. not including the call in the room being viewed, if any)
+    primaryCall: MatrixCall | null;
+
+    // Any other call we're displaying: only if the user is on two calls and not viewing either of the rooms
+    // they belong to
+    secondaryCall: MatrixCall;
+
+    // Widget candidate to be displayed in the PiP view.
+    persistentWidgetId: string | null;
+    persistentRoomId: string | null;
+    showWidgetInPip: boolean;
+}
+
+/**
+ * PipContainer shows a small version of the LegacyCallView or a sticky widget hovering over the UI in
+ * 'picture-in-picture' (PiP mode). It displays the call(s) which is *not* in the room the user is currently viewing
+ * and all widgets that are active but not shown in any other possible container.
+ */
+
+class PipContainerInner extends React.Component<IProps, IState> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    public constructor(props: IProps, context: React.ContextType<typeof SDKContext>) {
+        super(props, context);
+
+        const roomId = this.context.roomViewStore.getRoomId();
+
+        const [primaryCall, secondaryCalls] = this.getPrimarySecondaryCallsForPip(roomId);
+
+        this.state = {
+            viewedRoomId: roomId || undefined,
+            primaryCall: primaryCall || null,
+            secondaryCall: secondaryCalls[0],
+            persistentWidgetId: ActiveWidgetStore.instance.getPersistentWidgetId(),
+            persistentRoomId: ActiveWidgetStore.instance.getPersistentRoomId(),
+            showWidgetInPip: false,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.context.legacyCallHandler.addListener(LegacyCallHandlerEvent.CallChangeRoom, this.updateCalls);
+        this.context.legacyCallHandler.addListener(LegacyCallHandlerEvent.CallState, this.updateCalls);
+        this.context.roomViewStore.addListener(UPDATE_EVENT, this.onRoomViewStoreUpdate);
+        this.context.client?.on(CallEvent.RemoteHoldUnhold, this.onCallRemoteHold);
+        const room = this.context.client?.getRoom(this.state.viewedRoomId);
+        if (room) {
+            this.context.widgetLayoutStore.on(WidgetLayoutStore.emissionForRoom(room), this.updateCalls);
+        }
+        ActiveWidgetStore.instance.on(ActiveWidgetStoreEvent.Persistence, this.onWidgetPersistence);
+        ActiveWidgetStore.instance.on(ActiveWidgetStoreEvent.Dock, this.onWidgetDockChanges);
+        ActiveWidgetStore.instance.on(ActiveWidgetStoreEvent.Undock, this.onWidgetDockChanges);
+    }
+
+    public componentWillUnmount(): void {
+        this.context.legacyCallHandler.removeListener(LegacyCallHandlerEvent.CallChangeRoom, this.updateCalls);
+        this.context.legacyCallHandler.removeListener(LegacyCallHandlerEvent.CallState, this.updateCalls);
+        this.context.client?.removeListener(CallEvent.RemoteHoldUnhold, this.onCallRemoteHold);
+        this.context.roomViewStore.removeListener(UPDATE_EVENT, this.onRoomViewStoreUpdate);
+        const room = this.context.client?.getRoom(this.state.viewedRoomId);
+        if (room) {
+            this.context.widgetLayoutStore.off(WidgetLayoutStore.emissionForRoom(room), this.updateCalls);
+        }
+        ActiveWidgetStore.instance.off(ActiveWidgetStoreEvent.Persistence, this.onWidgetPersistence);
+        ActiveWidgetStore.instance.off(ActiveWidgetStoreEvent.Dock, this.onWidgetDockChanges);
+        ActiveWidgetStore.instance.off(ActiveWidgetStoreEvent.Undock, this.onWidgetDockChanges);
+    }
+
+    /**
+     * Splits a list of calls into one 'primary' one and a list
+     * (which should be a single element) of other calls.
+     * The primary will be the one not on hold, or an arbitrary one
+     * if they're all on hold)
+     */
+    private getPrimarySecondaryCallsForPip(roomId: string | null): [MatrixCall | null, MatrixCall[]] {
+        if (!roomId) return [null, []];
+
+        const calls = this.context.legacyCallHandler.getAllActiveCallsForPip(roomId);
+
+        let primary: MatrixCall | null = null;
+        let secondaries: MatrixCall[] = [];
+
+        for (const call of calls) {
+            if (!SHOW_CALL_IN_STATES.includes(call.state)) continue;
+
+            if (!call.isRemoteOnHold() && primary === null) {
+                primary = call;
+            } else {
+                secondaries.push(call);
+            }
+        }
+
+        if (primary === null && secondaries.length > 0) {
+            primary = secondaries[0];
+            secondaries = secondaries.slice(1);
+        }
+
+        if (secondaries.length > 1) {
+            // We should never be in more than two calls so this shouldn't happen
+            logger.log("Found more than 1 secondary call! Other calls will not be shown.");
+        }
+
+        return [primary, secondaries];
+    }
+
+    private onMove = (): void => this.props.movePersistedElement.current?.();
+
+    private onRoomViewStoreUpdate = (): void => {
+        const newRoomId = this.context.roomViewStore.getRoomId();
+        const oldRoomId = this.state.viewedRoomId;
+        if (newRoomId === oldRoomId) return;
+        // The WidgetLayoutStore observer always tracks the currently viewed Room,
+        // so we don't end up with multiple observers and know what observer to remove on unmount
+        const oldRoom = this.context.client?.getRoom(oldRoomId);
+        if (oldRoom) {
+            this.context.widgetLayoutStore.off(WidgetLayoutStore.emissionForRoom(oldRoom), this.updateCalls);
+        }
+        const newRoom = this.context.client?.getRoom(newRoomId || undefined);
+        if (newRoom) {
+            this.context.widgetLayoutStore.on(WidgetLayoutStore.emissionForRoom(newRoom), this.updateCalls);
+        }
+        if (!newRoomId) return;
+
+        const [primaryCall, secondaryCalls] = this.getPrimarySecondaryCallsForPip(newRoomId);
+        this.setState({
+            viewedRoomId: newRoomId,
+            primaryCall: primaryCall,
+            secondaryCall: secondaryCalls[0],
+        });
+        this.updateShowWidgetInPip();
+    };
+
+    private onWidgetPersistence = (): void => {
+        this.updateShowWidgetInPip();
+    };
+
+    private onWidgetDockChanges = (): void => {
+        this.updateShowWidgetInPip();
+    };
+
+    private updateCalls = (): void => {
+        if (!this.state.viewedRoomId) return;
+        const [primaryCall, secondaryCalls] = this.getPrimarySecondaryCallsForPip(this.state.viewedRoomId);
+
+        this.setState({
+            primaryCall: primaryCall,
+            secondaryCall: secondaryCalls[0],
+        });
+        this.updateShowWidgetInPip();
+    };
+
+    private onCallRemoteHold = (): void => {
+        if (!this.state.viewedRoomId) return;
+        const [primaryCall, secondaryCalls] = this.getPrimarySecondaryCallsForPip(this.state.viewedRoomId);
+
+        this.setState({
+            primaryCall: primaryCall,
+            secondaryCall: secondaryCalls[0],
+        });
+    };
+
+    private onDoubleClick = (): void => {
+        const callRoomId = this.state.primaryCall?.roomId;
+        if (callRoomId ?? this.state.persistentRoomId) {
+            dis.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: callRoomId ?? this.state.persistentRoomId ?? undefined,
+                metricsTrigger: "WebFloatingCallWindow",
+            });
+        }
+    };
+
+    public updateShowWidgetInPip(): void {
+        const persistentWidgetId = ActiveWidgetStore.instance.getPersistentWidgetId();
+        const persistentRoomId = ActiveWidgetStore.instance.getPersistentRoomId();
+
+        let fromAnotherRoom = false;
+        let notDocked = false;
+        // Sanity check the room - the widget may have been destroyed between render cycles, and
+        // thus no room is associated anymore.
+        if (persistentWidgetId && persistentRoomId && this.context.client?.getRoom(persistentRoomId)) {
+            notDocked = !ActiveWidgetStore.instance.isDocked(persistentWidgetId, persistentRoomId);
+            fromAnotherRoom = this.state.viewedRoomId !== persistentRoomId;
+        }
+
+        // The widget should only be shown as a persistent app (in a floating
+        // pip container) if it is not visible on screen: either because we are
+        // viewing a different room OR because it is in none of the possible
+        // containers of the room view.
+        const showWidgetInPip = fromAnotherRoom || notDocked;
+
+        this.setState({ showWidgetInPip, persistentWidgetId, persistentRoomId });
+    }
+
+    public render(): ReactNode {
+        const pipMode = true;
+        const pipContent: Array<CreatePipChildren> = [];
+
+        if (this.state.primaryCall) {
+            // get a ref to call inside the current scope
+            const call = this.state.primaryCall;
+            pipContent.push(({ onStartMoving, onResize }) => (
+                <LegacyCallView
+                    key="call-view"
+                    onMouseDownOnHeader={onStartMoving}
+                    call={call}
+                    secondaryCall={this.state.secondaryCall}
+                    pipMode={pipMode}
+                    onResize={onResize}
+                    sidebarShown={false}
+                />
+            ));
+        }
+
+        if (this.state.showWidgetInPip && this.state.persistentWidgetId) {
+            pipContent.push(({ onStartMoving }) => (
+                <WidgetPipWrappedView
+                    key="widget-pip"
+                    widgetId={this.state.persistentWidgetId!}
+                    room={this.context.client!.getRoom(this.state.persistentRoomId ?? undefined)!}
+                    viewingRoom={this.state.viewedRoomId === this.state.persistentRoomId}
+                    onStartMoving={onStartMoving}
+                    movePersistedElement={this.props.movePersistedElement}
+                />
+            ));
+        }
+
+        if (pipContent.length) {
+            return (
+                <PictureInPictureDragger onDoubleClick={this.onDoubleClick} onMove={this.onMove}>
+                    {pipContent}
+                </PictureInPictureDragger>
+            );
+        }
+
+        return null;
+    }
+}
+
+export const PipContainer: React.FC = () => {
+    const movePersistedElement = useRef<() => void>(null);
+
+    return <PipContainerInner movePersistedElement={movePersistedElement} />;
+};
+
+type Props = { viewingRoom: boolean } & WidgetPipViewModelProps;
+
+/**
+ * A wrapper for the WidgetPipView component.
+ *
+ * This exposes the new shared WidgetPipView with the same API as before and how
+ * it is used in the PipContainerInner component.
+ * @param props The same props the legacy WidgetPip was using.
+ * @returns
+ */
+const WidgetPipWrappedView: React.FC<Props> = (props: Props) => {
+    const vm = useCreateAutoDisposedViewModel(() => new WidgetPipViewModel(props));
+
+    useEffect(() => {
+        // Use an effect to update viewingRoom. It is not required in the view but only in the view model.
+        vm.setViewingRoom(props.viewingRoom);
+    }, [vm, props.viewingRoom]);
+
+    return (
+        <WidgetPipView
+            vm={vm}
+            // Props only used in the view and not the view model get passed directly.
+            RoomAvatar={({ size }) => <RoomAvatar size={size} room={props.room} />}
+        />
+    );
+};
diff --git a/apps/web/src/components/structures/ReleaseAnnouncement.tsx b/apps/web/src/components/structures/ReleaseAnnouncement.tsx
new file mode 100644
index 00000000000..bdeef4280c7
--- /dev/null
+++ b/apps/web/src/components/structures/ReleaseAnnouncement.tsx
@@ -0,0 +1,45 @@
+/*
+ * 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.
+ */
+
+import React, { type ComponentProps, type JSX, type PropsWithChildren } from "react";
+import { ReleaseAnnouncement as ReleaseAnnouncementCompound } from "@vector-im/compound-web";
+
+import { ReleaseAnnouncementStore, type Feature } from "../../stores/ReleaseAnnouncementStore";
+import { useIsReleaseAnnouncementOpen } from "../../hooks/useIsReleaseAnnouncementOpen";
+
+interface ReleaseAnnouncementProps extends Omit<
+    ComponentProps<typeof ReleaseAnnouncementCompound>,
+    "open" | "onClick"
+> {
+    feature: Feature;
+}
+
+/**
+ * Display a release announcement component around the children
+ * Wrapper gluing the release announcement compound and the ReleaseAnnouncementStore
+ * @param feature - the feature to announce, should be listed in {@link Feature}
+ * @param children
+ * @param props
+ */
+export function ReleaseAnnouncement({
+    feature,
+    children,
+    ...props
+}: PropsWithChildren<ReleaseAnnouncementProps>): JSX.Element {
+    const enabled = useIsReleaseAnnouncementOpen(feature);
+
+    return (
+        <ReleaseAnnouncementCompound
+            open={enabled}
+            onClick={() => ReleaseAnnouncementStore.instance.nextReleaseAnnouncement()}
+            {...props}
+        >
+            {children}
+        </ReleaseAnnouncementCompound>
+    );
+}
diff --git a/apps/web/src/components/structures/RightPanel.tsx b/apps/web/src/components/structures/RightPanel.tsx
new file mode 100644
index 00000000000..00cdebe5b52
--- /dev/null
+++ b/apps/web/src/components/structures/RightPanel.tsx
@@ -0,0 +1,288 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-2022 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 from "react";
+import { type Room, type RoomState, RoomStateEvent, RoomMember, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { throttle } from "lodash";
+
+import dis from "../../dispatcher/dispatcher";
+import { RightPanelPhases } from "../../stores/right-panel/RightPanelStorePhases";
+import RightPanelStore from "../../stores/right-panel/RightPanelStore";
+import MatrixClientContext from "../../contexts/MatrixClientContext";
+import RoomSummaryCardView from "../views/right_panel/RoomSummaryCardView";
+import WidgetCard from "../views/right_panel/WidgetCard";
+import UserInfo from "../views/right_panel/UserInfo";
+import ThirdPartyMemberInfo from "../views/rooms/ThirdPartyMemberInfo";
+import FilePanel from "./FilePanel";
+import ThreadView from "./ThreadView";
+import ThreadPanel from "./ThreadPanel";
+import NotificationPanel from "./NotificationPanel";
+import type ResizeNotifier from "../../utils/ResizeNotifier";
+import { PinnedMessagesCard } from "../views/right_panel/PinnedMessagesCard";
+import { type RoomPermalinkCreator } from "../../utils/permalinks/Permalinks";
+import { type E2EStatus } from "../../utils/ShieldUtils";
+import TimelineCard from "../views/right_panel/TimelineCard";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+import { type IRightPanelCard, type IRightPanelCardState } from "../../stores/right-panel/RightPanelStoreIPanelState";
+import { Action } from "../../dispatcher/actions";
+import { type XOR } from "../../@types/common";
+import ExtensionsCard from "../views/right_panel/ExtensionsCard";
+import MemberListView from "../views/rooms/MemberList/MemberListView";
+
+interface BaseProps {
+    overwriteCard?: IRightPanelCard; // used to display a custom card and ignoring the RightPanelStore (used for UserView)
+    resizeNotifier: ResizeNotifier;
+    e2eStatus?: E2EStatus;
+}
+
+interface RoomlessProps extends BaseProps {
+    room?: undefined;
+    permalinkCreator?: undefined;
+}
+
+interface RoomProps extends BaseProps {
+    room: Room;
+    permalinkCreator: RoomPermalinkCreator;
+    onSearchChange?: (term: string) => void;
+    onSearchCancel?: () => void;
+    searchTerm?: string;
+}
+
+type Props = XOR<RoomlessProps, RoomProps>;
+
+interface IState {
+    phase?: RightPanelPhases;
+    cardState?: IRightPanelCardState;
+}
+
+export default class RightPanel extends React.Component<Props, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    public constructor(props: Props) {
+        super(props);
+
+        this.state = RightPanel.getDerivedStateFromProps(props);
+    }
+
+    private readonly delayedUpdate = throttle(
+        (): void => {
+            this.forceUpdate();
+        },
+        500,
+        { leading: true, trailing: true },
+    );
+
+    public componentDidMount(): void {
+        this.context.on(RoomStateEvent.Members, this.onRoomStateMember);
+        RightPanelStore.instance.on(UPDATE_EVENT, this.onRightPanelStoreUpdate);
+    }
+
+    public componentWillUnmount(): void {
+        this.context?.removeListener(RoomStateEvent.Members, this.onRoomStateMember);
+        RightPanelStore.instance.off(UPDATE_EVENT, this.onRightPanelStoreUpdate);
+    }
+
+    public static getDerivedStateFromProps(props: Props): Partial<IState> {
+        let currentCard: IRightPanelCard | undefined;
+        if (props.room) {
+            currentCard = RightPanelStore.instance.currentCardForRoom(props.room.roomId);
+        }
+
+        return {
+            cardState: currentCard?.state,
+            phase: currentCard?.phase ?? undefined,
+        };
+    }
+
+    private onRoomStateMember = (ev: MatrixEvent, state: RoomState, member: RoomMember): void => {
+        if (!this.props.room || member.roomId !== this.props.room.roomId) {
+            return;
+        }
+
+        // redraw the badge on the membership list
+        if (this.state.phase === RightPanelPhases.MemberList) {
+            this.delayedUpdate();
+        } else if (
+            this.state.phase === RightPanelPhases.MemberInfo &&
+            member.userId === this.state.cardState?.member?.userId
+        ) {
+            // refresh the member info (e.g. new power level)
+            this.delayedUpdate();
+        }
+    };
+
+    private onRightPanelStoreUpdate = (): void => {
+        this.setState({ ...(RightPanel.getDerivedStateFromProps(this.props) as IState) });
+    };
+
+    private onClose = (): void => {
+        // XXX: There are three different ways of 'closing' this panel depending on what state
+        // things are in... this knows far more than it should do about the state of the rest
+        // of the app and is generally a bit silly.
+        if (this.props.overwriteCard?.state?.member) {
+            // If we have a user prop then we're displaying a user from the 'user' page type
+            // in LoggedInView, so need to change the page type to close the panel (we switch
+            // to the home page which is not obviously the correct thing to do, but I'm not sure
+            // anything else is - we could hide the close button altogether?)
+            dis.dispatch({
+                action: Action.ViewHomePage,
+            });
+        } else if (
+            this.state.phase === RightPanelPhases.EncryptionPanel &&
+            this.state.cardState?.verificationRequest?.pending
+        ) {
+            // When the user clicks close on the encryption panel cancel the pending request first if any
+            this.state.cardState.verificationRequest.cancel();
+        } else {
+            RightPanelStore.instance.togglePanel(this.props.room?.roomId ?? null);
+        }
+    };
+
+    public render(): React.ReactNode {
+        let card = <div />;
+        const roomId = this.props.room?.roomId;
+        const phase = this.props.overwriteCard?.phase ?? this.state.phase;
+        const cardState = this.props.overwriteCard?.state ?? this.state.cardState;
+        switch (phase) {
+            case RightPanelPhases.MemberList:
+                if (!!roomId) {
+                    card = <MemberListView roomId={roomId} onClose={this.onClose} />;
+                }
+                break;
+
+            case RightPanelPhases.MemberInfo:
+            case RightPanelPhases.EncryptionPanel: {
+                if (!!cardState?.member) {
+                    const roomMember = cardState.member instanceof RoomMember ? cardState.member : undefined;
+                    card = (
+                        <UserInfo
+                            user={cardState.member}
+                            room={this.context.getRoom(roomMember?.roomId) ?? this.props.room}
+                            key={roomId ?? cardState.member.userId}
+                            onClose={this.onClose}
+                            phase={phase}
+                            verificationRequest={cardState.verificationRequest}
+                            verificationRequestPromise={cardState.verificationRequestPromise}
+                        />
+                    );
+                }
+                break;
+            }
+            case RightPanelPhases.ThreePidMemberInfo:
+                if (!!cardState?.memberInfoEvent) {
+                    card = (
+                        <ThirdPartyMemberInfo event={cardState.memberInfoEvent} key={roomId} onClose={this.onClose} />
+                    );
+                }
+                break;
+
+            case RightPanelPhases.NotificationPanel:
+                card = <NotificationPanel onClose={this.onClose} />;
+                break;
+
+            case RightPanelPhases.PinnedMessages:
+                if (!!this.props.room) {
+                    card = (
+                        <PinnedMessagesCard
+                            room={this.props.room}
+                            onClose={this.onClose}
+                            permalinkCreator={this.props.permalinkCreator}
+                        />
+                    );
+                }
+                break;
+            case RightPanelPhases.Timeline:
+                if (!!this.props.room) {
+                    card = (
+                        <TimelineCard
+                            classNames="mx_ThreadPanel mx_TimelineCard"
+                            room={this.props.room}
+                            timelineSet={this.props.room.getUnfilteredTimelineSet()}
+                            resizeNotifier={this.props.resizeNotifier}
+                            onClose={this.onClose}
+                            permalinkCreator={this.props.permalinkCreator}
+                            e2eStatus={this.props.e2eStatus}
+                        />
+                    );
+                }
+                break;
+            case RightPanelPhases.FilePanel:
+                if (!!roomId) {
+                    card = <FilePanel roomId={roomId} onClose={this.onClose} />;
+                }
+                break;
+
+            case RightPanelPhases.ThreadView:
+                if (!!this.props.room && !!cardState?.threadHeadEvent) {
+                    card = (
+                        <ThreadView
+                            room={this.props.room}
+                            resizeNotifier={this.props.resizeNotifier}
+                            onClose={this.onClose}
+                            mxEvent={cardState.threadHeadEvent}
+                            initialEvent={cardState.initialEvent}
+                            isInitialEventHighlighted={cardState.isInitialEventHighlighted}
+                            initialEventScrollIntoView={cardState.initialEventScrollIntoView}
+                            permalinkCreator={this.props.permalinkCreator}
+                            e2eStatus={this.props.e2eStatus}
+                        />
+                    );
+                }
+                break;
+
+            case RightPanelPhases.ThreadPanel:
+                if (!!this.props.room) {
+                    card = (
+                        <ThreadPanel
+                            roomId={this.props.room.roomId}
+                            resizeNotifier={this.props.resizeNotifier}
+                            onClose={this.onClose}
+                            permalinkCreator={this.props.permalinkCreator}
+                        />
+                    );
+                }
+                break;
+
+            case RightPanelPhases.RoomSummary:
+                if (!!this.props.room) {
+                    card = (
+                        <RoomSummaryCardView
+                            room={this.props.room}
+                            // whenever RightPanel is passed a room it is passed a permalinkcreator
+                            permalinkCreator={this.props.permalinkCreator}
+                            onSearchChange={this.props.onSearchChange}
+                            onSearchCancel={this.props.onSearchCancel}
+                            searchTerm={this.props.searchTerm}
+                            focusRoomSearch={cardState?.focusRoomSearch}
+                        />
+                    );
+                }
+                break;
+
+            case RightPanelPhases.Extensions:
+                if (!!this.props.room) {
+                    card = <ExtensionsCard room={this.props.room} onClose={this.onClose} />;
+                }
+                break;
+
+            case RightPanelPhases.Widget:
+                if (!!this.props.room && !!cardState?.widgetId) {
+                    card = <WidgetCard room={this.props.room} widgetId={cardState.widgetId} onClose={this.onClose} />;
+                }
+                break;
+        }
+
+        return (
+            <aside className="mx_RightPanel" id="mx_RightPanel" data-testid="right-panel">
+                {card}
+            </aside>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/RoomSearchView.tsx b/apps/web/src/components/structures/RoomSearchView.tsx
new file mode 100644
index 00000000000..bfd800e7d90
--- /dev/null
+++ b/apps/web/src/components/structures/RoomSearchView.tsx
@@ -0,0 +1,306 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-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 JSX, type Ref, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import {
+    type ISearchResults,
+    type IThreadBundledRelationship,
+    type MatrixEvent,
+    THREAD_RELATION_TYPE,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { SearchIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import ScrollPanel from "./ScrollPanel";
+import Spinner from "../views/elements/Spinner";
+import { _t } from "../../languageHandler";
+import { haveRendererForEvent } from "../../events/EventTileFactory";
+import SearchResultTile from "../views/rooms/SearchResultTile";
+import { searchPagination, SearchScope } from "../../Searching";
+import MatrixClientContext from "../../contexts/MatrixClientContext";
+import { RoomPermalinkCreator } from "../../utils/permalinks/Permalinks";
+import { useScopedRoomContext } from "../../contexts/ScopedRoomContext.tsx";
+
+const DEBUG = false;
+let debuglog = function (msg: string): void {};
+
+/* istanbul ignore next */
+if (DEBUG) {
+    // using bind means that we get to keep useful line numbers in the console
+    debuglog = logger.log.bind(console);
+}
+
+interface Props {
+    term: string;
+    scope: SearchScope;
+    inProgress: boolean;
+    promise: Promise<ISearchResults>;
+    className: string;
+    onUpdate(this: void, inProgress: boolean, results: ISearchResults | null, error: Error | null): void;
+    ref?: Ref<ScrollPanel>;
+}
+
+// XXX: todo: merge overlapping results somehow?
+// XXX: why doesn't searching on name work?
+export const RoomSearchView = ({ term, scope, promise, className, onUpdate, inProgress, ref }: Props): JSX.Element => {
+    const client = useContext(MatrixClientContext);
+    const roomContext = useScopedRoomContext("showHiddenEvents");
+    const [highlights, setHighlights] = useState<string[] | null>(null);
+    const [results, setResults] = useState<ISearchResults | null>(null);
+    const aborted = useRef(false);
+    // A map from room ID to permalink creator
+    const permalinkCreators = useMemo(() => new Map<string, RoomPermalinkCreator>(), []);
+    const innerRef = useRef<ScrollPanel>(null);
+
+    useEffect(() => {
+        return () => {
+            permalinkCreators.forEach((pc) => pc.stop());
+            permalinkCreators.clear();
+        };
+    }, [permalinkCreators]);
+
+    const handleSearchResult = useCallback(
+        (searchPromise: Promise<ISearchResults>): Promise<boolean> => {
+            onUpdate(true, null, null);
+
+            return searchPromise.then(
+                async (results): Promise<boolean> => {
+                    debuglog("search complete");
+                    if (aborted.current) {
+                        logger.error("Discarding stale search results");
+                        return false;
+                    }
+
+                    // postgres on synapse returns us precise details of the strings
+                    // which actually got matched for highlighting.
+                    //
+                    // In either case, we want to highlight the literal search term
+                    // whether it was used by the search engine or not.
+
+                    let highlights = results.highlights;
+                    if (!highlights.includes(term)) {
+                        highlights = highlights.concat(term);
+                    }
+
+                    // For overlapping highlights,
+                    // favour longer (more specific) terms first
+                    highlights = highlights.sort(function (a, b) {
+                        return b.length - a.length;
+                    });
+
+                    for (const result of results.results) {
+                        for (const event of result.context.getTimeline()) {
+                            const bundledRelationship = event.getServerAggregatedRelation<IThreadBundledRelationship>(
+                                THREAD_RELATION_TYPE.name,
+                            );
+                            if (!bundledRelationship || event.getThread()) continue;
+                            const room = client.getRoom(event.getRoomId());
+                            const thread = room?.findThreadForEvent(event);
+                            if (thread) {
+                                event.setThread(thread);
+                            } else {
+                                room?.createThread(event.getId()!, event, [], true);
+                            }
+                        }
+                    }
+
+                    setHighlights(highlights);
+                    setResults({ ...results }); // copy to force a refresh
+                    onUpdate(false, results, null);
+                    return false;
+                },
+                (error) => {
+                    if (aborted.current) {
+                        logger.error("Discarding stale search results");
+                        return false;
+                    }
+                    logger.error("Search failed", error);
+                    onUpdate(false, null, error);
+                    return false;
+                },
+            );
+        },
+        [client, term, onUpdate],
+    );
+
+    // Mount & unmount effect
+    useEffect(() => {
+        aborted.current = false;
+        handleSearchResult(promise);
+        return () => {
+            aborted.current = true;
+        };
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+    // show searching spinner
+    if (results === null) {
+        return (
+            <div
+                className="mx_RoomView_messagePanel mx_RoomView_messagePanelSearchSpinner"
+                data-testid="messagePanelSearchSpinner"
+            >
+                <SearchIcon />
+            </div>
+        );
+    }
+
+    const onSearchResultsFillRequest = async (backwards: boolean): Promise<boolean> => {
+        if (!backwards) {
+            return false;
+        }
+
+        if (!results.next_batch) {
+            debuglog("no more search results");
+            return false;
+        }
+
+        debuglog("requesting more search results");
+        const searchPromise = searchPagination(client, results);
+        return handleSearchResult(searchPromise);
+    };
+
+    const ret: JSX.Element[] = [];
+
+    if (inProgress) {
+        ret.push(
+            <li key="search-spinner">
+                <Spinner />
+            </li>,
+        );
+    }
+
+    if (!results.next_batch) {
+        if (!results?.results?.length) {
+            ret.push(
+                <li key="search-top-marker">
+                    <h2 className="mx_RoomView_topMarker">{_t("common|no_results")}</h2>
+                </li>,
+            );
+        } else {
+            ret.push(
+                <li key="search-top-marker">
+                    <h2 className="mx_RoomView_topMarker">{_t("no_more_results")}</h2>
+                </li>,
+            );
+        }
+    }
+
+    const onRef = (e: ScrollPanel | null): void => {
+        if (typeof ref === "function") {
+            ref(e);
+        } else if (!!ref) {
+            ref.current = e;
+        }
+        innerRef.current = e;
+    };
+
+    let lastRoomId: string | undefined;
+    let mergedTimeline: MatrixEvent[] = [];
+    let ourEventsIndexes: number[] = [];
+
+    for (let i = (results?.results?.length || 0) - 1; i >= 0; i--) {
+        const result = results.results[i];
+
+        const mxEv = result.context.getEvent();
+        const roomId = mxEv.getRoomId()!;
+        const room = client.getRoom(roomId);
+        if (!room) {
+            // if we do not have the room in js-sdk stores then hide it as we cannot easily show it
+            // As per the spec, an all rooms search can create this condition,
+            // it happens with Seshat but not Synapse.
+            // It will make the result count not match the displayed count.
+            logger.log("Hiding search result from an unknown room", roomId);
+            continue;
+        }
+
+        if (!haveRendererForEvent(mxEv, client, roomContext.showHiddenEvents)) {
+            // XXX: can this ever happen? It will make the result count
+            // not match the displayed count.
+            continue;
+        }
+
+        if (scope === SearchScope.All) {
+            if (roomId !== lastRoomId) {
+                ret.push(
+                    <li key={mxEv.getId() + "-room"}>
+                        <h2>
+                            {_t("common|room")}: {room.name}
+                        </h2>
+                    </li>,
+                );
+                lastRoomId = roomId;
+            }
+        }
+
+        const resultLink = "#/room/" + roomId + "/" + mxEv.getId();
+
+        // merging two successive search result if the query is present in both of them
+        const currentTimeline = result.context.getTimeline();
+        const nextTimeline = i > 0 ? results.results[i - 1].context.getTimeline() : [];
+
+        if (i > 0 && currentTimeline[currentTimeline.length - 1].getId() == nextTimeline[0].getId()) {
+            // if this is the first searchResult we merge then add all values of the current searchResult
+            if (mergedTimeline.length == 0) {
+                for (let j = mergedTimeline.length == 0 ? 0 : 1; j < result.context.getTimeline().length; j++) {
+                    mergedTimeline.push(currentTimeline[j]);
+                }
+                ourEventsIndexes.push(result.context.getOurEventIndex());
+            }
+
+            // merge the events of the next searchResult
+            for (let j = 1; j < nextTimeline.length; j++) {
+                mergedTimeline.push(nextTimeline[j]);
+            }
+
+            // add the index of the matching event of the next searchResult
+            ourEventsIndexes.push(
+                ourEventsIndexes[ourEventsIndexes.length - 1] + results.results[i - 1].context.getOurEventIndex() + 1,
+            );
+
+            continue;
+        }
+
+        if (mergedTimeline.length == 0) {
+            mergedTimeline = result.context.getTimeline();
+            ourEventsIndexes = [];
+            ourEventsIndexes.push(result.context.getOurEventIndex());
+        }
+
+        let permalinkCreator = permalinkCreators.get(roomId);
+        if (!permalinkCreator) {
+            permalinkCreator = new RoomPermalinkCreator(room);
+            permalinkCreator.start();
+            permalinkCreators.set(roomId, permalinkCreator);
+        }
+
+        ret.push(
+            <SearchResultTile
+                key={mxEv.getId()}
+                timeline={mergedTimeline}
+                ourEventsIndexes={ourEventsIndexes}
+                searchHighlights={highlights ?? []}
+                resultLink={resultLink}
+                permalinkCreator={permalinkCreator}
+            />,
+        );
+
+        ourEventsIndexes = [];
+        mergedTimeline = [];
+    }
+
+    return (
+        <ScrollPanel
+            ref={onRef}
+            className={"mx_RoomView_searchResultsPanel " + className}
+            onFillRequest={onSearchResultsFillRequest}
+        >
+            <li className="mx_RoomView_scrollheader" />
+            {ret}
+        </ScrollPanel>
+    );
+};
diff --git a/apps/web/src/components/structures/RoomView.tsx b/apps/web/src/components/structures/RoomView.tsx
new file mode 100644
index 00000000000..42f2d87808c
--- /dev/null
+++ b/apps/web/src/components/structures/RoomView.tsx
@@ -0,0 +1,2750 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2023 The Matrix.org Foundation C.I.C.
+Copyright 2018, 2019 New Vector Ltd
+Copyright 2017 Vector Creations 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.
+*/
+
+import React, {
+    type ComponentProps,
+    createRef,
+    type ReactElement,
+    type ReactNode,
+    type RefObject,
+    type JSX,
+    useEffect,
+} from "react";
+import classNames from "classnames";
+import {
+    type IRecommendedVersion,
+    NotificationCountType,
+    type Room,
+    RoomEvent,
+    type RoomState,
+    RoomStateEvent,
+    type MatrixEvent,
+    MatrixEventEvent,
+    type EventTimeline,
+    type IRoomTimelineData,
+    EventType,
+    HistoryVisibility,
+    JoinRule,
+    ClientEvent,
+    type MatrixError,
+    type ISearchResults,
+    THREAD_RELATION_TYPE,
+    type MatrixClient,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type CallState, type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+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 {
+    EncryptionEventView,
+    RoomStatusBarView,
+    useCreateAutoDisposedViewModel,
+} from "@element-hq/web-shared-components";
+
+import shouldHideEvent from "../../shouldHideEvent";
+import { _t } from "../../languageHandler";
+import * as TimezoneHandler from "../../TimezoneHandler";
+import { RoomPermalinkCreator } from "../../utils/permalinks/Permalinks";
+import type ResizeNotifier from "../../utils/ResizeNotifier";
+import ContentMessages from "../../ContentMessages";
+import Modal from "../../Modal";
+import { LegacyCallHandlerEvent } from "../../LegacyCallHandler";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import * as Rooms from "../../Rooms";
+import MainSplit from "./MainSplit";
+import RightPanel from "./RightPanel";
+import RoomScrollStateStore, { type ScrollState } from "../../stores/RoomScrollStateStore";
+import WidgetEchoStore from "../../stores/WidgetEchoStore";
+import SettingsStore from "../../settings/SettingsStore";
+import { Layout } from "../../settings/enums/Layout";
+import AccessibleButton, { type ButtonEvent } from "../views/elements/AccessibleButton";
+import { TimelineRenderingType, MainSplitContentType } from "../../contexts/RoomContext";
+import { E2EStatus, shieldStatusForRoom } from "../../utils/ShieldUtils";
+import { Action } from "../../dispatcher/actions";
+import { type IMatrixClientCreds } from "../../utils/createMatrixClient";
+import { useMatrixClientContext } from "../../contexts/MatrixClientContext";
+import ScrollPanel from "./ScrollPanel";
+import TimelinePanel from "./TimelinePanel";
+import ErrorBoundary from "../views/elements/ErrorBoundary";
+import RoomPreviewBar from "../views/rooms/RoomPreviewBar";
+import RoomPreviewCard from "../views/rooms/RoomPreviewCard";
+import RoomUpgradeWarningBar from "../views/rooms/RoomUpgradeWarningBar";
+import AuxPanel from "../views/rooms/AuxPanel";
+import RoomHeader from "../views/rooms/RoomHeader/RoomHeader";
+import { type IOOBData, type IThreepidInvite } from "../../stores/ThreepidInviteStore";
+import EffectsOverlay from "../views/elements/EffectsOverlay";
+import { containsEmoji } from "../../effects/utils";
+import { CHAT_EFFECTS } from "../../effects";
+import { CallView } from "../views/voip/CallView";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+import { showToast as showNotificationsToast } from "../../toasts/DesktopNotificationsToast";
+import { WidgetLayoutStore } from "../../stores/widgets/WidgetLayoutStore";
+import { getKeyBindingsManager } from "../../KeyBindingsManager";
+import { objectHasDiff } from "../../utils/objects";
+import SpaceRoomView from "./SpaceRoomView";
+import { type IOpts } from "../../createRoom";
+import EditorStateTransfer from "../../utils/EditorStateTransfer";
+import ErrorDialog from "../views/dialogs/ErrorDialog";
+import UploadBar from "./UploadBar";
+import MessageComposer from "../views/rooms/MessageComposer";
+import JumpToBottomButton from "../views/rooms/JumpToBottomButton";
+import TopUnreadMessagesBar from "../views/rooms/TopUnreadMessagesBar";
+import { fetchInitialEvent } from "../../utils/EventUtils";
+import { type ComposerInsertPayload, ComposerType } from "../../dispatcher/payloads/ComposerInsertPayload";
+import AppsDrawer from "../views/rooms/AppsDrawer";
+import { RightPanelPhases } from "../../stores/right-panel/RightPanelStorePhases";
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { KeyBindingAction } from "../../accessibility/KeyboardShortcuts";
+import { type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import { type JoinRoomPayload } from "../../dispatcher/payloads/JoinRoomPayload";
+import { type DoAfterSyncPreparedPayload } from "../../dispatcher/payloads/DoAfterSyncPreparedPayload";
+import FileDropTarget from "./FileDropTarget";
+import Measured from "../views/elements/Measured";
+import { type FocusComposerPayload } from "../../dispatcher/payloads/FocusComposerPayload";
+import { LocalRoom, LocalRoomState } from "../../models/LocalRoom";
+import { createRoomFromLocalRoom } from "../../utils/direct-messages";
+import NewRoomIntro from "../views/rooms/NewRoomIntro";
+import { isLocalRoom } from "../../utils/localRoom/isLocalRoom";
+import { type ShowThreadPayload } from "../../dispatcher/payloads/ShowThreadPayload";
+import { LargeLoader } from "./LargeLoader";
+import { isVideoRoom } from "../../utils/video-rooms";
+import { SDKContext } from "../../contexts/SDKContext";
+import { RoomSearchView } from "./RoomSearchView";
+import eventSearch, { type SearchInfo, SearchScope } from "../../Searching";
+import { WidgetType } from "../../widgets/WidgetType";
+import WidgetUtils from "../../utils/WidgetUtils";
+import { shouldEncryptRoomWithSingle3rdPartyInvite } from "../../utils/room/shouldEncryptRoomWithSingle3rdPartyInvite";
+import { WaitingForThirdPartyRoomView } from "./WaitingForThirdPartyRoomView";
+import { isNotUndefined } from "../../Typeguards";
+import { type CancelAskToJoinPayload } from "../../dispatcher/payloads/CancelAskToJoinPayload";
+import { type SubmitAskToJoinPayload } from "../../dispatcher/payloads/SubmitAskToJoinPayload";
+import { onView3pidInvite } from "../../stores/right-panel/action-handlers";
+import RoomSearchAuxPanel from "../views/rooms/RoomSearchAuxPanel";
+import { PinnedMessageBanner } from "../views/rooms/PinnedMessageBanner";
+import { ScopedRoomContextProvider, useScopedRoomContext } from "../../contexts/ScopedRoomContext";
+import { DeclineAndBlockInviteDialog } from "../views/dialogs/DeclineAndBlockInviteDialog";
+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";
+import { EncryptionEventViewModel } from "../../viewmodels/room/timeline/event-tile/EncryptionEventViewModel.ts";
+import { ModuleApi } from "../../modules/Api.ts";
+import { RoomUploadContextProvider } from "../../viewmodels/room/RoomUploadViewModel.tsx";
+import { EventPresentationContextProvider } from "../../utils/EventPresentationContextProvider";
+
+const DEBUG = false;
+const PREVENT_MULTIPLE_JITSI_WITHIN = 30_000;
+let debuglog = function (msg: string): void {};
+
+const BROWSER_SUPPORTS_SANDBOX = "sandbox" in document.createElement("iframe");
+
+/* istanbul ignore next */
+if (DEBUG) {
+    // using bind means that we get to keep useful line numbers in the console
+    debuglog = logger.log.bind(console);
+}
+
+interface IRoomProps extends RoomViewProps {
+    threepidInvite?: IThreepidInvite;
+    oobData?: IOOBData;
+
+    justCreatedOpts?: IOpts;
+
+    forceTimeline?: boolean; // should we force access to the timeline, overriding (for eg) spaces
+
+    // Called with the credentials of a registered user (if they were a ROU that transitioned to PWLU)
+    onRegistered?(credentials: IMatrixClientCreds): void;
+
+    /**
+     * Only necessary if RoomView should get it's RoomViewStore through the MultiRoomViewStore.
+     * Omitting this will mean that RoomView renders for the room held in SDKContext.RoomViewStore.
+     */
+    roomId?: string;
+
+    /*
+     * If true, hide the header
+     */
+    hideHeader?: boolean;
+
+    /*
+     * If true, hide the composer
+     */
+    hideComposer?: boolean;
+
+    /*
+     * If true, hide the right panel
+     */
+    hideRightPanel?: boolean;
+
+    /**
+     * If true, hide the pinned messages banner
+     */
+    hidePinnedMessageBanner?: boolean;
+
+    /**
+     * If true, hide the widgets
+     */
+    hideWidgets?: boolean;
+
+    /**
+     * If true, enable sending read receipts and markers on user activity in the room view. When the user interacts with the room view, read receipts and markers are sent.
+     * If false, the read receipts and markers are only send when the room view is focused. The user has to focus the room view in order to clear any unreads and to move the unread marker to the bottom of the view.
+     * @default true
+     */
+    enableReadReceiptsAndMarkersOnActivity?: boolean;
+}
+
+export interface IRoomState {
+    room?: Room;
+    roomId?: string;
+    roomAlias?: string;
+    roomLoading: boolean;
+    peekLoading: boolean;
+    shouldPeek: boolean;
+    // used to trigger a rerender in TimelinePanel once the members are loaded,
+    // so RR are rendered again (now with the members available), ...
+    membersLoaded: boolean;
+    // The event to be scrolled to initially
+    initialEventId?: string;
+    // The offset in pixels from the event with which to scroll vertically
+    initialEventPixelOffset?: number;
+    // Whether to highlight the event scrolled to
+    isInitialEventHighlighted?: boolean;
+    // Whether to scroll the event into view
+    initialEventScrollIntoView?: boolean;
+    replyToEvent?: MatrixEvent;
+    numUnreadMessages: number;
+    /**
+     * The state of an ongoing search if there is one.
+     */
+    search?: SearchInfo;
+    callState?: CallState;
+    canPeek: boolean;
+    canSelfRedact: boolean;
+    showApps: boolean;
+    isPeeking: boolean;
+    showRightPanel: boolean;
+    // error object, as from the matrix client/server API
+    // If we failed to load information about the room,
+    // store the error here.
+    roomLoadError?: MatrixError;
+    // Have we sent a request to join the room that we're waiting to complete?
+    joining: boolean;
+    // this is true if we are fully scrolled-down, and are looking at
+    // the end of the live timeline. It has the effect of hiding the
+    // 'scroll to bottom' knob, among a couple of other things.
+    atEndOfLiveTimeline?: boolean;
+    showTopUnreadMessagesBar: boolean;
+    statusBarVisible: boolean;
+    // We load this later by asking the js-sdk to suggest a version for us.
+    // This object is the result of Room#getRecommendedVersion()
+
+    upgradeRecommendation?: IRecommendedVersion;
+    canReact: boolean;
+    canSendMessages: boolean;
+    tombstone?: MatrixEvent;
+    resizing: boolean;
+    layout: Layout;
+    lowBandwidth: boolean;
+    alwaysShowTimestamps: boolean;
+    showTwelveHourTimestamps: boolean;
+    userTimezone: string | undefined;
+    readMarkerInViewThresholdMs: number;
+    readMarkerOutOfViewThresholdMs: number;
+    showHiddenEvents: boolean;
+    showReadReceipts: boolean;
+    showRedactions: boolean;
+    showJoinLeaves: boolean;
+    showAvatarChanges: boolean;
+    showDisplaynameChanges: boolean;
+    matrixClientIsReady: boolean;
+    showUrlPreview: boolean;
+    e2eStatus?: E2EStatus;
+    rejecting?: boolean;
+    hasPinnedWidgets?: boolean;
+    mainSplitContentType: MainSplitContentType;
+    // whether or not a spaces context switch brought us here,
+    // if it did we don't want the room to be marked as read as soon as it is loaded.
+    wasContextSwitch?: boolean;
+    editState?: EditorStateTransfer;
+    timelineRenderingType: TimelineRenderingType;
+    liveTimeline?: EventTimeline;
+    narrow: boolean;
+    msc3946ProcessDynamicPredecessor: boolean;
+    /**
+     * Whether the room is encrypted or not.
+     * If null, we are still determining the encryption status.
+     */
+    isRoomEncrypted: boolean | null;
+
+    canAskToJoin: boolean;
+    promptAskToJoin: boolean;
+
+    viewRoomOpts: ViewRoomOpts;
+}
+
+interface LocalRoomViewProps {
+    localRoom: LocalRoom;
+    resizeNotifier: ResizeNotifier;
+    permalinkCreator: RoomPermalinkCreator;
+    roomView: RefObject<HTMLElement | null>;
+    e2eStatus?: E2EStatus;
+}
+
+/**
+ * Local room view. Uses only the bits necessary to display a local room view like room header or composer.
+ *
+ * @param {LocalRoomViewProps} props Room view props
+ * @returns {ReactElement}
+ */
+function LocalRoomView(props: LocalRoomViewProps): ReactElement {
+    const context = useScopedRoomContext("room");
+    const room = context.room as LocalRoom;
+    const encryptionEvent = props.localRoom.currentState.getStateEvents(EventType.RoomEncryption)[0];
+    let encryptionTile: ReactNode;
+
+    if (encryptionEvent) {
+        encryptionTile = <EncryptionEventWrappedView mxEvent={encryptionEvent} />;
+    }
+
+    let statusBar: ReactElement | null = null;
+    let composer: ReactElement | null = null;
+
+    if (room.isError) {
+        statusBar = <RoomStatusBarWrappedView room={room} />;
+    } else {
+        composer = (
+            <MessageComposer
+                e2eStatus={props.e2eStatus}
+                room={props.localRoom}
+                resizeNotifier={props.resizeNotifier}
+                permalinkCreator={props.permalinkCreator}
+            />
+        );
+    }
+
+    return (
+        <div className="mx_RoomView mx_RoomView--local">
+            <ErrorBoundary>
+                <RoomHeader room={room} />
+                <RoomUploadContextProvider>
+                    <main className="mx_RoomView_body" ref={props.roomView} aria-label={_t("room|room_content")}>
+                        <FileDropTarget parent={props.roomView.current} />
+                        <div className="mx_RoomView_timeline">
+                            <ScrollPanel className="mx_RoomView_messagePanel">
+                                {encryptionTile}
+                                <NewRoomIntro />
+                            </ScrollPanel>
+                        </div>
+                        {statusBar}
+                        {composer}
+                    </main>
+                </RoomUploadContextProvider>
+            </ErrorBoundary>
+        </div>
+    );
+}
+
+interface ILocalRoomCreateLoaderProps {
+    localRoom: LocalRoom;
+    names: string;
+}
+
+/**
+ * Room create loader view displaying a message and a spinner.
+ *
+ * @param {ILocalRoomCreateLoaderProps} props Room view props
+ * @returns {ReactElement}
+ */
+function LocalRoomCreateLoader(props: ILocalRoomCreateLoaderProps): ReactElement {
+    const text = _t("room|creating_room_text", { names: props.names });
+    return (
+        <div className="mx_RoomView mx_RoomView--local">
+            <ErrorBoundary>
+                <RoomHeader room={props.localRoom} />
+                <div className="mx_RoomView_body">
+                    <LargeLoader text={text} />
+                </div>
+            </ErrorBoundary>
+        </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} />;
+}
+
+/**
+ * Wrap an EncryptionEventView and ViewModel into one component, for usage with legacy React components.
+ */
+function EncryptionEventWrappedView({ mxEvent }: { mxEvent: MatrixEvent }): ReactElement | null {
+    const cli = useMatrixClientContext();
+    const vm = useCreateAutoDisposedViewModel(() => new EncryptionEventViewModel({ mxEvent, cli }));
+
+    return <EncryptionEventView vm={vm} className="mx_EventTileBubble mx_cryptoEvent" />;
+}
+
+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
+    // unencrypted causes a flicker which can yield confusion/concern in a larger room.
+    private static e2eStatusCache = new Map<string, E2EStatus>();
+
+    private readonly askToJoinEnabled: boolean;
+    private dispatcherRef?: string;
+    private settingWatchers: string[] = [];
+
+    private unmounted = false;
+    private permalinkCreators: Record<string, RoomPermalinkCreator> = {};
+
+    // The userId from which we received this invite.
+    // Only populated if the membership of our user is invite.
+    private inviter?: string;
+
+    private roomView = createRef<HTMLDivElement>();
+    private searchResultsPanel = createRef<ScrollPanel>();
+    private messagePanel: TimelinePanel | null = null;
+    private roomViewBody = createRef<HTMLDivElement>();
+
+    private roomViewStore: RoomViewStore;
+
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    public static readonly defaultProps = {
+        enableReadReceiptsAndMarkersOnActivity: true,
+    };
+
+    public constructor(props: IRoomProps, context: React.ContextType<typeof SDKContext>) {
+        super(props, context);
+
+        this.askToJoinEnabled = SettingsStore.getValue("feature_ask_to_join");
+
+        if (!context.client) {
+            throw new Error("Unable to create RoomView without MatrixClient");
+        }
+
+        if (props.roomId) {
+            this.roomViewStore = this.context.multiRoomViewStore.getRoomViewStoreForRoom(props.roomId);
+        } else {
+            this.roomViewStore = context.roomViewStore;
+        }
+
+        const llMembers = context.client.hasLazyLoadMembersEnabled();
+        this.state = {
+            roomId: undefined,
+            roomLoading: true,
+            peekLoading: false,
+            shouldPeek: true,
+            membersLoaded: !llMembers,
+            numUnreadMessages: 0,
+            callState: undefined,
+            canPeek: false,
+            canSelfRedact: false,
+            showApps: false,
+            isPeeking: false,
+            showRightPanel: false,
+            joining: false,
+            showTopUnreadMessagesBar: false,
+            statusBarVisible: false,
+            canReact: false,
+            canSendMessages: false,
+            resizing: false,
+            layout: SettingsStore.getValue("layout"),
+            lowBandwidth: SettingsStore.getValue("lowBandwidth"),
+            alwaysShowTimestamps: SettingsStore.getValue("alwaysShowTimestamps"),
+            showTwelveHourTimestamps: SettingsStore.getValue("showTwelveHourTimestamps"),
+            userTimezone: TimezoneHandler.getUserTimezone(),
+            readMarkerInViewThresholdMs: SettingsStore.getValue("readMarkerInViewThresholdMs"),
+            readMarkerOutOfViewThresholdMs: SettingsStore.getValue("readMarkerOutOfViewThresholdMs"),
+            showHiddenEvents: SettingsStore.getValue("showHiddenEventsInTimeline"),
+            showReadReceipts: true,
+            showRedactions: true,
+            showJoinLeaves: true,
+            showAvatarChanges: true,
+            showDisplaynameChanges: true,
+            // Default to false to avoid any accidental leakage.
+            showUrlPreview: false,
+            matrixClientIsReady: context.client?.isInitialSyncComplete(),
+            mainSplitContentType: MainSplitContentType.Timeline,
+            timelineRenderingType: TimelineRenderingType.Room,
+            liveTimeline: undefined,
+            narrow: false,
+            msc3946ProcessDynamicPredecessor: SettingsStore.getValue("feature_dynamic_room_predecessors"),
+            canAskToJoin: this.askToJoinEnabled,
+            promptAskToJoin: false,
+            viewRoomOpts: { buttons: [] },
+            isRoomEncrypted: null,
+        };
+    }
+
+    private onIsResizing = (resizing: boolean): void => {
+        this.setState({ resizing });
+    };
+
+    private onWidgetStoreUpdate = (): void => {
+        if (!this.state.room) return;
+        this.checkWidgets(this.state.room);
+        this.doMaybeRemoveOwnJitsiWidget();
+    };
+
+    private onWidgetEchoStoreUpdate = (): void => {
+        if (!this.state.room) return;
+        this.checkWidgets(this.state.room);
+    };
+
+    private onWidgetLayoutChange = (): void => {
+        if (!this.state.room) return;
+        defaultDispatcher.dispatch({
+            action: "appsDrawer",
+            show: true,
+        });
+        if (this.context.widgetLayoutStore.hasMaximisedWidget(this.state.room)) {
+            // Show chat in right panel when a widget is maximised
+            this.context.rightPanelStore.setCard({ phase: RightPanelPhases.Timeline });
+        }
+        this.checkWidgets(this.state.room);
+    };
+
+    /**
+     * Removes the Jitsi widget from the current user if
+     * - Multiple Jitsi widgets have been added within {@link PREVENT_MULTIPLE_JITSI_WITHIN}
+     * - The last (server timestamp) of these widgets is from the current user
+     * This solves the issue if some people decide to start a conference and click the call button at the same time.
+     */
+    private doMaybeRemoveOwnJitsiWidget(): void {
+        if (!this.state.roomId || !this.state.room || !this.context.client) return;
+
+        const apps = this.context.widgetStore.getApps(this.state.roomId);
+        const jitsiApps = apps.filter((app) => app.eventId && WidgetType.JITSI.matches(app.type));
+
+        // less than two Jitsi widgets → nothing to do
+        if (jitsiApps.length < 2) return;
+
+        const currentUserId = this.context.client.getSafeUserId();
+        const createdByCurrentUser = jitsiApps.find((apps) => apps.creatorUserId === currentUserId);
+
+        // no Jitsi widget from current user → nothing to do
+        if (!createdByCurrentUser) return;
+
+        const createdByCurrentUserEvent = this.state.room.findEventById(createdByCurrentUser.eventId!);
+
+        // widget event not found → nothing can be done
+        if (!createdByCurrentUserEvent) return;
+
+        const createdByCurrentUserTs = createdByCurrentUserEvent.getTs();
+
+        // widget timestamp is empty → nothing can be done
+        if (!createdByCurrentUserTs) return;
+
+        const lastCreatedByOtherTs = jitsiApps.reduce((maxByNow: number, app) => {
+            if (app.eventId === createdByCurrentUser.eventId) return maxByNow;
+
+            const appCreateTs = this.state.room!.findEventById(app.eventId!)?.getTs() || 0;
+            return Math.max(maxByNow, appCreateTs);
+        }, 0);
+
+        // last widget timestamp from other is empty → nothing can be done
+        if (!lastCreatedByOtherTs) return;
+
+        if (
+            createdByCurrentUserTs > lastCreatedByOtherTs &&
+            createdByCurrentUserTs - lastCreatedByOtherTs < PREVENT_MULTIPLE_JITSI_WITHIN
+        ) {
+            // more than one Jitsi widget with the last one from the current user → remove it
+            WidgetUtils.setRoomWidget(this.context.client, this.state.roomId, createdByCurrentUser.id);
+        }
+    }
+
+    private checkWidgets = (room: Room): void => {
+        this.setState({
+            hasPinnedWidgets: this.context.widgetLayoutStore.hasPinnedWidgets(room),
+            mainSplitContentType: this.getMainSplitContentType(room),
+            showApps: this.shouldShowApps(room),
+        });
+    };
+
+    private getMainSplitContentType = (room: Room): MainSplitContentType => {
+        if (this.roomViewStore.isViewingCall() || isVideoRoom(room)) {
+            return MainSplitContentType.Call;
+        }
+        if (this.context.widgetLayoutStore.hasMaximisedWidget(room)) {
+            return MainSplitContentType.MaximisedWidget;
+        }
+        return MainSplitContentType.Timeline;
+    };
+
+    private onRoomViewStoreUpdate = async (initial?: boolean): Promise<void> => {
+        if (this.unmounted) {
+            return;
+        }
+
+        const roomLoadError = this.roomViewStore.getRoomLoadError() ?? undefined;
+        if (!initial && !roomLoadError && this.state.roomId !== this.roomViewStore.getRoomId()) {
+            // RoomView explicitly does not support changing what room
+            // is being viewed: instead it should just be re-mounted when
+            // switching rooms. Therefore, if the room ID changes, we
+            // ignore this. We either need to do this or add code to handle
+            // saving the scroll position (otherwise we end up saving the
+            // scroll position against the wrong room).
+
+            // Given that doing the setState here would cause a bunch of
+            // unnecessary work, we just ignore the change since we know
+            // that if the current room ID has changed from what we thought
+            // it was, it means we're about to be unmounted.
+            return;
+        }
+        const roomViewStore = this.roomViewStore;
+        const roomId = roomViewStore.getRoomId() ?? null;
+        const roomAlias = roomViewStore.getRoomAlias() ?? undefined;
+        const roomLoading = roomViewStore.isRoomLoading();
+        const joining = roomViewStore.isJoining();
+        const replyToEvent = roomViewStore.getQuotingEvent() ?? undefined;
+        const shouldPeek = this.state.matrixClientIsReady && roomViewStore.shouldPeek();
+        const wasContextSwitch = roomViewStore.getWasContextSwitch();
+        const promptAskToJoin = roomViewStore.promptAskToJoin();
+        const viewRoomOpts = roomViewStore.getViewRoomOpts();
+        const room = this.context.client?.getRoom(roomId ?? undefined) ?? undefined;
+
+        const newState: Partial<IRoomState> = {
+            roomId: roomId ?? undefined,
+            roomAlias: roomAlias,
+            roomLoading: roomLoading,
+            roomLoadError,
+            joining: joining,
+            replyToEvent: replyToEvent,
+            // we should only peek once we have a ready client
+            shouldPeek: shouldPeek,
+            showReadReceipts: SettingsStore.getValue("showReadReceipts", roomId),
+            showRedactions: SettingsStore.getValue("showRedactions", roomId),
+            showJoinLeaves: SettingsStore.getValue("showJoinLeaves", roomId),
+            showAvatarChanges: SettingsStore.getValue("showAvatarChanges", roomId),
+            showDisplaynameChanges: SettingsStore.getValue("showDisplaynameChanges", roomId),
+            wasContextSwitch: wasContextSwitch,
+            mainSplitContentType: room ? this.getMainSplitContentType(room) : undefined,
+            initialEventId: undefined, // default to clearing this, will get set later in the method if needed
+            showRightPanel: roomId ? this.context.rightPanelStore.isOpenForRoom(roomId) : false,
+            promptAskToJoin: promptAskToJoin,
+            viewRoomOpts: viewRoomOpts,
+        };
+
+        if (
+            newState.mainSplitContentType === MainSplitContentType.Timeline &&
+            this.context.rightPanelStore.isOpen &&
+            this.context.rightPanelStore.currentCard.phase === RightPanelPhases.Timeline &&
+            this.context.rightPanelStore.roomPhaseHistory.some((card) => card.phase === RightPanelPhases.Timeline)
+        ) {
+            // The main split shows the main timeline, so hide the right panel timeline
+            this.context.rightPanelStore.setCard({ phase: RightPanelPhases.RoomSummary });
+            this.context.rightPanelStore.togglePanel(this.state.roomId ?? null);
+            newState.showRightPanel = false;
+        }
+
+        const initialEventId = this.roomViewStore.getInitialEventId() ?? this.state.initialEventId;
+        if (initialEventId) {
+            let initialEvent = room?.findEventById(initialEventId);
+            // The event does not exist in the current sync data
+            // We need to fetch it to know whether to route this request
+            // to the main timeline or to a threaded one
+            // In the current state, if a thread does not exist in the sync data
+            // We will only display the event targeted by the `matrix.to` link
+            // and the root event.
+            // The rest will be lost for now, until the aggregation API on the server
+            // becomes available to fetch a whole thread
+            if (!initialEvent && this.context.client && roomId) {
+                initialEvent = (await fetchInitialEvent(this.context.client, roomId, initialEventId)) ?? undefined;
+            }
+
+            // If we have an initial event, we want to reset the event pixel offset to ensure it ends up visible
+            newState.initialEventPixelOffset = undefined;
+
+            const thread = initialEvent?.getThread();
+            // Handle the use case of a link to a thread message
+            // ie: #/room/roomId/eventId (eventId of a thread message)
+            if (thread?.rootEvent && !initialEvent?.isThreadRoot) {
+                defaultDispatcher.dispatch<ShowThreadPayload>({
+                    action: Action.ShowThread,
+                    rootEvent: thread.rootEvent,
+                    initialEvent,
+                    highlighted: this.roomViewStore.isInitialEventHighlighted(),
+                    scroll_into_view: this.roomViewStore.initialEventScrollIntoView(),
+                });
+            } else {
+                newState.initialEventId = initialEventId;
+                newState.isInitialEventHighlighted = this.roomViewStore.isInitialEventHighlighted();
+                newState.initialEventScrollIntoView = this.roomViewStore.initialEventScrollIntoView();
+            }
+        }
+
+        // Add watchers for each of the settings we just looked up
+        this.settingWatchers = this.settingWatchers.concat([
+            SettingsStore.watchSetting("showReadReceipts", roomId, (...[, , , value]) =>
+                this.setState({ showReadReceipts: value! }),
+            ),
+            SettingsStore.watchSetting("showRedactions", roomId, (...[, , , value]) =>
+                this.setState({ showRedactions: value! }),
+            ),
+            SettingsStore.watchSetting("showJoinLeaves", roomId, (...[, , , value]) =>
+                this.setState({ showJoinLeaves: value! }),
+            ),
+            SettingsStore.watchSetting("showAvatarChanges", roomId, (...[, , , value]) =>
+                this.setState({ showAvatarChanges: value! }),
+            ),
+            SettingsStore.watchSetting("showDisplaynameChanges", roomId, (...[, , , value]) =>
+                this.setState({ showDisplaynameChanges: value! }),
+            ),
+        ]);
+
+        if (!initial && this.state.shouldPeek && !newState.shouldPeek) {
+            // Stop peeking because we have joined this room now
+            this.context.client?.stopPeeking();
+        }
+
+        // Temporary logging to diagnose https://github.com/vector-im/element-web/issues/4307
+        logger.log(
+            "RVS update:",
+            newState.roomId,
+            newState.roomAlias,
+            "loading?",
+            newState.roomLoading,
+            "joining?",
+            newState.joining,
+            "initial?",
+            initial,
+            "shouldPeek?",
+            newState.shouldPeek,
+        );
+
+        // NB: This does assume that the roomID will not change for the lifetime of
+        // the RoomView instance
+        if (initial) {
+            newState.room = this.context.client!.getRoom(newState.roomId) || undefined;
+            newState.isRoomEncrypted = null;
+            if (newState.room) {
+                newState.showApps = this.shouldShowApps(newState.room);
+                this.onRoomLoaded(newState.room);
+            }
+        }
+
+        if (this.state.roomId === undefined && newState.roomId !== undefined) {
+            // Get the scroll state for the new room
+
+            // If an event ID wasn't specified, default to the one saved for this room
+            // in the scroll state store. Assume initialEventPixelOffset should be set.
+            if (!newState.initialEventId && newState.roomId) {
+                const roomScrollState = RoomScrollStateStore.getScrollState(newState.roomId);
+                if (roomScrollState) {
+                    newState.initialEventId = roomScrollState.focussedEvent;
+                    newState.initialEventPixelOffset = roomScrollState.pixelOffset;
+                }
+            }
+        }
+
+        // Clear the search results when clicking a search result (which changes the
+        // currently scrolled to event, this.state.initialEventId).
+        if (
+            this.state.timelineRenderingType === TimelineRenderingType.Search &&
+            this.state.initialEventId !== newState.initialEventId
+        ) {
+            newState.timelineRenderingType = TimelineRenderingType.Room;
+            this.state.search?.abortController?.abort();
+            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.
+
+        // We pass the new state into this function for it to read: it needs to
+        // observe the new state but we don't want to put it in the setState
+        // callback because this would prevent the setStates from being batched,
+        // ie. cause it to render RoomView twice rather than the once that is necessary.
+        if (initial) {
+            this.setupRoom(newState.room, newState.roomId, !!newState.joining, !!newState.shouldPeek);
+        }
+
+        // We don't block the initial setup but we want to make it early to not block the timeline rendering
+        const isRoomEncrypted = await this.getIsRoomEncrypted(newState.roomId);
+        this.setState({
+            isRoomEncrypted,
+            ...(isRoomEncrypted &&
+                newState.roomId && { e2eStatus: RoomView.e2eStatusCache.get(newState.roomId) ?? E2EStatus.Warning }),
+        });
+    };
+
+    private onCallClose = (): void => {
+        // Stop viewing the call
+        defaultDispatcher.dispatch<ViewRoomPayload>(
+            {
+                action: Action.ViewRoom,
+                room_id: this.state.roomId,
+                view_call: false,
+                metricsTrigger: undefined,
+            },
+            true,
+        ); // Synchronous so that CallView disappears immediately
+    };
+
+    private getRoomId = (): string | undefined => {
+        // According to `onRoomViewStoreUpdate`, `state.roomId` can be null
+        // if we have a room alias we haven't resolved yet. To work around this,
+        // first we'll try the room object if it's there, and then fallback to
+        // the bare room ID. (We may want to update `state.roomId` after
+        // resolving aliases, so we could always trust it.)
+        return this.state.room?.roomId ?? this.state.roomId;
+    };
+
+    private getPermalinkCreatorForRoom(): RoomPermalinkCreator {
+        const { room, roomId } = this.state;
+
+        // If room is undefined, attempt to use the roomId to create and store a permalinkCreator.
+        // Throw an error if we can not find a roomId in state.
+        if (room === undefined) {
+            if (isNotUndefined(roomId)) {
+                const permalinkCreator = new RoomPermalinkCreator(null, roomId);
+                this.permalinkCreators[roomId] = permalinkCreator;
+                return permalinkCreator;
+            } else {
+                throw new Error("Cannot get a permalink creator without a roomId");
+            }
+        }
+
+        if (this.permalinkCreators[room.roomId]) return this.permalinkCreators[room.roomId];
+
+        this.permalinkCreators[room.roomId] = new RoomPermalinkCreator(room);
+        if (this.state.room && room.roomId === this.state.room.roomId) {
+            // We want to watch for changes in the creator for the primary room in the view, but
+            // don't need to do so for search results.
+            this.permalinkCreators[room.roomId].start();
+        } else {
+            this.permalinkCreators[room.roomId].load();
+        }
+        return this.permalinkCreators[room.roomId];
+    }
+
+    private stopAllPermalinkCreators(): void {
+        if (!this.permalinkCreators) return;
+        for (const roomId of Object.keys(this.permalinkCreators)) {
+            this.permalinkCreators[roomId].stop();
+        }
+    }
+
+    private setupRoom(room: Room | undefined, roomId: string | undefined, joining: boolean, shouldPeek: boolean): void {
+        // if this is an unknown room then we're in one of three states:
+        // - This is a room we can peek into (search engine) (we can /peek)
+        // - This is a room we can publicly join or were invited to. (we can /join)
+        // - This is a room we cannot join at all. (no action can help us)
+        // We can't try to /join because this may implicitly accept invites (!)
+        // We can /peek though. If it fails then we present the join UI. If it
+        // succeeds then great, show the preview (but we still may be able to /join!).
+        // Note that peeking works by room ID and room ID only, as opposed to joining
+        // which must be by alias or invite wherever possible (peeking currently does
+        // not work over federation).
+
+        // NB. We peek if we have never seen the room before (i.e. js-sdk does not know
+        // about it). We don't peek in the historical case where we were joined but are
+        // now not joined because the js-sdk peeking API will clobber our historical room,
+        // making it impossible to indicate a newly joined room.
+        if (!joining && roomId) {
+            if (!room && shouldPeek) {
+                logger.info(`Attempting to peek into room ${roomId}`);
+                this.setState({
+                    peekLoading: true,
+                    isPeeking: true, // this will change to false if peeking fails
+                });
+                this.context.client
+                    ?.peekInRoom(roomId)
+                    .then((room) => {
+                        if (this.unmounted) {
+                            return;
+                        }
+                        this.setState({
+                            room: room,
+                            peekLoading: false,
+                            canAskToJoin: this.askToJoinEnabled && room.getJoinRule() === JoinRule.Knock,
+                        });
+                        this.onRoomLoaded(room);
+                    })
+                    .catch((err) => {
+                        if (this.unmounted) {
+                            return;
+                        }
+
+                        // Stop peeking if anything went wrong
+                        this.setState({
+                            isPeeking: false,
+                        });
+
+                        // This won't necessarily be a MatrixError, but we duck-type
+                        // here and say if it's got an 'errcode' key with the right value,
+                        // it means we can't peek.
+                        if (err.errcode === "M_GUEST_ACCESS_FORBIDDEN" || err.errcode === "M_FORBIDDEN") {
+                            // This is fine: the room just isn't peekable (we assume).
+                            this.setState({
+                                peekLoading: false,
+                            });
+                        } else {
+                            throw err;
+                        }
+                    });
+            } else if (room) {
+                // Stop peeking because we have joined this room previously
+                this.context.client?.stopPeeking();
+                this.setState({
+                    isPeeking: false,
+                    canAskToJoin: this.askToJoinEnabled && room.getJoinRule() === JoinRule.Knock,
+                });
+            }
+        }
+    }
+
+    private shouldShowApps(room: Room): boolean {
+        if (!BROWSER_SUPPORTS_SANDBOX || !room) return false;
+        if (this.props.hideWidgets) return false;
+
+        // Check if user has previously chosen to hide the app drawer for this
+        // room. If so, do not show apps
+        const hideWidgetKey = room.roomId + "_hide_widget_drawer";
+        const hideWidgetDrawer = localStorage.getItem(hideWidgetKey);
+
+        // If unset show the Tray
+        // Otherwise (in case the user set hideWidgetDrawer by clicking the button) follow the parameter.
+        const isManuallyShown = hideWidgetDrawer ? hideWidgetDrawer === "false" : true;
+
+        const widgets = this.context.widgetLayoutStore.getContainerWidgets(room, "top");
+        return isManuallyShown && widgets.length > 0;
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+
+        this.dispatcherRef = defaultDispatcher.register(this.onAction);
+        if (this.context.client) {
+            this.context.client.on(ClientEvent.Room, this.onRoom);
+            this.context.client.on(RoomEvent.Timeline, this.onRoomTimeline);
+            this.context.client.on(RoomEvent.TimelineReset, this.onRoomTimelineReset);
+            this.context.client.on(RoomEvent.Name, this.onRoomName);
+            this.context.client.on(RoomStateEvent.Events, this.onRoomStateEvents);
+            this.context.client.on(RoomStateEvent.Update, this.onRoomStateUpdate);
+            this.context.client.on(RoomEvent.MyMembership, this.onMyMembership);
+            this.context.client.on(CryptoEvent.KeyBackupStatus, this.onKeyBackupStatus);
+            this.context.client.on(CryptoEvent.UserTrustStatusChanged, this.onUserVerificationChanged);
+            this.context.client.on(CryptoEvent.KeysChanged, this.onCrossSigningKeysChanged);
+            this.context.client.on(MatrixEventEvent.Decrypted, this.onEventDecrypted);
+        }
+        // Start listening for RoomViewStore updates
+        this.roomViewStore.on(UPDATE_EVENT, this.onRoomViewStoreUpdate);
+
+        this.context.rightPanelStore.on(UPDATE_EVENT, this.onRightPanelStoreUpdate);
+
+        WidgetEchoStore.on(UPDATE_EVENT, this.onWidgetEchoStoreUpdate);
+        this.context.widgetStore.on(UPDATE_EVENT, this.onWidgetStoreUpdate);
+
+        this.context.resizeNotifier.on("isResizing", this.onIsResizing);
+
+        this.settingWatchers = [
+            SettingsStore.watchSetting("layout", null, (...[, , , value]) => this.setState({ layout: value! })),
+            SettingsStore.watchSetting("lowBandwidth", null, (...[, , , value]) =>
+                this.setState({ lowBandwidth: value! }),
+            ),
+            SettingsStore.watchSetting("alwaysShowTimestamps", null, (...[, , , value]) =>
+                this.setState({ alwaysShowTimestamps: value! }),
+            ),
+            SettingsStore.watchSetting("showTwelveHourTimestamps", null, (...[, , , value]) =>
+                this.setState({ showTwelveHourTimestamps: value! }),
+            ),
+            SettingsStore.watchSetting(TimezoneHandler.USER_TIMEZONE_KEY, null, (...[, , , value]) =>
+                this.setState({ userTimezone: value! }),
+            ),
+            SettingsStore.watchSetting("readMarkerInViewThresholdMs", null, (...[, , , value]) =>
+                this.setState({ readMarkerInViewThresholdMs: value! }),
+            ),
+            SettingsStore.watchSetting("readMarkerOutOfViewThresholdMs", null, (...[, , , value]) =>
+                this.setState({ readMarkerOutOfViewThresholdMs: value! }),
+            ),
+            SettingsStore.watchSetting("showHiddenEventsInTimeline", null, (...[, , , value]) =>
+                this.setState({ showHiddenEvents: value! }),
+            ),
+            SettingsStore.watchSetting("urlPreviewsEnabled", null, this.onUrlPreviewsEnabledChange),
+            SettingsStore.watchSetting("urlPreviewsEnabled_e2ee", null, this.onUrlPreviewsEnabledChange),
+            SettingsStore.watchSetting("feature_dynamic_room_predecessors", null, (...[, , , value]) =>
+                this.setState({ msc3946ProcessDynamicPredecessor: value! }),
+            ),
+        ];
+
+        this.onRoomViewStoreUpdate(true);
+
+        const call = this.getCallForRoom();
+        const callState = call?.state;
+        this.setState({
+            callState,
+        });
+
+        this.context.legacyCallHandler.on(LegacyCallHandlerEvent.CallState, this.onCallState);
+        window.addEventListener("beforeunload", this.onPageUnload);
+    }
+
+    public shouldComponentUpdate(nextProps: IRoomProps, nextState: IRoomState): boolean {
+        const hasPropsDiff = objectHasDiff(this.props, nextProps);
+
+        const { upgradeRecommendation, ...state } = this.state;
+        const { upgradeRecommendation: newUpgradeRecommendation, ...newState } = nextState;
+
+        const hasStateDiff =
+            newUpgradeRecommendation?.needsUpgrade !== upgradeRecommendation?.needsUpgrade ||
+            objectHasDiff(state, newState);
+
+        return hasPropsDiff || hasStateDiff;
+    }
+
+    public componentDidUpdate(): void {
+        // Note: We check the ref here with a flag because componentDidMount, despite
+        // documentation, does not define our messagePanel ref. It looks like our spinner
+        // in render() prevents the ref from being set on first mount, so we try and
+        // catch the messagePanel when it does mount. Because we only want the ref once,
+        // we use a boolean flag to avoid duplicate work.
+        if (this.messagePanel && this.state.atEndOfLiveTimeline === undefined) {
+            this.setState({
+                atEndOfLiveTimeline: this.messagePanel.isAtEndOfLiveTimeline(),
+            });
+        }
+    }
+
+    public componentWillUnmount(): void {
+        // set a boolean to say we've been unmounted, which any pending
+        // promises can use to throw away their results.
+        //
+        // (We could use isMounted, but facebook have deprecated that.)
+        this.unmounted = true;
+
+        this.context.legacyCallHandler.removeListener(LegacyCallHandlerEvent.CallState, this.onCallState);
+
+        // update the scroll map before we get unmounted
+        if (this.state.roomId) {
+            RoomScrollStateStore.setScrollState(this.state.roomId, this.getScrollState());
+        }
+
+        if (this.state.shouldPeek) {
+            this.context.client?.stopPeeking();
+        }
+
+        // stop tracking room changes to format permalinks
+        this.stopAllPermalinkCreators();
+
+        defaultDispatcher.unregister(this.dispatcherRef);
+        if (this.context.client) {
+            this.context.client.removeListener(ClientEvent.Room, this.onRoom);
+            this.context.client.removeListener(RoomEvent.Timeline, this.onRoomTimeline);
+            this.context.client.removeListener(RoomEvent.TimelineReset, this.onRoomTimelineReset);
+            this.context.client.removeListener(RoomEvent.Name, this.onRoomName);
+            this.context.client.removeListener(RoomStateEvent.Events, this.onRoomStateEvents);
+            this.context.client.removeListener(RoomEvent.MyMembership, this.onMyMembership);
+            this.context.client.removeListener(RoomStateEvent.Update, this.onRoomStateUpdate);
+            this.context.client.removeListener(CryptoEvent.KeyBackupStatus, this.onKeyBackupStatus);
+            this.context.client.removeListener(CryptoEvent.UserTrustStatusChanged, this.onUserVerificationChanged);
+            this.context.client.removeListener(CryptoEvent.KeysChanged, this.onCrossSigningKeysChanged);
+            this.context.client.removeListener(MatrixEventEvent.Decrypted, this.onEventDecrypted);
+        }
+
+        window.removeEventListener("beforeunload", this.onPageUnload);
+
+        this.roomViewStore.off(UPDATE_EVENT, this.onRoomViewStoreUpdate);
+
+        this.context.rightPanelStore.off(UPDATE_EVENT, this.onRightPanelStoreUpdate);
+        WidgetEchoStore.removeListener(UPDATE_EVENT, this.onWidgetEchoStoreUpdate);
+        this.context.widgetStore.removeListener(UPDATE_EVENT, this.onWidgetStoreUpdate);
+
+        this.context.resizeNotifier.off("isResizing", this.onIsResizing);
+
+        if (this.state.room) {
+            this.context.widgetLayoutStore.off(
+                WidgetLayoutStore.emissionForRoom(this.state.room),
+                this.onWidgetLayoutChange,
+            );
+        }
+
+        this.context.legacyCallHandler.off(LegacyCallHandlerEvent.CallState, this.onCallState);
+
+        // cancel any pending calls to the throttled updated
+        this.updateRoomMembers.cancel();
+
+        for (const watcher of this.settingWatchers) {
+            SettingsStore.unwatchSetting(watcher);
+        }
+
+        if (this.viewsLocalRoom && this.state.room) {
+            // clean up if this was a local room
+            this.context.client?.store.removeRoom(this.state.room.roomId);
+        }
+
+        if (this.props.roomId) this.context.multiRoomViewStore.removeRoomViewStore(this.props.roomId);
+    }
+
+    private onRightPanelStoreUpdate = (): void => {
+        const { roomId } = this.state;
+        this.setState({
+            showRightPanel: roomId ? this.context.rightPanelStore.isOpenForRoom(roomId) : false,
+        });
+    };
+
+    private onPageUnload = (event: BeforeUnloadEvent): string | undefined => {
+        if (ContentMessages.sharedInstance().getCurrentUploads().length > 0) {
+            return (event.returnValue = _t("quit_warning|file_upload_in_progress"));
+        } else if (this.getCallForRoom() && this.state.callState !== "ended") {
+            return (event.returnValue = _t("quit_warning|call_in_progress"));
+        }
+    };
+
+    private onReactKeyDown = (ev: React.KeyboardEvent): void => {
+        let handled = false;
+
+        const action = getKeyBindingsManager().getRoomAction(ev);
+        switch (action) {
+            case KeyBindingAction.DismissReadMarker:
+                this.messagePanel?.forgetReadMarker();
+                this.jumpToLiveTimeline();
+                handled = true;
+                break;
+            case KeyBindingAction.JumpToOldestUnread:
+                this.jumpToReadMarker();
+                handled = true;
+                break;
+            case KeyBindingAction.UploadFile: {
+                defaultDispatcher.dispatch(
+                    {
+                        action: "upload_file",
+                        context: TimelineRenderingType.Room,
+                    },
+                    true,
+                );
+                handled = true;
+                break;
+            }
+        }
+
+        if (handled) {
+            ev.stopPropagation();
+            ev.preventDefault();
+        }
+    };
+
+    private onCallState = (roomId: string | null): void => {
+        // don't filter out payloads for room IDs other than props.room because
+        // we may be interested in the conf 1:1 room
+
+        if (!roomId) return;
+        const call = this.getCallForRoom();
+        this.setState({ callState: call?.state });
+    };
+
+    private onAction = async (payload: ActionPayload): Promise<void> => {
+        if (!this.context.client) return;
+        switch (payload.action) {
+            case "message_sent":
+                this.checkDesktopNotifications();
+                break;
+            case "post_sticker_message":
+                this.injectSticker(
+                    payload.data.content.url,
+                    payload.data.content.info,
+                    payload.data.description || payload.data.name,
+                    payload.data.threadId,
+                );
+                break;
+            case "picture_snapshot": {
+                const roomId = this.getRoomId();
+                if (isNotUndefined(roomId)) {
+                    ContentMessages.sharedInstance().sendContentListToRoom(
+                        [payload.file],
+                        roomId,
+                        undefined,
+                        this.state.replyToEvent,
+                        this.context.client,
+                    );
+                }
+
+                break;
+            }
+            case "notifier_enabled":
+            case Action.UploadStarted:
+            case Action.UploadFinished:
+            case Action.UploadCanceled:
+                this.forceUpdate();
+                break;
+            case "appsDrawer":
+                this.setState({
+                    showApps: payload.show,
+                });
+                break;
+            case "reply_to_event":
+                if (
+                    !this.unmounted &&
+                    this.state.search &&
+                    payload.event?.getRoomId() === this.state.roomId &&
+                    payload.context === TimelineRenderingType.Search
+                ) {
+                    this.onCancelSearchClick();
+                    // we don't need to re-dispatch as RoomViewStore knows to persist with context=Search also
+                }
+                break;
+            case "MatrixActions.sync":
+                if (!this.state.matrixClientIsReady) {
+                    const isReadyNow = Boolean(this.context.client?.isInitialSyncComplete());
+                    this.setState(
+                        {
+                            matrixClientIsReady: isReadyNow,
+                        },
+                        () => {
+                            // send another "initial" RVS update to trigger peeking if needed
+                            if (isReadyNow) this.onRoomViewStoreUpdate(true);
+                        },
+                    );
+                }
+                break;
+
+            case "local_room_event":
+                this.onLocalRoomEvent(payload.roomId);
+                break;
+
+            case Action.EditEvent: {
+                // Quit early if we're trying to edit events in wrong rendering context
+                if (payload.timelineRenderingType !== this.state.timelineRenderingType) return;
+
+                const roomId: string | undefined = payload.event?.getRoomId();
+
+                if (payload.event && roomId !== this.state.roomId) {
+                    // if the room is displayed in a module, we don't want to change the room view
+                    if (roomId && this.roomViewStore.isRoomDisplayedInModule(roomId)) return;
+
+                    // If the event is in a different room (e.g. because the event to be edited is being displayed
+                    // in the results of an all-rooms search), we need to view that room first.
+                    defaultDispatcher.dispatch<ViewRoomPayload>({
+                        action: Action.ViewRoom,
+                        room_id: payload.event.getRoomId(),
+                        metricsTrigger: undefined,
+                        deferred_action: payload,
+                    });
+                    return;
+                }
+
+                const editState = payload.event ? new EditorStateTransfer(payload.event) : undefined;
+                this.setState(
+                    {
+                        editState,
+                        // If a search is active (implying that the "edit" button has been pressed on one of the
+                        // events in the search result), we need to close that search, because RoomSearchView
+                        // doesn't handle editing and won't render the composer.
+                        search: undefined,
+                    },
+                    () => {
+                        if (payload.event) {
+                            this.messagePanel?.scrollToEventIfNeeded(payload.event.getId());
+                        }
+                    },
+                );
+                break;
+            }
+
+            case Action.ComposerInsert: {
+                const composerInsertPayload = payload as ComposerInsertPayload;
+                if (composerInsertPayload.composerType) break;
+
+                let timelineRenderingType = composerInsertPayload.timelineRenderingType;
+                // ThreadView handles Action.ComposerInsert itself due to it having its own editState
+                if (composerInsertPayload.timelineRenderingType === TimelineRenderingType.Thread) break;
+                if (
+                    this.state.timelineRenderingType === TimelineRenderingType.Search &&
+                    composerInsertPayload.timelineRenderingType === TimelineRenderingType.Search
+                ) {
+                    // we don't have the composer rendered in this state, so bring it back first
+                    await this.onCancelSearchClick();
+                    timelineRenderingType = TimelineRenderingType.Room;
+                }
+
+                // re-dispatch to the correct composer
+                defaultDispatcher.dispatch<ComposerInsertPayload>({
+                    ...composerInsertPayload,
+                    timelineRenderingType,
+                    composerType: this.state.editState ? ComposerType.Edit : ComposerType.Send,
+                });
+                break;
+            }
+
+            case Action.FocusAComposer: {
+                defaultDispatcher.dispatch<FocusComposerPayload>({
+                    ...(payload as FocusComposerPayload),
+                    // re-dispatch to the correct composer (the send message will still be on screen even when editing a message)
+                    action: this.state.editState ? Action.FocusEditMessageComposer : Action.FocusSendMessageComposer,
+                });
+                break;
+            }
+
+            case "scroll_to_bottom":
+                if (payload.timelineRenderingType === TimelineRenderingType.Room) {
+                    this.messagePanel?.jumpToLiveTimeline();
+                }
+                break;
+            case Action.ViewUser:
+                if (payload.member) {
+                    if (payload.push) {
+                        this.context.rightPanelStore.pushCard({
+                            phase: RightPanelPhases.MemberInfo,
+                            state: { member: payload.member },
+                        });
+                    } else {
+                        this.context.rightPanelStore.setCards([
+                            { phase: RightPanelPhases.RoomSummary },
+                            { phase: RightPanelPhases.MemberList },
+                            { phase: RightPanelPhases.MemberInfo, state: { member: payload.member } },
+                        ]);
+                    }
+                } else {
+                    this.context.rightPanelStore.showOrHidePhase(RightPanelPhases.MemberList);
+                }
+                break;
+            case Action.View3pidInvite:
+                onView3pidInvite(payload, this.context.rightPanelStore);
+                break;
+            case Action.FocusMessageSearch:
+                if ((payload as FocusMessageSearchPayload).initialText) {
+                    this.onSearch(payload.initialText);
+                }
+                break;
+        }
+    };
+
+    private onLocalRoomEvent(roomId: string): void {
+        if (!this.context.client || !this.state.room || roomId !== this.state.room.roomId) return;
+        createRoomFromLocalRoom(this.context.client, this.state.room as LocalRoom);
+    }
+
+    private onRoomTimeline = (
+        ev: MatrixEvent,
+        room: Room | undefined,
+        toStartOfTimeline: boolean | undefined,
+        removed: boolean,
+        data: IRoomTimelineData,
+    ): void => {
+        if (this.unmounted) return;
+
+        // ignore events for other rooms or the notification timeline set
+        if (!room || room.roomId !== this.state.room?.roomId) return;
+
+        // ignore events from filtered timelines
+        if (data.timeline.getTimelineSet() !== room.getUnfilteredTimelineSet()) return;
+
+        if (ev.getType() === "org.matrix.room.preview_urls") {
+            this.updatePreviewUrlVisibility();
+        }
+
+        if (ev.getType() === "m.room.encryption") {
+            this.updateE2EStatus(room);
+            this.updatePreviewUrlVisibility();
+        }
+
+        // ignore anything but real-time updates at the end of the room:
+        // updates from pagination will happen when the paginate completes.
+        if (toStartOfTimeline || !data?.liveEvent) return;
+
+        // no point handling anything while we're waiting for the join to finish:
+        // we'll only be showing a spinner.
+        if (this.state.joining) return;
+
+        if (!ev.isBeingDecrypted() && !ev.isDecryptionFailure()) {
+            this.handleEffects(ev);
+        }
+
+        if (this.context.client && ev.getSender() !== this.context.client.getSafeUserId()) {
+            // update unread count when scrolled up
+            if (!this.state.search && this.state.atEndOfLiveTimeline) {
+                // no change
+            } else if (!shouldHideEvent(ev, this.state)) {
+                this.setState((state) => {
+                    return { numUnreadMessages: state.numUnreadMessages + 1 };
+                });
+            }
+        }
+    };
+
+    private onEventDecrypted = (ev: MatrixEvent): void => {
+        if (!this.state.room || !this.state.matrixClientIsReady) return; // not ready at all
+        if (ev.getRoomId() !== this.state.room.roomId) return; // not for us
+        if (ev.isDecryptionFailure()) return;
+        this.handleEffects(ev);
+    };
+
+    private handleEffects = (ev: MatrixEvent): void => {
+        if (!this.state.room) return;
+        const notifState = this.context.roomNotificationStateStore.getRoomState(this.state.room);
+        if (!notifState.isUnread) return;
+
+        CHAT_EFFECTS.forEach((effect) => {
+            if (containsEmoji(ev.getContent(), effect.emojis) || ev.getContent().msgtype === effect.msgType) {
+                // For initial threads launch, chat effects are disabled see #19731
+                if (!ev.isRelation(THREAD_RELATION_TYPE.name)) {
+                    defaultDispatcher.dispatch({ action: `effects.${effect.command}`, event: ev });
+                }
+            }
+        });
+    };
+
+    private onRoomName = (room: Room): void => {
+        if (this.state.room && room.roomId == this.state.room.roomId) {
+            this.forceUpdate();
+        }
+    };
+
+    private onKeyBackupStatus = (): void => {
+        // Key backup status changes affect whether the in-room recovery
+        // reminder is displayed.
+        this.forceUpdate();
+    };
+
+    public canResetTimeline = (): boolean => {
+        if (!this.messagePanel) {
+            return true;
+        }
+        return this.messagePanel.canResetTimeline();
+    };
+
+    // called when state.room is first initialised (either at initial load,
+    // after a successful peek, or after we join the room).
+    private onRoomLoaded = (room: Room): void => {
+        if (this.unmounted) return;
+
+        // Store the inviter so that we can know who invited us to this room even if
+        // the membership event changes.
+        this.inviter = this.getInviterFromRoom(room);
+
+        // Attach a widget store listener only when we get a room
+        this.context.widgetLayoutStore.on(WidgetLayoutStore.emissionForRoom(room), this.onWidgetLayoutChange);
+
+        this.calculatePeekRules(room);
+        this.loadMembersIfJoined(room);
+        this.calculateRecommendedVersion(room);
+        this.updatePermissions(room);
+        this.checkWidgets(room);
+        this.updateRoomEncrypted(room);
+
+        if (
+            this.getMainSplitContentType(room) !== MainSplitContentType.Timeline &&
+            this.context.roomNotificationStateStore.getRoomState(room).isUnread
+        ) {
+            // Automatically open the chat panel to make unread messages easier to discover
+            this.context.rightPanelStore.setCard({ phase: RightPanelPhases.Timeline }, true, room.roomId);
+        }
+
+        this.setState({
+            tombstone: this.getRoomTombstone(room),
+            liveTimeline: room.getLiveTimeline(),
+        });
+
+        defaultDispatcher.dispatch<ActionPayload>({ action: Action.RoomLoaded });
+    };
+
+    private onRoomTimelineReset = (room?: Room): void => {
+        if (room && room.roomId === this.state.room?.roomId && room.getLiveTimeline() !== this.state.liveTimeline) {
+            logger.log(`Live timeline of ${room.roomId} was reset`);
+            this.setState({ liveTimeline: room.getLiveTimeline() });
+        }
+    };
+
+    private getRoomTombstone(room = this.state.room): MatrixEvent | undefined {
+        return room?.currentState.getStateEvents(EventType.RoomTombstone, "") ?? undefined;
+    }
+
+    private async getIsRoomEncrypted(roomId = this.state.roomId): Promise<boolean> {
+        if (!roomId) return false;
+
+        const room = this.context.client?.getRoom(roomId);
+        const crypto = this.context.client?.getCrypto();
+        if (!room || !crypto) return false;
+
+        return isRoomEncrypted(room, crypto);
+    }
+
+    private async calculateRecommendedVersion(room: Room): Promise<void> {
+        const upgradeRecommendation = await room.getRecommendedVersion();
+        if (this.unmounted) return;
+        this.setState({ upgradeRecommendation });
+    }
+
+    private async loadMembersIfJoined(room: Room): Promise<void> {
+        // lazy load members if enabled
+        if (this.context.client?.hasLazyLoadMembersEnabled()) {
+            if (room && room.getMyMembership() === KnownMembership.Join) {
+                try {
+                    await room.loadMembersIfNeeded();
+                    if (!this.unmounted) {
+                        this.setState({ membersLoaded: true });
+                    }
+                } catch (err) {
+                    const errorMessage = `Fetching room members for ${room.roomId} failed. Room members will appear incomplete.`;
+                    logger.error(errorMessage);
+                    logger.error(err);
+                }
+            }
+        }
+    }
+
+    private calculatePeekRules(room: Room): void {
+        const historyVisibility = room.currentState.getStateEvents(EventType.RoomHistoryVisibility, "");
+        this.setState({
+            canPeek: historyVisibility?.getContent().history_visibility === HistoryVisibility.WorldReadable,
+        });
+    }
+
+    private updatePreviewUrlVisibility(): void {
+        this.setState(({ isRoomEncrypted }) => ({
+            showUrlPreview: this.getPreviewUrlVisibility(isRoomEncrypted),
+        }));
+    }
+
+    private getPreviewUrlVisibility(isRoomEncrypted: boolean | null): boolean {
+        return SettingsStore.getValue(isRoomEncrypted ? "urlPreviewsEnabled_e2ee" : "urlPreviewsEnabled");
+    }
+
+    private onRoom = (room: Room): void => {
+        if (!room || room.roomId !== this.state.roomId) {
+            return;
+        }
+
+        // Detach the listener if the room is changing for some reason
+        if (this.state.room) {
+            this.context.widgetLayoutStore.off(
+                WidgetLayoutStore.emissionForRoom(this.state.room),
+                this.onWidgetLayoutChange,
+            );
+        }
+
+        this.setState(
+            {
+                room: room,
+            },
+            () => {
+                this.onRoomLoaded(room);
+            },
+        );
+    };
+
+    private onUserVerificationChanged = (userId: string): void => {
+        const room = this.state.room;
+        if (!room || !room.currentState.getMember(userId)) {
+            return;
+        }
+        this.updateE2EStatus(room);
+    };
+
+    private onCrossSigningKeysChanged = (): void => {
+        const room = this.state.room;
+        if (room) {
+            this.updateE2EStatus(room);
+        }
+    };
+
+    private async updateE2EStatus(room: Room): Promise<void> {
+        if (!this.context.client || !this.state.isRoomEncrypted) return;
+        const e2eStatus = await this.cacheAndGetE2EStatus(room, this.context.client);
+        if (this.unmounted) return;
+        this.setState({ e2eStatus });
+    }
+
+    private async cacheAndGetE2EStatus(room: Room, client: MatrixClient): Promise<E2EStatus> {
+        let e2eStatus = RoomView.e2eStatusCache.get(room.roomId);
+        // set the state immediately then update, so we don't scare the user into thinking the room is unencrypted
+        if (e2eStatus) this.setState({ e2eStatus });
+
+        e2eStatus = await shieldStatusForRoom(client, room);
+        RoomView.e2eStatusCache.set(room.roomId, e2eStatus);
+        return e2eStatus;
+    }
+
+    private onUrlPreviewsEnabledChange = (): void => {
+        this.updatePreviewUrlVisibility();
+    };
+
+    private onRoomStateEvents = async (ev: MatrixEvent, state: RoomState): Promise<void> => {
+        // ignore if we don't have a room yet
+        if (!this.state.room || this.state.room.roomId !== state.roomId || !this.context.client) return;
+
+        switch (ev.getType()) {
+            case EventType.RoomTombstone:
+                this.setState({ tombstone: this.getRoomTombstone() });
+                break;
+            case EventType.RoomEncryption: {
+                await this.updateRoomEncrypted();
+                break;
+            }
+            default:
+                this.updatePermissions(this.state.room);
+        }
+    };
+
+    private async updateRoomEncrypted(room = this.state.room): Promise<void> {
+        if (!room || !this.context.client) return;
+
+        const isRoomEncrypted = await this.getIsRoomEncrypted(room.roomId);
+        const newE2EStatus = isRoomEncrypted ? await this.cacheAndGetE2EStatus(room, this.context.client) : null;
+
+        this.setState({
+            isRoomEncrypted,
+            showUrlPreview: this.getPreviewUrlVisibility(isRoomEncrypted),
+            ...(newE2EStatus && { e2eStatus: newE2EStatus }),
+        });
+    }
+
+    private onRoomStateUpdate = (state: RoomState): void => {
+        // ignore members in other rooms
+        if (state.roomId !== this.state.room?.roomId) {
+            return;
+        }
+
+        this.updateRoomMembers();
+    };
+
+    private onMyMembership = (room: Room): void => {
+        if (room.roomId === this.state.roomId) {
+            this.forceUpdate();
+            this.loadMembersIfJoined(room);
+            this.updatePermissions(room);
+        }
+    };
+
+    private updatePermissions(room: Room): void {
+        if (room && this.context.client) {
+            const me = this.context.client.getSafeUserId();
+            const canReact =
+                room.getMyMembership() === KnownMembership.Join &&
+                room.currentState.maySendEvent(EventType.Reaction, me);
+            const canSendMessages = room.maySendMessage();
+            const canSelfRedact = room.currentState.maySendEvent(EventType.RoomRedaction, me);
+
+            this.setState({
+                canReact,
+                canSendMessages,
+                canSelfRedact,
+            });
+        }
+    }
+
+    // rate limited because a power level change will emit an event for every member in the room.
+    private updateRoomMembers = throttle(
+        () => {
+            if (!this.state.room) return;
+            this.updateDMState();
+            this.updateE2EStatus(this.state.room);
+        },
+        500,
+        { leading: true, trailing: true },
+    );
+
+    private checkDesktopNotifications(): void {
+        if (!this.state.room) return;
+        const memberCount = this.state.room.getJoinedMemberCount() + this.state.room.getInvitedMemberCount();
+        // if they are not alone prompt the user about notifications so they don't miss replies
+        if (memberCount > 1 && this.context.notifier.shouldShowPrompt()) {
+            showNotificationsToast(this.context.notifier, true);
+        }
+    }
+
+    private updateDMState(): void {
+        const room = this.state.room;
+        if (room?.getMyMembership() != KnownMembership.Join) {
+            return;
+        }
+        const dmInviter = room?.getDMInviter();
+        if (dmInviter) {
+            Rooms.setDMRoom(room.client, room.roomId, dmInviter);
+        }
+    }
+
+    private onJoinButtonClicked = (): void => {
+        // If the user is a ROU, allow them to transition to a PWLU
+        if (this.context.client?.isGuest()) {
+            // Join this room once the user has registered and logged in
+            // (If we failed to peek, we may not have a valid room object.)
+            defaultDispatcher.dispatch<DoAfterSyncPreparedPayload<ViewRoomPayload>>({
+                action: Action.DoAfterSyncPrepared,
+                deferred_action: {
+                    action: Action.ViewRoom,
+                    room_id: this.getRoomId(),
+                    metricsTrigger: undefined,
+                },
+            });
+            defaultDispatcher.dispatch({ action: "require_registration" });
+        } else {
+            Promise.resolve().then(() => {
+                const signUrl = this.props.threepidInvite?.signUrl;
+                const roomId = this.getRoomId();
+                if (isNotUndefined(roomId)) {
+                    defaultDispatcher.dispatch<JoinRoomPayload>({
+                        action: Action.JoinRoom,
+                        roomId,
+                        opts: { inviteSignUrl: signUrl },
+                        metricsTrigger:
+                            this.state.room?.getMyMembership() === KnownMembership.Invite ? "Invite" : "RoomPreview",
+                        canAskToJoin: this.state.canAskToJoin,
+                    });
+                }
+
+                return Promise.resolve();
+            });
+        }
+    };
+
+    private onMessageListScroll = (): void => {
+        if (this.messagePanel?.isAtEndOfLiveTimeline()) {
+            this.setState({
+                numUnreadMessages: 0,
+                atEndOfLiveTimeline: true,
+            });
+        } else {
+            this.setState({
+                atEndOfLiveTimeline: false,
+            });
+        }
+        this.updateTopUnreadMessagesBar();
+    };
+
+    private resetJumpToEvent = (eventId?: string): void => {
+        if (
+            this.state.initialEventId &&
+            this.state.initialEventScrollIntoView &&
+            this.state.initialEventId === eventId
+        ) {
+            debuglog("Removing scroll_into_view flag from initial event");
+            defaultDispatcher.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: this.getRoomId(),
+                event_id: this.state.initialEventId,
+                highlighted: this.state.isInitialEventHighlighted,
+                scroll_into_view: false,
+                replyingToEvent: this.state.replyToEvent,
+                metricsTrigger: undefined, // room doesn't change
+            });
+        }
+    };
+
+    private injectSticker(url: string, info: object, text: string, threadId: string | null): void {
+        const roomId = this.getRoomId();
+        if (!this.context.client || !roomId) return;
+        if (this.context.client.isGuest()) {
+            defaultDispatcher.dispatch({ action: "require_registration" });
+            return;
+        }
+
+        ContentMessages.sharedInstance()
+            .sendStickerContentToRoom(url, roomId, threadId, info, text, this.context.client)
+            .then(undefined, (error) => {
+                if (error.name === "UnknownDeviceError") {
+                    // Let the staus bar handle this
+                    return;
+                }
+            });
+    }
+
+    private onSearch = (term: string, scope = SearchScope.Room): void => {
+        const roomId = scope === SearchScope.Room ? this.getRoomId() : undefined;
+        debuglog("sending search request");
+        const abortController = new AbortController();
+        const promise = eventSearch(this.context.client!, term, roomId, abortController.signal);
+
+        this.setState({
+            timelineRenderingType: TimelineRenderingType.Search,
+            search: {
+                // make sure that we don't end up showing results from
+                // an aborted search by keeping a unique id.
+                searchId: new Date().getTime(),
+                roomId,
+                term,
+                scope,
+                promise,
+                abortController,
+            },
+        });
+    };
+
+    private onSearchScopeChange = (scope: SearchScope): void => {
+        this.onSearch(this.state.search?.term ?? "", scope);
+    };
+
+    private onSearchUpdate = (inProgress: boolean, searchResults: ISearchResults | null, error: Error | null): void => {
+        this.setState({
+            search: {
+                ...this.state.search!,
+                count: searchResults?.count,
+                error: error ?? undefined,
+                inProgress,
+            },
+        });
+    };
+
+    private onForgetClick = (): void => {
+        defaultDispatcher.dispatch({
+            action: "forget_room",
+            room_id: this.getRoomId(),
+        });
+    };
+
+    private getInviterFromRoom(room: Room): string | undefined {
+        const ownUserId = this.context.client?.getSafeUserId();
+        if (!ownUserId) return;
+
+        const myMember = room.getMember(ownUserId);
+        const memberEvent = myMember?.events.member;
+        const senderId = memberEvent?.getSender();
+
+        if (memberEvent?.getContent().membership === KnownMembership.Invite) return senderId;
+    }
+
+    private onDeclineAndBlockButtonClicked = async (): Promise<void> => {
+        if (!this.state.room || !this.context.client) return;
+
+        const [shouldReject, ignoreUser, reportRoom] = await Modal.createDialog(DeclineAndBlockInviteDialog, {
+            roomName: this.state.room.name,
+        }).finished;
+        if (!shouldReject) {
+            return;
+        }
+
+        this.setState({
+            rejecting: true,
+        });
+
+        const actions: Promise<unknown>[] = [];
+
+        if (ignoreUser) {
+            const doIgnore = async (): Promise<void> => {
+                const ownUserId = this.context.client!.getSafeUserId();
+                if (!this.inviter || this.inviter === ownUserId) {
+                    // This is unlikely to happen since we cache the inviter as early as possible.
+                    // However, we still do this check here to be double sure.
+                    throw new CannotDetermineUserError(
+                        "Cannot determine which user to ignore since the member event has changed.",
+                    );
+                }
+                const ignoredUsers = this.context.client!.getIgnoredUsers();
+                ignoredUsers.push(this.inviter); // de-duped internally in the js-sdk
+                await this.context.client!.setIgnoredUsers(ignoredUsers);
+            };
+            actions.push(doIgnore());
+        }
+
+        if (reportRoom !== false) {
+            actions.push(this.context.client.reportRoom(this.state.room.roomId, reportRoom!));
+        }
+
+        actions.push(this.context.client.leave(this.state.room.roomId));
+        try {
+            await Promise.all(actions);
+            defaultDispatcher.dispatch({ action: Action.ViewHomePage });
+            this.setState({
+                rejecting: false,
+            });
+        } catch (error) {
+            logger.error(`Failed to reject invite: ${error}`);
+
+            let msg: string = "";
+            if (error instanceof CannotDetermineUserError) {
+                msg = _t("room|failed_determine_user");
+            } else if (error instanceof Error) {
+                msg = error.message;
+            } else {
+                msg = JSON.stringify(error);
+            }
+            Modal.createDialog(ErrorDialog, {
+                title: _t("room|failed_reject_invite"),
+                description: msg,
+            });
+
+            this.setState({
+                rejecting: false,
+            });
+        }
+    };
+
+    private onDeclineButtonClicked = async (): Promise<void> => {
+        if (!this.state.room || !this.context.client) {
+            return;
+        }
+        try {
+            this.setState({
+                rejecting: true,
+            });
+            await this.context.client.leave(this.state.room.roomId);
+            defaultDispatcher.dispatch({ action: Action.ViewHomePage });
+            this.setState({
+                rejecting: false,
+            });
+        } catch (error) {
+            logger.error(`Failed to reject invite: ${error}`);
+
+            const msg = error instanceof Error ? error.message : JSON.stringify(error);
+            Modal.createDialog(ErrorDialog, {
+                title: _t("room|failed_reject_invite"),
+                description: msg,
+            });
+
+            this.setState({
+                rejecting: false,
+            });
+        }
+    };
+
+    private onRejectThreepidInviteButtonClicked = (): void => {
+        // We can reject 3pid invites in the same way that we accept them,
+        // using /leave rather than /join. In the short term though, we
+        // just ignore them.
+        // https://github.com/vector-im/vector-web/issues/1134
+        defaultDispatcher.fire(Action.ViewRoomDirectory);
+    };
+
+    private onSearchChange = debounce((term: string): void => {
+        this.onSearch(term);
+    }, 300);
+
+    private onCancelSearchClick = (): Promise<void> => {
+        return new Promise<void>((resolve) => {
+            this.setState(
+                {
+                    timelineRenderingType: TimelineRenderingType.Room,
+                    search: undefined,
+                },
+                resolve,
+            );
+        });
+    };
+
+    // jump down to the bottom of this room, where new events are arriving
+    private jumpToLiveTimeline = (): void => {
+        if (this.state.initialEventId && this.state.isInitialEventHighlighted) {
+            // If we were viewing a highlighted event, firing view_room without
+            // an event will take care of both clearing the URL fragment and
+            // jumping to the bottom
+            defaultDispatcher.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: this.getRoomId(),
+                metricsTrigger: undefined, // room doesn't change
+            });
+        } else {
+            // Otherwise we have to jump manually
+            this.messagePanel?.jumpToLiveTimeline();
+            defaultDispatcher.fire(Action.FocusSendMessageComposer);
+        }
+    };
+
+    // jump up to wherever our read marker is
+    private jumpToReadMarker = (): void => {
+        this.messagePanel?.jumpToReadMarker();
+    };
+
+    // update the read marker to match the read-receipt
+    private forgetReadMarker = (ev: ButtonEvent): void => {
+        ev.stopPropagation();
+        this.messagePanel?.forgetReadMarker();
+    };
+
+    // decide whether or not the top 'unread messages' bar should be shown
+    private updateTopUnreadMessagesBar = (): void => {
+        if (!this.messagePanel) {
+            return;
+        }
+
+        const showBar = this.messagePanel.canJumpToReadMarker();
+        if (this.state.showTopUnreadMessagesBar != showBar) {
+            this.setState({ showTopUnreadMessagesBar: showBar });
+        }
+    };
+
+    // get the current scroll position of the room, so that it can be
+    // restored when we switch back to it.
+    //
+    private getScrollState(): ScrollState | null {
+        const messagePanel = this.messagePanel;
+        if (!messagePanel) return null;
+
+        // if we're following the live timeline, we want to return null; that
+        // means that, if we switch back, we will jump to the read-up-to mark.
+        //
+        // That should be more intuitive than slavishly preserving the current
+        // scroll state, in the case where the room advances in the meantime
+        // (particularly in the case that the user reads some stuff on another
+        // device).
+        //
+        if (this.state.atEndOfLiveTimeline) {
+            return null;
+        }
+
+        const scrollState = messagePanel.getScrollState();
+
+        // getScrollState on TimelinePanel *may* return null, so guard against that
+        if (!scrollState || scrollState.stuckAtBottom) {
+            // we don't really expect to be in this state, but it will
+            // occasionally happen when no scroll state has been set on the
+            // messagePanel (ie, we didn't have an initial event (so it's
+            // probably a new room), there has been no user-initiated scroll, and
+            // no read-receipts have arrived to update the scroll position).
+            //
+            // Return null, which will cause us to scroll to last unread on
+            // reload.
+            return null;
+        }
+
+        return {
+            focussedEvent: scrollState.trackedScrollToken,
+            pixelOffset: scrollState.pixelOffset,
+        };
+    }
+
+    private onStatusBarVisible = (): void => {
+        if (this.unmounted || this.state.statusBarVisible) return;
+        this.setState({ statusBarVisible: true });
+    };
+
+    private onStatusBarHidden = (): void => {
+        // This is currently not desired as it is annoying if it keeps expanding and collapsing
+        if (this.unmounted || !this.state.statusBarVisible) return;
+        this.setState({ statusBarVisible: false });
+    };
+
+    /**
+     * called by the parent component when PageUp/Down/etc is pressed.
+     *
+     * We pass it down to the scroll panel.
+     */
+    public handleScrollKey = (ev: React.KeyboardEvent | KeyboardEvent): void => {
+        let panel: ScrollPanel | TimelinePanel | undefined;
+        if (this.searchResultsPanel.current) {
+            panel = this.searchResultsPanel.current;
+        } else if (this.messagePanel) {
+            panel = this.messagePanel;
+        }
+
+        panel?.handleScrollKey(ev);
+    };
+
+    /**
+     * get any current call for this room
+     */
+    private getCallForRoom(): MatrixCall | null {
+        if (!this.state.room) {
+            return null;
+        }
+        return this.context.legacyCallHandler.getCallForRoom(this.state.room.roomId);
+    }
+
+    // this has to be a proper method rather than an unnamed function,
+    // otherwise react calls it with null on each update.
+    private gatherTimelinePanelRef = (r: TimelinePanel | null): void => {
+        this.messagePanel = r;
+    };
+
+    private getOldRoom(): Room | null {
+        const { roomId } = this.state.room?.findPredecessor(this.state.msc3946ProcessDynamicPredecessor) || {};
+        return this.context.client?.getRoom(roomId) || null;
+    }
+
+    public getHiddenHighlightCount(): number {
+        const oldRoom = this.getOldRoom();
+        if (!oldRoom) return 0;
+        return oldRoom.getUnreadNotificationCount(NotificationCountType.Highlight);
+    }
+
+    public onHiddenHighlightsClick = (): void => {
+        const oldRoom = this.getOldRoom();
+        if (!oldRoom) return;
+        defaultDispatcher.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: oldRoom.roomId,
+            metricsTrigger: "Predecessor",
+        });
+    };
+
+    private get messagePanelClassNames(): string {
+        return classNames("mx_RoomView_messagePanel", {
+            mx_IRCLayout: this.state.layout === Layout.IRC,
+        });
+    }
+
+    private onMeasurement = (narrow: boolean): void => {
+        this.setState({ narrow });
+    };
+
+    private get viewsLocalRoom(): boolean {
+        return isLocalRoom(this.state.room);
+    }
+
+    private get permalinkCreator(): RoomPermalinkCreator {
+        return this.getPermalinkCreatorForRoom();
+    }
+
+    private renderLocalRoomCreateLoader(localRoom: LocalRoom): ReactNode {
+        if (!this.state.room || !this.context?.client) return null;
+        const names = this.state.room.getDefaultRoomName(this.context.client.getSafeUserId());
+        return (
+            <ScopedRoomContextProvider {...this.state} roomViewStore={this.roomViewStore}>
+                <LocalRoomCreateLoader localRoom={localRoom} names={names} />
+            </ScopedRoomContextProvider>
+        );
+    }
+
+    private renderLocalRoomView(localRoom: LocalRoom): ReactNode {
+        return (
+            <ScopedRoomContextProvider {...this.state} roomViewStore={this.roomViewStore}>
+                <LocalRoomView
+                    e2eStatus={this.state.e2eStatus}
+                    localRoom={localRoom}
+                    resizeNotifier={this.context.resizeNotifier}
+                    permalinkCreator={this.permalinkCreator}
+                    roomView={this.roomView}
+                />
+            </ScopedRoomContextProvider>
+        );
+    }
+
+    private renderWaitingForThirdPartyRoomView(inviteEvent: MatrixEvent): ReactNode {
+        return (
+            <ScopedRoomContextProvider {...this.state} roomViewStore={this.roomViewStore}>
+                <WaitingForThirdPartyRoomView
+                    resizeNotifier={this.context.resizeNotifier}
+                    roomView={this.roomView}
+                    inviteEvent={inviteEvent}
+                />
+            </ScopedRoomContextProvider>
+        );
+    }
+
+    /**
+     * Handles the submission of a request to join a room.
+     *
+     * @param {string} reason - An optional reason for the request to join.
+     * @returns {void}
+     */
+    private onSubmitAskToJoin = (reason?: string): void => {
+        const roomId = this.getRoomId();
+
+        if (isNotUndefined(roomId)) {
+            defaultDispatcher.dispatch<SubmitAskToJoinPayload>({
+                action: Action.SubmitAskToJoin,
+                roomId,
+                opts: { reason },
+            });
+        }
+    };
+
+    /**
+     * Handles the cancellation of a request to join a room.
+     *
+     * @returns {void}
+     */
+    private onCancelAskToJoin = (): void => {
+        const roomId = this.getRoomId();
+
+        if (isNotUndefined(roomId)) {
+            defaultDispatcher.dispatch<CancelAskToJoinPayload>({
+                action: Action.CancelAskToJoin,
+                roomId,
+            });
+        }
+    };
+
+    /**
+     * Handles the focus event on the RoomView component.
+     *
+     * Sends read receipts and updates the read marker if the
+     * disableReadReceiptsAndMarkersOnActivity prop is set.
+     */
+    private onFocus = (): void => {
+        if (this.props.enableReadReceiptsAndMarkersOnActivity) return;
+
+        this.messagePanel?.sendReadReceipts();
+        this.messagePanel?.updateReadMarker();
+    };
+
+    public render(): ReactNode {
+        if (!this.context.client) return null;
+        const { isRoomEncrypted } = this.state;
+        const isRoomEncryptionLoading = isRoomEncrypted === null;
+
+        if (this.state.room instanceof LocalRoom) {
+            if (this.state.room.state === LocalRoomState.CREATING) {
+                return this.renderLocalRoomCreateLoader(this.state.room);
+            }
+
+            return this.renderLocalRoomView(this.state.room);
+        }
+
+        if (this.state.room) {
+            const { shouldEncrypt, inviteEvent } = shouldEncryptRoomWithSingle3rdPartyInvite(this.state.room);
+
+            if (shouldEncrypt) {
+                return this.renderWaitingForThirdPartyRoomView(inviteEvent);
+            }
+        }
+
+        if (!this.state.room) {
+            const loading = !this.state.matrixClientIsReady || this.state.roomLoading || this.state.peekLoading;
+            if (loading) {
+                // Assume preview loading if we don't have a ready client or a room ID (still resolving the alias)
+                const previewLoading = !this.state.matrixClientIsReady || !this.state.roomId || this.state.peekLoading;
+                return (
+                    <div className="mx_RoomView">
+                        <ErrorBoundary>
+                            <RoomPreviewBar
+                                canPreview={false}
+                                previewLoading={previewLoading && !this.state.roomLoadError}
+                                error={this.state.roomLoadError}
+                                loading={loading}
+                                joining={this.state.joining}
+                                oobData={this.props.oobData}
+                                roomId={this.state.roomId}
+                            />
+                        </ErrorBoundary>
+                    </div>
+                );
+            } else {
+                let inviterName: string | undefined;
+                if (this.props.oobData) {
+                    inviterName = this.props.oobData.inviterName;
+                }
+                const invitedEmail = this.props.threepidInvite?.toEmail;
+
+                // We have no room object for this room, only the ID.
+                // We've got to this room by following a link, possibly a third party invite.
+                const roomAlias = this.state.roomAlias;
+                return (
+                    <div className="mx_RoomView">
+                        <ErrorBoundary>
+                            <RoomPreviewBar
+                                onJoinClick={this.onJoinButtonClicked}
+                                onForgetClick={this.onForgetClick}
+                                onDeclineClick={this.onRejectThreepidInviteButtonClicked}
+                                canPreview={false}
+                                error={this.state.roomLoadError}
+                                roomAlias={roomAlias}
+                                joining={this.state.joining}
+                                inviterName={inviterName}
+                                invitedEmail={invitedEmail}
+                                oobData={this.props.oobData}
+                                signUrl={this.props.threepidInvite?.signUrl}
+                                roomId={this.state.roomId}
+                                promptAskToJoin={this.state.promptAskToJoin}
+                                onSubmitAskToJoin={this.onSubmitAskToJoin}
+                                onCancelAskToJoin={this.onCancelAskToJoin}
+                            />
+                        </ErrorBoundary>
+                    </div>
+                );
+            }
+        }
+
+        const myMembership = this.state.room.getMyMembership();
+        if (isVideoRoom(this.state.room) && myMembership !== KnownMembership.Join) {
+            return (
+                <ErrorBoundary>
+                    <div className="mx_MainSplit">
+                        <RoomPreviewCard
+                            room={this.state.room}
+                            onJoinButtonClicked={this.onJoinButtonClicked}
+                            onRejectButtonClicked={this.onDeclineButtonClicked}
+                        />
+                    </div>
+                    ;
+                </ErrorBoundary>
+            );
+        }
+
+        // SpaceRoomView handles invites itself
+        if (myMembership === KnownMembership.Invite && !this.state.room.isSpaceRoom()) {
+            if (this.state.joining || this.state.rejecting) {
+                return (
+                    <ErrorBoundary>
+                        <RoomPreviewBar
+                            canPreview={false}
+                            error={this.state.roomLoadError}
+                            joining={this.state.joining}
+                            rejecting={this.state.rejecting}
+                            roomId={this.state.roomId}
+                        />
+                    </ErrorBoundary>
+                );
+            } else {
+                const myUserId = this.context.client.getSafeUserId();
+                const myMember = this.state.room.getMember(myUserId);
+                const inviteEvent = myMember ? myMember.events.member : null;
+                let inviterName = _t("room|inviter_unknown");
+                if (inviteEvent) {
+                    inviterName = inviteEvent.sender?.name ?? inviteEvent.getSender()!;
+                }
+
+                // We deliberately don't try to peek into invites, even if we have permission to peek
+                // as they could be a spam vector.
+                // XXX: in future we could give the option of a 'Preview' button which lets them view anyway.
+
+                // We have a regular invite for this room.
+                return (
+                    <div className="mx_RoomView">
+                        <ErrorBoundary>
+                            <RoomPreviewBar
+                                onJoinClick={this.onJoinButtonClicked}
+                                onForgetClick={this.onForgetClick}
+                                onDeclineClick={this.onDeclineButtonClicked}
+                                onDeclineAndBlockClick={this.onDeclineAndBlockButtonClicked}
+                                inviterName={inviterName}
+                                canPreview={false}
+                                joining={this.state.joining}
+                                room={this.state.room}
+                                roomId={this.state.roomId}
+                            />
+                        </ErrorBoundary>
+                    </div>
+                );
+            }
+        }
+
+        if (
+            this.state.canAskToJoin &&
+            ([KnownMembership.Knock, KnownMembership.Leave] as Array<string>).includes(myMembership)
+        ) {
+            return (
+                <div className="mx_RoomView">
+                    <ErrorBoundary>
+                        <RoomPreviewBar
+                            onJoinClick={this.onJoinButtonClicked}
+                            room={this.state.room}
+                            canAskToJoinAndMembershipIsLeave={myMembership === KnownMembership.Leave}
+                            promptAskToJoin={this.state.promptAskToJoin}
+                            knocked={myMembership === KnownMembership.Knock}
+                            onSubmitAskToJoin={this.onSubmitAskToJoin}
+                            onCancelAskToJoin={this.onCancelAskToJoin}
+                            onForgetClick={this.onForgetClick}
+                        />
+                    </ErrorBoundary>
+                </div>
+            );
+        }
+
+        // We have successfully loaded this room, and are not previewing.
+        // Display the "normal" room view.
+
+        let activeCall: MatrixCall | null = null;
+        {
+            // New block because this variable doesn't need to hang around for the rest of the function
+            const call = this.getCallForRoom();
+            if (call && this.state.callState !== "ended" && this.state.callState !== "ringing") {
+                activeCall = call;
+            }
+        }
+
+        let statusBar: JSX.Element | undefined;
+        let isStatusAreaExpanded = true;
+
+        if (ContentMessages.sharedInstance().getCurrentUploads().length > 0) {
+            statusBar = <UploadBar room={this.state.room} />;
+        } else if (!this.state.search) {
+            isStatusAreaExpanded = this.state.statusBarVisible;
+            statusBar = (
+                <RoomStatusBarWrappedView
+                    room={this.state.room}
+                    onVisible={this.onStatusBarVisible}
+                    onHidden={this.onStatusBarHidden}
+                />
+            );
+        }
+
+        const statusBarAreaClass = classNames("mx_RoomView_statusArea", {
+            mx_RoomView_statusArea_expanded: isStatusAreaExpanded,
+        });
+
+        // if statusBar does not exist then statusBarArea is blank and takes up unnecessary space on the screen
+        // show statusBarArea only if statusBar is present
+        const statusBarArea = statusBar && (
+            <div role="region" className={statusBarAreaClass} aria-label={_t("a11y|room_status_bar")}>
+                <div className="mx_RoomView_statusAreaBox">
+                    <div className="mx_RoomView_statusAreaBox_line" />
+                    {statusBar}
+                </div>
+            </div>
+        );
+
+        const roomVersionRecommendation = this.state.upgradeRecommendation;
+        const showRoomUpgradeBar =
+            roomVersionRecommendation &&
+            roomVersionRecommendation.needsUpgrade &&
+            this.state.room.userMayUpgradeRoom(this.context.client.getSafeUserId());
+
+        const hiddenHighlightCount = this.getHiddenHighlightCount();
+
+        let aux: JSX.Element | undefined;
+        let previewBar;
+        if (this.state.timelineRenderingType === TimelineRenderingType.Search) {
+            if (!isRoomEncryptionLoading) {
+                aux = (
+                    <RoomSearchAuxPanel
+                        searchInfo={this.state.search}
+                        onCancelClick={this.onCancelSearchClick}
+                        onSearchScopeChange={this.onSearchScopeChange}
+                        isRoomEncrypted={isRoomEncrypted}
+                    />
+                );
+            }
+        } else if (showRoomUpgradeBar) {
+            aux = <RoomUpgradeWarningBar room={this.state.room} />;
+        } else if (myMembership !== KnownMembership.Join) {
+            // We do have a room object for this room, but we're not currently in it.
+            // We may have a 3rd party invite to it.
+            let inviterName: string | undefined;
+            if (this.props.oobData) {
+                inviterName = this.props.oobData.inviterName;
+            }
+            const invitedEmail = this.props.threepidInvite?.toEmail;
+            previewBar = (
+                <RoomPreviewBar
+                    onJoinClick={this.onJoinButtonClicked}
+                    onForgetClick={this.onForgetClick}
+                    onDeclineClick={this.onRejectThreepidInviteButtonClicked}
+                    joining={this.state.joining}
+                    inviterName={inviterName}
+                    invitedEmail={invitedEmail}
+                    oobData={this.props.oobData}
+                    canPreview={this.state.canPeek}
+                    room={this.state.room}
+                    roomId={this.state.roomId}
+                />
+            );
+            if (!this.state.canPeek && !this.state.room?.isSpaceRoom()) {
+                return <div className="mx_RoomView">{previewBar}</div>;
+            }
+        } else if (hiddenHighlightCount > 0) {
+            aux = (
+                <AccessibleButton
+                    element="div"
+                    className="mx_RoomView_auxPanel_hiddenHighlights"
+                    onClick={this.onHiddenHighlightsClick}
+                >
+                    {_t("room|unread_notifications_predecessor", {
+                        count: hiddenHighlightCount,
+                    })}
+                </AccessibleButton>
+            );
+        }
+
+        if (this.state.room?.isSpaceRoom() && !this.props.forceTimeline) {
+            return (
+                <SpaceRoomView
+                    space={this.state.room}
+                    justCreatedOpts={this.props.justCreatedOpts}
+                    resizeNotifier={this.context.resizeNotifier}
+                    permalinkCreator={this.permalinkCreator}
+                    onJoinButtonClicked={this.onJoinButtonClicked}
+                    onRejectButtonClicked={
+                        this.props.threepidInvite
+                            ? this.onRejectThreepidInviteButtonClicked
+                            : this.onDeclineButtonClicked
+                    }
+                />
+            );
+        }
+
+        const auxPanel = (
+            <AuxPanel
+                room={this.state.room}
+                userId={this.context.client.getSafeUserId()}
+                showApps={this.state.showApps}
+            >
+                {aux}
+            </AuxPanel>
+        );
+
+        const pinnedMessageBanner = !this.props.hidePinnedMessageBanner && (
+            <PinnedMessageBanner room={this.state.room} permalinkCreator={this.permalinkCreator} />
+        );
+
+        let messageComposer;
+        const showComposer =
+            !this.props.hideComposer &&
+            !isRoomEncryptionLoading &&
+            // joined and not showing search results
+            myMembership === KnownMembership.Join &&
+            !this.state.search;
+        if (showComposer) {
+            messageComposer = (
+                <MessageComposer
+                    room={this.state.room}
+                    e2eStatus={this.state.e2eStatus}
+                    resizeNotifier={this.context.resizeNotifier}
+                    replyToEvent={this.state.replyToEvent}
+                    permalinkCreator={this.permalinkCreator}
+                />
+            );
+        }
+
+        // if we have search results, we keep the messagepanel (so that it preserves its
+        // scroll state), but hide it.
+        let searchResultsPanel;
+        let hideMessagePanel = false;
+
+        if (this.state.search) {
+            searchResultsPanel = (
+                <RoomSearchView
+                    key={this.state.search.searchId}
+                    ref={this.searchResultsPanel}
+                    term={this.state.search.term}
+                    scope={this.state.search.scope}
+                    promise={this.state.search.promise}
+                    inProgress={!!this.state.search.inProgress}
+                    className={this.messagePanelClassNames}
+                    onUpdate={this.onSearchUpdate}
+                />
+            );
+            hideMessagePanel = true;
+        }
+
+        let highlightedEventId: string | undefined;
+        if (this.state.isInitialEventHighlighted) {
+            highlightedEventId = this.state.initialEventId;
+        }
+
+        let messagePanel: JSX.Element | undefined;
+        if (!isRoomEncryptionLoading) {
+            messagePanel = (
+                <EventPresentationContextProvider layout={this.state.layout}>
+                    <TimelinePanel
+                        ref={this.gatherTimelinePanelRef}
+                        timelineSet={this.state.room.getUnfilteredTimelineSet()}
+                        showReadReceipts={this.state.showReadReceipts}
+                        manageReadReceipts={!this.state.isPeeking}
+                        sendReadReceiptOnLoad={
+                            !this.state.wasContextSwitch && this.props.enableReadReceiptsAndMarkersOnActivity
+                        }
+                        manageReadMarkers={!this.state.isPeeking}
+                        hidden={hideMessagePanel}
+                        highlightedEventId={highlightedEventId}
+                        eventId={this.state.initialEventId}
+                        eventScrollIntoView={this.state.initialEventScrollIntoView}
+                        eventPixelOffset={this.state.initialEventPixelOffset}
+                        onScroll={this.onMessageListScroll}
+                        onEventScrolledIntoView={this.resetJumpToEvent}
+                        onReadMarkerUpdated={this.updateTopUnreadMessagesBar}
+                        showUrlPreview={this.state.showUrlPreview}
+                        className={this.messagePanelClassNames}
+                        membersLoaded={this.state.membersLoaded}
+                        permalinkCreator={this.permalinkCreator}
+                        showReactions={true}
+                        layout={this.state.layout}
+                        editState={this.state.editState}
+                        enableReadReceiptsAndMarkersOnActivity={this.props.enableReadReceiptsAndMarkersOnActivity}
+                    />
+                </EventPresentationContextProvider>
+            );
+        }
+
+        let topUnreadMessagesBar: JSX.Element | undefined;
+        // Do not show TopUnreadMessagesBar if we have search results showing, it makes no sense
+        if (this.state.showTopUnreadMessagesBar && !this.state.search) {
+            topUnreadMessagesBar = (
+                <TopUnreadMessagesBar onScrollUpClick={this.jumpToReadMarker} onCloseClick={this.forgetReadMarker} />
+            );
+        }
+        let jumpToBottom;
+        // Do not show JumpToBottomButton if we have search results showing, it makes no sense
+        if (this.state.atEndOfLiveTimeline === false && !this.state.search) {
+            jumpToBottom = (
+                <JumpToBottomButton
+                    highlight={this.state.room.getUnreadNotificationCount(NotificationCountType.Highlight) > 0}
+                    numUnreadMessages={this.state.numUnreadMessages}
+                    onScrollToBottomClick={this.jumpToLiveTimeline}
+                />
+            );
+        }
+
+        const showRightPanel =
+            !this.props.hideRightPanel && !isRoomEncryptionLoading && this.state.room && this.state.showRightPanel;
+
+        const rightPanel = showRightPanel ? (
+            <RightPanel
+                room={this.state.room}
+                resizeNotifier={this.context.resizeNotifier}
+                permalinkCreator={this.permalinkCreator}
+                e2eStatus={this.state.e2eStatus}
+                onSearchChange={this.onSearchChange}
+                onSearchCancel={this.onCancelSearchClick}
+                searchTerm={this.state.search?.term ?? ""}
+            />
+        ) : undefined;
+
+        const timelineClasses = classNames("mx_RoomView_timeline", {
+            mx_RoomView_timeline_rr_enabled: this.state.showReadReceipts,
+        });
+
+        let { mainSplitContentType } = this.state;
+        if (this.state.search) {
+            // When in the middle of a search force the main split content type to timeline
+            mainSplitContentType = MainSplitContentType.Timeline;
+        }
+
+        const mainClasses = classNames("mx_RoomView", {
+            mx_RoomView_inCall: Boolean(activeCall),
+            mx_RoomView_immersive: mainSplitContentType !== MainSplitContentType.Timeline,
+        });
+
+        const showChatEffects = SettingsStore.getValue("showChatEffects");
+
+        let mainSplitBody: JSX.Element | undefined;
+        let mainSplitContentClassName: string | undefined;
+        // Decide what to show in the main split
+        switch (mainSplitContentType) {
+            case MainSplitContentType.Timeline:
+                mainSplitContentClassName = "mx_MainSplit_timeline";
+                mainSplitBody = (
+                    <RoomUploadContextProvider>
+                        <Measured sensor={this.roomViewBody} onMeasurement={this.onMeasurement} />
+                        {auxPanel}
+                        {pinnedMessageBanner}
+                        <main className={timelineClasses} data-testid="timeline">
+                            <FileDropTarget parent={this.roomView.current} />
+                            {topUnreadMessagesBar}
+                            {jumpToBottom}
+                            {messagePanel}
+                            {searchResultsPanel}
+                        </main>
+                        {statusBarArea}
+                        {previewBar}
+                        {messageComposer}
+                    </RoomUploadContextProvider>
+                );
+                break;
+            case MainSplitContentType.MaximisedWidget:
+                mainSplitContentClassName = "mx_MainSplit_maximisedWidget";
+                mainSplitBody = (
+                    <>
+                        <AppsDrawer
+                            room={this.state.room}
+                            userId={this.context.client.getSafeUserId()}
+                            showApps={true}
+                            role="main"
+                        />
+                        {previewBar}
+                    </>
+                );
+                break;
+            case MainSplitContentType.Call: {
+                mainSplitContentClassName = "mx_MainSplit_call";
+                mainSplitBody = (
+                    <>
+                        <CallView
+                            room={this.state.room}
+                            resizing={this.state.resizing}
+                            role="main"
+                            onClose={this.onCallClose}
+                        />
+                        {previewBar}
+                    </>
+                );
+            }
+        }
+        const mainSplitContentClasses = classNames("mx_RoomView_body", mainSplitContentClassName);
+
+        let sizeKey: string | undefined;
+        let defaultSize: number | undefined;
+        let analyticsRoomType: ComponentProps<typeof MainSplit>["analyticsRoomType"] = "other_room";
+        if (this.state.mainSplitContentType !== MainSplitContentType.Timeline) {
+            // Override defaults for video rooms where more space is needed for the chat timeline
+            sizeKey = "wide";
+            defaultSize = 420;
+            analyticsRoomType =
+                this.state.mainSplitContentType === MainSplitContentType.Call ? "video_room" : "maximised_widget";
+        }
+
+        const extraButtons: JSX.Element[] = [];
+        for (const cb of ModuleApi.instance.extras.roomHeaderButtonsCallbacks) {
+            const b = cb(this.state.room.roomId);
+            if (b) extraButtons.push(b);
+        }
+
+        return (
+            <ScopedRoomContextProvider {...this.state} roomViewStore={this.roomViewStore}>
+                <div
+                    className={mainClasses}
+                    ref={this.roomView}
+                    onKeyDown={this.onReactKeyDown}
+                    onFocus={this.onFocus}
+                    tabIndex={-1}
+                >
+                    {showChatEffects && this.roomView.current && (
+                        <EffectsOverlay roomWidth={this.roomView.current.offsetWidth} />
+                    )}
+                    <ErrorBoundary>
+                        <MainSplit
+                            panel={rightPanel}
+                            sizeKey={sizeKey}
+                            defaultSize={defaultSize}
+                            analyticsRoomType={analyticsRoomType}
+                        >
+                            <div
+                                className={mainSplitContentClasses}
+                                ref={this.roomViewBody}
+                                data-layout={this.state.layout}
+                            >
+                                {!this.props.hideHeader && (
+                                    <RoomHeader
+                                        room={this.state.room}
+                                        legacyAdditionalButtons={this.state.viewRoomOpts.buttons}
+                                        extraButtons={<>{extraButtons}</>}
+                                    />
+                                )}
+                                {mainSplitBody}
+                            </div>
+                        </MainSplit>
+                    </ErrorBoundary>
+                </div>
+            </ScopedRoomContextProvider>
+        );
+    }
+}
+
+class CannotDetermineUserError extends Error {
+    public name = "CannotDetermineUserError";
+}
diff --git a/apps/web/src/components/structures/ScrollPanel.tsx b/apps/web/src/components/structures/ScrollPanel.tsx
new file mode 100644
index 00000000000..3be253a8e5f
--- /dev/null
+++ b/apps/web/src/components/structures/ScrollPanel.tsx
@@ -0,0 +1,955 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-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, { createRef, type CSSProperties, type ReactNode } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { AutoHideScrollbar } from "@element-hq/web-shared-components";
+
+import SettingsStore from "../../settings/SettingsStore";
+import Timer from "../../utils/Timer";
+import { getKeyBindingsManager } from "../../KeyBindingsManager";
+import { KeyBindingAction } from "../../accessibility/KeyboardShortcuts";
+import { SDKContext } from "../../contexts/SDKContext";
+
+// The amount of extra scroll distance to allow prior to unfilling.
+// See getExcessHeight.
+const UNPAGINATION_PADDING = 6000;
+// The number of milliseconds to debounce calls to onUnfillRequest,
+// to prevent many scroll events causing many unfilling requests.
+const UNFILL_REQUEST_DEBOUNCE_MS = 200;
+// updateHeight makes the height a `Math.ceil` multiple of this, so we don't have to update the height too often.
+// It also allows the user to scroll past the pagination spinner a bit, so they don't feel blocked so
+// much while the content loads.
+const PAGE_SIZE = 400;
+
+const debuglog = (...args: any[]): void => {
+    if (SettingsStore.getValue("debug_scroll_panel")) {
+        logger.log.call(console, "ScrollPanel debuglog:", ...args);
+    }
+};
+
+interface IProps {
+    /* stickyBottom: if set to true, then once the user hits the bottom of
+     * the list, any new children added to the list will cause the list to
+     * scroll down to show the new element, rather than preserving the
+     * existing view.
+     */
+    stickyBottom?: boolean;
+
+    /* startAtBottom: if set to true, the view is assumed to start
+     * scrolled to the bottom.
+     * XXX: It's likely this is unnecessary and can be derived from
+     * stickyBottom, but I'm adding an extra parameter to ensure
+     * behaviour stays the same for other uses of ScrollPanel.
+     * If so, let's remove this parameter down the line.
+     */
+    startAtBottom?: boolean;
+
+    /* className: classnames to add to the top-level div
+     */
+    className?: string;
+
+    /* style: styles to add to the top-level div
+     */
+    style?: CSSProperties;
+
+    /* fixedChildren: allows for children to be passed which are rendered outside
+     * of the wrapper
+     */
+    fixedChildren?: ReactNode;
+    children?: ReactNode;
+
+    /* onFillRequest(backwards): a callback which is called on scroll when
+     * the user nears the start (backwards = true) or end (backwards =
+     * false) of the list.
+     *
+     * This should return a promise; no more calls will be made until the
+     * promise completes.
+     *
+     * The promise should resolve to true if there is more data to be
+     * retrieved in this direction (in which case onFillRequest may be
+     * called again immediately), or false if there is no more data in this
+     * direction (at this time) - which will stop the pagination cycle until
+     * the user scrolls again.
+     */
+    onFillRequest?(backwards: boolean): Promise<boolean>;
+
+    /* onUnfillRequest(backwards): a callback which is called on scroll when
+     * there are children elements that are far out of view and could be removed
+     * without causing pagination to occur.
+     *
+     * This function should accept a boolean, which is true to indicate the back/top
+     * of the panel and false otherwise, and a scroll token, which refers to the
+     * first element to remove if removing from the front/bottom, and last element
+     * to remove if removing from the back/top.
+     */
+    onUnfillRequest?(backwards: boolean, scrollToken: string): void;
+
+    /* onScroll: a callback which is called whenever any scroll happens.
+     */
+    onScroll?(event: Event): void;
+}
+
+/* This component implements an intelligent scrolling list.
+ *
+ * It wraps a list of <li> children; when items are added to the start or end
+ * of the list, the scroll position is updated so that the user still sees the
+ * same position in the list.
+ *
+ * It also provides a hook which allows parents to provide more list elements
+ * when we get close to the start or end of the list.
+ *
+ * Each child element should have a 'data-scroll-tokens'. This string of
+ * comma-separated tokens may contain a single token or many, where many indicates
+ * that the element contains elements that have scroll tokens themselves. The first
+ * token in 'data-scroll-tokens' is used to serialise the scroll state, and returned
+ * as the 'trackedScrollToken' attribute by getScrollState().
+ *
+ * IMPORTANT: INDIVIDUAL TOKENS WITHIN 'data-scroll-tokens' MUST NOT CONTAIN COMMAS.
+ *
+ * Some notes about the implementation:
+ *
+ * The saved 'scrollState' can exist in one of two states:
+ *
+ *   - stuckAtBottom: (the default, and restored by resetScrollState): the
+ *     viewport is scrolled down as far as it can be. When the children are
+ *     updated, the scroll position will be updated to ensure it is still at
+ *     the bottom.
+ *
+ *   - fixed, in which the viewport is conceptually tied at a specific scroll
+ *     offset.  We don't save the absolute scroll offset, because that would be
+ *     affected by window width, zoom level, amount of scrollback, etc. Instead,
+ *     we save an identifier for the last fully-visible message, and the number
+ *     of pixels the window was scrolled below it - which is hopefully near
+ *     enough.
+ *
+ * The 'stickyBottom' property controls the behaviour when we reach the bottom
+ * of the window (either through a user-initiated scroll, or by calling
+ * scrollToBottom). If stickyBottom is enabled, the scrollState will enter
+ * 'stuckAtBottom' state - ensuring that new additions cause the window to
+ * scroll down further. If stickyBottom is disabled, we just save the scroll
+ * offset as normal.
+ */
+
+export interface IScrollState {
+    stuckAtBottom?: boolean;
+    trackedNode?: HTMLElement;
+    trackedScrollToken?: string;
+    bottomOffset?: number;
+    pixelOffset?: number;
+}
+
+interface IPreventShrinkingState {
+    offsetFromBottom: number;
+    offsetNode: HTMLElement;
+}
+
+export default class ScrollPanel extends React.Component<IProps> {
+    // noinspection JSUnusedLocalSymbols
+    public static defaultProps = {
+        stickyBottom: true,
+        startAtBottom: true,
+        onFillRequest: function (backwards: boolean) {
+            return Promise.resolve(false);
+        },
+        onUnfillRequest: function (backwards: boolean, scrollToken: string) {},
+        onScroll: function (): void {},
+    };
+
+    private readonly pendingFillRequests: Record<"b" | "f", boolean | null> = {
+        b: null,
+        f: null,
+    };
+    private readonly itemlist = createRef<HTMLOListElement>();
+    private unmounted = false;
+    private scrollTimeout?: Timer;
+    // Are we currently trying to backfill?
+    private isFilling = false;
+    // Is the current fill request caused by a props update?
+    private isFillingDueToPropsUpdate = false;
+    // Did another request to check the fill state arrive while we were trying to backfill?
+    private fillRequestWhileRunning = false;
+    // Is that next fill request scheduled because of a props update?
+    private pendingFillDueToPropsUpdate = false;
+    private scrollState!: IScrollState;
+    private preventShrinkingState: IPreventShrinkingState | null = null;
+    private unfillDebouncer: number | null = null;
+    private bottomGrowth!: number;
+    private minListHeight!: number;
+    private heightUpdateInProgress = false;
+    public divScroll: HTMLDivElement | null = null;
+
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    public constructor(props: IProps, context: React.ContextType<typeof SDKContext>) {
+        super(props, context);
+
+        this.resetScrollState();
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+        this.context?.resizeNotifier?.on("middlePanelResizedNoisy", this.onResize);
+        this.checkScroll();
+    }
+
+    public componentDidUpdate(): void {
+        // after adding event tiles, we may need to tweak the scroll (either to
+        // keep at the bottom of the timeline, or to maintain the view after
+        // adding events to the top).
+        //
+        // This will also re-check the fill state, in case the pagination was inadequate
+        this.checkScroll(true);
+        this.updatePreventShrinking();
+    }
+
+    public componentWillUnmount(): void {
+        // set a boolean to say we've been unmounted, which any pending
+        // promises can use to throw away their results.
+        //
+        // (We could use isMounted(), but facebook have deprecated that.)
+        this.unmounted = true;
+
+        this.context?.resizeNotifier?.removeListener("middlePanelResizedNoisy", this.onResize);
+
+        this.divScroll = null;
+    }
+
+    private onScroll = (ev: Event): void => {
+        // skip scroll events caused by resizing
+        if (this.context?.resizeNotifier && this.context.resizeNotifier.isResizing) return;
+        debuglog("onScroll called past resize gate; scroll node top:", this.getScrollNode().scrollTop);
+        this.scrollTimeout?.restart();
+        this.saveScrollState();
+        this.updatePreventShrinking();
+        this.props.onScroll?.(ev);
+        // noinspection JSIgnoredPromiseFromCall
+        this.checkFillState();
+    };
+
+    private onResize = (): void => {
+        debuglog("onResize called");
+        this.checkScroll();
+        // update preventShrinkingState if present
+        if (this.preventShrinkingState) {
+            this.preventShrinking();
+        }
+    };
+
+    // after an update to the contents of the panel, check that the scroll is
+    // where it ought to be, and set off pagination requests if necessary.
+    public checkScroll = (isFromPropsUpdate = false): void => {
+        if (this.unmounted) {
+            return;
+        }
+        // We don't care if these two conditions race - they're different trees.
+        // noinspection JSIgnoredPromiseFromCall
+        this.restoreSavedScrollState();
+        // noinspection JSIgnoredPromiseFromCall
+        this.checkFillState(0, isFromPropsUpdate);
+    };
+
+    // return true if the content is fully scrolled down right now; else false.
+    //
+    // note that this is independent of the 'stuckAtBottom' state - it is simply
+    // about whether the content is scrolled down right now, irrespective of
+    // whether it will stay that way when the children update.
+    public isAtBottom = (): boolean => {
+        const sn = this.getScrollNode();
+        // fractional values (both too big and too small)
+        // for scrollTop happen on certain browsers/platforms
+        // when scrolled all the way down. E.g. Chrome 72 on debian.
+        //
+        // We therefore leave a bit of wiggle-room and assume we're at the
+        // bottom if the unscrolled area is less than one pixel high.
+        //
+        // non-standard DPI settings also seem to have effect here and can
+        // actually lead to scrollTop+clientHeight being *larger* than
+        // scrollHeight. (observed in element-desktop on Ubuntu 20.04)
+        //
+        return sn.scrollHeight - (sn.scrollTop + sn.clientHeight) <= 1;
+    };
+
+    // returns the vertical height in the given direction that can be removed from
+    // the content box (which has a height of scrollHeight, see checkFillState) without
+    // pagination occurring.
+    //
+    // padding* = UNPAGINATION_PADDING
+    //
+    // ### Region determined as excess.
+    //
+    //   .---------.                        -              -
+    //   |#########|                        |              |
+    //   |#########|   -                    |  scrollTop   |
+    //   |         |   | padding*           |              |
+    //   |         |   |                    |              |
+    // .-+---------+-. -  -                 |              |
+    // : |         | :    |                 |              |
+    // : |         | :    |  clientHeight   |              |
+    // : |         | :    |                 |              |
+    // .-+---------+-.    -                 -              |
+    // | |         | |    |                                |
+    // | |         | |    |  clientHeight                  | scrollHeight
+    // | |         | |    |                                |
+    // `-+---------+-'    -                                |
+    // : |         | :    |                                |
+    // : |         | :    |  clientHeight                  |
+    // : |         | :    |                                |
+    // `-+---------+-' -  -                                |
+    //   |         |   | padding*                          |
+    //   |         |   |                                   |
+    //   |#########|   -                                   |
+    //   |#########|                                       |
+    //   `---------'                                       -
+    private getExcessHeight(backwards: boolean): number {
+        const sn = this.getScrollNode();
+        const contentHeight = this.getMessagesHeight();
+        const listHeight = this.getListHeight();
+        const clippedHeight = contentHeight - listHeight;
+        const unclippedScrollTop = sn.scrollTop + clippedHeight;
+
+        if (backwards) {
+            return unclippedScrollTop - sn.clientHeight - UNPAGINATION_PADDING;
+        } else {
+            return contentHeight - (unclippedScrollTop + 2 * sn.clientHeight) - UNPAGINATION_PADDING;
+        }
+    }
+
+    // check the scroll state and send out backfill requests if necessary.
+    public checkFillState = async (depth = 0, isFromPropsUpdate = false): Promise<void> => {
+        if (this.unmounted) {
+            return;
+        }
+
+        const isFirstCall = depth === 0;
+        const sn = this.getScrollNode();
+
+        // if there is less than a screen's worth of messages above or below the
+        // viewport, try to get some more messages.
+        //
+        // scrollTop is the number of pixels between the top of the content and
+        //     the top of the viewport.
+        //
+        // scrollHeight is the total height of the content.
+        //
+        // clientHeight is the height of the viewport (excluding borders,
+        // margins, and scrollbars).
+        //
+        //
+        //   .---------.          -                 -
+        //   |         |          |  scrollTop      |
+        // .-+---------+-.    -   -                 |
+        // | |         | |    |                     |
+        // | |         | |    |  clientHeight       | scrollHeight
+        // | |         | |    |                     |
+        // `-+---------+-'    -                     |
+        //   |         |                            |
+        //   |         |                            |
+        //   `---------'                            -
+        //
+
+        // as filling is async and recursive,
+        // don't allow more than 1 chain of calls concurrently
+        // do make a note when a new request comes in while already running one,
+        // so we can trigger a new chain of calls once done.
+        // However, we make an exception for when we're already filling due to a
+        // props (or children) update, because very often the children include
+        // spinners to say whether we're paginating or not, so this would cause
+        // infinite paginating.
+        if (isFirstCall) {
+            if (this.isFilling && !this.isFillingDueToPropsUpdate) {
+                debuglog("isFilling: not entering while request is ongoing, marking for a subsequent request");
+                this.fillRequestWhileRunning = true;
+                this.pendingFillDueToPropsUpdate = isFromPropsUpdate;
+                return;
+            }
+            debuglog("isFilling: setting");
+            this.isFilling = true;
+            this.isFillingDueToPropsUpdate = isFromPropsUpdate;
+        }
+
+        const itemlist = this.itemlist.current;
+        const firstTile = itemlist?.firstElementChild as HTMLElement | undefined;
+        const fillPromises: Promise<void>[] = [];
+
+        // if scrollTop gets to 1 screen from the top of the first tile,
+        // try backward filling
+        if (!firstTile || sn.scrollTop - firstTile.offsetTop < sn.clientHeight) {
+            // need to back-fill
+            fillPromises.push(this.maybeFill(depth, true));
+        }
+        // if scrollTop gets to 2 screens from the end (so 1 screen below viewport),
+        // try forward filling
+        if (sn.scrollHeight - sn.scrollTop < sn.clientHeight * 2) {
+            // need to forward-fill
+            fillPromises.push(this.maybeFill(depth, false));
+        }
+
+        if (fillPromises.length) {
+            try {
+                await Promise.all(fillPromises);
+            } catch (err) {
+                logger.error(err);
+            }
+        }
+        if (isFirstCall) {
+            debuglog("isFilling: clearing");
+            this.isFilling = false;
+            this.isFillingDueToPropsUpdate = false;
+        }
+
+        if (this.fillRequestWhileRunning) {
+            const refillDueToPropsUpdate = this.pendingFillDueToPropsUpdate;
+            this.fillRequestWhileRunning = false;
+            this.pendingFillDueToPropsUpdate = false;
+            // noinspection ES6MissingAwait
+            this.checkFillState(0, refillDueToPropsUpdate);
+        }
+    };
+
+    // check if unfilling is possible and send an unfill request if necessary
+    private checkUnfillState(backwards: boolean): void {
+        let excessHeight = this.getExcessHeight(backwards);
+        if (excessHeight <= 0 || !this.itemlist.current) {
+            return;
+        }
+
+        const origExcessHeight = excessHeight;
+
+        const tiles = this.itemlist.current.children;
+
+        // The scroll token of the first/last tile to be unpaginated
+        let markerScrollToken: string | null = null;
+
+        // Subtract heights of tiles to simulate the tiles being unpaginated until the
+        // excess height is less than the height of the next tile to subtract. This
+        // prevents excessHeight becoming negative, which could lead to future
+        // pagination.
+        //
+        // If backwards is true, we unpaginate (remove) tiles from the back (top).
+        let tile: HTMLElement;
+        for (let i = 0; i < tiles.length; i++) {
+            tile = tiles[backwards ? i : tiles.length - 1 - i] as HTMLElement;
+            // Subtract height of tile as if it were unpaginated
+            excessHeight -= tile.clientHeight;
+            //If removing the tile would lead to future pagination, break before setting scroll token
+            if (tile.clientHeight > excessHeight) {
+                break;
+            }
+            // The tile may not have a scroll token, so guard it
+            if (tile.dataset.scrollTokens) {
+                markerScrollToken = tile.dataset.scrollTokens.split(",")[0];
+            }
+        }
+
+        if (markerScrollToken) {
+            // Use a debouncer to prevent multiple unfill calls in quick succession
+            // This is to make the unfilling process less aggressive
+            if (this.unfillDebouncer) {
+                clearTimeout(this.unfillDebouncer);
+            }
+            this.unfillDebouncer = window.setTimeout(() => {
+                this.unfillDebouncer = null;
+                debuglog("unfilling now", { backwards, origExcessHeight });
+                this.props.onUnfillRequest?.(backwards, markerScrollToken);
+            }, UNFILL_REQUEST_DEBOUNCE_MS);
+        }
+    }
+
+    // check if there is already a pending fill request. If not, set one off.
+    private maybeFill(depth: number, backwards: boolean): Promise<void> {
+        const dir = backwards ? "b" : "f";
+        if (this.pendingFillRequests[dir]) {
+            debuglog("Already a fill in progress - not starting another; direction=", dir);
+            return Promise.resolve();
+        }
+
+        debuglog("starting fill; direction=", dir);
+
+        // onFillRequest can end up calling us recursively (via onScroll
+        // events) so make sure we set this before firing off the call.
+        this.pendingFillRequests[dir] = true;
+
+        // wait 1ms before paginating, because otherwise
+        // this will block the scroll event handler for +700ms
+        // if messages are already cached in memory,
+        // This would cause jumping to happen on Chrome/macOS.
+        return new Promise((resolve) => window.setTimeout(resolve, 1))
+            .then(() => {
+                return this.props.onFillRequest?.(backwards);
+            })
+            .finally(() => {
+                this.pendingFillRequests[dir] = false;
+            })
+            .then((hasMoreResults) => {
+                if (this.unmounted) {
+                    return;
+                }
+                // Unpaginate once filling is complete
+                this.checkUnfillState(!backwards);
+
+                debuglog("fill complete; hasMoreResults=", hasMoreResults, "direction=", dir);
+                if (hasMoreResults) {
+                    // further pagination requests have been disabled until now, so
+                    // it's time to check the fill state again in case the pagination
+                    // was insufficient.
+                    return this.checkFillState(depth + 1);
+                }
+            });
+    }
+
+    /* get the current scroll state. This returns an object with the following
+     * properties:
+     *
+     * boolean stuckAtBottom: true if we are tracking the bottom of the
+     *   scroll. false if we are tracking a particular child.
+     *
+     * string trackedScrollToken: undefined if stuckAtBottom is true; if it is
+     *   false, the first token in data-scroll-tokens of the child which we are
+     *   tracking.
+     *
+     * number bottomOffset: undefined if stuckAtBottom is true; if it is false,
+     *   the number of pixels the bottom of the tracked child is above the
+     *   bottom of the scroll panel.
+     */
+    public getScrollState = (): IScrollState => this.scrollState;
+
+    /* reset the saved scroll state.
+     *
+     * This is useful if the list is being replaced, and you don't want to
+     * preserve scroll even if new children happen to have the same scroll
+     * tokens as old ones.
+     *
+     * This will cause the viewport to be scrolled down to the bottom on the
+     * next update of the child list. This is different to scrollToBottom(),
+     * which would save the current bottom-most child as the active one (so is
+     * no use if no children exist yet, or if you are about to replace the
+     * child list.)
+     */
+    public resetScrollState = (): void => {
+        this.scrollState = {
+            stuckAtBottom: this.props.startAtBottom,
+        };
+        this.bottomGrowth = 0;
+        this.minListHeight = 0;
+        this.scrollTimeout = new Timer(100);
+        this.heightUpdateInProgress = false;
+    };
+
+    /**
+     * jump to the top of the content.
+     */
+    public scrollToTop = (): void => {
+        this.getScrollNode().scrollTop = 0;
+        this.saveScrollState();
+    };
+
+    /**
+     * jump to the bottom of the content.
+     */
+    public scrollToBottom = (): void => {
+        // the easiest way to make sure that the scroll state is correctly
+        // saved is to do the scroll, then save the updated state. (Calculating
+        // it ourselves is hard, and we can't rely on an onScroll callback
+        // happening, since there may be no user-visible change here).
+        const sn = this.getScrollNode();
+        sn.scrollTop = sn.scrollHeight;
+        this.saveScrollState();
+    };
+
+    /**
+     * Page up/down.
+     *
+     * @param {number} multiple: -1 to page up, +1 to page down
+     */
+    public scrollRelative = (multiple: -1 | 1): void => {
+        const scrollNode = this.getScrollNode();
+        // TODO: Document what magic number 0.9 is doing
+        const delta = multiple * scrollNode.clientHeight * 0.9;
+        scrollNode.scrollBy(0, delta);
+        this.saveScrollState();
+    };
+
+    /**
+     * Scroll up/down in response to a scroll key
+     * @param {object} ev the keyboard event
+     */
+    public handleScrollKey = (ev: React.KeyboardEvent | KeyboardEvent): void => {
+        const roomAction = getKeyBindingsManager().getRoomAction(ev);
+        switch (roomAction) {
+            case KeyBindingAction.ScrollUp:
+                this.scrollRelative(-1);
+                break;
+            case KeyBindingAction.ScrollDown:
+                this.scrollRelative(1);
+                break;
+            case KeyBindingAction.JumpToFirstMessage:
+                this.scrollToTop();
+                break;
+            case KeyBindingAction.JumpToLatestMessage:
+                this.scrollToBottom();
+                break;
+        }
+    };
+
+    /* Scroll the panel to bring the DOM node with the scroll token
+     * `scrollToken` into view.
+     *
+     * offsetBase gives the reference point for the pixelOffset. 0 means the
+     * top of the container, 1 means the bottom, and fractional values mean
+     * somewhere in the middle. If omitted, it defaults to 0.
+     *
+     * pixelOffset gives the number of pixels *above* the offsetBase that the
+     * node (specifically, the bottom of it) will be positioned. If omitted, it
+     * defaults to 0.
+     */
+    public scrollToToken = (scrollToken: string, pixelOffset = 0, offsetBase = 0): void => {
+        // set the trackedScrollToken, so we can get the node through getTrackedNode
+        this.scrollState = {
+            stuckAtBottom: false,
+            trackedScrollToken: scrollToken,
+        };
+        const trackedNode = this.getTrackedNode();
+        const scrollNode = this.getScrollNode();
+        if (trackedNode) {
+            // set the scrollTop to the position we want.
+            // note though, that this might not succeed if the combination of offsetBase and pixelOffset
+            // would position the trackedNode towards the top of the viewport.
+            // This because when setting the scrollTop only 10 or so events might be loaded,
+            // not giving enough content below the trackedNode to scroll downwards
+            // enough, so it ends up in the top of the viewport.
+            debuglog("scrollToken: setting scrollTop", { offsetBase, pixelOffset, offsetTop: trackedNode.offsetTop });
+            scrollNode.scrollTop = trackedNode.offsetTop - scrollNode.clientHeight * offsetBase + pixelOffset;
+            this.saveScrollState();
+        }
+    };
+
+    private saveScrollState(): void {
+        if (this.props.stickyBottom && this.isAtBottom()) {
+            this.scrollState = { stuckAtBottom: true };
+            debuglog("saved stuckAtBottom state");
+            return;
+        }
+
+        const scrollNode = this.getScrollNode();
+        const viewportBottom = scrollNode.scrollHeight - (scrollNode.scrollTop + scrollNode.clientHeight);
+
+        const itemlist = this.itemlist.current;
+        if (!itemlist) return;
+        const messages = itemlist.children;
+        let node: HTMLElement | null = null;
+
+        // TODO: do a binary search here, as items are sorted by offsetTop
+        // loop backwards, from bottom-most message (as that is the most common case)
+        for (let i = messages.length - 1; i >= 0; --i) {
+            const htmlMessage = messages[i] as HTMLElement;
+            if (!htmlMessage.dataset?.scrollTokens) {
+                // dataset is only specified on HTMLElements
+                continue;
+            }
+            node = htmlMessage;
+            // break at the first message (coming from the bottom)
+            // that has it's offsetTop above the bottom of the viewport.
+            if (this.topFromBottom(node) > viewportBottom) {
+                // Use this node as the scrollToken
+                break;
+            }
+        }
+
+        if (!node) {
+            debuglog("unable to save scroll state: found no children in the viewport");
+            return;
+        }
+        const scrollToken = node.dataset.scrollTokens?.split(",")[0];
+        debuglog("saving anchored scroll state to message", scrollToken);
+        const bottomOffset = this.topFromBottom(node);
+        this.scrollState = {
+            stuckAtBottom: false,
+            trackedNode: node,
+            trackedScrollToken: scrollToken,
+            bottomOffset: bottomOffset,
+            pixelOffset: bottomOffset - viewportBottom, //needed for restoring the scroll position when coming back to the room
+        };
+    }
+
+    private async restoreSavedScrollState(): Promise<void> {
+        const scrollState = this.scrollState;
+
+        if (scrollState.stuckAtBottom) {
+            const sn = this.getScrollNode();
+            if (sn.scrollTop !== sn.scrollHeight) {
+                sn.scrollTop = sn.scrollHeight;
+            }
+        } else if (scrollState.trackedScrollToken) {
+            const itemlist = this.itemlist.current;
+            const trackedNode = this.getTrackedNode();
+            if (trackedNode) {
+                const newBottomOffset = this.topFromBottom(trackedNode);
+                const bottomDiff = newBottomOffset - (scrollState.bottomOffset ?? 0);
+                this.bottomGrowth += bottomDiff;
+                scrollState.bottomOffset = newBottomOffset;
+                const newHeight = `${this.getListHeight()}px`;
+                if (itemlist && itemlist.style.height !== newHeight) {
+                    itemlist.style.height = newHeight;
+                }
+                debuglog("balancing height because messages below viewport grew by", bottomDiff);
+            }
+        }
+        if (!this.heightUpdateInProgress) {
+            this.heightUpdateInProgress = true;
+            try {
+                await this.updateHeight();
+            } finally {
+                this.heightUpdateInProgress = false;
+            }
+        } else {
+            debuglog("not updating height because request already in progress");
+        }
+    }
+
+    // need a better name that also indicates this will change scrollTop? Rebalance height? Reveal content?
+    private async updateHeight(): Promise<void> {
+        // wait until user has stopped scrolling
+        if (this.scrollTimeout?.isRunning()) {
+            debuglog("updateHeight waiting for scrolling to end ... ");
+            await this.scrollTimeout.finished();
+            debuglog("updateHeight actually running now");
+        } else {
+            debuglog("updateHeight running without delay");
+        }
+
+        // We might have unmounted since the timer finished, so abort if so.
+        if (this.unmounted) {
+            debuglog("updateHeight: abort due to unmount");
+            return;
+        }
+
+        const sn = this.getScrollNode();
+        const itemlist = this.itemlist.current;
+        const contentHeight = this.getMessagesHeight();
+        // Only round to the nearest page when we're basing the height off the content, not off the scrollNode height
+        // otherwise it'll cause too much overscroll which makes it possible to entirely scroll content off-screen.
+        if (contentHeight < sn.clientHeight) {
+            this.minListHeight = sn.clientHeight;
+        } else {
+            this.minListHeight = Math.ceil(contentHeight / PAGE_SIZE) * PAGE_SIZE;
+        }
+        this.bottomGrowth = 0;
+        const newHeight = `${this.getListHeight()}px`;
+
+        const scrollState = this.scrollState;
+        if (scrollState.stuckAtBottom) {
+            if (itemlist && itemlist.style.height !== newHeight) {
+                itemlist.style.height = newHeight;
+            }
+            if (sn.scrollTop !== sn.scrollHeight) {
+                sn.scrollTop = sn.scrollHeight;
+            }
+            debuglog("updateHeight to", newHeight);
+        } else if (scrollState.trackedScrollToken) {
+            const trackedNode = this.getTrackedNode();
+            // if the timeline has been reloaded
+            // this can be called before scrollToBottom or whatever has been called
+            // so don't do anything if the node has disappeared from
+            // the currently filled piece of the timeline
+            if (trackedNode) {
+                const oldTop = trackedNode.offsetTop;
+                if (itemlist && itemlist.style.height !== newHeight) {
+                    itemlist.style.height = newHeight;
+                }
+                const newTop = trackedNode.offsetTop;
+                const topDiff = newTop - oldTop;
+                // important to scroll by a relative amount as
+                // reading scrollTop and then setting it might
+                // yield out of date values and cause a jump
+                // when setting it
+                sn.scrollBy(0, topDiff);
+                debuglog("updateHeight to", { newHeight, topDiff });
+            }
+        }
+    }
+
+    private getTrackedNode(): HTMLElement | undefined {
+        const scrollState = this.scrollState;
+        const trackedNode = scrollState.trackedNode;
+
+        if (!trackedNode?.parentElement && this.itemlist.current) {
+            let node: HTMLElement | undefined = undefined;
+            const messages = this.itemlist.current.children;
+            const scrollToken = scrollState.trackedScrollToken;
+
+            for (let i = messages.length - 1; i >= 0; --i) {
+                const m = messages[i] as HTMLElement;
+                // 'data-scroll-tokens' is a DOMString of comma-separated scroll tokens
+                // There might only be one scroll token
+                if (scrollToken && m.dataset.scrollTokens?.split(",").includes(scrollToken)) {
+                    node = m;
+                    break;
+                }
+            }
+            if (node) {
+                debuglog("had to find tracked node again for token:", scrollState.trackedScrollToken);
+            }
+            scrollState.trackedNode = node;
+        }
+
+        if (!scrollState.trackedNode) {
+            debuglog("No node with token:", scrollState.trackedScrollToken);
+            return;
+        }
+
+        return scrollState.trackedNode;
+    }
+
+    private getListHeight(): number {
+        return this.bottomGrowth + this.minListHeight;
+    }
+
+    private getMessagesHeight(): number {
+        const itemlist = this.itemlist.current;
+        const lastNode = itemlist?.lastElementChild as HTMLElement;
+        const lastNodeBottom = lastNode ? lastNode.offsetTop + lastNode.clientHeight : 0;
+        const firstNodeTop = (itemlist?.firstElementChild as HTMLElement)?.offsetTop ?? 0;
+        // 18 is itemlist padding
+        return lastNodeBottom - firstNodeTop + 18 * 2;
+    }
+
+    private topFromBottom(node: HTMLElement): number {
+        if (!this.itemlist.current) return -1;
+        // current capped height - distance from top = distance from bottom of container to top of tracked element
+        return this.itemlist.current.clientHeight - node.offsetTop;
+    }
+
+    /* get the DOM node which has the scrollTop property we care about for our
+     * message panel.
+     */
+    private getScrollNode(): HTMLDivElement {
+        if (this.unmounted) {
+            // this shouldn't happen, but when it does, turn the NPE into
+            // something more meaningful.
+            throw new Error("ScrollPanel.getScrollNode called when unmounted");
+        }
+
+        if (!this.divScroll) {
+            // Likewise, we should have the ref by this point, but if not
+            // turn the NPE into something meaningful.
+            throw new Error("ScrollPanel.getScrollNode called before AutoHideScrollbar ref collected");
+        }
+
+        return this.divScroll;
+    }
+
+    private collectScroll = (divScroll: HTMLDivElement | null): void => {
+        this.divScroll = divScroll;
+    };
+
+    /**
+    Mark the bottom offset of the last tile, so we can balance it out when
+    anything below it changes, by calling updatePreventShrinking, to keep
+    the same minimum bottom offset, effectively preventing the timeline to shrink.
+    */
+    public preventShrinking = (): void => {
+        const messageList = this.itemlist.current;
+        const tiles = messageList?.children;
+        if (!tiles) {
+            return;
+        }
+        let lastTileNode;
+        for (let i = tiles.length - 1; i >= 0; i--) {
+            const node = tiles[i] as HTMLElement;
+            if (node.dataset.scrollTokens) {
+                lastTileNode = node;
+                break;
+            }
+        }
+        if (!lastTileNode) {
+            return;
+        }
+        this.clearPreventShrinking();
+        const offsetFromBottom = messageList.clientHeight - (lastTileNode.offsetTop + lastTileNode.clientHeight);
+        this.preventShrinkingState = {
+            offsetFromBottom: offsetFromBottom,
+            offsetNode: lastTileNode,
+        };
+        debuglog("prevent shrinking, last tile ", offsetFromBottom, "px from bottom");
+    };
+
+    /** Clear shrinking prevention. Used internally, and when the timeline is reloaded. */
+    public clearPreventShrinking = (): void => {
+        const messageList = this.itemlist.current;
+        const balanceElement = messageList && messageList.parentElement;
+        if (balanceElement) balanceElement.style.removeProperty("paddingBottom");
+        this.preventShrinkingState = null;
+        debuglog("prevent shrinking cleared");
+    };
+
+    /**
+    update the container padding to balance
+    the bottom offset of the last tile since
+    preventShrinking was called.
+    Clears the prevent-shrinking state ones the offset
+    from the bottom of the marked tile grows larger than
+    what it was when marking.
+    */
+    public updatePreventShrinking = (): void => {
+        if (this.preventShrinkingState && this.itemlist.current) {
+            const sn = this.getScrollNode();
+            const scrollState = this.scrollState;
+            const messageList = this.itemlist.current;
+            const { offsetNode, offsetFromBottom } = this.preventShrinkingState;
+            // element used to set paddingBottom to balance the typing notifs disappearing
+            const balanceElement = messageList.parentElement;
+            // if the offsetNode got unmounted, clear
+            let shouldClear = !offsetNode.parentElement;
+            // also if 200px from bottom
+            if (!shouldClear && !scrollState.stuckAtBottom) {
+                const spaceBelowViewport = sn.scrollHeight - (sn.scrollTop + sn.clientHeight);
+                shouldClear = spaceBelowViewport >= 200;
+            }
+            // try updating if not clearing
+            if (!shouldClear) {
+                const currentOffset = messageList.clientHeight - (offsetNode.offsetTop + offsetNode.clientHeight);
+                const offsetDiff = offsetFromBottom - currentOffset;
+                if (offsetDiff > 0 && balanceElement) {
+                    balanceElement.style.paddingBottom = `${offsetDiff}px`;
+                    debuglog("update prevent shrinking ", offsetDiff, "px from bottom");
+                } else if (offsetDiff < 0) {
+                    shouldClear = true;
+                }
+            }
+            if (shouldClear) {
+                this.clearPreventShrinking();
+            }
+        }
+    };
+
+    public render(): ReactNode {
+        // TODO: the classnames on the div and ol could do with being updated to
+        // reflect the fact that we don't necessarily contain a list of messages.
+        // it's not obvious why we have a separate div and ol anyway.
+
+        // give the <ol> an explicit role=list because Safari+VoiceOver seems to think an ordered-list with
+        // list-style-type: none; is no longer a list
+        return (
+            <AutoHideScrollbar
+                wrappedRef={this.collectScroll}
+                onScroll={this.onScroll}
+                className={`mx_AutoHideScrollbar mx_ScrollPanel ${this.props.className}`}
+                style={this.props.style}
+            >
+                {this.props.fixedChildren}
+                <div className="mx_RoomView_messageListWrapper">
+                    <ol ref={this.itemlist} className="mx_RoomView_MessageList" aria-live="polite">
+                        {this.props.children}
+                    </ol>
+                </div>
+            </AutoHideScrollbar>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/SearchBox.tsx b/apps/web/src/components/structures/SearchBox.tsx
new file mode 100644
index 00000000000..4f9c840cb63
--- /dev/null
+++ b/apps/web/src/components/structures/SearchBox.tsx
@@ -0,0 +1,158 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+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.
+*/
+
+import React, { createRef, type HTMLProps } from "react";
+import { throttle } from "lodash";
+import classNames from "classnames";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import AccessibleButton from "../../components/views/elements/AccessibleButton";
+import { getKeyBindingsManager } from "../../KeyBindingsManager";
+import { KeyBindingAction } from "../../accessibility/KeyboardShortcuts";
+
+interface IProps extends HTMLProps<HTMLInputElement> {
+    onSearch: (query: string) => void;
+    onCleared?: (source?: string) => void;
+    onKeyDown?: (ev: React.KeyboardEvent) => void;
+    onFocus?: (ev: React.FocusEvent) => void;
+    onBlur?: (ev: React.FocusEvent) => void;
+    className?: string;
+    placeholder: string;
+    blurredPlaceholder?: string;
+    autoFocus?: boolean;
+    initialValue?: string;
+    collapsed?: boolean;
+}
+
+interface IState {
+    searchTerm: string;
+    blurred: boolean;
+}
+
+export default class SearchBox extends React.Component<IProps, IState> {
+    private search = createRef<HTMLInputElement>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            searchTerm: props.initialValue || "",
+            blurred: true,
+        };
+    }
+
+    private onChange = (): void => {
+        if (!this.search.current) return;
+        this.setState({ searchTerm: this.search.current.value });
+        this.onSearch();
+    };
+
+    private onSearch = throttle(
+        (): void => {
+            this.props.onSearch(this.search.current?.value ?? "");
+        },
+        200,
+        { trailing: true, leading: true },
+    );
+
+    private onKeyDown = (ev: React.KeyboardEvent): void => {
+        const action = getKeyBindingsManager().getAccessibilityAction(ev);
+        switch (action) {
+            case KeyBindingAction.Escape:
+                this.clearSearch("keyboard");
+                break;
+        }
+        if (this.props.onKeyDown) this.props.onKeyDown(ev);
+    };
+
+    private onFocus = (ev: React.FocusEvent): void => {
+        this.setState({ blurred: false });
+        (ev.target as HTMLInputElement).select();
+        if (this.props.onFocus) {
+            this.props.onFocus(ev);
+        }
+    };
+
+    private onBlur = (ev: React.FocusEvent): void => {
+        this.setState({ blurred: true });
+        if (this.props.onBlur) {
+            this.props.onBlur(ev);
+        }
+    };
+
+    private clearSearch(source?: string): void {
+        if (this.search.current) this.search.current.value = "";
+        this.onChange();
+        this.props.onCleared?.(source);
+    }
+
+    public render(): React.ReactNode {
+        /* eslint @typescript-eslint/no-unused-vars: ["error", { "ignoreRestSiblings": true }] */
+        const {
+            onSearch,
+            onCleared,
+            onKeyDown,
+            onFocus,
+            onBlur,
+            className = "",
+            placeholder,
+            blurredPlaceholder,
+            autoFocus,
+            initialValue,
+            collapsed,
+            ...props
+        } = this.props;
+
+        // check for collapsed here and
+        // not at parent so we keep
+        // searchTerm in our state
+        // when collapsing and expanding
+        if (collapsed) {
+            return null;
+        }
+        const clearButton =
+            !this.state.blurred || this.state.searchTerm ? (
+                <AccessibleButton
+                    key="button"
+                    tabIndex={-1}
+                    className="mx_SearchBox_closeButton"
+                    onClick={() => {
+                        this.clearSearch("button");
+                    }}
+                >
+                    <CloseIcon />
+                </AccessibleButton>
+            ) : undefined;
+
+        // show a shorter placeholder when blurred, if requested
+        // this is used for the room filter field that has
+        // the explore button next to it when blurred
+        return (
+            <div className={classNames("mx_SearchBox", "mx_textinput", { mx_SearchBox_blurred: this.state.blurred })}>
+                <input
+                    {...props}
+                    key="searchfield"
+                    type="text"
+                    ref={this.search}
+                    className={"mx_textinput_icon mx_textinput_search " + className}
+                    value={this.state.searchTerm}
+                    onFocus={this.onFocus}
+                    onChange={this.onChange}
+                    onKeyDown={this.onKeyDown}
+                    onBlur={this.onBlur}
+                    placeholder={this.state.blurred ? blurredPlaceholder || placeholder : placeholder}
+                    autoComplete="off"
+                    autoFocus={this.props.autoFocus}
+                    data-testid="searchbox-input"
+                />
+                {clearButton}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/SpaceHierarchy.tsx b/apps/web/src/components/structures/SpaceHierarchy.tsx
new file mode 100644
index 00000000000..fc9d81988f1
--- /dev/null
+++ b/apps/web/src/components/structures/SpaceHierarchy.tsx
@@ -0,0 +1,949 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 2021-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 JSX,
+    type Dispatch,
+    type KeyboardEvent,
+    type KeyboardEventHandler,
+    type ReactElement,
+    type ReactNode,
+    type SetStateAction,
+    useCallback,
+    useContext,
+    useEffect,
+    useId,
+    useMemo,
+    useRef,
+    useState,
+} from "react";
+import {
+    type Room,
+    RoomEvent,
+    ClientEvent,
+    type MatrixClient,
+    MatrixError,
+    EventType,
+    RoomType,
+    GuestAccess,
+    HistoryVisibility,
+    type HierarchyRoom,
+    JoinRule,
+} from "matrix-js-sdk/src/matrix";
+import { RoomHierarchy } from "matrix-js-sdk/src/room-hierarchy";
+import classNames from "classnames";
+import { sortBy, uniqBy } from "lodash";
+import { logger } from "matrix-js-sdk/src/logger";
+import { KnownMembership, type SpaceChildEventContent } from "matrix-js-sdk/src/types";
+import { ChevronDownIcon, CheckIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { LinkedText } from "@element-hq/web-shared-components";
+
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { _t } from "../../languageHandler";
+import AccessibleButton, { type ButtonEvent } from "../views/elements/AccessibleButton";
+import Spinner from "../views/elements/Spinner";
+import SearchBox from "./SearchBox";
+import RoomAvatar from "../views/avatars/RoomAvatar";
+import StyledCheckbox from "../views/elements/StyledCheckbox";
+import BaseAvatar from "../views/avatars/BaseAvatar";
+import { mediaFromMxc } from "../../customisations/Media";
+import InfoTooltip from "../views/elements/InfoTooltip";
+import TextWithTooltip from "../views/elements/TextWithTooltip";
+import { useStateToggle } from "../../hooks/useStateToggle";
+import { getChildOrder } from "../../stores/spaces/SpaceStore";
+import { topicToHtml } from "../../HtmlUtils";
+import { useDispatcher } from "../../hooks/useDispatcher";
+import { Action } from "../../dispatcher/actions";
+import { type IState, RovingTabIndexProvider, useRovingTabIndex } from "../../accessibility/RovingTabIndex";
+import MatrixClientContext from "../../contexts/MatrixClientContext";
+import { useTypedEventEmitterState } from "../../hooks/useEventEmitter";
+import { awaitRoomDownSync } from "../../utils/RoomUpgrade";
+import { type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import { type JoinRoomReadyPayload } from "../../dispatcher/payloads/JoinRoomReadyPayload";
+import { KeyBindingAction } from "../../accessibility/KeyboardShortcuts";
+import { getKeyBindingsManager } from "../../KeyBindingsManager";
+import { getTopic } from "../../hooks/room/useTopic";
+import { getDisplayAliasForAliasSet } from "../../Rooms";
+import SettingsStore from "../../settings/SettingsStore";
+import { filterBoolean } from "../../utils/arrays.ts";
+import { type RoomViewStore } from "../../stores/RoomViewStore.tsx";
+import RoomContext from "../../contexts/RoomContext.ts";
+
+interface IProps {
+    space: Room;
+    initialText?: string;
+    additionalButtons?: ReactNode;
+    showRoom(this: void, cli: MatrixClient, hierarchy: RoomHierarchy, roomId: string, roomType?: RoomType): void;
+}
+
+interface ITileProps {
+    room: HierarchyRoom;
+    suggested?: boolean;
+    selected?: boolean;
+    numChildRooms?: number;
+    hasPermissions?: boolean;
+    children?: ReactNode;
+    onViewRoomClick(this: void): void;
+    onJoinRoomClick(this: void): Promise<unknown>;
+    onToggleClick?(this: void): void;
+}
+
+const Tile: React.FC<ITileProps> = ({
+    room,
+    suggested,
+    selected,
+    hasPermissions,
+    onToggleClick,
+    onViewRoomClick,
+    onJoinRoomClick,
+    numChildRooms,
+    children,
+}) => {
+    const cli = useContext(MatrixClientContext);
+    const joinedRoom = useTypedEventEmitterState(cli, ClientEvent.Room, () => {
+        const cliRoom = cli?.getRoom(room.room_id);
+        return cliRoom?.getMyMembership() === KnownMembership.Join ? cliRoom : undefined;
+    });
+    const joinedRoomName = useTypedEventEmitterState(joinedRoom, RoomEvent.Name, (room) => room?.name);
+    const name =
+        joinedRoomName ||
+        room.name ||
+        room.canonical_alias ||
+        room.aliases?.[0] ||
+        (room.room_type === RoomType.Space ? _t("common|unnamed_space") : _t("common|unnamed_room"));
+
+    const [showChildren, toggleShowChildren] = useStateToggle(true);
+    const [onFocus, isActive, ref, nodeRef] = useRovingTabIndex();
+    const [busy, setBusy] = useState(false);
+    const checkboxLabelId = useId();
+
+    const onPreviewClick = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+        ev.stopPropagation();
+        onViewRoomClick();
+    };
+    const onJoinClick = async (ev: ButtonEvent): Promise<void> => {
+        setBusy(true);
+        ev.preventDefault();
+        ev.stopPropagation();
+        try {
+            await onJoinRoomClick();
+            await awaitRoomDownSync(cli, room.room_id);
+        } finally {
+            setBusy(false);
+        }
+    };
+
+    let button: ReactElement;
+    if (busy) {
+        button = (
+            <AccessibleButton
+                disabled={true}
+                onClick={onJoinClick}
+                kind="primary_outline"
+                onFocus={onFocus}
+                tabIndex={isActive ? 0 : -1}
+                title={_t("space|joining_space")}
+            >
+                <Spinner size={24} />
+            </AccessibleButton>
+        );
+    } else if (joinedRoom || room.join_rule === JoinRule.Knock) {
+        // If the room is knockable, show the "View" button even if we are not a member; that
+        // allows us to reuse the "request to join" UX in RoomView.
+        button = (
+            <AccessibleButton
+                onClick={onPreviewClick}
+                kind="primary_outline"
+                onFocus={onFocus}
+                tabIndex={isActive ? 0 : -1}
+            >
+                {_t("action|view")}
+            </AccessibleButton>
+        );
+    } else {
+        button = (
+            <AccessibleButton onClick={onJoinClick} kind="primary" onFocus={onFocus} tabIndex={isActive ? 0 : -1}>
+                {_t("action|join")}
+            </AccessibleButton>
+        );
+    }
+
+    let checkbox: ReactElement | undefined;
+    if (onToggleClick) {
+        if (hasPermissions) {
+            checkbox = (
+                <StyledCheckbox
+                    aria-labelledby={checkboxLabelId}
+                    checked={!!selected}
+                    tabIndex={-1}
+                    onChange={(e) => {
+                        e.stopPropagation();
+                        onToggleClick();
+                    }}
+                />
+            );
+        } else {
+            checkbox = (
+                <TextWithTooltip
+                    tooltip={_t("space|user_lacks_permission")}
+                    onClick={(ev) => {
+                        ev.stopPropagation();
+                    }}
+                >
+                    <StyledCheckbox aria-labelledby={checkboxLabelId} disabled={true} tabIndex={-1} />
+                </TextWithTooltip>
+            );
+        }
+    }
+
+    let avatar: ReactElement;
+    if (joinedRoom) {
+        avatar = <RoomAvatar room={joinedRoom} size="20px" />;
+    } else {
+        avatar = (
+            <BaseAvatar
+                name={name}
+                idName={room.room_id}
+                url={room.avatar_url ? mediaFromMxc(room.avatar_url).getSquareThumbnailHttp(20) : null}
+                size="20px"
+            />
+        );
+    }
+
+    let description = _t("common|n_members", { count: room.num_joined_members ?? 0 });
+    if (numChildRooms !== undefined) {
+        description += " · " + _t("common|n_rooms", { count: numChildRooms });
+    }
+
+    let topic: ReactNode | string | null;
+    if (joinedRoom) {
+        const topicObj = getTopic(joinedRoom);
+        topic = topicToHtml(topicObj?.text, topicObj?.html);
+    } else {
+        topic = room.topic;
+    }
+
+    let topicSection: ReactNode | undefined;
+    if (topic) {
+        // prevent clicks on links from bubbling up to the room tile
+        topicSection = (
+            <LinkedText onLinkClick={(ev) => ev.stopPropagation()}>
+                {" · "}
+                {topic}
+            </LinkedText>
+        );
+    }
+
+    let joinedSection: ReactElement | undefined;
+    if (joinedRoom) {
+        joinedSection = (
+            <div className="mx_SpaceHierarchy_roomTile_joined">
+                <CheckIcon />
+                {_t("common|joined")}
+            </div>
+        );
+    }
+
+    let suggestedSection: ReactElement | undefined;
+    if (suggested && (!joinedRoom || hasPermissions)) {
+        suggestedSection = <InfoTooltip tooltip={_t("space|suggested_tooltip")}>{_t("space|suggested")}</InfoTooltip>;
+    }
+
+    const content = (
+        <React.Fragment>
+            <div className="mx_SpaceHierarchy_roomTile_item">
+                <div className="mx_SpaceHierarchy_roomTile_avatar">{avatar}</div>
+                <div className="mx_SpaceHierarchy_roomTile_name">
+                    <span id={checkboxLabelId}>{name}</span>
+                    {joinedSection}
+                    {suggestedSection}
+                </div>
+                <div className="mx_SpaceHierarchy_roomTile_info">
+                    {description}
+                    {topicSection}
+                </div>
+            </div>
+            <div className="mx_SpaceHierarchy_actions">
+                {button}
+                {checkbox}
+            </div>
+        </React.Fragment>
+    );
+
+    let childToggle: JSX.Element | undefined;
+    let childSection: JSX.Element | undefined;
+    let onKeyDown: KeyboardEventHandler | undefined;
+    if (children) {
+        childToggle = (
+            // the chevron is purposefully a div rather than a button as it should be ignored for a11y
+            // oxlint-disable-next-line jsx-a11y/click-events-have-key-events
+            <div
+                className={classNames("mx_SpaceHierarchy_subspace_toggle", {
+                    mx_SpaceHierarchy_subspace_toggle_shown: showChildren,
+                })}
+                onClick={(ev) => {
+                    ev.stopPropagation();
+                    toggleShowChildren();
+                }}
+            >
+                <ChevronDownIcon />
+            </div>
+        );
+
+        if (showChildren) {
+            const onChildrenKeyDown = (e: React.KeyboardEvent): void => {
+                const action = getKeyBindingsManager().getAccessibilityAction(e);
+                switch (action) {
+                    case KeyBindingAction.ArrowLeft:
+                        e.preventDefault();
+                        e.stopPropagation();
+                        nodeRef.current?.focus();
+                        break;
+                }
+            };
+
+            childSection = (
+                <ul className="mx_SpaceHierarchy_subspace_children" onKeyDown={onChildrenKeyDown} role="group">
+                    {children}
+                </ul>
+            );
+        }
+
+        onKeyDown = (e) => {
+            let handled = false;
+
+            const action = getKeyBindingsManager().getAccessibilityAction(e);
+            switch (action) {
+                case KeyBindingAction.ArrowLeft:
+                    if (showChildren) {
+                        handled = true;
+                        toggleShowChildren();
+                    }
+                    break;
+
+                case KeyBindingAction.ArrowRight:
+                    handled = true;
+                    if (showChildren) {
+                        const childSection = nodeRef.current?.nextElementSibling;
+                        childSection?.querySelector<HTMLDivElement>(".mx_SpaceHierarchy_roomTile")?.focus();
+                    } else {
+                        toggleShowChildren();
+                    }
+                    break;
+            }
+
+            if (handled) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        };
+    }
+
+    const shouldToggle = hasPermissions && onToggleClick;
+
+    return (
+        <li
+            className="mx_SpaceHierarchy_roomTileWrapper"
+            role="treeitem"
+            aria-selected={selected}
+            aria-labelledby={checkboxLabelId}
+            aria-expanded={children ? showChildren : undefined}
+        >
+            <AccessibleButton
+                className={classNames("mx_SpaceHierarchy_roomTile", {
+                    mx_SpaceHierarchy_subspace: room.room_type === RoomType.Space,
+                    mx_SpaceHierarchy_joining: busy,
+                })}
+                onClick={shouldToggle ? onToggleClick : onPreviewClick}
+                onKeyDown={onKeyDown}
+                ref={ref}
+                onFocus={onFocus}
+                tabIndex={isActive ? 0 : -1}
+            >
+                {content}
+                {childToggle}
+            </AccessibleButton>
+            {childSection}
+        </li>
+    );
+};
+
+export const showRoom = (cli: MatrixClient, hierarchy: RoomHierarchy, roomId: string, roomType?: RoomType): void => {
+    const room = hierarchy.roomMap.get(roomId);
+
+    // Don't let the user view a room they won't be able to either peek or join:
+    // fail earlier so they don't have to click back to the directory.
+    if (cli.isGuest()) {
+        if (!room?.world_readable && !room?.guest_can_join) {
+            defaultDispatcher.dispatch({ action: "require_registration" });
+            return;
+        }
+    }
+
+    const roomAlias = getDisplayAliasForAliasSet(room?.canonical_alias ?? "", room?.aliases ?? []) || undefined;
+
+    defaultDispatcher.dispatch<ViewRoomPayload>({
+        action: Action.ViewRoom,
+        should_peek: true,
+        room_alias: roomAlias,
+        room_id: roomId,
+        via_servers: Array.from(hierarchy.viaMap.get(roomId) || []),
+        oob_data: {
+            avatarUrl: room?.avatar_url,
+            // XXX: This logic is duplicated from the JS SDK which would normally decide what the name is.
+            name: room?.name || roomAlias || _t("common|unnamed_room"),
+            roomType,
+        },
+        metricsTrigger: "RoomDirectory",
+    });
+};
+
+/**
+ * Join a room.
+ * @param cli The Matrix client
+ * @param roomViewStore The RoomViewStore instance
+ * @param hierarchy The RoomHierarchy instance
+ * @param roomId The ID of the room to join
+ * @returns A promise that resolves when the room has been joined
+ */
+export const joinRoom = async (
+    cli: MatrixClient,
+    roomViewStore: RoomViewStore,
+    hierarchy: RoomHierarchy,
+    roomId: string,
+): Promise<unknown> => {
+    // Don't let the user view a room they won't be able to either peek or join:
+    // fail earlier so they don't have to click back to the directory.
+    if (cli.isGuest()) {
+        defaultDispatcher.dispatch({ action: "require_registration" });
+        return;
+    }
+
+    try {
+        await cli.joinRoom(roomId, {
+            viaServers: Array.from(hierarchy.viaMap.get(roomId) || []),
+        });
+    } catch (err: unknown) {
+        if (err instanceof MatrixError) {
+            roomViewStore.showJoinRoomError(err, roomId);
+        } else {
+            logger.warn("Got a non-MatrixError while joining room", err);
+            roomViewStore.showJoinRoomError(
+                new MatrixError({
+                    error: _t("error|unknown"),
+                }),
+                roomId,
+            );
+        }
+
+        // rethrow error so that the caller can handle react to it too
+        throw err;
+    }
+
+    defaultDispatcher.dispatch<JoinRoomReadyPayload>({
+        action: Action.JoinRoomReady,
+        roomId,
+        metricsTrigger: "SpaceHierarchy",
+    });
+};
+
+interface IHierarchyLevelProps {
+    root: HierarchyRoom;
+    roomSet: Set<HierarchyRoom>;
+    hierarchy: RoomHierarchy;
+    parents: Set<string>;
+    selectedMap?: Map<string, Set<string>>;
+    onViewRoomClick(this: void, roomId: string, roomType?: RoomType): void;
+    onJoinRoomClick(this: void, roomId: string, parents: Set<string>): Promise<unknown>;
+    onToggleClick?(this: void, parentId: string, childId: string): void;
+}
+
+export const toLocalRoom = (cli: MatrixClient, room: HierarchyRoom, hierarchy: RoomHierarchy): HierarchyRoom => {
+    const history = cli.getRoomUpgradeHistory(
+        room.room_id,
+        true,
+        SettingsStore.getValue("feature_dynamic_room_predecessors"),
+    );
+
+    // Pick latest room that is actually part of the hierarchy
+    let cliRoom: Room | null = null;
+    for (let idx = history.length - 1; idx >= 0; --idx) {
+        if (hierarchy.roomMap.get(history[idx].roomId)) {
+            cliRoom = history[idx];
+            break;
+        }
+    }
+
+    if (cliRoom) {
+        return {
+            ...room,
+            room_id: cliRoom.roomId,
+            room_type: cliRoom.getType(),
+            name: cliRoom.name,
+            topic: cliRoom.currentState.getStateEvents(EventType.RoomTopic, "")?.getContent().topic,
+            avatar_url: cliRoom.getMxcAvatarUrl() ?? undefined,
+            canonical_alias: cliRoom.getCanonicalAlias() ?? undefined,
+            aliases: cliRoom.getAltAliases(),
+            world_readable:
+                cliRoom.currentState.getStateEvents(EventType.RoomHistoryVisibility, "")?.getContent()
+                    .history_visibility === HistoryVisibility.WorldReadable,
+            guest_can_join:
+                cliRoom.currentState.getStateEvents(EventType.RoomGuestAccess, "")?.getContent().guest_access ===
+                GuestAccess.CanJoin,
+            num_joined_members: cliRoom.getJoinedMemberCount(),
+        };
+    }
+
+    return room;
+};
+
+export const HierarchyLevel: React.FC<IHierarchyLevelProps> = ({
+    root,
+    roomSet,
+    hierarchy,
+    parents,
+    selectedMap,
+    onViewRoomClick,
+    onJoinRoomClick,
+    onToggleClick,
+}) => {
+    const cli = useContext(MatrixClientContext);
+    const space = cli.getRoom(root.room_id);
+    const hasPermissions = space?.currentState.maySendStateEvent(EventType.SpaceChild, cli.getSafeUserId());
+
+    const sortedChildren = filterBoolean(
+        sortBy(root.children_state, (ev) => {
+            return getChildOrder(ev.content.order, ev.origin_server_ts, ev.state_key);
+        }).map((ev) => {
+            const hierarchyRoom = hierarchy.roomMap.get(ev.state_key);
+            if (!hierarchyRoom || !roomSet.has(hierarchyRoom)) return null;
+            // Find the most up-to-date info for this room, if it has been upgraded and we know about it.
+            return toLocalRoom(cli, hierarchyRoom, hierarchy);
+        }),
+    );
+
+    const newParents = new Set(parents).add(root.room_id);
+    return (
+        <React.Fragment>
+            {uniqBy(sortedChildren, "room_id").map((room) => {
+                if (room.room_type !== RoomType.Space) {
+                    return (
+                        <Tile
+                            key={room.room_id}
+                            room={room}
+                            suggested={hierarchy.isSuggested(root.room_id, room.room_id)}
+                            selected={selectedMap?.get(root.room_id)?.has(room.room_id)}
+                            onViewRoomClick={() => onViewRoomClick(room.room_id, room.room_type as RoomType)}
+                            onJoinRoomClick={() => onJoinRoomClick(room.room_id, newParents)}
+                            hasPermissions={hasPermissions}
+                            onToggleClick={onToggleClick ? () => onToggleClick(root.room_id, room.room_id) : undefined}
+                        />
+                    );
+                } else {
+                    if (newParents.has(room.room_id)) return null; // prevent cycles
+                    return (
+                        <Tile
+                            key={room.room_id}
+                            room={room}
+                            numChildRooms={
+                                room.children_state.filter((ev) => {
+                                    const child = hierarchy.roomMap.get(ev.state_key);
+                                    return child && roomSet.has(child) && !child.room_type;
+                                }).length
+                            }
+                            suggested={hierarchy.isSuggested(root.room_id, room.room_id)}
+                            selected={selectedMap?.get(root.room_id)?.has(room.room_id)}
+                            onViewRoomClick={() => onViewRoomClick(room.room_id, RoomType.Space)}
+                            onJoinRoomClick={() => onJoinRoomClick(room.room_id, newParents)}
+                            hasPermissions={hasPermissions}
+                            onToggleClick={onToggleClick ? () => onToggleClick(root.room_id, room.room_id) : undefined}
+                        >
+                            <HierarchyLevel
+                                root={room}
+                                roomSet={roomSet}
+                                hierarchy={hierarchy}
+                                parents={newParents}
+                                selectedMap={selectedMap}
+                                onViewRoomClick={onViewRoomClick}
+                                onJoinRoomClick={onJoinRoomClick}
+                                onToggleClick={onToggleClick}
+                            />
+                        </Tile>
+                    );
+                }
+            })}
+        </React.Fragment>
+    );
+};
+
+const INITIAL_PAGE_SIZE = 20;
+
+export const useRoomHierarchy = (
+    space: Room,
+): {
+    loading: boolean;
+    rooms?: HierarchyRoom[];
+    hierarchy?: RoomHierarchy;
+    error?: Error;
+    loadMore(this: void, pageSize?: number): Promise<void>;
+} => {
+    const [rooms, setRooms] = useState<HierarchyRoom[]>([]);
+    const [hierarchy, setHierarchy] = useState<RoomHierarchy>();
+    const [error, setError] = useState<Error | undefined>();
+
+    const resetHierarchy = useCallback(() => {
+        setError(undefined);
+        const hierarchy = new RoomHierarchy(space, INITIAL_PAGE_SIZE);
+        hierarchy.load().then(() => {
+            if (space !== hierarchy.root) return; // discard stale results
+            setRooms(hierarchy.rooms ?? []);
+        }, setError);
+        setHierarchy(hierarchy);
+    }, [space]);
+    useEffect(resetHierarchy, [resetHierarchy]);
+
+    useDispatcher(defaultDispatcher, (payload) => {
+        if (payload.action === Action.UpdateSpaceHierarchy) {
+            setRooms([]); // TODO
+            resetHierarchy();
+        }
+    });
+
+    const loadMore = useCallback(
+        async (pageSize?: number): Promise<void> => {
+            if (!hierarchy || hierarchy.loading || !hierarchy.canLoadMore || hierarchy.noSupport || error) return;
+            await hierarchy.load(pageSize).catch(setError);
+            setRooms(hierarchy.rooms ?? []);
+        },
+        [error, hierarchy],
+    );
+
+    // Only return the hierarchy if it is for the space requested
+    if (hierarchy?.root !== space) {
+        return {
+            loading: true,
+            loadMore,
+        };
+    }
+
+    return {
+        loading: hierarchy.loading,
+        rooms,
+        hierarchy,
+        loadMore,
+        error,
+    };
+};
+
+const useIntersectionObserver = (callback: () => void): ((element: HTMLDivElement) => void) => {
+    const handleObserver = (entries: IntersectionObserverEntry[]): void => {
+        const target = entries[0];
+        if (target.isIntersecting) {
+            callback();
+        }
+    };
+
+    const observerRef = useRef<IntersectionObserver>(undefined);
+    return (element: HTMLDivElement) => {
+        if (observerRef.current) {
+            observerRef.current.disconnect();
+        } else if (element) {
+            observerRef.current = new IntersectionObserver(handleObserver, {
+                root: element.parentElement,
+                rootMargin: "0px 0px 600px 0px",
+            });
+        }
+
+        if (observerRef.current && element) {
+            observerRef.current.observe(element);
+        }
+    };
+};
+
+interface IManageButtonsProps {
+    hierarchy: RoomHierarchy;
+    selected: Map<string, Set<string>>;
+    setSelected: Dispatch<SetStateAction<Map<string, Set<string>>>>;
+    setError: Dispatch<SetStateAction<string>>;
+}
+
+const ManageButtons: React.FC<IManageButtonsProps> = ({ hierarchy, selected, setSelected, setError }) => {
+    const cli = useContext(MatrixClientContext);
+
+    const [removing, setRemoving] = useState(false);
+    const [saving, setSaving] = useState(false);
+
+    const selectedRelations = Array.from(selected.keys()).flatMap((parentId) => {
+        return [...selected.get(parentId)!.values()].map((childId) => [parentId, childId]);
+    });
+
+    const selectionAllSuggested = selectedRelations.every(([parentId, childId]) => {
+        return hierarchy.isSuggested(parentId, childId);
+    });
+
+    const disabled = !selectedRelations.length || removing || saving;
+
+    let buttonText = _t("common|saving");
+    if (!saving) {
+        buttonText = selectionAllSuggested ? _t("space|unmark_suggested") : _t("space|mark_suggested");
+    }
+
+    const title = !selectedRelations.length ? _t("space|select_room_below") : undefined;
+
+    return (
+        <>
+            <AccessibleButton
+                onClick={async (): Promise<void> => {
+                    setRemoving(true);
+                    try {
+                        const userId = cli.getSafeUserId();
+                        for (const [parentId, childId] of selectedRelations) {
+                            await cli.sendStateEvent(parentId, EventType.SpaceChild, {}, childId);
+
+                            // remove the child->parent relation too, if we have permission to.
+                            const childRoom = cli.getRoom(childId);
+                            const parentRelation = childRoom?.currentState.getStateEvents(
+                                EventType.SpaceParent,
+                                parentId,
+                            );
+                            if (
+                                childRoom?.currentState.maySendStateEvent(EventType.SpaceParent, userId) &&
+                                Array.isArray(parentRelation?.getContent().via)
+                            ) {
+                                await cli.sendStateEvent(childId, EventType.SpaceParent, {}, parentId);
+                            }
+
+                            hierarchy.removeRelation(parentId, childId);
+                        }
+                    } catch {
+                        setError(_t("space|failed_remove_rooms"));
+                    }
+                    setRemoving(false);
+                    setSelected(new Map());
+                }}
+                kind="danger_outline"
+                disabled={disabled}
+                aria-label={removing ? _t("redact|ongoing") : _t("action|remove")}
+                title={title}
+                placement="top"
+            >
+                {removing ? _t("redact|ongoing") : _t("action|remove")}
+            </AccessibleButton>
+            <AccessibleButton
+                onClick={async (): Promise<void> => {
+                    setSaving(true);
+                    try {
+                        for (const [parentId, childId] of selectedRelations) {
+                            const suggested = !selectionAllSuggested;
+                            const existingContent = hierarchy.getRelation(parentId, childId)?.content;
+                            if (!existingContent || existingContent.suggested === suggested) continue;
+
+                            const content: SpaceChildEventContent = {
+                                ...existingContent,
+                                suggested: !selectionAllSuggested,
+                            };
+
+                            await cli.sendStateEvent(parentId, EventType.SpaceChild, content, childId);
+
+                            // mutate the local state to save us having to refetch the world
+                            existingContent.suggested = content.suggested;
+                        }
+                    } catch {
+                        setError("Failed to update some suggestions. Try again later");
+                    }
+                    setSaving(false);
+                    setSelected(new Map());
+                }}
+                kind="primary_outline"
+                disabled={disabled}
+                aria-label={buttonText}
+                title={title}
+                placement="top"
+            >
+                {buttonText}
+            </AccessibleButton>
+        </>
+    );
+};
+
+const SpaceHierarchy: React.FC<IProps> = ({ space, initialText = "", showRoom, additionalButtons }) => {
+    const cli = useContext(MatrixClientContext);
+    const roomContext = useContext(RoomContext);
+    const [query, setQuery] = useState(initialText);
+
+    const [selected, setSelected] = useState(new Map<string, Set<string>>()); // Map<parentId, Set<childId>>
+
+    const { loading, rooms, hierarchy, loadMore, error: hierarchyError } = useRoomHierarchy(space);
+
+    const filteredRoomSet = useMemo<Set<HierarchyRoom>>(() => {
+        if (!rooms?.length || !hierarchy) return new Set();
+        const lcQuery = query.toLowerCase().trim();
+        if (!lcQuery) return new Set(rooms);
+
+        const directMatches = rooms.filter((r) => {
+            return r.name?.toLowerCase().includes(lcQuery) || r.topic?.toLowerCase().includes(lcQuery);
+        });
+
+        // Walk back up the tree to find all parents of the direct matches to show their place in the hierarchy
+        const visited = new Set<string>();
+        const queue = directMatches.map((r) => r.room_id);
+        while (queue.length) {
+            const roomId = queue.pop()!;
+            visited.add(roomId);
+            hierarchy.backRefs.get(roomId)?.forEach((parentId) => {
+                if (!visited.has(parentId)) {
+                    queue.push(parentId);
+                }
+            });
+        }
+
+        return new Set(rooms.filter((r) => visited.has(r.room_id)));
+    }, [rooms, hierarchy, query]);
+
+    const [error, setError] = useState("");
+    let errorText = error;
+    if (!error && hierarchyError) {
+        errorText = _t("space|failed_load_rooms");
+    }
+
+    const loaderRef = useIntersectionObserver(loadMore);
+
+    if (!loading && hierarchy!.noSupport) {
+        return <p>{_t("space|incompatible_server_hierarchy")}</p>;
+    }
+
+    const onKeyDown = (ev: KeyboardEvent, state: IState): void => {
+        const action = getKeyBindingsManager().getAccessibilityAction(ev);
+        if (action === KeyBindingAction.ArrowDown && ev.currentTarget.classList.contains("mx_SpaceHierarchy_search")) {
+            state.nodes[0]?.focus();
+        }
+    };
+
+    const onToggleClick = (parentId: string, childId: string): void => {
+        setError("");
+        if (!selected.has(parentId)) {
+            setSelected(new Map(selected.set(parentId, new Set([childId]))));
+            return;
+        }
+
+        const parentSet = selected.get(parentId)!;
+        if (!parentSet.has(childId)) {
+            setSelected(new Map(selected.set(parentId, new Set([...parentSet, childId]))));
+            return;
+        }
+
+        parentSet.delete(childId);
+        setSelected(new Map(selected.set(parentId, new Set(parentSet))));
+    };
+
+    return (
+        <RovingTabIndexProvider onKeyDown={onKeyDown} handleHomeEnd handleUpDown>
+            {({ onKeyDownHandler }) => {
+                let content: JSX.Element;
+                if (!hierarchy || (loading && !rooms?.length)) {
+                    content = <Spinner />;
+                } else {
+                    const hasPermissions =
+                        space?.getMyMembership() === KnownMembership.Join &&
+                        space.currentState.maySendStateEvent(EventType.SpaceChild, cli.getSafeUserId());
+
+                    const root = hierarchy.roomMap.get(space.roomId);
+                    let results: JSX.Element | undefined;
+                    if (filteredRoomSet.size && root) {
+                        results = (
+                            <HierarchyLevel
+                                root={root}
+                                roomSet={filteredRoomSet}
+                                hierarchy={hierarchy}
+                                parents={new Set()}
+                                selectedMap={selected}
+                                onToggleClick={hasPermissions ? onToggleClick : undefined}
+                                onViewRoomClick={(roomId, roomType) => showRoom(cli, hierarchy, roomId, roomType)}
+                                onJoinRoomClick={async (roomId, parents) => {
+                                    for (const parent of parents) {
+                                        if (cli.getRoom(parent)?.getMyMembership() !== KnownMembership.Join) {
+                                            await joinRoom(cli, roomContext.roomViewStore, hierarchy, parent);
+                                        }
+                                    }
+                                    await joinRoom(cli, roomContext.roomViewStore, hierarchy, roomId);
+                                }}
+                            />
+                        );
+                    } else if (!hierarchy.canLoadMore) {
+                        results = (
+                            <div className="mx_SpaceHierarchy_noResults">
+                                <h3>{_t("common|no_results_found")}</h3>
+                                <div>{_t("space|no_search_result_hint")}</div>
+                            </div>
+                        );
+                    }
+
+                    let loader: JSX.Element | undefined;
+                    if (hierarchy.canLoadMore) {
+                        loader = (
+                            <div ref={loaderRef}>
+                                <Spinner />
+                            </div>
+                        );
+                    }
+
+                    content = (
+                        <>
+                            <div className="mx_SpaceHierarchy_listHeader">
+                                <h4 className="mx_SpaceHierarchy_listHeader_header">
+                                    {query.trim()
+                                        ? _t("space|title_when_query_available")
+                                        : _t("space|title_when_query_unavailable")}
+                                </h4>
+                                <div className="mx_SpaceHierarchy_listHeader_buttons">
+                                    {additionalButtons}
+                                    {hasPermissions && (
+                                        <ManageButtons
+                                            hierarchy={hierarchy}
+                                            selected={selected}
+                                            setSelected={setSelected}
+                                            setError={setError}
+                                        />
+                                    )}
+                                </div>
+                            </div>
+                            {errorText && <div className="mx_SpaceHierarchy_error">{errorText}</div>}
+                            <ul
+                                className="mx_SpaceHierarchy_list"
+                                onKeyDown={onKeyDownHandler}
+                                role="tree"
+                                aria-label={_t("common|space")}
+                            >
+                                {results}
+                            </ul>
+                            {loader}
+                        </>
+                    );
+                }
+
+                return (
+                    <>
+                        <SearchBox
+                            className="mx_SpaceHierarchy_search mx_textinput_icon mx_textinput_search"
+                            placeholder={_t("space|search_placeholder")}
+                            onSearch={setQuery}
+                            autoFocus={true}
+                            initialValue={initialText}
+                            onKeyDown={onKeyDownHandler}
+                        />
+
+                        {content}
+                    </>
+                );
+            }}
+        </RovingTabIndexProvider>
+    );
+};
+
+export default SpaceHierarchy;
diff --git a/apps/web/src/components/structures/SpacePillButton.tsx b/apps/web/src/components/structures/SpacePillButton.tsx
new file mode 100644
index 00000000000..2755de6d14b
--- /dev/null
+++ b/apps/web/src/components/structures/SpacePillButton.tsx
@@ -0,0 +1,27 @@
+/*
+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 React, { type JSX } from "react";
+
+import AccessibleButton from "../views/elements/AccessibleButton";
+
+const SpacePillButton: React.FC<{
+    title: string;
+    icon: JSX.Element;
+    description: string;
+    onClick(this: void): void;
+}> = ({ title, icon, description, onClick }) => {
+    return (
+        <AccessibleButton className="mx_SpacePillButton" onClick={onClick}>
+            {icon}
+            {title}
+            <div>{description}</div>
+        </AccessibleButton>
+    );
+};
+
+export default SpacePillButton;
diff --git a/apps/web/src/components/structures/SpaceRoomView.tsx b/apps/web/src/components/structures/SpaceRoomView.tsx
new file mode 100644
index 00000000000..569c15090a2
--- /dev/null
+++ b/apps/web/src/components/structures/SpaceRoomView.tsx
@@ -0,0 +1,779 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 { EventType, RoomType, JoinRule, Preset, type Room, RoomEvent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+import React, { type JSX, useCallback, useContext, useRef, useState } from "react";
+import {
+    GroupIcon,
+    PlusIcon,
+    RoomIcon,
+    SettingsSolidIcon,
+    UserAddIcon,
+    UserProfileSolidIcon,
+    VideoCallSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import createRoom, { type IOpts } from "../../createRoom";
+import { shouldShowComponent } from "../../customisations/helpers/UIComponents";
+import { Action } from "../../dispatcher/actions";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import * as Email from "../../email";
+import { useEventEmitterState } from "../../hooks/useEventEmitter";
+import { useMyRoomMembership } from "../../hooks/useRoomMembers";
+import { useFeatureEnabled } from "../../hooks/useSettings";
+import { useStateArray } from "../../hooks/useStateArray";
+import { _t } from "../../languageHandler";
+import PosthogTrackers from "../../PosthogTrackers";
+import { showRoomInviteDialog } from "../../RoomInvite";
+import { UIComponent } from "../../settings/UIFeature";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+import { RightPanelPhases } from "../../stores/right-panel/RightPanelStorePhases";
+import type ResizeNotifier from "../../utils/ResizeNotifier";
+import {
+    shouldShowSpaceInvite,
+    shouldShowSpaceSettings,
+    showAddExistingRooms,
+    showCreateNewRoom,
+    showCreateNewSubspace,
+    showSpaceInvite,
+    showSpaceSettings,
+} from "../../utils/space";
+import RoomAvatar from "../views/avatars/RoomAvatar";
+import { BetaPill } from "../views/beta/BetaCard";
+import IconizedContextMenu, {
+    IconizedContextMenuOption,
+    IconizedContextMenuOptionList,
+} from "../views/context_menus/IconizedContextMenu";
+import {
+    AddExistingToSpace,
+    defaultDmsRenderer,
+    defaultRoomsRenderer,
+} from "../views/dialogs/AddExistingToSpaceDialog";
+import AccessibleButton, { type ButtonEvent } from "../views/elements/AccessibleButton";
+import ErrorBoundary from "../views/elements/ErrorBoundary";
+import Field from "../views/elements/Field";
+import RoomFacePile from "../views/elements/RoomFacePile";
+import RoomTopic from "../views/elements/RoomTopic";
+import withValidation from "../views/elements/Validation";
+import RoomInfoLine from "../views/rooms/RoomInfoLine";
+import RoomPreviewCard from "../views/rooms/RoomPreviewCard";
+import SpacePublicShare from "../views/spaces/SpacePublicShare";
+import { ChevronFace, ContextMenuButton, useContextMenu } from "./ContextMenu";
+import MainSplit from "./MainSplit";
+import RightPanel from "./RightPanel";
+import SpaceHierarchy, { showRoom } from "./SpaceHierarchy";
+import { type RoomPermalinkCreator } from "../../utils/permalinks/Permalinks";
+import SpacePillButton from "./SpacePillButton.tsx";
+import { useRoomName } from "../../hooks/useRoomName.ts";
+import MultiInviter from "../../utils/MultiInviter.ts";
+import { SDKContext } from "../../contexts/SDKContext.ts";
+
+interface IProps {
+    space: Room;
+    justCreatedOpts?: IOpts;
+    resizeNotifier: ResizeNotifier;
+    permalinkCreator: RoomPermalinkCreator;
+    onJoinButtonClicked(): void;
+    onRejectButtonClicked(): void;
+}
+
+interface IState {
+    phase: Phase;
+    firstRoomId?: string; // internal state for the creation wizard
+    showRightPanel: boolean;
+    myMembership: string;
+}
+
+enum Phase {
+    Landing,
+    PublicCreateRooms,
+    PublicShare,
+    PrivateScope,
+    PrivateInvite,
+    PrivateCreateRooms,
+    PrivateExistingRooms,
+}
+
+const SpaceLandingAddButton: React.FC<{ space: Room }> = ({ space }) => {
+    const [menuDisplayed, handle, openMenu, closeMenu] = useContextMenu();
+    const canCreateRoom = shouldShowComponent(UIComponent.CreateRooms);
+    const canCreateSpace = shouldShowComponent(UIComponent.CreateSpaces);
+    const videoRoomsEnabled = useFeatureEnabled("feature_video_rooms");
+    const elementCallVideoRoomsEnabled = useFeatureEnabled("feature_element_call_video_rooms");
+
+    let contextMenu: JSX.Element | null = null;
+    if (menuDisplayed) {
+        const rect = handle.current!.getBoundingClientRect();
+        contextMenu = (
+            <IconizedContextMenu
+                left={rect.left + window.scrollX + 0}
+                top={rect.bottom + window.scrollY + 8}
+                chevronFace={ChevronFace.None}
+                onFinished={closeMenu}
+                className="mx_RoomTile_contextMenu"
+                compact
+            >
+                <IconizedContextMenuOptionList first>
+                    {canCreateRoom && (
+                        <>
+                            <IconizedContextMenuOption
+                                label={_t("action|new_room")}
+                                icon={<PlusIcon />}
+                                onClick={async (e): Promise<void> => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    closeMenu();
+
+                                    PosthogTrackers.trackInteraction("WebSpaceHomeCreateRoomButton", e);
+                                    if (await showCreateNewRoom(space)) {
+                                        defaultDispatcher.fire(Action.UpdateSpaceHierarchy);
+                                    }
+                                }}
+                            />
+                            {videoRoomsEnabled && (
+                                <IconizedContextMenuOption
+                                    label={_t("action|new_video_room")}
+                                    icon={<VideoCallSolidIcon />}
+                                    onClick={async (e): Promise<void> => {
+                                        e.preventDefault();
+                                        e.stopPropagation();
+                                        closeMenu();
+
+                                        if (
+                                            await showCreateNewRoom(
+                                                space,
+                                                elementCallVideoRoomsEnabled
+                                                    ? RoomType.UnstableCall
+                                                    : RoomType.ElementVideo,
+                                            )
+                                        ) {
+                                            defaultDispatcher.fire(Action.UpdateSpaceHierarchy);
+                                        }
+                                    }}
+                                >
+                                    <BetaPill />
+                                </IconizedContextMenuOption>
+                            )}
+                        </>
+                    )}
+                    <IconizedContextMenuOption
+                        label={_t("action|add_existing_room")}
+                        icon={<RoomIcon />}
+                        onClick={(e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            closeMenu();
+                            showAddExistingRooms(space);
+                        }}
+                    />
+                    {canCreateSpace && (
+                        <IconizedContextMenuOption
+                            label={_t("room_list|add_space_label")}
+                            icon={<PlusIcon />}
+                            onClick={(e) => {
+                                e.preventDefault();
+                                e.stopPropagation();
+                                closeMenu();
+                                showCreateNewSubspace(space);
+                            }}
+                        >
+                            <BetaPill />
+                        </IconizedContextMenuOption>
+                    )}
+                </IconizedContextMenuOptionList>
+            </IconizedContextMenu>
+        );
+    }
+
+    return (
+        <>
+            <ContextMenuButton
+                kind="primary"
+                ref={handle}
+                onClick={openMenu}
+                isExpanded={menuDisplayed}
+                label={_t("action|add")}
+            >
+                {_t("action|add")}
+            </ContextMenuButton>
+            {contextMenu}
+        </>
+    );
+};
+
+const SpaceLanding: React.FC<{ space: Room }> = ({ space }) => {
+    const sdkContext = useContext(SDKContext);
+    const myMembership = useMyRoomMembership(space);
+    const userId = sdkContext.client!.getSafeUserId();
+    const name = useRoomName(space);
+
+    const storeIsShowingSpaceMembers = useCallback(
+        () =>
+            sdkContext.rightPanelStore.isOpenForRoom(space.roomId) &&
+            sdkContext.rightPanelStore.currentCardForRoom(space.roomId)?.phase === RightPanelPhases.MemberList,
+        [space.roomId, sdkContext.rightPanelStore],
+    );
+    const isShowingMembers = useEventEmitterState(sdkContext.rightPanelStore, UPDATE_EVENT, storeIsShowingSpaceMembers);
+
+    let inviteButton;
+    if (shouldShowSpaceInvite(space) && shouldShowComponent(UIComponent.InviteUsers)) {
+        inviteButton = (
+            <AccessibleButton
+                kind="primary"
+                className="mx_SpaceRoomView_landing_inviteButton"
+                onClick={() => {
+                    showSpaceInvite(space);
+                }}
+            >
+                <UserAddIcon />
+                {_t("action|invite")}
+            </AccessibleButton>
+        );
+    }
+
+    const hasAddRoomPermissions =
+        myMembership === KnownMembership.Join && space.currentState.maySendStateEvent(EventType.SpaceChild, userId);
+
+    let addRoomButton;
+    if (hasAddRoomPermissions) {
+        addRoomButton = <SpaceLandingAddButton space={space} />;
+    }
+
+    let settingsButton;
+    if (shouldShowSpaceSettings(space)) {
+        settingsButton = (
+            <AccessibleButton
+                className="mx_SpaceRoomView_landing_settingsButton"
+                onClick={() => {
+                    showSpaceSettings(space);
+                }}
+                title={_t("common|settings")}
+                placement="bottom"
+            >
+                <SettingsSolidIcon />
+            </AccessibleButton>
+        );
+    }
+
+    const onMembersClick = (): void => {
+        sdkContext.rightPanelStore.setCard({ phase: RightPanelPhases.MemberList });
+    };
+
+    return (
+        <div className="mx_SpaceRoomView_landing">
+            <div className="mx_SpaceRoomView_landing_header">
+                <RoomAvatar room={space} size="80px" viewAvatarOnClick={true} type="square" />
+            </div>
+            <div className="mx_SpaceRoomView_landing_name">
+                {_t("space|landing_welcome", {}, { name: () => <h1>{name}</h1> })}
+            </div>
+            <div className="mx_SpaceRoomView_landing_infoBar">
+                <RoomInfoLine room={space} />
+                <div className="mx_SpaceRoomView_landing_infoBar_interactive">
+                    <RoomFacePile
+                        room={space}
+                        onlyKnownUsers={false}
+                        numShown={7}
+                        onClick={isShowingMembers ? undefined : onMembersClick}
+                    />
+                    {inviteButton}
+                    {settingsButton}
+                </div>
+            </div>
+            <RoomTopic room={space} className="mx_SpaceRoomView_landing_topic" />
+
+            <SpaceHierarchy space={space} showRoom={showRoom} additionalButtons={addRoomButton} />
+        </div>
+    );
+};
+
+const SpaceSetupFirstRooms: React.FC<{
+    space: Room;
+    title: string;
+    description: JSX.Element;
+    onFinished(this: void, firstRoomId?: string): void;
+}> = ({ space, title, description, onFinished }) => {
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState("");
+    const numFields = 3;
+    const placeholders = [_t("common|general"), _t("common|random"), _t("common|support")];
+    const [roomNames, setRoomName] = useStateArray(numFields, [_t("common|general"), _t("common|random"), ""]);
+    const fields = new Array(numFields).fill(0).map((x, i) => {
+        const name = "roomName" + i;
+        return (
+            <Field
+                key={name}
+                name={name}
+                type="text"
+                label={_t("common|room_name")}
+                placeholder={placeholders[i]}
+                value={roomNames[i]}
+                onChange={(ev: React.ChangeEvent<HTMLInputElement>) => setRoomName(i, ev.target.value)}
+                autoFocus={i === 2}
+                disabled={busy}
+                autoComplete="off"
+            />
+        );
+    });
+
+    const onNextClick = async (ev: ButtonEvent): Promise<void> => {
+        ev.preventDefault();
+        if (busy) return;
+        setError("");
+        setBusy(true);
+        try {
+            const isPublic = space.getJoinRule() === JoinRule.Public;
+            const filteredRoomNames = roomNames.map((name) => name.trim()).filter(Boolean);
+            const roomIds = await Promise.all(
+                filteredRoomNames.map((name) => {
+                    return createRoom(space.client, {
+                        createOpts: {
+                            preset: isPublic ? Preset.PublicChat : Preset.PrivateChat,
+                        },
+                        name,
+                        spinner: false,
+                        encryption: false,
+                        andView: false,
+                        inlineErrors: true,
+                        parentSpace: space,
+                        joinRule: !isPublic ? JoinRule.Restricted : undefined,
+                        suggested: true,
+                    });
+                }),
+            );
+            onFinished(roomIds[0] ?? undefined);
+        } catch (e) {
+            logger.error("Failed to create initial space rooms", e);
+            setError(_t("create_space|failed_create_initial_rooms"));
+        }
+        setBusy(false);
+    };
+
+    let onClick = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+        onFinished();
+    };
+    let buttonLabel = _t("create_space|skip_action");
+    if (roomNames.some((name) => name.trim())) {
+        onClick = onNextClick;
+        buttonLabel = busy ? _t("create_space|creating_rooms") : _t("action|continue");
+    }
+
+    return (
+        <div>
+            <h1>{title}</h1>
+            <div className="mx_SpaceRoomView_description">{description}</div>
+
+            {error && <div className="mx_SpaceRoomView_errorText">{error}</div>}
+            <form onSubmit={onClick} id="mx_SpaceSetupFirstRooms">
+                {fields}
+            </form>
+
+            <div className="mx_SpaceRoomView_buttons">
+                <AccessibleButton
+                    kind="primary"
+                    disabled={busy}
+                    onClick={onClick}
+                    element="input"
+                    type="submit"
+                    form="mx_SpaceSetupFirstRooms"
+                    value={buttonLabel}
+                />
+            </div>
+        </div>
+    );
+};
+
+const SpaceAddExistingRooms: React.FC<{
+    space: Room;
+    onFinished(this: void): void;
+}> = ({ space, onFinished }) => {
+    return (
+        <div>
+            <h1>{_t("create_space|add_existing_rooms_heading")}</h1>
+            <div className="mx_SpaceRoomView_description">{_t("create_space|add_existing_rooms_description")}</div>
+
+            <AddExistingToSpace
+                space={space}
+                emptySelectionButton={
+                    <AccessibleButton kind="primary" onClick={onFinished}>
+                        {_t("create_space|skip_action")}
+                    </AccessibleButton>
+                }
+                filterPlaceholder={_t("space|room_filter_placeholder")}
+                onFinished={onFinished}
+                roomsRenderer={defaultRoomsRenderer}
+                dmsRenderer={defaultDmsRenderer}
+            />
+        </div>
+    );
+};
+
+interface ISpaceSetupPublicShareProps extends Pick<IProps & IState, "justCreatedOpts" | "space" | "firstRoomId"> {
+    onFinished(this: void): void;
+}
+
+const SpaceSetupPublicShare: React.FC<ISpaceSetupPublicShareProps> = ({
+    justCreatedOpts,
+    space,
+    onFinished,
+    firstRoomId,
+}) => {
+    return (
+        <div className="mx_SpaceRoomView_publicShare">
+            <h1>
+                {_t("create_space|share_heading", {
+                    name: justCreatedOpts?.name || space.name,
+                })}
+            </h1>
+            <div className="mx_SpaceRoomView_description">{_t("create_space|share_description")}</div>
+
+            <SpacePublicShare space={space} />
+
+            <div className="mx_SpaceRoomView_buttons">
+                <AccessibleButton kind="primary" onClick={onFinished}>
+                    {firstRoomId ? _t("create_space|done_action_first_room") : _t("create_space|done_action")}
+                </AccessibleButton>
+            </div>
+        </div>
+    );
+};
+
+const SpaceSetupPrivateScope: React.FC<{
+    space: Room;
+    justCreatedOpts?: IOpts;
+    onFinished(this: void, createRooms: boolean): void;
+}> = ({ space, justCreatedOpts, onFinished }) => {
+    return (
+        <div className="mx_SpaceRoomView_privateScope">
+            <h1>{_t("create_space|private_personal_heading")}</h1>
+            <div className="mx_SpaceRoomView_description">
+                {_t("create_space|private_personal_description", {
+                    name: justCreatedOpts?.name || space.name,
+                })}
+            </div>
+
+            <SpacePillButton
+                icon={<UserProfileSolidIcon />}
+                title={_t("create_space|personal_space")}
+                description={_t("create_space|personal_space_description")}
+                onClick={() => {
+                    onFinished(false);
+                }}
+            />
+            <SpacePillButton
+                icon={<GroupIcon />}
+                title={_t("create_space|private_space")}
+                description={_t("create_space|private_space_description")}
+                onClick={() => {
+                    onFinished(true);
+                }}
+            />
+        </div>
+    );
+};
+
+const validateEmailRules = withValidation({
+    rules: [
+        {
+            key: "email",
+            test: ({ value }) => !value || Email.looksValid(value),
+            invalid: () => _t("auth|email_field_label_invalid"),
+        },
+    ],
+});
+
+const SpaceSetupPrivateInvite: React.FC<{
+    space: Room;
+    onFinished(this: void): void;
+}> = ({ space, onFinished }) => {
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState("");
+    const numFields = 3;
+    const fieldRefs = [useRef<Field>(null), useRef<Field>(null), useRef<Field>(null)];
+    const [emailAddresses, setEmailAddress] = useStateArray(numFields, "");
+    const fields = new Array(numFields).fill(0).map((x, i) => {
+        const name = "emailAddress" + i;
+        return (
+            <Field
+                key={name}
+                name={name}
+                type="text"
+                label={_t("common|email_address")}
+                placeholder={_t("auth|email_field_label")}
+                value={emailAddresses[i]}
+                onChange={(ev: React.ChangeEvent<HTMLInputElement>) => setEmailAddress(i, ev.target.value)}
+                ref={fieldRefs[i]}
+                onValidate={validateEmailRules}
+                autoFocus={i === 0}
+                disabled={busy}
+            />
+        );
+    });
+
+    const onNextClick = async (ev: ButtonEvent): Promise<void> => {
+        ev.preventDefault();
+        if (busy) return;
+        setError("");
+        for (const fieldRef of fieldRefs) {
+            const valid = await fieldRef.current?.validate({ allowEmpty: true });
+
+            if (valid === false) {
+                // true/null are allowed
+                fieldRef.current!.focus();
+                fieldRef.current!.validate({ allowEmpty: true, focused: true });
+                return;
+            }
+        }
+
+        setBusy(true);
+        const targetIds = emailAddresses.map((name) => name.trim()).filter(Boolean);
+        try {
+            const inviter = new MultiInviter(space.client, space.roomId);
+            const states = await inviter.invite(targetIds);
+
+            const failedUsers = Object.keys(states).filter((a) => states[a] === "error");
+            if (failedUsers.length > 0) {
+                logger.log("Failed to invite users to space:", states);
+                setError(
+                    _t("create_space|failed_invite_users", {
+                        csvUsers: failedUsers.join(", "),
+                    }),
+                );
+            } else {
+                onFinished();
+            }
+        } catch (err) {
+            logger.error("Failed to invite users to space: ", err);
+            setError(_t("invite|error_invite"));
+        }
+        setBusy(false);
+    };
+
+    let onClick = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+        onFinished();
+    };
+    let buttonLabel = _t("create_space|skip_action");
+    if (emailAddresses.some((name) => name.trim())) {
+        onClick = onNextClick;
+        buttonLabel = busy ? _t("create_space|inviting_users") : _t("action|continue");
+    }
+
+    return (
+        <div className="mx_SpaceRoomView_inviteTeammates">
+            <h1>{_t("create_space|invite_teammates_heading")}</h1>
+            <div className="mx_SpaceRoomView_description">{_t("create_space|invite_teammates_description")}</div>
+
+            {error && <div className="mx_SpaceRoomView_errorText">{error}</div>}
+            <form onSubmit={onClick} id="mx_SpaceSetupPrivateInvite">
+                {fields}
+            </form>
+
+            <div className="mx_SpaceRoomView_inviteTeammates_buttons">
+                <AccessibleButton onClick={() => showRoomInviteDialog(space.roomId)}>
+                    <UserAddIcon />
+                    {_t("create_space|invite_teammates_by_username")}
+                </AccessibleButton>
+            </div>
+
+            <div className="mx_SpaceRoomView_buttons">
+                <AccessibleButton
+                    kind="primary"
+                    disabled={busy}
+                    onClick={onClick}
+                    element="input"
+                    type="submit"
+                    form="mx_SpaceSetupPrivateInvite"
+                    value={buttonLabel}
+                />
+            </div>
+        </div>
+    );
+};
+
+export default class SpaceRoomView extends React.PureComponent<IProps, IState> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    private dispatcherRef?: string;
+
+    public constructor(props: IProps, context: React.ContextType<typeof SDKContext>) {
+        super(props, context);
+
+        let phase = Phase.Landing;
+
+        const creator = this.props.space.currentState.getStateEvents(EventType.RoomCreate, "")?.getSender();
+        const showSetup = this.props.justCreatedOpts && this.context.client?.getSafeUserId() === creator;
+
+        if (showSetup) {
+            phase =
+                this.props.justCreatedOpts.createOpts?.preset === Preset.PublicChat
+                    ? Phase.PublicCreateRooms
+                    : Phase.PrivateScope;
+        }
+
+        this.state = {
+            phase,
+            showRightPanel: this.context.rightPanelStore.isOpenForRoom(this.props.space.roomId),
+            myMembership: this.props.space.getMyMembership(),
+        };
+    }
+
+    public componentDidMount(): void {
+        this.dispatcherRef = defaultDispatcher.register(this.onAction);
+        this.context.rightPanelStore.on(UPDATE_EVENT, this.onRightPanelStoreUpdate);
+        this.context.client?.on(RoomEvent.MyMembership, this.onMyMembership);
+    }
+
+    public componentWillUnmount(): void {
+        defaultDispatcher.unregister(this.dispatcherRef);
+        this.context.rightPanelStore.off(UPDATE_EVENT, this.onRightPanelStoreUpdate);
+        this.context.client?.off(RoomEvent.MyMembership, this.onMyMembership);
+    }
+
+    private onMyMembership = (room: Room, myMembership: string): void => {
+        if (room.roomId === this.props.space.roomId) {
+            this.setState({ myMembership });
+        }
+    };
+
+    private onRightPanelStoreUpdate = (): void => {
+        this.setState({
+            showRightPanel: this.context.rightPanelStore.isOpenForRoom(this.props.space.roomId),
+        });
+    };
+
+    private onAction = (payload: ActionPayload): void => {
+        if (payload.action === Action.ViewRoom && payload.room_id === this.props.space.roomId) {
+            this.setState({ phase: Phase.Landing });
+            return;
+        }
+    };
+
+    private goToFirstRoom = async (): Promise<void> => {
+        if (this.state.firstRoomId) {
+            defaultDispatcher.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: this.state.firstRoomId,
+                metricsTrigger: undefined, // other
+            });
+            return;
+        }
+
+        this.setState({ phase: Phase.Landing });
+    };
+
+    private renderBody(): JSX.Element {
+        switch (this.state.phase) {
+            case Phase.Landing:
+                if (this.state.myMembership === KnownMembership.Join) {
+                    return <SpaceLanding space={this.props.space} />;
+                } else {
+                    return (
+                        <RoomPreviewCard
+                            room={this.props.space}
+                            onJoinButtonClicked={this.props.onJoinButtonClicked}
+                            onRejectButtonClicked={this.props.onRejectButtonClicked}
+                        />
+                    );
+                }
+            case Phase.PublicCreateRooms:
+                return (
+                    <SpaceSetupFirstRooms
+                        space={this.props.space}
+                        title={_t("create_space|setup_rooms_community_heading", {
+                            spaceName: this.props.justCreatedOpts?.name || this.props.space.name,
+                        })}
+                        description={
+                            <>
+                                {_t("create_space|setup_rooms_community_description")}
+                                <br />
+                                {_t("create_space|setup_rooms_description")}
+                            </>
+                        }
+                        onFinished={(firstRoomId: string) => this.setState({ phase: Phase.PublicShare, firstRoomId })}
+                    />
+                );
+            case Phase.PublicShare:
+                return (
+                    <SpaceSetupPublicShare
+                        justCreatedOpts={this.props.justCreatedOpts}
+                        space={this.props.space}
+                        onFinished={this.goToFirstRoom}
+                        firstRoomId={this.state.firstRoomId}
+                    />
+                );
+
+            case Phase.PrivateScope:
+                return (
+                    <SpaceSetupPrivateScope
+                        space={this.props.space}
+                        justCreatedOpts={this.props.justCreatedOpts}
+                        onFinished={(invite: boolean) => {
+                            this.setState({ phase: invite ? Phase.PrivateCreateRooms : Phase.PrivateExistingRooms });
+                        }}
+                    />
+                );
+            case Phase.PrivateInvite:
+                return (
+                    <SpaceSetupPrivateInvite
+                        space={this.props.space}
+                        onFinished={() => this.setState({ phase: Phase.Landing })}
+                    />
+                );
+            case Phase.PrivateCreateRooms:
+                return (
+                    <SpaceSetupFirstRooms
+                        space={this.props.space}
+                        title={_t("create_space|setup_rooms_private_heading")}
+                        description={
+                            <>
+                                {_t("create_space|setup_rooms_private_description")}
+                                <br />
+                                {_t("create_space|setup_rooms_description")}
+                            </>
+                        }
+                        onFinished={(firstRoomId: string) => this.setState({ phase: Phase.PrivateInvite, firstRoomId })}
+                    />
+                );
+            case Phase.PrivateExistingRooms:
+                return (
+                    <SpaceAddExistingRooms
+                        space={this.props.space}
+                        onFinished={() => this.setState({ phase: Phase.Landing })}
+                    />
+                );
+        }
+    }
+
+    public render(): React.ReactNode {
+        const rightPanel =
+            this.state.showRightPanel && this.state.phase === Phase.Landing ? (
+                <RightPanel
+                    room={this.props.space}
+                    resizeNotifier={this.props.resizeNotifier}
+                    permalinkCreator={this.props.permalinkCreator}
+                />
+            ) : undefined;
+
+        return (
+            <main className="mx_SpaceRoomView">
+                <ErrorBoundary>
+                    <MainSplit panel={rightPanel} analyticsRoomType="space">
+                        {this.renderBody()}
+                    </MainSplit>
+                </ErrorBoundary>
+            </main>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/SplashPage.tsx b/apps/web/src/components/structures/SplashPage.tsx
new file mode 100644
index 00000000000..86d78fcecc8
--- /dev/null
+++ b/apps/web/src/components/structures/SplashPage.tsx
@@ -0,0 +1,24 @@
+/*
+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 classNames from "classnames";
+import React, { type JSX, type DetailedHTMLProps, type HTMLAttributes, type ReactNode } from "react";
+
+interface Props extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    className?: string;
+    children?: ReactNode;
+}
+
+export default function SplashPage({ children, className, ...other }: Props): JSX.Element {
+    const classes = classNames(className, "mx_SplashPage");
+    return (
+        <main {...other} className={classes}>
+            {children}
+        </main>
+    );
+}
diff --git a/apps/web/src/components/structures/TabbedView.tsx b/apps/web/src/components/structures/TabbedView.tsx
new file mode 100644
index 00000000000..a48538e8710
--- /dev/null
+++ b/apps/web/src/components/structures/TabbedView.tsx
@@ -0,0 +1,202 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 , 2024 The Matrix.org Foundation C.I.C.
+Copyright 2019 New Vector Ltd
+Copyright 2017 Travis Ralston
+
+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 { AutoHideScrollbar } from "@element-hq/web-shared-components";
+
+import { _t } from "../../languageHandler";
+import { PosthogScreenTracker, type ScreenName } from "../../PosthogTrackers";
+import { type NonEmptyArray } from "../../@types/common";
+import { RovingAccessibleButton, RovingTabIndexProvider } from "../../accessibility/RovingTabIndex";
+import { useWindowWidth } from "../../hooks/useWindowWidth";
+
+/**
+ * Represents a tab for the TabbedView.
+ */
+export class Tab<T extends string> {
+    /**
+     * Creates a new tab.
+     * @param {string} id The tab's ID.
+     * @param {string} label The untranslated tab label.
+     * @param {string|JSX.Element} icon An SVG element to use for the tab icon.
+     * @param {JSX.Element} body The JSX for the tab container.
+     * @param {string} screenName The screen name to report to Posthog.
+     * @param {string} labelClassName Additional class to add to the tab label.
+     */
+    public constructor(
+        public readonly id: T,
+        public readonly label: TranslationKey,
+        public readonly icon: JSX.Element | null,
+        public readonly body: JSX.Element,
+        public readonly screenName?: ScreenName,
+        public readonly labelClassName?: string,
+    ) {}
+}
+
+export function useActiveTabWithDefault<T extends string>(
+    tabs: NonEmptyArray<Tab<string>>,
+    defaultTabID: T,
+    initialTabID?: T,
+): [T, (tabId: T) => void] {
+    const [activeTabId, setActiveTabId] = React.useState(
+        initialTabID && tabs.some((t) => t.id === initialTabID) ? initialTabID : defaultTabID,
+    );
+
+    return [activeTabId, setActiveTabId];
+}
+
+export enum TabLocation {
+    LEFT = "left",
+    TOP = "top",
+}
+
+interface ITabPanelProps<T extends string> {
+    tab: Tab<T>;
+}
+
+function domIDForTabID(tabId: string): string {
+    return `mx_tabpanel_${tabId}`;
+}
+
+function TabPanel<T extends string>({ tab }: ITabPanelProps<T>): JSX.Element {
+    return (
+        <div
+            className="mx_TabbedView_tabPanel"
+            key={tab.id}
+            id={domIDForTabID(tab.id)}
+            aria-labelledby={`${domIDForTabID(tab.id)}_label`}
+        >
+            <AutoHideScrollbar className="mx_AutoHideScrollbar mx_TabbedView_tabPanelContent">
+                {tab.body}
+            </AutoHideScrollbar>
+        </div>
+    );
+}
+
+interface ITabLabelProps<T extends string> {
+    tab: Tab<T>;
+    isActive: boolean;
+    showToolip: boolean;
+    onClick: () => void;
+}
+
+function TabLabel<T extends string>({ tab, isActive, showToolip, onClick }: ITabLabelProps<T>): JSX.Element {
+    const classes = classNames("mx_TabbedView_tabLabel", tab.labelClassName, {
+        mx_TabbedView_tabLabel_active: isActive,
+    });
+
+    let tabIcon: JSX.Element | undefined;
+    if (tab.icon) {
+        tabIcon = tab.icon;
+    }
+
+    const id = domIDForTabID(tab.id);
+
+    const label = _t(tab.label);
+    return (
+        <RovingAccessibleButton
+            className={classes}
+            onClick={onClick}
+            data-testid={`settings-tab-${tab.id}`}
+            role="tab"
+            aria-selected={isActive}
+            aria-controls={id}
+            element="li"
+            title={showToolip ? label : undefined}
+            aria-labelledby={`${id}_label`}
+        >
+            {tabIcon}
+            <span className="mx_TabbedView_tabLabel_text" id={`${id}_label`}>
+                {label}
+            </span>
+        </RovingAccessibleButton>
+    );
+}
+
+interface IProps<T extends string> {
+    // An array of objects representign tabs that the tabbed view will display.
+    tabs: NonEmptyArray<Tab<T>>;
+    // The ID of the tab to show
+    activeTabId: T;
+    // The location of the tabs, dictating the layout of the TabbedView.
+    tabLocation?: TabLocation;
+    // A callback that is called when the active tab should change
+    onChange: (tabId: T) => void;
+    // The screen name to report to Posthog.
+    screenName?: ScreenName;
+    /**
+     * If true, the layout of the tabbed view will be responsive to the viewport size (eg, just showing icons
+     * instead of names of tabs).
+     * Only applies if `tabLocation === TabLocation.LEFT`.
+     * Default: false.
+     */
+    responsive?: boolean;
+}
+
+/**
+ * A tabbed view component. Given objects representing content with titles, displays
+ * them in a tabbed view where the user can select which one of the items to view at once.
+ */
+export default function TabbedView<T extends string>(props: IProps<T>): JSX.Element {
+    const tabLocation = props.tabLocation ?? TabLocation.LEFT;
+
+    const getTabById = (id: T): Tab<T> | undefined => {
+        return props.tabs.find((tab) => tab.id === id);
+    };
+
+    const windowWidth = useWindowWidth();
+
+    const labels = props.tabs.map((tab) => (
+        <TabLabel
+            key={"tab_label_" + tab.id}
+            tab={tab}
+            isActive={tab.id === props.activeTabId}
+            onClick={() => props.onChange(tab.id)}
+            // This should be the same as the the CSS breakpoint at which the tab labels are hidden
+            showToolip={windowWidth < 1024 && tabLocation == TabLocation.LEFT}
+        />
+    ));
+    const tab = getTabById(props.activeTabId);
+    const panel = tab ? <TabPanel tab={tab} /> : null;
+
+    const tabbedViewClasses = classNames({
+        mx_TabbedView: true,
+        mx_TabbedView_tabsOnLeft: tabLocation == TabLocation.LEFT,
+        mx_TabbedView_tabsOnTop: tabLocation == TabLocation.TOP,
+        mx_TabbedView_responsive: props.responsive,
+    });
+
+    const screenName = tab?.screenName ?? props.screenName;
+
+    return (
+        <div className={tabbedViewClasses}>
+            {screenName && <PosthogScreenTracker screenName={screenName} />}
+            <RovingTabIndexProvider
+                handleLoop
+                handleHomeEnd
+                handleLeftRight={tabLocation == TabLocation.TOP}
+                handleUpDown={tabLocation == TabLocation.LEFT}
+            >
+                {({ onKeyDownHandler }) => (
+                    <ul
+                        className="mx_TabbedView_tabLabels"
+                        role="tablist"
+                        aria-orientation={tabLocation == TabLocation.LEFT ? "vertical" : "horizontal"}
+                        onKeyDown={onKeyDownHandler}
+                    >
+                        {labels}
+                    </ul>
+                )}
+            </RovingTabIndexProvider>
+            {panel}
+        </div>
+    );
+}
diff --git a/apps/web/src/components/structures/ThreadPanel.tsx b/apps/web/src/components/structures/ThreadPanel.tsx
new file mode 100644
index 00000000000..c61d428b327
--- /dev/null
+++ b/apps/web/src/components/structures/ThreadPanel.tsx
@@ -0,0 +1,245 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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, { useContext, useEffect, useRef, useState } from "react";
+import { type EventTimelineSet, type Room, Thread } from "matrix-js-sdk/src/matrix";
+import { IconButton, Tooltip } from "@vector-im/compound-web";
+import { logger } from "matrix-js-sdk/src/logger";
+import { ThreadsIcon, CheckIcon, ChevronDownIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import MarkAllThreadsReadIcon from "../../../res/img/element-icons/check-all.svg?react";
+import BaseCard from "../views/right_panel/BaseCard";
+import type ResizeNotifier from "../../utils/ResizeNotifier";
+import MatrixClientContext, { useMatrixClientContext } from "../../contexts/MatrixClientContext";
+import { _t } from "../../languageHandler";
+import { ContextMenuButton } from "../../accessibility/context_menu/ContextMenuButton";
+import ContextMenu, { ChevronFace, MenuItemRadio, useContextMenu } from "./ContextMenu";
+import RoomContext, { TimelineRenderingType } from "../../contexts/RoomContext";
+import TimelinePanel from "./TimelinePanel";
+import { Layout } from "../../settings/enums/Layout";
+import { type RoomPermalinkCreator } from "../../utils/permalinks/Permalinks";
+import Measured from "../views/elements/Measured";
+import PosthogTrackers from "../../PosthogTrackers";
+import { type ButtonEvent } from "../views/elements/AccessibleButton";
+import Spinner from "../views/elements/Spinner";
+import { clearRoomNotification } from "../../utils/notifications";
+import EmptyState from "../views/right_panel/EmptyState";
+import { ScopedRoomContextProvider, useScopedRoomContext } from "../../contexts/ScopedRoomContext.tsx";
+
+interface IProps {
+    roomId: string;
+    onClose: () => void;
+    resizeNotifier: ResizeNotifier;
+    permalinkCreator: RoomPermalinkCreator;
+}
+
+export enum ThreadFilterType {
+    My,
+    All,
+}
+
+type ThreadPanelHeaderOption = {
+    label: string;
+    description: string;
+    key: ThreadFilterType;
+};
+
+export const ThreadPanelHeaderFilterOptionItem: React.FC<
+    ThreadPanelHeaderOption & {
+        onClick: () => void;
+        isSelected: boolean;
+    }
+> = ({ label, description, onClick, isSelected }) => {
+    return (
+        <MenuItemRadio active={isSelected} className="mx_ThreadPanel_Header_FilterOptionItem" onClick={onClick}>
+            {isSelected ? <CheckIcon /> : null}
+            <span>{label}</span>
+            <span>{description}</span>
+        </MenuItemRadio>
+    );
+};
+
+export const ThreadPanelHeader: React.FC<{
+    filterOption: ThreadFilterType;
+    setFilterOption: (filterOption: ThreadFilterType) => void;
+}> = ({ filterOption, setFilterOption }) => {
+    const mxClient = useMatrixClientContext();
+    const roomContext = useScopedRoomContext("room");
+    const [menuDisplayed, button, openMenu, closeMenu] = useContextMenu();
+    const options: readonly ThreadPanelHeaderOption[] = [
+        {
+            label: _t("threads|all_threads"),
+            description: _t("threads|all_threads_description"),
+            key: ThreadFilterType.All,
+        },
+        {
+            label: _t("threads|my_threads"),
+            description: _t("threads|my_threads_description"),
+            key: ThreadFilterType.My,
+        },
+    ];
+
+    const value = options.find((option) => option.key === filterOption);
+    const contextMenuOptions = options.map((opt) => (
+        <ThreadPanelHeaderFilterOptionItem
+            key={opt.key}
+            label={opt.label}
+            description={opt.description}
+            onClick={() => {
+                setFilterOption(opt.key);
+                closeMenu();
+            }}
+            isSelected={opt === value}
+        />
+    ));
+    const contextMenu = menuDisplayed ? (
+        <ContextMenu
+            top={108}
+            right={33}
+            onFinished={closeMenu}
+            chevronFace={ChevronFace.Top}
+            wrapperClassName="mx_BaseCard_header_title"
+        >
+            {contextMenuOptions}
+        </ContextMenu>
+    ) : null;
+
+    const onMarkAllThreadsReadClick = React.useCallback(
+        (e: React.MouseEvent) => {
+            PosthogTrackers.trackInteraction("WebThreadsMarkAllReadButton", e);
+            if (!roomContext.room) {
+                logger.error("No room in context to mark all threads read");
+                return;
+            }
+            // This actually clears all room notifications by sending an unthreaded read receipt.
+            // We'd have to loop over all unread threads (pagninating back to find any we don't
+            // know about yet) and send threaded receipts for all of them... or implement a
+            // specific API for it. In practice, the user will have to be viewing the room to
+            // see this button, so will have marked the room itself read anyway.
+            clearRoomNotification(roomContext.room, mxClient).catch((e) => {
+                logger.error("Failed to mark all threads read", e);
+            });
+        },
+        [roomContext.room, mxClient],
+    );
+
+    return (
+        <div className="mx_ThreadPanelHeader">
+            <Tooltip label={_t("threads|mark_all_read")}>
+                <IconButton onClick={onMarkAllThreadsReadClick} size="28px">
+                    <MarkAllThreadsReadIcon height={20} width={20} />
+                </IconButton>
+            </Tooltip>
+            <div className="mx_ThreadPanel_vertical_separator" />
+            <ContextMenuButton
+                className="mx_ThreadPanel_dropdown"
+                ref={button}
+                isExpanded={menuDisplayed}
+                onClick={(ev: ButtonEvent) => {
+                    openMenu();
+                    PosthogTrackers.trackInteraction("WebRightPanelThreadPanelFilterDropdown", ev);
+                }}
+            >
+                {`${_t("threads|show_thread_filter")} ${value?.label}`}
+                <ChevronDownIcon />
+            </ContextMenuButton>
+            {contextMenu}
+        </div>
+    );
+};
+
+const ThreadPanel: React.FC<IProps> = ({ roomId, onClose, permalinkCreator }) => {
+    const mxClient = useContext(MatrixClientContext);
+    const roomContext = useContext(RoomContext);
+    const timelinePanel = useRef<TimelinePanel | null>(null);
+    const card = useRef<HTMLDivElement | null>(null);
+    const closeButonRef = useRef<HTMLButtonElement | null>(null);
+
+    const [filterOption, setFilterOption] = useState<ThreadFilterType>(ThreadFilterType.All);
+    const [room, setRoom] = useState<Room | null>(null);
+    const [narrow, setNarrow] = useState<boolean>(false);
+
+    const timelineSet: EventTimelineSet | undefined =
+        filterOption === ThreadFilterType.My ? room?.threadsTimelineSets[1] : room?.threadsTimelineSets[0];
+    const hasThreads = Boolean(room?.threadsTimelineSets?.[0]?.getLiveTimeline()?.getEvents()?.length);
+
+    useEffect(() => {
+        const room = mxClient.getRoom(roomId);
+        room?.createThreadsTimelineSets()
+            .then(() => room.fetchRoomThreads())
+            .then(() => {
+                setFilterOption(ThreadFilterType.All);
+                setRoom(room);
+            });
+    }, [mxClient, roomId]);
+
+    useEffect(() => {
+        if (timelineSet && !Thread.hasServerSideSupport) {
+            timelinePanel.current?.refreshTimeline();
+        }
+    }, [timelineSet, timelinePanel]);
+
+    return (
+        <ScopedRoomContextProvider
+            {...roomContext}
+            timelineRenderingType={TimelineRenderingType.ThreadsList}
+            showHiddenEvents={true}
+            narrow={narrow}
+        >
+            <BaseCard
+                header={_t("common|threads")}
+                id="thread-panel"
+                className="mx_ThreadPanel"
+                ariaLabelledBy="thread-panel-tab"
+                role="tabpanel"
+                onClose={onClose}
+                withoutScrollContainer={true}
+                ref={card}
+                closeButtonRef={closeButonRef}
+            >
+                {hasThreads && <ThreadPanelHeader filterOption={filterOption} setFilterOption={setFilterOption} />}
+                <Measured sensor={card} onMeasurement={setNarrow} />
+                {timelineSet ? (
+                    <TimelinePanel
+                        key={filterOption + ":" + (timelineSet.getFilter()?.filterId ?? roomId)}
+                        ref={timelinePanel}
+                        showReadReceipts={false} // No RR support in thread's list
+                        manageReadReceipts={false} // No RR support in thread's list
+                        manageReadMarkers={false} // No RM support in thread's list
+                        sendReadReceiptOnLoad={false} // No RR support in thread's list
+                        timelineSet={timelineSet}
+                        showUrlPreview={false} // No URL previews at the threads list level
+                        empty={
+                            <EmptyState
+                                Icon={ThreadsIcon}
+                                title={_t("threads|empty_title")}
+                                description={_t("threads|empty_description", {
+                                    replyInThread: _t("action|reply_in_thread"),
+                                })}
+                            />
+                        }
+                        alwaysShowTimestamps={true}
+                        layout={Layout.Group}
+                        hideThreadedMessages={false}
+                        hidden={false}
+                        showReactions={false}
+                        className="mx_RoomView_messagePanel"
+                        membersLoaded={true}
+                        permalinkCreator={permalinkCreator}
+                        disableGrouping={true}
+                    />
+                ) : (
+                    <div className="mx_AutoHideScrollbar">
+                        <Spinner />
+                    </div>
+                )}
+            </BaseCard>
+        </ScopedRoomContextProvider>
+    );
+};
+export default ThreadPanel;
diff --git a/apps/web/src/components/structures/ThreadView.tsx b/apps/web/src/components/structures/ThreadView.tsx
new file mode 100644
index 00000000000..65602518b83
--- /dev/null
+++ b/apps/web/src/components/structures/ThreadView.tsx
@@ -0,0 +1,461 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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 JSX, createRef, type KeyboardEvent } from "react";
+import {
+    type Thread,
+    THREAD_RELATION_TYPE,
+    ThreadEvent,
+    type Room,
+    RoomEvent,
+    type IEventRelation,
+    type MatrixEvent,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import classNames from "classnames";
+
+import BaseCard from "../views/right_panel/BaseCard";
+import { RightPanelPhases } from "../../stores/right-panel/RightPanelStorePhases";
+import type ResizeNotifier from "../../utils/ResizeNotifier";
+import MessageComposer from "../views/rooms/MessageComposer";
+import { type RoomPermalinkCreator } from "../../utils/permalinks/Permalinks";
+import { Layout } from "../../settings/enums/Layout";
+import TimelinePanel from "./TimelinePanel";
+import dis from "../../dispatcher/dispatcher";
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { Action } from "../../dispatcher/actions";
+import { type E2EStatus } from "../../utils/ShieldUtils";
+import EditorStateTransfer from "../../utils/EditorStateTransfer";
+import RoomContext, { TimelineRenderingType } from "../../contexts/RoomContext";
+import ContentMessages from "../../ContentMessages";
+import UploadBar from "./UploadBar";
+import { _t } from "../../languageHandler";
+import ThreadListContextMenu from "../views/context_menus/ThreadListContextMenu";
+import RightPanelStore from "../../stores/right-panel/RightPanelStore";
+import SettingsStore from "../../settings/SettingsStore";
+import { type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import FileDropTarget from "./FileDropTarget";
+import { getKeyBindingsManager } from "../../KeyBindingsManager";
+import { KeyBindingAction } from "../../accessibility/KeyboardShortcuts";
+import Measured from "../views/elements/Measured";
+import PosthogTrackers from "../../PosthogTrackers";
+import { type ButtonEvent } from "../views/elements/AccessibleButton";
+import Spinner from "../views/elements/Spinner";
+import { type ComposerInsertPayload, ComposerType } from "../../dispatcher/payloads/ComposerInsertPayload";
+import Heading from "../views/typography/Heading";
+import { type ThreadPayload } from "../../dispatcher/payloads/ThreadPayload";
+import { ScopedRoomContextProvider } from "../../contexts/ScopedRoomContext.tsx";
+import { RoomUploadContextProvider } from "../../viewmodels/room/RoomUploadViewModel.tsx";
+import { EventPresentationContextProvider } from "../../utils/EventPresentationContextProvider";
+
+interface IProps {
+    room: Room;
+    onClose: () => void;
+    resizeNotifier: ResizeNotifier;
+    mxEvent: MatrixEvent;
+    permalinkCreator?: RoomPermalinkCreator;
+    e2eStatus?: E2EStatus;
+    initialEvent?: MatrixEvent;
+    isInitialEventHighlighted?: boolean;
+    initialEventScrollIntoView?: boolean;
+}
+
+interface IState {
+    thread?: Thread;
+    lastReply?: MatrixEvent | null;
+    layout: Layout;
+    editState?: EditorStateTransfer;
+    replyToEvent?: MatrixEvent;
+    narrow: boolean;
+}
+
+export default class ThreadView extends React.Component<IProps, IState> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    private dispatcherRef?: string;
+    private layoutWatcherRef?: string;
+    private timelinePanel = createRef<TimelinePanel>();
+    private card = createRef<HTMLDivElement>();
+
+    // Set by setEventId in ctor.
+    private eventId!: string;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.setEventId(this.props.mxEvent);
+        const thread = this.props.room.getThread(this.eventId) ?? undefined;
+
+        this.state = {
+            layout: SettingsStore.getValue("layout"),
+            narrow: false,
+            thread,
+            lastReply: thread?.lastReply((ev: MatrixEvent) => {
+                return ev.isRelation(THREAD_RELATION_TYPE.name) && !ev.status;
+            }),
+        };
+    }
+
+    public componentDidMount(): void {
+        this.setupThreadListeners(this.state.thread);
+
+        this.layoutWatcherRef = SettingsStore.watchSetting("layout", null, (...[, , , value]) =>
+            this.setState({ layout: value! }),
+        );
+
+        if (this.state.thread) {
+            this.postThreadUpdate(this.state.thread);
+        }
+
+        this.setupThread(this.props.mxEvent);
+        this.dispatcherRef = dis.register(this.onAction);
+
+        this.props.room.on(ThreadEvent.New, this.onNewThread);
+    }
+
+    public componentWillUnmount(): void {
+        dis.unregister(this.dispatcherRef);
+        const roomId = this.props.mxEvent.getRoomId();
+        SettingsStore.unwatchSetting(this.layoutWatcherRef);
+
+        const hasRoomChanged = this.context.roomViewStore.getRoomId() !== roomId;
+        if (this.props.initialEvent && !hasRoomChanged) {
+            dis.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: this.props.room.roomId,
+                metricsTrigger: undefined, // room doesn't change
+            });
+        }
+
+        dis.dispatch<ThreadPayload>({
+            action: Action.ViewThread,
+            thread_id: null,
+        });
+
+        this.state.thread?.off(ThreadEvent.NewReply, this.updateThreadRelation);
+        this.props.room.off(RoomEvent.LocalEchoUpdated, this.updateThreadRelation);
+        this.props.room.removeListener(ThreadEvent.New, this.onNewThread);
+    }
+
+    public componentDidUpdate(prevProps: IProps): void {
+        if (prevProps.mxEvent !== this.props.mxEvent) {
+            this.setEventId(this.props.mxEvent);
+            this.setupThread(this.props.mxEvent);
+        }
+
+        if (prevProps.room !== this.props.room) {
+            RightPanelStore.instance.setCard({ phase: RightPanelPhases.RoomSummary });
+        }
+    }
+
+    private setEventId(event: MatrixEvent): void {
+        if (!event.getId()) {
+            throw new Error("Got thread event without id");
+        }
+
+        this.eventId = event.getId()!;
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        if (payload.phase == RightPanelPhases.ThreadView && payload.event) {
+            this.setupThread(payload.event);
+        }
+        switch (payload.action) {
+            case Action.ComposerInsert: {
+                const insertPayload = payload as ComposerInsertPayload;
+                if (insertPayload.composerType) break;
+                if (insertPayload.timelineRenderingType !== TimelineRenderingType.Thread) break;
+
+                // re-dispatch to the correct composer
+                dis.dispatch<ComposerInsertPayload>({
+                    ...insertPayload,
+                    timelineRenderingType: TimelineRenderingType.Thread,
+                    composerType: this.state.editState ? ComposerType.Edit : ComposerType.Send,
+                });
+                break;
+            }
+
+            case Action.EditEvent:
+                // Quit early if it's not a thread context
+                if (payload.timelineRenderingType !== TimelineRenderingType.Thread) return;
+                // Quit early if that's not a thread event
+                if (payload.event && !payload.event.getThread()) return;
+                this.setState(
+                    {
+                        editState: payload.event ? new EditorStateTransfer(payload.event) : undefined,
+                    },
+                    () => {
+                        if (payload.event) {
+                            this.timelinePanel.current?.scrollToEventIfNeeded(payload.event.getId());
+                        }
+                    },
+                );
+                break;
+            case "reply_to_event":
+                if (payload.context === TimelineRenderingType.Thread) {
+                    this.setState({
+                        replyToEvent: payload.event,
+                    });
+                }
+                break;
+            default:
+                break;
+        }
+    };
+
+    private setupThread = (mxEv: MatrixEvent): void => {
+        /** presence of event Id has been ensured by {@link setEventId} */
+        const eventId = mxEv.getId()!;
+
+        let thread = this.props.room.getThread(eventId);
+
+        if (!thread) {
+            const events = [];
+            // if the event is still being sent, don't include it in the Thread yet - otherwise the timeline panel
+            // will attempt to show it twice (once as a regular event, once as a pending event) and everything will
+            // blow up
+            if (mxEv.status === null) events.push(mxEv);
+            thread = this.props.room.createThread(eventId, mxEv, events, true);
+        }
+
+        this.updateThread(thread);
+    };
+
+    private onNewThread = (thread: Thread): void => {
+        if (thread.id === this.props.mxEvent.getId()) {
+            this.setupThread(this.props.mxEvent);
+        }
+    };
+
+    private updateThreadRelation = (): void => {
+        this.setState({
+            lastReply: this.threadLastReply,
+        });
+    };
+
+    private get threadLastReply(): MatrixEvent | undefined {
+        return (
+            this.state.thread?.lastReply((ev: MatrixEvent) => {
+                return ev.isRelation(THREAD_RELATION_TYPE.name) && !ev.status;
+            }) ?? undefined
+        );
+    }
+
+    private updateThread = (thread?: Thread): void => {
+        if (this.state.thread === thread) return;
+
+        this.setupThreadListeners(thread, this.state.thread);
+        if (thread) {
+            this.setState(
+                {
+                    thread,
+                    lastReply: this.threadLastReply,
+                },
+                async () => this.postThreadUpdate(thread),
+            );
+        }
+    };
+
+    private async postThreadUpdate(thread: Thread): Promise<void> {
+        dis.dispatch<ThreadPayload>({
+            action: Action.ViewThread,
+            thread_id: thread.id,
+        });
+        thread.emit(ThreadEvent.ViewThread);
+        this.updateThreadRelation();
+        this.timelinePanel.current?.refreshTimeline(this.props.initialEvent?.getId());
+    }
+
+    private setupThreadListeners(thread?: Thread, oldThread?: Thread): void {
+        if (oldThread) {
+            this.state.thread?.off(ThreadEvent.NewReply, this.updateThreadRelation);
+            this.props.room.off(RoomEvent.LocalEchoUpdated, this.updateThreadRelation);
+        }
+        if (thread) {
+            thread.on(ThreadEvent.NewReply, this.updateThreadRelation);
+            this.props.room.on(RoomEvent.LocalEchoUpdated, this.updateThreadRelation);
+        }
+    }
+
+    private resetJumpToEvent = (event?: string): void => {
+        if (
+            this.props.initialEvent &&
+            this.props.initialEventScrollIntoView &&
+            event === this.props.initialEvent?.getId()
+        ) {
+            dis.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: this.props.room.roomId,
+                event_id: this.props.initialEvent?.getId(),
+                highlighted: this.props.isInitialEventHighlighted,
+                scroll_into_view: false,
+                replyingToEvent: this.state.replyToEvent,
+                metricsTrigger: undefined, // room doesn't change
+            });
+        }
+    };
+
+    private onMeasurement = (narrow: boolean): void => {
+        this.setState({ narrow });
+    };
+
+    private onKeyDown = (ev: KeyboardEvent): void => {
+        let handled = false;
+
+        const action = getKeyBindingsManager().getRoomAction(ev);
+        switch (action) {
+            case KeyBindingAction.UploadFile: {
+                dis.dispatch(
+                    {
+                        action: "upload_file",
+                        context: TimelineRenderingType.Thread,
+                    },
+                    true,
+                );
+                handled = true;
+                break;
+            }
+        }
+
+        if (handled) {
+            ev.stopPropagation();
+            ev.preventDefault();
+        }
+    };
+
+    private get threadRelation(): IEventRelation {
+        const relation: IEventRelation = {
+            rel_type: THREAD_RELATION_TYPE.name,
+            event_id: this.state.thread?.id,
+            is_falling_back: true,
+        };
+
+        const fallbackEventId = this.state.lastReply?.getId() ?? this.state.thread?.id;
+        if (fallbackEventId) {
+            relation["m.in_reply_to"] = {
+                event_id: fallbackEventId,
+            };
+        }
+
+        return relation;
+    }
+
+    private renderThreadViewHeader = (): JSX.Element => {
+        return (
+            <div className="mx_BaseCard_header_title">
+                <Heading size="4" className="mx_BaseCard_header_title_heading">
+                    {_t("common|thread")}
+                </Heading>
+                <ThreadListContextMenu mxEvent={this.props.mxEvent} permalinkCreator={this.props.permalinkCreator} />
+            </div>
+        );
+    };
+
+    public render(): React.ReactNode {
+        const highlightedEventId = this.props.isInitialEventHighlighted ? this.props.initialEvent?.getId() : undefined;
+
+        const threadRelation = this.threadRelation;
+
+        let timeline: JSX.Element | null;
+        if (this.state.thread) {
+            if (this.props.initialEvent && this.props.initialEvent.getRoomId() !== this.state.thread.roomId) {
+                logger.warn(
+                    "ThreadView attempting to render TimelinePanel with mismatched initialEvent",
+                    this.state.thread.roomId,
+                    this.props.initialEvent.getRoomId(),
+                    this.props.initialEvent.getId(),
+                );
+            }
+
+            const layout = this.state.layout === Layout.Bubble ? Layout.Bubble : Layout.Group;
+
+            timeline = (
+                <>
+                    <FileDropTarget parent={this.card.current} />
+                    <EventPresentationContextProvider layout={layout}>
+                        <TimelinePanel
+                            key={this.state.thread.id}
+                            ref={this.timelinePanel}
+                            showReadReceipts={this.context.showReadReceipts}
+                            manageReadReceipts={true}
+                            manageReadMarkers={true}
+                            sendReadReceiptOnLoad={true}
+                            timelineSet={this.state.thread.timelineSet}
+                            showUrlPreview={this.context.showUrlPreview}
+                            // ThreadView doesn't support IRC layout at this time
+                            layout={layout}
+                            hideThreadedMessages={false}
+                            hidden={false}
+                            showReactions={true}
+                            className="mx_RoomView_messagePanel"
+                            permalinkCreator={this.props.permalinkCreator}
+                            membersLoaded={true}
+                            editState={this.state.editState}
+                            eventId={this.props.initialEvent?.getId()}
+                            highlightedEventId={highlightedEventId}
+                            eventScrollIntoView={this.props.initialEventScrollIntoView}
+                            onEventScrolledIntoView={this.resetJumpToEvent}
+                        />
+                    </EventPresentationContextProvider>
+                </>
+            );
+        } else {
+            timeline = (
+                <div className="mx_RoomView_messagePanelSpinner">
+                    <Spinner />
+                </div>
+            );
+        }
+
+        return (
+            <ScopedRoomContextProvider
+                {...this.context}
+                timelineRenderingType={TimelineRenderingType.Thread}
+                threadId={this.state.thread?.id}
+                liveTimeline={this.state?.thread?.timelineSet?.getLiveTimeline()}
+                narrow={this.state.narrow}
+            >
+                <RoomUploadContextProvider threadRelation={this.threadRelation}>
+                    <BaseCard
+                        className={classNames("mx_ThreadView mx_ThreadPanel", {
+                            mx_ThreadView_narrow: this.state.narrow,
+                        })}
+                        onClose={this.props.onClose}
+                        withoutScrollContainer={true}
+                        header={this.renderThreadViewHeader()}
+                        ref={this.card}
+                        onKeyDown={this.onKeyDown}
+                        onBack={(ev: ButtonEvent) => {
+                            PosthogTrackers.trackInteraction("WebThreadViewBackButton", ev);
+                        }}
+                    >
+                        <Measured breakpoint={400} sensor={this.card} onMeasurement={this.onMeasurement} />
+                        <div className="mx_ThreadView_timelinePanelWrapper">{timeline}</div>
+
+                        {ContentMessages.sharedInstance().getCurrentUploads(threadRelation).length > 0 && (
+                            <UploadBar room={this.props.room} relation={threadRelation} />
+                        )}
+
+                        {this.state.thread?.timelineSet && (
+                            <MessageComposer
+                                room={this.props.room}
+                                resizeNotifier={this.props.resizeNotifier}
+                                relation={threadRelation}
+                                replyToEvent={this.state.replyToEvent}
+                                permalinkCreator={this.props.permalinkCreator}
+                                e2eStatus={this.props.e2eStatus}
+                                compact={true}
+                            />
+                        )}
+                    </BaseCard>
+                </RoomUploadContextProvider>
+            </ScopedRoomContextProvider>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/TimelinePanel.tsx b/apps/web/src/components/structures/TimelinePanel.tsx
new file mode 100644
index 00000000000..f05107d1ac5
--- /dev/null
+++ b/apps/web/src/components/structures/TimelinePanel.tsx
@@ -0,0 +1,1916 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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, { createRef, type ReactNode } from "react";
+import {
+    type Room,
+    RoomEvent,
+    type RoomMember,
+    RoomMemberEvent,
+    type MatrixEvent,
+    MatrixEventEvent,
+    type EventTimelineSet,
+    type IRoomTimelineData,
+    Direction,
+    EventTimeline,
+    EventType,
+    type RelationType,
+    ClientEvent,
+    type MatrixClient,
+    type Relations,
+    type MatrixError,
+    SyncState,
+    TimelineWindow,
+    Thread,
+    ThreadEvent,
+    ReceiptType,
+    EventStatus,
+} from "matrix-js-sdk/src/matrix";
+import { debounce } from "lodash";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import SettingsStore from "../../settings/SettingsStore";
+import { type Layout } from "../../settings/enums/Layout";
+import { _t } from "../../languageHandler";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import RoomContext, { TimelineRenderingType } from "../../contexts/RoomContext";
+import UserActivity from "../../UserActivity";
+import Modal from "../../Modal";
+import dis from "../../dispatcher/dispatcher";
+import { Action } from "../../dispatcher/actions";
+import Timer from "../../utils/Timer";
+import shouldHideEvent from "../../shouldHideEvent";
+import MessagePanel from "./MessagePanel";
+import { type IScrollState } from "./ScrollPanel";
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { type RoomPermalinkCreator } from "../../utils/permalinks/Permalinks";
+import Spinner from "../views/elements/Spinner";
+import type EditorStateTransfer from "../../utils/EditorStateTransfer";
+import ErrorDialog from "../views/dialogs/ErrorDialog";
+import type LegacyCallEventGrouper from "./LegacyCallEventGrouper";
+import { buildLegacyCallEventGroupers } from "./LegacyCallEventGrouper";
+import { type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import { getKeyBindingsManager } from "../../KeyBindingsManager";
+import { KeyBindingAction } from "../../accessibility/KeyboardShortcuts";
+import { haveRendererForEvent } from "../../events/EventTileFactory";
+
+// These pagination sizes are higher than they may possibly need be
+// once https://github.com/matrix-org/matrix-spec-proposals/pull/3874 lands
+const PAGINATE_SIZE = 50;
+const INITIAL_SIZE = 30;
+const READ_RECEIPT_INTERVAL_MS = 500;
+
+const READ_MARKER_DEBOUNCE_MS = 100;
+
+const debuglog = (...args: any[]): void => {
+    if (SettingsStore.getValue("debug_timeline_panel")) {
+        logger.log.call(console, "TimelinePanel debuglog:", ...args);
+    }
+};
+
+interface IProps {
+    // The js-sdk EventTimelineSet object for the timeline sequence we are
+    // representing.  This may or may not have a room, depending on what it's
+    // a timeline representing.  If it has a room, we maintain RRs etc for
+    // that room.
+    timelineSet: EventTimelineSet;
+    showReadReceipts?: boolean;
+    // Enable managing RRs and RMs. These require the timelineSet to have a room.
+    manageReadReceipts?: boolean;
+    sendReadReceiptOnLoad?: boolean;
+    manageReadMarkers?: boolean;
+
+    // true to give the component a 'display: none' style.
+    hidden?: boolean;
+
+    // ID of an event to highlight. If undefined, no event will be highlighted.
+    // typically this will be either 'eventId' or undefined.
+    highlightedEventId?: string;
+
+    // id of an event to jump to. If not given, will go to the end of the live timeline.
+    eventId?: string;
+
+    // whether we should scroll the event into view
+    eventScrollIntoView?: boolean;
+
+    // where to position the event given by eventId, in pixels from the bottom of the viewport.
+    // If not given, will try to put the event half way down the viewport.
+    eventPixelOffset?: number;
+
+    // Should we show URL Previews
+    showUrlPreview?: boolean;
+
+    // maximum number of events to show in a timeline
+    timelineCap?: number;
+
+    // classname to use for the messagepanel
+    className?: string;
+
+    // placeholder to use if the timeline is empty
+    empty?: ReactNode;
+
+    // whether to show reactions for an event
+    showReactions?: boolean;
+
+    // which layout to use
+    layout?: Layout;
+
+    // whether to always show timestamps for an event
+    alwaysShowTimestamps?: boolean;
+
+    editState?: EditorStateTransfer;
+    permalinkCreator?: RoomPermalinkCreator;
+    membersLoaded?: boolean;
+
+    // callback which is called when the panel is scrolled.
+    onScroll?(event: Event): void;
+
+    onEventScrolledIntoView?(eventId?: string): void;
+
+    // callback which is called when the read-up-to mark is updated.
+    onReadMarkerUpdated?(): void;
+
+    // callback which is called when we wish to paginate the timeline window.
+    onPaginationRequest?(timelineWindow: TimelineWindow, direction: string, size: number): Promise<boolean>;
+
+    hideThreadedMessages?: boolean;
+    disableGrouping?: boolean;
+
+    /**
+     * Enable updating the read receipts and markers on user activity.
+     * @default true
+     */
+    enableReadReceiptsAndMarkersOnActivity?: boolean;
+}
+
+interface IState {
+    // All events, including still-pending events being sent by us
+    events: MatrixEvent[];
+    // Only events that are actually in the live timeline
+    liveEvents: MatrixEvent[];
+    // track whether our room timeline is loading
+    timelineLoading: boolean;
+
+    // canBackPaginate == false may mean:
+    //
+    // * we haven't (successfully) loaded the timeline yet, or:
+    //
+    // * we have got to the point where the room was created, or:
+    //
+    // * the server indicated that there were no more visible events
+    //  (normally implying we got to the start of the room), or:
+    //
+    // * we gave up asking the server for more events
+    canBackPaginate: boolean;
+
+    // canForwardPaginate == false may mean:
+    //
+    // * we haven't (successfully) loaded the timeline yet
+    //
+    // * we have got to the end of time and are now tracking the live
+    //   timeline, or:
+    //
+    // * the server indicated that there were no more visible events
+    //   (not sure if this ever happens when we're not at the live
+    //   timeline), or:
+    //
+    // * we are looking at some historical point, but gave up asking
+    //   the server for more events
+    canForwardPaginate: boolean;
+
+    // start with the read-marker visible, so that we see its animated
+    // disappearance when switching into the room.
+    readMarkerVisible: boolean;
+
+    readMarkerEventId: string | null;
+
+    backPaginating: boolean;
+    forwardPaginating: boolean;
+
+    // should the event tiles have twelve hour times
+    isTwelveHour: boolean;
+
+    // always show timestamps on event tiles?
+    alwaysShowTimestamps: boolean;
+
+    // how long to show the RM for when it's visible in the window
+    readMarkerInViewThresholdMs: number;
+
+    // how long to show the RM for when it's scrolled off-screen
+    readMarkerOutOfViewThresholdMs: number;
+
+    editState?: EditorStateTransfer;
+}
+
+interface IEventIndexOpts {
+    ignoreOwn?: boolean;
+    allowPartial?: boolean;
+}
+
+/*
+ * Component which shows the event timeline in a room view.
+ *
+ * Also responsible for handling and sending read receipts.
+ */
+class TimelinePanel extends React.Component<IProps, IState> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    // a map from room id to read marker event timestamp
+    public static roomReadMarkerTsMap: Record<string, number> = {};
+
+    public static defaultProps = {
+        // By default, disable the timelineCap in favour of unpaginating based on
+        // event tile heights. (See _unpaginateEvents)
+        timelineCap: Number.MAX_VALUE,
+        className: "mx_RoomView_messagePanel",
+        sendReadReceiptOnLoad: true,
+        hideThreadedMessages: true,
+        disableGrouping: false,
+        enableReadReceiptsAndMarkersOnActivity: true,
+    };
+
+    private lastRRSentEventId: string | null | undefined = undefined;
+    private lastRMSentEventId: string | null | undefined = undefined;
+
+    private readonly messagePanel = createRef<MessagePanel>();
+    private dispatcherRef?: string;
+    private timelineWindow?: TimelineWindow;
+    private unmounted = false;
+    private readReceiptActivityTimer: Timer | null = null;
+    private readMarkerActivityTimer: Timer | null = null;
+
+    // A map of <callId, LegacyCallEventGrouper>
+    private callEventGroupers = new Map<string, LegacyCallEventGrouper>();
+    private initialReadMarkerId: string | null = null;
+    private syncImpliesForwardPaginating: boolean;
+
+    public constructor(props: IProps, context: React.ContextType<typeof RoomContext>) {
+        super(props, context);
+
+        debuglog("mounting");
+
+        this.syncImpliesForwardPaginating = TimelinePanel.isSyncForwardPaginating(
+            MatrixClientPeg.safeGet().getSyncState(),
+        );
+
+        // XXX: we could track RM per TimelineSet rather than per Room.
+        // but for now we just do it per room for simplicity.
+        if (this.props.manageReadMarkers) {
+            const readmarker = this.props.timelineSet.room?.getAccountData("m.fully_read");
+            if (readmarker) {
+                this.initialReadMarkerId = readmarker.getContent().event_id;
+            } else {
+                this.initialReadMarkerId = this.getCurrentReadReceipt();
+            }
+        }
+
+        this.state = {
+            events: [],
+            liveEvents: [],
+            timelineLoading: true,
+            canBackPaginate: false,
+            canForwardPaginate: false,
+            readMarkerVisible: true,
+            readMarkerEventId: this.initialReadMarkerId,
+            backPaginating: false,
+            forwardPaginating: false,
+            isTwelveHour: SettingsStore.getValue("showTwelveHourTimestamps"),
+            alwaysShowTimestamps: SettingsStore.getValue("alwaysShowTimestamps"),
+            readMarkerInViewThresholdMs: SettingsStore.getValue("readMarkerInViewThresholdMs"),
+            readMarkerOutOfViewThresholdMs: SettingsStore.getValue("readMarkerOutOfViewThresholdMs"),
+        };
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+
+        this.dispatcherRef = dis.register(this.onAction);
+        const cli = MatrixClientPeg.safeGet();
+        cli.on(RoomEvent.Timeline, this.onRoomTimeline);
+        cli.on(RoomEvent.TimelineReset, this.onRoomTimelineReset);
+        cli.on(RoomEvent.Redaction, this.onRoomRedaction);
+        if (SettingsStore.getValue("feature_msc3531_hide_messages_pending_moderation")) {
+            // Make sure that events are re-rendered when their visibility-pending-moderation changes.
+            cli.on(MatrixEventEvent.VisibilityChange, this.onEventVisibilityChange);
+            cli.on(RoomMemberEvent.PowerLevel, this.onVisibilityPowerLevelChange);
+        }
+        // same event handler as Room.redaction as for both we just do forceUpdate
+        cli.on(RoomEvent.RedactionCancelled, this.onRoomRedaction);
+        cli.on(RoomEvent.Receipt, this.onRoomReceipt);
+        cli.on(RoomEvent.LocalEchoUpdated, this.onLocalEchoUpdated);
+        cli.on(RoomEvent.AccountData, this.onAccountData);
+        cli.on(MatrixEventEvent.Decrypted, this.onEventDecrypted);
+        cli.on(MatrixEventEvent.Replaced, this.onEventReplaced);
+        cli.on(ClientEvent.Sync, this.onSync);
+
+        this.props.timelineSet.room?.on(ThreadEvent.Update, this.onThreadUpdate);
+
+        if (this.props.manageReadReceipts && this.props.enableReadReceiptsAndMarkersOnActivity) {
+            this.updateReadReceiptOnUserActivity();
+        }
+        if (this.props.manageReadMarkers && this.props.enableReadReceiptsAndMarkersOnActivity) {
+            this.updateReadMarkerOnUserActivity();
+        }
+        this.initTimeline(this.props);
+    }
+
+    public componentDidUpdate(prevProps: Readonly<IProps>): void {
+        if (prevProps.timelineSet !== this.props.timelineSet) {
+            // throw new Error("changing timelineSet on a TimelinePanel is not supported");
+
+            // regrettably, this does happen; in particular, when joining a
+            // room with /join. In that case, there are two Rooms in
+            // circulation - one which is created by the MatrixClient.joinRoom
+            // call and used to create the RoomView, and a second which is
+            // created by the sync loop once the room comes back down the /sync
+            // pipe. Once the latter happens, our room is replaced with the new one.
+            //
+            // for now, just warn about this. But we're going to end up paginating
+            // both rooms separately, and it's all bad.
+            logger.warn("Replacing timelineSet on a TimelinePanel - confusion may ensue");
+        }
+
+        this.props.timelineSet.room?.off(ThreadEvent.Update, this.onThreadUpdate);
+        this.props.timelineSet.room?.on(ThreadEvent.Update, this.onThreadUpdate);
+
+        const differentEventId = prevProps.eventId != this.props.eventId;
+        const differentHighlightedEventId = prevProps.highlightedEventId != this.props.highlightedEventId;
+        // Both directions matter. The flag is cleared once a jump has landed, so clicking the same
+        // permalink again flips it back to true and has to jump afresh. An unset prop means true,
+        // matching the default in loadTimeline.
+        const differentScrollIntoView =
+            (prevProps.eventScrollIntoView ?? true) !== (this.props.eventScrollIntoView ?? true);
+        if (differentEventId || differentHighlightedEventId || differentScrollIntoView) {
+            logger.log(
+                `TimelinePanel switching to eventId ${this.props.eventId} (was ${prevProps.eventId}), ` +
+                    `scrollIntoView: ${this.props.eventScrollIntoView} (was ${prevProps.eventScrollIntoView})`,
+            );
+            this.initTimeline(this.props);
+        }
+    }
+
+    public componentWillUnmount(): void {
+        // set a boolean to say we've been unmounted, which any pending
+        // promises can use to throw away their results.
+        //
+        // (We could use isMounted, but facebook have deprecated that.)
+        this.unmounted = true;
+        if (this.readReceiptActivityTimer) {
+            this.readReceiptActivityTimer.abort();
+            this.readReceiptActivityTimer = null;
+        }
+        if (this.readMarkerActivityTimer) {
+            this.readMarkerActivityTimer.abort();
+            this.readMarkerActivityTimer = null;
+        }
+
+        dis.unregister(this.dispatcherRef);
+
+        const client = MatrixClientPeg.get();
+        if (client) {
+            client.removeListener(RoomEvent.Timeline, this.onRoomTimeline);
+            client.removeListener(RoomEvent.TimelineReset, this.onRoomTimelineReset);
+            client.removeListener(RoomEvent.Redaction, this.onRoomRedaction);
+            client.removeListener(RoomEvent.RedactionCancelled, this.onRoomRedaction);
+            client.removeListener(RoomEvent.Receipt, this.onRoomReceipt);
+            client.removeListener(RoomEvent.LocalEchoUpdated, this.onLocalEchoUpdated);
+            client.removeListener(RoomEvent.AccountData, this.onAccountData);
+            client.removeListener(RoomMemberEvent.PowerLevel, this.onVisibilityPowerLevelChange);
+            client.removeListener(MatrixEventEvent.Decrypted, this.onEventDecrypted);
+            client.removeListener(MatrixEventEvent.Replaced, this.onEventReplaced);
+            client.removeListener(MatrixEventEvent.VisibilityChange, this.onEventVisibilityChange);
+            client.removeListener(ClientEvent.Sync, this.onSync);
+            this.props.timelineSet.room?.removeListener(ThreadEvent.Update, this.onThreadUpdate);
+        }
+    }
+
+    private get messagePanelDiv(): HTMLDivElement | null {
+        return this.messagePanel.current?.scrollPanel.current?.divScroll ?? null;
+    }
+
+    /**
+     * Logs out debug info to describe the state of the TimelinePanel and the
+     * events in the room according to the matrix-js-sdk. This is useful when
+     * debugging problems like messages out of order, or messages that should
+     * not be showing up in a thread, etc.
+     *
+     * It's too expensive and cumbersome to do all of these calculations for
+     * every message change so instead we only log it out when asked.
+     */
+    private onDumpDebugLogs = (): void => {
+        const room = this.props.timelineSet?.room;
+        // Get a list of the event IDs used in this TimelinePanel.
+        // This includes state and hidden events which we don't render
+        const eventIdList = this.state?.events?.map((ev) => ev.getId());
+
+        // Get the list of actually rendered events seen in the DOM.
+        // This is useful to know for sure what's being shown on screen.
+        // And we can suss out any corrupted React `key` problems.
+        let renderedEventIds: string[] | undefined;
+        try {
+            const messagePanelNode = this.messagePanelDiv;
+            if (messagePanelNode) {
+                const actuallyRenderedEvents = messagePanelNode.querySelectorAll("[data-event-id]");
+                renderedEventIds = [...actuallyRenderedEvents].map((renderedEvent) => {
+                    return renderedEvent.getAttribute("data-event-id")!;
+                });
+            }
+        } catch (err) {
+            logger.error(`onDumpDebugLogs: Failed to get the actual event ID's in the DOM`, err);
+        }
+
+        // Get the list of events and threads for the room as seen by the
+        // matrix-js-sdk.
+        let serializedEventIdsFromTimelineSets: { [key: string]: string[] }[] | undefined;
+        let serializedEventIdsFromThreadsTimelineSets: { [key: string]: string[] }[] | undefined;
+        const serializedThreadsMap: { [key: string]: any } = {};
+        if (room) {
+            const timelineSets = room.getTimelineSets();
+            const threadsTimelineSets = room.threadsTimelineSets;
+
+            try {
+                // Serialize all of the timelineSets and timelines in each set to their event IDs
+                serializedEventIdsFromTimelineSets = serializeEventIdsFromTimelineSets(timelineSets);
+                serializedEventIdsFromThreadsTimelineSets = serializeEventIdsFromTimelineSets(threadsTimelineSets);
+            } catch (err) {
+                logger.error(`onDumpDebugLogs: Failed to serialize event IDs from timelinesets`, err);
+            }
+
+            try {
+                // Serialize all threads in the room from theadId -> event IDs in the thread
+                room.getThreads().forEach((thread) => {
+                    serializedThreadsMap[thread.id] = {
+                        events: thread.events.map((ev) => ev.getId()),
+                        numTimelines: thread.timelineSet.getTimelines().length,
+                        liveTimeline: thread.timelineSet.getLiveTimeline().getEvents().length,
+                        prevTimeline: thread.timelineSet
+                            .getLiveTimeline()
+                            .getNeighbouringTimeline(Direction.Backward)
+                            ?.getEvents().length,
+                        nextTimeline: thread.timelineSet
+                            .getLiveTimeline()
+                            .getNeighbouringTimeline(Direction.Forward)
+                            ?.getEvents().length,
+                    };
+                });
+            } catch (err) {
+                logger.error(`onDumpDebugLogs: Failed to serialize event IDs from the threads`, err);
+            }
+        }
+
+        let timelineWindowEventIds: string[] | undefined;
+        try {
+            timelineWindowEventIds = this.timelineWindow?.getEvents().map((ev) => ev.getId()!);
+        } catch (err) {
+            logger.error(`onDumpDebugLogs: Failed to get event IDs from the timelineWindow`, err);
+        }
+        let pendingEventIds: string[] | undefined;
+        try {
+            pendingEventIds = this.props.timelineSet.getPendingEvents().map((ev) => ev.getId()!);
+        } catch (err) {
+            logger.error(`onDumpDebugLogs: Failed to get pending event IDs`, err);
+        }
+
+        logger.debug(
+            `TimelinePanel(${this.context.timelineRenderingType}): Debugging info for ${room?.roomId}\n` +
+                `\tevents(${eventIdList.length})=${JSON.stringify(eventIdList)}\n` +
+                `\trenderedEventIds(${renderedEventIds?.length ?? 0})=` +
+                `${JSON.stringify(renderedEventIds)}\n` +
+                `\tserializedEventIdsFromTimelineSets=${JSON.stringify(serializedEventIdsFromTimelineSets)}\n` +
+                `\tserializedEventIdsFromThreadsTimelineSets=` +
+                `${JSON.stringify(serializedEventIdsFromThreadsTimelineSets)}\n` +
+                `\tserializedThreadsMap=${JSON.stringify(serializedThreadsMap)}\n` +
+                `\ttimelineWindowEventIds(${timelineWindowEventIds?.length})=${JSON.stringify(
+                    timelineWindowEventIds,
+                )}\n` +
+                `\tpendingEventIds(${pendingEventIds?.length})=${JSON.stringify(pendingEventIds)}`,
+        );
+    };
+
+    private onMessageListUnfillRequest = (backwards: boolean, scrollToken: string): void => {
+        // If backwards, unpaginate from the back (i.e. the start of the timeline)
+        const dir = backwards ? EventTimeline.BACKWARDS : EventTimeline.FORWARDS;
+        debuglog("unpaginating events in direction", dir);
+
+        // All tiles are inserted by MessagePanel to have a scrollToken === eventId, and
+        // this particular event should be the first or last to be unpaginated.
+        const eventId = scrollToken;
+
+        const mainEvents = this.timelineWindow!.getEvents();
+
+        const marker = mainEvents.findIndex((ev) => ev.getId() === eventId);
+
+        // The number of events to unpaginate from the main timeline
+        let count: number;
+        if (marker === -1) {
+            count = 0;
+        } else {
+            count = backwards ? marker + 1 : mainEvents.length - marker;
+        }
+
+        if (count > 0) {
+            debuglog("Unpaginating", count, "in direction", dir);
+            this.timelineWindow!.unpaginate(count, backwards);
+        }
+
+        const { events, liveEvents } = this.getEvents();
+        this.buildLegacyCallEventGroupers(events);
+        this.setState({
+            events,
+            liveEvents,
+        });
+
+        // We can now paginate in the unpaginated direction
+        if (backwards) {
+            this.setState({ canBackPaginate: true });
+        } else {
+            this.setState({ canForwardPaginate: true });
+        }
+    };
+
+    private onPaginationRequest = (
+        timelineWindow: TimelineWindow,
+        direction: Direction,
+        size: number,
+    ): Promise<boolean> => {
+        if (this.props.onPaginationRequest) {
+            return this.props.onPaginationRequest(timelineWindow, direction, size);
+        } else {
+            return timelineWindow.paginate(direction, size);
+        }
+    };
+
+    // set off a pagination request.
+    private onMessageListFillRequest = (backwards: boolean): Promise<boolean> => {
+        if (!this.shouldPaginate()) return Promise.resolve(false);
+
+        const dir = backwards ? EventTimeline.BACKWARDS : EventTimeline.FORWARDS;
+        const canPaginateKey = backwards ? "canBackPaginate" : "canForwardPaginate";
+        const paginatingKey = backwards ? "backPaginating" : "forwardPaginating";
+        type CanPaginateKey = typeof canPaginateKey;
+        type PaginatingKey = typeof paginatingKey;
+
+        if (!this.state[canPaginateKey]) {
+            debuglog("have given up", dir, "paginating this timeline");
+            return Promise.resolve(false);
+        }
+
+        if (!this.timelineWindow?.canPaginate(dir)) {
+            debuglog("can't", dir, "paginate any further");
+            this.setState({ [canPaginateKey]: false } as Pick<IState, CanPaginateKey>);
+            return Promise.resolve(false);
+        }
+
+        debuglog("Initiating paginate; backwards:" + backwards);
+        this.setState({ [paginatingKey]: true } as Pick<IState, PaginatingKey>);
+
+        return this.onPaginationRequest(this.timelineWindow, dir, PAGINATE_SIZE).then(async (r) => {
+            if (this.unmounted) {
+                return false;
+            }
+
+            debuglog("paginate complete backwards:" + backwards + "; success:" + r);
+
+            const { events, liveEvents } = this.getEvents();
+            this.buildLegacyCallEventGroupers(events);
+            const newState = {
+                [paginatingKey]: false,
+                [canPaginateKey]: r,
+                events,
+                liveEvents,
+            } as Pick<IState, PaginatingKey | CanPaginateKey | "events" | "liveEvents">;
+
+            // moving the window in this direction may mean that we can now
+            // paginate in the other where we previously could not.
+            const otherDirection = backwards ? EventTimeline.FORWARDS : EventTimeline.BACKWARDS;
+            const canPaginateOtherWayKey = backwards ? "canForwardPaginate" : "canBackPaginate";
+            if (!this.state[canPaginateOtherWayKey] && this.timelineWindow?.canPaginate(otherDirection)) {
+                debuglog("can now", otherDirection, "paginate again");
+                newState[canPaginateOtherWayKey] = true;
+            }
+
+            // Don't resolve until the setState has completed: we need to let
+            // the component update before we consider the pagination completed,
+            // otherwise we'll end up paginating in all the history the js-sdk
+            // has in memory because we never gave the component a chance to scroll
+            // itself into the right place
+            return new Promise((resolve) => {
+                this.setState(newState, () => {
+                    // we can continue paginating in the given direction if
+                    // timelineWindow.paginate says we can
+                    resolve(r);
+                });
+            });
+        });
+    };
+
+    private onMessageListScroll = (e: Event): void => {
+        this.props.onScroll?.(e);
+        if (this.props.manageReadMarkers) {
+            this.doManageReadMarkers();
+        }
+    };
+
+    /*
+     * Debounced function to manage read markers because we don't need to
+     * do this on every tiny scroll update. It also sets state which causes
+     * a component update, which can in turn reset the scroll position, so
+     * it's important we allow the browser to scroll a bit before running this
+     * (hence trailing edge only and debounce rather than throttle because
+     * we really only need to update this once the user has finished scrolling,
+     * not periodically while they scroll).
+     */
+    private doManageReadMarkers = debounce(
+        () => {
+            const rmPosition = this.getReadMarkerPosition();
+            if (rmPosition === null) return;
+            // we hide the read marker when it first comes onto the screen, but if
+            // it goes back off the top of the screen (presumably because the user
+            // clicks on the 'jump to bottom' button), we need to re-enable it.
+            if (rmPosition < 0) {
+                this.setState({ readMarkerVisible: true });
+            }
+
+            // if read marker position goes between 0 and -1/1,
+            // (and user is active), switch timeout
+            const timeout = this.readMarkerTimeout(rmPosition);
+            // NO-OP when timeout already has set to the given value
+            this.readMarkerActivityTimer?.changeTimeout(timeout);
+        },
+        READ_MARKER_DEBOUNCE_MS,
+        { leading: false, trailing: true },
+    );
+
+    private onAction = (payload: ActionPayload): void => {
+        switch (payload.action) {
+            case "ignore_state_changed":
+                this.forceUpdate();
+                break;
+            case Action.DumpDebugLogs:
+                this.onDumpDebugLogs();
+                break;
+        }
+    };
+
+    private onRoomTimeline = (
+        ev: MatrixEvent,
+        room: Room | undefined,
+        toStartOfTimeline: boolean | undefined,
+        removed: boolean,
+        data: IRoomTimelineData,
+    ): void => {
+        // ignore events for other timeline sets
+        if (data.timeline.getTimelineSet() !== this.props.timelineSet) {
+            return;
+        }
+
+        if (!Thread.hasServerSideSupport && this.context.timelineRenderingType === TimelineRenderingType.Thread) {
+            if (toStartOfTimeline && !this.state.canBackPaginate) {
+                this.setState({
+                    canBackPaginate: true,
+                });
+            }
+            if (!toStartOfTimeline && !this.state.canForwardPaginate) {
+                this.setState({
+                    canForwardPaginate: true,
+                });
+            }
+        }
+
+        // ignore anything but real-time updates at the end of the room:
+        // updates from pagination will happen when the paginate completes.
+        if (toStartOfTimeline || !data || !data.liveEvent) return;
+
+        if (!this.messagePanel.current?.getScrollState()) return;
+
+        if (!this.messagePanel.current.getScrollState()?.stuckAtBottom) {
+            // we won't load this event now, because we don't want to push any
+            // events off the other end of the timeline. But we need to note
+            // that we can now paginate.
+            this.setState({ canForwardPaginate: true });
+            return;
+        }
+
+        // tell the timeline window to try to advance itself, but not to make
+        // a http request to do so.
+        //
+        // we deliberately avoid going via the ScrollPanel for this call - the
+        // ScrollPanel might already have an active pagination promise, which
+        // will fail, but would stop us passing the pagination request to the
+        // timeline window.
+        //
+        // see https://github.com/vector-im/vector-web/issues/1035
+        this.timelineWindow!.paginate(EventTimeline.FORWARDS, 1, false).then(() => {
+            if (this.unmounted) {
+                return;
+            }
+
+            const { events, liveEvents } = this.getEvents();
+            this.buildLegacyCallEventGroupers(events);
+            const lastLiveEvent = liveEvents[liveEvents.length - 1];
+
+            const updatedState: Partial<IState> = {
+                events,
+                liveEvents,
+            };
+
+            let callRMUpdated = false;
+            if (this.props.manageReadMarkers) {
+                // when a new event arrives when the user is not watching the
+                // window, but the window is in its auto-scroll mode, make sure the
+                // read marker is visible.
+                //
+                // We ignore events we have sent ourselves; we don't want to see the
+                // read-marker when a remote echo of an event we have just sent takes
+                // more than the timeout on userActiveRecently.
+                //
+                const myUserId = MatrixClientPeg.safeGet().credentials.userId;
+                callRMUpdated = false;
+                if (ev.getSender() !== myUserId && !UserActivity.sharedInstance().userActiveRecently()) {
+                    updatedState.readMarkerVisible = true;
+                } else if (lastLiveEvent && this.getReadMarkerPosition() === 0) {
+                    // we know we're stuckAtBottom, so we can advance the RM
+                    // immediately, to save a later render cycle
+
+                    this.setReadMarker(lastLiveEvent.getId() ?? null, lastLiveEvent.getTs(), true);
+                    updatedState.readMarkerVisible = false;
+                    updatedState.readMarkerEventId = lastLiveEvent.getId();
+                    callRMUpdated = true;
+                }
+            }
+
+            this.setState(updatedState as IState, () => {
+                this.messagePanel.current?.updateTimelineMinHeight();
+                if (callRMUpdated) {
+                    this.props.onReadMarkerUpdated?.();
+                }
+            });
+        });
+    };
+
+    private hasTimelineSetFor(roomId: string | undefined): boolean {
+        return roomId !== undefined && roomId === this.props.timelineSet.room?.roomId;
+    }
+
+    private onRoomTimelineReset = (room: Room | undefined, timelineSet: EventTimelineSet): void => {
+        if (timelineSet !== this.props.timelineSet) return;
+
+        if (this.canResetTimeline()) {
+            this.loadTimeline();
+        }
+    };
+
+    public canResetTimeline = (): boolean => this.messagePanel?.current?.isAtBottom() === true;
+
+    private onRoomRedaction = (ev: MatrixEvent, room: Room): void => {
+        if (this.unmounted) return;
+
+        // ignore events for other rooms
+        if (!this.hasTimelineSetFor(room.roomId)) return;
+
+        // we could skip an update if the event isn't in our timeline,
+        // but that's probably an early optimisation.
+        this.forceUpdate();
+    };
+
+    private onThreadUpdate = (thread: Thread): void => {
+        if (this.unmounted) {
+            return;
+        }
+
+        // ignore events for other rooms
+        if (!this.hasTimelineSetFor(thread.roomId)) return;
+
+        // we could skip an update if the event isn't in our timeline,
+        // but that's probably an early optimisation.
+        const tile = this.messagePanel.current?.getTileForEventId(thread.id);
+        if (tile) {
+            tile.forceUpdate();
+        }
+    };
+
+    // Called whenever the visibility of an event changes, as per
+    // MSC3531. We typically need to re-render the tile.
+    private onEventVisibilityChange = (ev: MatrixEvent): void => {
+        if (this.unmounted) {
+            return;
+        }
+
+        // ignore events for other rooms
+        if (!this.hasTimelineSetFor(ev.getRoomId())) return;
+
+        // we could skip an update if the event isn't in our timeline,
+        // but that's probably an early optimisation.
+        const tile = this.messagePanel.current?.getTileForEventId(ev.getId());
+        if (tile) {
+            tile.forceUpdate();
+        }
+    };
+
+    private onVisibilityPowerLevelChange = (ev: MatrixEvent, member: RoomMember): void => {
+        if (this.unmounted) return;
+
+        // ignore events for other rooms
+        if (!this.hasTimelineSetFor(member.roomId)) return;
+
+        // ignore events for other users
+        if (member.userId != MatrixClientPeg.safeGet().credentials?.userId) return;
+
+        // We could skip an update if the power level change didn't cross the
+        // threshold for `VISIBILITY_CHANGE_TYPE`.
+        for (const event of this.state.events) {
+            const tile = this.messagePanel.current?.getTileForEventId(event.getId());
+            if (!tile) {
+                // The event is not visible, nothing to re-render.
+                continue;
+            }
+            tile.forceUpdate();
+        }
+
+        this.forceUpdate();
+    };
+
+    private onEventReplaced = (replacedEvent: MatrixEvent): void => {
+        if (this.unmounted) return;
+
+        // ignore events for other rooms
+        if (!this.hasTimelineSetFor(replacedEvent.getRoomId())) return;
+
+        // we could skip an update if the event isn't in our timeline,
+        // but that's probably an early optimisation.
+        this.forceUpdate();
+    };
+
+    private onRoomReceipt = (ev: MatrixEvent, room: Room): void => {
+        if (this.unmounted) return;
+
+        // ignore events for other rooms
+        if (room !== this.props.timelineSet.room) return;
+
+        this.forceUpdate();
+    };
+
+    private onLocalEchoUpdated = (ev: MatrixEvent, room: Room, oldEventId?: string): void => {
+        if (this.unmounted) return;
+
+        // ignore events for other rooms
+        if (!this.hasTimelineSetFor(room.roomId)) return;
+
+        this.reloadEvents();
+    };
+
+    private onAccountData = (ev: MatrixEvent, room: Room): void => {
+        if (this.unmounted) return;
+
+        // ignore events for other rooms
+        if (room !== this.props.timelineSet.room) return;
+
+        if (ev.getType() !== EventType.FullyRead) return;
+
+        // XXX: roomReadMarkerTsMap not updated here so it is now inconsistent. Replace
+        // this mechanism of determining where the RM is relative to the view-port with
+        // one supported by the server (the client needs more than an event ID).
+        this.setState(
+            {
+                readMarkerEventId: ev.getContent().event_id,
+            },
+            this.props.onReadMarkerUpdated,
+        );
+    };
+
+    private onEventDecrypted = (ev: MatrixEvent): void => {
+        // Can be null for the notification timeline, etc.
+        if (!this.props.timelineSet.room) return;
+
+        if (!this.hasTimelineSetFor(ev.getRoomId())) return;
+
+        if (!this.state.events.includes(ev)) return;
+
+        // Need to update as we don't display event tiles for events that
+        // haven't yet been decrypted. The event will have just been updated
+        // in place so we just need to re-render.
+        // TODO: We should restrict this to only events in our timeline,
+        // but possibly the event tile itself should just update when this
+        // happens to save us re-rendering the whole timeline.
+        this.buildLegacyCallEventGroupers(this.state.events);
+        this.forceUpdate();
+    };
+
+    private onSync = (clientSyncState: SyncState, prevState: SyncState | null, data?: object): void => {
+        if (this.unmounted) return;
+        const nextSyncImpliesForwardPaginating = TimelinePanel.isSyncForwardPaginating(clientSyncState);
+        if (nextSyncImpliesForwardPaginating === this.syncImpliesForwardPaginating) return;
+
+        this.syncImpliesForwardPaginating = nextSyncImpliesForwardPaginating;
+        this.forceUpdate();
+    };
+
+    private static isSyncForwardPaginating(syncState: SyncState | null): boolean {
+        return syncState === SyncState.Prepared || syncState === SyncState.Catchup;
+    }
+
+    private readMarkerTimeout(readMarkerPosition: number | null): number {
+        return readMarkerPosition === 0
+            ? (this.context?.readMarkerInViewThresholdMs ?? this.state.readMarkerInViewThresholdMs)
+            : (this.context?.readMarkerOutOfViewThresholdMs ?? this.state.readMarkerOutOfViewThresholdMs);
+    }
+
+    private async updateReadMarkerOnUserActivity(): Promise<void> {
+        const initialTimeout = this.readMarkerTimeout(this.getReadMarkerPosition());
+        this.readMarkerActivityTimer = new Timer(initialTimeout);
+
+        while (this.readMarkerActivityTimer) {
+            //unset on unmount
+            UserActivity.sharedInstance().timeWhileActiveRecently(this.readMarkerActivityTimer);
+            try {
+                await this.readMarkerActivityTimer.finished();
+            } catch {
+                continue; /* aborted */
+            }
+            // outside of try/catch to not swallow errors
+            await this.updateReadMarker();
+        }
+    }
+
+    private async updateReadReceiptOnUserActivity(): Promise<void> {
+        this.readReceiptActivityTimer = new Timer(READ_RECEIPT_INTERVAL_MS);
+        while (this.readReceiptActivityTimer) {
+            //unset on unmount
+            UserActivity.sharedInstance().timeWhileActiveNow(this.readReceiptActivityTimer);
+            try {
+                await this.readReceiptActivityTimer.finished();
+            } catch {
+                continue; /* aborted */
+            }
+            // outside of try/catch to not swallow errors
+            await this.sendReadReceipts();
+        }
+    }
+
+    /**
+     * Whether to send public or private receipts.
+     */
+    private async determineReceiptType(client: MatrixClient): Promise<ReceiptType> {
+        const roomId = this.props.timelineSet.room?.roomId ?? null;
+        const shouldSendPublicReadReceipts = SettingsStore.getValue("sendReadReceipts", roomId);
+
+        if (shouldSendPublicReadReceipts) {
+            return ReceiptType.Read;
+        }
+
+        if (
+            !(await client.doesServerSupportUnstableFeature("org.matrix.msc2285.stable")) &&
+            !(await client.isVersionSupported("v1.4"))
+        ) {
+            logger.warn(
+                "Falling back to public instead of private receipts because the homeserver does not support them",
+            );
+
+            // The server does not support private read receipt. Fall back to public ones.
+            return ReceiptType.Read;
+        }
+
+        return ReceiptType.ReadPrivate;
+    }
+
+    /**
+     * Whether a fully_read marker should be send.
+     */
+    private shouldSendFullyReadMarker(fullyReadMarkerEventId: string | null): fullyReadMarkerEventId is string {
+        if (!this.state.readMarkerEventId) {
+            // Nothing that can be send.
+            return false;
+        }
+
+        if (this.lastRMSentEventId && this.lastRMSentEventId === this.state.readMarkerEventId) {
+            // Prevent sending the same receipt twice.
+            return false;
+        }
+
+        if (this.state.readMarkerEventId && this.state.readMarkerEventId === this.initialReadMarkerId) {
+            // The initial read marker is the one stored in the room account data.
+            // It makes no sense to send a read marker for it,
+            // because if it is in the room account data, a read marker must have been sent before.
+            return false;
+        }
+
+        if (this.props.timelineSet.thread) {
+            // Read marker for threads are not supported per spec.
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Whether a read receipt should be send.
+     */
+    private shouldSendReadReceipt(
+        currentReadReceiptEventId: string | null,
+        currentReadReceiptEventIndex: number | null,
+        lastReadEvent: MatrixEvent | null,
+        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.
+        //
+        // For now, let's apply a heuristic: if (a) the event corresponding to
+        // the latest RR (either from the server, or sent by ourselves) doesn't
+        // appear in our timeline, and (b) we could forward-paginate the event
+        // timeline, then don't send any more RRs.
+        //
+        // This isn't watertight, as we could be looking at a section of
+        // timeline which is *after* the latest RR (so we should actually send
+        // RRs) - but that is a bit of a niche case. It will sort itself out when
+        // the user eventually hits the live timeline.
+
+        if (
+            currentReadReceiptEventId &&
+            currentReadReceiptEventIndex === null &&
+            this.timelineWindow?.canPaginate(EventTimeline.FORWARDS)
+        ) {
+            return false;
+        }
+        // Only send a RR if the last read event is ahead in the timeline relative to the current RR event.
+        // Only send a RR if the last RR set != the one we would send
+        return (
+            (lastReadEventIndex === null ||
+                currentReadReceiptEventIndex === null ||
+                lastReadEventIndex > currentReadReceiptEventIndex) &&
+            (!this.lastRRSentEventId || this.lastRRSentEventId !== lastReadEvent?.getId())
+        );
+    }
+
+    /**
+     * Sends read receipts and fully read markers as appropriate.
+     */
+    public sendReadReceipts = async (): Promise<void> => {
+        if (SettingsStore.getValue("lowBandwidth")) return;
+        if (!this.messagePanel.current) return;
+        if (!this.props.manageReadReceipts) return;
+
+        // This happens on user_activity_end which is delayed, and it's
+        // very possible have logged out within that timeframe, so check
+        // we still have a client.
+        const client = MatrixClientPeg.get();
+        // if no client or client is guest don't send RR or RM
+        if (!client || client.isGuest()) return;
+
+        // "current" here means the receipts that have already been sent
+        const currentReadReceiptEventId = this.getCurrentReadReceipt(true);
+        const currentReadReceiptEventIndex = this.indexForEventId(currentReadReceiptEventId);
+
+        // "last" here means the last displayed event
+        const lastReadEventIndex = this.getLastDisplayedEventIndex({
+            ignoreOwn: true,
+        });
+        const lastReadEvent = this.state.events[lastReadEventIndex ?? this.state.events.length - 1] ?? null;
+
+        const shouldSendReadReceipt = this.shouldSendReadReceipt(
+            currentReadReceiptEventId,
+            currentReadReceiptEventIndex,
+            lastReadEvent,
+            lastReadEventIndex,
+        );
+        const fullyReadMarkerEventId = this.state.readMarkerEventId;
+        const shouldSendFullyReadMarker = this.shouldSendFullyReadMarker(fullyReadMarkerEventId);
+        const roomId = this.props.timelineSet.room?.roomId;
+
+        debuglog(`Sending Read Markers for ${roomId}: `, {
+            shouldSendReadReceipt,
+            shouldSendFullyReadMarker,
+            currentReadReceiptEventId,
+            currentReadReceiptEventIndex,
+            lastReadEventId: lastReadEvent?.getId(),
+            lastReadEventIndex,
+            readMarkerEventId: this.state.readMarkerEventId,
+        });
+
+        const proms: Array<Promise<void>> = [];
+
+        if (shouldSendReadReceipt) {
+            proms.push(this.sendReadReceipt(client, lastReadEvent));
+        }
+
+        if (shouldSendFullyReadMarker) {
+            const readMarkerEvent = this.props.timelineSet.findEventById(fullyReadMarkerEventId);
+
+            if (readMarkerEvent) {
+                // Empty room Id should not happen here.
+                // Either way fall back to empty string and let further functions handle it.
+                proms.push(this.sendFullyReadMarker(client, roomId ?? "", fullyReadMarkerEventId));
+            }
+        }
+
+        await Promise.all(proms);
+    };
+
+    /**
+     * Sends a read receipt for event.
+     * Resets the last sent event Id in case of an error, so that it will be retried next time.
+     */
+    private async sendReadReceipt(client: MatrixClient, event: MatrixEvent): Promise<void> {
+        this.lastRRSentEventId = event.getId();
+        const receiptType = await this.determineReceiptType(client);
+
+        try {
+            await client.sendReadReceipt(event, receiptType);
+        } catch (err) {
+            // it failed, so allow retries next time the user is active
+            this.lastRRSentEventId = undefined;
+
+            logger.error("Error sending receipt", {
+                room: this.props.timelineSet.room?.roomId,
+                error: err,
+            });
+        }
+    }
+
+    /**
+     * Sends a fully_read marker for readMarkerEvent.
+     * Resets the last sent event Id in case of an error, so that it will be retried next time.
+     */
+    private async sendFullyReadMarker(
+        client: MatrixClient,
+        roomId: string,
+        fullyReadMarkerEventId: string,
+    ): Promise<void> {
+        this.lastRMSentEventId = this.state.readMarkerEventId;
+
+        try {
+            await client.setRoomReadMarkers(roomId, fullyReadMarkerEventId);
+        } catch (error) {
+            // it failed, so allow retries next time the user is active
+            this.lastRMSentEventId = undefined;
+
+            logger.error("Error sending fully_read", {
+                roomId,
+                error,
+            });
+        }
+    }
+
+    /**
+     * Move the marker to the bottom of the screen.
+     * If the read marker is on the screen, we can now assume we've caught up to the end
+     * of the screen, so move the marker down to the bottom of the screen.
+     */
+    public updateReadMarker = async (): Promise<void> => {
+        if (!this.props.manageReadMarkers) return;
+        if (this.getReadMarkerPosition() === 1) {
+            // the read marker is at an event below the viewport,
+            // we don't want to rewind it.
+            return;
+        }
+        // move the RM to *after* the message at the bottom of the screen. This
+        // avoids a problem whereby we never advance the RM if there is a huge
+        // message which doesn't fit on the screen.
+        const lastDisplayedIndex = this.getLastDisplayedEventIndex({
+            allowPartial: true,
+        });
+
+        if (lastDisplayedIndex === null) {
+            return;
+        }
+        const lastDisplayedEvent = this.state.events[lastDisplayedIndex];
+        await this.setReadMarker(lastDisplayedEvent.getId()!, lastDisplayedEvent.getTs());
+
+        // the read-marker should become invisible, so that if the user scrolls
+        // down, they don't see it.
+        if (this.state.readMarkerVisible) {
+            this.setState({
+                readMarkerVisible: false,
+            });
+        }
+
+        // Send the updated read marker (along with read receipt) to the server
+        await this.sendReadReceipts();
+    };
+
+    // advance the read marker past any events we sent ourselves.
+    private advanceReadMarkerPastMyEvents(): void {
+        if (!this.props.manageReadMarkers || !this.timelineWindow) return;
+
+        // we call `timelineWindow.getEvents()` rather than using
+        // `this.state.liveEvents`, because React batches the update to the
+        // latter, so it may not have been updated yet.
+        const events = this.timelineWindow.getEvents();
+
+        // first find where the current RM is
+        let i: number;
+        for (i = 0; i < events.length; i++) {
+            if (events[i].getId() == this.state.readMarkerEventId) {
+                break;
+            }
+        }
+        if (i >= events.length) {
+            return;
+        }
+
+        // now think about advancing it
+        const myUserId = MatrixClientPeg.safeGet().credentials.userId;
+        for (i++; i < events.length; i++) {
+            const ev = events[i];
+            if (ev.getSender() !== myUserId) {
+                break;
+            }
+        }
+        // i is now the first unread message which we didn't send ourselves.
+        i--;
+
+        const ev = events[i];
+        this.setReadMarker(ev.getId()!, ev.getTs());
+    }
+
+    /* jump down to the bottom of this room, where new events are arriving
+     */
+    public jumpToLiveTimeline = (): void => {
+        // if we can't forward-paginate the existing timeline, then there
+        // is no point reloading it - just jump straight to the bottom.
+        //
+        // Otherwise, reload the timeline rather than trying to paginate
+        // through all of space-time.
+        if (this.timelineWindow?.canPaginate(EventTimeline.FORWARDS)) {
+            this.loadTimeline();
+        } else {
+            this.messagePanel.current?.scrollToBottom();
+        }
+    };
+
+    public scrollToEventIfNeeded = (eventId: string): void => {
+        this.messagePanel.current?.scrollToEventIfNeeded(eventId);
+    };
+
+    /* scroll to show the read-up-to marker. We put it 1/3 of the way down
+     * the container.
+     */
+    public jumpToReadMarker = (): void => {
+        if (!this.props.manageReadMarkers) return;
+        if (!this.messagePanel.current) return;
+        if (!this.state.readMarkerEventId) return;
+
+        // we may not have loaded the event corresponding to the read-marker
+        // into the timelineWindow. In that case, attempts to scroll to it
+        // will fail.
+        //
+        // a quick way to figure out if we've loaded the relevant event is
+        // simply to check if the messagepanel knows where the read-marker is.
+        const ret = this.messagePanel.current.getReadMarkerPosition();
+        if (ret !== null) {
+            // The messagepanel knows where the RM is, so we must have loaded
+            // the relevant event.
+            this.messagePanel.current.scrollToEvent(this.state.readMarkerEventId, 0, 1 / 3);
+            return;
+        }
+
+        // Looks like we haven't loaded the event corresponding to the read-marker.
+        // As with jumpToLiveTimeline, we want to reload the timeline around the
+        // read-marker.
+        this.loadTimeline(this.state.readMarkerEventId, 0, 1 / 3);
+    };
+
+    /**
+     * update the read-up-to marker to match the read receipt
+     */
+    public forgetReadMarker = async (): Promise<void> => {
+        if (!this.props.manageReadMarkers) return;
+
+        // Find the read receipt - we will set the read marker to this
+        const rmId = this.getCurrentReadReceipt();
+
+        // Look up the timestamp if we can find it
+        const tl = this.props.timelineSet.getTimelineForEvent(rmId ?? "");
+        let rmTs: number | undefined;
+        if (tl) {
+            const event = tl.getEvents().find((e) => {
+                return e.getId() == rmId;
+            });
+            if (event) {
+                rmTs = event.getTs();
+            }
+        }
+
+        // Update the read marker to the values we found
+        await this.setReadMarker(rmId, rmTs);
+
+        // Send the receipts to the server immediately (don't wait for activity)
+        await this.sendReadReceipts();
+    };
+
+    /* return true if the content is fully scrolled down and we are
+     * at the end of the live timeline.
+     */
+    public isAtEndOfLiveTimeline = (): boolean | undefined => {
+        return (
+            this.messagePanel.current?.isAtBottom() &&
+            this.timelineWindow &&
+            !this.timelineWindow.canPaginate(EventTimeline.FORWARDS)
+        );
+    };
+
+    /* get the current scroll state. See ScrollPanel.getScrollState for
+     * details.
+     *
+     * returns null if we are not mounted.
+     */
+    public getScrollState = (): IScrollState | null => {
+        if (!this.messagePanel.current) {
+            return null;
+        }
+        return this.messagePanel.current.getScrollState();
+    };
+
+    // returns one of:
+    //
+    //  null: there is no read marker
+    //  -1: read marker is above the window
+    //   0: read marker is visible
+    //  +1: read marker is below the window
+    public getReadMarkerPosition = (): number | null => {
+        if (!this.props.manageReadMarkers) return null;
+        if (!this.messagePanel.current) return null;
+        if (!this.props.timelineSet.room) return null;
+
+        const ret = this.messagePanel.current.getReadMarkerPosition();
+        if (ret !== null) {
+            return ret;
+        }
+
+        // the messagePanel doesn't know where the read marker is.
+        // if we know the timestamp of the read marker, make a guess based on that.
+        const rmTs = TimelinePanel.roomReadMarkerTsMap[this.props.timelineSet.room.roomId];
+        if (rmTs && this.state.events.length > 0) {
+            if (rmTs < this.state.events[0].getTs()) {
+                return -1;
+            } else {
+                return 1;
+            }
+        }
+
+        return null;
+    };
+
+    public canJumpToReadMarker = (): boolean => {
+        // 1. Do not show jump bar if neither the RM nor the RR are set.
+        // 3. We want to show the bar if the read-marker is off the top of the screen.
+        // 4. Also, if pos === null, the event might not be paginated - show the unread bar
+        const pos = this.getReadMarkerPosition();
+        const ret =
+            this.state.readMarkerEventId !== null && // 1.
+            (pos === null || pos < 0); // 3., 4.
+        return ret;
+    };
+
+    /*
+     * called by the parent component when PageUp/Down/etc is pressed.
+     *
+     * We pass it down to the scroll panel.
+     */
+    public handleScrollKey = (ev: React.KeyboardEvent | KeyboardEvent): void => {
+        if (!this.messagePanel.current) return;
+
+        // jump to the live timeline on ctrl-end, rather than the end of the
+        // timeline window.
+        const action = getKeyBindingsManager().getRoomAction(ev);
+        if (action === KeyBindingAction.JumpToLatestMessage) {
+            this.jumpToLiveTimeline();
+        } else {
+            this.messagePanel.current.handleScrollKey(ev);
+        }
+    };
+
+    private initTimeline(props: IProps): void {
+        const initialEvent = props.eventId;
+        const pixelOffset = props.eventPixelOffset;
+
+        // if a pixelOffset is given, it is relative to the bottom of the
+        // container. If not, put the event in the middle of the container.
+        let offsetBase = 1;
+        if (pixelOffset == null) {
+            offsetBase = 0.5;
+        }
+
+        return this.loadTimeline(initialEvent, pixelOffset, offsetBase, props.eventScrollIntoView);
+    }
+
+    private scrollIntoView(eventId?: string, pixelOffset?: number, offsetBase?: number): void {
+        const doScroll = (): void => {
+            if (!this.messagePanel.current) return;
+            if (eventId) {
+                debuglog(
+                    "TimelinePanel scrolling to eventId " +
+                        eventId +
+                        " at position " +
+                        offsetBase! * 100 +
+                        "% + " +
+                        pixelOffset,
+                );
+                this.messagePanel.current.scrollToEvent(eventId, pixelOffset, offsetBase);
+            } else {
+                debuglog("TimelinePanel scrolling to bottom");
+                this.messagePanel.current.scrollToBottom();
+            }
+        };
+
+        debuglog("TimelinePanel scheduling scroll to event");
+        this.props.onEventScrolledIntoView?.(eventId);
+        // Ensure the correct scroll position pre render, if the messages have already been loaded to DOM,
+        // to avoid it jumping around
+        doScroll();
+
+        // Ensure the correct scroll position post render for correct behaviour.
+        //
+        // requestAnimationFrame runs our code immediately after the DOM update but before the next repaint.
+        //
+        // If the messages have just been loaded for the first time, this ensures we'll repeat setting the
+        // correct scroll position after React has re-rendered the TimelinePanel and MessagePanel and
+        // updated the DOM.
+        window.requestAnimationFrame(() => {
+            doScroll();
+        });
+    }
+
+    /**
+     * (re)-load the event timeline, and initialise the scroll state, centered
+     * around the given event.
+     *
+     * @param {string?}  eventId the event to focus on. If undefined, will
+     *    scroll to the bottom of the room.
+     *
+     * @param {number?} pixelOffset   offset to position the given event at
+     *    (pixels from the offsetBase). If omitted, defaults to 0.
+     *
+     * @param {number?} offsetBase the reference point for the pixelOffset. 0
+     *     means the top of the container, 1 means the bottom, and fractional
+     *     values mean somewhere in the middle. If omitted, it defaults to 0.
+     *
+     * @param {boolean?} scrollIntoView whether to scroll the event into view.
+     */
+    private loadTimeline(eventId?: string, pixelOffset?: number, offsetBase?: number, scrollIntoView = true): void {
+        const cli = MatrixClientPeg.safeGet();
+        this.timelineWindow = new TimelineWindow(cli, this.props.timelineSet, { windowLimit: this.props.timelineCap });
+
+        const onLoaded = (): void => {
+            if (this.unmounted) return;
+
+            // clear the timeline min-height when (re)loading the timeline
+            this.messagePanel.current?.onTimelineReset();
+            this.reloadEvents();
+
+            // If we switched away from the room while there were pending
+            // outgoing events, the read-marker will be before those events.
+            // We need to skip over any which have subsequently been sent.
+            this.advanceReadMarkerPastMyEvents();
+
+            this.setState(
+                {
+                    canBackPaginate: this.timelineWindow?.canPaginate(EventTimeline.BACKWARDS) ?? false,
+                    canForwardPaginate: this.timelineWindow?.canPaginate(EventTimeline.FORWARDS) ?? false,
+                    timelineLoading: false,
+                },
+                () => {
+                    // initialise the scroll state of the message panel
+                    if (!this.messagePanel.current) {
+                        // this shouldn't happen - we know we're mounted because
+                        // we're in a setState callback, and we know
+                        // timelineLoading is now false, so render() should have
+                        // mounted the message panel.
+                        logger.log("can't initialise scroll state because messagePanel didn't load");
+                        return;
+                    }
+
+                    if (scrollIntoView) {
+                        this.scrollIntoView(eventId, pixelOffset, offsetBase);
+                    }
+
+                    if (this.props.sendReadReceiptOnLoad) {
+                        this.sendReadReceipts().catch((err) => {
+                            logger.warn("Error sending receipts on load", err);
+                        });
+                    }
+                },
+            );
+        };
+
+        const onError = (error: MatrixError): void => {
+            if (this.unmounted) return;
+
+            this.setState({ timelineLoading: false });
+            logger.error(`Error loading timeline panel at ${this.props.timelineSet.room?.roomId}/${eventId}`, error);
+
+            let onFinished: (() => void) | undefined;
+
+            // if we were given an event ID, then when the user closes the
+            // dialog, let's jump to the end of the timeline. If we weren't,
+            // something has gone badly wrong and rather than causing a loop of
+            // undismissable dialogs, let's just give up.
+            if (eventId && this.props.timelineSet.room) {
+                onFinished = () => {
+                    // go via the dispatcher so that the URL is updated
+                    dis.dispatch<ViewRoomPayload>({
+                        action: Action.ViewRoom,
+                        room_id: this.props.timelineSet.room!.roomId,
+                        metricsTrigger: undefined, // room doesn't change
+                    });
+                };
+            }
+
+            let description: string;
+            if (error.errcode == "M_FORBIDDEN") {
+                description = _t("timeline|load_error|no_permission");
+            } else {
+                description = _t("timeline|load_error|unable_to_find");
+            }
+
+            const { finished } = Modal.createDialog(ErrorDialog, {
+                title: _t("timeline|load_error|title"),
+                description,
+            });
+            if (onFinished) {
+                // oxlint-disable-next-line promise/no-promise-in-callback
+                finished.then(onFinished);
+            }
+        };
+
+        // if we already have the event in question, TimelineWindow.load
+        // returns a resolved promise.
+        //
+        // In this situation, we don't really want to defer the update of the
+        // state to the next event loop, because it makes room-switching feel
+        // quite slow. So we detect that situation and shortcut straight to
+        // calling _reloadEvents and updating the state.
+
+        // This is a hot-path optimization by skipping a promise tick
+        // by repeating a no-op sync branch in
+        // TimelineSet.getTimelineForEvent & MatrixClient.getEventTimeline
+        if (this.props.timelineSet.getTimelineForEvent(eventId)) {
+            // if we've got an eventId, and the timeline exists, we can skip
+            // the promise tick.
+            this.timelineWindow.load(eventId, INITIAL_SIZE);
+            // in this branch this method will happen in sync time
+            onLoaded();
+            return;
+        }
+
+        const prom = this.timelineWindow.load(eventId, INITIAL_SIZE);
+        this.buildLegacyCallEventGroupers();
+        this.setState({
+            events: [],
+            liveEvents: [],
+            canBackPaginate: false,
+            canForwardPaginate: false,
+            timelineLoading: true,
+        });
+        prom.then(onLoaded, onError);
+    }
+
+    // handle the completion of a timeline load or localEchoUpdate, by
+    // reloading the events from the timelinewindow and pending event list into
+    // the state.
+    private reloadEvents(): void {
+        // we might have switched rooms since the load started - just bin
+        // the results if so.
+        if (this.unmounted) return;
+
+        const state = this.getEvents();
+        this.buildLegacyCallEventGroupers(state.events);
+        this.setState(state);
+    }
+
+    // Force refresh the timeline before threads support pending events
+    public refreshTimeline(eventId?: string): void {
+        this.loadTimeline(eventId, undefined, undefined, false);
+        this.reloadEvents();
+    }
+
+    // get the list of events from the timeline window and the pending event list
+    private getEvents(): Pick<IState, "events" | "liveEvents"> {
+        const events = this.timelineWindow!.getEvents();
+
+        // We want the last event to be decrypted first
+        const client = MatrixClientPeg.safeGet();
+        for (let i = events.length - 1; i >= 0; --i) {
+            client.decryptEventIfNeeded(events[i]);
+        }
+
+        // Hold onto the live events separately. The read receipt and read marker
+        // should use this list, so that they don't advance into pending events.
+        const liveEvents = [...events];
+
+        // if we're at the end of the live timeline, append the pending events
+        if (!this.timelineWindow!.canPaginate(EventTimeline.FORWARDS)) {
+            const pendingEvents = this.props.timelineSet.getPendingEvents();
+            events.push(
+                ...pendingEvents.filter((event) => {
+                    const { shouldLiveInRoom, threadId } = this.props.timelineSet.room!.eventShouldLiveIn(
+                        event,
+                        pendingEvents,
+                    );
+
+                    if (this.context.timelineRenderingType === TimelineRenderingType.Thread) {
+                        return threadId === this.context.threadId;
+                    }
+                    {
+                        return shouldLiveInRoom;
+                    }
+                }),
+            );
+        }
+
+        return {
+            events,
+            liveEvents,
+        };
+    }
+
+    private indexForEventId(evId: string | null): number | null {
+        if (evId === null) {
+            return null;
+        }
+        /* Threads do not have server side support for read receipts and the concept
+        is very tied to the main room timeline, we are forcing the timeline to
+        send read receipts for threaded events */
+        if (this.context.timelineRenderingType === TimelineRenderingType.Thread) {
+            return 0;
+        }
+        const index = this.state.events.findIndex((ev) => ev.getId() === evId);
+        return index > -1 ? index : null;
+    }
+
+    private getLastDisplayedEventIndex(opts: IEventIndexOpts = {}): number | null {
+        const ignoreOwn = opts.ignoreOwn || false;
+        const allowPartial = opts.allowPartial || false;
+
+        const messagePanel = this.messagePanel.current;
+        if (!messagePanel) return null;
+
+        const messagePanelNode = this.messagePanelDiv;
+        if (!messagePanelNode) return null; // sometimes this happens for fresh rooms/post-sync
+        const wrapperRect = messagePanelNode.getBoundingClientRect();
+        const myUserId = MatrixClientPeg.safeGet().credentials.userId;
+
+        const isNodeInView = (node?: HTMLElement): boolean => {
+            if (node) {
+                const boundingRect = node.getBoundingClientRect();
+                if (
+                    (allowPartial && boundingRect.top <= wrapperRect.bottom) ||
+                    (!allowPartial && boundingRect.bottom <= wrapperRect.bottom)
+                ) {
+                    return true;
+                }
+            }
+            return false;
+        };
+
+        // We keep track of how many of the adjacent events didn't have a tile
+        // but should have the read receipt moved past them, so
+        // we can include those once we find the last displayed (visible) event.
+        // The counter is not started for events we don't want
+        // to send a read receipt for (our own events, local echos).
+        let adjacentInvisibleEventCount = 0;
+        // Use `liveEvents` here because we don't want the read marker or read
+        // receipt to advance into pending events.
+        for (let i = this.state.liveEvents.length - 1; i >= 0; --i) {
+            const ev = this.state.liveEvents[i];
+
+            const node = messagePanel.getNodeForEventId(ev.getId()!);
+            const isInView = isNodeInView(node);
+
+            // when we've reached the first visible event, and the previous
+            // events were all invisible (with the first one not being ignored),
+            // return the index of the first invisible event.
+            if (isInView && adjacentInvisibleEventCount !== 0) {
+                return i + adjacentInvisibleEventCount;
+            }
+            if (node && !isInView) {
+                // has node but not in view, so reset adjacent invisible events
+                adjacentInvisibleEventCount = 0;
+            }
+
+            const shouldIgnore =
+                !!ev.status || // local echo
+                (ignoreOwn && ev.getSender() === myUserId); // own message
+            const isWithoutTile =
+                !haveRendererForEvent(ev, MatrixClientPeg.safeGet(), this.context?.showHiddenEvents) ||
+                shouldHideEvent(ev, this.context);
+
+            if (isWithoutTile || !node) {
+                // don't start counting if the event should be ignored,
+                // but continue counting if we were already so the offset
+                // to the previous invisble event that didn't need to be ignored
+                // doesn't get messed up
+                if (!shouldIgnore || (shouldIgnore && adjacentInvisibleEventCount !== 0)) {
+                    ++adjacentInvisibleEventCount;
+                }
+                continue;
+            }
+
+            if (shouldIgnore) {
+                continue;
+            }
+
+            if (isInView) {
+                return i;
+            }
+        }
+
+        return null;
+    }
+
+    /**
+     * Get the id of the event corresponding to our user's latest read-receipt.
+     *
+     * @param {Boolean} ignoreSynthesized If true, return only receipts that
+     *                                    have been sent by the server, not
+     *                                    implicit ones generated by the JS
+     *                                    SDK.
+     * @returns {String} the event ID
+     */
+    private getCurrentReadReceipt(ignoreSynthesized = false): string | null {
+        const client = MatrixClientPeg.get();
+        // the client can be null on logout
+        if (client == null) {
+            return null;
+        }
+
+        const myUserId = client.getSafeUserId();
+        const receiptStore = this.props.timelineSet.thread ?? this.props.timelineSet.room;
+        return receiptStore?.getEventReadUpTo(myUserId, ignoreSynthesized) ?? null;
+    }
+
+    private async setReadMarker(eventId: string | null, eventTs?: number, inhibitSetState = false): Promise<void> {
+        const roomId = this.props.timelineSet.room?.roomId;
+
+        // don't update the state (and cause a re-render) if there is
+        // no change to the RM.
+        if (eventId === this.state.readMarkerEventId || eventId === null) {
+            return;
+        }
+
+        // in order to later figure out if the read marker is
+        // above or below the visible timeline, we stash the timestamp.
+        if (eventTs !== undefined) {
+            TimelinePanel.roomReadMarkerTsMap[roomId ?? ""] = eventTs;
+        } else {
+            delete TimelinePanel.roomReadMarkerTsMap[roomId ?? ""];
+        }
+
+        if (inhibitSetState) {
+            return;
+        }
+
+        // Do the local echo of the RM
+        // run the render cycle before calling the callback, so that
+        // getReadMarkerPosition() returns the right thing.
+        await new Promise<void>((resolve) => {
+            this.setState(
+                {
+                    readMarkerEventId: eventId,
+                },
+                () => {
+                    this.props.onReadMarkerUpdated?.();
+                    resolve();
+                },
+            );
+        });
+    }
+
+    private shouldPaginate(): boolean {
+        // don't try to paginate while events in the timeline are
+        // still being decrypted. We don't render events while they're
+        // being decrypted, so they don't take up space in the timeline.
+        // This means we can pull quite a lot of events into the timeline
+        // and end up trying to render a lot of events.
+        return !this.state.events.some((e) => {
+            return e.isBeingDecrypted();
+        });
+    }
+
+    private getRelationsForEvent = (
+        eventId: string,
+        relationType: RelationType | string,
+        eventType: EventType | string,
+    ): Relations | undefined =>
+        this.props.timelineSet.relations?.getChildEventsForEvent(eventId, relationType, eventType);
+
+    private buildLegacyCallEventGroupers(events?: MatrixEvent[]): void {
+        this.callEventGroupers = buildLegacyCallEventGroupers(this.callEventGroupers, events);
+    }
+
+    public render(): React.ReactNode {
+        // just show a spinner while the timeline loads.
+        //
+        // put it in a div of the right class (mx_RoomView_messagePanel) so
+        // that the order in the roomview flexbox is correct, and
+        // mx_RoomView_messageListWrapper to position the inner div in the
+        // right place.
+        //
+        // Note that the click-on-search-result functionality relies on the
+        // fact that the messagePanel is hidden while the timeline reloads,
+        // but that the RoomHeader (complete with search term) continues to
+        // exist.
+        if (this.state.timelineLoading) {
+            return (
+                <div className="mx_RoomView_messagePanelSpinner">
+                    <Spinner />
+                </div>
+            );
+        }
+
+        if (this.state.events.length == 0 && !this.state.canBackPaginate && this.props.empty) {
+            return (
+                <div className={this.props.className + " mx_RoomView_messageListWrapper"}>
+                    <div className="mx_RoomView_empty">{this.props.empty}</div>
+                </div>
+            );
+        }
+
+        // give the messagepanel a stickybottom if we're at the end of the
+        // live timeline, so that the arrival of new events triggers a
+        // scroll.
+        //
+        // Make sure that stickyBottom is *false* if we can paginate
+        // forwards, otherwise if somebody hits the bottom of the loaded
+        // events when viewing historical messages, we get stuck in a loop
+        // of paginating our way through the entire history of the room.
+        const stickyBottom = !this.timelineWindow?.canPaginate(EventTimeline.FORWARDS);
+
+        // If the state is PREPARED or CATCHUP, we're still waiting for the js-sdk to sync with
+        // the HS and fetch the latest events, so we are effectively forward paginating.
+        const forwardPaginating = this.state.forwardPaginating || this.syncImpliesForwardPaginating;
+        const events = this.state.events;
+        return (
+            <MessagePanel
+                ref={this.messagePanel}
+                room={this.props.timelineSet.room}
+                permalinkCreator={this.props.permalinkCreator}
+                hidden={this.props.hidden}
+                backPaginating={this.state.backPaginating}
+                forwardPaginating={forwardPaginating}
+                events={events}
+                highlightedEventId={this.props.highlightedEventId}
+                readMarkerEventId={this.state.readMarkerEventId}
+                readMarkerVisible={this.state.readMarkerVisible}
+                canBackPaginate={this.state.canBackPaginate}
+                showUrlPreview={this.props.showUrlPreview}
+                showReadReceipts={this.props.showReadReceipts}
+                ourUserId={MatrixClientPeg.safeGet().getSafeUserId()}
+                stickyBottom={stickyBottom}
+                onScroll={this.onMessageListScroll}
+                onFillRequest={this.onMessageListFillRequest}
+                onUnfillRequest={this.onMessageListUnfillRequest}
+                isTwelveHour={this.context?.showTwelveHourTimestamps ?? this.state.isTwelveHour}
+                alwaysShowTimestamps={
+                    this.props.alwaysShowTimestamps ??
+                    this.context?.alwaysShowTimestamps ??
+                    this.state.alwaysShowTimestamps
+                }
+                className={this.props.className}
+                getRelationsForEvent={this.getRelationsForEvent}
+                editState={this.props.editState}
+                showReactions={this.props.showReactions}
+                layout={this.props.layout}
+                hideThreadedMessages={this.props.hideThreadedMessages}
+                disableGrouping={this.props.disableGrouping}
+                callEventGroupers={this.callEventGroupers}
+            />
+        );
+    }
+}
+
+/**
+ * Iterate across all of the timelineSets and timelines inside to expose all of
+ * the event IDs contained inside.
+ *
+ * @returns An event ID list for every timeline in every timelineSet
+ */
+function serializeEventIdsFromTimelineSets(timelineSets: EventTimelineSet[]): { [key: string]: string[] }[] {
+    const serializedEventIdsInTimelineSet = timelineSets.map((timelineSet) => {
+        const timelineMap: Record<string, string[]> = {};
+
+        const timelines = timelineSet.getTimelines();
+        const liveTimeline = timelineSet.getLiveTimeline();
+
+        timelines.forEach((timeline, index) => {
+            // Add a special label when it is the live timeline so we can tell
+            // it apart from the others
+            const isLiveTimeline = timeline === liveTimeline;
+            timelineMap[isLiveTimeline ? "liveTimeline" : `${index}`] = timeline.getEvents().map((ev) => ev.getId()!);
+        });
+
+        return timelineMap;
+    });
+
+    return serializedEventIdsInTimelineSet;
+}
+
+export default TimelinePanel;
diff --git a/apps/web/src/components/structures/ToastContainer.tsx b/apps/web/src/components/structures/ToastContainer.tsx
new file mode 100644
index 00000000000..16275d9d8ea
--- /dev/null
+++ b/apps/web/src/components/structures/ToastContainer.tsx
@@ -0,0 +1,105 @@
+/*
+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.
+*/
+
+import React from "react";
+import classNames from "classnames";
+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>[];
+}
+
+export default class ToastContainer extends React.Component<EmptyObject, IState> {
+    public constructor(props: EmptyObject) {
+        super(props);
+        this.state = {
+            toasts: ToastStore.sharedInstance().getToasts(),
+        };
+    }
+
+    public componentDidMount(): void {
+        ToastStore.sharedInstance().on("update", this.onToastStoreUpdate);
+        this.onToastStoreUpdate();
+    }
+
+    public componentWillUnmount(): void {
+        ToastStore.sharedInstance().removeListener("update", this.onToastStoreUpdate);
+    }
+
+    private onToastStoreUpdate = (): void => {
+        this.setState({
+            toasts: ToastStore.sharedInstance().getToasts(),
+        });
+    };
+
+    public render(): React.ReactNode {
+        const totalCount = this.state.toasts.length;
+        const isStacked = totalCount > 1;
+        let toast;
+        let containerClasses;
+        if (totalCount !== 0) {
+            const topToast = this.state.toasts[0];
+            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,
+            });
+            const toastProps = Object.assign({}, props, {
+                key,
+                toastKey: key,
+            });
+            const content = React.createElement(component, toastProps);
+
+            let titleElement;
+            if (title) {
+                titleElement = (
+                    <>
+                        <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>
+                        )}
+                    </>
+                );
+            }
+
+            toast = (
+                <div className={toastClasses}>
+                    {icon}
+                    {titleElement}
+                    <div className={bodyClasses}>{content}</div>
+                </div>
+            );
+
+            containerClasses = classNames("mx_ToastContainer", {
+                mx_ToastContainer_stacked: isStacked,
+            });
+        }
+        return toast ? (
+            <div className={containerClasses} role="alert">
+                {toast}
+            </div>
+        ) : null;
+    }
+}
diff --git a/apps/web/src/components/structures/UploadBar.tsx b/apps/web/src/components/structures/UploadBar.tsx
new file mode 100644
index 00000000000..b118e197a5d
--- /dev/null
+++ b/apps/web/src/components/structures/UploadBar.tsx
@@ -0,0 +1,129 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015, 2016 , 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 from "react";
+import { type Room, type IEventRelation } from "matrix-js-sdk/src/matrix";
+import { CloseIcon, ShareIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import ContentMessages from "../../ContentMessages";
+import dis from "../../dispatcher/dispatcher";
+import { _t } from "../../languageHandler";
+import { Action } from "../../dispatcher/actions";
+import ProgressBar from "../views/elements/ProgressBar";
+import AccessibleButton, { type ButtonEvent } from "../views/elements/AccessibleButton";
+import { type RoomUpload } from "../../models/RoomUpload";
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { type UploadPayload } from "../../dispatcher/payloads/UploadPayload";
+import { fileSize } from "../../utils/FileUtils";
+
+interface IProps {
+    room: Room;
+    relation?: IEventRelation;
+}
+
+interface IState {
+    currentFile?: string;
+    currentUpload?: RoomUpload;
+    currentLoaded?: number;
+    currentTotal?: number;
+    countFiles: number;
+}
+
+function isUploadPayload(payload: ActionPayload): payload is UploadPayload {
+    return [
+        Action.UploadStarted,
+        Action.UploadProgress,
+        Action.UploadFailed,
+        Action.UploadFinished,
+        Action.UploadCanceled,
+    ].includes(payload.action as Action);
+}
+
+export default class UploadBar extends React.PureComponent<IProps, IState> {
+    private dispatcherRef?: string;
+    private unmounted = false;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        // Set initial state to any available upload in this room - we might be mounting
+        // earlier than the first progress event, so should show something relevant.
+        this.state = this.calculateState();
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+        this.dispatcherRef = dis.register(this.onAction);
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+        dis.unregister(this.dispatcherRef);
+    }
+
+    private getUploadsInRoom(): RoomUpload[] {
+        const uploads = ContentMessages.sharedInstance().getCurrentUploads(this.props.relation);
+        return uploads.filter((u) => u.roomId === this.props.room.roomId);
+    }
+
+    private calculateState(): IState {
+        const [currentUpload, ...otherUploads] = this.getUploadsInRoom();
+        return {
+            currentUpload,
+            currentFile: currentUpload?.fileName,
+            currentLoaded: currentUpload?.loaded,
+            currentTotal: currentUpload?.total,
+            countFiles: otherUploads.length + 1,
+        };
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        if (this.unmounted) return;
+        if (isUploadPayload(payload)) {
+            this.setState(this.calculateState());
+        }
+    };
+
+    private onCancelClick = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+        ContentMessages.sharedInstance().cancelUpload(this.state.currentUpload!);
+    };
+
+    public render(): React.ReactNode {
+        if (!this.state.currentFile) {
+            return null;
+        }
+
+        let uploadText: string;
+        if (this.state.countFiles > 1) {
+            // MUST use var name 'count' for pluralization to kick in
+            uploadText = _t("room|upload|uploading_multiple_file", {
+                filename: this.state.currentFile,
+                count: this.state.countFiles - 1,
+            });
+        } else {
+            uploadText = _t("room|upload|uploading_single_file", {
+                filename: this.state.currentFile,
+            });
+        }
+
+        const uploadSize = fileSize(this.state.currentTotal!);
+        return (
+            <div className="mx_UploadBar">
+                <ShareIcon />
+                <div className="mx_UploadBar_filename">
+                    {uploadText} ({uploadSize})
+                </div>
+                <AccessibleButton onClick={this.onCancelClick} className="mx_UploadBar_cancel">
+                    <CloseIcon />
+                </AccessibleButton>
+                <ProgressBar value={this.state.currentLoaded!} max={this.state.currentTotal!} />
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/UserView.tsx b/apps/web/src/components/structures/UserView.tsx
new file mode 100644
index 00000000000..ded92b6eb9e
--- /dev/null
+++ b/apps/web/src/components/structures/UserView.tsx
@@ -0,0 +1,98 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+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 from "react";
+import { MatrixEvent, RoomMember, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import Modal from "../../Modal";
+import { _t } from "../../languageHandler";
+import ErrorDialog from "../views/dialogs/ErrorDialog";
+import MainSplit from "./MainSplit";
+import RightPanel from "./RightPanel";
+import Spinner from "../views/elements/Spinner";
+import type ResizeNotifier from "../../utils/ResizeNotifier";
+import { RightPanelPhases } from "../../stores/right-panel/RightPanelStorePhases";
+import HomePage from "./HomePage.tsx";
+import MatrixClientContext from "../../contexts/MatrixClientContext";
+
+interface IProps {
+    userId: string;
+    resizeNotifier: ResizeNotifier;
+}
+
+interface IState {
+    loading: boolean;
+    member?: RoomMember;
+}
+
+export default class UserView extends React.Component<IProps, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            loading: true,
+        };
+    }
+
+    public componentDidMount(): void {
+        if (this.props.userId) {
+            this.loadProfileInfo();
+        }
+    }
+
+    public componentDidUpdate(prevProps: IProps): void {
+        // XXX: We shouldn't need to null check the userId here, but we declare
+        // it as optional and MatrixChat sometimes fires in a way which results
+        // in an NPE when we try to update the profile info.
+        if (prevProps.userId !== this.props.userId && this.props.userId) {
+            this.loadProfileInfo();
+        }
+    }
+
+    private async loadProfileInfo(): Promise<void> {
+        this.setState({ loading: true });
+        let profileInfo: Awaited<ReturnType<MatrixClient["getProfileInfo"]>>;
+        try {
+            profileInfo = await this.context.getProfileInfo(this.props.userId);
+        } catch (err) {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("error_dialog|error_loading_user_profile"),
+                description: err instanceof Error ? err.message : _t("invite|failed_generic"),
+            });
+            this.setState({ loading: false });
+            return;
+        }
+        const fakeEvent = new MatrixEvent({ type: "m.room.member", content: profileInfo });
+        // We pass an empty string room ID here, this is slight abuse of the class to simplify code
+        const member = new RoomMember("", this.props.userId);
+        member.setMembershipEvent(fakeEvent);
+        this.setState({ member, loading: false });
+    }
+
+    public render(): React.ReactNode {
+        if (this.state.loading) {
+            return <Spinner />;
+        } else if (this.state.member) {
+            const panel = (
+                <RightPanel
+                    overwriteCard={{ phase: RightPanelPhases.MemberInfo, state: { member: this.state.member } }}
+                    resizeNotifier={this.props.resizeNotifier}
+                />
+            );
+            return (
+                <MainSplit panel={panel} defaultSize={420} analyticsRoomType="user_profile">
+                    <HomePage />
+                </MainSplit>
+            );
+        } else {
+            return <div />;
+        }
+    }
+}
diff --git a/apps/web/src/components/structures/ViewSource.tsx b/apps/web/src/components/structures/ViewSource.tsx
new file mode 100644
index 00000000000..cbb6ed4f4e5
--- /dev/null
+++ b/apps/web/src/components/structures/ViewSource.tsx
@@ -0,0 +1,183 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2015, 2016 , 2019, 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 JSX } from "react";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import SyntaxHighlight from "../views/elements/SyntaxHighlight";
+import { _t } from "../../languageHandler";
+import MatrixClientContext from "../../contexts/MatrixClientContext";
+import { canEditContent } from "../../utils/EventUtils";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import BaseDialog from "../views/dialogs/BaseDialog";
+import { DevtoolsContext } from "../views/dialogs/devtools/BaseTool";
+import { StateEventEditor } from "../views/dialogs/devtools/RoomState";
+import { stringify, TimelineEventEditor } from "../views/dialogs/devtools/Event";
+import CopyableText from "../views/elements/CopyableText";
+
+interface IProps {
+    mxEvent: MatrixEvent; // the MatrixEvent associated with the context menu
+    ignoreEdits?: boolean;
+    onFinished(): void;
+}
+
+interface IState {
+    isEditing: boolean;
+}
+
+export default class ViewSource extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            isEditing: false,
+        };
+    }
+
+    private onBack = (): void => {
+        // TODO: refresh the "Event ID:" modal header
+        this.setState({ isEditing: false });
+    };
+
+    private onEdit(): void {
+        this.setState({ isEditing: true });
+    }
+
+    // returns the dialog body for viewing the event source
+    private viewSourceContent(): JSX.Element {
+        let mxEvent = this.props.mxEvent.replacingEvent() || this.props.mxEvent; // show the replacing event, not the original, if it is an edit
+        if (this.props.ignoreEdits) {
+            mxEvent = this.props.mxEvent;
+        }
+
+        const isEncrypted = mxEvent.isEncrypted();
+        // @ts-ignore
+        const decryptedEventSource = mxEvent.clearEvent; // FIXME: clearEvent is private
+        const originalEventSource = mxEvent.event;
+        const copyOriginalFunc = (): string => {
+            return stringify(originalEventSource);
+        };
+        if (isEncrypted) {
+            const copyDecryptedFunc = (): string => {
+                return stringify(decryptedEventSource || {});
+            };
+            return (
+                <>
+                    <details open className="mx_ViewSource_details">
+                        <summary>
+                            <span className="mx_ViewSource_heading">
+                                {_t("devtools|view_source_decrypted_event_source")}
+                            </span>
+                        </summary>
+                        {decryptedEventSource ? (
+                            <CopyableText getTextToCopy={copyDecryptedFunc}>
+                                <SyntaxHighlight language="json">{stringify(decryptedEventSource)}</SyntaxHighlight>
+                            </CopyableText>
+                        ) : (
+                            <div>{_t("devtools|view_source_decrypted_event_source_unavailable")}</div>
+                        )}
+                    </details>
+                    <details className="mx_ViewSource_details">
+                        <summary>
+                            <span className="mx_ViewSource_heading">{_t("devtools|original_event_source")}</span>
+                        </summary>
+                        <CopyableText getTextToCopy={copyOriginalFunc}>
+                            <SyntaxHighlight language="json">{stringify(originalEventSource)}</SyntaxHighlight>
+                        </CopyableText>
+                    </details>
+                </>
+            );
+        } else {
+            return (
+                <>
+                    <div className="mx_ViewSource_heading">{_t("devtools|original_event_source")}</div>
+                    <CopyableText getTextToCopy={copyOriginalFunc}>
+                        <SyntaxHighlight language="json">{stringify(originalEventSource)}</SyntaxHighlight>
+                    </CopyableText>
+                </>
+            );
+        }
+    }
+
+    // returns the SendCustomEvent component prefilled with the correct details
+    private editSourceContent(): JSX.Element {
+        const mxEvent = this.props.mxEvent.replacingEvent() || this.props.mxEvent; // show the replacing event, not the original, if it is an edit
+
+        const isStateEvent = mxEvent.isState();
+        const roomId = mxEvent.getRoomId();
+
+        if (isStateEvent) {
+            return (
+                <MatrixClientContext.Consumer>
+                    {(cli) => (
+                        // oxlint-disable-next-line react/jsx-no-constructed-context-values
+                        <DevtoolsContext.Provider value={{ room: cli.getRoom(roomId)! }}>
+                            <StateEventEditor onBack={this.onBack} mxEvent={mxEvent} />
+                        </DevtoolsContext.Provider>
+                    )}
+                </MatrixClientContext.Consumer>
+            );
+        }
+
+        return (
+            <MatrixClientContext.Consumer>
+                {(cli) => (
+                    // oxlint-disable-next-line react/jsx-no-constructed-context-values
+                    <DevtoolsContext.Provider value={{ room: cli.getRoom(roomId)! }}>
+                        <TimelineEventEditor onBack={this.onBack} mxEvent={mxEvent} />
+                    </DevtoolsContext.Provider>
+                )}
+            </MatrixClientContext.Consumer>
+        );
+    }
+
+    private canSendStateEvent(mxEvent: MatrixEvent): boolean {
+        const cli = MatrixClientPeg.safeGet();
+        const room = cli.getRoom(mxEvent.getRoomId());
+        return !!room?.currentState.mayClientSendStateEvent(mxEvent.getType(), cli);
+    }
+
+    public render(): React.ReactNode {
+        const mxEvent = this.props.mxEvent.replacingEvent() || this.props.mxEvent; // show the replacing event, not the original, if it is an edit
+
+        const isEditing = this.state.isEditing;
+        const roomId = mxEvent.getRoomId()!;
+        const eventId = mxEvent.getId()!;
+        const canEdit = mxEvent.isState()
+            ? this.canSendStateEvent(mxEvent)
+            : canEditContent(MatrixClientPeg.safeGet(), this.props.mxEvent);
+        return (
+            <BaseDialog className="mx_ViewSource" onFinished={this.props.onFinished} title={_t("action|view_source")}>
+                <div className="mx_ViewSource_header">
+                    <CopyableText getTextToCopy={() => roomId} border={false}>
+                        {_t("devtools|room_id", { roomId })}
+                    </CopyableText>
+                    <CopyableText getTextToCopy={() => eventId} border={false}>
+                        {_t("devtools|event_id", { eventId })}
+                    </CopyableText>
+                    {mxEvent.threadRootId && (
+                        <CopyableText getTextToCopy={() => mxEvent.threadRootId!} border={false}>
+                            {_t("devtools|thread_root_id", {
+                                threadRootId: mxEvent.threadRootId,
+                            })}
+                        </CopyableText>
+                    )}
+                </div>
+                {isEditing ? this.editSourceContent() : this.viewSourceContent()}
+                {!isEditing && canEdit && (
+                    <div className="mx_Dialog_buttons">
+                        <button onClick={() => this.onEdit()} type="button">
+                            {_t("action|edit")}
+                        </button>
+                    </div>
+                )}
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/WaitingForThirdPartyRoomView.tsx b/apps/web/src/components/structures/WaitingForThirdPartyRoomView.tsx
new file mode 100644
index 00000000000..00228ed9a04
--- /dev/null
+++ b/apps/web/src/components/structures/WaitingForThirdPartyRoomView.tsx
@@ -0,0 +1,60 @@
+/*
+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 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 NewRoomIntro from "../views/rooms/NewRoomIntro";
+import { UnwrappedEventTile } from "../views/rooms/EventTile";
+import { _t } from "../../languageHandler";
+import SdkConfig from "../../SdkConfig";
+import { useScopedRoomContext } from "../../contexts/ScopedRoomContext.tsx";
+
+interface Props {
+    roomView: RefObject<HTMLElement | null>;
+    resizeNotifier: ResizeNotifier;
+    inviteEvent: MatrixEvent;
+}
+
+/**
+ * Component that displays a waiting room for an encrypted DM with a third party invite.
+ * If encryption by default is enabled, DMs with a third party invite should be encrypted as well.
+ * To avoid UTDs, users are shown a waiting room until the others have joined.
+ */
+export const WaitingForThirdPartyRoomView: React.FC<Props> = ({ roomView, resizeNotifier, inviteEvent }) => {
+    const context = useScopedRoomContext("room");
+    const brand = SdkConfig.get().brand;
+
+    return (
+        <div className="mx_RoomView mx_RoomView--local">
+            <ErrorBoundary>
+                <RoomHeader room={context.room!} />
+                <main className="mx_RoomView_body" ref={roomView}>
+                    <div className="mx_RoomView_timeline">
+                        <ScrollPanel className="mx_RoomView_messagePanel">
+                            <EventTileBubble
+                                icon={<LockSolidIcon />}
+                                className="mx_EventTileBubble mx_cryptoEvent"
+                                title={_t("room|waiting_for_join_title", { brand })}
+                                subtitle={_t("room|waiting_for_join_subtitle", { brand })}
+                            />
+                            <NewRoomIntro />
+                            <UnwrappedEventTile mxEvent={inviteEvent} />
+                        </ScrollPanel>
+                    </div>
+                </main>
+            </ErrorBoundary>
+        </div>
+    );
+};
diff --git a/apps/web/src/components/structures/__snapshots__/MatrixChat.test.tsx.snap b/apps/web/src/components/structures/__snapshots__/MatrixChat.test.tsx.snap
new file mode 100644
index 00000000000..80b2123a18c
--- /dev/null
+++ b/apps/web/src/components/structures/__snapshots__/MatrixChat.test.tsx.snap
@@ -0,0 +1,720 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<MatrixChat /> > Multi-tab lockout > shows the lockout page when a second tab opens > after a session is restored 1`] = `
+<div>
+  <main
+    class="mx_SessionLockStolenView mx_SplashPage"
+  >
+    <h1>
+      Test is connected in another tab
+    </h1>
+    <h2>
+      Switch to the other tab to connect to Test. This tab can now be closed.
+    </h2>
+  </main>
+</div>
+`;
+
+exports[`<MatrixChat /> > Multi-tab lockout > shows the lockout page when a second tab opens > during crypto init 1`] = `
+<body
+  style="--emoji-font-family: Twemoji;"
+>
+  <div>
+    <main
+      class="mx_SessionLockStolenView mx_SplashPage"
+    >
+      <h1>
+        Test is connected in another tab
+      </h1>
+      <h2>
+        Switch to the other tab to connect to Test. This tab can now be closed.
+      </h2>
+    </main>
+  </div>
+</body>
+`;
+
+exports[`<MatrixChat /> > Multi-tab lockout > shows the lockout page when a second tab opens > while we are checking the sync store 1`] = `
+<div>
+  <main
+    class="mx_SessionLockStolenView mx_SplashPage"
+  >
+    <h1>
+      Test is connected in another tab
+    </h1>
+    <h2>
+      Switch to the other tab to connect to Test. This tab can now be closed.
+    </h2>
+  </main>
+</div>
+`;
+
+exports[`<MatrixChat /> > Multi-tab lockout > shows the lockout page when a second tab opens > while we were waiting for the lock ourselves 1`] = `
+<div>
+  <main
+    class="mx_SessionLockStolenView mx_SplashPage"
+  >
+    <h1>
+      Test is connected in another tab
+    </h1>
+    <h2>
+      Switch to the other tab to connect to Test. This tab can now be closed.
+    </h2>
+  </main>
+</div>
+`;
+
+exports[`<MatrixChat /> > Multi-tab lockout > waits for other tab to stop during startup 1`] = `
+<div>
+  <div
+    class="mx_ConfirmSessionLockTheftView"
+  >
+    <div
+      class="mx_ConfirmSessionLockTheftView_body"
+    >
+      <p>
+        Test is open in another window. Click "Continue" to use Test here and disconnect the other window.
+      </p>
+      <div
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+        role="button"
+        tabindex="0"
+      >
+        Continue
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<MatrixChat /> > Multi-tab lockout > waits for other tab to stop during startup 2`] = `
+<div>
+  <div
+    class="mx_MatrixChat_splash"
+  >
+    <div
+      class="mx_Spinner"
+    >
+      <svg
+        aria-label="Loading…"
+        class="_icon_1855a_18"
+        data-testid="spinner"
+        fill="currentColor"
+        height="1em"
+        role="progressbar"
+        style="width: 32px; height: 32px;"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<MatrixChat /> > Multi-tab lockout > waits for other tab to stop during startup 3`] = `
+<div>
+  <div
+    class="mx_AuthPage"
+    style="background: url("themes/element/img/backgrounds/lake.jpg") center center / cover fixed;"
+  >
+    <div
+      class="mx_AuthPage_modal"
+      style="position: relative; background: ;"
+    >
+      <main
+        aria-live="polite"
+        class="mx_AuthPage_modalContent"
+        style="display: flex; z-index: 1; border-radius: inherit;"
+        tabindex="-1"
+      >
+        <div
+          class="_glass_sepwu_8"
+        >
+          <div
+            class="mx_Welcome"
+          >
+            <div
+              class="mx_DefaultWelcome"
+            >
+              <a
+                class="mx_DefaultWelcome_logo"
+                href="https://element.io"
+                rel="noopener"
+                target="_blank"
+              >
+                <img
+                  alt="Test"
+                  src="themes/element/img/logos/element-logo.svg"
+                />
+              </a>
+              <h1
+                class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
+              >
+                Welcome to Test
+              </h1>
+              <div
+                class="mx_DefaultWelcome_buttons"
+              >
+                <a
+                  class="_button_1nw83_8"
+                  data-kind="primary"
+                  data-size="md"
+                  href="#/login"
+                  role="link"
+                  tabindex="0"
+                >
+                  Sign in
+                </a>
+                <a
+                  class="_button_1nw83_8"
+                  data-kind="secondary"
+                  data-size="md"
+                  href="#/register"
+                  role="link"
+                  tabindex="0"
+                >
+                  Create account
+                </a>
+                <a
+                  class="_button_1nw83_8"
+                  data-kind="tertiary"
+                  data-size="md"
+                  href="#/directory"
+                  role="link"
+                  tabindex="0"
+                >
+                  Explore rooms
+                </a>
+              </div>
+            </div>
+            <div
+              class="mx_Dropdown mx_LanguageDropdown mx_AuthBody_language"
+            >
+              <div
+                aria-describedby="mx_LanguageDropdown_value"
+                aria-expanded="false"
+                aria-haspopup="listbox"
+                aria-label="Language Dropdown"
+                aria-owns="mx_LanguageDropdown_input"
+                class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="mx_Dropdown_option"
+                  id="mx_LanguageDropdown_value"
+                >
+                  <div>
+                    English
+                  </div>
+                </div>
+                <svg
+                  class="mx_Dropdown_arrow"
+                  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>
+        </div>
+      </main>
+    </div>
+    <footer
+      class="mx_AuthFooter"
+      role="contentinfo"
+    >
+      <a
+        href="https://element.io/blog"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Blog
+      </a>
+      <a
+        href="https://mastodon.matrix.org/@Element"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Mastodon
+      </a>
+      <a
+        href="https://github.com/element-hq/element-web"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        GitHub
+      </a>
+      <a
+        href="https://matrix.org"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Powered by Matrix
+      </a>
+    </footer>
+  </div>
+</div>
+`;
+
+exports[`<MatrixChat /> > qr login > should fire ViewQrLogin action on 'qr_login' route 1`] = `
+<div
+  aria-label="Sign in with QR code"
+  class=""
+  data-focus-lock-disabled="false"
+  role="dialog"
+  tabindex="-1"
+>
+  <div
+    class="mx_Dialog_header"
+  />
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="mx_LoginWithQR_spinner"
+      >
+        <div>
+          <div
+            class="mx_Spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              data-testid="spinner"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    />
+  </div>
+</div>
+`;
+
+exports[`<MatrixChat /> > qr login > should open QrLoginDialog on ViewQrLogin action 1`] = `
+<div
+  aria-label="Sign in with QR code"
+  class=""
+  data-focus-lock-disabled="false"
+  role="dialog"
+  tabindex="-1"
+>
+  <div
+    class="mx_Dialog_header"
+  />
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="mx_LoginWithQR_spinner"
+      >
+        <div>
+          <div
+            class="mx_Spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              data-testid="spinner"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    />
+  </div>
+</div>
+`;
+
+exports[`<MatrixChat /> > should render spinner while app is loading 1`] = `
+<div>
+  <div
+    class="mx_MatrixChat_splash"
+  >
+    <div
+      class="mx_Spinner"
+    >
+      <svg
+        aria-label="Loading…"
+        class="_icon_1855a_18"
+        data-testid="spinner"
+        fill="currentColor"
+        height="1em"
+        role="progressbar"
+        style="width: 32px; height: 32px;"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<MatrixChat /> > with a soft-logged-out session > should show the soft-logout page 1`] = `
+<div>
+  <div
+    class="mx_AuthPage"
+    style="background: url("themes/element/img/backgrounds/lake.jpg") center center / cover fixed;"
+  >
+    <div
+      class="mx_AuthPage_modal mx_AuthPage_modal_withBlur"
+      style="position: relative; background: ;"
+    >
+      <div
+        class="mx_AuthPage_modalBlur"
+        style="position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; filter: blur(40px); background: url("themes/element/img/backgrounds/lake.jpg") center center / cover fixed;"
+      />
+      <main
+        aria-live="polite"
+        class="mx_AuthPage_modalContent"
+        style="display: flex; z-index: 1; border-radius: inherit;"
+        tabindex="-1"
+      >
+        <div
+          class="mx_AuthHeader"
+        >
+          <aside
+            class="mx_AuthHeaderLogo"
+          >
+            <img
+              alt="Element"
+              src="themes/element/img/logos/element-logo.svg"
+            />
+          </aside>
+          <div
+            class="mx_Dropdown mx_LanguageDropdown mx_AuthBody_language"
+          >
+            <div
+              aria-describedby="mx_LanguageDropdown_value"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-label="Language Dropdown"
+              aria-owns="mx_LanguageDropdown_input"
+              class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
+              role="button"
+              tabindex="0"
+            >
+              <div
+                class="mx_Dropdown_option"
+                id="mx_LanguageDropdown_value"
+              >
+                <div>
+                  English
+                </div>
+              </div>
+              <svg
+                class="mx_Dropdown_arrow"
+                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>
+        <div
+          class="mx_AuthBody"
+        >
+          <h1>
+            You're signed out
+          </h1>
+          <h2>
+            Sign in
+          </h2>
+          <div>
+            <form>
+              <p>
+                Enter your password to sign in and regain access to your account.
+              </p>
+              <div
+                class="mx_Field mx_Field_input"
+              >
+                <input
+                  id="mx_Field_1"
+                  label="Password"
+                  placeholder="Password"
+                  type="password"
+                  value=""
+                />
+                <label
+                  for="mx_Field_1"
+                >
+                  Password
+                </label>
+              </div>
+              <div
+                class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+                role="button"
+                tabindex="0"
+              >
+                Sign in
+              </div>
+              <div
+                class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
+                role="button"
+                tabindex="0"
+              >
+                Forgotten your password?
+              </div>
+            </form>
+          </div>
+          <h2>
+            Clear personal data
+          </h2>
+          <p>
+            Warning: your personal data (including encryption keys) is still stored in this session. Clear it if you're finished using this session, or want to sign in to another account.
+          </p>
+          <div>
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger"
+              role="button"
+              tabindex="0"
+            >
+              Clear all data
+            </div>
+          </div>
+        </div>
+      </main>
+    </div>
+    <footer
+      class="mx_AuthFooter"
+      role="contentinfo"
+    >
+      <a
+        href="https://element.io/blog"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Blog
+      </a>
+      <a
+        href="https://mastodon.matrix.org/@Element"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Mastodon
+      </a>
+      <a
+        href="https://github.com/element-hq/element-web"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        GitHub
+      </a>
+      <a
+        href="https://matrix.org"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Powered by Matrix
+      </a>
+    </footer>
+  </div>
+</div>
+`;
+
+exports[`<MatrixChat /> > with an existing session > onAction() > room actions > leave_room > for a room > should launch a confirmation modal 1`] = `
+<div
+  aria-describedby="mx_Dialog_content"
+  aria-labelledby="mx_BaseDialog_title"
+  class="mx_QuestionDialog 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"
+    >
+      Leave room
+    </h1>
+  </div>
+  <div
+    class="mx_Dialog_content"
+    id="mx_Dialog_content"
+  >
+    <span>
+      Are you sure you want to leave the room '!room:server.org'?
+    </span>
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <span
+      class="mx_Dialog_buttons_row"
+    >
+      <button
+        class="cancel"
+        data-testid="dialog-cancel-button"
+        type="button"
+      >
+        Cancel
+      </button>
+      <button
+        class="mx_Dialog_primary"
+        data-testid="dialog-primary-button"
+        type="button"
+      >
+        Leave
+      </button>
+    </span>
+  </div>
+  <div
+    aria-describedby="react-use-id-1"
+    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>
+`;
+
+exports[`<MatrixChat /> > with an existing session > onAction() > room actions > leave_room > for a space > should launch a confirmation modal 1`] = `
+<div
+  aria-describedby="mx_Dialog_content"
+  aria-labelledby="mx_BaseDialog_title"
+  class="mx_QuestionDialog 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"
+    >
+      Leave space
+    </h1>
+  </div>
+  <div
+    class="mx_Dialog_content"
+    id="mx_Dialog_content"
+  >
+    <span>
+      Are you sure you want to leave the space '!spaceRoom:server.org'?
+    </span>
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <span
+      class="mx_Dialog_buttons_row"
+    >
+      <button
+        class="cancel"
+        data-testid="dialog-cancel-button"
+        type="button"
+      >
+        Cancel
+      </button>
+      <button
+        class="mx_Dialog_primary"
+        data-testid="dialog-primary-button"
+        type="button"
+      >
+        Leave
+      </button>
+    </span>
+  </div>
+  <div
+    aria-describedby="react-use-id-1"
+    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>
+`;
diff --git a/apps/web/src/components/structures/auth/CompleteSecurity.test.tsx b/apps/web/src/components/structures/auth/CompleteSecurity.test.tsx
new file mode 100644
index 00000000000..156c4015bd6
--- /dev/null
+++ b/apps/web/src/components/structures/auth/CompleteSecurity.test.tsx
@@ -0,0 +1,150 @@
+/*
+Copyright 2024 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import React from "react";
+import { act, render, screen } from "test-utils-rtl";
+import EventEmitter from "node:events";
+import { stubClient } from "test-utils";
+
+import CompleteSecurity from "./CompleteSecurity";
+import { Phase, SetupEncryptionStore } from "../../../stores/SetupEncryptionStore";
+import SdkConfig from "../../../SdkConfig";
+
+class MockSetupEncryptionStore extends EventEmitter {
+    public phase: Phase = Phase.Intro;
+    public lostKeys(): boolean {
+        return false;
+    }
+
+    public start: () => void = vi.fn();
+    public stop: () => void = vi.fn();
+}
+
+describe("CompleteSecurity", () => {
+    beforeEach(() => {
+        const client = stubClient();
+        const deviceIdToDevice = new Map();
+        deviceIdToDevice.set("DEVICE_ID", {
+            deviceId: "DEVICE_ID",
+            userId: "USER_ID",
+        });
+        const userIdToDevices = new Map();
+        userIdToDevices.set("USER_ID", deviceIdToDevice);
+        vi.mocked(client.getCrypto()!.getUserDeviceInfo).mockResolvedValue(userIdToDevices);
+
+        const mockSetupEncryptionStore = new MockSetupEncryptionStore();
+        vi.spyOn(SetupEncryptionStore, "sharedInstance").mockReturnValue(
+            mockSetupEncryptionStore as SetupEncryptionStore,
+        );
+    });
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("Renders with a cancel button by default", () => {
+        render(<CompleteSecurity onFinished={() => {}} />);
+
+        expect(screen.getByRole("button", { name: "Skip verification for now" })).toBeInTheDocument();
+    });
+
+    it("Renders with a cancel button if forceVerification false", () => {
+        vi.spyOn(SdkConfig, "get").mockImplementation((key: string) => {
+            if (key === "forceVerification") {
+                return false;
+            }
+        });
+
+        render(<CompleteSecurity onFinished={() => {}} />);
+
+        expect(screen.getByRole("button", { name: "Skip verification for now" })).toBeInTheDocument();
+    });
+
+    it("Renders without a cancel button if forceVerification true", () => {
+        vi.spyOn(SdkConfig, "get").mockImplementation((key: string) => {
+            if (key === "force_verification") {
+                return true;
+            }
+        });
+
+        render(<CompleteSecurity onFinished={() => {}} />);
+
+        expect(screen.queryByRole("button", { name: "Skip verification for now" })).not.toBeInTheDocument();
+    });
+
+    it("Renders a warning if user hits Reset", async () => {
+        // Given a store and a dialog based on it
+        const store = new SetupEncryptionStore();
+        vi.spyOn(SetupEncryptionStore, "sharedInstance").mockReturnValue(store);
+        const panel = await act(() => render(<CompleteSecurity onFinished={() => {}} />));
+
+        // No recovery methods are available, so only the "Can't confirm?" button should be visible
+        expect(screen.queryByRole("button", { name: "Can't confirm?" })).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: "Use another device" })).not.toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: "Use recovery key" })).not.toBeInTheDocument();
+
+        // When we hit reset
+        await act(async () => panel.getByRole("button", { name: "Can't confirm?" }).click());
+
+        // Then the reset identity dialog appears
+        expect(screen.getByRole("heading", { name: "You need to reset your digital identity" })).toBeInTheDocument();
+        expect(panel.getByRole("button", { name: "Continue" })).toBeInTheDocument();
+    });
+
+    it("Allows verifying with another device if one is available", async () => {
+        // Given a store and a dialog based on it
+        const store = new SetupEncryptionStore();
+        vi.spyOn(store, "fetchKeyInfo").mockImplementation(async () => {
+            store.hasDevicesToVerifyAgainst = true;
+            store.phase = Phase.Intro;
+            store.emit("update");
+        });
+        vi.spyOn(SetupEncryptionStore, "sharedInstance").mockReturnValue(store);
+        const panel = await act(() => render(<CompleteSecurity onFinished={() => {}} />));
+
+        // The snapshot should have "Use another device" and "Can't confirm?"
+        // buttons, but no "Use recovery key".
+        expect(panel.asFragment()).toMatchSnapshot();
+
+        // When we hit reset
+        await act(async () => panel.getByRole("button", { name: "Can't confirm?" }).click());
+
+        // Then the reset identity dialog appears, and should have a different
+        // title from when there were no verification methods available.
+        expect(
+            screen.getByRole("heading", { name: "Are you sure you want to reset your digital identity?" }),
+        ).toBeInTheDocument();
+    });
+
+    it("Allows verifying with recovery key if one is available", async () => {
+        // Given a store and a dialog based on it
+        const store = new SetupEncryptionStore();
+        vi.spyOn(store, "fetchKeyInfo").mockImplementation(async () => {
+            store.keyInfo = {} as any;
+            store.phase = Phase.Intro;
+            store.emit("update");
+        });
+        vi.spyOn(SetupEncryptionStore, "sharedInstance").mockReturnValue(store);
+        const panel = await act(() => render(<CompleteSecurity onFinished={() => {}} />));
+
+        // The snapshot should have "Use recovery key" and "Can't confirm?"
+        // buttons, but no "Use another device".
+        expect(panel.asFragment()).toMatchSnapshot();
+
+        // When we hit reset
+        await act(async () => panel.getByRole("button", { name: "Can't confirm?" }).click());
+
+        // Then the reset identity dialog appears, and should have a different
+        // title from when there were no verification methods available.
+        expect(
+            screen.getByRole("heading", { name: "Are you sure you want to reset your digital identity?" }),
+        ).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/src/components/structures/auth/CompleteSecurity.tsx b/apps/web/src/components/structures/auth/CompleteSecurity.tsx
new file mode 100644
index 00000000000..27676bb5615
--- /dev/null
+++ b/apps/web/src/components/structures/auth/CompleteSecurity.tsx
@@ -0,0 +1,119 @@
+/*
+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 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";
+import SetupEncryptionBody from "./SetupEncryptionBody";
+import AccessibleButton from "../../views/elements/AccessibleButton";
+import CompleteSecurityBody from "../../views/auth/CompleteSecurityBody";
+import AuthPage from "../../views/auth/AuthPage";
+import SdkConfig from "../../../SdkConfig";
+import E2EIcon from "../../views/rooms/E2EIcon.tsx";
+import { E2EStatus } from "../../../utils/ShieldUtils.ts";
+
+interface IProps {
+    onFinished: () => void;
+}
+
+interface IState {
+    phase?: Phase;
+}
+
+/**
+ * Prompts the user to verify their device when they first log in.
+ */
+export default class CompleteSecurity extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+        const store = SetupEncryptionStore.sharedInstance();
+        store.start();
+        this.state = { phase: store.phase };
+    }
+
+    public componentDidMount(): void {
+        const store = SetupEncryptionStore.sharedInstance();
+        store.on("update", this.onStoreUpdate);
+    }
+
+    private onStoreUpdate = (): void => {
+        const store = SetupEncryptionStore.sharedInstance();
+        this.setState({ phase: store.phase });
+    };
+
+    private onSkipClick = (): void => {
+        const store = SetupEncryptionStore.sharedInstance();
+        store.skip();
+    };
+
+    public componentWillUnmount(): void {
+        const store = SetupEncryptionStore.sharedInstance();
+        store.off("update", this.onStoreUpdate);
+        store.stop();
+    }
+
+    public render(): React.ReactNode {
+        const { phase } = this.state;
+        let icon;
+        let title;
+
+        if (phase === Phase.Loading) {
+            return null;
+        } else if (phase === Phase.Intro) {
+            // We don't specify an icon nor title since `SetupEncryptionBody` provides its own
+        } else if (phase === Phase.Done) {
+            icon = <E2EIcon className="mx_CompleteSecurity_headerIcon" status={E2EStatus.Verified} hideTooltip />;
+            title = _t("encryption|verification|after_new_login|device_verified");
+        } else if (phase === Phase.ConfirmSkip) {
+            icon = <E2EIcon className="mx_CompleteSecurity_headerIcon" status={E2EStatus.Warning} hideTooltip />;
+            title = _t("common|are_you_sure");
+        } else if (phase === Phase.Busy) {
+            icon = <E2EIcon className="mx_CompleteSecurity_headerIcon" status={E2EStatus.Warning} hideTooltip />;
+            title = _t("encryption|verification|after_new_login|verify_this_device");
+        } else if (phase === Phase.Finished) {
+            // SetupEncryptionBody will take care of calling onFinished, we don't need to do anything
+        } else {
+            throw new Error(`Unknown phase ${phase}`);
+        }
+
+        const forceVerification = SdkConfig.get("force_verification");
+
+        let skipButton;
+        if (!forceVerification && phase === Phase.Intro) {
+            skipButton = (
+                <AccessibleButton
+                    onClick={this.onSkipClick}
+                    className="mx_CompleteSecurity_skip"
+                    aria-label={_t("encryption|verification|after_new_login|skip_verification")}
+                >
+                    <CloseIcon />
+                </AccessibleButton>
+            );
+        }
+
+        return (
+            <AuthPage addBlur={false}>
+                <Glass className="mx_Dialog_border">
+                    <CompleteSecurityBody>
+                        <h1 className="mx_CompleteSecurity_header">
+                            {icon}
+                            {title}
+                            {skipButton}
+                        </h1>
+                        <div className="mx_CompleteSecurity_body">
+                            <SetupEncryptionBody onFinished={this.props.onFinished} allowLogout={true} />
+                        </div>
+                    </CompleteSecurityBody>
+                </Glass>
+            </AuthPage>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/auth/ConfirmSessionLockTheftView.tsx b/apps/web/src/components/structures/auth/ConfirmSessionLockTheftView.tsx
new file mode 100644
index 00000000000..097a6aa5b74
--- /dev/null
+++ b/apps/web/src/components/structures/auth/ConfirmSessionLockTheftView.tsx
@@ -0,0 +1,38 @@
+/*
+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 JSX } from "react";
+
+import { _t } from "../../../languageHandler";
+import SdkConfig from "../../../SdkConfig";
+import AccessibleButton from "../../views/elements/AccessibleButton";
+
+interface Props {
+    /** Callback which the view will call if the user confirms they want to use this window */
+    onConfirm: () => void;
+}
+
+/**
+ * Component shown by {@link MatrixChat} when another session is already active in the same browser and we need to
+ * confirm if we should steal its lock
+ */
+export function ConfirmSessionLockTheftView(props: Props): JSX.Element {
+    const brand = SdkConfig.get().brand;
+
+    return (
+        <div className="mx_ConfirmSessionLockTheftView">
+            <div className="mx_ConfirmSessionLockTheftView_body">
+                <p>{_t("error_app_opened_in_another_window", { brand, label: _t("action|continue") })}</p>
+
+                <AccessibleButton kind="primary" onClick={props.onConfirm}>
+                    {_t("action|continue")}
+                </AccessibleButton>
+            </div>
+        </div>
+    );
+}
diff --git a/apps/web/src/components/structures/auth/E2eSetup.test.tsx b/apps/web/src/components/structures/auth/E2eSetup.test.tsx
new file mode 100644
index 00000000000..5d98fc3254a
--- /dev/null
+++ b/apps/web/src/components/structures/auth/E2eSetup.test.tsx
@@ -0,0 +1,37 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterEach } from "vitest";
+import React from "react";
+import { render } from "test-utils-rtl";
+
+import E2eSetup from "./E2eSetup.tsx";
+import { InitialCryptoSetupStore } from "../../../stores/InitialCryptoSetupStore.ts";
+
+afterEach(() => vi.restoreAllMocks());
+
+describe("LeftPanel", () => {
+    it("should call `onCancelled` when the user clicks the cancel button", () => {
+        const mockInitialCryptoSetupStore = {
+            getStatus: vi.fn(),
+            on: vi.fn(),
+            off: vi.fn(),
+        };
+        vi.spyOn(InitialCryptoSetupStore, "sharedInstance").mockReturnValue(mockInitialCryptoSetupStore as any);
+
+        // We need the setup process to have failed, for the dialog to present a cancel button.
+        vi.mocked(mockInitialCryptoSetupStore.getStatus).mockReturnValue("error");
+
+        const onCancelled = vi.fn();
+        const { getByRole } = render(<E2eSetup onCancelled={onCancelled} />);
+
+        getByRole("button", { name: "Cancel" }).click();
+        expect(onCancelled).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/src/components/structures/auth/E2eSetup.tsx b/apps/web/src/components/structures/auth/E2eSetup.tsx
new file mode 100644
index 00000000000..af3003dd275
--- /dev/null
+++ b/apps/web/src/components/structures/auth/E2eSetup.tsx
@@ -0,0 +1,33 @@
+/*
+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 from "react";
+
+import AuthPage from "../../views/auth/AuthPage";
+import CompleteSecurityBody from "../../views/auth/CompleteSecurityBody";
+import { InitialCryptoSetupDialog } from "../../views/dialogs/security/InitialCryptoSetupDialog";
+
+interface IProps {
+    /** Callback which is called if the crypto setup failed, and the user clicked the 'cancel' button */
+    onCancelled: () => void;
+}
+
+/**
+ * An {@link AuthPage} which shows the {@link InitialCryptoSetupDialog}.
+ */
+export default class E2eSetup extends React.Component<IProps> {
+    public render(): React.ReactNode {
+        return (
+            <AuthPage>
+                <CompleteSecurityBody>
+                    <InitialCryptoSetupDialog onCancelled={this.props.onCancelled} />
+                </CompleteSecurityBody>
+            </AuthPage>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/auth/ForgotPassword.test.tsx b/apps/web/src/components/structures/auth/ForgotPassword.test.tsx
new file mode 100644
index 00000000000..cd03e4e9104
--- /dev/null
+++ b/apps/web/src/components/structures/auth/ForgotPassword.test.tsx
@@ -0,0 +1,400 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import React from "react";
+import { render, type RenderResult, screen, waitFor, cleanup } from "test-utils-rtl";
+import userEvent from "@testing-library/user-event";
+import { type MatrixClient, createClient } from "matrix-js-sdk/src/matrix";
+import { clearAllModals, filterConsole, stubClient, waitEnoughCyclesForModal } from "test-utils";
+
+import ForgotPassword from "./ForgotPassword";
+import { type ValidatedServerConfig } from "../../../utils/ValidatedServerConfig";
+import AutoDiscoveryUtils from "../../../utils/AutoDiscoveryUtils";
+
+vi.mock("matrix-js-sdk/src/matrix", async () => ({
+    ...(await vi.importActual("matrix-js-sdk/src/matrix")),
+    createClient: vi.fn(),
+}));
+
+describe("<ForgotPassword>", () => {
+    const testEmail = "user@example.com";
+    const testSid = "sid42";
+    const testPassword = "cRaZyP4ssw0rd!";
+    let client: MatrixClient;
+    let serverConfig: ValidatedServerConfig;
+    let onComplete: () => void;
+    let onLoginClick: () => void;
+    let renderResult: RenderResult;
+
+    const typeIntoField = async (label: string, value: string): Promise<void> => {
+        await userEvent.type(screen.getByLabelText(label), value, { delay: null });
+    };
+
+    const click = async (element: Element): Promise<void> => {
+        await userEvent.click(element, { delay: null });
+    };
+
+    const itShouldCloseTheDialogAndShowThePasswordInput = (): void => {
+        it("should close the dialog and show the password input", async () => {
+            await waitFor(() => expect(screen.queryByText("Verify your email to continue")).not.toBeInTheDocument());
+            expect(screen.getByText("Reset your password")).toBeInTheDocument();
+        });
+    };
+
+    filterConsole(
+        // not implemented by js-dom https://github.com/jsdom/jsdom/issues/1937
+        "Not implemented: HTMLFormElement.prototype.requestSubmit",
+    );
+
+    beforeEach(() => {
+        client = stubClient();
+        vi.mocked(createClient).mockReturnValue(client);
+
+        serverConfig = { hsName: "example.com" } as ValidatedServerConfig;
+
+        onComplete = vi.fn();
+        onLoginClick = vi.fn();
+
+        vi.spyOn(AutoDiscoveryUtils, "validateServerConfigWithStaticUrls").mockResolvedValue(serverConfig);
+        vi.spyOn(AutoDiscoveryUtils, "authComponentStateForError");
+    });
+
+    afterEach(async () => {
+        // clean up modals
+        await clearAllModals();
+        cleanup();
+    });
+
+    describe("when starting a password reset flow", () => {
+        beforeEach(() => {
+            renderResult = render(
+                <ForgotPassword serverConfig={serverConfig} onComplete={onComplete} onLoginClick={onLoginClick} />,
+            );
+        });
+
+        it("should show the email input and mention the homeserver", () => {
+            expect(screen.queryByLabelText("Email address")).toBeInTheDocument();
+            expect(screen.queryByText("example.com")).toBeInTheDocument();
+        });
+
+        describe("and updating the server config", () => {
+            beforeEach(() => {
+                serverConfig.hsName = "example2.com";
+                renderResult.rerender(
+                    <ForgotPassword serverConfig={serverConfig} onComplete={onComplete} onLoginClick={onLoginClick} />,
+                );
+            });
+
+            it("should show the new homeserver server name", () => {
+                expect(screen.queryByText("example2.com")).toBeInTheDocument();
+            });
+        });
+
+        describe("and clicking »Sign in instead«", () => {
+            beforeEach(async () => {
+                await click(screen.getByText("Sign in instead"));
+            });
+
+            it("should call onLoginClick()", () => {
+                expect(onLoginClick).toHaveBeenCalled();
+            });
+        });
+
+        describe("and entering a non-email value", () => {
+            beforeEach(async () => {
+                await typeIntoField("Email address", "not en email");
+            });
+
+            it("should show a message about the wrong format", async () => {
+                await expect(
+                    screen.findByText("The email address doesn't appear to be valid."),
+                ).resolves.toBeInTheDocument();
+            });
+        });
+
+        describe("and submitting an unknown email", () => {
+            beforeEach(async () => {
+                vi.mocked(AutoDiscoveryUtils.validateServerConfigWithStaticUrls).mockResolvedValue(serverConfig);
+                await typeIntoField("Email address", testEmail);
+                vi.mocked(client).requestPasswordEmailToken.mockRejectedValue({
+                    errcode: "M_THREEPID_NOT_FOUND",
+                });
+                await click(screen.getByText("Send email"));
+            });
+
+            it("should show an email not found message", async () => {
+                await expect(screen.findByText("This email address was not found")).resolves.toBeInTheDocument();
+            });
+        });
+
+        describe("and a connection error occurs", () => {
+            beforeEach(async () => {
+                await typeIntoField("Email address", testEmail);
+                vi.mocked(client).requestPasswordEmailToken.mockRejectedValue({
+                    name: "ConnectionError",
+                });
+                await click(screen.getByText("Send email"));
+            });
+
+            it("should show an info about that", async () => {
+                await expect(
+                    screen.findByText(
+                        "Cannot reach homeserver: Ensure you have a stable internet connection, or get in touch with the server admin",
+                    ),
+                ).resolves.toBeInTheDocument();
+            });
+        });
+
+        describe("and the server liveness check fails", () => {
+            beforeEach(async () => {
+                await typeIntoField("Email address", testEmail);
+                vi.mocked(AutoDiscoveryUtils.validateServerConfigWithStaticUrls).mockRejectedValue({});
+                vi.mocked(AutoDiscoveryUtils.authComponentStateForError).mockReturnValue({
+                    serverErrorIsFatal: true,
+                    serverIsAlive: false,
+                    serverDeadError: "server down",
+                });
+                await click(screen.getByText("Send email"));
+            });
+
+            it("should show the server error", async () => {
+                await expect(screen.findByText("server down")).resolves.toBeInTheDocument();
+            });
+        });
+
+        describe("and submitting an known email", () => {
+            beforeEach(async () => {
+                await typeIntoField("Email address", testEmail);
+                vi.mocked(client).requestPasswordEmailToken.mockResolvedValue({
+                    sid: testSid,
+                });
+                await click(screen.getByText("Send email"));
+            });
+
+            it("should send the mail and show the check email view", () => {
+                expect(client.requestPasswordEmailToken).toHaveBeenCalledWith(
+                    testEmail,
+                    expect.any(String),
+                    1, // second send attempt
+                );
+                expect(screen.getByText("Check your email to continue")).toBeInTheDocument();
+                expect(screen.getByText(testEmail)).toBeInTheDocument();
+            });
+
+            describe("and clicking »Re-enter email address«", () => {
+                beforeEach(async () => {
+                    await click(screen.getByText("Re-enter email address"));
+                });
+
+                it("go back to the email input", () => {
+                    expect(screen.queryByText("Enter your email to reset password")).toBeInTheDocument();
+                });
+            });
+
+            describe("and clicking »Resend«", () => {
+                beforeEach(async () => {
+                    await click(screen.getByText("Resend"));
+                });
+
+                it("should should resend the mail and show the tooltip", () => {
+                    expect(client.requestPasswordEmailToken).toHaveBeenCalledWith(
+                        testEmail,
+                        expect.any(String),
+                        2, // second send attempt
+                    );
+                    expect(
+                        screen.getByRole("tooltip", { name: "Verification link email resent!" }),
+                    ).toBeInTheDocument();
+                });
+            });
+
+            describe("and clicking »Next«", () => {
+                beforeEach(async () => {
+                    await click(screen.getByText("Next"));
+                });
+
+                it("should show the password input view", () => {
+                    expect(screen.getByText("Reset your password")).toBeInTheDocument();
+                });
+
+                describe("and entering different passwords", () => {
+                    beforeEach(async () => {
+                        await typeIntoField("New Password", testPassword);
+                        await typeIntoField("Confirm new password", testPassword + "asd");
+                    });
+
+                    it("should show an info about that", async () => {
+                        await expect(
+                            screen.findByText("New passwords must match each other."),
+                        ).resolves.toBeInTheDocument();
+                    });
+                });
+
+                describe("and entering a new password", () => {
+                    beforeEach(async () => {
+                        vi.mocked(client.setPassword).mockRejectedValue({ httpStatus: 401 });
+                        await typeIntoField("New Password", testPassword);
+                        await typeIntoField("Confirm new password", testPassword);
+                    });
+
+                    describe("and submitting it running into rate limiting", () => {
+                        beforeEach(async () => {
+                            vi.mocked(client.setPassword).mockRejectedValue({
+                                message: "rate limit reached",
+                                httpStatus: 429,
+                                data: {
+                                    retry_after_ms: (13 * 60 + 37) * 1000,
+                                },
+                            });
+                            await click(screen.getByText("Reset password"));
+                        });
+
+                        it("should show the rate limit error message", () => {
+                            expect(
+                                screen.getByText("Too many attempts in a short time. Retry after 13:37."),
+                            ).toBeInTheDocument();
+                        });
+                    });
+
+                    describe("and confirm the email link and submitting the new password", () => {
+                        beforeEach(async () => {
+                            // fake link confirmed by resolving client.setPassword instead of raising an error
+                            vi.mocked(client.setPassword).mockResolvedValue({});
+                            await click(screen.getByText("Reset password"));
+                        });
+
+                        it("should send the new password (once)", async () => {
+                            expect(client.setPassword).toHaveBeenCalledWith(
+                                {
+                                    type: "m.login.email.identity",
+                                    threepid_creds: {
+                                        client_secret: expect.any(String),
+                                        sid: testSid,
+                                    },
+                                },
+                                testPassword,
+                                false,
+                            );
+
+                            // it should not retry to set the password
+                            await waitFor(() => expect(client.setPassword).toHaveBeenCalledTimes(1));
+                        });
+                    });
+
+                    describe("and submitting it", () => {
+                        beforeEach(async () => {
+                            await click(screen.getByText("Reset password"));
+                            await waitEnoughCyclesForModal();
+                        });
+
+                        it("should send the new password and show the click validation link dialog", async () => {
+                            expect(client.setPassword).toHaveBeenCalledWith(
+                                {
+                                    type: "m.login.email.identity",
+                                    threepid_creds: {
+                                        client_secret: expect.any(String),
+                                        sid: testSid,
+                                    },
+                                },
+                                testPassword,
+                                false,
+                            );
+                            await expect(
+                                screen.findByText("Verify your email to continue"),
+                            ).resolves.toBeInTheDocument();
+                            expect(screen.getByText(testEmail)).toBeInTheDocument();
+                        });
+
+                        describe("and dismissing the dialog by clicking the background", () => {
+                            beforeEach(async () => {
+                                await userEvent.click(await screen.findByTestId("dialog-background"), { delay: null });
+                                await waitEnoughCyclesForModal();
+                            });
+
+                            itShouldCloseTheDialogAndShowThePasswordInput();
+                        });
+
+                        describe("and dismissing the dialog", () => {
+                            beforeEach(async () => {
+                                await click(await screen.findByLabelText("Close dialog"));
+                                await waitEnoughCyclesForModal();
+                            });
+
+                            itShouldCloseTheDialogAndShowThePasswordInput();
+                        });
+
+                        describe("and clicking »Re-enter email address«", () => {
+                            beforeEach(async () => {
+                                await click(await screen.findByText("Re-enter email address"));
+                                await waitEnoughCyclesForModal();
+                            });
+
+                            it("should close the dialog and go back to the email input", async () => {
+                                await waitFor(() =>
+                                    expect(screen.queryByText("Verify your email to continue")).not.toBeInTheDocument(),
+                                );
+                                expect(screen.queryByText("Enter your email to reset password")).toBeInTheDocument();
+                            });
+                        });
+                    });
+
+                    describe("and validating the link from the mail", () => {
+                        beforeEach(async () => {
+                            vi.mocked(client.setPassword).mockResolvedValue({});
+                            await click(screen.getByText("Reset password"));
+                            // flush promises for the modal to disappear
+                            await waitEnoughCyclesForModal();
+                            await waitEnoughCyclesForModal();
+                        });
+
+                        it("should display the confirm reset view and now show the dialog", async () => {
+                            await expect(
+                                screen.findByText("Your password has been reset."),
+                            ).resolves.toBeInTheDocument();
+                            expect(screen.queryByText("Verify your email to continue")).not.toBeInTheDocument();
+                        });
+                    });
+
+                    describe("and clicking »Remove other devices« and »Reset password«", () => {
+                        beforeEach(async () => {
+                            await click(screen.getByText("Remove other devices"));
+                            await click(screen.getByText("Reset password"));
+                        });
+
+                        it("should show the removing warning dialog", async () => {
+                            await expect(
+                                screen.findByText(
+                                    "Removing your devices will delete the message encryption keys stored on them, making encrypted chat history unreadable.",
+                                ),
+                            ).resolves.toBeInTheDocument();
+
+                            // confirm dialog
+                            await click(screen.getByText("Continue"));
+
+                            // expect setPassword with logoutDevices = true
+                            expect(client.setPassword).toHaveBeenCalledWith(
+                                {
+                                    type: "m.login.email.identity",
+                                    threepid_creds: {
+                                        client_secret: expect.any(String),
+                                        sid: testSid,
+                                    },
+                                },
+                                testPassword,
+                                true,
+                            );
+                        });
+                    });
+                });
+            });
+        });
+    });
+});
diff --git a/apps/web/src/components/structures/auth/ForgotPassword.tsx b/apps/web/src/components/structures/auth/ForgotPassword.tsx
new file mode 100644
index 00000000000..e6de8edb8ba
--- /dev/null
+++ b/apps/web/src/components/structures/auth/ForgotPassword.tsx
@@ -0,0 +1,478 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2017, 2018 , 2019 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.
+*/
+
+import React, { type JSX, type ReactNode } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { sleep } from "matrix-js-sdk/src/utils";
+import { LockSolidIcon, CheckIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Button, Form } from "@vector-im/compound-web";
+
+import { _t, _td } from "../../../languageHandler";
+import Modal from "../../../Modal";
+import PasswordReset from "../../../PasswordReset";
+import AuthPage from "../../views/auth/AuthPage";
+import PassphraseField from "../../views/auth/PassphraseField";
+import { PASSWORD_MIN_SCORE } from "../../views/auth/RegistrationForm";
+import AuthHeader from "../../views/auth/AuthHeader";
+import AuthBody from "../../views/auth/AuthBody";
+import PassphraseConfirmField from "../../views/auth/PassphraseConfirmField";
+import StyledCheckbox from "../../views/elements/StyledCheckbox";
+import { type ValidatedServerConfig } from "../../../utils/ValidatedServerConfig";
+import QuestionDialog from "../../views/dialogs/QuestionDialog";
+import { EnterEmail } from "./forgot-password/EnterEmail";
+import { CheckEmail } from "./forgot-password/CheckEmail";
+import type Field from "../../views/elements/Field";
+import { ErrorMessage } from "../ErrorMessage";
+import { VerifyEmailModal } from "./forgot-password/VerifyEmailModal";
+import Spinner from "../../views/elements/Spinner";
+import { formatSeconds } from "../../../DateUtils";
+import AutoDiscoveryUtils from "../../../utils/AutoDiscoveryUtils";
+
+const emailCheckInterval = 2000;
+
+enum Phase {
+    // Show email input
+    EnterEmail = 1,
+    // Email is in the process of being sent
+    SendingEmail = 2,
+    // Email has been sent
+    EmailSent = 3,
+    // Show new password input
+    PasswordInput = 4,
+    // Password is in the process of being reset
+    ResettingPassword = 5,
+    // All done
+    Done = 6,
+}
+
+interface Props {
+    serverConfig: ValidatedServerConfig;
+    onLoginClick: () => void;
+    onComplete: () => void;
+}
+
+interface State {
+    phase: Phase;
+    email: string;
+    password: string;
+    password2: string;
+    errorText: string | ReactNode | null;
+
+    // We perform liveliness checks later, but for now suppress the errors.
+    // We also track the server dead errors independently of the regular errors so
+    // that we can render it differently, and override any other error the user may
+    // be seeing.
+    serverIsAlive: boolean;
+    serverDeadError: string;
+
+    logoutDevices: boolean;
+}
+
+export default class ForgotPassword extends React.Component<Props, State> {
+    private unmounted = false;
+    private reset: PasswordReset;
+    private fieldPassword: Field | null = null;
+    private fieldPasswordConfirm: Field | null = null;
+
+    public constructor(props: Props) {
+        super(props);
+        this.state = {
+            phase: Phase.EnterEmail,
+            email: "",
+            password: "",
+            password2: "",
+            errorText: null,
+            // We perform liveliness checks later, but for now suppress the errors.
+            // We also track the server dead errors independently of the regular errors so
+            // that we can render it differently, and override any other error the user may
+            // be seeing.
+            serverIsAlive: true,
+            serverDeadError: "",
+            logoutDevices: false,
+        };
+        this.reset = new PasswordReset(this.props.serverConfig.hsUrl, this.props.serverConfig.isUrl);
+    }
+
+    public componentDidUpdate(prevProps: Readonly<Props>): void {
+        if (
+            prevProps.serverConfig.hsUrl !== this.props.serverConfig.hsUrl ||
+            prevProps.serverConfig.isUrl !== this.props.serverConfig.isUrl
+        ) {
+            // Do a liveliness check on the new URLs
+            this.checkServerLiveliness(this.props.serverConfig);
+        }
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+    }
+
+    private async checkServerLiveliness(serverConfig: ValidatedServerConfig): Promise<boolean> {
+        try {
+            await AutoDiscoveryUtils.validateServerConfigWithStaticUrls(serverConfig.hsUrl, serverConfig.isUrl);
+            if (this.unmounted) return false;
+
+            this.setState({
+                serverIsAlive: true,
+            });
+        } catch (e: any) {
+            if (this.unmounted) return false;
+            const { serverIsAlive, serverDeadError } = AutoDiscoveryUtils.authComponentStateForError(
+                e,
+                "forgot_password",
+            );
+            this.setState({
+                serverIsAlive,
+                errorText: serverDeadError,
+            });
+            return serverIsAlive;
+        }
+        return true;
+    }
+
+    private async onPhaseEmailInputSubmit(): Promise<void> {
+        this.phase = Phase.SendingEmail;
+
+        if (await this.sendVerificationMail()) {
+            this.phase = Phase.EmailSent;
+            return;
+        }
+
+        this.phase = Phase.EnterEmail;
+    }
+
+    private sendVerificationMail = async (): Promise<boolean> => {
+        try {
+            await this.reset.requestResetToken(this.state.email);
+            return true;
+        } catch (err: any) {
+            this.handleError(err);
+        }
+
+        return false;
+    };
+
+    private handleError(err: any): void {
+        if (err?.httpStatus === 429) {
+            // 429: rate limit
+            const retryAfterMs = parseInt(err?.data?.retry_after_ms, 10);
+
+            const errorText = isNaN(retryAfterMs)
+                ? _t("auth|reset_password|rate_limit_error")
+                : _t("auth|reset_password|rate_limit_error_with_time", {
+                      timeout: formatSeconds(retryAfterMs / 1000),
+                  });
+
+            this.setState({
+                errorText,
+            });
+            return;
+        }
+
+        if (err?.name === "ConnectionError") {
+            this.setState({
+                errorText: _t("cannot_reach_homeserver") + ": " + _t("cannot_reach_homeserver_detail"),
+            });
+            return;
+        }
+
+        this.setState({
+            errorText: err.message,
+        });
+    }
+
+    private async onPhaseEmailSentSubmit(): Promise<void> {
+        this.setState({
+            phase: Phase.PasswordInput,
+        });
+    }
+
+    private set phase(phase: Phase) {
+        this.setState({ phase });
+    }
+
+    private async verifyFieldsBeforeSubmit(): Promise<boolean> {
+        const fieldIdsInDisplayOrder = [this.fieldPassword, this.fieldPasswordConfirm];
+
+        const invalidFields: Field[] = [];
+
+        for (const field of fieldIdsInDisplayOrder) {
+            if (!field) continue;
+
+            const valid = await field.validate({ allowEmpty: false });
+            if (!valid) {
+                invalidFields.push(field);
+            }
+        }
+
+        if (invalidFields.length === 0) {
+            return true;
+        }
+
+        // Focus on the first invalid field, then re-validate,
+        // which will result in the error tooltip being displayed for that field.
+        invalidFields[0].focus();
+        invalidFields[0].validate({ allowEmpty: false, focused: true });
+
+        return false;
+    }
+
+    private async onPhasePasswordInputSubmit(): Promise<void> {
+        if (!(await this.verifyFieldsBeforeSubmit())) return;
+
+        if (this.state.logoutDevices) {
+            const logoutDevicesConfirmation = await this.renderConfirmLogoutDevicesDialog();
+            if (!logoutDevicesConfirmation) return;
+        }
+
+        this.phase = Phase.ResettingPassword;
+        this.reset.setLogoutDevices(this.state.logoutDevices);
+
+        try {
+            await this.reset.setNewPassword(this.state.password);
+            this.setState({ phase: Phase.Done });
+            return;
+        } catch (err: any) {
+            if (err.httpStatus !== 401) {
+                // 401 = waiting for email verification, else unknown error
+                this.handleError(err);
+                return;
+            }
+        }
+
+        const modal = Modal.createDialog(
+            VerifyEmailModal,
+            {
+                email: this.state.email,
+                errorText: this.state.errorText,
+                onCloseClick: () => {
+                    modal.close();
+                    this.setState({ phase: Phase.PasswordInput });
+                },
+                onReEnterEmailClick: () => {
+                    modal.close();
+                    this.setState({ phase: Phase.EnterEmail });
+                },
+                onResendClick: this.sendVerificationMail,
+            },
+            "mx_VerifyEMailDialog",
+            false,
+            false,
+            {
+                onBeforeClose: async (reason?: string): Promise<boolean> => {
+                    if (reason === "backgroundClick") {
+                        // Modal dismissed by clicking the background.
+                        // Go one phase back.
+                        this.setState({ phase: Phase.PasswordInput });
+                    }
+
+                    return true;
+                },
+            },
+        );
+
+        // Don't retry if the phase changed. For example when going back to email input.
+        while (this.state.phase === Phase.ResettingPassword) {
+            try {
+                await this.reset.setNewPassword(this.state.password);
+                this.setState({ phase: Phase.Done });
+                modal.close();
+            } catch {
+                // Email not confirmed, yet. Retry after a while.
+                await sleep(emailCheckInterval);
+            }
+        }
+    }
+
+    private onSubmitForm = async (ev: React.FormEvent): Promise<void> => {
+        ev.preventDefault();
+
+        // Should not happen because of disabled forms, but just return if currently doing an action.
+        if ([Phase.SendingEmail, Phase.ResettingPassword].includes(this.state.phase)) return;
+
+        this.setState({
+            errorText: "",
+        });
+
+        // Refresh the server errors. Just in case the server came back online of went offline.
+        const serverIsAlive = await this.checkServerLiveliness(this.props.serverConfig);
+
+        // Server error
+        if (!serverIsAlive) return;
+
+        switch (this.state.phase) {
+            case Phase.EnterEmail:
+                this.onPhaseEmailInputSubmit();
+                break;
+            case Phase.EmailSent:
+                this.onPhaseEmailSentSubmit();
+                break;
+            case Phase.PasswordInput:
+                this.onPhasePasswordInputSubmit();
+                break;
+        }
+    };
+
+    private onInputChanged = (
+        stateKey: "email" | "password" | "password2",
+        ev: React.FormEvent<HTMLInputElement>,
+    ): void => {
+        let value = ev.currentTarget.value;
+        if (stateKey === "email") value = value.trim();
+        this.setState({
+            [stateKey]: value,
+        } as Pick<State, typeof stateKey>);
+    };
+
+    public renderEnterEmail(): JSX.Element {
+        return (
+            <EnterEmail
+                email={this.state.email}
+                errorText={this.state.errorText}
+                homeserver={this.props.serverConfig.hsName}
+                loading={this.state.phase === Phase.SendingEmail}
+                onInputChanged={this.onInputChanged}
+                onLoginClick={this.props.onLoginClick} // set by default props
+                onSubmitForm={this.onSubmitForm}
+            />
+        );
+    }
+
+    public async renderConfirmLogoutDevicesDialog(): Promise<boolean> {
+        const { finished } = Modal.createDialog(QuestionDialog, {
+            title: _t("common|warning"),
+            description: (
+                <div>
+                    <p>{_t("auth|reset_password|other_devices_logout_warning_1")}</p>
+                    <p>{_t("auth|reset_password|other_devices_logout_warning_2")}</p>
+                </div>
+            ),
+            button: _t("action|continue"),
+        });
+        const [confirmed] = await finished;
+        return !!confirmed;
+    }
+
+    public renderCheckEmail(): JSX.Element {
+        return (
+            <CheckEmail
+                email={this.state.email}
+                errorText={this.state.errorText}
+                onReEnterEmailClick={() => this.setState({ phase: Phase.EnterEmail })}
+                onResendClick={this.sendVerificationMail}
+                onSubmitForm={this.onSubmitForm}
+            />
+        );
+    }
+
+    public renderSetPassword(): JSX.Element {
+        const submitButtonChild =
+            this.state.phase === Phase.ResettingPassword ? <Spinner size={16} /> : _t("auth|reset_password_action");
+
+        return (
+            <>
+                <LockSolidIcon className="mx_AuthBody_lockIcon" />
+                <h1>{_t("auth|reset_password_title")}</h1>
+                <Form.Root onSubmit={this.onSubmitForm}>
+                    <fieldset disabled={this.state.phase === Phase.ResettingPassword}>
+                        <div className="mx_AuthBody_fieldRow">
+                            <PassphraseField
+                                name="reset_password"
+                                type="password"
+                                label={_td("auth|change_password_new_label")}
+                                value={this.state.password}
+                                minScore={PASSWORD_MIN_SCORE}
+                                fieldRef={(field) => {
+                                    this.fieldPassword = field;
+                                }}
+                                onChange={this.onInputChanged.bind(this, "password")}
+                                autoComplete="new-password"
+                            />
+                            <PassphraseConfirmField
+                                name="reset_password_confirm"
+                                label={_td("auth|reset_password|confirm_new_password")}
+                                labelRequired={_td("auth|reset_password|password_not_entered")}
+                                labelInvalid={_td("auth|reset_password|passwords_mismatch")}
+                                value={this.state.password2}
+                                password={this.state.password}
+                                fieldRef={(field) => {
+                                    this.fieldPasswordConfirm = field;
+                                }}
+                                onChange={this.onInputChanged.bind(this, "password2")}
+                                autoComplete="new-password"
+                            />
+                        </div>
+                        <div className="mx_AuthBody_fieldRow">
+                            <StyledCheckbox
+                                onChange={() => this.setState({ logoutDevices: !this.state.logoutDevices })}
+                                checked={this.state.logoutDevices}
+                                formWrap={false}
+                            >
+                                {_t("auth|reset_password|sign_out_other_devices")}
+                            </StyledCheckbox>
+                        </div>
+                        {this.state.errorText && <ErrorMessage message={this.state.errorText} />}
+                        <Button type="submit" className="mx_Login_submit" size="md">
+                            {submitButtonChild}
+                        </Button>
+                    </fieldset>
+                </Form.Root>
+            </>
+        );
+    }
+
+    public renderDone(): JSX.Element {
+        return (
+            <>
+                <CheckIcon className="mx_Icon mx_Icon_32 mx_Icon_accent" />
+                <h1>{_t("auth|reset_password|reset_successful")}</h1>
+                {this.state.logoutDevices ? <p>{_t("auth|reset_password|devices_logout_success")}</p> : null}
+                <Button className="mx_Login_submit" size="md" type="button" onClick={this.props.onComplete}>
+                    {_t("auth|reset_password|return_to_login")}
+                </Button>
+            </>
+        );
+    }
+
+    public render(): React.ReactNode {
+        let resetPasswordJsx: JSX.Element;
+
+        switch (this.state.phase) {
+            case Phase.EnterEmail:
+            case Phase.SendingEmail:
+                resetPasswordJsx = this.renderEnterEmail();
+                break;
+            case Phase.EmailSent:
+                resetPasswordJsx = this.renderCheckEmail();
+                break;
+            case Phase.PasswordInput:
+            case Phase.ResettingPassword:
+                resetPasswordJsx = this.renderSetPassword();
+                break;
+            case Phase.Done:
+                resetPasswordJsx = this.renderDone();
+                break;
+            default:
+                // This should not happen. However, it is logged and the user is sent to the start.
+                logger.warn(`unknown forgot password phase ${this.state.phase}`);
+                this.setState({
+                    phase: Phase.EnterEmail,
+                });
+                return;
+        }
+
+        return (
+            <AuthPage>
+                <AuthHeader />
+                <AuthBody className="mx_AuthBody_forgot-password">{resetPasswordJsx}</AuthBody>
+            </AuthPage>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/auth/Login.test.tsx b/apps/web/src/components/structures/auth/Login.test.tsx
new file mode 100644
index 00000000000..3826c9ffe74
--- /dev/null
+++ b/apps/web/src/components/structures/auth/Login.test.tsx
@@ -0,0 +1,467 @@
+/*
+Copyright 2019-2024 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach, type MockedObject } from "vitest";
+import React from "react";
+import { fireEvent, render, screen, waitForElementToBeRemoved } from "test-utils-rtl";
+import fetchMock from "@fetch-mock/vitest";
+import {
+    OAUTH_AWARE_PREFERRED_FLOW_FIELD,
+    IdentityProviderBrand,
+    type ValidatedAuthMetadata,
+    OAuth2Error,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import * as Matrix from "matrix-js-sdk/src/matrix";
+import { mkServerConfig, mockPlatformPeg, unmockPlatformPeg } from "test-utils";
+import { makeDelegatedAuthMetadata } from "test-utils/auth";
+
+import SdkConfig from "../../../SdkConfig";
+import Login from "./Login";
+import type BasePlatform from "../../../BasePlatform";
+import * as registerClientUtils from "../../../utils/oauth/registerClient";
+import { ModuleApi } from "../../../modules/Api.ts";
+
+vi.useRealTimers();
+
+const oauthStaticClientsConfig = {
+    "https://staticallyregisteredissuer.org/": {
+        client_id: "static-clientId-123",
+    },
+};
+
+describe("Login", function () {
+    let platform: MockedObject<BasePlatform>;
+
+    const mockClient = vi.mocked({
+        login: vi.fn().mockResolvedValue({}),
+        loginFlows: vi.fn(),
+    } as unknown as Matrix.MatrixClient);
+
+    beforeEach(function () {
+        SdkConfig.put({
+            brand: "test-brand",
+            disable_custom_urls: true,
+            oidc_static_clients: oauthStaticClientsConfig,
+        });
+        mockClient.login.mockClear().mockResolvedValue({
+            access_token: "TOKEN",
+            device_id: "IAMADEVICE",
+            user_id: "@user:server",
+        });
+        mockClient.loginFlows.mockClear().mockResolvedValue({ flows: [{ type: "m.login.password" }] });
+        vi.spyOn(Matrix, "createClient").mockImplementation((opts) => {
+            mockClient.idBaseUrl = opts.idBaseUrl;
+            mockClient.baseUrl = opts.baseUrl;
+            return mockClient;
+        });
+        fetchMock.get("https://matrix.org/_matrix/client/versions", {
+            unstable_features: {},
+            versions: ["v1.1"],
+        });
+        platform = mockPlatformPeg({
+            startSingleSignOn: vi.fn(),
+        });
+    });
+
+    afterEach(function () {
+        SdkConfig.reset(); // we touch the config, so clean up
+        unmockPlatformPeg();
+    });
+
+    function getRawComponent(
+        hsUrl = "https://matrix.org",
+        isUrl = "https://vector.im",
+        delegatedAuthentication?: ValidatedAuthMetadata,
+    ) {
+        return (
+            <Login
+                serverConfig={mkServerConfig(hsUrl, isUrl, delegatedAuthentication)}
+                onLoggedIn={() => {}}
+                onRegisterClick={() => {}}
+                onServerConfigChange={() => {}}
+            />
+        );
+    }
+
+    function getComponent(hsUrl?: string, isUrl?: string, delegatedAuthentication?: ValidatedAuthMetadata) {
+        return render(getRawComponent(hsUrl, isUrl, delegatedAuthentication));
+    }
+
+    it("should show form with change server link", async () => {
+        SdkConfig.put({
+            brand: "test-brand",
+            disable_custom_urls: false,
+        });
+        const { container } = getComponent();
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        expect(container.querySelector("form")).toBeTruthy();
+
+        expect(container.querySelector(".mx_ServerPicker_change")).toBeTruthy();
+    });
+
+    it("should show register button", async () => {
+        const onRegisterClick = vi.fn();
+        const { getByText } = render(
+            <Login
+                serverConfig={mkServerConfig("https://matrix.org", "https://vector.im")}
+                onLoggedIn={() => {}}
+                onRegisterClick={onRegisterClick}
+                onServerConfigChange={() => {}}
+            />,
+        );
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        fireEvent.click(getByText("Create an account"));
+        expect(onRegisterClick).toHaveBeenCalled();
+    });
+
+    it("should hide register button", async () => {
+        const { queryByText } = render(
+            <Login
+                serverConfig={mkServerConfig("https://matrix.org", "https://vector.im")}
+                onLoggedIn={() => {}}
+                onServerConfigChange={() => {}}
+            />,
+        );
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        expect(queryByText("Create an account")).not.toBeInTheDocument();
+    });
+
+    it("should show form without change server link when custom URLs disabled", async () => {
+        const { container } = getComponent();
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        expect(container.querySelector("form")).toBeTruthy();
+        expect(container.querySelectorAll(".mx_ServerPicker_change")).toHaveLength(0);
+    });
+
+    it("should show SSO button if that flow is available", async () => {
+        mockClient.loginFlows.mockResolvedValue({ flows: [{ type: "m.login.sso" }] });
+
+        const { container } = getComponent();
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        const ssoButton = container.querySelector(".mx_SSOButton");
+        expect(ssoButton).toBeTruthy();
+    });
+
+    it("should show both SSO button and username+password if both are available", async () => {
+        mockClient.loginFlows.mockResolvedValue({ flows: [{ type: "m.login.password" }, { type: "m.login.sso" }] });
+
+        const { container } = getComponent();
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        expect(container.querySelector("form")).toBeTruthy();
+
+        const ssoButton = container.querySelector(".mx_SSOButton");
+        expect(ssoButton).toBeTruthy();
+    });
+
+    it("should show multiple SSO buttons if multiple identity_providers are available", async () => {
+        mockClient.loginFlows.mockResolvedValue({
+            flows: [
+                {
+                    type: "m.login.sso",
+                    identity_providers: [
+                        {
+                            id: "a",
+                            name: "Provider 1",
+                        },
+                        {
+                            id: "b",
+                            name: "Provider 2",
+                        },
+                        {
+                            id: "c",
+                            name: "Provider 3",
+                        },
+                    ],
+                },
+            ],
+        });
+
+        const { container } = getComponent();
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        const ssoButtons = container.querySelectorAll(".mx_SSOButton");
+        expect(ssoButtons.length).toBe(3);
+    });
+
+    it("should show single SSO button if identity_providers is null", async () => {
+        mockClient.loginFlows.mockResolvedValue({
+            flows: [
+                {
+                    type: "m.login.sso",
+                },
+            ],
+        });
+
+        const { container } = getComponent();
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        const ssoButtons = container.querySelectorAll(".mx_SSOButton");
+        expect(ssoButtons.length).toBe(1);
+    });
+
+    it("should handle serverConfig updates correctly", async () => {
+        mockClient.loginFlows.mockResolvedValue({
+            flows: [
+                {
+                    type: "m.login.sso",
+                },
+            ],
+        });
+
+        const { container, rerender } = render(getRawComponent());
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        fireEvent.click(container.querySelector(".mx_SSOButton")!);
+        expect(platform.startSingleSignOn.mock.calls[0][0].baseUrl).toBe("https://matrix.org");
+
+        fetchMock.get("https://server2/_matrix/client/versions", {
+            unstable_features: {},
+            versions: ["v1.1"],
+        });
+        rerender(getRawComponent("https://server2"));
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        fireEvent.click(container.querySelector(".mx_SSOButton")!);
+        expect(platform.startSingleSignOn.mock.calls[1][0].baseUrl).toBe("https://server2");
+    });
+
+    it("should handle updating to a server with no supported flows", async () => {
+        mockClient.loginFlows.mockResolvedValue({
+            flows: [
+                {
+                    type: "m.login.sso",
+                },
+            ],
+        });
+
+        const { container, rerender } = render(getRawComponent());
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        // update the mock for the new server with no supported flows
+        mockClient.loginFlows.mockResolvedValue({
+            flows: [
+                {
+                    type: "just something weird",
+                },
+            ],
+        });
+        // render with a new server
+        rerender(getRawComponent("https://server2"));
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        expect(
+            screen.getByText("This homeserver doesn't offer any login flows that are supported by this client."),
+        ).toBeInTheDocument();
+
+        // no sso button because server2 doesnt support sso
+        expect(container.querySelector(".mx_SSOButton")).not.toBeInTheDocument();
+    });
+
+    it("should show single Continue button if OIDC MSC3824 compatibility is given by server", async () => {
+        mockClient.loginFlows.mockResolvedValue({
+            flows: [
+                {
+                    type: "m.login.sso",
+                    [OAUTH_AWARE_PREFERRED_FLOW_FIELD.name]: true,
+                },
+                {
+                    type: "m.login.password",
+                },
+            ],
+        });
+
+        const { container } = getComponent();
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        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();
+    });
+
+    it("should show branded SSO buttons", async () => {
+        const idpsWithIcons = Object.values(IdentityProviderBrand).map((brand) => ({
+            id: brand,
+            brand,
+            name: `Provider ${brand}`,
+        }));
+
+        mockClient.loginFlows.mockResolvedValue({
+            flows: [
+                {
+                    type: "m.login.sso",
+                    identity_providers: [
+                        ...idpsWithIcons,
+                        {
+                            id: "foo",
+                            name: "Provider foo",
+                        },
+                    ],
+                },
+            ],
+        });
+
+        const { container, getByTestId } = getComponent();
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        for (const idp of idpsWithIcons) {
+            const ssoButton = getByTestId(`idp-${idp.id}`);
+            expect(ssoButton).toHaveAccessibleName(`Continue with Provider ${idp.brand}`);
+        }
+
+        const ssoButtons = container.querySelectorAll(".mx_SSOButton");
+        expect(ssoButtons.length).toBe(idpsWithIcons.length + 1);
+    });
+
+    it("should display an error when homeserver doesn't offer any supported login flows", async () => {
+        mockClient.loginFlows.mockResolvedValue({
+            flows: [
+                {
+                    type: "just something weird",
+                },
+            ],
+        });
+
+        getComponent();
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        expect(
+            screen.getByText("This homeserver doesn't offer any login flows that are supported by this client."),
+        ).toBeInTheDocument();
+    });
+
+    it("should display a connection error when getting login flows fails", async () => {
+        mockClient.loginFlows.mockRejectedValue("oups");
+
+        getComponent();
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        expect(
+            screen.getByText("There was a problem communicating with the homeserver, please try again later."),
+        ).toBeInTheDocument();
+    });
+
+    it("should display an error when homeserver fails liveliness check", async () => {
+        fetchMock.removeRoutes();
+        fetchMock.get("https://matrix.org/_matrix/client/versions", {
+            status: 0,
+        });
+        getComponent();
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        // error displayed
+        expect(screen.getByText("Cannot reach homeserver")).toBeInTheDocument();
+    });
+
+    it("should reset liveliness error when server config changes", async () => {
+        fetchMock.removeRoutes();
+        // matrix.org is not alive
+        fetchMock.get("https://matrix.org/_matrix/client/versions", {
+            status: 400,
+        });
+        // but server2 is
+        fetchMock.get("https://server2/_matrix/client/versions", {
+            unstable_features: {},
+            versions: ["v1.1"],
+        });
+        const { rerender } = render(getRawComponent());
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        // error displayed
+        expect(screen.getByText("Cannot reach homeserver")).toBeInTheDocument();
+
+        rerender(getRawComponent("https://server2"));
+
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        // error cleared
+        expect(screen.queryByText("Cannot reach homeserver")).not.toBeInTheDocument();
+    });
+
+    describe("OIDC native flow", () => {
+        const hsUrl = "https://matrix.org";
+        const isUrl = "https://vector.im";
+        const issuer = "https://test.com/";
+        const delegatedAuth = makeDelegatedAuthMetadata(issuer);
+        beforeEach(() => {
+            vi.spyOn(logger, "error");
+        });
+
+        afterEach(() => {
+            vi.spyOn(logger, "error").mockRestore();
+        });
+
+        it("should attempt to register oauth client", async () => {
+            // dont mock, spy so we can check config values were correctly passed
+            vi.spyOn(registerClientUtils, "getOAuthClientId");
+            fetchMock.post(delegatedAuth.registration_endpoint!, { status: 500 });
+            getComponent(hsUrl, isUrl, delegatedAuth);
+
+            await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+            // tried to register
+            expect(fetchMock).toHaveFetched(delegatedAuth.registration_endpoint);
+            // called with values from config
+            expect(registerClientUtils.getOAuthClientId).toHaveBeenCalledWith(delegatedAuth, oauthStaticClientsConfig);
+        });
+
+        it("should fallback to normal login when client registration fails", async () => {
+            fetchMock.post(delegatedAuth.registration_endpoint!, { status: 500 });
+            getComponent(hsUrl, isUrl, delegatedAuth);
+
+            await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+            // tried to register
+            expect(fetchMock).toHaveFetched(delegatedAuth.registration_endpoint);
+            expect(logger.error).toHaveBeenCalledWith(
+                "Failed to get OAuth2 native flow",
+                new Error(OAuth2Error.DynamicRegistrationFailed),
+            );
+
+            // continued with normal setup
+            expect(mockClient.loginFlows).toHaveBeenCalled();
+            // normal password login rendered
+            expect(screen.getByLabelText("Username")).toBeInTheDocument();
+        });
+
+        // short term during active development, UI will be added in next PRs
+        it("should show continue button when oauth native flow is correctly configured", async () => {
+            fetchMock.post(delegatedAuth.registration_endpoint!, { client_id: "abc123" });
+            getComponent(hsUrl, isUrl, delegatedAuth);
+
+            await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+            // did not continue with matrix login
+            expect(mockClient.loginFlows).not.toHaveBeenCalled();
+            expect(screen.getByText("Continue")).toBeInTheDocument();
+        });
+    });
+
+    describe("Module API", () => {
+        afterEach(() => {
+            ModuleApi.instance.customComponents.registerLoginComponent(undefined as any);
+        });
+
+        it("should use registered module renderer", async () => {
+            ModuleApi.instance.customComponents.registerLoginComponent(() => <>Test component</>);
+            const { getByText } = getComponent();
+            expect(getByText("Test component")).toBeTruthy();
+        });
+    });
+});
diff --git a/apps/web/src/components/structures/auth/Login.tsx b/apps/web/src/components/structures/auth/Login.tsx
new file mode 100644
index 00000000000..36634dea902
--- /dev/null
+++ b/apps/web/src/components/structures/auth/Login.tsx
@@ -0,0 +1,561 @@
+/*
+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, memo, type ReactNode } from "react";
+import classNames from "classnames";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type SSOFlow, SSOAction } from "matrix-js-sdk/src/matrix";
+import { Button } from "@vector-im/compound-web";
+
+import { _t, UserFriendlyError } from "../../../languageHandler";
+import Login, { type ClientLoginFlow, type OAuthNativeFlow } from "../../../Login";
+import { messageForConnectionError, messageForLoginError } from "../../../utils/ErrorUtils";
+import AutoDiscoveryUtils from "../../../utils/AutoDiscoveryUtils";
+import AuthPage from "../../views/auth/AuthPage";
+import PlatformPeg from "../../../PlatformPeg";
+import SettingsStore from "../../../settings/SettingsStore";
+import { UIFeature } from "../../../settings/UIFeature";
+import { type IMatrixClientCreds } from "../../../utils/createMatrixClient";
+import PasswordLogin from "../../views/auth/PasswordLogin";
+import InlineSpinner from "../../views/elements/InlineSpinner";
+import Spinner from "../../views/elements/Spinner";
+import SSOButtons from "../../views/elements/SSOButtons";
+import ServerPicker from "../../views/elements/ServerPicker";
+import AuthBody from "../../views/auth/AuthBody";
+import AuthHeader from "../../views/auth/AuthHeader";
+import AccessibleButton, { type ButtonEvent } from "../../views/elements/AccessibleButton";
+import { type ValidatedServerConfig } from "../../../utils/ValidatedServerConfig";
+import { filterBoolean } from "../../../utils/arrays";
+import { startOAuthLogin } from "../../../utils/oauth/authorize";
+import { ModuleApi } from "../../../modules/Api.ts";
+
+interface IProps {
+    serverConfig: ValidatedServerConfig;
+    // If true, the component will consider itself busy.
+    busy?: boolean;
+    isSyncing?: boolean;
+    // Secondary HS which we try to log into if the user is using
+    // the default HS but login fails. Useful for migrating to a
+    // different homeserver without confusing users.
+    fallbackHsUrl?: string;
+    defaultDeviceDisplayName?: string;
+    fragmentAfterLogin?: string;
+    defaultUsername?: string;
+    // Any additional content to show, will be rendered between main actions & footer actions
+    children?: ReactNode;
+
+    // Called when the user has logged in. Params:
+    // - The object returned by the login API
+    onLoggedIn(data: IMatrixClientCreds): void;
+
+    // login shouldn't know or care how registration, password recovery, etc is done.
+    onRegisterClick?(): void;
+    onForgotPasswordClick?(): void;
+    onServerConfigChange(config: ValidatedServerConfig): void;
+}
+
+interface IState {
+    busy: boolean;
+    busyLoggingIn?: boolean;
+    errorText?: ReactNode;
+    loginIncorrect: boolean;
+
+    flows?: ClientLoginFlow[];
+
+    // used for preserving form values when changing homeserver
+    username: string;
+    phoneCountry: string;
+    phoneNumber: string;
+
+    // We perform liveliness checks later, but for now suppress the errors.
+    // We also track the server dead errors independently of the regular errors so
+    // that we can render it differently, and override any other error the user may
+    // be seeing.
+    serverIsAlive: boolean;
+    serverErrorIsFatal: boolean;
+    serverDeadError?: ReactNode;
+}
+
+type OnPasswordLogin = {
+    (username: string, phoneCountry: undefined, phoneNumber: undefined, password: string): Promise<void>;
+    (username: undefined, phoneCountry: string, phoneNumber: string, password: string): Promise<void>;
+};
+
+/*
+ * A wire component which glues together login UI components and Login logic
+ */
+class LoginComponent extends React.PureComponent<IProps, IState> {
+    private unmounted = false;
+    private loginLogic!: Login;
+
+    private readonly stepRendererMap: Record<string, () => ReactNode>;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            busy: false,
+            errorText: null,
+            loginIncorrect: false,
+
+            username: props.defaultUsername ? props.defaultUsername : "",
+            phoneCountry: "",
+            phoneNumber: "",
+
+            serverIsAlive: true,
+            serverErrorIsFatal: false,
+            serverDeadError: "",
+        };
+
+        // map from login step type to a function which will render a control
+        // letting you do that login type
+        this.stepRendererMap = {
+            "m.login.password": this.renderPasswordStep,
+
+            // CAS and SSO are the same thing, modulo the url we link to
+            "m.login.cas": () => this.renderSsoStep("cas"),
+            "m.login.sso": () => this.renderSsoStep("sso"),
+            "oauthNativeFlow": () => this.renderOAuth2Step(),
+        };
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+        this.initLoginLogic(this.props.serverConfig);
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+    }
+
+    public componentDidUpdate(prevProps: IProps): void {
+        if (
+            prevProps.serverConfig.hsUrl !== this.props.serverConfig.hsUrl ||
+            prevProps.serverConfig.isUrl !== this.props.serverConfig.isUrl ||
+            // delegatedAuthentication is only set by buildValidatedConfigFromDiscovery and won't be modified
+            // so shallow comparison is fine
+            prevProps.serverConfig.delegatedAuthentication !== this.props.serverConfig.delegatedAuthentication
+        ) {
+            // Ensure that we end up actually logging in to the right place
+            this.initLoginLogic(this.props.serverConfig);
+        }
+    }
+
+    public isBusy = (): boolean => !!this.state.busy || !!this.props.busy;
+
+    public onPasswordLogin: OnPasswordLogin = async (
+        username: string | undefined,
+        phoneCountry: string | undefined,
+        phoneNumber: string | undefined,
+        password: string,
+    ): Promise<void> => {
+        if (!this.state.serverIsAlive) {
+            this.setState({ busy: true });
+            // Do a quick liveliness check on the URLs
+            let aliveAgain = true;
+            try {
+                await AutoDiscoveryUtils.validateServerConfigWithStaticUrls(
+                    this.props.serverConfig.hsUrl,
+                    this.props.serverConfig.isUrl,
+                );
+                this.setState({ serverIsAlive: true, errorText: "" });
+            } catch (e) {
+                const componentState = AutoDiscoveryUtils.authComponentStateForError(e);
+                this.setState({
+                    busy: false,
+                    busyLoggingIn: false,
+                    ...componentState,
+                });
+                aliveAgain = !componentState.serverErrorIsFatal;
+            }
+
+            // Prevent people from submitting their password when something isn't right.
+            if (!aliveAgain) {
+                return;
+            }
+        }
+
+        this.setState({
+            busy: true,
+            busyLoggingIn: true,
+            errorText: null,
+            loginIncorrect: false,
+        });
+
+        this.loginLogic.loginViaPassword(username, phoneCountry, phoneNumber, password).then(
+            (data) => {
+                this.setState({ serverIsAlive: true }); // it must be, we logged in.
+                this.props.onLoggedIn(data);
+            },
+            (error) => {
+                if (this.unmounted) return;
+
+                let errorText: ReactNode;
+                // Some error strings only apply for logging in
+                if (error.httpStatus === 400 && username && username.indexOf("@") > 0) {
+                    errorText = _t("auth|unsupported_auth_email");
+                } else {
+                    errorText = messageForLoginError(error, this.props.serverConfig);
+                }
+
+                this.setState({
+                    busy: false,
+                    busyLoggingIn: false,
+                    errorText,
+                    // 401 would be the sensible status code for 'incorrect password'
+                    // but the login API gives a 403 https://matrix.org/jira/browse/SYN-744
+                    // mentions this (although the bug is for UI auth which is not this)
+                    // We treat both as an incorrect password
+                    loginIncorrect: error.httpStatus === 401 || error.httpStatus === 403,
+                });
+            },
+        );
+    };
+
+    public onUsernameChanged = (username: string): void => {
+        this.setState({ username });
+    };
+
+    public onUsernameBlur = async (username: string): Promise<void> => {
+        const doWellknownLookup = username[0] === "@";
+        this.setState({
+            username: username,
+            busy: doWellknownLookup,
+            errorText: null,
+        });
+        if (doWellknownLookup) {
+            const serverName = username.split(":").slice(1).join(":");
+            try {
+                const result = await AutoDiscoveryUtils.validateServerName(serverName);
+                this.props.onServerConfigChange(result);
+                // We'd like to rely on new props coming in via `onServerConfigChange`
+                // so that we know the servers have definitely updated before clearing
+                // the busy state. In the case of a full MXID that resolves to the same
+                // HS as Element's default HS though, there may not be any server change.
+                // To avoid this trap, we clear busy here. For cases where the server
+                // actually has changed, `initLoginLogic` will be called and manages
+                // busy state for its own liveness check.
+                this.setState({
+                    busy: false,
+                });
+            } catch (e) {
+                logger.error("Problem parsing URL or unhandled error doing .well-known discovery:", e);
+
+                let message = _t("auth|failed_homeserver_discovery");
+                if (e instanceof UserFriendlyError && e.translatedMessage) {
+                    message = e.translatedMessage;
+                }
+
+                let errorText: ReactNode = message;
+                let discoveryState = {};
+                if (AutoDiscoveryUtils.isLivelinessError(e)) {
+                    errorText = this.state.errorText;
+                    discoveryState = AutoDiscoveryUtils.authComponentStateForError(e);
+                }
+
+                this.setState({
+                    busy: false,
+                    errorText,
+                    ...discoveryState,
+                });
+            }
+        }
+    };
+
+    public onPhoneCountryChanged = (phoneCountry: string): void => {
+        this.setState({ phoneCountry });
+    };
+
+    public onPhoneNumberChanged = (phoneNumber: string): void => {
+        this.setState({ phoneNumber });
+    };
+
+    public onRegisterClick = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+        ev.stopPropagation();
+        this.props.onRegisterClick?.();
+    };
+
+    public onTryRegisterClick = (ev: ButtonEvent): void => {
+        const hasPasswordFlow = this.state.flows?.find((flow) => flow.type === "m.login.password");
+        const ssoFlow = this.state.flows?.find((flow) => flow.type === "m.login.sso" || flow.type === "m.login.cas");
+        // If has no password flow but an SSO flow guess that the user wants to register with SSO.
+        // TODO: instead hide the Register button if registration is disabled by checking with the server,
+        // has no specific errCode currently and uses M_FORBIDDEN.
+        if (ssoFlow && !hasPasswordFlow) {
+            ev.preventDefault();
+            ev.stopPropagation();
+            const ssoKind = ssoFlow.type === "m.login.sso" ? "sso" : "cas";
+            PlatformPeg.get()?.startSingleSignOn(
+                this.loginLogic.createTemporaryClient(),
+                ssoKind,
+                this.props.fragmentAfterLogin,
+                undefined,
+                SSOAction.REGISTER,
+            );
+        } else {
+            // Don't intercept - just go through to the register page
+            this.onRegisterClick(ev);
+        }
+    };
+
+    private async checkServerLiveliness({
+        hsUrl,
+        isUrl,
+    }: Pick<ValidatedServerConfig, "hsUrl" | "isUrl">): Promise<void> {
+        // Do a quick liveliness check on the URLs
+        try {
+            const { warning } = await AutoDiscoveryUtils.validateServerConfigWithStaticUrls(hsUrl, isUrl);
+            if (warning) {
+                this.setState({
+                    ...AutoDiscoveryUtils.authComponentStateForError(warning),
+                    errorText: "",
+                });
+            } else {
+                this.setState({
+                    serverIsAlive: true,
+                    errorText: "",
+                });
+            }
+        } catch (e) {
+            this.setState({
+                busy: false,
+                ...AutoDiscoveryUtils.authComponentStateForError(e as Error),
+            });
+        }
+    }
+
+    private async initLoginLogic({ hsUrl, isUrl }: ValidatedServerConfig): Promise<void> {
+        let isDefaultServer = false;
+        if (
+            this.props.serverConfig.isDefault &&
+            hsUrl === this.props.serverConfig.hsUrl &&
+            isUrl === this.props.serverConfig.isUrl
+        ) {
+            isDefaultServer = true;
+        }
+
+        const fallbackHsUrl = isDefaultServer ? this.props.fallbackHsUrl! : null;
+
+        this.setState({
+            busy: true,
+            loginIncorrect: false,
+        });
+
+        await this.checkServerLiveliness({ hsUrl, isUrl });
+
+        const loginLogic = new Login(hsUrl, isUrl, fallbackHsUrl, {
+            defaultDeviceDisplayName: this.props.defaultDeviceDisplayName,
+            delegatedAuthentication: this.props.serverConfig.delegatedAuthentication,
+        });
+        this.loginLogic = loginLogic;
+
+        loginLogic
+            .getFlows()
+            .then(
+                (flows) => {
+                    // look for a flow where we understand all of the steps.
+                    const supportedFlows = flows.filter(this.isSupportedFlow);
+
+                    this.setState({
+                        flows: supportedFlows,
+                    });
+
+                    if (supportedFlows.length === 0) {
+                        this.setState({
+                            errorText: _t("auth|unsupported_auth"),
+                        });
+                    }
+                },
+                (err) => {
+                    this.setState({
+                        errorText: messageForConnectionError(err, this.props.serverConfig),
+                        loginIncorrect: false,
+                    });
+                },
+            )
+            .finally(() => {
+                this.setState({
+                    busy: false,
+                });
+            });
+    }
+
+    private isSupportedFlow = (flow: ClientLoginFlow): boolean => {
+        // technically the flow can have multiple steps, but no one does this
+        // for login and loginLogic doesn't support it so we can ignore it.
+        if (!this.stepRendererMap[flow.type]) {
+            logger.log("Skipping flow", flow, "due to unsupported login type", flow.type);
+            return false;
+        }
+        return true;
+    };
+
+    public renderLoginComponentForFlows(): ReactNode {
+        if (!this.state.flows) return null;
+
+        // this is the ideal order we want to show the flows in
+        const order = ["oauthNativeFlow", "m.login.password", "m.login.sso"];
+
+        const flows = filterBoolean(order.map((type) => this.state.flows?.find((flow) => flow.type === type)));
+        return (
+            <React.Fragment>
+                {flows.map((flow) => {
+                    const stepRenderer = this.stepRendererMap[flow.type];
+                    return <React.Fragment key={flow.type}>{stepRenderer()}</React.Fragment>;
+                })}
+            </React.Fragment>
+        );
+    }
+
+    private renderPasswordStep = (): JSX.Element => {
+        return (
+            <PasswordLogin
+                onSubmit={this.onPasswordLogin}
+                username={this.state.username}
+                phoneCountry={this.state.phoneCountry}
+                phoneNumber={this.state.phoneNumber}
+                onUsernameChanged={this.onUsernameChanged}
+                onUsernameBlur={this.onUsernameBlur}
+                onPhoneCountryChanged={this.onPhoneCountryChanged}
+                onPhoneNumberChanged={this.onPhoneNumberChanged}
+                onForgotPasswordClick={this.props.onForgotPasswordClick}
+                loginIncorrect={this.state.loginIncorrect}
+                disableSubmit={this.isBusy()}
+                busy={this.props.isSyncing || this.state.busyLoggingIn}
+            />
+        );
+    };
+
+    private renderOAuth2Step = (): React.ReactNode => {
+        const flow = this.state.flows!.find((flow) => flow.type === "oauthNativeFlow")! as OAuthNativeFlow;
+        return (
+            <Button
+                className="mx_Login_fullWidthButton"
+                kind="primary"
+                size="md"
+                onClick={async () => {
+                    await startOAuthLogin(
+                        this.props.serverConfig.delegatedAuthentication!,
+                        flow.clientId,
+                        this.props.serverConfig.hsUrl,
+                        this.props.serverConfig.isUrl,
+                    );
+                }}
+            >
+                {_t("action|continue")}
+            </Button>
+        );
+    };
+
+    private renderSsoStep = (loginType: "cas" | "sso"): JSX.Element => {
+        const flow = this.state.flows?.find((flow) => flow.type === "m.login." + loginType) as SSOFlow;
+
+        return (
+            <SSOButtons
+                matrixClient={this.loginLogic.createTemporaryClient()}
+                flow={flow}
+                loginType={loginType}
+                fragmentAfterLogin={this.props.fragmentAfterLogin}
+                primary={!this.state.flows?.find((flow) => flow.type === "m.login.password")}
+                action={SSOAction.LOGIN}
+                disabled={this.isBusy()}
+            />
+        );
+    };
+
+    public render(): React.ReactNode {
+        const loader =
+            this.isBusy() && !this.state.busyLoggingIn ? (
+                <div className="mx_Login_loader">
+                    <Spinner />
+                </div>
+            ) : null;
+
+        const errorText = this.state.errorText;
+
+        let errorTextSection;
+        if (errorText) {
+            errorTextSection = <div className="mx_Login_error">{errorText}</div>;
+        }
+
+        let serverDeadSection;
+        if (!this.state.serverIsAlive) {
+            const classes = classNames({
+                mx_Login_error: true,
+                mx_Login_serverError: true,
+                mx_Login_serverErrorNonFatal: !this.state.serverErrorIsFatal,
+            });
+            serverDeadSection = <div className={classes}>{this.state.serverDeadError}</div>;
+        }
+
+        let footer;
+        if (this.props.isSyncing || this.state.busyLoggingIn) {
+            footer = (
+                <div className="mx_AuthBody_paddedFooter">
+                    <div className="mx_AuthBody_paddedFooter_title">
+                        <InlineSpinner size={20} />
+                        {this.props.isSyncing ? _t("auth|syncing") : _t("auth|signing_in")}
+                    </div>
+                    {this.props.isSyncing && (
+                        <div className="mx_AuthBody_paddedFooter_subtitle">{_t("auth|sync_footer_subtitle")}</div>
+                    )}
+                </div>
+            );
+        } else if (this.props.onRegisterClick && SettingsStore.getValue(UIFeature.Registration)) {
+            footer = (
+                <span className="mx_AuthBody_changeFlow">
+                    {_t(
+                        "auth|create_account_prompt",
+                        {},
+                        {
+                            a: (sub) => (
+                                <AccessibleButton kind="link_inline" onClick={this.onTryRegisterClick}>
+                                    {sub}
+                                </AccessibleButton>
+                            ),
+                        },
+                    )}
+                </span>
+            );
+        }
+
+        return (
+            <AuthPage>
+                <AuthHeader disableLanguageSelector={this.props.isSyncing || this.state.busyLoggingIn} />
+                <AuthBody>
+                    <h1>
+                        {_t("action|sign_in")}
+                        {loader}
+                    </h1>
+                    {errorTextSection}
+                    {serverDeadSection}
+                    <ServerPicker
+                        serverConfig={this.props.serverConfig}
+                        onServerConfigChange={this.props.onServerConfigChange}
+                        disabled={this.isBusy()}
+                    />
+                    {this.renderLoginComponentForFlows()}
+                    {this.props.children}
+                    {footer}
+                </AuthBody>
+            </AuthPage>
+        );
+    }
+}
+
+const WrappedLoginComponent = memo((props: IProps): JSX.Element => {
+    const moduleRenderer = ModuleApi.instance.customComponents.loginComponentRenderer;
+    if (moduleRenderer) {
+        return moduleRenderer(props, (props) => <LoginComponent {...props} />);
+    }
+
+    return <LoginComponent {...props} />;
+});
+
+export default WrappedLoginComponent;
diff --git a/apps/web/src/components/structures/auth/LoginSplashView.test.tsx b/apps/web/src/components/structures/auth/LoginSplashView.test.tsx
new file mode 100644
index 00000000000..870233371ad
--- /dev/null
+++ b/apps/web/src/components/structures/auth/LoginSplashView.test.tsx
@@ -0,0 +1,70 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { act, render, type RenderResult } from "test-utils-rtl";
+import React, { type ComponentProps } from "react";
+import EventEmitter from "node:events";
+import { CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+import { sleep } from "matrix-js-sdk/src/utils";
+
+import { LoginSplashView } from "./LoginSplashView";
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+
+describe("<LoginSplashView />", () => {
+    let matrixClient: MatrixClient;
+    beforeEach(() => {
+        matrixClient = new EventEmitter() as unknown as MatrixClient;
+    });
+
+    function getComponent(props: Partial<ComponentProps<typeof LoginSplashView>> = {}): RenderResult {
+        const defaultProps = {
+            matrixClient,
+            onLogoutClick: () => {},
+            syncError: null,
+        };
+        return render(<LoginSplashView {...defaultProps} {...props} />);
+    }
+
+    it("Renders a spinner", () => {
+        const rendered = getComponent();
+        expect(rendered.getByTestId("spinner")).toBeInTheDocument();
+        expect(rendered.asFragment()).toMatchSnapshot();
+    });
+
+    it("Renders an error message", () => {
+        const rendered = getComponent({ syncError: new Error("boohoo") });
+        expect(rendered.asFragment()).toMatchSnapshot();
+    });
+
+    it("Calls onLogoutClick", () => {
+        const onLogoutClick = vi.fn();
+        const rendered = getComponent({ onLogoutClick });
+        expect(onLogoutClick).not.toHaveBeenCalled();
+        rendered.getByRole("button", { name: "Logout" }).click();
+        expect(onLogoutClick).toHaveBeenCalled();
+    });
+
+    it("Shows migration progress", async () => {
+        const rendered = getComponent();
+
+        act(() => {
+            matrixClient.emit(CryptoEvent.LegacyCryptoStoreMigrationProgress, 5, 10);
+        });
+        rendered.getByText("Hang tight.", { exact: false });
+
+        // Wait for the animation to update
+        await act(() => sleep(500));
+
+        const progress = rendered.getByRole("progressbar");
+        expect(progress.getAttribute("value")).toEqual("5");
+        expect(progress.getAttribute("max")).toEqual("10");
+    });
+});
diff --git a/apps/web/src/components/structures/auth/LoginSplashView.tsx b/apps/web/src/components/structures/auth/LoginSplashView.tsx
new file mode 100644
index 00000000000..acdf3c86b32
--- /dev/null
+++ b/apps/web/src/components/structures/auth/LoginSplashView.tsx
@@ -0,0 +1,81 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-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 React, { type JSX } from "react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+
+import { messageForSyncError } from "../../../utils/ErrorUtils";
+import Spinner from "../../views/elements/Spinner";
+import ProgressBar from "../../views/elements/ProgressBar";
+import AccessibleButton, { type ButtonEvent } from "../../views/elements/AccessibleButton";
+import { _t } from "../../../languageHandler";
+import { useTypedEventEmitterState } from "../../../hooks/useEventEmitter";
+import SdkConfig from "../../../SdkConfig";
+
+interface Props {
+    /** The matrix client which is logging in */
+    matrixClient: MatrixClient;
+
+    /**
+     * A callback function. Will be called if the user clicks the "logout" button on the splash screen.
+     *
+     * @param event - The click event
+     */
+    onLogoutClick: (this: void, event: ButtonEvent) => void;
+
+    /**
+     * Error that caused `/sync` to fail. If set, an error message will be shown on the splash screen.
+     */
+    syncError: Error | null;
+}
+
+type MigrationState = {
+    progress: number;
+    totalSteps: number;
+};
+
+/**
+ * The view that is displayed after we have logged in, before the first /sync is completed.
+ */
+export function LoginSplashView(props: Props): JSX.Element {
+    const migrationState = useTypedEventEmitterState(
+        props.matrixClient,
+        CryptoEvent.LegacyCryptoStoreMigrationProgress,
+        (progress?: number, total?: number): MigrationState => ({ progress: progress ?? -1, totalSteps: total ?? -1 }),
+    );
+    let errorBox: JSX.Element | undefined;
+    if (props.syncError) {
+        errorBox = <div className="mx_LoginSplashView_syncError">{messageForSyncError(props.syncError)}</div>;
+    }
+
+    // If we are migrating the crypto data, show a progress bar. Otherwise, show a normal spinner.
+    let spinnerOrProgress;
+    if (migrationState.totalSteps !== -1) {
+        spinnerOrProgress = (
+            <div className="mx_LoginSplashView_migrationProgress">
+                <p>{_t("migrating_crypto", { brand: SdkConfig.get().brand })}</p>
+                <ProgressBar value={migrationState.progress} max={migrationState.totalSteps} />
+            </div>
+        );
+    } else {
+        spinnerOrProgress = <Spinner />;
+    }
+
+    return (
+        <div className="mx_MatrixChat_splash">
+            {errorBox}
+            {spinnerOrProgress}
+            <div className="mx_LoginSplashView_splashButtons">
+                <AccessibleButton kind="link_inline" onClick={props.onLogoutClick}>
+                    {_t("action|logout")}
+                </AccessibleButton>
+            </div>
+        </div>
+    );
+}
diff --git a/apps/web/src/components/structures/auth/Registration.test.tsx b/apps/web/src/components/structures/auth/Registration.test.tsx
new file mode 100644
index 00000000000..9a3ddbae980
--- /dev/null
+++ b/apps/web/src/components/structures/auth/Registration.test.tsx
@@ -0,0 +1,277 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+Copyright 2019 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach, type MockedObject } from "vitest";
+import React from "react";
+import { fireEvent, render, screen, waitFor, waitForElementToBeRemoved } from "test-utils-rtl";
+import { createClient, type MatrixClient, MatrixError, type ValidatedAuthMetadata } from "matrix-js-sdk/src/matrix";
+import fetchMock from "@fetch-mock/vitest";
+import { getMockClientWithEventEmitter, mkServerConfig, mockPlatformPeg, unmockPlatformPeg } from "test-utils";
+import { makeDelegatedAuthMetadata } from "test-utils/auth";
+
+import SdkConfig, { DEFAULTS } from "../../../SdkConfig";
+import Registration from "./Registration";
+import { startOAuthLogin } from "../../../utils/oauth/authorize";
+
+vi.mock("../../../utils/oauth/authorize", () => ({
+    startOAuthLogin: vi.fn(),
+}));
+
+vi.mock("matrix-js-sdk/src/matrix", async () => ({
+    ...(await vi.importActual("matrix-js-sdk/src/matrix")),
+    createClient: vi.fn(),
+}));
+
+/** The matrix versions our mock server claims to support */
+const SERVER_SUPPORTED_MATRIX_VERSIONS = ["v1.1", "v1.5", "v1.6", "v1.8", "v1.9"];
+
+describe("Registration", function () {
+    let mockClient!: MockedObject<MatrixClient>;
+
+    beforeEach(function () {
+        SdkConfig.put({
+            ...DEFAULTS,
+            disable_custom_urls: true,
+        });
+        mockClient = getMockClientWithEventEmitter({
+            registerRequest: vi.fn(),
+            loginFlows: vi.fn(),
+            getVersions: vi.fn().mockResolvedValue({ versions: SERVER_SUPPORTED_MATRIX_VERSIONS }),
+        });
+        mockClient.registerRequest.mockRejectedValueOnce(
+            new MatrixError(
+                {
+                    flows: [{ stages: [] }],
+                },
+                401,
+            ),
+        );
+        mockClient.loginFlows.mockResolvedValue({ flows: [{ type: "m.login.password" }] });
+        vi.mocked(createClient).mockImplementation((opts) => {
+            mockClient.idBaseUrl = opts.idBaseUrl;
+            mockClient.baseUrl = opts.baseUrl;
+            return mockClient;
+        });
+        fetchMock.catch(404);
+        fetchMock.get("https://matrix.org/_matrix/client/versions", {
+            unstable_features: {},
+            versions: SERVER_SUPPORTED_MATRIX_VERSIONS,
+        });
+        mockPlatformPeg({
+            startSingleSignOn: vi.fn(),
+        });
+    });
+
+    afterEach(function () {
+        vi.restoreAllMocks();
+        SdkConfig.reset(); // we touch the config, so clean up
+        unmockPlatformPeg();
+    });
+
+    const defaultProps = {
+        defaultDeviceDisplayName: "test-device-display-name",
+        onLoggedIn: vi.fn(),
+        onLoginClick: vi.fn(),
+        onServerConfigChange: vi.fn(),
+    };
+
+    const defaultHsUrl = "https://matrix.org";
+    const defaultIsUrl = "https://vector.im";
+
+    function getRawComponent(
+        hsUrl = defaultHsUrl,
+        isUrl = defaultIsUrl,
+        authConfig?: ValidatedAuthMetadata,
+        mobileRegister?: boolean,
+    ) {
+        return (
+            <Registration
+                {...defaultProps}
+                serverConfig={mkServerConfig(hsUrl, isUrl, authConfig)}
+                mobileRegister={mobileRegister}
+            />
+        );
+    }
+
+    function getComponent(
+        hsUrl?: string,
+        isUrl?: string,
+        authConfig?: ValidatedAuthMetadata,
+        mobileRegister?: boolean,
+    ) {
+        return render(getRawComponent(hsUrl, isUrl, authConfig, mobileRegister));
+    }
+
+    it("should show server picker", async function () {
+        const { container } = getComponent();
+        expect(container.querySelector(".mx_ServerPicker")).toBeTruthy();
+    });
+
+    it("should show form when custom URLs disabled", async function () {
+        const { container } = getComponent();
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+        expect(container.querySelector("form")).toBeTruthy();
+    });
+
+    it("should show SSO options if those are available", async () => {
+        mockClient.loginFlows.mockClear().mockResolvedValue({ flows: [{ type: "m.login.sso" }] });
+        const { container } = getComponent();
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        const ssoButton = container.querySelector(".mx_SSOButton");
+        expect(ssoButton).toBeTruthy();
+    });
+
+    it("should show a rate limit message when the server is rate limiting registration", async () => {
+        mockClient.registerRequest
+            .mockReset()
+            .mockRejectedValue(new MatrixError({ errcode: "M_LIMIT_EXCEEDED", retry_after_ms: 90_000 }, 429));
+
+        getComponent();
+
+        await expect(
+            screen.findAllByText("Too many attempts in a short time. Retry after 01:30."),
+        ).resolves.not.toHaveLength(0);
+        expect(await screen.findByRole("button", { name: "Continue" })).toHaveAttribute("aria-disabled", "true");
+    });
+
+    it("should show a rate limit message without a time when the server does not give one", async () => {
+        mockClient.registerRequest.mockReset().mockRejectedValue(new MatrixError({ errcode: "M_LIMIT_EXCEEDED" }, 429));
+
+        getComponent();
+
+        await expect(
+            screen.findAllByText("Too many attempts in a short time. Wait some time before trying again."),
+        ).resolves.not.toHaveLength(0);
+        expect(await screen.findByRole("button", { name: "Continue" })).toHaveAttribute("aria-disabled", "true");
+    });
+
+    it("should re-enable registration once the rate limit has expired", async () => {
+        vi.useFakeTimers({ shouldAdvanceTime: true });
+        try {
+            mockClient.registerRequest
+                .mockReset()
+                .mockRejectedValueOnce(new MatrixError({ errcode: "M_LIMIT_EXCEEDED", retry_after_ms: 90_000 }, 429))
+                .mockRejectedValue(new MatrixError({ flows: [{ stages: [] }] }, 401));
+
+            getComponent();
+
+            expect(await screen.findByRole("button", { name: "Continue" })).toHaveAttribute("aria-disabled", "true");
+
+            await vi.advanceTimersByTimeAsync(90_000);
+
+            // The retry succeeds, so the warning and the disabled button give way to the real form.
+            await waitFor(() =>
+                expect(screen.queryByText("Too many attempts in a short time. Retry after 01:30.")).toBeNull(),
+            );
+            expect(await screen.findByRole("button", { name: "Register" })).not.toHaveAttribute(
+                "aria-disabled",
+                "true",
+            );
+        } finally {
+            vi.useRealTimers();
+        }
+    });
+
+    it("should handle serverConfig updates correctly", async () => {
+        mockClient.loginFlows.mockResolvedValue({
+            flows: [
+                {
+                    type: "m.login.sso",
+                },
+            ],
+        });
+
+        const { container, rerender } = render(getRawComponent());
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        fireEvent.click(container.querySelector(".mx_SSOButton")!);
+        expect(mockClient.baseUrl).toBe("https://matrix.org");
+
+        fetchMock.get("https://server2/_matrix/client/versions", {
+            unstable_features: {},
+            versions: SERVER_SUPPORTED_MATRIX_VERSIONS,
+        });
+        rerender(getRawComponent("https://server2"));
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+        fireEvent.click(container.querySelector(".mx_SSOButton")!);
+        expect(mockClient.baseUrl).toBe("https://server2");
+    });
+
+    describe("when delegated authentication is configured and enabled", () => {
+        const authConfig = makeDelegatedAuthMetadata();
+        const clientId = "test-client-id";
+        authConfig.prompt_values_supported = ["create"];
+
+        beforeEach(() => {
+            // mock a statically registered client to avoid dynamic registration
+            SdkConfig.put({
+                oidc_static_clients: {
+                    [authConfig.issuer]: {
+                        client_id: clientId,
+                    },
+                },
+            });
+        });
+
+        it("should display oidc-native continue button", async () => {
+            const { container } = getComponent(defaultHsUrl, defaultIsUrl, authConfig);
+            await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+            // no form
+            expect(container.querySelector("form")).toBeFalsy();
+
+            expect(await screen.findByText("Continue")).toBeTruthy();
+        });
+
+        it("should start OIDC login flow as registration on button click", async () => {
+            getComponent(defaultHsUrl, defaultIsUrl, authConfig);
+            await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+
+            fireEvent.click(await screen.findByText("Continue"));
+
+            expect(startOAuthLogin).toHaveBeenCalledWith(
+                authConfig,
+                clientId,
+                defaultHsUrl,
+                defaultIsUrl,
+                // isRegistration
+                true,
+            );
+        });
+
+        describe("when is mobile registeration", () => {
+            it("should not show server picker", async function () {
+                const { container } = getComponent(defaultHsUrl, defaultIsUrl, undefined, true);
+                expect(container.querySelector(".mx_ServerPicker")).toBeFalsy();
+            });
+
+            it("should show username field with autocaps disabled", async function () {
+                const { container } = getComponent(defaultHsUrl, defaultIsUrl, undefined, true);
+
+                await waitFor(() =>
+                    expect(container.querySelector("#mx_RegistrationForm_username")).toHaveAttribute(
+                        "autocapitalize",
+                        "none",
+                    ),
+                );
+            });
+
+            it("should show password and confirm password fields in separate rows", async function () {
+                const { container } = getComponent(defaultHsUrl, defaultIsUrl, undefined, true);
+
+                await waitFor(() => expect(container.querySelector("#mx_RegistrationForm_username")).toBeTruthy());
+                // when password and confirm password fields are in separate rows there should be 4 rather than 3
+                expect(container.querySelectorAll(".mx_AuthBody_fieldRow")).toHaveLength(4);
+            });
+        });
+    });
+});
diff --git a/apps/web/src/components/structures/auth/Registration.tsx b/apps/web/src/components/structures/auth/Registration.tsx
new file mode 100644
index 00000000000..a7fd8ecdfc6
--- /dev/null
+++ b/apps/web/src/components/structures/auth/Registration.tsx
@@ -0,0 +1,828 @@
+/*
+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 {
+    AuthType,
+    createClient,
+    type IAuthData,
+    type AuthDict,
+    type IInputs,
+    MatrixError,
+    type IRegisterRequestParams,
+    type IRequestTokenResponse,
+    type MatrixClient,
+    type SSOFlow,
+    SSOAction,
+    type RegisterResponse,
+} from "matrix-js-sdk/src/matrix";
+import React, { type JSX, Fragment, type ReactNode } from "react";
+import classNames from "classnames";
+import { logger } from "matrix-js-sdk/src/logger";
+import { Button } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import { formatSeconds } from "../../../DateUtils";
+import { adminContactStrings, messageForResourceLimitError, resourceLimitStrings } from "../../../utils/ErrorUtils";
+import AutoDiscoveryUtils from "../../../utils/AutoDiscoveryUtils";
+import * as Lifecycle from "../../../Lifecycle";
+import { type IMatrixClientCreds } from "../../../utils/createMatrixClient";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import AuthPage from "../../views/auth/AuthPage";
+import Login, { type OAuthNativeFlow } from "../../../Login";
+import dis from "../../../dispatcher/dispatcher";
+import SSOButtons from "../../views/elements/SSOButtons";
+import ServerPicker from "../../views/elements/ServerPicker";
+import RegistrationForm from "../../views/auth/RegistrationForm";
+import AccessibleButton, { type ButtonEvent } from "../../views/elements/AccessibleButton";
+import AuthBody from "../../views/auth/AuthBody";
+import AuthHeader from "../../views/auth/AuthHeader";
+import InteractiveAuth, { type InteractiveAuthCallback } from "../InteractiveAuth";
+import Spinner from "../../views/elements/Spinner";
+import { AuthHeaderDisplay } from "./header/AuthHeaderDisplay";
+import { AuthHeaderProvider } from "./header/AuthHeaderProvider";
+import SettingsStore from "../../../settings/SettingsStore";
+import { type ValidatedServerConfig } from "../../../utils/ValidatedServerConfig";
+import { startOAuthLogin } from "../../../utils/oauth/authorize";
+
+const debuglog = (...args: any[]): void => {
+    if (SettingsStore.getValue("debug_registration")) {
+        logger.log.call(console, "Registration debuglog:", ...args);
+    }
+};
+
+export interface MobileRegistrationResponse {
+    user_id: string;
+    home_server: string;
+    access_token: string;
+    device_id: string;
+}
+
+interface IProps {
+    serverConfig: ValidatedServerConfig;
+    defaultDeviceDisplayName?: string;
+    email?: string;
+    brand?: string;
+    clientSecret?: string;
+    sessionId?: string;
+    idSid?: string;
+    fragmentAfterLogin?: string;
+    mobileRegister?: boolean;
+    // Called when the user has logged in. Params:
+    // - object with userId, deviceId, homeserverUrl, identityServerUrl, accessToken
+    onLoggedIn(params: IMatrixClientCreds): Promise<void>;
+    // registration shouldn't know or care how login is done.
+    onLoginClick(): void;
+    onServerConfigChange(config: ValidatedServerConfig): void;
+}
+
+interface IState {
+    // true if we're waiting for the user to complete
+    busy: boolean;
+    errorText?: ReactNode;
+    // We remember the values entered by the user because
+    // the registration form will be unmounted during the
+    // course of registration, but if there's an error we
+    // want to bring back the registration form with the
+    // values the user entered still in it. We can keep
+    // them in this component's state since this component
+    // persist for the duration of the registration process.
+    formVals: Record<string, string | undefined>;
+    // user-interactive auth
+    // If we've been given a session ID, we're resuming
+    // straight back into UI auth
+    doingUIAuth: boolean;
+    // If set, we've registered but are not going to log
+    // the user in to their new account automatically.
+    completedNoSignin: boolean;
+    flows:
+        | {
+              stages: string[];
+          }[]
+        | null;
+    // We perform liveliness checks later, but for now suppress the errors.
+    // We also track the server dead errors independently of the regular errors so
+    // that we can render it differently, and override any other error the user may
+    // be seeing.
+    serverIsAlive: boolean;
+    serverErrorIsFatal: boolean;
+    serverDeadError?: ReactNode;
+
+    // Our matrix client - part of state because we can't render the UI auth
+    // component without it.
+    matrixClient?: MatrixClient;
+    // The user ID we've just registered
+    registeredUsername?: string;
+    // if a different user ID to the one we just registered is logged in,
+    // this is the user ID that's logged in.
+    differentLoggedInUserId?: string;
+    // the SSO flow definition, this is fetched from /login as that's the only
+    // place it is exposed.
+    ssoFlow?: SSOFlow;
+    // the OIDC native login flow, when supported and enabled
+    // if present, must be used for registration
+    oauthNativeFlow?: OAuthNativeFlow;
+    // Set while the server is rate limiting registration. Kept apart from errorText so the warning
+    // can sit next to the disabled submit button rather than above the server picker.
+    rateLimitError?: string;
+}
+
+export default class Registration extends React.Component<IProps, IState> {
+    private readonly loginLogic: Login;
+    // `replaceClient` tracks latest serverConfig to spot when it changes under the async method which fetches flows
+    private latestServerConfig?: ValidatedServerConfig;
+    // Pending re-query for after a rate limit expires, so the form comes back on its own
+    private rateLimitTimer?: ReturnType<typeof setTimeout>;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            busy: false,
+            errorText: null,
+            formVals: {
+                email: this.props.email,
+            },
+            doingUIAuth: Boolean(this.props.sessionId),
+            flows: null,
+            completedNoSignin: false,
+            serverIsAlive: true,
+            serverErrorIsFatal: false,
+            serverDeadError: "",
+        };
+
+        const { hsUrl, isUrl, delegatedAuthentication } = this.props.serverConfig;
+        this.loginLogic = new Login(hsUrl, isUrl, null, {
+            defaultDeviceDisplayName: "Element login check", // We shouldn't ever be used
+            delegatedAuthentication,
+        });
+    }
+
+    public componentDidMount(): void {
+        this.replaceClient(this.props.serverConfig);
+        //triggers a confirmation dialog for data loss before page unloads/refreshes
+        window.addEventListener("beforeunload", this.unloadCallback);
+    }
+
+    public componentWillUnmount(): void {
+        window.removeEventListener("beforeunload", this.unloadCallback);
+        clearTimeout(this.rateLimitTimer);
+    }
+
+    private unloadCallback = (event: BeforeUnloadEvent): string | undefined => {
+        if (this.state.doingUIAuth) {
+            event.preventDefault();
+            event.returnValue = "";
+            return "";
+        }
+    };
+
+    public componentDidUpdate(prevProps: IProps): void {
+        if (
+            prevProps.serverConfig.hsUrl !== this.props.serverConfig.hsUrl ||
+            prevProps.serverConfig.isUrl !== this.props.serverConfig.isUrl
+        ) {
+            this.replaceClient(this.props.serverConfig);
+        }
+    }
+
+    private async replaceClient(serverConfig: ValidatedServerConfig): Promise<void> {
+        this.latestServerConfig = serverConfig;
+        const { hsUrl, isUrl } = serverConfig;
+
+        clearTimeout(this.rateLimitTimer);
+        this.rateLimitTimer = undefined;
+
+        this.setState({
+            errorText: null,
+            rateLimitError: undefined,
+            serverDeadError: null,
+            serverErrorIsFatal: false,
+            // busy while we do live-ness check (we need to avoid trying to render
+            // the UI auth component while we don't have a matrix client)
+            busy: true,
+        });
+
+        // Do a liveliness check on the URLs
+        try {
+            await AutoDiscoveryUtils.validateServerConfigWithStaticUrls(hsUrl, isUrl);
+            if (serverConfig !== this.latestServerConfig) return; // discard, serverConfig changed from under us
+            this.setState({
+                serverIsAlive: true,
+                serverErrorIsFatal: false,
+            });
+        } catch (e) {
+            if (serverConfig !== this.latestServerConfig) return; // discard, serverConfig changed from under us
+            this.setState({
+                busy: false,
+                ...AutoDiscoveryUtils.authComponentStateForError(e, "register"),
+            });
+            if (this.state.serverErrorIsFatal) {
+                return; // Server is dead - do not continue.
+            }
+        }
+
+        const cli = createClient({
+            baseUrl: hsUrl,
+            idBaseUrl: isUrl,
+        });
+
+        this.loginLogic.setHomeserverUrl(hsUrl);
+        this.loginLogic.setIdentityServerUrl(isUrl);
+        this.loginLogic.setDelegatedAuthentication(serverConfig.delegatedAuthentication);
+
+        let ssoFlow: SSOFlow | undefined;
+        let oauthNativeFlow: OAuthNativeFlow | undefined;
+        try {
+            const loginFlows = await this.loginLogic.getFlows(true);
+            if (serverConfig !== this.latestServerConfig) return; // discard, serverConfig changed from under us
+            ssoFlow = loginFlows.find((f) => f.type === "m.login.sso" || f.type === "m.login.cas") as SSOFlow;
+            oauthNativeFlow = loginFlows.find((f) => f.type === "oauthNativeFlow") as OAuthNativeFlow;
+        } catch (e) {
+            if (serverConfig !== this.latestServerConfig) return; // discard, serverConfig changed from under us
+            logger.error("Failed to get login flows to check for SSO support", e);
+        }
+
+        await new Promise<void>((resolve) => {
+            this.setState(
+                ({ flows }) => ({
+                    matrixClient: cli,
+                    ssoFlow,
+                    oauthNativeFlow,
+                    // if we are using oidc native we won't continue with flow discovery on HS
+                    // so set an empty array to indicate flows are no longer loading
+                    flows: oauthNativeFlow ? [] : flows,
+                    busy: false,
+                }),
+                resolve,
+            );
+        });
+
+        // don't need to check with homeserver for login flows
+        // since we are going to use OIDC native flow
+        if (oauthNativeFlow) {
+            return;
+        }
+
+        try {
+            // We do the first registration request ourselves to discover whether we need to
+            // do SSO instead. If we've already started the UI Auth process though, we don't
+            // need to.
+            if (!this.state.doingUIAuth) {
+                await this.makeRegisterRequest(null);
+                if (serverConfig !== this.latestServerConfig) return; // discard, serverConfig changed from under us
+                // This should never succeed since we specified no auth object.
+                logger.log("Expecting 401 from register request but got success!");
+            }
+        } catch (e) {
+            if (serverConfig !== this.latestServerConfig) return; // discard, serverConfig changed from under us
+            if (e instanceof MatrixError && e.httpStatus === 401) {
+                this.setState({
+                    flows: e.data.flows,
+                });
+            } else if (e instanceof MatrixError && (e.httpStatus === 403 || e.errcode === "M_FORBIDDEN")) {
+                // Check for 403 or M_FORBIDDEN, Synapse used to send 403 M_UNKNOWN but now sends 403 M_FORBIDDEN.
+                // At this point registration is pretty much disabled, but before we do that let's
+                // quickly check to see if the server supports SSO instead. If it does, we'll send
+                // the user off to the login page to figure their account out.
+                if (ssoFlow) {
+                    // Redirect to login page - server probably expects SSO only
+                    dis.dispatch({ action: "start_login" });
+                } else {
+                    this.setState({
+                        serverErrorIsFatal: true, // fatal because user cannot continue on this server
+                        errorText: _t("auth|registration_disabled"),
+                        // add empty flows array to get rid of spinner
+                        flows: [],
+                    });
+                }
+            } else if (e instanceof MatrixError && e.httpStatus === 429) {
+                // The server is rate limiting us, which the generic error below does not convey.
+                const retryAfterMs = parseInt(e.data?.retry_after_ms, 10);
+                this.setState({
+                    rateLimitError: isNaN(retryAfterMs)
+                        ? _t("auth|registration_rate_limited")
+                        : _t("auth|registration_rate_limited_with_time", {
+                              timeout: formatSeconds(retryAfterMs / 1000),
+                          }),
+                    // add empty flows array to get rid of spinner
+                    flows: [],
+                });
+                // Ask again once the wait is over so the form comes back by itself, rather than
+                // leaving the user to guess when it is worth reloading.
+                if (!isNaN(retryAfterMs)) {
+                    clearTimeout(this.rateLimitTimer);
+                    this.rateLimitTimer = setTimeout(() => {
+                        this.rateLimitTimer = undefined;
+                        this.replaceClient(this.props.serverConfig);
+                    }, retryAfterMs);
+                }
+            } else {
+                logger.log("Unable to query for supported registration methods.", e);
+                this.setState({
+                    errorText: _t("auth|failed_query_registration_methods"),
+                    // add empty flows array to get rid of spinner
+                    flows: [],
+                });
+            }
+        }
+    }
+
+    private onFormSubmit = async (formVals: Record<string, string>): Promise<void> => {
+        this.setState({
+            errorText: "",
+            busy: true,
+            formVals,
+            doingUIAuth: true,
+        });
+    };
+
+    private requestEmailToken = (
+        emailAddress: string,
+        clientSecret: string,
+        sendAttempt: number,
+        sessionId: string,
+    ): Promise<IRequestTokenResponse> => {
+        if (!this.state.matrixClient) throw new Error("Matrix client has not yet been loaded");
+        return this.state.matrixClient.requestRegisterEmailToken(emailAddress, clientSecret, sendAttempt);
+    };
+
+    private onUIAuthFinished: InteractiveAuthCallback<RegisterResponse> = async (success, response): Promise<void> => {
+        if (!this.state.matrixClient) throw new Error("Matrix client has not yet been loaded");
+
+        debuglog("Registration: ui authentication finished: ", { success, response });
+        if (!success) {
+            let errorText: ReactNode = (response as Error).message || (response as Error).toString();
+            // can we give a better error message?
+            if (response instanceof MatrixError && response.errcode === "M_RESOURCE_LIMIT_EXCEEDED") {
+                const errorTop = messageForResourceLimitError(
+                    response.data.limit_type,
+                    response.data.admin_contact,
+                    resourceLimitStrings,
+                );
+                const errorDetail = messageForResourceLimitError(
+                    response.data.limit_type,
+                    response.data.admin_contact,
+                    adminContactStrings,
+                );
+                errorText = (
+                    <div>
+                        <p>{errorTop}</p>
+                        <p>{errorDetail}</p>
+                    </div>
+                );
+            } else if ((response as IAuthData).flows?.some((flow) => flow.stages.includes(AuthType.Msisdn))) {
+                const flows = (response as IAuthData).flows ?? [];
+                const msisdnAvailable = flows.some((flow) => flow.stages.includes(AuthType.Msisdn));
+                if (!msisdnAvailable) {
+                    errorText = _t("auth|unsupported_auth_msisdn");
+                }
+            } else if (response instanceof MatrixError && response.errcode === "M_USER_IN_USE") {
+                errorText = _t("auth|username_in_use");
+            } else if (response instanceof MatrixError && response.errcode === "M_THREEPID_IN_USE") {
+                errorText = _t("auth|3pid_in_use");
+            }
+
+            this.setState({
+                busy: false,
+                doingUIAuth: false,
+                errorText,
+            });
+            return;
+        }
+
+        const userId = (response as RegisterResponse).user_id;
+        const accessToken = (response as RegisterResponse).access_token;
+        if (!userId || !accessToken) throw new Error("Registration failed");
+
+        MatrixClientPeg.setJustRegisteredUserId(userId);
+
+        const newState: Partial<IState> = {
+            doingUIAuth: false,
+            registeredUsername: userId,
+            differentLoggedInUserId: undefined,
+            completedNoSignin: false,
+            // we're still busy until we get unmounted: don't show the registration form again
+            busy: true,
+        };
+
+        // The user came in through an email validation link. To avoid overwriting
+        // their session, check to make sure the session isn't someone else, and
+        // isn't a guest user since we'll usually have set a guest user session before
+        // starting the registration process. This isn't perfect since it's possible
+        // the user had a separate guest session they didn't actually mean to replace.
+        const [sessionOwner, sessionIsGuest] = await Lifecycle.getStoredSessionOwner();
+        if (sessionOwner && !sessionIsGuest && sessionOwner !== userId) {
+            logger.log(`Found a session for ${sessionOwner} but ${userId} has just registered.`);
+            newState.differentLoggedInUserId = sessionOwner;
+        }
+
+        // if we don't have an email at all, only one client can be involved in this flow, and we can directly log in.
+        //
+        // if we've got an email, it needs to be verified. in that case, two clients can be involved in this flow, the
+        // original client starting the process and the client that submitted the verification token. After the token
+        // has been submitted, it can not be used again.
+        //
+        // we can distinguish them based on whether the client has form values saved (if so, it's the one that started
+        // the registration), or whether it doesn't have any form values saved (in which case it's the client that
+        // verified the email address)
+        //
+        // as the client that started registration may be gone by the time we've verified the email, and only the client
+        // that verified the email is guaranteed to exist, we'll always do the login in that client.
+        const hasEmail = Boolean(this.state.formVals.email);
+        const hasAccessToken = Boolean(accessToken);
+        debuglog("Registration: ui auth finished:", { hasEmail, hasAccessToken });
+        // don’t log in if we found a session for a different user
+        if (hasAccessToken && !newState.differentLoggedInUserId) {
+            if (this.props.mobileRegister) {
+                const mobileResponse: MobileRegistrationResponse = {
+                    user_id: userId,
+                    home_server: this.state.matrixClient.getHomeserverUrl(),
+                    access_token: accessToken,
+                    device_id: (response as RegisterResponse).device_id!,
+                };
+                const event = new CustomEvent<MobileRegistrationResponse>("mobileregistrationresponse", {
+                    detail: mobileResponse,
+                });
+                window.dispatchEvent(event);
+                newState.busy = false;
+                newState.completedNoSignin = true;
+            } else {
+                await this.props.onLoggedIn({
+                    userId,
+                    deviceId: (response as RegisterResponse).device_id!,
+                    homeserverUrl: this.state.matrixClient.getHomeserverUrl(),
+                    identityServerUrl: this.state.matrixClient.getIdentityServerUrl(),
+                    accessToken,
+                });
+
+                this.setupPushers();
+            }
+        } else {
+            newState.busy = false;
+            newState.completedNoSignin = true;
+        }
+
+        this.setState(newState as IState);
+    };
+
+    private setupPushers(): Promise<void> {
+        if (!this.props.brand) {
+            return Promise.resolve();
+        }
+        const matrixClient = MatrixClientPeg.safeGet();
+        return matrixClient.getPushers().then(
+            (resp) => {
+                const pushers = resp.pushers;
+                for (let i = 0; i < pushers.length; ++i) {
+                    if (pushers[i].kind === "email") {
+                        const emailPusher = pushers[i];
+                        emailPusher.data = { brand: this.props.brand };
+                        matrixClient.setPusher(emailPusher).then(
+                            () => {
+                                logger.log("Set email branding to " + this.props.brand);
+                            },
+                            (error) => {
+                                logger.error("Couldn't set email branding: " + error);
+                            },
+                        );
+                    }
+                }
+            },
+            (error) => {
+                logger.error("Couldn't get pushers: " + error);
+            },
+        );
+    }
+
+    private onLoginClick = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+        ev.stopPropagation();
+        this.props.onLoginClick();
+    };
+
+    private onGoToFormClicked = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+        ev.stopPropagation();
+        this.replaceClient(this.props.serverConfig);
+        this.setState({
+            busy: false,
+            doingUIAuth: false,
+        });
+    };
+
+    private makeRegisterRequest = (auth: AuthDict | null): Promise<RegisterResponse> => {
+        if (!this.state.matrixClient) throw new Error("Matrix client has not yet been loaded");
+
+        const registerParams: IRegisterRequestParams = {
+            username: this.state.formVals.username,
+            password: this.state.formVals.password,
+            initial_device_display_name: this.props.defaultDeviceDisplayName,
+            auth: undefined,
+            // we still want to avoid the race conditions involved with multiple clients handling registration, but
+            // we'll handle these after we've received the access_token in onUIAuthFinished
+            inhibit_login: undefined,
+        };
+        if (auth) registerParams.auth = auth;
+        debuglog("Registration: sending registration request:", auth);
+        return this.state.matrixClient.registerRequest(registerParams);
+    };
+
+    private getUIAuthInputs(): IInputs {
+        return {
+            emailAddress: this.state.formVals.email,
+            phoneCountry: this.state.formVals.phoneCountry,
+            phoneNumber: this.state.formVals.phoneNumber,
+        };
+    }
+
+    // Links to the login page shown after registration is completed are routed through this
+    // which checks the user hasn't already logged in somewhere else (perhaps we should do
+    // this more generally?)
+    private onLoginClickWithCheck = async (ev: ButtonEvent): Promise<boolean> => {
+        ev.preventDefault();
+
+        const sessionLoaded = await Lifecycle.loadSession({ ignoreGuest: true });
+        if (!sessionLoaded) {
+            // ok fine, there's still no session: really go to the login page
+            this.props.onLoginClick();
+        }
+
+        return sessionLoaded;
+    };
+
+    private renderRegisterComponent(): ReactNode {
+        if (this.state.matrixClient && this.state.doingUIAuth) {
+            return (
+                <InteractiveAuth
+                    matrixClient={this.state.matrixClient}
+                    makeRequest={this.makeRegisterRequest}
+                    onAuthFinished={this.onUIAuthFinished}
+                    inputs={this.getUIAuthInputs()}
+                    requestEmailToken={this.requestEmailToken}
+                    sessionId={this.props.sessionId}
+                    clientSecret={this.props.clientSecret}
+                    emailSid={this.props.idSid}
+                    poll={true}
+                />
+            );
+        } else if (this.state.rateLimitError) {
+            // Keep the warning with the submit button it is disabling, below the server picker, so it
+            // reads as "this is why you cannot continue". Both are replaced by the real form once
+            // replaceClient runs again after the wait.
+            return (
+                <Fragment>
+                    <div className="mx_Login_error mx_Registration_rateLimitError">{this.state.rateLimitError}</div>
+                    <Button className="mx_Login_fullWidthButton" kind="primary" size="md" disabled={true}>
+                        {_t("action|continue")}
+                    </Button>
+                </Fragment>
+            );
+        } else if (!this.state.matrixClient && !this.state.busy) {
+            return null;
+        } else if (this.state.busy || !this.state.flows) {
+            return (
+                <div className="mx_AuthBody_spinner">
+                    <Spinner />
+                </div>
+            );
+        } else if (this.state.matrixClient && this.state.oauthNativeFlow) {
+            return (
+                <Button
+                    className="mx_Login_fullWidthButton"
+                    kind="primary"
+                    size="md"
+                    onClick={async () => {
+                        await startOAuthLogin(
+                            this.props.serverConfig.delegatedAuthentication!,
+                            this.state.oauthNativeFlow!.clientId,
+                            this.props.serverConfig.hsUrl,
+                            this.props.serverConfig.isUrl,
+                            true /* isRegistration */,
+                        );
+                    }}
+                >
+                    {_t("action|continue")}
+                </Button>
+            );
+        } else if (this.state.matrixClient && this.state.flows.length) {
+            let ssoSection: JSX.Element | undefined;
+            if (!this.props.mobileRegister && this.state.ssoFlow) {
+                let continueWithSection;
+                const providers = this.state.ssoFlow.identity_providers || [];
+                // when there is only a single (or 0) providers we show a wide button with `Continue with X` text
+                if (providers.length > 1) {
+                    // i18n: ssoButtons is a placeholder to help translators understand context
+                    continueWithSection = (
+                        <h2 className="mx_AuthBody_centered">
+                            {_t("auth|continue_with_sso", { ssoButtons: "" }).trim()}
+                        </h2>
+                    );
+                }
+
+                // i18n: ssoButtons & usernamePassword are placeholders to help translators understand context
+                ssoSection = (
+                    <React.Fragment>
+                        {continueWithSection}
+                        <SSOButtons
+                            matrixClient={this.loginLogic.createTemporaryClient()}
+                            flow={this.state.ssoFlow}
+                            loginType={this.state.ssoFlow.type === "m.login.sso" ? "sso" : "cas"}
+                            fragmentAfterLogin={this.props.fragmentAfterLogin}
+                            action={SSOAction.REGISTER}
+                        />
+                        <h2 className="mx_AuthBody_centered">
+                            {_t("auth|sso_or_username_password", {
+                                ssoButtons: "",
+                                usernamePassword: "",
+                            }).trim()}
+                        </h2>
+                    </React.Fragment>
+                );
+            }
+            return (
+                <React.Fragment>
+                    {ssoSection}
+                    <RegistrationForm
+                        defaultUsername={this.state.formVals.username}
+                        defaultEmail={this.state.formVals.email}
+                        defaultPhoneCountry={this.state.formVals.phoneCountry}
+                        defaultPhoneNumber={this.state.formVals.phoneNumber}
+                        defaultPassword={this.state.formVals.password}
+                        onRegisterClick={this.onFormSubmit}
+                        flows={this.state.flows}
+                        canSubmit={!this.state.serverErrorIsFatal}
+                        matrixClient={this.state.matrixClient}
+                        mobileRegister={this.props.mobileRegister}
+                    />
+                </React.Fragment>
+            );
+        }
+
+        return null;
+    }
+
+    public render(): React.ReactNode {
+        let errorText;
+        const err = this.state.errorText;
+        if (err) {
+            errorText = <div className="mx_Login_error">{err}</div>;
+        }
+
+        let serverDeadSection;
+        if (!this.state.serverIsAlive) {
+            const classes = classNames({
+                mx_Login_error: true,
+                mx_Login_serverError: true,
+                mx_Login_serverErrorNonFatal: !this.state.serverErrorIsFatal,
+            });
+            serverDeadSection = <div className={classes}>{this.state.serverDeadError}</div>;
+        }
+
+        const signIn = (
+            <span className="mx_AuthBody_changeFlow">
+                {_t(
+                    "auth|sign_in_instead_prompt",
+                    {},
+                    {
+                        a: (sub) => (
+                            <AccessibleButton kind="link_inline" onClick={this.onLoginClick}>
+                                {sub}
+                            </AccessibleButton>
+                        ),
+                    },
+                )}
+            </span>
+        );
+
+        // Only show the 'go back' button if you're not looking at the form
+        let goBack;
+        if (this.state.doingUIAuth) {
+            goBack = (
+                <AccessibleButton kind="link" className="mx_AuthBody_changeFlow" onClick={this.onGoToFormClicked}>
+                    {_t("action|go_back")}
+                </AccessibleButton>
+            );
+        }
+
+        let body;
+        if (this.state.completedNoSignin) {
+            let regDoneText;
+            if (this.props.mobileRegister) {
+                regDoneText = undefined;
+            } else if (this.state.differentLoggedInUserId) {
+                regDoneText = (
+                    <div>
+                        <p>
+                            {_t("auth|account_clash", {
+                                newAccountId: this.state.registeredUsername,
+                                loggedInUserId: this.state.differentLoggedInUserId,
+                            })}
+                        </p>
+                        <p>
+                            <AccessibleButton
+                                kind="link_inline"
+                                onClick={async (event: ButtonEvent): Promise<void> => {
+                                    const sessionLoaded = await this.onLoginClickWithCheck(event);
+                                    if (sessionLoaded) {
+                                        dis.dispatch({ action: "view_welcome_page" });
+                                    }
+                                }}
+                            >
+                                {_t("auth|account_clash_previous_account")}
+                            </AccessibleButton>
+                        </p>
+                    </div>
+                );
+            } else {
+                // regardless of whether we're the client that started the registration or not, we should
+                // try our credentials anyway
+                regDoneText = (
+                    <h2>
+                        {_t(
+                            "auth|log_in_new_account",
+                            {},
+                            {
+                                a: (sub) => (
+                                    <AccessibleButton
+                                        kind="link_inline"
+                                        onClick={async (event: ButtonEvent): Promise<void> => {
+                                            const sessionLoaded = await this.onLoginClickWithCheck(event);
+                                            if (sessionLoaded) {
+                                                dis.dispatch({ action: "view_home_page" });
+                                            }
+                                        }}
+                                    >
+                                        {sub}
+                                    </AccessibleButton>
+                                ),
+                            },
+                        )}
+                    </h2>
+                );
+            }
+            body = (
+                <div>
+                    <h1>{_t("auth|registration_successful")}</h1>
+                    {regDoneText}
+                </div>
+            );
+        } else if (this.props.mobileRegister) {
+            body = (
+                <Fragment>
+                    <h1>{_t("auth|mobile_create_account_title", { hsName: this.props.serverConfig.hsName })}</h1>
+                    {errorText}
+                    {serverDeadSection}
+                    {this.renderRegisterComponent()}
+                </Fragment>
+            );
+        } else {
+            body = (
+                <Fragment>
+                    <div className="mx_Register_mainContent">
+                        <AuthHeaderDisplay
+                            title={_t("auth|create_account_title")}
+                            serverPicker={
+                                <ServerPicker
+                                    title={_t("auth|server_picker_title_registration")}
+                                    dialogTitle={_t("auth|server_picker_dialog_title")}
+                                    serverConfig={this.props.serverConfig}
+                                    onServerConfigChange={
+                                        this.state.doingUIAuth ? undefined : this.props.onServerConfigChange
+                                    }
+                                />
+                            }
+                        >
+                            {errorText}
+                            {serverDeadSection}
+                        </AuthHeaderDisplay>
+                        {this.renderRegisterComponent()}
+                    </div>
+                    <div className="mx_Register_footerActions">
+                        {goBack}
+                        {signIn}
+                    </div>
+                </Fragment>
+            );
+        }
+        if (this.props.mobileRegister) {
+            return (
+                <div className="mx_MobileRegister_body" data-testid="mobile-register">
+                    {body}
+                </div>
+            );
+        }
+        return (
+            <AuthPage>
+                <AuthHeader />
+                <AuthHeaderProvider>
+                    <AuthBody flex>{body}</AuthBody>
+                </AuthHeaderProvider>
+            </AuthPage>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/auth/SessionLockStolenView.tsx b/apps/web/src/components/structures/auth/SessionLockStolenView.tsx
new file mode 100644
index 00000000000..bb95f1b44a5
--- /dev/null
+++ b/apps/web/src/components/structures/auth/SessionLockStolenView.tsx
@@ -0,0 +1,27 @@
+/*
+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 JSX } from "react";
+
+import SplashPage from "../SplashPage";
+import { _t } from "../../../languageHandler";
+import SdkConfig from "../../../SdkConfig";
+
+/**
+ * Component shown by {@link MatrixChat} when another session is started in the same browser.
+ */
+export function SessionLockStolenView(): JSX.Element {
+    const brand = SdkConfig.get().brand;
+
+    return (
+        <SplashPage className="mx_SessionLockStolenView">
+            <h1>{_t("error_app_open_in_another_tab_title", { brand })}</h1>
+            <h2>{_t("error_app_open_in_another_tab", { brand })}</h2>
+        </SplashPage>
+    );
+}
diff --git a/apps/web/src/components/structures/auth/SetupEncryptionBody.tsx b/apps/web/src/components/structures/auth/SetupEncryptionBody.tsx
new file mode 100644
index 00000000000..22b7a1adb50
--- /dev/null
+++ b/apps/web/src/components/structures/auth/SetupEncryptionBody.tsx
@@ -0,0 +1,262 @@
+/*
+Copyright 2024, 2025 New Vector Ltd.
+Copyright 2020, 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 } from "react";
+import { type KeyBackupInfo, type VerificationRequest } from "matrix-js-sdk/src/crypto-api";
+import { logger } from "matrix-js-sdk/src/logger";
+import DevicesIcon from "@vector-im/compound-design-tokens/assets/web/icons/devices";
+import LockIcon from "@vector-im/compound-design-tokens/assets/web/icons/lock-solid";
+import { Button } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import Modal from "../../../Modal";
+import VerificationRequestDialog from "../../views/dialogs/VerificationRequestDialog";
+import { SetupEncryptionStore, Phase } from "../../../stores/SetupEncryptionStore";
+import EncryptionPanel from "../../views/right_panel/EncryptionPanel";
+import AccessibleButton from "../../views/elements/AccessibleButton";
+import Spinner from "../../views/elements/Spinner";
+import { ResetIdentityDialog } from "../../views/dialogs/ResetIdentityDialog";
+import { EncryptionCard } from "../../views/settings/encryption/EncryptionCard";
+import { EncryptionCardButtons } from "../../views/settings/encryption/EncryptionCardButtons";
+import { EncryptionCardEmphasisedContent } from "../../views/settings/encryption/EncryptionCardEmphasisedContent";
+import ExternalLink from "../../views/elements/ExternalLink";
+import dispatcher from "../../../dispatcher/dispatcher";
+import E2EIcon from "../../views/rooms/E2EIcon.tsx";
+import { E2EStatus } from "../../../utils/ShieldUtils.ts";
+
+interface IProps {
+    onFinished: () => void;
+    /**
+     * Offer the user an option to log out, instead of setting up encryption.
+     *
+     * This is used when this component is shown when the user is initially
+     * prompted to set up encryption, before the user is shown the main chat
+     * interface.
+     *
+     * Defaults to `false` if omitted.
+     */
+    allowLogout?: boolean;
+}
+
+interface IState {
+    phase?: Phase;
+    verificationRequest: VerificationRequest | null;
+    backupInfo: KeyBackupInfo | null;
+}
+
+/**
+ * Component to set up encryption by verifying the current device.
+ */
+export default class SetupEncryptionBody extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+        const store = SetupEncryptionStore.sharedInstance();
+        store.start();
+        this.state = {
+            phase: store.phase,
+            // this serves dual purpose as the object for the request logic and
+            // the presence of it indicating that we're in 'verify mode'.
+            // Because of the latter, it lives in the state.
+            verificationRequest: store.verificationRequest,
+            backupInfo: store.backupInfo,
+        };
+    }
+
+    public componentDidMount(): void {
+        const store = SetupEncryptionStore.sharedInstance();
+        store.on("update", this.onStoreUpdate);
+    }
+
+    private onStoreUpdate = (): void => {
+        const store = SetupEncryptionStore.sharedInstance();
+        if (store.phase === Phase.Finished) {
+            this.props.onFinished();
+            return;
+        }
+        this.setState({
+            phase: store.phase,
+            verificationRequest: store.verificationRequest,
+            backupInfo: store.backupInfo,
+        });
+    };
+
+    public componentWillUnmount(): void {
+        const store = SetupEncryptionStore.sharedInstance();
+        store.off("update", this.onStoreUpdate);
+        store.stop();
+    }
+
+    private onUsePassphraseClick = async (): Promise<void> => {
+        const store = SetupEncryptionStore.sharedInstance();
+        store.usePassPhrase();
+    };
+
+    private onVerifyClick = (): void => {
+        const cli = MatrixClientPeg.safeGet();
+        const userId = cli.getSafeUserId();
+        const requestPromise = cli.getCrypto()!.requestOwnUserVerification();
+
+        // We need to call onFinished now to close this dialog, and
+        // again later to signal that the verification is complete.
+        this.props.onFinished();
+        const { finished: verificationFinished } = Modal.createDialog(VerificationRequestDialog, {
+            verificationRequestPromise: requestPromise,
+            member: cli.getUser(userId) ?? undefined,
+        });
+
+        verificationFinished.then(async () => {
+            const request = await requestPromise;
+            request.cancel();
+            this.props.onFinished();
+        });
+    };
+
+    private onSkipConfirmClick = (): void => {
+        const store = SetupEncryptionStore.sharedInstance();
+        store.skipConfirm();
+    };
+
+    private onSkipBackClick = (): void => {
+        const store = SetupEncryptionStore.sharedInstance();
+        store.returnAfterSkip();
+    };
+
+    private onCantConfirmClick = (): void => {
+        const store = SetupEncryptionStore.sharedInstance();
+        Modal.createDialog(ResetIdentityDialog, {
+            onReset: () => {
+                // The user completed the reset process - close this dialog
+                this.props.onFinished();
+                const store = SetupEncryptionStore.sharedInstance();
+                store.done();
+            },
+            variant: store.lostKeys() ? "no_verification_method" : "confirm",
+        });
+    };
+
+    private onSignOutClick = (): void => {
+        dispatcher.dispatch({ action: "logout" });
+    };
+
+    private onDoneClick = (): void => {
+        const store = SetupEncryptionStore.sharedInstance();
+        store.done();
+    };
+
+    private onEncryptionPanelClose = (): void => {
+        this.props.onFinished();
+    };
+
+    public render(): React.ReactNode {
+        const cli = MatrixClientPeg.safeGet();
+        const { phase } = this.state;
+
+        if (this.state.verificationRequest && cli.getUser(this.state.verificationRequest.otherUserId)) {
+            return (
+                <EncryptionPanel
+                    layout="dialog"
+                    verificationRequest={this.state.verificationRequest}
+                    onClose={this.onEncryptionPanelClose}
+                    member={cli.getUser(this.state.verificationRequest.otherUserId)!}
+                    isRoomEncrypted={false}
+                />
+            );
+        } else if (phase === Phase.Intro) {
+            const store = SetupEncryptionStore.sharedInstance();
+
+            let verifyButton;
+            if (store.hasDevicesToVerifyAgainst) {
+                verifyButton = (
+                    <Button kind="primary" onClick={this.onVerifyClick}>
+                        <DevicesIcon /> {_t("encryption|verification|use_another_device")}
+                    </Button>
+                );
+            }
+
+            let useRecoveryKeyButton;
+            if (store.keyInfo) {
+                useRecoveryKeyButton = (
+                    <Button kind="primary" onClick={this.onUsePassphraseClick}>
+                        {_t("encryption|verification|use_recovery_key")}
+                    </Button>
+                );
+            }
+
+            let signOutButton;
+            if (this.props.allowLogout) {
+                signOutButton = (
+                    <Button kind="tertiary" onClick={this.onSignOutClick}>
+                        {_t("action|sign_out")}
+                    </Button>
+                );
+            }
+
+            return (
+                <EncryptionCard
+                    title={_t("encryption|verification|confirm_identity_title")}
+                    Icon={LockIcon}
+                    className="mx_EncryptionCard_noBorder mx_SetupEncryptionBody"
+                >
+                    <EncryptionCardEmphasisedContent>
+                        <span>{_t("encryption|verification|confirm_identity_description")}</span>
+                        <span>
+                            <ExternalLink href="https://element.io/help#encryption-device-verification">
+                                {_t("action|learn_more")}
+                            </ExternalLink>
+                        </span>
+                    </EncryptionCardEmphasisedContent>
+                    <EncryptionCardButtons>
+                        {verifyButton}
+                        {useRecoveryKeyButton}
+                        <Button kind="secondary" onClick={this.onCantConfirmClick}>
+                            {_t("encryption|verification|cant_confirm")}
+                        </Button>
+                        {signOutButton}
+                    </EncryptionCardButtons>
+                </EncryptionCard>
+            );
+        } else if (phase === Phase.Done) {
+            let message: JSX.Element;
+            if (this.state.backupInfo) {
+                message = <p>{_t("encryption|verification|verification_success_with_backup")}</p>;
+            } else {
+                message = <p>{_t("encryption|verification|verification_success_without_backup")}</p>;
+            }
+            return (
+                <div>
+                    <E2EIcon className="mx_CompleteSecurity_heroIcon" status={E2EStatus.Verified} hideTooltip />
+                    {message}
+                    <div className="mx_CompleteSecurity_actionRow">
+                        <AccessibleButton kind="primary" onClick={this.onDoneClick}>
+                            {_t("action|done")}
+                        </AccessibleButton>
+                    </div>
+                </div>
+            );
+        } else if (phase === Phase.ConfirmSkip) {
+            return (
+                <div>
+                    <p>{_t("encryption|verification|verification_skip_warning")}</p>
+                    <div className="mx_CompleteSecurity_actionRow">
+                        <AccessibleButton kind="danger_outline" onClick={this.onSkipConfirmClick}>
+                            {_t("encryption|verification|verify_later")}
+                        </AccessibleButton>
+                        <AccessibleButton kind="primary" onClick={this.onSkipBackClick}>
+                            {_t("action|go_back")}
+                        </AccessibleButton>
+                    </div>
+                </div>
+            );
+        } else if (phase === Phase.Busy || phase === Phase.Loading) {
+            return <Spinner />;
+        } else {
+            logger.log(`SetupEncryptionBody: Unknown phase ${phase}`);
+        }
+    }
+}
diff --git a/apps/web/src/components/structures/auth/SoftLogout.tsx b/apps/web/src/components/structures/auth/SoftLogout.tsx
new file mode 100644
index 00000000000..171dde37ad5
--- /dev/null
+++ b/apps/web/src/components/structures/auth/SoftLogout.tsx
@@ -0,0 +1,315 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 JSX, type ChangeEvent, type SyntheticEvent } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type LoginFlow, MatrixError, SSOAction, type SSOFlow } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../languageHandler";
+import dis from "../../../dispatcher/dispatcher";
+import * as Lifecycle from "../../../Lifecycle";
+import Modal from "../../../Modal";
+import { type IMatrixClientCreds } from "../../../utils/createMatrixClient";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { sendLoginRequest } from "../../../Login";
+import AuthPage from "../../views/auth/AuthPage";
+import { SSO_HOMESERVER_URL_KEY, SSO_ID_SERVER_URL_KEY } from "../../../BasePlatform";
+import SSOButtons from "../../views/elements/SSOButtons";
+import ConfirmWipeDeviceDialog from "../../views/dialogs/ConfirmWipeDeviceDialog";
+import Field from "../../views/elements/Field";
+import AccessibleButton from "../../views/elements/AccessibleButton";
+import Spinner from "../../views/elements/Spinner";
+import AuthHeader from "../../views/auth/AuthHeader";
+import AuthBody from "../../views/auth/AuthBody";
+import { type URLParams } from "../../../vector/url_utils.ts";
+
+enum LoginView {
+    Loading,
+    Password,
+    CAS, // SSO, but old
+    SSO,
+    PasswordWithSocialSignOn,
+    Unsupported,
+}
+
+const STATIC_FLOWS_TO_VIEWS: Record<string, LoginView> = {
+    "m.login.password": LoginView.Password,
+    "m.login.cas": LoginView.CAS,
+    "m.login.sso": LoginView.SSO,
+};
+
+interface IProps {
+    urlParams: URLParams;
+    fragmentAfterLogin: string;
+
+    // Called when the SSO login completes
+    onTokenLoginCompleted: (urlParams: URLParams, fragmentAfterLogin: string) => void;
+}
+
+interface IState {
+    loginView: LoginView;
+    busy: boolean;
+    password: string;
+    errorText: string;
+    flows: LoginFlow[];
+}
+
+export default class SoftLogout extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            loginView: LoginView.Loading,
+            busy: false,
+            password: "",
+            errorText: "",
+            flows: [],
+        };
+    }
+
+    public componentDidMount(): void {
+        // We've ended up here when we don't need to - navigate to login
+        if (!Lifecycle.isSoftLogout()) {
+            dis.dispatch({ action: "start_login" });
+            return;
+        }
+
+        this.initLogin();
+    }
+
+    private onClearAll = (): void => {
+        const { finished } = Modal.createDialog(ConfirmWipeDeviceDialog);
+        finished.then(([wipeData]) => {
+            if (!wipeData) return;
+
+            logger.log("Clearing data from soft-logged-out session");
+            Lifecycle.logout();
+        });
+    };
+
+    private async initLogin(): Promise<void> {
+        const hasAllParams = !!this.props.urlParams?.legacy_sso;
+        if (hasAllParams) {
+            this.setState({ loginView: LoginView.Loading });
+
+            const loggedIn = await this.trySsoLogin();
+            if (loggedIn) return;
+        }
+
+        // Note: we don't use the existing Login class because it is heavily flow-based. We don't
+        // care about login flows here, unless it is the single flow we support.
+        const client = MatrixClientPeg.safeGet();
+        const flows = (await client.loginFlows()).flows;
+        const loginViews = flows.map((f) => STATIC_FLOWS_TO_VIEWS[f.type]);
+
+        const isSocialSignOn = loginViews.includes(LoginView.Password) && loginViews.includes(LoginView.SSO);
+        const firstView = loginViews.find((f) => !!f) || LoginView.Unsupported;
+        const chosenView = isSocialSignOn ? LoginView.PasswordWithSocialSignOn : firstView;
+        this.setState({ flows, loginView: chosenView });
+    }
+
+    private onPasswordChange = (ev: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ password: ev.target.value });
+    };
+
+    private onForgotPassword = (): void => {
+        dis.dispatch({ action: "start_password_recovery" });
+    };
+
+    private onPasswordLogin = async (ev: SyntheticEvent): Promise<void> => {
+        ev.preventDefault();
+        ev.stopPropagation();
+
+        this.setState({ busy: true });
+
+        const cli = MatrixClientPeg.safeGet();
+        const hsUrl = cli.getHomeserverUrl();
+        const isUrl = cli.getIdentityServerUrl();
+        const loginType = "m.login.password";
+        const loginParams = {
+            identifier: {
+                type: "m.id.user",
+                user: cli.getUserId(),
+            },
+            password: this.state.password,
+            device_id: cli.getDeviceId() ?? undefined,
+        };
+
+        let credentials: IMatrixClientCreds;
+        try {
+            credentials = await sendLoginRequest(hsUrl, isUrl, loginType, loginParams);
+        } catch (e) {
+            let errorText = _t("auth|failed_soft_logout_homeserver");
+            if (
+                e instanceof MatrixError &&
+                e.errcode === "M_FORBIDDEN" &&
+                (e.httpStatus === 401 || e.httpStatus === 403)
+            ) {
+                errorText = _t("auth|incorrect_password");
+            }
+
+            this.setState({
+                busy: false,
+                errorText: errorText,
+            });
+            return;
+        }
+
+        Lifecycle.hydrateSession(credentials).catch((e) => {
+            logger.error(e);
+            this.setState({ busy: false, errorText: _t("auth|failed_soft_logout_auth") });
+        });
+    };
+
+    /**
+     * Attempt to login via SSO
+     * @returns A promise that resolves to a boolean -  true when sso login was successful
+     */
+    private async trySsoLogin(): Promise<boolean> {
+        this.setState({ busy: true });
+
+        const hsUrl = localStorage.getItem(SSO_HOMESERVER_URL_KEY);
+        if (!hsUrl) {
+            logger.error("Homeserver URL unknown for SSO login callback");
+            this.setState({ busy: false, loginView: LoginView.Unsupported });
+            return false;
+        }
+
+        const isUrl = localStorage.getItem(SSO_ID_SERVER_URL_KEY) || MatrixClientPeg.safeGet().getIdentityServerUrl();
+        const loginType = "m.login.token";
+        const loginParams = {
+            token: this.props.urlParams?.legacy_sso?.loginToken,
+            device_id: MatrixClientPeg.safeGet().getDeviceId() ?? undefined,
+        };
+
+        let credentials: IMatrixClientCreds;
+        try {
+            credentials = await sendLoginRequest(hsUrl, isUrl, loginType, loginParams);
+        } catch (e) {
+            logger.error(e);
+            this.setState({ busy: false, loginView: LoginView.Unsupported });
+            return false;
+        }
+
+        return Lifecycle.hydrateSession(credentials)
+            .then(() => {
+                this.props.onTokenLoginCompleted(this.props.urlParams, this.props.fragmentAfterLogin);
+                return true;
+            })
+            .catch((e) => {
+                logger.error(e);
+                this.setState({ busy: false, loginView: LoginView.Unsupported });
+                return false;
+            });
+    }
+
+    private renderPasswordForm(introText?: string): JSX.Element {
+        let error: JSX.Element | undefined;
+        if (this.state.errorText) {
+            error = <span className="mx_Login_error">{this.state.errorText}</span>;
+        }
+
+        return (
+            <form onSubmit={this.onPasswordLogin}>
+                {introText ? <p>{introText}</p> : null}
+                {error}
+                <Field
+                    type="password"
+                    label={_t("common|password")}
+                    onChange={this.onPasswordChange}
+                    value={this.state.password}
+                    disabled={this.state.busy}
+                />
+                <AccessibleButton onClick={this.onPasswordLogin} kind="primary" disabled={this.state.busy}>
+                    {_t("action|sign_in")}
+                </AccessibleButton>
+                <AccessibleButton onClick={this.onForgotPassword} kind="link">
+                    {_t("auth|forgot_password_prompt")}
+                </AccessibleButton>
+            </form>
+        );
+    }
+
+    private renderSsoForm(introText?: string): JSX.Element {
+        const loginType = this.state.loginView === LoginView.CAS ? "cas" : "sso";
+        const flow = this.state.flows.find((flow) => flow.type === "m.login." + loginType) as SSOFlow;
+
+        return (
+            <div>
+                {introText ? <p>{introText}</p> : null}
+                <SSOButtons
+                    matrixClient={MatrixClientPeg.safeGet()}
+                    flow={flow}
+                    loginType={loginType}
+                    fragmentAfterLogin={this.props.fragmentAfterLogin}
+                    primary={!this.state.flows.find((flow) => flow.type === "m.login.password")}
+                    action={SSOAction.LOGIN}
+                />
+            </div>
+        );
+    }
+
+    private renderSignInSection(): JSX.Element {
+        if (this.state.loginView === LoginView.Loading) {
+            return <Spinner />;
+        }
+
+        if (this.state.loginView === LoginView.Password) {
+            return this.renderPasswordForm(_t("auth|soft_logout_intro_password"));
+        }
+
+        if (this.state.loginView === LoginView.SSO || this.state.loginView === LoginView.CAS) {
+            return this.renderSsoForm(_t("auth|soft_logout_intro_sso"));
+        }
+
+        if (this.state.loginView === LoginView.PasswordWithSocialSignOn) {
+            // We render both forms with no intro/error to ensure the layout looks reasonably
+            // okay enough.
+            //
+            // Note: "mx_AuthBody_centered" text taken from registration page.
+            return (
+                <>
+                    <p>{_t("auth|soft_logout_intro_sso")}</p>
+                    {this.renderSsoForm()}
+                    <h2 className="mx_AuthBody_centered">
+                        {_t("auth|sso_or_username_password", {
+                            ssoButtons: "",
+                            usernamePassword: "",
+                        }).trim()}
+                    </h2>
+                    {this.renderPasswordForm()}
+                </>
+            );
+        }
+
+        // Default: assume unsupported/error
+        return <p>{_t("auth|soft_logout_intro_unsupported_auth")}</p>;
+    }
+
+    public render(): React.ReactNode {
+        return (
+            <AuthPage>
+                <AuthHeader />
+                <AuthBody>
+                    <h1>{_t("auth|soft_logout_heading")}</h1>
+
+                    <h2>{_t("action|sign_in")}</h2>
+                    <div>{this.renderSignInSection()}</div>
+
+                    <h2>{_t("auth|soft_logout_subheading")}</h2>
+                    <p>{_t("auth|soft_logout_warning")}</p>
+                    <div>
+                        <AccessibleButton onClick={this.onClearAll} kind="danger">
+                            {_t("auth|soft_logout|clear_data_button")}
+                        </AccessibleButton>
+                    </div>
+                </AuthBody>
+            </AuthPage>
+        );
+    }
+}
diff --git a/apps/web/src/components/structures/auth/__snapshots__/CompleteSecurity.test.tsx.snap b/apps/web/src/components/structures/auth/__snapshots__/CompleteSecurity.test.tsx.snap
new file mode 100644
index 00000000000..8e3d1c7bd43
--- /dev/null
+++ b/apps/web/src/components/structures/auth/__snapshots__/CompleteSecurity.test.tsx.snap
@@ -0,0 +1,378 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`CompleteSecurity > Allows verifying with another device if one is available 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_AuthPage"
+    style="background: url("themes/element/img/backgrounds/lake.jpg") center center / cover fixed;"
+  >
+    <div
+      class="mx_AuthPage_modal"
+      style="position: relative; background: ;"
+    >
+      <main
+        aria-live="polite"
+        class="mx_AuthPage_modalContent"
+        style="display: flex; z-index: 1; border-radius: inherit;"
+        tabindex="-1"
+      >
+        <div
+          class="mx_Dialog_border _glass_sepwu_8"
+        >
+          <div
+            class="mx_CompleteSecurityBody"
+          >
+            <h1
+              class="mx_CompleteSecurity_header"
+            >
+              <div
+                aria-label="Skip verification for now"
+                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"
+            >
+              <div
+                class="mx_EncryptionCard mx_EncryptionCard_noBorder mx_SetupEncryptionBody"
+              >
+                <div
+                  class="mx_EncryptionCard_header"
+                >
+                  <div
+                    class="_big-icon_1ssbv_8"
+                    data-kind="primary"
+                    data-size="lg"
+                  >
+                    <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>
+                  <h2
+                    class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+                  >
+                    Confirm your digital identity
+                  </h2>
+                </div>
+                <div
+                  class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
+                  style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                >
+                  <span>
+                    Verify this device to set up secure messaging
+                  </span>
+                  <span>
+                    <a
+                      class="mx_ExternalLink"
+                      href="https://element.io/help#encryption-device-verification"
+                      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
+                  class="mx_EncryptionCard_buttons"
+                >
+                  <button
+                    class="_button_1nw83_8"
+                    data-kind="primary"
+                    data-size="lg"
+                    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 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>
+                     Use another device
+                  </button>
+                  <button
+                    class="_button_1nw83_8"
+                    data-kind="secondary"
+                    data-size="lg"
+                    role="button"
+                    tabindex="0"
+                  >
+                    Can't confirm?
+                  </button>
+                  <button
+                    class="_button_1nw83_8"
+                    data-kind="tertiary"
+                    data-size="lg"
+                    role="button"
+                    tabindex="0"
+                  >
+                    Remove this device
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+    </div>
+    <footer
+      class="mx_AuthFooter"
+      role="contentinfo"
+    >
+      <a
+        href="https://element.io/blog"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Blog
+      </a>
+      <a
+        href="https://mastodon.matrix.org/@Element"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Mastodon
+      </a>
+      <a
+        href="https://github.com/element-hq/element-web"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        GitHub
+      </a>
+      <a
+        href="https://matrix.org"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Powered by Matrix
+      </a>
+    </footer>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`CompleteSecurity > Allows verifying with recovery key if one is available 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_AuthPage"
+    style="background: url("themes/element/img/backgrounds/lake.jpg") center center / cover fixed;"
+  >
+    <div
+      class="mx_AuthPage_modal"
+      style="position: relative; background: ;"
+    >
+      <main
+        aria-live="polite"
+        class="mx_AuthPage_modalContent"
+        style="display: flex; z-index: 1; border-radius: inherit;"
+        tabindex="-1"
+      >
+        <div
+          class="mx_Dialog_border _glass_sepwu_8"
+        >
+          <div
+            class="mx_CompleteSecurityBody"
+          >
+            <h1
+              class="mx_CompleteSecurity_header"
+            >
+              <div
+                aria-label="Skip verification for now"
+                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"
+            >
+              <div
+                class="mx_EncryptionCard mx_EncryptionCard_noBorder mx_SetupEncryptionBody"
+              >
+                <div
+                  class="mx_EncryptionCard_header"
+                >
+                  <div
+                    class="_big-icon_1ssbv_8"
+                    data-kind="primary"
+                    data-size="lg"
+                  >
+                    <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>
+                  <h2
+                    class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+                  >
+                    Confirm your digital identity
+                  </h2>
+                </div>
+                <div
+                  class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
+                  style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                >
+                  <span>
+                    Verify this device to set up secure messaging
+                  </span>
+                  <span>
+                    <a
+                      class="mx_ExternalLink"
+                      href="https://element.io/help#encryption-device-verification"
+                      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
+                  class="mx_EncryptionCard_buttons"
+                >
+                  <button
+                    class="_button_1nw83_8"
+                    data-kind="primary"
+                    data-size="lg"
+                    role="button"
+                    tabindex="0"
+                  >
+                    Use recovery key
+                  </button>
+                  <button
+                    class="_button_1nw83_8"
+                    data-kind="secondary"
+                    data-size="lg"
+                    role="button"
+                    tabindex="0"
+                  >
+                    Can't confirm?
+                  </button>
+                  <button
+                    class="_button_1nw83_8"
+                    data-kind="tertiary"
+                    data-size="lg"
+                    role="button"
+                    tabindex="0"
+                  >
+                    Remove this device
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+    </div>
+    <footer
+      class="mx_AuthFooter"
+      role="contentinfo"
+    >
+      <a
+        href="https://element.io/blog"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Blog
+      </a>
+      <a
+        href="https://mastodon.matrix.org/@Element"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Mastodon
+      </a>
+      <a
+        href="https://github.com/element-hq/element-web"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        GitHub
+      </a>
+      <a
+        href="https://matrix.org"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Powered by Matrix
+      </a>
+    </footer>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/src/components/structures/auth/__snapshots__/LoginSplashView.test.tsx.snap b/apps/web/src/components/structures/auth/__snapshots__/LoginSplashView.test.tsx.snap
new file mode 100644
index 00000000000..db6e84edaa3
--- /dev/null
+++ b/apps/web/src/components/structures/auth/__snapshots__/LoginSplashView.test.tsx.snap
@@ -0,0 +1,92 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<LoginSplashView /> > Renders a spinner 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_MatrixChat_splash"
+  >
+    <div
+      class="mx_Spinner"
+    >
+      <svg
+        aria-label="Loading…"
+        class="_icon_1855a_18"
+        data-testid="spinner"
+        fill="currentColor"
+        height="1em"
+        role="progressbar"
+        style="width: 32px; height: 32px;"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </div>
+    <div
+      class="mx_LoginSplashView_splashButtons"
+    >
+      <div
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+        role="button"
+        tabindex="0"
+      >
+        Logout
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<LoginSplashView /> > Renders an error message 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_MatrixChat_splash"
+  >
+    <div
+      class="mx_LoginSplashView_syncError"
+    >
+      <div>
+        Unable to connect to Homeserver. Retrying…
+      </div>
+    </div>
+    <div
+      class="mx_Spinner"
+    >
+      <svg
+        aria-label="Loading…"
+        class="_icon_1855a_18"
+        data-testid="spinner"
+        fill="currentColor"
+        height="1em"
+        role="progressbar"
+        style="width: 32px; height: 32px;"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </div>
+    <div
+      class="mx_LoginSplashView_splashButtons"
+    >
+      <div
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+        role="button"
+        tabindex="0"
+      >
+        Logout
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/src/components/structures/auth/forgot-password/CheckEmail.tsx b/apps/web/src/components/structures/auth/forgot-password/CheckEmail.tsx
new file mode 100644
index 00000000000..6f3b696ab81
--- /dev/null
+++ b/apps/web/src/components/structures/auth/forgot-password/CheckEmail.tsx
@@ -0,0 +1,72 @@
+/*
+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 ReactNode } from "react";
+import { Button, Tooltip } from "@vector-im/compound-web";
+import { RestartIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import AccessibleButton from "../../../views/elements/AccessibleButton";
+import EMailPromptIcon from "../../../../../res/img/element-icons/email-prompt.svg?react";
+import { _t } from "../../../../languageHandler";
+import { useTimeoutToggle } from "../../../../hooks/useTimeoutToggle";
+import { ErrorMessage } from "../../ErrorMessage";
+
+interface CheckEmailProps {
+    email: string;
+    errorText: string | ReactNode | null;
+    onReEnterEmailClick: () => void;
+    onResendClick: () => Promise<boolean>;
+    onSubmitForm: (ev: React.FormEvent) => void;
+}
+
+/**
+ * This component renders the email verification view of the forgot password flow.
+ */
+export const CheckEmail: React.FC<CheckEmailProps> = ({
+    email,
+    errorText,
+    onReEnterEmailClick,
+    onSubmitForm,
+    onResendClick,
+}) => {
+    const { toggle: toggleTooltipVisible, value: tooltipVisible } = useTimeoutToggle(false, 2500);
+
+    const onResendClickFn = async (): Promise<void> => {
+        await onResendClick();
+        toggleTooltipVisible();
+    };
+
+    return (
+        <>
+            <EMailPromptIcon className="mx_AuthBody_emailPromptIcon--shifted" />
+            <h1>{_t("auth|uia|email_auth_header")}</h1>
+            <div className="mx_AuthBody_text">
+                <p>{_t("auth|check_email_explainer", { email: email }, { b: (t) => <strong>{t}</strong> })}</p>
+                <div className="mx_AuthBody_did-not-receive">
+                    <span className="mx_VerifyEMailDialog_text-light">{_t("auth|check_email_wrong_email_prompt")}</span>
+                    <AccessibleButton className="mx_AuthBody_resend-button" kind="link" onClick={onReEnterEmailClick}>
+                        {_t("auth|check_email_wrong_email_button")}
+                    </AccessibleButton>
+                </div>
+            </div>
+            {errorText && <ErrorMessage message={errorText} />}
+            <Button onClick={onSubmitForm} type="button" className="mx_Login_submit" size="md">
+                {_t("action|next")}
+            </Button>
+            <div className="mx_AuthBody_did-not-receive">
+                <span className="mx_VerifyEMailDialog_text-light">{_t("auth|check_email_resend_prompt")}</span>
+                <Tooltip description={_t("auth|check_email_resend_tooltip")} placement="top" open={tooltipVisible}>
+                    <AccessibleButton className="mx_AuthBody_resend-button" kind="link" onClick={onResendClickFn}>
+                        <RestartIcon className="mx_Icon mx_Icon_16" />
+                        {_t("action|resend")}
+                    </AccessibleButton>
+                </Tooltip>
+            </div>
+        </>
+    );
+};
diff --git a/apps/web/src/components/structures/auth/forgot-password/EnterEmail.tsx b/apps/web/src/components/structures/auth/forgot-password/EnterEmail.tsx
new file mode 100644
index 00000000000..9d88f1c8cec
--- /dev/null
+++ b/apps/web/src/components/structures/auth/forgot-password/EnterEmail.tsx
@@ -0,0 +1,98 @@
+/*
+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 ReactNode, useRef } from "react";
+import { EmailSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Button } from "@vector-im/compound-web";
+
+import { _t, _td } from "../../../../languageHandler";
+import EmailField from "../../../views/auth/EmailField";
+import { ErrorMessage } from "../../ErrorMessage";
+import Spinner from "../../../views/elements/Spinner";
+import type Field from "../../../views/elements/Field";
+import AccessibleButton, { type ButtonEvent } from "../../../views/elements/AccessibleButton";
+
+interface EnterEmailProps {
+    email: string;
+    errorText: string | ReactNode | null;
+    homeserver: string;
+    loading: boolean;
+    onInputChanged: (stateKey: "email", ev: React.FormEvent<HTMLInputElement>) => void;
+    onLoginClick: () => void;
+    onSubmitForm: (ev: React.FormEvent) => void;
+}
+
+/**
+ * This component renders the email input view of the forgot password flow.
+ */
+export const EnterEmail: React.FC<EnterEmailProps> = ({
+    email,
+    errorText,
+    homeserver,
+    loading,
+    onInputChanged,
+    onLoginClick,
+    onSubmitForm,
+}) => {
+    const submitButtonChild = loading ? <Spinner size={16} /> : _t("auth|forgot_password_send_email");
+
+    const emailFieldRef = useRef<Field>(null);
+
+    const onSubmit = async (event: React.FormEvent): Promise<void> => {
+        if (await emailFieldRef.current?.validate({ allowEmpty: false })) {
+            onSubmitForm(event);
+            return;
+        }
+
+        emailFieldRef.current?.focus();
+        emailFieldRef.current?.validate({ allowEmpty: false, focused: true });
+    };
+
+    return (
+        <>
+            <EmailSolidIcon className="mx_AuthBody_icon" />
+            <h1>{_t("auth|enter_email_heading")}</h1>
+            <p className="mx_AuthBody_text">
+                {_t("auth|enter_email_explainer", { homeserver }, { b: (t) => <strong>{t}</strong> })}
+            </p>
+            <form onSubmit={onSubmit}>
+                <fieldset disabled={loading}>
+                    <div className="mx_AuthBody_fieldRow">
+                        <EmailField
+                            name="reset_email" // define a name so browser's password autofill gets less confused
+                            label={_td("common|email_address")}
+                            labelRequired={_td("auth|forgot_password_email_required")}
+                            labelInvalid={_td("auth|forgot_password_email_invalid")}
+                            value={email}
+                            autoFocus={true}
+                            onChange={(event: React.FormEvent<HTMLInputElement>) => onInputChanged("email", event)}
+                            fieldRef={emailFieldRef}
+                        />
+                    </div>
+                    {errorText && <ErrorMessage message={errorText} />}
+                    <Button type="submit" className="mx_Login_submit" size="md">
+                        {submitButtonChild}
+                    </Button>
+                    <div className="mx_AuthBody_button-container">
+                        <AccessibleButton
+                            className="mx_AuthBody_sign-in-instead-button"
+                            element="button"
+                            kind="link"
+                            onClick={(e: ButtonEvent) => {
+                                e.preventDefault();
+                                onLoginClick();
+                            }}
+                        >
+                            {_t("auth|sign_in_instead")}
+                        </AccessibleButton>
+                    </div>
+                </fieldset>
+            </form>
+        </>
+    );
+};
diff --git a/apps/web/src/components/structures/auth/forgot-password/VerifyEmailModal.tsx b/apps/web/src/components/structures/auth/forgot-password/VerifyEmailModal.tsx
new file mode 100644
index 00000000000..7e216e83817
--- /dev/null
+++ b/apps/web/src/components/structures/auth/forgot-password/VerifyEmailModal.tsx
@@ -0,0 +1,85 @@
+/*
+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 ReactNode } from "react";
+import { Tooltip } from "@vector-im/compound-web";
+import { CloseIcon, RestartIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../../languageHandler";
+import AccessibleButton from "../../../views/elements/AccessibleButton";
+import EmailPromptIcon from "../../../../../res/img/element-icons/email-prompt.svg?react";
+import { useTimeoutToggle } from "../../../../hooks/useTimeoutToggle";
+import { ErrorMessage } from "../../ErrorMessage";
+
+interface Props {
+    email: string;
+    errorText: ReactNode | null;
+    onFinished(): void; // This modal is weird in that the way you close it signals intent
+    onCloseClick: () => void;
+    onReEnterEmailClick: () => void;
+    onResendClick: () => Promise<boolean>;
+}
+
+export const VerifyEmailModal: React.FC<Props> = ({
+    email,
+    errorText,
+    onCloseClick,
+    onReEnterEmailClick,
+    onResendClick,
+}) => {
+    const { toggle: toggleTooltipVisible, value: tooltipVisible } = useTimeoutToggle(false, 2500);
+
+    const onResendClickFn = async (): Promise<void> => {
+        await onResendClick();
+        toggleTooltipVisible();
+    };
+
+    return (
+        <>
+            <EmailPromptIcon className="mx_AuthBody_emailPromptIcon" />
+            <h1>{_t("auth|verify_email_heading")}</h1>
+            <p>
+                {_t(
+                    "auth|verify_email_explainer",
+                    {
+                        email,
+                    },
+                    {
+                        b: (sub) => <strong>{sub}</strong>,
+                    },
+                )}
+            </p>
+
+            <div className="mx_AuthBody_did-not-receive">
+                <span className="mx_VerifyEMailDialog_text-light">{_t("auth|check_email_resend_prompt")}</span>
+                <Tooltip description={_t("auth|check_email_resend_tooltip")} placement="top" open={tooltipVisible}>
+                    <AccessibleButton className="mx_AuthBody_resend-button" kind="link" onClick={onResendClickFn}>
+                        <RestartIcon className="mx_Icon mx_Icon_16" />
+                        {_t("action|resend")}
+                    </AccessibleButton>
+                </Tooltip>
+                {errorText && <ErrorMessage message={errorText} />}
+            </div>
+
+            <div className="mx_AuthBody_did-not-receive">
+                <span className="mx_VerifyEMailDialog_text-light">{_t("auth|check_email_wrong_email_prompt")}</span>
+                <AccessibleButton className="mx_AuthBody_resend-button" kind="link" onClick={onReEnterEmailClick}>
+                    {_t("auth|check_email_wrong_email_button")}
+                </AccessibleButton>
+            </div>
+
+            <AccessibleButton
+                onClick={onCloseClick}
+                className="mx_Dialog_cancelButton"
+                aria-label={_t("dialog_close_label")}
+            >
+                <CloseIcon />
+            </AccessibleButton>
+        </>
+    );
+};
diff --git a/apps/web/src/components/structures/auth/header/AuthHeaderContext.ts b/apps/web/src/components/structures/auth/header/AuthHeaderContext.ts
new file mode 100644
index 00000000000..a45233564b9
--- /dev/null
+++ b/apps/web/src/components/structures/auth/header/AuthHeaderContext.ts
@@ -0,0 +1,20 @@
+/*
+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 { createContext, type Dispatch, type Reducer, type ReducerState } from "react";
+
+import type { AuthHeaderReducer } from "./AuthHeaderProvider";
+
+type ReducerAction<R extends Reducer<any, any>> = R extends Reducer<any, infer A> ? A : never;
+
+interface AuthHeaderContextType {
+    state: ReducerState<AuthHeaderReducer>;
+    dispatch: Dispatch<ReducerAction<AuthHeaderReducer>>;
+}
+
+export const AuthHeaderContext = createContext<AuthHeaderContextType | undefined>(undefined);
diff --git a/apps/web/src/components/structures/auth/header/AuthHeaderDisplay.tsx b/apps/web/src/components/structures/auth/header/AuthHeaderDisplay.tsx
new file mode 100644
index 00000000000..515d919db3d
--- /dev/null
+++ b/apps/web/src/components/structures/auth/header/AuthHeaderDisplay.tsx
@@ -0,0 +1,33 @@
+/*
+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 JSX, Fragment, type PropsWithChildren, type ReactNode, useContext } from "react";
+
+import { AuthHeaderContext } from "./AuthHeaderContext";
+
+interface Props {
+    title: ReactNode;
+    icon?: ReactNode;
+    serverPicker: ReactNode;
+}
+
+export function AuthHeaderDisplay({ title, icon, serverPicker, children }: PropsWithChildren<Props>): JSX.Element {
+    const context = useContext(AuthHeaderContext);
+    if (!context) {
+        return <></>;
+    }
+    const current = context.state[0] ?? null;
+    return (
+        <Fragment>
+            {current?.icon ?? icon}
+            <h1>{current?.title ?? title}</h1>
+            {children}
+            {current?.hideServerPicker !== true && serverPicker}
+        </Fragment>
+    );
+}
diff --git a/apps/web/src/components/structures/auth/header/AuthHeaderModifier.ts b/apps/web/src/components/structures/auth/header/AuthHeaderModifier.ts
new file mode 100644
index 00000000000..afe5a4b7cea
--- /dev/null
+++ b/apps/web/src/components/structures/auth/header/AuthHeaderModifier.ts
@@ -0,0 +1,31 @@
+/*
+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 { type ReactNode, useContext, useEffect } from "react";
+
+import { AuthHeaderContext } from "./AuthHeaderContext";
+import { AuthHeaderActionType } from "./AuthHeaderProvider";
+
+interface Props {
+    title: ReactNode;
+    icon?: ReactNode;
+    hideServerPicker?: boolean;
+}
+
+export function AuthHeaderModifier(props: Props): null {
+    const context = useContext(AuthHeaderContext);
+    const dispatch = context?.dispatch ?? null;
+    useEffect(() => {
+        if (!dispatch) {
+            return;
+        }
+        dispatch({ type: AuthHeaderActionType.Add, value: props });
+        return () => dispatch({ type: AuthHeaderActionType.Remove, value: props });
+    }, [props, dispatch]);
+    return null;
+}
diff --git a/apps/web/src/components/structures/auth/header/AuthHeaderProvider.tsx b/apps/web/src/components/structures/auth/header/AuthHeaderProvider.tsx
new file mode 100644
index 00000000000..75f792f4a2f
--- /dev/null
+++ b/apps/web/src/components/structures/auth/header/AuthHeaderProvider.tsx
@@ -0,0 +1,41 @@
+/*
+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 { isEqual } from "lodash";
+import React, { type JSX, type ComponentProps, type PropsWithChildren, type Reducer, useReducer, useMemo } from "react";
+
+import { AuthHeaderContext } from "./AuthHeaderContext";
+import { type AuthHeaderModifier } from "./AuthHeaderModifier";
+
+export enum AuthHeaderActionType {
+    Add,
+    Remove,
+}
+
+interface AuthHeaderAction {
+    type: AuthHeaderActionType;
+    value: ComponentProps<typeof AuthHeaderModifier>;
+}
+
+export type AuthHeaderReducer = Reducer<ComponentProps<typeof AuthHeaderModifier>[], AuthHeaderAction>;
+
+export function AuthHeaderProvider({ children }: PropsWithChildren): JSX.Element {
+    const [state, dispatch] = useReducer<ComponentProps<typeof AuthHeaderModifier>[], [AuthHeaderAction]>(
+        (state: ComponentProps<typeof AuthHeaderModifier>[], action: AuthHeaderAction) => {
+            switch (action.type) {
+                case AuthHeaderActionType.Add:
+                    return [action.value, ...state];
+                case AuthHeaderActionType.Remove:
+                    return state.length && isEqual(state[0], action.value) ? state.slice(1) : state;
+            }
+        },
+        [] as ComponentProps<typeof AuthHeaderModifier>[],
+    );
+    const context = useMemo(() => ({ state, dispatch }), [state, dispatch]);
+    return <AuthHeaderContext.Provider value={context}>{children}</AuthHeaderContext.Provider>;
+}
diff --git a/apps/web/src/components/structures/grouper/BaseGrouper.ts b/apps/web/src/components/structures/grouper/BaseGrouper.ts
new file mode 100644
index 00000000000..c0fc83080e6
--- /dev/null
+++ b/apps/web/src/components/structures/grouper/BaseGrouper.ts
@@ -0,0 +1,52 @@
+/*
+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 ReactNode } from "react";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type WrappedEvent } from "../MessagePanel";
+import type MessagePanel from "../MessagePanel";
+
+/* Grouper classes determine when events can be grouped together in a summary.
+ * Groupers should have the following methods:
+ * - canStartGroup (static): determines if a new group should be started with the
+ *   given event
+ * - shouldGroup: determines if the given event should be added to an existing group
+ * - add: adds an event to an existing group (should only be called if shouldGroup
+ *   return true)
+ * - getTiles: returns the tiles that represent the group
+ * - getNewPrevEvent: returns the event that should be used as the new prevEvent
+ *   when determining things such as whether a date separator is necessary
+ */
+export abstract class BaseGrouper {
+    public static canStartGroup = (_panel: MessagePanel, _ev: WrappedEvent): boolean => true;
+
+    public events: WrappedEvent[] = [];
+    // events that we include in the group but then eject out and place above the group.
+    public ejectedEvents: WrappedEvent[] = [];
+    public readMarker: ReactNode;
+
+    public constructor(
+        public readonly panel: MessagePanel,
+        public readonly firstEventAndShouldShow: WrappedEvent,
+        public readonly prevEvent: MatrixEvent | null,
+        public readonly lastShownEvent: MatrixEvent | undefined,
+        public readonly nextEvent: WrappedEvent | null,
+        public readonly nextEventTile?: MatrixEvent | null,
+    ) {
+        this.readMarker = panel.readMarkerForEvent(
+            firstEventAndShouldShow.event.getId()!,
+            firstEventAndShouldShow.event === lastShownEvent,
+        );
+    }
+
+    public abstract shouldGroup(ev: WrappedEvent): boolean;
+    public abstract add(ev: WrappedEvent): void;
+    public abstract getTiles(): ReactNode[];
+    public abstract getNewPrevEvent(): MatrixEvent;
+}
diff --git a/apps/web/src/components/structures/grouper/CreationGrouper.tsx b/apps/web/src/components/structures/grouper/CreationGrouper.tsx
new file mode 100644
index 00000000000..15eba7e8c82
--- /dev/null
+++ b/apps/web/src/components/structures/grouper/CreationGrouper.tsx
@@ -0,0 +1,169 @@
+/*
+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, useContext } from "react";
+import { EventType, M_BEACON_INFO, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { DateSeparatorView, useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
+
+import { BaseGrouper } from "./BaseGrouper";
+import { SeparatorKind, type WrappedEvent } from "../MessagePanel";
+import type MessagePanel from "../MessagePanel";
+import DMRoomMap from "../../../utils/DMRoomMap";
+import { _t } from "../../../languageHandler";
+import NewRoomIntro from "../../views/rooms/NewRoomIntro";
+import GenericEventListSummary from "../../views/elements/GenericEventListSummary";
+import { DateSeparatorViewModel } from "../../../viewmodels/room/timeline/DateSeparatorViewModel";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+// 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
+// the first non-state event, beacon_info event or membership event which is not regarding the sender of the `m.room.create` event
+
+/**
+ * Creates and auto-disposes the DateSeparatorViewModel for creation-group rendering.
+ */
+function DateSeparatorWrapper({ roomId, ts }: { roomId: string; ts: number }): ReactNode {
+    const sdkContext = useContext(SDKContext);
+    const vm = useCreateAutoDisposedViewModel(
+        () => new DateSeparatorViewModel({ roomId, ts, roomViewStore: sdkContext.roomViewStore }),
+    );
+    return <DateSeparatorView vm={vm} className="mx_TimelineSeparator" />;
+}
+
+export class CreationGrouper extends BaseGrouper {
+    public static canStartGroup = function (_panel: MessagePanel, { event }: WrappedEvent): boolean {
+        return event.getType() === EventType.RoomCreate;
+    };
+
+    public shouldGroup({ event, shouldShow }: WrappedEvent): boolean {
+        const panel = this.panel;
+        const createEvent = this.firstEventAndShouldShow.event;
+        if (!shouldShow) {
+            return true;
+        }
+        if (panel.wantsSeparator(this.firstEventAndShouldShow.event, event) === SeparatorKind.Date) {
+            return false;
+        }
+        const eventType = event.getType();
+        if (
+            eventType === EventType.RoomMember &&
+            (event.getStateKey() !== createEvent.getSender() ||
+                event.getContent()["membership"] !== KnownMembership.Join)
+        ) {
+            return false;
+        }
+
+        // beacons are not part of room creation configuration
+        // should be shown in timeline
+        if (M_BEACON_INFO.matches(eventType)) {
+            return false;
+        }
+
+        if (event.isState() && event.getSender() === createEvent.getSender()) {
+            return true;
+        }
+
+        return false;
+    }
+
+    public add(wrappedEvent: WrappedEvent): void {
+        const { event: ev, shouldShow } = wrappedEvent;
+        const panel = this.panel;
+        this.readMarker = this.readMarker || panel.readMarkerForEvent(ev.getId()!, ev === this.lastShownEvent);
+        if (!shouldShow) {
+            return;
+        }
+        if (ev.getType() === EventType.RoomEncryption) {
+            this.ejectedEvents.push(wrappedEvent);
+        } else {
+            this.events.push(wrappedEvent);
+        }
+    }
+
+    public getTiles(): ReactNode[] {
+        // If we don't have any events to group, don't even try to group them. The logic
+        // below assumes that we have a group of events to deal with, but we might not if
+        // the events we were supposed to group were redacted.
+        if (!this.events || !this.events.length) return [];
+
+        const panel = this.panel;
+        const ret: ReactNode[] = [];
+        const isGrouped = true;
+        const createEvent = this.firstEventAndShouldShow;
+        const lastShownEvent = this.lastShownEvent;
+
+        if (panel.wantsSeparator(this.prevEvent, createEvent.event) === SeparatorKind.Date) {
+            const separatorRoomId = createEvent.event.getRoomId()!;
+            const ts = createEvent.event.getTs();
+            ret.push(
+                <li key={`${separatorRoomId}-${ts}~`}>
+                    <DateSeparatorWrapper roomId={separatorRoomId} ts={ts} />
+                </li>,
+            );
+        }
+
+        // If this m.room.create event should be shown (room upgrade) then show it before the summary
+        if (createEvent.shouldShow) {
+            // pass in the createEvent as prevEvent as well so no extra DateSeparator is rendered
+            ret.push(...panel.getTilesForEvent(createEvent.event, createEvent));
+        }
+
+        for (const ejected of this.ejectedEvents) {
+            ret.push(
+                ...panel.getTilesForEvent(createEvent.event, ejected, createEvent.event === lastShownEvent, isGrouped),
+            );
+        }
+
+        const eventTiles = this.events
+            .map((e) => {
+                // In order to prevent DateSeparators from appearing in the expanded form
+                // of GenericEventListSummary, render each member event as if the previous
+                // one was itself. This way, the timestamp of the previous event === the
+                // timestamp of the current event, and no DateSeparator is inserted.
+                return panel.getTilesForEvent(e.event, e, e.event === lastShownEvent, isGrouped);
+            })
+            .reduce((a, b) => a.concat(b), []);
+        // Get sender profile from the latest event in the summary as the m.room.create doesn't contain one
+        const ev = this.events[this.events.length - 1].event;
+
+        let summaryText: string;
+        const roomId = ev.getRoomId();
+        const creator = ev.sender?.name ?? ev.getSender();
+        if (roomId && DMRoomMap.shared().getUserIdForRoomId(roomId)) {
+            summaryText = _t("timeline|creation_summary_dm", { creator });
+        } else {
+            summaryText = _t("timeline|creation_summary_room", { creator });
+        }
+
+        ret.push(<NewRoomIntro key="newroomintro" />);
+
+        ret.push(
+            <GenericEventListSummary
+                key="roomcreationsummary"
+                events={this.events.map((e) => e.event)}
+                onToggle={panel.onHeightChanged} // Update scroll state
+                summaryMembers={ev.sender ? [ev.sender] : undefined}
+                summaryText={summaryText}
+                layout={this.panel.props.layout}
+            >
+                {eventTiles}
+            </GenericEventListSummary>,
+        );
+
+        if (this.readMarker) {
+            ret.push(this.readMarker);
+        }
+
+        return ret;
+    }
+
+    public getNewPrevEvent(): MatrixEvent {
+        return this.firstEventAndShouldShow.event;
+    }
+}
diff --git a/apps/web/src/components/structures/grouper/LateEventGrouper.ts b/apps/web/src/components/structures/grouper/LateEventGrouper.ts
new file mode 100644
index 00000000000..73e858b340f
--- /dev/null
+++ b/apps/web/src/components/structures/grouper/LateEventGrouper.ts
@@ -0,0 +1,35 @@
+/*
+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 MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+const UNSIGNED_KEY = "io.element.late_event";
+
+/**
+ * This metadata describes when events arrive late after a net-split to offer improved UX.
+ */
+interface UnsignedLateEventInfo {
+    /**
+     * Milliseconds since epoch representing the time the event was received by the server
+     */
+    received_ts: number;
+    /**
+     * An opaque identifier representing the group the server has put the late arriving event into
+     */
+    group_id: string;
+}
+
+/**
+ * Get io.element.late_event metadata from unsigned as sent by the server.
+ *
+ * @experimental this is not in the Matrix spec and needs special server support
+ * @param mxEvent the Matrix Event to get UnsignedLateEventInfo on
+ */
+export function getLateEventInfo(mxEvent: MatrixEvent): UnsignedLateEventInfo | undefined {
+    return mxEvent.getUnsigned()[UNSIGNED_KEY];
+}
diff --git a/apps/web/src/components/structures/grouper/MainGrouper.tsx b/apps/web/src/components/structures/grouper/MainGrouper.tsx
new file mode 100644
index 00000000000..3c6398927d2
--- /dev/null
+++ b/apps/web/src/components/structures/grouper/MainGrouper.tsx
@@ -0,0 +1,204 @@
+/*
+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, useContext } from "react";
+import { EventType, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { DateSeparatorView, useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
+
+import type MessagePanel from "../MessagePanel";
+import { SeparatorKind, type WrappedEvent } from "../MessagePanel";
+import { BaseGrouper } from "./BaseGrouper";
+import { hasText } from "../../../TextForEvent";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import HistoryTile from "../../views/rooms/HistoryTile";
+import EventListSummary from "../../views/elements/EventListSummary";
+import { DateSeparatorViewModel } from "../../../viewmodels/room/timeline/DateSeparatorViewModel";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+const groupedStateEvents = [
+    EventType.RoomMember,
+    EventType.RoomThirdPartyInvite,
+    EventType.RoomServerAcl,
+    EventType.RoomPinnedEvents,
+];
+
+/**
+ * Creates and auto-disposes the DateSeparatorViewModel for grouped timeline rendering.
+ */
+function DateSeparatorWrapper({ roomId, ts }: { roomId: string; ts: number }): ReactNode {
+    const sdkContext = useContext(SDKContext);
+    const vm = useCreateAutoDisposedViewModel(
+        () => new DateSeparatorViewModel({ roomId, ts, roomViewStore: sdkContext.roomViewStore }),
+    );
+    return <DateSeparatorView vm={vm} className="mx_TimelineSeparator" />;
+}
+
+// Wrap consecutive grouped events in a ListSummary
+export class MainGrouper extends BaseGrouper {
+    public static canStartGroup = function (panel: MessagePanel, { event: ev, shouldShow }: WrappedEvent): boolean {
+        if (!shouldShow) return false;
+
+        if (ev.isState() && groupedStateEvents.includes(ev.getType() as EventType)) {
+            return true;
+        }
+
+        if (ev.isRedacted()) {
+            return true;
+        }
+
+        if (panel.showHiddenEvents && !panel.shouldShowEvent(ev, true)) {
+            return true;
+        }
+
+        return false;
+    };
+
+    public constructor(
+        public readonly panel: MessagePanel,
+        public readonly firstEventAndShouldShow: WrappedEvent,
+        public readonly prevEvent: MatrixEvent | null,
+        public readonly lastShownEvent: MatrixEvent | undefined,
+        nextEvent: WrappedEvent | null,
+        nextEventTile: MatrixEvent | null,
+    ) {
+        super(panel, firstEventAndShouldShow, prevEvent, lastShownEvent, nextEvent, nextEventTile);
+        this.events = [firstEventAndShouldShow];
+    }
+
+    public shouldGroup({ event: ev, shouldShow }: WrappedEvent): boolean {
+        if (!shouldShow) {
+            // absorb hidden events so that they do not break up streams of messages & redaction events being grouped
+            return true;
+        }
+        if (this.panel.wantsSeparator(this.events[0].event, ev) === SeparatorKind.Date) {
+            return false;
+        }
+        if (ev.isState() && groupedStateEvents.includes(ev.getType() as EventType)) {
+            return true;
+        }
+        if (ev.isRedacted()) {
+            return true;
+        }
+        if (this.panel.showHiddenEvents && !this.panel.shouldShowEvent(ev, true)) {
+            return true;
+        }
+        return false;
+    }
+
+    public add(wrappedEvent: WrappedEvent): void {
+        const { event: ev, shouldShow } = wrappedEvent;
+        if (ev.getType() === EventType.RoomMember) {
+            // We can ignore any events that don't actually have a message to display
+            if (!hasText(ev, MatrixClientPeg.safeGet(), this.panel.showHiddenEvents)) return;
+        }
+        this.readMarker = this.readMarker || this.panel.readMarkerForEvent(ev.getId()!, ev === this.lastShownEvent);
+        if (!this.panel.showHiddenEvents && !shouldShow) {
+            // absorb hidden events to not split the summary
+            return;
+        }
+
+        if (ev.getType() === EventType.RoomPinnedEvents) {
+            // If pinned messages are disabled, don't show the summary
+            return;
+        }
+
+        this.events.push(wrappedEvent);
+    }
+
+    private generateKey(): string {
+        return "eventlistsummary-" + this.events[0].event.getId();
+    }
+
+    public getTiles(): ReactNode[] {
+        // If we don't have any events to group, don't even try to group them. The logic
+        // below assumes that we have a group of events to deal with, but we might not if
+        // the events we were supposed to group were redacted.
+        if (!this.events?.length) return [];
+
+        const isGrouped = true;
+        const panel = this.panel;
+        const lastShownEvent = this.lastShownEvent;
+        const ret: ReactNode[] = [];
+
+        if (panel.wantsSeparator(this.prevEvent, this.events[0].event) === SeparatorKind.Date) {
+            const separatorRoomId = this.events[0].event.getRoomId()!;
+            const ts = this.events[0].event.getTs();
+            ret.push(
+                <li key={`${separatorRoomId}-${ts}~`}>
+                    <DateSeparatorWrapper roomId={separatorRoomId} ts={ts} />
+                </li>,
+            );
+        }
+
+        // Ensure that the key of the EventListSummary does not change with new events in either direction.
+        // This will prevent it from being re-created unnecessarily, and instead will allow new props to be provided.
+        // In turn, the shouldComponentUpdate method on ELS can be used to prevent unnecessary renderings.
+        const keyEvent = this.events.find((e) => this.panel.grouperKeyMap.get(e.event));
+        const key =
+            keyEvent && this.panel.grouperKeyMap.has(keyEvent.event)
+                ? this.panel.grouperKeyMap.get(keyEvent.event)!
+                : this.generateKey();
+        if (!keyEvent) {
+            // Populate the weak map with the key.
+            // Note that we only set the key on the specific event it refers to, since this group might get
+            // split up in the future by other intervening events. If we were to set the key on all events
+            // currently in the group, we would risk later giving the same key to multiple groups.
+            this.panel.grouperKeyMap.set(this.events[0].event, key);
+        }
+
+        let highlightInSummary = false;
+        let eventTiles: ReactNode[] | null = this.events
+            .map((e, i) => {
+                if (e.event.getId() === panel.props.highlightedEventId) {
+                    highlightInSummary = true;
+                }
+                return panel.getTilesForEvent(
+                    i === 0 ? this.prevEvent : this.events[i - 1].event,
+                    e,
+                    e.event === lastShownEvent,
+                    isGrouped,
+                    this.nextEvent,
+                    this.nextEventTile,
+                );
+            })
+            .reduce((a, b) => a.concat(b), []);
+
+        if (eventTiles.length === 0) {
+            eventTiles = null;
+        }
+
+        // If a membership event is the start of visible history, tell the user
+        // why they can't see earlier messages
+        if (!this.panel.props.canBackPaginate && !this.prevEvent) {
+            ret.push(<HistoryTile key="historytile" />);
+        }
+
+        ret.push(
+            <EventListSummary
+                key={key}
+                data-testid={key}
+                events={this.events.map((e) => e.event)}
+                onToggle={panel.onHeightChanged} // Update scroll state
+                startExpanded={highlightInSummary}
+                layout={this.panel.props.layout}
+            >
+                {eventTiles}
+            </EventListSummary>,
+        );
+
+        if (this.readMarker) {
+            ret.push(this.readMarker);
+        }
+
+        return ret;
+    }
+
+    public getNewPrevEvent(): MatrixEvent {
+        return this.events[this.events.length - 1].event;
+    }
+}
diff --git a/apps/web/src/components/structures/static-page-vars.ts b/apps/web/src/components/structures/static-page-vars.ts
new file mode 100644
index 00000000000..f055cd9e9f2
--- /dev/null
+++ b/apps/web/src/components/structures/static-page-vars.ts
@@ -0,0 +1,16 @@
+/*
+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 MatrixSvg from "../../../res/img/matrix.svg";
+
+/**
+ * Intended to replace $matrixLogo in the welcome page.
+ */
+export const MATRIX_LOGO_HTML = `<a href="https://matrix.org" target="_blank" rel="noreferrer noopener">
+    <img class="mx_WelcomePage_logo" width="79" height="34" alt="Matrix" style="padding-left: 1px;vertical-align: middle" src="${MatrixSvg}"/>
+</a>`;
diff --git a/apps/web/src/components/viewmodels/avatars/FacePileViewModel.test.ts b/apps/web/src/components/viewmodels/avatars/FacePileViewModel.test.ts
new file mode 100644
index 00000000000..865f3c64af1
--- /dev/null
+++ b/apps/web/src/components/viewmodels/avatars/FacePileViewModel.test.ts
@@ -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.
+ */
+
+// @vitest-environment happy-dom
+
+import { it, describe, expect } from "vitest";
+
+import { mkRoomMember, stubClient } from "../../../../test/test-utils";
+import { FacePileViewModel } from "./FacePileViewModel";
+
+describe("FacePileViewModel", () => {
+    it("should compute the correct initial state", () => {
+        const cli = stubClient();
+        const members = [
+            mkRoomMember("!my-room:m.org", "@alice:m.org"),
+            mkRoomMember("!my-room:m.org", "@bob:m.org"),
+            mkRoomMember("!my-room:m.org", "@jack:m.org"),
+        ];
+        const vm = new FacePileViewModel({
+            cli,
+            members,
+            size: 20,
+        });
+        expect(vm.getSnapshot().memberAvatarViewModels).toHaveLength(3);
+    });
+
+    it("should update on updateMembers()", () => {
+        const cli = stubClient();
+        const members = [mkRoomMember("!my-room:m.org", "@alice:m.org"), mkRoomMember("!my-room:m.org", "@bob:m.org")];
+        const vm = new FacePileViewModel({
+            cli,
+            members,
+            size: 20,
+        });
+        expect(vm.getSnapshot().memberAvatarViewModels).toHaveLength(2);
+
+        vm.updateMembers([
+            mkRoomMember("!my-room:m.org", "@alice:m.org"),
+            mkRoomMember("!my-room:m.org", "@bob:m.org"),
+            mkRoomMember("!my-room:m.org", "@jack:m.org"),
+        ]);
+
+        expect(vm.getSnapshot().memberAvatarViewModels).toHaveLength(3);
+    });
+});
diff --git a/apps/web/src/components/viewmodels/avatars/FacePileViewModel.ts b/apps/web/src/components/viewmodels/avatars/FacePileViewModel.ts
new file mode 100644
index 00000000000..16e0a1fa0d6
--- /dev/null
+++ b/apps/web/src/components/viewmodels/avatars/FacePileViewModel.ts
@@ -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 { BaseViewModel, type FacePileViewSnapshot } from "@element-hq/web-shared-components";
+import { type MatrixClient, type RoomMember } from "matrix-js-sdk/src/matrix";
+
+import { MemberAvatarViewModel } from "./MemberAvatarViewModel";
+
+interface Props {
+    /**
+     * The size of each avatar in the face-pile in pixels, eg: 20.
+     */
+    size: number;
+    /**
+     * List of room-members from which to render the face-pile..
+     */
+    members: RoomMember[];
+
+    /**
+     * MatrixClient object to access js-sdk.
+     */
+    cli: MatrixClient;
+}
+
+/**
+ * View model for rendering face-piles.
+ */
+export class FacePileViewModel extends BaseViewModel<FacePileViewSnapshot, Props> {
+    private viewModelMap: Set<MemberAvatarViewModel> = new Set();
+
+    public constructor(props: Props) {
+        super(props, { memberAvatarViewModels: [] });
+        this.computeSnapshot();
+    }
+
+    private computeSnapshot(): void {
+        for (const vm of this.viewModelMap.values()) {
+            vm.dispose();
+        }
+        this.viewModelMap = new Set();
+        const members = this.props.members.slice(0, 3);
+        for (const member of members) {
+            const vm = this.disposables.track(
+                new MemberAvatarViewModel({ size: this.props.size, member, cli: this.props.cli }),
+            );
+            this.viewModelMap.add(vm);
+        }
+        this.snapshot.set({ memberAvatarViewModels: Array.from(this.viewModelMap.values()) });
+    }
+
+    /**
+     * Update the room-members from which the face-pile is rendered.
+     * @param newMembers The list of new room members
+     */
+    public updateMembers(newMembers: RoomMember[]): void {
+        this.props.members = newMembers;
+        this.computeSnapshot();
+    }
+}
diff --git a/apps/web/src/components/viewmodels/avatars/MemberAvatarViewModel.test.ts b/apps/web/src/components/viewmodels/avatars/MemberAvatarViewModel.test.ts
new file mode 100644
index 00000000000..ebf9a8d490e
--- /dev/null
+++ b/apps/web/src/components/viewmodels/avatars/MemberAvatarViewModel.test.ts
@@ -0,0 +1,78 @@
+/*
+ * 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.
+ */
+
+// @vitest-environment happy-dom
+
+import { it, describe, expect, vi } from "vitest";
+import { EventTimeline, type RoomState, RoomStateEvent } from "matrix-js-sdk/src/matrix";
+
+import { mkEvent, mkRoom, mkRoomMember, stubClient } from "../../../../test/test-utils";
+import { MemberAvatarViewModel } from "./MemberAvatarViewModel";
+
+vi.mock(import("../../../customisations/Media"), () => {
+    return {
+        mediaFromMxc: vi.fn().mockReturnValue({
+            getThumbnailOfSourceHttp: () => "avatar-url",
+        }),
+    };
+});
+
+describe("MemberAvatarViewModel", () => {
+    it("should compute the correct initial snapshot", () => {
+        const cli = stubClient();
+        const member = mkRoomMember("!my-room:m.org", "@alice:m.org");
+        member.getMxcAvatarUrl = () => "avatar-mxc-url";
+        member.name = "Alice";
+        const vm = new MemberAvatarViewModel({ cli, member, size: 20 });
+        const snapshot = vm.getSnapshot();
+        expect(snapshot.id).toStrictEqual("@alice:m.org");
+        expect(snapshot.title).toStrictEqual("@alice:m.org");
+        expect(snapshot.name).toStrictEqual("Alice");
+        expect(snapshot.size).toStrictEqual("20px");
+        expect(snapshot.url).toStrictEqual("avatar-url");
+    });
+
+    it("should update state", () => {
+        const cli = stubClient();
+        const room = mkRoom(cli, "!my-room:m.org");
+        cli.getRoom = () => room;
+        const member = mkRoomMember("!my-room:m.org", "@alice:m.org");
+        member.name = "Alice";
+
+        // The name is initially Alice
+        const vm = new MemberAvatarViewModel({ cli, member, size: 20 });
+        expect(vm.getSnapshot().name).toStrictEqual("Alice");
+
+        // On room event, name should update to Bob
+        member.name = "Bob";
+
+        const event = mkEvent({
+            type: "m.room.member",
+            user: "@alice.m.org",
+            content: {
+                displayname: "Bob",
+            },
+        });
+        vi.spyOn(room, "getLiveTimeline").mockImplementation(() => {
+            return {
+                getState: (): RoomState => {
+                    return {
+                        mayClientSendStateEvent: () => true,
+                    } as unknown as RoomState;
+                },
+            } as unknown as EventTimeline;
+        });
+        vi.mocked(room).emit(
+            RoomStateEvent.Members,
+            event,
+            room.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+            member,
+        );
+
+        expect(vm.getSnapshot().name).toStrictEqual("Bob");
+    });
+});
diff --git a/apps/web/src/components/viewmodels/avatars/MemberAvatarViewModel.ts b/apps/web/src/components/viewmodels/avatars/MemberAvatarViewModel.ts
new file mode 100644
index 00000000000..d7a2975629d
--- /dev/null
+++ b/apps/web/src/components/viewmodels/avatars/MemberAvatarViewModel.ts
@@ -0,0 +1,73 @@
+/*
+ * 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 MemberAvatarViewSnapshot } from "@element-hq/web-shared-components";
+import { type MatrixClient, RoomStateEvent, type RoomMember } from "matrix-js-sdk/src/matrix";
+
+import UserIdentifierCustomisations from "../../../customisations/UserIdentifier";
+import { mediaFromMxc } from "../../../customisations/Media";
+
+interface Props {
+    /**
+     * The size of the avatar in pixels, eg: 20.
+     */
+    size: number;
+    /**
+     * The room member for this avatar.
+     */
+    member: RoomMember;
+
+    /**
+     * MatrixClient object to access js-sdk.
+     */
+    cli: MatrixClient;
+}
+
+function computeSnapshot(props: Props): MemberAvatarViewSnapshot {
+    const size = props.size;
+    const member = props.member;
+    const id = member.userId;
+    const name = member.name ?? member.userId;
+    const title =
+        UserIdentifierCustomisations.getDisplayUserIdentifier(member.userId ?? "", {
+            roomId: member.roomId ?? "",
+        }) ?? member.userId;
+    let url: string | undefined;
+    if (member.getMxcAvatarUrl()) {
+        url =
+            mediaFromMxc(member.getMxcAvatarUrl() ?? "", props.cli).getThumbnailOfSourceHttp(size, size, "crop") ??
+            undefined;
+    }
+    return {
+        name,
+        id,
+        url,
+        size: `${size}px`,
+        title,
+    };
+}
+
+/**
+ * A view-model for rendering the avatar for a given room member.
+ */
+export class MemberAvatarViewModel extends BaseViewModel<MemberAvatarViewSnapshot, Props> {
+    public constructor(props: Props) {
+        super(props, computeSnapshot(props));
+        const roomId = props.member.roomId;
+        const room = props.cli.getRoom(roomId);
+        if (room) {
+            this.disposables.trackListener(room, RoomStateEvent.Members, this.onUpdate as (...args: unknown[]) => void);
+        }
+    }
+
+    private onUpdate = (event: unknown, state: unknown, member: RoomMember): void => {
+        if (member.userId === this.props.member.userId) {
+            const newSnapshot = computeSnapshot(this.props);
+            this.snapshot.set(newSnapshot);
+        }
+    };
+}
diff --git a/apps/web/src/components/viewmodels/avatars/RoomAvatarViewModel.ts b/apps/web/src/components/viewmodels/avatars/RoomAvatarViewModel.ts
new file mode 100644
index 00000000000..a351f4a657d
--- /dev/null
+++ b/apps/web/src/components/viewmodels/avatars/RoomAvatarViewModel.ts
@@ -0,0 +1,89 @@
+/*
+ * 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 { EventType, JoinRule, type MatrixEvent, type Room, RoomEvent } from "matrix-js-sdk/src/matrix";
+import { useEffect, useState } from "react";
+
+import { useTypedEventEmitter, useTypedEventEmitterState } from "../../../hooks/useEventEmitter";
+import { useDmMember, usePresence, type Presence } from "../../views/avatars/WithPresenceIndicator";
+import { DefaultTagID } from "../../../stores/room-list-v3/skip-list/tag";
+
+export enum AvatarBadgeDecoration {
+    LowPriority = "LowPriority",
+    VideoRoom = "VideoRoom",
+    PublicRoom = "PublicRoom",
+    Presence = "Presence",
+}
+
+export interface RoomAvatarViewState {
+    /**
+     * The presence of the user in the DM room.
+     * If null, the user is not in a DM room or presence is not enabled.
+     */
+    presence: Presence | null;
+
+    /**
+     * The decoration that should be rendered.
+     */
+    badgeDecoration?: AvatarBadgeDecoration;
+}
+
+/**
+ * Hook to get the state of the room avatar.
+ * @param room
+ */
+export function useRoomAvatarViewModel(room: Room): RoomAvatarViewState {
+    const isVideoRoom = room.isElementVideoRoom() || room.isCallRoom();
+    const roomMember = useDmMember(room);
+    const presence = usePresence(room, roomMember);
+    const isPublic = useIsPublic(room);
+    const isLowPriority = useTypedEventEmitterState(room, RoomEvent.Tags, () => !!room.tags[DefaultTagID.LowPriority]);
+
+    let badgeDecoration: AvatarBadgeDecoration | undefined;
+    if (isLowPriority) {
+        badgeDecoration = AvatarBadgeDecoration.LowPriority;
+    } else if (isVideoRoom) {
+        badgeDecoration = AvatarBadgeDecoration.VideoRoom;
+    } else if (isPublic) {
+        badgeDecoration = AvatarBadgeDecoration.PublicRoom;
+    } else if (presence) {
+        badgeDecoration = AvatarBadgeDecoration.Presence;
+    }
+
+    return { badgeDecoration, presence };
+}
+
+/**
+ * Hook listening to the room join rules.
+ * Return true if the room is public.
+ * @param room
+ */
+function useIsPublic(room: Room): boolean {
+    const [isPublic, setIsPublic] = useState(isRoomPublic(room));
+    // We don't use `useTypedEventEmitterState` because we don't want to update `isPublic` value at every `RoomEvent.Timeline` event.
+    useTypedEventEmitter(room, RoomEvent.Timeline, (ev: MatrixEvent, _room: Room) => {
+        if (room.roomId !== _room.roomId) return;
+        if (ev.getType() !== EventType.RoomJoinRules && ev.getType() !== EventType.RoomMember) return;
+
+        setIsPublic(isRoomPublic(_room));
+    });
+
+    // Reset the value when the room changes
+    useEffect(() => {
+        setIsPublic(isRoomPublic(room));
+    }, [room]);
+
+    return isPublic;
+}
+
+/**
+ * Whether the room is public.
+ * @param room
+ */
+function isRoomPublic(room: Room): boolean {
+    return room.getJoinRule() === JoinRule.Public;
+}
diff --git a/apps/web/src/components/viewmodels/memberlist/MemberListViewModel.ts b/apps/web/src/components/viewmodels/memberlist/MemberListViewModel.ts
new file mode 100644
index 00000000000..f285a593661
--- /dev/null
+++ b/apps/web/src/components/viewmodels/memberlist/MemberListViewModel.ts
@@ -0,0 +1,282 @@
+/*
+Copyright 2024 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 {
+    ClientEvent,
+    EventType,
+    type MatrixEvent,
+    type Room,
+    RoomEvent,
+    RoomMemberEvent,
+    type RoomState,
+    RoomStateEvent,
+    type RoomMember as SdkRoomMember,
+    type User,
+    UserEvent,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { throttle } from "lodash";
+
+import { type RoomMember } from "../../../models/rooms/RoomMember";
+import { mediaFromMxc } from "../../../customisations/Media";
+import UserIdentifierCustomisations from "../../../customisations/UserIdentifier";
+import { shouldShowComponent } from "../../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../../settings/UIFeature";
+import { type PresenceState } from "../../../models/rooms/PresenceState";
+import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
+import { SDKContext } from "../../../contexts/SDKContext";
+import PosthogTrackers from "../../../PosthogTrackers";
+import { type ButtonEvent } from "../../views/elements/AccessibleButton";
+import { inviteToRoom } from "../../../utils/room/inviteToRoom";
+import { canInviteTo } from "../../../utils/room/canInviteTo";
+import { isValid3pidInvite } from "../../../RoomInvite";
+import { type ThreePIDInvite } from "../../../models/rooms/ThreePIDInvite";
+import { type XOR } from "../../../@types/common";
+import { useTypedEventEmitter } from "../../../hooks/useEventEmitter";
+import { useRoomMemberCount } from "../../../hooks/useRoomMembers";
+
+type Member = XOR<{ member: RoomMember }, { threePidInvite: ThreePIDInvite }>;
+
+export function getPending3PidInvites(room: Room, searchQuery?: string): Member[] {
+    // include 3pid invites (m.room.third_party_invite) state events.
+    // The HS may have already converted these into m.room.member invites so
+    // we shouldn't add them if the 3pid invite state key (token) is in the
+    // member invite (content.third_party_invite.signed.token)
+    const inviteEvents = room.currentState.getStateEvents("m.room.third_party_invite").filter(function (e) {
+        if (!isValid3pidInvite(e)) return false;
+        if (searchQuery && !(e.getContent().display_name as string)?.includes(searchQuery)) return false;
+
+        // discard all invites which have a m.room.member event since we've
+        // already added them.
+        const memberEvent = room.currentState.getInviteForThreePidToken(e.getStateKey()!);
+        if (memberEvent) return false;
+        return true;
+    });
+    const invites: Member[] = inviteEvents.map((e) => {
+        return {
+            threePidInvite: {
+                event: e,
+            },
+        };
+    });
+    return invites;
+}
+
+export function sdkRoomMemberToRoomMember(member: SdkRoomMember): Member {
+    const displayUserId =
+        UserIdentifierCustomisations.getDisplayUserIdentifier(member.userId, {
+            roomId: member.roomId,
+        }) ?? member.userId;
+
+    const mxcAvatarURL = member.getMxcAvatarUrl();
+    const avatarThumbnailUrl =
+        (mxcAvatarURL && mediaFromMxc(mxcAvatarURL).getThumbnailOfSourceHttp(96, 96, "crop")) ?? undefined;
+
+    const user = member.user;
+    let presenceState: PresenceState | undefined;
+    if (user) {
+        presenceState = (user.presence as PresenceState) || undefined;
+    }
+
+    return {
+        member: {
+            roomId: member.roomId,
+            userId: member.userId,
+            displayUserId: displayUserId,
+            name: member.name,
+            rawDisplayName: member.rawDisplayName,
+            disambiguate: member.disambiguate,
+            avatarThumbnailUrl: avatarThumbnailUrl,
+            powerLevel: member.powerLevel,
+            lastModifiedTime: member.getLastModifiedTime(),
+            presenceState,
+            isInvite: member.membership === KnownMembership.Invite,
+        },
+    };
+}
+
+export const SEPARATOR = "SEPARATOR";
+export type MemberWithSeparator = Member | typeof SEPARATOR;
+
+export interface MemberListViewState {
+    members: MemberWithSeparator[];
+    memberCount: number;
+    search: (searchQuery: string) => void;
+    isPresenceEnabled: boolean;
+    shouldShowInvite: boolean;
+    shouldShowSearch: boolean;
+    isLoading: boolean;
+    canInvite: boolean;
+    onInviteButtonClick: (ev: ButtonEvent) => void;
+}
+export function useMemberListViewModel(roomId: string): MemberListViewState {
+    const cli = useMatrixClientContext();
+
+    const room = useMemo(() => cli.getRoom(roomId), [roomId, cli]);
+    if (!room) {
+        throw new Error(`Room with id ${roomId} does not exist!`);
+    }
+
+    const sdkContext = useContext(SDKContext);
+    const [memberMap, setMemberMap] = useState<Map<string, MemberWithSeparator>>(new Map());
+    const [isLoading, setIsLoading] = useState<boolean>(true);
+    // This is the last known total number of members in this room.
+    const [totalMemberCount, setTotalMemberCount] = useState(0);
+
+    const memberCountWithout3Pid = useRoomMemberCount(room, { includeInvited: true });
+
+    /**
+     * This is the current number of members in the list.
+     * This number will be less than the total number of members
+     * in the room when the search functionality is used.
+     */
+    const [memberCount, setMemberCount] = useState(0);
+
+    const loadMembers = useMemo(
+        () =>
+            throttle(
+                async (searchQuery?: string): Promise<void> => {
+                    const { joined: joinedSdk, invited: invitedSdk } = await sdkContext.memberListStore.loadMemberList(
+                        roomId,
+                        searchQuery,
+                    );
+                    const threePidInvited = getPending3PidInvites(room, searchQuery);
+
+                    const newMemberMap = new Map<string, MemberWithSeparator>();
+
+                    // First add the joined room members
+                    for (const member of joinedSdk) {
+                        const roomMember = sdkRoomMemberToRoomMember(member);
+                        newMemberMap.set(member.userId, roomMember);
+                    }
+
+                    // Then a separator if needed
+                    if (joinedSdk.length > 0 && (invitedSdk.length > 0 || threePidInvited.length > 0))
+                        newMemberMap.set(SEPARATOR, SEPARATOR);
+
+                    // Then add the invited room members
+                    for (const member of invitedSdk) {
+                        const roomMember = sdkRoomMemberToRoomMember(member);
+                        newMemberMap.set(member.userId, roomMember);
+                    }
+
+                    // Finally add the third party invites
+                    for (const invited of threePidInvited) {
+                        const key = `threePidInvite-${invited.threePidInvite!.event.getStateKey()}`;
+                        newMemberMap.set(key, invited);
+                    }
+
+                    setMemberMap(newMemberMap);
+                    setMemberCount(memberCountWithout3Pid + threePidInvited.length);
+                    if (!searchQuery) {
+                        /**
+                         * Since searching for members only gives you the relevant
+                         * members matching the query, do not update the totalMemberCount!
+                         **/
+                        setTotalMemberCount(newMemberMap.size);
+                    }
+                },
+                500,
+                { leading: true, trailing: true },
+            ),
+        [sdkContext.memberListStore, roomId, room, memberCountWithout3Pid],
+    );
+
+    const isPresenceEnabled = useMemo(
+        () => sdkContext.memberListStore.isPresenceEnabled(),
+        [sdkContext.memberListStore],
+    );
+
+    // Determines whether the rendered invite button is enabled or disabled
+    const getCanUserInviteToThisRoom = useCallback((): boolean => !!room && canInviteTo(room), [room]);
+    const [canInvite, setCanInvite] = useState<boolean>(getCanUserInviteToThisRoom());
+
+    // Determines whether the invite button should be shown or not.
+    const getShouldShowInvite = useCallback(
+        (): boolean => room?.getMyMembership() === KnownMembership.Join && shouldShowComponent(UIComponent.InviteUsers),
+        [room],
+    );
+    const [shouldShowInvite, setShouldShowInvite] = useState<boolean>(getShouldShowInvite());
+
+    const onInviteButtonClick = (ev: ButtonEvent): void => {
+        PosthogTrackers.trackInteraction("WebRightPanelMemberListInviteButton", ev);
+        ev.preventDefault();
+        inviteToRoom(room);
+    };
+
+    useTypedEventEmitter(cli, RoomStateEvent.Events, (event: MatrixEvent) => {
+        if (event.getRoomId() === roomId && event.getType() === EventType.RoomThirdPartyInvite) {
+            loadMembers();
+            const newCanInvite = getCanUserInviteToThisRoom();
+            setCanInvite(newCanInvite);
+        }
+    });
+
+    useTypedEventEmitter(cli, RoomStateEvent.Update, (state: RoomState) => {
+        if (state.roomId === roomId) {
+            loadMembers();
+            // Power level and join rule changes both surface here, and both can change whether we may
+            // invite. Mirrors RoomSummaryCardViewModel, which recomputes canInviteTo on the same event.
+            setCanInvite(getCanUserInviteToThisRoom());
+        }
+    });
+
+    useTypedEventEmitter(cli, RoomMemberEvent.Name, (_: MatrixEvent, member: SdkRoomMember) => {
+        if (member.roomId === roomId) loadMembers();
+    });
+
+    useTypedEventEmitter(cli, ClientEvent.Room, (room: Room) => {
+        // We listen for room events because when we accept an invite
+        // we need to wait till the room is fully populated with state
+        // before refreshing the member list else we get a stale list.
+        if (room.roomId === roomId) loadMembers();
+    });
+
+    useTypedEventEmitter(cli, RoomEvent.MyMembership, (room: Room, membership: string, oldMembership?: string) => {
+        if (room.roomId !== roomId) return;
+        if (membership === KnownMembership.Join && oldMembership !== KnownMembership.Join) {
+            // we just joined the room, load the member list
+            loadMembers();
+            const newShouldShowInvite = getShouldShowInvite();
+            setShouldShowInvite(newShouldShowInvite);
+        }
+    });
+
+    useTypedEventEmitter(cli, UserEvent.Presence, (_: MatrixEvent | undefined, user: User) => {
+        if (memberMap.has(user.userId)) loadMembers();
+    });
+
+    useTypedEventEmitter(cli, UserEvent.CurrentlyActive, (_: MatrixEvent | undefined, user: User) => {
+        if (memberMap.has(user.userId)) loadMembers();
+    });
+
+    // Initial load of the memberlist
+    useEffect(() => {
+        (async () => {
+            await loadMembers();
+            /**
+             * isLoading is used to render a spinner on initial call.
+             * Further calls need not mutate this state since it's perfectly fine to
+             * show the existing memberlist until the new one loads.
+             */
+            setIsLoading(false);
+        })();
+    }, [loadMembers]);
+
+    return {
+        members: Array.from(memberMap.values()),
+        memberCount,
+        search: loadMembers,
+        shouldShowInvite,
+        isPresenceEnabled,
+        isLoading,
+        onInviteButtonClick,
+        shouldShowSearch: totalMemberCount >= 20,
+        canInvite,
+    };
+}
diff --git a/apps/web/src/components/viewmodels/memberlist/tiles/MemberTileViewModel.ts b/apps/web/src/components/viewmodels/memberlist/tiles/MemberTileViewModel.ts
new file mode 100644
index 00000000000..1cb29029ea6
--- /dev/null
+++ b/apps/web/src/components/viewmodels/memberlist/tiles/MemberTileViewModel.ts
@@ -0,0 +1,151 @@
+/*
+Copyright 2024 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 { useEffect, useState } from "react";
+import { RoomStateEvent, type MatrixEvent, EventType } from "matrix-js-sdk/src/matrix";
+import { type UserVerificationStatus, CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+
+import dis from "../../../../dispatcher/dispatcher";
+import { MatrixClientPeg } from "../../../../MatrixClientPeg";
+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 } from "../../../../languageHandler";
+import { E2EStatus } from "../../../../utils/ShieldUtils";
+
+interface MemberTileViewModelProps {
+    member: RoomMember;
+    showPresence?: boolean;
+}
+
+export interface MemberTileViewState extends MemberTileViewModelProps {
+    e2eStatus?: E2EStatus;
+    name: string;
+    onClick: () => void;
+    userLabel?: string;
+}
+
+export enum PowerStatus {
+    Creator = "creator",
+    Admin = "admin",
+    Moderator = "moderator",
+}
+
+const PowerLabel: Record<PowerStatus, TranslationKey> = {
+    [PowerStatus.Creator]: _td("power_level|creator"),
+    [PowerStatus.Admin]: _td("power_level|admin"),
+    [PowerStatus.Moderator]: _td("power_level|moderator"),
+};
+
+export function useMemberTileViewModel(props: MemberTileViewModelProps): MemberTileViewState {
+    const [e2eStatus, setE2eStatus] = useState<E2EStatus | undefined>();
+
+    useEffect(() => {
+        const cli = MatrixClientPeg.safeGet();
+
+        const updateE2EStatus = async (): Promise<void> => {
+            const { userId } = props.member;
+            const isMe = userId === cli.getUserId();
+            const userTrust = await cli.getCrypto()?.getUserVerificationStatus(userId);
+            if (!userTrust?.isCrossSigningVerified()) {
+                setE2eStatus(userTrust?.wasCrossSigningVerified() ? E2EStatus.Warning : E2EStatus.Normal);
+                return;
+            }
+
+            const deviceIDs = await getUserDeviceIds(cli, userId);
+            const anyDeviceUnverified = await asyncSome(deviceIDs, async (deviceId) => {
+                // For your own devices, we use the stricter check of cross-signing
+                // verification to encourage everyone to trust their own devices via
+                // cross-signing so that other users can then safely trust you.
+                // For other people's devices, the more general verified check that
+                // includes locally verified devices can be used.
+                const deviceTrust = await cli.getCrypto()?.getDeviceVerificationStatus(userId, deviceId);
+                return !deviceTrust || (isMe ? !deviceTrust.crossSigningVerified : !deviceTrust.isVerified());
+            });
+            setE2eStatus(anyDeviceUnverified ? E2EStatus.Warning : E2EStatus.Verified);
+        };
+
+        const onRoomStateEvents = (ev: MatrixEvent): void => {
+            if (ev.getType() !== EventType.RoomEncryption) return;
+            const { roomId } = props.member;
+            if (ev.getRoomId() !== roomId) return;
+
+            // The room is encrypted now.
+            cli.removeListener(RoomStateEvent.Events, onRoomStateEvents);
+            updateE2EStatus();
+        };
+
+        const onUserTrustStatusChanged = (userId: string, trustStatus: UserVerificationStatus): void => {
+            if (userId !== props.member.userId) return;
+            updateE2EStatus();
+        };
+
+        const { roomId } = props.member;
+        if (roomId) {
+            const isRoomEncrypted = cli.isRoomEncrypted(roomId);
+            if (isRoomEncrypted) {
+                cli.on(CryptoEvent.UserTrustStatusChanged, onUserTrustStatusChanged);
+                updateE2EStatus();
+            } else {
+                // Listen for room to become encrypted
+                cli.on(RoomStateEvent.Events, onRoomStateEvents);
+            }
+        }
+
+        return () => {
+            if (cli) {
+                cli.removeListener(RoomStateEvent.Events, onRoomStateEvents);
+                cli.removeListener(CryptoEvent.UserTrustStatusChanged, onUserTrustStatusChanged);
+            }
+        };
+    }, [props.member]);
+
+    const onClick = (): void => {
+        dis.dispatch({
+            action: Action.ViewUser,
+            member: props.member,
+            push: true,
+        });
+    };
+
+    const member = props.member;
+    const name = props.member.name;
+
+    const powerStatusMap = new Map([
+        [Infinity, PowerStatus.Creator],
+        [100, PowerStatus.Admin],
+        [50, PowerStatus.Moderator],
+    ]);
+
+    // Find the nearest power level with a badge
+    let powerLevel = props.member.powerLevel;
+    for (const [pl] of powerStatusMap) {
+        if (props.member.powerLevel >= pl) {
+            powerLevel = pl;
+            break;
+        }
+    }
+
+    let userLabel;
+    const powerStatus = powerStatusMap.get(powerLevel);
+    if (powerStatus) {
+        userLabel = _t(PowerLabel[powerStatus]);
+    }
+    if (props.member.isInvite) {
+        userLabel = _t("member_list|invited_label");
+    }
+
+    return {
+        member,
+        name,
+        onClick,
+        e2eStatus,
+        showPresence: props.showPresence,
+        userLabel,
+    };
+}
diff --git a/apps/web/src/components/viewmodels/memberlist/tiles/ThreePidTileViewModel.ts b/apps/web/src/components/viewmodels/memberlist/tiles/ThreePidTileViewModel.ts
new file mode 100644
index 00000000000..f1e32692c0f
--- /dev/null
+++ b/apps/web/src/components/viewmodels/memberlist/tiles/ThreePidTileViewModel.ts
@@ -0,0 +1,40 @@
+/*
+Copyright 2024 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 dis from "../../../../dispatcher/dispatcher";
+import { Action } from "../../../../dispatcher/actions";
+import { type ThreePIDInvite } from "../../../../models/rooms/ThreePIDInvite";
+import { _t } from "../../../../languageHandler";
+
+interface ThreePidTileViewModelProps {
+    threePidInvite: ThreePIDInvite;
+}
+
+export interface ThreePidTileViewState {
+    name: string;
+    onClick: () => void;
+    userLabel?: string;
+}
+
+export function useThreePidTileViewModel(props: ThreePidTileViewModelProps): ThreePidTileViewState {
+    const invite = props.threePidInvite;
+    const name = invite.event.getContent().display_name;
+    const onClick = (): void => {
+        dis.dispatch({
+            action: Action.View3pidInvite,
+            event: invite.event,
+        });
+    };
+
+    const userLabel = _t("member_list|invited_label");
+
+    return {
+        name,
+        onClick,
+        userLabel,
+    };
+}
diff --git a/apps/web/src/components/viewmodels/right_panel/RoomSummaryCardTopicViewModel.ts b/apps/web/src/components/viewmodels/right_panel/RoomSummaryCardTopicViewModel.ts
new file mode 100644
index 00000000000..fd98a765414
--- /dev/null
+++ b/apps/web/src/components/viewmodels/right_panel/RoomSummaryCardTopicViewModel.ts
@@ -0,0 +1,83 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { type SyntheticEvent, useState } from "react";
+import { EventType, type Room, type ContentHelpers } from "matrix-js-sdk/src/matrix";
+
+import { useRoomState } from "../../../hooks/useRoomState";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { onRoomTopicLinkClick } from "../../views/elements/RoomTopic";
+import { useTopic } from "../../../hooks/room/useTopic";
+
+export interface RoomTopicState {
+    /**
+     * The topic of the room, the value is taken from the room state
+     */
+    topic: ContentHelpers.TopicState | null;
+    /**
+     * Whether the topic is expanded or not
+     */
+    expanded: boolean;
+    /**
+     * Whether the user have the permission to edit the topic
+     */
+    canEditTopic: boolean;
+    /**
+     * The callback when the edit button is clicked
+     */
+    onEditClick: (e: SyntheticEvent) => void;
+    /**
+     * When the expand button is clicked, it changes expanded state
+     */
+    onExpandedClick: (ev: SyntheticEvent) => void;
+    /**
+     * The callback when the topic link is clicked
+     */
+    onTopicLinkClick: React.MouseEventHandler<HTMLElement>;
+}
+
+/**
+ * The view model for the room topic used in the RoomSummaryCard
+ * @param room - the room to get the topic from
+ * @returns the room topic state
+ */
+export function useRoomTopicViewModel(room: Room): RoomTopicState {
+    const [expanded, setExpanded] = useState(true);
+
+    const topic = useTopic(room);
+
+    const canEditTopic = useRoomState(room, (state) =>
+        state.maySendStateEvent(EventType.RoomTopic, room.client.getSafeUserId()),
+    );
+
+    const onEditClick = (e: SyntheticEvent): void => {
+        e.preventDefault();
+        e.stopPropagation();
+        defaultDispatcher.dispatch({ action: "open_room_settings" });
+    };
+
+    const onExpandedClick = (e: SyntheticEvent): void => {
+        e.preventDefault();
+        e.stopPropagation();
+        setExpanded((_expanded) => !_expanded);
+    };
+
+    const onTopicLinkClick = (e: React.MouseEvent): void => {
+        if (e.target instanceof HTMLAnchorElement) {
+            onRoomTopicLinkClick(e);
+            return;
+        }
+    };
+
+    return {
+        topic,
+        expanded,
+        canEditTopic,
+        onEditClick,
+        onExpandedClick,
+        onTopicLinkClick,
+    };
+}
diff --git a/apps/web/src/components/viewmodels/right_panel/RoomSummaryCardViewModel.ts b/apps/web/src/components/viewmodels/right_panel/RoomSummaryCardViewModel.ts
new file mode 100644
index 00000000000..903066f65ba
--- /dev/null
+++ b/apps/web/src/components/viewmodels/right_panel/RoomSummaryCardViewModel.ts
@@ -0,0 +1,300 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { useEffect, useRef, useState } from "react";
+import {
+    EventType,
+    type HistoryVisibility,
+    type JoinRule,
+    type Room,
+    RoomEvent,
+    RoomStateEvent,
+} from "matrix-js-sdk/src/matrix";
+import { type UserStatus } from "@element-hq/web-shared-components";
+
+import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
+import { useIsEncrypted } from "../../../hooks/useIsEncrypted";
+import { useScopedRoomContext } from "../../../contexts/ScopedRoomContext";
+import { type E2EStatus } from "../../../utils/ShieldUtils";
+import { isVideoRoom as calcIsVideoRoom } from "../../../utils/video-rooms";
+import { useRoomState } from "../../../hooks/useRoomState";
+import { useAccountData } from "../../../hooks/useAccountData";
+import { useDispatcher } from "../../../hooks/useDispatcher";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import { canInviteTo } from "../../../utils/room/canInviteTo";
+import { DefaultTagID } from "../../../stores/room-list-v3/skip-list/tag";
+import { useEventEmitterState } from "../../../hooks/useEventEmitter";
+import RightPanelStore from "../../../stores/right-panel/RightPanelStore";
+import { RightPanelPhases } from "../../../stores/right-panel/RightPanelStorePhases";
+import PosthogTrackers from "../../../PosthogTrackers";
+import { PollHistoryDialog } from "../../views/dialogs/PollHistoryDialog";
+import Modal from "../../../Modal";
+import ExportDialog from "../../views/dialogs/ExportDialog";
+import { ShareDialog } from "../../views/dialogs/ShareDialog";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import { ReportRoomDialog } from "../../views/dialogs/ReportRoomDialog";
+import { Key } from "../../../Keyboard";
+import { usePinnedEvents } from "../../../hooks/usePinnedEvents";
+import { tagRoom } from "../../../utils/room/tagRoom";
+import { inviteToRoom } from "../../../utils/room/inviteToRoom";
+import { getTagsForRoom } from "../../../utils/room/getTagsForRoom";
+import { useDmMember } from "../../views/avatars/WithPresenceIndicator";
+import { useUserStatus } from "../../../hooks/useUserStatus";
+
+export interface RoomSummaryCardState {
+    isDirectMessage: boolean;
+    /**
+     * The MSC4426 status of the other user if this room is a DM.
+     * Should be undefined for non-DM rooms.
+     */
+    userStatus: UserStatus | undefined;
+    /**
+     * Whether the room is encrypted, used to display the correct badge and icon
+     */
+    isRoomEncrypted: boolean;
+    /**
+     * The e2e status of the room, used to display the correct badge and icon
+     */
+    e2eStatus: E2EStatus | undefined;
+    /**
+     * 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
+     */
+    isVideoRoom: boolean;
+    /**
+     * display the alias of the room, if it exists
+     */
+    alias: string;
+    /**
+     * value to check if the room is a favorite or not
+     */
+    isFavorite: boolean;
+    /**
+     * value to check if we disable invite button or not
+     */
+    canInviteToState: boolean;
+    /**
+     * Getting the number of pinned messages in the room, next to the pin button
+     */
+    pinCount: number;
+    searchInputRef: React.RefObject<HTMLInputElement | null>;
+    /**
+     * The callback when new value is entered in the search input
+     */
+    onUpdateSearchInput: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * Callbacks to all the actions button in the right panel
+     */
+    onRoomMembersClick: () => void;
+    onRoomThreadsClick: () => void;
+    onRoomFilesClick: () => void;
+    onRoomExtensionsClick: () => void;
+    onRoomPinsClick: () => void;
+    onRoomSettingsClick: (ev: Event) => void;
+    onLeaveRoomClick: () => void;
+    onShareRoomClick: () => void;
+    onRoomExportClick: () => Promise<void>;
+    onRoomPollHistoryClick: () => void;
+    onReportRoomClick: () => Promise<void>;
+    onFavoriteToggleClick: () => void;
+    onInviteToRoomClick: () => void;
+}
+
+/**
+ * Hook to check if the room is a direct message or not
+ * @param room - The room to check
+ * @returns Whether the room is a direct message
+ */
+const useIsDirectMessage = (room: Room): boolean => {
+    const directRoomsList = useAccountData<Record<string, string[]>>(room.client, EventType.Direct);
+    const [isDirectMessage, setDirectMessage] = useState(false);
+
+    useEffect(() => {
+        for (const [, dmRoomList] of Object.entries(directRoomsList)) {
+            if (dmRoomList.includes(room?.roomId ?? "")) {
+                setDirectMessage(true);
+                break;
+            }
+        }
+    }, [room, directRoomsList]);
+
+    return isDirectMessage;
+};
+
+/**
+ * Hook to handle the search input in the right panel
+ * @param onSearchCancel - The callback when the search input is cancelled
+ * @returns The search input ref and the callback when the search input is updated
+ */
+const useSearchInput = (
+    onSearchCancel?: () => void,
+): {
+    searchInputRef: React.RefObject<HTMLInputElement | null>;
+    onUpdateSearchInput: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+} => {
+    const searchInputRef = useRef<HTMLInputElement>(null);
+
+    const onUpdateSearchInput = (e: React.KeyboardEvent<HTMLInputElement>): void => {
+        if (searchInputRef.current && e.key === Key.ESCAPE) {
+            searchInputRef.current.value = "";
+            onSearchCancel?.();
+        }
+    };
+
+    // Focus the search field when the user clicks on the search button component
+    useDispatcher(defaultDispatcher, (payload) => {
+        if (payload.action === Action.FocusMessageSearch) {
+            searchInputRef.current?.focus();
+        }
+    });
+
+    return {
+        searchInputRef,
+        onUpdateSearchInput,
+    };
+};
+
+export function useRoomSummaryCardViewModel(
+    room: Room,
+    permalinkCreator: RoomPermalinkCreator,
+    onSearchCancel?: () => void,
+): RoomSummaryCardState {
+    const cli = useMatrixClientContext();
+
+    const isRoomEncrypted = useIsEncrypted(cli, room) ?? false;
+    const roomContext = useScopedRoomContext("e2eStatus", "timelineRenderingType");
+    const e2eStatus = roomContext.e2eStatus;
+    const isVideoRoom = calcIsVideoRoom(room);
+
+    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
+    const canInviteToState = useEventEmitterState(room, RoomStateEvent.Update, () => canInviteTo(room));
+
+    const roomTags = useEventEmitterState(room, RoomEvent.Tags, () => getTagsForRoom(room));
+    const isFavorite = roomTags.includes(DefaultTagID.Favourite);
+
+    const isDirectMessage = useIsDirectMessage(room);
+    const dmMember = useDmMember(room);
+    const userStatus = useUserStatus(dmMember?.userId);
+
+    const onRoomMembersClick = (): void => {
+        RightPanelStore.instance.pushCard({ phase: RightPanelPhases.MemberList }, true);
+    };
+
+    const onRoomThreadsClick = (): void => {
+        RightPanelStore.instance.pushCard({ phase: RightPanelPhases.ThreadPanel }, true);
+    };
+
+    const onRoomFilesClick = (): void => {
+        RightPanelStore.instance.pushCard({ phase: RightPanelPhases.FilePanel }, true);
+    };
+
+    const onRoomExtensionsClick = (): void => {
+        RightPanelStore.instance.pushCard({ phase: RightPanelPhases.Extensions }, true);
+    };
+
+    const onRoomPinsClick = (): void => {
+        PosthogTrackers.trackInteraction("PinnedMessageRoomInfoButton");
+        RightPanelStore.instance.pushCard({ phase: RightPanelPhases.PinnedMessages }, true);
+    };
+
+    const onRoomSettingsClick = (ev: Event): void => {
+        defaultDispatcher.dispatch({ action: "open_room_settings" });
+        PosthogTrackers.trackInteraction("WebRightPanelRoomInfoSettingsButton", ev);
+    };
+
+    const onShareRoomClick = (): void => {
+        Modal.createDialog(ShareDialog, {
+            target: room,
+        });
+    };
+
+    const onRoomExportClick = async (): Promise<void> => {
+        Modal.createDialog(ExportDialog, {
+            room,
+        });
+    };
+
+    const onRoomPollHistoryClick = (): void => {
+        Modal.createDialog(PollHistoryDialog, {
+            room,
+            matrixClient: cli,
+            permalinkCreator,
+        });
+    };
+
+    const onLeaveRoomClick = (): void => {
+        defaultDispatcher.dispatch({
+            action: "leave_room",
+            room_id: room.roomId,
+        });
+    };
+
+    const onReportRoomClick = async (): Promise<void> => {
+        const [leave] = await Modal.createDialog(ReportRoomDialog, {
+            roomId: room.roomId,
+        }).finished;
+        if (leave) {
+            defaultDispatcher.dispatch({
+                action: "leave_room",
+                room_id: room.roomId,
+            });
+        }
+    };
+
+    const onFavoriteToggleClick = (): void => {
+        tagRoom(room, DefaultTagID.Favourite);
+    };
+
+    const onInviteToRoomClick = (): void => {
+        inviteToRoom(room);
+    };
+
+    // Room Search element ref
+    const { searchInputRef, onUpdateSearchInput } = useSearchInput(onSearchCancel);
+
+    return {
+        isDirectMessage,
+        userStatus,
+        isRoomEncrypted,
+        roomJoinRule,
+        e2eStatus,
+        historyVisibility,
+        isVideoRoom,
+        alias,
+        isFavorite,
+        canInviteToState,
+        searchInputRef,
+        pinCount,
+        onRoomMembersClick,
+        onRoomThreadsClick,
+        onRoomFilesClick,
+        onRoomExtensionsClick,
+        onRoomPinsClick,
+        onRoomSettingsClick,
+        onLeaveRoomClick,
+        onShareRoomClick,
+        onRoomExportClick,
+        onRoomPollHistoryClick,
+        onReportRoomClick,
+        onUpdateSearchInput,
+        onFavoriteToggleClick,
+        onInviteToRoomClick,
+    };
+}
diff --git a/apps/web/src/components/viewmodels/right_panel/UserInfoPowerlevelViewModel.tsx b/apps/web/src/components/viewmodels/right_panel/UserInfoPowerlevelViewModel.tsx
new file mode 100644
index 00000000000..f56356ff411
--- /dev/null
+++ b/apps/web/src/components/viewmodels/right_panel/UserInfoPowerlevelViewModel.tsx
@@ -0,0 +1,108 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React, { useContext, useEffect, useState, useCallback } from "react";
+import { logger } from "@sentry/browser";
+import { type RoomMember, type Room } from "matrix-js-sdk/src/matrix";
+
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { _t } from "../../../languageHandler";
+import Modal from "../../../Modal";
+import ErrorDialog from "../../views/dialogs/ErrorDialog";
+import QuestionDialog from "../../views/dialogs/QuestionDialog";
+import { warnSelfDemote } from "../../views/right_panel/UserInfo";
+
+/**
+ *
+ */
+export interface UserInfoPowerLevelState {
+    /**
+     * default power level value of the selected user
+     */
+    powerLevelUsersDefault: number;
+    /**
+     * The new power level to apply
+     */
+    selectedPowerLevel: number;
+    /**
+     * Method to call When power level selection change
+     */
+    onPowerChange: (powerLevel: number) => void;
+}
+
+export const useUserInfoPowerlevelViewModel = (user: RoomMember, room: Room): UserInfoPowerLevelState => {
+    const [selectedPowerLevel, setSelectedPowerLevel] = useState(user.powerLevel);
+
+    useEffect(() => {
+        setSelectedPowerLevel(user.powerLevel);
+    }, [user]);
+
+    const cli = useContext(MatrixClientContext);
+    const onPowerChange = useCallback(
+        async (powerLevel: number) => {
+            setSelectedPowerLevel(powerLevel);
+
+            const applyPowerChange = (roomId: string, target: string, powerLevel: number): Promise<unknown> => {
+                return cli.setPowerLevel(roomId, target, powerLevel).then(
+                    function () {
+                        logger.info("Power change success");
+                    },
+                    function (err) {
+                        logger.error("Failed to change power level " + err);
+                        Modal.createDialog(ErrorDialog, {
+                            title: _t("common|error"),
+                            description: _t("error|update_power_level"),
+                        });
+                    },
+                );
+            };
+
+            const roomId = user.roomId;
+            const target = user.userId;
+
+            const powerLevelEvent = room.currentState.getStateEvents("m.room.power_levels", "");
+            if (!powerLevelEvent) return;
+
+            const myUserId = cli.getUserId();
+            const myPower = powerLevelEvent.getContent().users[myUserId || ""];
+            if (myPower && parseInt(myPower) <= powerLevel && myUserId !== target) {
+                const { finished } = Modal.createDialog(QuestionDialog, {
+                    title: _t("common|warning"),
+                    description: (
+                        <div>
+                            {_t("user_info|promote_warning")}
+                            <br />
+                            {_t("common|are_you_sure")}
+                        </div>
+                    ),
+                    button: _t("action|continue"),
+                });
+
+                const [confirmed] = await finished;
+                if (!confirmed) return;
+            } else if (myUserId === target && myPower && parseInt(myPower) > powerLevel) {
+                // If we are changing our own PL it can only ever be decreasing, which we cannot reverse.
+                try {
+                    if (!(await warnSelfDemote(room?.isSpaceRoom()))) return;
+                } catch (e) {
+                    logger.error("Failed to warn about self demotion: " + e);
+                }
+            }
+
+            await applyPowerChange(roomId, target, powerLevel);
+        },
+        [user.roomId, user.userId, cli, room],
+    );
+
+    const powerLevelEvent = room.currentState.getStateEvents("m.room.power_levels", "");
+    const powerLevelUsersDefault = powerLevelEvent ? powerLevelEvent.getContent().users_default : 0;
+
+    return {
+        powerLevelUsersDefault,
+        onPowerChange,
+        selectedPowerLevel,
+    };
+};
diff --git a/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoBasicOptionsViewModel.ts b/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoBasicOptionsViewModel.ts
new file mode 100644
index 00000000000..9d286125aed
--- /dev/null
+++ b/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoBasicOptionsViewModel.ts
@@ -0,0 +1,152 @@
+/*
+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 { useContext } from "react";
+import { RoomMember, User, type Room, KnownMembership } from "matrix-js-sdk/src/matrix";
+
+import Modal from "../../../../Modal";
+import ErrorDialog from "../../../views/dialogs/ErrorDialog";
+import { _t, UserFriendlyError } from "../../../../languageHandler";
+import MatrixClientContext from "../../../../contexts/MatrixClientContext";
+import dis from "../../../../dispatcher/dispatcher";
+import PosthogTrackers from "../../../../PosthogTrackers";
+import { ShareDialog } from "../../../views/dialogs/ShareDialog";
+import { type ComposerInsertPayload } from "../../../../dispatcher/payloads/ComposerInsertPayload";
+import { Action } from "../../../../dispatcher/actions";
+import { TimelineRenderingType } from "../../../../contexts/RoomContext";
+import MultiInviter from "../../../../utils/MultiInviter";
+import { type ViewRoomPayload } from "../../../../dispatcher/payloads/ViewRoomPayload";
+import { useRoomPermissions } from "./UserInfoBasicViewModel";
+import { DirectoryMember, startDmOnFirstMessage } from "../../../../utils/direct-messages";
+import { type Member } from "../../../views/right_panel/UserInfo";
+
+export interface UserInfoBasicOptionsState {
+    // boolean to know if selected user is current user
+    isMe: boolean;
+    // boolean to display/hide invite button
+    showInviteButton: boolean;
+    // boolean to display/hide insert pill button
+    showInsertPillButton: boolean | "";
+    // boolean to display/hide read receipt button
+    readReceiptButtonDisabled: boolean;
+    // Method called when a insert pill button is clicked
+    onInsertPillButton: () => void;
+    // Method called when a read receipt button is clicked, will add a pill in the input message field
+    onReadReceiptButton: () => void;
+    // Method called when a share user button is clicked, will display modal with profile to share
+    onShareUserClick: () => void;
+    // Method called when a invite button is clicked, will display modal to invite user
+    onInviteUserButton: (fallbackRoomId: string, evt: Event) => Promise<void>;
+    // Method called when the DM button is clicked, will open a DM with the selected member
+    onOpenDmForUser: (member: Member) => Promise<void>;
+}
+
+export const useUserInfoBasicOptionsViewModel = (room: Room, member: User | RoomMember): UserInfoBasicOptionsState => {
+    const cli = useContext(MatrixClientContext);
+
+    // selected member is current user
+    const isMe = member.userId === cli.getUserId();
+
+    // Those permissions are updated when a change is done on the room current state and the selected user
+    const roomPermissions = useRoomPermissions(cli, room, member as RoomMember);
+
+    const isSpace = room?.isSpaceRoom();
+
+    // read receipt button stay disable for a room space or if all events where read (null)
+    const readReceiptButtonDisabled = isSpace || !room?.getEventReadUpTo(member.userId);
+
+    // always show exempt when room is a space
+    const showInsertPillButton = member instanceof RoomMember && member.roomId && !isSpace;
+
+    // show invite button only if current user has the permission to invite and the selected user membership is LEAVE
+    const showInviteButton =
+        member instanceof RoomMember &&
+        roomPermissions.canInvite &&
+        (member?.membership ?? KnownMembership.Leave) === KnownMembership.Leave;
+
+    const onReadReceiptButton = function (): void {
+        const room = member instanceof RoomMember ? cli.getRoom(member.roomId) : null;
+        if (!room || readReceiptButtonDisabled) return;
+
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            highlighted: true,
+            // this could return null, the default prevents a type error
+            event_id: room.getEventReadUpTo(member.userId) || undefined,
+            room_id: room.roomId,
+            metricsTrigger: undefined, // room doesn't change
+        });
+    };
+
+    const onInsertPillButton = function (): void {
+        dis.dispatch<ComposerInsertPayload>({
+            action: Action.ComposerInsert,
+            userId: member.userId,
+            timelineRenderingType: TimelineRenderingType.Room,
+        });
+    };
+
+    const onInviteUserButton = async (fallbackRoomId: string, ev: Event): Promise<void> => {
+        try {
+            const roomId = member instanceof RoomMember && member.roomId ? member.roomId : fallbackRoomId;
+
+            // We use a MultiInviter to re-use the invite logic, even though we're only inviting one user.
+            const inviter = new MultiInviter(cli, roomId || "");
+            await inviter.invite([member.userId]).then(() => {
+                if (inviter.getCompletionState(member.userId) !== "invited") {
+                    const errorStringFromInviterUtility = inviter.getErrorText(member.userId);
+                    if (errorStringFromInviterUtility) {
+                        throw new Error(errorStringFromInviterUtility);
+                    } else {
+                        throw new UserFriendlyError("slash_command|invite_failed", {
+                            user: member.userId,
+                            roomId,
+                            cause: undefined,
+                        });
+                    }
+                }
+            });
+        } catch (err) {
+            const description = err instanceof Error ? err.message : _t("invite|failed_generic");
+
+            Modal.createDialog(ErrorDialog, {
+                title: _t("invite|failed_title"),
+                description,
+            });
+        }
+
+        PosthogTrackers.trackInteraction("WebRightPanelRoomUserInfoInviteButton", ev);
+    };
+
+    const onShareUserClick = (): void => {
+        Modal.createDialog(ShareDialog, {
+            target: member,
+        });
+    };
+
+    const onOpenDmForUser = async (user: Member): Promise<void> => {
+        const avatarUrl = user instanceof User ? user.avatarUrl : user.getMxcAvatarUrl();
+        const startDmUser = new DirectoryMember({
+            user_id: user.userId,
+            display_name: user.rawDisplayName,
+            avatar_url: avatarUrl,
+        });
+        await startDmOnFirstMessage(cli, [startDmUser]);
+    };
+
+    return {
+        isMe,
+        showInviteButton,
+        showInsertPillButton,
+        readReceiptButtonDisabled,
+        onReadReceiptButton,
+        onInsertPillButton,
+        onInviteUserButton,
+        onShareUserClick,
+        onOpenDmForUser,
+    };
+};
diff --git a/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoBasicViewModel.tsx b/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoBasicViewModel.tsx
new file mode 100644
index 00000000000..0773ca3cb70
--- /dev/null
+++ b/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoBasicViewModel.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, { useCallback, useEffect, useState } from "react";
+import {
+    EventType,
+    type RoomMember,
+    type IPowerLevelsContent,
+    type Room,
+    RoomStateEvent,
+    type MatrixClient,
+    type User,
+    type MatrixEvent,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { useAsyncMemo } from "../../../../hooks/useAsyncMemo";
+import { useTypedEventEmitter } from "../../../../hooks/useEventEmitter";
+import Modal from "../../../../Modal";
+import ErrorDialog from "../../../views/dialogs/ErrorDialog";
+import { _t } from "../../../../languageHandler";
+import { type IRoomPermissions } from "../../../views/right_panel/UserInfo";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import QuestionDialog from "../../../views/dialogs/QuestionDialog";
+import DMRoomMap from "../../../../utils/DMRoomMap";
+
+export interface UserInfoBasicState {
+    // current room powerlevels
+    powerLevels: IPowerLevelsContent;
+    // getting user permissions in this room
+    roomPermissions: IRoomPermissions;
+    // numbers of operation in progress > 0
+    pendingUpdateCount: number;
+    // true if user is me
+    isMe: boolean;
+    // true if room is a DM for the user
+    isRoomDMForMember: boolean;
+    // Boolean to hide or show the deactivate button
+    showDeactivateButton: boolean;
+    // Method called when a deactivate user action is triggered
+    onSynapseDeactivate: () => void;
+    startUpdating: () => void;
+    stopUpdating: () => void;
+}
+
+export const getPowerLevels = (room: Room): IPowerLevelsContent =>
+    room?.currentState?.getStateEvents(EventType.RoomPowerLevels, "")?.getContent() || {};
+
+export const useRoomPermissions = (cli: MatrixClient, room: Room, user: RoomMember): IRoomPermissions => {
+    const [roomPermissions, setRoomPermissions] = useState<IRoomPermissions>({
+        // modifyLevelMax is the max PL we can set this user to, typically min(their PL, our PL) && canSetPL
+        modifyLevelMax: -1,
+        canEdit: false,
+        canInvite: false,
+    });
+
+    const updateRoomPermissions = useCallback(() => {
+        const powerLevels = room?.currentState.getStateEvents(EventType.RoomPowerLevels, "")?.getContent();
+        if (!powerLevels) return;
+
+        const me = room.getMember(cli.getUserId() || "");
+        if (!me) return;
+
+        const them = user;
+        const isMe = me.userId === them.userId;
+        const canAffectUser = them.powerLevel < me.powerLevel || isMe;
+
+        let modifyLevelMax = -1;
+        if (canAffectUser) {
+            const editPowerLevel = powerLevels.events?.[EventType.RoomPowerLevels] ?? powerLevels.state_default ?? 50;
+            if (me.powerLevel >= editPowerLevel) {
+                modifyLevelMax = me.powerLevel;
+            }
+        }
+
+        setRoomPermissions({
+            canInvite: me.powerLevel >= (powerLevels.invite ?? 0),
+            canEdit: modifyLevelMax >= 0,
+            modifyLevelMax,
+        });
+    }, [cli, user, room]);
+
+    useTypedEventEmitter(cli, RoomStateEvent.Update, updateRoomPermissions);
+    useEffect(() => {
+        updateRoomPermissions();
+        return () => {
+            setRoomPermissions({
+                modifyLevelMax: -1,
+                canEdit: false,
+                canInvite: false,
+            });
+        };
+    }, [updateRoomPermissions]);
+
+    return roomPermissions;
+};
+
+const useIsSynapseAdmin = (cli?: MatrixClient): boolean => {
+    return useAsyncMemo(async () => (cli ? cli.isSynapseAdministrator().catch(() => false) : false), [cli], false);
+};
+
+export const useRoomPowerLevels = (cli: MatrixClient, room: Room): IPowerLevelsContent => {
+    const [powerLevels, setPowerLevels] = useState<IPowerLevelsContent>(getPowerLevels(room));
+
+    const update = useCallback(
+        (ev?: MatrixEvent) => {
+            if (!room) return;
+            if (ev && ev.getType() !== EventType.RoomPowerLevels) return;
+            setPowerLevels(getPowerLevels(room));
+        },
+        [room],
+    );
+
+    useTypedEventEmitter(cli, RoomStateEvent.Events, update);
+    useEffect(() => {
+        update();
+        return () => {
+            setPowerLevels({});
+        };
+    }, [update]);
+    return powerLevels;
+};
+
+export const useUserInfoBasicViewModel = (room: Room, member: User | RoomMember): UserInfoBasicState => {
+    const cli = useMatrixClientContext();
+
+    const powerLevels = useRoomPowerLevels(cli, room);
+    // Load whether or not we are a Synapse Admin
+    const isSynapseAdmin = useIsSynapseAdmin(cli);
+
+    // Count of how many operations are currently in progress, if > 0 then show a Spinner
+    const [pendingUpdateCount, setPendingUpdateCount] = useState(0);
+
+    const roomPermissions = useRoomPermissions(cli, room, member as RoomMember);
+
+    // selected member is current user
+    const isMe = member.userId === cli.getUserId();
+
+    // is needed to hide the Roles section for DMs as it doesn't make sense there
+    const isRoomDMForMember = !!DMRoomMap.shared().getUserIdForRoomId((member as RoomMember).roomId);
+
+    // used to check if user can deactivate another member
+    const isMemberSameDomain = member.userId.endsWith(`:${cli.getDomain()}`);
+
+    // We don't need a perfect check here, just something to pass as "probably not our homeserver". If
+    // someone does figure out how to bypass this check the worst that happens is an error.
+    const showDeactivateButton = isSynapseAdmin && isMemberSameDomain;
+
+    const startUpdating = useCallback(() => {
+        setPendingUpdateCount(pendingUpdateCount + 1);
+    }, [pendingUpdateCount]);
+
+    const stopUpdating = useCallback(() => {
+        setPendingUpdateCount(pendingUpdateCount - 1);
+    }, [pendingUpdateCount]);
+
+    const onSynapseDeactivate = useCallback(async () => {
+        const { finished } = Modal.createDialog(QuestionDialog, {
+            title: _t("user_info|deactivate_confirm_title"),
+            description: <div>{_t("user_info|deactivate_confirm_description")}</div>,
+            button: _t("user_info|deactivate_confirm_action"),
+            danger: true,
+        });
+
+        const [accepted] = await finished;
+        if (!accepted) return;
+        try {
+            await cli.deactivateSynapseUser(member.userId);
+        } catch (err) {
+            logger.error("Failed to deactivate user");
+            logger.error(err);
+
+            const description = err instanceof Error ? err.message : _t("invite|failed_generic");
+
+            Modal.createDialog(ErrorDialog, {
+                title: _t("user_info|error_deactivate"),
+                description,
+            });
+        }
+    }, [cli, member.userId]);
+
+    return {
+        showDeactivateButton,
+        powerLevels,
+        roomPermissions,
+        pendingUpdateCount,
+        isMe,
+        isRoomDMForMember,
+        onSynapseDeactivate,
+        startUpdating,
+        stopUpdating,
+    };
+};
diff --git a/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoHeaderVerificationViewModel.ts b/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoHeaderVerificationViewModel.ts
new file mode 100644
index 00000000000..4e15b3eaa68
--- /dev/null
+++ b/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoHeaderVerificationViewModel.ts
@@ -0,0 +1,69 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { type MatrixClient, type RoomMember, type User } from "matrix-js-sdk/src/matrix";
+import { useContext } from "react";
+import { type UserVerificationStatus } from "matrix-js-sdk/src/crypto-api";
+
+import { type IDevice } from "../../../views/right_panel/UserInfo";
+import { useAsyncMemo } from "../../../../hooks/useAsyncMemo";
+import { verifyUser } from "../../../../verification";
+import { SDKContext } from "../../../../contexts/SDKContext.ts";
+
+export interface UserInfoVerificationSectionState {
+    /**
+     * variables used to check if we can verify the user and display the verify button
+     */
+    canVerify: boolean;
+    hasCrossSigningKeys: boolean | undefined;
+    /**
+     * used to display correct badge value
+     */
+    isUserVerified: boolean;
+    /**
+     * callback function when verifyUser button is clicked
+     */
+    verifySelectedUser: () => void;
+}
+
+const useHasCrossSigningKeys = (cli: MatrixClient, member: User, canVerify: boolean): boolean | undefined => {
+    return useAsyncMemo(async () => {
+        if (!canVerify) return undefined;
+        return cli.getCrypto()?.userHasCrossSigningKeys(member.userId, true);
+    }, [cli, member, canVerify]);
+};
+
+/**
+ * View model for the userInfoVerificationHeaderView
+ * @see {@link UserInfoVerificationSectionState} for more information about what this view model returns.
+ */
+export const useUserInfoVerificationViewModel = (
+    member: User | RoomMember,
+    devices: IDevice[],
+): UserInfoVerificationSectionState => {
+    const sdkContext = useContext(SDKContext);
+
+    const userTrust = useAsyncMemo<UserVerificationStatus | undefined>(
+        async () => sdkContext.client?.getCrypto()?.getUserVerificationStatus(member.userId),
+        [member.userId],
+        // the user verification status is not initialized
+        undefined,
+    );
+    const hasUserVerificationStatus = Boolean(userTrust);
+    const isUserVerified = Boolean(userTrust?.isVerified());
+    const isMe = member.userId === sdkContext.client!.getUserId();
+    const canVerify = hasUserVerificationStatus && !isUserVerified && !isMe && devices && devices.length > 0;
+
+    const hasCrossSigningKeys = useHasCrossSigningKeys(sdkContext.client!, member as User, canVerify);
+    const verifySelectedUser = (): void => verifyUser(sdkContext.rightPanelStore, sdkContext.client!, member as User);
+
+    return {
+        canVerify,
+        hasCrossSigningKeys,
+        isUserVerified,
+        verifySelectedUser,
+    };
+};
diff --git a/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoHeaderViewModel.ts b/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoHeaderViewModel.ts
new file mode 100644
index 00000000000..12899f0bc1c
--- /dev/null
+++ b/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoHeaderViewModel.ts
@@ -0,0 +1,115 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { RoomMember, type User } from "matrix-js-sdk/src/matrix";
+import { useCallback, useContext } from "react";
+
+import { mediaFromMxc } from "../../../../customisations/Media";
+import Modal from "../../../../Modal";
+import ImageView from "../../../views/elements/ImageView";
+import SdkConfig from "../../../../SdkConfig";
+import MatrixClientContext from "../../../../contexts/MatrixClientContext";
+import { type Member } from "../../../views/right_panel/UserInfo";
+import { useUserTimezone } from "../../../../hooks/useUserTimezone";
+import UserIdentifierCustomisations from "../../../../customisations/UserIdentifier";
+
+export interface PresenceInfo {
+    lastActiveAgo: number | undefined;
+    currentlyActive: boolean | undefined;
+    state: string | undefined;
+}
+
+export interface TimezoneInfo {
+    timezone: string;
+    friendly: string;
+}
+
+export interface UserInfoHeaderState {
+    /**
+     * callback function when selected user avatar is clicked in user info
+     */
+    onMemberAvatarClick: () => void;
+    /**
+     * Object containing information about the precense of the selected user
+     */
+    precenseInfo: PresenceInfo;
+    /**
+     * Boolean that show or hide the precense information
+     */
+    showPresence: boolean;
+    /**
+     *  Timezone object
+     */
+    timezoneInfo: TimezoneInfo | null;
+    /**
+     * Displayed identifier for the selected user
+     */
+    userIdentifier: string | null;
+}
+interface UserInfoHeaderViewModelProps {
+    member: Member;
+    roomId?: string;
+}
+
+/**
+ * View model for the userInfoHeaderView
+ * props
+ * @see {@link UserInfoHeaderState} for more information about what this view model returns.
+ */
+export function useUserfoHeaderViewModel({ member, roomId }: UserInfoHeaderViewModelProps): UserInfoHeaderState {
+    const cli = useContext(MatrixClientContext);
+
+    let showPresence = true;
+
+    const precenseInfo: PresenceInfo = {
+        lastActiveAgo: undefined,
+        currentlyActive: undefined,
+        state: undefined,
+    };
+
+    const enablePresenceByHsUrl = SdkConfig.get("enable_presence_by_hs_url");
+
+    const timezoneInfo = useUserTimezone(cli, member.userId);
+
+    const userIdentifier = UserIdentifierCustomisations.getDisplayUserIdentifier?.(member.userId, {
+        roomId,
+        withDisplayName: true,
+    });
+
+    const onMemberAvatarClick = useCallback(() => {
+        const avatarUrl = (member as RoomMember).getMxcAvatarUrl
+            ? (member as RoomMember).getMxcAvatarUrl()
+            : (member as User).avatarUrl;
+
+        const httpUrl = mediaFromMxc(avatarUrl).srcHttp;
+        if (!httpUrl) return;
+
+        const params = {
+            src: httpUrl,
+            name: (member as RoomMember).name || (member as User).displayName,
+        };
+
+        Modal.createDialog(ImageView, params, "mx_Dialog_lightbox", undefined, true);
+    }, [member]);
+
+    if (member instanceof RoomMember && member.user) {
+        precenseInfo.state = member.user.presence;
+        precenseInfo.lastActiveAgo = member.user.lastActiveAgo;
+        precenseInfo.currentlyActive = member.user.currentlyActive;
+    }
+
+    if (enablePresenceByHsUrl && enablePresenceByHsUrl[cli.baseUrl] !== undefined) {
+        showPresence = enablePresenceByHsUrl[cli.baseUrl];
+    }
+
+    return {
+        onMemberAvatarClick,
+        showPresence,
+        precenseInfo,
+        timezoneInfo,
+        userIdentifier,
+    };
+}
diff --git a/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoIgnoreButtonViewModel.tsx b/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoIgnoreButtonViewModel.tsx
new file mode 100644
index 00000000000..3c243feaece
--- /dev/null
+++ b/apps/web/src/components/viewmodels/right_panel/user_info/UserInfoIgnoreButtonViewModel.tsx
@@ -0,0 +1,85 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React, { useContext, useEffect, useState, useCallback } from "react";
+import { type RoomMember, User, ClientEvent, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import MatrixClientContext from "../../../../contexts/MatrixClientContext";
+import { _t } from "../../../../languageHandler";
+import Modal from "../../../../Modal";
+import QuestionDialog from "../../../views/dialogs/QuestionDialog";
+import { useTypedEventEmitter } from "../../../../hooks/useEventEmitter";
+
+export interface UserInfoPowerLevelState {
+    /**
+     * Weither the member is ignored by current user or not
+     */
+    isIgnored: boolean;
+    /**
+     * Trigger the method to ignore or unignore a user
+     * @param ev - The click event
+     */
+    ignoreButtonClick: (ev: Event) => void;
+}
+
+export const useUserInfoIgnoreButtonViewModel = (member: User | RoomMember): UserInfoPowerLevelState => {
+    const cli = useContext(MatrixClientContext);
+
+    const unignore = useCallback(() => {
+        const ignoredUsers = cli.getIgnoredUsers();
+        const index = ignoredUsers.indexOf(member.userId);
+        if (index !== -1) ignoredUsers.splice(index, 1);
+        cli.setIgnoredUsers(ignoredUsers);
+    }, [cli, member]);
+
+    const ignore = useCallback(async () => {
+        const name = (member instanceof User ? member.displayName : member.name) || member.userId;
+        const { finished } = Modal.createDialog(QuestionDialog, {
+            title: _t("user_info|ignore_confirm_title", { user: name }),
+            description: <div>{_t("user_info|ignore_confirm_description")}</div>,
+            button: _t("action|ignore"),
+        });
+        const [confirmed] = await finished;
+
+        if (confirmed) {
+            const ignoredUsers = cli.getIgnoredUsers();
+            ignoredUsers.push(member.userId);
+            cli.setIgnoredUsers(ignoredUsers);
+        }
+    }, [cli, member]);
+
+    // Check whether the user is ignored
+    const [isIgnored, setIsIgnored] = useState(cli.isUserIgnored(member.userId));
+    // Recheck if the user or client changes
+    useEffect(() => {
+        setIsIgnored(cli.isUserIgnored(member.userId));
+    }, [cli, member.userId]);
+
+    // Recheck also if we receive new accountData m.ignored_user_list
+    const accountDataHandler = useCallback(
+        (ev: MatrixEvent) => {
+            if (ev.getType() === "m.ignored_user_list") {
+                setIsIgnored(cli.isUserIgnored(member.userId));
+            }
+        },
+        [cli, member.userId],
+    );
+    useTypedEventEmitter(cli, ClientEvent.AccountData, accountDataHandler);
+
+    const ignoreButtonClick = (ev: Event): void => {
+        ev.preventDefault();
+        if (isIgnored) {
+            unignore();
+        } else {
+            ignore();
+        }
+    };
+
+    return {
+        ignoreButtonClick,
+        isIgnored,
+    };
+};
diff --git a/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoAdminToolsContainerViewModel.ts b/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoAdminToolsContainerViewModel.ts
new file mode 100644
index 00000000000..54ed32ceb50
--- /dev/null
+++ b/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoAdminToolsContainerViewModel.ts
@@ -0,0 +1,82 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { type Room, type RoomMember, type IPowerLevelsContent } from "matrix-js-sdk/src/matrix";
+
+import { useMatrixClientContext } from "../../../../../contexts/MatrixClientContext";
+
+/**
+ * Interface used by admin tools container subcomponents props
+ */
+export interface RoomAdminToolsProps {
+    room: Room;
+    member: RoomMember;
+    isUpdating: boolean;
+    startUpdating: () => void;
+    stopUpdating: () => void;
+}
+
+/**
+ * Interface used by admin tools container props
+ */
+export interface RoomAdminToolsContainerProps {
+    room: Room;
+    member: RoomMember;
+    powerLevels: IPowerLevelsContent;
+}
+
+interface UserInfoAdminToolsContainerState {
+    shouldShowKickButton: boolean;
+    shouldShowBanButton: boolean;
+    shouldShowMuteButton: boolean;
+    shouldShowRedactButton: boolean;
+    isCurrentUserInTheRoom: boolean;
+}
+
+/**
+ * The view model for the user info admin tools container
+ * @param {RoomAdminToolsContainerProps} props - the object containing the necceray props for the view model
+ * @param {Room} props.room - the room that display the admin tools
+ * @param {RoomMember} props.member - the selected member
+ * @param {IPowerLevelsContent} props.powerLevels - current room power levels
+ * @returns {UserInfoAdminToolsContainerState} the user info admin tools container state
+ */
+export const useUserInfoAdminToolsContainerViewModel = (
+    props: RoomAdminToolsContainerProps,
+): UserInfoAdminToolsContainerState => {
+    const cli = useMatrixClientContext();
+    const { room, member, powerLevels } = props;
+
+    const editPowerLevel =
+        (powerLevels.events ? powerLevels.events["m.room.power_levels"] : null) || powerLevels.state_default;
+
+    // if these do not exist in the event then they should default to 50 as per the spec
+    const { ban: banPowerLevel = 50, kick: kickPowerLevel = 50, redact: redactPowerLevel = 50 } = powerLevels;
+
+    const me = room.getMember(cli.getUserId() || "");
+    const isCurrentUserInTheRoom = me !== null;
+
+    if (!isCurrentUserInTheRoom) {
+        return {
+            shouldShowKickButton: false,
+            shouldShowBanButton: false,
+            shouldShowMuteButton: false,
+            shouldShowRedactButton: false,
+            isCurrentUserInTheRoom: false,
+        };
+    }
+
+    const isMe = me.userId === member.userId;
+    const canAffectUser = member.powerLevel < me.powerLevel || isMe;
+
+    return {
+        shouldShowKickButton: !isMe && canAffectUser && me.powerLevel >= kickPowerLevel,
+        shouldShowRedactButton: me.powerLevel >= redactPowerLevel && !room.isSpaceRoom(),
+        shouldShowBanButton: !isMe && canAffectUser && me.powerLevel >= banPowerLevel,
+        shouldShowMuteButton: !isMe && canAffectUser && me.powerLevel >= Number(editPowerLevel) && !room.isSpaceRoom(),
+        isCurrentUserInTheRoom,
+    };
+};
diff --git a/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoBanButtonViewModel.ts b/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoBanButtonViewModel.ts
new file mode 100644
index 00000000000..525b10e0936
--- /dev/null
+++ b/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoBanButtonViewModel.ts
@@ -0,0 +1,153 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { logger } from "@sentry/browser";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { useMatrixClientContext } from "../../../../../contexts/MatrixClientContext";
+import { _t } from "../../../../../languageHandler";
+import Modal from "../../../../../Modal";
+import { bulkSpaceBehaviour } from "../../../../../utils/space";
+import ConfirmSpaceUserActionDialog from "../../../../views/dialogs/ConfirmSpaceUserActionDialog";
+import ConfirmUserActionDialog from "../../../../views/dialogs/ConfirmUserActionDialog";
+import ErrorDialog from "../../../../views/dialogs/ErrorDialog";
+import { type RoomAdminToolsProps } from "./UserInfoAdminToolsContainerViewModel";
+
+export interface BanButtonState {
+    /**
+     * The function to call when the button is clicked
+     */
+    onBanOrUnbanClick: () => Promise<void>;
+    /**
+     * The label of the ban button can be ban or unban
+     */
+    banLabel: string;
+}
+/**
+ * The view model for the room ban button used in the UserInfoAdminToolsContainer
+ * @param {RoomAdminToolsProps} props - the object containing the necceray props for banButton the view model
+ * @param {Room} props.room - the room to ban/unban the user in
+ * @param {RoomMember} props.member - the member to ban/unban
+ * @param {boolean} props.isUpdating - whether the operation is currently in progress
+ * @param {function} props.startUpdating - callback function to start the operation
+ * @param {function} props.stopUpdating - callback function to stop the operation
+ * @returns {BanButtonState} the room ban/unban button state
+ */
+export const useBanButtonViewModel = (props: RoomAdminToolsProps): BanButtonState => {
+    const { isUpdating, startUpdating, stopUpdating, room, member } = props;
+
+    const cli = useMatrixClientContext();
+
+    const isBanned = member.membership === KnownMembership.Ban;
+
+    let banLabel = room.isSpaceRoom() ? _t("user_info|ban_button_space") : _t("user_info|ban_button_room");
+    if (isBanned) {
+        banLabel = room.isSpaceRoom() ? _t("user_info|unban_button_space") : _t("user_info|unban_button_room");
+    }
+
+    const onBanOrUnbanClick = async (): Promise<void> => {
+        if (isUpdating) return; // only allow one operation at a time
+        startUpdating();
+
+        const commonProps = {
+            member,
+            action: room.isSpaceRoom()
+                ? isBanned
+                    ? _t("user_info|unban_button_space")
+                    : _t("user_info|ban_button_space")
+                : isBanned
+                  ? _t("user_info|unban_button_room")
+                  : _t("user_info|ban_button_room"),
+            title: isBanned
+                ? _t("user_info|unban_room_confirm_title", { roomName: room.name })
+                : _t("user_info|ban_room_confirm_title", { roomName: room.name }),
+            askReason: !isBanned,
+            danger: !isBanned,
+        };
+
+        let finished: Promise<[success?: boolean, reason?: string, rooms?: Room[]]>;
+
+        if (room.isSpaceRoom()) {
+            ({ finished } = Modal.createDialog(
+                ConfirmSpaceUserActionDialog,
+                {
+                    ...commonProps,
+                    space: room,
+                    spaceChildFilter: isBanned
+                        ? (child: Room) => {
+                              // Return true if the target member is banned and we have sufficient PL to unban
+                              const myMember = child.getMember(cli.credentials.userId || "");
+                              const theirMember = child.getMember(member.userId);
+                              return (
+                                  !!myMember &&
+                                  !!theirMember &&
+                                  theirMember.membership === KnownMembership.Ban &&
+                                  myMember.powerLevel > theirMember.powerLevel &&
+                                  child.currentState.hasSufficientPowerLevelFor("ban", myMember.powerLevel)
+                              );
+                          }
+                        : (child: Room) => {
+                              // Return true if the target member isn't banned and we have sufficient PL to ban
+                              const myMember = child.getMember(cli.credentials.userId || "");
+                              const theirMember = child.getMember(member.userId);
+                              return (
+                                  !!myMember &&
+                                  !!theirMember &&
+                                  theirMember.membership !== KnownMembership.Ban &&
+                                  myMember.powerLevel > theirMember.powerLevel &&
+                                  child.currentState.hasSufficientPowerLevelFor("ban", myMember.powerLevel)
+                              );
+                          },
+                    allLabel: isBanned ? _t("user_info|unban_space_everything") : _t("user_info|ban_space_everything"),
+                    specificLabel: isBanned ? _t("user_info|unban_space_specific") : _t("user_info|ban_space_specific"),
+                    warningMessage: isBanned ? _t("user_info|unban_space_warning") : _t("user_info|kick_space_warning"),
+                },
+                "mx_ConfirmSpaceUserActionDialog_wrapper",
+            ));
+        } else {
+            ({ finished } = Modal.createDialog(ConfirmUserActionDialog, commonProps));
+        }
+
+        const [proceed, reason, rooms = []] = await finished;
+        if (!proceed) {
+            stopUpdating();
+            return;
+        }
+
+        const fn = (roomId: string): Promise<unknown> => {
+            if (isBanned) {
+                return cli.unban(roomId, member.userId);
+            } else {
+                return cli.ban(roomId, member.userId, reason || undefined);
+            }
+        };
+
+        bulkSpaceBehaviour(room, rooms, (room) => fn(room.roomId))
+            .then(
+                () => {
+                    // NO-OP; rely on the m.room.member event coming down else we could
+                    // get out of sync if we force setState here!
+                    logger.info("Ban success");
+                },
+                function (err) {
+                    logger.error("Ban error: " + err);
+                    Modal.createDialog(ErrorDialog, {
+                        title: _t("common|error"),
+                        description: _t("user_info|error_ban_user"),
+                    });
+                },
+            )
+            .finally(() => {
+                stopUpdating();
+            });
+    };
+
+    return {
+        onBanOrUnbanClick,
+        banLabel,
+    };
+};
diff --git a/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoKickButtonViewModel.ts b/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoKickButtonViewModel.ts
new file mode 100644
index 00000000000..8ae179ac07d
--- /dev/null
+++ b/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoKickButtonViewModel.ts
@@ -0,0 +1,142 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { logger } from "@sentry/browser";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { useMatrixClientContext } from "../../../../../contexts/MatrixClientContext";
+import { _t } from "../../../../../languageHandler";
+import Modal from "../../../../../Modal";
+import { bulkSpaceBehaviour } from "../../../../../utils/space";
+import ConfirmSpaceUserActionDialog from "../../../../views/dialogs/ConfirmSpaceUserActionDialog";
+import ConfirmUserActionDialog from "../../../../views/dialogs/ConfirmUserActionDialog";
+import ErrorDialog from "../../../../views/dialogs/ErrorDialog";
+import { type RoomAdminToolsProps } from "./UserInfoAdminToolsContainerViewModel";
+
+interface RoomKickButtonState {
+    /**
+     * The function to call when the button is clicked
+     */
+    onKickClick: () => Promise<void>;
+    /**
+     * Whether the user can be kicked based on membership value. If the user already join or was invited, it can be kicked
+     */
+    canUserBeKicked: boolean;
+    /**
+     * The label of the kick button can be kick or disinvite
+     */
+    kickLabel: string;
+}
+
+/**
+ * The view model for the room kick button used in the UserInfoAdminToolsContainer
+ * @param {RoomAdminToolsProps} props - the object containing the necceray props for kickButton the view model
+ * @param {Room} props.room - the room to kick/disinvite the user from
+ * @param {RoomMember} props.member - the member to kick/disinvite
+ * @param {boolean} props.isUpdating - whether the operation is currently in progress
+ * @param {function} props.startUpdating - callback function to start the operation
+ * @param {function} props.stopUpdating - callback function to stop the operation
+ * @returns {KickButtonState} the room kick/disinvite button state
+ */
+export function useRoomKickButtonViewModel(props: RoomAdminToolsProps): RoomKickButtonState {
+    const { isUpdating, startUpdating, stopUpdating, room, member } = props;
+
+    const cli = useMatrixClientContext();
+
+    const onKickClick = async (): Promise<void> => {
+        if (isUpdating) return; // only allow one operation at a time
+        startUpdating();
+
+        const commonProps = {
+            member,
+            action: room.isSpaceRoom()
+                ? member.membership === KnownMembership.Invite
+                    ? _t("user_info|disinvite_button_space")
+                    : _t("user_info|kick_button_space")
+                : member.membership === KnownMembership.Invite
+                  ? _t("user_info|disinvite_button_room")
+                  : _t("user_info|kick_button_room"),
+            title:
+                member.membership === KnownMembership.Invite
+                    ? _t("user_info|disinvite_button_room_name", { roomName: room.name })
+                    : _t("user_info|kick_button_room_name", { roomName: room.name }),
+            askReason: member.membership === KnownMembership.Join,
+            danger: true,
+        };
+
+        let finished: Promise<[success?: boolean, reason?: string, rooms?: Room[]]>;
+
+        if (room.isSpaceRoom()) {
+            ({ finished } = Modal.createDialog(
+                ConfirmSpaceUserActionDialog,
+                {
+                    ...commonProps,
+                    space: room,
+                    spaceChildFilter: (child: Room) => {
+                        // Return true if the target member is not banned and we have sufficient PL to ban them
+                        const myMember = child.getMember(cli.credentials.userId || "");
+                        const theirMember = child.getMember(member.userId);
+                        return (
+                            !!myMember &&
+                            !!theirMember &&
+                            theirMember.membership === member.membership &&
+                            myMember.powerLevel > theirMember.powerLevel &&
+                            child.currentState.hasSufficientPowerLevelFor("kick", myMember.powerLevel)
+                        );
+                    },
+                    allLabel: _t("user_info|kick_button_space_everything"),
+                    specificLabel: _t("user_info|kick_space_specific"),
+                    warningMessage: _t("user_info|kick_space_warning"),
+                },
+                "mx_ConfirmSpaceUserActionDialog_wrapper",
+            ));
+        } else {
+            ({ finished } = Modal.createDialog(ConfirmUserActionDialog, commonProps));
+        }
+
+        const [proceed, reason, rooms = []] = await finished;
+        if (!proceed) {
+            stopUpdating();
+            return;
+        }
+
+        bulkSpaceBehaviour(room, rooms, (room) => cli.kick(room.roomId, member.userId, reason || undefined))
+            .then(
+                () => {
+                    // NO-OP; rely on the m.room.member event coming down else we could
+                    // get out of sync if we force setState here!
+                    logger.info("Kick success");
+                },
+                function (err) {
+                    logger.error("Kick error: " + err);
+                    Modal.createDialog(ErrorDialog, {
+                        title: _t("user_info|error_kicking_user"),
+                        description: err?.message ?? "Operation failed",
+                    });
+                },
+            )
+            .finally(() => {
+                stopUpdating();
+            });
+    };
+
+    const canUserBeKicked = member.membership === KnownMembership.Invite || member.membership === KnownMembership.Join;
+
+    const kickLabel = room.isSpaceRoom()
+        ? member.membership === KnownMembership.Invite
+            ? _t("user_info|disinvite_button_space")
+            : _t("user_info|kick_button_space")
+        : member.membership === KnownMembership.Invite
+          ? _t("user_info|disinvite_button_room")
+          : _t("user_info|kick_button_room");
+
+    return {
+        onKickClick,
+        canUserBeKicked,
+        kickLabel,
+    };
+}
diff --git a/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoMuteButtonViewModel.ts b/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoMuteButtonViewModel.ts
new file mode 100644
index 00000000000..1608628198b
--- /dev/null
+++ b/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoMuteButtonViewModel.ts
@@ -0,0 +1,120 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { logger } from "@sentry/browser";
+import { type RoomMember, type IPowerLevelsContent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { useMatrixClientContext } from "../../../../../contexts/MatrixClientContext";
+import { _t } from "../../../../../languageHandler";
+import Modal from "../../../../../Modal";
+import ErrorDialog from "../../../../views/dialogs/ErrorDialog";
+import { type RoomAdminToolsProps } from "./UserInfoAdminToolsContainerViewModel";
+
+interface MuteButtonState {
+    /**
+     * Whether the member is in the roomn based on the membership value
+     */
+    isMemberInTheRoom: boolean;
+    /**
+     * The label of the mute button can be mute or unmute
+     */
+    muteLabel: string;
+    /**
+     * The function to call when the mute button is clicked
+     */
+    onMuteButtonClick: () => Promise<void>;
+}
+
+/**
+ * The view model for the room mute button used in the UserInfoAdminToolsContainer
+ * @param {RoomAdminToolsProps} props - the object containing the necceray props for muteButton the view model
+ * @param {Room} props.room - the room to mute/unmute the user in
+ * @param {RoomMember} props.member - the member to mute/unmute
+ * @param {boolean} props.isUpdating - whether the operation is currently in progress
+ * @param {function} props.startUpdating - callback function to start the operation
+ * @param {function} props.stopUpdating - callback function to stop the operation
+ * @returns {MuteButtonState} the room mute/unmute button state
+ */
+export const useMuteButtonViewModel = (props: RoomAdminToolsProps): MuteButtonState => {
+    const { isUpdating, startUpdating, stopUpdating, room, member } = props;
+
+    const cli = useMatrixClientContext();
+
+    const isMuted = (member: RoomMember, powerLevelContent: IPowerLevelsContent): boolean => {
+        if (!powerLevelContent || !member) return false;
+
+        const levelToSend =
+            (powerLevelContent.events ? powerLevelContent.events["m.room.message"] : null) ||
+            powerLevelContent.events_default;
+
+        // levelToSend could be undefined as .events_default is optional. Coercing in this case using
+        // Number() would always return false, so this preserves behaviour
+        // FIXME: per the spec, if `events_default` is unset, it defaults to zero. If
+        //   the member has a negative powerlevel, this will give an incorrect result.
+        if (levelToSend === undefined) return false;
+
+        return member.powerLevel < levelToSend;
+    };
+
+    const muted = isMuted(member, room.currentState.getStateEvents("m.room.power_levels", "")?.getContent() || {});
+    const muteLabel = muted ? _t("common|unmute") : _t("common|mute");
+
+    const isMemberInTheRoom = member.membership == KnownMembership.Join;
+
+    const onMuteButtonClick = async (): Promise<void> => {
+        if (isUpdating) return; // only allow one operation at a time
+        startUpdating();
+
+        const roomId = member.roomId;
+        const target = member.userId;
+
+        const powerLevelEvent = room.currentState.getStateEvents("m.room.power_levels", "");
+        const powerLevels = powerLevelEvent?.getContent();
+        const levelToSend = powerLevels?.events?.["m.room.message"] ?? powerLevels?.events_default;
+
+        let level;
+        if (muted) {
+            // unmute
+            level = levelToSend;
+        } else {
+            // mute
+            level = levelToSend - 1;
+        }
+        level = parseInt(level);
+
+        console.log("level", level);
+        if (isNaN(level)) {
+            stopUpdating();
+            return;
+        }
+
+        cli.setPowerLevel(roomId, target, level)
+            .then(
+                () => {
+                    // NO-OP; rely on the m.room.member event coming down else we could
+                    // get out of sync if we force setState here!
+                    logger.info("Mute toggle success");
+                },
+                function (err) {
+                    logger.error("Mute error: " + err);
+                    Modal.createDialog(ErrorDialog, {
+                        title: _t("common|error"),
+                        description: _t("user_info|error_mute_user"),
+                    });
+                },
+            )
+            .finally(() => {
+                stopUpdating();
+            });
+    };
+
+    return {
+        isMemberInTheRoom,
+        onMuteButtonClick,
+        muteLabel,
+    };
+};
diff --git a/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoRedactButtonViewModel.ts b/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoRedactButtonViewModel.ts
new file mode 100644
index 00000000000..73b8ea70f07
--- /dev/null
+++ b/apps/web/src/components/viewmodels/right_panel/user_info/admin/UserInfoRedactButtonViewModel.ts
@@ -0,0 +1,39 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { type RoomMember } from "matrix-js-sdk/src/matrix";
+
+import { useMatrixClientContext } from "../../../../../contexts/MatrixClientContext";
+import Modal from "../../../../../Modal";
+import BulkRedactDialog from "../../../../views/dialogs/BulkRedactDialog";
+
+export interface RedactMessagesButtonState {
+    onRedactAllMessagesClick: () => void;
+}
+
+/**
+ * The view model for the redact messages button used in the UserInfoAdminToolsContainer
+ * @param {RoomMember} member - the selected member to redact messages for
+ * @returns {RedactMessagesButtonState} the redact messages button state
+ */
+export const useRedactMessagesButtonViewModel = (member: RoomMember): RedactMessagesButtonState => {
+    const cli = useMatrixClientContext();
+
+    const onRedactAllMessagesClick = (): void => {
+        const room = cli.getRoom(member.roomId);
+        if (!room) return;
+
+        Modal.createDialog(BulkRedactDialog, {
+            matrixClient: cli,
+            room,
+            member,
+        });
+    };
+
+    return {
+        onRedactAllMessagesClick,
+    };
+};
diff --git a/apps/web/src/components/viewmodels/rooms/UserIdentityWarningViewModel.ts b/apps/web/src/components/viewmodels/rooms/UserIdentityWarningViewModel.ts
new file mode 100644
index 00000000000..9e9f0f7b3a9
--- /dev/null
+++ b/apps/web/src/components/viewmodels/rooms/UserIdentityWarningViewModel.ts
@@ -0,0 +1,192 @@
+/*
+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 { EventType, type MatrixEvent, type Room, type RoomMember, RoomStateEvent } from "matrix-js-sdk/src/matrix";
+import { type CryptoApi, CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+import { throttle } from "lodash";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { useMatrixClientContext } from "../../../contexts/MatrixClientContext.tsx";
+import { useTypedEventEmitter } from "../../../hooks/useEventEmitter.ts";
+
+export type ViolationType = "PinViolation" | "VerificationViolation";
+
+/**
+ * Represents a prompt to the user about a violation in the room.
+ * The type of violation and the member it relates to are included.
+ * If the type is "VerificationViolation", the warning is critical and should be reported with more urgency.
+ */
+export type ViolationPrompt = {
+    member: RoomMember;
+    type: ViolationType;
+};
+
+/**
+ * The state of the UserIdentityWarningViewModel.
+ * This includes the current prompt to show to the user and a callback to handle button clicks.
+ * If currentPrompt is undefined, there are no violations to show.
+ */
+export interface UserIdentityWarningState {
+    currentPrompt?: ViolationPrompt;
+    dispatchAction: (action: UserIdentityWarningViewModelAction) => void;
+}
+
+/**
+ * List of actions that can be dispatched to the UserIdentityWarningViewModel.
+ */
+export type UserIdentityWarningViewModelAction =
+    | { type: "PinUserIdentity"; userId: string }
+    | { type: "WithdrawVerification"; userId: string };
+
+/**
+ * Maps a list of room members to a list of violations.
+ * Checks for all members in the room to see if they have any violations.
+ * If no violations are found, an empty list is returned.
+ *
+ * @param cryptoApi
+ * @param members - The list of room members to check for violations.
+ */
+async function mapToViolations(cryptoApi: CryptoApi, members: RoomMember[]): Promise<ViolationPrompt[]> {
+    const violationList = new Array<ViolationPrompt>();
+    for (const member of members) {
+        const verificationStatus = await cryptoApi.getUserVerificationStatus(member.userId);
+        if (verificationStatus.wasCrossSigningVerified() && !verificationStatus.isCrossSigningVerified()) {
+            violationList.push({ member, type: "VerificationViolation" });
+        } else if (verificationStatus.needsUserApproval) {
+            violationList.push({ member, type: "PinViolation" });
+        }
+    }
+    return violationList;
+}
+
+export function useUserIdentityWarningViewModel(room: Room, key: string): UserIdentityWarningState {
+    const cli = useMatrixClientContext();
+    const crypto = cli.getCrypto();
+
+    const [members, setMembers] = useState<RoomMember[]>([]);
+    const [currentPrompt, setCurrentPrompt] = useState<ViolationPrompt | undefined>(undefined);
+
+    const loadViolations = useMemo(
+        () =>
+            throttle(async (): Promise<void> => {
+                const isEncrypted = crypto && (await crypto.isEncryptionEnabledInRoom(room.roomId));
+                if (!isEncrypted) {
+                    setMembers([]);
+                    setCurrentPrompt(undefined);
+                    return;
+                }
+
+                const targetMembers = await room.getEncryptionTargetMembers();
+                setMembers(targetMembers);
+                const violations = await mapToViolations(crypto, targetMembers);
+
+                let candidatePrompt: ViolationPrompt | undefined;
+                if (violations.length > 0) {
+                    // sort by user ID to ensure consistent ordering
+                    const sortedViolations = violations.sort((a, b) => a.member.userId.localeCompare(b.member.userId));
+                    candidatePrompt = sortedViolations[0];
+                } else {
+                    candidatePrompt = undefined;
+                }
+
+                // is the current prompt still valid?
+                setCurrentPrompt((existingPrompt): ViolationPrompt | undefined => {
+                    if (existingPrompt && violations.includes(existingPrompt)) {
+                        return existingPrompt;
+                    } else if (candidatePrompt) {
+                        return candidatePrompt;
+                    } else {
+                        return undefined;
+                    }
+                });
+            }),
+        [crypto, room],
+    );
+
+    // We need to listen for changes to the members list
+    useTypedEventEmitter(
+        cli,
+        RoomStateEvent.Events,
+        useCallback(
+            async (event: MatrixEvent): Promise<void> => {
+                if (!crypto || event.getRoomId() !== room.roomId) {
+                    return;
+                }
+                let shouldRefresh = false;
+
+                const eventType = event.getType();
+
+                if (eventType === EventType.RoomEncryption && event.getStateKey() === "") {
+                    // Room is now encrypted, so we can initialise the component.
+                    shouldRefresh = true;
+                } else if (eventType == EventType.RoomMember) {
+                    // We're processing an m.room.member event
+                    // Something has changed in membership, someone joined or someone left or
+                    // someone changed their display name. Anyhow let's refresh.
+                    const userId = event.getStateKey();
+                    shouldRefresh = !!userId;
+                }
+
+                if (shouldRefresh) {
+                    loadViolations().catch((e) => {
+                        logger.error("Error refreshing UserIdentityWarningViewModel:", e);
+                    });
+                }
+            },
+            [crypto, room, loadViolations],
+        ),
+    );
+
+    // We need to listen for changes to the verification status of the members to refresh violations
+    useTypedEventEmitter(
+        cli,
+        CryptoEvent.UserTrustStatusChanged,
+        useCallback(
+            (userId: string): void => {
+                if (members.find((m) => m.userId == userId)) {
+                    // This member is tracked, we need to refresh.
+                    // refresh all for now?
+                    // As a later optimisation we could store the current violations and only update the relevant one.
+                    loadViolations().catch((e) => {
+                        logger.error("Error refreshing UserIdentityWarning:", e);
+                    });
+                }
+            },
+            [loadViolations, members],
+        ),
+    );
+
+    useEffect(() => {
+        loadViolations().catch((e) => {
+            logger.error("Error initialising UserIdentityWarning:", e);
+        });
+    }, [loadViolations]);
+
+    const dispatchAction = useCallback(
+        (action: UserIdentityWarningViewModelAction): void => {
+            if (!crypto) {
+                return;
+            }
+            if (action.type === "PinUserIdentity") {
+                crypto.pinCurrentUserIdentity(action.userId).catch((e) => {
+                    logger.error("Error pinning user identity:", e);
+                });
+            } else if (action.type === "WithdrawVerification") {
+                crypto.withdrawVerificationRequirement(action.userId).catch((e) => {
+                    logger.error("Error withdrawing verification requirement:", e);
+                });
+            }
+        },
+        [crypto],
+    );
+
+    return {
+        currentPrompt,
+        dispatchAction,
+    };
+}
diff --git a/apps/web/src/components/viewmodels/settings/encryption/KeyStoragePanelViewModel.ts b/apps/web/src/components/viewmodels/settings/encryption/KeyStoragePanelViewModel.ts
new file mode 100644
index 00000000000..8de24112880
--- /dev/null
+++ b/apps/web/src/components/viewmodels/settings/encryption/KeyStoragePanelViewModel.ts
@@ -0,0 +1,145 @@
+/*
+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, useState } from "react";
+import { CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import {
+    DeviceListener,
+    ACCOUNT_DATA_KEY_M_KEY_BACKUP,
+    ACCOUNT_DATA_KEY_M_KEY_BACKUP_DISABLED_UNSTABLE,
+} from "../../../../device-listener";
+import { useEventEmitterAsyncState } from "../../../../hooks/useEventEmitter";
+import { resetKeyBackupAndWait } from "../../../../utils/crypto/resetKeyBackup";
+
+interface KeyStoragePanelState {
+    /**
+     * Whether the app's "key storage" option should show as enabled to the user,
+     * or 'undefined' if the state is still loading.
+     */
+    isEnabled: boolean | undefined;
+
+    /**
+     * A function that can be called to enable or disable key storage.
+     * @param enable True to turn key storage on or false to turn it off
+     */
+    setEnabled: (enable: boolean) => Promise<void>;
+
+    /**
+     * True if the state is still loading for the first time
+     */
+    loading: boolean;
+
+    /**
+     * True if the status is in the process of being changed
+     */
+    busy: boolean;
+}
+
+/** Returns a ViewModel for use in {@link KeyStoragePanel} and {@link DeleteKeyStoragePanel}. */
+export function useKeyStoragePanelViewModel(): KeyStoragePanelState {
+    const [loading, setLoading] = useState(true);
+    // Whilst the change is being made, the toggle will reflect the pending value rather than the actual state
+    const [pendingValue, setPendingValue] = useState<boolean | undefined>(undefined);
+
+    const matrixClient = useMatrixClientContext();
+
+    const isEnabled = useEventEmitterAsyncState(
+        matrixClient,
+        CryptoEvent.KeyBackupStatus,
+        async (enabled?: boolean) => {
+            // If we're called as a result of an event, rather than during
+            // initialisation, we can get the backup status from the event
+            // instead of having to query the backup version.
+            if (enabled !== undefined) {
+                return enabled;
+            }
+
+            const crypto = matrixClient.getCrypto();
+            if (!crypto) {
+                logger.error("Can't check key backup status: no crypto module available");
+                return;
+            }
+            // The toggle is enabled only if this device will upload megolm keys to the backup.
+            // This is consistent with EX.
+            const activeBackupVersion = await crypto.getActiveSessionBackupVersion();
+            setLoading(false);
+            return activeBackupVersion !== null;
+        },
+        [matrixClient],
+        undefined,
+    );
+
+    const setEnabled = useCallback(
+        async (enable: boolean) => {
+            setPendingValue(enable);
+            try {
+                // pause the device listener since enabling or (especially) disabling key storage must be
+                // done with a sequence of API calls that will put the account in a slightly different
+                // state each time, so suppress any warning toasts until the process is finished
+                await DeviceListener.sharedInstance().whilePaused(async () => {
+                    const crypto = matrixClient.getCrypto();
+                    if (!crypto) {
+                        logger.error("Can't change key backup status: no crypto module available");
+                        return;
+                    }
+                    if (enable) {
+                        const childLogger = logger.getChild("[enable key storage]");
+                        childLogger.info("User requested enabling key storage");
+                        let currentKeyBackup = await crypto.checkKeyBackupAndEnable();
+                        if (currentKeyBackup) {
+                            logger.info(
+                                `Existing key backup is present. version: ${currentKeyBackup.backupInfo.version}`,
+                                currentKeyBackup.trustInfo,
+                            );
+                            // Check if the current key backup can be used. Either of these properties causes the key backup to be used.
+                            if (currentKeyBackup.trustInfo.trusted || currentKeyBackup.trustInfo.matchesDecryptionKey) {
+                                logger.info("Existing key backup can be used");
+                            } else {
+                                logger.warn("Existing key backup cannot be used, creating new backup");
+                                // There aren't any *usable* backups, so we need to create a new one.
+                                currentKeyBackup = null;
+                            }
+                        } else {
+                            logger.info("No existing key backup versions are present, creating new backup");
+                        }
+
+                        // If there is no usable key backup on the server, create one.
+                        // `resetKeyBackup` will delete any existing backup, so we only do this if there is no usable backup.
+                        if (currentKeyBackup === null) {
+                            await resetKeyBackupAndWait(crypto);
+                        }
+
+                        // Set the flag to say that the user wants backup enabled
+                        await matrixClient.setAccountData(ACCOUNT_DATA_KEY_M_KEY_BACKUP, { enabled: true });
+                        await matrixClient.setAccountData(ACCOUNT_DATA_KEY_M_KEY_BACKUP_DISABLED_UNSTABLE, {
+                            disabled: false,
+                        });
+                    } else {
+                        logger.info("User requested disabling key backup");
+                        // This method will delete the key backup as well as server side recovery keys and other
+                        // server-side crypto data.
+                        await crypto.disableKeyStorage();
+
+                        // Set the flag to say that the user wants backup disabled
+                        await matrixClient.setAccountData(ACCOUNT_DATA_KEY_M_KEY_BACKUP, { enabled: false });
+                        await matrixClient.setAccountData(ACCOUNT_DATA_KEY_M_KEY_BACKUP_DISABLED_UNSTABLE, {
+                            disabled: true,
+                        });
+                    }
+                });
+            } finally {
+                setPendingValue(undefined);
+            }
+        },
+        [setPendingValue, matrixClient],
+    );
+
+    return { isEnabled: pendingValue ?? isEnabled, setEnabled, loading, busy: pendingValue !== undefined };
+}
diff --git a/apps/web/src/components/views/audio_messages/AudioPlayerBase.tsx b/apps/web/src/components/views/audio_messages/AudioPlayerBase.tsx
new file mode 100644
index 00000000000..9da1020634f
--- /dev/null
+++ b/apps/web/src/components/views/audio_messages/AudioPlayerBase.tsx
@@ -0,0 +1,101 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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, { createRef, type ReactNode } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { type Playback, type PlaybackState } from "../../../audio/Playback";
+import { UPDATE_EVENT } from "../../../stores/AsyncStore";
+import { _t } from "../../../languageHandler";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import type LegacySeekBar from "./LegacySeekBar";
+import type PlayPauseButton from "./PlayPauseButton";
+
+export interface IProps {
+    // Playback instance to render. Cannot change during component lifecycle: create
+    // an all-new component instead.
+    playback: Playback;
+
+    mediaName?: string;
+}
+
+interface IState {
+    playbackPhase: PlaybackState;
+    error?: boolean;
+}
+
+export default abstract class AudioPlayerBase<T extends IProps = IProps> extends React.PureComponent<T, IState> {
+    protected seekRef = createRef<LegacySeekBar>();
+    protected playPauseRef = createRef<PlayPauseButton>();
+
+    public constructor(props: T) {
+        super(props);
+
+        // Playback instances can be reused in the composer
+        this.state = {
+            playbackPhase: this.props.playback.currentState,
+        };
+    }
+
+    public componentDidMount(): void {
+        // We don't need to de-register: the class handles this for us internally
+        this.props.playback.on(UPDATE_EVENT, this.onPlaybackUpdate);
+
+        // Don't wait for the promise to complete - it will emit a progress update when it
+        // is done, and it's not meant to take long anyhow.
+        this.props.playback.prepare().catch((e) => {
+            logger.error("Error processing audio file:", e);
+            this.setState({ error: true });
+        });
+    }
+
+    protected onKeyDown = (ev: React.KeyboardEvent): void => {
+        let handled = true;
+        const action = getKeyBindingsManager().getAccessibilityAction(ev);
+
+        switch (action) {
+            case KeyBindingAction.Space:
+                this.playPauseRef.current?.toggleState();
+                break;
+            case KeyBindingAction.ArrowLeft:
+                this.seekRef.current?.left();
+                break;
+            case KeyBindingAction.ArrowRight:
+                this.seekRef.current?.right();
+                break;
+            default:
+                handled = false;
+                break;
+        }
+
+        // stopPropagation() prevents the FocusComposer catch-all from triggering,
+        // but we need to do it on key down instead of press (even though the user
+        // interaction is typically on press).
+        if (handled) {
+            ev.stopPropagation();
+        }
+    };
+
+    private onPlaybackUpdate = (ev: PlaybackState): void => {
+        this.setState({ playbackPhase: ev });
+    };
+
+    protected abstract renderComponent(): ReactNode;
+
+    public render(): ReactNode {
+        return (
+            <>
+                {this.renderComponent()}
+                {this.state.error && (
+                    <div className="text-warning">{_t("timeline|m.audio|error_downloading_audio")}</div>
+                )}
+            </>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/audio_messages/LegacySeekBar.tsx b/apps/web/src/components/views/audio_messages/LegacySeekBar.tsx
new file mode 100644
index 00000000000..92d5415fefb
--- /dev/null
+++ b/apps/web/src/components/views/audio_messages/LegacySeekBar.tsx
@@ -0,0 +1,117 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 ChangeEvent, type CSSProperties, type ReactNode } from "react";
+import { percentageOf } from "@element-hq/web-shared-components";
+
+import { type PlaybackInterface } from "../../../audio/Playback";
+import { MarkedExecution } from "../../../utils/MarkedExecution";
+import { _t } from "../../../languageHandler";
+
+interface IProps {
+    // Playback instance to render. Cannot change during component lifecycle: create
+    // an all-new component instead.
+    playback: PlaybackInterface;
+
+    // Tab index for the underlying component. Useful if the seek bar is in a managed state.
+    // Defaults to zero.
+    tabIndex?: number;
+
+    disabled?: boolean;
+}
+
+interface IState {
+    percentage: number;
+}
+
+interface ISeekCSS extends CSSProperties {
+    "--fillTo": number;
+}
+
+const ARROW_SKIP_SECONDS = 5; // arbitrary
+
+/**
+ * @deprecated Use {@link SeekBar} instead.
+ */
+export default class LegacySeekBar extends React.PureComponent<IProps, IState> {
+    // We use an animation frame request to avoid overly spamming prop updates, even if we aren't
+    // really using anything demanding on the CSS front.
+
+    private animationFrameFn: MarkedExecution = new MarkedExecution(
+        () => this.doUpdate(),
+        () => requestAnimationFrame(() => this.animationFrameFn.trigger()),
+    );
+
+    public static defaultProps = {
+        tabIndex: 0,
+        disabled: false,
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            percentage: percentageOf(this.props.playback.timeSeconds, 0, this.props.playback.durationSeconds),
+        };
+    }
+
+    public componentDidMount(): void {
+        // We don't need to de-register: the class handles this for us internally
+        this.props.playback.liveData.onUpdate(() => this.animationFrameFn.mark());
+    }
+
+    private doUpdate(): void {
+        this.setState({
+            percentage: percentageOf(this.props.playback.timeSeconds, 0, this.props.playback.durationSeconds),
+        });
+    }
+
+    public left(): void {
+        // noinspection JSIgnoredPromiseFromCall
+        this.props.playback.skipTo(this.props.playback.timeSeconds - ARROW_SKIP_SECONDS);
+    }
+
+    public right(): void {
+        // noinspection JSIgnoredPromiseFromCall
+        this.props.playback.skipTo(this.props.playback.timeSeconds + ARROW_SKIP_SECONDS);
+    }
+
+    private onChange = (ev: ChangeEvent<HTMLInputElement>): void => {
+        // Thankfully, onChange is only called when the user changes the value, not when we
+        // change the value on the component. We can use this as a reliable "skip to X" function.
+        //
+        // noinspection JSIgnoredPromiseFromCall
+        this.props.playback.skipTo(Number(ev.target.value) * this.props.playback.durationSeconds);
+    };
+
+    private onMouseDown = (event: React.MouseEvent): void => {
+        // do not propagate mouse down events, because these should be handled by the seekbar
+        event.stopPropagation();
+    };
+
+    public render(): ReactNode {
+        // We use a range input to avoid having to re-invent accessibility handling on
+        // a custom set of divs.
+        return (
+            <input
+                type="range"
+                className="mx_SeekBar"
+                tabIndex={this.props.tabIndex}
+                onChange={this.onChange}
+                onMouseDown={this.onMouseDown}
+                min={0}
+                max={1}
+                value={this.state.percentage}
+                step={0.001}
+                style={{ "--fillTo": this.state.percentage } as ISeekCSS}
+                disabled={this.props.disabled}
+                aria-label={_t("a11y|seek_bar_label")}
+            />
+        );
+    }
+}
diff --git a/apps/web/src/components/views/audio_messages/LiveRecordingClock.tsx b/apps/web/src/components/views/audio_messages/LiveRecordingClock.tsx
new file mode 100644
index 00000000000..9ea00c2d671
--- /dev/null
+++ b/apps/web/src/components/views/audio_messages/LiveRecordingClock.tsx
@@ -0,0 +1,57 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+import { Clock } from "@element-hq/web-shared-components";
+
+import { type IRecordingUpdate } from "../../../audio/VoiceRecording";
+import { MarkedExecution } from "../../../utils/MarkedExecution";
+import { type VoiceMessageRecording } from "../../../audio/VoiceMessageRecording";
+
+interface IProps {
+    recorder: VoiceMessageRecording;
+}
+
+interface IState {
+    seconds: number;
+}
+
+/**
+ * A clock for a live recording.
+ */
+export default class LiveRecordingClock extends React.PureComponent<IProps, IState> {
+    private seconds = 0;
+    private scheduledUpdate: MarkedExecution = new MarkedExecution(
+        () => this.updateClock(),
+        () => requestAnimationFrame(() => this.scheduledUpdate.trigger()),
+    );
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            seconds: 0,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.props.recorder.liveData.onUpdate((update: IRecordingUpdate) => {
+            this.seconds = update.timeSeconds;
+            this.scheduledUpdate.mark();
+        });
+    }
+
+    private updateClock(): void {
+        this.setState({
+            seconds: this.seconds,
+        });
+    }
+
+    public render(): React.ReactNode {
+        return <Clock seconds={this.state.seconds} aria-live="off" />;
+    }
+}
diff --git a/apps/web/src/components/views/audio_messages/LiveRecordingWaveform.tsx b/apps/web/src/components/views/audio_messages/LiveRecordingWaveform.tsx
new file mode 100644
index 00000000000..6630c66f979
--- /dev/null
+++ b/apps/web/src/components/views/audio_messages/LiveRecordingWaveform.tsx
@@ -0,0 +1,57 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+
+import { type IRecordingUpdate, RECORDING_PLAYBACK_SAMPLES } from "../../../audio/VoiceRecording";
+import { arrayFastResample, arraySeed } from "../../../utils/arrays";
+import Waveform from "./Waveform";
+import { MarkedExecution } from "../../../utils/MarkedExecution";
+import { type VoiceMessageRecording } from "../../../audio/VoiceMessageRecording";
+
+interface IProps {
+    recorder: VoiceMessageRecording;
+}
+
+interface IState {
+    waveform: number[];
+}
+
+/**
+ * A waveform which shows the waveform of a live recording
+ */
+export default class LiveRecordingWaveform extends React.PureComponent<IProps, IState> {
+    private waveform: number[] = [];
+    private scheduledUpdate: MarkedExecution = new MarkedExecution(
+        () => this.updateWaveform(),
+        () => requestAnimationFrame(() => this.scheduledUpdate.trigger()),
+    );
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            waveform: arraySeed(0, RECORDING_PLAYBACK_SAMPLES),
+        };
+    }
+
+    public componentDidMount(): void {
+        this.props.recorder.liveData.onUpdate((update: IRecordingUpdate) => {
+            // The incoming data is between zero and one, so we don't need to clamp/rescale it.
+            this.waveform = arrayFastResample(Array.from(update.waveform), RECORDING_PLAYBACK_SAMPLES);
+            this.scheduledUpdate.mark();
+        });
+    }
+
+    private updateWaveform(): void {
+        this.setState({ waveform: this.waveform });
+    }
+
+    public render(): React.ReactNode {
+        return <Waveform relHeights={this.state.waveform} />;
+    }
+}
diff --git a/apps/web/src/components/views/audio_messages/PlayPauseButton.tsx b/apps/web/src/components/views/audio_messages/PlayPauseButton.tsx
new file mode 100644
index 00000000000..1af6971d2c5
--- /dev/null
+++ b/apps/web/src/components/views/audio_messages/PlayPauseButton.tsx
@@ -0,0 +1,49 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 HTMLAttributes, type ReactNode } from "react";
+import { PlayPauseButton as SharedPlayPauseButton } from "@element-hq/web-shared-components";
+
+import { type Playback, PlaybackState } from "../../../audio/Playback";
+
+type Props = HTMLAttributes<HTMLButtonElement> & {
+    // Playback instance to manipulate. Cannot change during the component lifecycle.
+    playback: Playback;
+
+    // The playback phase to render. Able to change during the component lifecycle.
+    playbackPhase: PlaybackState;
+};
+
+/**
+ * Displays a play/pause button (activating the play/pause function of the recorder)
+ * to be displayed in reference to a recording.
+ */
+export default class PlayPauseButton extends React.PureComponent<Props> {
+    private onClick = (): void => {
+        void this.toggleState();
+    };
+
+    public async toggleState(): Promise<void> {
+        await this.props.playback.toggle();
+    }
+
+    public render(): ReactNode {
+        const { playback, playbackPhase, ...restProps } = this.props;
+
+        return (
+            <SharedPlayPauseButton
+                data-testid="play-pause-button"
+                className="mx_PlayPauseButton"
+                togglePlay={this.onClick}
+                playing={playback.isPlaying}
+                disabled={playbackPhase === PlaybackState.Decoding}
+                {...restProps}
+            />
+        );
+    }
+}
diff --git a/apps/web/src/components/views/audio_messages/PlaybackClock.tsx b/apps/web/src/components/views/audio_messages/PlaybackClock.tsx
new file mode 100644
index 00000000000..78ac81f25cf
--- /dev/null
+++ b/apps/web/src/components/views/audio_messages/PlaybackClock.tsx
@@ -0,0 +1,74 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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 { Clock } from "@element-hq/web-shared-components";
+
+import { type Playback, PlaybackState } from "../../../audio/Playback";
+import { UPDATE_EVENT } from "../../../stores/AsyncStore";
+
+interface IProps {
+    playback: Playback;
+
+    // The default number of seconds to show when the playback has completed or
+    // has not started. Not used during playback, even when paused. Defaults to
+    // clip duration length.
+    defaultDisplaySeconds?: number;
+}
+
+interface IState {
+    seconds: number;
+    durationSeconds: number;
+    playbackPhase: PlaybackState;
+}
+
+/**
+ * A clock for a playback of a recording.
+ */
+export default class PlaybackClock extends React.PureComponent<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            seconds: this.props.playback.clockInfo.timeSeconds,
+            // we track the duration on state because we won't really know what the clip duration
+            // is until the first time update, and as a PureComponent we are trying to dedupe state
+            // updates as much as possible. This is just the easiest way to avoid a forceUpdate() or
+            // member property to track "did we get a duration".
+            durationSeconds: this.props.playback.clockInfo.durationSeconds,
+            playbackPhase: PlaybackState.Stopped, // assume not started, so full clock
+        };
+    }
+
+    public componentDidMount(): void {
+        this.props.playback.on(UPDATE_EVENT, this.onPlaybackUpdate);
+        this.props.playback.clockInfo.liveData.onUpdate(this.onTimeUpdate);
+    }
+
+    private onPlaybackUpdate = (ev: PlaybackState): void => {
+        // Convert Decoding -> Stopped because we don't care about the distinction here
+        if (ev === PlaybackState.Decoding) ev = PlaybackState.Stopped;
+        this.setState({ playbackPhase: ev });
+    };
+
+    private onTimeUpdate = (time: number[]): void => {
+        this.setState({ seconds: time[0], durationSeconds: time[1] });
+    };
+
+    public render(): React.ReactNode {
+        let seconds = this.state.seconds;
+        if (this.state.playbackPhase === PlaybackState.Stopped) {
+            if (Number.isFinite(this.props.defaultDisplaySeconds)) {
+                seconds = this.props.defaultDisplaySeconds ?? this.props.playback.durationSeconds;
+            } else {
+                seconds = this.state.durationSeconds;
+            }
+        }
+        return <Clock seconds={seconds} role="timer" />;
+    }
+}
diff --git a/apps/web/src/components/views/audio_messages/PlaybackWaveform.tsx b/apps/web/src/components/views/audio_messages/PlaybackWaveform.tsx
new file mode 100644
index 00000000000..215011e6cbd
--- /dev/null
+++ b/apps/web/src/components/views/audio_messages/PlaybackWaveform.tsx
@@ -0,0 +1,62 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+import { percentageOf } from "@element-hq/web-shared-components";
+
+import { arraySeed, arrayTrimFill } from "../../../utils/arrays";
+import Waveform from "./Waveform";
+import { type Playback } from "../../../audio/Playback";
+import { PLAYBACK_WAVEFORM_SAMPLES } from "../../../audio/consts";
+
+interface IProps {
+    playback: Playback;
+}
+
+interface IState {
+    heights: number[];
+    progress: number;
+}
+
+/**
+ * A waveform which shows the waveform of a previously recorded recording
+ */
+export default class PlaybackWaveform extends React.PureComponent<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            heights: this.toHeights(this.props.playback.waveform),
+            progress: 0, // default no progress
+        };
+    }
+
+    public componentDidMount(): void {
+        this.props.playback.waveformData.onUpdate(this.onWaveformUpdate);
+        this.props.playback.clockInfo.liveData.onUpdate(this.onTimeUpdate);
+    }
+
+    private toHeights(waveform: number[]): number[] {
+        const seed = arraySeed(0, PLAYBACK_WAVEFORM_SAMPLES);
+        return arrayTrimFill(waveform, PLAYBACK_WAVEFORM_SAMPLES, seed);
+    }
+
+    private onWaveformUpdate = (waveform: number[]): void => {
+        this.setState({ heights: this.toHeights(waveform) });
+    };
+
+    private onTimeUpdate = (time: number[]): void => {
+        // Track percentages to a general precision to avoid over-waking the component.
+        const progress = Number(percentageOf(time[0], 0, time[1]).toFixed(3));
+        this.setState({ progress });
+    };
+
+    public render(): React.ReactNode {
+        return <Waveform relHeights={this.state.heights} progress={this.state.progress} />;
+    }
+}
diff --git a/apps/web/src/components/views/audio_messages/RecordingPlayback.tsx b/apps/web/src/components/views/audio_messages/RecordingPlayback.tsx
new file mode 100644
index 00000000000..769e7622636
--- /dev/null
+++ b/apps/web/src/components/views/audio_messages/RecordingPlayback.tsx
@@ -0,0 +1,92 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 ReactNode } from "react";
+import { MediaBody } from "@element-hq/web-shared-components";
+
+import PlayPauseButton from "./PlayPauseButton";
+import PlaybackClock from "./PlaybackClock";
+import AudioPlayerBase, { type IProps as IAudioPlayerBaseProps } from "./AudioPlayerBase";
+import LegacySeekBar from "./LegacySeekBar";
+import PlaybackWaveform from "./PlaybackWaveform";
+import { PlaybackState } from "../../../audio/Playback";
+
+export enum PlaybackLayout {
+    /**
+     * Clock on the left side of a waveform, without seek bar.
+     */
+    Composer,
+
+    /**
+     * Clock on the right side of a waveform, with an added seek bar.
+     */
+    Timeline,
+}
+
+interface IProps extends IAudioPlayerBaseProps {
+    layout?: PlaybackLayout; // Defaults to Timeline layout
+}
+
+export default class RecordingPlayback extends AudioPlayerBase<IProps> {
+    // This component is rendered in two ways: the composer and timeline. They have different
+    // rendering properties (specifically the difference of a waveform or not).
+
+    private renderComposerLook(): ReactNode {
+        return (
+            <>
+                <PlaybackClock playback={this.props.playback} />
+                <PlaybackWaveform playback={this.props.playback} />
+            </>
+        );
+    }
+
+    private renderTimelineLook(): ReactNode {
+        return (
+            <>
+                <div className="mx_RecordingPlayback_timelineLayoutMiddle">
+                    <PlaybackWaveform playback={this.props.playback} />
+                    <LegacySeekBar
+                        playback={this.props.playback}
+                        tabIndex={0} // allow keyboard users to fall into the seek bar
+                        disabled={this.state.playbackPhase === PlaybackState.Decoding}
+                        ref={this.seekRef}
+                    />
+                </div>
+                <PlaybackClock playback={this.props.playback} />
+            </>
+        );
+    }
+
+    protected renderComponent(): ReactNode {
+        let body: ReactNode;
+        switch (this.props.layout) {
+            case PlaybackLayout.Composer:
+                body = this.renderComposerLook();
+                break;
+            case PlaybackLayout.Timeline: // default is timeline, fall through.
+            default:
+                body = this.renderTimelineLook();
+                break;
+        }
+
+        return (
+            <MediaBody
+                className="mx_VoiceMessagePrimaryContainer"
+                onKeyDown={this.onKeyDown}
+                data-testid="recording-playback"
+            >
+                <PlayPauseButton
+                    playback={this.props.playback}
+                    playbackPhase={this.state.playbackPhase}
+                    ref={this.playPauseRef}
+                />
+                {body}
+            </MediaBody>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/audio_messages/Waveform.tsx b/apps/web/src/components/views/audio_messages/Waveform.tsx
new file mode 100644
index 00000000000..03ae0d56177
--- /dev/null
+++ b/apps/web/src/components/views/audio_messages/Waveform.tsx
@@ -0,0 +1,60 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 CSSProperties } from "react";
+import classNames from "classnames";
+
+interface WaveformCSSProperties extends CSSProperties {
+    "--barHeight": number;
+}
+
+interface IProps {
+    relHeights: number[]; // relative heights (0-1)
+    progress: number; // percent complete, 0-1, default 100%
+}
+
+/**
+ * A simple waveform component. This renders bars (centered vertically) for each
+ * height provided in the component properties. Updating the properties will update
+ * the rendered waveform.
+ *
+ * For CSS purposes, a mx_Waveform_bar_100pct class is added when the bar should be
+ * "filled", as a demonstration of the progress property.
+ */
+export default class Waveform extends React.PureComponent<IProps> {
+    public static defaultProps = {
+        progress: 1,
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <div className="mx_Waveform">
+                {this.props.relHeights.map((h, i) => {
+                    const progress = this.props.progress;
+                    const isCompleteBar = i / this.props.relHeights.length <= progress && progress > 0;
+                    const classes = classNames({
+                        mx_Waveform_bar: true,
+                        mx_Waveform_bar_100pct: isCompleteBar,
+                    });
+                    return (
+                        <span
+                            // oxlint-disable-next-line react/no-array-index-key
+                            key={i}
+                            style={
+                                {
+                                    "--barHeight": h,
+                                } as WaveformCSSProperties
+                            }
+                            className={classes}
+                        />
+                    );
+                })}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/auth/AuthBody.tsx b/apps/web/src/components/views/auth/AuthBody.tsx
new file mode 100644
index 00000000000..e357752a971
--- /dev/null
+++ b/apps/web/src/components/views/auth/AuthBody.tsx
@@ -0,0 +1,18 @@
+/*
+Copyright 2019-2024 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 classNames from "classnames";
+import React, { type JSX, type PropsWithChildren } from "react";
+
+interface Props {
+    className?: string;
+    flex?: boolean;
+}
+
+export default function AuthBody({ flex, className, children }: PropsWithChildren<Props>): JSX.Element {
+    return <div className={classNames("mx_AuthBody", className, { mx_AuthBody_flex: flex })}>{children}</div>;
+}
diff --git a/apps/web/src/components/views/auth/AuthFooter.tsx b/apps/web/src/components/views/auth/AuthFooter.tsx
new file mode 100644
index 00000000000..1942bf04318
--- /dev/null
+++ b/apps/web/src/components/views/auth/AuthFooter.tsx
@@ -0,0 +1,42 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+import React, { type JSX, type ReactElement } from "react";
+
+import SdkConfig from "../../../SdkConfig";
+import { _t } from "../../../languageHandler";
+
+const AuthFooter = (): ReactElement => {
+    const brandingConfig = SdkConfig.getObject("branding");
+    const links = brandingConfig?.get("auth_footer_links") ?? [
+        { text: "Blog", url: "https://element.io/blog" },
+        { text: "Mastodon", url: "https://mastodon.matrix.org/@Element" },
+        { text: "GitHub", url: "https://github.com/element-hq/element-web" },
+    ];
+
+    const authFooterLinks: JSX.Element[] = [];
+    for (const linkEntry of links) {
+        authFooterLinks.push(
+            <a href={linkEntry.url} key={linkEntry.text} target="_blank" rel="noreferrer noopener">
+                {linkEntry.text}
+            </a>,
+        );
+    }
+
+    return (
+        <footer className="mx_AuthFooter" role="contentinfo">
+            {authFooterLinks}
+            <a href="https://matrix.org" target="_blank" rel="noreferrer noopener">
+                {_t("powered_by_matrix")}
+            </a>
+        </footer>
+    );
+};
+
+export default AuthFooter;
diff --git a/apps/web/src/components/views/auth/AuthHeader.tsx b/apps/web/src/components/views/auth/AuthHeader.tsx
new file mode 100644
index 00000000000..de16e11defa
--- /dev/null
+++ b/apps/web/src/components/views/auth/AuthHeader.tsx
@@ -0,0 +1,27 @@
+/*
+Copyright 2019-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.
+*/
+
+import React from "react";
+
+import AuthHeaderLogo from "./AuthHeaderLogo";
+import LanguageSelector from "./LanguageSelector";
+
+interface IProps {
+    disableLanguageSelector?: boolean;
+}
+
+export default class AuthHeader extends React.Component<IProps> {
+    public render(): React.ReactNode {
+        return (
+            <div className="mx_AuthHeader">
+                <AuthHeaderLogo />
+                <LanguageSelector disabled={this.props.disableLanguageSelector} />
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/auth/AuthHeaderLogo.tsx b/apps/web/src/components/views/auth/AuthHeaderLogo.tsx
new file mode 100644
index 00000000000..35d35bc3a59
--- /dev/null
+++ b/apps/web/src/components/views/auth/AuthHeaderLogo.tsx
@@ -0,0 +1,24 @@
+/*
+Copyright 2019-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.
+*/
+
+import React from "react";
+
+import SdkConfig from "../../../SdkConfig";
+
+export default class AuthHeaderLogo extends React.PureComponent {
+    public render(): React.ReactElement {
+        const brandingConfig = SdkConfig.getObject("branding");
+        const logoUrl = brandingConfig?.get("auth_header_logo_url") ?? "themes/element/img/logos/element-logo.svg";
+
+        return (
+            <aside className="mx_AuthHeaderLogo">
+                <img src={logoUrl} alt="Element" />
+            </aside>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/auth/AuthPage.tsx b/apps/web/src/components/views/auth/AuthPage.tsx
new file mode 100644
index 00000000000..8d1c56ea7cc
--- /dev/null
+++ b/apps/web/src/components/views/auth/AuthPage.tsx
@@ -0,0 +1,101 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+import React from "react";
+import classNames from "classnames";
+
+import SdkConfig from "../../../SdkConfig";
+import AuthFooter from "./AuthFooter";
+
+interface IProps {
+    /**
+     * Whether to add a blurred shadow around the modal.
+     *
+     * If the modal component provides its own shadow or blurring, this can be
+     * disabled.  Defaults to `true`.
+     */
+    addBlur?: boolean;
+}
+
+export default class AuthPage extends React.PureComponent<React.PropsWithChildren<IProps>> {
+    private static welcomeBackgroundUrl?: string;
+
+    // cache the url as a static to prevent it changing without refreshing
+    private static getWelcomeBackgroundUrl(): string {
+        if (AuthPage.welcomeBackgroundUrl) return AuthPage.welcomeBackgroundUrl;
+
+        const brandingConfig = SdkConfig.getObject("branding");
+
+        const urls = brandingConfig.get("welcome_background_url");
+        if (Array.isArray(urls)) {
+            const index = Math.floor(Math.random() * urls.length);
+            AuthPage.welcomeBackgroundUrl = urls[index];
+        } else {
+            AuthPage.welcomeBackgroundUrl = urls;
+        }
+
+        return AuthPage.welcomeBackgroundUrl;
+    }
+
+    public render(): React.ReactElement {
+        const pageStyle = {
+            background: `center/cover fixed url(${AuthPage.getWelcomeBackgroundUrl()})`,
+        };
+
+        const modalStyle: React.CSSProperties = {
+            position: "relative",
+            background: "initial",
+        };
+
+        const blurStyle: React.CSSProperties = {
+            position: "absolute",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            filter: "blur(40px)",
+            background: pageStyle.background,
+        };
+
+        const modalContentStyle: React.CSSProperties = {
+            display: "flex",
+            zIndex: 1,
+            borderRadius: "inherit",
+        };
+
+        let modalBlur;
+        if (this.props.addBlur !== false) {
+            // Blur out the background: add a `div` which covers the content behind the modal,
+            // and blurs it out.
+            modalBlur = <div className="mx_AuthPage_modalBlur" style={blurStyle} />;
+        }
+
+        const modalClasses = classNames({
+            mx_AuthPage_modal: true,
+            mx_AuthPage_modal_withBlur: this.props.addBlur !== false,
+        });
+
+        return (
+            <div className="mx_AuthPage" style={pageStyle}>
+                <div className={modalClasses} style={modalStyle}>
+                    {modalBlur}
+                    <main
+                        className="mx_AuthPage_modalContent"
+                        style={modalContentStyle}
+                        tabIndex={-1}
+                        aria-live="polite"
+                    >
+                        {this.props.children}
+                    </main>
+                </div>
+                <AuthFooter />
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/auth/CaptchaForm.tsx b/apps/web/src/components/views/auth/CaptchaForm.tsx
new file mode 100644
index 00000000000..3e96a86e7e6
--- /dev/null
+++ b/apps/web/src/components/views/auth/CaptchaForm.tsx
@@ -0,0 +1,140 @@
+/*
+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.
+*/
+
+import React, { type JSX, createRef } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../languageHandler";
+
+const DIV_ID = "mx_recaptcha";
+
+interface ICaptchaFormProps {
+    sitePublicKey: string;
+    onCaptchaResponse: (response: string) => void;
+}
+
+interface ICaptchaFormState {
+    errorText?: string;
+}
+
+/**
+ * A pure UI component which displays a captcha form.
+ */
+export default class CaptchaForm extends React.Component<ICaptchaFormProps, ICaptchaFormState> {
+    private captchaWidgetId?: string;
+    private recaptchaContainer = createRef<HTMLDivElement>();
+
+    public constructor(props: ICaptchaFormProps) {
+        super(props);
+
+        this.state = {
+            errorText: undefined,
+        };
+    }
+
+    public componentDidMount(): void {
+        // Just putting a script tag into the returned jsx doesn't work, annoyingly,
+        // so we do this instead.
+        if (this.isRecaptchaReady()) {
+            // already loaded
+            this.onCaptchaLoaded();
+        } else {
+            logger.log("Loading recaptcha script...");
+            window.mxOnRecaptchaLoaded = () => {
+                this.onCaptchaLoaded();
+            };
+            const scriptTag = document.createElement("script");
+            scriptTag.setAttribute(
+                "src",
+                `https://www.recaptcha.net/recaptcha/api.js?onload=mxOnRecaptchaLoaded&render=explicit`,
+            );
+            this.recaptchaContainer.current?.appendChild(scriptTag);
+        }
+    }
+
+    public componentWillUnmount(): void {
+        this.resetRecaptcha();
+        // Resettting the captcha does not clear the challenge overlay from the body in android webviews.
+        // Search for an iframe with the challenge src and remove it's topmost ancestor from the body.
+        // TODO: Remove this when the "mobile_register" page is retired.
+        const iframes = document.querySelectorAll("iframe");
+        for (const iframe of iframes) {
+            if (iframe.src.includes("https://www.recaptcha.net/recaptcha/api2/bframe")) {
+                let parentBeforeBody: HTMLElement | null = iframe;
+                do {
+                    parentBeforeBody = parentBeforeBody.parentElement;
+                } while (parentBeforeBody?.parentElement && parentBeforeBody.parentElement != document.body);
+                parentBeforeBody?.remove();
+            }
+        }
+    }
+
+    // Borrowed directly from: https://github.com/codeep/react-recaptcha-google/commit/e118fa5670fa268426969323b2e7fe77698376ba
+    private isRecaptchaReady(): boolean {
+        return (
+            typeof window !== "undefined" &&
+            typeof global.grecaptcha !== "undefined" &&
+            typeof global.grecaptcha.render === "function"
+        );
+    }
+
+    private renderRecaptcha(divId: string): void {
+        if (!this.isRecaptchaReady()) {
+            logger.error("grecaptcha not loaded!");
+            throw new Error("Recaptcha did not load successfully");
+        }
+
+        const publicKey = this.props.sitePublicKey;
+        if (!publicKey) {
+            logger.error("No public key for recaptcha!");
+            throw new Error("This server has not supplied enough information for Recaptcha authentication");
+        }
+
+        logger.info(`Rendering to ${divId}`);
+        this.captchaWidgetId = global.grecaptcha?.render(divId, {
+            sitekey: publicKey,
+            callback: this.props.onCaptchaResponse,
+        });
+    }
+
+    private resetRecaptcha(): void {
+        if (this.captchaWidgetId) {
+            global?.grecaptcha?.reset(this.captchaWidgetId);
+        }
+    }
+
+    private onCaptchaLoaded(): void {
+        logger.log("Loaded recaptcha script.");
+        try {
+            this.renderRecaptcha(DIV_ID);
+            // clear error if re-rendered
+            this.setState({
+                errorText: undefined,
+            });
+        } catch (e) {
+            this.setState({
+                errorText: e instanceof Error ? e.message : String(e),
+            });
+        }
+    }
+
+    public render(): React.ReactNode {
+        let error: JSX.Element | undefined;
+        if (this.state.errorText) {
+            error = <div className="error">{this.state.errorText}</div>;
+        }
+
+        return (
+            <div ref={this.recaptchaContainer}>
+                <p>{_t("auth|captcha_description")}</p>
+                <div id={DIV_ID} />
+                {error}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/auth/CompleteSecurityBody.tsx b/apps/web/src/components/views/auth/CompleteSecurityBody.tsx
new file mode 100644
index 00000000000..01eb0ec6f5a
--- /dev/null
+++ b/apps/web/src/components/views/auth/CompleteSecurityBody.tsx
@@ -0,0 +1,15 @@
+/*
+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 ReactNode } from "react";
+
+export default class CompleteSecurityBody extends React.PureComponent<{ children: ReactNode }> {
+    public render(): React.ReactNode {
+        return <div className="mx_CompleteSecurityBody">{this.props.children}</div>;
+    }
+}
diff --git a/apps/web/src/components/views/auth/CountryDropdown.tsx b/apps/web/src/components/views/auth/CountryDropdown.tsx
new file mode 100644
index 00000000000..869f592e8e9
--- /dev/null
+++ b/apps/web/src/components/views/auth/CountryDropdown.tsx
@@ -0,0 +1,177 @@
+/*
+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.
+*/
+
+import React, { type ReactElement } from "react";
+
+import { COUNTRIES, getEmojiFlag, type PhoneNumberCountryDefinition } from "../../../phonenumber";
+import SdkConfig from "../../../SdkConfig";
+import { _t } from "../../../languageHandler";
+import { getUserLanguage } from "../../../i18n/settings";
+import Dropdown from "../elements/Dropdown";
+import { type NonEmptyArray } from "../../../@types/common";
+
+interface InternationalisedCountry extends PhoneNumberCountryDefinition {
+    name: string; // already translated to the user's locale
+}
+
+function countryMatchesSearchQuery(query: string, country: InternationalisedCountry): boolean {
+    // Remove '+' if present (when searching for a prefix)
+    if (query[0] === "+") {
+        query = query.slice(1);
+    }
+
+    if (country.name.toUpperCase().indexOf(query.toUpperCase()) == 0) return true;
+    if (country.iso2 == query.toUpperCase()) return true;
+    if (country.prefix.indexOf(query) !== -1) return true;
+    return false;
+}
+
+interface IProps {
+    value?: string;
+    onOptionChange: (country: InternationalisedCountry) => void;
+    isSmall: boolean; // if isSmall, show +44 in the selected value
+    showPrefix: boolean;
+    className?: string;
+    disabled?: boolean;
+}
+
+interface IState {
+    searchQuery: string;
+}
+
+export default class CountryDropdown extends React.Component<IProps, IState> {
+    private readonly defaultCountry: InternationalisedCountry;
+    private readonly countries: InternationalisedCountry[];
+    private readonly countryMap: Map<string, InternationalisedCountry>;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        const displayNames = new Intl.DisplayNames([getUserLanguage()], { type: "region" });
+
+        this.countries = COUNTRIES.map((c) => ({
+            name: displayNames.of(c.iso2) ?? c.iso2,
+            ...c,
+        }));
+        this.countryMap = new Map(this.countries.map((c) => [c.iso2, c]));
+
+        let defaultCountry: InternationalisedCountry | undefined;
+        const defaultCountryCode = SdkConfig.get("default_country_code");
+        if (defaultCountryCode) {
+            const country = this.countries.find((c) => c.iso2 === defaultCountryCode.toUpperCase());
+            if (country) defaultCountry = country;
+        }
+
+        if (!defaultCountry) {
+            try {
+                const locale = new Intl.Locale(navigator.language ?? navigator.languages[0]);
+                const code = locale.region ?? locale.language ?? locale.baseName;
+                const displayName = displayNames.of(code)!.toUpperCase();
+                defaultCountry = this.countries.find(
+                    (c) => c.iso2 === code.toUpperCase() || c.name.toUpperCase() === displayName,
+                );
+            } catch (e) {
+                console.warn("Failed to detect default locale", e);
+            }
+        }
+
+        this.defaultCountry = defaultCountry ?? this.countries[0];
+        this.state = {
+            searchQuery: "",
+        };
+    }
+
+    public componentDidMount(): void {
+        if (!this.props.value) {
+            // If no value is given, we start with the default
+            // country selected, but our parent component
+            // doesn't know this, therefore we do this.
+            this.props.onOptionChange(this.defaultCountry);
+        }
+    }
+
+    private onSearchChange = (search: string): void => {
+        this.setState({
+            searchQuery: search,
+        });
+    };
+
+    private onOptionChange = (iso2: string): void => {
+        this.props.onOptionChange(this.countryMap.get(iso2)!);
+    };
+
+    private flagImgForIso2(iso2: string): React.ReactNode {
+        return <div className="mx_Dropdown_option_emoji">{getEmojiFlag(iso2)}</div>;
+    }
+
+    private getShortOption = (iso2: string): React.ReactNode => {
+        if (!this.props.isSmall) {
+            return undefined;
+        }
+        let countryPrefix: string | undefined;
+        if (this.props.showPrefix) {
+            countryPrefix = "+" + this.countryMap.get(iso2)!.prefix;
+        }
+        return (
+            <span className="mx_CountryDropdown_shortOption">
+                {this.flagImgForIso2(iso2)}
+                {countryPrefix}
+            </span>
+        );
+    };
+
+    public render(): React.ReactNode {
+        let displayedCountries: InternationalisedCountry[];
+        if (this.state.searchQuery) {
+            displayedCountries = this.countries.filter((country) =>
+                countryMatchesSearchQuery(this.state.searchQuery, country),
+            );
+            if (this.state.searchQuery.length == 2 && this.countryMap.has(this.state.searchQuery.toUpperCase())) {
+                // exact ISO2 country name match: make the first result the matches ISO2
+                const matched = this.countryMap.get(this.state.searchQuery.toUpperCase())!;
+                displayedCountries = displayedCountries.filter((c) => {
+                    return c.iso2 != matched.iso2;
+                });
+                displayedCountries.unshift(matched);
+            }
+        } else {
+            displayedCountries = this.countries;
+        }
+
+        const options = displayedCountries.map((country) => {
+            return (
+                <div className="mx_CountryDropdown_option" key={country.iso2}>
+                    {this.flagImgForIso2(country.iso2)}
+                    {country.name} (+{country.prefix})
+                </div>
+            );
+        }) as NonEmptyArray<ReactElement & { key: string }>;
+
+        // default value here too, otherwise we need to handle null / undefined
+        // values between mounting and the initial value propagating
+        const value = this.props.value || this.defaultCountry.iso2;
+
+        return (
+            <Dropdown
+                id="mx_CountryDropdown"
+                className={this.props.className + " mx_CountryDropdown"}
+                onOptionChange={this.onOptionChange}
+                onSearchChange={this.onSearchChange}
+                menuWidth={298}
+                getShortOption={this.getShortOption}
+                value={value}
+                searchEnabled={true}
+                disabled={this.props.disabled}
+                label={_t("auth|country_dropdown")}
+                autoComplete="tel-country-code"
+            >
+                {options}
+            </Dropdown>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/auth/DefaultWelcome.tsx b/apps/web/src/components/views/auth/DefaultWelcome.tsx
new file mode 100644
index 00000000000..b832a2f957f
--- /dev/null
+++ b/apps/web/src/components/views/auth/DefaultWelcome.tsx
@@ -0,0 +1,95 @@
+/*
+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 { Button, Heading, Text } from "@vector-im/compound-web";
+import { createClient } from "matrix-js-sdk/src/matrix";
+import { QrCodeIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import SdkConfig from "../../../SdkConfig.ts";
+import { MatrixClientPeg } from "../../../MatrixClientPeg.ts";
+import { isElementBranded } from "../../../branding.ts";
+import { useFeatureEnabled } from "../../../hooks/useSettings.ts";
+import { type ValidatedServerConfig } from "../../../utils/ValidatedServerConfig.ts";
+import { useAsyncMemo } from "../../../hooks/useAsyncMemo.ts";
+import Spinner from "../elements/Spinner.tsx";
+
+interface Props {
+    /**
+     * The server config to use for QR code login
+     */
+    serverConfig: ValidatedServerConfig;
+}
+
+/**
+ * Default welcome (/#/welcome) screen to render if not overridden by config.json
+ * Links out to Login, Registration, QR Login & Directory (if guest access is supported)
+ */
+const DefaultWelcome: React.FC<Props> = ({ serverConfig }) => {
+    const brand = SdkConfig.get("brand");
+    const branding = SdkConfig.getObject("branding");
+    const logoUrl = branding.get("auth_header_logo_url");
+
+    const showGuestFunctions = !!MatrixClientPeg.get();
+    const isElement = isElementBranded();
+
+    const isQrLoginEnabled = useFeatureEnabled("feature_login_with_qr");
+    const showQrButton = useAsyncMemo(async () => {
+        if (!isQrLoginEnabled) return false;
+        const tempClient = createClient({
+            baseUrl: serverConfig.hsUrl,
+        });
+        // We do not use isSignInWithQRAvailable as we only need rendezvous at this point and are likely to be logging
+        // into a different server than this one, so whether this one supports DAG is irrelevant.
+        return tempClient.doesServerSupportUnstableFeature("org.matrix.msc4108");
+    }, [serverConfig, isQrLoginEnabled]);
+
+    const loading = isQrLoginEnabled && showQrButton === undefined;
+
+    let body: JSX.Element;
+    if (loading) {
+        body = <Spinner />;
+    } else {
+        body = (
+            <div className="mx_DefaultWelcome_buttons">
+                {showQrButton && (
+                    <Button as="a" href="#/qr_login" kind="primary" size="md" Icon={QrCodeIcon}>
+                        {_t("auth|sign_in_with_qr")}
+                    </Button>
+                )}
+                <Button as="a" href="#/login" kind="primary" size="md">
+                    {showQrButton ? _t("auth|sign_in_manually") : _t("action|sign_in")}
+                </Button>
+                <Button as="a" href="#/register" kind="secondary" size="md">
+                    {_t("action|create_account")}
+                </Button>
+                {showGuestFunctions && (
+                    <Button as="a" href="#/directory" kind="tertiary" size="md">
+                        {_t("action|explore_rooms")}
+                    </Button>
+                )}
+            </div>
+        );
+    }
+
+    return (
+        <div className="mx_DefaultWelcome">
+            <a href={branding.get("logo_link_url")} target="_blank" rel="noopener" className="mx_DefaultWelcome_logo">
+                <img src={logoUrl} alt={brand} />
+            </a>
+            <Heading as="h1" weight="semibold">
+                {isElement ? _t("welcome|title_element") : _t("welcome|title_generic", { brand })}
+            </Heading>
+            {isElement && <Text size="md">{_t("welcome|tagline_element")}</Text>}
+
+            {body}
+        </div>
+    );
+};
+
+export default DefaultWelcome;
diff --git a/apps/web/src/components/views/auth/EmailField.tsx b/apps/web/src/components/views/auth/EmailField.tsx
new file mode 100644
index 00000000000..a8388f7ad9e
--- /dev/null
+++ b/apps/web/src/components/views/auth/EmailField.tsx
@@ -0,0 +1,87 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 ComponentProps, PureComponent, type Ref } from "react";
+
+import Field, { type IInputProps } from "../elements/Field";
+import { _t, _td } from "../../../languageHandler";
+import withValidation, { type IFieldState, type IValidationResult } from "../elements/Validation";
+import * as Email from "../../../email";
+
+interface IProps extends Omit<IInputProps, "onValidate" | "element"> {
+    id?: string;
+    fieldRef?: Ref<Field>;
+    value: string;
+    autoFocus?: boolean;
+
+    label: TranslationKey;
+    labelRequired: TranslationKey;
+    labelInvalid: TranslationKey;
+    tooltipAlignment?: ComponentProps<typeof Field>["tooltipAlignment"];
+
+    // When present, completely overrides the default validation rules.
+    validationRules?: (fieldState: IFieldState) => Promise<IValidationResult>;
+
+    onChange(ev: React.FormEvent<HTMLElement>): void;
+    onValidate?(result: IValidationResult): void;
+}
+
+class EmailField extends PureComponent<IProps> {
+    public static defaultProps = {
+        label: _td("auth|email_field_label"),
+        labelRequired: _td("auth|email_field_label_required"),
+        labelInvalid: _td("auth|email_field_label_invalid"),
+    };
+
+    public readonly validate = withValidation({
+        rules: [
+            {
+                key: "required",
+                test: ({ value, allowEmpty }) => allowEmpty || !!value,
+                invalid: () => _t(this.props.labelRequired),
+            },
+            {
+                key: "email",
+                test: ({ value }) => !value || Email.looksValid(value),
+                invalid: () => _t(this.props.labelInvalid),
+            },
+        ],
+    });
+
+    public onValidate = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        let validate = this.validate;
+        if (this.props.validationRules) {
+            validate = this.props.validationRules;
+        }
+
+        const result = await validate(fieldState);
+        if (this.props.onValidate) {
+            this.props.onValidate(result);
+        }
+
+        return result;
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <Field
+                id={this.props.id}
+                ref={this.props.fieldRef}
+                type="text"
+                label={_t(this.props.label)}
+                value={this.props.value}
+                autoFocus={this.props.autoFocus}
+                onChange={this.props.onChange}
+                onValidate={this.onValidate}
+                tooltipAlignment={this.props.tooltipAlignment}
+            />
+        );
+    }
+}
+
+export default EmailField;
diff --git a/apps/web/src/components/views/auth/InteractiveAuthEntryComponents.tsx b/apps/web/src/components/views/auth/InteractiveAuthEntryComponents.tsx
new file mode 100644
index 00000000000..89fe5799e63
--- /dev/null
+++ b/apps/web/src/components/views/auth/InteractiveAuthEntryComponents.tsx
@@ -0,0 +1,1042 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 classNames from "classnames";
+import { type InternationalisedPolicy, type Terms, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { AuthType, type AuthDict, type IInputs, type IStageStatus } from "matrix-js-sdk/src/interactive-auth";
+import { logger } from "matrix-js-sdk/src/logger";
+import React, { type JSX, type ChangeEvent, createRef, type FormEvent, Fragment } from "react";
+import { Button } from "@vector-im/compound-web";
+import PopOutIcon from "@vector-im/compound-design-tokens/assets/web/icons/pop-out";
+import UserProfileSolidIcon from "@vector-im/compound-design-tokens/assets/web/icons/user-profile-solid";
+
+import EmailPromptIcon from "../../../../res/img/element-icons/email-prompt.svg";
+import { _t } from "../../../languageHandler";
+import { AuthHeaderModifier } from "../../structures/auth/header/AuthHeaderModifier";
+import AccessibleButton, { type AccessibleButtonKind, type ButtonEvent } from "../elements/AccessibleButton";
+import Field from "../elements/Field";
+import Spinner from "../elements/Spinner";
+import CaptchaForm from "./CaptchaForm";
+import { pickBestPolicyLanguage } from "../../../Terms.ts";
+import { EncryptionCardButtons } from "../settings/encryption/EncryptionCardButtons.tsx";
+import { EncryptionCard } from "../settings/encryption/EncryptionCard.tsx";
+
+/* This file contains a collection of components which are used by the
+ * InteractiveAuth to prompt the user to enter the information needed
+ * for an auth stage. (The intention is that they could also be used for other
+ * components, such as the registration flow).
+ *
+ * Call getEntryComponentForLoginType() to get a component suitable for a
+ * particular login type. Each component requires the same properties:
+ *
+ * matrixClient:           A matrix client. May be a different one to the one
+ *                         currently being used generally (eg. to register with
+ *                         one HS whilst being a guest on another).
+ * loginType:              the login type of the auth stage being attempted
+ * authSessionId:          session id from the server
+ * clientSecret:           The client secret in use for identity server auth sessions
+ * stageParams:            params from the server for the stage being attempted
+ * errorText:              error message from a previous attempt to authenticate
+ * submitAuthDict:         a function which will be called with the new auth dict
+ * busy:                   a boolean indicating whether the auth logic is doing something
+ *                         the user needs to wait for.
+ * inputs:                 Object of inputs provided by the user, as in js-sdk
+ *                         interactive-auth
+ * stageState:             Stage-specific object used for communicating state information
+ *                         to the UI from the state-specific auth logic.
+ *                         Defined keys for stages are:
+ *                             m.login.email.identity:
+ *                              * emailSid: string representing the sid of the active
+ *                                          verification session from the identity server,
+ *                                          or null if no session is active.
+ * fail:                   a function which should be called with an error object if an
+ *                         error occurred during the auth stage. This will cause the auth
+ *                         session to be failed and the process to go back to the start.
+ * setEmailSid:            m.login.email.identity only: a function to be called with the
+ *                         email sid after a token is requested.
+ * onPhaseChange:          A function which is called when the stage's phase changes. If
+ *                         the stage has no phases, call this with DEFAULT_PHASE. Takes
+ *                         one argument, the phase, and is always defined/required.
+ * continueText:           For stages which have a continue button, the text to use.
+ * continueKind:           For stages which have a continue button, the style of button to
+ *                         use. For example, 'danger' or 'primary'.
+ * onCancel                A function with no arguments which is called by the stage if the
+ *                         user knowingly cancelled/dismissed the authentication attempt.
+ *
+ * Each component may also provide the following functions (beyond the standard React ones):
+ *    focus: set the input focus appropriately in the form.
+ */
+
+export const DEFAULT_PHASE = 0;
+
+interface IAuthEntryProps {
+    matrixClient: MatrixClient;
+    loginType: string;
+    authSessionId?: string;
+    errorText?: string;
+    errorCode?: string;
+    // Is the auth logic currently waiting for something to happen?
+    busy?: boolean;
+    onPhaseChange: (phase: number) => void;
+    submitAuthDict: (auth: AuthDict) => void;
+    requestEmailToken?: () => Promise<void>;
+    fail: (error: Error) => void;
+    clientSecret: string;
+}
+
+interface IPasswordAuthEntryState {
+    password: string;
+}
+
+export class PasswordAuthEntry extends React.Component<IAuthEntryProps, IPasswordAuthEntryState> {
+    public static LOGIN_TYPE = AuthType.Password;
+
+    public constructor(props: IAuthEntryProps) {
+        super(props);
+
+        this.state = {
+            password: "",
+        };
+    }
+
+    public componentDidMount(): void {
+        this.props.onPhaseChange(DEFAULT_PHASE);
+    }
+
+    private onSubmit = (e: FormEvent): void => {
+        e.preventDefault();
+        if (this.props.busy) return;
+
+        this.props.submitAuthDict({
+            type: AuthType.Password,
+            identifier: {
+                type: "m.id.user",
+                user: this.props.matrixClient.credentials.userId,
+            },
+            password: this.state.password,
+        });
+    };
+
+    private onPasswordFieldChange = (ev: ChangeEvent<HTMLInputElement>): void => {
+        // enable the submit button iff the password is non-empty
+        this.setState({
+            password: ev.target.value,
+        });
+    };
+
+    public render(): React.ReactNode {
+        const passwordBoxClass = classNames({
+            error: this.props.errorText,
+        });
+
+        let submitButtonOrSpinner;
+        if (this.props.busy) {
+            submitButtonOrSpinner = <Spinner />;
+        } else {
+            submitButtonOrSpinner = (
+                <input
+                    type="submit"
+                    className="mx_Dialog_primary"
+                    disabled={!this.state.password}
+                    value={_t("action|continue")}
+                />
+            );
+        }
+
+        let errorSection;
+        if (this.props.errorText) {
+            errorSection = (
+                <div className="error" role="alert">
+                    {this.props.errorText}
+                </div>
+            );
+        }
+
+        return (
+            <div>
+                <p>{_t("auth|uia|password_prompt")}</p>
+                <form onSubmit={this.onSubmit} className="mx_InteractiveAuthEntryComponents_passwordSection">
+                    <Field
+                        className={passwordBoxClass}
+                        type="password"
+                        name="passwordField"
+                        label={_t("common|password")}
+                        autoFocus={true}
+                        value={this.state.password}
+                        onChange={this.onPasswordFieldChange}
+                    />
+                    {errorSection}
+                    <div className="mx_button_row">{submitButtonOrSpinner}</div>
+                </form>
+            </div>
+        );
+    }
+}
+
+interface IRecaptchaAuthEntryProps extends IAuthEntryProps {
+    stageParams?: {
+        public_key?: string;
+    };
+}
+
+export class RecaptchaAuthEntry extends React.Component<IRecaptchaAuthEntryProps> {
+    public static LOGIN_TYPE = AuthType.Recaptcha;
+
+    public componentDidMount(): void {
+        this.props.onPhaseChange(DEFAULT_PHASE);
+    }
+
+    private onCaptchaResponse = (response: string): void => {
+        this.props.submitAuthDict({
+            type: AuthType.Recaptcha,
+            response: response,
+        });
+    };
+
+    public render(): React.ReactNode {
+        if (this.props.busy) {
+            return <Spinner />;
+        }
+
+        let errorText = this.props.errorText;
+
+        let sitePublicKey: string | undefined;
+        if (!this.props.stageParams || !this.props.stageParams.public_key) {
+            errorText = _t("auth|uia|recaptcha_missing_params");
+        } else {
+            sitePublicKey = this.props.stageParams.public_key;
+        }
+
+        let errorSection: JSX.Element | undefined;
+        if (errorText) {
+            errorSection = (
+                <div className="error" role="alert">
+                    {errorText}
+                </div>
+            );
+        }
+
+        return (
+            <div>
+                {sitePublicKey && (
+                    <CaptchaForm sitePublicKey={sitePublicKey} onCaptchaResponse={this.onCaptchaResponse} />
+                )}
+                {errorSection}
+            </div>
+        );
+    }
+}
+
+interface ITermsAuthEntryProps extends IAuthEntryProps {
+    stageParams?: Partial<Terms>;
+}
+
+interface LocalisedPolicyWithId extends InternationalisedPolicy {
+    id: string;
+}
+
+interface ITermsAuthEntryState {
+    policies: LocalisedPolicyWithId[];
+    toggledPolicies: {
+        [policy: string]: boolean;
+    };
+    errorText?: string;
+}
+
+export class TermsAuthEntry extends React.Component<ITermsAuthEntryProps, ITermsAuthEntryState> {
+    public static LOGIN_TYPE = AuthType.Terms;
+
+    public constructor(props: ITermsAuthEntryProps) {
+        super(props);
+
+        // example stageParams:
+        //
+        // {
+        //     "policies": {
+        //         "privacy_policy": {
+        //             "version": "1.0",
+        //             "en": {
+        //                 "name": "Privacy Policy",
+        //                 "url": "https://example.org/privacy-1.0-en.html",
+        //             },
+        //             "fr": {
+        //                 "name": "Politique de confidentialité",
+        //                 "url": "https://example.org/privacy-1.0-fr.html",
+        //             },
+        //         },
+        //         "other_policy": { ... },
+        //     }
+        // }
+
+        const allPolicies = this.props.stageParams?.policies || {};
+        const initToggles: Record<string, boolean> = {};
+        const pickedPolicies: {
+            id: string;
+            name: string;
+            url: string;
+        }[] = [];
+        for (const policyId of Object.keys(allPolicies)) {
+            const policy = allPolicies[policyId];
+            const langPolicy = pickBestPolicyLanguage(policy);
+            if (!langPolicy) throw new Error("Failed to find a policy to show the user");
+
+            initToggles[policyId] = false;
+
+            pickedPolicies.push({
+                id: policyId,
+                name: langPolicy.name,
+                url: langPolicy.url,
+            });
+        }
+
+        this.state = {
+            toggledPolicies: initToggles,
+            policies: pickedPolicies,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.props.onPhaseChange(DEFAULT_PHASE);
+    }
+
+    private togglePolicy(policyId: string): void {
+        const newToggles: Record<string, boolean> = {};
+        for (const policy of this.state.policies) {
+            let checked = this.state.toggledPolicies[policy.id];
+            if (policy.id === policyId) checked = !checked;
+
+            newToggles[policy.id] = checked;
+        }
+        this.setState({ toggledPolicies: newToggles });
+    }
+
+    private trySubmit = (): void => {
+        let allChecked = true;
+        for (const policy of this.state.policies) {
+            const checked = this.state.toggledPolicies[policy.id];
+            allChecked = allChecked && checked;
+        }
+
+        if (allChecked) {
+            this.props.submitAuthDict({ type: AuthType.Terms });
+        } else {
+            this.setState({ errorText: _t("auth|uia|terms_invalid") });
+        }
+    };
+
+    public render(): React.ReactNode {
+        if (this.props.busy) {
+            return <Spinner />;
+        }
+
+        const checkboxes: JSX.Element[] = [];
+        let allChecked = true;
+        for (const policy of this.state.policies) {
+            const checked = this.state.toggledPolicies[policy.id];
+            allChecked = allChecked && checked;
+
+            checkboxes.push(
+                // XXX: replace with StyledCheckbox
+                <label key={"policy_checkbox_" + policy.id} className="mx_InteractiveAuthEntryComponents_termsPolicy">
+                    <input type="checkbox" onChange={() => this.togglePolicy(policy.id)} checked={checked} />
+                    <a href={policy.url} target="_blank" rel="noreferrer noopener">
+                        {policy.name}
+                    </a>
+                </label>,
+            );
+        }
+
+        let errorSection;
+        if (this.props.errorText || this.state.errorText) {
+            errorSection = (
+                <div className="error" role="alert">
+                    {this.props.errorText || this.state.errorText}
+                </div>
+            );
+        }
+
+        return (
+            <div className="mx_InteractiveAuthEntryComponents">
+                <p>{_t("auth|uia|terms")}</p>
+                {checkboxes}
+                {errorSection}
+                <AccessibleButton
+                    kind="primary"
+                    className="mx_InteractiveAuthEntryComponents_termsSubmit"
+                    onClick={this.trySubmit}
+                    disabled={!allChecked}
+                >
+                    {_t("action|accept")}
+                </AccessibleButton>
+            </div>
+        );
+    }
+}
+
+interface IEmailIdentityAuthEntryProps extends IAuthEntryProps {
+    inputs?: {
+        emailAddress?: string;
+    };
+    stageState?: {
+        emailSid?: string;
+    };
+}
+
+interface IEmailIdentityAuthEntryState {
+    requested: boolean;
+    requesting: boolean;
+}
+
+export class EmailIdentityAuthEntry extends React.Component<
+    IEmailIdentityAuthEntryProps,
+    IEmailIdentityAuthEntryState
+> {
+    public static LOGIN_TYPE = AuthType.Email;
+
+    public constructor(props: IEmailIdentityAuthEntryProps) {
+        super(props);
+
+        this.state = {
+            requested: false,
+            requesting: false,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.props.onPhaseChange(DEFAULT_PHASE);
+    }
+
+    public render(): React.ReactNode {
+        let errorSection;
+        // ignore the error when errcode is M_UNAUTHORIZED as we expect that error until the link is clicked.
+        if (this.props.errorText && this.props.errorCode !== "M_UNAUTHORIZED") {
+            errorSection = (
+                <div className="error" role="alert">
+                    {this.props.errorText}
+                </div>
+            );
+        }
+
+        // This component is now only displayed once the token has been requested,
+        // so we know the email has been sent. It can also get loaded after the user
+        // has clicked the validation link if the server takes a while to propagate
+        // the validation internally. If we're in the session spawned from clicking
+        // the validation link, we won't know the email address, so if we don't have it,
+        // assume that the link has been clicked and the server will realise when we poll.
+        // We only have a session ID if the user has clicked the link in their email,
+        // so show a loading state instead of "an email has been sent to..." because
+        // that's confusing when you've already read that email.
+        if (this.props.inputs?.emailAddress === undefined || this.props.stageState?.emailSid) {
+            if (errorSection) {
+                return errorSection;
+            }
+            return <Spinner />;
+        } else {
+            return (
+                <div className="mx_InteractiveAuthEntryComponents_emailWrapper">
+                    <AuthHeaderModifier
+                        title={_t("auth|uia|email_auth_header")}
+                        icon={<img src={EmailPromptIcon} role="presentation" alt="" width={16} />}
+                        hideServerPicker={true}
+                    />
+                    <p>
+                        {_t("auth|uia|email", {
+                            emailAddress: <strong>{this.props.inputs.emailAddress}</strong>,
+                        })}
+                    </p>
+                    {this.state.requesting ? (
+                        <p className="secondary">
+                            {_t(
+                                "auth|uia|email_resend_prompt",
+                                {},
+                                {
+                                    a: (text: string) => (
+                                        <Fragment>
+                                            <AccessibleButton element="a" kind="link_inline" onClick={null} disabled>
+                                                {text} <Spinner as="span" size={14} />
+                                            </AccessibleButton>
+                                        </Fragment>
+                                    ),
+                                },
+                            )}
+                        </p>
+                    ) : (
+                        <p className="secondary">
+                            {_t(
+                                "auth|uia|email_resend_prompt",
+                                {},
+                                {
+                                    a: (text: string) => (
+                                        <AccessibleButton
+                                            element="a"
+                                            kind="link_inline"
+                                            title={
+                                                this.state.requested ? _t("auth|uia|email_resent") : _t("action|resend")
+                                            }
+                                            onTooltipOpenChange={
+                                                this.state.requested
+                                                    ? (open) => {
+                                                          if (!open) this.setState({ requested: false });
+                                                      }
+                                                    : undefined
+                                            }
+                                            onClick={async (): Promise<void> => {
+                                                this.setState({ requesting: true });
+                                                try {
+                                                    await this.props.requestEmailToken?.();
+                                                } catch (e) {
+                                                    logger.warn("Email token request failed: ", e);
+                                                } finally {
+                                                    this.setState({ requested: true, requesting: false });
+                                                }
+                                            }}
+                                        >
+                                            {text}
+                                        </AccessibleButton>
+                                    ),
+                                },
+                            )}
+                        </p>
+                    )}
+                    {errorSection}
+                </div>
+            );
+        }
+    }
+}
+
+interface IMsisdnAuthEntryProps extends IAuthEntryProps {
+    inputs?: {
+        phoneCountry?: string;
+        phoneNumber?: string;
+    };
+}
+
+interface IMsisdnAuthEntryState {
+    token: string;
+    requestingToken: boolean;
+    errorText: string | null;
+}
+
+export class MsisdnAuthEntry extends React.Component<IMsisdnAuthEntryProps, IMsisdnAuthEntryState> {
+    public static LOGIN_TYPE = AuthType.Msisdn;
+
+    private submitUrl?: string;
+    private sid?: string;
+    private msisdn?: string;
+
+    public constructor(props: IMsisdnAuthEntryProps) {
+        super(props);
+
+        this.state = {
+            token: "",
+            requestingToken: false,
+            errorText: "",
+        };
+    }
+
+    public componentDidMount(): void {
+        this.props.onPhaseChange(DEFAULT_PHASE);
+
+        this.setState({ requestingToken: true });
+        this.requestMsisdnToken()
+            .catch((e) => {
+                this.props.fail(e);
+            })
+            .finally(() => {
+                this.setState({ requestingToken: false });
+            });
+    }
+
+    /*
+     * Requests a verification token by SMS.
+     */
+    private requestMsisdnToken(): Promise<void> {
+        return this.props.matrixClient
+            .requestRegisterMsisdnToken(
+                this.props.inputs?.phoneCountry ?? "",
+                this.props.inputs?.phoneNumber ?? "",
+                this.props.clientSecret,
+                1, // TODO: Multiple send attempts?
+            )
+            .then((result) => {
+                this.submitUrl = result.submit_url;
+                this.sid = result.sid;
+                this.msisdn = result.msisdn;
+            });
+    }
+
+    private onTokenChange = (e: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            token: e.target.value,
+        });
+    };
+
+    private onFormSubmit = async (e: FormEvent): Promise<void> => {
+        e.preventDefault();
+        if (this.state.token == "") return;
+
+        this.setState({
+            errorText: null,
+        });
+
+        try {
+            let result: { success: boolean };
+            if (this.submitUrl && this.sid) {
+                result = await this.props.matrixClient.submitMsisdnTokenOtherUrl(
+                    this.submitUrl,
+                    this.sid,
+                    this.props.clientSecret,
+                    this.state.token,
+                );
+            } else {
+                throw new Error("The registration with MSISDN flow is misconfigured");
+            }
+            if (result.success) {
+                const creds = {
+                    sid: this.sid,
+                    client_secret: this.props.clientSecret,
+                };
+                this.props.submitAuthDict({
+                    type: AuthType.Msisdn,
+                    threepid_creds: creds,
+                });
+            } else {
+                this.setState({
+                    errorText: _t("auth|uia|msisdn_token_incorrect"),
+                });
+            }
+        } catch (e) {
+            this.props.fail(e instanceof Error ? e : new Error("Failed to submit msisdn token"));
+            logger.log("Failed to submit msisdn token");
+        }
+    };
+
+    public render(): React.ReactNode {
+        if (this.state.requestingToken) {
+            return <Spinner />;
+        } else {
+            const enableSubmit = Boolean(this.state.token);
+            const submitClasses = classNames({
+                mx_InteractiveAuthEntryComponents_msisdnSubmit: true,
+                mx_GeneralButton: true,
+            });
+            let errorSection;
+            if (this.state.errorText) {
+                errorSection = (
+                    <div className="error" role="alert">
+                        {this.state.errorText}
+                    </div>
+                );
+            }
+            return (
+                <div>
+                    <p>{_t("auth|uia|msisdn", { msisdn: <i>{this.msisdn}</i> })}</p>
+                    <p>{_t("auth|uia|msisdn_token_prompt")}</p>
+                    <div className="mx_InteractiveAuthEntryComponents_msisdnWrapper">
+                        <form onSubmit={this.onFormSubmit}>
+                            <input
+                                type="text"
+                                className="mx_InteractiveAuthEntryComponents_msisdnEntry"
+                                value={this.state.token}
+                                onChange={this.onTokenChange}
+                                aria-label={_t("auth|uia|code")}
+                            />
+                            <br />
+                            <input
+                                type="submit"
+                                value={_t("action|submit")}
+                                className={submitClasses}
+                                disabled={!enableSubmit}
+                            />
+                        </form>
+                        {errorSection}
+                    </div>
+                </div>
+            );
+        }
+    }
+}
+
+interface IRegistrationTokenAuthEntryState {
+    registrationToken: string;
+}
+
+export class RegistrationTokenAuthEntry extends React.Component<IAuthEntryProps, IRegistrationTokenAuthEntryState> {
+    public static readonly LOGIN_TYPE = AuthType.RegistrationToken;
+
+    public constructor(props: IAuthEntryProps) {
+        super(props);
+
+        this.state = {
+            registrationToken: "",
+        };
+    }
+
+    public componentDidMount(): void {
+        this.props.onPhaseChange(DEFAULT_PHASE);
+    }
+
+    private onSubmit = (e: FormEvent): void => {
+        e.preventDefault();
+        if (this.props.busy) return;
+
+        this.props.submitAuthDict({
+            // Could be AuthType.RegistrationToken or AuthType.UnstableRegistrationToken
+            type: this.props.loginType,
+            token: this.state.registrationToken,
+        });
+    };
+
+    private onRegistrationTokenFieldChange = (ev: ChangeEvent<HTMLInputElement>): void => {
+        // enable the submit button if the registration token is non-empty
+        this.setState({
+            registrationToken: ev.target.value,
+        });
+    };
+
+    public render(): React.ReactNode {
+        const registrationTokenBoxClass = classNames({
+            error: this.props.errorText,
+        });
+
+        let submitButtonOrSpinner;
+        if (this.props.busy) {
+            submitButtonOrSpinner = <Spinner />;
+        } else {
+            submitButtonOrSpinner = (
+                <AccessibleButton onClick={this.onSubmit} kind="primary" disabled={!this.state.registrationToken}>
+                    {_t("action|continue")}
+                </AccessibleButton>
+            );
+        }
+
+        let errorSection;
+        if (this.props.errorText) {
+            errorSection = (
+                <div className="error" role="alert">
+                    {this.props.errorText}
+                </div>
+            );
+        }
+
+        return (
+            <div>
+                <p>{_t("auth|uia|registration_token_prompt")}</p>
+                <form onSubmit={this.onSubmit} className="mx_InteractiveAuthEntryComponents_registrationTokenSection">
+                    <Field
+                        className={registrationTokenBoxClass}
+                        type="text"
+                        name="registrationTokenField"
+                        label={_t("auth|uia|registration_token_label")}
+                        autoFocus={true}
+                        value={this.state.registrationToken}
+                        onChange={this.onRegistrationTokenFieldChange}
+                    />
+                    {errorSection}
+                    <div className="mx_button_row">{submitButtonOrSpinner}</div>
+                </form>
+            </div>
+        );
+    }
+}
+
+// Subset of AccessibleButtonKind which can be specified for the continue button
+export type ContinueKind = Extract<AccessibleButtonKind, "primary" | "danger">;
+
+interface ISSOAuthEntryProps extends IAuthEntryProps {
+    continueText?: string;
+    continueKind?: ContinueKind;
+    onCancel?: () => void;
+}
+
+interface ISSOAuthEntryState {
+    phase: number;
+    attemptFailed: boolean;
+}
+
+export class SSOAuthEntry extends React.Component<ISSOAuthEntryProps, ISSOAuthEntryState> {
+    public static LOGIN_TYPE = AuthType.Sso;
+    public static UNSTABLE_LOGIN_TYPE = AuthType.SsoUnstable;
+
+    public static PHASE_PREAUTH = 1; // button to start SSO
+    public static PHASE_POSTAUTH = 2; // button to confirm SSO completed
+
+    private ssoUrl: string;
+    private popupWindow: Window | null;
+
+    public constructor(props: ISSOAuthEntryProps) {
+        super(props);
+
+        if (!this.props.authSessionId) throw new Error("This UIA flow requires an authSessionId");
+
+        // We actually send the user through fallback auth so we don't have to
+        // deal with a redirect back to us, losing application context.
+        this.ssoUrl = props.matrixClient.getFallbackAuthUrl(this.props.loginType, this.props.authSessionId);
+
+        this.popupWindow = null;
+
+        this.state = {
+            phase: SSOAuthEntry.PHASE_PREAUTH,
+            attemptFailed: false,
+        };
+    }
+
+    public componentDidMount(): void {
+        window.addEventListener("message", this.onReceiveMessage);
+        this.props.onPhaseChange(SSOAuthEntry.PHASE_PREAUTH);
+    }
+
+    public componentWillUnmount(): void {
+        window.removeEventListener("message", this.onReceiveMessage);
+        if (this.popupWindow) {
+            this.popupWindow.close();
+            this.popupWindow = null;
+        }
+    }
+
+    public attemptFailed = (): void => {
+        this.setState({
+            attemptFailed: true,
+        });
+    };
+
+    private onReceiveMessage = (event: MessageEvent): void => {
+        if (event.data === "authDone" && event.source === this.popupWindow) {
+            if (this.popupWindow) {
+                this.popupWindow.close();
+                this.popupWindow = null;
+            }
+        }
+    };
+
+    private onStartAuthClick = (): void => {
+        // Note: We don't use PlatformPeg's startSsoAuth functions because we almost
+        // certainly will need to open the thing in a new tab to avoid losing application
+        // context.
+
+        this.popupWindow = window.open(this.ssoUrl, "_blank");
+        this.setState({ phase: SSOAuthEntry.PHASE_POSTAUTH });
+        this.props.onPhaseChange(SSOAuthEntry.PHASE_POSTAUTH);
+    };
+
+    private onConfirmClick = (): void => {
+        this.props.submitAuthDict({});
+    };
+
+    public render(): React.ReactNode {
+        let continueButton: JSX.Element;
+
+        const cancelButton = (
+            <AccessibleButton
+                onClick={this.props.onCancel ?? null}
+                kind={this.props.continueKind ? `${this.props.continueKind}_outline` : "primary_outline"}
+            >
+                {_t("action|cancel")}
+            </AccessibleButton>
+        );
+        if (this.state.phase === SSOAuthEntry.PHASE_PREAUTH) {
+            continueButton = (
+                <AccessibleButton onClick={this.onStartAuthClick} kind={this.props.continueKind || "primary"}>
+                    {this.props.continueText || _t("auth|sso")}
+                </AccessibleButton>
+            );
+        } else {
+            continueButton = (
+                <AccessibleButton onClick={this.onConfirmClick} kind={this.props.continueKind || "primary"}>
+                    {this.props.continueText || _t("action|confirm")}
+                </AccessibleButton>
+            );
+        }
+
+        let errorSection;
+        if (this.props.errorText) {
+            errorSection = (
+                <div className="error" role="alert">
+                    {this.props.errorText}
+                </div>
+            );
+        } else if (this.state.attemptFailed) {
+            errorSection = (
+                <div className="error" role="alert">
+                    {_t("auth|uia|sso_failed")}
+                </div>
+            );
+        }
+
+        return (
+            <Fragment>
+                {errorSection}
+                <div className="mx_InteractiveAuthEntryComponents_sso_buttons">
+                    {this.props.busy ? (
+                        <Spinner size={24} />
+                    ) : (
+                        <>
+                            {cancelButton}
+                            {continueButton}
+                        </>
+                    )}
+                </div>
+            </Fragment>
+        );
+    }
+}
+
+export class FallbackAuthEntry<T extends object> extends React.Component<IAuthEntryProps & T> {
+    protected popupWindow: Window | null;
+    protected fallbackButton = createRef<HTMLDivElement>();
+
+    public constructor(props: IAuthEntryProps & T) {
+        super(props);
+
+        // we have to make the user click a button, as browsers will block
+        // the popup if we open it immediately.
+        this.popupWindow = null;
+    }
+
+    public componentDidMount(): void {
+        window.addEventListener("message", this.onReceiveMessage);
+        this.props.onPhaseChange(DEFAULT_PHASE);
+    }
+
+    public componentWillUnmount(): void {
+        window.removeEventListener("message", this.onReceiveMessage);
+        this.popupWindow?.close();
+    }
+
+    public focus = (): void => {
+        this.fallbackButton.current?.focus();
+    };
+
+    private onShowFallbackClick = (e: ButtonEvent): void => {
+        if (!this.props.authSessionId) return;
+
+        e.preventDefault();
+        e.stopPropagation();
+
+        const url = this.props.matrixClient.getFallbackAuthUrl(this.props.loginType, this.props.authSessionId);
+        this.popupWindow = window.open(url, "_blank");
+    };
+
+    private onReceiveMessage = (event: MessageEvent): void => {
+        if (event.data === "authDone" && event.source === this.popupWindow) {
+            this.props.submitAuthDict({});
+        }
+    };
+
+    public render(): React.ReactNode {
+        let errorSection;
+        if (this.props.errorText) {
+            errorSection = (
+                <div className="error" role="alert">
+                    {this.props.errorText}
+                </div>
+            );
+        }
+        return (
+            <div>
+                <AccessibleButton kind="link" ref={this.fallbackButton} onClick={this.onShowFallbackClick}>
+                    {_t("auth|uia|fallback_button")}
+                </AccessibleButton>
+                {errorSection}
+            </div>
+        );
+    }
+}
+
+export enum CustomAuthType {
+    // This is the unstable value from MSC4312
+    MasCrossSigningReset = "org.matrix.cross_signing_reset",
+}
+
+export class MasUnlockCrossSigningAuthEntry extends FallbackAuthEntry<{
+    stageParams?: {
+        url?: string;
+    };
+}> {
+    public static readonly LOGIN_TYPE = AuthType.OAuth;
+    public static readonly UNSTABLE_LOGIN_TYPE = CustomAuthType.MasCrossSigningReset;
+
+    private onGoToAccountClick = (): void => {
+        if (!this.props.stageParams?.url) return;
+        this.popupWindow = window.open(this.props.stageParams.url, "_blank");
+    };
+
+    private onRetryClick = (): void => {
+        this.props.submitAuthDict({ type: MasUnlockCrossSigningAuthEntry.LOGIN_TYPE });
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <EncryptionCard
+                Icon={UserProfileSolidIcon}
+                title={_t("auth|uia|mas_cross_signing_reset_title")}
+                description={_t("auth|uia|mas_cross_signing_reset_description", {
+                    serverName: this.props.matrixClient.getDomain(),
+                })}
+            >
+                <EncryptionCardButtons>
+                    <Button
+                        Icon={PopOutIcon}
+                        onClick={this.onGoToAccountClick}
+                        autoFocus
+                        kind="primary"
+                        className="mx_Dialog_nonDialogButton"
+                    >
+                        {_t("auth|uia|mas_cross_signing_reset_cta")}
+                    </Button>
+                    <Button onClick={this.onRetryClick} kind="tertiary" className="mx_Dialog_nonDialogButton">
+                        {_t("action|retry")}
+                    </Button>
+                </EncryptionCardButtons>
+            </EncryptionCard>
+        );
+    }
+}
+
+export interface IStageComponentProps extends IAuthEntryProps {
+    stageParams?: Record<string, any>;
+    inputs?: IInputs;
+    stageState?: IStageStatus;
+    continueText?: string;
+    continueKind?: ContinueKind;
+    setEmailSid?(sid: string): void;
+    onCancel?(): void;
+    requestEmailToken?(): Promise<void>;
+}
+
+export interface IStageComponent extends React.ComponentClass<React.PropsWithRef<IStageComponentProps>> {
+    attemptFailed?(): void;
+    focus?(): void;
+}
+
+export default function getEntryComponentForLoginType(loginType: AuthType | CustomAuthType): IStageComponent {
+    switch (loginType) {
+        case AuthType.OAuth:
+        case CustomAuthType.MasCrossSigningReset:
+            return MasUnlockCrossSigningAuthEntry;
+        case AuthType.Password:
+            return PasswordAuthEntry;
+        case AuthType.Recaptcha:
+            return RecaptchaAuthEntry;
+        case AuthType.Email:
+            return EmailIdentityAuthEntry;
+        case AuthType.Msisdn:
+            return MsisdnAuthEntry;
+        case AuthType.Terms:
+            return TermsAuthEntry;
+        case AuthType.RegistrationToken:
+        case AuthType.UnstableRegistrationToken:
+            return RegistrationTokenAuthEntry;
+        case AuthType.Sso:
+        case AuthType.SsoUnstable:
+            return SSOAuthEntry;
+        default:
+            return FallbackAuthEntry;
+    }
+}
diff --git a/apps/web/src/components/views/auth/LanguageSelector.tsx b/apps/web/src/components/views/auth/LanguageSelector.tsx
new file mode 100644
index 00000000000..e8dbf0cf4e2
--- /dev/null
+++ b/apps/web/src/components/views/auth/LanguageSelector.tsx
@@ -0,0 +1,38 @@
+/*
+Copyright 2018-2024 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 SdkConfig from "../../../SdkConfig";
+import { getCurrentLanguage } from "../../../languageHandler";
+import SettingsStore from "../../../settings/SettingsStore";
+import PlatformPeg from "../../../PlatformPeg";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import LanguageDropdown from "../elements/LanguageDropdown";
+
+function onChange(newLang: string): void {
+    if (getCurrentLanguage() !== newLang) {
+        SettingsStore.setValue("language", null, SettingLevel.DEVICE, newLang);
+        PlatformPeg.get()?.reload();
+    }
+}
+
+interface IProps {
+    disabled?: boolean;
+}
+
+export default function LanguageSelector({ disabled }: IProps): JSX.Element {
+    if (SdkConfig.get("disable_login_language_selector")) return <div />;
+    return (
+        <LanguageDropdown
+            className="mx_AuthBody_language"
+            onOptionChange={onChange}
+            value={getCurrentLanguage()}
+            disabled={disabled}
+        />
+    );
+}
diff --git a/apps/web/src/components/views/auth/LoginWithQR-types.ts b/apps/web/src/components/views/auth/LoginWithQR-types.ts
new file mode 100644
index 00000000000..cb6ef911cfd
--- /dev/null
+++ b/apps/web/src/components/views/auth/LoginWithQR-types.ts
@@ -0,0 +1,49 @@
+/*
+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.
+*/
+
+/**
+ * The intention of this enum is to have a mode that scans a QR code instead of generating one.
+ */
+export enum Mode {
+    /**
+     * A QR code with be generated and shown
+     */
+    Show = "show",
+}
+
+export enum Phase {
+    Loading,
+    ShowingQR,
+    // The following are specific to MSC4108
+    OutOfBandConfirmation,
+    WaitingForDevice,
+    Verifying,
+    Error,
+}
+
+/**
+ * Enum representing the click actions (transitions) a user can take during the login with QR flow
+ */
+export enum Click {
+    /**
+     * Cancel the flow
+     */
+    Cancel,
+    /**
+     * A specific case of cancellation when the existing device declines the login
+     */
+    Decline,
+    /**
+     * Approve the login from the existing device
+     */
+    Approve,
+    /**
+     * Initialise the flow & show QR code
+     */
+    ShowQr,
+}
diff --git a/apps/web/src/components/views/auth/LoginWithQR.tsx b/apps/web/src/components/views/auth/LoginWithQR.tsx
new file mode 100644
index 00000000000..a8d9a1e1d31
--- /dev/null
+++ b/apps/web/src/components/views/auth/LoginWithQR.tsx
@@ -0,0 +1,428 @@
+/*
+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 {
+    ClientRendezvousFailureReason,
+    linkNewDeviceByGeneratingQR,
+    MSC4108FailureReason,
+    MSC4108SignInWithQR,
+    RendezvousError,
+    type RendezvousFailureReason,
+    RendezvousIntent,
+    signInByGeneratingQR,
+} from "matrix-js-sdk/src/rendezvous";
+import { logger } from "matrix-js-sdk/src/logger";
+import {
+    AutoDiscovery,
+    MatrixClient,
+    OAuthGrantType,
+    type ValidatedAuthMetadata,
+    type XOR,
+} from "matrix-js-sdk/src/matrix";
+import { sleep } from "matrix-js-sdk/src/utils";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+
+import { Click, Mode, Phase } from "./LoginWithQR-types";
+import LoginWithQRFlow from "./LoginWithQRFlow";
+import { type CompleteOAuthLoginResponse } from "../../../utils/oauth/authorize";
+import { getOAuthClientId } from "../../../utils/oauth/registerClient.ts";
+import SdkConfig from "../../../SdkConfig.ts";
+import { type Context } from "../../../utils/oauth/persistOAuthSettings.ts";
+
+export type QrLoginCredentials = CompleteOAuthLoginResponse &
+    Awaited<ReturnType<MSC4108SignInWithQR["shareSecrets"]>> & {
+        deviceId: string;
+    };
+
+type BaseProps = {
+    /**
+     * The MatrixClient to use for the rendezvous communication with the other device.
+     */
+    client: MatrixClient;
+    /**
+     * Whether to show a QR code or facilitate scanning one. Only Mode.Show is currently supported.
+     */
+    mode: Mode;
+    /**
+     * Callback when the internal phase state has changed
+     * @param phase - the new phase which is being entered
+     */
+    onPhaseChange?(phase: Phase): void;
+    /**
+     * Callback when the flow is concluded
+     * @param success - whether it was successful
+     */
+    onFinished(this: void, success?: boolean): void;
+};
+
+type Props = XOR<
+    {
+        /**
+         * Intent to facilitate logging into this device from an existing device
+         */
+        intent: RendezvousIntent.LOGIN_ON_NEW_DEVICE;
+        /**
+         * Callback for successful login
+         * @param credentials - the credentials to authenticate with
+         */
+        onLoggedIn(credentials: QrLoginCredentials): Promise<void>;
+    },
+    {
+        /**
+         * Intent to facilitate logging into another device from this existing device
+         */
+        intent: RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE;
+    }
+> &
+    BaseProps;
+
+interface IState {
+    /**
+     * The current phase of the flow
+     */
+    phase: Phase;
+    /**
+     * The rendezvous channel in use
+     */
+    rendezvous?: MSC4108SignInWithQR;
+    /**
+     * TODO
+     */
+    verificationUri?: string;
+    /**
+     * TODO
+     */
+    userCode?: string;
+    /**
+     * TODO
+     */
+    checkCode?: string;
+    /**
+     * TODO
+     */
+    failureReason?: FailureReason;
+    /**
+     * Details of the server we are logging into, set after initial protocol negotiation.
+     */
+    loginServerDetails?: Pick<Context, "homeserverUrl" | "identityServerUrl" | "metadata"> &
+        Pick<Context["authContext"], "clientId">;
+}
+
+export enum LoginWithQRFailureReason {
+    RateLimited = "rate_limited",
+    CheckCodeMismatch = "check_code_mismatch",
+}
+
+export type FailureReason = RendezvousFailureReason | LoginWithQRFailureReason;
+
+/**
+ * Resolve a server name or baseURL to the homeserver & identity server URLs.
+ * @param serverNameOrBaseUrl the name or URL to resolve
+ * Whilst the 2024 version of MSC4108 says that we always get a server name, in practise the
+ * rust-sdk is currently misbehaving and we may receive a base URL instead. Additionally, the 2025
+ * version of MSC4108  will always give the base URL.
+ * As such, we should be resilient and support both formats until the spec and implementations have
+ * stabilised.
+ */
+async function resolveServerURLs(
+    serverNameOrBaseUrl: string,
+): Promise<Pick<Partial<Context>, "homeserverUrl" | "identityServerUrl">> {
+    if (serverNameOrBaseUrl.startsWith("http://") || serverNameOrBaseUrl.startsWith("https://")) {
+        // treat as base URL and skip discovery
+        return {
+            homeserverUrl: serverNameOrBaseUrl,
+        };
+    }
+
+    // treat as server name and do discovery
+    const clientConfig = await AutoDiscovery.findClientConfig(serverNameOrBaseUrl);
+    const homeserverUrl = clientConfig?.["m.homeserver"]?.base_url ?? undefined;
+
+    const identityServerUrl = clientConfig?.["m.identity_server"]?.base_url ?? undefined;
+
+    return {
+        homeserverUrl,
+        identityServerUrl,
+    };
+}
+
+/**
+ * A component that allows sign in and E2EE set up with a QR code.
+ *
+ * It implements `login.reciprocate` & `login.start` capabilities and showing QR codes.
+ * It does not implement any flows requiring the scanning of QR codes.
+ *
+ * Implements the v2024 version of MSC4108: https://github.com/matrix-org/matrix-spec-proposals/pull/4108
+ */
+export default class LoginWithQR extends React.Component<Props, IState> {
+    private finished = false;
+    private abortController?: AbortController;
+
+    public constructor(props: Props) {
+        super(props);
+
+        this.state = {
+            phase: Phase.Loading,
+        };
+        this.props.onPhaseChange?.(this.state.phase);
+    }
+
+    public componentDidMount(): void {
+        void this.updateMode(this.props.mode);
+    }
+
+    public componentDidUpdate(prevProps: Readonly<Props>, prevState: Readonly<IState>): void {
+        if (prevState.phase !== this.state.phase) {
+            this.props.onPhaseChange?.(this.state.phase);
+        }
+
+        if (prevProps.mode !== this.props.mode) {
+            void this.updateMode(this.props.mode);
+        }
+    }
+
+    private async updateMode(mode: Mode, showLoading = true): Promise<void> {
+        this.abortController?.abort();
+        this.abortController = new AbortController();
+        this.setState({ rendezvous: undefined });
+        if (showLoading) {
+            this.setState({ phase: Phase.Loading });
+        }
+
+        if (mode === Mode.Show) {
+            await this.generateAndShowCode(this.abortController);
+        }
+    }
+
+    public componentWillUnmount(): void {
+        if (!this.finished) {
+            this.abortController?.abort();
+        }
+    }
+
+    private onFinished(success: boolean): void {
+        this.finished = true;
+        if (!success) {
+            this.abortController?.abort();
+        }
+        this.props.onFinished(success);
+    }
+
+    private generateAndShowCode = async (abortController: AbortController): Promise<void> => {
+        let rendezvous: MSC4108SignInWithQR;
+        try {
+            rendezvous =
+                this.props.intent === RendezvousIntent.LOGIN_ON_NEW_DEVICE
+                    ? await signInByGeneratingQR(this.props.client, this.onFailure, abortController.signal)
+                    : await linkNewDeviceByGeneratingQR(this.props.client, this.onFailure, abortController.signal);
+            if (abortController.signal.aborted) return;
+            this.setState({
+                phase: Phase.ShowingQR,
+                rendezvous,
+                failureReason: undefined,
+            });
+        } catch (e) {
+            if (abortController.signal.aborted) return;
+            logger.error("Error whilst generating QR code", e);
+            this.setState({ phase: Phase.Error, failureReason: ClientRendezvousFailureReason.HomeserverLacksSupport });
+            return;
+        }
+
+        try {
+            if (this.props.intent === RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE) {
+                // MSC4108-Flow: NewScanned
+                await rendezvous.negotiateProtocols();
+                const { verificationUri } = await rendezvous.deviceAuthorizationGrant();
+                this.setState({
+                    phase: Phase.OutOfBandConfirmation,
+                    verificationUri,
+                });
+            } else {
+                const { serverName } = await rendezvous.negotiateProtocols();
+                const { homeserverUrl, identityServerUrl } = await resolveServerURLs(serverName!);
+
+                if (!homeserverUrl) {
+                    this.setState({ phase: Phase.Error, failureReason: ClientRendezvousFailureReason.Unknown });
+                    logger.error("Failed to discover homeserver URL");
+                    throw new Error("Failed to discover homeserver URL");
+                }
+
+                let metadata: ValidatedAuthMetadata;
+                let clientId: string;
+                try {
+                    // Create a new client as the homeserver URL may not be the same as we used for the secure channel
+                    metadata = await new MatrixClient({ baseUrl: homeserverUrl }).getAuthMetadata();
+                    if (!metadata.grant_types_supported.includes(OAuthGrantType.DeviceAuthorization)) {
+                        throw new Error("Server does not support Device Authorization Grant");
+                    }
+                    clientId = await getOAuthClientId(metadata, SdkConfig.get().oidc_static_clients);
+                } catch (e) {
+                    this.setState({
+                        phase: Phase.Error,
+                        failureReason: ClientRendezvousFailureReason.HomeserverLacksSupport,
+                    });
+                    logger.error("Failed to register OIDC Client ID", e);
+                    throw new Error("Failed to register OIDC Client ID", { cause: e });
+                }
+
+                this.setState({
+                    phase: Phase.OutOfBandConfirmation,
+                    loginServerDetails: {
+                        homeserverUrl,
+                        identityServerUrl,
+                        metadata,
+                        clientId,
+                    },
+                });
+            }
+
+            // we ask the user to confirm that the channel is secure
+        } catch (e: RendezvousError | unknown) {
+            if (abortController.signal.aborted) return;
+            logger.error("Error whilst approving login", e);
+            await rendezvous.cancel(e instanceof RendezvousError ? e.code : ClientRendezvousFailureReason.Unknown);
+        }
+    };
+
+    private approveLogin = async (checkCode: string | undefined): Promise<void> => {
+        if (!(this.state.rendezvous instanceof MSC4108SignInWithQR)) {
+            this.setState({ phase: Phase.Error, failureReason: ClientRendezvousFailureReason.Unknown });
+            throw new Error("Rendezvous not found");
+        }
+
+        if (this.state.rendezvous?.checkCode !== checkCode) {
+            this.setState({ failureReason: LoginWithQRFailureReason.CheckCodeMismatch });
+            return;
+        }
+
+        try {
+            if (this.props.intent === RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE) {
+                // MSC4108-Flow: NewScanned
+                this.setState({ phase: Phase.Loading });
+
+                if (this.state.verificationUri) {
+                    window.open(this.state.verificationUri, "_blank");
+                }
+
+                this.setState({ phase: Phase.WaitingForDevice });
+
+                // send secrets
+                await this.state.rendezvous.shareSecrets();
+
+                // done
+                this.onFinished(true);
+            } else {
+                if (!this.state.loginServerDetails) {
+                    this.setState({ phase: Phase.Error, failureReason: ClientRendezvousFailureReason.Unknown });
+                    throw new Error("Server details not found in state");
+                }
+
+                const { homeserverUrl, identityServerUrl, clientId, metadata } = this.state.loginServerDetails;
+
+                // Generate our new device ID
+                const deviceId = secureRandomString(10);
+                const { userCode } = await this.state.rendezvous.deviceAuthorizationGrant({
+                    metadata,
+                    clientId,
+                    deviceId,
+                });
+                this.setState({ phase: Phase.WaitingForDevice, userCode });
+
+                const tokenResponse = await this.state.rendezvous.completeLoginOnNewDevice({ clientId });
+
+                if (tokenResponse) {
+                    const { secrets } = await this.state.rendezvous.shareSecrets();
+
+                    await this.props.onLoggedIn({
+                        accessToken: tokenResponse.access_token,
+                        refreshToken: tokenResponse.refresh_token,
+                        homeserverUrl,
+                        clientId,
+                        identityServerUrl,
+                        secrets,
+                        deviceId,
+                    });
+
+                    this.onFinished(true);
+                }
+            }
+        } catch (e: RendezvousError | unknown) {
+            logger.error("Error whilst approving sign in", e);
+            this.setState({
+                phase: Phase.Error,
+                failureReason: e instanceof RendezvousError ? e.code : ClientRendezvousFailureReason.Unknown,
+            });
+        }
+    };
+
+    private onFailure = async (reason: RendezvousFailureReason): Promise<void> => {
+        if (this.state.phase === Phase.Error) return; // Already in failed state
+        logger.warn(`Rendezvous failed: ${reason}`);
+
+        // Generate a new rendezvous channel & qr code if we hit expiry whilst still showing the QR code
+        if (reason === ClientRendezvousFailureReason.Expired && this.state.phase === Phase.ShowingQR) {
+            try {
+                this.reset();
+                // Add a sleep to make the UX looks less flickery and more intentional
+                await sleep(1000);
+                await this.updateMode(Mode.Show, false);
+                return;
+            } catch (e) {
+                logger.warn("Failed to re-roll qr code on expiry", e);
+            }
+        }
+        this.setState({ phase: Phase.Error, failureReason: reason });
+    };
+
+    public reset(): void {
+        this.abortController?.abort();
+        this.setState({
+            rendezvous: undefined,
+            verificationUri: undefined,
+            failureReason: undefined,
+            userCode: undefined,
+        });
+    }
+
+    private onClick = async (type: Click, checkCode?: string): Promise<void> => {
+        switch (type) {
+            case Click.Cancel:
+                await this.state.rendezvous?.cancel(MSC4108FailureReason.UserCancelled);
+                this.onFinished(false);
+                break;
+            case Click.Approve:
+                await this.approveLogin(checkCode);
+                break;
+            case Click.Decline:
+                if (this.props.intent === RendezvousIntent.LOGIN_ON_NEW_DEVICE) {
+                    await this.state.rendezvous?.cancel(MSC4108FailureReason.UserCancelled);
+                } else {
+                    await this.state.rendezvous?.declineLoginOnExistingDevice();
+                }
+                this.onFinished(false);
+                break;
+            case Click.ShowQr:
+                await this.updateMode(Mode.Show);
+                break;
+        }
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <LoginWithQRFlow
+                onClick={this.onClick}
+                phase={this.state.phase}
+                code={this.state.phase === Phase.ShowingQR ? this.state.rendezvous?.code : undefined}
+                failureReason={this.state.failureReason}
+                userCode={this.state.userCode}
+                intent={this.props.intent}
+            />
+        );
+    }
+}
diff --git a/apps/web/src/components/views/auth/LoginWithQRFlow.tsx b/apps/web/src/components/views/auth/LoginWithQRFlow.tsx
new file mode 100644
index 00000000000..399aa2df6e5
--- /dev/null
+++ b/apps/web/src/components/views/auth/LoginWithQRFlow.tsx
@@ -0,0 +1,386 @@
+/*
+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 React, { type ComponentProps, createRef, type JSX, type ReactNode } from "react";
+import { ClientRendezvousFailureReason, MSC4108FailureReason, RendezvousIntent } from "matrix-js-sdk/src/rendezvous";
+import ChevronLeftIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-left";
+import CheckCircleSolidIcon from "@vector-im/compound-design-tokens/assets/web/icons/check-circle-solid";
+import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
+import { BigIcon, Button, Heading, MFAInput, Text } from "@vector-im/compound-web";
+import classNames from "classnames";
+import { LockSolidIcon, MobileIcon, QrCodeIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import QRCode from "../elements/QRCode";
+import Spinner from "../elements/Spinner";
+import { Click, Phase } from "./LoginWithQR-types";
+import SdkConfig from "../../../SdkConfig";
+import { type FailureReason, LoginWithQRFailureReason } from "./LoginWithQR";
+import { ErrorMessage } from "../../structures/ErrorMessage";
+
+interface Props {
+    /**
+     * The phase the flow is to be rendered in
+     */
+    phase: Phase;
+    /**
+     * The QR code data to render in Phase.ShowingQR
+     */
+    code?: Uint8Array;
+    /**
+     * The intent mode of the flow (login or reciprocate).
+     */
+    intent: RendezvousIntent;
+    /**
+     * State transition handler
+     * @param type the type of transition to take
+     * @param checkCodeEntered the check code entered, only present for Click.Approve
+     */
+    onClick(type: Click, checkCodeEntered?: string): Promise<void>;
+    /**
+     * The failure reason to render in Phase.Error
+     */
+    failureReason?: FailureReason;
+    /**
+     * The 6 digit user code to render in Phase.WaitingForDevice
+     */
+    userCode?: string;
+}
+
+/**
+ * A component that implements the UI for sign in and E2EE set up by rendering a QR code in both login & reciprocate directions.
+ *
+ * Implements the v2024 version of MSC4108: https://github.com/matrix-org/matrix-spec-proposals/pull/4108
+ */
+export default class LoginWithQRFlow extends React.Component<Props> {
+    private checkCodeInput = createRef<HTMLInputElement>();
+
+    private handleClick = (type: Click): ((e: React.FormEvent) => Promise<void>) => {
+        return async (e: React.FormEvent): Promise<void> => {
+            e.preventDefault();
+            await this.props.onClick(type, type === Click.Approve ? this.checkCodeInput.current?.value : undefined);
+        };
+    };
+
+    private cancelButton = (): JSX.Element => (
+        <Button data-testid="cancel-button" kind="primary" size="lg" onClick={this.handleClick(Click.Cancel)}>
+            {_t("action|cancel")}
+        </Button>
+    );
+
+    private simpleSpinner = (description?: string): JSX.Element => {
+        return (
+            <div className="mx_LoginWithQR_spinner">
+                <div>
+                    <Spinner />
+                    {description && <p>{description}</p>}
+                </div>
+            </div>
+        );
+    };
+
+    public render(): React.ReactNode {
+        let main: JSX.Element | undefined;
+        let buttons: JSX.Element | undefined;
+        let backButton = true;
+        let className = "";
+
+        switch (this.props.phase) {
+            case Phase.Error: {
+                backButton = false;
+                buttons = (
+                    <Button kind="primary" size="lg" onClick={this.handleClick(Click.ShowQr)}>
+                        {this.props.intent === RendezvousIntent.LOGIN_ON_NEW_DEVICE
+                            ? _t("auth|qr_code_login|start_over")
+                            : _t("action|try_again")}
+                    </Button>
+                );
+
+                let Icon = ErrorIcon;
+                let iconKind: ComponentProps<typeof BigIcon>["kind"] = "critical";
+                let title: string | undefined;
+                let message: ReactNode | undefined;
+
+                switch (this.props.failureReason) {
+                    case MSC4108FailureReason.UnsupportedProtocol:
+                        title = _t("auth|qr_code_login|error_unsupported_protocol_title");
+                        message = _t("auth|qr_code_login|error_unsupported_protocol");
+                        break;
+
+                    case MSC4108FailureReason.UserCancelled:
+                        title = _t("auth|qr_code_login|error_user_cancelled_title");
+                        message = _t("auth|qr_code_login|error_user_cancelled");
+                        if (this.props.intent === RendezvousIntent.LOGIN_ON_NEW_DEVICE) {
+                            buttons = this.cancelButton();
+                        }
+                        break;
+
+                    case MSC4108FailureReason.AuthorizationExpired:
+                    case ClientRendezvousFailureReason.Expired:
+                        title = _t("auth|qr_code_login|error_expired_title");
+                        message = _t("auth|qr_code_login|error_expired");
+                        break;
+
+                    case ClientRendezvousFailureReason.InsecureChannelDetected:
+                        title = _t("auth|qr_code_login|error_insecure_channel_detected_title");
+                        message = (
+                            <>
+                                {_t("auth|qr_code_login|error_insecure_channel_detected")}
+
+                                <Text as="h2" size="lg" weight="semibold" data-testid="cancellation-message">
+                                    {_t("auth|qr_code_login|error_insecure_channel_detected_instructions")}
+                                </Text>
+                                <ol>
+                                    <li>{_t("auth|qr_code_login|error_insecure_channel_detected_instructions_1")}</li>
+                                    <li>{_t("auth|qr_code_login|error_insecure_channel_detected_instructions_2")}</li>
+                                    <li>{_t("auth|qr_code_login|error_insecure_channel_detected_instructions_3")}</li>
+                                </ol>
+                            </>
+                        );
+                        break;
+
+                    case ClientRendezvousFailureReason.OtherDeviceAlreadySignedIn:
+                        iconKind = "success";
+                        Icon = CheckCircleSolidIcon;
+                        title = _t("auth|qr_code_login|error_other_device_already_signed_in_title");
+                        message = _t("auth|qr_code_login|error_other_device_already_signed_in");
+                        break;
+
+                    case ClientRendezvousFailureReason.UserDeclined:
+                        title = _t("auth|qr_code_login|error_user_declined_title");
+                        message = _t("auth|qr_code_login|error_user_declined");
+                        if (this.props.intent === RendezvousIntent.LOGIN_ON_NEW_DEVICE) {
+                            buttons = this.cancelButton();
+                        }
+                        break;
+
+                    case LoginWithQRFailureReason.RateLimited:
+                        title = _t("error|something_went_wrong");
+                        message = _t("auth|qr_code_login|error_rate_limited");
+                        break;
+
+                    case ClientRendezvousFailureReason.ETagMissing:
+                        title = _t("error|something_went_wrong");
+                        message = _t("auth|qr_code_login|error_etag_missing");
+                        break;
+
+                    case ClientRendezvousFailureReason.HomeserverLacksSupport:
+                        Icon = QrCodeIcon;
+                        backButton = true;
+                        title = _t("auth|qr_code_login|unsupported_heading");
+                        message = _t("auth|qr_code_login|unsupported_explainer");
+                        if (this.props.intent === RendezvousIntent.LOGIN_ON_NEW_DEVICE) {
+                            buttons = this.cancelButton();
+                        }
+                        break;
+
+                    case MSC4108FailureReason.DeviceAlreadyExists:
+                    case MSC4108FailureReason.DeviceNotFound:
+                    case MSC4108FailureReason.UnexpectedMessageReceived:
+                    case ClientRendezvousFailureReason.OtherDeviceNotSignedIn:
+                    case ClientRendezvousFailureReason.Unknown:
+                    default:
+                        title = _t("error|something_went_wrong");
+                        message = _t("auth|qr_code_login|error_unexpected");
+                        break;
+                }
+                className = "mx_LoginWithQR_error";
+                main = (
+                    <>
+                        <BigIcon kind={iconKind}>
+                            <Icon />
+                        </BigIcon>
+                        <Heading as="h1" size="sm" weight="semibold">
+                            {title}
+                        </Heading>
+                        {typeof message === "object" ? message : <p data-testid="cancellation-message">{message}</p>}
+                    </>
+                );
+                break;
+            }
+            case Phase.OutOfBandConfirmation:
+                backButton = false;
+                main = (
+                    <>
+                        {this.props.intent === RendezvousIntent.LOGIN_ON_NEW_DEVICE && (
+                            <BigIcon>
+                                <MobileIcon />
+                            </BigIcon>
+                        )}
+                        <Heading as="h1" size="sm" weight="semibold">
+                            {_t("auth|qr_code_login|check_code_heading")}
+                        </Heading>
+                        <Text size="md">{_t("auth|qr_code_login|check_code_explainer")}</Text>
+                        <label htmlFor="mx_LoginWithQR_checkCode">
+                            {_t("auth|qr_code_login|check_code_input_label")}
+                        </label>
+                        <MFAInput
+                            className="mx_LoginWithQR_checkCode_input mx_no_textinput"
+                            ref={this.checkCodeInput}
+                            length={2}
+                            autoFocus
+                            id="mx_LoginWithQR_checkCode"
+                            data-invalid={
+                                this.props.failureReason === LoginWithQRFailureReason.CheckCodeMismatch
+                                    ? true
+                                    : undefined
+                            }
+                        />
+                        <ErrorMessage
+                            message={
+                                this.props.failureReason === LoginWithQRFailureReason.CheckCodeMismatch
+                                    ? _t("auth|qr_code_login|check_code_mismatch")
+                                    : null
+                            }
+                        />
+                    </>
+                );
+
+                buttons = (
+                    <>
+                        <Button
+                            data-testid="approve-login-button"
+                            kind="primary"
+                            size="lg"
+                            onClick={this.handleClick(Click.Approve)}
+                        >
+                            {_t("action|continue")}
+                        </Button>
+                        <Button
+                            data-testid="decline-login-button"
+                            kind="tertiary"
+                            size="lg"
+                            onClick={this.handleClick(Click.Decline)}
+                        >
+                            {_t("action|cancel")}
+                        </Button>
+                    </>
+                );
+                break;
+            case Phase.ShowingQR: {
+                let steps: ReactNode;
+                if (this.props.intent === RendezvousIntent.LOGIN_ON_NEW_DEVICE) {
+                    steps = (
+                        <>
+                            <li>
+                                {_t("auth|qr_code_login|open_element_mobile_device", {
+                                    brand: SdkConfig.get().brand,
+                                })}
+                            </li>
+                            <li>
+                                {_t("auth|qr_code_login|tap_avatar_link_new_device", {
+                                    linkNewDevice: <strong>{_t("settings|sessions|sign_in_with_qr")}</strong>,
+                                })}
+                            </li>
+                            <li>
+                                {_t("auth|qr_code_login|choose_desktop_computer", {
+                                    desktopComputer: <strong>{_t("auth|qr_code_login|desktop_computer")}</strong>,
+                                })}
+                            </li>
+                            <li>
+                                {_t("auth|qr_code_login|select_ready_to_scan", {
+                                    readyToScan: <strong>{_t("auth|qr_code_login|ready_to_scan")}</strong>,
+                                })}
+                            </li>
+                            <li>{_t("auth|qr_code_login|follow_remaining_instructions")}</li>
+                        </>
+                    );
+                } else {
+                    steps = (
+                        <>
+                            <li>
+                                {_t("auth|qr_code_login|open_element_other_device", {
+                                    brand: SdkConfig.get().brand,
+                                })}
+                            </li>
+                            <li>
+                                {_t("auth|qr_code_login|select_qr_code", {
+                                    scanQRCode: <strong>{_t("auth|qr_code_login|scan_qr_code")}</strong>,
+                                })}
+                            </li>
+                            <li>{_t("auth|qr_code_login|point_the_camera")}</li>
+                            <li>{_t("auth|qr_code_login|follow_remaining_instructions")}</li>
+                        </>
+                    );
+                }
+
+                main = (
+                    <>
+                        <Heading as="h1" size="sm" weight="semibold">
+                            {this.props.intent === RendezvousIntent.LOGIN_ON_NEW_DEVICE
+                                ? _t("auth|qr_code_login|scan_code_instruction")
+                                : _t("auth|qr_code_login|scan_code_instruction_reciprocate")}
+                        </Heading>
+                        <div className="mx_LoginWithQR_qrWrapper">
+                            {this.props.code ? (
+                                <QRCode data={[{ data: this.props.code, mode: "byte" }]} width={200} />
+                            ) : (
+                                <Spinner />
+                            )}
+                        </div>
+                        <ol>{steps}</ol>
+                    </>
+                );
+                break;
+            }
+            case Phase.Loading:
+                main = this.simpleSpinner();
+                break;
+            case Phase.WaitingForDevice:
+                main =
+                    this.props.intent === RendezvousIntent.LOGIN_ON_NEW_DEVICE ? (
+                        <>
+                            <BigIcon>
+                                <LockSolidIcon />
+                            </BigIcon>
+                            <Heading as="h1" size="sm" weight="semibold">
+                                {_t("auth|qr_code_login|security_code_title")}
+                            </Heading>
+                            <Text size="md">{_t("auth|qr_code_login|security_code_prompt")}</Text>
+                            <MFAInput
+                                className="mx_LoginWithQR_checkCode_input mx_no_textinput"
+                                length={6}
+                                value={this.props.userCode}
+                                disabled
+                            />
+                            {this.simpleSpinner(_t("auth|qr_code_login|waiting_for_device"))}
+                        </>
+                    ) : (
+                        this.simpleSpinner(_t("auth|qr_code_login|waiting_for_device"))
+                    );
+                buttons = this.cancelButton();
+                break;
+            case Phase.Verifying:
+                main = this.simpleSpinner(_t("auth|qr_code_login|completing_setup"));
+                break;
+        }
+
+        return (
+            <div data-testid="login-with-qr" className={classNames("mx_LoginWithQR", className)}>
+                {this.props.intent === RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE && backButton ? (
+                    <div className="mx_LoginWithQR_heading">
+                        <AccessibleButton
+                            data-testid="back-button"
+                            className="mx_LoginWithQR_BackButton"
+                            onClick={this.handleClick(Click.Cancel)}
+                            title={_t("action|back")}
+                        >
+                            <ChevronLeftIcon />
+                        </AccessibleButton>
+                        <div className="mx_LoginWithQR_breadcrumbs">
+                            {_t("settings|sessions|title")} / {_t("settings|sessions|sign_in_with_qr")}
+                        </div>
+                    </div>
+                ) : null}
+                <div className="mx_LoginWithQR_main">{main}</div>
+                <div className="mx_LoginWithQR_buttons">{buttons}</div>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/auth/PassphraseConfirmField.tsx b/apps/web/src/components/views/auth/PassphraseConfirmField.tsx
new file mode 100644
index 00000000000..0eb0ce79b05
--- /dev/null
+++ b/apps/web/src/components/views/auth/PassphraseConfirmField.tsx
@@ -0,0 +1,79 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 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 } from "../../../languageHandler";
+
+interface IProps extends Omit<IInputProps, "onValidate" | "label" | "element"> {
+    id?: string;
+    fieldRef?: Ref<Field>;
+    autoComplete?: string;
+    value: string;
+    password: string; // The password we're confirming
+
+    label: TranslationKey;
+    labelRequired: TranslationKey;
+    labelInvalid: TranslationKey;
+    tooltipAlignment?: ComponentProps<typeof Field>["tooltipAlignment"];
+    onChange(ev: React.FormEvent<HTMLElement>): void;
+    onValidate?(result: IValidationResult): void;
+}
+
+class PassphraseConfirmField extends PureComponent<IProps> {
+    public static defaultProps = {
+        label: _td("auth|change_password_confirm_label"),
+        labelRequired: _td("auth|change_password_confirm_label"),
+        labelInvalid: _td("auth|change_password_confirm_invalid"),
+    };
+
+    private validate = withValidation({
+        rules: [
+            {
+                key: "required",
+                test: ({ value, allowEmpty }) => allowEmpty || !!value,
+                invalid: () => _t(this.props.labelRequired),
+            },
+            {
+                key: "match",
+                test: ({ value }) => !value || value === this.props.password,
+                invalid: () => _t(this.props.labelInvalid),
+            },
+        ],
+    });
+
+    private onValidate = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await this.validate(fieldState);
+        if (this.props.onValidate) {
+            this.props.onValidate(result);
+        }
+
+        return result;
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <Field
+                id={this.props.id}
+                ref={this.props.fieldRef}
+                type="password"
+                label={_t(this.props.label)}
+                autoComplete={this.props.autoComplete}
+                value={this.props.value}
+                onChange={this.props.onChange}
+                onValidate={this.onValidate}
+                autoFocus={this.props.autoFocus}
+                tooltipAlignment={this.props.tooltipAlignment}
+            />
+        );
+    }
+}
+
+export default PassphraseConfirmField;
diff --git a/apps/web/src/components/views/auth/PassphraseField.tsx b/apps/web/src/components/views/auth/PassphraseField.tsx
new file mode 100644
index 00000000000..d5cd27e401a
--- /dev/null
+++ b/apps/web/src/components/views/auth/PassphraseField.tsx
@@ -0,0 +1,121 @@
+/*
+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 ComponentProps, PureComponent, type Ref } from "react";
+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 } from "../../../languageHandler";
+import Field, { type IInputProps } from "../elements/Field";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+
+interface IProps extends Omit<IInputProps, "onValidate" | "element"> {
+    autoFocus?: boolean;
+    id?: string;
+    className?: string;
+    minScore: 0 | 1 | 2 | 3 | 4;
+    value: string;
+    fieldRef?: Ref<Field>;
+    // Additional strings such as a username used to catch bad passwords
+    userInputs?: string[];
+
+    label: TranslationKey;
+    labelEnterPassword: TranslationKey;
+    labelStrongPassword: TranslationKey;
+    labelAllowedButUnsafe: TranslationKey;
+    tooltipAlignment?: ComponentProps<typeof Field>["tooltipAlignment"];
+
+    onChange(ev: React.FormEvent<HTMLElement>): void;
+    onValidate?(result: IValidationResult): void;
+}
+
+class PassphraseField extends PureComponent<IProps> {
+    public static defaultProps = {
+        label: _td("common|password"),
+        labelEnterPassword: _td("auth|password_field_label"),
+        labelStrongPassword: _td("auth|password_field_strong_label"),
+        labelAllowedButUnsafe: _td("auth|password_field_weak_label"),
+    };
+
+    public readonly validate = withValidation<this, ZxcvbnResult | null>({
+        description: function (complexity) {
+            const score = complexity ? complexity.score : 0;
+            return <progress className="mx_PassphraseField_progress" max={4} value={score} />;
+        },
+        deriveData: async ({ value }): Promise<ZxcvbnResult | null> => {
+            if (!value) return null;
+            const { scorePassword } = await import("../../../utils/PasswordScorer");
+            return scorePassword(MatrixClientPeg.get(), value, this.props.userInputs);
+        },
+        rules: [
+            {
+                key: "required",
+                test: ({ value, allowEmpty }) => allowEmpty || !!value,
+                invalid: () => _t(this.props.labelEnterPassword),
+            },
+            {
+                key: "complexity",
+                test: async function ({ value }, complexity): Promise<boolean> {
+                    if (!value || !complexity) {
+                        return false;
+                    }
+                    const safe = complexity.score >= this.props.minScore;
+                    const allowUnsafe = SdkConfig.get("dangerously_allow_unsafe_and_insecure_passwords");
+                    return allowUnsafe || safe;
+                },
+                valid: function (complexity) {
+                    // Unsafe passwords that are valid are only possible through a
+                    // configuration flag. We'll print some helper text to signal
+                    // to the user that their password is allowed, but unsafe.
+                    if (complexity && complexity.score >= this.props.minScore) {
+                        return _t(this.props.labelStrongPassword);
+                    }
+                    return _t(this.props.labelAllowedButUnsafe);
+                },
+                invalid: function (complexity) {
+                    if (!complexity) {
+                        return null;
+                    }
+                    const { feedback } = complexity;
+                    return feedback.warning || feedback.suggestions[0] || _t("auth|password_field_keep_going_prompt");
+                },
+            },
+        ],
+        memoize: true,
+    });
+
+    public onValidate = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await this.validate(fieldState);
+        if (this.props.onValidate) {
+            this.props.onValidate(result);
+        }
+        return result;
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <Field
+                id={this.props.id}
+                autoFocus={this.props.autoFocus}
+                className={classNames("mx_PassphraseField", this.props.className)}
+                ref={this.props.fieldRef}
+                type="password"
+                autoComplete="new-password"
+                label={_t(this.props.label)}
+                value={this.props.value}
+                onChange={this.props.onChange}
+                onValidate={this.onValidate}
+                tooltipAlignment={this.props.tooltipAlignment}
+            />
+        );
+    }
+}
+
+export default PassphraseField;
diff --git a/apps/web/src/components/views/auth/PasswordLogin.tsx b/apps/web/src/components/views/auth/PasswordLogin.tsx
new file mode 100644
index 00000000000..6898846a641
--- /dev/null
+++ b/apps/web/src/components/views/auth/PasswordLogin.tsx
@@ -0,0 +1,443 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015, 2016 , 2017, 2019 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 SyntheticEvent } from "react";
+import classNames from "classnames";
+import { Button } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import SdkConfig from "../../../SdkConfig";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+import withValidation, { type IFieldState, type IValidationResult } from "../elements/Validation";
+import Field from "../elements/Field";
+import CountryDropdown from "./CountryDropdown";
+import EmailField from "./EmailField";
+import { type PhoneNumberCountryDefinition } from "../../../phonenumber";
+
+// For validating phone numbers without country codes
+const PHONE_NUMBER_REGEX = /^[0-9()\-\s]*$/;
+
+interface IProps {
+    username: string; // also used for email address
+    phoneCountry: string;
+    phoneNumber: string;
+
+    loginIncorrect: boolean;
+    disableSubmit?: boolean;
+    busy?: boolean;
+
+    onSubmit(username: string, phoneCountry: void, phoneNumber: void, password: string): void;
+    onSubmit(username: void, phoneCountry: string, phoneNumber: string, password: string): void;
+    onUsernameChanged?(username: string): void;
+    onUsernameBlur?(username: string): void;
+    onPhoneCountryChanged?(phoneCountry: string): void;
+    onPhoneNumberChanged?(phoneNumber: string): void;
+    onForgotPasswordClick?(): void;
+}
+
+interface IState {
+    fieldValid: Partial<Record<LoginField, boolean>>;
+    loginType: LoginField.Email | LoginField.MatrixId | LoginField.Phone;
+    password: string;
+}
+
+const enum LoginField {
+    Email = "login_field_email",
+    MatrixId = "login_field_mxid",
+    Phone = "login_field_phone",
+    Password = "login_field_password",
+}
+
+/*
+ * A pure UI component which displays a username/password form.
+ * The email/username/phone fields are fully-controlled, the password field is not.
+ */
+export default class PasswordLogin extends React.PureComponent<IProps, IState> {
+    private [LoginField.Email]: Field | null = null;
+    private [LoginField.Phone]: Field | null = null;
+    private [LoginField.MatrixId]: Field | null = null;
+    private [LoginField.Password]: Field | null = null;
+
+    public static defaultProps = {
+        onUsernameChanged: function (): void {},
+        onUsernameBlur: function (): void {},
+        onPhoneCountryChanged: function (): void {},
+        onPhoneNumberChanged: function (): void {},
+        loginIncorrect: false,
+        disableSubmit: false,
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            // Field error codes by field ID
+            fieldValid: {},
+            loginType: LoginField.MatrixId,
+            password: "",
+        };
+    }
+
+    private onForgotPasswordClick = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+        ev.stopPropagation();
+        this.props.onForgotPasswordClick?.();
+    };
+
+    private onSubmitForm = async (ev: SyntheticEvent): Promise<void> => {
+        ev.preventDefault();
+
+        const allFieldsValid = await this.verifyFieldsBeforeSubmit();
+        if (!allFieldsValid) {
+            return;
+        }
+
+        switch (this.state.loginType) {
+            case LoginField.Email:
+            case LoginField.MatrixId:
+                this.props.onSubmit(this.props.username, undefined, undefined, this.state.password);
+                break;
+            case LoginField.Phone:
+                this.props.onSubmit(undefined, this.props.phoneCountry, this.props.phoneNumber, this.state.password);
+                break;
+        }
+    };
+
+    private onUsernameChanged = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.props.onUsernameChanged?.(ev.target.value);
+    };
+
+    private onUsernameBlur = (ev: React.FocusEvent<HTMLInputElement>): void => {
+        this.props.onUsernameBlur?.(ev.target.value);
+    };
+
+    private onLoginTypeChange = (ev: React.ChangeEvent<HTMLSelectElement>): void => {
+        const loginType = ev.target.value as IState["loginType"];
+        this.setState({ loginType });
+        this.props.onUsernameChanged?.(""); // Reset because email and username use the same state
+    };
+
+    private onPhoneCountryChanged = (country: PhoneNumberCountryDefinition): void => {
+        this.props.onPhoneCountryChanged?.(country.iso2);
+    };
+
+    private onPhoneNumberChanged = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.props.onPhoneNumberChanged?.(ev.target.value);
+    };
+
+    private onPasswordChanged = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ password: ev.target.value });
+    };
+
+    private async verifyFieldsBeforeSubmit(): Promise<boolean> {
+        // Blur the active element if any, so we first run its blur validation,
+        // which is less strict than the pass we're about to do below for all fields.
+        const activeElement = document.activeElement as HTMLElement;
+        if (activeElement) {
+            activeElement.blur();
+        }
+
+        const fieldIDsInDisplayOrder = [this.state.loginType, LoginField.Password];
+
+        // Run all fields with stricter validation that no longer allows empty
+        // values for required fields.
+        for (const fieldID of fieldIDsInDisplayOrder) {
+            const field = this[fieldID];
+            if (!field) {
+                continue;
+            }
+            // We must wait for these validations to finish before queueing
+            // up the setState below so our setState goes in the queue after
+            // all the setStates from these validate calls (that's how we
+            // know they've finished).
+            await field.validate({ allowEmpty: false });
+        }
+
+        // Validation and state updates are async, so we need to wait for them to complete
+        // first. Queue a `setState` callback and wait for it to resolve.
+        await new Promise<void>((resolve) => this.setState({}, resolve));
+
+        if (this.allFieldsValid()) {
+            return true;
+        }
+
+        const invalidField = this.findFirstInvalidField(fieldIDsInDisplayOrder);
+
+        if (!invalidField) {
+            return true;
+        }
+
+        // Focus the first invalid field and show feedback in the stricter mode
+        // that no longer allows empty values for required fields.
+        invalidField.focus();
+        invalidField.validate({ allowEmpty: false, focused: true });
+        return false;
+    }
+
+    private allFieldsValid(): boolean {
+        return Object.values(this.state.fieldValid).every(Boolean);
+    }
+
+    private findFirstInvalidField(fieldIDs: LoginField[]): Field | null {
+        for (const fieldID of fieldIDs) {
+            if (!this.state.fieldValid[fieldID] && this[fieldID]) {
+                return this[fieldID];
+            }
+        }
+        return null;
+    }
+
+    private markFieldValid(fieldID: LoginField, valid?: boolean): void {
+        const { fieldValid } = this.state;
+        fieldValid[fieldID] = valid;
+        this.setState({
+            fieldValid,
+        });
+    }
+
+    private validateUsernameRules = withValidation({
+        rules: [
+            {
+                key: "required",
+                test({ value, allowEmpty }) {
+                    return allowEmpty || !!value;
+                },
+                invalid: () => _t("auth|username_field_required_invalid"),
+            },
+        ],
+    });
+
+    private onUsernameValidate = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await this.validateUsernameRules(fieldState);
+        this.markFieldValid(LoginField.MatrixId, result.valid);
+        return result;
+    };
+
+    private onEmailValidate = (result: IValidationResult): void => {
+        this.markFieldValid(LoginField.Email, result.valid);
+    };
+
+    private validatePhoneNumberRules = withValidation({
+        rules: [
+            {
+                key: "required",
+                test({ value, allowEmpty }): boolean {
+                    return allowEmpty || !!value;
+                },
+                invalid: (): string => _t("auth|msisdn_field_required_invalid"),
+            },
+            {
+                key: "number",
+                test: ({ value }): boolean => !value || PHONE_NUMBER_REGEX.test(value),
+                invalid: (): string => _t("auth|msisdn_field_number_invalid"),
+            },
+        ],
+    });
+
+    private onPhoneNumberValidate = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await this.validatePhoneNumberRules(fieldState);
+        this.markFieldValid(LoginField.Password, result.valid);
+        return result;
+    };
+
+    private validatePasswordRules = withValidation({
+        rules: [
+            {
+                key: "required",
+                test({ value, allowEmpty }): boolean {
+                    return allowEmpty || !!value;
+                },
+                invalid: (): string => _t("auth|password_field_label"),
+            },
+        ],
+    });
+
+    private onPasswordValidate = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await this.validatePasswordRules(fieldState);
+        this.markFieldValid(LoginField.Password, result.valid);
+        return result;
+    };
+
+    private renderLoginField(loginType: IState["loginType"], autoFocus: boolean): JSX.Element {
+        const classes = {
+            error: false,
+        };
+
+        switch (loginType) {
+            case LoginField.Email:
+                classes.error = this.props.loginIncorrect && !this.props.username;
+                return (
+                    <EmailField
+                        id="mx_LoginForm_email"
+                        className={classNames(classes)}
+                        name="username" // make it a little easier for browser's remember-password
+                        autoComplete="email"
+                        type="email"
+                        key="email_input"
+                        placeholder="joe@example.com"
+                        value={this.props.username}
+                        onChange={this.onUsernameChanged}
+                        onBlur={this.onUsernameBlur}
+                        disabled={this.props.busy}
+                        autoFocus={autoFocus}
+                        onValidate={this.onEmailValidate}
+                        fieldRef={(field): void => {
+                            this[LoginField.Email] = field;
+                        }}
+                    />
+                );
+            case LoginField.MatrixId:
+                classes.error = this.props.loginIncorrect && !this.props.username;
+                return (
+                    <Field
+                        id="mx_LoginForm_username"
+                        className={classNames(classes)}
+                        name="username" // make it a little easier for browser's remember-password
+                        autoComplete="username"
+                        key="username_input"
+                        type="text"
+                        label={_t("common|username")}
+                        placeholder={_t("common|username")}
+                        value={this.props.username}
+                        onChange={this.onUsernameChanged}
+                        onBlur={this.onUsernameBlur}
+                        disabled={this.props.busy}
+                        autoFocus={autoFocus}
+                        onValidate={this.onUsernameValidate}
+                        ref={(field): void => {
+                            this[LoginField.MatrixId] = field;
+                        }}
+                    />
+                );
+            case LoginField.Phone: {
+                classes.error = this.props.loginIncorrect && !this.props.phoneNumber;
+
+                const phoneCountry = (
+                    <CountryDropdown
+                        value={this.props.phoneCountry}
+                        isSmall={true}
+                        showPrefix={true}
+                        onOptionChange={this.onPhoneCountryChanged}
+                    />
+                );
+
+                return (
+                    <Field
+                        id="mx_LoginForm_phone"
+                        className={classNames(classes)}
+                        name="phoneNumber"
+                        autoComplete="tel-national"
+                        key="phone_input"
+                        type="text"
+                        label={_t("auth|msisdn_field_label")}
+                        value={this.props.phoneNumber}
+                        prefixComponent={phoneCountry}
+                        onChange={this.onPhoneNumberChanged}
+                        disabled={this.props.busy}
+                        autoFocus={autoFocus}
+                        onValidate={this.onPhoneNumberValidate}
+                        ref={(field): void => {
+                            this[LoginField.Password] = field;
+                        }}
+                    />
+                );
+            }
+        }
+    }
+
+    private isLoginEmpty(): boolean {
+        switch (this.state.loginType) {
+            case LoginField.Email:
+            case LoginField.MatrixId:
+                return !this.props.username;
+            case LoginField.Phone:
+                return !this.props.phoneCountry || !this.props.phoneNumber;
+        }
+    }
+
+    public render(): React.ReactNode {
+        let forgotPasswordJsx: JSX.Element | undefined;
+
+        if (this.props.onForgotPasswordClick) {
+            forgotPasswordJsx = (
+                <AccessibleButton
+                    className="mx_Login_forgot"
+                    disabled={this.props.busy}
+                    kind="link"
+                    onClick={this.onForgotPasswordClick}
+                >
+                    {_t("auth|reset_password_button")}
+                </AccessibleButton>
+            );
+        }
+
+        const pwFieldClass = classNames({
+            error: this.props.loginIncorrect && !this.isLoginEmpty(), // only error password if error isn't top field
+        });
+
+        // If login is empty, autoFocus login, otherwise autoFocus password.
+        // this is for when auto server discovery remounts us when the user tries to tab from username to password
+        const autoFocusPassword = !this.isLoginEmpty();
+        const loginField = this.renderLoginField(this.state.loginType, !autoFocusPassword);
+
+        let loginType;
+        if (!SdkConfig.get().disable_3pid_login) {
+            loginType = (
+                <div className="mx_Login_type_container">
+                    <label className="mx_Login_type_label">{_t("auth|identifier_label")}</label>
+                    <Field
+                        element="select"
+                        value={this.state.loginType}
+                        onChange={this.onLoginTypeChange}
+                        disabled={this.props.busy}
+                    >
+                        <option key={LoginField.MatrixId} value={LoginField.MatrixId}>
+                            {_t("common|username")}
+                        </option>
+                        <option key={LoginField.Email} value={LoginField.Email}>
+                            {_t("common|email_address")}
+                        </option>
+                        <option key={LoginField.Password} value={LoginField.Password}>
+                            {_t("auth|msisdn_field_label")}
+                        </option>
+                    </Field>
+                </div>
+            );
+        }
+
+        return (
+            <div>
+                <form onSubmit={this.onSubmitForm}>
+                    {loginType}
+                    {loginField}
+                    <Field
+                        id="mx_LoginForm_password"
+                        className={pwFieldClass}
+                        autoComplete="current-password"
+                        type="password"
+                        name="password"
+                        label={_t("common|password")}
+                        value={this.state.password}
+                        onChange={this.onPasswordChanged}
+                        disabled={this.props.busy}
+                        autoFocus={autoFocusPassword}
+                        onValidate={this.onPasswordValidate}
+                        ref={(field) => {
+                            this[LoginField.Password] = field;
+                        }}
+                    />
+                    {forgotPasswordJsx}
+                    {!this.props.busy && (
+                        <Button className="mx_Login_submit" size="md" type="submit" disabled={this.props.disableSubmit}>
+                            {_t("action|sign_in")}
+                        </Button>
+                    )}
+                </form>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/auth/RegistrationForm.tsx b/apps/web/src/components/views/auth/RegistrationForm.tsx
new file mode 100644
index 00000000000..0577de31f51
--- /dev/null
+++ b/apps/web/src/components/views/auth/RegistrationForm.tsx
@@ -0,0 +1,601 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2015, 2016 , 2017, 2018, 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.
+*/
+
+import React, { type JSX, type BaseSyntheticEvent, type ComponentProps, type ReactNode } from "react";
+import { type MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+import { Button } from "@vector-im/compound-web";
+
+import * as Email from "../../../email";
+import { looksValid as phoneNumberLooksValid, type PhoneNumberCountryDefinition } from "../../../phonenumber";
+import Modal from "../../../Modal";
+import { _t, _td } from "../../../languageHandler";
+import SdkConfig from "../../../SdkConfig";
+import { SAFE_LOCALPART_REGEX } from "../../../Registration";
+import withValidation, { type IFieldState, type IValidationResult } from "../elements/Validation";
+import EmailField from "./EmailField";
+import PassphraseField from "./PassphraseField";
+import Field from "../elements/Field";
+import RegistrationEmailPromptDialog from "../dialogs/RegistrationEmailPromptDialog";
+import CountryDropdown from "./CountryDropdown";
+import PassphraseConfirmField from "./PassphraseConfirmField";
+import { PosthogAnalytics } from "../../../PosthogAnalytics";
+
+enum RegistrationField {
+    Email = "field_email",
+    PhoneNumber = "field_phone_number",
+    Username = "field_username",
+    Password = "field_password",
+    PasswordConfirm = "field_password_confirm",
+}
+
+enum UsernameAvailableStatus {
+    Unknown,
+    Available,
+    Unavailable,
+    Error,
+    Invalid,
+}
+
+export const PASSWORD_MIN_SCORE = 3; // safely unguessable: moderate protection from offline slow-hash scenario.
+
+interface IProps {
+    // Values pre-filled in the input boxes when the component loads
+    defaultEmail?: string;
+    defaultPhoneCountry?: string;
+    defaultPhoneNumber?: string;
+    defaultUsername?: string;
+    defaultPassword?: string;
+    flows: {
+        stages: string[];
+    }[];
+    canSubmit?: boolean;
+    matrixClient: MatrixClient;
+    mobileRegister?: boolean;
+
+    onRegisterClick(params: {
+        username: string;
+        password: string;
+        email?: string;
+        phoneCountry?: string;
+        phoneNumber?: string;
+    }): Promise<void>;
+}
+
+interface IState {
+    // Field error codes by field ID
+    fieldValid: Partial<Record<RegistrationField, boolean>>;
+    // The ISO2 country code selected in the phone number entry
+    phoneCountry?: string;
+    username: string;
+    email: string;
+    phoneNumber: string;
+    password: string;
+    passwordConfirm: string;
+    passwordComplexity?: number;
+}
+
+/*
+ * A pure UI component which displays a registration form.
+ */
+export default class RegistrationForm extends React.PureComponent<IProps, IState> {
+    private [RegistrationField.Email]: Field | null = null;
+    private [RegistrationField.Password]: Field | null = null;
+    private [RegistrationField.PasswordConfirm]: Field | null = null;
+    private [RegistrationField.Username]: Field | null = null;
+    private [RegistrationField.PhoneNumber]: Field | null = null;
+
+    public static defaultProps = {
+        canSubmit: true,
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            fieldValid: {},
+            phoneCountry: this.props.defaultPhoneCountry,
+            username: this.props.defaultUsername || "",
+            email: this.props.defaultEmail || "",
+            phoneNumber: this.props.defaultPhoneNumber || "",
+            password: this.props.defaultPassword || "",
+            passwordConfirm: this.props.defaultPassword || "",
+        };
+    }
+
+    private onSubmit = async (
+        ev: BaseSyntheticEvent<Event, EventTarget & HTMLFormElement, EventTarget & HTMLFormElement>,
+    ): Promise<void> => {
+        ev.preventDefault();
+        ev.persist();
+
+        if (!this.props.canSubmit) return;
+
+        const allFieldsValid = await this.verifyFieldsBeforeSubmit();
+        if (!allFieldsValid) {
+            return;
+        }
+
+        if (this.state.email === "") {
+            if (this.showEmail()) {
+                const { finished } = Modal.createDialog(RegistrationEmailPromptDialog);
+                finished.then(async ([confirmed, email]) => {
+                    if (confirmed && email !== undefined) {
+                        this.setState({ email }, () => this.doSubmit(ev));
+                    }
+                });
+            } else {
+                // user can't set an e-mail so don't prompt them to
+                this.doSubmit(ev);
+                return;
+            }
+        } else {
+            this.doSubmit(ev);
+        }
+    };
+
+    private doSubmit(
+        ev: BaseSyntheticEvent<Event, EventTarget & HTMLFormElement, EventTarget & HTMLFormElement>,
+    ): void {
+        PosthogAnalytics.instance.setAuthenticationType("Password");
+
+        const email = this.state.email.trim();
+
+        const promise = this.props.onRegisterClick({
+            username: this.state.username.trim(),
+            password: this.state.password.trim(),
+            email: email,
+            phoneCountry: this.state.phoneCountry,
+            phoneNumber: this.state.phoneNumber,
+        });
+
+        if (promise) {
+            ev.target.disabled = true;
+            promise.finally(function () {
+                ev.target.disabled = false;
+            });
+        }
+    }
+
+    private async verifyFieldsBeforeSubmit(): Promise<boolean> {
+        // Blur the active element if any, so we first run its blur validation,
+        // which is less strict than the pass we're about to do below for all fields.
+        const activeElement = document.activeElement as HTMLElement;
+        if (activeElement) {
+            activeElement.blur();
+        }
+
+        const fieldIDsInDisplayOrder = [
+            RegistrationField.Username,
+            RegistrationField.Password,
+            RegistrationField.PasswordConfirm,
+            RegistrationField.Email,
+            RegistrationField.PhoneNumber,
+        ];
+
+        // Run all fields with stricter validation that no longer allows empty
+        // values for required fields.
+        for (const fieldID of fieldIDsInDisplayOrder) {
+            const field = this[fieldID];
+            if (!field) {
+                continue;
+            }
+            // We must wait for these validations to finish before queueing
+            // up the setState below so our setState goes in the queue after
+            // all the setStates from these validate calls (that's how we
+            // know they've finished).
+            await field.validate({ allowEmpty: false });
+        }
+
+        // Validation and state updates are async, so we need to wait for them to complete
+        // first. Queue a `setState` callback and wait for it to resolve.
+        await new Promise<void>((resolve) => this.setState({}, resolve));
+
+        if (this.allFieldsValid()) {
+            return true;
+        }
+
+        const invalidField = this.findFirstInvalidField(fieldIDsInDisplayOrder);
+
+        if (!invalidField) {
+            return true;
+        }
+
+        // Focus the first invalid field and show feedback in the stricter mode
+        // that no longer allows empty values for required fields.
+        invalidField.focus();
+        invalidField.validate({ allowEmpty: false, focused: true });
+        return false;
+    }
+
+    /**
+     * @returns {boolean} true if all fields were valid last time they were validated.
+     */
+    private allFieldsValid(): boolean {
+        return Object.values(this.state.fieldValid).every(Boolean);
+    }
+
+    private findFirstInvalidField(fieldIDs: RegistrationField[]): Field | null {
+        for (const fieldID of fieldIDs) {
+            if (!this.state.fieldValid[fieldID] && this[fieldID]) {
+                return this[fieldID];
+            }
+        }
+        return null;
+    }
+
+    private markFieldValid(fieldID: RegistrationField, valid: boolean): void {
+        const { fieldValid } = this.state;
+        fieldValid[fieldID] = valid;
+        this.setState({
+            fieldValid,
+        });
+    }
+
+    private onEmailChange = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            email: ev.target.value.trim(),
+        });
+    };
+
+    private onEmailValidate = (result: IValidationResult): void => {
+        this.markFieldValid(RegistrationField.Email, !!result.valid);
+    };
+
+    private validateEmailRules = withValidation({
+        description: () => _t("auth|reset_password_email_field_description"),
+        hideDescriptionIfValid: true,
+        rules: [
+            {
+                key: "required",
+                test(this: RegistrationForm, { value, allowEmpty }) {
+                    return allowEmpty || !this.authStepIsRequired("m.login.email.identity") || !!value;
+                },
+                invalid: () => _t("auth|reset_password_email_field_required_invalid"),
+            },
+            {
+                key: "email",
+                test: ({ value }) => !value || Email.looksValid(value),
+                invalid: () => _t("auth|email_field_label_invalid"),
+            },
+        ],
+    });
+
+    private onPasswordChange = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            password: ev.target.value,
+        });
+    };
+
+    private onPasswordValidate = (result: IValidationResult): void => {
+        this.markFieldValid(RegistrationField.Password, !!result.valid);
+    };
+
+    private onPasswordConfirmChange = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            passwordConfirm: ev.target.value,
+        });
+    };
+
+    private onPasswordConfirmValidate = (result: IValidationResult): void => {
+        this.markFieldValid(RegistrationField.PasswordConfirm, !!result.valid);
+    };
+
+    private onPhoneCountryChange = (newVal: PhoneNumberCountryDefinition): void => {
+        this.setState({
+            phoneCountry: newVal.iso2,
+        });
+    };
+
+    private onPhoneNumberChange = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            phoneNumber: ev.target.value,
+        });
+    };
+
+    private onPhoneNumberValidate = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await this.validatePhoneNumberRules(fieldState);
+        this.markFieldValid(RegistrationField.PhoneNumber, !!result.valid);
+        return result;
+    };
+
+    private validatePhoneNumberRules = withValidation({
+        description: () => _t("auth|msisdn_field_description"),
+        hideDescriptionIfValid: true,
+        rules: [
+            {
+                key: "required",
+                test(this: RegistrationForm, { value, allowEmpty }) {
+                    return allowEmpty || !this.authStepIsRequired("m.login.msisdn") || !!value;
+                },
+                invalid: () => _t("auth|registration_msisdn_field_required_invalid"),
+            },
+            {
+                key: "email",
+                test: ({ value }) => !value || phoneNumberLooksValid(value),
+                invalid: () => _t("auth|msisdn_field_number_invalid"),
+            },
+        ],
+    });
+
+    private onUsernameChange = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            username: ev.target.value,
+        });
+    };
+
+    private onUsernameValidate = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await this.validateUsernameRules(fieldState);
+        this.markFieldValid(RegistrationField.Username, !!result.valid);
+        return result;
+    };
+
+    private validateUsernameRules = withValidation<this, UsernameAvailableStatus>({
+        description: (_, results) => {
+            // omit the description if the only failing result is the `available` one as it makes no sense for it.
+            if (results.every(({ key, valid }) => key === "available" || valid)) return null;
+            return _t("auth|registration_username_validation");
+        },
+        hideDescriptionIfValid: true,
+        async deriveData(this: RegistrationForm, { value }) {
+            if (!value) {
+                return UsernameAvailableStatus.Unknown;
+            }
+
+            try {
+                const available = await this.props.matrixClient.isUsernameAvailable(value);
+                return available ? UsernameAvailableStatus.Available : UsernameAvailableStatus.Unavailable;
+            } catch (err) {
+                if (err instanceof MatrixError && err.errcode === "M_INVALID_USERNAME") {
+                    return UsernameAvailableStatus.Invalid;
+                }
+                return UsernameAvailableStatus.Error;
+            }
+        },
+        rules: [
+            {
+                key: "required",
+                test: ({ value, allowEmpty }) => allowEmpty || !!value,
+                invalid: () => _t("auth|username_field_required_invalid"),
+            },
+            {
+                key: "safeLocalpart",
+                test: ({ value }, usernameAvailable) =>
+                    (!value || SAFE_LOCALPART_REGEX.test(value)) &&
+                    usernameAvailable !== UsernameAvailableStatus.Invalid,
+                invalid: () => _t("room_settings|general|alias_field_safe_localpart_invalid"),
+            },
+            {
+                key: "available",
+                final: true,
+                test: async ({ value }, usernameAvailable): Promise<boolean> => {
+                    if (!value) {
+                        return true;
+                    }
+
+                    return usernameAvailable === UsernameAvailableStatus.Available;
+                },
+                invalid: (usernameAvailable) =>
+                    usernameAvailable === UsernameAvailableStatus.Error
+                        ? _t("auth|registration_username_unable_check")
+                        : _t("auth|registration_username_in_use"),
+            },
+        ],
+    });
+
+    /**
+     * A step is required if all flows include that step.
+     *
+     * @param {string} step A stage name to check
+     * @returns {boolean} Whether it is required
+     */
+    private authStepIsRequired(step: string): boolean {
+        return this.props.flows.every((flow) => {
+            return flow.stages.includes(step);
+        });
+    }
+
+    /**
+     * A step is used if any flows include that step.
+     *
+     * @param {string} step A stage name to check
+     * @returns {boolean} Whether it is used
+     */
+    private authStepIsUsed(step: string): boolean {
+        return this.props.flows.some((flow) => {
+            return flow.stages.includes(step);
+        });
+    }
+
+    private showEmail(): boolean {
+        const threePidLogin = !SdkConfig.get().disable_3pid_login;
+        if (!threePidLogin || !this.authStepIsUsed("m.login.email.identity")) {
+            return false;
+        }
+        return true;
+    }
+
+    private showPhoneNumber(): boolean {
+        const threePidLogin = !SdkConfig.get().disable_3pid_login;
+        if (!threePidLogin || !this.authStepIsUsed("m.login.msisdn")) {
+            return false;
+        }
+        return true;
+    }
+
+    private tooltipAlignment(): ComponentProps<typeof EmailField>["tooltipAlignment"] | undefined {
+        if (this.props.mobileRegister) {
+            return "bottom";
+        }
+        return undefined;
+    }
+
+    private renderEmail(): ReactNode {
+        if (!this.showEmail()) {
+            return null;
+        }
+        const emailLabel = this.authStepIsRequired("m.login.email.identity")
+            ? _td("auth|email_field_label")
+            : _td("auth|registration|continue_without_email_field_label");
+        return (
+            <EmailField
+                fieldRef={(field) => {
+                    this[RegistrationField.Email] = field;
+                }}
+                label={emailLabel}
+                value={this.state.email}
+                validationRules={this.validateEmailRules.bind(this)}
+                onChange={this.onEmailChange}
+                onValidate={this.onEmailValidate}
+                tooltipAlignment={this.tooltipAlignment()}
+            />
+        );
+    }
+
+    private renderPassword(): JSX.Element {
+        return (
+            <PassphraseField
+                id="mx_RegistrationForm_password"
+                fieldRef={(field) => {
+                    this[RegistrationField.Password] = field;
+                }}
+                minScore={PASSWORD_MIN_SCORE}
+                value={this.state.password}
+                onChange={this.onPasswordChange}
+                onValidate={this.onPasswordValidate}
+                userInputs={[this.state.username]}
+                tooltipAlignment={this.tooltipAlignment()}
+            />
+        );
+    }
+
+    public renderPasswordConfirm(): JSX.Element {
+        return (
+            <PassphraseConfirmField
+                id="mx_RegistrationForm_passwordConfirm"
+                fieldRef={(field) => {
+                    this[RegistrationField.PasswordConfirm] = field;
+                }}
+                autoComplete="new-password"
+                value={this.state.passwordConfirm}
+                password={this.state.password}
+                onChange={this.onPasswordConfirmChange}
+                onValidate={this.onPasswordConfirmValidate}
+                tooltipAlignment={this.tooltipAlignment()}
+            />
+        );
+    }
+
+    public renderPhoneNumber(): ReactNode {
+        if (!this.showPhoneNumber()) {
+            return null;
+        }
+        const phoneLabel = this.authStepIsRequired("m.login.msisdn")
+            ? _t("auth|phone_label")
+            : _t("auth|phone_optional_label");
+        const phoneCountry = (
+            <CountryDropdown
+                value={this.state.phoneCountry}
+                isSmall={true}
+                showPrefix={true}
+                onOptionChange={this.onPhoneCountryChange}
+            />
+        );
+        return (
+            <Field
+                ref={(field) => {
+                    this[RegistrationField.PhoneNumber] = field;
+                }}
+                type="text"
+                label={phoneLabel}
+                value={this.state.phoneNumber}
+                prefixComponent={phoneCountry}
+                onChange={this.onPhoneNumberChange}
+                onValidate={this.onPhoneNumberValidate}
+            />
+        );
+    }
+
+    public renderUsername(): ReactNode {
+        return (
+            <Field
+                id="mx_RegistrationForm_username"
+                ref={(field) => {
+                    this[RegistrationField.Username] = field;
+                }}
+                type="text"
+                autoFocus={true}
+                label={_t("common|username")}
+                placeholder={_t("common|username")}
+                value={this.state.username}
+                onChange={this.onUsernameChange}
+                onValidate={this.onUsernameValidate}
+                tooltipAlignment={this.tooltipAlignment()}
+                autoCorrect="off"
+                autoCapitalize="none"
+            />
+        );
+    }
+
+    public render(): ReactNode {
+        const registerButton = (
+            <Button className="mx_Login_submit" size="md" type="submit" disabled={!this.props.canSubmit}>
+                {_t("action|register")}
+            </Button>
+        );
+
+        let emailHelperText: JSX.Element | undefined;
+        if (this.showEmail()) {
+            if (this.showPhoneNumber()) {
+                emailHelperText = (
+                    <div>
+                        {_t("auth|email_help_text")} {_t("auth|email_phone_discovery_text")}
+                    </div>
+                );
+            } else {
+                emailHelperText = (
+                    <div>
+                        {_t("auth|email_help_text")} {_t("auth|email_discovery_text")}
+                    </div>
+                );
+            }
+        }
+
+        let passwordFields: JSX.Element | undefined;
+        if (this.props.mobileRegister) {
+            passwordFields = (
+                <>
+                    <div className="mx_AuthBody_fieldRow">{this.renderPassword()}</div>
+                    <div className="mx_AuthBody_fieldRow">{this.renderPasswordConfirm()}</div>
+                </>
+            );
+        } else {
+            passwordFields = (
+                <div className="mx_AuthBody_fieldRow">
+                    {this.renderPassword()}
+                    {this.renderPasswordConfirm()}
+                </div>
+            );
+        }
+
+        return (
+            <div>
+                <form onSubmit={this.onSubmit}>
+                    <div className="mx_AuthBody_fieldRow">{this.renderUsername()}</div>
+                    {passwordFields}
+                    <div className="mx_AuthBody_fieldRow">
+                        {this.renderEmail()}
+                        {this.renderPhoneNumber()}
+                    </div>
+                    {emailHelperText}
+                    {registerButton}
+                </form>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/auth/Welcome.tsx b/apps/web/src/components/views/auth/Welcome.tsx
new file mode 100644
index 00000000000..fc2c63c4364
--- /dev/null
+++ b/apps/web/src/components/views/auth/Welcome.tsx
@@ -0,0 +1,61 @@
+/*
+Copyright 2019-2024 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 } from "react";
+import classNames from "classnames";
+import { Glass } from "@vector-im/compound-web";
+
+import SdkConfig from "../../../SdkConfig";
+import AuthPage from "./AuthPage";
+import SettingsStore from "../../../settings/SettingsStore";
+import { UIFeature } from "../../../settings/UIFeature";
+import LanguageSelector from "./LanguageSelector";
+import EmbeddedPage from "../../structures/EmbeddedPage";
+import { MATRIX_LOGO_HTML } from "../../structures/static-page-vars";
+import DefaultWelcome from "./DefaultWelcome.tsx";
+import { type ValidatedServerConfig } from "../../../utils/ValidatedServerConfig.ts";
+
+interface Props {
+    serverConfig: ValidatedServerConfig;
+}
+
+export default class Welcome extends React.PureComponent<Props> {
+    public render(): React.ReactNode {
+        const pagesConfig = SdkConfig.getObject("embedded_pages");
+        const pageUrl = pagesConfig?.get("welcome_url");
+
+        const replaceMap: Record<string, string> = {
+            "$brand": SdkConfig.get("brand"),
+            "$riot:ssoUrl": "#/start_sso",
+            "$riot:casUrl": "#/start_cas",
+            "$matrixLogo": MATRIX_LOGO_HTML,
+            "[matrix]": MATRIX_LOGO_HTML,
+        };
+
+        let body: ReactNode;
+        if (pageUrl) {
+            body = <EmbeddedPage className="mx_WelcomePage" url={pageUrl} replaceMap={replaceMap} />;
+        } else {
+            body = <DefaultWelcome serverConfig={this.props.serverConfig} />;
+        }
+
+        return (
+            <AuthPage addBlur={false}>
+                <Glass>
+                    <div
+                        className={classNames("mx_Welcome", {
+                            mx_WelcomePage_registrationDisabled: !SettingsStore.getValue(UIFeature.Registration),
+                        })}
+                    >
+                        {body}
+                        <LanguageSelector />
+                    </div>
+                </Glass>
+            </AuthPage>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/avatars/BaseAvatar.tsx b/apps/web/src/components/views/avatars/BaseAvatar.tsx
new file mode 100644
index 00000000000..0837bf1dc8f
--- /dev/null
+++ b/apps/web/src/components/views/avatars/BaseAvatar.tsx
@@ -0,0 +1,142 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2018 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.
+*/
+
+import React, { type AriaRole, type JSX, type Ref, useCallback, useContext, useEffect, useState } from "react";
+import classNames from "classnames";
+import { ClientEvent, type SyncState } from "matrix-js-sdk/src/matrix";
+import { Avatar } from "@vector-im/compound-web";
+
+import SettingsStore from "../../../settings/SettingsStore";
+import { type ButtonEvent } from "../elements/AccessibleButton";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { useTypedEventEmitter } from "../../../hooks/useEventEmitter";
+import { _t } from "../../../languageHandler";
+import { useScopedRoomContext } from "../../../contexts/ScopedRoomContext.tsx";
+
+interface IProps {
+    name?: React.ComponentProps<typeof Avatar>["name"]; // The name (first initial used as default)
+    idName?: React.ComponentProps<typeof Avatar>["id"]; // ID for generating hash colours
+    title?: string; // onHover title text
+    url?: string | null; // highest priority of them all, shortcut to set in urls[0]
+    urls?: string[]; // [highest_priority, ... , lowest_priority]
+    type?: React.ComponentProps<typeof Avatar>["type"];
+    size: string;
+    onClick?: (ev: ButtonEvent) => void;
+    className?: string;
+    tabIndex?: number;
+    altText?: string;
+    role?: AriaRole;
+    ref?: Ref<HTMLElement>;
+}
+
+const calculateUrls = (url?: string | null, urls?: string[], lowBandwidth = false): string[] => {
+    // work out the full set of urls to try to load. This is formed like so:
+    // imageUrls: [ props.url, ...props.urls ]
+
+    let _urls: string[] = [];
+    if (!lowBandwidth) {
+        _urls = urls || [];
+
+        if (url) {
+            // copy urls and put url first
+            _urls = [url, ..._urls];
+        }
+    }
+
+    // deduplicate URLs
+    return Array.from(new Set(_urls));
+};
+
+const useImageUrl = ({ url, urls }: { url?: string | null; urls?: string[] }): [string, () => void] => {
+    // Since this is a hot code path and the settings store can be slow, we
+    // use the cached lowBandwidth value from the room context if it exists
+    const roomContext = useScopedRoomContext("lowBandwidth");
+    const lowBandwidth = roomContext?.lowBandwidth ?? SettingsStore.getValue("lowBandwidth");
+
+    const [imageUrls, setUrls] = useState<string[]>(calculateUrls(url, urls, lowBandwidth));
+    const [urlsIndex, setIndex] = useState<number>(0);
+
+    const onError = useCallback(() => {
+        setIndex((i) => i + 1); // try the next one
+    }, []);
+
+    useEffect(() => {
+        setUrls(calculateUrls(url, urls, lowBandwidth));
+        setIndex(0);
+    }, [url, JSON.stringify(urls)]); // eslint-disable-line react-hooks/exhaustive-deps
+
+    const cli = useContext(MatrixClientContext);
+    const onClientSync = useCallback((syncState: SyncState, prevState: SyncState | null) => {
+        // Consider the client reconnected if there is no error with syncing.
+        // This means the state could be RECONNECTING, SYNCING, PREPARED or CATCHUP.
+        const reconnected = syncState !== "ERROR" && prevState !== syncState;
+        if (reconnected) {
+            setIndex(0);
+        }
+    }, []);
+    useTypedEventEmitter(cli, ClientEvent.Sync, onClientSync);
+
+    const imageUrl = imageUrls[urlsIndex];
+    return [imageUrl, onError];
+};
+
+const BaseAvatar = (props: IProps): JSX.Element => {
+    const {
+        name,
+        idName,
+        title,
+        url,
+        urls,
+        size = "40px",
+        onClick,
+        className,
+        type = "round",
+        altText = _t("common|avatar"),
+        ref,
+        ...otherProps
+    } = props;
+
+    const [imageUrl, onError] = useImageUrl({ url, urls });
+
+    const extraProps: Partial<React.ComponentProps<typeof Avatar>> = {};
+
+    if (onClick) {
+        extraProps["aria-live"] = "off";
+        extraProps["role"] = "button";
+    } else if (!imageUrl) {
+        extraProps["role"] = "presentation";
+        extraProps["aria-label"] = undefined;
+    } else {
+        extraProps["role"] = undefined;
+    }
+
+    return (
+        <Avatar
+            ref={ref}
+            src={imageUrl}
+            id={idName ?? ""}
+            name={name ?? ""}
+            type={type}
+            size={size}
+            className={classNames("mx_BaseAvatar", className)}
+            aria-label={altText}
+            onError={onError}
+            title={title}
+            onClick={onClick}
+            {...extraProps}
+            {...otherProps}
+            data-testid="avatar-img"
+        />
+    );
+};
+
+export default BaseAvatar;
+export type BaseAvatarType = React.FC<IProps>;
diff --git a/apps/web/src/components/views/avatars/DecoratedRoomAvatar.tsx b/apps/web/src/components/views/avatars/DecoratedRoomAvatar.tsx
new file mode 100644
index 00000000000..e1e689384da
--- /dev/null
+++ b/apps/web/src/components/views/avatars/DecoratedRoomAvatar.tsx
@@ -0,0 +1,241 @@
+/*
+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 } from "react";
+import classNames from "classnames";
+import {
+    EventType,
+    JoinRule,
+    type MatrixEvent,
+    type Room,
+    RoomEvent,
+    type User,
+    UserEvent,
+} 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/NotificationBadge";
+import { RoomNotificationStateStore } from "../../../stores/notifications/RoomNotificationStateStore";
+import { type NotificationState } from "../../../stores/notifications/NotificationState";
+import { isPresenceEnabled } from "../../../utils/presence";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { _t } from "../../../languageHandler";
+import DMRoomMap from "../../../utils/DMRoomMap";
+import { type IOOBData } from "../../../stores/ThreepidInviteStore";
+import { getJoinedNonFunctionalMembers } from "../../../utils/room/getJoinedNonFunctionalMembers";
+
+interface IProps {
+    room: Room;
+    size: string;
+    displayBadge?: boolean;
+    /**
+     * If true, show nothing if the notification would only cause a dot to be shown rather than
+     * a badge. That is: only display badges and not dots. Default: false.
+     */
+    hideIfDot?: boolean;
+    oobData?: IOOBData;
+    viewAvatarOnClick?: boolean;
+    tooltipProps?: {
+        tabIndex?: number;
+    };
+    className?: string;
+}
+
+interface IState {
+    notificationState?: NotificationState;
+    icon: Icon;
+}
+
+const BUSY_PRESENCE_NAME = new UnstableValue("busy", "org.matrix.msc3026.busy");
+
+enum Icon {
+    // Note: the names here are used in CSS class names
+    None = "NONE", // ... except this one
+    Globe = "GLOBE",
+    PresenceOnline = "ONLINE",
+    PresenceAway = "AWAY",
+    PresenceOffline = "OFFLINE",
+    PresenceBusy = "BUSY",
+}
+
+function tooltipText(variant: Icon): string | undefined {
+    switch (variant) {
+        case Icon.Globe:
+            return _t("room|header|room_is_public");
+        case Icon.PresenceOnline:
+            return _t("presence|online");
+        case Icon.PresenceAway:
+            return _t("presence|away");
+        case Icon.PresenceOffline:
+            return _t("presence|offline");
+        case Icon.PresenceBusy:
+            return _t("presence|busy");
+    }
+}
+
+/**
+ * @deprecated Use {@link RoomAvatarView} instead.
+ */
+export default class DecoratedRoomAvatar extends React.PureComponent<IProps, IState> {
+    private _dmUser: User | null = null;
+    private isUnmounted = false;
+    private isWatchingTimeline = false;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            notificationState: RoomNotificationStateStore.instance.getRoomState(this.props.room),
+            icon: this.calculateIcon(),
+        };
+    }
+
+    public componentWillUnmount(): void {
+        this.isUnmounted = true;
+        if (this.isWatchingTimeline) this.props.room.off(RoomEvent.Timeline, this.onRoomTimeline);
+        this.dmUser = null; // clear listeners, if any
+    }
+
+    private get isPublicRoom(): boolean {
+        return this.props.room.getJoinRule() === JoinRule.Public;
+    }
+
+    private get dmUser(): User | null {
+        return this._dmUser;
+    }
+
+    private set dmUser(val: User | null) {
+        const oldUser = this._dmUser;
+        this._dmUser = val;
+        if (oldUser && oldUser !== this._dmUser) {
+            oldUser.off(UserEvent.CurrentlyActive, this.onPresenceUpdate);
+            oldUser.off(UserEvent.Presence, this.onPresenceUpdate);
+        }
+        if (this._dmUser && oldUser !== this._dmUser) {
+            this._dmUser.on(UserEvent.CurrentlyActive, this.onPresenceUpdate);
+            this._dmUser.on(UserEvent.Presence, this.onPresenceUpdate);
+        }
+    }
+
+    private onRoomTimeline = (ev: MatrixEvent, room?: Room): void => {
+        if (this.isUnmounted) return;
+        if (this.props.room.roomId !== room?.roomId) return;
+
+        if (ev.getType() === EventType.RoomJoinRules || ev.getType() === EventType.RoomMember) {
+            const newIcon = this.calculateIcon();
+            if (newIcon !== this.state.icon) {
+                this.setState({ icon: newIcon });
+            }
+        }
+    };
+
+    private onPresenceUpdate = (): void => {
+        if (this.isUnmounted) return;
+
+        const newIcon = this.getPresenceIcon();
+        if (newIcon !== this.state.icon) this.setState({ icon: newIcon });
+    };
+
+    private getPresenceIcon(): Icon {
+        if (!this.dmUser) return Icon.None;
+
+        let icon = Icon.None;
+
+        const isOnline = this.dmUser.currentlyActive || this.dmUser.presence === "online";
+        if (BUSY_PRESENCE_NAME.matches(this.dmUser.presence)) {
+            icon = Icon.PresenceBusy;
+        } else if (isOnline) {
+            icon = Icon.PresenceOnline;
+        } else if (this.dmUser.presence === "offline") {
+            icon = Icon.PresenceOffline;
+        } else if (this.dmUser.presence === "unavailable") {
+            icon = Icon.PresenceAway;
+        }
+
+        return icon;
+    }
+
+    private calculateIcon(): Icon {
+        let icon = Icon.None;
+
+        // We look at the DMRoomMap and not the tag here so that we don't exclude DMs in Favourites
+        const otherUserId = DMRoomMap.shared().getUserIdForRoomId(this.props.room.roomId);
+        if (otherUserId && getJoinedNonFunctionalMembers(this.props.room).length === 2) {
+            // Track presence, if available
+            if (isPresenceEnabled(this.props.room.client)) {
+                this.dmUser = MatrixClientPeg.safeGet().getUser(otherUserId);
+                icon = this.getPresenceIcon();
+            }
+        } else {
+            // Track publicity
+            icon = this.isPublicRoom ? Icon.Globe : Icon.None;
+            if (!this.isWatchingTimeline) {
+                this.props.room.on(RoomEvent.Timeline, this.onRoomTimeline);
+                this.isWatchingTimeline = true;
+            }
+        }
+        return icon;
+    }
+
+    public render(): React.ReactNode {
+        // Spread the remaining props to make it work with compound component
+        const { room, size, displayBadge, hideIfDot, oobData, viewAvatarOnClick, tooltipProps, className, ...props } =
+            this.props;
+
+        let badge: React.ReactNode;
+        if (this.props.displayBadge && this.state.notificationState) {
+            badge = (
+                <NotificationBadge
+                    notification={this.state.notificationState}
+                    hideIfDot={this.props.hideIfDot}
+                    className="mx_DecoratedRoomAvatar_notificationBadge"
+                />
+            );
+        }
+
+        let icon: JSX.Element | undefined;
+        if (this.state.icon !== Icon.None) {
+            icon = (
+                <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,
+            },
+            className,
+        );
+
+        return (
+            <div className={classes} {...props}>
+                <RoomAvatar
+                    room={this.props.room}
+                    size={this.props.size}
+                    oobData={this.props.oobData}
+                    viewAvatarOnClick={this.props.viewAvatarOnClick}
+                />
+                {icon && (
+                    <Tooltip label={tooltipText(this.state.icon)!} placement="bottom">
+                        {icon}
+                    </Tooltip>
+                )}
+                {badge}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/avatars/MemberAvatar.tsx b/apps/web/src/components/views/avatars/MemberAvatar.tsx
new file mode 100644
index 00000000000..a62594f0389
--- /dev/null
+++ b/apps/web/src/components/views/avatars/MemberAvatar.tsx
@@ -0,0 +1,102 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2022 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+import React, { type JSX, type ReactNode, type Ref, useContext } from "react";
+import { type RoomMember, type ResizeMethod } from "matrix-js-sdk/src/matrix";
+
+import dis from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import BaseAvatar from "./BaseAvatar";
+import { mediaFromMxc } from "../../../customisations/Media";
+import { CardContext } from "../right_panel/context";
+import UserIdentifierCustomisations from "../../../customisations/UserIdentifier";
+import { useRoomMemberProfile } from "../../../hooks/room/useRoomMemberProfile";
+import { _t } from "../../../languageHandler";
+import MatrixClientContext from "../../../contexts/MatrixClientContext.tsx";
+
+interface IProps extends Omit<React.ComponentProps<typeof BaseAvatar>, "name" | "idName" | "url"> {
+    member: RoomMember | null;
+    fallbackUserId?: string;
+    size: string;
+    resizeMethod?: ResizeMethod;
+    // Whether the onClick of the avatar should be overridden to dispatch `Action.ViewUser`
+    viewUserOnClick?: boolean;
+    pushUserOnClick?: boolean;
+    title?: string;
+    style?: any;
+    forceHistorical?: boolean; // true to deny `useOnlyCurrentProfiles` usage. Default false.
+    hideTitle?: boolean;
+    children?: ReactNode;
+    ref?: Ref<HTMLElement>;
+}
+
+export default function MemberAvatar({
+    size,
+    resizeMethod = "crop",
+    viewUserOnClick,
+    forceHistorical,
+    fallbackUserId,
+    hideTitle,
+    member: propsMember,
+    ref,
+    ...props
+}: IProps): JSX.Element {
+    const cli = useContext(MatrixClientContext);
+    const card = useContext(CardContext);
+
+    const member = useRoomMemberProfile({
+        userId: propsMember?.userId,
+        member: propsMember,
+        forceHistorical: forceHistorical,
+    });
+
+    const name = member?.name ?? fallbackUserId;
+    let title: string | undefined = props.title;
+    let imageUrl: string | null | undefined;
+    if (member?.name) {
+        if (member.getMxcAvatarUrl()) {
+            imageUrl = mediaFromMxc(member.getMxcAvatarUrl() ?? "", cli).getThumbnailOfSourceHttp(
+                parseInt(size, 10),
+                parseInt(size, 10),
+                resizeMethod,
+            );
+        }
+
+        if (!title) {
+            title =
+                UserIdentifierCustomisations.getDisplayUserIdentifier(member?.userId ?? "", {
+                    roomId: member?.roomId ?? "",
+                }) ?? fallbackUserId;
+        }
+    }
+
+    return (
+        <BaseAvatar
+            {...props}
+            size={size}
+            name={name ?? ""}
+            title={hideTitle ? undefined : title}
+            idName={member?.userId ?? fallbackUserId}
+            url={imageUrl}
+            onClick={
+                viewUserOnClick
+                    ? () => {
+                          dis.dispatch({
+                              action: Action.ViewUser,
+                              member: propsMember,
+                              push: card.isCard,
+                          });
+                      }
+                    : props.onClick
+            }
+            altText={_t("common|user_avatar")}
+            ref={ref}
+        />
+    );
+}
diff --git a/apps/web/src/components/views/avatars/RoomAvatar.tsx b/apps/web/src/components/views/avatars/RoomAvatar.tsx
new file mode 100644
index 00000000000..d7e9c126a6d
--- /dev/null
+++ b/apps/web/src/components/views/avatars/RoomAvatar.tsx
@@ -0,0 +1,99 @@
+/*
+Copyright 2024, 2025 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.
+*/
+
+import React, { useCallback, useMemo, type ComponentProps } from "react";
+import { type Room, RoomType, KnownMembership, EventType, RoomEvent } from "matrix-js-sdk/src/matrix";
+import { type RoomAvatarEventContent } from "matrix-js-sdk/src/types";
+
+import BaseAvatar from "./BaseAvatar";
+import ImageView from "../elements/ImageView";
+import Modal from "../../../Modal";
+import * as Avatar from "../../../Avatar";
+import { mediaFromMxc } from "../../../customisations/Media";
+import { type IOOBData } from "../../../stores/ThreepidInviteStore";
+import { filterBoolean } from "../../../utils/arrays";
+import { useSettingValue } from "../../../hooks/useSettings";
+import { useRoomState } from "../../../hooks/useRoomState";
+import { useRoomIdName } from "../../../hooks/room/useRoomIdName";
+import { MediaPreviewValue } from "../../../@types/media_preview";
+import { useTypedEventEmitterState } from "../../../hooks/useEventEmitter";
+
+interface IProps extends Omit<ComponentProps<typeof BaseAvatar>, "name" | "idName" | "url" | "onClick" | "size"> {
+    // Room may be left unset here, but if it is,
+    // oobData.avatarUrl should be set (else there
+    // would be nowhere to get the avatar from)
+    room?: Room;
+    // Optional here.
+    size?: ComponentProps<typeof BaseAvatar>["size"];
+    oobData?: IOOBData & {
+        roomId?: string;
+    };
+    viewAvatarOnClick?: boolean;
+    onClick?(this: void): void;
+}
+
+const RoomAvatar: React.FC<IProps> = ({ room, viewAvatarOnClick, onClick, oobData, size = "36px", ...otherProps }) => {
+    const name = useTypedEventEmitterState(room, RoomEvent.Name, () => room?.name);
+    const roomName = name ?? oobData?.name ?? "?";
+    const avatarEvent = useRoomState(room, (state) => state.getStateEvents(EventType.RoomAvatar, ""));
+    const roomIdName = useRoomIdName(room, oobData);
+
+    const showAvatarsOnInvites =
+        useSettingValue("mediaPreviewConfig", room?.roomId).invite_avatars === MediaPreviewValue.On;
+
+    const onRoomAvatarClick = useCallback(() => {
+        const avatarUrl = Avatar.avatarUrlForRoom(room ?? null);
+        if (!avatarUrl) return;
+        const params = {
+            src: avatarUrl,
+            name: room?.name,
+        };
+
+        Modal.createDialog(ImageView, params, "mx_Dialog_lightbox", undefined, true);
+    }, [room]);
+
+    const urls = useMemo(() => {
+        const myMembership = room?.getMyMembership();
+        if (!showAvatarsOnInvites && (myMembership === KnownMembership.Invite || !myMembership)) {
+            // The user has opted out of showing avatars, so return no urls here.
+            return [];
+        }
+
+        // parseInt ignores suffixes.
+        const sizeInt = parseInt(size, 10);
+        let oobAvatar: string | null = null;
+        if (oobData?.avatarUrl) {
+            oobAvatar = mediaFromMxc(oobData?.avatarUrl).getThumbnailOfSourceHttp(sizeInt, sizeInt, "crop");
+        }
+
+        return filterBoolean([
+            oobAvatar, // highest priority
+            Avatar.avatarUrlForRoom(
+                room ?? null,
+                sizeInt,
+                sizeInt,
+                "crop",
+                avatarEvent?.getContent<RoomAvatarEventContent>().url,
+            ),
+        ]);
+    }, [showAvatarsOnInvites, room, size, avatarEvent, oobData]);
+
+    return (
+        <BaseAvatar
+            {...otherProps}
+            size={size}
+            type={(room?.getType() ?? oobData?.roomType) === RoomType.Space ? "square" : "round"}
+            name={roomName}
+            idName={roomIdName}
+            urls={urls}
+            onClick={viewAvatarOnClick && urls[0] ? onRoomAvatarClick : onClick}
+        />
+    );
+};
+
+export default RoomAvatar;
diff --git a/apps/web/src/components/views/avatars/RoomAvatarView.tsx b/apps/web/src/components/views/avatars/RoomAvatarView.tsx
new file mode 100644
index 00000000000..5fb25f8908e
--- /dev/null
+++ b/apps/web/src/components/views/avatars/RoomAvatarView.tsx
@@ -0,0 +1,175 @@
+/*
+ * 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, { memo, type JSX } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import PublicIcon from "@vector-im/compound-design-tokens/assets/web/icons/public";
+import VideoIcon from "@vector-im/compound-design-tokens/assets/web/icons/video-call-solid";
+import ArrowDownIcon from "@vector-im/compound-design-tokens/assets/web/icons/arrow-down";
+import OnlineOrUnavailableIcon from "@vector-im/compound-design-tokens/assets/web/icons/presence-solid-8x8";
+import OfflineIcon from "@vector-im/compound-design-tokens/assets/web/icons/presence-outline-8x8";
+import BusyIcon from "@vector-im/compound-design-tokens/assets/web/icons/presence-strikethrough-8x8";
+import classNames from "classnames";
+import { Tooltip } from "@vector-im/compound-web";
+import { Flex } from "@element-hq/web-shared-components";
+
+import RoomAvatar from "./RoomAvatar";
+import { AvatarBadgeDecoration, useRoomAvatarViewModel } from "../../viewmodels/avatars/RoomAvatarViewModel";
+import { _t } from "../../../languageHandler";
+import { Presence } from "./WithPresenceIndicator";
+
+interface RoomAvatarViewProps {
+    /**
+     * The room to display the avatar for.
+     */
+    room: Room;
+}
+
+/**
+ * Component to display the avatar of a room.
+ * Currently only 32px size is supported.
+ */
+export const RoomAvatarView = memo(function RoomAvatarView({ room }: RoomAvatarViewProps): JSX.Element {
+    const vm = useRoomAvatarViewModel(room);
+    // No decoration, we just show the avatar
+    if (!vm.badgeDecoration) return <RoomAvatar size="32px" room={room} />;
+
+    const icon = getAvatarDecoration(vm.badgeDecoration, vm.presence);
+    const label = getDecorationLabel(vm.badgeDecoration, vm.presence);
+
+    // Presence indicator and video/public icons don't have the same size
+    // We use different masks
+    const maskClass =
+        vm.badgeDecoration === AvatarBadgeDecoration.Presence
+            ? "mx_RoomAvatarView_RoomAvatar_presence"
+            : "mx_RoomAvatarView_RoomAvatar_icon";
+
+    return (
+        <Flex className="mx_RoomAvatarView">
+            <RoomAvatar className={classNames("mx_RoomAvatarView_RoomAvatar", maskClass)} size="32px" room={room} />
+            {label ? <Tooltip label={label}>{icon}</Tooltip> : icon}
+        </Flex>
+    );
+});
+
+/**
+ * Get the decoration for the avatar based on the presence.
+ */
+function getPresenceDecoration(presence: Presence): JSX.Element {
+    switch (presence) {
+        case Presence.Online:
+            return (
+                <OnlineOrUnavailableIcon
+                    width="8px"
+                    height="8px"
+                    className="mx_RoomAvatarView_PresenceDecoration"
+                    color="var(--cpd-color-icon-accent-primary)"
+                    aria-label={getPresenceLabel(presence)}
+                />
+            );
+        case Presence.Away:
+            return (
+                <OnlineOrUnavailableIcon
+                    width="8px"
+                    height="8px"
+                    className="mx_RoomAvatarView_PresenceDecoration"
+                    color="var(--cpd-color-icon-quaternary)"
+                    aria-label={getPresenceLabel(presence)}
+                />
+            );
+        case Presence.Offline:
+            return (
+                <OfflineIcon
+                    width="8px"
+                    height="8px"
+                    className="mx_RoomAvatarView_PresenceDecoration"
+                    color="var(--cpd-color-icon-tertiary)"
+                    aria-label={getPresenceLabel(presence)}
+                />
+            );
+        case Presence.Busy:
+            return (
+                <BusyIcon
+                    width="8px"
+                    height="8px"
+                    className="mx_RoomAvatarView_PresenceDecoration"
+                    color="var(--cpd-color-icon-tertiary)"
+                    aria-label={getPresenceLabel(presence)}
+                />
+            );
+    }
+}
+
+function getAvatarDecoration(decoration: AvatarBadgeDecoration, presence: Presence | null): React.ReactNode {
+    if (decoration === AvatarBadgeDecoration.LowPriority) {
+        return (
+            <ArrowDownIcon
+                width="16px"
+                height="16px"
+                className="mx_RoomAvatarView_icon"
+                color="var(--cpd-color-icon-tertiary)"
+                aria-label={getDecorationLabel(decoration, presence)}
+            />
+        );
+    } else if (decoration === AvatarBadgeDecoration.VideoRoom) {
+        return (
+            <VideoIcon
+                width="16px"
+                height="16px"
+                className="mx_RoomAvatarView_icon"
+                color="var(--cpd-color-icon-tertiary)"
+                aria-label={getDecorationLabel(decoration, presence)}
+            />
+        );
+    } else if (decoration === AvatarBadgeDecoration.PublicRoom) {
+        return (
+            <PublicIcon
+                width="16px"
+                height="16px"
+                className="mx_RoomAvatarView_icon"
+                color="var(--cpd-color-icon-info-primary)"
+                aria-label={getDecorationLabel(decoration, presence)}
+            />
+        );
+    } else if (decoration === AvatarBadgeDecoration.Presence) {
+        return getPresenceDecoration(presence!);
+    }
+}
+
+/**
+ * Get the label for the avatar decoration.
+ * This is used for the tooltip and a11y label.
+ */
+function getDecorationLabel(decoration: AvatarBadgeDecoration, presence: Presence | null): string | undefined {
+    switch (decoration) {
+        case AvatarBadgeDecoration.LowPriority:
+            return _t("room|room_is_low_priority");
+        case AvatarBadgeDecoration.VideoRoom:
+            return _t("room|video_room");
+        case AvatarBadgeDecoration.PublicRoom:
+            return _t("room|header|room_is_public");
+        case AvatarBadgeDecoration.Presence:
+            return getPresenceLabel(presence!);
+    }
+}
+
+/**
+ * Get the label for the presence.
+ * This is used for the tooltip and a11y label.
+ */
+function getPresenceLabel(presence: Presence): string {
+    switch (presence) {
+        case Presence.Online:
+            return _t("presence|online");
+        case Presence.Away:
+            return _t("presence|away");
+        case Presence.Offline:
+            return _t("presence|offline");
+        case Presence.Busy:
+            return _t("presence|busy");
+    }
+}
diff --git a/apps/web/src/components/views/avatars/SearchResultAvatar.tsx b/apps/web/src/components/views/avatars/SearchResultAvatar.tsx
new file mode 100644
index 00000000000..45c85717d2f
--- /dev/null
+++ b/apps/web/src/components/views/avatars/SearchResultAvatar.tsx
@@ -0,0 +1,48 @@
+/*
+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 JSX } from "react";
+import { type RoomMember } from "matrix-js-sdk/src/matrix";
+
+import emailPillAvatar from "../../../../res/img/icon-email-pill-avatar.svg";
+import { mediaFromMxc } from "../../../customisations/Media";
+import { type Member, type ThreepidMember } from "../../../utils/direct-messages";
+import BaseAvatar from "./BaseAvatar";
+
+interface SearchResultAvatarProps {
+    user: Member | RoomMember;
+    size: string;
+}
+
+export function SearchResultAvatar({ user, size }: SearchResultAvatarProps): JSX.Element {
+    if ((user as ThreepidMember).isEmail) {
+        // we can’t show a real avatar here, but we try to create the exact same markup that a real avatar would have
+        // BaseAvatar makes the avatar, if it's not clickable but just for decoration, invisible to screenreaders by
+        // specifically setting an empty alt text, so we do the same.
+        return (
+            <img
+                className="mx_SearchResultAvatar mx_SearchResultAvatar_threepidAvatar"
+                alt=""
+                src={emailPillAvatar}
+                width={size}
+                height={size}
+            />
+        );
+    } else {
+        const avatarUrl = user.getMxcAvatarUrl();
+        return (
+            <BaseAvatar
+                className="mx_SearchResultAvatar"
+                url={avatarUrl ? mediaFromMxc(avatarUrl).getSquareThumbnailHttp(parseInt(size, 10)) : null}
+                name={user.name}
+                idName={user.userId}
+                size={size}
+            />
+        );
+    }
+}
diff --git a/apps/web/src/components/views/avatars/WidgetAvatar.tsx b/apps/web/src/components/views/avatars/WidgetAvatar.tsx
new file mode 100644
index 00000000000..68f4221e5c2
--- /dev/null
+++ b/apps/web/src/components/views/avatars/WidgetAvatar.tsx
@@ -0,0 +1,55 @@
+/*
+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 ComponentProps } from "react";
+import { type IWidget } from "matrix-widget-api";
+import classNames from "classnames";
+
+import { type IApp, isAppWidget } from "../../../stores/WidgetStore";
+import BaseAvatar, { type BaseAvatarType } from "./BaseAvatar";
+import { mediaFromMxc } from "../../../customisations/Media";
+import DefaultAppSvg from "../../../../res/img/element-icons/room/default_app.svg";
+import DefaultVideoSvg from "../../../../res/img/element-icons/room/default_video.svg";
+import DefaultCalSvg from "../../../../res/img/element-icons/room/default_cal.svg";
+import DefaultDocSvg from "../../../../res/img/element-icons/room/default_doc.svg";
+import DefaultClockSvg from "../../../../res/img/element-icons/room/default_clock.svg";
+
+interface IProps extends Omit<ComponentProps<BaseAvatarType>, "name" | "url" | "urls"> {
+    app: IApp | IWidget;
+    size: string;
+}
+
+const WidgetAvatar: React.FC<IProps> = ({ app, className, size = "20px", ...props }) => {
+    let iconUrl = DefaultAppSvg;
+    // heuristics for some better icons until Widgets support their own icons
+    if (app.type.includes("jitsi")) {
+        iconUrl = DefaultVideoSvg;
+    } else if (app.type.includes("meeting") || app.type.includes("calendar")) {
+        iconUrl = DefaultCalSvg;
+    } else if (app.type.includes("pad") || app.type.includes("doc") || app.type.includes("calc")) {
+        iconUrl = DefaultDocSvg;
+    } else if (app.type.includes("clock")) {
+        iconUrl = DefaultClockSvg;
+    }
+
+    return (
+        <BaseAvatar
+            {...props}
+            // Span elements cannot have a label
+            role="img"
+            name={app.id}
+            className={classNames("mx_WidgetAvatar", className)}
+            // MSC2765
+            url={isAppWidget(app) && app.avatar_url ? mediaFromMxc(app.avatar_url).getSquareThumbnailHttp(20) : null}
+            urls={[iconUrl]}
+            size={size}
+        />
+    );
+};
+
+export default WidgetAvatar;
diff --git a/apps/web/src/components/views/avatars/WithPresenceIndicator.tsx b/apps/web/src/components/views/avatars/WithPresenceIndicator.tsx
new file mode 100644
index 00000000000..92b93adb4ec
--- /dev/null
+++ b/apps/web/src/components/views/avatars/WithPresenceIndicator.tsx
@@ -0,0 +1,124 @@
+/*
+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.
+*/
+
+import React, { type JSX, type ReactNode, useEffect, useState } from "react";
+import {
+    ClientEvent,
+    type Room,
+    type RoomMember,
+    RoomStateEvent,
+    type User,
+    UserEvent,
+} from "matrix-js-sdk/src/matrix";
+
+import { isPresenceEnabled } from "../../../utils/presence";
+import DMRoomMap from "../../../utils/DMRoomMap";
+import { getJoinedNonFunctionalMembers } from "../../../utils/room/getJoinedNonFunctionalMembers";
+import { useEventEmitter } from "../../../hooks/useEventEmitter";
+import { BUSY_PRESENCE_NAME } from "../rooms/PresenceLabel";
+import AvatarPresenceIconView from "../rooms/MemberList/tiles/common/PresenceIconView";
+
+interface Props {
+    room: Room;
+    children: ReactNode;
+}
+
+export enum Presence {
+    // This class used to have its own presence indicator and has been
+    // updated to use the new one so presence colours / icons match across the app.
+    // These values are the ones from the wire that PresenceIconView expects,
+    // but really some of the logic here could be deduplicated.
+    Online = "online",
+    Away = "unavailable",
+    Offline = "offline",
+    Busy = "busy",
+}
+
+function getDmMember(room: Room): RoomMember | null {
+    const otherUserId = DMRoomMap.shared().getUserIdForRoomId(room.roomId);
+    return otherUserId ? room.getMember(otherUserId) : null;
+}
+
+export const useDmMember = (room?: Room): RoomMember | null => {
+    const [dmMember, setDmMember] = useState<RoomMember | null>(room ? getDmMember(room) : null);
+    const updateDmMember = (): void => {
+        setDmMember(room ? getDmMember(room) : null);
+    };
+
+    useEventEmitter(room?.currentState, RoomStateEvent.Members, updateDmMember);
+    useEventEmitter(room?.client, ClientEvent.AccountData, updateDmMember);
+    useEffect(updateDmMember, [room]);
+
+    return dmMember;
+};
+
+function getPresenceFromUser(user: User | null | undefined): Presence | null {
+    if (!user) return null;
+
+    const presence = user.presence;
+    const isOnline = user.currentlyActive || presence === "online";
+    if (BUSY_PRESENCE_NAME.matches(presence)) {
+        return Presence.Busy;
+    }
+    if (isOnline) {
+        return Presence.Online;
+    }
+    if (presence === "offline") {
+        return Presence.Offline;
+    }
+    if (presence === "unavailable") {
+        return Presence.Away;
+    }
+
+    return null;
+}
+
+function getPresence(room: Room, member: RoomMember | null): Presence | null {
+    // Fall back to client.getUser() when member.user is not yet linked during initial sync
+    const user = member?.user ?? (member ? room.client.getUser(member.userId) : null);
+    return getPresenceFromUser(user);
+}
+
+export const usePresence = (room: Room, member: RoomMember | null): Presence | null => {
+    const [presence, setPresence] = useState<Presence | null>(getPresence(room, member));
+    const updatePresence = (): void => {
+        setPresence(getPresence(room, member));
+    };
+
+    useEventEmitter(member?.user, UserEvent.Presence, updatePresence);
+    useEventEmitter(member?.user, UserEvent.CurrentlyActive, updatePresence);
+    // Also listen at client level to catch presence events when member.user is not yet linked
+    useEventEmitter(room.client, UserEvent.Presence, (_event: unknown, user: User) => {
+        if (user?.userId === member?.userId) updatePresence();
+    });
+    useEffect(updatePresence, [room, member]);
+
+    if (getJoinedNonFunctionalMembers(room).length !== 2 || !isPresenceEnabled(room.client)) return null;
+    return presence;
+};
+
+const WithPresenceIndicator: React.FC<Props> = ({ room, children }) => {
+    const dmMember = useDmMember(room);
+    const presence = usePresence(room, dmMember);
+
+    let icon: JSX.Element | undefined;
+    if (presence) {
+        icon = <AvatarPresenceIconView presenceState={presence} />;
+    }
+
+    if (!presence) return <>{children}</>;
+
+    return (
+        <div className="mx_WithPresenceIndicator">
+            {children}
+            <div className="mx_WithPresenceIndicator_icon">{icon}</div>
+        </div>
+    );
+};
+
+export default WithPresenceIndicator;
diff --git a/apps/web/src/components/views/beacon/BeaconListItem.tsx b/apps/web/src/components/views/beacon/BeaconListItem.tsx
new file mode 100644
index 00000000000..f86256d4496
--- /dev/null
+++ b/apps/web/src/components/views/beacon/BeaconListItem.tsx
@@ -0,0 +1,74 @@
+/*
+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 HTMLProps, useContext } from "react";
+import { type Beacon, BeaconEvent, LocationAssetType } from "matrix-js-sdk/src/matrix";
+import { humanizeTime } from "@element-hq/web-shared-components";
+
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { useEventEmitterState } from "../../../hooks/useEventEmitter";
+import { preventDefaultWrapper } from "../../../utils/NativeEventUtils";
+import { _t } from "../../../languageHandler";
+import MemberAvatar from "../avatars/MemberAvatar";
+import BeaconStatus from "./BeaconStatus";
+import { BeaconDisplayStatus } from "./displayStatus";
+import StyledLiveBeaconIcon from "./StyledLiveBeaconIcon";
+import ShareLatestLocation from "./ShareLatestLocation";
+
+interface Props {
+    beacon: Beacon;
+}
+
+const BeaconListItem: React.FC<Props & HTMLProps<HTMLLIElement>> = ({ beacon, ...rest }) => {
+    const latestLocationState = useEventEmitterState(
+        beacon,
+        BeaconEvent.LocationUpdate,
+        () => beacon.latestLocationState,
+    );
+    const matrixClient = useContext(MatrixClientContext);
+    const room = matrixClient.getRoom(beacon.roomId);
+
+    if (!latestLocationState || !beacon.isLive || !room) {
+        return null;
+    }
+
+    const isSelfLocation = beacon.beaconInfo?.assetType === LocationAssetType.Self;
+    const beaconMember = isSelfLocation ? room.getMember(beacon.beaconInfoOwner) : null;
+
+    const humanizedUpdateTime = (latestLocationState.timestamp && humanizeTime(latestLocationState.timestamp)) || "";
+
+    return (
+        <li className="mx_BeaconListItem" {...rest}>
+            {isSelfLocation ? (
+                <MemberAvatar className="mx_BeaconListItem_avatar" member={beaconMember} size="32px" />
+            ) : (
+                <StyledLiveBeaconIcon className="mx_BeaconListItem_avatarIcon" />
+            )}
+            <div className="mx_BeaconListItem_info">
+                <BeaconStatus
+                    className="mx_BeaconListItem_status"
+                    beacon={beacon}
+                    label={beaconMember?.name || beacon.beaconInfo?.description || beacon.beaconInfoOwner}
+                    displayStatus={BeaconDisplayStatus.Active}
+                >
+                    {/* eat events from interactive share buttons
+                so parent click handlers are not triggered */}
+                    {/* oxlint-disable-next-line jsx-a11y/click-events-have-key-events */}
+                    <div className="mx_BeaconListItem_interactions" onClick={preventDefaultWrapper(() => {})}>
+                        <ShareLatestLocation latestLocationState={latestLocationState} />
+                    </div>
+                </BeaconStatus>
+                <span className="mx_BeaconListItem_lastUpdated">
+                    {_t("location_sharing|live_update_time", { humanizedUpdateTime })}
+                </span>
+            </div>
+        </li>
+    );
+};
+
+export default BeaconListItem;
diff --git a/apps/web/src/components/views/beacon/BeaconMarker.tsx b/apps/web/src/components/views/beacon/BeaconMarker.tsx
new file mode 100644
index 00000000000..262901233b2
--- /dev/null
+++ b/apps/web/src/components/views/beacon/BeaconMarker.tsx
@@ -0,0 +1,58 @@
+/*
+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 ReactNode, useContext } from "react";
+import { type Beacon, BeaconEvent, LocationAssetType } from "matrix-js-sdk/src/matrix";
+
+import type * as maplibregl from "maplibre-gl";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { useEventEmitterState } from "../../../hooks/useEventEmitter";
+import { SmartMarker } from "../location";
+
+interface Props {
+    map: maplibregl.Map;
+    beacon: Beacon;
+    tooltip?: ReactNode;
+}
+
+/**
+ * Updates a map SmartMarker with latest location from given beacon
+ */
+const BeaconMarker: React.FC<Props> = ({ map, beacon, tooltip }) => {
+    const latestLocationState = useEventEmitterState(
+        beacon,
+        BeaconEvent.LocationUpdate,
+        () => beacon.latestLocationState,
+    );
+    const matrixClient = useContext(MatrixClientContext);
+    const room = matrixClient.getRoom(beacon.roomId);
+
+    if (!latestLocationState || !beacon.isLive) {
+        return null;
+    }
+
+    const geoUri = latestLocationState.uri || "";
+
+    const assetTypeIsSelf = beacon.beaconInfo?.assetType === LocationAssetType.Self;
+    const _member = room?.getMember(beacon.beaconInfoOwner);
+
+    const markerRoomMember = assetTypeIsSelf && _member ? _member : undefined;
+
+    return (
+        <SmartMarker
+            map={map}
+            id={beacon.identifier}
+            geoUri={geoUri}
+            roomMember={markerRoomMember}
+            tooltip={tooltip}
+            useMemberColor
+        />
+    );
+};
+
+export default BeaconMarker;
diff --git a/apps/web/src/components/views/beacon/BeaconStatus.tsx b/apps/web/src/components/views/beacon/BeaconStatus.tsx
new file mode 100644
index 00000000000..0b328b08369
--- /dev/null
+++ b/apps/web/src/components/views/beacon/BeaconStatus.tsx
@@ -0,0 +1,86 @@
+/*
+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 HTMLProps } from "react";
+import classNames from "classnames";
+import { type Beacon } from "matrix-js-sdk/src/matrix";
+
+import StyledLiveBeaconIcon from "./StyledLiveBeaconIcon";
+import { _t } from "../../../languageHandler";
+import LiveTimeRemaining from "./LiveTimeRemaining";
+import { BeaconDisplayStatus } from "./displayStatus";
+import { getBeaconExpiryTimestamp } from "../../../utils/beacon";
+import { formatTime } from "../../../DateUtils";
+
+interface Props {
+    displayStatus: BeaconDisplayStatus;
+    displayLiveTimeRemaining?: boolean;
+    withIcon?: boolean;
+    beacon?: Beacon;
+    label?: string;
+}
+
+const BeaconExpiryTime: React.FC<{ beacon: Beacon }> = ({ beacon }) => {
+    const expiryTime = formatTime(new Date(getBeaconExpiryTimestamp(beacon)));
+    return <span className="mx_BeaconStatus_expiryTime">{_t("location_sharing|live_until", { expiryTime })}</span>;
+};
+
+const BeaconStatus: React.FC<Props & HTMLProps<HTMLDivElement>> = ({
+    beacon,
+    displayStatus,
+    displayLiveTimeRemaining,
+    label,
+    className,
+    children,
+    withIcon,
+    ...rest
+}) => {
+    const isIdle = displayStatus === BeaconDisplayStatus.Loading || displayStatus === BeaconDisplayStatus.Stopped;
+
+    return (
+        <div {...rest} className={classNames("mx_BeaconStatus", `mx_BeaconStatus_${displayStatus}`, className)}>
+            {withIcon && (
+                <StyledLiveBeaconIcon
+                    className="mx_BeaconStatus_icon"
+                    withError={displayStatus === BeaconDisplayStatus.Error}
+                    isIdle={isIdle}
+                />
+            )}
+            <div className="mx_BeaconStatus_description">
+                {displayStatus === BeaconDisplayStatus.Loading && (
+                    <span className="mx_BeaconStatus_description_status">
+                        {_t("location_sharing|loading_live_location")}
+                    </span>
+                )}
+                {displayStatus === BeaconDisplayStatus.Stopped && (
+                    <span className="mx_BeaconStatus_description_status">
+                        {_t("location_sharing|live_location_ended")}
+                    </span>
+                )}
+                {displayStatus === BeaconDisplayStatus.Error && (
+                    <span className="mx_BeaconStatus_description_status">
+                        {_t("location_sharing|live_location_error")}
+                    </span>
+                )}
+                {displayStatus === BeaconDisplayStatus.Active && beacon && (
+                    <>
+                        <span className="mx_BeaconStatus_label">{label}</span>
+                        {displayLiveTimeRemaining ? (
+                            <LiveTimeRemaining beacon={beacon} />
+                        ) : (
+                            <BeaconExpiryTime beacon={beacon} />
+                        )}
+                    </>
+                )}
+            </div>
+            {children}
+        </div>
+    );
+};
+
+export default BeaconStatus;
diff --git a/apps/web/src/components/views/beacon/BeaconStatusTooltip.tsx b/apps/web/src/components/views/beacon/BeaconStatusTooltip.tsx
new file mode 100644
index 00000000000..eb8a76f1c1f
--- /dev/null
+++ b/apps/web/src/components/views/beacon/BeaconStatusTooltip.tsx
@@ -0,0 +1,51 @@
+/*
+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, { useContext } from "react";
+import { type Beacon, LocationAssetType } from "matrix-js-sdk/src/matrix";
+
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import BeaconStatus from "./BeaconStatus";
+import { BeaconDisplayStatus } from "./displayStatus";
+import ShareLatestLocation from "./ShareLatestLocation";
+
+interface Props {
+    beacon: Beacon;
+}
+
+const useBeaconName = (beacon: Beacon): string | undefined => {
+    const matrixClient = useContext(MatrixClientContext);
+
+    if (beacon.beaconInfo?.assetType !== LocationAssetType.Self) {
+        return beacon.beaconInfo?.description;
+    }
+    const room = matrixClient.getRoom(beacon.roomId);
+    const member = room?.getMember(beacon.beaconInfoOwner);
+
+    return member?.rawDisplayName || beacon.beaconInfoOwner;
+};
+
+const BeaconStatusTooltip: React.FC<Props> = ({ beacon }) => {
+    const label = useBeaconName(beacon);
+
+    return (
+        <div className="mx_BeaconStatusTooltip">
+            <BeaconStatus
+                beacon={beacon}
+                label={label}
+                displayStatus={BeaconDisplayStatus.Active}
+                displayLiveTimeRemaining
+                className="mx_BeaconStatusTooltip_inner"
+            >
+                <ShareLatestLocation latestLocationState={beacon.latestLocationState} />
+            </BeaconStatus>
+        </div>
+    );
+};
+
+export default BeaconStatusTooltip;
diff --git a/apps/web/src/components/views/beacon/BeaconViewDialog.tsx b/apps/web/src/components/views/beacon/BeaconViewDialog.tsx
new file mode 100644
index 00000000000..0dac6694896
--- /dev/null
+++ b/apps/web/src/components/views/beacon/BeaconViewDialog.tsx
@@ -0,0 +1,191 @@
+/*
+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, { useState, useEffect } from "react";
+import { type MatrixClient, type Beacon, type Room } from "matrix-js-sdk/src/matrix";
+
+import type * as maplibregl from "maplibre-gl";
+import LiveLocationIcon from "../../../../res/img/location/live-location.svg?react";
+import { useLiveBeacons } from "../../../utils/beacon/useLiveBeacons";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import BaseDialog from "../dialogs/BaseDialog";
+import Map from "../location/Map";
+import ZoomButtons from "../location/ZoomButtons";
+import BeaconMarker from "./BeaconMarker";
+import { type Bounds, getBeaconBounds } from "../../../utils/beacon/bounds";
+import { getGeoUri } from "../../../utils/beacon";
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import DialogSidebar from "./DialogSidebar";
+import DialogOwnBeaconStatus from "./DialogOwnBeaconStatus";
+import BeaconStatusTooltip from "./BeaconStatusTooltip";
+import MapFallback from "../location/MapFallback";
+import { MapError } from "../location/MapError";
+import { type LocationShareError } from "../../../utils/location";
+
+export interface IProps {
+    roomId: Room["roomId"];
+    matrixClient: MatrixClient;
+    // open the map centered on this beacon's location
+    initialFocusedBeacon?: Beacon;
+    onFinished(this: void): void;
+}
+
+// track the 'focused time' as ts
+// to make it possible to refocus the same beacon
+// as the beacon location may change
+// or the map may move around
+interface FocusedBeaconState {
+    ts: number;
+    beacon?: Beacon;
+}
+
+const getBoundsCenter = (bounds?: Bounds): string | undefined => {
+    if (!bounds) {
+        return;
+    }
+    return getGeoUri({
+        latitude: (bounds.north + bounds.south) / 2,
+        longitude: (bounds.east + bounds.west) / 2,
+        timestamp: Date.now(),
+    });
+};
+
+const useMapPosition = (
+    liveBeacons: Beacon[],
+    { beacon, ts }: FocusedBeaconState,
+): {
+    bounds?: Bounds;
+    centerGeoUri?: string;
+} => {
+    const [bounds, setBounds] = useState<Bounds | undefined>(getBeaconBounds(liveBeacons));
+    const [centerGeoUri, setCenterGeoUri] = useState<string | undefined>(
+        beacon?.latestLocationState?.uri || getBoundsCenter(bounds),
+    );
+
+    useEffect(() => {
+        if (
+            // this check ignores the first initial focused beacon state
+            // as centering logic on map zooms to show everything
+            // instead of focusing down
+            ts !== 0 &&
+            // only set focus to a known location
+            beacon?.latestLocationState?.uri
+        ) {
+            // append custom `mxTs` parameter to geoUri
+            // so map is triggered to refocus on this uri
+            // event if it was previously the center geouri
+            // but the map have moved/zoomed
+            setCenterGeoUri(`${beacon?.latestLocationState?.uri};mxTs=${Date.now()}`);
+            setBounds(getBeaconBounds([beacon]));
+        }
+    }, [beacon, ts]);
+
+    return { bounds, centerGeoUri };
+};
+
+/**
+ * Dialog to view live beacons maximised
+ */
+const BeaconViewDialog: React.FC<IProps> = ({ initialFocusedBeacon, roomId, matrixClient, onFinished }) => {
+    const liveBeacons = useLiveBeacons(roomId, matrixClient);
+    const [focusedBeaconState, setFocusedBeaconState] = useState<FocusedBeaconState>({
+        beacon: initialFocusedBeacon,
+        ts: 0,
+    });
+
+    const [isSidebarOpen, setSidebarOpen] = useState(false);
+
+    const { bounds, centerGeoUri } = useMapPosition(liveBeacons, focusedBeaconState);
+
+    const [mapDisplayError, setMapDisplayError] = useState<unknown>();
+
+    // automatically open the sidebar if there is no map to see
+    useEffect(() => {
+        if (mapDisplayError) {
+            setSidebarOpen(true);
+        }
+    }, [mapDisplayError]);
+
+    const onBeaconListItemClick = (beacon: Beacon): void => {
+        setFocusedBeaconState({ beacon, ts: Date.now() });
+    };
+
+    const hasOwnBeacon =
+        liveBeacons.filter((beacon) => beacon?.beaconInfoOwner === matrixClient.getUserId()).length > 0;
+
+    return (
+        <BaseDialog className="mx_BeaconViewDialog" onFinished={onFinished} fixedWidth={false}>
+            <MatrixClientContext.Provider value={matrixClient}>
+                {centerGeoUri && !mapDisplayError && (
+                    <Map
+                        id="mx_BeaconViewDialog"
+                        bounds={bounds}
+                        centerGeoUri={centerGeoUri}
+                        interactive
+                        onError={setMapDisplayError}
+                        className="mx_BeaconViewDialog_map"
+                        allowGeolocate={!hasOwnBeacon}
+                    >
+                        {({ map }: { map: maplibregl.Map }) => (
+                            <>
+                                {liveBeacons.map((beacon) => (
+                                    <BeaconMarker
+                                        key={beacon.identifier}
+                                        map={map}
+                                        beacon={beacon}
+                                        tooltip={<BeaconStatusTooltip beacon={beacon} />}
+                                    />
+                                ))}
+                                <ZoomButtons map={map} />
+                            </>
+                        )}
+                    </Map>
+                )}
+                {mapDisplayError instanceof Error && (
+                    <MapError error={mapDisplayError.message as LocationShareError} isMinimised />
+                )}
+                {!centerGeoUri && !mapDisplayError && (
+                    <MapFallback data-testid="beacon-view-dialog-map-fallback" className="mx_BeaconViewDialog_map">
+                        <span className="mx_BeaconViewDialog_mapFallbackMessage">
+                            {_t("location_sharing|live_locations_empty")}
+                        </span>
+                        <AccessibleButton
+                            kind="primary"
+                            onClick={onFinished}
+                            data-testid="beacon-view-dialog-fallback-close"
+                        >
+                            {_t("action|close")}
+                        </AccessibleButton>
+                    </MapFallback>
+                )}
+                {isSidebarOpen ? (
+                    <DialogSidebar
+                        beacons={liveBeacons}
+                        onBeaconClick={onBeaconListItemClick}
+                        requestClose={() => setSidebarOpen(false)}
+                    />
+                ) : (
+                    <AccessibleButton
+                        kind="primary"
+                        onClick={() => setSidebarOpen(true)}
+                        data-testid="beacon-view-dialog-open-sidebar"
+                        className="mx_BeaconViewDialog_viewListButton"
+                    >
+                        <LiveLocationIcon height={12} />
+                        &nbsp;
+                        {_t("action|view_list")}
+                    </AccessibleButton>
+                )}
+                <DialogOwnBeaconStatus roomId={roomId} />
+            </MatrixClientContext.Provider>
+        </BaseDialog>
+    );
+};
+
+export default BeaconViewDialog;
diff --git a/apps/web/src/components/views/beacon/DialogOwnBeaconStatus.tsx b/apps/web/src/components/views/beacon/DialogOwnBeaconStatus.tsx
new file mode 100644
index 00000000000..fff6b0db4b7
--- /dev/null
+++ b/apps/web/src/components/views/beacon/DialogOwnBeaconStatus.tsx
@@ -0,0 +1,62 @@
+/*
+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, { useContext } from "react";
+import { type Room, type Beacon, LocationAssetType } from "matrix-js-sdk/src/matrix";
+
+import { OwnBeaconStore, OwnBeaconStoreEvent } from "../../../stores/OwnBeaconStore";
+import { useEventEmitterState } from "../../../hooks/useEventEmitter";
+import OwnBeaconStatus from "./OwnBeaconStatus";
+import { BeaconDisplayStatus } from "./displayStatus";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import MemberAvatar from "../avatars/MemberAvatar";
+import StyledLiveBeaconIcon from "./StyledLiveBeaconIcon";
+
+interface Props {
+    roomId: Room["roomId"];
+}
+
+const useOwnBeacon = (roomId: Room["roomId"]): Beacon | undefined => {
+    const ownBeacon = useEventEmitterState(OwnBeaconStore.instance, OwnBeaconStoreEvent.LivenessChange, () => {
+        const [ownBeaconId] = OwnBeaconStore.instance.getLiveBeaconIds(roomId);
+        return OwnBeaconStore.instance.getBeaconById(ownBeaconId);
+    });
+
+    return ownBeacon;
+};
+
+const DialogOwnBeaconStatus: React.FC<Props> = ({ roomId }) => {
+    const beacon = useOwnBeacon(roomId);
+
+    const matrixClient = useContext(MatrixClientContext);
+    const room = matrixClient.getRoom(roomId);
+
+    if (!beacon?.isLive || !room) {
+        return null;
+    }
+
+    const isSelfLocation = beacon.beaconInfo?.assetType === LocationAssetType.Self;
+    const beaconMember = isSelfLocation ? room.getMember(beacon.beaconInfoOwner) : null;
+
+    return (
+        <div className="mx_DialogOwnBeaconStatus">
+            {isSelfLocation ? (
+                <MemberAvatar className="mx_DialogOwnBeaconStatus_avatar" member={beaconMember} size="32px" />
+            ) : (
+                <StyledLiveBeaconIcon className="mx_DialogOwnBeaconStatus_avatarIcon" />
+            )}
+            <OwnBeaconStatus
+                className="mx_DialogOwnBeaconStatus_status"
+                beacon={beacon}
+                displayStatus={BeaconDisplayStatus.Active}
+            />
+        </div>
+    );
+};
+
+export default DialogOwnBeaconStatus;
diff --git a/apps/web/src/components/views/beacon/DialogSidebar.tsx b/apps/web/src/components/views/beacon/DialogSidebar.tsx
new file mode 100644
index 00000000000..ee86e6bcf0e
--- /dev/null
+++ b/apps/web/src/components/views/beacon/DialogSidebar.tsx
@@ -0,0 +1,51 @@
+/*
+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 { type Beacon } from "matrix-js-sdk/src/matrix";
+import CloseIcon from "@vector-im/compound-design-tokens/assets/web/icons/close";
+
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import Heading from "../typography/Heading";
+import BeaconListItem from "./BeaconListItem";
+
+interface Props {
+    beacons: Beacon[];
+    requestClose: () => void;
+    onBeaconClick: (beacon: Beacon) => void;
+}
+
+const DialogSidebar: React.FC<Props> = ({ beacons, onBeaconClick, requestClose }) => {
+    return (
+        <div className="mx_DialogSidebar">
+            <div className="mx_DialogSidebar_header">
+                <Heading size="4">{_t("action|view_list")}</Heading>
+                <AccessibleButton
+                    className="mx_DialogSidebar_closeButton"
+                    onClick={requestClose}
+                    title={_t("location_sharing|close_sidebar")}
+                    data-testid="dialog-sidebar-close"
+                >
+                    <CloseIcon className="mx_DialogSidebar_closeButtonIcon" height="24px" width="24px" />
+                </AccessibleButton>
+            </div>
+            {beacons?.length ? (
+                <ol className="mx_DialogSidebar_list">
+                    {beacons.map((beacon) => (
+                        <BeaconListItem key={beacon.identifier} beacon={beacon} onClick={() => onBeaconClick(beacon)} />
+                    ))}
+                </ol>
+            ) : (
+                <div className="mx_DialogSidebar_noResults">{_t("location_sharing|live_locations_empty")}</div>
+            )}
+        </div>
+    );
+};
+
+export default DialogSidebar;
diff --git a/apps/web/src/components/views/beacon/LeftPanelLiveShareWarning.tsx b/apps/web/src/components/views/beacon/LeftPanelLiveShareWarning.tsx
new file mode 100644
index 00000000000..f7cd1335416
--- /dev/null
+++ b/apps/web/src/components/views/beacon/LeftPanelLiveShareWarning.tsx
@@ -0,0 +1,144 @@
+/*
+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 classNames from "classnames";
+import React, { useEffect } from "react";
+import { type Beacon, type BeaconIdentifier } from "matrix-js-sdk/src/matrix";
+
+import { useEventEmitterState } from "../../../hooks/useEventEmitter";
+import { _t } from "../../../languageHandler";
+import { OwnBeaconStore, OwnBeaconStoreEvent } from "../../../stores/OwnBeaconStore";
+import LiveLocationIcon from "../../../../res/img/location/live-location.svg?react";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import { Action } from "../../../dispatcher/actions";
+import dispatcher from "../../../dispatcher/dispatcher";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+
+interface Props {
+    isMinimized?: boolean;
+}
+
+/**
+ * Choose the most relevant beacon
+ */
+const chooseBestBeacon = (
+    liveBeaconIds: BeaconIdentifier[],
+    updateErrorBeaconIds: BeaconIdentifier[],
+    locationErrorBeaconIds: BeaconIdentifier[],
+): Beacon | undefined => {
+    // both lists are ordered by creation timestamp in store
+    // so select latest beacon
+    const beaconId = updateErrorBeaconIds?.[0] ?? locationErrorBeaconIds?.[0] ?? liveBeaconIds?.[0];
+    if (!beaconId) {
+        return undefined;
+    }
+    const beacon = OwnBeaconStore.instance.getBeaconById(beaconId);
+
+    return beacon;
+};
+
+const getLabel = (hasStoppingErrors: boolean, hasLocationErrors: boolean): string => {
+    if (hasStoppingErrors) {
+        return _t("location_sharing|error_stopping_live_location");
+    }
+    if (hasLocationErrors) {
+        return _t("location_sharing|error_sharing_live_location");
+    }
+    return _t("location_sharing|live_location_active");
+};
+
+const useLivenessMonitor = (liveBeaconIds: BeaconIdentifier[], beacons: Map<BeaconIdentifier, Beacon>): void => {
+    useEffect(() => {
+        // chromium sets the minimum timer interval to 1000ms
+        // for inactive tabs
+        // refresh beacon monitors when the tab becomes active again
+        const onPageVisibilityChanged = (): void => {
+            if (document.visibilityState === "visible") {
+                liveBeaconIds.forEach((identifier) => beacons.get(identifier)?.monitorLiveness());
+            }
+        };
+        if (liveBeaconIds.length) {
+            document.addEventListener("visibilitychange", onPageVisibilityChanged);
+        }
+        return () => {
+            document.removeEventListener("visibilitychange", onPageVisibilityChanged);
+        };
+    }, [liveBeaconIds, beacons]);
+};
+
+const LeftPanelLiveShareWarning: React.FC<Props> = ({ isMinimized }) => {
+    const isMonitoringLiveLocation = useEventEmitterState(
+        OwnBeaconStore.instance,
+        OwnBeaconStoreEvent.MonitoringLivePosition,
+        () => OwnBeaconStore.instance.isMonitoringLiveLocation,
+    );
+
+    const beaconIdsWithLocationPublishError = useEventEmitterState(
+        OwnBeaconStore.instance,
+        OwnBeaconStoreEvent.LocationPublishError,
+        () => OwnBeaconStore.instance.getLiveBeaconIdsWithLocationPublishError(),
+    );
+
+    const beaconIdsWithStoppingError = useEventEmitterState(
+        OwnBeaconStore.instance,
+        OwnBeaconStoreEvent.BeaconUpdateError,
+        () =>
+            OwnBeaconStore.instance
+                .getLiveBeaconIds()
+                .filter((beaconId) => OwnBeaconStore.instance.beaconUpdateErrors.has(beaconId)),
+    );
+
+    const liveBeaconIds = useEventEmitterState(OwnBeaconStore.instance, OwnBeaconStoreEvent.LivenessChange, () =>
+        OwnBeaconStore.instance.getLiveBeaconIds(),
+    );
+
+    const hasLocationPublishErrors = !!beaconIdsWithLocationPublishError.length;
+    const hasStoppingErrors = !!beaconIdsWithStoppingError.length;
+
+    useLivenessMonitor(liveBeaconIds, OwnBeaconStore.instance.beacons);
+
+    if (!isMonitoringLiveLocation) {
+        return null;
+    }
+
+    const relevantBeacon = chooseBestBeacon(
+        liveBeaconIds,
+        beaconIdsWithStoppingError,
+        beaconIdsWithLocationPublishError,
+    );
+
+    const onWarningClick = relevantBeacon
+        ? (_e: ButtonEvent) => {
+              dispatcher.dispatch<ViewRoomPayload>({
+                  action: Action.ViewRoom,
+                  room_id: relevantBeacon.roomId,
+                  metricsTrigger: undefined,
+                  event_id: relevantBeacon.beaconInfoId,
+                  scroll_into_view: true,
+                  highlighted: true,
+              });
+          }
+        : null;
+
+    const label = getLabel(hasStoppingErrors, hasLocationPublishErrors);
+
+    return (
+        <AccessibleButton
+            className={classNames("mx_LeftPanelLiveShareWarning", {
+                mx_LeftPanelLiveShareWarning__minimized: isMinimized,
+                mx_LeftPanelLiveShareWarning__error: hasLocationPublishErrors || hasStoppingErrors,
+            })}
+            title={isMinimized ? label : undefined}
+            onClick={onWarningClick}
+        >
+            {isMinimized ? <LiveLocationIcon height={10} /> : label}
+        </AccessibleButton>
+    );
+};
+
+export default LeftPanelLiveShareWarning;
diff --git a/apps/web/src/components/views/beacon/LiveTimeRemaining.tsx b/apps/web/src/components/views/beacon/LiveTimeRemaining.tsx
new file mode 100644
index 00000000000..d4d7ca262e8
--- /dev/null
+++ b/apps/web/src/components/views/beacon/LiveTimeRemaining.tsx
@@ -0,0 +1,70 @@
+/*
+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, { useCallback, useEffect, useState } from "react";
+import { BeaconEvent, type Beacon } from "matrix-js-sdk/src/matrix";
+
+import { formatDuration } from "../../../DateUtils";
+import { useEventEmitterState } from "../../../hooks/useEventEmitter";
+import { useInterval } from "../../../hooks/useTimeout";
+import { _t } from "../../../languageHandler";
+import { getBeaconMsUntilExpiry } from "../../../utils/beacon";
+
+const MINUTE_MS = 60000;
+const HOUR_MS = MINUTE_MS * 60;
+const getUpdateInterval = (ms: number): number => {
+    // every 10 mins when more than an hour
+    if (ms > HOUR_MS) {
+        return MINUTE_MS * 10;
+    }
+    // every minute when more than a minute
+    if (ms > MINUTE_MS) {
+        return MINUTE_MS;
+    }
+    // otherwise every second
+    return 1000;
+};
+const useMsRemaining = (beacon: Beacon): number => {
+    const beaconInfo = useEventEmitterState(beacon, BeaconEvent.Update, () => beacon.beaconInfo);
+
+    const [msRemaining, setMsRemaining] = useState(() => (beaconInfo ? getBeaconMsUntilExpiry(beaconInfo) : 0));
+
+    useEffect(() => {
+        if (!beaconInfo) {
+            return;
+        }
+        setMsRemaining(getBeaconMsUntilExpiry(beaconInfo));
+    }, [beaconInfo]);
+
+    const updateMsRemaining = useCallback(() => {
+        if (!beaconInfo) {
+            return;
+        }
+        const ms = getBeaconMsUntilExpiry(beaconInfo);
+        setMsRemaining(ms);
+    }, [beaconInfo]);
+
+    useInterval(updateMsRemaining, getUpdateInterval(msRemaining));
+
+    return msRemaining;
+};
+
+const LiveTimeRemaining: React.FC<{ beacon: Beacon }> = ({ beacon }) => {
+    const msRemaining = useMsRemaining(beacon);
+
+    const timeRemaining = formatDuration(msRemaining);
+    const liveTimeRemaining = _t("time|left", { timeRemaining });
+
+    return (
+        <span data-testid="room-live-share-expiry" className="mx_LiveTimeRemaining">
+            {liveTimeRemaining}
+        </span>
+    );
+};
+
+export default LiveTimeRemaining;
diff --git a/apps/web/src/components/views/beacon/OwnBeaconStatus.tsx b/apps/web/src/components/views/beacon/OwnBeaconStatus.tsx
new file mode 100644
index 00000000000..8ece201cbe9
--- /dev/null
+++ b/apps/web/src/components/views/beacon/OwnBeaconStatus.tsx
@@ -0,0 +1,91 @@
+/*
+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 { type Beacon } from "matrix-js-sdk/src/matrix";
+import React, { type HTMLProps } from "react";
+
+import { _t } from "../../../languageHandler";
+import { useOwnLiveBeacons } from "../../../utils/beacon";
+import { preventDefaultWrapper } from "../../../utils/NativeEventUtils";
+import BeaconStatus from "./BeaconStatus";
+import { BeaconDisplayStatus } from "./displayStatus";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+
+interface Props {
+    displayStatus: BeaconDisplayStatus;
+    className?: string;
+    beacon?: Beacon;
+    withIcon?: boolean;
+}
+
+/**
+ * Wraps BeaconStatus with more capabilities
+ * for errors and actions available for users own live beacons
+ */
+const OwnBeaconStatus: React.FC<Props & HTMLProps<HTMLDivElement>> = ({ beacon, displayStatus, ...rest }) => {
+    const {
+        hasLocationPublishError,
+        hasStopSharingError,
+        stoppingInProgress,
+        onStopSharing,
+        onResetLocationPublishError,
+    } = useOwnLiveBeacons(beacon?.identifier ? [beacon?.identifier] : []);
+
+    // combine display status with errors that only occur for user's own beacons
+    const ownDisplayStatus = hasLocationPublishError || hasStopSharingError ? BeaconDisplayStatus.Error : displayStatus;
+
+    return (
+        <BeaconStatus
+            beacon={beacon}
+            displayStatus={ownDisplayStatus}
+            label={_t("location_sharing|live_location_enabled")}
+            displayLiveTimeRemaining
+            {...rest}
+        >
+            {ownDisplayStatus === BeaconDisplayStatus.Active && (
+                <AccessibleButton
+                    data-testid="beacon-status-stop-beacon"
+                    kind="link"
+                    // eat events here to avoid 1) the map and 2) reply or thread tiles
+                    // moving under the beacon status on stop/retry click
+                    onClick={preventDefaultWrapper<ButtonEvent>(onStopSharing)}
+                    className="mx_OwnBeaconStatus_button mx_OwnBeaconStatus_destructiveButton"
+                    disabled={stoppingInProgress}
+                >
+                    {_t("action|stop")}
+                </AccessibleButton>
+            )}
+            {hasLocationPublishError && (
+                <AccessibleButton
+                    data-testid="beacon-status-reset-wire-error"
+                    kind="link"
+                    // eat events here to avoid 1) the map and 2) reply or thread tiles
+                    // moving under the beacon status on stop/retry click
+                    onClick={preventDefaultWrapper(onResetLocationPublishError)}
+                    className="mx_OwnBeaconStatus_button mx_OwnBeaconStatus_destructiveButton"
+                >
+                    {_t("action|retry")}
+                </AccessibleButton>
+            )}
+            {hasStopSharingError && (
+                <AccessibleButton
+                    data-testid="beacon-status-stop-beacon-retry"
+                    kind="link"
+                    // eat events here to avoid 1) the map and 2) reply or thread tiles
+                    // moving under the beacon status on stop/retry click
+                    onClick={preventDefaultWrapper(onStopSharing)}
+                    className="mx_OwnBeaconStatus_button mx_OwnBeaconStatus_destructiveButton"
+                >
+                    {_t("action|retry")}
+                </AccessibleButton>
+            )}
+        </BeaconStatus>
+    );
+};
+
+export default OwnBeaconStatus;
diff --git a/apps/web/src/components/views/beacon/ShareLatestLocation.tsx b/apps/web/src/components/views/beacon/ShareLatestLocation.tsx
new file mode 100644
index 00000000000..9eee9724199
--- /dev/null
+++ b/apps/web/src/components/views/beacon/ShareLatestLocation.tsx
@@ -0,0 +1,51 @@
+/*
+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, { useEffect, useState } from "react";
+import { type ContentHelpers } from "matrix-js-sdk/src/matrix";
+import { Tooltip } from "@vector-im/compound-web";
+import { PopOutIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import { makeMapSiteLink, parseGeoUri } from "../../../utils/location";
+import CopyableText from "../elements/CopyableText";
+
+interface Props {
+    latestLocationState?: ContentHelpers.BeaconLocationState;
+}
+
+const ShareLatestLocation: React.FC<Props> = ({ latestLocationState }) => {
+    const [coords, setCoords] = useState<GeolocationCoordinates | undefined>();
+    useEffect(() => {
+        if (!latestLocationState?.uri) {
+            return;
+        }
+        const coords = parseGeoUri(latestLocationState.uri);
+        setCoords(coords);
+    }, [latestLocationState]);
+
+    if (!latestLocationState || !coords) {
+        return null;
+    }
+
+    const latLonString = `${coords.latitude},${coords.longitude}`;
+    const mapLink = makeMapSiteLink(coords);
+
+    return (
+        <>
+            <Tooltip label={_t("timeline|context_menu|open_in_osm")}>
+                <a data-testid="open-location-in-osm" href={mapLink} target="_blank" rel="noreferrer noopener">
+                    <PopOutIcon className="mx_ShareLatestLocation_icon" />
+                </a>
+            </Tooltip>
+            <CopyableText className="mx_ShareLatestLocation_copy" border={false} getTextToCopy={() => latLonString} />
+        </>
+    );
+};
+
+export default ShareLatestLocation;
diff --git a/apps/web/src/components/views/beacon/StyledLiveBeaconIcon.tsx b/apps/web/src/components/views/beacon/StyledLiveBeaconIcon.tsx
new file mode 100644
index 00000000000..caec87b794a
--- /dev/null
+++ b/apps/web/src/components/views/beacon/StyledLiveBeaconIcon.tsx
@@ -0,0 +1,29 @@
+/*
+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 classNames from "classnames";
+
+import LiveLocationIcon from "../../../../res/img/location/live-location.svg?react";
+
+interface Props extends React.SVGProps<SVGSVGElement> {
+    // use error styling when true
+    withError?: boolean;
+    isIdle?: boolean;
+}
+const StyledLiveBeaconIcon: React.FC<Props> = ({ className, withError, isIdle, ...props }) => (
+    <LiveLocationIcon
+        {...props}
+        className={classNames("mx_StyledLiveBeaconIcon", className, {
+            mx_StyledLiveBeaconIcon_error: withError,
+            mx_StyledLiveBeaconIcon_idle: isIdle,
+        })}
+    />
+);
+
+export default StyledLiveBeaconIcon;
diff --git a/apps/web/src/components/views/beacon/displayStatus.ts b/apps/web/src/components/views/beacon/displayStatus.ts
new file mode 100644
index 00000000000..15320c2fa57
--- /dev/null
+++ b/apps/web/src/components/views/beacon/displayStatus.ts
@@ -0,0 +1,36 @@
+/*
+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 { type ContentHelpers } from "matrix-js-sdk/src/matrix";
+
+export enum BeaconDisplayStatus {
+    Loading = "Loading",
+    Error = "Error",
+    Stopped = "Stopped",
+    Active = "Active",
+}
+export const getBeaconDisplayStatus = (
+    isLive: boolean,
+    latestLocationState?: ContentHelpers.BeaconLocationState,
+    error?: Error,
+    waitingToStart?: boolean,
+): BeaconDisplayStatus => {
+    if (error) {
+        return BeaconDisplayStatus.Error;
+    }
+    if (waitingToStart) {
+        return BeaconDisplayStatus.Loading;
+    }
+    if (!isLive) {
+        return BeaconDisplayStatus.Stopped;
+    }
+    if (!latestLocationState) {
+        return BeaconDisplayStatus.Loading;
+    }
+    return BeaconDisplayStatus.Active;
+};
diff --git a/apps/web/src/components/views/beacon/index.tsx b/apps/web/src/components/views/beacon/index.tsx
new file mode 100644
index 00000000000..313e1145a97
--- /dev/null
+++ b/apps/web/src/components/views/beacon/index.tsx
@@ -0,0 +1,23 @@
+/*
+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.
+*/
+
+// Exports beacon components which touch maplibre-gs wrapped in React Suspense to enable code splitting
+
+import React, { type JSX, type ComponentProps, lazy, Suspense } from "react";
+
+import Spinner from "../elements/Spinner";
+
+const BeaconViewDialogComponent = lazy(() => import("./BeaconViewDialog"));
+
+export function BeaconViewDialog(props: ComponentProps<typeof BeaconViewDialogComponent>): JSX.Element {
+    return (
+        <Suspense fallback={<Spinner />}>
+            <BeaconViewDialogComponent {...props} />
+        </Suspense>
+    );
+}
diff --git a/apps/web/src/components/views/beta/BetaCard.tsx b/apps/web/src/components/views/beta/BetaCard.tsx
new file mode 100644
index 00000000000..4421a9e50b1
--- /dev/null
+++ b/apps/web/src/components/views/beta/BetaCard.tsx
@@ -0,0 +1,145 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 ReactNode, useState } from "react";
+import { sleep } from "matrix-js-sdk/src/utils";
+
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import SettingsStore from "../../../settings/SettingsStore";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import Modal from "../../../Modal";
+import BetaFeedbackDialog from "../dialogs/BetaFeedbackDialog";
+import SdkConfig from "../../../SdkConfig";
+import SettingsFlag from "../elements/SettingsFlag";
+import { useFeatureEnabled } from "../../../hooks/useSettings";
+import InlineSpinner from "../elements/InlineSpinner";
+import { shouldShowFeedback } from "../../../utils/Feedback";
+import { type FeatureSettingKey } from "../../../settings/Settings.tsx";
+
+// XXX: Keep this around for re-use in future Betas
+
+interface IProps {
+    title?: string;
+    featureId: FeatureSettingKey;
+}
+
+interface IBetaPillProps {
+    onClick?: () => void;
+    tooltipTitle?: string;
+    tooltipCaption?: string;
+}
+
+export const BetaPill: React.FC<IBetaPillProps> = ({
+    onClick,
+    tooltipTitle = _t("labs|beta_feature"),
+    tooltipCaption = _t("labs|click_for_info"),
+}) => {
+    if (onClick) {
+        return (
+            <AccessibleButton
+                className="mx_BetaCard_betaPill"
+                aria-label={`${tooltipTitle} ${tooltipCaption}`}
+                title={tooltipTitle}
+                caption={tooltipCaption}
+                onClick={onClick}
+            >
+                {_t("common|beta")}
+            </AccessibleButton>
+        );
+    }
+
+    return <span className="mx_BetaCard_betaPill">{_t("common|beta")}</span>;
+};
+
+const BetaCard: React.FC<IProps> = ({ title: titleOverride, featureId }) => {
+    const info = SettingsStore.getBetaInfo(featureId);
+    const value = useFeatureEnabled(featureId);
+    const [busy, setBusy] = useState(false);
+    if (!info) return null; // Beta is invalid/disabled
+
+    const { title, caption, faq, image, feedbackLabel, feedbackSubheading, extraSettings, requiresRefresh } = info;
+
+    let feedbackButton;
+    if (value && feedbackLabel && feedbackSubheading && shouldShowFeedback()) {
+        feedbackButton = (
+            <AccessibleButton
+                onClick={() => {
+                    Modal.createDialog(BetaFeedbackDialog, { featureId });
+                }}
+                kind="primary"
+            >
+                {_t("common|feedback")}
+            </AccessibleButton>
+        );
+    }
+
+    let refreshWarning: string | undefined;
+    if (requiresRefresh) {
+        const brand = SdkConfig.get().brand;
+        refreshWarning = value ? _t("labs|leave_beta_reload", { brand }) : _t("labs|join_beta_reload", { brand });
+    }
+
+    let content: ReactNode;
+    if (busy) {
+        content = <InlineSpinner />;
+    } else if (value) {
+        content = _t("labs|leave_beta");
+    } else {
+        content = _t("labs|join_beta");
+    }
+
+    return (
+        <div className="mx_BetaCard">
+            <div className="mx_BetaCard_columns">
+                <div className="mx_BetaCard_columns_description">
+                    <h3 className="mx_BetaCard_title">
+                        <span>{titleOverride || _t(title)}</span>
+                        <BetaPill />
+                    </h3>
+                    <div className="mx_BetaCard_caption">{caption()}</div>
+                    <div className="mx_BetaCard_buttons">
+                        {feedbackButton}
+                        <AccessibleButton
+                            onClick={async (): Promise<void> => {
+                                setBusy(true);
+                                // make it look like we're doing something for two seconds,
+                                // otherwise users think clicking did nothing
+                                if (!requiresRefresh) {
+                                    await sleep(2000);
+                                }
+                                await SettingsStore.setValue(featureId, null, SettingLevel.DEVICE, !value);
+                                if (!requiresRefresh) {
+                                    setBusy(false);
+                                }
+                            }}
+                            kind={feedbackButton ? "primary_outline" : "primary"}
+                            disabled={busy}
+                        >
+                            {content}
+                        </AccessibleButton>
+                    </div>
+                    {refreshWarning && <div className="mx_BetaCard_refreshWarning">{refreshWarning}</div>}
+                    {faq && <div className="mx_BetaCard_faq">{faq(value)}</div>}
+                </div>
+                <div className="mx_BetaCard_columns_image_wrapper">
+                    <img className="mx_BetaCard_columns_image" src={image} alt="" />
+                </div>
+            </div>
+            {extraSettings && value && (
+                <div className="mx_BetaCard_relatedSettings">
+                    {extraSettings.map((key) => (
+                        <SettingsFlag key={key} name={key} level={SettingLevel.DEVICE} />
+                    ))}
+                </div>
+            )}
+        </div>
+    );
+};
+
+export default BetaCard;
diff --git a/apps/web/src/components/views/context_menus/DeveloperToolsOption.tsx b/apps/web/src/components/views/context_menus/DeveloperToolsOption.tsx
new file mode 100644
index 00000000000..b1b8a5b1366
--- /dev/null
+++ b/apps/web/src/components/views/context_menus/DeveloperToolsOption.tsx
@@ -0,0 +1,39 @@
+/*
+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 { LabsIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import Modal from "../../../Modal";
+import DevtoolsDialog from "../dialogs/DevtoolsDialog";
+import { IconizedContextMenuOption } from "./IconizedContextMenu";
+import { _t } from "../../../languageHandler";
+
+interface Props {
+    onFinished: () => void;
+    roomId: string;
+}
+
+export const DeveloperToolsOption: React.FC<Props> = ({ onFinished, roomId }) => {
+    return (
+        <IconizedContextMenuOption
+            onClick={() => {
+                Modal.createDialog(
+                    DevtoolsDialog,
+                    {
+                        roomId: roomId,
+                    },
+                    "mx_DevtoolsDialog_wrapper",
+                );
+                onFinished();
+            }}
+            label={_t("devtools|title")}
+            icon={<LabsIcon />}
+        />
+    );
+};
diff --git a/apps/web/src/components/views/context_menus/DeviceContextMenu.tsx b/apps/web/src/components/views/context_menus/DeviceContextMenu.tsx
new file mode 100644
index 00000000000..e780449f123
--- /dev/null
+++ b/apps/web/src/components/views/context_menus/DeviceContextMenu.tsx
@@ -0,0 +1,82 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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, { 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 } from "../../../languageHandler";
+
+const SECTION_NAMES: Record<MediaDeviceKindEnum, TranslationKey> = {
+    [MediaDeviceKindEnum.AudioInput]: _td("voip|input_devices"),
+    [MediaDeviceKindEnum.AudioOutput]: _td("voip|output_devices"),
+    [MediaDeviceKindEnum.VideoInput]: _td("common|cameras"),
+};
+
+interface IDeviceContextMenuDeviceProps {
+    label: string;
+    selected: boolean;
+    onClick: () => void;
+}
+
+const DeviceContextMenuDevice: React.FC<IDeviceContextMenuDeviceProps> = ({ label, selected, onClick }) => {
+    return <IconizedContextMenuRadio label={label} active={selected} onClick={onClick} />;
+};
+
+interface IDeviceContextMenuSectionProps {
+    deviceKind: MediaDeviceKindEnum;
+}
+
+const DeviceContextMenuSection: React.FC<IDeviceContextMenuSectionProps> = ({ deviceKind }) => {
+    const [devices, setDevices] = useState<MediaDeviceInfo[]>([]);
+    const [selectedDevice, setSelectedDevice] = useState(MediaDeviceHandler.getDevice(deviceKind));
+
+    useEffect(() => {
+        const getDevices = async (): Promise<void> => {
+            return setDevices((await MediaDeviceHandler.getDevices())?.[deviceKind] ?? []);
+        };
+        getDevices();
+    }, [deviceKind]);
+
+    const onDeviceClick = (deviceId: string): void => {
+        MediaDeviceHandler.instance.setDevice(deviceId, deviceKind);
+        setSelectedDevice(deviceId);
+    };
+
+    return (
+        <IconizedContextMenuOptionList label={_t(SECTION_NAMES[deviceKind])}>
+            {devices.map(({ label, deviceId }) => {
+                return (
+                    <DeviceContextMenuDevice
+                        key={deviceId}
+                        label={label}
+                        selected={selectedDevice === deviceId}
+                        onClick={() => onDeviceClick(deviceId)}
+                    />
+                );
+            })}
+        </IconizedContextMenuOptionList>
+    );
+};
+
+interface IProps extends IContextMenuProps {
+    deviceKinds: MediaDeviceKind[];
+}
+
+const DeviceContextMenu: React.FC<IProps> = ({ deviceKinds, ...props }) => {
+    return (
+        <IconizedContextMenu compact className="mx_DeviceContextMenu" {...props}>
+            {deviceKinds.map((kind) => {
+                return <DeviceContextMenuSection key={kind} deviceKind={kind as MediaDeviceKindEnum} />;
+            })}
+        </IconizedContextMenu>
+    );
+};
+
+export default DeviceContextMenu;
diff --git a/apps/web/src/components/views/context_menus/DialpadContextMenu.tsx b/apps/web/src/components/views/context_menus/DialpadContextMenu.tsx
new file mode 100644
index 00000000000..b3cc6a21fe0
--- /dev/null
+++ b/apps/web/src/components/views/context_menus/DialpadContextMenu.tsx
@@ -0,0 +1,90 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, { 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";
+import Field from "../elements/Field";
+import DialPad from "../voip/DialPad";
+
+interface IProps extends IContextMenuProps {
+    call: MatrixCall;
+}
+
+interface IState {
+    value: string;
+}
+
+export default class DialpadContextMenu extends React.Component<IProps, IState> {
+    private numberEntryFieldRef = createRef<Field>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            value: "",
+        };
+    }
+
+    public onDigitPress = (digit: string, ev: ButtonEvent): void => {
+        this.props.call.sendDtmfDigit(digit);
+        this.setState({ value: this.state.value + digit });
+
+        // Keep the number field focused so that keyboard entry is still available
+        // However, don't focus if this wasn't the result of directly clicking on the button,
+        // i.e someone using keyboard navigation.
+        if (ev.type === "click") {
+            this.numberEntryFieldRef.current?.focus();
+        }
+    };
+
+    public onCancelClick = (): void => {
+        this.props.onFinished();
+    };
+
+    public onKeyDown = (ev: React.KeyboardEvent): void => {
+        // Prevent Backspace and Delete keys from functioning in the entry field
+        if (ev.code === "Backspace" || ev.code === "Delete") {
+            ev.preventDefault();
+        }
+    };
+
+    public onChange = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ value: ev.target.value });
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <ContextMenu {...this.props}>
+                <div className="mx_DialPadContextMenuWrapper">
+                    <div>
+                        <AccessibleButton className="mx_DialPadContextMenu_cancel" onClick={this.onCancelClick}>
+                            <CloseIcon />
+                        </AccessibleButton>
+                    </div>
+                    <div className="mx_DialPadContextMenu_header">
+                        <Field
+                            ref={this.numberEntryFieldRef}
+                            className="mx_DialPadContextMenu_dialled"
+                            value={this.state.value}
+                            autoFocus={true}
+                            onKeyDown={this.onKeyDown}
+                            onChange={this.onChange}
+                        />
+                    </div>
+                    <div className="mx_DialPadContextMenu_dialPad">
+                        <DialPad onDigitPress={this.onDigitPress} hasDial={false} />
+                    </div>
+                </div>
+            </ContextMenu>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/context_menus/GenericElementContextMenu.tsx b/apps/web/src/components/views/context_menus/GenericElementContextMenu.tsx
new file mode 100644
index 00000000000..b6d3304c428
--- /dev/null
+++ b/apps/web/src/components/views/context_menus/GenericElementContextMenu.tsx
@@ -0,0 +1,40 @@
+/*
+Copyright 2017-2024 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";
+
+interface IProps {
+    element: React.ReactNode;
+    // Function to be called when the parent window is resized
+    // This can be used to reposition or close the menu on resize and
+    // ensure that it is not displayed in a stale position.
+    onResize?: () => void;
+}
+
+/**
+ * This component can be used to display generic HTML content in a contextual
+ * menu.
+ */
+export default class GenericElementContextMenu extends React.Component<IProps> {
+    public componentDidMount(): void {
+        window.addEventListener("resize", this.resize);
+    }
+
+    public componentWillUnmount(): void {
+        window.removeEventListener("resize", this.resize);
+    }
+
+    private resize = (): void => {
+        if (this.props.onResize) {
+            this.props.onResize();
+        }
+    };
+
+    public render(): React.ReactNode {
+        return <div>{this.props.element}</div>;
+    }
+}
diff --git a/apps/web/src/components/views/context_menus/IconizedContextMenu.tsx b/apps/web/src/components/views/context_menus/IconizedContextMenu.tsx
new file mode 100644
index 00000000000..b7d07cae3f6
--- /dev/null
+++ b/apps/web/src/components/views/context_menus/IconizedContextMenu.tsx
@@ -0,0 +1,164 @@
+/*
+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 } from "react";
+import classNames from "classnames";
+import { CheckIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import ContextMenu, {
+    ChevronFace,
+    type IProps as IContextMenuProps,
+    MenuItem,
+    MenuItemCheckbox,
+    MenuItemRadio,
+} from "../../structures/ContextMenu";
+import { _t } from "../../../languageHandler";
+
+interface IProps extends IContextMenuProps {
+    className?: string;
+    compact?: boolean;
+}
+
+interface IOptionListProps {
+    first?: boolean;
+    red?: boolean;
+    label?: string;
+    className?: string;
+    children: ReactNode;
+}
+
+interface IOptionProps extends React.ComponentProps<typeof MenuItem> {
+    icon?: ReactNode;
+    isDestructive?: boolean;
+}
+
+interface ICheckboxProps extends React.ComponentProps<typeof MenuItemCheckbox> {
+    icon?: ReactNode;
+    words?: boolean;
+}
+
+interface IRadioProps extends React.ComponentProps<typeof MenuItemRadio> {
+    icon?: ReactNode;
+}
+
+export const IconizedContextMenuRadio: React.FC<IRadioProps> = ({ label, icon, active, className, ...props }) => {
+    return (
+        <MenuItemRadio
+            {...props}
+            className={classNames(className, {
+                mx_IconizedContextMenu_item: true,
+                mx_IconizedContextMenu_active: active,
+            })}
+            active={active}
+            label={label}
+        >
+            {icon}
+            <span className="mx_IconizedContextMenu_label">{label}</span>
+            {active && <CheckIcon className="mx_IconizedContextMenu_checked" />}
+        </MenuItemRadio>
+    );
+};
+
+export const IconizedContextMenuCheckbox: React.FC<ICheckboxProps> = ({
+    label,
+    icon,
+    active,
+    className,
+    words,
+    ...props
+}) => {
+    let marker: JSX.Element | undefined;
+    if (words) {
+        marker = (
+            <span className="mx_IconizedContextMenu_activeText">{active ? _t("common|on") : _t("common|off")}</span>
+        );
+    } else if (active) {
+        marker = <CheckIcon className="mx_IconizedContextMenu_checked" />;
+    }
+
+    return (
+        <MenuItemCheckbox
+            {...props}
+            className={classNames(className, {
+                mx_IconizedContextMenu_item: true,
+                mx_IconizedContextMenu_active: active,
+            })}
+            active={active}
+            label={label}
+        >
+            {icon}
+            <span className="mx_IconizedContextMenu_label">{label}</span>
+            {marker}
+        </MenuItemCheckbox>
+    );
+};
+
+export const IconizedContextMenuOption: React.FC<IOptionProps> = ({
+    label,
+    className,
+    icon,
+    children,
+    isDestructive,
+    ...props
+}) => {
+    return (
+        <MenuItem
+            element="li"
+            {...props}
+            className={classNames(className, {
+                mx_IconizedContextMenu_item: true,
+                mx_IconizedContextMenu_itemDestructive: isDestructive,
+            })}
+            label={label}
+        >
+            {icon}
+            <span className="mx_IconizedContextMenu_label">{label}</span>
+            {children}
+        </MenuItem>
+    );
+};
+
+export const IconizedContextMenuOptionList: React.FC<IOptionListProps> = ({
+    first,
+    red,
+    className,
+    label,
+    children,
+}) => {
+    const classes = classNames("mx_IconizedContextMenu_optionList", className, {
+        mx_IconizedContextMenu_optionList_notFirst: !first,
+        mx_IconizedContextMenu_optionList_red: red,
+    });
+
+    return (
+        <div className={classes}>
+            {label && (
+                <div>
+                    <span className="mx_IconizedContextMenu_optionList_label">{label}</span>
+                </div>
+            )}
+            {children}
+        </div>
+    );
+};
+
+const IconizedContextMenu: React.FC<React.PropsWithChildren<IProps>> = ({ className, children, compact, ...props }) => {
+    const classes = classNames("mx_IconizedContextMenu", className, {
+        mx_IconizedContextMenu_compact: compact,
+    });
+
+    return (
+        <ContextMenu chevronFace={ChevronFace.None} {...props}>
+            <ul role="none" className={classes}>
+                {children}
+            </ul>
+        </ContextMenu>
+    );
+};
+
+export default IconizedContextMenu;
diff --git a/apps/web/src/components/views/context_menus/KebabContextMenu.tsx b/apps/web/src/components/views/context_menus/KebabContextMenu.tsx
new file mode 100644
index 00000000000..f6fc9972a0b
--- /dev/null
+++ b/apps/web/src/components/views/context_menus/KebabContextMenu.tsx
@@ -0,0 +1,50 @@
+/*
+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 ContextMenuIcon from "@vector-im/compound-design-tokens/assets/web/icons/overflow-horizontal";
+
+import { ChevronFace, ContextMenuButton, type MenuProps, useContextMenu } from "../../structures/ContextMenu";
+import { type ButtonProps } from "../elements/AccessibleButton";
+import IconizedContextMenu, { IconizedContextMenuOptionList } from "./IconizedContextMenu";
+
+const contextMenuBelow = (elementRect: DOMRect): MenuProps => {
+    // align the context menu's icons with the icon which opened the context menu
+    const left = elementRect.left + window.scrollX + elementRect.width;
+    const top = elementRect.bottom + window.scrollY;
+    const chevronFace = ChevronFace.None;
+    return { left, top, chevronFace };
+};
+
+type KebabContextMenuProps = Partial<ButtonProps<any>> & {
+    options: React.ReactNode[];
+    title: string;
+};
+
+export const KebabContextMenu: React.FC<KebabContextMenuProps> = ({ options, title, ...props }) => {
+    const [menuDisplayed, button, openMenu, closeMenu] = useContextMenu();
+
+    return (
+        <>
+            <ContextMenuButton {...props} onClick={openMenu} title={title} isExpanded={menuDisplayed} ref={button}>
+                <ContextMenuIcon className="mx_KebabContextMenu_icon" />
+            </ContextMenuButton>
+            {menuDisplayed && (
+                <IconizedContextMenu
+                    onFinished={closeMenu}
+                    compact
+                    rightAligned
+                    closeOnInteraction
+                    {...contextMenuBelow(button.current!.getBoundingClientRect())}
+                >
+                    <IconizedContextMenuOptionList>{options}</IconizedContextMenuOptionList>
+                </IconizedContextMenu>
+            )}
+        </>
+    );
+};
diff --git a/apps/web/src/components/views/context_menus/LegacyCallContextMenu.tsx b/apps/web/src/components/views/context_menus/LegacyCallContextMenu.tsx
new file mode 100644
index 00000000000..e5a23aac8ed
--- /dev/null
+++ b/apps/web/src/components/views/context_menus/LegacyCallContextMenu.tsx
@@ -0,0 +1,61 @@
+/*
+Copyright 2020-2024 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 MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+
+import { _t } from "../../../languageHandler";
+import ContextMenu, { type IProps as IContextMenuProps, MenuItem } from "../../structures/ContextMenu";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+interface IProps extends IContextMenuProps {
+    call: MatrixCall;
+}
+
+export default class LegacyCallContextMenu extends React.Component<IProps> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    public onHoldClick = (): void => {
+        this.props.call.setRemoteOnHold(true);
+        this.props.onFinished();
+    };
+
+    public onUnholdClick = (): void => {
+        this.context.legacyCallHandler.setActiveCallRoomId(this.props.call.roomId);
+
+        this.props.onFinished();
+    };
+
+    public onTransferClick = (): void => {
+        this.context.legacyCallHandler.showTransferDialog(this.props.call);
+        this.props.onFinished();
+    };
+
+    public render(): React.ReactNode {
+        const holdUnholdCaption = this.props.call.isRemoteOnHold() ? _t("action|resume") : _t("action|hold");
+        const handler = this.props.call.isRemoteOnHold() ? this.onUnholdClick : this.onHoldClick;
+
+        let transferItem;
+        if (this.props.call.opponentCanBeTransferred()) {
+            transferItem = (
+                <MenuItem className="mx_LegacyCallContextMenu_item" onClick={this.onTransferClick}>
+                    {_t("action|transfer")}
+                </MenuItem>
+            );
+        }
+
+        return (
+            <ContextMenu {...this.props}>
+                <MenuItem className="mx_LegacyCallContextMenu_item" onClick={handler}>
+                    {holdUnholdCaption}
+                </MenuItem>
+                {transferItem}
+            </ContextMenu>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/context_menus/MessageContextMenu.tsx b/apps/web/src/components/views/context_menus/MessageContextMenu.tsx
new file mode 100644
index 00000000000..086301ee57c
--- /dev/null
+++ b/apps/web/src/components/views/context_menus/MessageContextMenu.tsx
@@ -0,0 +1,772 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-2023 The Matrix.org Foundation C.I.C.
+Copyright 2021, 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+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 JSX, createRef, useContext } from "react";
+import {
+    EventStatus,
+    type MatrixEvent,
+    MatrixEventEvent,
+    RoomMemberEvent,
+    EventType,
+    RelationType,
+    type Relations,
+    Thread,
+    M_POLL_START,
+} from "matrix-js-sdk/src/matrix";
+import {
+    CheckIcon,
+    ChevronUpIcon,
+    EditIcon,
+    ErrorSolidIcon,
+    InlineCodeIcon,
+    LinkIcon,
+    PinIcon,
+    QuoteIcon,
+    ReactionAddIcon,
+    ReplyIcon,
+    RestartIcon,
+    ThreadsIcon,
+    UnpinIcon,
+    DeleteIcon,
+    ForwardIcon,
+    PopOutIcon,
+    VisibilityOnIcon,
+    ShareIcon,
+    CopyIcon,
+    TreeIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import dis from "../../../dispatcher/dispatcher";
+import { _t } from "../../../languageHandler";
+import Modal from "../../../Modal";
+import Resend from "../../../Resend";
+import SettingsStore from "../../../settings/SettingsStore";
+import { isUrlPermitted } from "../../../HtmlUtils";
+import { canEditContent, editEvent, isContentActionable } from "../../../utils/EventUtils";
+import IconizedContextMenu, { IconizedContextMenuOption, IconizedContextMenuOptionList } from "./IconizedContextMenu";
+import { Action } from "../../../dispatcher/actions";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import { type ButtonEvent } from "../elements/AccessibleButton";
+import { copyPlaintext, getSelectedText } from "../../../utils/strings";
+import ContextMenu, { toRightOf, type MenuProps } from "../../structures/ContextMenu";
+import ReactionPicker from "../emojipicker/ReactionPicker";
+import ViewSource from "../../structures/ViewSource";
+import { createRedactEventDialog } from "../dialogs/ConfirmRedactDialog";
+import { ShareDialog } from "../dialogs/ShareDialog";
+import RoomContext, { TimelineRenderingType } from "../../../contexts/RoomContext";
+import EndPollDialog from "../dialogs/EndPollDialog";
+import { isPollEnded } from "../messages/MPollBody";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import { type GetRelationsForEvent, type IEventTileOps } from "../rooms/EventTile";
+import { type OpenForwardDialogPayload } from "../../../dispatcher/payloads/OpenForwardDialogPayload";
+import { type OpenReportEventDialogPayload } from "../../../dispatcher/payloads/OpenReportEventDialogPayload";
+import { createMapSiteLinkFromEvent } from "../../../utils/location";
+import { getForwardableEvent } from "../../../events/forward/getForwardableEvent";
+import { getShareableLocationEvent } from "../../../events/location/getShareableLocationEvent";
+import { type ShowThreadPayload } from "../../../dispatcher/payloads/ShowThreadPayload";
+import { CardContext } from "../right_panel/context";
+import PinningUtils from "../../../utils/PinningUtils";
+import PosthogTrackers from "../../../PosthogTrackers.ts";
+
+interface IReplyInThreadButton {
+    mxEvent: MatrixEvent;
+    closeMenu: () => void;
+}
+
+const ReplyInThreadButton: React.FC<IReplyInThreadButton> = ({ mxEvent, closeMenu }) => {
+    const context = useContext(CardContext);
+    const relationType = mxEvent?.getRelation()?.rel_type;
+
+    // Can't create a thread from an event with an existing relation
+    if (Boolean(relationType) && relationType !== RelationType.Thread) return null;
+
+    const onClick = (): void => {
+        if (mxEvent.getThread() && !mxEvent.isThreadRoot) {
+            dis.dispatch<ShowThreadPayload>({
+                action: Action.ShowThread,
+                rootEvent: mxEvent.getThread()!.rootEvent!,
+                initialEvent: mxEvent,
+                scroll_into_view: true,
+                highlighted: true,
+                push: context.isCard,
+            });
+        } else {
+            dis.dispatch<ShowThreadPayload>({
+                action: Action.ShowThread,
+                rootEvent: mxEvent,
+                push: context.isCard,
+            });
+        }
+        closeMenu();
+    };
+
+    return <IconizedContextMenuOption icon={<ThreadsIcon />} label={_t("action|reply_in_thread")} onClick={onClick} />;
+};
+
+interface IProps extends MenuProps {
+    /* the MatrixEvent associated with the context menu */
+    mxEvent: MatrixEvent;
+    // An optional EventTileOps implementation that can be used to unhide preview widgets
+    eventTileOps?: IEventTileOps;
+    // Callback called when the menu is dismissed
+    permalinkCreator?: RoomPermalinkCreator;
+    /* an optional function to be called when the user clicks collapse thread, if not provided hide button */
+    collapseReplyChain?(): void;
+    /* callback called when the menu is dismissed */
+    onFinished(): void;
+    // If the menu is inside a dialog, we sometimes need to close that dialog after click (forwarding)
+    onCloseDialog?(): void;
+    // True if the menu is being used as a right click menu
+    rightClick?: boolean;
+    // The Relations model from the JS SDK for reactions to `mxEvent`
+    reactions?: Relations | null;
+    // A permalink to this event or an href of an anchor element the user has clicked
+    link?: string;
+
+    getRelationsForEvent?: GetRelationsForEvent;
+}
+
+interface IState {
+    canRedact: boolean;
+    canPin: boolean;
+    reactionPickerDisplayed: boolean;
+}
+
+export default class MessageContextMenu extends React.Component<IProps, IState> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    private reactButtonRef = createRef<any>(); // XXX Ref to a functional component
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            canRedact: false,
+            canPin: false,
+            reactionPickerDisplayed: false,
+        };
+    }
+
+    public componentDidMount(): void {
+        MatrixClientPeg.safeGet().on(RoomMemberEvent.PowerLevel, this.checkPermissions);
+
+        // re-check the permissions on send progress (`maySendRedactionForEvent` only returns true for events that have
+        // been fully sent and echoed back, and we want to ensure the "Remove" option is added once that happens.)
+        this.props.mxEvent.on(MatrixEventEvent.Status, this.checkPermissions);
+
+        this.checkPermissions();
+    }
+
+    public componentWillUnmount(): void {
+        const cli = MatrixClientPeg.get();
+        if (cli) {
+            cli.removeListener(RoomMemberEvent.PowerLevel, this.checkPermissions);
+        }
+        this.props.mxEvent.removeListener(MatrixEventEvent.Status, this.checkPermissions);
+    }
+
+    private checkPermissions = (): void => {
+        const cli = MatrixClientPeg.safeGet();
+        const room = cli.getRoom(this.props.mxEvent.getRoomId());
+
+        // We explicitly decline to show the redact option on ACL events as it has a potential
+        // to obliterate the room - https://github.com/matrix-org/synapse/issues/4042
+        // Similarly for encryption events, since redacting them "breaks everything"
+        const canRedact =
+            !!room?.currentState.maySendRedactionForEvent(this.props.mxEvent, cli.getSafeUserId()) &&
+            this.props.mxEvent.getType() !== EventType.RoomServerAcl &&
+            this.props.mxEvent.getType() !== EventType.RoomEncryption;
+
+        const canPin = PinningUtils.canPin(cli, this.props.mxEvent) || PinningUtils.canUnpin(cli, this.props.mxEvent);
+
+        this.setState({ canRedact, canPin });
+    };
+
+    private canEndPoll(mxEvent: MatrixEvent): boolean {
+        return (
+            M_POLL_START.matches(mxEvent.getType()) &&
+            this.state.canRedact &&
+            !isPollEnded(mxEvent, MatrixClientPeg.safeGet())
+        );
+    }
+
+    /**
+     * Returns true if the current selection is entirely within a single "mx_MTextBody" element.
+     */
+    private isSelectionWithinSingleTextBody(): boolean {
+        const selection = window.getSelection();
+        if (!selection || selection.rangeCount === 0) return false;
+        const range = selection.getRangeAt(0);
+
+        function getParentByClass(node: Node | null, className: string): HTMLElement | null {
+            while (node) {
+                if (node instanceof HTMLElement && node.classList.contains(className)) {
+                    return node;
+                }
+                node = node.parentNode;
+            }
+            return null;
+        }
+
+        const startTextBody = getParentByClass(range.startContainer, "mx_MTextBody");
+        const endTextBody = getParentByClass(range.endContainer, "mx_MTextBody");
+
+        return !!startTextBody && startTextBody === endTextBody;
+    }
+
+    private onResendReactionsClick = (): void => {
+        for (const reaction of this.getUnsentReactions()) {
+            Resend.resend(MatrixClientPeg.safeGet(), reaction);
+        }
+        this.closeMenu();
+    };
+
+    private onJumpToRelatedEventClick = (relatedEventId: string): void => {
+        dis.dispatch({
+            action: "view_room",
+            room_id: this.props.mxEvent.getRoomId(),
+            event_id: relatedEventId,
+            highlighted: true,
+        });
+    };
+
+    private onReportEventClick = (): void => {
+        dis.dispatch<OpenReportEventDialogPayload>({
+            action: Action.OpenReportEventDialog,
+            event: this.props.mxEvent,
+        });
+        this.closeMenu();
+    };
+
+    private onViewSourceClick = (): void => {
+        Modal.createDialog(
+            ViewSource,
+            {
+                mxEvent: this.props.mxEvent,
+            },
+            "mx_Dialog_viewsource",
+        );
+        this.closeMenu();
+    };
+
+    private onRedactClick = (): void => {
+        const { mxEvent, onCloseDialog } = this.props;
+        createRedactEventDialog({
+            mxEvent,
+            onCloseDialog,
+        });
+        this.closeMenu();
+    };
+
+    private onForwardClick = (forwardableEvent: MatrixEvent) => (): void => {
+        dis.dispatch<OpenForwardDialogPayload>({
+            action: Action.OpenForwardDialog,
+            event: forwardableEvent,
+            permalinkCreator: this.props.permalinkCreator ?? null,
+        });
+        this.closeMenu();
+    };
+
+    private onPinClick = (isPinned: boolean): void => {
+        // Pin or unpin in background
+        PinningUtils.pinOrUnpinEvent(MatrixClientPeg.safeGet(), this.props.mxEvent);
+        PosthogTrackers.trackPinUnpinMessage(isPinned ? "Pin" : "Unpin", "Timeline");
+
+        this.closeMenu();
+    };
+
+    private closeMenu = (): void => {
+        this.props.onFinished();
+    };
+
+    private onUnhidePreviewClick = (): void => {
+        this.props.eventTileOps?.unhideWidget();
+        this.closeMenu();
+    };
+
+    private onShareClick = (e: ButtonEvent): void => {
+        e.preventDefault();
+        Modal.createDialog(ShareDialog, {
+            target: this.props.mxEvent,
+            permalinkCreator: this.props.permalinkCreator,
+        });
+        this.closeMenu();
+    };
+
+    private onCopyLinkClick = (e: ButtonEvent): void => {
+        e.preventDefault(); // So that we don't open the permalink
+        if (!this.props.link) return;
+        copyPlaintext(this.props.link);
+        this.closeMenu();
+    };
+
+    private onCollapseReplyChainClick = (): void => {
+        this.props.collapseReplyChain?.();
+        this.closeMenu();
+    };
+
+    private onCopyClick = (): void => {
+        copyPlaintext(getSelectedText());
+        this.closeMenu();
+    };
+
+    private onQuoteClick = (): void => {
+        const selectedText = getSelectedText();
+        if (selectedText) {
+            // Format as markdown quote
+            const quotedText = selectedText
+                .trim()
+                .split(/\r?\n/)
+                .map((line) => `> ${line}`)
+                .join("\n");
+            dis.dispatch({
+                action: Action.ComposerInsert,
+                text: "\n" + quotedText + "\n\n ",
+                timelineRenderingType: this.context.timelineRenderingType,
+            });
+        }
+        this.closeMenu();
+    };
+
+    private onEditClick = (): void => {
+        editEvent(
+            MatrixClientPeg.safeGet(),
+            this.props.mxEvent,
+            this.context.timelineRenderingType,
+            this.props.getRelationsForEvent,
+        );
+        this.closeMenu();
+    };
+
+    private onReplyClick = (): void => {
+        dis.dispatch({
+            action: "reply_to_event",
+            event: this.props.mxEvent,
+            context: this.context.timelineRenderingType,
+        });
+        this.closeMenu();
+    };
+
+    private onReactClick = (): void => {
+        this.setState({ reactionPickerDisplayed: true });
+    };
+
+    private onCloseReactionPicker = (): void => {
+        this.setState({ reactionPickerDisplayed: false });
+        this.closeMenu();
+    };
+
+    private onEndPollClick = (): void => {
+        const matrixClient = MatrixClientPeg.safeGet();
+        Modal.createDialog(
+            EndPollDialog,
+            {
+                matrixClient,
+                event: this.props.mxEvent,
+            },
+            "mx_Dialog_endPoll",
+        );
+        this.closeMenu();
+    };
+
+    private getReactions(filter: (e: MatrixEvent) => boolean): MatrixEvent[] {
+        const cli = MatrixClientPeg.safeGet();
+        const room = cli.getRoom(this.props.mxEvent.getRoomId());
+        const eventId = this.props.mxEvent.getId();
+        return (
+            room?.getPendingEvents().filter((e) => {
+                const relation = e.getRelation();
+                return relation?.rel_type === RelationType.Annotation && relation.event_id === eventId && filter(e);
+            }) ?? []
+        );
+    }
+
+    private getUnsentReactions(): MatrixEvent[] {
+        return this.getReactions((e) => e.status === EventStatus.NOT_SENT);
+    }
+
+    private viewInRoom = (): void => {
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            event_id: this.props.mxEvent.getId(),
+            highlighted: true,
+            room_id: this.props.mxEvent.getRoomId(),
+            metricsTrigger: undefined, // room doesn't change
+        });
+        this.closeMenu();
+    };
+
+    public render(): React.ReactNode {
+        const cli = MatrixClientPeg.safeGet();
+        const me = cli.getUserId();
+        const { mxEvent, rightClick, link, eventTileOps, reactions, collapseReplyChain, ...other } = this.props;
+        delete other.getRelationsForEvent;
+        delete other.permalinkCreator;
+
+        const eventStatus = mxEvent.status;
+        const unsentReactionsCount = this.getUnsentReactions().length;
+        const contentActionable = isContentActionable(mxEvent);
+        const permalink = this.props.permalinkCreator?.forEvent(this.props.mxEvent.getId()!);
+        // status is SENT before remote-echo, null after
+        const isSent = !eventStatus || eventStatus === EventStatus.SENT;
+        const { timelineRenderingType, canReact, canSendMessages } = this.context;
+        const isThread =
+            timelineRenderingType === TimelineRenderingType.Thread ||
+            timelineRenderingType === TimelineRenderingType.ThreadsList;
+        const isThreadRootEvent = isThread && mxEvent?.getThread()?.rootEvent === mxEvent;
+
+        let resendReactionsButton: JSX.Element | undefined;
+        if (!mxEvent.isRedacted() && unsentReactionsCount !== 0) {
+            resendReactionsButton = (
+                <IconizedContextMenuOption
+                    icon={<RestartIcon />}
+                    label={_t("timeline|context_menu|resent_unsent_reactions", { unsentCount: unsentReactionsCount })}
+                    onClick={this.onResendReactionsClick}
+                />
+            );
+        }
+
+        let redactButton: JSX.Element | undefined;
+        if (isSent && this.state.canRedact) {
+            redactButton = (
+                <IconizedContextMenuOption
+                    icon={<DeleteIcon />}
+                    label={_t("action|remove")}
+                    onClick={this.onRedactClick}
+                />
+            );
+        }
+
+        let openInMapSiteButton: JSX.Element | undefined;
+        const shareableLocationEvent = getShareableLocationEvent(mxEvent, cli);
+        if (shareableLocationEvent) {
+            const mapSiteLink = createMapSiteLinkFromEvent(shareableLocationEvent);
+            openInMapSiteButton = (
+                <IconizedContextMenuOption
+                    icon={<PopOutIcon />}
+                    onClick={null}
+                    label={_t("timeline|context_menu|open_in_osm")}
+                    element="a"
+                    {...{
+                        href: mapSiteLink,
+                        target: "_blank",
+                        rel: "noreferrer noopener",
+                    }}
+                />
+            );
+        }
+
+        let forwardButton: JSX.Element | undefined;
+        const forwardableEvent = getForwardableEvent(mxEvent, cli);
+        if (contentActionable && forwardableEvent) {
+            forwardButton = (
+                <IconizedContextMenuOption
+                    icon={<ForwardIcon />}
+                    label={_t("action|forward")}
+                    onClick={this.onForwardClick(forwardableEvent)}
+                />
+            );
+        }
+
+        // This is specifically not behind the developerMode flag to give people insight into the Matrix
+        const viewSourceButton = (
+            <IconizedContextMenuOption
+                icon={<InlineCodeIcon />}
+                label={_t("timeline|context_menu|view_source")}
+                onClick={this.onViewSourceClick}
+            />
+        );
+
+        let unhidePreviewButton: JSX.Element | undefined;
+        if (eventTileOps?.isWidgetHidden()) {
+            unhidePreviewButton = (
+                <IconizedContextMenuOption
+                    icon={<VisibilityOnIcon />}
+                    label={_t("timeline|context_menu|show_url_preview")}
+                    onClick={this.onUnhidePreviewClick}
+                />
+            );
+        }
+
+        let permalinkButton: JSX.Element | undefined;
+        if (permalink) {
+            permalinkButton = (
+                <IconizedContextMenuOption
+                    icon={<ShareIcon />}
+                    onClick={this.onShareClick}
+                    label={_t("action|share")}
+                    element="a"
+                    {
+                        // XXX: Typescript signature for AccessibleButton doesn't work properly for non-inputs like `a`
+                        ...{
+                            href: permalink,
+                            target: "_blank",
+                            rel: "noreferrer noopener",
+                        }
+                    }
+                />
+            );
+        }
+
+        let endPollButton: JSX.Element | undefined;
+        if (this.canEndPoll(mxEvent)) {
+            endPollButton = (
+                <IconizedContextMenuOption
+                    icon={<CheckIcon />}
+                    label={_t("poll|end_title")}
+                    onClick={this.onEndPollClick}
+                />
+            );
+        }
+
+        // Bridges can provide a 'external_url' to link back to the source.
+        let externalURLButton: JSX.Element | undefined;
+        if (
+            typeof mxEvent.getContent().external_url === "string" &&
+            isUrlPermitted(mxEvent.getContent().external_url)
+        ) {
+            externalURLButton = (
+                <IconizedContextMenuOption
+                    icon={<LinkIcon />}
+                    onClick={this.closeMenu}
+                    label={_t("timeline|context_menu|external_url")}
+                    element="a"
+                    {
+                        // XXX: Typescript signature for AccessibleButton doesn't work properly for non-inputs like `a`
+                        ...{
+                            target: "_blank",
+                            rel: "noreferrer noopener",
+                            href: mxEvent.getContent().external_url,
+                        }
+                    }
+                />
+            );
+        }
+
+        let collapseReplyChainButton: JSX.Element | undefined;
+        if (collapseReplyChain) {
+            collapseReplyChainButton = (
+                <IconizedContextMenuOption
+                    icon={<ChevronUpIcon />}
+                    label={_t("timeline|context_menu|collapse_reply_thread")}
+                    onClick={this.onCollapseReplyChainClick}
+                />
+            );
+        }
+
+        let jumpToRelatedEventButton: JSX.Element | undefined;
+        const relatedEventId = mxEvent.getAssociatedId();
+        if (relatedEventId && SettingsStore.getValue("developerMode")) {
+            jumpToRelatedEventButton = (
+                <IconizedContextMenuOption
+                    icon={<TreeIcon />}
+                    label={_t("timeline|context_menu|view_related_event")}
+                    onClick={() => this.onJumpToRelatedEventClick(relatedEventId)}
+                />
+            );
+        }
+
+        let reportEventButton: JSX.Element | undefined;
+        if (mxEvent.getSender() !== me) {
+            reportEventButton = (
+                <IconizedContextMenuOption
+                    icon={<ErrorSolidIcon />}
+                    label={_t("timeline|context_menu|report")}
+                    onClick={this.onReportEventClick}
+                />
+            );
+        }
+
+        let copyLinkButton: JSX.Element | undefined;
+        if (link) {
+            copyLinkButton = (
+                <IconizedContextMenuOption
+                    icon={<CopyIcon />}
+                    onClick={this.onCopyLinkClick}
+                    label={_t("action|copy_link")}
+                    element="a"
+                    {
+                        // XXX: Typescript signature for AccessibleButton doesn't work properly for non-inputs like `a`
+                        ...{
+                            href: link,
+                            target: "_blank",
+                            rel: "noreferrer noopener",
+                        }
+                    }
+                />
+            );
+        }
+
+        const selectedText = getSelectedText();
+
+        let copyButton: JSX.Element | undefined;
+        if (rightClick && selectedText) {
+            copyButton = (
+                <IconizedContextMenuOption
+                    icon={<CopyIcon />}
+                    label={_t("action|copy")}
+                    triggerOnMouseDown={true} // We use onMouseDown so that the selection isn't cleared when we click
+                    onClick={this.onCopyClick}
+                />
+            );
+        }
+
+        let quoteButton: JSX.Element | undefined;
+        if (rightClick && selectedText && selectedText.trim().length > 0 && this.isSelectionWithinSingleTextBody()) {
+            quoteButton = (
+                <IconizedContextMenuOption
+                    icon={<QuoteIcon />}
+                    label={_t("action|quote")}
+                    triggerOnMouseDown={true}
+                    onClick={this.onQuoteClick}
+                />
+            );
+        }
+
+        let editButton: JSX.Element | undefined;
+        if (rightClick && canEditContent(cli, mxEvent)) {
+            editButton = (
+                <IconizedContextMenuOption icon={<EditIcon />} label={_t("action|edit")} onClick={this.onEditClick} />
+            );
+        }
+
+        let replyButton: JSX.Element | undefined;
+        if (rightClick && contentActionable && canSendMessages) {
+            replyButton = (
+                <IconizedContextMenuOption
+                    icon={<ReplyIcon />}
+                    label={_t("action|reply")}
+                    onClick={this.onReplyClick}
+                />
+            );
+        }
+
+        let replyInThreadButton: JSX.Element | undefined;
+        if (
+            rightClick &&
+            contentActionable &&
+            canSendMessages &&
+            Thread.hasServerSideSupport &&
+            timelineRenderingType !== TimelineRenderingType.Thread
+        ) {
+            replyInThreadButton = <ReplyInThreadButton mxEvent={mxEvent} closeMenu={this.closeMenu} />;
+        }
+
+        let reactButton: JSX.Element | undefined;
+        if (rightClick && contentActionable && canReact) {
+            reactButton = (
+                <IconizedContextMenuOption
+                    icon={<ReactionAddIcon />}
+                    label={_t("action|react")}
+                    onClick={this.onReactClick}
+                    inputRef={this.reactButtonRef}
+                />
+            );
+        }
+
+        let pinButton: JSX.Element | undefined;
+        if (rightClick && this.state.canPin) {
+            const isPinned = PinningUtils.isPinned(MatrixClientPeg.safeGet(), this.props.mxEvent);
+            pinButton = (
+                <IconizedContextMenuOption
+                    icon={isPinned ? <UnpinIcon /> : <PinIcon />}
+                    label={isPinned ? _t("action|unpin") : _t("action|pin")}
+                    onClick={() => this.onPinClick(isPinned)}
+                />
+            );
+        }
+
+        let viewInRoomButton: JSX.Element | undefined;
+        if (isThreadRootEvent) {
+            viewInRoomButton = (
+                <IconizedContextMenuOption
+                    icon={<VisibilityOnIcon />}
+                    label={_t("timeline|mab|view_in_room")}
+                    onClick={this.viewInRoom}
+                />
+            );
+        }
+
+        let nativeItemsList: JSX.Element | undefined;
+        if (copyButton || quoteButton || copyLinkButton) {
+            nativeItemsList = (
+                <IconizedContextMenuOptionList>
+                    {copyButton}
+                    {quoteButton}
+                    {copyLinkButton}
+                </IconizedContextMenuOptionList>
+            );
+        }
+
+        let quickItemsList: JSX.Element | undefined;
+        if (editButton || replyButton || reactButton || pinButton) {
+            quickItemsList = (
+                <IconizedContextMenuOptionList>
+                    {reactButton}
+                    {replyButton}
+                    {replyInThreadButton}
+                    {editButton}
+                    {pinButton}
+                </IconizedContextMenuOptionList>
+            );
+        }
+
+        const commonItemsList = (
+            <IconizedContextMenuOptionList>
+                {viewInRoomButton}
+                {openInMapSiteButton}
+                {endPollButton}
+                {forwardButton}
+                {permalinkButton}
+                {reportEventButton}
+                {externalURLButton}
+                {jumpToRelatedEventButton}
+                {unhidePreviewButton}
+                {viewSourceButton}
+                {resendReactionsButton}
+                {collapseReplyChainButton}
+            </IconizedContextMenuOptionList>
+        );
+
+        let redactItemList: JSX.Element | undefined;
+        if (redactButton) {
+            redactItemList = <IconizedContextMenuOptionList red>{redactButton}</IconizedContextMenuOptionList>;
+        }
+
+        let reactionPicker: JSX.Element | undefined;
+        if (this.state.reactionPickerDisplayed) {
+            const buttonRect = (this.reactButtonRef.current as HTMLElement)?.getBoundingClientRect();
+            reactionPicker = (
+                <ContextMenu {...toRightOf(buttonRect)} onFinished={this.closeMenu} managed={false} focusLock>
+                    <ReactionPicker mxEvent={mxEvent} onFinished={this.onCloseReactionPicker} reactions={reactions} />
+                </ContextMenu>
+            );
+        }
+
+        return (
+            <React.Fragment>
+                <IconizedContextMenu
+                    {...other}
+                    className="mx_MessageContextMenu"
+                    compact={true}
+                    data-testid="mx_MessageContextMenu"
+                >
+                    {nativeItemsList}
+                    {quickItemsList}
+                    {commonItemsList}
+                    {redactItemList}
+                </IconizedContextMenu>
+                {reactionPicker}
+            </React.Fragment>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/context_menus/RoomGeneralContextMenu.tsx b/apps/web/src/components/views/context_menus/RoomGeneralContextMenu.tsx
new file mode 100644
index 00000000000..5da2978f830
--- /dev/null
+++ b/apps/web/src/components/views/context_menus/RoomGeneralContextMenu.tsx
@@ -0,0 +1,316 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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 { logger } from "matrix-js-sdk/src/logger";
+import { type Room, RoomEvent } from "matrix-js-sdk/src/matrix";
+import React, { type JSX, useContext } from "react";
+import {
+    FavouriteSolidIcon,
+    LinkIcon,
+    SettingsSolidIcon,
+    ArrowDownIcon,
+    MarkAsReadIcon,
+    MarkAsUnreadIcon,
+    LeaveIcon,
+    UserAddIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import RoomListActions from "../../../actions/RoomListActions";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import dis from "../../../dispatcher/dispatcher";
+import { useEventEmitterState } from "../../../hooks/useEventEmitter";
+import { useUnreadNotifications } from "../../../hooks/useUnreadNotifications";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { _t } from "../../../languageHandler";
+import { NotificationLevel } from "../../../stores/notifications/NotificationLevel";
+import { DefaultTagID, type TagID } from "../../../stores/room-list-v3/skip-list/tag";
+import DMRoomMap from "../../../utils/DMRoomMap";
+import { clearRoomNotification, setMarkedUnreadState } from "../../../utils/notifications";
+import { type IProps as IContextMenuProps } from "../../structures/ContextMenu";
+import IconizedContextMenu, {
+    IconizedContextMenuCheckbox,
+    IconizedContextMenuOption,
+    IconizedContextMenuOptionList,
+} from "../context_menus/IconizedContextMenu";
+import { type ButtonEvent } from "../elements/AccessibleButton";
+import { shouldShowComponent } from "../../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../../settings/UIFeature";
+import { DeveloperToolsOption } from "./DeveloperToolsOption";
+import { useSettingValue } from "../../../hooks/useSettings";
+import { getTagsForRoom } from "../../../utils/room/getTagsForRoom";
+
+export interface RoomGeneralContextMenuProps extends IContextMenuProps {
+    room: Room;
+    /**
+     * Called when the 'favourite' option is selected, after the menu has processed
+     * the mouse or keyboard event.
+     * @param event The event that caused the option to be selected.
+     */
+    onPostFavoriteClick?: (event: ButtonEvent) => void;
+    /**
+     * Called when the 'low priority' option is selected, after the menu has processed
+     * the mouse or keyboard event.
+     * @param event The event that caused the option to be selected.
+     */
+    onPostLowPriorityClick?: (event: ButtonEvent) => void;
+    /**
+     * Called when the 'invite' option is selected, after the menu has processed
+     * the mouse or keyboard event.
+     * @param event The event that caused the option to be selected.
+     */
+    onPostInviteClick?: (event: ButtonEvent) => void;
+    /**
+     * Called when the 'copy link' option is selected, after the menu has processed
+     * the mouse or keyboard event.
+     * @param event The event that caused the option to be selected.
+     */
+    onPostCopyLinkClick?: (event: ButtonEvent) => void;
+    /**
+     * Called when the 'settings' option is selected, after the menu has processed
+     * the mouse or keyboard event.
+     * @param event The event that caused the option to be selected.
+     */
+    onPostSettingsClick?: (event: ButtonEvent) => void;
+    /**
+     * Called when the 'forget room' option is selected, after the menu has processed
+     * the mouse or keyboard event.
+     * @param event The event that caused the option to be selected.
+     */
+    onPostForgetClick?: (event: ButtonEvent) => void;
+    /**
+     * Called when the 'leave' option is selected, after the menu has processed
+     * the mouse or keyboard event.
+     * @param event The event that caused the option to be selected.
+     */
+    onPostLeaveClick?: (event: ButtonEvent) => void;
+    /**
+     * Called when the 'mark as read' option is selected, after the menu has processed
+     * the mouse or keyboard event.
+     * @param event The event that caused the option to be selected.
+     */
+    onPostMarkAsReadClick?: (event: ButtonEvent) => void;
+    /**
+     * Called when the 'mark as unread' option is selected, after the menu has processed
+     * the mouse or keyboard event.
+     * @param event The event that caused the option to be selected.
+     */
+    onPostMarkAsUnreadClick?: (event: ButtonEvent) => void;
+}
+
+/**
+ * Room context menu accessible via the room list.
+ */
+export const RoomGeneralContextMenu: React.FC<RoomGeneralContextMenuProps> = ({
+    room,
+    onFinished,
+    onPostFavoriteClick,
+    onPostLowPriorityClick,
+    onPostInviteClick,
+    onPostCopyLinkClick,
+    onPostSettingsClick,
+    onPostLeaveClick,
+    onPostForgetClick,
+    onPostMarkAsReadClick,
+    onPostMarkAsUnreadClick,
+    ...props
+}) => {
+    const cli = useContext(MatrixClientContext);
+    const roomTags = useEventEmitterState(room, RoomEvent.Tags, () => getTagsForRoom(room));
+    const isDm = DMRoomMap.shared().getUserIdForRoomId(room.roomId);
+    const wrapHandler = (
+        handler: (ev: ButtonEvent) => void,
+        postHandler?: (ev: ButtonEvent) => void,
+        persistent = false,
+    ): ((ev: ButtonEvent) => void) => {
+        return (ev: ButtonEvent) => {
+            ev.preventDefault();
+            ev.stopPropagation();
+
+            handler(ev);
+
+            const action = getKeyBindingsManager().getAccessibilityAction(ev as React.KeyboardEvent);
+            if (!persistent || action === KeyBindingAction.Enter) {
+                onFinished();
+            }
+            postHandler?.(ev);
+        };
+    };
+
+    const onTagRoom = (ev: ButtonEvent, tagId: TagID): void => {
+        if (!cli) return;
+        if (tagId === DefaultTagID.Favourite || tagId === DefaultTagID.LowPriority) {
+            const inverseTag = tagId === DefaultTagID.Favourite ? DefaultTagID.LowPriority : DefaultTagID.Favourite;
+            const isApplied = getTagsForRoom(room).includes(tagId);
+            const removeTag = isApplied ? tagId : inverseTag;
+            const addTag = isApplied ? null : tagId;
+            dis.dispatch(RoomListActions.tagRoom(cli, room, removeTag, addTag));
+        } else {
+            logger.warn(`Unexpected tag ${tagId} applied to ${room.roomId}`);
+        }
+    };
+
+    const isFavorite = roomTags.includes(DefaultTagID.Favourite);
+    const favoriteOption: JSX.Element = (
+        <IconizedContextMenuCheckbox
+            onClick={wrapHandler((ev) => onTagRoom(ev, DefaultTagID.Favourite), onPostFavoriteClick, true)}
+            active={isFavorite}
+            label={isFavorite ? _t("room|context_menu|unfavourite") : _t("room|context_menu|favourite")}
+            icon={<FavouriteSolidIcon />}
+        />
+    );
+
+    const isLowPriority = roomTags.includes(DefaultTagID.LowPriority);
+    const lowPriorityOption: JSX.Element = (
+        <IconizedContextMenuCheckbox
+            onClick={wrapHandler((ev) => onTagRoom(ev, DefaultTagID.LowPriority), onPostLowPriorityClick, true)}
+            active={isLowPriority}
+            label={_t("room|context_menu|low_priority")}
+            icon={<ArrowDownIcon />}
+        />
+    );
+
+    let inviteOption: JSX.Element | null = null;
+    if (room.canInvite(cli.getUserId()!) && !isDm && shouldShowComponent(UIComponent.InviteUsers)) {
+        inviteOption = (
+            <IconizedContextMenuOption
+                onClick={wrapHandler(
+                    () =>
+                        dis.dispatch({
+                            action: "view_invite",
+                            roomId: room.roomId,
+                        }),
+                    onPostInviteClick,
+                )}
+                label={_t("action|invite")}
+                icon={<UserAddIcon />}
+            />
+        );
+    }
+
+    let copyLinkOption: JSX.Element | null = null;
+    if (!isDm) {
+        copyLinkOption = (
+            <IconizedContextMenuOption
+                onClick={wrapHandler(
+                    () =>
+                        dis.dispatch({
+                            action: "copy_room",
+                            room_id: room.roomId,
+                        }),
+                    onPostCopyLinkClick,
+                )}
+                label={_t("room|context_menu|copy_link")}
+                icon={<LinkIcon />}
+            />
+        );
+    }
+
+    const settingsOption: JSX.Element = (
+        <IconizedContextMenuOption
+            onClick={wrapHandler(
+                () =>
+                    dis.dispatch({
+                        action: "open_room_settings",
+                        room_id: room.roomId,
+                    }),
+                onPostSettingsClick,
+            )}
+            label={_t("common|settings")}
+            icon={<SettingsSolidIcon />}
+        />
+    );
+
+    let leaveOption: JSX.Element;
+    if (roomTags.includes(DefaultTagID.Archived)) {
+        leaveOption = (
+            <IconizedContextMenuOption
+                icon={<LeaveIcon />}
+                label={_t("room|context_menu|forget")}
+                className="mx_IconizedContextMenu_option_red"
+                onClick={wrapHandler(
+                    () =>
+                        dis.dispatch({
+                            action: "forget_room",
+                            room_id: room.roomId,
+                        }),
+                    onPostForgetClick,
+                )}
+            />
+        );
+    } else {
+        leaveOption = (
+            <IconizedContextMenuOption
+                onClick={wrapHandler(
+                    () =>
+                        dis.dispatch({
+                            action: "leave_room",
+                            room_id: room.roomId,
+                        }),
+                    onPostLeaveClick,
+                )}
+                label={_t("action|leave")}
+                className="mx_IconizedContextMenu_option_red"
+                icon={<LeaveIcon />}
+            />
+        );
+    }
+
+    const { level } = useUnreadNotifications(room);
+    const markAsReadOption: JSX.Element | null = (() => {
+        if (level > NotificationLevel.None) {
+            return (
+                <IconizedContextMenuOption
+                    onClick={wrapHandler(() => {
+                        clearRoomNotification(room, cli);
+                        onFinished?.();
+                    }, onPostMarkAsReadClick)}
+                    label={_t("room|context_menu|mark_read")}
+                    icon={<MarkAsReadIcon />}
+                />
+            );
+        } else if (!roomTags.includes(DefaultTagID.Archived)) {
+            return (
+                <IconizedContextMenuOption
+                    onClick={wrapHandler(() => {
+                        setMarkedUnreadState(room, cli, true);
+                        onFinished?.();
+                    }, onPostMarkAsUnreadClick)}
+                    label={_t("room|context_menu|mark_unread")}
+                    icon={<MarkAsUnreadIcon />}
+                />
+            );
+        } else {
+            return null;
+        }
+    })();
+
+    const developerModeEnabled = useSettingValue("developerMode");
+    const developerToolsOption = developerModeEnabled ? (
+        <DeveloperToolsOption onFinished={onFinished} roomId={room.roomId} />
+    ) : null;
+
+    return (
+        <IconizedContextMenu {...props} onFinished={onFinished} className="mx_RoomGeneralContextMenu" compact>
+            <IconizedContextMenuOptionList>
+                {markAsReadOption}
+                {!roomTags.includes(DefaultTagID.Archived) && (
+                    <>
+                        {favoriteOption}
+                        {lowPriorityOption}
+                        {inviteOption}
+                        {copyLinkOption}
+                        {settingsOption}
+                    </>
+                )}
+                {developerToolsOption}
+            </IconizedContextMenuOptionList>
+            <IconizedContextMenuOptionList red>{leaveOption}</IconizedContextMenuOptionList>
+        </IconizedContextMenu>
+    );
+};
diff --git a/apps/web/src/components/views/context_menus/RoomNotificationContextMenu.tsx b/apps/web/src/components/views/context_menus/RoomNotificationContextMenu.tsx
new file mode 100644
index 00000000000..bcf240dddd2
--- /dev/null
+++ b/apps/web/src/components/views/context_menus/RoomNotificationContextMenu.tsx
@@ -0,0 +1,87 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type Room } from "matrix-js-sdk/src/matrix";
+import React, { type JSX } from "react";
+
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { useNotificationState } from "../../../hooks/useRoomNotificationState";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { _t } from "../../../languageHandler";
+import { RoomNotifState } from "../../../RoomNotifs";
+import { type IProps as IContextMenuProps } from "../../structures/ContextMenu";
+import IconizedContextMenu, {
+    IconizedContextMenuOptionList,
+    IconizedContextMenuRadio,
+} from "../context_menus/IconizedContextMenu";
+import { type ButtonEvent } from "../elements/AccessibleButton";
+
+interface IProps extends IContextMenuProps {
+    room: Room;
+}
+
+export const RoomNotificationContextMenu: React.FC<IProps> = ({ room, onFinished, ...props }) => {
+    const [notificationState, setNotificationState] = useNotificationState(room);
+
+    const wrapHandler = (handler: (ev: ButtonEvent) => void, persistent = false): ((ev: ButtonEvent) => void) => {
+        return (ev: ButtonEvent) => {
+            ev.preventDefault();
+            ev.stopPropagation();
+
+            handler(ev);
+
+            const action = getKeyBindingsManager().getAccessibilityAction(ev as React.KeyboardEvent);
+            if (!persistent || action === KeyBindingAction.Enter) {
+                onFinished();
+            }
+        };
+    };
+
+    const defaultOption: JSX.Element = (
+        <IconizedContextMenuRadio
+            label={_t("room|context_menu|notifications_default")}
+            active={notificationState === RoomNotifState.AllMessages}
+            onClick={wrapHandler(() => setNotificationState(RoomNotifState.AllMessages))}
+        />
+    );
+
+    const allMessagesOption: JSX.Element = (
+        <IconizedContextMenuRadio
+            label={_t("notifications|all_messages")}
+            active={notificationState === RoomNotifState.AllMessagesLoud}
+            onClick={wrapHandler(() => setNotificationState(RoomNotifState.AllMessagesLoud))}
+        />
+    );
+
+    const mentionsOption: JSX.Element = (
+        <IconizedContextMenuRadio
+            label={_t("notifications|mentions_keywords")}
+            active={notificationState === RoomNotifState.MentionsOnly}
+            onClick={wrapHandler(() => setNotificationState(RoomNotifState.MentionsOnly))}
+        />
+    );
+
+    const muteOption: JSX.Element = (
+        <IconizedContextMenuRadio
+            label={_t("room|context_menu|notifications_mute")}
+            active={notificationState === RoomNotifState.Mute}
+            onClick={wrapHandler(() => setNotificationState(RoomNotifState.Mute))}
+        />
+    );
+
+    return (
+        <IconizedContextMenu {...props} onFinished={onFinished} className="mx_RoomNotificationContextMenu" compact>
+            <IconizedContextMenuOptionList first>
+                {defaultOption}
+                {allMessagesOption}
+                {mentionsOption}
+                {muteOption}
+            </IconizedContextMenuOptionList>
+        </IconizedContextMenu>
+    );
+};
diff --git a/apps/web/src/components/views/context_menus/SpaceContextMenu.tsx b/apps/web/src/components/views/context_menus/SpaceContextMenu.tsx
new file mode 100644
index 00000000000..49d8275ab66
--- /dev/null
+++ b/apps/web/src/components/views/context_menus/SpaceContextMenu.tsx
@@ -0,0 +1,270 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, useContext } from "react";
+import { type Room, EventType, RoomType } from "matrix-js-sdk/src/matrix";
+import {
+    HomeSolidIcon,
+    PlusIcon,
+    SettingsSolidIcon,
+    LeaveIcon,
+    SearchIcon,
+    PreferencesIcon,
+    UserAddIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { type IProps as IContextMenuProps } from "../../structures/ContextMenu";
+import IconizedContextMenu, { IconizedContextMenuOption, IconizedContextMenuOptionList } from "./IconizedContextMenu";
+import { _t } from "../../../languageHandler";
+import {
+    shouldShowSpaceSettings,
+    showCreateNewRoom,
+    showCreateNewSubspace,
+    showSpaceInvite,
+    showSpacePreferences,
+    showSpaceSettings,
+} from "../../../utils/space";
+import { leaveSpace } from "../../../utils/leave-behaviour";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { type ButtonEvent } from "../elements/AccessibleButton";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { BetaPill } from "../beta/BetaCard";
+import SettingsStore from "../../../settings/SettingsStore";
+import { useFeatureEnabled } from "../../../hooks/useSettings";
+import { Action } from "../../../dispatcher/actions";
+import { shouldShowComponent } from "../../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../../settings/UIFeature";
+import PosthogTrackers from "../../../PosthogTrackers";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+
+interface IProps extends IContextMenuProps {
+    space?: Room;
+    hideHeader?: boolean;
+}
+
+const SpaceContextMenu: React.FC<IProps> = ({ space, hideHeader, onFinished, ...props }) => {
+    const cli = useContext(MatrixClientContext);
+    const userId = cli.getSafeUserId();
+    const videoRoomsEnabled = useFeatureEnabled("feature_video_rooms");
+    const elementCallVideoRoomsEnabled = useFeatureEnabled("feature_element_call_video_rooms");
+
+    if (!space) return null;
+
+    let inviteOption: JSX.Element | null = null;
+    if (space.getJoinRule() === "public" || space.canInvite(userId)) {
+        const onInviteClick = (ev: ButtonEvent): void => {
+            ev.preventDefault();
+            ev.stopPropagation();
+
+            showSpaceInvite(space);
+            onFinished();
+        };
+
+        inviteOption = (
+            <IconizedContextMenuOption
+                data-testid="invite-option"
+                className="mx_SpacePanel_contextMenu_inviteButton"
+                icon={<UserAddIcon />}
+                label={_t("action|invite")}
+                onClick={onInviteClick}
+            />
+        );
+    }
+
+    let settingsOption: JSX.Element | null = null;
+    let leaveOption: JSX.Element | null = null;
+    if (shouldShowSpaceSettings(space)) {
+        const onSettingsClick = (ev: ButtonEvent): void => {
+            ev.preventDefault();
+            ev.stopPropagation();
+
+            showSpaceSettings(space);
+            onFinished();
+        };
+
+        settingsOption = (
+            <IconizedContextMenuOption
+                data-testid="settings-option"
+                icon={<SettingsSolidIcon />}
+                label={_t("common|settings")}
+                onClick={onSettingsClick}
+            />
+        );
+    } else {
+        const onLeaveClick = (ev: ButtonEvent): void => {
+            ev.preventDefault();
+            ev.stopPropagation();
+
+            leaveSpace(space);
+            onFinished();
+        };
+
+        leaveOption = (
+            <IconizedContextMenuOption
+                data-testid="leave-option"
+                icon={<LeaveIcon />}
+                className="mx_IconizedContextMenu_option_red"
+                label={_t("space|leave_dialog_action")}
+                onClick={onLeaveClick}
+            />
+        );
+    }
+
+    let devtoolsOption: JSX.Element | null = null;
+    if (SettingsStore.getValue("developerMode")) {
+        const onViewTimelineClick = (ev: ButtonEvent): void => {
+            ev.preventDefault();
+            ev.stopPropagation();
+
+            defaultDispatcher.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: space.roomId,
+                forceTimeline: true,
+                metricsTrigger: undefined, // room doesn't change
+            });
+            onFinished();
+        };
+
+        devtoolsOption = (
+            <IconizedContextMenuOption
+                icon={<SettingsSolidIcon />}
+                label={_t("space|context_menu|devtools_open_timeline")}
+                onClick={onViewTimelineClick}
+            />
+        );
+    }
+
+    const hasPermissionToAddSpaceChild = space.currentState.maySendStateEvent(EventType.SpaceChild, userId);
+    const canAddRooms = hasPermissionToAddSpaceChild && shouldShowComponent(UIComponent.CreateRooms);
+    const canAddVideoRooms = canAddRooms && videoRoomsEnabled;
+    const canAddSubSpaces = hasPermissionToAddSpaceChild && shouldShowComponent(UIComponent.CreateSpaces);
+
+    let newRoomSection: JSX.Element | null = null;
+    if (canAddRooms || canAddSubSpaces) {
+        const onNewRoomClick = (ev: ButtonEvent): void => {
+            ev.preventDefault();
+            ev.stopPropagation();
+
+            PosthogTrackers.trackInteraction("WebSpaceContextMenuNewRoomItem", ev);
+            showCreateNewRoom(space);
+            onFinished();
+        };
+
+        const onNewVideoRoomClick = (ev: ButtonEvent): void => {
+            ev.preventDefault();
+            ev.stopPropagation();
+
+            showCreateNewRoom(space, elementCallVideoRoomsEnabled ? RoomType.UnstableCall : RoomType.ElementVideo);
+            onFinished();
+        };
+
+        const onNewSubspaceClick = (ev: ButtonEvent): void => {
+            ev.preventDefault();
+            ev.stopPropagation();
+
+            showCreateNewSubspace(space);
+            onFinished();
+        };
+
+        newRoomSection = (
+            <>
+                <div data-testid="add-to-space-header" className="mx_SpacePanel_contextMenu_separatorLabel">
+                    {_t("action|add")}
+                </div>
+                {canAddRooms && (
+                    <IconizedContextMenuOption
+                        data-testid="new-room-option"
+                        icon={<PlusIcon />}
+                        label={_t("common|room")}
+                        onClick={onNewRoomClick}
+                    />
+                )}
+                {canAddVideoRooms && (
+                    <IconizedContextMenuOption
+                        data-testid="new-video-room-option"
+                        icon={<PlusIcon />}
+                        label={_t("common|video_room")}
+                        onClick={onNewVideoRoomClick}
+                    >
+                        <BetaPill />
+                    </IconizedContextMenuOption>
+                )}
+                {canAddSubSpaces && (
+                    <IconizedContextMenuOption
+                        data-testid="new-subspace-option"
+                        icon={<PlusIcon />}
+                        label={_t("common|space")}
+                        onClick={onNewSubspaceClick}
+                    >
+                        <BetaPill />
+                    </IconizedContextMenuOption>
+                )}
+            </>
+        );
+    }
+
+    const onPreferencesClick = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+        ev.stopPropagation();
+
+        showSpacePreferences(space);
+        onFinished();
+    };
+
+    const openSpace = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+        ev.stopPropagation();
+
+        defaultDispatcher.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: space.roomId,
+            metricsTrigger: undefined, // other
+        });
+        onFinished();
+    };
+
+    const onExploreRoomsClick = (ev: ButtonEvent): void => {
+        PosthogTrackers.trackInteraction("WebSpaceContextMenuExploreRoomsItem", ev);
+        openSpace(ev);
+    };
+
+    const onHomeClick = (ev: ButtonEvent): void => {
+        PosthogTrackers.trackInteraction("WebSpaceContextMenuHomeItem", ev);
+        openSpace(ev);
+    };
+
+    return (
+        <IconizedContextMenu {...props} onFinished={onFinished} className="mx_SpacePanel_contextMenu" compact>
+            {!hideHeader && <div className="mx_SpacePanel_contextMenu_header">{space.name}</div>}
+            <IconizedContextMenuOptionList first>
+                <IconizedContextMenuOption
+                    icon={<HomeSolidIcon />}
+                    label={_t("space|context_menu|home")}
+                    onClick={onHomeClick}
+                />
+                {inviteOption}
+                <IconizedContextMenuOption
+                    icon={<SearchIcon />}
+                    label={canAddRooms ? _t("space|context_menu|manage_and_explore") : _t("space|context_menu|explore")}
+                    onClick={onExploreRoomsClick}
+                />
+                <IconizedContextMenuOption
+                    icon={<PreferencesIcon />}
+                    label={_t("common|preferences")}
+                    onClick={onPreferencesClick}
+                />
+                {devtoolsOption}
+                {settingsOption}
+                {leaveOption}
+                {newRoomSection}
+            </IconizedContextMenuOptionList>
+        </IconizedContextMenu>
+    );
+};
+
+export default SpaceContextMenu;
diff --git a/apps/web/src/components/views/context_menus/ThreadListContextMenu.tsx b/apps/web/src/components/views/context_menus/ThreadListContextMenu.tsx
new file mode 100644
index 00000000000..8d0feefff46
--- /dev/null
+++ b/apps/web/src/components/views/context_menus/ThreadListContextMenu.tsx
@@ -0,0 +1,126 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, { useCallback, useContext, useEffect } from "react";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { LinkIcon, OverflowHorizontalIcon, VisibilityOnIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { type ButtonEvent } from "../elements/AccessibleButton";
+import dis from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import { copyPlaintext } from "../../../utils/strings";
+import { ChevronFace, ContextMenuTooltipButton, type MenuProps, useContextMenu } from "../../structures/ContextMenu";
+import { _t } from "../../../languageHandler";
+import IconizedContextMenu, { IconizedContextMenuOption, IconizedContextMenuOptionList } from "./IconizedContextMenu";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+export interface ThreadListContextMenuProps {
+    mxEvent: MatrixEvent;
+    permalinkCreator?: RoomPermalinkCreator;
+    onMenuToggle?: (open: boolean) => void;
+}
+
+const contextMenuBelow = (elementRect: DOMRect): MenuProps => {
+    // align the context menu's icons with the icon which opened the context menu
+    const left = elementRect.left + window.scrollX + elementRect.width;
+    const top = elementRect.bottom + window.scrollY;
+    const chevronFace = ChevronFace.None;
+    return { left, top, chevronFace };
+};
+
+const ThreadListContextMenu: React.FC<ThreadListContextMenuProps> = ({
+    mxEvent,
+    permalinkCreator,
+    onMenuToggle,
+    ...props
+}) => {
+    const sdkContext = useContext(SDKContext);
+    const [menuDisplayed, button, openMenu, closeThreadOptions] = useContextMenu();
+
+    const viewInRoom = useCallback(
+        (evt: ButtonEvent): void => {
+            evt.preventDefault();
+            evt.stopPropagation();
+            dis.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                event_id: mxEvent.getId(),
+                highlighted: true,
+                room_id: mxEvent.getRoomId(),
+                metricsTrigger: undefined, // room doesn't change
+            });
+            closeThreadOptions();
+        },
+        [mxEvent, closeThreadOptions],
+    );
+
+    const copyLinkToThread = useCallback(
+        async (evt: ButtonEvent | undefined): Promise<void> => {
+            if (permalinkCreator) {
+                evt?.preventDefault();
+                evt?.stopPropagation();
+                const matrixToUrl = permalinkCreator.forEvent(mxEvent.getId()!);
+                await copyPlaintext(matrixToUrl);
+                closeThreadOptions();
+            }
+        },
+        [mxEvent, closeThreadOptions, permalinkCreator],
+    );
+
+    useEffect(() => {
+        onMenuToggle?.(menuDisplayed);
+    }, [menuDisplayed, onMenuToggle]);
+
+    const room = sdkContext.client?.getRoom(mxEvent.getRoomId());
+    const isMainSplitTimelineShown = !!room && !sdkContext.widgetLayoutStore.hasMaximisedWidget(room);
+    return (
+        <React.Fragment>
+            <ContextMenuTooltipButton
+                {...props}
+                className="mx_BaseCard_header_title_button--option"
+                onClick={openMenu}
+                title={_t("right_panel|thread_list|context_menu_label")}
+                isExpanded={menuDisplayed}
+                ref={button}
+                data-testid="threadlist-dropdown-button"
+            >
+                <OverflowHorizontalIcon />
+            </ContextMenuTooltipButton>
+            {menuDisplayed && (
+                <IconizedContextMenu
+                    onFinished={closeThreadOptions}
+                    className="mx_RoomTile_contextMenu"
+                    compact
+                    rightAligned
+                    {...contextMenuBelow(button.current!.getBoundingClientRect())}
+                >
+                    <IconizedContextMenuOptionList>
+                        {isMainSplitTimelineShown && (
+                            <IconizedContextMenuOption
+                                onClick={(e) => viewInRoom(e)}
+                                label={_t("timeline|mab|view_in_room")}
+                                icon={<VisibilityOnIcon />}
+                            />
+                        )}
+                        {permalinkCreator && (
+                            <IconizedContextMenuOption
+                                data-testid="copy-thread-link"
+                                onClick={(e) => copyLinkToThread(e)}
+                                label={_t("timeline|mab|copy_link_thread")}
+                                icon={<LinkIcon />}
+                            />
+                        )}
+                    </IconizedContextMenuOptionList>
+                </IconizedContextMenu>
+            )}
+        </React.Fragment>
+    );
+};
+
+export default ThreadListContextMenu;
diff --git a/apps/web/src/components/views/dialogs/AddExistingSubspaceDialog.tsx b/apps/web/src/components/views/dialogs/AddExistingSubspaceDialog.tsx
new file mode 100644
index 00000000000..8edf71a242d
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/AddExistingSubspaceDialog.tsx
@@ -0,0 +1,62 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, { useState } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import AccessibleButton from "../elements/AccessibleButton";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { AddExistingToSpace, defaultSpacesRenderer, SubspaceSelector } from "./AddExistingToSpaceDialog";
+
+interface IProps {
+    space: Room;
+    onCreateSubspaceClick(this: void): void;
+    onFinished(this: void, added?: boolean): void;
+}
+
+const AddExistingSubspaceDialog: React.FC<IProps> = ({ space, onCreateSubspaceClick, onFinished }) => {
+    const [selectedSpace, setSelectedSpace] = useState(space);
+
+    return (
+        <BaseDialog
+            title={
+                <SubspaceSelector
+                    title={_t("space|add_existing_subspace|space_dropdown_title")}
+                    space={space}
+                    value={selectedSpace}
+                    onChange={setSelectedSpace}
+                />
+            }
+            className="mx_AddExistingToSpaceDialog"
+            contentId="mx_AddExistingToSpace"
+            onFinished={onFinished}
+            fixedWidth={false}
+        >
+            <MatrixClientContext.Provider value={space.client}>
+                <AddExistingToSpace
+                    space={space}
+                    onFinished={onFinished}
+                    footerPrompt={
+                        <>
+                            <div>{_t("space|add_existing_subspace|create_prompt")}</div>
+                            <AccessibleButton onClick={onCreateSubspaceClick} kind="link">
+                                {_t("space|add_existing_subspace|create_button")}
+                            </AccessibleButton>
+                        </>
+                    }
+                    filterPlaceholder={_t("space|add_existing_subspace|filter_placeholder")}
+                    spacesRenderer={defaultSpacesRenderer}
+                />
+            </MatrixClientContext.Provider>
+        </BaseDialog>
+    );
+};
+
+export default AddExistingSubspaceDialog;
diff --git a/apps/web/src/components/views/dialogs/AddExistingToSpaceDialog.tsx b/apps/web/src/components/views/dialogs/AddExistingToSpaceDialog.tsx
new file mode 100644
index 00000000000..a0368bade6d
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/AddExistingToSpaceDialog.tsx
@@ -0,0 +1,521 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 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 ReactElement, type ReactNode, useContext, useId, useMemo, useRef, useState } from "react";
+import classNames from "classnames";
+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 { CheckIcon, ErrorIcon, RestartIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { AutoHideScrollbar } from "@element-hq/web-shared-components";
+
+import { _t, _td } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import Dropdown from "../elements/Dropdown";
+import SearchBox from "../../structures/SearchBox";
+import RoomAvatar from "../avatars/RoomAvatar";
+import { getDisplayAliasForRoom } from "../../../Rooms";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+import DMRoomMap from "../../../utils/DMRoomMap";
+import { calculateRoomVia } from "../../../utils/permalinks/Permalinks";
+import StyledCheckbox from "../elements/StyledCheckbox";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { sortRoomsByRecency } from "../../../utils/room/sortRoomsByRecency";
+import ProgressBar from "../elements/ProgressBar";
+import DecoratedRoomAvatar from "../avatars/DecoratedRoomAvatar";
+import QueryMatcher from "../../../autocomplete/QueryMatcher";
+import LazyRenderList from "../elements/LazyRenderList";
+import { useSettingValue } from "../../../hooks/useSettings";
+import { filterBoolean } from "../../../utils/arrays";
+import { type NonEmptyArray } from "../../../@types/common";
+import { SDKContextClass } from "../../../contexts/SDKContextClass.ts";
+
+// These values match CSS
+const ROW_HEIGHT = 32 + 12;
+const HEADER_HEIGHT = 15;
+const GROUP_MARGIN = 24;
+
+interface IProps {
+    space: Room;
+    onCreateRoomClick(this: void, ev: ButtonEvent): void;
+    onAddSubspaceClick(this: void): void;
+    onFinished(this: void, added?: boolean): void;
+}
+
+export const Entry: React.FC<{
+    room: Room;
+    checked: boolean;
+    onChange?(this: void, value: boolean): void;
+}> = ({ room, checked, onChange }) => {
+    const id = useId();
+    return (
+        <li id={id} className="mx_AddExistingToSpace_entry" aria-label={room.name}>
+            {room?.isSpaceRoom() ? (
+                <RoomAvatar room={room} size="32px" />
+            ) : (
+                <DecoratedRoomAvatar room={room} size="32px" />
+            )}
+            <span className="mx_AddExistingToSpace_entry_name">{room.name}</span>
+            <StyledCheckbox
+                aria-labelledby={id}
+                onChange={onChange ? (e) => onChange(e.currentTarget.checked) : undefined}
+                checked={checked}
+                disabled={!onChange}
+            />
+        </li>
+    );
+};
+
+type OnChangeFn = (checked: boolean, room: Room) => void;
+
+type Renderer = (
+    rooms: Room[],
+    selectedToAdd: Set<Room>,
+    scrollState: IScrollState,
+    onChange: undefined | OnChangeFn,
+) => ReactNode;
+
+interface IAddExistingToSpaceProps {
+    space: Room;
+    footerPrompt?: ReactNode;
+    filterPlaceholder: string;
+    emptySelectionButton?: ReactNode;
+    onFinished(this: void, added: boolean): void;
+    roomsRenderer?: Renderer;
+    spacesRenderer?: Renderer;
+    dmsRenderer?: Renderer;
+}
+
+interface IScrollState {
+    scrollTop: number;
+    height: number;
+}
+
+const getScrollState = (
+    { scrollTop, height }: IScrollState,
+    numItems: number,
+    ...prevGroupSizes: number[]
+): IScrollState => {
+    let heightBefore = 0;
+    prevGroupSizes.forEach((size) => {
+        heightBefore += GROUP_MARGIN + HEADER_HEIGHT + size * ROW_HEIGHT;
+    });
+
+    const viewportTop = scrollTop;
+    const viewportBottom = viewportTop + height;
+    const listTop = heightBefore + HEADER_HEIGHT;
+    const listBottom = listTop + numItems * ROW_HEIGHT;
+    const top = Math.max(viewportTop, listTop);
+    const bottom = Math.min(viewportBottom, listBottom);
+    // the viewport height and scrollTop passed to the LazyRenderList
+    // is capped at the intersection with the real viewport, so lists
+    // out of view are passed height 0, so they won't render any items.
+    return {
+        scrollTop: Math.max(0, scrollTop - listTop),
+        height: Math.max(0, bottom - top),
+    };
+};
+
+export const AddExistingToSpace: React.FC<IAddExistingToSpaceProps> = ({
+    space,
+    footerPrompt,
+    emptySelectionButton,
+    filterPlaceholder,
+    roomsRenderer,
+    dmsRenderer,
+    spacesRenderer,
+    onFinished,
+}) => {
+    const cli = useContext(MatrixClientContext);
+    const msc3946ProcessDynamicPredecessor = useSettingValue("feature_dynamic_room_predecessors");
+    const visibleRooms = useMemo(
+        () =>
+            cli
+                ?.getVisibleRooms(msc3946ProcessDynamicPredecessor)
+                .filter((r) => r.getMyMembership() === KnownMembership.Join) ?? [],
+        [cli, msc3946ProcessDynamicPredecessor],
+    );
+
+    const scrollRef = useRef<HTMLDivElement | null>(null);
+    const [scrollState, setScrollState] = useState<IScrollState>({
+        // these are estimates which update as soon as it mounts
+        scrollTop: 0,
+        height: 600,
+    });
+
+    const [selectedToAdd, setSelectedToAdd] = useState(new Set<Room>());
+    const [progress, setProgress] = useState<number | null>(null);
+    const [error, setError] = useState(false);
+    const [query, setQuery] = useState("");
+    const lcQuery = query.toLowerCase().trim();
+
+    const existingSubspacesSet = useMemo(
+        () => new Set(SDKContextClass.instance.spaceStore.getChildSpaces(space.roomId)),
+        [space],
+    );
+    const existingRoomsSet = useMemo(
+        () => new Set(SDKContextClass.instance.spaceStore.getChildRooms(space.roomId)),
+        [space],
+    );
+
+    const [spaces, rooms, dms] = useMemo(() => {
+        let rooms = visibleRooms;
+
+        if (lcQuery) {
+            const matcher = new QueryMatcher<Room>(visibleRooms, {
+                keys: ["name"],
+                funcs: [(r) => filterBoolean([r.getCanonicalAlias(), ...r.getAltAliases()])],
+                shouldMatchWordsOnly: false,
+            });
+
+            rooms = matcher.match(lcQuery);
+        }
+
+        const joinRule = space.getJoinRule();
+        return sortRoomsByRecency(rooms, cli.getSafeUserId()).reduce<[spaces: Room[], rooms: Room[], dms: Room[]]>(
+            (arr, room) => {
+                if (room.isSpaceRoom()) {
+                    if (room !== space && !existingSubspacesSet.has(room)) {
+                        arr[0].push(room);
+                    }
+                } else if (!existingRoomsSet.has(room)) {
+                    if (!DMRoomMap.shared().getUserIdForRoomId(room.roomId)) {
+                        arr[1].push(room);
+                    } else if (joinRule !== "public") {
+                        // Only show DMs for non-public spaces as they make very little sense in spaces other than "Just Me" ones.
+                        arr[2].push(room);
+                    }
+                }
+                return arr;
+            },
+            [[], [], []],
+        );
+    }, [visibleRooms, space, lcQuery, existingRoomsSet, existingSubspacesSet, cli]);
+
+    const addRooms = async (): Promise<void> => {
+        setError(false);
+        setProgress(0);
+
+        let error = false;
+
+        for (const room of selectedToAdd) {
+            const via = calculateRoomVia(room);
+            try {
+                await SDKContextClass.instance.spaceStore
+                    .addRoomToSpace(space, room.roomId, via)
+                    .catch(async (e): Promise<void> => {
+                        if (e.errcode === "M_LIMIT_EXCEEDED") {
+                            await sleep(e.data.retry_after_ms);
+                            await SDKContextClass.instance.spaceStore.addRoomToSpace(space, room.roomId, via); // retry
+                            return;
+                        }
+
+                        throw e;
+                    });
+                setProgress((i) => (i ?? 0) + 1);
+            } catch (e) {
+                logger.error("Failed to add rooms to space", e);
+                error = true;
+                break;
+            }
+        }
+
+        if (!error) {
+            onFinished(true);
+        } else {
+            setError(error);
+        }
+    };
+
+    const busy = progress !== null;
+
+    let footer;
+    if (error) {
+        footer = (
+            <>
+                <ErrorIcon height="24px" width="24px" />
+
+                <span className="mx_AddExistingToSpaceDialog_error">
+                    <div className="mx_AddExistingToSpaceDialog_errorHeading">
+                        {_t("space|add_existing_room_space|error_heading")}
+                    </div>
+                    <div className="mx_AddExistingToSpaceDialog_errorCaption">{_t("action|try_again")}</div>
+                </span>
+
+                <AccessibleButton className="mx_AddExistingToSpaceDialog_retryButton" onClick={addRooms}>
+                    <RestartIcon />
+                    {_t("action|retry")}
+                </AccessibleButton>
+            </>
+        );
+    } else if (busy) {
+        footer = (
+            <span>
+                <ProgressBar value={progress} max={selectedToAdd.size} />
+                <div className="mx_AddExistingToSpaceDialog_progressText">
+                    {_t("space|add_existing_room_space|progress_text", {
+                        count: selectedToAdd.size,
+                        progress,
+                    })}
+                </div>
+            </span>
+        );
+    } else {
+        let button = emptySelectionButton;
+        if (!button || selectedToAdd.size > 0) {
+            button = (
+                <AccessibleButton kind="primary" disabled={selectedToAdd.size < 1} onClick={addRooms}>
+                    {_t("action|add")}
+                </AccessibleButton>
+            );
+        }
+
+        footer = (
+            <>
+                <span>{footerPrompt}</span>
+
+                {button}
+            </>
+        );
+    }
+
+    const onChange =
+        !busy && !error
+            ? (checked: boolean, room: Room) => {
+                  if (checked) {
+                      selectedToAdd.add(room);
+                  } else {
+                      selectedToAdd.delete(room);
+                  }
+                  setSelectedToAdd(new Set(selectedToAdd));
+              }
+            : undefined;
+
+    // only count spaces when alone as they're shown on a separate modal all on their own
+    const numSpaces = spacesRenderer && !dmsRenderer && !roomsRenderer ? spaces.length : 0;
+    const numRooms = roomsRenderer ? rooms.length : 0;
+    const numDms = dmsRenderer ? dms.length : 0;
+
+    let noResults = true;
+    if (numSpaces > 0 || numRooms > 0 || numDms > 0) {
+        noResults = false;
+    }
+
+    const onScroll = (): void => {
+        const body = scrollRef.current;
+        if (!body) return;
+        setScrollState({
+            scrollTop: body.scrollTop,
+            height: body.clientHeight,
+        });
+    };
+
+    const wrappedRef = (body: HTMLDivElement | null): void => {
+        scrollRef.current = body;
+        if (!body) return;
+        setScrollState({
+            scrollTop: body.scrollTop,
+            height: body.clientHeight,
+        });
+    };
+
+    const roomsScrollState = getScrollState(scrollState, numRooms);
+    const spacesScrollState = getScrollState(scrollState, numSpaces, numRooms);
+    const dmsScrollState = getScrollState(scrollState, numDms, numSpaces, numRooms);
+
+    return (
+        <div className="mx_AddExistingToSpace">
+            <SearchBox
+                className="mx_textinput_icon mx_textinput_search"
+                placeholder={filterPlaceholder}
+                onSearch={setQuery}
+                autoFocus={true}
+            />
+            <AutoHideScrollbar
+                className="mx_AutoHideScrollbar mx_AddExistingToSpace_content"
+                onScroll={onScroll}
+                wrappedRef={wrappedRef}
+            >
+                {rooms.length > 0 && roomsRenderer
+                    ? roomsRenderer(rooms, selectedToAdd, roomsScrollState, onChange)
+                    : undefined}
+
+                {spaces.length > 0 && spacesRenderer
+                    ? spacesRenderer(spaces, selectedToAdd, spacesScrollState, onChange)
+                    : null}
+
+                {dms.length > 0 && dmsRenderer ? dmsRenderer(dms, selectedToAdd, dmsScrollState, onChange) : null}
+
+                {noResults ? (
+                    <span className="mx_AddExistingToSpace_noResults">{_t("common|no_results")}</span>
+                ) : undefined}
+            </AutoHideScrollbar>
+
+            <div className="mx_AddExistingToSpace_footer">{footer}</div>
+        </div>
+    );
+};
+
+const defaultRendererFactory =
+    (title: TranslationKey): Renderer =>
+    (rooms, selectedToAdd, { scrollTop, height }, onChange) => (
+        <div className="mx_AddExistingToSpace_section">
+            <h3>{_t(title)}</h3>
+            <LazyRenderList
+                element="ul"
+                itemHeight={ROW_HEIGHT}
+                items={rooms}
+                scrollTop={scrollTop}
+                height={height}
+                renderItem={(room) => (
+                    <Entry
+                        key={room.roomId}
+                        room={room}
+                        checked={selectedToAdd.has(room)}
+                        onChange={
+                            onChange
+                                ? (checked: boolean) => {
+                                      onChange(checked, room);
+                                  }
+                                : undefined
+                        }
+                    />
+                )}
+            />
+        </div>
+    );
+
+export const defaultRoomsRenderer = defaultRendererFactory(_td("common|rooms"));
+export const defaultSpacesRenderer = defaultRendererFactory(_td("common|spaces"));
+export const defaultDmsRenderer = defaultRendererFactory(_td("space|add_existing_room_space|dm_heading"));
+
+interface ISubspaceSelectorProps {
+    title: string;
+    space: Room;
+    value: Room;
+    onChange(this: void, space: Room): void;
+}
+
+export const SubspaceSelector: React.FC<ISubspaceSelectorProps> = ({ title, space, value, onChange }) => {
+    const options = useMemo(() => {
+        return [
+            space,
+            ...SDKContextClass.instance.spaceStore.getChildSpaces(space.roomId).filter((space) => {
+                return space.currentState.maySendStateEvent(EventType.SpaceChild, space.client.getSafeUserId());
+            }),
+        ];
+    }, [space]);
+
+    let body;
+    if (options.length > 1) {
+        body = (
+            <Dropdown
+                id="mx_SpaceSelectDropdown"
+                className="mx_SpaceSelectDropdown"
+                onOptionChange={(key: string) => {
+                    onChange(options.find((space) => space.roomId === key) || space);
+                }}
+                value={value.roomId}
+                label={_t("space|add_existing_room_space|space_dropdown_label")}
+            >
+                {
+                    options.map((space) => {
+                        const classes = classNames({
+                            mx_SubspaceSelector_dropdownOptionActive: space === value,
+                        });
+                        return (
+                            <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 }>
+                }
+            </Dropdown>
+        );
+    } else {
+        body = (
+            <div className="mx_SubspaceSelector_onlySpace">
+                {space.name || getDisplayAliasForRoom(space) || space.roomId}
+            </div>
+        );
+    }
+
+    return (
+        <div className="mx_SubspaceSelector">
+            <RoomAvatar room={value} size="40px" />
+            <div>
+                <h1>{title}</h1>
+                {body}
+            </div>
+        </div>
+    );
+};
+
+const AddExistingToSpaceDialog: React.FC<IProps> = ({ space, onCreateRoomClick, onAddSubspaceClick, onFinished }) => {
+    const [selectedSpace, setSelectedSpace] = useState(space);
+
+    return (
+        <BaseDialog
+            title={
+                <SubspaceSelector
+                    title={_t("space|add_existing_room_space|space_dropdown_title")}
+                    space={space}
+                    value={selectedSpace}
+                    onChange={setSelectedSpace}
+                />
+            }
+            className="mx_AddExistingToSpaceDialog"
+            contentId="mx_AddExistingToSpace"
+            onFinished={onFinished}
+            fixedWidth={false}
+        >
+            <MatrixClientContext.Provider value={space.client}>
+                <AddExistingToSpace
+                    space={space}
+                    onFinished={onFinished}
+                    footerPrompt={
+                        <>
+                            <div>{_t("space|add_existing_room_space|create")}</div>
+                            <AccessibleButton
+                                kind="link"
+                                onClick={(ev: ButtonEvent) => {
+                                    onCreateRoomClick(ev);
+                                    onFinished();
+                                }}
+                            >
+                                {_t("space|add_existing_room_space|create_prompt")}
+                            </AccessibleButton>
+                        </>
+                    }
+                    filterPlaceholder={_t("space|room_filter_placeholder")}
+                    roomsRenderer={defaultRoomsRenderer}
+                    spacesRenderer={() => (
+                        <div className="mx_AddExistingToSpace_section">
+                            <h3>{_t("common|spaces")}</h3>
+                            <AccessibleButton
+                                kind="link"
+                                onClick={() => {
+                                    onAddSubspaceClick();
+                                    onFinished();
+                                }}
+                            >
+                                {_t("space|add_existing_room_space|subspace_moved_note")}
+                            </AccessibleButton>
+                        </div>
+                    )}
+                    dmsRenderer={defaultDmsRenderer}
+                />
+            </MatrixClientContext.Provider>
+        </BaseDialog>
+    );
+};
+
+export default AddExistingToSpaceDialog;
diff --git a/apps/web/src/components/views/dialogs/AnalyticsLearnMoreDialog.tsx b/apps/web/src/components/views/dialogs/AnalyticsLearnMoreDialog.tsx
new file mode 100644
index 00000000000..0e9ada6f2f4
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/AnalyticsLearnMoreDialog.tsx
@@ -0,0 +1,119 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+import { CheckCircleIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import BaseDialog from "./BaseDialog";
+import { _t } from "../../../languageHandler";
+import DialogButtons from "../elements/DialogButtons";
+import Modal, { type ComponentProps, type IHandle } from "../../../Modal";
+import SdkConfig from "../../../SdkConfig";
+import ExternalLink from "../elements/ExternalLink";
+
+function getPolicyUrl(): string | undefined {
+    return SdkConfig.get("privacy_policy_url");
+}
+
+export enum ButtonClicked {
+    Primary,
+    Cancel,
+}
+
+interface IProps {
+    onFinished(this: void, buttonClicked?: ButtonClicked): void;
+    analyticsOwner: string;
+    privacyPolicyUrl?: string;
+    primaryButton?: string;
+    cancelButton?: string;
+    hasCancel?: boolean;
+}
+
+export const AnalyticsLearnMoreDialog: React.FC<IProps> = ({
+    onFinished,
+    analyticsOwner,
+    privacyPolicyUrl,
+    primaryButton,
+    cancelButton,
+    hasCancel,
+}) => {
+    const onPrimaryButtonClick = (): void => onFinished(ButtonClicked.Primary);
+    const onCancelButtonClick = (): void => onFinished(ButtonClicked.Cancel);
+    const privacyPolicyLink = privacyPolicyUrl ? (
+        <span>
+            {_t(
+                "analytics|privacy_policy",
+                {},
+                {
+                    PrivacyPolicyUrl: (sub) => {
+                        return (
+                            <ExternalLink href={privacyPolicyUrl} rel="norefferer noopener" target="_blank">
+                                {sub}
+                            </ExternalLink>
+                        );
+                    },
+                },
+            )}
+        </span>
+    ) : (
+        ""
+    );
+    return (
+        <BaseDialog
+            className="mx_AnalyticsLearnMoreDialog"
+            contentId="mx_AnalyticsLearnMore"
+            title={_t("analytics|enable_prompt", { analyticsOwner })}
+            onFinished={onFinished}
+        >
+            <div className="mx_Dialog_content">
+                <div className="mx_AnalyticsLearnMore_image_holder" />
+                <div className="mx_AnalyticsLearnMore_copy">
+                    {_t("analytics|pseudonymous_usage_data", { analyticsOwner })}
+                </div>
+                <ul className="mx_AnalyticsLearnMore_bullets">
+                    <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>
+            <DialogButtons
+                primaryButton={primaryButton}
+                cancelButton={cancelButton}
+                onPrimaryButtonClick={onPrimaryButtonClick}
+                onCancel={onCancelButtonClick}
+                hasCancel={hasCancel}
+            />
+        </BaseDialog>
+    );
+};
+
+export const showDialog = (
+    props: Omit<ComponentProps<typeof AnalyticsLearnMoreDialog>, "cookiePolicyUrl" | "analyticsOwner">,
+): IHandle<typeof AnalyticsLearnMoreDialog> => {
+    const privacyPolicyUrl = getPolicyUrl();
+    const analyticsOwner = SdkConfig.get("analytics_owner") ?? SdkConfig.get("brand");
+    return Modal.createDialog(
+        AnalyticsLearnMoreDialog,
+        {
+            privacyPolicyUrl,
+            analyticsOwner,
+            ...props,
+        },
+        "mx_AnalyticsLearnMoreDialog_wrapper",
+    );
+};
diff --git a/apps/web/src/components/views/dialogs/AskInviteAnywayDialog.tsx b/apps/web/src/components/views/dialogs/AskInviteAnywayDialog.tsx
new file mode 100644
index 00000000000..fb6161f72c7
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/AskInviteAnywayDialog.tsx
@@ -0,0 +1,92 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2019 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, useCallback } from "react";
+
+import { _t } from "../../../languageHandler";
+import SettingsStore from "../../../settings/SettingsStore";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import BaseDialog from "./BaseDialog";
+
+export interface UnknownProfile {
+    userId: string;
+    errorText: string;
+}
+
+export type UnknownProfiles = UnknownProfile[];
+
+export interface AskInviteAnywayDialogProps {
+    unknownProfileUsers: UnknownProfiles;
+    onInviteAnyways: () => void;
+    onGiveUp: () => void;
+    onFinished: (success: boolean) => void;
+    description?: string;
+    inviteNeverWarnLabel?: string;
+    inviteLabel?: string;
+}
+
+export default function AskInviteAnywayDialog({
+    onFinished,
+    onGiveUp,
+    onInviteAnyways,
+    unknownProfileUsers,
+    description: descriptionProp,
+    inviteNeverWarnLabel,
+    inviteLabel,
+}: AskInviteAnywayDialogProps): JSX.Element {
+    const onInviteClicked = useCallback((): void => {
+        onInviteAnyways();
+        onFinished(true);
+    }, [onInviteAnyways, onFinished]);
+
+    const onInviteNeverWarnClicked = useCallback((): void => {
+        SettingsStore.setValue("promptBeforeInviteUnknownUsers", null, SettingLevel.ACCOUNT, false);
+        onInviteAnyways();
+        onFinished(true);
+    }, [onInviteAnyways, onFinished]);
+
+    const onGiveUpClicked = useCallback((): void => {
+        onGiveUp();
+        onFinished(false);
+    }, [onGiveUp, onFinished]);
+
+    const errorList = unknownProfileUsers.map((address) => (
+        <li key={address.userId}>
+            {address.userId}: {address.errorText}
+        </li>
+    ));
+
+    const description = descriptionProp ?? _t("invite|unable_find_profiles_description_default");
+
+    return (
+        <BaseDialog
+            className="mx_RetryInvitesDialog"
+            onFinished={onGiveUpClicked}
+            title={_t("invite|unable_find_profiles_title")}
+            contentId="mx_Dialog_content"
+        >
+            <div id="mx_Dialog_content">
+                <p>{description}</p>
+                <ul>{errorList}</ul>
+            </div>
+
+            <div className="mx_Dialog_buttons">
+                <button onClick={onGiveUpClicked} type="button">
+                    {_t("action|close")}
+                </button>
+                <button onClick={onInviteNeverWarnClicked} type="button">
+                    {inviteNeverWarnLabel ?? _t("invite|unable_find_profiles_invite_never_warn_label_default")}
+                </button>
+                <button onClick={onInviteClicked} autoFocus={true} type="button">
+                    {inviteLabel ?? _t("invite|unable_find_profiles_invite_label_default")}
+                </button>
+            </div>
+        </BaseDialog>
+    );
+}
diff --git a/apps/web/src/components/views/dialogs/BaseDialog.tsx b/apps/web/src/components/views/dialogs/BaseDialog.tsx
new file mode 100644
index 00000000000..075de1e3b04
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/BaseDialog.tsx
@@ -0,0 +1,208 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2018, 2019 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.
+*/
+
+import React, { type JSX } from "react";
+import FocusLock from "react-focus-lock";
+import classNames from "classnames";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import AccessibleButton from "../elements/AccessibleButton";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { _t } from "../../../languageHandler";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import Heading from "../typography/Heading";
+import { PosthogScreenTracker, type ScreenName } from "../../../PosthogTrackers";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+
+interface IProps {
+    /**
+     * Whether the dialog should have a 'close' button and a keyDown handler which
+     * will intercept 'Escape'.
+     *
+     * This should only be set to `false` if there is nothing the app can sensibly do if the
+     * dialog is cancelled, eg. "We can't restore your session and
+     * the app cannot work".
+     *
+     * Default: `true`.
+     */
+    "hasCancel"?: boolean;
+
+    /**
+     * Callback that will be called when the 'close' button is clicked or 'Escape' is pressed.
+     *
+     * Not used if `hasCancel` is false.
+     */
+    "onFinished"?: () => void;
+
+    // called when a key is pressed
+    "onKeyDown"?: (e: KeyboardEvent | React.KeyboardEvent) => void;
+
+    // CSS class to apply to dialog div
+    "className"?: string;
+
+    /**
+     * If true, dialog container is between 60% of the viewport width and 704 pixels (depending on screen size and dialog contents).
+     *
+     * Otherwise, the container will have no fixed width, allowing its contents to determine its size.
+     *
+     * Default: true.
+     */
+    "fixedWidth"?: boolean;
+
+    // To be displayed at the top of the dialog. Even above the title.
+    "top"?: React.ReactNode;
+
+    // Title for the dialog.
+    "title"?: React.ReactNode;
+    // Specific aria label to use, if not provided will set aria-labelledBy to mx_Dialog_title
+    "aria-label"?: string;
+
+    // Path to an icon to put in the header
+    "headerImage"?: string;
+
+    // children should be the content of the dialog
+    "children"?: React.ReactNode;
+
+    // Id of content element
+    // If provided, this is used to add a aria-describedby attribute
+    "contentId"?: string;
+
+    // optional additional class for the title element (basically anything that can be passed to classnames)
+    "titleClass"?: string | string[];
+
+    "headerButton"?: JSX.Element;
+
+    // optional Posthog ScreenName to supply during the lifetime of this dialog
+    "screenName"?: ScreenName;
+}
+
+/*
+ * Basic container for modal dialogs.
+ *
+ * Includes a div for the title, and a keypress handler which cancels the
+ * dialog on escape.
+ */
+export default class BaseDialog extends React.Component<IProps> {
+    private matrixClient: MatrixClient;
+
+    public static defaultProps: Partial<IProps> = {
+        hasCancel: true,
+        fixedWidth: true,
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        // XXX: The contract on MatrixClientContext says it is only available within a LoggedInView subtree,
+        // given that modals function outside the MatrixChat React tree this simulates that. We don't want to
+        // use safeGet as it throwing would mean we cannot use modals whilst the user isn't logged in.
+        // The longer term solution is to move our ModalManager into the React tree to inherit contexts properly.
+        this.matrixClient = MatrixClientPeg.get()!;
+    }
+
+    private onKeyDown = (e: KeyboardEvent | React.KeyboardEvent): void => {
+        this.props.onKeyDown?.(e);
+
+        const action = getKeyBindingsManager().getAccessibilityAction(e);
+        switch (action) {
+            case KeyBindingAction.Escape:
+                if (!this.props.hasCancel) break;
+
+                e.stopPropagation();
+                e.preventDefault();
+                this.props.onFinished?.();
+                break;
+        }
+    };
+
+    private onCancelClick = (): void => {
+        this.props.onFinished?.();
+    };
+
+    public render(): React.ReactNode {
+        let cancelButton;
+        if (this.props.hasCancel) {
+            cancelButton = (
+                <AccessibleButton
+                    onClick={this.onCancelClick}
+                    className="mx_Dialog_cancelButton"
+                    title={_t("action|close")}
+                    aria-label={_t("dialog_close_label")}
+                    placement="bottom"
+                >
+                    <CloseIcon />
+                </AccessibleButton>
+            );
+        }
+
+        let headerImage;
+        if (this.props.headerImage) {
+            headerImage = <img className="mx_Dialog_titleImage" src={this.props.headerImage} alt="" />;
+        }
+
+        const lockProps: Record<string, any> = {
+            "onKeyDown": this.onKeyDown,
+            "role": "dialog",
+            // Allow the dialog to be keyboard focusable
+            // So the escape key handling works in more cases (say you select the header)
+            "tabIndex": -1,
+            // This should point to a node describing the dialog.
+            // If we were about to completely follow this recommendation we'd need to
+            // make all the components relying on BaseDialog to be aware of it.
+            // So instead we will use the whole content as the description.
+            // Description comes first and if the content contains more text,
+            // AT users can skip its presentation.
+            "aria-describedby": this.props.contentId,
+        };
+
+        if (this.props["aria-label"]) {
+            lockProps["aria-label"] = this.props["aria-label"];
+        } else {
+            lockProps["aria-labelledby"] = "mx_BaseDialog_title";
+        }
+
+        return (
+            <MatrixClientContext.Provider value={this.matrixClient}>
+                {this.props.screenName && <PosthogScreenTracker screenName={this.props.screenName} />}
+                <FocusLock
+                    returnFocus={true}
+                    lockProps={lockProps}
+                    className={classNames(this.props.className, {
+                        mx_Dialog_fixedWidth: this.props.fixedWidth,
+                    })}
+                >
+                    {this.props.top}
+                    <div
+                        className={classNames("mx_Dialog_header", {
+                            mx_Dialog_headerWithButton: !!this.props.headerButton,
+                        })}
+                    >
+                        {!!(this.props.title || headerImage) && (
+                            <Heading
+                                size="3"
+                                as="h1"
+                                className={classNames("mx_Dialog_title", this.props.titleClass)}
+                                id="mx_BaseDialog_title"
+                            >
+                                {headerImage}
+                                {this.props.title}
+                            </Heading>
+                        )}
+                        {this.props.headerButton}
+                    </div>
+                    {this.props.children}
+                    {cancelButton}
+                </FocusLock>
+            </MatrixClientContext.Provider>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/BetaFeedbackDialog.tsx b/apps/web/src/components/views/dialogs/BetaFeedbackDialog.tsx
new file mode 100644
index 00000000000..8b003751007
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/BetaFeedbackDialog.tsx
@@ -0,0 +1,59 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+
+import { _t } from "../../../languageHandler";
+import SettingsStore from "../../../settings/SettingsStore";
+import AccessibleButton from "../elements/AccessibleButton";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import { UserTab } from "./UserTab";
+import GenericFeatureFeedbackDialog from "./GenericFeatureFeedbackDialog";
+import { type SettingKey } from "../../../settings/Settings.tsx";
+
+// XXX: Keep this around for re-use in future Betas
+
+interface IProps {
+    featureId: SettingKey;
+    onFinished(this: void, sendFeedback?: boolean): void;
+}
+
+const BetaFeedbackDialog: React.FC<IProps> = ({ featureId, onFinished }) => {
+    const info = SettingsStore.getBetaInfo(featureId);
+    if (!info) return null;
+
+    return (
+        <GenericFeatureFeedbackDialog
+            title={_t("labs|beta_feedback_title", { featureName: info.title })}
+            subheading={info.feedbackSubheading ? _t(info.feedbackSubheading) : undefined}
+            onFinished={onFinished}
+            rageshakeLabel={info.feedbackLabel}
+            rageshakeData={Object.fromEntries(
+                (SettingsStore.getBetaInfo(featureId)?.extraSettings || []).map((k) => {
+                    return [k, SettingsStore.getValue(k)];
+                }),
+            )}
+        >
+            <AccessibleButton
+                kind="link_inline"
+                onClick={() => {
+                    onFinished();
+                    defaultDispatcher.dispatch({
+                        action: Action.ViewUserSettings,
+                        initialTabId: UserTab.Labs,
+                    });
+                }}
+            >
+                {_t("labs|beta_feedback_leave_button")}
+            </AccessibleButton>
+        </GenericFeatureFeedbackDialog>
+    );
+};
+
+export default BetaFeedbackDialog;
diff --git a/apps/web/src/components/views/dialogs/BugReportDialog.tsx b/apps/web/src/components/views/dialogs/BugReportDialog.tsx
new file mode 100644
index 00000000000..f4bfc2f2c04
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/BugReportDialog.tsx
@@ -0,0 +1,332 @@
+/*
+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.
+Copyright 2018 New Vector Ltd
+Copyright 2017 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.
+*/
+
+import React, { type JSX, type ReactNode } from "react";
+import { Link, Text } from "@vector-im/compound-web";
+
+import SdkConfig from "../../../SdkConfig";
+import Modal from "../../../Modal";
+import { _t } from "../../../languageHandler";
+import sendBugReport, { downloadBugReport, RageshakeError } from "../../../rageshake/submit-rageshake";
+import AccessibleButton from "../elements/AccessibleButton";
+import QuestionDialog from "./QuestionDialog";
+import BaseDialog from "./BaseDialog";
+import Field from "../elements/Field";
+import Spinner from "../elements/Spinner";
+import DialogButtons from "../elements/DialogButtons";
+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;
+    initialText?: string;
+    label?: string;
+    error?: unknown;
+}
+
+interface IState {
+    sendLogs: boolean;
+    busy: boolean;
+    err: ReactNode | null;
+    issueUrl: string;
+    text: string;
+    progress: string | null;
+    downloadBusy: boolean;
+    downloadProgress: string | null;
+}
+
+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);
+
+        this.state = {
+            sendLogs: true,
+            busy: false,
+            err: null,
+            issueUrl: "",
+            text: props.initialText || "",
+            progress: null,
+            downloadBusy: false,
+            downloadProgress: null,
+        };
+
+        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 {
+        this.unmounted = false;
+        this.issueRef.current?.focus();
+
+        // Get all of the extra info dumped to the console when someone is about
+        // to send debug logs. Since this is a fire and forget action, we do
+        // this when the bug report dialog is opened instead of when we submit
+        // logs because we have no signal to know when all of the various
+        // components have finished logging. Someone could potentially send logs
+        // before we fully dump everything but it's probably unlikely.
+        defaultDispatcher.dispatch({
+            action: Action.DumpDebugLogs,
+        });
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+    }
+
+    private onCancel = (): void => {
+        this.props.onFinished(false);
+    };
+
+    private getErrorText(error: Error | RageshakeError): ReactNode {
+        if (error instanceof RageshakeError) {
+            let errorText;
+            switch (error.errorcode) {
+                case "DISALLOWED_APP":
+                    errorText = _t("bug_reporting|failed_send_logs_causes|disallowed_app");
+                    break;
+                case "REJECTED_BAD_VERSION":
+                    errorText = _t("bug_reporting|failed_send_logs_causes|rejected_version");
+                    break;
+                case "REJECTED_UNEXPECTED_RECOVERY_KEY":
+                    errorText = _t("bug_reporting|failed_send_logs_causes|rejected_recovery_key");
+                    break;
+                default:
+                    if (error.errorcode?.startsWith("REJECTED")) {
+                        errorText = _t("bug_reporting|failed_send_logs_causes|rejected_generic");
+                    } else {
+                        errorText = _t("bug_reporting|failed_send_logs_causes|server_unknown_error");
+                    }
+                    break;
+            }
+            return (
+                <>
+                    <p>{errorText}</p>
+                    {error.policyURL && (
+                        <Link size="md" target="_blank" href={error.policyURL}>
+                            {_t("action|learn_more")}
+                        </Link>
+                    )}
+                </>
+            );
+        } else {
+            return <p>{_t("bug_reporting|failed_send_logs_causes|unknown_error")}</p>;
+        }
+    }
+
+    private onSubmit = (): void => {
+        if ((!this.state.text || !this.state.text.trim()) && (!this.state.issueUrl || !this.state.issueUrl.trim())) {
+            this.setState({
+                err: _t("bug_reporting|error_empty"),
+            });
+            return;
+        }
+
+        const userText =
+            (this.state.text.length > 0 ? this.state.text + "\n\n" : "") +
+            "Issue: " +
+            (this.state.issueUrl.length > 0 ? this.state.issueUrl : "No issue link given");
+
+        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,
+            progressCallback: this.sendProgressCallback,
+            labels: this.props.label ? [this.props.label] : [],
+        }).then(
+            () => {
+                if (!this.unmounted) {
+                    this.props.onFinished(false);
+                    Modal.createDialog(QuestionDialog, {
+                        title: _t("bug_reporting|logs_sent"),
+                        description: _t("bug_reporting|thank_you"),
+                        hasCancelButton: false,
+                    });
+                }
+            },
+            (err) => {
+                if (!this.unmounted) {
+                    this.setState({
+                        busy: false,
+                        progress: null,
+                        err: this.getErrorText(err),
+                    });
+                }
+            },
+        );
+
+        sendSentryReport(this.state.text, this.state.issueUrl, this.props.error);
+    };
+
+    private onDownload = async (): Promise<void> => {
+        this.setState({ downloadBusy: true });
+        this.downloadProgressCallback(_t("bug_reporting|preparing_download"));
+
+        try {
+            await downloadBugReport({
+                sendLogs: true,
+                progressCallback: this.downloadProgressCallback,
+                labels: this.props.label ? [this.props.label] : [],
+            });
+
+            this.setState({
+                downloadBusy: false,
+                downloadProgress: null,
+            });
+        } catch (err) {
+            if (!this.unmounted) {
+                this.setState({
+                    downloadBusy: false,
+                    downloadProgress:
+                        _t("bug_reporting|failed_download_logs") + (err instanceof Error ? err.message : ""),
+                });
+            }
+        }
+    };
+
+    private onTextChange = (ev: React.FormEvent<HTMLTextAreaElement>): void => {
+        this.setState({ text: ev.currentTarget.value });
+    };
+
+    private onIssueUrlChange = (ev: React.FormEvent<HTMLInputElement>): void => {
+        this.setState({ issueUrl: ev.currentTarget.value });
+    };
+
+    private sendProgressCallback = (progress: string): void => {
+        if (this.unmounted) {
+            return;
+        }
+        this.setState({ progress });
+    };
+
+    private downloadProgressCallback = (downloadProgress: string): void => {
+        if (this.unmounted) {
+            return;
+        }
+        this.setState({ downloadProgress });
+    };
+
+    public render(): React.ReactNode {
+        let error: JSX.Element | undefined;
+        if (this.state.err) {
+            error = <div className="error">{this.state.err}</div>;
+        }
+
+        let progress: JSX.Element | undefined;
+        if (this.state.busy) {
+            progress = (
+                <div className="progress">
+                    <Spinner />
+                    {this.state.progress} ...
+                </div>
+            );
+        }
+
+        let warning: JSX.Element | undefined;
+        if (
+            (window.Modernizr && Object.values(window.Modernizr).some((support) => support === false)) ||
+            !getBrowserSupport()
+        ) {
+            warning = <Text weight="semibold">{_t("bug_reporting|unsupported_browser")}</Text>;
+        }
+
+        return (
+            <BaseDialog
+                className="mx_BugReportDialog"
+                onFinished={this.onCancel}
+                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}
+                    <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>
+
+                            <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={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.isLocalOnly ? this.state.downloadBusy : this.state.busy}
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/BulkRedactDialog.tsx b/apps/web/src/components/views/dialogs/BulkRedactDialog.tsx
new file mode 100644
index 00000000000..891acab5b9b
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/BulkRedactDialog.tsx
@@ -0,0 +1,139 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 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, { useState } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import {
+    type MatrixClient,
+    type RoomMember,
+    type Room,
+    type MatrixEvent,
+    EventTimeline,
+    EventType,
+} from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../languageHandler";
+import dis from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import BaseDialog from "../dialogs/BaseDialog";
+import InfoDialog from "../dialogs/InfoDialog";
+import DialogButtons from "../elements/DialogButtons";
+import StyledCheckbox from "../elements/StyledCheckbox";
+
+interface Props {
+    matrixClient: MatrixClient;
+    room: Room;
+    member: RoomMember;
+    onFinished(this: void, redact?: boolean): void;
+}
+
+const BulkRedactDialog: React.FC<Props> = (props) => {
+    const { matrixClient: cli, room, member, onFinished } = props;
+    const [keepStateEvents, setKeepStateEvents] = useState(true);
+
+    let timeline: EventTimeline | null = room.getLiveTimeline();
+    let eventsToRedact: MatrixEvent[] = [];
+    while (timeline) {
+        eventsToRedact = [
+            ...eventsToRedact,
+            ...timeline.getEvents().filter(
+                (event) =>
+                    event.getSender() === member.userId &&
+                    !event.isRedacted() &&
+                    !event.isRedaction() &&
+                    event.getType() !== EventType.RoomCreate &&
+                    // Don't redact ACLs because that'll obliterate the room
+                    // See https://github.com/matrix-org/synapse/issues/4042 for details.
+                    event.getType() !== EventType.RoomServerAcl &&
+                    // Redacting encryption events is equally bad
+                    event.getType() !== EventType.RoomEncryption,
+            ),
+        ];
+        timeline = timeline.getNeighbouringTimeline(EventTimeline.BACKWARDS);
+    }
+
+    if (eventsToRedact.length === 0) {
+        return (
+            <InfoDialog
+                onFinished={onFinished}
+                title={_t("user_info|redact|no_recent_messages_title", { user: member.name })}
+                description={
+                    <div>
+                        <p>{_t("user_info|redact|no_recent_messages_description")}</p>
+                    </div>
+                }
+            />
+        );
+    } else {
+        eventsToRedact = eventsToRedact.filter((event) => !(keepStateEvents && event.isState()));
+        const count = eventsToRedact.length;
+        const user = member.name;
+
+        const redact = async (): Promise<void> => {
+            logger.info(`Started redacting recent ${count} messages for ${member.userId} in ${room.roomId}`);
+            dis.dispatch({
+                action: Action.BulkRedactStart,
+                room_id: room.roomId,
+            });
+
+            // Submitting a large number of redactions freezes the UI,
+            // so first yield to allow to rerender after closing the dialog.
+            await Promise.resolve();
+            await Promise.all(
+                eventsToRedact.reverse().map(async (event): Promise<void> => {
+                    try {
+                        await cli.redactEvent(room.roomId, event.getId()!);
+                    } catch (err) {
+                        // log and swallow errors
+                        logger.error("Could not redact", event.getId());
+                        logger.error(err);
+                    }
+                }),
+            );
+
+            logger.info(`Finished redacting recent ${count} messages for ${member.userId} in ${room.roomId}`);
+            dis.dispatch({
+                action: Action.BulkRedactEnd,
+                room_id: room.roomId,
+            });
+        };
+
+        return (
+            <BaseDialog
+                className="mx_BulkRedactDialog"
+                onFinished={onFinished}
+                title={_t("user_info|redact|confirm_title", { user })}
+                contentId="mx_Dialog_content"
+            >
+                <div className="mx_Dialog_content" id="mx_Dialog_content">
+                    <p>{_t("user_info|redact|confirm_description_1", { count, user })}</p>
+                    <p>{_t("user_info|redact|confirm_description_2")}</p>
+                    <StyledCheckbox
+                        description={_t("user_info|redact|confirm_keep_state_explainer")}
+                        checked={keepStateEvents}
+                        onChange={(e) => setKeepStateEvents(e.target.checked)}
+                    >
+                        {_t("user_info|redact|confirm_keep_state_label")}
+                    </StyledCheckbox>
+                </div>
+                <DialogButtons
+                    primaryButton={_t("user_info|redact|confirm_button", { count })}
+                    primaryButtonClass="danger"
+                    primaryDisabled={count === 0}
+                    onPrimaryButtonClick={() => {
+                        setTimeout(redact, 0);
+                        onFinished(true);
+                    }}
+                    onCancel={() => onFinished(false)}
+                />
+            </BaseDialog>
+        );
+    }
+};
+
+export default BulkRedactDialog;
diff --git a/apps/web/src/components/views/dialogs/ChangelogDialog.tsx b/apps/web/src/components/views/dialogs/ChangelogDialog.tsx
new file mode 100644
index 00000000000..b2eb151943c
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ChangelogDialog.tsx
@@ -0,0 +1,142 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2016 Aviral Dasgupta
+
+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 { _t } from "../../../languageHandler";
+import QuestionDialog from "./QuestionDialog";
+import Spinner from "../elements/Spinner";
+import Heading from "../typography/Heading";
+
+interface IProps {
+    newVersion: DevelopVersionString;
+    version: DevelopVersionString;
+    onFinished: (success: boolean) => void;
+}
+
+type State = Partial<Record<(typeof REPOS)[number], null | string | Commit[]>>;
+
+interface Commit {
+    sha: string;
+    html_url: string;
+    commit: {
+        message: string;
+    };
+}
+
+const REPOS = ["element-hq/element-web", "matrix-org/matrix-js-sdk"] as const;
+
+export type DevelopVersionString = string & { _developVersionString: never };
+
+/*
+ * Parse a version string is compatible with the Changelog dialog ([element-version]-js-[js-sdk-version])
+ */
+export function parseVersion(version: string): Record<(typeof REPOS)[number], string> | null {
+    const parts = version.split("-");
+    if (parts.length === 3 && parts[1] === "js") {
+        const obj: Record<string, string> = {};
+        for (let i = 0; i < REPOS.length; i++) {
+            const commit = parts[2 * i];
+            obj[REPOS[i]] = commit;
+        }
+        return obj;
+    }
+    return null;
+}
+
+export function checkVersion(version: string): version is DevelopVersionString {
+    return parseVersion(version) !== null;
+}
+
+export default class ChangelogDialog extends React.Component<IProps, State> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {};
+    }
+
+    private async fetchChanges(repo: (typeof REPOS)[number], oldVersion: string, newVersion: string): Promise<void> {
+        const url = `https://riot.im/github/repos/${repo}/compare/${oldVersion}...${newVersion}`;
+
+        try {
+            const res = await fetch(url);
+
+            if (!res.ok) {
+                this.setState({ [repo]: res.statusText });
+                return;
+            }
+
+            const body = await res.json();
+            this.setState({ [repo]: body.commits });
+        } catch (err) {
+            this.setState({ [repo]: err instanceof Error ? err.message : _t("error|unknown") });
+        }
+    }
+
+    public componentDidMount(): void {
+        const commits = parseVersion(this.props.version)!;
+        const newCommits = parseVersion(this.props.newVersion)!;
+
+        for (const repo of REPOS) {
+            this.fetchChanges(repo, commits[repo], newCommits[repo]);
+        }
+    }
+
+    private elementsForCommit(this: void, commit: Commit): JSX.Element {
+        return (
+            <li key={commit.sha} className="mx_ChangelogDialog_li">
+                <a href={commit.html_url} target="_blank" rel="noreferrer noopener">
+                    {commit.commit.message.split("\n")[0]}
+                </a>
+            </li>
+        );
+    }
+
+    public render(): React.ReactNode {
+        const logs = REPOS.map((repo) => {
+            let content;
+            if (this.state[repo] == null) {
+                content = <Spinner key={repo} />;
+            } else if (typeof this.state[repo] === "string") {
+                content = _t("update|error_unable_load_commit", {
+                    msg: this.state[repo],
+                });
+            } else {
+                content = this.state[repo].map(this.elementsForCommit);
+            }
+            return (
+                <div key={repo}>
+                    <Heading as="h2" size="4">
+                        {repo}
+                    </Heading>
+                    <ul>{content}</ul>
+                </div>
+            );
+        });
+
+        const content = (
+            <div className="mx_ChangelogDialog_content">
+                {this.props.version == null || this.props.newVersion == null ? (
+                    <h2>{_t("update|unavailable")}</h2>
+                ) : (
+                    logs
+                )}
+            </div>
+        );
+
+        return (
+            <QuestionDialog
+                title={_t("update|changelog")}
+                description={content}
+                button={_t("action|update")}
+                onFinished={this.props.onFinished}
+            />
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/ConfirmAndWaitRedactDialog.tsx b/apps/web/src/components/views/dialogs/ConfirmAndWaitRedactDialog.tsx
new file mode 100644
index 00000000000..8fc7f6a256d
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ConfirmAndWaitRedactDialog.tsx
@@ -0,0 +1,97 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { type MatrixEvent, HTTPError, MatrixError } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../languageHandler";
+import ConfirmRedactDialog from "./ConfirmRedactDialog";
+import ErrorDialog from "./ErrorDialog";
+import BaseDialog from "./BaseDialog";
+import Spinner from "../elements/Spinner";
+
+interface IProps {
+    event: MatrixEvent;
+    redact: () => Promise<void>;
+    onFinished: (success?: boolean) => void;
+}
+
+interface IState {
+    isRedacting: boolean;
+    redactionErrorCode: string | number | null;
+}
+
+/*
+ * A dialog for confirming a redaction.
+ * Also shows a spinner (and possible error) while the redaction is ongoing,
+ * and only closes the dialog when the redaction is done or failed.
+ *
+ * This is done to prevent the edit history dialog racing with the redaction:
+ * if this dialog closes and the MessageEditHistoryDialog is shown again,
+ * it will fetch the relations again, which will race with the ongoing /redact request.
+ * which will cause the edit to appear unredacted.
+ *
+ * To avoid this, we keep the dialog open as long as /redact is in progress.
+ */
+export default class ConfirmAndWaitRedactDialog extends React.PureComponent<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            isRedacting: false,
+            redactionErrorCode: null,
+        };
+    }
+
+    public onParentFinished = async (proceed?: boolean): Promise<void> => {
+        if (proceed) {
+            this.setState({ isRedacting: true });
+            try {
+                await this.props.redact();
+                this.props.onFinished(true);
+            } catch (error) {
+                let code: string | number | undefined;
+                if (error instanceof MatrixError) {
+                    code = error.errcode;
+                } else if (error instanceof HTTPError) {
+                    code = error.httpStatus;
+                }
+
+                if (typeof code !== "undefined") {
+                    this.setState({ redactionErrorCode: code });
+                } else {
+                    this.props.onFinished(true);
+                }
+            }
+        } else {
+            this.props.onFinished(false);
+        }
+    };
+
+    public render(): React.ReactNode {
+        if (this.state.isRedacting) {
+            if (this.state.redactionErrorCode) {
+                const code = this.state.redactionErrorCode;
+                return (
+                    <ErrorDialog
+                        onFinished={this.props.onFinished}
+                        title={_t("common|error")}
+                        description={_t("redact|error", { code })}
+                    />
+                );
+            } else {
+                return (
+                    <BaseDialog onFinished={this.props.onFinished} hasCancel={false} title={_t("redact|ongoing")}>
+                        <Spinner />
+                    </BaseDialog>
+                );
+            }
+        } else {
+            return <ConfirmRedactDialog event={this.props.event} onFinished={this.onParentFinished} />;
+        }
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/ConfirmKeyStorageOffDialog.tsx b/apps/web/src/components/views/dialogs/ConfirmKeyStorageOffDialog.tsx
new file mode 100644
index 00000000000..a395f186b0b
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ConfirmKeyStorageOffDialog.tsx
@@ -0,0 +1,81 @@
+/*
+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 ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error";
+import { Button } from "@vector-im/compound-web";
+import { PopOutIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { EncryptionCard } from "../settings/encryption/EncryptionCard";
+import { EncryptionCardButtons } from "../settings/encryption/EncryptionCardButtons";
+import { type OpenToTabPayload } from "../../../dispatcher/payloads/OpenToTabPayload";
+import { Action } from "../../../dispatcher/actions";
+import { UserTab } from "./UserTab";
+import SdkConfig from "../../../SdkConfig";
+
+interface Props {
+    onFinished: (dismissed: boolean) => void;
+}
+
+/**
+ * Ask the user whether they really want to dismiss the toast about key storage.
+ *
+ * Launched from the {@link SetupEncryptionToast} in mode `TURN_ON_KEY_STORAGE`,
+ * when the user clicks "Dismiss". The caller handles any action via the
+ * `onFinished` prop which takes a boolean that is true if the user clicked
+ * "Yes, dismiss".
+ */
+export default class ConfirmKeyStorageOffDialog extends React.Component<Props> {
+    public constructor(props: Props) {
+        super(props);
+    }
+
+    private onGoToSettingsClick = (): void => {
+        // Open Settings at the Encryption tab
+        const payload: OpenToTabPayload = {
+            action: Action.ViewUserSettings,
+            initialTabId: UserTab.Encryption,
+        };
+        defaultDispatcher.dispatch(payload);
+        this.props.onFinished(false);
+    };
+
+    private onDismissClick = (): void => {
+        this.props.onFinished(true);
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <EncryptionCard
+                Icon={ErrorIcon}
+                destructive={true}
+                title={_t("settings|encryption|confirm_key_storage_off")}
+            >
+                {_t("settings|encryption|confirm_key_storage_off_description", undefined, {
+                    a: (sub) => (
+                        <>
+                            <br />
+                            <a href={SdkConfig.get("help_key_storage_url")} target="_blank" rel="noreferrer noopener">
+                                {sub} <PopOutIcon />
+                            </a>
+                        </>
+                    ),
+                })}
+                <EncryptionCardButtons>
+                    <Button onClick={this.onGoToSettingsClick} autoFocus kind="primary" className="">
+                        {_t("common|go_to_settings")}
+                    </Button>
+                    <Button onClick={this.onDismissClick} kind="secondary">
+                        {_t("action|yes_dismiss")}
+                    </Button>
+                </EncryptionCardButtons>
+            </EncryptionCard>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/ConfirmRedactDialog.tsx b/apps/web/src/components/views/dialogs/ConfirmRedactDialog.tsx
new file mode 100644
index 00000000000..17bf75ccadb
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ConfirmRedactDialog.tsx
@@ -0,0 +1,89 @@
+/*
+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.
+*/
+
+import { type IRedactOpts, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import React from "react";
+
+import { _t } from "../../../languageHandler";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import Modal from "../../../Modal";
+import ErrorDialog from "./ErrorDialog";
+import TextInputDialog from "./TextInputDialog";
+
+interface IProps {
+    event: MatrixEvent;
+    onFinished(success?: false, reason?: void): void;
+    onFinished(success: true, reason?: string): void;
+}
+
+/*
+ * A dialog for confirming a redaction.
+ */
+export default class ConfirmRedactDialog extends React.Component<IProps> {
+    public render(): React.ReactNode {
+        let description = _t("redact|confirm_description");
+        if (this.props.event.isState()) {
+            description += " " + _t("redact|confirm_description_state");
+        }
+
+        return (
+            <TextInputDialog
+                onFinished={this.props.onFinished}
+                title={_t("redact|confirm_button")}
+                description={description}
+                placeholder={_t("redact|reason_label")}
+                focus
+                button={_t("action|remove")}
+            />
+        );
+    }
+}
+
+export function createRedactEventDialog({
+    mxEvent,
+    onCloseDialog = () => {},
+}: {
+    mxEvent: MatrixEvent;
+    onCloseDialog?: () => void;
+}): void {
+    const eventId = mxEvent.getId();
+
+    if (!eventId) throw new Error("cannot redact event without ID");
+
+    const roomId = mxEvent.getRoomId();
+
+    if (!roomId) throw new Error(`cannot redact event ${mxEvent.getId()} without room ID`);
+    const { finished } = Modal.createDialog(ConfirmRedactDialog, { event: mxEvent }, "mx_Dialog_confirmredact");
+
+    finished.then(async ([proceed, reason]) => {
+        if (!proceed) return;
+
+        const cli = MatrixClientPeg.safeGet();
+        const withRelTypes: Pick<IRedactOpts, "with_rel_types"> = {};
+
+        try {
+            onCloseDialog?.();
+            await cli.redactEvent(roomId, eventId, undefined, {
+                ...(reason ? { reason } : {}),
+                ...withRelTypes,
+            });
+        } catch (e: any) {
+            const code = e.errcode || e.statusCode;
+            // only show the dialog if failing for something other than a network error
+            // (e.g. no errcode or statusCode) as in that case the redactions end up in the
+            // detached queue and we show the room status bar to allow retry
+            if (typeof code !== "undefined") {
+                // display error message stating you couldn't delete this.
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("common|error"),
+                    description: _t("redact|error", { code }),
+                });
+            }
+        }
+    });
+}
diff --git a/apps/web/src/components/views/dialogs/ConfirmSpaceUserActionDialog.tsx b/apps/web/src/components/views/dialogs/ConfirmSpaceUserActionDialog.tsx
new file mode 100644
index 00000000000..a23311faae4
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ConfirmSpaceUserActionDialog.tsx
@@ -0,0 +1,82 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 ComponentProps, useMemo, useState } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { InfoSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import ConfirmUserActionDialog from "./ConfirmUserActionDialog";
+import SpaceChildrenPicker from "../spaces/SpaceChildrenPicker";
+import { SDKContextClass } from "../../../contexts/SDKContextClass.ts";
+
+type BaseProps = ComponentProps<typeof ConfirmUserActionDialog>;
+interface IProps extends Omit<BaseProps, "matrixClient" | "children" | "onFinished"> {
+    space: Room;
+    allLabel: string;
+    specificLabel: string;
+    noneLabel?: string;
+    warningMessage?: string;
+    onFinished(this: void, success?: boolean, reason?: string, rooms?: Room[]): void;
+    spaceChildFilter?(this: void, child: Room): boolean;
+}
+
+const ConfirmSpaceUserActionDialog: React.FC<IProps> = ({
+    space,
+    spaceChildFilter,
+    allLabel,
+    specificLabel,
+    noneLabel,
+    warningMessage,
+    onFinished,
+    ...props
+}) => {
+    const spaceChildren = useMemo(() => {
+        const children = SDKContextClass.instance.spaceStore.getChildren(space.roomId);
+        if (spaceChildFilter) {
+            return children.filter(spaceChildFilter);
+        }
+        return children;
+    }, [space.roomId, spaceChildFilter]);
+
+    const [roomsToLeave, setRoomsToLeave] = useState<Room[]>([]);
+    const selectedRooms = useMemo(() => new Set(roomsToLeave), [roomsToLeave]);
+
+    let warning: JSX.Element | undefined;
+    if (warningMessage) {
+        warning = (
+            <div className="mx_ConfirmSpaceUserActionDialog_warning">
+                <InfoSolidIcon />
+                {warningMessage}
+            </div>
+        );
+    }
+
+    return (
+        <ConfirmUserActionDialog
+            {...props}
+            onFinished={(success?: boolean, reason?: string) => {
+                onFinished(success, reason, roomsToLeave);
+            }}
+            className="mx_ConfirmSpaceUserActionDialog"
+            roomId={space.roomId}
+        >
+            {warning}
+            <SpaceChildrenPicker
+                space={space}
+                spaceChildren={spaceChildren}
+                selected={selectedRooms}
+                allLabel={allLabel}
+                specificLabel={specificLabel}
+                noneLabel={noneLabel}
+                onChange={setRoomsToLeave}
+            />
+        </ConfirmUserActionDialog>
+    );
+};
+
+export default ConfirmSpaceUserActionDialog;
diff --git a/apps/web/src/components/views/dialogs/ConfirmUserActionDialog.tsx b/apps/web/src/components/views/dialogs/ConfirmUserActionDialog.tsx
new file mode 100644
index 00000000000..3fc7b25aec8
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ConfirmUserActionDialog.tsx
@@ -0,0 +1,133 @@
+/*
+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.
+*/
+
+import React, { type ChangeEvent, type FormEvent, type ReactNode } from "react";
+import { type RoomMember } from "matrix-js-sdk/src/matrix";
+import classNames from "classnames";
+
+import { _t } from "../../../languageHandler";
+import MemberAvatar from "../avatars/MemberAvatar";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+import Field from "../elements/Field";
+import UserIdentifierCustomisations from "../../../customisations/UserIdentifier";
+
+interface IProps {
+    // matrix-js-sdk (room) member object.
+    member: RoomMember;
+    action: string; // eg. 'Ban'
+    title: string; // eg. 'Ban this user?'
+
+    // Whether to display a text field for a reason
+    // If true, the second argument to onFinished will
+    // be the string entered.
+    askReason?: boolean;
+    danger?: boolean;
+    children?: ReactNode;
+    className?: string;
+    roomId?: string;
+    onFinished: (success?: boolean, reason?: string) => void;
+}
+
+interface IState {
+    reason: string;
+}
+
+/*
+ * A dialog for confirming an operation on another user.
+ * Takes a user ID and a verb, displays the target user prominently
+ * such that it should be easy to confirm that the operation is being
+ * performed on the right person, and displays the operation prominently
+ * to make it obvious what is going to happen.
+ * Also tweaks the style for 'dangerous' actions (albeit only with colour)
+ */
+export default class ConfirmUserActionDialog extends React.Component<IProps, IState> {
+    public static defaultProps: Partial<IProps> = {
+        danger: false,
+        askReason: false,
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            reason: "",
+        };
+    }
+
+    private onOk = (ev: FormEvent): void => {
+        ev.preventDefault();
+        this.props.onFinished(true, this.state.reason);
+    };
+
+    private onCancel = (): void => {
+        this.props.onFinished(false);
+    };
+
+    private onReasonChange = (ev: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            reason: ev.target.value,
+        });
+    };
+
+    public render(): React.ReactNode {
+        const confirmButtonClass = this.props.danger ? "danger" : "";
+
+        let reasonBox;
+        if (this.props.askReason) {
+            reasonBox = (
+                <form onSubmit={this.onOk}>
+                    <Field
+                        type="text"
+                        onChange={this.onReasonChange}
+                        value={this.state.reason}
+                        className="mx_ConfirmUserActionDialog_reasonField"
+                        label={_t("room_settings|permissions|ban_reason")}
+                        autoFocus={true}
+                    />
+                </form>
+            );
+        }
+
+        const avatar = <MemberAvatar member={this.props.member} size="48px" />;
+        const name = this.props.member.name;
+        const userId = this.props.member.userId;
+
+        const displayUserIdentifier = UserIdentifierCustomisations.getDisplayUserIdentifier(userId, {
+            roomId: this.props.roomId,
+            withDisplayName: true,
+        });
+
+        return (
+            <BaseDialog
+                className={classNames("mx_ConfirmUserActionDialog", this.props.className)}
+                onFinished={this.props.onFinished}
+                title={this.props.title}
+                contentId="mx_Dialog_content"
+            >
+                <div id="mx_Dialog_content" className="mx_Dialog_content">
+                    <div className="mx_ConfirmUserActionDialog_user">
+                        <div className="mx_ConfirmUserActionDialog_avatar">{avatar}</div>
+                        <div className="mx_ConfirmUserActionDialog_name">{name}</div>
+                        <div className="mx_ConfirmUserActionDialog_userId">{displayUserIdentifier}</div>
+                    </div>
+
+                    {reasonBox}
+                    {this.props.children}
+                </div>
+                <DialogButtons
+                    primaryButton={this.props.action}
+                    onPrimaryButtonClick={this.onOk}
+                    primaryButtonClass={confirmButtonClass}
+                    focus={!this.props.askReason}
+                    onCancel={this.onCancel}
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/ConfirmWipeDeviceDialog.tsx b/apps/web/src/components/views/dialogs/ConfirmWipeDeviceDialog.tsx
new file mode 100644
index 00000000000..695219a54bd
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ConfirmWipeDeviceDialog.tsx
@@ -0,0 +1,49 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { _t } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+
+interface IProps {
+    onFinished: (success?: boolean) => void;
+}
+
+export default class ConfirmWipeDeviceDialog extends React.Component<IProps> {
+    private onConfirm = (): void => {
+        this.props.onFinished(true);
+    };
+
+    private onDecline = (): void => {
+        this.props.onFinished(false);
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <BaseDialog
+                className="mx_ConfirmWipeDeviceDialog"
+                hasCancel={true}
+                onFinished={this.props.onFinished}
+                title={_t("auth|soft_logout|clear_data_title")}
+            >
+                <div className="mx_ConfirmWipeDeviceDialog_content">
+                    <p>{_t("auth|soft_logout|clear_data_description")}</p>
+                </div>
+                <DialogButtons
+                    primaryButton={_t("auth|soft_logout|clear_data_button")}
+                    onPrimaryButtonClick={this.onConfirm}
+                    primaryButtonClass="danger"
+                    cancelButton={_t("action|cancel")}
+                    onCancel={this.onDecline}
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/CreateRoomDialog.tsx b/apps/web/src/components/views/dialogs/CreateRoomDialog.tsx
new file mode 100644
index 00000000000..5321390fca1
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/CreateRoomDialog.tsx
@@ -0,0 +1,511 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 2021 The Matrix.org Foundation C.I.C.
+Copyright 2017 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 JSX,
+    type ChangeEvent,
+    createRef,
+    type KeyboardEvent,
+    type SyntheticEvent,
+    type ChangeEventHandler,
+} from "react";
+import { type Room, RoomType, JoinRule, Preset, Visibility } from "matrix-js-sdk/src/matrix";
+import { Form, SettingsToggleInput } from "@vector-im/compound-web";
+
+import SdkConfig from "../../../SdkConfig";
+import withValidation, { type IFieldState, type IValidationResult } from "../elements/Validation";
+import { _t } from "../../../languageHandler";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { checkUserIsAllowedToChangeEncryption, type IOpts } from "../../../createRoom";
+import Field from "../elements/Field";
+import RoomAliasField from "../elements/RoomAliasField";
+import DialogButtons from "../elements/DialogButtons";
+import BaseDialog from "../dialogs/BaseDialog";
+import JoinRuleDropdown from "../elements/JoinRuleDropdown";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { privateShouldBeEncrypted } from "../../../utils/rooms";
+import SettingsStore from "../../../settings/SettingsStore";
+import { UIFeature } from "../../../settings/UIFeature";
+
+interface IProps {
+    type?: RoomType;
+    defaultPublic?: boolean;
+    defaultName?: string;
+    parentSpace?: Room;
+    defaultEncrypted?: boolean;
+    defaultStateEncrypted?: boolean;
+    onFinished(proceed?: false): void;
+    onFinished(proceed: true, opts: IOpts): void;
+}
+
+interface IState {
+    /**
+     * The selected room join rule.
+     */
+    joinRule: JoinRule;
+    /**
+     * Indicates whether the created room should have public visibility (ie, it should be
+     * shown in the public room list). Only applicable if `joinRule` == `JoinRule.Knock`.
+     */
+    isPublicKnockRoom: boolean;
+    /**
+     * Indicates whether end-to-end encryption is enabled for the room.
+     */
+    isEncrypted: boolean;
+    /**
+     * Indicates whether end-to-end state encryption is enabled for this room.
+     * See MSC4362. Available if feature_msc4362_encrypted_state_events is enabled.
+     */
+    isStateEncrypted: boolean;
+    /**
+     * The room name.
+     */
+    name: string;
+    /**
+     * The room topic.
+     */
+    topic: string;
+    /**
+     * The room alias.
+     */
+    alias: string;
+    /**
+     * Indicates whether the details section is open.
+     */
+    detailsOpen: boolean;
+    /**
+     * Indicates whether federation is disabled for the room.
+     */
+    noFederate: boolean;
+    /**
+     * Indicates whether the room name is valid.
+     */
+    nameIsValid: boolean;
+    /**
+     * Indicates whether the user can change encryption settings for the room.
+     */
+    canChangeEncryption: boolean;
+}
+
+export default class CreateRoomDialog extends React.Component<IProps, IState> {
+    private readonly askToJoinEnabled: boolean;
+    private readonly advancedSettingsEnabled: boolean;
+    private readonly allowCreatingPublicRooms: boolean;
+    private readonly supportsRestricted: boolean;
+    private nameField = createRef<Field>();
+    private aliasField = createRef<RoomAliasField>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.askToJoinEnabled = SettingsStore.getValue("feature_ask_to_join");
+        this.advancedSettingsEnabled = SettingsStore.getValue(UIFeature.AdvancedSettings);
+        this.allowCreatingPublicRooms = SettingsStore.getValue(UIFeature.AllowCreatingPublicRooms);
+
+        this.supportsRestricted = !!this.props.parentSpace;
+        const defaultPublic = this.allowCreatingPublicRooms && this.props.defaultPublic;
+
+        let joinRule = JoinRule.Invite;
+        if (defaultPublic) {
+            joinRule = JoinRule.Public;
+        } else if (this.supportsRestricted) {
+            joinRule = JoinRule.Restricted;
+        }
+
+        const cli = MatrixClientPeg.safeGet();
+        this.state = {
+            isPublicKnockRoom: defaultPublic || false,
+            isEncrypted: this.props.defaultEncrypted ?? privateShouldBeEncrypted(cli),
+            isStateEncrypted: this.props.defaultStateEncrypted ?? false,
+            joinRule,
+            name: this.props.defaultName || "",
+            topic: "",
+            alias: "",
+            detailsOpen: false,
+            noFederate: SdkConfig.get().default_federate === false,
+            nameIsValid: false,
+            canChangeEncryption: false,
+        };
+    }
+
+    private roomCreateOptions(): IOpts {
+        const opts: IOpts = {};
+        const createOpts: IOpts["createOpts"] = (opts.createOpts = {});
+        opts.roomType = this.props.type;
+        opts.name = this.state.name;
+
+        if (this.state.joinRule === JoinRule.Public) {
+            createOpts.visibility = Visibility.Public;
+            createOpts.preset = Preset.PublicChat;
+            opts.guestAccess = false;
+            const { alias } = this.state;
+            createOpts.room_alias_name = alias.substring(1, alias.indexOf(":"));
+        } else {
+            const encryptedStateFeature = SettingsStore.getValue("feature_msc4362_encrypted_state_events", null, false);
+
+            opts.encryption = this.state.isEncrypted;
+            opts.stateEncryption = encryptedStateFeature && this.state.isStateEncrypted;
+        }
+
+        if (this.state.topic) {
+            opts.topic = this.state.topic;
+        }
+        if (this.state.noFederate) {
+            createOpts.creation_content = { "m.federate": false };
+        }
+
+        opts.parentSpace = this.props.parentSpace;
+        if (this.props.parentSpace && this.state.joinRule === JoinRule.Restricted) {
+            opts.joinRule = JoinRule.Restricted;
+        }
+
+        if (this.state.joinRule === JoinRule.Knock) {
+            opts.joinRule = JoinRule.Knock;
+            createOpts.visibility = this.state.isPublicKnockRoom ? Visibility.Public : Visibility.Private;
+        }
+
+        return opts;
+    }
+
+    public componentDidMount(): void {
+        const cli = MatrixClientPeg.safeGet();
+        checkUserIsAllowedToChangeEncryption(cli, Preset.PrivateChat).then(({ allowChange, forcedValue }) =>
+            this.setState((state) => ({
+                canChangeEncryption: allowChange,
+                // override with forcedValue if it is set
+                isEncrypted: forcedValue ?? state.isEncrypted,
+            })),
+        );
+
+        // move focus to first field when showing dialog
+        this.nameField.current?.focus();
+    }
+
+    private onKeyDown = (event: KeyboardEvent): void => {
+        const action = getKeyBindingsManager().getAccessibilityAction(event);
+        switch (action) {
+            case KeyBindingAction.Enter:
+                this.onOk();
+                event.preventDefault();
+                event.stopPropagation();
+                break;
+        }
+    };
+
+    private onOk = async (): Promise<void> => {
+        if (!this.nameField.current) return;
+        const activeElement = document.activeElement as HTMLElement;
+        activeElement?.blur();
+        await this.nameField.current.validate({ allowEmpty: false });
+        if (this.aliasField.current) {
+            await this.aliasField.current.validate({ allowEmpty: false });
+        }
+        // Validation and state updates are async, so we need to wait for them to complete
+        // first. Queue a `setState` callback and wait for it to resolve.
+        await new Promise<void>((resolve) => this.setState({}, resolve));
+        if (this.state.nameIsValid && (!this.aliasField.current || this.aliasField.current.isValid)) {
+            this.props.onFinished(true, this.roomCreateOptions());
+        } else {
+            let field: RoomAliasField | Field | null = null;
+            if (!this.state.nameIsValid) {
+                field = this.nameField.current;
+            } else if (this.aliasField.current && !this.aliasField.current.isValid) {
+                field = this.aliasField.current;
+            }
+            if (field) {
+                field.focus();
+                await field.validate({ allowEmpty: false, focused: true });
+            }
+        }
+    };
+
+    private onCancel = (): void => {
+        this.props.onFinished(false);
+    };
+
+    private onNameChange = (ev: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ name: ev.target.value });
+    };
+
+    private onTopicChange = (ev: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ topic: ev.target.value });
+    };
+
+    private onJoinRuleChange = (joinRule: JoinRule): void => {
+        this.setState({ joinRule });
+    };
+
+    private onEncryptedChange: ChangeEventHandler<HTMLInputElement> = (evt): void => {
+        this.setState({ isEncrypted: evt.target.checked });
+    };
+
+    private onStateEncryptedChange: ChangeEventHandler<HTMLInputElement> = (evt): void => {
+        this.setState({ isStateEncrypted: evt.target.checked });
+    };
+
+    private onAliasChange = (alias: string): void => {
+        this.setState({ alias });
+    };
+
+    private onDetailsToggled = (ev: SyntheticEvent<HTMLDetailsElement>): void => {
+        this.setState({ detailsOpen: (ev.target as HTMLDetailsElement).open });
+    };
+
+    private onNoFederateChange: ChangeEventHandler<HTMLInputElement> = (evt): void => {
+        this.setState({ noFederate: evt.target.checked });
+    };
+
+    private onNameValidate = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await CreateRoomDialog.validateRoomName(fieldState);
+        this.setState({ nameIsValid: !!result.valid });
+        return result;
+    };
+
+    private onIsPublicKnockRoomChange: ChangeEventHandler<HTMLInputElement> = (evt): void => {
+        this.setState({ isPublicKnockRoom: evt.target.checked });
+    };
+
+    private static validateRoomName = withValidation({
+        rules: [
+            {
+                key: "required",
+                test: async ({ value }) => !!value,
+                invalid: () => _t("create_room|name_validation_required"),
+            },
+        ],
+    });
+
+    public render(): React.ReactNode {
+        const isVideoRoom = this.props.type === RoomType.ElementVideo || this.props.type === RoomType.UnstableCall;
+
+        let aliasField: JSX.Element | undefined;
+        if (this.state.joinRule === JoinRule.Public) {
+            const domain = MatrixClientPeg.safeGet().getDomain()!;
+            aliasField = (
+                <div className="mx_CreateRoomDialog_aliasContainer">
+                    <RoomAliasField
+                        ref={this.aliasField}
+                        onChange={this.onAliasChange}
+                        domain={domain}
+                        value={this.state.alias}
+                    />
+                </div>
+            );
+        }
+
+        let publicPrivateLabel: JSX.Element | undefined;
+        if (this.state.joinRule === JoinRule.Restricted) {
+            publicPrivateLabel = (
+                <p>
+                    {_t(
+                        "create_room|join_rule_restricted_label",
+                        {},
+                        {
+                            SpaceName: () => (
+                                <strong>{this.props.parentSpace?.name ?? _t("common|unnamed_space")}</strong>
+                            ),
+                        },
+                    )}
+                    &nbsp;
+                    {_t("create_room|join_rule_change_notice")}
+                </p>
+            );
+        } else if (this.state.joinRule === JoinRule.Public && this.props.parentSpace) {
+            publicPrivateLabel = (
+                <p>
+                    {_t(
+                        "create_room|join_rule_public_parent_space_label",
+                        {},
+                        {
+                            SpaceName: () => (
+                                <strong>{this.props.parentSpace?.name ?? _t("common|unnamed_space")}</strong>
+                            ),
+                        },
+                    )}
+                    &nbsp;
+                    {_t("create_room|join_rule_change_notice")}
+                </p>
+            );
+        } else if (this.state.joinRule === JoinRule.Public) {
+            publicPrivateLabel = (
+                <p>
+                    {_t("create_room|join_rule_public_label")}
+                    &nbsp;
+                    {_t("create_room|join_rule_change_notice")}
+                </p>
+            );
+        } else if (this.state.joinRule === JoinRule.Invite) {
+            publicPrivateLabel = (
+                <p>
+                    {_t("create_room|join_rule_invite_label")}
+                    &nbsp;
+                    {_t("create_room|join_rule_change_notice")}
+                </p>
+            );
+        } else if (this.state.joinRule === JoinRule.Knock) {
+            publicPrivateLabel = <p>{_t("create_room|join_rule_knock_label")}</p>;
+        }
+
+        let visibilitySection: JSX.Element | undefined;
+        if (this.state.joinRule === JoinRule.Knock) {
+            visibilitySection = (
+                <SettingsToggleInput
+                    name="publish-room"
+                    className="mx_CreateRoomDialog_labelledCheckbox"
+                    label={_t("room_settings|security|publish_room")}
+                    onChange={this.onIsPublicKnockRoomChange}
+                    checked={this.state.isPublicKnockRoom}
+                />
+            );
+        }
+
+        let e2eeSection: JSX.Element | undefined;
+        if (this.state.joinRule !== JoinRule.Public) {
+            let microcopy: string;
+            if (privateShouldBeEncrypted(MatrixClientPeg.safeGet())) {
+                if (this.state.canChangeEncryption) {
+                    microcopy = isVideoRoom
+                        ? _t("create_room|encrypted_video_room_warning")
+                        : _t("create_room|encrypted_warning");
+                } else {
+                    microcopy = _t("create_room|encryption_forced");
+                }
+            } else {
+                microcopy = _t("settings|security|e2ee_default_disabled_warning");
+            }
+            e2eeSection = (
+                <SettingsToggleInput
+                    name="encryption-toggle"
+                    label={_t("create_room|encryption_label")}
+                    onChange={this.onEncryptedChange}
+                    checked={this.state.isEncrypted}
+                    disabled={!this.state.canChangeEncryption}
+                    helpMessage={microcopy}
+                />
+            );
+        }
+
+        let e2eeStateSection: JSX.Element | undefined;
+        if (
+            SettingsStore.getValue("feature_msc4362_encrypted_state_events", null, false) &&
+            this.state.joinRule !== JoinRule.Public
+        ) {
+            let microcopy: string;
+            if (!this.state.canChangeEncryption) {
+                microcopy = _t("create_room|encryption_forced");
+            } else {
+                microcopy = _t("create_room|state_encrypted_warning");
+            }
+            e2eeStateSection = (
+                <SettingsToggleInput
+                    name="state-encryption-toggle"
+                    label={_t("create_room|state_encryption_label")}
+                    onChange={this.onStateEncryptedChange}
+                    checked={this.state.isStateEncrypted}
+                    disabled={!this.state.canChangeEncryption}
+                    helpMessage={microcopy}
+                />
+            );
+        }
+
+        let federateLabel = _t("create_room|unfederated_label_default_off");
+        if (SdkConfig.get().default_federate === false) {
+            // We only change the label if the default setting is different to avoid jarring text changes to the
+            // user. They will have read the implications of turning this off/on, so no need to rephrase for them.
+            federateLabel = _t("create_room|unfederated_label_default_on");
+        }
+
+        let title: string;
+        if (isVideoRoom) {
+            title = _t("create_room|title_video_room");
+        } else if (this.props.parentSpace || this.state.joinRule === JoinRule.Knock) {
+            title = _t("action|create_a_room");
+        } else {
+            title =
+                this.state.joinRule === JoinRule.Public
+                    ? _t("create_room|title_public_room")
+                    : _t("create_room|title_private_room");
+        }
+
+        return (
+            <BaseDialog
+                className="mx_CreateRoomDialog"
+                onFinished={this.props.onFinished}
+                title={title}
+                screenName="CreateRoom"
+            >
+                <div className="mx_Dialog_content">
+                    <Form.Root onSubmit={this.onOk} onKeyDown={this.onKeyDown}>
+                        <Field
+                            ref={this.nameField}
+                            label={_t("common|name")}
+                            onChange={this.onNameChange}
+                            onValidate={this.onNameValidate}
+                            value={this.state.name}
+                            className="mx_CreateRoomDialog_name"
+                        />
+                        <Field
+                            label={_t("create_room|topic_label")}
+                            onChange={this.onTopicChange}
+                            value={this.state.topic}
+                            className="mx_CreateRoomDialog_topic"
+                        />
+
+                        <div>
+                            <JoinRuleDropdown
+                                label={_t("create_room|room_visibility_label")}
+                                labelInvite={_t("create_room|join_rule_invite")}
+                                labelKnock={
+                                    this.askToJoinEnabled ? _t("room_settings|security|join_rule_knock") : undefined
+                                }
+                                labelPublic={this.allowCreatingPublicRooms ? _t("common|public_room") : undefined}
+                                labelRestricted={
+                                    this.supportsRestricted ? _t("create_room|join_rule_restricted") : undefined
+                                }
+                                value={this.state.joinRule}
+                                onChange={this.onJoinRuleChange}
+                            />
+
+                            {publicPrivateLabel}
+                        </div>
+
+                        {visibilitySection}
+                        {e2eeSection}
+                        {e2eeStateSection}
+                        {aliasField}
+                        {this.advancedSettingsEnabled && (
+                            <details onToggle={this.onDetailsToggled} className="mx_CreateRoomDialog_details">
+                                <summary className="mx_CreateRoomDialog_details_summary">
+                                    {this.state.detailsOpen ? _t("action|hide_advanced") : _t("action|show_advanced")}
+                                </summary>
+                                <SettingsToggleInput
+                                    name="unfederated"
+                                    label={_t("create_room|unfederated", {
+                                        serverName: MatrixClientPeg.safeGet().getDomain(),
+                                    })}
+                                    onChange={this.onNoFederateChange}
+                                    checked={this.state.noFederate}
+                                    helpMessage={federateLabel}
+                                />
+                            </details>
+                        )}
+                    </Form.Root>
+                </div>
+                <DialogButtons
+                    primaryButton={
+                        isVideoRoom ? _t("create_room|action_create_video_room") : _t("create_room|action_create_room")
+                    }
+                    onPrimaryButtonClick={this.onOk}
+                    onCancel={this.onCancel}
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/CreateSectionDialog.tsx b/apps/web/src/components/views/dialogs/CreateSectionDialog.tsx
new file mode 100644
index 00000000000..c45c0980bb0
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/CreateSectionDialog.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, { useState, type JSX } from "react";
+import { Flex } from "@element-hq/web-shared-components";
+import { Form, Text } from "@vector-im/compound-web";
+import classNames from "classnames";
+
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+import { _t } from "../../../languageHandler";
+
+interface CreateSectionDialogProps {
+    /**
+     * The name of the section being edited if defined. Otherwise, create a new section.
+     */
+    sectionToEdit?: string;
+
+    /**
+     * Callback called when the dialog is closed.
+     * @param shouldCreateSection Whether a section should be created or not. This will be false if the user cancels the dialog.
+     * @param sectionName The name of the section to create.
+     */
+    onFinished: (shouldCreateSection: boolean, sectionName: string) => void;
+}
+
+/**
+ * Dialog shown to the user to create a new section in the room list.
+ */
+export function CreateSectionDialog({ onFinished, sectionToEdit }: CreateSectionDialogProps): JSX.Element {
+    const isEdition = Boolean(sectionToEdit);
+    const [value, setValue] = useState(sectionToEdit ?? "");
+    const isInvalid = Boolean(value.trim().length === 0);
+
+    return (
+        <BaseDialog
+            className={classNames("mx_CreateSectionDialog", {
+                mx_CreateSectionDialog_edition: isEdition,
+            })}
+            onFinished={() => onFinished(false, value)}
+            title={isEdition ? _t("create_section_dialog|title_edition") : _t("create_section_dialog|title")}
+            hasCancel={true}
+        >
+            <Flex gap="var(--cpd-space-6x)" direction="column" className="mx_CreateSectionDialog_content">
+                {!isEdition && (
+                    <Text as="span" weight="medium">
+                        {_t("create_section_dialog|description")}
+                    </Text>
+                )}
+                <Form.Root
+                    className="mx_CreateSectionDialog_form"
+                    onSubmit={(e) => {
+                        e.preventDefault();
+                        if (!isInvalid) onFinished(true, value);
+                    }}
+                >
+                    <Form.Field name="sectionName">
+                        <Form.Label> {_t("create_section_dialog|label")}</Form.Label>
+                        <Form.TextControl
+                            value={value}
+                            onChange={(evt) => setValue(evt.target.value)}
+                            required={true}
+                        />
+                    </Form.Field>
+                </Form.Root>
+            </Flex>
+            <DialogButtons
+                primaryButton={isEdition ? _t("common|save") : _t("create_section_dialog|create_section")}
+                primaryDisabled={isInvalid}
+                hasCancel={true}
+                onCancel={() => onFinished(false, "")}
+                onPrimaryButtonClick={() => onFinished(true, value)}
+            />
+        </BaseDialog>
+    );
+}
diff --git a/apps/web/src/components/views/dialogs/CreateSubspaceDialog.tsx b/apps/web/src/components/views/dialogs/CreateSubspaceDialog.tsx
new file mode 100644
index 00000000000..7223db55f92
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/CreateSubspaceDialog.tsx
@@ -0,0 +1,194 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, useRef, useState } from "react";
+import { type Room, JoinRule } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { BetaPill } from "../beta/BetaCard";
+import type Field from "../elements/Field";
+import type RoomAliasField from "../elements/RoomAliasField";
+import { createSpace, SpaceCreateForm } from "../spaces/SpaceCreateMenu";
+import { SubspaceSelector } from "./AddExistingToSpaceDialog";
+import JoinRuleDropdown from "../elements/JoinRuleDropdown";
+
+interface IProps {
+    space: Room;
+    onAddExistingSpaceClick(this: void): void;
+    onFinished(this: void, added?: boolean): void;
+}
+
+const CreateSubspaceDialog: React.FC<IProps> = ({ space, onAddExistingSpaceClick, onFinished }) => {
+    const [parentSpace, setParentSpace] = useState(space);
+
+    const [busy, setBusy] = useState<boolean>(false);
+    const [name, setName] = useState("");
+    const spaceNameField = useRef<Field>(null);
+    const [alias, setAlias] = useState("");
+    const spaceAliasField = useRef<RoomAliasField>(null);
+    const [avatar, setAvatar] = useState<File | undefined>();
+    const [topic, setTopic] = useState<string>("");
+
+    const spaceJoinRule = space.getJoinRule();
+    let defaultJoinRule = JoinRule.Restricted;
+    if (spaceJoinRule === JoinRule.Public) {
+        defaultJoinRule = JoinRule.Public;
+    }
+    const [joinRule, setJoinRule] = useState<JoinRule>(defaultJoinRule);
+
+    const onCreateSubspaceClick = async (e: ButtonEvent): Promise<void> => {
+        e.preventDefault();
+        if (busy) return;
+
+        setBusy(true);
+        // require & validate the space name field
+        if (spaceNameField.current && !(await spaceNameField.current.validate({ allowEmpty: false }))) {
+            spaceNameField.current.focus();
+            spaceNameField.current.validate({ allowEmpty: false, focused: true });
+            setBusy(false);
+            return;
+        }
+        // validate the space name alias field but do not require it
+        if (
+            spaceAliasField.current &&
+            joinRule === JoinRule.Public &&
+            !(await spaceAliasField.current.validate({ allowEmpty: true }))
+        ) {
+            spaceAliasField.current.focus();
+            spaceAliasField.current.validate({ allowEmpty: true, focused: true });
+            setBusy(false);
+            return;
+        }
+
+        try {
+            await createSpace(
+                space.client,
+                name,
+                joinRule === JoinRule.Public,
+                alias,
+                topic,
+                avatar,
+                {},
+                { parentSpace, joinRule },
+            );
+
+            onFinished(true);
+        } catch (e) {
+            logger.error(e);
+        }
+    };
+
+    let joinRuleMicrocopy: JSX.Element | undefined;
+    if (joinRule === JoinRule.Restricted) {
+        joinRuleMicrocopy = (
+            <p>
+                {_t(
+                    "create_space|subspace_join_rule_restricted_description",
+                    {},
+                    {
+                        SpaceName: () => <strong>{parentSpace.name}</strong>,
+                    },
+                )}
+            </p>
+        );
+    } else if (joinRule === JoinRule.Public) {
+        joinRuleMicrocopy = (
+            <p>
+                {_t(
+                    "create_space|subspace_join_rule_public_description",
+                    {},
+                    {
+                        SpaceName: () => <strong>{parentSpace.name}</strong>,
+                    },
+                )}
+            </p>
+        );
+    } else if (joinRule === JoinRule.Invite) {
+        joinRuleMicrocopy = <p>{_t("create_space|subspace_join_rule_invite_description")}</p>;
+    }
+
+    return (
+        <BaseDialog
+            title={
+                <SubspaceSelector
+                    title={_t("create_space|subspace_dropdown_title")}
+                    space={space}
+                    value={parentSpace}
+                    onChange={setParentSpace}
+                />
+            }
+            className="mx_CreateSubspaceDialog"
+            contentId="mx_CreateSubspaceDialog"
+            onFinished={onFinished}
+            fixedWidth={false}
+        >
+            <MatrixClientContext.Provider value={space.client}>
+                <div className="mx_CreateSubspaceDialog_content">
+                    <div className="mx_CreateSubspaceDialog_betaNotice">
+                        <BetaPill />
+                        {_t("create_space|subspace_beta_notice")}
+                    </div>
+
+                    <SpaceCreateForm
+                        busy={busy}
+                        onSubmit={onCreateSubspaceClick}
+                        setAvatar={setAvatar}
+                        name={name}
+                        setName={setName}
+                        nameFieldRef={spaceNameField}
+                        topic={topic}
+                        setTopic={setTopic}
+                        alias={alias}
+                        setAlias={setAlias}
+                        showAliasField={joinRule === JoinRule.Public}
+                        aliasFieldRef={spaceAliasField}
+                    >
+                        <JoinRuleDropdown
+                            label={_t("create_space|subspace_join_rule_label")}
+                            labelInvite={_t("create_space|subspace_join_rule_invite_only")}
+                            labelPublic={_t("common|public_space")}
+                            labelRestricted={_t("create_room|join_rule_restricted")}
+                            width={478}
+                            value={joinRule}
+                            onChange={setJoinRule}
+                        />
+                        {joinRuleMicrocopy}
+                    </SpaceCreateForm>
+                </div>
+
+                <div className="mx_CreateSubspaceDialog_footer">
+                    <div className="mx_CreateSubspaceDialog_footer_prompt">
+                        <div>{_t("create_space|subspace_existing_space_prompt")}</div>
+                        <AccessibleButton
+                            kind="link"
+                            onClick={() => {
+                                onAddExistingSpaceClick();
+                                onFinished();
+                            }}
+                        >
+                            {_t("space|add_existing_subspace|space_dropdown_title")}
+                        </AccessibleButton>
+                    </div>
+
+                    <AccessibleButton kind="primary_outline" disabled={busy} onClick={() => onFinished(false)}>
+                        {_t("action|cancel")}
+                    </AccessibleButton>
+                    <AccessibleButton kind="primary" disabled={busy} onClick={onCreateSubspaceClick}>
+                        {busy ? _t("create_space|subspace_adding") : _t("action|add")}
+                    </AccessibleButton>
+                </div>
+            </MatrixClientContext.Provider>
+        </BaseDialog>
+    );
+};
+
+export default CreateSubspaceDialog;
diff --git a/apps/web/src/components/views/dialogs/DeactivateAccountDialog.tsx b/apps/web/src/components/views/dialogs/DeactivateAccountDialog.tsx
new file mode 100644
index 00000000000..0622cb25ebd
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/DeactivateAccountDialog.tsx
@@ -0,0 +1,233 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+import React, { type JSX } from "react";
+import { type AuthType, type IAuthData } from "matrix-js-sdk/src/interactive-auth";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { _t } from "../../../languageHandler";
+import InteractiveAuth, { ERROR_USER_CANCELLED, type InteractiveAuthCallback } from "../../structures/InteractiveAuth";
+import { type ContinueKind, SSOAuthEntry } from "../auth/InteractiveAuthEntryComponents";
+import StyledCheckbox from "../elements/StyledCheckbox";
+import BaseDialog from "./BaseDialog";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+
+type DialogAesthetics = Partial<{
+    [x in AuthType]: {
+        [x: number]: {
+            body: string;
+            continueText?: string;
+            continueKind?: ContinueKind;
+        };
+    };
+}>;
+
+interface IProps {
+    onFinished: (success?: boolean) => void;
+}
+
+interface IState {
+    shouldErase: boolean;
+    errStr: string | null;
+    authData: any; // for UIA
+    authEnabled: boolean; // see usages for information
+
+    // A few strings that are passed to InteractiveAuth for design or are displayed
+    // next to the InteractiveAuth component.
+    bodyText?: string;
+    continueText?: string;
+    continueKind?: ContinueKind;
+}
+
+export default class DeactivateAccountDialog extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            shouldErase: false,
+            errStr: null,
+            authData: null, // for UIA
+            authEnabled: true, // see usages for information
+        };
+    }
+
+    public componentDidMount(): void {
+        this.initAuth(/* shouldErase= */ false);
+    }
+
+    private onStagePhaseChange = (stage: AuthType, phase: number): void => {
+        const dialogAesthetics = {
+            [SSOAuthEntry.PHASE_PREAUTH]: {
+                body: _t("settings|general|deactivate_confirm_body_sso"),
+                continueText: _t("auth|sso"),
+                continueKind: "danger",
+            },
+            [SSOAuthEntry.PHASE_POSTAUTH]: {
+                body: _t("settings|general|deactivate_confirm_body"),
+                continueText: _t("settings|general|deactivate_confirm_continue"),
+                continueKind: "danger",
+            },
+        };
+
+        // This is the same as aestheticsForStagePhases in InteractiveAuthDialog minus the `title`
+        const DEACTIVATE_AESTHETICS: DialogAesthetics = {
+            [SSOAuthEntry.LOGIN_TYPE]: dialogAesthetics,
+            [SSOAuthEntry.UNSTABLE_LOGIN_TYPE]: dialogAesthetics,
+        };
+
+        const aesthetics = DEACTIVATE_AESTHETICS[stage];
+        let bodyText: string | undefined;
+        let continueText: string | undefined;
+        let continueKind: ContinueKind | undefined;
+        if (aesthetics) {
+            const phaseAesthetics = aesthetics[phase];
+            if (phaseAesthetics) {
+                if (phaseAesthetics.body) bodyText = phaseAesthetics.body;
+                if (phaseAesthetics.continueText) continueText = phaseAesthetics.continueText;
+                if (phaseAesthetics.continueKind) continueKind = phaseAesthetics.continueKind;
+            }
+        }
+        this.setState({ bodyText, continueText, continueKind });
+    };
+
+    private onUIAuthFinished: InteractiveAuthCallback<Awaited<ReturnType<MatrixClient["deactivateAccount"]>>> = async (
+        success,
+        result,
+    ) => {
+        if (success) return; // great! makeRequest() will be called too.
+
+        if (result === ERROR_USER_CANCELLED) {
+            this.onCancel();
+            return;
+        }
+
+        logger.error("Error during UI Auth:", { result });
+        this.setState({ errStr: _t("settings|general|error_deactivate_communication") });
+    };
+
+    private onUIAuthComplete = (auth: IAuthData | null): void => {
+        // XXX: this should be returning a promise to maintain the state inside the state machine correct
+        // but given that a deactivation is followed by a local logout and all object instances being thrown away
+        // this isn't done.
+        MatrixClientPeg.safeGet()
+            .deactivateAccount(auth ?? undefined, this.state.shouldErase)
+            .then((r) => {
+                // Deactivation worked - logout & close this dialog
+                defaultDispatcher.fire(Action.TriggerLogout);
+                this.props.onFinished(true);
+            })
+            .catch((e) => {
+                logger.error(e);
+                this.setState({ errStr: _t("settings|general|error_deactivate_communication") });
+            });
+    };
+
+    private onEraseFieldChange = (ev: React.FormEvent<HTMLInputElement>): void => {
+        this.setState({
+            shouldErase: ev.currentTarget.checked,
+
+            // Disable the auth form because we're going to have to reinitialize the auth
+            // information. We do this because we can't modify the parameters in the UIA
+            // session, and the user will have selected something which changes the request.
+            // Therefore, we throw away the last auth session and try a new one.
+            authEnabled: false,
+        });
+
+        // As mentioned above, set up for auth again to get updated UIA session info
+        this.initAuth(/* shouldErase= */ ev.currentTarget.checked);
+    };
+
+    private onCancel(): void {
+        this.props.onFinished(false);
+    }
+
+    private initAuth(shouldErase: boolean): void {
+        MatrixClientPeg.safeGet()
+            .deactivateAccount(undefined, shouldErase)
+            .then((r) => {
+                // If we got here, oops. The server didn't require any auth.
+                // Our application lifecycle will catch the error and do the logout bits.
+                // We'll try to log something in an vain attempt to record what happened (storage
+                // is also obliterated on logout).
+                logger.warn("User's account got deactivated without confirmation: Server had no auth");
+                this.setState({ errStr: _t("settings|general|error_deactivate_no_auth") });
+            })
+            .catch((e) => {
+                if (e && e.httpStatus === 401 && e.data) {
+                    // Valid UIA response
+                    this.setState({ authData: e.data, authEnabled: true });
+                } else {
+                    this.setState({ errStr: _t("settings|general|error_deactivate_invalid_auth") });
+                }
+            });
+    }
+
+    public render(): React.ReactNode {
+        let error: JSX.Element | undefined;
+        if (this.state.errStr) {
+            error = <div className="error">{this.state.errStr}</div>;
+        }
+
+        let auth = <div>{_t("common|loading")}</div>;
+        if (this.state.authData && this.state.authEnabled) {
+            auth = (
+                <div>
+                    {this.state.bodyText}
+                    <InteractiveAuth
+                        matrixClient={MatrixClientPeg.safeGet()}
+                        authData={this.state.authData}
+                        // XXX: onUIAuthComplete breaches the expected method contract, it gets away with it because it
+                        // knows the entire app is about to die as a result of the account deactivation.
+                        makeRequest={this.onUIAuthComplete as any}
+                        onAuthFinished={this.onUIAuthFinished}
+                        onStagePhaseChange={this.onStagePhaseChange}
+                        continueText={this.state.continueText}
+                        continueKind={this.state.continueKind}
+                    />
+                </div>
+            );
+        }
+
+        // this is on purpose not a <form /> to prevent Enter triggering submission, to further prevent accidents
+        return (
+            <BaseDialog
+                className="mx_DeactivateAccountDialog"
+                onFinished={this.props.onFinished}
+                titleClass="danger"
+                title={_t("settings|general|deactivate_section")}
+                screenName="DeactivateAccount"
+            >
+                <div className="mx_Dialog_content">
+                    <p>{_t("settings|general|deactivate_confirm_content")}</p>
+                    <ul>
+                        <li>{_t("settings|general|deactivate_confirm_content_1")}</li>
+                        <li>{_t("settings|general|deactivate_confirm_content_2")}</li>
+                        <li>{_t("settings|general|deactivate_confirm_content_3")}</li>
+                        <li>{_t("settings|general|deactivate_confirm_content_4")}</li>
+                        <li>{_t("settings|general|deactivate_confirm_content_5")}</li>
+                    </ul>
+                    <p>{_t("settings|general|deactivate_confirm_content_6")}</p>
+
+                    <div className="mx_DeactivateAccountDialog_input_section">
+                        <p>
+                            <StyledCheckbox checked={this.state.shouldErase} onChange={this.onEraseFieldChange}>
+                                {_t("settings|general|deactivate_confirm_erase_label")}
+                            </StyledCheckbox>
+                        </p>
+                        {error}
+                        {auth}
+                    </div>
+                </div>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/DeclineAndBlockInviteDialog.tsx b/apps/web/src/components/views/dialogs/DeclineAndBlockInviteDialog.tsx
new file mode 100644
index 00000000000..2f20b66f609
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/DeclineAndBlockInviteDialog.tsx
@@ -0,0 +1,91 @@
+/*
+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 ChangeEventHandler, useCallback, useState } from "react";
+import { Field, Label, Root, SettingsToggleInput } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+
+interface IProps {
+    onFinished: (shouldReject: boolean, ignoreUser: boolean, reportRoom: false | string) => void;
+    roomName: string;
+}
+
+export const DeclineAndBlockInviteDialog: React.FunctionComponent<IProps> = ({ onFinished, roomName }) => {
+    const [shouldReport, setShouldReport] = useState<boolean>(false);
+    const [ignoreUser, setIgnoreUser] = useState<boolean>(false);
+
+    const onShouldReportChanged = useCallback<ChangeEventHandler<HTMLInputElement>>(
+        (e) => setShouldReport(e.target.checked),
+        [setShouldReport],
+    );
+    const onIgnoreUserChanged = useCallback<ChangeEventHandler<HTMLInputElement>>(
+        (e) => setIgnoreUser(e.target.checked),
+        [setIgnoreUser],
+    );
+    const [reportReason, setReportReason] = useState<string>("");
+    const reportReasonChanged = useCallback<ChangeEventHandler<HTMLTextAreaElement>>(
+        (e) => setReportReason(e.target.value),
+        [setReportReason],
+    );
+
+    const onCancel = useCallback(() => onFinished(false, false, false), [onFinished]);
+    const onOk = useCallback(
+        () => onFinished(true, ignoreUser, shouldReport ? reportReason : false),
+        [onFinished, ignoreUser, shouldReport, reportReason],
+    );
+
+    return (
+        <BaseDialog
+            className="mx_DeclineAndBlockInviteDialog"
+            onFinished={onCancel}
+            title={_t("decline_invitation_dialog|title")}
+            contentId="mx_Dialog_content"
+        >
+            <Root>
+                <p>{_t("decline_invitation_dialog|confirm", { roomName })}</p>
+                <SettingsToggleInput
+                    name="ignore-user"
+                    label={_t("report_content|ignore_user")}
+                    onChange={onIgnoreUserChanged}
+                    helpMessage={_t("decline_invitation_dialog|ignore_user_help")}
+                    checked={ignoreUser}
+                />
+                <SettingsToggleInput
+                    name="report-room"
+                    label={_t("action|report_room")}
+                    onChange={onShouldReportChanged}
+                    helpMessage={_t("decline_invitation_dialog|report_room_description")}
+                    checked={shouldReport}
+                />
+                <Field name="report-reason" aria-disabled={!shouldReport}>
+                    <Label htmlFor="mx_DeclineAndBlockInviteDialog_reason">
+                        {_t("room_settings|permissions|ban_reason")}
+                    </Label>
+                    <textarea
+                        id="mx_DeclineAndBlockInviteDialog_reason"
+                        className="mx_RoomReportTextArea"
+                        placeholder={_t("decline_invitation_dialog|reason_description")}
+                        rows={5}
+                        onChange={reportReasonChanged}
+                        value={shouldReport ? reportReason : ""}
+                        disabled={!shouldReport}
+                    />
+                </Field>
+                <DialogButtons
+                    primaryButton={_t("action|decline_invite")}
+                    primaryButtonClass="danger"
+                    cancelButton={_t("action|cancel")}
+                    onPrimaryButtonClick={onOk}
+                    onCancel={onCancel}
+                />
+            </Root>
+        </BaseDialog>
+    );
+};
diff --git a/apps/web/src/components/views/dialogs/DevtoolsDialog.tsx b/apps/web/src/components/views/dialogs/DevtoolsDialog.tsx
new file mode 100644
index 00000000000..24aea999bf6
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/DevtoolsDialog.tsx
@@ -0,0 +1,166 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-2023 The Matrix.org Foundation C.I.C.
+Copyright 2022 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 JSX, useState } from "react";
+import { Form } from "@vector-im/compound-web";
+
+import { _t, _td } from "../../../languageHandler";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import BaseDialog from "./BaseDialog";
+import { TimelineEventEditor } from "./devtools/Event";
+import ServersInRoom from "./devtools/ServersInRoom";
+import SettingExplorer from "./devtools/SettingExplorer";
+import { RoomStateExplorer } from "./devtools/RoomState";
+import BaseTool, { DevtoolsContext, type IDevtoolsProps } from "./devtools/BaseTool";
+import WidgetExplorer from "./devtools/WidgetExplorer";
+import { UserList } from "./devtools/Users";
+import { AccountDataExplorer, RoomAccountDataExplorer } from "./devtools/AccountData";
+import SettingsFlag from "../elements/SettingsFlag";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import ServerInfo from "./devtools/ServerInfo";
+import CopyableText from "../elements/CopyableText";
+import RoomNotifications from "./devtools/RoomNotifications";
+import { Crypto } from "./devtools/Crypto";
+import SettingsField from "../elements/SettingsField.tsx";
+import { StickyStateExplorer } from "./devtools/StickyEventState.tsx";
+
+enum Category {
+    Room,
+    Other,
+}
+
+const categoryLabels: Record<Category, TranslationKey> = {
+    [Category.Room]: _td("devtools|category_room"),
+    [Category.Other]: _td("devtools|category_other"),
+};
+
+export type Tool = React.FC<IDevtoolsProps> | ((props: IDevtoolsProps) => JSX.Element);
+const Tools: Record<Category, [label: TranslationKey, tool: Tool][]> = {
+    [Category.Room]: [
+        [_td("devtools|send_custom_timeline_event"), TimelineEventEditor],
+        [_td("devtools|explore_room_state"), RoomStateExplorer],
+        [_td("devtools|explore_room_account_data"), RoomAccountDataExplorer],
+        [_td("devtools|view_servers_in_room"), ServersInRoom],
+        [_td("devtools|notifications_debug"), RoomNotifications],
+        [_td("devtools|active_widgets"), WidgetExplorer],
+        [_td("devtools|users"), UserList],
+        [_td("devtools|explore_sticky_state"), StickyStateExplorer],
+    ],
+    [Category.Other]: [
+        [_td("devtools|explore_account_data"), AccountDataExplorer],
+        [_td("devtools|settings_explorer"), SettingExplorer],
+        [_td("devtools|server_info"), ServerInfo],
+        [_td("devtools|crypto|title"), Crypto],
+    ],
+};
+
+interface IProps {
+    roomId: string;
+    threadRootId?: string | null;
+    onFinished(this: void, finished?: boolean): void;
+}
+
+type ToolInfo = [label: TranslationKey, tool: Tool];
+
+const DevtoolsDialog: React.FC<IProps> = ({ roomId, threadRootId, onFinished }) => {
+    const [tool, setTool] = useState<ToolInfo | null>(null);
+
+    let body: JSX.Element;
+    let onBack: () => void;
+
+    if (tool) {
+        onBack = () => {
+            setTool(null);
+        };
+
+        const Tool = tool[1];
+        body = <Tool onBack={onBack} setTool={(label, tool) => setTool([label, tool])} />;
+    } else {
+        const onBack = (): void => {
+            onFinished(false);
+        };
+        body = (
+            <BaseTool onBack={onBack}>
+                {Object.entries(Tools).map(([category, tools]) => (
+                    <div key={category}>
+                        <h2 className="mx_DevTools_toolHeading">
+                            {_t(categoryLabels[category as unknown as Category])}
+                        </h2>
+                        {tools.map(([label, tool]) => {
+                            const onClick = (): void => {
+                                setTool([label, tool]);
+                            };
+                            return (
+                                <button className="mx_DevTools_button" key={label} onClick={onClick} type="button">
+                                    {_t(label)}
+                                </button>
+                            );
+                        })}
+                    </div>
+                ))}
+                <Form.Root
+                    onSubmit={(evt) => {
+                        evt.preventDefault();
+                        evt.stopPropagation();
+                    }}
+                    className="mx_DevTools_toggleForm"
+                >
+                    <h2 className="mx_DevTools_toolHeading">{_t("common|options")}</h2>
+                    <SettingsFlag name="developerMode" level={SettingLevel.ACCOUNT} />
+                    <SettingsFlag name="showHiddenEventsInTimeline" level={SettingLevel.DEVICE} />
+                    <SettingsFlag name="enableWidgetScreenshots" level={SettingLevel.ACCOUNT} />
+                    <SettingsFlag name="lowBandwidth" level={SettingLevel.DEVICE} />
+                </Form.Root>
+                {/* The settings field needs to be outside `Form.Root` because `SettingsField` will have a inner Form,
+                    Otherwise we end up with a nester `Form` and that prohibits `preventDefault` so setting the value
+                    will reload the page.
+                 */}
+                <SettingsField
+                    settingKey="Developer.elementCallUrl"
+                    level={SettingLevel.DEVICE}
+                    aria-label="elementCallUrl"
+                />
+            </BaseTool>
+        );
+    }
+
+    const label = tool ? _t(tool[0]) : _t("devtools|toolbox");
+    return (
+        <BaseDialog className="mx_QuestionDialog" onFinished={onFinished} title={_t("devtools|developer_tools")}>
+            <MatrixClientContext.Consumer>
+                {(cli) => (
+                    <>
+                        <div className="mx_DevTools_label_left">{label}</div>
+                        <CopyableText className="mx_DevTools_label_right" getTextToCopy={() => roomId} border={false}>
+                            {_t("devtools|room_id", { roomId })}
+                        </CopyableText>
+                        {!threadRootId ? null : (
+                            <CopyableText
+                                className="mx_DevTools_label_right"
+                                getTextToCopy={() => threadRootId}
+                                border={false}
+                            >
+                                {_t("devtools|thread_root_id", { threadRootId })}
+                            </CopyableText>
+                        )}
+                        <div className="mx_DevTools_label_bottom" />
+                        {cli.getRoom(roomId) && (
+                            // oxlint-disable-next-line react/jsx-no-constructed-context-values
+                            <DevtoolsContext.Provider value={{ room: cli.getRoom(roomId)!, threadRootId }}>
+                                {body}
+                            </DevtoolsContext.Provider>
+                        )}
+                    </>
+                )}
+            </MatrixClientContext.Consumer>
+        </BaseDialog>
+    );
+};
+
+export default DevtoolsDialog;
diff --git a/apps/web/src/components/views/dialogs/EndPollDialog.tsx b/apps/web/src/components/views/dialogs/EndPollDialog.tsx
new file mode 100644
index 00000000000..ee27947ce9a
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/EndPollDialog.tsx
@@ -0,0 +1,70 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+import { type MatrixEvent, type MatrixClient, type TimelineEvents } from "matrix-js-sdk/src/matrix";
+import { PollEndEvent } from "matrix-js-sdk/src/extensible_events_v1/PollEndEvent";
+
+import { _t } from "../../../languageHandler";
+import QuestionDialog from "./QuestionDialog";
+import { findTopAnswer } from "../messages/MPollBody";
+import Modal from "../../../Modal";
+import ErrorDialog from "./ErrorDialog";
+
+interface IProps {
+    matrixClient: MatrixClient;
+    event: MatrixEvent;
+    onFinished: (success?: boolean) => void;
+}
+
+export default class EndPollDialog extends React.Component<IProps> {
+    private onFinished = async (endPoll: boolean): Promise<void> => {
+        if (endPoll) {
+            const room = this.props.matrixClient.getRoom(this.props.event.getRoomId());
+            const poll = room?.polls.get(this.props.event.getId()!);
+
+            if (!poll) {
+                throw new Error("No poll instance found in room.");
+            }
+
+            try {
+                const responses = await poll.getResponses();
+                const topAnswer = findTopAnswer(this.props.event, responses);
+
+                const message =
+                    topAnswer === "" ? _t("poll|end_message_no_votes") : _t("poll|end_message", { topAnswer });
+
+                const endEvent = PollEndEvent.from(this.props.event.getId()!, message).serialize();
+
+                await this.props.matrixClient.sendEvent(
+                    this.props.event.getRoomId()!,
+                    endEvent.type as keyof TimelineEvents,
+                    endEvent.content as TimelineEvents[keyof TimelineEvents],
+                );
+            } catch (e) {
+                console.error("Failed to submit poll response event:", e);
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("poll|error_ending_title"),
+                    description: _t("poll|error_ending_description"),
+                });
+            }
+        }
+        this.props.onFinished(endPoll);
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <QuestionDialog
+                title={_t("poll|end_title")}
+                description={_t("poll|end_description")}
+                button={_t("poll|end_title")}
+                onFinished={(endPoll: boolean) => this.onFinished(endPoll)}
+            />
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/ErrorDialog.tsx b/apps/web/src/components/views/dialogs/ErrorDialog.tsx
new file mode 100644
index 00000000000..8ac9484eef5
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ErrorDialog.tsx
@@ -0,0 +1,89 @@
+/*
+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.
+*/
+
+/*
+ * Usage:
+ * Modal.createDialog(ErrorDialog, {
+ *   title: "some text", (default: "Error")
+ *   description: "some more text",
+ *   button: "Button Text",
+ *   onFinished: someFunction,
+ *   focus: true|false (default: true)
+ * });
+ */
+
+import React from "react";
+
+import { _t, UserFriendlyError } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+
+/**
+ * Get a user friendly error message string from a given error. Useful for the
+ * `description` prop of the `ErrorDialog`
+ * @param err Error object in question to extract a useful message from. To make it easy
+ * to use with try/catch, this is typed as `any` because try/catch will type
+ * the error as `unknown`. And in any case we can use the fallback message.
+ * @param translatedFallbackMessage The fallback message to be used if the error doesn't have any message
+ * @returns a user friendly error message string from a given error
+ */
+export function extractErrorMessageFromError(err: any, translatedFallbackMessage: string): string {
+    return (
+        (err instanceof UserFriendlyError && err.translatedMessage) ||
+        (err instanceof Error && err.message) ||
+        translatedFallbackMessage
+    );
+}
+
+interface IProps {
+    onFinished: (success?: boolean) => void;
+    title?: string;
+    description?: React.ReactNode;
+    button?: string;
+    focus?: boolean;
+    headerImage?: string;
+}
+
+interface IState {
+    onFinished: (success: boolean) => void;
+}
+
+export default class ErrorDialog extends React.Component<IProps, IState> {
+    public static defaultProps: Partial<IProps> = {
+        focus: true,
+    };
+
+    private onClick = (): void => {
+        this.props.onFinished(true);
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <BaseDialog
+                className="mx_ErrorDialog"
+                onFinished={this.props.onFinished}
+                title={this.props.title || _t("common|error")}
+                headerImage={this.props.headerImage}
+                contentId="mx_Dialog_content"
+            >
+                <div className="mx_Dialog_content" id="mx_Dialog_content">
+                    {this.props.description || _t("error|dialog_description_default")}
+                </div>
+                <div className="mx_Dialog_buttons">
+                    <button
+                        className="mx_Dialog_primary"
+                        onClick={this.onClick}
+                        autoFocus={this.props.focus}
+                        type="button"
+                    >
+                        {this.props.button || _t("action|ok")}
+                    </button>
+                </div>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/ExportDialog.tsx b/apps/web/src/components/views/dialogs/ExportDialog.tsx
new file mode 100644
index 00000000000..e6242fbbdfc
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ExportDialog.tsx
@@ -0,0 +1,413 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, useRef, useState, type Dispatch, type SetStateAction } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+import Field from "../elements/Field";
+import StyledRadioGroup from "../elements/StyledRadioGroup";
+import StyledCheckbox from "../elements/StyledCheckbox";
+import {
+    ExportFormat,
+    type ExportFormatKey,
+    ExportType,
+    type ExportTypeKey,
+    textForFormat,
+    textForType,
+} from "../../../utils/exportUtils/exportUtils";
+import withValidation, { type IFieldState, type IValidationResult } from "../elements/Validation";
+import HTMLExporter from "../../../utils/exportUtils/HtmlExport";
+import JSONExporter from "../../../utils/exportUtils/JSONExport";
+import PlainTextExporter from "../../../utils/exportUtils/PlainTextExport";
+import { useStateCallback } from "../../../hooks/useStateCallback";
+import type Exporter from "../../../utils/exportUtils/Exporter";
+import Spinner from "../elements/Spinner";
+import InfoDialog from "./InfoDialog";
+import ChatExport from "../../../customisations/ChatExport";
+import { validateNumberInRange } from "../../../utils/validate";
+
+interface IProps {
+    room: Room;
+    onFinished(this: void, doExport?: boolean): void;
+}
+
+interface ExportConfig {
+    exportFormat: ExportFormat;
+    exportType: ExportType;
+    numberOfMessages: number;
+    sizeLimit: number;
+    includeAttachments: boolean;
+    setExportFormat?: Dispatch<SetStateAction<ExportFormat>>;
+    setExportType?: Dispatch<SetStateAction<ExportType>>;
+    setAttachments?: Dispatch<SetStateAction<boolean>>;
+    setNumberOfMessages?: Dispatch<SetStateAction<number>>;
+    setSizeLimit?: Dispatch<SetStateAction<number>>;
+}
+
+/**
+ * Set up form state using "forceRoomExportParameters" or defaults
+ * Form fields configured in ForceRoomExportParameters are not allowed to be edited
+ * Only return change handlers for editable values
+ */
+const useExportFormState = (): ExportConfig => {
+    const config = ChatExport.getForceChatExportParameters();
+
+    const [exportFormat, setExportFormat] = useState(config.format ?? ExportFormat.Html);
+    const [exportType, setExportType] = useState(config.range ?? ExportType.Timeline);
+    const [includeAttachments, setAttachments] = useState(config.includeAttachments ?? false);
+    const [numberOfMessages, setNumberOfMessages] = useState<number>(config.numberOfMessages ?? 100);
+    const [sizeLimit, setSizeLimit] = useState<number>(config.sizeMb ?? 8);
+
+    return {
+        exportFormat,
+        exportType,
+        includeAttachments,
+        numberOfMessages,
+        sizeLimit,
+        setExportFormat: !config.format ? setExportFormat : undefined,
+        setExportType: !config.range ? setExportType : undefined,
+        setNumberOfMessages: !config.numberOfMessages ? setNumberOfMessages : undefined,
+        setSizeLimit: !config.sizeMb ? setSizeLimit : undefined,
+        setAttachments: config.includeAttachments === undefined ? setAttachments : undefined,
+    };
+};
+
+const ExportDialog: React.FC<IProps> = ({ room, onFinished }) => {
+    const {
+        exportFormat,
+        exportType,
+        includeAttachments,
+        numberOfMessages,
+        sizeLimit,
+        setExportFormat,
+        setExportType,
+        setNumberOfMessages,
+        setSizeLimit,
+        setAttachments,
+    } = useExportFormState();
+
+    const [isExporting, setExporting] = useState(false);
+    const sizeLimitRef = useRef<Field>(null);
+    const messageCountRef = useRef<Field>(null);
+    const [exportProgressText, setExportProgressText] = useState(_t("export_chat|processing"));
+    const [displayCancel, setCancelWarning] = useState(false);
+    const [exportCancelled, setExportCancelled] = useState(false);
+    const [exportSuccessful, setExportSuccessful] = useState(false);
+    const [exporter, setExporter] = useStateCallback<Exporter | null>(
+        null,
+        async (exporter: Exporter | null): Promise<void> => {
+            await exporter?.export().then(() => {
+                if (!exportCancelled) setExportSuccessful(true);
+            });
+        },
+    );
+
+    const startExport = async (): Promise<void> => {
+        const exportOptions = {
+            numberOfMessages,
+            attachmentsIncluded: includeAttachments,
+            maxSize: sizeLimit * 1024 * 1024,
+        };
+        switch (exportFormat) {
+            case ExportFormat.Html:
+                setExporter(new HTMLExporter(room, ExportType[exportType], exportOptions, setExportProgressText));
+                break;
+            case ExportFormat.Json:
+                setExporter(new JSONExporter(room, ExportType[exportType], exportOptions, setExportProgressText));
+                break;
+            case ExportFormat.PlainText:
+                setExporter(new PlainTextExporter(room, ExportType[exportType], exportOptions, setExportProgressText));
+                break;
+            default:
+                logger.error("Unknown export format");
+                return;
+        }
+    };
+
+    const onExportClick = async (): Promise<void> => {
+        const isValidSize =
+            !setSizeLimit ||
+            (await sizeLimitRef.current?.validate({
+                focused: false,
+            }));
+
+        if (!isValidSize) {
+            sizeLimitRef.current?.validate({ focused: true });
+            return;
+        }
+        if (exportType === ExportType.LastNMessages) {
+            const isValidNumberOfMessages = await messageCountRef.current?.validate({ focused: false });
+            if (!isValidNumberOfMessages) {
+                messageCountRef.current?.validate({ focused: true });
+                return;
+            }
+        }
+        setExporting(true);
+        await startExport();
+    };
+
+    const validateSize = withValidation({
+        rules: [
+            {
+                key: "required",
+                test({ value, allowEmpty }) {
+                    return allowEmpty || !!value;
+                },
+                invalid: () => {
+                    const min = 1;
+                    const max = 2000;
+                    return _t("export_chat|enter_number_between_min_max", {
+                        min,
+                        max,
+                    });
+                },
+            },
+            {
+                key: "number",
+                test: ({ value }) => {
+                    const parsedSize = parseInt(value!, 10);
+                    return validateNumberInRange(1, 2000)(parsedSize);
+                },
+                invalid: () => {
+                    const min = 1;
+                    const max = 2000;
+                    return _t("export_chat|size_limit_min_max", { min, max });
+                },
+            },
+        ],
+    });
+
+    const onValidateSize = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await validateSize(fieldState);
+        return result;
+    };
+
+    const validateNumberOfMessages = withValidation({
+        rules: [
+            {
+                key: "required",
+                test({ value, allowEmpty }) {
+                    return allowEmpty || !!value;
+                },
+                invalid: () => {
+                    const min = 1;
+                    const max = 10 ** 8;
+                    return _t("export_chat|enter_number_between_min_max", {
+                        min,
+                        max,
+                    });
+                },
+            },
+            {
+                key: "number",
+                test: ({ value }) => {
+                    const parsedSize = parseInt(value!, 10);
+                    return validateNumberInRange(1, 10 ** 8)(parsedSize);
+                },
+                invalid: () => {
+                    const min = 1;
+                    const max = 10 ** 8;
+                    return _t("export_chat|num_messages_min_max", { min, max });
+                },
+            },
+        ],
+    });
+
+    const onValidateNumberOfMessages = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await validateNumberOfMessages(fieldState);
+        return result;
+    };
+
+    const onCancel = async (): Promise<void> => {
+        if (isExporting) setCancelWarning(true);
+        else onFinished(false);
+    };
+
+    const confirmCancel = async (): Promise<void> => {
+        await exporter?.cancelExport();
+        setExportCancelled(true);
+        setExporting(false);
+        setExporter(null);
+    };
+
+    const exportFormatOptions = Object.values(ExportFormat).map((format) => ({
+        value: format,
+        label: textForFormat(format),
+    }));
+
+    const exportTypeOptions = Object.values(ExportType).map((type) => {
+        return (
+            <option key={ExportType[type]} value={type}>
+                {textForType(type)}
+            </option>
+        );
+    });
+
+    let messageCount: JSX.Element | undefined;
+    if (exportType === ExportType.LastNMessages && setNumberOfMessages) {
+        messageCount = (
+            <Field
+                id="message-count"
+                element="input"
+                type="number"
+                value={numberOfMessages.toString()}
+                ref={messageCountRef}
+                onValidate={onValidateNumberOfMessages}
+                label={_t("export_chat|num_messages")}
+                onChange={(e) => {
+                    setNumberOfMessages(parseInt(e.target.value));
+                }}
+            />
+        );
+    }
+
+    const sizePostFix = <span>{_t("export_chat|size_limit_postfix")}</span>;
+
+    if (exportCancelled) {
+        // Display successful cancellation message
+        return (
+            <InfoDialog
+                title={_t("export_chat|cancelled")}
+                description={_t("export_chat|cancelled_detail")}
+                hasCloseButton={true}
+                onFinished={onFinished}
+            />
+        );
+    } else if (exportSuccessful) {
+        // Display successful export message
+        return (
+            <InfoDialog
+                title={_t("export_chat|successful")}
+                description={_t("export_chat|successful_detail")}
+                hasCloseButton={true}
+                onFinished={onFinished}
+            />
+        );
+    } else if (displayCancel) {
+        // Display cancel warning
+        return (
+            <BaseDialog
+                title={_t("common|warning")}
+                className="mx_ExportDialog"
+                contentId="mx_Dialog_content"
+                onFinished={onFinished}
+                fixedWidth={true}
+            >
+                <p>{_t("export_chat|confirm_stop")}</p>
+                <DialogButtons
+                    primaryButton={_t("action|stop")}
+                    primaryButtonClass="danger"
+                    hasCancel={true}
+                    cancelButton={_t("action|continue")}
+                    onCancel={() => setCancelWarning(false)}
+                    onPrimaryButtonClick={confirmCancel}
+                />
+            </BaseDialog>
+        );
+    } else {
+        // Display export settings
+        return (
+            <BaseDialog
+                title={isExporting ? _t("export_chat|exporting_your_data") : _t("export_chat|title")}
+                className={`mx_ExportDialog ${isExporting && "mx_ExportDialog_Exporting"}`}
+                contentId="mx_Dialog_content"
+                hasCancel={true}
+                onFinished={onFinished}
+                fixedWidth={true}
+            >
+                {!isExporting ? <p>{_t("export_chat|select_option")}</p> : null}
+
+                <div className="mx_ExportDialog_options">
+                    {!!setExportFormat && (
+                        <>
+                            <span className="mx_ExportDialog_subheading">{_t("export_chat|format")}</span>
+
+                            <StyledRadioGroup
+                                name="exportFormat"
+                                value={exportFormat}
+                                onChange={(key: ExportFormatKey) => setExportFormat(ExportFormat[key])}
+                                definitions={exportFormatOptions}
+                            />
+                        </>
+                    )}
+
+                    {!!setExportType && (
+                        <>
+                            <span className="mx_ExportDialog_subheading">{_t("export_chat|messages")}</span>
+
+                            <Field
+                                id="export-type"
+                                element="select"
+                                value={exportType}
+                                onChange={(e) => {
+                                    setExportType(ExportType[e.target.value as ExportTypeKey]);
+                                }}
+                            >
+                                {exportTypeOptions}
+                            </Field>
+                            {messageCount}
+                        </>
+                    )}
+
+                    {setSizeLimit && (
+                        <>
+                            <span className="mx_ExportDialog_subheading">{_t("export_chat|size_limit")}</span>
+
+                            <Field
+                                id="size-limit"
+                                type="number"
+                                autoComplete="off"
+                                onValidate={onValidateSize}
+                                element="input"
+                                ref={sizeLimitRef}
+                                value={sizeLimit.toString()}
+                                postfixComponent={sizePostFix}
+                                onChange={(e) => setSizeLimit(parseInt(e.target.value))}
+                            />
+                        </>
+                    )}
+
+                    {setAttachments && (
+                        <StyledCheckbox
+                            className="mx_ExportDialog_attachments-checkbox"
+                            id="include-attachments"
+                            checked={includeAttachments}
+                            onChange={(e) => setAttachments(e.target.checked)}
+                        >
+                            {_t("export_chat|include_attachments")}
+                        </StyledCheckbox>
+                    )}
+                </div>
+                {isExporting ? (
+                    <div data-testid="export-progress" className="mx_ExportDialog_progress">
+                        <Spinner size={24} />
+                        <p>{exportProgressText}</p>
+                        <DialogButtons
+                            primaryButton={_t("action|cancel")}
+                            primaryButtonClass="danger"
+                            hasCancel={false}
+                            onPrimaryButtonClick={onCancel}
+                        />
+                    </div>
+                ) : (
+                    <DialogButtons
+                        primaryButton={_t("action|export")}
+                        onPrimaryButtonClick={onExportClick}
+                        onCancel={() => onFinished(false)}
+                    />
+                )}
+            </BaseDialog>
+        );
+    }
+};
+
+export default ExportDialog;
diff --git a/apps/web/src/components/views/dialogs/FeedbackDialog.tsx b/apps/web/src/components/views/dialogs/FeedbackDialog.tsx
new file mode 100644
index 00000000000..40814d615a5
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/FeedbackDialog.tsx
@@ -0,0 +1,158 @@
+/*
+Copyright 2018-2024 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, useRef, useState } from "react";
+import { ChatSolidIcon, BugIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import QuestionDialog from "./QuestionDialog";
+import { _t } from "../../../languageHandler";
+import Field from "../elements/Field";
+import AccessibleButton from "../elements/AccessibleButton";
+import SdkConfig from "../../../SdkConfig";
+import Modal from "../../../Modal";
+import BugReportDialog from "./BugReportDialog";
+import InfoDialog from "./InfoDialog";
+import { submitFeedback } from "../../../rageshake/submit-rageshake";
+import { useStateToggle } from "../../../hooks/useStateToggle";
+import StyledCheckbox from "../elements/StyledCheckbox";
+import ExternalLink from "../elements/ExternalLink";
+
+interface IProps {
+    feature?: string;
+    onFinished(): void;
+}
+
+const FeedbackDialog: React.FC<IProps> = (props: IProps) => {
+    const feedbackRef = useRef<Field>(null);
+    const [comment, setComment] = useState<string>("");
+    const [canContact, toggleCanContact] = useStateToggle(false);
+
+    useEffect(() => {
+        // autofocus doesn't work on textareas
+        feedbackRef.current?.focus();
+    }, []);
+
+    const onDebugLogsLinkClick = (): void => {
+        props.onFinished();
+        Modal.createDialog(BugReportDialog, {});
+    };
+
+    const hasFeedback = !!SdkConfig.get().bug_report_endpoint_url;
+    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, {
+                title: _t("feedback|sent"),
+                description: _t("bug_reporting|thank_you"),
+            });
+        }
+        props.onFinished();
+    };
+
+    let feedbackSection: JSX.Element | undefined;
+    if (hasFeedback) {
+        feedbackSection = (
+            <div className="mx_FeedbackDialog_section mx_FeedbackDialog_rateApp">
+                <ChatSolidIcon />
+                <h3>{_t("feedback|comment_label")}</h3>
+
+                <p>{_t("feedback|platform_username")}</p>
+
+                <Field
+                    id="feedbackComment"
+                    label={_t("common|feedback")}
+                    type="text"
+                    autoComplete="off"
+                    value={comment}
+                    element="textarea"
+                    onChange={(ev) => {
+                        setComment(ev.target.value);
+                    }}
+                    ref={feedbackRef}
+                />
+
+                <StyledCheckbox checked={canContact} onChange={toggleCanContact}>
+                    {_t("feedback|may_contact_label")}
+                </StyledCheckbox>
+            </div>
+        );
+    }
+
+    let bugReports: JSX.Element | undefined;
+    if (hasFeedback) {
+        bugReports = (
+            <p className="mx_FeedbackDialog_section_microcopy">
+                {_t(
+                    "feedback|pro_type",
+                    {},
+                    {
+                        debugLogsLink: (sub) => (
+                            <AccessibleButton kind="link_inline" onClick={onDebugLogsLinkClick}>
+                                {sub}
+                            </AccessibleButton>
+                        ),
+                    },
+                )}
+            </p>
+        );
+    }
+
+    const existingIssuesUrl = SdkConfig.getObject("feedback").get("existing_issues_url");
+    const newIssueUrl = SdkConfig.getObject("feedback").get("new_issue_url");
+
+    return (
+        <QuestionDialog
+            className="mx_FeedbackDialog"
+            hasCancelButton={hasFeedback}
+            title={_t("common|feedback")}
+            description={
+                <React.Fragment>
+                    <div className="mx_FeedbackDialog_section">
+                        <BugIcon />
+                        <h3>{_t("common|report_a_bug")}</h3>
+                        <p>
+                            {_t(
+                                "feedback|existing_issue_link",
+                                {},
+                                {
+                                    existingIssuesLink: (sub) => {
+                                        return (
+                                            <ExternalLink
+                                                target="_blank"
+                                                rel="noreferrer noopener"
+                                                href={existingIssuesUrl}
+                                            >
+                                                {sub}
+                                            </ExternalLink>
+                                        );
+                                    },
+                                    newIssueLink: (sub) => {
+                                        return (
+                                            <ExternalLink target="_blank" rel="noreferrer noopener" href={newIssueUrl}>
+                                                {sub}
+                                            </ExternalLink>
+                                        );
+                                    },
+                                },
+                            )}
+                        </p>
+                        {bugReports}
+                    </div>
+                    {feedbackSection}
+                </React.Fragment>
+            }
+            button={hasFeedback ? _t("feedback|send_feedback_action") : _t("action|go_back")}
+            buttonDisabled={hasFeedback && !comment}
+            onFinished={onFinished}
+        />
+    );
+};
+
+export default FeedbackDialog;
diff --git a/apps/web/src/components/views/dialogs/ForwardDialog.tsx b/apps/web/src/components/views/dialogs/ForwardDialog.tsx
new file mode 100644
index 00000000000..be88bf79e77
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ForwardDialog.tsx
@@ -0,0 +1,428 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Robin Townsend <robin@robin.town>
+
+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, useMemo, useState } from "react";
+import classnames from "classnames";
+import {
+    type IContent,
+    MatrixEvent,
+    type Room,
+    type RoomMember,
+    EventType,
+    type MatrixClient,
+    ContentHelpers,
+    type ILocationContent,
+    LocationAssetType,
+    M_TIMESTAMP,
+    M_BEACON,
+    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 { AutoHideScrollbar } from "@element-hq/web-shared-components";
+
+import { _t } from "../../../languageHandler";
+import dis from "../../../dispatcher/dispatcher";
+import { useSettingValue } from "../../../hooks/useSettings";
+import { Layout } from "../../../settings/enums/Layout";
+import BaseDialog from "./BaseDialog";
+import { avatarUrlForUser } from "../../../Avatar";
+import EventTile from "../rooms/EventTile";
+import SearchBox from "../../structures/SearchBox";
+import DecoratedRoomAvatar from "../avatars/DecoratedRoomAvatar";
+import { StaticNotificationState } from "../../../stores/notifications/StaticNotificationState";
+import { NotificationBadge } from "../rooms/NotificationBadge/NotificationBadge";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import { sortRoomsByRecency } from "../../../utils/room/sortRoomsByRecency";
+import QueryMatcher from "../../../autocomplete/QueryMatcher";
+import TruncatedList from "../elements/TruncatedList";
+import { Action } from "../../../dispatcher/actions";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+import { isLocationEvent } from "../../../utils/EventUtils";
+import { isSelfLocation, locationEventGeoUri } from "../../../utils/location";
+import { RoomContextDetails } from "../rooms/RoomContextDetails";
+import { filterBoolean } from "../../../utils/arrays";
+import {
+    type IState,
+    RovingStateActionType,
+    RovingTabIndexContext,
+    RovingTabIndexProvider,
+    useRovingTabIndex,
+} from "../../../accessibility/RovingTabIndex";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { OverflowTileView } from "../rooms/OverflowTileView";
+import { attachMentions } from "../../../utils/messages";
+import { CommandPartCreator } from "../../../editor/parts";
+import SettingsStore from "../../../settings/SettingsStore";
+import { parseEvent } from "../../../editor/deserialize";
+import EditorModel from "../../../editor/model";
+
+const AVATAR_SIZE = 30;
+
+interface IProps {
+    matrixClient: MatrixClient;
+    // The event to forward
+    event: MatrixEvent;
+    // We need a permalink creator for the source room to pass through to EventTile
+    // in case the event is a reply (even though the user can't get at the link)
+    permalinkCreator: RoomPermalinkCreator;
+    onFinished(this: void): void;
+}
+
+interface IEntryProps<K extends keyof TimelineEvents> {
+    room: Room;
+    type: K;
+    content: TimelineEvents[K];
+    matrixClient: MatrixClient;
+    onFinished(this: void, success: boolean): void;
+}
+
+enum SendState {
+    CanSend,
+    Sending,
+    Sent,
+    Failed,
+}
+
+const Entry: React.FC<IEntryProps<any>> = ({ room, type, content, matrixClient: cli, onFinished }) => {
+    const [sendState, setSendState] = useState<SendState>(SendState.CanSend);
+    const [onFocus, isActive, ref] = useRovingTabIndex<HTMLDivElement>();
+
+    const jumpToRoom = (ev: ButtonEvent): void => {
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: room.roomId,
+            metricsTrigger: "WebForwardShortcut",
+            metricsViaKeyboard: ev.type !== "click",
+        });
+        onFinished(true);
+    };
+    const send = async (): Promise<void> => {
+        setSendState(SendState.Sending);
+        try {
+            await cli.sendEvent(room.roomId, type, content);
+            setSendState(SendState.Sent);
+        } catch {
+            setSendState(SendState.Failed);
+        }
+    };
+
+    let className;
+    let disabled = false;
+    let title;
+    let icon;
+    if (sendState === SendState.CanSend) {
+        className = "mx_ForwardList_canSend";
+        if (!room.maySendMessage()) {
+            disabled = true;
+            title = _t("forward|no_perms_title");
+        }
+    } else if (sendState === SendState.Sending) {
+        className = "mx_ForwardList_sending";
+        disabled = true;
+        title = _t("forward|sending");
+        icon = <CircleIcon aria-label={title} />;
+    } else if (sendState === SendState.Sent) {
+        className = "mx_ForwardList_sent";
+        disabled = true;
+        title = _t("forward|sent");
+        icon = <CheckCircleIcon aria-label={title} />;
+    } else {
+        className = "mx_ForwardList_sendFailed";
+        disabled = true;
+        title = _t("timeline|send_state_failed");
+        icon = (
+            <NotificationBadge
+                notification={StaticNotificationState.RED_EXCLAMATION}
+                className="mx_ForwardDialog_notificationBadge"
+            />
+        );
+    }
+
+    const id = `mx_ForwardDialog_entry_${room.roomId}`;
+    return (
+        <div
+            className={classnames("mx_ForwardList_entry", {
+                mx_ForwardList_entry_active: isActive,
+            })}
+            aria-labelledby={`${id}_name`}
+            aria-describedby={`${id}_send`}
+            role="listitem"
+            ref={ref}
+            onFocus={onFocus}
+            id={id}
+        >
+            <AccessibleButton
+                className="mx_ForwardList_roomButton"
+                onClick={jumpToRoom}
+                title={_t("forward|open_room")}
+                placement="top"
+                tabIndex={isActive ? 0 : -1}
+            >
+                <DecoratedRoomAvatar room={room} size="32px" tooltipProps={{ tabIndex: isActive ? 0 : -1 }} />
+                <span className="mx_ForwardList_entry_name" id={`${id}_name`}>
+                    {room.name}
+                </span>
+                <RoomContextDetails component="span" className="mx_ForwardList_entry_detail" room={room} />
+            </AccessibleButton>
+            <AccessibleButton
+                kind={sendState === SendState.Failed ? "danger_outline" : "primary_outline"}
+                className={`mx_ForwardList_sendButton ${className}`}
+                onClick={send}
+                disabled={disabled}
+                title={title}
+                placement="top"
+                tabIndex={isActive ? 0 : -1}
+                id={`${id}_send`}
+            >
+                <div className="mx_ForwardList_sendLabel">{_t("forward|send_label")}</div>
+                {icon}
+            </AccessibleButton>
+        </div>
+    );
+};
+
+/**
+ * Transform content of a MatrixEvent before forwarding:
+ * 1. Strip all relations.
+ * 2. Convert location events into a static pin-drop location share,
+ *    and remove description from self-location shares.
+ * 3. Parse the event back into an EditorModel and recalculate mentions.
+ *
+ * @param event - The MatrixEvent to transform.
+ * @param cli - The MatrixClient (used for recalculation of mentions).
+ * @returns The transformed event type and content.
+ */
+const transformEvent = (event: MatrixEvent, cli: MatrixClient): { type: string; content: IContent } => {
+    const {
+        "m.relates_to": _, // strip relations - in future we will attach a relation pointing at the original event
+        // We're taking a shallow copy here to avoid https://github.com/vector-im/element-web/issues/10924
+        ...content
+    } = event.getContent();
+
+    // beacon pulses get transformed into static locations on forward
+    const type = M_BEACON.matches(event.getType()) ? EventType.RoomMessage : event.getType();
+
+    // self location shares should have their description removed
+    // and become 'pin' share type
+    if (
+        (isLocationEvent(event) && isSelfLocation(content as ILocationContent)) ||
+        // beacon pulses get transformed into static locations on forward
+        M_BEACON.matches(event.getType())
+    ) {
+        const timestamp = M_TIMESTAMP.findIn<number>(content as ILocationContent);
+        const geoUri = locationEventGeoUri(event);
+        return {
+            type,
+            content: {
+                ...content,
+                ...ContentHelpers.makeLocationContent(
+                    undefined, // text
+                    geoUri,
+                    timestamp || Date.now(),
+                    undefined, // description
+                    LocationAssetType.Pin,
+                ),
+            },
+        };
+    }
+
+    // Mentions can leak information about the context of the original message, so:
+    // 1. Parse the event's message body back into an EditorModel, then
+    // 2. Pass through attachMentions() to recalculate mentions.
+    const room = cli.getRoom(event.getRoomId())!;
+    const partCreator = new CommandPartCreator(room, cli);
+    const parts = parseEvent(event, partCreator, {
+        shouldEscape: SettingsStore.getValue("MessageComposerInput.useMarkdown"),
+    });
+    const model = new EditorModel(parts, partCreator); // Temporary EditorModel to pass through
+    const userId = cli.getSafeUserId();
+    attachMentions(userId, content, model, undefined);
+
+    return { type, content };
+};
+
+const ForwardDialog: React.FC<IProps> = ({ matrixClient: cli, event, permalinkCreator, onFinished }) => {
+    const userId = cli.getSafeUserId();
+    const [profileInfo, setProfileInfo] = useState<any>({});
+    useEffect(() => {
+        cli.getProfileInfo(userId).then((info) => setProfileInfo(info));
+    }, [cli, userId]);
+
+    const { type, content } = transformEvent(event, cli);
+
+    // For the message preview we fake the sender as ourselves
+    const mockEvent = new MatrixEvent({
+        type: "m.room.message",
+        sender: userId,
+        content,
+        unsigned: {
+            age: 97,
+        },
+        event_id: "$9999999999999999999999999999999999999999999",
+        room_id: event.getRoomId(),
+        origin_server_ts: event.getTs(),
+    });
+    mockEvent.sender = {
+        name: profileInfo.displayname || userId,
+        rawDisplayName: profileInfo.displayname,
+        userId,
+        getAvatarUrl: (..._) => {
+            return avatarUrlForUser({ avatarUrl: profileInfo.avatar_url }, AVATAR_SIZE, AVATAR_SIZE, "crop");
+        },
+        getMxcAvatarUrl: () => profileInfo.avatar_url,
+    } as RoomMember;
+
+    const [query, setQuery] = useState("");
+    const lcQuery = query.toLowerCase();
+
+    const previewLayout = useSettingValue("layout");
+    const msc3946DynamicRoomPredecessors = useSettingValue("feature_dynamic_room_predecessors");
+
+    let rooms = useMemo(
+        () =>
+            sortRoomsByRecency(
+                cli
+                    .getVisibleRooms(msc3946DynamicRoomPredecessors)
+                    .filter((room) => room.getMyMembership() === KnownMembership.Join && !room.isSpaceRoom()),
+                cli.getSafeUserId(),
+            ),
+        [cli, msc3946DynamicRoomPredecessors],
+    );
+
+    if (lcQuery) {
+        rooms = new QueryMatcher<Room>(rooms, {
+            keys: ["name"],
+            funcs: [(r) => filterBoolean([r.getCanonicalAlias(), ...r.getAltAliases()])],
+            shouldMatchWordsOnly: false,
+        }).match(lcQuery);
+    }
+
+    const [truncateAt, setTruncateAt] = useState(20);
+
+    function overflowTile(overflowCount: number, totalCount: number): JSX.Element {
+        return <OverflowTileView remaining={overflowCount} onClick={() => setTruncateAt(totalCount)} />;
+    }
+
+    const onKeyDown = (ev: React.KeyboardEvent, state: IState): void => {
+        let handled = true;
+
+        const action = getKeyBindingsManager().getAccessibilityAction(ev);
+        switch (action) {
+            case KeyBindingAction.Enter: {
+                state.activeNode?.querySelector<HTMLButtonElement>(".mx_ForwardList_sendButton")?.click();
+                break;
+            }
+
+            default:
+                handled = false;
+        }
+
+        if (handled) {
+            ev.preventDefault();
+            ev.stopPropagation();
+        }
+    };
+
+    return (
+        <BaseDialog
+            title={_t("common|forward_message")}
+            className="mx_ForwardDialog"
+            contentId="mx_ForwardList"
+            onFinished={onFinished}
+            fixedWidth={false}
+        >
+            <h3>{_t("forward|message_preview_heading")}</h3>
+            <div
+                className={classnames("mx_ForwardDialog_preview", {
+                    mx_IRCLayout: previewLayout == Layout.IRC,
+                })}
+            >
+                <EventTile
+                    mxEvent={mockEvent}
+                    layout={previewLayout}
+                    permalinkCreator={permalinkCreator}
+                    as="div"
+                    inhibitInteraction
+                />
+            </div>
+            <hr />
+            <RovingTabIndexProvider
+                handleUpDown
+                handleInputFields
+                onKeyDown={onKeyDown}
+                scrollIntoView={{ block: "center" }}
+            >
+                {({ onKeyDownHandler }) => (
+                    <div className="mx_ForwardList" id="mx_ForwardList">
+                        <RovingTabIndexContext.Consumer>
+                            {(context) => (
+                                <SearchBox
+                                    className="mx_textinput_icon mx_textinput_search"
+                                    placeholder={_t("forward|filter_placeholder")}
+                                    onSearch={(query: string): void => {
+                                        setQuery(query);
+                                        setTimeout(() => {
+                                            const node = context.state.nodes[0];
+                                            if (node) {
+                                                context.dispatch({
+                                                    type: RovingStateActionType.SetFocus,
+                                                    payload: { node },
+                                                });
+                                                node?.scrollIntoView?.({
+                                                    block: "nearest",
+                                                });
+                                            }
+                                        });
+                                    }}
+                                    autoFocus={true}
+                                    onKeyDown={onKeyDownHandler}
+                                    aria-activedescendant={context.state.activeNode?.id}
+                                    aria-owns="mx_ForwardDialog_resultsList"
+                                />
+                            )}
+                        </RovingTabIndexContext.Consumer>
+                        <AutoHideScrollbar className="mx_AutoHideScrollbar mx_ForwardList_content">
+                            {rooms.length > 0 ? (
+                                <div className="mx_ForwardList_results">
+                                    <TruncatedList
+                                        id="mx_ForwardDialog_resultsList"
+                                        className="mx_ForwardList_resultsList"
+                                        truncateAt={truncateAt}
+                                        createOverflowElement={overflowTile}
+                                        getChildren={(start, end) =>
+                                            rooms
+                                                .slice(start, end)
+                                                .map((room) => (
+                                                    <Entry
+                                                        key={room.roomId}
+                                                        room={room}
+                                                        type={type}
+                                                        content={content}
+                                                        matrixClient={cli}
+                                                        onFinished={onFinished}
+                                                    />
+                                                ))
+                                        }
+                                        getChildCount={() => rooms.length}
+                                    />
+                                </div>
+                            ) : (
+                                <span className="mx_ForwardList_noResults">{_t("common|no_results")}</span>
+                            )}
+                        </AutoHideScrollbar>
+                    </div>
+                )}
+            </RovingTabIndexProvider>
+        </BaseDialog>
+    );
+};
+
+export default ForwardDialog;
diff --git a/apps/web/src/components/views/dialogs/GenericFeatureFeedbackDialog.tsx b/apps/web/src/components/views/dialogs/GenericFeatureFeedbackDialog.tsx
new file mode 100644
index 00000000000..1a42aa31639
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/GenericFeatureFeedbackDialog.tsx
@@ -0,0 +1,93 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 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 ReactNode, useState } from "react";
+
+import QuestionDialog from "./QuestionDialog";
+import { _t } from "../../../languageHandler";
+import Field from "../elements/Field";
+import { submitFeedback } from "../../../rageshake/submit-rageshake";
+import StyledCheckbox from "../elements/StyledCheckbox";
+import Modal from "../../../Modal";
+import InfoDialog from "./InfoDialog";
+
+interface IProps {
+    title: string;
+    subheading?: string;
+    rageshakeLabel?: string;
+    rageshakeData?: Record<string, any>;
+    children?: ReactNode;
+    onFinished(this: void, sendFeedback?: boolean): void;
+}
+
+const GenericFeatureFeedbackDialog: React.FC<IProps> = ({
+    title,
+    subheading,
+    children,
+    rageshakeLabel,
+    rageshakeData,
+    onFinished,
+}) => {
+    const [comment, setComment] = useState("");
+    const [canContact, setCanContact] = useState(false);
+
+    const sendFeedback = async (ok: boolean): Promise<void> => {
+        if (!ok) return onFinished(false);
+        // TODO: Handle rejection.
+        submitFeedback(rageshakeLabel, comment, canContact, rageshakeData);
+        onFinished(true);
+
+        Modal.createDialog(InfoDialog, {
+            title,
+            description: _t("feedback|sent"),
+            button: _t("action|close"),
+            hasCloseButton: false,
+            fixedWidth: false,
+        });
+    };
+
+    return (
+        <QuestionDialog
+            className="mx_GenericFeatureFeedbackDialog"
+            hasCancelButton={true}
+            title={title}
+            description={
+                <React.Fragment>
+                    <div className="mx_GenericFeatureFeedbackDialog_subheading">
+                        {subheading}
+                        &nbsp;
+                        {_t("feedback|platform_username")}
+                        &nbsp;
+                        {children}
+                    </div>
+
+                    <Field
+                        id="feedbackComment"
+                        label={_t("common|feedback")}
+                        type="text"
+                        autoComplete="off"
+                        value={comment}
+                        element="textarea"
+                        onChange={(ev) => {
+                            setComment(ev.target.value);
+                        }}
+                        autoFocus={true}
+                    />
+                    <StyledCheckbox checked={canContact} onChange={(e) => setCanContact(e.target.checked)}>
+                        {_t("feedback|can_contact_label")}
+                    </StyledCheckbox>
+                </React.Fragment>
+            }
+            button={_t("feedback|send_feedback_action")}
+            buttonDisabled={!comment}
+            onFinished={sendFeedback}
+        />
+    );
+};
+
+export default GenericFeatureFeedbackDialog;
diff --git a/apps/web/src/components/views/dialogs/IncomingSasDialog.tsx b/apps/web/src/components/views/dialogs/IncomingSasDialog.tsx
new file mode 100644
index 00000000000..18b5ae4b288
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/IncomingSasDialog.tsx
@@ -0,0 +1,260 @@
+/*
+Copyright 2019-2024 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 } from "react";
+import { type GeneratedSas, type ShowSasCallbacks, type Verifier, VerifierEvent } from "matrix-js-sdk/src/crypto-api";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { _t } from "../../../languageHandler";
+import { mediaFromMxc } from "../../../customisations/Media";
+import VerificationComplete from "../verification/VerificationComplete";
+import VerificationCancelled from "../verification/VerificationCancelled";
+import BaseAvatar from "../avatars/BaseAvatar";
+import Spinner from "../elements/Spinner";
+import VerificationShowSas from "../verification/VerificationShowSas";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+
+const PHASE_START = 0;
+const PHASE_SHOW_SAS = 1;
+const PHASE_WAIT_FOR_PARTNER_TO_CONFIRM = 2;
+const PHASE_VERIFIED = 3;
+const PHASE_CANCELLED = 4;
+
+interface IProps {
+    verifier: Verifier;
+    onFinished(verified?: boolean): void;
+}
+
+interface IState {
+    phase: number;
+    sasVerified: boolean;
+    opponentProfile: {
+        avatar_url?: string;
+        displayname?: string;
+    } | null;
+    opponentProfileError: Error | null;
+    sas: GeneratedSas | null;
+}
+
+export default class IncomingSasDialog extends React.Component<IProps, IState> {
+    private showSasEvent: ShowSasCallbacks | null;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        let phase = PHASE_START;
+        if (this.props.verifier.hasBeenCancelled) {
+            logger.log("Verifier was cancelled in the background.");
+            phase = PHASE_CANCELLED;
+        }
+
+        this.showSasEvent = null;
+        this.state = {
+            phase: phase,
+            sasVerified: false,
+            opponentProfile: null,
+            opponentProfileError: null,
+            sas: null,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.props.verifier.on(VerifierEvent.ShowSas, this.onVerifierShowSas);
+        this.props.verifier.on(VerifierEvent.Cancel, this.onVerifierCancel);
+        this.fetchOpponentProfile();
+    }
+
+    public componentWillUnmount(): void {
+        if (this.state.phase !== PHASE_CANCELLED && this.state.phase !== PHASE_VERIFIED) {
+            this.props.verifier.cancel(new Error("User cancel"));
+        }
+        this.props.verifier.removeListener(VerifierEvent.ShowSas, this.onVerifierShowSas);
+    }
+
+    private async fetchOpponentProfile(): Promise<void> {
+        try {
+            const prof = await MatrixClientPeg.safeGet().getProfileInfo(this.props.verifier.userId);
+            this.setState({
+                opponentProfile: prof,
+            });
+        } catch (e) {
+            this.setState({
+                opponentProfileError: e as Error,
+            });
+        }
+    }
+
+    private onFinished = (): void => {
+        this.props.onFinished(this.state.phase === PHASE_VERIFIED);
+    };
+
+    private onCancelClick = (): void => {
+        this.props.onFinished(this.state.phase === PHASE_VERIFIED);
+    };
+
+    private onContinueClick = (): void => {
+        this.setState({ phase: PHASE_WAIT_FOR_PARTNER_TO_CONFIRM });
+        this.props.verifier
+            .verify()
+            .then(() => {
+                this.setState({ phase: PHASE_VERIFIED });
+            })
+            .catch((e) => {
+                logger.log("Verification failed", e);
+            });
+    };
+
+    private onVerifierShowSas = (e: ShowSasCallbacks): void => {
+        this.showSasEvent = e;
+        this.setState({
+            phase: PHASE_SHOW_SAS,
+            sas: e.sas,
+        });
+    };
+
+    private onVerifierCancel = (): void => {
+        this.setState({
+            phase: PHASE_CANCELLED,
+        });
+    };
+
+    private onSasMatchesClick = (): void => {
+        this.showSasEvent?.confirm();
+        this.setState({
+            phase: PHASE_WAIT_FOR_PARTNER_TO_CONFIRM,
+        });
+    };
+
+    private onVerifiedDoneClick = (): void => {
+        this.props.onFinished(true);
+    };
+
+    private renderPhaseStart(): ReactNode {
+        const isSelf = this.props.verifier.userId === MatrixClientPeg.safeGet().getUserId();
+
+        let profile;
+        const oppProfile = this.state.opponentProfile;
+        if (oppProfile) {
+            const url = oppProfile.avatar_url ? mediaFromMxc(oppProfile.avatar_url).getSquareThumbnailHttp(48) : null;
+            profile = (
+                <div className="mx_IncomingSasDialog_opponentProfile">
+                    <BaseAvatar
+                        name={oppProfile.displayname}
+                        idName={this.props.verifier.userId}
+                        url={url}
+                        size="48px"
+                    />
+                    <h2>{oppProfile.displayname}</h2>
+                </div>
+            );
+        } else if (this.state.opponentProfileError) {
+            profile = (
+                <div>
+                    <BaseAvatar
+                        name={this.props.verifier.userId.slice(1)}
+                        idName={this.props.verifier.userId}
+                        size="48px"
+                    />
+                    <h2>{this.props.verifier.userId}</h2>
+                </div>
+            );
+        } else {
+            profile = <Spinner />;
+        }
+
+        const userDetailText = [
+            <p key="p1">{_t("encryption|verification|incoming_sas_user_dialog_text_1")}</p>,
+            <p key="p2">
+                {_t(
+                    // NB. Below wording adjusted to singular 'session' until we have
+                    // cross-signing
+                    "encryption|verification|incoming_sas_user_dialog_text_2",
+                )}
+            </p>,
+        ];
+
+        const selfDetailText = [
+            <p key="p1">{_t("encryption|verification|incoming_sas_device_dialog_text_1")}</p>,
+            <p key="p2">{_t("encryption|verification|incoming_sas_device_dialog_text_2")}</p>,
+        ];
+
+        return (
+            <div>
+                {profile}
+                {isSelf ? selfDetailText : userDetailText}
+                <DialogButtons
+                    primaryButton={_t("action|continue")}
+                    hasCancel={true}
+                    onPrimaryButtonClick={this.onContinueClick}
+                    onCancel={this.onCancelClick}
+                />
+            </div>
+        );
+    }
+
+    private renderPhaseShowSas(): ReactNode {
+        if (!this.showSasEvent) return null;
+        return (
+            <VerificationShowSas
+                sas={this.showSasEvent.sas}
+                onCancel={this.onCancelClick}
+                onDone={this.onSasMatchesClick}
+                isSelf={this.props.verifier.userId === MatrixClientPeg.safeGet().getUserId()}
+            />
+        );
+    }
+
+    private renderPhaseWaitForPartnerToConfirm(): ReactNode {
+        return (
+            <div>
+                <Spinner />
+                <p>{_t("encryption|verification|incoming_sas_dialog_waiting")}</p>
+            </div>
+        );
+    }
+
+    private renderPhaseVerified(): ReactNode {
+        return <VerificationComplete onDone={this.onVerifiedDoneClick} />;
+    }
+
+    private renderPhaseCancelled(): ReactNode {
+        return <VerificationCancelled onDone={this.onCancelClick} />;
+    }
+
+    public render(): ReactNode {
+        let body;
+        switch (this.state.phase) {
+            case PHASE_START:
+                body = this.renderPhaseStart();
+                break;
+            case PHASE_SHOW_SAS:
+                body = this.renderPhaseShowSas();
+                break;
+            case PHASE_WAIT_FOR_PARTNER_TO_CONFIRM:
+                body = this.renderPhaseWaitForPartnerToConfirm();
+                break;
+            case PHASE_VERIFIED:
+                body = this.renderPhaseVerified();
+                break;
+            case PHASE_CANCELLED:
+                body = this.renderPhaseCancelled();
+                break;
+        }
+
+        return (
+            <BaseDialog
+                title={_t("encryption|verification|incoming_sas_dialog_title")}
+                onFinished={this.onFinished}
+                fixedWidth={false}
+            >
+                {body}
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/InfoDialog.tsx b/apps/web/src/components/views/dialogs/InfoDialog.tsx
new file mode 100644
index 00000000000..febf6a34196
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/InfoDialog.tsx
@@ -0,0 +1,65 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-2021 The Matrix.org Foundation C.I.C.
+Copyright 2019 Bastian Masanek, Noxware IT <matrix@noxware.de>
+
+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 classNames from "classnames";
+
+import { _t } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+
+interface IProps {
+    top?: ReactNode;
+    title?: string;
+    description?: ReactNode;
+    className?: string;
+    button?: boolean | string;
+    hasCloseButton?: boolean;
+    fixedWidth?: boolean;
+    onKeyDown?(event: KeyboardEvent | React.KeyboardEvent): void;
+    onFinished(): void;
+}
+
+export default class InfoDialog extends React.Component<IProps> {
+    public static defaultProps: Partial<IProps> = {
+        title: "",
+        description: "",
+        hasCloseButton: false,
+    };
+
+    private onFinished = (): void => {
+        this.props.onFinished();
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <BaseDialog
+                className="mx_InfoDialog"
+                onFinished={this.props.onFinished}
+                top={this.props.top}
+                title={this.props.title}
+                contentId="mx_Dialog_content"
+                hasCancel={this.props.hasCloseButton}
+                onKeyDown={this.props.onKeyDown}
+                fixedWidth={this.props.fixedWidth}
+            >
+                <div className={classNames("mx_Dialog_content", this.props.className)} id="mx_Dialog_content">
+                    {this.props.description}
+                </div>
+                {this.props.button !== false && (
+                    <DialogButtons
+                        primaryButton={this.props.button || _t("action|ok")}
+                        onPrimaryButtonClick={this.onFinished}
+                        hasCancel={false}
+                    />
+                )}
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/IntegrationsDisabledDialog.tsx b/apps/web/src/components/views/dialogs/IntegrationsDisabledDialog.tsx
new file mode 100644
index 00000000000..2682e077aed
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/IntegrationsDisabledDialog.tsx
@@ -0,0 +1,53 @@
+/*
+Copyright 2024, 2025 New Vector Ltd.
+Copyright 2019 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, { useCallback } from "react";
+
+import { _t } from "../../../languageHandler";
+import dis from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+import { UserTab } from "./UserTab";
+
+interface IProps {
+    onFinished(this: void): void;
+}
+
+export const IntegrationsDisabledDialog: React.FC<IProps> = ({ onFinished }) => {
+    const onOpenSettingsClick = useCallback(() => {
+        onFinished();
+        dis.dispatch({
+            action: Action.ViewUserSettings,
+            initialTabId: UserTab.Security,
+        });
+    }, [onFinished]);
+
+    return (
+        <BaseDialog
+            className="mx_IntegrationsDisabledDialog"
+            hasCancel={true}
+            onFinished={onFinished}
+            title={_t("integrations|disabled_dialog_title")}
+        >
+            <div className="mx_IntegrationsDisabledDialog_content">
+                <p>
+                    {_t("integrations|disabled_dialog_description", {
+                        manageIntegrations: _t("integration_manager|manage_title"),
+                    })}
+                </p>
+            </div>
+            <DialogButtons
+                primaryButton={_t("common|settings")}
+                onPrimaryButtonClick={onOpenSettingsClick}
+                cancelButton={_t("action|ok")}
+                onCancel={onFinished}
+            />
+        </BaseDialog>
+    );
+};
diff --git a/apps/web/src/components/views/dialogs/IntegrationsImpossibleDialog.tsx b/apps/web/src/components/views/dialogs/IntegrationsImpossibleDialog.tsx
new file mode 100644
index 00000000000..625854a36a9
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/IntegrationsImpossibleDialog.tsx
@@ -0,0 +1,46 @@
+/*
+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.
+*/
+
+import React from "react";
+
+import { _t } from "../../../languageHandler";
+import SdkConfig from "../../../SdkConfig";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+
+interface IProps {
+    onFinished(): void;
+}
+
+export default class IntegrationsImpossibleDialog extends React.Component<IProps> {
+    private onAcknowledgeClick = (): void => {
+        this.props.onFinished();
+    };
+
+    public render(): React.ReactNode {
+        const brand = SdkConfig.get().brand;
+
+        return (
+            <BaseDialog
+                className="mx_IntegrationsImpossibleDialog"
+                hasCancel={false}
+                onFinished={this.props.onFinished}
+                title={_t("integrations|impossible_dialog_title")}
+            >
+                <div className="mx_IntegrationsImpossibleDialog_content">
+                    <p>{_t("integrations|impossible_dialog_description", { brand })}</p>
+                </div>
+                <DialogButtons
+                    primaryButton={_t("action|ok")}
+                    onPrimaryButtonClick={this.onAcknowledgeClick}
+                    hasCancel={false}
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/InteractiveAuthDialog.tsx b/apps/web/src/components/views/dialogs/InteractiveAuthDialog.tsx
new file mode 100644
index 00000000000..71c16b47d44
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/InteractiveAuthDialog.tsx
@@ -0,0 +1,203 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 Vector Creations Ltd
+Copyright 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.
+*/
+
+import React, { type JSX } from "react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type AuthType } from "matrix-js-sdk/src/interactive-auth";
+import { LinkedText } from "@element-hq/web-shared-components";
+
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import InteractiveAuth, {
+    ERROR_USER_CANCELLED,
+    type InteractiveAuthCallback,
+    type InteractiveAuthProps,
+} from "../../structures/InteractiveAuth";
+import { type ContinueKind, SSOAuthEntry } from "../auth/InteractiveAuthEntryComponents";
+import BaseDialog from "./BaseDialog";
+
+type DialogAesthetics = Partial<{
+    [x in AuthType]: {
+        [x: number]: {
+            title: string;
+            body: string;
+            continueText: string;
+            continueKind: ContinueKind;
+        };
+    };
+}>;
+
+export interface InteractiveAuthDialogProps<T = unknown> extends Pick<
+    InteractiveAuthProps<T>,
+    "makeRequest" | "authData"
+> {
+    // matrix client to use for UI auth requests
+    matrixClient: MatrixClient;
+
+    // Optional title and body to show when not showing a particular stage
+    title?: string;
+    body?: string;
+
+    // Optional title and body pairs for particular stages and phases within
+    // those stages. Object structure/example is:
+    // {
+    //     "org.example.stage_type": {
+    //         1: {
+    //             "body": "This is a body for phase 1" of org.example.stage_type,
+    //             "title": "Title for phase 1 of org.example.stage_type"
+    //         },
+    //         2: {
+    //             "body": "This is a body for phase 2 of org.example.stage_type",
+    //             "title": "Title for phase 2 of org.example.stage_type"
+    //             "continueText": "Confirm identity with Example Auth",
+    //             "continueKind": "danger"
+    //         }
+    //     }
+    // }
+    //
+    // Default is defined in _getDefaultDialogAesthetics()
+    aestheticsForStagePhases?: DialogAesthetics;
+
+    onFinished(success?: boolean, result?: T | Error | null): void;
+}
+
+interface IState {
+    authError: Error | null;
+
+    // See _onUpdateStagePhase()
+    uiaStage: AuthType | null;
+    uiaStagePhase: number | null;
+}
+
+export default class InteractiveAuthDialog<T> extends React.Component<InteractiveAuthDialogProps<T>, IState> {
+    public constructor(props: InteractiveAuthDialogProps<T>) {
+        super(props);
+
+        this.state = {
+            authError: null,
+
+            // See _onUpdateStagePhase()
+            uiaStage: null,
+            uiaStagePhase: null,
+        };
+    }
+
+    private getDefaultDialogAesthetics(): DialogAesthetics {
+        const ssoAesthetics = {
+            [SSOAuthEntry.PHASE_PREAUTH]: {
+                title: _t("auth|uia|sso_title"),
+                body: _t("auth|uia|sso_preauth_body"),
+                continueText: _t("auth|sso"),
+                continueKind: "primary",
+            },
+            [SSOAuthEntry.PHASE_POSTAUTH]: {
+                title: _t("auth|uia|sso_postauth_title"),
+                body: _t("auth|uia|sso_postauth_body"),
+                continueText: _t("action|confirm"),
+                continueKind: "primary",
+            },
+        };
+
+        return {
+            [SSOAuthEntry.LOGIN_TYPE]: ssoAesthetics,
+            [SSOAuthEntry.UNSTABLE_LOGIN_TYPE]: ssoAesthetics,
+        };
+    }
+
+    private onAuthFinished: InteractiveAuthCallback<T> = async (success, result): Promise<void> => {
+        if (success) {
+            this.props.onFinished(true, result as T);
+        } else {
+            if (result === ERROR_USER_CANCELLED) {
+                this.props.onFinished(false, null);
+            } else {
+                this.setState({
+                    authError: result as Error,
+                });
+            }
+        }
+    };
+
+    private onUpdateStagePhase = (newStage: AuthType, newPhase: number): void => {
+        // We copy the stage and stage phase params into state for title selection in render()
+        this.setState({ uiaStage: newStage, uiaStagePhase: newPhase });
+    };
+
+    private onDismissClick = (): void => {
+        this.props.onFinished(false);
+    };
+
+    public render(): React.ReactNode {
+        // Let's pick a title, body, and other params text that we'll show to the user. The order
+        // is most specific first, so stagePhase > our props > defaults.
+
+        let title = this.state.authError ? "Error" : (this.props.title ?? _t("common|authentication"));
+        let body = this.state.authError ? null : this.props.body;
+        let continueText: string | undefined;
+        let continueKind: ContinueKind | undefined;
+        const dialogAesthetics = this.props.aestheticsForStagePhases || this.getDefaultDialogAesthetics();
+        if (!this.state.authError && dialogAesthetics) {
+            if (
+                this.state.uiaStage !== null &&
+                this.state.uiaStagePhase !== null &&
+                dialogAesthetics[this.state.uiaStage]
+            ) {
+                const aesthetics = dialogAesthetics[this.state.uiaStage]![this.state.uiaStagePhase];
+                if (aesthetics) {
+                    if (aesthetics.title) title = aesthetics.title;
+                    if (aesthetics.body) body = aesthetics.body;
+                    if (aesthetics.continueText) continueText = aesthetics.continueText;
+                    if (aesthetics.continueKind) continueKind = aesthetics.continueKind;
+                }
+            }
+        }
+
+        let content: JSX.Element;
+        if (this.state.authError) {
+            content = (
+                <div id="mx_Dialog_content">
+                    <LinkedText role="alert">
+                        {this.state.authError.message || this.state.authError.toString()}
+                    </LinkedText>
+                    <br />
+                    <AccessibleButton onClick={this.onDismissClick} className="mx_GeneralButton" autoFocus={true}>
+                        {_t("action|dismiss")}
+                    </AccessibleButton>
+                </div>
+            );
+        } else {
+            content = (
+                <div id="mx_Dialog_content">
+                    {body}
+                    <InteractiveAuth
+                        matrixClient={this.props.matrixClient}
+                        authData={this.props.authData}
+                        makeRequest={this.props.makeRequest}
+                        onAuthFinished={this.onAuthFinished}
+                        onStagePhaseChange={this.onUpdateStagePhase}
+                        continueText={continueText}
+                        continueKind={continueKind}
+                    />
+                </div>
+            );
+        }
+
+        return (
+            <BaseDialog
+                className="mx_InteractiveAuthDialog"
+                onFinished={this.props.onFinished}
+                title={title}
+                contentId="mx_Dialog_content"
+            >
+                {content}
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/InviteDialog.test.tsx b/apps/web/src/components/views/dialogs/InviteDialog.test.tsx
new file mode 100644
index 00000000000..867e78158d7
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/InviteDialog.test.tsx
@@ -0,0 +1,519 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterAll, beforeEach, afterEach, type Mocked } from "vitest";
+
+import React from "react";
+import { findByText, fireEvent, render, screen } from "test-utils-rtl";
+import userEvent from "@testing-library/user-event";
+import { type MatrixClient, MatrixError, Room, RoomType } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { sleep } from "matrix-js-sdk/src/utils";
+import { UserVerificationStatus } from "matrix-js-sdk/src/crypto-api";
+import {
+    clearAllModals,
+    filterConsole,
+    flushPromises,
+    getMockClientWithEventEmitter,
+    mkMembership,
+    mkMessage,
+    mkRoomCreateEvent,
+    TestSDKContext,
+} from "test-utils";
+
+import InviteDialog from "./InviteDialog";
+import { InviteKind } from "./InviteDialogTypes";
+import DMRoomMap from "../../../utils/DMRoomMap";
+import SdkConfig from "../../../SdkConfig";
+import { type ValidatedServerConfig } from "../../../utils/ValidatedServerConfig";
+import { type IConfigOptions } from "../../../IConfigOptions";
+import { SDKContextClass } from "../../../contexts/SDKContextClass";
+import { type IProfileInfo } from "../../../hooks/useProfileInfo";
+import { DirectoryMember, startDmOnFirstMessage } from "../../../utils/direct-messages";
+import { MatrixClientPeg } from "../../../MatrixClientPeg.ts";
+
+const mockGetAccessToken = vi.fn().mockResolvedValue("getAccessToken");
+vi.mock("../../../IdentityAuthClient", () => ({
+    default: vi.fn().mockImplementation(function () {
+        return {
+            getAccessToken: mockGetAccessToken,
+        };
+    }),
+}));
+
+vi.mock("../../../utils/direct-messages", async () => ({
+    ...(await vi.importActual("../../../utils/direct-messages")),
+    startDmOnFirstMessage: vi.fn(),
+}));
+
+vi.mock("../../../dispatcher/dispatcher");
+
+vi.mock("lodash", async () => ({
+    ...(await vi.importActual("lodash")),
+    // Stub out the debounce to prevent async leaks
+    debounce: vi.fn((fn) => {
+        fn.cancel = vi.fn();
+        return fn;
+    }),
+}));
+
+const getSearchField = () => screen.getByTestId("invite-dialog-input");
+
+const enterIntoSearchField = async (value: string) => {
+    const searchField = getSearchField();
+    await userEvent.clear(searchField);
+    await userEvent.type(searchField, value + "{enter}");
+};
+
+const pasteIntoSearchField = async (value: string) => {
+    const searchField = getSearchField();
+    await userEvent.clear(searchField);
+    searchField.focus();
+    await userEvent.paste(value);
+};
+
+const expectPill = (value: string) => {
+    expect(screen.getByText(value)).toBeInTheDocument();
+    expect(getSearchField()).toHaveValue("");
+};
+
+const expectNoPill = (value: string) => {
+    expect(screen.queryByText(value)).not.toBeInTheDocument();
+    expect(getSearchField()).toHaveValue(value);
+};
+
+const serverDomain = "example.org";
+const roomId = "!111111111111111111:example.org";
+const aliceId = "@alice:example.org";
+const aliceEmail = "foobar@email.com";
+const bobId = "@bob:example.org";
+const bobEmail = "bobbob@example.com"; // bob@example.com is already used as an example in the invite dialog
+const carolId = "@carol:example.com";
+const bobbob = "bobbob";
+
+const aliceProfileInfo: IProfileInfo = {
+    user_id: aliceId,
+    display_name: "Alice",
+};
+
+const bobProfileInfo: IProfileInfo = {
+    user_id: bobId,
+    display_name: "Bob",
+};
+
+describe("InviteDialog", () => {
+    let mockClient: Mocked<MatrixClient>;
+    let room: Room;
+    let sdkContext: TestSDKContext;
+
+    filterConsole(
+        "Error retrieving profile for userId @carol:example.com",
+        "Error retrieving profile for userId @localpart:server.tld",
+        "Error retrieving profile for userId @localpart:server:tld",
+        "[Invite:Recents] Excluding @alice:example.org from recents",
+    );
+
+    beforeEach(() => {
+        mockClient = getMockClientWithEventEmitter({
+            getCrypto: vi.fn().mockReturnValue({
+                getUserVerificationStatus: vi
+                    .fn()
+                    .mockResolvedValue(new UserVerificationStatus(false, false, true, false)),
+            }),
+            getDomain: vi.fn().mockReturnValue(serverDomain),
+            getUserId: vi.fn().mockReturnValue(bobId),
+            getSafeUserId: vi.fn().mockReturnValue(bobId),
+            isGuest: vi.fn().mockReturnValue(false),
+            getVisibleRooms: vi.fn().mockReturnValue([]),
+            getRoom: vi.fn(),
+            getRooms: vi.fn(),
+            getAccountData: vi.fn(),
+            getPushActionsForEvent: vi.fn(),
+            mxcUrlToHttp: vi.fn().mockReturnValue(""),
+            isRoomEncrypted: vi.fn().mockReturnValue(false),
+            getProfileInfo: vi.fn().mockImplementation(async (userId: string) => {
+                if (userId === aliceId) return aliceProfileInfo;
+                if (userId === bobId) return bobProfileInfo;
+
+                throw new MatrixError({
+                    errcode: "M_UNKNOWN",
+                    error: "Profile not found",
+                });
+            }),
+            getIdentityServerUrl: vi.fn(),
+            searchUserDirectory: vi.fn().mockResolvedValue({}),
+            lookupThreePid: vi.fn(),
+            registerWithIdentityServer: vi.fn().mockResolvedValue({
+                access_token: "access_token",
+                token: "token",
+            }),
+            getOpenIdToken: vi.fn().mockResolvedValue({}),
+            getIdentityAccount: vi.fn().mockResolvedValue({}),
+            getTerms: vi.fn().mockResolvedValue({ policies: [] }),
+            supportsThreads: vi.fn().mockReturnValue(false),
+            isInitialSyncComplete: vi.fn().mockReturnValue(true),
+            getClientWellKnown: vi.fn().mockResolvedValue({}),
+            invite: vi.fn(),
+        });
+        SdkConfig.put({ validated_server_config: {} as ValidatedServerConfig } as IConfigOptions);
+        DMRoomMap.makeShared(mockClient);
+        vi.clearAllMocks();
+        vi.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+
+        room = new Room(roomId, mockClient, mockClient.getSafeUserId());
+        room.addLiveEvents(
+            [
+                mkMessage({
+                    msg: "Hello",
+                    relatesTo: undefined,
+                    event: true,
+                    room: roomId,
+                    user: mockClient.getSafeUserId(),
+                    ts: Date.now(),
+                }),
+            ],
+            { addToState: true },
+        );
+        room.currentState.setStateEvents([
+            mkRoomCreateEvent(bobId, roomId),
+            mkMembership({
+                event: true,
+                room: roomId,
+                mship: KnownMembership.Join,
+                user: aliceId,
+                skey: aliceId,
+            }),
+        ]);
+        vi.spyOn(DMRoomMap.shared(), "getUniqueRoomsWithIndividuals").mockReturnValue({
+            [aliceId]: room,
+        });
+        mockClient.getRooms.mockReturnValue([room]);
+        mockClient.getRoom.mockReturnValue(room);
+
+        sdkContext = new TestSDKContext();
+        // @ts-ignore UserMenuViewModel uses SDKContext in the constructor
+        SDKContextClass.instance = sdkContext;
+        sdkContext._client = mockClient;
+    });
+
+    afterEach(async () => {
+        await clearAllModals();
+        SDKContextClass.instance.onLoggedOut();
+    });
+
+    afterAll(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("should label with space name", () => {
+        room.isSpaceRoom = vi.fn().mockReturnValue(true);
+        room.getType = vi.fn().mockReturnValue(RoomType.Space);
+        room.name = "Space";
+        render(<InviteDialog kind={InviteKind.Invite} roomId={roomId} onFinished={vi.fn()} />);
+
+        expect(screen.queryByText("Invite to Space")).toBeTruthy();
+    });
+
+    it("should label with room name", () => {
+        render(<InviteDialog kind={InviteKind.Invite} roomId={roomId} onFinished={vi.fn()} />);
+        expect(screen.getByText(`Invite to ${roomId}`)).toBeInTheDocument();
+    });
+
+    it("should not suggest valid unknown MXIDs", async () => {
+        render(
+            <InviteDialog
+                kind={InviteKind.Invite}
+                roomId={roomId}
+                onFinished={vi.fn()}
+                initialText="@localpart:server.tld"
+            />,
+        );
+        await flushPromises();
+        expect(screen.queryByText("@localpart:server.tld")).not.toBeInTheDocument();
+    });
+
+    it("should not suggest invalid MXIDs", () => {
+        render(
+            <InviteDialog
+                kind={InviteKind.Invite}
+                roomId={roomId}
+                onFinished={vi.fn()}
+                initialText="@localpart:server:tld"
+            />,
+        );
+
+        expect(screen.queryByText("@localpart:server:tld")).toBeFalsy();
+    });
+
+    it.each([[InviteKind.Dm], [InviteKind.Invite]] as [typeof InviteKind.Dm | typeof InviteKind.Invite][])(
+        "should lookup inputs which look like email addresses (%s)",
+        async (kind: typeof InviteKind.Dm | typeof InviteKind.Invite) => {
+            mockClient.getIdentityServerUrl.mockReturnValue("https://identity-server");
+            mockClient.lookupThreePid.mockResolvedValue({
+                address: aliceEmail,
+                medium: "email",
+                mxid: aliceId,
+            });
+            mockClient.getProfileInfo.mockResolvedValue({
+                displayname: "Mrs Alice",
+                avatar_url: "mxc://foo/bar",
+            });
+
+            render(
+                <InviteDialog
+                    kind={kind}
+                    roomId={kind === InviteKind.Invite ? roomId : ""}
+                    onFinished={vi.fn()}
+                    initialText={aliceEmail}
+                />,
+            );
+
+            await screen.findByText("Mrs Alice");
+            // expect the email and MXID to be visible
+            await screen.findByText(aliceId);
+            await screen.findByText(aliceEmail);
+            expect(mockClient.lookupThreePid).toHaveBeenCalledWith("email", aliceEmail, expect.anything());
+            expect(mockClient.getProfileInfo).toHaveBeenCalledWith(aliceId);
+        },
+    );
+
+    it("should suggest e-mail even if lookup fails", async () => {
+        mockClient.getIdentityServerUrl.mockReturnValue("https://identity-server");
+        mockClient.lookupThreePid.mockResolvedValue({});
+
+        render(
+            <InviteDialog
+                kind={InviteKind.Invite}
+                roomId={roomId}
+                onFinished={vi.fn()}
+                initialText="foobar@email.com"
+            />,
+        );
+
+        await expect(screen.findByText("foobar@email.com")).resolves.toBeVisible();
+        await expect(screen.findByText("Invite by email")).resolves.toBeVisible();
+    });
+
+    it("should add pasted values", async () => {
+        mockClient.getIdentityServerUrl.mockReturnValue("https://identity-server");
+        mockClient.lookupThreePid.mockResolvedValue({});
+
+        render(<InviteDialog kind={InviteKind.Invite} roomId={roomId} onFinished={vi.fn()} />);
+
+        const input = screen.getByTestId("invite-dialog-input");
+        input.focus();
+        await userEvent.paste(`${bobId} ${aliceEmail}`);
+
+        await screen.findAllByText(bobId);
+        await screen.findByText(aliceEmail);
+        expect(input).toHaveValue("");
+    });
+    it("should support pasting one username that is not a mx id or email", async () => {
+        mockClient.getIdentityServerUrl.mockReturnValue("https://identity-server");
+        mockClient.lookupThreePid.mockResolvedValue({});
+
+        render(<InviteDialog kind={InviteKind.Invite} roomId={roomId} onFinished={vi.fn()} />);
+
+        const input = screen.getByTestId("invite-dialog-input");
+        input.focus();
+        await userEvent.paste(bobbob);
+
+        await screen.findAllByText(bobId);
+        expect(input).toHaveValue(bobbob);
+    });
+
+    it("should allow to invite multiple emails to a room", async () => {
+        render(<InviteDialog kind={InviteKind.Invite} roomId={roomId} onFinished={vi.fn()} />);
+
+        await enterIntoSearchField(aliceEmail);
+        expectPill(aliceEmail);
+
+        await enterIntoSearchField(bobEmail);
+        expectPill(bobEmail);
+    });
+
+    describe("when encryption by default is disabled", () => {
+        beforeEach(() => {
+            mockClient.getClientWellKnown.mockReturnValue({
+                "io.element.e2ee": {
+                    default: false,
+                },
+            });
+        });
+
+        it("should allow to invite more than one email to a DM", async () => {
+            render(<InviteDialog kind={InviteKind.Dm} onFinished={vi.fn()} />);
+
+            await enterIntoSearchField(aliceEmail);
+            expectPill(aliceEmail);
+
+            await enterIntoSearchField(bobEmail);
+            expectPill(bobEmail);
+        });
+    });
+
+    it("should not allow to invite more than one email to a DM", async () => {
+        render(<InviteDialog kind={InviteKind.Dm} onFinished={vi.fn()} />);
+
+        // Start with an email → should convert to a pill
+        await enterIntoSearchField(aliceEmail);
+        expect(screen.getByText("Invites by email can only be sent one at a time")).toBeInTheDocument();
+        expectPill(aliceEmail);
+
+        // Everything else from now on should not convert to a pill
+
+        await enterIntoSearchField(bobEmail);
+        expectNoPill(bobEmail);
+
+        await enterIntoSearchField(aliceId);
+        expectNoPill(aliceId);
+
+        await pasteIntoSearchField(bobEmail);
+        expectNoPill(bobEmail);
+    });
+
+    it("should not allow to invite a MXID and an email to a DM", async () => {
+        render(<InviteDialog kind={InviteKind.Dm} onFinished={vi.fn()} />);
+
+        // Start with a MXID → should convert to a pill
+        await enterIntoSearchField(carolId);
+        expect(screen.queryByText("Invites by email can only be sent one at a time")).not.toBeInTheDocument();
+        expectPill(carolId);
+
+        // Add an email → should not convert to a pill
+        await enterIntoSearchField(bobEmail);
+        expect(screen.getByText("Invites by email can only be sent one at a time")).toBeInTheDocument();
+        expectNoPill(bobEmail);
+    });
+
+    it("should start a DM if the profile is available", async () => {
+        render(<InviteDialog kind={InviteKind.Dm} onFinished={vi.fn()} />);
+        await enterIntoSearchField(aliceId);
+        await userEvent.click(screen.getByRole("button", { name: "Go" }));
+        expect(startDmOnFirstMessage).toHaveBeenCalledWith(mockClient, [
+            new DirectoryMember({
+                user_id: aliceId,
+            }),
+        ]);
+    });
+
+    it("should not allow pasting the same user multiple times", async () => {
+        render(<InviteDialog kind={InviteKind.Invite} roomId={roomId} onFinished={vi.fn()} />);
+
+        const input = screen.getByTestId("invite-dialog-input");
+        input.focus();
+        await userEvent.paste(bobId);
+        await userEvent.paste(bobId);
+        await userEvent.paste(bobId);
+
+        expect(input).toHaveValue("");
+        await expect(screen.findAllByText(bobId, { selector: "a" })).resolves.toHaveLength(1);
+    });
+
+    it("should add to selection on click of user tile", async () => {
+        render(<InviteDialog kind={InviteKind.Invite} roomId={roomId} onFinished={vi.fn()} />);
+
+        const input = screen.getByTestId("invite-dialog-input");
+        input.focus();
+        await userEvent.keyboard(aliceId);
+
+        const btn = await screen.findByRole("option", { name: aliceId });
+        fireEvent.click(btn);
+
+        const tile = await findByText(screen.getByTestId("invite-dialog-input-wrapper"), aliceId);
+        expect(tile).toBeInTheDocument();
+    });
+
+    describe("while the invite is in progress", () => {
+        it("should show a spinner", async () => {
+            mockClient.invite.mockReturnValue(new Promise(() => {}));
+
+            render(<InviteDialog kind={InviteKind.Invite} roomId={roomId} onFinished={vi.fn()} />);
+            await enterIntoSearchField(bobId);
+            await userEvent.click(screen.getByRole("button", { name: "Invite" }));
+
+            await expect(screen.findByText("Preparing invitations...")).resolves.toBeVisible();
+        });
+    });
+
+    describe("when inviting a user with an unknown profile", () => {
+        beforeEach(async () => {
+            vi.mocked(startDmOnFirstMessage).mockClear();
+            render(<InviteDialog kind={InviteKind.Dm} onFinished={vi.fn()} />);
+            await enterIntoSearchField(carolId);
+            await userEvent.click(screen.getByRole("button", { name: "Go" }));
+            // modal rendering has some weird sleeps - fake timers will mess up the entire test
+            await sleep(100);
+        });
+
+        it("should start the DM directly", () => {
+            expect(startDmOnFirstMessage).toHaveBeenCalledWith(mockClient, [
+                new DirectoryMember({
+                    user_id: carolId,
+                }),
+            ]);
+        });
+    });
+
+    it("should not suggest users from other server when room has m.federate=false", async () => {
+        room.currentState.setStateEvents([mkRoomCreateEvent(bobId, roomId, { "m.federate": false })]);
+
+        render(
+            <InviteDialog
+                kind={InviteKind.Invite}
+                roomId={roomId}
+                onFinished={vi.fn()}
+                initialText="@localpart:server.tld"
+            />,
+        );
+        await flushPromises();
+        expect(screen.queryByText("@localpart:server.tld")).not.toBeInTheDocument();
+    });
+
+    describe("when inviting a user whose cryptographic identity we do not know", () => {
+        beforeEach(() => {
+            vi.mocked(mockClient.getCrypto()!.getUserVerificationStatus).mockImplementation(async (u) => {
+                return new UserVerificationStatus(false, false, false, false);
+            });
+        });
+
+        describe.each([InviteKind.Invite, InviteKind.Dm])("with invitekind '%s'", (kind) => {
+            const goButtonName = kind == InviteKind.Invite ? "Invite" : "Go";
+
+            beforeEach(() => {
+                render(
+                    <InviteDialog
+                        kind={kind as InviteKind.Invite | InviteKind.Dm}
+                        roomId={roomId}
+                        onFinished={vi.fn()}
+                    />,
+                );
+            });
+
+            it("should show a warning when inviting by user id", async () => {
+                await enterIntoSearchField(aliceId);
+                await userEvent.click(screen.getByRole("button", { name: goButtonName }));
+                await screen.findByText("Confirm inviting them", { exact: false });
+
+                expect(vi.mocked(mockClient.getCrypto()!.getUserVerificationStatus)).toHaveBeenCalledTimes(1);
+                expect(vi.mocked(mockClient.getCrypto()!.getUserVerificationStatus)).toHaveBeenCalledWith(aliceId);
+            });
+
+            it("should show a warning when inviting by email address", async () => {
+                await enterIntoSearchField("aaa@bbb");
+                await userEvent.click(screen.getByRole("button", { name: goButtonName }));
+                await screen.findByText("Confirm inviting them", { exact: false });
+
+                // We shouldn't call getUserVerificationStatus on an email address
+                expect(vi.mocked(mockClient.getCrypto()!.getUserVerificationStatus)).not.toHaveBeenCalled();
+            });
+        });
+    });
+});
diff --git a/apps/web/src/components/views/dialogs/InviteDialog.tsx b/apps/web/src/components/views/dialogs/InviteDialog.tsx
new file mode 100644
index 00000000000..71eab828b4d
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/InviteDialog.tsx
@@ -0,0 +1,1487 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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, { createRef, type JSX, type ReactNode, type SyntheticEvent } from "react";
+import { EventType, type Room, RoomMember } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import { logger } from "matrix-js-sdk/src/logger";
+import { debounce, uniqBy } from "lodash";
+import { Pill, PillInput, RichList } from "@element-hq/web-shared-components";
+import { DialPadIcon, UserProfileSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t, _td } from "../../../languageHandler";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { makeRoomPermalink, makeUserPermalink } from "../../../utils/permalinks/Permalinks";
+import DMRoomMap from "../../../utils/DMRoomMap";
+import * as Email from "../../../email";
+import { getDefaultIdentityServerUrl, setToDefaultIdentityServer } from "../../../utils/IdentityServerUtils";
+import { buildActivityScores, buildMemberScores, compareMembers } from "../../../utils/SortMembers";
+import { abbreviateUrl } from "../../../utils/UrlUtils";
+import IdentityAuthClient from "../../../IdentityAuthClient";
+import { showAnyInviteErrors } from "../../../RoomInvite";
+import { Action } from "../../../dispatcher/actions";
+import RoomListStoreV3 from "../../../stores/room-list-v3/RoomListStoreV3";
+import SettingsStore from "../../../settings/SettingsStore";
+import { UIFeature } from "../../../settings/UIFeature";
+import { SearchResultAvatar } from "../avatars/SearchResultAvatar";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+import { selectText } from "../../../utils/strings";
+import Field from "../elements/Field";
+import TabbedView, { Tab, TabLocation } from "../../structures/TabbedView";
+import Dialpad from "../voip/DialPad";
+import QuestionDialog from "./QuestionDialog";
+import BaseDialog from "./BaseDialog";
+import DialPadBackspaceButton from "../elements/DialPadBackspaceButton";
+import CopyableText from "../elements/CopyableText";
+import { type ScreenName } from "../../../PosthogTrackers";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import {
+    DirectoryMember,
+    type IDMUserTileProps,
+    type Member,
+    startDmOnFirstMessage,
+    ThreepidMember,
+} from "../../../utils/direct-messages";
+import { InviteKind } from "./InviteDialogTypes";
+import Modal from "../../../Modal";
+import dis from "../../../dispatcher/dispatcher";
+import { privateShouldBeEncrypted } from "../../../utils/rooms";
+import { type NonEmptyArray } from "../../../@types/common";
+import { SDKContextClass } from "../../../contexts/SDKContextClass";
+import { type UserProfilesStore } from "../../../stores/UserProfilesStore";
+import InviteProgressBody from "./InviteProgressBody.tsx";
+import MultiInviter, { type CompletionStates as MultiInviterCompletionStates } from "../../../utils/MultiInviter.ts";
+import { DMRoomTile } from "./invite/DMRoomTile.tsx";
+import { logErrorAndShowErrorDialog } from "../../../utils/ErrorUtils.tsx";
+import UnknownIdentityUsersWarningDialog from "./invite/UnknownIdentityUsersWarningDialog.tsx";
+import { AddressType, getAddressType } from "../../../UserAddress.ts";
+
+interface Result {
+    userId: string;
+    user: Member;
+    lastActive?: number;
+}
+
+const INITIAL_ROOMS_SHOWN = 3; // Number of rooms to show at first
+const INCREMENT_ROOMS_SHOWN = 5; // Number of rooms to add when 'show more' is clicked
+
+enum TabId {
+    UserDirectory = "users",
+    DialPad = "dialpad",
+}
+
+class DMUserTile extends React.PureComponent<IDMUserTileProps> {
+    private onRemove = (e: ButtonEvent): void => {
+        // Stop the browser from highlighting text
+        e.preventDefault();
+        e.stopPropagation();
+
+        this.props.onRemove!(this.props.member);
+    };
+
+    public render(): React.ReactNode {
+        const avatarSize = "20px";
+        const avatar = <SearchResultAvatar user={this.props.member} size={avatarSize} />;
+
+        return (
+            <Pill label={this.props.member.name} onClick={this.onRemove}>
+                {avatar}
+            </Pill>
+        );
+    }
+}
+
+/**
+ * Converts a RoomMember to a Member.
+ * Returns the Member if it is already a Member.
+ */
+const toMember = (member: RoomMember | Member): Member => {
+    return member instanceof RoomMember
+        ? new DirectoryMember({
+              user_id: member.userId,
+              display_name: member.name,
+              avatar_url: member.getMxcAvatarUrl(),
+          })
+        : member;
+};
+
+interface BaseProps {
+    // Takes a boolean which is true if a user / users were invited /
+    // a call transfer was initiated or false if the dialog was cancelled
+    // with no action taken.
+    onFinished: (success?: boolean) => void;
+
+    // Initial value to populate the filter with
+    initialText?: string;
+}
+
+interface InviteDMProps extends BaseProps {
+    // The kind of invite being performed. Assumed to be InviteKind.Dm if not provided.
+    kind?: InviteKind.Dm;
+}
+
+interface InviteRoomProps extends BaseProps {
+    kind: InviteKind.Invite;
+
+    // The room ID this dialog is for. Only required for InviteKind.Invite.
+    roomId: string;
+}
+
+function isRoomInvite(props: Props): props is InviteRoomProps {
+    return props.kind === InviteKind.Invite;
+}
+
+interface InviteCallProps extends BaseProps {
+    kind: InviteKind.CallTransfer;
+
+    // The call to transfer. Only required for InviteKind.CallTransfer.
+    call: MatrixCall;
+}
+
+type Props = InviteDMProps | InviteRoomProps | InviteCallProps;
+
+interface IInviteDialogState {
+    targets: Member[]; // array of Member objects (see interface above)
+    filterText: string;
+    recents: Result[];
+    numRecentsShown: number;
+    suggestions: Result[];
+    numSuggestionsShown: number;
+    serverResultsMixin: Result[];
+    threepidResultsMixin: Result[];
+    canUseIdentityServer: boolean;
+    tryingIdentityServer: boolean;
+    consultFirst: boolean;
+    dialPadValue: string;
+    currentTabId: TabId;
+
+    /**
+     * If we tried to invite some users whose identity we don't know, we will show a warning.
+     * This is the list of users. (If it is `null`, we are not showing that warning.)
+     *
+     * Will never be the empty list.
+     */
+    unknownIdentityUsers: Member[] | null;
+
+    /**
+     * True if we are sending the invites.
+     *
+     * We will grey out the action button, hide the suggestions, and display a spinner.
+     */
+    busy: boolean;
+
+    /** Error from the last attempt to send invites. */
+    errorText?: string;
+}
+
+export default class InviteDialog extends React.PureComponent<Props, IInviteDialogState> {
+    public static defaultProps: Partial<Props> = {
+        kind: InviteKind.Dm,
+        initialText: "",
+    };
+
+    private editorRef = createRef<HTMLInputElement>();
+    private numberEntryFieldRef = createRef<Field>();
+    private unmounted = false;
+    private encryptionByDefault = false;
+    private profilesStore: UserProfilesStore;
+
+    public constructor(props: Props) {
+        super(props);
+
+        if (props.kind === InviteKind.Invite && !props.roomId) {
+            throw new Error("When using InviteKind.Invite a roomId is required for an InviteDialog");
+        } else if (props.kind === InviteKind.CallTransfer && !props.call) {
+            throw new Error("When using InviteKind.CallTransfer a call is required for an InviteDialog");
+        }
+
+        this.profilesStore = SDKContextClass.instance.userProfilesStore;
+        const cli = MatrixClientPeg.safeGet();
+
+        const excludedIds = new Set([cli.getSafeUserId()]);
+        if (isRoomInvite(props)) {
+            const room = cli.getRoom(props.roomId);
+            if (!room) throw new Error("Room ID given to InviteDialog does not look like a room");
+            const isFederated = room?.currentState.getStateEvents(EventType.RoomCreate, "")?.getContent()["m.federate"];
+            room.getMembersWithMembership(KnownMembership.Invite).forEach((m) => excludedIds.add(m.userId));
+            room.getMembersWithMembership(KnownMembership.Join).forEach((m) => excludedIds.add(m.userId));
+            // add banned users, so we don't try to invite them
+            room.getMembersWithMembership(KnownMembership.Ban).forEach((m) => excludedIds.add(m.userId));
+            const ourHomeserver = cli.getDomain();
+            if (isFederated === false && ourHomeserver) {
+                // If this room isn't federated, we must be on the same server.
+                // exclude users from external servers
+                this.excludeExternals(ourHomeserver, excludedIds);
+            }
+        }
+
+        this.state = {
+            targets: [], // array of Member objects (see interface above)
+            filterText: this.props.initialText || "",
+            // Mutates alreadyInvited set so that buildSuggestions doesn't duplicate any users
+            recents: InviteDialog.buildRecents(excludedIds),
+            numRecentsShown: INITIAL_ROOMS_SHOWN,
+            suggestions: this.buildSuggestions(excludedIds),
+            numSuggestionsShown: INITIAL_ROOMS_SHOWN,
+            serverResultsMixin: [],
+            threepidResultsMixin: [],
+            canUseIdentityServer: !!cli.getIdentityServerUrl(),
+            tryingIdentityServer: false,
+            consultFirst: false,
+            dialPadValue: "",
+            currentTabId: TabId.UserDirectory,
+
+            unknownIdentityUsers: null,
+
+            busy: false,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+        this.encryptionByDefault = privateShouldBeEncrypted(MatrixClientPeg.safeGet());
+
+        if (this.props.initialText) {
+            this.updateSuggestions(this.props.initialText);
+        }
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+        this.updateSuggestions.cancel();
+    }
+
+    private onConsultFirstChange = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ consultFirst: ev.target.checked });
+    };
+
+    private excludeExternals(homeserver: string, excludedTargetIds: Set<string>): void {
+        const client = MatrixClientPeg.safeGet();
+        // users with room membership
+        const members = Object.values(buildMemberScores(client)).map(({ member }) => member.userId);
+        // users with dm membership
+        const roomMembers = Object.keys(DMRoomMap.shared().getUniqueRoomsWithIndividuals());
+        roomMembers.forEach((id) => members.push(id));
+        // filter duplicates and user IDs from external servers
+        const externals = new Set(members.filter((id) => !id.includes(homeserver)));
+        externals.forEach((id) => excludedTargetIds.add(id));
+    }
+
+    public static buildRecents(excludedTargetIds: Set<string>): Result[] {
+        const rooms = DMRoomMap.shared().getUniqueRoomsWithIndividuals(); // map of userId => js-sdk Room
+
+        // Also pull in all the rooms that the room list tags as DMs so we don't miss anything: sometimes
+        // a room is absent from getUniqueRoomsWithIndividuals() above but is still tagged as a DM.
+        const dmTaggedRooms = RoomListStoreV3.instance.getDmRooms();
+        const myUserId = MatrixClientPeg.safeGet().getUserId();
+        for (const dmRoom of dmTaggedRooms) {
+            const otherMembers = dmRoom.getJoinedMembers().filter((u) => u.userId !== myUserId);
+            for (const member of otherMembers) {
+                if (rooms[member.userId]) continue; // already have a room
+
+                logger.warn(`Adding DM room for ${member.userId} as ${dmRoom.roomId} from tag, not DM map`);
+                rooms[member.userId] = dmRoom;
+            }
+        }
+
+        const recents: {
+            userId: string;
+            user: Member;
+            lastActive: number;
+        }[] = [];
+
+        for (const userId in rooms) {
+            // Filter out user IDs that are already in the room / should be excluded
+            if (excludedTargetIds.has(userId)) {
+                logger.warn(`[Invite:Recents] Excluding ${userId} from recents`);
+                continue;
+            }
+
+            const room = rooms[userId];
+            const roomMember = room.getMember(userId);
+            if (!roomMember) {
+                // just skip people who don't have memberships for some reason
+                logger.warn(`[Invite:Recents] ${userId} is missing a member object in their own DM (${room.roomId})`);
+                continue;
+            }
+
+            // Find the last timestamp for a message event
+            const searchTypes = ["m.room.message", "m.room.encrypted", "m.sticker"];
+            const maxSearchEvents = 20; // to prevent traversing history
+            let lastEventTs = 0;
+            if (room.timeline && room.timeline.length) {
+                for (let i = room.timeline.length - 1; i >= 0; i--) {
+                    const ev = room.timeline[i];
+                    if (searchTypes.includes(ev.getType())) {
+                        lastEventTs = ev.getTs();
+                        break;
+                    }
+                    if (room.timeline.length - i > maxSearchEvents) break;
+                }
+            }
+            if (!lastEventTs) {
+                // something weird is going on with this room
+                logger.warn(`[Invite:Recents] ${userId} (${room.roomId}) has a weird last timestamp: ${lastEventTs}`);
+                continue;
+            }
+
+            recents.push({ userId, user: toMember(roomMember), lastActive: lastEventTs });
+            // We mutate the given set so that any later callers avoid duplicating these users
+            excludedTargetIds.add(userId);
+        }
+        if (recents.length === 0) logger.warn("[Invite:Recents] No recents to suggest!");
+
+        // Sort the recents by last active to save us time later
+        recents.sort((a, b) => b.lastActive - a.lastActive);
+
+        return recents;
+    }
+
+    private buildSuggestions(excludedTargetIds: Set<string>): { userId: string; user: Member }[] {
+        const cli = MatrixClientPeg.safeGet();
+        const activityScores = buildActivityScores(cli);
+        const memberScores = buildMemberScores(cli);
+
+        const memberComparator = compareMembers(activityScores, memberScores);
+
+        return Object.values(memberScores)
+            .map(({ member }) => member)
+            .filter((member) => !excludedTargetIds.has(member.userId))
+            .sort(memberComparator)
+            .map((member) => ({ userId: member.userId, user: toMember(member) }));
+    }
+
+    private shouldAbortAfterInviteError(
+        states: MultiInviterCompletionStates,
+        inviter: MultiInviter,
+        room: Room,
+    ): boolean {
+        this.setState({ busy: false });
+        const userMap = new Map<string, Member>(this.state.targets.map((member) => [member.userId, member]));
+        return !showAnyInviteErrors(states, room, inviter, userMap);
+    }
+
+    private convertFilter(): Member[] {
+        // Check to see if there's anything to convert first
+        if (!this.state.filterText || !this.state.filterText.includes("@")) return this.state.targets || [];
+
+        if (!this.canInviteMore()) {
+            // There should only be one third-party invite → do not allow more targets
+            return this.state.targets;
+        }
+
+        let newMember: Member | undefined;
+        if (this.state.filterText.startsWith("@")) {
+            // Assume mxid
+            newMember = new DirectoryMember({ user_id: this.state.filterText });
+        } else if (SettingsStore.getValue(UIFeature.IdentityServer)) {
+            // Assume email
+            if (this.canInviteThirdParty()) {
+                newMember = new ThreepidMember(this.state.filterText);
+            }
+        }
+        if (!newMember) return this.state.targets;
+
+        const newTargets = [...(this.state.targets || []), newMember];
+        this.setState({ targets: newTargets, filterText: "" });
+        return newTargets;
+    }
+
+    private startDm = async (): Promise<void> => {
+        this.setBusy(true);
+
+        try {
+            const cli = MatrixClientPeg.safeGet();
+            const targets = this.convertFilter();
+            await startDmOnFirstMessage(cli, targets);
+            this.props.onFinished(true);
+        } catch (err) {
+            logger.error(err);
+            this.setState({
+                busy: false,
+                errorText: _t("invite|error_dm"),
+            });
+        }
+    };
+
+    private setBusy(busy: boolean): void {
+        this.setState({
+            busy,
+        });
+    }
+
+    private inviteUsers = async (): Promise<void> => {
+        if (this.props.kind !== InviteKind.Invite) return;
+        this.setState({ busy: true });
+        this.convertFilter();
+        const targets = this.convertFilter();
+        const targetIds = targets.map((t) => t.userId);
+
+        const cli = MatrixClientPeg.safeGet();
+        const room = cli.getRoom(this.props.roomId);
+        if (!room) {
+            logger.error("Failed to find the room to invite users to");
+            this.setState({
+                busy: false,
+                errorText: _t("invite|error_find_room"),
+            });
+            return;
+        }
+
+        try {
+            const inviter = new MultiInviter(cli, this.props.roomId, {
+                // We show our own progress body, so don't pop up a separate dialog.
+                inhibitProgressDialog: true,
+            });
+            const states = await inviter.invite(targetIds);
+            if (!this.shouldAbortAfterInviteError(states, inviter, room)) {
+                // handles setting error message too
+                this.props.onFinished(true);
+            }
+        } catch (err) {
+            logger.error(err);
+            this.setState({
+                busy: false,
+                errorText: _t("invite|error_invite"),
+            });
+        }
+    };
+
+    /**
+     * Start the process of actually sending invites or creating a DM.
+     *
+     * Called once we have shown the user all the necessary warnings.
+     */
+    private async startDmOrSendInvites(): Promise<void> {
+        if (this.props.kind === InviteKind.Dm) {
+            await this.startDm();
+        } else if (this.props.kind === InviteKind.Invite) {
+            await this.inviteUsers();
+        } else {
+            throw new Error("Unknown InviteKind: " + this.props.kind);
+        }
+    }
+
+    private transferCall = async (): Promise<void> => {
+        if (this.props.kind !== InviteKind.CallTransfer) return;
+        if (this.state.currentTabId == TabId.UserDirectory) {
+            this.convertFilter();
+            const targets = this.convertFilter();
+            const targetIds = targets.map((t) => t.userId);
+            if (targetIds.length > 1) {
+                this.setState({
+                    errorText: _t("invite|error_transfer_multiple_target"),
+                });
+                return;
+            }
+
+            SDKContextClass.instance.legacyCallHandler.startTransferToMatrixID(
+                this.props.call,
+                targetIds[0],
+                this.state.consultFirst,
+            );
+        } else {
+            SDKContextClass.instance.legacyCallHandler.startTransferToPhoneNumber(
+                this.props.call,
+                this.state.dialPadValue,
+                this.state.consultFirst,
+            );
+        }
+        this.props.onFinished(true);
+    };
+
+    private onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>): void => {
+        if (this.state.busy) return;
+
+        let handled = false;
+        const value = e.currentTarget.value.trim();
+        const action = getKeyBindingsManager().getAccessibilityAction(e);
+
+        switch (action) {
+            case KeyBindingAction.Space:
+                if (!value || !value.includes("@") || value.includes(" ")) break;
+
+                // when the user hits space and their input looks like an e-mail/MXID then try to convert it
+                this.convertFilter();
+                handled = true;
+                break;
+            case KeyBindingAction.Enter:
+                if (!value) break;
+
+                // when the user hits enter with something in their field try to convert it
+                this.convertFilter();
+                handled = true;
+                break;
+        }
+
+        if (handled) {
+            e.preventDefault();
+        }
+    };
+
+    private onCancel = (): void => {
+        this.props.onFinished(false);
+    };
+
+    private updateSuggestions = debounce(
+        async (term: string): Promise<void> => {
+            MatrixClientPeg.safeGet()
+                .searchUserDirectory({ term })
+                .then(async (r): Promise<void> => {
+                    if (term !== this.state.filterText) {
+                        // Discard the results - we were probably too slow on the server-side to make
+                        // these results useful. This is a race we want to avoid because we could overwrite
+                        // more accurate results.
+                        return;
+                    }
+
+                    if (!r.results) r.results = [];
+
+                    // While we're here, try and autocomplete a search result for the mxid itself
+                    // if there's no matches (and the input looks like a mxid).
+                    if (term[0] === "@" && term.indexOf(":") > 1) {
+                        try {
+                            const profile = await this.profilesStore.getOrFetchProfile(term, { shouldThrow: true });
+
+                            if (profile) {
+                                // If we have a profile, we have enough information to assume that
+                                // the mxid can be invited - add it to the list. We stick it at the
+                                // top so it is most obviously presented to the user.
+                                r.results.splice(0, 0, {
+                                    user_id: term,
+                                    display_name: profile["displayname"],
+                                    avatar_url: profile["avatar_url"],
+                                });
+                            }
+                        } catch (e) {
+                            logger.warn("Non-fatal error trying to make an invite for a user ID", e);
+                        }
+                    }
+
+                    if (this.unmounted) return;
+                    this.setState({
+                        serverResultsMixin: r.results.map((u) => ({
+                            userId: u.user_id,
+                            user: new DirectoryMember(u),
+                        })),
+                    });
+                })
+                .catch((e) => {
+                    logger.error("Error searching user directory:");
+                    logger.error(e);
+                    if (this.unmounted) return;
+                    this.setState({ serverResultsMixin: [] }); // clear results because it's moderately fatal
+                });
+
+            // Whenever we search the directory, also try to search the identity server. It's
+            // all debounced the same anyways.
+            if (!this.state.canUseIdentityServer) {
+                // The user doesn't have an identity server set - warn them of that.
+                this.setState({ tryingIdentityServer: true });
+                return;
+            }
+            if (
+                Email.looksValid(term) &&
+                this.canInviteThirdParty() &&
+                SettingsStore.getValue(UIFeature.IdentityServer)
+            ) {
+                // Start off by suggesting the plain email while we try and resolve it
+                // to a real account.
+                this.setState({
+                    // per above: the userId is a lie here - it's just a regular identifier
+                    threepidResultsMixin: [{ user: new ThreepidMember(term), userId: term }],
+                });
+                try {
+                    const authClient = new IdentityAuthClient();
+                    const token = await authClient.getAccessToken();
+                    // No token → unable to try a lookup
+                    if (!token) return;
+
+                    if (term !== this.state.filterText) return; // abandon hope
+
+                    const lookup = await MatrixClientPeg.safeGet().lookupThreePid("email", term, token);
+                    if (term !== this.state.filterText) return; // abandon hope
+
+                    if (!lookup || !("mxid" in lookup)) {
+                        // We weren't able to find anyone - we're already suggesting the plain email
+                        // as an alternative, so do nothing.
+                        return;
+                    }
+
+                    // We append the user suggestion to give the user an option to click
+                    // the email anyways, and so we don't cause things to jump around. In
+                    // theory, the user would see the user pop up and think "ah yes, that
+                    // person!"
+                    const profile = await this.profilesStore.getOrFetchProfile(lookup.mxid);
+                    if (term !== this.state.filterText || !profile) return; // abandon hope
+                    if (this.unmounted) return;
+                    this.setState({
+                        threepidResultsMixin: [
+                            ...this.state.threepidResultsMixin,
+                            {
+                                user: new DirectoryMember({
+                                    user_id: lookup.mxid,
+                                    display_name: profile.displayname,
+                                    avatar_url: profile.avatar_url,
+                                }),
+                                // Use the search term as identifier, so that it shows up in suggestions.
+                                userId: term,
+                            },
+                        ],
+                    });
+                } catch (e) {
+                    logger.error("Error searching identity server:");
+                    logger.error(e);
+                    if (this.unmounted) return;
+                    this.setState({ threepidResultsMixin: [] }); // clear results because it's moderately fatal
+                }
+            }
+        },
+        150, // 150ms debounce (human reaction time + some)
+    );
+
+    private updateFilter = (e: React.ChangeEvent<HTMLInputElement>): void => {
+        const term = e.target.value;
+        this.setState({ filterText: term });
+        this.updateSuggestions(term);
+    };
+
+    private showMoreRecents = (): void => {
+        this.setState({ numRecentsShown: this.state.numRecentsShown + INCREMENT_ROOMS_SHOWN });
+    };
+
+    private showMoreSuggestions = (): void => {
+        this.setState({ numSuggestionsShown: this.state.numSuggestionsShown + INCREMENT_ROOMS_SHOWN });
+    };
+
+    private toggleMember = (member: Member): void => {
+        if (!this.state.busy) {
+            let filterText = this.state.filterText;
+            let targets = this.state.targets.map((t) => t); // cheap clone for mutation
+            const idx = targets.findIndex((m) => m.userId === member.userId);
+            if (idx >= 0) {
+                targets.splice(idx, 1);
+            } else {
+                if (this.props.kind === InviteKind.CallTransfer && targets.length > 0) {
+                    targets = [];
+                }
+                targets.push(member);
+                filterText = ""; // clear the filter when the user accepts a suggestion
+            }
+            this.setState({ targets, filterText });
+
+            if (this.editorRef && this.editorRef.current) {
+                this.editorRef.current.focus();
+            }
+        }
+    };
+
+    private removeMember = (member: Member): void => {
+        const targets = this.state.targets.map((t) => t); // cheap clone for mutation
+        const idx = targets.indexOf(member);
+        if (idx >= 0) {
+            targets.splice(idx, 1);
+            this.setState({ targets });
+        }
+
+        if (this.editorRef && this.editorRef.current) {
+            this.editorRef.current.focus();
+        }
+    };
+
+    private parseFilter(filter: string): string[] {
+        return filter
+            .split(/[\s,]+/)
+            .map((p) => p.trim())
+            .filter((p) => !!p); // filter empty strings
+    }
+
+    private onPaste = async (e: React.ClipboardEvent): Promise<void> => {
+        if (this.state.filterText) {
+            // if the user has already typed something, just let them
+            // paste normally.
+            return;
+        }
+
+        const text = e.clipboardData.getData("text");
+        const potentialAddresses = this.parseFilter(text);
+        // one search term which is not a mxid or email address
+        if (potentialAddresses.length === 1 && !potentialAddresses[0].includes("@")) {
+            return;
+        }
+
+        // Prevent the text being pasted into the input
+        e.preventDefault();
+
+        // Process it as a list of addresses to add instead
+        const possibleMembers = [
+            // If we can avoid hitting the profile endpoint, we should.
+            ...this.state.recents,
+            ...this.state.suggestions,
+            ...this.state.serverResultsMixin,
+            ...this.state.threepidResultsMixin,
+        ];
+        const toAdd: Member[] = [];
+        const failed: string[] = [];
+
+        // Addresses that could not be added.
+        // Will be displayed as filter text to provide feedback.
+        const unableToAddMore: string[] = [];
+
+        for (const address of potentialAddresses) {
+            const member = possibleMembers.find((m) => m.userId === address);
+            if (member) {
+                if (this.canInviteMore([...this.state.targets, ...toAdd])) {
+                    toAdd.push(member.user);
+                } else {
+                    // Invite not possible for current targets and pasted targets.
+                    unableToAddMore.push(address);
+                }
+                continue;
+            }
+
+            if (Email.looksValid(address)) {
+                if (this.canInviteThirdParty([...this.state.targets, ...toAdd])) {
+                    toAdd.push(new ThreepidMember(address));
+                } else {
+                    // Third-party invite not possible for current targets and pasted targets.
+                    unableToAddMore.push(address);
+                }
+                continue;
+            }
+
+            if (address[0] !== "@") {
+                failed.push(address); // not a user ID
+                continue;
+            }
+
+            try {
+                const profile = await this.profilesStore.getOrFetchProfile(address);
+                toAdd.push(
+                    new DirectoryMember({
+                        user_id: address,
+                        display_name: profile?.displayname,
+                        avatar_url: profile?.avatar_url,
+                    }),
+                );
+            } catch (e) {
+                logger.error("Error looking up profile for " + address);
+                logger.error(e);
+                failed.push(address);
+            }
+        }
+        if (this.unmounted) return;
+
+        if (failed.length > 0) {
+            Modal.createDialog(QuestionDialog, {
+                title: _t("invite|error_find_user_title"),
+                description: _t("invite|error_find_user_description", { csvNames: failed.join(", ") }),
+                button: _t("action|ok"),
+            });
+        }
+
+        if (unableToAddMore) {
+            this.setState({
+                filterText: unableToAddMore.join(" "),
+                targets: uniqBy([...this.state.targets, ...toAdd], (t) => t.userId),
+            });
+        } else {
+            this.setState({
+                targets: uniqBy([...this.state.targets, ...toAdd], (t) => t.userId),
+            });
+        }
+    };
+
+    private onUseDefaultIdentityServerClick = (e: ButtonEvent): void => {
+        e.preventDefault();
+
+        // Update the IS in account data. Actually using it may trigger terms.
+        setToDefaultIdentityServer(MatrixClientPeg.safeGet());
+        this.setState({ canUseIdentityServer: true, tryingIdentityServer: false });
+    };
+
+    private onManageSettingsClick = (e: ButtonEvent): void => {
+        e.preventDefault();
+        dis.fire(Action.ViewUserSettings);
+        this.props.onFinished(false);
+    };
+
+    private renderSection(kind: "recents" | "suggestions"): ReactNode {
+        let sourceMembers = kind === "recents" ? this.state.recents : this.state.suggestions;
+        let showNum = kind === "recents" ? this.state.numRecentsShown : this.state.numSuggestionsShown;
+        const showMoreFn = kind === "recents" ? this.showMoreRecents.bind(this) : this.showMoreSuggestions.bind(this);
+        const lastActive = (m: Result): number | undefined => (kind === "recents" ? m.lastActive : undefined);
+        let sectionName = kind === "recents" ? _t("invite|recents_section") : _t("common|suggestions");
+
+        if (this.props.kind === InviteKind.Invite) {
+            sectionName = kind === "recents" ? _t("invite|suggestions_section") : _t("common|suggestions");
+        }
+
+        // Mix in the server results if we have any, but only if we're searching. We track the additional
+        // members separately because we want to filter sourceMembers but trust the mixin arrays to have
+        // the right members in them.
+        let priorityAdditionalMembers: Result[] = []; // Shows up before our own suggestions, higher quality
+        let otherAdditionalMembers: Result[] = []; // Shows up after our own suggestions, lower quality
+        const hasMixins = this.state.serverResultsMixin || this.state.threepidResultsMixin;
+        if (this.state.filterText && hasMixins && kind === "suggestions") {
+            // We don't want to duplicate members though, so just exclude anyone we've already seen.
+            // The type of u is a pain to define but members of both mixins have the 'userId' property
+            const notAlreadyExists = (u: any): boolean => {
+                return (
+                    !this.state.recents.some((m) => m.userId === u.userId) &&
+                    !sourceMembers.some((m) => m.userId === u.userId) &&
+                    !priorityAdditionalMembers.some((m) => m.userId === u.userId) &&
+                    !otherAdditionalMembers.some((m) => m.userId === u.userId)
+                );
+            };
+
+            otherAdditionalMembers = this.state.serverResultsMixin.filter(notAlreadyExists);
+            priorityAdditionalMembers = this.state.threepidResultsMixin.filter(notAlreadyExists);
+        }
+        const hasAdditionalMembers = priorityAdditionalMembers.length > 0 || otherAdditionalMembers.length > 0;
+
+        // Hide the section if there's nothing to filter by
+        if (sourceMembers.length === 0 && !hasAdditionalMembers) return null;
+
+        if (!this.canInviteThirdParty()) {
+            // It is currently not allowed to add more third-party invites. Filter them out.
+            priorityAdditionalMembers = priorityAdditionalMembers.filter((s) => s instanceof ThreepidMember);
+        }
+
+        // Do some simple filtering on the input before going much further. If we get no results, say so.
+        if (this.state.filterText) {
+            const filterBy = this.state.filterText.toLowerCase();
+            sourceMembers = sourceMembers.filter(
+                (m) => m.user.name.toLowerCase().includes(filterBy) || m.userId.toLowerCase().includes(filterBy),
+            );
+
+            if (sourceMembers.length === 0 && !hasAdditionalMembers) {
+                return (
+                    <div className="mx_InviteDialog_section">
+                        <RichList
+                            title={sectionName}
+                            titleAttributes={{ "role": "heading", "aria-level": 3 }}
+                            isEmpty={true}
+                        >
+                            {_t("common|no_results")}
+                        </RichList>
+                    </div>
+                );
+            }
+        }
+
+        // Now we mix in the additional members. Again, we presume these have already been filtered. We
+        // also assume they are more relevant than our suggestions and prepend them to the list.
+        sourceMembers = [...priorityAdditionalMembers, ...sourceMembers, ...otherAdditionalMembers];
+
+        // If we're going to hide one member behind 'show more', just use up the space of the button
+        // with the member's tile instead.
+        if (showNum === sourceMembers.length - 1) showNum++;
+
+        // .slice() will return an incomplete array but won't error on us if we go too far
+        const toRender = sourceMembers.slice(0, showNum);
+        const hasMore = toRender.length < sourceMembers.length;
+
+        let showMore: JSX.Element | undefined;
+        if (hasMore) {
+            showMore = (
+                <div className="mx_InviteDialog_section_showMore">
+                    <AccessibleButton onClick={showMoreFn} kind="link">
+                        {_t("common|show_more")}
+                    </AccessibleButton>
+                </div>
+            );
+        }
+
+        return (
+            <div className="mx_InviteDialog_section">
+                <RichList title={sectionName} titleAttributes={{ "role": "heading", "aria-level": 3 }}>
+                    {toRender.map((r) => (
+                        <DMRoomTile
+                            member={r.user}
+                            lastActiveTs={lastActive(r)}
+                            key={r.user.userId}
+                            onToggle={this.toggleMember}
+                            isSelected={this.state.targets.some((t) => t.userId === r.userId)}
+                        />
+                    ))}
+                </RichList>
+                {showMore}
+            </div>
+        );
+    }
+
+    private renderEditor(): JSX.Element {
+        return (
+            <PillInput
+                data-testid="invite-dialog-input-wrapper"
+                className="mx_InviteDialog_editor"
+                inputProps={{
+                    "ref": this.editorRef,
+                    "value": this.state.filterText,
+                    "onKeyDown": this.onKeyDown,
+                    "onChange": this.updateFilter,
+                    "onPaste": this.onPaste,
+                    "placeholder": _t("action|search"),
+                    "autoFocus": true,
+                    "disabled":
+                        this.state.busy ||
+                        (this.props.kind == InviteKind.CallTransfer && this.state.targets.length > 0),
+                    "data-testid": "invite-dialog-input",
+                }}
+                onRemoveChildren={() =>
+                    !this.state.busy && this.removeMember(this.state.targets[this.state.targets.length - 1])
+                }
+            >
+                {this.state.targets.map((t) => (
+                    <DMUserTile member={t} onRemove={this.state.busy ? undefined : this.removeMember} key={t.userId} />
+                ))}
+            </PillInput>
+        );
+    }
+
+    private renderIdentityServerWarning(): ReactNode {
+        if (
+            !this.state.tryingIdentityServer ||
+            this.state.canUseIdentityServer ||
+            !SettingsStore.getValue(UIFeature.IdentityServer)
+        ) {
+            return null;
+        }
+
+        const defaultIdentityServerUrl = getDefaultIdentityServerUrl();
+        if (defaultIdentityServerUrl) {
+            return (
+                <div className="mx_InviteDialog_identityServer">
+                    {_t(
+                        "invite|email_use_default_is",
+                        {
+                            defaultIdentityServerName: abbreviateUrl(defaultIdentityServerUrl),
+                        },
+                        {
+                            default: (sub) => (
+                                <AccessibleButton kind="link_inline" onClick={this.onUseDefaultIdentityServerClick}>
+                                    {sub}
+                                </AccessibleButton>
+                            ),
+                            settings: (sub) => (
+                                <AccessibleButton kind="link_inline" onClick={this.onManageSettingsClick}>
+                                    {sub}
+                                </AccessibleButton>
+                            ),
+                        },
+                    )}
+                </div>
+            );
+        } else {
+            return (
+                <div className="mx_InviteDialog_identityServer">
+                    {_t(
+                        "invite|email_use_is",
+                        {},
+                        {
+                            settings: (sub) => (
+                                <AccessibleButton kind="link_inline" onClick={this.onManageSettingsClick}>
+                                    {sub}
+                                </AccessibleButton>
+                            ),
+                        },
+                    )}
+                </div>
+            );
+        }
+    }
+
+    private onDialFormSubmit = (ev: SyntheticEvent): void => {
+        ev.preventDefault();
+        this.transferCall();
+    };
+
+    private onDialChange = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ dialPadValue: ev.currentTarget.value });
+    };
+
+    private onDigitPress = (digit: string, ev: ButtonEvent): void => {
+        this.setState({ dialPadValue: this.state.dialPadValue + digit });
+
+        // Keep the number field focused so that keyboard entry is still available
+        // However, don't focus if this wasn't the result of directly clicking on the button,
+        // i.e someone using keyboard navigation.
+        if (ev.type === "click") {
+            this.numberEntryFieldRef.current?.focus();
+        }
+    };
+
+    private onDeletePress = (ev: ButtonEvent): void => {
+        if (this.state.dialPadValue.length === 0) return;
+        this.setState({ dialPadValue: this.state.dialPadValue.slice(0, -1) });
+
+        // Keep the number field focused so that keyboard entry is still available
+        // However, don't focus if this wasn't the result of directly clicking on the button,
+        // i.e someone using keyboard navigation.
+        if (ev.type === "click") {
+            this.numberEntryFieldRef.current?.focus();
+        }
+    };
+
+    private onTabChange = (tabId: TabId): void => {
+        this.setState({ currentTabId: tabId });
+    };
+
+    private async onLinkClick(this: void, e: React.MouseEvent<HTMLAnchorElement>): Promise<void> {
+        e.preventDefault();
+        selectText(e.currentTarget);
+    }
+
+    private get screenName(): ScreenName | undefined {
+        switch (this.props.kind) {
+            case InviteKind.Dm:
+                return "StartChat";
+            default:
+                return undefined;
+        }
+    }
+
+    /**
+     * If encryption by default is enabled, third-party invites should be encrypted as well.
+     * For encryption to work, the other side requires a device.
+     * To achieve this Element implements a waiting room until all have joined.
+     * Waiting for many users degrades the UX → only one email invite is allowed at a time.
+     *
+     * @param targets - Optional member list to check. Uses targets from state if not provided.
+     */
+    private canInviteMore(targets?: (Member | RoomMember)[]): boolean {
+        targets = targets || this.state.targets;
+        return this.canInviteThirdParty(targets) || !targets.some((t) => t instanceof ThreepidMember);
+    }
+
+    /**
+     * A third-party invite is possible if
+     * - this is a non-DM dialog or
+     * - there are no invites yet or
+     * - encryption by default is not enabled
+     *
+     * Also see {@link InviteDialog#canInviteMore}.
+     *
+     * @param targets - Optional member list to check. Uses targets from state if not provided.
+     */
+    private canInviteThirdParty(targets?: (Member | RoomMember)[]): boolean {
+        targets = targets || this.state.targets;
+        return this.props.kind !== InviteKind.Dm || targets.length === 0 || !this.encryptionByDefault;
+    }
+
+    private hasFilterAtLeastOneEmail(): boolean {
+        if (!this.state.filterText) return false;
+
+        return this.parseFilter(this.state.filterText).some((address: string) => {
+            return Email.looksValid(address);
+        });
+    }
+
+    private hasSelection(): boolean {
+        return this.state.targets.length > 0 || (!!this.state.filterText && this.state.filterText.includes("@"));
+    }
+
+    /**
+     * Render the "suggestions" section, which shows a list of people you might want to invite, together with any
+     * errors from the previous iteration.
+     */
+    private renderSuggestions(): JSX.Element {
+        // If we're starting a DM, add a footer which showing our matrix.to link, for copying & pasting.
+        let footer;
+        if (this.props.kind === InviteKind.Dm) {
+            const link = makeUserPermalink(MatrixClientPeg.safeGet().getSafeUserId());
+            footer = (
+                <div className="mx_InviteDialog_footer">
+                    <h3>{_t("invite|send_link_prompt")}</h3>
+                    <CopyableText getTextToCopy={() => makeUserPermalink(MatrixClientPeg.safeGet().getSafeUserId())}>
+                        <a className="mx_InviteDialog_footer_link" href={link} onClick={this.onLinkClick}>
+                            {link}
+                        </a>
+                    </CopyableText>
+                </div>
+            );
+        }
+
+        let results: React.ReactNode | null = null;
+        let onlyOneThreepidNote: React.ReactNode | null = null;
+
+        if (!this.canInviteMore() || (this.hasFilterAtLeastOneEmail() && !this.canInviteThirdParty())) {
+            // We are in DM case here, because of the checks in canInviteMore() / canInviteThirdParty().
+            // Show a note saying "Invites by email can only be sent one at a time".
+            onlyOneThreepidNote = <div className="mx_InviteDialog_oneThreepid">{_t("invite|email_limit_one")}</div>;
+        } else {
+            let extraSection;
+            if (this.props.kind === InviteKind.Dm) {
+                // Some extra words saying "Some suggestions may be hidden for privacy"
+                extraSection = (
+                    <div className="mx_InviteDialog_section_hidden_suggestions_disclaimer">
+                        <span>{_t("invite|suggestions_disclaimer")}</span>
+                        <p>{_t("invite|suggestions_disclaimer_prompt")}</p>
+                    </div>
+                );
+            }
+
+            results = (
+                <div className="mx_InviteDialog_userSections">
+                    {this.renderSection("recents")}
+                    {this.renderSection("suggestions")}
+                    {extraSection}
+                </div>
+            );
+        }
+
+        return (
+            <React.Fragment>
+                {this.renderIdentityServerWarning()}
+                <div className="error">{this.state.errorText}</div>
+                {onlyOneThreepidNote}
+                {results}
+                {footer}
+            </React.Fragment>
+        );
+    }
+
+    /**
+     * Handle the user pressing the Go/Invite button in the "Start Chat" or "Invite users" view.
+     *
+     * We check if any of the users lack a known cryptographic identity, and show a warning if so.
+     */
+    private async onGoButtonPressed(): Promise<void> {
+        this.setBusy(true);
+
+        const targets = this.convertFilter();
+        const unknownIdentityUsers: Member[] = [];
+        const cli = MatrixClientPeg.safeGet();
+        const crypto = cli.getCrypto();
+        if (crypto) {
+            for (const t of targets) {
+                const addressType = getAddressType(t.userId);
+                if (
+                    addressType !== AddressType.MatrixUserId ||
+                    !(await crypto.getUserVerificationStatus(t.userId)).known
+                ) {
+                    unknownIdentityUsers.push(t);
+                }
+            }
+        }
+
+        // If we have some users with unknown identities, show the warning page.
+        if (unknownIdentityUsers.length > 0) {
+            logger.debug(
+                "InviteDialog: Warning about users with unknown identities:",
+                unknownIdentityUsers.map((u) => u.userId),
+            );
+            this.setState({ unknownIdentityUsers: unknownIdentityUsers, busy: false });
+        } else {
+            // Otherwise, transition directly to sending the relevant invites.
+            await this.startDmOrSendInvites();
+        }
+    }
+
+    /**
+     * Render content of the "users" that is used for both invites and "start chat".
+     */
+    private renderMainTab(): JSX.Element {
+        let helpText;
+        let buttonText;
+        const identityServersEnabled = SettingsStore.getValue(UIFeature.IdentityServer);
+
+        const cli = MatrixClientPeg.safeGet();
+        const userId = cli.getUserId()!;
+        if (this.props.kind === InviteKind.Dm) {
+            if (identityServersEnabled) {
+                helpText = _t(
+                    "invite|start_conversation_name_email_mxid_prompt",
+                    {},
+                    {
+                        userId: () => {
+                            return (
+                                <a href={makeUserPermalink(userId)} rel="noreferrer noopener" target="_blank">
+                                    {userId}
+                                </a>
+                            );
+                        },
+                    },
+                );
+            } else {
+                helpText = _t(
+                    "invite|start_conversation_name_mxid_prompt",
+                    {},
+                    {
+                        userId: () => {
+                            return (
+                                <a href={makeUserPermalink(userId)} rel="noreferrer noopener" target="_blank">
+                                    {userId}
+                                </a>
+                            );
+                        },
+                    },
+                );
+            }
+
+            buttonText = _t("action|go");
+        } else if (this.props.kind === InviteKind.Invite) {
+            const roomId = this.props.roomId;
+            const room = MatrixClientPeg.get()?.getRoom(roomId);
+            const isSpace = room?.isSpaceRoom();
+
+            let helpTextUntranslated;
+            if (isSpace) {
+                if (identityServersEnabled) {
+                    helpTextUntranslated = _td("invite|name_email_mxid_share_space");
+                } else {
+                    helpTextUntranslated = _td("invite|name_mxid_share_space");
+                }
+            } else {
+                if (identityServersEnabled) {
+                    helpTextUntranslated = _td("invite|name_email_mxid_share_room");
+                } else {
+                    helpTextUntranslated = _td("invite|name_mxid_share_room");
+                }
+            }
+
+            helpText = _t(
+                helpTextUntranslated,
+                {},
+                {
+                    userId: () => (
+                        <a
+                            className="mx_InviteDialog_helpText_userId"
+                            href={makeUserPermalink(userId)}
+                            rel="noreferrer noopener"
+                            target="_blank"
+                        >
+                            {userId}
+                        </a>
+                    ),
+                    a: (sub) => (
+                        <a href={makeRoomPermalink(cli, roomId)} rel="noreferrer noopener" target="_blank">
+                            {sub}
+                        </a>
+                    ),
+                },
+            );
+
+            buttonText = _t("action|invite");
+        } else {
+            throw new Error("Unknown InviteDialog kind: " + this.props.kind);
+        }
+
+        const onGoButtonPressed = (): void => {
+            this.onGoButtonPressed().catch((e) => logErrorAndShowErrorDialog("Error processing invites", e));
+        };
+
+        return (
+            <React.Fragment>
+                <p className="mx_InviteDialog_helpText">{helpText}</p>
+                <div className="mx_InviteDialog_addressBar">
+                    {this.renderEditor()}
+                    <AccessibleButton
+                        kind="primary"
+                        onClick={onGoButtonPressed}
+                        className="mx_InviteDialog_goButton"
+                        disabled={this.state.busy || !this.hasSelection()}
+                    >
+                        {buttonText}
+                    </AccessibleButton>
+                </div>
+                {this.state.busy ? <InviteProgressBody /> : this.renderSuggestions()}
+            </React.Fragment>
+        );
+    }
+
+    /** Callback function, which handles the user clicking "Remove" on the {@link UnknwownIdentityUsersWarningDialog}. */
+    private onRemoveUnknownIdentityUsersClicked = (): void => {
+        // Remove the unknown identity users, then return to the previous screen
+        const newTargets: Member[] = [];
+        for (const target of this.state.targets) {
+            if (!this.state.unknownIdentityUsers?.find((m) => m.userId == target.userId)) {
+                newTargets.push(target);
+            }
+        }
+        this.setState({
+            targets: newTargets,
+            unknownIdentityUsers: null,
+        });
+    };
+
+    /**
+     * Render the complete dialog, given this is not a call transfer dialog.
+     *
+     * See also: {@link renderCallTransferDialog}.
+     */
+    private renderRegularDialog(): React.ReactNode {
+        if (this.props.kind !== InviteKind.Dm && this.props.kind !== InviteKind.Invite) {
+            throw new Error("Unsupported InviteDialog kind: " + this.props.kind);
+        }
+
+        if (this.state.unknownIdentityUsers !== null) {
+            return (
+                <UnknownIdentityUsersWarningDialog
+                    onCancel={this.props.onFinished}
+                    onContinue={() => {
+                        this.setState({ unknownIdentityUsers: null });
+                        this.startDmOrSendInvites().catch((e) =>
+                            logErrorAndShowErrorDialog("Error processing invites", e),
+                        );
+                    }}
+                    onRemove={this.onRemoveUnknownIdentityUsersClicked}
+                    screenName={this.screenName}
+                    kind={this.props.kind}
+                    users={this.state.unknownIdentityUsers}
+                />
+            );
+        }
+
+        let title;
+        if (this.props.kind === InviteKind.Dm) {
+            title = _t("space|add_existing_room_space|dm_heading");
+        } else if (this.props.kind === InviteKind.Invite) {
+            const roomId = this.props.roomId;
+            const room = MatrixClientPeg.get()?.getRoom(roomId);
+            const isSpace = room?.isSpaceRoom();
+            title = isSpace
+                ? _t("invite|to_space", {
+                      spaceName: room?.name || _t("common|unnamed_space"),
+                  })
+                : _t("invite|to_room", {
+                      roomName: room?.name || _t("common|unnamed_room"),
+                  });
+        }
+
+        return (
+            <BaseDialog
+                className="mx_InviteDialog_other"
+                hasCancel={true}
+                onFinished={this.props.onFinished}
+                title={title}
+                screenName={this.screenName}
+            >
+                <div className="mx_InviteDialog_content">{this.renderMainTab()}</div>
+            </BaseDialog>
+        );
+    }
+
+    /**
+     * Render the complete call transfer dialog.
+     *
+     * See also: {@link renderRegularDialog}.
+     */
+    private renderCallTransferDialog(): React.ReactNode {
+        const usersSection = (
+            <React.Fragment>
+                <div className="mx_InviteDialog_addressBar">{this.renderEditor()}</div>
+                {this.state.busy ? <InviteProgressBody /> : this.renderSuggestions()}
+            </React.Fragment>
+        );
+
+        const tabs: NonEmptyArray<Tab<TabId>> = [
+            new Tab(
+                TabId.UserDirectory,
+                _td("invite|transfer_user_directory_tab"),
+                <UserProfileSolidIcon key={TabId.UserDirectory} />,
+                usersSection,
+            ),
+        ];
+
+        const backspaceButton = <DialPadBackspaceButton onBackspacePress={this.onDeletePress} />;
+
+        // Only show the backspace button if the field has content
+        let dialPadField;
+        if (this.state.dialPadValue.length !== 0) {
+            dialPadField = (
+                <Field
+                    ref={this.numberEntryFieldRef}
+                    className="mx_InviteDialog_dialPadField"
+                    id="dialpad_number"
+                    value={this.state.dialPadValue}
+                    autoFocus={true}
+                    onChange={this.onDialChange}
+                    postfixComponent={backspaceButton}
+                />
+            );
+        } else {
+            dialPadField = (
+                <Field
+                    ref={this.numberEntryFieldRef}
+                    className="mx_InviteDialog_dialPadField"
+                    id="dialpad_number"
+                    value={this.state.dialPadValue}
+                    autoFocus={true}
+                    onChange={this.onDialChange}
+                />
+            );
+        }
+
+        const dialPadSection = (
+            <div className="mx_InviteDialog_dialPad">
+                <form onSubmit={this.onDialFormSubmit}>{dialPadField}</form>
+                <Dialpad hasDial={false} onDigitPress={this.onDigitPress} onDeletePress={this.onDeletePress} />
+            </div>
+        );
+        tabs.push(new Tab(TabId.DialPad, _td("invite|transfer_dial_pad_tab"), <DialPadIcon />, dialPadSection));
+
+        const consultConnectSection = (
+            <div className="mx_InviteDialog_transferConsultConnect">
+                <label>
+                    <input type="checkbox" checked={this.state.consultFirst} onChange={this.onConsultFirstChange} />
+                    {_t("voip|transfer_consult_first_label")}
+                </label>
+                <AccessibleButton
+                    kind="secondary"
+                    onClick={this.onCancel}
+                    className="mx_InviteDialog_transferConsultConnect_pushRight"
+                >
+                    {_t("action|cancel")}
+                </AccessibleButton>
+                <AccessibleButton
+                    kind="primary"
+                    onClick={this.transferCall}
+                    disabled={!this.hasSelection() && this.state.dialPadValue === ""}
+                >
+                    {_t("action|transfer")}
+                </AccessibleButton>
+            </div>
+        );
+
+        const dialogContent = (
+            <React.Fragment>
+                <TabbedView<TabId>
+                    tabs={tabs}
+                    activeTabId={this.state.currentTabId}
+                    tabLocation={TabLocation.TOP}
+                    onChange={this.onTabChange}
+                />
+                {consultConnectSection}
+            </React.Fragment>
+        );
+
+        return (
+            <BaseDialog
+                className="mx_InviteDialog_transfer"
+                hasCancel={true}
+                onFinished={this.props.onFinished}
+                title={_t("action|transfer")}
+                screenName={this.screenName}
+            >
+                <div className="mx_InviteDialog_content">{dialogContent}</div>
+            </BaseDialog>
+        );
+    }
+
+    public render(): React.ReactNode {
+        if (this.props.kind === InviteKind.CallTransfer) {
+            return this.renderCallTransferDialog();
+        } else {
+            return this.renderRegularDialog();
+        }
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/InviteDialogTypes.ts b/apps/web/src/components/views/dialogs/InviteDialogTypes.ts
new file mode 100644
index 00000000000..535693faaed
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/InviteDialogTypes.ts
@@ -0,0 +1,16 @@
+/*
+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.
+*/
+
+export enum InviteKind {
+    Dm = "dm",
+    Invite = "invite",
+    // NB. This dialog needs the 'mx_InviteDialog_transferWrapper' wrapper class to have the correct
+    // padding on the bottom (because all modals have 24px padding on all sides), so this needs to
+    // be passed when creating the modal
+    CallTransfer = "call_transfer",
+}
diff --git a/apps/web/src/components/views/dialogs/InviteProgressBody.tsx b/apps/web/src/components/views/dialogs/InviteProgressBody.tsx
new file mode 100644
index 00000000000..628869affe0
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/InviteProgressBody.tsx
@@ -0,0 +1,24 @@
+/*
+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 InlineSpinner from "../elements/InlineSpinner";
+import { _t } from "../../../languageHandler";
+
+/** The common body of components that show the progress of sending room invites. */
+const InviteProgressBody: React.FC = () => {
+    return (
+        <div className="mx_InviteProgressBody">
+            <InlineSpinner size={32} />
+            <h1>{_t("invite|progress|preparing")}</h1>
+            {_t("invite|progress|dont_close")}
+        </div>
+    );
+};
+
+export default InviteProgressBody;
diff --git a/apps/web/src/components/views/dialogs/InviteProgressDialog.tsx b/apps/web/src/components/views/dialogs/InviteProgressDialog.tsx
new file mode 100644
index 00000000000..fe62afa8d8b
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/InviteProgressDialog.tsx
@@ -0,0 +1,38 @@
+/*
+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 Modal from "../../../Modal.tsx";
+import InviteProgressBody from "./InviteProgressBody.tsx";
+
+/** A Modal dialog that pops up while room invites are being sent. */
+const InviteProgressDialog: React.FC = (_) => {
+    return <InviteProgressBody />;
+};
+
+/**
+ * Open the invite progress dialog.
+ *
+ * Returns a callback which will close the dialog again.
+ */
+export function openInviteProgressDialog(): () => void {
+    const onBeforeClose = async (reason?: string): Promise<boolean> => {
+        // Inhibit closing via background click
+        return reason != "backgroundClick";
+    };
+
+    const { close } = Modal.createDialog(
+        InviteProgressDialog,
+        /* props */ {},
+        /* className */ undefined,
+        /* isPriorityModal */ false,
+        /* isStaticModal */ false,
+        { onBeforeClose },
+    );
+    return close;
+}
diff --git a/apps/web/src/components/views/dialogs/LeaveSpaceDialog.tsx b/apps/web/src/components/views/dialogs/LeaveSpaceDialog.tsx
new file mode 100644
index 00000000000..3a8645bc70c
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/LeaveSpaceDialog.tsx
@@ -0,0 +1,110 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, { useMemo, useState } from "react";
+import { type Room, JoinRule } from "matrix-js-sdk/src/matrix";
+import { InfoSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import DialogButtons from "../elements/DialogButtons";
+import BaseDialog from "../dialogs/BaseDialog";
+import SpaceChildrenPicker from "../spaces/SpaceChildrenPicker";
+import { filterBoolean } from "../../../utils/arrays";
+import { isOnlyAdmin } from "../../../utils/membership";
+import { SDKContextClass } from "../../../contexts/SDKContextClass.ts";
+
+interface IProps {
+    space: Room;
+    onFinished(this: void, leave: boolean, rooms?: Room[]): void;
+}
+
+const LeaveSpaceDialog: React.FC<IProps> = ({ space, onFinished }) => {
+    const spaceChildren = useMemo(() => {
+        const roomSet = new Set(SDKContextClass.instance.spaceStore.getSpaceFilteredRoomIds(space.roomId));
+        SDKContextClass.instance.spaceStore.traverseSpace(
+            space.roomId,
+            (spaceId) => {
+                if (space.roomId === spaceId) return; // skip the root node
+                roomSet.add(spaceId);
+            },
+            false,
+        );
+        return filterBoolean(Array.from(roomSet).map((roomId) => space.client.getRoom(roomId)));
+    }, [space]);
+    const [roomsToLeave, setRoomsToLeave] = useState<Room[]>([]);
+    const selectedRooms = useMemo(() => new Set(roomsToLeave), [roomsToLeave]);
+
+    let rejoinWarning;
+    if (space.getJoinRule() !== JoinRule.Public) {
+        rejoinWarning = _t("space|leave_dialog_public_rejoin_warning");
+    }
+
+    let onlyAdminWarning;
+    if (isOnlyAdmin(space)) {
+        onlyAdminWarning = _t("space|leave_dialog_only_admin_warning");
+    } else {
+        const numChildrenOnlyAdminIn = roomsToLeave.filter(isOnlyAdmin).length;
+        if (numChildrenOnlyAdminIn > 0) {
+            onlyAdminWarning = _t("space|leave_dialog_only_admin_room_warning");
+        }
+    }
+
+    return (
+        <BaseDialog
+            title={_t("space|leave_dialog_title", { spaceName: space.name })}
+            className="mx_LeaveSpaceDialog"
+            contentId="mx_LeaveSpaceDialog"
+            onFinished={() => onFinished(false)}
+            fixedWidth={false}
+        >
+            <div className="mx_Dialog_content" id="mx_LeaveSpaceDialog">
+                <p>
+                    {_t(
+                        "space|leave_dialog_description",
+                        {},
+                        {
+                            spaceName: () => <strong>{space.name}</strong>,
+                        },
+                    )}
+                    &nbsp;
+                    {rejoinWarning}
+                    {rejoinWarning && <>&nbsp;</>}
+                    {spaceChildren.length > 0 && _t("space|leave_dialog_option_intro")}
+                </p>
+
+                {spaceChildren.length > 0 && (
+                    <SpaceChildrenPicker
+                        space={space}
+                        spaceChildren={spaceChildren}
+                        selected={selectedRooms}
+                        onChange={setRoomsToLeave}
+                        noneLabel={_t("space|leave_dialog_option_none")}
+                        allLabel={_t("space|leave_dialog_option_all")}
+                        specificLabel={_t("space|leave_dialog_option_specific")}
+                    />
+                )}
+
+                {onlyAdminWarning && (
+                    <div className="mx_LeaveSpaceDialog_section_warning">
+                        <InfoSolidIcon />
+                        {onlyAdminWarning}
+                    </div>
+                )}
+            </div>
+            <DialogButtons
+                primaryButton={_t("space|leave_dialog_action")}
+                primaryButtonClass="danger"
+                onPrimaryButtonClick={() => onFinished(true, roomsToLeave)}
+                hasCancel={true}
+                onCancel={() => onFinished(false)}
+            />
+        </BaseDialog>
+    );
+};
+
+export default LeaveSpaceDialog;
diff --git a/apps/web/src/components/views/dialogs/LogoutDialog.tsx b/apps/web/src/components/views/dialogs/LogoutDialog.tsx
new file mode 100644
index 00000000000..f1cc21883ec
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/LogoutDialog.tsx
@@ -0,0 +1,162 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-2022 The Matrix.org Foundation C.I.C.
+Copyright 2018, 2019 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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { Button, Text } from "@vector-im/compound-web";
+import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
+import KeyIcon from "@vector-im/compound-design-tokens/assets/web/icons/key";
+import PopOutIcon from "@vector-im/compound-design-tokens/assets/web/icons/pop-out";
+import SignOutIcon from "@vector-im/compound-design-tokens/assets/web/icons/sign-out";
+
+import dis from "../../../dispatcher/dispatcher";
+import { type OpenToTabPayload } from "../../../dispatcher/payloads/OpenToTabPayload";
+import { Action } from "../../../dispatcher/actions";
+import { UserTab } from "../../../components/views/dialogs/UserTab";
+import { _t } from "../../../languageHandler";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import QuestionDialog from "./QuestionDialog";
+import BaseDialog from "./BaseDialog";
+import Spinner from "../elements/Spinner";
+import { BackupStatus, useKeyBackupStatus } from "../../../hooks/useKeyBackupStatus";
+import { useHasOtherVerifiedDevices } from "../../../hooks/useHasOtherVerifiedDevices";
+import { EncryptionCard } from "../settings/encryption/EncryptionCard";
+import { EncryptionCardButtons } from "../settings/encryption/EncryptionCardButtons";
+import { EncryptionCardEmphasisedContent } from "../settings/encryption/EncryptionCardEmphasisedContent";
+
+interface IProps {
+    onFinished: (success: boolean) => void;
+}
+
+/**
+ * Checks if the `LogoutDialog` should be shown instead of the simple logout flow.
+ * The `LogoutDialog` will check the crypto recovery status of the account and
+ * help the user setup recovery properly if needed.
+ */
+export async function shouldShowLogoutDialog(cli: MatrixClient): Promise<boolean> {
+    const crypto = cli?.getCrypto();
+    return !!crypto;
+}
+
+export default function LogoutDialog(props: IProps): JSX.Element {
+    const client = MatrixClientPeg.safeGet();
+    const backupStatus = useKeyBackupStatus(client);
+    const hasOtherVerifiedDevices = useHasOtherVerifiedDevices(client);
+
+    const onFinished = (confirmed?: boolean): void => {
+        if (confirmed) {
+            dis.dispatch({ action: "logout" });
+        }
+        props.onFinished(!!confirmed);
+    };
+
+    const onLogoutConfirm = (): void => {
+        dis.dispatch({ action: "logout" });
+
+        // close dialog
+        props.onFinished(true);
+    };
+
+    const onGoToSettings = (): void => {
+        // Open the user settings dialog to the encryption tab and start the flow to get recovery key
+        const payload: OpenToTabPayload = {
+            action: Action.ViewUserSettings,
+            initialTabId: UserTab.Encryption,
+            props: {
+                initialEncryptionState: "set_recovery_key",
+            },
+        };
+        dis.dispatch(payload);
+
+        props.onFinished(false);
+    };
+
+    if (hasOtherVerifiedDevices === undefined) {
+        return <Loading onFinished={onFinished} />;
+    } else if (hasOtherVerifiedDevices) {
+        return <ConfirmLogout onFinished={onFinished} />;
+    }
+    switch (backupStatus) {
+        case BackupStatus.LOADING:
+            return <Loading onFinished={onFinished} />;
+
+        case BackupStatus.NO_CRYPTO:
+        case BackupStatus.BACKUP_ACTIVE:
+            return <ConfirmLogout onFinished={onFinished} />;
+
+        case BackupStatus.NO_BACKUP:
+        case BackupStatus.SERVER_BACKUP_BUT_DISABLED:
+        case BackupStatus.ERROR:
+        case BackupStatus.BACKUP_NO_RECOVERY: {
+            return (
+                <BaseDialog
+                    contentId="mx_Dialog_content"
+                    hasCancel={true}
+                    onFinished={onFinished}
+                    className="mx_LogoutDialog"
+                >
+                    <EncryptionCard
+                        Icon={ErrorIcon}
+                        destructive={true}
+                        title={_t("auth|logout_dialog|setup_key_backup_title")}
+                        className="mx_EncryptionCard_noBorder"
+                    >
+                        <EncryptionCardEmphasisedContent>
+                            <Text>{_t("auth|logout_dialog|setup_secure_backup_description")}</Text>
+                            <Text as="a" target="_blank" href="https://element.io/en/help#encryption16">
+                                {_t("action|learn_more")} <PopOutIcon />
+                            </Text>
+                        </EncryptionCardEmphasisedContent>
+                        <EncryptionCardButtons>
+                            <Button onClick={onGoToSettings} Icon={KeyIcon}>
+                                {_t("settings|encryption|recovery|set_up_recovery")}
+                            </Button>
+                            <Button kind="tertiary" destructive={true} onClick={onLogoutConfirm} Icon={SignOutIcon}>
+                                {_t("auth|logout_dialog|skip_key_backup")}
+                            </Button>
+                        </EncryptionCardButtons>
+                    </EncryptionCard>
+                </BaseDialog>
+            );
+        }
+    }
+}
+
+interface SubComponentProps {
+    onFinished: (confirmed?: boolean) => void;
+}
+
+// Dialog contents to show a spinner while deciding whether to prompt the
+// user to set up recovery
+function Loading(props: SubComponentProps): JSX.Element {
+    return (
+        <BaseDialog
+            title={_t("action|sign_out")}
+            contentId="mx_Dialog_content"
+            hasCancel={true}
+            onFinished={props.onFinished}
+        >
+            <Spinner />
+        </BaseDialog>
+    );
+}
+
+// Dialog contents to confirm whether the user is sure if they want to log
+// out.
+function ConfirmLogout(props: SubComponentProps): JSX.Element {
+    return (
+        <QuestionDialog
+            hasCancelButton={true}
+            title={_t("action|sign_out")}
+            description={_t("auth|logout_dialog|description")}
+            button={_t("action|sign_out")}
+            onFinished={props.onFinished}
+        />
+    );
+}
diff --git a/apps/web/src/components/views/dialogs/ManageRestrictedJoinRuleDialog.tsx b/apps/web/src/components/views/dialogs/ManageRestrictedJoinRuleDialog.tsx
new file mode 100644
index 00000000000..7e13ab1759d
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ManageRestrictedJoinRuleDialog.tsx
@@ -0,0 +1,245 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 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, { useMemo, useState } from "react";
+import { Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { InfoSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { AutoHideScrollbar } from "@element-hq/web-shared-components";
+
+import { _t } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import SearchBox from "../../structures/SearchBox";
+import RoomAvatar from "../avatars/RoomAvatar";
+import AccessibleButton from "../elements/AccessibleButton";
+import StyledCheckbox from "../elements/StyledCheckbox";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { filterBoolean } from "../../../utils/arrays";
+import { SDKContextClass } from "../../../contexts/SDKContextClass.ts";
+
+interface IProps {
+    room: Room;
+    selected?: string[];
+    onFinished(this: void, rooms?: string[]): void;
+}
+
+const Entry: React.FC<{
+    room: Room;
+    checked: boolean;
+    onChange(this: void, value: boolean): void;
+}> = ({ room, checked, onChange }) => {
+    const localRoom = room instanceof Room;
+
+    let description;
+    if (localRoom) {
+        description = _t("common|n_members", { count: room.getJoinedMemberCount() });
+        const numChildRooms = SDKContextClass.instance.spaceStore.getChildRooms(room.roomId).length;
+        if (numChildRooms > 0) {
+            description += " · " + _t("common|n_rooms", { count: numChildRooms });
+        }
+    }
+
+    return (
+        <div className="mx_ManageRestrictedJoinRuleDialog_entry">
+            <StyledCheckbox
+                onChange={onChange ? (e) => onChange(e.target.checked) : undefined}
+                checked={checked}
+                disabled={!onChange}
+                description={description}
+            >
+                <div>
+                    {localRoom ? (
+                        <RoomAvatar role="none" room={room} size="20px" />
+                    ) : (
+                        <RoomAvatar oobData={room} size="20px" />
+                    )}
+                    <span className="mx_ManageRestrictedJoinRuleDialog_entry_name">{room.name}</span>
+                </div>
+            </StyledCheckbox>
+        </div>
+    );
+};
+
+const addAllParents = (set: Set<Room>, room: Room): void => {
+    const cli = room.client;
+    const parents = Array.from(SDKContextClass.instance.spaceStore.getKnownParents(room.roomId)).map((parentId) =>
+        cli.getRoom(parentId),
+    );
+
+    parents.forEach((parent) => {
+        if (!parent || set.has(parent)) return;
+        set.add(parent);
+        addAllParents(set, parent);
+    });
+};
+
+const ManageRestrictedJoinRuleDialog: React.FC<IProps> = ({ room, selected, onFinished }) => {
+    const cli = room.client;
+    const [newSelected, setNewSelected] = useState(new Set<string>(selected));
+    const [query, setQuery] = useState("");
+    const lcQuery = query.toLowerCase().trim();
+
+    const [spacesContainingRoom, otherJoinedSpaces, otherEntries] = useMemo(() => {
+        const parents = new Set<Room>();
+        addAllParents(parents, room);
+
+        return [
+            Array.from(parents),
+            SDKContextClass.instance.spaceStore.spacePanelSpaces.filter((s) => !parents.has(s)),
+            filterBoolean(
+                selected?.map((roomId) => {
+                    const room = cli.getRoom(roomId);
+                    if (!room) {
+                        return { roomId, name: roomId } as Room;
+                    }
+                    if (room.getMyMembership() !== KnownMembership.Join || !room.isSpaceRoom()) {
+                        return room;
+                    }
+                }) ?? [],
+            ),
+        ];
+    }, [cli, selected, room]);
+
+    const [filteredSpacesContainingRoom, filteredOtherJoinedSpaces, filteredOtherEntries] = useMemo(
+        () => [
+            spacesContainingRoom.filter((r) => r.name.toLowerCase().includes(lcQuery)),
+            otherJoinedSpaces.filter((r) => r.name.toLowerCase().includes(lcQuery)),
+            otherEntries.filter((r) => r.name.toLowerCase().includes(lcQuery)),
+        ],
+        [spacesContainingRoom, otherJoinedSpaces, otherEntries, lcQuery],
+    );
+
+    const onChange = (checked: boolean, room: Room): void => {
+        if (checked) {
+            newSelected.add(room.roomId);
+        } else {
+            newSelected.delete(room.roomId);
+        }
+        setNewSelected(new Set(newSelected));
+    };
+
+    let inviteOnlyWarning;
+    if (newSelected.size < 1) {
+        inviteOnlyWarning = (
+            <div className="mx_ManageRestrictedJoinRuleDialog_section_info">
+                <InfoSolidIcon />
+                {_t("room_settings|security|join_rule_restricted_dialog_empty_warning")}
+            </div>
+        );
+    }
+
+    const totalResults =
+        filteredSpacesContainingRoom.length + filteredOtherJoinedSpaces.length + filteredOtherEntries.length;
+    return (
+        <BaseDialog
+            title={_t("room_settings|security|join_rule_restricted_dialog_title")}
+            className="mx_ManageRestrictedJoinRuleDialog"
+            onFinished={onFinished}
+            fixedWidth={false}
+        >
+            <p>
+                {_t(
+                    "room_settings|security|join_rule_restricted_dialog_description",
+                    {},
+                    {
+                        RoomName: () => <strong>{room.name}</strong>,
+                    },
+                )}
+            </p>
+            <MatrixClientContext.Provider value={cli}>
+                <SearchBox
+                    className="mx_textinput_icon mx_textinput_search"
+                    placeholder={_t("room_settings|security|join_rule_restricted_dialog_filter_placeholder")}
+                    onSearch={setQuery}
+                    autoFocus={true}
+                />
+                <AutoHideScrollbar className="mx_AutoHideScrollbar mx_ManageRestrictedJoinRuleDialog_content">
+                    {filteredSpacesContainingRoom.length > 0 ? (
+                        <div className="mx_ManageRestrictedJoinRuleDialog_section">
+                            <h3>
+                                {room.isSpaceRoom()
+                                    ? _t("room_settings|security|join_rule_restricted_dialog_heading_space")
+                                    : _t("room_settings|security|join_rule_restricted_dialog_heading_room")}
+                            </h3>
+                            {filteredSpacesContainingRoom.map((space) => {
+                                return (
+                                    <Entry
+                                        key={space.roomId}
+                                        room={space}
+                                        checked={newSelected.has(space.roomId)}
+                                        onChange={(checked: boolean) => {
+                                            onChange(checked, space);
+                                        }}
+                                    />
+                                );
+                            })}
+                        </div>
+                    ) : undefined}
+
+                    {filteredOtherEntries.length > 0 ? (
+                        <div className="mx_ManageRestrictedJoinRuleDialog_section">
+                            <h3>{_t("room_settings|security|join_rule_restricted_dialog_heading_other")}</h3>
+                            <div className="mx_ManageRestrictedJoinRuleDialog_section_info">
+                                <InfoSolidIcon />
+                                {_t("room_settings|security|join_rule_restricted_dialog_heading_unknown")}
+                            </div>
+                            {filteredOtherEntries.map((space) => {
+                                return (
+                                    <Entry
+                                        key={space.roomId}
+                                        room={space}
+                                        checked={newSelected.has(space.roomId)}
+                                        onChange={(checked: boolean) => {
+                                            onChange(checked, space);
+                                        }}
+                                    />
+                                );
+                            })}
+                        </div>
+                    ) : null}
+
+                    {filteredOtherJoinedSpaces.length > 0 ? (
+                        <div className="mx_ManageRestrictedJoinRuleDialog_section">
+                            <h3>{_t("room_settings|security|join_rule_restricted_dialog_heading_known")}</h3>
+                            {filteredOtherJoinedSpaces.map((space) => {
+                                return (
+                                    <Entry
+                                        key={space.roomId}
+                                        room={space}
+                                        checked={newSelected.has(space.roomId)}
+                                        onChange={(checked: boolean) => {
+                                            onChange(checked, space);
+                                        }}
+                                    />
+                                );
+                            })}
+                        </div>
+                    ) : null}
+
+                    {totalResults < 1 ? (
+                        <span className="mx_ManageRestrictedJoinRuleDialog_noResults">{_t("common|no_results")}</span>
+                    ) : undefined}
+                </AutoHideScrollbar>
+
+                <div className="mx_ManageRestrictedJoinRuleDialog_footer">
+                    {inviteOnlyWarning}
+                    <div className="mx_ManageRestrictedJoinRuleDialog_footer_buttons">
+                        <AccessibleButton kind="primary_outline" onClick={() => onFinished()}>
+                            {_t("action|cancel")}
+                        </AccessibleButton>
+                        <AccessibleButton kind="primary" onClick={() => onFinished(Array.from(newSelected))}>
+                            {_t("action|confirm")}
+                        </AccessibleButton>
+                    </div>
+                </div>
+            </MatrixClientContext.Provider>
+        </BaseDialog>
+    );
+};
+
+export default ManageRestrictedJoinRuleDialog;
diff --git a/apps/web/src/components/views/dialogs/ManualDeviceKeyVerificationDialog.tsx b/apps/web/src/components/views/dialogs/ManualDeviceKeyVerificationDialog.tsx
new file mode 100644
index 00000000000..566061f73b0
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ManualDeviceKeyVerificationDialog.tsx
@@ -0,0 +1,171 @@
+/*
+Copyright 2024-2025 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 New Vector Ltd
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2017 Vector Creations Ltd
+Copyright 2016 OpenMarket Ltd
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React, { type ChangeEvent, type JSX, useCallback, useState } from "react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { _t, UserFriendlyError } from "../../../languageHandler";
+import { getDeviceCryptoInfo } from "../../../utils/crypto/deviceInfo";
+import QuestionDialog from "./QuestionDialog";
+import Modal from "../../../Modal";
+import InfoDialog from "./InfoDialog";
+import Field from "../elements/Field";
+import ErrorDialog from "./ErrorDialog";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+
+interface Props {
+    onFinished(confirm?: boolean): void;
+}
+
+/**
+ * A dialog to allow us to verify devices logged in with clients that can't do
+ * the verification themselves. Intended for use as a dev tool.
+ *
+ * Requires entering the fingerprint ("session key") of the device in an attempt
+ * to prevent users being tricked into verifying a malicious device.
+ */
+export function ManualDeviceKeyVerificationDialog({ onFinished }: Readonly<Props>): JSX.Element {
+    const [deviceId, setDeviceId] = useState("");
+    const [fingerprint, setFingerprint] = useState("");
+
+    const client = MatrixClientPeg.safeGet();
+
+    const onDialogFinished = useCallback(
+        async (confirm: boolean) => {
+            if (confirm) {
+                await manuallyVerifyDevice(client, deviceId, fingerprint);
+            }
+            onFinished(confirm);
+        },
+        [client, deviceId, fingerprint, onFinished],
+    );
+
+    const onDeviceIdChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {
+        setDeviceId(e.target.value);
+    }, []);
+
+    const onFingerprintChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {
+        setFingerprint(e.target.value);
+    }, []);
+
+    const body = (
+        <div>
+            <p>{_t("encryption|verification|manual|text")}</p>
+            <div className="mx_DeviceVerifyDialog_cryptoSection">
+                <Field
+                    className="mx_TextInputDialog_input"
+                    type="text"
+                    label={_t("encryption|verification|manual|device_id")}
+                    value={deviceId}
+                    onChange={onDeviceIdChange}
+                />
+                <Field
+                    className="mx_TextInputDialog_input"
+                    type="text"
+                    label={_t("encryption|verification|manual|fingerprint")}
+                    value={fingerprint}
+                    onChange={onFingerprintChange}
+                />
+            </div>
+        </div>
+    );
+
+    return (
+        <QuestionDialog
+            title={_t("settings|sessions|verify_session")}
+            description={body}
+            button={_t("settings|sessions|verify_session")}
+            onFinished={onDialogFinished}
+        />
+    );
+}
+
+/**
+ * Check the supplied fingerprint matches the fingerprint ("session key") of the
+ * device with the supplied device ID, and if so, mark the device as verified.
+ */
+export async function manuallyVerifyDevice(client: MatrixClient, deviceId: string, fingerprint: string): Promise<void> {
+    try {
+        await doManuallyVerifyDevice(client, deviceId, fingerprint);
+
+        // Tell the user we verified everything
+        Modal.createDialog(InfoDialog, {
+            title: _t("encryption|verification|manual|success_title"),
+            description: (
+                <div>
+                    <p>{_t("encryption|verification|manual|success_description", { deviceId })}</p>
+                </div>
+            ),
+        });
+    } catch (e: any) {
+        // Display an error
+        const error = e instanceof UserFriendlyError ? e.translatedMessage : e.toString();
+        Modal.createDialog(ErrorDialog, {
+            title: _t("encryption|verification|manual|failure_title"),
+            description: (
+                <div>
+                    <p>{_t("encryption|verification|manual|failure_description", { deviceId, error })}</p>
+                </div>
+            ),
+        });
+    }
+}
+
+async function doManuallyVerifyDevice(client: MatrixClient, deviceId: string, fingerprint: string): Promise<void> {
+    const userId = client.getUserId();
+    if (!userId) {
+        throw new UserFriendlyError("encryption|verification|manual|no_userid", {
+            cause: undefined,
+        });
+    }
+
+    const crypto = client.getCrypto();
+    if (!crypto) {
+        throw new UserFriendlyError("encryption|verification|manual|no_crypto");
+    }
+
+    const device = await getDeviceCryptoInfo(client, userId, deviceId);
+    if (!device) {
+        throw new UserFriendlyError("encryption|verification|manual|no_device", {
+            deviceId,
+            cause: undefined,
+        });
+    }
+    const deviceTrust = await crypto.getDeviceVerificationStatus(userId, deviceId);
+
+    if (deviceTrust?.isVerified()) {
+        if (device.getFingerprint() === fingerprint) {
+            throw new UserFriendlyError("encryption|verification|manual|already_verified", {
+                deviceId,
+                cause: undefined,
+            });
+        } else {
+            throw new UserFriendlyError("encryption|verification|manual|already_verified_and_wrong_fingerprint", {
+                deviceId,
+                cause: undefined,
+            });
+        }
+    }
+
+    if (device.getFingerprint() !== fingerprint) {
+        const fprint = device.getFingerprint();
+        throw new UserFriendlyError("encryption|verification|manual|wrong_fingerprint", {
+            fprint,
+            deviceId,
+            fingerprint,
+            cause: undefined,
+        });
+    }
+
+    // We've passed all the checks - do the device verification
+    await crypto.crossSignDevice(deviceId);
+}
diff --git a/apps/web/src/components/views/dialogs/MessageEditHistoryDialog.tsx b/apps/web/src/components/views/dialogs/MessageEditHistoryDialog.tsx
new file mode 100644
index 00000000000..c6bf0e4e77f
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/MessageEditHistoryDialog.tsx
@@ -0,0 +1,212 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 } from "react";
+import { type MatrixEvent, EventType, RelationType, type MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { DateSeparatorView } from "@element-hq/web-shared-components";
+
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { _t } from "../../../languageHandler";
+import { wantsDateSeparator } from "../../../DateUtils";
+import SettingsStore from "../../../settings/SettingsStore";
+import BaseDialog from "./BaseDialog";
+import ScrollPanel from "../../structures/ScrollPanel";
+import Spinner from "../elements/Spinner";
+import EditHistoryMessage from "../messages/EditHistoryMessage";
+import { DateSeparatorViewModel } from "../../../viewmodels/room/timeline/DateSeparatorViewModel";
+import { SDKContextClass } from "../../../contexts/SDKContextClass.ts";
+
+interface IProps {
+    mxEvent: MatrixEvent;
+    onFinished(): void;
+}
+
+interface IState {
+    originalEvent: MatrixEvent | null;
+    error: MatrixError | null;
+    events: MatrixEvent[];
+    nextBatch: string | null;
+    isLoading: boolean;
+    isTwelveHour: boolean;
+}
+
+export default class MessageEditHistoryDialog extends React.PureComponent<IProps, IState> {
+    private dateSeparatorVms = new Map<string, DateSeparatorViewModel>();
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            originalEvent: null,
+            error: null,
+            events: [],
+            nextBatch: null,
+            isLoading: true,
+            isTwelveHour: SettingsStore.getValue("showTwelveHourTimestamps"),
+        };
+    }
+
+    private getDateSeparatorVm(roomId: string, ts: number): DateSeparatorViewModel {
+        const key = `${roomId}-${ts}`;
+        let vm = this.dateSeparatorVms.get(key);
+        if (!vm) {
+            vm = new DateSeparatorViewModel({ roomId, ts, roomViewStore: SDKContextClass.instance.roomViewStore });
+            this.dateSeparatorVms.set(key, vm);
+        }
+        return vm;
+    }
+
+    private loadMoreEdits = async (backwards?: boolean): Promise<boolean> => {
+        if (backwards || (!this.state.nextBatch && !this.state.isLoading)) {
+            // bail out on backwards as we only paginate in one direction
+            return false;
+        }
+        const opts = { from: this.state.nextBatch ?? undefined };
+        const roomId = this.props.mxEvent.getRoomId()!;
+        const eventId = this.props.mxEvent.getId()!;
+        const client = MatrixClientPeg.safeGet();
+
+        const { resolve, reject, promise } = Promise.withResolvers<boolean>();
+        let result: Awaited<ReturnType<MatrixClient["relations"]>>;
+
+        try {
+            result = await client.relations(roomId, eventId, RelationType.Replace, EventType.RoomMessage, opts);
+        } catch (error) {
+            // log if the server returned an error
+            if (error instanceof MatrixError && error.errcode) {
+                logger.error("fetching /relations failed with error", error);
+            }
+            this.setState({ error: error as MatrixError }, () => reject(error));
+            return promise;
+        }
+
+        const newEvents = result.events;
+        this.locallyRedactEventsIfNeeded(newEvents);
+        this.setState(
+            {
+                originalEvent: this.state.originalEvent ?? result.originalEvent ?? null,
+                events: this.state.events.concat(newEvents),
+                nextBatch: result.nextBatch ?? null,
+                isLoading: false,
+            },
+            () => {
+                const hasMoreResults = !!this.state.nextBatch;
+                resolve(hasMoreResults);
+            },
+        );
+        return promise;
+    };
+
+    private locallyRedactEventsIfNeeded(newEvents: MatrixEvent[]): void {
+        const roomId = this.props.mxEvent.getRoomId();
+        const client = MatrixClientPeg.safeGet();
+        const room = client.getRoom(roomId);
+        if (!room) return;
+        const pendingEvents = room.getPendingEvents();
+        for (const e of newEvents) {
+            const pendingRedaction = pendingEvents.find((pe) => {
+                return pe.getType() === EventType.RoomRedaction && pe.getAssociatedId() === e.getId();
+            });
+            if (pendingRedaction) {
+                e.markLocallyRedacted(pendingRedaction);
+            }
+        }
+    }
+
+    public componentDidMount(): void {
+        this.loadMoreEdits();
+    }
+
+    public componentWillUnmount(): void {
+        for (const vm of this.dateSeparatorVms.values()) {
+            vm.dispose();
+        }
+        this.dateSeparatorVms.clear();
+    }
+
+    private renderEdits(): JSX.Element[] {
+        const nodes: JSX.Element[] = [];
+        let lastEvent: MatrixEvent;
+        let allEvents = this.state.events;
+        // append original event when we've done last pagination
+        if (this.state.originalEvent && !this.state.nextBatch) {
+            allEvents = allEvents.concat(this.state.originalEvent);
+        }
+        const baseEventId = this.props.mxEvent.getId();
+        allEvents.forEach((e, i) => {
+            if (!lastEvent || wantsDateSeparator(lastEvent.getDate() || undefined, e.getDate() || undefined)) {
+                const separatorRoomId = e.getRoomId()!;
+                const separatorTs = e.getTs();
+                nodes.push(
+                    <li key={`${separatorRoomId}-${separatorTs}~`}>
+                        <DateSeparatorView
+                            vm={this.getDateSeparatorVm(separatorRoomId, separatorTs)}
+                            className="mx_TimelineSeparator"
+                        />
+                    </li>,
+                );
+            }
+            const isBaseEvent = e.getId() === baseEventId;
+            nodes.push(
+                <EditHistoryMessage
+                    key={e.getId()}
+                    previousEdit={!isBaseEvent ? allEvents[i + 1] : undefined}
+                    isBaseEvent={isBaseEvent}
+                    mxEvent={e}
+                    isTwelveHour={this.state.isTwelveHour}
+                />,
+            );
+            lastEvent = e;
+        });
+        return nodes;
+    }
+
+    public render(): React.ReactNode {
+        let content;
+        if (this.state.error) {
+            const { error } = this.state;
+            if (error.errcode === "M_UNRECOGNIZED") {
+                content = <p className="mx_MessageEditHistoryDialog_error">{_t("error|edit_history_unsupported")}</p>;
+            } else if (error.errcode) {
+                // some kind of error from the homeserver
+                content = <p className="mx_MessageEditHistoryDialog_error">{_t("error|something_went_wrong")}</p>;
+            } else {
+                content = (
+                    <p className="mx_MessageEditHistoryDialog_error">
+                        {_t("cannot_reach_homeserver")}
+                        <br />
+                        {_t("cannot_reach_homeserver_detail")}
+                    </p>
+                );
+            }
+        } else if (this.state.isLoading) {
+            content = <Spinner />;
+        } else {
+            content = (
+                <ScrollPanel
+                    className="mx_MessageEditHistoryDialog_scrollPanel"
+                    onFillRequest={this.loadMoreEdits}
+                    stickyBottom={false}
+                    startAtBottom={false}
+                >
+                    <ul className="mx_MessageEditHistoryDialog_edits">{this.renderEdits()}</ul>
+                </ScrollPanel>
+            );
+        }
+        return (
+            <BaseDialog
+                className="mx_MessageEditHistoryDialog"
+                hasCancel={true}
+                onFinished={this.props.onFinished}
+                title={_t("message_edit_dialog_title")}
+            >
+                {content}
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/ModalWidgetDialog.tsx b/apps/web/src/components/views/dialogs/ModalWidgetDialog.tsx
new file mode 100644
index 00000000000..1fe5e3328b0
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ModalWidgetDialog.tsx
@@ -0,0 +1,220 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 from "react";
+import {
+    ClientWidgetApi,
+    type IModalWidgetCloseRequest,
+    type IModalWidgetOpenRequestData,
+    type IModalWidgetReturnData,
+    type ISetModalButtonEnabledActionRequest,
+    type IWidgetApiAcknowledgeResponseData,
+    type IWidgetApiErrorResponseData,
+    BuiltInModalButtonID,
+    type ModalButtonID,
+    ModalButtonKind,
+    type Widget,
+    WidgetApiFromWidgetAction,
+    WidgetKind,
+} from "matrix-widget-api";
+import { ErrorIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import BaseDialog from "./BaseDialog";
+import { _t } from "../../../languageHandler";
+import { getUserLanguage } from "../../../i18n/settings";
+import AccessibleButton, { type AccessibleButtonKind } from "../elements/AccessibleButton";
+import { ElementWidgetDriver } from "../../../stores/widgets/ElementWidgetDriver";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { OwnProfileStore } from "../../../stores/OwnProfileStore";
+import { arrayFastClone } from "../../../utils/arrays";
+import { ElementWidget } from "../../../stores/widgets/WidgetMessaging";
+import { ELEMENT_CLIENT_ID } from "../../../identifiers";
+import ThemeWatcher, { ThemeWatcherEvent } from "../../../settings/watchers/ThemeWatcher";
+
+interface IProps {
+    widgetDefinition: IModalWidgetOpenRequestData;
+    widgetRoomId?: string;
+    sourceWidgetId: string;
+    onFinished(success: true, data: IModalWidgetReturnData): void;
+    onFinished(success?: false, data?: void): void;
+}
+
+interface IState {
+    messaging?: ClientWidgetApi;
+    disabledButtonIds: ModalButtonID[];
+}
+
+const MAX_BUTTONS = 3;
+
+export default class ModalWidgetDialog extends React.PureComponent<IProps, IState> {
+    private readonly widget: Widget;
+    private readonly possibleButtons: ModalButtonID[];
+    private appFrame = React.createRef<HTMLIFrameElement>();
+    private readonly themeWatcher = new ThemeWatcher();
+
+    public state: IState = {
+        disabledButtonIds: (this.props.widgetDefinition.buttons || []).filter((b) => b.disabled).map((b) => b.id),
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.widget = new ElementWidget({
+            ...this.props.widgetDefinition,
+            creatorUserId: MatrixClientPeg.safeGet().getSafeUserId(),
+            id: `modal_${this.props.sourceWidgetId}`,
+        });
+        this.possibleButtons = (this.props.widgetDefinition.buttons || []).map((b) => b.id);
+    }
+
+    public componentDidMount(): void {
+        const driver = new ElementWidgetDriver(this.widget, WidgetKind.Modal, false);
+        const messaging = new ClientWidgetApi(this.widget, this.appFrame.current!, driver);
+        this.setState({ messaging });
+    }
+
+    public componentWillUnmount(): void {
+        this.themeWatcher.off(ThemeWatcherEvent.Change, this.onThemeChange);
+        this.themeWatcher.stop();
+        if (!this.state.messaging) return;
+        this.state.messaging.off("ready", this.onReady);
+        this.state.messaging.off(`action:${WidgetApiFromWidgetAction.CloseModalWidget}`, this.onWidgetClose);
+        this.state.messaging.stop();
+    }
+
+    private onReady = (): void => {
+        this.themeWatcher.start();
+        this.themeWatcher.on(ThemeWatcherEvent.Change, this.onThemeChange);
+        // Theme may have changed while messaging was starting
+        this.onThemeChange(this.themeWatcher.getEffectiveTheme());
+        this.state.messaging?.sendWidgetConfig(this.props.widgetDefinition);
+    };
+
+    private onLoad = (): void => {
+        if (!this.state.messaging) return;
+        this.state.messaging.once("ready", this.onReady);
+        this.state.messaging.on(`action:${WidgetApiFromWidgetAction.CloseModalWidget}`, this.onWidgetClose);
+        this.state.messaging.on(`action:${WidgetApiFromWidgetAction.SetModalButtonEnabled}`, this.onButtonEnableToggle);
+    };
+
+    private onThemeChange = (theme: string): void => {
+        this.state.messaging?.updateTheme({ name: theme });
+    };
+
+    private onWidgetClose = (ev: CustomEvent<IModalWidgetCloseRequest>): void => {
+        this.props.onFinished(true, ev.detail.data);
+    };
+
+    private onButtonEnableToggle = (ev: CustomEvent<ISetModalButtonEnabledActionRequest>): void => {
+        ev.preventDefault();
+        const isClose = ev.detail.data.button === BuiltInModalButtonID.Close;
+        if (isClose || !this.possibleButtons.includes(ev.detail.data.button)) {
+            return this.state.messaging?.transport.reply(ev.detail, {
+                error: { message: "Invalid button" },
+            } satisfies IWidgetApiErrorResponseData);
+        }
+
+        let buttonIds: ModalButtonID[];
+        if (ev.detail.data.enabled) {
+            buttonIds = arrayFastClone(this.state.disabledButtonIds).filter((i) => i !== ev.detail.data.button);
+        } else {
+            // use a set to swap the operation to avoid memory leaky arrays.
+            const tempSet = new Set(this.state.disabledButtonIds);
+            tempSet.add(ev.detail.data.button);
+            buttonIds = Array.from(tempSet);
+        }
+        this.setState({ disabledButtonIds: buttonIds });
+        this.state.messaging?.transport.reply(ev.detail, {} satisfies IWidgetApiAcknowledgeResponseData);
+    };
+
+    public render(): React.ReactNode {
+        const templated = this.widget.getCompleteUrl({
+            widgetRoomId: this.props.widgetRoomId,
+            currentUserId: MatrixClientPeg.safeGet().getSafeUserId(),
+            userDisplayName: OwnProfileStore.instance.displayName ?? undefined,
+            userHttpAvatarUrl: OwnProfileStore.instance.getHttpAvatarUrl() ?? undefined,
+            clientId: ELEMENT_CLIENT_ID,
+            clientTheme: this.themeWatcher.getEffectiveTheme(),
+            clientLanguage: getUserLanguage(),
+            baseUrl: MatrixClientPeg.safeGet().baseUrl,
+        });
+
+        const parsed = new URL(templated);
+
+        // Add in some legacy support sprinkles (for non-popout widgets)
+        // TODO: Replace these with proper widget params
+        // See https://github.com/matrix-org/matrix-doc/pull/1958/files#r405714833
+        parsed.searchParams.set("widgetId", this.widget.id);
+        parsed.searchParams.set("parentUrl", window.location.href.split("#", 2)[0]);
+
+        // Replace the encoded dollar signs back to dollar signs. They have no special meaning
+        // in HTTP, but URL parsers encode them anyways.
+        const widgetUrl = parsed.toString().replace(/%24/g, "$");
+
+        let buttons;
+        if (this.props.widgetDefinition.buttons) {
+            // show first button rightmost for a more natural specification
+            buttons = this.props.widgetDefinition.buttons
+                .slice(0, MAX_BUTTONS)
+                .reverse()
+                .map((def) => {
+                    let kind: AccessibleButtonKind = "secondary";
+                    switch (def.kind) {
+                        case ModalButtonKind.Primary:
+                            kind = "primary";
+                            break;
+                        case ModalButtonKind.Secondary:
+                            kind = "primary_outline";
+                            break;
+                        case ModalButtonKind.Danger:
+                            kind = "danger";
+                            break;
+                    }
+
+                    const onClick = (): void => {
+                        this.state.messaging?.notifyModalWidgetButtonClicked(def.id);
+                    };
+
+                    const isDisabled = this.state.disabledButtonIds.includes(def.id);
+
+                    return (
+                        <AccessibleButton key={def.id} kind={kind} onClick={onClick} disabled={isDisabled}>
+                            {def.label}
+                        </AccessibleButton>
+                    );
+                });
+        }
+
+        return (
+            <BaseDialog
+                title={this.props.widgetDefinition.name || _t("widget|modal_title_default")}
+                className="mx_ModalWidgetDialog"
+                contentId="mx_Dialog_content"
+                onFinished={this.props.onFinished}
+            >
+                <div className="mx_ModalWidgetDialog_warning">
+                    <ErrorIcon width="16px" height="16px" />
+                    {_t("widget|modal_data_warning", {
+                        widgetDomain: parsed.hostname,
+                    })}
+                </div>
+                <div>
+                    <iframe
+                        title={this.widget.name ?? undefined}
+                        ref={this.appFrame}
+                        // oxlint-disable-next-line react/iframe-missing-sandbox
+                        sandbox="allow-forms allow-scripts allow-same-origin"
+                        src={widgetUrl}
+                        onLoad={this.onLoad}
+                    />
+                </div>
+                <div className="mx_ModalWidgetDialog_buttons">{buttons}</div>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/ModuleUiDialog.tsx b/apps/web/src/components/views/dialogs/ModuleUiDialog.tsx
new file mode 100644
index 00000000000..8367d98e7fa
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ModuleUiDialog.tsx
@@ -0,0 +1,80 @@
+/*
+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, { createRef } from "react";
+import { type DialogContent, type DialogProps } from "@matrix-org/react-sdk-module-api/lib/components/DialogContent";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type ModuleApi } from "@matrix-org/react-sdk-module-api/lib/ModuleApi";
+import { type ModuleUiDialogOptions } from "@matrix-org/react-sdk-module-api/lib/types/ModuleUiDialogOptions";
+
+import ScrollableBaseModal, { type IScrollableBaseState } from "./ScrollableBaseModal";
+import { _t } from "../../../languageHandler";
+
+interface IProps<P extends DialogProps, C extends DialogContent<P>> {
+    contentFactory: (props: P, ref: React.RefObject<C | null>) => React.ReactNode;
+    additionalContentProps: Omit<P, keyof DialogProps> | undefined;
+    initialOptions: ModuleUiDialogOptions;
+    moduleApi: ModuleApi;
+    onFinished(ok?: boolean, model?: Awaited<ReturnType<DialogContent<P & DialogProps>["trySubmit"]>>): void;
+}
+
+interface IState extends IScrollableBaseState {
+    // nothing special
+}
+
+export class ModuleUiDialog<
+    P extends DialogProps = DialogProps,
+    C extends DialogContent<P> = DialogContent<P>,
+> extends ScrollableBaseModal<IProps<P, C>, IState> {
+    private contentRef = createRef<C>();
+
+    public constructor(props: IProps<P, C>) {
+        super(props);
+
+        this.state = {
+            title: this.props.initialOptions.title,
+            actionLabel: this.props.initialOptions.actionLabel ?? _t("action|ok"),
+            cancelLabel: this.props.initialOptions.cancelLabel,
+            canSubmit: this.props.initialOptions.canSubmit ?? true,
+        };
+    }
+
+    protected async submit(): Promise<void> {
+        try {
+            const model = await this.contentRef.current!.trySubmit();
+            this.props.onFinished(true, model);
+        } catch (e) {
+            logger.error("Error during submission of module dialog:", e);
+        }
+    }
+
+    protected cancel(): void {
+        this.props.onFinished(false);
+    }
+
+    private setOptions(options: ModuleUiDialogOptions): void {
+        this.setState((state) => ({ ...state, ...options }));
+    }
+
+    protected renderContent(): React.ReactNode {
+        const dialogProps: DialogProps = {
+            moduleApi: this.props.moduleApi,
+            setOptions: this.setOptions.bind(this),
+            cancel: this.cancel.bind(this),
+        };
+
+        // Typescript isn't very happy understanding that `contentProps` satisfies `P`
+        const contentProps: P = {
+            ...this.props.additionalContentProps,
+            ...dialogProps,
+        } as unknown as P;
+
+        // XXX: we have to fudge the types here a little as the react-sdk-module-api lacks React 19 support
+        return <div className="mx_ModuleUiDialog">{this.props.contentFactory(contentProps, this.contentRef)}</div>;
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/PollHistoryDialog.tsx b/apps/web/src/components/views/dialogs/PollHistoryDialog.tsx
new file mode 100644
index 00000000000..d222dde4277
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/PollHistoryDialog.tsx
@@ -0,0 +1,40 @@
+/*
+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 { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import { PollHistory } from "../polls/pollHistory/PollHistory";
+import BaseDialog from "./BaseDialog";
+
+type PollHistoryDialogProps = {
+    room: Room;
+    matrixClient: MatrixClient;
+    permalinkCreator: RoomPermalinkCreator;
+    onFinished(this: void): void;
+};
+
+export const PollHistoryDialog: React.FC<PollHistoryDialogProps> = ({
+    room,
+    matrixClient,
+    permalinkCreator,
+    onFinished,
+}) => {
+    // @TODO hide dialog title somehow
+    return (
+        <BaseDialog onFinished={onFinished}>
+            <PollHistory
+                room={room}
+                matrixClient={matrixClient}
+                permalinkCreator={permalinkCreator}
+                onFinished={onFinished}
+            />
+        </BaseDialog>
+    );
+};
diff --git a/apps/web/src/components/views/dialogs/QuestionDialog.tsx b/apps/web/src/components/views/dialogs/QuestionDialog.tsx
new file mode 100644
index 00000000000..1539bbe365f
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/QuestionDialog.tsx
@@ -0,0 +1,85 @@
+/*
+Copyright 2017-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.
+*/
+
+import React from "react";
+import classNames from "classnames";
+
+import { _t } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+
+export interface IQuestionDialogProps {
+    title?: string;
+    description?: React.ReactNode;
+    extraButtons?: React.ReactNode;
+    button?: string;
+    buttonDisabled?: boolean;
+    danger?: boolean;
+    focus?: boolean;
+    headerImage?: string;
+    quitOnly?: boolean; // quitOnly doesn't show the cancel button just the quit [x].
+    fixedWidth?: boolean;
+    className?: string;
+    hasCancelButton?: boolean;
+    cancelButton?: React.ReactNode;
+    onFinished(ok?: boolean): void;
+}
+
+export default class QuestionDialog extends React.Component<IQuestionDialogProps> {
+    public static defaultProps: Partial<IQuestionDialogProps> = {
+        title: "",
+        description: "",
+        extraButtons: null,
+        focus: true,
+        hasCancelButton: true,
+        danger: false,
+        quitOnly: false,
+    };
+
+    private onOk = (): void => {
+        this.props.onFinished(true);
+    };
+
+    private onCancel = (): void => {
+        this.props.onFinished(false);
+    };
+
+    public render(): React.ReactNode {
+        let primaryButtonClass = "";
+        if (this.props.danger) {
+            primaryButtonClass = "danger";
+        }
+        return (
+            <BaseDialog
+                className={classNames("mx_QuestionDialog", this.props.className)}
+                onFinished={this.props.onFinished}
+                title={this.props.title}
+                contentId="mx_Dialog_content"
+                headerImage={this.props.headerImage}
+                hasCancel={this.props.hasCancelButton}
+                fixedWidth={this.props.fixedWidth}
+            >
+                <div className="mx_Dialog_content" id="mx_Dialog_content">
+                    {this.props.description}
+                </div>
+                <DialogButtons
+                    primaryButton={this.props.button || _t("action|ok")}
+                    primaryButtonClass={primaryButtonClass}
+                    primaryDisabled={this.props.buttonDisabled}
+                    cancelButton={this.props.cancelButton}
+                    hasCancel={this.props.hasCancelButton && !this.props.quitOnly}
+                    onPrimaryButtonClick={this.onOk}
+                    focus={this.props.focus}
+                    onCancel={this.onCancel}
+                >
+                    {this.props.extraButtons}
+                </DialogButtons>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/RegistrationEmailPromptDialog.tsx b/apps/web/src/components/views/dialogs/RegistrationEmailPromptDialog.tsx
new file mode 100644
index 00000000000..5a00d87bfe8
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/RegistrationEmailPromptDialog.tsx
@@ -0,0 +1,78 @@
+/*
+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 SyntheticEvent, useRef, useState } from "react";
+
+import { _t, _td } from "../../../languageHandler";
+import type Field from "../elements/Field";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+import EmailField from "../auth/EmailField";
+
+interface IProps {
+    onFinished(this: void, continued: false, email?: undefined): void;
+    onFinished(this: void, continued: true, email: string): void;
+}
+
+const RegistrationEmailPromptDialog: React.FC<IProps> = ({ onFinished }) => {
+    const [email, setEmail] = useState("");
+    const fieldRef = useRef<Field>(null);
+
+    const onSubmit = async (e: SyntheticEvent): Promise<void> => {
+        e.preventDefault();
+        if (!fieldRef.current) return;
+        if (email) {
+            const valid = await fieldRef.current.validate({});
+
+            if (!valid) {
+                fieldRef.current.focus();
+                fieldRef.current.validate({ focused: true });
+                return;
+            }
+        }
+
+        onFinished(true, email);
+    };
+
+    return (
+        <BaseDialog
+            title={_t("auth|registration|continue_without_email_title")}
+            className="mx_RegistrationEmailPromptDialog"
+            contentId="mx_RegistrationEmailPromptDialog"
+            onFinished={() => onFinished(false)}
+            fixedWidth={false}
+        >
+            <div className="mx_Dialog_content" id="mx_RegistrationEmailPromptDialog">
+                <p>
+                    {_t(
+                        "auth|registration|continue_without_email_description",
+                        {},
+                        {
+                            b: (sub) => <strong>{sub}</strong>,
+                        },
+                    )}
+                </p>
+                <form onSubmit={onSubmit}>
+                    <EmailField
+                        fieldRef={fieldRef}
+                        autoFocus={true}
+                        label={_td("auth|registration|continue_without_email_field_label")}
+                        value={email}
+                        onChange={(ev) => {
+                            const target = ev.target as HTMLInputElement;
+                            setEmail(target.value);
+                        }}
+                    />
+                </form>
+            </div>
+            <DialogButtons primaryButton={_t("action|continue")} onPrimaryButtonClick={onSubmit} hasCancel={false} />
+        </BaseDialog>
+    );
+};
+
+export default RegistrationEmailPromptDialog;
diff --git a/apps/web/src/components/views/dialogs/RemoveSectionDialog.tsx b/apps/web/src/components/views/dialogs/RemoveSectionDialog.tsx
new file mode 100644
index 00000000000..fe2a715a8bc
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/RemoveSectionDialog.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 React from "react";
+import { type JSX } from "react";
+import { Text } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+
+interface RemoveSectionDialogProps {
+    onFinished: (shouldRemoveSection: boolean) => void;
+    /** Whether the section is empty */
+    isEmpty: boolean;
+}
+
+/**
+ * Dialog shown to the user to remove section in the room list.
+ */
+export function RemoveSectionDialog({ onFinished, isEmpty }: RemoveSectionDialogProps): JSX.Element {
+    return (
+        <BaseDialog
+            className="mx_RemoveSectionDialog"
+            onFinished={() => onFinished(false)}
+            title={_t("remove_section_dialog|title")}
+            hasCancel={true}
+        >
+            <Text as="span">{_t("remove_section_dialog|confirmation")}</Text>
+            {!isEmpty && (
+                <>
+                    <br />
+                    <Text as="span">{_t("remove_section_dialog|description")}</Text>
+                </>
+            )}
+            <DialogButtons
+                primaryButton={_t("remove_section_dialog|remove_section")}
+                hasCancel={true}
+                onCancel={() => onFinished(false)}
+                onPrimaryButtonClick={() => onFinished(true)}
+            />
+        </BaseDialog>
+    );
+}
diff --git a/apps/web/src/components/views/dialogs/ReportEventDialog.tsx b/apps/web/src/components/views/dialogs/ReportEventDialog.tsx
new file mode 100644
index 00000000000..789a7779ce8
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ReportEventDialog.tsx
@@ -0,0 +1,174 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2022 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 JSX, type ChangeEvent } from "react";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../languageHandler";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import SdkConfig from "../../../SdkConfig";
+import Markdown from "../../../Markdown";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+import Field from "../elements/Field";
+import Spinner from "../elements/Spinner";
+import LabelledCheckbox from "../elements/LabelledCheckbox";
+
+interface IProps {
+    mxEvent: MatrixEvent;
+    onFinished(report?: boolean): void;
+}
+
+interface IState {
+    // A free-form text describing the abuse.
+    reason: string;
+    busy: boolean;
+    err?: string;
+    ignoreUserToo: boolean; // if true, user will be ignored/blocked on submit
+}
+
+/*
+ * A dialog for reporting an event.
+ */
+export default class ReportEventDialog extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            // A free-form text describing the abuse.
+            reason: "",
+            busy: false,
+            err: undefined,
+            ignoreUserToo: false, // default false, for now. Could easily be argued as default true
+        };
+    }
+
+    private onIgnoreUserTooChanged = (newVal: boolean): void => {
+        this.setState({ ignoreUserToo: newVal });
+    };
+
+    // The user has written down a freeform description of the abuse.
+    private onReasonChange = ({ target: { value: reason } }: ChangeEvent<HTMLTextAreaElement>): void => {
+        this.setState({ reason });
+    };
+
+    // The user has clicked "cancel".
+    private onCancel = (): void => {
+        this.props.onFinished(false);
+    };
+
+    // The user has clicked "submit".
+    private onSubmit = async (): Promise<void> => {
+        let reason = this.state.reason || "";
+        reason = reason.trim();
+
+        // Reasons are required on the API, even if unhelpful like "."
+        if (!reason) {
+            this.setState({
+                err: _t("report_content|missing_reason"),
+            });
+            return;
+        }
+
+        this.setState({
+            busy: true,
+            err: undefined,
+        });
+
+        try {
+            const client = MatrixClientPeg.safeGet();
+            const ev = this.props.mxEvent;
+
+            // Report to homeserver admin through the dedicated Matrix API. We hardcode the "score" because it's
+            // not actually used by anything.
+            await client.reportEvent(ev.getRoomId()!, ev.getId()!, -100, this.state.reason.trim());
+
+            // if the user should also be ignored, do that
+            if (this.state.ignoreUserToo) {
+                await client.setIgnoredUsers([...client.getIgnoredUsers(), ev.getSender()!]);
+            }
+
+            this.props.onFinished(true);
+        } catch (e) {
+            logger.error(e);
+            this.setState({
+                busy: false,
+                err: e instanceof Error ? e.message : String(e),
+            });
+        }
+    };
+
+    public render(): React.ReactNode {
+        let error: JSX.Element | undefined;
+        if (this.state.err) {
+            error = <div className="error">{this.state.err}</div>;
+        }
+
+        let progress: JSX.Element | undefined;
+        if (this.state.busy) {
+            progress = (
+                <div className="progress">
+                    <Spinner />
+                </div>
+            );
+        }
+
+        const ignoreUserCheckbox = (
+            <LabelledCheckbox
+                value={this.state.ignoreUserToo}
+                label={_t("report_content|ignore_user")}
+                byline={_t("report_content|hide_messages_from_user")}
+                onChange={this.onIgnoreUserTooChanged}
+                disabled={this.state.busy}
+            />
+        );
+
+        const adminMessageMD = SdkConfig.getObject("report_event")?.get("admin_message_md", "adminMessageMD");
+        let adminMessage: JSX.Element | undefined;
+        if (adminMessageMD) {
+            const html = new Markdown(adminMessageMD).toHTML({ externalLinks: true });
+            adminMessage = <p dangerouslySetInnerHTML={{ __html: html }} />;
+        }
+
+        return (
+            <BaseDialog
+                className="mx_ReportEventDialog"
+                onFinished={this.props.onFinished}
+                title={_t("report_content|report_content_to_homeserver")}
+                contentId="mx_ReportEventDialog"
+            >
+                <div className="mx_ReportEventDialog" id="mx_ReportEventDialog">
+                    <p>{_t("report_content|description")}</p>
+                    {adminMessage}
+                    <Field
+                        className="mx_ReportEventDialog_reason"
+                        element="textarea"
+                        label={_t("room_settings|permissions|ban_reason")}
+                        rows={5}
+                        onChange={this.onReasonChange}
+                        value={this.state.reason}
+                        disabled={this.state.busy}
+                    />
+                    {progress}
+                    {error}
+                    {ignoreUserCheckbox}
+                </div>
+                <DialogButtons
+                    primaryButton={_t("action|send_report")}
+                    onPrimaryButtonClick={this.onSubmit}
+                    focus={true}
+                    onCancel={this.onCancel}
+                    disabled={this.state.busy}
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/ReportRoomDialog.tsx b/apps/web/src/components/views/dialogs/ReportRoomDialog.tsx
new file mode 100644
index 00000000000..510778655bd
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ReportRoomDialog.tsx
@@ -0,0 +1,109 @@
+/*
+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 ChangeEventHandler, useCallback, useState } from "react";
+import {
+    Root,
+    Field,
+    Label,
+    InlineSpinner,
+    ErrorMessage,
+    HelpMessage,
+    SettingsToggleInput,
+} from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import SdkConfig from "../../../SdkConfig";
+import Markdown from "../../../Markdown";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+
+interface IProps {
+    roomId: string;
+    onFinished(this: void, leave: boolean): void;
+}
+
+/*
+ * A dialog for reporting a room.
+ */
+
+export const ReportRoomDialog: React.FC<IProps> = function ({ roomId, onFinished }) {
+    const [error, setErr] = useState<string>();
+    const [busy, setBusy] = useState(false);
+    const [reason, setReason] = useState("");
+    const [leaveRoom, setLeaveRoom] = useState(false);
+    const client = MatrixClientPeg.safeGet();
+
+    const onReasonChange = useCallback<ChangeEventHandler<HTMLTextAreaElement>>((e) => setReason(e.target.value), []);
+    const onLeaveRoomChanged = useCallback<ChangeEventHandler<HTMLInputElement>>(
+        (e) => setLeaveRoom(e.target.checked),
+        [setLeaveRoom],
+    );
+    const onCancel = useCallback(() => onFinished(false), [onFinished]);
+    const onSubmit = useCallback(async () => {
+        setBusy(true);
+        try {
+            await client.reportRoom(roomId, reason);
+            onFinished(leaveRoom);
+        } catch (ex) {
+            setBusy(false);
+            if (ex instanceof Error) {
+                setErr(ex.message);
+            } else {
+                setErr("Unknown error");
+            }
+        }
+    }, [roomId, reason, client, leaveRoom, onFinished]);
+
+    const adminMessageMD = SdkConfig.getObject("report_event")?.get("admin_message_md", "adminMessageMD");
+    let adminMessage: JSX.Element | undefined;
+    if (adminMessageMD) {
+        const html = new Markdown(adminMessageMD).toHTML({ externalLinks: true });
+        adminMessage = <p dangerouslySetInnerHTML={{ __html: html }} />;
+    }
+
+    return (
+        <BaseDialog
+            className="mx_ReportRoomDialog"
+            onFinished={onCancel}
+            title={_t("action|report_room")}
+            contentId="mx_ReportEventDialog"
+        >
+            <Root id="mx_ReportEventDialog" onSubmit={onSubmit}>
+                <Field name="reason">
+                    <Label htmlFor="mx_ReportRoomDialog_reason">{_t("report_room|reason_label")}</Label>
+                    <textarea
+                        id="mx_ReportRoomDialog_reason"
+                        rows={5}
+                        onChange={onReasonChange}
+                        value={reason}
+                        disabled={busy}
+                    />
+                    {error ? <ErrorMessage>{error}</ErrorMessage> : null}
+                    <HelpMessage>{_t("report_room|description")}</HelpMessage>
+                </Field>
+                {adminMessage}
+                {busy ? <InlineSpinner /> : null}
+                <SettingsToggleInput
+                    name="leave-room"
+                    label={_t("room_list|more_options|leave_room")}
+                    checked={leaveRoom}
+                    onChange={onLeaveRoomChanged}
+                />
+                <DialogButtons
+                    primaryButton={_t("action|send_report")}
+                    onPrimaryButtonClick={onSubmit}
+                    focus={true}
+                    onCancel={onCancel}
+                    primaryButtonClass="danger"
+                    primaryDisabled={busy || !reason}
+                />
+            </Root>
+        </BaseDialog>
+    );
+};
diff --git a/apps/web/src/components/views/dialogs/ResetIdentityDialog.tsx b/apps/web/src/components/views/dialogs/ResetIdentityDialog.tsx
new file mode 100644
index 00000000000..b946ab1d79a
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ResetIdentityDialog.tsx
@@ -0,0 +1,49 @@
+/*
+ * 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 { MatrixClientPeg } from "../../../MatrixClientPeg";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { ResetIdentityBody, type ResetIdentityBodyVariant } from "../settings/encryption/ResetIdentityBody";
+
+interface ResetIdentityDialogProps {
+    /**
+     * Called when the dialog is complete.
+     *
+     * `ResetIdentityDialog` expects this to be provided by `Modal.createDialog`, and that it will close the dialog.
+     */
+    onFinished: () => void;
+
+    /**
+     * Called when the identity is reset (before onFinished is called).
+     */
+    onReset: () => void;
+
+    /**
+     * Which variant of this dialog to show.
+     */
+    variant: ResetIdentityBodyVariant;
+}
+
+/**
+ * The dialog for resetting the identity of the current user.
+ */
+export function ResetIdentityDialog({ onFinished, onReset, variant }: ResetIdentityDialogProps): JSX.Element {
+    const matrixClient = MatrixClientPeg.safeGet();
+
+    const onResetWrapper: () => void = () => {
+        onReset();
+        // Close the dialog
+        onFinished();
+    };
+    return (
+        <MatrixClientContext.Provider value={matrixClient}>
+            <ResetIdentityBody onReset={onResetWrapper} onCancelClick={onFinished} variant={variant} />
+        </MatrixClientContext.Provider>
+    );
+}
diff --git a/apps/web/src/components/views/dialogs/RoomSettingsDialog-tab.ts b/apps/web/src/components/views/dialogs/RoomSettingsDialog-tab.ts
new file mode 100644
index 00000000000..a32b56bfba4
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/RoomSettingsDialog-tab.ts
@@ -0,0 +1,21 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2019 New Vector Ltd
+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.
+*/
+
+export const enum RoomSettingsTab {
+    General = "ROOM_GENERAL_TAB",
+    People = "ROOM_PEOPLE_TAB",
+    Voip = "ROOM_VOIP_TAB",
+    Security = "ROOM_SECURITY_TAB",
+    Roles = "ROOM_ROLES_TAB",
+    Notifications = "ROOM_NOTIFICATIONS_TAB",
+    Bridges = "ROOM_BRIDGES_TAB",
+    Advanced = "ROOM_ADVANCED_TAB",
+    PollHistory = "ROOM_POLL_HISTORY_TAB",
+}
diff --git a/apps/web/src/components/views/dialogs/RoomSettingsDialog.tsx b/apps/web/src/components/views/dialogs/RoomSettingsDialog.tsx
new file mode 100644
index 00000000000..add6e827833
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/RoomSettingsDialog.tsx
@@ -0,0 +1,261 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2019 New Vector Ltd
+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 from "react";
+import { RoomEvent, type Room, RoomStateEvent, type MatrixEvent, EventType } from "matrix-js-sdk/src/matrix";
+import {
+    AdminIcon,
+    GroupIcon,
+    LockIcon,
+    PollsIcon,
+    SettingsIcon,
+    VoiceCallIcon,
+    NotificationsIcon,
+    AdvancedSettingsIcon,
+    TreeIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import TabbedView, { Tab } from "../../structures/TabbedView";
+import { _t, _td } from "../../../languageHandler";
+import AdvancedRoomSettingsTab from "../settings/tabs/room/AdvancedRoomSettingsTab";
+import RolesRoomSettingsTab from "../settings/tabs/room/RolesRoomSettingsTab";
+import GeneralRoomSettingsTab from "../settings/tabs/room/GeneralRoomSettingsTab";
+import SecurityRoomSettingsTab from "../settings/tabs/room/SecurityRoomSettingsTab";
+import NotificationSettingsTab from "../settings/tabs/room/NotificationSettingsTab";
+import BridgeSettingsTab from "../settings/tabs/room/BridgeSettingsTab";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import dis from "../../../dispatcher/dispatcher";
+import SettingsStore from "../../../settings/SettingsStore";
+import { UIFeature } from "../../../settings/UIFeature";
+import BaseDialog from "./BaseDialog";
+import { Action } from "../../../dispatcher/actions";
+import { VoipRoomSettingsTab } from "../settings/tabs/room/VoipRoomSettingsTab";
+import { type ActionPayload } from "../../../dispatcher/payloads";
+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 { SDKContext } from "../../../contexts/SDKContext";
+import { type SDKContextClass } from "../../../contexts/SDKContextClass";
+import { RoomSettingsTab } from "./RoomSettingsDialog-tab.ts";
+import SdkConfig from "../../../SdkConfig";
+
+interface IProps {
+    roomId: string;
+    onFinished: (success?: boolean) => void;
+    initialTabId?: RoomSettingsTab;
+    sdkContext: SDKContextClass;
+}
+
+interface IState {
+    room: Room;
+    activeTabId: RoomSettingsTab;
+}
+
+class RoomSettingsDialog extends React.Component<IProps, IState> {
+    private dispatcherRef?: string;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        const room = this.getRoom();
+        this.state = { room, activeTabId: props.initialTabId || RoomSettingsTab.General };
+    }
+
+    public componentDidMount(): void {
+        this.dispatcherRef = dis.register(this.onAction);
+        MatrixClientPeg.safeGet().on(RoomEvent.Name, this.onRoomName);
+        MatrixClientPeg.safeGet().on(RoomStateEvent.Events, this.onStateEvent);
+        this.onRoomName();
+    }
+
+    public componentDidUpdate(): void {
+        if (this.props.roomId !== this.state.room.roomId) {
+            const room = this.getRoom();
+            this.setState({ room });
+        }
+    }
+
+    public componentWillUnmount(): void {
+        dis.unregister(this.dispatcherRef);
+
+        MatrixClientPeg.get()?.removeListener(RoomEvent.Name, this.onRoomName);
+        MatrixClientPeg.get()?.removeListener(RoomStateEvent.Events, this.onStateEvent);
+    }
+
+    /**
+     * Get room from client
+     * @returns Room
+     * @throws when room is not found
+     */
+    private getRoom(): Room {
+        const room = MatrixClientPeg.safeGet().getRoom(this.props.roomId)!;
+
+        // something is really wrong if we encounter this
+        if (!room) {
+            throw new Error(`Cannot find room ${this.props.roomId}`);
+        }
+        return room;
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        // When view changes below us, close the room settings
+        // whilst the modal is open this can only be triggered when someone hits Leave Room
+        if (payload.action === Action.ViewHomePage) {
+            this.props.onFinished(true);
+        }
+    };
+
+    private onRoomName = (): void => {
+        // rerender when the room name changes
+        this.forceUpdate();
+    };
+
+    private onStateEvent = (event: MatrixEvent): void => {
+        if (event.getType() === EventType.RoomJoinRules) this.forceUpdate();
+    };
+
+    private onTabChange = (tabId: RoomSettingsTab): void => {
+        this.setState({ activeTabId: tabId });
+    };
+
+    private getTabs(): NonEmptyArray<Tab<RoomSettingsTab>> {
+        const tabs: Tab<RoomSettingsTab>[] = [];
+
+        tabs.push(
+            new Tab(
+                RoomSettingsTab.General,
+                _td("common|general"),
+                <SettingsIcon />,
+                <GeneralRoomSettingsTab room={this.state.room} />,
+                "RoomSettingsGeneral",
+            ),
+        );
+        if (SettingsStore.getValue("feature_ask_to_join") && this.state.room.getJoinRule() === "knock") {
+            tabs.push(
+                new Tab(
+                    RoomSettingsTab.People,
+                    _td("common|people"),
+                    <GroupIcon />,
+                    <PeopleRoomSettingsTab room={this.state.room} />,
+                ),
+            );
+        }
+        if (!SdkConfig.get("element_call").disable) {
+            tabs.push(
+                new Tab(
+                    RoomSettingsTab.Voip,
+                    _td("settings|voip|title"),
+                    <VoiceCallIcon />,
+                    <VoipRoomSettingsTab room={this.state.room} />,
+                ),
+            );
+        }
+        tabs.push(
+            new Tab(
+                RoomSettingsTab.Security,
+                _td("room_settings|security|title"),
+                <LockIcon />,
+                <SecurityRoomSettingsTab room={this.state.room} closeSettingsFn={() => this.props.onFinished(true)} />,
+                "RoomSettingsSecurityPrivacy",
+            ),
+        );
+        tabs.push(
+            new Tab(
+                RoomSettingsTab.Roles,
+                _td("room_settings|permissions|title"),
+                <AdminIcon />,
+                <RolesRoomSettingsTab room={this.state.room} />,
+                "RoomSettingsRolesPermissions",
+            ),
+        );
+        tabs.push(
+            new Tab(
+                RoomSettingsTab.Notifications,
+                _td("notifications|enable_prompt_toast_title"),
+                <NotificationsIcon />,
+                <NotificationSettingsTab
+                    roomId={this.state.room.roomId}
+                    closeSettingsFn={() => this.props.onFinished(true)}
+                />,
+                "RoomSettingsNotifications",
+            ),
+        );
+
+        if (SettingsStore.getValue("feature_bridge_state")) {
+            tabs.push(
+                new Tab(
+                    RoomSettingsTab.Bridges,
+                    _td("room_settings|bridges|title"),
+                    <TreeIcon />,
+                    <BridgeSettingsTab room={this.state.room} />,
+                    "RoomSettingsBridges",
+                ),
+            );
+        }
+
+        tabs.push(
+            new Tab(
+                RoomSettingsTab.PollHistory,
+                _td("right_panel|polls_button"),
+                <PollsIcon />,
+                <PollHistoryTab room={this.state.room} onFinished={() => this.props.onFinished(true)} />,
+            ),
+        );
+
+        if (SettingsStore.getValue(UIFeature.AdvancedSettings)) {
+            tabs.push(
+                new Tab(
+                    RoomSettingsTab.Advanced,
+                    _td("common|advanced"),
+                    <AdvancedSettingsIcon />,
+                    <AdvancedRoomSettingsTab
+                        room={this.state.room}
+                        closeSettingsFn={() => this.props.onFinished(true)}
+                    />,
+                    "RoomSettingsAdvanced",
+                ),
+            );
+        }
+
+        return tabs as NonEmptyArray<Tab<RoomSettingsTab>>;
+    }
+
+    public render(): React.ReactNode {
+        const roomName = this.state.room.name;
+        return (
+            <SDKContext.Provider value={this.props.sdkContext}>
+                <BaseDialog
+                    className="mx_RoomSettingsDialog"
+                    hasCancel={true}
+                    onFinished={this.props.onFinished}
+                    title={_t("room_settings|title", { roomName })}
+                >
+                    <div className="mx_SettingsDialog_content">
+                        <TabbedView
+                            tabs={this.getTabs()}
+                            activeTabId={this.state.activeTabId}
+                            screenName="RoomSettings"
+                            onChange={this.onTabChange}
+                        />
+                    </div>
+                </BaseDialog>
+            </SDKContext.Provider>
+        );
+    }
+}
+
+const WrappedRoomSettingsDialog: React.FC<IProps> = (props) => (
+    <ErrorBoundary>
+        <RoomSettingsDialog {...props} />
+    </ErrorBoundary>
+);
+
+export default WrappedRoomSettingsDialog;
diff --git a/apps/web/src/components/views/dialogs/RoomUpgradeDialog.tsx b/apps/web/src/components/views/dialogs/RoomUpgradeDialog.tsx
new file mode 100644
index 00000000000..45485043292
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/RoomUpgradeDialog.tsx
@@ -0,0 +1,98 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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 } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import Modal from "../../../Modal";
+import { _t } from "../../../languageHandler";
+import { upgradeRoom } from "../../../utils/RoomUpgrade";
+import BaseDialog from "./BaseDialog";
+import ErrorDialog from "./ErrorDialog";
+import DialogButtons from "../elements/DialogButtons";
+import Spinner from "../elements/Spinner";
+
+interface IProps {
+    room: Room;
+    onFinished(upgrade?: boolean): void;
+}
+
+interface IState {
+    busy: boolean;
+}
+
+export default class RoomUpgradeDialog extends React.Component<IProps, IState> {
+    private targetVersion?: string;
+
+    public state = {
+        busy: true,
+    };
+
+    public async componentDidMount(): Promise<void> {
+        const recommended = await this.props.room.getRecommendedVersion();
+        this.targetVersion = recommended.version;
+        this.setState({ busy: false });
+    }
+
+    private onCancelClick = (): void => {
+        this.props.onFinished(false);
+    };
+
+    private onUpgradeClick = (): void => {
+        this.setState({ busy: true });
+        upgradeRoom(this.props.room, this.targetVersion!, false, false)
+            .then(() => {
+                this.props.onFinished(true);
+            })
+            .catch((err) => {
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("room_settings|advanced|error_upgrade_title"),
+                    description: err?.message ?? _t("room_settings|advanced|error_upgrade_description"),
+                });
+            })
+            .finally(() => {
+                this.setState({ busy: false });
+            });
+    };
+
+    public render(): React.ReactNode {
+        let buttons: JSX.Element;
+        if (this.state.busy) {
+            buttons = <Spinner />;
+        } else {
+            buttons = (
+                <DialogButtons
+                    primaryButton={_t("room_settings|advanced|upgrade_button", { version: this.targetVersion })}
+                    primaryButtonClass="danger"
+                    hasCancel={true}
+                    onPrimaryButtonClick={this.onUpgradeClick}
+                    onCancel={this.onCancelClick}
+                />
+            );
+        }
+
+        return (
+            <BaseDialog
+                className="mx_RoomUpgradeDialog"
+                onFinished={this.props.onFinished}
+                title={_t("room_settings|advanced|upgrade_dialog_title")}
+                contentId="mx_Dialog_content"
+                hasCancel={true}
+            >
+                <p>{_t("room_settings|advanced|upgrade_dialog_description")}</p>
+                <ol>
+                    <li>{_t("room_settings|advanced|upgrade_dialog_description_1")}</li>
+                    <li>{_t("room_settings|advanced|upgrade_dialog_description_2")}</li>
+                    <li>{_t("room_settings|advanced|upgrade_dialog_description_3")}</li>
+                    <li>{_t("room_settings|advanced|upgrade_dialog_description_4")}</li>
+                </ol>
+                {buttons}
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/RoomUpgradeWarningDialog.tsx b/apps/web/src/components/views/dialogs/RoomUpgradeWarningDialog.tsx
new file mode 100644
index 00000000000..caaf41eaaa5
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/RoomUpgradeWarningDialog.tsx
@@ -0,0 +1,213 @@
+/*
+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 ChangeEventHandler, type JSX, type ReactNode, type SyntheticEvent } from "react";
+import { EventType, JoinRule } from "matrix-js-sdk/src/matrix";
+import { Form, SettingsToggleInput } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import SdkConfig from "../../../SdkConfig";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import Modal from "../../../Modal";
+import BugReportDialog from "./BugReportDialog";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+import ProgressBar from "../elements/ProgressBar";
+import AccessibleButton from "../elements/AccessibleButton";
+
+export interface IFinishedOpts {
+    continue: boolean;
+    invite: boolean;
+}
+
+interface IProps {
+    roomId: string;
+    targetVersion: string;
+    description?: ReactNode;
+    doUpgrade?(opts: IFinishedOpts, fn: (progressText: string, progress: number, total: number) => void): Promise<void>;
+    onFinished(opts?: IFinishedOpts): void;
+}
+
+interface Progress {
+    text: string;
+    progress: number;
+    total: number;
+}
+
+interface IState {
+    inviteUsersToNewRoom: boolean;
+    progress?: Progress;
+}
+
+export default class RoomUpgradeWarningDialog extends React.Component<IProps, IState> {
+    private readonly joinRule: JoinRule;
+    private readonly isInviteOrKnockRoom: boolean;
+    private readonly currentVersion?: string;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        const room = MatrixClientPeg.safeGet().getRoom(this.props.roomId);
+        const joinRules = room?.currentState.getStateEvents(EventType.RoomJoinRules, "");
+        this.joinRule = joinRules?.getContent()["join_rule"] ?? JoinRule.Invite;
+        this.isInviteOrKnockRoom = [JoinRule.Invite, JoinRule.Knock].includes(this.joinRule);
+        this.currentVersion = room?.getVersion();
+
+        this.state = {
+            inviteUsersToNewRoom: true,
+        };
+    }
+
+    private onProgressCallback = (text: string, progress: number, total: number): void => {
+        this.setState({
+            progress: {
+                text,
+                progress,
+                total,
+            },
+        });
+    };
+
+    private onContinue = async (): Promise<void> => {
+        const opts = {
+            continue: true,
+            invite: this.isInviteOrKnockRoom && this.state.inviteUsersToNewRoom,
+        };
+
+        await this.props.doUpgrade?.(opts, this.onProgressCallback);
+        this.props.onFinished(opts);
+    };
+
+    private onCancel = (): void => {
+        this.props.onFinished({ continue: false, invite: false });
+    };
+
+    private onInviteUsersToggle: ChangeEventHandler<HTMLInputElement> = (evt): void => {
+        this.setState({ inviteUsersToNewRoom: evt.target.checked });
+    };
+
+    private openBugReportDialog = (e: SyntheticEvent): void => {
+        e.preventDefault();
+        e.stopPropagation();
+
+        Modal.createDialog(BugReportDialog, {});
+    };
+
+    public render(): React.ReactNode {
+        const brand = SdkConfig.get().brand;
+
+        let inviteToggle: JSX.Element | undefined;
+        if (this.isInviteOrKnockRoom) {
+            inviteToggle = (
+                <Form.Root
+                    onSubmit={(evt) => {
+                        evt.preventDefault();
+                        evt.stopPropagation();
+                    }}
+                >
+                    <SettingsToggleInput
+                        name="room-upgrade-warning"
+                        checked={this.state.inviteUsersToNewRoom}
+                        onChange={this.onInviteUsersToggle}
+                        label={_t("room_settings|advanced|upgrade_warning_dialog_invite_label")}
+                    />
+                </Form.Root>
+            );
+        }
+
+        let title: string;
+        switch (this.joinRule) {
+            case JoinRule.Invite:
+                title = _t("room_settings|advanced|upgrade_warning_dialog_title_private");
+                break;
+            case JoinRule.Public:
+                title = _t("room_settings|advanced|upgrade_dwarning_ialog_title_public");
+                break;
+            default:
+                title = _t("room_settings|advanced|upgrade_warning_dialog_title");
+        }
+
+        let bugReports = <p>{_t("room_settings|advanced|upgrade_warning_dialog_report_bug_prompt", { brand })}</p>;
+        if (SdkConfig.get().bug_report_endpoint_url) {
+            bugReports = (
+                <p>
+                    {_t(
+                        "room_settings|advanced|upgrade_warning_dialog_report_bug_prompt_link",
+                        {
+                            brand,
+                        },
+                        {
+                            a: (sub) => {
+                                return (
+                                    <AccessibleButton kind="link_inline" onClick={this.openBugReportDialog}>
+                                        {sub}
+                                    </AccessibleButton>
+                                );
+                            },
+                        },
+                    )}
+                </p>
+            );
+        }
+
+        let footer: JSX.Element;
+        if (this.state.progress) {
+            footer = (
+                <span className="mx_RoomUpgradeWarningDialog_progress">
+                    <ProgressBar value={this.state.progress.progress} max={this.state.progress.total} />
+                    <div className="mx_RoomUpgradeWarningDialog_progressText">{this.state.progress.text}</div>
+                </span>
+            );
+        } else {
+            footer = (
+                <DialogButtons
+                    primaryButton={_t("action|upgrade")}
+                    onPrimaryButtonClick={this.onContinue}
+                    cancelButton={_t("action|cancel")}
+                    onCancel={this.onCancel}
+                />
+            );
+        }
+
+        return (
+            <BaseDialog
+                className="mx_RoomUpgradeWarningDialog"
+                hasCancel={true}
+                fixedWidth={false}
+                onFinished={this.props.onFinished}
+                title={title}
+            >
+                <div>
+                    <p>{this.props.description || _t("room_settings|advanced|upgrade_warning_dialog_description")}</p>
+                    <p>
+                        {_t(
+                            "room_settings|advanced|upgrade_warning_dialog_explainer",
+                            {},
+                            {
+                                b: (sub) => <strong>{sub}</strong>,
+                            },
+                        )}
+                    </p>
+                    {bugReports}
+                    <p>
+                        {_t(
+                            "room_settings|advanced|upgrade_warning_dialog_footer",
+                            {},
+                            {
+                                oldVersion: () => <code>{this.currentVersion}</code>,
+                                newVersion: () => <code>{this.props.targetVersion}</code>,
+                            },
+                        )}
+                    </p>
+                    {inviteToggle}
+                </div>
+                {footer}
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/ScrollableBaseModal.tsx b/apps/web/src/components/views/dialogs/ScrollableBaseModal.tsx
new file mode 100644
index 00000000000..075bd35fa5c
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ScrollableBaseModal.tsx
@@ -0,0 +1,120 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 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";
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+
+export interface IScrollableBaseState {
+    canSubmit: boolean;
+    title: string;
+    actionLabel: string;
+    cancelLabel?: string;
+}
+
+/**
+ * Scrollable dialog base from Compound (Web Components).
+ */
+export default abstract class ScrollableBaseModal<
+    TProps extends { onFinished?: (...args: any[]) => void },
+    TState extends IScrollableBaseState,
+> extends React.PureComponent<TProps, TState> {
+    protected constructor(props: TProps) {
+        super(props);
+    }
+
+    protected get matrixClient(): MatrixClient {
+        // XXX: The contract on MatrixClientContext says it is only available within a LoggedInView subtree,
+        // given that modals function outside the MatrixChat React tree this simulates that. We don't want to
+        // use safeGet as it throwing would mean we cannot use modals whilst the user isn't logged in.
+        // The longer term solution is to move our ModalManager into the React tree to inherit contexts properly.
+        return MatrixClientPeg.get()!;
+    }
+
+    private onKeyDown = (e: KeyboardEvent | React.KeyboardEvent): void => {
+        const action = getKeyBindingsManager().getAccessibilityAction(e);
+        switch (action) {
+            case KeyBindingAction.Escape:
+                e.stopPropagation();
+                e.preventDefault();
+                this.cancel();
+                break;
+        }
+    };
+
+    private onCancel = (): void => {
+        this.cancel();
+    };
+
+    private onSubmit = (e: MouseEvent | FormEvent): void => {
+        e.stopPropagation();
+        e.preventDefault();
+        if (!this.state.canSubmit) return; // pretend the submit button was disabled
+        this.submit();
+    };
+
+    protected abstract cancel(): void;
+    protected abstract submit(): void;
+    protected abstract renderContent(): React.ReactNode;
+
+    public render(): React.ReactNode {
+        return (
+            <MatrixClientContext.Provider value={this.matrixClient}>
+                <FocusLock
+                    returnFocus={true}
+                    lockProps={{
+                        "onKeyDown": this.onKeyDown,
+                        "role": "dialog",
+                        ["aria-labelledby"]: "mx_CompoundDialog_title",
+
+                        // Like BaseDialog, we'll just point this at the whole content
+                        ["aria-describedby"]: "mx_CompoundDialog_content",
+                    }}
+                    className="mx_CompoundDialog mx_ScrollableBaseDialog"
+                >
+                    <div className="mx_CompoundDialog_header">
+                        <h1>{this.state.title}</h1>
+                    </div>
+                    <AccessibleButton
+                        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">
+                            <AccessibleButton onClick={this.onCancel} kind="primary_outline">
+                                {this.state.cancelLabel ?? _t("action|cancel")}
+                            </AccessibleButton>
+                            <AccessibleButton
+                                onClick={this.onSubmit}
+                                kind="primary"
+                                disabled={!this.state.canSubmit}
+                                type="submit"
+                                element="button"
+                                className="mx_Dialog_nonDialogButton"
+                            >
+                                {this.state.actionLabel}
+                            </AccessibleButton>
+                        </div>
+                    </form>
+                </FocusLock>
+            </MatrixClientContext.Provider>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/ServerOfflineDialog.tsx b/apps/web/src/components/views/dialogs/ServerOfflineDialog.tsx
new file mode 100644
index 00000000000..9576728f95f
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ServerOfflineDialog.tsx
@@ -0,0 +1,118 @@
+/*
+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 ReactNode } from "react";
+
+import BaseDialog from "./BaseDialog";
+import { _t } from "../../../languageHandler";
+import { EchoStore } from "../../../stores/local-echo/EchoStore";
+import { formatTime } from "../../../DateUtils";
+import SettingsStore from "../../../settings/SettingsStore";
+import { RoomEchoContext } from "../../../stores/local-echo/RoomEchoContext";
+import RoomAvatar from "../avatars/RoomAvatar";
+import { TransactionStatus } from "../../../stores/local-echo/EchoTransaction";
+import Spinner from "../elements/Spinner";
+import AccessibleButton from "../elements/AccessibleButton";
+import { UPDATE_EVENT } from "../../../stores/AsyncStore";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+
+interface IProps {
+    onFinished(): void;
+}
+
+export default class ServerOfflineDialog extends React.PureComponent<IProps> {
+    public componentDidMount(): void {
+        EchoStore.instance.on(UPDATE_EVENT, this.onEchosUpdated);
+    }
+
+    public componentWillUnmount(): void {
+        EchoStore.instance.off(UPDATE_EVENT, this.onEchosUpdated);
+    }
+
+    private onEchosUpdated = (): void => {
+        this.forceUpdate(); // no state to worry about
+    };
+
+    private renderTimeline(): ReactNode[] {
+        return EchoStore.instance.contexts.map((c) => {
+            if (!c.firstFailedTime) return null; // not useful
+            if (!(c instanceof RoomEchoContext))
+                throw new Error("Cannot render unknown context: " + c.constructor.name);
+            const header = (
+                <div className="mx_ServerOfflineDialog_content_context_timeline_header">
+                    <RoomAvatar size="24px" room={c.room} />
+                    <span>{c.room.name}</span>
+                </div>
+            );
+            const entries = c.transactions
+                .filter((t) => t.status === TransactionStatus.Error || t.didPreviouslyFail)
+                .map((t) => {
+                    let button = <Spinner size={19} />;
+                    if (t.status === TransactionStatus.Error) {
+                        button = (
+                            <AccessibleButton kind="link" onClick={() => t.run()}>
+                                {_t("action|resend")}
+                            </AccessibleButton>
+                        );
+                    }
+                    return (
+                        <div className="mx_ServerOfflineDialog_content_context_txn" key={t.auditName}>
+                            <span className="mx_ServerOfflineDialog_content_context_txn_desc">{t.auditName}</span>
+                            {button}
+                        </div>
+                    );
+                });
+            return (
+                <div className="mx_ServerOfflineDialog_content_context" key={c.room.roomId}>
+                    <div className="mx_ServerOfflineDialog_content_context_timestamp">
+                        {formatTime(c.firstFailedTime, SettingsStore.getValue("showTwelveHourTimestamps"))}
+                    </div>
+                    <div className="mx_ServerOfflineDialog_content_context_timeline">
+                        {header}
+                        {entries}
+                    </div>
+                </div>
+            );
+        });
+    }
+
+    public render(): React.ReactNode {
+        let timeline = this.renderTimeline().filter((c) => !!c); // remove nulls for next check
+        if (timeline.length === 0) {
+            timeline = [<div key={1}>{_t("server_offline|empty_timeline")}</div>];
+        }
+
+        const serverName = MatrixClientPeg.safeGet().getDomain();
+        return (
+            <BaseDialog
+                title={_t("server_offline|title")}
+                className="mx_ServerOfflineDialog"
+                contentId="mx_Dialog_content"
+                onFinished={this.props.onFinished}
+                hasCancel={true}
+            >
+                <div className="mx_ServerOfflineDialog_content">
+                    <p>{_t("server_offline|description")}</p>
+                    <ul>
+                        <li>{_t("server_offline|description_1", { serverName })}</li>
+                        <li>{_t("server_offline|description_2")}</li>
+                        <li>{_t("server_offline|description_3")}</li>
+                        <li>{_t("server_offline|description_4")}</li>
+                        <li>{_t("server_offline|description_5")}</li>
+                        <li>{_t("server_offline|description_6")}</li>
+                        <li>{_t("server_offline|description_7")}</li>
+                        <li>{_t("server_offline|description_8")}</li>
+                    </ul>
+                    <hr />
+                    <h2>{_t("server_offline|recent_changes_heading")}</h2>
+                    {timeline}
+                </div>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/ServerPickerDialog.tsx b/apps/web/src/components/views/dialogs/ServerPickerDialog.tsx
new file mode 100644
index 00000000000..e62e3e90c7e
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ServerPickerDialog.tsx
@@ -0,0 +1,249 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 ChangeEvent, createRef, type SyntheticEvent } from "react";
+import { AutoDiscovery } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import AutoDiscoveryUtils from "../../../utils/AutoDiscoveryUtils";
+import BaseDialog from "./BaseDialog";
+import { _t, UserFriendlyError } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import SdkConfig from "../../../SdkConfig";
+import Field from "../elements/Field";
+import StyledRadioButton from "../elements/StyledRadioButton";
+import TextWithTooltip from "../elements/TextWithTooltip";
+import withValidation, { type IFieldState, type IValidationResult } from "../elements/Validation";
+import { type ValidatedServerConfig } from "../../../utils/ValidatedServerConfig";
+import ExternalLink from "../elements/ExternalLink";
+
+interface IProps {
+    title?: string;
+    serverConfig: ValidatedServerConfig;
+    onFinished(config?: ValidatedServerConfig): void;
+}
+
+interface IState {
+    defaultChosen: boolean;
+    otherHomeserver: string;
+}
+
+export default class ServerPickerDialog extends React.PureComponent<IProps, IState> {
+    private readonly defaultServer: ValidatedServerConfig;
+    private readonly fieldRef = createRef<Field>();
+    private validatedConf?: ValidatedServerConfig;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        const config = SdkConfig.get();
+        this.defaultServer = config["validated_server_config"]!;
+        const { serverConfig } = this.props;
+
+        let otherHomeserver = "";
+        if (!serverConfig.isDefault) {
+            if (serverConfig.isNameResolvable && serverConfig.hsName) {
+                otherHomeserver = serverConfig.hsName;
+            } else {
+                otherHomeserver = serverConfig.hsUrl;
+            }
+        }
+
+        this.state = {
+            defaultChosen: serverConfig.isDefault,
+            otherHomeserver,
+        };
+    }
+
+    private onDefaultChosen = (): void => {
+        this.setState({ defaultChosen: true });
+    };
+
+    private onOtherChosen = (): void => {
+        this.setState({ defaultChosen: false });
+    };
+
+    private onHomeserverChange = (ev: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ otherHomeserver: ev.target.value });
+    };
+
+    private validate = withValidation<this, { error?: string }>({
+        deriveData: async ({ value }): Promise<{ error?: string }> => {
+            let hsUrl = (value ?? "").trim(); // trim to account for random whitespace
+
+            // if the URL has no protocol, try validate it as a serverName via well-known
+            if (!hsUrl.includes("://")) {
+                try {
+                    const discoveryResult = await AutoDiscovery.findClientConfig(hsUrl);
+                    this.validatedConf = await AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(
+                        hsUrl,
+                        discoveryResult,
+                    );
+                    return {}; // we have a validated config, we don't need to try the other paths
+                } catch (e) {
+                    logger.error(`Attempted ${hsUrl} as a server_name but it failed`, e);
+                }
+            }
+
+            // if we got to this stage then either the well-known failed or the URL had a protocol specified,
+            // so validate statically only. If the URL has no protocol, default to https.
+            if (!hsUrl.includes("://")) {
+                hsUrl = "https://" + hsUrl;
+            }
+
+            try {
+                this.validatedConf = await AutoDiscoveryUtils.validateServerConfigWithStaticUrls(hsUrl);
+                return {};
+            } catch (e) {
+                logger.error(e);
+
+                const stateForError = AutoDiscoveryUtils.authComponentStateForError(e);
+                if (stateForError.serverErrorIsFatal) {
+                    let error = _t("auth|server_picker_failed_validate_homeserver");
+                    if (e instanceof UserFriendlyError && e.translatedMessage) {
+                        error = e.translatedMessage;
+                    }
+                    return { error };
+                }
+
+                // try to carry on anyway
+                try {
+                    this.validatedConf = await AutoDiscoveryUtils.validateServerConfigWithStaticUrls(
+                        hsUrl,
+                        undefined,
+                        true,
+                    );
+                    return {};
+                } catch (e) {
+                    logger.error(e);
+                    return { error: _t("auth|server_picker_invalid_url") };
+                }
+            }
+        },
+        rules: [
+            {
+                key: "required",
+                test: ({ value, allowEmpty }) => allowEmpty || !!value,
+                invalid: () => _t("auth|server_picker_required"),
+            },
+            {
+                key: "valid",
+                test: async function ({ value }, { error }): Promise<boolean> {
+                    if (!value) return true;
+                    return !error;
+                },
+                invalid: function ({ error }) {
+                    return error ?? null;
+                },
+            },
+        ],
+    });
+
+    private onHomeserverValidate = (fieldState: IFieldState): Promise<IValidationResult> => this.validate(fieldState);
+
+    private onSubmit = async (ev: SyntheticEvent): Promise<void> => {
+        ev.preventDefault();
+
+        if (this.state.defaultChosen) {
+            this.props.onFinished(this.defaultServer);
+            return;
+        }
+
+        const valid = await this.fieldRef.current?.validate({ allowEmpty: false });
+
+        if (!valid) {
+            this.fieldRef.current?.focus();
+            this.fieldRef.current?.validate({ allowEmpty: false, focused: true });
+            return;
+        }
+
+        this.props.onFinished(this.validatedConf);
+    };
+
+    public render(): React.ReactNode {
+        let text: string | undefined;
+        if (this.defaultServer.hsName === "matrix.org") {
+            text = _t("auth|server_picker_matrix.org");
+        }
+
+        let defaultServerName: React.ReactNode = this.defaultServer.hsName;
+        if (this.defaultServer.hsNameIsDifferent) {
+            defaultServerName = (
+                <TextWithTooltip className="mx_Login_underlinedServerName" tooltip={this.defaultServer.hsUrl}>
+                    {this.defaultServer.hsName}
+                </TextWithTooltip>
+            );
+        }
+
+        return (
+            <BaseDialog
+                title={this.props.title || _t("auth|server_picker_title")}
+                className="mx_ServerPickerDialog"
+                contentId="mx_ServerPickerDialog"
+                onFinished={this.props.onFinished}
+                fixedWidth={false}
+                hasCancel={true}
+            >
+                <form className="mx_Dialog_content" id="mx_ServerPickerDialog" onSubmit={this.onSubmit}>
+                    <p>
+                        {_t("auth|server_picker_intro")} {text}
+                    </p>
+
+                    <StyledRadioButton
+                        name="defaultChosen"
+                        value="true"
+                        checked={this.state.defaultChosen}
+                        onChange={this.onDefaultChosen}
+                        data-testid="defaultHomeserver"
+                    >
+                        {defaultServerName}
+                    </StyledRadioButton>
+
+                    <StyledRadioButton
+                        name="defaultChosen"
+                        value="false"
+                        className="mx_ServerPickerDialog_otherHomeserverRadio"
+                        checked={!this.state.defaultChosen}
+                        onChange={this.onOtherChosen}
+                        childrenInLabel={false}
+                        aria-label={_t("auth|server_picker_custom")}
+                    >
+                        <Field
+                            type="text"
+                            className="mx_ServerPickerDialog_otherHomeserver"
+                            label={_t("auth|server_picker_custom")}
+                            onChange={this.onHomeserverChange}
+                            onFocus={this.onOtherChosen}
+                            ref={this.fieldRef}
+                            onValidate={this.onHomeserverValidate}
+                            value={this.state.otherHomeserver}
+                            validateOnChange={false}
+                            validateOnFocus={false}
+                            autoFocus={true}
+                            id="mx_homeserverInput"
+                        />
+                    </StyledRadioButton>
+                    <p>{_t("auth|server_picker_explainer")}</p>
+
+                    <AccessibleButton className="mx_ServerPickerDialog_continue" kind="primary" onClick={this.onSubmit}>
+                        {_t("action|continue")}
+                    </AccessibleButton>
+
+                    <h2>{_t("action|learn_more")}</h2>
+                    <ExternalLink
+                        href="https://matrix.org/docs/matrix-concepts/elements-of-matrix/#homeserver"
+                        target="_blank"
+                        rel="noreferrer noopener"
+                    >
+                        {_t("auth|server_picker_learn_more")}
+                    </ExternalLink>
+                </form>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/SeshatResetDialog.tsx b/apps/web/src/components/views/dialogs/SeshatResetDialog.tsx
new file mode 100644
index 00000000000..247d6f9b04c
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/SeshatResetDialog.tsx
@@ -0,0 +1,44 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+
+import { _t } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+
+interface Props {
+    onFinished(reset?: boolean): void;
+}
+
+export default class SeshatResetDialog extends React.PureComponent<Props> {
+    public render(): React.ReactNode {
+        return (
+            <BaseDialog
+                hasCancel={true}
+                onFinished={this.props.onFinished.bind(null, false)}
+                title={_t("seshat|reset_title")}
+            >
+                <div>
+                    <p>
+                        {_t("seshat|reset_description")}
+                        <br />
+                        {_t("seshat|reset_explainer")}
+                    </p>
+                </div>
+                <DialogButtons
+                    primaryButton={_t("seshat|reset_button")}
+                    onPrimaryButtonClick={this.props.onFinished.bind(null, true)}
+                    primaryButtonClass="danger"
+                    cancelButton={_t("action|cancel")}
+                    onCancel={this.props.onFinished.bind(null, false)}
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/SessionRestoreErrorDialog.tsx b/apps/web/src/components/views/dialogs/SessionRestoreErrorDialog.tsx
new file mode 100644
index 00000000000..1bb6ed7f6d0
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/SessionRestoreErrorDialog.tsx
@@ -0,0 +1,102 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2018 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.
+*/
+
+import React from "react";
+
+import SdkConfig from "../../../SdkConfig";
+import Modal from "../../../Modal";
+import { _t } from "../../../languageHandler";
+import QuestionDialog from "./QuestionDialog";
+import BugReportDialog from "./BugReportDialog";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+
+interface IProps {
+    error: unknown;
+    onFinished(clear?: boolean): void;
+}
+
+export default class SessionRestoreErrorDialog extends React.Component<IProps> {
+    private sendBugReport = (): void => {
+        Modal.createDialog(BugReportDialog, {
+            error: this.props.error,
+        });
+    };
+
+    private onClearStorageClick = (): void => {
+        const { finished } = Modal.createDialog(QuestionDialog, {
+            title: _t("action|sign_out"),
+            description: <div>{_t("error|session_restore|clear_storage_description")}</div>,
+            button: _t("action|sign_out"),
+            danger: true,
+        });
+        finished.then(([ok]) => this.props.onFinished(ok));
+    };
+
+    private onRefreshClick = (): void => {
+        // Is this likely to help? Probably not, but giving only one button
+        // that clears your storage seems awful.
+        window.location.reload();
+    };
+
+    public render(): React.ReactNode {
+        const brand = SdkConfig.get().brand;
+
+        const clearStorageButton = (
+            <button onClick={this.onClearStorageClick} className="danger" type="button">
+                {_t("error|session_restore|clear_storage_button")}
+            </button>
+        );
+
+        let dialogButtons;
+        if (SdkConfig.get().bug_report_endpoint_url) {
+            dialogButtons = (
+                <DialogButtons
+                    primaryButton={_t("bug_reporting|send_logs")}
+                    onPrimaryButtonClick={this.sendBugReport}
+                    focus={true}
+                    hasCancel={false}
+                >
+                    {clearStorageButton}
+                </DialogButtons>
+            );
+        } else {
+            dialogButtons = (
+                <DialogButtons
+                    primaryButton={_t("action|refresh")}
+                    onPrimaryButtonClick={this.onRefreshClick}
+                    focus={true}
+                    hasCancel={false}
+                >
+                    {clearStorageButton}
+                </DialogButtons>
+            );
+        }
+
+        return (
+            <BaseDialog
+                className="mx_ErrorDialog"
+                onFinished={this.props.onFinished}
+                title={_t("error|session_restore|title")}
+                contentId="mx_Dialog_content"
+                hasCancel={false}
+            >
+                <div className="mx_Dialog_content" id="mx_Dialog_content">
+                    <p>{_t("error|session_restore|description_1")}</p>
+
+                    <p>{_t("error|session_restore|description_2", { brand })}</p>
+
+                    <p>{_t("error|session_restore|description_3")}</p>
+                </div>
+                {dialogButtons}
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/SetEmailDialog.tsx b/apps/web/src/components/views/dialogs/SetEmailDialog.tsx
new file mode 100644
index 00000000000..5628df33ab6
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/SetEmailDialog.tsx
@@ -0,0 +1,172 @@
+/*
+Copyright 2018-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.
+*/
+
+import React from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { MatrixError } from "matrix-js-sdk/src/matrix";
+
+import * as Email from "../../../email";
+import AddThreepid from "../../../AddThreepid";
+import { _t, UserFriendlyError } from "../../../languageHandler";
+import Modal from "../../../Modal";
+import Spinner from "../elements/Spinner";
+import ErrorDialog, { extractErrorMessageFromError } from "./ErrorDialog";
+import QuestionDialog from "./QuestionDialog";
+import BaseDialog from "./BaseDialog";
+import EditableText from "../elements/EditableText";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+
+interface IProps {
+    title: string;
+    onFinished(ok?: boolean): void;
+}
+
+interface IState {
+    emailAddress: string;
+    emailBusy: boolean;
+}
+
+/*
+ * Prompt the user to set an email address.
+ *
+ * On success, `onFinished(true)` is called.
+ */
+export default class SetEmailDialog extends React.Component<IProps, IState> {
+    private addThreepid?: AddThreepid;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            emailAddress: "",
+            emailBusy: false,
+        };
+    }
+
+    private onEmailAddressChanged = (value: string): void => {
+        this.setState({
+            emailAddress: value,
+        });
+    };
+
+    private onSubmit = (): void => {
+        const emailAddress = this.state.emailAddress;
+        if (!Email.looksValid(emailAddress)) {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("settings|general|error_invalid_email"),
+                description: _t("settings|general|error_invalid_email_detail"),
+            });
+            return;
+        }
+        this.addThreepid = new AddThreepid(MatrixClientPeg.safeGet());
+        this.addThreepid.addEmailAddress(emailAddress).then(
+            () => {
+                const { finished } = Modal.createDialog(QuestionDialog, {
+                    title: _t("auth|set_email|verification_pending_title"),
+                    description: _t("auth|set_email|verification_pending_description"),
+                    button: _t("action|continue"),
+                });
+                finished.then(([ok]) => this.onEmailDialogFinished(ok));
+            },
+            (err) => {
+                this.setState({ emailBusy: false });
+                logger.error("Unable to add email address " + emailAddress + " " + err);
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("settings|general|error_add_email"),
+                    description: extractErrorMessageFromError(err, _t("invite|failed_generic")),
+                });
+            },
+        );
+        this.setState({ emailBusy: true });
+    };
+
+    private onCancelled = (): void => {
+        this.props.onFinished(false);
+    };
+
+    private onEmailDialogFinished = (ok?: boolean): void => {
+        if (ok) {
+            this.verifyEmailAddress();
+        } else {
+            this.setState({ emailBusy: false });
+        }
+    };
+
+    private verifyEmailAddress(): void {
+        this.addThreepid?.checkEmailLinkClicked().then(
+            () => {
+                this.props.onFinished(true);
+            },
+            (err) => {
+                this.setState({ emailBusy: false });
+
+                let underlyingError = err;
+                if (err instanceof UserFriendlyError) {
+                    underlyingError = err.cause;
+                }
+
+                if (underlyingError instanceof MatrixError && underlyingError.errcode === "M_THREEPID_AUTH_FAILED") {
+                    const message =
+                        _t("settings|general|error_email_verification") +
+                        " " +
+                        _t("auth|set_email|verification_pending_description");
+                    const { finished } = Modal.createDialog(QuestionDialog, {
+                        title: _t("auth|set_email|verification_pending_title"),
+                        description: message,
+                        button: _t("action|continue"),
+                    });
+                    finished.then(([ok]) => this.onEmailDialogFinished(ok));
+                } else {
+                    logger.error("Unable to verify email address: " + err);
+                    Modal.createDialog(ErrorDialog, {
+                        title: _t("settings|general|error_email_verification"),
+                        description: extractErrorMessageFromError(err, _t("invite|failed_generic")),
+                    });
+                }
+            },
+        );
+    }
+
+    public render(): React.ReactNode {
+        const emailInput = this.state.emailBusy ? (
+            <Spinner />
+        ) : (
+            <EditableText
+                initialValue={this.state.emailAddress}
+                className="mx_SetEmailDialog_email_input"
+                placeholder={_t("common|email_address")}
+                placeholderClassName="mx_SetEmailDialog_email_input_placeholder"
+                blurToCancel={false}
+                onValueChanged={this.onEmailAddressChanged}
+            />
+        );
+
+        return (
+            <BaseDialog
+                className="mx_SetEmailDialog"
+                onFinished={this.onCancelled}
+                title={this.props.title}
+                contentId="mx_Dialog_content"
+            >
+                <div className="mx_Dialog_content">
+                    <p id="mx_Dialog_content">{_t("auth|set_email|description")}</p>
+                    {emailInput}
+                </div>
+                <div className="mx_Dialog_buttons">
+                    <input
+                        className="mx_Dialog_primary"
+                        type="submit"
+                        value={_t("action|continue")}
+                        onClick={this.onSubmit}
+                    />
+                    <input type="submit" value={_t("action|skip")} onClick={this.onCancelled} />
+                </div>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/ShareDialog.tsx b/apps/web/src/components/views/dialogs/ShareDialog.tsx
new file mode 100644
index 00000000000..02c85c1a0ce
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/ShareDialog.tsx
@@ -0,0 +1,230 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2018 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, useMemo, useRef, useState } from "react";
+import { Room, RoomMember, MatrixEvent, User } from "matrix-js-sdk/src/matrix";
+import { Checkbox, Button } from "@vector-im/compound-web";
+import LinkIcon from "@vector-im/compound-design-tokens/assets/web/icons/link";
+import CheckIcon from "@vector-im/compound-design-tokens/assets/web/icons/check";
+
+import { _t } from "../../../languageHandler";
+import QRCode from "../elements/QRCode";
+import { RoomPermalinkCreator, makeUserPermalink } from "../../../utils/permalinks/Permalinks";
+import { copyPlaintext } from "../../../utils/strings";
+import { UIFeature } from "../../../settings/UIFeature";
+import BaseDialog from "./BaseDialog";
+import { type XOR } from "../../../@types/common";
+import { useSettingValue } from "../../../hooks/useSettings.ts";
+import FacebookIcon from "../../../../res/img/social/facebook.png";
+import TwitterIcon from "../../../../res/img/social/twitter-2.png";
+import LinkedInIcon from "../../../../res/img/social/linkedin.png";
+import RedditIcon from "../../../../res/img/social/reddit.png";
+import EmailIcon from "../../../../res/img/social/email-1.png";
+
+const SOCIALS = [
+    {
+        name: "Facebook",
+        img: FacebookIcon,
+        url: (url: string) => `https://www.facebook.com/sharer/sharer.php?u=${url}`,
+    },
+    {
+        name: "Twitter",
+        img: TwitterIcon,
+        url: (url: string) => `https://twitter.com/home?status=${url}`,
+    },
+    {
+        name: "LinkedIn",
+        img: LinkedInIcon,
+        url: (url: string) => `https://www.linkedin.com/shareArticle?mini=true&url=${url}`,
+    },
+    {
+        name: "Reddit",
+        img: RedditIcon,
+        url: (url: string) => `https://www.reddit.com/submit?url=${url}`,
+    },
+    {
+        name: "email",
+        img: EmailIcon,
+        url: (url: string) => `mailto:?body=${url}`,
+    },
+];
+
+interface BaseProps {
+    /**
+     * A function that is called when the dialog is dismissed
+     */
+    onFinished(this: void): void;
+    /**
+     * An optional string to use as the dialog title.
+     * If not provided, an appropriate title for the target type will be used.
+     */
+    customTitle?: string;
+    /**
+     * An optional string to use as the dialog subtitle
+     */
+    subtitle?: string;
+}
+
+interface Props extends BaseProps {
+    /**
+     * The target to link to.
+     * This can be a Room, User, RoomMember, or MatrixEvent or an already computed URL.
+     * A <u>matrix.to</u> link will be generated out of it if it's not already a url.
+     */
+    target: Room | User | RoomMember | URL;
+    /**
+     * Optional when the target is a Room, User, RoomMember or a URL.
+     * Mandatory when the target is a MatrixEvent.
+     */
+    permalinkCreator?: RoomPermalinkCreator;
+}
+
+interface EventProps extends BaseProps {
+    /**
+     * The target to link to.
+     */
+    target: MatrixEvent;
+    /**
+     * Optional when the target is a Room, User, RoomMember or a URL.
+     * Mandatory when the target is a MatrixEvent.
+     */
+    permalinkCreator: RoomPermalinkCreator;
+}
+
+type ShareDialogProps = XOR<Props, EventProps>;
+
+/**
+ * A dialog to share a link to a room, user, room member or a matrix event.
+ */
+export function ShareDialog({ target, customTitle, onFinished, permalinkCreator }: ShareDialogProps): JSX.Element {
+    const showQrCode = useSettingValue(UIFeature.ShareQRCode);
+    const showSocials = useSettingValue(UIFeature.ShareSocial);
+
+    const timeoutIdRef = useRef<number>(undefined);
+    const [isCopied, setIsCopied] = useState(false);
+
+    const [linkToSpecificEvent, setLinkToSpecificEvent] = useState(target instanceof MatrixEvent);
+    const { title, url, checkboxLabel } = useTargetValues(target, linkToSpecificEvent, permalinkCreator);
+    const newTitle = customTitle ?? title;
+
+    return (
+        <BaseDialog
+            title={newTitle}
+            className="mx_ShareDialog"
+            contentId="mx_Dialog_content"
+            onFinished={onFinished}
+            fixedWidth={false}
+        >
+            <div className="mx_ShareDialog_content">
+                <div className="mx_ShareDialog_top">
+                    {showQrCode && <QRCode data={url} width={200} />}
+                    <span>{url}</span>
+                </div>
+                {checkboxLabel && (
+                    <label>
+                        <Checkbox
+                            defaultChecked={linkToSpecificEvent}
+                            onChange={(evt) => setLinkToSpecificEvent(evt.target.checked)}
+                        />
+                        {checkboxLabel}
+                    </label>
+                )}
+                <Button
+                    Icon={isCopied ? CheckIcon : LinkIcon}
+                    onClick={async () => {
+                        clearTimeout(timeoutIdRef.current);
+                        await copyPlaintext(url);
+                        setIsCopied(true);
+                        timeoutIdRef.current = setTimeout(() => setIsCopied(false), 2000);
+                    }}
+                >
+                    {isCopied ? _t("share|link_copied") : _t("action|copy_link")}
+                </Button>
+                {showSocials && <SocialLinks url={url} />}
+            </div>
+        </BaseDialog>
+    );
+}
+
+/**
+ * Social links to share the link on different platforms.
+ */
+interface SocialLinksProps {
+    /**
+     * The URL to share.
+     */
+    url: string;
+}
+
+/**
+ * The socials to share the link on.
+ */
+function SocialLinks({ url }: SocialLinksProps): JSX.Element {
+    return (
+        <div className="mx_ShareDialog_social">
+            {SOCIALS.map((social) => (
+                <a
+                    key={social.name}
+                    href={social.url(url)}
+                    target="_blank"
+                    rel="noreferrer noopener"
+                    title={social.name}
+                >
+                    <img src={social.img} alt={social.name} />
+                </a>
+            ))}
+        </div>
+    );
+}
+
+/**
+ * Get the title, url and checkbox label for the dialog based on the target.
+ * @param target
+ * @param linkToSpecificEvent
+ * @param permalinkCreator
+ */
+function useTargetValues(
+    target: ShareDialogProps["target"],
+    linkToSpecificEvent: boolean,
+    permalinkCreator?: RoomPermalinkCreator,
+): { title: string; url: string; checkboxLabel?: string } {
+    return useMemo(() => {
+        if (target instanceof URL) return { title: _t("share|title_link"), url: target.toString() };
+        if (target instanceof User || target instanceof RoomMember)
+            return {
+                title: _t("share|title_user"),
+                url: makeUserPermalink(target.userId),
+            };
+
+        if (target instanceof Room) {
+            const title = _t("share|title_room");
+            const newPermalinkCreator = new RoomPermalinkCreator(target);
+            newPermalinkCreator.load();
+
+            const events = target.getLiveTimeline().getEvents();
+            return {
+                title,
+                url: linkToSpecificEvent
+                    ? newPermalinkCreator.forEvent(events[events.length - 1].getId()!)
+                    : newPermalinkCreator.forShareableRoom(),
+                ...(events.length > 0 && { checkboxLabel: _t("share|permalink_most_recent") }),
+            };
+        }
+
+        // MatrixEvent is remaining and should have a permalinkCreator
+        const url = linkToSpecificEvent
+            ? permalinkCreator!.forEvent(target.getId()!)
+            : permalinkCreator!.forShareableRoom();
+        return {
+            title: _t("share|title_message"),
+            url,
+            checkboxLabel: _t("share|permalink_message"),
+        };
+    }, [target, linkToSpecificEvent, permalinkCreator]);
+}
diff --git a/apps/web/src/components/views/dialogs/SlashCommandHelpDialog.tsx b/apps/web/src/components/views/dialogs/SlashCommandHelpDialog.tsx
new file mode 100644
index 00000000000..d912c856168
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/SlashCommandHelpDialog.tsx
@@ -0,0 +1,77 @@
+/*
+Copyright 2024 New Vector Ltd.
+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 from "react";
+
+import { _t } from "../../../languageHandler";
+import { type Command, CommandCategories, Commands } from "../../../slash-commands/SlashCommands";
+import InfoDialog from "./InfoDialog";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+
+/**
+ * Props for {@link SlashCommandHelpDialog}
+ * @param roomId - The room ID to check whether commands are enabled
+ * @param onFinished - Callback called when the dialog is closed
+ */
+interface IProps {
+    roomId: string;
+    onFinished(this: void): void;
+}
+
+const SlashCommandHelpDialog: React.FC<IProps> = ({ roomId, onFinished }) => {
+    const categories: Record<string, Command[]> = {};
+    Commands.forEach((cmd) => {
+        if (!cmd.isEnabled(MatrixClientPeg.get(), roomId)) return;
+        if (!categories[cmd.category]) {
+            categories[cmd.category] = [];
+        }
+        categories[cmd.category].push(cmd);
+    });
+
+    const body = Object.values(CommandCategories)
+        .filter((c) => categories[c])
+        .map((category) => {
+            const rows = [
+                <tr key={"_category_" + category} className="mx_SlashCommandHelpDialog_headerRow">
+                    <td colSpan={3}>
+                        <h2>{_t(category)}</h2>
+                    </td>
+                </tr>,
+            ];
+
+            categories[category].forEach((cmd) => {
+                rows.push(
+                    <tr key={cmd.command}>
+                        <td>
+                            <strong>{cmd.getCommand()}</strong>
+                        </td>
+                        <td>{cmd.args}</td>
+                        <td>{_t(cmd.description)}</td>
+                    </tr>,
+                );
+            });
+
+            return rows;
+        });
+
+    return (
+        <InfoDialog
+            className="mx_SlashCommandHelpDialog"
+            title={_t("slash_command|help_dialog_title")}
+            description={
+                <table>
+                    <tbody>{body}</tbody>
+                </table>
+            }
+            hasCloseButton={true}
+            onFinished={onFinished}
+        />
+    );
+};
+
+export default SlashCommandHelpDialog;
diff --git a/apps/web/src/components/views/dialogs/SpacePreferencesDialog.tsx b/apps/web/src/components/views/dialogs/SpacePreferencesDialog.tsx
new file mode 100644
index 00000000000..a2ca0034f54
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/SpacePreferencesDialog.tsx
@@ -0,0 +1,89 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 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 ChangeEvent } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { VisibilityOnIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t, _td } from "../../../languageHandler";
+import BaseDialog from "../dialogs/BaseDialog";
+import TabbedView, { Tab } from "../../structures/TabbedView";
+import StyledCheckbox from "../elements/StyledCheckbox";
+import { useSettingValue } from "../../../hooks/useSettings";
+import SettingsStore from "../../../settings/SettingsStore";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import { SpacePreferenceTab } from "../../../dispatcher/payloads/OpenSpacePreferencesPayload";
+import { type NonEmptyArray } from "../../../@types/common";
+import SettingsTab from "../settings/tabs/SettingsTab";
+import { SettingsSection } from "../settings/shared/SettingsSection";
+import { SettingsSubsection, SettingsSubsectionText } from "../settings/shared/SettingsSubsection";
+import { useRoomName } from "../../../hooks/useRoomName.ts";
+
+interface IProps {
+    space: Room;
+    onFinished(this: void): void;
+}
+
+const SpacePreferencesAppearanceTab: React.FC<Pick<IProps, "space">> = ({ space }) => {
+    const showPeople = useSettingValue("Spaces.showPeopleInSpace", space.roomId);
+
+    return (
+        <SettingsTab>
+            <SettingsSection heading={_t("space|preferences|sections_section")}>
+                <SettingsSubsection>
+                    <StyledCheckbox
+                        checked={!!showPeople}
+                        onChange={(e: ChangeEvent<HTMLInputElement>) => {
+                            SettingsStore.setValue(
+                                "Spaces.showPeopleInSpace",
+                                space.roomId,
+                                SettingLevel.ROOM_ACCOUNT,
+                                !showPeople,
+                            );
+                        }}
+                        description={_t("space|preferences|show_people_in_space", {
+                            spaceName: space.name,
+                        })}
+                    >
+                        {_t("common|people")}
+                    </StyledCheckbox>
+                    <SettingsSubsectionText />
+                </SettingsSubsection>
+            </SettingsSection>
+        </SettingsTab>
+    );
+};
+
+const SpacePreferencesDialog: React.FC<IProps> = ({ space, onFinished }) => {
+    const name = useRoomName(space);
+    const tabs: NonEmptyArray<Tab<SpacePreferenceTab>> = [
+        new Tab(
+            SpacePreferenceTab.Appearance,
+            _td("common|appearance"),
+            <VisibilityOnIcon key={SpacePreferenceTab.Appearance} />,
+            <SpacePreferencesAppearanceTab key={SpacePreferenceTab.Appearance} space={space} />,
+        ),
+    ];
+
+    return (
+        <BaseDialog
+            className="mx_SpacePreferencesDialog"
+            hasCancel
+            onFinished={onFinished}
+            title={_t("common|preferences")}
+            fixedWidth={false}
+        >
+            <h4>{name}</h4>
+            <div className="mx_SettingsDialog_content">
+                <TabbedView tabs={tabs} activeTabId={SpacePreferenceTab.Appearance} onChange={() => {}} />
+            </div>
+        </BaseDialog>
+    );
+};
+
+export default SpacePreferencesDialog;
diff --git a/apps/web/src/components/views/dialogs/SpaceSettingsDialog.tsx b/apps/web/src/components/views/dialogs/SpaceSettingsDialog.tsx
new file mode 100644
index 00000000000..7f41ed7a969
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/SpaceSettingsDialog.tsx
@@ -0,0 +1,109 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, { useMemo } from "react";
+import { type Room, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import {
+    AdminIcon,
+    AdvancedSettingsIcon,
+    SettingsSolidIcon,
+    VisibilityOnIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t, _td } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { useDispatcher } from "../../../hooks/useDispatcher";
+import TabbedView, { Tab } from "../../structures/TabbedView";
+import SpaceSettingsGeneralTab from "../spaces/SpaceSettingsGeneralTab";
+import SpaceSettingsVisibilityTab from "../spaces/SpaceSettingsVisibilityTab";
+import SettingsStore from "../../../settings/SettingsStore";
+import { UIFeature } from "../../../settings/UIFeature";
+import AdvancedRoomSettingsTab from "../settings/tabs/room/AdvancedRoomSettingsTab";
+import RolesRoomSettingsTab from "../settings/tabs/room/RolesRoomSettingsTab";
+import { Action } from "../../../dispatcher/actions";
+import { type NonEmptyArray } from "../../../@types/common";
+
+export enum SpaceSettingsTab {
+    General = "SPACE_GENERAL_TAB",
+    Visibility = "SPACE_VISIBILITY_TAB",
+    Roles = "SPACE_ROLES_TAB",
+    Advanced = "SPACE_ADVANCED_TAB",
+}
+
+interface IProps {
+    matrixClient: MatrixClient;
+    space: Room;
+    onFinished(this: void): void;
+}
+
+const SpaceSettingsDialog: React.FC<IProps> = ({ matrixClient: cli, space, onFinished }) => {
+    useDispatcher(defaultDispatcher, (payload) => {
+        if (payload.action === Action.AfterLeaveRoom && payload.room_id === space.roomId) {
+            onFinished();
+        }
+    });
+
+    const tabs = useMemo(() => {
+        return [
+            new Tab(
+                SpaceSettingsTab.General,
+                _td("common|general"),
+                <SettingsSolidIcon key={SpaceSettingsTab.General} />,
+                <SpaceSettingsGeneralTab key={SpaceSettingsTab.General} matrixClient={cli} space={space} />,
+            ),
+            new Tab(
+                SpaceSettingsTab.Visibility,
+                _td("room_settings|visibility|title"),
+                <VisibilityOnIcon key={SpaceSettingsTab.Visibility} />,
+                <SpaceSettingsVisibilityTab
+                    key={SpaceSettingsTab.Visibility}
+                    matrixClient={cli}
+                    space={space}
+                    closeSettingsFn={onFinished}
+                />,
+            ),
+            new Tab(
+                SpaceSettingsTab.Roles,
+                _td("room_settings|permissions|title"),
+                <AdminIcon key={SpaceSettingsTab.Roles} />,
+                <RolesRoomSettingsTab key={SpaceSettingsTab.Roles} room={space} />,
+            ),
+            SettingsStore.getValue(UIFeature.AdvancedSettings)
+                ? new Tab(
+                      SpaceSettingsTab.Advanced,
+                      _td("common|advanced"),
+                      <AdvancedSettingsIcon key={SpaceSettingsTab.Advanced} />,
+                      <AdvancedRoomSettingsTab
+                          key={SpaceSettingsTab.Advanced}
+                          room={space}
+                          closeSettingsFn={onFinished}
+                      />,
+                  )
+                : null,
+        ].filter(Boolean) as NonEmptyArray<Tab<SpaceSettingsTab>>;
+    }, [cli, space, onFinished]);
+
+    const [activeTabId, setActiveTabId] = React.useState(SpaceSettingsTab.General);
+
+    return (
+        <BaseDialog
+            title={_t("space_settings|title", { spaceName: space.name || _t("common|unnamed_space") })}
+            className="mx_SpaceSettingsDialog"
+            contentId="mx_SpaceSettingsDialog"
+            onFinished={onFinished}
+            fixedWidth={false}
+        >
+            <div className="mx_SpaceSettingsDialog_content" id="mx_SpaceSettingsDialog">
+                <TabbedView tabs={tabs} activeTabId={activeTabId} onChange={setActiveTabId} />
+            </div>
+        </BaseDialog>
+    );
+};
+
+export default SpaceSettingsDialog;
diff --git a/apps/web/src/components/views/dialogs/StorageEvictedDialog.tsx b/apps/web/src/components/views/dialogs/StorageEvictedDialog.tsx
new file mode 100644
index 00000000000..86bf3eda8f0
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/StorageEvictedDialog.tsx
@@ -0,0 +1,71 @@
+/*
+Copyright 2019-2024 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 SdkConfig from "../../../SdkConfig";
+import Modal from "../../../Modal";
+import { _t } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+import BugReportDialog from "./BugReportDialog";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+
+interface IProps {
+    onFinished(signOut?: boolean): void;
+}
+
+export default class StorageEvictedDialog extends React.Component<IProps> {
+    private sendBugReport = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+        Modal.createDialog(BugReportDialog, {});
+    };
+
+    private onSignOutClick = (): void => {
+        this.props.onFinished(true);
+    };
+
+    public render(): React.ReactNode {
+        let logRequest;
+        if (SdkConfig.get().bug_report_endpoint_url) {
+            logRequest = _t(
+                "bug_reporting|log_request",
+                {},
+                {
+                    a: (text) => (
+                        <AccessibleButton kind="link_inline" onClick={this.sendBugReport}>
+                            {text}
+                        </AccessibleButton>
+                    ),
+                },
+            );
+        }
+
+        return (
+            <BaseDialog
+                className="mx_ErrorDialog"
+                onFinished={this.props.onFinished}
+                title={_t("error|storage_evicted_title")}
+                contentId="mx_Dialog_content"
+                hasCancel={false}
+            >
+                <div className="mx_Dialog_content" id="mx_Dialog_content">
+                    <p>{_t("error|storage_evicted_description_1")}</p>
+                    <p>
+                        {_t("error|storage_evicted_description_2")} {logRequest}
+                    </p>
+                </div>
+                <DialogButtons
+                    primaryButton={_t("action|sign_out")}
+                    onPrimaryButtonClick={this.onSignOutClick}
+                    focus={true}
+                    hasCancel={false}
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/TermsDialog.tsx b/apps/web/src/components/views/dialogs/TermsDialog.tsx
new file mode 100644
index 00000000000..62a0bccee69
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/TermsDialog.tsx
@@ -0,0 +1,217 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 } from "react";
+import { SERVICE_TYPES } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../languageHandler";
+import DialogButtons from "../elements/DialogButtons";
+import BaseDialog from "./BaseDialog";
+import { pickBestPolicyLanguage, type ServicePolicyPair } from "../../../Terms";
+import ExternalLink from "../elements/ExternalLink";
+import { parseUrl } from "../../../utils/UrlUtils";
+
+interface ITermsCheckboxProps {
+    onChange: (url: string, checked: boolean) => void;
+    url: string;
+    checked: boolean;
+}
+
+class TermsCheckbox extends React.PureComponent<ITermsCheckboxProps> {
+    private onChange = (ev: React.FormEvent<HTMLInputElement>): void => {
+        this.props.onChange(this.props.url, ev.currentTarget.checked);
+    };
+
+    public render(): React.ReactNode {
+        return <input type="checkbox" onChange={this.onChange} checked={this.props.checked} />;
+    }
+}
+
+interface ITermsDialogProps {
+    /**
+     * Array of [Service, policies] pairs, where policies is the response from the
+     * /terms endpoint for that service
+     */
+    policiesAndServicePairs: ServicePolicyPair[];
+
+    /**
+     * urls that the user has already agreed to
+     */
+    agreedUrls: string[];
+
+    /**
+     * Called with:
+     *     * success {bool} True if the user accepted any douments, false if cancelled
+     *     * agreedUrls {string[]} List of agreed URLs
+     */
+    onFinished: (success: boolean, agreedUrls?: string[]) => void;
+}
+
+interface IState {
+    agreedUrls: any;
+}
+
+export default class TermsDialog extends React.PureComponent<ITermsDialogProps, IState> {
+    public constructor(props: ITermsDialogProps) {
+        super(props);
+        this.state = {
+            // url -> boolean
+            agreedUrls: {},
+        };
+        for (const url of props.agreedUrls) {
+            this.state.agreedUrls[url] = true;
+        }
+    }
+
+    private onCancelClick = (): void => {
+        this.props.onFinished(false);
+    };
+
+    private onNextClick = (): void => {
+        this.props.onFinished(
+            true,
+            Object.keys(this.state.agreedUrls).filter((url) => this.state.agreedUrls[url]),
+        );
+    };
+
+    private nameForServiceType(serviceType: SERVICE_TYPES, host: string): JSX.Element {
+        switch (serviceType) {
+            case SERVICE_TYPES.IS:
+                return (
+                    <div>
+                        {_t("common|identity_server")}
+                        <br />({host})
+                    </div>
+                );
+            case SERVICE_TYPES.IM:
+                return (
+                    <div>
+                        {_t("common|integration_manager")}
+                        <br />({host})
+                    </div>
+                );
+        }
+    }
+
+    private summaryForServiceType(serviceType: SERVICE_TYPES): JSX.Element {
+        switch (serviceType) {
+            case SERVICE_TYPES.IS:
+                return (
+                    <div>
+                        {_t("terms|summary_identity_server_1")}
+                        <br />
+                        {_t("terms|summary_identity_server_2")}
+                    </div>
+                );
+            case SERVICE_TYPES.IM:
+                return <div>{_t("terms|integration_manager")}</div>;
+        }
+    }
+
+    private onTermsCheckboxChange = (url: string, checked: boolean): void => {
+        this.setState({
+            agreedUrls: Object.assign({}, this.state.agreedUrls, { [url]: checked }),
+        });
+    };
+
+    public render(): React.ReactNode {
+        const rows: JSX.Element[] = [];
+        for (const policiesAndService of this.props.policiesAndServicePairs) {
+            const parsedBaseUrl = parseUrl(policiesAndService.service.baseUrl);
+
+            const policyValues = Object.values(policiesAndService.policies);
+            for (let i = 0; i < policyValues.length; ++i) {
+                const internationalisedPolicy = pickBestPolicyLanguage(policyValues[i]);
+                if (!internationalisedPolicy) continue;
+                let serviceName: JSX.Element | undefined;
+                let summary: JSX.Element | undefined;
+                if (i === 0) {
+                    serviceName = this.nameForServiceType(policiesAndService.service.serviceType, parsedBaseUrl.host);
+                    summary = this.summaryForServiceType(policiesAndService.service.serviceType);
+                }
+
+                rows.push(
+                    <tr key={internationalisedPolicy.url}>
+                        <td className="mx_TermsDialog_service">{serviceName}</td>
+                        <td className="mx_TermsDialog_summary">{summary}</td>
+                        <td>
+                            <ExternalLink rel="noreferrer noopener" target="_blank" href={internationalisedPolicy.url}>
+                                {internationalisedPolicy.name}
+                            </ExternalLink>
+                        </td>
+                        <td>
+                            <TermsCheckbox
+                                url={internationalisedPolicy.url}
+                                onChange={this.onTermsCheckboxChange}
+                                checked={Boolean(this.state.agreedUrls[internationalisedPolicy.url])}
+                            />
+                        </td>
+                    </tr>,
+                );
+            }
+        }
+
+        // if all the documents for at least one service have been checked, we can enable
+        // the submit button
+        let enableSubmit = false;
+        for (const policiesAndService of this.props.policiesAndServicePairs) {
+            let docsAgreedForService = 0;
+            for (const terms of Object.values(policiesAndService.policies)) {
+                let docAgreed = false;
+                for (const lang of Object.keys(terms)) {
+                    if (lang === "version" || typeof terms[lang] === "string") continue;
+                    if (this.state.agreedUrls[terms[lang].url]) {
+                        docAgreed = true;
+                        break;
+                    }
+                }
+                if (docAgreed) {
+                    ++docsAgreedForService;
+                }
+            }
+            if (docsAgreedForService === Object.keys(policiesAndService.policies).length) {
+                enableSubmit = true;
+                break;
+            }
+        }
+
+        return (
+            <BaseDialog
+                fixedWidth={false}
+                onFinished={this.onCancelClick}
+                title={_t("terms|tos")}
+                contentId="mx_Dialog_content"
+                hasCancel={false}
+            >
+                <div id="mx_Dialog_content">
+                    <p>{_t("terms|intro")}</p>
+
+                    <table className="mx_TermsDialog_termsTable">
+                        <tbody>
+                            <tr className="mx_TermsDialog_termsTableHeader">
+                                <th>{_t("terms|column_service")}</th>
+                                <th>{_t("terms|column_summary")}</th>
+                                <th>{_t("terms|column_document")}</th>
+                                <th>{_t("action|accept")}</th>
+                            </tr>
+                            {rows}
+                        </tbody>
+                    </table>
+                </div>
+
+                <DialogButtons
+                    primaryButton={_t("action|next")}
+                    hasCancel={true}
+                    onCancel={this.onCancelClick}
+                    onPrimaryButtonClick={this.onNextClick}
+                    primaryDisabled={!enableSubmit}
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/TextInputDialog.tsx b/apps/web/src/components/views/dialogs/TextInputDialog.tsx
new file mode 100644
index 00000000000..ed076bc4720
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/TextInputDialog.tsx
@@ -0,0 +1,139 @@
+/*
+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.
+*/
+
+import React, { type ChangeEvent, createRef } from "react";
+
+import Field from "../elements/Field";
+import { _t, _td } from "../../../languageHandler";
+import { type IFieldState, type IValidationResult } from "../elements/Validation";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+
+interface IProps {
+    title: string;
+    description: React.ReactNode;
+    value: string;
+    placeholder?: string;
+    button?: string;
+    busyMessage: TranslationKey;
+    focus: boolean;
+    hasCancel: boolean;
+    validator?: (fieldState: IFieldState) => Promise<IValidationResult>; // result of withValidation
+    fixedWidth?: boolean;
+    onFinished(ok?: false, text?: void): void;
+    onFinished(ok: true, text: string): void;
+}
+
+interface IState {
+    value: string;
+    busy: boolean;
+    valid: boolean;
+}
+
+export default class TextInputDialog extends React.Component<IProps, IState> {
+    private field = createRef<Field>();
+
+    public static defaultProps: Partial<IProps> = {
+        title: "",
+        value: "",
+        description: "",
+        busyMessage: _td("common|loading"),
+        focus: true,
+        hasCancel: true,
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            value: this.props.value,
+            busy: false,
+            valid: false,
+        };
+    }
+
+    public componentDidMount(): void {
+        if (this.props.focus) {
+            // Set the cursor at the end of the text input
+            // this._field.current.value = this.props.value;
+            this.field.current?.focus();
+        }
+    }
+
+    private onOk = async (ev: React.FormEvent): Promise<void> => {
+        ev.preventDefault();
+        if (!this.field.current) return;
+        if (this.props.validator) {
+            this.setState({ busy: true });
+            await this.field.current.validate({ allowEmpty: false });
+
+            if (!this.field.current.state.valid) {
+                this.field.current.focus();
+                this.field.current.validate({ allowEmpty: false, focused: true });
+                this.setState({ busy: false });
+                return;
+            }
+        }
+        this.props.onFinished(true, this.state.value);
+    };
+
+    private onCancel = (): void => {
+        this.props.onFinished(false);
+    };
+
+    private onChange = (ev: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            value: ev.target.value,
+        });
+    };
+
+    private onValidate = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await this.props.validator!(fieldState);
+        this.setState({
+            valid: !!result.valid,
+        });
+        return result;
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <BaseDialog
+                className="mx_TextInputDialog"
+                onFinished={this.props.onFinished}
+                title={this.props.title}
+                fixedWidth={this.props.fixedWidth}
+            >
+                <form onSubmit={this.onOk}>
+                    <div className="mx_Dialog_content">
+                        <div className="mx_TextInputDialog_label">
+                            <label htmlFor="textinput"> {this.props.description} </label>
+                        </div>
+                        <div>
+                            <Field
+                                className="mx_TextInputDialog_input"
+                                ref={this.field}
+                                type="text"
+                                label={this.props.placeholder}
+                                value={this.state.value}
+                                onChange={this.onChange}
+                                onValidate={this.props.validator ? this.onValidate : undefined}
+                            />
+                        </div>
+                    </div>
+                </form>
+                <DialogButtons
+                    primaryButton={this.state.busy ? _t(this.props.busyMessage) : this.props.button}
+                    disabled={this.state.busy}
+                    onPrimaryButtonClick={this.onOk}
+                    onCancel={this.onCancel}
+                    hasCancel={this.props.hasCancel}
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/UnpinAllDialog.tsx b/apps/web/src/components/views/dialogs/UnpinAllDialog.tsx
new file mode 100644
index 00000000000..3812f077726
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/UnpinAllDialog.tsx
@@ -0,0 +1,72 @@
+/*
+ * 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.
+ */
+
+import React, { type JSX } from "react";
+import { Button, Text } from "@vector-im/compound-web";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import BaseDialog from "../dialogs/BaseDialog";
+import { _t } from "../../../languageHandler";
+import PinningUtils from "../../../utils/PinningUtils.ts";
+import PosthogTrackers from "../../../PosthogTrackers.ts";
+
+/**
+ * Properties for {@link UnpinAllDialog}.
+ */
+interface UnpinAllDialogProps {
+    /*
+     * The matrix client to use.
+     */
+    matrixClient: MatrixClient;
+    /*
+     * The room ID to unpin all events in.
+     */
+    roomId: string;
+    /*
+     * Callback for when the dialog is closed.
+     */
+    onFinished: () => void;
+}
+
+/**
+ * A dialog that asks the user to confirm unpinning all events in a room.
+ */
+export function UnpinAllDialog({ matrixClient, roomId, onFinished }: UnpinAllDialogProps): JSX.Element {
+    return (
+        <BaseDialog
+            hasCancel={true}
+            title={_t("right_panel|pinned_messages|unpin_all|title")}
+            titleClass="mx_UnpinAllDialog_title"
+            className="mx_UnpinAllDialog"
+            onFinished={onFinished}
+            fixedWidth={false}
+        >
+            <Text as="span">{_t("right_panel|pinned_messages|unpin_all|content")}</Text>
+            <div className="mx_UnpinAllDialog_buttons">
+                <Button
+                    destructive={true}
+                    onClick={async () => {
+                        try {
+                            await PinningUtils.unpinAllEvents(matrixClient, roomId);
+                            PosthogTrackers.trackPinUnpinMessage("Unpin", "UnpinAll");
+                        } catch (e) {
+                            logger.error("Failed to unpin all events:", e);
+                        }
+                        onFinished();
+                    }}
+                >
+                    {_t("action|continue")}
+                </Button>
+                <Button kind="tertiary" onClick={onFinished}>
+                    {_t("action|cancel")}
+                </Button>
+            </div>
+        </BaseDialog>
+    );
+}
diff --git a/apps/web/src/components/views/dialogs/UploadConfirmDialog.tsx b/apps/web/src/components/views/dialogs/UploadConfirmDialog.tsx
new file mode 100644
index 00000000000..9f7ac23f1f1
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/UploadConfirmDialog.tsx
@@ -0,0 +1,145 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2021 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 JSX } from "react";
+import { FilesIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+import { fileSize } from "../../../utils/FileUtils";
+
+interface IProps {
+    file: File;
+    currentIndex: number;
+    totalFiles: number;
+    onFinished: (uploadConfirmed: boolean, uploadAll?: boolean) => void;
+}
+
+interface IState {
+    objectUrl?: string;
+}
+
+export default class UploadConfirmDialog extends React.Component<IProps, IState> {
+    public static defaultProps: Partial<IProps> = {
+        totalFiles: 1,
+        currentIndex: 0,
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {};
+    }
+
+    public componentDidMount(): void {
+        if (this.props.file.type.startsWith("image/") || this.props.file.type.startsWith("video/")) {
+            this.setState({
+                // We do not filter the mimetype using getBlobSafeMimeType here as if the user is uploading the file
+                // themselves they should be trusting it enough to open/load it, and it will be rendered into a hidden
+                // canvas for thumbnail generation anyway
+                objectUrl: URL.createObjectURL(this.props.file),
+            });
+        }
+    }
+
+    public componentWillUnmount(): void {
+        if (this.state.objectUrl) URL.revokeObjectURL(this.state.objectUrl);
+    }
+
+    private onCancelClick = (): void => {
+        this.props.onFinished(false);
+    };
+
+    private onUploadClick = (): void => {
+        this.props.onFinished(true);
+    };
+
+    private onUploadAllClick = (): void => {
+        this.props.onFinished(true, true);
+    };
+
+    public render(): React.ReactNode {
+        let title: string;
+        if (this.props.totalFiles > 1 && this.props.currentIndex !== undefined) {
+            title = _t("upload_file|title_progress", {
+                current: this.props.currentIndex + 1,
+                total: this.props.totalFiles,
+            });
+        } else {
+            title = _t("upload_file|title");
+        }
+
+        const fileId = `mx-uploadconfirmdialog-${this.props.file.name}`;
+        const mimeType = this.props.file.type;
+
+        let preview: JSX.Element | undefined;
+        let placeholder: JSX.Element | undefined;
+        if (mimeType.startsWith("image/")) {
+            preview = (
+                <img
+                    className="mx_UploadConfirmDialog_imagePreview"
+                    src={this.state.objectUrl}
+                    aria-labelledby={fileId}
+                />
+            );
+        } else if (mimeType.startsWith("video/")) {
+            preview = (
+                <video
+                    className="mx_UploadConfirmDialog_imagePreview"
+                    src={this.state.objectUrl}
+                    playsInline
+                    controls={false}
+                />
+            );
+        } else {
+            placeholder = <FilesIcon className="mx_UploadConfirmDialog_fileIcon" height="18px" width="18px" />;
+        }
+
+        let uploadAllButton: JSX.Element | undefined;
+        if (this.props.currentIndex + 1 < this.props.totalFiles) {
+            uploadAllButton = (
+                <button onClick={this.onUploadAllClick} type="button">
+                    {_t("upload_file|upload_all_button")}
+                </button>
+            );
+        }
+
+        return (
+            <BaseDialog
+                className="mx_UploadConfirmDialog"
+                fixedWidth={false}
+                onFinished={this.onCancelClick}
+                title={title}
+                contentId="mx_Dialog_content"
+            >
+                <div id="mx_Dialog_content">
+                    <div className="mx_UploadConfirmDialog_previewOuter">
+                        <div className="mx_UploadConfirmDialog_previewInner">
+                            {preview && <div>{preview}</div>}
+                            <div id={fileId}>
+                                {placeholder}
+                                {this.props.file.name} ({fileSize(this.props.file.size)})
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <DialogButtons
+                    primaryButton={_t("action|upload")}
+                    hasCancel={false}
+                    onPrimaryButtonClick={this.onUploadClick}
+                    focus={true}
+                >
+                    {uploadAllButton}
+                </DialogButtons>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/UploadFailureDialog.tsx b/apps/web/src/components/views/dialogs/UploadFailureDialog.tsx
new file mode 100644
index 00000000000..e3715d032ed
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/UploadFailureDialog.tsx
@@ -0,0 +1,113 @@
+/*
+Copyright 2019-2024 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 { _t } from "../../../languageHandler";
+import type ContentMessages from "../../../ContentMessages";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+import { fileSize } from "../../../utils/FileUtils";
+
+interface IProps {
+    badFiles: File[];
+    totalFiles: number;
+    contentMessages: ContentMessages;
+    onFinished(upload?: boolean): void;
+}
+
+/*
+ * Tells the user about files we know cannot be uploaded before we even try uploading
+ * them. This is named fairly generically but the only thing we check right now is
+ * the size of the file.
+ */
+export default class UploadFailureDialog extends React.Component<IProps> {
+    private onCancelClick = (): void => {
+        this.props.onFinished(false);
+    };
+
+    private onUploadClick = (): void => {
+        this.props.onFinished(true);
+    };
+
+    public render(): React.ReactNode {
+        let message;
+        let buttons;
+        if (this.props.totalFiles === 1 && this.props.badFiles.length === 1) {
+            message = _t(
+                "upload_file|error_file_too_large",
+                {
+                    limit: fileSize(this.props.contentMessages.getUploadLimit()!),
+                    sizeOfThisFile: fileSize(this.props.badFiles[0].size),
+                },
+                {
+                    b: (sub) => <strong>{sub}</strong>,
+                },
+            );
+            buttons = (
+                <DialogButtons
+                    primaryButton={_t("action|ok")}
+                    hasCancel={false}
+                    onPrimaryButtonClick={this.onCancelClick}
+                    focus={true}
+                />
+            );
+        } else if (this.props.totalFiles === this.props.badFiles.length) {
+            message = _t(
+                "upload_file|error_files_too_large",
+                {
+                    limit: fileSize(this.props.contentMessages.getUploadLimit()!),
+                },
+                {
+                    b: (sub) => <strong>{sub}</strong>,
+                },
+            );
+            buttons = (
+                <DialogButtons
+                    primaryButton={_t("action|ok")}
+                    hasCancel={false}
+                    onPrimaryButtonClick={this.onCancelClick}
+                    focus={true}
+                />
+            );
+        } else {
+            message = _t(
+                "upload_file|error_some_files_too_large",
+                {
+                    limit: fileSize(this.props.contentMessages.getUploadLimit()!),
+                },
+                {
+                    b: (sub) => <strong>{sub}</strong>,
+                },
+            );
+            const howManyOthers = this.props.totalFiles - this.props.badFiles.length;
+            buttons = (
+                <DialogButtons
+                    primaryButton={_t("upload_file|upload_n_others_button", { count: howManyOthers })}
+                    onPrimaryButtonClick={this.onUploadClick}
+                    hasCancel={true}
+                    cancelButton={_t("upload_file|cancel_all_button")}
+                    onCancel={this.onCancelClick}
+                    focus={true}
+                />
+            );
+        }
+
+        return (
+            <BaseDialog
+                className="mx_UploadFailureDialog"
+                onFinished={this.onCancelClick}
+                title={_t("upload_file|error_title")}
+                contentId="mx_Dialog_content"
+            >
+                <div id="mx_Dialog_content">{message}</div>
+
+                {buttons}
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/UserSettingsDialog.tsx b/apps/web/src/components/views/dialogs/UserSettingsDialog.tsx
new file mode 100644
index 00000000000..830f1e4f10c
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/UserSettingsDialog.tsx
@@ -0,0 +1,294 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2024 The Matrix.org Foundation C.I.C.
+Copyright 2019 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 { ClientEvent, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { Toast } from "@vector-im/compound-web";
+import React, { type JSX, useState } from "react";
+import UserProfileIcon from "@vector-im/compound-design-tokens/assets/web/icons/user-profile";
+import DevicesIcon from "@vector-im/compound-design-tokens/assets/web/icons/devices";
+import VisibilityOnIcon from "@vector-im/compound-design-tokens/assets/web/icons/visibility-on";
+import NotificationsIcon from "@vector-im/compound-design-tokens/assets/web/icons/notifications";
+import PreferencesIcon from "@vector-im/compound-design-tokens/assets/web/icons/preferences";
+import KeyboardIcon from "@vector-im/compound-design-tokens/assets/web/icons/keyboard";
+import KeyIcon from "@vector-im/compound-design-tokens/assets/web/icons/key";
+import SidebarIcon from "@vector-im/compound-design-tokens/assets/web/icons/sidebar";
+import MicOnIcon from "@vector-im/compound-design-tokens/assets/web/icons/mic-on";
+import LockIcon from "@vector-im/compound-design-tokens/assets/web/icons/lock";
+import LabsIcon from "@vector-im/compound-design-tokens/assets/web/icons/labs";
+import BlockIcon from "@vector-im/compound-design-tokens/assets/web/icons/block";
+import HelpIcon from "@vector-im/compound-design-tokens/assets/web/icons/help";
+import { ToastContext, useActiveToast } from "@element-hq/web-shared-components";
+
+import TabbedView, { Tab, useActiveTabWithDefault } from "../../structures/TabbedView";
+import { _t, _td } from "../../../languageHandler";
+import AccountUserSettingsTab from "../settings/tabs/user/AccountUserSettingsTab";
+import SettingsStore from "../../../settings/SettingsStore";
+import LabsUserSettingsTab, { showLabsFlags } from "../settings/tabs/user/LabsUserSettingsTab";
+import AppearanceUserSettingsTab from "../settings/tabs/user/AppearanceUserSettingsTab";
+import SecurityUserSettingsTab from "../settings/tabs/user/SecurityUserSettingsTab";
+import NotificationUserSettingsTab from "../settings/tabs/user/NotificationUserSettingsTab";
+import PreferencesUserSettingsTab from "../settings/tabs/user/PreferencesUserSettingsTab";
+import VoiceUserSettingsTab from "../settings/tabs/user/VoiceUserSettingsTab";
+import HelpUserSettingsTab from "../settings/tabs/user/HelpUserSettingsTab";
+import MjolnirUserSettingsTab from "../settings/tabs/user/MjolnirUserSettingsTab";
+import { UIFeature } from "../../../settings/UIFeature";
+import BaseDialog from "./BaseDialog";
+import SidebarUserSettingsTab from "../settings/tabs/user/SidebarUserSettingsTab";
+import KeyboardUserSettingsTab from "../settings/tabs/user/KeyboardUserSettingsTab";
+import SessionManagerTab from "../settings/tabs/user/SessionManagerTab";
+import { UserTab } from "./UserTab";
+import { type NonEmptyArray } from "../../../@types/common";
+import { SDKContext } from "../../../contexts/SDKContext";
+import { type SDKContextClass } from "../../../contexts/SDKContextClass";
+import { useSettingValue } from "../../../hooks/useSettings";
+import { NoChange, useEventEmitterAsyncState, type AsyncStateCallbackResult } from "../../../hooks/useEventEmitter";
+import { EncryptionUserSettingsTab, type State } from "../settings/tabs/user/EncryptionUserSettingsTab";
+
+interface IProps {
+    initialTabId?: UserTab;
+    showMsc4108QrCode?: boolean;
+    /*
+     * The initial state of the Encryption tab.
+     * If undefined, the default state is used ("loading").
+     */
+    initialEncryptionState?: State;
+    sdkContext: SDKContextClass;
+    onFinished(this: void): void;
+}
+
+function titleForTabID(tabId: UserTab): React.ReactNode {
+    const subs = {
+        strong: (sub: string) => <span className="mx_UserSettingsDialog_title_strong">{sub}</span>,
+    };
+    switch (tabId) {
+        case UserTab.Account:
+            return _t("settings|account|dialog_title", undefined, subs);
+        case UserTab.SessionManager:
+            return _t("settings|sessions|dialog_title", undefined, subs);
+        case UserTab.Appearance:
+            return _t("settings|appearance|dialog_title", undefined, subs);
+        case UserTab.Notifications:
+            return _t("settings|notifications|dialog_title", undefined, subs);
+        case UserTab.Preferences:
+            return _t("settings|preferences|dialog_title", undefined, subs);
+        case UserTab.Keyboard:
+            return _t("settings|keyboard|dialog_title", undefined, subs);
+        case UserTab.Sidebar:
+            return _t("settings|sidebar|dialog_title", undefined, subs);
+        case UserTab.Voice:
+            return _t("settings|voip|dialog_title", undefined, subs);
+        case UserTab.Security:
+            return _t("settings|security|dialog_title", undefined, subs);
+        case UserTab.Encryption:
+            return _t("settings|encryption|dialog_title", undefined, subs);
+        case UserTab.Labs:
+            return _t("settings|labs|dialog_title", undefined, subs);
+        case UserTab.Mjolnir:
+            return _t("settings|labs_mjolnir|dialog_title", undefined, subs);
+        case UserTab.Help:
+            return _t("setting|help_about|dialog_title", undefined, subs);
+    }
+}
+
+export default function UserSettingsDialog(props: IProps): JSX.Element {
+    const voipEnabled = useSettingValue(UIFeature.Voip);
+    const mjolnirEnabled = useSettingValue("feature_mjolnir");
+    // store these props in state as changing tabs back and forth should clear them
+    const [showMsc4108QrCode, setShowMsc4108QrCode] = useState(props.showMsc4108QrCode);
+    const [initialEncryptionState, setInitialEncryptionState] = useState(props.initialEncryptionState);
+
+    // If the user doesn't have Recovery set up (no default Secret Storage key),
+    // we show an indicator on the Encryption tab.
+    const showSetupRecoveryIndicator = useEventEmitterAsyncState(
+        props.sdkContext.client,
+        ClientEvent.AccountData,
+        async (event?: MatrixEvent): AsyncStateCallbackResult<boolean> => {
+            if (event === undefined || event.getType() === "m.secret_storage.default_key") {
+                const client = props.sdkContext.client;
+                if (!client) {
+                    return false;
+                }
+
+                return !(await client.secretStorage.getDefaultKeyId());
+            }
+            return new NoChange();
+        },
+        [],
+        false,
+    );
+
+    const getTabs = (): NonEmptyArray<Tab<UserTab>> => {
+        const tabs: Tab<UserTab>[] = [];
+
+        tabs.push(
+            new Tab(
+                UserTab.Account,
+                _td("settings|account|title"),
+                <UserProfileIcon />,
+                <AccountUserSettingsTab closeSettingsFn={props.onFinished} />,
+                "UserSettingsGeneral",
+            ),
+        );
+        tabs.push(
+            new Tab(
+                UserTab.SessionManager,
+                _td("settings|sessions|title"),
+                <DevicesIcon />,
+                <SessionManagerTab showMsc4108QrCode={showMsc4108QrCode} />,
+                undefined,
+            ),
+        );
+        tabs.push(
+            new Tab(
+                UserTab.Appearance,
+                _td("common|appearance"),
+                <VisibilityOnIcon />,
+                <AppearanceUserSettingsTab />,
+                "UserSettingsAppearance",
+            ),
+        );
+        tabs.push(
+            new Tab(
+                UserTab.Notifications,
+                _td("notifications|enable_prompt_toast_title"),
+                <NotificationsIcon />,
+                <NotificationUserSettingsTab />,
+                "UserSettingsNotifications",
+            ),
+        );
+        tabs.push(
+            new Tab(
+                UserTab.Preferences,
+                _td("common|preferences"),
+                <PreferencesIcon />,
+                <PreferencesUserSettingsTab />,
+                "UserSettingsPreferences",
+            ),
+        );
+        tabs.push(
+            new Tab(
+                UserTab.Keyboard,
+                _td("settings|keyboard|title"),
+                <KeyboardIcon />,
+                <KeyboardUserSettingsTab />,
+                "UserSettingsKeyboard",
+            ),
+        );
+        tabs.push(
+            new Tab(
+                UserTab.Sidebar,
+                _td("settings|sidebar|title"),
+                <SidebarIcon />,
+                <SidebarUserSettingsTab />,
+                "UserSettingsSidebar",
+            ),
+        );
+
+        if (voipEnabled) {
+            tabs.push(
+                new Tab(
+                    UserTab.Voice,
+                    _td("settings|voip|title"),
+                    <MicOnIcon />,
+                    <VoiceUserSettingsTab />,
+                    "UserSettingsVoiceVideo",
+                ),
+            );
+        }
+
+        tabs.push(
+            new Tab(
+                UserTab.Security,
+                _td("room_settings|security|title"),
+                <LockIcon />,
+                <SecurityUserSettingsTab />,
+                "UserSettingsSecurityPrivacy",
+            ),
+        );
+
+        tabs.push(
+            new Tab(
+                UserTab.Encryption,
+                _td("settings|encryption|title"),
+                <KeyIcon />,
+                <EncryptionUserSettingsTab initialState={initialEncryptionState} />,
+                "UserSettingsEncryption",
+                showSetupRecoveryIndicator ? "mx_SettingsDialog_tabLabelsAlert" : undefined,
+            ),
+        );
+
+        if (showLabsFlags() || SettingsStore.getFeatureSettingNames().some((k) => SettingsStore.getBetaInfo(k))) {
+            tabs.push(
+                new Tab(UserTab.Labs, _td("common|labs"), <LabsIcon />, <LabsUserSettingsTab />, "UserSettingsLabs"),
+            );
+        }
+        if (mjolnirEnabled) {
+            tabs.push(
+                new Tab(
+                    UserTab.Mjolnir,
+                    _td("labs_mjolnir|title"),
+                    <BlockIcon />,
+                    <MjolnirUserSettingsTab />,
+                    "UserSettingMjolnir",
+                ),
+            );
+        }
+        tabs.push(
+            new Tab(
+                UserTab.Help,
+                _td("setting|help_about|title"),
+                <HelpIcon />,
+                <HelpUserSettingsTab />,
+                "UserSettingsHelpAbout",
+            ),
+        );
+
+        return tabs as NonEmptyArray<Tab<UserTab>>;
+    };
+
+    const [activeTabId, _setActiveTabId] = useActiveTabWithDefault(getTabs(), UserTab.Account, props.initialTabId);
+    const setActiveTabId = (tabId: UserTab): void => {
+        _setActiveTabId(tabId);
+        // Clear these so switching away from the tab and back to it will not show the QR code again
+        setShowMsc4108QrCode(false);
+        setInitialEncryptionState(undefined);
+    };
+
+    const [activeToast, toastRack] = useActiveToast();
+
+    return (
+        // XXX: SDKContext is provided within the LoggedInView subtree.
+        // Modals function outside the MatrixChat React tree, so sdkContext is reprovided here to simulate that.
+        // The longer term solution is to move our ModalManager into the React tree to inherit contexts properly.
+        <SDKContext.Provider value={props.sdkContext}>
+            <ToastContext.Provider value={toastRack}>
+                <BaseDialog
+                    className="mx_UserSettingsDialog"
+                    hasCancel={true}
+                    onFinished={props.onFinished}
+                    title={titleForTabID(activeTabId)}
+                    titleClass="mx_UserSettingsDialog_title"
+                >
+                    <div className="mx_SettingsDialog_content">
+                        <TabbedView
+                            tabs={getTabs()}
+                            activeTabId={activeTabId}
+                            screenName="UserSettings"
+                            onChange={setActiveTabId}
+                            responsive={true}
+                        />
+                    </div>
+                    <div className="mx_SettingsDialog_toastContainer">
+                        {activeToast && <Toast>{activeToast}</Toast>}
+                    </div>
+                </BaseDialog>
+            </ToastContext.Provider>
+        </SDKContext.Provider>
+    );
+}
diff --git a/apps/web/src/components/views/dialogs/UserTab.ts b/apps/web/src/components/views/dialogs/UserTab.ts
new file mode 100644
index 00000000000..323fc1e330c
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/UserTab.ts
@@ -0,0 +1,23 @@
+/*
+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.
+*/
+
+export enum UserTab {
+    Account = "USER_ACCOUNT_TAB",
+    Appearance = "USER_APPEARANCE_TAB",
+    Notifications = "USER_NOTIFICATIONS_TAB",
+    Preferences = "USER_PREFERENCES_TAB",
+    Keyboard = "USER_KEYBOARD_TAB",
+    Sidebar = "USER_SIDEBAR_TAB",
+    Voice = "USER_VOICE_TAB",
+    Security = "USER_SECURITY_TAB",
+    Encryption = "USER_ENCRYPTION_TAB",
+    Labs = "USER_LABS_TAB",
+    Mjolnir = "USER_MJOLNIR_TAB",
+    Help = "USER_HELP_TAB",
+    SessionManager = "USER_SESSION_MANAGER_TAB",
+}
diff --git a/apps/web/src/components/views/dialogs/VerificationRequestDialog.tsx b/apps/web/src/components/views/dialogs/VerificationRequestDialog.tsx
new file mode 100644
index 00000000000..9414c9107b7
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/VerificationRequestDialog.tsx
@@ -0,0 +1,141 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 from "react";
+import { VerificationPhase, VerificationRequestEvent, type VerificationRequest } from "matrix-js-sdk/src/crypto-api";
+import { VerificationMethod } from "matrix-js-sdk/src/types";
+import { type User } from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { _t } from "../../../languageHandler";
+import BaseDialog from "./BaseDialog";
+import EncryptionPanel from "../right_panel/EncryptionPanel";
+
+interface IProps {
+    verificationRequest?: VerificationRequest;
+    verificationRequestPromise?: Promise<VerificationRequest>;
+    onFinished: () => void;
+    member?: User;
+}
+
+interface IState {
+    // The VerificationRequest that is ongoing. This can be replaced if a
+    // promise was supplied in the props and it completes.
+    verificationRequest?: VerificationRequest;
+
+    // What phase the VerificationRequest is at. This is part of
+    // verificationRequest but we have it as independent state because we need
+    // to update when it changes.
+    //
+    // We listen to the `Change` event on verificationRequest and update phase
+    // when that fires.
+    phase?: VerificationPhase;
+}
+
+export default class VerificationRequestDialog extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            verificationRequest: this.props.verificationRequest,
+            phase: this.props.verificationRequest?.phase,
+        };
+    }
+
+    public componentDidMount(): void {
+        // Listen to when the verificationRequest changes, so we can keep our
+        // phase up-to-date.
+        this.state.verificationRequest?.on(VerificationRequestEvent.Change, this.onRequestChange);
+
+        this.props.verificationRequestPromise?.then((r) => {
+            // The request promise completed, so we have a new request
+
+            // Stop listening to the old request (if we have one, which normally we won't)
+            this.state.verificationRequest?.off(VerificationRequestEvent.Change, this.onRequestChange);
+
+            // And start listening to the new one
+            r.on(VerificationRequestEvent.Change, this.onRequestChange);
+
+            this.setState({ verificationRequest: r, phase: r.phase });
+        });
+    }
+
+    public componentWillUnmount(): void {
+        // Stop listening for changes to the request when we close
+        this.state.verificationRequest?.off(VerificationRequestEvent.Change, this.onRequestChange);
+    }
+
+    /**
+     * The verificationRequest changed, so we need to make sure we update our
+     * state to have the correct phase.
+     *
+     * Note: this is called when verificationRequest changes in some way, not
+     * when we replace verificationRequest with some new request.
+     */
+    private readonly onRequestChange = (): void => {
+        this.setState((prevState) => ({
+            phase: prevState.verificationRequest?.phase,
+        }));
+    };
+
+    public render(): React.ReactNode {
+        const request = this.state.verificationRequest;
+        const otherUserId = request?.otherUserId;
+        const member = this.props.member || (otherUserId ? MatrixClientPeg.safeGet().getUser(otherUserId) : null);
+        const title = this.dialogTitle(request);
+
+        if (!member) return null;
+
+        return (
+            <BaseDialog
+                className="mx_InfoDialog"
+                onFinished={this.props.onFinished}
+                contentId="mx_Dialog_content"
+                title={title}
+                hasCancel={true}
+            >
+                <EncryptionPanel
+                    layout="dialog"
+                    verificationRequest={this.state.verificationRequest}
+                    verificationRequestPromise={this.props.verificationRequestPromise}
+                    onClose={this.props.onFinished}
+                    member={member}
+                    isRoomEncrypted={false}
+                />
+            </BaseDialog>
+        );
+    }
+
+    private dialogTitle(request?: VerificationRequest): string {
+        if (request?.isSelfVerification) {
+            switch (request.phase) {
+                case VerificationPhase.Ready:
+                    return _t("encryption|verification|verification_dialog_title_choose");
+                case VerificationPhase.Done:
+                    return _t("encryption|verification|verification_dialog_title_verified");
+                case VerificationPhase.Started:
+                    switch (request.chosenMethod) {
+                        case VerificationMethod.Reciprocate:
+                            return _t("encryption|verification|verification_dialog_title_confirm_green_shield");
+                        case VerificationMethod.Sas:
+                            return _t("encryption|verification|verification_dialog_title_compare_emojis");
+                        default:
+                            return _t("encryption|verification|verification_dialog_title_device");
+                    }
+                case VerificationPhase.Unsent:
+                case VerificationPhase.Requested:
+                    return _t("encryption|verification|verification_dialog_title_start_on_other_device");
+                case VerificationPhase.Cancelled:
+                    return _t("encryption|verification|verification_dialog_title_failed");
+                default:
+                    return _t("encryption|verification|verification_dialog_title_device");
+            }
+        } else {
+            return _t("encryption|verification|verification_dialog_title_user");
+        }
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/WidgetCapabilitiesPromptDialog.tsx b/apps/web/src/components/views/dialogs/WidgetCapabilitiesPromptDialog.tsx
new file mode 100644
index 00000000000..c5bfe7bedff
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/WidgetCapabilitiesPromptDialog.tsx
@@ -0,0 +1,141 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 2020, 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 ChangeEventHandler } from "react";
+import { type Capability, isTimelineCapability, WidgetEventCapability, type WidgetKind } from "matrix-widget-api";
+import { lexicographicCompare } from "matrix-js-sdk/src/utils";
+import { Form, SettingsToggleInput } from "@vector-im/compound-web";
+
+import BaseDialog from "./BaseDialog";
+import { _t } from "../../../languageHandler";
+import { objectShallowClone } from "../../../utils/objects";
+import StyledCheckbox from "../elements/StyledCheckbox";
+import DialogButtons from "../elements/DialogButtons";
+import { CapabilityText } from "../../../widgets/CapabilityText";
+
+interface IProps {
+    requestedCapabilities: Set<Capability>;
+    widgetKind: WidgetKind; // TODO: Refactor into the Widget class
+    onFinished(result?: { approved: Capability[]; remember: boolean }): void;
+}
+
+type BooleanStates = Partial<{
+    [capability in Capability]: boolean;
+}>;
+
+interface IState {
+    booleanStates: BooleanStates;
+    rememberSelection: boolean;
+}
+
+export default class WidgetCapabilitiesPromptDialog extends React.PureComponent<IProps, IState> {
+    private eventPermissionsMap = new Map<Capability, WidgetEventCapability>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        const parsedEvents = WidgetEventCapability.findEventCapabilities(this.props.requestedCapabilities);
+        parsedEvents.forEach((e) => this.eventPermissionsMap.set(e.raw, e));
+
+        const states: BooleanStates = {};
+        this.props.requestedCapabilities.forEach((c) => (states[c] = true));
+
+        this.state = {
+            booleanStates: states,
+            rememberSelection: true,
+        };
+    }
+
+    private onToggle = (capability: Capability): void => {
+        const newStates = objectShallowClone(this.state.booleanStates);
+        newStates[capability] = !newStates[capability];
+        this.setState({ booleanStates: newStates });
+    };
+
+    private onRememberSelectionChange: ChangeEventHandler<HTMLInputElement> = (evt): void => {
+        this.setState({ rememberSelection: evt.target.checked });
+    };
+
+    private onSubmit = async (): Promise<void> => {
+        this.closeAndTryRemember(
+            Object.entries(this.state.booleanStates)
+                .filter(([_, isSelected]) => isSelected)
+                .map(([cap]) => cap),
+        );
+    };
+
+    private onReject = async (): Promise<void> => {
+        this.closeAndTryRemember([]); // nothing was approved
+    };
+
+    private closeAndTryRemember(approved: Capability[]): void {
+        this.props.onFinished({ approved, remember: this.state.rememberSelection });
+    }
+
+    public render(): React.ReactNode {
+        // We specifically order the timeline capabilities down to the bottom. The capability text
+        // generation cares strongly about this.
+        const orderedCapabilities = Object.entries(this.state.booleanStates).sort(([capA], [capB]) => {
+            const isTimelineA = isTimelineCapability(capA);
+            const isTimelineB = isTimelineCapability(capB);
+
+            // Sort timeline capabilities to the bottom, non-timeline to the top
+            if (isTimelineA !== isTimelineB) {
+                return isTimelineA ? 1 : -1;
+            }
+
+            // Both are the same type (both timeline or both non-timeline), sort lexicographically
+            return lexicographicCompare(capA, capB);
+        });
+        const checkboxRows = orderedCapabilities.map(([cap, isChecked]) => {
+            const text = CapabilityText.for(cap, this.props.widgetKind);
+
+            return (
+                <div className="mx_WidgetCapabilitiesPromptDialog_cap" key={cap}>
+                    <StyledCheckbox
+                        checked={isChecked}
+                        onChange={() => this.onToggle(cap)}
+                        description={text.byline}
+                        formWrap={false}
+                    >
+                        {text.primary}
+                    </StyledCheckbox>
+                </div>
+            );
+        });
+
+        return (
+            <BaseDialog
+                className="mx_WidgetCapabilitiesPromptDialog"
+                onFinished={this.props.onFinished}
+                title={_t("widget|capabilities_dialog|title")}
+            >
+                <Form.Root onSubmit={this.onSubmit}>
+                    <div className="mx_Dialog_content">
+                        <div className="text-muted">{_t("widget|capabilities_dialog|content_starting_text")}</div>
+                        {checkboxRows}
+                        <DialogButtons
+                            primaryButton={_t("action|approve")}
+                            cancelButton={_t("widget|capabilities_dialog|decline_all_permission")}
+                            onPrimaryButtonClick={this.onSubmit}
+                            onCancel={this.onReject}
+                            additive={
+                                <SettingsToggleInput
+                                    name="remember-selection"
+                                    checked={this.state.rememberSelection}
+                                    onChange={this.onRememberSelectionChange}
+                                    label={_t("widget|capabilities_dialog|remember_Selection")}
+                                />
+                            }
+                        />
+                    </div>
+                </Form.Root>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/WidgetOpenIDPermissionsDialog.tsx b/apps/web/src/components/views/dialogs/WidgetOpenIDPermissionsDialog.tsx
new file mode 100644
index 00000000000..cf1142a9b2f
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/WidgetOpenIDPermissionsDialog.tsx
@@ -0,0 +1,106 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 The Matrix.org Foundation C.I.C.
+Copyright 2019 Travis Ralston
+
+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 ChangeEventHandler } from "react";
+import { type Widget, type WidgetKind } from "matrix-widget-api";
+import { logger } from "matrix-js-sdk/src/logger";
+import { Form, SettingsToggleInput } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import { OIDCState } from "../../../stores/widgets/WidgetPermissionStore";
+import BaseDialog from "./BaseDialog";
+import DialogButtons from "../elements/DialogButtons";
+import { SDKContextClass } from "../../../contexts/SDKContextClass";
+
+interface IProps {
+    widget: Widget;
+    widgetKind: WidgetKind;
+    inRoomId?: string;
+    onFinished(allowed?: boolean): void;
+}
+
+interface IState {
+    rememberSelection: boolean;
+}
+
+export default class WidgetOpenIDPermissionsDialog extends React.PureComponent<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            rememberSelection: false,
+        };
+    }
+
+    private onAllow = (): void => {
+        this.onPermissionSelection(true);
+    };
+
+    private onDeny = (): void => {
+        this.onPermissionSelection(false);
+    };
+
+    private onPermissionSelection(allowed: boolean): void {
+        if (this.state.rememberSelection) {
+            logger.log(`Remembering ${this.props.widget.id} as allowed=${allowed} for OpenID`);
+
+            SDKContextClass.instance.widgetPermissionStore.setOIDCState(
+                this.props.widget,
+                this.props.widgetKind,
+                this.props.inRoomId,
+                allowed ? OIDCState.Allowed : OIDCState.Denied,
+            );
+        }
+
+        this.props.onFinished(allowed);
+    }
+
+    private onRememberSelectionChange: ChangeEventHandler<HTMLInputElement> = (evt): void => {
+        this.setState({ rememberSelection: evt.target.checked });
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <BaseDialog
+                className="mx_WidgetOpenIDPermissionsDialog"
+                hasCancel={true}
+                onFinished={this.props.onFinished}
+                title={_t("widget|open_id_permissions_dialog|title")}
+            >
+                <div className="mx_WidgetOpenIDPermissionsDialog_content">
+                    <p>{_t("widget|open_id_permissions_dialog|starting_text")}</p>
+                    <p className="text-muted">
+                        {/* cheap trim to just get the path */}
+                        {this.props.widget.templateUrl.split("?")[0].split("#")[0]}
+                    </p>
+                </div>
+                <DialogButtons
+                    primaryButton={_t("action|continue")}
+                    onPrimaryButtonClick={this.onAllow}
+                    onCancel={this.onDeny}
+                    additive={
+                        <Form.Root
+                            onSubmit={(evt) => {
+                                evt.preventDefault();
+                                evt.stopPropagation();
+                            }}
+                        >
+                            <SettingsToggleInput
+                                name="remember-selection"
+                                checked={this.state.rememberSelection}
+                                onChange={this.onRememberSelectionChange}
+                                label={_t("widget|open_id_permissions_dialog|remember_selection")}
+                            />
+                        </Form.Root>
+                    }
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/devtools/AccountData.tsx b/apps/web/src/components/views/dialogs/devtools/AccountData.tsx
new file mode 100644
index 00000000000..6631675d4f2
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/devtools/AccountData.tsx
@@ -0,0 +1,117 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2022 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, { useContext, useMemo, useState } from "react";
+import {
+    type AccountDataEvents,
+    type IContent,
+    type MatrixEvent,
+    type RoomAccountDataEvents,
+} from "matrix-js-sdk/src/matrix";
+
+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 } from "../../../../languageHandler";
+
+export const AccountDataEventEditor: React.FC<IEditorProps> = ({ mxEvent, onBack }) => {
+    const cli = useContext(MatrixClientContext);
+
+    const fields = useMemo(() => [eventTypeField(mxEvent?.getType())], [mxEvent]);
+
+    const onSend = async ([eventType]: Array<keyof AccountDataEvents>, content?: IContent): Promise<void> => {
+        await cli.setAccountData(eventType, content || {});
+    };
+
+    const defaultContent = mxEvent ? stringify(mxEvent.getContent()) : undefined;
+    return <EventEditor fieldDefs={fields} defaultContent={defaultContent} onSend={onSend} onBack={onBack} />;
+};
+
+export const RoomAccountDataEventEditor: React.FC<IEditorProps> = ({ mxEvent, onBack }) => {
+    const context = useContext(DevtoolsContext);
+    const cli = useContext(MatrixClientContext);
+
+    const fields = useMemo(() => [eventTypeField(mxEvent?.getType())], [mxEvent]);
+
+    const onSend = async ([eventType]: Array<keyof RoomAccountDataEvents>, content?: IContent): Promise<void> => {
+        await cli.setRoomAccountData(context.room.roomId, eventType, content || {});
+    };
+
+    const defaultContent = mxEvent ? stringify(mxEvent.getContent()) : undefined;
+    return <EventEditor fieldDefs={fields} defaultContent={defaultContent} onSend={onSend} onBack={onBack} />;
+};
+
+interface IProps extends IDevtoolsProps {
+    events: Map<string, MatrixEvent>;
+    Editor: React.FC<IEditorProps>;
+    actionLabel: TranslationKey;
+}
+
+const BaseAccountDataExplorer: React.FC<IProps> = ({ events, Editor, actionLabel, onBack, setTool }) => {
+    const [query, setQuery] = useState("");
+    const [event, setEvent] = useState<MatrixEvent | null>(null);
+
+    if (event) {
+        const onBack = (): void => {
+            setEvent(null);
+        };
+        return <EventViewer mxEvent={event} onBack={onBack} Editor={Editor} />;
+    }
+
+    const onAction = async (): Promise<void> => {
+        setTool(actionLabel, Editor);
+    };
+
+    return (
+        <BaseTool onBack={onBack} actionLabel={actionLabel} onAction={onAction}>
+            <FilteredList query={query} onChange={setQuery}>
+                {Array.from(events.entries()).map(([eventType, ev]) => {
+                    const onClick = (): void => {
+                        setEvent(ev);
+                    };
+
+                    return (
+                        <button className="mx_DevTools_button" key={eventType} onClick={onClick} type="button">
+                            {eventType}
+                        </button>
+                    );
+                })}
+            </FilteredList>
+        </BaseTool>
+    );
+};
+
+export const AccountDataExplorer: React.FC<IDevtoolsProps> = ({ onBack, setTool }) => {
+    const cli = useContext(MatrixClientContext);
+
+    return (
+        <BaseAccountDataExplorer
+            events={cli.store.accountData}
+            Editor={AccountDataEventEditor}
+            actionLabel={_td("devtools|send_custom_account_data_event")}
+            onBack={onBack}
+            setTool={setTool}
+        />
+    );
+};
+
+export const RoomAccountDataExplorer: React.FC<IDevtoolsProps> = ({ onBack, setTool }) => {
+    const context = useContext(DevtoolsContext);
+
+    return (
+        <BaseAccountDataExplorer
+            events={context.room.accountData}
+            Editor={RoomAccountDataEventEditor}
+            actionLabel={_td("devtools|send_custom_room_account_data_event")}
+            onBack={onBack}
+            setTool={setTool}
+        />
+    );
+};
diff --git a/apps/web/src/components/views/dialogs/devtools/BaseTool.tsx b/apps/web/src/components/views/dialogs/devtools/BaseTool.tsx
new file mode 100644
index 00000000000..6a2ce75d5c3
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/devtools/BaseTool.tsx
@@ -0,0 +1,92 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2022 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, { createContext, type ReactNode, useState } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import classNames from "classnames";
+
+import { _t } from "../../../../languageHandler";
+import { type XOR } from "../../../../@types/common";
+import { type Tool } from "../DevtoolsDialog";
+
+export interface IDevtoolsProps {
+    onBack(this: void): void;
+    setTool(this: void, label: TranslationKey, tool: Tool): void;
+}
+
+interface IMinProps extends Pick<IDevtoolsProps, "onBack"> {
+    className?: string;
+    children?: ReactNode;
+    extraButton?: ReactNode;
+}
+
+interface IProps extends IMinProps {
+    actionLabel: TranslationKey;
+    onAction(this: void): Promise<string | void>;
+}
+
+const BaseTool: React.FC<XOR<IMinProps, IProps>> = ({
+    className,
+    actionLabel,
+    onBack,
+    onAction,
+    children,
+    extraButton,
+}) => {
+    const [message, setMessage] = useState<string | null>(null);
+
+    const onBackClick = (): void => {
+        if (message) {
+            setMessage(null);
+        } else {
+            onBack();
+        }
+    };
+
+    let actionButton: ReactNode = null;
+    if (message) {
+        children = message;
+    } else if (onAction && actionLabel) {
+        const onActionClick = (): void => {
+            onAction().then((msg) => {
+                if (typeof msg === "string") {
+                    setMessage(msg);
+                }
+            });
+        };
+
+        actionButton = (
+            <button onClick={onActionClick} type="button">
+                {_t(actionLabel)}
+            </button>
+        );
+    }
+
+    return (
+        <>
+            <div className={classNames("mx_DevTools_content", className)}>{children}</div>
+            <div className="mx_Dialog_buttons">
+                {extraButton}
+                <button onClick={onBackClick} type="button">
+                    {_t("action|back")}
+                </button>
+                {actionButton}
+            </div>
+        </>
+    );
+};
+
+export default BaseTool;
+
+interface IContext {
+    room: Room;
+    threadRootId?: string | null;
+}
+
+export const DevtoolsContext = createContext<IContext>({} as IContext);
diff --git a/apps/web/src/components/views/dialogs/devtools/Crypto.tsx b/apps/web/src/components/views/dialogs/devtools/Crypto.tsx
new file mode 100644
index 00000000000..3e4cda666e5
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/devtools/Crypto.tsx
@@ -0,0 +1,331 @@
+/*
+ * 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 { InlineSpinner } from "@vector-im/compound-web";
+
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import BaseTool from "./BaseTool";
+import { useAsyncMemo } from "../../../../hooks/useAsyncMemo";
+import { _t } from "../../../../languageHandler";
+import Modal from "../../../../Modal";
+import { ManualDeviceKeyVerificationDialog } from "../ManualDeviceKeyVerificationDialog";
+import RestoreKeyBackupDialog from "../../dialogs/security/RestoreKeyBackupDialog";
+
+interface KeyBackupProps {
+    /**
+     * Callback to invoke when the back button is clicked.
+     */
+    onBack(this: void): void;
+}
+
+/**
+ * A component that displays information about the key storage and cross-signing.
+ */
+export function Crypto({ onBack }: KeyBackupProps): JSX.Element {
+    const matrixClient = useMatrixClientContext();
+    return (
+        <BaseTool onBack={onBack} className="mx_Crypto">
+            {matrixClient.getCrypto() ? (
+                <>
+                    <KeyStorage />
+                    <CrossSigning />
+                    <Session />
+
+                    <button
+                        type="button"
+                        onClick={() => {
+                            Modal.createDialog(ManualDeviceKeyVerificationDialog);
+                        }}
+                    >
+                        {_t("devtools|manual_device_verification")}
+                    </button>
+                    <button
+                        type="button"
+                        onClick={() => {
+                            Modal.createDialog(
+                                RestoreKeyBackupDialog,
+                                undefined,
+                                undefined,
+                                /* priority = */ true,
+                                /* static = */ true,
+                            );
+                        }}
+                    >
+                        {_t("devtools|restore_from_backup")}
+                    </button>
+                </>
+            ) : (
+                <span>{_t("devtools|crypto|crypto_not_available")}</span>
+            )}
+        </BaseTool>
+    );
+}
+
+/**
+ * A component that displays information about the key storage.
+ */
+function KeyStorage(): JSX.Element {
+    const matrixClient = useMatrixClientContext();
+    const keyStorageData = useAsyncMemo(async () => {
+        const crypto = matrixClient.getCrypto()!;
+
+        // Get all the key storage data that we will display
+        const backupInfo = await crypto.getKeyBackupInfo();
+        const backupKeyStored = Boolean(await matrixClient.isKeyBackupKeyStored());
+        const backupKeyFromCache = await crypto.getSessionBackupPrivateKey();
+        const backupKeyCached = Boolean(backupKeyFromCache);
+        const backupKeyWellFormed = backupKeyFromCache instanceof Uint8Array;
+        const activeBackupVersion = await crypto.getActiveSessionBackupVersion();
+        const secretStorageKeyInAccount = await matrixClient.secretStorage.hasKey();
+        const secretStorageReady = await crypto.isSecretStorageReady();
+
+        return {
+            backupInfo,
+            backupKeyStored,
+            backupKeyCached,
+            backupKeyWellFormed,
+            activeBackupVersion,
+            secretStorageKeyInAccount,
+            secretStorageReady,
+        };
+    }, [matrixClient]);
+
+    // Show a spinner while loading
+    if (keyStorageData === undefined) return <InlineSpinner aria-label={_t("common|loading")} />;
+
+    const {
+        backupInfo,
+        backupKeyStored,
+        backupKeyCached,
+        backupKeyWellFormed,
+        activeBackupVersion,
+        secretStorageKeyInAccount,
+        secretStorageReady,
+    } = keyStorageData;
+
+    return (
+        <table aria-label={_t("devtools|crypto|key_storage")}>
+            <thead>
+                <tr>
+                    <th colSpan={2}>{_t("devtools|crypto|key_storage")}</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|key_backup_latest_version")}</th>
+                    <td>
+                        {backupInfo
+                            ? `${backupInfo.version} (${_t("settings|security|key_backup_algorithm")} ${backupInfo.algorithm})`
+                            : _t("devtools|crypto|key_backup_inactive_warning")}
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|backup_key_stored_status")}</th>
+                    <td>
+                        {backupKeyStored
+                            ? _t("devtools|crypto|backup_key_stored")
+                            : _t("devtools|crypto|backup_key_not_stored")}
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|key_backup_active_version")}</th>
+                    <td>
+                        {activeBackupVersion === null
+                            ? _t("devtools|crypto|key_backup_active_version_none")
+                            : activeBackupVersion}
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|backup_key_cached_status")}</th>
+                    <td>
+                        {`${
+                            backupKeyCached
+                                ? _t("devtools|crypto|backup_key_cached")
+                                : _t("devtools|crypto|not_found_locally")
+                        }, ${
+                            backupKeyWellFormed
+                                ? _t("devtools|crypto|backup_key_well_formed")
+                                : _t("devtools|crypto|backup_key_unexpected_type")
+                        }`}
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|4s_public_key_status")}</th>
+                    <td>
+                        {secretStorageKeyInAccount
+                            ? _t("devtools|crypto|4s_public_key_in_account_data")
+                            : _t("devtools|crypto|4s_public_key_not_in_account_data")}
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|secret_storage_status")}</th>
+                    <td>
+                        {secretStorageReady
+                            ? _t("devtools|crypto|secret_storage_ready")
+                            : _t("devtools|crypto|secret_storage_not_ready")}
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    );
+}
+
+/**
+ * A component that displays information about cross-signing.
+ */
+function CrossSigning(): JSX.Element {
+    const matrixClient = useMatrixClientContext();
+    const crossSigningData = useAsyncMemo(async () => {
+        const crypto = matrixClient.getCrypto()!;
+
+        // Get all the cross-signing data that we will display
+        const crossSigningStatus = await crypto.getCrossSigningStatus();
+        const crossSigningPublicKeysOnDevice = crossSigningStatus.publicKeysOnDevice;
+        const crossSigningPrivateKeysInStorage = crossSigningStatus.privateKeysInSecretStorage;
+        const masterPrivateKeyCached = crossSigningStatus.privateKeysCachedLocally.masterKey;
+        const selfSigningPrivateKeyCached = crossSigningStatus.privateKeysCachedLocally.selfSigningKey;
+        const userSigningPrivateKeyCached = crossSigningStatus.privateKeysCachedLocally.userSigningKey;
+        const crossSigningReady = await crypto.isCrossSigningReady();
+
+        return {
+            crossSigningPublicKeysOnDevice,
+            crossSigningPrivateKeysInStorage,
+            masterPrivateKeyCached,
+            selfSigningPrivateKeyCached,
+            userSigningPrivateKeyCached,
+            crossSigningReady,
+        };
+    }, [matrixClient]);
+
+    // Show a spinner while loading
+    if (crossSigningData === undefined) return <InlineSpinner aria-label={_t("common|loading")} />;
+
+    const {
+        crossSigningPublicKeysOnDevice,
+        crossSigningPrivateKeysInStorage,
+        masterPrivateKeyCached,
+        selfSigningPrivateKeyCached,
+        userSigningPrivateKeyCached,
+        crossSigningReady,
+    } = crossSigningData;
+
+    return (
+        <table aria-label={_t("devtools|crypto|cross_signing")}>
+            <thead>
+                <tr>
+                    <th colSpan={2}>{_t("devtools|crypto|cross_signing")}</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|cross_signing_status")}</th>
+                    <td>{getCrossSigningStatus(crossSigningReady, crossSigningPrivateKeysInStorage)}</td>
+                </tr>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|cross_signing_public_keys_on_device_status")}</th>
+                    <td>
+                        {crossSigningPublicKeysOnDevice
+                            ? _t("devtools|crypto|cross_signing_public_keys_on_device")
+                            : _t("devtools|crypto|not_found")}
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|cross_signing_private_keys_in_storage_status")}</th>
+                    <td>
+                        {crossSigningPrivateKeysInStorage
+                            ? _t("devtools|crypto|cross_signing_private_keys_in_storage")
+                            : _t("devtools|crypto|cross_signing_private_keys_not_in_storage")}
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|master_private_key_cached_status")}</th>
+                    <td>
+                        {masterPrivateKeyCached
+                            ? _t("devtools|crypto|cross_signing_cached")
+                            : _t("devtools|crypto|not_found_locally")}
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|self_signing_private_key_cached_status")}</th>
+                    <td>
+                        {selfSigningPrivateKeyCached
+                            ? _t("devtools|crypto|cross_signing_cached")
+                            : _t("devtools|crypto|not_found_locally")}
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|user_signing_private_key_cached_status")}</th>
+                    <td>
+                        {userSigningPrivateKeyCached
+                            ? _t("devtools|crypto|cross_signing_cached")
+                            : _t("devtools|crypto|not_found_locally")}
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    );
+}
+
+/**
+ * Get the cross-signing status.
+ * @param crossSigningReady Whether cross-signing is ready.
+ * @param crossSigningPrivateKeysInStorage Whether cross-signing private keys are in secret storage.
+ */
+function getCrossSigningStatus(crossSigningReady: boolean, crossSigningPrivateKeysInStorage: boolean): string {
+    if (crossSigningReady) {
+        return crossSigningPrivateKeysInStorage
+            ? _t("devtools|crypto|cross_signing_ready")
+            : _t("devtools|crypto|cross_signing_untrusted");
+    }
+
+    if (crossSigningPrivateKeysInStorage) {
+        return _t("devtools|crypto|cross_signing_not_ready");
+    }
+
+    return _t("devtools|crypto|cross_signing_not_ready");
+}
+
+/**
+ * A component that displays information about the current session.
+ */
+function Session(): JSX.Element {
+    const matrixClient = useMatrixClientContext();
+    const sessionData = useAsyncMemo(async () => {
+        const crypto = matrixClient.getCrypto()!;
+        const keys = await crypto.getOwnDeviceKeys();
+        return {
+            fingerprint: keys.ed25519,
+            deviceId: matrixClient.deviceId,
+        };
+    }, [matrixClient]);
+
+    // Show a spinner while loading
+    if (sessionData === undefined) {
+        return <InlineSpinner aria-label={_t("common|loading")} />;
+    }
+
+    return (
+        <table aria-label={_t("devtools|crypto|session")}>
+            <thead>
+                <tr>
+                    <th colSpan={2}>{_t("devtools|crypto|session")}</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|device_id")}</th>
+                    <td>{sessionData.deviceId}</td>
+                </tr>
+                <tr>
+                    <th scope="row">{_t("devtools|crypto|session_fingerprint")}</th>
+                    <td>{sessionData.fingerprint}</td>
+                </tr>
+            </tbody>
+        </table>
+    );
+}
diff --git a/apps/web/src/components/views/dialogs/devtools/Event.tsx b/apps/web/src/components/views/dialogs/devtools/Event.tsx
new file mode 100644
index 00000000000..c13fe181c6d
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/devtools/Event.tsx
@@ -0,0 +1,218 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2022 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 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 } from "../../../../languageHandler";
+import Field from "../../elements/Field";
+import BaseTool, { DevtoolsContext, type IDevtoolsProps } from "./BaseTool";
+import MatrixClientContext from "../../../../contexts/MatrixClientContext";
+import withValidation from "../../elements/Validation";
+import SyntaxHighlight from "../../elements/SyntaxHighlight";
+
+export const stringify = (object: object): string => {
+    return JSON.stringify(object, null, 2);
+};
+
+interface IEventEditorProps extends Pick<IDevtoolsProps, "onBack"> {
+    fieldDefs: IFieldDef[]; // immutable
+    defaultContent?: string;
+    onSend(this: void, fields: string[], content: IContent): Promise<unknown>;
+}
+
+interface IFieldDef {
+    id: string;
+    label: TranslationKey;
+    default?: string;
+}
+
+export const eventTypeField = (defaultValue?: string): IFieldDef => ({
+    id: "eventType",
+    label: _td("devtools|event_type"),
+    default: defaultValue,
+});
+
+export const stateKeyField = (defaultValue?: string): IFieldDef => ({
+    id: "stateKey",
+    label: _td("devtools|state_key"),
+    default: defaultValue,
+});
+
+export const stickyDurationField = (defaultValue?: number): IFieldDef => ({
+    id: "sticky_duration",
+    label: _td("devtools|sticky_duration"),
+    default: `${defaultValue ?? 360000}`,
+});
+
+const validateEventContent = withValidation<any, Error | undefined>({
+    async deriveData({ value }) {
+        try {
+            JSON.parse(value!);
+        } catch (e) {
+            return e as Error;
+        }
+        return undefined;
+    },
+    rules: [
+        {
+            key: "validJson",
+            test: ({ value }, error) => {
+                if (!value) return true;
+                return !error;
+            },
+            invalid: (error) => _t("devtools|invalid_json") + " " + error,
+        },
+    ],
+});
+
+export const EventEditor: React.FC<IEventEditorProps> = ({ fieldDefs, defaultContent = "{\n\n}", onSend, onBack }) => {
+    const [fieldData, setFieldData] = useState<string[]>(fieldDefs.map((def) => def.default ?? ""));
+    const [content, setContent] = useState<string>(defaultContent);
+    const contentField = useRef<Field>(null);
+
+    const fields = fieldDefs.map((def, i) => (
+        <Field
+            key={def.id}
+            id={def.id}
+            label={_t(def.label)}
+            size={42}
+            autoFocus={defaultContent === undefined && i === 0}
+            type="text"
+            autoComplete="on"
+            value={fieldData[i]}
+            onChange={(ev: ChangeEvent<HTMLInputElement>) =>
+                setFieldData((data) => {
+                    data[i] = ev.target.value;
+                    return [...data];
+                })
+            }
+        />
+    ));
+
+    const onAction = async (): Promise<string | undefined> => {
+        const valid = contentField.current ? await contentField.current.validate({}) : false;
+
+        if (!valid) {
+            contentField.current?.focus();
+            contentField.current?.validate({ focused: true });
+            return;
+        }
+
+        try {
+            const json = JSON.parse(content);
+            await onSend(fieldData, json);
+        } catch (e) {
+            return _t("devtools|failed_to_send") + (e instanceof Error ? ` (${e.message})` : "");
+        }
+        return _t("devtools|event_sent");
+    };
+
+    return (
+        <BaseTool actionLabel={_td("forward|send_label")} onAction={onAction} onBack={onBack}>
+            <div className="mx_DevTools_eventTypeStateKeyGroup">{fields}</div>
+
+            <Field
+                id="evContent"
+                label={_t("devtools|event_content")}
+                type="text"
+                className="mx_DevTools_textarea"
+                autoComplete="off"
+                value={content}
+                onChange={(ev) => setContent(ev.target.value)}
+                element="textarea"
+                onValidate={validateEventContent}
+                ref={contentField}
+                autoFocus={!!defaultContent}
+            />
+        </BaseTool>
+    );
+};
+
+export interface IEditorProps extends Pick<IDevtoolsProps, "onBack"> {
+    mxEvent?: MatrixEvent;
+}
+
+interface IViewerProps extends Required<IEditorProps> {
+    Editor: React.FC<IEditorProps>;
+    extraButton?: ReactNode;
+}
+
+export const EventViewer: React.FC<IViewerProps> = ({ mxEvent, onBack, Editor, extraButton }) => {
+    const [editing, setEditing] = useState(false);
+
+    if (editing) {
+        const onBack = (): void => {
+            setEditing(false);
+        };
+        return <Editor mxEvent={mxEvent} onBack={onBack} />;
+    }
+
+    const onAction = async (): Promise<void> => {
+        setEditing(true);
+    };
+
+    return (
+        <BaseTool onBack={onBack} actionLabel={_td("action|edit")} onAction={onAction} extraButton={extraButton}>
+            <SyntaxHighlight language="json">{stringify(mxEvent.event)}</SyntaxHighlight>
+        </BaseTool>
+    );
+};
+
+// returns the id of the initial message, not the id of the previous edit
+const getBaseEventId = (baseEvent: MatrixEvent): string => {
+    // show the replacing event, not the original, if it is an edit
+    const mxEvent = baseEvent.replacingEvent() ?? baseEvent;
+    return mxEvent.getWireContent()["m.relates_to"]?.event_id ?? baseEvent.getId()!;
+};
+
+export const TimelineEventEditor: React.FC<IEditorProps> = ({ mxEvent, onBack }) => {
+    const context = useContext(DevtoolsContext);
+    const cli = useContext(MatrixClientContext);
+
+    const fields = useMemo(() => [eventTypeField(mxEvent?.getType())], [mxEvent]);
+
+    const onSend = ([eventType]: string[], content: TimelineEvents[keyof TimelineEvents]): Promise<unknown> => {
+        return cli.sendEvent(context.room.roomId, eventType as keyof TimelineEvents, content);
+    };
+
+    let defaultContent: string | undefined;
+
+    if (mxEvent) {
+        const originalContent = mxEvent.getContent();
+        // prefill an edit-message event, keep only the `body` and `msgtype` fields of originalContent
+        const bodyToStartFrom = originalContent["m.new_content"]?.body ?? originalContent.body; // prefill the last edit body, to start editing from there
+        const newContent = {
+            "body": ` * ${bodyToStartFrom}`,
+            "msgtype": originalContent.msgtype,
+            "m.new_content": {
+                body: bodyToStartFrom,
+                msgtype: originalContent.msgtype,
+            },
+            "m.relates_to": {
+                rel_type: "m.replace",
+                event_id: getBaseEventId(mxEvent),
+            },
+            ...("com.beeper.linkpreviews" in originalContent
+                ? { "com.beeper.linkpreviews": originalContent["com.beeper.linkpreviews"] }
+                : {}),
+        };
+
+        defaultContent = stringify(newContent);
+    } else if (context.threadRootId) {
+        defaultContent = stringify({
+            "m.relates_to": {
+                rel_type: "m.thread",
+                event_id: context.threadRootId,
+            },
+        });
+    }
+
+    return <EventEditor fieldDefs={fields} defaultContent={defaultContent} onSend={onSend} onBack={onBack} />;
+};
diff --git a/apps/web/src/components/views/dialogs/devtools/FilteredList.tsx b/apps/web/src/components/views/dialogs/devtools/FilteredList.tsx
new file mode 100644
index 00000000000..14419b79e40
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/devtools/FilteredList.tsx
@@ -0,0 +1,88 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2022 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 JSX, type ChangeEvent, useEffect, useState } from "react";
+
+import { _t } from "../../../../languageHandler";
+import Field from "../../elements/Field";
+import TruncatedList from "../../elements/TruncatedList";
+
+const INITIAL_LOAD_TILES = 20;
+const LOAD_TILES_STEP_SIZE = 50;
+
+interface IProps {
+    children: React.ReactElement[];
+    query: string;
+    onChange(this: void, value: string): void;
+}
+
+const FilteredList: React.FC<IProps> = ({ children, query, onChange }) => {
+    const [truncateAt, setTruncateAt] = useState<number>(INITIAL_LOAD_TILES);
+    const [filteredChildren, setFilteredChildren] = useState<React.ReactElement[]>(children);
+
+    useEffect(() => {
+        let filteredChildren = children;
+        if (query) {
+            const lcQuery = query.toLowerCase();
+            filteredChildren = children.filter((child) => child.key?.toString().toLowerCase().includes(lcQuery));
+        }
+        setFilteredChildren(filteredChildren);
+        setTruncateAt(INITIAL_LOAD_TILES);
+    }, [children, query]);
+
+    const getChildren = (start: number, end: number): React.ReactElement[] => {
+        return filteredChildren.slice(start, end);
+    };
+
+    const getChildCount = (): number => {
+        return filteredChildren.length;
+    };
+
+    const createOverflowElement = (overflowCount: number, totalCount: number): JSX.Element => {
+        const showMore = (): void => {
+            setTruncateAt((num) => num + LOAD_TILES_STEP_SIZE);
+        };
+
+        return (
+            <button className="mx_DevTools_button" onClick={showMore} type="button">
+                {_t("common|and_n_others", { count: overflowCount })}
+            </button>
+        );
+    };
+
+    return (
+        <>
+            <Field
+                label={_t("common|filter_results")}
+                autoFocus={true}
+                size={64}
+                type="text"
+                autoComplete="off"
+                value={query}
+                onChange={(ev: ChangeEvent<HTMLInputElement>) => onChange(ev.target.value)}
+                className="mx_TextInputDialog_input mx_DevTools_RoomStateExplorer_query"
+                // force re-render so that autoFocus is applied when this component is re-used
+                key={children?.[0]?.key ?? ""}
+            />
+
+            {filteredChildren.length < 1 ? (
+                _t("common|no_results_found")
+            ) : (
+                <TruncatedList
+                    getChildren={getChildren}
+                    getChildCount={getChildCount}
+                    truncateAt={truncateAt}
+                    createOverflowElement={createOverflowElement}
+                />
+            )}
+        </>
+    );
+};
+
+export default FilteredList;
diff --git a/apps/web/src/components/views/dialogs/devtools/RoomNotifications.tsx b/apps/web/src/components/views/dialogs/devtools/RoomNotifications.tsx
new file mode 100644
index 00000000000..64c2aef6466
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/devtools/RoomNotifications.tsx
@@ -0,0 +1,220 @@
+/*
+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 { NotificationCountType, type Room, type Thread, ReceiptType } from "matrix-js-sdk/src/matrix";
+import React, { type JSX, useContext } from "react";
+import { type ReadReceipt } from "matrix-js-sdk/src/models/read-receipt";
+
+import MatrixClientContext from "../../../../contexts/MatrixClientContext";
+import { useNotificationState } from "../../../../hooks/useRoomNotificationState";
+import { _t, _td } from "../../../../languageHandler";
+import { determineUnreadState } from "../../../../RoomNotifs";
+import { humanReadableNotificationLevel } from "../../../../stores/notifications/NotificationLevel";
+import { doesRoomOrThreadHaveUnreadMessages } from "../../../../Unread";
+import BaseTool, { DevtoolsContext, type IDevtoolsProps } from "./BaseTool";
+import { useIsEncrypted } from "../../../../hooks/useIsEncrypted.ts";
+
+function UserReadUpTo({ target }: { target: ReadReceipt<any, any> }): JSX.Element {
+    const cli = useContext(MatrixClientContext);
+    const userId = cli.getSafeUserId();
+    const hasPrivate = !!target.getReadReceiptForUserId(userId, false, ReceiptType.ReadPrivate);
+    return (
+        <>
+            <li>
+                {_t("devtools|user_read_up_to")}
+                <strong>{target.getReadReceiptForUserId(userId)?.eventId ?? _t("devtools|no_receipt_found")}</strong>
+            </li>
+            <li>
+                {_t("devtools|user_read_up_to_ignore_synthetic")}
+                <strong>
+                    {target.getReadReceiptForUserId(userId, true)?.eventId ?? _t("devtools|no_receipt_found")}
+                </strong>
+            </li>
+            {hasPrivate && (
+                <>
+                    <li>
+                        {_t("devtools|user_read_up_to_private")}
+                        <strong>
+                            {target.getReadReceiptForUserId(userId, false, ReceiptType.ReadPrivate)?.eventId ??
+                                _t("devtools|no_receipt_found")}
+                        </strong>
+                    </li>
+                    <li>
+                        {_t("devtools|user_read_up_to_private_ignore_synthetic")}
+                        <strong>
+                            {target.getReadReceiptForUserId(userId, true, ReceiptType.ReadPrivate)?.eventId ??
+                                _t("devtools|no_receipt_found")}
+                        </strong>
+                    </li>
+                </>
+            )}
+        </>
+    );
+}
+
+export default function RoomNotifications({ onBack }: IDevtoolsProps): JSX.Element {
+    const { room } = useContext(DevtoolsContext);
+    const cli = useContext(MatrixClientContext);
+    const isRoomEncrypted = useIsEncrypted(cli, room);
+
+    const { level, count } = determineUnreadState(room, undefined, false);
+    const [notificationState] = useNotificationState(room);
+
+    return (
+        <BaseTool onBack={onBack}>
+            <section>
+                <h2>{_t("devtools|room_status")}</h2>
+                <ul>
+                    <li>
+                        {_t(
+                            "devtools|room_unread_status_count",
+                            {
+                                status: humanReadableNotificationLevel(level),
+                                count,
+                            },
+                            {
+                                strong: (sub) => <strong>{sub}</strong>,
+                            },
+                        )}
+                    </li>
+                    <li>
+                        {_t(
+                            "devtools|notification_state",
+                            {
+                                notificationState,
+                            },
+                            {
+                                strong: (sub) => <strong>{sub}</strong>,
+                            },
+                        )}
+                    </li>
+                    <li>
+                        {_t(
+                            isRoomEncrypted ? _td("devtools|room_encrypted") : _td("devtools|room_not_encrypted"),
+                            {},
+                            {
+                                strong: (sub) => <strong>{sub}</strong>,
+                            },
+                        )}
+                    </li>
+                </ul>
+            </section>
+
+            <section>
+                <h2>{_t("devtools|main_timeline")}</h2>
+
+                <ul>
+                    <li>
+                        {_t("devtools|room_notifications_total")}{" "}
+                        {room.getRoomUnreadNotificationCount(NotificationCountType.Total)}
+                    </li>
+                    <li>
+                        {_t("devtools|room_notifications_highlight")}{" "}
+                        {room.getRoomUnreadNotificationCount(NotificationCountType.Highlight)}
+                    </li>
+                    <li>
+                        {_t("devtools|room_notifications_dot")} {doesRoomOrThreadHaveUnreadMessages(room) + ""}
+                    </li>
+                    {roomHasUnread(room) && (
+                        <>
+                            <UserReadUpTo target={room} />
+                            <li>
+                                {_t("devtools|room_notifications_last_event")}
+                                <ul>
+                                    <li>
+                                        {_t("devtools|id")}{" "}
+                                        <strong>{room.timeline[room.timeline.length - 1].getId()}</strong>
+                                    </li>
+                                    <li>
+                                        {_t("devtools|room_notifications_type")}{" "}
+                                        <strong>{room.timeline[room.timeline.length - 1].getType()}</strong>
+                                    </li>
+                                    <li>
+                                        {_t("devtools|room_notifications_sender")}{" "}
+                                        <strong>{room.timeline[room.timeline.length - 1].getSender()}</strong>
+                                    </li>
+                                </ul>
+                            </li>
+                        </>
+                    )}
+                </ul>
+            </section>
+
+            <section>
+                <h2>{_t("devtools|threads_timeline")}</h2>
+                <ul>
+                    {room
+                        .getThreads()
+                        .filter((thread) => threadHasUnread(thread))
+                        .map((thread) => (
+                            <li key={thread.id}>
+                                {_t("devtools|room_notifications_thread_id")} {thread.id}
+                                <ul>
+                                    <li>
+                                        {_t("devtools|room_notifications_total")}
+                                        <strong>
+                                            {room.getThreadUnreadNotificationCount(
+                                                thread.id,
+                                                NotificationCountType.Total,
+                                            )}
+                                        </strong>
+                                    </li>
+                                    <li>
+                                        {_t("devtools|room_notifications_highlight")}
+                                        <strong>
+                                            {room.getThreadUnreadNotificationCount(
+                                                thread.id,
+                                                NotificationCountType.Highlight,
+                                            )}
+                                        </strong>
+                                    </li>
+                                    <li>
+                                        {_t("devtools|room_notifications_dot")}{" "}
+                                        <strong>{doesRoomOrThreadHaveUnreadMessages(thread) + ""}</strong>
+                                    </li>
+                                    <UserReadUpTo target={thread} />
+                                    <li>
+                                        {_t("devtools|room_notifications_last_event")}
+                                        <ul>
+                                            <li>
+                                                {_t("devtools|id")} <strong>{thread.lastReply()?.getId()}</strong>
+                                            </li>
+                                            <li>
+                                                {_t("devtools|room_notifications_type")}{" "}
+                                                <strong>{thread.lastReply()?.getType()}</strong>
+                                            </li>
+                                            <li>
+                                                {_t("devtools|room_notifications_sender")}{" "}
+                                                <strong>{thread.lastReply()?.getSender()}</strong>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                            </li>
+                        ))}
+                </ul>
+            </section>
+        </BaseTool>
+    );
+}
+
+function threadHasUnread(thread: Thread): boolean {
+    const total = thread.room.getThreadUnreadNotificationCount(thread.id, NotificationCountType.Total);
+    const highlight = thread.room.getThreadUnreadNotificationCount(thread.id, NotificationCountType.Highlight);
+    const dot = doesRoomOrThreadHaveUnreadMessages(thread);
+
+    return total > 0 || highlight > 0 || dot;
+}
+
+function roomHasUnread(room: Room): boolean {
+    const total = room.getRoomUnreadNotificationCount(NotificationCountType.Total);
+    const highlight = room.getRoomUnreadNotificationCount(NotificationCountType.Highlight);
+    const dot = doesRoomOrThreadHaveUnreadMessages(room);
+
+    return total > 0 || highlight > 0 || dot;
+}
diff --git a/apps/web/src/components/views/dialogs/devtools/RoomState.tsx b/apps/web/src/components/views/dialogs/devtools/RoomState.tsx
new file mode 100644
index 00000000000..01b666c9c5f
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/devtools/RoomState.tsx
@@ -0,0 +1,213 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2022 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 ChangeEventHandler, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { type IContent, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import classNames from "classnames";
+import { Form, SettingsToggleInput } from "@vector-im/compound-web";
+
+import { _t, _td } from "../../../../languageHandler";
+import BaseTool, { DevtoolsContext, type IDevtoolsProps } from "./BaseTool";
+import MatrixClientContext from "../../../../contexts/MatrixClientContext";
+import { EventEditor, EventViewer, eventTypeField, stateKeyField, type IEditorProps, stringify } from "./Event";
+import FilteredList from "./FilteredList";
+import Spinner from "../../elements/Spinner";
+import SyntaxHighlight from "../../elements/SyntaxHighlight";
+import { useAsyncMemo } from "../../../../hooks/useAsyncMemo";
+
+export const StateEventEditor: React.FC<IEditorProps> = ({ mxEvent, onBack }) => {
+    const context = useContext(DevtoolsContext);
+    const cli = useContext(MatrixClientContext);
+
+    const fields = useMemo(
+        () => [eventTypeField(mxEvent?.getType()), stateKeyField(mxEvent?.getStateKey())],
+        [mxEvent],
+    );
+
+    const onSend = async ([eventType, stateKey]: string[], content: IContent): Promise<void> => {
+        await cli.sendStateEvent(context.room.roomId, eventType as any, content, stateKey);
+    };
+
+    const defaultContent = mxEvent ? stringify(mxEvent.getContent()) : undefined;
+    return <EventEditor fieldDefs={fields} defaultContent={defaultContent} onSend={onSend} onBack={onBack} />;
+};
+
+interface StateEventButtonProps {
+    label: string;
+    onClick(this: void): void;
+}
+
+const RoomStateHistory: React.FC<{
+    mxEvent: MatrixEvent;
+    onBack(this: void): void;
+}> = ({ mxEvent, onBack }) => {
+    const cli = useContext(MatrixClientContext);
+    const events = useAsyncMemo(
+        async () => {
+            const events = [mxEvent.event];
+            while (!!events[0].unsigned?.replaces_state) {
+                try {
+                    events.unshift(await cli.fetchRoomEvent(mxEvent.getRoomId()!, events[0].unsigned.replaces_state));
+                } catch (e) {
+                    events.unshift({
+                        event_id: events[0].unsigned.replaces_state,
+                        unsigned: {
+                            error: e instanceof Error ? e.message : String(e),
+                        },
+                    });
+                }
+            }
+            return events;
+        },
+        [cli, mxEvent],
+        null,
+    );
+
+    let body = <Spinner />;
+    if (events !== null) {
+        body = (
+            <>
+                {events.map((ev) => (
+                    <SyntaxHighlight language="json" key={ev.event_id}>
+                        {stringify(ev)}
+                    </SyntaxHighlight>
+                ))}
+            </>
+        );
+    }
+
+    return <BaseTool onBack={onBack}>{body}</BaseTool>;
+};
+
+const StateEventButton: React.FC<StateEventButtonProps> = ({ label, onClick }) => {
+    const trimmed = label.trim();
+
+    let content = label;
+    if (!trimmed) {
+        content = label.length > 0 ? _t("devtools|spaces", { count: label.length }) : _t("devtools|empty_string");
+    }
+
+    return (
+        <button
+            className={classNames("mx_DevTools_button", {
+                mx_DevTools_RoomStateExplorer_button_hasSpaces: trimmed.length !== label.length,
+                mx_DevTools_RoomStateExplorer_button_emptyString: !trimmed,
+            })}
+            onClick={onClick}
+            type="button"
+        >
+            {content}
+        </button>
+    );
+};
+
+interface IEventTypeProps extends Pick<IDevtoolsProps, "onBack"> {
+    eventType: string;
+}
+
+const RoomStateExplorerEventType: React.FC<IEventTypeProps> = ({ eventType, onBack }) => {
+    const context = useContext(DevtoolsContext);
+    const [query, setQuery] = useState("");
+    const [event, setEvent] = useState<MatrixEvent | null>(null);
+    const [history, setHistory] = useState(false);
+    const [showEmptyState, setShowEmptyState] = useState(true);
+    const onEmptyStateToggled = useCallback<ChangeEventHandler<HTMLInputElement>>(
+        (e) => setShowEmptyState(e.target.checked),
+        [setShowEmptyState],
+    );
+
+    const events = context.room.currentState.events.get(eventType)!;
+
+    useEffect(() => {
+        if (events.size === 1 && events.has("")) {
+            setEvent(events.get("")!);
+        } else {
+            setEvent(null);
+        }
+    }, [events]);
+
+    if (event && history) {
+        const _onBack = (): void => {
+            setHistory(false);
+        };
+        return <RoomStateHistory mxEvent={event} onBack={_onBack} />;
+    }
+    if (event) {
+        const _onBack = (): void => {
+            if (events?.size === 1 && events.has("")) {
+                onBack();
+            } else {
+                setEvent(null);
+            }
+        };
+        const onHistoryClick = (): void => {
+            setHistory(true);
+        };
+        const extraButton = (
+            <button onClick={onHistoryClick} type="button">
+                {_t("devtools|see_history")}
+            </button>
+        );
+        return <EventViewer mxEvent={event} onBack={_onBack} Editor={StateEventEditor} extraButton={extraButton} />;
+    }
+
+    return (
+        <BaseTool onBack={onBack}>
+            <FilteredList query={query} onChange={setQuery}>
+                {Array.from(events.entries())
+                    .filter(([_, ev]) => showEmptyState || Object.keys(ev.getContent()).length > 0)
+                    .map(([stateKey, ev]) => (
+                        <StateEventButton key={stateKey} label={stateKey} onClick={() => setEvent(ev)} />
+                    ))}
+            </FilteredList>
+            <Form.Root
+                onSubmit={(evt) => {
+                    evt.preventDefault();
+                    evt.stopPropagation();
+                }}
+            >
+                <SettingsToggleInput
+                    name="empty_state_toggle"
+                    label={_t("devtools|show_empty_content_events")}
+                    onChange={onEmptyStateToggled}
+                    checked={showEmptyState}
+                />
+            </Form.Root>
+        </BaseTool>
+    );
+};
+
+export const RoomStateExplorer: React.FC<IDevtoolsProps> = ({ onBack, setTool }) => {
+    const context = useContext(DevtoolsContext);
+    const [query, setQuery] = useState("");
+    const [eventType, setEventType] = useState<string | null>(null);
+
+    const events = context.room.currentState.events;
+
+    if (eventType !== null) {
+        const onBack = (): void => {
+            setEventType(null);
+        };
+        return <RoomStateExplorerEventType eventType={eventType} onBack={onBack} />;
+    }
+
+    const onAction = async (): Promise<void> => {
+        setTool(_td("devtools|send_custom_state_event"), StateEventEditor);
+    };
+
+    return (
+        <BaseTool onBack={onBack} actionLabel={_td("devtools|send_custom_state_event")} onAction={onAction}>
+            <FilteredList query={query} onChange={setQuery}>
+                {Array.from(events.keys()).map((eventType) => (
+                    <StateEventButton key={eventType} label={eventType} onClick={() => setEventType(eventType)} />
+                ))}
+            </FilteredList>
+        </BaseTool>
+    );
+};
diff --git a/apps/web/src/components/views/dialogs/devtools/ServerInfo.tsx b/apps/web/src/components/views/dialogs/devtools/ServerInfo.tsx
new file mode 100644
index 00000000000..89bf36dba40
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/devtools/ServerInfo.tsx
@@ -0,0 +1,95 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 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 JSX, useContext } from "react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import BaseTool, { type IDevtoolsProps } from "./BaseTool";
+import { _t } from "../../../../languageHandler";
+import { useAsyncMemo } from "../../../../hooks/useAsyncMemo";
+import MatrixClientContext from "../../../../contexts/MatrixClientContext";
+import Spinner from "../../elements/Spinner";
+import SyntaxHighlight from "../../elements/SyntaxHighlight";
+import { MatrixClientPeg } from "../../../../MatrixClientPeg";
+
+const FAILED_TO_LOAD = Symbol("failed-to-load");
+
+interface IServerWellKnown {
+    server: {
+        name: string;
+        version: string;
+    };
+}
+
+export async function getServerVersionFromFederationApi(client: MatrixClient): Promise<IServerWellKnown> {
+    let baseUrl = client.getHomeserverUrl();
+
+    try {
+        const hsName = MatrixClientPeg.safeGet().getDomain();
+        // We don't use the js-sdk Autodiscovery module here as it only support client well-known, not server ones.
+        const response = await fetch(`https://${hsName}/.well-known/matrix/server`);
+        const json = await response.json();
+        if (json["m.server"]) {
+            baseUrl = `https://${json["m.server"]}`;
+        }
+    } catch (e) {
+        console.warn(e);
+    }
+
+    const response = await fetch(`${baseUrl}/_matrix/federation/v1/version`);
+    return response.json();
+}
+
+const ServerInfo: React.FC<IDevtoolsProps> = ({ onBack }) => {
+    const cli = useContext(MatrixClientContext);
+    const capabilities = useAsyncMemo(() => cli.fetchCapabilities().catch(() => FAILED_TO_LOAD), [cli]);
+    const clientVersions = useAsyncMemo(() => cli.getVersions().catch(() => FAILED_TO_LOAD), [cli]);
+    const serverVersions = useAsyncMemo(async (): Promise<IServerWellKnown | symbol> => {
+        try {
+            return await getServerVersionFromFederationApi(cli);
+        } catch (e) {
+            console.warn(e);
+        }
+
+        return FAILED_TO_LOAD;
+    }, [cli]);
+
+    let body: JSX.Element;
+    if (!capabilities || !clientVersions || !serverVersions) {
+        body = <Spinner />;
+    } else {
+        body = (
+            <>
+                <h4>{_t("common|capabilities")}</h4>
+                {capabilities !== FAILED_TO_LOAD ? (
+                    <SyntaxHighlight language="json" children={JSON.stringify(capabilities, null, 4)} />
+                ) : (
+                    <div>{_t("devtools|failed_to_load")}</div>
+                )}
+
+                <h4>{_t("devtools|client_versions")}</h4>
+                {clientVersions !== FAILED_TO_LOAD ? (
+                    <SyntaxHighlight language="json" children={JSON.stringify(clientVersions, null, 4)} />
+                ) : (
+                    <div>{_t("devtools|failed_to_load")}</div>
+                )}
+
+                <h4>{_t("devtools|server_versions")}</h4>
+                {serverVersions !== FAILED_TO_LOAD ? (
+                    <SyntaxHighlight language="json" children={JSON.stringify(serverVersions, null, 4)} />
+                ) : (
+                    <div>{_t("devtools|failed_to_load")}</div>
+                )}
+            </>
+        );
+    }
+
+    return <BaseTool onBack={onBack}>{body}</BaseTool>;
+};
+
+export default ServerInfo;
diff --git a/apps/web/src/components/views/dialogs/devtools/ServersInRoom.tsx b/apps/web/src/components/views/dialogs/devtools/ServersInRoom.tsx
new file mode 100644
index 00000000000..ebdd8b526c6
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/devtools/ServersInRoom.tsx
@@ -0,0 +1,52 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2022 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, { useContext, useMemo } from "react";
+import { EventType } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import BaseTool, { DevtoolsContext, type IDevtoolsProps } from "./BaseTool";
+import { _t } from "../../../../languageHandler";
+
+const ServersInRoom: React.FC<IDevtoolsProps> = ({ onBack }) => {
+    const context = useContext(DevtoolsContext);
+
+    const servers = useMemo<Record<string, number>>(() => {
+        const servers: Record<string, number> = {};
+        context.room.currentState.getStateEvents(EventType.RoomMember).forEach((ev) => {
+            if (ev.getContent().membership !== KnownMembership.Join) return; // only count joined users
+            const server = ev.getSender()!.split(":")[1];
+            servers[server] = (servers[server] ?? 0) + 1;
+        });
+        return servers;
+    }, [context.room]);
+
+    return (
+        <BaseTool onBack={onBack}>
+            <table>
+                <thead>
+                    <tr>
+                        <th>{_t("common|server")}</th>
+                        <th>{_t("devtools|number_of_users")}</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {Object.entries(servers).map(([server, numUsers]) => (
+                        <tr key={server}>
+                            <td>{server}</td>
+                            <td>{numUsers}</td>
+                        </tr>
+                    ))}
+                </tbody>
+            </table>
+        </BaseTool>
+    );
+};
+
+export default ServersInRoom;
diff --git a/apps/web/src/components/views/dialogs/devtools/SettingExplorer.tsx b/apps/web/src/components/views/dialogs/devtools/SettingExplorer.tsx
new file mode 100644
index 00000000000..e45b082cf37
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/devtools/SettingExplorer.tsx
@@ -0,0 +1,320 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-2023 The Matrix.org Foundation C.I.C.
+Copyright 2022 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 ChangeEvent, useContext, useMemo, useState } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t, _td } from "../../../../languageHandler";
+import BaseTool, { DevtoolsContext, type IDevtoolsProps } from "./BaseTool";
+import AccessibleButton from "../../elements/AccessibleButton";
+import SettingsStore, { LEVEL_ORDER } from "../../../../settings/SettingsStore";
+import { type SettingLevel } from "../../../../settings/SettingLevel";
+import { type SettingKey, SETTINGS, type SettingValueType } from "../../../../settings/Settings";
+import Field from "../../elements/Field";
+
+const SettingExplorer: React.FC<IDevtoolsProps> = ({ onBack }) => {
+    const [setting, setSetting] = useState<SettingKey | null>(null);
+    const [editing, setEditing] = useState(false);
+
+    if (setting && editing) {
+        const onBack = (): void => {
+            setEditing(false);
+        };
+        return <EditSetting setting={setting} onBack={onBack} />;
+    } else if (setting) {
+        const onBack = (): void => {
+            setSetting(null);
+        };
+        const onEdit = async (): Promise<void> => {
+            setEditing(true);
+        };
+        return <ViewSetting setting={setting} onBack={onBack} onEdit={onEdit} />;
+    } else {
+        const onView = (setting: SettingKey): void => {
+            setSetting(setting);
+        };
+        const onEdit = (setting: SettingKey): void => {
+            setSetting(setting);
+            setEditing(true);
+        };
+        return <SettingsList onBack={onBack} onView={onView} onEdit={onEdit} />;
+    }
+};
+
+export default SettingExplorer;
+
+interface ICanEditLevelFieldProps {
+    setting: SettingKey;
+    level: SettingLevel;
+    roomId?: string;
+}
+
+const CanEditLevelField: React.FC<ICanEditLevelFieldProps> = ({ setting, roomId, level }) => {
+    const canEdit = SettingsStore.canSetValue(setting, roomId ?? null, level);
+    const className = canEdit ? "mx_DevTools_SettingsExplorer_mutable" : "mx_DevTools_SettingsExplorer_immutable";
+    return (
+        <td className={className}>
+            <code>{canEdit.toString()}</code>
+        </td>
+    );
+};
+
+function renderExplicitSettingValues(setting: SettingKey, roomId?: string): string {
+    const vals: Record<string, SettingValueType> = {};
+    for (const level of LEVEL_ORDER) {
+        try {
+            vals[level] = SettingsStore.getValueAt(level, setting, roomId, true, true);
+            if (vals[level] === undefined) {
+                vals[level] = null;
+            }
+        } catch (e) {
+            logger.warn(e);
+        }
+    }
+    return JSON.stringify(vals, null, 4);
+}
+
+interface IEditSettingProps extends Pick<IDevtoolsProps, "onBack"> {
+    setting: SettingKey;
+}
+
+const EditSetting: React.FC<IEditSettingProps> = ({ setting, onBack }) => {
+    const context = useContext(DevtoolsContext);
+    const [explicitValue, setExplicitValue] = useState(renderExplicitSettingValues(setting));
+    const [explicitRoomValue, setExplicitRoomValue] = useState(
+        renderExplicitSettingValues(setting, context.room.roomId),
+    );
+
+    const onSave = async (): Promise<string | undefined> => {
+        try {
+            const parsedExplicit = JSON.parse(explicitValue);
+            const parsedExplicitRoom = JSON.parse(explicitRoomValue);
+            for (const level of Object.keys(parsedExplicit)) {
+                logger.log(`[Devtools] Setting value of ${setting} at ${level} from user input`);
+                try {
+                    const val = parsedExplicit[level];
+                    await SettingsStore.setValue(setting, null, level as SettingLevel, val);
+                } catch (e) {
+                    logger.warn(e);
+                }
+            }
+
+            const roomId = context.room.roomId;
+            for (const level of Object.keys(parsedExplicit)) {
+                logger.log(`[Devtools] Setting value of ${setting} at ${level} in ${roomId} from user input`);
+                try {
+                    const val = parsedExplicitRoom[level];
+                    await SettingsStore.setValue(setting, roomId, level as SettingLevel, val);
+                } catch (e) {
+                    logger.warn(e);
+                }
+            }
+            onBack();
+        } catch (e) {
+            return _t("devtools|failed_to_save") + (e instanceof Error ? ` (${e.message})` : "");
+        }
+    };
+
+    return (
+        <BaseTool onBack={onBack} actionLabel={_td("devtools|save_setting_values")} onAction={onSave}>
+            <h3>
+                {_t("devtools|setting_colon")} <code>{setting}</code>
+            </h3>
+
+            <div className="mx_DevTools_SettingsExplorer_warning">
+                <strong>{_t("devtools|caution_colon")}</strong> {_t("devtools|use_at_own_risk")}
+            </div>
+
+            <div>
+                {_t("devtools|setting_definition")}
+                <pre>
+                    <code>{JSON.stringify(SETTINGS[setting], null, 4)}</code>
+                </pre>
+            </div>
+
+            <div>
+                <table>
+                    <thead>
+                        <tr>
+                            <th>{_t("devtools|level")}</th>
+                            <th>{_t("devtools|settable_global")}</th>
+                            <th>{_t("devtools|settable_room")}</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {LEVEL_ORDER.map((lvl) => (
+                            <tr key={lvl}>
+                                <td>
+                                    <code>{lvl}</code>
+                                </td>
+                                <CanEditLevelField setting={setting} level={lvl} />
+                                <CanEditLevelField setting={setting} roomId={context.room.roomId} level={lvl} />
+                            </tr>
+                        ))}
+                    </tbody>
+                </table>
+            </div>
+
+            <div>
+                <Field
+                    id="valExpl"
+                    label={_t("devtools|values_explicit")}
+                    type="text"
+                    className="mx_DevTools_textarea"
+                    element="textarea"
+                    autoComplete="off"
+                    value={explicitValue}
+                    onChange={(e) => setExplicitValue(e.target.value)}
+                />
+            </div>
+
+            <div>
+                <Field
+                    id="valExpl"
+                    label={_t("devtools|values_explicit_room")}
+                    type="text"
+                    className="mx_DevTools_textarea"
+                    element="textarea"
+                    autoComplete="off"
+                    value={explicitRoomValue}
+                    onChange={(e) => setExplicitRoomValue(e.target.value)}
+                />
+            </div>
+        </BaseTool>
+    );
+};
+
+interface IViewSettingProps extends Pick<IDevtoolsProps, "onBack"> {
+    setting: SettingKey;
+    onEdit(this: void): Promise<void>;
+}
+
+const ViewSetting: React.FC<IViewSettingProps> = ({ setting, onEdit, onBack }) => {
+    const context = useContext(DevtoolsContext);
+
+    return (
+        <BaseTool onBack={onBack} actionLabel={_td("devtools|edit_values")} onAction={onEdit}>
+            <h3>
+                {_t("devtools|setting_colon")} <code>{setting}</code>
+            </h3>
+
+            <div>
+                {_t("devtools|setting_definition")}
+                <pre>
+                    <code>{JSON.stringify(SETTINGS[setting], null, 4)}</code>
+                </pre>
+            </div>
+
+            <div>
+                {_t("devtools|value_colon")}&nbsp;
+                <code>{renderSettingValue(SettingsStore.getValue(setting))}</code>
+            </div>
+
+            <div>
+                {_t("devtools|value_this_room_colon")}&nbsp;
+                <code>{renderSettingValue(SettingsStore.getValue(setting, context.room.roomId))}</code>
+            </div>
+
+            <div>
+                {_t("devtools|values_explicit_colon")}
+                <pre>
+                    <code>{renderExplicitSettingValues(setting)}</code>
+                </pre>
+            </div>
+
+            <div>
+                {_t("devtools|values_explicit_this_room_colon")}
+                <pre>
+                    <code>{renderExplicitSettingValues(setting, context.room.roomId)}</code>
+                </pre>
+            </div>
+        </BaseTool>
+    );
+};
+
+function renderSettingValue(val: any): string {
+    // Note: we don't .toString() a string because we want JSON.stringify to inject quotes for us
+    const toStringTypes = ["boolean", "number"];
+    if (toStringTypes.includes(typeof val)) {
+        return val.toString();
+    } else {
+        return JSON.stringify(val);
+    }
+}
+
+interface ISettingsListProps extends Pick<IDevtoolsProps, "onBack"> {
+    onView(this: void, setting: string): void;
+    onEdit(this: void, setting: string): void;
+}
+
+const SettingsList: React.FC<ISettingsListProps> = ({ onBack, onView, onEdit }) => {
+    const context = useContext(DevtoolsContext);
+    const [query, setQuery] = useState("");
+
+    const allSettings = useMemo(() => {
+        let allSettings = Object.keys(SETTINGS) as SettingKey[];
+        if (query) {
+            const lcQuery = query.toLowerCase();
+            allSettings = allSettings.filter((setting) => setting.toLowerCase().includes(lcQuery));
+        }
+        return allSettings;
+    }, [query]);
+
+    return (
+        <BaseTool onBack={onBack} className="mx_DevTools_SettingsExplorer">
+            <Field
+                label={_t("common|filter_results")}
+                autoFocus={true}
+                size={64}
+                type="text"
+                autoComplete="off"
+                value={query}
+                onChange={(ev: ChangeEvent<HTMLInputElement>) => setQuery(ev.target.value)}
+                className="mx_TextInputDialog_input mx_DevTools_RoomStateExplorer_query"
+            />
+            <table>
+                <thead>
+                    <tr>
+                        <th>{_t("devtools|setting_id")}</th>
+                        <th>{_t("devtools|value")}</th>
+                        <th>{_t("devtools|value_in_this_room")}</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {allSettings.map((i) => (
+                        <tr key={i}>
+                            <td>
+                                <AccessibleButton
+                                    kind="link_inline"
+                                    className="mx_DevTools_SettingsExplorer_setting"
+                                    onClick={() => onView(i)}
+                                >
+                                    <code>{i}</code>
+                                </AccessibleButton>
+                                <AccessibleButton
+                                    title={_t("devtools|edit_setting")}
+                                    onClick={() => onEdit(i)}
+                                    className="mx_DevTools_SettingsExplorer_edit"
+                                >
+                                    ✏
+                                </AccessibleButton>
+                            </td>
+                            <td>
+                                <code>{renderSettingValue(SettingsStore.getValue(i))}</code>
+                            </td>
+                            <td>
+                                <code>{renderSettingValue(SettingsStore.getValue(i, context.room.roomId))}</code>
+                            </td>
+                        </tr>
+                    ))}
+                </tbody>
+            </table>
+        </BaseTool>
+    );
+};
diff --git a/apps/web/src/components/views/dialogs/devtools/StickyEventState.tsx b/apps/web/src/components/views/dialogs/devtools/StickyEventState.tsx
new file mode 100644
index 00000000000..8f367884415
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/devtools/StickyEventState.tsx
@@ -0,0 +1,344 @@
+/*
+ * 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 ChangeEvent, useContext, useEffect, useMemo, useState } from "react";
+import { Pill } from "@element-hq/web-shared-components";
+import { MatrixEvent, type IContent, RoomStickyEventsEvent } from "matrix-js-sdk/src/matrix";
+import { Alert, Form, SettingsToggleInput } from "@vector-im/compound-web";
+
+import BaseTool, { DevtoolsContext, type IDevtoolsProps } from "./BaseTool.tsx";
+import { _t, _td, UserFriendlyError } from "../../../../languageHandler";
+import {
+    EventEditor,
+    eventTypeField,
+    EventViewer,
+    type IEditorProps,
+    stickyDurationField,
+    stringify,
+} from "./Event.tsx";
+import Field from "../../elements/Field.tsx";
+import MatrixClientContext from "../../../../contexts/MatrixClientContext.tsx";
+import InlineSpinner from "../../elements/InlineSpinner.tsx";
+import { Key } from "../../../../Keyboard.ts";
+import { useAsyncMemo } from "../../../../hooks/useAsyncMemo.ts";
+import { useTypedEventEmitterState } from "../../../../hooks/useEventEmitter.ts";
+
+/**
+ * Devtool to explore sticky events in the current room.
+ * It allows you to see all sticky events, filter them by type, and view their content.
+ * @param onBack - handle back navigation in devtools
+ * @param setTool - callback to switch to a different devtool (StickyEventEditor) when the user wants to send a new sticky event
+ */
+export const StickyStateExplorer: React.FC<IDevtoolsProps> = ({ onBack, setTool }) => {
+    const context = useContext(DevtoolsContext);
+    const [eventType, setEventType] = useState<string>();
+    const [event, setEvent] = useState<MatrixEvent>();
+
+    const cli = useContext(MatrixClientContext);
+    // Check if the server supports sticky events and show a message if it doesn't.
+    // undefined means we are still checking, true/false means we have the result.
+    const stickyEventsSupported = useAsyncMemo(() => {
+        return cli.doesServerSupportUnstableFeature("org.matrix.msc4354");
+    }, [cli]);
+
+    // Listen for updates to the sticky events and refresh the list when they change
+    const events = useTypedEventEmitterState(context.room, RoomStickyEventsEvent.Update, () => {
+        return [...context.room._unstable_getStickyEvents()];
+    });
+
+    if (stickyEventsSupported === false) {
+        return (
+            <p>
+                <Alert
+                    type="critical"
+                    title={_t("common|error")}
+                    actions={
+                        <button onClick={onBack} type="button">
+                            {_t("action|back")}
+                        </button>
+                    }
+                >
+                    {_t("devtools|sticky_events_not_supported")}
+                </Alert>
+            </p>
+        );
+    } else if (stickyEventsSupported === undefined) {
+        return (
+            <BaseTool onBack={onBack} onAction={async () => {}} actionLabel={_td("devtools|send_custom_sticky_event")}>
+                <p>
+                    <InlineSpinner />
+                    {_t("devtools|checking_sticky_events_support")}
+                </p>
+            </BaseTool>
+        );
+    }
+
+    // If an event is selected, show the single event view, which allows viewing the content of the event
+    // and sending a new one with the same sticky key.
+    if (event) {
+        return renderSingleEvent(setEvent, event);
+    }
+
+    // If an event type is selected, show the list of events of that type,
+    // with a filter and the option to show/hide "empty" events (empty sticky event is a way to clear state).
+    if (eventType !== undefined /* event type can be empty string */) {
+        return (
+            <StickyEventListPerType
+                eventType={eventType.length > 0 ? eventType : _t("devtools|empty_string")}
+                setTool={setTool}
+                events={events.filter((ev) => ev.getType() === eventType)}
+                onBack={() => setEventType(undefined)}
+                setEvent={setEvent}
+            />
+        );
+    }
+
+    // Get the list of different types.
+    const uniqueEventTypes = Array.from(new Set(events.map((event) => event.getType())));
+
+    if (uniqueEventTypes.length === 0) {
+        return <p>{_t("devtools|no_sticky_events")}</p>;
+    }
+
+    const onAction = async (): Promise<void> => {
+        setTool(_td("devtools|send_custom_sticky_event"), StickyEventEditor);
+    };
+    return (
+        <BaseTool onBack={onBack} actionLabel={_td("devtools|send_custom_sticky_event")} onAction={onAction}>
+            <p>
+                {uniqueEventTypes.map((eventType) => (
+                    <button
+                        key={eventType}
+                        className="mx_DevTools_button"
+                        onClick={() => setEventType(eventType)}
+                        type="button"
+                    >
+                        {eventType.length > 0 ? eventType : _t("devtools|empty_string")}
+                    </button>
+                ))}
+            </p>
+        </BaseTool>
+    );
+};
+
+interface StateEventButtonProps {
+    userId: string;
+    stickyKey?: string;
+    expiresAt: number;
+    onClick(this: void): void;
+}
+
+/**
+ * A single row in the sticky event list, showing the userId, sticky key and time until expiration for a sticky event.
+ * @param userId - the sender of the sticky event
+ * @param stickyKey - the sticky key of the event
+ * @param expiresAt - the timestamp when the sticky event will expire
+ * @param onClick - callback to show the event details when the row is clicked
+ */
+const StickyEventTableLine: React.FC<StateEventButtonProps> = ({ userId, stickyKey, expiresAt, onClick }) => {
+    const [timeRemainingFormatted, setTimeRemainingFormatted] = useState<string>("");
+
+    useEffect(() => {
+        const updateCountdown = (): void => {
+            const now = Date.now();
+            const remaining = expiresAt - now;
+
+            if (remaining <= 0) {
+                setTimeRemainingFormatted(_t("devtools|expired"));
+                return;
+            }
+
+            // Calculate time remaining
+            const totalSeconds = Math.floor(remaining / 1000);
+            const days = Math.floor(totalSeconds / 86400);
+            const hours = Math.floor((totalSeconds % 86400) / 3600);
+            const minutes = Math.floor((totalSeconds % 3600) / 60);
+            const seconds = totalSeconds % 60;
+
+            // Format the display
+            if (days > 0) {
+                setTimeRemainingFormatted(`${days}d ${hours}h ${minutes}m`);
+            } else if (hours > 0) {
+                setTimeRemainingFormatted(`${hours}h ${minutes}m ${seconds}s`);
+            } else if (minutes > 0) {
+                setTimeRemainingFormatted(`${minutes}m ${seconds}s`);
+            } else {
+                setTimeRemainingFormatted(`${seconds}s`);
+            }
+        };
+
+        updateCountdown();
+        const interval = setInterval(updateCountdown, 1000);
+        return () => clearInterval(interval);
+    }, [expiresAt]);
+
+    return (
+        <tr
+            onClick={onClick}
+            onKeyDown={(e) => {
+                // Activate on Enter or Space for keyboard users
+                if (e.key === Key.ENTER || e.key === Key.SPACE) {
+                    onClick();
+                }
+            }}
+            tabIndex={0}
+            role="button"
+        >
+            <td>{userId}</td>
+            <td>{stickyKey ?? <i>unkeyed</i>}</td>
+            <td className="remaining_time_column">{timeRemainingFormatted}</td>
+        </tr>
+    );
+};
+
+interface StickyEventListPerTypeProps {
+    eventType: string;
+    events: MatrixEvent[];
+    onBack: () => void;
+    setEvent: (event: MatrixEvent | undefined) => void;
+    setTool: IDevtoolsProps["setTool"];
+}
+
+const StickyEventListPerType: React.FC<StickyEventListPerTypeProps> = ({
+    eventType,
+    events,
+    onBack,
+    setEvent,
+    setTool,
+}) => {
+    const onAction = async (): Promise<void> => {
+        setTool(_td("devtools|send_custom_sticky_event"), StickyEventEditor);
+    };
+
+    const [query, setQuery] = useState("");
+    const [showEmptyState, setShowEmptyState] = useState(true);
+
+    return (
+        <BaseTool
+            className="mx_DevTools_sticky_explorer"
+            onBack={onBack}
+            actionLabel={_td("devtools|send_custom_sticky_event")}
+            onAction={onAction}
+        >
+            <p>
+                <Pill label={eventType} />
+            </p>
+
+            <Field
+                label={_t("common|filter_results")}
+                autoFocus={true}
+                size={64}
+                type="text"
+                autoComplete="off"
+                value={query}
+                onChange={(ev: ChangeEvent<HTMLInputElement>) => setQuery(ev.target.value)}
+                className="mx_TextInputDialog_input mx_DevTools_RoomStateExplorer_query"
+            />
+
+            <Form.Root
+                onSubmit={(evt) => {
+                    evt.preventDefault();
+                    evt.stopPropagation();
+                }}
+            >
+                <SettingsToggleInput
+                    name="decrypted_toggle"
+                    label={_t("devtools|show_empty_content_events")}
+                    onChange={(e) => setShowEmptyState(e.target.checked)}
+                    checked={showEmptyState}
+                />
+            </Form.Root>
+
+            <table className="mx_DevTools_event_table">
+                <thead>
+                    <tr>
+                        <th id="user_header">{_t("devtools|users")}</th>
+                        <th id="sticky_key_header">{_t("devtools|sticky_key")}</th>
+                        <th id="expires_in_header">{_t("devtools|expires_in")}</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {events
+                        .filter((eventType) => {
+                            if (showEmptyState) return true;
+
+                            // An empty sticky event has a single content key "msc4354_sticky_key" and no other keys, as the sticky key is required but content can otherwise be empty
+                            const contentKeys = Object.keys(eventType.getContent());
+                            const isEmpty = contentKeys.length === 1 && contentKeys[0] === "msc4354_sticky_key";
+                            return !isEmpty;
+                        })
+                        .filter((ev) => {
+                            // No filtering, return all events
+                            if (!query) return true;
+                            // Filter by sender or sticky key
+                            if (ev.getSender()!.includes(query)) {
+                                return true;
+                            }
+                            const matchesStickyKey = ev.getContent().msc4354_sticky_key?.includes(query);
+                            return !!matchesStickyKey;
+                        })
+                        .sort((a, b) => {
+                            return (a.unstableStickyExpiresAt ?? 0) - (b.unstableStickyExpiresAt ?? 0);
+                        })
+                        .map((ev) => (
+                            <StickyEventTableLine
+                                key={ev.getId()}
+                                userId={ev.getSender()!}
+                                stickyKey={ev.getContent().msc4354_sticky_key}
+                                expiresAt={ev.unstableStickyExpiresAt!}
+                                onClick={() => setEvent(ev)}
+                            />
+                        ))}
+                </tbody>
+            </table>
+        </BaseTool>
+    );
+};
+
+function renderSingleEvent(setEvent: (value: MatrixEvent | undefined) => void, event: MatrixEvent): React.JSX.Element {
+    const _onBack = (): void => {
+        setEvent(undefined);
+    };
+
+    // If the event is encrypted, getEffectiveEvent will return the event
+    // as it would appear if it was unencrypted.
+    const effectiveEvent = event.getEffectiveEvent();
+    const clear = new MatrixEvent(effectiveEvent);
+
+    return <EventViewer mxEvent={clear} onBack={_onBack} Editor={StickyEventEditor} />;
+}
+
+export const StickyEventEditor: React.FC<IEditorProps> = ({ mxEvent, onBack }) => {
+    const context = useContext(DevtoolsContext);
+    const cli = useContext(MatrixClientContext);
+
+    const fields = useMemo(
+        () => [eventTypeField(mxEvent?.getType()), stickyDurationField(3600000 /* 1 hour in ms */)],
+        [mxEvent],
+    );
+
+    const onSend = async ([eventType, stickyDuration]: string[], content: IContent): Promise<void> => {
+        // Parse and validate stickyDuration. It must be an integer number of milliseconds
+        // between 0 and 3,600,000 (inclusive) — 1-hour max.
+        const parsed = Number.parseInt(String(stickyDuration), 10);
+        if (Number.isNaN(parsed)) {
+            throw new UserFriendlyError("devtools|error_sticky_duration_must_be_a_number");
+        }
+        if (parsed < 0 || parsed > 3600000) {
+            throw new UserFriendlyError("devtools|error_sticky_duration_out_of_range");
+        }
+
+        await cli._unstable_sendStickyEvent(context.room.roomId, parsed, null, eventType as any, content);
+    };
+
+    const defaultContent = mxEvent
+        ? stringify(mxEvent.getContent())
+        : stringify({
+              msc4354_sticky_key: window.crypto.randomUUID(),
+          });
+    return <EventEditor fieldDefs={fields} defaultContent={defaultContent} onSend={onSend} onBack={onBack} />;
+};
diff --git a/apps/web/src/components/views/dialogs/devtools/Users.tsx b/apps/web/src/components/views/dialogs/devtools/Users.tsx
new file mode 100644
index 00000000000..a0ba101dd80
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/devtools/Users.tsx
@@ -0,0 +1,386 @@
+/*
+ * 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.
+ */
+
+/**
+ * @file Devtool for viewing room members and their devices.
+ */
+
+import React, { type JSX, useContext, useState } from "react";
+import { type Device, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+import { Form, SettingsToggleInput } from "@vector-im/compound-web";
+
+import { _t } from "../../../../languageHandler";
+import BaseTool, { DevtoolsContext, type IDevtoolsProps } from "./BaseTool";
+import FilteredList from "./FilteredList";
+import { useAsyncMemo } from "../../../../hooks/useAsyncMemo";
+import CopyableText from "../../elements/CopyableText";
+import E2EIcon from "../../rooms/E2EIcon";
+import { E2EStatus } from "../../../../utils/ShieldUtils";
+import SyntaxHighlight from "../../elements/SyntaxHighlight.tsx";
+import { stringify } from "./Event.tsx";
+
+/**
+ * Replacement function for `<i>` tags in translation strings.
+ */
+function i(sub: string): JSX.Element {
+    return <i>{sub}</i>;
+}
+
+/**
+ * Shows a list of users in the room, and allows selecting a user to view.
+ *
+ * Initially, filters to only show joined users, but offers the user an option to show all users.
+ *
+ * Once the user chooses a specific member, delegates to {@link UserView} to view a single user.
+ */
+export const UserList: React.FC<Pick<IDevtoolsProps, "onBack">> = ({ onBack }) => {
+    const context = useContext(DevtoolsContext);
+    const [query, setQuery] = useState("");
+    // Show only joined users or all users with member events?
+    const [showOnlyJoined, setShowOnlyJoined] = useState(true);
+    // The `RoomMember` for the selected user (if any)
+    const [member, setMember] = useState<RoomMember | null>(null);
+
+    if (member) {
+        return <UserView member={member} onBack={() => setMember(null)} />;
+    }
+
+    const members = showOnlyJoined ? context.room.getJoinedMembers() : context.room.getMembers();
+
+    return (
+        <BaseTool onBack={onBack}>
+            <FilteredList query={query} onChange={setQuery}>
+                {members.map((member) => (
+                    <UserButton key={member.userId} member={member} onClick={() => setMember(member)} />
+                ))}
+            </FilteredList>
+            <Form.Root
+                onSubmit={(evt) => {
+                    evt.preventDefault();
+                    evt.stopPropagation();
+                }}
+            >
+                <SettingsToggleInput
+                    name="only_joined_members"
+                    label={_t("devtools|only_joined_members")}
+                    onChange={(e) => {
+                        setShowOnlyJoined(e.target.checked);
+                    }}
+                    checked={showOnlyJoined}
+                />
+            </Form.Root>
+        </BaseTool>
+    );
+};
+
+interface UserButtonProps {
+    member: RoomMember;
+    onClick(this: void): void;
+}
+
+/**
+ * Button to select a user to view.
+ */
+const UserButton: React.FC<UserButtonProps> = ({ member, onClick }) => {
+    return (
+        <button className="mx_DevTools_button" onClick={onClick} type="button">
+            {member.userId}
+        </button>
+    );
+};
+
+interface UserProps extends Pick<IDevtoolsProps, "onBack"> {
+    member: RoomMember;
+}
+
+/**
+ * Shows a single user to view, and allows selecting a device to view.
+ *
+ * Once the user chooses a specific device, delegates to {@link DeviceView} to show a single device.
+ */
+const UserView: React.FC<UserProps> = ({ member, onBack }) => {
+    const context = useContext(DevtoolsContext);
+    const crypto = context.room.client.getCrypto();
+    // An element to show the verification status of the device (unknown,
+    // unverified, verified by cross signing, signed by owner).  The element
+    // will show text as well as an icon.  If crypto is not available, the value
+    // will be `null`.
+    const verificationStatus = useAsyncMemo(
+        async () => {
+            if (!crypto) {
+                return null;
+            }
+            const status = await crypto.getUserVerificationStatus(member.userId);
+            if (status.isCrossSigningVerified()) {
+                const e2eIcon = (): JSX.Element => (
+                    <E2EIcon
+                        isUser={true}
+                        hideTooltip={true}
+                        status={E2EStatus.Verified}
+                        className="mx_E2EIcon_inline"
+                    />
+                );
+                return _t("devtools|user_verification_status|verified", {}, { E2EIcon: e2eIcon });
+            } else if (status.wasCrossSigningVerified()) {
+                const e2eIcon = (): JSX.Element => (
+                    <E2EIcon
+                        isUser={true}
+                        hideTooltip={true}
+                        status={E2EStatus.Warning}
+                        className="mx_E2EIcon_inline"
+                    />
+                );
+                return _t("devtools|user_verification_status|was_verified", {}, { E2EIcon: e2eIcon });
+            } else if (status.needsUserApproval) {
+                const e2eIcon = (): JSX.Element => (
+                    <E2EIcon
+                        isUser={true}
+                        hideTooltip={true}
+                        status={E2EStatus.Warning}
+                        className="mx_E2EIcon_inline"
+                    />
+                );
+                return _t("devtools|user_verification_status|identity_changed", {}, { E2EIcon: e2eIcon });
+            } else {
+                const e2eIcon = (): JSX.Element => (
+                    <E2EIcon isUser={true} hideTooltip={true} status={E2EStatus.Normal} className="mx_E2EIcon_inline" />
+                );
+                return _t("devtools|user_verification_status|unverified", {}, { E2EIcon: e2eIcon });
+            }
+        },
+        [context, member],
+        _t("common|loading"),
+    );
+    // The user's devices, as a Map from device ID to device information (see
+    // the `Device` type in `matrix-js-sdk/src/models/device.ts`).
+    const devices = useAsyncMemo(
+        async () => {
+            const devices = await crypto?.getUserDeviceInfo([member.userId]);
+            return devices?.get(member.userId) ?? new Map();
+        },
+        [context, member],
+        new Map(),
+    );
+
+    const userIdentity = useAsyncMemo(
+        async () => {
+            const identity = await crypto?.getUserCrossSigningKeys(member.userId);
+            if (!identity) return null;
+            return <SyntaxHighlight language="json">{stringify(identity)}</SyntaxHighlight>;
+        },
+        [context, member],
+        null,
+    );
+
+    // The device to show, if any.
+    const [device, setDevice] = useState<Device | null>(null);
+
+    if (device) {
+        return <DeviceView crypto={crypto!} device={device} onBack={() => setDevice(null)} />;
+    }
+
+    const avatarUrl = member.getMxcAvatarUrl();
+    const memberEventContent = member.events.member?.getContent();
+
+    return (
+        <BaseTool onBack={onBack}>
+            <ul>
+                <li>
+                    <CopyableText getTextToCopy={() => member.userId} border={false}>
+                        {_t("devtools|user_id", { userId: member.userId })}
+                    </CopyableText>
+                </li>
+                <li>{_t("devtools|user_room_membership", { membership: member.membership ?? "leave" })}</li>
+                <li>
+                    {memberEventContent && "displayname" in memberEventContent
+                        ? _t("devtools|user_displayname", { displayname: member.rawDisplayName })
+                        : _t("devtools|user_no_displayname", {}, { i })}
+                </li>
+                <li>
+                    {avatarUrl !== undefined ? (
+                        <CopyableText getTextToCopy={() => avatarUrl} border={false}>
+                            {_t("devtools|user_avatar", { avatar: avatarUrl })}
+                        </CopyableText>
+                    ) : (
+                        _t("devtools|user_no_avatar", {}, { i })
+                    )}
+                </li>
+                <li>{verificationStatus}</li>
+            </ul>
+            <section>
+                <h2>{_t("devtools|devices", { count: devices.size })}</h2>
+                <ul>
+                    {Array.from(devices.values()).map((device) => (
+                        <li key={device.deviceId}>
+                            <DeviceButton crypto={crypto!} device={device} onClick={() => setDevice(device)} />
+                        </li>
+                    ))}
+                </ul>
+            </section>
+            <section>
+                <h2>{_t("devtools|user_identity")}</h2>
+                {userIdentity ?? <i>{_t("devtools|user_identity_unknown")}</i>}
+            </section>
+        </BaseTool>
+    );
+};
+
+interface DeviceButtonProps {
+    crypto: CryptoApi;
+    device: Device;
+    onClick(this: void): void;
+}
+
+/**
+ * Button to select a user to view.
+ */
+const DeviceButton: React.FC<DeviceButtonProps> = ({ crypto, device, onClick }) => {
+    const verificationIcon = useAsyncMemo(
+        async () => {
+            const status = await crypto.getDeviceVerificationStatus(device.userId, device.deviceId);
+            if (!status) {
+                return;
+            } else if (status.crossSigningVerified) {
+                return (
+                    <E2EIcon
+                        isUser={true}
+                        hideTooltip={true}
+                        status={E2EStatus.Verified}
+                        className="mx_E2EIcon_inline"
+                    />
+                );
+            } else if (status.signedByOwner) {
+                return (
+                    <E2EIcon isUser={true} hideTooltip={true} status={E2EStatus.Normal} className="mx_E2EIcon_inline" />
+                );
+            } else {
+                return (
+                    <E2EIcon
+                        isUser={true}
+                        hideTooltip={true}
+                        status={E2EStatus.Warning}
+                        className="mx_E2EIcon_inline"
+                    />
+                );
+            }
+        },
+        [crypto, device],
+        null,
+    );
+    return (
+        <button className="mx_DevTools_button" onClick={onClick} type="button">
+            {verificationIcon}
+            {device.deviceId}
+        </button>
+    );
+};
+
+interface DeviceProps extends Pick<IDevtoolsProps, "onBack"> {
+    crypto: CryptoApi;
+    device: Device;
+}
+
+/**
+ * Show a single device to view.
+ */
+const DeviceView: React.FC<DeviceProps> = ({ crypto, device, onBack }) => {
+    // An element to show the verification status of the device (unknown,
+    // unverified, verified by cross signing, signed by owner).  The element
+    // will show text as well as an icon if applicable.
+    const verificationStatus = useAsyncMemo(
+        async () => {
+            const status = await crypto.getDeviceVerificationStatus(device.userId, device.deviceId);
+            if (!status) {
+                // `status` will be `null` if the device is unknown or if the
+                // device doesn't have device keys.  In either case, it's not a
+                // security issue since we won't be sending it decryption keys.
+                return _t("devtools|device_verification_status|unknown");
+            } else if (status.crossSigningVerified) {
+                const e2eIcon = (): JSX.Element => (
+                    <E2EIcon
+                        isUser={true}
+                        hideTooltip={true}
+                        status={E2EStatus.Verified}
+                        className="mx_E2EIcon_inline"
+                    />
+                );
+                return _t("devtools|device_verification_status|verified", {}, { E2EIcon: e2eIcon });
+            } else if (status.signedByOwner) {
+                const e2eIcon = (): JSX.Element => (
+                    <E2EIcon isUser={true} hideTooltip={true} status={E2EStatus.Normal} className="mx_E2EIcon_inline" />
+                );
+                return _t("devtools|device_verification_status|signed_by_owner", {}, { E2EIcon: e2eIcon });
+            } else {
+                const e2eIcon = (): JSX.Element => (
+                    <E2EIcon
+                        isUser={true}
+                        hideTooltip={true}
+                        status={E2EStatus.Warning}
+                        className="mx_E2EIcon_inline"
+                    />
+                );
+                return _t("devtools|device_verification_status|unverified", {}, { E2EIcon: e2eIcon });
+            }
+        },
+        [crypto, device],
+        _t("common|loading"),
+    );
+
+    const keyIdSuffix = ":" + device.deviceId;
+    const deviceKeys = (
+        <ul>
+            {Array.from(device.keys.entries()).map(([keyId, key]) => {
+                if (keyId.endsWith(keyIdSuffix)) {
+                    return (
+                        <li key={keyId}>
+                            <CopyableText getTextToCopy={() => key} border={false}>
+                                {keyId.slice(0, -keyIdSuffix.length)}: {key}
+                            </CopyableText>
+                        </li>
+                    );
+                } else {
+                    return (
+                        <li key={keyId}>
+                            <i>{_t("devtools|invalid_device_key_id")}</i>: {keyId}: {key}
+                        </li>
+                    );
+                }
+            })}
+        </ul>
+    );
+
+    return (
+        <BaseTool onBack={onBack}>
+            <ul>
+                <li>
+                    <CopyableText getTextToCopy={() => device.userId} border={false}>
+                        {_t("devtools|user_id", { userId: device.userId })}
+                    </CopyableText>
+                </li>
+                <li>
+                    <CopyableText getTextToCopy={() => device.deviceId} border={false}>
+                        {_t("devtools|device_id", { deviceId: device.deviceId })}
+                    </CopyableText>
+                </li>
+                <li>
+                    {"displayName" in device
+                        ? _t("devtools|user_displayname", { displayname: device.displayName })
+                        : _t("devtools|user_no_displayname", {}, { i })}
+                </li>
+                <li>{verificationStatus}</li>
+                <li>
+                    {device.dehydrated ? _t("devtools|device_dehydrated_yes") : _t("devtools|device_dehydrated_no")}
+                </li>
+                <li>
+                    {_t("devtools|device_keys")}
+                    {deviceKeys}
+                </li>
+            </ul>
+        </BaseTool>
+    );
+};
diff --git a/apps/web/src/components/views/dialogs/devtools/WidgetExplorer.tsx b/apps/web/src/components/views/dialogs/devtools/WidgetExplorer.tsx
new file mode 100644
index 00000000000..284a80de1d6
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/devtools/WidgetExplorer.tsx
@@ -0,0 +1,70 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2022 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, { useContext, useState } from "react";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { useEventEmitterState } from "../../../../hooks/useEventEmitter";
+import { _t } from "../../../../languageHandler";
+import BaseTool, { DevtoolsContext, type IDevtoolsProps } from "./BaseTool";
+import WidgetStore, { type IApp } from "../../../../stores/WidgetStore";
+import { UPDATE_EVENT } from "../../../../stores/AsyncStore";
+import FilteredList from "./FilteredList";
+import { StateEventEditor } from "./RoomState";
+
+const WidgetExplorer: React.FC<IDevtoolsProps> = ({ onBack }) => {
+    const context = useContext(DevtoolsContext);
+    const [query, setQuery] = useState("");
+    const [widget, setWidget] = useState<IApp | null>(null);
+
+    const widgets = useEventEmitterState(WidgetStore.instance, UPDATE_EVENT, () => {
+        return WidgetStore.instance.getApps(context.room.roomId);
+    });
+
+    if (widget && widgets.includes(widget)) {
+        const onBack = (): void => {
+            setWidget(null);
+        };
+
+        const allState = Array.from(
+            Array.from(context.room.currentState.events.values()).map((e: Map<string, MatrixEvent>) => {
+                return e.values();
+            }),
+        ).reduce((p, c) => {
+            p.push(...c);
+            return p;
+        }, [] as MatrixEvent[]);
+        const event = allState.find((ev) => ev.getId() === widget.eventId);
+        if (!event) {
+            // "should never happen"
+            return <BaseTool onBack={onBack}>{_t("devtools|failed_to_find_widget")}</BaseTool>;
+        }
+
+        return <StateEventEditor mxEvent={event} onBack={onBack} />;
+    }
+
+    return (
+        <BaseTool onBack={onBack}>
+            <FilteredList query={query} onChange={setQuery}>
+                {widgets.map((w) => (
+                    <button
+                        className="mx_DevTools_button"
+                        key={w.url + w.eventId}
+                        onClick={() => setWidget(w)}
+                        type="button"
+                    >
+                        {w.url}
+                    </button>
+                ))}
+            </FilteredList>
+        </BaseTool>
+    );
+};
+
+export default WidgetExplorer;
diff --git a/apps/web/src/components/views/dialogs/invite/DMRoomTile.tsx b/apps/web/src/components/views/dialogs/invite/DMRoomTile.tsx
new file mode 100644
index 00000000000..28a6e6e5bc2
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/invite/DMRoomTile.tsx
@@ -0,0 +1,74 @@
+/*
+ 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 { RichItem } from "@element-hq/web-shared-components";
+
+import { type Member, type ThreepidMember } from "../../../../utils/direct-messages.ts";
+import type { ButtonEvent } from "../../elements/AccessibleButton.tsx";
+import BaseAvatar from "../../avatars/BaseAvatar.tsx";
+import { mediaFromMxc } from "../../../../customisations/Media.ts";
+import UserIdentifierCustomisations from "../../../../customisations/UserIdentifier.ts";
+import { _t } from "../../../../languageHandler";
+import EmailPillAvatarIcon from "../../../../../res/img/icon-email-pill-avatar.svg?react";
+
+interface IDMRoomTileProps {
+    member: Member;
+    lastActiveTs?: number;
+    onToggle?(member: Member): void;
+    isSelected?: boolean;
+}
+
+/** A tile representing a single user in the "suggestions"/"recents" section of the invite dialog. */
+export class DMRoomTile extends React.PureComponent<IDMRoomTileProps> {
+    private onClick = (e: ButtonEvent): void => {
+        // Stop the browser from highlighting text
+        e.preventDefault();
+        e.stopPropagation();
+
+        this.props.onToggle?.(this.props.member);
+    };
+
+    public render(): React.ReactNode {
+        const avatarSize = "32px";
+        const avatar = (this.props.member as ThreepidMember).isEmail ? (
+            <EmailPillAvatarIcon width={avatarSize} height={avatarSize} />
+        ) : (
+            <BaseAvatar
+                url={
+                    this.props.member.getMxcAvatarUrl()
+                        ? mediaFromMxc(this.props.member.getMxcAvatarUrl()).getSquareThumbnailHttp(
+                              parseInt(avatarSize, 10),
+                          )
+                        : null
+                }
+                name={this.props.member.name}
+                idName={this.props.member.userId}
+                size={avatarSize}
+            />
+        );
+
+        const userIdentifier = UserIdentifierCustomisations.getDisplayUserIdentifier(this.props.member.userId, {
+            withDisplayName: true,
+        });
+
+        const caption = (this.props.member as ThreepidMember).isEmail
+            ? _t("invite|email_caption")
+            : userIdentifier || this.props.member.userId;
+
+        return (
+            <RichItem
+                avatar={avatar}
+                title={this.props.member.name}
+                description={caption}
+                timestamp={this.props.lastActiveTs}
+                onClick={this.onClick}
+                selected={this.props.isSelected}
+            />
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/invite/UnknownIdentityUsersWarningDialog.tsx b/apps/web/src/components/views/dialogs/invite/UnknownIdentityUsersWarningDialog.tsx
new file mode 100644
index 00000000000..00d32bdb6e9
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/invite/UnknownIdentityUsersWarningDialog.tsx
@@ -0,0 +1,121 @@
+/*
+ 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, useCallback } from "react";
+import { CheckIcon, CloseIcon, UserAddSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Button, PageHeader } from "@vector-im/compound-web";
+
+import { InviteKind } from "../InviteDialogTypes.ts";
+import { type Member } from "../../../../utils/direct-messages.ts";
+import BaseDialog from "../BaseDialog.tsx";
+import { type ScreenName } from "../../../../PosthogTrackers.ts";
+import { DMRoomTile } from "./DMRoomTile.tsx";
+import { _t } from "../../../../languageHandler";
+
+interface Props {
+    /** Callback that will be called when the 'Continue' or 'Invite' button is clicked. */
+    onContinue: () => void;
+
+    /** Callback that will be called when the 'Cancel' button is clicked. Unused unless {@link kind} is {@link InviteKind.Dm}. */
+    onCancel: () => void;
+
+    /** Callback that will be called when the 'Remove' button is clicked. Unused unless {@link kind} is {@link InviteKind.Invite}. */
+    onRemove: () => void;
+
+    /** Optional Posthog ScreenName to supply during the lifetime of this dialog. */
+    screenName: ScreenName | undefined;
+
+    /** The type of invite dialog: whether we are starting a new DM, or inviting users to an existing room */
+    kind: InviteKind.Dm | InviteKind.Invite;
+
+    /** The users whose identities we don't know */
+    users: Member[];
+}
+
+/**
+ * Part of the invite dialog: a screen that appears if there are any users whose cryptographic identity we don't know,
+ * to confirm that they are the right users.
+ *
+ * Figma: https://www.figma.com/design/chAcaQAluTuRg6BsG4Npc0/-3163--Inviting-Unknown-People?node-id=150-17719&t=ISAikbnj97LM4NwT-0
+ */
+const UnknownIdentityUsersWarningDialog: React.FC<Props> = (props) => {
+    const userListItem = useCallback((u: Member) => <DMRoomTile member={u} key={u.userId} />, []);
+
+    let title: string;
+    let headerText: string;
+    let buttons: JSX.Element;
+
+    switch (props.kind) {
+        case InviteKind.Invite:
+            title = _t("invite|confirm_unknown_users|invite_title");
+            headerText = _t("invite|confirm_unknown_users|invite_subtitle");
+            buttons = <InviteButtons onInvite={props.onContinue} onRemove={props.onRemove} />;
+            break;
+
+        case InviteKind.Dm:
+            title =
+                props.users.length == 1
+                    ? _t("invite|confirm_unknown_users|start_chat_title_one_user")
+                    : _t("invite|confirm_unknown_users|start_chat_title_multiple_users");
+
+            headerText =
+                props.users.length == 1
+                    ? _t("invite|confirm_unknown_users|start_chat_subtitle_one_user")
+                    : _t("invite|confirm_unknown_users|start_chat_subtitle_multiple_users");
+
+            buttons = <DmButtons onCancel={props.onCancel} onContinue={props.onContinue} />;
+            break;
+    }
+
+    return (
+        <BaseDialog
+            onFinished={props.onCancel}
+            className="mx_UnknownIdentityUsersWarningDialog"
+            screenName={props.screenName}
+        >
+            <div className="mx_UnknownIdentityUsersWarningDialog_headerContainer">
+                <PageHeader Icon={UserAddSolidIcon} heading={title}>
+                    <p>{headerText}</p>
+                </PageHeader>
+            </div>
+
+            <ul className="mx_UnknownIdentityUsersWarningDialog_userList" data-testid="userlist">
+                {props.users.map(userListItem)}
+            </ul>
+
+            <div className="mx_UnknownIdentityUsersWarningDialog_buttons">{buttons}</div>
+        </BaseDialog>
+    );
+};
+
+const DmButtons: React.FC<{ onContinue: () => void; onCancel: () => void }> = (props) => {
+    return (
+        <>
+            <Button size="lg" kind="secondary" onClick={props.onCancel}>
+                {_t("action|cancel")}
+            </Button>
+            <Button size="lg" kind="primary" onClick={props.onContinue}>
+                {_t("action|continue")}
+            </Button>
+        </>
+    );
+};
+
+const InviteButtons: React.FC<{ onInvite: () => void; onRemove: () => void }> = (props) => {
+    return (
+        <>
+            <Button size="lg" kind="secondary" onClick={props.onRemove} Icon={CloseIcon}>
+                {_t("action|remove")}
+            </Button>
+            <Button size="lg" kind="primary" onClick={props.onInvite} Icon={CheckIcon}>
+                {_t("action|invite")}
+            </Button>
+        </>
+    );
+};
+
+export default UnknownIdentityUsersWarningDialog;
diff --git a/apps/web/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx b/apps/web/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx
new file mode 100644
index 00000000000..1b241f4c23e
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx
@@ -0,0 +1,225 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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 { 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, 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";
+import { EncryptionCardButtons } from "../../settings/encryption/EncryptionCardButtons";
+import BaseDialog from "../BaseDialog";
+
+// Don't shout at the user that their key is invalid every time they type a key: wait a short time
+const VALIDATION_THROTTLE_MS = 200;
+
+export type KeyParams = { passphrase?: string; recoveryKey?: string };
+
+interface IProps {
+    /**
+     * Information about the Secret Storage key that we want to get.
+     */
+    keyInfo: SecretStorage.SecretStorageKeyDescription;
+    /**
+     * Callback to check whether the given key is correct.
+     */
+    checkPrivateKey: (k: KeyParams) => Promise<boolean>;
+    /**
+     * Callback for when the user is done with this dialog.  `result` will
+     * contain information about the key that was entered, or will be `false` if
+     * the user cancelled.
+     */
+    onFinished(result?: false | KeyParams): void;
+}
+
+interface IState {
+    //! The recovery key/phrase that the user entered
+    recoveryKey: string;
+    //! Is the recovery key/phrase correct?  `null` means no key/phrase has been entered
+    recoveryKeyCorrect: boolean | null;
+}
+
+/*
+ * Access Secure Secret Storage by requesting the user's passphrase.
+ */
+export default class AccessSecretStorageDialog extends React.PureComponent<IProps, IState> {
+    private inputRef = React.createRef<HTMLInputElement>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            recoveryKey: "",
+            recoveryKeyCorrect: null,
+        };
+    }
+
+    private onCancel = (): void => {
+        this.props.onFinished(false);
+    };
+
+    private validateRecoveryKeyOnChange = debounce(async (): Promise<void> => {
+        await this.validateRecoveryKey(this.state.recoveryKey);
+    }, VALIDATION_THROTTLE_MS);
+
+    /**
+     * Checks whether the security key/phrase is correct.
+     *
+     * Sets `state.recoveryKeyCorrect` accordingly, and if the key/phrase is
+     * correct, returns a `KeyParams` structure.
+     */
+    private async validateRecoveryKey(recoveryKey: string): Promise<KeyParams | undefined> {
+        recoveryKey = recoveryKey.trim();
+
+        if (recoveryKey === "") {
+            this.setState({
+                recoveryKeyCorrect: null,
+            });
+            return;
+        }
+
+        const hasPassphrase = this.props.keyInfo?.passphrase?.salt && this.props.keyInfo?.passphrase?.iterations;
+
+        // If the user has a passphrase, we want to try validating it both as a
+        // key and as a passphrase.  We first try to validate it as a key, since
+        // that check is faster.
+
+        try {
+            const input = { recoveryKey };
+            const recoveryKeyCorrect = await this.props.checkPrivateKey(input);
+            if (recoveryKeyCorrect) {
+                this.setState({ recoveryKeyCorrect });
+                return input;
+            }
+        } catch {}
+
+        if (hasPassphrase) {
+            try {
+                const input = { passphrase: recoveryKey };
+                const recoveryKeyCorrect = await this.props.checkPrivateKey(input);
+                if (recoveryKeyCorrect) {
+                    this.setState({ recoveryKeyCorrect });
+                    return input;
+                }
+            } catch {}
+        }
+
+        this.setState({
+            recoveryKeyCorrect: false,
+        });
+    }
+
+    private onRecoveryKeyChange = (ev: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            recoveryKey: ev.target.value,
+        });
+
+        // We don't use Field's validation here because we want it in a separate place rather
+        // than in a tooltip. Ideally we would refactor Field's validation logic so we could
+        // re-use some of it.
+        this.validateRecoveryKeyOnChange();
+    };
+
+    private onRecoveryKeyNext = async (ev: FormEvent<HTMLFormElement> | React.MouseEvent): Promise<void> => {
+        ev.preventDefault();
+
+        const keyParams = await this.validateRecoveryKey(this.state.recoveryKey);
+
+        if (keyParams !== undefined) {
+            this.props.onFinished(keyParams);
+        } else {
+            this.inputRef.current?.focus();
+        }
+    };
+
+    private getRecoveryKeyFeedback(): React.ReactNode | null {
+        let content: ReactNode;
+        let classes: string | undefined;
+
+        if (this.state.recoveryKeyCorrect) {
+            // The recovery key is good. Empty feedback.
+            content = "\xA0"; // &nbsp;
+        } else if (this.state.recoveryKeyCorrect === null) {
+            // The input element is empty. Tell the user they can also use a passphrase.
+            content = _t("encryption|access_secret_storage_dialog|alternatives");
+        } else {
+            // The entered key is not (yet) correct. Tell them so.
+            content = (
+                <>
+                    <ErrorSolidIcon />
+                    {_t("encryption|access_secret_storage_dialog|key_validation_text|wrong_security_key")}
+                </>
+            );
+            classes = "mx_AccessSecretStorageDialog_recoveryKeyFeedback--invalid";
+        }
+
+        return (
+            <Flex align="center" className={classNames("mx_AccessSecretStorageDialog_recoveryKeyFeedback", classes)}>
+                {content}
+            </Flex>
+        );
+    }
+
+    public render(): React.ReactNode {
+        const title = _t("encryption|access_secret_storage_dialog|security_key_title");
+
+        const recoveryKeyFeedback = this.getRecoveryKeyFeedback();
+        const content = (
+            <div>
+                <form
+                    className="mx_AccessSecretStorageDialog_primaryContainer"
+                    onSubmit={this.onRecoveryKeyNext}
+                    spellCheck={false}
+                    autoComplete="off"
+                >
+                    <div className="mx_AccessSecretStorageDialog_recoveryKeyEntry">
+                        <PasswordInput
+                            ref={this.inputRef}
+                            id="mx_securityKey"
+                            title={_t("encryption|access_secret_storage_dialog|security_key_label")}
+                            placeholder={_t("encryption|access_secret_storage_dialog|security_key_label")}
+                            value={this.state.recoveryKey}
+                            onChange={this.onRecoveryKeyChange}
+                            autoFocus={true}
+                            autoComplete="off"
+                        />
+                    </div>
+                    {recoveryKeyFeedback}
+                    <EncryptionCardButtons>
+                        <Button disabled={!this.state.recoveryKeyCorrect} onClick={this.onRecoveryKeyNext}>
+                            {_t("action|continue")}
+                        </Button>
+                        <Button kind="tertiary" onClick={this.onCancel}>
+                            {_t("action|cancel")}
+                        </Button>
+                    </EncryptionCardButtons>
+                </form>
+            </div>
+        );
+
+        // We wrap the content in `BaseDialog` mostly so that we get a `FocusLock` container; otherwise, if the
+        // SettingsDialog is open, then the `FocusLock` in *that* stops us getting the focus.
+        return (
+            <BaseDialog fixedWidth={false} hasCancel={false}>
+                <EncryptionCard
+                    Icon={LockSolidIcon}
+                    className="mx_AccessSecretStorageDialog"
+                    title={title}
+                    description={_t("encryption|access_secret_storage_dialog|privacy_warning")}
+                >
+                    {content}
+                </EncryptionCard>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/security/InitialCryptoSetupDialog.tsx b/apps/web/src/components/views/dialogs/security/InitialCryptoSetupDialog.tsx
new file mode 100644
index 00000000000..a4c9e3a4c8c
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/security/InitialCryptoSetupDialog.tsx
@@ -0,0 +1,68 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2018, 2019 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 } from "react";
+
+import { _t } from "../../../../languageHandler";
+import DialogButtons from "../../elements/DialogButtons";
+import BaseDialog from "../BaseDialog";
+import Spinner from "../../elements/Spinner";
+import { InitialCryptoSetupStore, useInitialCryptoSetupStatus } from "../../../../stores/InitialCryptoSetupStore";
+
+interface Props {
+    /** Callback which is called if the crypto setup failed, and the user clicked the 'cancel' button */
+    onCancelled: () => void;
+}
+
+/**
+ * Walks the user through the process of creating cross-signing keys.
+ *
+ * In most cases, only a spinner is shown, but for more
+ * complex auth like SSO, the user may need to complete some steps to proceed.
+ */
+export const InitialCryptoSetupDialog: React.FC<Props> = ({ onCancelled }) => {
+    const onRetryClick = useCallback(() => {
+        InitialCryptoSetupStore.sharedInstance().retry();
+    }, []);
+
+    const status = useInitialCryptoSetupStatus(InitialCryptoSetupStore.sharedInstance());
+
+    let content;
+    if (status === "error") {
+        content = (
+            <div>
+                <p>{_t("encryption|unable_to_setup_keys_error")}</p>
+                <div className="mx_Dialog_buttons">
+                    <DialogButtons
+                        primaryButton={_t("action|retry")}
+                        onPrimaryButtonClick={onRetryClick}
+                        onCancel={onCancelled}
+                    />
+                </div>
+            </div>
+        );
+    } else {
+        content = (
+            <div>
+                <Spinner />
+            </div>
+        );
+    }
+
+    return (
+        <BaseDialog
+            className="mx_CreateCrossSigningDialog"
+            title={_t("encryption|bootstrap_title")}
+            hasCancel={false}
+            fixedWidth={false}
+        >
+            <div>{content}</div>
+        </BaseDialog>
+    );
+};
diff --git a/apps/web/src/components/views/dialogs/security/RestoreKeyBackupDialog.tsx b/apps/web/src/components/views/dialogs/security/RestoreKeyBackupDialog.tsx
new file mode 100644
index 00000000000..c221c994485
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/security/RestoreKeyBackupDialog.tsx
@@ -0,0 +1,498 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2018, 2019 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 ChangeEvent } from "react";
+import { MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+import { decodeRecoveryKey, type KeyBackupInfo, type KeyBackupRestoreResult } from "matrix-js-sdk/src/crypto-api";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { MatrixClientPeg } from "../../../../MatrixClientPeg";
+import { _t } from "../../../../languageHandler";
+import { accessSecretStorage } from "../../../../SecurityManager";
+import Spinner from "../../elements/Spinner";
+import DialogButtons from "../../elements/DialogButtons";
+import AccessibleButton from "../../elements/AccessibleButton";
+import BaseDialog from "../BaseDialog";
+
+enum RestoreType {
+    Passphrase = "passphrase",
+    RecoveryKey = "recovery_key",
+    SecretStorage = "secret_storage",
+}
+
+enum ProgressState {
+    PreFetch = "prefetch",
+    Fetch = "fetch",
+    LoadKeys = "load_keys",
+}
+
+interface IProps {
+    // if false, will close the dialog as soon as the restore completes successfully
+    // default: true
+    showSummary?: boolean;
+    onFinished(done?: boolean): void;
+}
+
+interface IState {
+    backupInfo: KeyBackupInfo | null;
+    loading: boolean;
+    loadError: boolean | null;
+    restoreError: unknown | null;
+    recoveryKey: string;
+    recoverInfo: KeyBackupRestoreResult | null;
+    recoveryKeyValid: boolean;
+    forceRecoveryKey: boolean;
+    passPhrase: string;
+    restoreType: RestoreType | null;
+    progress: {
+        stage: ProgressState | string;
+        total?: number;
+        successes?: number;
+        failures?: number;
+    };
+}
+
+/*
+ * Dialog for restoring e2e keys from a backup and the user's recovery key
+ */
+export default class RestoreKeyBackupDialog extends React.PureComponent<IProps, IState> {
+    public static defaultProps: Partial<IProps> = {
+        showSummary: true,
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            backupInfo: null,
+            loading: false,
+            loadError: null,
+            restoreError: null,
+            recoveryKey: "",
+            recoverInfo: null,
+            recoveryKeyValid: false,
+            forceRecoveryKey: false,
+            passPhrase: "",
+            restoreType: null,
+            progress: { stage: ProgressState.PreFetch },
+        };
+    }
+
+    public componentDidMount(): void {
+        this.loadBackupStatus();
+    }
+
+    private onCancel = (): void => {
+        this.props.onFinished(false);
+    };
+
+    private onDone = (): void => {
+        this.props.onFinished(true);
+    };
+
+    private onUseRecoveryKeyClick = (): void => {
+        this.setState({
+            forceRecoveryKey: true,
+        });
+    };
+
+    private progressCallback = (data: IState["progress"]): void => {
+        this.setState({
+            progress: data,
+        });
+    };
+
+    private onResetRecoveryClick = (): void => {
+        this.props.onFinished(false);
+        accessSecretStorage(async (): Promise<void> => {}, { forceReset: true });
+    };
+
+    /**
+     * Check if the recovery key is valid
+     * @param recoveryKey
+     * @private
+     */
+    private isValidRecoveryKey(recoveryKey: string): boolean {
+        try {
+            decodeRecoveryKey(recoveryKey);
+            return true;
+        } catch {
+            return false;
+        }
+    }
+
+    private onRecoveryKeyChange = (e: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            recoveryKey: e.target.value,
+            recoveryKeyValid: this.isValidRecoveryKey(e.target.value),
+        });
+    };
+
+    private onPassPhraseNext = async (): Promise<void> => {
+        const crypto = MatrixClientPeg.safeGet().getCrypto();
+        if (!crypto) return;
+        this.setState({
+            loading: true,
+            restoreError: null,
+            restoreType: RestoreType.Passphrase,
+        });
+        try {
+            // We do still restore the key backup: we must ensure that the key backup key
+            // is the right one and restoring it is currently the only way we can do this.
+            const recoverInfo = await crypto.restoreKeyBackupWithPassphrase(this.state.passPhrase, {
+                progressCallback: this.progressCallback,
+            });
+
+            if (!this.props.showSummary) {
+                this.props.onFinished(true);
+                return;
+            }
+            this.setState({
+                loading: false,
+                recoverInfo,
+            });
+        } catch (e) {
+            logger.log("Error restoring backup", e);
+            this.setState({
+                loading: false,
+                restoreError: e,
+            });
+        }
+    };
+
+    private onRecoveryKeyNext = async (): Promise<void> => {
+        const crypto = MatrixClientPeg.safeGet().getCrypto();
+        if (!this.state.recoveryKeyValid || !this.state.backupInfo?.version || !crypto) return;
+
+        this.setState({
+            loading: true,
+            restoreError: null,
+            restoreType: RestoreType.RecoveryKey,
+        });
+        try {
+            await crypto.storeSessionBackupPrivateKey(
+                decodeRecoveryKey(this.state.recoveryKey),
+                this.state.backupInfo.version,
+            );
+            const recoverInfo = await crypto.restoreKeyBackup({
+                progressCallback: this.progressCallback,
+            });
+
+            if (!this.props.showSummary) {
+                this.props.onFinished(true);
+                return;
+            }
+            this.setState({
+                loading: false,
+                recoverInfo,
+            });
+        } catch (e) {
+            logger.log("Error restoring backup", e);
+            this.setState({
+                loading: false,
+                restoreError: e,
+            });
+        }
+    };
+
+    private onPassPhraseChange = (e: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            passPhrase: e.target.value,
+        });
+    };
+
+    private async restoreWithSecretStorage(): Promise<boolean> {
+        const crypto = MatrixClientPeg.safeGet().getCrypto();
+        if (!crypto) return false;
+
+        this.setState({
+            restoreError: null,
+            restoreType: RestoreType.SecretStorage,
+        });
+        try {
+            let recoverInfo: KeyBackupRestoreResult | null = null;
+            // `accessSecretStorage` may prompt for storage access as needed.
+            await accessSecretStorage(async (): Promise<void> => {
+                await crypto.loadSessionBackupPrivateKeyFromSecretStorage();
+                recoverInfo = await crypto.restoreKeyBackup({ progressCallback: this.progressCallback });
+            });
+            this.setState({
+                loading: false,
+                recoverInfo,
+            });
+            return true;
+        } catch (e) {
+            logger.log("restoreWithSecretStorage failed:", e);
+            this.setState({
+                restoreError: e,
+                loading: false,
+            });
+            return false;
+        }
+    }
+
+    private async restoreWithCachedKey(backupInfo: KeyBackupInfo | null): Promise<boolean> {
+        const crypto = MatrixClientPeg.safeGet().getCrypto();
+        if (!crypto) return false;
+        try {
+            const recoverInfo = await crypto.restoreKeyBackup({ progressCallback: this.progressCallback });
+            this.setState({
+                recoverInfo,
+            });
+            return true;
+        } catch (e) {
+            logger.log("restoreWithCachedKey failed:", e);
+            return false;
+        }
+    }
+
+    private async loadBackupStatus(): Promise<void> {
+        this.setState({
+            loading: true,
+            loadError: null,
+        });
+        try {
+            const cli = MatrixClientPeg.safeGet();
+            const backupInfo = (await cli.getCrypto()?.getKeyBackupInfo()) ?? null;
+            const has4S = await cli.secretStorage.hasKey();
+            const backupKeyStored = has4S ? await cli.isKeyBackupKeyStored() : null;
+            this.setState({
+                backupInfo,
+            });
+
+            const gotCache = await this.restoreWithCachedKey(backupInfo);
+            if (gotCache) {
+                logger.log("RestoreKeyBackupDialog: found cached backup key");
+                this.setState({
+                    loading: false,
+                });
+                return;
+            }
+
+            const hasBackupFromSS = backupKeyStored && (await this.restoreWithSecretStorage());
+            if (hasBackupFromSS) {
+                logger.log("RestoreKeyBackupDialog: found backup key in secret storage");
+                this.setState({
+                    loading: false,
+                });
+                return;
+            }
+
+            this.setState({
+                loadError: null,
+                loading: false,
+            });
+        } catch (e) {
+            logger.log("Error loading backup status", e);
+            this.setState({
+                loadError: true,
+                loading: false,
+            });
+        }
+    }
+
+    public render(): React.ReactNode {
+        const backupHasPassphrase =
+            this.state.backupInfo &&
+            this.state.backupInfo.auth_data &&
+            this.state.backupInfo.auth_data.private_key_salt &&
+            this.state.backupInfo.auth_data.private_key_iterations;
+
+        let content;
+        let title;
+        if (this.state.loading) {
+            title = _t("encryption|access_secret_storage_dialog|restoring");
+            let details;
+            if (this.state.progress.stage === ProgressState.Fetch) {
+                details = _t("restore_key_backup_dialog|key_fetch_in_progress");
+            } else if (this.state.progress.stage === ProgressState.LoadKeys) {
+                const { total, successes, failures } = this.state.progress;
+                details = _t("restore_key_backup_dialog|load_keys_progress", {
+                    total,
+                    completed: (successes ?? 0) + (failures ?? 0),
+                });
+            } else if (this.state.progress.stage === ProgressState.PreFetch) {
+                details = _t("restore_key_backup_dialog|key_fetch_in_progress");
+            }
+            content = (
+                <div>
+                    <div>{details}</div>
+                    <Spinner />
+                </div>
+            );
+        } else if (this.state.loadError) {
+            title = _t("common|error");
+            content = _t("restore_key_backup_dialog|load_error_content");
+        } else if (this.state.restoreError) {
+            if (
+                this.state.restoreError instanceof MatrixError &&
+                this.state.restoreError.errcode === MatrixClient.RESTORE_BACKUP_ERROR_BAD_KEY
+            ) {
+                if (this.state.restoreType === RestoreType.RecoveryKey) {
+                    title = _t("restore_key_backup_dialog|recovery_key_mismatch_title");
+                    content = (
+                        <div>
+                            <p>{_t("restore_key_backup_dialog|recovery_key_mismatch_description")}</p>
+                        </div>
+                    );
+                } else {
+                    title = _t("restore_key_backup_dialog|incorrect_security_phrase_title");
+                    content = (
+                        <div>
+                            <p>{_t("restore_key_backup_dialog|incorrect_security_phrase_dialog")}</p>
+                        </div>
+                    );
+                }
+            } else {
+                title = _t("common|error");
+                content = _t("restore_key_backup_dialog|restore_failed_error");
+            }
+        } else if (this.state.backupInfo === null) {
+            title = _t("common|error");
+            content = _t("restore_key_backup_dialog|no_backup_error");
+        } else if (this.state.recoverInfo) {
+            title = _t("restore_key_backup_dialog|keys_restored_title");
+            let failedToDecrypt;
+            if (this.state.recoverInfo.total > this.state.recoverInfo.imported) {
+                failedToDecrypt = (
+                    <p>
+                        {_t("restore_key_backup_dialog|count_of_decryption_failures", {
+                            failedCount: this.state.recoverInfo.total - this.state.recoverInfo.imported,
+                        })}
+                    </p>
+                );
+            }
+            content = (
+                <div>
+                    <p>
+                        {_t("restore_key_backup_dialog|count_of_successfully_restored_keys", {
+                            sessionCount: this.state.recoverInfo.imported,
+                        })}
+                    </p>
+                    {failedToDecrypt}
+                    <DialogButtons
+                        primaryButton={_t("action|ok")}
+                        onPrimaryButtonClick={this.onDone}
+                        hasCancel={false}
+                        focus={true}
+                    />
+                </div>
+            );
+        } else if (backupHasPassphrase && !this.state.forceRecoveryKey) {
+            title = _t("restore_key_backup_dialog|enter_phrase_title");
+            content = (
+                <div>
+                    <p>
+                        {_t("restore_key_backup_dialog|key_backup_warning", {}, { b: (sub) => <strong>{sub}</strong> })}
+                    </p>
+                    <p>{_t("restore_key_backup_dialog|enter_phrase_description")}</p>
+
+                    <form className="mx_RestoreKeyBackupDialog_primaryContainer">
+                        <input
+                            data-testid="passphraseInput"
+                            type="password"
+                            className="mx_RestoreKeyBackupDialog_passPhraseInput"
+                            onChange={this.onPassPhraseChange}
+                            value={this.state.passPhrase}
+                            autoFocus={true}
+                        />
+                        <DialogButtons
+                            primaryButton={_t("action|next")}
+                            onPrimaryButtonClick={this.onPassPhraseNext}
+                            primaryIsSubmit={true}
+                            hasCancel={true}
+                            onCancel={this.onCancel}
+                            focus={false}
+                        />
+                    </form>
+                    {_t(
+                        "restore_key_backup_dialog|phrase_forgotten_text",
+                        {},
+                        {
+                            button1: (s) => (
+                                <AccessibleButton kind="link_inline" onClick={this.onUseRecoveryKeyClick}>
+                                    {s}
+                                </AccessibleButton>
+                            ),
+                            button2: (s) => (
+                                <AccessibleButton kind="link_inline" onClick={this.onResetRecoveryClick}>
+                                    {s}
+                                </AccessibleButton>
+                            ),
+                        },
+                    )}
+                </div>
+            );
+        } else {
+            title = _t("restore_key_backup_dialog|enter_key_title");
+
+            let keyStatus;
+            if (this.state.recoveryKey.length === 0) {
+                keyStatus = <div className="mx_RestoreKeyBackupDialog_keyStatus" />;
+            } else if (this.state.recoveryKeyValid) {
+                keyStatus = (
+                    <div className="mx_RestoreKeyBackupDialog_keyStatus">
+                        {"\uD83D\uDC4D "}
+                        {_t("restore_key_backup_dialog|key_is_valid")}
+                    </div>
+                );
+            } else {
+                keyStatus = (
+                    <div className="mx_RestoreKeyBackupDialog_keyStatus">
+                        {"\uD83D\uDC4E "}
+                        {_t("restore_key_backup_dialog|key_is_invalid")}
+                    </div>
+                );
+            }
+
+            content = (
+                <div>
+                    <p>
+                        {_t("restore_key_backup_dialog|key_backup_warning", {}, { b: (sub) => <strong>{sub}</strong> })}
+                    </p>
+                    <p>{_t("restore_key_backup_dialog|enter_key_description")}</p>
+
+                    <div className="mx_RestoreKeyBackupDialog_primaryContainer">
+                        <input
+                            className="mx_RestoreKeyBackupDialog_recoveryKeyInput"
+                            onChange={this.onRecoveryKeyChange}
+                            value={this.state.recoveryKey}
+                            autoFocus={true}
+                        />
+                        {keyStatus}
+                        <DialogButtons
+                            primaryButton={_t("action|next")}
+                            onPrimaryButtonClick={this.onRecoveryKeyNext}
+                            hasCancel={true}
+                            onCancel={this.onCancel}
+                            focus={false}
+                            primaryDisabled={!this.state.recoveryKeyValid}
+                        />
+                    </div>
+                    {_t(
+                        "restore_key_backup_dialog|key_forgotten_text",
+                        {},
+                        {
+                            button: (s) => (
+                                <AccessibleButton kind="link_inline" onClick={this.onResetRecoveryClick}>
+                                    {s}
+                                </AccessibleButton>
+                            ),
+                        },
+                    )}
+                </div>
+            );
+        }
+
+        return (
+            <BaseDialog className="mx_RestoreKeyBackupDialog" onFinished={this.props.onFinished} title={title}>
+                <div className="mx_RestoreKeyBackupDialog_content">{content}</div>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/security/SetupEncryptionDialog.tsx b/apps/web/src/components/views/dialogs/security/SetupEncryptionDialog.tsx
new file mode 100644
index 00000000000..dabea9660db
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/security/SetupEncryptionDialog.tsx
@@ -0,0 +1,30 @@
+/*
+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 from "react";
+
+import SetupEncryptionBody from "../../../structures/auth/SetupEncryptionBody";
+import BaseDialog from "../BaseDialog";
+
+interface IProps {
+    onFinished(): void;
+}
+
+export default class SetupEncryptionDialog extends React.Component<IProps> {
+    public constructor(props: IProps) {
+        super(props);
+    }
+
+    public render(): React.ReactNode {
+        return (
+            <BaseDialog onFinished={this.props.onFinished} fixedWidth={false}>
+                <SetupEncryptionBody onFinished={this.props.onFinished} />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/dialogs/spotlight/Filter.ts b/apps/web/src/components/views/dialogs/spotlight/Filter.ts
new file mode 100644
index 00000000000..944b55a1fe5
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/spotlight/Filter.ts
@@ -0,0 +1,13 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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.
+*/
+
+export enum Filter {
+    People,
+    PublicRooms,
+    PublicSpaces,
+}
diff --git a/apps/web/src/components/views/dialogs/spotlight/Option.tsx b/apps/web/src/components/views/dialogs/spotlight/Option.tsx
new file mode 100644
index 00000000000..c24f65c89f3
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/spotlight/Option.tsx
@@ -0,0 +1,45 @@
+/*
+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 classNames from "classnames";
+import React, { type ReactNode } from "react";
+
+import { useRovingTabIndex } from "../../../../accessibility/RovingTabIndex";
+import AccessibleButton, { type ButtonEvent } from "../../elements/AccessibleButton";
+
+interface OptionProps {
+    endAdornment?: ReactNode;
+    id?: string;
+    className?: string;
+    onClick: ((ev: ButtonEvent) => void) | null;
+    children?: ReactNode;
+}
+
+export const Option: React.FC<OptionProps> = ({ children, endAdornment, className, ...props }) => {
+    const [onFocus, isActive, ref] = useRovingTabIndex<HTMLLIElement>();
+    return (
+        <AccessibleButton
+            {...props}
+            className={classNames(className, "mx_SpotlightDialog_option")}
+            onFocus={onFocus}
+            ref={ref}
+            tabIndex={-1}
+            aria-selected={isActive}
+            role="option"
+            element="li"
+        >
+            {children}
+            <div className="mx_SpotlightDialog_option--endAdornment">
+                <kbd className="mx_SpotlightDialog_enterPrompt" aria-hidden>
+                    ↵
+                </kbd>
+                {endAdornment}
+            </div>
+        </AccessibleButton>
+    );
+};
diff --git a/apps/web/src/components/views/dialogs/spotlight/PublicRoomResultDetails.tsx b/apps/web/src/components/views/dialogs/spotlight/PublicRoomResultDetails.tsx
new file mode 100644
index 00000000000..566b450e278
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/spotlight/PublicRoomResultDetails.tsx
@@ -0,0 +1,71 @@
+/*
+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 JSX } from "react";
+import { type IPublicRoomsChunkRoom } from "matrix-js-sdk/src/matrix";
+
+import { linkifyAndSanitizeHtml } from "../../../../HtmlUtils";
+import { _t } from "../../../../languageHandler";
+import { getDisplayAliasForAliasSet } from "../../../../Rooms";
+
+const MAX_NAME_LENGTH = 80;
+const MAX_TOPIC_LENGTH = 800;
+
+interface Props {
+    room: IPublicRoomsChunkRoom;
+    labelId: string;
+    descriptionId: string;
+    detailsId: string;
+}
+
+export function PublicRoomResultDetails({ room, labelId, descriptionId, detailsId }: Props): JSX.Element {
+    let name =
+        room.name ||
+        getDisplayAliasForAliasSet(room.canonical_alias ?? "", room.aliases ?? []) ||
+        _t("common|unnamed_room");
+    if (name.length > MAX_NAME_LENGTH) {
+        name = `${name.substring(0, MAX_NAME_LENGTH)}...`;
+    }
+
+    let topic = room.topic || "";
+    // Additional truncation based on line numbers is done via CSS,
+    // but to ensure that the DOM is not polluted with a huge string
+    // we give it a hard limit before rendering.
+    if (topic.length > MAX_TOPIC_LENGTH) {
+        topic = `${topic.substring(0, MAX_TOPIC_LENGTH)}...`;
+    }
+
+    return (
+        <div className="mx_SpotlightDialog_result_publicRoomDetails">
+            <div className="mx_SpotlightDialog_result_publicRoomHeader">
+                <span id={labelId} className="mx_SpotlightDialog_result_publicRoomName">
+                    {name}
+                </span>
+                <span id={descriptionId} className="mx_SpotlightDialog_result_publicRoomAlias">
+                    {room.canonical_alias ?? room.room_id}
+                </span>
+            </div>
+            <div id={detailsId} className="mx_SpotlightDialog_result_publicRoomDescription">
+                <span className="mx_SpotlightDialog_result_publicRoomMemberCount">
+                    {_t("spotlight_dialog|count_of_members", {
+                        count: room.num_joined_members,
+                    })}
+                </span>
+                {topic && (
+                    <>
+                        &nbsp;·&nbsp;
+                        <span
+                            className="mx_SpotlightDialog_result_publicRoomTopic"
+                            dangerouslySetInnerHTML={{ __html: linkifyAndSanitizeHtml(topic) }}
+                        />
+                    </>
+                )}
+            </div>
+        </div>
+    );
+}
diff --git a/apps/web/src/components/views/dialogs/spotlight/RoomResultContextMenus.tsx b/apps/web/src/components/views/dialogs/spotlight/RoomResultContextMenus.tsx
new file mode 100644
index 00000000000..838fbcc45d0
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/spotlight/RoomResultContextMenus.tsx
@@ -0,0 +1,126 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 { type Room } from "matrix-js-sdk/src/matrix";
+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";
+import { _t } from "../../../../languageHandler";
+import { RoomNotifState } from "../../../../RoomNotifs";
+import { RoomGeneralContextMenu } from "../../context_menus/RoomGeneralContextMenu";
+import { RoomNotificationContextMenu } from "../../context_menus/RoomNotificationContextMenu";
+import SpaceContextMenu from "../../context_menus/SpaceContextMenu";
+import { type ButtonEvent } from "../../elements/AccessibleButton";
+import { ChevronFace, type MenuProps } from "../../../structures/ContextMenu";
+import { shouldShowComponent } from "../../../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../../../settings/UIFeature";
+
+interface Props {
+    room: Room;
+}
+
+const contextMenuBelow = (elementRect: DOMRect): MenuProps => {
+    // align the context menu's icons with the icon which opened the context menu
+    const left = elementRect.left + window.scrollX - 9;
+    const top = elementRect.bottom + window.scrollY + 17;
+    const chevronFace = ChevronFace.None;
+    return { left, top, chevronFace };
+};
+
+export function getNotificationIcon(state: RoomNotifState): ReactNode {
+    switch (state) {
+        case RoomNotifState.Mute:
+            return <NotificationsOffSolidIcon />;
+        default:
+            return <NotificationsSolidIcon />;
+    }
+}
+
+export function RoomResultContextMenus({ room }: Props): JSX.Element {
+    const [notificationState] = useNotificationState(room);
+
+    const [generalMenuPosition, setGeneralMenuPosition] = useState<DOMRect | null>(null);
+    const [notificationMenuPosition, setNotificationMenuPosition] = useState<DOMRect | null>(null);
+
+    let generalMenu: JSX.Element | undefined;
+    if (generalMenuPosition !== null) {
+        if (room.isSpaceRoom()) {
+            generalMenu = (
+                <SpaceContextMenu
+                    {...contextMenuBelow(generalMenuPosition)}
+                    space={room}
+                    onFinished={() => setGeneralMenuPosition(null)}
+                />
+            );
+        } else {
+            generalMenu = (
+                <RoomGeneralContextMenu
+                    {...contextMenuBelow(generalMenuPosition)}
+                    room={room}
+                    onFinished={() => setGeneralMenuPosition(null)}
+                />
+            );
+        }
+    }
+
+    let notificationMenu: JSX.Element | undefined;
+    if (notificationMenuPosition !== null) {
+        notificationMenu = (
+            <RoomNotificationContextMenu
+                {...contextMenuBelow(notificationMenuPosition)}
+                room={room}
+                onFinished={() => setNotificationMenuPosition(null)}
+            />
+        );
+    }
+
+    return (
+        <Fragment>
+            {shouldShowComponent(UIComponent.RoomOptionsMenu) && (
+                <ContextMenuTooltipButton
+                    className="mx_SpotlightDialog_option--menu"
+                    onClick={(ev: ButtonEvent) => {
+                        ev.preventDefault();
+                        ev.stopPropagation();
+
+                        const target = ev.target as HTMLElement;
+                        setGeneralMenuPosition(target.getBoundingClientRect());
+                    }}
+                    title={room.isSpaceRoom() ? _t("space|context_menu|options") : _t("room|context_menu|title")}
+                    isExpanded={generalMenuPosition !== null}
+                >
+                    <OverflowHorizontalIcon />
+                </ContextMenuTooltipButton>
+            )}
+            {!room.isSpaceRoom() && (
+                <ContextMenuTooltipButton
+                    className="mx_SpotlightDialog_option--notifications"
+                    onClick={(ev: ButtonEvent) => {
+                        ev.preventDefault();
+                        ev.stopPropagation();
+
+                        const target = ev.target as HTMLElement;
+                        setNotificationMenuPosition(target.getBoundingClientRect());
+                    }}
+                    title={_t("room_list|notification_options")}
+                    isExpanded={notificationMenuPosition !== null}
+                >
+                    {getNotificationIcon(notificationState!)}
+                </ContextMenuTooltipButton>
+            )}
+            {generalMenu}
+            {notificationMenu}
+        </Fragment>
+    );
+}
diff --git a/apps/web/src/components/views/dialogs/spotlight/SpotlightDialog.tsx b/apps/web/src/components/views/dialogs/spotlight/SpotlightDialog.tsx
new file mode 100644
index 00000000000..20a8b60d3d2
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/spotlight/SpotlightDialog.tsx
@@ -0,0 +1,1335 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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 WebSearch as WebSearchEvent } from "@matrix-org/analytics-events/types/typescript/WebSearch";
+import { capitalize, sum } from "lodash";
+import {
+    type HierarchyRoom,
+    type IPublicRoomsChunkRoom,
+    JoinRule,
+    type MatrixClient,
+    type Room,
+    RoomMember,
+    RoomType,
+} 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 ChangeEvent,
+    type JSX,
+    useCallback,
+    useContext,
+    useEffect,
+    useMemo,
+    useRef,
+    useState,
+} from "react";
+import sanitizeHtml from "sanitize-html";
+import {
+    ChatIcon,
+    RoomIcon,
+    SpaceIcon,
+    UserProfileIcon,
+    HomeIcon,
+    GroupIcon,
+    CloseIcon,
+    LinkIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { KeyBindingAction } from "../../../../accessibility/KeyboardShortcuts";
+import {
+    findNextSiblingElement,
+    RovingStateActionType,
+    RovingTabIndexContext,
+    RovingTabIndexProvider,
+} from "../../../../accessibility/RovingTabIndex";
+import { mediaFromMxc } from "../../../../customisations/Media";
+import { Action } from "../../../../dispatcher/actions";
+import defaultDispatcher from "../../../../dispatcher/dispatcher";
+import { type ViewRoomPayload } from "../../../../dispatcher/payloads/ViewRoomPayload";
+import { useDebouncedCallback } from "../../../../hooks/spotlight/useDebouncedCallback";
+import { useRecentSearches } from "../../../../hooks/spotlight/useRecentSearches";
+import { useProfileInfo } from "../../../../hooks/useProfileInfo";
+import { usePublicRoomDirectory } from "../../../../hooks/usePublicRoomDirectory";
+import { useSpaceResults } from "../../../../hooks/useSpaceResults";
+import { useUserDirectory } from "../../../../hooks/useUserDirectory";
+import { getKeyBindingsManager } from "../../../../KeyBindingsManager";
+import { _t } from "../../../../languageHandler";
+import { MatrixClientPeg } from "../../../../MatrixClientPeg";
+import { PosthogAnalytics } from "../../../../PosthogAnalytics";
+import { getCachedRoomIdForAlias } from "../../../../RoomAliasCache";
+import { showStartChatInviteDialog } from "../../../../RoomInvite";
+import { SettingLevel } from "../../../../settings/SettingLevel";
+import SettingsStore from "../../../../settings/SettingsStore";
+import { BreadcrumbsStore } from "../../../../stores/BreadcrumbsStore";
+import { type RoomNotificationState } from "../../../../stores/notifications/RoomNotificationState";
+import { RoomNotificationStateStore } from "../../../../stores/notifications/RoomNotificationStateStore";
+import { compareRoomsByRecency } from "../../../../utils/room/sortRoomsByRecency";
+import { SDKContextClass } from "../../../../contexts/SDKContextClass";
+import { getMetaSpaceName, MetaSpace } from "../../../../stores/spaces";
+import { DirectoryMember, type Member, startDmOnFirstMessage } from "../../../../utils/direct-messages";
+import DMRoomMap from "../../../../utils/DMRoomMap";
+import { makeUserPermalink } from "../../../../utils/permalinks/Permalinks";
+import { buildActivityScores, buildMemberScores, compareMembers } from "../../../../utils/SortMembers";
+import { copyPlaintext } from "../../../../utils/strings";
+import BaseAvatar from "../../avatars/BaseAvatar";
+import DecoratedRoomAvatar from "../../avatars/DecoratedRoomAvatar";
+import { SearchResultAvatar } from "../../avatars/SearchResultAvatar";
+import { NetworkDropdown } from "../../directory/NetworkDropdown";
+import AccessibleButton, { type ButtonEvent } from "../../elements/AccessibleButton";
+import Spinner from "../../elements/Spinner";
+import { NotificationBadge } from "../../rooms/NotificationBadge/NotificationBadge";
+import BaseDialog from "../BaseDialog";
+import { Option } from "./Option";
+import { PublicRoomResultDetails } from "./PublicRoomResultDetails";
+import { RoomResultContextMenus } from "./RoomResultContextMenus";
+import { RoomContextDetails } from "../../rooms/RoomContextDetails";
+import { TooltipOption } from "./TooltipOption";
+import { isLocalRoom } from "../../../../utils/localRoom/isLocalRoom";
+import RoomAvatar from "../../avatars/RoomAvatar";
+import { useFeatureEnabled } from "../../../../hooks/useSettings";
+import { filterBoolean } from "../../../../utils/arrays";
+import { transformSearchTerm } from "../../../../utils/SearchInput";
+import { Filter } from "./Filter";
+
+const MAX_RECENT_SEARCHES = 10;
+const SECTION_LIMIT = 50; // only show 50 results per section for performance reasons
+const AVATAR_SIZE = "24px";
+
+interface IProps {
+    initialText?: string;
+    initialFilter?: Filter;
+    onFinished(this: void): void;
+}
+
+function nodeIsForRecentlyViewed(node?: HTMLElement): boolean {
+    return node?.id?.startsWith("mx_SpotlightDialog_button_recentlyViewed_") === true;
+}
+
+function getRoomTypes(filter: Filter | null): Set<RoomType | null> {
+    const roomTypes = new Set<RoomType | null>();
+
+    if (filter === Filter.PublicRooms) roomTypes.add(null);
+    if (filter === Filter.PublicSpaces) roomTypes.add(RoomType.Space);
+
+    return roomTypes;
+}
+
+enum Section {
+    People,
+    Rooms,
+    Spaces,
+    Suggestions,
+    PublicRoomsAndSpaces,
+}
+
+function filterToLabel(filter: Filter): string {
+    switch (filter) {
+        case Filter.People:
+            return _t("common|people");
+        case Filter.PublicRooms:
+            return _t("spotlight_dialog|public_rooms_label");
+        case Filter.PublicSpaces:
+            return _t("spotlight_dialog|public_spaces_label");
+    }
+}
+
+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.Orphans:
+            return <RoomIcon />;
+    }
+}
+
+interface IBaseResult {
+    section: Section;
+    filter: Filter[];
+    query?: string[]; // extra fields to query match, stored as lowercase
+}
+
+interface IPublicRoomResult extends IBaseResult {
+    publicRoom: IPublicRoomsChunkRoom;
+}
+
+interface IRoomResult extends IBaseResult {
+    room: Room;
+}
+
+interface IMemberResult extends IBaseResult {
+    member: Member | RoomMember;
+    /**
+     * If the result is from a filtered server API then we set true here to avoid locally culling it in our own filters
+     */
+    alreadyFiltered: boolean;
+}
+
+interface IResult extends IBaseResult {
+    avatar: JSX.Element;
+    name: string;
+    description?: string;
+    onClick?(this: void): void;
+}
+
+type Result = IRoomResult | IPublicRoomResult | IMemberResult | IResult;
+
+const isRoomResult = (result: any): result is IRoomResult => !!result?.room;
+const isPublicRoomResult = (result: any): result is IPublicRoomResult => !!result?.publicRoom;
+const isMemberResult = (result: any): result is IMemberResult => !!result?.member;
+
+const toPublicRoomResult = (publicRoom: IPublicRoomsChunkRoom): IPublicRoomResult => ({
+    publicRoom,
+    section: Section.PublicRoomsAndSpaces,
+    filter: [Filter.PublicRooms, Filter.PublicSpaces],
+    query: filterBoolean([
+        publicRoom.room_id.toLowerCase(),
+        publicRoom.canonical_alias?.toLowerCase(),
+        publicRoom.name?.toLowerCase(),
+        sanitizeHtml(publicRoom.topic?.toLowerCase() ?? "", { allowedTags: [] }),
+        ...(publicRoom.aliases?.map((it) => it.toLowerCase()) || []),
+    ]),
+});
+
+const toRoomResult = (room: Room): IRoomResult => {
+    const myUserId = MatrixClientPeg.safeGet().getUserId();
+    const otherUserId = DMRoomMap.shared().getUserIdForRoomId(room.roomId);
+
+    if (otherUserId) {
+        const otherMembers = room.getMembers().filter((it) => it.userId !== myUserId);
+        const query = [
+            ...otherMembers.map((it) => it.name.toLowerCase()),
+            ...otherMembers.map((it) => it.userId.toLowerCase()),
+        ].filter(Boolean);
+        return {
+            room,
+            section: Section.People,
+            filter: [Filter.People],
+            query,
+        };
+    } else if (room.isSpaceRoom()) {
+        return {
+            room,
+            section: Section.Spaces,
+            filter: [],
+        };
+    } else {
+        return {
+            room,
+            section: Section.Rooms,
+            filter: [],
+        };
+    }
+};
+
+const toMemberResult = (member: Member | RoomMember, alreadyFiltered: boolean): IMemberResult => ({
+    alreadyFiltered,
+    member,
+    section: Section.Suggestions,
+    filter: [Filter.People],
+    query: [member.userId.toLowerCase(), member.name.toLowerCase()].filter(Boolean),
+});
+
+export const useWebSearchMetrics = (numResults: number, queryLength: number, viaSpotlight: boolean): void => {
+    useEffect(() => {
+        if (!queryLength) return;
+
+        // send metrics after a 1s debounce
+        const timeoutId = window.setTimeout(() => {
+            PosthogAnalytics.instance.trackEvent<WebSearchEvent>({
+                eventName: "WebSearch",
+                viaSpotlight,
+                numResults,
+                queryLength,
+            });
+        }, 1000);
+
+        return () => {
+            clearTimeout(timeoutId);
+        };
+    }, [numResults, queryLength, viaSpotlight]);
+};
+
+const findVisibleRooms = (cli: MatrixClient, msc3946ProcessDynamicPredecessor: boolean): Room[] => {
+    return cli.getVisibleRooms(msc3946ProcessDynamicPredecessor).filter((room) => {
+        // Do not show local rooms
+        if (isLocalRoom(room)) return false;
+
+        // TODO we may want to put invites in their own list
+        return room.getMyMembership() === KnownMembership.Join || room.getMyMembership() == KnownMembership.Invite;
+    });
+};
+
+const findVisibleRoomMembers = (visibleRooms: Room[], cli: MatrixClient, filterDMs = true): RoomMember[] => {
+    return Object.values(
+        visibleRooms
+            .filter((room) => !filterDMs || !DMRoomMap.shared().getUserIdForRoomId(room.roomId))
+            .reduce(
+                (members, room) => {
+                    for (const member of room.getJoinedMembers()) {
+                        members[member.userId] = member;
+                    }
+                    return members;
+                },
+                {} as Record<string, RoomMember>,
+            ),
+    ).filter((it) => it.userId !== cli.getUserId());
+};
+
+const roomAriaUnreadLabel = (room: Room, notification: RoomNotificationState): string | undefined => {
+    if (notification.hasMentions) {
+        return _t("a11y|n_unread_messages_mentions", {
+            count: notification.count,
+        });
+    } else if (notification.hasUnreadCount) {
+        return _t("a11y|n_unread_messages", {
+            count: notification.count,
+        });
+    } else if (notification.isUnread) {
+        return _t("a11y|unread_messages");
+    } else {
+        return undefined;
+    }
+};
+
+const canAskToJoin = (joinRule?: JoinRule): boolean => {
+    return SettingsStore.getValue("feature_ask_to_join") && JoinRule.Knock === joinRule;
+};
+
+interface IDirectoryOpts {
+    limit: number;
+    query: string;
+}
+
+const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = null, onFinished }) => {
+    const inputRef = useRef<HTMLInputElement>(null);
+    const scrollContainerRef = useRef<HTMLDivElement>(null);
+    const cli = MatrixClientPeg.safeGet();
+    const rovingContext = useContext(RovingTabIndexContext);
+    const [query, _setQuery] = useState(initialText);
+    const [recentSearches, clearRecentSearches] = useRecentSearches();
+    const [filter, setFilterInternal] = useState<Filter | null>(initialFilter);
+    const setFilter = useCallback((filter: Filter | null) => {
+        setFilterInternal(filter);
+        inputRef.current?.focus();
+        scrollContainerRef.current?.scrollTo?.({ top: 0 });
+    }, []);
+    const memberComparator = useMemo(() => {
+        const activityScores = buildActivityScores(cli);
+        const memberScores = buildMemberScores(cli);
+        return compareMembers(activityScores, memberScores);
+    }, [cli]);
+    const msc3946ProcessDynamicPredecessor = useFeatureEnabled("feature_dynamic_room_predecessors");
+
+    const ownInviteLink = makeUserPermalink(cli.getUserId()!);
+    const [inviteLinkCopied, setInviteLinkCopied] = useState<boolean>(false);
+    const trimmedQuery = useMemo(() => query.trim(), [query]);
+
+    const [supportsSpaceFiltering, setSupportsSpaceFiltering] = useState(true); // assume it does until we find out it doesn't
+    useEffect(() => {
+        cli.isVersionSupported("v1.4")
+            .then((supported) => {
+                return supported || cli.doesServerSupportUnstableFeature("org.matrix.msc3827.stable");
+            })
+            .then((supported) => {
+                setSupportsSpaceFiltering(supported);
+            });
+    }, [cli]);
+
+    const {
+        loading: publicRoomsLoading,
+        publicRooms,
+        protocols,
+        config,
+        setConfig,
+        search: searchPublicRooms,
+        error: publicRoomsError,
+    } = usePublicRoomDirectory();
+    const { loading: peopleLoading, users: userDirectorySearchResults, search: searchPeople } = useUserDirectory();
+    const { loading: profileLoading, profile, search: searchProfileInfo } = useProfileInfo();
+    const searchParams: [IDirectoryOpts] = useMemo(
+        () => [
+            {
+                query: trimmedQuery,
+                roomTypes: getRoomTypes(filter),
+                limit: SECTION_LIMIT,
+            },
+        ],
+        [trimmedQuery, filter],
+    );
+    useDebouncedCallback(
+        filter === Filter.PublicRooms || filter === Filter.PublicSpaces,
+        searchPublicRooms,
+        searchParams,
+    );
+    useDebouncedCallback(filter === Filter.People, searchPeople, searchParams);
+    useDebouncedCallback(filter === Filter.People, searchProfileInfo, searchParams);
+
+    const possibleResults = useMemo<Result[]>(() => {
+        const visibleRooms = findVisibleRooms(cli, msc3946ProcessDynamicPredecessor);
+        const roomResults = visibleRooms.map(toRoomResult);
+        const userResults: IMemberResult[] = [];
+
+        // If we already have a DM with the user we're looking for, we will show that DM instead of the user themselves
+        const alreadyAddedUserIds = roomResults.reduce((userIds, result) => {
+            const userId = DMRoomMap.shared().getUserIdForRoomId(result.room.roomId);
+            if (!userId) return userIds;
+            if (result.room.getJoinedMemberCount() > 2) return userIds;
+            userIds.set(userId, result);
+            return userIds;
+        }, new Map<string, IMemberResult | IRoomResult>());
+
+        function addUserResults(users: Array<Member | RoomMember>, alreadyFiltered: boolean): void {
+            for (const user of users) {
+                // Make sure we don't have any user more than once
+                if (alreadyAddedUserIds.has(user.userId)) {
+                    const result = alreadyAddedUserIds.get(user.userId)!;
+                    if (alreadyFiltered && isMemberResult(result) && !result.alreadyFiltered) {
+                        // But if they were added as not yet filtered then mark them as already filtered to avoid
+                        // culling this result based on local filtering.
+                        result.alreadyFiltered = true;
+                    }
+                    continue;
+                }
+                const result = toMemberResult(user, alreadyFiltered);
+                alreadyAddedUserIds.set(user.userId, result);
+                userResults.push(result);
+            }
+        }
+        addUserResults(findVisibleRoomMembers(visibleRooms, cli), false);
+        addUserResults(userDirectorySearchResults, true);
+        if (profile) {
+            addUserResults([new DirectoryMember(profile)], true);
+        }
+
+        return [
+            ...SDKContextClass.instance.spaceStore.enabledMetaSpaces.map((spaceKey) => ({
+                section: Section.Spaces,
+                filter: [] as Filter[],
+                avatar: <div className="mx_SpotlightDialog_metaspaceResult">{metaspaceToIcon(spaceKey)}</div>,
+                name: getMetaSpaceName(spaceKey, SDKContextClass.instance.spaceStore.allRoomsInHome),
+                onClick() {
+                    SDKContextClass.instance.spaceStore.setActiveSpace(spaceKey);
+                },
+            })),
+            ...roomResults,
+            ...userResults,
+            ...publicRooms.map(toPublicRoomResult),
+        ].filter((result) => filter === null || result.filter.includes(filter));
+    }, [cli, userDirectorySearchResults, profile, publicRooms, filter, msc3946ProcessDynamicPredecessor]);
+
+    const results = useMemo<Record<Section, Result[]>>(() => {
+        const results: Record<Section, Result[]> = {
+            [Section.People]: [],
+            [Section.Rooms]: [],
+            [Section.Spaces]: [],
+            [Section.Suggestions]: [],
+            [Section.PublicRoomsAndSpaces]: [],
+        };
+
+        // Group results in their respective sections
+        if (trimmedQuery) {
+            const lcQuery = trimmedQuery.toLowerCase();
+            const normalizedQuery = normalize(trimmedQuery);
+
+            possibleResults.forEach((entry) => {
+                if (isRoomResult(entry)) {
+                    // If the room is a DM with a user that is part of the user directory search results,
+                    // we can assume the user is a relevant result, so include the DM with them too.
+                    const userId = DMRoomMap.shared().getUserIdForRoomId(entry.room.roomId);
+                    if (!userDirectorySearchResults.some((user) => user.userId === userId)) {
+                        if (
+                            !entry.room.normalizedName?.includes(normalizedQuery) &&
+                            !entry.room.getCanonicalAlias()?.toLowerCase().includes(lcQuery) &&
+                            !entry.query?.some((q) => q.includes(lcQuery))
+                        ) {
+                            return; // bail, does not match query
+                        }
+                    }
+                } else if (isMemberResult(entry)) {
+                    if (!entry.alreadyFiltered && !entry.query?.some((q) => q.includes(lcQuery))) return; // bail, does not match query
+                } else if (isPublicRoomResult(entry)) {
+                    if (!entry.query?.some((q) => q.includes(lcQuery))) return; // bail, does not match query
+                } else {
+                    if (!entry.name.toLowerCase().includes(lcQuery) && !entry.query?.some((q) => q.includes(lcQuery)))
+                        return; // bail, does not match query
+                }
+
+                results[entry.section].push(entry);
+            });
+        } else if (filter === Filter.PublicRooms || filter === Filter.PublicSpaces) {
+            // return all results for public rooms if no query is given
+            possibleResults.forEach((entry) => {
+                if (isPublicRoomResult(entry)) {
+                    results[entry.section].push(entry);
+                }
+            });
+        } else if (filter === Filter.People) {
+            // return all results for people if no query is given
+            possibleResults.forEach((entry) => {
+                if (isMemberResult(entry)) {
+                    results[entry.section].push(entry);
+                }
+            });
+        }
+
+        // Sort results by most recent activity
+        const myUserId = cli.getSafeUserId();
+        for (const resultArray of Object.values(results)) {
+            resultArray.sort((a: Result, b: Result) => {
+                if (isRoomResult(a) || isRoomResult(b)) {
+                    // Room results should appear at the top of the list
+                    if (!isRoomResult(b)) return -1;
+                    if (!isRoomResult(a)) return -1;
+
+                    return compareRoomsByRecency(a.room, b.room, myUserId);
+                } else if (isMemberResult(a) || isMemberResult(b)) {
+                    // Member results should appear just after room results
+                    if (!isMemberResult(b)) return -1;
+                    if (!isMemberResult(a)) return -1;
+
+                    return memberComparator(a.member, b.member);
+                }
+                return 0;
+            });
+        }
+
+        return results;
+    }, [cli, trimmedQuery, filter, possibleResults, userDirectorySearchResults, memberComparator]);
+
+    const numResults = sum(Object.values(results).map((it) => it.length));
+    useWebSearchMetrics(numResults, query.length, true);
+
+    const activeSpace = SDKContextClass.instance.spaceStore.activeSpaceRoom;
+    const [spaceResults, spaceResultsLoading] = useSpaceResults(activeSpace ?? undefined, query);
+
+    const setQuery = (e: ChangeEvent<HTMLInputElement>): void => {
+        const newQuery = transformSearchTerm(e.currentTarget.value);
+        _setQuery(newQuery);
+    };
+    useEffect(() => {
+        setTimeout(() => {
+            const node = rovingContext.state.nodes[0];
+            if (node) {
+                rovingContext.dispatch({
+                    type: RovingStateActionType.SetFocus,
+                    payload: { node },
+                });
+                node?.scrollIntoView?.({
+                    block: "nearest",
+                });
+            }
+        });
+        // we intentionally ignore changes to the rovingContext for the purpose of this hook
+        // we only want to reset the focus whenever the results or filters change
+        // oxlint-disable-next-line react-hooks/exhaustive-deps
+    }, [results, filter]);
+
+    const viewRoom = (
+        room: {
+            roomId: string;
+            roomAlias?: string;
+            autoJoin?: boolean;
+            shouldPeek?: boolean;
+            viaServers?: string[];
+            joinRule?: IPublicRoomsChunkRoom["join_rule"];
+        },
+        persist = false,
+        viaKeyboard = false,
+    ): void => {
+        if (persist) {
+            const recents = new Set(SettingsStore.getValue("SpotlightSearch.recentSearches", null).reverse());
+            // remove & add the room to put it at the end
+            recents.delete(room.roomId);
+            recents.add(room.roomId);
+
+            SettingsStore.setValue(
+                "SpotlightSearch.recentSearches",
+                null,
+                SettingLevel.ACCOUNT,
+                Array.from(recents).reverse().slice(0, MAX_RECENT_SEARCHES),
+            );
+        }
+
+        defaultDispatcher.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            metricsTrigger: "WebUnifiedSearch",
+            metricsViaKeyboard: viaKeyboard,
+            room_id: room.roomId,
+            room_alias: room.roomAlias,
+            auto_join: room.autoJoin && !canAskToJoin(room.joinRule),
+            should_peek: room.shouldPeek,
+            via_servers: room.viaServers,
+        });
+
+        if (canAskToJoin(room.joinRule)) {
+            defaultDispatcher.dispatch({ action: Action.PromptAskToJoin });
+        }
+
+        onFinished();
+    };
+
+    let otherSearchesSection: JSX.Element | undefined;
+    if (trimmedQuery || (filter !== Filter.PublicRooms && filter !== Filter.PublicSpaces)) {
+        otherSearchesSection = (
+            <div
+                className="mx_SpotlightDialog_section mx_SpotlightDialog_otherSearches"
+                role="group"
+                aria-labelledby="mx_SpotlightDialog_section_otherSearches"
+            >
+                <h4 id="mx_SpotlightDialog_section_otherSearches">
+                    {trimmedQuery
+                        ? _t("spotlight_dialog|heading_with_query", { query })
+                        : _t("spotlight_dialog|heading_without_query")}
+                </h4>
+                <div>
+                    {filter !== Filter.PublicSpaces && supportsSpaceFiltering && (
+                        <Option
+                            id="mx_SpotlightDialog_button_explorePublicSpaces"
+                            onClick={() => setFilter(Filter.PublicSpaces)}
+                        >
+                            {filterToIcon(Filter.PublicSpaces)}
+                            {filterToLabel(Filter.PublicSpaces)}
+                        </Option>
+                    )}
+                    {filter !== Filter.PublicRooms && (
+                        <Option
+                            id="mx_SpotlightDialog_button_explorePublicRooms"
+                            onClick={() => setFilter(Filter.PublicRooms)}
+                        >
+                            {filterToIcon(Filter.PublicRooms)}
+                            {filterToLabel(Filter.PublicRooms)}
+                        </Option>
+                    )}
+                    {filter !== 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"
+                            onClick={() => {
+                                defaultDispatcher.dispatch({
+                                    action: Action.FocusMessageSearch,
+                                    initialText: trimmedQuery,
+                                });
+                                onFinished();
+                            }}
+                        >
+                            <ChatIcon />
+                            {_t("spotlight_dialog|messages_label")}
+                        </Option>
+                    )}
+                </div>
+            </div>
+        );
+    }
+
+    let content: JSX.Element;
+    if (trimmedQuery || filter !== null) {
+        const resultMapper = (result: Result): JSX.Element => {
+            if (isRoomResult(result)) {
+                const notification = RoomNotificationStateStore.instance.getRoomState(result.room);
+                const unreadLabel = roomAriaUnreadLabel(result.room, notification);
+                const ariaProperties = {
+                    "aria-label": unreadLabel ? `${result.room.name} ${unreadLabel}` : result.room.name,
+                    "aria-describedby": `mx_SpotlightDialog_button_result_${result.room.roomId}_details`,
+                };
+                return (
+                    <Option
+                        id={`mx_SpotlightDialog_button_result_${result.room.roomId}`}
+                        key={`${Section[result.section]}-${result.room.roomId}`}
+                        onClick={(ev) => {
+                            viewRoom({ roomId: result.room.roomId }, true, ev?.type !== "click");
+                        }}
+                        endAdornment={<RoomResultContextMenus room={result.room} />}
+                        {...ariaProperties}
+                    >
+                        <DecoratedRoomAvatar room={result.room} size={AVATAR_SIZE} tooltipProps={{ tabIndex: -1 }} />
+                        <span className="mx_SpotlightDialog_result_name" title={result.room.name}>
+                            {result.room.name}
+                        </span>
+                        <NotificationBadge
+                            notification={notification}
+                            className="mx_SpotlightDialog_notificationBadge"
+                        />
+                        <RoomContextDetails
+                            id={`mx_SpotlightDialog_button_result_${result.room.roomId}_details`}
+                            className="mx_SpotlightDialog_result_details"
+                            room={result.room}
+                        />
+                    </Option>
+                );
+            }
+            if (isMemberResult(result)) {
+                return (
+                    <Option
+                        id={`mx_SpotlightDialog_button_result_${result.member.userId}`}
+                        key={`${Section[result.section]}-${result.member.userId}`}
+                        onClick={() => {
+                            startDmOnFirstMessage(cli, [result.member]);
+                            onFinished();
+                        }}
+                        aria-label={
+                            result.member instanceof RoomMember ? result.member.rawDisplayName : result.member.name
+                        }
+                        aria-describedby={`mx_SpotlightDialog_button_result_${result.member.userId}_details`}
+                    >
+                        <SearchResultAvatar user={result.member} size={AVATAR_SIZE} />
+                        <span
+                            className="mx_SpotlightDialog_result_name"
+                            title={
+                                result.member instanceof RoomMember ? result.member.rawDisplayName : result.member.name
+                            }
+                        >
+                            {result.member instanceof RoomMember ? result.member.rawDisplayName : result.member.name}
+                        </span>
+                        <div
+                            id={`mx_SpotlightDialog_button_result_${result.member.userId}_details`}
+                            className="mx_SpotlightDialog_result_details"
+                        >
+                            {result.member.userId}
+                        </div>
+                    </Option>
+                );
+            }
+            if (isPublicRoomResult(result)) {
+                const clientRoom = cli.getRoom(result.publicRoom.room_id);
+                const joinRule = result.publicRoom.join_rule;
+                // Element Web currently does not allow guests to join rooms, so we
+                // instead show them view buttons for all rooms. If the room is not
+                // world readable, a modal will appear asking you to register first. If
+                // it is readable, the preview appears as normal.
+                const showViewButton =
+                    clientRoom?.getMyMembership() === KnownMembership.Join ||
+                    (result.publicRoom.world_readable && !canAskToJoin(joinRule)) ||
+                    cli.isGuest();
+
+                const listener = (ev: ButtonEvent): void => {
+                    ev.stopPropagation();
+
+                    const { publicRoom } = result;
+                    viewRoom(
+                        {
+                            roomAlias: publicRoom.canonical_alias || publicRoom.aliases?.[0],
+                            roomId: publicRoom.room_id,
+                            autoJoin: !result.publicRoom.world_readable && !cli.isGuest(),
+                            shouldPeek: result.publicRoom.world_readable || cli.isGuest(),
+                            viaServers: config ? [config.roomServer] : undefined,
+                            joinRule,
+                        },
+                        true,
+                        ev.type !== "click",
+                    );
+                };
+
+                let buttonLabel;
+                if (showViewButton) {
+                    buttonLabel = _t("action|view");
+                } else {
+                    buttonLabel = canAskToJoin(joinRule) ? _t("action|ask_to_join") : _t("action|join");
+                }
+
+                return (
+                    <Option
+                        id={`mx_SpotlightDialog_button_result_${result.publicRoom.room_id}`}
+                        className="mx_SpotlightDialog_result_multiline"
+                        key={`${Section[result.section]}-${result.publicRoom.room_id}`}
+                        onClick={listener}
+                        endAdornment={
+                            <AccessibleButton
+                                kind={showViewButton ? "primary_outline" : "primary"}
+                                onClick={listener}
+                                tabIndex={-1}
+                            >
+                                {buttonLabel}
+                            </AccessibleButton>
+                        }
+                        aria-labelledby={`mx_SpotlightDialog_button_result_${result.publicRoom.room_id}_name`}
+                        aria-describedby={`mx_SpotlightDialog_button_result_${result.publicRoom.room_id}_alias`}
+                        aria-details={`mx_SpotlightDialog_button_result_${result.publicRoom.room_id}_details`}
+                    >
+                        <RoomAvatar
+                            className="mx_SearchResultAvatar"
+                            oobData={{
+                                roomId: result.publicRoom.room_id,
+                                name: result.publicRoom.name,
+                                avatarUrl: result.publicRoom.avatar_url,
+                                roomType: result.publicRoom.room_type,
+                            }}
+                            size={AVATAR_SIZE}
+                        />
+                        <PublicRoomResultDetails
+                            room={result.publicRoom}
+                            labelId={`mx_SpotlightDialog_button_result_${result.publicRoom.room_id}_name`}
+                            descriptionId={`mx_SpotlightDialog_button_result_${result.publicRoom.room_id}_alias`}
+                            detailsId={`mx_SpotlightDialog_button_result_${result.publicRoom.room_id}_details`}
+                        />
+                    </Option>
+                );
+            }
+
+            // IResult case
+            return (
+                <Option
+                    id={`mx_SpotlightDialog_button_result_${result.name}`}
+                    key={`${Section[result.section]}-${result.name}`}
+                    onClick={result.onClick ?? null}
+                >
+                    {result.avatar}
+                    {result.name}
+                    {result.description}
+                </Option>
+            );
+        };
+
+        let peopleSection: JSX.Element | undefined;
+        if (results[Section.People].length) {
+            peopleSection = (
+                <div
+                    className="mx_SpotlightDialog_section mx_SpotlightDialog_results"
+                    role="group"
+                    aria-labelledby="mx_SpotlightDialog_section_people"
+                >
+                    <h4 id="mx_SpotlightDialog_section_people">{_t("invite|recents_section")}</h4>
+                    <div>{results[Section.People].slice(0, SECTION_LIMIT).map(resultMapper)}</div>
+                </div>
+            );
+        }
+
+        let suggestionsSection: JSX.Element | undefined;
+        if (results[Section.Suggestions].length && filter === Filter.People) {
+            suggestionsSection = (
+                <div
+                    className="mx_SpotlightDialog_section mx_SpotlightDialog_results"
+                    role="group"
+                    aria-labelledby="mx_SpotlightDialog_section_suggestions"
+                >
+                    <h4 id="mx_SpotlightDialog_section_suggestions">{_t("common|suggestions")}</h4>
+                    <div>{results[Section.Suggestions].slice(0, SECTION_LIMIT).map(resultMapper)}</div>
+                </div>
+            );
+        }
+
+        let roomsSection: JSX.Element | undefined;
+        if (results[Section.Rooms].length) {
+            roomsSection = (
+                <div
+                    className="mx_SpotlightDialog_section mx_SpotlightDialog_results"
+                    role="group"
+                    aria-labelledby="mx_SpotlightDialog_section_rooms"
+                >
+                    <h4 id="mx_SpotlightDialog_section_rooms">{_t("common|rooms")}</h4>
+                    <div>{results[Section.Rooms].slice(0, SECTION_LIMIT).map(resultMapper)}</div>
+                </div>
+            );
+        }
+
+        let spacesSection: JSX.Element | undefined;
+        if (results[Section.Spaces].length) {
+            spacesSection = (
+                <div
+                    className="mx_SpotlightDialog_section mx_SpotlightDialog_results"
+                    role="group"
+                    aria-labelledby="mx_SpotlightDialog_section_spaces"
+                >
+                    <h4 id="mx_SpotlightDialog_section_spaces">{_t("spotlight_dialog|spaces_title")}</h4>
+                    <div>{results[Section.Spaces].slice(0, SECTION_LIMIT).map(resultMapper)}</div>
+                </div>
+            );
+        }
+
+        let publicRoomsSection: JSX.Element | undefined;
+        if (filter === Filter.PublicRooms || filter === Filter.PublicSpaces) {
+            let content: JSX.Element | JSX.Element[];
+            if (publicRoomsError) {
+                content = (
+                    <div className="mx_SpotlightDialog_otherSearches_messageSearchText">
+                        {filter === Filter.PublicRooms
+                            ? _t("spotlight_dialog|failed_querying_public_rooms")
+                            : _t("spotlight_dialog|failed_querying_public_spaces")}
+                    </div>
+                );
+            } else {
+                content = results[Section.PublicRoomsAndSpaces].slice(0, SECTION_LIMIT).map(resultMapper);
+            }
+
+            publicRoomsSection = (
+                <div
+                    className="mx_SpotlightDialog_section mx_SpotlightDialog_results"
+                    role="group"
+                    aria-labelledby="mx_SpotlightDialog_section_publicRooms"
+                >
+                    <div className="mx_SpotlightDialog_sectionHeader">
+                        <h4 id="mx_SpotlightDialog_section_publicRooms">{_t("common|suggestions")}</h4>
+                        <div className="mx_SpotlightDialog_options">
+                            <NetworkDropdown protocols={protocols} config={config ?? null} setConfig={setConfig} />
+                        </div>
+                    </div>
+                    <div>{content}</div>
+                </div>
+            );
+        }
+
+        let spaceRoomsSection: JSX.Element | undefined;
+        if (spaceResults.length && activeSpace && filter === null) {
+            spaceRoomsSection = (
+                <div
+                    className="mx_SpotlightDialog_section mx_SpotlightDialog_results"
+                    role="group"
+                    aria-labelledby="mx_SpotlightDialog_section_spaceRooms"
+                >
+                    <h4 id="mx_SpotlightDialog_section_spaceRooms">
+                        {_t("spotlight_dialog|other_rooms_in_space", { spaceName: activeSpace.name })}
+                    </h4>
+                    <div>
+                        {spaceResults.slice(0, SECTION_LIMIT).map(
+                            (room: HierarchyRoom): JSX.Element => (
+                                <Option
+                                    id={`mx_SpotlightDialog_button_result_${room.room_id}`}
+                                    key={room.room_id}
+                                    onClick={(ev) => {
+                                        viewRoom({ roomId: room.room_id }, true, ev?.type !== "click");
+                                    }}
+                                >
+                                    <BaseAvatar
+                                        name={room.name}
+                                        idName={room.room_id}
+                                        url={
+                                            room.avatar_url
+                                                ? mediaFromMxc(room.avatar_url).getSquareThumbnailHttp(
+                                                      parseInt(AVATAR_SIZE, 10),
+                                                  )
+                                                : null
+                                        }
+                                        size={AVATAR_SIZE}
+                                    />
+                                    {room.name || room.canonical_alias}
+                                    {room.name && room.canonical_alias && (
+                                        <div className="mx_SpotlightDialog_result_details">{room.canonical_alias}</div>
+                                    )}
+                                </Option>
+                            ),
+                        )}
+                        {spaceResultsLoading && <Spinner />}
+                    </div>
+                </div>
+            );
+        }
+
+        let joinRoomSection: JSX.Element | undefined;
+        if (
+            trimmedQuery.startsWith("#") &&
+            trimmedQuery.includes(":") &&
+            (!getCachedRoomIdForAlias(trimmedQuery) || !cli.getRoom(getCachedRoomIdForAlias(trimmedQuery)!.roomId))
+        ) {
+            joinRoomSection = (
+                <div className="mx_SpotlightDialog_section mx_SpotlightDialog_otherSearches" role="group">
+                    <div>
+                        <Option
+                            id="mx_SpotlightDialog_button_joinRoomAlias"
+                            onClick={(ev) => {
+                                defaultDispatcher.dispatch<ViewRoomPayload>({
+                                    action: Action.ViewRoom,
+                                    room_alias: trimmedQuery,
+                                    auto_join: true,
+                                    metricsTrigger: "WebUnifiedSearch",
+                                    metricsViaKeyboard: ev?.type !== "click",
+                                });
+                                onFinished();
+                            }}
+                        >
+                            <RoomIcon />
+                            {_t("spotlight_dialog|join_button_text", {
+                                roomAddress: trimmedQuery,
+                            })}
+                        </Option>
+                    </div>
+                </div>
+            );
+        }
+
+        let hiddenResultsSection: JSX.Element | undefined;
+        if (filter === Filter.People) {
+            hiddenResultsSection = (
+                <div className="mx_SpotlightDialog_section mx_SpotlightDialog_hiddenResults" role="group">
+                    <h4>{_t("spotlight_dialog|result_may_be_hidden_privacy_warning")}</h4>
+                    <div className="mx_SpotlightDialog_otherSearches_messageSearchText">
+                        {_t("spotlight_dialog|cant_find_person_helpful_hint")}
+                    </div>
+                    <TooltipOption
+                        id="mx_SpotlightDialog_button_inviteLink"
+                        className="mx_SpotlightDialog_inviteLink"
+                        onClick={() => {
+                            setInviteLinkCopied(true);
+                            copyPlaintext(ownInviteLink);
+                        }}
+                        onTooltipOpenChange={(open) => {
+                            if (!open) setInviteLinkCopied(false);
+                        }}
+                        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>
+                </div>
+            );
+        } else if (trimmedQuery && (filter === Filter.PublicRooms || filter === Filter.PublicSpaces)) {
+            hiddenResultsSection = (
+                <div className="mx_SpotlightDialog_section mx_SpotlightDialog_hiddenResults" role="group">
+                    <h4>{_t("spotlight_dialog|result_may_be_hidden_warning")}</h4>
+                    <div className="mx_SpotlightDialog_otherSearches_messageSearchText">
+                        {_t("spotlight_dialog|cant_find_room_helpful_hint")}
+                    </div>
+                    <Option
+                        id="mx_SpotlightDialog_button_createNewRoom"
+                        className="mx_SpotlightDialog_createRoom"
+                        onClick={() =>
+                            defaultDispatcher.dispatch({
+                                action: Action.CreateRoom,
+                                public: true,
+                                defaultName: capitalize(trimmedQuery),
+                            })
+                        }
+                    >
+                        <span className="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline">
+                            <RoomIcon />
+                            {_t("spotlight_dialog|create_new_room_button")}
+                        </span>
+                    </Option>
+                </div>
+            );
+        }
+
+        let groupChatSection: JSX.Element | undefined;
+        if (filter === Filter.People) {
+            groupChatSection = (
+                <div
+                    className="mx_SpotlightDialog_section mx_SpotlightDialog_otherSearches"
+                    role="group"
+                    aria-labelledby="mx_SpotlightDialog_section_groupChat"
+                >
+                    <h4 id="mx_SpotlightDialog_section_groupChat">{_t("spotlight_dialog|group_chat_section_title")}</h4>
+                    <Option
+                        id="mx_SpotlightDialog_button_startGroupChat"
+                        onClick={() => showStartChatInviteDialog(trimmedQuery)}
+                    >
+                        <GroupIcon />
+                        {_t("spotlight_dialog|start_group_chat_button")}
+                    </Option>
+                </div>
+            );
+        }
+
+        content = (
+            <>
+                {peopleSection}
+                {suggestionsSection}
+                {roomsSection}
+                {spacesSection}
+                {spaceRoomsSection}
+                {publicRoomsSection}
+                {joinRoomSection}
+                {hiddenResultsSection}
+                {otherSearchesSection}
+                {groupChatSection}
+            </>
+        );
+    } else {
+        let recentSearchesSection: JSX.Element | undefined;
+        if (recentSearches.length) {
+            recentSearchesSection = (
+                <div
+                    className="mx_SpotlightDialog_section mx_SpotlightDialog_recentSearches"
+                    role="group"
+                    // Firefox sometimes makes this element focusable due to overflow,
+                    // so force it out of tab order by default.
+                    tabIndex={-1}
+                    aria-labelledby="mx_SpotlightDialog_section_recentSearches"
+                >
+                    <h4>
+                        <span id="mx_SpotlightDialog_section_recentSearches">
+                            {_t("spotlight_dialog|recent_searches_section_title")}
+                        </span>
+                        <AccessibleButton kind="link" onClick={clearRecentSearches}>
+                            {_t("action|clear")}
+                        </AccessibleButton>
+                    </h4>
+                    <div>
+                        {recentSearches.map((room) => {
+                            const notification = RoomNotificationStateStore.instance.getRoomState(room);
+                            const unreadLabel = roomAriaUnreadLabel(room, notification);
+                            const ariaProperties = {
+                                "aria-label": unreadLabel ? `${room.name} ${unreadLabel}` : room.name,
+                                "aria-describedby": `mx_SpotlightDialog_button_recentSearch_${room.roomId}_details`,
+                            };
+                            return (
+                                <Option
+                                    id={`mx_SpotlightDialog_button_recentSearch_${room.roomId}`}
+                                    key={room.roomId}
+                                    onClick={(ev) => {
+                                        viewRoom({ roomId: room.roomId }, true, ev?.type !== "click");
+                                    }}
+                                    endAdornment={<RoomResultContextMenus room={room} />}
+                                    {...ariaProperties}
+                                >
+                                    <DecoratedRoomAvatar
+                                        room={room}
+                                        size={AVATAR_SIZE}
+                                        tooltipProps={{ tabIndex: -1 }}
+                                    />
+                                    {room.name}
+                                    <NotificationBadge
+                                        notification={notification}
+                                        className="mx_SpotlightDialog_notificationBadge"
+                                    />
+                                    <RoomContextDetails
+                                        id={`mx_SpotlightDialog_button_recentSearch_${room.roomId}_details`}
+                                        className="mx_SpotlightDialog_result_details"
+                                        room={room}
+                                    />
+                                </Option>
+                            );
+                        })}
+                    </div>
+                </div>
+            );
+        }
+
+        content = (
+            <>
+                <div
+                    className="mx_SpotlightDialog_section mx_SpotlightDialog_recentlyViewed"
+                    role="group"
+                    aria-labelledby="mx_SpotlightDialog_section_recentlyViewed"
+                >
+                    <h4 id="mx_SpotlightDialog_section_recentlyViewed">
+                        {_t("spotlight_dialog|recently_viewed_section_title")}
+                    </h4>
+                    <div>
+                        {BreadcrumbsStore.instance.rooms
+                            .filter((r) => r.roomId !== SDKContextClass.instance.roomViewStore.getRoomId())
+                            .map((room) => (
+                                <TooltipOption
+                                    id={`mx_SpotlightDialog_button_recentlyViewed_${room.roomId}`}
+                                    title={room.name}
+                                    key={room.roomId}
+                                    onClick={(ev) => {
+                                        viewRoom({ roomId: room.roomId }, false, ev.type !== "click");
+                                    }}
+                                >
+                                    <DecoratedRoomAvatar room={room} size="32px" tooltipProps={{ tabIndex: -1 }} />
+                                    {room.name}
+                                </TooltipOption>
+                            ))}
+                    </div>
+                </div>
+
+                {recentSearchesSection}
+                {otherSearchesSection}
+            </>
+        );
+    }
+
+    const onDialogKeyDown = (ev: KeyboardEvent | React.KeyboardEvent): void => {
+        const navigationAction = getKeyBindingsManager().getNavigationAction(ev);
+        switch (navigationAction) {
+            case KeyBindingAction.FilterRooms:
+                ev.stopPropagation();
+                ev.preventDefault();
+                onFinished();
+                break;
+        }
+
+        let node: HTMLElement | undefined;
+        const accessibilityAction = getKeyBindingsManager().getAccessibilityAction(ev);
+        switch (accessibilityAction) {
+            case KeyBindingAction.Escape:
+                ev.stopPropagation();
+                ev.preventDefault();
+                onFinished();
+                break;
+            case KeyBindingAction.ArrowUp:
+            case KeyBindingAction.ArrowDown:
+                ev.stopPropagation();
+                ev.preventDefault();
+
+                if (rovingContext.state.activeNode && rovingContext.state.nodes.length > 0) {
+                    let nodes = rovingContext.state.nodes;
+                    if (!query && filter === null) {
+                        // If the current selection is not in the recently viewed row then only include the
+                        // first recently viewed so that is the target when the user is switching into recently viewed.
+                        const keptRecentlyViewedRef = nodeIsForRecentlyViewed(rovingContext.state.activeNode)
+                            ? rovingContext.state.activeNode
+                            : nodes.find(nodeIsForRecentlyViewed);
+                        // exclude all other recently viewed items from the list so up/down arrows skip them
+                        nodes = nodes.filter((ref) => ref === keptRecentlyViewedRef || !nodeIsForRecentlyViewed(ref));
+                    }
+
+                    const idx = nodes.indexOf(rovingContext.state.activeNode);
+                    node = findNextSiblingElement(
+                        nodes,
+                        idx + (accessibilityAction === KeyBindingAction.ArrowUp ? -1 : 1),
+                    );
+                }
+                break;
+
+            case KeyBindingAction.ArrowLeft:
+            case KeyBindingAction.ArrowRight:
+                // only handle these keys when we are in the recently viewed row of options
+                if (
+                    !query &&
+                    filter === null &&
+                    rovingContext.state.activeNode &&
+                    rovingContext.state.nodes.length > 0 &&
+                    nodeIsForRecentlyViewed(rovingContext.state.activeNode)
+                ) {
+                    // we only intercept left/right arrows when the field is empty, and they'd do nothing anyway
+                    ev.stopPropagation();
+                    ev.preventDefault();
+
+                    const nodes = rovingContext.state.nodes.filter(nodeIsForRecentlyViewed);
+                    const idx = nodes.indexOf(rovingContext.state.activeNode);
+                    node = findNextSiblingElement(
+                        nodes,
+                        idx + (accessibilityAction === KeyBindingAction.ArrowLeft ? -1 : 1),
+                    );
+                }
+                break;
+        }
+
+        if (node) {
+            rovingContext.dispatch({
+                type: RovingStateActionType.SetFocus,
+                payload: { node },
+            });
+            node?.scrollIntoView({
+                block: "nearest",
+            });
+        }
+    };
+
+    const onKeyDown = (ev: React.KeyboardEvent): void => {
+        const action = getKeyBindingsManager().getAccessibilityAction(ev);
+
+        switch (action) {
+            case KeyBindingAction.Backspace:
+                if (!query && filter !== null) {
+                    ev.stopPropagation();
+                    ev.preventDefault();
+                    setFilter(null);
+                }
+                break;
+            case KeyBindingAction.Enter:
+                ev.stopPropagation();
+                ev.preventDefault();
+                rovingContext.state.activeNode?.click();
+                break;
+        }
+    };
+
+    const activeDescendant = rovingContext.state.activeNode?.id;
+
+    return (
+        <>
+            <div id="mx_SpotlightDialog_keyboardPrompt">
+                {_t(
+                    "spotlight_dialog|keyboard_scroll_hint",
+                    {},
+                    {
+                        arrows: () => (
+                            <>
+                                <kbd>↓</kbd>
+                                <kbd>↑</kbd>
+                                {filter === null && !query && <kbd>←</kbd>}
+                                {filter === null && !query && <kbd>→</kbd>}
+                            </>
+                        ),
+                    },
+                )}
+            </div>
+
+            <BaseDialog
+                className="mx_SpotlightDialog"
+                onFinished={onFinished}
+                hasCancel={false}
+                onKeyDown={onDialogKeyDown}
+                screenName="UnifiedSearch"
+                aria-label={_t("spotlight_dialog|search_dialog")}
+            >
+                <div className="mx_SpotlightDialog_searchBox mx_textinput">
+                    {filter !== null && (
+                        <div className="mx_SpotlightDialog_filter">
+                            {filterToIcon(filter)}
+                            <span>{filterToLabel(filter)}</span>
+                            <AccessibleButton
+                                tabIndex={-1}
+                                title={_t("spotlight_dialog|remove_filter", {
+                                    filter: filterToLabel(filter),
+                                })}
+                                className="mx_SpotlightDialog_filter--close"
+                                onClick={() => setFilter(null)}
+                            >
+                                <CloseIcon />
+                            </AccessibleButton>
+                        </div>
+                    )}
+                    <input
+                        ref={inputRef}
+                        autoFocus
+                        type="text"
+                        autoComplete="off"
+                        autoCapitalize="off"
+                        autoCorrect="off"
+                        spellCheck="false"
+                        placeholder={_t("action|search")}
+                        value={query}
+                        onChange={setQuery}
+                        onKeyDown={onKeyDown}
+                        aria-owns="mx_SpotlightDialog_content"
+                        aria-activedescendant={activeDescendant}
+                        aria-label={_t("action|search")}
+                        aria-describedby="mx_SpotlightDialog_keyboardPrompt"
+                    />
+                    {(publicRoomsLoading || peopleLoading || profileLoading) && <Spinner size={24} />}
+                </div>
+
+                <div
+                    ref={scrollContainerRef}
+                    id="mx_SpotlightDialog_content"
+                    role="listbox"
+                    aria-activedescendant={activeDescendant}
+                    aria-describedby="mx_SpotlightDialog_keyboardPrompt"
+                >
+                    {content}
+                </div>
+            </BaseDialog>
+        </>
+    );
+};
+
+const RovingSpotlightDialog: React.FC<IProps> = (props) => {
+    return <RovingTabIndexProvider>{() => <SpotlightDialog {...props} />}</RovingTabIndexProvider>;
+};
+
+export default RovingSpotlightDialog;
diff --git a/apps/web/src/components/views/dialogs/spotlight/TooltipOption.tsx b/apps/web/src/components/views/dialogs/spotlight/TooltipOption.tsx
new file mode 100644
index 00000000000..a91f4c01143
--- /dev/null
+++ b/apps/web/src/components/views/dialogs/spotlight/TooltipOption.tsx
@@ -0,0 +1,38 @@
+/*
+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 classNames from "classnames";
+import React, { type JSX, type ReactNode, type RefObject } from "react";
+
+import { useRovingTabIndex } from "../../../../accessibility/RovingTabIndex";
+import AccessibleButton, { type ButtonProps } from "../../elements/AccessibleButton";
+
+type TooltipOptionProps<T extends keyof HTMLElementTagNameMap> = ButtonProps<T> & {
+    className?: string;
+    endAdornment?: ReactNode;
+    inputRef?: RefObject<HTMLElement | null>;
+};
+
+export const TooltipOption = <T extends keyof HTMLElementTagNameMap>({
+    inputRef,
+    className,
+    ...props
+}: TooltipOptionProps<T>): JSX.Element => {
+    const [onFocus, isActive, ref] = useRovingTabIndex(inputRef);
+    return (
+        <AccessibleButton
+            {...props}
+            className={classNames(className, "mx_SpotlightDialog_option")}
+            onFocus={onFocus}
+            ref={ref}
+            tabIndex={-1}
+            aria-selected={isActive}
+            role="option"
+        />
+    );
+};
diff --git a/apps/web/src/components/views/directory/NetworkDropdown.tsx b/apps/web/src/components/views/directory/NetworkDropdown.tsx
new file mode 100644
index 00000000000..e1545f7f77d
--- /dev/null
+++ b/apps/web/src/components/views/directory/NetworkDropdown.tsx
@@ -0,0 +1,262 @@
+/*
+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 { without } from "lodash";
+import React, { useCallback, useEffect, useState } from "react";
+import { MatrixError } from "matrix-js-sdk/src/matrix";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import Modal from "../../../Modal";
+import SdkConfig from "../../../SdkConfig";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import SettingsStore from "../../../settings/SettingsStore";
+import { type Protocols } from "../../../utils/DirectoryUtils";
+import {
+    type AdditionalOptionsProps,
+    GenericDropdownMenu,
+    type GenericDropdownMenuItem,
+    GenericDropdownMenuOption,
+} from "../../structures/GenericDropdownMenu";
+import TextInputDialog from "../dialogs/TextInputDialog";
+import AccessibleButton from "../elements/AccessibleButton";
+import withValidation from "../elements/Validation";
+import { type SettingKey, type Settings } from "../../../settings/Settings.tsx";
+
+const SETTING_NAME = "room_directory_servers";
+
+export interface IPublicRoomDirectoryConfig {
+    roomServer: string;
+    instanceId?: string;
+}
+
+const validServer = withValidation<undefined, { error?: unknown }>({
+    deriveData: async ({ value }): Promise<{ error?: unknown }> => {
+        try {
+            // check if we can successfully load this server's room directory
+            await MatrixClientPeg.safeGet().publicRooms({
+                limit: 1,
+                server: value ?? undefined,
+            });
+            return {};
+        } catch (error) {
+            return { error };
+        }
+    },
+    rules: [
+        {
+            key: "required",
+            test: async ({ value }) => !!value,
+            invalid: () => _t("spotlight|public_rooms|network_dropdown_required_invalid"),
+        },
+        {
+            key: "available",
+            final: true,
+            test: async (_, { error }) => !error,
+            valid: () => _t("spotlight|public_rooms|network_dropdown_available_valid"),
+            invalid: ({ error }) =>
+                error instanceof MatrixError && error.errcode === "M_FORBIDDEN"
+                    ? _t("spotlight|public_rooms|network_dropdown_available_invalid_forbidden")
+                    : _t("spotlight|public_rooms|network_dropdown_available_invalid"),
+        },
+    ],
+    memoize: true,
+});
+
+function useSettingsValueWithSetter<S extends SettingKey>(
+    settingName: S,
+    level: SettingLevel,
+    roomId: string | null,
+    excludeDefault: true,
+): [Settings[S]["default"] | undefined, (value: Settings[S]["default"]) => Promise<void>];
+function useSettingsValueWithSetter<S extends SettingKey>(
+    settingName: S,
+    level: SettingLevel,
+    roomId?: string | null,
+    excludeDefault?: false,
+): [Settings[S]["default"], (value: Settings[S]["default"]) => Promise<void>];
+function useSettingsValueWithSetter<S extends SettingKey>(
+    settingName: S,
+    level: SettingLevel,
+    roomId: string | null = null,
+    excludeDefault = false,
+): [Settings[S]["default"] | undefined, (value: Settings[S]["default"]) => Promise<void>] {
+    const [value, setValue] = useState(
+        // XXX: This seems naff but is needed to convince TypeScript that the overload is fine
+        excludeDefault
+            ? SettingsStore.getValue(settingName, roomId, excludeDefault)
+            : SettingsStore.getValue(settingName, roomId, excludeDefault),
+    );
+    const setter = useCallback(
+        async (value: Settings[S]["default"]): Promise<void> => {
+            setValue(value);
+            SettingsStore.setValue(settingName, roomId, level, value);
+        },
+        [level, roomId, settingName],
+    );
+
+    useEffect(() => {
+        const ref = SettingsStore.watchSetting(settingName, roomId, () => {
+            setValue(
+                // XXX: This seems naff but is needed to convince TypeScript that the overload is fine
+                excludeDefault
+                    ? SettingsStore.getValue(settingName, roomId, excludeDefault)
+                    : SettingsStore.getValue(settingName, roomId, excludeDefault),
+            );
+        });
+        // clean-up
+        return () => {
+            SettingsStore.unwatchSetting(ref);
+        };
+    }, [settingName, roomId, excludeDefault]);
+
+    return [value, setter];
+}
+
+interface ServerList {
+    allServers: string[];
+    homeServer: string;
+    userDefinedServers: string[];
+    setUserDefinedServers: (servers: string[]) => void;
+}
+
+function removeAll<T>(target: Set<T>, ...toRemove: T[]): void {
+    for (const value of toRemove) {
+        target.delete(value);
+    }
+}
+
+function useServers(): ServerList {
+    const [userDefinedServers, setUserDefinedServers] = useSettingsValueWithSetter(SETTING_NAME, SettingLevel.ACCOUNT);
+
+    const homeServer = MatrixClientPeg.safeGet().getDomain()!;
+    const configServers = new Set<string>(SdkConfig.getObject("room_directory")?.get("servers") ?? []);
+    removeAll(configServers, homeServer);
+    // configured servers take preference over user-defined ones, if one occurs in both ignore the latter one.
+    const removableServers = new Set(userDefinedServers);
+    removeAll(removableServers, homeServer);
+    removeAll(removableServers, ...configServers);
+
+    return {
+        allServers: [
+            // we always show our connected HS, this takes precedence over it being configured or user-defined
+            homeServer,
+            ...Array.from(configServers).sort(),
+            ...Array.from(removableServers).sort(),
+        ],
+        homeServer,
+        userDefinedServers: Array.from(removableServers).sort(),
+        setUserDefinedServers,
+    };
+}
+
+interface IProps {
+    protocols: Protocols | null;
+    config: IPublicRoomDirectoryConfig | null;
+    setConfig: (value: IPublicRoomDirectoryConfig | null) => void;
+}
+
+export const NetworkDropdown: React.FC<IProps> = ({ protocols, config, setConfig }) => {
+    const { allServers, homeServer, userDefinedServers, setUserDefinedServers } = useServers();
+
+    const options: GenericDropdownMenuItem<IPublicRoomDirectoryConfig | null>[] = allServers.map((roomServer) => ({
+        key: { roomServer, instanceId: undefined },
+        label: roomServer,
+        description:
+            roomServer === homeServer ? _t("spotlight|public_rooms|network_dropdown_your_server_description") : null,
+        options: [
+            {
+                key: { roomServer, instanceId: undefined },
+                label: _t("common|matrix"),
+            },
+            ...(roomServer === homeServer && protocols
+                ? Object.values(protocols)
+                      .flatMap((protocol) => protocol.instances)
+                      .map((instance) => ({
+                          key: { roomServer, instanceId: instance.instance_id },
+                          label: instance.desc,
+                      }))
+                : []),
+        ],
+        ...(userDefinedServers.includes(roomServer)
+            ? {
+                  adornment: (
+                      <AccessibleButton
+                          className="mx_NetworkDropdown_removeServer"
+                          title={_t("spotlight|public_rooms|network_dropdown_remove_server_adornment", { roomServer })}
+                          onClick={() => setUserDefinedServers(without(userDefinedServers, roomServer))}
+                      >
+                          <CloseIcon />
+                      </AccessibleButton>
+                  ),
+              }
+            : {}),
+    }));
+
+    const addNewServer = useCallback(
+        ({ closeMenu }: AdditionalOptionsProps) => (
+            <>
+                <span className="mx_GenericDropdownMenu_divider" />
+                <GenericDropdownMenuOption
+                    key="add-server"
+                    onClick={async (): Promise<void> => {
+                        closeMenu();
+                        const { finished } = Modal.createDialog(
+                            TextInputDialog,
+                            {
+                                title: _t("spotlight|public_rooms|network_dropdown_add_dialog_title"),
+                                description: _t("spotlight|public_rooms|network_dropdown_add_dialog_description"),
+                                button: _t("action|add"),
+                                hasCancel: false,
+                                placeholder: _t("spotlight|public_rooms|network_dropdown_add_dialog_placeholder"),
+                                validator: validServer,
+                                fixedWidth: false,
+                            },
+                            "mx_NetworkDropdown_dialog",
+                        );
+
+                        const [ok, newServer] = await finished;
+                        if (!ok) return;
+
+                        if (!allServers.includes(newServer!)) {
+                            setUserDefinedServers([...userDefinedServers, newServer!]);
+                            setConfig({
+                                roomServer: newServer!,
+                            });
+                        }
+                    }}
+                    isSelected={false}
+                    label={_t("spotlight|public_rooms|network_dropdown_add_server_option")}
+                />
+            </>
+        ),
+        [allServers, setConfig, setUserDefinedServers, userDefinedServers],
+    );
+
+    return (
+        <GenericDropdownMenu
+            className="mx_NetworkDropdown_wrapper"
+            value={config}
+            toKey={(config: IPublicRoomDirectoryConfig | null) =>
+                config ? `${config.roomServer}-${config.instanceId}` : "null"
+            }
+            options={options}
+            onChange={(option) => setConfig(option)}
+            selectedLabel={(option) =>
+                option?.key
+                    ? _t("spotlight|public_rooms|network_dropdown_selected_label_instance", {
+                          server: option.key.roomServer,
+                          instance: option.key.instanceId ? option.label : "Matrix",
+                      })
+                    : _t("spotlight|public_rooms|network_dropdown_selected_label")
+            }
+            AdditionalOptions={addNewServer}
+        />
+    );
+};
diff --git a/apps/web/src/components/views/elements/AccessibleButton.tsx b/apps/web/src/components/views/elements/AccessibleButton.tsx
new file mode 100644
index 00000000000..2c3e7156858
--- /dev/null
+++ b/apps/web/src/components/views/elements/AccessibleButton.tsx
@@ -0,0 +1,240 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016 Jani Mustonen
+
+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 ComponentProps,
+    type ComponentPropsWithoutRef,
+    type ReactElement,
+    type KeyboardEvent,
+    type Ref,
+} from "react";
+import classnames from "classnames";
+import { Tooltip } from "@vector-im/compound-web";
+
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+
+export type ButtonEvent = React.MouseEvent | React.KeyboardEvent | React.FormEvent;
+
+/**
+ * The kind of button, similar to how Bootstrap works.
+ */
+export type AccessibleButtonKind =
+    | "primary"
+    | "primary_outline"
+    | "primary_sm"
+    | "secondary"
+    | "content_inline"
+    | "danger"
+    | "danger_outline"
+    | "danger_sm"
+    | "danger_inline"
+    | "link"
+    | "link_inline"
+    | "link_sm"
+    | "icon"
+    | "icon_primary"
+    | "icon_primary_outline";
+
+type ElementType = keyof HTMLElementTagNameMap;
+const defaultElement = "div";
+
+type TooltipProps = ComponentProps<typeof Tooltip>;
+
+/**
+ * Type of props accepted by {@link AccessibleButton}.
+ *
+ * Extends props accepted by the underlying element specified using the `element` prop.
+ */
+type Props<T extends ElementType = "div"> = {
+    /**
+     * The base element type. "div" by default.
+     */
+    element?: T;
+    /**
+     * The kind of button, similar to how Bootstrap works.
+     */
+    kind?: AccessibleButtonKind;
+    /**
+     * Whether the button should be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the button should trigger on mousedown event instead of on click event. Defaults to false (click event).
+     */
+    triggerOnMouseDown?: boolean;
+    /**
+     * Event handler for button activation. Should be implemented exactly like a normal `onClick` handler.
+     */
+    onClick: ((e: ButtonEvent) => void | Promise<void>) | null;
+    /**
+     * The tooltip to show on hover or focus.
+     */
+    title?: string;
+    /**
+     * The caption is a secondary text displayed under the `title` of the tooltip.
+     * Only valid when used in conjunction with `title`.
+     */
+    caption?: TooltipProps["caption"];
+    /**
+     * The placement of the tooltip.
+     */
+    placement?: TooltipProps["placement"];
+    /**
+     * Callback for when the tooltip is opened or closed.
+     */
+    onTooltipOpenChange?: TooltipProps["onOpenChange"];
+
+    /**
+     * Whether the tooltip should be disabled.
+     */
+    disableTooltip?: TooltipProps["disabled"];
+
+    ref?: Ref<HTMLElementTagNameMap[T]>;
+};
+
+export type ButtonProps<T extends ElementType> = Props<T> & Omit<ComponentPropsWithoutRef<T>, keyof Props<T>>;
+
+/**
+ * Type of the props passed to the element that is rendered by AccessibleButton.
+ */
+type RenderedElementProps<T extends ElementType> = React.InputHTMLAttributes<Element> & RefProp<T>;
+
+/**
+ * AccessibleButton is a generic wrapper for any element that should be treated
+ * as a button.  Identifies the element as a button, setting proper tab
+ * indexing and keyboard activation behavior.
+ *
+ * If a ref is passed, it will be forwarded to the rendered element as specified using the `element` prop.
+ *
+ * @param {Object} props  react element properties
+ * @returns {Object} rendered react
+ */
+const AccessibleButton = function AccessibleButton<T extends ElementType = typeof defaultElement>({
+    element,
+    onClick,
+    children,
+    kind,
+    disabled,
+    className,
+    onKeyDown,
+    onKeyUp,
+    triggerOnMouseDown,
+    title,
+    caption,
+    placement = "right",
+    onTooltipOpenChange,
+    disableTooltip,
+    role = "button",
+    tabIndex = 0,
+    ref,
+    ...restProps
+}: ButtonProps<T>): JSX.Element {
+    const newProps = {
+        ...restProps,
+        tabIndex,
+        role,
+        "aria-label": restProps["aria-label"] ?? title,
+    } as RenderedElementProps<T>;
+
+    if (disabled) {
+        newProps["aria-disabled"] = true;
+        newProps["disabled"] = true;
+    } else {
+        if (triggerOnMouseDown) {
+            newProps.onMouseDown = onClick ?? undefined;
+        } else {
+            newProps.onClick = onClick ?? undefined;
+        }
+
+        if (element !== "button") {
+            // We need to consume enter onKeyDown and space onKeyUp
+            // otherwise we are risking also activating other keyboard focusable elements
+            // that might receive focus as a result of the AccessibleButtonClick action
+            // It's because we are using html buttons at a few places e.g. inside dialogs
+            // And divs which we report as role button to assistive technologies.
+            // Browsers handle space and enter key presses differently and we are only adjusting to the
+            // inconsistencies here
+            newProps.onKeyDown = (e: KeyboardEvent<never>) => {
+                const action = getKeyBindingsManager().getAccessibilityAction(e);
+
+                switch (action) {
+                    case KeyBindingAction.Enter:
+                        e.stopPropagation();
+                        e.preventDefault();
+                        return onClick?.(e);
+                    case KeyBindingAction.Space:
+                        e.stopPropagation();
+                        e.preventDefault();
+                        break;
+                    default:
+                        onKeyDown?.(e);
+                }
+            };
+            newProps.onKeyUp = (e: KeyboardEvent<never>) => {
+                const action = getKeyBindingsManager().getAccessibilityAction(e);
+
+                switch (action) {
+                    case KeyBindingAction.Enter:
+                        e.stopPropagation();
+                        e.preventDefault();
+                        break;
+                    case KeyBindingAction.Space:
+                        e.stopPropagation();
+                        e.preventDefault();
+                        return onClick?.(e);
+                    default:
+                        onKeyUp?.(e);
+                        break;
+                }
+            };
+        }
+    }
+
+    // Pass through the ref - used for keyboard shortcut access to some buttons
+    newProps.ref = ref;
+
+    newProps.className = classnames("mx_AccessibleButton", className, {
+        mx_AccessibleButton_hasKind: kind,
+        [`mx_AccessibleButton_kind_${kind}`]: kind,
+        mx_AccessibleButton_disabled: disabled,
+    });
+
+    // React.createElement expects InputHTMLAttributes
+    const button = React.createElement(element ?? defaultElement, newProps, children);
+
+    if (title) {
+        return (
+            <Tooltip
+                description={title}
+                caption={caption}
+                isTriggerInteractive={true}
+                placement={placement}
+                onOpenChange={onTooltipOpenChange}
+                disabled={disableTooltip}
+            >
+                {button}
+            </Tooltip>
+        );
+    }
+    return button;
+};
+
+interface RefProp<T extends ElementType> {
+    ref?: Ref<HTMLElementTagNameMap[T]>;
+}
+
+interface ButtonComponent {
+    // With the explicit `element` prop
+    <C extends ElementType>(props: { element?: C } & ButtonProps<C> & RefProp<C>): ReactElement;
+    // Without the explicit `element` prop
+    (props: ButtonProps<"div"> & RefProp<"div">): ReactElement;
+}
+
+export default AccessibleButton as ButtonComponent;
diff --git a/apps/web/src/components/views/elements/AppPermission.tsx b/apps/web/src/components/views/elements/AppPermission.tsx
new file mode 100644
index 00000000000..8aafb7244b8
--- /dev/null
+++ b/apps/web/src/components/views/elements/AppPermission.tsx
@@ -0,0 +1,154 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2018, 2019 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.
+*/
+
+import React from "react";
+import { type RoomMember } from "matrix-js-sdk/src/matrix";
+import { Tooltip } from "@vector-im/compound-web";
+import { HelpIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import SdkConfig from "../../../SdkConfig";
+import WidgetUtils from "../../../utils/WidgetUtils";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import MemberAvatar from "../avatars/MemberAvatar";
+import BaseAvatar from "../avatars/BaseAvatar";
+import Heading from "../typography/Heading";
+import AccessibleButton from "./AccessibleButton";
+import { parseUrl } from "../../../utils/UrlUtils";
+
+interface IProps {
+    url: string;
+    creatorUserId: string;
+    roomId: string;
+    onPermissionGranted: () => void;
+    isRoomEncrypted?: boolean;
+}
+
+interface IState {
+    roomMember: RoomMember | null;
+    isWrapped: boolean;
+    widgetDomain: string | null;
+}
+
+export default class AppPermission extends React.Component<IProps, IState> {
+    public static defaultProps: Partial<IProps> = {
+        onPermissionGranted: () => {},
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        // The first step is to pick apart the widget so we can render information about it
+        const urlInfo = this.parseWidgetUrl();
+
+        // The second step is to find the user's profile so we can show it on the prompt
+        const room = MatrixClientPeg.safeGet().getRoom(this.props.roomId);
+        let roomMember: RoomMember | null = null;
+        if (room) roomMember = room.getMember(this.props.creatorUserId);
+
+        // Set all this into the initial state
+        this.state = {
+            roomMember,
+            ...urlInfo,
+        };
+    }
+
+    private parseWidgetUrl(): { isWrapped: boolean; widgetDomain: string | null } {
+        const widgetUrl = parseUrl(this.props.url);
+
+        // HACK: We're relying on the query params when we should be relying on the widget's `data`.
+        // This is a workaround for Scalar.
+        if (WidgetUtils.isScalarUrl(this.props.url) && widgetUrl.searchParams.has("url")) {
+            const unwrappedUrl = parseUrl(widgetUrl.searchParams.get("url")!);
+            return {
+                widgetDomain: unwrappedUrl.host || unwrappedUrl.hostname,
+                isWrapped: true,
+            };
+        } else {
+            return {
+                widgetDomain: widgetUrl.host || widgetUrl.hostname,
+                isWrapped: false,
+            };
+        }
+    }
+
+    public render(): React.ReactNode {
+        const brand = SdkConfig.get().brand;
+
+        const displayName = this.state.roomMember ? this.state.roomMember.name : this.props.creatorUserId;
+        const userId = displayName === this.props.creatorUserId ? null : this.props.creatorUserId;
+
+        const avatar = this.state.roomMember ? (
+            <MemberAvatar member={this.state.roomMember} size="38px" />
+        ) : (
+            <BaseAvatar name={this.props.creatorUserId} size="38px" />
+        );
+
+        const warningTooltip = (
+            <Tooltip
+                label={_t("analytics|shared_data_heading")}
+                caption={
+                    <ul>
+                        <li>{_t("widget|shared_data_name")}</li>
+                        <li>{_t("widget|shared_data_avatar")}</li>
+                        <li>{_t("widget|shared_data_mxid")}</li>
+                        <li>{_t("widget|shared_data_device_id")}</li>
+                        <li>{_t("widget|shared_data_theme")}</li>
+                        <li>{_t("widget|shared_data_lang")}</li>
+                        <li>{_t("widget|shared_data_url", { brand })}</li>
+                        <li>{_t("widget|shared_data_room_id")}</li>
+                        <li>{_t("widget|shared_data_widget_id")}</li>
+                    </ul>
+                }
+            >
+                <div className="mx_TextWithTooltip_target mx_TextWithTooltip_target--helpIcon">
+                    <HelpIcon className="mx_Icon mx_Icon_12" />
+                </div>
+            </Tooltip>
+        );
+
+        // Due to i18n limitations, we can't dedupe the code for variables in these two messages.
+        const warning = this.state.isWrapped
+            ? _t(
+                  "widget|shared_data_warning_im",
+                  { widgetDomain: this.state.widgetDomain },
+                  { helpIcon: () => warningTooltip },
+              )
+            : _t(
+                  "widget|shared_data_warning",
+                  { widgetDomain: this.state.widgetDomain },
+                  { helpIcon: () => warningTooltip },
+              );
+
+        const encryptionWarning = this.props.isRoomEncrypted ? _t("widget|unencrypted_warning") : null;
+
+        return (
+            <div className="mx_AppPermission">
+                <div className="mx_AppPermission_content">
+                    <div className="mx_AppPermission_content_bolder">{_t("widget|added_by")}</div>
+                    <div>
+                        {avatar}
+                        <Heading size="4">{displayName}</Heading>
+                        <div>{userId}</div>
+                    </div>
+                    <div>{warning}</div>
+                    <div>
+                        {_t("widget|cookie_warning")}&nbsp;{encryptionWarning}
+                    </div>
+                    <div>
+                        <AccessibleButton kind="primary_sm" onClick={this.props.onPermissionGranted}>
+                            {_t("action|continue")}
+                        </AccessibleButton>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/AppTile.tsx b/apps/web/src/components/views/elements/AppTile.tsx
new file mode 100644
index 00000000000..3db17821183
--- /dev/null
+++ b/apps/web/src/components/views/elements/AppTile.tsx
@@ -0,0 +1,899 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-2022 The Matrix.org Foundation C.I.C.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2018 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.
+*/
+
+import React, {
+    type JSX,
+    type ContextType,
+    createRef,
+    type CSSProperties,
+    type RefObject,
+    type ReactNode,
+} from "react";
+import classNames from "classnames";
+import { type IWidget, MatrixCapabilities, type ClientWidgetApi } from "matrix-widget-api";
+import { type Room, RoomEvent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type ApprovalOpts, WidgetLifecycle } from "@matrix-org/react-sdk-module-api/lib/lifecycles/WidgetLifecycle";
+import {
+    OverflowHorizontalIcon,
+    MinusIcon,
+    ExpandIcon,
+    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";
+import AppPermission from "./AppPermission";
+import AppWarning from "./AppWarning";
+import Spinner from "./Spinner";
+import dis from "../../../dispatcher/dispatcher";
+import ActiveWidgetStore from "../../../stores/ActiveWidgetStore";
+import SettingsStore from "../../../settings/SettingsStore";
+import { ContextMenuButton } from "../../structures/ContextMenu";
+import PersistedElement, { getPersistKey } from "./PersistedElement";
+import { WidgetType } from "../../../widgets/WidgetType";
+import { ElementWidget, WidgetMessaging, WidgetMessagingEvent } from "../../../stores/widgets/WidgetMessaging";
+import WidgetAvatar from "../avatars/WidgetAvatar";
+import { type IApp, isAppWidget } from "../../../stores/WidgetStore";
+import { OwnProfileStore } from "../../../stores/OwnProfileStore";
+import { UPDATE_EVENT } from "../../../stores/AsyncStore";
+import WidgetUtils from "../../../utils/WidgetUtils";
+import { type ActionPayload } from "../../../dispatcher/payloads";
+import { Action } from "../../../dispatcher/actions";
+import { ElementWidgetCapabilities } from "../../../stores/widgets/ElementWidgetCapabilities";
+import { WidgetMessagingStore } from "../../../stores/widgets/WidgetMessagingStore";
+import { ModuleRunner } from "../../../modules/ModuleRunner";
+import { ModuleApi } from "../../../modules/Api";
+import { toWidgetDescriptor } from "../../../modules/WidgetLifecycleApi";
+import { parseUrl } from "../../../utils/UrlUtils";
+import { RightPanelPhases } from "../../../stores/right-panel/RightPanelStorePhases.ts";
+import { WidgetContextMenu } from "../../../viewmodels/room/right-panel/WidgetContextMenuViewModel.tsx";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+// 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
+// this would only be for content hosted on the same origin as the element client: anything
+// hosted on the same origin as the client will get the same access as if you clicked
+// a link to it.
+const sandboxFlags =
+    "allow-forms allow-popups allow-popups-to-escape-sandbox " +
+    "allow-same-origin allow-scripts allow-presentation allow-downloads";
+
+// Additional iframe feature permissions
+// (see - https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-permissions-in-cross-origin-iframes and https://wicg.github.io/feature-policy/)
+const iframeFeatures =
+    "microphone; camera; encrypted-media; autoplay; display-capture; clipboard-write; clipboard-read;";
+
+interface IProps {
+    app: IWidget | IApp;
+    // If room is not specified then it is an account level widget
+    // which bypasses permission prompts as it was added explicitly by that user
+    room?: Room;
+    threadId?: string | null;
+    // Specifying 'fullWidth' as true will render the app tile to fill the width of the app drawer container.
+    // This should be set to true when there is only one widget in the app drawer, otherwise it should be false.
+    fullWidth?: boolean;
+    // Optional. If set, renders a smaller view of the widget
+    miniMode?: boolean;
+    // UserId of the current user
+    userId: string;
+    // UserId of the entity that added / modified the widget
+    creatorUserId: string;
+    waitForIframeLoad: boolean;
+    showMenubar?: boolean;
+    // Optional onEditClickHandler (overrides default behaviour)
+    onEditClick?: () => void;
+    // Optional onDeleteClickHandler (overrides default behaviour)
+    onDeleteClick?: () => void;
+    // Optionally hide the tile title
+    showTitle?: boolean;
+    // Optionally handle minimise button pointer events (default false)
+    handleMinimisePointerEvents?: boolean;
+    // Optionally hide the popout widget icon
+    showPopout?: boolean;
+    // Is this an instance of a user widget
+    userWidget: boolean;
+    // sets the pointer-events property on the iframe
+    pointerEvents?: CSSProperties["pointerEvents"];
+    widgetPageTitle?: string;
+    showLayoutButtons?: boolean;
+    // Handle to manually notify the PersistedElement that it needs to move
+    movePersistedElement?: RefObject<(() => void) | null>;
+    // An element to render after the iframe as an overlay
+    overlay?: ReactNode;
+    // If defined this async method will be called when the widget requests to become sticky.
+    // It will only become sticky once the returned promise resolves.
+    // This is useful because: Widget B is sticky. Making widget A sticky will kill widget B immediately.
+    // This promise allows to do Widget B related cleanup before Widget A becomes sticky. (e.g. hangup a Voip call)
+    stickyPromise?: () => Promise<void>;
+}
+
+interface IState {
+    initialising: boolean; // True while we are mangling the widget URL
+    // True while the iframe content is loading
+    loading: boolean;
+    // Assume that widget has permission to load if we are the user who
+    // added it to the room, or if explicitly granted by the user
+    hasPermissionToLoad: boolean;
+    // Wait for user profile load to display correct name
+    isUserProfileReady: boolean;
+    error: Error | null;
+    menuDisplayed: boolean;
+    requiresClient: boolean;
+}
+
+export default class AppTile extends React.Component<IProps, IState> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    public static defaultProps: Partial<IProps> = {
+        waitForIframeLoad: true,
+        showMenubar: true,
+        showTitle: true,
+        showPopout: true,
+        handleMinimisePointerEvents: false,
+        userWidget: false,
+        miniMode: false,
+        threadId: null,
+        showLayoutButtons: true,
+    };
+
+    private readonly widget: ElementWidget;
+    private contextMenuButton = createRef<any>();
+    private iframeParent: HTMLElement | null = null; // parent div of the iframe
+    private allowedWidgetsWatchRef?: string;
+    private persistKey: string;
+    private messaging?: WidgetMessaging;
+    private dispatcherRef?: string;
+    private unmounted = false;
+
+    public constructor(props: IProps, context: ContextType<typeof SDKContext>) {
+        super(props, context);
+
+        // The key used for PersistedElement
+        this.persistKey = getPersistKey(WidgetUtils.getWidgetUid(this.props.app));
+
+        this.widget = new ElementWidget(props.app);
+        this.messaging = WidgetMessagingStore.instance.getMessaging(this.widget, props.room?.roomId);
+        if (this.messaging === undefined) {
+            try {
+                this.messaging = new WidgetMessaging(this.widget, props);
+                WidgetMessagingStore.instance.storeMessaging(this.widget, props.room?.roomId, this.messaging);
+            } catch (e) {
+                logger.error("Failed to construct widget", e);
+            }
+        }
+
+        this.state = this.getNewState(props);
+    }
+
+    private watchUserReady = (): void => {
+        if (OwnProfileStore.instance.isProfileInfoFetched) {
+            return;
+        }
+        OwnProfileStore.instance.once(UPDATE_EVENT, this.onUserReady);
+    };
+
+    private onUserReady = (): void => {
+        this.setState({ isUserProfileReady: true });
+    };
+
+    /**
+     * Synchronous permission check (fast path).
+     *
+     * Returns true when the widget can be loaded immediately, based on:
+     *  - local (Jitsi) widgets,
+     *  - account-level (user) widgets (no room),
+     *  - the **legacy** module API ({@link WidgetLifecycle.PreLoadRequest}),
+     *  - explicit user consent stored in the `allowedWidgets` setting,
+     *  - the current user being the widget creator.
+     */
+    private hasPermissionToLoadSync = (props: IProps): boolean => {
+        if (this.usingLocalWidget()) return true;
+        if (!props.room) return true; // user widgets always have permissions
+
+        // Legacy module API (synchronous)
+        const opts: ApprovalOpts = { approved: undefined };
+        ModuleRunner.instance.invoke(WidgetLifecycle.PreLoadRequest, opts, new ElementWidget(this.props.app));
+        if (opts.approved) return true;
+
+        const currentlyAllowedWidgets = SettingsStore.getValue("allowedWidgets", props.room.roomId);
+        const allowed =
+            isAppWidget(props.app) &&
+            props.app.eventId !== undefined &&
+            (currentlyAllowedWidgets[props.app.eventId] ?? false);
+        return allowed || props.userId === props.creatorUserId;
+    };
+
+    /**
+     * Unified permission check that consults **both** the legacy (sync) and
+     * new (async) module APIs.
+     *
+     * 1. Runs the fast synchronous checks ({@link hasPermissionToLoadSync}).
+     *    If any approve, resolves `true` immediately.
+     * 2. Falls back to the new module API
+     *    ({@link ModuleApi.widgetLifecycle.preapprovePreload}) which may be
+     *    async (config look-ups, network calls, etc.).
+     * 3. Returns `false` only when **neither** API grants permission.
+     *
+     * Every call site that needs to know "can this widget load?" should go
+     * through this method so the two APIs are never accidentally divergent.
+     */
+    private async resolvePermissionToLoad(props: IProps): Promise<boolean> {
+        // Phase 1 – synchronous checks (legacy module API, settings, creator)
+        if (this.hasPermissionToLoadSync(props)) return true;
+
+        // Phase 2 – async new module API
+        if (!props.room) return false; // only room widgets go through the async path
+        try {
+            const descriptor = toWidgetDescriptor(this.widget, props.room.roomId);
+            const approved = await ModuleApi.instance.widgetLifecycle.preapprovePreload(descriptor);
+            return approved === true;
+        } catch (err) {
+            logger.error("Module API preload approval check failed", err);
+            return false;
+        }
+    }
+
+    private onUserLeftRoom(): void {
+        const isActiveWidget = ActiveWidgetStore.instance.getWidgetPersistence(
+            this.props.app.id,
+            isAppWidget(this.props.app) ? this.props.app.roomId : null,
+        );
+        if (isActiveWidget) {
+            // We just left the room that the active widget was from.
+            if (this.props.room && this.context.roomViewStore.getRoomId() !== this.props.room.roomId) {
+                // If we are not actively looking at the room then destroy this widget entirely.
+                this.endWidgetActions();
+            } else if (WidgetType.JITSI.matches(this.props.app.type)) {
+                // If this was a Jitsi then reload to end call.
+                this.reload();
+            } else {
+                // Otherwise just cancel its persistence.
+                ActiveWidgetStore.instance.destroyPersistentWidget(
+                    this.props.app.id,
+                    isAppWidget(this.props.app) ? this.props.app.roomId : null,
+                );
+            }
+        }
+    }
+
+    private onMyMembership = (room: Room, membership: string): void => {
+        if (
+            (membership === KnownMembership.Leave || membership === KnownMembership.Ban) &&
+            room.roomId === this.props.room?.roomId
+        ) {
+            this.onUserLeftRoom();
+        }
+    };
+
+    private determineInitialRequiresClientState(): boolean {
+        try {
+            const widget = new ElementWidget(this.props.app);
+            const messaging = WidgetMessagingStore.instance.getMessaging(widget, this.props.room?.roomId);
+            if (messaging?.widgetApi) {
+                // Load value from existing API to prevent resetting the requiresClient value on layout changes.
+                return messaging.widgetApi.hasCapability(ElementWidgetCapabilities.RequiresClient);
+            }
+        } catch {
+            // fallback to true
+        }
+
+        // requiresClient is initially set to true. This avoids the broken state of the popout
+        // button being visible (for an instance) and then disappearing when the widget is loaded.
+        // requiresClient <-> hide the popout button
+        return true;
+    }
+
+    /**
+     * Set initial component state when the App wUrl (widget URL) is being updated.
+     * Component props *must* be passed (rather than relying on this.props).
+     * @param  {Object} newProps The new properties of the component
+     * @returns {Object} Updated component state to be set with setState
+     */
+    private getNewState(newProps: IProps): IState {
+        return {
+            initialising: true, // True while we are mangling the widget URL
+            // Don't show loading at all if the widget is ready once the IFrame is loaded (waitForIframeLoad = true).
+            // We only need the loading screen if the widget sends a contentLoaded event (waitForIframeLoad = false).
+            loading: !this.props.waitForIframeLoad && !PersistedElement.isMounted(this.persistKey),
+            // Use the sync check for the initial render (constructor can't await).
+            // componentDidMount will immediately follow up with the full async check.
+            hasPermissionToLoad: this.hasPermissionToLoadSync(newProps),
+            isUserProfileReady: OwnProfileStore.instance.isProfileInfoFetched,
+            error: null,
+            menuDisplayed: false,
+            requiresClient: this.determineInitialRequiresClientState(),
+        };
+    }
+
+    private onAllowedWidgetsChange = (): void => {
+        this.resolvePermissionToLoad(this.props).then((hasPermissionToLoad) => {
+            if (this.unmounted) return;
+
+            if (this.state.hasPermissionToLoad && !hasPermissionToLoad) {
+                // Force the widget to be non-persistent (able to be deleted/forgotten)
+                ActiveWidgetStore.instance.destroyPersistentWidget(
+                    this.props.app.id,
+                    isAppWidget(this.props.app) ? this.props.app.roomId : null,
+                );
+                PersistedElement.destroyElement(this.persistKey);
+                this.messaging?.stop();
+            }
+
+            if (!this.state.hasPermissionToLoad && hasPermissionToLoad) {
+                this.startWidget();
+            }
+
+            this.setState({ hasPermissionToLoad });
+        });
+    };
+
+    private isMixedContent(): boolean {
+        const parentContentProtocol = window.location.protocol;
+        const u = parseUrl(this.props.app.url);
+        const childContentProtocol = u.protocol;
+        if (parentContentProtocol === "https:" && childContentProtocol !== "https:") {
+            logger.warn(
+                "Refusing to load mixed-content app:",
+                parentContentProtocol,
+                childContentProtocol,
+                window.location,
+                this.props.app.url,
+            );
+            return true;
+        }
+        return false;
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+
+        // Tiles in miniMode are floating, and therefore not docked
+        if (!this.props.miniMode) {
+            ActiveWidgetStore.instance.dockWidget(
+                this.props.app.id,
+                isAppWidget(this.props.app) ? this.props.app.roomId : null,
+            );
+        }
+
+        if (this.messaging) {
+            this.setupMessagingListeners();
+        }
+
+        // The constructor used the sync-only fast path for initial state.
+        // Now run the full check (sync + async) to catch any module API approvals.
+        if (this.state.hasPermissionToLoad && this.messaging) {
+            // Sync check already approved — start immediately, no need to re-check.
+            this.startWidget();
+        } else {
+            this.resolvePermissionToLoad(this.props).then((hasPermissionToLoad) => {
+                if (this.unmounted) return;
+                this.setState({ hasPermissionToLoad });
+                if (hasPermissionToLoad) {
+                    this.startWidget();
+                }
+            });
+        }
+        this.watchUserReady();
+
+        if (this.props.room) {
+            this.context.client?.on(RoomEvent.MyMembership, this.onMyMembership);
+        }
+        this.allowedWidgetsWatchRef = SettingsStore.watchSetting("allowedWidgets", null, this.onAllowedWidgetsChange);
+        // Widget action listeners
+        this.dispatcherRef = dis.register(this.onAction);
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+
+        if (!this.props.miniMode) {
+            ActiveWidgetStore.instance.undockWidget(
+                this.props.app.id,
+                isAppWidget(this.props.app) ? this.props.app.roomId : null,
+            );
+        }
+
+        // Only tear down the widget if no other component is keeping it alive,
+        // because we support moving widgets between containers, in which case
+        // another component will keep it loaded throughout the transition
+        if (
+            !ActiveWidgetStore.instance.isLive(
+                this.props.app.id,
+                isAppWidget(this.props.app) ? this.props.app.roomId : null,
+            )
+        ) {
+            this.endWidgetActions();
+        }
+
+        // Widget action listeners
+        dis.unregister(this.dispatcherRef);
+
+        if (this.props.room) {
+            this.context.client?.off(RoomEvent.MyMembership, this.onMyMembership);
+        }
+
+        SettingsStore.unwatchSetting(this.allowedWidgetsWatchRef);
+        OwnProfileStore.instance.removeListener(UPDATE_EVENT, this.onUserReady);
+    }
+
+    private setupMessagingListeners(): void {
+        this.messaging?.on(WidgetMessagingEvent.Start, this.onMessagingStart);
+        this.messaging?.on(WidgetMessagingEvent.Stop, this.onMessagingStop);
+    }
+
+    private stopMessagingListeners(): void {
+        this.messaging?.off(WidgetMessagingEvent.Start, this.onMessagingStart);
+        this.messaging?.off(WidgetMessagingEvent.Stop, this.onMessagingStop);
+    }
+
+    private readonly onMessagingStart = (widgetApi: ClientWidgetApi): void => {
+        widgetApi.on("ready", this.onWidgetReady);
+        widgetApi.on("error:preparing", this.updateRequiresClient);
+        // emits when the capabilities have been set up or changed
+        widgetApi.on("capabilitiesNotified", this.updateRequiresClient);
+    };
+
+    private readonly onMessagingStop = (widgetApi: ClientWidgetApi): void => {
+        widgetApi.off("ready", this.onWidgetReady);
+        widgetApi.off("error:preparing", this.updateRequiresClient);
+        widgetApi.off("capabilitiesNotified", this.updateRequiresClient);
+    };
+
+    private resetWidget(newProps: IProps): void {
+        this.messaging?.stop();
+        this.stopMessagingListeners();
+
+        try {
+            WidgetMessagingStore.instance.stopMessaging(this.widget, this.props.room?.roomId);
+            this.messaging = new WidgetMessaging(this.widget, newProps);
+            WidgetMessagingStore.instance.storeMessaging(this.widget, this.props.room?.roomId, this.messaging);
+            this.setupMessagingListeners();
+            this.startWidget();
+        } catch (e) {
+            logger.error("Failed to construct widget", e);
+            this.messaging = undefined;
+        }
+    }
+
+    private startWidget(): void {
+        this.messaging?.prepare().then(() => {
+            if (this.unmounted) return;
+            this.setState({ initialising: false });
+        });
+    }
+
+    /**
+     * A callback ref receiving the current parent div of the iframe. This is
+     * responsible for creating the iframe and starting or resetting
+     * communication with the widget.
+     */
+    private iframeParentRef = (element: HTMLElement | null): void => {
+        if (this.unmounted) return;
+        // Detach the existing iframe (if any) from the document so we know not
+        // to do anything further with it, like starting up the messaging
+        this.iframeParent?.querySelector("iframe")?.remove();
+        this.iframeParent = element;
+
+        if (this.iframeParent === null) {
+            // The component is trying to unmount the iframe. We could reach
+            // this path if the widget definition was updated, for example. The
+            // iframe parent will later be remounted and widget communications
+            // reopened after this.state.initializing resets to false.
+            this.resetWidget(this.props);
+        } else if (
+            this.messaging &&
+            // Check whether an iframe already exists (it totally could exist,
+            // seeing as it is a persisted element which might have hopped
+            // between React components)
+            this.iframeParent.querySelector("iframe") === null
+        ) {
+            // We create the iframe ourselves rather than leaving the job to React,
+            // because we need the lifetime of the messaging and the iframe to be
+            // the same; we don't want strict mode, for instance, to cause the
+            // messaging to restart (lose its state) without also killing the widget
+            const iframe = document.createElement("iframe");
+            iframe.title = WidgetUtils.getWidgetName(this.props.app);
+            iframe.allow = iframeFeatures;
+            iframe.src = this.messaging.embedUrl;
+            iframe.allowFullscreen = true;
+            iframe.sandbox = sandboxFlags;
+            this.iframeParent.appendChild(iframe);
+            // In order to start the widget messaging we need iframe.contentWindow
+            // to exist. Waiting until the next layout gives the browser a chance to
+            // initialize it.
+            requestAnimationFrame(() => {
+                // Handle the race condition (seen in strict mode) where the element is
+                // added and then removed from the DOM before we enter this callback
+                if (iframe.parentElement === null) return;
+                try {
+                    this.messaging?.start(iframe);
+                } catch (e) {
+                    logger.error("Failed to start widget", e);
+                }
+            });
+        }
+    };
+
+    public componentDidUpdate(prevProps: IProps): void {
+        if (prevProps.app.url !== this.props.app.url) {
+            this.getNewState(this.props);
+            if (this.state.hasPermissionToLoad) {
+                this.resetWidget(this.props);
+            }
+        }
+    }
+
+    /**
+     * Ends all widget interaction, such as cancelling calls and disabling webcams.
+     */
+    private endWidgetActions(): void {
+        if (WidgetType.JITSI.matches(this.props.app.type) && this.props.room) {
+            this.context.legacyCallHandler.hangupCallApp(this.props.room.roomId);
+        }
+
+        // Delete the widget from the persisted store for good measure.
+        // XXX: This removes persistent elements from the DOM entirely, which feels like
+        // a lot more than this function claims to be doing.
+        PersistedElement.destroyElement(this.persistKey);
+        ActiveWidgetStore.instance.destroyPersistentWidget(
+            this.props.app.id,
+            isAppWidget(this.props.app) ? this.props.app.roomId : null,
+        );
+
+        this.messaging?.stop({ forceDestroy: true });
+    }
+
+    private onWidgetReady = (): void => {
+        this.setState({ loading: false });
+    };
+
+    private updateRequiresClient = (): void => {
+        this.setState({
+            requiresClient: !!this.messaging?.widgetApi?.hasCapability(ElementWidgetCapabilities.RequiresClient),
+        });
+    };
+
+    private onAction = (payload: ActionPayload): void => {
+        switch (payload.action) {
+            case "m.sticker":
+                if (
+                    payload.widgetId === this.props.app.id &&
+                    this.messaging?.widgetApi?.hasCapability(MatrixCapabilities.StickerSending)
+                ) {
+                    dis.dispatch({
+                        action: "post_sticker_message",
+                        data: {
+                            ...payload.data,
+                            threadId: this.props.threadId,
+                        },
+                    });
+                    dis.dispatch({ action: "stickerpicker_close" });
+                } else {
+                    logger.warn("Ignoring sticker message. Invalid capability");
+                }
+                break;
+
+            case Action.AfterLeaveRoom:
+                if (payload.room_id === this.props.room?.roomId) {
+                    // call this before we get it echoed down /sync, so it doesn't hang around as long and look jarring
+                    this.onUserLeftRoom();
+                }
+                break;
+        }
+    };
+
+    private grantWidgetPermission = (): void => {
+        const roomId = this.props.room?.roomId;
+        const eventId = isAppWidget(this.props.app) ? this.props.app.eventId : undefined;
+        logger.info("Granting permission for widget to load: " + eventId);
+        const current = SettingsStore.getValue("allowedWidgets", roomId);
+        if (eventId !== undefined) current[eventId] = true;
+        const level = SettingsStore.firstSupportedLevel("allowedWidgets")!;
+        SettingsStore.setValue("allowedWidgets", roomId ?? null, level, current)
+            .then(() => {
+                this.setState({ hasPermissionToLoad: true });
+
+                // Fetch a token for the integration manager, now that we're allowed to
+                this.startWidget();
+            })
+            .catch((err) => {
+                logger.error(err);
+                // We don't really need to do anything about this - the user will just hit the button again.
+            });
+    };
+
+    private formatAppTileName(): string {
+        let appTileName = "No name";
+        if (this.props.app.name && this.props.app.name.trim()) {
+            appTileName = this.props.app.name.trim();
+        }
+        return appTileName;
+    }
+
+    /**
+     * Whether we're using a local version of the widget rather than loading the
+     * actual widget URL
+     * @returns {bool} true If using a local version of the widget
+     */
+    private usingLocalWidget(): boolean {
+        return WidgetType.JITSI.matches(this.props.app.type);
+    }
+
+    private getTileTitle(): JSX.Element {
+        const name = this.formatAppTileName();
+        const titleSpacer = <span>&nbsp;-&nbsp;</span>;
+        let title = "";
+        if (this.props.widgetPageTitle && this.props.widgetPageTitle !== this.formatAppTileName()) {
+            title = this.props.widgetPageTitle;
+        }
+
+        return (
+            <span>
+                <WidgetAvatar app={this.props.app} size="20px" />
+                <h1>{name}</h1>
+                <span>
+                    {title ? titleSpacer : ""}
+                    {title}
+                </span>
+            </span>
+        );
+    }
+
+    private reload(): void {
+        this.endWidgetActions();
+        // reset messaging
+        this.resetWidget(this.props);
+        this.iframeParent?.querySelector("iframe")?.remove();
+        // iframeParent will now be re-mounted, at which point startMessaging will be called
+    }
+
+    // TODO replace with full screen interactions
+    private onPopoutWidgetClick = (): void => {
+        // Ensure Jitsi conferences are closed on pop-out, to not confuse the user to join them
+        // twice from the same computer, which Jitsi can have problems with (audio echo/gain-loop).
+        if (WidgetType.JITSI.matches(this.props.app.type)) {
+            this.reload();
+        }
+        // Using Object.assign workaround as the following opens in a new window instead of a new tab.
+        // window.open(this._getPopoutUrl(), '_blank', 'noopener=yes');
+        Object.assign(document.createElement("a"), {
+            target: "_blank",
+            href: this.messaging?.popoutUrl,
+            rel: "noreferrer noopener",
+        }).click();
+    };
+
+    private onToggleMaximisedClick = (): void => {
+        if (!this.props.room) return; // ignore action - it shouldn't even be visible
+        const targetContainer = this.context.widgetLayoutStore.isInContainer(this.props.room, this.props.app, "center")
+            ? "top"
+            : "center";
+        this.context.widgetLayoutStore.moveToContainer(this.props.room, this.props.app, targetContainer);
+
+        if (targetContainer === "top") this.closeChatCardIfNeeded();
+    };
+
+    private onMinimiseClicked = (): void => {
+        if (!this.props.room) return; // ignore action - it shouldn't even be visible
+        this.context.widgetLayoutStore.moveToContainer(this.props.room, this.props.app, "right");
+        this.closeChatCardIfNeeded();
+    };
+
+    private closeChatCardIfNeeded = (): void => {
+        if (!this.props.room) return; // ignore action - it shouldn't even be visible
+        // If the right panel has a timeline, but we're about to show the timeline in the main view, pop the right panel
+        if (
+            this.context.rightPanelStore.currentCardForRoom(this.props.room.roomId).phase === RightPanelPhases.Timeline
+        ) {
+            this.context.rightPanelStore.popCard(this.props.room.roomId);
+        }
+    };
+
+    private onContextMenuClick = (): void => {
+        this.setState({ menuDisplayed: true });
+    };
+
+    private closeContextMenu = (): void => {
+        this.setState({ menuDisplayed: false });
+    };
+
+    public render(): React.ReactNode {
+        let appTileBody: JSX.Element | undefined;
+
+        const appTileBodyClass = classNames({
+            "mx_AppTileBody": true,
+            "mx_AppTileBody--large": !this.props.miniMode,
+            "mx_AppTileBody--mini": this.props.miniMode,
+            "mx_AppTileBody--loading": this.state.loading,
+            // We don't want mx_AppTileBody (rounded corners) for call widgets
+            "mx_AppTileBody--call": this.props.app.type === WidgetType.CALL.preferred,
+        });
+        const appTileBodyStyles: CSSProperties = {};
+        if (this.props.pointerEvents) {
+            appTileBodyStyles.pointerEvents = this.props.pointerEvents;
+        }
+
+        const loadingElement = (
+            <div className="mx_AppTileBody_fadeInSpinner">
+                <Spinner message={_t("common|loading")} />
+            </div>
+        );
+
+        if (this.messaging === null) {
+            appTileBody = (
+                <div className={appTileBodyClass} style={appTileBodyStyles}>
+                    <AppWarning errorMsg={_t("widget|error_loading")} />
+                </div>
+            );
+        } else if (!this.state.hasPermissionToLoad && this.props.room && this.messaging) {
+            // only possible for room widgets, can assert this.props.room here
+            const isEncrypted = this.context.client?.isRoomEncrypted(this.props.room.roomId);
+            appTileBody = (
+                <div className={appTileBodyClass} style={appTileBodyStyles}>
+                    <AppPermission
+                        roomId={this.props.room.roomId}
+                        creatorUserId={this.props.creatorUserId}
+                        url={this.messaging.embedUrl}
+                        isRoomEncrypted={isEncrypted}
+                        onPermissionGranted={this.grantWidgetPermission}
+                    />
+                </div>
+            );
+        } else if (this.state.initialising || !this.state.isUserProfileReady) {
+            appTileBody = (
+                <div className={appTileBodyClass} style={appTileBodyStyles}>
+                    {loadingElement}
+                </div>
+            );
+        } else {
+            if (this.isMixedContent()) {
+                appTileBody = (
+                    <div className={appTileBodyClass} style={appTileBodyStyles}>
+                        <AppWarning errorMsg={_t("widget|error_mixed_content")} />
+                    </div>
+                );
+            } else if (this.messaging) {
+                appTileBody = (
+                    <>
+                        <div className={appTileBodyClass} style={appTileBodyStyles} ref={this.iframeParentRef}>
+                            {this.state.loading && loadingElement}
+                        </div>
+                        {this.props.overlay}
+                    </>
+                );
+
+                if (!this.props.userWidget) {
+                    // All room widgets can theoretically be allowed to remain on screen, so we
+                    // wrap them all in a PersistedElement from the get-go. If we wait, the iframe
+                    // will be re-mounted later, which means the widget has to start over, which is
+                    // bad.
+
+                    // Also wrap the PersistedElement in a div to fix the height, otherwise
+                    // AppTile's border is in the wrong place
+
+                    // For persisted apps in PiP we want the zIndex to be higher then for other persisted apps (100)
+                    // otherwise there are issues that the PiP view is drawn UNDER another widget (Persistent app) when dragged around.
+                    const zIndexAboveOtherPersistentElements = 101;
+
+                    appTileBody = (
+                        <div className="mx_AppTile_persistedWrapper">
+                            <PersistedElement
+                                zIndex={this.props.miniMode ? zIndexAboveOtherPersistentElements : 9}
+                                persistKey={this.persistKey}
+                                moveRef={this.props.movePersistedElement}
+                            >
+                                {appTileBody}
+                            </PersistedElement>
+                        </div>
+                    );
+                }
+            }
+        }
+
+        let appTileClasses;
+        if (this.props.miniMode) {
+            appTileClasses = { mx_AppTile_mini: true };
+        } else if (this.props.fullWidth) {
+            appTileClasses = { mx_AppTileFullWidth: true };
+        } else {
+            appTileClasses = { mx_AppTile: true };
+        }
+        appTileClasses = classNames(appTileClasses);
+
+        const layoutButtons: ReactNode[] = [];
+        if (this.props.showLayoutButtons) {
+            const isMaximised =
+                this.props.room &&
+                this.context.widgetLayoutStore.isInContainer(this.props.room, this.props.app, "center");
+
+            layoutButtons.push(
+                <AccessibleButton
+                    key="toggleMaximised"
+                    className="mx_AppTileMenuBar_widgets_button"
+                    title={isMaximised ? _t("widget|unmaximise") : _t("action|maximise")}
+                    onClick={this.onToggleMaximisedClick}
+                >
+                    {isMaximised ? (
+                        <CollapseIcon className="mx_Icon mx_Icon_12" />
+                    ) : (
+                        <ExpandIcon className="mx_Icon mx_Icon_12" />
+                    )}
+                </AccessibleButton>,
+            );
+
+            layoutButtons.push(
+                <AccessibleButton
+                    key="minimise"
+                    className="mx_AppTileMenuBar_widgets_button"
+                    title={_t("action|minimise")}
+                    onClick={this.onMinimiseClicked}
+                >
+                    <MinusIcon className="mx_Icon mx_Icon_16" />
+                </AccessibleButton>,
+            );
+        }
+
+        return (
+            <div className={appTileClasses} id={this.props.app.id}>
+                {this.props.showMenubar && (
+                    <div className="mx_AppTileMenuBar">
+                        <span
+                            className="mx_AppTileMenuBar_title"
+                            style={{ pointerEvents: this.props.handleMinimisePointerEvents ? "all" : "none" }}
+                        >
+                            {this.props.showTitle && this.getTileTitle()}
+                        </span>
+                        <span className="mx_AppTileMenuBar_widgets">
+                            {layoutButtons}
+                            {this.props.showPopout && !this.state.requiresClient && (
+                                <AccessibleButton
+                                    className="mx_AppTileMenuBar_widgets_button"
+                                    title={_t("widget|popout")}
+                                    onClick={this.onPopoutWidgetClick}
+                                >
+                                    <PopOutIcon className="mx_Icon mx_Icon_12" />
+                                </AccessibleButton>
+                            )}
+                            <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>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/AppWarning.tsx b/apps/web/src/components/views/elements/AppWarning.tsx
new file mode 100644
index 00000000000..0e500c5bb1f
--- /dev/null
+++ b/apps/web/src/components/views/elements/AppWarning.tsx
@@ -0,0 +1,29 @@
+/*
+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 { WarningIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+interface IProps {
+    errorMsg?: string;
+}
+
+const AppWarning: React.FC<IProps> = (props) => {
+    return (
+        <div className="mx_AppWarning">
+            <div>
+                <WarningIcon width="24px" height="24px" />
+            </div>
+            <div>
+                <span>{props.errorMsg || "Error"}</span>
+            </div>
+        </div>
+    );
+};
+
+export default AppWarning;
diff --git a/apps/web/src/components/views/elements/BugReportDialogButton.tsx b/apps/web/src/components/views/elements/BugReportDialogButton.tsx
new file mode 100644
index 00000000000..6e06b6da9dd
--- /dev/null
+++ b/apps/web/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="md" onClick={onClick}>
+            {bugReportUrl === BugReportEndpointURLLocal
+                ? _t("bug_reporting|download_logs")
+                : _t("bug_reporting|submit_debug_logs")}
+        </Button>
+    );
+}
diff --git a/apps/web/src/components/views/elements/CopyableText.tsx b/apps/web/src/components/views/elements/CopyableText.tsx
new file mode 100644
index 00000000000..51812e7cec4
--- /dev/null
+++ b/apps/web/src/components/views/elements/CopyableText.tsx
@@ -0,0 +1,76 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2019-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, { useState } from "react";
+import classNames from "classnames";
+import { CopyIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { IconButton } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import { copyPlaintext } from "../../../utils/strings";
+
+interface IProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    getTextToCopy: () => string | null;
+    border?: boolean;
+    className?: string;
+}
+
+export const CopyTextButton: React.FC<Pick<IProps, "getTextToCopy" | "className" | "children">> = ({
+    getTextToCopy,
+    className,
+    children,
+}) => {
+    const [tooltip, setTooltip] = useState<string | undefined>(undefined);
+
+    const onCopyClickInternal = async (e: React.MouseEvent<HTMLButtonElement>): Promise<void> => {
+        e.preventDefault();
+        const text = getTextToCopy();
+        const successful = !!text && (await copyPlaintext(text));
+        setTooltip(successful ? _t("common|copied") : _t("error|failed_copy"));
+    };
+
+    const onHideTooltip = (): void => {
+        if (tooltip) {
+            setTooltip(undefined);
+        }
+    };
+
+    return (
+        <IconButton
+            tooltip={tooltip ?? _t("action|copy")}
+            onClick={onCopyClickInternal}
+            className={className}
+            size="28px"
+            style={{ padding: "4px" }} // Work around miscalculated padding on 28px button: https://github.com/element-hq/compound/issues/409
+            onTooltipOpenChange={(open: boolean) => {
+                if (!open) onHideTooltip();
+            }}
+        >
+            {children}
+        </IconButton>
+    );
+};
+
+const CopyableText: React.FC<IProps> = ({ children, getTextToCopy, border = true, className, ...props }) => {
+    const combinedClassName = classNames("mx_CopyableText", className, {
+        mx_CopyableText_border: border,
+    });
+
+    return (
+        <span className={combinedClassName} {...props}>
+            {children}
+            <CopyTextButton getTextToCopy={getTextToCopy} className="mx_CopyableText_copyButton">
+                <CopyIcon />
+            </CopyTextButton>
+        </span>
+    );
+};
+
+export default CopyableText;
diff --git a/apps/web/src/components/views/elements/DesktopCapturerSourcePicker.tsx b/apps/web/src/components/views/elements/DesktopCapturerSourcePicker.tsx
new file mode 100644
index 00000000000..fd20db7ef61
--- /dev/null
+++ b/apps/web/src/components/views/elements/DesktopCapturerSourcePicker.tsx
@@ -0,0 +1,169 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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 from "react";
+import classNames from "classnames";
+
+import { _t, _td } from "../../../languageHandler";
+import BaseDialog from "..//dialogs/BaseDialog";
+import DialogButtons from "./DialogButtons";
+import AccessibleButton from "./AccessibleButton";
+import TabbedView, { Tab, TabLocation } from "../../structures/TabbedView";
+import PlatformPeg from "../../../PlatformPeg";
+import { type NonEmptyArray } from "../../../@types/common";
+
+export function getDesktopCapturerSources(): Promise<Array<DesktopCapturerSource>> {
+    const options: GetSourcesOptions = {
+        thumbnailSize: {
+            height: 176,
+            width: 312,
+        },
+        types: ["screen", "window"],
+    };
+    const plaf = PlatformPeg.get();
+    return plaf ? plaf?.getDesktopCapturerSources(options) : Promise.resolve<DesktopCapturerSource[]>([]);
+}
+
+export enum Tabs {
+    Screens = "screen",
+    Windows = "window",
+}
+
+export interface ExistingSourceIProps {
+    source: DesktopCapturerSource;
+    onSelect(source: DesktopCapturerSource): void;
+    selected: boolean;
+}
+
+export class ExistingSource extends React.Component<ExistingSourceIProps> {
+    private onClick = (): void => {
+        this.props.onSelect(this.props.source);
+    };
+
+    public render(): React.ReactNode {
+        const thumbnailClasses = classNames({
+            mx_desktopCapturerSourcePicker_source_thumbnail: true,
+            mx_desktopCapturerSourcePicker_source_thumbnail_selected: this.props.selected,
+        });
+
+        return (
+            <AccessibleButton
+                className="mx_desktopCapturerSourcePicker_source"
+                title={this.props.source.name}
+                onClick={this.onClick}
+            >
+                <img alt={this.props.source.name} className={thumbnailClasses} src={this.props.source.thumbnailURL} />
+                <span className="mx_desktopCapturerSourcePicker_source_name">{this.props.source.name}</span>
+            </AccessibleButton>
+        );
+    }
+}
+
+export interface PickerIState {
+    selectedTab: Tabs;
+    sources: Array<DesktopCapturerSource>;
+    selectedSource?: DesktopCapturerSource;
+}
+export interface PickerIProps {
+    onFinished(source?: DesktopCapturerSource): void;
+}
+
+export default class DesktopCapturerSourcePicker extends React.Component<PickerIProps, PickerIState> {
+    public interval?: number;
+
+    public constructor(props: PickerIProps) {
+        super(props);
+
+        this.state = {
+            selectedTab: Tabs.Screens,
+            sources: [],
+        };
+    }
+
+    public async componentDidMount(): Promise<void> {
+        // window.setInterval() first waits and then executes, therefore
+        // we call getDesktopCapturerSources() here without any delay.
+        // Otherwise the dialog would be left empty for some time.
+        this.setState({
+            sources: await getDesktopCapturerSources(),
+        });
+
+        // We update the sources every 500ms to get newer thumbnails
+        this.interval = window.setInterval(async (): Promise<void> => {
+            this.setState({
+                sources: await getDesktopCapturerSources(),
+            });
+        }, 500);
+    }
+
+    public componentWillUnmount(): void {
+        clearInterval(this.interval);
+    }
+
+    private onSelect = (source: DesktopCapturerSource): void => {
+        this.setState({ selectedSource: source });
+    };
+
+    private onShare = (): void => {
+        this.props.onFinished(this.state.selectedSource);
+    };
+
+    private onTabChange = (tab: Tabs): void => {
+        this.setState({ selectedSource: undefined, selectedTab: tab });
+    };
+
+    private onCloseClick = (): void => {
+        this.props.onFinished();
+    };
+
+    private getTab(type: Tabs, label: TranslationKey): Tab<Tabs> {
+        const sources = this.state.sources
+            .filter((source) => source.id.startsWith(type))
+            .map((source) => {
+                return (
+                    <ExistingSource
+                        selected={this.state.selectedSource?.id === source.id}
+                        source={source}
+                        onSelect={this.onSelect}
+                        key={source.id}
+                    />
+                );
+            });
+
+        return new Tab(type, label, null, <div className="mx_desktopCapturerSourcePicker_tab">{sources}</div>);
+    }
+
+    public render(): React.ReactNode {
+        const tabs: NonEmptyArray<Tab<Tabs>> = [
+            this.getTab(Tabs.Screens, _td("voip|screenshare_monitor")),
+            this.getTab(Tabs.Windows, _td("voip|screenshare_window")),
+        ];
+
+        return (
+            <BaseDialog
+                className="mx_desktopCapturerSourcePicker"
+                onFinished={this.onCloseClick}
+                title={_t("voip|screenshare_title")}
+            >
+                <TabbedView
+                    tabs={tabs}
+                    tabLocation={TabLocation.TOP}
+                    activeTabId={this.state.selectedTab}
+                    onChange={this.onTabChange}
+                />
+                <DialogButtons
+                    primaryButton={_t("action|share")}
+                    hasCancel={true}
+                    onCancel={this.onCloseClick}
+                    onPrimaryButtonClick={this.onShare}
+                    primaryDisabled={!this.state.selectedSource}
+                />
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/DialPadBackspaceButton.tsx b/apps/web/src/components/views/elements/DialPadBackspaceButton.tsx
new file mode 100644
index 00000000000..322d5b71db4
--- /dev/null
+++ b/apps/web/src/components/views/elements/DialPadBackspaceButton.tsx
@@ -0,0 +1,34 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+import { BackspaceSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import AccessibleButton, { type ButtonEvent } from "./AccessibleButton";
+
+interface IProps {
+    // Callback for when the button is pressed
+    onBackspacePress: (ev: ButtonEvent) => void;
+}
+
+export default class DialPadBackspaceButton extends React.PureComponent<IProps> {
+    public render(): React.ReactNode {
+        return (
+            <div className="mx_DialPadBackspaceButtonWrapper">
+                <AccessibleButton
+                    className="mx_DialPadBackspaceButton"
+                    onClick={this.props.onBackspacePress}
+                    aria-label={_t("keyboard|backspace")}
+                >
+                    <BackspaceSolidIcon />
+                </AccessibleButton>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/DialogButtons.tsx b/apps/web/src/components/views/elements/DialogButtons.tsx
new file mode 100644
index 00000000000..b81c06e6430
--- /dev/null
+++ b/apps/web/src/components/views/elements/DialogButtons.tsx
@@ -0,0 +1,118 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2018 New Vector Ltd.
+Copyright 2017 Aidan Gauland
+
+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 { _t } from "../../../languageHandler";
+
+interface IProps {
+    // The primary button which is styled differently and has default focus.
+    primaryButton: React.ReactNode;
+
+    // A node to insert into the cancel button instead of default "Cancel"
+    cancelButton?: React.ReactNode;
+
+    // If true, make the primary button a form submit button (input type="submit")
+    primaryIsSubmit?: boolean;
+
+    // onClick handler for the primary button. Note that the returned promise, if
+    // returning a promise, is not used.
+    onPrimaryButtonClick?: (ev: React.MouseEvent) => void | Promise<void>;
+
+    // should there be a cancel button? default: true
+    hasCancel?: boolean;
+
+    /**
+     * The class of the cancel button, only used if a cancel button is enabled
+     * @default "cancel"
+     */
+    cancelButtonClass?: string;
+
+    // onClick handler for the cancel button.
+    onCancel?: (...args: any[]) => void;
+
+    focus?: boolean;
+
+    // disables the primary and cancel buttons
+    disabled?: boolean;
+
+    // disables only the primary button
+    primaryDisabled?: boolean;
+
+    // something to stick next to the buttons, optionally
+    additive?: ReactNode;
+
+    primaryButtonClass?: string;
+    children?: ReactNode;
+}
+
+/**
+ * Basic container for buttons in modal dialogs.
+ */
+export default class DialogButtons extends React.Component<IProps> {
+    public static defaultProps: Partial<IProps> = {
+        hasCancel: true,
+        disabled: false,
+        cancelButtonClass: "cancel",
+    };
+
+    private onCancelClick = (event: React.MouseEvent): void => {
+        this.props.onCancel?.(event);
+    };
+
+    public render(): React.ReactNode {
+        let primaryButtonClassName = "mx_Dialog_primary";
+        if (this.props.primaryButtonClass) {
+            primaryButtonClassName += " " + this.props.primaryButtonClass;
+        }
+
+        let cancelButton: JSX.Element | undefined;
+        if (this.props.hasCancel) {
+            cancelButton = (
+                <button
+                    // important: the default type is 'submit' and this button comes before the
+                    // primary in the DOM so will get form submissions unless we make it not a submit.
+                    data-testid="dialog-cancel-button"
+                    type="button"
+                    onClick={this.onCancelClick}
+                    className={this.props.cancelButtonClass}
+                    disabled={this.props.disabled}
+                >
+                    {this.props.cancelButton || _t("action|cancel")}
+                </button>
+            );
+        }
+
+        let additive: JSX.Element | undefined;
+        if (this.props.additive) {
+            additive = <div className="mx_Dialog_buttons_additive">{this.props.additive}</div>;
+        }
+
+        return (
+            <div className="mx_Dialog_buttons">
+                {additive}
+                <span className="mx_Dialog_buttons_row">
+                    {cancelButton}
+                    {this.props.children}
+                    <button
+                        type={this.props.primaryIsSubmit ? "submit" : "button"}
+                        data-testid="dialog-primary-button"
+                        className={primaryButtonClassName}
+                        onClick={this.props.onPrimaryButtonClick}
+                        autoFocus={this.props.focus}
+                        disabled={this.props.disabled || this.props.primaryDisabled}
+                    >
+                        {this.props.primaryButton}
+                    </button>
+                </span>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/Draggable.tsx b/apps/web/src/components/views/elements/Draggable.tsx
new file mode 100644
index 00000000000..959ed8ff983
--- /dev/null
+++ b/apps/web/src/components/views/elements/Draggable.tsx
@@ -0,0 +1,71 @@
+/*
+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 from "react";
+
+interface IProps {
+    className: string;
+    dragFunc: (currentLocation: ILocationState, event: MouseEvent) => ILocationState;
+    onMouseUp: (event: MouseEvent) => void;
+}
+
+interface IState {
+    onMouseMove: (event: MouseEvent) => void;
+    onMouseUp: (event: MouseEvent) => void;
+    location: ILocationState;
+}
+
+export interface ILocationState {
+    currentX: number;
+    currentY: number;
+}
+
+export default class Draggable extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            onMouseMove: this.onMouseMove.bind(this),
+            onMouseUp: this.onMouseUp.bind(this),
+            location: {
+                currentX: 0,
+                currentY: 0,
+            },
+        };
+    }
+
+    private onMouseDown = (event: React.MouseEvent): void => {
+        this.setState({
+            location: {
+                currentX: event.clientX,
+                currentY: event.clientY,
+            },
+        });
+
+        document.addEventListener("mousemove", this.state.onMouseMove);
+        document.addEventListener("mouseup", this.state.onMouseUp);
+    };
+
+    private onMouseUp = (event: MouseEvent): void => {
+        document.removeEventListener("mousemove", this.state.onMouseMove);
+        document.removeEventListener("mouseup", this.state.onMouseUp);
+        this.props.onMouseUp(event);
+    };
+
+    private onMouseMove(event: MouseEvent): void {
+        const newLocation = this.props.dragFunc(this.state.location, event);
+
+        this.setState({
+            location: newLocation,
+        });
+    }
+
+    public render(): React.ReactNode {
+        return <div className={this.props.className} onMouseDown={this.onMouseDown} />;
+    }
+}
diff --git a/apps/web/src/components/views/elements/Dropdown.tsx b/apps/web/src/components/views/elements/Dropdown.tsx
new file mode 100644
index 00000000000..00c9970533a
--- /dev/null
+++ b/apps/web/src/components/views/elements/Dropdown.tsx
@@ -0,0 +1,416 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-2021 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 JSX,
+    type ChangeEvent,
+    createRef,
+    type CSSProperties,
+    type ReactElement,
+    type ReactNode,
+    type Ref,
+} from "react";
+import classnames from "classnames";
+import { ChevronDownIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import AccessibleButton, { type ButtonEvent } from "./AccessibleButton";
+import { _t } from "../../../languageHandler";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { objectHasDiff } from "../../../utils/objects";
+import { type NonEmptyArray } from "../../../@types/common";
+
+interface IMenuOptionProps {
+    children: ReactElement;
+    highlighted?: boolean;
+    dropdownKey: string;
+    id?: string;
+    inputRef?: Ref<HTMLLIElement>;
+    onClick(dropdownKey: string): void;
+    onMouseEnter(dropdownKey: string): void;
+}
+
+class MenuOption extends React.Component<IMenuOptionProps> {
+    private onMouseEnter = (): void => {
+        this.props.onMouseEnter(this.props.dropdownKey);
+    };
+
+    private onClick = (e: React.MouseEvent): void => {
+        e.preventDefault();
+        e.stopPropagation();
+        this.props.onClick(this.props.dropdownKey);
+    };
+
+    public render(): React.ReactNode {
+        const optClasses = classnames({
+            mx_Dropdown_option: true,
+            mx_Dropdown_option_highlight: this.props.highlighted,
+        });
+
+        return (
+            // We break the rule here as this is a mouse-only interaction,
+            // the keyboard interaction is handled by the Dropdown parent component
+            // oxlint-disable-next-line jsx-a11y/click-events-have-key-events
+            <li
+                id={this.props.id}
+                className={optClasses}
+                onClick={this.onClick}
+                onMouseEnter={this.onMouseEnter}
+                role="option"
+                aria-selected={this.props.highlighted}
+                ref={this.props.inputRef}
+                tabIndex={-1}
+            >
+                {this.props.children}
+            </li>
+        );
+    }
+}
+
+export interface DropdownProps {
+    id: string;
+    // ARIA label
+    label: string;
+    value?: string;
+    className?: string;
+    autoComplete?: string;
+    children: NonEmptyArray<ReactElement & { key: string }>;
+    // negative for consistency with HTML
+    disabled?: boolean;
+    // The width that the dropdown should be. If specified,
+    // the dropped-down part of the menu will be set to this
+    // width.
+    menuWidth?: number;
+    searchEnabled?: boolean;
+    // Placeholder to show when no value is selected
+    placeholder?: string;
+    // Called when the selected option changes
+    onOptionChange(dropdownKey: string): void;
+    // Called when the value of the search field changes
+    onSearchChange?(query: string): void;
+    // Function that, given the key of an option, returns
+    // a node representing that option to be displayed in the
+    // box itself as the currently-selected option (ie. as
+    // opposed to in the actual dropped-down part). If
+    // unspecified, the appropriate child element is used as
+    // in the dropped-down menu.
+    getShortOption?(value: string): ReactNode;
+}
+
+interface IState {
+    expanded: boolean;
+    highlightedOption: string;
+    searchQuery: string;
+}
+
+/*
+ * Reusable dropdown select control, akin to react-select,
+ * but somewhat simpler as react-select is 79KB of minified
+ * javascript.
+ */
+export default class Dropdown extends React.Component<DropdownProps, IState> {
+    private readonly buttonRef = createRef<HTMLDivElement>();
+    private dropdownRootElement: HTMLDivElement | null = null;
+    private ignoreEvent: MouseEvent | null = null;
+    private childrenByKey: Record<string, ReactNode> = {};
+
+    public constructor(props: DropdownProps) {
+        super(props);
+
+        this.reindexChildren(this.props.children);
+
+        const firstChild = props.children[0];
+
+        this.state = {
+            // True if the menu is dropped-down
+            expanded: false,
+            // The key of the highlighted option
+            // (the option that would become selected if you pressed enter)
+            highlightedOption: firstChild.key,
+            // the current search query
+            searchQuery: "",
+        };
+    }
+
+    public componentDidMount(): void {
+        // Listen for all clicks on the document so we can close the
+        // menu when the user clicks somewhere else
+        document.addEventListener("click", this.onDocumentClick, false);
+    }
+
+    public componentDidUpdate(prevProps: Readonly<DropdownProps>): void {
+        if (objectHasDiff(this.props, prevProps) && this.props.children?.length) {
+            this.reindexChildren(this.props.children);
+            const firstChild = this.props.children[0];
+            this.setState({
+                highlightedOption: firstChild.key,
+            });
+        }
+    }
+
+    public componentWillUnmount(): void {
+        document.removeEventListener("click", this.onDocumentClick, false);
+    }
+
+    private reindexChildren(children: ReactElement[]): void {
+        this.childrenByKey = {};
+        React.Children.forEach(children, (child) => {
+            this.childrenByKey[(child as DropdownProps["children"][number]).key] = child;
+        });
+    }
+
+    private onDocumentClick = (ev: MouseEvent): void => {
+        // Close the dropdown if the user clicks anywhere that isn't
+        // within our root element
+        if (ev !== this.ignoreEvent) {
+            this.setState({
+                expanded: false,
+            });
+        }
+    };
+
+    private onRootClick = (ev: MouseEvent): void => {
+        // This captures any clicks that happen within our elements,
+        // such that we can then ignore them when they're seen by the
+        // click listener on the document handler, ie. not close the
+        // dropdown immediately after opening it.
+        // NB. We can't just stopPropagation() because then the event
+        // doesn't reach the React onClick().
+        this.ignoreEvent = ev;
+    };
+
+    private onAccessibleButtonClick = (ev: ButtonEvent): void => {
+        if (this.props.disabled) return;
+
+        const action = getKeyBindingsManager().getAccessibilityAction(ev as React.KeyboardEvent);
+
+        if (!this.state.expanded) {
+            this.setState({ expanded: true });
+            ev.preventDefault();
+        } else if (action === KeyBindingAction.Enter) {
+            // the accessible button consumes enter onKeyDown for firing onClick, so handle it here
+            this.props.onOptionChange(this.state.highlightedOption);
+            this.close();
+        } else if (!(ev as React.KeyboardEvent).key) {
+            // collapse on other non-keyboard event activations
+            this.setState({ expanded: false });
+            ev.preventDefault();
+        }
+    };
+
+    private close(): void {
+        this.setState({
+            expanded: false,
+        });
+        // their focus was on the input, its getting unmounted, move it to the button
+        if (this.buttonRef.current) {
+            this.buttonRef.current.focus();
+        }
+    }
+
+    private onMenuOptionClick = (dropdownKey: string): void => {
+        this.close();
+        this.props.onOptionChange(dropdownKey);
+    };
+
+    private onKeyDown = (e: React.KeyboardEvent): void => {
+        let handled = true;
+
+        // These keys don't generate keypress events and so needs to be on keyup
+        const action = getKeyBindingsManager().getAccessibilityAction(e);
+        switch (action) {
+            case KeyBindingAction.Enter:
+                this.props.onOptionChange(this.state.highlightedOption);
+            // fallthrough
+            case KeyBindingAction.Escape:
+                this.close();
+                break;
+            case KeyBindingAction.ArrowDown:
+                if (this.state.expanded) {
+                    const nextKey = this.nextOption(this.state.highlightedOption);
+                    this.setState({
+                        highlightedOption: nextKey,
+                    });
+
+                    this.dropdownRootElement?.querySelector<HTMLLIElement>(`#${this.props.id}__${nextKey}`)?.focus();
+                } else {
+                    this.setState({ expanded: true });
+                }
+                break;
+            case KeyBindingAction.ArrowUp:
+                if (this.state.expanded) {
+                    const prevKey = this.prevOption(this.state.highlightedOption);
+                    this.setState({
+                        highlightedOption: prevKey,
+                    });
+                    this.dropdownRootElement?.querySelector<HTMLLIElement>(`#${this.props.id}__${prevKey}`)?.focus();
+                } else {
+                    this.setState({ expanded: true });
+                }
+                break;
+            default:
+                handled = false;
+        }
+
+        if (handled) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+    };
+
+    private onInputChange = (e: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            searchQuery: e.currentTarget.value,
+        });
+        if (this.props.onSearchChange) {
+            this.props.onSearchChange(e.currentTarget.value);
+        }
+    };
+
+    private collectRoot = (e: HTMLDivElement): void => {
+        if (this.dropdownRootElement) {
+            this.dropdownRootElement.removeEventListener("click", this.onRootClick, false);
+        }
+        if (e) {
+            e.addEventListener("click", this.onRootClick, false);
+        }
+        this.dropdownRootElement = e;
+    };
+
+    private setHighlightedOption = (optionKey: string): void => {
+        this.setState({
+            highlightedOption: optionKey,
+        });
+    };
+
+    private nextOption(optionKey: string): string {
+        const keys = Object.keys(this.childrenByKey);
+        const index = keys.indexOf(optionKey);
+        return keys[(index + 1) % keys.length];
+    }
+
+    private prevOption(optionKey: string): string {
+        const keys = Object.keys(this.childrenByKey);
+        const index = keys.indexOf(optionKey);
+        return keys[index <= 0 ? keys.length - 1 : (index - 1) % keys.length];
+    }
+
+    private scrollIntoView(this: void, node: Element | null): void {
+        node?.scrollIntoView({
+            block: "nearest",
+            behavior: "auto",
+        });
+    }
+
+    private getMenuOptions(): JSX.Element[] {
+        const options = React.Children.map(this.props.children, (child: ReactElement) => {
+            const highlighted = this.state.highlightedOption === child.key;
+            return (
+                <MenuOption
+                    id={`${this.props.id}__${child.key}`}
+                    key={child.key}
+                    dropdownKey={child.key!}
+                    highlighted={highlighted}
+                    onMouseEnter={this.setHighlightedOption}
+                    onClick={this.onMenuOptionClick}
+                    inputRef={highlighted ? this.scrollIntoView : undefined}
+                >
+                    {child}
+                </MenuOption>
+            );
+        });
+        if (!options?.length) {
+            return [
+                <li key="0" className="mx_Dropdown_option" role="option" aria-selected={false}>
+                    {_t("common|no_results")}
+                </li>,
+            ];
+        }
+        return options;
+    }
+
+    public render(): React.ReactNode {
+        let currentValue: JSX.Element | undefined;
+
+        const menuStyle: CSSProperties = {};
+        if (this.props.menuWidth) menuStyle.width = this.props.menuWidth;
+
+        let menu: JSX.Element | undefined;
+        if (this.state.expanded) {
+            if (this.props.searchEnabled) {
+                currentValue = (
+                    <input
+                        id={`${this.props.id}_input`}
+                        type="text"
+                        autoFocus={true}
+                        autoComplete={this.props.autoComplete}
+                        className="mx_Dropdown_option"
+                        onChange={this.onInputChange}
+                        value={this.state.searchQuery}
+                        role="combobox"
+                        aria-autocomplete="list"
+                        aria-activedescendant={`${this.props.id}__${this.state.highlightedOption}`}
+                        aria-expanded={this.state.expanded}
+                        aria-controls={`${this.props.id}_listbox`}
+                        aria-disabled={this.props.disabled}
+                        aria-label={this.props.label}
+                        onKeyDown={this.onKeyDown}
+                    />
+                );
+            }
+            menu = (
+                <ul className="mx_Dropdown_menu" style={menuStyle} role="listbox" id={`${this.props.id}_listbox`}>
+                    {this.getMenuOptions()}
+                </ul>
+            );
+        }
+
+        if (!currentValue) {
+            let selectedChild: ReactNode | undefined;
+            if (this.props.value) {
+                selectedChild = this.props.getShortOption
+                    ? this.props.getShortOption(this.props.value)
+                    : this.childrenByKey[this.props.value];
+            }
+
+            currentValue = (
+                <div className="mx_Dropdown_option" id={`${this.props.id}_value`}>
+                    {selectedChild || this.props.placeholder}
+                </div>
+            );
+        }
+
+        const dropdownClasses = classnames("mx_Dropdown", this.props.className, {
+            mx_Dropdown_disabled: !!this.props.disabled,
+        });
+
+        // Note the menu sits inside the AccessibleButton div so it's anchored
+        // to the input, but overflows below it. The root contains both.
+        return (
+            <div className={dropdownClasses} ref={this.collectRoot}>
+                <AccessibleButton
+                    className="mx_Dropdown_input mx_no_textinput"
+                    onClick={this.onAccessibleButtonClick}
+                    aria-haspopup="listbox"
+                    aria-expanded={this.state.expanded}
+                    disabled={this.props.disabled}
+                    ref={this.buttonRef}
+                    aria-label={this.props.label}
+                    aria-describedby={`${this.props.id}_value`}
+                    aria-owns={`${this.props.id}_input`}
+                    onKeyDown={this.onKeyDown}
+                >
+                    {currentValue}
+                    <ChevronDownIcon className="mx_Dropdown_arrow" />
+                    {menu}
+                </AccessibleButton>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/EditableItemList.tsx b/apps/web/src/components/views/elements/EditableItemList.tsx
new file mode 100644
index 00000000000..2e0981313ca
--- /dev/null
+++ b/apps/web/src/components/views/elements/EditableItemList.tsx
@@ -0,0 +1,165 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-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 ChangeEvent } from "react";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import Field from "./Field";
+import AccessibleButton, { type ButtonEvent } from "./AccessibleButton";
+
+interface IItemProps {
+    index: number;
+    value?: string;
+    onRemove?(index: number): void;
+}
+
+interface IItemState {
+    verifyRemove: boolean;
+}
+
+export class EditableItem extends React.Component<IItemProps, IItemState> {
+    public state = {
+        verifyRemove: false,
+    };
+
+    private onRemove = (e: ButtonEvent): void => {
+        e.stopPropagation();
+        e.preventDefault();
+
+        this.setState({ verifyRemove: true });
+    };
+
+    private onDontRemove = (e: ButtonEvent): void => {
+        e.stopPropagation();
+        e.preventDefault();
+
+        this.setState({ verifyRemove: false });
+    };
+
+    private onActuallyRemove = (e: ButtonEvent): void => {
+        e.stopPropagation();
+        e.preventDefault();
+
+        if (this.props.onRemove) this.props.onRemove(this.props.index);
+        this.setState({ verifyRemove: false });
+    };
+
+    public render(): React.ReactNode {
+        if (this.state.verifyRemove) {
+            return (
+                <div className="mx_EditableItem">
+                    <span className="mx_EditableItem_promptText">{_t("common|are_you_sure")}</span>
+                    <AccessibleButton
+                        onClick={this.onActuallyRemove}
+                        kind="primary_sm"
+                        className="mx_EditableItem_confirmBtn"
+                    >
+                        {_t("action|yes")}
+                    </AccessibleButton>
+                    <AccessibleButton
+                        onClick={this.onDontRemove}
+                        kind="danger_sm"
+                        className="mx_EditableItem_confirmBtn"
+                    >
+                        {_t("action|no")}
+                    </AccessibleButton>
+                </div>
+            );
+        }
+
+        return (
+            <div className="mx_EditableItem">
+                <AccessibleButton
+                    onClick={this.onRemove}
+                    className="mx_EditableItem_delete"
+                    title={_t("action|remove")}
+                >
+                    <CloseIcon />
+                </AccessibleButton>
+                <span className="mx_EditableItem_item">{this.props.value}</span>
+            </div>
+        );
+    }
+}
+
+interface IProps {
+    id: string;
+    items: string[];
+    itemsLabel?: string;
+    noItemsLabel?: string;
+    placeholder?: string;
+    newItem?: string;
+    canEdit?: boolean;
+    canRemove?: boolean;
+    suggestionsListId?: string;
+    onItemAdded?(item?: string): void;
+    onItemRemoved?(index: number): void;
+    onNewItemChanged?(item: string): void;
+}
+
+export default class EditableItemList<P extends object> extends React.PureComponent<IProps & P> {
+    protected onItemAdded = (e: ButtonEvent): void => {
+        e.stopPropagation();
+        e.preventDefault();
+
+        this.props.onItemAdded?.(this.props.newItem);
+    };
+
+    protected onItemRemoved = (index: number): void => {
+        this.props.onItemRemoved?.(index);
+    };
+
+    protected onNewItemChanged = (e: ChangeEvent<HTMLInputElement>): void => {
+        this.props.onNewItemChanged?.(e.target.value);
+    };
+
+    protected renderNewItemField(): JSX.Element {
+        return (
+            <form
+                onSubmit={this.onItemAdded}
+                autoComplete="off"
+                noValidate={true}
+                className="mx_EditableItemList_newItem"
+            >
+                <Field
+                    label={this.props.placeholder}
+                    type="text"
+                    autoComplete="off"
+                    value={this.props.newItem || ""}
+                    onChange={this.onNewItemChanged}
+                    list={this.props.suggestionsListId}
+                />
+                <AccessibleButton onClick={this.onItemAdded} kind="primary" disabled={!this.props.newItem}>
+                    {_t("action|add")}
+                </AccessibleButton>
+            </form>
+        );
+    }
+
+    public render(): React.ReactNode {
+        const editableItems = this.props.items.map((item, index) => {
+            if (!this.props.canRemove) {
+                return <li key={item}>{item}</li>;
+            }
+
+            return <EditableItem key={item} index={index} value={item} onRemove={this.onItemRemoved} />;
+        });
+
+        const editableItemsSection = this.props.canRemove ? editableItems : <ul>{editableItems}</ul>;
+        const label = this.props.items.length > 0 ? this.props.itemsLabel : this.props.noItemsLabel;
+
+        return (
+            <div className="mx_EditableItemList" id={this.props.id}>
+                <div className="mx_EditableItemList_label">{label}</div>
+                {editableItemsSection}
+                {this.props.canEdit ? this.renderNewItemField() : <div />}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/EditableText.tsx b/apps/web/src/components/views/elements/EditableText.tsx
new file mode 100644
index 00000000000..1538dca0159
--- /dev/null
+++ b/apps/web/src/components/views/elements/EditableText.tsx
@@ -0,0 +1,227 @@
+/*
+Copyright 2018-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.
+*/
+
+import React, { createRef } from "react";
+
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+
+enum Phases {
+    Display = "display",
+    Edit = "edit",
+}
+
+interface IProps {
+    onValueChanged?: (value: string, shouldSubmit: boolean) => void;
+    initialValue: string;
+    label: string;
+    placeholder: string;
+    className: string;
+    labelClassName?: string;
+    placeholderClassName: string;
+    // Overrides blurToSubmit if true
+    blurToCancel?: boolean;
+    // Will cause onValueChanged(value, true) to fire on blur
+    blurToSubmit: boolean;
+    editable: boolean;
+}
+
+interface IState {
+    phase: Phases;
+}
+
+export default class EditableText extends React.Component<IProps, IState> {
+    // we track value as an JS object field rather than in React state
+    // as React doesn't play nice with contentEditable.
+    public value = "";
+    private placeholder = false;
+    private editableDiv = createRef<HTMLDivElement>();
+
+    public static defaultProps: Partial<IProps> = {
+        onValueChanged() {},
+        initialValue: "",
+        label: "",
+        placeholder: "",
+        editable: true,
+        className: "mx_EditableText",
+        placeholderClassName: "mx_EditableText_placeholder",
+        blurToSubmit: false,
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            phase: Phases.Display,
+        };
+    }
+
+    public componentDidUpdate(prevProps: Readonly<IProps>): void {
+        if (prevProps.initialValue !== this.props.initialValue) {
+            this.value = this.props.initialValue;
+            if (this.editableDiv.current) {
+                this.showPlaceholder(!this.value);
+            }
+        }
+    }
+
+    public componentDidMount(): void {
+        this.value = this.props.initialValue;
+        if (this.editableDiv.current) {
+            this.showPlaceholder(!this.value);
+        }
+    }
+
+    private showPlaceholder = (show: boolean): void => {
+        if (!this.editableDiv.current) return;
+        if (show) {
+            this.editableDiv.current.textContent = this.props.placeholder;
+            this.editableDiv.current.setAttribute(
+                "class",
+                this.props.className + " " + this.props.placeholderClassName,
+            );
+            this.placeholder = true;
+            this.value = "";
+        } else {
+            this.editableDiv.current.textContent = this.value;
+            this.editableDiv.current.setAttribute("class", this.props.className);
+            this.placeholder = false;
+        }
+    };
+
+    private cancelEdit = (): void => {
+        this.setState({
+            phase: Phases.Display,
+        });
+        this.value = this.props.initialValue;
+        this.showPlaceholder(!this.value);
+        this.onValueChanged(false);
+        this.editableDiv.current?.blur();
+    };
+
+    private onValueChanged = (shouldSubmit: boolean): void => {
+        this.props.onValueChanged?.(this.value, shouldSubmit);
+    };
+
+    private onKeyDown = (ev: React.KeyboardEvent<HTMLDivElement>): void => {
+        if (this.placeholder) {
+            this.showPlaceholder(false);
+        }
+
+        const action = getKeyBindingsManager().getAccessibilityAction(ev);
+        switch (action) {
+            case KeyBindingAction.Enter:
+                ev.stopPropagation();
+                ev.preventDefault();
+                break;
+        }
+    };
+
+    private onKeyUp = (ev: React.KeyboardEvent<HTMLDivElement>): void => {
+        if (!(ev.target as HTMLDivElement).textContent) {
+            this.showPlaceholder(true);
+        } else if (!this.placeholder) {
+            this.value = (ev.target as HTMLDivElement).textContent ?? "";
+        }
+
+        const action = getKeyBindingsManager().getAccessibilityAction(ev);
+        switch (action) {
+            case KeyBindingAction.Escape:
+                this.cancelEdit();
+                break;
+            case KeyBindingAction.Enter:
+                this.onFinish(ev);
+                break;
+        }
+    };
+
+    private onClickDiv = (): void => {
+        if (!this.props.editable) return;
+
+        this.setState({
+            phase: Phases.Edit,
+        });
+    };
+
+    private onFocus = (ev: React.FocusEvent<HTMLDivElement>): void => {
+        const node = ev.target.childNodes[0];
+        if (node) {
+            const range = document.createRange();
+            range.setStart(node, 0);
+            range.setEnd(node, ev.target.childNodes.length);
+
+            const sel = window.getSelection()!;
+            sel.removeAllRanges();
+            sel.addRange(range);
+        }
+    };
+
+    private onFinish = (
+        ev: React.KeyboardEvent<HTMLDivElement> | React.FocusEvent<HTMLDivElement>,
+        shouldSubmit = false,
+    ): void => {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        const self = this;
+        const action = getKeyBindingsManager().getAccessibilityAction(ev as React.KeyboardEvent);
+        const submit = action === KeyBindingAction.Enter || shouldSubmit;
+        this.setState(
+            {
+                phase: Phases.Display,
+            },
+            () => {
+                if (this.value !== this.props.initialValue) {
+                    self.onValueChanged(submit);
+                }
+            },
+        );
+    };
+
+    private onBlur = (ev: React.FocusEvent<HTMLDivElement>): void => {
+        const sel = window.getSelection()!;
+        sel.removeAllRanges();
+
+        if (this.props.blurToCancel) {
+            this.cancelEdit();
+        } else {
+            this.onFinish(ev, this.props.blurToSubmit);
+        }
+
+        this.showPlaceholder(!this.value);
+    };
+
+    public render(): React.ReactNode {
+        const { className, editable, initialValue, label, labelClassName } = this.props;
+        let editableEl;
+
+        if (!editable || (this.state.phase === Phases.Display && (label || labelClassName) && !this.value)) {
+            // show the label
+            editableEl = (
+                // We break the rule here as this is a mouse-only shortcut
+                // oxlint-disable-next-line jsx-a11y/click-events-have-key-events
+                <div className={className + " " + labelClassName} onClick={this.onClickDiv}>
+                    {label || initialValue}
+                </div>
+            );
+        } else {
+            // show the content editable div, but manually manage its contents as react and contentEditable don't play nice together
+            editableEl = (
+                <div
+                    ref={this.editableDiv}
+                    contentEditable={true}
+                    className={className}
+                    onKeyDown={this.onKeyDown}
+                    onKeyUp={this.onKeyUp}
+                    onFocus={this.onFocus}
+                    onBlur={this.onBlur}
+                />
+            );
+        }
+
+        return editableEl;
+    }
+}
diff --git a/apps/web/src/components/views/elements/EffectsOverlay.tsx b/apps/web/src/components/views/elements/EffectsOverlay.tsx
new file mode 100644
index 00000000000..6c154d218af
--- /dev/null
+++ b/apps/web/src/components/views/elements/EffectsOverlay.tsx
@@ -0,0 +1,106 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 Nurjin Jafar
+Copyright 2020 Nordeck IT + Consulting GmbH.
+
+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 FunctionComponent, useEffect, useRef } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import dis from "../../../dispatcher/dispatcher";
+import type ICanvasEffect from "../../../effects/ICanvasEffect";
+import { CHAT_EFFECTS } from "../../../effects";
+import UIStore, { UI_EVENTS } from "../../../stores/UIStore";
+
+interface IProps {
+    roomWidth: number;
+}
+
+const EffectsOverlay: FunctionComponent<IProps> = ({ roomWidth }) => {
+    const canvasRef = useRef<HTMLCanvasElement>(null);
+    const effectsRef = useRef<Map<string, ICanvasEffect>>(new Map<string, ICanvasEffect>());
+
+    const lazyLoadEffectModule = async (name: string): Promise<ICanvasEffect | null> => {
+        if (!name) return null;
+        let effect: ICanvasEffect | null = effectsRef.current.get(name) || null;
+        if (effect === null) {
+            const definition = CHAT_EFFECTS.find((e) => e.command === name)!;
+            try {
+                effect = await definition.getRenderer();
+                effectsRef.current.set(name, effect);
+            } catch (err) {
+                logger.warn(`Unable to run effect module.`, err);
+            }
+        }
+        return effect;
+    };
+
+    useEffect(() => {
+        const resize = (): void => {
+            if (canvasRef.current && canvasRef.current?.height !== UIStore.instance.windowHeight) {
+                canvasRef.current.height = UIStore.instance.windowHeight;
+            }
+        };
+        const onAction = (payload: { action: string; event?: MatrixEvent }): void => {
+            const actionPrefix = "effects.";
+            const isOutdated = isEventOutdated(payload.event);
+            if (canvasRef.current && payload.action.startsWith(actionPrefix) && !isOutdated) {
+                const effect = payload.action.slice(actionPrefix.length);
+                lazyLoadEffectModule(effect).then((module) => module?.start(canvasRef.current!));
+            }
+        };
+        const dispatcherRef = dis.register(onAction);
+        const canvas = canvasRef.current;
+        if (canvas) canvas.height = UIStore.instance.windowHeight;
+        UIStore.instance.on(UI_EVENTS.Resize, resize);
+
+        const currentEffects = effectsRef.current; // this is not a react node ref, warning can be safely ignored
+        return () => {
+            dis.unregister(dispatcherRef);
+            UIStore.instance.off(UI_EVENTS.Resize, resize);
+            for (const effect in currentEffects) {
+                const effectModule: ICanvasEffect = currentEffects.get(effect)!;
+                if (effectModule && effectModule.isRunning) {
+                    effectModule.stop();
+                }
+            }
+        };
+    }, []);
+
+    return (
+        <canvas
+            ref={canvasRef}
+            width={roomWidth}
+            style={{
+                display: "block",
+                zIndex: 999999,
+                pointerEvents: "none",
+                position: "fixed",
+                top: 0,
+                right: 0,
+            }}
+            aria-hidden={true}
+        />
+    );
+};
+
+export default EffectsOverlay;
+
+// 48 hours
+// 48h * 60m * 60s * 1000ms
+const OUTDATED_EVENT_THRESHOLD = 48 * 60 * 60 * 1000;
+
+/**
+ * Return true if the event is older than 48h.
+ * @param event
+ */
+function isEventOutdated(event?: MatrixEvent): boolean {
+    if (!event) return false;
+
+    const nowTs = Date.now();
+    const eventTs = event.getTs();
+    return nowTs - eventTs > OUTDATED_EVENT_THRESHOLD;
+}
diff --git a/apps/web/src/components/views/elements/ErrorBoundary.tsx b/apps/web/src/components/views/elements/ErrorBoundary.tsx
new file mode 100644
index 00000000000..ae5e3f93bf1
--- /dev/null
+++ b/apps/web/src/components/views/elements/ErrorBoundary.tsx
@@ -0,0 +1,118 @@
+/*
+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 JSX, type ErrorInfo, type ReactNode } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../languageHandler";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import PlatformPeg from "../../../PlatformPeg";
+import SdkConfig from "../../../SdkConfig";
+import AccessibleButton from "./AccessibleButton";
+import { BugReportDialogButton } from "./BugReportDialogButton";
+
+interface Props {
+    children: ReactNode;
+}
+
+interface IState {
+    error?: Error;
+}
+
+/**
+ * This error boundary component can be used to wrap large content areas and
+ * catch exceptions during rendering in the component tree below them.
+ */
+export default class ErrorBoundary extends React.PureComponent<Props, IState> {
+    public constructor(props: Props) {
+        super(props);
+
+        this.state = {};
+    }
+
+    public static getDerivedStateFromError(error: Error): Partial<IState> {
+        // Side effects are not permitted here, so we only update the state so
+        // that the next render shows an error message.
+        return { error };
+    }
+
+    public componentDidCatch(error: Error, { componentStack }: ErrorInfo): void {
+        // Browser consoles are better at formatting output when native errors are passed
+        // in their own `console.error` invocation.
+        logger.error(error);
+        logger.error("The above error occurred while React was rendering the following components:", componentStack);
+    }
+
+    private onClearCacheAndReload = (): void => {
+        if (!PlatformPeg.get()) return;
+
+        MatrixClientPeg.safeGet().stopClient();
+        MatrixClientPeg.safeGet()
+            .store.deleteAllData()
+            .then(() => {
+                PlatformPeg.get()?.reload();
+            });
+    };
+
+    public render(): ReactNode {
+        if (this.state.error) {
+            const newIssueUrl = SdkConfig.get().feedback.new_issue_url;
+
+            let bugReportSection;
+            if (SdkConfig.get().bug_report_endpoint_url) {
+                bugReportSection = (
+                    <React.Fragment>
+                        <p>
+                            {_t(
+                                "bug_reporting|create_new_issue",
+                                {},
+                                {
+                                    newIssueLink: (sub) => {
+                                        return (
+                                            <a target="_blank" rel="noreferrer noopener" href={newIssueUrl}>
+                                                {sub}
+                                            </a>
+                                        );
+                                    },
+                                },
+                            )}
+                        </p>
+                        <p>
+                            {_t("bug_reporting|introduction")}
+                            &nbsp;
+                            {_t("bug_reporting|description")}
+                        </p>
+                        <BugReportDialogButton error={this.state.error} label="react-soft-crash" />
+                    </React.Fragment>
+                );
+            }
+
+            let clearCacheButton: JSX.Element | undefined;
+            // we only show this button if there is an initialised MatrixClient otherwise we can't clear the cache
+            if (MatrixClientPeg.get()) {
+                clearCacheButton = (
+                    <AccessibleButton onClick={this.onClearCacheAndReload} kind="danger">
+                        {_t("setting|help_about|clear_cache_reload")}
+                    </AccessibleButton>
+                );
+            }
+
+            return (
+                <div className="mx_ErrorBoundary">
+                    <div className="mx_ErrorBoundary_body">
+                        <h1>{_t("error|something_went_wrong")}</h1>
+                        {bugReportSection}
+                        {clearCacheButton}
+                    </div>
+                </div>
+            );
+        }
+
+        return this.props.children;
+    }
+}
diff --git a/apps/web/src/components/views/elements/EventListSummary.tsx b/apps/web/src/components/views/elements/EventListSummary.tsx
new file mode 100644
index 00000000000..ed0acb2b385
--- /dev/null
+++ b/apps/web/src/components/views/elements/EventListSummary.tsx
@@ -0,0 +1,655 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 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.
+*/
+
+import React, { type ReactElement, type ComponentProps, type ReactNode } from "react";
+import { EventType, type MatrixEvent, MatrixEventEvent, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { throttle } from "lodash";
+
+import { _t } from "../../../languageHandler";
+import { formatList } from "../../../utils/FormattingUtils";
+import { isValid3pidInvite } from "../../../RoomInvite";
+import GenericEventListSummary from "./GenericEventListSummary";
+import { RightPanelPhases } from "../../../stores/right-panel/RightPanelStorePhases";
+import { jsxJoin } from "../../../utils/ReactUtils";
+import { Layout } from "../../../settings/enums/Layout";
+import RightPanelStore from "../../../stores/right-panel/RightPanelStore";
+import AccessibleButton from "./AccessibleButton";
+import RoomContext from "../../../contexts/RoomContext";
+import { arrayHasDiff } from "../../../utils/arrays.ts";
+import { objectHasDiff } from "../../../utils/objects.ts";
+import Spoiler from "./Spoiler.tsx";
+
+const onPinnedMessagesClick = (): void => {
+    RightPanelStore.instance.setCard({ phase: RightPanelPhases.PinnedMessages }, false);
+};
+
+const TARGET_AS_DISPLAY_NAME_EVENTS = [EventType.RoomMember];
+
+/**
+ * Whether a profile field on a membership event actually changed.
+ *
+ * An absent field, an explicit `null` and an empty string all mean "unset", so none of them is a
+ * change from any of the others. This mirrors `getModification` in `TextForEvent`, which labels the
+ * same event when it is rendered on its own — without it a collapsed summary can contradict the
+ * events it summarises.
+ */
+function profileFieldChanged(prev?: string | null, value?: string | null): boolean {
+    return (prev || undefined) !== (value || undefined);
+}
+
+interface IProps extends Omit<ComponentProps<typeof GenericEventListSummary>, "summaryText" | "summaryMembers"> {
+    // The maximum number of names to show in either each summary e.g. 2 would result "A, B and 234 others left"
+    summaryLength?: number;
+    // The maximum number of avatars to display in the summary
+    avatarsMaxLength?: number;
+    // The currently selected layout
+    layout: Layout;
+}
+
+interface IUserEvents {
+    // The original event
+    mxEvent: MatrixEvent;
+    // The display name of the user (if not, then user ID)
+    displayName: string;
+    // The original index of the event in this.props.events
+    index: number;
+}
+
+enum TransitionType {
+    Joined = "joined",
+    Left = "left",
+    JoinedAndLeft = "joined_and_left",
+    LeftAndJoined = "left_and_joined",
+    InviteReject = "invite_reject",
+    InviteWithdrawal = "invite_withdrawal",
+    Invited = "invited",
+    Banned = "banned",
+    Unbanned = "unbanned",
+    Kicked = "kicked",
+    ChangedName = "changed_name",
+    ChangedAvatar = "changed_avatar",
+    NoChange = "no_change",
+    ChangedPins = "pinned_messages",
+    MessageRemoved = "message_removed",
+    HiddenEvent = "hidden_event",
+}
+
+const SEP = ",";
+
+type Props = IProps & Required<Pick<IProps, "summaryLength" | "threshold" | "avatarsMaxLength" | "layout">>;
+
+interface State {
+    userEvents: Record<string, IUserEvents[]>;
+    summaryMembers: RoomMember[];
+}
+
+export default class EventListSummary extends React.Component<Props, State> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    public static defaultProps = {
+        summaryLength: 1,
+        threshold: 3,
+        avatarsMaxLength: 5,
+        layout: Layout.Group,
+    };
+
+    public constructor(props: Props) {
+        super(props);
+
+        this.state = this.generateState();
+    }
+
+    private generateState(): State {
+        const eventsToRender = this.props.events;
+
+        // Map user IDs to latest Avatar Member. ES6 Maps are ordered by when the key was created,
+        // so this works perfectly for us to match event order whilst storing the latest Avatar Member
+        const latestUserAvatarMember = new Map<string, RoomMember>();
+
+        // Object mapping user IDs to an array of IUserEvents
+        const userEvents: Record<string, IUserEvents[]> = {};
+        eventsToRender.forEach((e, index) => {
+            const type = e.getType();
+
+            let userKey = e.getSender()!;
+            if (e.isState() && type === EventType.RoomThirdPartyInvite) {
+                userKey = e.getContent().display_name;
+            } else if (e.isState() && type === EventType.RoomMember) {
+                userKey = e.getStateKey()!;
+            } else if (e.isRedacted() && e.getUnsigned()?.redacted_because) {
+                userKey = e.getUnsigned().redacted_because!.sender;
+            }
+
+            // Initialise a user's events
+            if (!userEvents[userKey]) {
+                userEvents[userKey] = [];
+            }
+
+            let displayName = userKey;
+            if (e.isRedacted()) {
+                const sender = this.context?.room?.getMember(userKey);
+                if (sender) {
+                    displayName = sender.name;
+                    latestUserAvatarMember.set(userKey, sender);
+                }
+            } else if (e.target && TARGET_AS_DISPLAY_NAME_EVENTS.includes(type as EventType)) {
+                displayName = e.target.name;
+                latestUserAvatarMember.set(userKey, e.target);
+            } else if (e.sender && type !== EventType.RoomThirdPartyInvite) {
+                displayName = e.sender.name;
+                latestUserAvatarMember.set(userKey, e.sender);
+            }
+
+            userEvents[userKey].push({
+                mxEvent: e,
+                displayName,
+                index: index,
+            });
+        });
+
+        return {
+            userEvents,
+            summaryMembers: Array.from(latestUserAvatarMember.values()),
+        };
+    }
+
+    public componentDidMount(): void {
+        this.bindSentinelListeners(this.props.events);
+    }
+
+    public componentDidUpdate(prevProps: Readonly<Props>): void {
+        if (prevProps.events !== this.props.events) {
+            this.unbindSentinelListeners(prevProps.events);
+            this.bindSentinelListeners(this.props.events);
+            this.setState(this.generateState());
+        }
+    }
+
+    public componentWillUnmount(): void {
+        this.unbindSentinelListeners(this.props.events);
+    }
+
+    private bindSentinelListeners(events: MatrixEvent[]): void {
+        for (const event of events) {
+            event.on(MatrixEventEvent.SentinelUpdated, this.onEventSentinelUpdated);
+        }
+    }
+
+    private unbindSentinelListeners(events: MatrixEvent[]): void {
+        for (const event of events) {
+            event.off(MatrixEventEvent.SentinelUpdated, this.onEventSentinelUpdated);
+        }
+    }
+
+    private onEventSentinelUpdated = throttle(
+        (): void => {
+            this.setState(this.generateState());
+        },
+        500,
+        { leading: true, trailing: true },
+    );
+
+    public shouldComponentUpdate(nextProps: Props, nextState: State): boolean {
+        // Update if
+        //  - The number of summarised events has changed
+        //  - or if the summary is about to toggle to become collapsed
+        //  - or if there are fewEvents, meaning the child eventTiles are shown as-is
+        //  - or if the summary members have changed
+        //  - or if the one of IUserEvents within userEvents have changed
+        return (
+            nextProps.events.length !== this.props.events.length ||
+            nextProps.events.length < this.props.threshold ||
+            nextProps.layout !== this.props.layout ||
+            arrayHasDiff(nextState.summaryMembers, this.state.summaryMembers) ||
+            arrayHasDiff(Object.values(nextState.userEvents), Object.values(this.state.userEvents)) ||
+            Object.keys(nextState.userEvents).length !== Object.keys(this.state.userEvents).length ||
+            Object.keys(nextState.userEvents).some((userId) =>
+                nextState.userEvents[userId].some((event, i) =>
+                    objectHasDiff(event, this.state.userEvents[userId]?.[i] ?? {}),
+                ),
+            )
+        );
+    }
+
+    /**
+     * Generate the text for users aggregated by their transition sequences (`eventAggregates`) where
+     * the sequences are ordered by `orderedTransitionSequences`.
+     * @param {object} eventAggregates a map of transition sequence to array of user display names
+     * or user IDs.
+     * @param {string[]} orderedTransitionSequences an array which is some ordering of
+     * `Object.keys(eventAggregates)`.
+     * @returns {string} the textual summary of the aggregated events that occurred.
+     */
+    private generateSummary(
+        eventAggregates: Record<string, string[]>,
+        orderedTransitionSequences: string[],
+    ): ReactNode {
+        const summaries = orderedTransitionSequences.map((transitions) => {
+            const userNames = eventAggregates[transitions];
+            let spoileredUserNames: ReactElement[];
+
+            if (containsBanned(transitions)) {
+                spoileredUserNames = userNames.map((u) => <Spoiler key={u}>{u}</Spoiler>);
+            } else {
+                spoileredUserNames = userNames.map((u) => <>{u}</>);
+            }
+
+            const nameList = this.renderNameList(spoileredUserNames);
+
+            const splitTransitions = transitions.split(SEP) as TransitionType[];
+
+            // Some neighbouring transitions are common, so canonicalise some into "pair"
+            // transitions
+            const canonicalTransitions = EventListSummary.getCanonicalTransitions(splitTransitions);
+            // Transform into consecutive repetitions of the same transition (like 5
+            // consecutive 'joined_and_left's)
+            const coalescedTransitions = EventListSummary.coalesceRepeatedTransitions(canonicalTransitions);
+
+            const descs = coalescedTransitions.map((t) => {
+                return EventListSummary.getDescriptionForTransition(
+                    t.transitionType,
+                    spoileredUserNames.length,
+                    t.repeats,
+                );
+            });
+
+            const desc = formatList(descs);
+
+            return _t("timeline|summary|format", { nameList, transitionList: desc });
+        });
+
+        if (!summaries) {
+            return null;
+        }
+
+        return jsxJoin(summaries, ", ");
+    }
+
+    /**
+     * @param {string[]} users an array of user display names or user IDs.
+     * @returns {string} a comma-separated list that ends with "and [n] others" if there are
+     * more items in `users` than `this.props.summaryLength`, which is the number of names
+     * included before "and [n] others".
+     */
+    private renderNameList(users: ReactElement[]): ReactElement {
+        return formatList(users, this.props.summaryLength);
+    }
+
+    /**
+     * Canonicalise an array of transitions such that some pairs of transitions become
+     * single transitions. For example an input ['joined','left'] would result in an output
+     * ['joined_and_left'].
+     * @param {string[]} transitions an array of transitions.
+     * @returns {string[]} an array of transitions.
+     */
+    private static getCanonicalTransitions(transitions: TransitionType[]): TransitionType[] {
+        const modMap: Partial<
+            Record<
+                TransitionType,
+                {
+                    after: TransitionType;
+                    newTransition: TransitionType;
+                }
+            >
+        > = {
+            [TransitionType.Joined]: {
+                after: TransitionType.Left,
+                newTransition: TransitionType.JoinedAndLeft,
+            },
+            [TransitionType.Left]: {
+                after: TransitionType.Joined,
+                newTransition: TransitionType.LeftAndJoined,
+            },
+        };
+        const res: TransitionType[] = [];
+
+        for (let i = 0; i < transitions.length; i++) {
+            const t = transitions[i];
+            const t2 = transitions[i + 1];
+
+            let transition = t;
+
+            if (i < transitions.length - 1 && modMap[t] && modMap[t].after === t2) {
+                transition = modMap[t].newTransition;
+                i++;
+            }
+
+            res.push(transition);
+        }
+        return res;
+    }
+
+    /**
+     * Transform an array of transitions into an array of transitions and how many times
+     * they are repeated consecutively.
+     *
+     * An array of 123 "joined_and_left" transitions, would result in:
+     * ```
+     * [{
+     *   transitionType: "joined_and_left"
+     *   repeats: 123
+     * }]
+     * ```
+     * @param {string[]} transitions the array of transitions to transform.
+     * @returns {object[]} an array of coalesced transitions.
+     */
+    private static coalesceRepeatedTransitions(transitions: TransitionType[]): {
+        transitionType: TransitionType;
+        repeats: number;
+    }[] {
+        const res: {
+            transitionType: TransitionType;
+            repeats: number;
+        }[] = [];
+
+        for (const transition of transitions) {
+            if (res.length > 0 && res[res.length - 1].transitionType === transition) {
+                res[res.length - 1].repeats += 1;
+            } else {
+                res.push({
+                    transitionType: transition,
+                    repeats: 1,
+                });
+            }
+        }
+        return res;
+    }
+
+    /**
+     * For a certain transition, t, describe what happened to the users that
+     * underwent the transition.
+     * @param {string} t the transition type.
+     * @param {number} userCount number of usernames
+     * @param {number} repeats the number of times the transition was repeated in a row.
+     * @returns {string} the written Human Readable equivalent of the transition.
+     */
+    private static getDescriptionForTransition(t: TransitionType, userCount: number, count: number): ReactNode | null {
+        // The empty interpolations 'severalUsers' and 'oneUser'
+        // are there only to show translators to non-English languages
+        // that the verb is conjugated to plural or singular Subject.
+        let res: ReactNode | undefined;
+        switch (t) {
+            case TransitionType.Joined:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|joined_multiple", { severalUsers: "", count })
+                        : _t("timeline|summary|joined", { oneUser: "", count });
+                break;
+            case TransitionType.Left:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|left_multiple", { severalUsers: "", count })
+                        : _t("timeline|summary|left", { oneUser: "", count });
+                break;
+            case TransitionType.JoinedAndLeft:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|joined_and_left_multiple", { severalUsers: "", count })
+                        : _t("timeline|summary|joined_and_left", { oneUser: "", count });
+                break;
+            case TransitionType.LeftAndJoined:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|rejoined_multiple", { severalUsers: "", count })
+                        : _t("timeline|summary|rejoined", { oneUser: "", count });
+                break;
+            case TransitionType.InviteReject:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|rejected_invite_multiple", {
+                              severalUsers: "",
+                              count,
+                          })
+                        : _t("timeline|summary|rejected_invite", { oneUser: "", count });
+                break;
+            case TransitionType.InviteWithdrawal:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|invite_withdrawn_multiple", {
+                              severalUsers: "",
+                              count,
+                          })
+                        : _t("timeline|summary|invite_withdrawn", { oneUser: "", count });
+                break;
+            case TransitionType.Invited:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|invited_multiple", { count })
+                        : _t("timeline|summary|invited", { count });
+                break;
+            case TransitionType.Banned:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|banned_multiple", { count })
+                        : _t("timeline|summary|banned", { count });
+                break;
+            case TransitionType.Unbanned:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|unbanned_multiple", { count })
+                        : _t("timeline|summary|unbanned", { count });
+                break;
+            case TransitionType.Kicked:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|kicked_multiple", { count })
+                        : _t("timeline|summary|kicked", { count });
+                break;
+            case TransitionType.ChangedName:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|changed_name_multiple", { severalUsers: "", count })
+                        : _t("timeline|summary|changed_name", { oneUser: "", count });
+                break;
+            case TransitionType.ChangedAvatar:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|changed_avatar_multiple", {
+                              severalUsers: "",
+                              count,
+                          })
+                        : _t("timeline|summary|changed_avatar", { oneUser: "", count });
+                break;
+            case TransitionType.NoChange:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|no_change_multiple", { severalUsers: "", count })
+                        : _t("timeline|summary|no_change", { oneUser: "", count });
+                break;
+            case TransitionType.ChangedPins:
+                res =
+                    userCount > 1
+                        ? _t(
+                              "timeline|summary|pinned_events_multiple",
+                              { severalUsers: "", count },
+                              {
+                                  a: (sub) => (
+                                      <AccessibleButton kind="link_inline" onClick={onPinnedMessagesClick}>
+                                          {sub}
+                                      </AccessibleButton>
+                                  ),
+                              },
+                          )
+                        : _t(
+                              "timeline|summary|pinned_events",
+                              { oneUser: "", count },
+                              {
+                                  a: (sub) => (
+                                      <AccessibleButton kind="link_inline" onClick={onPinnedMessagesClick}>
+                                          {sub}
+                                      </AccessibleButton>
+                                  ),
+                              },
+                          );
+                break;
+            case TransitionType.MessageRemoved:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|redacted_multiple", { severalUsers: "", count })
+                        : _t("timeline|summary|redacted", { oneUser: "", count });
+                break;
+            case TransitionType.HiddenEvent:
+                res =
+                    userCount > 1
+                        ? _t("timeline|summary|hidden_event_multiple", { severalUsers: "", count })
+                        : _t("timeline|summary|hidden_event", { oneUser: "", count });
+                break;
+        }
+
+        return res ?? null;
+    }
+
+    private static getTransitionSequence(events: IUserEvents[]): Array<TransitionType | null> {
+        return events.map(EventListSummary.getTransition);
+    }
+
+    /**
+     * Label a given membership event, `e`, where `getContent().membership` has
+     * changed for each transition allowed by the Matrix protocol. This attempts to
+     * label the membership changes that occur in `../../../TextForEvent.js`.
+     * @param {MatrixEvent} e the membership change event to label.
+     * @returns {string?} the transition type given to this event. This defaults to `null`
+     * if a transition is not recognised.
+     */
+    private static getTransition(e: IUserEvents): TransitionType | null {
+        if (e.mxEvent.isRedacted()) {
+            return TransitionType.MessageRemoved;
+        }
+
+        switch (e.mxEvent.getType()) {
+            case EventType.RoomThirdPartyInvite:
+                // Handle 3pid invites the same as invites so they get bundled together
+                if (!isValid3pidInvite(e.mxEvent)) {
+                    return TransitionType.InviteWithdrawal;
+                }
+                return TransitionType.Invited;
+
+            case EventType.RoomPinnedEvents:
+                return TransitionType.ChangedPins;
+
+            case EventType.RoomMember:
+                switch (e.mxEvent.getContent().membership) {
+                    case KnownMembership.Invite:
+                        return TransitionType.Invited;
+                    case KnownMembership.Ban:
+                        return TransitionType.Banned;
+                    case KnownMembership.Join:
+                        if (e.mxEvent.getPrevContent().membership === KnownMembership.Join) {
+                            const content = e.mxEvent.getContent();
+                            const prevContent = e.mxEvent.getPrevContent();
+                            if (profileFieldChanged(prevContent.displayname, content.displayname)) {
+                                return TransitionType.ChangedName;
+                            } else if (profileFieldChanged(prevContent.avatar_url, content.avatar_url)) {
+                                return TransitionType.ChangedAvatar;
+                            }
+                            return TransitionType.NoChange;
+                        } else {
+                            return TransitionType.Joined;
+                        }
+                    case KnownMembership.Leave:
+                        if (e.mxEvent.getSender() === e.mxEvent.getStateKey()) {
+                            if (e.mxEvent.getPrevContent().membership === KnownMembership.Invite) {
+                                return TransitionType.InviteReject;
+                            }
+                            return TransitionType.Left;
+                        }
+                        switch (e.mxEvent.getPrevContent().membership) {
+                            case KnownMembership.Invite:
+                                return TransitionType.InviteWithdrawal;
+                            case KnownMembership.Ban:
+                                return TransitionType.Unbanned;
+                            // sender is not target and made the target leave, if not from invite/ban then this is a kick
+                            default:
+                                return TransitionType.Kicked;
+                        }
+                    default:
+                        return null;
+                }
+
+            default:
+                // otherwise, assume this is a hidden event
+                return TransitionType.HiddenEvent;
+        }
+    }
+
+    public getAggregate(userEvents: Record<string, IUserEvents[]>): {
+        names: Record<string, string[]>;
+        indices: Record<string, number>;
+    } {
+        // A map of aggregate type to arrays of display names. Each aggregate type
+        // is a comma-delimited string of transitions, e.g. "joined,left,kicked".
+        // The array of display names is the array of users who went through that
+        // sequence during eventsToRender.
+        const aggregate: Record<string, string[]> = {
+            // $aggregateType : []:string
+        };
+        // A map of aggregate types to the indices that order them (the index of
+        // the first event for a given transition sequence)
+        const aggregateIndices: Record<string, number> = {
+            // $aggregateType : int
+        };
+
+        const users = Object.keys(userEvents);
+        users.forEach((userId) => {
+            const firstEvent = userEvents[userId][0];
+            const displayName = firstEvent.displayName;
+
+            const seq = EventListSummary.getTransitionSequence(userEvents[userId]).join(SEP);
+            if (!aggregate[seq]) {
+                aggregate[seq] = [];
+                aggregateIndices[seq] = -1;
+            }
+
+            aggregate[seq].push(displayName);
+
+            if (aggregateIndices[seq] === -1 || firstEvent.index < aggregateIndices[seq]) {
+                aggregateIndices[seq] = firstEvent.index;
+            }
+        });
+
+        return {
+            names: aggregate,
+            indices: aggregateIndices,
+        };
+    }
+
+    public render(): React.ReactNode {
+        const aggregate = this.getAggregate(this.state.userEvents);
+
+        // Sort types by order of lowest event index within sequence
+        const orderedTransitionSequences = Object.keys(aggregate.names).sort(
+            (seq1, seq2) => aggregate.indices[seq1] - aggregate.indices[seq2],
+        );
+
+        return (
+            <GenericEventListSummary
+                data-testid={this.props["data-testid"]}
+                events={this.props.events}
+                threshold={this.props.threshold}
+                onToggle={this.props.onToggle}
+                startExpanded={this.props.startExpanded}
+                children={this.props.children}
+                summaryMembers={this.state.summaryMembers}
+                layout={this.props.layout}
+                summaryText={this.generateSummary(aggregate.names, orderedTransitionSequences)}
+            />
+        );
+    }
+}
+
+/**
+ * Returns true if the provided list of comma-separated list of transitions
+ * contains an item "banned".
+ */
+function containsBanned(transitions: string): boolean {
+    return transitions.startsWith(TransitionType.Banned) || transitions.includes(`,${TransitionType.Banned}`);
+}
diff --git a/apps/web/src/components/views/elements/EventTilePreview.tsx b/apps/web/src/components/views/elements/EventTilePreview.tsx
new file mode 100644
index 00000000000..f21cdfc53a0
--- /dev/null
+++ b/apps/web/src/components/views/elements/EventTilePreview.tsx
@@ -0,0 +1,131 @@
+/*
+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 from "react";
+import classnames from "classnames";
+import { MatrixEvent, type RoomMember, MsgType } from "matrix-js-sdk/src/matrix";
+
+import * as Avatar from "../../../Avatar";
+import EventTile from "../rooms/EventTile";
+import { Layout } from "../../../settings/enums/Layout";
+import Spinner from "./Spinner";
+
+interface IProps {
+    /**
+     * The text to be displayed in the message preview
+     */
+    message: string;
+
+    /**
+     * Whether to use the irc layout or not
+     */
+    layout: Layout;
+
+    /**
+     * classnames to apply to the wrapper of the preview
+     */
+    className?: string;
+
+    /**
+     * The ID of the displayed user
+     */
+    userId?: string;
+
+    /**
+     * The display name of the displayed user
+     */
+    displayName?: string;
+
+    /**
+     * The mxc:// avatar URL of the displayed user
+     */
+    avatarUrl?: string;
+}
+
+interface IState {
+    message: string;
+}
+
+const AVATAR_SIZE = 32;
+
+export default class EventTilePreview extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            message: props.message,
+        };
+    }
+
+    private fakeEvent({ message }: IState): MatrixEvent {
+        // Fake it till we make it
+        const rawEvent = {
+            type: "m.room.message",
+            sender: this.props.userId,
+            content: {
+                "m.new_content": {
+                    msgtype: MsgType.Text,
+                    body: message,
+                    displayname: this.props.displayName,
+                    avatar_url: this.props.avatarUrl,
+                },
+                "msgtype": MsgType.Text,
+                "body": message,
+                "displayname": this.props.displayName,
+                "avatar_url": this.props.avatarUrl,
+            },
+            unsigned: {
+                age: 97,
+            },
+            event_id: "$9999999999999999999999999999999999999999999",
+            room_id: "!999999999999999999:example.org",
+        };
+        const event = new MatrixEvent(rawEvent);
+
+        // Fake it more
+        event.sender = {
+            name: this.props.displayName || this.props.userId,
+            rawDisplayName: this.props.displayName,
+            userId: this.props.userId,
+            getAvatarUrl: (..._) => {
+                return Avatar.avatarUrlForUser({ avatarUrl: this.props.avatarUrl }, AVATAR_SIZE, AVATAR_SIZE, "crop");
+            },
+            getMxcAvatarUrl: () => this.props.avatarUrl,
+        } as RoomMember;
+
+        return event;
+    }
+
+    public render(): React.ReactNode {
+        const className = classnames(this.props.className, {
+            mx_IRCLayout: this.props.layout == Layout.IRC,
+            mx_EventTilePreview_loader: !this.props.userId,
+        });
+
+        if (!this.props.userId)
+            return (
+                <div className={className}>
+                    <Spinner />
+                </div>
+            );
+
+        const event = this.fakeEvent(this.state);
+
+        return (
+            <div className={className} role="presentation">
+                <EventTile
+                    mxEvent={event}
+                    layout={this.props.layout}
+                    as="div"
+                    hideTimestamp
+                    inhibitInteraction
+                    useEventSenderSnapshot
+                />
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/ExternalLink.tsx b/apps/web/src/components/views/elements/ExternalLink.tsx
new file mode 100644
index 00000000000..7b6d2852ee7
--- /dev/null
+++ b/apps/web/src/components/views/elements/ExternalLink.tsx
@@ -0,0 +1,25 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 DetailedHTMLProps, type AnchorHTMLAttributes } from "react";
+import classNames from "classnames";
+import PopOutIcon from "@vector-im/compound-design-tokens/assets/web/icons/pop-out";
+
+interface Props extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {}
+
+/**
+ * Simple link component that adds external link icon after link children
+ */
+const ExternalLink: React.FC<Props> = ({ children, className, ...rest }) => (
+    <a target="_blank" rel="noreferrer noopener" {...rest} className={classNames("mx_ExternalLink", className)}>
+        {children}
+        <PopOutIcon className="mx_ExternalLink_icon" />
+    </a>
+);
+
+export default ExternalLink;
diff --git a/apps/web/src/components/views/elements/FacePile.tsx b/apps/web/src/components/views/elements/FacePile.tsx
new file mode 100644
index 00000000000..9c448dc186e
--- /dev/null
+++ b/apps/web/src/components/views/elements/FacePile.tsx
@@ -0,0 +1,86 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 FC, type HTMLAttributes, type ReactNode } from "react";
+import { type RoomMember } from "matrix-js-sdk/src/matrix";
+import { AvatarStack, Tooltip } from "@vector-im/compound-web";
+import classNames from "classnames";
+import { OverflowHorizontalIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import MemberAvatar from "../avatars/MemberAvatar";
+import AccessibleButton, { type ButtonEvent } from "./AccessibleButton";
+import { useToggled } from "../rooms/RoomHeader/toggle/useToggled";
+import { RightPanelPhases } from "../../../stores/right-panel/RightPanelStorePhases";
+
+interface IProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    members: RoomMember[];
+    size: string;
+    overflow: boolean;
+    tooltipLabel?: string;
+    tooltipShortcut?: string;
+    children?: ReactNode;
+    viewUserOnClick?: boolean;
+    onClick?: (e: ButtonEvent) => void | Promise<void>;
+}
+
+/**
+ * A component which displays a list of avatars in a row, with a tooltip showing the names of the users.
+ *
+ * Any additional props, not named explicitly here, are passed to the underlying {@link AccessibleButton}.
+ */
+const FacePile: FC<IProps> = ({
+    members,
+    size,
+    overflow,
+    tooltipLabel,
+    tooltipShortcut,
+    children,
+    viewUserOnClick = true,
+    onClick,
+    ...props
+}) => {
+    const faces = members.map(
+        tooltipLabel
+            ? (m) => <MemberAvatar key={m.userId} member={m} size={size} hideTitle />
+            : (m) => (
+                  <Tooltip key={m.userId} label={m.name} caption={tooltipShortcut}>
+                      <MemberAvatar member={m} size={size} viewUserOnClick={!onClick && viewUserOnClick} hideTitle />
+                  </Tooltip>
+              ),
+    );
+
+    const pileContents = (
+        <>
+            {faces}
+            {overflow ? <OverflowHorizontalIcon className="mx_FacePile_more" /> : null}
+        </>
+    );
+
+    const toggled = useToggled(RightPanelPhases.MemberList);
+    const classes = classNames({
+        mx_FacePile: true,
+        mx_FacePile_toggled: toggled,
+    });
+
+    const content = (
+        <AccessibleButton {...props} className={classes} onClick={onClick ?? null}>
+            <AvatarStack>{pileContents}</AvatarStack>
+            {children}
+        </AccessibleButton>
+    );
+
+    return tooltipLabel ? (
+        <Tooltip label={tooltipLabel} caption={tooltipShortcut}>
+            {content}
+        </Tooltip>
+    ) : (
+        content
+    );
+};
+
+export default FacePile;
diff --git a/apps/web/src/components/views/elements/Field.tsx b/apps/web/src/components/views/elements/Field.tsx
new file mode 100644
index 00000000000..71e6d91f682
--- /dev/null
+++ b/apps/web/src/components/views/elements/Field.tsx
@@ -0,0 +1,354 @@
+/*
+Copyright 2019-2024 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 InputHTMLAttributes,
+    type SelectHTMLAttributes,
+    type TextareaHTMLAttributes,
+    type RefObject,
+    createRef,
+    type ComponentProps,
+    type RefCallback,
+    type Ref,
+} from "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";
+
+// Invoke validation from user input (when typing, etc.) at most once every N ms.
+const VALIDATION_THROTTLE_MS = 200;
+
+const BASE_ID = "mx_Field";
+let count = 1;
+function getId(): string {
+    return `${BASE_ID}_${count++}`;
+}
+
+export interface IValidateOpts {
+    focused?: boolean;
+    allowEmpty?: boolean;
+}
+
+interface IProps {
+    // The field's ID, which binds the input and label together. Immutable.
+    id?: string;
+    // The field's label string.
+    label?: string;
+    // The field's placeholder string. Defaults to the label.
+    placeholder?: string;
+    // When true (default false), the placeholder will be shown instead of the label when
+    // the component is unfocused & empty.
+    usePlaceholderAsHint?: boolean;
+    // Optional component to include inside the field before the input.
+    prefixComponent?: React.ReactNode;
+    // Optional component to include inside the field after the input.
+    postfixComponent?: React.ReactNode;
+    // The callback called whenever the contents of the field
+    // changes.  Returns an object with `valid` boolean field
+    // and a `feedback` react component field to provide feedback
+    // to the user.
+    onValidate?: (input: IFieldState) => Promise<IValidationResult>;
+    // If specified, overrides the value returned by onValidate.
+    forceValidity?: boolean;
+    // If specified, contents will appear as a tooltip on the element and
+    // validation feedback tooltips will be suppressed.
+    tooltipContent?: JSX.Element | string;
+    // If specified the tooltip will be shown regardless of feedback
+    forceTooltipVisible?: boolean;
+    // If specified, the tooltip with be aligned accorindly with the field, defaults to Right.
+    tooltipAlignment?: ComponentProps<typeof Tooltip>["placement"];
+    // If specified alongside tooltipContent, the class name to apply to the
+    // tooltip itself.
+    tooltipClassName?: string;
+    // If specified, an additional class name to apply to the field container
+    className?: string;
+    // On what events should validation occur; by default on all
+    validateOnFocus?: boolean;
+    validateOnBlur?: boolean;
+    validateOnChange?: boolean;
+    // All other props pass through to the <input>.
+}
+
+export interface IInputProps extends IProps, InputHTMLAttributes<HTMLInputElement> {
+    // The ref pass through to the input
+    inputRef?: Ref<HTMLInputElement>;
+    // The element to create. Defaults to "input".
+    element: "input";
+    // The input's value. This is a controlled component, so the value is required.
+    value: string;
+}
+
+interface ISelectProps extends IProps, SelectHTMLAttributes<HTMLSelectElement> {
+    // The ref pass through to the select
+    inputRef?: Ref<HTMLSelectElement>;
+    // To define options for a select, use <Field><option ... /></Field>
+    element: "select";
+    // The select's value. This is a controlled component, so the value is required.
+    value: string;
+}
+
+interface ITextareaProps extends IProps, TextareaHTMLAttributes<HTMLTextAreaElement> {
+    // The ref pass through to the textarea
+    inputRef?: Ref<HTMLTextAreaElement>;
+    element: "textarea";
+    // The textarea's value. This is a controlled component, so the value is required.
+    value: string;
+}
+
+export interface INativeOnChangeInputProps extends IProps, InputHTMLAttributes<HTMLInputElement> {
+    // The ref pass through to the input
+    inputRef?: Ref<HTMLInputElement>;
+    element: "input";
+    // The input's value. This is a controlled component, so the value is required.
+    value: string;
+}
+
+type PropShapes = IInputProps | ISelectProps | ITextareaProps | INativeOnChangeInputProps;
+
+interface IState {
+    valid?: boolean;
+    feedback?: JSX.Element | string;
+    feedbackVisible: boolean;
+    focused: boolean;
+}
+
+export default class Field extends React.PureComponent<PropShapes, IState> {
+    private readonly id: string;
+    private readonly _inputRef = createRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>();
+
+    /**
+     * When props.inputRef is a callback ref, we will pass callbackRef to the DOM element.
+     * This is so that other methods here can still access the DOM element via this._inputRef.
+     */
+    private readonly callbackRef: RefCallback<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement> = (node) => {
+        this._inputRef.current = node;
+        (this.props.inputRef as RefCallback<unknown>)(node);
+    };
+
+    public static readonly defaultProps = {
+        element: "input",
+        type: "text",
+        validateOnFocus: true,
+        validateOnBlur: true,
+        validateOnChange: true,
+        tooltipAlignment: "right",
+    };
+
+    /*
+     * This was changed from throttle to debounce: this is more traditional for
+     * form validation since it means that the validation doesn't happen at all
+     * until the user stops typing for a bit (debounce defaults to not running on
+     * the leading edge). If we're doing an HTTP hit on each validation, we have more
+     * incentive to prevent validating input that's very unlikely to be valid.
+     * We may find that we actually want different behaviour for registration
+     * fields, in which case we can add some options to control it.
+     */
+    private validateOnChange = debounce(() => {
+        this.validate({
+            focused: true,
+        });
+    }, VALIDATION_THROTTLE_MS);
+
+    public constructor(props: PropShapes) {
+        super(props);
+        this.state = {
+            feedbackVisible: false,
+            focused: false,
+        };
+
+        this.id = this.props.id || getId();
+    }
+
+    public focus(): void {
+        this.inputRef.current?.focus();
+        // programmatic does not fire onFocus handler
+        this.setState({
+            focused: true,
+        });
+    }
+
+    private onFocus = (ev: React.FocusEvent<any>): void => {
+        this.setState({
+            focused: true,
+        });
+        if (this.props.validateOnFocus) {
+            this.validate({
+                focused: true,
+            });
+        }
+        // Parent component may have supplied its own `onFocus` as well
+        this.props.onFocus?.(ev);
+    };
+
+    private onChange = (ev: React.ChangeEvent<any>): void => {
+        if (this.props.validateOnChange) {
+            this.validateOnChange();
+        }
+        // Parent component may have supplied its own `onChange` as well
+        this.props.onChange?.(ev);
+    };
+
+    private onBlur = (ev: React.FocusEvent<any>): void => {
+        this.setState({
+            focused: false,
+        });
+        if (this.props.validateOnBlur) {
+            this.validate({
+                focused: false,
+            });
+        }
+        // Parent component may have supplied its own `onBlur` as well
+        this.props.onBlur?.(ev);
+    };
+
+    public async validate({ focused, allowEmpty = true }: IValidateOpts): Promise<boolean | undefined> {
+        if (!this.props.onValidate) {
+            return;
+        }
+        const value = this.inputRef.current?.value ?? null;
+        const { valid, feedback } = await this.props.onValidate({
+            value,
+            focused: !!focused,
+            allowEmpty,
+        });
+
+        // this method is async and so we may have been blurred since the method was called
+        // if we have then hide the feedback as withValidation does
+        if (this.state.focused && feedback) {
+            this.setState({
+                valid,
+                feedback,
+                feedbackVisible: true,
+            });
+        } else {
+            // When we receive null `feedback`, we want to hide the tooltip.
+            // We leave the previous `feedback` content in state without updating it,
+            // so that we can hide the tooltip containing the most recent feedback
+            // via CSS animation.
+            this.setState({
+                valid,
+                feedbackVisible: false,
+            });
+        }
+
+        return valid;
+    }
+
+    private get inputRef(): RefObject<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null> {
+        const inputRef = this.props.inputRef;
+        if (typeof inputRef === "function") {
+            // This is a callback ref, so return _inputRef which will point to the actual DOM element.
+            return this._inputRef;
+        }
+        return inputRef ?? this._inputRef;
+    }
+
+    private onTooltipOpenChange = (open: boolean): void => {
+        this.setState({
+            feedbackVisible: open,
+        });
+    };
+
+    public render(): React.ReactNode {
+        /* eslint @typescript-eslint/no-unused-vars: ["error", { "ignoreRestSiblings": true }] */
+        const {
+            element,
+            inputRef,
+            prefixComponent,
+            postfixComponent,
+            className,
+            onValidate,
+            children,
+            tooltipContent,
+            forceValidity,
+            tooltipClassName,
+            validateOnBlur,
+            validateOnChange,
+            validateOnFocus,
+            usePlaceholderAsHint,
+            forceTooltipVisible,
+            tooltipAlignment,
+            ...inputProps
+        } = this.props;
+
+        // Handle displaying feedback on validity
+        const tooltipProps: Pick<React.ComponentProps<typeof Tooltip>, "aria-live" | "aria-atomic"> = {};
+        let tooltipOpen = false;
+        if (tooltipContent || this.state.feedback) {
+            tooltipOpen = (this.state.focused && forceTooltipVisible) || this.state.feedbackVisible;
+
+            if (!tooltipContent) {
+                tooltipProps["aria-atomic"] = "true";
+                tooltipProps["aria-live"] = this.state.valid ? "polite" : "assertive";
+            }
+        }
+
+        inputProps.placeholder = inputProps.placeholder ?? inputProps.label;
+        inputProps.id = this.id; // this overwrites the id from props
+
+        inputProps.onFocus = this.onFocus;
+        inputProps.onChange = this.onChange;
+        inputProps.onBlur = this.onBlur;
+
+        // Appease typescript's inference
+        const inputProps_: React.HTMLAttributes<HTMLSelectElement | HTMLInputElement | HTMLTextAreaElement> &
+            React.ClassAttributes<HTMLSelectElement | HTMLInputElement | HTMLTextAreaElement> = {
+            ...inputProps,
+            ref: typeof this.props.inputRef === "function" ? this.callbackRef : this.inputRef,
+        };
+
+        const fieldInput = React.createElement(this.props.element, inputProps_, children);
+
+        let prefixContainer: JSX.Element | undefined;
+        if (prefixComponent) {
+            prefixContainer = <span className="mx_Field_prefix">{prefixComponent}</span>;
+        }
+        let postfixContainer: JSX.Element | undefined;
+        if (postfixComponent) {
+            postfixContainer = <span className="mx_Field_postfix">{postfixComponent}</span>;
+        }
+
+        const hasValidationFlag = forceValidity !== null && forceValidity !== undefined;
+        const fieldClasses = classNames("mx_Field", `mx_Field_${this.props.element}`, className, {
+            // If we have a prefix element, leave the label always at the top left and
+            // don't animate it, as it looks a bit clunky and would add complexity to do
+            // properly.
+            mx_Field_labelAlwaysTopLeft: prefixComponent || usePlaceholderAsHint,
+            mx_Field_placeholderIsHint: usePlaceholderAsHint,
+            mx_Field_valid: hasValidationFlag ? forceValidity : onValidate && this.state.valid === true,
+            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}
+                <Tooltip
+                    {...tooltipProps}
+                    placement={tooltipAlignment}
+                    description=""
+                    caption={tooltipContent || this.state.feedback}
+                    open={tooltipOpen}
+                    onOpenChange={this.onTooltipOpenChange}
+                >
+                    {fieldInput}
+                </Tooltip>
+                <label htmlFor={this.id}>{this.props.label}</label>
+                {inputDecoration}
+                {postfixContainer}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/FilterDropdown.tsx b/apps/web/src/components/views/elements/FilterDropdown.tsx
new file mode 100644
index 00000000000..44be6c43727
--- /dev/null
+++ b/apps/web/src/components/views/elements/FilterDropdown.tsx
@@ -0,0 +1,70 @@
+/*
+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 } from "react";
+import classNames from "classnames";
+import CheckmarkIcon from "@vector-im/compound-design-tokens/assets/web/icons/check";
+
+import Dropdown, { type DropdownProps } from "./Dropdown";
+import { type NonEmptyArray } from "../../../@types/common";
+
+export type FilterDropdownOption<FilterKeysType extends string> = {
+    id: FilterKeysType;
+    label: string;
+    description?: string;
+};
+type FilterDropdownProps<FilterKeysType extends string> = Omit<DropdownProps, "children"> & {
+    value: FilterKeysType;
+    options: FilterDropdownOption<FilterKeysType>[];
+    // A label displayed before the selected value
+    // in the dropdown input
+    selectedLabel?: string;
+};
+
+const getSelectedFilterOptionComponent =
+    <FilterKeysType extends string>(options: FilterDropdownOption<FilterKeysType>[], selectedLabel?: string) =>
+    (filterKey: FilterKeysType) => {
+        const option = options.find(({ id }) => id === filterKey);
+        if (!option) {
+            return null;
+        }
+        if (selectedLabel) {
+            return `${selectedLabel}: ${option.label}`;
+        }
+        return option.label;
+    };
+
+/**
+ * Dropdown styled for list filtering
+ */
+export const FilterDropdown = <FilterKeysType extends string = string>({
+    value,
+    options,
+    selectedLabel,
+    className,
+    ...restProps
+}: FilterDropdownProps<FilterKeysType>): React.ReactElement<FilterDropdownProps<FilterKeysType>> => {
+    return (
+        <Dropdown
+            {...restProps}
+            value={value}
+            className={classNames("mx_FilterDropdown", className)}
+            getShortOption={getSelectedFilterOptionComponent<FilterKeysType>(options, selectedLabel)}
+        >
+            {
+                options.map(({ id, label, description }) => (
+                    <div className="mx_FilterDropdown_option" data-testid={`filter-option-${id}`} key={id}>
+                        {id === value && <CheckmarkIcon className="mx_FilterDropdown_optionSelectedIcon" />}
+                        <span className="mx_FilterDropdown_optionLabel">{label}</span>
+                        {!!description && <span className="mx_FilterDropdown_optionDescription">{description}</span>}
+                    </div>
+                )) as NonEmptyArray<ReactElement & { key: string }>
+            }
+        </Dropdown>
+    );
+};
diff --git a/apps/web/src/components/views/elements/FilterTabGroup.tsx b/apps/web/src/components/views/elements/FilterTabGroup.tsx
new file mode 100644
index 00000000000..b8380be5bae
--- /dev/null
+++ b/apps/web/src/components/views/elements/FilterTabGroup.tsx
@@ -0,0 +1,49 @@
+/*
+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 JSX, type FieldsetHTMLAttributes, type ReactNode } from "react";
+
+export type FilterTab<T> = {
+    label: string | ReactNode;
+    id: T;
+};
+type FilterTabGroupProps<T extends string = string> = FieldsetHTMLAttributes<any> & {
+    // group name used for radio buttons
+    name: string;
+    onFilterChange: (id: T) => void;
+    // active tab's id
+    value: T;
+    // tabs to display
+    tabs: FilterTab<T>[];
+};
+
+/**
+ * React component which styles a set of content filters as tabs
+ *
+ * This is used in displays which show a list of content items, and the user can select between one of several
+ * filters for those items. For example, in the Poll History dialog, the user can select between "Active" and "Ended"
+ * polls.
+ *
+ * Type `T` is used for the `value` attribute for the buttons in the radio group.
+ */
+export const FilterTabGroup = <T extends string = string>({
+    name,
+    value,
+    tabs,
+    onFilterChange,
+    ...rest
+}: FilterTabGroupProps<T>): JSX.Element => (
+    <fieldset {...rest} className="mx_FilterTabGroup">
+        {tabs.map(({ label, id }) => (
+            <label data-testid={`filter-tab-${name}-${id}`} key={id}>
+                <input type="radio" name={name} value={id} onChange={() => onFilterChange(id)} checked={value === id} />
+                <span>{label}</span>
+            </label>
+        ))}
+    </fieldset>
+);
diff --git a/apps/web/src/components/views/elements/GenericEventListSummary.tsx b/apps/web/src/components/views/elements/GenericEventListSummary.tsx
new file mode 100644
index 00000000000..c369e44dbc6
--- /dev/null
+++ b/apps/web/src/components/views/elements/GenericEventListSummary.tsx
@@ -0,0 +1,135 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 ReactNode, useEffect } from "react";
+import { uniqBy } from "lodash";
+import { type MatrixEvent, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import MemberAvatar from "../avatars/MemberAvatar";
+import { _t } from "../../../languageHandler";
+import { useStateToggle } from "../../../hooks/useStateToggle";
+import AccessibleButton from "./AccessibleButton";
+import { Layout } from "../../../settings/enums/Layout";
+
+interface IProps {
+    // An array of member events to summarise
+    "events": MatrixEvent[];
+    // The minimum number of events needed to trigger summarisation
+    "threshold"?: number;
+    // Whether or not to begin with state.expanded=true
+    "startExpanded"?: boolean;
+    // The list of room members for which to show avatars next to the summary
+    "summaryMembers"?: RoomMember[];
+    // The text to show as the summary of this event list
+    "summaryText"?: ReactNode;
+    // An array of EventTiles to render when expanded
+    "children": ReactNode[] | null;
+    // Called when the event list expansion is toggled
+    "onToggle"?(this: void): void;
+    // The layout currently used
+    "layout"?: Layout;
+    "data-testid"?: string;
+}
+
+const GenericEventListSummary: React.FC<IProps> = ({
+    events,
+    children,
+    threshold = 3,
+    onToggle,
+    startExpanded = false,
+    summaryMembers,
+    summaryText,
+    layout = Layout.Group,
+    "data-testid": testId,
+}) => {
+    const [expanded, toggleExpanded] = useStateToggle(startExpanded);
+
+    // Whenever expanded changes call onToggle
+    useEffect(() => {
+        if (onToggle) {
+            onToggle();
+        }
+    }, [expanded]); // eslint-disable-line react-hooks/exhaustive-deps
+
+    const eventIds = events.map((e) => e.getId()).join(",");
+
+    // If we are only given few events then just pass them through
+    if (events.length < threshold) {
+        return (
+            <li
+                className="mx_GenericEventListSummary"
+                data-scroll-tokens={eventIds}
+                data-expanded={true}
+                data-layout={layout}
+            >
+                <ol className="mx_GenericEventListSummary_unstyledList">{children}</ol>
+            </li>
+        );
+    }
+
+    let body;
+    if (expanded) {
+        body = (
+            <React.Fragment>
+                <div className="mx_GenericEventListSummary_spacer">&nbsp;</div>
+                <ol className="mx_GenericEventListSummary_unstyledList">{children}</ol>
+            </React.Fragment>
+        );
+    } else {
+        const uniqueMembers = uniqBy(
+            summaryMembers?.filter((member) => {
+                if (!member?.getMxcAvatarUrl) {
+                    logger.error(
+                        "EventListSummary given null summaryMember, termites may be afoot eating event senders",
+                        summaryMembers,
+                    );
+                    return false;
+                }
+                return true;
+            }),
+            (member) => member.getMxcAvatarUrl(),
+        );
+        const avatars = uniqueMembers.map((m) => <MemberAvatar key={m.userId} member={m} size="14px" />);
+        body = (
+            <div className="mx_EventTile_line">
+                <div className="mx_EventTile_info">
+                    {/* We break the rule here as this is a mouse-only interaction */}
+                    {/* mx_GenericEventListSummary_toggle is the keyboard friendly outer one */}
+                    {/* oxlint-disable-next-line jsx-a11y/click-events-have-key-events */}
+                    <span className="mx_GenericEventListSummary_avatars" onClick={toggleExpanded}>
+                        {avatars}
+                    </span>
+                    <span className="mx_TextualEvent mx_GenericEventListSummary_summary">{summaryText}</span>
+                </div>
+            </div>
+        );
+    }
+
+    return (
+        <li
+            className="mx_GenericEventListSummary"
+            data-scroll-tokens={eventIds}
+            data-expanded={expanded + ""}
+            data-layout={layout}
+            data-testid={testId}
+        >
+            <AccessibleButton
+                kind="link_inline"
+                className="mx_GenericEventListSummary_toggle"
+                onClick={toggleExpanded}
+                aria-expanded={expanded}
+            >
+                {expanded ? _t("action|collapse") : _t("action|expand")}
+            </AccessibleButton>
+            {body}
+        </li>
+    );
+};
+
+export default GenericEventListSummary;
diff --git a/apps/web/src/components/views/elements/IRCTimelineProfileResizer.tsx b/apps/web/src/components/views/elements/IRCTimelineProfileResizer.tsx
new file mode 100644
index 00000000000..90a86ab2587
--- /dev/null
+++ b/apps/web/src/components/views/elements/IRCTimelineProfileResizer.tsx
@@ -0,0 +1,89 @@
+/*
+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 from "react";
+
+import SettingsStore from "../../../settings/SettingsStore";
+import Draggable, { type ILocationState } from "./Draggable";
+import { SettingLevel } from "../../../settings/SettingLevel";
+
+interface IProps {
+    // Current room
+    roomId: string | null;
+    minWidth: number;
+    maxWidth: number;
+}
+
+interface IState {
+    width: number;
+    IRCLayoutRoot: HTMLElement | null;
+}
+
+export default class IRCTimelineProfileResizer extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            width: SettingsStore.getValue("ircDisplayNameWidth", this.props.roomId),
+            IRCLayoutRoot: null,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.setState(
+            {
+                IRCLayoutRoot: document.querySelector(".mx_IRCLayout"),
+            },
+            () => this.updateCSSWidth(this.state.width),
+        );
+    }
+
+    private dragFunc = (location: ILocationState, event: MouseEvent): ILocationState => {
+        const offset = event.clientX - location.currentX;
+        const newWidth = this.state.width + offset;
+
+        // If we're trying to go smaller than min width, don't.
+        if (newWidth < this.props.minWidth) {
+            return location;
+        }
+
+        if (newWidth > this.props.maxWidth) {
+            return location;
+        }
+
+        this.setState({
+            width: newWidth,
+        });
+
+        this.updateCSSWidth.bind(this)(newWidth);
+
+        return {
+            currentX: event.clientX,
+            currentY: location.currentY,
+        };
+    };
+
+    private updateCSSWidth(newWidth: number): void {
+        this.state.IRCLayoutRoot?.style.setProperty("--name-width", newWidth + "px");
+    }
+
+    private onMoueUp = (): void => {
+        if (this.props.roomId) {
+            SettingsStore.setValue(
+                "ircDisplayNameWidth",
+                this.props.roomId,
+                SettingLevel.ROOM_DEVICE,
+                this.state.width,
+            );
+        }
+    };
+
+    public render(): React.ReactNode {
+        return <Draggable className="mx_ProfileResizer" dragFunc={this.dragFunc} onMouseUp={this.onMoueUp} />;
+    }
+}
diff --git a/apps/web/src/components/views/elements/ImageView.tsx b/apps/web/src/components/views/elements/ImageView.tsx
new file mode 100644
index 00000000000..71578a09464
--- /dev/null
+++ b/apps/web/src/components/views/elements/ImageView.tsx
@@ -0,0 +1,653 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 2021 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+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.
+*/
+
+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 { useCreateAutoDisposedViewModel, MessageTimestampView } from "@element-hq/web-shared-components";
+
+import { _t } from "../../../languageHandler";
+import MemberAvatar from "../avatars/MemberAvatar";
+import { ContextMenuTooltipButton } from "../../../accessibility/context_menu/ContextMenuTooltipButton";
+import MessageContextMenu from "../context_menus/MessageContextMenu";
+import { aboveLeftOf } from "../../structures/ContextMenu";
+import SettingsStore from "../../../settings/SettingsStore";
+import dis from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import { normalizeWheelEvent } from "../../../utils/Mouse";
+import UIStore from "../../../stores/UIStore";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { presentableTextForFile } from "../../../utils/FileUtils";
+import AccessibleButton from "./AccessibleButton";
+import { useDownloadMedia } from "../../../hooks/useDownloadMedia.ts";
+import {
+    MessageTimestampViewModel,
+    type MessageTimestampViewModelProps,
+} from "../../../viewmodels/room/timeline/event-tile/timestamp/MessageTimestampViewModel.ts";
+
+// Max scale to keep gaps around the image
+const MAX_SCALE = 0.95;
+// This is used for the buttons
+const ZOOM_STEP = 0.1;
+// This is used for mouse wheel events
+const ZOOM_COEFFICIENT = 0.0025;
+// If we have moved only this much we can zoom
+const ZOOM_DISTANCE = 10;
+
+// Height of mx_ImageView_panel
+const getPanelHeight = (): number => {
+    const value = getComputedStyle(document.documentElement).getPropertyValue("--image-view-panel-height");
+    // Return the value as a number without the unit
+    return parseInt(value.slice(0, value.length - 2));
+};
+
+interface IProps {
+    src: string; // the source of the image being displayed
+    name?: string; // the main title ('name') for the image
+    link?: string; // the link (if any) applied to the name of the image
+    width?: number; // width of the image src in pixels
+    height?: number; // height of the image src in pixels
+    fileSize?: number; // size of the image src in bytes
+
+    // the event (if any) that the Image is displaying. Used for event-specific stuff like
+    // redactions, senders, timestamps etc.  Other descriptors are taken from the explicit
+    // properties above, which let us use lightboxes to display images which aren't associated
+    // with events.
+    mxEvent?: MatrixEvent;
+    permalinkCreator?: RoomPermalinkCreator;
+
+    thumbnailInfo?: {
+        positionX: number;
+        positionY: number;
+        width: number;
+        height: number;
+    };
+    onFinished(): void;
+}
+
+interface IState {
+    zoom: number;
+    minZoom: number;
+    maxZoom: number;
+    rotation: number;
+    translationX: number;
+    translationY: number;
+    moving: boolean;
+    contextMenuDisplayed: boolean;
+}
+
+export default class ImageView extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        const { thumbnailInfo } = this.props;
+
+        let translationX = 0;
+        let translationY = 0;
+        if (thumbnailInfo) {
+            translationX = thumbnailInfo.positionX + thumbnailInfo.width / 2 - UIStore.instance.windowWidth / 2;
+            translationY =
+                thumbnailInfo.positionY +
+                thumbnailInfo.height / 2 -
+                UIStore.instance.windowHeight / 2 -
+                getPanelHeight() / 2;
+        }
+
+        this.state = {
+            zoom: 0, // We default to 0 and override this in imageLoaded once we have naturalSize
+            minZoom: MAX_SCALE,
+            maxZoom: MAX_SCALE,
+            rotation: 0,
+            translationX,
+            translationY,
+            moving: false,
+            contextMenuDisplayed: false,
+        };
+    }
+
+    // XXX: Refs to functional components
+    private contextMenuButton = createRef<any>();
+    private focusLock = createRef<any>();
+    private imageWrapper = createRef<HTMLDivElement>();
+    private image = createRef<HTMLImageElement>();
+
+    private downloadFunction?: () => Promise<void>;
+
+    private initX = 0;
+    private initY = 0;
+    private previousX = 0;
+    private previousY = 0;
+
+    private animatingLoading = false;
+    private imageIsLoaded = false;
+
+    public componentDidMount(): void {
+        // We have to use addEventListener() because the listener
+        // needs to be passive in order to work with Chromium
+        this.focusLock.current.addEventListener("wheel", this.onWheel, { passive: false });
+        // We want to recalculate zoom whenever the window's size changes
+        window.addEventListener("resize", this.recalculateZoom);
+        // After the image loads for the first time we want to calculate the zoom
+        this.image.current?.addEventListener("load", this.imageLoaded);
+    }
+
+    public componentWillUnmount(): void {
+        this.focusLock.current.removeEventListener("wheel", this.onWheel);
+        window.removeEventListener("resize", this.recalculateZoom);
+        this.image.current?.removeEventListener("load", this.imageLoaded);
+    }
+
+    private imageLoaded = (): void => {
+        if (!this.image.current) return;
+        // First, we calculate the zoom, so that the image has the same size as
+        // the thumbnail
+        const { thumbnailInfo } = this.props;
+        if (thumbnailInfo?.width) {
+            this.setState({ zoom: thumbnailInfo.width / this.image.current.naturalWidth });
+        }
+
+        // Once the zoom is set, we the image is considered loaded and we can
+        // start animating it into the center of the screen
+        this.imageIsLoaded = true;
+        this.animatingLoading = true;
+        this.setZoomAndRotation();
+        this.setState({
+            translationX: 0,
+            translationY: 0,
+        });
+
+        // Once the position is set, there is no need to animate anymore
+        this.animatingLoading = false;
+    };
+
+    private recalculateZoom = (): void => {
+        this.setZoomAndRotation();
+    };
+
+    private setZoomAndRotation = (inputRotation?: number): void => {
+        const image = this.image.current;
+        const imageWrapper = this.imageWrapper.current;
+        if (!image || !imageWrapper) return;
+
+        const rotation = inputRotation ?? this.state.rotation;
+
+        const imageIsNotFlipped = rotation % 180 === 0;
+
+        // If the image is rotated take it into account
+        const width = imageIsNotFlipped ? image.naturalWidth : image.naturalHeight;
+        const height = imageIsNotFlipped ? image.naturalHeight : image.naturalWidth;
+
+        const zoomX = imageWrapper.clientWidth / width;
+        const zoomY = imageWrapper.clientHeight / height;
+
+        // If the image is smaller in both dimensions set its the zoom to 1 to
+        // display it in its original size
+        if (zoomX >= 1 && zoomY >= 1) {
+            this.setState({
+                zoom: 1,
+                minZoom: 1,
+                maxZoom: 1,
+                rotation: rotation,
+            });
+            return;
+        }
+        // We set minZoom to the min of the zoomX and zoomY to avoid overflow in
+        // any direction. We also multiply by MAX_SCALE to get a gap around the
+        // image by default
+        const minZoom = Math.min(zoomX, zoomY) * MAX_SCALE;
+
+        // If zoom is smaller than minZoom don't go below that value
+        const zoom = this.state.zoom <= this.state.minZoom ? minZoom : this.state.zoom;
+
+        this.setState({
+            minZoom: minZoom,
+            maxZoom: 1,
+            rotation: rotation,
+            zoom: zoom,
+        });
+    };
+
+    private zoomDelta(delta: number, anchorX?: number, anchorY?: number): void {
+        this.zoom(this.state.zoom + delta, anchorX, anchorY);
+    }
+
+    private zoom(zoomLevel: number, anchorX?: number, anchorY?: number): void {
+        const oldZoom = this.state.zoom;
+        const maxZoom = this.state.maxZoom === this.state.minZoom ? 2 * this.state.maxZoom : this.state.maxZoom;
+        const newZoom = Math.min(zoomLevel, maxZoom);
+        if (newZoom <= this.state.minZoom) {
+            // Zoom out fully
+            this.setState({
+                zoom: this.state.minZoom,
+                translationX: 0,
+                translationY: 0,
+            });
+        } else if (typeof anchorX !== "number" || typeof anchorY !== "number") {
+            // Zoom relative to the center of the view
+            this.setState({
+                zoom: newZoom,
+                translationX: (this.state.translationX * newZoom) / oldZoom,
+                translationY: (this.state.translationY * newZoom) / oldZoom,
+            });
+        } else if (this.image.current) {
+            // Zoom relative to the given point on the image.
+            // First we need to figure out the offset of the anchor point
+            // relative to the center of the image, accounting for rotation.
+            let offsetX: number;
+            let offsetY: number;
+            // The modulo operator can return negative values for some
+            // rotations, so we have to do some extra work to normalize it
+            const rotation = (((this.state.rotation % 360) + 360) % 360) as 0 | 90 | 180 | 270;
+            switch (rotation) {
+                case 0:
+                    offsetX = this.image.current.clientWidth / 2 - anchorX;
+                    offsetY = this.image.current.clientHeight / 2 - anchorY;
+                    break;
+                case 90:
+                    offsetX = anchorY - this.image.current.clientHeight / 2;
+                    offsetY = this.image.current.clientWidth / 2 - anchorX;
+                    break;
+                case 180:
+                    offsetX = anchorX - this.image.current.clientWidth / 2;
+                    offsetY = anchorY - this.image.current.clientHeight / 2;
+                    break;
+                case 270:
+                    offsetX = this.image.current.clientHeight / 2 - anchorY;
+                    offsetY = anchorX - this.image.current.clientWidth / 2;
+            }
+
+            // Apply the zoom and offset
+            this.setState({
+                zoom: newZoom,
+                translationX: this.state.translationX + (newZoom - oldZoom) * offsetX,
+                translationY: this.state.translationY + (newZoom - oldZoom) * offsetY,
+            });
+        }
+    }
+
+    private onWheel = (ev: WheelEvent): void => {
+        if (ev.target === this.image.current) {
+            ev.stopPropagation();
+            ev.preventDefault();
+
+            const { deltaY } = normalizeWheelEvent(ev);
+            // Zoom in on the point on the image targeted by the cursor
+            this.zoomDelta(-deltaY * ZOOM_COEFFICIENT, ev.offsetX, ev.offsetY);
+        }
+    };
+
+    private onZoomInClick = (): void => {
+        this.zoomDelta(ZOOM_STEP);
+    };
+
+    private onZoomOutClick = (): void => {
+        this.zoomDelta(-ZOOM_STEP);
+    };
+
+    private onKeyDown = (ev: KeyboardEvent): void => {
+        const action = getKeyBindingsManager().getAccessibilityAction(ev);
+        switch (action) {
+            case KeyBindingAction.Escape:
+                ev.stopPropagation();
+                ev.preventDefault();
+                this.props.onFinished();
+                break;
+            case KeyBindingAction.Save:
+                ev.preventDefault();
+                ev.stopPropagation();
+                if (this.downloadFunction) {
+                    this.downloadFunction();
+                }
+                break;
+        }
+    };
+
+    private onRotateCounterClockwiseClick = (): void => {
+        const cur = this.state.rotation;
+        this.setZoomAndRotation(cur - 90);
+    };
+
+    private onRotateClockwiseClick = (): void => {
+        const cur = this.state.rotation;
+        this.setZoomAndRotation(cur + 90);
+    };
+
+    private onOpenContextMenu = (): void => {
+        this.setState({
+            contextMenuDisplayed: true,
+        });
+    };
+
+    private onCloseContextMenu = (): void => {
+        this.setState({
+            contextMenuDisplayed: false,
+        });
+    };
+
+    private onDownloadFunctionReady = (download: () => Promise<void>): void => {
+        this.downloadFunction = download;
+    };
+
+    private onPermalinkClicked = (ev: React.MouseEvent): void => {
+        // This allows the permalink to be opened in a new tab/window or copied as
+        // matrix.to, but also for it to enable routing within Element when clicked.
+        ev.preventDefault();
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            event_id: this.props.mxEvent?.getId(),
+            highlighted: true,
+            room_id: this.props.mxEvent?.getRoomId(),
+            metricsTrigger: undefined, // room doesn't change
+        });
+        this.props.onFinished();
+    };
+
+    private onStartMoving = (ev: React.MouseEvent): void => {
+        ev.stopPropagation();
+        ev.preventDefault();
+
+        // Don't do anything if we pressed any
+        // other button than the left one
+        if (ev.button !== 0) return;
+
+        // Zoom in if we are completely zoomed out and increase the zoom factor for images
+        // smaller than the viewport size
+        if (this.state.zoom === this.state.minZoom) {
+            this.zoom(
+                this.state.maxZoom === this.state.minZoom ? 2 * this.state.maxZoom : this.state.maxZoom,
+                ev.nativeEvent.offsetX,
+                ev.nativeEvent.offsetY,
+            );
+            return;
+        }
+
+        this.setState({ moving: true });
+        this.previousX = this.state.translationX;
+        this.previousY = this.state.translationY;
+        this.initX = ev.pageX - this.state.translationX;
+        this.initY = ev.pageY - this.state.translationY;
+    };
+
+    private onMoving = (ev: React.MouseEvent): void => {
+        ev.stopPropagation();
+        ev.preventDefault();
+
+        if (!this.state.moving) return;
+
+        this.setState({
+            translationX: ev.pageX - this.initX,
+            translationY: ev.pageY - this.initY,
+        });
+    };
+
+    private onEndMoving = (): void => {
+        // Zoom out if we haven't moved much
+        if (
+            this.state.moving &&
+            Math.abs(this.state.translationX - this.previousX) < ZOOM_DISTANCE &&
+            Math.abs(this.state.translationY - this.previousY) < ZOOM_DISTANCE
+        ) {
+            this.zoom(this.state.minZoom);
+            this.initX = 0;
+            this.initY = 0;
+        }
+        this.setState({ moving: false });
+    };
+
+    private renderContextMenu(): JSX.Element {
+        let contextMenu: JSX.Element | undefined;
+        if (this.state.contextMenuDisplayed && this.props.mxEvent) {
+            contextMenu = (
+                <MessageContextMenu
+                    {...aboveLeftOf(this.contextMenuButton.current.getBoundingClientRect())}
+                    mxEvent={this.props.mxEvent}
+                    permalinkCreator={this.props.permalinkCreator}
+                    onFinished={this.onCloseContextMenu}
+                    onCloseDialog={this.props.onFinished}
+                />
+            );
+        }
+
+        return <React.Fragment>{contextMenu}</React.Fragment>;
+    }
+
+    public render(): React.ReactNode {
+        const showEventMeta = !!this.props.mxEvent;
+
+        let transitionClassName;
+        if (this.animatingLoading) transitionClassName = "mx_ImageView_image_animatingLoading";
+        else if (this.state.moving || !this.imageIsLoaded) transitionClassName = "";
+        else transitionClassName = "mx_ImageView_image_animating";
+
+        const rotationDegrees = this.state.rotation + "deg";
+        const zoom = this.state.zoom;
+        const translatePixelsX = this.state.translationX + "px";
+        const translatePixelsY = this.state.translationY + "px";
+        // The order of the values is important!
+        // First, we translate and only then we rotate, otherwise
+        // we would apply the translation to an already rotated
+        // image causing it translate in the wrong direction.
+        const style: CSSProperties = {
+            transform: `translateX(${translatePixelsX})
+                        translateY(${translatePixelsY})
+                        scale(${zoom})
+                        rotate(${rotationDegrees})`,
+        };
+
+        if (this.state.moving) style.cursor = "grabbing";
+        else if (this.state.zoom === this.state.minZoom) style.cursor = "zoom-in";
+        else style.cursor = "zoom-out";
+
+        let info: JSX.Element | undefined;
+        if (showEventMeta) {
+            const mxEvent = this.props.mxEvent;
+            const showTwelveHour = SettingsStore.getValue("showTwelveHourTimestamps");
+            let permalink = "#";
+            if (this.props.permalinkCreator) {
+                permalink = this.props.permalinkCreator.forEvent(mxEvent.getId()!);
+            }
+
+            const senderName = mxEvent.sender?.name ?? mxEvent.getSender();
+            const sender = <div className="mx_ImageView_info_sender">{senderName}</div>;
+            const messageTimestamp = (
+                <MessageTimestampWrapper
+                    href={permalink}
+                    onClick={this.onPermalinkClicked}
+                    showFullDate={true}
+                    showTwelveHour={showTwelveHour}
+                    ts={mxEvent.getTs()}
+                    showSeconds={false}
+                    inhibitTooltip
+                />
+            );
+            const avatar = (
+                <MemberAvatar
+                    member={mxEvent.sender}
+                    fallbackUserId={mxEvent.getSender()}
+                    size="32px"
+                    viewUserOnClick={true}
+                    className="mx_Dialog_nonDialogButton"
+                />
+            );
+
+            info = (
+                <div className="mx_ImageView_info_wrapper">
+                    {avatar}
+                    <div className="mx_ImageView_info">
+                        {sender}
+                        {messageTimestamp}
+                    </div>
+                </div>
+            );
+        } else {
+            // If there is no event - we're viewing an avatar, we set
+            // an empty div here, since the panel uses space-between
+            // and we want the same placement of elements
+            info = <div />;
+        }
+
+        let contextMenuButton: JSX.Element | undefined;
+        if (this.props.mxEvent) {
+            contextMenuButton = (
+                <ContextMenuTooltipButton
+                    className="mx_ImageView_button mx_ImageView_button_more"
+                    title={_t("common|options")}
+                    onClick={this.onOpenContextMenu}
+                    ref={this.contextMenuButton}
+                    isExpanded={this.state.contextMenuDisplayed}
+                >
+                    <OverflowHorizontalIcon />
+                </ContextMenuTooltipButton>
+            );
+        }
+
+        let title: JSX.Element | undefined;
+        if (this.props.mxEvent?.getContent()) {
+            title = (
+                <div className="mx_ImageView_title">
+                    {presentableTextForFile(this.props.mxEvent?.getContent(), _t("common|image"), true)}
+                </div>
+            );
+        }
+
+        return (
+            <FocusLock
+                returnFocus={true}
+                lockProps={{
+                    "onKeyDown": this.onKeyDown,
+                    "role": "dialog",
+                    "aria-label": _t("lightbox|title"),
+                }}
+                className="mx_ImageView"
+                ref={this.focusLock}
+            >
+                <div className="mx_ImageView_panel">
+                    {info}
+                    {title}
+                    <div className="mx_ImageView_toolbar">
+                        <AccessibleButton
+                            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"
+                            title={_t("lightbox|rotate_right")}
+                            onClick={this.onRotateClockwiseClick}
+                        >
+                            <RotateRightIcon />
+                        </AccessibleButton>
+                        <DownloadButton
+                            url={this.props.src}
+                            fileName={this.props.name}
+                            mxEvent={this.props.mxEvent}
+                            onDownloadReady={this.onDownloadFunctionReady}
+                        />
+                        {contextMenuButton}
+                        <AccessibleButton
+                            className="mx_ImageView_button mx_ImageView_button_close"
+                            title={_t("action|close")}
+                            onClick={this.props.onFinished}
+                        >
+                            <CloseIcon />
+                        </AccessibleButton>
+                        {this.renderContextMenu()}
+                    </div>
+                </div>
+                <div
+                    className="mx_ImageView_image_wrapper"
+                    ref={this.imageWrapper}
+                    onMouseDown={this.props.onFinished}
+                    onMouseMove={this.onMoving}
+                    onMouseUp={this.onEndMoving}
+                    onMouseLeave={this.onEndMoving}
+                >
+                    <img
+                        src={this.props.src}
+                        style={style}
+                        alt={this.props.name}
+                        ref={this.image}
+                        className={`mx_ImageView_image ${transitionClassName}`}
+                        draggable={true}
+                        onMouseDown={this.onStartMoving}
+                    />
+                </div>
+            </FocusLock>
+        );
+    }
+}
+
+interface DownloadButtonProps {
+    url: string;
+    fileName?: string;
+    mxEvent?: MatrixEvent;
+    onDownloadReady?: (download: () => Promise<void>) => void;
+}
+
+export const DownloadButton: React.FC<DownloadButtonProps> = ({ url, fileName, mxEvent, onDownloadReady }) => {
+    const { download, loading, canDownload } = useDownloadMedia(url, fileName, mxEvent);
+
+    useEffect(() => {
+        if (onDownloadReady) onDownloadReady(download);
+    }, [download, onDownloadReady]);
+
+    if (!canDownload) return null;
+
+    return (
+        <AccessibleButton
+            className="mx_ImageView_button"
+            title={loading ? _t("timeline|download_action_downloading") : _t("action|download")}
+            onClick={download}
+            disabled={loading}
+        >
+            <DownloadIcon />
+        </AccessibleButton>
+    );
+};
+
+/**
+ * Wraps MessageTimestampView with a view model synced to the provided props.
+ * This wrapper can be removed after ImageView has been changed to a function component.
+ */
+function MessageTimestampWrapper(props: MessageTimestampViewModelProps): JSX.Element {
+    const vm = useCreateAutoDisposedViewModel(() => new MessageTimestampViewModel(props));
+    useEffect(() => {
+        vm.setProps(props);
+    }, [vm, props]);
+    return <MessageTimestampView vm={vm} className="mx_MessageTimestamp" />;
+}
diff --git a/apps/web/src/components/views/elements/InfoTooltip.tsx b/apps/web/src/components/views/elements/InfoTooltip.tsx
new file mode 100644
index 00000000000..757cb46617f
--- /dev/null
+++ b/apps/web/src/components/views/elements/InfoTooltip.tsx
@@ -0,0 +1,48 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2019 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";
+import classNames from "classnames";
+import { Tooltip } from "@vector-im/compound-web";
+import { ErrorSolidIcon, InfoIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+
+export enum InfoTooltipKind {
+    /** @knipignore */
+    Info = "info",
+    Warning = "warning",
+}
+
+interface TooltipProps {
+    tooltip?: string;
+    className?: string;
+    kind?: InfoTooltipKind;
+    children?: ReactNode;
+    tabIndex?: number;
+}
+
+export default class InfoTooltip extends React.PureComponent<TooltipProps> {
+    public render(): React.ReactNode {
+        const { tooltip, children, className, kind } = this.props;
+        const title = _t("info_tooltip_title");
+
+        // Tooltip are forced on the right for a more natural feel to them on info icons
+        return (
+            <Tooltip description={tooltip || title} placement="right">
+                <div className={classNames("mx_InfoTooltip", className)} tabIndex={this.props.tabIndex ?? 0}>
+                    <span className="mx_InfoTooltip_icon" aria-label={title}>
+                        {kind !== InfoTooltipKind.Warning ? <InfoIcon /> : <ErrorSolidIcon />}
+                    </span>
+                    {children}
+                </div>
+            </Tooltip>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/InlineSpinner.tsx b/apps/web/src/components/views/elements/InlineSpinner.tsx
new file mode 100644
index 00000000000..54eca63133c
--- /dev/null
+++ b/apps/web/src/components/views/elements/InlineSpinner.tsx
@@ -0,0 +1,34 @@
+/*
+Copyright 2017-2024 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 { InlineSpinner as BaseInlineSpinner } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+
+interface IProps {
+    size?: number;
+}
+
+export default class InlineSpinner extends React.PureComponent<IProps> {
+    public static defaultProps = {
+        size: 16,
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <span className="mx_InlineSpinner">
+                <BaseInlineSpinner
+                    size={this.props.size}
+                    aria-label={_t("common|loading")}
+                    role="progressbar"
+                    data-testid="spinner"
+                />
+            </span>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/InviteReason.tsx b/apps/web/src/components/views/elements/InviteReason.tsx
new file mode 100644
index 00000000000..eaa65c74082
--- /dev/null
+++ b/apps/web/src/components/views/elements/InviteReason.tsx
@@ -0,0 +1,60 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 classNames from "classnames";
+import React from "react";
+import { VisibilityOnIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { sanitizedHtmlNode } from "../../../HtmlUtils";
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "./AccessibleButton";
+
+interface IProps {
+    reason: string;
+    htmlReason?: string;
+}
+
+interface IState {
+    hidden: boolean;
+}
+
+export default class InviteReason extends React.PureComponent<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            // We hide the reason for invitation by default, since it can be a
+            // vector for spam/harassment.
+            hidden: true,
+        };
+    }
+
+    public onViewClick = (): void => {
+        this.setState({
+            hidden: false,
+        });
+    };
+
+    public render(): React.ReactNode {
+        const classes = classNames({
+            mx_InviteReason: true,
+            mx_InviteReason_hidden: this.state.hidden,
+        });
+
+        return (
+            <div className={classes}>
+                <div className="mx_InviteReason_reason">
+                    {this.props.htmlReason ? sanitizedHtmlNode(this.props.htmlReason) : this.props.reason}
+                </div>
+                <AccessibleButton kind="link_inline" className="mx_InviteReason_view" onClick={this.onViewClick}>
+                    <VisibilityOnIcon />
+                    {_t("common|view_message")}
+                </AccessibleButton>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/JoinRuleDropdown.tsx b/apps/web/src/components/views/elements/JoinRuleDropdown.tsx
new file mode 100644
index 00000000000..df4a4521c28
--- /dev/null
+++ b/apps/web/src/components/views/elements/JoinRuleDropdown.tsx
@@ -0,0 +1,97 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 ReactElement } from "react";
+import { JoinRule } from "matrix-js-sdk/src/matrix";
+import {
+    GroupIcon,
+    LockSolidIcon,
+    PublicIcon,
+    AskToJoinIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import Dropdown from "./Dropdown";
+import { type NonEmptyArray } from "../../../@types/common";
+
+interface IProps {
+    value: JoinRule;
+    label: string;
+    width?: number;
+    labelInvite: string;
+    labelKnock?: string;
+    labelPublic?: string;
+    labelRestricted?: string; // if omitted then this option will be hidden, e.g if unsupported
+    onChange(this: void, value: JoinRule): void;
+}
+
+const JoinRuleDropdown: React.FC<IProps> = ({
+    label,
+    labelInvite,
+    labelKnock,
+    labelPublic,
+    labelRestricted,
+    value,
+    width = 448,
+    onChange,
+}) => {
+    const options = [
+        <div key={JoinRule.Invite} className="mx_JoinRuleDropdown_invite">
+            <LockSolidIcon />
+            {labelInvite}
+        </div>,
+    ] as NonEmptyArray<ReactElement & { key: string }>;
+
+    if (labelPublic) {
+        options.push(
+            (
+                <div key={JoinRule.Public} className="mx_JoinRuleDropdown_public">
+                    <PublicIcon />
+                    {labelPublic}
+                </div>
+            ) as ReactElement & { key: string },
+        );
+    }
+
+    if (labelKnock) {
+        options.unshift(
+            (
+                <div key={JoinRule.Knock} className="mx_JoinRuleDropdown_knock">
+                    <AskToJoinIcon />
+                    {labelKnock}
+                </div>
+            ) as ReactElement & { key: string },
+        );
+    }
+
+    if (labelRestricted) {
+        options.unshift(
+            (
+                <div key={JoinRule.Restricted} className="mx_JoinRuleDropdown_restricted">
+                    <GroupIcon />
+                    {labelRestricted}
+                </div>
+            ) as ReactElement & { key: string },
+        );
+    }
+
+    return (
+        <Dropdown
+            id="mx_JoinRuleDropdown"
+            className="mx_JoinRuleDropdown"
+            onOptionChange={onChange}
+            menuWidth={width}
+            value={value}
+            label={label}
+            disabled={options.length === 1}
+        >
+            {options}
+        </Dropdown>
+    );
+};
+
+export default JoinRuleDropdown;
diff --git a/apps/web/src/components/views/elements/LabelledCheckbox.tsx b/apps/web/src/components/views/elements/LabelledCheckbox.tsx
new file mode 100644
index 00000000000..231b8cf0d3c
--- /dev/null
+++ b/apps/web/src/components/views/elements/LabelledCheckbox.tsx
@@ -0,0 +1,46 @@
+/*
+Copyright 2024,2025 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 classnames from "classnames";
+
+import StyledCheckbox from "./StyledCheckbox";
+
+interface IProps {
+    // The value for the checkbox
+    value: boolean;
+    // The translated label for the checkbox
+    label: string;
+    // Optional translated string to show below the checkbox
+    byline?: string;
+    // Whether or not to disable the checkbox
+    disabled?: boolean;
+    // The function to call when the value changes
+    onChange(this: void, checked: boolean): void;
+    // Optional additional CSS class to apply to the label
+    className?: string;
+    // The id for the checkbox
+    id?: string;
+}
+
+const LabelledCheckbox: React.FC<IProps> = ({ value, label, byline, disabled, onChange, className, id }) => {
+    return (
+        <div id={id} className={classnames("mx_LabelledCheckbox", className)}>
+            <StyledCheckbox
+                description={byline}
+                disabled={disabled}
+                checked={value}
+                onChange={(e) => onChange(e.target.checked)}
+            >
+                <span className="mx_LabelledCheckbox_label">{label}</span>
+            </StyledCheckbox>
+        </div>
+    );
+};
+
+export default LabelledCheckbox;
diff --git a/apps/web/src/components/views/elements/LanguageDropdown.tsx b/apps/web/src/components/views/elements/LanguageDropdown.tsx
new file mode 100644
index 00000000000..5948a491486
--- /dev/null
+++ b/apps/web/src/components/views/elements/LanguageDropdown.tsx
@@ -0,0 +1,130 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017 Marcel Radzio (MTRNord)
+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.
+*/
+
+import React, { type ReactElement } from "react";
+import classNames from "classnames";
+
+import { _t } from "../../../languageHandler";
+import { getAllLanguagesWithLabels } from "../../../i18n/utils";
+import { getUserLanguage } from "../../../i18n/settings";
+import Spinner from "./Spinner";
+import Dropdown from "./Dropdown";
+import { type NonEmptyArray } from "../../../@types/common";
+
+type Languages = Awaited<ReturnType<typeof getAllLanguagesWithLabels>>;
+
+function languageMatchesSearchQuery(query: string, language: Languages[0]): boolean {
+    if (language.labelInTargetLanguage.toUpperCase().includes(query.toUpperCase())) return true;
+    if (language.label.toUpperCase().includes(query.toUpperCase())) return true;
+    if (language.value.toUpperCase() === query.toUpperCase()) return true;
+    return false;
+}
+
+interface IProps {
+    className?: string;
+    onOptionChange: (language: string) => void;
+    value: string;
+    disabled?: boolean;
+}
+
+interface IState {
+    searchQuery: string;
+    langs: Languages | null;
+}
+
+export default class LanguageDropdown extends React.Component<IProps, IState> {
+    private unmounted = false;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            searchQuery: "",
+            langs: null,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+
+        getAllLanguagesWithLabels()
+            .then((langs) => {
+                if (this.unmounted) return;
+                langs.sort(function (a, b) {
+                    if (a.labelInTargetLanguage < b.labelInTargetLanguage) return -1;
+                    if (a.labelInTargetLanguage > b.labelInTargetLanguage) return 1;
+                    return 0;
+                });
+                this.setState({ langs });
+            })
+            .catch(() => {
+                if (this.unmounted) return;
+                this.setState({
+                    langs: [
+                        {
+                            value: "en",
+                            label: "English",
+                            labelInTargetLanguage: "English",
+                        },
+                    ],
+                });
+            });
+
+        if (!this.props.value) {
+            // If no value is given, we start with the first country selected,
+            // but our parent component doesn't know this, therefore we do this.
+            const language = getUserLanguage();
+            this.props.onOptionChange(language);
+        }
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+    }
+
+    private onSearchChange = (search: string): void => {
+        this.setState({
+            searchQuery: search,
+        });
+    };
+
+    public render(): React.ReactNode {
+        if (this.state.langs === null) {
+            return <Spinner />;
+        }
+
+        let displayedLanguages: Awaited<ReturnType<typeof getAllLanguagesWithLabels>>;
+        if (this.state.searchQuery) {
+            displayedLanguages = this.state.langs.filter((lang) => {
+                return languageMatchesSearchQuery(this.state.searchQuery, lang);
+            });
+        } else {
+            displayedLanguages = this.state.langs;
+        }
+
+        const options = displayedLanguages.map((language) => {
+            return <div key={language.value}>{language.labelInTargetLanguage}</div>;
+        }) as NonEmptyArray<ReactElement & { key: string }>;
+
+        return (
+            <Dropdown
+                id="mx_LanguageDropdown"
+                className={classNames("mx_LanguageDropdown", this.props.className)}
+                onOptionChange={this.props.onOptionChange}
+                onSearchChange={this.onSearchChange}
+                searchEnabled={true}
+                value={this.props.value}
+                label={_t("language_dropdown_label")}
+                disabled={this.props.disabled}
+            >
+                {options}
+            </Dropdown>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/LazyRenderList.ts b/apps/web/src/components/views/elements/LazyRenderList.ts
new file mode 100644
index 00000000000..4c02566c223
--- /dev/null
+++ b/apps/web/src/components/views/elements/LazyRenderList.ts
@@ -0,0 +1,131 @@
+/*
+Copyright 2019-2024 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";
+
+class ItemRange {
+    public constructor(
+        public topCount: number,
+        public renderCount: number,
+        public bottomCount: number,
+    ) {}
+
+    public contains(range: ItemRange): boolean {
+        // don't contain empty ranges
+        // as it will prevent clearing the list
+        // once it is scrolled far enough out of view
+        if (!range.renderCount && this.renderCount) {
+            return false;
+        }
+        return (
+            range.topCount >= this.topCount && range.topCount + range.renderCount <= this.topCount + this.renderCount
+        );
+    }
+
+    public expand(amount: number): ItemRange {
+        // don't expand ranges that won't render anything
+        if (this.renderCount === 0) {
+            return this;
+        }
+
+        const topGrow = Math.min(amount, this.topCount);
+        const bottomGrow = Math.min(amount, this.bottomCount);
+        return new ItemRange(
+            this.topCount - topGrow,
+            this.renderCount + topGrow + bottomGrow,
+            this.bottomCount - bottomGrow,
+        );
+    }
+
+    public totalSize(): number {
+        return this.topCount + this.renderCount + this.bottomCount;
+    }
+}
+
+interface IProps<T> {
+    // height in pixels of the component returned by `renderItem`
+    itemHeight: number;
+    // function to turn an element of `items` into a react component
+    renderItem: (item: T) => JSX.Element;
+    // scrollTop of the viewport (minus the height of any content above this list like other `LazyRenderList`s)
+    scrollTop: number;
+    // the height of the viewport this content is scrolled in
+    height: number;
+    // all items for the list. These should not be react components, see `renderItem`.
+    items?: T[];
+    // the amount of items to scroll before causing a rerender,
+    // should typically be less than `overflowItems` unless applying
+    // margins in the parent component when using multiple LazyRenderList in one viewport.
+    // use 0 to only rerender when items will come into view.
+    overflowMargin: number;
+    // the amount of items to add at the top and bottom to render,
+    // so not every scroll of causes a rerender.
+    overflowItems: number;
+
+    element?: string;
+    className?: string;
+    role?: string;
+}
+
+interface IState {
+    renderRange: ItemRange;
+}
+
+export default class LazyRenderList<T = any> extends React.Component<IProps<T>, IState> {
+    public static defaultProps: Partial<IProps<unknown>> = {
+        overflowItems: 20,
+        overflowMargin: 5,
+    };
+
+    public constructor(props: IProps<T>) {
+        super(props);
+
+        this.state = LazyRenderList.getDerivedStateFromProps(props, {} as IState) as IState;
+    }
+
+    public static getDerivedStateFromProps<T>(props: IProps<T>, state: IState): Partial<IState> | null {
+        const range = LazyRenderList.getVisibleRangeFromProps(props);
+        const intersectRange = range.expand(props.overflowMargin);
+        const renderRange = range.expand(props.overflowItems);
+        const listHasChangedSize = !!state.renderRange && renderRange.totalSize() !== state.renderRange.totalSize();
+        // only update render Range if the list has shrunk/grown and we need to adjust padding OR
+        // if the new range + overflowMargin isn't contained by the old anymore
+        if (listHasChangedSize || !state.renderRange || !state.renderRange.contains(intersectRange)) {
+            return { renderRange };
+        }
+        return null;
+    }
+
+    private static getVisibleRangeFromProps<T>(props: IProps<T>): ItemRange {
+        const { items, itemHeight, scrollTop, height } = props;
+        const length = items ? items.length : 0;
+        const topCount = Math.min(Math.max(0, Math.floor(scrollTop / itemHeight)), length);
+        const itemsAfterTop = length - topCount;
+        const visibleItems = height !== 0 ? Math.ceil(height / itemHeight) : 0;
+        const renderCount = Math.min(visibleItems, itemsAfterTop);
+        const bottomCount = itemsAfterTop - renderCount;
+        return new ItemRange(topCount, renderCount, bottomCount);
+    }
+
+    public render(): React.ReactNode {
+        const { itemHeight, items, renderItem } = this.props;
+        const { renderRange } = this.state;
+        const { topCount, renderCount, bottomCount } = renderRange;
+
+        const paddingTop = topCount * itemHeight;
+        const paddingBottom = bottomCount * itemHeight;
+        const renderedItems = (items || []).slice(topCount, topCount + renderCount);
+
+        const element = this.props.element || "div";
+        const elementProps = {
+            style: { paddingTop: `${paddingTop}px`, paddingBottom: `${paddingBottom}px` },
+            className: this.props.className,
+            role: this.props.role,
+        };
+        return React.createElement(element, elementProps, renderedItems.map(renderItem));
+    }
+}
diff --git a/apps/web/src/components/views/elements/LearnMore.tsx b/apps/web/src/components/views/elements/LearnMore.tsx
new file mode 100644
index 00000000000..71ae561ed46
--- /dev/null
+++ b/apps/web/src/components/views/elements/LearnMore.tsx
@@ -0,0 +1,44 @@
+/*
+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 { _t } from "../../../languageHandler";
+import Modal from "../../../Modal";
+import InfoDialog from "../dialogs/InfoDialog";
+import AccessibleButton, { type ButtonProps } from "./AccessibleButton";
+
+type Props = Omit<ButtonProps<"button">, "element" | "kind" | "onClick" | "className"> & {
+    title: string;
+    description: string | React.ReactNode;
+};
+
+const LearnMore: React.FC<Props> = ({ title, description, ...rest }) => {
+    const onClick = (): void => {
+        Modal.createDialog(InfoDialog, {
+            title,
+            description,
+            button: _t("action|got_it"),
+            hasCloseButton: true,
+        });
+    };
+
+    return (
+        <AccessibleButton
+            {...rest}
+            element="button"
+            kind="link_inline"
+            onClick={onClick}
+            className="mx_LearnMore_button"
+        >
+            {_t("action|learn_more")}
+        </AccessibleButton>
+    );
+};
+
+export default LearnMore;
diff --git a/apps/web/src/components/views/elements/LinkWithTooltip.tsx b/apps/web/src/components/views/elements/LinkWithTooltip.tsx
new file mode 100644
index 00000000000..6265910bd8e
--- /dev/null
+++ b/apps/web/src/components/views/elements/LinkWithTooltip.tsx
@@ -0,0 +1,34 @@
+/*
+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 TextWithTooltip from "./TextWithTooltip";
+
+interface IProps extends Omit<React.ComponentProps<typeof TextWithTooltip>, "tabIndex" | "onClick" | "tooltip"> {
+    tooltip: string;
+}
+
+export default class LinkWithTooltip extends React.Component<IProps> {
+    public render(): React.ReactNode {
+        const { children, tooltip, ...props } = this.props;
+
+        return (
+            <TextWithTooltip
+                // Disable focusing on the tooltip target to avoid double / nested focus. The contained anchor element
+                // itself allows focusing which also triggers the tooltip.
+                tabIndex={-1}
+                tooltip={tooltip}
+                onClick={(e) => (e.target as HTMLElement).blur()} // Force tooltip to hide on clickout
+                {...props}
+            >
+                {children}
+            </TextWithTooltip>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/Measured.ts b/apps/web/src/components/views/elements/Measured.ts
new file mode 100644
index 00000000000..fb1465cfb90
--- /dev/null
+++ b/apps/web/src/components/views/elements/Measured.ts
@@ -0,0 +1,71 @@
+/*
+Copyright (C) 2026 Element Creations Ltd
+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 { useEffect, useRef, type RefObject } from "react";
+
+import UIStore from "../../../stores/UIStore";
+import { useEventEmitterState } from "../../../hooks/useEventEmitter";
+
+interface IProps {
+    /**
+     * Element to watch for resize changes on.
+     */
+    sensor: RefObject<Element | null>;
+    /**
+     * Minimum width of element to be considered full-size.
+     * Defaults to `500px`
+     */
+    breakpoint?: number;
+    /**
+     * Callback for when the narrowness property changes.
+     * @param narrow
+     * @returns
+     */
+    onMeasurement: (narrow: boolean) => void;
+}
+
+let instanceCount = 0;
+
+/**
+ * This component can watch a single element for width changes, and will fire
+ * a callback if the width changes to be lower or higher than the `breakpoint`.
+ */
+export default function Measured({ sensor, breakpoint = 500, onMeasurement }: IProps): null {
+    const instanceIdRef = useRef(instanceCount++);
+    const instanceId = instanceIdRef.current;
+
+    useEffect(() => {
+        if (sensor.current) {
+            UIStore.instance.trackElementDimensions(`Measured${instanceId}`, sensor.current);
+        }
+
+        return () => {
+            UIStore.instance.stopTrackingElementDimensions(`Measured${instanceId}`);
+        };
+    }, [sensor, instanceId]);
+
+    const narrow = useEventEmitterState<boolean>(
+        UIStore.instance,
+        `Measured${instanceId}`,
+        (_type: unknown, entry: ResizeObserverEntry) => {
+            if (!entry) {
+                return false;
+            }
+            // N.B there is only one `_type` of resize event.
+            return entry.contentRect.width <= breakpoint;
+        },
+    );
+
+    // Only fire when the state changes.
+    useEffect(() => {
+        onMeasurement(narrow);
+    }, [onMeasurement, narrow]);
+
+    return null;
+}
diff --git a/apps/web/src/components/views/elements/MiniAvatarUploader.tsx b/apps/web/src/components/views/elements/MiniAvatarUploader.tsx
new file mode 100644
index 00000000000..f7aea407518
--- /dev/null
+++ b/apps/web/src/components/views/elements/MiniAvatarUploader.tsx
@@ -0,0 +1,97 @@
+/*
+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 classNames from "classnames";
+import { EventType } from "matrix-js-sdk/src/matrix";
+import React, { useContext, useRef, useState, type MouseEvent, type ReactNode } from "react";
+import { TakePhotoSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { chromeFileInputFix } from "../../../utils/BrowserWorkarounds";
+import AccessibleButton from "./AccessibleButton";
+import Spinner from "./Spinner";
+import { getFileChanged } from "../settings/AvatarSetting.tsx";
+import { useScopedRoomContext } from "../../../contexts/ScopedRoomContext.tsx";
+
+export const AVATAR_SIZE = "52px";
+
+interface IProps {
+    hasAvatar: boolean;
+    noAvatarLabel?: string;
+    hasAvatarLabel?: string;
+    setAvatarUrl(this: void, url: string): Promise<unknown>;
+    isUserAvatar?: boolean;
+    onClick?(this: void, ev: MouseEvent<HTMLInputElement>): void;
+    children?: ReactNode;
+}
+
+const MiniAvatarUploader: React.FC<IProps> = ({
+    hasAvatar,
+    hasAvatarLabel,
+    noAvatarLabel,
+    setAvatarUrl,
+    isUserAvatar,
+    children,
+    onClick,
+}) => {
+    const cli = useContext(MatrixClientContext);
+    const [busy, setBusy] = useState(false);
+
+    const uploadRef = useRef<HTMLInputElement>(null);
+
+    const label = hasAvatar || busy ? hasAvatarLabel : noAvatarLabel;
+
+    const { room } = useScopedRoomContext("room");
+    const canSetAvatar =
+        isUserAvatar || room?.currentState?.maySendStateEvent(EventType.RoomAvatar, cli.getSafeUserId());
+    if (!canSetAvatar) return <React.Fragment>{children}</React.Fragment>;
+
+    return (
+        <React.Fragment>
+            <input
+                type="file"
+                ref={uploadRef}
+                className="mx_MiniAvatarUploader_input"
+                onClick={(ev) => {
+                    chromeFileInputFix(ev);
+                    onClick?.(ev);
+                }}
+                onChange={async (ev): Promise<void> => {
+                    setBusy(true);
+                    const file = getFileChanged(ev);
+                    if (file) {
+                        const { content_uri: uri } = await cli.uploadContent(file);
+                        await setAvatarUrl(uri);
+                    }
+                    setBusy(false);
+                }}
+                accept="image/*"
+            />
+
+            <AccessibleButton
+                className={classNames("mx_MiniAvatarUploader", {
+                    mx_MiniAvatarUploader_busy: busy,
+                    mx_MiniAvatarUploader_hasAvatar: hasAvatar,
+                })}
+                disabled={busy}
+                onClick={() => {
+                    uploadRef.current?.click();
+                }}
+                aria-label={label}
+            >
+                {children}
+
+                <div className="mx_MiniAvatarUploader_indicator">
+                    {busy ? <Spinner size={20} /> : <TakePhotoSolidIcon className="mx_MiniAvatarUploader_cameraIcon" />}
+                </div>
+            </AccessibleButton>
+        </React.Fragment>
+    );
+};
+
+export default MiniAvatarUploader;
diff --git a/apps/web/src/components/views/elements/PersistedElement.tsx b/apps/web/src/components/views/elements/PersistedElement.tsx
new file mode 100644
index 00000000000..ee0f363215b
--- /dev/null
+++ b/apps/web/src/components/views/elements/PersistedElement.tsx
@@ -0,0 +1,216 @@
+/*
+Copyright 2018-2024 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 RefObject, type ReactNode, StrictMode } from "react";
+import { createRoot, type Root } from "react-dom/client";
+import { isNullOrUndefined } from "matrix-js-sdk/src/utils";
+import { TooltipProvider } from "@vector-im/compound-web";
+
+import dis from "../../../dispatcher/dispatcher";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { type ActionPayload } from "../../../dispatcher/payloads";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+export const getPersistKey = (appId: string): string => "widget_" + appId;
+
+// Shamelessly ripped off Modal.js.  There's probably a better way
+// of doing reusable widgets like dialog boxes & menus where we go and
+// pass in a custom control as the actual body.
+
+// We contain all persisted elements within a master container to allow them all to be within the same
+// CSS stacking context, and thus be able to control their z-indexes relative to each other.
+function getOrCreateMasterContainer(): HTMLDivElement {
+    let container = document.getElementById("mx_PersistedElement_container") as HTMLDivElement;
+    if (!container) {
+        container = document.createElement("div");
+        container.id = "mx_PersistedElement_container";
+        document.body.appendChild(container);
+    }
+
+    return container;
+}
+
+function getOrCreateContainer(containerId: string): HTMLDivElement {
+    const container = document.createElement("div");
+    container.id = containerId;
+    getOrCreateMasterContainer().appendChild(container);
+
+    return container;
+}
+
+interface IProps {
+    // Unique identifier for this PersistedElement instance
+    // Any PersistedElements with the same persistKey will use
+    // the same DOM container.
+    persistKey: string;
+
+    // z-index for the element. Defaults to 9.
+    zIndex?: number;
+
+    style?: React.StyleHTMLAttributes<HTMLDivElement>;
+
+    // Handle to manually notify this PersistedElement that it needs to move
+    moveRef?: RefObject<(() => void) | null>;
+    children: ReactNode;
+}
+
+/**
+ * Class of component that renders its children in a separate ReactDOM virtual tree
+ * in a container element appended to document.body.
+ *
+ * This prevents the children from being unmounted when the parent of PersistedElement
+ * unmounts, allowing them to persist.
+ *
+ * When PE is unmounted, it hides the children using CSS. When mounted or updated, the
+ * children are made visible and are positioned into a div that is given the same
+ * bounding rect as the parent of PE.
+ */
+export default class PersistedElement extends React.Component<IProps> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    private resizeObserver: ResizeObserver;
+    private dispatcherRef?: string;
+    private childContainer?: HTMLDivElement;
+    private child?: HTMLDivElement;
+
+    private static rootMap: Record<string, [root: Root, container: Element]> = {};
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.resizeObserver = new ResizeObserver(this.repositionChild);
+
+        if (this.props.moveRef) this.props.moveRef.current = this.repositionChild;
+    }
+
+    /**
+     * Removes the DOM elements created when a PersistedElement with the given
+     * persistKey was mounted. The DOM elements will be re-added if another
+     * PersistedElement is mounted in the future.
+     *
+     * @param {string} persistKey Key used to uniquely identify this PersistedElement
+     */
+    public static destroyElement(persistKey: string): void {
+        const pair = PersistedElement.rootMap[persistKey];
+        if (pair) {
+            pair[0].unmount();
+            pair[1].remove();
+        }
+        delete PersistedElement.rootMap[persistKey];
+    }
+
+    public static isMounted(persistKey: string): boolean {
+        return Boolean(PersistedElement.rootMap[persistKey]);
+    }
+
+    private collectChildContainer = (ref: HTMLDivElement): void => {
+        if (this.childContainer) {
+            this.resizeObserver.unobserve(this.childContainer);
+        }
+        this.childContainer = ref;
+        if (ref) {
+            this.resizeObserver.observe(ref);
+        }
+    };
+
+    private collectChild = (ref: HTMLDivElement): void => {
+        this.child = ref;
+        this.updateChild();
+    };
+
+    public componentDidMount(): void {
+        // Annoyingly, a resize observer is insufficient, since we also care
+        // about when the element moves on the screen without changing its
+        // dimensions. Doesn't look like there's a ResizeObserver equivalent
+        // for this, so we bodge it by listening for document resize and
+        // the timeline_resize action.
+        window.addEventListener("resize", this.repositionChild);
+        this.dispatcherRef = dis.register(this.onAction);
+
+        this.updateChild();
+        this.renderApp();
+    }
+
+    public componentDidUpdate(): void {
+        this.updateChild();
+        this.renderApp();
+    }
+
+    public componentWillUnmount(): void {
+        this.updateChildVisibility(this.child, false);
+        this.resizeObserver.disconnect();
+        window.removeEventListener("resize", this.repositionChild);
+        dis.unregister(this.dispatcherRef);
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        if (payload.action === "timeline_resize") {
+            this.repositionChild();
+        } else if (payload.action === "logout") {
+            PersistedElement.destroyElement(this.props.persistKey);
+        }
+    };
+
+    private repositionChild = (): void => {
+        this.updateChildPosition(this.child, this.childContainer);
+    };
+
+    private updateChild(): void {
+        this.updateChildPosition(this.child, this.childContainer);
+        this.updateChildVisibility(this.child, true);
+    }
+
+    private renderApp(): void {
+        const content = (
+            <StrictMode>
+                <SDKContext.Provider value={this.context}>
+                    <MatrixClientContext.Provider value={this.context.client!}>
+                        <TooltipProvider>
+                            <div ref={this.collectChild} style={this.props.style}>
+                                {this.props.children}
+                            </div>
+                        </TooltipProvider>
+                    </MatrixClientContext.Provider>
+                </SDKContext.Provider>
+            </StrictMode>
+        );
+
+        let rootPair = PersistedElement.rootMap[this.props.persistKey];
+        if (!rootPair) {
+            const container = getOrCreateContainer("mx_persistedElement_" + this.props.persistKey);
+            const root = createRoot(container);
+            rootPair = [root, container];
+            PersistedElement.rootMap[this.props.persistKey] = rootPair;
+        }
+        rootPair[0].render(content);
+    }
+
+    private updateChildVisibility(child?: HTMLDivElement, visible = false): void {
+        if (!child) return;
+        child.style.display = visible ? "block" : "none";
+    }
+
+    private updateChildPosition(child?: HTMLDivElement, parent?: HTMLDivElement): void {
+        if (!child || !parent) return;
+
+        const parentRect = parent.getBoundingClientRect();
+        Object.assign(child.style, {
+            zIndex: isNullOrUndefined(this.props.zIndex) ? 9 : this.props.zIndex,
+            position: "absolute",
+            top: "0",
+            left: "0",
+            transform: `translateX(${parentRect.left}px) translateY(${parentRect.top}px)`,
+            width: parentRect.width + "px",
+            height: parentRect.height + "px",
+        });
+    }
+
+    public render(): React.ReactNode {
+        return <div ref={this.collectChildContainer} />;
+    }
+}
diff --git a/apps/web/src/components/views/elements/PersistentApp.tsx b/apps/web/src/components/views/elements/PersistentApp.tsx
new file mode 100644
index 00000000000..048143dc639
--- /dev/null
+++ b/apps/web/src/components/views/elements/PersistentApp.tsx
@@ -0,0 +1,58 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2022 The Matrix.org Foundation C.I.C.
+Copyright 2018 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 ContextType, type CSSProperties, type RefObject, type ReactNode } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import WidgetUtils from "../../../utils/WidgetUtils";
+import AppTile from "./AppTile";
+import WidgetStore from "../../../stores/WidgetStore";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+
+interface IProps {
+    persistentWidgetId: string;
+    persistentRoomId: string;
+    pointerEvents?: CSSProperties["pointerEvents"];
+    movePersistedElement: RefObject<(() => void) | null>;
+    children?: ReactNode;
+}
+
+export default class PersistentApp extends React.Component<IProps> {
+    public static contextType = MatrixClientContext;
+    declare public context: ContextType<typeof MatrixClientContext>;
+    private room: Room;
+
+    public constructor(props: IProps, context: ContextType<typeof MatrixClientContext>) {
+        super(props, context);
+        this.room = context.getRoom(this.props.persistentRoomId)!;
+    }
+
+    public render(): JSX.Element | null {
+        const app = WidgetStore.instance.get(this.props.persistentWidgetId, this.props.persistentRoomId);
+        if (!app) return null;
+
+        return (
+            <AppTile
+                key={app.id}
+                app={app}
+                fullWidth={true}
+                room={this.room}
+                userId={this.context.getSafeUserId()}
+                creatorUserId={app.creatorUserId}
+                widgetPageTitle={WidgetUtils.getWidgetDataTitle(app)}
+                waitForIframeLoad={app.waitForIframeLoad}
+                miniMode={true}
+                showMenubar={false}
+                pointerEvents={this.props.pointerEvents}
+                movePersistedElement={this.props.movePersistedElement}
+                overlay={this.props.children}
+            />
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/Pill.tsx b/apps/web/src/components/views/elements/Pill.tsx
new file mode 100644
index 00000000000..0365dd3dddd
--- /dev/null
+++ b/apps/web/src/components/views/elements/Pill.tsx
@@ -0,0 +1,167 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-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 ReactElement, useContext } from "react";
+import classNames from "classnames";
+import { type Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { Tooltip } from "@vector-im/compound-web";
+import { LinkIcon, UserSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { usePermalink } from "../../../hooks/usePermalink";
+import RoomAvatar from "../avatars/RoomAvatar";
+import MemberAvatar from "../avatars/MemberAvatar";
+import { _t } from "../../../languageHandler";
+import { PillType } from "./PillType";
+
+const linkIcon = <LinkIcon className="mx_Pill_LinkIcon mx_BaseAvatar" />;
+
+const PillRoomAvatar: React.FC<{
+    shouldShowPillAvatar: boolean;
+    room: Room | null;
+}> = ({ shouldShowPillAvatar, room }) => {
+    if (!shouldShowPillAvatar) {
+        return null;
+    }
+
+    if (room) {
+        return <RoomAvatar room={room} size="16px" aria-hidden="true" />;
+    }
+    return linkIcon;
+};
+
+const PillMemberAvatar: React.FC<{
+    shouldShowPillAvatar: boolean;
+    member: RoomMember | null;
+}> = ({ shouldShowPillAvatar, member }) => {
+    if (!shouldShowPillAvatar) {
+        return null;
+    }
+
+    if (member) {
+        return <MemberAvatar member={member} size="16px" aria-hidden="true" hideTitle />;
+    }
+    return <UserSolidIcon className="mx_Pill_UserIcon mx_BaseAvatar" />;
+};
+
+export interface PillProps {
+    // The Type of this Pill. If url is given, this is auto-detected.
+    type?: PillType;
+    // The URL to pillify (no validation is done)
+    url?: string;
+    /** Whether the pill is in a message. It will act as a link then. */
+    inMessage?: boolean;
+    // The room in which this pill is being rendered
+    room?: Room;
+    // Whether to include an avatar in the pill
+    shouldShowPillAvatar?: boolean;
+    // Explicitly-provided text to display in the pill
+    text?: string;
+}
+
+export const Pill: React.FC<PillProps> = ({
+    type: propType,
+    url,
+    inMessage,
+    room,
+    shouldShowPillAvatar = true,
+    text: customPillText,
+}) => {
+    const cli = useContext(MatrixClientContext);
+    const {
+        event,
+        member,
+        onClick,
+        resourceId,
+        targetRoom,
+        text: linkText,
+        type,
+    } = usePermalink({
+        room,
+        type: propType,
+        url,
+    });
+    const text = customPillText ?? linkText;
+
+    if (!type || !text) {
+        return null;
+    }
+
+    const classes = classNames("mx_Pill", {
+        mx_AtRoomPill: type === PillType.AtRoomMention,
+        mx_RoomPill: type === PillType.RoomMention,
+        mx_SpacePill: type === "space" || targetRoom?.isSpaceRoom(),
+        mx_UserPill: type === PillType.UserMention,
+        mx_UserPill_me: resourceId === cli.getUserId(),
+        mx_EventPill: type === PillType.EventInOtherRoom || type === PillType.EventInSameRoom,
+        mx_KeywordPill: type === PillType.Keyword,
+    });
+
+    let avatar: ReactElement | null = null;
+    let pillText: string | null = text;
+
+    switch (type) {
+        case PillType.EventInOtherRoom:
+            {
+                avatar = <PillRoomAvatar shouldShowPillAvatar={shouldShowPillAvatar} room={targetRoom} />;
+                pillText = _t("pill|permalink_other_room", {
+                    room: text,
+                });
+            }
+            break;
+        case PillType.EventInSameRoom:
+            {
+                if (event) {
+                    avatar = <PillMemberAvatar shouldShowPillAvatar={shouldShowPillAvatar} member={member} />;
+                    pillText = _t("pill|permalink_this_room", {
+                        user: text,
+                    });
+                } else {
+                    avatar = linkIcon;
+                    pillText = _t("common|message");
+                }
+            }
+            break;
+        case PillType.AtRoomMention:
+        case PillType.RoomMention:
+        case "space":
+            avatar = <PillRoomAvatar shouldShowPillAvatar={shouldShowPillAvatar} room={targetRoom} />;
+            break;
+        case PillType.UserMention:
+            avatar = <PillMemberAvatar shouldShowPillAvatar={shouldShowPillAvatar} member={member} />;
+            break;
+        case PillType.Keyword:
+            break;
+        default:
+            return null;
+    }
+
+    const isAnchor = !!inMessage && !!url;
+    return (
+        <bdi>
+            <Tooltip
+                description={resourceId ?? ""}
+                open={resourceId ? undefined : false}
+                placement="right"
+                isTriggerInteractive={isAnchor}
+            >
+                {isAnchor ? (
+                    <a className={classes} href={url} onClick={onClick}>
+                        {avatar}
+                        <span className="mx_Pill_text">{pillText}</span>
+                    </a>
+                ) : (
+                    <span className={classes}>
+                        {avatar}
+                        <span className="mx_Pill_text">{pillText}</span>
+                    </span>
+                )}
+            </Tooltip>
+        </bdi>
+    );
+};
diff --git a/apps/web/src/components/views/elements/PillType.ts b/apps/web/src/components/views/elements/PillType.ts
new file mode 100644
index 00000000000..8450364ef86
--- /dev/null
+++ b/apps/web/src/components/views/elements/PillType.ts
@@ -0,0 +1,16 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-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.
+*/
+
+export enum PillType {
+    UserMention = "TYPE_USER_MENTION",
+    RoomMention = "TYPE_ROOM_MENTION",
+    AtRoomMention = "TYPE_AT_ROOM_MENTION", // '@room' mention
+    EventInSameRoom = "TYPE_EVENT_IN_SAME_ROOM",
+    EventInOtherRoom = "TYPE_EVENT_IN_OTHER_ROOM",
+    Keyword = "TYPE_KEYWORD", // Used to highlight keywords that triggered a notification rule
+}
diff --git a/apps/web/src/components/views/elements/PollCreateDialog.tsx b/apps/web/src/components/views/elements/PollCreateDialog.tsx
new file mode 100644
index 00000000000..a97230c57f4
--- /dev/null
+++ b/apps/web/src/components/views/elements/PollCreateDialog.tsx
@@ -0,0 +1,274 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 ChangeEvent, createRef } from "react";
+import {
+    type Room,
+    type MatrixEvent,
+    type KnownPollKind,
+    M_POLL_KIND_DISCLOSED,
+    M_POLL_KIND_UNDISCLOSED,
+    M_POLL_START,
+    type IPartialEvent,
+    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";
+import Modal from "../../../Modal";
+import { _t } from "../../../languageHandler";
+import { arrayFastClone, arraySeed } from "../../../utils/arrays";
+import Field from "./Field";
+import AccessibleButton from "./AccessibleButton";
+import Spinner from "./Spinner";
+import { doMaybeLocalRoomAction } from "../../../utils/local-room";
+
+interface IProps {
+    room: Room;
+    threadId?: string;
+    editingMxEvent?: MatrixEvent; // Truthy if we are editing an existing poll
+    onFinished(pollCreated?: boolean): void;
+}
+
+enum FocusTarget {
+    Topic,
+    NewOption,
+}
+interface IState extends IScrollableBaseState {
+    question: string;
+    options: string[];
+    busy: boolean;
+    kind: KnownPollKind;
+    autoFocusTarget: FocusTarget;
+}
+
+const MIN_OPTIONS = 2;
+const MAX_OPTIONS = 20;
+const DEFAULT_NUM_OPTIONS = 2;
+const MAX_QUESTION_LENGTH = 340;
+const MAX_OPTION_LENGTH = 340;
+
+function creatingInitialState(): IState {
+    return {
+        title: _t("poll|create_poll_title"),
+        actionLabel: _t("poll|create_poll_action"),
+        canSubmit: false, // need to add a question and at least one option first
+        question: "",
+        options: arraySeed("", DEFAULT_NUM_OPTIONS),
+        busy: false,
+        kind: M_POLL_KIND_DISCLOSED,
+        autoFocusTarget: FocusTarget.Topic,
+    };
+}
+
+function editingInitialState(editingMxEvent: MatrixEvent): IState {
+    const poll = editingMxEvent.unstableExtensibleEvent as PollStartEvent;
+    if (!poll?.isEquivalentTo(M_POLL_START)) return creatingInitialState();
+
+    return {
+        title: _t("poll|edit_poll_title"),
+        actionLabel: _t("action|done"),
+        canSubmit: true,
+        question: poll.question.text,
+        options: poll.answers.map((ans) => ans.text),
+        busy: false,
+        kind: poll.kind,
+        autoFocusTarget: FocusTarget.Topic,
+    };
+}
+
+export default class PollCreateDialog extends ScrollableBaseModal<IProps, IState> {
+    private addOptionRef = createRef<HTMLDivElement>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = props.editingMxEvent ? editingInitialState(props.editingMxEvent) : creatingInitialState();
+    }
+
+    private checkCanSubmit(): void {
+        this.setState({
+            canSubmit:
+                !this.state.busy &&
+                this.state.question.trim().length > 0 &&
+                this.state.options.filter((op) => op.trim().length > 0).length >= MIN_OPTIONS,
+        });
+    }
+
+    private onQuestionChange = (e: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ question: e.target.value }, () => this.checkCanSubmit());
+    };
+
+    private onOptionChange = (i: number, e: ChangeEvent<HTMLInputElement>): void => {
+        const newOptions = arrayFastClone(this.state.options);
+        newOptions[i] = e.target.value;
+        this.setState({ options: newOptions }, () => this.checkCanSubmit());
+    };
+
+    private onOptionRemove = (i: number): void => {
+        const newOptions = arrayFastClone(this.state.options);
+        newOptions.splice(i, 1);
+        this.setState({ options: newOptions }, () => this.checkCanSubmit());
+    };
+
+    private onOptionAdd = (): void => {
+        const newOptions = arrayFastClone(this.state.options);
+        newOptions.push("");
+        this.setState({ options: newOptions, autoFocusTarget: FocusTarget.NewOption }, () => {
+            // Scroll the button into view after the state update to ensure we don't experience
+            // a pop-in effect, and to avoid the button getting cut off due to a mid-scroll render.
+            this.addOptionRef.current?.scrollIntoView?.();
+        });
+    };
+
+    private createEvent(): IPartialEvent<object> {
+        const pollStart = PollStartEvent.from(
+            this.state.question.trim(),
+            this.state.options.map((a) => a.trim()).filter((a) => !!a),
+            this.state.kind.name,
+        ).serialize();
+
+        if (!this.props.editingMxEvent) {
+            return pollStart;
+        } else {
+            return {
+                content: {
+                    "m.new_content": pollStart.content,
+                    "m.relates_to": {
+                        rel_type: "m.replace",
+                        event_id: this.props.editingMxEvent.getId(),
+                    },
+                },
+                type: pollStart.type,
+            };
+        }
+    }
+
+    protected submit(): void {
+        this.setState({ busy: true, canSubmit: false });
+        const pollEvent = this.createEvent();
+        doMaybeLocalRoomAction(
+            this.props.room.roomId,
+            (actualRoomId: string) =>
+                this.matrixClient.sendEvent(
+                    actualRoomId,
+                    this.props.threadId ?? null,
+                    pollEvent.type as keyof TimelineEvents,
+                    pollEvent.content as TimelineEvents[keyof TimelineEvents],
+                ),
+            this.matrixClient,
+        )
+            .then(() => this.props.onFinished(true))
+            .catch((e) => {
+                console.error("Failed to post poll:", e);
+                const { finished } = Modal.createDialog(QuestionDialog, {
+                    title: _t("poll|failed_send_poll_title"),
+                    description: _t("poll|failed_send_poll_description"),
+                    button: _t("action|try_again"),
+                    cancelButton: _t("action|cancel"),
+                });
+                finished.then(([tryAgain]) => {
+                    if (!tryAgain) {
+                        this.cancel();
+                    } else {
+                        this.setState({ busy: false, canSubmit: true });
+                    }
+                });
+            });
+    }
+
+    protected cancel(): void {
+        this.props.onFinished(false);
+    }
+
+    protected renderContent(): React.ReactNode {
+        return (
+            <div className="mx_PollCreateDialog">
+                <h2>{_t("poll|type_heading")}</h2>
+                <Field element="select" value={this.state.kind.name} onChange={this.onPollTypeChange}>
+                    <option key={M_POLL_KIND_DISCLOSED.name} value={M_POLL_KIND_DISCLOSED.name}>
+                        {_t("poll|type_open")}
+                    </option>
+                    <option key={M_POLL_KIND_UNDISCLOSED.name} value={M_POLL_KIND_UNDISCLOSED.name}>
+                        {_t("poll|type_closed")}
+                    </option>
+                </Field>
+                <p>{pollTypeNotes(this.state.kind)}</p>
+                <h2>{_t("poll|topic_heading")}</h2>
+                <Field
+                    id="poll-topic-input"
+                    value={this.state.question}
+                    maxLength={MAX_QUESTION_LENGTH}
+                    label={_t("poll|topic_label")}
+                    placeholder={_t("poll|topic_placeholder")}
+                    onChange={this.onQuestionChange}
+                    usePlaceholderAsHint={true}
+                    disabled={this.state.busy}
+                    autoFocus={this.state.autoFocusTarget === FocusTarget.Topic}
+                />
+                <h2>{_t("poll|options_heading")}</h2>
+                {this.state.options.map((op, i) => (
+                    // oxlint-disable-next-line react/no-array-index-key
+                    <div key={`option_${i}`} className="mx_PollCreateDialog_option">
+                        <Field
+                            id={`pollcreate_option_${i}`}
+                            value={op}
+                            maxLength={MAX_OPTION_LENGTH}
+                            label={_t("poll|options_label", { number: i + 1 })}
+                            placeholder={_t("poll|options_placeholder")}
+                            onChange={(e: ChangeEvent<HTMLInputElement>) => this.onOptionChange(i, e)}
+                            usePlaceholderAsHint={true}
+                            disabled={this.state.busy}
+                            autoFocus={
+                                this.state.autoFocusTarget === FocusTarget.NewOption &&
+                                i === this.state.options.length - 1
+                            }
+                        />
+                        <AccessibleButton
+                            onClick={() => this.onOptionRemove(i)}
+                            className="mx_PollCreateDialog_removeOption"
+                            disabled={this.state.busy}
+                        >
+                            <CloseIcon />
+                        </AccessibleButton>
+                    </div>
+                ))}
+                <AccessibleButton
+                    onClick={this.onOptionAdd}
+                    disabled={this.state.busy || this.state.options.length >= MAX_OPTIONS}
+                    kind="secondary"
+                    className="mx_PollCreateDialog_addOption"
+                    ref={this.addOptionRef}
+                >
+                    {_t("poll|options_add_button")}
+                </AccessibleButton>
+                {this.state.busy && (
+                    <div className="mx_PollCreateDialog_busy">
+                        <Spinner />
+                    </div>
+                )}
+            </div>
+        );
+    }
+
+    public onPollTypeChange = (e: ChangeEvent<HTMLSelectElement>): void => {
+        this.setState({
+            kind: M_POLL_KIND_DISCLOSED.matches(e.target.value) ? M_POLL_KIND_DISCLOSED : M_POLL_KIND_UNDISCLOSED,
+        });
+    };
+}
+
+function pollTypeNotes(kind: KnownPollKind): string {
+    if (M_POLL_KIND_DISCLOSED.matches(kind.name)) {
+        return _t("poll|disclosed_notes");
+    } else {
+        return _t("poll|notes");
+    }
+}
diff --git a/apps/web/src/components/views/elements/PowerSelector.tsx b/apps/web/src/components/views/elements/PowerSelector.tsx
new file mode 100644
index 00000000000..fd74fa482fa
--- /dev/null
+++ b/apps/web/src/components/views/elements/PowerSelector.tsx
@@ -0,0 +1,213 @@
+/*
+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.
+*/
+
+import React from "react";
+
+import * as Roles from "../../../Roles";
+import { _t } from "../../../languageHandler";
+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";
+
+interface Props<K extends undefined | string> {
+    value: number;
+    // The maximum value that can be set with the power selector
+    maxValue: number;
+
+    // Default user power level for the room
+    usersDefault: number;
+
+    // should the user be able to change the value? false by default.
+    disabled?: boolean;
+
+    // The name to annotate the selector with
+    label?: string;
+
+    onChange(value: number, powerLevelKey: K extends undefined ? void : K): void | Promise<void>;
+
+    // Optional key to pass as the second argument to `onChange`
+    powerLevelKey: K extends undefined ? void : K;
+}
+
+interface IState {
+    // List of power levels to show in the drop-down
+    options: number[];
+
+    customValue: number;
+    selectValue: number | string;
+    custom?: boolean;
+}
+
+export default class PowerSelector<K extends undefined | string> extends React.PureComponent<Props<K>, IState> {
+    public static defaultProps: Partial<Props<any>> = {
+        maxValue: Infinity,
+        usersDefault: 0,
+    };
+    private unmounted = false;
+
+    public constructor(props: Props<K>) {
+        super(props);
+
+        this.state = {
+            // List of power levels to show in the drop-down
+            options: [],
+
+            customValue: this.props.value,
+            selectValue: 0,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+        this.initStateFromProps();
+    }
+
+    public componentDidUpdate(prevProps: Readonly<Props<K>>): void {
+        if (objectHasDiff(this.props, prevProps)) {
+            this.initStateFromProps();
+        }
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+    }
+
+    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 (
+                    level === undefined || parseInt(level) <= this.props.maxValue || parseInt(level) == this.props.value
+                );
+            })
+            .map((level) => parseInt(level));
+
+        if (arrayHasDiff(options, this.state.options)) {
+            this.setState({ options });
+        }
+
+        const isCustom = levelRoleMap[this.props.value] === undefined;
+
+        this.setState({
+            custom: isCustom,
+            customValue: this.props.value,
+            selectValue: isCustom ? CUSTOM_VALUE : this.props.value,
+        });
+    }
+
+    private onSelectChange = async (event: React.ChangeEvent<HTMLSelectElement>): Promise<void> => {
+        const isCustom = event.target.value === CUSTOM_VALUE;
+        if (isCustom) {
+            this.setState({ custom: true });
+        } else {
+            const powerLevel = parseInt(event.target.value);
+            this.setState({ selectValue: powerLevel });
+            try {
+                await this.props.onChange(powerLevel, this.props.powerLevelKey);
+            } catch {
+                if (this.unmounted) return;
+                // If the request failed, roll back the state of the selector.
+                this.initStateFromProps();
+            }
+        }
+    };
+
+    private onCustomChange = (event: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ customValue: parseInt(event.target.value) });
+    };
+
+    private onCustomBlur = async (event: React.FocusEvent): Promise<void> => {
+        event.preventDefault();
+        event.stopPropagation();
+
+        if (Number.isFinite(this.state.customValue)) {
+            try {
+                await this.props.onChange(this.state.customValue, this.props.powerLevelKey);
+            } catch {
+                if (this.unmounted) return;
+                // If the request failed, roll back the state of the selector.
+                this.initStateFromProps();
+            }
+        } else {
+            this.initStateFromProps(); // reset, invalid input
+        }
+    };
+
+    private onCustomKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {
+        const action = getKeyBindingsManager().getAccessibilityAction(event);
+        switch (action) {
+            case KeyBindingAction.Enter:
+                event.preventDefault();
+                event.stopPropagation();
+
+                // Do not call the onChange handler directly here - it can cause an infinite loop.
+                // Long story short, a user hits Enter to submit the value which onChange handles as
+                // raising a dialog which causes a blur which causes a dialog which causes a blur and
+                // so on. By not causing the onChange to be called here, we avoid the loop because we
+                // handle the onBlur safely.
+                (event.target as HTMLInputElement).blur();
+                break;
+        }
+    };
+
+    public render(): React.ReactNode {
+        let picker;
+        const label = typeof this.props.label === "undefined" ? _t("power_level|label") : this.props.label;
+        if (this.state.custom) {
+            picker = (
+                <Field
+                    type="number"
+                    label={label}
+                    max={this.props.maxValue}
+                    onBlur={this.onCustomBlur}
+                    onKeyDown={this.onCustomKeyDown}
+                    onChange={this.onCustomChange}
+                    value={String(this.state.customValue)}
+                    disabled={this.props.disabled}
+                />
+            );
+        } else {
+            // Each level must have a definition in this.state.levelRoleMap
+            const options = this.state.options.map((level) => {
+                return {
+                    value: String(level),
+                    text: Roles.textualPowerLevel(level, this.props.usersDefault),
+                };
+            });
+            options.push({ value: CUSTOM_VALUE, text: _t("power_level|custom_level") });
+            const optionsElements = options.map((op) => {
+                return (
+                    <option value={op.value} key={op.value} data-testid={`power-level-option-${op.value}`}>
+                        {op.text}
+                    </option>
+                );
+            });
+
+            picker = (
+                <Field
+                    element="select"
+                    label={label}
+                    onChange={this.onSelectChange}
+                    value={String(this.state.selectValue)}
+                    disabled={this.props.disabled}
+                    data-testid="power-level-select-element"
+                >
+                    {optionsElements}
+                </Field>
+            );
+        }
+
+        return <div className="mx_PowerSelector">{picker}</div>;
+    }
+}
diff --git a/apps/web/src/components/views/elements/ProgressBar.tsx b/apps/web/src/components/views/elements/ProgressBar.tsx
new file mode 100644
index 00000000000..eb16724d3ec
--- /dev/null
+++ b/apps/web/src/components/views/elements/ProgressBar.tsx
@@ -0,0 +1,27 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-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 { useSmoothAnimation } from "../../../hooks/useSmoothAnimation";
+
+interface IProps {
+    value: number;
+    max: number;
+    animated?: boolean;
+}
+
+const PROGRESS_BAR_ANIMATION_DURATION = 300;
+const ProgressBar: React.FC<IProps> = ({ value, max, animated = true }) => {
+    // Animating progress bars via CSS transition isn’t possible in all of our supported browsers yet.
+    // As workaround, we’re using animations through JS requestAnimationFrame
+    const currentValue = useSmoothAnimation(0, value, animated ? PROGRESS_BAR_ANIMATION_DURATION : 0);
+    return <progress className="mx_ProgressBar" max={max} value={currentValue} />;
+};
+
+export default ProgressBar;
diff --git a/apps/web/src/components/views/elements/QRCode.tsx b/apps/web/src/components/views/elements/QRCode.tsx
new file mode 100644
index 00000000000..18458126f3d
--- /dev/null
+++ b/apps/web/src/components/views/elements/QRCode.tsx
@@ -0,0 +1,50 @@
+/*
+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 from "react";
+import { toDataURL, type QRCodeSegment, type QRCodeToDataURLOptions, type QRCodeRenderersOptions } from "qrcode";
+import classNames from "classnames";
+
+import { _t } from "../../../languageHandler";
+import Spinner from "./Spinner";
+
+interface IProps extends QRCodeRenderersOptions {
+    /** The data for the QR code. If `null`, a spinner is shown. */
+    data: null | string | QRCodeSegment[];
+    className?: string;
+}
+
+const defaultOptions: QRCodeToDataURLOptions = {
+    errorCorrectionLevel: "L", // we want it as trivial-looking as possible
+};
+
+const QRCode: React.FC<IProps> = ({ data, className, ...options }) => {
+    const [dataUri, setUri] = React.useState<string | null>(null);
+    React.useEffect(() => {
+        if (data === null) {
+            setUri(null);
+            return;
+        }
+        let cancelled = false;
+        toDataURL(data, { ...defaultOptions, ...options }).then((uri) => {
+            if (cancelled) return;
+            setUri(uri);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [JSON.stringify(data), options]); // eslint-disable-line react-hooks/exhaustive-deps
+
+    return (
+        <div className={classNames("mx_QRCode", className)}>
+            {dataUri ? <img src={dataUri} className="mx_VerificationQRCode" alt={_t("common|qr_code")} /> : <Spinner />}
+        </div>
+    );
+};
+
+export default QRCode;
diff --git a/apps/web/src/components/views/elements/ReplyChain.tsx b/apps/web/src/components/views/elements/ReplyChain.tsx
new file mode 100644
index 00000000000..ead388832c8
--- /dev/null
+++ b/apps/web/src/components/views/elements/ReplyChain.tsx
@@ -0,0 +1,285 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-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 JSX } from "react";
+import classNames from "classnames";
+import { type MatrixEvent, type Room, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../languageHandler";
+import dis from "../../../dispatcher/dispatcher";
+import { makeUserPermalink, type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import SettingsStore from "../../../settings/SettingsStore";
+import { getUserNameColorClass } from "../../../utils/FormattingUtils";
+import { Action } from "../../../dispatcher/actions";
+import Spinner from "./Spinner";
+import ReplyTile from "../rooms/ReplyTile";
+import { Pill } from "./Pill";
+import { PillType } from "./PillType";
+import AccessibleButton from "./AccessibleButton";
+import { getParentEventId, shouldDisplayReply } from "../../../utils/Reply";
+import RoomContext from "../../../contexts/RoomContext";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { type GetRelationsForEvent } from "../rooms/EventTile";
+
+/**
+ * This number is based on the previous behavior - if we have message of height
+ * over 60px then we want to show button that will allow to expand it.
+ */
+const SHOW_EXPAND_QUOTE_PIXELS = 60;
+
+interface IProps {
+    // the latest event in this chain of replies
+    parentEv: MatrixEvent;
+    permalinkCreator?: RoomPermalinkCreator;
+    // Whether to always show a timestamp
+    alwaysShowTimestamps?: boolean;
+    forExport?: boolean;
+    isQuoteExpanded?: boolean;
+    setQuoteExpanded: (isExpanded: boolean) => void;
+    getRelationsForEvent?: GetRelationsForEvent;
+}
+
+interface IState {
+    // The loaded events to be rendered as linear-replies
+    events: MatrixEvent[];
+    // The latest loaded event which has not yet been shown
+    loadedEv: MatrixEvent | null;
+    // Whether the component is still loading more events
+    loading: boolean;
+    // Whether as error was encountered fetching a replied to event.
+    err: boolean;
+}
+
+// This component does no cycle detection, simply because the only way to make such a cycle would be to
+// craft event_id's, using a homeserver that generates predictable event IDs; even then the impact would
+// be low as each event being loaded (after the first) is triggered by an explicit user action.
+export default class ReplyChain extends React.Component<IProps, IState> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    private unmounted = false;
+    private room: Room;
+    private blockquoteRef = React.createRef<HTMLQuoteElement>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            events: [],
+            loadedEv: null,
+            loading: true,
+            err: false,
+        };
+
+        this.room = this.matrixClient.getRoom(this.props.parentEv.getRoomId())!;
+    }
+
+    private get matrixClient(): MatrixClient {
+        return MatrixClientPeg.safeGet();
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+        this.initialize();
+        this.trySetExpandableQuotes();
+    }
+
+    public componentDidUpdate(): void {
+        this.trySetExpandableQuotes();
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+    }
+
+    private trySetExpandableQuotes(): void {
+        if (this.props.isQuoteExpanded === undefined && this.blockquoteRef.current) {
+            const el: HTMLElement | null = this.blockquoteRef.current.querySelector(".mx_EventTile_body");
+            if (el) {
+                const code: HTMLElement | null = el.querySelector("code");
+                const isCodeEllipsisShown = code ? code.offsetHeight >= SHOW_EXPAND_QUOTE_PIXELS : false;
+                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);
+                }
+            }
+        }
+    }
+
+    private async initialize(): Promise<void> {
+        const { parentEv } = this.props;
+        // at time of making this component we checked that props.parentEv has a parentEventId
+        const ev = await this.getEvent(getParentEventId(parentEv));
+
+        if (this.unmounted) return;
+
+        if (ev) {
+            const loadedEv = await this.getNextEvent(ev);
+            this.setState({
+                events: [ev],
+                loadedEv,
+                loading: false,
+            });
+        } else {
+            this.setState({ err: true });
+        }
+    }
+
+    private async getNextEvent(ev: MatrixEvent): Promise<MatrixEvent | null> {
+        try {
+            const inReplyToEventId = getParentEventId(ev);
+            if (!inReplyToEventId) return null;
+            return await this.getEvent(inReplyToEventId);
+        } catch {
+            return null;
+        }
+    }
+
+    private async getEvent(eventId?: string): Promise<MatrixEvent | null> {
+        if (!eventId) return null;
+        const event = this.room.findEventById(eventId);
+        if (event) return event;
+
+        try {
+            // ask the client to fetch the event we want using the context API, only interface to do so is to ask
+            // for a timeline with that event, but once it is loaded we can use findEventById to look up the ev map
+            await this.matrixClient.getEventTimeline(this.room.getUnfilteredTimelineSet(), eventId);
+        } catch {
+            // if it fails catch the error and return early, there's no point trying to find the event in this case.
+            // Return null as it is falsy and thus should be treated as an error (as the event cannot be resolved).
+            return null;
+        }
+        return this.room.findEventById(eventId) ?? null;
+    }
+
+    public canCollapse = (): boolean => {
+        return this.state.events.length > 1;
+    };
+
+    public collapse = (): void => {
+        this.initialize();
+    };
+
+    private onQuoteClick = async (): Promise<void> => {
+        if (!this.state.loadedEv) return;
+        const events = [this.state.loadedEv, ...this.state.events];
+
+        let loadedEv: MatrixEvent | null = null;
+        if (events.length > 0) {
+            loadedEv = await this.getNextEvent(events[0]);
+        }
+
+        this.setState({
+            loadedEv,
+            events,
+        });
+
+        dis.fire(Action.FocusSendMessageComposer);
+    };
+
+    private getReplyChainColorClass(ev: MatrixEvent): string {
+        return getUserNameColorClass(ev.getSender()!).replace("Username", "ReplyChain");
+    }
+
+    public render(): React.ReactNode {
+        let header: JSX.Element | undefined;
+        if (this.state.err) {
+            header = (
+                <blockquote className="mx_ReplyChain mx_ReplyChain_error">
+                    {_t("timeline|reply|error_loading")}
+                </blockquote>
+            );
+        } else if (this.state.loadedEv && shouldDisplayReply(this.state.events[0])) {
+            const ev = this.state.loadedEv;
+            const room = this.matrixClient.getRoom(ev.getRoomId());
+            header = (
+                <blockquote className={`mx_ReplyChain ${this.getReplyChainColorClass(ev)}`}>
+                    {_t(
+                        "timeline|reply|in_reply_to",
+                        {},
+                        {
+                            a: (sub) => (
+                                <AccessibleButton
+                                    kind="link_inline"
+                                    className="mx_ReplyChain_show"
+                                    onClick={this.onQuoteClick}
+                                >
+                                    {sub}
+                                </AccessibleButton>
+                            ),
+                            pill: (
+                                <Pill
+                                    type={PillType.UserMention}
+                                    room={room ?? undefined}
+                                    url={makeUserPermalink(ev.getSender()!)}
+                                    shouldShowPillAvatar={SettingsStore.getValue("Pill.shouldShowPillAvatar")}
+                                />
+                            ),
+                        },
+                    )}
+                </blockquote>
+            );
+        } else if (this.props.forExport) {
+            const eventId = getParentEventId(this.props.parentEv);
+            header = (
+                <p className="mx_ReplyChain_Export">
+                    {_t(
+                        "timeline|reply|in_reply_to_for_export",
+                        {},
+                        {
+                            a: (sub) => (
+                                <a className="mx_reply_anchor" href={`#${eventId}`} data-scroll-to={eventId}>
+                                    {" "}
+                                    {sub}{" "}
+                                </a>
+                            ),
+                        },
+                    )}
+                </p>
+            );
+        } else if (this.state.loading) {
+            header = <Spinner size={16} />;
+        }
+
+        const { isQuoteExpanded } = this.props;
+        const evTiles = this.state.events.map((ev) => {
+            const classname = classNames({
+                "mx_ReplyChain": true,
+                [this.getReplyChainColorClass(ev)]: true,
+                // We don't want to add the class if it's undefined, it should only be expanded/collapsed when it's true/false
+                "mx_ReplyChain--expanded": isQuoteExpanded === true,
+                // We don't want to add the class if it's undefined, it should only be expanded/collapsed when it's true/false
+                "mx_ReplyChain--collapsed": isQuoteExpanded === false,
+            });
+            return (
+                <blockquote ref={this.blockquoteRef} className={classname} key={ev.getId()}>
+                    <ReplyTile
+                        mxEvent={ev}
+                        permalinkCreator={this.props.permalinkCreator}
+                        toggleExpandedQuote={() => this.props.setQuoteExpanded(!this.props.isQuoteExpanded)}
+                        getRelationsForEvent={this.props.getRelationsForEvent}
+                    />
+                </blockquote>
+            );
+        });
+
+        return (
+            <div className="mx_ReplyChain_wrapper">
+                <div>{header}</div>
+                <div>{evTiles}</div>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/ResizeHandle.tsx b/apps/web/src/components/views/elements/ResizeHandle.tsx
new file mode 100644
index 00000000000..a6aaa35710c
--- /dev/null
+++ b/apps/web/src/components/views/elements/ResizeHandle.tsx
@@ -0,0 +1,36 @@
+/*
+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";
+
+//see src/resizer for the actual resizing code, this is just the DOM for the resize handle
+interface IResizeHandleProps {
+    vertical?: boolean;
+    reverse?: boolean;
+    id?: string;
+    passRef?: React.RefObject<HTMLDivElement | null>;
+}
+
+const ResizeHandle: React.FC<IResizeHandleProps> = ({ vertical, reverse, id, passRef }) => {
+    const classNames = ["mx_ResizeHandle"];
+    if (vertical) {
+        classNames.push("mx_ResizeHandle--vertical");
+    } else {
+        classNames.push("mx_ResizeHandle--horizontal");
+    }
+    if (reverse) {
+        classNames.push("mx_ResizeHandle_reverse"); // required for the resizer of the third pinned widget to work
+    }
+    return (
+        <div ref={passRef} className={classNames.join(" ")} data-id={id}>
+            <div />
+        </div>
+    );
+};
+
+export default ResizeHandle;
diff --git a/apps/web/src/components/views/elements/RoomAliasField.tsx b/apps/web/src/components/views/elements/RoomAliasField.tsx
new file mode 100644
index 00000000000..e86a5768f2a
--- /dev/null
+++ b/apps/web/src/components/views/elements/RoomAliasField.tsx
@@ -0,0 +1,229 @@
+/*
+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 JSX, createRef, type KeyboardEventHandler } from "react";
+import { MatrixError } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../languageHandler";
+import withValidation, { type IFieldState, type IValidationResult } from "./Validation";
+import Field, { type IValidateOpts } from "./Field";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+
+interface IProps {
+    domain?: string;
+    value: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    // if roomId is passed then the entered alias is checked to point to this roomId, else must be unassigned
+    roomId?: string;
+    onKeyDown?: KeyboardEventHandler;
+    onChange?(value: string): void;
+}
+
+interface IState {
+    isValid: boolean;
+}
+
+// Controlled form component wrapping Field for inputting a room alias scoped to a given domain
+export default class RoomAliasField extends React.PureComponent<IProps, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    private fieldRef = createRef<Field>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            isValid: true,
+        };
+    }
+
+    private asFullAlias(localpart: string): string {
+        const hashAlias = `#${localpart}`;
+        if (this.props.domain) {
+            return `${hashAlias}:${this.props.domain}`;
+        }
+        return hashAlias;
+    }
+
+    private get domainProps(): {
+        prefix: JSX.Element;
+        postfix: JSX.Element;
+        value: string;
+        maxlength: number;
+    } {
+        const { domain } = this.props;
+        const prefix = <span>#</span>;
+        const postfix = domain ? <span title={`:${domain}`}>{`:${domain}`}</span> : <span />;
+        const maxlength = domain ? 255 - domain.length - 2 : 255 - 1; // 2 for # and :
+        const value = domain
+            ? this.props.value.substring(1, this.props.value.length - domain.length - 1)
+            : this.props.value.substring(1);
+
+        return { prefix, postfix, value, maxlength };
+    }
+
+    public render(): React.ReactNode {
+        const { prefix, postfix, value, maxlength } = this.domainProps;
+        return (
+            <Field
+                label={this.props.label || _t("room_settings|general|alias_heading")}
+                className="mx_RoomAliasField"
+                prefixComponent={prefix}
+                postfixComponent={postfix}
+                ref={this.fieldRef}
+                onValidate={this.onValidate}
+                placeholder={this.props.placeholder || _t("room_settings|general|alias_field_placeholder_default")}
+                onChange={this.onChange}
+                value={value}
+                maxLength={maxlength}
+                disabled={this.props.disabled}
+                autoComplete="off"
+                onKeyDown={this.props.onKeyDown}
+            />
+        );
+    }
+
+    private onChange = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.props.onChange?.(this.asFullAlias(ev.target.value));
+    };
+
+    private onValidate = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await this.validationRules(fieldState);
+        this.setState({ isValid: !!result.valid });
+        return result;
+    };
+
+    private validationRules = withValidation({
+        rules: [
+            {
+                key: "hasDomain",
+                test: async ({ value }): Promise<boolean> => {
+                    // Ignore if we have passed domain
+                    if (!value || this.props.domain) {
+                        return true;
+                    }
+
+                    if (value.split(":").length < 2) {
+                        return false;
+                    }
+                    return true;
+                },
+                invalid: () => _t("room_settings|general|alias_field_has_domain_invalid"),
+            },
+            {
+                key: "hasLocalpart",
+                test: async ({ value }): Promise<boolean> => {
+                    if (!value || this.props.domain) {
+                        return true;
+                    }
+
+                    const split = value.split(":");
+                    if (split.length < 2) {
+                        return true; // hasDomain check will fail here instead
+                    }
+
+                    // Define the value invalid if there's no first part (roomname)
+                    if (split[0].length < 1) {
+                        return false;
+                    }
+                    return true;
+                },
+                invalid: () => _t("room_settings|general|alias_field_has_localpart_invalid"),
+            },
+            {
+                key: "safeLocalpart",
+                test: async ({ value }): Promise<boolean> => {
+                    if (!value) {
+                        return true;
+                    }
+                    if (!this.props.domain) {
+                        return true;
+                    } else {
+                        const fullAlias = this.asFullAlias(value);
+                        const hasColon = this.props.domain ? !value.includes(":") : true;
+                        // XXX: FIXME https://github.com/matrix-org/matrix-doc/issues/668
+                        // NOTE: We could probably use linkifyjs to parse those aliases here?
+                        return (
+                            !value.includes("#") &&
+                            hasColon &&
+                            !value.includes(",") &&
+                            encodeURI(fullAlias) === fullAlias
+                        );
+                    }
+                },
+                invalid: () => _t("room_settings|general|alias_field_safe_localpart_invalid"),
+            },
+            {
+                key: "required",
+                test: async ({ value, allowEmpty }) => allowEmpty || !!value,
+                invalid: () => _t("room_settings|general|alias_field_required_invalid"),
+            },
+            this.props.roomId
+                ? {
+                      key: "matches",
+                      final: true,
+                      test: async ({ value }): Promise<boolean> => {
+                          if (!value) {
+                              return true;
+                          }
+                          const client = this.context;
+                          try {
+                              const result = await client.getRoomIdForAlias(this.asFullAlias(value));
+                              return result.room_id === this.props.roomId;
+                          } catch (err) {
+                              console.log(err);
+                              return false;
+                          }
+                      },
+                      invalid: () => _t("room_settings|general|alias_field_matches_invalid"),
+                  }
+                : {
+                      key: "taken",
+                      final: true,
+                      test: async ({ value }): Promise<boolean> => {
+                          if (!value) {
+                              return true;
+                          }
+                          const client = this.context;
+                          try {
+                              await client.getRoomIdForAlias(this.asFullAlias(value));
+                              // we got a room id, so the alias is taken
+                              return false;
+                          } catch (err) {
+                              console.log(err);
+                              // any server error code will do,
+                              // either it M_NOT_FOUND or the alias is invalid somehow,
+                              // in which case we don't want to show the invalid message
+                              return err instanceof MatrixError;
+                          }
+                      },
+                      valid: () => _t("room_settings|general|alias_field_taken_valid"),
+                      invalid: () =>
+                          this.props.domain
+                              ? _t("room_settings|general|alias_field_taken_invalid_domain")
+                              : _t("room_settings|general|alias_field_taken_invalid"),
+                  },
+        ],
+    });
+
+    public get isValid(): boolean {
+        return this.state.isValid;
+    }
+
+    public async validate(options: IValidateOpts): Promise<boolean> {
+        const val = await this.fieldRef.current?.validate(options);
+        return val ?? false;
+    }
+
+    public focus(): void {
+        this.fieldRef.current?.focus();
+    }
+}
diff --git a/apps/web/src/components/views/elements/RoomFacePile.tsx b/apps/web/src/components/views/elements/RoomFacePile.tsx
new file mode 100644
index 00000000000..75b1c665d82
--- /dev/null
+++ b/apps/web/src/components/views/elements/RoomFacePile.tsx
@@ -0,0 +1,83 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 FC, type HTMLAttributes, useContext } from "react";
+import { type Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { sortBy } from "lodash";
+
+import { _t } from "../../../languageHandler";
+import DMRoomMap from "../../../utils/DMRoomMap";
+import FacePile from "./FacePile";
+import { useRoomMembers } from "../../../hooks/useRoomMembers";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { type ButtonEvent } from "./AccessibleButton";
+
+const DEFAULT_NUM_FACES = 5;
+
+const isKnownMember = (member: RoomMember): boolean => !!DMRoomMap.shared().getDMRoomsForUserId(member.userId)?.length;
+
+interface IProps extends HTMLAttributes<HTMLSpanElement> {
+    room: Room;
+    onlyKnownUsers?: boolean;
+    numShown?: number;
+    onClick?: (e: ButtonEvent) => void | Promise<void>;
+}
+
+const RoomFacePile: FC<IProps> = ({ room, onlyKnownUsers = true, numShown = DEFAULT_NUM_FACES, ...props }) => {
+    const cli = useContext(MatrixClientContext);
+    const isJoined = room.getMyMembership() === KnownMembership.Join;
+    let members = useRoomMembers(room);
+    const count = members.length;
+
+    // sort users with an explicit avatar first
+    const iteratees = [(member: RoomMember) => (member.getMxcAvatarUrl() ? 0 : 1)];
+    if (onlyKnownUsers) {
+        members = members.filter(isKnownMember);
+    } else {
+        // sort known users first
+        iteratees.unshift((member) => (isKnownMember(member) ? 0 : 1));
+    }
+
+    // exclude ourselves from the shown members list
+    const shownMembers = sortBy(
+        members.filter((m) => m.userId !== cli.getUserId()),
+        iteratees,
+    ).slice(0, numShown);
+    if (shownMembers.length < 1) return null;
+
+    // We reverse the order of the shown faces in CSS to simplify their visual overlap,
+    // reverse members in tooltip order to make the order between the two match up.
+    const commaSeparatedMembers = shownMembers
+        .map((m) => m.name)
+        .reverse()
+        .join(", ");
+
+    return (
+        <FacePile
+            members={shownMembers}
+            size="28px"
+            overflow={members.length > numShown}
+            tooltipLabel={
+                props.onClick ? _t("room|face_pile_tooltip_label", { count }) : _t("common|n_members", { count })
+            }
+            tooltipShortcut={
+                isJoined
+                    ? _t("room|face_pile_tooltip_shortcut_joined", { commaSeparatedMembers })
+                    : _t("room|face_pile_tooltip_shortcut", { commaSeparatedMembers })
+            }
+            {...props}
+        >
+            {onlyKnownUsers && (
+                <span className="mx_FacePile_summary">{_t("room|face_pile_summary", { count: members.length })}</span>
+            )}
+        </FacePile>
+    );
+};
+
+export default RoomFacePile;
diff --git a/apps/web/src/components/views/elements/RoomTopic.tsx b/apps/web/src/components/views/elements/RoomTopic.tsx
new file mode 100644
index 00000000000..543037dad51
--- /dev/null
+++ b/apps/web/src/components/views/elements/RoomTopic.tsx
@@ -0,0 +1,116 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 JSX, useCallback, useContext, useState } from "react";
+import { type Room, EventType } from "matrix-js-sdk/src/matrix";
+import classNames from "classnames";
+import { LinkedText } from "@element-hq/web-shared-components";
+
+import { useTopic } from "../../../hooks/room/useTopic";
+import { _t } from "../../../languageHandler";
+import dis from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import Modal from "../../../Modal";
+import InfoDialog from "../dialogs/InfoDialog";
+import { useDispatcher } from "../../../hooks/useDispatcher";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import AccessibleButton, { type ButtonEvent } from "./AccessibleButton";
+import { topicToHtml } from "../../../HtmlUtils";
+import { tryTransformPermalinkToLocalHref } from "../../../utils/permalinks/Permalinks";
+import { showSpaceSettings } from "../../../utils/space";
+
+interface IProps {
+    room: Room;
+    className?: string;
+}
+
+export function onRoomTopicLinkClick(e: ButtonEvent): void {
+    const anchor = e.target as HTMLLinkElement;
+    const localHref = tryTransformPermalinkToLocalHref(anchor.href);
+
+    if (localHref !== anchor.href) {
+        // it could be converted to a localHref -> therefore handle locally
+        e.preventDefault();
+        window.location.hash = localHref;
+    }
+}
+
+export default function RoomTopic({ room, className }: IProps): JSX.Element {
+    const client = useContext(MatrixClientContext);
+    const [disableTooltip, setDisableTooltip] = useState(false);
+
+    const topic = useTopic(room);
+    const body = topicToHtml(topic?.text, topic?.html);
+
+    const onClick = useCallback((e: ButtonEvent) => {
+        const target = e.target as HTMLElement;
+
+        if (target.tagName.toUpperCase() !== "A") {
+            dis.fire(Action.ShowRoomTopic);
+            return;
+        }
+
+        onRoomTopicLinkClick(e);
+    }, []);
+
+    const onHover = (ev: React.MouseEvent | React.FocusEvent): void => {
+        setDisableTooltip((ev.target as HTMLElement).tagName.toUpperCase() === "A");
+    };
+
+    useDispatcher(dis, (payload) => {
+        if (payload.action === Action.ShowRoomTopic) {
+            const canSetTopic = room.currentState.maySendStateEvent(EventType.RoomTopic, client.getSafeUserId());
+            const body = topicToHtml(topic?.text, topic?.html, undefined, true);
+
+            const modal = Modal.createDialog(InfoDialog, {
+                title: room.name,
+                description: (
+                    <div>
+                        <LinkedText onLinkClick={() => modal.close()}>{body}</LinkedText>
+                        {canSetTopic && (
+                            <AccessibleButton
+                                kind="primary_outline"
+                                onClick={() => {
+                                    modal.close();
+                                    // SpaceRoomView renders this component for spaces too, and a space
+                                    // has its own settings dialog.
+                                    if (room.isSpaceRoom()) {
+                                        showSpaceSettings(room);
+                                    } else {
+                                        dis.dispatch({ action: "open_room_settings" });
+                                    }
+                                }}
+                            >
+                                {_t("room|edit_topic")}
+                            </AccessibleButton>
+                        )}
+                    </div>
+                ),
+                hasCloseButton: true,
+                button: false,
+            });
+        }
+    });
+
+    // Do not render the tooltip if the topic is empty
+    // We still need to have a div for the header buttons to be displayed correctly
+    if (!body) return <div className={classNames(className, "mx_RoomTopic")} />;
+
+    return (
+        <AccessibleButton
+            onClick={onClick}
+            className={classNames(className, "mx_RoomTopic")}
+            onMouseOver={onHover}
+            onFocus={onHover}
+            title={_t("room|read_topic")}
+            disableTooltip={disableTooltip}
+        >
+            <LinkedText>{body}</LinkedText>
+        </AccessibleButton>
+    );
+}
diff --git a/apps/web/src/components/views/elements/SSOButtons.tsx b/apps/web/src/components/views/elements/SSOButtons.tsx
new file mode 100644
index 00000000000..774b0a3837d
--- /dev/null
+++ b/apps/web/src/components/views/elements/SSOButtons.tsx
@@ -0,0 +1,210 @@
+/*
+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 ComponentProps, type JSX } from "react";
+import { chunk } from "lodash";
+import classNames from "classnames";
+import {
+    type MatrixClient,
+    IdentityProviderBrand,
+    type SSOFlow,
+    type SSOAction,
+    type IIdentityProvider,
+    OAUTH_AWARE_PREFERRED_FLOW_FIELD,
+} from "matrix-js-sdk/src/matrix";
+import { type Signup } from "@matrix-org/analytics-events/types/typescript/Signup";
+import { Button, Tooltip } from "@vector-im/compound-web";
+import { MacIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import PlatformPeg from "../../../PlatformPeg";
+import { _t } from "../../../languageHandler";
+import { mediaFromMxc } from "../../../customisations/Media";
+import { PosthogAnalytics } from "../../../PosthogAnalytics";
+import FacebookIcon from "../../../../res/img/element-icons/brands/facebook.svg?react";
+import GithubIcon from "../../../../res/img/element-icons/brands/github.svg?react";
+import GitlabIcon from "../../../../res/img/element-icons/brands/gitlab.svg?react";
+import GoogleIcon from "../../../../res/img/element-icons/brands/google.svg?react";
+import TwitterIcon from "../../../../res/img/element-icons/brands/twitter.svg?react";
+
+interface ISSOButtonProps extends IProps {
+    idp?: IIdentityProvider;
+    mini?: boolean;
+    action?: SSOAction;
+}
+
+const getIcon = (brand: IdentityProviderBrand | string): typeof FacebookIcon | null => {
+    switch (brand) {
+        case IdentityProviderBrand.Apple:
+            return MacIcon;
+        case IdentityProviderBrand.Facebook:
+            return FacebookIcon;
+        case IdentityProviderBrand.Github:
+            return GithubIcon;
+        case IdentityProviderBrand.Gitlab:
+            return GitlabIcon;
+        case IdentityProviderBrand.Google:
+            return GoogleIcon;
+        case IdentityProviderBrand.Twitter:
+            return TwitterIcon;
+        default:
+            return null;
+    }
+};
+
+const getAuthenticationType = (brand: IdentityProviderBrand | string): Signup["authenticationType"] => {
+    switch (brand) {
+        case IdentityProviderBrand.Apple:
+            return "Apple";
+        case IdentityProviderBrand.Facebook:
+            return "Facebook";
+        case IdentityProviderBrand.Github:
+            return "GitHub";
+        case IdentityProviderBrand.Gitlab:
+            return "GitLab";
+        case IdentityProviderBrand.Google:
+            return "Google";
+        // Not supported on the analytics SDK at the moment.
+        // case IdentityProviderBrand.Twitter:
+        //     return "Twitter";
+        default:
+            return "SSO";
+    }
+};
+
+const SSOButton: React.FC<ISSOButtonProps> = ({
+    matrixClient,
+    loginType,
+    fragmentAfterLogin,
+    idp,
+    primary,
+    mini: iconOnly,
+    action,
+    flow,
+    disabled,
+}) => {
+    let label: string;
+    if (idp) {
+        label = _t("auth|continue_with_idp", { provider: idp.name });
+    } else if (OAUTH_AWARE_PREFERRED_FLOW_FIELD.findIn<boolean>(flow)) {
+        label = _t("action|continue");
+    } else {
+        label = _t("auth|sign_in_with_sso");
+    }
+
+    const onClick = (): void => {
+        const authenticationType = getAuthenticationType(idp?.brand ?? "");
+        PosthogAnalytics.instance.setAuthenticationType(authenticationType);
+        PlatformPeg.get()?.startSingleSignOn(matrixClient, loginType, fragmentAfterLogin, idp?.id, action);
+    };
+
+    const commonProps: Partial<ComponentProps<typeof Button>> & Record<`data-${string}`, string> = {
+        iconOnly,
+        className: classNames("mx_SSOButton", {
+            mx_SSOButton_mini: iconOnly,
+        }),
+        onClick,
+        kind: primary ? "primary" : "secondary",
+        disabled,
+    };
+
+    let icon: JSX.Element | undefined;
+    const BrandIcon = idp?.brand ? getIcon(idp.brand) : null;
+    if (idp?.brand && BrandIcon) {
+        const brandName = idp.brand.split(".").pop();
+        icon = <BrandIcon aria-label={brandName} />;
+        commonProps["data-testid"] = `idp-${idp.id}`;
+    } else if (typeof idp?.icon === "string" && idp.icon.startsWith("mxc://")) {
+        const src = mediaFromMxc(idp.icon, matrixClient).getSquareThumbnailHttp(24) ?? undefined;
+        icon = <img src={src} alt={idp.name} />;
+    }
+
+    // TODO fallback icon
+    if (iconOnly) {
+        return (
+            <Tooltip label={label}>
+                <Button {...commonProps} size="lg">
+                    {icon}
+                </Button>
+            </Tooltip>
+        );
+    }
+
+    return (
+        <Button {...commonProps} size="md">
+            {icon}
+            {label}
+        </Button>
+    );
+};
+
+interface IProps {
+    matrixClient: MatrixClient;
+    flow: SSOFlow;
+    loginType: "sso" | "cas";
+    fragmentAfterLogin?: string;
+    primary?: boolean;
+    action?: SSOAction;
+    disabled?: boolean;
+}
+
+const MAX_PER_ROW = 6;
+
+const SSOButtons: React.FC<IProps> = ({
+    matrixClient,
+    flow,
+    loginType,
+    fragmentAfterLogin,
+    primary,
+    action,
+    disabled,
+}) => {
+    const providers = flow.identity_providers || [];
+    if (providers.length < 2) {
+        return (
+            <div className="mx_SSOButtons">
+                <SSOButton
+                    matrixClient={matrixClient}
+                    loginType={loginType}
+                    fragmentAfterLogin={fragmentAfterLogin}
+                    idp={providers[0]}
+                    primary={primary}
+                    action={action}
+                    flow={flow}
+                    disabled={disabled}
+                />
+            </div>
+        );
+    }
+
+    const rows = Math.ceil(providers.length / MAX_PER_ROW);
+    const size = Math.ceil(providers.length / rows);
+
+    return (
+        <div className="mx_SSOButtons">
+            {chunk(providers, size).map((chunk) => (
+                <div key={chunk[0].id} className="mx_SSOButtons_row">
+                    {chunk.map((idp) => (
+                        <SSOButton
+                            key={idp.id}
+                            matrixClient={matrixClient}
+                            loginType={loginType}
+                            fragmentAfterLogin={fragmentAfterLogin}
+                            idp={idp}
+                            mini={true}
+                            primary={primary}
+                            action={action}
+                            flow={flow}
+                        />
+                    ))}
+                </div>
+            ))}
+        </div>
+    );
+};
+
+export default SSOButtons;
diff --git a/apps/web/src/components/views/elements/SearchWarning.tsx b/apps/web/src/components/views/elements/SearchWarning.tsx
new file mode 100644
index 00000000000..091a32ec234
--- /dev/null
+++ b/apps/web/src/components/views/elements/SearchWarning.tsx
@@ -0,0 +1,243 @@
+/*
+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, useCallback, useEffect, useState } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import EventIndexPeg from "../../../indexing/EventIndexPeg";
+import type EventIndex from "../../../indexing/EventIndex";
+import { SearchScope } from "../../../Searching";
+import { _t } from "../../../languageHandler";
+import SdkConfig from "../../../SdkConfig";
+import dis from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import { UserTab } from "../dialogs/UserTab";
+import AccessibleButton, { type ButtonEvent } from "./AccessibleButton";
+
+export enum WarningKind {
+    Files,
+    Search,
+}
+
+interface IProps {
+    isRoomEncrypted?: boolean;
+    kind: WarningKind;
+    showLogo?: boolean;
+    /** The scope of the search being warned about; only meaningful for {@link WarningKind.Search}. */
+    scope?: SearchScope;
+    /** The room being searched. Mirrors `SearchInfo.roomId`: `undefined` when searching all rooms. */
+    roomId?: string;
+}
+
+/**
+ * Track whether the index is still missing history that is relevant to the given search.
+ *
+ * A room-scoped search is incomplete if the crawler still holds a checkpoint for the room
+ * ({@link EventIndex.crawlingRooms}, which covers both the checkpoint being crawled right now and
+ * those still queued behind it), or if the index holds no events for it at all
+ * ({@link EventIndex.isRoomIndexed}) — which is how a room looks before its checkpoint has been
+ * seeded, and is the case the checkpoint set alone cannot see.
+ *
+ * The second question is only asked while the crawler still has work outstanding, for two reasons.
+ * It is what the warning claims ("your search index is still being built"), and the index has no
+ * event for its contents changing — `changedCheckpoint` fires only on checkpoint transitions, and
+ * an idle crawler is silent — so a warning raised once the crawler has drained would never be
+ * re-evaluated and would stick.
+ *
+ * Neither signal proves completeness: `isRoomIndexed` reports only that the index holds *some*
+ * events for a room, not all of them, and a room has no checkpoint if it never had a
+ * back-pagination token to crawl from or if its checkpoint was dropped because the server rejected
+ * the request. So this under-warns rather than over-warns.
+ *
+ * An all-rooms search cannot ask the per-room question, so it uses the checkpoint set alone.
+ *
+ * The `changedCheckpoint` payload carries only the globally-current room and so cannot answer a
+ * per-room question: we re-read the index on each event rather than trust it.
+ *
+ * @param index The event index to observe, or `null` if there is no index.
+ * @param scope The scope of the search, if this warning is being rendered for one.
+ * @param roomId The room being searched, or `undefined` when searching all rooms.
+ * @returns `true` while the index is known to be missing history for the search, `false` otherwise.
+ */
+function useIsIndexIncomplete(index: EventIndex | null, scope?: SearchScope, roomId?: string): boolean {
+    const readCheckpoints = useCallback((): { relevant: boolean; anyOutstanding: boolean } => {
+        if (!index) return { relevant: false, anyOutstanding: false };
+        const { crawlingRooms } = index.crawlingRooms();
+        // Fall back to the global check when we don't know which room is being searched: the room
+        // id may still be undefined while a room alias is being resolved.
+        const roomScoped = scope === SearchScope.Room && roomId !== undefined;
+        return {
+            relevant: roomScoped ? crawlingRooms.has(roomId) : crawlingRooms.size > 0,
+            anyOutstanding: crawlingRooms.size > 0,
+        };
+    }, [index, scope, roomId]);
+
+    // The checkpoint half of the answer is known synchronously, so seed from it rather than
+    // rendering an unwarned search for a room we already know is being crawled.
+    const [incomplete, setIncomplete] = useState<boolean>(() => readCheckpoints().relevant);
+
+    useEffect(() => {
+        if (!index) {
+            setIncomplete(false);
+            return;
+        }
+
+        // Guards against a slow isRoomIndexed() response overwriting a newer one, or landing after
+        // the scope changed or the component unmounted.
+        let generation = 0;
+
+        // Answer this scope and room from the checkpoint set up front, so that the previous
+        // search's result is not left on screen while the first lookup below is in flight. Doing
+        // this per effect run rather than per event matters: a checkpoint change is not a new
+        // question, and resetting on one would blink an already-earned warning off and on again.
+        setIncomplete(readCheckpoints().relevant);
+
+        const update = async (): Promise<void> => {
+            const current = ++generation;
+            const { relevant, anyOutstanding } = readCheckpoints();
+
+            if (relevant) {
+                setIncomplete(true);
+                return;
+            }
+            if (!anyOutstanding || scope !== SearchScope.Room || roomId === undefined) {
+                setIncomplete(false);
+                return;
+            }
+
+            // Nothing is queued for this room yet, but the index may hold nothing for it at all.
+            // `undefined` means there is no index manager to ask, which is not evidence either way.
+            const indexed = await index.isRoomIndexed(roomId);
+            if (current === generation) setIncomplete(indexed === false);
+        };
+
+        const onChangedCheckpoint = (): void => {
+            void update();
+        };
+
+        // Re-sync in case the crawl state changed between the initial render and the subscription.
+        onChangedCheckpoint();
+        index.on("changedCheckpoint", onChangedCheckpoint);
+
+        return () => {
+            generation++;
+            index.removeListener("changedCheckpoint", onChangedCheckpoint);
+        };
+    }, [index, scope, roomId, readCheckpoints]);
+
+    return incomplete;
+}
+
+export default function SearchWarning({ isRoomEncrypted, kind, showLogo = true, scope, roomId }: IProps): JSX.Element {
+    const eventIndex = EventIndexPeg.get();
+    const indexIncomplete = useIsIndexIncomplete(eventIndex, scope, roomId);
+
+    if (!isRoomEncrypted) return <></>;
+
+    if (eventIndex) {
+        // The index is still missing history for this search, so it may silently return partial
+        // results (#32253). Warn the user.
+        if (indexIncomplete && kind === WarningKind.Search) {
+            // This warning appears dynamically while a search panel is already open (the crawler
+            // finishes draining mid-session), so mark it as a polite live region for screen readers.
+            return (
+                <div className="mx_SearchWarning" role="status">
+                    <span>{_t("seshat|warning_kind_search_partial")}</span>
+                </div>
+            );
+        }
+        return <></>;
+    }
+
+    if (EventIndexPeg.error) {
+        return (
+            <div className="mx_SearchWarning">
+                {_t(
+                    "seshat|error_initialising",
+                    {},
+                    {
+                        a: (sub) => (
+                            <AccessibleButton
+                                kind="link_inline"
+                                onClick={(evt: ButtonEvent) => {
+                                    evt.preventDefault();
+                                    dis.dispatch({
+                                        action: Action.ViewUserSettings,
+                                        initialTabId: UserTab.Security,
+                                    });
+                                }}
+                            >
+                                {sub}
+                            </AccessibleButton>
+                        ),
+                    },
+                )}
+            </div>
+        );
+    }
+
+    const brand = SdkConfig.get("brand");
+    const desktopBuilds = SdkConfig.getObject("desktop_builds");
+
+    let text: ReactNode | undefined;
+    let logo: JSX.Element | undefined;
+    if (desktopBuilds?.get("available")) {
+        logo = <img alt="" src={desktopBuilds.get("logo")} width="32px" />;
+        const buildUrl = desktopBuilds.get("url");
+        switch (kind) {
+            case WarningKind.Files:
+                text = _t(
+                    "seshat|warning_kind_files_app",
+                    {},
+                    {
+                        a: (sub) => (
+                            <a href={buildUrl} target="_blank" rel="noreferrer noopener">
+                                {sub}
+                            </a>
+                        ),
+                    },
+                );
+                break;
+            case WarningKind.Search:
+                text = _t(
+                    "seshat|warning_kind_search_app",
+                    {},
+                    {
+                        a: (sub) => (
+                            <a href={buildUrl} target="_blank" rel="noreferrer noopener">
+                                {sub}
+                            </a>
+                        ),
+                    },
+                );
+                break;
+        }
+    } else {
+        switch (kind) {
+            case WarningKind.Files:
+                text = _t("seshat|warning_kind_files", { brand });
+                break;
+            case WarningKind.Search:
+                text = _t("seshat|warning_kind_search", { brand });
+                break;
+        }
+    }
+
+    // for safety
+    if (!text) {
+        logger.warn("Unknown desktop builds warning kind: ", kind);
+        return <></>;
+    }
+
+    return (
+        <div className="mx_SearchWarning">
+            {showLogo ? logo : null}
+            <span>{text}</span>
+        </div>
+    );
+}
diff --git a/apps/web/src/components/views/elements/ServerPicker.tsx b/apps/web/src/components/views/elements/ServerPicker.tsx
new file mode 100644
index 00000000000..fa25598c680
--- /dev/null
+++ b/apps/web/src/components/views/elements/ServerPicker.tsx
@@ -0,0 +1,103 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 from "react";
+import { InfoIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import AccessibleButton from "./AccessibleButton";
+import { type ValidatedServerConfig } from "../../../utils/ValidatedServerConfig";
+import { _t } from "../../../languageHandler";
+import TextWithTooltip from "./TextWithTooltip";
+import SdkConfig from "../../../SdkConfig";
+import Modal from "../../../Modal";
+import ServerPickerDialog from "../dialogs/ServerPickerDialog";
+import InfoDialog from "../dialogs/InfoDialog";
+
+interface IProps {
+    title?: string;
+    dialogTitle?: string;
+    serverConfig: ValidatedServerConfig;
+    disabled?: boolean;
+    onServerConfigChange?(this: void, config: ValidatedServerConfig): void;
+}
+
+const showPickerDialog = (
+    title: string | undefined,
+    serverConfig: ValidatedServerConfig,
+    onFinished: (config?: ValidatedServerConfig) => void,
+): void => {
+    const { finished } = Modal.createDialog(ServerPickerDialog, { title, serverConfig });
+    finished.then(([config]) => onFinished(config));
+};
+
+const onHelpClick = (): void => {
+    const brand = SdkConfig.get().brand;
+    Modal.createDialog(
+        InfoDialog,
+        {
+            title: _t("auth|server_picker_title_default"),
+            description: _t("auth|server_picker_description", { brand }),
+            button: _t("action|dismiss"),
+            hasCloseButton: false,
+            fixedWidth: false,
+        },
+        "mx_ServerPicker_helpDialog",
+    );
+};
+
+const ServerPicker: React.FC<IProps> = ({ title, dialogTitle, serverConfig, onServerConfigChange, disabled }) => {
+    const disableCustomUrls = SdkConfig.get("disable_custom_urls");
+
+    let editBtn;
+    if (!disableCustomUrls && onServerConfigChange) {
+        const onClick = (): void => {
+            showPickerDialog(dialogTitle, serverConfig, (config?: ValidatedServerConfig) => {
+                if (config) {
+                    onServerConfigChange(config);
+                }
+            });
+        };
+        editBtn = (
+            <AccessibleButton className="mx_ServerPicker_change" kind="link" onClick={onClick} disabled={disabled}>
+                {_t("action|edit")}
+            </AccessibleButton>
+        );
+    }
+
+    let serverName: React.ReactNode = serverConfig.isNameResolvable ? serverConfig.hsName : serverConfig.hsUrl;
+    if (serverConfig.hsNameIsDifferent) {
+        serverName = (
+            <TextWithTooltip className="mx_Login_underlinedServerName" tooltip={serverConfig.hsUrl}>
+                {serverConfig.hsName}
+            </TextWithTooltip>
+        );
+    }
+
+    let desc;
+    if (serverConfig.hsName === "matrix.org") {
+        desc = <span className="mx_ServerPicker_desc">{_t("auth|server_picker_description_matrix.org")}</span>;
+    }
+
+    return (
+        <div className="mx_ServerPicker">
+            <h2>{title || _t("common|homeserver")}</h2>
+            {!disableCustomUrls ? (
+                <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}
+            </span>
+            {editBtn}
+            {desc}
+        </div>
+    );
+};
+
+export default ServerPicker;
diff --git a/apps/web/src/components/views/elements/SettingsDropdown.tsx b/apps/web/src/components/views/elements/SettingsDropdown.tsx
new file mode 100644
index 00000000000..85f448ea76b
--- /dev/null
+++ b/apps/web/src/components/views/elements/SettingsDropdown.tsx
@@ -0,0 +1,81 @@
+/*
+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, useCallback, useId, useState } from "react";
+import { _t } from "@element-hq/web-shared-components";
+
+import SettingsStore from "../../../settings/SettingsStore";
+import { type SettingLevel } from "../../../settings/SettingLevel";
+import { SETTINGS, type StringSettingKey } from "../../../settings/Settings";
+import { useSettingValueAt } from "../../../hooks/useSettings.ts";
+import Dropdown, { type DropdownProps } from "./Dropdown.tsx";
+
+interface Props {
+    settingKey: StringSettingKey;
+    level: SettingLevel;
+    roomId?: string; // for per-room settings
+    label?: string;
+    isExplicit?: boolean;
+    hideIfCannotSet?: boolean;
+    onChange?(this: void, option: string): void;
+}
+
+const SettingsDropdown = ({
+    settingKey,
+    roomId,
+    level,
+    label: specificLabel,
+    isExplicit,
+    hideIfCannotSet,
+    onChange,
+}: Props): JSX.Element => {
+    const id = useId();
+    const settingValue = useSettingValueAt(level, settingKey, roomId ?? null, isExplicit);
+    const [value, setValue] = useState(settingValue);
+    const setting = SETTINGS[settingKey];
+
+    const onOptionChange = useCallback(
+        (value: string): void => {
+            setValue(value); // local echo
+            SettingsStore.setValue(settingKey, roomId ?? null, level, value);
+            onChange?.(value);
+        },
+        [settingKey, roomId, level, onChange],
+    );
+
+    const disabled = !SettingsStore.canSetValue(settingKey, roomId ?? null, level);
+    if (disabled && hideIfCannotSet) return <></>;
+    if (!setting.options) {
+        console.error("SettingsDropdown used for a setting with no `options`");
+        return <></>;
+    }
+
+    const label = specificLabel ?? SettingsStore.getDisplayName(settingKey, level)!;
+    const options = setting.options.map((option) => {
+        return <div key={option.value}>{_t(option.label)}</div>;
+    }) as DropdownProps["children"];
+
+    return (
+        <div className="mx_SettingsDropdown">
+            <label className="mx_SettingsDropdown_label" htmlFor={id}>
+                <span className="mx_SettingsDropdown_labelText">{label}</span>
+            </label>
+            <Dropdown
+                id={id}
+                onOptionChange={onOptionChange}
+                menuWidth={360} // matches CSS width
+                value={value}
+                disabled={disabled}
+                label={label}
+            >
+                {options}
+            </Dropdown>
+        </div>
+    );
+};
+
+export default SettingsDropdown;
diff --git a/apps/web/src/components/views/elements/SettingsField.tsx b/apps/web/src/components/views/elements/SettingsField.tsx
new file mode 100644
index 00000000000..3ba2128347c
--- /dev/null
+++ b/apps/web/src/components/views/elements/SettingsField.tsx
@@ -0,0 +1,59 @@
+/*
+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 ChangeEvent, type JSX, useCallback, useState } from "react";
+import { EditInPlace } from "@vector-im/compound-web";
+
+import SettingsStore from "../../../settings/SettingsStore";
+import { _t } from "../../../languageHandler";
+import { type SettingLevel } from "../../../settings/SettingLevel";
+import { type StringSettingKey } from "../../../settings/Settings";
+
+interface Props {
+    settingKey: StringSettingKey;
+    level: SettingLevel;
+    roomId?: string; // for per-room settings
+    label?: string;
+    isExplicit?: boolean;
+    onChange?(this: void, value: string): void;
+}
+
+const SettingsField = ({ settingKey, level, roomId, isExplicit, label, onChange: _onSave }: Props): JSX.Element => {
+    const settingsValue = SettingsStore.getValueAt(level, settingKey, roomId, isExplicit);
+    const [value, setValue] = useState(settingsValue);
+    const [busy, setBusy] = useState(false);
+
+    const onChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {
+        setValue(e.target.value);
+    }, []);
+    const onCancel = useCallback(() => {
+        setValue(settingsValue);
+    }, [settingsValue]);
+    const onSave = useCallback(async () => {
+        setBusy(true);
+        await SettingsStore.setValue(settingKey, roomId ?? null, level, value);
+        setBusy(false);
+        _onSave?.(value);
+    }, [level, roomId, settingKey, value, _onSave]);
+
+    return (
+        <EditInPlace
+            label={label ?? SettingsStore.getDisplayName(settingKey, level) ?? ""}
+            value={value}
+            saveButtonLabel={_t("common|save")}
+            cancelButtonLabel={_t("common|cancel")}
+            savedLabel={_t("common|saved")}
+            savingLabel={_t("common|updating")}
+            onChange={onChange}
+            onCancel={onCancel}
+            onSave={onSave}
+            disabled={busy}
+        />
+    );
+};
+
+export default SettingsField;
diff --git a/apps/web/src/components/views/elements/SettingsFlag.tsx b/apps/web/src/components/views/elements/SettingsFlag.tsx
new file mode 100644
index 00000000000..6871850d4e9
--- /dev/null
+++ b/apps/web/src/components/views/elements/SettingsFlag.tsx
@@ -0,0 +1,136 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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 ChangeEvent } from "react";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+import { SettingsToggleInput } from "@vector-im/compound-web";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import SettingsStore from "../../../settings/SettingsStore";
+import { _t } from "../../../languageHandler";
+import { type SettingLevel } from "../../../settings/SettingLevel";
+import { type NullableBooleanSettingKey, defaultWatchManager } from "../../../settings/Settings";
+
+interface IProps {
+    // The setting must be a boolean
+    name: NullableBooleanSettingKey;
+    level: SettingLevel;
+    roomId?: string; // for per-room settings
+    label?: string;
+    isExplicit?: boolean;
+    hideIfCannotSet?: boolean;
+    requires?: NullableBooleanSettingKey[];
+    onChange?(checked: boolean): void;
+}
+
+interface IState {
+    value: boolean;
+}
+
+export default class SettingsFlag extends React.Component<IProps, IState> {
+    private readonly id = `mx_SettingsFlag_${secureRandomString(12)}`;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            value: this.getSettingValue(),
+        };
+    }
+
+    public componentDidMount(): void {
+        defaultWatchManager.watchSetting(this.props.name, this.props.roomId ?? null, this.onSettingChange);
+        if (this.props.requires) {
+            // If we have any dependencies for this feature, also watch those features to ensure we catch the disabled state.
+            for (const flag of this.props.requires) {
+                defaultWatchManager.watchSetting(flag, this.props.roomId ?? null, this.onSettingChange);
+            }
+        }
+    }
+
+    public componentWillUnmount(): void {
+        defaultWatchManager.unwatchSetting(this.onSettingChange);
+    }
+
+    private getSettingValue(): boolean {
+        // If a level defined in props is overridden by a level at a high precedence,
+        // or the setting lacks support for the desired level, it gets disabled and we should show the overriding value.
+        if (
+            !SettingsStore.doesSettingSupportLevel(this.props.name, this.props.level) ||
+            SettingsStore.settingIsOveriddenAtConfigLevel(this.props.name, this.props.roomId ?? null, this.props.level)
+        ) {
+            return !!SettingsStore.getValue(this.props.name);
+        }
+        return !!SettingsStore.getValueAt(
+            this.props.level,
+            this.props.name,
+            this.props.roomId ?? null,
+            this.props.isExplicit,
+        );
+    }
+    private onSettingChange = (): void => {
+        this.setState({
+            value: this.getSettingValue(),
+        });
+    };
+
+    private onChange = async (evt: ChangeEvent<HTMLInputElement>): Promise<void> => {
+        const newValue = evt.target.checked;
+        try {
+            await this.save(newValue);
+        } catch (ex) {
+            logger.info(`Failed to save setting ${this.props.name}`, ex);
+            return;
+        }
+        this.setState({ value: newValue });
+        this.props.onChange?.(newValue);
+    };
+
+    private save = async (val?: boolean): Promise<void> => {
+        await SettingsStore.setValue(
+            this.props.name,
+            this.props.roomId ?? null,
+            this.props.level,
+            val !== undefined ? val : this.state.value,
+        );
+    };
+
+    public render(): React.ReactNode {
+        const disabled = !SettingsStore.canSetValue(this.props.name, this.props.roomId ?? null, this.props.level);
+
+        if (disabled && this.props.hideIfCannotSet) return null;
+
+        const label = this.props.label ?? SettingsStore.getDisplayName(this.props.name, this.props.level);
+        const description = SettingsStore.getDescription(this.props.name);
+        const shouldWarn = SettingsStore.shouldHaveWarning(this.props.name);
+        const helpMessage = shouldWarn
+            ? _t(
+                  "settings|warning",
+                  {},
+                  {
+                      w: (sub) => <span className="mx_SettingsTab_microcopy_warning">{sub}</span>,
+                      description,
+                  },
+              )
+            : description;
+        const disabledMessage = SettingsStore.disabledMessage(this.props.name);
+        return (
+            <SettingsToggleInput
+                id={this.id}
+                checked={this.state.value}
+                onChange={disabledMessage ? undefined : this.onChange}
+                name={this.props.name}
+                disabled={disabled}
+                label={label ?? this.props.name}
+                helpMessage={helpMessage as string}
+                disabledMessage={disabledMessage}
+            />
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/SpellCheckLanguagesDropdown.tsx b/apps/web/src/components/views/elements/SpellCheckLanguagesDropdown.tsx
new file mode 100644
index 00000000000..6a4d98b9256
--- /dev/null
+++ b/apps/web/src/components/views/elements/SpellCheckLanguagesDropdown.tsx
@@ -0,0 +1,122 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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 ReactElement } from "react";
+
+import Dropdown from "../../views/elements/Dropdown";
+import PlatformPeg from "../../../PlatformPeg";
+import { _t } from "../../../languageHandler";
+import { getUserLanguage } from "../../../i18n/settings";
+import Spinner from "./Spinner";
+import { type NonEmptyArray } from "../../../@types/common";
+
+type Languages = {
+    value: string;
+    label: string; // translated
+}[];
+function languageMatchesSearchQuery(query: string, language: Languages[0]): boolean {
+    if (language.label.toUpperCase().includes(query.toUpperCase())) return true;
+    if (language.value.toUpperCase() === query.toUpperCase()) return true;
+    return false;
+}
+
+interface SpellCheckLanguagesDropdownIProps {
+    className: string;
+    value: string;
+    onOptionChange(language: string): void;
+}
+
+interface SpellCheckLanguagesDropdownIState {
+    searchQuery: string;
+    languages?: Languages;
+}
+
+export default class SpellCheckLanguagesDropdown extends React.Component<
+    SpellCheckLanguagesDropdownIProps,
+    SpellCheckLanguagesDropdownIState
+> {
+    public constructor(props: SpellCheckLanguagesDropdownIProps) {
+        super(props);
+        this.onSearchChange = this.onSearchChange.bind(this);
+
+        this.state = {
+            searchQuery: "",
+        };
+    }
+
+    public componentDidMount(): void {
+        const plaf = PlatformPeg.get();
+        if (plaf) {
+            const languageNames = new Intl.DisplayNames([getUserLanguage()], { type: "language", style: "short" });
+            plaf.getAvailableSpellCheckLanguages()
+                ?.then((languages) => {
+                    languages.sort(function (a, b) {
+                        if (a < b) return -1;
+                        if (a > b) return 1;
+                        return 0;
+                    });
+                    const langs: Languages = [];
+                    languages.forEach((language) => {
+                        langs.push({
+                            label: languageNames.of(language)!,
+                            value: language,
+                        });
+                    });
+                    this.setState({ languages: langs });
+                })
+                .catch((e) => {
+                    this.setState({
+                        languages: [
+                            {
+                                value: "en",
+                                label: languageNames.of("en")!,
+                            },
+                        ],
+                    });
+                });
+        }
+    }
+
+    private onSearchChange = (searchQuery: string): void => {
+        this.setState({ searchQuery });
+    };
+
+    public render(): React.ReactNode {
+        if (!this.state.languages) {
+            return <Spinner />;
+        }
+
+        let displayedLanguages: Languages;
+        if (this.state.searchQuery) {
+            displayedLanguages = this.state.languages.filter((lang) => {
+                return languageMatchesSearchQuery(this.state.searchQuery, lang);
+            });
+        } else {
+            displayedLanguages = this.state.languages;
+        }
+
+        const options = displayedLanguages.map((language) => {
+            return <div key={language.value}>{language.label}</div>;
+        }) as NonEmptyArray<ReactElement & { key: string }>;
+
+        return (
+            <Dropdown
+                id="mx_LanguageDropdown"
+                className={this.props.className}
+                onOptionChange={this.props.onOptionChange}
+                onSearchChange={this.onSearchChange}
+                searchEnabled={true}
+                value={this.props.value}
+                label={_t("language_dropdown_label")}
+                placeholder={_t("settings|general|spell_check_locale_placeholder")}
+            >
+                {options}
+            </Dropdown>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/Spinner.tsx b/apps/web/src/components/views/elements/Spinner.tsx
new file mode 100644
index 00000000000..4df3177976f
--- /dev/null
+++ b/apps/web/src/components/views/elements/Spinner.tsx
@@ -0,0 +1,43 @@
+/*
+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 from "react";
+import { InlineSpinner } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+
+interface IProps {
+    size?: number;
+    message?: string;
+    onFinished: any; // XXX: Spinner pretends to be a dialog so it must accept an onFinished, but it never calls it
+    /**
+     * Whether to render the content in a div or span.
+     * @default "div"
+     */
+    as?: "span" | "div";
+}
+
+export default class Spinner extends React.PureComponent<IProps> {
+    public static defaultProps: Partial<IProps> = {
+        size: 32,
+    };
+
+    public render(): React.ReactNode {
+        const { size, message, as: Component = "div" } = this.props;
+        return (
+            <Component className="mx_Spinner">
+                {message && (
+                    <React.Fragment>
+                        <div className="mx_Spinner_Msg">{message}</div>&nbsp;
+                    </React.Fragment>
+                )}
+                <InlineSpinner size={size} aria-label={_t("common|loading")} role="progressbar" data-testid="spinner" />
+            </Component>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/Spoiler.tsx b/apps/web/src/components/views/elements/Spoiler.tsx
new file mode 100644
index 00000000000..4f88bf599b1
--- /dev/null
+++ b/apps/web/src/components/views/elements/Spoiler.tsx
@@ -0,0 +1,53 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 Sorunome
+
+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 IProps {
+    reason?: string;
+    children: ReactNode;
+}
+
+interface IState {
+    visible: boolean;
+}
+
+export default class Spoiler extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            visible: false,
+        };
+    }
+
+    private toggleVisible = (e: React.MouseEvent): void => {
+        if (!this.state.visible) {
+            // we are un-blurring, we don't want this click to propagate to potential child pills
+            e.preventDefault();
+            e.stopPropagation();
+        }
+        this.setState({ visible: !this.state.visible });
+    };
+
+    public render(): React.ReactNode {
+        const reason = this.props.reason ? (
+            <span className="mx_EventTile_spoiler_reason">{"(" + this.props.reason + ")"}</span>
+        ) : null;
+        return (
+            <button
+                className={"mx_EventTile_spoiler" + (this.state.visible ? " visible" : "")}
+                onClick={this.toggleVisible}
+                type="button"
+            >
+                {reason}
+                &nbsp;
+                <span className="mx_EventTile_spoiler_content">{this.props.children}</span>
+            </button>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/StyledCheckbox.tsx b/apps/web/src/components/views/elements/StyledCheckbox.tsx
new file mode 100644
index 00000000000..97f2166cc15
--- /dev/null
+++ b/apps/web/src/components/views/elements/StyledCheckbox.tsx
@@ -0,0 +1,58 @@
+/*
+Copyright 2024,2025 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, { useId, type ReactNode, type Ref } from "react";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+import { CheckboxInput, Form, HelpMessage, InlineField, Label } from "@vector-im/compound-web";
+
+interface IProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    inputRef?: Ref<HTMLInputElement>;
+    id?: string;
+    description?: ReactNode;
+    formWrap?: boolean;
+}
+
+const StyledCheckbox: React.FC<IProps> = ({
+    id: initialId,
+    children: label,
+    className,
+    inputRef,
+    description,
+    formWrap = true,
+    ...otherProps
+}) => {
+    const id = initialId || "checkbox_" + secureRandomString(10);
+    const name = useId();
+    const descriptionId = useId();
+
+    const field = (
+        <InlineField
+            className={className}
+            name={name}
+            control={
+                <CheckboxInput
+                    ref={inputRef}
+                    aria-describedby={description ? descriptionId : undefined}
+                    id={id}
+                    {...otherProps}
+                />
+            }
+        >
+            {label && <Label htmlFor={id}>{label}</Label>}
+            {description && <HelpMessage id={descriptionId}>{description}</HelpMessage>}
+        </InlineField>
+    );
+
+    if (formWrap) {
+        return <Form.Root>{field}</Form.Root>;
+    }
+
+    return field;
+};
+
+export default StyledCheckbox;
diff --git a/apps/web/src/components/views/elements/StyledRadioButton.tsx b/apps/web/src/components/views/elements/StyledRadioButton.tsx
new file mode 100644
index 00000000000..e56787044fb
--- /dev/null
+++ b/apps/web/src/components/views/elements/StyledRadioButton.tsx
@@ -0,0 +1,75 @@
+/*
+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 Ref } from "react";
+import classnames from "classnames";
+
+interface IProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    inputRef?: Ref<HTMLInputElement>;
+    outlined?: boolean;
+    // If true (default), the children will be contained within a <label> element
+    // 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> {
+    public static readonly defaultProps = {
+        className: "",
+        childrenInLabel: true,
+    };
+
+    public render(): React.ReactNode {
+        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,
+            mx_StyledRadioButton_checked: this.props.checked,
+            mx_StyledRadioButton_outlined: outlined,
+        });
+
+        const radioButton = (
+            <React.Fragment>
+                <input
+                    // Pass through the ref - used for keyboard shortcut access to some buttons
+                    ref={inputRef}
+                    type="radio"
+                    disabled={disabled}
+                    {...otherProps}
+                />
+                <div>
+                    {/* Empty div is used to render the radio button circle */}
+                    <div>{icon}</div>
+                </div>
+            </React.Fragment>
+        );
+
+        if (childrenInLabel) {
+            return (
+                <label className={_className}>
+                    {radioButton}
+                    <div className="mx_StyledRadioButton_content">{children}</div>
+                    <div className="mx_StyledRadioButton_spacer" />
+                </label>
+            );
+        } else {
+            return (
+                <div className={_className}>
+                    <label className="mx_StyledRadioButton_innerLabel">{radioButton}</label>
+                    <div className="mx_StyledRadioButton_content">{children}</div>
+                    <div className="mx_StyledRadioButton_spacer" />
+                </div>
+            );
+        }
+    }
+}
diff --git a/apps/web/src/components/views/elements/StyledRadioGroup.tsx b/apps/web/src/components/views/elements/StyledRadioGroup.tsx
new file mode 100644
index 00000000000..37da341bb4c
--- /dev/null
+++ b/apps/web/src/components/views/elements/StyledRadioGroup.tsx
@@ -0,0 +1,73 @@
+/*
+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 ChangeEvent, type ReactNode } from "react";
+import classNames from "classnames";
+
+import StyledRadioButton from "./StyledRadioButton";
+
+export interface IDefinition<T extends string> {
+    value: T;
+    className?: string;
+    disabled?: boolean;
+    label: ReactNode;
+    description?: ReactNode;
+    checked?: boolean; // If provided it will override the value comparison done in the group
+}
+
+interface IProps<T extends string> {
+    name: string;
+    className?: string;
+    definitions: IDefinition<T>[];
+    value?: T; // if not provided no options will be selected
+    outlined?: boolean;
+    disabled?: boolean;
+    onChange(this: void, newValue: T): void;
+}
+
+function StyledRadioGroup<T extends string>({
+    name,
+    definitions,
+    value,
+    className,
+    outlined,
+    disabled,
+    onChange,
+}: IProps<T>): JSX.Element {
+    const _onChange = (e: ChangeEvent<HTMLInputElement>): void => {
+        onChange(e.target.value as T);
+    };
+
+    return (
+        <React.Fragment>
+            {definitions.map((d) => {
+                const id = `${name}-${d.value}`;
+                return (
+                    <React.Fragment key={d.value}>
+                        <StyledRadioButton
+                            id={id}
+                            className={classNames(className, d.className)}
+                            onChange={_onChange}
+                            checked={d.checked !== undefined ? d.checked : d.value === value}
+                            name={name}
+                            value={d.value}
+                            disabled={d.disabled ?? disabled}
+                            outlined={outlined}
+                            aria-describedby={d.description ? `${id}-description` : undefined}
+                        >
+                            {d.label}
+                        </StyledRadioButton>
+                        {d.description ? <span id={`${id}-description`}>{d.description}</span> : null}
+                    </React.Fragment>
+                );
+            })}
+        </React.Fragment>
+    );
+}
+
+export default StyledRadioGroup;
diff --git a/apps/web/src/components/views/elements/SyntaxHighlight.tsx b/apps/web/src/components/views/elements/SyntaxHighlight.tsx
new file mode 100644
index 00000000000..b6f42916327
--- /dev/null
+++ b/apps/web/src/components/views/elements/SyntaxHighlight.tsx
@@ -0,0 +1,30 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2017 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 JSX } from "react";
+
+import { useAsyncMemo } from "../../../hooks/useAsyncMemo";
+
+interface Props {
+    language?: string;
+    children: string;
+}
+
+export default function SyntaxHighlight({ children, language }: Props): JSX.Element {
+    const highlighted = useAsyncMemo(async () => {
+        const { default: highlight } = await import("highlight.js");
+        return language ? highlight.highlight(children, { language }) : highlight.highlightAuto(children);
+    }, [language, children]);
+
+    return (
+        <pre className={`mx_SyntaxHighlight hljs language-${highlighted?.language}`}>
+            {highlighted ? <code dangerouslySetInnerHTML={{ __html: highlighted.value }} /> : children}
+        </pre>
+    );
+}
diff --git a/apps/web/src/components/views/elements/Tag.tsx b/apps/web/src/components/views/elements/Tag.tsx
new file mode 100644
index 00000000000..c27442b30aa
--- /dev/null
+++ b/apps/web/src/components/views/elements/Tag.tsx
@@ -0,0 +1,38 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 JSX, type DetailedHTMLProps, type HTMLAttributes } from "react";
+import CloseIcon from "@vector-im/compound-design-tokens/assets/web/icons/close";
+
+import AccessibleButton from "./AccessibleButton";
+
+interface IProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    icon?: () => JSX.Element;
+    label: string;
+    onDeleteClick?: () => void;
+    disabled?: boolean;
+}
+
+export const Tag: React.FC<IProps> = ({ icon, label, onDeleteClick, disabled = false, ...other }) => {
+    return (
+        <div className="mx_Tag" {...other}>
+            {icon?.()}
+            {label}
+            {onDeleteClick && (
+                <AccessibleButton
+                    aria-label="Remove"
+                    className="mx_Tag_delete"
+                    onClick={onDeleteClick}
+                    disabled={disabled}
+                >
+                    <CloseIcon />
+                </AccessibleButton>
+            )}
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/elements/TagComposer.tsx b/apps/web/src/components/views/elements/TagComposer.tsx
new file mode 100644
index 00000000000..f20bf27253f
--- /dev/null
+++ b/apps/web/src/components/views/elements/TagComposer.tsx
@@ -0,0 +1,97 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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 classNames from "classnames";
+import React, { type ChangeEvent, type FormEvent } from "react";
+
+import Field from "./Field";
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "./AccessibleButton";
+import { Tag } from "./Tag";
+
+interface IProps {
+    id?: string;
+    tags: string[];
+    onAdd: (tag: string) => void;
+    onRemove: (tag: string) => void;
+    disabled?: boolean;
+    label?: string;
+    placeholder?: string;
+}
+
+interface IState {
+    newTag: string;
+}
+
+/**
+ * A simple, controlled, composer for entering string tags. Contains a simple
+ * input, add button, and per-tag remove button.
+ */
+export default class TagComposer extends React.PureComponent<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            newTag: "",
+        };
+    }
+
+    private onInputChange = (ev: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ newTag: ev.target.value });
+    };
+
+    private onAdd = (ev: FormEvent): void => {
+        ev.preventDefault();
+        if (!this.state.newTag) return;
+
+        this.props.onAdd(this.state.newTag);
+        this.setState({ newTag: "" });
+    };
+
+    private onRemove(tag: string): void {
+        // We probably don't need to proxy this, but for
+        // sanity of `this` we'll do so anyways.
+        this.props.onRemove(tag);
+    }
+
+    public render(): React.ReactNode {
+        return (
+            <div
+                className={classNames("mx_TagComposer", {
+                    mx_TagComposer_disabled: this.props.disabled,
+                })}
+            >
+                <form className="mx_TagComposer_input" onSubmit={this.onAdd}>
+                    <Field
+                        id={this.props.id ? this.props.id + "_field" : undefined}
+                        value={this.state.newTag}
+                        onChange={this.onInputChange}
+                        label={this.props.label || _t("notifications|keyword")}
+                        placeholder={this.props.placeholder || _t("notifications|keyword_new")}
+                        disabled={this.props.disabled}
+                        autoComplete="off"
+                    />
+                    <AccessibleButton onClick={this.onAdd} kind="primary" disabled={this.props.disabled}>
+                        {_t("action|add")}
+                    </AccessibleButton>
+                </form>
+                <div className="mx_TagComposer_tags" role="list">
+                    {this.props.tags.map((t, i) => (
+                        <Tag
+                            label={t}
+                            key={t}
+                            onDeleteClick={this.onRemove.bind(this, t)}
+                            disabled={this.props.disabled}
+                            role="listitem"
+                        />
+                    ))}
+                </div>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/TextWithTooltip.tsx b/apps/web/src/components/views/elements/TextWithTooltip.tsx
new file mode 100644
index 00000000000..445d1338e92
--- /dev/null
+++ b/apps/web/src/components/views/elements/TextWithTooltip.tsx
@@ -0,0 +1,30 @@
+/*
+Copyright 2019-2024 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 HTMLAttributes } from "react";
+import { Tooltip } from "@vector-im/compound-web";
+
+interface IProps extends HTMLAttributes<HTMLSpanElement> {
+    tooltip: string;
+    tooltipProps?: {
+        tabIndex?: number;
+    };
+}
+
+export default class TextWithTooltip extends React.Component<IProps> {
+    public render(): React.ReactNode {
+        const { className, children, tooltip, tooltipProps } = this.props;
+
+        return (
+            <Tooltip label={tooltip} placement="right">
+                <span className={className} tabIndex={tooltipProps?.tabIndex ?? 0}>
+                    {children}
+                </span>
+            </Tooltip>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/ToggleSwitch.tsx b/apps/web/src/components/views/elements/ToggleSwitch.tsx
new file mode 100644
index 00000000000..106b3fb8390
--- /dev/null
+++ b/apps/web/src/components/views/elements/ToggleSwitch.tsx
@@ -0,0 +1,62 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 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 } from "react";
+import classNames from "classnames";
+
+import AccessibleButton from "./AccessibleButton";
+
+interface IProps {
+    // Whether or not this toggle is in the 'on' position.
+    checked: boolean;
+
+    // Title to use
+    title?: string;
+
+    // Whether or not the user can interact with the switch
+    disabled?: boolean;
+
+    // Tooltip to show
+    tooltip?: string;
+
+    // Called when the checked state changes. First argument will be the new state.
+    onChange(this: void, checked: boolean): void;
+
+    // id to bind with other elements
+    id?: string;
+}
+
+// Controlled Toggle Switch element, written with Accessibility in mind
+export default ({ checked, disabled = false, onChange, title, tooltip, ...props }: IProps): JSX.Element => {
+    const _onClick = (): void => {
+        if (disabled) return;
+        onChange(!checked);
+    };
+
+    const classes = classNames({
+        mx_ToggleSwitch: true,
+        mx_ToggleSwitch_on: checked,
+        mx_ToggleSwitch_enabled: !disabled,
+    });
+
+    return (
+        <AccessibleButton
+            {...props}
+            className={classes}
+            onClick={_onClick}
+            role="switch"
+            tabIndex={0}
+            aria-label={title}
+            aria-checked={checked}
+            aria-disabled={disabled}
+            title={tooltip}
+        >
+            <div className="mx_ToggleSwitch_ball" />
+        </AccessibleButton>
+    );
+};
diff --git a/apps/web/src/components/views/elements/TruncatedList.tsx b/apps/web/src/components/views/elements/TruncatedList.tsx
new file mode 100644
index 00000000000..b3102bcc3cf
--- /dev/null
+++ b/apps/web/src/components/views/elements/TruncatedList.tsx
@@ -0,0 +1,87 @@
+/*
+Copyright 2017-2024 New Vector Ltd.
+Copyright 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.
+*/
+
+import React, { type ReactNode } from "react";
+
+import { _t } from "../../../languageHandler";
+
+interface IProps {
+    // The number of elements to show before truncating. If negative, no truncation is done.
+    truncateAt: number;
+    // The className to apply to the wrapping div
+    className?: string;
+    // A function that returns the children to be rendered into the element.
+    // The start element is included, the end is not (as in `slice`).
+    // If omitted, the React child elements will be used. This parameter can be used
+    // to avoid creating unnecessary React elements.
+    getChildren?: (start: number, end: number) => Array<React.ReactNode>;
+    // A function that should return the total number of child element available.
+    // Required if getChildren is supplied.
+    getChildCount?: () => number;
+    // A function which will be invoked when an overflow element is required.
+    // This will be inserted after the children.
+    createOverflowElement: (overflowCount: number, totalCount: number) => React.ReactNode;
+    children?: ReactNode;
+    id?: string;
+}
+
+export default class TruncatedList extends React.Component<IProps> {
+    public static defaultProps = {
+        truncateAt: 2,
+        createOverflowElement(overflowCount: number, totalCount: number) {
+            return <div>{_t("truncated_list_n_more", { count: overflowCount })}</div>;
+        },
+    };
+
+    private getChildren(start: number, end: number): Array<React.ReactNode> {
+        if (this.props.getChildren && this.props.getChildCount) {
+            return this.props.getChildren(start, end);
+        } else {
+            // XXX: I'm not sure why anything would pass null into this, it seems
+            // like a bizarre case to handle, but I'm preserving the behaviour.
+            // (see commit 38d5c7d5c5d5a34dc16ef5d46278315f5c57f542)
+            return React.Children.toArray(this.props.children)
+                .filter((c) => {
+                    return c != null;
+                })
+                .slice(start, end);
+        }
+    }
+
+    private getChildCount(): number {
+        if (this.props.getChildren && this.props.getChildCount) {
+            return this.props.getChildCount();
+        } else {
+            return React.Children.toArray(this.props.children).filter((c) => {
+                return c != null;
+            }).length;
+        }
+    }
+
+    public render(): ReactNode {
+        let overflowNode: ReactNode | undefined;
+
+        const totalChildren = this.getChildCount();
+        let upperBound = totalChildren;
+        if (this.props.truncateAt >= 0) {
+            const overflowCount = totalChildren - this.props.truncateAt;
+            if (overflowCount > 1) {
+                overflowNode = this.props.createOverflowElement(overflowCount, totalChildren);
+                upperBound = this.props.truncateAt;
+            }
+        }
+        const childNodes = this.getChildren(0, upperBound);
+
+        return (
+            <div className={this.props.className} role="list" id={this.props.id}>
+                {childNodes}
+                {overflowNode}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/elements/Validation.test.ts b/apps/web/src/components/views/elements/Validation.test.ts
new file mode 100644
index 00000000000..54c46088966
--- /dev/null
+++ b/apps/web/src/components/views/elements/Validation.test.ts
@@ -0,0 +1,29 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import withValidation from "./Validation";
+
+describe("Validation", () => {
+    it("should handle 0 rules", () => {
+        const handler = withValidation({
+            rules: [],
+        });
+        return expect(
+            handler({
+                value: "value",
+                focused: true,
+            }),
+        ).resolves.toEqual(
+            expect.objectContaining({
+                valid: true,
+            }),
+        );
+    });
+});
diff --git a/apps/web/src/components/views/elements/Validation.tsx b/apps/web/src/components/views/elements/Validation.tsx
new file mode 100644
index 00000000000..6346c22ffbf
--- /dev/null
+++ b/apps/web/src/components/views/elements/Validation.tsx
@@ -0,0 +1,219 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 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 ReactNode } from "react";
+import classNames from "classnames";
+import memoizeOne from "memoize-one";
+import { CheckIcon, CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+type Data = Pick<IFieldState, "value" | "allowEmpty">;
+
+interface IResult {
+    key: string;
+    valid: boolean;
+    text: string;
+}
+
+interface IRule<T, D = undefined> {
+    key: string;
+    final?: boolean;
+    skip?(this: T, data: Data, derivedData: D): boolean;
+    test(this: T, data: Data, derivedData: D): boolean | Promise<boolean>;
+    valid?(this: T, derivedData: D): string | null;
+    invalid?(this: T, derivedData: D): string | null;
+}
+
+interface IArgs<T, D = void> {
+    rules: IRule<T, D>[];
+    description?(this: T, derivedData: D, results: IResult[]): ReactNode;
+    hideDescriptionIfValid?: boolean;
+    deriveData?(this: T, data: Data): Promise<D>;
+    memoize?: boolean;
+}
+
+export interface IFieldState {
+    value: string | null;
+    focused: boolean;
+    allowEmpty?: boolean;
+}
+
+export interface IValidationResult {
+    valid?: boolean;
+    feedback?: JSX.Element | string;
+}
+
+/**
+ * Creates a validation function from a set of rules describing what to validate.
+ * Generic T is the "this" type passed to the rule methods
+ *
+ * @param {Function} description
+ *     Function that returns a string summary of the kind of value that will
+ *     meet the validation rules. Shown at the top of the validation feedback.
+ * @param {boolean} hideDescriptionIfValid
+ *     If true, don't show the description if the validation passes validation.
+ * @param {Function} deriveData
+ *     Optional function that returns a Promise to an object of generic type D.
+ *     The result of this Promise is passed to rule methods `skip`, `test`, `valid`, and `invalid`.
+ *     Useful for doing calculations per-value update once rather than in each of the above rule methods.
+ * @param {Object} rules
+ *     An array of rules describing how to check to input value. Each rule in an object
+ *     and may have the following properties:
+ *     - `key`: A unique ID for the rule. Required.
+ *     - `skip`: A function used to determine whether the rule should even be evaluated.
+ *     - `test`: A function used to determine the rule's current validity. Required.
+ *     - `valid`: Function returning text to show when the rule is valid. Only shown if set.
+ *     - `invalid`: Function returning text to show when the rule is invalid. Only shown if set.
+ *     - `final`: A Boolean if true states that this rule will only be considered if all rules before it returned valid.
+ * @param {boolean?} memoize
+ *     If true, will use memoization to avoid calling deriveData & rules unless the value or allowEmpty change.
+ *     Be careful to not use this if your validation is not pure and depends on other fields, such as "repeat password".
+ * @returns {Function}
+ *     A validation function that takes in the current input value and returns
+ *     the overall validity and a feedback UI that can be rendered for more detail.
+ */
+export default function withValidation<T = void, D = void>({
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    description,
+    hideDescriptionIfValid,
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    deriveData,
+    rules,
+    memoize,
+}: IArgs<T, D>): (fieldState: IFieldState) => Promise<IValidationResult> {
+    let checkRules = async function (
+        this: T,
+        data: Data,
+        derivedData: D,
+    ): Promise<[valid: boolean, results: IResult[]]> {
+        const results: IResult[] = [];
+        let valid = true;
+        for (const rule of rules) {
+            if (!rule.key || !rule.test) {
+                continue;
+            }
+
+            if (!valid && rule.final) {
+                continue;
+            }
+
+            if (rule.skip?.call(this, data, derivedData)) {
+                continue;
+            }
+
+            // We're setting `this` to whichever component holds the validation
+            // function. That allows rules to access the state of the component.
+            const ruleValid: boolean = await rule.test.call(this, data, derivedData);
+            valid = valid && ruleValid;
+            if (ruleValid && rule.valid) {
+                // If the rule's result is valid and has text to show for
+                // the valid state, show it.
+                const text = rule.valid.call(this, derivedData);
+                if (!text) {
+                    continue;
+                }
+                results.push({
+                    key: rule.key,
+                    valid: true,
+                    text,
+                });
+            } else if (!ruleValid && rule.invalid) {
+                // If the rule's result is invalid and has text to show for
+                // the invalid state, show it.
+                const text = rule.invalid.call(this, derivedData);
+                if (!text) {
+                    continue;
+                }
+                results.push({
+                    key: rule.key,
+                    valid: false,
+                    text,
+                });
+            }
+        }
+
+        return [valid, results];
+    };
+
+    // We have to memoize it in chunks as `focused` can change frequently, but it isn't passed to these methods
+    if (memoize) {
+        if (deriveData) deriveData = memoizeOne(deriveData, isDataEqual);
+        checkRules = memoizeOne(checkRules, isDerivedDataEqual);
+    }
+
+    return async function onValidate(
+        this: T,
+        { value, focused, allowEmpty = true }: IFieldState,
+    ): Promise<IValidationResult> {
+        if (!value && allowEmpty) {
+            return {};
+        }
+
+        const data = { value, allowEmpty };
+        // We know that if deriveData is set then D will not be undefined
+        const derivedData = (await deriveData?.call(this, data)) as D;
+        const [valid, results] = await checkRules.call(this, data, derivedData);
+
+        // Hide feedback when not focused
+        if (!focused) {
+            return { valid };
+        }
+
+        let details: ReactNode | undefined;
+        if (results && results.length) {
+            details = (
+                <ul className="mx_Validation_details">
+                    {results.map((result) => {
+                        const classes = classNames({
+                            mx_Validation_detail: true,
+                            mx_Validation_valid: result.valid,
+                            mx_Validation_invalid: !result.valid,
+                        });
+                        return (
+                            <li key={result.key} className={classes}>
+                                {result.valid ? <CheckIcon /> : <CloseIcon />}
+                                {result.text}
+                            </li>
+                        );
+                    })}
+                </ul>
+            );
+        }
+
+        let summary: ReactNode | undefined;
+        if (description && (details || !hideDescriptionIfValid)) {
+            // We're setting `this` to whichever component holds the validation
+            // function. That allows rules to access the state of the component.
+            const content = description.call(this, derivedData, results);
+            summary = content ? <div className="mx_Validation_description">{content}</div> : undefined;
+        }
+
+        let feedback: JSX.Element | undefined;
+        if (summary || details) {
+            feedback = (
+                <div className="mx_Validation">
+                    {summary}
+                    {details}
+                </div>
+            );
+        }
+
+        return {
+            valid,
+            feedback,
+        };
+    };
+}
+
+function isDataEqual([a]: [Data], [b]: [Data]): boolean {
+    return a.value === b.value && a.allowEmpty === b.allowEmpty;
+}
+
+function isDerivedDataEqual([a1, a2]: [Data, any], [b1, b2]: [Data, any]): boolean {
+    return a2 === b2 && isDataEqual([a1], [b1]);
+}
diff --git a/apps/web/src/components/views/elements/crypto/VerificationQRCode.tsx b/apps/web/src/components/views/elements/crypto/VerificationQRCode.tsx
new file mode 100644
index 00000000000..22acd41a747
--- /dev/null
+++ b/apps/web/src/components/views/elements/crypto/VerificationQRCode.tsx
@@ -0,0 +1,28 @@
+/*
+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 from "react";
+
+import QRCode from "../QRCode";
+
+interface IProps {
+    /** The data for the QR code. If `undefined`, a spinner is shown. */
+    qrCodeBytes: undefined | Uint8ClampedArray;
+}
+
+export default class VerificationQRCode extends React.PureComponent<IProps> {
+    public render(): React.ReactNode {
+        return (
+            <QRCode
+                data={this.props.qrCodeBytes === undefined ? null : [{ data: this.props.qrCodeBytes, mode: "byte" }]}
+                className="mx_VerificationQRCode"
+                width={196}
+            />
+        );
+    }
+}
diff --git a/apps/web/src/components/views/emojipicker/ReactionPicker.tsx b/apps/web/src/components/views/emojipicker/ReactionPicker.tsx
new file mode 100644
index 00000000000..19ed2a5385b
--- /dev/null
+++ b/apps/web/src/components/views/emojipicker/ReactionPicker.tsx
@@ -0,0 +1,138 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 Tulir Asokan <tulir@maunium.net>
+
+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 MatrixEvent, EventType, RelationType, type Relations, RelationsEvent } from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import dis from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import RoomContext from "../../../contexts/RoomContext";
+import { type FocusComposerPayload } from "../../../dispatcher/payloads/FocusComposerPayload";
+import { EmojiPickerWithRecents } from "../../../emojipicker/EmojiPickerWithRecents";
+
+interface IProps {
+    mxEvent: MatrixEvent;
+    reactions?: Relations | null | undefined;
+    onFinished(): void;
+}
+
+interface IState {
+    selectedEmojis: Set<string>;
+}
+
+class ReactionPicker extends React.Component<IProps, IState> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            selectedEmojis: new Set(Object.keys(this.getReactions())),
+        };
+    }
+
+    public componentDidMount(): void {
+        this.addListeners();
+    }
+
+    public componentDidUpdate(prevProps: IProps): void {
+        if (prevProps.reactions !== this.props.reactions) {
+            this.addListeners();
+            this.onReactionsChange();
+        }
+    }
+
+    private addListeners(): void {
+        if (this.props.reactions) {
+            this.props.reactions.on(RelationsEvent.Add, this.onReactionsChange);
+            this.props.reactions.on(RelationsEvent.Remove, this.onReactionsChange);
+            this.props.reactions.on(RelationsEvent.Redaction, this.onReactionsChange);
+        }
+    }
+
+    public componentWillUnmount(): void {
+        if (this.props.reactions) {
+            this.props.reactions.removeListener(RelationsEvent.Add, this.onReactionsChange);
+            this.props.reactions.removeListener(RelationsEvent.Remove, this.onReactionsChange);
+            this.props.reactions.removeListener(RelationsEvent.Redaction, this.onReactionsChange);
+        }
+    }
+
+    private getReactions(): Record<string, string> {
+        if (!this.props.reactions) {
+            return {};
+        }
+        const userId = MatrixClientPeg.safeGet().getSafeUserId();
+        const myAnnotations = this.props.reactions.getAnnotationsBySender()?.[userId] ?? new Set<MatrixEvent>();
+        return Object.fromEntries(
+            [...myAnnotations]
+                .filter((event) => !event.isRedacted())
+                .map((event) => [event.getRelation()?.key, event.getId()]),
+        );
+    }
+
+    private onReactionsChange = (): void => {
+        this.setState({
+            selectedEmojis: new Set(Object.keys(this.getReactions())),
+        });
+    };
+
+    private onChoose = (reaction: string): boolean => {
+        this.componentWillUnmount();
+        this.props.onFinished();
+        const myReactions = this.getReactions();
+        if (myReactions.hasOwnProperty(reaction)) {
+            if (this.props.mxEvent.isRedacted() || !this.context.canSelfRedact) return false;
+
+            MatrixClientPeg.safeGet().redactEvent(this.props.mxEvent.getRoomId()!, myReactions[reaction]);
+            dis.dispatch<FocusComposerPayload>({
+                action: Action.FocusAComposer,
+                context: this.context.timelineRenderingType,
+            });
+            // Tell the emoji picker not to bump this in the more frequently used list.
+            return false;
+        } else {
+            MatrixClientPeg.safeGet().sendEvent(this.props.mxEvent.getRoomId()!, EventType.Reaction, {
+                "m.relates_to": {
+                    rel_type: RelationType.Annotation,
+                    event_id: this.props.mxEvent.getId()!,
+                    key: reaction,
+                },
+            });
+            dis.dispatch({ action: "message_sent" });
+            dis.dispatch<FocusComposerPayload>({
+                action: Action.FocusAComposer,
+                context: this.context.timelineRenderingType,
+            });
+            return true;
+        }
+    };
+
+    private isEmojiDisabled = (unicode: string): boolean => {
+        if (!this.getReactions()[unicode]) return false;
+        if (this.context.canSelfRedact) return false;
+
+        return true;
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <EmojiPickerWithRecents
+                onChoose={this.onChoose}
+                isEmojiDisabled={this.isEmojiDisabled}
+                onFinished={this.props.onFinished}
+                selectedEmojis={this.state.selectedEmojis}
+            />
+        );
+    }
+}
+
+export default ReactionPicker;
diff --git a/apps/web/src/components/views/location/EnableLiveShare.tsx b/apps/web/src/components/views/location/EnableLiveShare.tsx
new file mode 100644
index 00000000000..baa42ae6f95
--- /dev/null
+++ b/apps/web/src/components/views/location/EnableLiveShare.tsx
@@ -0,0 +1,59 @@
+/*
+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 ChangeEventHandler, type FormEventHandler, useCallback, useState } from "react";
+import { SettingsToggleInput, Form, Button } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import StyledLiveBeaconIcon from "../beacon/StyledLiveBeaconIcon";
+import Heading from "../typography/Heading";
+
+interface Props {
+    onSubmit: () => void;
+}
+
+export const EnableLiveShare: React.FC<Props> = ({ onSubmit }) => {
+    const [isEnabled, setEnabled] = useState(false);
+
+    const onEnabledChanged = useCallback<ChangeEventHandler<HTMLInputElement>>(
+        (e) => setEnabled(e.target.checked),
+        [setEnabled],
+    );
+
+    const onSubmitForm = useCallback<FormEventHandler>(
+        (evt) => {
+            evt.preventDefault();
+            evt.stopPropagation();
+            if (isEnabled) {
+                onSubmit();
+            }
+        },
+        [isEnabled, onSubmit],
+    );
+
+    return (
+        <div data-testid="location-picker-enable-live-share" className="mx_EnableLiveShare">
+            <StyledLiveBeaconIcon className="mx_EnableLiveShare_icon" />
+            <Heading className="mx_EnableLiveShare_heading" size="3">
+                {_t("location_sharing|live_enable_heading")}
+            </Heading>
+            <p className="mx_EnableLiveShare_description">{_t("location_sharing|live_enable_description")}</p>
+            <Form.Root onSubmit={onSubmitForm}>
+                <SettingsToggleInput
+                    name="enable-live-share-toggle"
+                    checked={isEnabled}
+                    onChange={onEnabledChanged}
+                    label={_t("location_sharing|live_toggle_label")}
+                />
+                <Button className="mx_EnableLiveShare_button" kind="primary" disabled={!isEnabled}>
+                    {_t("action|ok")}
+                </Button>
+            </Form.Root>
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/location/LiveDurationDropdown.tsx b/apps/web/src/components/views/location/LiveDurationDropdown.tsx
new file mode 100644
index 00000000000..31b8898cb56
--- /dev/null
+++ b/apps/web/src/components/views/location/LiveDurationDropdown.tsx
@@ -0,0 +1,75 @@
+/*
+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 } from "react";
+
+import { formatDuration } from "../../../DateUtils";
+import { _t } from "../../../languageHandler";
+import Dropdown from "../elements/Dropdown";
+import { type NonEmptyArray } from "../../../@types/common";
+
+const DURATION_MS = {
+    fifteenMins: 900000,
+    oneHour: 3600000,
+    eightHours: 28800000,
+};
+
+export const DEFAULT_DURATION_MS = DURATION_MS.fifteenMins;
+
+interface Props {
+    timeout: number;
+    onChange: (timeout: number) => void;
+}
+
+const getLabel = (durationMs: number): string => {
+    return _t("location_sharing|live_share_button", { duration: formatDuration(durationMs) });
+};
+
+const LiveDurationDropdown: React.FC<Props> = ({ timeout, onChange }) => {
+    const options = Object.values(DURATION_MS).map((duration) => ({
+        key: duration.toString(),
+        duration,
+        label: getLabel(duration),
+    }));
+
+    // timeout is not one of our default values
+    // eg it was set by another client
+    if (!Object.values(DURATION_MS).includes(timeout)) {
+        options.push({
+            key: timeout.toString(),
+            duration: timeout,
+            label: getLabel(timeout),
+        });
+    }
+
+    const onOptionChange = (key: string): void => {
+        // stringified value back to number
+        onChange(+key);
+    };
+
+    return (
+        <Dropdown
+            id="live-duration"
+            data-testid="live-duration-dropdown"
+            label={getLabel(timeout)}
+            value={timeout.toString()}
+            onOptionChange={onOptionChange}
+            className="mx_LiveDurationDropdown"
+        >
+            {
+                options.map(({ key, label }) => (
+                    <div data-testid={`live-duration-option-${key}`} key={key}>
+                        {label}
+                    </div>
+                )) as NonEmptyArray<ReactElement & { key: string }>
+            }
+        </Dropdown>
+    );
+};
+
+export default LiveDurationDropdown;
diff --git a/apps/web/src/components/views/location/LocationButton.tsx b/apps/web/src/components/views/location/LocationButton.tsx
new file mode 100644
index 00000000000..0f02689b7d5
--- /dev/null
+++ b/apps/web/src/components/views/location/LocationButton.tsx
@@ -0,0 +1,66 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 ReactNode, type SyntheticEvent, useContext } from "react";
+import classNames from "classnames";
+import { type RoomMember, type IEventRelation } from "matrix-js-sdk/src/matrix";
+import { LocationPinIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import { CollapsibleButton, OverflowMenuContext } from "../rooms/CollapsibleButton";
+import { aboveLeftOf, useContextMenu, type MenuProps } from "../../structures/ContextMenu";
+import LocationShareMenu from "./LocationShareMenu";
+
+export interface IProps {
+    roomId: string;
+    sender: RoomMember;
+    menuPosition?: MenuProps;
+    relation?: IEventRelation;
+}
+
+const LocationButton: React.FC<IProps> = ({ roomId, sender, menuPosition, relation }) => {
+    const overflowMenuCloser = useContext(OverflowMenuContext);
+    const [menuDisplayed, button, openMenu, closeMenu] = useContextMenu();
+
+    const _onFinished = (ev?: SyntheticEvent): void => {
+        closeMenu(ev);
+        overflowMenuCloser?.();
+    };
+
+    let contextMenu: ReactNode = null;
+    if (menuDisplayed) {
+        const position = menuPosition ?? (button.current && aboveLeftOf(button.current.getBoundingClientRect())) ?? {};
+
+        contextMenu = (
+            <LocationShareMenu
+                menuPosition={position}
+                onFinished={_onFinished}
+                sender={sender}
+                roomId={roomId}
+                openMenu={openMenu}
+                relation={relation}
+            />
+        );
+    }
+
+    const className = classNames("mx_MessageComposer_button", {
+        mx_MessageComposer_button_highlight: menuDisplayed,
+    });
+
+    return (
+        <React.Fragment>
+            <CollapsibleButton className={className} onClick={openMenu} title={_t("common|location")} inputRef={button}>
+                <LocationPinIcon />
+            </CollapsibleButton>
+
+            {contextMenu}
+        </React.Fragment>
+    );
+};
+
+export default LocationButton;
diff --git a/apps/web/src/components/views/location/LocationPicker.tsx b/apps/web/src/components/views/location/LocationPicker.tsx
new file mode 100644
index 00000000000..dce5699fcc0
--- /dev/null
+++ b/apps/web/src/components/views/location/LocationPicker.tsx
@@ -0,0 +1,265 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 SyntheticEvent } from "react";
+import maplibregl, { type MapMouseEvent } from "maplibre-gl";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type RoomMember, ClientEvent, type IClientWellKnown } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../languageHandler";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import Modal from "../../../Modal";
+import { tileServerFromWellKnown } from "../../../utils/WellKnownUtils";
+import { type GenericPosition, genericPositionFromGeolocation, getGeoUri } from "../../../utils/beacon";
+import { LocationShareError, findMapStyleUrl, positionFailureMessage } from "../../../utils/location";
+import ErrorDialog from "../dialogs/ErrorDialog";
+import AccessibleButton from "../elements/AccessibleButton";
+import { MapError } from "./MapError";
+import LiveDurationDropdown, { DEFAULT_DURATION_MS } from "./LiveDurationDropdown";
+import { LocationShareType, type ShareLocationFn } from "./shareLocation";
+import Marker from "./Marker";
+
+export interface ILocationPickerProps {
+    sender: RoomMember;
+    shareType: LocationShareType;
+    onChoose: ShareLocationFn;
+    onFinished(ev?: SyntheticEvent): void;
+}
+
+interface IState {
+    timeout: number;
+    position?: GenericPosition;
+    error?: LocationShareError;
+}
+
+const isSharingOwnLocation = (shareType: LocationShareType): boolean =>
+    shareType === LocationShareType.Own || shareType === LocationShareType.Live;
+
+class LocationPicker extends React.Component<ILocationPickerProps, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+    private map?: maplibregl.Map;
+    private geolocate?: maplibregl.GeolocateControl;
+    private marker?: maplibregl.Marker;
+
+    public constructor(props: ILocationPickerProps) {
+        super(props);
+
+        this.state = {
+            position: undefined,
+            timeout: DEFAULT_DURATION_MS,
+            error: undefined,
+        };
+    }
+
+    private getMarkerId = (): string => {
+        return "mx_MLocationPicker_marker";
+    };
+
+    public componentDidMount(): void {
+        this.context.on(ClientEvent.ClientWellKnown, this.updateStyleUrl);
+
+        try {
+            this.map = new maplibregl.Map({
+                container: "mx_LocationPicker_map",
+                style: findMapStyleUrl(this.context),
+                center: [0, 0],
+                zoom: 1,
+            });
+
+            // Add geolocate control to the map.
+            this.geolocate = new maplibregl.GeolocateControl({
+                positionOptions: {
+                    enableHighAccuracy: true,
+                },
+                trackUserLocation: false,
+            });
+
+            this.map.addControl(this.geolocate);
+
+            this.map.on("error", (e) => {
+                logger.error(
+                    "Failed to load map: check map_style_url in config.json has a valid URL and API key",
+                    e.error,
+                );
+                this.setState({ error: LocationShareError.MapStyleUrlNotReachable });
+            });
+
+            this.map.on("load", () => {
+                this.geolocate?.trigger();
+            });
+
+            this.geolocate.on("error", this.onGeolocateError);
+
+            if (isSharingOwnLocation(this.props.shareType)) {
+                this.geolocate.on("geolocate", this.onGeolocate);
+            }
+
+            if (this.props.shareType === LocationShareType.Pin) {
+                const navigationControl = new maplibregl.NavigationControl({
+                    showCompass: false,
+                    showZoom: true,
+                });
+                this.map.addControl(navigationControl, "bottom-right");
+                this.map.on("click", this.onClick);
+            }
+        } catch (e) {
+            logger.error("Failed to render map", e);
+            const errorMessage = (e as Error)?.message;
+            let errorType;
+            if (errorMessage === LocationShareError.MapStyleUrlNotConfigured)
+                errorType = LocationShareError.MapStyleUrlNotConfigured;
+            else if (errorMessage.includes("Failed to initialize WebGL"))
+                errorType = LocationShareError.WebGLNotEnabled;
+            else errorType = LocationShareError.Default;
+            this.setState({ error: errorType });
+        }
+    }
+
+    public componentWillUnmount(): void {
+        this.geolocate?.off("error", this.onGeolocateError);
+        this.geolocate?.off("geolocate", this.onGeolocate);
+        this.map?.off("click", this.onClick);
+        this.context.off(ClientEvent.ClientWellKnown, this.updateStyleUrl);
+    }
+
+    private addMarkerToMap = (): void => {
+        this.marker = new maplibregl.Marker({
+            element: document.getElementById(this.getMarkerId()) ?? undefined,
+            anchor: "bottom",
+            offset: [0, -1],
+        })
+            .setLngLat(new maplibregl.LngLat(0, 0))
+            .addTo(this.map!);
+    };
+
+    private updateStyleUrl = (clientWellKnown: IClientWellKnown): void => {
+        const style = tileServerFromWellKnown(clientWellKnown)?.["map_style_url"];
+        if (style) {
+            this.map?.setStyle(style);
+        }
+    };
+
+    private onGeolocate = (position: GeolocationPosition): void => {
+        if (!this.marker) {
+            this.addMarkerToMap();
+        }
+        this.setState({ position: genericPositionFromGeolocation(position) });
+        this.marker?.setLngLat(new maplibregl.LngLat(position.coords.longitude, position.coords.latitude));
+    };
+
+    private onClick = (event: MapMouseEvent): void => {
+        if (!this.marker) {
+            this.addMarkerToMap();
+        }
+        this.marker?.setLngLat(event.lngLat);
+        this.setState({
+            position: {
+                timestamp: Date.now(),
+                latitude: event.lngLat.lat,
+                longitude: event.lngLat.lng,
+            },
+        });
+    };
+
+    private onGeolocateError = (e: GeolocationPositionError): void => {
+        logger.error("Could not fetch location", e);
+        // close the dialog and show an error when trying to share own location
+        // pin drop location without permissions is ok
+        if (isSharingOwnLocation(this.props.shareType)) {
+            this.props.onFinished();
+            Modal.createDialog(ErrorDialog, {
+                title: _t("location_sharing|error_fetch_location"),
+                description: positionFailureMessage(e.code),
+            });
+        }
+
+        if (this.geolocate) {
+            this.map?.removeControl(this.geolocate);
+        }
+    };
+
+    private onTimeoutChange = (timeout: number): void => {
+        this.setState({ timeout });
+    };
+
+    private onOk = (): void => {
+        const { timeout, position } = this.state;
+
+        this.props.onChoose(
+            position
+                ? { uri: getGeoUri(position), timestamp: position.timestamp, timeout }
+                : {
+                      timeout,
+                  },
+        );
+        this.props.onFinished();
+    };
+
+    public render(): React.ReactNode {
+        if (this.state.error) {
+            return (
+                <div className="mx_LocationPicker mx_LocationPicker_hasError">
+                    <MapError error={this.state.error} onFinished={this.props.onFinished} />
+                </div>
+            );
+        }
+
+        return (
+            <div className="mx_LocationPicker">
+                <div id="mx_LocationPicker_map" />
+
+                {this.props.shareType === LocationShareType.Pin && (
+                    <div className="mx_LocationPicker_pinText">
+                        <span>
+                            {this.state.position
+                                ? _t("location_sharing|click_move_pin")
+                                : _t("location_sharing|click_drop_pin")}
+                        </span>
+                    </div>
+                )}
+                <div className="mx_LocationPicker_footer">
+                    <form onSubmit={this.onOk}>
+                        {this.props.shareType === LocationShareType.Live && (
+                            <LiveDurationDropdown onChange={this.onTimeoutChange} timeout={this.state.timeout} />
+                        )}
+                        <AccessibleButton
+                            data-testid="location-picker-submit-button"
+                            type="submit"
+                            element="button"
+                            kind="primary"
+                            className="mx_LocationPicker_submitButton"
+                            disabled={!this.state.position}
+                            onClick={this.onOk}
+                        >
+                            {_t("location_sharing|share_button")}
+                        </AccessibleButton>
+                    </form>
+                </div>
+                <div id={this.getMarkerId()}>
+                    {/*
+                    maplibregl hijacks the div above to style the marker
+                    it must be in the dom when the map is initialised
+                    and keep a consistent class
+                    we want to hide the marker until it is set in the case of pin drop
+                    so hide the internal visible elements
+                    */}
+
+                    {!!this.marker && (
+                        <Marker
+                            roomMember={isSharingOwnLocation(this.props.shareType) ? this.props.sender : undefined}
+                            useMemberColor={this.props.shareType === LocationShareType.Live}
+                        />
+                    )}
+                </div>
+            </div>
+        );
+    }
+}
+
+export default LocationPicker;
diff --git a/apps/web/src/components/views/location/LocationShareMenu.tsx b/apps/web/src/components/views/location/LocationShareMenu.tsx
new file mode 100644
index 00000000000..453ad33cea0
--- /dev/null
+++ b/apps/web/src/components/views/location/LocationShareMenu.tsx
@@ -0,0 +1,94 @@
+/*
+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 SyntheticEvent, useContext, useState } from "react";
+import { type Room, type IEventRelation } from "matrix-js-sdk/src/matrix";
+
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import ContextMenu, { type MenuProps } from "../../structures/ContextMenu";
+import LocationPicker, { type ILocationPickerProps } from "./LocationPicker";
+import { shareLiveLocation, shareLocation, LocationShareType } from "./shareLocation";
+import SettingsStore from "../../../settings/SettingsStore";
+import ShareDialogButtons from "./ShareDialogButtons";
+import ShareType from "./ShareType";
+import { OwnProfileStore } from "../../../stores/OwnProfileStore";
+import { EnableLiveShare } from "./EnableLiveShare";
+import { useFeatureEnabled } from "../../../hooks/useSettings";
+import { SettingLevel } from "../../../settings/SettingLevel";
+
+type Props = Omit<ILocationPickerProps, "onChoose" | "shareType"> & {
+    onFinished: (ev?: SyntheticEvent) => void;
+    menuPosition: MenuProps;
+    openMenu: () => void;
+    roomId: Room["roomId"];
+    relation?: IEventRelation;
+};
+
+const getEnabledShareTypes = (relation?: IEventRelation): LocationShareType[] => {
+    const enabledShareTypes = [LocationShareType.Own];
+
+    // live locations cannot have a relation
+    // hide the option when composer has a relation
+    if (!relation) {
+        enabledShareTypes.push(LocationShareType.Live);
+    }
+
+    enabledShareTypes.push(LocationShareType.Pin);
+
+    return enabledShareTypes;
+};
+
+const LocationShareMenu: React.FC<Props> = ({ menuPosition, onFinished, sender, roomId, openMenu, relation }) => {
+    const matrixClient = useContext(MatrixClientContext);
+    const enabledShareTypes = getEnabledShareTypes(relation);
+    const isLiveShareEnabled = useFeatureEnabled("feature_location_share_live");
+
+    const multipleShareTypesEnabled = enabledShareTypes.length > 1;
+
+    const [shareType, setShareType] = useState<LocationShareType | undefined>(
+        multipleShareTypesEnabled ? undefined : LocationShareType.Own,
+    );
+
+    const displayName = OwnProfileStore.instance.displayName;
+    const userId = matrixClient.getSafeUserId();
+
+    const onLocationSubmit =
+        shareType === LocationShareType.Live
+            ? shareLiveLocation(matrixClient, roomId, displayName || userId, openMenu)
+            : shareLocation(matrixClient, roomId, shareType ?? LocationShareType.Own, relation, openMenu);
+
+    const onLiveShareEnableSubmit = (): void => {
+        SettingsStore.setValue("feature_location_share_live", null, SettingLevel.DEVICE, true);
+    };
+
+    const shouldAdvertiseLiveLabsFlag = shareType === LocationShareType.Live && !isLiveShareEnabled;
+
+    return (
+        <ContextMenu {...menuPosition} onFinished={onFinished} managed={false}>
+            <div className="mx_LocationShareMenu">
+                {shouldAdvertiseLiveLabsFlag && <EnableLiveShare onSubmit={onLiveShareEnableSubmit} />}
+                {!shouldAdvertiseLiveLabsFlag && !!shareType && (
+                    <LocationPicker
+                        sender={sender}
+                        shareType={shareType}
+                        onChoose={onLocationSubmit}
+                        onFinished={onFinished}
+                    />
+                )}
+                {!shareType && <ShareType setShareType={setShareType} enabledShareTypes={enabledShareTypes} />}
+                <ShareDialogButtons
+                    displayBack={!!shareType && multipleShareTypesEnabled}
+                    onBack={() => setShareType(undefined)}
+                    onCancel={onFinished}
+                />
+            </div>
+        </ContextMenu>
+    );
+};
+
+export default LocationShareMenu;
diff --git a/apps/web/src/components/views/location/LocationViewDialog.tsx b/apps/web/src/components/views/location/LocationViewDialog.tsx
new file mode 100644
index 00000000000..11366d0230c
--- /dev/null
+++ b/apps/web/src/components/views/location/LocationViewDialog.tsx
@@ -0,0 +1,78 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import BaseDialog from "../dialogs/BaseDialog";
+import { locationEventGeoUri, isSelfLocation } from "../../../utils/location";
+import Map from "./Map";
+import SmartMarker from "./SmartMarker";
+import ZoomButtons from "./ZoomButtons";
+
+interface IProps {
+    mxEvent: MatrixEvent;
+    onFinished(): void;
+}
+
+interface IState {
+    error?: Error;
+}
+
+/**
+ * Dialog to view m.location events maximised
+ */
+export default class LocationViewDialog extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            error: undefined,
+        };
+    }
+
+    private getBodyId = (): string => {
+        return `mx_LocationViewDialog_${this.props.mxEvent.getId()}`;
+    };
+
+    private onError = (error: Error): void => {
+        this.setState({ error });
+    };
+
+    public render(): React.ReactNode {
+        const { mxEvent } = this.props;
+
+        // only pass member to marker when should render avatar marker
+        const markerRoomMember = (isSelfLocation(mxEvent.getContent()) && mxEvent.sender) || undefined;
+        const geoUri = locationEventGeoUri(mxEvent);
+        return (
+            <BaseDialog className="mx_LocationViewDialog" onFinished={this.props.onFinished} fixedWidth={false}>
+                <Map
+                    id={this.getBodyId()}
+                    centerGeoUri={geoUri}
+                    onError={this.onError}
+                    interactive
+                    className="mx_LocationViewDialog_map"
+                    allowGeolocate
+                >
+                    {({ map }) => (
+                        <>
+                            <SmartMarker
+                                map={map}
+                                id={`${this.getBodyId()}-marker`}
+                                geoUri={geoUri}
+                                roomMember={markerRoomMember}
+                            />
+                            <ZoomButtons map={map} />
+                        </>
+                    )}
+                </Map>
+            </BaseDialog>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/location/Map.tsx b/apps/web/src/components/views/location/Map.tsx
new file mode 100644
index 00000000000..23d8911b850
--- /dev/null
+++ b/apps/web/src/components/views/location/Map.tsx
@@ -0,0 +1,185 @@
+/*
+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 ReactNode, useContext, useEffect, useState } from "react";
+import classNames from "classnames";
+import * as maplibregl from "maplibre-gl";
+import { ClientEvent, type IClientWellKnown } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { useEventEmitterState } from "../../../hooks/useEventEmitter";
+import { parseGeoUri, positionFailureMessage } from "../../../utils/location";
+import { tileServerFromWellKnown } from "../../../utils/WellKnownUtils";
+import { useMap } from "../../../utils/location/useMap";
+import { type Bounds } from "../../../utils/beacon/bounds";
+import Modal from "../../../Modal";
+import ErrorDialog from "../dialogs/ErrorDialog";
+import { _t } from "../../../languageHandler";
+
+const useMapWithStyle = ({
+    id,
+    centerGeoUri,
+    onError,
+    interactive,
+    bounds,
+    allowGeolocate,
+}: {
+    id: string;
+    centerGeoUri?: string;
+    onError?(this: void, error: Error): void;
+    interactive?: boolean;
+    bounds?: Bounds;
+    allowGeolocate?: boolean;
+}): {
+    map: maplibregl.Map | undefined;
+    bodyId: string;
+} => {
+    const bodyId = `mx_Map_${id}`;
+
+    // style config
+    const context = useContext(MatrixClientContext);
+    const mapStyleUrl = useEventEmitterState(
+        context,
+        ClientEvent.ClientWellKnown,
+        (clientWellKnown: IClientWellKnown) => tileServerFromWellKnown(clientWellKnown)?.["map_style_url"],
+    );
+
+    const map = useMap({ interactive, bodyId, onError });
+
+    useEffect(() => {
+        if (mapStyleUrl && map) {
+            map.setStyle(mapStyleUrl);
+        }
+    }, [mapStyleUrl, map]);
+
+    useEffect(() => {
+        if (map && centerGeoUri) {
+            try {
+                const coords = parseGeoUri(centerGeoUri);
+                if (!coords) {
+                    throw new Error("Invalid geo URI");
+                }
+                map.setCenter({ lon: coords.longitude, lat: coords.latitude });
+            } catch (e) {
+                logger.error("Could not set map center", e);
+            }
+        }
+    }, [map, centerGeoUri]);
+
+    useEffect(() => {
+        if (map && bounds) {
+            try {
+                const lngLatBounds = new maplibregl.LngLatBounds(
+                    [bounds.west, bounds.south],
+                    [bounds.east, bounds.north],
+                );
+                map.fitBounds(lngLatBounds, { padding: 100, maxZoom: 15 });
+            } catch (e) {
+                logger.error("Invalid map bounds", e);
+            }
+        }
+    }, [map, bounds]);
+
+    const [geolocate, setGeolocate] = useState<maplibregl.GeolocateControl | null>(null);
+
+    useEffect(() => {
+        if (!map) {
+            return;
+        }
+        if (allowGeolocate && !geolocate) {
+            const geolocate = new maplibregl.GeolocateControl({
+                positionOptions: {
+                    enableHighAccuracy: true,
+                },
+                trackUserLocation: false,
+            });
+            setGeolocate(geolocate);
+            map.addControl(geolocate);
+        }
+        if (!allowGeolocate && geolocate) {
+            map.removeControl(geolocate);
+            setGeolocate(null);
+        }
+    }, [map, geolocate, allowGeolocate]);
+
+    useEffect(() => {
+        if (geolocate) {
+            geolocate.on("error", onGeolocateError);
+            return () => {
+                geolocate.off("error", onGeolocateError);
+            };
+        }
+    }, [geolocate]);
+
+    return {
+        map,
+        bodyId,
+    };
+};
+
+const onGeolocateError = (e: GeolocationPositionError): void => {
+    logger.error("Could not fetch location", e);
+    Modal.createDialog(ErrorDialog, {
+        title: _t("location_sharing|error_fetch_location"),
+        description: positionFailureMessage(e.code) ?? "",
+    });
+};
+
+export interface MapProps {
+    id: string;
+    interactive?: boolean;
+    /**
+     * set map center to geoUri coords
+     * Center will only be set to valid geoUri
+     * this prop is only simply diffed by useEffect, so to trigger *recentering* of the same geoUri
+     * append the uri with a var not used by the geoUri spec
+     * eg a timestamp: `geo:54,42;mxTs=123`
+     */
+    centerGeoUri?: string;
+    bounds?: Bounds;
+    className?: string;
+    allowGeolocate?: boolean;
+    onClick?: () => void;
+    onError?: (error: Error) => void;
+    children?: (renderProps: { map: maplibregl.Map }) => ReactNode;
+}
+
+const MapComponent: React.FC<MapProps> = ({
+    bounds,
+    centerGeoUri,
+    children,
+    className,
+    allowGeolocate,
+    id,
+    interactive,
+    onError,
+    onClick,
+}) => {
+    const { map, bodyId } = useMapWithStyle({ centerGeoUri, onError, id, interactive, bounds, allowGeolocate });
+
+    const onMapClick = (event: React.MouseEvent<HTMLDivElement>): void => {
+        // Eat click events when clicking the attribution button
+        const target = event.target as Element;
+        if (target.classList.contains("maplibregl-ctrl-attrib-button")) {
+            return;
+        }
+
+        onClick?.();
+    };
+
+    return (
+        // We break the rule here as this is a mouse-only interaction
+        // oxlint-disable-next-line jsx-a11y/click-events-have-key-events
+        <div className={classNames("mx_Map", className)} id={bodyId} onClick={onMapClick}>
+            {!!children && !!map && children({ map })}
+        </div>
+    );
+};
+
+export default MapComponent;
diff --git a/apps/web/src/components/views/location/MapError.tsx b/apps/web/src/components/views/location/MapError.tsx
new file mode 100644
index 00000000000..8716d7a1ba8
--- /dev/null
+++ b/apps/web/src/components/views/location/MapError.tsx
@@ -0,0 +1,45 @@
+/*
+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 classNames from "classnames";
+import { ErrorIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import { getLocationShareErrorMessage, type LocationShareError } from "../../../utils/location";
+import AccessibleButton from "../elements/AccessibleButton";
+import Heading from "../typography/Heading";
+
+export interface MapErrorProps {
+    error: LocationShareError;
+    onFinished?: () => void;
+    isMinimised?: boolean;
+    className?: string;
+    onClick?: () => void;
+}
+
+export const MapError: React.FC<MapErrorProps> = ({ error, isMinimised, className, onFinished, onClick }) => (
+    // We break the rule here as this is a mouse-only interaction
+    // oxlint-disable-next-line jsx-a11y/click-events-have-key-events
+    <div
+        data-testid="map-rendering-error"
+        className={classNames("mx_MapError", className, { mx_MapError_isMinimised: isMinimised })}
+        onClick={onClick}
+    >
+        <ErrorIcon className="mx_MapError_icon" />
+        <Heading className="mx_MapError_heading" size="3">
+            {_t("location_sharing|failed_load_map")}
+        </Heading>
+        <p className="mx_MapError_message">{getLocationShareErrorMessage(error)}</p>
+        {onFinished && (
+            <AccessibleButton element="button" kind="primary" onClick={onFinished}>
+                {_t("action|ok")}
+            </AccessibleButton>
+        )}
+    </div>
+);
diff --git a/apps/web/src/components/views/location/MapFallback.tsx b/apps/web/src/components/views/location/MapFallback.tsx
new file mode 100644
index 00000000000..25082a55325
--- /dev/null
+++ b/apps/web/src/components/views/location/MapFallback.tsx
@@ -0,0 +1,31 @@
+/*
+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 classNames from "classnames";
+import LocationMarkerIcon from "@vector-im/compound-design-tokens/assets/web/icons/location-pin-solid";
+
+import MapFallbackImage from "../../../../res/img/location/map.svg?react";
+import Spinner from "../elements/Spinner";
+
+interface Props extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    isLoading?: boolean;
+}
+
+const MapFallback: React.FC<Props> = ({ className, isLoading, children, ...rest }) => {
+    return (
+        <div className={classNames("mx_MapFallback", className)} {...rest}>
+            <MapFallbackImage className="mx_MapFallback_bg" />
+            {isLoading ? <Spinner size={32} /> : <LocationMarkerIcon className="mx_MapFallback_icon" />}
+            {children}
+        </div>
+    );
+};
+
+export default MapFallback;
diff --git a/apps/web/src/components/views/location/Marker.tsx b/apps/web/src/components/views/location/Marker.tsx
new file mode 100644
index 00000000000..ca845d14155
--- /dev/null
+++ b/apps/web/src/components/views/location/Marker.tsx
@@ -0,0 +1,90 @@
+/*
+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 JSX, type ReactNode, type Ref, useState } from "react";
+import classNames from "classnames";
+import { type RoomMember } from "matrix-js-sdk/src/matrix";
+import LocationIcon from "@vector-im/compound-design-tokens/assets/web/icons/location-pin-solid";
+
+import { getUserNameColorClass } from "../../../utils/FormattingUtils";
+import MemberAvatar from "../avatars/MemberAvatar";
+
+interface Props {
+    id?: string;
+    // renders MemberAvatar when provided
+    roomMember?: RoomMember;
+    // use member text color as background
+    useMemberColor?: boolean;
+    tooltip?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+
+/**
+ * Wrap with tooltip handlers when
+ * tooltip is truthy
+ */
+const OptionalTooltip: React.FC<{
+    tooltip?: ReactNode;
+    children: ReactNode;
+}> = ({ tooltip, children }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    if (!tooltip) {
+        return <>{children}</>;
+    }
+
+    const show = (): void => setIsVisible(true);
+    const hide = (): void => setIsVisible(false);
+    const toggleVisibility = (e: React.MouseEvent<HTMLDivElement>): void => {
+        // stop map from zooming in on click
+        e.stopPropagation();
+        setIsVisible(!isVisible);
+    };
+
+    return (
+        // We break the rule here as this is a mouse-only interaction
+        // oxlint-disable-next-line jsx-a11y/click-events-have-key-events
+        <div onMouseEnter={show} onClick={toggleVisibility} onMouseLeave={hide}>
+            {children}
+            {isVisible && tooltip}
+        </div>
+    );
+};
+
+/**
+ * Generic location marker
+ */
+const Marker = ({ id, roomMember, useMemberColor, tooltip, ref }: Props): JSX.Element => {
+    const memberColorClass = useMemberColor && roomMember ? getUserNameColorClass(roomMember.userId) : "";
+    return (
+        <div
+            ref={ref}
+            id={id}
+            className={classNames("mx_Marker", memberColorClass, {
+                mx_Marker_defaultColor: !memberColorClass,
+            })}
+        >
+            <OptionalTooltip tooltip={tooltip}>
+                <div className="mx_Marker_border">
+                    {roomMember ? (
+                        <MemberAvatar
+                            member={roomMember}
+                            size="36px"
+                            viewUserOnClick={false}
+                            // no mxid on hover when marker has tooltip
+                            hideTitle={!!tooltip}
+                        />
+                    ) : (
+                        <LocationIcon className="mx_Marker_icon" />
+                    )}
+                </div>
+            </OptionalTooltip>
+        </div>
+    );
+};
+
+export default Marker;
diff --git a/apps/web/src/components/views/location/ShareDialogButtons.tsx b/apps/web/src/components/views/location/ShareDialogButtons.tsx
new file mode 100644
index 00000000000..8b9bf011997
--- /dev/null
+++ b/apps/web/src/components/views/location/ShareDialogButtons.tsx
@@ -0,0 +1,49 @@
+/*
+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 CloseIcon from "@vector-im/compound-design-tokens/assets/web/icons/close";
+import BackIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-left";
+
+import AccessibleButton from "../elements/AccessibleButton";
+import { _t } from "../../../languageHandler";
+
+interface Props {
+    onCancel: () => void;
+    onBack: () => void;
+    displayBack?: boolean;
+}
+
+const ShareDialogButtons: React.FC<Props> = ({ onBack, onCancel, displayBack }) => {
+    return (
+        <div className="mx_ShareDialogButtons">
+            {displayBack && (
+                <AccessibleButton
+                    className="mx_ShareDialogButtons_button left"
+                    data-testid="share-dialog-buttons-back"
+                    aria-label={_t("action|back")}
+                    onClick={onBack}
+                    element="button"
+                >
+                    <BackIcon className="mx_ShareDialogButtons_button-icon" />
+                </AccessibleButton>
+            )}
+            <AccessibleButton
+                className="mx_ShareDialogButtons_button right"
+                data-testid="share-dialog-buttons-cancel"
+                aria-label={_t("action|close")}
+                onClick={onCancel}
+                element="button"
+            >
+                <CloseIcon className="mx_ShareDialogButtons_button-icon" />
+            </AccessibleButton>
+        </div>
+    );
+};
+
+export default ShareDialogButtons;
diff --git a/apps/web/src/components/views/location/ShareType.tsx b/apps/web/src/components/views/location/ShareType.tsx
new file mode 100644
index 00000000000..d2cefbd1f50
--- /dev/null
+++ b/apps/web/src/components/views/location/ShareType.tsx
@@ -0,0 +1,86 @@
+/*
+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 HTMLAttributes, useContext } from "react";
+import LocationIcon from "@vector-im/compound-design-tokens/assets/web/icons/location-pin-solid";
+
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { _t } from "../../../languageHandler";
+import { OwnProfileStore } from "../../../stores/OwnProfileStore";
+import BaseAvatar from "../avatars/BaseAvatar";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+import Heading from "../typography/Heading";
+import { LocationShareType } from "./shareLocation";
+import StyledLiveBeaconIcon from "../beacon/StyledLiveBeaconIcon";
+
+const UserAvatar: React.FC = () => {
+    const matrixClient = useContext(MatrixClientContext);
+    const userId = matrixClient.getSafeUserId();
+    const displayName = OwnProfileStore.instance.displayName ?? undefined;
+    // 40 - 2px border
+    const avatarSize = "36px";
+    const avatarUrl = OwnProfileStore.instance.getHttpAvatarUrl(parseInt(avatarSize, 10)) ?? undefined;
+
+    return (
+        <div className={`mx_ShareType_option-icon ${LocationShareType.Own}`}>
+            <BaseAvatar idName={userId} name={displayName} url={avatarUrl} size={avatarSize} />
+        </div>
+    );
+};
+
+type ShareTypeOptionProps = HTMLAttributes<Element> & {
+    label: string;
+    shareType: LocationShareType;
+    onClick?: ((e: ButtonEvent) => void | Promise<void>) | null;
+};
+const ShareTypeOption: React.FC<ShareTypeOptionProps> = ({ onClick, label, shareType, ...rest }) => (
+    <AccessibleButton element="button" className="mx_ShareType_option" onClick={onClick ?? null} {...rest}>
+        {shareType === LocationShareType.Own && <UserAvatar />}
+        {shareType === LocationShareType.Pin && (
+            <LocationIcon className={`mx_ShareType_option-icon ${LocationShareType.Pin}`} />
+        )}
+        {shareType === LocationShareType.Live && (
+            <StyledLiveBeaconIcon className={`mx_ShareType_option-icon ${LocationShareType.Live}`} />
+        )}
+
+        {label}
+    </AccessibleButton>
+);
+
+interface Props {
+    setShareType: (shareType: LocationShareType) => void;
+    enabledShareTypes: LocationShareType[];
+}
+const ShareType: React.FC<Props> = ({ setShareType, enabledShareTypes }) => {
+    const labels = {
+        [LocationShareType.Own]: _t("location_sharing|share_type_own"),
+        [LocationShareType.Live]: _t("location_sharing|share_type_live"),
+        [LocationShareType.Pin]: _t("location_sharing|share_type_pin"),
+    };
+    return (
+        <div className="mx_ShareType">
+            <LocationIcon className="mx_ShareType_badge" />
+            <Heading className="mx_ShareType_heading" size="3">
+                {_t("location_sharing|share_type_prompt")}
+            </Heading>
+            <div className="mx_ShareType_wrapper_options">
+                {enabledShareTypes.map((type) => (
+                    <ShareTypeOption
+                        key={type}
+                        onClick={() => setShareType(type)}
+                        label={labels[type]}
+                        shareType={type}
+                        data-testid={`share-location-option-${type}`}
+                    />
+                ))}
+            </div>
+        </div>
+    );
+};
+
+export default ShareType;
diff --git a/apps/web/src/components/views/location/SmartMarker.tsx b/apps/web/src/components/views/location/SmartMarker.tsx
new file mode 100644
index 00000000000..31d34397d6c
--- /dev/null
+++ b/apps/web/src/components/views/location/SmartMarker.tsx
@@ -0,0 +1,97 @@
+/*
+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 ReactNode, useCallback, useEffect, useState } from "react";
+import { type RoomMember } from "matrix-js-sdk/src/matrix";
+
+import type * as maplibregl from "maplibre-gl";
+import { parseGeoUri } from "../../../utils/location";
+import { createMarker } from "../../../utils/location/map";
+import Marker from "./Marker";
+
+const useMapMarker = (
+    map: maplibregl.Map,
+    geoUri: string,
+): { marker?: maplibregl.Marker; onElementRef: (el: HTMLDivElement) => void } => {
+    const [marker, setMarker] = useState<maplibregl.Marker>();
+
+    const onElementRef = useCallback(
+        (element: HTMLDivElement) => {
+            if (marker || !element) {
+                return;
+            }
+            const coords = parseGeoUri(geoUri);
+            if (coords) {
+                const newMarker = createMarker(coords, element);
+                newMarker.addTo(map);
+                setMarker(newMarker);
+            }
+        },
+        [marker, geoUri, map],
+    );
+
+    useEffect(() => {
+        if (marker) {
+            const coords = parseGeoUri(geoUri);
+            if (coords) {
+                marker.setLngLat({ lon: coords.longitude, lat: coords.latitude });
+            }
+        }
+    }, [marker, geoUri]);
+
+    useEffect(
+        () => () => {
+            if (marker) {
+                marker.remove();
+            }
+        },
+        [marker],
+    );
+
+    return {
+        marker,
+        onElementRef,
+    };
+};
+
+export interface SmartMarkerProps {
+    map: maplibregl.Map;
+    geoUri: string;
+    id?: string;
+    // renders MemberAvatar when provided
+    roomMember?: RoomMember;
+    // use member text color as background
+    useMemberColor?: boolean;
+    tooltip?: ReactNode;
+}
+
+/**
+ * Generic location marker
+ */
+const SmartMarker: React.FC<SmartMarkerProps> = ({ id, map, geoUri, roomMember, useMemberColor, tooltip }) => {
+    const { onElementRef } = useMapMarker(map, geoUri);
+
+    return (
+        // maplibregl hijacks the Marker dom element
+        // and removes it from the dom when the maplibregl.Marker instance
+        // is removed
+        // wrap in a span so that react doesn't get confused
+        // when trying to unmount this component
+        <span>
+            <Marker
+                ref={onElementRef}
+                id={id}
+                roomMember={roomMember}
+                useMemberColor={useMemberColor}
+                tooltip={tooltip}
+            />
+        </span>
+    );
+};
+
+export default SmartMarker;
diff --git a/apps/web/src/components/views/location/ZoomButtons.tsx b/apps/web/src/components/views/location/ZoomButtons.tsx
new file mode 100644
index 00000000000..35fc4c7bb33
--- /dev/null
+++ b/apps/web/src/components/views/location/ZoomButtons.tsx
@@ -0,0 +1,51 @@
+/*
+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 { PlusIcon, MinusIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import type * as maplibregl from "maplibre-gl";
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+
+interface Props {
+    map: maplibregl.Map;
+}
+
+const ZoomButtons: React.FC<Props> = ({ map }) => {
+    const onZoomIn = (): void => {
+        map.zoomIn();
+    };
+
+    const onZoomOut = (): void => {
+        map.zoomOut();
+    };
+
+    return (
+        <div className="mx_ZoomButtons">
+            <AccessibleButton
+                onClick={onZoomIn}
+                data-testid="map-zoom-in-button"
+                title={_t("action|zoom_in")}
+                className="mx_ZoomButtons_button"
+            >
+                <PlusIcon className="mx_ZoomButtons_icon" />
+            </AccessibleButton>
+            <AccessibleButton
+                onClick={onZoomOut}
+                data-testid="map-zoom-out-button"
+                title={_t("action|zoom_out")}
+                className="mx_ZoomButtons_button"
+            >
+                <MinusIcon className="mx_ZoomButtons_icon" />
+            </AccessibleButton>
+        </div>
+    );
+};
+
+export default ZoomButtons;
diff --git a/apps/web/src/components/views/location/index.tsx b/apps/web/src/components/views/location/index.tsx
new file mode 100644
index 00000000000..53c411aab14
--- /dev/null
+++ b/apps/web/src/components/views/location/index.tsx
@@ -0,0 +1,53 @@
+/*
+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.
+*/
+
+// Exports location components which touch maplibre-gs wrapped in React Suspense to enable code splitting
+
+import React, { type JSX, type ComponentProps, lazy, Suspense } from "react";
+
+import Spinner from "../elements/Spinner";
+
+const MapComponent = lazy(() => import("./Map"));
+
+export function Map(props: ComponentProps<typeof MapComponent>): JSX.Element {
+    return (
+        <Suspense fallback={<Spinner />}>
+            <MapComponent {...props} />
+        </Suspense>
+    );
+}
+
+const SmartMarkerComponent = lazy(() => import("./SmartMarker"));
+
+export function SmartMarker(props: ComponentProps<typeof SmartMarkerComponent>): JSX.Element {
+    return (
+        <Suspense fallback={<Spinner />}>
+            <SmartMarkerComponent {...props} />
+        </Suspense>
+    );
+}
+
+const LocationButtonComponent = lazy(() => import("./LocationButton"));
+
+export function LocationButton(props: ComponentProps<typeof LocationButtonComponent>): JSX.Element {
+    return (
+        <Suspense fallback={<Spinner />}>
+            <LocationButtonComponent {...props} />
+        </Suspense>
+    );
+}
+
+const LocationViewDialogComponent = lazy(() => import("./LocationViewDialog"));
+
+export function LocationViewDialog(props: ComponentProps<typeof LocationViewDialogComponent>): JSX.Element {
+    return (
+        <Suspense fallback={<Spinner />}>
+            <LocationViewDialogComponent {...props} />
+        </Suspense>
+    );
+}
diff --git a/apps/web/src/components/views/location/shareLocation.ts b/apps/web/src/components/views/location/shareLocation.ts
new file mode 100644
index 00000000000..91b7dfd5dca
--- /dev/null
+++ b/apps/web/src/components/views/location/shareLocation.ts
@@ -0,0 +1,150 @@
+/*
+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 {
+    type MatrixClient,
+    type IEventRelation,
+    type MatrixError,
+    THREAD_RELATION_TYPE,
+    ContentHelpers,
+    LocationAssetType,
+} from "matrix-js-sdk/src/matrix";
+import { type RoomMessageEventContent } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../languageHandler";
+import Modal from "../../../Modal";
+import QuestionDialog, { type IQuestionDialogProps } from "../dialogs/QuestionDialog";
+import SdkConfig from "../../../SdkConfig";
+import { OwnBeaconStore } from "../../../stores/OwnBeaconStore";
+import { doMaybeLocalRoomAction } from "../../../utils/local-room";
+
+export enum LocationShareType {
+    Own = "Own",
+    Pin = "Pin",
+    Live = "Live",
+}
+
+export type LocationShareProps = {
+    timeout?: number;
+    uri?: string;
+    timestamp?: number;
+};
+
+// default duration to 5min for now
+const DEFAULT_LIVE_DURATION = 300000;
+
+export type ShareLocationFn = (props: LocationShareProps) => Promise<void>;
+
+const getPermissionsErrorParams = (
+    shareType: LocationShareType,
+): {
+    errorMessage: string;
+    modalParams: IQuestionDialogProps;
+} => {
+    const errorMessage =
+        shareType === LocationShareType.Live
+            ? "Insufficient permissions to start sharing your live location"
+            : "Insufficient permissions to send your location";
+
+    const modalParams = {
+        title: _t("location_sharing|error_no_perms_title"),
+        description: _t("location_sharing|error_no_perms_description"),
+        button: _t("action|ok"),
+        hasCancelButton: false,
+        onFinished: () => {}, // NOOP
+    };
+    return { modalParams, errorMessage };
+};
+
+const getDefaultErrorParams = (
+    shareType: LocationShareType,
+    openMenu: () => void,
+): {
+    errorMessage: string;
+    modalParams: IQuestionDialogProps;
+} => {
+    const errorMessage =
+        shareType === LocationShareType.Live
+            ? "We couldn't start sharing your live location"
+            : "We couldn't send your location";
+    const modalParams = {
+        title: _t("location_sharing|error_send_title"),
+        description: _t("location_sharing|error_send_description", {
+            brand: SdkConfig.get().brand,
+        }),
+        button: _t("action|try_again"),
+        cancelButton: _t("action|cancel"),
+        onFinished: (tryAgain: boolean) => {
+            if (tryAgain) {
+                openMenu();
+            }
+        },
+    };
+    return { modalParams, errorMessage };
+};
+
+const handleShareError = (error: unknown, openMenu: () => void, shareType: LocationShareType): void => {
+    const { modalParams, errorMessage } =
+        (error as MatrixError).errcode === "M_FORBIDDEN"
+            ? getPermissionsErrorParams(shareType)
+            : getDefaultErrorParams(shareType, openMenu);
+
+    logger.error(errorMessage, error);
+
+    Modal.createDialog(QuestionDialog, modalParams);
+};
+
+export const shareLiveLocation =
+    (client: MatrixClient, roomId: string, displayName: string, openMenu: () => void): ShareLocationFn =>
+    async ({ timeout }): Promise<void> => {
+        const description = _t("location_sharing|live_description", { displayName });
+        try {
+            await OwnBeaconStore.instance.createLiveBeacon(
+                roomId,
+                ContentHelpers.makeBeaconInfoContent(
+                    timeout ?? DEFAULT_LIVE_DURATION,
+                    true /* isLive */,
+                    description,
+                    LocationAssetType.Self,
+                ),
+            );
+        } catch (error) {
+            handleShareError(error, openMenu, LocationShareType.Live);
+        }
+    };
+
+export const shareLocation =
+    (
+        client: MatrixClient,
+        roomId: string,
+        shareType: LocationShareType,
+        relation: IEventRelation | undefined,
+        openMenu: () => void,
+    ): ShareLocationFn =>
+    async ({ uri, timestamp }): Promise<void> => {
+        if (!uri) return;
+        try {
+            const threadId = (relation?.rel_type === THREAD_RELATION_TYPE.name && relation?.event_id) || null;
+            const assetType = shareType === LocationShareType.Pin ? LocationAssetType.Pin : LocationAssetType.Self;
+            const content = ContentHelpers.makeLocationContent(
+                undefined,
+                uri,
+                timestamp,
+                undefined,
+                assetType,
+            ) as RoomMessageEventContent;
+            await doMaybeLocalRoomAction(
+                roomId,
+                (actualRoomId: string) => client.sendMessage(actualRoomId, threadId, content),
+                client,
+            );
+        } catch (error) {
+            handleShareError(error, openMenu, shareType);
+        }
+    };
diff --git a/apps/web/src/components/views/messages/CallEvent.tsx b/apps/web/src/components/views/messages/CallEvent.tsx
new file mode 100644
index 00000000000..85677bda8df
--- /dev/null
+++ b/apps/web/src/components/views/messages/CallEvent.tsx
@@ -0,0 +1,196 @@
+/*
+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 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, useParticipatingMembers } from "../../../hooks/useCall";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import type { ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import { Action } from "../../../dispatcher/actions";
+import AccessibleButton, { type AccessibleButtonKind, type ButtonEvent } from "../elements/AccessibleButton";
+import MemberAvatar from "../avatars/MemberAvatar";
+import { LiveContentSummary } from "../rooms/LiveContentSummary";
+import FacePile from "../elements/FacePile";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { CallDuration, SessionDuration } from "../voip/CallDuration";
+
+const MAX_FACES = 8;
+
+interface ActiveCallEventProps {
+    mxEvent: MatrixEvent;
+    call: ElementCall | null;
+    participatingMembers: RoomMember[];
+    buttonText: string;
+    buttonKind: AccessibleButtonKind;
+    buttonDisabledTooltip?: string;
+    onButtonClick: ((ev: ButtonEvent) => void) | null;
+    ref?: Ref<HTMLDivElement>;
+}
+
+const ActiveCallEvent = ({
+    mxEvent,
+    call,
+    participatingMembers,
+    buttonText,
+    buttonKind,
+    buttonDisabledTooltip,
+    onButtonClick,
+    ref,
+}: ActiveCallEventProps): JSX.Element => {
+    const senderName = useMemo(() => mxEvent.sender?.name ?? mxEvent.getSender(), [mxEvent]);
+
+    const facePileMembers = useMemo(() => participatingMembers.slice(0, MAX_FACES), [participatingMembers]);
+    const facePileOverflow = participatingMembers.length > facePileMembers.length;
+
+    return (
+        <div className="mx_CallEvent_wrapper" ref={ref}>
+            <div className="mx_CallEvent mx_CallEvent_active">
+                <MemberAvatar
+                    member={mxEvent.sender}
+                    fallbackUserId={mxEvent.getSender()}
+                    viewUserOnClick
+                    size="24px"
+                />
+                <div className="mx_CallEvent_columns">
+                    <div className="mx_CallEvent_details">
+                        <span className="mx_CallEvent_title">
+                            {_t("timeline|m.call|video_call_started_text", { name: senderName })}
+                        </span>
+                        <LiveContentSummary
+                            text={_t("voip|video_call")}
+                            active={false}
+                            participantCount={participatingMembers.length}
+                        />
+                        <FacePile members={facePileMembers} size="24px" overflow={facePileOverflow} />
+                    </div>
+                    {call && <SessionDuration session={call.session} />}
+                    <AccessibleButton
+                        className="mx_CallEvent_button"
+                        kind={buttonKind}
+                        disabled={onButtonClick === null || buttonDisabledTooltip !== undefined}
+                        onClick={onButtonClick}
+                        title={buttonDisabledTooltip}
+                    >
+                        {buttonText}
+                    </AccessibleButton>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+interface ActiveLoadedCallEventProps {
+    mxEvent: MatrixEvent;
+    call: ElementCall;
+    ref?: Ref<HTMLDivElement>;
+}
+
+const ActiveLoadedCallEvent = ({ mxEvent, call, ref }: ActiveLoadedCallEventProps): JSX.Element => {
+    const connectionState = useConnectionState(call);
+    const participatingMembers = useParticipatingMembers(call);
+
+    const connect = useCallback(
+        (ev: ButtonEvent) => {
+            ev.preventDefault();
+            defaultDispatcher.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: mxEvent.getRoomId()!,
+                view_call: true,
+                metricsTrigger: undefined,
+            });
+        },
+        [mxEvent],
+    );
+
+    const disconnect = useCallback(
+        (ev: ButtonEvent) => {
+            ev.preventDefault();
+            call.disconnect();
+        },
+        [call],
+    );
+
+    const [buttonText, buttonKind, onButtonClick] = useMemo<
+        [string, AccessibleButtonKind, null | ((ev: ButtonEvent) => void)]
+    >(() => {
+        switch (connectionState) {
+            case ConnectionState.Disconnected:
+                return [_t("action|join"), "primary", connect];
+            case ConnectionState.Connected:
+                return [_t("action|leave"), "danger", disconnect];
+            case ConnectionState.Disconnecting:
+                return [_t("action|leave"), "danger", null];
+        }
+    }, [connectionState, connect, disconnect]);
+
+    return (
+        <ActiveCallEvent
+            ref={ref}
+            mxEvent={mxEvent}
+            call={call}
+            participatingMembers={participatingMembers}
+            buttonText={buttonText}
+            buttonKind={buttonKind}
+            onButtonClick={onButtonClick}
+        />
+    );
+};
+
+interface CallEventProps {
+    mxEvent: MatrixEvent;
+    ref?: Ref<HTMLDivElement>;
+}
+
+/**
+ * An event tile representing an active or historical Element call.
+ */
+export const CallEvent = ({ mxEvent, ref }: CallEventProps): JSX.Element => {
+    const client = useContext(MatrixClientContext);
+    const call = useCall(mxEvent.getRoomId()!);
+    const latestEvent = client
+        .getRoom(mxEvent.getRoomId())!
+        .currentState.getStateEvents(mxEvent.getType(), mxEvent.getStateKey()!)!;
+
+    if ("m.terminated" in latestEvent.getContent() || latestEvent.isRedacted()) {
+        // The call is terminated
+        return (
+            <div className="mx_CallEvent_wrapper" ref={ref}>
+                <div className="mx_CallEvent mx_CallEvent_inactive">
+                    <div className="mx_CallEvent_columns">
+                        <span className="mx_CallEvent_title">
+                            <VideoCallSolidIcon />
+                            {_t("timeline|m.call|video_call_ended")}
+                        </span>
+                        <CallDuration delta={latestEvent.getTs() - mxEvent.getTs()} />
+                    </div>
+                </div>
+            </div>
+        );
+    }
+
+    if (call === null) {
+        // There should be a call, but it hasn't loaded yet
+        return (
+            <ActiveCallEvent
+                ref={ref}
+                mxEvent={mxEvent}
+                call={null}
+                participatingMembers={[]}
+                buttonText={_t("action|join")}
+                buttonKind="primary"
+                onButtonClick={null}
+            />
+        );
+    }
+
+    return <ActiveLoadedCallEvent mxEvent={mxEvent} call={call as ElementCall} ref={ref} />;
+};
diff --git a/apps/web/src/components/views/messages/CodeBlock.tsx b/apps/web/src/components/views/messages/CodeBlock.tsx
new file mode 100644
index 00000000000..172ea829849
--- /dev/null
+++ b/apps/web/src/components/views/messages/CodeBlock.tsx
@@ -0,0 +1,152 @@
+/*
+Copyright 2024 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 classNames from "classnames";
+import { type DOMNode, type Element as ParserElement, domToReact } from "html-react-parser";
+import { textContent, getInnerHTML } from "domutils";
+import { CollapseIcon, CopyIcon, ExpandIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { useSettingValue } from "../../../hooks/useSettings.ts";
+import { CopyTextButton } from "../elements/CopyableText.tsx";
+import AccessibleButton from "../elements/AccessibleButton.tsx";
+import { _t } from "../../../i18n";
+
+const MAX_HIGHLIGHT_LENGTH = 4096;
+const MAX_LINES_BEFORE_COLLAPSE = 5;
+
+interface Props {
+    preNode: ParserElement;
+}
+
+const ExpandCollapseButton: React.FC<{
+    expanded: boolean;
+    onClick(this: void): void;
+}> = ({ expanded, onClick }) => {
+    return (
+        <AccessibleButton
+            element="button"
+            title={expanded ? _t("action|collapse") : _t("action|expand")}
+            onClick={onClick}
+            className="mx_EventTile_button"
+        >
+            {expanded ? <CollapseIcon /> : <ExpandIcon />}
+        </AccessibleButton>
+    );
+};
+
+const CodeBlock: React.FC<Props> = ({ preNode }) => {
+    const enableSyntaxHighlightLanguageDetection = useSettingValue("enableSyntaxHighlightLanguageDetection");
+    const showCodeLineNumbers = useSettingValue("showCodeLineNumbers");
+    const expandCodeByDefault = useSettingValue("expandCodeByDefault");
+    const [expanded, setExpanded] = useState(expandCodeByDefault);
+
+    const text = textContent(preNode);
+
+    let expandCollapseButton: JSX.Element | undefined;
+    if (text.split("\n").length >= MAX_LINES_BEFORE_COLLAPSE) {
+        expandCollapseButton = (
+            <ExpandCollapseButton
+                expanded={expanded}
+                onClick={() => {
+                    setExpanded(!expanded);
+                }}
+            />
+        );
+    }
+
+    const innerHTML = getInnerHTML(preNode);
+    let lineNumbers: JSX.Element | undefined;
+    if (showCodeLineNumbers) {
+        // Calculate number of lines in pre
+        const number = innerHTML.replace(/\n(<\/code>)?$/, "").split(/\n/).length;
+        // Iterate through lines starting with 1 (number of the first line is 1)
+        lineNumbers = (
+            <span className="mx_EventTile_lineNumbers">
+                {Array.from({ length: number }, (_, i) => i + 1).map((i) => (
+                    <span key={i}>{i}</span>
+                ))}
+            </span>
+        );
+    }
+
+    async function highlightCode(div: HTMLElement | null): Promise<void> {
+        const code = div?.getElementsByTagName("code")[0];
+        if (!code) return;
+        const { default: highlight } = await import("highlight.js");
+
+        if (code.textContent && code.textContent.length > MAX_HIGHLIGHT_LENGTH) {
+            console.log(
+                `Code block is bigger than highlight limit (${code.textContent.length} > ${MAX_HIGHLIGHT_LENGTH}): not highlighting`,
+            );
+            return;
+        }
+
+        let advertisedLang: string | undefined;
+        for (const cl of code.className.split(/\s+/)) {
+            if (cl.startsWith("language-")) {
+                const maybeLang = cl.split("-", 2)[1];
+                if (highlight.getLanguage(maybeLang)) {
+                    advertisedLang = maybeLang;
+                    break;
+                }
+            }
+        }
+
+        if (advertisedLang) {
+            // If the code says what language it is, highlight it in that language
+            // We don't use highlightElement here because we can't force language detection
+            // off. It should use the one we've found in the CSS class but we'd rather pass
+            // it in explicitly to make sure.
+            code.innerHTML = highlight.highlight(code.textContent ?? "", { language: advertisedLang }).value;
+        } else if (enableSyntaxHighlightLanguageDetection) {
+            // User has language detection enabled, so highlight the block with auto-highlighting enabled.
+            // We pass highlightjs the text to highlight rather than letting it
+            // work on the DOM with highlightElement because that also adds CSS
+            // classes to the pre/code element that we don't want (the CSS
+            // conflicts with our own).
+            code.innerHTML = highlight.highlightAuto(code.textContent ?? "").value;
+        }
+    }
+
+    function highlightCodeRef(div: HTMLElement | null): void {
+        highlightCode(div);
+    }
+
+    let content = domToReact(preNode.children as DOMNode[]);
+
+    // Add code element if it's missing since we depend on it
+    if (!preNode.children.some((child) => child.type === "tag" && child.tagName.toUpperCase() === "CODE")) {
+        content = <code>{content}</code>;
+    }
+
+    return (
+        <div className="mx_EventTile_pre_container">
+            <pre
+                className={classNames({
+                    mx_EventTile_collapsedCodeBlock: !expanded,
+                })}
+            >
+                {lineNumbers}
+                <div style={{ display: "contents" }} ref={highlightCodeRef}>
+                    {content}
+                </div>
+            </pre>
+            {expandCollapseButton}
+            <CopyTextButton
+                getTextToCopy={() => text}
+                className={classNames("mx_EventTile_button mx_EventTile_copyButton", {
+                    mx_EventTile_buttonBottom: !!expandCollapseButton,
+                })}
+            >
+                <CopyIcon />
+            </CopyTextButton>
+        </div>
+    );
+};
+
+export default CodeBlock;
diff --git a/apps/web/src/components/views/messages/EditHistoryMessage.tsx b/apps/web/src/components/views/messages/EditHistoryMessage.tsx
new file mode 100644
index 00000000000..f12e7759a26
--- /dev/null
+++ b/apps/web/src/components/views/messages/EditHistoryMessage.tsx
@@ -0,0 +1,205 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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, { createRef } from "react";
+import { type EventStatus, type IContent, type MatrixEvent, MatrixEventEvent, MsgType } from "matrix-js-sdk/src/matrix";
+import classNames from "classnames";
+import { ActionBarView, EventContentBodyView, MessageTimestampView } from "@element-hq/web-shared-components";
+
+import { EditHistoryActionBarViewModel } from "../../../viewmodels/message-body/EditHistoryActionBarViewModel";
+import { EventContentBodyViewModel } from "../../../viewmodels/message-body/EventContentBodyViewModel";
+import { MessageTimestampViewModel } from "../../../viewmodels/room/timeline/event-tile/timestamp/MessageTimestampViewModel";
+import { editBodyDiffToHtml } from "../../../utils/MessageDiffUtils";
+import Modal from "../../../Modal";
+import ConfirmAndWaitRedactDialog from "../dialogs/ConfirmAndWaitRedactDialog";
+import ViewSource from "../../structures/ViewSource";
+import SettingsStore from "../../../settings/SettingsStore";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { RedactedBodyFactory } from "./MBodyFactory";
+
+function getReplacedContent(event: MatrixEvent): IContent {
+    const originalContent = event.getOriginalContent();
+    return originalContent["m.new_content"] || originalContent;
+}
+
+interface IProps {
+    // the message event being edited
+    mxEvent: MatrixEvent;
+    previousEdit?: MatrixEvent;
+    isBaseEvent?: boolean;
+    isTwelveHour?: boolean;
+}
+
+interface IState {
+    canRedact: boolean;
+    sendStatus: EventStatus | null;
+}
+
+export default class EditHistoryMessage extends React.PureComponent<IProps, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    private content = createRef<HTMLDivElement>();
+    private readonly eventContentBodyViewModel: EventContentBodyViewModel;
+    private readonly editHistoryActionBarViewModel: EditHistoryActionBarViewModel;
+    private readonly messageTimestampViewModel: MessageTimestampViewModel;
+
+    public constructor(props: IProps, context: React.ContextType<typeof MatrixClientContext>) {
+        super(props, context);
+
+        const cli = this.context;
+        const userId = cli.getSafeUserId();
+        const event = props.mxEvent;
+        const room = cli.getRoom(event.getRoomId());
+        event.localRedactionEvent()?.on(MatrixEventEvent.Status, this.onAssociatedStatusChanged);
+        const canRedact = room?.currentState.maySendRedactionForEvent(event, userId) ?? false;
+        this.state = { canRedact, sendStatus: event.getAssociatedStatus() };
+
+        const mxEventContent = getReplacedContent(event);
+        this.eventContentBodyViewModel = new EventContentBodyViewModel({
+            mxEvent: event,
+            content: mxEventContent,
+            highlights: [],
+            stripReply: true,
+            renderTooltipsForAmbiguousLinks: true,
+            renderMentionPills: true,
+            renderCodeBlocks: true,
+            renderSpoilers: true,
+            linkify: true,
+            client: cli,
+        });
+        this.messageTimestampViewModel = new MessageTimestampViewModel({
+            ts: event.getTs(),
+            showTwelveHour: props.isTwelveHour,
+            inhibitTooltip: true,
+        });
+
+        this.editHistoryActionBarViewModel = new EditHistoryActionBarViewModel({
+            canRemove: !props.mxEvent.isRedacted() && !props.isBaseEvent && canRedact,
+            showViewSource: SettingsStore.getValue("developerMode"),
+            onRemoveClick: this.onRedactClick,
+            onViewSourceClick: this.onViewSourceClick,
+        });
+    }
+
+    public componentDidUpdate(prevProps: IProps): void {
+        if (prevProps.mxEvent !== this.props.mxEvent) {
+            const mxEventContent = getReplacedContent(this.props.mxEvent);
+            this.eventContentBodyViewModel.setEventContent(this.props.mxEvent, mxEventContent);
+        }
+
+        if (prevProps.mxEvent !== this.props.mxEvent || prevProps.isTwelveHour !== this.props.isTwelveHour) {
+            this.messageTimestampViewModel.setProps({
+                ts: this.props.mxEvent.getTs(),
+                showTwelveHour: this.props.isTwelveHour,
+                inhibitTooltip: true,
+            });
+        }
+
+        this.editHistoryActionBarViewModel.setProps({
+            canRemove: !this.props.mxEvent.isRedacted() && !this.props.isBaseEvent && this.state.canRedact,
+            showViewSource: SettingsStore.getValue("developerMode"),
+            onRemoveClick: this.onRedactClick,
+            onViewSourceClick: this.onViewSourceClick,
+        });
+    }
+
+    private onAssociatedStatusChanged = (): void => {
+        this.setState({ sendStatus: this.props.mxEvent.getAssociatedStatus() });
+    };
+
+    private onRedactClick = async (): Promise<void> => {
+        const event = this.props.mxEvent;
+        const cli = this.context;
+
+        Modal.createDialog(
+            ConfirmAndWaitRedactDialog,
+            {
+                event,
+                redact: async () => {
+                    await cli.redactEvent(event.getRoomId()!, event.getId()!);
+                },
+            },
+            "mx_Dialog_confirmredact",
+        );
+    };
+
+    private onViewSourceClick = (): void => {
+        Modal.createDialog(
+            ViewSource,
+            {
+                mxEvent: this.props.mxEvent,
+                ignoreEdits: true,
+            },
+            "mx_Dialog_viewsource",
+        );
+    };
+
+    public componentWillUnmount(): void {
+        const event = this.props.mxEvent;
+        event.localRedactionEvent()?.off(MatrixEventEvent.Status, this.onAssociatedStatusChanged);
+        this.eventContentBodyViewModel.dispose();
+        this.editHistoryActionBarViewModel.dispose();
+        this.messageTimestampViewModel.dispose();
+    }
+
+    private renderActionBar(): React.ReactNode {
+        return (
+            <ActionBarView vm={this.editHistoryActionBarViewModel} className="mx_ThreadActionBar mx_HistoryActionBar" />
+        );
+    }
+
+    public render(): React.ReactNode {
+        const { mxEvent } = this.props;
+        const content = getReplacedContent(mxEvent);
+        let contentContainer;
+        if (mxEvent.isRedacted()) {
+            contentContainer = <RedactedBodyFactory mxEvent={this.props.mxEvent} />;
+        } else {
+            let contentElements;
+            if (this.props.previousEdit) {
+                contentElements = editBodyDiffToHtml(getReplacedContent(this.props.previousEdit), content);
+            } else {
+                contentElements = <EventContentBodyView vm={this.eventContentBodyViewModel} as="span" />;
+            }
+            if (mxEvent.getContent().msgtype === MsgType.Emote) {
+                const name = mxEvent.sender ? mxEvent.sender.name : mxEvent.getSender();
+                contentContainer = (
+                    <div className="mx_EventTile_content" ref={this.content}>
+                        *&nbsp;
+                        <span className="mx_EditHistoryMessage_emoteSender">{name}</span>
+                        &nbsp;{contentElements}
+                    </div>
+                );
+            } else {
+                contentContainer = (
+                    <div className="mx_EventTile_content" ref={this.content}>
+                        {contentElements}
+                    </div>
+                );
+            }
+        }
+
+        const isSending = ["sending", "queued", "encrypting"].includes(this.state.sendStatus!);
+        const classes = classNames("mx_EventTile", {
+            // Note: we keep the `sending` state class for tests, not for our styles
+            mx_EventTile_sending: isSending,
+        });
+        return (
+            <li>
+                <div className={classes}>
+                    <div className="mx_EventTile_line">
+                        <MessageTimestampView vm={this.messageTimestampViewModel} className="mx_MessageTimestamp" />
+                        {contentContainer}
+                        {this.renderActionBar()}
+                    </div>
+                </div>
+            </li>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/messages/IBodyProps.ts b/apps/web/src/components/views/messages/IBodyProps.ts
new file mode 100644
index 00000000000..f7ab066b75f
--- /dev/null
+++ b/apps/web/src/components/views/messages/IBodyProps.ts
@@ -0,0 +1,58 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import type React from "react";
+import { type MediaEventHelper } from "../../../utils/MediaEventHelper";
+import type EditorStateTransfer from "../../../utils/EditorStateTransfer";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import { type GetRelationsForEvent } from "../rooms/EventTile";
+
+export interface IBodyProps {
+    mxEvent: MatrixEvent;
+
+    /* a list of words to highlight */
+    highlights?: string[];
+
+    /* link URL for the highlights */
+    highlightLink?: string;
+
+    showUrlPreview?: boolean;
+    forExport?: boolean;
+    // Whether file-style rendering should show the info row / placeholder.
+    showFileInfo?: boolean;
+    maxImageHeight?: number;
+    replacingEventId?: string;
+    editState?: EditorStateTransfer;
+    onMessageAllowed?: () => void; // TODO: Docs
+    permalinkCreator?: RoomPermalinkCreator;
+    mediaEventHelper?: MediaEventHelper;
+
+    /*
+    If present and `true`, the message has been marked as hidden pending moderation
+    (see MSC3531) **but** the current user can see the message nevertheless (with
+    a marker), either because they are a moderator or because they are the original
+    author of the message.
+    */
+    isSeeingThroughMessageHiddenForModeration?: boolean;
+
+    // helper function to access relations for this event
+    getRelationsForEvent?: GetRelationsForEvent;
+
+    ref?: React.RefObject<any>;
+
+    // Set to `true` to disable interactions (e.g. video controls) and to remove controls from the tab order.
+    // This may be useful when displaying a preview of the event.
+    inhibitInteraction?: boolean;
+
+    /**
+     * Optional ID for the root element.
+     */
+    id?: string;
+}
diff --git a/apps/web/src/components/views/messages/IMediaBody.ts b/apps/web/src/components/views/messages/IMediaBody.ts
new file mode 100644
index 00000000000..4bf55403e71
--- /dev/null
+++ b/apps/web/src/components/views/messages/IMediaBody.ts
@@ -0,0 +1,13 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type MediaEventHelper } from "../../../utils/MediaEventHelper";
+
+export interface IMediaBody {
+    getMediaHelper(): MediaEventHelper | undefined;
+}
diff --git a/apps/web/src/components/views/messages/LegacyCallEvent.tsx b/apps/web/src/components/views/messages/LegacyCallEvent.tsx
new file mode 100644
index 00000000000..2941705b0b4
--- /dev/null
+++ b/apps/web/src/components/views/messages/LegacyCallEvent.tsx
@@ -0,0 +1,327 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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, { 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";
+import type LegacyCallEventGrouper from "../../structures/LegacyCallEventGrouper";
+import { LegacyCallEventGrouperEvent } from "../../structures/LegacyCallEventGrouper";
+import AccessibleButton from "../elements/AccessibleButton";
+import InfoTooltip, { InfoTooltipKind } from "../elements/InfoTooltip";
+import { formatPreciseDuration } from "../../../DateUtils";
+
+const MAX_NON_NARROW_WIDTH = (450 / 70) * 100;
+
+interface IProps {
+    mxEvent: MatrixEvent;
+    callEventGrouper: LegacyCallEventGrouper;
+    timestamp?: JSX.Element;
+}
+
+interface IState {
+    callState?: CallState;
+    silenced: boolean;
+    narrow: boolean;
+    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;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            callState: this.props.callEventGrouper.state,
+            silenced: false,
+            narrow: false,
+            length: 0,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.props.callEventGrouper.addListener(LegacyCallEventGrouperEvent.StateChanged, this.onStateChanged);
+        this.props.callEventGrouper.addListener(LegacyCallEventGrouperEvent.SilencedChanged, this.onSilencedChanged);
+        this.props.callEventGrouper.addListener(LegacyCallEventGrouperEvent.LengthChanged, this.onLengthChanged);
+
+        this.resizeObserver = new ResizeObserver(this.resizeObserverCallback);
+        if (this.wrapperElement.current) this.resizeObserver.observe(this.wrapperElement.current);
+    }
+
+    public componentWillUnmount(): void {
+        this.props.callEventGrouper.removeListener(LegacyCallEventGrouperEvent.StateChanged, this.onStateChanged);
+        this.props.callEventGrouper.removeListener(LegacyCallEventGrouperEvent.SilencedChanged, this.onSilencedChanged);
+        this.props.callEventGrouper.removeListener(LegacyCallEventGrouperEvent.LengthChanged, this.onLengthChanged);
+
+        this.resizeObserver?.disconnect();
+    }
+
+    private onLengthChanged = (length: number): void => {
+        this.setState({ length });
+    };
+
+    private resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {
+        const wrapperElementEntry = entries.find((entry) => entry.target === this.wrapperElement.current);
+        if (!wrapperElementEntry) return;
+
+        this.setState({ narrow: wrapperElementEntry.contentRect.width < MAX_NON_NARROW_WIDTH });
+    };
+
+    private onSilencedChanged = (newState: boolean): void => {
+        this.setState({ silenced: newState });
+    };
+
+    private onStateChanged = (newState: CallState): void => {
+        this.setState({ callState: newState });
+    };
+
+    private renderCallBackButton(text: string): JSX.Element {
+        return (
+            <AccessibleButton
+                className="mx_LegacyCallEvent_content_button"
+                onClick={this.props.callEventGrouper.callBack}
+                kind="primary"
+            >
+                {this.props.callEventGrouper.isVoice ? <VoiceCallSolidIcon /> : <VideoCallSolidIcon />}
+                {text}
+            </AccessibleButton>
+        );
+    }
+
+    private renderSilenceIcon(): JSX.Element {
+        return (
+            <AccessibleButton
+                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>
+        );
+    }
+
+    private renderContent(): JSX.Element {
+        if (this.state.callState === CallState.Ringing) {
+            let silenceIcon;
+            if (!this.state.narrow) {
+                silenceIcon = this.renderSilenceIcon();
+            }
+
+            return (
+                <div className="mx_LegacyCallEvent_content">
+                    {silenceIcon}
+                    <AccessibleButton
+                        className="mx_LegacyCallEvent_content_button"
+                        onClick={this.props.callEventGrouper.rejectCall}
+                        kind="danger"
+                    >
+                        <EndCallIcon />
+                        {_t("action|decline")}
+                    </AccessibleButton>
+                    <AccessibleButton
+                        className="mx_LegacyCallEvent_content_button"
+                        onClick={this.props.callEventGrouper.answerCall}
+                        kind="primary"
+                    >
+                        {this.props.callEventGrouper.isVoice ? <VoiceCallSolidIcon /> : <VideoCallSolidIcon />}
+                        {_t("action|accept")}
+                    </AccessibleButton>
+                    {this.props.timestamp}
+                </div>
+            );
+        }
+        if (this.state.callState === CallState.Ended) {
+            const hangupReason = this.props.callEventGrouper.hangupReason;
+            const gotRejected = this.props.callEventGrouper.gotRejected;
+
+            if (gotRejected) {
+                return (
+                    <div className="mx_LegacyCallEvent_content">
+                        {_t("timeline|m.call.invite|declined")}
+                        {this.renderCallBackButton(_t("timeline|m.call.invite|call_back_prompt"))}
+                        {this.props.timestamp}
+                    </div>
+                );
+            } else if (hangupReason === CallErrorCode.AnsweredElsewhere) {
+                return (
+                    <div className="mx_LegacyCallEvent_content">
+                        {_t("timeline|m.call.invite|answered_elsewhere")}
+                        {this.props.timestamp}
+                    </div>
+                );
+            } else if (this.props.callEventGrouper.callWasMissed) {
+                return (
+                    <div className="mx_LegacyCallEvent_content">
+                        {_t("timeline|m.call.invite|missed_call")}
+                        {this.renderCallBackButton(_t("timeline|m.call.invite|call_back_prompt"))}
+                        {this.props.timestamp}
+                    </div>
+                );
+            } else if (!hangupReason || [CallErrorCode.UserHangup, "user hangup"].includes(hangupReason)) {
+                // workaround for https://github.com/vector-im/element-web/issues/5178
+                // it seems Android randomly sets a reason of "user hangup" which is
+                // interpreted as an error code :(
+                // https://github.com/vector-im/riot-android/issues/2623
+                // Also the correct hangup code as of VoIP v1 (with underscore)
+                // Also, if we don't have a reason
+                const duration = this.props.callEventGrouper.duration!;
+                let text = _t("timeline|m.call.hangup|dm");
+                if (duration) {
+                    text += " • " + formatPreciseDuration(duration);
+                }
+                return (
+                    <div className="mx_LegacyCallEvent_content">
+                        {text}
+                        {this.props.timestamp}
+                    </div>
+                );
+            } else if (hangupReason === CallErrorCode.InviteTimeout) {
+                return (
+                    <div className="mx_LegacyCallEvent_content">
+                        {_t("timeline|m.call.invite|no_answer")}
+                        {this.renderCallBackButton(_t("timeline|m.call.invite|call_back_prompt"))}
+                        {this.props.timestamp}
+                    </div>
+                );
+            }
+
+            let reason;
+            if (hangupReason === CallErrorCode.IceFailed) {
+                // We couldn't establish a connection at all
+                reason = _t("timeline|m.call.invite|failed_connect_media");
+            } else if (hangupReason === "ice_timeout") {
+                // We established a connection but it died
+                reason = _t("timeline|m.call.invite|failed_connection");
+            } else if (hangupReason === CallErrorCode.NoUserMedia) {
+                // The other side couldn't open capture devices
+                reason = _t("timeline|m.call.invite|failed_opponent_media");
+            } else if (hangupReason === "unknown_error") {
+                // An error code the other side doesn't have a way to express
+                // (as opposed to an error code they gave but we don't know about,
+                // in which case we show the error code)
+                reason = _t("timeline|m.call.invite|unknown_error");
+            } else if (hangupReason === CallErrorCode.UserBusy) {
+                reason = _t("voip|user_busy_description");
+            } else {
+                reason = _t("timeline|m.call.invite|unknown_failure", { reason: hangupReason });
+            }
+
+            return (
+                <div className="mx_LegacyCallEvent_content">
+                    <InfoTooltip
+                        tooltip={reason}
+                        className="mx_LegacyCallEvent_content_tooltip"
+                        kind={InfoTooltipKind.Warning}
+                    />
+                    {_t("timeline|m.call.invite|failed_connection")}
+                    {this.renderCallBackButton(_t("action|retry"))}
+                    {this.props.timestamp}
+                </div>
+            );
+        }
+        if (this.state.callState === CallState.Connected) {
+            return (
+                <div className="mx_LegacyCallEvent_content">
+                    <Clock seconds={this.state.length} aria-live="off" />
+                    {this.props.timestamp}
+                </div>
+            );
+        }
+        if (this.state.callState === CallState.Connecting) {
+            return (
+                <div className="mx_LegacyCallEvent_content">
+                    {_t("voip|connecting")}
+                    {this.props.timestamp}
+                </div>
+            );
+        }
+
+        return (
+            <div className="mx_LegacyCallEvent_content">
+                {_t("timeline|m.call.invite|unknown_state")}
+                {this.props.timestamp}
+            </div>
+        );
+    }
+
+    public render(): React.ReactNode {
+        const event = this.props.mxEvent;
+        const sender = event.sender ? event.sender.name : event.getSender();
+        const isVoice = this.props.callEventGrouper.isVoice;
+        const callType = isVoice ? _t("voip|voice_call") : _t("voip|video_call");
+        const callState = this.state.callState;
+        const hangupReason = this.props.callEventGrouper.hangupReason;
+        const content = this.renderContent();
+        const className = classNames("mx_LegacyCallEvent", {
+            mx_LegacyCallEvent_voice: isVoice,
+            mx_LegacyCallEvent_video: !isVoice,
+            mx_LegacyCallEvent_narrow: this.state.narrow,
+        });
+
+        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}>
+                    {silenceIcon}
+                    <div className="mx_LegacyCallEvent_info">
+                        <MemberAvatar member={event.sender} size="32px" />
+                        <div className="mx_LegacyCallEvent_info_basic">
+                            <div className="mx_LegacyCallEvent_sender">{sender}</div>
+                            <div className="mx_LegacyCallEvent_type">
+                                {getCallStateIcon(!!isVoice, iconState)}
+                                {callType}
+                            </div>
+                        </div>
+                    </div>
+                    {content}
+                </div>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/messages/MAudioBody.tsx b/apps/web/src/components/views/messages/MAudioBody.tsx
new file mode 100644
index 00000000000..978c4688a6e
--- /dev/null
+++ b/apps/web/src/components/views/messages/MAudioBody.tsx
@@ -0,0 +1,149 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, useEffect } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type IContent } from "matrix-js-sdk/src/matrix";
+import { type MediaEventContent } from "matrix-js-sdk/src/types";
+import { AudioPlayerView, useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
+
+import { type Playback } from "../../../audio/Playback";
+import InlineSpinner from "../elements/InlineSpinner";
+import { _t } from "../../../languageHandler";
+import { type IBodyProps } from "./IBodyProps";
+import { PlaybackManager } from "../../../audio/PlaybackManager";
+import RoomContext, { TimelineRenderingType } from "../../../contexts/RoomContext";
+import MediaProcessingError from "./shared/MediaProcessingError";
+import { AudioPlayerViewModel } from "../../../viewmodels/room/timeline/event-tile/body/AudioPlayerViewModel";
+import { FileBodyFactory, renderMBody } from "./MBodyFactory";
+import { presentableTextForFile } from "../../../utils/FileUtils";
+
+interface IState {
+    error?: boolean;
+    playback?: Playback;
+}
+
+export default class MAudioBody extends React.PureComponent<IBodyProps, IState> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    public state: IState = {};
+
+    public async componentDidMount(): Promise<void> {
+        let buffer: ArrayBuffer;
+        try {
+            try {
+                const blob = await this.props.mediaEventHelper!.sourceBlob.value;
+                buffer = await blob.arrayBuffer();
+            } catch (e) {
+                this.setState({ error: true });
+                logger.warn("Unable to decrypt audio message", e);
+                return; // stop processing the audio file
+            }
+        } catch (e) {
+            this.setState({ error: true });
+            logger.warn("Unable to decrypt/download audio message", e);
+            return; // stop processing the audio file
+        }
+
+        // We should have a buffer to work with now: let's set it up
+
+        // Note: we don't actually need a waveform to render an audio event, but voice messages do.
+        const content = this.props.mxEvent.getContent<MediaEventContent & IContent>();
+        const waveform = content?.["org.matrix.msc1767.audio"]?.waveform?.map((p: number) => p / 1024);
+
+        // We should have a buffer to work with now: let's set it up
+        const playback = PlaybackManager.instance.createPlaybackInstance(buffer, waveform);
+        playback.clockInfo.populatePlaceholdersFrom(this.props.mxEvent);
+        this.setState({ playback });
+
+        this.onMount(playback);
+        // Note: the components later on will handle preparing the Playback class for us
+    }
+
+    protected onMount(playback: Playback): void {}
+
+    public componentWillUnmount(): void {
+        this.state.playback?.destroy();
+    }
+
+    protected get showFileBody(): boolean {
+        return (
+            this.context.timelineRenderingType !== TimelineRenderingType.Room &&
+            this.context.timelineRenderingType !== TimelineRenderingType.Pinned &&
+            this.context.timelineRenderingType !== TimelineRenderingType.Search
+        );
+    }
+
+    public render(): React.ReactNode {
+        if (this.state.error) {
+            return (
+                <MediaProcessingError className="mx_MAudioBody">
+                    {_t("timeline|m.audio|error_processing_audio")}
+                </MediaProcessingError>
+            );
+        }
+
+        if (this.props.forExport) {
+            const content = this.props.mxEvent.getContent();
+            // During export, the content url will point to the MSC, which will later point to a local url
+            const contentUrl = content.file?.url || content.url;
+            return (
+                <span className="mx_MAudioBody">
+                    <audio src={contentUrl} controls />
+                </span>
+            );
+        }
+
+        if (!this.state.playback) {
+            return (
+                <span className="mx_MAudioBody">
+                    <InlineSpinner />
+                </span>
+            );
+        }
+
+        // At this point we should have a playable state
+        return (
+            <span className="mx_MAudioBody">
+                <AudioPlayer
+                    playback={this.state.playback}
+                    mediaName={presentableTextForFile(
+                        this.props.mxEvent.getContent<MediaEventContent>(),
+                        undefined,
+                        false,
+                    )}
+                />
+                {this.showFileBody && renderMBody({ ...this.props, showFileInfo: false }, FileBodyFactory)}
+            </span>
+        );
+    }
+}
+
+interface AudioPlayerProps {
+    /**
+     * The playback instance to control audio playback.
+     */
+    playback: Playback;
+    /**
+     * The name of the media being played
+     */
+    mediaName: string;
+}
+
+/**
+ * AudioPlayer component that initializes the AudioPlayerViewModel and renders the AudioPlayerView.
+ */
+function AudioPlayer({ playback, mediaName }: AudioPlayerProps): JSX.Element {
+    const vm = useCreateAutoDisposedViewModel(() => new AudioPlayerViewModel({ playback, mediaName }));
+    useEffect(() => {
+        vm.setProps({ playback, mediaName });
+    }, [playback, mediaName, vm]);
+
+    return <AudioPlayerView vm={vm} />;
+}
diff --git a/apps/web/src/components/views/messages/MBeaconBody.tsx b/apps/web/src/components/views/messages/MBeaconBody.tsx
new file mode 100644
index 00000000000..48294296bed
--- /dev/null
+++ b/apps/web/src/components/views/messages/MBeaconBody.tsx
@@ -0,0 +1,230 @@
+/*
+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 JSX, useCallback, useContext, useEffect, useState } from "react";
+import {
+    type Beacon,
+    BeaconEvent,
+    type MatrixEvent,
+    MatrixEventEvent,
+    type MatrixClient,
+    RelationType,
+    type IRedactOpts,
+    type ContentHelpers,
+    M_BEACON,
+} from "matrix-js-sdk/src/matrix";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+import classNames from "classnames";
+
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { useEventEmitterState } from "../../../hooks/useEventEmitter";
+import { _t } from "../../../languageHandler";
+import Modal from "../../../Modal";
+import { isBeaconWaitingToStart, useBeacon } from "../../../utils/beacon";
+import { isSelfLocation, LocationShareError } from "../../../utils/location";
+import { BeaconDisplayStatus, getBeaconDisplayStatus } from "../beacon/displayStatus";
+import BeaconStatus from "../beacon/BeaconStatus";
+import OwnBeaconStatus from "../beacon/OwnBeaconStatus";
+import { Map, SmartMarker } from "../location";
+import { MapError } from "../location/MapError";
+import MapFallback from "../location/MapFallback";
+import { type GetRelationsForEvent } from "../rooms/EventTile";
+import { BeaconViewDialog } from "../beacon";
+import { type IBodyProps } from "./IBodyProps";
+
+const useBeaconState = (
+    beaconInfoEvent: MatrixEvent,
+): {
+    beacon?: Beacon;
+    description?: string;
+    latestLocationState?: ContentHelpers.BeaconLocationState;
+    isLive?: boolean;
+    waitingToStart?: boolean;
+} => {
+    const beacon = useBeacon(beaconInfoEvent);
+
+    const isLive = useEventEmitterState(beacon, BeaconEvent.LivenessChange, () => beacon?.isLive);
+
+    const latestLocationState = useEventEmitterState(
+        beacon,
+        BeaconEvent.LocationUpdate,
+        () => beacon?.latestLocationState,
+    );
+
+    if (!beacon) {
+        return {};
+    }
+
+    // a beacon's starting timestamp can be in the future
+    // (either from small deviations in system clock times, or on purpose from another client)
+    // a beacon is only live between its start timestamp and expiry
+    // detect when a beacon is waiting to become live
+    // and display a loading state
+    const waitingToStart = !!beacon && isBeaconWaitingToStart(beacon);
+    const { description } = beacon.beaconInfo;
+
+    return {
+        beacon,
+        description,
+        isLive,
+        waitingToStart,
+        latestLocationState,
+    };
+};
+
+// multiple instances of same map might be in document
+// eg thread and main timeline, reply
+// maplibregl needs a unique id to attach the map instance to
+const useUniqueId = (eventId: string): string => {
+    const [id, setId] = useState(`${eventId}_${secureRandomString(8)}`);
+
+    useEffect(() => {
+        setId(`${eventId}_${secureRandomString(8)}`);
+    }, [eventId]);
+
+    return id;
+};
+
+// remove related beacon locations on beacon redaction
+const useHandleBeaconRedaction = (
+    event: MatrixEvent,
+    matrixClient: MatrixClient,
+    getRelationsForEvent?: GetRelationsForEvent,
+): void => {
+    const onBeforeBeaconInfoRedaction = useCallback(
+        (_event: MatrixEvent, redactionEvent: MatrixEvent) => {
+            const relations = getRelationsForEvent
+                ? getRelationsForEvent(event.getId()!, RelationType.Reference, M_BEACON.name)
+                : undefined;
+
+            relations?.getRelations()?.forEach((locationEvent) => {
+                matrixClient.redactEvent(
+                    locationEvent.getRoomId()!,
+                    locationEvent.getId()!,
+                    undefined,
+                    redactionEvent.getContent<IRedactOpts>(),
+                );
+            });
+        },
+        [event, matrixClient, getRelationsForEvent],
+    );
+
+    useEffect(() => {
+        event.addListener(MatrixEventEvent.BeforeRedaction, onBeforeBeaconInfoRedaction);
+        return () => {
+            event.removeListener(MatrixEventEvent.BeforeRedaction, onBeforeBeaconInfoRedaction);
+        };
+    }, [event, onBeforeBeaconInfoRedaction]);
+};
+
+const MBeaconBody = ({ mxEvent, getRelationsForEvent, ref }: IBodyProps): JSX.Element => {
+    const { beacon, isLive, latestLocationState, waitingToStart } = useBeaconState(mxEvent);
+    const mapId = useUniqueId(mxEvent.getId()!);
+
+    const matrixClient = useContext(MatrixClientContext);
+    const [error, setError] = useState<Error>();
+    const isMapDisplayError =
+        error?.message === LocationShareError.MapStyleUrlNotConfigured ||
+        error?.message === LocationShareError.MapStyleUrlNotReachable;
+    const displayStatus = getBeaconDisplayStatus(
+        !!isLive,
+        latestLocationState,
+        // if we are unable to display maps because it is not configured for the server
+        // don't display an error
+        isMapDisplayError ? undefined : error,
+        waitingToStart,
+    );
+    const markerRoomMember = isSelfLocation(mxEvent.getContent()) ? mxEvent.sender : undefined;
+    const isOwnBeacon = beacon?.beaconInfoOwner === matrixClient.getUserId();
+
+    useHandleBeaconRedaction(mxEvent, matrixClient, getRelationsForEvent);
+
+    const onClick = (): void => {
+        if (displayStatus !== BeaconDisplayStatus.Active) {
+            return;
+        }
+        Modal.createDialog(
+            BeaconViewDialog,
+            {
+                roomId: mxEvent.getRoomId()!,
+                matrixClient,
+                initialFocusedBeacon: beacon,
+            },
+            "mx_BeaconViewDialog_wrapper",
+            false, // isPriority
+            true, // isStatic
+        );
+    };
+
+    let map: JSX.Element;
+    if (displayStatus === BeaconDisplayStatus.Active && !isMapDisplayError && latestLocationState?.uri) {
+        map = (
+            <Map
+                id={mapId}
+                centerGeoUri={latestLocationState.uri}
+                onError={setError}
+                onClick={onClick}
+                className="mx_MBeaconBody_map"
+            >
+                {({ map }) => (
+                    <SmartMarker
+                        map={map}
+                        id={`${mapId}-marker`}
+                        geoUri={latestLocationState.uri!}
+                        roomMember={markerRoomMember ?? undefined}
+                        useMemberColor
+                    />
+                )}
+            </Map>
+        );
+    } else if (isMapDisplayError) {
+        map = (
+            <MapError
+                error={error.message as LocationShareError}
+                onClick={onClick}
+                className={classNames(
+                    "mx_MBeaconBody_mapError",
+                    // set interactive class when maximised map can be opened
+                    { mx_MBeaconBody_mapErrorInteractive: displayStatus === BeaconDisplayStatus.Active },
+                )}
+                isMinimised
+            />
+        );
+    } else {
+        map = (
+            <MapFallback
+                isLoading={displayStatus === BeaconDisplayStatus.Loading}
+                className="mx_MBeaconBody_map mx_MBeaconBody_mapFallback"
+            />
+        );
+    }
+
+    return (
+        <div className="mx_MBeaconBody" ref={ref}>
+            {map}
+            {isOwnBeacon ? (
+                <OwnBeaconStatus
+                    className="mx_MBeaconBody_chin"
+                    beacon={beacon}
+                    displayStatus={displayStatus}
+                    withIcon
+                />
+            ) : (
+                <BeaconStatus
+                    className="mx_MBeaconBody_chin"
+                    beacon={beacon}
+                    displayStatus={displayStatus}
+                    label={_t("timeline|m.beacon_info|view_live_location")}
+                    withIcon
+                />
+            )}
+        </div>
+    );
+};
+
+export default MBeaconBody;
diff --git a/apps/web/src/components/views/messages/MBodyFactory.tsx b/apps/web/src/components/views/messages/MBodyFactory.tsx
new file mode 100644
index 00000000000..2dc73bf86ea
--- /dev/null
+++ b/apps/web/src/components/views/messages/MBodyFactory.tsx
@@ -0,0 +1,305 @@
+/*
+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 RefObject, useContext, useEffect, useRef } from "react";
+import { MsgType } from "matrix-js-sdk/src/matrix";
+import { type ImageContent } from "matrix-js-sdk/src/types";
+import {
+    DecryptionFailureBodyView,
+    FileBodyView,
+    ImageBodyView,
+    RedactedBodyView,
+    VideoBodyView,
+    useCreateAutoDisposedViewModel,
+} from "@element-hq/web-shared-components";
+
+import { type IBodyProps } from "./IBodyProps";
+import RoomContext, { TimelineRenderingType } from "../../../contexts/RoomContext";
+import { LocalDeviceVerificationStateContext } from "../../../contexts/LocalDeviceVerificationStateContext";
+import { useMediaVisible } from "../../../hooks/useMediaVisible";
+import { useSettingValue } from "../../../hooks/useSettings";
+import { DecryptionFailureBodyViewModel } from "../../../viewmodels/room/timeline/event-tile/body/DecryptionFailureBodyViewModel";
+import { FileBodyViewModel } from "../../../viewmodels/message-body/FileBodyViewModel";
+import { ImageBodyViewModel } from "../../../viewmodels/message-body/ImageBodyViewModel";
+import { RedactedBodyViewModel } from "../../../viewmodels/message-body/RedactedBodyViewModel";
+import { getRedactedBodyViewModelProps } from "../../../viewmodels/room/timeline/event-tile/EventTileRedactedBodyState";
+import { VideoBodyViewModel } from "../../../viewmodels/message-body/VideoBodyViewModel";
+import { isMimeTypeAllowed } from "../../../utils/blobs";
+
+type MBodyComponent = React.ComponentType<IBodyProps>;
+
+export function FileBodyFactory({
+    mxEvent,
+    mediaEventHelper,
+    forExport,
+    showFileInfo,
+}: Pick<IBodyProps, "mxEvent" | "mediaEventHelper" | "forExport" | "showFileInfo">): JSX.Element {
+    const { timelineRenderingType } = useContext(RoomContext);
+    const refIFrame = useRef<HTMLIFrameElement>(null) as RefObject<HTMLIFrameElement>;
+    const refLink = useRef<HTMLAnchorElement>(null) as RefObject<HTMLAnchorElement>;
+
+    const vm = useCreateAutoDisposedViewModel(
+        () =>
+            new FileBodyViewModel({
+                mxEvent,
+                mediaEventHelper,
+                forExport,
+                showFileInfo,
+                timelineRenderingType,
+                refIFrame,
+                refLink,
+            }),
+    );
+
+    useEffect(() => {
+        vm.setProps({
+            mxEvent,
+            mediaEventHelper,
+            forExport,
+            showFileInfo,
+            timelineRenderingType,
+        });
+    }, [mxEvent, mediaEventHelper, forExport, showFileInfo, timelineRenderingType, vm]);
+
+    return <FileBodyView vm={vm} refIFrame={refIFrame} refLink={refLink} className="mx_MFileBody" />;
+}
+
+export function VideoBodyFactory({
+    mxEvent,
+    mediaEventHelper,
+    forExport,
+    inhibitInteraction,
+}: Readonly<Pick<IBodyProps, "mxEvent" | "mediaEventHelper" | "forExport" | "inhibitInteraction">>): JSX.Element {
+    const { timelineRenderingType } = useContext(RoomContext);
+    const [mediaVisible, setMediaVisible] = useMediaVisible(mxEvent);
+    const videoRef = useRef<HTMLVideoElement>(null);
+
+    const vm = useCreateAutoDisposedViewModel(
+        () =>
+            new VideoBodyViewModel({
+                mxEvent,
+                mediaEventHelper,
+                forExport,
+                inhibitInteraction,
+                mediaVisible,
+                onPreviewClick: (): void => setMediaVisible(true),
+                videoRef,
+            }),
+    );
+
+    useEffect(() => {
+        vm.loadInitialMediaIfVisible();
+    }, [vm]);
+
+    useEffect(() => {
+        vm.setEvent(mxEvent, mediaEventHelper);
+    }, [mxEvent, mediaEventHelper, vm]);
+
+    useEffect(() => {
+        vm.setForExport(forExport);
+    }, [forExport, vm]);
+
+    useEffect(() => {
+        vm.setInhibitInteraction(inhibitInteraction);
+    }, [inhibitInteraction, vm]);
+
+    useEffect(() => {
+        vm.setMediaVisible(mediaVisible);
+    }, [mediaVisible, vm]);
+
+    useEffect(() => {
+        vm.setOnPreviewClick((): void => setMediaVisible(true));
+    }, [setMediaVisible, vm]);
+
+    const showFileBody =
+        !forExport &&
+        timelineRenderingType !== TimelineRenderingType.Room &&
+        timelineRenderingType !== TimelineRenderingType.Pinned &&
+        timelineRenderingType !== TimelineRenderingType.Search;
+
+    return (
+        <VideoBodyView
+            vm={vm}
+            className="mx_MVideoBody"
+            containerClassName="mx_MVideoBody_container"
+            videoRef={videoRef}
+        >
+            {showFileBody ? (
+                <FileBodyFactory
+                    mxEvent={mxEvent}
+                    mediaEventHelper={mediaEventHelper}
+                    forExport={forExport}
+                    showFileInfo={false}
+                />
+            ) : null}
+        </VideoBodyView>
+    );
+}
+
+export function ImageBodyFactory({
+    mxEvent,
+    mediaEventHelper,
+    forExport,
+    maxImageHeight,
+    permalinkCreator,
+    showFileInfo,
+}: Readonly<
+    Pick<
+        IBodyProps,
+        "mxEvent" | "mediaEventHelper" | "forExport" | "maxImageHeight" | "permalinkCreator" | "showFileInfo"
+    >
+>): JSX.Element {
+    const { timelineRenderingType } = useContext(RoomContext);
+    const [mediaVisible, setMediaVisible] = useMediaVisible(mxEvent);
+    const imageRef = useRef<HTMLImageElement>(null);
+    const content = mxEvent.getContent<ImageContent>();
+    const shouldFallbackToFileBody =
+        mediaEventHelper?.media.isEncrypted === true &&
+        !isMimeTypeAllowed(content.info?.mimetype ?? "") &&
+        !content.info?.thumbnail_info;
+
+    const vm = useCreateAutoDisposedViewModel(
+        () =>
+            new ImageBodyViewModel({
+                mxEvent,
+                mediaEventHelper,
+                forExport,
+                maxImageHeight,
+                mediaVisible,
+                permalinkCreator,
+                timelineRenderingType,
+                imageRef,
+                setMediaVisible,
+            }),
+    );
+
+    useEffect(() => {
+        if (shouldFallbackToFileBody) return;
+        vm.loadInitialMediaIfVisible();
+    }, [shouldFallbackToFileBody, vm]);
+
+    useEffect(() => {
+        if (shouldFallbackToFileBody) return;
+        vm.setEvent(mxEvent, mediaEventHelper);
+    }, [mediaEventHelper, mxEvent, shouldFallbackToFileBody, vm]);
+
+    useEffect(() => {
+        if (shouldFallbackToFileBody) return;
+        vm.setForExport(forExport);
+    }, [forExport, shouldFallbackToFileBody, vm]);
+
+    useEffect(() => {
+        if (shouldFallbackToFileBody) return;
+        vm.setMaxImageHeight(maxImageHeight);
+    }, [maxImageHeight, shouldFallbackToFileBody, vm]);
+
+    useEffect(() => {
+        if (shouldFallbackToFileBody) return;
+        vm.setMediaVisible(mediaVisible);
+    }, [mediaVisible, shouldFallbackToFileBody, vm]);
+
+    useEffect(() => {
+        if (shouldFallbackToFileBody) return;
+        vm.setPermalinkCreator(permalinkCreator);
+    }, [permalinkCreator, shouldFallbackToFileBody, vm]);
+
+    useEffect(() => {
+        if (shouldFallbackToFileBody) return;
+        vm.setTimelineRenderingType(timelineRenderingType);
+    }, [shouldFallbackToFileBody, timelineRenderingType, vm]);
+
+    useEffect(() => {
+        if (shouldFallbackToFileBody) return;
+        vm.setSetMediaVisible(setMediaVisible);
+    }, [setMediaVisible, shouldFallbackToFileBody, vm]);
+
+    const showFileBody =
+        !forExport &&
+        timelineRenderingType !== TimelineRenderingType.Room &&
+        timelineRenderingType !== TimelineRenderingType.Pinned &&
+        timelineRenderingType !== TimelineRenderingType.Search &&
+        timelineRenderingType !== TimelineRenderingType.Thread &&
+        timelineRenderingType !== TimelineRenderingType.ThreadsList;
+
+    if (shouldFallbackToFileBody) {
+        return (
+            <FileBodyFactory
+                mxEvent={mxEvent}
+                mediaEventHelper={mediaEventHelper}
+                forExport={forExport}
+                showFileInfo={showFileInfo}
+            />
+        );
+    }
+
+    return (
+        <ImageBodyView
+            vm={vm}
+            className="mx_ImageBody"
+            containerClassName="mx_ImageBody_container"
+            imageClassName="mx_ImageBody_image"
+            imageRef={imageRef}
+        >
+            {showFileBody ? (
+                <FileBodyFactory
+                    mxEvent={mxEvent}
+                    mediaEventHelper={mediaEventHelper}
+                    forExport={forExport}
+                    showFileInfo={false}
+                />
+            ) : null}
+        </ImageBodyView>
+    );
+}
+
+export function RedactedBodyFactory({ mxEvent, ref }: Pick<IBodyProps, "mxEvent" | "ref">): JSX.Element {
+    const showTwelveHour = useSettingValue("showTwelveHourTimestamps");
+    const props = getRedactedBodyViewModelProps(mxEvent, showTwelveHour);
+    const vm = useCreateAutoDisposedViewModel(() => new RedactedBodyViewModel(props));
+
+    useEffect(() => {
+        vm.setProps(getRedactedBodyViewModelProps(mxEvent, showTwelveHour));
+    }, [mxEvent, showTwelveHour, vm]);
+
+    return <RedactedBodyView vm={vm} ref={ref} className="mx_RedactedBody" />;
+}
+
+export function DecryptionFailureBodyFactory({ mxEvent, ref }: Pick<IBodyProps, "mxEvent" | "ref">): JSX.Element {
+    const verificationState = useContext(LocalDeviceVerificationStateContext);
+    const vm = useCreateAutoDisposedViewModel(
+        () =>
+            new DecryptionFailureBodyViewModel({
+                decryptionFailureCode: mxEvent.decryptionFailureReason,
+                verificationState,
+            }),
+    );
+
+    useEffect(() => {
+        vm.setDecryptionFailureCode(mxEvent.decryptionFailureReason);
+        vm.setVerificationState(verificationState);
+    }, [mxEvent, verificationState, vm]);
+
+    return <DecryptionFailureBodyView vm={vm} ref={ref} className="mx_DecryptionFailureBody mx_EventTile_content" />;
+}
+
+// Message body factory registry for bodies that already route through view-model-backed wrappers.
+const MESSAGE_BODY_TYPES = new Map<string, MBodyComponent>([
+    [MsgType.Image, ImageBodyFactory],
+    [MsgType.File, FileBodyFactory],
+    [MsgType.Video, VideoBodyFactory],
+]);
+
+// Render a body using the picked factory.
+// Falls back to the provided factory when msgtype has no specific handler.
+export function renderMBody(props: IBodyProps, fallbackFactory?: MBodyComponent): JSX.Element | null {
+    const BodyType = MESSAGE_BODY_TYPES.get(props.mxEvent.getContent().msgtype!) ?? fallbackFactory;
+    if (!BodyType) {
+        return null;
+    }
+
+    return <BodyType {...props} />;
+}
diff --git a/apps/web/src/components/views/messages/MImageReplyBody.tsx b/apps/web/src/components/views/messages/MImageReplyBody.tsx
new file mode 100644
index 00000000000..7b8389f7be6
--- /dev/null
+++ b/apps/web/src/components/views/messages/MImageReplyBody.tsx
@@ -0,0 +1,652 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 2021 Tulir Asokan <tulir@maunium.net>
+
+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 ComponentProps, createRef, type ReactNode } from "react";
+import { Blurhash } from "react-blurhash";
+import classNames from "classnames";
+import { CSSTransition, SwitchTransition } from "react-transition-group";
+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 { HiddenMediaPlaceholder } from "@element-hq/web-shared-components";
+
+import Modal from "../../../Modal";
+import { _t } from "../../../languageHandler";
+import SettingsStore from "../../../settings/SettingsStore";
+import Spinner from "../elements/Spinner";
+import { type Media, mediaFromContent } from "../../../customisations/Media";
+import { BLURHASH_FIELD, createThumbnail } from "../../../utils/image-media";
+import ImageView from "../elements/ImageView";
+import { type IBodyProps } from "./IBodyProps";
+import { suggestedSize as suggestedImageSize } from "../../../settings/enums/ImageSize";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import RoomContext, { TimelineRenderingType } from "../../../contexts/RoomContext";
+import { blobIsAnimated, mayBeAnimated } from "../../../utils/Image";
+import { presentableTextForFile } from "../../../utils/FileUtils";
+import { createReconnectedListener } from "../../../utils/connection";
+import MediaProcessingError from "./shared/MediaProcessingError";
+import { DecryptError, DownloadError } from "../../../utils/DecryptFile";
+import { useMediaVisible } from "../../../hooks/useMediaVisible";
+import { isMimeTypeAllowed } from "../../../utils/blobs.ts";
+import { FileBodyFactory, renderMBody } from "./MBodyFactory";
+
+enum Placeholder {
+    NoImage,
+    Blurhash,
+}
+
+interface IState {
+    contentUrl: string | null;
+    thumbUrl: string | null;
+    isAnimated?: boolean;
+    error?: unknown;
+    imgError: boolean;
+    imgLoaded: boolean;
+    loadedImageDimensions?: {
+        naturalWidth: number;
+        naturalHeight: number;
+    };
+    hover: boolean;
+    focus: boolean;
+    placeholder: Placeholder;
+}
+
+export interface ImageBodyBaseProps extends IBodyProps {
+    mediaVisible: boolean;
+    setMediaVisible: (visible: boolean) => void;
+}
+
+export class ImageBodyBaseInner extends React.Component<ImageBodyBaseProps, IState> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    private unmounted = false;
+    private image = createRef<HTMLImageElement>();
+    private placeholder = createRef<HTMLDivElement>();
+    private timeout?: number;
+    private sizeWatcher?: string;
+
+    public state: IState = {
+        contentUrl: null,
+        thumbUrl: null,
+        imgError: false,
+        imgLoaded: false,
+        hover: false,
+        focus: false,
+        placeholder: Placeholder.NoImage,
+    };
+
+    protected onClick = (ev: React.MouseEvent): void => {
+        if (ev.button === 0 && !ev.metaKey) {
+            ev.preventDefault();
+            if (!this.props.mediaVisible) {
+                this.props.setMediaVisible(true);
+                return;
+            }
+
+            const content = this.props.mxEvent.getContent<ImageContent>();
+
+            let httpUrl = this.state.contentUrl;
+            if (
+                this.props.mediaEventHelper?.media.isEncrypted &&
+                !isMimeTypeAllowed(this.props.mediaEventHelper.sourceBlob.cachedValue?.type ?? "")
+            ) {
+                httpUrl = this.state.thumbUrl;
+            }
+
+            if (!httpUrl) return;
+            const params: Omit<ComponentProps<typeof ImageView>, "onFinished"> = {
+                src: httpUrl,
+                name: content.body && content.body.length > 0 ? content.body : _t("common|attachment"),
+                mxEvent: this.props.mxEvent,
+                permalinkCreator: this.props.permalinkCreator,
+            };
+
+            if (content.info) {
+                params.width = content.info.w;
+                params.height = content.info.h;
+                params.fileSize = content.info.size;
+            }
+
+            if (this.image.current) {
+                const clientRect = this.image.current.getBoundingClientRect();
+
+                params.thumbnailInfo = {
+                    width: clientRect.width,
+                    height: clientRect.height,
+                    positionX: clientRect.x,
+                    positionY: clientRect.y,
+                };
+            }
+
+            Modal.createDialog(ImageView, params, "mx_Dialog_lightbox", undefined, true);
+        }
+    };
+
+    private get shouldAutoplay(): boolean {
+        return !(
+            !this.state.contentUrl ||
+            !this.props.mediaVisible ||
+            !this.state.isAnimated ||
+            SettingsStore.getValue("autoplayGifs")
+        );
+    }
+
+    protected onImageEnter = (): void => {
+        this.setState({ hover: true });
+    };
+
+    protected onImageLeave = (): void => {
+        this.setState({ hover: false });
+    };
+
+    private onFocus = (): void => {
+        this.setState({ focus: true });
+    };
+
+    private onBlur = (): void => {
+        this.setState({ focus: false });
+    };
+
+    private reconnectedListener = createReconnectedListener((): void => {
+        MatrixClientPeg.get()?.off(ClientEvent.Sync, this.reconnectedListener);
+        this.setState({ imgError: false });
+    });
+
+    private onImageError = (): void => {
+        if (this.state.thumbUrl) {
+            this.setState({
+                thumbUrl: null,
+            });
+            return;
+        }
+
+        this.clearBlurhashTimeout();
+        this.setState({
+            imgError: true,
+        });
+        MatrixClientPeg.safeGet().on(ClientEvent.Sync, this.reconnectedListener);
+    };
+
+    private onImageLoad = (): void => {
+        this.clearBlurhashTimeout();
+
+        let loadedImageDimensions: IState["loadedImageDimensions"];
+
+        if (this.image.current) {
+            const { naturalWidth, naturalHeight } = this.image.current;
+            loadedImageDimensions = { naturalWidth, naturalHeight };
+        }
+        this.setState({ imgLoaded: true, loadedImageDimensions });
+    };
+
+    private getContentUrl(): string | null {
+        if (this.props.forExport) return this.media.srcMxc;
+        return this.media.srcHttp;
+    }
+
+    private get media(): Media {
+        return mediaFromContent(this.props.mxEvent.getContent());
+    }
+
+    private getThumbUrl(): string | null {
+        const thumbWidth = 800;
+        const thumbHeight = 600;
+
+        const content = this.props.mxEvent.getContent<ImageContent>();
+        const media = mediaFromContent(content);
+        const info = content.info;
+
+        if (info?.mimetype === "image/svg+xml" && media.hasThumbnail) {
+            return media.getThumbnailHttp(thumbWidth, thumbHeight, "scale");
+        }
+
+        if (this.state.isAnimated || window.devicePixelRatio === 1.0 || !info || !info.w || !info.h || !info.size) {
+            return media.getThumbnailOfSourceHttp(thumbWidth, thumbHeight);
+        }
+
+        const isLargerThanThumbnail = info.w > thumbWidth || info.h > thumbHeight;
+        const isLargeFileSize = info.size > 1 * 1024 * 1024;
+
+        if (isLargeFileSize && isLargerThanThumbnail) {
+            return media.getThumbnailOfSourceHttp(thumbWidth, thumbHeight);
+        }
+
+        return media.srcHttp;
+    }
+
+    private async downloadImage(): Promise<void> {
+        if (this.state.contentUrl) return;
+
+        let thumbUrl: string | null;
+        let contentUrl: string | null;
+        if (this.props.mediaEventHelper?.media.isEncrypted) {
+            try {
+                [contentUrl, thumbUrl] = await Promise.all([
+                    this.props.mediaEventHelper.sourceUrl.value,
+                    this.props.mediaEventHelper.thumbnailUrl.value,
+                ]);
+            } catch (error) {
+                if (this.unmounted) return;
+
+                if (error instanceof DecryptError) {
+                    logger.error("Unable to decrypt attachment: ", error);
+                } else if (error instanceof DownloadError) {
+                    logger.error("Unable to download attachment to decrypt it: ", error);
+                } else {
+                    logger.error("Error encountered when downloading encrypted attachment: ", error);
+                }
+
+                this.setState({ error });
+                return;
+            }
+        } else {
+            thumbUrl = this.getThumbUrl();
+            contentUrl = this.getContentUrl();
+        }
+
+        const content = this.props.mxEvent.getContent<ImageContent>();
+        let isAnimated = content.info?.["org.matrix.msc4230.is_animated"] ?? mayBeAnimated(content.info?.mimetype);
+
+        if (isAnimated && !SettingsStore.getValue("autoplayGifs")) {
+            if (!thumbUrl || !content?.info?.thumbnail_info || mayBeAnimated(content.info.thumbnail_info.mimetype)) {
+                const img = document.createElement("img");
+                const loadPromise = new Promise((resolve, reject) => {
+                    img.onload = resolve;
+                    img.onerror = reject;
+                });
+                img.crossOrigin = "Anonymous";
+                img.src = contentUrl ?? "";
+
+                try {
+                    await loadPromise;
+                } catch (error) {
+                    logger.error("Unable to download attachment: ", error);
+                    this.setState({ error: error as Error });
+                    return;
+                }
+
+                try {
+                    if (
+                        content.info?.["org.matrix.msc4230.is_animated"] === false ||
+                        (await blobIsAnimated(await this.props.mediaEventHelper!.sourceBlob.value)) === false
+                    ) {
+                        isAnimated = false;
+                    }
+
+                    if (isAnimated) {
+                        const thumb = await createThumbnail(
+                            img,
+                            img.width,
+                            img.height,
+                            content.info?.mimetype ?? "image/jpeg",
+                            false,
+                        );
+                        thumbUrl = URL.createObjectURL(thumb.thumbnail);
+                    }
+                } catch (error) {
+                    logger.warn("Unable to generate thumbnail for animated image: ", error);
+                }
+            }
+        }
+
+        if (this.unmounted) return;
+        this.setState({
+            contentUrl,
+            thumbUrl,
+            isAnimated,
+        });
+    }
+
+    private clearBlurhashTimeout(): void {
+        if (this.timeout) {
+            clearTimeout(this.timeout);
+            this.timeout = undefined;
+        }
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+
+        if (this.props.mediaVisible) {
+            void this.downloadImage();
+        }
+
+        if (this.props.mxEvent.getContent().info?.[BLURHASH_FIELD]) {
+            this.clearBlurhashTimeout();
+            this.timeout = window.setTimeout(() => {
+                if (!this.state.imgLoaded || !this.state.imgError) {
+                    this.setState({
+                        placeholder: Placeholder.Blurhash,
+                    });
+                }
+            }, 150);
+        }
+
+        this.sizeWatcher = SettingsStore.watchSetting("Images.size", null, () => {
+            this.forceUpdate();
+        });
+    }
+
+    public componentDidUpdate(prevProps: Readonly<ImageBodyBaseProps>): void {
+        if (!prevProps.mediaVisible && this.props.mediaVisible) {
+            void this.downloadImage();
+        }
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+        MatrixClientPeg.get()?.off(ClientEvent.Sync, this.reconnectedListener);
+        this.clearBlurhashTimeout();
+        SettingsStore.unwatchSetting(this.sizeWatcher);
+        if (this.state.isAnimated && this.state.thumbUrl) {
+            URL.revokeObjectURL(this.state.thumbUrl);
+        }
+    }
+
+    protected getBanner(content: ImageContent): ReactNode {
+        if (
+            [TimelineRenderingType.ThreadsList, TimelineRenderingType.File].includes(this.context.timelineRenderingType)
+        ) {
+            return null;
+        }
+
+        return (
+            <span className="mx_MImageBody_banner">
+                {presentableTextForFile(content, _t("common|image"), true, true)}
+            </span>
+        );
+    }
+
+    protected messageContent(
+        contentUrl: string | null,
+        thumbUrl: string | null,
+        content: ImageContent,
+        forcedHeight?: number,
+    ): ReactNode {
+        if (!thumbUrl) thumbUrl = contentUrl;
+
+        let infoWidth = 500;
+        let infoHeight = 500;
+        let infoSvg = false;
+
+        if (content.info?.w && content.info?.h) {
+            infoWidth = content.info.w;
+            infoHeight = content.info.h;
+            infoSvg = content.info.mimetype === "image/svg+xml";
+        } else if (thumbUrl && contentUrl) {
+            if (!this.state.loadedImageDimensions) {
+                let imageElement: JSX.Element;
+                if (!this.props.mediaVisible) {
+                    imageElement = (
+                        <HiddenMediaPlaceholder onClick={this.onClick}>
+                            {_t("timeline|m.image|show_image")}
+                        </HiddenMediaPlaceholder>
+                    );
+                } else {
+                    imageElement = (
+                        <img
+                            style={{ display: "none" }}
+                            src={thumbUrl}
+                            ref={this.image}
+                            alt={content.body}
+                            onError={this.onImageError}
+                            onLoad={this.onImageLoad}
+                        />
+                    );
+                }
+                return this.wrapImage(contentUrl, imageElement);
+            }
+            infoWidth = this.state.loadedImageDimensions.naturalWidth;
+            infoHeight = this.state.loadedImageDimensions.naturalHeight;
+        }
+
+        const { w: maxWidth, h: maxHeight } = suggestedImageSize(
+            SettingsStore.getValue("Images.size"),
+            { w: infoWidth, h: infoHeight },
+            forcedHeight ?? this.props.maxImageHeight,
+        );
+
+        let img: JSX.Element | undefined;
+        let placeholder: JSX.Element | undefined;
+        let gifLabel: JSX.Element | undefined;
+
+        if (!this.props.forExport && !this.state.imgLoaded) {
+            const classes = classNames("mx_MImageBody_placeholder", {
+                "mx_MImageBody_placeholder--blurhash": this.props.mxEvent.getContent().info?.[BLURHASH_FIELD],
+            });
+
+            placeholder = (
+                <div className={classes} ref={this.placeholder}>
+                    {this.getPlaceholder(maxWidth, maxHeight)}
+                </div>
+            );
+        }
+
+        let showPlaceholder = Boolean(placeholder);
+
+        const hoverOrFocus = this.state.hover || this.state.focus;
+        if (thumbUrl && !this.state.imgError) {
+            let url = thumbUrl;
+            if (hoverOrFocus && this.shouldAutoplay) {
+                url = this.state.contentUrl!;
+            }
+
+            img = (
+                <img
+                    className="mx_MImageBody_thumbnail"
+                    src={url}
+                    ref={this.image}
+                    alt={content.body}
+                    onError={this.onImageError}
+                    onLoad={this.onImageLoad}
+                    onMouseEnter={this.onImageEnter}
+                    onMouseLeave={this.onImageLeave}
+                />
+            );
+        }
+
+        if (!this.props.mediaVisible) {
+            img = (
+                <div style={{ width: maxWidth, height: maxHeight }}>
+                    <HiddenMediaPlaceholder onClick={this.onClick}>
+                        {_t("timeline|m.image|show_image")}
+                    </HiddenMediaPlaceholder>
+                </div>
+            );
+            showPlaceholder = false;
+        }
+
+        if (this.state.isAnimated && !SettingsStore.getValue("autoplayGifs") && !hoverOrFocus) {
+            gifLabel = <p className="mx_MImageBody_gifLabel">GIF</p>;
+        }
+
+        let banner: ReactNode | undefined;
+        if (this.props.mediaVisible && hoverOrFocus) {
+            banner = this.getBanner(content);
+        }
+
+        const sizing = infoSvg ? { maxHeight, maxWidth, width: maxWidth } : { maxHeight, maxWidth };
+
+        if (!this.props.forExport) {
+            placeholder = (
+                <SwitchTransition mode="out-in">
+                    <CSSTransition
+                        classNames="mx_rtg--fade"
+                        key={`img-${showPlaceholder}`}
+                        timeout={300}
+                        nodeRef={this.placeholder}
+                    >
+                        {showPlaceholder ? placeholder : <div ref={this.placeholder} />}
+                    </CSSTransition>
+                </SwitchTransition>
+            );
+        }
+
+        const tooltipProps = this.getTooltipProps();
+        let thumbnail = (
+            <div
+                className="mx_MImageBody_thumbnail_container"
+                style={{ maxHeight, maxWidth, aspectRatio: `${infoWidth}/${infoHeight}` }}
+                // oxlint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+                tabIndex={tooltipProps ? 0 : undefined}
+            >
+                {placeholder}
+
+                <div style={sizing}>
+                    {img}
+                    {gifLabel}
+                    {banner}
+                </div>
+
+                {!this.props.forExport && !this.state.imgLoaded && !placeholder && (
+                    <div style={{ height: maxHeight, width: maxWidth }} />
+                )}
+            </div>
+        );
+
+        if (tooltipProps) {
+            thumbnail = (
+                <Tooltip {...tooltipProps} isTriggerInteractive={true}>
+                    {thumbnail}
+                </Tooltip>
+            );
+        }
+
+        return this.wrapImage(contentUrl, thumbnail);
+    }
+
+    protected wrapImage(contentUrl: string | null | undefined, children: JSX.Element): ReactNode {
+        if (contentUrl) {
+            return (
+                <a
+                    href={contentUrl}
+                    target={this.props.forExport ? "_blank" : undefined}
+                    onClick={this.onClick}
+                    onFocus={this.onFocus}
+                    onBlur={this.onBlur}
+                >
+                    {children}
+                </a>
+            );
+        }
+        return children;
+    }
+
+    protected getPlaceholder(width: number, height: number): ReactNode {
+        const blurhash = this.props.mxEvent.getContent().info?.[BLURHASH_FIELD];
+
+        if (blurhash) {
+            if (this.state.placeholder === Placeholder.NoImage) {
+                return null;
+            } else if (this.state.placeholder === Placeholder.Blurhash) {
+                return <Blurhash className="mx_Blurhash" hash={blurhash} width={width} height={height} />;
+            }
+        }
+        return <Spinner size={32} />;
+    }
+
+    protected getTooltipProps(): ComponentProps<typeof Tooltip> | null {
+        return null;
+    }
+
+    protected getFileBody(): ReactNode {
+        if (this.props.forExport) return null;
+        const hasMessageActionBar =
+            this.context.timelineRenderingType === TimelineRenderingType.Room ||
+            this.context.timelineRenderingType === TimelineRenderingType.Pinned ||
+            this.context.timelineRenderingType === TimelineRenderingType.Search ||
+            this.context.timelineRenderingType === TimelineRenderingType.Thread ||
+            this.context.timelineRenderingType === TimelineRenderingType.ThreadsList;
+        if (!hasMessageActionBar) {
+            return renderMBody({ ...this.props, showFileInfo: false }, FileBodyFactory);
+        }
+    }
+
+    public render(): React.ReactNode {
+        const content = this.props.mxEvent.getContent<ImageContent>();
+
+        if (
+            this.props.mediaEventHelper?.media.isEncrypted &&
+            !isMimeTypeAllowed(content.info?.mimetype ?? "") &&
+            !content.info?.thumbnail_info
+        ) {
+            return renderMBody(this.props, FileBodyFactory);
+        }
+
+        if (this.state.error) {
+            let errorText = _t("timeline|m.image|error");
+            if (this.state.error instanceof DecryptError) {
+                errorText = _t("timeline|m.image|error_decrypting");
+            } else if (this.state.error instanceof DownloadError) {
+                errorText = _t("timeline|m.image|error_downloading");
+            }
+
+            return (
+                <MediaProcessingError className="mx_MImageBody" Icon={ImageErrorIcon}>
+                    {errorText}
+                </MediaProcessingError>
+            );
+        }
+
+        let contentUrl = this.state.contentUrl;
+        let thumbUrl: string | null;
+        if (this.props.forExport) {
+            contentUrl = this.props.mxEvent.getContent().url ?? this.props.mxEvent.getContent().file?.url;
+            thumbUrl = contentUrl;
+        } else if (this.state.isAnimated && SettingsStore.getValue("autoplayGifs")) {
+            thumbUrl = contentUrl;
+        } else {
+            thumbUrl = this.state.thumbUrl ?? this.state.contentUrl;
+        }
+
+        const thumbnail = this.messageContent(contentUrl, thumbUrl, content);
+        const fileBody = this.getFileBody();
+
+        return (
+            <div className="mx_MImageBody">
+                {thumbnail}
+                {fileBody}
+            </div>
+        );
+    }
+}
+
+const FORCED_IMAGE_HEIGHT = 44;
+
+class MImageReplyBodyInner extends ImageBodyBaseInner {
+    public onClick = (ev: React.MouseEvent): void => {
+        ev.preventDefault();
+    };
+
+    public wrapImage(contentUrl: string, children: JSX.Element): JSX.Element {
+        return children;
+    }
+
+    public render(): React.ReactNode {
+        if (this.state.error) {
+            return super.render();
+        }
+
+        const content = this.props.mxEvent.getContent<ImageContent>();
+        const thumbnail = this.state.contentUrl
+            ? this.messageContent(this.state.contentUrl, this.state.thumbUrl, content, FORCED_IMAGE_HEIGHT)
+            : undefined;
+
+        return <div className="mx_MImageReplyBody">{thumbnail}</div>;
+    }
+}
+
+const MImageReplyBody: React.FC<IBodyProps> = (props) => {
+    const [mediaVisible, setVisible] = useMediaVisible(props.mxEvent);
+    return <MImageReplyBodyInner mediaVisible={mediaVisible} setMediaVisible={setVisible} {...props} />;
+};
+
+export default MImageReplyBody;
diff --git a/apps/web/src/components/views/messages/MLocationBody.tsx b/apps/web/src/components/views/messages/MLocationBody.tsx
new file mode 100644
index 00000000000..5dbc4afca4a
--- /dev/null
+++ b/apps/web/src/components/views/messages/MLocationBody.tsx
@@ -0,0 +1,161 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, { useMemo } from "react";
+import { type MatrixEvent, ClientEvent, type ClientEventHandlerMap } from "matrix-js-sdk/src/matrix";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+import { Tooltip } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import Modal from "../../../Modal";
+import {
+    locationEventGeoUri,
+    getLocationShareErrorMessage,
+    LocationShareError,
+    isSelfLocation,
+} from "../../../utils/location";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { SmartMarker, Map, LocationViewDialog } from "../location";
+import { type IBodyProps } from "./IBodyProps";
+import { createReconnectedListener } from "../../../utils/connection";
+
+interface IState {
+    error?: Error;
+}
+
+export default class MLocationBody extends React.Component<IBodyProps, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    private unmounted = false;
+    private mapId: string;
+    private reconnectedListener: ClientEventHandlerMap[ClientEvent.Sync];
+
+    public constructor(props: IBodyProps) {
+        super(props);
+
+        // multiple instances of same map might be in document
+        // eg thread and main timeline, reply
+        const idSuffix = `${props.mxEvent.getId()}_${secureRandomString(8)}`;
+        this.mapId = `mx_MLocationBody_${idSuffix}`;
+
+        this.reconnectedListener = createReconnectedListener(this.clearError);
+
+        this.state = {};
+    }
+
+    private onClick = (): void => {
+        Modal.createDialog(
+            LocationViewDialog,
+            {
+                mxEvent: this.props.mxEvent,
+            },
+            "mx_LocationViewDialog_wrapper",
+            false, // isPriority
+            true, // isStatic
+        );
+    };
+
+    private clearError = (): void => {
+        this.context.off(ClientEvent.Sync, this.reconnectedListener);
+        this.setState({ error: undefined });
+    };
+
+    private onError = (error: Error): void => {
+        if (this.unmounted) return;
+        this.setState({ error });
+        // Unregister first in case we already had it registered
+        this.context.off(ClientEvent.Sync, this.reconnectedListener);
+        this.context.on(ClientEvent.Sync, this.reconnectedListener);
+    };
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+        this.context.off(ClientEvent.Sync, this.reconnectedListener);
+    }
+
+    public render(): React.ReactElement<HTMLDivElement> {
+        return this.state.error ? (
+            <LocationBodyFallbackContent error={this.state.error} event={this.props.mxEvent} />
+        ) : (
+            <LocationBodyContent
+                mxEvent={this.props.mxEvent}
+                mapId={this.mapId}
+                onError={this.onError}
+                tooltip={_t("location_sharing|expand_map")}
+                onClick={this.onClick}
+            />
+        );
+    }
+}
+
+export const LocationBodyFallbackContent: React.FC<{ event: MatrixEvent; error: Error }> = ({ error, event }) => {
+    const errorType = error?.message as LocationShareError;
+    const message = `${_t("location_sharing|failed_load_map")}: ${getLocationShareErrorMessage(errorType)}`;
+
+    const locationFallback = isSelfLocation(event.getContent())
+        ? _t("timeline|m.location|self_location") + event.getContent()?.body
+        : _t("timeline|m.location|location") + event.getContent()?.body;
+
+    return (
+        <div className="mx_EventTile_body mx_MLocationBody">
+            <span className={errorType !== LocationShareError.MapStyleUrlNotConfigured ? "mx_EventTile_tileError" : ""}>
+                {message}
+            </span>
+            <br />
+            {locationFallback}
+        </div>
+    );
+};
+
+interface LocationBodyContentProps {
+    mxEvent: MatrixEvent;
+    mapId: string;
+    tooltip: string;
+    onError: (error: Error) => void;
+    onClick?: () => void;
+}
+export const LocationBodyContent: React.FC<LocationBodyContentProps> = ({
+    mxEvent,
+    mapId,
+    tooltip,
+    onError,
+    onClick,
+}) => {
+    // Find the message panel boundary so the tooltip hides when it would overlap the composer
+    const boundaryEl = useMemo(() => document.querySelector<HTMLElement>(".mx_RoomView_messagePanel") ?? undefined, []);
+
+    // only pass member to marker when should render avatar marker
+    const markerRoomMember = isSelfLocation(mxEvent.getContent()) ? mxEvent.sender : undefined;
+    const geoUri = locationEventGeoUri(mxEvent);
+
+    const mapElement = (
+        <Map id={mapId} centerGeoUri={geoUri} onClick={onClick} onError={onError} className="mx_MLocationBody_map">
+            {({ map }) => (
+                <SmartMarker
+                    map={map}
+                    id={`${mapId}-marker`}
+                    geoUri={geoUri}
+                    roomMember={markerRoomMember ?? undefined}
+                />
+            )}
+        </Map>
+    );
+
+    return (
+        <div className="mx_MLocationBody">
+            <Tooltip label={tooltip} boundary={boundaryEl}>
+                <div className="mx_MLocationBody_map">{mapElement}</div>
+            </Tooltip>
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/messages/MPollBody.tsx b/apps/web/src/components/views/messages/MPollBody.tsx
new file mode 100644
index 00000000000..e925726a2a0
--- /dev/null
+++ b/apps/web/src/components/views/messages/MPollBody.tsx
@@ -0,0 +1,449 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 ReactNode } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import {
+    type MatrixEvent,
+    type MatrixClient,
+    type Relations,
+    type Poll,
+    PollEvent,
+    M_POLL_KIND_DISCLOSED,
+    M_POLL_RESPONSE,
+    M_POLL_START,
+    type TimelineEvents,
+} from "matrix-js-sdk/src/matrix";
+import { RelatedRelations } from "matrix-js-sdk/src/models/related-relations";
+import { type PollStartEvent, type PollAnswerSubevent } from "matrix-js-sdk/src/extensible_events_v1/PollStartEvent";
+import { PollResponseEvent } from "matrix-js-sdk/src/extensible_events_v1/PollResponseEvent";
+import PollsIcon from "@vector-im/compound-design-tokens/assets/web/icons/polls";
+import PollsEndIcon from "@vector-im/compound-design-tokens/assets/web/icons/polls-end";
+
+import { _t } from "../../../languageHandler";
+import Modal from "../../../Modal";
+import { type IBodyProps } from "./IBodyProps";
+import { formatList } from "../../../utils/FormattingUtils";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import ErrorDialog from "../dialogs/ErrorDialog";
+import { type GetRelationsForEvent } from "../rooms/EventTile";
+import PollCreateDialog from "../elements/PollCreateDialog";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import Spinner from "../elements/Spinner";
+import { PollOption } from "../polls/PollOption";
+
+interface IState {
+    poll?: Poll;
+    // poll instance has fetched at least one page of responses
+    pollInitialised: boolean;
+    selected?: string | null | undefined; // Which option was clicked by the local user
+    voteRelations?: Relations; // Voting (response) events
+}
+
+export function createVoteRelations(getRelationsForEvent: GetRelationsForEvent, eventId: string): RelatedRelations {
+    const relationsList: Relations[] = [];
+
+    const pollResponseRelations = getRelationsForEvent(eventId, "m.reference", M_POLL_RESPONSE.name);
+    if (pollResponseRelations) {
+        relationsList.push(pollResponseRelations);
+    }
+
+    const pollResposnseAltRelations = getRelationsForEvent(eventId, "m.reference", M_POLL_RESPONSE.altName);
+    if (pollResposnseAltRelations) {
+        relationsList.push(pollResposnseAltRelations);
+    }
+
+    return new RelatedRelations(relationsList);
+}
+
+export function findTopAnswer(pollEvent: MatrixEvent, voteRelations: Relations): string {
+    const pollEventId = pollEvent.getId();
+    if (!pollEventId) {
+        logger.warn(
+            "findTopAnswer: Poll event needs an event ID to fetch relations in order to determine " +
+                "the top answer - assuming no best answer",
+        );
+        return "";
+    }
+
+    const poll = pollEvent.unstableExtensibleEvent as PollStartEvent;
+    if (!poll?.isEquivalentTo(M_POLL_START)) {
+        logger.warn("Failed to parse poll to determine top answer - assuming no best answer");
+        return "";
+    }
+
+    const findAnswerText = (answerId: string): string => {
+        return poll.answers.find((a) => a.id === answerId)?.text ?? "";
+    };
+
+    const userVotes: Map<string, UserVote> = collectUserVotes(allVotes(voteRelations));
+
+    const votes: Map<string, number> = countVotes(userVotes, poll);
+    const highestScore: number = Math.max(...votes.values());
+
+    const bestAnswerIds: string[] = [];
+    for (const [answerId, score] of votes) {
+        if (score == highestScore) {
+            bestAnswerIds.push(answerId);
+        }
+    }
+
+    const bestAnswerTexts = bestAnswerIds.map(findAnswerText);
+
+    return formatList(bestAnswerTexts, 3);
+}
+
+export function isPollEnded(pollEvent: MatrixEvent, matrixClient: MatrixClient): boolean {
+    const room = matrixClient.getRoom(pollEvent.getRoomId());
+    const poll = room?.polls.get(pollEvent.getId()!);
+    if (!poll || poll.isFetchingResponses) {
+        return false;
+    }
+    return poll.isEnded;
+}
+
+export function pollAlreadyHasVotes(mxEvent: MatrixEvent, getRelationsForEvent?: GetRelationsForEvent): boolean {
+    if (!getRelationsForEvent) return false;
+
+    const eventId = mxEvent.getId();
+    if (!eventId) return false;
+
+    const voteRelations = createVoteRelations(getRelationsForEvent, eventId);
+    return voteRelations.getRelations().length > 0;
+}
+
+export function launchPollEditor(mxEvent: MatrixEvent, getRelationsForEvent?: GetRelationsForEvent): void {
+    const room = MatrixClientPeg.safeGet().getRoom(mxEvent.getRoomId());
+    if (pollAlreadyHasVotes(mxEvent, getRelationsForEvent)) {
+        Modal.createDialog(ErrorDialog, {
+            title: _t("poll|unable_edit_title"),
+            description: _t("poll|unable_edit_description"),
+        });
+    } else if (room) {
+        Modal.createDialog(
+            PollCreateDialog,
+            {
+                room,
+                threadId: mxEvent.getThread()?.id,
+                editingMxEvent: mxEvent,
+            },
+            "mx_CompoundDialog",
+            false, // isPriorityModal
+            true, // isStaticModal
+        );
+    }
+}
+
+export default class MPollBody extends React.Component<IBodyProps, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+    private seenEventIds: string[] = []; // Events we have already seen
+
+    public constructor(props: IBodyProps) {
+        super(props);
+
+        this.state = {
+            selected: null,
+            pollInitialised: false,
+        };
+    }
+
+    public componentDidMount(): void {
+        const room = this.context?.getRoom(this.props.mxEvent.getRoomId());
+        const poll = room?.polls.get(this.props.mxEvent.getId()!);
+        if (poll) {
+            this.setPollInstance(poll);
+        } else {
+            room?.on(PollEvent.New, this.setPollInstance.bind(this));
+        }
+    }
+
+    public componentWillUnmount(): void {
+        this.removeListeners();
+    }
+
+    private async setPollInstance(poll: Poll): Promise<void> {
+        if (poll.pollId !== this.props.mxEvent.getId()) {
+            return;
+        }
+        this.setState({ poll }, () => {
+            this.addListeners();
+        });
+        const responses = await poll.getResponses();
+        const voteRelations = responses;
+
+        this.setState({ pollInitialised: true, voteRelations });
+    }
+
+    private addListeners(): void {
+        this.state.poll?.on(PollEvent.Responses, this.onResponsesChange);
+        this.state.poll?.on(PollEvent.End, this.onRelationsChange);
+        this.state.poll?.on(PollEvent.UndecryptableRelations, this.render.bind(this));
+    }
+
+    private removeListeners(): void {
+        if (this.state.poll) {
+            this.state.poll.off(PollEvent.Responses, this.onResponsesChange);
+            this.state.poll.off(PollEvent.End, this.onRelationsChange);
+            this.state.poll.off(PollEvent.UndecryptableRelations, this.render.bind(this));
+        }
+    }
+
+    private onResponsesChange = (responses: Relations): void => {
+        this.setState({ voteRelations: responses });
+        this.onRelationsChange();
+    };
+
+    private onRelationsChange = (): void => {
+        // We hold Relations in our state, and they changed under us.
+        // Check whether we should delete our selection, and then
+        // re-render.
+        // Note: re-rendering is a side effect of unselectIfNewEventFromMe().
+        this.unselectIfNewEventFromMe();
+    };
+
+    private selectOption(answerId: string): void {
+        if (this.state.poll?.isEnded) {
+            return;
+        }
+        const userVotes = this.collectUserVotes();
+        const userId = this.context.getSafeUserId();
+        const myVote = userVotes.get(userId)?.answers[0];
+        if (answerId === myVote) {
+            return;
+        }
+
+        const response = PollResponseEvent.from([answerId], this.props.mxEvent.getId()!).serialize();
+
+        this.context
+            .sendEvent(
+                this.props.mxEvent.getRoomId()!,
+                response.type as keyof TimelineEvents,
+                response.content as TimelineEvents[keyof TimelineEvents],
+            )
+            .catch((e: any) => {
+                console.error("Failed to submit poll response event:", e);
+
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("poll|error_voting_title"),
+                    description: _t("poll|error_voting_description"),
+                });
+            });
+
+        this.setState({ selected: answerId });
+    }
+
+    /**
+     * @returns userId -> UserVote
+     */
+    private collectUserVotes(): Map<string, UserVote> {
+        if (!this.state.voteRelations || !this.context) {
+            return new Map<string, UserVote>();
+        }
+        return collectUserVotes(allVotes(this.state.voteRelations), this.context.getUserId(), this.state.selected);
+    }
+
+    /**
+     * If we've just received a new event that we hadn't seen
+     * before, and that event is me voting (e.g. from a different
+     * device) then forget when the local user selected.
+     *
+     * Either way, calls setState to update our list of events we
+     * have already seen.
+     */
+    private unselectIfNewEventFromMe(): void {
+        const relations = this.state.voteRelations?.getRelations() || [];
+        const newEvents: MatrixEvent[] = relations.filter(
+            (mxEvent: MatrixEvent) => !this.seenEventIds.includes(mxEvent.getId()!),
+        );
+        let newSelected = this.state.selected;
+
+        if (newEvents.length > 0) {
+            for (const mxEvent of newEvents) {
+                if (mxEvent.getSender() === this.context.getUserId()) {
+                    newSelected = null;
+                }
+            }
+        }
+        const newEventIds = newEvents.map((mxEvent: MatrixEvent) => mxEvent.getId()!);
+        this.seenEventIds = this.seenEventIds.concat(newEventIds);
+        this.setState({ selected: newSelected });
+    }
+
+    private totalVotes(collectedVotes: Map<string, number>): number {
+        let sum = 0;
+        for (const v of collectedVotes.values()) {
+            sum += v;
+        }
+        return sum;
+    }
+
+    public render(): ReactNode {
+        const { poll, pollInitialised } = this.state;
+        if (!poll?.pollEvent) {
+            return null;
+        }
+
+        const pollEvent = poll.pollEvent;
+
+        const pollId = this.props.mxEvent.getId()!;
+        const isFetchingResponses = !pollInitialised || poll.isFetchingResponses;
+        const userVotes = this.collectUserVotes();
+        const votes = countVotes(userVotes, pollEvent);
+        const totalVotes = this.totalVotes(votes);
+        const winCount = Math.max(...votes.values());
+        const userId = this.context.getSafeUserId();
+        const myVote = userVotes?.get(userId)?.answers[0];
+        const disclosed = M_POLL_KIND_DISCLOSED.matches(pollEvent.kind.name);
+
+        // Disclosed: votes are hidden until I vote or the poll ends
+        // Undisclosed: votes are hidden until poll ends
+        const showResults = poll.isEnded || (disclosed && myVote !== undefined);
+
+        let totalText: string;
+        if (showResults && poll.undecryptableRelationsCount) {
+            totalText = _t("poll|total_decryption_errors");
+        } else if (poll.isEnded) {
+            totalText = _t("right_panel|poll|final_result", { count: totalVotes });
+        } else if (!disclosed) {
+            totalText = _t("poll|total_not_ended");
+        } else if (myVote === undefined) {
+            if (totalVotes === 0) {
+                totalText = _t("poll|total_no_votes");
+            } else {
+                totalText = _t("poll|total_n_votes", { count: totalVotes });
+            }
+        } else {
+            totalText = _t("poll|total_n_votes_voted", { count: totalVotes });
+        }
+
+        const editedSpan = this.props.mxEvent.replacingEvent() ? (
+            <span className="mx_MPollBody_edited"> ({_t("common|edited")})</span>
+        ) : null;
+
+        const PollIcon = poll.isEnded ? PollsEndIcon : PollsIcon;
+        const pollLabel = poll.isEnded ? _t("poll|ended_poll_label") : _t("poll|poll_label");
+
+        return (
+            <fieldset className="mx_MPollBody">
+                <legend data-testid="pollQuestion">
+                    <PollIcon width="20" height="20" aria-label={pollLabel} />
+                    {pollEvent.question.text}
+                    {editedSpan}
+                </legend>
+                <div className="mx_MPollBody_allOptions">
+                    {pollEvent.answers.map((answer: PollAnswerSubevent, index: number) => {
+                        let answerVotes = 0;
+
+                        if (showResults) {
+                            answerVotes = votes.get(answer.id) ?? 0;
+                        }
+
+                        const checked =
+                            (!poll.isEnded && myVote === answer.id) || (poll.isEnded && answerVotes === winCount);
+
+                        return (
+                            <PollOption
+                                key={answer.id}
+                                pollId={pollId}
+                                answer={answer}
+                                optionNumber={index + 1}
+                                isChecked={checked}
+                                isEnded={poll.isEnded}
+                                voteCount={answerVotes}
+                                totalVoteCount={totalVotes}
+                                displayVoteCount={showResults}
+                                onOptionSelected={this.selectOption.bind(this)}
+                            />
+                        );
+                    })}
+                </div>
+                <div data-testid="totalVotes" className="mx_MPollBody_totalVotes">
+                    {totalText}
+                    {isFetchingResponses && <Spinner size={16} />}
+                </div>
+            </fieldset>
+        );
+    }
+}
+export class UserVote {
+    public constructor(
+        public readonly ts: number,
+        public readonly sender: string,
+        public readonly answers: string[],
+    ) {}
+}
+
+function userResponseFromPollResponseEvent(event: MatrixEvent): UserVote {
+    const response = event.unstableExtensibleEvent as PollResponseEvent;
+    if (!response?.isEquivalentTo(M_POLL_RESPONSE)) {
+        throw new Error("Failed to parse Poll Response Event to determine user response");
+    }
+
+    return new UserVote(event.getTs(), event.getSender()!, response.answerIds);
+}
+
+export function allVotes(voteRelations: Relations): Array<UserVote> {
+    if (voteRelations) {
+        return voteRelations
+            .getRelations()
+            .filter((e) => !e.isRedacted())
+            .map(userResponseFromPollResponseEvent);
+    } else {
+        return [];
+    }
+}
+
+/**
+ * Figure out the correct vote for each user.
+ * @param userResponses current vote responses in the poll
+ * @param {string?} userId The userId for which the `selected` option will apply to.
+ *                  Should be set to the current user ID.
+ * @param {string?} selected Local echo selected option for the userId
+ * @returns a Map of user ID to their vote info
+ */
+export function collectUserVotes(
+    userResponses: Array<UserVote>,
+    userId?: string | null,
+    selected?: string | null,
+): Map<string, UserVote> {
+    const userVotes: Map<string, UserVote> = new Map();
+
+    for (const response of userResponses) {
+        const otherResponse = userVotes.get(response.sender);
+        if (!otherResponse || otherResponse.ts < response.ts) {
+            userVotes.set(response.sender, response);
+        }
+    }
+
+    if (selected && userId) {
+        userVotes.set(userId, new UserVote(0, userId, [selected]));
+    }
+
+    return userVotes;
+}
+
+export function countVotes(userVotes: Map<string, UserVote>, pollStart: PollStartEvent): Map<string, number> {
+    const collected = new Map<string, number>();
+
+    for (const response of userVotes.values()) {
+        const tempResponse = PollResponseEvent.from(response.answers, "$irrelevant");
+        tempResponse.validateAgainst(pollStart);
+        if (!tempResponse.spoiled) {
+            for (const answerId of tempResponse.answerIds) {
+                if (collected.has(answerId)) {
+                    collected.set(answerId, collected.get(answerId)! + 1);
+                } else {
+                    collected.set(answerId, 1);
+                }
+            }
+        }
+    }
+
+    return collected;
+}
diff --git a/apps/web/src/components/views/messages/MStickerBody.tsx b/apps/web/src/components/views/messages/MStickerBody.tsx
new file mode 100644
index 00000000000..fe6dd4ef555
--- /dev/null
+++ b/apps/web/src/components/views/messages/MStickerBody.tsx
@@ -0,0 +1,86 @@
+/*
+Copyright 2018-2024 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 ComponentProps, type ReactNode } from "react";
+import { type Tooltip } from "@vector-im/compound-web";
+import { type MediaEventContent } from "matrix-js-sdk/src/types";
+
+import { ImageBodyBaseInner } from "./MImageReplyBody";
+import { BLURHASH_FIELD } from "../../../utils/image-media";
+import IconsShowStickersSvg from "../../../../res/img/icons-show-stickers.svg";
+import { type IBodyProps } from "./IBodyProps";
+import { useMediaVisible } from "../../../hooks/useMediaVisible";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton.tsx";
+
+class MStickerBodyInner extends ImageBodyBaseInner {
+    // Mostly empty to prevent default behaviour of MImageBody
+    protected onClick = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+        if (!this.props.mediaVisible) {
+            this.props.setMediaVisible(true);
+        }
+    };
+
+    // MStickerBody doesn't need a wrapping `<a href=...>`, but it does need extra padding
+    // which is added by mx_MStickerBody_wrapper
+    protected wrapImage(contentUrl: string, children: React.ReactNode): JSX.Element {
+        const content = <> {children} </>;
+        if (this.props.mediaVisible) {
+            return (
+                <AccessibleButton className="mx_MStickerBody_wrapper" onClick={this.onClick}>
+                    {content}
+                </AccessibleButton>
+            );
+        }
+        return <div className="mx_MStickerBody_wrapper">{content}</div>;
+    }
+
+    // Placeholder to show in place of the sticker image if img onLoad hasn't fired yet.
+    protected getPlaceholder(width: number, height: number): ReactNode {
+        if (this.props.mxEvent.getContent().info?.[BLURHASH_FIELD]) return super.getPlaceholder(width, height);
+        return (
+            <img
+                aria-hidden
+                alt=""
+                className="mx_MStickerBody_placeholder"
+                src={IconsShowStickersSvg}
+                width="80"
+                height="80"
+                onMouseEnter={this.onImageEnter}
+                onMouseLeave={this.onImageLeave}
+            />
+        );
+    }
+
+    // Tooltip to show on mouse over
+    protected getTooltipProps(): ComponentProps<typeof Tooltip> | null {
+        const content = this.props.mxEvent && this.props.mxEvent.getContent();
+
+        if (!content?.body || !content.info?.w) return null;
+
+        return {
+            placement: "right",
+            description: content.body,
+        };
+    }
+
+    // Don't show "Download this_file.png ..."
+    protected getFileBody(): ReactNode {
+        return null;
+    }
+
+    protected getBanner(content: MediaEventContent): ReactNode {
+        return null; // we don't need a banner, we have a tooltip
+    }
+}
+
+const MStickerBody: React.FC<IBodyProps> = (props) => {
+    const [mediaVisible, setVisible] = useMediaVisible(props.mxEvent);
+    return <MStickerBodyInner mediaVisible={mediaVisible} setMediaVisible={setVisible} {...props} />;
+};
+
+export default MStickerBody;
diff --git a/apps/web/src/components/views/messages/MVoiceMessageBody.tsx b/apps/web/src/components/views/messages/MVoiceMessageBody.tsx
new file mode 100644
index 00000000000..3d5d465ffc8
--- /dev/null
+++ b/apps/web/src/components/views/messages/MVoiceMessageBody.tsx
@@ -0,0 +1,61 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+
+import InlineSpinner from "../elements/InlineSpinner";
+import { _t } from "../../../languageHandler";
+import RecordingPlayback from "../audio_messages/RecordingPlayback";
+import MAudioBody from "./MAudioBody";
+import MediaProcessingError from "./shared/MediaProcessingError";
+import { isVoiceMessage } from "../../../utils/EventUtils";
+import { PlaybackQueue } from "../../../audio/PlaybackQueue";
+import { type Playback } from "../../../audio/Playback";
+import RoomContext from "../../../contexts/RoomContext";
+import { FileBodyFactory, renderMBody } from "./MBodyFactory";
+
+export default class MVoiceMessageBody extends MAudioBody {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    protected onMount(playback: Playback): void {
+        if (isVoiceMessage(this.props.mxEvent)) {
+            PlaybackQueue.forRoom(this.props.mxEvent.getRoomId()!, this.context.roomViewStore).unsortedEnqueue(
+                this.props.mxEvent,
+                playback,
+            );
+        }
+    }
+
+    // A voice message is an audio file but rendered in a special way.
+    public render(): React.ReactNode {
+        if (this.state.error) {
+            return (
+                <MediaProcessingError className="mx_MVoiceMessageBody">
+                    {_t("timeline|m.audio|error_processing_voice_message")}
+                </MediaProcessingError>
+            );
+        }
+
+        if (!this.state.playback) {
+            return (
+                <span className="mx_MVoiceMessageBody">
+                    <InlineSpinner />
+                </span>
+            );
+        }
+
+        // At this point we should have a playable state
+        return (
+            <span className="mx_MVoiceMessageBody">
+                <RecordingPlayback playback={this.state.playback} />
+                {this.showFileBody && renderMBody({ ...this.props, showFileInfo: false }, FileBodyFactory)}
+            </span>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/messages/MVoiceOrAudioBody.tsx b/apps/web/src/components/views/messages/MVoiceOrAudioBody.tsx
new file mode 100644
index 00000000000..9347b7bdc78
--- /dev/null
+++ b/apps/web/src/components/views/messages/MVoiceOrAudioBody.tsx
@@ -0,0 +1,24 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+
+import MAudioBody from "./MAudioBody";
+import MVoiceMessageBody from "./MVoiceMessageBody";
+import { type IBodyProps } from "./IBodyProps";
+import { isVoiceMessage } from "../../../utils/EventUtils";
+
+export default class MVoiceOrAudioBody extends React.PureComponent<IBodyProps> {
+    public render(): React.ReactNode {
+        if (!this.props.forExport && isVoiceMessage(this.props.mxEvent)) {
+            return <MVoiceMessageBody {...this.props} />;
+        } else {
+            return <MAudioBody {...this.props} />;
+        }
+    }
+}
diff --git a/apps/web/src/components/views/messages/MessageEvent.tsx b/apps/web/src/components/views/messages/MessageEvent.tsx
new file mode 100644
index 00000000000..2705a483a97
--- /dev/null
+++ b/apps/web/src/components/views/messages/MessageEvent.tsx
@@ -0,0 +1,352 @@
+/*
+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 mime from "mime";
+import React, { createRef, type JSX, useCallback, useEffect } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import {
+    EventType,
+    MsgType,
+    MatrixEventEvent,
+    M_BEACON_INFO,
+    M_LOCATION,
+    M_POLL_START,
+    type IContent,
+} from "matrix-js-sdk/src/matrix";
+import { MjolnirBodyView, UnknownBodyView, useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
+
+import SettingsStore from "../../../settings/SettingsStore";
+import { Mjolnir } from "../../../mjolnir/Mjolnir";
+import { type IMediaBody } from "./IMediaBody";
+import { MediaEventHelper } from "../../../utils/MediaEventHelper";
+import { type IBodyProps } from "./IBodyProps";
+import MVoiceOrAudioBody from "./MVoiceOrAudioBody";
+import MStickerBody from "./MStickerBody";
+import MPollBody from "./MPollBody";
+import MLocationBody from "./MLocationBody";
+import MBeaconBody from "./MBeaconBody";
+import { type GetRelationsForEvent, type IEventTileOps } from "../rooms/EventTile";
+import { MjolnirBodyViewModel } from "../../../viewmodels/room/timeline/event-tile/body/MjolnirBodyViewModel";
+import {
+    allowMjolnirBody,
+    isMjolnirBodyAllowed,
+} from "../../../viewmodels/room/timeline/event-tile/EventTileMjolnirBodyState";
+import {
+    DecryptionFailureBodyFactory,
+    FileBodyFactory,
+    ImageBodyFactory,
+    RedactedBodyFactory,
+    VideoBodyFactory,
+    renderMBody,
+} from "./MBodyFactory";
+import { TextualBodyFactory } from "./TextualBodyFactory";
+
+// onMessageAllowed is handled internally
+interface IProps extends Omit<IBodyProps, "onMessageAllowed" | "mediaEventHelper"> {
+    /* overrides for the msgtype-specific components, used by ReplyTile to override file rendering */
+    overrideBodyTypes?: Record<string, React.ComponentType<IBodyProps>>;
+    overrideEventTypes?: Record<string, React.ComponentType<IBodyProps>>;
+
+    // helper function to access relations for this event
+    getRelationsForEvent?: GetRelationsForEvent;
+
+    isSeeingThroughMessageHiddenForModeration?: boolean;
+
+    /**
+     * Optional ID for the root element.
+     */
+    id?: string;
+}
+
+export interface IOperableEventTile {
+    getEventTileOps(): IEventTileOps | null;
+}
+
+const baseBodyTypes = new Map<string, React.ComponentType<IBodyProps>>([
+    [MsgType.Text, TextualBodyFactory],
+    [MsgType.Notice, TextualBodyFactory],
+    [MsgType.Emote, TextualBodyFactory],
+    [MsgType.Image, ImageBodyFactory],
+    [MsgType.File, (props: IBodyProps) => renderMBody(props, FileBodyFactory)!],
+    [MsgType.Audio, MVoiceOrAudioBody],
+    [MsgType.Video, VideoBodyFactory],
+]);
+const baseEvTypes = new Map<string, React.ComponentType<IBodyProps>>([
+    [EventType.Sticker, MStickerBody],
+    [M_POLL_START.name, MPollBody],
+    [M_POLL_START.altName, MPollBody],
+    [M_BEACON_INFO.name, MBeaconBody],
+    [M_BEACON_INFO.altName, MBeaconBody],
+]);
+
+function MjolnirBodyWrappedView({ mxEvent, onMessageAllowed, ref }: IBodyProps): JSX.Element {
+    const onAllow = useCallback(() => {
+        allowMjolnirBody(mxEvent, onMessageAllowed);
+    }, [mxEvent, onMessageAllowed]);
+    const vm = useCreateAutoDisposedViewModel(() => new MjolnirBodyViewModel({ onAllow }));
+
+    useEffect(() => {
+        vm.setProps({ onAllow });
+    }, [onAllow, vm]);
+
+    return <MjolnirBodyView vm={vm} ref={ref} />;
+}
+
+function UnknownBody({ mxEvent, ref }: IBodyProps): JSX.Element {
+    return <UnknownBodyView text={mxEvent.getContent().body} ref={ref} className="mx_UnknownBody" />;
+}
+
+export default class MessageEvent extends React.Component<IProps> implements IMediaBody, IOperableEventTile {
+    private body = createRef<React.Component | IOperableEventTile>();
+    private mediaHelper?: MediaEventHelper;
+    private bodyTypes = new Map<string, React.ComponentType<IBodyProps>>(baseBodyTypes.entries());
+    private evTypes = new Map<string, React.ComponentType<IBodyProps>>(baseEvTypes.entries());
+
+    public constructor(props: IProps) {
+        super(props);
+
+        if (MediaEventHelper.isEligible(this.props.mxEvent)) {
+            this.mediaHelper = new MediaEventHelper(this.props.mxEvent);
+        }
+
+        this.updateComponentMaps();
+    }
+
+    public componentDidMount(): void {
+        this.props.mxEvent.addListener(MatrixEventEvent.Decrypted, this.onDecrypted);
+    }
+
+    public componentWillUnmount(): void {
+        this.props.mxEvent.removeListener(MatrixEventEvent.Decrypted, this.onDecrypted);
+        this.mediaHelper?.destroy();
+    }
+
+    public componentDidUpdate(prevProps: Readonly<IProps>): void {
+        if (this.props.mxEvent !== prevProps.mxEvent && MediaEventHelper.isEligible(this.props.mxEvent)) {
+            this.mediaHelper?.destroy();
+            this.mediaHelper = new MediaEventHelper(this.props.mxEvent);
+        }
+
+        this.updateComponentMaps();
+    }
+
+    private updateComponentMaps(): void {
+        this.bodyTypes = new Map<string, React.ComponentType<IBodyProps>>(baseBodyTypes.entries());
+        for (const [bodyType, bodyComponent] of Object.entries(this.props.overrideBodyTypes ?? {})) {
+            this.bodyTypes.set(bodyType, bodyComponent);
+        }
+
+        this.evTypes = new Map<string, React.ComponentType<IBodyProps>>(baseEvTypes.entries());
+        for (const [evType, evComponent] of Object.entries(this.props.overrideEventTypes ?? {})) {
+            this.evTypes.set(evType, evComponent);
+        }
+    }
+
+    public getEventTileOps = (): IEventTileOps | null => {
+        return (this.body.current as IOperableEventTile)?.getEventTileOps?.() || null;
+    };
+
+    public getMediaHelper(): MediaEventHelper | undefined {
+        return this.mediaHelper;
+    }
+
+    private onDecrypted = (): void => {
+        // Recheck MediaEventHelper eligibility as it can change when the event gets decrypted
+        if (MediaEventHelper.isEligible(this.props.mxEvent)) {
+            this.mediaHelper?.destroy();
+            this.mediaHelper = new MediaEventHelper(this.props.mxEvent);
+        }
+    };
+
+    private onTileUpdate = (): void => {
+        this.forceUpdate();
+    };
+
+    /**
+     *  Validates that the filename extension and advertised mimetype
+     *  of the supplied image/file message content match and are actuallly video/image content.
+     *  For image/video messages with a thumbnail it also validates the mimetype is an image.
+     * @param content The mxEvent content of the message
+     * @returns A boolean indicating whether the validation passed
+     */
+    private validateImageOrVideoMimetype = (content: IContent): boolean => {
+        // As per the spec if filename is not present the body represents the filename
+        const filename = content.filename ?? content.body;
+        if (!filename) {
+            logger.log("Failed to validate image/video content, filename null");
+            return false;
+        }
+        // Check mimetype of the thumbnail
+        if (!this.validateThumbnailMimetype(content)) {
+            logger.log("Failed to validate file/image thumbnail");
+            return false;
+        }
+
+        // if there is no mimetype from the extesion or the mimetype is not image/video validation fails
+        const typeFromExtension = mime.getType(filename) ?? undefined;
+        const extensionMajorMimetype = this.parseMajorMimetype(typeFromExtension);
+        if (!typeFromExtension || !this.validateAllowedMimetype(typeFromExtension, ["image", "video"])) {
+            logger.log("Failed to validate image/video content, invalid or missing extension");
+            return false;
+        }
+
+        // if the content mimetype is set check it is an image/video and that it matches the extesion mimetype otherwise validation fails
+        const contentMimetype = content.info?.mimetype;
+        if (contentMimetype) {
+            const contentMajorMimetype = this.parseMajorMimetype(contentMimetype);
+            if (
+                !this.validateAllowedMimetype(contentMimetype, ["image", "video"]) ||
+                extensionMajorMimetype !== contentMajorMimetype
+            ) {
+                logger.log("Failed to validate image/video content, invalid or missing mimetype");
+                return false;
+            }
+        }
+        return true;
+    };
+
+    /**
+     *  Validates that the advertised mimetype of the sticker content
+     *  is an image.
+     *  For stickers with a thumbnail it also validates the mimetype is an image.
+     * @param content The mxEvent content of the message
+     * @returns A boolean indicating whether the validation passed
+     */
+    private validateStickerMimetype = (content: IContent): boolean => {
+        // Validate mimetype of the thumbnail
+        const thumbnailResult = this.validateThumbnailMimetype(content);
+        if (!thumbnailResult) {
+            logger.log("Failed to validate sticker thumbnail");
+            return false;
+        }
+        // Validate mimetype of the content info is valid if it is set
+        const contentMimetype = content.info?.mimetype;
+        if (contentMimetype && !this.validateAllowedMimetype(contentMimetype, ["image"])) {
+            logger.log("Failed to validate image/video content, invalid or missing mimetype/extensions");
+            return false;
+        }
+        return true;
+    };
+
+    /**
+     *  For image/video messages or stickers that have a thumnail mimetype specified,
+     *  validates that the major mimetime is image.
+     * @param content The mxEvent content of the message
+     * @returns A boolean indicating whether the validation passed
+     */
+    private validateThumbnailMimetype = (content: IContent): boolean => {
+        const thumbnailMimetype = content.info?.thumbnail_info?.mimetype;
+        return !thumbnailMimetype || this.validateAllowedMimetype(thumbnailMimetype, ["image"]);
+    };
+
+    /**
+     * Validates that the major part of a mimetime from an allowed list.
+     * @param mimetype The mimetype to validate
+     * @param allowedMajorMimeTypes The list of allowed major mimetimes
+     * @returns A boolean indicating whether the validation passed
+     */
+    private validateAllowedMimetype = (mimetype: string, allowedMajorMimeTypes: string[]): boolean => {
+        const majorMimetype = this.parseMajorMimetype(mimetype);
+        return !!majorMimetype && allowedMajorMimeTypes.includes(majorMimetype);
+    };
+
+    /**
+     * Parses and returns the the major part of a mimetype(before the "/").
+     * @param mimetype As optional mimetype string to parse
+     * @returns The major part of the mimetype string or undefined
+     */
+    private parseMajorMimetype(mimetype?: string): string | undefined {
+        return mimetype?.split("/")[0];
+    }
+
+    public render(): React.ReactNode {
+        const content = this.props.mxEvent.getContent();
+        const type = this.props.mxEvent.getType();
+        const msgtype = content.msgtype;
+        let BodyType: React.ComponentType<IBodyProps> = RedactedBodyFactory;
+        if (!this.props.mxEvent.isRedacted()) {
+            // only resolve BodyType if event is not redacted
+            if (this.props.mxEvent.isDecryptionFailure()) {
+                BodyType = DecryptionFailureBodyFactory;
+            } else if (type && this.evTypes.has(type)) {
+                BodyType = this.evTypes.get(type)!;
+            } else if (msgtype && this.bodyTypes.has(msgtype)) {
+                BodyType = this.bodyTypes.get(msgtype)!;
+            } else if (content.url) {
+                // Fallback to file body if there's a content URL
+                BodyType = this.bodyTypes.get(MsgType.File)!;
+            } else {
+                // Fallback to UnknownBody otherwise if not redacted
+                BodyType = UnknownBody;
+            }
+
+            if (
+                ((BodyType === ImageBodyFactory || BodyType === VideoBodyFactory) &&
+                    !this.validateImageOrVideoMimetype(content)) ||
+                (BodyType === MStickerBody && !this.validateStickerMimetype(content))
+            ) {
+                BodyType = this.bodyTypes.get(MsgType.File)!;
+            }
+
+            // TODO: move to eventTypes when location sharing spec stabilises
+            if (M_LOCATION.matches(type) || (type === EventType.RoomMessage && msgtype === MsgType.Location)) {
+                BodyType = MLocationBody;
+            }
+        }
+
+        if (SettingsStore.getValue("feature_mjolnir")) {
+            if (!isMjolnirBodyAllowed(this.props.mxEvent)) {
+                const userDomain = this.props.mxEvent.getSender()?.split(":").slice(1).join(":");
+                const userBanned = Mjolnir.sharedInstance().isUserBanned(this.props.mxEvent.getSender()!);
+                const serverBanned = userDomain && Mjolnir.sharedInstance().isServerBanned(userDomain);
+
+                if (userBanned || serverBanned) {
+                    BodyType = MjolnirBodyWrappedView;
+                }
+            }
+        }
+
+        const hasCaption =
+            [MsgType.Image, MsgType.File, MsgType.Audio, MsgType.Video].includes(msgtype as MsgType) &&
+            content.filename &&
+            content.filename !== content.body;
+        const bodyProps: IBodyProps = {
+            ref: this.body,
+            mxEvent: this.props.mxEvent,
+            highlights: this.props.highlights,
+            highlightLink: this.props.highlightLink,
+            showUrlPreview: this.props.showUrlPreview,
+            forExport: this.props.forExport,
+            maxImageHeight: this.props.maxImageHeight,
+            replacingEventId: this.props.replacingEventId,
+            editState: this.props.editState,
+            onMessageAllowed: this.onTileUpdate,
+            permalinkCreator: this.props.permalinkCreator,
+            mediaEventHelper: this.mediaHelper,
+            getRelationsForEvent: this.props.getRelationsForEvent,
+            isSeeingThroughMessageHiddenForModeration: this.props.isSeeingThroughMessageHiddenForModeration,
+            inhibitInteraction: this.props.inhibitInteraction,
+            id: this.props.id,
+        };
+        if (hasCaption) {
+            return <CaptionBody {...bodyProps} WrappedBodyType={BodyType} />;
+        }
+
+        return BodyType ? <BodyType {...bodyProps} /> : null;
+    }
+}
+
+const CaptionBody: React.FunctionComponent<IBodyProps & { WrappedBodyType: React.ComponentType<IBodyProps> }> = ({
+    WrappedBodyType,
+    ...props
+}) => (
+    <div className="mx_EventTile_content">
+        <WrappedBodyType {...props} />
+        <TextualBodyFactory {...{ ...props, ref: undefined }} />
+    </div>
+);
diff --git a/apps/web/src/components/views/messages/RoomPredecessorTile.tsx b/apps/web/src/components/views/messages/RoomPredecessorTile.tsx
new file mode 100644
index 00000000000..a33369bd76b
--- /dev/null
+++ b/apps/web/src/components/views/messages/RoomPredecessorTile.tsx
@@ -0,0 +1,198 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2023 The Matrix.org Foundation C.I.C.
+Copyright 2018 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, 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 { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import { useRoomState } from "../../../hooks/useRoomState";
+import SettingsStore from "../../../settings/SettingsStore";
+import MatrixToPermalinkConstructor from "../../../utils/permalinks/MatrixToPermalinkConstructor";
+import { useScopedRoomContext } from "../../../contexts/ScopedRoomContext.tsx";
+
+interface IProps {
+    /** The m.room.create MatrixEvent that this tile represents */
+    mxEvent: MatrixEvent;
+    timestamp?: JSX.Element;
+}
+
+/**
+ * A message tile showing that this room was created as an upgrade of a previous
+ * room.
+ */
+export const RoomPredecessorTile: React.FC<IProps> = ({ mxEvent, timestamp }) => {
+    const msc3946ProcessDynamicPredecessor = SettingsStore.getValue("feature_dynamic_room_predecessors");
+
+    // Note: we ask the room for its predecessor here, instead of directly using
+    // the information inside mxEvent. This allows us the flexibility later to
+    // use a different predecessor (e.g. through MSC3946) and still display it
+    // in the timeline location of the create event.
+    const roomContext = useScopedRoomContext("room");
+    const predecessor = useRoomState(
+        roomContext.room,
+        useCallback(
+            (state: RoomState) => state.findPredecessor(msc3946ProcessDynamicPredecessor),
+            [msc3946ProcessDynamicPredecessor],
+        ),
+    );
+
+    const onLinkClicked = useCallback(
+        (e: React.MouseEvent): void => {
+            e.preventDefault();
+
+            dis.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                event_id: predecessor?.eventId,
+                highlighted: true,
+                room_id: predecessor?.roomId,
+                metricsTrigger: "Predecessor",
+                metricsViaKeyboard: e.type !== "click",
+            });
+        },
+        [predecessor?.eventId, predecessor?.roomId],
+    );
+
+    if (!roomContext.room || roomContext.room.roomId !== mxEvent.getRoomId()) {
+        logger.warn(
+            "RoomPredecessorTile unexpectedly used outside of the context of the" +
+                "room containing this m.room.create event.",
+        );
+        return <></>;
+    }
+
+    if (!predecessor) {
+        logger.warn("RoomPredecessorTile unexpectedly used in a room with no predecessor.");
+        return <div />;
+    }
+
+    const prevRoom = MatrixClientPeg.safeGet().getRoom(predecessor.roomId);
+
+    // We need either the previous room, or some servers to find it with.
+    // Otherwise, we must bail out here
+    if (!prevRoom && !predecessor.viaServers) {
+        logger.warn(`Failed to find predecessor room with id ${predecessor.roomId}`);
+
+        const guessedLink = guessLinkForRoomId(predecessor.roomId);
+
+        return (
+            <EventTileBubble
+                icon={<ChatSolidIcon />}
+                className="mx_EventTileBubble mx_CreateEvent"
+                title={_t("timeline|m.room.create|continuation")}
+            >
+                <>
+                    <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,
+                                })
+                            )}
+                        </span>
+                    </div>
+                    {timestamp}
+                </>
+            </EventTileBubble>
+        );
+    }
+    // Otherwise, we expect to be able to find this room either because it is
+    // already loaded, or because we have via_servers that we can use.
+    // So we go ahead with rendering the tile.
+
+    const predecessorPermalink = prevRoom
+        ? createLinkWithRoom(prevRoom, predecessor.roomId, predecessor.eventId)
+        : createLinkWithoutRoom(predecessor.roomId, predecessor?.viaServers ?? [], predecessor.eventId);
+
+    const link = (
+        <a href={predecessorPermalink} onClick={onLinkClicked}>
+            {_t("timeline|m.room.create|see_older_messages")}
+        </a>
+    );
+
+    return (
+        <EventTileBubble
+            icon={<ChatSolidIcon />}
+            className="mx_EventTileBubble mx_CreateEvent"
+            title={_t("timeline|m.room.create|continuation")}
+            subtitle={link}
+        >
+            {timestamp}
+        </EventTileBubble>
+    );
+
+    function createLinkWithRoom(room: Room, roomId: string, eventId?: string): string {
+        const permalinkCreator = new RoomPermalinkCreator(room, roomId);
+        permalinkCreator.load();
+        if (eventId) {
+            return permalinkCreator.forEvent(eventId);
+        } else {
+            return permalinkCreator.forRoom();
+        }
+    }
+
+    function createLinkWithoutRoom(roomId: string, viaServers: string[], eventId?: string): string {
+        const matrixToPermalinkConstructor = new MatrixToPermalinkConstructor();
+        if (eventId) {
+            return matrixToPermalinkConstructor.forEvent(roomId, eventId, viaServers);
+        } else {
+            return matrixToPermalinkConstructor.forRoom(roomId, viaServers);
+        }
+    }
+
+    /**
+     * Guess the permalink for a room based on its room ID.
+     *
+     * The spec says that Room IDs are opaque [1] so this can only ever be a
+     * guess. There is no guarantee that this room exists on this server.
+     *
+     * [1] https://spec.matrix.org/v1.5/appendices/#room-ids-and-event-ids
+     */
+    function guessLinkForRoomId(roomId: string): string | null {
+        const serverName = guessServerNameFromRoomId(roomId);
+        if (serverName) {
+            return new MatrixToPermalinkConstructor().forRoom(roomId, [serverName]);
+        } else {
+            return null;
+        }
+    }
+};
+
+/**
+ * @internal Public for test only
+ *
+ * Guess the server name for a room based on its room ID.
+ *
+ * The spec says that Room IDs are opaque [1] so this can only ever be a
+ * guess. There is no guarantee that this room exists on this server.
+ *
+ * [1] https://spec.matrix.org/v1.5/appendices/#room-ids-and-event-ids
+ */
+export function guessServerNameFromRoomId(roomId: string): string | null {
+    const m = roomId.match(/^[^:]*:(.*)/);
+    if (m) {
+        return m[1];
+    } else {
+        return null;
+    }
+}
diff --git a/apps/web/src/components/views/messages/SenderProfile.tsx b/apps/web/src/components/views/messages/SenderProfile.tsx
new file mode 100644
index 00000000000..8bea9328912
--- /dev/null
+++ b/apps/web/src/components/views/messages/SenderProfile.tsx
@@ -0,0 +1,68 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+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.
+ */
+
+import React, { type JSX, useEffect } from "react";
+import { useCreateAutoDisposedViewModel, DisambiguatedProfileView } from "@element-hq/web-shared-components";
+
+import {
+    DisambiguatedProfileViewModel,
+    type MemberInfo,
+} from "../../../viewmodels/room/timeline/event-tile/DisambiguatedProfileViewModel";
+import { useUserStatus } from "../../../hooks/useUserStatus";
+
+interface IProps {
+    /** Stable sender ID for the profile. */
+    senderId?: string;
+    /** Plain member data used to resolve display name, identifier, and tooltip state. */
+    member?: MemberInfo | null;
+    /** Whether the message body renders as an emote. */
+    isEmote: boolean;
+    /** Invoked when the profile is clicked. */
+    onClick?(this: void): void;
+    /** Whether to show the disambiguation tooltip. */
+    withTooltip?: boolean;
+}
+
+/**
+ * Renders the sender identity for message and timeline views from pure render data.
+ */
+export default function SenderProfile(props: IProps): JSX.Element {
+    const senderId = props.senderId ?? props.member?.userId;
+    const member = props.member;
+    const userStatus = useUserStatus(senderId);
+    const isEmote = props.isEmote;
+    const onClick = props.onClick;
+    const withTooltip = props.withTooltip;
+
+    const disambiguatedProfileVM = useCreateAutoDisposedViewModel(
+        () =>
+            new DisambiguatedProfileViewModel({
+                fallbackName: senderId ?? "",
+                onClick,
+                member,
+                colored: true,
+                emphasizeDisplayName: true,
+                withTooltip,
+                userStatus,
+            }),
+    );
+
+    useEffect(() => {
+        disambiguatedProfileVM.setUserStatus(userStatus);
+    }, [disambiguatedProfileVM, userStatus]);
+    useEffect(() => {
+        disambiguatedProfileVM.setMember(senderId ?? "", member);
+    }, [disambiguatedProfileVM, member, senderId]);
+
+    return isEmote ? (
+        <></>
+    ) : (
+        <DisambiguatedProfileView vm={disambiguatedProfileVM} className="mx_DisambiguatedProfile" />
+    );
+}
diff --git a/apps/web/src/components/views/messages/TextualBodyFactory.tsx b/apps/web/src/components/views/messages/TextualBodyFactory.tsx
new file mode 100644
index 00000000000..56fb20fc498
--- /dev/null
+++ b/apps/web/src/components/views/messages/TextualBodyFactory.tsx
@@ -0,0 +1,228 @@
+/*
+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, useContext, useEffect, useRef } from "react";
+import { logger as rootLogger } from "matrix-js-sdk/src/logger";
+import { MsgType } from "matrix-js-sdk/src/matrix";
+import {
+    EventContentBodyView,
+    TextualBodyView,
+    type TextualBodyContentElement,
+    type UrlPreview,
+    UrlPreviewGroupView,
+    useCreateAutoDisposedViewModel,
+    useViewModel,
+} from "@element-hq/web-shared-components";
+
+import { type IBodyProps } from "./IBodyProps";
+import RoomContext from "../../../contexts/RoomContext";
+import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
+import { useMediaVisible } from "../../../hooks/useMediaVisible";
+import { TextualBodyViewModel } from "../../../viewmodels/room/timeline/event-tile/body/TextualBodyViewModel";
+import { EventContentBodyViewModel } from "../../../viewmodels/message-body/EventContentBodyViewModel";
+import { getParentEventId } from "../../../utils/Reply";
+import Modal from "../../../Modal";
+import SettingsStore from "../../../settings/SettingsStore";
+import PosthogTrackers from "../../../PosthogTrackers";
+import ImageView from "../elements/ImageView";
+import EditMessageComposer from "../rooms/EditMessageComposer";
+import { EditWysiwygComposer } from "../rooms/wysiwyg_composer";
+import { UrlPreviewGroupViewModel } from "../../../viewmodels/message-body/UrlPreviewGroupViewModel";
+import PlatformPeg from "../../../PlatformPeg";
+import { useSettingValue } from "../../../hooks/useSettings";
+
+const logger = rootLogger.getChild("TextualBodyFactory");
+
+function getTextualBodyClassName(msgtype: MsgType | undefined): string {
+    if (msgtype === MsgType.Notice) {
+        return "mx_MNoticeBody mx_EventTile_content";
+    }
+
+    if (msgtype === MsgType.Emote) {
+        return "mx_MEmoteBody mx_EventTile_content";
+    }
+
+    if ([MsgType.Image, MsgType.File, MsgType.Audio, MsgType.Video].includes(msgtype as MsgType)) {
+        return "mx_MTextBody mx_EventTile_caption";
+    }
+
+    return "mx_MTextBody mx_EventTile_content";
+}
+
+export function TextualBodyFactory(props: Readonly<IBodyProps>): JSX.Element {
+    const roomContext = useContext(RoomContext);
+    const client = useMatrixClientContext();
+    const [mediaVisible] = useMediaVisible(props.mxEvent);
+    const content = props.mxEvent.getContent();
+    const isEmote = content.msgtype === MsgType.Emote;
+    const willHaveWrapper = !!props.replacingEventId || !!props.isSeeingThroughMessageHiddenForModeration || isEmote;
+    const stripReply = !props.mxEvent.replacingEvent() && !!getParentEventId(props.mxEvent);
+    const contentRef = useRef<TextualBodyContentElement>(null);
+    const urlPreviewBundleEnabled = useSettingValue("feature_msc4095_url_preview_bundle");
+
+    const textualBodyVm = useCreateAutoDisposedViewModel(
+        () =>
+            new TextualBodyViewModel({
+                id: props.id,
+                mxEvent: props.mxEvent,
+                highlightLink: props.highlightLink,
+                replacingEventId: props.replacingEventId,
+                isSeeingThroughMessageHiddenForModeration: props.isSeeingThroughMessageHiddenForModeration,
+                timelineRenderingType: roomContext.timelineRenderingType,
+            }),
+    );
+
+    const eventContentBodyVm = useCreateAutoDisposedViewModel(
+        () =>
+            new EventContentBodyViewModel({
+                as: willHaveWrapper ? "span" : "div",
+                includeDir: false,
+                mxEvent: props.mxEvent,
+                content,
+                stripReply,
+                linkify: true,
+                highlights: props.highlights,
+                renderTooltipsForAmbiguousLinks: true,
+                renderKeywordPills: true,
+                renderMentionPills: true,
+                renderCodeBlocks: true,
+                renderSpoilers: true,
+                client: roomContext.room?.client ?? client ?? null,
+            }),
+    );
+
+    const urlPreviewVm = useCreateAutoDisposedViewModel(
+        () =>
+            new UrlPreviewGroupViewModel({
+                client,
+                mxEvent: props.mxEvent,
+                mediaVisible,
+                onImageClicked: (preview: UrlPreview): void => {
+                    if (!preview.image?.imageFull) {
+                        return;
+                    }
+
+                    Modal.createDialog(
+                        ImageView,
+                        {
+                            src: preview.image.imageFull,
+                            width: preview.image.width,
+                            height: preview.image.height,
+                            name: preview.title,
+                            fileSize: preview.image.fileSize,
+                            link: preview.link,
+                        },
+                        "mx_Dialog_lightbox",
+                        undefined,
+                        true,
+                    );
+                },
+                visible: props.showUrlPreview ?? false,
+                showTooltips: PlatformPeg.get()?.needsUrlTooltips() ?? true,
+                urlPreviewBundleEnabled,
+            }),
+    );
+
+    const { previews } = useViewModel(urlPreviewVm);
+
+    useEffect(() => {
+        textualBodyVm.setId(props.id);
+    }, [props.id, textualBodyVm]);
+
+    useEffect(() => {
+        textualBodyVm.setEvent(props.mxEvent);
+    }, [props.mxEvent, textualBodyVm]);
+
+    useEffect(() => {
+        textualBodyVm.setHighlightLink(props.highlightLink);
+    }, [props.highlightLink, textualBodyVm]);
+
+    useEffect(() => {
+        textualBodyVm.setReplacingEventId(props.replacingEventId);
+    }, [props.replacingEventId, textualBodyVm]);
+
+    useEffect(() => {
+        textualBodyVm.setIsSeeingThroughMessageHiddenForModeration(props.isSeeingThroughMessageHiddenForModeration);
+    }, [props.isSeeingThroughMessageHiddenForModeration, textualBodyVm]);
+
+    useEffect(() => {
+        textualBodyVm.setTimelineRenderingType(roomContext.timelineRenderingType);
+    }, [roomContext.timelineRenderingType, textualBodyVm]);
+
+    useEffect(() => {
+        eventContentBodyVm.setEventContent(props.mxEvent, content);
+    }, [content, props.mxEvent, eventContentBodyVm]);
+
+    useEffect(() => {
+        eventContentBodyVm.setStripReply(stripReply);
+    }, [stripReply, eventContentBodyVm]);
+
+    useEffect(() => {
+        eventContentBodyVm.setAs(willHaveWrapper ? "span" : "div");
+    }, [willHaveWrapper, eventContentBodyVm]);
+
+    useEffect(() => {
+        eventContentBodyVm.setHighlights(props.highlights);
+    }, [props.highlights, eventContentBodyVm]);
+
+    useEffect(() => {
+        const eventElement = contentRef.current;
+        if (!eventElement) {
+            return;
+        }
+
+        void urlPreviewVm.updateEventElement(eventElement).catch((error) => {
+            logger.warn("UrlPreviewViewModel failed to updateEventElement", error);
+        });
+    }, [
+        props.mxEvent,
+        props.highlights,
+        props.replacingEventId,
+        props.isSeeingThroughMessageHiddenForModeration,
+        urlPreviewVm,
+    ]);
+
+    useEffect(() => {
+        void urlPreviewVm.updateUrlPreviewVisible(props.showUrlPreview ?? false).catch((error) => {
+            logger.warn("UrlPreviewViewModel failed to updateUrlPreviewVisible", error);
+        });
+    }, [props.showUrlPreview, urlPreviewVm]);
+
+    useEffect(() => {
+        void urlPreviewVm.updateMediaVisible(mediaVisible).catch((error) => {
+            logger.warn("UrlPreviewViewModel failed to updateMediaVisible", error);
+        });
+    }, [mediaVisible, urlPreviewVm]);
+
+    useEffect(() => {
+        if (previews.length === 0) {
+            return;
+        }
+
+        PosthogTrackers.instance.trackUrlPreview(props.mxEvent.getId()!, props.mxEvent.isEncrypted(), previews);
+    }, [props.mxEvent, previews]);
+
+    if (props.editState) {
+        const isWysiwygComposerEnabled = SettingsStore.getValue("feature_wysiwyg_composer");
+
+        return isWysiwygComposerEnabled ? (
+            <EditWysiwygComposer editorStateTransfer={props.editState} className="mx_EventTile_content" />
+        ) : (
+            <EditMessageComposer editState={props.editState} className="mx_EventTile_content" />
+        );
+    }
+
+    return (
+        <TextualBodyView
+            vm={textualBodyVm}
+            body={<EventContentBodyView vm={eventContentBodyVm} as={willHaveWrapper ? "span" : "div"} />}
+            bodyRef={contentRef}
+            urlPreviews={<UrlPreviewGroupView vm={urlPreviewVm} className="mx_TextualBody_urlPreviews" />}
+            className={getTextualBodyClassName(content.msgtype as MsgType | undefined)}
+        />
+    );
+}
diff --git a/apps/web/src/components/views/messages/shared/MediaProcessingError.tsx b/apps/web/src/components/views/messages/shared/MediaProcessingError.tsx
new file mode 100644
index 00000000000..13e63a2275a
--- /dev/null
+++ b/apps/web/src/components/views/messages/shared/MediaProcessingError.tsx
@@ -0,0 +1,25 @@
+/*
+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 { 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, Icon = FileErrorIcon }) => (
+    <span className={className}>
+        <Icon className="mx_MediaProcessingError_Icon" width="16" height="16" />
+        {children}
+    </span>
+);
+
+export default MediaProcessingError;
diff --git a/apps/web/src/components/views/polls/PollOption.tsx b/apps/web/src/components/views/polls/PollOption.tsx
new file mode 100644
index 00000000000..80b3cd52108
--- /dev/null
+++ b/apps/web/src/components/views/polls/PollOption.tsx
@@ -0,0 +1,141 @@
+/*
+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";
+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 TrophyIcon from "../../../../res/img/element-icons/trophy.svg?react";
+import StyledRadioButton from "../elements/StyledRadioButton";
+
+type PollOptionContentProps = {
+    answer: PollAnswerSubevent;
+    voteCount: number;
+    displayVoteCount?: boolean;
+    isWinner?: boolean;
+};
+const PollOptionContent: React.FC<PollOptionContentProps> = ({ isWinner, answer, voteCount, displayVoteCount }) => {
+    const votesText = displayVoteCount ? _t("timeline|m.poll|count_of_votes", { count: voteCount }) : "";
+    return (
+        <div className="mx_PollOption_content">
+            <div className="mx_PollOption_optionText">{answer.text}</div>
+            <div className="mx_PollOption_optionVoteCount">
+                {isWinner && <TrophyIcon className="mx_PollOption_winnerIcon" />}
+                {votesText}
+            </div>
+        </div>
+    );
+};
+
+interface PollOptionProps extends PollOptionContentProps {
+    pollId: string;
+    totalVoteCount: number;
+    optionNumber: number;
+    isEnded?: boolean;
+    isChecked?: boolean;
+    onOptionSelected?: (id: string) => void;
+    children?: ReactNode;
+}
+
+const ActivePollOption: React.FC<Omit<PollOptionProps, "totalVoteCount">> = ({
+    pollId,
+    isChecked,
+    isEnded,
+    optionNumber,
+    isWinner,
+    voteCount,
+    displayVoteCount,
+    children,
+    answer,
+    onOptionSelected,
+}) => {
+    let ariaLabel: string;
+
+    if (displayVoteCount && isWinner) {
+        ariaLabel = _t("poll|option_label_winning_with_total", {
+            number: optionNumber,
+            answer: answer.text,
+            count: voteCount,
+        });
+    } else if (displayVoteCount) {
+        ariaLabel = _t("poll|option_label_with_total", {
+            number: optionNumber,
+            answer: answer.text,
+            count: voteCount,
+        });
+    } else {
+        ariaLabel = _t("poll|option_label", {
+            number: optionNumber,
+            answer: answer.text,
+        });
+    }
+
+    return (
+        <StyledRadioButton
+            className="mx_PollOption_live-option"
+            name={`poll_answer_select-${pollId}`}
+            value={answer.id}
+            checked={isChecked}
+            disabled={isEnded}
+            aria-label={ariaLabel}
+            onChange={() => onOptionSelected?.(answer.id)}
+            icon={isChecked ? <CheckIcon /> : undefined}
+        >
+            <div aria-hidden="true">{children}</div>
+        </StyledRadioButton>
+    );
+};
+
+export const PollOption: React.FC<PollOptionProps> = ({
+    pollId,
+    answer,
+    voteCount,
+    totalVoteCount,
+    optionNumber,
+    displayVoteCount,
+    isEnded,
+    isChecked,
+    onOptionSelected,
+}) => {
+    const cls = classNames({
+        mx_PollOption: true,
+        mx_PollOption_checked: isChecked,
+        mx_PollOption_ended: isEnded,
+    });
+    const isWinner = isEnded && isChecked;
+    const answerPercent = totalVoteCount === 0 ? 0 : Math.round((100.0 * voteCount) / totalVoteCount);
+    return (
+        // We break the rule here as ActivePollOption is keyboard accessible, we are just making the click target larger
+        // oxlint-disable-next-line jsx-a11y/click-events-have-key-events
+        <div data-testid={`pollOption-${answer.id}`} className={cls} onClick={() => onOptionSelected?.(answer.id)}>
+            <ActivePollOption
+                pollId={pollId}
+                answer={answer}
+                optionNumber={optionNumber}
+                isChecked={isChecked}
+                isEnded={isEnded}
+                isWinner={isWinner}
+                voteCount={voteCount}
+                displayVoteCount={displayVoteCount}
+                onOptionSelected={onOptionSelected}
+            >
+                <PollOptionContent
+                    isWinner={isWinner}
+                    answer={answer}
+                    voteCount={voteCount}
+                    displayVoteCount={displayVoteCount}
+                />
+            </ActivePollOption>
+            <div className="mx_PollOption_popularityBackground">
+                <div className="mx_PollOption_popularityAmount" style={{ width: `${answerPercent}%` }} />
+            </div>
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/polls/pollHistory/PollDetail.tsx b/apps/web/src/components/views/polls/pollHistory/PollDetail.tsx
new file mode 100644
index 00000000000..aafa85263c8
--- /dev/null
+++ b/apps/web/src/components/views/polls/pollHistory/PollDetail.tsx
@@ -0,0 +1,77 @@
+/*
+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 { type Poll } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../../languageHandler";
+import dispatcher from "../../../../dispatcher/dispatcher";
+import { Action } from "../../../../dispatcher/actions";
+import { type ViewRoomPayload } from "../../../../dispatcher/payloads/ViewRoomPayload";
+import { type RoomPermalinkCreator } from "../../../../utils/permalinks/Permalinks";
+import { type MediaEventHelper } from "../../../../utils/MediaEventHelper";
+import AccessibleButton, { type ButtonEvent } from "../../elements/AccessibleButton";
+import MPollBody from "../../messages/MPollBody";
+
+interface Props {
+    poll: Poll;
+    requestModalClose: () => void;
+    permalinkCreator: RoomPermalinkCreator;
+}
+
+/**
+ * Content of PollHistory when a specific poll is selected
+ */
+export const PollDetail: React.FC<Props> = ({ poll, permalinkCreator, requestModalClose }) => {
+    // link to end event for ended polls
+    const eventIdToLinkTo = poll.isEnded ? poll.endEventId! : poll.pollId;
+    const linkToTimeline = permalinkCreator.forEvent(eventIdToLinkTo);
+
+    const onLinkClick = (e: ButtonEvent): void => {
+        if ((e as React.MouseEvent).ctrlKey || (e as React.MouseEvent).metaKey) {
+            // native behavior for link on ctrl/cmd + click
+            return;
+        }
+        // otherwise handle navigation in the app
+        e.preventDefault();
+        dispatcher.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            event_id: eventIdToLinkTo,
+            highlighted: true,
+            room_id: poll.roomId,
+            metricsTrigger: undefined, // room doesn't change
+        });
+
+        requestModalClose();
+    };
+    return (
+        <>
+            <MPollBody
+                mxEvent={poll.rootEvent}
+                permalinkCreator={permalinkCreator}
+                // MPollBody doesn't use this
+                // and MessageEvent only defines it for eligible events
+                // should be fixed on IBodyProps types
+                // cheat to fulfil the type here
+                mediaEventHelper={{} as unknown as MediaEventHelper}
+            />
+            <br />
+            <div>
+                <AccessibleButton
+                    kind="link_inline"
+                    element="a"
+                    href={linkToTimeline}
+                    onClick={onLinkClick}
+                    rel="noreferrer noopener"
+                >
+                    {_t("right_panel|poll|view_in_timeline")}
+                </AccessibleButton>
+            </div>
+        </>
+    );
+};
diff --git a/apps/web/src/components/views/polls/pollHistory/PollDetailHeader.tsx b/apps/web/src/components/views/polls/pollHistory/PollDetailHeader.tsx
new file mode 100644
index 00000000000..4f23299af3d
--- /dev/null
+++ b/apps/web/src/components/views/polls/pollHistory/PollDetailHeader.tsx
@@ -0,0 +1,28 @@
+/*
+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 LeftCaretIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-left";
+
+import { _t } from "../../../../languageHandler";
+import AccessibleButton from "../../elements/AccessibleButton";
+import { type PollHistoryFilter } from "./types";
+
+interface Props {
+    filter: PollHistoryFilter;
+    onNavigateBack: () => void;
+}
+
+export const PollDetailHeader: React.FC<Props> = ({ filter, onNavigateBack }) => {
+    return (
+        <AccessibleButton kind="content_inline" onClick={onNavigateBack} className="mx_PollDetailHeader">
+            <LeftCaretIcon className="mx_PollDetailHeader_icon" />
+            {filter === "ACTIVE" ? _t("right_panel|poll|active_heading") : _t("right_panel|poll|past_heading")}
+        </AccessibleButton>
+    );
+};
diff --git a/apps/web/src/components/views/polls/pollHistory/PollHistory.tsx b/apps/web/src/components/views/polls/pollHistory/PollHistory.tsx
new file mode 100644
index 00000000000..147ca36fc72
--- /dev/null
+++ b/apps/web/src/components/views/polls/pollHistory/PollHistory.tsx
@@ -0,0 +1,82 @@
+/*
+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, { useState } from "react";
+import { type MatrixClient, type MatrixEvent, type Poll, type Room } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../../languageHandler";
+import { PollHistoryList } from "./PollHistoryList";
+import { type PollHistoryFilter } from "./types";
+import { PollDetailHeader } from "./PollDetailHeader";
+import { PollDetail } from "./PollDetail";
+import { type RoomPermalinkCreator } from "../../../../utils/permalinks/Permalinks";
+import { usePollsWithRelations } from "./usePollHistory";
+import { useFetchPastPolls } from "./fetchPastPolls";
+import Heading from "../../typography/Heading";
+
+type PollHistoryProps = {
+    room: Room;
+    matrixClient: MatrixClient;
+    permalinkCreator: RoomPermalinkCreator;
+    onFinished(this: void): void;
+};
+
+const sortEventsByLatest = (left: MatrixEvent, right: MatrixEvent): number => right.getTs() - left.getTs();
+const filterPolls =
+    (filter: PollHistoryFilter) =>
+    (poll: Poll): boolean =>
+        // exclude polls while they are still loading
+        // to avoid jitter in list
+        !poll.isFetchingResponses && (filter === "ACTIVE") !== poll.isEnded;
+
+const filterAndSortPolls = (polls: Map<string, Poll>, filter: PollHistoryFilter): MatrixEvent[] => {
+    return [...polls.values()]
+        .filter(filterPolls(filter))
+        .map((poll) => poll.rootEvent)
+        .sort(sortEventsByLatest);
+};
+
+export const PollHistory: React.FC<PollHistoryProps> = ({ room, matrixClient, permalinkCreator, onFinished }) => {
+    const { polls } = usePollsWithRelations(room.roomId, matrixClient);
+    const { isLoading, loadMorePolls, oldestEventTimestamp } = useFetchPastPolls(room, matrixClient);
+    const [filter, setFilter] = useState<PollHistoryFilter>("ACTIVE");
+    const [focusedPollId, setFocusedPollId] = useState<string | null>(null);
+
+    const pollStartEvents = filterAndSortPolls(polls, filter);
+    const isLoadingPollResponses = [...polls.values()].some((poll) => poll.isFetchingResponses);
+
+    const focusedPoll = focusedPollId ? polls.get(focusedPollId) : undefined;
+    const title = focusedPoll ? (
+        <PollDetailHeader filter={filter} onNavigateBack={() => setFocusedPollId(null)} />
+    ) : (
+        _t("right_panel|polls_button")
+    );
+
+    return (
+        <div className="mx_PollHistory_content">
+            {/* @TODO this probably needs some style */}
+            <Heading className="mx_PollHistory_header" size="2">
+                {title}
+            </Heading>
+            {focusedPoll ? (
+                <PollDetail poll={focusedPoll} permalinkCreator={permalinkCreator} requestModalClose={onFinished} />
+            ) : (
+                <PollHistoryList
+                    onItemClick={setFocusedPollId}
+                    pollStartEvents={pollStartEvents}
+                    isLoading={isLoading || isLoadingPollResponses}
+                    oldestFetchedEventTimestamp={oldestEventTimestamp}
+                    polls={polls}
+                    filter={filter}
+                    onFilterChange={setFilter}
+                    loadMorePolls={loadMorePolls}
+                />
+            )}
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/polls/pollHistory/PollHistoryList.tsx b/apps/web/src/components/views/polls/pollHistory/PollHistoryList.tsx
new file mode 100644
index 00000000000..d75204bef5f
--- /dev/null
+++ b/apps/web/src/components/views/polls/pollHistory/PollHistoryList.tsx
@@ -0,0 +1,159 @@
+/*
+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 classNames from "classnames";
+import { type MatrixEvent, type Poll } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../../languageHandler";
+import { FilterTabGroup } from "../../elements/FilterTabGroup";
+import InlineSpinner from "../../elements/InlineSpinner";
+import { type PollHistoryFilter } from "./types";
+import { PollListItem } from "./PollListItem";
+import { PollListItemEnded } from "./PollListItemEnded";
+import AccessibleButton from "../../elements/AccessibleButton";
+
+const LoadingPolls: React.FC<{ noResultsYet?: boolean }> = ({ noResultsYet }) => (
+    <div
+        className={classNames("mx_PollHistoryList_loading", {
+            mx_PollHistoryList_noResultsYet: noResultsYet,
+        })}
+    >
+        <InlineSpinner />
+        {_t("right_panel|poll|loading")}
+    </div>
+);
+
+const LoadMorePolls: React.FC<{ loadMorePolls?: () => void; isLoading?: boolean }> = ({ isLoading, loadMorePolls }) =>
+    loadMorePolls ? (
+        <AccessibleButton
+            className="mx_PollHistoryList_loadMorePolls"
+            kind="link_inline"
+            onClick={() => loadMorePolls()}
+        >
+            {_t("right_panel|poll|load_more")}
+            {isLoading && <InlineSpinner />}
+        </AccessibleButton>
+    ) : null;
+
+const ONE_DAY_MS = 60000 * 60 * 24;
+const getNoResultsMessage = (
+    filter: PollHistoryFilter,
+    oldestEventTimestamp?: number,
+    loadMorePolls?: () => void,
+): string => {
+    if (!loadMorePolls) {
+        return filter === "ACTIVE" ? _t("right_panel|poll|empty_active") : _t("right_panel|poll|empty_past");
+    }
+
+    // we don't know how much history has been fetched
+    if (!oldestEventTimestamp) {
+        return filter === "ACTIVE"
+            ? _t("right_panel|poll|empty_active_load_more")
+            : _t("right_panel|poll|empty_past_load_more");
+    }
+
+    const fetchedHistoryDaysCount = Math.ceil((Date.now() - oldestEventTimestamp) / ONE_DAY_MS);
+    return filter === "ACTIVE"
+        ? _t("right_panel|poll|empty_active_load_more_n_days", { count: fetchedHistoryDaysCount })
+        : _t("right_panel|poll|empty_past_load_more_n_days", {
+              count: fetchedHistoryDaysCount,
+          });
+};
+
+const NoResults: React.FC<{
+    filter: PollHistoryFilter;
+    oldestFetchedEventTimestamp?: number;
+    loadMorePolls?: () => void;
+    isLoading?: boolean;
+}> = ({ filter, isLoading, oldestFetchedEventTimestamp, loadMorePolls }) => {
+    // we can't page the timeline anymore
+    // just use plain loader
+    if (!loadMorePolls && isLoading) {
+        return <LoadingPolls noResultsYet />;
+    }
+
+    return (
+        <span className="mx_PollHistoryList_noResults">
+            {getNoResultsMessage(filter, oldestFetchedEventTimestamp, loadMorePolls)}
+
+            {!!loadMorePolls && <LoadMorePolls loadMorePolls={loadMorePolls} isLoading={isLoading} />}
+        </span>
+    );
+};
+
+type PollHistoryListProps = {
+    pollStartEvents: MatrixEvent[];
+    polls: Map<string, Poll>;
+    filter: PollHistoryFilter;
+    /**
+     * server ts of the oldest fetched poll
+     * ignoring filter
+     * used to render no results in last x days message
+     * undefined when no polls are found
+     */
+    oldestFetchedEventTimestamp?: number;
+    onFilterChange: (filter: PollHistoryFilter) => void;
+    onItemClick: (pollId: string) => void;
+    loadMorePolls?: () => void;
+    isLoading?: boolean;
+};
+export const PollHistoryList: React.FC<PollHistoryListProps> = ({
+    pollStartEvents,
+    polls,
+    filter,
+    isLoading,
+    oldestFetchedEventTimestamp,
+    onFilterChange,
+    loadMorePolls,
+    onItemClick,
+}) => {
+    return (
+        <div className="mx_PollHistoryList">
+            <FilterTabGroup<PollHistoryFilter>
+                name="PollHistory_filter"
+                value={filter}
+                onFilterChange={onFilterChange}
+                tabs={[
+                    { id: "ACTIVE", label: _t("right_panel|poll|active_heading") },
+                    { id: "ENDED", label: _t("right_panel|poll|past_heading") },
+                ]}
+            />
+            {!!pollStartEvents.length && (
+                <ol className={classNames("mx_PollHistoryList_list", `mx_PollHistoryList_list_${filter}`)}>
+                    {pollStartEvents.map((pollStartEvent) =>
+                        filter === "ACTIVE" ? (
+                            <PollListItem
+                                key={pollStartEvent.getId()}
+                                event={pollStartEvent}
+                                onClick={() => onItemClick(pollStartEvent.getId()!)}
+                            />
+                        ) : (
+                            <PollListItemEnded
+                                key={pollStartEvent.getId()}
+                                event={pollStartEvent}
+                                poll={polls.get(pollStartEvent.getId()!)!}
+                                onClick={() => onItemClick(pollStartEvent.getId()!)}
+                            />
+                        ),
+                    )}
+                    {isLoading && !loadMorePolls && <LoadingPolls />}
+                    {!!loadMorePolls && <LoadMorePolls loadMorePolls={loadMorePolls} isLoading={isLoading} />}
+                </ol>
+            )}
+            {!pollStartEvents.length && (
+                <NoResults
+                    oldestFetchedEventTimestamp={oldestFetchedEventTimestamp}
+                    isLoading={isLoading}
+                    filter={filter}
+                    loadMorePolls={loadMorePolls}
+                />
+            )}
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/polls/pollHistory/PollListItem.tsx b/apps/web/src/components/views/polls/pollHistory/PollListItem.tsx
new file mode 100644
index 00000000000..55bf5867e91
--- /dev/null
+++ b/apps/web/src/components/views/polls/pollHistory/PollListItem.tsx
@@ -0,0 +1,45 @@
+/*
+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 { type PollStartEvent } from "matrix-js-sdk/src/extensible_events_v1/PollStartEvent";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { PollsIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { formatLocalDateShort } from "../../../../DateUtils";
+import { _t } from "../../../../languageHandler";
+import AccessibleButton from "../../elements/AccessibleButton.tsx";
+
+interface Props {
+    event: MatrixEvent;
+    onClick: () => void;
+}
+
+export const PollListItem: React.FC<Props> = ({ event, onClick }) => {
+    const pollEvent = event.unstableExtensibleEvent as unknown as PollStartEvent;
+    if (!pollEvent) {
+        return null;
+    }
+    const formattedDate = formatLocalDateShort(event.getTs());
+    return (
+        <li data-testid={`pollListItem-${event.getId()!}`} className="mx_PollListItem">
+            <AccessibleButton
+                className="mx_PollListItemEnded_content"
+                title={_t("right_panel|poll|view_poll")}
+                placement="top"
+                onClick={onClick}
+            >
+                <div className="mx_PollListItem_content">
+                    <span>{formattedDate}</span>
+                    <PollsIcon className="mx_PollListItem_icon" />
+                    <span className="mx_PollListItem_question">{pollEvent.question.text}</span>
+                </div>
+            </AccessibleButton>
+        </li>
+    );
+};
diff --git a/apps/web/src/components/views/polls/pollHistory/PollListItemEnded.tsx b/apps/web/src/components/views/polls/pollHistory/PollListItemEnded.tsx
new file mode 100644
index 00000000000..d7913f08fa7
--- /dev/null
+++ b/apps/web/src/components/views/polls/pollHistory/PollListItemEnded.tsx
@@ -0,0 +1,131 @@
+/*
+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, { useEffect, useState } from "react";
+import { type PollAnswerSubevent } from "matrix-js-sdk/src/extensible_events_v1/PollStartEvent";
+import { type MatrixEvent, type Poll, PollEvent, type Relations } from "matrix-js-sdk/src/matrix";
+import { PollsEndIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../../languageHandler";
+import { formatLocalDateShort } from "../../../../DateUtils";
+import { allVotes, collectUserVotes, countVotes } from "../../messages/MPollBody";
+import { PollOption } from "../../polls/PollOption";
+import { Caption } from "../../typography/Caption";
+import AccessibleButton from "../../elements/AccessibleButton.tsx";
+
+interface Props {
+    event: MatrixEvent;
+    poll: Poll;
+    onClick: () => void;
+}
+
+type EndedPollState = {
+    winningAnswers: {
+        answer: PollAnswerSubevent;
+        voteCount: number;
+        optionNumber: number;
+    }[];
+    totalVoteCount: number;
+};
+const getWinningAnswers = (poll: Poll, responseRelations: Relations): EndedPollState => {
+    const userVotes = collectUserVotes(allVotes(responseRelations));
+    const votes = countVotes(userVotes, poll.pollEvent);
+    const totalVoteCount = [...votes.values()].reduce((sum, vote) => sum + vote, 0);
+    const winCount = Math.max(...votes.values());
+
+    return {
+        totalVoteCount,
+        winningAnswers: poll.pollEvent.answers
+            .map((answer, index) => ({ answerIndex: index, answer })) // keep track of original answer index
+            .filter(({ answer }) => votes.get(answer.id) === winCount)
+            .map(({ answer, answerIndex }) => ({
+                answer,
+                voteCount: votes.get(answer.id) || 0,
+                optionNumber: answerIndex + 1,
+            })),
+    };
+};
+
+/**
+ * Get deduplicated and validated poll responses
+ * Will use cached responses from Poll instance when existing
+ * Updates on changes to Poll responses (paging relations or from sync)
+ * Returns winning answers and total vote count
+ */
+const usePollVotes = (poll: Poll): Partial<EndedPollState> => {
+    const [results, setResults] = useState({ totalVoteCount: 0 });
+
+    useEffect(() => {
+        const getResponses = async (): Promise<void> => {
+            const responseRelations = await poll.getResponses();
+            setResults(getWinningAnswers(poll, responseRelations));
+        };
+        const onPollResponses = (responseRelations: Relations): void =>
+            setResults(getWinningAnswers(poll, responseRelations));
+        poll.on(PollEvent.Responses, onPollResponses);
+
+        getResponses();
+
+        return () => {
+            poll.off(PollEvent.Responses, onPollResponses);
+        };
+    }, [poll]);
+
+    return results;
+};
+
+/**
+ * Render an ended poll with the winning answer and vote count
+ * @param event - the poll start MatrixEvent
+ * @param poll - Poll instance
+ */
+export const PollListItemEnded: React.FC<Props> = ({ event, poll, onClick }) => {
+    const pollEvent = poll.pollEvent;
+    const { winningAnswers, totalVoteCount } = usePollVotes(poll);
+    if (!pollEvent) {
+        return null;
+    }
+    const formattedDate = formatLocalDateShort(event.getTs());
+
+    return (
+        <li data-testid={`pollListItem-${event.getId()!}`} className="mx_PollListItemEnded">
+            <AccessibleButton
+                className="mx_PollListItemEnded_content"
+                title={_t("right_panel|poll|view_poll")}
+                placement="top"
+                onClick={onClick}
+            >
+                <div className="mx_PollListItemEnded_title">
+                    <PollsEndIcon className="mx_PollListItemEnded_icon" />
+                    <span className="mx_PollListItemEnded_question">{pollEvent.question.text}</span>
+                    <Caption>{formattedDate}</Caption>
+                </div>
+                {!!winningAnswers?.length && (
+                    <div className="mx_PollListItemEnded_answers">
+                        {winningAnswers?.map(({ answer, voteCount, optionNumber }) => (
+                            <PollOption
+                                key={answer.id}
+                                answer={answer}
+                                voteCount={voteCount}
+                                totalVoteCount={totalVoteCount!}
+                                pollId={poll.pollId}
+                                optionNumber={optionNumber}
+                                displayVoteCount
+                                isChecked
+                                isEnded
+                            />
+                        ))}
+                    </div>
+                )}
+                <div className="mx_PollListItemEnded_voteCount">
+                    <Caption>{_t("right_panel|poll|final_result", { count: totalVoteCount })}</Caption>
+                </div>
+            </AccessibleButton>
+        </li>
+    );
+};
diff --git a/apps/web/src/components/views/polls/pollHistory/fetchPastPolls.ts b/apps/web/src/components/views/polls/pollHistory/fetchPastPolls.ts
new file mode 100644
index 00000000000..d25ef6bfae4
--- /dev/null
+++ b/apps/web/src/components/views/polls/pollHistory/fetchPastPolls.ts
@@ -0,0 +1,220 @@
+/*
+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 { useCallback, useEffect, useState } from "react";
+import {
+    M_POLL_START,
+    type MatrixClient,
+    Direction,
+    EventTimeline,
+    type EventTimelineSet,
+    type Room,
+    Filter,
+    type IFilterDefinition,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+const getOldestEventTimestamp = (timelineSet?: EventTimelineSet): number | undefined => {
+    if (!timelineSet) {
+        return;
+    }
+
+    const liveTimeline = timelineSet?.getLiveTimeline();
+    const events = liveTimeline.getEvents();
+    return events[0]?.getTs();
+};
+
+/**
+ * Page backwards in timeline history
+ * @param timelineSet - timelineset to page
+ * @param matrixClient - client
+ * @param canPageBackward - whether the timeline has more pages
+ * @param oldestEventTimestamp - server ts of the oldest encountered event
+ */
+const pagePollHistory = async (
+    timelineSet: EventTimelineSet,
+    matrixClient: MatrixClient,
+): Promise<{
+    oldestEventTimestamp?: number;
+    canPageBackward: boolean;
+}> => {
+    if (!timelineSet) {
+        return { canPageBackward: false };
+    }
+
+    const liveTimeline = timelineSet.getLiveTimeline();
+
+    await matrixClient.paginateEventTimeline(liveTimeline, {
+        backwards: true,
+    });
+
+    return {
+        oldestEventTimestamp: getOldestEventTimestamp(timelineSet),
+        canPageBackward: !!liveTimeline.getPaginationToken(EventTimeline.BACKWARDS),
+    };
+};
+
+/**
+ * Page timeline backwards until either:
+ * - event older than timestamp is encountered
+ * - end of timeline is reached
+ * @param timelineSet - timeline set to page
+ * @param matrixClient - client
+ * @param timestamp - epoch timestamp to page until
+ * @param canPageBackward - whether the timeline has more pages
+ * @param oldestEventTimestamp - server ts of the oldest encountered event
+ */
+const fetchHistoryUntilTimestamp = async (
+    timelineSet: EventTimelineSet | undefined,
+    matrixClient: MatrixClient,
+    timestamp: number,
+    canPageBackward: boolean,
+    oldestEventTimestamp?: number,
+): Promise<void> => {
+    if (!timelineSet || !canPageBackward || (oldestEventTimestamp && oldestEventTimestamp < timestamp)) {
+        return;
+    }
+    const result = await pagePollHistory(timelineSet, matrixClient);
+
+    return fetchHistoryUntilTimestamp(
+        timelineSet,
+        matrixClient,
+        timestamp,
+        result.canPageBackward,
+        result.oldestEventTimestamp,
+    );
+};
+
+const ONE_DAY_MS = 60000 * 60 * 24;
+/**
+ * Fetches timeline history for given number of days in past
+ * @param timelineSet - timelineset to page
+ * @param matrixClient - client
+ * @param historyPeriodDays - number of days of history to fetch, from current day
+ * @returns isLoading - true while fetching
+ * @returns oldestEventTimestamp - timestamp of oldest encountered poll, undefined when no polls found in timeline so far
+ * @returns loadMorePolls - function to page timeline backwards, undefined when timeline cannot be paged backwards
+ * @returns loadTimelineHistory - loads timeline history for the given history period
+ */
+const useTimelineHistory = (
+    timelineSet: EventTimelineSet | undefined,
+    matrixClient: MatrixClient,
+    historyPeriodDays: number,
+): {
+    isLoading: boolean;
+    oldestEventTimestamp?: number;
+    loadTimelineHistory: () => Promise<void>;
+    loadMorePolls?: () => Promise<void>;
+} => {
+    const [isLoading, setIsLoading] = useState(true);
+    const [oldestEventTimestamp, setOldestEventTimestamp] = useState<number | undefined>(undefined);
+    const [canPageBackward, setCanPageBackward] = useState(false);
+
+    const loadTimelineHistory = useCallback(async () => {
+        const endOfHistoryPeriodTimestamp = Date.now() - ONE_DAY_MS * historyPeriodDays;
+        setIsLoading(true);
+        try {
+            const liveTimeline = timelineSet?.getLiveTimeline();
+            const canPageBackward = !!liveTimeline?.getPaginationToken(Direction.Backward);
+            const oldestEventTimestamp = getOldestEventTimestamp(timelineSet);
+
+            await fetchHistoryUntilTimestamp(
+                timelineSet,
+                matrixClient,
+                endOfHistoryPeriodTimestamp,
+                canPageBackward,
+                oldestEventTimestamp,
+            );
+
+            setCanPageBackward(!!timelineSet?.getLiveTimeline()?.getPaginationToken(EventTimeline.BACKWARDS));
+            setOldestEventTimestamp(getOldestEventTimestamp(timelineSet));
+        } catch (error) {
+            logger.error("Failed to fetch room polls history", error);
+        } finally {
+            setIsLoading(false);
+        }
+    }, [historyPeriodDays, timelineSet, matrixClient]);
+
+    const loadMorePolls = useCallback(async () => {
+        if (!timelineSet) {
+            return;
+        }
+        setIsLoading(true);
+        try {
+            const result = await pagePollHistory(timelineSet, matrixClient);
+
+            setCanPageBackward(result.canPageBackward);
+            setOldestEventTimestamp(result.oldestEventTimestamp);
+        } catch (error) {
+            logger.error("Failed to fetch room polls history", error);
+        } finally {
+            setIsLoading(false);
+        }
+    }, [timelineSet, matrixClient]);
+
+    return {
+        isLoading,
+        oldestEventTimestamp,
+        loadTimelineHistory,
+        loadMorePolls: canPageBackward ? loadMorePolls : undefined,
+    };
+};
+
+const filterDefinition: IFilterDefinition = {
+    room: {
+        timeline: {
+            types: [M_POLL_START.name, M_POLL_START.altName],
+        },
+    },
+};
+
+/**
+ * Fetches poll start events in the last N days of room history
+ * @param room - room to fetch history for
+ * @param matrixClient - client
+ * @param historyPeriodDays - number of days of history to fetch, from current day
+ * @returns isLoading - true while fetching history
+ * @returns oldestEventTimestamp - timestamp of oldest encountered poll, undefined when no polls found in timeline so far
+ * @returns loadMorePolls - function to page timeline backwards, undefined when timeline cannot be paged backwards
+ */
+export const useFetchPastPolls = (
+    room: Room,
+    matrixClient: MatrixClient,
+    historyPeriodDays = 30,
+): {
+    isLoading: boolean;
+    oldestEventTimestamp?: number;
+    loadMorePolls?: () => Promise<void>;
+} => {
+    const [timelineSet, setTimelineSet] = useState<EventTimelineSet | undefined>(undefined);
+
+    useEffect(() => {
+        const filter = new Filter(matrixClient.getSafeUserId());
+        filter.setDefinition(filterDefinition);
+        const getFilteredTimelineSet = async (): Promise<void> => {
+            const filterId = await matrixClient.getOrCreateFilter(`POLL_HISTORY_FILTER_${room.roomId}}`, filter);
+            filter.filterId = filterId;
+            const timelineSet = room.getOrCreateFilteredTimelineSet(filter);
+            setTimelineSet(timelineSet);
+        };
+
+        getFilteredTimelineSet();
+    }, [room, matrixClient]);
+
+    const { isLoading, oldestEventTimestamp, loadMorePolls, loadTimelineHistory } = useTimelineHistory(
+        timelineSet,
+        matrixClient,
+        historyPeriodDays,
+    );
+
+    useEffect(() => {
+        loadTimelineHistory();
+    }, [loadTimelineHistory]);
+
+    return { isLoading, oldestEventTimestamp, loadMorePolls };
+};
diff --git a/apps/web/src/components/views/polls/pollHistory/types.ts b/apps/web/src/components/views/polls/pollHistory/types.ts
new file mode 100644
index 00000000000..0b9b98900ec
--- /dev/null
+++ b/apps/web/src/components/views/polls/pollHistory/types.ts
@@ -0,0 +1,14 @@
+/*
+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.
+*/
+
+/**
+ * Possible values for the "filter" setting in the poll history dialog
+ *
+ * Ended polls have a valid M_POLL_END event
+ */
+export type PollHistoryFilter = "ACTIVE" | "ENDED";
diff --git a/apps/web/src/components/views/polls/pollHistory/usePollHistory.ts b/apps/web/src/components/views/polls/pollHistory/usePollHistory.ts
new file mode 100644
index 00000000000..fb0714863da
--- /dev/null
+++ b/apps/web/src/components/views/polls/pollHistory/usePollHistory.ts
@@ -0,0 +1,87 @@
+/*
+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 { useEffect, useState } from "react";
+import { type Poll, PollEvent, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { useEventEmitterState } from "../../../../hooks/useEventEmitter";
+
+/**
+ * Get poll instances from a room
+ * Updates to include new polls
+ * @param roomId - id of room to retrieve polls for
+ * @param matrixClient - client
+ * @returns {Map<string, Poll>} - Map of Poll instances
+ */
+export const usePolls = (
+    roomId: string,
+    matrixClient: MatrixClient,
+): {
+    polls: Map<string, Poll>;
+} => {
+    const room = matrixClient.getRoom(roomId);
+
+    if (!room) {
+        throw new Error("Cannot find room");
+    }
+
+    // copy room.polls map so changes can be detected
+    const polls = useEventEmitterState(room, PollEvent.New, () => new Map<string, Poll>(room.polls));
+
+    return { polls };
+};
+
+/**
+ * Get all poll instances from a room
+ * Fetch their responses (using cached poll responses)
+ * Updates on:
+ * - new polls added to room
+ * - new responses added to polls
+ * - changes to poll ended state
+ * @param roomId - id of room to retrieve polls for
+ * @param matrixClient - client
+ * @returns {Map<string, Poll>} - Map of Poll instances
+ */
+export const usePollsWithRelations = (
+    roomId: string,
+    matrixClient: MatrixClient,
+): {
+    polls: Map<string, Poll>;
+} => {
+    const { polls } = usePolls(roomId, matrixClient);
+    const [pollsWithRelations, setPollsWithRelations] = useState<Map<string, Poll>>(polls);
+
+    useEffect(() => {
+        const onPollUpdate = async (): Promise<void> => {
+            // trigger rerender by creating a new poll map
+            setPollsWithRelations(new Map(polls));
+        };
+        if (polls) {
+            for (const poll of polls.values()) {
+                // listen to changes in responses and end state
+                poll.on(PollEvent.End, onPollUpdate);
+                poll.on(PollEvent.Responses, onPollUpdate);
+                // trigger request to get all responses
+                // if they are not already in cache
+                poll.getResponses();
+            }
+            setPollsWithRelations(polls);
+        }
+        // unsubscribe
+        return () => {
+            if (polls) {
+                for (const poll of polls.values()) {
+                    poll.off(PollEvent.End, onPollUpdate);
+                    poll.off(PollEvent.Responses, onPollUpdate);
+                }
+            }
+        };
+    }, [polls, setPollsWithRelations]);
+
+    return { polls: pollsWithRelations };
+};
diff --git a/apps/web/src/components/views/right_panel/BaseCard.tsx b/apps/web/src/components/views/right_panel/BaseCard.tsx
new file mode 100644
index 00000000000..754c63b35ec
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/BaseCard.tsx
@@ -0,0 +1,149 @@
+/*
+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 ReactNode, type KeyboardEvent, type Ref, type MouseEvent, useMemo, useContext } from "react";
+import classNames from "classnames";
+import { IconButton, Text } from "@vector-im/compound-web";
+import CloseIcon from "@vector-im/compound-design-tokens/assets/web/icons/close";
+import ChevronLeftIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-left";
+import { AutoHideScrollbar } from "@element-hq/web-shared-components";
+
+import { _t } from "../../../languageHandler";
+import { backLabelForPhase } from "../../../stores/right-panel/RightPanelStorePhases";
+import { CardContext } from "./context";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+interface IProps {
+    header?: ReactNode | null;
+    hideHeaderButtons?: boolean;
+    footer?: ReactNode;
+    className?: string;
+    id?: string;
+    role?: "tabpanel";
+    ariaLabelledBy?: string;
+    withoutScrollContainer?: boolean;
+    closeLabel?: string;
+    onClose?(this: void, ev: MouseEvent<HTMLButtonElement>): void;
+    onBack?(this: void, ev: MouseEvent<HTMLButtonElement>): void;
+    onKeyDown?(this: void, ev: KeyboardEvent): void;
+    ref?: Ref<HTMLDivElement>;
+    // Ref for the 'close' button the card
+    closeButtonRef?: Ref<HTMLButtonElement>;
+    children: ReactNode;
+}
+
+const BaseCard: React.FC<IProps> = ({
+    closeLabel,
+    onClose,
+    onBack,
+    className,
+    id,
+    ariaLabelledBy,
+    role,
+    hideHeaderButtons,
+    header,
+    footer,
+    withoutScrollContainer,
+    children,
+    onKeyDown,
+    closeButtonRef,
+    ref,
+}: IProps) => {
+    const sdkContext = useContext(SDKContext);
+
+    let backButton;
+    const cardHistory = sdkContext.rightPanelStore.roomPhaseHistory;
+    if (cardHistory.length > 1 && !hideHeaderButtons) {
+        const prevCard = cardHistory[cardHistory.length - 2];
+        const onBackClick = (ev: MouseEvent<HTMLButtonElement>): void => {
+            onBack?.(ev);
+            sdkContext.rightPanelStore.popCard();
+        };
+        const label = backLabelForPhase(prevCard.phase) ?? _t("action|back");
+        backButton = (
+            <IconButton
+                size="28px"
+                data-testid="base-card-back-button"
+                onClick={onBackClick}
+                tooltip={label}
+                kind="secondary"
+            >
+                <ChevronLeftIcon />
+            </IconButton>
+        );
+    }
+
+    let closeButton;
+    if (!hideHeaderButtons) {
+        // eslint-disable-next-line no-inner-declarations
+        function closeRightPanel(ev: MouseEvent<HTMLButtonElement>): void {
+            ev.preventDefault();
+            ev.stopPropagation();
+            sdkContext.rightPanelStore.popCard();
+        }
+
+        closeButton = (
+            <IconButton
+                size="28px"
+                data-testid="base-card-close-button"
+                onClick={onClose ?? closeRightPanel}
+                ref={closeButtonRef}
+                tooltip={closeLabel ?? _t("action|close")}
+                kind="secondary"
+            >
+                <CloseIcon />
+            </IconButton>
+        );
+    }
+
+    if (!withoutScrollContainer) {
+        children = <AutoHideScrollbar className="mx_AutoHideScrollbar">{children}</AutoHideScrollbar>;
+    }
+
+    const shouldRenderHeader = header || !hideHeaderButtons;
+    const context = useMemo(() => ({ isCard: true }), []);
+
+    return (
+        <CardContext.Provider value={context}>
+            <div
+                id={id}
+                aria-labelledby={ariaLabelledBy}
+                role={role}
+                className={classNames("mx_BaseCard", className)}
+                ref={ref}
+                onKeyDown={onKeyDown}
+            >
+                {shouldRenderHeader && (
+                    <div className="mx_BaseCard_header">
+                        {backButton}
+                        {typeof header === "string" ? (
+                            <div className="mx_BaseCard_header_title">
+                                <Text
+                                    size="md"
+                                    weight="medium"
+                                    className="mx_BaseCard_header_title_heading"
+                                    role="heading"
+                                    aria-level={1}
+                                >
+                                    {header}
+                                </Text>
+                            </div>
+                        ) : (
+                            (header ?? <div className="mx_BaseCard_header_spacer" />)
+                        )}
+                        {closeButton}
+                    </div>
+                )}
+                {children}
+                {footer && <div className="mx_BaseCard_footer">{footer}</div>}
+            </div>
+        </CardContext.Provider>
+    );
+};
+
+export default BaseCard;
diff --git a/apps/web/src/components/views/right_panel/EmptyState.tsx b/apps/web/src/components/views/right_panel/EmptyState.tsx
new file mode 100644
index 00000000000..8037e3673c4
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/EmptyState.tsx
@@ -0,0 +1,33 @@
+/*
+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.
+*/
+
+import React, { type ComponentType } from "react";
+import { Text } from "@vector-im/compound-web";
+import { Flex } from "@element-hq/web-shared-components";
+
+interface Props {
+    Icon: ComponentType<React.SVGAttributes<SVGElement>>;
+    title: string;
+    description: string;
+}
+
+const EmptyState: React.FC<Props> = ({ Icon, title, description }) => {
+    return (
+        <Flex className="mx_EmptyState" direction="column" gap="var(--cpd-space-4x)" align="center" justify="center">
+            <Icon width="32px" height="32px" />
+            <Text size="lg" weight="semibold">
+                {title}
+            </Text>
+            <Text size="md" weight="regular">
+                {description}
+            </Text>
+        </Flex>
+    );
+};
+
+export default EmptyState;
diff --git a/apps/web/src/components/views/right_panel/EncryptionInfo.tsx b/apps/web/src/components/views/right_panel/EncryptionInfo.tsx
new file mode 100644
index 00000000000..b1936cc8aa4
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/EncryptionInfo.tsx
@@ -0,0 +1,108 @@
+/*
+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.
+*/
+
+import React, { type JSX } from "react";
+import { type RoomMember, type User } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import Spinner from "../elements/Spinner";
+
+export const PendingActionSpinner: React.FC<{ text: string }> = ({ text }) => {
+    return (
+        <div className="mx_EncryptionInfo_spinner">
+            <Spinner />
+            {text}
+        </div>
+    );
+};
+
+interface IProps {
+    waitingForOtherParty: boolean;
+    waitingForNetwork: boolean;
+    member: RoomMember | User;
+    onStartVerification: () => Promise<void>;
+    isRoomEncrypted: boolean;
+    inDialog: boolean;
+    isSelfVerification: boolean;
+}
+
+const EncryptionInfo: React.FC<IProps> = ({
+    waitingForOtherParty,
+    waitingForNetwork,
+    member,
+    onStartVerification,
+    isRoomEncrypted,
+    inDialog,
+    isSelfVerification,
+}: IProps) => {
+    let content: JSX.Element;
+    if (waitingForOtherParty && isSelfVerification) {
+        content = <div>{_t("encryption|verification|once_accepted_can_continue")}</div>;
+    } else if (waitingForOtherParty || waitingForNetwork) {
+        let text: string;
+        if (waitingForOtherParty) {
+            text = _t("encryption|verification|waiting_for_user_accept", {
+                displayName: (member as User).displayName || (member as RoomMember).name || member.userId,
+            });
+        } else {
+            text = _t("encryption|verification|accepting");
+        }
+        content = <PendingActionSpinner text={text} />;
+    } else {
+        content = (
+            <AccessibleButton
+                kind="primary"
+                className="mx_UserInfo_wideButton mx_UserInfo_startVerification"
+                onClick={onStartVerification}
+            >
+                {_t("encryption|verification|start_button")}
+            </AccessibleButton>
+        );
+    }
+
+    let description: JSX.Element;
+    if (isRoomEncrypted) {
+        description = (
+            <div>
+                <p>{_t("user_info|room_encrypted")}</p>
+                <p>{_t("user_info|room_encrypted_detail")}</p>
+            </div>
+        );
+    } else {
+        description = (
+            <div>
+                <p>{_t("user_info|room_unencrypted")}</p>
+                <p>{_t("user_info|room_unencrypted_detail")}</p>
+            </div>
+        );
+    }
+
+    if (inDialog) {
+        return content;
+    }
+
+    return (
+        <React.Fragment>
+            <div data-testid="encryption-info-description" className="mx_UserInfo_container">
+                <h3>{_t("settings|security|encryption_section")}</h3>
+                {description}
+            </div>
+            <div className="mx_UserInfo_container">
+                <h3>{_t("user_info|verify_button")}</h3>
+                <div>
+                    <p>{_t("user_info|verify_explainer")}</p>
+                    <p>{_t("encryption|verification|in_person")}</p>
+                    {content}
+                </div>
+            </div>
+        </React.Fragment>
+    );
+};
+
+export default EncryptionInfo;
diff --git a/apps/web/src/components/views/right_panel/EncryptionPanel.tsx b/apps/web/src/components/views/right_panel/EncryptionPanel.tsx
new file mode 100644
index 00000000000..3a317a69e9d
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/EncryptionPanel.tsx
@@ -0,0 +1,175 @@
+/*
+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.
+*/
+
+import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
+import { VerificationPhase, type VerificationRequest, VerificationRequestEvent } from "matrix-js-sdk/src/crypto-api";
+import { type RoomMember, type User } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+// ErrorDialog needs path to the image, not the image node
+// eslint-disable-next-line no-restricted-imports
+import ErrorSolidIcon from "@vector-im/compound-design-tokens/icons/error-solid.svg";
+
+import EncryptionInfo from "./EncryptionInfo";
+import VerificationPanel from "./VerificationPanel";
+import { ensureDMExists } from "../../../createRoom";
+import { useTypedEventEmitter } from "../../../hooks/useEventEmitter";
+import Modal from "../../../Modal";
+import { _t } from "../../../languageHandler";
+import { RightPanelPhases } from "../../../stores/right-panel/RightPanelStorePhases";
+import ErrorDialog from "../dialogs/ErrorDialog";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+// cancellation codes which constitute a key mismatch
+const MISMATCHES = ["m.key_mismatch", "m.user_error", "m.mismatched_sas"];
+
+interface IProps {
+    member: RoomMember | User;
+    onClose: () => void;
+    verificationRequest?: VerificationRequest;
+    verificationRequestPromise?: Promise<VerificationRequest>;
+    layout: string;
+    isRoomEncrypted: boolean;
+}
+
+const EncryptionPanel: React.FC<IProps> = (props: IProps) => {
+    const sdkContext = useContext(SDKContext);
+    const { verificationRequest, verificationRequestPromise, member, onClose, layout, isRoomEncrypted } = props;
+    const [request, setRequest] = useState(verificationRequest);
+    // state to show a spinner immediately after clicking "start verification",
+    // before we have a request
+    const [isRequesting, setRequesting] = useState(false);
+    const [phase, doSetPhase] = useState(request?.phase);
+    const setPhase = (phase: VerificationPhase | undefined): void => {
+        logger.debug(`EncryptionPanel: phase now ${phase === undefined ? phase : VerificationPhase[phase]}`);
+        doSetPhase(phase);
+    };
+
+    useEffect(() => {
+        setRequest(verificationRequest);
+        if (verificationRequest) {
+            setRequesting(false);
+            setPhase(verificationRequest.phase);
+        }
+    }, [verificationRequest]);
+
+    useEffect(() => {
+        async function awaitPromise(): Promise<void> {
+            setRequesting(true);
+            const requestFromPromise = await verificationRequestPromise;
+            setRequesting(false);
+            setRequest(requestFromPromise);
+            setPhase(requestFromPromise?.phase);
+        }
+        if (verificationRequestPromise) {
+            awaitPromise();
+        }
+    }, [verificationRequestPromise]);
+    // Use a ref to track whether we are already showing the mismatch modal as state may not update fast enough
+    // if two change events are fired in quick succession like can happen with rust crypto.
+    const isShowingMismatchModal = useRef(false);
+    const changeHandler = useCallback(() => {
+        // handle transitions -> cancelled for mismatches which fire a modal instead of showing a card
+        if (
+            !isShowingMismatchModal.current &&
+            request?.phase === VerificationPhase.Cancelled &&
+            MISMATCHES.includes(request.cancellationCode ?? "")
+        ) {
+            isShowingMismatchModal.current = true;
+            Modal.createDialog(ErrorDialog, {
+                headerImage: ErrorSolidIcon,
+                title: _t("encryption|messages_not_secure|title"),
+                description: (
+                    <div>
+                        {_t("encryption|messages_not_secure|heading")}
+                        <ul>
+                            <li>{_t("encryption|messages_not_secure|cause_1")}</li>
+                            <li>{_t("encryption|messages_not_secure|cause_2")}</li>
+                            <li>{_t("encryption|messages_not_secure|cause_3")}</li>
+                            <li>{_t("encryption|messages_not_secure|cause_4")}</li>
+                        </ul>
+                    </div>
+                ),
+                onFinished: onClose,
+            });
+            return; // don't update phase here as we will be transitioning away from this view shortly
+        }
+
+        if (request) {
+            setPhase(request.phase);
+        }
+    }, [onClose, request]);
+
+    useTypedEventEmitter(request, VerificationRequestEvent.Change, changeHandler);
+
+    const onStartVerification = useCallback(async (): Promise<void> => {
+        setRequesting(true);
+        let verificationRequest_: VerificationRequest;
+        try {
+            const roomId = await ensureDMExists(sdkContext.client!, member.userId);
+            if (!roomId) {
+                throw new Error("Unable to create Room for verification");
+            }
+            verificationRequest_ = await sdkContext.client!.getCrypto()!.requestVerificationDM(member.userId, roomId);
+        } catch (e) {
+            console.error("Error starting verification", e);
+            setRequesting(false);
+
+            Modal.createDialog(ErrorDialog, {
+                headerImage: ErrorSolidIcon,
+                title: _t("encryption|verification|error_starting_title"),
+                description: _t("encryption|verification|error_starting_description"),
+            });
+            return;
+        }
+        setRequest(verificationRequest_);
+        setPhase(verificationRequest_.phase);
+        // Notify the RightPanelStore about this
+        if (sdkContext.rightPanelStore.currentCard.phase != RightPanelPhases.EncryptionPanel) {
+            sdkContext.rightPanelStore.pushCard({
+                phase: RightPanelPhases.EncryptionPanel,
+                state: { member, verificationRequest: verificationRequest_ },
+            });
+        }
+        if (!sdkContext.rightPanelStore.isOpen) sdkContext.rightPanelStore.togglePanel(null);
+    }, [sdkContext.client, sdkContext.rightPanelStore, member]);
+
+    const requested: boolean =
+        (!request && isRequesting) ||
+        (!!request &&
+            (phase === VerificationPhase.Requested || phase === VerificationPhase.Unsent || phase === undefined));
+    const isSelfVerification = request ? request.isSelfVerification : member.userId === sdkContext.client?.getUserId();
+
+    if (!request || requested) {
+        const initiatedByMe = (!request && isRequesting) || (!!request && request.initiatedByMe);
+        return (
+            <EncryptionInfo
+                isRoomEncrypted={isRoomEncrypted}
+                onStartVerification={onStartVerification}
+                member={member}
+                isSelfVerification={isSelfVerification}
+                waitingForOtherParty={requested && initiatedByMe}
+                waitingForNetwork={requested && !initiatedByMe}
+                inDialog={layout === "dialog"}
+            />
+        );
+    } else {
+        return (
+            <VerificationPanel
+                isRoomEncrypted={isRoomEncrypted}
+                layout={layout}
+                onClose={onClose}
+                member={member}
+                request={request}
+                key={request.transactionId}
+                phase={phase}
+            />
+        );
+    }
+};
+
+export default EncryptionPanel;
diff --git a/apps/web/src/components/views/right_panel/ExtensionsCard.tsx b/apps/web/src/components/views/right_panel/ExtensionsCard.tsx
new file mode 100644
index 00000000000..290776fa01f
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/ExtensionsCard.tsx
@@ -0,0 +1,205 @@
+/*
+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.
+*/
+
+import React, { type JSX, useContext, 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,
+    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 { useContextMenu } from "../../structures/ContextMenu";
+import { type IApp } from "../../../stores/WidgetStore";
+import { RightPanelPhases } from "../../../stores/right-panel/RightPanelStorePhases";
+import { MAX_PINNED } from "../../../stores/widgets/WidgetLayoutStore";
+import AccessibleButton from "../elements/AccessibleButton";
+import WidgetAvatar from "../avatars/WidgetAvatar";
+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/room/right-panel/WidgetContextMenuViewModel.tsx";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+interface Props {
+    room: Room;
+    onClose(this: void): void;
+}
+
+interface IAppRowProps {
+    app: IApp;
+    room: Room;
+}
+
+const AppRow: React.FC<IAppRowProps> = ({ app, room }) => {
+    const sdkContext = useContext(SDKContext);
+    const name = WidgetUtils.getWidgetName(app);
+    const [canModifyWidget, setCanModifyWidget] = useState<boolean>();
+
+    useEffect(() => {
+        setCanModifyWidget(WidgetUtils.canUserModifyWidgets(room.client, room.roomId));
+    }, [room.client, room.roomId]);
+
+    const onOpenWidgetClick = (): void => {
+        sdkContext.rightPanelStore.pushCard({
+            phase: RightPanelPhases.Widget,
+            state: { widgetId: app.id },
+        });
+    };
+
+    const isPinned = sdkContext.widgetLayoutStore.isInContainer(room, app, "top");
+    const togglePin = isPinned
+        ? () => {
+              sdkContext.widgetLayoutStore.moveToContainer(room, app, "right");
+          }
+        : () => {
+              sdkContext.widgetLayoutStore.moveToContainer(room, app, "top");
+          };
+
+    const [menuDisplayed, handle, openMenu, closeMenu] = useContextMenu<HTMLDivElement>();
+
+    const cannotPin = !isPinned && !sdkContext.widgetLayoutStore.canAddToContainer(room, "top");
+
+    let pinTitle: string;
+    if (cannotPin) {
+        pinTitle = _t("right_panel|pinned_messages|limits", { count: MAX_PINNED });
+    } else {
+        pinTitle = isPinned ? _t("action|unpin") : _t("action|pin");
+    }
+
+    const isMaximised = sdkContext.widgetLayoutStore.isInContainer(room, app, "center");
+
+    let openTitle = "";
+    if (isPinned) {
+        openTitle = _t("widget|unpin_to_view_right_panel");
+    } else if (isMaximised) {
+        openTitle = _t("widget|close_to_view_right_panel");
+    }
+
+    const classes = classNames("mx_BaseCard_Button mx_ExtensionsCard_Button", {
+        mx_ExtensionsCard_Button_pinned: isPinned,
+    });
+
+    return (
+        <div className={classes}>
+            <AccessibleButton
+                className="mx_ExtensionsCard_icon_app"
+                onClick={onOpenWidgetClick}
+                // only show a tooltip if the widget is pinned
+                title={!(isPinned || isMaximised) ? undefined : openTitle}
+                disabled={isPinned || isMaximised}
+            >
+                <WidgetAvatar app={app} size="24px" />
+                <Text size="md" weight="medium" className="mx_lineClamp">
+                    {name}
+                </Text>
+            </AccessibleButton>
+
+            {canModifyWidget && (
+                <WidgetContextMenu
+                    app={app}
+                    onFinished={closeMenu}
+                    menuDisplayed={menuDisplayed}
+                    trigger={
+                        <AccessibleButton
+                            ref={handle}
+                            className="mx_ExtensionsCard_app_options"
+                            onClick={openMenu}
+                            title={_t("common|options")}
+                        >
+                            <OverflowHorizontalIcon />
+                        </AccessibleButton>
+                    }
+                />
+            )}
+
+            <AccessibleButton
+                className="mx_ExtensionsCard_app_pinToggle"
+                onClick={togglePin}
+                title={pinTitle}
+                disabled={cannotPin}
+            >
+                <PinSolidIcon />
+            </AccessibleButton>
+        </div>
+    );
+};
+
+/**
+ * A right panel card displaying a list of widgets in the room and allowing the user to manage them.
+ * @param room the room to manage widgets for
+ * @param onClose callback when the card is closed
+ */
+const ExtensionsCard: React.FC<Props> = ({ room, onClose }) => {
+    const sdkContext = useContext(SDKContext);
+    const apps = useWidgets(room);
+    // Filter out virtual widgets
+    const realApps = useMemo(() => apps.filter((app) => app.eventId !== undefined), [apps]);
+
+    const onManageIntegrations = (): void => {
+        const managers = IntegrationManagers.sharedInstance();
+        if (!managers.hasManager()) {
+            managers.openNoManagerDialog();
+        } else {
+            // noinspection JSIgnoredPromiseFromCall
+            managers.getPrimaryManager()?.open(room);
+        }
+    };
+
+    let body: JSX.Element;
+    if (realApps.length < 1) {
+        body = (
+            <EmptyState
+                Icon={ExtensionsIcon}
+                title={_t("right_panel|extensions_empty_title")}
+                description={_t("right_panel|extensions_empty_description", {
+                    addIntegrations: _t("right_panel|add_integrations"),
+                })}
+            />
+        );
+    } else {
+        let copyLayoutBtn: JSX.Element | null = null;
+        if (sdkContext.widgetLayoutStore.canCopyLayoutToRoom(room)) {
+            copyLayoutBtn = (
+                <Link onClick={() => sdkContext.widgetLayoutStore.copyLayoutToRoom(room)}>
+                    {_t("widget|set_room_layout")}
+                </Link>
+            );
+        }
+
+        body = (
+            <>
+                <Separator />
+                {realApps.map((app) => (
+                    <AppRow key={app.id} app={app} room={room} />
+                ))}
+                {copyLayoutBtn}
+            </>
+        );
+    }
+
+    return (
+        <BaseCard header={_t("right_panel|extensions_button")} className="mx_ExtensionsCard" onClose={onClose}>
+            {shouldShowComponent(UIComponent.AddIntegrations) && (
+                <Button size="md" onClick={onManageIntegrations} kind="secondary" Icon={PlusIcon}>
+                    {_t("right_panel|add_integrations")}
+                </Button>
+            )}
+            {body}
+        </BaseCard>
+    );
+};
+
+export default ExtensionsCard;
diff --git a/apps/web/src/components/views/right_panel/PinnedMessagesCard.tsx b/apps/web/src/components/views/right_panel/PinnedMessagesCard.tsx
new file mode 100644
index 00000000000..b2b4aa72cda
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/PinnedMessagesCard.tsx
@@ -0,0 +1,169 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, { useCallback, useEffect, type JSX, useContext } from "react";
+import { type Room, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { Button, Separator } from "@vector-im/compound-web";
+import classNames from "classnames";
+import PinIcon from "@vector-im/compound-design-tokens/assets/web/icons/pin";
+
+import { _t } from "../../../languageHandler";
+import BaseCard from "./BaseCard";
+import Spinner from "../elements/Spinner";
+import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
+import { PinnedEventTile } from "../rooms/PinnedEventTile";
+import { useRoomState } from "../../../hooks/useRoomState";
+import RoomContext, { TimelineRenderingType } from "../../../contexts/RoomContext";
+import { ReadPinsEventId } from "./types";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import Modal from "../../../Modal";
+import { UnpinAllDialog } from "../dialogs/UnpinAllDialog";
+import EmptyState from "./EmptyState";
+import { usePinnedEvents, useReadPinnedEvents, useSortedFetchedPinnedEvents } from "../../../hooks/usePinnedEvents";
+import PinningUtils from "../../../utils/PinningUtils.ts";
+import { ScopedRoomContextProvider } from "../../../contexts/ScopedRoomContext.tsx";
+
+/**
+ * List the pinned messages in a room inside a Card.
+ */
+interface PinnedMessagesCardProps {
+    /**
+     * The room to list the pinned messages for.
+     */
+    room: Room;
+    /**
+     * Permalink of the room.
+     */
+    permalinkCreator: RoomPermalinkCreator;
+    /**
+     * Callback for when the card is closed.
+     */
+    onClose(this: void): void;
+}
+
+export function PinnedMessagesCard({ room, onClose, permalinkCreator }: PinnedMessagesCardProps): JSX.Element {
+    const cli = useMatrixClientContext();
+    const roomContext = useContext(RoomContext);
+    const pinnedEventIds = usePinnedEvents(room);
+    const readPinnedEvents = useReadPinnedEvents(room);
+    const pinnedEvents = useSortedFetchedPinnedEvents(room, pinnedEventIds);
+
+    useEffect(() => {
+        if (!cli || cli.isGuest()) return; // nothing to do
+        const newlyRead = pinnedEventIds.filter((id) => !readPinnedEvents.has(id));
+        if (newlyRead.length > 0) {
+            // clear out any read pinned events which no longer are pinned
+            cli.setRoomAccountData(room.roomId, ReadPinsEventId, {
+                event_ids: pinnedEventIds,
+            });
+        }
+    }, [cli, room.roomId, pinnedEventIds, readPinnedEvents]);
+
+    let content: JSX.Element;
+    if (!pinnedEventIds.length) {
+        content = (
+            <EmptyState
+                Icon={PinIcon}
+                title={_t("right_panel|pinned_messages|empty_title")}
+                description={_t("right_panel|pinned_messages|empty_description", {
+                    pinAction: _t("action|pin"),
+                })}
+            />
+        );
+    } else if (pinnedEvents?.length) {
+        content = <PinnedMessages events={pinnedEvents} room={room} permalinkCreator={permalinkCreator} />;
+    } else {
+        content = <Spinner />;
+    }
+
+    return (
+        <BaseCard
+            header={_t("right_panel|pinned_messages|header", { count: pinnedEventIds.length })}
+            className="mx_PinnedMessagesCard"
+            onClose={onClose}
+        >
+            <ScopedRoomContextProvider {...roomContext} timelineRenderingType={TimelineRenderingType.Pinned}>
+                {content}
+            </ScopedRoomContextProvider>
+        </BaseCard>
+    );
+}
+
+/**
+ * The pinned messages in a room.
+ */
+interface PinnedMessagesProps {
+    /**
+     * The pinned events.
+     */
+    events: MatrixEvent[];
+    /**
+     * The room the events are in.
+     */
+    room: Room;
+    /**
+     * The permalink creator to use.
+     */
+    permalinkCreator: RoomPermalinkCreator;
+}
+
+/**
+ * The pinned messages in a room.
+ */
+function PinnedMessages({ events, room, permalinkCreator }: PinnedMessagesProps): JSX.Element {
+    const matrixClient = useMatrixClientContext();
+
+    /**
+     * Whether the client can unpin events from the room.
+     * Listen to room state to update this value.
+     */
+    const canUnpin = useRoomState(room, () => PinningUtils.userHasPinOrUnpinPermission(matrixClient, room));
+
+    /**
+     * Opens the unpin all dialog.
+     */
+    const onUnpinAll = useCallback(async (): Promise<void> => {
+        Modal.createDialog(UnpinAllDialog, {
+            roomId: room.roomId,
+            matrixClient,
+        });
+    }, [room, matrixClient]);
+
+    return (
+        <>
+            <div
+                className={classNames("mx_PinnedMessagesCard_wrapper", {
+                    mx_PinnedMessagesCard_wrapper_unpin_all: canUnpin,
+                })}
+                role="list"
+            >
+                {events.map((event, i) => (
+                    <>
+                        <PinnedEventTile
+                            key={event.getId()}
+                            event={event}
+                            permalinkCreator={permalinkCreator}
+                            room={room}
+                        />
+                        {/* Add a separator if this isn't the last pinned message */}
+                        {events.length - 1 !== i && (
+                            <Separator key={`separator-${event.getId()}`} className="mx_PinnedMessagesCard_Separator" />
+                        )}
+                    </>
+                ))}
+            </div>
+            {canUnpin && (
+                <div className="mx_PinnedMessagesCard_unpin">
+                    <Button kind="tertiary" onClick={onUnpinAll}>
+                        {_t("right_panel|pinned_messages|unpin_all|button")}
+                    </Button>
+                </div>
+            )}
+        </>
+    );
+}
diff --git a/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx b/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx
new file mode 100644
index 00000000000..9a3d53303fd
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx
@@ -0,0 +1,323 @@
+/*
+Copyright 2024, 2025 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, { useEffect, useState, type JSX } from "react";
+import classNames from "classnames";
+import {
+    MenuItem,
+    Separator,
+    ToggleMenuItem,
+    Text,
+    Badge,
+    Heading,
+    IconButton,
+    Link,
+    Search,
+    Form,
+} from "@vector-im/compound-web";
+import FavouriteIcon from "@vector-im/compound-design-tokens/assets/web/icons/favourite";
+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 SettingsIcon from "@vector-im/compound-design-tokens/assets/web/icons/settings";
+import ExportArchiveIcon from "@vector-im/compound-design-tokens/assets/web/icons/export-archive";
+import LeaveIcon from "@vector-im/compound-design-tokens/assets/web/icons/leave";
+import FilesIcon from "@vector-im/compound-design-tokens/assets/web/icons/files";
+import ExtensionsIcon from "@vector-im/compound-design-tokens/assets/web/icons/extensions";
+import UserProfileIcon from "@vector-im/compound-design-tokens/assets/web/icons/user-profile";
+import ThreadsIcon from "@vector-im/compound-design-tokens/assets/web/icons/threads";
+import PollsIcon from "@vector-im/compound-design-tokens/assets/web/icons/polls";
+import PinIcon from "@vector-im/compound-design-tokens/assets/web/icons/pin";
+import LockIcon from "@vector-im/compound-design-tokens/assets/web/icons/lock-solid";
+import LockOffIcon from "@vector-im/compound-design-tokens/assets/web/icons/lock-off";
+import PublicIcon from "@vector-im/compound-design-tokens/assets/web/icons/public";
+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, HistoryVisibilityBadge, LinkedText, StatusTextView } from "@element-hq/web-shared-components";
+
+import BaseCard from "./BaseCard.tsx";
+import { _t } from "../../../languageHandler";
+import RoomAvatar from "../avatars/RoomAvatar.tsx";
+import { E2EStatus } from "../../../utils/ShieldUtils.ts";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks.ts";
+import { topicToHtml } from "../../../HtmlUtils.tsx";
+import { useRoomSummaryCardViewModel } from "../../viewmodels/right_panel/RoomSummaryCardViewModel";
+import { useRoomTopicViewModel } from "../../viewmodels/right_panel/RoomSummaryCardTopicViewModel";
+import { useRoomName } from "../../../hooks/useRoomName.ts";
+
+interface IProps {
+    room: Room;
+    permalinkCreator: RoomPermalinkCreator;
+    onSearchChange?: (term: string) => void;
+    onSearchCancel?: () => void;
+    focusRoomSearch?: boolean;
+    searchTerm?: string;
+}
+
+const RoomTopic: React.FC<Pick<IProps, "room">> = ({ room }): JSX.Element | null => {
+    const vm = useRoomTopicViewModel(room);
+
+    const body = topicToHtml(vm.topic?.text, vm.topic?.html);
+
+    if (!body && !vm.canEditTopic) {
+        return null;
+    }
+
+    if (!body) {
+        return (
+            <Flex
+                as="section"
+                direction="column"
+                justify="center"
+                gap="var(--cpd-space-2x)"
+                className="mx_RoomSummaryCard_topic"
+            >
+                <Box flex="1" className="mx_RoomSummaryCard_topic_box">
+                    <Link kind="primary" onClick={vm.onEditClick}>
+                        <Text size="sm" weight="regular">
+                            {_t("right_panel|add_topic")}
+                        </Text>
+                    </Link>
+                </Box>
+            </Flex>
+        );
+    }
+
+    const content = vm.expanded ? <LinkedText as="span">{body}</LinkedText> : body;
+
+    return (
+        <Flex
+            as="section"
+            direction="column"
+            justify="center"
+            gap="var(--cpd-space-2x)"
+            className={classNames("mx_RoomSummaryCard_topic", {
+                mx_RoomSummaryCard_topic_collapsed: !vm.expanded,
+            })}
+        >
+            <Box flex="1" className="mx_RoomSummaryCard_topic_container mx_RoomSummaryCard_topic_box">
+                <Text size="sm" weight="regular" onClick={vm.onTopicLinkClick}>
+                    {content}
+                </Text>
+                <IconButton className="mx_RoomSummaryCard_topic_chevron" size="24px" onClick={vm.onExpandedClick}>
+                    <ChevronDownIcon />
+                </IconButton>
+            </Box>
+            {vm.expanded && vm.canEditTopic && (
+                <Box flex="1" className="mx_RoomSummaryCard_topic_edit">
+                    <Link kind="primary" onClick={vm.onEditClick}>
+                        <Text size="sm" weight="regular">
+                            {_t("action|edit")}
+                        </Text>
+                    </Link>
+                </Box>
+            )}
+        </Flex>
+    );
+};
+
+const RoomSummaryCardView: React.FC<IProps> = ({
+    room,
+    permalinkCreator,
+    onSearchChange,
+    onSearchCancel,
+    focusRoomSearch,
+    searchTerm = "",
+}) => {
+    const vm = useRoomSummaryCardViewModel(room, permalinkCreator, onSearchCancel);
+    // XXX: this name should be part of the view model
+    const name = useRoomName(room);
+
+    // The search field is controlled and onSearchChange is debounced in RoomView,
+    // so we need to set the value of the input right away
+    const [searchValue, setSearchValue] = useState(searchTerm);
+    useEffect(() => {
+        setSearchValue(searchTerm);
+    }, [searchTerm]);
+
+    const roomInfo = (
+        <header className="mx_RoomSummaryCard_container">
+            <RoomAvatar room={room} size="80px" viewAvatarOnClick />
+            <Heading
+                as="h1"
+                size="md"
+                weight="semibold"
+                className="mx_RoomSummaryCard_roomName text-primary"
+                title={name}
+            >
+                {name}
+            </Heading>
+            {vm.userStatus && <StatusTextView status={vm.userStatus} />}
+            <Text
+                as="div"
+                size="sm"
+                weight="semibold"
+                className="mx_RoomSummaryCard_alias text-secondary"
+                title={vm.alias}
+            >
+                {vm.alias}
+            </Text>
+
+            <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="1rem" height="1rem" color="var(--cpd-color-icon-info-primary)" />
+                        {_t("common|public_room")}
+                    </Badge>
+                )}
+
+                {vm.isRoomEncrypted && vm.e2eStatus !== E2EStatus.Warning && (
+                    <Badge kind="green">
+                        <LockIcon width="1rem" height="1rem" />
+                        {_t("common|encrypted")}
+                    </Badge>
+                )}
+
+                {!vm.isRoomEncrypted && (
+                    <Badge kind="blue">
+                        <LockOffIcon width="1rem" height="1rem" color="var(--cpd-color-icon-info-primary)" />
+                        {_t("common|unencrypted")}
+                    </Badge>
+                )}
+
+                {vm.e2eStatus === E2EStatus.Warning && (
+                    <Badge kind="red">
+                        <ErrorSolidIcon width="1rem" height="1rem" />
+                        {_t("common|not_trusted")}
+                    </Badge>
+                )}
+
+                <HistoryVisibilityBadge historyVisibility={vm.historyVisibility} />
+            </Flex>
+
+            <RoomTopic room={room} />
+        </header>
+    );
+
+    const header = onSearchChange && (
+        <Form.Root className="mx_RoomSummaryCard_search" onSubmit={(e) => e.preventDefault()}>
+            <Search
+                placeholder={_t("room|search|placeholder")}
+                name="room_message_search"
+                onChange={(e) => {
+                    setSearchValue(e.currentTarget.value);
+                    onSearchChange(e.currentTarget.value);
+                }}
+                value={searchValue}
+                className="mx_no_textinput"
+                ref={vm.searchInputRef}
+                autoFocus={focusRoomSearch}
+                onKeyDown={vm.onUpdateSearchInput}
+            />
+        </Form.Root>
+    );
+
+    return (
+        <BaseCard
+            id="room-summary-panel"
+            className="mx_RoomSummaryCard"
+            ariaLabelledBy="room-summary-panel-tab"
+            role="tabpanel"
+            header={header}
+        >
+            {roomInfo}
+
+            <Separator />
+
+            <div role="menubar" aria-orientation="vertical">
+                <ToggleMenuItem
+                    Icon={FavouriteIcon}
+                    label={_t("room|context_menu|favourite")}
+                    checked={vm.isFavorite}
+                    onSelect={vm.onFavoriteToggleClick}
+                />
+                <MenuItem
+                    Icon={UserAddIcon}
+                    label={_t("action|invite")}
+                    disabled={!vm.canInviteToState}
+                    onSelect={vm.onInviteToRoomClick}
+                />
+
+                <Separator />
+
+                <MenuItem Icon={UserProfileIcon} label={_t("common|people")} onSelect={vm.onRoomMembersClick} />
+                <MenuItem Icon={ThreadsIcon} label={_t("common|threads")} onSelect={vm.onRoomThreadsClick} />
+                {!vm.isVideoRoom && (
+                    <>
+                        <MenuItem
+                            Icon={PinIcon}
+                            label={_t("right_panel|pinned_messages_button")}
+                            onSelect={vm.onRoomPinsClick}
+                        >
+                            <Text as="span" size="sm">
+                                {vm.pinCount}
+                            </Text>
+                        </MenuItem>
+                        <MenuItem
+                            Icon={FilesIcon}
+                            label={_t("right_panel|files_button")}
+                            onSelect={vm.onRoomFilesClick}
+                        />
+                        <MenuItem
+                            Icon={ExtensionsIcon}
+                            label={_t("right_panel|extensions_button")}
+                            onSelect={vm.onRoomExtensionsClick}
+                        />
+                    </>
+                )}
+
+                <Separator />
+
+                <MenuItem Icon={LinkIcon} label={_t("action|copy_link")} onSelect={vm.onShareRoomClick} />
+
+                {!vm.isVideoRoom && (
+                    <>
+                        <MenuItem
+                            Icon={PollsIcon}
+                            label={_t("right_panel|polls_button")}
+                            onSelect={vm.onRoomPollHistoryClick}
+                        />
+                        <MenuItem
+                            Icon={ExportArchiveIcon}
+                            label={_t("export_chat|title")}
+                            onSelect={vm.onRoomExportClick}
+                        />
+                    </>
+                )}
+
+                <MenuItem Icon={SettingsIcon} label={_t("common|settings")} onSelect={vm.onRoomSettingsClick} />
+
+                <Separator />
+                <div className="mx_RoomSummaryCard_bottomOptions">
+                    <MenuItem
+                        Icon={ErrorIcon}
+                        kind="critical"
+                        label={_t("action|report_room")}
+                        onSelect={vm.onReportRoomClick}
+                    />
+                    <MenuItem
+                        className="mx_RoomSummaryCard_leave"
+                        Icon={LeaveIcon}
+                        kind="critical"
+                        label={_t("action|leave_room")}
+                        onSelect={vm.onLeaveRoomClick}
+                    />
+                </div>
+            </div>
+        </BaseCard>
+    );
+};
+
+export default RoomSummaryCardView;
diff --git a/apps/web/src/components/views/right_panel/TimelineCard.tsx b/apps/web/src/components/views/right_panel/TimelineCard.tsx
new file mode 100644
index 00000000000..521219c0a79
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/TimelineCard.tsx
@@ -0,0 +1,265 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 {
+    type IEventRelation,
+    type MatrixEvent,
+    NotificationCountType,
+    type Room,
+    type EventTimelineSet,
+    type Thread,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import BaseCard from "./BaseCard";
+import type ResizeNotifier from "../../../utils/ResizeNotifier";
+import MessageComposer from "../rooms/MessageComposer";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import { Layout } from "../../../settings/enums/Layout";
+import TimelinePanel from "../../structures/TimelinePanel";
+import { type E2EStatus } from "../../../utils/ShieldUtils";
+import EditorStateTransfer from "../../../utils/EditorStateTransfer";
+import RoomContext, { type TimelineRenderingType } from "../../../contexts/RoomContext";
+import dis from "../../../dispatcher/dispatcher";
+import { _t } from "../../../languageHandler";
+import { type ActionPayload } from "../../../dispatcher/payloads";
+import { Action } from "../../../dispatcher/actions";
+import ContentMessages from "../../../ContentMessages";
+import UploadBar from "../../structures/UploadBar";
+import SettingsStore from "../../../settings/SettingsStore";
+import JumpToBottomButton from "../rooms/JumpToBottomButton";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import Measured from "../elements/Measured";
+import { UPDATE_EVENT } from "../../../stores/AsyncStore";
+import { ScopedRoomContextProvider } from "../../../contexts/ScopedRoomContext.tsx";
+import { RoomUploadContextProvider } from "../../../viewmodels/room/RoomUploadViewModel.tsx";
+import { EventPresentationContextProvider } from "../../../utils/EventPresentationContextProvider";
+
+interface IProps {
+    room: Room;
+    onClose: () => void;
+    resizeNotifier: ResizeNotifier;
+    permalinkCreator: RoomPermalinkCreator;
+    e2eStatus?: E2EStatus;
+    classNames?: string;
+    timelineSet: EventTimelineSet;
+    timelineRenderingType?: TimelineRenderingType;
+    showComposer?: boolean;
+    composerRelation?: IEventRelation;
+}
+
+interface IState {
+    thread?: Thread;
+    editState?: EditorStateTransfer;
+    replyToEvent?: MatrixEvent;
+    initialEventId?: string;
+    isInitialEventHighlighted?: boolean;
+    layout: Layout;
+    atEndOfLiveTimeline: boolean;
+    narrow: boolean;
+
+    // settings:
+    showReadReceipts?: boolean;
+}
+
+export default class TimelineCard extends React.Component<IProps, IState> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    private dispatcherRef?: string;
+    private layoutWatcherRef?: string;
+    private timelinePanel = React.createRef<TimelinePanel>();
+    private card = React.createRef<HTMLDivElement>();
+    private readReceiptsSettingWatcher: string | undefined;
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            showReadReceipts: SettingsStore.getValue("showReadReceipts", props.room.roomId),
+            layout: SettingsStore.getValue("layout"),
+            atEndOfLiveTimeline: true,
+            narrow: false,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.context.roomViewStore.addListener(UPDATE_EVENT, this.onRoomViewStoreUpdate);
+        this.dispatcherRef = dis.register(this.onAction);
+        this.readReceiptsSettingWatcher = SettingsStore.watchSetting("showReadReceipts", null, (...[, , , value]) =>
+            this.setState({ showReadReceipts: value! }),
+        );
+        this.layoutWatcherRef = SettingsStore.watchSetting("layout", null, (...[, , , value]) =>
+            this.setState({ layout: value! }),
+        );
+    }
+
+    public componentWillUnmount(): void {
+        this.context.roomViewStore.removeListener(UPDATE_EVENT, this.onRoomViewStoreUpdate);
+
+        SettingsStore.unwatchSetting(this.readReceiptsSettingWatcher);
+        SettingsStore.unwatchSetting(this.layoutWatcherRef);
+
+        dis.unregister(this.dispatcherRef);
+    }
+
+    private onRoomViewStoreUpdate = async (_initial?: boolean): Promise<void> => {
+        const newState: Pick<IState, any> = {
+            initialEventId: this.context.roomViewStore.getInitialEventId(),
+            isInitialEventHighlighted: this.context.roomViewStore.isInitialEventHighlighted(),
+            replyToEvent: this.context.roomViewStore.getQuotingEvent(),
+        };
+
+        this.setState(newState);
+    };
+
+    private onAction = (payload: ActionPayload): void => {
+        switch (payload.action) {
+            case Action.EditEvent:
+                this.setState(
+                    {
+                        editState: payload.event ? new EditorStateTransfer(payload.event) : undefined,
+                    },
+                    () => {
+                        if (payload.event) {
+                            this.timelinePanel.current?.scrollToEventIfNeeded(payload.event.getId());
+                        }
+                    },
+                );
+                break;
+            default:
+                break;
+        }
+    };
+
+    private onScroll = (): void => {
+        const timelinePanel = this.timelinePanel.current;
+        if (!timelinePanel) return;
+        if (timelinePanel.isAtEndOfLiveTimeline()) {
+            this.setState({
+                atEndOfLiveTimeline: true,
+            });
+        } else {
+            this.setState({
+                atEndOfLiveTimeline: false,
+            });
+        }
+
+        if (this.state.initialEventId && this.state.isInitialEventHighlighted) {
+            dis.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: this.props.room.roomId,
+                event_id: this.state.initialEventId,
+                highlighted: false,
+                replyingToEvent: this.state.replyToEvent,
+                metricsTrigger: undefined, // room doesn't change
+            });
+        }
+    };
+
+    private onMeasurement = (narrow: boolean): void => {
+        this.setState({ narrow });
+    };
+
+    private jumpToLiveTimeline = (): void => {
+        if (this.state.initialEventId && this.state.isInitialEventHighlighted) {
+            // If we were viewing a highlighted event, firing view_room without
+            // an event will take care of both clearing the URL fragment and
+            // jumping to the bottom
+            dis.dispatch({
+                action: Action.ViewRoom,
+                room_id: this.props.room.roomId,
+            });
+        } else {
+            // Otherwise we have to jump manually
+            this.timelinePanel.current?.jumpToLiveTimeline();
+            dis.fire(Action.FocusSendMessageComposer);
+        }
+    };
+
+    public render(): React.ReactNode {
+        const highlightedEventId = this.state.isInitialEventHighlighted ? this.state.initialEventId : undefined;
+
+        let jumpToBottom;
+        if (!this.state.atEndOfLiveTimeline) {
+            jumpToBottom = (
+                <JumpToBottomButton
+                    highlight={this.props.room.getUnreadNotificationCount(NotificationCountType.Highlight) > 0}
+                    onScrollToBottomClick={this.jumpToLiveTimeline}
+                />
+            );
+        }
+
+        const isUploading = ContentMessages.sharedInstance().getCurrentUploads(this.props.composerRelation).length > 0;
+
+        const myMembership = this.props.room.getMyMembership();
+        const showComposer = myMembership === KnownMembership.Join;
+        const layout = this.state.layout === Layout.Bubble ? Layout.Bubble : Layout.Group;
+
+        return (
+            <ScopedRoomContextProvider
+                {...this.context}
+                timelineRenderingType={this.props.timelineRenderingType ?? this.context.timelineRenderingType}
+                liveTimeline={this.props.timelineSet?.getLiveTimeline()}
+                narrow={this.state.narrow}
+            >
+                <BaseCard
+                    className={this.props.classNames}
+                    onClose={this.props.onClose}
+                    withoutScrollContainer={true}
+                    header={_t("right_panel|video_room_chat|title")}
+                    ref={this.card}
+                >
+                    <RoomUploadContextProvider>
+                        <Measured sensor={this.card} onMeasurement={this.onMeasurement} />
+                        <div className="mx_TimelineCard_timeline">
+                            {jumpToBottom}
+                            <EventPresentationContextProvider layout={layout}>
+                                <TimelinePanel
+                                    ref={this.timelinePanel}
+                                    showReadReceipts={this.state.showReadReceipts}
+                                    manageReadReceipts={true}
+                                    manageReadMarkers={false} // No RM support in the TimelineCard
+                                    sendReadReceiptOnLoad={true}
+                                    timelineSet={this.props.timelineSet}
+                                    showUrlPreview={this.context.showUrlPreview}
+                                    // The right panel timeline (and therefore threads) don't support IRC layout at this time
+                                    layout={layout}
+                                    hideThreadedMessages={false}
+                                    hidden={false}
+                                    showReactions={true}
+                                    className="mx_RoomView_messagePanel"
+                                    permalinkCreator={this.props.permalinkCreator}
+                                    membersLoaded={true}
+                                    editState={this.state.editState}
+                                    eventId={this.state.initialEventId}
+                                    highlightedEventId={highlightedEventId}
+                                    onScroll={this.onScroll}
+                                />
+                            </EventPresentationContextProvider>
+                        </div>
+
+                        {isUploading && <UploadBar room={this.props.room} relation={this.props.composerRelation} />}
+
+                        {showComposer && (
+                            <MessageComposer
+                                room={this.props.room}
+                                relation={this.props.composerRelation}
+                                resizeNotifier={this.props.resizeNotifier}
+                                replyToEvent={this.state.replyToEvent}
+                                permalinkCreator={this.props.permalinkCreator}
+                                e2eStatus={this.props.e2eStatus}
+                                compact={true}
+                            />
+                        )}
+                    </RoomUploadContextProvider>
+                </BaseCard>
+            </ScopedRoomContextProvider>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/right_panel/UserInfo.tsx b/apps/web/src/components/views/right_panel/UserInfo.tsx
new file mode 100644
index 00000000000..aced0b6b2f9
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/UserInfo.tsx
@@ -0,0 +1,248 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2017, 2018 Vector Creations 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.
+*/
+
+import React, { type JSX, type ReactNode, useContext, useEffect, useMemo, useState } from "react";
+import classNames from "classnames";
+import { type MatrixClient, type RoomMember, type Room, type User, type Device } from "matrix-js-sdk/src/matrix";
+import { type UserVerificationStatus, type VerificationRequest, CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+
+import Modal from "../../../Modal";
+import { _t } from "../../../languageHandler";
+import { type ButtonEvent } from "../elements/AccessibleButton";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { RightPanelPhases } from "../../../stores/right-panel/RightPanelStorePhases";
+import EncryptionPanel from "./EncryptionPanel";
+import { useIsEncrypted } from "../../../hooks/useIsEncrypted";
+import BaseCard from "./BaseCard";
+import QuestionDialog from "../dialogs/QuestionDialog";
+import PosthogTrackers from "../../../PosthogTrackers";
+import { UserInfoHeaderView } from "./user_info/UserInfoHeaderView";
+import { UserInfoBasicView } from "./user_info/UserInfoBasicView";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+export interface IDevice extends Device {
+    ambiguous?: boolean;
+}
+
+export const disambiguateDevices = (devices: IDevice[]): void => {
+    const names = Object.create(null);
+    for (let i = 0; i < devices.length; i++) {
+        const name = devices[i].displayName ?? "";
+        const indexList = names[name] || [];
+        indexList.push(i);
+        names[name] = indexList;
+    }
+    for (const name in names) {
+        if (names[name].length > 1) {
+            names[name].forEach((j: number) => {
+                devices[j].ambiguous = true;
+            });
+        }
+    }
+};
+
+export const warnSelfDemote = async (isSpace: boolean): Promise<boolean> => {
+    const { finished } = Modal.createDialog(QuestionDialog, {
+        title: _t("user_info|demote_self_confirm_title"),
+        description: (
+            <div>
+                {isSpace
+                    ? _t("user_info|demote_self_confirm_description_space")
+                    : _t("user_info|demote_self_confirm_room")}
+            </div>
+        ),
+        button: _t("user_info|demote_button"),
+    });
+
+    const [confirmed] = await finished;
+    return !!confirmed;
+};
+
+export const Container: React.FC<{
+    children: ReactNode;
+    className?: string;
+}> = ({ children, className }) => {
+    const classes = classNames("mx_UserInfo_container", className);
+    return <div className={classes}>{children}</div>;
+};
+
+export interface IPowerLevelsContent {
+    events?: Record<string, number>;
+    users_default?: number;
+    events_default?: number;
+    state_default?: number;
+    ban?: number;
+    kick?: number;
+    redact?: number;
+}
+
+export interface IRoomPermissions {
+    modifyLevelMax: number;
+    canEdit: boolean;
+    canInvite: boolean;
+}
+
+async function getUserDeviceInfo(
+    userId: string,
+    cli: MatrixClient,
+    downloadUncached = false,
+): Promise<Device[] | undefined> {
+    const userDeviceMap = await cli.getCrypto()?.getUserDeviceInfo([userId], downloadUncached);
+    const devicesMap = userDeviceMap?.get(userId);
+
+    if (!devicesMap) return;
+
+    return Array.from(devicesMap.values());
+}
+
+export const useDevices = (userId: string): IDevice[] | undefined | null => {
+    const cli = useContext(MatrixClientContext);
+
+    // undefined means yet to be loaded, null means failed to load, otherwise list of devices
+    const [devices, setDevices] = useState<undefined | null | IDevice[]>(undefined);
+    // Download device lists
+    useEffect(() => {
+        setDevices(undefined);
+
+        let cancelled = false;
+
+        async function downloadDeviceList(): Promise<void> {
+            try {
+                const devices = await getUserDeviceInfo(userId, cli, true);
+
+                if (cancelled || !devices) {
+                    // we got cancelled - presumably a different user now
+                    return;
+                }
+
+                disambiguateDevices(devices);
+                setDevices(devices);
+            } catch {
+                setDevices(null);
+            }
+        }
+        downloadDeviceList();
+
+        // Handle being unmounted
+        return () => {
+            cancelled = true;
+        };
+    }, [cli, userId]);
+
+    // Listen to changes
+    useEffect(() => {
+        let cancel = false;
+        const updateDevices = async (): Promise<void> => {
+            const newDevices = await getUserDeviceInfo(userId, cli);
+            if (cancel || !newDevices) return;
+            setDevices(newDevices);
+        };
+        const onDevicesUpdated = (users: string[]): void => {
+            if (!users.includes(userId)) return;
+            updateDevices();
+        };
+        const onUserTrustStatusChanged = (_userId: string, trustLevel: UserVerificationStatus): void => {
+            if (_userId !== userId) return;
+            updateDevices();
+        };
+        cli.on(CryptoEvent.DevicesUpdated, onDevicesUpdated);
+        cli.on(CryptoEvent.UserTrustStatusChanged, onUserTrustStatusChanged);
+        // Handle being unmounted
+        return () => {
+            cancel = true;
+            cli.removeListener(CryptoEvent.DevicesUpdated, onDevicesUpdated);
+            cli.removeListener(CryptoEvent.UserTrustStatusChanged, onUserTrustStatusChanged);
+        };
+    }, [cli, userId]);
+
+    return devices;
+};
+
+export type Member = User | RoomMember;
+
+interface IProps {
+    user: Member;
+    room?: Room;
+    phase: RightPanelPhases.MemberInfo | RightPanelPhases.EncryptionPanel;
+    onClose(this: void): void;
+    verificationRequest?: VerificationRequest;
+    verificationRequestPromise?: Promise<VerificationRequest>;
+}
+
+const UserInfo: React.FC<IProps> = ({ user, room, onClose, phase = RightPanelPhases.MemberInfo, ...props }) => {
+    const sdkContext = useContext(SDKContext);
+
+    // fetch latest room member if we have a room, so we don't show historical information, falling back to user
+    const member = useMemo(() => (room ? room.getMember(user.userId) || user : user), [room, user]);
+
+    const isRoomEncrypted = useIsEncrypted(sdkContext.client!, room);
+    const devices = useDevices(user.userId) ?? [];
+
+    const classes = ["mx_UserInfo"];
+
+    const onEncryptionPanelClose = (): void => {
+        sdkContext.rightPanelStore.popCard();
+    };
+
+    let content: JSX.Element | undefined;
+    switch (phase) {
+        case RightPanelPhases.MemberInfo:
+            content = <UserInfoBasicView room={room!} member={member} />;
+            break;
+        case RightPanelPhases.EncryptionPanel:
+            classes.push("mx_UserInfo_smallAvatar");
+            content = (
+                <EncryptionPanel
+                    {...(props as React.ComponentProps<typeof EncryptionPanel>)}
+                    member={member}
+                    onClose={onEncryptionPanelClose}
+                    isRoomEncrypted={Boolean(isRoomEncrypted)}
+                />
+            );
+            break;
+    }
+
+    let closeLabel: string | undefined;
+    if (phase === RightPanelPhases.EncryptionPanel) {
+        const verificationRequest = (props as React.ComponentProps<typeof EncryptionPanel>).verificationRequest;
+        if (verificationRequest && verificationRequest.pending) {
+            closeLabel = _t("action|cancel");
+        }
+    }
+
+    const header = (
+        <UserInfoHeaderView
+            hideVerificationSection={phase === RightPanelPhases.EncryptionPanel}
+            member={member}
+            devices={devices}
+            roomId={room?.roomId}
+        />
+    );
+
+    return (
+        <BaseCard
+            className={classes.join(" ")}
+            header={_t("common|profile")}
+            onClose={onClose}
+            closeLabel={closeLabel}
+            onBack={(ev: ButtonEvent) => {
+                if (sdkContext.rightPanelStore.previousCard.phase === RightPanelPhases.MemberList) {
+                    PosthogTrackers.trackInteraction("WebRightPanelRoomUserInfoBackButton", ev);
+                }
+            }}
+        >
+            {header}
+            {content}
+        </BaseCard>
+    );
+};
+
+export default UserInfo;
diff --git a/apps/web/src/components/views/right_panel/VerificationPanel.tsx b/apps/web/src/components/views/right_panel/VerificationPanel.tsx
new file mode 100644
index 00000000000..73a23e4d4e5
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/VerificationPanel.tsx
@@ -0,0 +1,425 @@
+/*
+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.
+*/
+
+import React, { type JSX } from "react";
+import {
+    type ShowQrCodeCallbacks,
+    type ShowSasCallbacks,
+    VerificationPhase as Phase,
+    type VerificationRequest,
+    VerificationRequestEvent,
+    VerifierEvent,
+} from "matrix-js-sdk/src/crypto-api";
+import { type Device, type RoomMember, type User } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { VerificationMethod } from "matrix-js-sdk/src/types";
+
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import VerificationQRCode from "../elements/crypto/VerificationQRCode";
+import { _t } from "../../../languageHandler";
+import SdkConfig from "../../../SdkConfig";
+import E2EIcon from "../rooms/E2EIcon";
+import Spinner from "../elements/Spinner";
+import AccessibleButton from "../elements/AccessibleButton";
+import VerificationShowSas from "../verification/VerificationShowSas";
+import { getDeviceCryptoInfo } from "../../../utils/crypto/deviceInfo";
+import { E2EStatus } from "../../../utils/ShieldUtils";
+
+interface IProps {
+    layout: string;
+    request: VerificationRequest;
+    member: RoomMember | User;
+    phase?: Phase;
+    onClose: () => void;
+    isRoomEncrypted: boolean;
+}
+
+interface IState {
+    /**
+     * The data for the QR code to display.
+     *
+     * We attempt to calculate this once the verification request transitions into the "Ready" phase. If the other
+     * side cannot scan QR codes, it will remain `undefined`.
+     */
+    qrCodeBytes: Uint8ClampedArray | undefined;
+
+    sasEvent: ShowSasCallbacks | null;
+    emojiButtonClicked?: boolean;
+    reciprocateButtonClicked?: boolean;
+    reciprocateQREvent: ShowQrCodeCallbacks | null;
+
+    /**
+     * Details of the other device involved in the transaction.
+     *
+     * `undefined` if there is not (yet) another device in the transaction, or if we do not know about it.
+     */
+    otherDeviceDetails?: Device;
+}
+
+export default class VerificationPanel extends React.PureComponent<IProps, IState> {
+    private hasVerifier: boolean;
+
+    /** have we yet tried to check the other device's info */
+    private haveCheckedDevice = false;
+
+    /** have we yet tried to get the QR code */
+    private haveFetchedQRCode = false;
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = { qrCodeBytes: undefined, sasEvent: null, reciprocateQREvent: null };
+        this.hasVerifier = false;
+    }
+
+    private renderQRPhase(): JSX.Element {
+        const { member, request } = this.props;
+        const showSAS: boolean = request.otherPartySupportsMethod(VerificationMethod.Sas);
+        const showQR: boolean = request.otherPartySupportsMethod(VerificationMethod.ScanQrCode);
+        const brand = SdkConfig.get().brand;
+
+        const noCommonMethodError: JSX.Element | null =
+            !showSAS && !showQR ? <p>{_t("encryption|verification|no_support_qr_emoji", { brand })}</p> : null;
+
+        if (this.props.layout === "dialog") {
+            // HACK: This is a terrible idea.
+            let qrBlockDialog: JSX.Element | undefined;
+            let sasBlockDialog: JSX.Element | undefined;
+            if (showQR) {
+                qrBlockDialog = (
+                    <div className="mx_VerificationPanel_QRPhase_startOption">
+                        <p>{_t("encryption|verification|qr_prompt")}</p>
+                        <VerificationQRCode qrCodeBytes={this.state.qrCodeBytes} />
+                    </div>
+                );
+            }
+            if (showSAS) {
+                sasBlockDialog = (
+                    <div className="mx_VerificationPanel_QRPhase_startOption">
+                        <p>{_t("encryption|verification|sas_prompt")}</p>
+                        <span className="mx_VerificationPanel_QRPhase_helpText">
+                            {_t("encryption|verification|sas_description")}
+                        </span>
+                        <AccessibleButton
+                            disabled={this.state.emojiButtonClicked}
+                            onClick={this.startSAS}
+                            kind="primary"
+                        >
+                            {_t("action|start")}
+                        </AccessibleButton>
+                    </div>
+                );
+            }
+            const or =
+                qrBlockDialog && sasBlockDialog ? (
+                    <div className="mx_VerificationPanel_QRPhase_betweenText">
+                        {_t("encryption|verification|qr_or_sas", {
+                            emojiCompare: "",
+                            qrCode: "",
+                        })}
+                    </div>
+                ) : null;
+            return (
+                <div>
+                    {_t("encryption|verification|verify_by_completing_one_of")}
+                    <div className="mx_VerificationPanel_QRPhase_startOptions">
+                        {qrBlockDialog}
+                        {or}
+                        {sasBlockDialog}
+                        {noCommonMethodError}
+                    </div>
+                </div>
+            );
+        }
+
+        let qrBlock: JSX.Element | undefined;
+        if (showQR) {
+            qrBlock = (
+                <div className="mx_UserInfo_container">
+                    <h3>{_t("encryption|verification|scan_qr")}</h3>
+                    <p>
+                        {_t("encryption|verification|scan_qr_explainer", {
+                            displayName: (member as User).displayName || (member as RoomMember).name || member.userId,
+                        })}
+                    </p>
+
+                    <div className="mx_VerificationPanel_qrCode">
+                        <VerificationQRCode qrCodeBytes={this.state.qrCodeBytes} />
+                    </div>
+                </div>
+            );
+        }
+
+        let sasBlock: JSX.Element | undefined;
+        if (showSAS) {
+            const disabled = this.state.emojiButtonClicked;
+            const sasLabel = showQR
+                ? _t("encryption|verification|verify_emoji_prompt_qr")
+                : _t("encryption|verification|verify_emoji_prompt");
+
+            // Note: mx_VerificationPanel_verifyByEmojiButton is for the end-to-end tests
+            sasBlock = (
+                <div className="mx_UserInfo_container">
+                    <h3>{_t("encryption|verification|verify_emoji")}</h3>
+                    <p>{sasLabel}</p>
+                    <AccessibleButton
+                        disabled={disabled}
+                        kind="primary"
+                        className="mx_UserInfo_wideButton mx_VerificationPanel_verifyByEmojiButton"
+                        onClick={this.startSAS}
+                    >
+                        {_t("encryption|verification|verify_emoji")}
+                    </AccessibleButton>
+                </div>
+            );
+        }
+
+        const noCommonMethodBlock = noCommonMethodError ? (
+            <div className="mx_UserInfo_container">{noCommonMethodError}</div>
+        ) : null;
+
+        // TODO: add way to open camera to scan a QR code
+        return (
+            <React.Fragment>
+                {qrBlock}
+                {sasBlock}
+                {noCommonMethodBlock}
+            </React.Fragment>
+        );
+    }
+
+    private onReciprocateYesClick = (): void => {
+        if (!this.state.reciprocateQREvent) return;
+        this.setState({ reciprocateButtonClicked: true });
+        this.state.reciprocateQREvent?.confirm();
+    };
+
+    private onReciprocateNoClick = (): void => {
+        if (!this.state.reciprocateQREvent) return;
+        this.setState({ reciprocateButtonClicked: true });
+        this.state.reciprocateQREvent?.cancel();
+    };
+
+    /**
+     * Get details of the other device involved in the verification, if we haven't before, and store in the state.
+     */
+    private async maybeGetOtherDevice(): Promise<void> {
+        if (this.haveCheckedDevice) return;
+
+        const client = MatrixClientPeg.safeGet();
+        const deviceId = this.props.request?.otherDeviceId;
+        const userId = client.getUserId();
+        if (!deviceId || !userId) {
+            return;
+        }
+        this.haveCheckedDevice = true;
+        this.setState({ otherDeviceDetails: await getDeviceCryptoInfo(client, userId, deviceId) });
+    }
+
+    private renderQRReciprocatePhase(): JSX.Element {
+        const { member, request } = this.props;
+        const description = request.isSelfVerification
+            ? _t("encryption|verification|qr_reciprocate_check_again_device")
+            : _t("encryption|verification|qr_reciprocate_same_shield_user", {
+                  displayName: (member as User).displayName || (member as RoomMember).name || member.userId,
+              });
+        let body: JSX.Element;
+        if (this.state.reciprocateQREvent) {
+            // Element Web doesn't support scanning yet, so assume here we're the client being scanned.
+            body = (
+                <React.Fragment>
+                    <p>{description}</p>
+                    <E2EIcon isUser={true} status={E2EStatus.Verified} size={128} hideTooltip={true} />
+                    <div className="mx_VerificationPanel_reciprocateButtons">
+                        <AccessibleButton
+                            kind="primary"
+                            disabled={this.state.reciprocateButtonClicked}
+                            onClick={this.onReciprocateYesClick}
+                        >
+                            {_t("encryption|verification|qr_reciprocate_yes")}
+                        </AccessibleButton>
+                        <AccessibleButton
+                            disabled={this.state.reciprocateButtonClicked}
+                            onClick={this.onReciprocateNoClick}
+                        >
+                            {_t("encryption|verification|qr_reciprocate_no")}
+                        </AccessibleButton>
+                    </div>
+                </React.Fragment>
+            );
+        } else {
+            body = (
+                <p>
+                    <Spinner as="span" />
+                </p>
+            );
+        }
+        return <div className="mx_UserInfo_container mx_VerificationPanel_reciprocate_section">{body}</div>;
+    }
+
+    private renderVerifiedPhase(): JSX.Element {
+        const { member, request } = this.props;
+
+        let text: string | undefined;
+        if (!request.isSelfVerification) {
+            if (this.props.isRoomEncrypted) {
+                text = _t("encryption|verification|prompt_encrypted");
+            } else {
+                text = _t("encryption|verification|prompt_unencrypted");
+            }
+        }
+
+        let description: string;
+        if (request.isSelfVerification) {
+            description = _t("encryption|verification|now_you_can");
+        } else {
+            description = _t("encryption|verification|successful_user", {
+                displayName: (member as User).displayName || (member as RoomMember).name || member.userId,
+            });
+        }
+
+        return (
+            <div className="mx_UserInfo_container mx_VerificationPanel_verified_section">
+                <p>{description}</p>
+                <E2EIcon isUser={true} status={E2EStatus.Verified} size={128} hideTooltip={true} />
+                {text ? <p>{text}</p> : null}
+                <AccessibleButton kind="primary" className="mx_UserInfo_wideButton" onClick={this.props.onClose}>
+                    {_t("action|got_it")}
+                </AccessibleButton>
+            </div>
+        );
+    }
+
+    private renderCancelledPhase(): JSX.Element {
+        return (
+            <div className="mx_UserInfo_container">
+                <p>{_t("encryption|verification|cancelled_verification")}</p>
+
+                <AccessibleButton kind="primary" className="mx_UserInfo_wideButton" onClick={this.props.onClose}>
+                    {_t("action|got_it")}
+                </AccessibleButton>
+            </div>
+        );
+    }
+
+    public render(): React.ReactNode {
+        const { member, phase, request } = this.props;
+
+        const displayName = (member as User).displayName || (member as RoomMember).name || member.userId;
+
+        switch (phase) {
+            case Phase.Ready:
+                return this.renderQRPhase();
+            case Phase.Started:
+                switch (request.chosenMethod) {
+                    case VerificationMethod.Reciprocate:
+                        return this.renderQRReciprocatePhase();
+                    case VerificationMethod.Sas: {
+                        const emojis = this.state.sasEvent ? (
+                            <VerificationShowSas
+                                displayName={displayName}
+                                otherDeviceDetails={this.state.otherDeviceDetails}
+                                sas={this.state.sasEvent.sas}
+                                onCancel={this.onSasMismatchesClick}
+                                onDone={this.onSasMatchesClick}
+                                isSelf={request.isSelfVerification}
+                            />
+                        ) : (
+                            <Spinner />
+                        );
+                        return <div className="mx_UserInfo_container">{emojis}</div>;
+                    }
+                    default:
+                        return null;
+                }
+            case Phase.Done:
+                return this.renderVerifiedPhase();
+            case Phase.Cancelled:
+                return this.renderCancelledPhase();
+        }
+        logger.error("VerificationPanel unhandled phase:", phase);
+        return null;
+    }
+
+    private startSAS = async (): Promise<void> => {
+        this.setState({ emojiButtonClicked: true });
+        await this.props.request.startVerification(VerificationMethod.Sas);
+    };
+
+    private onSasMatchesClick = (): void => {
+        this.state.sasEvent?.confirm();
+    };
+
+    private onSasMismatchesClick = (): void => {
+        this.state.sasEvent?.mismatch();
+    };
+
+    private updateVerifierState = (): void => {
+        // this method is only called once we know there is a verifier.
+        const verifier = this.props.request.verifier!;
+        const sasEvent = verifier.getShowSasCallbacks();
+        const reciprocateQREvent = verifier.getReciprocateQrCodeCallbacks();
+        verifier.off(VerifierEvent.ShowSas, this.updateVerifierState);
+        verifier.off(VerifierEvent.ShowReciprocateQr, this.updateVerifierState);
+        this.setState({ sasEvent, reciprocateQREvent });
+    };
+
+    private onRequestChange = async (): Promise<void> => {
+        const { request } = this.props;
+
+        // if we have a device ID and did not have one before, fetch the device's details
+        this.maybeGetOtherDevice();
+
+        // if we have had a reply from the other side (ie, the phase is "ready") and we have not
+        // yet done so, fetch the QR code
+        if (request.phase === Phase.Ready && !this.haveFetchedQRCode) {
+            this.haveFetchedQRCode = true;
+            request.generateQRCode().then(
+                (buf) => {
+                    this.setState({ qrCodeBytes: buf });
+                },
+                (error) => {
+                    console.error("Error generating QR code:", error);
+                },
+            );
+        }
+
+        const hadVerifier = this.hasVerifier;
+        this.hasVerifier = !!request.verifier;
+        if (!hadVerifier && this.hasVerifier) {
+            request.verifier?.on(VerifierEvent.ShowSas, this.updateVerifierState);
+            request.verifier?.on(VerifierEvent.ShowReciprocateQr, this.updateVerifierState);
+            try {
+                // on the requester side, this is also awaited in startSAS,
+                // but that's ok as verify should return the same promise.
+                await request.verifier?.verify();
+            } catch (err) {
+                logger.error("error verify", err);
+            }
+        }
+    };
+
+    public componentDidMount(): void {
+        const { request } = this.props;
+        request.on(VerificationRequestEvent.Change, this.onRequestChange);
+        if (request.verifier) {
+            const sasEvent = request.verifier.getShowSasCallbacks();
+            const reciprocateQREvent = request.verifier.getReciprocateQrCodeCallbacks();
+            this.setState({ sasEvent, reciprocateQREvent });
+        }
+        this.onRequestChange();
+    }
+
+    public componentWillUnmount(): void {
+        const { request } = this.props;
+        if (request.verifier) {
+            request.verifier.off(VerifierEvent.ShowSas, this.updateVerifierState);
+            request.verifier.off(VerifierEvent.ShowReciprocateQr, this.updateVerifierState);
+        }
+        request.off(VerificationRequestEvent.Change, this.onRequestChange);
+    }
+}
diff --git a/apps/web/src/components/views/right_panel/WidgetCard.tsx b/apps/web/src/components/views/right_panel/WidgetCard.tsx
new file mode 100644
index 00000000000..54b16c134e5
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/WidgetCard.tsx
@@ -0,0 +1,88 @@
+/*
+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, useContext, useEffect } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import BaseCard from "./BaseCard";
+import WidgetUtils, { useWidgets } from "../../../utils/WidgetUtils";
+import AppTile from "../elements/AppTile";
+import { _t } from "../../../languageHandler";
+import { ContextMenuButton, useContextMenu } from "../../structures/ContextMenu";
+import Heading from "../typography/Heading";
+import { WidgetContextMenu } from "../../../viewmodels/room/right-panel/WidgetContextMenuViewModel";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+interface IProps {
+    room: Room;
+    widgetId: string;
+    onClose(this: void): void;
+}
+
+const WidgetCard: React.FC<IProps> = ({ room, widgetId, onClose }) => {
+    const sdkContext = useContext(SDKContext);
+
+    const apps = useWidgets(room);
+    const app = apps.find((a) => a.id === widgetId);
+    const isRight = app && sdkContext.widgetLayoutStore.isInContainer(room, app, "right");
+
+    const [menuDisplayed, handle, openMenu, closeMenu] = useContextMenu();
+
+    useEffect(() => {
+        if (!app || !isRight) {
+            // stop showing this card
+            sdkContext.rightPanelStore.popCard();
+        }
+    }, [app, isRight, sdkContext.rightPanelStore]);
+
+    // Don't render anything as we are about to transition
+    if (!app || !isRight) return null;
+
+    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>
+            {contextMenu}
+        </div>
+    );
+
+    return (
+        <BaseCard header={header} className="mx_WidgetCard" onClose={onClose} withoutScrollContainer>
+            <AppTile
+                app={app}
+                fullWidth
+                showMenubar={false}
+                room={room}
+                userId={sdkContext.client?.getUserId() ?? undefined}
+                creatorUserId={app.creatorUserId}
+                widgetPageTitle={WidgetUtils.getWidgetDataTitle(app)}
+                waitForIframeLoad={app.waitForIframeLoad}
+            />
+        </BaseCard>
+    );
+};
+
+export default WidgetCard;
diff --git a/apps/web/src/components/views/right_panel/context.ts b/apps/web/src/components/views/right_panel/context.ts
new file mode 100644
index 00000000000..ba289c87f7d
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/context.ts
@@ -0,0 +1,11 @@
+/*
+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";
+
+export const CardContext = React.createContext({ isCard: false });
diff --git a/apps/web/src/components/views/right_panel/types.ts b/apps/web/src/components/views/right_panel/types.ts
new file mode 100644
index 00000000000..da48795acae
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/types.ts
@@ -0,0 +1,15 @@
+/*
+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.
+*/
+
+export const ReadPinsEventId = "im.vector.room.read_pins";
+
+declare module "matrix-js-sdk/src/types" {
+    interface RoomAccountDataEvents {
+        [ReadPinsEventId]: { event_ids: string[] };
+    }
+}
diff --git a/apps/web/src/components/views/right_panel/user_info/UserInfoAdminToolsContainer.tsx b/apps/web/src/components/views/right_panel/user_info/UserInfoAdminToolsContainer.tsx
new file mode 100644
index 00000000000..37b7a72b08c
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/user_info/UserInfoAdminToolsContainer.tsx
@@ -0,0 +1,220 @@
+/*
+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 ReactNode } from "react";
+import classNames from "classnames";
+import { type RoomMember, type Room } from "matrix-js-sdk/src/matrix";
+import { MenuItem } from "@vector-im/compound-web";
+import CloseIcon from "@vector-im/compound-design-tokens/assets/web/icons/close";
+import ChatProblemIcon from "@vector-im/compound-design-tokens/assets/web/icons/chat-problem";
+import VisibilityOffIcon from "@vector-im/compound-design-tokens/assets/web/icons/visibility-off";
+import LeaveIcon from "@vector-im/compound-design-tokens/assets/web/icons/leave";
+
+import { _t } from "../../../../languageHandler";
+import { type IPowerLevelsContent } from "../UserInfo";
+import { useUserInfoAdminToolsContainerViewModel } from "../../../viewmodels/right_panel/user_info/admin/UserInfoAdminToolsContainerViewModel";
+import { useMuteButtonViewModel } from "../../../viewmodels/right_panel/user_info/admin/UserInfoMuteButtonViewModel";
+import { useBanButtonViewModel } from "../../../viewmodels/right_panel/user_info/admin/UserInfoBanButtonViewModel";
+import { useRoomKickButtonViewModel } from "../../../viewmodels/right_panel/user_info/admin/UserInfoKickButtonViewModel";
+import { useRedactMessagesButtonViewModel } from "../../../viewmodels/right_panel/user_info/admin/UserInfoRedactButtonViewModel";
+
+const Container: React.FC<{
+    children: ReactNode;
+    className?: string;
+}> = ({ children, className }) => {
+    const classes = classNames("mx_UserInfo_container", className);
+    return <div className={classes}>{children}</div>;
+};
+
+interface IBaseProps {
+    member: RoomMember;
+    isUpdating: boolean;
+    startUpdating(this: void): void;
+    stopUpdating(this: void): void;
+}
+
+export const RoomKickButton = ({
+    room,
+    member,
+    isUpdating,
+    startUpdating,
+    stopUpdating,
+}: Omit<IBaseRoomProps, "powerLevels">): JSX.Element | null => {
+    const vm = useRoomKickButtonViewModel({ room, member, isUpdating, startUpdating, stopUpdating });
+    // check if user can be kicked/disinvited
+    if (!vm.canUserBeKicked) return <></>;
+
+    return (
+        <MenuItem
+            role="button"
+            onSelect={async (ev) => {
+                ev.preventDefault();
+                vm.onKickClick();
+            }}
+            disabled={isUpdating}
+            label={vm.kickLabel}
+            kind="critical"
+            Icon={LeaveIcon}
+        />
+    );
+};
+
+const RedactMessagesButton: React.FC<IBaseProps> = ({ member }) => {
+    const vm = useRedactMessagesButtonViewModel(member);
+
+    return (
+        <MenuItem
+            role="button"
+            onSelect={async (ev) => {
+                ev.preventDefault();
+                vm.onRedactAllMessagesClick();
+            }}
+            label={_t("user_info|redact_button")}
+            kind="critical"
+            Icon={CloseIcon}
+        />
+    );
+};
+
+export const BanToggleButton = ({
+    room,
+    member,
+    isUpdating,
+    startUpdating,
+    stopUpdating,
+}: Omit<IBaseRoomProps, "powerLevels">): JSX.Element => {
+    const vm = useBanButtonViewModel({ room, member, isUpdating, startUpdating, stopUpdating });
+
+    return (
+        <MenuItem
+            role="button"
+            onSelect={async (ev) => {
+                ev.preventDefault();
+                vm.onBanOrUnbanClick();
+            }}
+            disabled={isUpdating}
+            label={vm.banLabel}
+            kind="critical"
+            Icon={ChatProblemIcon}
+        />
+    );
+};
+
+interface IBaseRoomProps extends IBaseProps {
+    room: Room;
+    powerLevels: IPowerLevelsContent;
+    children?: ReactNode;
+}
+
+// We do not show a Mute button for ourselves so it doesn't need to handle warning self demotion
+const MuteToggleButton: React.FC<IBaseRoomProps> = ({
+    member,
+    room,
+    powerLevels,
+    isUpdating,
+    startUpdating,
+    stopUpdating,
+}) => {
+    const vm = useMuteButtonViewModel({ room, member, isUpdating, startUpdating, stopUpdating });
+    // Don't show the mute/unmute option if the user is not in the room
+    if (!vm.isMemberInTheRoom) return null;
+
+    return (
+        <MenuItem
+            role="button"
+            onSelect={async (ev) => {
+                ev.preventDefault();
+                vm.onMuteButtonClick();
+            }}
+            disabled={isUpdating}
+            label={vm.muteLabel}
+            kind="critical"
+            Icon={VisibilityOffIcon}
+        />
+    );
+};
+
+export const UserInfoAdminToolsContainer: React.FC<IBaseRoomProps> = ({
+    room,
+    children,
+    member,
+    isUpdating,
+    startUpdating,
+    stopUpdating,
+    powerLevels,
+}) => {
+    let kickButton;
+    let banButton;
+    let muteButton;
+    let redactButton;
+
+    const vm = useUserInfoAdminToolsContainerViewModel({ room, member, powerLevels });
+
+    if (!vm.isCurrentUserInTheRoom) {
+        // we aren't in the room, so return no admin tooling
+        return <div />;
+    }
+
+    if (vm.shouldShowKickButton) {
+        kickButton = (
+            <RoomKickButton
+                room={room}
+                member={member}
+                isUpdating={isUpdating}
+                startUpdating={startUpdating}
+                stopUpdating={stopUpdating}
+            />
+        );
+    }
+    if (vm.shouldShowRedactButton) {
+        redactButton = (
+            <RedactMessagesButton
+                member={member}
+                isUpdating={isUpdating}
+                startUpdating={startUpdating}
+                stopUpdating={stopUpdating}
+            />
+        );
+    }
+    if (vm.shouldShowBanButton) {
+        banButton = (
+            <BanToggleButton
+                room={room}
+                member={member}
+                isUpdating={isUpdating}
+                startUpdating={startUpdating}
+                stopUpdating={stopUpdating}
+            />
+        );
+    }
+    if (vm.shouldShowMuteButton) {
+        muteButton = (
+            <MuteToggleButton
+                member={member}
+                room={room}
+                powerLevels={powerLevels}
+                isUpdating={isUpdating}
+                startUpdating={startUpdating}
+                stopUpdating={stopUpdating}
+            />
+        );
+    }
+
+    if (kickButton || banButton || muteButton || redactButton || children) {
+        return (
+            <Container>
+                {muteButton}
+                {redactButton}
+                {kickButton}
+                {banButton}
+                {children}
+            </Container>
+        );
+    }
+
+    return <div />;
+};
diff --git a/apps/web/src/components/views/right_panel/user_info/UserInfoBasicOptionsView.tsx b/apps/web/src/components/views/right_panel/user_info/UserInfoBasicOptionsView.tsx
new file mode 100644
index 00000000000..cd80d77d857
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/user_info/UserInfoBasicOptionsView.tsx
@@ -0,0 +1,127 @@
+/*
+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 RoomMember, type User, type Room } from "matrix-js-sdk/src/matrix";
+import React, { type JSX, type ReactNode, useState } from "react";
+import { MenuItem } from "@vector-im/compound-web";
+import { ChatIcon, CheckIcon, MentionIcon, ShareIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import InviteIcon from "@vector-im/compound-design-tokens/assets/web/icons/user-add";
+
+import { _t } from "../../../../languageHandler";
+import { useUserInfoBasicOptionsViewModel } from "../../../viewmodels/right_panel/user_info/UserInfoBasicOptionsViewModel";
+import { Container, type Member } from "../UserInfo";
+import { shouldShowComponent } from "../../../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../../../settings/UIFeature";
+
+const MessageButton = ({
+    member,
+    openDMForUser,
+}: {
+    member: Member;
+    openDMForUser: (user: Member) => Promise<void>;
+}): JSX.Element => {
+    const [busy, setBusy] = useState(false);
+
+    return (
+        <MenuItem
+            role="button"
+            onSelect={async (ev) => {
+                ev.preventDefault();
+                if (busy) return;
+                setBusy(true);
+                await openDMForUser(member);
+                setBusy(false);
+            }}
+            disabled={busy}
+            label={_t("user_info|send_message")}
+            Icon={ChatIcon}
+        />
+    );
+};
+
+export const UserInfoBasicOptionsView: React.FC<{
+    member: User | RoomMember;
+    room: Room;
+    children?: ReactNode;
+}> = ({ room, member, children }) => {
+    const vm = useUserInfoBasicOptionsViewModel(room, member);
+
+    let insertPillButton: JSX.Element | undefined;
+    let inviteUserButton: JSX.Element | undefined;
+    let readReceiptButton: JSX.Element | undefined;
+
+    if (!vm.isMe) {
+        readReceiptButton = (
+            <MenuItem
+                role="button"
+                onSelect={async (ev) => {
+                    ev.preventDefault();
+                    vm.onReadReceiptButton();
+                }}
+                label={_t("user_info|jump_to_rr_button")}
+                disabled={vm.readReceiptButtonDisabled}
+                Icon={CheckIcon}
+            />
+        );
+
+        if (vm.showInsertPillButton) {
+            insertPillButton = (
+                <MenuItem
+                    role="button"
+                    onSelect={async (ev) => {
+                        ev.preventDefault();
+                        vm.onInsertPillButton();
+                    }}
+                    label={_t("action|mention")}
+                    Icon={MentionIcon}
+                />
+            );
+        }
+
+        if (vm.showInviteButton && shouldShowComponent(UIComponent.InviteUsers)) {
+            inviteUserButton = (
+                <MenuItem
+                    role="button"
+                    onSelect={async (ev) => {
+                        ev.preventDefault();
+                        vm.onInviteUserButton(room.roomId, ev);
+                    }}
+                    label={_t("action|invite")}
+                    Icon={InviteIcon}
+                />
+            );
+        }
+    }
+
+    const shareUserButton = (
+        <MenuItem
+            role="button"
+            onSelect={async (ev) => {
+                ev.preventDefault();
+                vm.onShareUserClick();
+            }}
+            label={_t("user_info|share_button")}
+            Icon={ShareIcon}
+        />
+    );
+
+    const directMessageButton =
+        vm.isMe || !shouldShowComponent(UIComponent.CreateRooms) ? null : (
+            <MessageButton member={member} openDMForUser={vm.onOpenDmForUser} />
+        );
+
+    return (
+        <Container>
+            {children}
+            {directMessageButton}
+            {inviteUserButton}
+            {readReceiptButton}
+            {shareUserButton}
+            {insertPillButton}
+        </Container>
+    );
+};
diff --git a/apps/web/src/components/views/right_panel/user_info/UserInfoBasicView.tsx b/apps/web/src/components/views/right_panel/user_info/UserInfoBasicView.tsx
new file mode 100644
index 00000000000..5a2c9158ff7
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/user_info/UserInfoBasicView.tsx
@@ -0,0 +1,93 @@
+/*
+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 RoomMember, type User, type Room } from "matrix-js-sdk/src/matrix";
+import { MenuItem } from "@vector-im/compound-web";
+import { DeleteIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../../languageHandler";
+import { useUserInfoBasicViewModel } from "../../../viewmodels/right_panel/user_info/UserInfoBasicViewModel";
+import { PowerLevelSection } from "./UserInfoPowerLevels";
+import { Container } from "../UserInfo";
+import { IgnoreToggleButton } from "./UserInfoIgnoreButtonView";
+import Spinner from "../../elements/Spinner";
+import { UserInfoAdminToolsContainer } from "./UserInfoAdminToolsContainer";
+import { UserInfoBasicOptionsView } from "./UserInfoBasicOptionsView";
+
+/**
+ * There are two types of components that can be displayed in the right panel concerning userinfo
+ * Basic info or Encryption Panel
+ */
+export const UserInfoBasicView: React.FC<{
+    room: Room;
+    member: User | RoomMember;
+}> = ({ room, member }) => {
+    const vm = useUserInfoBasicViewModel(room, member);
+    let synapseDeactivateButton;
+    let spinner;
+    let memberDetails;
+    let adminToolsContainer;
+
+    if (vm.showDeactivateButton) {
+        synapseDeactivateButton = (
+            <MenuItem
+                role="button"
+                onSelect={async (ev) => {
+                    ev.preventDefault();
+                    vm.onSynapseDeactivate();
+                }}
+                label={_t("user_info|deactivate_confirm_action")}
+                kind="critical"
+                Icon={DeleteIcon}
+            />
+        );
+    }
+
+    if (room && (member as RoomMember).roomId) {
+        // hide the Roles section for DMs as it doesn't make sense there
+        if (!vm.isRoomDMForMember) {
+            memberDetails = (
+                <PowerLevelSection user={member as RoomMember} room={room} roomPermissions={vm.roomPermissions} />
+            );
+        }
+
+        adminToolsContainer = (
+            <UserInfoAdminToolsContainer
+                powerLevels={vm.powerLevels}
+                member={member as RoomMember}
+                room={room}
+                isUpdating={vm.pendingUpdateCount > 0}
+                startUpdating={vm.startUpdating}
+                stopUpdating={vm.stopUpdating}
+            >
+                {synapseDeactivateButton}
+            </UserInfoAdminToolsContainer>
+        );
+    } else if (synapseDeactivateButton) {
+        adminToolsContainer = <Container>{synapseDeactivateButton}</Container>;
+    }
+
+    if (vm.pendingUpdateCount > 0) {
+        spinner = <Spinner />;
+    }
+
+    return (
+        <React.Fragment>
+            <UserInfoBasicOptionsView room={room} member={member}>
+                {memberDetails}
+            </UserInfoBasicOptionsView>
+            {adminToolsContainer}
+            {!vm.isMe && (
+                <Container>
+                    <IgnoreToggleButton member={member} />
+                </Container>
+            )}
+            {spinner}
+        </React.Fragment>
+    );
+};
diff --git a/apps/web/src/components/views/right_panel/user_info/UserInfoHeaderVerificationView.tsx b/apps/web/src/components/views/right_panel/user_info/UserInfoHeaderVerificationView.tsx
new file mode 100644
index 00000000000..7c581e26b72
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/user_info/UserInfoHeaderVerificationView.tsx
@@ -0,0 +1,63 @@
+/*
+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 User, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { Text, Button, InlineSpinner, Badge } from "@vector-im/compound-web";
+import { VerifiedIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Flex } from "@element-hq/web-shared-components";
+
+import { useUserInfoVerificationViewModel } from "../../../viewmodels/right_panel/user_info/UserInfoHeaderVerificationViewModel";
+import { type IDevice } from "../UserInfo";
+import { _t } from "../../../../languageHandler";
+
+export const UserInfoHeaderVerificationView: React.FC<{
+    member: User | RoomMember;
+    devices: IDevice[];
+}> = ({ member, devices }) => {
+    let content;
+    const vm = useUserInfoVerificationViewModel(member, devices);
+
+    if (vm.isUserVerified) {
+        content = (
+            <Badge kind="green" className="mx_UserInfo_verified_badge">
+                <VerifiedIcon className="mx_UserInfo_verified_icon" height="16px" width="16px" />
+                <Text size="sm" weight="medium" className="mx_UserInfo_verified_label">
+                    {_t("common|verified")}
+                </Text>
+            </Badge>
+        );
+    } else if (vm.hasCrossSigningKeys === undefined) {
+        // We are still fetching the cross-signing keys for the user, show spinner.
+        content = <InlineSpinner size={24} />;
+    } else if (vm.canVerify && vm.hasCrossSigningKeys) {
+        content = (
+            <div className="mx_UserInfo_container_verifyButton">
+                <Button
+                    className="mx_UserInfo_verify_button"
+                    kind="tertiary"
+                    size="md"
+                    onClick={() => vm.verifySelectedUser()}
+                >
+                    {_t("user_info|verify_button")}
+                </Button>
+            </div>
+        );
+    } else {
+        content = (
+            <Text className="mx_UserInfo_verification_unavailable" size="sm">
+                ({_t("user_info|verification_unavailable")})
+            </Text>
+        );
+    }
+
+    return (
+        <Flex justify="center" align="center" className="mx_UserInfo_verification">
+            {content}
+        </Flex>
+    );
+};
diff --git a/apps/web/src/components/views/right_panel/user_info/UserInfoHeaderView.tsx b/apps/web/src/components/views/right_panel/user_info/UserInfoHeaderView.tsx
new file mode 100644
index 00000000000..1e214223c26
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/user_info/UserInfoHeaderView.tsx
@@ -0,0 +1,99 @@
+/*
+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 { type User, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { Heading, Tooltip, Text } from "@vector-im/compound-web";
+import { Flex, StatusTextView } from "@element-hq/web-shared-components";
+
+import { useUserfoHeaderViewModel } from "../../../viewmodels/right_panel/user_info/UserInfoHeaderViewModel";
+import MemberAvatar from "../../avatars/MemberAvatar";
+import { Container, type Member, type IDevice } from "../UserInfo";
+import PresenceLabel from "../../rooms/PresenceLabel";
+import CopyableText from "../../elements/CopyableText";
+import { UserInfoHeaderVerificationView } from "./UserInfoHeaderVerificationView";
+import { useUserStatus } from "../../../../hooks/useUserStatus";
+
+export interface UserInfoHeaderViewProps {
+    member: Member;
+    roomId?: string;
+    devices: IDevice[];
+    hideVerificationSection: boolean;
+}
+
+export const UserInfoHeaderView: React.FC<UserInfoHeaderViewProps> = ({
+    member,
+    devices,
+    roomId,
+    hideVerificationSection,
+}) => {
+    const vm = useUserfoHeaderViewModel({ member, roomId });
+    const avatarUrl = (member as User).avatarUrl;
+    const displayName = (member as RoomMember).rawDisplayName;
+    const userStatus = useUserStatus(member.userId);
+
+    let presenceLabel: JSX.Element | undefined;
+
+    if (vm.showPresence) {
+        presenceLabel = (
+            <PresenceLabel
+                activeAgo={vm.precenseInfo.lastActiveAgo}
+                currentlyActive={vm.precenseInfo.currentlyActive}
+                presenceState={vm.precenseInfo.state}
+                className="mx_UserInfo_profileStatus"
+                coloured
+            />
+        );
+    }
+
+    return (
+        <React.Fragment>
+            <div className="mx_UserInfo_avatar">
+                <div className="mx_UserInfo_avatar_transition">
+                    <div className="mx_UserInfo_avatar_transition_child">
+                        <MemberAvatar
+                            key={member.userId} // to instantly blank the avatar when UserInfo changes members
+                            member={member as RoomMember}
+                            size="120px"
+                            resizeMethod="scale"
+                            fallbackUserId={member.userId}
+                            onClick={vm.onMemberAvatarClick}
+                            urls={avatarUrl ? [avatarUrl] : undefined}
+                        />
+                    </div>
+                </div>
+            </div>
+
+            <Container className="mx_UserInfo_header">
+                <Flex direction="column" align="center" className="mx_UserInfo_profile">
+                    <Heading size="sm" weight="semibold" as="h1" dir="auto">
+                        <Flex className="mx_UserInfo_profile_name" direction="row-reverse" align="center">
+                            {displayName}
+                        </Flex>
+                    </Heading>
+                    {userStatus && <StatusTextView status={userStatus} />}
+                    {presenceLabel}
+                    {vm.timezoneInfo && (
+                        <Tooltip label={vm.timezoneInfo?.timezone ?? ""}>
+                            <Flex align="center" className="mx_UserInfo_timezone">
+                                <Text size="sm" weight="regular">
+                                    {vm.timezoneInfo?.friendly ?? ""}
+                                </Text>
+                            </Flex>
+                        </Tooltip>
+                    )}
+                    <Text size="sm" weight="semibold" className="mx_UserInfo_profile_mxid">
+                        <CopyableText getTextToCopy={() => vm.userIdentifier} border={false}>
+                            {vm.userIdentifier}
+                        </CopyableText>
+                    </Text>
+                </Flex>
+                {!hideVerificationSection && <UserInfoHeaderVerificationView member={member} devices={devices} />}
+            </Container>
+        </React.Fragment>
+    );
+};
diff --git a/apps/web/src/components/views/right_panel/user_info/UserInfoIgnoreButtonView.tsx b/apps/web/src/components/views/right_panel/user_info/UserInfoIgnoreButtonView.tsx
new file mode 100644
index 00000000000..671b2ce4a7d
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/user_info/UserInfoIgnoreButtonView.tsx
@@ -0,0 +1,30 @@
+/*
+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 RoomMember, type User } from "matrix-js-sdk/src/matrix";
+import React from "react";
+import { MenuItem } from "@vector-im/compound-web";
+import { BlockIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../../languageHandler";
+import { useUserInfoIgnoreButtonViewModel } from "../../../viewmodels/right_panel/user_info/UserInfoIgnoreButtonViewModel";
+
+export const IgnoreToggleButton: React.FC<{
+    member: User | RoomMember;
+}> = ({ member }) => {
+    const vm = useUserInfoIgnoreButtonViewModel(member);
+
+    return (
+        <MenuItem
+            role="button"
+            onSelect={async (ev) => vm.ignoreButtonClick(ev)}
+            label={vm.isIgnored ? _t("user_info|unignore_button") : _t("user_info|ignore_button")}
+            kind="critical"
+            Icon={BlockIcon}
+        />
+    );
+};
diff --git a/apps/web/src/components/views/right_panel/user_info/UserInfoPowerLevels.tsx b/apps/web/src/components/views/right_panel/user_info/UserInfoPowerLevels.tsx
new file mode 100644
index 00000000000..c7c42da559d
--- /dev/null
+++ b/apps/web/src/components/views/right_panel/user_info/UserInfoPowerLevels.tsx
@@ -0,0 +1,53 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React from "react";
+import { type RoomMember, type Room } from "matrix-js-sdk/src/matrix";
+
+import { textualPowerLevel } from "../../../../Roles";
+import PowerSelector from "../../elements/PowerSelector";
+import { type IRoomPermissions } from "../UserInfo";
+import {
+    type UserInfoPowerLevelState,
+    useUserInfoPowerlevelViewModel,
+} from "../../../viewmodels/right_panel/UserInfoPowerlevelViewModel";
+
+export const PowerLevelSection: React.FC<{
+    user: RoomMember;
+    room: Room;
+    roomPermissions: IRoomPermissions;
+}> = ({ user, room, roomPermissions }) => {
+    const vm = useUserInfoPowerlevelViewModel(user, room);
+
+    if (roomPermissions.canEdit) {
+        return <PowerLevelEditor vm={vm} roomPermissions={roomPermissions} />;
+    }
+
+    const powerLevel = user.powerLevel;
+    const role = textualPowerLevel(powerLevel, vm.powerLevelUsersDefault);
+    return (
+        <div className="mx_UserInfo_profileField">
+            <div className="mx_UserInfo_roleDescription">{role}</div>
+        </div>
+    );
+};
+
+export const PowerLevelEditor: React.FC<{
+    vm: UserInfoPowerLevelState;
+    roomPermissions: IRoomPermissions;
+}> = ({ vm, roomPermissions }) => {
+    return (
+        <div className="mx_UserInfo_profileField">
+            <PowerSelector
+                label={undefined}
+                value={vm.selectedPowerLevel}
+                maxValue={roomPermissions.modifyLevelMax}
+                usersDefault={vm.powerLevelUsersDefault}
+                onChange={vm.onPowerChange}
+            />
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/room_settings/AliasSettings.tsx b/apps/web/src/components/views/room_settings/AliasSettings.tsx
new file mode 100644
index 00000000000..0ce0d500b38
--- /dev/null
+++ b/apps/web/src/components/views/room_settings/AliasSettings.tsx
@@ -0,0 +1,455 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 JSX,
+    type ToggleEvent,
+    type ChangeEvent,
+    type ContextType,
+    createRef,
+    type SyntheticEvent,
+} from "react";
+import { type MatrixEvent, EventType } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type RoomCanonicalAliasEventContent } from "matrix-js-sdk/src/types";
+
+import EditableItemList from "../elements/EditableItemList";
+import { _t } from "../../../languageHandler";
+import Field from "../elements/Field";
+import Spinner from "../elements/Spinner";
+import ErrorDialog from "../dialogs/ErrorDialog";
+import AccessibleButton from "../elements/AccessibleButton";
+import Modal from "../../../Modal";
+import RoomPublishSetting from "./RoomPublishSetting";
+import RoomAliasField from "../elements/RoomAliasField";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import SettingsFieldset from "../settings/SettingsFieldset";
+
+interface IEditableAliasesListProps {
+    roomId?: string;
+    domain?: string;
+}
+
+class EditableAliasesList extends EditableItemList<IEditableAliasesListProps> {
+    private aliasField = createRef<RoomAliasField>();
+
+    private onAliasAdded = async (ev: SyntheticEvent): Promise<void> => {
+        ev.preventDefault();
+
+        if (!this.aliasField.current) return;
+        await this.aliasField.current.validate({ allowEmpty: false });
+
+        if (this.aliasField.current.isValid) {
+            if (this.props.onItemAdded) this.props.onItemAdded(this.props.newItem);
+            return;
+        }
+
+        this.aliasField.current.focus();
+        this.aliasField.current.validate({ allowEmpty: false, focused: true });
+    };
+
+    protected renderNewItemField(): JSX.Element {
+        const onChange = (alias: string): void => this.props.onNewItemChanged?.(alias);
+        return (
+            <form
+                onSubmit={this.onAliasAdded}
+                autoComplete="off"
+                noValidate={true}
+                className="mx_EditableItemList_newItem"
+            >
+                <RoomAliasField
+                    ref={this.aliasField}
+                    onChange={onChange}
+                    value={this.props.newItem || ""}
+                    domain={this.props.domain}
+                    roomId={this.props.roomId}
+                />
+                <AccessibleButton onClick={this.onAliasAdded} kind="primary">
+                    {_t("action|add")}
+                </AccessibleButton>
+            </form>
+        );
+    }
+}
+
+interface IProps {
+    roomId: string;
+    canSetCanonicalAlias: boolean;
+    canSetAliases: boolean;
+    canonicalAliasEvent?: MatrixEvent;
+    hidePublishSetting?: boolean;
+}
+
+interface IState {
+    // [ #alias:domain.tld, ... ]
+    altAliases: string[];
+    // [ #alias:my-hs.tld, ... ]
+    localAliases: string[];
+    // #canonical:domain.tld
+    canonicalAlias: string | null;
+    updatingCanonicalAlias: boolean;
+    localAliasesLoading: boolean;
+    detailsOpen: boolean;
+    newAlias?: string;
+    newAltAlias?: string;
+}
+
+export default class AliasSettings extends React.Component<IProps, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: ContextType<typeof MatrixClientContext>;
+
+    public static defaultProps = {
+        canSetAliases: false,
+        canSetCanonicalAlias: false,
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        const state: IState = {
+            altAliases: [],
+            localAliases: [],
+            canonicalAlias: null,
+            updatingCanonicalAlias: false,
+            localAliasesLoading: false,
+            detailsOpen: false,
+        };
+
+        if (props.canonicalAliasEvent) {
+            const content = props.canonicalAliasEvent.getContent();
+            const altAliases = content.alt_aliases;
+            if (Array.isArray(altAliases)) {
+                state.altAliases = altAliases.slice();
+            }
+            state.canonicalAlias = content.alias;
+        }
+
+        this.state = state;
+    }
+
+    public componentDidMount(): void {
+        if (this.props.canSetCanonicalAlias) {
+            // load local aliases for providing recommendations
+            // for the canonical alias and alt_aliases
+            this.loadLocalAliases();
+        }
+    }
+
+    private async loadLocalAliases(): Promise<void> {
+        this.setState({ localAliasesLoading: true });
+        try {
+            const mxClient = this.context;
+
+            let localAliases: string[] = [];
+            const response = await mxClient.getLocalAliases(this.props.roomId);
+            if (Array.isArray(response?.aliases)) {
+                localAliases = response.aliases;
+            }
+            this.setState({ localAliases });
+
+            if (localAliases.length === 0) {
+                this.setState({ detailsOpen: true });
+            }
+        } finally {
+            this.setState({ localAliasesLoading: false });
+        }
+    }
+
+    private changeCanonicalAlias(alias: string | null): void {
+        if (!this.props.canSetCanonicalAlias) return;
+
+        const oldAlias = this.state.canonicalAlias;
+        this.setState({
+            canonicalAlias: alias,
+            updatingCanonicalAlias: true,
+        });
+
+        const eventContent: RoomCanonicalAliasEventContent = {
+            alt_aliases: this.state.altAliases,
+        };
+
+        if (alias) eventContent["alias"] = alias;
+
+        this.context
+            .sendStateEvent(this.props.roomId, EventType.RoomCanonicalAlias, eventContent, "")
+            .catch((err) => {
+                logger.error(err);
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("room_settings|general|error_updating_canonical_alias_title"),
+                    description: _t("room_settings|general|error_updating_canonical_alias_description"),
+                });
+                this.setState({ canonicalAlias: oldAlias });
+            })
+            .finally(() => {
+                this.setState({ updatingCanonicalAlias: false });
+            });
+    }
+
+    private changeAltAliases(altAliases: string[]): void {
+        if (!this.props.canSetCanonicalAlias) return;
+
+        this.setState({
+            updatingCanonicalAlias: true,
+        });
+
+        const eventContent: RoomCanonicalAliasEventContent = {};
+
+        if (this.state.canonicalAlias) {
+            eventContent["alias"] = this.state.canonicalAlias;
+        }
+        if (altAliases) {
+            eventContent["alt_aliases"] = altAliases;
+        }
+
+        this.context
+            .sendStateEvent(this.props.roomId, EventType.RoomCanonicalAlias, eventContent, "")
+            .then(() => {
+                this.setState({
+                    altAliases,
+                });
+            })
+            .catch((err) => {
+                // TODO: Add error handling based upon server validation
+                logger.error(err);
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("room_settings|general|error_updating_canonical_alias_title"),
+                    description: _t("room_settings|general|error_updating_alias_description"),
+                });
+            })
+            .finally(() => {
+                this.setState({ updatingCanonicalAlias: false });
+            });
+    }
+
+    private onNewAliasChanged = (value: string): void => {
+        this.setState({ newAlias: value });
+    };
+
+    private onLocalAliasAdded = (alias?: string): void => {
+        if (!alias || alias.length === 0) return; // ignore attempts to create blank aliases
+
+        const localDomain = this.context.getDomain();
+        if (!alias.includes(":")) alias += ":" + localDomain;
+
+        this.context
+            .createAlias(alias, this.props.roomId)
+            .then(() => {
+                this.setState({
+                    localAliases: this.state.localAliases.concat(alias),
+                    newAlias: undefined,
+                });
+                if (!this.state.canonicalAlias) {
+                    this.changeCanonicalAlias(alias);
+                }
+            })
+            .catch((err) => {
+                logger.error(err);
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("room_settings|general|error_creating_alias_title"),
+                    description: _t("room_settings|general|error_creating_alias_description"),
+                });
+            });
+    };
+
+    private onLocalAliasDeleted = (index: number): void => {
+        const alias = this.state.localAliases[index];
+        // TODO: In future, we should probably be making sure that the alias actually belongs
+        // to this room. See https://github.com/vector-im/element-web/issues/7353
+        this.context
+            .deleteAlias(alias)
+            .then(() => {
+                const localAliases = this.state.localAliases.filter((a) => a !== alias);
+                this.setState({ localAliases });
+
+                if (this.state.canonicalAlias === alias) {
+                    this.changeCanonicalAlias(null);
+                }
+            })
+            .catch((err) => {
+                logger.error(err);
+                let description;
+                if (err.errcode === "M_FORBIDDEN") {
+                    description = _t("room_settings|general|error_deleting_alias_description_forbidden");
+                } else {
+                    description = _t("room_settings|general|error_deleting_alias_description");
+                }
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("room_settings|general|error_deleting_alias_title"),
+                    description,
+                });
+            });
+    };
+
+    private onLocalAliasesToggled = (event: ToggleEvent<HTMLDetailsElement>): void => {
+        // expanded
+        if (event.currentTarget.open) {
+            // if local aliases haven't been preloaded yet at component mount
+            if (!this.props.canSetCanonicalAlias && this.state.localAliases.length === 0) {
+                this.loadLocalAliases();
+            }
+        }
+        this.setState({ detailsOpen: event.currentTarget.open });
+    };
+
+    private onCanonicalAliasChange = (event: ChangeEvent<HTMLSelectElement>): void => {
+        this.changeCanonicalAlias(event.target.value);
+    };
+
+    private onNewAltAliasChanged = (value: string): void => {
+        this.setState({ newAltAlias: value });
+    };
+
+    private onAltAliasAdded = (alias: string): void => {
+        const altAliases = this.state.altAliases.slice();
+        if (!altAliases.some((a) => a.trim() === alias.trim())) {
+            altAliases.push(alias.trim());
+            this.changeAltAliases(altAliases);
+            this.setState({ newAltAlias: "" });
+        }
+    };
+
+    private onAltAliasDeleted = (index: number): void => {
+        const altAliases = this.state.altAliases.slice();
+        altAliases.splice(index, 1);
+        this.changeAltAliases(altAliases);
+    };
+
+    private getAliases(): string[] {
+        return this.state.altAliases.concat(this.getLocalNonAltAliases());
+    }
+
+    private getLocalNonAltAliases(): string[] {
+        const { altAliases } = this.state;
+        return this.state.localAliases.filter((alias) => !altAliases.includes(alias));
+    }
+
+    public render(): React.ReactNode {
+        const mxClient = this.context;
+        const localDomain = mxClient.getDomain()!;
+        const isSpaceRoom = mxClient.getRoom(this.props.roomId)?.isSpaceRoom();
+
+        let found = false;
+        const canonicalValue = this.state.canonicalAlias || "";
+        const canonicalAliasSection = (
+            <Field
+                onChange={this.onCanonicalAliasChange}
+                value={canonicalValue}
+                disabled={this.state.updatingCanonicalAlias || !this.props.canSetCanonicalAlias}
+                element="select"
+                id="canonicalAlias"
+                label={_t("room_settings|general|canonical_alias_field_label")}
+            >
+                <option value="" key="unset">
+                    {_t("room_settings|alias_not_specified")}
+                </option>
+                {this.getAliases().map((alias) => {
+                    if (alias === this.state.canonicalAlias) found = true;
+                    return (
+                        <option value={alias} key={alias}>
+                            {alias}
+                        </option>
+                    );
+                })}
+                {found || !this.state.canonicalAlias ? (
+                    ""
+                ) : (
+                    <option value={this.state.canonicalAlias} key="arbitrary">
+                        {this.state.canonicalAlias}
+                    </option>
+                )}
+            </Field>
+        );
+
+        let localAliasesList: JSX.Element;
+        if (this.state.localAliasesLoading) {
+            localAliasesList = <Spinner />;
+        } else {
+            localAliasesList = (
+                <EditableAliasesList
+                    id="roomAliases"
+                    items={this.state.localAliases}
+                    newItem={this.state.newAlias}
+                    onNewItemChanged={this.onNewAliasChanged}
+                    canRemove={this.props.canSetAliases}
+                    canEdit={this.props.canSetAliases}
+                    onItemAdded={this.onLocalAliasAdded}
+                    onItemRemoved={this.onLocalAliasDeleted}
+                    noItemsLabel={
+                        isSpaceRoom
+                            ? _t("room_settings|general|no_aliases_space")
+                            : _t("room_settings|general|no_aliases_room")
+                    }
+                    placeholder={_t("room_settings|general|local_alias_field_label")}
+                    domain={localDomain}
+                />
+            );
+        }
+
+        return (
+            <>
+                <SettingsFieldset
+                    data-testid="published-address-fieldset"
+                    legend={_t("room_settings|general|published_aliases_section")}
+                    description={
+                        <>
+                            {isSpaceRoom
+                                ? _t("room_settings|general|published_aliases_explainer_space")
+                                : _t("room_settings|general|published_aliases_explainer_room")}
+                            &nbsp;
+                            {_t("room_settings|general|published_aliases_description")}
+                        </>
+                    }
+                >
+                    {canonicalAliasSection}
+                    {this.props.hidePublishSetting ? null : (
+                        <RoomPublishSetting
+                            roomId={this.props.roomId}
+                            canSetCanonicalAlias={this.props.canSetCanonicalAlias}
+                        />
+                    )}
+                    <datalist id="mx_AliasSettings_altRecommendations">
+                        {this.getLocalNonAltAliases().map((alias) => {
+                            return <option value={alias} key={alias} aria-label={alias} />;
+                        })}
+                    </datalist>
+                    <EditableAliasesList
+                        id="roomAltAliases"
+                        items={this.state.altAliases}
+                        newItem={this.state.newAltAlias}
+                        onNewItemChanged={this.onNewAltAliasChanged}
+                        canRemove={this.props.canSetCanonicalAlias}
+                        canEdit={this.props.canSetCanonicalAlias}
+                        onItemAdded={this.onAltAliasAdded}
+                        onItemRemoved={this.onAltAliasDeleted}
+                        suggestionsListId="mx_AliasSettings_altRecommendations"
+                        itemsLabel={_t("room_settings|general|aliases_items_label")}
+                        noItemsLabel={_t("room_settings|general|aliases_no_items_label")}
+                        placeholder={_t("room_settings|general|new_alias_placeholder")}
+                        roomId={this.props.roomId}
+                    />
+                </SettingsFieldset>
+                <SettingsFieldset
+                    data-testid="local-address-fieldset"
+                    legend={_t("room_settings|general|local_aliases_section")}
+                    description={
+                        isSpaceRoom
+                            ? _t("room_settings|general|local_aliases_explainer_space", { localDomain })
+                            : _t("room_settings|general|local_aliases_explainer_room", { localDomain })
+                    }
+                >
+                    <details onToggle={this.onLocalAliasesToggled} open={this.state.detailsOpen}>
+                        <summary className="mx_AliasSettings_localAddresses">
+                            {this.state.detailsOpen ? _t("room_list|show_less") : _t("common|show_more")}
+                        </summary>
+                        {localAliasesList}
+                    </details>
+                </SettingsFieldset>
+            </>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/room_settings/RoomProfileSettings.tsx b/apps/web/src/components/views/room_settings/RoomProfileSettings.tsx
new file mode 100644
index 00000000000..ea727122b2d
--- /dev/null
+++ b/apps/web/src/components/views/room_settings/RoomProfileSettings.tsx
@@ -0,0 +1,277 @@
+/*
+Copyright 2019-2024 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, { createRef } from "react";
+import classNames from "classnames";
+import { ContentHelpers, EventType, type Room } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../languageHandler";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import Field from "../elements/Field";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+import AvatarSetting from "../settings/AvatarSetting";
+import { htmlSerializeFromMdIfNeeded } from "../../../editor/serialize";
+import DMRoomMap from "../../../utils/DMRoomMap";
+import { LocalRoom } from "../../../models/LocalRoom";
+
+interface IProps {
+    roomId: string;
+}
+
+interface IState {
+    originalDisplayName: string;
+    displayName: string;
+    originalAvatarUrl: string | null;
+    avatarFile: File | null;
+    // If true, the user has indicated that they wish to remove the avatar and this should happen on save.
+    avatarRemovalPending: boolean;
+    originalTopic: string;
+    topic: string;
+    profileFieldsTouched: Record<string, boolean>;
+    canSetName: boolean;
+    canSetTopic: boolean;
+    canSetAvatar: boolean;
+}
+
+function idNameForRoom(room: Room): string {
+    const dmMapUserId = DMRoomMap.shared().getUserIdForRoomId(room.roomId);
+    // If the room is a DM, we use the other user's ID for the color hash
+    // in order to match the room avatar with their avatar
+    if (dmMapUserId) return dmMapUserId;
+
+    if (room instanceof LocalRoom && room.targets.length === 1) {
+        return room.targets[0].userId;
+    }
+
+    return room.roomId;
+}
+
+// TODO: Merge with ProfileSettings?
+export default class RoomProfileSettings extends React.Component<IProps, IState> {
+    private avatarUpload = createRef<HTMLInputElement>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        const client = MatrixClientPeg.safeGet();
+        const room = client.getRoom(props.roomId);
+        if (!room) throw new Error(`Expected a room for ID: ${props.roomId}`);
+
+        const avatarEvent = room.currentState.getStateEvents(EventType.RoomAvatar, "");
+        const avatarUrl = avatarEvent?.getContent()["url"] ?? null;
+
+        const topicEvent = room.currentState.getStateEvents(EventType.RoomTopic, "");
+        const topic = (topicEvent && ContentHelpers.parseTopicContent(topicEvent.getContent()).text) || "";
+
+        const nameEvent = room.currentState.getStateEvents(EventType.RoomName, "");
+        const name = nameEvent && nameEvent.getContent() ? nameEvent.getContent()["name"] : "";
+
+        const userId = client.getSafeUserId();
+        this.state = {
+            originalDisplayName: name,
+            displayName: name,
+            originalAvatarUrl: avatarUrl,
+            avatarFile: null,
+            avatarRemovalPending: false,
+            originalTopic: topic,
+            topic: topic,
+            profileFieldsTouched: {},
+            canSetName: room.currentState.maySendStateEvent(EventType.RoomName, userId),
+            canSetTopic: room.currentState.maySendStateEvent(EventType.RoomTopic, userId),
+            canSetAvatar: room.currentState.maySendStateEvent(EventType.RoomAvatar, userId),
+        };
+    }
+
+    private onAvatarChanged = (file: File): void => {
+        this.setState({
+            avatarFile: file,
+            avatarRemovalPending: false,
+            profileFieldsTouched: {
+                ...this.state.profileFieldsTouched,
+                avatar: true,
+            },
+        });
+    };
+
+    private removeAvatar = (): void => {
+        // clear file upload field so same file can be selected
+        if (this.avatarUpload.current) this.avatarUpload.current.value = "";
+        this.setState({
+            avatarFile: null,
+            avatarRemovalPending: true,
+            profileFieldsTouched: {
+                ...this.state.profileFieldsTouched,
+                avatar: true,
+            },
+        });
+    };
+
+    private isSaveEnabled = (): boolean => {
+        return Boolean(Object.values(this.state.profileFieldsTouched).length);
+    };
+
+    private cancelProfileChanges = async (e: ButtonEvent): Promise<void> => {
+        e.stopPropagation();
+        e.preventDefault();
+
+        if (!this.isSaveEnabled()) return;
+        this.setState({
+            profileFieldsTouched: {},
+            displayName: this.state.originalDisplayName,
+            topic: this.state.originalTopic,
+            avatarFile: null,
+            avatarRemovalPending: false,
+        });
+    };
+
+    private saveProfile = async (e: React.FormEvent): Promise<void> => {
+        e.stopPropagation();
+        e.preventDefault();
+
+        if (!this.isSaveEnabled()) return;
+        this.setState({ profileFieldsTouched: {} });
+
+        const client = MatrixClientPeg.safeGet();
+        const newState: Partial<IState> = {};
+
+        // TODO: What do we do about errors?
+        const displayName = this.state.displayName.trim();
+        if (this.state.originalDisplayName !== this.state.displayName) {
+            await client.setRoomName(this.props.roomId, displayName);
+            newState.originalDisplayName = displayName;
+            newState.displayName = displayName;
+        }
+
+        if (this.state.avatarFile) {
+            const { content_uri: uri } = await client.uploadContent(this.state.avatarFile);
+            await client.sendStateEvent(this.props.roomId, EventType.RoomAvatar, { url: uri }, "");
+            newState.originalAvatarUrl = uri;
+            newState.avatarFile = null;
+        } else if (this.state.avatarRemovalPending) {
+            await client.sendStateEvent(this.props.roomId, EventType.RoomAvatar, {}, "");
+            newState.avatarRemovalPending = false;
+            newState.originalAvatarUrl = null;
+        }
+
+        if (this.state.originalTopic !== this.state.topic) {
+            const html = htmlSerializeFromMdIfNeeded(this.state.topic, { forceHTML: false });
+            // XXX: Note that we deliberately send an empty string on an empty topic rather
+            // than a clearer `undefined` value. Synapse still requires a string in a topic.
+            await client.setRoomTopic(this.props.roomId, this.state.topic, html);
+            newState.originalTopic = this.state.topic;
+        }
+
+        this.setState(newState as IState);
+    };
+
+    private onDisplayNameChanged = (e: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ displayName: e.target.value });
+        if (this.state.originalDisplayName === e.target.value) {
+            this.setState({
+                profileFieldsTouched: {
+                    ...this.state.profileFieldsTouched,
+                    name: false,
+                },
+            });
+        } else {
+            this.setState({
+                profileFieldsTouched: {
+                    ...this.state.profileFieldsTouched,
+                    name: true,
+                },
+            });
+        }
+    };
+
+    private onTopicChanged = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {
+        this.setState({ topic: e.target.value });
+        if (this.state.originalTopic === e.target.value) {
+            this.setState({
+                profileFieldsTouched: {
+                    ...this.state.profileFieldsTouched,
+                    topic: false,
+                },
+            });
+        } else {
+            this.setState({
+                profileFieldsTouched: {
+                    ...this.state.profileFieldsTouched,
+                    topic: true,
+                },
+            });
+        }
+    };
+
+    public render(): React.ReactNode {
+        let profileSettingsButtons;
+        if (this.state.canSetName || this.state.canSetTopic || this.state.canSetAvatar) {
+            profileSettingsButtons = (
+                <div className="mx_RoomProfileSettings_buttons">
+                    <AccessibleButton
+                        onClick={this.cancelProfileChanges}
+                        kind="primary_outline"
+                        disabled={!this.isSaveEnabled()}
+                    >
+                        {_t("action|cancel")}
+                    </AccessibleButton>
+                    <AccessibleButton onClick={this.saveProfile} kind="primary" disabled={!this.isSaveEnabled()}>
+                        {_t("action|save")}
+                    </AccessibleButton>
+                </div>
+            );
+        }
+
+        const canRemove = this.state.profileFieldsTouched.avatar
+            ? Boolean(this.state.avatarFile)
+            : Boolean(this.state.originalAvatarUrl);
+
+        return (
+            <form onSubmit={this.saveProfile} autoComplete="off" noValidate={true} className="mx_RoomProfileSettings">
+                <div className="mx_RoomProfileSettings_profile">
+                    <div className="mx_RoomProfileSettings_profile_controls">
+                        <Field
+                            label={_t("room_settings|general|name_field_label")}
+                            type="text"
+                            value={this.state.displayName}
+                            autoComplete="off"
+                            onChange={this.onDisplayNameChanged}
+                            disabled={!this.state.canSetName}
+                        />
+                        <Field
+                            className={classNames(
+                                "mx_RoomProfileSettings_profile_controls_topic",
+                                "mx_RoomProfileSettings_profile_controls_topic--room",
+                            )}
+                            id="profileTopic" // See: NewRoomIntro.tsx
+                            label={_t("room_settings|general|topic_field_label")}
+                            disabled={!this.state.canSetTopic}
+                            type="text"
+                            value={this.state.topic}
+                            autoComplete="off"
+                            onChange={this.onTopicChanged}
+                            element="textarea"
+                        />
+                    </div>
+                    <AvatarSetting
+                        avatar={
+                            this.state.avatarRemovalPending
+                                ? undefined
+                                : (this.state.avatarFile ?? this.state.originalAvatarUrl ?? undefined)
+                        }
+                        avatarAccessibleName={_t("room_settings|general|avatar_field_label")}
+                        disabled={!this.state.canSetAvatar}
+                        onChange={this.onAvatarChanged}
+                        removeAvatar={canRemove ? this.removeAvatar : undefined}
+                        placeholderId={idNameForRoom(MatrixClientPeg.safeGet().getRoom(this.props.roomId)!)}
+                        placeholderName={MatrixClientPeg.safeGet().getRoom(this.props.roomId)!.name}
+                    />
+                </div>
+                {profileSettingsButtons}
+            </form>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/room_settings/RoomPublishSetting.tsx b/apps/web/src/components/views/room_settings/RoomPublishSetting.tsx
new file mode 100644
index 00000000000..06afae6d777
--- /dev/null
+++ b/apps/web/src/components/views/room_settings/RoomPublishSetting.tsx
@@ -0,0 +1,107 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 ChangeEventHandler } from "react";
+import { JoinRule, Visibility } from "matrix-js-sdk/src/matrix";
+import { Form, SettingsToggleInput } from "@vector-im/compound-web";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../languageHandler";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import DirectoryCustomisations from "../../../customisations/Directory";
+import Modal from "../../../Modal";
+import ErrorDialog from "../dialogs/ErrorDialog";
+import { onSubmitPreventDefault } from "../../../utils/form.ts";
+
+interface IProps {
+    roomId: string;
+    canSetCanonicalAlias?: boolean;
+}
+
+interface IState {
+    isRoomPublished: boolean;
+    busy: boolean;
+}
+
+export default class RoomPublishSetting extends React.PureComponent<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            isRoomPublished: false,
+            busy: false,
+        };
+    }
+
+    private showError(): void {
+        Modal.createDialog(ErrorDialog, {
+            title: _t("room_settings|general|error_publishing"),
+            description: _t("room_settings|general|error_publishing_detail"),
+        });
+    }
+
+    private onRoomPublishChange: ChangeEventHandler<HTMLInputElement> = async (evt): Promise<void> => {
+        const newValue = evt.target.checked;
+        this.setState({ busy: true });
+        const client = MatrixClientPeg.safeGet();
+
+        try {
+            await client.setRoomDirectoryVisibility(
+                this.props.roomId,
+                newValue ? Visibility.Public : Visibility.Private,
+            );
+            this.setState({ isRoomPublished: newValue });
+        } catch (ex) {
+            logger.error("Error while setting room directory visibility", ex);
+            this.showError();
+        } finally {
+            this.setState({ busy: false });
+        }
+    };
+
+    public componentDidMount(): void {
+        const client = MatrixClientPeg.safeGet();
+        client.getRoomDirectoryVisibility(this.props.roomId).then((result) => {
+            this.setState({ isRoomPublished: result.visibility === "public" });
+        });
+    }
+
+    public render(): React.ReactNode {
+        const client = MatrixClientPeg.safeGet();
+
+        const room = client.getRoom(this.props.roomId);
+        const isRoomPublishable = room && room.getJoinRule() !== JoinRule.Invite;
+        const canSetCanonicalAlias =
+            DirectoryCustomisations.requireCanonicalAliasAccessToPublish?.() === false ||
+            this.props.canSetCanonicalAlias;
+
+        let disabledMessage;
+        if (!isRoomPublishable) {
+            disabledMessage = _t("room_settings|general|publish_warn_invite_only");
+        } else if (!canSetCanonicalAlias) {
+            disabledMessage = _t("room_settings|general|publish_warn_no_canonical_permission");
+        }
+
+        const enabled = canSetCanonicalAlias && (isRoomPublishable || this.state.isRoomPublished);
+
+        return (
+            <Form.Root onSubmit={onSubmitPreventDefault}>
+                <SettingsToggleInput
+                    name="room-publish"
+                    checked={this.state.isRoomPublished}
+                    onChange={this.onRoomPublishChange}
+                    disabled={!enabled || this.state.busy}
+                    disabledMessage={disabledMessage}
+                    label={_t("room_settings|general|publish_toggle", {
+                        domain: client.getDomain(),
+                    })}
+                />
+            </Form.Root>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/AppsDrawer.tsx b/apps/web/src/components/views/rooms/AppsDrawer.tsx
new file mode 100644
index 00000000000..492268b100c
--- /dev/null
+++ b/apps/web/src/components/views/rooms/AppsDrawer.tsx
@@ -0,0 +1,368 @@
+/*
+Copyright 2018-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.
+*/
+
+import React, { type AriaRole, useContext } from "react";
+import classNames from "classnames";
+import { Resizable } from "re-resizable";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { type IWidget } from "matrix-widget-api";
+import { clamp, percentageOf, percentageWithin } from "@element-hq/web-shared-components";
+
+import AppTile from "../elements/AppTile";
+import dis from "../../../dispatcher/dispatcher";
+import * as ScalarMessaging from "../../../ScalarMessaging";
+import WidgetUtils from "../../../utils/WidgetUtils";
+import WidgetEchoStore from "../../../stores/WidgetEchoStore";
+import type ResizeNotifier from "../../../utils/ResizeNotifier";
+import ResizeHandle from "../elements/ResizeHandle";
+import Resizer, { type IConfig } from "../../../resizer/resizer";
+import PercentageDistributor from "../../../resizer/distributors/percentage";
+import { WidgetLayoutStore } from "../../../stores/widgets/WidgetLayoutStore";
+import UIStore from "../../../stores/UIStore";
+import { type ActionPayload } from "../../../dispatcher/payloads";
+import Spinner from "../elements/Spinner";
+import SdkConfig from "../../../SdkConfig";
+import { SDKContext } from "../../../contexts/SDKContext";
+
+interface IProps {
+    userId: string;
+    room: Room;
+    showApps?: boolean; // Should apps be rendered
+    maxHeight: number;
+    role?: AriaRole;
+}
+
+interface IState {
+    apps: {
+        ["top"]: IWidget[];
+        ["center"]: IWidget[];
+        ["right"]?: IWidget[];
+    };
+    resizingVertical: boolean; // true when changing the height of the apps drawer
+    resizingHorizontal: boolean; // true when changing the distribution of the width between widgets
+    resizing: boolean;
+}
+
+export default class AppsDrawer extends React.Component<IProps, IState> {
+    private unmounted = false;
+    private resizeContainer?: HTMLDivElement;
+    private resizer: Resizer<IConfig>;
+    private dispatcherRef?: string;
+    public static defaultProps: Partial<IProps> = {
+        showApps: true,
+    };
+
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    public constructor(props: IProps, context: React.ContextType<typeof SDKContext>) {
+        super(props, context);
+
+        this.state = {
+            apps: this.getApps(),
+            resizingVertical: false,
+            resizingHorizontal: false,
+            resizing: false,
+        };
+
+        this.resizer = this.createResizer();
+    }
+
+    public componentDidMount(): void {
+        this.unmounted = false;
+
+        this.context.resizeNotifier.on("isResizing", this.onIsResizing);
+
+        ScalarMessaging.startListening();
+        this.context.widgetLayoutStore.on(WidgetLayoutStore.emissionForRoom(this.props.room), this.updateApps);
+        this.dispatcherRef = dis.register(this.onAction);
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+        ScalarMessaging.stopListening();
+        this.context.widgetLayoutStore.off(WidgetLayoutStore.emissionForRoom(this.props.room), this.updateApps);
+        dis.unregister(this.dispatcherRef);
+        if (this.resizeContainer) {
+            this.resizer.detach();
+        }
+        this.context.resizeNotifier.off("isResizing", this.onIsResizing);
+    }
+
+    private onIsResizing = (resizing: boolean): void => {
+        // This one is the vertical, ie. change height of apps drawer
+        this.setState({ resizingVertical: resizing });
+        if (!resizing) {
+            this.relaxResizer();
+        }
+    };
+
+    private createResizer(): Resizer<IConfig> {
+        // This is the horizontal one, changing the distribution of the width between the app tiles
+        // (ie. a vertical resize handle because, the handle itself is vertical...)
+        const classNames = {
+            handle: "mx_ResizeHandle",
+            vertical: "mx_ResizeHandle--vertical",
+            reverse: "mx_ResizeHandle_reverse",
+        };
+        const collapseConfig = {
+            onResizeStart: () => {
+                this.resizeContainer?.classList.add("mx_AppsDrawer--resizing");
+                this.setState({ resizingHorizontal: true });
+            },
+            onResizeStop: () => {
+                this.resizeContainer?.classList.remove("mx_AppsDrawer--resizing");
+                this.context.widgetLayoutStore.setResizerDistributions(
+                    this.props.room,
+                    "top",
+                    this.topApps()
+                        .slice(1)
+                        .map((_, i) => this.resizer.forHandleAt(i)!.size),
+                );
+                this.setState({ resizingHorizontal: false });
+            },
+        };
+        // pass a truthy container for now, we won't call attach until we update it
+        const resizer = new Resizer(null, PercentageDistributor, collapseConfig);
+        resizer.setClassNames(classNames);
+        return resizer;
+    }
+
+    private collectResizer = (ref: HTMLDivElement): void => {
+        if (this.resizeContainer) {
+            this.resizer.detach();
+        }
+
+        if (ref) {
+            this.resizer.container = ref;
+            this.resizer.attach();
+        }
+        this.resizeContainer = ref;
+        this.loadResizerPreferences();
+    };
+
+    private getAppsHash = (apps: IWidget[]): string => apps.map((app) => app.id).join("~");
+
+    public componentDidUpdate(prevProps: IProps, prevState: IState): void {
+        if (prevProps.userId !== this.props.userId || prevProps.room !== this.props.room) {
+            // Room has changed, update apps
+            this.updateApps();
+        } else if (this.getAppsHash(this.topApps()) !== this.getAppsHash(prevState.apps["top"])) {
+            this.loadResizerPreferences();
+        }
+    }
+
+    private relaxResizer = (): void => {
+        const distributors = this.resizer.getDistributors();
+
+        // relax all items if they had any overconstrained flexboxes
+        distributors.forEach((d) => d.start());
+        distributors.forEach((d) => d.finish());
+    };
+
+    private loadResizerPreferences = (): void => {
+        const distributions = this.context.widgetLayoutStore.getResizerDistributions(this.props.room, "top");
+        if (this.state.apps && this.topApps().length - 1 === distributions.length) {
+            distributions.forEach((size, i) => {
+                const distributor = this.resizer.forHandleAt(i);
+                if (distributor) {
+                    distributor.size = size;
+                    distributor.finish();
+                }
+            });
+        } else if (this.state.apps) {
+            const distributors = this.resizer.getDistributors();
+            distributors.forEach((d) => d.item.clearSize());
+            distributors.forEach((d) => d.start());
+            distributors.forEach((d) => d.finish());
+        }
+    };
+
+    private isResizing(): boolean {
+        return this.state.resizingVertical || this.state.resizingHorizontal;
+    }
+
+    private onAction = (action: ActionPayload): void => {
+        const hideWidgetKey = this.props.room.roomId + "_hide_widget_drawer";
+        switch (action.action) {
+            case "appsDrawer":
+                // Note: these booleans are awkward because localstorage is fundamentally
+                // string-based. We also do exact equality on the strings later on.
+                if (action.show) {
+                    localStorage.setItem(hideWidgetKey, "false");
+                } else {
+                    // Store hidden state of widget
+                    // Don't show if previously hidden
+                    localStorage.setItem(hideWidgetKey, "true");
+                }
+
+                break;
+        }
+    };
+
+    private getApps = (): IState["apps"] => ({
+        ["top"]: this.context.widgetLayoutStore.getContainerWidgets(this.props.room, "top"),
+        ["center"]: this.context.widgetLayoutStore.getContainerWidgets(this.props.room, "center"),
+    });
+    private topApps = (): IWidget[] => this.state.apps["top"];
+    private centerApps = (): IWidget[] => this.state.apps["center"];
+
+    private updateApps = (): void => {
+        if (this.unmounted) return;
+        this.setState({
+            apps: this.getApps(),
+        });
+    };
+
+    public render(): React.ReactNode {
+        if (!this.props.showApps) return <div />;
+        const widgetIsMaxmised: boolean = this.centerApps().length > 0;
+        const appsToDisplay = widgetIsMaxmised ? this.centerApps() : this.topApps();
+        const apps = appsToDisplay.map((app, index, arr) => {
+            return (
+                <AppTile
+                    key={app.id}
+                    app={app}
+                    fullWidth={arr.length < 2}
+                    room={this.props.room}
+                    userId={this.props.userId}
+                    creatorUserId={app.creatorUserId}
+                    widgetPageTitle={WidgetUtils.getWidgetDataTitle(app)}
+                    waitForIframeLoad={app.waitForIframeLoad}
+                    pointerEvents={this.isResizing() ? "none" : undefined}
+                />
+            );
+        });
+
+        if (apps.length === 0) {
+            return <div />;
+        }
+
+        let spinner;
+        if (
+            apps.length === 0 &&
+            WidgetEchoStore.roomHasPendingWidgets(this.props.room.roomId, WidgetUtils.getRoomWidgets(this.props.room))
+        ) {
+            spinner = <Spinner />;
+        }
+
+        const classes = classNames({
+            "mx_AppsDrawer": true,
+            "mx_AppsDrawer--maximised": widgetIsMaxmised,
+            "mx_AppsDrawer--resizing": this.state.resizing,
+            "mx_AppsDrawer--2apps": apps.length === 2,
+            "mx_AppsDrawer--3apps": apps.length === 3,
+        });
+        const appContainers = (
+            <div className="mx_AppsContainer" ref={this.collectResizer}>
+                {apps.map((app, i) => {
+                    if (i < 1) return app;
+                    return (
+                        <React.Fragment key={app.key}>
+                            <ResizeHandle reverse={i > apps.length / 2} />
+                            {app}
+                        </React.Fragment>
+                    );
+                })}
+            </div>
+        );
+
+        let drawer;
+        if (widgetIsMaxmised) {
+            drawer = appContainers;
+        } else {
+            drawer = (
+                <PersistentVResizer
+                    room={this.props.room}
+                    minHeight={100}
+                    maxHeight={this.props.maxHeight - 50}
+                    className="mx_AppsDrawer_resizer"
+                    handleWrapperClass="mx_AppsDrawer_resizer_container"
+                    handleClass="mx_AppsDrawer_resizer_container_handle"
+                    resizeNotifier={this.context.resizeNotifier}
+                >
+                    {appContainers}
+                </PersistentVResizer>
+            );
+        }
+
+        return (
+            <div role={this.props.role} className={classes}>
+                {drawer}
+                {spinner}
+            </div>
+        );
+    }
+}
+
+interface IPersistentResizerProps {
+    room: Room;
+    minHeight: number;
+    maxHeight: number;
+    className: string;
+    handleWrapperClass: string;
+    handleClass: string;
+    resizeNotifier: ResizeNotifier;
+    children: React.ReactNode;
+}
+
+const PersistentVResizer: React.FC<IPersistentResizerProps> = ({
+    room,
+    minHeight,
+    maxHeight,
+    className,
+    handleWrapperClass,
+    handleClass,
+    resizeNotifier,
+    children,
+}) => {
+    const sdkContext = useContext(SDKContext);
+    let defaultHeight = sdkContext.widgetLayoutStore.getContainerHeight(room, "top");
+
+    // Arbitrary defaults to avoid NaN problems. 100 px or 3/4 of the visible window.
+    if (!minHeight) minHeight = 100;
+    if (!maxHeight) maxHeight = (UIStore.instance.windowHeight / 4) * 3;
+
+    // Convert from percentage to height. Note that the default height is 280px.
+    if (defaultHeight) {
+        defaultHeight = clamp(defaultHeight, 0, 100);
+        defaultHeight = percentageWithin(defaultHeight / 100, minHeight, maxHeight);
+    } else {
+        defaultHeight = SdkConfig.get().default_widget_container_height ?? 280;
+    }
+
+    return (
+        <Resizable
+            // types do not support undefined height/width
+            // but resizable code checks specifically for undefined on Size prop
+            size={{ height: Math.min(defaultHeight, maxHeight), width: undefined }}
+            minHeight={minHeight}
+            maxHeight={maxHeight}
+            onResizeStart={() => {
+                resizeNotifier.startResizing();
+            }}
+            onResize={() => {
+                resizeNotifier.notifyTimelineHeightChanged();
+            }}
+            onResizeStop={(e, dir, ref, d) => {
+                let newHeight = defaultHeight + d.height;
+                newHeight = percentageOf(newHeight, minHeight, maxHeight) * 100;
+
+                sdkContext.widgetLayoutStore.setContainerHeight(room, "top", newHeight);
+
+                resizeNotifier.stopResizing();
+            }}
+            className={className}
+            handleWrapperClass={handleWrapperClass}
+            handleClasses={{ bottom: handleClass }}
+            enable={{ bottom: true }}
+        >
+            {children}
+        </Resizable>
+    );
+};
diff --git a/apps/web/src/components/views/rooms/Autocomplete.tsx b/apps/web/src/components/views/rooms/Autocomplete.tsx
new file mode 100644
index 00000000000..3db8c540e07
--- /dev/null
+++ b/apps/web/src/components/views/rooms/Autocomplete.tsx
@@ -0,0 +1,335 @@
+/*
+Copyright 2017-2024 New Vector Ltd.
+Copyright 2016 Aviral Dasgupta
+
+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, { createRef, type RefObject } from "react";
+import classNames from "classnames";
+import { flatMap } from "lodash";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import Autocompleter, {
+    type ICompletion,
+    type ISelectionRange,
+    type IProviderCompletions,
+} from "../../../autocomplete/Autocompleter";
+import SettingsStore from "../../../settings/SettingsStore";
+import RoomContext from "../../../contexts/RoomContext";
+
+const MAX_PROVIDER_MATCHES = 20;
+
+export const generateCompletionDomId = (n: number): string => `mx_Autocomplete_Completion_${n}`;
+
+interface IProps {
+    // the query string for which to show autocomplete suggestions
+    query: string;
+    // method invoked with range and text content when completion is confirmed
+    onConfirm: (completion: ICompletion) => void;
+    // method invoked when selected (if any) completion changes
+    onSelectionChange?: (partIndex: number) => void;
+    selection: ISelectionRange;
+    // The room in which we're autocompleting
+    room: Room;
+}
+
+interface IState {
+    completions: IProviderCompletions[];
+    completionList: ICompletion[];
+    selectionOffset: number;
+    shouldShowCompletions: boolean;
+    hide: boolean;
+    forceComplete: boolean;
+}
+
+export default class Autocomplete extends React.PureComponent<IProps, IState> {
+    public autocompleter?: Autocompleter;
+    public queryRequested?: string;
+    public debounceCompletionsRequest?: number;
+    private containerRef = createRef<HTMLDivElement>();
+    private completionRefs: Record<string, RefObject<HTMLElement | null>> = {};
+
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            // list of completionResults, each containing completions
+            completions: [],
+
+            // array of completions, so we can look up current selection by offset quickly
+            completionList: [],
+
+            // how far down the completion list we are (THIS IS 1-INDEXED!)
+            selectionOffset: 1,
+
+            // whether we should show completions if they're available
+            shouldShowCompletions: true,
+
+            hide: false,
+
+            forceComplete: false,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.autocompleter = new Autocompleter(this.props.room, this.context.timelineRenderingType);
+        this.applyNewProps();
+    }
+
+    private applyNewProps(oldQuery?: string, oldRoom?: Room): void {
+        if (oldRoom && this.props.room.roomId !== oldRoom.roomId) {
+            this.autocompleter?.destroy();
+            this.autocompleter = new Autocompleter(this.props.room);
+        }
+
+        // Query hasn't changed so don't try to complete it
+        if (oldQuery === this.props.query) {
+            return;
+        }
+
+        this.complete(this.props.query, this.props.selection);
+    }
+
+    public componentWillUnmount(): void {
+        this.autocompleter?.destroy();
+    }
+
+    private complete(query: string, selection: ISelectionRange): Promise<void> {
+        this.queryRequested = query;
+        if (this.debounceCompletionsRequest) {
+            clearTimeout(this.debounceCompletionsRequest);
+        }
+        if (query === "") {
+            this.setState({
+                // Clear displayed completions
+                completions: [],
+                completionList: [],
+                // Reset selected completion
+                selectionOffset: 1,
+                // Hide the autocomplete box
+                hide: true,
+            });
+            return Promise.resolve();
+        }
+        let autocompleteDelay = SettingsStore.getValue("autocompleteDelay");
+
+        // Don't debounce if we are already showing completions
+        if (this.state.completions.length > 0 || this.state.forceComplete) {
+            autocompleteDelay = 0;
+        }
+
+        return new Promise((resolve) => {
+            this.debounceCompletionsRequest = window.setTimeout(() => {
+                resolve(this.processQuery(query, selection));
+            }, autocompleteDelay);
+        });
+    }
+
+    private async processQuery(query: string, selection: ISelectionRange): Promise<void> {
+        if (!this.autocompleter) return;
+        const completions = await this.autocompleter.getCompletions(
+            query,
+            selection,
+            this.state.forceComplete,
+            MAX_PROVIDER_MATCHES,
+        );
+        // Only ever process the completions for the most recent query being processed
+        if (query !== this.queryRequested) {
+            return;
+        }
+        await this.processCompletions(completions);
+    }
+
+    private async processCompletions(completions: IProviderCompletions[]): Promise<void> {
+        const completionList = flatMap(completions, (provider) => provider.completions);
+
+        // Reset selection when completion list becomes empty.
+        let selectionOffset = 1;
+        if (completionList.length > 0) {
+            /* If the currently selected completion is still in the completion list,
+             try to find it and jump to it. If not, select composer.
+             */
+            const currentSelection =
+                this.state.selectionOffset <= 1
+                    ? null
+                    : this.state.completionList[this.state.selectionOffset - 1].completion;
+            selectionOffset = completionList.findIndex((completion) => completion.completion === currentSelection);
+            if (selectionOffset === -1) {
+                selectionOffset = 1;
+            } else {
+                selectionOffset++; // selectionOffset is 1-indexed!
+            }
+        }
+
+        let hide = true;
+        // If `completion.command.command` is truthy, then a provider has matched with the query
+        const anyMatches = completions.some((completion) => !!completion.command.command);
+        if (anyMatches) {
+            hide = false;
+            if (this.props.onSelectionChange) {
+                this.props.onSelectionChange(selectionOffset - 1);
+            }
+        }
+
+        const deferred = Promise.withResolvers<void>();
+        this.setState(
+            {
+                completions,
+                completionList,
+                selectionOffset,
+                hide,
+                // Force complete is turned off each time since we can't edit the query in that case
+                forceComplete: false,
+            },
+            deferred.resolve,
+        );
+        await deferred.promise;
+    }
+
+    public hasSelection(): boolean {
+        return this.countCompletions() > 0 && this.state.selectionOffset !== 0;
+    }
+
+    public countCompletions(): number {
+        return this.state.completionList.length;
+    }
+
+    // called from MessageComposerInput
+    public moveSelection(delta: number): void {
+        const completionCount = this.countCompletions();
+        if (completionCount === 0) return; // there are no items to move the selection through
+
+        // Note: selectionOffset 0 represents the unsubstituted text, while 1 means first pill selected
+        const index = (this.state.selectionOffset + delta + completionCount - 1) % completionCount;
+        this.setSelection(1 + index);
+    }
+
+    public onEscape(e: KeyboardEvent | React.KeyboardEvent): boolean | undefined {
+        const completionCount = this.countCompletions();
+        if (completionCount === 0) {
+            // autocomplete is already empty, so don't preventDefault
+            return;
+        }
+
+        e.preventDefault();
+
+        // selectionOffset = 0, so we don't end up completing when autocomplete is hidden
+        this.hide();
+    }
+
+    private hide = (): void => {
+        this.setState({
+            hide: true,
+            selectionOffset: 1,
+            completions: [],
+            completionList: [],
+        });
+    };
+
+    public forceComplete(): Promise<number> {
+        return new Promise((resolve) => {
+            this.setState(
+                {
+                    forceComplete: true,
+                    hide: false,
+                },
+                () => {
+                    this.complete(this.props.query, this.props.selection).then(() => {
+                        resolve(this.countCompletions());
+                    });
+                },
+            );
+        });
+    }
+
+    public onConfirmCompletion = (): void => {
+        this.onCompletionClicked(this.state.selectionOffset);
+    };
+
+    private onCompletionClicked = (selectionOffset: number): boolean => {
+        const count = this.countCompletions();
+        if (count === 0 || selectionOffset < 1 || selectionOffset > count) {
+            return false;
+        }
+
+        this.props.onConfirm(this.state.completionList[selectionOffset - 1]);
+        this.hide();
+
+        return true;
+    };
+
+    private setSelection(selectionOffset: number): void {
+        this.setState({ selectionOffset, hide: false });
+        if (this.props.onSelectionChange) {
+            this.props.onSelectionChange(selectionOffset - 1);
+        }
+    }
+
+    public componentDidUpdate(prevProps: IProps): void {
+        this.applyNewProps(prevProps.query, prevProps.room);
+        // this is the selected completion, so scroll it into view if needed
+        const selectedCompletion = this.completionRefs[`completion${this.state.selectionOffset}`]?.current;
+
+        if (selectedCompletion) {
+            selectedCompletion.scrollIntoView({
+                behavior: "auto",
+                block: "nearest",
+            });
+        } else if (this.containerRef.current) {
+            this.containerRef.current.scrollTo({ top: 0 });
+        }
+    }
+
+    public render(): React.ReactNode {
+        let position = 1;
+        const renderedCompletions = this.state.completions
+            .map((completionResult, i) => {
+                const completions = completionResult.completions.map((completion, j) => {
+                    const selected = position === this.state.selectionOffset;
+                    const className = classNames("mx_Autocomplete_Completion", { selected });
+                    const componentPosition = position;
+                    position++;
+
+                    const onClick = (): void => {
+                        this.onCompletionClicked(componentPosition);
+                    };
+
+                    const refId = `completion${componentPosition}`;
+                    if (!this.completionRefs[refId]) {
+                        this.completionRefs[refId] = createRef();
+                    }
+                    return React.cloneElement(completion.component, {
+                        "key": j,
+                        "ref": this.completionRefs[refId],
+                        "id": generateCompletionDomId(componentPosition - 1), // 0 index the completion IDs
+                        className,
+                        onClick,
+                        "aria-selected": selected,
+                    });
+                });
+
+                return completions.length > 0 ? (
+                    <div
+                        key={completionResult.provider.getName()}
+                        className="mx_Autocomplete_ProviderSection"
+                        role="presentation"
+                    >
+                        <div className="mx_Autocomplete_provider_name">{completionResult.provider.getName()}</div>
+                        {completionResult.provider.renderCompletions(completions)}
+                    </div>
+                ) : null;
+            })
+            .filter((completion) => !!completion);
+
+        return !this.state.hide && renderedCompletions.length > 0 ? (
+            <div id="mx_Autocomplete" className="mx_Autocomplete" ref={this.containerRef} role="listbox">
+                {renderedCompletions}
+            </div>
+        ) : null;
+    }
+}
diff --git a/apps/web/src/components/views/rooms/AuxPanel.tsx b/apps/web/src/components/views/rooms/AuxPanel.tsx
new file mode 100644
index 00000000000..c8d0afebbe3
--- /dev/null
+++ b/apps/web/src/components/views/rooms/AuxPanel.tsx
@@ -0,0 +1,54 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-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";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { AutoHideScrollbar } from "@element-hq/web-shared-components";
+
+import AppsDrawer from "./AppsDrawer";
+import SettingsStore from "../../../settings/SettingsStore";
+import { UIFeature } from "../../../settings/UIFeature";
+import LegacyCallViewForRoom from "../voip/LegacyCallViewForRoom";
+import { objectHasDiff } from "../../../utils/objects";
+
+interface IProps {
+    // js-sdk room object
+    room: Room;
+    userId: string;
+    showApps: boolean; // Render apps
+    children?: ReactNode;
+}
+
+export default class AuxPanel extends React.Component<IProps> {
+    public static defaultProps = {
+        showApps: true,
+    };
+
+    public shouldComponentUpdate(nextProps: IProps): boolean {
+        return objectHasDiff(this.props, nextProps);
+    }
+
+    public render(): React.ReactNode {
+        const callView = <LegacyCallViewForRoom roomId={this.props.room.roomId} showApps={this.props.showApps} />;
+
+        let appsDrawer;
+        if (SettingsStore.getValue(UIFeature.Widgets)) {
+            appsDrawer = (
+                <AppsDrawer room={this.props.room} userId={this.props.userId} showApps={this.props.showApps} />
+            );
+        }
+
+        return (
+            <AutoHideScrollbar role="region" className="mx_AutoHideScrollbar mx_AuxPanel">
+                {this.props.children}
+                {appsDrawer}
+                {callView}
+            </AutoHideScrollbar>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/BasicMessageComposer.tsx b/apps/web/src/components/views/rooms/BasicMessageComposer.tsx
new file mode 100644
index 00000000000..05d446cc923
--- /dev/null
+++ b/apps/web/src/components/views/rooms/BasicMessageComposer.tsx
@@ -0,0 +1,923 @@
+/*
+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 classNames from "classnames";
+import React, { type JSX, createRef, type ClipboardEvent, type SyntheticEvent } from "react";
+import { type Room, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import EMOTICON_REGEX from "emojibase-regex/emoticon";
+import { logger } from "matrix-js-sdk/src/logger";
+import { EMOTICON_TO_EMOJI } from "@matrix-org/emojibase-bindings";
+import { isLinkable } from "@element-hq/web-shared-components";
+
+import type EditorModel from "../../../editor/model";
+import HistoryManager from "../../../editor/history";
+import { type Caret, setSelection } from "../../../editor/caret";
+import {
+    formatRange,
+    formatRangeAsLink,
+    replaceRangeAndMoveCaret,
+    toggleInlineFormat,
+} from "../../../editor/operations";
+import { getCaretOffsetAndText, getRangeForSelection } from "../../../editor/dom";
+import Autocomplete, { generateCompletionDomId } from "../rooms/Autocomplete";
+import { getAutoCompleteCreator, type Part, type SerializedPart, Type } from "../../../editor/parts";
+import { parseEvent, parsePlainTextMessage } from "../../../editor/deserialize";
+import { renderModel } from "../../../editor/render";
+import SettingsStore from "../../../settings/SettingsStore";
+import { IS_MAC, Key } from "../../../Keyboard";
+import { CommandCategories, CommandMap, parseCommandString } from "../../../slash-commands/SlashCommands";
+import Range from "../../../editor/range";
+import MessageComposerFormatBar, { Formatting } from "./MessageComposerFormatBar";
+import type DocumentOffset from "../../../editor/offset";
+import { type IDiff } from "../../../editor/diff";
+import type AutocompleteWrapperModel from "../../../editor/autocomplete";
+import type DocumentPosition from "../../../editor/position";
+import { type ICompletion } from "../../../autocomplete/Autocompleter";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { ALTERNATE_KEY_NAME, KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { _t } from "../../../languageHandler";
+import { Landmark, LandmarkNavigation } from "../../../accessibility/LandmarkNavigation";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+// matches emoticons which follow the start of a line or whitespace
+const REGEX_EMOTICON_WHITESPACE = new RegExp("(?:^|\\s)(" + EMOTICON_REGEX.source + ")\\s|:^$");
+export const REGEX_EMOTICON = new RegExp("(?:^|\\s)(" + EMOTICON_REGEX.source + ")$");
+
+const SURROUND_WITH_CHARACTERS = ['"', "_", "`", "'", "*", "~", "$"];
+const SURROUND_WITH_DOUBLE_CHARACTERS = new Map([
+    ["(", ")"],
+    ["[", "]"],
+    ["{", "}"],
+    ["<", ">"],
+]);
+
+function ctrlShortcutLabel(key: string, needsShift = false, needsAlt = false): string {
+    return (
+        (IS_MAC ? "⌘" : _t(ALTERNATE_KEY_NAME[Key.CONTROL])) +
+        (needsShift ? "+" + _t(ALTERNATE_KEY_NAME[Key.SHIFT]) : "") +
+        (needsAlt ? "+" + _t(ALTERNATE_KEY_NAME[Key.ALT]) : "") +
+        "+" +
+        key
+    );
+}
+
+function cloneSelection(selection: Selection): Partial<Selection> {
+    return {
+        anchorNode: selection.anchorNode,
+        anchorOffset: selection.anchorOffset,
+        focusNode: selection.focusNode,
+        focusOffset: selection.focusOffset,
+        isCollapsed: selection.isCollapsed,
+        rangeCount: selection.rangeCount,
+        type: selection.type,
+    };
+}
+
+function selectionEquals(a: Partial<Selection>, b: Selection): boolean {
+    return (
+        a.anchorNode === b.anchorNode &&
+        a.anchorOffset === b.anchorOffset &&
+        a.focusNode === b.focusNode &&
+        a.focusOffset === b.focusOffset &&
+        a.isCollapsed === b.isCollapsed &&
+        a.rangeCount === b.rangeCount &&
+        a.type === b.type
+    );
+}
+
+interface IProps {
+    model: EditorModel;
+    room: Room;
+    threadId?: string;
+    placeholder?: string;
+    label?: string;
+    initialCaret?: DocumentOffset;
+    disabled?: boolean;
+
+    onChange?(selection?: Caret, inputType?: string, diff?: IDiff): void;
+    onPaste?(event: Event | SyntheticEvent, data: DataTransfer, model: EditorModel): boolean;
+}
+
+interface IState {
+    useMarkdown: boolean;
+    showPillAvatar: boolean;
+    query?: string;
+    showVisualBell?: boolean;
+    autoComplete?: AutocompleteWrapperModel;
+    completionIndex?: number;
+    surroundWith: boolean;
+}
+
+export default class BasicMessageEditor extends React.Component<IProps, IState> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    public readonly editorRef = createRef<HTMLDivElement>();
+    private autocompleteRef = createRef<Autocomplete>();
+    private formatBarRef = createRef<MessageComposerFormatBar>();
+
+    private modifiedFlag = false;
+    private isIMEComposing = false;
+    private hasTextSelected = false;
+    private readonly isSafari: boolean;
+
+    private _isCaretAtEnd = false;
+    private lastCaret!: DocumentOffset;
+    private lastSelection: ReturnType<typeof cloneSelection> | null = null;
+
+    private useMarkdownHandle?: string;
+    private emoticonSettingHandle?: string;
+    private shouldShowPillAvatarSettingHandle?: string;
+    private surroundWithHandle?: string;
+    private readonly historyManager = new HistoryManager();
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            showPillAvatar: SettingsStore.getValue("Pill.shouldShowPillAvatar"),
+            useMarkdown: SettingsStore.getValue("MessageComposerInput.useMarkdown"),
+            surroundWith: SettingsStore.getValue("MessageComposerInput.surroundWith"),
+            showVisualBell: false,
+        };
+
+        const ua = navigator.userAgent.toLowerCase();
+        this.isSafari = ua.includes("safari/") && !ua.includes("chrome/");
+        this.configureEmoticonAutoReplace();
+    }
+
+    public componentDidUpdate(prevProps: IProps): void {
+        // We need to re-check the placeholder when the enabled state changes because it causes the
+        // placeholder element to remount, which gets rid of the `::before` class. Re-evaluating the
+        // placeholder means we get a proper `::before` with the placeholder.
+        const enabledChange = this.props.disabled !== prevProps.disabled;
+        const placeholderChanged = this.props.placeholder !== prevProps.placeholder;
+        if (this.props.placeholder && (placeholderChanged || enabledChange)) {
+            const { isEmpty } = this.props.model;
+            if (isEmpty) {
+                this.showPlaceholder();
+            } else {
+                this.hidePlaceholder();
+            }
+        }
+    }
+
+    public replaceEmoticon(caretPosition: DocumentPosition, regex: RegExp): number | undefined {
+        const { model } = this.props;
+        const range = model.startRange(caretPosition);
+        // expand range max 9 characters backwards from caretPosition,
+        // as a space to look for an emoticon
+        let n = 9;
+        range.expandBackwardsWhile((index, offset) => {
+            const part = model.parts[index];
+            n -= 1;
+            return n >= 0 && [Type.Plain, Type.PillCandidate, Type.Newline].includes(part.type);
+        });
+        const emoticonMatch = regex.exec(range.text);
+        // ignore matches at start of proper substrings
+        // so xd will not match if the string was "mixd 123456"
+        // and we are lookinh at xd 123456 part of the string
+        if (emoticonMatch && (n >= 0 || emoticonMatch.index !== 0)) {
+            const query = emoticonMatch[1];
+            // variations of plaintext emoitcons(E.g. :P vs :p vs :-P) are handled upstream by the emojibase-bindings library
+            const data = EMOTICON_TO_EMOJI.get(query);
+
+            if (data) {
+                const { partCreator } = model;
+                const firstMatch = emoticonMatch[0];
+                const moveStart = firstMatch[0] === " " ? 1 : 0;
+
+                // we need the range to only comprise of the emoticon
+                // because we'll replace the whole range with an emoji,
+                // so move the start forward to the start of the emoticon.
+                // Take + 1 because index is reported without the possible preceding space.
+                range.moveStartForwards(emoticonMatch.index + moveStart);
+                // If the end is a trailing space/newline move end backwards, so that we don't replace it
+                if (["\n", " "].includes(firstMatch[firstMatch.length - 1])) {
+                    range.moveEndBackwards(1);
+                }
+
+                // this returns the amount of added/removed characters during the replace
+                // so the caret position can be adjusted.
+                return range.replace([partCreator.emoji(data.unicode)]);
+            }
+        }
+    }
+
+    private updateEditorState = (selection?: Caret, inputType?: string, diff?: IDiff): void => {
+        if (!this.editorRef.current) return;
+        renderModel(this.editorRef.current, this.props.model);
+        if (selection) {
+            // set the caret/selection
+            try {
+                setSelection(this.editorRef.current, this.props.model, selection);
+            } catch (err) {
+                logger.error(err);
+            }
+            // if caret selection is a range, take the end position
+            const position = selection instanceof Range ? selection.end : selection;
+            this.setLastCaretFromPosition(position);
+        }
+        const { isEmpty } = this.props.model;
+        if (this.props.placeholder) {
+            if (isEmpty) {
+                this.showPlaceholder();
+            } else {
+                this.hidePlaceholder();
+            }
+        }
+        if (isEmpty) {
+            this.formatBarRef.current?.hide();
+        }
+        this.setState({
+            autoComplete: this.props.model.autoComplete ?? undefined,
+            // if a change is happening then clear the showVisualBell
+            showVisualBell: diff ? false : this.state.showVisualBell,
+        });
+        this.historyManager.tryPush(this.props.model, selection, inputType, diff);
+
+        // inputType is falsy during initial mount, don't consider re-loading the draft as typing
+        let isTyping = !this.props.model.isEmpty && !!inputType;
+        // If the user is entering a command, only consider them typing if it is one which sends a message into the room
+        if (isTyping && this.props.model.parts[0].type === "command") {
+            const { cmd } = parseCommandString(this.props.model.parts[0].text);
+            const command = CommandMap.get(cmd!);
+            if (
+                !command?.isEnabled(this.context.client!, this.props.room.roomId) ||
+                command.category !== CommandCategories.messages
+            ) {
+                isTyping = false;
+            }
+        }
+        this.context.typingStore.setSelfTyping(this.props.room.roomId, this.props.threadId ?? null, isTyping);
+
+        this.props.onChange?.(selection, inputType, diff);
+    };
+
+    private showPlaceholder(): void {
+        this.editorRef.current?.style.setProperty("--placeholder", `'${CSS.escape(this.props.placeholder ?? "")}'`);
+        this.editorRef.current?.classList.add("mx_BasicMessageComposer_inputEmpty");
+    }
+
+    private hidePlaceholder(): void {
+        this.editorRef.current?.classList.remove("mx_BasicMessageComposer_inputEmpty");
+        this.editorRef.current?.style.removeProperty("--placeholder");
+    }
+
+    private onCompositionStart = (): void => {
+        this.isIMEComposing = true;
+        // even if the model is empty, the composition text shouldn't be mixed with the placeholder
+        this.hidePlaceholder();
+    };
+
+    private onCompositionEnd = (): void => {
+        this.isIMEComposing = false;
+        // some browsers (Chrome) don't fire an input event after ending a composition,
+        // so trigger a model update after the composition is done by calling the input handler.
+
+        // however, modifying the DOM (caused by the editor model update) from the compositionend handler seems
+        // to confuse the IME in Chrome, likely causing https://github.com/vector-im/element-web/issues/10913 ,
+        // so we do it async
+
+        // however, doing this async seems to break things in Safari for some reason, so browser sniff.
+
+        if (this.isSafari) {
+            this.onInput({ inputType: "insertCompositionText" });
+        } else {
+            Promise.resolve().then(() => {
+                this.onInput({ inputType: "insertCompositionText" });
+            });
+        }
+    };
+
+    public isComposing(event: React.KeyboardEvent): boolean {
+        // checking the event.isComposing flag just in case any browser out there
+        // emits events related to the composition after compositionend
+        // has been fired
+
+        // From https://www.stum.de/2016/06/24/handling-ime-events-in-javascript/
+        // Safari emits an additional keyDown after compositionend
+        return !!(this.isIMEComposing || (event.nativeEvent && event.nativeEvent.isComposing));
+    }
+
+    private onCutCopy = (event: ClipboardEvent, type: string): void => {
+        const selection = document.getSelection()!;
+        const text = selection.toString();
+        if (text && this.editorRef.current) {
+            const { model } = this.props;
+            const range = getRangeForSelection(this.editorRef.current, model, selection);
+            const selectedParts = range.parts.map((p) => p.serialize());
+            event.clipboardData.setData("application/x-element-composer", JSON.stringify(selectedParts));
+            event.clipboardData.setData("text/plain", text); // so plain copy/paste works
+            if (type === "cut") {
+                // Remove the text, updating the model as appropriate
+                this.modifiedFlag = true;
+                replaceRangeAndMoveCaret(range, []);
+            }
+            event.preventDefault();
+        }
+    };
+
+    private onCopy = (event: ClipboardEvent): void => {
+        this.onCutCopy(event, "copy");
+    };
+
+    private onCut = (event: ClipboardEvent): void => {
+        this.onCutCopy(event, "cut");
+    };
+
+    private onPasteHandler = (event: Event | SyntheticEvent, data: DataTransfer): boolean | undefined => {
+        event.preventDefault(); // we always handle the paste ourselves
+        if (!this.editorRef.current) return;
+        if (this.props.onPaste?.(event, data, this.props.model)) {
+            // to prevent double handling, allow props.onPaste to skip internal onPaste
+            return true;
+        }
+
+        const { model } = this.props;
+        const { partCreator } = model;
+        const plainText = data.getData("text/plain");
+        const partsText = data.getData("application/x-element-composer");
+
+        let parts: Part[];
+        if (partsText) {
+            const serializedTextParts = JSON.parse(partsText);
+            parts = serializedTextParts.map((p: SerializedPart) => partCreator.deserializePart(p));
+        } else {
+            parts = parsePlainTextMessage(plainText, partCreator, { shouldEscape: false });
+        }
+
+        this.modifiedFlag = true;
+        const range = getRangeForSelection(this.editorRef.current, model, document.getSelection()!);
+
+        // If the user is pasting a link, and has a range selected which is not a link, wrap the range with the link
+        if (plainText && range.length > 0 && isLinkable(plainText) && !isLinkable(range.text)) {
+            formatRangeAsLink(range, plainText);
+        } else {
+            replaceRangeAndMoveCaret(range, parts);
+        }
+    };
+
+    private onPaste = (event: ClipboardEvent<HTMLDivElement>): boolean | undefined => {
+        return this.onPasteHandler(event, event.clipboardData);
+    };
+
+    private onBeforeInput = (event: InputEvent): void => {
+        // ignore any input while doing IME compositions
+        if (this.isIMEComposing) {
+            return;
+        }
+
+        if (event.inputType === "insertFromPaste" && event.dataTransfer) {
+            this.onPasteHandler(event, event.dataTransfer);
+        }
+    };
+
+    private onInput = (event: Partial<InputEvent>): void => {
+        if (!this.editorRef.current) return;
+        // ignore any input while doing IME compositions
+        if (this.isIMEComposing) {
+            return;
+        }
+        this.modifiedFlag = true;
+        const sel = document.getSelection()!;
+        const { caret, text } = getCaretOffsetAndText(this.editorRef.current, sel);
+        this.props.model.update(text, event.inputType, caret);
+    };
+
+    private insertText(textToInsert: string, inputType = "insertText"): void {
+        if (!this.editorRef.current) return;
+        const sel = document.getSelection()!;
+        const { caret, text } = getCaretOffsetAndText(this.editorRef.current, sel);
+        const newText = text.slice(0, caret.offset) + textToInsert + text.slice(caret.offset);
+        caret.offset += textToInsert.length;
+        this.modifiedFlag = true;
+        this.props.model.update(newText, inputType, caret);
+    }
+
+    // this is used later to see if we need to recalculate the caret
+    // on selectionchange. If it is just a consequence of typing
+    // we don't need to. But if the user is navigating the caret without input
+    // we need to recalculate it, to be able to know where to insert content after
+    // losing focus
+    private setLastCaretFromPosition(position: DocumentPosition): void {
+        const { model } = this.props;
+        this._isCaretAtEnd = position.isAtEnd(model);
+        this.lastCaret = position.asOffset(model);
+        this.lastSelection = cloneSelection(document.getSelection()!);
+    }
+
+    private refreshLastCaretIfNeeded(): DocumentOffset | undefined {
+        // XXX: needed when going up and down in editing messages ... not sure why yet
+        // because the editors should stop doing this when when blurred ...
+        // maybe it's on focus and the _editorRef isn't available yet or something.
+        if (!this.editorRef.current) {
+            return;
+        }
+        const selection = document.getSelection()!;
+        if (!this.lastSelection || !selectionEquals(this.lastSelection, selection)) {
+            this.lastSelection = cloneSelection(selection);
+            const { caret, text } = getCaretOffsetAndText(this.editorRef.current, selection);
+            this.lastCaret = caret;
+            this._isCaretAtEnd = caret.offset === text.length;
+        }
+        return this.lastCaret;
+    }
+
+    public clearUndoHistory(): void {
+        this.historyManager.clear();
+    }
+
+    public getCaret(): DocumentOffset {
+        return this.lastCaret;
+    }
+
+    public isSelectionCollapsed(): boolean {
+        return !this.lastSelection || !!this.lastSelection.isCollapsed;
+    }
+
+    public isCaretAtStart(): boolean {
+        return this.getCaret().offset === 0;
+    }
+
+    public isCaretAtEnd(): boolean {
+        return this._isCaretAtEnd;
+    }
+
+    private onBlur = (): void => {
+        document.removeEventListener("selectionchange", this.onSelectionChange);
+    };
+
+    private onFocus = (): void => {
+        document.addEventListener("selectionchange", this.onSelectionChange);
+        // force to recalculate
+        this.lastSelection = null;
+        this.refreshLastCaretIfNeeded();
+    };
+
+    private onSelectionChange = (): void => {
+        if (!this.editorRef.current) return;
+        const { isEmpty } = this.props.model;
+
+        this.refreshLastCaretIfNeeded();
+        const selection = document.getSelection()!;
+        if (this.hasTextSelected && selection.isCollapsed) {
+            this.hasTextSelected = false;
+            this.formatBarRef.current?.hide();
+        } else if (!selection.isCollapsed && !isEmpty) {
+            this.hasTextSelected = true;
+            const range = getRangeForSelection(this.editorRef.current, this.props.model, selection);
+            if (this.formatBarRef.current && this.state.useMarkdown && !!range.text.trim()) {
+                const selectionRect = selection.getRangeAt(0).getBoundingClientRect();
+                this.formatBarRef.current.showAt(selectionRect);
+            }
+        }
+    };
+
+    private onKeyDown = (event: React.KeyboardEvent): void => {
+        if (!this.editorRef.current) return;
+        // Ignore any keypress while doing IME compositions to prevent cursor position issues
+        // This matches the behavior in SendMessageComposer and EditMessageComposer
+        if (this.isComposing(event)) {
+            return;
+        }
+        if (this.isSafari && event.which == 229) {
+            // Swallow the extra keyDown by Safari
+            event.stopPropagation();
+            return;
+        }
+        const model = this.props.model;
+        let handled = false;
+
+        if (this.state.surroundWith && document.getSelection()!.type !== "Caret") {
+            // This surrounds the selected text with a character. This is
+            // intentionally left out of the keybinding manager as the keybinds
+            // here shouldn't be changeable
+
+            const selectionRange = getRangeForSelection(
+                this.editorRef.current,
+                this.props.model,
+                document.getSelection()!,
+            );
+            // trim the range as we want it to exclude leading/trailing spaces
+            selectionRange.trim();
+
+            if ([...SURROUND_WITH_DOUBLE_CHARACTERS.keys(), ...SURROUND_WITH_CHARACTERS].includes(event.key)) {
+                this.historyManager.ensureLastChangesPushed(this.props.model);
+                this.modifiedFlag = true;
+                toggleInlineFormat(selectionRange, event.key, SURROUND_WITH_DOUBLE_CHARACTERS.get(event.key));
+                handled = true;
+            }
+        }
+
+        const navAction = getKeyBindingsManager().getNavigationAction(event);
+
+        if (navAction === KeyBindingAction.NextLandmark || navAction === KeyBindingAction.PreviousLandmark) {
+            LandmarkNavigation.findAndFocusNextLandmark(
+                Landmark.MESSAGE_COMPOSER_OR_HOME,
+                navAction === KeyBindingAction.PreviousLandmark,
+            );
+            handled = true;
+        }
+
+        const autocompleteAction = getKeyBindingsManager().getAutocompleteAction(event);
+        const accessibilityAction = getKeyBindingsManager().getAccessibilityAction(event);
+        if (model.autoComplete?.hasCompletions()) {
+            const autoComplete = model.autoComplete;
+            switch (autocompleteAction) {
+                case KeyBindingAction.ForceCompleteAutocomplete:
+                case KeyBindingAction.CompleteAutocomplete:
+                    this.historyManager.ensureLastChangesPushed(this.props.model);
+                    this.modifiedFlag = true;
+                    autoComplete.confirmCompletion();
+                    handled = true;
+                    break;
+                case KeyBindingAction.PrevSelectionInAutocomplete:
+                    autoComplete.selectPreviousSelection();
+                    handled = true;
+                    break;
+                case KeyBindingAction.NextSelectionInAutocomplete:
+                    autoComplete.selectNextSelection();
+                    handled = true;
+                    break;
+                case KeyBindingAction.CancelAutocomplete:
+                    autoComplete.onEscape(event);
+                    handled = true;
+                    break;
+            }
+        } else if (autocompleteAction === KeyBindingAction.ForceCompleteAutocomplete && !this.state.showVisualBell) {
+            // there is no current autocomplete window, try to open it
+            this.tabCompleteName();
+            handled = true;
+        } else if ([KeyBindingAction.Delete, KeyBindingAction.Backspace].includes(accessibilityAction!)) {
+            this.formatBarRef.current?.hide();
+        }
+
+        if (handled) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+
+        const action = getKeyBindingsManager().getMessageComposerAction(event);
+        switch (action) {
+            case KeyBindingAction.FormatBold:
+                this.onFormatAction(Formatting.Bold);
+                handled = true;
+                break;
+            case KeyBindingAction.FormatItalics:
+                this.onFormatAction(Formatting.Italics);
+                handled = true;
+                break;
+            case KeyBindingAction.FormatCode:
+                this.onFormatAction(Formatting.Code);
+                handled = true;
+                break;
+            case KeyBindingAction.FormatQuote:
+                this.onFormatAction(Formatting.Quote);
+                handled = true;
+                break;
+            case KeyBindingAction.FormatLink:
+                this.onFormatAction(Formatting.InsertLink);
+                handled = true;
+                break;
+            case KeyBindingAction.EditRedo: {
+                const history = this.historyManager.redo();
+                if (history) {
+                    const { parts, caret } = history;
+                    // pass matching inputType so historyManager doesn't push echo
+                    // when invoked from rerender callback.
+                    model.reset(parts, caret, "historyRedo");
+                }
+                handled = true;
+                break;
+            }
+            case KeyBindingAction.EditUndo: {
+                const history = this.historyManager.undo(this.props.model);
+                if (history) {
+                    const { parts, caret } = history;
+                    // pass matching inputType so historyManager doesn't push echo
+                    // when invoked from rerender callback.
+                    model.reset(parts, caret, "historyUndo");
+                }
+                handled = true;
+                break;
+            }
+            case KeyBindingAction.NewLine:
+                this.insertText("\n");
+                handled = true;
+                break;
+            case KeyBindingAction.MoveCursorToStart:
+                setSelection(this.editorRef.current, model, {
+                    index: 0,
+                    offset: 0,
+                });
+                handled = true;
+                break;
+            case KeyBindingAction.MoveCursorToEnd:
+                setSelection(this.editorRef.current, model, {
+                    index: model.parts.length - 1,
+                    offset: model.parts[model.parts.length - 1].text.length,
+                });
+                handled = true;
+                break;
+        }
+        if (handled) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    };
+
+    private async tabCompleteName(): Promise<void> {
+        try {
+            await new Promise<void>((resolve) => this.setState({ showVisualBell: false }, resolve));
+            const { model } = this.props;
+            const caret = this.getCaret();
+            const position = model.positionForOffset(caret.offset, caret.atNodeEnd);
+            const range = model.startRange(position);
+            range.expandBackwardsWhile((index, offset, part) => {
+                return (
+                    part.text[offset] !== " " &&
+                    part.text[offset] !== "+" &&
+                    (part.type === Type.Plain || part.type === Type.PillCandidate || part.type === Type.Command)
+                );
+            });
+            const { partCreator } = model;
+            // await for auto-complete to be open
+            await model.transform(() => {
+                const addedLen = range.replace([partCreator.pillCandidate(range.text)]);
+                return model.positionForOffset(caret.offset + addedLen, true);
+            });
+
+            // Don't try to do things with the autocomplete if there is none shown
+            if (model.autoComplete) {
+                await model.autoComplete.startSelection();
+                if (!model.autoComplete.hasSelection()) {
+                    this.setState({ showVisualBell: true });
+                    model.autoComplete.close();
+                }
+            } else {
+                this.setState({ showVisualBell: true });
+            }
+        } catch (err) {
+            logger.error(err);
+        }
+    }
+
+    public isModified(): boolean {
+        return this.modifiedFlag;
+    }
+
+    private onAutoCompleteConfirm = (completion: ICompletion): void => {
+        this.modifiedFlag = true;
+        this.props.model.autoComplete?.onComponentConfirm(completion);
+    };
+
+    private onAutoCompleteSelectionChange = (completionIndex: number): void => {
+        this.modifiedFlag = true;
+        this.setState({ completionIndex });
+    };
+
+    private configureUseMarkdown = (): void => {
+        const useMarkdown = SettingsStore.getValue("MessageComposerInput.useMarkdown");
+        this.setState({ useMarkdown });
+        if (!useMarkdown && this.formatBarRef.current) {
+            this.formatBarRef.current.hide();
+        }
+    };
+
+    private configureEmoticonAutoReplace = (): void => {
+        this.props.model.setTransformCallback(this.transform);
+    };
+
+    private configureShouldShowPillAvatar = (): void => {
+        const showPillAvatar = SettingsStore.getValue("Pill.shouldShowPillAvatar");
+        this.setState({ showPillAvatar });
+    };
+
+    private surroundWithSettingChanged = (): void => {
+        const surroundWith = SettingsStore.getValue("MessageComposerInput.surroundWith");
+        this.setState({ surroundWith });
+    };
+
+    private transform = (documentPosition: DocumentPosition): void => {
+        const shouldReplace = SettingsStore.getValue("MessageComposerInput.autoReplaceEmoji");
+        if (shouldReplace) this.replaceEmoticon(documentPosition, REGEX_EMOTICON_WHITESPACE);
+    };
+
+    public componentWillUnmount(): void {
+        document.removeEventListener("selectionchange", this.onSelectionChange);
+        this.editorRef.current?.removeEventListener("beforeinput", this.onBeforeInput, true);
+        this.editorRef.current?.removeEventListener("input", this.onInput, true);
+        this.editorRef.current?.removeEventListener("compositionstart", this.onCompositionStart, true);
+        this.editorRef.current?.removeEventListener("compositionend", this.onCompositionEnd, true);
+        SettingsStore.unwatchSetting(this.useMarkdownHandle);
+        SettingsStore.unwatchSetting(this.emoticonSettingHandle);
+        SettingsStore.unwatchSetting(this.shouldShowPillAvatarSettingHandle);
+        SettingsStore.unwatchSetting(this.surroundWithHandle);
+    }
+
+    public componentDidMount(): void {
+        this.useMarkdownHandle = SettingsStore.watchSetting(
+            "MessageComposerInput.useMarkdown",
+            null,
+            this.configureUseMarkdown,
+        );
+        this.emoticonSettingHandle = SettingsStore.watchSetting(
+            "MessageComposerInput.autoReplaceEmoji",
+            null,
+            this.configureEmoticonAutoReplace,
+        );
+        this.shouldShowPillAvatarSettingHandle = SettingsStore.watchSetting(
+            "Pill.shouldShowPillAvatar",
+            null,
+            this.configureShouldShowPillAvatar,
+        );
+        this.surroundWithHandle = SettingsStore.watchSetting(
+            "MessageComposerInput.surroundWith",
+            null,
+            this.surroundWithSettingChanged,
+        );
+
+        const model = this.props.model;
+        model.setUpdateCallback(this.updateEditorState);
+        const partCreator = model.partCreator;
+        // TODO: does this allow us to get rid of EditorStateTransfer?
+        // not really, but we could not serialize the parts, and just change the autoCompleter
+        partCreator.setAutoCompleteCreator(
+            getAutoCompleteCreator(
+                () => this.autocompleteRef.current,
+                (query) => new Promise((resolve) => this.setState({ query }, resolve)),
+            ),
+        );
+        // initial render of model
+        this.updateEditorState(this.getInitialCaretPosition());
+        // attach input listener by hand so React doesn't proxy the events,
+        // as the proxied event doesn't support inputType, which we need.
+        this.editorRef.current?.addEventListener("beforeinput", this.onBeforeInput, true);
+        this.editorRef.current?.addEventListener("input", this.onInput, true);
+        this.editorRef.current?.addEventListener("compositionstart", this.onCompositionStart, true);
+        this.editorRef.current?.addEventListener("compositionend", this.onCompositionEnd, true);
+        this.editorRef.current?.focus();
+    }
+
+    private getInitialCaretPosition(): DocumentPosition {
+        let caretPosition: DocumentPosition;
+        if (this.props.initialCaret) {
+            // if restoring state from a previous editor,
+            // restore caret position from the state
+            const caret = this.props.initialCaret;
+            caretPosition = this.props.model.positionForOffset(caret.offset, caret.atNodeEnd);
+        } else {
+            // otherwise, set it at the end
+            caretPosition = this.props.model.getPositionAtEnd();
+        }
+        return caretPosition;
+    }
+
+    public onFormatAction = (action: Formatting): void => {
+        if (!this.state.useMarkdown || !this.editorRef.current) {
+            return;
+        }
+
+        const range: Range = getRangeForSelection(this.editorRef.current, this.props.model, document.getSelection()!);
+
+        this.historyManager.ensureLastChangesPushed(this.props.model);
+        this.modifiedFlag = true;
+
+        formatRange(range, action);
+    };
+
+    public render(): React.ReactNode {
+        let autoComplete: JSX.Element | undefined;
+        if (this.state.autoComplete && this.state.query) {
+            const query = this.state.query;
+            const queryLen = query.length;
+            autoComplete = (
+                <div className="mx_BasicMessageComposer_AutoCompleteWrapper">
+                    <Autocomplete
+                        ref={this.autocompleteRef}
+                        query={query}
+                        onConfirm={this.onAutoCompleteConfirm}
+                        onSelectionChange={this.onAutoCompleteSelectionChange}
+                        selection={{ beginning: true, end: queryLen, start: queryLen }}
+                        room={this.props.room}
+                    />
+                </div>
+            );
+        }
+        const wrapperClasses = classNames("mx_BasicMessageComposer", {
+            mx_BasicMessageComposer_input_error: this.state.showVisualBell,
+        });
+        const classes = classNames("mx_BasicMessageComposer_input", {
+            mx_BasicMessageComposer_input_shouldShowPillAvatar: this.state.showPillAvatar,
+            mx_BasicMessageComposer_input_disabled: this.props.disabled,
+        });
+
+        const shortcuts = {
+            [Formatting.Bold]: ctrlShortcutLabel("B"),
+            [Formatting.Italics]: ctrlShortcutLabel("I"),
+            [Formatting.Code]: ctrlShortcutLabel("E"),
+            [Formatting.Quote]: ctrlShortcutLabel(">", true),
+            [Formatting.InsertLink]: ctrlShortcutLabel("L", true),
+        };
+
+        const { completionIndex } = this.state;
+        const hasAutocomplete = !!this.state.autoComplete;
+        let activeDescendant: string | undefined;
+        if (hasAutocomplete && completionIndex! >= 0) {
+            activeDescendant = generateCompletionDomId(completionIndex!);
+        }
+
+        return (
+            <div className={wrapperClasses}>
+                {autoComplete}
+                <MessageComposerFormatBar
+                    ref={this.formatBarRef}
+                    onAction={this.onFormatAction}
+                    shortcuts={shortcuts}
+                />
+                <div
+                    className={classes}
+                    contentEditable={this.props.disabled ? undefined : true}
+                    tabIndex={0}
+                    onBlur={this.onBlur}
+                    onFocus={this.onFocus}
+                    onCopy={this.onCopy}
+                    onCut={this.onCut}
+                    onPaste={this.onPaste}
+                    onKeyDown={this.onKeyDown}
+                    ref={this.editorRef}
+                    aria-label={this.props.label}
+                    role="textbox"
+                    aria-multiline="true"
+                    aria-autocomplete="list"
+                    aria-haspopup="listbox"
+                    // This is not strictly speaking a supported role, we should investigate the impact of this in the future
+                    // oxlint-disable-next-line jsx-a11y/role-supports-aria-props
+                    aria-expanded={hasAutocomplete ? !this.autocompleteRef.current?.state.hide : undefined}
+                    aria-owns={hasAutocomplete ? "mx_Autocomplete" : undefined}
+                    aria-activedescendant={activeDescendant}
+                    dir="auto"
+                    aria-disabled={this.props.disabled}
+                    data-testid="basicmessagecomposer"
+                    translate="no"
+                />
+            </div>
+        );
+    }
+
+    public focus(): void {
+        this.editorRef.current?.focus();
+    }
+
+    public insertMention(userId: string): void {
+        this.modifiedFlag = true;
+        const { model } = this.props;
+        const { partCreator } = model;
+        const member = this.props.room.getMember(userId);
+        const displayName = member ? member.rawDisplayName : userId;
+        const caret = this.getCaret();
+        const position = model.positionForOffset(caret.offset, caret.atNodeEnd);
+        // Insert suffix only if the caret is at the start of the composer
+        const parts = partCreator.createMentionParts(caret.offset === 0, displayName, userId);
+        model.transform(() => {
+            const addedLen = model.insert(parts, position);
+            return model.positionForOffset(caret.offset + addedLen, true);
+        });
+        // refocus on composer, as we just clicked "Mention"
+        this.focus();
+    }
+
+    public insertQuotedMessage(event: MatrixEvent): void {
+        this.modifiedFlag = true;
+        const { model } = this.props;
+        const { partCreator } = model;
+        const quoteParts = parseEvent(event, partCreator, { isQuotedMessage: true });
+        // add two newlines
+        quoteParts.push(partCreator.newline());
+        quoteParts.push(partCreator.newline());
+        model.transform(() => {
+            const addedLen = model.insert(quoteParts, model.positionForOffset(0));
+            return model.positionForOffset(addedLen, true);
+        });
+        // refocus on composer, as we just clicked "Quote"
+        this.focus();
+    }
+
+    public insertPlaintext(text: string): void {
+        this.modifiedFlag = true;
+        const { model } = this.props;
+        const { partCreator } = model;
+        const caret = this.getCaret();
+        const position = model.positionForOffset(caret.offset, caret.atNodeEnd);
+        model.transform(() => {
+            const addedLen = model.insert(partCreator.plainWithEmoji(text), position);
+            return model.positionForOffset(caret.offset + addedLen, true);
+        });
+    }
+}
diff --git a/apps/web/src/components/views/rooms/CollapsibleButton.tsx b/apps/web/src/components/views/rooms/CollapsibleButton.tsx
new file mode 100644
index 00000000000..080b199c8b1
--- /dev/null
+++ b/apps/web/src/components/views/rooms/CollapsibleButton.tsx
@@ -0,0 +1,33 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 RefObject, useContext, createContext } from "react";
+
+import AccessibleButton, { type ButtonProps } from "../elements/AccessibleButton";
+import { IconizedContextMenuOption } from "../context_menus/IconizedContextMenu";
+
+type OverflowMenuCloser = () => void;
+export const OverflowMenuContext = createContext<OverflowMenuCloser | null>(null);
+
+interface Props extends Omit<ButtonProps<"div">, "element"> {
+    inputRef?: RefObject<HTMLElement | null>;
+    title: string;
+}
+
+export const CollapsibleButton: React.FC<Props> = ({ title, children, className, inputRef, ...props }) => {
+    const inOverflowMenu = !!useContext(OverflowMenuContext);
+    if (inOverflowMenu) {
+        return <IconizedContextMenuOption {...props} icon={children} label={title} inputRef={inputRef} />;
+    }
+
+    return (
+        <AccessibleButton {...props} title={title} className={className} ref={inputRef}>
+            {children}
+        </AccessibleButton>
+    );
+};
diff --git a/apps/web/src/components/views/rooms/E2EIcon.tsx b/apps/web/src/components/views/rooms/E2EIcon.tsx
new file mode 100644
index 00000000000..c9c7d8ec128
--- /dev/null
+++ b/apps/web/src/components/views/rooms/E2EIcon.tsx
@@ -0,0 +1,91 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 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 ComponentProps, type CSSProperties } from "react";
+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 } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import { E2EStatus } from "../../../utils/ShieldUtils";
+
+export const crossSigningUserTitles: { [key in E2EStatus]?: TranslationKey } = {
+    [E2EStatus.Warning]: _td("encryption|cross_signing_user_warning"),
+    [E2EStatus.Normal]: _td("encryption|cross_signing_user_normal"),
+    [E2EStatus.Verified]: _td("encryption|cross_signing_user_verified"),
+};
+const crossSigningRoomTitles: { [key in E2EStatus]?: TranslationKey } = {
+    [E2EStatus.Warning]: _td("encryption|cross_signing_room_warning"),
+    [E2EStatus.Normal]: _td("encryption|cross_signing_room_normal"),
+    [E2EStatus.Verified]: _td("encryption|cross_signing_room_verified"),
+};
+
+interface Props {
+    className?: string;
+    size?: number;
+    onClick?: () => void;
+    hideTooltip?: boolean;
+    tooltipPlacement?: ComponentProps<typeof Tooltip>["placement"];
+    status: E2EStatus;
+    isUser?: boolean;
+}
+
+const icons: Record<E2EStatus, JSX.Element> = {
+    [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 }) => {
+    const icon = icons[status];
+
+    const classes = classNames("mx_E2EIcon", className);
+
+    let e2eTitle: TranslationKey | undefined;
+    if (isUser) {
+        e2eTitle = crossSigningUserTitles[status];
+    } else {
+        e2eTitle = crossSigningRoomTitles[status];
+    }
+
+    let style: CSSProperties | undefined;
+    if (size) {
+        style = { width: `${size}px`, height: `${size}px` };
+    }
+
+    const label = e2eTitle ? _t(e2eTitle) : "";
+
+    let content: JSX.Element;
+    if (onClick) {
+        content = (
+            <AccessibleButton onClick={onClick} className={classes} style={style} data-testid="e2e-icon">
+                {icon}
+            </AccessibleButton>
+        );
+    } else {
+        content = (
+            <div className={classes} style={style} data-testid="e2e-icon">
+                {icon}
+            </div>
+        );
+    }
+
+    if (!e2eTitle || hideTooltip) {
+        return content;
+    }
+
+    return (
+        <Tooltip label={label} placement={tooltipPlacement} isTriggerInteractive={!!onClick}>
+            {content}
+        </Tooltip>
+    );
+};
+
+export default E2EIcon;
diff --git a/apps/web/src/components/views/rooms/EditMessageComposer.tsx b/apps/web/src/components/views/rooms/EditMessageComposer.tsx
new file mode 100644
index 00000000000..970d8cffcd9
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EditMessageComposer.tsx
@@ -0,0 +1,477 @@
+/*
+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, { createRef, type KeyboardEvent } from "react";
+import classNames from "classnames";
+import { EventStatus, type MatrixEvent, type Room, MsgType } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type Composer as ComposerEvent } from "@matrix-org/analytics-events/types/typescript/Composer";
+import {
+    type ReplacementEvent,
+    type RoomMessageEventContent,
+    type RoomMessageTextEventContent,
+} from "matrix-js-sdk/src/types";
+
+import { _t } from "../../../languageHandler";
+import dis from "../../../dispatcher/dispatcher";
+import EditorModel from "../../../editor/model";
+import { getCaretOffsetAndText } from "../../../editor/dom";
+import { htmlSerializeIfNeeded, textSerialize, containsEmote, stripEmoteCommand } from "../../../editor/serialize";
+import { findEditableEvent } from "../../../utils/EventUtils";
+import { parseEvent } from "../../../editor/deserialize";
+import { CommandPartCreator, type Part, type PartCreator, type SerializedPart } from "../../../editor/parts";
+import type EditorStateTransfer from "../../../utils/EditorStateTransfer";
+import BasicMessageComposer, { REGEX_EMOTICON } from "./BasicMessageComposer";
+import { CommandCategories } from "../../../slash-commands/SlashCommands";
+import { Action } from "../../../dispatcher/actions";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import SendHistoryManager from "../../../SendHistoryManager";
+import { type ActionPayload } from "../../../dispatcher/payloads";
+import AccessibleButton from "../elements/AccessibleButton";
+import { createRedactEventDialog } from "../dialogs/ConfirmRedactDialog";
+import SettingsStore from "../../../settings/SettingsStore";
+import { withMatrixClientHOC, type MatrixClientProps } from "../../../contexts/MatrixClientContext";
+import RoomContext from "../../../contexts/RoomContext";
+import { ComposerType } from "../../../dispatcher/payloads/ComposerInsertPayload";
+import { getSlashCommand, isSlashCommand, runSlashCommand, shouldSendAnyway } from "../../../editor/commands";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { PosthogAnalytics } from "../../../PosthogAnalytics";
+import { editorRoomKey, editorStateKey } from "../../../Editing";
+import type DocumentOffset from "../../../editor/offset";
+import { attachMentions, attachRelation } from "../../../utils/messages";
+import { filterBoolean } from "../../../utils/arrays";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+
+// exported for tests
+export function createEditContent(
+    model: EditorModel,
+    editedEvent: MatrixEvent,
+    replyToEvent?: MatrixEvent,
+): RoomMessageEventContent {
+    const isEmote = containsEmote(model);
+    if (isEmote) {
+        model = stripEmoteCommand(model);
+    }
+    const body = textSerialize(model);
+
+    const newContent: RoomMessageEventContent = {
+        msgtype: isEmote ? MsgType.Emote : MsgType.Text,
+        body: body,
+    };
+    const contentBody: RoomMessageTextEventContent & Omit<ReplacementEvent<RoomMessageEventContent>, "m.relates_to"> = {
+        "msgtype": newContent.msgtype,
+        "body": `* ${body}`,
+        "m.new_content": newContent,
+    };
+
+    const formattedBody = htmlSerializeIfNeeded(model, {
+        useMarkdown: SettingsStore.getValue("MessageComposerInput.useMarkdown"),
+    });
+    if (formattedBody) {
+        newContent.format = "org.matrix.custom.html";
+        newContent.formatted_body = formattedBody;
+        contentBody.format = newContent.format;
+        contentBody.formatted_body = `* ${formattedBody}`;
+    }
+
+    // Build the mentions properties for both the content and new_content.
+    attachMentions(editedEvent.sender!.userId, contentBody, model, replyToEvent, editedEvent.getContent());
+    attachRelation(contentBody, { rel_type: "m.replace", event_id: editedEvent.getId() });
+
+    return contentBody as RoomMessageEventContent;
+}
+
+interface IEditMessageComposerProps extends MatrixClientProps {
+    editState: EditorStateTransfer;
+    className?: string;
+}
+interface IState {
+    saveDisabled: boolean;
+}
+
+class EditMessageComposer extends React.Component<IEditMessageComposerProps, IState> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    private readonly editorRef = createRef<BasicMessageComposer>();
+    private dispatcherRef?: string;
+    private readonly replyToEvent?: MatrixEvent;
+    private model!: EditorModel;
+
+    public constructor(props: IEditMessageComposerProps, context: React.ContextType<typeof RoomContext>) {
+        super(props, context);
+
+        const isRestored = this.createEditorModel();
+        const ev = this.props.editState.getEvent();
+
+        this.replyToEvent = ev.replyEventId ? this.context.room?.findEventById(ev.replyEventId) : undefined;
+
+        const editContent = createEditContent(this.model, ev, this.replyToEvent);
+        this.state = {
+            saveDisabled: !isRestored || !this.isContentModified(editContent["m.new_content"]!),
+        };
+    }
+
+    public componentDidMount(): void {
+        window.addEventListener("beforeunload", this.saveStoredEditorState);
+        this.dispatcherRef = dis.register(this.onAction);
+    }
+
+    private getRoom(): Room {
+        if (!this.context.room) {
+            throw new Error(`Cannot render without room`);
+        }
+        return this.context.room;
+    }
+
+    private onKeyDown = (event: KeyboardEvent): void => {
+        // ignore any keypress while doing IME compositions
+        if (this.editorRef.current?.isComposing(event)) {
+            return;
+        }
+        const action = getKeyBindingsManager().getMessageComposerAction(event);
+        switch (action) {
+            case KeyBindingAction.SendMessage:
+                this.sendEdit();
+                event.stopPropagation();
+                event.preventDefault();
+                break;
+            case KeyBindingAction.CancelReplyOrEdit:
+                event.stopPropagation();
+                this.cancelEdit();
+                break;
+            case KeyBindingAction.EditPrevMessage: {
+                if (this.editorRef.current?.isModified() || !this.editorRef.current?.isCaretAtStart()) {
+                    return;
+                }
+                const previousEvent = findEditableEvent({
+                    events: this.events,
+                    isForward: false,
+                    fromEventId: this.props.editState.getEvent().getId(),
+                    matrixClient: MatrixClientPeg.safeGet(),
+                });
+                if (previousEvent) {
+                    dis.dispatch({
+                        action: Action.EditEvent,
+                        event: previousEvent,
+                        timelineRenderingType: this.context.timelineRenderingType,
+                    });
+                    event.preventDefault();
+                }
+                break;
+            }
+            case KeyBindingAction.EditNextMessage: {
+                if (this.editorRef.current?.isModified() || !this.editorRef.current?.isCaretAtEnd()) {
+                    return;
+                }
+                const nextEvent = findEditableEvent({
+                    events: this.events,
+                    isForward: true,
+                    fromEventId: this.props.editState.getEvent().getId(),
+                    matrixClient: MatrixClientPeg.safeGet(),
+                });
+                if (nextEvent) {
+                    dis.dispatch({
+                        action: Action.EditEvent,
+                        event: nextEvent,
+                        timelineRenderingType: this.context.timelineRenderingType,
+                    });
+                } else {
+                    this.cancelEdit();
+                }
+                event.preventDefault();
+                break;
+            }
+        }
+    };
+
+    private endEdit(): void {
+        localStorage.removeItem(this.editorRoomKey);
+        localStorage.removeItem(this.editorStateKey);
+
+        // close the event editing and focus composer
+        dis.dispatch({
+            action: Action.EditEvent,
+            event: null,
+            timelineRenderingType: this.context.timelineRenderingType,
+        });
+        dis.dispatch({
+            action: Action.FocusSendMessageComposer,
+            context: this.context.timelineRenderingType,
+        });
+    }
+
+    private get editorRoomKey(): string {
+        return editorRoomKey(this.props.editState.getEvent().getRoomId()!, this.context.timelineRenderingType);
+    }
+
+    private get editorStateKey(): string {
+        return editorStateKey(this.props.editState.getEvent().getId()!);
+    }
+
+    private get events(): MatrixEvent[] {
+        const liveTimelineEvents = this.context.liveTimeline?.getEvents();
+        const room = this.getRoom();
+        if (!liveTimelineEvents || !room) return [];
+        const pendingEvents = room.getPendingEvents();
+        const isInThread = Boolean(this.props.editState.getEvent().getThread());
+        return liveTimelineEvents.concat(isInThread ? [] : pendingEvents);
+    }
+
+    private cancelEdit = (): void => {
+        this.endEdit();
+    };
+
+    private get shouldSaveStoredEditorState(): boolean {
+        return localStorage.getItem(this.editorRoomKey) !== null;
+    }
+
+    private restoreStoredEditorState(partCreator: PartCreator): Part[] | undefined {
+        const json = localStorage.getItem(this.editorStateKey);
+        if (json) {
+            try {
+                const { parts: serializedParts } = JSON.parse(json);
+                const parts: Part[] = serializedParts.map((p: SerializedPart) => partCreator.deserializePart(p));
+                return parts;
+            } catch (e) {
+                logger.error("Error parsing editing state: ", e);
+            }
+        }
+    }
+
+    private clearPreviousEdit(): void {
+        if (localStorage.getItem(this.editorRoomKey)) {
+            localStorage.removeItem(`mx_edit_state_${localStorage.getItem(this.editorRoomKey)}`);
+        }
+    }
+
+    private saveStoredEditorState = (): void => {
+        const item = SendHistoryManager.createItem(this.model);
+        this.clearPreviousEdit();
+        localStorage.setItem(this.editorRoomKey, this.props.editState.getEvent().getId()!);
+        localStorage.setItem(this.editorStateKey, JSON.stringify(item));
+    };
+
+    private isContentModified(newContent: RoomMessageEventContent): boolean {
+        // if nothing has changed then bail
+        const oldContent = this.props.editState.getEvent().getContent<RoomMessageEventContent>();
+        if (
+            oldContent["msgtype"] === newContent["msgtype"] &&
+            oldContent["body"] === newContent["body"] &&
+            (oldContent as RoomMessageTextEventContent)["format"] ===
+                (newContent as RoomMessageTextEventContent)["format"] &&
+            (oldContent as RoomMessageTextEventContent)["formatted_body"] ===
+                (newContent as RoomMessageTextEventContent)["formatted_body"]
+        ) {
+            return false;
+        }
+        return true;
+    }
+
+    private sendEdit = async (): Promise<void> => {
+        if (this.state.saveDisabled) return;
+
+        const editedEvent = this.props.editState.getEvent();
+
+        PosthogAnalytics.instance.trackEvent<ComposerEvent>({
+            eventName: "Composer",
+            isEditing: true,
+            messageType: "Text",
+            inThread: !!editedEvent?.getThread(),
+            isReply: !!editedEvent.replyEventId,
+        });
+
+        // Replace emoticon at the end of the message
+        if (SettingsStore.getValue("MessageComposerInput.autoReplaceEmoji") && this.editorRef.current) {
+            const caret = this.editorRef.current.getCaret();
+            const position = this.model.positionForOffset(caret.offset, caret.atNodeEnd);
+            this.editorRef.current.replaceEmoticon(position, REGEX_EMOTICON);
+        }
+        const editContent = createEditContent(this.model, editedEvent, this.replyToEvent);
+        const newContent = editContent["m.new_content"]!;
+
+        let shouldSend = true;
+
+        if (newContent?.body === "") {
+            this.cancelPreviousPendingEdit();
+            createRedactEventDialog({
+                mxEvent: editedEvent,
+                onCloseDialog: () => {
+                    this.cancelEdit();
+                },
+            });
+            return;
+        }
+
+        // If content is modified then send an updated event into the room
+        if (this.isContentModified(newContent)) {
+            const roomId = editedEvent.getRoomId()!;
+            if (!containsEmote(this.model) && isSlashCommand(this.model)) {
+                const [cmd, args, commandText] = getSlashCommand(roomId, this.model);
+                if (cmd) {
+                    const threadId = editedEvent?.getThread()?.id || null;
+                    const [content, commandSuccessful] = await runSlashCommand(
+                        MatrixClientPeg.safeGet(),
+                        cmd,
+                        args,
+                        roomId,
+                        threadId,
+                    );
+                    if (!commandSuccessful) {
+                        return; // errored
+                    }
+
+                    if (cmd.category === CommandCategories.messages || cmd.category === CommandCategories.effects) {
+                        editContent["m.new_content"] = content!;
+                    } else {
+                        shouldSend = false;
+                    }
+                } else {
+                    const sendAnyway = await shouldSendAnyway(commandText);
+                    // re-focus the composer after QuestionDialog is closed
+                    dis.dispatch({
+                        action: Action.FocusAComposer,
+                        context: this.context.timelineRenderingType,
+                    });
+                    // if !sendAnyway bail to let the user edit the composer and try again
+                    if (!sendAnyway) return;
+                }
+            }
+            if (shouldSend) {
+                this.cancelPreviousPendingEdit();
+
+                const event = this.props.editState.getEvent();
+                const threadId = event.threadRootId || null;
+
+                this.props.mxClient.sendMessage(roomId, threadId, editContent);
+                dis.dispatch({ action: "message_sent" });
+            }
+        }
+
+        this.endEdit();
+    };
+
+    private cancelPreviousPendingEdit(): void {
+        const originalEvent = this.props.editState.getEvent();
+        const previousEdit = originalEvent.replacingEvent();
+        if (
+            previousEdit &&
+            (previousEdit.status === EventStatus.QUEUED || previousEdit.status === EventStatus.NOT_SENT)
+        ) {
+            this.props.mxClient.cancelPendingEvent(previousEdit);
+        }
+    }
+
+    public componentWillUnmount(): void {
+        // store caret and serialized parts in the
+        // editorstate so it can be restored when the remote echo event tile gets rendered
+        // in case we're currently editing a pending event
+        const sel = document.getSelection()!;
+        let caret: DocumentOffset | undefined;
+        if (sel.focusNode && this.editorRef.current?.editorRef.current) {
+            caret = getCaretOffsetAndText(this.editorRef.current.editorRef.current, sel).caret;
+        }
+        const parts = this.model.serializeParts();
+        // if caret is undefined because for some reason there isn't a valid selection,
+        // then when mounting the editor again with the same editor state,
+        // it will set the cursor at the end.
+        this.props.editState.setEditorState(caret ?? null, parts);
+        window.removeEventListener("beforeunload", this.saveStoredEditorState);
+        if (this.shouldSaveStoredEditorState) {
+            this.saveStoredEditorState();
+        }
+        dis.unregister(this.dispatcherRef);
+    }
+
+    private createEditorModel(): boolean {
+        const { editState } = this.props;
+        const room = this.getRoom();
+        const partCreator = new CommandPartCreator(room, this.props.mxClient);
+
+        let parts: Part[];
+        let isRestored = false;
+        if (editState.hasEditorState()) {
+            // if restoring state from a previous editor,
+            // restore serialized parts from the state
+            // (editState.hasEditorState() checks getSerializedParts is not null)
+            parts = filterBoolean<Part>(editState.getSerializedParts()!.map((p) => partCreator.deserializePart(p)));
+        } else {
+            // otherwise, either restore serialized parts from localStorage or parse the body of the event
+            const restoredParts = this.restoreStoredEditorState(partCreator);
+            parts =
+                restoredParts ||
+                parseEvent(editState.getEvent(), partCreator, {
+                    shouldEscape: SettingsStore.getValue("MessageComposerInput.useMarkdown"),
+                });
+            isRestored = !!restoredParts;
+        }
+        this.model = new EditorModel(parts, partCreator);
+        this.saveStoredEditorState();
+
+        return isRestored;
+    }
+
+    private onChange = (): void => {
+        if (!this.state.saveDisabled || !this.editorRef.current?.isModified()) {
+            return;
+        }
+
+        this.setState({
+            saveDisabled: false,
+        });
+    };
+
+    private onAction = (payload: ActionPayload): void => {
+        if (!this.editorRef.current) return;
+
+        if (payload.action === Action.ComposerInsert) {
+            if (payload.timelineRenderingType !== this.context.timelineRenderingType) return;
+            if (payload.composerType !== ComposerType.Edit) return;
+
+            if (payload.userId) {
+                this.editorRef.current?.insertMention(payload.userId);
+            } else if (payload.event) {
+                this.editorRef.current?.insertQuotedMessage(payload.event);
+            } else if (payload.text) {
+                this.editorRef.current?.insertPlaintext(payload.text);
+            }
+        } else if (payload.action === Action.FocusEditMessageComposer) {
+            this.editorRef.current.focus();
+        }
+    };
+
+    public render(): React.ReactNode {
+        const room = this.getRoom();
+        if (!room) return null;
+
+        return (
+            <div className={classNames("mx_EditMessageComposer", this.props.className)} onKeyDown={this.onKeyDown}>
+                <BasicMessageComposer
+                    ref={this.editorRef}
+                    model={this.model}
+                    room={room}
+                    threadId={this.props.editState?.getEvent()?.getThread()?.id}
+                    initialCaret={this.props.editState.getCaret() ?? undefined}
+                    label={_t("composer|edit_composer_label")}
+                    onChange={this.onChange}
+                />
+                <div className="mx_EditMessageComposer_buttons">
+                    <AccessibleButton kind="secondary" onClick={this.cancelEdit}>
+                        {_t("action|cancel")}
+                    </AccessibleButton>
+                    <AccessibleButton kind="primary" onClick={this.sendEdit} disabled={this.state.saveDisabled}>
+                        {_t("action|save")}
+                    </AccessibleButton>
+                </div>
+            </div>
+        );
+    }
+}
+
+const EditMessageComposerWithMatrixClient = withMatrixClientHOC(EditMessageComposer);
+export default EditMessageComposerWithMatrixClient;
diff --git a/apps/web/src/components/views/rooms/EmojiButton.tsx b/apps/web/src/components/views/rooms/EmojiButton.tsx
new file mode 100644
index 00000000000..2bd6ed2fade
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EmojiButton.tsx
@@ -0,0 +1,63 @@
+/*
+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 classNames from "classnames";
+import React, { type JSX, useContext } from "react";
+import { ReactionIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import ContextMenu, { aboveLeftOf, type MenuProps, useContextMenu } from "../../structures/ContextMenu";
+import { CollapsibleButton, OverflowMenuContext } from "./CollapsibleButton";
+import { EmojiPickerWithRecents } from "../../../emojipicker/EmojiPickerWithRecents";
+
+interface IEmojiButtonProps {
+    addEmoji: (unicode: string) => boolean;
+    menuPosition?: MenuProps;
+    className?: string;
+}
+
+export function EmojiButton({ addEmoji, menuPosition, className }: IEmojiButtonProps): JSX.Element {
+    const overflowMenuCloser = useContext(OverflowMenuContext);
+    const [menuDisplayed, button, openMenu, closeMenu] = useContextMenu();
+
+    let contextMenu: React.ReactElement | null = null;
+    if (menuDisplayed && button.current) {
+        const position = menuPosition ?? aboveLeftOf(button.current.getBoundingClientRect());
+        const onFinished = (): void => {
+            closeMenu();
+            overflowMenuCloser?.();
+        };
+
+        contextMenu = (
+            <ContextMenu {...position} onFinished={onFinished} managed={false} focusLock>
+                <EmojiPickerWithRecents onChoose={addEmoji} onFinished={onFinished} />
+            </ContextMenu>
+        );
+    }
+
+    const computedClassName = classNames("mx_EmojiButton", className, {
+        mx_EmojiButton_highlight: menuDisplayed,
+    });
+
+    // TODO: replace ContextMenuTooltipButton with a unified representation of
+    // the header buttons and the right panel buttons
+    return (
+        <>
+            <CollapsibleButton
+                className={computedClassName}
+                onClick={openMenu}
+                title={_t("common|emoji")}
+                inputRef={button}
+            >
+                <ReactionIcon />
+            </CollapsibleButton>
+
+            {contextMenu}
+        </>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/EventTile.tsx b/apps/web/src/components/views/rooms/EventTile.tsx
new file mode 100644
index 00000000000..756b8e33ea4
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile.tsx
@@ -0,0 +1,1361 @@
+/*
+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, {
+    createRef,
+    useEffect,
+    type JSX,
+    type Ref,
+    type FocusEvent,
+    type MouseEvent,
+    type ReactNode,
+} from "react";
+import {
+    EventStatus,
+    type MatrixEvent,
+    MatrixEventEvent,
+    type Relations,
+    type Room,
+    RoomEvent,
+    type RoomMember,
+    type Thread,
+    ThreadEvent,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { uniqueId } from "lodash";
+import { useCreateAutoDisposedViewModel, TileErrorView } from "@element-hq/web-shared-components";
+
+import ReplyChain from "../elements/ReplyChain";
+import { _t } from "../../../languageHandler";
+import dis from "../../../dispatcher/dispatcher";
+import { Layout } from "../../../settings/enums/Layout";
+import SettingsStore from "../../../settings/SettingsStore";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import RoomAvatar from "../avatars/RoomAvatar";
+import MessageContextMenu from "../context_menus/MessageContextMenu";
+import { aboveRightOf } from "../../structures/ContextMenu";
+import { objectHasDiff } from "../../../utils/objects";
+import type EditorStateTransfer from "../../../utils/EditorStateTransfer";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import type LegacyCallEventGrouper from "../../structures/LegacyCallEventGrouper";
+import { type ComposerInsertPayload } from "../../../dispatcher/payloads/ComposerInsertPayload";
+import { Action } from "../../../dispatcher/actions";
+import PlatformPeg from "../../../PlatformPeg";
+import { type IReadReceiptPosition } from "./ReadReceiptMarker";
+import RoomContext, { TimelineRenderingType } from "../../../contexts/RoomContext";
+import { MediaEventHelper } from "../../../utils/MediaEventHelper";
+import { copyPlaintext } from "../../../utils/strings";
+import { DecryptionFailureTracker } from "../../../DecryptionFailureTracker";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import PosthogTrackers from "../../../PosthogTrackers";
+import { isMessageEvent, renderTile, type EventTileTypeProps } from "../../../events/EventTileFactory";
+import { type ShowThreadPayload } from "../../../dispatcher/payloads/ShowThreadPayload";
+import { UnreadNotificationBadge } from "./NotificationBadge/UnreadNotificationBadge";
+import { getLateEventInfo } from "../../structures/grouper/LateEventGrouper";
+import PinningUtils from "../../../utils/PinningUtils";
+import { ActionBarAdapter } from "./EventTile/ActionBarAdapter";
+import { E2eStandardPadlockIcon } from "./EventTile/E2eStandardPadlockIcon";
+import { E2eMessageSharedIconAdapter } from "./EventTile/E2eMessageSharedIconAdapter";
+import { EventTileAvatarAdapter } from "./EventTile/EventTileAvatarAdapter";
+import { ReceiptAdapter } from "./EventTile/ReceiptAdapter";
+import { EventTileSenderAdapter } from "./EventTile/EventTileSenderAdapter";
+import { ThreadListActionBarAdapter } from "./EventTile/ThreadListActionBarAdapter";
+import { EventTileFooter } from "./EventTile/EventTileFooter";
+import { EventTilePreviewBody } from "./EventTile/EventTilePreviewBody";
+import { EventTileThreadInfo, EventTileThreadPanelSummary } from "./EventTile/EventTileThreadInfo";
+import { EventTileTimestampSlot } from "./EventTile/EventTileTimestampSlot";
+import {
+    EventTileViewModel,
+    type EventTileRenderState,
+    type EventTileViewModelProps,
+    type EventTileViewModelDependencies,
+} from "../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+import {
+    getEventTileReceiptState,
+    type EventTileReceiptState,
+} from "../../../viewmodels/room/timeline/event-tile/EventTileReceiptState";
+import {
+    getEventTileThread,
+    getEventTileThreadState,
+    type EventTileThreadState,
+} from "../../../viewmodels/room/timeline/event-tile/EventTileThreadState";
+import {
+    eventTileActionBarFocusChange,
+    eventTileBlurWithin,
+    eventTileClearHover,
+    eventTileCloseContextMenu,
+    eventTileFocusWithin,
+    eventTileMouseEnter,
+    eventTileMouseLeave,
+    eventTileOpenContextMenu,
+    initialEventTileInteractionState,
+    type EventTileInteractionState,
+} from "../../../viewmodels/room/timeline/event-tile/EventTileInteractionState";
+import { type MessageTimestampViewModelProps } from "../../../viewmodels/room/timeline/event-tile/timestamp/MessageTimestampViewModel.ts";
+import {
+    getEventTileReactionRelations,
+    isEventTileReactionRelation,
+    type GetRelationsForEvent,
+} from "../../../viewmodels/room/timeline/event-tile/reactions/EventTileReactionState";
+import { TileErrorViewModel } from "../../../viewmodels/message-body/TileErrorViewModel";
+import { useSettingValue } from "../../../hooks/useSettings";
+import { resolveRoomMemberProfile, roomMemberToMemberInfo } from "../../../hooks/room/useRoomMemberProfile";
+import { EventTileE2eViewModel } from "../../../viewmodels/room/timeline/event-tile/EventTileE2eViewModel";
+import { shouldHighlightEventTile } from "../../../viewmodels/room/timeline/event-tile/EventTileHighlightState";
+import { shouldHideEventTile } from "../../../viewmodels/room/timeline/event-tile/EventTileVisibilityState";
+
+/** Relation lookup type retained for EventTile consumers. */
+export type { GetRelationsForEvent } from "../../../viewmodels/room/timeline/event-tile/reactions/EventTileReactionState";
+
+// Our component structure for EventTiles on the timeline is:
+//
+// .-EventTile------------------------------------------------.
+// | MemberAvatar (SenderProfile)                   TimeStamp |
+// |    .-{Message,Textual}Event---------------. Read Avatars |
+// |    |   .-MFooBody-------------------.     |              |
+// |    |   |  (only if MessageEvent)    |     |              |
+// |    |   '----------------------------'     |              |
+// |    '--------------------------------------'              |
+// '----------------------------------------------------------'
+
+/** Read receipt entry rendered beside an EventTile. */
+export interface IReadReceiptProps {
+    /** User ID that owns the receipt. */
+    userId: string;
+    /** Room member profile for the receipt user, if available. */
+    roomMember: RoomMember | null;
+    /** Receipt timestamp in milliseconds. */
+    ts: number;
+}
+
+/** Operations exposed by specialized event tile body renderers. */
+export interface IEventTileOps {
+    /** Whether the body renderer is currently hiding a widget. */
+    isWidgetHidden(): boolean;
+    /** Reveal a hidden widget in the body renderer. */
+    unhideWidget(): void;
+}
+
+/** Ref surface exposed by concrete event tile body components. */
+export interface IEventTileType extends React.Component<HTMLDivElement> {
+    /** Optional body-specific operations for context menu actions. */
+    getEventTileOps?(): IEventTileOps;
+    /** Media helper owned by the body renderer, when the event has media. */
+    getMediaHelper(): MediaEventHelper | undefined;
+}
+
+/** Props used to render an event in a room timeline surface. */
+export interface EventTileProps {
+    /** Matrix event to render. */
+    mxEvent: MatrixEvent;
+
+    /**
+     * Whether the event is redacted.
+     * This mirrors `mxEvent.isRedacted()` because `mxEvent` may retain object identity across updates.
+     */
+    isRedacted?: boolean;
+
+    /** Whether this event continues the previous sender block. */
+    continuation?: boolean;
+
+    /** Whether this is the last event in the timeline. */
+    last?: boolean;
+
+    /** Whether this is the last event in a timeline section. */
+    lastInSection?: boolean;
+
+    /** Whether this is the most recent successfully sent event. */
+    lastSuccessful?: boolean;
+
+    /** Whether this tile is rendered with search-context styling. */
+    contextual?: boolean;
+
+    /** Words to highlight in the event body, ordered longest first. */
+    highlights?: string[];
+
+    /** Link URL used for highlighted terms. */
+    highlightLink?: string;
+
+    /** Whether URL previews should be shown for this event. */
+    showUrlPreview?: boolean;
+
+    /** Whether this is the currently selected event. */
+    isSelectedEvent?: boolean;
+
+    /** Resize observer used by the parent timeline, if any. */
+    resizeObserver?: ResizeObserver;
+
+    /** Read receipts to show for this event. */
+    readReceipts?: IReadReceiptProps[];
+
+    /** Opaque read receipt animation state keyed by user ID. */
+    readReceiptMap?: { [userId: string]: IReadReceiptPosition };
+
+    /** Returns whether the parent panel is unmounting and tile work should be skipped. */
+    checkUnmounting?: () => boolean;
+
+    /** Denormalized `mxEvent.status` so status changes can trigger tile updates. */
+    eventSendStatus?: EventStatus;
+
+    /** Whether this tile is being rendered for export. */
+    forExport?: boolean;
+
+    /** Whether timestamps should use twelve-hour formatting. */
+    isTwelveHour?: boolean;
+
+    /** Helper used to access relations for this event. */
+    getRelationsForEvent?: GetRelationsForEvent;
+
+    /** Whether reactions should be shown for this event. */
+    showReactions?: boolean;
+
+    /** Timeline layout used by this tile. */
+    layout?: Layout;
+
+    /** Whether read receipts should be shown for this event. */
+    showReadReceipts?: boolean;
+
+    /** Editor state used while editing and across remote echo remounts. */
+    editState?: EditorStateTransfer;
+
+    /** Event ID replacing this event's content, if any. */
+    replacingEventId?: string;
+
+    /** Helper used to build room and event permalinks. */
+    permalinkCreator?: RoomPermalinkCreator;
+
+    /** Legacy call event grouping state for this event. */
+    callEventGrouper?: LegacyCallEventGrouper;
+
+    /** Element type used for the root node. */
+    as?: string;
+
+    /** Whether timestamps should always be visible. */
+    alwaysShowTimestamps?: boolean;
+
+    /** Whether sender identity should be hidden. */
+    hideSender?: boolean;
+
+    /** Whether thread information should be shown. */
+    showThreadInfo?: boolean;
+
+    /** Whether the current user can see a message hidden from other users for moderation. */
+    isSeeingThroughMessageHiddenForModeration?: boolean;
+
+    /** Whether sender profile rendering should use the event-time member snapshot. */
+    useEventSenderSnapshot?: boolean;
+
+    /** Whether the timestamp should be hidden for preview rendering. */
+    hideTimestamp?: boolean;
+    /** Whether interactive controls inside the tile should be inhibited. */
+    inhibitInteraction?: boolean;
+
+    /** Ref for imperative access to the unwrapped tile instance. */
+    ref?: Ref<UnwrappedEventTile>;
+}
+
+interface IState {
+    interaction: EventTileInteractionState;
+
+    // The Relations model from the JS SDK for reactions to `mxEvent`
+    reactions?: Relations | null | undefined;
+
+    isQuoteExpanded?: boolean;
+
+    thread: Thread | null;
+}
+
+interface EventTileRenderInputs {
+    hasPinnedMessageBadge: boolean;
+    hasReactionsRow: boolean;
+    threadState: EventTileThreadState;
+    isOwnEvent: boolean;
+}
+
+/** EventTile implementation rendered inside a RoomContext with `timelineRenderingType` set. */
+export class UnwrappedEventTile extends React.Component<EventTileProps, IState> {
+    private suppressReadReceiptAnimation: boolean;
+    private isListeningForReceipts: boolean;
+    private tile = createRef<IEventTileType>();
+    private replyChain = createRef<ReplyChain>();
+    private readonly viewModel: EventTileViewModel;
+    private readonly e2eViewModel: EventTileE2eViewModel;
+    private e2eViewModelSubscription?: () => void;
+
+    public readonly ref = createRef<HTMLElement>();
+
+    public static defaultProps = {
+        forExport: false,
+        layout: Layout.Group,
+    };
+
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    private readonly id = uniqueId();
+    private staleHoverCheckActive = false;
+
+    public constructor(props: EventTileProps, context: React.ContextType<typeof RoomContext>) {
+        super(props, context);
+
+        const thread = getEventTileThread(
+            this.props.mxEvent,
+            MatrixClientPeg.safeGet().getRoom(this.props.mxEvent.getRoomId()),
+        );
+
+        this.state = {
+            interaction: initialEventTileInteractionState,
+
+            // The Relations model from the JS SDK for reactions to `mxEvent`
+            reactions: this.getReactions(),
+
+            thread,
+        };
+
+        this.viewModel = new EventTileViewModel(this.createViewModelDependencies(), this.createViewModelProps());
+
+        this.e2eViewModel = new EventTileE2eViewModel({
+            cli: MatrixClientPeg.safeGet(),
+            mxEvent: this.props.mxEvent,
+            isRoomEncrypted: this.context.isRoomEncrypted,
+            eventSendStatus: this.props.eventSendStatus,
+            enableListeners: !this.props.forExport,
+        });
+
+        // don't do RR animations until we are mounted
+        this.suppressReadReceiptAnimation = true;
+
+        // Throughout the component we manage a read receipt listener to see if our tile still
+        // qualifies for a "sent" or "sending" state (based on their relevant conditions). We
+        // don't want to over-subscribe to the read receipt events being fired, so we use a flag
+        // to determine if we've already subscribed and use a combination of other flags to find
+        // out if we should even be subscribed at all.
+        this.isListeningForReceipts = false;
+    }
+
+    private get receiptState(): EventTileReceiptState {
+        const client = MatrixClientPeg.safeGet();
+
+        return getEventTileReceiptState({
+            mxEvent: this.props.mxEvent,
+            readReceipts: this.props.readReceipts,
+            hasRoom: !!client.getRoom(this.props.mxEvent.getRoomId()),
+            ownUserId: client.getSafeUserId(),
+            lastSuccessful: this.props.lastSuccessful,
+            eventSendStatus: this.props.eventSendStatus,
+            timelineRenderingType: this.context.timelineRenderingType,
+        });
+    }
+
+    public componentDidMount(): void {
+        this.suppressReadReceiptAnimation = false;
+        this.e2eViewModelSubscription = this.e2eViewModel.subscribe(() => {
+            this.forceUpdate();
+        });
+        this.e2eViewModel.start();
+
+        const client = MatrixClientPeg.safeGet();
+        if (!this.props.forExport) {
+            this.props.mxEvent.on(MatrixEventEvent.Decrypted, this.onDecrypted);
+            this.props.mxEvent.on(MatrixEventEvent.Replaced, this.onReplaced);
+            DecryptionFailureTracker.instance.addVisibleEvent(this.props.mxEvent);
+            if (this.props.showReactions) {
+                this.props.mxEvent.on(MatrixEventEvent.RelationsCreated, this.onReactionsCreated);
+            }
+
+            if (this.receiptState.shouldListenForReceipts) {
+                client.on(RoomEvent.Receipt, this.onRoomReceipt);
+                this.isListeningForReceipts = true;
+            }
+        }
+
+        this.props.mxEvent.on(ThreadEvent.Update, this.updateThread);
+
+        client.decryptEventIfNeeded(this.props.mxEvent);
+
+        const room = client.getRoom(this.props.mxEvent.getRoomId());
+        room?.on(ThreadEvent.New, this.onNewThread);
+    }
+
+    private readonly updateThread = (thread: Thread): void => {
+        this.setState({ thread });
+    };
+
+    public shouldComponentUpdate(nextProps: EventTileProps, nextState: IState): boolean {
+        if (objectHasDiff(this.state, nextState)) {
+            return true;
+        }
+
+        return !this.propsEqual(this.props, nextProps);
+    }
+
+    public componentWillUnmount(): void {
+        this.stopStaleHoverCheck();
+        const client = MatrixClientPeg.get();
+        if (client) {
+            client.removeListener(RoomEvent.Receipt, this.onRoomReceipt);
+            const room = client.getRoom(this.props.mxEvent.getRoomId());
+            room?.off(ThreadEvent.New, this.onNewThread);
+        }
+        this.isListeningForReceipts = false;
+        this.props.mxEvent.removeListener(MatrixEventEvent.Decrypted, this.onDecrypted);
+        this.props.mxEvent.removeListener(MatrixEventEvent.Replaced, this.onReplaced);
+        if (this.props.showReactions) {
+            this.props.mxEvent.removeListener(MatrixEventEvent.RelationsCreated, this.onReactionsCreated);
+        }
+        this.props.mxEvent.off(ThreadEvent.Update, this.updateThread);
+        this.e2eViewModelSubscription?.();
+        this.e2eViewModelSubscription = undefined;
+        this.e2eViewModel.dispose();
+        this.viewModel.dispose();
+        if (this.props.resizeObserver && this.ref.current) this.props.resizeObserver.unobserve(this.ref.current);
+    }
+
+    public componentDidUpdate(_prevProps: Readonly<EventTileProps>, prevState: Readonly<IState>): void {
+        // Some overlays, such as portalled tooltips, can interrupt the normal mouseleave path.
+        // While hover is active, verify it against the browser's real :hover state on mouse movement.
+        if (!prevState.interaction.hover && this.state.interaction.hover) {
+            this.startStaleHoverCheck();
+        } else if (prevState.interaction.hover && !this.state.interaction.hover) {
+            this.stopStaleHoverCheck();
+        }
+
+        // If we're not listening for receipts and expect to be, register a listener.
+        if (!this.isListeningForReceipts && this.receiptState.shouldListenForReceipts) {
+            MatrixClientPeg.safeGet().on(RoomEvent.Receipt, this.onRoomReceipt);
+            this.isListeningForReceipts = true;
+        }
+        this.e2eViewModel.setProps({
+            mxEvent: this.props.mxEvent,
+            isRoomEncrypted: this.context.isRoomEncrypted,
+            eventSendStatus: this.props.eventSendStatus,
+            enableListeners: !this.props.forExport,
+        });
+
+        if (this.props.resizeObserver && this.ref.current) this.props.resizeObserver.observe(this.ref.current);
+
+        // Moving between edited messages can remount the editor without a reliable blur event.
+        // Clear stale focus-derived action bar state when focus has actually left this tile.
+        if (
+            this.state.interaction.focusWithin &&
+            this.ref.current &&
+            document.activeElement instanceof HTMLElement &&
+            !this.ref.current.contains(document.activeElement)
+        ) {
+            this.setState((prevState) => ({
+                interaction: eventTileBlurWithin(prevState.interaction),
+            }));
+        }
+    }
+
+    private readonly onNewThread = (thread: Thread): void => {
+        if (thread.id === this.props.mxEvent.getId()) {
+            this.updateThread(thread);
+            const room = MatrixClientPeg.safeGet().getRoom(this.props.mxEvent.getRoomId());
+            room?.off(ThreadEvent.New, this.onNewThread);
+        }
+    };
+
+    private get threadState(): EventTileThreadState {
+        return getEventTileThreadState({
+            mxEvent: this.props.mxEvent,
+            thread: this.state.thread,
+            timelineRenderingType: this.context.timelineRenderingType,
+            highlightLink: this.props.highlightLink,
+        });
+    }
+
+    private readonly onViewInRoomClick = (_anchor: HTMLElement | null): void => {
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            event_id: this.props.mxEvent.getId(),
+            highlighted: true,
+            room_id: this.props.mxEvent.getRoomId(),
+            metricsTrigger: undefined, // room doesn't change
+        });
+    };
+
+    private readonly onCopyLinkToThreadClick = async (_anchor: HTMLElement | null): Promise<void> => {
+        const { permalinkCreator, mxEvent } = this.props;
+        if (!permalinkCreator) return;
+        const matrixToUrl = permalinkCreator.forEvent(mxEvent.getId()!);
+        await copyPlaintext(matrixToUrl);
+    };
+
+    private readonly onRoomReceipt = (ev: MatrixEvent, room: Room): void => {
+        // ignore events for other rooms
+        const tileRoom = MatrixClientPeg.safeGet().getRoom(this.props.mxEvent.getRoomId());
+        if (room !== tileRoom) return;
+
+        if (!this.receiptState.shouldListenForReceipts && !this.isListeningForReceipts) {
+            return;
+        }
+
+        // We force update because we have no state or prop changes to queue up, instead relying on
+        // the getters we use here to determine what needs rendering.
+        this.forceUpdate(() => {
+            // Per elsewhere in this file, we can remove the listener once we will have no further purpose for it.
+            if (!this.receiptState.shouldListenForReceipts) {
+                MatrixClientPeg.safeGet().removeListener(RoomEvent.Receipt, this.onRoomReceipt);
+                this.isListeningForReceipts = false;
+            }
+        });
+    };
+
+    /** called when the event is decrypted after we show it.
+     */
+    private readonly onDecrypted = (): void => {
+        // E2E padlock verification is handled by EventTileE2eViewModel; this refreshes the rest of the tile body.
+        this.forceUpdate();
+    };
+
+    /** called when the event is edited after we show it. */
+    private readonly onReplaced = (): void => {
+        // E2E padlock verification is handled by EventTileE2eViewModel; this refreshes the rest of the tile body.
+        this.forceUpdate();
+    };
+
+    private propsEqual(objA: EventTileProps, objB: EventTileProps): boolean {
+        const keysA = Object.keys(objA) as Array<keyof EventTileProps>;
+        const keysB = Object.keys(objB) as Array<keyof EventTileProps>;
+
+        if (keysA.length !== keysB.length) {
+            return false;
+        }
+
+        for (let i = 0; i < keysA.length; i++) {
+            const key = keysA[i];
+
+            if (!objB.hasOwnProperty(key)) {
+                return false;
+            }
+
+            // need to deep-compare readReceipts
+            if (key === "readReceipts") {
+                const rA = objA[key];
+                const rB = objB[key];
+                if (rA === rB) {
+                    continue;
+                }
+
+                if (!rA || !rB) {
+                    return false;
+                }
+
+                if (rA.length !== rB.length) {
+                    return false;
+                }
+                for (let j = 0; j < rA.length; j++) {
+                    if (rA[j].userId !== rB[j].userId) {
+                        return false;
+                    }
+                    // one has a member set and the other doesn't?
+                    if (rA[j].roomMember !== rB[j].roomMember) {
+                        return false;
+                    }
+                }
+            } else {
+                if (objA[key] !== objB[key]) {
+                    return false;
+                }
+            }
+        }
+        return true;
+    }
+
+    private readonly onSenderProfileClick = (): void => {
+        dis.dispatch<ComposerInsertPayload>({
+            action: Action.ComposerInsert,
+            userId: this.props.mxEvent.getSender()!,
+            timelineRenderingType: this.context.timelineRenderingType,
+        });
+    };
+
+    private readonly onPermalinkClicked = (e: MouseEvent): void => {
+        // This allows the permalink to be opened in a new tab/window or copied as
+        // matrix.to, but also for it to enable routing within Element when clicked.
+        e.preventDefault();
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            event_id: this.props.mxEvent.getId(),
+            highlighted: true,
+            room_id: this.props.mxEvent.getRoomId(),
+            metricsTrigger:
+                this.context.timelineRenderingType === TimelineRenderingType.Search ? "MessageSearch" : undefined,
+        });
+    };
+
+    private renderE2EPadlock(): ReactNode {
+        const e2ePadlockViewState = this.e2eViewModel.getSnapshot();
+
+        switch (e2ePadlockViewState.kind) {
+            case "none":
+                return null;
+            case "messageShared":
+                return (
+                    <E2eMessageSharedIconAdapter
+                        eventTileViewModel={this.viewModel}
+                        keyForwardingUserId={e2ePadlockViewState.keyForwardingUserId}
+                        roomId={e2ePadlockViewState.roomId}
+                    />
+                );
+            case "icon":
+                return <E2eStandardPadlockIcon icon={e2ePadlockViewState.icon} title={e2ePadlockViewState.title} />;
+        }
+    }
+
+    private readonly onActionBarFocusChange = (actionBarFocused: boolean): void => {
+        this.setState((prevState) => ({
+            interaction: eventTileActionBarFocusChange(
+                prevState.interaction,
+                actionBarFocused,
+                this.ref.current?.matches(":hover") ?? false,
+            ),
+        }));
+    };
+
+    private startStaleHoverCheck(): void {
+        if (this.staleHoverCheckActive) return;
+        document.addEventListener("mousemove", this.onDocumentMouseMove, true);
+        this.staleHoverCheckActive = true;
+    }
+
+    private stopStaleHoverCheck(): void {
+        if (!this.staleHoverCheckActive) return;
+        document.removeEventListener("mousemove", this.onDocumentMouseMove, true);
+        this.staleHoverCheckActive = false;
+    }
+
+    private readonly onDocumentMouseMove = (): void => {
+        if (this.state.interaction.hover && !(this.ref.current?.matches(":hover") ?? false)) {
+            this.setState((prevState) => ({
+                interaction: eventTileClearHover(prevState.interaction),
+            }));
+        }
+    };
+
+    private readonly onMouseEnter = (): void => {
+        this.setState((prevState) => ({
+            interaction: eventTileMouseEnter(prevState.interaction),
+        }));
+    };
+
+    private readonly onMouseLeave = (): void => {
+        this.setState((prevState) => ({
+            interaction: eventTileMouseLeave(prevState.interaction),
+        }));
+    };
+
+    private readonly onFocusWithin = (event: FocusEvent<HTMLElement>): void => {
+        // Show the action toolbar for keyboard-visible focus, with what-input as a fallback signal.
+        const target = event.target;
+        const showActionBarFromFocus =
+            target.matches(":focus-visible") || document.body.dataset["data-whatinput"] === "keyboard";
+        this.setState((prevState) => ({
+            interaction: eventTileFocusWithin(prevState.interaction, showActionBarFromFocus),
+        }));
+    };
+
+    private readonly onBlurWithin = (event: FocusEvent<HTMLElement>): void => {
+        if (event.currentTarget.contains(event.relatedTarget)) {
+            return;
+        }
+
+        this.setState((prevState) => ({
+            interaction: eventTileBlurWithin(prevState.interaction),
+        }));
+    };
+
+    private readonly getTile: () => IEventTileType | null = () => this.tile.current;
+
+    private readonly getReplyChain = (): ReplyChain | null => this.replyChain.current;
+
+    private readonly getReactions = (): Relations | null => {
+        return getEventTileReactionRelations({
+            mxEvent: this.props.mxEvent,
+            showReactions: this.props.showReactions,
+            getRelationsForEvent: this.props.getRelationsForEvent,
+        });
+    };
+
+    private readonly getAvatarMember = (): RoomMember | null => {
+        if (this.props.mxEvent.getContent().third_party_invite) {
+            return this.props.mxEvent.target;
+        }
+
+        return this.props.mxEvent.sender;
+    };
+
+    private readonly onReactionsCreated = (relationType: string, eventType: string): void => {
+        if (!isEventTileReactionRelation(relationType, eventType)) {
+            return;
+        }
+        this.setState({
+            reactions: this.getReactions(),
+        });
+    };
+
+    private readonly onContextMenu = (ev: React.MouseEvent): void => {
+        this.showContextMenu(ev);
+    };
+
+    private readonly onTimestampContextMenu = (ev: React.MouseEvent): void => {
+        this.showContextMenu(ev, this.props.permalinkCreator?.forEvent(this.props.mxEvent.getId()!));
+    };
+
+    private showContextMenu(ev: React.MouseEvent, permalink?: string): void {
+        const clickTarget = ev.target as HTMLElement;
+
+        // Try to find an anchor element
+        const anchorElement = clickTarget instanceof HTMLAnchorElement ? clickTarget : clickTarget.closest("a");
+
+        // There is no way to copy non-PNG images into clipboard, so we can't
+        // have our own handling for copying images, so we leave it to the
+        // Electron layer (webcontents-handler.ts)
+        if (clickTarget instanceof HTMLImageElement) return;
+
+        // Return if we're in a browser and click either an a tag, as in those cases we want to use the native browser menu
+        if (!PlatformPeg.get()?.allowOverridingNativeContextMenus() && anchorElement) return;
+
+        // We don't want to show the menu when editing a message
+        if (this.props.editState) return;
+
+        ev.preventDefault();
+        ev.stopPropagation();
+        this.setState((prevState) => ({
+            interaction: eventTileOpenContextMenu(prevState.interaction, {
+                position: {
+                    left: ev.clientX,
+                    top: ev.clientY,
+                    bottom: ev.clientY,
+                },
+                link: anchorElement?.href || permalink,
+            }),
+        }));
+    }
+
+    private readonly onCloseMenu = (): void => {
+        this.setState((prevState) => ({
+            interaction: eventTileCloseContextMenu(prevState.interaction),
+        }));
+    };
+
+    private readonly setQuoteExpanded = (expanded: boolean): void => {
+        this.setState({
+            isQuoteExpanded: expanded,
+        });
+    };
+
+    private createMessageTimestampProps(ts: number): MessageTimestampViewModelProps {
+        return {
+            showRelative: this.context.timelineRenderingType === TimelineRenderingType.ThreadsList,
+            showTwelveHour: this.props.isTwelveHour,
+            ts,
+            receivedTs: getLateEventInfo(this.props.mxEvent)?.received_ts,
+        };
+    }
+
+    private createLinkedMessageTimestampProps(
+        messageTimestampProps: MessageTimestampViewModelProps,
+    ): MessageTimestampViewModelProps {
+        return {
+            ...messageTimestampProps,
+            href: this.getPermalink(),
+            onClick: this.onPermalinkClicked,
+            onContextMenu: this.onTimestampContextMenu,
+        };
+    }
+
+    private getPermalink(): string {
+        if (this.props.permalinkCreator) {
+            return this.props.permalinkCreator.forEvent(this.props.mxEvent.getId()!);
+        }
+
+        return "#";
+    }
+
+    private createRootAttributes({
+        className,
+        ariaLive,
+        scrollToken,
+    }: EventTileRenderState["root"]): Record<string, unknown> {
+        return {
+            "className": className,
+            "aria-live": ariaLive,
+            "aria-atomic": true,
+            "data-scroll-tokens": scrollToken,
+        };
+    }
+
+    private createInteractiveRootAttributes(rootRenderState: EventTileRenderState["root"]): Record<string, unknown> {
+        return {
+            ...this.createRootAttributes(rootRenderState),
+            ref: this.ref,
+            onMouseEnter: this.onMouseEnter,
+            onMouseLeave: this.onMouseLeave,
+            onFocus: this.onFocusWithin,
+            onBlur: this.onBlurWithin,
+        };
+    }
+
+    private createRenderTileProps({
+        replacingEventId,
+        isSeeingThroughMessageHiddenForModeration,
+        permalinkCreator = this.props.permalinkCreator,
+    }: {
+        replacingEventId?: string;
+        isSeeingThroughMessageHiddenForModeration?: boolean;
+        permalinkCreator?: RoomPermalinkCreator;
+    }): EventTileTypeProps {
+        return {
+            ...this.props,
+            ref: this.tile,
+            ...(replacingEventId === undefined ? {} : { replacingEventId }),
+            isSeeingThroughMessageHiddenForModeration,
+            highlights: this.props.highlights,
+            highlightLink: this.props.highlightLink,
+            permalinkCreator,
+            showHiddenEvents: this.context.showHiddenEvents,
+        };
+    }
+
+    private createViewModelDependencies(): EventTileViewModelDependencies {
+        return {
+            mxEvent: this.props.mxEvent,
+            matrixClient: MatrixClientPeg.safeGet(),
+            showHiddenEvents: this.context.showHiddenEvents,
+            hideEvent: shouldHideEventTile({ callEventGrouper: this.props.callEventGrouper }),
+        };
+    }
+
+    private createRenderInputs(): EventTileRenderInputs {
+        const isRedacted = isMessageEvent(this.props.mxEvent) && this.props.isRedacted;
+        const hasPinnedMessageBadge = PinningUtils.isPinned(MatrixClientPeg.safeGet(), this.props.mxEvent);
+        const hasReactionsRow = !isRedacted;
+        const threadState = this.threadState;
+        // Use `getSender()` because searched events might not have a proper `sender`.
+        const isOwnEvent = this.props.mxEvent?.getSender() === MatrixClientPeg.safeGet().getUserId();
+
+        return {
+            hasPinnedMessageBadge,
+            hasReactionsRow,
+            threadState,
+            isOwnEvent,
+        };
+    }
+
+    private createViewModelProps(inputs: EventTileRenderInputs = this.createRenderInputs()): EventTileViewModelProps {
+        const { hasPinnedMessageBadge, hasReactionsRow, threadState, isOwnEvent } = inputs;
+        const isProbablyMedia = MediaEventHelper.isEligible(this.props.mxEvent);
+        const isEditing = !!this.props.editState;
+        const isSending =
+            this.props.eventSendStatus === EventStatus.SENDING ||
+            this.props.eventSendStatus === EventStatus.QUEUED ||
+            this.props.eventSendStatus === EventStatus.ENCRYPTING;
+
+        return {
+            event: {
+                isSending,
+                ariaLive: this.props.eventSendStatus === null ? undefined : "off",
+                isEditing,
+                forExport: this.props.forExport,
+            },
+            display: {
+                timelineRenderingType: this.context.timelineRenderingType,
+                layout: this.props.layout,
+                continuation: this.props.continuation,
+                isProbablyMedia,
+                isTwelveHour: this.props.isTwelveHour,
+                isHighlighted: shouldHighlightEventTile({
+                    cli: MatrixClientPeg.safeGet(),
+                    mxEvent: this.props.mxEvent,
+                    timelineRenderingType: this.context.timelineRenderingType,
+                    forExport: this.props.forExport,
+                    isRedacted: this.props.isRedacted,
+                }),
+                isSelected: this.props.isSelectedEvent || !!this.state.interaction.contextMenu,
+                isLast: this.props.last,
+                isLastInSection: this.props.lastInSection,
+                isContextual: this.props.contextual,
+            },
+            interaction: {
+                hover: this.state.interaction.hover,
+                showActionBarFromFocus: this.state.interaction.showActionBarFromFocus,
+                focusWithin: this.state.interaction.focusWithin,
+                isActionBarFocused: this.state.interaction.actionBarFocused,
+                hasContextMenu: !!this.state.interaction.contextMenu,
+                inhibitInteraction: this.props.inhibitInteraction,
+            },
+            sender: {
+                member: roomMemberToMemberInfo(
+                    this.props.useEventSenderSnapshot
+                        ? this.getAvatarMember()
+                        : resolveRoomMemberProfile({
+                              room: MatrixClientPeg.safeGet().getRoom(this.props.mxEvent.getRoomId() ?? ""),
+                              userId: this.props.mxEvent.getSender() ?? undefined,
+                              member: this.getAvatarMember(),
+                              useOnlyCurrentProfiles: SettingsStore.getValue("useOnlyCurrentProfiles"),
+                              timelineRenderingType: this.context.timelineRenderingType,
+                          }),
+                ),
+                hideSender: this.props.hideSender,
+            },
+            timestamp: {
+                alwaysShowTimestamps: this.props.alwaysShowTimestamps,
+                hideTimestamp: this.props.hideTimestamp,
+                threadReplyEventTs: threadState.threadReplyEventTs,
+            },
+            footer: {
+                isOwnEvent,
+                hasReactionsRow,
+                hasReactions: !!this.state.reactions,
+                hasPinnedMessageBadge,
+            },
+        };
+    }
+
+    private renderContextMenu(): ReactNode {
+        if (!this.state.interaction.contextMenu) return null;
+
+        const tile = this.getTile();
+        const replyChain = this.getReplyChain();
+        const eventTileOps = tile?.getEventTileOps ? tile.getEventTileOps() : undefined;
+        const collapseReplyChain = replyChain?.canCollapse() ? replyChain.collapse : undefined;
+
+        return (
+            <MessageContextMenu
+                {...aboveRightOf(this.state.interaction.contextMenu.position)}
+                mxEvent={this.props.mxEvent}
+                permalinkCreator={this.props.permalinkCreator}
+                eventTileOps={eventTileOps}
+                collapseReplyChain={collapseReplyChain}
+                onFinished={this.onCloseMenu}
+                rightClick={true}
+                reactions={this.state.reactions}
+                link={this.state.interaction.contextMenu.link}
+                getRelationsForEvent={this.props.getRelationsForEvent}
+            />
+        );
+    }
+
+    public render(): ReactNode {
+        const { isQuoteExpanded } = this.state;
+        const renderInputs = this.createRenderInputs();
+        const { hasPinnedMessageBadge, hasReactionsRow, threadState } = renderInputs;
+
+        this.viewModel.setInputs(this.createViewModelDependencies(), this.createViewModelProps(renderInputs));
+        const eventTileRenderState = this.viewModel.getSnapshot();
+        const eventTileSnapshot = eventTileRenderState.snapshot;
+
+        // This shouldn't happen: the caller should check we support this type
+        // before trying to instantiate us
+        if (!eventTileSnapshot.event.hasRenderer) {
+            logger.warn(
+                `Event type not supported: type:${eventTileSnapshot.event.eventType} isState:${eventTileSnapshot.event.isState}`,
+            );
+            return (
+                <div className="mx_EventTile mx_EventTile_info mx_MNoticeBody">
+                    <div className="mx_EventTile_line">{_t("timeline|error_no_renderer")}</div>
+                </div>
+            );
+        }
+
+        const lineClasses = eventTileRenderState.line.className;
+        const isRenderingNotification = eventTileSnapshot.event.isRenderingNotification;
+        const isSeeingThroughMessageHiddenForModeration =
+            eventTileSnapshot.event.isSeeingThroughMessageHiddenForModeration;
+
+        const permalink = this.getPermalink();
+        const rootRenderState = eventTileRenderState.root;
+
+        const avatarMember = this.getAvatarMember();
+        const avatar = <EventTileAvatarAdapter avatarMember={avatarMember} senderSnapshot={eventTileSnapshot.sender} />;
+        const sender = (
+            <EventTileSenderAdapter
+                sender={eventTileSnapshot.sender}
+                onSenderProfileClick={this.onSenderProfileClick}
+            />
+        );
+
+        const actionBar = eventTileSnapshot.actionBar.show ? (
+            <ActionBarAdapter
+                eventTileViewModel={this.viewModel}
+                mxEvent={this.props.mxEvent}
+                reactions={this.state.reactions}
+                permalinkCreator={this.props.permalinkCreator}
+                getTile={this.getTile}
+                getReplyChain={this.getReplyChain}
+                onFocusChange={this.onActionBarFocusChange}
+                isQuoteExpanded={isQuoteExpanded}
+                toggleThreadExpanded={() => this.setQuoteExpanded(!isQuoteExpanded)}
+                getRelationsForEvent={this.props.getRelationsForEvent}
+            />
+        ) : undefined;
+
+        const ts = eventTileRenderState.timestamp.value;
+
+        const messageTimestampProps = this.createMessageTimestampProps(ts);
+        const linkedMessageTimestampProps = this.createLinkedMessageTimestampProps(messageTimestampProps);
+
+        const timestamp = (
+            <EventTileTimestampSlot
+                eventTileViewModel={this.viewModel}
+                kind="plain"
+                timestampProps={messageTimestampProps}
+                showTimestamp={eventTileRenderState.timestamp.displayState.showRealTimestamp}
+                showDummy={eventTileRenderState.timestamp.showDummy}
+            />
+        );
+        const linkedTimestamp = (
+            <EventTileTimestampSlot
+                eventTileViewModel={this.viewModel}
+                kind="linked"
+                timestampProps={linkedMessageTimestampProps}
+                showTimestamp={eventTileRenderState.timestamp.displayState.showLinkedTimestamp}
+                showDummy={eventTileRenderState.timestamp.showDummy}
+            />
+        );
+
+        const groupTimestamp = eventTileRenderState.timestamp.showInGroupLine ? linkedTimestamp : null;
+        const ircTimestamp = eventTileRenderState.timestamp.showInIrcLine ? linkedTimestamp : null;
+        const groupPadlock = eventTileRenderState.e2ePadlock.showInGroupLine && this.renderE2EPadlock();
+        const ircPadlock = eventTileRenderState.e2ePadlock.showInIrcLine && this.renderE2EPadlock();
+
+        const msgOption = (
+            <ReceiptAdapter
+                receiptState={this.receiptState}
+                eventSendStatus={this.props.eventSendStatus}
+                showReadReceipts={this.props.showReadReceipts}
+                readReceipts={this.props.readReceipts}
+                readReceiptMap={this.props.readReceiptMap}
+                checkUnmounting={this.props.checkUnmounting}
+                suppressAnimation={this.suppressReadReceiptAnimation}
+                isTwelveHour={this.props.isTwelveHour}
+            />
+        );
+
+        let replyChain: JSX.Element | undefined;
+        if (eventTileSnapshot.root.data.hasReply) {
+            replyChain = (
+                <ReplyChain
+                    parentEv={this.props.mxEvent}
+                    ref={this.replyChain}
+                    forExport={this.props.forExport}
+                    permalinkCreator={this.props.permalinkCreator}
+                    alwaysShowTimestamps={eventTileSnapshot.replyChain.alwaysShowTimestamps}
+                    isQuoteExpanded={isQuoteExpanded}
+                    setQuoteExpanded={this.setQuoteExpanded}
+                    getRelationsForEvent={this.props.getRelationsForEvent}
+                />
+            );
+        }
+
+        const { hasFooter, showMainPinnedMessageBadge, showBubblePinnedMessageBadge } = eventTileRenderState.footer;
+
+        switch (this.context.timelineRenderingType) {
+            case TimelineRenderingType.Thread: {
+                return React.createElement(
+                    this.props.as || "li",
+                    {
+                        ...this.createInteractiveRootAttributes(rootRenderState),
+                        "data-has-reply": eventTileSnapshot.root.data.hasReply,
+                        "data-layout": eventTileSnapshot.root.data.layout,
+                        "data-self": eventTileSnapshot.root.data.isOwnEvent,
+                        "data-event-id": eventTileSnapshot.root.data.eventId,
+                    },
+                    [
+                        <div className="mx_EventTile_senderDetails" key="mx_EventTile_senderDetails">
+                            {avatar}
+                            {sender}
+                        </div>,
+                        <div
+                            id={this.id}
+                            className={lineClasses}
+                            key="mx_EventTile_line"
+                            onContextMenu={this.onContextMenu}
+                        >
+                            {this.renderContextMenu()}
+                            {replyChain}
+                            {renderTile(
+                                TimelineRenderingType.Thread,
+                                this.createRenderTileProps({
+                                    replacingEventId: eventTileSnapshot.event.replacingEventId,
+                                    isSeeingThroughMessageHiddenForModeration,
+                                    permalinkCreator: this.props.permalinkCreator!,
+                                }),
+                            )}
+                            {actionBar}
+                            {linkedTimestamp}
+                            {msgOption}
+                        </div>,
+                        <EventTileFooter
+                            key="mx_EventTile_footer"
+                            eventTileViewModel={this.viewModel}
+                            mxEvent={this.props.mxEvent}
+                            reactions={this.state.reactions}
+                            hasFooter={hasFooter}
+                            hasPinnedMessageBadge={hasPinnedMessageBadge}
+                            hasReactionsRow={hasReactionsRow}
+                            pinnedMessageBadgeAriaDescribedBy={this.id}
+                            placement="default"
+                            showMainPinnedMessageBadge={showMainPinnedMessageBadge}
+                            showBubblePinnedMessageBadge={showBubblePinnedMessageBadge}
+                        />,
+                    ],
+                );
+            }
+            case TimelineRenderingType.Notification:
+            case TimelineRenderingType.ThreadsList: {
+                const room = MatrixClientPeg.safeGet().getRoom(this.props.mxEvent.getRoomId());
+                return React.createElement(
+                    this.props.as || "li",
+                    {
+                        ...this.createInteractiveRootAttributes(rootRenderState),
+                        "tabIndex": -1,
+                        "data-layout": eventTileSnapshot.root.data.layout,
+                        "data-shape": eventTileSnapshot.root.data.shape,
+                        "data-self": eventTileSnapshot.root.data.isOwnEvent,
+                        "data-has-reply": eventTileSnapshot.root.data.hasReply,
+                        "onClick": (ev: MouseEvent) => {
+                            const target = ev.currentTarget as HTMLElement;
+                            let index = -1;
+                            if (target.parentElement) index = Array.from(target.parentElement.children).indexOf(target);
+                            switch (this.context.timelineRenderingType) {
+                                case TimelineRenderingType.Notification:
+                                    this.onViewInRoomClick(null);
+                                    break;
+                                case TimelineRenderingType.ThreadsList:
+                                    dis.dispatch<ShowThreadPayload>({
+                                        action: Action.ShowThread,
+                                        rootEvent: this.props.mxEvent,
+                                        push: true,
+                                    });
+                                    PosthogTrackers.trackInteraction("WebThreadsPanelThreadItem", ev, index ?? -1);
+                                    break;
+                            }
+                        },
+                    },
+                    <>
+                        <div className="mx_EventTile_details">
+                            {sender}
+                            {isRenderingNotification && room ? (
+                                <span className="mx_EventTile_truncated">
+                                    {" "}
+                                    {_t(
+                                        "timeline|in_room_name",
+                                        { room: room.name },
+                                        { strong: (sub) => <strong>{sub}</strong> },
+                                    )}
+                                </span>
+                            ) : (
+                                ""
+                            )}
+                            {timestamp}
+                            <UnreadNotificationBadge
+                                room={room || undefined}
+                                threadId={eventTileSnapshot.root.data.eventId}
+                                forceDot={true}
+                            />
+                        </div>
+                        {isRenderingNotification && room ? (
+                            <div className="mx_EventTile_avatar">
+                                <RoomAvatar room={room} size="28px" />
+                            </div>
+                        ) : (
+                            avatar
+                        )}
+                        <div className={lineClasses} key="mx_EventTile_line">
+                            <EventTilePreviewBody eventTileViewModel={this.viewModel} mxEvent={this.props.mxEvent} />
+                            <EventTileThreadPanelSummary
+                                eventTileViewModel={this.viewModel}
+                                threadState={threadState}
+                            />
+                        </div>
+                        {this.context.timelineRenderingType === TimelineRenderingType.ThreadsList && (
+                            <ThreadListActionBarAdapter
+                                eventTileViewModel={this.viewModel}
+                                onViewInRoomClick={this.onViewInRoomClick}
+                                onCopyLinkClick={this.onCopyLinkToThreadClick}
+                                className="mx_ThreadActionBar"
+                            />
+                        )}
+
+                        {msgOption}
+                    </>,
+                );
+            }
+            case TimelineRenderingType.File: {
+                return React.createElement(this.props.as || "li", this.createRootAttributes(rootRenderState), [
+                    <a
+                        className="mx_EventTile_senderDetailsLink"
+                        key="mx_EventTile_senderDetailsLink"
+                        href={permalink}
+                        onClick={this.onPermalinkClicked}
+                    >
+                        <div className="mx_EventTile_senderDetails" onContextMenu={this.onTimestampContextMenu}>
+                            {avatar}
+                            {sender}
+                            {timestamp}
+                        </div>
+                    </a>,
+                    <div className={lineClasses} key="mx_EventTile_line" onContextMenu={this.onContextMenu}>
+                        {this.renderContextMenu()}
+                        {renderTile(
+                            TimelineRenderingType.File,
+                            this.createRenderTileProps({
+                                isSeeingThroughMessageHiddenForModeration,
+                            }),
+                        )}
+                    </div>,
+                ]);
+            }
+
+            default: {
+                // Pinned, Room, Search
+                return React.createElement(
+                    this.props.as || "li",
+                    {
+                        ...this.createInteractiveRootAttributes(rootRenderState),
+                        "tabIndex": -1,
+                        "data-layout": eventTileSnapshot.root.data.layout,
+                        "data-self": eventTileSnapshot.root.data.isOwnEvent,
+                        "data-event-id": eventTileSnapshot.root.data.eventId,
+                        "data-has-reply": eventTileSnapshot.root.data.hasReply,
+                    },
+                    <>
+                        {ircTimestamp}
+                        {sender}
+                        {ircPadlock}
+                        {avatar}
+                        <div
+                            id={this.id}
+                            className={lineClasses}
+                            key="mx_EventTile_line"
+                            onContextMenu={this.onContextMenu}
+                        >
+                            {this.renderContextMenu()}
+                            {groupTimestamp}
+                            {groupPadlock}
+                            {replyChain}
+                            {renderTile(
+                                eventTileSnapshot.root.data.shape,
+                                this.createRenderTileProps({
+                                    isSeeingThroughMessageHiddenForModeration,
+                                }),
+                            )}
+                            {actionBar}
+                            {eventTileRenderState.footer.showInIrcLayout && (
+                                <>
+                                    <EventTileFooter
+                                        eventTileViewModel={this.viewModel}
+                                        mxEvent={this.props.mxEvent}
+                                        reactions={this.state.reactions}
+                                        hasFooter={hasFooter}
+                                        hasPinnedMessageBadge={hasPinnedMessageBadge}
+                                        hasReactionsRow={hasReactionsRow}
+                                        pinnedMessageBadgeAriaDescribedBy={this.id}
+                                        placement="irc"
+                                    />
+                                    <EventTileThreadInfo
+                                        eventTileViewModel={this.viewModel}
+                                        mxEvent={this.props.mxEvent}
+                                        threadState={threadState}
+                                    />
+                                </>
+                            )}
+                        </div>
+                        {eventTileRenderState.footer.showInDefaultLayout && (
+                            <>
+                                <EventTileFooter
+                                    eventTileViewModel={this.viewModel}
+                                    mxEvent={this.props.mxEvent}
+                                    reactions={this.state.reactions}
+                                    hasFooter={hasFooter}
+                                    hasPinnedMessageBadge={hasPinnedMessageBadge}
+                                    hasReactionsRow={hasReactionsRow}
+                                    pinnedMessageBadgeAriaDescribedBy={this.id}
+                                    placement="default"
+                                    showMainPinnedMessageBadge={showMainPinnedMessageBadge}
+                                    showBubblePinnedMessageBadge={showBubblePinnedMessageBadge}
+                                />
+                                <EventTileThreadInfo
+                                    eventTileViewModel={this.viewModel}
+                                    mxEvent={this.props.mxEvent}
+                                    threadState={threadState}
+                                />
+                            </>
+                        )}
+                        {msgOption}
+                    </>,
+                );
+            }
+        }
+    }
+}
+
+/**
+ * Props for the event-tile fallback rendered after the tile error boundary catches a render failure.
+ */
+interface EventTileErrorFallbackProps {
+    error: Error;
+    mxEvent: MatrixEvent;
+}
+
+function EventTileErrorFallback({ error, mxEvent }: Readonly<EventTileErrorFallbackProps>): JSX.Element {
+    const developerMode = useSettingValue("developerMode");
+    const vm = useCreateAutoDisposedViewModel(() => new TileErrorViewModel({ error, mxEvent, developerMode }));
+
+    useEffect(() => {
+        vm.setError(error);
+    }, [error, vm]);
+
+    useEffect(() => {
+        vm.setDeveloperMode(developerMode);
+    }, [developerMode, vm]);
+
+    return <TileErrorView vm={vm} className="mx_EventTile mx_EventTile_info mx_EventTile_content" />;
+}
+
+interface EventTileErrorBoundaryProps {
+    children: ReactNode;
+    mxEvent: MatrixEvent;
+}
+
+interface EventTileErrorBoundaryState {
+    error?: Error;
+}
+
+class EventTileErrorBoundary extends React.Component<EventTileErrorBoundaryProps, EventTileErrorBoundaryState> {
+    public constructor(props: EventTileErrorBoundaryProps) {
+        super(props);
+        this.state = {};
+    }
+
+    public static getDerivedStateFromError(error: Error): Partial<EventTileErrorBoundaryState> {
+        return { error };
+    }
+
+    public render(): ReactNode {
+        if (this.state.error) {
+            return <EventTileErrorFallback error={this.state.error} mxEvent={this.props.mxEvent} />;
+        }
+
+        return this.props.children;
+    }
+}
+
+/** EventTile wrapped in an error boundary so render and construction failures show a tile fallback. */
+const SafeEventTile = (props: EventTileProps): JSX.Element => {
+    return (
+        <EventTileErrorBoundary mxEvent={props.mxEvent}>
+            <UnwrappedEventTile {...props} />
+        </EventTileErrorBoundary>
+    );
+};
+export default SafeEventTile;
diff --git a/apps/web/src/components/views/rooms/EventTile/ActionBarAdapter.tsx b/apps/web/src/components/views/rooms/EventTile/ActionBarAdapter.tsx
new file mode 100644
index 00000000000..ef4ca843b91
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/ActionBarAdapter.tsx
@@ -0,0 +1,188 @@
+/*
+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, useContext, useEffect, useState, type JSX } from "react";
+import { type MatrixEvent, type Relations } from "matrix-js-sdk/src/matrix";
+import { ActionBarView } from "@element-hq/web-shared-components";
+
+import type ReplyChain from "../../elements/ReplyChain";
+import ReactionPicker from "../../emojipicker/ReactionPicker";
+import MessageContextMenu from "../../context_menus/MessageContextMenu";
+import ContextMenu, { aboveLeftOf } from "../../../structures/ContextMenu";
+import RoomContext from "../../../../contexts/RoomContext";
+import { CardContext } from "../../right_panel/context";
+import { type RoomPermalinkCreator } from "../../../../utils/permalinks/Permalinks";
+import { type EventTileViewModel } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+import { type GetRelationsForEvent } from "../../../../viewmodels/room/timeline/event-tile/reactions/EventTileReactionState";
+
+/**
+ * Operations exposed by the event tile for action bar interactions.
+ */
+interface ActionBarEventTileOps {
+    /** Returns whether the widget is currently hidden. */
+    isWidgetHidden(): boolean;
+    /** Unhides the widget if it was previously hidden. */
+    unhideWidget(): void;
+}
+
+/**
+ * Event tile handle used by the action bar to query tile-level operations.
+ */
+interface ActionBarEventTile {
+    /** Returns the available tile operations, if any. */
+    getEventTileOps?(): ActionBarEventTileOps;
+}
+
+/**
+ * Props for the {@link ActionBarAdapter} component.
+ */
+interface ActionBarAdapterProps {
+    /** View model backing the event tile action bar. */
+    eventTileViewModel: EventTileViewModel;
+    /** Matrix event rendered by this tile. */
+    mxEvent: MatrixEvent;
+    /** Reaction relation state for the event, if available. */
+    reactions?: Relations | null;
+    /** Creates permalinks for the room, when link actions are shown. */
+    permalinkCreator?: RoomPermalinkCreator;
+    /** Returns the current tile instance for event tile operations. */
+    getTile: () => ActionBarEventTile | null;
+    /** Returns the current reply chain for the tile, if any. */
+    getReplyChain: () => ReplyChain | null;
+    /** Notifies the parent when the action bar gains or loses focus. */
+    onFocusChange?: (focused: boolean) => void;
+    /** Indicates whether the event quote is currently expanded. */
+    isQuoteExpanded?: boolean;
+    /** Toggles the thread expansion state for this tile. */
+    toggleThreadExpanded: () => void;
+    /** Looks up relation data for the current event. */
+    getRelationsForEvent?: GetRelationsForEvent;
+}
+
+/**
+ * Renders the event tile action bar and its context menus.
+ */
+export function ActionBarAdapter({
+    eventTileViewModel,
+    mxEvent,
+    reactions,
+    permalinkCreator,
+    getTile,
+    getReplyChain,
+    onFocusChange,
+    isQuoteExpanded,
+    toggleThreadExpanded,
+    getRelationsForEvent,
+}: Readonly<ActionBarAdapterProps>): JSX.Element {
+    const roomContext = useContext(RoomContext);
+    const { isCard } = useContext(CardContext);
+    const [optionsMenuAnchorRect, setOptionsMenuAnchorRect] = useState<DOMRect | null>(null);
+    const [reactionsMenuAnchorRect, setReactionsMenuAnchorRect] = useState<DOMRect | null>(null);
+    const isSearch = Boolean(roomContext.search);
+    const handleOptionsClick = useCallback((anchor: HTMLElement | null): void => {
+        setOptionsMenuAnchorRect(anchor?.getBoundingClientRect() ?? null);
+    }, []);
+    const handleReactionsClick = useCallback((anchor: HTMLElement | null): void => {
+        setReactionsMenuAnchorRect(anchor?.getBoundingClientRect() ?? null);
+    }, []);
+    const vm = eventTileViewModel.getActionBarViewModel({
+        mxEvent,
+        timelineRenderingType: roomContext.timelineRenderingType,
+        canSendMessages: roomContext.canSendMessages,
+        canReact: roomContext.canReact,
+        isSearch,
+        isCard,
+        isQuoteExpanded,
+        onToggleThreadExpanded: toggleThreadExpanded,
+        onOptionsClick: handleOptionsClick,
+        onReactionsClick: handleReactionsClick,
+        getRelationsForEvent,
+    });
+
+    useEffect(() => {
+        // This child VM owns Matrix and settings listeners, so release it when the view using it leaves the tree.
+        return () => eventTileViewModel.releaseActionBarViewModel();
+    }, [eventTileViewModel]);
+
+    useEffect(() => {
+        vm.setProps({
+            mxEvent,
+            timelineRenderingType: roomContext.timelineRenderingType,
+            canSendMessages: roomContext.canSendMessages,
+            canReact: roomContext.canReact,
+            isSearch,
+            isCard,
+            isQuoteExpanded,
+            getRelationsForEvent,
+            onToggleThreadExpanded: toggleThreadExpanded,
+            onOptionsClick: handleOptionsClick,
+            onReactionsClick: handleReactionsClick,
+        });
+    }, [
+        vm,
+        mxEvent,
+        roomContext.timelineRenderingType,
+        roomContext.canSendMessages,
+        roomContext.canReact,
+        isSearch,
+        isCard,
+        isQuoteExpanded,
+        getRelationsForEvent,
+        handleOptionsClick,
+        handleReactionsClick,
+        toggleThreadExpanded,
+    ]);
+
+    useEffect(() => {
+        onFocusChange?.(Boolean(optionsMenuAnchorRect || reactionsMenuAnchorRect));
+    }, [onFocusChange, optionsMenuAnchorRect, reactionsMenuAnchorRect]);
+
+    useEffect(() => {
+        setOptionsMenuAnchorRect(null);
+        setReactionsMenuAnchorRect(null);
+    }, [mxEvent]);
+
+    const closeOptionsMenu = useCallback((): void => {
+        setOptionsMenuAnchorRect(null);
+    }, []);
+
+    const closeReactionsMenu = useCallback((): void => {
+        setReactionsMenuAnchorRect(null);
+    }, []);
+
+    const tile = getTile();
+    const replyChain = getReplyChain();
+    const eventTileOps = tile?.getEventTileOps ? tile.getEventTileOps() : undefined;
+    const collapseReplyChain = replyChain?.canCollapse() ? replyChain.collapse : undefined;
+
+    return (
+        <>
+            <ActionBarView vm={vm} className="mx_MessageActionBar" />
+            {optionsMenuAnchorRect ? (
+                <MessageContextMenu
+                    {...aboveLeftOf(optionsMenuAnchorRect)}
+                    mxEvent={mxEvent}
+                    permalinkCreator={permalinkCreator}
+                    eventTileOps={eventTileOps}
+                    collapseReplyChain={collapseReplyChain}
+                    onFinished={closeOptionsMenu}
+                    getRelationsForEvent={getRelationsForEvent}
+                />
+            ) : null}
+            {reactionsMenuAnchorRect ? (
+                <ContextMenu
+                    {...aboveLeftOf(reactionsMenuAnchorRect)}
+                    onFinished={closeReactionsMenu}
+                    managed={false}
+                    focusLock
+                >
+                    <ReactionPicker mxEvent={mxEvent} reactions={reactions} onFinished={closeReactionsMenu} />
+                </ContextMenu>
+            ) : null}
+        </>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/E2eMessageSharedIconAdapter.tsx b/apps/web/src/components/views/rooms/EventTile/E2eMessageSharedIconAdapter.tsx
new file mode 100644
index 00000000000..b470cf9ce3c
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/E2eMessageSharedIconAdapter.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, { useEffect, type JSX } from "react";
+import { E2eMessageSharedIconView } from "@element-hq/web-shared-components";
+
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { type EventTileViewModel } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+
+/**
+ * Props for the {@link E2eMessageSharedIconAdapter} component.
+ */
+interface E2eMessageSharedIconAdapterProps {
+    /** View model backing the shared-key indicator. */
+    eventTileViewModel: EventTileViewModel;
+    /** The ID of the room containing the event whose keys were shared. */
+    roomId: string;
+    /** The ID of the user who shared the keys. */
+    keyForwardingUserId: string;
+}
+
+/**
+ * Renders the end-to-end encryption key-sharing indicator.
+ */
+export function E2eMessageSharedIconAdapter({
+    eventTileViewModel,
+    roomId,
+    keyForwardingUserId,
+}: Readonly<E2eMessageSharedIconAdapterProps>): JSX.Element {
+    const client = useMatrixClientContext();
+    const vm = eventTileViewModel.getE2eMessageSharedIconViewModel({
+        client,
+        roomId,
+        keyForwardingUserId,
+    });
+
+    useEffect(() => {
+        // This child VM owns Matrix listeners, so release it when the view using it leaves the tree.
+        return () => eventTileViewModel.releaseE2eMessageSharedIconViewModel();
+    }, [eventTileViewModel]);
+
+    useEffect(() => {
+        vm.setClient(client);
+    }, [client, vm]);
+
+    useEffect(() => {
+        vm.setRoomId(roomId);
+    }, [roomId, vm]);
+
+    useEffect(() => {
+        vm.setKeyForwardingUserId(keyForwardingUserId);
+    }, [keyForwardingUserId, vm]);
+
+    return (
+        <E2eMessageSharedIconView
+            vm={vm}
+            className={
+                // Timeline PCSS uses this app class as a layout hook for positioning and layout variants.
+                "mx_EventTile_e2eIcon"
+            }
+        />
+    );
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/E2eStandardPadlockIcon.tsx b/apps/web/src/components/views/rooms/EventTile/E2eStandardPadlockIcon.tsx
new file mode 100644
index 00000000000..131c88d6c56
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/E2eStandardPadlockIcon.tsx
@@ -0,0 +1,35 @@
+/*
+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 { E2ePadlock, type E2ePadlockIcon } from "@element-hq/web-shared-components";
+
+/**
+ * Props for the {@link E2eStandardPadlockIcon} component.
+ */
+interface E2eStandardPadlockIconProps {
+    /** Icon variant to render. */
+    icon: E2ePadlockIcon;
+    /** Accessible title for the icon. */
+    title: string;
+}
+
+/**
+ * Renders the standard end-to-end encryption padlock icon.
+ */
+export function E2eStandardPadlockIcon({ icon, title }: Readonly<E2eStandardPadlockIconProps>): JSX.Element {
+    return (
+        <E2ePadlock
+            className={
+                // Timeline PCSS uses this app class as a layout hook for positioning and layout variants.
+                "mx_EventTile_e2eIcon"
+            }
+            title={title}
+            icon={icon}
+        />
+    );
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/EventPreviewAdapter.tsx b/apps/web/src/components/views/rooms/EventTile/EventPreviewAdapter.tsx
new file mode 100644
index 00000000000..9214bfe738f
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/EventPreviewAdapter.tsx
@@ -0,0 +1,50 @@
+/*
+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, { useEffect, type JSX } from "react";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { EventPreviewView } from "@element-hq/web-shared-components";
+
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { type EventTileViewModel } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+
+/**
+ * Props for the {@link EventPreviewAdapter} component.
+ */
+interface EventPreviewAdapterProps extends Omit<React.ComponentPropsWithoutRef<"span">, "children" | "title"> {
+    /** View model backing the event tile. */
+    eventTileViewModel: EventTileViewModel;
+    /** Matrix event whose preview is rendered. */
+    mxEvent: MatrixEvent;
+}
+
+/**
+ * Renders an event preview inside notification timeline tiles.
+ */
+export function EventPreviewAdapter({
+    eventTileViewModel,
+    mxEvent,
+    ...props
+}: Readonly<EventPreviewAdapterProps>): JSX.Element {
+    const cli = useMatrixClientContext();
+    const vm = eventTileViewModel.getEventPreviewViewModel({ cli, mxEvent });
+
+    useEffect(() => {
+        // This child VM owns Matrix listeners, so release it when the view using it leaves the tree.
+        return () => eventTileViewModel.releaseEventPreviewViewModel();
+    }, [eventTileViewModel]);
+
+    useEffect(() => {
+        vm.setClient(cli);
+    }, [cli, vm]);
+
+    useEffect(() => {
+        vm.setEvent(mxEvent);
+    }, [mxEvent, vm]);
+
+    return <EventPreviewView {...props} vm={vm} />;
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/EventTileAvatarAdapter.tsx b/apps/web/src/components/views/rooms/EventTile/EventTileAvatarAdapter.tsx
new file mode 100644
index 00000000000..1805da43652
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/EventTileAvatarAdapter.tsx
@@ -0,0 +1,47 @@
+/*
+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 RoomMember } from "matrix-js-sdk/src/matrix";
+
+import MemberAvatar from "../../avatars/MemberAvatar";
+import { type EventTileSenderSnapshot } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+
+/**
+ * Props for the {@link EventTileAvatarAdapter} component.
+ */
+interface EventTileAvatarAdapterProps {
+    /** Room member whose avatar is being rendered. */
+    avatarMember: RoomMember | null;
+    /** Snapshot of the sender identity state for this tile. */
+    senderSnapshot: EventTileSenderSnapshot;
+}
+
+/**
+ * Renders the sender avatar for an event tile.
+ */
+export function EventTileAvatarAdapter({
+    avatarMember,
+    senderSnapshot,
+}: Readonly<EventTileAvatarAdapterProps>): JSX.Element | null {
+    const { avatarSize } = senderSnapshot.profileState;
+
+    if (!avatarMember || avatarSize === null) {
+        return null;
+    }
+
+    return (
+        <div className="mx_EventTile_avatar">
+            <MemberAvatar
+                member={avatarMember}
+                size={avatarSize}
+                viewUserOnClick={senderSnapshot.viewUserOnClick}
+                forceHistorical={senderSnapshot.forceHistoricalAvatar}
+            />
+        </div>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/EventTileFooter.tsx b/apps/web/src/components/views/rooms/EventTile/EventTileFooter.tsx
new file mode 100644
index 00000000000..28b74086cf8
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/EventTileFooter.tsx
@@ -0,0 +1,73 @@
+/*
+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 MatrixEvent, type Relations } from "matrix-js-sdk/src/matrix";
+import { PinnedMessageBadge } from "@element-hq/web-shared-components";
+
+import { type EventTileViewModel } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+import { ReactionsRowAdapter } from "./ReactionsRowAdapter";
+
+interface EventTileFooterProps {
+    eventTileViewModel: EventTileViewModel;
+    mxEvent: MatrixEvent;
+    reactions?: Relations | null;
+    hasFooter: boolean;
+    hasPinnedMessageBadge: boolean;
+    hasReactionsRow: boolean;
+    pinnedMessageBadgeAriaDescribedBy: string;
+    placement: "default" | "irc";
+    showMainPinnedMessageBadge?: boolean;
+    showBubblePinnedMessageBadge?: boolean;
+}
+
+/** Renders the pinned-message badge and reactions row for an EventTile. */
+export function EventTileFooter({
+    eventTileViewModel,
+    mxEvent,
+    reactions,
+    hasFooter,
+    hasPinnedMessageBadge,
+    hasReactionsRow,
+    pinnedMessageBadgeAriaDescribedBy,
+    placement,
+    showMainPinnedMessageBadge,
+    showBubblePinnedMessageBadge,
+}: Readonly<EventTileFooterProps>): JSX.Element | null {
+    if (!hasFooter) {
+        return null;
+    }
+
+    const pinnedMessageBadge = hasPinnedMessageBadge ? (
+        <PinnedMessageBadge aria-describedby={pinnedMessageBadgeAriaDescribedBy} tabIndex={0} />
+    ) : undefined;
+    const reactionsRow = hasReactionsRow ? (
+        <ReactionsRowAdapter
+            eventTileViewModel={eventTileViewModel}
+            mxEvent={mxEvent}
+            reactions={reactions}
+            key="mx_EventTile_reactionsRow"
+        />
+    ) : undefined;
+
+    if (placement === "irc") {
+        return (
+            <div className="mx_EventTile_footer">
+                {pinnedMessageBadge}
+                {reactionsRow}
+            </div>
+        );
+    }
+
+    return (
+        <div className="mx_EventTile_footer">
+            {showMainPinnedMessageBadge && pinnedMessageBadge}
+            {reactionsRow}
+            {showBubblePinnedMessageBadge && pinnedMessageBadge}
+        </div>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/EventTilePreviewBody.tsx b/apps/web/src/components/views/rooms/EventTile/EventTilePreviewBody.tsx
new file mode 100644
index 00000000000..7ef4ba18626
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/EventTilePreviewBody.tsx
@@ -0,0 +1,36 @@
+/*
+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 MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { DecryptionFailureBodyFactory, RedactedBodyFactory } from "../../messages/MBodyFactory";
+import { EventPreviewAdapter } from "./EventPreviewAdapter";
+import { type EventTileViewModel } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+
+interface EventTilePreviewBodyProps {
+    eventTileViewModel: EventTileViewModel;
+    mxEvent: MatrixEvent;
+}
+
+/** Renders the compact body preview used by notification and thread-list tiles. */
+export function EventTilePreviewBody({
+    eventTileViewModel,
+    mxEvent,
+}: Readonly<EventTilePreviewBodyProps>): JSX.Element {
+    let body: JSX.Element;
+
+    if (mxEvent.isRedacted()) {
+        body = <RedactedBodyFactory mxEvent={mxEvent} />;
+    } else if (mxEvent.isDecryptionFailure()) {
+        body = <DecryptionFailureBodyFactory mxEvent={mxEvent} />;
+    } else {
+        body = <EventPreviewAdapter eventTileViewModel={eventTileViewModel} mxEvent={mxEvent} />;
+    }
+
+    return <div className="mx_EventTile_body">{body}</div>;
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/EventTileSenderAdapter.tsx b/apps/web/src/components/views/rooms/EventTile/EventTileSenderAdapter.tsx
new file mode 100644
index 00000000000..9a4ecf1b9a2
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/EventTileSenderAdapter.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, { type JSX } from "react";
+
+import SenderProfile from "../../messages/SenderProfile";
+import { type EventTileSenderSnapshot } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+
+/**
+ * Props for the {@link EventTileSenderAdapter} component.
+ */
+interface EventTileSenderAdapterProps {
+    /** The sender identity state for this tile. */
+    sender: EventTileSenderSnapshot;
+    /** Invoked when the sender profile is clicked. */
+    onSenderProfileClick: () => void;
+}
+
+/**
+ * Renders the sender identity display for an event tile.
+ */
+export function EventTileSenderAdapter({
+    sender,
+    onSenderProfileClick,
+}: Readonly<EventTileSenderAdapterProps>): JSX.Element | null {
+    switch (sender.profileMode) {
+        case "clickable":
+            return (
+                <SenderProfile
+                    onClick={onSenderProfileClick}
+                    senderId={sender.senderId}
+                    member={sender.member}
+                    isEmote={sender.isEmote}
+                />
+            );
+        case "tooltip":
+            return (
+                <SenderProfile senderId={sender.senderId} member={sender.member} isEmote={sender.isEmote} withTooltip />
+            );
+        case "default":
+            return <SenderProfile senderId={sender.senderId} member={sender.member} isEmote={sender.isEmote} />;
+        default:
+            return null;
+    }
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/EventTileThreadInfo.tsx b/apps/web/src/components/views/rooms/EventTile/EventTileThreadInfo.tsx
new file mode 100644
index 00000000000..b873c7f551d
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/EventTileThreadInfo.tsx
@@ -0,0 +1,78 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { ThreadsIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../../languageHandler";
+import { type EventTileViewModel } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+import { type EventTileThreadState } from "../../../../viewmodels/room/timeline/event-tile/EventTileThreadState";
+import { ThreadMessagePreviewAdapter } from "./ThreadMessagePreviewAdapter";
+import { ThreadSummaryAdapter } from "./ThreadSummaryAdapter";
+
+interface EventTileThreadInfoProps {
+    eventTileViewModel: EventTileViewModel;
+    mxEvent: MatrixEvent;
+    threadState: EventTileThreadState;
+}
+
+/** Renders the thread-panel reply summary shown under a preview tile. */
+export function EventTileThreadPanelSummary({
+    eventTileViewModel,
+    threadState,
+}: Readonly<Omit<EventTileThreadInfoProps, "mxEvent">>): JSX.Element | null {
+    if (!threadState.shouldShowThreadPanelSummary || !threadState.thread) {
+        return null;
+    }
+
+    return (
+        <div className="mx_ThreadPanel_replies">
+            <ThreadsIcon />
+            <span className="mx_ThreadPanel_replies_amount">{threadState.thread.length}</span>
+            <ThreadMessagePreviewAdapter eventTileViewModel={eventTileViewModel} thread={threadState.thread} />
+        </div>
+    );
+}
+
+/** Renders thread summary or search thread affordances for an EventTile. */
+export function EventTileThreadInfo({
+    eventTileViewModel,
+    mxEvent,
+    threadState,
+}: Readonly<EventTileThreadInfoProps>): ReactNode {
+    if (threadState.shouldShowThreadSummary && threadState.thread) {
+        return (
+            <ThreadSummaryAdapter
+                eventTileViewModel={eventTileViewModel}
+                mxEvent={mxEvent}
+                thread={threadState.thread}
+                data-testid="thread-summary"
+            />
+        );
+    }
+
+    if (threadState.searchThreadInfo.kind === "link") {
+        return (
+            <a className="mx_ThreadSummary_icon" href={threadState.searchThreadInfo.href}>
+                <ThreadsIcon />
+                {_t("timeline|thread_info_basic")}
+            </a>
+        );
+    }
+
+    if (threadState.searchThreadInfo.kind === "text") {
+        return (
+            <p className="mx_ThreadSummary_icon">
+                <ThreadsIcon />
+                {_t("timeline|thread_info_basic")}
+            </p>
+        );
+    }
+
+    return null;
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/EventTileTimestampSlot.tsx b/apps/web/src/components/views/rooms/EventTile/EventTileTimestampSlot.tsx
new file mode 100644
index 00000000000..f48eafea192
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/EventTileTimestampSlot.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 { type EventTileViewModel } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+import { type MessageTimestampViewModelProps } from "../../../../viewmodels/room/timeline/event-tile/timestamp/MessageTimestampViewModel";
+import { MessageTimestampAdapter } from "./MessageTimestampAdapter";
+
+interface EventTileTimestampSlotProps {
+    eventTileViewModel: EventTileViewModel;
+    kind: "plain" | "linked";
+    timestampProps: MessageTimestampViewModelProps;
+    showTimestamp: boolean;
+    showDummy: boolean;
+}
+
+/** Renders a real or placeholder timestamp slot for an EventTile. */
+export function EventTileTimestampSlot({
+    eventTileViewModel,
+    kind,
+    timestampProps,
+    showTimestamp,
+    showDummy,
+}: Readonly<EventTileTimestampSlotProps>): JSX.Element | null {
+    if (showTimestamp) {
+        return (
+            <MessageTimestampAdapter
+                eventTileViewModel={eventTileViewModel}
+                kind={kind}
+                timestampProps={timestampProps}
+            />
+        );
+    }
+
+    if (showDummy) {
+        return <span className="mx_MessageTimestamp" />;
+    }
+
+    return null;
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/MessageTimestampAdapter.tsx b/apps/web/src/components/views/rooms/EventTile/MessageTimestampAdapter.tsx
new file mode 100644
index 00000000000..dbdae82278e
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/MessageTimestampAdapter.tsx
@@ -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 React, { useEffect, type JSX } from "react";
+import { MessageTimestampView } from "@element-hq/web-shared-components";
+
+import { type EventTileViewModel } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+import { type MessageTimestampViewModelProps } from "../../../../viewmodels/room/timeline/event-tile/timestamp/MessageTimestampViewModel.ts";
+import LateIcon from "../../../../../res/img/sensor.svg?react";
+
+/**
+ * Props for the {@link MessageTimestampAdapter} component.
+ */
+interface MessageTimestampAdapterProps {
+    /** View model backing the event tile timestamp. */
+    eventTileViewModel: EventTileViewModel;
+    /** Chooses the plain or linked timestamp view model. */
+    kind: "plain" | "linked";
+    /** Props forwarded into the timestamp view model. */
+    timestampProps: MessageTimestampViewModelProps;
+}
+
+/**
+ * Renders the timestamp badge for an event tile.
+ */
+export function MessageTimestampAdapter({
+    eventTileViewModel,
+    kind,
+    timestampProps,
+}: Readonly<MessageTimestampAdapterProps>): JSX.Element {
+    const vm =
+        kind === "linked"
+            ? eventTileViewModel.getLinkedMessageTimestampViewModel(timestampProps)
+            : eventTileViewModel.getMessageTimestampViewModel(timestampProps);
+
+    useEffect(() => {
+        vm.setProps(timestampProps);
+    }, [vm, timestampProps]);
+
+    return (
+        <>
+            {timestampProps.receivedTs ? (
+                <LateIcon className="mx_MessageTimestamp_lateIcon" width="16" height="16" />
+            ) : undefined}
+            <MessageTimestampView vm={vm} className="mx_MessageTimestamp" />
+        </>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/ReactionsRowAdapter.tsx b/apps/web/src/components/views/rooms/EventTile/ReactionsRowAdapter.tsx
new file mode 100644
index 00000000000..f832a5604ae
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/ReactionsRowAdapter.tsx
@@ -0,0 +1,289 @@
+/*
+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, useContext, useEffect, useMemo, useState, type JSX } from "react";
+import { MatrixEventEvent, type MatrixEvent, type Relations, RelationsEvent } from "matrix-js-sdk/src/matrix";
+import { uniqBy } from "lodash";
+import {
+    ReactionsRowButtonView,
+    ReactionsRowView,
+    useCreateAutoDisposedViewModel,
+    useViewModel,
+} from "@element-hq/web-shared-components";
+
+import ContextMenu, { aboveLeftOf } from "../../../structures/ContextMenu";
+import ReactionPicker from "../../emojipicker/ReactionPicker";
+import RoomContext from "../../../../contexts/RoomContext";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import SettingsStore from "../../../../settings/SettingsStore";
+import { isContentActionable } from "../../../../utils/EventUtils";
+import { type EventTileViewModel } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+import { ReactionsRowButtonViewModel } from "../../../../viewmodels/room/timeline/event-tile/reactions/ReactionsRowButtonViewModel";
+import { MAX_ITEMS_WHEN_LIMITED } from "../../../../viewmodels/room/timeline/event-tile/reactions/ReactionsRowViewModel";
+
+/**
+ * Props for the {@link ReactionsRowButtonAdapter} component.
+ */
+interface ReactionsRowButtonAdapterProps {
+    /** Matrix event whose reaction button is being rendered. */
+    mxEvent: MatrixEvent;
+    /** Reaction emoji or custom content key for this button. */
+    content: string;
+    /** Total number of reactions in this group. */
+    count: number;
+    /** Reaction events belonging to this group. */
+    reactionEvents: MatrixEvent[];
+    /** The current user's reaction event, if present. */
+    myReactionEvent?: MatrixEvent;
+    /** Disables interaction when true. */
+    disabled?: boolean;
+    /** Enables rendering custom reaction images. */
+    customReactionImagesEnabled?: boolean;
+}
+
+/**
+ * Renders a single reaction button within the event tile reaction row.
+ */
+function ReactionsRowButtonAdapter(props: Readonly<ReactionsRowButtonAdapterProps>): JSX.Element {
+    const client = useMatrixClientContext();
+
+    const vm = useCreateAutoDisposedViewModel(
+        () =>
+            new ReactionsRowButtonViewModel({
+                client,
+                mxEvent: props.mxEvent,
+                content: props.content,
+                count: props.count,
+                reactionEvents: props.reactionEvents,
+                myReactionEvent: props.myReactionEvent,
+                disabled: props.disabled,
+                customReactionImagesEnabled: props.customReactionImagesEnabled,
+            }),
+    );
+
+    useEffect(() => {
+        vm.setReactionData(props.content, props.reactionEvents, props.customReactionImagesEnabled);
+    }, [props.content, props.reactionEvents, props.customReactionImagesEnabled, vm]);
+
+    useEffect(() => {
+        vm.setCount(props.count);
+    }, [props.count, vm]);
+
+    useEffect(() => {
+        vm.setMyReactionEvent(props.myReactionEvent);
+    }, [props.myReactionEvent, vm]);
+
+    useEffect(() => {
+        vm.setDisabled(props.disabled);
+    }, [props.disabled, vm]);
+
+    return <ReactionsRowButtonView vm={vm} />;
+}
+
+interface ReactionGroup {
+    content: string;
+    events: MatrixEvent[];
+}
+
+const getReactionGroups = (reactions?: Relations | null): ReactionGroup[] =>
+    reactions
+        ?.getSortedAnnotationsByKey()
+        ?.map(([content, events]) => ({
+            content,
+            events: [...events],
+        }))
+        .filter(({ events }) => events.length > 0) ?? [];
+
+const getMyReactions = (reactions: Relations | null | undefined, userId?: string): MatrixEvent[] | null => {
+    if (!reactions || !userId) {
+        return null;
+    }
+
+    const myReactions = reactions.getAnnotationsBySender()?.[userId];
+    if (!myReactions) {
+        return null;
+    }
+
+    return [...myReactions.values()];
+};
+
+/**
+ * Props for the {@link ReactionsRowAdapter} component.
+ */
+interface ReactionsRowAdapterProps {
+    /** View model backing the event tile reaction row. */
+    eventTileViewModel: EventTileViewModel;
+    /** Matrix event whose reactions are being rendered. */
+    mxEvent: MatrixEvent;
+    /** Current reaction relations for the event, if available. */
+    reactions?: Relations | null;
+}
+
+/**
+ * Renders the reaction row and reaction picker for an event tile.
+ */
+export function ReactionsRowAdapter({
+    eventTileViewModel,
+    mxEvent,
+    reactions,
+}: Readonly<ReactionsRowAdapterProps>): JSX.Element | null {
+    const roomContext = useContext(RoomContext);
+    const userId = roomContext.room?.client.getUserId() ?? undefined;
+    const [reactionGroups, setReactionGroups] = useState<ReactionGroup[]>(() => getReactionGroups(reactions));
+    const [myReactions, setMyReactions] = useState<MatrixEvent[] | null>(() => getMyReactions(reactions, userId));
+    const [menuDisplayed, setMenuDisplayed] = useState(false);
+    const [menuAnchorRect, setMenuAnchorRect] = useState<DOMRect | null>(null);
+
+    const vm = eventTileViewModel.getReactionsRowViewModel({
+        isActionable: isContentActionable(mxEvent),
+        reactionGroupCount: reactionGroups.length,
+        canReact: roomContext.canReact,
+        addReactionButtonActive: false,
+    });
+
+    useEffect(() => {
+        // This child VM is owned by EventTileViewModel, but scoped to this rendered adapter surface.
+        return () => eventTileViewModel.releaseReactionsRowViewModel();
+    }, [eventTileViewModel]);
+
+    const openReactionMenu = useCallback((event: React.MouseEvent<HTMLButtonElement>): void => {
+        setMenuAnchorRect(event.currentTarget.getBoundingClientRect());
+        setMenuDisplayed(true);
+    }, []);
+
+    const closeReactionMenu = useCallback((): void => {
+        setMenuDisplayed(false);
+    }, []);
+
+    const updateReactionsState = useCallback((): void => {
+        const nextReactionGroups = getReactionGroups(reactions);
+        setReactionGroups(nextReactionGroups);
+        setMyReactions(getMyReactions(reactions, userId));
+        vm.setReactionGroupCount(nextReactionGroups.length);
+    }, [reactions, userId, vm]);
+
+    useEffect(() => {
+        vm.setActionable(isContentActionable(mxEvent));
+    }, [mxEvent, vm]);
+
+    useEffect(() => {
+        vm.setCanReact(roomContext.canReact);
+        if (!roomContext.canReact && menuDisplayed) {
+            setMenuDisplayed(false);
+        }
+    }, [roomContext.canReact, menuDisplayed, vm]);
+
+    useEffect(() => {
+        vm.setAddReactionHandlers({
+            onAddReactionClick: openReactionMenu,
+            onAddReactionContextMenu: openReactionMenu,
+        });
+    }, [openReactionMenu, vm]);
+
+    useEffect(() => {
+        vm.setAddReactionButtonActive(menuDisplayed);
+    }, [menuDisplayed, vm]);
+
+    useEffect(() => {
+        updateReactionsState();
+    }, [updateReactionsState]);
+
+    useEffect(() => {
+        if (!reactions) return;
+
+        reactions.on(RelationsEvent.Add, updateReactionsState);
+        reactions.on(RelationsEvent.Remove, updateReactionsState);
+        reactions.on(RelationsEvent.Redaction, updateReactionsState);
+
+        return () => {
+            reactions.off(RelationsEvent.Add, updateReactionsState);
+            reactions.off(RelationsEvent.Remove, updateReactionsState);
+            reactions.off(RelationsEvent.Redaction, updateReactionsState);
+        };
+    }, [reactions, updateReactionsState]);
+
+    useEffect(() => {
+        const onDecrypted = (): void => {
+            vm.setActionable(isContentActionable(mxEvent));
+        };
+
+        if (mxEvent.isBeingDecrypted() || mxEvent.shouldAttemptDecryption()) {
+            mxEvent.once(MatrixEventEvent.Decrypted, onDecrypted);
+        }
+
+        return () => {
+            mxEvent.off(MatrixEventEvent.Decrypted, onDecrypted);
+        };
+    }, [mxEvent, vm]);
+
+    const snapshot = useViewModel(vm);
+    const customReactionImagesEnabled = SettingsStore.getValue("feature_render_reaction_images");
+    const items = useMemo((): JSX.Element[] | undefined => {
+        const mappedItems = reactionGroups.map(({ content, events }) => {
+            // Deduplicate reaction events by sender per Matrix spec.
+            const deduplicatedEvents = uniqBy(events, (event: MatrixEvent) => event.getSender());
+            const myReactionEvent = myReactions?.find((reactionEvent) => {
+                if (reactionEvent.isRedacted()) {
+                    return false;
+                }
+                return reactionEvent.getRelation()?.key === content;
+            });
+
+            return (
+                <ReactionsRowButtonAdapter
+                    key={content}
+                    content={content}
+                    count={deduplicatedEvents.length}
+                    mxEvent={mxEvent}
+                    reactionEvents={deduplicatedEvents}
+                    myReactionEvent={myReactionEvent}
+                    customReactionImagesEnabled={customReactionImagesEnabled}
+                    disabled={
+                        !roomContext.canReact ||
+                        (myReactionEvent && !myReactionEvent.isRedacted() && !roomContext.canSelfRedact)
+                    }
+                />
+            );
+        });
+
+        if (!mappedItems.length) {
+            return undefined;
+        }
+
+        return snapshot.showAllButtonVisible ? mappedItems.slice(0, MAX_ITEMS_WHEN_LIMITED) : mappedItems;
+    }, [
+        reactionGroups,
+        myReactions,
+        mxEvent,
+        customReactionImagesEnabled,
+        roomContext.canReact,
+        roomContext.canSelfRedact,
+        snapshot.showAllButtonVisible,
+    ]);
+
+    if (!snapshot.isVisible || !items?.length) {
+        return null;
+    }
+
+    let contextMenu: JSX.Element | undefined;
+    if (menuDisplayed && menuAnchorRect && reactions && roomContext.canReact) {
+        contextMenu = (
+            <ContextMenu {...aboveLeftOf(menuAnchorRect)} onFinished={closeReactionMenu} managed={false} focusLock>
+                <ReactionPicker mxEvent={mxEvent} reactions={reactions} onFinished={closeReactionMenu} />
+            </ContextMenu>
+        );
+    }
+
+    return (
+        <>
+            <ReactionsRowView vm={vm} className="mx_ReactionsRow">
+                {items}
+            </ReactionsRowView>
+            {contextMenu}
+        </>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/ReceiptAdapter.tsx b/apps/web/src/components/views/rooms/EventTile/ReceiptAdapter.tsx
new file mode 100644
index 00000000000..81fa6949934
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/ReceiptAdapter.tsx
@@ -0,0 +1,121 @@
+/*
+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 EventStatus, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { Tooltip } from "@vector-im/compound-web";
+import { CheckCircleIcon, CircleIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../../languageHandler";
+import { StaticNotificationState } from "../../../../stores/notifications/StaticNotificationState";
+import { NotificationBadge } from "../NotificationBadge/NotificationBadge";
+import { ReadReceiptGroup } from "../ReadReceiptGroup";
+import { type IReadReceiptPosition } from "../ReadReceiptMarker";
+import { type EventTileReceiptState } from "../../../../viewmodels/room/timeline/event-tile/EventTileReceiptState";
+
+/**
+ * A single read receipt entry displayed in the event tile receipt row.
+ */
+interface ReadReceiptProps {
+    /** The user ID associated with the receipt. */
+    userId: string;
+    /** The room member metadata for the user, if available. */
+    roomMember: RoomMember | null;
+    /** Timestamp of the receipt in milliseconds since the Unix epoch. */
+    ts: number;
+}
+
+/**
+ * Props for the {@link ReceiptAdapter} component.
+ */
+interface ReceiptAdapterProps {
+    /** Current receipt state for the event tile. */
+    receiptState: EventTileReceiptState;
+    /** Send status used when rendering the sent-state badge. */
+    eventSendStatus?: EventStatus;
+    /** Whether read receipts should be shown. */
+    showReadReceipts?: boolean;
+    /** Read receipts to render when the group is visible. */
+    readReceipts?: ReadReceiptProps[];
+    /** Read receipt positions keyed by user ID. */
+    readReceiptMap?: { [userId: string]: IReadReceiptPosition };
+    /** Checks whether the receipt row is unmounting. */
+    checkUnmounting?: () => boolean;
+    /** Suppresses receipt animation when true. */
+    suppressAnimation: boolean;
+    /** Whether timestamps should use a 12-hour clock. */
+    isTwelveHour?: boolean;
+}
+
+/**
+ * Renders the send-state or read-receipt indicator for an event tile.
+ */
+export function ReceiptAdapter({
+    receiptState,
+    eventSendStatus,
+    showReadReceipts,
+    readReceipts,
+    readReceiptMap,
+    checkUnmounting,
+    suppressAnimation,
+    isTwelveHour,
+}: Readonly<ReceiptAdapterProps>): JSX.Element | null {
+    if (receiptState.shouldShowSentReceipt || receiptState.shouldShowSendingReceipt) {
+        return <SentReceipt messageState={eventSendStatus} />;
+    }
+
+    if (!showReadReceipts) {
+        return null;
+    }
+
+    return (
+        <ReadReceiptGroup
+            readReceipts={readReceipts ?? []}
+            readReceiptMap={readReceiptMap ?? {}}
+            checkUnmounting={checkUnmounting}
+            suppressAnimation={suppressAnimation}
+            isTwelveHour={isTwelveHour}
+        />
+    );
+}
+
+interface SentReceiptProps {
+    messageState: EventStatus | undefined;
+}
+
+function SentReceipt({ messageState }: Readonly<SentReceiptProps>): JSX.Element {
+    const isSent = !messageState || messageState === "sent";
+    const isFailed = messageState === "not_sent";
+
+    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 (
+        <div className="mx_EventTile_msgOption">
+            <div className="mx_ReadReceiptGroup">
+                <Tooltip label={label} placement="top-end">
+                    <div className="mx_ReadReceiptGroup_button" role="status">
+                        <span className="mx_ReadReceiptGroup_container">{icon}</span>
+                    </div>
+                </Tooltip>
+            </div>
+        </div>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/ThreadListActionBarAdapter.tsx b/apps/web/src/components/views/rooms/EventTile/ThreadListActionBarAdapter.tsx
new file mode 100644
index 00000000000..9d7c23225ef
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/ThreadListActionBarAdapter.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, { useEffect, type JSX } from "react";
+import { ActionBarView } from "@element-hq/web-shared-components";
+
+import { type EventTileViewModel } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+
+/**
+ * Props for the {@link ThreadListActionBarAdapter} component.
+ */
+interface ThreadListActionBarAdapterProps {
+    /** View model backing the thread list action bar. */
+    eventTileViewModel: EventTileViewModel;
+    /** Opens the event in the room timeline. */
+    onViewInRoomClick: (anchor: HTMLElement | null) => void;
+    /** Copies the event permalink to the clipboard. */
+    onCopyLinkClick: (anchor: HTMLElement | null) => void | Promise<void>;
+    /** Optional class name applied to the action bar. */
+    className?: string;
+}
+
+/**
+ * Renders the action bar used by the thread list view.
+ */
+export function ThreadListActionBarAdapter({
+    eventTileViewModel,
+    onViewInRoomClick,
+    onCopyLinkClick,
+    className,
+}: Readonly<ThreadListActionBarAdapterProps>): JSX.Element {
+    const vm = eventTileViewModel.getThreadListActionBarViewModel({
+        onViewInRoomClick,
+        onCopyLinkClick,
+    });
+
+    useEffect(() => {
+        vm.setProps({
+            onViewInRoomClick,
+            onCopyLinkClick,
+        });
+    }, [vm, onViewInRoomClick, onCopyLinkClick]);
+
+    return <ActionBarView vm={vm} className={className} />;
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/ThreadMessagePreviewAdapter.tsx b/apps/web/src/components/views/rooms/EventTile/ThreadMessagePreviewAdapter.tsx
new file mode 100644
index 00000000000..33de8868322
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/ThreadMessagePreviewAdapter.tsx
@@ -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 React, { useEffect, type JSX } from "react";
+import { type Thread } from "matrix-js-sdk/src/matrix";
+import { ThreadMessagePreviewView } from "@element-hq/web-shared-components";
+
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { useScopedRoomContext } from "../../../../contexts/ScopedRoomContext.tsx";
+import { useSettingValue } from "../../../../hooks/useSettings";
+import { type EventTileViewModel } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+
+/**
+ * Props for the {@link ThreadMessagePreviewAdapter} component.
+ */
+interface ThreadMessagePreviewAdapterProps {
+    /** View model backing the thread preview. */
+    eventTileViewModel: EventTileViewModel;
+    /** Thread whose message preview is rendered. */
+    thread: Thread;
+    /** Whether the sender display name should be shown. */
+    showDisplayName?: boolean;
+}
+
+/**
+ * Renders the preview shown for a thread message.
+ */
+export function ThreadMessagePreviewAdapter({
+    eventTileViewModel,
+    thread,
+    showDisplayName = false,
+}: Readonly<ThreadMessagePreviewAdapterProps>): JSX.Element {
+    const cli = useMatrixClientContext();
+    const { room, timelineRenderingType, lowBandwidth } = useScopedRoomContext(
+        "room",
+        "timelineRenderingType",
+        "lowBandwidth",
+    );
+    const useOnlyCurrentProfiles = useSettingValue("useOnlyCurrentProfiles");
+    const vm = eventTileViewModel.getThreadMessagePreviewViewModel({
+        cli,
+        thread,
+        room,
+        timelineRenderingType,
+        lowBandwidth,
+        useOnlyCurrentProfiles,
+        showDisplayName,
+        avatarClassName: "mx_BaseAvatar",
+    });
+
+    useEffect(() => {
+        // This child VM owns Matrix listeners, so release it when the view using it leaves the tree.
+        return () => eventTileViewModel.releaseThreadMessagePreviewViewModel();
+    }, [eventTileViewModel]);
+
+    useEffect(() => {
+        vm.setClient(cli);
+        vm.setThread(thread);
+        vm.setRoom(room);
+        vm.setTimelineRenderingType(timelineRenderingType);
+        vm.setLowBandwidth(lowBandwidth);
+        vm.setUseOnlyCurrentProfiles(useOnlyCurrentProfiles);
+        vm.setShowDisplayName(showDisplayName);
+    }, [vm, cli, thread, room, timelineRenderingType, lowBandwidth, useOnlyCurrentProfiles, showDisplayName]);
+
+    return <ThreadMessagePreviewView vm={vm} />;
+}
diff --git a/apps/web/src/components/views/rooms/EventTile/ThreadSummaryAdapter.tsx b/apps/web/src/components/views/rooms/EventTile/ThreadSummaryAdapter.tsx
new file mode 100644
index 00000000000..4f12d4c44f1
--- /dev/null
+++ b/apps/web/src/components/views/rooms/EventTile/ThreadSummaryAdapter.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, { useContext, useEffect, type JSX } from "react";
+import classNames from "classnames";
+import { type MatrixEvent, type Thread } from "matrix-js-sdk/src/matrix";
+import { ThreadSummaryView } from "@element-hq/web-shared-components";
+
+import { CardContext } from "../../right_panel/context";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { useScopedRoomContext } from "../../../../contexts/ScopedRoomContext.tsx";
+import { useSettingValue } from "../../../../hooks/useSettings";
+import { type EventTileViewModel } from "../../../../viewmodels/room/timeline/event-tile/EventTileViewModel";
+
+/**
+ * Props for the {@link ThreadSummaryAdapter} component.
+ */
+interface ThreadSummaryAdapterProps extends Omit<React.ComponentPropsWithoutRef<"button">, "aria-label" | "onClick"> {
+    /** View model backing the thread summary tile. */
+    eventTileViewModel: EventTileViewModel;
+    /** Root event for the thread summary. */
+    mxEvent: MatrixEvent;
+    /** Thread represented by the summary tile. */
+    thread: Thread;
+}
+
+/**
+ * Renders the thread summary tile for an event.
+ */
+export function ThreadSummaryAdapter({
+    eventTileViewModel,
+    mxEvent,
+    thread,
+    className,
+    ...props
+}: Readonly<ThreadSummaryAdapterProps>): JSX.Element {
+    const cli = useMatrixClientContext();
+    const { isCard } = useContext(CardContext);
+    const { narrow, room, timelineRenderingType, lowBandwidth } = useScopedRoomContext(
+        "narrow",
+        "room",
+        "timelineRenderingType",
+        "lowBandwidth",
+    );
+    const useOnlyCurrentProfiles = useSettingValue("useOnlyCurrentProfiles");
+    const vm = eventTileViewModel.getThreadSummaryViewModel({
+        cli,
+        mxEvent,
+        thread,
+        narrow,
+        isCard,
+        room,
+        timelineRenderingType,
+        lowBandwidth,
+        useOnlyCurrentProfiles,
+        avatarClassName: "mx_BaseAvatar",
+    });
+
+    useEffect(() => {
+        // This child VM owns Matrix listeners, so release it when the view using it leaves the tree.
+        return () => eventTileViewModel.releaseThreadSummaryViewModel();
+    }, [eventTileViewModel]);
+
+    useEffect(() => {
+        vm.setClient(cli);
+        vm.setRootEvent(mxEvent);
+        vm.setThread(thread);
+        vm.setNarrow(narrow);
+        vm.setIsCard(isCard);
+        vm.setRoom(room);
+        vm.setTimelineRenderingType(timelineRenderingType);
+        vm.setLowBandwidth(lowBandwidth);
+        vm.setUseOnlyCurrentProfiles(useOnlyCurrentProfiles);
+    }, [vm, cli, mxEvent, thread, narrow, isCard, room, timelineRenderingType, lowBandwidth, useOnlyCurrentProfiles]);
+
+    return <ThreadSummaryView {...props} vm={vm} className={classNames("mx_ThreadSummary", className)} />;
+}
diff --git a/apps/web/src/components/views/rooms/HistoryTile.tsx b/apps/web/src/components/views/rooms/HistoryTile.tsx
new file mode 100644
index 00000000000..0f34609e296
--- /dev/null
+++ b/apps/web/src/components/views/rooms/HistoryTile.tsx
@@ -0,0 +1,40 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Robin Townsend <robin@robin.town>
+
+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 { 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 { _t } from "../../../languageHandler";
+import { useScopedRoomContext } from "../../../contexts/ScopedRoomContext.tsx";
+
+const HistoryTile: React.FC = () => {
+    const { room } = useScopedRoomContext("room");
+
+    const oldState = room?.getLiveTimeline().getState(EventTimeline.BACKWARDS);
+    const historyState = oldState?.getStateEvents("m.room.history_visibility")[0]?.getContent().history_visibility;
+
+    let subtitle: string | undefined;
+    if (historyState == "invited") {
+        subtitle = _t("timeline|no_permission_messages_before_invite");
+    } else if (historyState == "joined") {
+        subtitle = _t("timeline|no_permission_messages_before_join");
+    }
+
+    return (
+        <EventTileBubble
+            icon={<VisibilityOffIcon />}
+            className="mx_EventTileBubble mx_HistoryTile"
+            title={_t("timeline|historical_messages_unavailable")}
+            subtitle={subtitle}
+        />
+    );
+};
+
+export default HistoryTile;
diff --git a/apps/web/src/components/views/rooms/JumpToBottomButton.tsx b/apps/web/src/components/views/rooms/JumpToBottomButton.tsx
new file mode 100644
index 00000000000..7ea7a7c6924
--- /dev/null
+++ b/apps/web/src/components/views/rooms/JumpToBottomButton.tsx
@@ -0,0 +1,44 @@
+/*
+Copyright 2019-2024 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 classNames from "classnames";
+import { ChevronDownIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+
+interface IProps {
+    numUnreadMessages?: number;
+    highlight: boolean;
+    onScrollToBottomClick: (e: ButtonEvent) => void;
+}
+
+const JumpToBottomButton: React.FC<IProps> = (props) => {
+    const className = classNames({
+        mx_JumpToBottomButton: true,
+        mx_JumpToBottomButton_highlight: props.highlight,
+    });
+    let badge;
+    if (props.numUnreadMessages) {
+        badge = <div className="mx_JumpToBottomButton_badge">{props.numUnreadMessages}</div>;
+    }
+    return (
+        <div className={className}>
+            <AccessibleButton
+                className="mx_JumpToBottomButton_scrollDown"
+                title={_t("room|jump_to_bottom_button")}
+                onClick={props.onScrollToBottomClick}
+            >
+                <ChevronDownIcon />
+            </AccessibleButton>
+            {badge}
+        </div>
+    );
+};
+
+export default JumpToBottomButton;
diff --git a/apps/web/src/components/views/rooms/LiveContentSummary.tsx b/apps/web/src/components/views/rooms/LiveContentSummary.tsx
new file mode 100644
index 00000000000..2e5f7d13589
--- /dev/null
+++ b/apps/web/src/components/views/rooms/LiveContentSummary.tsx
@@ -0,0 +1,47 @@
+/*
+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 FC } from "react";
+import classNames from "classnames";
+import { GroupIcon, VideoCallSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+
+interface Props {
+    text: string;
+    active: boolean;
+    participantCount: number;
+}
+
+/**
+ * Summary line used to call out live, interactive content such as calls.
+ */
+export const LiveContentSummary: FC<Props> = ({ text, active, participantCount }) => (
+    <span className="mx_LiveContentSummary">
+        <span
+            className={classNames("mx_LiveContentSummary_text", {
+                mx_LiveContentSummary_text_active: active,
+            })}
+        >
+            <VideoCallSolidIcon />
+            {text}
+        </span>
+        {participantCount > 0 && (
+            <>
+                {" • "}
+                <span
+                    className="mx_LiveContentSummary_participants"
+                    aria-label={_t("voip|n_people_joined", { count: participantCount })}
+                >
+                    <GroupIcon />
+                    {participantCount}
+                </span>
+            </>
+        )}
+    </span>
+);
diff --git a/apps/web/src/components/views/rooms/MemberList/MemberListHeaderView.tsx b/apps/web/src/components/views/rooms/MemberList/MemberListHeaderView.tsx
new file mode 100644
index 00000000000..77e014e485f
--- /dev/null
+++ b/apps/web/src/components/views/rooms/MemberList/MemberListHeaderView.tsx
@@ -0,0 +1,137 @@
+/*
+Copyright 2024 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 { Search, Text, Button, Tooltip, InlineSpinner } from "@vector-im/compound-web";
+import React from "react";
+import InviteIcon from "@vector-im/compound-design-tokens/assets/web/icons/user-add";
+import { UserAddIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Flex } from "@element-hq/web-shared-components";
+
+import { type MemberListViewState } from "../../../viewmodels/memberlist/MemberListViewModel";
+import { _t } from "../../../../languageHandler";
+
+interface TooltipProps {
+    canInvite: boolean;
+    children: React.ReactNode;
+}
+
+const InviteTooltip: React.FC<TooltipProps> = ({ canInvite, children }) => {
+    const description: string = canInvite ? _t("action|invite") : _t("member_list|invite_button_no_perms_tooltip");
+    // If the user isn't allowed to invite others to this room, wrap with a relevant tooltip.
+    return <Tooltip description={description}>{children}</Tooltip>;
+};
+
+interface Props {
+    vm: MemberListViewState;
+}
+
+const InviteButton: React.FC<Props> = ({ vm }) => {
+    const shouldShowInvite = vm.shouldShowInvite;
+    const shouldShowSearch = vm.shouldShowSearch;
+    const disabled = !vm.canInvite;
+
+    if (!shouldShowInvite) {
+        // In this case, invite button should not be rendered.
+        return null;
+    }
+
+    if (shouldShowSearch) {
+        /// When rendered alongside a search box, the invite button is just an icon.
+        return (
+            <InviteTooltip canInvite={vm.canInvite}>
+                <Button
+                    className="mx_MemberListHeaderView_invite_small"
+                    kind="secondary"
+                    onClick={vm.onInviteButtonClick}
+                    size="md"
+                    iconOnly={true}
+                    Icon={InviteIcon}
+                    disabled={disabled}
+                    aria-label={_t("action|invite")}
+                    type="button"
+                />
+            </InviteTooltip>
+        );
+    }
+
+    // Without a search box, invite button is a full size button.
+    return (
+        <InviteTooltip canInvite={vm.canInvite}>
+            <Button
+                kind="secondary"
+                size="md"
+                Icon={UserAddIcon}
+                className="mx_MemberListHeaderView_invite_large"
+                disabled={!vm.canInvite}
+                onClick={vm.onInviteButtonClick}
+                type="button"
+            >
+                {_t("action|invite")}
+            </Button>
+        </InviteTooltip>
+    );
+};
+
+/**
+ * This should be:
+ * A loading text with spinner while the memberlist loads.
+ * Member count of the room when there's nothing in the search field.
+ * Number of matching members during search or 'No result' if search found nothing.
+ */
+function getHeaderLabelJSX(vm: MemberListViewState): React.ReactNode {
+    if (vm.isLoading) {
+        return (
+            <Flex align="center" gap="8px">
+                <InlineSpinner /> {_t("common|loading")}
+            </Flex>
+        );
+    }
+    if (vm.memberCount === 0) {
+        return _t("member_list|no_matches");
+    }
+    return _t("member_list|count", { count: vm.memberCount });
+}
+
+export const MemberListHeaderView: React.FC<Props> = (props: Props) => {
+    const vm = props.vm;
+
+    let contentJSX: React.ReactNode;
+
+    if (vm.shouldShowSearch) {
+        // When we need to show the search box
+        contentJSX = (
+            <Flex justify="center" className="mx_MemberListHeaderView_container">
+                <Search
+                    className="mx_MemberListHeaderView_search mx_no_textinput"
+                    name="searchMembers"
+                    placeholder={_t("member_list|filter_placeholder")}
+                    onChange={(e) => vm.search((e as React.ChangeEvent<HTMLInputElement>).target.value)}
+                />
+                <InviteButton vm={vm} />
+            </Flex>
+        );
+    } else if (!vm.shouldShowSearch && vm.shouldShowInvite) {
+        // When we don't need to show the search box but still need an invite button
+        contentJSX = (
+            <Flex justify="center" className="mx_MemberListHeaderView_container">
+                <InviteButton vm={vm} />
+            </Flex>
+        );
+    } else {
+        // No search box and no invite icon, so nothing to render!
+        contentJSX = null;
+    }
+
+    return (
+        <Flex className="mx_MemberListHeaderView" as="header" align="center" justify="space-between" direction="column">
+            {!vm.isLoading && contentJSX}
+            <Text as="div" size="sm" weight="semibold" className="mx_MemberListHeaderView_label">
+                {getHeaderLabelJSX(vm)}
+            </Text>
+        </Flex>
+    );
+};
diff --git a/apps/web/src/components/views/rooms/MemberList/MemberListView.tsx b/apps/web/src/components/views/rooms/MemberList/MemberListView.tsx
new file mode 100644
index 00000000000..ae7c40d655e
--- /dev/null
+++ b/apps/web/src/components/views/rooms/MemberList/MemberListView.tsx
@@ -0,0 +1,129 @@
+/*
+Copyright 2024 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 { Form } from "@vector-im/compound-web";
+import React, { type JSX, useCallback } from "react";
+import { Flex, type VirtualizedListContext, FlatVirtualizedList } from "@element-hq/web-shared-components";
+
+import {
+    type MemberWithSeparator,
+    SEPARATOR,
+    useMemberListViewModel,
+} from "../../../viewmodels/memberlist/MemberListViewModel";
+import { RoomMemberTileView } from "./tiles/RoomMemberTileView";
+import { ThreePidInviteTileView } from "./tiles/ThreePidInviteTileView";
+import { MemberListHeaderView } from "./MemberListHeaderView";
+import BaseCard from "../../right_panel/BaseCard";
+import { _t } from "../../../../languageHandler";
+
+interface IProps {
+    roomId: string;
+    onClose: () => void;
+}
+
+/**
+ * Height of a single member list item
+ */
+const MEMBER_LIST_ITEM_HEIGHT = 56;
+/**
+ * Amount to extend the top and bottom of the viewport by.
+ * From manual testing 15 items seems to be enough to never really see the blank space when scrolling.
+ */
+const EXTENDED_VIEWPORT_HEIGHT = 15 * MEMBER_LIST_ITEM_HEIGHT;
+
+const MemberListView: React.FC<IProps> = (props: IProps) => {
+    const vm = useMemberListViewModel(props.roomId);
+    const { isPresenceEnabled, memberCount } = vm;
+
+    const getItemKey = useCallback((item: MemberWithSeparator): string => {
+        if (item === SEPARATOR) {
+            return "separator";
+        } else if (item.member) {
+            return `member-${item.member.userId}`;
+        } else {
+            return `threePidInvite-${item.threePidInvite.event.getStateKey()}`;
+        }
+    }, []);
+
+    const getItemComponent = useCallback(
+        (
+            index: number,
+            item: MemberWithSeparator,
+            context: VirtualizedListContext<any>,
+            onFocus: (item: MemberWithSeparator, e: React.FocusEvent) => void,
+        ): JSX.Element => {
+            const itemKey = getItemKey(item);
+            const isRovingItem = itemKey === context.tabIndexKey;
+            const focused = isRovingItem && context.focused;
+            if (item === SEPARATOR) {
+                return <hr className="mx_MemberListView_separator" />;
+            } else if (item.member) {
+                return (
+                    <RoomMemberTileView
+                        item={item}
+                        member={item.member}
+                        showPresence={isPresenceEnabled}
+                        focused={focused}
+                        tabIndex={isRovingItem ? 0 : -1}
+                        index={index}
+                        memberCount={memberCount}
+                        onFocus={onFocus}
+                    />
+                );
+            } else {
+                return (
+                    <ThreePidInviteTileView
+                        item={item}
+                        threePidInvite={item.threePidInvite}
+                        focused={focused}
+                        tabIndex={isRovingItem ? 0 : -1}
+                        memberIndex={index - 1} // Adjust as invites are below the separator
+                        memberCount={memberCount}
+                        onFocus={onFocus}
+                    />
+                );
+            }
+        },
+        [isPresenceEnabled, getItemKey, memberCount],
+    );
+
+    const isItemFocusable = useCallback((item: MemberWithSeparator): boolean => {
+        return item !== SEPARATOR;
+    }, []);
+
+    return (
+        <BaseCard
+            id="memberlist-panel"
+            className="mx_MemberListView"
+            ariaLabelledBy="memberlist-panel-tab"
+            role="tabpanel"
+            header={_t("common|people")}
+            onClose={props.onClose}
+        >
+            <Flex align="stretch" direction="column" className="mx_MemberListView_container">
+                <Form.Root onSubmit={(e) => e.preventDefault()}>
+                    <MemberListHeaderView vm={vm} />
+                </Form.Root>
+                <FlatVirtualizedList
+                    items={vm.members}
+                    getItemComponent={getItemComponent}
+                    getItemKey={getItemKey}
+                    isItemFocusable={isItemFocusable}
+                    role="listbox"
+                    aria-label={_t("member_list|list_title")}
+                    fixedItemHeight={MEMBER_LIST_ITEM_HEIGHT}
+                    increaseViewportBy={{
+                        bottom: EXTENDED_VIEWPORT_HEIGHT,
+                        top: EXTENDED_VIEWPORT_HEIGHT,
+                    }}
+                />
+            </Flex>
+        </BaseCard>
+    );
+};
+
+export default MemberListView;
diff --git a/apps/web/src/components/views/rooms/MemberList/tiles/RoomMemberTileView.tsx b/apps/web/src/components/views/rooms/MemberList/tiles/RoomMemberTileView.tsx
new file mode 100644
index 00000000000..aab430a3eac
--- /dev/null
+++ b/apps/web/src/components/views/rooms/MemberList/tiles/RoomMemberTileView.tsx
@@ -0,0 +1,99 @@
+/*
+Copyright 2024 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 } from "react";
+import { useCreateAutoDisposedViewModel, DisambiguatedProfileView } from "@element-hq/web-shared-components";
+
+import { type RoomMember } from "../../../../../models/rooms/RoomMember";
+import { useMemberTileViewModel } from "../../../../viewmodels/memberlist/tiles/MemberTileViewModel";
+import { E2EIconView } from "./common/E2EIconView";
+import AvatarPresenceIconView from "./common/PresenceIconView";
+import BaseAvatar from "../../../avatars/BaseAvatar";
+import { _t } from "../../../../../languageHandler";
+import { MemberTileView } from "./common/MemberTileView";
+import { InvitedIconView } from "./common/InvitedIconView";
+import { type MemberWithSeparator } from "../../../../viewmodels/memberlist/MemberListViewModel";
+import { DisambiguatedProfileViewModel } from "../../../../../viewmodels/room/timeline/event-tile/DisambiguatedProfileViewModel";
+import { useUserStatus } from "../../../../../hooks/useUserStatus";
+
+interface IProps {
+    /**
+     * Needed for `onFocus`
+     */
+    item: MemberWithSeparator;
+    member: RoomMember;
+    index: number;
+    memberCount: number;
+    showPresence?: boolean;
+    focused?: boolean;
+    tabIndex?: number;
+    onFocus: (item: MemberWithSeparator, e: React.FocusEvent) => void;
+}
+
+export function RoomMemberTileView(props: IProps): JSX.Element {
+    const vm = useMemberTileViewModel(props);
+    const member = vm.member;
+    const av = (
+        <BaseAvatar
+            size="32px"
+            name={member.name}
+            idName={member.userId}
+            title={member.displayUserId}
+            url={member.avatarThumbnailUrl}
+            altText={_t("common|user_avatar")}
+        />
+    );
+    const name = vm.name;
+    const userStatus = useUserStatus(member.userId);
+    const disambiguatedProfileVM = useCreateAutoDisposedViewModel(
+        () =>
+            new DisambiguatedProfileViewModel({
+                fallbackName: name,
+                member,
+                withTooltip: true,
+                userStatus,
+            }),
+    );
+    useEffect(() => {
+        disambiguatedProfileVM.setMember(name, member);
+    }, [disambiguatedProfileVM, member, name]);
+    useEffect(() => {
+        disambiguatedProfileVM.setUserStatus(userStatus);
+    }, [disambiguatedProfileVM, userStatus]);
+    const nameJSX = <DisambiguatedProfileView vm={disambiguatedProfileVM} className="mx_DisambiguatedProfile" />;
+
+    const presenceState = member.presenceState;
+    let presenceJSX: JSX.Element | undefined;
+    if (vm.showPresence && presenceState) {
+        presenceJSX = <AvatarPresenceIconView presenceState={presenceState} />;
+    }
+
+    let iconJsx;
+    if (vm.e2eStatus) {
+        iconJsx = <E2EIconView status={vm.e2eStatus} />;
+    }
+    if (member.isInvite) {
+        iconJsx = <InvitedIconView isThreePid={false} />;
+    }
+
+    return (
+        <MemberTileView
+            onClick={vm.onClick}
+            onFocus={(e) => props.onFocus(props.item, e)}
+            avatarJsx={av}
+            presenceJsx={presenceJSX}
+            nameJsx={nameJSX}
+            userLabel={vm.userLabel}
+            ariaLabel={name}
+            iconJsx={iconJsx}
+            focused={props.focused}
+            tabIndex={props.tabIndex}
+            memberIndex={props.index - (member.isInvite ? 1 : 0)} // Adjust as invites are below the seperator
+            memberCount={props.memberCount}
+        />
+    );
+}
diff --git a/apps/web/src/components/views/rooms/MemberList/tiles/ThreePidInviteTileView.tsx b/apps/web/src/components/views/rooms/MemberList/tiles/ThreePidInviteTileView.tsx
new file mode 100644
index 00000000000..22be2fd4aff
--- /dev/null
+++ b/apps/web/src/components/views/rooms/MemberList/tiles/ThreePidInviteTileView.tsx
@@ -0,0 +1,51 @@
+/*
+Copyright 2024 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 { useThreePidTileViewModel } from "../../../../viewmodels/memberlist/tiles/ThreePidTileViewModel";
+import { type ThreePIDInvite } from "../../../../../models/rooms/ThreePIDInvite";
+import BaseAvatar from "../../../avatars/BaseAvatar";
+import { MemberTileView } from "./common/MemberTileView";
+import { InvitedIconView } from "./common/InvitedIconView";
+import { type MemberWithSeparator } from "../../../../viewmodels/memberlist/MemberListViewModel";
+
+interface Props {
+    /**
+     * Needed for `onFocus`
+     */
+    item: MemberWithSeparator;
+    threePidInvite: ThreePIDInvite;
+    memberIndex: number;
+    memberCount: number;
+    focused?: boolean;
+    tabIndex?: number;
+    onFocus: (item: MemberWithSeparator, e: React.FocusEvent) => void;
+}
+
+export function ThreePidInviteTileView(props: Props): JSX.Element {
+    const vm = useThreePidTileViewModel(props);
+    const av = <BaseAvatar name={vm.name} size="32px" aria-hidden="true" />;
+    const iconJsx = <InvitedIconView isThreePid={true} />;
+    const name = vm.name;
+
+    return (
+        <MemberTileView
+            nameJsx={name}
+            avatarJsx={av}
+            onClick={vm.onClick}
+            memberIndex={props.memberIndex}
+            memberCount={props.memberCount}
+            ariaLabel={name}
+            userLabel={vm.userLabel}
+            iconJsx={iconJsx}
+            focused={props.focused}
+            tabIndex={props.tabIndex}
+            onFocus={(e) => props.onFocus(props.item, e)}
+        />
+    );
+}
diff --git a/apps/web/src/components/views/rooms/MemberList/tiles/common/E2EIconView.tsx b/apps/web/src/components/views/rooms/MemberList/tiles/common/E2EIconView.tsx
new file mode 100644
index 00000000000..359bb74b233
--- /dev/null
+++ b/apps/web/src/components/views/rooms/MemberList/tiles/common/E2EIconView.tsx
@@ -0,0 +1,44 @@
+/*
+Copyright 2024 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 { Tooltip } from "@vector-im/compound-web";
+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 { _t } from "../../../../../../languageHandler";
+import { E2EStatus } from "../../../../../../utils/ShieldUtils";
+import { crossSigningUserTitles } from "../../../E2EIcon";
+
+function getIconFromStatus(status: E2EStatus): JSX.Element | undefined {
+    switch (status) {
+        case E2EStatus.Normal:
+            return undefined;
+        case E2EStatus.Verified:
+            return <VerifiedIcon height="16px" width="16px" className="mx_E2EIconView_verified" />;
+        case E2EStatus.Warning:
+            return <ErrorIcon height="16px" width="16px" className="mx_E2EIconView_warning" />;
+    }
+}
+
+interface Props {
+    status: E2EStatus;
+}
+
+export const E2EIconView: React.FC<Props> = ({ status }) => {
+    const e2eTitle = crossSigningUserTitles[status];
+    const label = e2eTitle ? _t(e2eTitle) : "";
+
+    const icon = getIconFromStatus(status);
+    if (!icon) return null;
+
+    return (
+        <Tooltip label={label}>
+            <div className="mx_E2EIconView">{icon}</div>
+        </Tooltip>
+    );
+};
diff --git a/apps/web/src/components/views/rooms/MemberList/tiles/common/InvitedIconView.tsx b/apps/web/src/components/views/rooms/MemberList/tiles/common/InvitedIconView.tsx
new file mode 100644
index 00000000000..35ac0ce8997
--- /dev/null
+++ b/apps/web/src/components/views/rooms/MemberList/tiles/common/InvitedIconView.tsx
@@ -0,0 +1,24 @@
+/*
+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 EmailIcon from "@vector-im/compound-design-tokens/assets/web/icons/email-solid";
+import UserAddIcon from "@vector-im/compound-design-tokens/assets/web/icons/user-add-solid";
+import { Flex } from "@element-hq/web-shared-components";
+
+interface Props {
+    isThreePid: boolean;
+}
+
+export function InvitedIconView({ isThreePid }: Props): JSX.Element {
+    const Icon = isThreePid ? EmailIcon : UserAddIcon;
+    return (
+        <Flex align="center" className="mx_InvitedIconView">
+            <Icon height="16px" width="16px" />
+        </Flex>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/MemberList/tiles/common/MemberTileView.tsx b/apps/web/src/components/views/rooms/MemberList/tiles/common/MemberTileView.tsx
new file mode 100644
index 00000000000..92aca2e220f
--- /dev/null
+++ b/apps/web/src/components/views/rooms/MemberList/tiles/common/MemberTileView.tsx
@@ -0,0 +1,67 @@
+/*
+Copyright 2024 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, { useEffect, useRef, type JSX } from "react";
+
+import AccessibleButton from "../../../../elements/AccessibleButton";
+
+interface Props {
+    avatarJsx: JSX.Element;
+    nameJsx: JSX.Element | string;
+    onClick: () => void;
+    onFocus: (e: React.FocusEvent) => void;
+    memberIndex: number;
+    memberCount: number;
+    ariaLabel?: string;
+    presenceJsx?: JSX.Element;
+    userLabel?: React.ReactNode;
+    iconJsx?: JSX.Element;
+    tabIndex?: number;
+    focused?: boolean;
+}
+
+export function MemberTileView(props: Props): JSX.Element {
+    let userLabelJsx: React.ReactNode;
+    if (props.userLabel) {
+        userLabelJsx = <div className="mx_MemberTileView_userLabel">{props.userLabel}</div>;
+    }
+    const ref = useRef<HTMLDivElement | null>(null);
+    useEffect(() => {
+        if (props.focused) {
+            ref.current?.focus({ preventScroll: true, focusVisible: true });
+        }
+    }, [props.focused]);
+    return (
+        // The wrapping div is required to make the magic mouse listener work, for some reason.
+        <div>
+            <AccessibleButton
+                ref={ref}
+                className="mx_MemberTileView"
+                onClick={props.onClick}
+                onFocus={props.onFocus}
+                aria-label={props?.ariaLabel}
+                tabIndex={props.tabIndex}
+                role="option"
+                aria-selected={props.tabIndex === 0}
+                aria-posinset={props.memberIndex + 1}
+                aria-setsize={props.memberCount}
+            >
+                <div aria-hidden className="mx_MemberTileView_left">
+                    <div className="mx_MemberTileView_avatar">
+                        {props.avatarJsx}
+                        <div className="mx_MemberTileView_presence">{props.presenceJsx}</div>
+                    </div>
+                    <div className="mx_MemberTileView_name">{props.nameJsx}</div>
+                </div>
+                <div aria-hidden className="mx_MemberTileView_right">
+                    {userLabelJsx}
+                    {props.iconJsx}
+                </div>
+            </AccessibleButton>
+        </div>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/MemberList/tiles/common/PresenceIconView.tsx b/apps/web/src/components/views/rooms/MemberList/tiles/common/PresenceIconView.tsx
new file mode 100644
index 00000000000..8b67418536d
--- /dev/null
+++ b/apps/web/src/components/views/rooms/MemberList/tiles/common/PresenceIconView.tsx
@@ -0,0 +1,68 @@
+/*
+Copyright 2024 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 classNames from "classnames";
+import OnlineOrUnavailableIcon from "@vector-im/compound-design-tokens/assets/web/icons/presence-solid-8x8";
+import OfflineIcon from "@vector-im/compound-design-tokens/assets/web/icons/presence-outline-8x8";
+import DNDIcon from "@vector-im/compound-design-tokens/assets/web/icons/presence-strikethrough-8x8";
+import { Tooltip } from "@vector-im/compound-web";
+import { UnstableValue } from "matrix-js-sdk/src/NamespacedValue";
+
+import { _t } from "../../../../../../languageHandler";
+
+interface Props {
+    className?: string;
+    presenceState: string;
+}
+
+export const BUSY_PRESENCE_NAME = new UnstableValue("busy", "org.matrix.msc3026.busy");
+
+function getIconForPresenceState(state: string): JSX.Element {
+    switch (state) {
+        case "online":
+            return <OnlineOrUnavailableIcon height="8px" width="8px" className="mx_PresenceIconView_online" />;
+        case "offline":
+            return <OfflineIcon height="8px" width="8px" className="mx_PresenceIconView_offline" />;
+        case "unavailable":
+        case "io.element.unreachable":
+            return <OnlineOrUnavailableIcon height="8px" width="8px" className="mx_PresenceIconView_unavailable" />;
+        case BUSY_PRESENCE_NAME.name:
+        case BUSY_PRESENCE_NAME.altName:
+            return <DNDIcon height="8px" width="8px" className="mx_PresenceIconView_dnd" />;
+        default:
+            throw new Error(`Presence state "${state}" is unknown.`);
+    }
+}
+
+function getTooltipText(state: string): string {
+    switch (state) {
+        case "online":
+            return _t("presence|online");
+        case "offline":
+            return _t("presence|offline");
+        case "unavailable":
+        case "io.element.unreachable":
+            return _t("presence|away");
+        case BUSY_PRESENCE_NAME.name:
+        case BUSY_PRESENCE_NAME.altName:
+            return _t("presence|busy");
+        default:
+            throw new Error(`Presence state "${state}" is unknown.`);
+    }
+}
+
+const AvatarPresenceIconView: React.FC<Props> = ({ className, presenceState }) => {
+    const names = classNames("mx_PresenceIconView", className);
+    return (
+        <Tooltip label={getTooltipText(presenceState)} placement="bottom" isTriggerInteractive={false}>
+            <div className={names}>{getIconForPresenceState(presenceState)}</div>
+        </Tooltip>
+    );
+};
+
+export default AvatarPresenceIconView;
diff --git a/apps/web/src/components/views/rooms/MessageComposer.tsx b/apps/web/src/components/views/rooms/MessageComposer.tsx
new file mode 100644
index 00000000000..e9debaf2232
--- /dev/null
+++ b/apps/web/src/components/views/rooms/MessageComposer.tsx
@@ -0,0 +1,769 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-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 JSX, createRef, type ReactNode, useEffect } from "react";
+import classNames from "classnames";
+import {
+    type IEventRelation,
+    type MatrixEvent,
+    type Room,
+    type RoomMember,
+    EventType,
+    THREAD_RELATION_TYPE,
+} from "matrix-js-sdk/src/matrix";
+import { Tooltip } from "@vector-im/compound-web";
+import { logger } from "matrix-js-sdk/src/logger";
+import { LockOffIcon, SendSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
+
+import { _t } from "../../../languageHandler";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import dis from "../../../dispatcher/dispatcher";
+import { type ActionPayload } from "../../../dispatcher/payloads";
+import Stickerpicker from "./Stickerpicker";
+import { makeRoomPermalink, type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import E2EIcon from "./E2EIcon";
+import SettingsStore from "../../../settings/SettingsStore";
+import { aboveLeftOf, type MenuProps } from "../../structures/ContextMenu";
+import ReplyPreview from "./ReplyPreview";
+import { UserIdentityWarning } from "./UserIdentityWarning";
+import { UPDATE_EVENT } from "../../../stores/AsyncStore";
+import VoiceRecordComposerTile from "./VoiceRecordComposerTile";
+import { VoiceRecordingStore } from "../../../stores/VoiceRecordingStore";
+import { RecordingState } from "../../../audio/VoiceRecording";
+import type ResizeNotifier from "../../../utils/ResizeNotifier";
+import { E2EStatus } from "../../../utils/ShieldUtils";
+import SendMessageComposer, { type SendMessageComposer as SendMessageComposerClass } from "./SendMessageComposer";
+import { type ComposerInsertPayload } from "../../../dispatcher/payloads/ComposerInsertPayload";
+import { Action } from "../../../dispatcher/actions";
+import type EditorModel from "../../../editor/model";
+import UIStore, { UI_EVENTS } from "../../../stores/UIStore";
+import RoomContext from "../../../contexts/RoomContext";
+import { type SettingUpdatedPayload } from "../../../dispatcher/payloads/SettingUpdatedPayload";
+import MessageComposerButtons from "./MessageComposerButtons";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import { isLocalRoom } from "../../../utils/localRoom/isLocalRoom";
+import { type VoiceMessageRecording } from "../../../audio/VoiceMessageRecording";
+import { SendWysiwygComposer, sendMessage, getConversionFunctions } from "./wysiwyg_composer/";
+import {
+    type MatrixClientProps,
+    withMatrixClientHOC,
+    useMatrixClientContext,
+} from "../../../contexts/MatrixClientContext";
+import { UIFeature } from "../../../settings/UIFeature";
+import { formatTimeLeft } from "../../../DateUtils";
+import RoomReplacedSvg from "../../../../res/img/room_replaced.svg";
+import { MessageComposerUrlPreviewWrapper } from "./MessageComposerUrlPreview";
+import { MessageComposerUrlPreviewViewModel } from "../../../viewmodels/composer/MessageComposerUrlPreviewViewModel";
+import { useScopedRoomContext } from "../../../contexts/ScopedRoomContext";
+import PlatformPeg from "../../../PlatformPeg";
+import { useSettingValue } from "../../../hooks/useSettings";
+
+// The prefix used when persisting editor drafts to localstorage.
+export const WYSIWYG_EDITOR_STATE_STORAGE_PREFIX = "mx_wysiwyg_state_";
+
+let instanceCount = 0;
+
+interface ISendButtonProps {
+    onClick: (ev: ButtonEvent) => void;
+    title?: string; // defaults to something generic
+}
+
+function SendButton(props: ISendButtonProps): JSX.Element {
+    return (
+        <AccessibleButton
+            className="mx_MessageComposer_sendMessage"
+            onClick={props.onClick}
+            title={props.title ?? _t("composer|send_button_title")}
+            data-testid="sendmessagebtn"
+        >
+            <SendSolidIcon />
+        </AccessibleButton>
+    );
+}
+
+interface IProps extends MatrixClientProps {
+    room: Room;
+    resizeNotifier: ResizeNotifier;
+    permalinkCreator?: RoomPermalinkCreator;
+    replyToEvent?: MatrixEvent;
+    relation?: IEventRelation;
+    e2eStatus?: E2EStatus;
+    compact?: boolean;
+    urlPreviewVm: MessageComposerUrlPreviewViewModel;
+}
+
+interface IState {
+    composerContent: string;
+    isComposerEmpty: boolean;
+    haveRecording: boolean;
+    recordingTimeLeftSeconds?: number;
+    me?: RoomMember;
+    isMenuOpen: boolean;
+    isStickerPickerOpen: boolean;
+    showStickersButton: boolean;
+    showPollsButton: boolean;
+    isWysiwygLabEnabled: boolean;
+    isRichTextEnabled: boolean;
+    initialComposerContent: string;
+}
+
+type WysiwygComposerState = {
+    content: string;
+    isRichText: boolean;
+    replyEventId?: string;
+};
+
+export class MessageComposer extends React.Component<IProps, IState> {
+    private dispatcherRef?: string;
+    private messageComposerInput = createRef<SendMessageComposerClass>();
+    private voiceRecordingButton = createRef<VoiceRecordComposerTile>();
+    private ref = createRef<HTMLDivElement>();
+    private instanceId: number;
+
+    private _voiceRecording?: VoiceMessageRecording;
+
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    public static defaultProps = {
+        compact: false,
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        const isWysiwygLabEnabled = SettingsStore.getValue("feature_wysiwyg_composer");
+        let isRichTextEnabled = true;
+        let initialComposerContent = "";
+        if (isWysiwygLabEnabled) {
+            const wysiwygState = this.restoreWysiwygEditorState();
+            if (wysiwygState) {
+                isRichTextEnabled = wysiwygState.isRichText;
+                initialComposerContent = wysiwygState.content;
+            }
+        }
+
+        this.state = {
+            isComposerEmpty: initialComposerContent?.length === 0,
+            composerContent: initialComposerContent,
+            haveRecording: false,
+            recordingTimeLeftSeconds: undefined, // when set to a number, shows a toast
+            isMenuOpen: false,
+            isStickerPickerOpen: false,
+            showStickersButton: SettingsStore.getValue("MessageComposerInput.showStickersButton"),
+            showPollsButton: SettingsStore.getValue("MessageComposerInput.showPollsButton"),
+            isWysiwygLabEnabled: isWysiwygLabEnabled,
+            isRichTextEnabled: isRichTextEnabled,
+            initialComposerContent: initialComposerContent,
+        };
+
+        this.instanceId = instanceCount++;
+    }
+
+    private get editorStateKey(): string {
+        let key = WYSIWYG_EDITOR_STATE_STORAGE_PREFIX + this.props.room.roomId;
+        if (this.props.relation?.rel_type === THREAD_RELATION_TYPE.name) {
+            key += `_${this.props.relation.event_id}`;
+        }
+        return key;
+    }
+
+    private restoreWysiwygEditorState(): WysiwygComposerState | undefined {
+        const json = localStorage.getItem(this.editorStateKey);
+        if (json) {
+            try {
+                const state: WysiwygComposerState = JSON.parse(json);
+                return state;
+            } catch (e) {
+                logger.error(e);
+            }
+        }
+        return undefined;
+    }
+
+    private saveWysiwygEditorState = (): void => {
+        if (this.shouldSaveWysiwygEditorState()) {
+            const { isRichTextEnabled, composerContent } = this.state;
+            const replyEventId = this.props.replyToEvent ? this.props.replyToEvent.getId() : undefined;
+            const item: WysiwygComposerState = {
+                content: composerContent,
+                isRichText: isRichTextEnabled,
+                replyEventId: replyEventId,
+            };
+            localStorage.setItem(this.editorStateKey, JSON.stringify(item));
+        } else {
+            this.clearStoredEditorState();
+        }
+    };
+
+    // should save state when wysiwyg is enabled and has contents or reply is open
+    private shouldSaveWysiwygEditorState = (): boolean => {
+        const { isWysiwygLabEnabled, isComposerEmpty } = this.state;
+        return isWysiwygLabEnabled && (!isComposerEmpty || !!this.props.replyToEvent);
+    };
+
+    private clearStoredEditorState(): void {
+        localStorage.removeItem(this.editorStateKey);
+    }
+
+    private get voiceRecording(): VoiceMessageRecording | undefined {
+        return this._voiceRecording;
+    }
+
+    private set voiceRecording(rec: VoiceMessageRecording | undefined) {
+        if (this._voiceRecording) {
+            this._voiceRecording.off(RecordingState.Started, this.onRecordingStarted);
+            this._voiceRecording.off(RecordingState.EndingSoon, this.onRecordingEndingSoon);
+        }
+
+        this._voiceRecording = rec;
+
+        if (rec) {
+            // Delay saying we have a recording until it is started, as we might not yet
+            // have A/V permissions
+            rec.on(RecordingState.Started, this.onRecordingStarted);
+
+            // We show a little heads up that the recording is about to automatically end soon. The 3s
+            // display time is completely arbitrary.
+            rec.on(RecordingState.EndingSoon, this.onRecordingEndingSoon);
+        }
+    }
+
+    public componentDidMount(): void {
+        VoiceRecordingStore.instance.on(UPDATE_EVENT, this.onVoiceStoreUpdate);
+
+        window.addEventListener("beforeunload", this.saveWysiwygEditorState);
+        if (this.state.isWysiwygLabEnabled) {
+            const wysiwygState = this.restoreWysiwygEditorState();
+            if (wysiwygState?.replyEventId) {
+                dis.dispatch({
+                    action: "reply_to_event",
+                    event: this.props.room.findEventById(wysiwygState.replyEventId),
+                    context: this.context.timelineRenderingType,
+                });
+            }
+        }
+
+        SettingsStore.monitorSetting("MessageComposerInput.showStickersButton", null);
+        SettingsStore.monitorSetting("MessageComposerInput.showPollsButton", null);
+        SettingsStore.monitorSetting("feature_wysiwyg_composer", null);
+
+        this.dispatcherRef = dis.register(this.onAction);
+        this.waitForOwnMember();
+        UIStore.instance.trackElementDimensions(`MessageComposer${this.instanceId}`, this.ref.current!);
+        UIStore.instance.on(`MessageComposer${this.instanceId}`, this.onResize);
+        this.updateRecordingState(); // grab any cached recordings
+    }
+
+    private onResize = (type: UI_EVENTS, entry: ResizeObserverEntry): void => {
+        if (type === UI_EVENTS.Resize) {
+            const { narrow } = this.context;
+            this.setState({
+                isMenuOpen: !narrow ? false : this.state.isMenuOpen,
+                isStickerPickerOpen: false,
+            });
+        }
+    };
+
+    private onAction = (payload: ActionPayload): void => {
+        switch (payload.action) {
+            case "reply_to_event":
+                if (payload.context === this.context.timelineRenderingType) {
+                    // add a timeout for the reply preview to be rendered, so
+                    // that the ScrollPanel listening to the resizeNotifier can
+                    // correctly measure it's new height and scroll down to keep
+                    // at the bottom if it already is
+                    window.setTimeout(() => {
+                        this.props.resizeNotifier.notifyTimelineHeightChanged();
+                    }, 100);
+                }
+                break;
+
+            case Action.SettingUpdated: {
+                const settingUpdatedPayload = payload as SettingUpdatedPayload;
+                switch (settingUpdatedPayload.settingName) {
+                    case "MessageComposerInput.showStickersButton": {
+                        const showStickersButton = SettingsStore.getValue("MessageComposerInput.showStickersButton");
+                        if (this.state.showStickersButton !== showStickersButton) {
+                            this.setState({ showStickersButton });
+                        }
+                        break;
+                    }
+                    case "MessageComposerInput.showPollsButton": {
+                        const showPollsButton = SettingsStore.getValue("MessageComposerInput.showPollsButton");
+                        if (this.state.showPollsButton !== showPollsButton) {
+                            this.setState({ showPollsButton });
+                        }
+                        break;
+                    }
+                    case "feature_wysiwyg_composer": {
+                        if (this.state.isWysiwygLabEnabled !== settingUpdatedPayload.newValue) {
+                            this.setState({ isWysiwygLabEnabled: Boolean(settingUpdatedPayload.newValue) });
+                        }
+                        break;
+                    }
+                }
+            }
+        }
+    };
+
+    private waitForOwnMember(): void {
+        // If we have the member already, do that
+        const me = this.props.room.getMember(MatrixClientPeg.safeGet().getUserId()!);
+        if (me) {
+            this.setState({ me });
+            return;
+        }
+        // Otherwise, wait for member loading to finish and then update the member for the avatar.
+        // The members should already be loading, and loadMembersIfNeeded
+        // will return the promise for the existing operation
+        this.props.room.loadMembersIfNeeded().then(() => {
+            const me = this.props.room.getMember(MatrixClientPeg.safeGet().getSafeUserId()) ?? undefined;
+            this.setState({ me });
+        });
+    }
+
+    public componentWillUnmount(): void {
+        VoiceRecordingStore.instance.off(UPDATE_EVENT, this.onVoiceStoreUpdate);
+        dis.unregister(this.dispatcherRef);
+        UIStore.instance.stopTrackingElementDimensions(`MessageComposer${this.instanceId}`);
+        UIStore.instance.removeListener(`MessageComposer${this.instanceId}`, this.onResize);
+
+        window.removeEventListener("beforeunload", this.saveWysiwygEditorState);
+        this.saveWysiwygEditorState();
+        // clean up our listeners by setting our cached recording to falsy (see internal setter)
+        this.voiceRecording = undefined;
+    }
+
+    private onTombstoneClick = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+
+        const replacementRoomId = this.context.tombstone?.getContent()["replacement_room"];
+        const replacementRoom = MatrixClientPeg.safeGet().getRoom(replacementRoomId);
+        let createEventId: string | undefined;
+        if (replacementRoom) {
+            const createEvent = replacementRoom.currentState.getStateEvents(EventType.RoomCreate, "");
+            if (createEvent?.getId()) createEventId = createEvent.getId();
+        }
+
+        const sender = this.context.tombstone?.getSender();
+        const viaServers = sender ? [sender.split(":").slice(1).join(":")] : undefined;
+
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            highlighted: true,
+            event_id: createEventId,
+            room_id: replacementRoomId,
+            auto_join: true,
+            // Try to join via the server that sent the event. This converts @something:example.org
+            // into a server domain by splitting on colons and ignoring the first entry ("@something").
+            via_servers: viaServers,
+            metricsTrigger: "Tombstone",
+            metricsViaKeyboard: ev.type !== "click",
+        });
+    };
+
+    private renderPlaceholderText = (): string => {
+        if (this.props.replyToEvent) {
+            const replyingToThread = this.props.relation?.rel_type === THREAD_RELATION_TYPE.name;
+            if (replyingToThread && this.props.e2eStatus) {
+                return _t("composer|placeholder_thread_encrypted");
+            } else if (replyingToThread) {
+                return _t("composer|placeholder_thread");
+            } else if (this.props.e2eStatus) {
+                return _t("composer|placeholder_reply_encrypted");
+            } else {
+                return _t("composer|placeholder_reply");
+            }
+        } else {
+            if (this.props.e2eStatus) {
+                return _t("composer|placeholder_encrypted");
+            } else {
+                return _t("composer|placeholder");
+            }
+        }
+    };
+
+    private addEmoji = (emoji: string): boolean => {
+        dis.dispatch<ComposerInsertPayload>({
+            action: Action.ComposerInsert,
+            text: emoji,
+            timelineRenderingType: this.context.timelineRenderingType,
+        });
+        return true;
+    };
+
+    private sendMessage = async (): Promise<void> => {
+        // snapshot need to be captured before the composer is cleared
+        // otherwise the send message function will think there are no URLs in
+        // message and will not attach URL bundles
+        const urlPreviewSnapshot = this.props.urlPreviewVm.getSnapshot();
+        this.props.urlPreviewVm.updateWithText({ content: "", debounced: false });
+        if (this.state.haveRecording && this.voiceRecordingButton.current) {
+            // There shouldn't be any text message to send when a voice recording is active, so
+            // just send out the voice recording.
+            await this.voiceRecordingButton.current?.send();
+            return;
+        }
+
+        this.messageComposerInput.current?.sendMessage({ urlPreviewSnapshot });
+
+        if (this.state.isWysiwygLabEnabled) {
+            const { relation, replyToEvent } = this.props;
+            const composerContent = this.state.composerContent;
+            this.setState({ composerContent: "", initialComposerContent: "" });
+            dis.dispatch({
+                action: Action.ClearAndFocusSendMessageComposer,
+                timelineRenderingType: this.context.timelineRenderingType,
+            });
+            await sendMessage(composerContent, this.state.isRichTextEnabled, {
+                mxClient: this.props.mxClient,
+                roomContext: this.context,
+                relation,
+                replyToEvent,
+                urlPreviewSnapshot,
+            });
+        }
+    };
+
+    private onChange = (model: EditorModel): void => {
+        this.props.urlPreviewVm.updateWithText({
+            content: model.contentPlainText,
+            debounced: true,
+        });
+        this.setState({
+            isComposerEmpty: model.isEmpty,
+        });
+    };
+
+    private onWysiwygChange = (content: string): void => {
+        this.props.urlPreviewVm.updateWithText({ content, debounced: true });
+        this.setState({
+            composerContent: content,
+            isComposerEmpty: content?.length === 0,
+        });
+    };
+
+    private onRichTextToggle = async (): Promise<void> => {
+        const { richToPlain, plainToRich } = await getConversionFunctions();
+
+        const { isRichTextEnabled, composerContent } = this.state;
+        const convertedContent = isRichTextEnabled
+            ? await richToPlain(composerContent, false)
+            : await plainToRich(composerContent, false);
+
+        this.setState({
+            isRichTextEnabled: !isRichTextEnabled,
+            composerContent: convertedContent,
+            initialComposerContent: convertedContent,
+        });
+    };
+
+    private onVoiceStoreUpdate = (): void => {
+        this.updateRecordingState();
+    };
+
+    private updateRecordingState(): void {
+        const voiceRecordingId = VoiceRecordingStore.getVoiceRecordingId(this.props.room, this.props.relation);
+        this.voiceRecording = VoiceRecordingStore.instance.getActiveRecording(voiceRecordingId);
+        if (this.voiceRecording) {
+            // If the recording has already started, it's probably a cached one.
+            if (this.voiceRecording.hasRecording && !this.voiceRecording.isRecording) {
+                this.setState({ haveRecording: true });
+            }
+
+            // Note: Listeners for recording states are set by the `this.voiceRecording` setter.
+        } else {
+            this.setState({ haveRecording: false });
+        }
+    }
+
+    private onRecordingStarted = (): void => {
+        // update the recording instance, just in case
+        const voiceRecordingId = VoiceRecordingStore.getVoiceRecordingId(this.props.room, this.props.relation);
+        this.voiceRecording = VoiceRecordingStore.instance.getActiveRecording(voiceRecordingId);
+        this.setState({
+            haveRecording: !!this.voiceRecording,
+        });
+    };
+
+    private onRecordingEndingSoon = ({ secondsLeft }: { secondsLeft: number }): void => {
+        this.setState({ recordingTimeLeftSeconds: secondsLeft });
+        window.setTimeout(() => this.setState({ recordingTimeLeftSeconds: undefined }), 3000);
+    };
+
+    private setStickerPickerOpen = (isStickerPickerOpen: boolean): void => {
+        this.setState({
+            isStickerPickerOpen,
+            isMenuOpen: false,
+        });
+    };
+
+    private toggleStickerPickerOpen = (): void => {
+        this.setStickerPickerOpen(!this.state.isStickerPickerOpen);
+    };
+
+    private toggleButtonMenu = (): void => {
+        this.setState({
+            isMenuOpen: !this.state.isMenuOpen,
+        });
+    };
+
+    private get showStickersButton(): boolean {
+        return this.state.showStickersButton && !isLocalRoom(this.props.room);
+    }
+
+    private getMenuPosition(): MenuProps | undefined {
+        if (this.ref.current) {
+            const hasFormattingButtons = this.state.isWysiwygLabEnabled && this.state.isRichTextEnabled;
+            const contentRect = this.ref.current.getBoundingClientRect();
+            // Here we need to remove the all the extra space above the editor
+            // Instead of doing a querySelector or pass a ref to find the compute the height formatting buttons
+            // We are using an arbitrary value, the formatting buttons height doesn't change during the lifecycle of the component
+            // It's easier to just use a constant here instead of an over-engineering way to find the height
+            const heightToRemove = hasFormattingButtons ? 36 : 0;
+            const fixedRect = new DOMRect(
+                contentRect.x,
+                contentRect.y + heightToRemove,
+                contentRect.width,
+                contentRect.height - heightToRemove,
+            );
+            return aboveLeftOf(fixedRect);
+        }
+    }
+
+    private onRecordStartEndClick = (): void => {
+        this.voiceRecordingButton.current?.onRecordStartEndClick();
+
+        if (this.context.narrow) {
+            this.toggleButtonMenu();
+        }
+    };
+
+    public render(): React.ReactNode {
+        let leftIcon: false | JSX.Element = false;
+        if (!this.state.isWysiwygLabEnabled) {
+            if (!this.props.e2eStatus) {
+                leftIcon = (
+                    <div className="mx_MessageComposer_e2eIconWrapper">
+                        <Tooltip label={_t("composer|room_unencrypted")}>
+                            <LockOffIcon
+                                aria-label={_t("composer|room_unencrypted")}
+                                width="12px"
+                                height="12px"
+                                color="var(--cpd-color-icon-info-primary)"
+                                className="mx_E2EIcon mx_MessageComposer_e2eIcon"
+                            />
+                        </Tooltip>
+                    </div>
+                );
+            } else if (this.props.e2eStatus !== E2EStatus.Normal) {
+                leftIcon = (
+                    <div className="mx_MessageComposer_e2eIconWrapper">
+                        <E2EIcon
+                            key="e2eIcon"
+                            status={this.props.e2eStatus}
+                            className="mx_MessageComposer_e2eIcon"
+                            size={12}
+                        />
+                    </div>
+                );
+            }
+        }
+
+        const controls: ReactNode[] = [];
+        const menuPosition = this.getMenuPosition();
+
+        const canSendMessages = this.context.canSendMessages && !this.context.tombstone;
+        let composer: ReactNode;
+        if (canSendMessages) {
+            if (this.state.isWysiwygLabEnabled && menuPosition) {
+                composer = (
+                    <SendWysiwygComposer
+                        key="controls_input"
+                        disabled={this.state.haveRecording}
+                        onChange={this.onWysiwygChange}
+                        onSend={this.sendMessage}
+                        isRichTextEnabled={this.state.isRichTextEnabled}
+                        initialContent={this.state.initialComposerContent}
+                        e2eStatus={this.props.e2eStatus}
+                        menuPosition={menuPosition}
+                        placeholder={this.renderPlaceholderText()}
+                        eventRelation={this.props.relation}
+                    />
+                );
+            } else {
+                composer = (
+                    <SendMessageComposer
+                        ref={this.messageComposerInput}
+                        key="controls_input"
+                        room={this.props.room}
+                        placeholder={this.renderPlaceholderText()}
+                        relation={this.props.relation}
+                        replyToEvent={this.props.replyToEvent}
+                        onChange={this.onChange}
+                        disabled={this.state.haveRecording}
+                        toggleStickerPickerOpen={this.toggleStickerPickerOpen}
+                        urlPreviewVm={this.props.urlPreviewVm}
+                    />
+                );
+            }
+
+            const isTooltipOpen = Boolean(this.state.recordingTimeLeftSeconds);
+            const secondsLeft = this.state.recordingTimeLeftSeconds
+                ? Math.round(this.state.recordingTimeLeftSeconds)
+                : 0;
+            controls.push(
+                <Tooltip open={isTooltipOpen} description={formatTimeLeft(secondsLeft)} placement="bottom">
+                    <VoiceRecordComposerTile
+                        key="controls_voice_record"
+                        ref={this.voiceRecordingButton}
+                        room={this.props.room}
+                        relation={this.props.relation}
+                        replyToEvent={this.props.replyToEvent}
+                    />
+                </Tooltip>,
+            );
+        } else if (this.context.tombstone) {
+            const replacementRoomId = this.context.tombstone.getContent()["replacement_room"];
+
+            const continuesLink = replacementRoomId ? (
+                <a
+                    href={makeRoomPermalink(MatrixClientPeg.safeGet(), replacementRoomId)}
+                    className="mx_MessageComposer_roomReplaced_link"
+                    onClick={this.onTombstoneClick}
+                >
+                    {_t("composer|room_upgraded_link")}
+                </a>
+            ) : (
+                ""
+            );
+
+            controls.push(
+                <div className="mx_MessageComposer_replaced_wrapper" key="room_replaced">
+                    <div className="mx_MessageComposer_replaced_valign">
+                        <img
+                            aria-hidden
+                            alt=""
+                            className="mx_MessageComposer_roomReplaced_icon"
+                            src={RoomReplacedSvg}
+                        />
+                        <span className="mx_MessageComposer_roomReplaced_header">
+                            {_t("composer|room_upgraded_notice")}
+                        </span>
+                        <br />
+                        {continuesLink}
+                    </div>
+                </div>,
+            );
+        } else {
+            controls.push(
+                <div key="controls_error" className="mx_MessageComposer_noperm_error">
+                    {_t("composer|no_perms_notice")}
+                </div>,
+            );
+        }
+
+        const threadId =
+            this.props.relation?.rel_type === THREAD_RELATION_TYPE.name ? this.props.relation.event_id : null;
+
+        controls.push(
+            <Stickerpicker
+                room={this.props.room}
+                threadId={threadId}
+                isStickerPickerOpen={this.state.isStickerPickerOpen}
+                setStickerPickerOpen={this.setStickerPickerOpen}
+                menuPosition={menuPosition}
+                key="stickers"
+            />,
+        );
+
+        const showSendButton = canSendMessages && (!this.state.isComposerEmpty || this.state.haveRecording);
+
+        const classes = classNames({
+            "mx_MessageComposer": true,
+            "mx_MessageComposer--compact": this.props.compact,
+            "mx_MessageComposer_e2eStatus": leftIcon,
+            "mx_MessageComposer_wysiwyg": this.state.isWysiwygLabEnabled,
+        });
+
+        return (
+            <div className={classes} ref={this.ref} role="region" aria-label={_t("a11y|message_composer")}>
+                <div className="mx_MessageComposer_wrapper">
+                    <MessageComposerUrlPreviewWrapper urlPreviewVm={this.props.urlPreviewVm} />
+                    <UserIdentityWarning room={this.props.room} key={this.props.room.roomId} />
+                    <ReplyPreview
+                        replyToEvent={this.props.replyToEvent}
+                        permalinkCreator={this.props.permalinkCreator}
+                    />
+                    <div className="mx_MessageComposer_row">
+                        {leftIcon}
+                        {composer}
+                        <div className="mx_MessageComposer_actions">
+                            {controls}
+                            {canSendMessages && (
+                                <MessageComposerButtons
+                                    addEmoji={this.addEmoji}
+                                    haveRecording={this.state.haveRecording}
+                                    isMenuOpen={this.state.isMenuOpen}
+                                    isStickerPickerOpen={this.state.isStickerPickerOpen}
+                                    menuPosition={menuPosition}
+                                    relation={this.props.relation}
+                                    onRecordStartEndClick={this.onRecordStartEndClick}
+                                    setStickerPickerOpen={this.setStickerPickerOpen}
+                                    showLocationButton={
+                                        !window.electron && SettingsStore.getValue(UIFeature.LocationSharing)
+                                    }
+                                    showPollsButton={this.state.showPollsButton}
+                                    showStickersButton={this.showStickersButton}
+                                    isRichTextEnabled={this.state.isRichTextEnabled}
+                                    onComposerModeClick={this.onRichTextToggle}
+                                    toggleButtonMenu={this.toggleButtonMenu}
+                                />
+                            )}
+                            {showSendButton && (
+                                <SendButton
+                                    key="controls_send"
+                                    onClick={this.sendMessage}
+                                    title={
+                                        this.state.haveRecording ? _t("composer|send_button_voice_message") : undefined
+                                    }
+                                />
+                            )}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+}
+
+const MessageComposerWithMatrixClient = withMatrixClientHOC(MessageComposer);
+
+export default function MessageComposerWrapper(props: Omit<IProps, "mxClient" | "urlPreviewVm">): JSX.Element {
+    const { showUrlPreview } = useScopedRoomContext("showUrlPreview");
+    const client = useMatrixClientContext();
+    const urlPreviewBundle = useSettingValue("feature_msc4095_url_preview_bundle");
+    const urlPreviewVm = useCreateAutoDisposedViewModel(
+        () =>
+            new MessageComposerUrlPreviewViewModel({
+                client,
+                visible: showUrlPreview,
+                showTooltips: PlatformPeg.get()?.needsUrlTooltips() ?? true,
+                urlPreviewBundle,
+            }),
+    );
+
+    useEffect(() => {
+        void urlPreviewVm.updateUrlPreviewVisible(showUrlPreview);
+    }, [urlPreviewVm, showUrlPreview]);
+
+    return <MessageComposerWithMatrixClient {...props} urlPreviewVm={urlPreviewVm} />;
+}
diff --git a/apps/web/src/components/views/rooms/MessageComposerButtons.tsx b/apps/web/src/components/views/rooms/MessageComposerButtons.tsx
new file mode 100644
index 00000000000..919e33d0394
--- /dev/null
+++ b/apps/web/src/components/views/rooms/MessageComposerButtons.tsx
@@ -0,0 +1,288 @@
+/*
+Copyright 2026 Element Creations Ltd.
+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 classNames from "classnames";
+import {
+    type IEventRelation,
+    type Room,
+    type MatrixClient,
+    THREAD_RELATION_TYPE,
+    M_POLL_START,
+} from "matrix-js-sdk/src/matrix";
+import React, { type JSX, type ReactElement, type ReactNode, useContext } from "react";
+import {
+    MicOnIcon,
+    OverflowHorizontalIcon,
+    PollsIcon,
+    StickerIcon,
+    TextFormattingIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+import { UploadButton, useViewModel } from "@element-hq/web-shared-components";
+
+import { _t } from "../../../languageHandler";
+import { CollapsibleButton, OverflowMenuContext } from "./CollapsibleButton";
+import { type MenuProps } from "../../structures/ContextMenu";
+import ErrorDialog from "../dialogs/ErrorDialog";
+import { LocationButton } from "../location";
+import Modal from "../../../Modal";
+import PollCreateDialog from "../elements/PollCreateDialog";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import IconizedContextMenu, {
+    IconizedContextMenuOption,
+    IconizedContextMenuOptionList,
+} from "../context_menus/IconizedContextMenu";
+import { EmojiButton } from "./EmojiButton";
+import { filterBoolean } from "../../../utils/arrays";
+import { useSettingValue } from "../../../hooks/useSettings";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+import { useScopedRoomContext } from "../../../contexts/ScopedRoomContext.tsx";
+import { useRoomUploadViewModel } from "../../../viewmodels/room/RoomUploadViewModel.tsx";
+
+interface IProps {
+    addEmoji: (emoji: string) => boolean;
+    haveRecording: boolean;
+    isMenuOpen: boolean;
+    isStickerPickerOpen: boolean;
+    menuPosition?: MenuProps;
+    onRecordStartEndClick: () => void;
+    relation?: IEventRelation;
+    setStickerPickerOpen: (isStickerPickerOpen: boolean) => void;
+    showLocationButton: boolean;
+    showPollsButton: boolean;
+    showStickersButton: boolean;
+    toggleButtonMenu: () => void;
+    isRichTextEnabled: boolean;
+    onComposerModeClick: () => void;
+}
+
+const MessageComposerButtons: React.FC<IProps> = (props: IProps) => {
+    const matrixClient = useContext(MatrixClientContext);
+    const roomUploadVM = useRoomUploadViewModel();
+    const roomUploadSnapshot = useViewModel(roomUploadVM);
+    const { room, narrow } = useScopedRoomContext("room", "narrow");
+
+    const isWysiwygLabEnabled = useSettingValue("feature_wysiwyg_composer");
+
+    if (!matrixClient || !room || props.haveRecording) {
+        return null;
+    }
+
+    let mainButtons: ReactNode[];
+    let moreButtons: ReactNode[];
+    if (narrow) {
+        mainButtons = [
+            isWysiwygLabEnabled ? (
+                <ComposerModeButton
+                    key="composerModeButton"
+                    isRichTextEnabled={props.isRichTextEnabled}
+                    onClick={props.onComposerModeClick}
+                />
+            ) : (
+                emojiButton(props)
+            ),
+        ];
+        moreButtons = [
+            // This a textual list of buttons, so we can't use the UploadButton here.
+            roomUploadSnapshot.options.map(({ type, icon: Icon, label }) => (
+                <IconizedContextMenuOption
+                    onClick={() => roomUploadVM.onUploadOptionSelected(type)}
+                    icon={Icon && <Icon />}
+                    label={label}
+                    key={type}
+                />
+            )),
+            showStickersButton(props),
+            voiceRecordingButton(props, narrow),
+            props.showPollsButton ? pollButton(room, props.relation) : null,
+            showLocationButton(props, room, matrixClient),
+        ];
+    } else {
+        mainButtons = [
+            isWysiwygLabEnabled ? (
+                <ComposerModeButton
+                    key="composerModeButton"
+                    isRichTextEnabled={props.isRichTextEnabled}
+                    onClick={props.onComposerModeClick}
+                />
+            ) : (
+                emojiButton(props)
+            ),
+            <UploadButton key="upload" vm={roomUploadVM} />,
+        ];
+        moreButtons = [
+            showStickersButton(props),
+            voiceRecordingButton(props, narrow),
+            props.showPollsButton ? pollButton(room, props.relation) : null,
+            showLocationButton(props, room, matrixClient),
+        ];
+    }
+
+    mainButtons = filterBoolean(mainButtons);
+    moreButtons = filterBoolean(moreButtons);
+
+    const moreOptionsClasses = classNames({
+        mx_MessageComposer_button: true,
+        mx_MessageComposer_buttonMenu: true,
+        mx_MessageComposer_closeButtonMenu: props.isMenuOpen,
+    });
+
+    return (
+        <>
+            {mainButtons}
+            {moreButtons.length > 0 && (
+                <AccessibleButton
+                    className={moreOptionsClasses}
+                    onClick={props.toggleButtonMenu}
+                    title={_t("quick_settings|sidebar_settings")}
+                >
+                    <OverflowHorizontalIcon />
+                </AccessibleButton>
+            )}
+            {props.isMenuOpen && (
+                <IconizedContextMenu
+                    onFinished={props.toggleButtonMenu}
+                    {...props.menuPosition}
+                    wrapperClassName="mx_MessageComposer_Menu"
+                    compact={true}
+                >
+                    <OverflowMenuContext.Provider value={props.toggleButtonMenu}>
+                        <IconizedContextMenuOptionList>{moreButtons}</IconizedContextMenuOptionList>
+                    </OverflowMenuContext.Provider>
+                </IconizedContextMenu>
+            )}
+        </>
+    );
+};
+
+function emojiButton(props: IProps): ReactElement {
+    return (
+        <EmojiButton
+            key="emoji_button"
+            addEmoji={props.addEmoji}
+            menuPosition={props.menuPosition}
+            className="mx_MessageComposer_button"
+        />
+    );
+}
+
+function showStickersButton(props: IProps): ReactElement | null {
+    return props.showStickersButton ? (
+        <CollapsibleButton
+            id="stickersButton"
+            key="controls_stickers"
+            className="mx_MessageComposer_button"
+            onClick={() => props.setStickerPickerOpen(!props.isStickerPickerOpen)}
+            title={props.isStickerPickerOpen ? _t("composer|close_sticker_picker") : _t("common|sticker")}
+        >
+            <StickerIcon />
+        </CollapsibleButton>
+    ) : null;
+}
+
+function voiceRecordingButton(props: IProps, narrow: boolean): ReactElement | null {
+    // XXX: recording UI does not work well in narrow mode, so hide for now
+    return narrow ? null : (
+        <CollapsibleButton
+            key="voice_message_send"
+            className="mx_MessageComposer_button"
+            onClick={props.onRecordStartEndClick}
+            title={_t("composer|voice_message_button")}
+        >
+            <MicOnIcon />
+        </CollapsibleButton>
+    );
+}
+
+function pollButton(room: Room, relation?: IEventRelation): ReactElement {
+    return <PollButton key="polls" room={room} relation={relation} />;
+}
+
+interface IPollButtonProps {
+    room: Room;
+    relation?: IEventRelation;
+}
+
+class PollButton extends React.PureComponent<IPollButtonProps> {
+    public static contextType = OverflowMenuContext;
+    declare public context: React.ContextType<typeof OverflowMenuContext>;
+
+    private onCreateClick = (): void => {
+        this.context?.(); // close overflow menu
+        const canSend = this.props.room.currentState.maySendEvent(
+            M_POLL_START.name,
+            MatrixClientPeg.safeGet().getSafeUserId(),
+        );
+        if (!canSend) {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("composer|poll_button_no_perms_title"),
+                description: _t("composer|poll_button_no_perms_description"),
+            });
+        } else {
+            const threadId =
+                this.props.relation?.rel_type === THREAD_RELATION_TYPE.name ? this.props.relation.event_id : undefined;
+
+            Modal.createDialog(
+                PollCreateDialog,
+                {
+                    room: this.props.room,
+                    threadId,
+                },
+                "mx_CompoundDialog",
+                false, // isPriorityModal
+                true, // isStaticModal
+            );
+        }
+    };
+
+    public render(): React.ReactNode {
+        // do not allow sending polls within threads at this time
+        if (this.props.relation?.rel_type === THREAD_RELATION_TYPE.name) return null;
+
+        return (
+            <CollapsibleButton
+                className="mx_MessageComposer_button"
+                onClick={this.onCreateClick}
+                title={_t("composer|poll_button")}
+            >
+                <PollsIcon />
+            </CollapsibleButton>
+        );
+    }
+}
+
+function showLocationButton(props: IProps, room: Room, matrixClient: MatrixClient): ReactElement | null {
+    const sender = room.getMember(matrixClient.getSafeUserId());
+
+    return props.showLocationButton && sender ? (
+        <LocationButton
+            key="location"
+            roomId={room.roomId}
+            relation={props.relation}
+            sender={sender}
+            menuPosition={props.menuPosition}
+        />
+    ) : null;
+}
+
+interface WysiwygToggleButtonProps {
+    isRichTextEnabled: boolean;
+    onClick: (ev: ButtonEvent) => void;
+}
+
+function ComposerModeButton({ isRichTextEnabled, onClick }: WysiwygToggleButtonProps): JSX.Element {
+    const title = isRichTextEnabled ? _t("composer|mode_plain") : _t("composer|mode_rich_text");
+
+    return (
+        <CollapsibleButton className="mx_MessageComposer_button" onClick={onClick} title={title}>
+            <TextFormattingIcon />
+        </CollapsibleButton>
+    );
+}
+export default MessageComposerButtons;
diff --git a/apps/web/src/components/views/rooms/MessageComposerFormatBar.tsx b/apps/web/src/components/views/rooms/MessageComposerFormatBar.tsx
new file mode 100644
index 00000000000..5430daf5824
--- /dev/null
+++ b/apps/web/src/components/views/rooms/MessageComposerFormatBar.tsx
@@ -0,0 +1,144 @@
+/*
+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, { createRef, type JSX } from "react";
+import classNames from "classnames";
+import {
+    BoldIcon,
+    ItalicIcon,
+    StrikethroughIcon,
+    InlineCodeIcon,
+    QuoteIcon,
+    LinkIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import { RovingAccessibleButton } from "../../../accessibility/RovingTabIndex";
+import Toolbar from "../../../accessibility/Toolbar";
+
+export enum Formatting {
+    Bold = "bold",
+    Italics = "italics",
+    Strikethrough = "strikethrough",
+    Code = "code",
+    Quote = "quote",
+    InsertLink = "insert_link",
+}
+
+interface IProps {
+    shortcuts: Partial<Record<Formatting, string>>;
+    onAction(action: Formatting): void;
+}
+
+interface IState {
+    visible: boolean;
+}
+
+export default class MessageComposerFormatBar extends React.PureComponent<IProps, IState> {
+    private readonly formatBarRef = createRef<HTMLDivElement>();
+    /**
+     * The height of the format bar in pixels.
+     * Height 32px + 2px border
+     * @private
+     */
+    private readonly BAR_HEIGHT = 34;
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = { visible: false };
+    }
+
+    public render(): React.ReactNode {
+        const classes = classNames("mx_MessageComposerFormatBar", {
+            mx_MessageComposerFormatBar_shown: this.state.visible,
+        });
+        return (
+            <Toolbar className={classes} ref={this.formatBarRef} aria-label={_t("composer|formatting_toolbar_label")}>
+                <FormatButton
+                    label={_t("composer|format_bold")}
+                    onClick={() => this.props.onAction(Formatting.Bold)}
+                    icon={<BoldIcon />}
+                    shortcut={this.props.shortcuts.bold}
+                />
+                <FormatButton
+                    label={_t("composer|format_italics")}
+                    onClick={() => this.props.onAction(Formatting.Italics)}
+                    icon={<ItalicIcon />}
+                    shortcut={this.props.shortcuts.italics}
+                />
+                <FormatButton
+                    label={_t("composer|format_strikethrough")}
+                    onClick={() => this.props.onAction(Formatting.Strikethrough)}
+                    icon={<StrikethroughIcon />}
+                />
+                <FormatButton
+                    label={_t("composer|format_code_block")}
+                    onClick={() => this.props.onAction(Formatting.Code)}
+                    icon={<InlineCodeIcon />}
+                    shortcut={this.props.shortcuts.code}
+                />
+                <FormatButton
+                    label={_t("action|quote")}
+                    onClick={() => this.props.onAction(Formatting.Quote)}
+                    icon={<QuoteIcon />}
+                    shortcut={this.props.shortcuts.quote}
+                />
+                <FormatButton
+                    label={_t("composer|format_insert_link")}
+                    onClick={() => this.props.onAction(Formatting.InsertLink)}
+                    icon={<LinkIcon />}
+                    shortcut={this.props.shortcuts.insert_link}
+                />
+            </Toolbar>
+        );
+    }
+
+    public showAt(selectionRect: DOMRect): void {
+        if (!this.formatBarRef.current?.parentElement) return;
+
+        this.setState({ visible: true });
+        const parentRect = this.formatBarRef.current.parentElement.getBoundingClientRect();
+        this.formatBarRef.current.style.left = `${selectionRect.left - parentRect.left}px`;
+        const halfBarHeight = this.BAR_HEIGHT / 2; // used to center the bar
+        const offset = halfBarHeight + 2; // makes sure the bar won't cover selected text
+        const offsetLimit = halfBarHeight + offset;
+        const position = Math.max(selectionRect.top - parentRect.top - offsetLimit, -offsetLimit);
+        this.formatBarRef.current.style.top = `${position}px`;
+    }
+
+    public hide(): void {
+        this.setState({ visible: false });
+    }
+}
+
+interface IFormatButtonProps {
+    label: string;
+    icon: JSX.Element;
+    shortcut?: string;
+    onClick(): void;
+}
+
+class FormatButton extends React.PureComponent<IFormatButtonProps> {
+    public render(): React.ReactNode {
+        // element="button" and type="button" are necessary for the buttons to work on WebKit,
+        // otherwise the text is deselected before onClick can ever be called
+        return (
+            <RovingAccessibleButton
+                element="button"
+                type="button"
+                onClick={this.props.onClick}
+                aria-label={this.props.label}
+                title={this.props.label}
+                caption={this.props.shortcut}
+                className="mx_MessageComposerFormatBar_button"
+            >
+                {this.props.icon}
+            </RovingAccessibleButton>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/MessageComposerUrlPreview.test.tsx b/apps/web/src/components/views/rooms/MessageComposerUrlPreview.test.tsx
new file mode 100644
index 00000000000..9cfbf0386fe
--- /dev/null
+++ b/apps/web/src/components/views/rooms/MessageComposerUrlPreview.test.tsx
@@ -0,0 +1,159 @@
+/*
+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, waitFor } from "test-utils-rtl";
+import { test, describe, beforeEach, expect, vi, afterEach } from "vitest";
+
+import { MessageComposerUrlPreviewWrapper } from "./MessageComposerUrlPreview";
+import {
+    getMockClientWithEventEmitter,
+    getRoomContext,
+    mkRoom,
+    mockClientMethodsUser,
+} from "../../../../test/test-utils";
+import type { I18nApi } from "@element-hq/element-web-module-api";
+import type { ModuleApi } from "../../../modules/Api";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { ScopedRoomContextProvider } from "../../../contexts/ScopedRoomContext";
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+import { CustomComponentsApi } from "../../../modules/customComponentApi";
+import {
+    DEBOUNCE_REQUEST_TIMEOUT_MS,
+    MessageComposerUrlPreviewViewModel,
+    type MessageComposerUrlPreviewViewModelProps,
+} from "../../../viewmodels/composer/MessageComposerUrlPreviewViewModel";
+
+// @vitest-environment happy-dom
+
+const BASIC_PREVIEW_OGDATA = {
+    "og:title": "This is an example!",
+    "og:description": "This is a description",
+    "og:type": "document",
+    "og:url": "https://example.org",
+    "og:site_name": "Example.org",
+};
+
+function getUrlPreviewVm(client: MatrixClient, content?: string): MessageComposerUrlPreviewViewModel {
+    const props: MessageComposerUrlPreviewViewModelProps = {
+        client,
+        visible: true,
+        showTooltips: false,
+        urlPreviewBundle: false,
+    };
+
+    if (content !== undefined) {
+        props.content = content;
+    }
+
+    const vm = new MessageComposerUrlPreviewViewModel(props);
+    if (content !== undefined) {
+        // Mirror how MessageComposer drives the view model so previews are actually computed.
+        void vm.updateWithText({ content, debounced: false });
+    }
+    return vm;
+}
+
+describe("MessageComposerUrlPreview", () => {
+    let client: MatrixClient;
+    let originalMxModuleApi: ModuleApi;
+    beforeEach(() => {
+        originalMxModuleApi = window.mxModuleApi;
+        window.mxModuleApi = {
+            i18n: {} as I18nApi,
+        } as ModuleApi;
+        client = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(),
+            getUrlPreview: vi.fn().mockResolvedValue(BASIC_PREVIEW_OGDATA),
+        });
+    });
+    afterEach(() => {
+        window.mxModuleApi = originalMxModuleApi;
+    });
+
+    function wrapComponent(component: Parameters<typeof render>[0]): ReturnType<typeof render> {
+        return render(component, {
+            wrapper: ({ children }) => (
+                <MatrixClientContext.Provider value={client}>
+                    <ScopedRoomContextProvider
+                        roomId="!foo:bar"
+                        {...getRoomContext(mkRoom(client, "!foo:bar"), { showUrlPreview: true })}
+                    >
+                        {children}
+                    </ScopedRoomContextProvider>
+                </MatrixClientContext.Provider>
+            ),
+        });
+    }
+
+    test("to be empty without a link to preview", () => {
+        const { container } = wrapComponent(
+            <MessageComposerUrlPreviewWrapper urlPreviewVm={getUrlPreviewVm(client, "Test a string")} />,
+        );
+        expect(container).toMatchInlineSnapshot(`<div />`);
+    });
+    test("to contain a link when there is a URL", async () => {
+        const { getByText } = wrapComponent(
+            <MessageComposerUrlPreviewWrapper urlPreviewVm={getUrlPreviewVm(client, "https://example.org")} />,
+        );
+        await waitFor(
+            () => {
+                expect(getByText("Example.org")).toBeDefined();
+            },
+            { timeout: DEBOUNCE_REQUEST_TIMEOUT_MS },
+        );
+    });
+    test("to allow overriding with a module component", async () => {
+        const modApi = {
+            customComponents: new CustomComponentsApi(),
+        } as ModuleApi;
+        modApi.customComponents.registerComposerPreview(
+            () => true,
+            () => <strong>Fake preview</strong>,
+        );
+        const { getByText } = wrapComponent(
+            <MessageComposerUrlPreviewWrapper
+                moduleApi={modApi}
+                urlPreviewVm={getUrlPreviewVm(client, "https://example.org")}
+            />,
+        );
+        await waitFor(
+            () => {
+                expect(getByText("Fake preview")).toBeDefined();
+            },
+            { timeout: DEBOUNCE_REQUEST_TIMEOUT_MS },
+        );
+    });
+    test("to reset module component override when filter function does not match", async () => {
+        const modApi = {
+            customComponents: new CustomComponentsApi(),
+        } as ModuleApi;
+        modApi.customComponents.registerComposerPreview(
+            (text) => text === "show-fake-preview",
+            () => <strong>Fake preview</strong>,
+        );
+        const { container, getByText, queryByText, rerender } = wrapComponent(
+            <MessageComposerUrlPreviewWrapper
+                urlPreviewVm={getUrlPreviewVm(client, "show-fake-preview")}
+                moduleApi={modApi}
+            />,
+        );
+        await waitFor(() => {
+            expect(getByText("Fake preview")).toBeDefined();
+        });
+        rerender(
+            <MessageComposerUrlPreviewWrapper
+                urlPreviewVm={getUrlPreviewVm(client, "no-longer-matching")}
+                moduleApi={modApi}
+            />,
+        );
+        await waitFor(() => {
+            expect(queryByText("Fake preview")).toBeNull();
+        });
+        expect(container).toMatchInlineSnapshot(`<div />`);
+    });
+});
diff --git a/apps/web/src/components/views/rooms/MessageComposerUrlPreview.tsx b/apps/web/src/components/views/rooms/MessageComposerUrlPreview.tsx
new file mode 100644
index 00000000000..e58f5efd56d
--- /dev/null
+++ b/apps/web/src/components/views/rooms/MessageComposerUrlPreview.tsx
@@ -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 React, { type ReactNode } from "react";
+import { MessageComposerUrlPreviewView, useViewModel } from "@element-hq/web-shared-components";
+
+import { type MessageComposerUrlPreviewViewModel } from "../../../viewmodels/composer/MessageComposerUrlPreviewViewModel";
+import { useScopedRoomContext } from "../../../contexts/ScopedRoomContext";
+import { ModuleApi } from "../../../modules/Api";
+
+export function MessageComposerUrlPreviewWrapper({
+    urlPreviewVm: vm,
+    moduleApi = ModuleApi.instance,
+}: {
+    urlPreviewVm: MessageComposerUrlPreviewViewModel;
+    moduleApi?: ModuleApi;
+}): ReactNode | null {
+    const { roomId } = useScopedRoomContext("showUrlPreview", "roomId");
+    const { content } = useViewModel(vm);
+    const customComponent = moduleApi.customComponents.renderComposerPreview({ text: content, roomId: roomId! }, () => (
+        <MessageComposerUrlPreviewView vm={vm} />
+    ));
+
+    return customComponent ?? <MessageComposerUrlPreviewView vm={vm} />;
+}
diff --git a/apps/web/src/components/views/rooms/NewRoomIntro.tsx b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
new file mode 100644
index 00000000000..cc9f3f3403b
--- /dev/null
+++ b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
@@ -0,0 +1,311 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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, useContext, useMemo } 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, LinkedText } from "@element-hq/web-shared-components";
+
+import DMRoomMap from "../../../utils/DMRoomMap";
+import { _t, _td } from "../../../languageHandler";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+import MiniAvatarUploader, { AVATAR_SIZE } from "../elements/MiniAvatarUploader";
+import RoomAvatar from "../avatars/RoomAvatar";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { type ViewUserPayload } from "../../../dispatcher/payloads/ViewUserPayload";
+import { Action } from "../../../dispatcher/actions";
+import { showSpaceInvite } from "../../../utils/space";
+import { RoomSettingsTab } from "../dialogs/RoomSettingsDialog-tab";
+import { shouldShowComponent } from "../../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../../settings/UIFeature";
+import { privateShouldBeEncrypted } from "../../../utils/rooms";
+import { LocalRoom } from "../../../models/LocalRoom";
+import { shouldEncryptRoomWithSingle3rdPartyInvite } from "../../../utils/room/shouldEncryptRoomWithSingle3rdPartyInvite";
+import { useScopedRoomContext } from "../../../contexts/ScopedRoomContext.tsx";
+import { useTopic } from "../../../hooks/room/useTopic";
+import { topicToHtml } from "../../../HtmlUtils";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+function hasExpectedEncryptionSettings(matrixClient: MatrixClient, room: Room): boolean {
+    const isEncrypted: boolean = matrixClient.isRoomEncrypted(room.roomId);
+    const isPublic: boolean = room.getJoinRule() === "public";
+    return isPublic || !privateShouldBeEncrypted(matrixClient) || isEncrypted;
+}
+
+const determineIntroMessage = (room: Room, encryptedSingle3rdPartyInvite: boolean): TranslationKey => {
+    if (room instanceof LocalRoom) {
+        return _td("room|intro|send_message_start_dm");
+    }
+
+    if (encryptedSingle3rdPartyInvite) {
+        return _td("room|intro|encrypted_3pid_dm_pending_join");
+    }
+
+    return _td("room|intro|start_of_dm_history");
+};
+
+const NewRoomIntro: React.FC = () => {
+    const sdkContext = useContext(SDKContext);
+    const cli = sdkContext.client!;
+    const { room, roomId } = useScopedRoomContext("room", "roomId");
+    const topic = useTopic(room);
+    const isLocalRoom = room instanceof LocalRoom;
+
+    let dmPartner: string | undefined;
+    if (isLocalRoom) {
+        dmPartner = room?.targets[0]?.userId;
+    } else if (roomId) {
+        dmPartner = DMRoomMap.shared().getUserIdForRoomId(roomId);
+    }
+
+    const renderedTopic = useMemo(
+        () => (dmPartner ? undefined : <LinkedText as="span">{topicToHtml(topic?.text, topic?.html)}</LinkedText>),
+        [topic, dmPartner],
+    );
+    if (!room || !roomId) {
+        throw new Error("Unable to create a NewRoomIntro without room and roomId");
+    }
+
+    let body: JSX.Element;
+    if (dmPartner) {
+        const { shouldEncrypt: encryptedSingle3rdPartyInvite } = shouldEncryptRoomWithSingle3rdPartyInvite(room);
+        const introMessage = determineIntroMessage(room, encryptedSingle3rdPartyInvite);
+        let caption: string | undefined;
+
+        if (
+            !(room instanceof LocalRoom) &&
+            !encryptedSingle3rdPartyInvite &&
+            room.getJoinedMemberCount() + room.getInvitedMemberCount() === 2
+        ) {
+            caption = _t("room|intro|dm_caption");
+        }
+
+        const member = room?.getMember(dmPartner);
+        const displayName = room?.name || member?.rawDisplayName || dmPartner;
+        body = (
+            <React.Fragment>
+                <RoomAvatar
+                    room={room}
+                    size={AVATAR_SIZE}
+                    onClick={() => {
+                        defaultDispatcher.dispatch<ViewUserPayload>({
+                            action: Action.ViewUser,
+                            // XXX: We should be using a real member object and not assuming what the receiver wants.
+                            member: member || ({ userId: dmPartner } as User),
+                        });
+                    }}
+                />
+
+                <h2>{room.name}</h2>
+
+                <p>
+                    {_t(
+                        introMessage,
+                        {},
+                        {
+                            displayName: () => <strong>{displayName}</strong>,
+                        },
+                    )}
+                </p>
+                {caption && <p>{caption}</p>}
+            </React.Fragment>
+        );
+    } else {
+        const inRoom = room && room.getMyMembership() === KnownMembership.Join;
+        const canAddTopic = inRoom && room.currentState.maySendStateEvent(EventType.RoomTopic, cli.getSafeUserId());
+
+        const onTopicClick = (): void => {
+            defaultDispatcher.dispatch(
+                {
+                    action: "open_room_settings",
+                    room_id: roomId,
+                },
+                true,
+            );
+            // focus the topic field to help the user find it as it'll gain an outline
+            setTimeout(() => {
+                window.document.getElementById("profileTopic")?.focus();
+            });
+        };
+
+        let topicText;
+        if (canAddTopic && topic) {
+            topicText = _t(
+                "room|intro|edit_topic",
+                {},
+                {
+                    a: (sub) => (
+                        <AccessibleButton element="a" kind="link_inline" onClick={onTopicClick}>
+                            {sub}
+                        </AccessibleButton>
+                    ),
+                    topic: renderedTopic,
+                },
+            );
+        } else if (topic) {
+            topicText = _t("room|intro|display_topic", {}, { topic: renderedTopic });
+        } else if (canAddTopic) {
+            topicText = _t(
+                "room|intro|no_topic",
+                {},
+                {
+                    a: (sub) => (
+                        <AccessibleButton element="a" kind="link_inline" onClick={onTopicClick}>
+                            {sub}
+                        </AccessibleButton>
+                    ),
+                },
+            );
+        }
+
+        const creator = room.currentState.getStateEvents(EventType.RoomCreate, "")?.getSender();
+        const creatorName = (creator && room?.getMember(creator)?.rawDisplayName) || creator;
+
+        let createdText: string;
+        if (creator === cli.getUserId()) {
+            createdText = _t("room|intro|you_created");
+        } else {
+            createdText = _t("room|intro|user_created", {
+                displayName: creatorName,
+            });
+        }
+
+        let parentSpace: Room | undefined;
+        if (
+            sdkContext.spaceStore.activeSpaceRoom?.canInvite(cli.getSafeUserId()) &&
+            sdkContext.spaceStore.isRoomInSpace(sdkContext.spaceStore.activeSpace, room.roomId)
+        ) {
+            parentSpace = sdkContext.spaceStore.activeSpaceRoom;
+        }
+
+        let buttons: JSX.Element | undefined;
+        if (parentSpace && shouldShowComponent(UIComponent.InviteUsers)) {
+            buttons = (
+                <div className="mx_NewRoomIntro_buttons">
+                    <AccessibleButton
+                        className="mx_NewRoomIntro_inviteButton"
+                        kind="primary"
+                        onClick={() => {
+                            showSpaceInvite(parentSpace);
+                        }}
+                    >
+                        <UserAddIcon />
+                        {_t("invite|to_space", { spaceName: parentSpace.name })}
+                    </AccessibleButton>
+                    {room.canInvite(cli.getSafeUserId()) && (
+                        <AccessibleButton
+                            className="mx_NewRoomIntro_inviteButton"
+                            kind="primary_outline"
+                            onClick={() => {
+                                defaultDispatcher.dispatch({ action: "view_invite", roomId });
+                            }}
+                        >
+                            <UserAddIcon />
+                            {_t("room|intro|room_invite")}
+                        </AccessibleButton>
+                    )}
+                </div>
+            );
+        } else if (room.canInvite(cli.getSafeUserId()) && shouldShowComponent(UIComponent.InviteUsers)) {
+            buttons = (
+                <div className="mx_NewRoomIntro_buttons">
+                    <AccessibleButton
+                        className="mx_NewRoomIntro_inviteButton"
+                        kind="primary"
+                        onClick={() => {
+                            defaultDispatcher.dispatch({ action: "view_invite", roomId });
+                        }}
+                    >
+                        <UserAddIcon />
+                        {_t("room|invite_this_room")}
+                    </AccessibleButton>
+                </div>
+            );
+        }
+
+        const avatarUrl = room.currentState.getStateEvents(EventType.RoomAvatar, "")?.getContent()?.url;
+        let avatar = <RoomAvatar room={room} size={AVATAR_SIZE} viewAvatarOnClick={!!avatarUrl} />;
+
+        if (!avatarUrl) {
+            avatar = (
+                <MiniAvatarUploader
+                    hasAvatar={false}
+                    noAvatarLabel={_t("room|intro|no_avatar_label")}
+                    setAvatarUrl={(url) => cli.sendStateEvent(roomId, EventType.RoomAvatar, { url }, "")}
+                >
+                    {avatar}
+                </MiniAvatarUploader>
+            );
+        }
+
+        body = (
+            <React.Fragment>
+                {avatar}
+
+                <h2>{room.name}</h2>
+
+                <p>
+                    {createdText}{" "}
+                    {_t(
+                        "room|intro|start_of_room",
+                        {},
+                        {
+                            roomName: () => <strong>{room.name}</strong>,
+                        },
+                    )}
+                </p>
+                <p data-testid="topic">{topicText}</p>
+                {buttons}
+            </React.Fragment>
+        );
+    }
+
+    function openRoomSettings(event: ButtonEvent): void {
+        event.preventDefault();
+        defaultDispatcher.dispatch({
+            action: "open_room_settings",
+            initial_tab_id: RoomSettingsTab.Security,
+        });
+    }
+
+    const subText = _t("room|intro|private_unencrypted_warning");
+
+    let subButton: JSX.Element | undefined;
+    if (room.currentState.mayClientSendStateEvent(EventType.RoomEncryption, cli) && !isLocalRoom) {
+        subButton = (
+            <AccessibleButton kind="link_inline" onClick={openRoomSettings}>
+                {_t("room|intro|enable_encryption_prompt")}
+            </AccessibleButton>
+        );
+    }
+
+    const subtitle = (
+        <span>
+            {" "}
+            {subText} {subButton}{" "}
+        </span>
+    );
+
+    return (
+        <li className="mx_NewRoomIntro">
+            {!hasExpectedEncryptionSettings(cli, room) && (
+                <EventTileBubble
+                    icon={<ErrorSolidIcon color="var(--cpd-color-icon-critical-primary)" />}
+                    className="mx_EventTileBubble mx_cryptoEvent"
+                    title={_t("room|intro|unencrypted_warning")}
+                    subtitle={subtitle}
+                />
+            )}
+
+            {body}
+        </li>
+    );
+};
+
+export default NewRoomIntro;
diff --git a/apps/web/src/components/views/rooms/NotificationBadge/NotificationBadge.tsx b/apps/web/src/components/views/rooms/NotificationBadge/NotificationBadge.tsx
new file mode 100644
index 00000000000..2639f702124
--- /dev/null
+++ b/apps/web/src/components/views/rooms/NotificationBadge/NotificationBadge.tsx
@@ -0,0 +1,93 @@
+/*
+Copyright 2026 Element Creations Ltd.
+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, useEffect, type MouseEventHandler } from "react";
+import { NotificationBadgeView, useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
+
+import { useSettingValue } from "../../../../hooks/useSettings";
+import { type NotificationState, NotificationStateEvents } from "../../../../stores/notifications/NotificationState";
+import {
+    notificationBadgeDataFromNotification,
+    NotificationBadgeViewModel,
+} from "../../../../viewmodels/room/notification-badge/NotificationBadgeViewModel";
+
+interface Props {
+    notification: NotificationState;
+
+    /**
+     * If true, show nothing if the notification would only cause a dot to be shown rather than
+     * a badge. That is: only display badges and not dots. Default: false.
+     */
+    hideIfDot?: boolean;
+
+    showUnsentTooltip?: boolean;
+    tabIndex?: number;
+    ariaLabel?: string;
+    className?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+
+export function NotificationBadge({
+    notification,
+    hideIfDot,
+    showUnsentTooltip,
+    tabIndex,
+    ariaLabel,
+    className,
+    onClick,
+}: Readonly<Props>): JSX.Element {
+    const hideBold = useSettingValue("feature_hidebold");
+    const vm = useCreateAutoDisposedViewModel(
+        () =>
+            new NotificationBadgeViewModel({
+                ...notificationBadgeDataFromNotification(notification),
+                hideIfDot,
+                hideBold,
+                showUnsentTooltip,
+                tabIndex,
+                ariaLabel,
+                onClick,
+            }),
+    );
+
+    useEffect(() => {
+        vm.setNotificationData(notificationBadgeDataFromNotification(notification));
+
+        const onNotificationUpdate = (): void => {
+            vm.setNotificationData(notificationBadgeDataFromNotification(notification));
+        };
+
+        notification.on(NotificationStateEvents.Update, onNotificationUpdate);
+        return () => {
+            notification.off(NotificationStateEvents.Update, onNotificationUpdate);
+        };
+    }, [vm, notification]);
+
+    useEffect(() => {
+        vm.setHideIfDot(!!hideIfDot);
+    }, [vm, hideIfDot]);
+
+    useEffect(() => {
+        vm.setHideBold(!!hideBold);
+    }, [vm, hideBold]);
+
+    useEffect(() => {
+        vm.setShowUnsentTooltip(!!showUnsentTooltip);
+    }, [vm, showUnsentTooltip]);
+
+    useEffect(() => {
+        vm.setClickOptions({
+            onClick,
+            tabIndex,
+            ariaLabel,
+        });
+    }, [vm, onClick, tabIndex, ariaLabel]);
+
+    return <NotificationBadgeView vm={vm} className={className} />;
+}
diff --git a/apps/web/src/components/views/rooms/NotificationBadge/StatelessNotificationBadge.tsx b/apps/web/src/components/views/rooms/NotificationBadge/StatelessNotificationBadge.tsx
new file mode 100644
index 00000000000..5dd8184c4c0
--- /dev/null
+++ b/apps/web/src/components/views/rooms/NotificationBadge/StatelessNotificationBadge.tsx
@@ -0,0 +1,86 @@
+/*
+Copyright 2026 Element Creations Ltd.
+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 JSX, type MouseEventHandler, useEffect } from "react";
+import { NotificationBadgeView, useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
+
+import { useSettingValue } from "../../../../hooks/useSettings";
+import { type NotificationLevel } from "../../../../stores/notifications/NotificationLevel";
+import { NotificationBadgeViewModel } from "../../../../viewmodels/room/notification-badge/NotificationBadgeViewModel";
+
+interface Props {
+    symbol: string | null;
+    count: number;
+    level: NotificationLevel;
+    knocked?: boolean;
+    /**
+     * If true, where we would normally show a badge, we instead show a dot. No numeric count will
+     * be displayed (but may affect whether the dot is displayed).
+     */
+    forceDot?: boolean;
+    tabIndex?: number;
+    ariaLabel?: string;
+    className?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+
+export const StatelessNotificationBadge = ({
+    symbol,
+    count,
+    level,
+    knocked,
+    forceDot,
+    tabIndex,
+    ariaLabel,
+    className,
+    onClick,
+}: Readonly<Props>): JSX.Element => {
+    const hideBold = useSettingValue("feature_hidebold");
+    const vm = useCreateAutoDisposedViewModel(
+        () =>
+            new NotificationBadgeViewModel({
+                symbol,
+                count,
+                level,
+                knocked,
+                forceDot,
+                hideBold,
+                tabIndex,
+                ariaLabel,
+                onClick,
+            }),
+    );
+
+    useEffect(() => {
+        vm.setNotificationData({
+            symbol,
+            count,
+            level,
+            knocked,
+        });
+    }, [vm, symbol, count, level, knocked]);
+
+    useEffect(() => {
+        vm.setForceDot(!!forceDot);
+    }, [vm, forceDot]);
+
+    useEffect(() => {
+        vm.setHideBold(!!hideBold);
+    }, [vm, hideBold]);
+
+    useEffect(() => {
+        vm.setClickOptions({
+            onClick,
+            tabIndex,
+            ariaLabel,
+        });
+    }, [vm, onClick, tabIndex, ariaLabel]);
+
+    return <NotificationBadgeView vm={vm} className={className} />;
+};
diff --git a/apps/web/src/components/views/rooms/NotificationBadge/UnreadNotificationBadge.tsx b/apps/web/src/components/views/rooms/NotificationBadge/UnreadNotificationBadge.tsx
new file mode 100644
index 00000000000..8bc575a683e
--- /dev/null
+++ b/apps/web/src/components/views/rooms/NotificationBadge/UnreadNotificationBadge.tsx
@@ -0,0 +1,49 @@
+/*
+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 { type Room } from "matrix-js-sdk/src/matrix";
+import React, { type JSX, useEffect } from "react";
+import { NotificationBadgeView, useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
+
+import { UnreadNotificationBadgeViewModel } from "../../../../viewmodels/room/notification-badge/UnreadNotificationBadgeViewModel";
+
+interface Props {
+    room?: Room;
+    threadId?: string;
+    /**
+     * If true, where we would normally show a badge, we instead show a dot. No numeric count will
+     * be displayed.
+     */
+    forceDot?: boolean;
+    className?: string;
+}
+
+export function UnreadNotificationBadge({ room, threadId, forceDot, className }: Props): JSX.Element {
+    const vm = useCreateAutoDisposedViewModel(
+        () =>
+            new UnreadNotificationBadgeViewModel({
+                room,
+                threadId,
+                forceDot,
+            }),
+    );
+
+    useEffect(() => {
+        vm.setRoom(room);
+    }, [room, vm]);
+
+    useEffect(() => {
+        vm.setThreadId(threadId);
+    }, [threadId, vm]);
+
+    useEffect(() => {
+        vm.setForceDot(forceDot);
+    }, [forceDot, vm]);
+
+    return <NotificationBadgeView vm={vm} className={className} />;
+}
diff --git a/apps/web/src/components/views/rooms/NotificationDecoration.tsx b/apps/web/src/components/views/rooms/NotificationDecoration.tsx
new file mode 100644
index 00000000000..732793551b8
--- /dev/null
+++ b/apps/web/src/components/views/rooms/NotificationDecoration.tsx
@@ -0,0 +1,89 @@
+/*
+ * 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 HTMLProps, type JSX } from "react";
+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 { CallType } from "matrix-js-sdk/src/webrtc/call";
+import { Flex } from "@element-hq/web-shared-components";
+
+import { type RoomNotificationState } from "../../../stores/notifications/RoomNotificationState";
+import { useTypedEventEmitterState } from "../../../hooks/useEventEmitter";
+import { NotificationStateEvents } from "../../../stores/notifications/NotificationState";
+
+interface NotificationDecorationProps extends HTMLProps<HTMLDivElement> {
+    /**
+     * The notification state of the room or thread.
+     */
+    notificationState: RoomNotificationState;
+    /**
+     * Whether the room has a voice or video call.
+     */
+    callType?: CallType;
+}
+
+/**
+ * Displays the notification decoration for a room or a thread.
+ */
+export function NotificationDecoration({
+    notificationState,
+    callType,
+    ...props
+}: NotificationDecorationProps): JSX.Element | null {
+    // Listen to the notification state and update the component when it changes
+    const {
+        hasAnyNotificationOrActivity,
+        isUnsentMessage,
+        invited,
+        isMention,
+        isActivityNotification,
+        isNotification,
+        count,
+        muted,
+    } = useTypedEventEmitterState(notificationState, NotificationStateEvents.Update, () => ({
+        hasAnyNotificationOrActivity: notificationState.hasAnyNotificationOrActivity,
+        isUnsentMessage: notificationState.isUnsentMessage,
+        invited: notificationState.invited,
+        isMention: notificationState.isMention,
+        isActivityNotification: notificationState.isActivityNotification,
+        isNotification: notificationState.isNotification,
+        count: notificationState.count,
+        muted: notificationState.muted,
+    }));
+
+    if (!hasAnyNotificationOrActivity && !muted && !callType) return null;
+
+    return (
+        <Flex
+            align="center"
+            justify="center"
+            gap="var(--cpd-space-1x)"
+            {...props}
+            data-testid="notification-decoration"
+        >
+            {isUnsentMessage && <ErrorIcon width="20px" height="20px" fill="var(--cpd-color-icon-critical-primary)" />}
+            {callType === CallType.Video && (
+                <VideoCallSolidIcon width="20px" height="20px" fill="var(--cpd-color-icon-accent-primary)" />
+            )}
+            {callType === 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/apps/web/src/components/views/rooms/OverflowTileView.tsx b/apps/web/src/components/views/rooms/OverflowTileView.tsx
new file mode 100644
index 00000000000..d1611468a2a
--- /dev/null
+++ b/apps/web/src/components/views/rooms/OverflowTileView.tsx
@@ -0,0 +1,33 @@
+/*
+Copyright 2024 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 { ChevronRightIcon, OverflowHorizontalIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+
+interface Props {
+    // The number of remaining items
+    remaining: number;
+    onClick(this: void): void;
+}
+
+/**
+ * @deprecated Only used in ForwardDialog component; newer designs have moved away from this.
+ */
+export const OverflowTileView: React.FC<Props> = ({ remaining, onClick }) => {
+    return (
+        <AccessibleButton onClick={onClick} className="mx_OverflowTileView">
+            <div className="mx_OverflowTileView_icon">
+                <OverflowHorizontalIcon height="36px" width="36px" />
+            </div>
+            <div className="mx_OverflowTileView_text">{_t("common|and_n_others", { count: remaining })}</div>
+            <ChevronRightIcon className="mx_OverflowTileView_chevron" />
+        </AccessibleButton>
+    );
+};
diff --git a/apps/web/src/components/views/rooms/PinnedEventTile.tsx b/apps/web/src/components/views/rooms/PinnedEventTile.tsx
new file mode 100644
index 00000000000..8324d357c5b
--- /dev/null
+++ b/apps/web/src/components/views/rooms/PinnedEventTile.tsx
@@ -0,0 +1,247 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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, useCallback, useId, useState } from "react";
+import { EventTimeline, EventType, type MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+import { IconButton, Menu, MenuItem, Separator, Tooltip } from "@vector-im/compound-web";
+import ViewIcon from "@vector-im/compound-design-tokens/assets/web/icons/visibility-on";
+import UnpinIcon from "@vector-im/compound-design-tokens/assets/web/icons/unpin";
+import ForwardIcon from "@vector-im/compound-design-tokens/assets/web/icons/forward";
+import TriggerIcon from "@vector-im/compound-design-tokens/assets/web/icons/overflow-horizontal";
+import DeleteIcon from "@vector-im/compound-design-tokens/assets/web/icons/delete";
+import ThreadIcon from "@vector-im/compound-design-tokens/assets/web/icons/threads";
+import classNames from "classnames";
+
+import dis from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import MessageEvent from "../messages/MessageEvent";
+import MemberAvatar from "../avatars/MemberAvatar";
+import { _t } from "../../../languageHandler";
+import { getUserNameColorClass } from "../../../utils/FormattingUtils";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
+import { useRoomState } from "../../../hooks/useRoomState";
+import { isContentActionable } from "../../../utils/EventUtils";
+import { getForwardableEvent } from "../../../events";
+import { type OpenForwardDialogPayload } from "../../../dispatcher/payloads/OpenForwardDialogPayload";
+import { createRedactEventDialog } from "../dialogs/ConfirmRedactDialog";
+import { type ShowThreadPayload } from "../../../dispatcher/payloads/ShowThreadPayload";
+import PinningUtils from "../../../utils/PinningUtils.ts";
+import PosthogTrackers from "../../../PosthogTrackers.ts";
+
+const AVATAR_SIZE = "32px";
+
+/**
+ * Properties for {@link PinnedEventTile}.
+ */
+interface PinnedEventTileProps {
+    /**
+     * The event to display.
+     */
+    event: MatrixEvent;
+    /**
+     * The permalink creator to use.
+     */
+    permalinkCreator: RoomPermalinkCreator;
+    /**
+     * The room the event is in.
+     */
+    room: Room;
+}
+
+/**
+ * A pinned event tile.
+ */
+export function PinnedEventTile({ event, room, permalinkCreator }: PinnedEventTileProps): JSX.Element {
+    const sender = event.getSender();
+    if (!sender) {
+        throw new Error("Pinned event unexpectedly has no sender");
+    }
+
+    const isInThread = Boolean(event.threadRootId);
+    const displayThreadInfo = !event.isThreadRoot && isInThread;
+    const id = useId();
+
+    return (
+        <div className="mx_PinnedEventTile" role="listitem">
+            <div>
+                <MemberAvatar
+                    className="mx_PinnedEventTile_senderAvatar"
+                    member={event.sender}
+                    size={AVATAR_SIZE}
+                    fallbackUserId={sender}
+                />
+            </div>
+            <div className="mx_PinnedEventTile_wrapper">
+                <div className="mx_PinnedEventTile_top">
+                    <Tooltip label={event.sender?.name || sender}>
+                        <span className={classNames("mx_PinnedEventTile_sender", getUserNameColorClass(sender))}>
+                            {event.sender?.name || sender}
+                        </span>
+                    </Tooltip>
+                    <PinMenu event={event} room={room} permalinkCreator={permalinkCreator} contentId={id} />
+                </div>
+                <MessageEvent
+                    id={id}
+                    mxEvent={event}
+                    maxImageHeight={150}
+                    permalinkCreator={permalinkCreator}
+                    replacingEventId={event.replacingEventId()}
+                />
+                {displayThreadInfo && (
+                    <div className="mx_PinnedEventTile_thread">
+                        <ThreadIcon />
+                        {_t(
+                            "right_panel|pinned_messages|reply_thread",
+                            {},
+                            {
+                                link: (sub) => (
+                                    <button
+                                        type="button"
+                                        onClick={() => {
+                                            if (!event.threadRootId) return;
+
+                                            const rootEvent = room.findEventById(event.threadRootId);
+                                            if (!rootEvent) return;
+
+                                            dis.dispatch<ShowThreadPayload>({
+                                                action: Action.ShowThread,
+                                                rootEvent: rootEvent,
+                                                push: true,
+                                            });
+                                        }}
+                                    >
+                                        {sub}
+                                    </button>
+                                ),
+                            },
+                        )}
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+}
+
+/**
+ * Properties for {@link PinMenu}.
+ */
+interface PinMenuProps extends PinnedEventTileProps {
+    /**
+     * HTML ID of the pinned message content.
+     */
+    contentId: string;
+}
+
+/**
+ * A popover menu with actions on the pinned event
+ */
+function PinMenu({ event, room, permalinkCreator, contentId }: PinMenuProps): JSX.Element {
+    const [open, setOpen] = useState(false);
+    const matrixClient = useMatrixClientContext();
+
+    /**
+     * View the event in the timeline.
+     */
+    const onViewInTimeline = useCallback(() => {
+        PosthogTrackers.trackInteraction("PinnedMessageListViewTimeline");
+
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            event_id: event.getId(),
+            highlighted: true,
+            room_id: event.getRoomId(),
+            metricsTrigger: undefined, // room doesn't change
+        });
+    }, [event]);
+
+    /**
+     * Whether the client can unpin the event.
+     * If the room state change, we want to check again the permission
+     */
+    const canUnpin = useRoomState(room, () => PinningUtils.canUnpin(matrixClient, event));
+
+    /**
+     * Unpin the event.
+     * @param event
+     */
+    const onUnpin = useCallback(async (): Promise<void> => {
+        await PinningUtils.pinOrUnpinEvent(matrixClient, event);
+        PosthogTrackers.trackPinUnpinMessage("Unpin", "MessagePinningList");
+    }, [event, matrixClient]);
+
+    const contentActionable = isContentActionable(event);
+    // Get the forwardable event for the given event
+    const forwardableEvent = contentActionable && getForwardableEvent(event, matrixClient);
+    /**
+     * Open the forward dialog.
+     */
+    const onForward = useCallback(() => {
+        if (forwardableEvent) {
+            dis.dispatch<OpenForwardDialogPayload>({
+                action: Action.OpenForwardDialog,
+                event: forwardableEvent,
+                permalinkCreator: permalinkCreator,
+            });
+        }
+    }, [forwardableEvent, permalinkCreator]);
+
+    /**
+     * Whether the client can redact the event.
+     */
+    const canRedact =
+        room
+            .getLiveTimeline()
+            .getState(EventTimeline.FORWARDS)
+            ?.maySendRedactionForEvent(event, matrixClient.getSafeUserId()) &&
+        event.getType() !== EventType.RoomServerAcl &&
+        event.getType() !== EventType.RoomEncryption;
+
+    /**
+     * Redact the event.
+     */
+    const onRedact = useCallback(
+        (): void =>
+            createRedactEventDialog({
+                mxEvent: event,
+            }),
+        [event],
+    );
+
+    return (
+        <Menu
+            open={open}
+            onOpenChange={setOpen}
+            showTitle={false}
+            title={_t("right_panel|pinned_messages|menu")}
+            side="right"
+            align="start"
+            trigger={
+                <IconButton
+                    size="24px"
+                    aria-label={_t("right_panel|pinned_messages|menu")}
+                    aria-describedby={contentId}
+                >
+                    <TriggerIcon />
+                </IconButton>
+            }
+        >
+            <MenuItem Icon={ViewIcon} label={_t("right_panel|pinned_messages|view")} onSelect={onViewInTimeline} />
+            {canUnpin && <MenuItem Icon={UnpinIcon} label={_t("action|unpin")} onSelect={onUnpin} />}
+            {forwardableEvent && <MenuItem Icon={ForwardIcon} label={_t("action|forward")} onSelect={onForward} />}
+            {canRedact && (
+                <>
+                    <Separator />
+                    <MenuItem kind="critical" Icon={DeleteIcon} label={_t("action|delete")} onSelect={onRedact} />
+                </>
+            )}
+        </Menu>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/PinnedMessageBanner.tsx b/apps/web/src/components/views/rooms/PinnedMessageBanner.tsx
new file mode 100644
index 00000000000..7be7be08d8b
--- /dev/null
+++ b/apps/web/src/components/views/rooms/PinnedMessageBanner.tsx
@@ -0,0 +1,301 @@
+/*
+ * 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.
+ */
+
+import React, { type JSX, useCallback, useContext, useEffect, useId, useRef, useState } from "react";
+import PinIcon from "@vector-im/compound-design-tokens/assets/web/icons/pin-solid";
+import { Button } from "@vector-im/compound-web";
+import { type MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+import classNames from "classnames";
+import { EventPreviewView, useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
+
+import { usePinnedEvents, useSortedFetchedPinnedEvents } from "../../../hooks/usePinnedEvents";
+import { _t } from "../../../languageHandler";
+import { RightPanelPhases } from "../../../stores/right-panel/RightPanelStorePhases";
+import { useEventEmitter } from "../../../hooks/useEventEmitter";
+import { UPDATE_EVENT } from "../../../stores/AsyncStore";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import dis from "../../../dispatcher/dispatcher";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import { Action } from "../../../dispatcher/actions";
+import MessageEvent from "../messages/MessageEvent";
+import PosthogTrackers from "../../../PosthogTrackers.ts";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { EventPreviewViewModel } from "../../../viewmodels/room/timeline/event-tile/EventPreviewViewModel";
+
+/**
+ * The props for the {@link PinnedMessageBanner} component.
+ */
+interface PinnedMessageBannerProps {
+    /**
+     * The permalink creator to use.
+     */
+    permalinkCreator: RoomPermalinkCreator;
+    /**
+     * The room where the banner is displayed
+     */
+    room: Room;
+}
+
+/**
+ * A banner that displays the pinned messages in a room.
+ */
+export function PinnedMessageBanner({ room, permalinkCreator }: PinnedMessageBannerProps): JSX.Element | null {
+    const pinnedEventIds = usePinnedEvents(room);
+    const pinnedEvents = useSortedFetchedPinnedEvents(room, pinnedEventIds);
+    const eventCount = pinnedEvents.length;
+    const isSinglePinnedEvent = eventCount === 1;
+
+    const [currentEventIndex, setCurrentEventIndex] = useState(eventCount - 1);
+    // When the number of pinned messages changes, we want to display the last message
+    useEffect(() => {
+        setCurrentEventIndex(() => eventCount - 1);
+    }, [eventCount]);
+
+    const isLastMessage = currentEventIndex === eventCount - 1;
+
+    const pinnedEvent = pinnedEvents[currentEventIndex];
+    useNotifyTimeline(pinnedEvent);
+
+    const id = useId();
+
+    if (!pinnedEvent) return null;
+
+    const shouldUseMessageEvent = pinnedEvent.isRedacted() || pinnedEvent.isDecryptionFailure();
+
+    const onBannerClick = (): void => {
+        PosthogTrackers.trackInteraction("PinnedMessageBannerClick");
+
+        // Scroll to the pinned message
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            event_id: pinnedEvent.getId(),
+            highlighted: true,
+            room_id: room.roomId,
+            metricsTrigger: undefined, // room doesn't change
+        });
+
+        // Cycle through the pinned messages
+        // When we reach the first message, we go back to the last message
+        setCurrentEventIndex((currentEventIndex) => (--currentEventIndex === -1 ? eventCount - 1 : currentEventIndex));
+    };
+
+    return (
+        <div
+            role="region"
+            className="mx_PinnedMessageBanner"
+            data-single-message={isSinglePinnedEvent}
+            aria-label={_t("room|pinned_message_banner|description")}
+            data-testid="pinned-message-banner"
+        >
+            <button
+                aria-label={
+                    isLastMessage
+                        ? _t("room|pinned_message_banner|go_to_newest_message")
+                        : _t("room|pinned_message_banner|go_to_next_message")
+                }
+                aria-describedby={id}
+                type="button"
+                className="mx_PinnedMessageBanner_main"
+                onClick={onBannerClick}
+            >
+                <div className="mx_PinnedMessageBanner_content" id={id}>
+                    <Indicators count={eventCount} currentIndex={currentEventIndex} />
+                    <PinIcon width="20px" height="20px" className="mx_PinnedMessageBanner_PinIcon" />
+                    {!isSinglePinnedEvent && (
+                        <div className="mx_PinnedMessageBanner_title" data-testid="banner-counter">
+                            {_t(
+                                "room|pinned_message_banner|title",
+                                {
+                                    index: currentEventIndex + 1,
+                                    length: eventCount,
+                                },
+                                { bold: (sub) => <span className="mx_PinnedMessageBanner_title_counter">{sub}</span> },
+                            )}
+                        </div>
+                    )}
+                    <EventPreviewWrapper
+                        mxEvent={pinnedEvent}
+                        className="mx_PinnedMessageBanner_message"
+                        data-testid="banner-message"
+                    />
+                    {/* In case of redacted event, we want to display the nice sentence of the message event like in the timeline or in the pinned message list */}
+                    {shouldUseMessageEvent && (
+                        <div className="mx_PinnedMessageBanner_redactedMessage">
+                            <MessageEvent
+                                mxEvent={pinnedEvent}
+                                maxImageHeight={20}
+                                permalinkCreator={permalinkCreator}
+                                replacingEventId={pinnedEvent.replacingEventId()}
+                            />
+                        </div>
+                    )}
+                </div>
+            </button>
+            {!isSinglePinnedEvent && <BannerButton room={room} />}
+        </div>
+    );
+}
+
+type EventPreviewWrapperProps = Omit<React.ComponentPropsWithoutRef<"span">, "children" | "title"> & {
+    mxEvent: MatrixEvent;
+};
+
+function EventPreviewWrapper({ mxEvent, ...props }: Readonly<EventPreviewWrapperProps>): JSX.Element {
+    const cli = useContext(MatrixClientContext);
+    const vm = useCreateAutoDisposedViewModel(() => new EventPreviewViewModel({ cli, mxEvent }));
+
+    useEffect(() => {
+        vm.setEvent(mxEvent);
+    }, [mxEvent, vm]);
+
+    useEffect(() => {
+        vm.setClient(cli);
+    }, [cli, vm]);
+
+    return <EventPreviewView {...props} vm={vm} />;
+}
+
+/**
+ * When the banner is displayed or hidden, we want to notify the timeline to resize itself.
+ * @param pinnedEvent
+ */
+function useNotifyTimeline(pinnedEvent: MatrixEvent | null): void {
+    const resizeNotifier = useContext(SDKContext).resizeNotifier;
+
+    const previousEvent = useRef<MatrixEvent | null>(null);
+    useEffect(() => {
+        // If we switch from a pinned message to no pinned message or the opposite, we want to resize the timeline
+        if ((previousEvent.current && !pinnedEvent) || (!previousEvent.current && pinnedEvent)) {
+            resizeNotifier.notifyTimelineHeightChanged();
+        }
+
+        previousEvent.current = pinnedEvent;
+    }, [pinnedEvent, resizeNotifier]);
+}
+
+const MAX_INDICATORS = 3;
+
+/**
+ * The props for the {@link IndicatorsProps} component.
+ */
+interface IndicatorsProps {
+    /**
+     * The number of messages pinned
+     */
+    count: number;
+    /**
+     * The current index of the pinned message
+     */
+    currentIndex: number;
+}
+
+/**
+ * A component that displays vertical indicators for the pinned messages.
+ */
+function Indicators({ count, currentIndex }: IndicatorsProps): JSX.Element {
+    // We only display a maximum of 3 indicators at one time.
+    // When there is more than 3 messages pinned, we will cycle through the indicators
+
+    // If there is only 2 messages pinned, we will display 2 indicators
+    // In case of 1 message pinned, the indicators are not displayed, see {@link PinnedMessageBanner} logic.
+    const numberOfIndicators = Math.min(count, MAX_INDICATORS);
+    // The index of the active indicator
+    const index = currentIndex % numberOfIndicators;
+
+    // We hide the indicators when we are on the last cycle and there are less than 3 remaining messages pinned
+    const numberOfCycles = Math.ceil(count / numberOfIndicators);
+    // If the current index is greater than the last cycle index, we are on the last cycle
+    const isLastCycle = currentIndex >= (numberOfCycles - 1) * MAX_INDICATORS;
+    // The index of the last message in the last cycle
+    const lastCycleIndex = numberOfIndicators - (numberOfCycles * numberOfIndicators - count);
+
+    return (
+        <div className="mx_PinnedMessageBanner_Indicators">
+            {Array.from({ length: numberOfIndicators }).map((_, i) => (
+                // oxlint-disable-next-line react/no-array-index-key
+                <Indicator key={i} active={i === index} hidden={isLastCycle && lastCycleIndex <= i} />
+            ))}
+        </div>
+    );
+}
+
+/**
+ * The props for the {@link Indicator} component.
+ */
+interface IndicatorProps {
+    /**
+     * Whether the indicator is active
+     */
+    active: boolean;
+    /**
+     * Whether the indicator is hidden
+     */
+    hidden: boolean;
+}
+
+/**
+ * A component that displays a vertical indicator for a pinned message.
+ */
+function Indicator({ active, hidden }: IndicatorProps): JSX.Element {
+    return (
+        <div
+            data-testid="banner-indicator"
+            className={classNames("mx_PinnedMessageBanner_Indicator", {
+                "mx_PinnedMessageBanner_Indicator--active": active,
+                "mx_PinnedMessageBanner_Indicator--hidden": hidden,
+            })}
+        />
+    );
+}
+
+/**
+ * The props for the {@link BannerButton} component.
+ */
+interface BannerButtonProps {
+    /**
+     * The room where the banner is displayed
+     */
+    room: Room;
+}
+
+/**
+ * A button that allows the user to view or close the list of pinned messages.
+ */
+function BannerButton({ room }: BannerButtonProps): JSX.Element {
+    const sdkContext = useContext(SDKContext);
+
+    const getRightPanelPhase = useCallback(
+        (roomId: string): RightPanelPhases | null => {
+            if (!sdkContext.rightPanelStore.isOpenForRoom(roomId)) return null;
+            return sdkContext.rightPanelStore.currentCard.phase;
+        },
+        [sdkContext.rightPanelStore],
+    );
+
+    const [currentPhase, setCurrentPhase] = useState<RightPanelPhases | null>(getRightPanelPhase(room.roomId));
+    useEventEmitter(sdkContext.rightPanelStore, UPDATE_EVENT, () => setCurrentPhase(getRightPanelPhase(room.roomId)));
+    const isPinnedMessagesPhase = currentPhase === RightPanelPhases.PinnedMessages;
+
+    return (
+        <Button
+            className="mx_PinnedMessageBanner_actions"
+            kind="tertiary"
+            onClick={() => {
+                if (isPinnedMessagesPhase) PosthogTrackers.trackInteraction("PinnedMessageBannerCloseListButton");
+                else PosthogTrackers.trackInteraction("PinnedMessageBannerViewAllButton");
+
+                sdkContext.rightPanelStore.showOrHidePhase(RightPanelPhases.PinnedMessages);
+            }}
+        >
+            {isPinnedMessagesPhase
+                ? _t("room|pinned_message_banner|button_close_list")
+                : _t("room|pinned_message_banner|button_view_all")}
+        </Button>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/PresenceLabel.tsx b/apps/web/src/components/views/rooms/PresenceLabel.tsx
new file mode 100644
index 00000000000..17197abce3a
--- /dev/null
+++ b/apps/web/src/components/views/rooms/PresenceLabel.tsx
@@ -0,0 +1,70 @@
+/*
+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.
+*/
+
+import React from "react";
+import { UnstableValue } from "matrix-js-sdk/src/NamespacedValue";
+import classNames from "classnames";
+
+import { _t } from "../../../languageHandler";
+import { formatDuration } from "../../../DateUtils";
+
+export const BUSY_PRESENCE_NAME = new UnstableValue("busy", "org.matrix.msc3026.busy");
+
+interface IProps {
+    // number of milliseconds ago this user was last active.
+    // zero = unknown
+    activeAgo?: number;
+    // if true, activeAgo is an approximation and "Now" should
+    // be shown instead
+    currentlyActive?: boolean;
+    // offline, online, etc
+    presenceState?: string;
+    // whether to apply colouring to the label
+    coloured?: boolean;
+    className?: string;
+}
+
+export default class PresenceLabel extends React.Component<IProps> {
+    public static defaultProps = {
+        activeAgo: -1,
+    };
+
+    private getPrettyPresence(presence?: string, activeAgo?: number, currentlyActive?: boolean): string {
+        // for busy presence, we ignore the 'currentlyActive' flag: they're busy whether
+        // they're active or not. It can be set while the user is active in which case
+        // the 'active ago' ends up being 0.
+        if (presence && BUSY_PRESENCE_NAME.matches(presence)) return _t("presence|busy");
+
+        if (presence === "io.element.unreachable") return _t("presence|unreachable");
+
+        if (!currentlyActive && activeAgo !== undefined && activeAgo > 0) {
+            const duration = formatDuration(activeAgo);
+            if (presence === "online") return _t("presence|online_for", { duration: duration });
+            if (presence === "unavailable") return _t("presence|idle_for", { duration: duration }); // XXX: is this actually right?
+            if (presence === "offline") return _t("presence|offline_for", { duration: duration });
+            return _t("presence|unknown_for", { duration: duration });
+        } else {
+            if (presence === "online") return _t("presence|online");
+            if (presence === "unavailable") return _t("presence|idle"); // XXX: is this actually right?
+            if (presence === "offline") return _t("presence|offline");
+            return _t("presence|unknown");
+        }
+    }
+
+    public render(): React.ReactNode {
+        return (
+            <div
+                className={classNames("mx_PresenceLabel", this.props.className, {
+                    mx_PresenceLabel_online: this.props.coloured && this.props.presenceState === "online",
+                })}
+            >
+                {this.getPrettyPresence(this.props.presenceState, this.props.activeAgo, this.props.currentlyActive)}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/ReadReceiptGroup.tsx b/apps/web/src/components/views/rooms/ReadReceiptGroup.tsx
new file mode 100644
index 00000000000..ee1538723bc
--- /dev/null
+++ b/apps/web/src/components/views/rooms/ReadReceiptGroup.tsx
@@ -0,0 +1,262 @@
+/*
+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 JSX, type PropsWithChildren } from "react";
+import { type User } from "matrix-js-sdk/src/matrix";
+import { Tooltip } from "@vector-im/compound-web";
+import { AutoHideScrollbar } from "@element-hq/web-shared-components";
+
+import ReadReceiptMarker, { type IReadReceiptPosition, READ_AVATAR_SIZE } from "./ReadReceiptMarker";
+import { type IReadReceiptProps } from "./EventTile";
+import AccessibleButton from "../elements/AccessibleButton";
+import MemberAvatar from "../avatars/MemberAvatar";
+import { formatDate } from "../../../DateUtils";
+import { Action } from "../../../dispatcher/actions";
+import dis from "../../../dispatcher/dispatcher";
+import ContextMenu, { aboveLeftOf, MenuItem, useContextMenu } from "../../structures/ContextMenu";
+import { _t } from "../../../languageHandler";
+import { useRovingTabIndex } from "../../../accessibility/RovingTabIndex";
+import { formatList } from "../../../utils/FormattingUtils";
+
+// #20547 Design specified that we should show the three latest read receipts
+const MAX_READ_AVATARS_PLUS_N = 3;
+// #21935 If we’ve got just 4, don’t show +1, just show all of them
+const MAX_READ_AVATARS = MAX_READ_AVATARS_PLUS_N + 1;
+
+const READ_AVATAR_OFFSET = 10;
+
+interface Props {
+    readReceipts: IReadReceiptProps[];
+    readReceiptMap: { [userId: string]: IReadReceiptPosition };
+    checkUnmounting?: () => boolean;
+    suppressAnimation: boolean;
+    isTwelveHour?: boolean;
+}
+
+interface IAvatarPosition {
+    hidden: boolean;
+    position: number;
+}
+
+export function determineAvatarPosition(index: number, max: number): IAvatarPosition {
+    if (index < max) {
+        return {
+            hidden: false,
+            position: index,
+        };
+    } else {
+        return {
+            hidden: true,
+            position: 0,
+        };
+    }
+}
+
+export function readReceiptTooltip(members: string[], maxAvatars: number): string | undefined {
+    return formatList(members, maxAvatars);
+}
+
+export function ReadReceiptGroup({
+    readReceipts,
+    readReceiptMap,
+    checkUnmounting,
+    suppressAnimation,
+    isTwelveHour,
+}: Props): JSX.Element {
+    const [menuDisplayed, button, openMenu, closeMenu] = useContextMenu();
+
+    // If we are above MAX_READ_AVATARS, we’ll have to remove a few to have space for the +n count.
+    const hasMore = readReceipts.length > MAX_READ_AVATARS;
+    const maxAvatars = hasMore ? MAX_READ_AVATARS_PLUS_N : MAX_READ_AVATARS;
+
+    const tooltipMembers: string[] = readReceipts.map((it) => it.roomMember?.name ?? it.userId);
+    const tooltipText = readReceiptTooltip(tooltipMembers, maxAvatars);
+
+    // return early if there are no read receipts
+    if (readReceipts.length === 0) {
+        // We currently must include `mx_ReadReceiptGroup_container` in
+        // the DOM of all events, as it is the positioned parent of the
+        // animated read receipts. We can't let it unmount when a receipt
+        // moves events, so for now we mount it for all events. Without
+        // it, the animation will start from the top of the timeline
+        // (because it lost its container).
+        // See also https://github.com/vector-im/element-web/issues/17561
+        return (
+            <div className="mx_EventTile_msgOption">
+                <div className="mx_ReadReceiptGroup">
+                    <div className="mx_ReadReceiptGroup_button">
+                        <span className="mx_ReadReceiptGroup_container" />
+                    </div>
+                </div>
+            </div>
+        );
+    }
+
+    const avatars = readReceipts
+        .map((receipt, index) => {
+            const { hidden, position } = determineAvatarPosition(index, maxAvatars);
+
+            const userId = receipt.userId;
+            let readReceiptPosition: IReadReceiptPosition | undefined;
+
+            if (readReceiptMap) {
+                readReceiptPosition = readReceiptMap[userId];
+                if (!readReceiptPosition) {
+                    readReceiptPosition = {};
+                    readReceiptMap[userId] = readReceiptPosition;
+                }
+            }
+
+            return (
+                <ReadReceiptMarker
+                    key={userId}
+                    member={receipt.roomMember}
+                    fallbackUserId={userId}
+                    offset={position * READ_AVATAR_OFFSET}
+                    hidden={hidden}
+                    readReceiptPosition={readReceiptPosition}
+                    checkUnmounting={checkUnmounting}
+                    suppressAnimation={suppressAnimation}
+                />
+            );
+        })
+        .reverse();
+
+    let remText: JSX.Element | undefined;
+    const remainder = readReceipts.length - maxAvatars;
+    if (remainder > 0) {
+        remText = (
+            <span className="mx_ReadReceiptGroup_remainder" aria-live="off">
+                +{remainder}
+            </span>
+        );
+    }
+
+    let contextMenu: JSX.Element | undefined;
+    if (menuDisplayed && button.current) {
+        const buttonRect = button.current.getBoundingClientRect();
+        contextMenu = (
+            <ContextMenu menuClassName="mx_ReadReceiptGroup_popup" onFinished={closeMenu} {...aboveLeftOf(buttonRect)}>
+                <AutoHideScrollbar className="mx_AutoHideScrollbar">
+                    <SectionHeader className="mx_ReadReceiptGroup_title">
+                        {_t("timeline|read_receipt_title", { count: readReceipts.length })}
+                    </SectionHeader>
+                    {readReceipts.map((receipt) => (
+                        <ReadReceiptPerson
+                            key={receipt.userId}
+                            {...receipt}
+                            isTwelveHour={isTwelveHour}
+                            onAfterClick={closeMenu}
+                        />
+                    ))}
+                </AutoHideScrollbar>
+            </ContextMenu>
+        );
+    }
+
+    return (
+        <div className="mx_EventTile_msgOption">
+            <Tooltip
+                label={_t("timeline|read_receipt_title", { count: readReceipts.length })}
+                caption={tooltipText}
+                placement="top-end"
+            >
+                <div className="mx_ReadReceiptGroup" role="group" aria-label={_t("timeline|read_receipts_label")}>
+                    <AccessibleButton
+                        className="mx_ReadReceiptGroup_button"
+                        ref={button}
+                        aria-label={tooltipText}
+                        aria-haspopup="true"
+                        onClick={openMenu}
+                    >
+                        {remText}
+                        <span
+                            className="mx_ReadReceiptGroup_container"
+                            style={{
+                                width:
+                                    Math.min(maxAvatars, readReceipts.length) * READ_AVATAR_OFFSET +
+                                    READ_AVATAR_SIZE -
+                                    READ_AVATAR_OFFSET,
+                            }}
+                        >
+                            {avatars}
+                        </span>
+                    </AccessibleButton>
+                    {contextMenu}
+                </div>
+            </Tooltip>
+        </div>
+    );
+}
+
+interface ReadReceiptPersonProps extends IReadReceiptProps {
+    isTwelveHour?: boolean;
+    onAfterClick?: () => void;
+}
+
+// Export for testing
+export function ReadReceiptPerson({
+    userId,
+    roomMember,
+    ts,
+    isTwelveHour,
+    onAfterClick,
+}: ReadReceiptPersonProps): JSX.Element {
+    return (
+        <Tooltip
+            description={roomMember?.rawDisplayName ?? userId}
+            caption={userId}
+            placement="top"
+            isTriggerInteractive={false}
+        >
+            <MenuItem
+                className="mx_ReadReceiptGroup_person"
+                onClick={() => {
+                    dis.dispatch({
+                        action: Action.ViewUser,
+                        // XXX: We should be using a real member object and not assuming what the receiver wants.
+                        // The ViewUser action leads to the RightPanelStore, and RightPanelStoreIPanelState defines the
+                        // member property of IRightPanelCardState as `RoomMember | User`, so we’re fine for now, but we
+                        // should definitely clean this up later
+                        member: roomMember ?? ({ userId } as User),
+                        push: false,
+                    });
+                    onAfterClick?.();
+                }}
+            >
+                <MemberAvatar
+                    member={roomMember}
+                    fallbackUserId={userId}
+                    size="24px"
+                    aria-hidden="true"
+                    aria-live="off"
+                    resizeMethod="crop"
+                    hideTitle
+                />
+                <div className="mx_ReadReceiptGroup_name">
+                    <p>{roomMember?.name ?? userId}</p>
+                    <p className="mx_ReadReceiptGroup_secondary">{formatDate(new Date(ts), isTwelveHour)}</p>
+                </div>
+            </MenuItem>
+        </Tooltip>
+    );
+}
+
+interface ISectionHeaderProps {
+    className?: string;
+}
+
+function SectionHeader({ className, children }: PropsWithChildren<ISectionHeaderProps>): JSX.Element {
+    const [onFocus, , ref] = useRovingTabIndex<HTMLHeadingElement>();
+
+    return (
+        <h3 className={className} role="menuitem" onFocus={onFocus} tabIndex={-1} ref={ref}>
+            {children}
+        </h3>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/ReadReceiptMarker.tsx b/apps/web/src/components/views/rooms/ReadReceiptMarker.tsx
new file mode 100644
index 00000000000..3bcd301bfff
--- /dev/null
+++ b/apps/web/src/components/views/rooms/ReadReceiptMarker.tsx
@@ -0,0 +1,188 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+import React, { createRef } from "react";
+import { type RoomMember } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import NodeAnimator from "../../../NodeAnimator";
+import { toPx } from "../../../utils/units";
+import MemberAvatar from "../avatars/MemberAvatar";
+
+export const READ_AVATAR_SIZE = 16;
+
+// The top & right from the bounding client rect of each read receipt
+export interface IReadReceiptPosition {
+    top?: number;
+    right?: number;
+}
+
+interface IProps {
+    // the RoomMember to show the RR for
+    member?: RoomMember | null;
+    // userId to fallback the avatar to
+    // if the member hasn't been loaded yet
+    fallbackUserId: string;
+
+    // number of pixels to offset the avatar from the right of its parent;
+    // typically a negative value.
+    offset: number;
+
+    // true to hide the avatar (it will still be animated)
+    hidden?: boolean;
+
+    // don't animate this RR into position
+    suppressAnimation?: boolean;
+
+    // an opaque object for storing information about this user's RR in this room
+    readReceiptPosition?: IReadReceiptPosition;
+
+    // A function which is used to check if the parent panel is being
+    // unmounted, to avoid unnecessary work. Should return true if we
+    // are being unmounted.
+    checkUnmounting?: () => boolean;
+}
+
+interface IState {
+    suppressDisplay: boolean;
+    startStyles?: IReadReceiptMarkerStyle[];
+}
+
+interface IReadReceiptMarkerStyle {
+    top: number;
+    right: number;
+}
+
+export default class ReadReceiptMarker extends React.PureComponent<IProps, IState> {
+    private avatar = createRef<HTMLDivElement>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            // if we are going to animate the RR, we don't show it on first render,
+            // and instead just add a placeholder to the DOM; once we've been
+            // mounted, we start an animation which moves the RR from its old
+            // position.
+            suppressDisplay: !this.props.suppressAnimation,
+        };
+    }
+
+    public componentWillUnmount(): void {
+        // before we remove the rr, store its location in the map, so that if
+        // it reappears, it can be animated from the right place.
+        const rrInfo = this.props.readReceiptPosition;
+        if (!rrInfo) {
+            return;
+        }
+
+        // checking the DOM properties can force a re-layout, which can be
+        // quite expensive; so if the parent messagepanel is being unmounted,
+        // then don't bother with this.
+        if (this.props.checkUnmounting && this.props.checkUnmounting()) {
+            return;
+        }
+
+        this.buildReadReceiptInfo(rrInfo);
+    }
+
+    public componentDidMount(): void {
+        if (!this.state.suppressDisplay) {
+            // we've already done our display - nothing more to do.
+            return;
+        }
+        this.animateMarker();
+    }
+
+    public componentDidUpdate(prevProps: IProps): void {
+        const differentOffset = prevProps.offset !== this.props.offset;
+        const visibilityChanged = prevProps.hidden !== this.props.hidden;
+        if (differentOffset || visibilityChanged) {
+            this.animateMarker();
+        }
+    }
+
+    private buildReadReceiptInfo(target: IReadReceiptPosition = {}): IReadReceiptPosition {
+        const element = this.avatar.current;
+        // this is the mx_ReadReceiptsGroup_container
+        const horizontalContainer = element?.offsetParent;
+        if (!horizontalContainer || !horizontalContainer.getBoundingClientRect) {
+            // this seems to happen sometimes for reasons I don't understand
+            // the docs for `offsetParent` say it may be null if `display` is
+            // `none`, but I can't see why that would happen.
+            logger.warn(`ReadReceiptMarker for ${this.props.fallbackUserId} has no valid horizontalContainer`);
+
+            target.top = 0;
+            target.right = 0;
+            return target;
+        }
+
+        const elementRect = element.getBoundingClientRect();
+
+        target.top = elementRect.top;
+        target.right = elementRect.right - horizontalContainer.getBoundingClientRect().right;
+        return target;
+    }
+
+    private animateMarker(): void {
+        const oldInfo = this.props.readReceiptPosition;
+        const newInfo = this.buildReadReceiptInfo();
+
+        const newPosition = newInfo.top ?? 0;
+        const oldPosition =
+            oldInfo && oldInfo.top !== undefined
+                ? // start at the old height and in the old h pos
+                  oldInfo.top
+                : // treat new RRs as though they were off the top of the screen
+                  -READ_AVATAR_SIZE;
+
+        const startStyles: IReadReceiptMarkerStyle[] = [];
+        if (oldInfo?.right) {
+            startStyles.push({
+                top: oldPosition - newPosition,
+                right: oldInfo.right,
+            });
+        }
+        startStyles.push({
+            top: oldPosition - newPosition,
+            right: 0,
+        });
+
+        this.setState({
+            suppressDisplay: false,
+            startStyles,
+        });
+    }
+
+    public render(): React.ReactNode {
+        if (this.state.suppressDisplay) {
+            return <div ref={this.avatar} />;
+        }
+
+        const style = {
+            right: toPx(this.props.offset),
+            top: "0px",
+        };
+
+        return (
+            <NodeAnimator startStyles={this.state.startStyles} innerRef={this.avatar}>
+                <MemberAvatar
+                    member={this.props.member ?? null}
+                    fallbackUserId={this.props.fallbackUserId}
+                    aria-hidden="true"
+                    aria-live="off"
+                    size="14px"
+                    style={style}
+                    hideTitle
+                    tabIndex={-1}
+                />
+            </NodeAnimator>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/ReplyPreview.tsx b/apps/web/src/components/views/rooms/ReplyPreview.tsx
new file mode 100644
index 00000000000..13616b1fbaf
--- /dev/null
+++ b/apps/web/src/components/views/rooms/ReplyPreview.tsx
@@ -0,0 +1,57 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-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 } from "react";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import dis from "../../../dispatcher/dispatcher";
+import { _t } from "../../../languageHandler";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import ReplyTile from "./ReplyTile";
+import RoomContext, { type TimelineRenderingType } from "../../../contexts/RoomContext";
+import AccessibleButton from "../elements/AccessibleButton";
+
+function cancelQuoting(context: TimelineRenderingType): void {
+    dis.dispatch({
+        action: "reply_to_event",
+        event: null,
+        context,
+    });
+}
+
+interface IProps {
+    permalinkCreator?: RoomPermalinkCreator;
+    replyToEvent?: MatrixEvent;
+}
+
+export default class ReplyPreview extends React.Component<IProps> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    public render(): JSX.Element | null {
+        if (!this.props.replyToEvent) return null;
+
+        return (
+            <div className="mx_ReplyPreview">
+                <div className="mx_ReplyPreview_section">
+                    <div className="mx_ReplyPreview_header">
+                        <span>{_t("composer|replying_title")}</span>
+                        <AccessibleButton
+                            className="mx_ReplyPreview_header_cancel"
+                            onClick={() => cancelQuoting(this.context.timelineRenderingType)}
+                        >
+                            <CloseIcon />
+                        </AccessibleButton>
+                    </div>
+                    <ReplyTile mxEvent={this.props.replyToEvent} permalinkCreator={this.props.permalinkCreator} />
+                </div>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/ReplyTile.tsx b/apps/web/src/components/views/rooms/ReplyTile.tsx
new file mode 100644
index 00000000000..2a129a02eb3
--- /dev/null
+++ b/apps/web/src/components/views/rooms/ReplyTile.tsx
@@ -0,0 +1,179 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 2021 Tulir Asokan <tulir@maunium.net>
+
+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, { createRef } from "react";
+import classNames from "classnames";
+import { type MatrixEvent, MatrixEventEvent, EventType, MsgType } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../languageHandler";
+import dis from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import SenderProfile from "../messages/SenderProfile";
+import MImageReplyBody from "../messages/MImageReplyBody";
+import { isVoiceMessage } from "../../../utils/EventUtils";
+import { getEventDisplayInfo } from "../../../utils/EventRenderingUtils";
+import MemberAvatar from "../avatars/MemberAvatar";
+import MVoiceMessageBody from "../messages/MVoiceMessageBody";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import { renderReplyTile } from "../../../events/EventTileFactory";
+import { type GetRelationsForEvent } from "../rooms/EventTile";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { type IBodyProps } from "../messages/IBodyProps";
+import { FileBodyFactory, VideoBodyFactory, renderMBody } from "../messages/MBodyFactory";
+import { roomMemberToMemberInfo } from "../../../hooks/room/useRoomMemberProfile";
+
+interface IProps {
+    mxEvent: MatrixEvent;
+    permalinkCreator?: RoomPermalinkCreator;
+    highlights?: string[];
+    highlightLink?: string;
+    toggleExpandedQuote?: () => void;
+    getRelationsForEvent?: GetRelationsForEvent;
+}
+
+export default class ReplyTile extends React.PureComponent<IProps> {
+    private anchorElement = createRef<HTMLAnchorElement>();
+
+    public componentDidMount(): void {
+        this.props.mxEvent.on(MatrixEventEvent.Decrypted, this.onDecrypted);
+        this.props.mxEvent.on(MatrixEventEvent.BeforeRedaction, this.onEventRequiresUpdate);
+        this.props.mxEvent.on(MatrixEventEvent.Replaced, this.onEventRequiresUpdate);
+    }
+
+    public componentWillUnmount(): void {
+        this.props.mxEvent.removeListener(MatrixEventEvent.Decrypted, this.onDecrypted);
+        this.props.mxEvent.removeListener(MatrixEventEvent.BeforeRedaction, this.onEventRequiresUpdate);
+        this.props.mxEvent.removeListener(MatrixEventEvent.Replaced, this.onEventRequiresUpdate);
+    }
+
+    private onDecrypted = (): void => {
+        this.forceUpdate();
+    };
+
+    private onEventRequiresUpdate = (): void => {
+        // Force update when necessary - redactions and edits
+        this.forceUpdate();
+    };
+
+    private onClick = (e: React.MouseEvent): void => {
+        const clickTarget = e.target as HTMLElement;
+        // Following a link within a reply should not dispatch the `view_room` action
+        // so that the browser can direct the user to the correct location
+        // The exception being the link wrapping the reply
+        if (
+            clickTarget.tagName.toLowerCase() !== "a" ||
+            clickTarget.closest("a") === null ||
+            clickTarget === this.anchorElement.current
+        ) {
+            // This allows the permalink to be opened in a new tab/window or copied as
+            // matrix.to, but also for it to enable routing within Riot when clicked.
+            e.preventDefault();
+            // Expand thread on shift key
+            if (this.props.toggleExpandedQuote && e.shiftKey) {
+                this.props.toggleExpandedQuote();
+            } else {
+                dis.dispatch<ViewRoomPayload>({
+                    action: Action.ViewRoom,
+                    event_id: this.props.mxEvent.getId(),
+                    highlighted: true,
+                    room_id: this.props.mxEvent.getRoomId(),
+                    metricsTrigger: undefined, // room doesn't change
+                });
+            }
+        }
+    };
+
+    public render(): React.ReactNode {
+        const mxEvent = this.props.mxEvent;
+        const msgType = mxEvent.getContent().msgtype;
+        const evType = mxEvent.getType();
+
+        const { hasRenderer, isInfoMessage, isSeeingThroughMessageHiddenForModeration } = getEventDisplayInfo(
+            MatrixClientPeg.safeGet(),
+            mxEvent,
+            false /* Replies are never hidden, so this should be fine */,
+        );
+        // This shouldn't happen: the caller should check we support this type
+        // before trying to instantiate us
+        if (!hasRenderer) {
+            const { mxEvent } = this.props;
+            logger.warn(`Event type not supported: type:${mxEvent.getType()} isState:${mxEvent.isState()}`);
+            return (
+                <div className="mx_ReplyTile mx_ReplyTile_info mx_MNoticeBody">{_t("timeline|error_no_renderer")}</div>
+            );
+        }
+
+        const classes = classNames("mx_ReplyTile", {
+            mx_ReplyTile_inline: msgType === MsgType.Emote,
+            mx_ReplyTile_info: isInfoMessage && !mxEvent.isRedacted(),
+        });
+
+        let permalink = "#";
+        if (this.props.permalinkCreator) {
+            permalink = this.props.permalinkCreator.forEvent(mxEvent.getId()!);
+        }
+
+        let sender;
+        const hasOwnSender = isInfoMessage || evType === EventType.RoomCreate;
+        if (!hasOwnSender) {
+            sender = (
+                <div className="mx_ReplyTile_sender">
+                    <MemberAvatar member={mxEvent.sender} fallbackUserId={mxEvent.getSender()} size="16px" />
+                    <SenderProfile
+                        senderId={mxEvent.getSender() ?? undefined}
+                        member={roomMemberToMemberInfo(mxEvent.sender)}
+                        isEmote={msgType === MsgType.Emote}
+                    />
+                </div>
+            );
+        }
+
+        const ReplyTileFileBody: React.ComponentType<IBodyProps> = (props) => renderMBody(props, FileBodyFactory);
+
+        const msgtypeOverrides: Record<string, React.ComponentType<IBodyProps>> = {
+            [MsgType.Image]: MImageReplyBody,
+            // Override audio body with file body. We also hide the download/decrypt button using CSS
+            [MsgType.Audio]: isVoiceMessage(mxEvent) ? MVoiceMessageBody : ReplyTileFileBody,
+            [MsgType.Video]: VideoBodyFactory,
+        };
+        const evOverrides: Record<string, React.ComponentType<IBodyProps>> = {
+            // Use MImageReplyBody so that the sticker isn't taking up a lot of space
+            [EventType.Sticker]: MImageReplyBody,
+        };
+
+        return (
+            <div className={classes}>
+                <a href={permalink} onClick={this.onClick} ref={this.anchorElement}>
+                    {sender}
+                    {renderReplyTile(
+                        {
+                            ...this.props,
+
+                            // overrides
+                            ref: undefined,
+                            showUrlPreview: false,
+                            overrideBodyTypes: msgtypeOverrides,
+                            overrideEventTypes: evOverrides,
+                            maxImageHeight: 96,
+                            isSeeingThroughMessageHiddenForModeration,
+
+                            // appease TS
+                            highlights: this.props.highlights,
+                            highlightLink: this.props.highlightLink,
+                            permalinkCreator: this.props.permalinkCreator,
+                            showHiddenEvents: false,
+                        },
+                        false /* showHiddenEvents shouldn't be relevant */,
+                    )}
+                </a>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/RoomContextDetails.tsx b/apps/web/src/components/views/rooms/RoomContextDetails.tsx
new file mode 100644
index 00000000000..d7094b0e722
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomContextDetails.tsx
@@ -0,0 +1,37 @@
+/*
+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 { type Room } from "matrix-js-sdk/src/matrix";
+import React, { type JSX, type HTMLAttributes } from "react";
+
+import { roomContextDetails } from "../../../utils/i18n-helpers";
+
+type Props<T extends keyof HTMLElementTagNameMap> = HTMLAttributes<T> & {
+    component?: T;
+    room: Room;
+};
+
+export function RoomContextDetails<T extends keyof HTMLElementTagNameMap>({
+    room,
+    component,
+    ...other
+}: Props<T>): JSX.Element {
+    const contextDetails = roomContextDetails(room);
+    if (contextDetails) {
+        return React.createElement(
+            component ?? "div",
+            {
+                ...other,
+                "aria-label": contextDetails.ariaLabel,
+            },
+            [contextDetails.details],
+        );
+    }
+
+    return <></>;
+}
diff --git a/apps/web/src/components/views/rooms/RoomHeader/CallGuestLinkButton.test.tsx b/apps/web/src/components/views/rooms/RoomHeader/CallGuestLinkButton.test.tsx
new file mode 100644
index 00000000000..dfb0f434cd0
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomHeader/CallGuestLinkButton.test.tsx
@@ -0,0 +1,276 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach, type Mocked } from "vitest";
+import React from "react";
+import { fireEvent, getByLabelText, getByText, render, screen, waitFor } from "test-utils-rtl";
+import { type EventTimeline, JoinRule, Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { getMockClientWithEventEmitter, mockClientMethodsUser, TestSDKContext } from "test-utils";
+
+import { SDKContext } from "../../../../contexts/SDKContext";
+import { CallGuestLinkButton, JoinRuleDialog } from "./CallGuestLinkButton";
+import Modal from "../../../../Modal";
+import SdkConfig from "../../../../SdkConfig";
+import { ShareDialog } from "../../dialogs/ShareDialog";
+import { _t } from "../../../../languageHandler";
+import SettingsStore from "../../../../settings/SettingsStore";
+
+describe("<CallGuestLinkButton />", () => {
+    const roomId = "!room:server.org";
+    let sdkContext!: TestSDKContext;
+    let modalSpy: Mocked<any>;
+    let modalResolve: (value: unknown[] | PromiseLike<unknown[]>) => void;
+    let room: Room;
+
+    const targetUnencrypted =
+        "https://guest_spa_url.com/room/#/!room:server.org?roomId=%21room%3Aserver.org&viaServers=example.org";
+    const targetEncrypted =
+        "https://guest_spa_url.com/room/#/!room:server.org?roomId=%21room%3Aserver.org&perParticipantE2EE=true&viaServers=example.org";
+    const expectedShareDialogProps = {
+        target: targetEncrypted,
+        customTitle: "Conference invite link",
+        subtitle: "Link for external users to join the call without a matrix account:",
+    };
+
+    /**
+     * Create a room using mocked client
+     * And mock isElementVideoRoom
+     */
+    const makeRoom = (isVideoRoom = true): Room => {
+        const room = new Room(roomId, sdkContext.client!, sdkContext.client!.getSafeUserId());
+        sdkContext.client!.getRoomDirectoryVisibility = vi.fn().mockResolvedValue("public");
+        vi.spyOn(room, "isElementVideoRoom").mockReturnValue(isVideoRoom);
+        // stub
+        vi.spyOn(room, "getPendingEvents").mockReturnValue([]);
+        vi.spyOn(room, "getVersion").mockReturnValue("9");
+        return room;
+    };
+    function mockRoomMembers(room: Room, count: number) {
+        const members = Array(count)
+            .fill(0)
+            .map((_, index) => ({
+                userId: `@user-${index}:example.org`,
+                roomId: room.roomId,
+                membership: KnownMembership.Join,
+            }));
+
+        room.currentState.setJoinedMemberCount(members.length);
+        room.getJoinedMembers = vi.fn().mockReturnValue(members);
+    }
+
+    const getComponent = (room: Room) =>
+        render(<CallGuestLinkButton room={room} />, {
+            wrapper: ({ children }) => <SDKContext.Provider value={sdkContext}>{children}</SDKContext.Provider>,
+        });
+
+    const oldGet = SdkConfig.get;
+    beforeEach(() => {
+        const client = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(),
+            sendStateEvent: vi.fn(),
+            getVisibleRooms: vi.fn().mockReturnValue([]),
+        });
+        sdkContext = new TestSDKContext();
+        sdkContext._client = client;
+        const modalPromise = new Promise<unknown[]>((resolve) => {
+            modalResolve = resolve;
+        });
+        modalSpy = vi.spyOn(Modal, "createDialog").mockReturnValue({ finished: modalPromise, close: vi.fn() });
+        room = makeRoom();
+        mockRoomMembers(room, 3);
+
+        vi.spyOn(SdkConfig, "get").mockImplementation((key) => {
+            if (key === "element_call") {
+                return { guest_spa_url: "https://guest_spa_url.com", url: "https://spa_url.com" };
+            }
+            return oldGet(key);
+        });
+        vi.spyOn(room, "hasEncryptionStateEvent").mockReturnValue(true);
+        vi.spyOn(sdkContext.roomViewStore, "isViewingCall").mockReturnValue(true);
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("shows the JoinRuleDialog on click with private join rules", async () => {
+        getComponent(room);
+        fireEvent.click(screen.getByRole("button", { name: "Share call link" }));
+        expect(modalSpy).toHaveBeenCalledWith(JoinRuleDialog, { room, canInvite: false });
+        // pretend public was selected
+        vi.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Public);
+        modalResolve([]);
+        await new Promise(process.nextTick);
+        const callParams = modalSpy.mock.calls[1];
+        expect(callParams[0]).toEqual(ShareDialog);
+        expect(callParams[1].target.toString()).toEqual(expectedShareDialogProps.target);
+        expect(callParams[1].subtitle).toEqual(expectedShareDialogProps.subtitle);
+        expect(callParams[1].customTitle).toEqual(expectedShareDialogProps.customTitle);
+    });
+
+    it("shows the ShareDialog on click with public join rules", () => {
+        vi.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Public);
+        getComponent(room);
+        fireEvent.click(screen.getByRole("button", { name: "Share call link" }));
+        const callParams = modalSpy.mock.calls[0];
+        expect(callParams[0]).toEqual(ShareDialog);
+        expect(callParams[1].target.toString()).toEqual(expectedShareDialogProps.target);
+        expect(callParams[1].subtitle).toEqual(expectedShareDialogProps.subtitle);
+        expect(callParams[1].customTitle).toEqual(expectedShareDialogProps.customTitle);
+    });
+
+    it("shows the ShareDialog on click with knock join rules", () => {
+        vi.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Knock);
+        vi.spyOn(room, "canInvite").mockReturnValue(true);
+        getComponent(room);
+        fireEvent.click(screen.getByRole("button", { name: "Share call link" }));
+        const callParams = modalSpy.mock.calls[0];
+        expect(callParams[0]).toEqual(ShareDialog);
+        expect(callParams[1].target.toString()).toEqual(expectedShareDialogProps.target);
+        expect(callParams[1].subtitle).toEqual(expectedShareDialogProps.subtitle);
+        expect(callParams[1].customTitle).toEqual(expectedShareDialogProps.customTitle);
+    });
+
+    it("don't show external conference button if room not public nor knock and the user cannot change join rules", () => {
+        // preparation for if we refactor the related code to not use currentState.
+        vi.spyOn(room, "getLiveTimeline").mockReturnValue({
+            getState: vi.fn().mockReturnValue({
+                maySendStateEvent: vi.fn().mockReturnValue(false),
+            }),
+        } as unknown as EventTimeline);
+        vi.spyOn(room.currentState, "maySendStateEvent").mockReturnValue(false);
+        getComponent(room);
+        expect(screen.queryByLabelText("Share call link")).not.toBeInTheDocument();
+    });
+
+    it("don't show external conference button if now guest spa link is configured", () => {
+        vi.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Public);
+        vi.spyOn(sdkContext.roomViewStore, "isViewingCall").mockReturnValue(true);
+
+        vi.spyOn(SdkConfig, "get").mockImplementation((key) => {
+            if (key === "element_call") {
+                return { url: "https://example2.com" };
+            }
+            return oldGet(key);
+        });
+
+        getComponent(room);
+        // We only change the SdkConfig and show that this everything else is
+        // configured so that the call link button is shown.
+        expect(screen.queryByLabelText("Share call link")).not.toBeInTheDocument();
+
+        vi.spyOn(SdkConfig, "get").mockImplementation((key) => {
+            if (key === "element_call") {
+                return { guest_spa_url: "https://guest_spa_url.com", url: "https://example2.com" };
+            }
+            return oldGet(key);
+        });
+
+        getComponent(room);
+        expect(getByLabelText(document.body, "Share call link")).toBeInTheDocument();
+    });
+
+    it("opens the share dialog with the correct share link in an encrypted room", () => {
+        vi.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Public);
+        vi.spyOn(sdkContext.roomViewStore, "isViewingCall").mockReturnValue(true);
+
+        getComponent(room);
+        const modalSpy = vi.spyOn(Modal, "createDialog");
+        fireEvent.click(getByLabelText(document.body, _t("voip|get_call_link")));
+        // const target =
+        //     "https://guest_spa_url.com/room/#/!room:server.org?roomId=%21room%3Aserver.org&perParticipantE2EE=true&viaServers=example.org";
+        expect(modalSpy).toHaveBeenCalled();
+        const arg0 = modalSpy.mock.calls[0][0];
+        const arg1 = modalSpy.mock.calls[0][1] as any;
+        expect(arg0).toEqual(ShareDialog);
+        const { customTitle, subtitle } = arg1;
+        expect({ customTitle, subtitle }).toEqual({
+            customTitle: "Conference invite link",
+            subtitle: _t("share|share_call_subtitle"),
+        });
+        expect(arg1.target.toString()).toEqual(targetEncrypted);
+    });
+
+    it("share dialog has correct link in an unencrypted room", () => {
+        vi.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Public);
+        vi.spyOn(room, "hasEncryptionStateEvent").mockReturnValue(false);
+        vi.spyOn(sdkContext.roomViewStore, "isViewingCall").mockReturnValue(true);
+
+        getComponent(room);
+        const modalSpy = vi.spyOn(Modal, "createDialog");
+        fireEvent.click(getByLabelText(document.body, _t("voip|get_call_link")));
+        const arg1 = modalSpy.mock.calls[0][1] as any;
+        expect(arg1.target.toString()).toEqual(targetUnencrypted);
+    });
+
+    describe("<JoinRuleDialog />", () => {
+        const onFinished = vi.fn();
+
+        const getComponent = (room: Room, canInvite: boolean = true) =>
+            render(<JoinRuleDialog room={room} canInvite={canInvite} onFinished={onFinished} />, {
+                wrapper: ({ children }) => <SDKContext.Provider value={sdkContext}>{children}</SDKContext.Provider>,
+            });
+
+        beforeEach(() => {
+            // feature_ask_to_join enabled
+            vi.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+        });
+
+        it("shows ask to join if feature is enabled", () => {
+            getComponent(room);
+            expect(screen.getByRole("radio", { name: "Ask to join ( Recommended )" })).toBeInTheDocument();
+        });
+        it("dont show ask to join if feature is enabled but cannot invite", () => {
+            getComponent(room, false);
+            expect(screen.queryByRole("radio", { name: "Ask to join ( Recommended )" })).not.toBeInTheDocument();
+        });
+        it("doesn't show ask to join if feature is disabled", () => {
+            vi.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+            getComponent(room);
+            expect(screen.queryByRole("radio", { name: "Ask to join ( Recommended )" })).not.toBeInTheDocument();
+        });
+
+        it("sends correct state event on click", async () => {
+            const sendStateSpy = vi.spyOn(sdkContext.client!, "sendStateEvent");
+
+            getComponent(room);
+            fireEvent.click(screen.getByRole("radio", { name: "Ask to join ( Recommended )" }));
+            expect(sendStateSpy).toHaveBeenCalledWith(
+                "!room:server.org",
+                "m.room.join_rules",
+                { join_rule: "knock" },
+                "",
+            );
+            expect(sendStateSpy).toHaveBeenCalledTimes(1);
+            await waitFor(() => expect(onFinished).toHaveBeenCalledTimes(1), { timeout: 3000 });
+            onFinished.mockClear();
+            sendStateSpy.mockClear();
+
+            let container = getComponent(room).container;
+            fireEvent.click(getByText(container, "Anyone"));
+            expect(sendStateSpy).toHaveBeenLastCalledWith(
+                "!room:server.org",
+                "m.room.join_rules",
+                { join_rule: "public" },
+                "",
+            );
+            expect(sendStateSpy).toHaveBeenCalledTimes(1);
+            container = getComponent(room).container;
+            await waitFor(() => expect(onFinished).toHaveBeenCalledTimes(1), { timeout: 3000 });
+            onFinished.mockClear();
+            sendStateSpy.mockClear();
+
+            fireEvent.click(getByText(container, _t("update_room_access_modal|no_change")));
+            await waitFor(() => expect(onFinished).toHaveBeenCalledTimes(1));
+            // Don't call sendStateEvent if no change is clicked.
+            expect(sendStateSpy).toHaveBeenCalledTimes(0);
+        });
+    });
+});
diff --git a/apps/web/src/components/views/rooms/RoomHeader/CallGuestLinkButton.tsx b/apps/web/src/components/views/rooms/RoomHeader/CallGuestLinkButton.tsx
new file mode 100644
index 00000000000..101a1afdf95
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomHeader/CallGuestLinkButton.tsx
@@ -0,0 +1,158 @@
+/*
+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.
+*/
+import ExternalLinkIcon from "@vector-im/compound-design-tokens/assets/web/icons/link";
+import { Button, IconButton, Tooltip } from "@vector-im/compound-web";
+import React, { useCallback } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { EventType, JoinRule, type Room } from "matrix-js-sdk/src/matrix";
+
+import Modal from "../../../../Modal";
+import { ShareDialog } from "../../dialogs/ShareDialog";
+import { _t } from "../../../../languageHandler";
+import { calculateRoomVia } from "../../../../utils/permalinks/Permalinks";
+import BaseDialog from "../../dialogs/BaseDialog";
+import { useGuestAccessInformation } from "../../../../hooks/room/useGuestAccessInformation";
+import JoinRuleSettings from "../../settings/JoinRuleSettings";
+import SettingsStore from "../../../../settings/SettingsStore";
+
+/**
+ * Display a button to open a dialog to share a link to the call using a element call guest spa url (`element_call:guest_spa_url` in the EW config).
+ * @param room
+ * @returns Nothing if there is not the option to share a link (No guest_spa_url is set) or a button to open a dialog to share the link.
+ */
+export const CallGuestLinkButton: React.FC<{ room: Room }> = ({ room }) => {
+    const { canInviteGuests, guestSpaUrl, isRoomJoinable, canInvite } = useGuestAccessInformation(room);
+
+    const generateCallLink = useCallback(() => {
+        if (!isRoomJoinable()) throw new Error("Cannot create link for room that users can not join without invite.");
+        if (!guestSpaUrl) throw new Error("No guest SPA url for external links provided.");
+        const url = new URL(guestSpaUrl);
+        url.pathname = "/room/";
+        // Set params for the sharable url
+        url.searchParams.set("roomId", room.roomId);
+        if (room.hasEncryptionStateEvent()) url.searchParams.set("perParticipantE2EE", "true");
+        for (const server of calculateRoomVia(room)) {
+            url.searchParams.set("viaServers", server);
+        }
+
+        // Move params into hash
+        url.hash = "/" + room.name + url.search;
+        url.search = "";
+
+        logger.info("Generated element call external url:", url);
+        return url;
+    }, [guestSpaUrl, isRoomJoinable, room]);
+
+    const showLinkModal = useCallback(() => {
+        try {
+            // generateCallLink throws if the invite rules are not met
+            const target = generateCallLink();
+            Modal.createDialog(ShareDialog, {
+                target,
+                customTitle: _t("share|share_call"),
+                subtitle: _t("share|share_call_subtitle"),
+            });
+        } catch (e) {
+            logger.error("Could not generate call link.", e);
+        }
+    }, [generateCallLink]);
+
+    const shareClick = useCallback(() => {
+        if (isRoomJoinable()) {
+            showLinkModal();
+        } else {
+            // the room needs to be set to public or knock to generate a link
+            Modal.createDialog(JoinRuleDialog, {
+                room,
+                // If the user cannot invite the Knocking is not given as an option.
+                canInvite,
+            }).finished.then(() => {
+                if (isRoomJoinable()) showLinkModal();
+            });
+        }
+    }, [isRoomJoinable, showLinkModal, room, canInvite]);
+
+    return (
+        <>
+            {canInviteGuests && (
+                <Tooltip label={_t("voip|get_call_link")}>
+                    <IconButton onClick={shareClick}>
+                        <ExternalLinkIcon />
+                    </IconButton>
+                </Tooltip>
+            )}
+        </>
+    );
+};
+
+/**
+ * A dialog to change the join rule of a room to public or knock.
+ * @param room The room to change the join rule of.
+ * @param onFinished Callback that is getting called if the dialog wants to close.
+ */
+export const JoinRuleDialog: React.FC<{
+    onFinished(this: void): void;
+    room: Room;
+    canInvite: boolean;
+}> = ({ onFinished, room, canInvite }) => {
+    const askToJoinEnabled = SettingsStore.getValue("feature_ask_to_join");
+    const [isUpdating, setIsUpdating] = React.useState<undefined | JoinRule>(undefined);
+    const changeJoinRule = useCallback(
+        async (newRule: JoinRule) => {
+            if (isUpdating !== undefined) return;
+            setIsUpdating(newRule);
+            await room.client.sendStateEvent(
+                room.roomId,
+                EventType.RoomJoinRules,
+                {
+                    join_rule: newRule,
+                },
+                "",
+            );
+            // Show the dialog for a bit to give the user feedback
+            setTimeout(() => onFinished(), 1000);
+        },
+        [isUpdating, onFinished, room.client, room.roomId],
+    );
+    return (
+        <BaseDialog title={_t("update_room_access_modal|title")} onFinished={onFinished} className="mx_JoinRuleDialog">
+            <p>{_t("update_room_access_modal|description", {}, { b: (sub) => <strong>{sub}</strong> })}</p>
+            <p>
+                {_t("update_room_access_modal|revert_access_description", {}, { b: (sub) => <strong>{sub}</strong> })}
+            </p>
+            <JoinRuleSettings
+                recommendedOption={JoinRule.Knock}
+                room={room}
+                disabledOptions={new Set([JoinRule.Invite, JoinRule.Private, JoinRule.Restricted])}
+                hiddenOptions={
+                    new Set([JoinRule.Restricted].concat(askToJoinEnabled && canInvite ? [] : [JoinRule.Knock]))
+                }
+                beforeChange={async (newRule) => {
+                    await changeJoinRule(newRule).catch(() => {
+                        return false;
+                    });
+                    return true;
+                }}
+                closeSettingsFn={() => {}}
+                onError={(error: unknown) => logger.error("Could not generate change access level:", error)}
+            />
+            <p>{_t("update_room_access_modal|dont_change_description")}</p>
+            <div className="mx_JoinRuleDialogButtons">
+                <Button
+                    kind="tertiary"
+                    className="mx_Dialog_nonDialogButton"
+                    onClick={() => {
+                        if (isUpdating === undefined) onFinished();
+                    }}
+                >
+                    {_t("update_room_access_modal|no_change")}
+                </Button>
+            </div>
+        </BaseDialog>
+    );
+};
diff --git a/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.test.tsx b/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.test.tsx
new file mode 100644
index 00000000000..643fc0eea22
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.test.tsx
@@ -0,0 +1,1041 @@
+/*
+Copyright (C) 2025 Element Creations Ltd
+Copyright 2024, 2025 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach, type Mocked } from "vitest";
+
+import React from "react";
+import { CallType, type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import {
+    EventType,
+    JoinRule,
+    MatrixEvent,
+    PendingEventOrdering,
+    Room,
+    RoomStateEvent,
+    RoomMember,
+    type MatrixClient,
+    ClientEvent,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { CryptoEvent, UserVerificationStatus } from "matrix-js-sdk/src/crypto-api";
+import {
+    act,
+    createEvent,
+    fireEvent,
+    getAllByLabelText,
+    getByLabelText,
+    getByText,
+    queryByLabelText,
+    render,
+    type RenderOptions,
+    screen,
+    waitFor,
+} from "test-utils-rtl";
+import { type ViewRoomOpts } from "@matrix-org/react-sdk-module-api/lib/lifecycles/RoomViewLifecycle";
+import userEvent from "@testing-library/user-event";
+import { filterConsole, setupAsyncStoreWithClient, stubClient } from "test-utils";
+
+import RoomHeader from "./RoomHeader";
+import DMRoomMap from "../../../../utils/DMRoomMap";
+import { MatrixClientPeg } from "../../../../MatrixClientPeg";
+import { ScopedRoomContextProvider } from "../../../../contexts/ScopedRoomContext";
+import RoomContext, { type RoomContextType } from "../../../../contexts/RoomContext";
+import RightPanelStore from "../../../../stores/right-panel/RightPanelStore";
+import { RightPanelPhases } from "../../../../stores/right-panel/RightPanelStorePhases";
+import SettingsStore from "../../../../settings/SettingsStore";
+import SdkConfig from "../../../../SdkConfig";
+import dispatcher from "../../../../dispatcher/dispatcher";
+import { CallStore } from "../../../../stores/CallStore";
+import { type Call } from "../../../../models/Call";
+import * as ShieldUtils from "../../../../utils/ShieldUtils";
+import { WidgetLayoutStore } from "../../../../stores/widgets/WidgetLayoutStore";
+import MatrixClientContext from "../../../../contexts/MatrixClientContext";
+import { _t } from "../../../../languageHandler";
+import WidgetStore, { type IApp } from "../../../../stores/WidgetStore";
+import { UIFeature } from "../../../../settings/UIFeature";
+import { SettingLevel } from "../../../../settings/SettingLevel";
+import { ElementCallMemberEventType } from "../../../../call-types";
+import { SDKContext } from "../../../../contexts/SDKContext";
+import { SDKContextClass } from "../../../../contexts/SDKContextClass.ts";
+
+vi.mock("../../../../utils/ShieldUtils");
+vi.mock("../../../../hooks/right-panel/useCurrentPhase", () => ({
+    useCurrentPhase: () => {
+        return { currentPhase: "foo", isOpen: false };
+    },
+}));
+vi.mock("../../../../Modal");
+
+describe("RoomHeader", () => {
+    filterConsole(
+        "[getType] Room !1:example.org does not have an m.room.create event",
+        "Age for event was not available, using `now - origin_server_ts` as a fallback. If the device clock is not correct issues might occur.",
+    );
+
+    let room: Room;
+    const ROOM_ID = "!1:example.org";
+
+    let setCardSpy: Mocked<RightPanelStore["setCard"]> | undefined;
+
+    const mockRoomViewStore = {
+        isViewingCall: vi.fn().mockReturnValue(false),
+        on: vi.fn(),
+        off: vi.fn(),
+        emit: vi.fn(),
+    };
+
+    let client: MatrixClient;
+
+    let roomContext: RoomContextType;
+
+    function getWrapper(): RenderOptions {
+        return {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>
+                    <MatrixClientContext.Provider value={client}>
+                        <ScopedRoomContextProvider {...roomContext}>{children}</ScopedRoomContextProvider>
+                    </MatrixClientContext.Provider>
+                </SDKContext.Provider>
+            ),
+        };
+    }
+
+    beforeEach(() => {
+        client = stubClient();
+        room = new Room(ROOM_ID, client, "@alice:example.org", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        DMRoomMap.setShared({
+            getUserIdForRoomId: vi.fn(),
+        } as unknown as DMRoomMap);
+
+        setCardSpy = vi.spyOn(RightPanelStore.instance, "setCard");
+        vi.spyOn(ShieldUtils, "shieldStatusForRoom").mockResolvedValue(ShieldUtils.E2EStatus.Normal);
+
+        // Mock CallStore.instance.getCall to return null by default
+        // Individual tests can override this when they need a specific Call object
+        vi.spyOn(CallStore.instance, "getCall").mockReturnValue(null);
+
+        // Reset the mock RoomViewStore
+        mockRoomViewStore.isViewingCall.mockReturnValue(false);
+
+        // Create a stable room context for this test
+        roomContext = {
+            ...RoomContext,
+            roomId: ROOM_ID,
+            roomViewStore: mockRoomViewStore,
+        } as unknown as RoomContextType;
+    });
+
+    afterEach(() => {
+        vi.resetAllMocks();
+        SettingsStore.reset();
+    });
+
+    it("renders the room header", () => {
+        const { container } = render(<RoomHeader room={room} />, getWrapper());
+        expect(container).toHaveTextContent(ROOM_ID);
+    });
+
+    it("opens the room summary", async () => {
+        const user = userEvent.setup();
+        const { container } = render(<RoomHeader room={room} />, getWrapper());
+
+        await user.click(getByText(container, ROOM_ID));
+        expect(setCardSpy).toHaveBeenCalledWith({ phase: RightPanelPhases.RoomSummary });
+    });
+
+    it("shows a face pile for rooms", async () => {
+        const user = userEvent.setup();
+        const members = [
+            {
+                userId: "@me:example.org",
+                name: "Member",
+                rawDisplayName: "Member",
+                roomId: room.roomId,
+                membership: KnownMembership.Join,
+                getAvatarUrl: () => "mxc://avatar.url/image.png",
+                getMxcAvatarUrl: () => "mxc://avatar.url/image.png",
+            },
+            {
+                userId: "@you:example.org",
+                name: "Member",
+                rawDisplayName: "Member",
+                roomId: room.roomId,
+                membership: KnownMembership.Join,
+                getAvatarUrl: () => "mxc://avatar.url/image.png",
+                getMxcAvatarUrl: () => "mxc://avatar.url/image.png",
+            },
+            {
+                userId: "@them:example.org",
+                name: "Member",
+                rawDisplayName: "Member",
+                roomId: room.roomId,
+                membership: KnownMembership.Join,
+                getAvatarUrl: () => "mxc://avatar.url/image.png",
+                getMxcAvatarUrl: () => "mxc://avatar.url/image.png",
+            },
+            {
+                userId: "@bot:example.org",
+                name: "Bot user",
+                rawDisplayName: "Bot user",
+                roomId: room.roomId,
+                membership: KnownMembership.Join,
+                getAvatarUrl: () => "mxc://avatar.url/image.png",
+                getMxcAvatarUrl: () => "mxc://avatar.url/image.png",
+            },
+        ];
+        room.currentState.setJoinedMemberCount(members.length);
+        room.getJoinedMembers = vi.fn().mockReturnValue(members);
+
+        const { container } = render(<RoomHeader room={room} />, getWrapper());
+
+        expect(container).toHaveTextContent("4");
+
+        const facePile = getByLabelText(document.body, "4 members");
+        expect(facePile).toHaveTextContent("4");
+
+        await user.click(facePile);
+
+        expect(setCardSpy).toHaveBeenCalledWith({ phase: RightPanelPhases.MemberList });
+    });
+
+    it("has room info icon that opens the room info panel", async () => {
+        const user = userEvent.setup();
+        const { getAllByRole } = render(<RoomHeader room={room} />, getWrapper());
+        const infoButton = getAllByRole("button", { name: "Room info" })[1];
+        await user.click(infoButton);
+        expect(setCardSpy).toHaveBeenCalledWith({ phase: RightPanelPhases.RoomSummary });
+    });
+
+    it("opens the thread panel", async () => {
+        const user = userEvent.setup();
+        render(<RoomHeader room={room} />, getWrapper());
+
+        await user.click(getByLabelText(document.body, "Threads"));
+        expect(setCardSpy).toHaveBeenCalledWith({ phase: RightPanelPhases.ThreadPanel });
+    });
+
+    it("opens the notifications panel", async () => {
+        const user = userEvent.setup();
+        await SettingsStore.setValue("feature_notifications", null, SettingLevel.DEVICE, true);
+
+        render(<RoomHeader room={room} />, getWrapper());
+
+        await user.click(getByLabelText(document.body, "Notifications"));
+        expect(setCardSpy).toHaveBeenCalledWith({ phase: RightPanelPhases.NotificationPanel });
+    });
+
+    it("should show both call buttons in rooms smaller than 3 members", async () => {
+        mockRoomMembers(room, 2);
+        render(<RoomHeader room={room} />, getWrapper());
+
+        const voiceButton = screen.getByRole("button", { name: "Voice call" });
+        const videoButton = screen.getByRole("button", { name: "Video call" });
+        expect(videoButton).toBeInTheDocument();
+        expect(voiceButton).toBeInTheDocument();
+    });
+
+    it("should not show voice call button in managed hybrid environments", async () => {
+        mockRoomMembers(room, 2);
+        vi.spyOn(SdkConfig, "get").mockReturnValue({ widget_build_url: "https://widget.build.url" });
+        render(<RoomHeader room={room} />, getWrapper());
+
+        const videoButton = screen.getByRole("button", { name: "Video call" });
+        expect(videoButton).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: "Voice call" })).not.toBeInTheDocument();
+    });
+
+    it("should not show voice call button in rooms larger than 2 members", async () => {
+        mockRoomMembers(room, 3);
+        render(<RoomHeader room={room} />, getWrapper());
+
+        const videoButton = screen.getByRole("button", { name: "Video call" });
+        expect(videoButton).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: "Voice call" })).not.toBeInTheDocument();
+    });
+
+    describe("UIFeature.Voip disabled", () => {
+        beforeEach(() => {
+            SdkConfig.put({
+                setting_defaults: {
+                    [UIFeature.Voip]: false,
+                },
+            });
+        });
+
+        afterEach(() => {
+            SdkConfig.reset();
+            vi.restoreAllMocks();
+        });
+
+        it("should not show call buttons in rooms smaller than 3 members", async () => {
+            mockRoomMembers(room, 2);
+            render(<RoomHeader room={room} />, getWrapper());
+
+            expect(screen.queryByRole("button", { name: "Video call" })).not.toBeInTheDocument();
+            expect(screen.queryByRole("button", { name: "Voice call" })).not.toBeInTheDocument();
+        });
+
+        it("should not show call button in rooms larger than 2 members", async () => {
+            mockRoomMembers(room, 3);
+            render(<RoomHeader room={room} />, getWrapper());
+
+            expect(screen.queryByRole("button", { name: "Video call" })).not.toBeInTheDocument();
+            expect(screen.queryByRole("button", { name: "Voice call" })).not.toBeInTheDocument();
+        });
+    });
+
+    describe("UIFeature.Widgets enabled (default)", () => {
+        beforeEach(() => {
+            SdkConfig.put({
+                setting_defaults: {
+                    [UIFeature.Widgets]: true,
+                },
+            });
+        });
+
+        afterEach(() => {
+            SdkConfig.reset();
+        });
+
+        it("should show call buttons in a room with 2 members", () => {
+            mockRoomMembers(room, 2);
+            render(<RoomHeader room={room} />, getWrapper());
+            const videoButton = screen.getByRole("button", { name: "Video call" });
+            expect(videoButton).toBeInTheDocument();
+        });
+
+        it("should show call buttons in a room with more than 2 members", () => {
+            mockRoomMembers(room, 3);
+            render(<RoomHeader room={room} />, getWrapper());
+            const videoButton = screen.getByRole("button", { name: "Video call" });
+            expect(videoButton).toBeInTheDocument();
+        });
+    });
+
+    describe("UIFeature.Widgets disabled", () => {
+        beforeEach(() => {
+            SdkConfig.put({
+                setting_defaults: {
+                    [UIFeature.Widgets]: false,
+                },
+            });
+        });
+
+        afterEach(() => {
+            SdkConfig.reset();
+        });
+
+        it("should show call buttons in a room with 2 members", () => {
+            mockRoomMembers(room, 2);
+            render(<RoomHeader room={room} />, getWrapper());
+
+            const videoButton = screen.getByRole("button", { name: "Video call" });
+            expect(videoButton).toBeInTheDocument();
+        });
+
+        it("should not show call buttons in a room with more than 2 members", () => {
+            mockRoomMembers(room, 3);
+            const { container } = render(<RoomHeader room={room} />, getWrapper());
+            expect(queryByLabelText(container, "Video call")).not.toBeInTheDocument();
+        });
+    });
+
+    describe("groups call disabled", () => {
+        beforeEach(() => {
+            SdkConfig.put({
+                setting_defaults: {
+                    [UIFeature.Widgets]: true,
+                },
+            });
+        });
+
+        afterEach(() => {
+            SdkConfig.reset();
+        });
+
+        it("you can call when you're two in the room", async () => {
+            const user = userEvent.setup();
+            mockRoomMembers(room, 2);
+            render(<RoomHeader room={room} />, getWrapper());
+
+            const voiceButton = screen.getByRole("button", { name: "Voice call" });
+            const videoButton = screen.getByRole("button", { name: "Video call" });
+            expect(voiceButton).not.toHaveAttribute("aria-disabled", "true");
+            expect(videoButton).not.toHaveAttribute("aria-disabled", "true");
+
+            const placeCallSpy = vi.spyOn(SDKContextClass.instance.legacyCallHandler, "placeCall");
+
+            await user.click(voiceButton);
+            expect(placeCallSpy).toHaveBeenLastCalledWith(room.roomId, CallType.Voice);
+
+            await user.click(videoButton);
+            expect(placeCallSpy).toHaveBeenLastCalledWith(room.roomId, CallType.Video);
+        });
+
+        it("you can't call if there's already a call", () => {
+            mockRoomMembers(room, 2);
+            vi.spyOn(SDKContextClass.instance.legacyCallHandler, "getCallForRoom").mockReturnValue(
+                // The JS-SDK does not export the class `MatrixCall` only the type
+                {} as MatrixCall,
+            );
+            const { container } = render(<RoomHeader room={room} />, getWrapper());
+            for (const button of getAllByLabelText(container, "Ongoing call")) {
+                expect(button).toHaveAttribute("aria-disabled", "true");
+            }
+        });
+
+        it("can call in large rooms if able to edit widgets", () => {
+            mockRoomMembers(room, 10);
+            vi.spyOn(room.currentState, "mayClientSendStateEvent").mockReturnValue(true);
+            render(<RoomHeader room={room} />, getWrapper());
+
+            const videoCallButton = screen.getByRole("button", { name: "Video call" });
+            expect(videoCallButton).not.toHaveAttribute("aria-disabled", "true");
+        });
+
+        it("disable calls in large rooms by default", () => {
+            mockRoomMembers(room, 10);
+            vi.spyOn(room.currentState, "mayClientSendStateEvent").mockReturnValue(false);
+            render(<RoomHeader room={room} />, getWrapper());
+            expect(
+                getByLabelText(document.body, "You do not have permission to start video calls", {
+                    selector: "button",
+                }),
+            ).toHaveAttribute("aria-disabled", "true");
+        });
+    });
+
+    describe("group call enabled", () => {
+        beforeEach(async () => {
+            SdkConfig.put({});
+            // Enable Element Call
+            client._unstable_getRTCTransports = vi
+                .fn()
+                .mockResolvedValue([{ type: "livekit", livekit_service_url: "https://example.org" }]);
+            // And ensure the CallStore has the transports configured.
+            await setupAsyncStoreWithClient(CallStore.instance, client);
+        });
+
+        afterEach(() => {
+            SdkConfig.reset();
+            vi.restoreAllMocks();
+        });
+
+        it("renders only the video call element", async () => {
+            const user = userEvent.setup();
+            mockRoomMembers(room, 3);
+            SdkConfig.add({
+                element_call: {
+                    use_exclusively: true,
+                },
+            });
+            // allow element calls
+            vi.spyOn(room.currentState, "mayClientSendStateEvent").mockReturnValue(true);
+
+            render(<RoomHeader room={room} />, getWrapper());
+
+            expect(screen.queryByTitle("Voice call")).toBeNull();
+
+            const videoCallButton = screen.getByRole("button", { name: "Video call" });
+            expect(videoCallButton).not.toHaveAttribute("aria-disabled", "true");
+
+            const dispatcherSpy = vi.spyOn(dispatcher, "dispatch").mockImplementation(() => {});
+
+            await user.click(videoCallButton);
+            expect(dispatcherSpy).toHaveBeenCalledWith(expect.objectContaining({ view_call: true }));
+        });
+
+        it("can't call if there's an ongoing (pinned) call", () => {
+            SdkConfig.add({
+                element_call: {
+                    use_exclusively: true,
+                },
+            });
+            // allow element calls
+            vi.spyOn(room.currentState, "mayClientSendStateEvent").mockReturnValue(true);
+            vi.spyOn(WidgetLayoutStore.instance, "isInContainer").mockReturnValue(true);
+            const widget = { type: "m.jitsi" } as IApp;
+            vi.spyOn(CallStore.instance, "getCall").mockReturnValue({
+                widget,
+                on: () => {},
+                off: () => {},
+            } as unknown as Call);
+            vi.spyOn(WidgetStore.instance, "getApps").mockReturnValue([widget]);
+            render(<RoomHeader room={room} />, getWrapper());
+            // Voice and video
+            for (const button of screen.getAllByRole("button", { name: "Ongoing call" })) {
+                expect(button).toHaveAttribute("aria-disabled", "true");
+            }
+        });
+
+        it("clicking on ongoing (unpinned) call re-pins it", async () => {
+            const user = userEvent.setup();
+            mockRoomMembers(room, 3);
+            SdkConfig.add({
+                element_call: { disable: true }, // This test is about Jitsi widget re-pinning, not Element Call
+                setting_defaults: {
+                    [UIFeature.Widgets]: true,
+                },
+            });
+            // allow calls
+            vi.spyOn(room.currentState, "mayClientSendStateEvent").mockReturnValue(true);
+            vi.spyOn(WidgetLayoutStore.instance, "isInContainer").mockReturnValue(false);
+            const spy = vi.spyOn(WidgetLayoutStore.instance, "moveToContainer");
+
+            const widget = { type: "m.jitsi" } as IApp;
+            vi.spyOn(CallStore.instance, "getCall").mockReturnValue({
+                widget,
+                on: () => {},
+                off: () => {},
+            } as unknown as Call);
+            vi.spyOn(WidgetStore.instance, "getApps").mockReturnValue([widget]);
+
+            render(<RoomHeader room={room} />, getWrapper());
+
+            const videoButton = screen.getByRole("button", { name: "Video call" });
+            expect(videoButton).not.toHaveAttribute("aria-disabled", "true");
+            await user.click(videoButton);
+            expect(spy).toHaveBeenCalledWith(room, widget, "top");
+        });
+
+        it("disables calling if there's a jitsi call", () => {
+            mockRoomMembers(room, 2);
+            vi.spyOn(SDKContextClass.instance.legacyCallHandler, "getCallForRoom").mockReturnValue(
+                // The JS-SDK does not export the class `MatrixCall` only the type
+                {} as MatrixCall,
+            );
+            const { container } = render(<RoomHeader room={room} />, getWrapper());
+            for (const button of getAllByLabelText(container, "Ongoing call")) {
+                expect(button).toHaveAttribute("aria-disabled", "true");
+            }
+        });
+
+        it("calls using legacy or jitsi", async () => {
+            const user = userEvent.setup();
+            mockRoomMembers(room, 2);
+            vi.spyOn(room.currentState, "mayClientSendStateEvent").mockImplementation((key) => {
+                if (key === "im.vector.modular.widgets") return true;
+                return false;
+            });
+            render(<RoomHeader room={room} />, getWrapper());
+
+            const voiceButton = screen.getByRole("button", { name: "Voice call" });
+            const videoButton = screen.getByRole("button", { name: "Video call" });
+            expect(voiceButton).not.toHaveAttribute("aria-disabled", "true");
+            expect(videoButton).not.toHaveAttribute("aria-disabled", "true");
+
+            const placeCallSpy = vi.spyOn(SDKContextClass.instance.legacyCallHandler, "placeCall");
+            await user.click(voiceButton);
+            expect(placeCallSpy).toHaveBeenLastCalledWith(room.roomId, CallType.Voice);
+
+            await user.click(videoButton);
+            expect(placeCallSpy).toHaveBeenLastCalledWith(room.roomId, CallType.Video);
+        });
+
+        it("calls using legacy or jitsi for large rooms", async () => {
+            const user = userEvent.setup();
+            mockRoomMembers(room, 3);
+
+            vi.spyOn(room.currentState, "mayClientSendStateEvent").mockImplementation((key) => {
+                if (key === "im.vector.modular.widgets") return true;
+                return false;
+            });
+
+            render(<RoomHeader room={room} />, getWrapper());
+
+            const videoButton = screen.getByRole("button", { name: "Video call" });
+            expect(videoButton).not.toHaveAttribute("aria-disabled", "true");
+
+            const placeCallSpy = vi.spyOn(SDKContextClass.instance.legacyCallHandler, "placeCall");
+            await user.click(videoButton);
+            expect(placeCallSpy).toHaveBeenLastCalledWith(room.roomId, CallType.Video);
+        });
+
+        it("calls using element call for large rooms", async () => {
+            const user = userEvent.setup();
+            mockRoomMembers(room, 3);
+
+            vi.spyOn(room.currentState, "mayClientSendStateEvent").mockImplementation((key) => {
+                if (key === ElementCallMemberEventType.name) return true;
+                return false;
+            });
+
+            render(<RoomHeader room={room} />, getWrapper());
+
+            const videoButton = screen.getByRole("button", { name: "Video call" });
+            expect(videoButton).not.toHaveAttribute("aria-disabled", "true");
+
+            const dispatcherSpy = vi.spyOn(dispatcher, "dispatch").mockImplementation(() => {});
+            await user.click(videoButton);
+            expect(dispatcherSpy).toHaveBeenCalledWith(expect.objectContaining({ view_call: true }));
+        });
+
+        it("buttons are disabled if there is an ongoing call", async () => {
+            mockRoomMembers(room, 3);
+
+            vi.spyOn(CallStore.prototype, "connectedCalls", "get").mockReturnValue(
+                new Set([{ roomId: "some_other_room" } as Call]),
+            );
+            const { container } = render(<RoomHeader room={room} />, getWrapper());
+
+            const [videoButton] = getAllByLabelText(container, "Ongoing call");
+
+            expect(videoButton).toHaveAttribute("aria-disabled", "true");
+        });
+
+        it("join video call button is shown if there is an ongoing call", async () => {
+            mockRoomMembers(room, 3);
+            // Mock CallStore to return a call with 3 participants
+            vi.spyOn(CallStore.instance, "getCall").mockReturnValue(createMockCall(ROOM_ID, 3));
+            render(<RoomHeader room={room} />, getWrapper());
+            const joinButton = getByLabelText(document.body, "Join video call");
+            expect(joinButton).not.toHaveAttribute("aria-disabled", "true");
+        });
+
+        it("join voice call button is shown if there is an ongoing call", async () => {
+            mockRoomMembers(room, 3);
+            // Mock CallStore to return a call with 3 participants
+            vi.spyOn(CallStore.instance, "getCall").mockReturnValue(createMockCall(ROOM_ID, 3, CallType.Voice));
+            render(<RoomHeader room={room} />, getWrapper());
+            const joinButton = getByLabelText(document.body, "Join voice call");
+            expect(joinButton).not.toHaveAttribute("aria-disabled", "true");
+        });
+
+        it("clicking the join button of an ongoing video call joins as a video call", async () => {
+            const user = userEvent.setup();
+            mockRoomMembers(room, 3);
+            vi.spyOn(CallStore.instance, "getCall").mockReturnValue(createMockCall(ROOM_ID, 3, CallType.Video, true));
+            render(<RoomHeader room={room} />, getWrapper());
+
+            const dispatcherSpy = vi.spyOn(dispatcher, "dispatch").mockImplementation(() => {});
+            await user.click(getByLabelText(document.body, "Join video call"));
+
+            expect(dispatcherSpy).toHaveBeenCalledWith(expect.objectContaining({ view_call: true, voiceOnly: false }));
+        });
+
+        it("clicking the join button of an ongoing voice call joins as a voice call", async () => {
+            const user = userEvent.setup();
+            mockRoomMembers(room, 3);
+            vi.spyOn(CallStore.instance, "getCall").mockReturnValue(createMockCall(ROOM_ID, 3, CallType.Voice, true));
+            render(<RoomHeader room={room} />, getWrapper());
+
+            const dispatcherSpy = vi.spyOn(dispatcher, "dispatch").mockImplementation(() => {});
+            await user.click(getByLabelText(document.body, "Join voice call"));
+
+            expect(dispatcherSpy).toHaveBeenCalledWith(expect.objectContaining({ view_call: true, voiceOnly: true }));
+        });
+
+        it("join button is disabled if there is an other ongoing call", async () => {
+            mockRoomMembers(room, 3);
+            // Mock CallStore to return a call with 3 participants
+            vi.spyOn(CallStore.instance, "getCall").mockReturnValue(createMockCall(ROOM_ID, 3));
+            vi.spyOn(CallStore.prototype, "connectedCalls", "get").mockReturnValue(
+                new Set([{ roomId: "some_other_room" } as Call]),
+            );
+            render(<RoomHeader room={room} />, getWrapper());
+            const joinButton = getByLabelText(document.body, "Ongoing call");
+
+            expect(joinButton).toHaveAttribute("aria-disabled", "true");
+        });
+
+        it("close lobby button is shown", async () => {
+            mockRoomMembers(room, 3);
+
+            mockRoomViewStore.isViewingCall.mockReturnValue(true);
+            render(<RoomHeader room={room} />, getWrapper());
+            expect(getByLabelText(document.body, "Close lobby")).toBeVisible();
+        });
+
+        it("close lobby button is shown if there is an ongoing call but we are viewing the lobby", async () => {
+            mockRoomMembers(room, 3);
+            // Mock CallStore to return a call with 3 participants
+            vi.spyOn(CallStore.instance, "getCall").mockReturnValue(createMockCall(ROOM_ID, 3));
+            mockRoomViewStore.isViewingCall.mockReturnValue(true);
+
+            render(<RoomHeader room={room} />, getWrapper());
+            expect(getByLabelText(document.body, "Close lobby")).toBeVisible();
+        });
+
+        it("don't show external conference button if the call is not shown", () => {
+            mockRoomViewStore.isViewingCall.mockReturnValue(false);
+            vi.spyOn(SdkConfig, "get").mockImplementation((key) => {
+                return { guest_spa_url: "https://guest_spa_url.com", url: "https://spa_url.com" };
+            });
+            render(<RoomHeader room={room} />, getWrapper());
+            expect(screen.queryByLabelText(_t("voip|get_call_link"))).not.toBeInTheDocument();
+
+            mockRoomViewStore.isViewingCall.mockReturnValue(true);
+
+            render(<RoomHeader room={room} />, getWrapper());
+
+            expect(getByLabelText(document.body, _t("voip|get_call_link"))).toBeInTheDocument();
+        });
+
+        it("gives the option of element call or legacy calling for video", async () => {
+            const user = userEvent.setup();
+            mockRoomMembers(room, 2);
+            vi.spyOn(room.currentState, "mayClientSendStateEvent").mockImplementation((key) => {
+                if (key === ElementCallMemberEventType.name) return true;
+                return false;
+            });
+            render(<RoomHeader room={room} />, getWrapper());
+
+            const button = screen.getByRole("button", { name: "Video call" });
+            expect(button).not.toHaveAttribute("aria-disabled", "true");
+            await user.click(button);
+            const elementCallButton = screen.getByRole("menuitem", { name: "Element Call" });
+            const legacyCallButton = screen.getByRole("menuitem", { name: "Legacy Call" });
+            expect(elementCallButton).toBeInTheDocument();
+            expect(legacyCallButton).toBeInTheDocument();
+        });
+        it("gives the option of element call or legacy calling for voice in DM rooms", async () => {
+            const user = userEvent.setup();
+            mockRoomMembers(room, 2);
+            vi.spyOn(room.currentState, "mayClientSendStateEvent").mockImplementation((key) => {
+                if (key === ElementCallMemberEventType.name) return true;
+                return false;
+            });
+            render(<RoomHeader room={room} />, getWrapper());
+
+            const button = screen.getByRole("button", { name: "Voice call" });
+            expect(button).not.toHaveAttribute("aria-disabled", "true");
+            await user.click(button);
+            const elementCallButton = screen.getByRole("menuitem", { name: "Element Call" });
+            const legacyCallButton = screen.getByRole("menuitem", { name: "Legacy Call" });
+            expect(elementCallButton).toBeInTheDocument();
+            expect(legacyCallButton).toBeInTheDocument();
+        });
+    });
+
+    describe("public room", () => {
+        it("shows a globe", () => {
+            const joinRuleEvent = new MatrixEvent({
+                type: EventType.RoomJoinRules,
+                content: { join_rule: JoinRule.Public },
+                sender: MatrixClientPeg.get()!.getSafeUserId(),
+                state_key: "",
+                room_id: room.roomId,
+            });
+            room.addLiveEvents([joinRuleEvent], { addToState: true });
+
+            render(<RoomHeader room={room} />, getWrapper());
+
+            expect(getByLabelText(document.body, "Public room")).toBeInTheDocument();
+        });
+    });
+
+    it("does not show a user status for non-DM rooms", async () => {
+        await SettingsStore.setValue("feature_user_status", null, SettingLevel.DEVICE, true);
+        vi.mocked(client.doesServerSupportExtendedProfiles).mockResolvedValue(true);
+        vi.mocked(client.getExtendedProfileProperty).mockResolvedValue({ emoji: "🐎", text: "on a horse" });
+
+        render(<RoomHeader room={room} />, getWrapper());
+
+        expect(screen.queryByText("on a horse")).not.toBeInTheDocument();
+        expect(client.doesServerSupportExtendedProfiles).not.toHaveBeenCalled();
+    });
+
+    it("shows a history icon if the room is encrypted and has shared history", async () => {
+        vi.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 },
+        );
+
+        render(<RoomHeader room={room} />, getWrapper());
+        await waitFor(() => expect(getByLabelText(document.body, "New members see history")).toBeVisible());
+    });
+
+    it("shows a user icon if the room is encrypted and has world readable history", async () => {
+        vi.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 },
+        );
+
+        render(<RoomHeader room={room} />, getWrapper());
+        await waitFor(() => expect(getByLabelText(document.body, "Anyone can see history")).toBeVisible());
+    });
+
+    describe("dm", () => {
+        beforeEach(() => {
+            // Make the mocked room a DM
+            vi.mocked(DMRoomMap.shared().getUserIdForRoomId).mockImplementation((roomId) => {
+                if (roomId === room.roomId) return "@user:example.com";
+            });
+            room.getMember = vi.fn((userId) => new RoomMember(room.roomId, userId));
+            room.getJoinedMembers = vi.fn().mockReturnValue([
+                {
+                    userId: "@me:example.org",
+                    name: "Member",
+                    rawDisplayName: "Member",
+                    roomId: room.roomId,
+                    membership: KnownMembership.Join,
+                    getAvatarUrl: () => "mxc://avatar.url/image.png",
+                    getMxcAvatarUrl: () => "mxc://avatar.url/image.png",
+                },
+                {
+                    userId: "@bob:example.org",
+                    name: "Other Member",
+                    rawDisplayName: "Other Member",
+                    roomId: room.roomId,
+                    membership: KnownMembership.Join,
+                    getAvatarUrl: () => "mxc://avatar.url/image.png",
+                    getMxcAvatarUrl: () => "mxc://avatar.url/image.png",
+                },
+            ]);
+        });
+
+        afterEach(() => {
+            SdkConfig.reset();
+        });
+
+        it.each([
+            [ShieldUtils.E2EStatus.Verified, "Verified"],
+            [ShieldUtils.E2EStatus.Warning, "Untrusted"],
+        ])("shows the %s icon", async (value: ShieldUtils.E2EStatus, expectedLabel: string) => {
+            vi.spyOn(ShieldUtils, "shieldStatusForRoom").mockResolvedValue(value);
+
+            render(<RoomHeader room={room} />, getWrapper());
+
+            await waitFor(() => expect(getByLabelText(document.body, expectedLabel)).toBeInTheDocument());
+        });
+
+        it("shows the user status", async () => {
+            await SettingsStore.setValue("feature_user_status", null, SettingLevel.DEVICE, true);
+            vi.mocked(client.doesServerSupportExtendedProfiles).mockResolvedValue(true);
+            vi.mocked(client.getExtendedProfileProperty).mockResolvedValue({ emoji: "🐎", text: "on a horse" });
+
+            render(<RoomHeader room={room} />, getWrapper());
+
+            await waitFor(() => expect(screen.getByText("on a horse")).toBeInTheDocument());
+            expect(screen.getByText("🐎")).toBeInTheDocument();
+        });
+
+        it("updates user status when it changes", async () => {
+            await SettingsStore.setValue("feature_user_status", null, SettingLevel.DEVICE, true);
+            vi.mocked(client.doesServerSupportExtendedProfiles).mockResolvedValue(true);
+            vi.mocked(client.getExtendedProfileProperty).mockResolvedValue({ emoji: "🐎", text: "on a horse" });
+
+            render(<RoomHeader room={room} />, getWrapper());
+
+            vi.mocked(client.getExtendedProfileProperty).mockResolvedValue({ emoji: "🐴", text: "is a horse" });
+            client.emit(ClientEvent.UserProfileUpdate, "@bob:example.org", { emoji: "🐴", text: "is a horse" });
+
+            await waitFor(() => expect(screen.getByText("is a horse")).toBeInTheDocument());
+            expect(screen.getByText("🐴")).toBeInTheDocument();
+        });
+
+        it("does not show the user status when the feature is disabled", async () => {
+            await SettingsStore.setValue("feature_user_status", null, SettingLevel.DEVICE, false);
+            vi.mocked(client.doesServerSupportExtendedProfiles).mockResolvedValue(true);
+            vi.mocked(client.getExtendedProfileProperty).mockResolvedValue({ emoji: "🐎", text: "on a horse" });
+
+            render(<RoomHeader room={room} />, getWrapper());
+
+            expect(screen.queryByText("on a horse")).not.toBeInTheDocument();
+            expect(client.doesServerSupportExtendedProfiles).not.toHaveBeenCalled();
+        });
+
+        it("does not show the face pile for DMs", () => {
+            SdkConfig.put({
+                features: {
+                    feature_notifications: false,
+                },
+            });
+            const { asFragment } = render(<RoomHeader room={room} />, getWrapper());
+
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("updates the icon when the encryption status changes", async () => {
+            // The room starts verified
+            vi.spyOn(ShieldUtils, "shieldStatusForRoom").mockResolvedValue(ShieldUtils.E2EStatus.Verified);
+            render(<RoomHeader room={room} />, getWrapper());
+            await waitFor(() => expect(getByLabelText(document.body, "Verified")).toBeInTheDocument());
+
+            // A new member joins, and the room becomes unverified
+            vi.spyOn(ShieldUtils, "shieldStatusForRoom").mockResolvedValue(ShieldUtils.E2EStatus.Warning);
+            act(() => {
+                room.emit(
+                    RoomStateEvent.Members,
+                    new MatrixEvent({
+                        event_id: "$event_id",
+                        type: EventType.RoomMember,
+                        state_key: "@alice:example.org",
+                        content: {
+                            membership: "join",
+                        },
+                        room_id: ROOM_ID,
+                        sender: "@alice:example.org",
+                    }),
+                    room.currentState,
+                    new RoomMember(room.roomId, "@alice:example.org"),
+                );
+            });
+            await waitFor(() => expect(getByLabelText(document.body, "Untrusted")).toBeInTheDocument());
+
+            // The user becomes verified
+            vi.spyOn(ShieldUtils, "shieldStatusForRoom").mockResolvedValue(ShieldUtils.E2EStatus.Verified);
+            act(() => {
+                MatrixClientPeg.get()!.emit(
+                    CryptoEvent.UserTrustStatusChanged,
+                    "@alice:example.org",
+                    new UserVerificationStatus(true, true, true, false),
+                );
+            });
+            await waitFor(() => expect(getByLabelText(document.body, "Verified")).toBeInTheDocument());
+
+            // An unverified device is added
+            vi.spyOn(ShieldUtils, "shieldStatusForRoom").mockResolvedValue(ShieldUtils.E2EStatus.Warning);
+            act(() => {
+                MatrixClientPeg.get()!.emit(CryptoEvent.DevicesUpdated, ["@alice:example.org"], false);
+            });
+            await waitFor(() => expect(getByLabelText(document.body, "Untrusted")).toBeInTheDocument());
+        });
+    });
+
+    it("renders legacy additionalButtons", async () => {
+        const additionalButtons: ViewRoomOpts["buttons"] = [
+            {
+                icon: () => <>test-icon</>,
+                id: "test-id",
+                label: () => "test-label",
+                onClick: () => {},
+            },
+        ];
+        render(<RoomHeader room={room} legacyAdditionalButtons={additionalButtons} />, getWrapper());
+        expect(screen.getByRole("button", { name: "test-label" })).toBeInTheDocument();
+    });
+
+    it("calls onClick-callback on legacyAdditionalButtons", () => {
+        const callback = vi.fn();
+        const additionalButtons: ViewRoomOpts["buttons"] = [
+            {
+                icon: () => <>test-icon</>,
+                id: "test-id",
+                label: () => "test-label",
+                onClick: callback,
+            },
+        ];
+
+        render(<RoomHeader room={room} legacyAdditionalButtons={additionalButtons} />, getWrapper());
+
+        const button = screen.getByRole("button", { name: "test-label" });
+        const event = createEvent.click(button);
+        event.stopPropagation = vi.fn();
+        fireEvent(button, event);
+
+        expect(callback).toHaveBeenCalled();
+        expect(event.stopPropagation).toHaveBeenCalled();
+    });
+
+    describe("ask to join disabled", () => {
+        it("does not render the RoomKnocksBar", () => {
+            render(<RoomHeader room={room} />, getWrapper());
+            expect(screen.queryByRole("heading", { name: "Asking to join" })).not.toBeInTheDocument();
+        });
+    });
+
+    describe("ask to join enabled", () => {
+        it("does render the RoomKnocksBar", async () => {
+            await SettingsStore.setValue("feature_ask_to_join", null, SettingLevel.DEVICE, true);
+            vi.spyOn(room, "canInvite").mockReturnValue(true);
+            vi.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Knock);
+            vi.spyOn(room, "getMembersWithMembership").mockReturnValue([new RoomMember(room.roomId, "@foo")]);
+
+            render(<RoomHeader room={room} />, getWrapper());
+            expect(screen.getByRole("heading", { name: "Asking to join" })).toBeInTheDocument();
+        });
+    });
+
+    it("should open room settings when clicking the room avatar", async () => {
+        const user = userEvent.setup();
+        render(<RoomHeader room={room} />, getWrapper());
+
+        const dispatcherSpy = vi.spyOn(dispatcher, "dispatch");
+        await user.click(getByLabelText(document.body, "Open room settings"));
+        expect(dispatcherSpy).toHaveBeenCalledWith(expect.objectContaining({ action: "open_room_settings" }));
+    });
+});
+
+/**
+ * Creates a mock Call object with stable participants to prevent React dependency errors
+ */
+function createMockCall(
+    roomId: string = "!1:example.org",
+    participantCount: number = 0,
+    callType: CallType = CallType.Video,
+    isElementCall: boolean = false,
+): Call {
+    const participants = new Map();
+
+    // Create mock participants with devices
+    for (let i = 0; i < participantCount; i++) {
+        const mockMember = {
+            userId: `@user-${i}:example.org`,
+            name: `Member ${i}`,
+        } as RoomMember;
+
+        const deviceSet = new Set([`device-${i}`]);
+        participants.set(mockMember, deviceSet);
+    }
+
+    return {
+        roomId,
+        participants,
+        widget: { id: "test-widget", type: isElementCall ? "m.call" : undefined },
+        connectionState: "disconnected",
+        callType,
+        on: vi.fn(),
+        off: vi.fn(),
+        emit: vi.fn(),
+    } as unknown as Call;
+}
+
+/**
+ *
+ * @param count the number of users to create
+ */
+function mockRoomMembers(room: Room, count: number) {
+    const members = Array(count)
+        .fill(0)
+        .map((_, index) => ({
+            userId: `@user-${index}:example.org`,
+            name: `Member ${index}`,
+            rawDisplayName: `Member ${index}`,
+            roomId: room.roomId,
+            membership: KnownMembership.Join,
+            getAvatarUrl: () => `mxc://avatar.url/user-${index}.png`,
+            getMxcAvatarUrl: () => `mxc://avatar.url/user-${index}.png`,
+        }));
+
+    room.currentState.setJoinedMemberCount(members.length);
+    room.getJoinedMembers = vi.fn().mockReturnValue(members);
+}
diff --git a/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.tsx b/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.tsx
new file mode 100644
index 00000000000..8353d3aa0d2
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.tsx
@@ -0,0 +1,556 @@
+/*
+Copyright (C) 2025 Element Creations Ltd
+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 JSX, useCallback, useContext, useState } from "react";
+import { Text, Button, IconButton, Menu, MenuItem, Tooltip } from "@vector-im/compound-web";
+import VideoCallIcon from "@vector-im/compound-design-tokens/assets/web/icons/video-call-solid";
+import VoiceCallIcon from "@vector-im/compound-design-tokens/assets/web/icons/voice-call-solid";
+import CloseCallIcon from "@vector-im/compound-design-tokens/assets/web/icons/close";
+import ThreadsIcon from "@vector-im/compound-design-tokens/assets/web/icons/threads-solid";
+import RoomInfoIcon from "@vector-im/compound-design-tokens/assets/web/icons/info-solid";
+import NotificationsIcon from "@vector-im/compound-design-tokens/assets/web/icons/notifications-solid";
+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 { 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, StatusTextView } 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";
+import { useRoomMemberCount, useRoomMembers } from "../../../../hooks/useRoomMembers.ts";
+import { _t } from "../../../../languageHandler";
+import { getPlatformCallTypeProps, useRoomCall } from "../../../../hooks/room/useRoomCall";
+import { useRoomThreadNotifications } from "../../../../hooks/room/useRoomThreadNotifications.ts";
+import { useGlobalNotificationState } from "../../../../hooks/useGlobalNotificationState.ts";
+import { useFeatureEnabled } from "../../../../hooks/useSettings.ts";
+import { useEncryptionStatus } from "../../../../hooks/useEncryptionStatus.ts";
+import { E2EStatus } from "../../../../utils/ShieldUtils.ts";
+import FacePile from "../../elements/FacePile.tsx";
+import { useRoomState } from "../../../../hooks/useRoomState.ts";
+import RoomAvatar from "../../avatars/RoomAvatar.tsx";
+import { formatCount } from "../../../../utils/FormattingUtils.ts";
+import PosthogTrackers from "../../../../PosthogTrackers.ts";
+import { VideoRoomChatButton } from "./VideoRoomChatButton.tsx";
+import { RoomKnocksBar } from "../RoomKnocksBar.tsx";
+import { isVideoRoom as calcIsVideoRoom } from "../../../../utils/video-rooms.ts";
+import { notificationLevelToIndicator } from "../../../../utils/notifications.ts";
+import { CallGuestLinkButton } from "./CallGuestLinkButton.tsx";
+import { type ButtonEvent } from "../../elements/AccessibleButton.tsx";
+import WithPresenceIndicator, { useDmMember } from "../../avatars/WithPresenceIndicator.tsx";
+import { type IOOBData } from "../../../../stores/ThreepidInviteStore.ts";
+import { MainSplitContentType } from "../../../../contexts/RoomContext.ts";
+import defaultDispatcher from "../../../../dispatcher/dispatcher.ts";
+import { RoomSettingsTab } from "../../dialogs/RoomSettingsDialog-tab";
+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";
+import { useUserStatus } from "../../../../hooks/useUserStatus.ts";
+import { SDKContext } from "../../../../contexts/SDKContext.ts";
+
+function RoomHeaderButtons({
+    room,
+    legacyAdditionalButtons,
+    extraButtons,
+}: {
+    room: Room;
+    legacyAdditionalButtons?: ViewRoomOpts["buttons"];
+    extraButtons?: JSX.Element;
+}): JSX.Element {
+    const sdkContext = useContext(SDKContext);
+    const members = useRoomMembers(room, 2500);
+    const memberCount = useRoomMemberCount(room, { throttleWait: 2500, includeInvited: true });
+
+    const {
+        voiceCallDisabledReason,
+        voiceCallClick,
+        videoCallDisabledReason,
+        videoCallClick,
+        toggleCallMaximized: toggleCall,
+        isViewingCall,
+        isConnectedToCall,
+        activeCallSessionType,
+        callOptions,
+        showVoiceCallButton,
+        showVideoCallButton,
+    } = useRoomCall(room);
+    const threadNotifications = useRoomThreadNotifications(room);
+    const globalNotificationState = useGlobalNotificationState();
+
+    const dmMember = useDmMember(room);
+    const isDirectMessage = !!dmMember;
+
+    const notificationsEnabled = useFeatureEnabled("feature_notifications");
+
+    const videoClick = useCallback(
+        (ev: React.MouseEvent) => videoCallClick(ev, callOptions[0]),
+        [callOptions, videoCallClick],
+    );
+
+    const voiceClick = useCallback(
+        (ev: React.MouseEvent) => voiceCallClick(ev, callOptions[0]),
+        [callOptions, voiceCallClick],
+    );
+
+    const toggleCallButton = (
+        <Tooltip label={isViewingCall ? _t("voip|minimise_call") : _t("voip|maximise_call")}>
+            <IconButton onClick={toggleCall}>
+                <VideoCallIcon />
+            </IconButton>
+        </Tooltip>
+    );
+
+    const joinCallButton = (
+        <Tooltip
+            description={
+                videoCallDisabledReason ??
+                (activeCallSessionType === CallType.Voice ? _t("voip|voice_call") : _t("voip|video_call"))
+            }
+        >
+            <Button
+                size="md"
+                onClick={activeCallSessionType === CallType.Video ? videoClick : voiceClick}
+                // If we know this is a voice session, show the voice call. All other kinds of call are video calls.
+                Icon={activeCallSessionType === CallType.Voice ? VoiceCallIcon : VideoCallIcon}
+                className="mx_RoomHeader_join_button"
+                disabled={!!videoCallDisabledReason}
+                color="primary"
+                aria-label={
+                    videoCallDisabledReason ??
+                    (activeCallSessionType === CallType.Voice
+                        ? _t("room|header|join_voice_call")
+                        : _t("room|header|join_video_call"))
+                }
+                data-testId="join-call-button"
+            >
+                {_t("action|join")}
+            </Button>
+        </Tooltip>
+    );
+
+    const videoCallIconWithTooltip = (
+        <Tooltip label={videoCallDisabledReason ?? _t("voip|video_call")}>
+            <VideoCallIcon />
+        </Tooltip>
+    );
+
+    const voiceCallIconWithTooltip = (
+        <Tooltip label={videoCallDisabledReason ?? _t("voip|voice_call")}>
+            <VoiceCallIcon />
+        </Tooltip>
+    );
+
+    const [videoMenuOpen, setVideoMenuOpen] = useState(false);
+
+    const onVideoOpenChange = useCallback(
+        (newOpen: boolean) => {
+            if (!videoCallDisabledReason) setVideoMenuOpen(newOpen);
+        },
+        [videoCallDisabledReason],
+    );
+
+    const [voiceMenuOpen, setVoiceMenuOpen] = useState(false);
+
+    const onVoiceOpenChange = useCallback(
+        (newOpen: boolean) => {
+            if (!voiceCallDisabledReason) setVoiceMenuOpen(newOpen);
+        },
+        [voiceCallDisabledReason],
+    );
+
+    const startVideoCallButton = (
+        <>
+            {/* Can be either a menu or just a button depending on the number of call options.*/}
+            {callOptions.length > 1 ? (
+                <Menu
+                    open={videoMenuOpen}
+                    onOpenChange={onVideoOpenChange}
+                    title={_t("voip|video_call_using")}
+                    trigger={
+                        <IconButton
+                            disabled={!!videoCallDisabledReason}
+                            aria-label={videoCallDisabledReason ?? _t("voip|video_call")}
+                        >
+                            {videoCallIconWithTooltip}
+                        </IconButton>
+                    }
+                    side="left"
+                    align="start"
+                >
+                    {callOptions.map((option) => {
+                        const { label, children } = getPlatformCallTypeProps(option);
+                        return (
+                            <MenuItem
+                                key={option}
+                                label={label}
+                                aria-label={label}
+                                children={children}
+                                className="mx_RoomHeader_videoCallOption"
+                                onClick={(ev) => {
+                                    setVideoMenuOpen(false);
+                                    videoCallClick(ev, option);
+                                }}
+                                Icon={VideoCallIcon}
+                                onSelect={() => {} /* Dummy handler since we want the click event.*/}
+                            />
+                        );
+                    })}
+                </Menu>
+            ) : (
+                <IconButton
+                    disabled={!!videoCallDisabledReason}
+                    aria-label={videoCallDisabledReason ?? _t("voip|video_call")}
+                    onClick={videoClick}
+                >
+                    {videoCallIconWithTooltip}
+                </IconButton>
+            )}
+        </>
+    );
+    const startVoiceCallButton = (
+        <>
+            {/* Can be either a menu or just a button depending on the number of call options.*/}
+            {callOptions.length > 1 ? (
+                <Menu
+                    open={voiceMenuOpen}
+                    onOpenChange={onVoiceOpenChange}
+                    title={_t("voip|voice_call_using")}
+                    trigger={
+                        <IconButton
+                            disabled={!!voiceCallDisabledReason}
+                            aria-label={voiceCallDisabledReason ?? _t("voip|voice_call")}
+                        >
+                            {voiceCallIconWithTooltip}
+                        </IconButton>
+                    }
+                    side="left"
+                    align="start"
+                >
+                    {callOptions.map((option) => {
+                        const { label, children } = getPlatformCallTypeProps(option);
+                        return (
+                            <MenuItem
+                                key={option}
+                                label={label}
+                                aria-label={label}
+                                children={children}
+                                className="mx_RoomHeader_videoCallOption"
+                                onClick={(ev) => {
+                                    setVoiceMenuOpen(false);
+                                    voiceCallClick(ev, option);
+                                }}
+                                Icon={VoiceCallIcon}
+                                onSelect={() => {} /* Dummy handler since we want the click event.*/}
+                            />
+                        );
+                    })}
+                </Menu>
+            ) : (
+                <IconButton
+                    disabled={!!voiceCallDisabledReason}
+                    aria-label={voiceCallDisabledReason ?? _t("voip|voice_call")}
+                    onClick={voiceClick}
+                >
+                    {voiceCallIconWithTooltip}
+                </IconButton>
+            )}
+        </>
+    );
+
+    const closeLobbyButton = (
+        <Tooltip label={_t("voip|close_lobby")}>
+            <IconButton onClick={toggleCall}>
+                <CloseCallIcon />
+            </IconButton>
+        </Tooltip>
+    );
+    let videoCallButton: JSX.Element | undefined = startVideoCallButton;
+    let voiceCallButton: JSX.Element | undefined = startVoiceCallButton;
+    if (isConnectedToCall) {
+        videoCallButton = toggleCallButton;
+        voiceCallButton = undefined;
+    } else if (isViewingCall) {
+        videoCallButton = closeLobbyButton;
+        voiceCallButton = undefined;
+    }
+
+    if (!showVideoCallButton) {
+        videoCallButton = undefined;
+    }
+
+    if (!showVoiceCallButton) {
+        voiceCallButton = undefined;
+    }
+
+    const roomContext = useScopedRoomContext("mainSplitContentType");
+    const isVideoRoom = calcIsVideoRoom(room);
+    const showChatButton =
+        isVideoRoom ||
+        roomContext.mainSplitContentType === MainSplitContentType.MaximisedWidget ||
+        roomContext.mainSplitContentType === MainSplitContentType.Call;
+    return (
+        <>
+            {extraButtons}
+
+            {legacyAdditionalButtons?.map((props) => {
+                const label = props.label();
+
+                return (
+                    <Tooltip label={label} key={props.id}>
+                        <IconButton
+                            aria-label={label}
+                            onClick={(event) => {
+                                event.stopPropagation();
+                                props.onClick();
+                            }}
+                        >
+                            {typeof props.icon === "function" ? props.icon() : props.icon}
+                        </IconButton>
+                    </Tooltip>
+                );
+            })}
+
+            {isViewingCall && <CallGuestLinkButton room={room} />}
+
+            {activeCallSessionType && !isConnectedToCall && !isViewingCall ? (
+                joinCallButton
+            ) : (
+                <>
+                    {!isVideoRoom && videoCallButton}
+                    {!isVideoRoom && voiceCallButton}
+                </>
+            )}
+
+            {showChatButton && <VideoRoomChatButton room={room} />}
+
+            <Tooltip label={_t("common|threads")}>
+                <IconButton
+                    indicator={notificationLevelToIndicator(threadNotifications)}
+                    onClick={(evt) => {
+                        evt.stopPropagation();
+                        sdkContext.rightPanelStore.showOrHidePhase(RightPanelPhases.ThreadPanel);
+                        PosthogTrackers.trackInteraction("WebRoomHeaderButtonsThreadsButton", evt);
+                    }}
+                    aria-label={_t("common|threads")}
+                >
+                    <ToggleableIcon Icon={ThreadsIcon} phase={RightPanelPhases.ThreadPanel} />
+                </IconButton>
+            </Tooltip>
+            {notificationsEnabled && (
+                <Tooltip label={_t("notifications|enable_prompt_toast_title")}>
+                    <IconButton
+                        indicator={notificationLevelToIndicator(globalNotificationState.level)}
+                        onClick={(evt) => {
+                            evt.stopPropagation();
+                            sdkContext.rightPanelStore.showOrHidePhase(RightPanelPhases.NotificationPanel);
+                        }}
+                        aria-label={_t("notifications|enable_prompt_toast_title")}
+                    >
+                        <ToggleableIcon Icon={NotificationsIcon} phase={RightPanelPhases.NotificationPanel} />
+                    </IconButton>
+                </Tooltip>
+            )}
+
+            <Tooltip label={_t("right_panel|room_summary_card|title")}>
+                <IconButton
+                    onClick={(evt) => {
+                        evt.stopPropagation();
+                        sdkContext.rightPanelStore.showOrHidePhase(RightPanelPhases.RoomSummary);
+                    }}
+                    aria-label={_t("right_panel|room_summary_card|title")}
+                >
+                    <ToggleableIcon Icon={RoomInfoIcon} phase={RightPanelPhases.RoomSummary} />
+                </IconButton>
+            </Tooltip>
+
+            {!isDirectMessage && (
+                <Text as="div" size="sm" weight="medium">
+                    <FacePile
+                        className="mx_RoomHeader_members"
+                        members={members.slice(0, 3)}
+                        size="20px"
+                        overflow={false}
+                        viewUserOnClick={false}
+                        tooltipLabel={_t("room|header_face_pile_tooltip")}
+                        onClick={(e: ButtonEvent) => {
+                            sdkContext.rightPanelStore.showOrHidePhase(RightPanelPhases.MemberList);
+                            e.stopPropagation();
+                        }}
+                        aria-label={_t("common|n_members", { count: memberCount })}
+                    >
+                        {formatCount(memberCount)}
+                    </FacePile>
+                </Text>
+            )}
+        </>
+    );
+}
+
+/** 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,
+    extraButtons,
+    legacyAdditionalButtons,
+    oobData,
+}: {
+    room: Room | LocalRoom;
+    // Extra buttons added by a new element web module API module
+    extraButtons?: JSX.Element;
+    // DEPRECATED: Buttons added by a legacy react-sdk module API module.
+    legacyAdditionalButtons?: ViewRoomOpts["buttons"];
+    oobData?: IOOBData;
+}): JSX.Element {
+    const sdkContext = useContext(SDKContext);
+    const roomName = useRoomName(room);
+    const joinRule = useRoomState(room, (state) => state.getJoinRule());
+    const historyVisibility = useRoomState(room, (state) => state.getHistoryVisibility());
+    const dmMember = useDmMember(room);
+    const isDirectMessage = !!dmMember;
+    const dmUserStatus = useUserStatus(dmMember?.userId);
+    const isRoomEncrypted = useIsEncrypted(sdkContext.client!, room);
+    const e2eStatus = useEncryptionStatus(sdkContext.client!, room);
+    const askToJoinEnabled = useFeatureEnabled("feature_ask_to_join");
+    const onAvatarClick = (): void => {
+        defaultDispatcher.dispatch({
+            action: "open_room_settings",
+            initial_tab_id: RoomSettingsTab.General,
+        });
+    };
+
+    return (
+        <CurrentRightPanelPhaseContextProvider roomId={room.roomId}>
+            <Flex as="header" align="center" gap="var(--cpd-space-3x)" className="mx_RoomHeader light-panel">
+                <WithPresenceIndicator room={room}>
+                    {/* We hide this from the tabIndex list as it is a pointer shortcut and superfluous for a11y */}
+                    {/* Disable on-click actions until the room is created */}
+                    <RoomAvatar
+                        room={room}
+                        size="40px"
+                        oobData={oobData}
+                        onClick={room instanceof LocalRoom ? undefined : onAvatarClick}
+                        tabIndex={-1}
+                        aria-label={_t("room|header_avatar_open_settings_label")}
+                    />
+                </WithPresenceIndicator>
+                {/* Disable on-click actions until the room is created */}
+                <button
+                    aria-label={_t("right_panel|room_summary_card|title")}
+                    tabIndex={0}
+                    onClick={
+                        room instanceof LocalRoom
+                            ? undefined
+                            : () => sdkContext.rightPanelStore.showOrHidePhase(RightPanelPhases.RoomSummary)
+                    }
+                    className="mx_RoomHeader_infoWrapper"
+                    type="button"
+                >
+                    <Box flex="1" className="mx_RoomHeader_info">
+                        <Text
+                            as="div"
+                            size="lg"
+                            weight="semibold"
+                            dir="auto"
+                            role="heading"
+                            aria-level={1}
+                            className="mx_RoomHeader_heading"
+                        >
+                            <span className="mx_RoomHeader_truncated mx_lineClamp">{roomName}</span>
+
+                            {isDirectMessage && dmUserStatus && (
+                                <StatusTextView status={dmUserStatus} className="mx_RoomHeader_userStatus" />
+                            )}
+
+                            {!isDirectMessage && joinRule === JoinRule.Public && (
+                                <Tooltip label={_t("common|public_room")} placement="right">
+                                    <PublicIcon
+                                        width="16px"
+                                        height="16px"
+                                        className="mx_RoomHeader_icon"
+                                        color="var(--cpd-color-icon-info-primary)"
+                                        aria-label={_t("common|public_room")}
+                                    />
+                                </Tooltip>
+                            )}
+
+                            {isDirectMessage && e2eStatus === E2EStatus.Verified && (
+                                <Tooltip label={_t("common|verified")} placement="right">
+                                    <VerifiedIcon
+                                        width="16px"
+                                        height="16px"
+                                        className="mx_RoomHeader_icon mx_Verified"
+                                        aria-label={_t("common|verified")}
+                                    />
+                                </Tooltip>
+                            )}
+
+                            {isDirectMessage && e2eStatus === E2EStatus.Warning && (
+                                <Tooltip label={_t("room|header_untrusted_label")} placement="right">
+                                    <ErrorIcon
+                                        width="16px"
+                                        height="16px"
+                                        className="mx_RoomHeader_icon mx_Untrusted"
+                                        aria-label={_t("room|header_untrusted_label")}
+                                    />
+                                </Tooltip>
+                            )}
+
+                            {isRoomEncrypted && historyVisibilityIcon(historyVisibility)}
+                        </Text>
+                    </Box>
+                </button>
+                {/* If the room is local-only then we don't want to show any additional buttons, as it won't work */}
+                {room instanceof LocalRoom === false && (
+                    <RoomHeaderButtons
+                        room={room}
+                        legacyAdditionalButtons={legacyAdditionalButtons}
+                        extraButtons={extraButtons}
+                    />
+                )}
+            </Flex>
+            {askToJoinEnabled && <RoomKnocksBar room={room} />}
+        </CurrentRightPanelPhaseContextProvider>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/RoomHeader/VideoRoomChatButton.test.tsx b/apps/web/src/components/views/rooms/RoomHeader/VideoRoomChatButton.test.tsx
new file mode 100644
index 00000000000..7aed2699919
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomHeader/VideoRoomChatButton.test.tsx
@@ -0,0 +1,128 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach, type MockedObject } from "vitest";
+import React from "react";
+import { Room } from "matrix-js-sdk/src/matrix";
+import { fireEvent, render, screen, waitFor } from "test-utils-rtl";
+import { getMockClientWithEventEmitter, mockClientMethodsUser, TestSDKContext } from "test-utils";
+
+import { VideoRoomChatButton } from "./VideoRoomChatButton";
+import { SDKContext } from "../../../../contexts/SDKContext";
+import type RightPanelStore from "../../../../stores/right-panel/RightPanelStore";
+import { RoomNotificationState } from "../../../../stores/notifications/RoomNotificationState";
+import { NotificationLevel } from "../../../../stores/notifications/NotificationLevel";
+import { NotificationStateEvents } from "../../../../stores/notifications/NotificationState";
+import { RightPanelPhases } from "../../../../stores/right-panel/RightPanelStorePhases";
+
+describe("<VideoRoomChatButton />", () => {
+    const roomId = "!room:server.org";
+    let sdkContext!: TestSDKContext;
+    let rightPanelStore!: MockedObject<RightPanelStore>;
+
+    /**
+     * Create a room using mocked client
+     * And mock isElementVideoRoom
+     */
+    const makeRoom = (isVideoRoom = true): Room => {
+        const room = new Room(roomId, sdkContext.client!, sdkContext.client!.getSafeUserId());
+        vi.spyOn(room, "isElementVideoRoom").mockReturnValue(isVideoRoom);
+        // stub
+        vi.spyOn(room, "getPendingEvents").mockReturnValue([]);
+        return room;
+    };
+
+    const mockRoomNotificationState = (room: Room, level: NotificationLevel): RoomNotificationState => {
+        const roomNotificationState = new RoomNotificationState(room, false);
+
+        // @ts-ignore ugly mocking
+        roomNotificationState._level = level;
+        vi.spyOn(sdkContext.roomNotificationStateStore, "getRoomState").mockReturnValue(roomNotificationState);
+        return roomNotificationState;
+    };
+
+    const getComponent = (room: Room) =>
+        render(<VideoRoomChatButton room={room} />, {
+            wrapper: ({ children }) => <SDKContext.Provider value={sdkContext}>{children}</SDKContext.Provider>,
+        });
+
+    beforeEach(() => {
+        const client = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(),
+        });
+        rightPanelStore = {
+            showOrHidePhase: vi.fn(),
+        } as unknown as MockedObject<RightPanelStore>;
+        sdkContext = new TestSDKContext();
+        sdkContext._client = client;
+        vi.spyOn(sdkContext, "rightPanelStore", "get").mockReturnValue(rightPanelStore);
+    });
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("toggles timeline in right panel on click", () => {
+        const room = makeRoom();
+        getComponent(room);
+
+        fireEvent.click(screen.getByRole("button", { name: "Chat" }));
+
+        expect(sdkContext.rightPanelStore.showOrHidePhase).toHaveBeenCalledWith(RightPanelPhases.Timeline);
+    });
+
+    it("renders button with an unread marker when room is unread", () => {
+        const room = makeRoom();
+        mockRoomNotificationState(room, NotificationLevel.Activity);
+        getComponent(room);
+
+        // snapshot includes `data-indicator` attribute
+        expect(screen.getByRole("button", { name: "Chat" })).toMatchSnapshot();
+        expect(screen.getByRole("button", { name: "Chat" }).hasAttribute("data-indicator")).toBeTruthy();
+    });
+
+    it("adds unread marker when room notification state changes to unread", async () => {
+        const room = makeRoom();
+        // start in read state
+        const notificationState = mockRoomNotificationState(room, NotificationLevel.None);
+        getComponent(room);
+
+        // no unread marker
+        expect(screen.getByRole("button", { name: "Chat" }).hasAttribute("data-indicator")).toBeFalsy();
+
+        // @ts-ignore ugly mocking
+        notificationState._level = NotificationLevel.Highlight;
+        notificationState.emit(NotificationStateEvents.Update);
+
+        // unread marker
+        await waitFor(() =>
+            expect(screen.getByRole("button", { name: "Chat" }).hasAttribute("data-indicator")).toBeTruthy(),
+        );
+    });
+
+    it("clears unread marker when room notification state changes to read", async () => {
+        const room = makeRoom();
+        // start in unread state
+        const notificationState = mockRoomNotificationState(room, NotificationLevel.Highlight);
+        getComponent(room);
+
+        // unread marker
+        expect(screen.getByRole("button", { name: "Chat" }).hasAttribute("data-indicator")).toBeTruthy();
+
+        // @ts-ignore ugly mocking
+        notificationState._level = NotificationLevel.None;
+        notificationState.emit(NotificationStateEvents.Update);
+
+        // unread marker cleared
+        await waitFor(() =>
+            expect(screen.getByRole("button", { name: "Chat" }).hasAttribute("data-indicator")).toBeFalsy(),
+        );
+    });
+});
diff --git a/apps/web/src/components/views/rooms/RoomHeader/VideoRoomChatButton.tsx b/apps/web/src/components/views/rooms/RoomHeader/VideoRoomChatButton.tsx
new file mode 100644
index 00000000000..792b2903dfe
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomHeader/VideoRoomChatButton.tsx
@@ -0,0 +1,62 @@
+/*
+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, { useContext } from "react";
+import ChatIcon from "@vector-im/compound-design-tokens/assets/web/icons/chat-solid";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { IconButton, Tooltip } from "@vector-im/compound-web";
+
+import { _t } from "../../../../languageHandler";
+import { useEventEmitterState } from "../../../../hooks/useEventEmitter";
+import { NotificationStateEvents } from "../../../../stores/notifications/NotificationState";
+import { NotificationLevel } from "../../../../stores/notifications/NotificationLevel";
+import { RightPanelPhases } from "../../../../stores/right-panel/RightPanelStorePhases";
+import { SDKContext } from "../../../../contexts/SDKContext";
+import { type ButtonEvent } from "../../elements/AccessibleButton";
+import { ToggleableIcon } from "./toggle/ToggleableIcon";
+
+/**
+ * Display a button to toggle timeline for video rooms
+ * @param room
+ * @returns A button to toggle timeline in the right panel.
+ */
+export const VideoRoomChatButton: React.FC<{ room: Room }> = ({ room }) => {
+    const sdkContext = useContext(SDKContext);
+
+    const notificationState = sdkContext.roomNotificationStateStore.getRoomState(room);
+    const notificationColor = useEventEmitterState(
+        notificationState,
+        NotificationStateEvents.Update,
+        () => notificationState?.level,
+    );
+
+    const displayUnreadIndicator =
+        !!notificationColor &&
+        [NotificationLevel.Activity, NotificationLevel.Notification, NotificationLevel.Highlight].includes(
+            notificationColor,
+        );
+
+    const onClick = (event: ButtonEvent): void => {
+        // stop event propagating up and triggering RoomHeader bar click
+        // which will open RoomSummary
+        event.stopPropagation();
+        sdkContext.rightPanelStore.showOrHidePhase(RightPanelPhases.Timeline);
+    };
+
+    return (
+        <Tooltip label={_t("right_panel|video_room_chat|title")}>
+            <IconButton
+                aria-label={_t("right_panel|video_room_chat|title")}
+                onClick={onClick}
+                indicator={displayUnreadIndicator ? "default" : undefined}
+            >
+                <ToggleableIcon Icon={ChatIcon} phase={RightPanelPhases.Timeline} />
+            </IconButton>
+        </Tooltip>
+    );
+};
diff --git a/apps/web/src/components/views/rooms/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap b/apps/web/src/components/views/rooms/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap
new file mode 100644
index 00000000000..f8c86405fdd
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap
@@ -0,0 +1,166 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`RoomHeader > dm > does not show the face pile for DMs 1`] = `
+<DocumentFragment>
+  <header
+    class="_flex_4dswl_9 mx_RoomHeader light-panel"
+    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;"
+  >
+    <button
+      aria-label="Open room settings"
+      aria-live="off"
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+      data-color="3"
+      data-testid="avatar-img"
+      data-type="round"
+      role="button"
+      style="--cpd-avatar-size: 40px;"
+      tabindex="-1"
+    >
+      !
+    </button>
+    <button
+      aria-label="Room info"
+      class="mx_RoomHeader_infoWrapper"
+      tabindex="0"
+      type="button"
+    >
+      <div
+        class="mx_RoomHeader_info _box-flex_1odfs_9"
+        style="--mx-box-flex: 1;"
+      >
+        <div
+          aria-level="1"
+          class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 mx_RoomHeader_heading"
+          dir="auto"
+          role="heading"
+        >
+          <span
+            class="mx_RoomHeader_truncated mx_lineClamp"
+          >
+            !1:example.org
+          </span>
+        </div>
+      </div>
+    </button>
+    <button
+      aria-disabled="false"
+      aria-expanded="false"
+      aria-haspopup="menu"
+      aria-label="Video call"
+      class="_icon-button_1215g_8"
+      data-kind="primary"
+      data-state="closed"
+      id="radix-react-use-id-1"
+      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-labelledby="react-use-id-2"
+          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>
+    </button>
+    <button
+      aria-disabled="false"
+      aria-expanded="false"
+      aria-haspopup="menu"
+      aria-label="Voice call"
+      class="_icon-button_1215g_8"
+      data-kind="primary"
+      data-state="closed"
+      id="radix-react-use-id-3"
+      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-labelledby="react-use-id-4"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          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>
+    </button>
+    <button
+      aria-label="Threads"
+      aria-labelledby="react-use-id-5"
+      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
+          class=""
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
+          />
+        </svg>
+      </div>
+    </button>
+    <button
+      aria-label="Room info"
+      aria-labelledby="react-use-id-6"
+      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
+          class=""
+          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 16v-4a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 12v4q0 .424.287.712.288.288.713.288m0-8q.424 0 .713-.287A.97.97 0 0 0 13 8a.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 8q0 .424.287.713Q11.576 9 12 9m0 13a9.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>
+    </button>
+  </header>
+</DocumentFragment>
+`;
diff --git a/apps/web/src/components/views/rooms/RoomHeader/__snapshots__/VideoRoomChatButton.test.tsx.snap b/apps/web/src/components/views/rooms/RoomHeader/__snapshots__/VideoRoomChatButton.test.tsx.snap
new file mode 100644
index 00000000000..1d293ffbc64
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomHeader/__snapshots__/VideoRoomChatButton.test.tsx.snap
@@ -0,0 +1,33 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<VideoRoomChatButton /> > renders button with an unread marker when room is unread 1`] = `
+<button
+  aria-label="Chat"
+  aria-labelledby="react-use-id-1"
+  class="_icon-button_1215g_8"
+  data-indicator="default"
+  data-kind="primary"
+  role="button"
+  style="--cpd-icon-button-size: 32px;"
+  tabindex="0"
+>
+  <div
+    class="_indicator-icon_147l5_17"
+    data-indicator="default"
+    style="--cpd-icon-button-size: 100%;"
+  >
+    <svg
+      class=""
+      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>
+</button>
+`;
diff --git a/apps/web/src/components/views/rooms/RoomHeader/toggle/ToggleableIcon.tsx b/apps/web/src/components/views/rooms/RoomHeader/toggle/ToggleableIcon.tsx
new file mode 100644
index 00000000000..72f4d6bb8c4
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomHeader/toggle/ToggleableIcon.tsx
@@ -0,0 +1,30 @@
+/*
+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 classNames from "classnames";
+
+import { type RightPanelPhases } from "../../../../../stores/right-panel/RightPanelStorePhases";
+import { useToggled } from "./useToggled";
+
+type Props = {
+    Icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    phase: RightPanelPhases;
+};
+
+/**
+ * Use this component for room header icons that toggle different right panel phases.
+ * Will add a class to the icon when the specified phase is on.
+ */
+export function ToggleableIcon({ Icon, phase }: Props): React.ReactElement {
+    const toggled = useToggled(phase);
+    const highlightClass = classNames({
+        mx_RoomHeader_toggled: toggled,
+    });
+
+    return <Icon className={highlightClass} />;
+}
diff --git a/apps/web/src/components/views/rooms/RoomHeader/toggle/useToggled.ts b/apps/web/src/components/views/rooms/RoomHeader/toggle/useToggled.ts
new file mode 100644
index 00000000000..3dedc555816
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomHeader/toggle/useToggled.ts
@@ -0,0 +1,23 @@
+/*
+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 { useContext } from "react";
+
+import { type RightPanelPhases } from "../../../../../stores/right-panel/RightPanelStorePhases";
+import { CurrentRightPanelPhaseContext } from "../../../../../contexts/CurrentRightPanelPhaseContext";
+
+/**
+ * Hook to easily track whether a given right panel phase is toggled on/off.
+ */
+export function useToggled(phase: RightPanelPhases): boolean {
+    const context = useContext(CurrentRightPanelPhaseContext);
+    if (!context) {
+        return false;
+    }
+    const { currentPhase, isPanelOpen } = context;
+    return !!(isPanelOpen && currentPhase === phase);
+}
diff --git a/apps/web/src/components/views/rooms/RoomInfoLine.tsx b/apps/web/src/components/views/rooms/RoomInfoLine.tsx
new file mode 100644
index 00000000000..c020076b943
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomInfoLine.tsx
@@ -0,0 +1,89 @@
+/*
+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 JSX, type FC, useContext } from "react";
+import { type Room, JoinRule, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { LockSolidIcon, VideoCallSolidIcon, PublicIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import { RightPanelPhases } from "../../../stores/right-panel/RightPanelStorePhases";
+import { useAsyncMemo } from "../../../hooks/useAsyncMemo";
+import { useRoomState } from "../../../hooks/useRoomState";
+import { useRoomMemberCount, useMyRoomMembership } from "../../../hooks/useRoomMembers";
+import AccessibleButton from "../elements/AccessibleButton";
+import { isVideoRoom as calcIsVideoRoom } from "../../../utils/video-rooms";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+interface IProps {
+    room: Room;
+}
+
+const RoomInfoLine: FC<IProps> = ({ room }) => {
+    const sdkContext = useContext(SDKContext);
+
+    // summary will begin as undefined whilst loading and go null if it fails to load or we are not invited.
+    const summary = useAsyncMemo(async (): Promise<Awaited<ReturnType<MatrixClient["getRoomSummary"]>> | null> => {
+        if (room.getMyMembership() !== KnownMembership.Invite) return null;
+        try {
+            return await room.client.getRoomSummary(room.roomId);
+        } catch {
+            return null;
+        }
+    }, [room]);
+    const joinRule = useRoomState(room, (state) => state.getJoinRule());
+    const membership = useMyRoomMembership(room);
+    const memberCount = useRoomMemberCount(room);
+
+    const isVideoRoom = calcIsVideoRoom(room);
+
+    let icon: JSX.Element;
+    let roomType: string;
+    if (isVideoRoom) {
+        icon = <VideoCallSolidIcon />;
+        roomType = _t("common|video_room");
+    } else if (joinRule === JoinRule.Public) {
+        icon = <PublicIcon />;
+        roomType = room.isSpaceRoom() ? _t("common|public_space") : _t("common|public_room");
+    } else {
+        icon = <LockSolidIcon />;
+        roomType = room.isSpaceRoom() ? _t("common|private_space") : _t("common|private_room");
+    }
+
+    let members: JSX.Element | undefined;
+    if (membership === KnownMembership.Invite && summary) {
+        // Don't trust local state and instead use the summary API
+        members = (
+            <span className="mx_RoomInfoLine_members">
+                {_t("common|n_members", { count: summary.num_joined_members })}
+            </span>
+        );
+    } else if (memberCount && summary !== undefined) {
+        // summary is not still loading
+        const viewMembers = (): void =>
+            sdkContext.rightPanelStore.setCard({
+                phase: RightPanelPhases.MemberList,
+            });
+
+        members = (
+            <AccessibleButton kind="link" className="mx_RoomInfoLine_members" onClick={viewMembers}>
+                {_t("common|n_members", { count: memberCount })}
+            </AccessibleButton>
+        );
+    }
+
+    return (
+        <div className="mx_RoomInfoLine">
+            {icon}
+            {roomType}
+            {members}
+        </div>
+    );
+};
+
+export default RoomInfoLine;
diff --git a/apps/web/src/components/views/rooms/RoomKnocksBar.tsx b/apps/web/src/components/views/rooms/RoomKnocksBar.tsx
new file mode 100644
index 00000000000..bada3f33a38
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomKnocksBar.tsx
@@ -0,0 +1,140 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Nordeck IT + Consulting GmbH
+
+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, JoinRule, type MatrixError, type Room, RoomStateEvent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import React, { type ReactElement, type ReactNode, useCallback, useState, type FC } from "react";
+import { CloseIcon, CheckIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import dis from "../../../dispatcher/dispatcher";
+import { useTypedEventEmitterState } from "../../../hooks/useEventEmitter";
+import { _t } from "../../../languageHandler";
+import Modal from "../../../Modal";
+import MemberAvatar from "../avatars/MemberAvatar";
+import ErrorDialog from "../dialogs/ErrorDialog";
+import { RoomSettingsTab } from "../dialogs/RoomSettingsDialog-tab";
+import AccessibleButton from "../elements/AccessibleButton";
+import Heading from "../typography/Heading";
+import { formatList } from "../../../utils/FormattingUtils";
+
+export const RoomKnocksBar: FC<{ room: Room }> = ({ room }) => {
+    const [disabled, setDisabled] = useState(false);
+    const knockMembers = useTypedEventEmitterState(
+        room,
+        RoomStateEvent.Update,
+        useCallback(() => room.getMembersWithMembership(KnownMembership.Knock), [room]),
+    );
+    const knockMembersCount = knockMembers.length;
+
+    if (room.getJoinRule() !== JoinRule.Knock || knockMembersCount === 0) return null;
+
+    const client = room.client;
+    const userId = client.getUserId() || "";
+    const canInvite = room.canInvite(userId);
+    const member = room.getMember(userId);
+    const state = room.getLiveTimeline().getState(EventTimeline.FORWARDS);
+    const canKick = member && state ? state.hasSufficientPowerLevelFor("kick", member.powerLevel) : false;
+
+    if (!canInvite && !canKick) return null;
+
+    const onError = (error: MatrixError): void => {
+        Modal.createDialog(ErrorDialog, { title: error.name, description: error.message });
+    };
+
+    const handleApprove = (userId: string): void => {
+        setDisabled(true);
+        client
+            .invite(room.roomId, userId)
+            .catch(onError)
+            .finally(() => setDisabled(false));
+    };
+
+    const handleDeny = (userId: string): void => {
+        setDisabled(true);
+        client
+            .kick(room.roomId, userId)
+            .catch(onError)
+            .finally(() => setDisabled(false));
+    };
+
+    const handleOpenRoomSettings = (): void =>
+        dis.dispatch({ action: "open_room_settings", room_id: room.roomId, initial_tab_id: RoomSettingsTab.People });
+
+    let buttons: ReactElement = (
+        <AccessibleButton
+            className="mx_RoomKnocksBar_action"
+            kind="primary"
+            onClick={handleOpenRoomSettings}
+            title={_t("action|view")}
+        >
+            {_t("action|view")}
+        </AccessibleButton>
+    );
+    let names = formatList(
+        knockMembers.map((knockMember) => knockMember.name),
+        3,
+        true,
+    );
+    let link: ReactNode = null;
+    if (knockMembersCount === 1) {
+        buttons = (
+            <>
+                <AccessibleButton
+                    className="mx_RoomKnocksBar_action"
+                    disabled={!canKick || disabled}
+                    kind="icon_primary_outline"
+                    onClick={() => handleDeny(knockMembers[0].userId)}
+                    title={_t("action|deny")}
+                >
+                    <CloseIcon width={18} height={18} />
+                </AccessibleButton>
+                <AccessibleButton
+                    className="mx_RoomKnocksBar_action"
+                    disabled={!canInvite || disabled}
+                    kind="icon_primary"
+                    onClick={() => handleApprove(knockMembers[0].userId)}
+                    title={_t("action|approve")}
+                >
+                    <CheckIcon width={18} height={18} />
+                </AccessibleButton>
+            </>
+        );
+        names = `${knockMembers[0].name} (${knockMembers[0].userId})`;
+        link = knockMembers[0].events.member?.getContent().reason && (
+            <AccessibleButton
+                className="mx_RoomKnocksBar_link"
+                element="a"
+                kind="link_inline"
+                onClick={handleOpenRoomSettings}
+            >
+                {_t("action|view_message")}
+            </AccessibleButton>
+        );
+    }
+
+    return (
+        <div className="mx_RoomKnocksBar">
+            {knockMembers.slice(0, 2).map((knockMember) => (
+                <MemberAvatar
+                    className="mx_RoomKnocksBar_avatar"
+                    key={knockMember.userId}
+                    member={knockMember}
+                    size="32px"
+                />
+            ))}
+            <div className="mx_RoomKnocksBar_content">
+                <Heading size="4">{_t("room|header|n_people_asking_to_join", { count: knockMembersCount })}</Heading>
+                <p className="mx_RoomKnocksBar_paragraph">
+                    {names}
+                    {link}
+                </p>
+            </div>
+            {buttons}
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/rooms/RoomListPanel/RoomListPanel.tsx b/apps/web/src/components/views/rooms/RoomListPanel/RoomListPanel.tsx
new file mode 100644
index 00000000000..06d4f3bfa1f
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomListPanel/RoomListPanel.tsx
@@ -0,0 +1,85 @@
+/*
+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, { useState, useCallback, useContext } from "react";
+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 { 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 { SDKContext } from "../../../../contexts/SDKContext.ts";
+
+type RoomListPanelProps = {
+    /**
+     * Current active space
+     * See {@link RoomListSearch}
+     */
+    activeSpace: string;
+};
+
+/**
+ * The panel of the room list
+ */
+export const RoomListPanel: React.FC<RoomListPanelProps> = ({ activeSpace }) => {
+    const sdkContext = useContext(SDKContext);
+    const displayRoomSearch = shouldShowComponent(UIComponent.FilterContainer);
+    const [focusedElement, setFocusedElement] = useState<Element | null>(null);
+
+    const onFocus = useCallback((ev: React.FocusEvent): void => {
+        setFocusedElement(ev.target);
+    }, []);
+
+    const onBlur = useCallback((): void => {
+        setFocusedElement(null);
+    }, []);
+
+    const onKeyDown = useCallback(
+        (ev: React.KeyboardEvent, state?: IRovingTabIndexState): void => {
+            if (!focusedElement) return;
+            const navAction = getKeyBindingsManager().getNavigationAction(ev);
+            if (navAction === KeyBindingAction.PreviousLandmark || navAction === KeyBindingAction.NextLandmark) {
+                ev.stopPropagation();
+                ev.preventDefault();
+                LandmarkNavigation.findAndFocusNextLandmark(
+                    Landmark.ROOM_SEARCH,
+                    navAction === KeyBindingAction.PreviousLandmark,
+                );
+            }
+        },
+        [focusedElement],
+    );
+
+    const matrixClient = useMatrixClientContext();
+    const vm = useCreateAutoDisposedViewModel(
+        () => new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore }),
+    );
+
+    return (
+        <Flex
+            as="nav"
+            className="mx_RoomListPanel"
+            direction="column"
+            align="stretch"
+            aria-label={_t("room_list|list_title")}
+            onFocus={onFocus}
+            onBlur={onBlur}
+            onKeyDown={onKeyDown}
+        >
+            {displayRoomSearch && <RoomListSearch activeSpace={activeSpace} />}
+            <RoomListHeaderView vm={vm} />
+            <RoomListView />
+        </Flex>
+    );
+};
diff --git a/apps/web/src/components/views/rooms/RoomListPanel/RoomListSearch.tsx b/apps/web/src/components/views/rooms/RoomListPanel/RoomListSearch.tsx
new file mode 100644
index 00000000000..7d88afe2d90
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomListPanel/RoomListSearch.tsx
@@ -0,0 +1,36 @@
+/*
+ * 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, { useEffect, type JSX, useContext } from "react";
+import { RoomListSearchView, useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
+
+import { RoomListSearchViewModel } from "../../../../viewmodels/room-list/RoomListSearchViewModel";
+import { SDKContext } from "../../../../contexts/SDKContext.ts";
+
+type RoomListSearchProps = {
+    /**
+     * Current active space
+     * The explore button is only displayed in the Home meta space
+     */
+    activeSpace: string;
+};
+
+/**
+ * A search component to be displayed at the top of the room list
+ * The `Explore` button is displayed only in the Home meta space and when UIComponent.ExploreRooms is enabled.
+ */
+export function RoomListSearch({ activeSpace }: RoomListSearchProps): JSX.Element {
+    const sdkContext = useContext(SDKContext);
+    const vm = useCreateAutoDisposedViewModel(
+        () => new RoomListSearchViewModel({ activeSpace, legacyCallHandler: sdkContext.legacyCallHandler }),
+    );
+    useEffect(() => {
+        vm.setActiveSpace(activeSpace);
+    }, [activeSpace, vm]);
+
+    return <RoomListSearchView vm={vm} />;
+}
diff --git a/apps/web/src/components/views/rooms/RoomListPanel/RoomListView.tsx b/apps/web/src/components/views/rooms/RoomListPanel/RoomListView.tsx
new file mode 100644
index 00000000000..00aa0ef9cc4
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomListPanel/RoomListView.tsx
@@ -0,0 +1,58 @@
+/*
+ * 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, type JSX, type ReactNode, useContext } 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 { RoomAvatarView } from "../../avatars/RoomAvatarView";
+import { getKeyBindingsManager } from "../../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../../accessibility/KeyboardShortcuts";
+import { Landmark, LandmarkNavigation } from "../../../../accessibility/LandmarkNavigation";
+import { RoomListViewModel } from "../../../../viewmodels/room-list/RoomListViewModel";
+import { SDKContext } from "../../../../contexts/SDKContext.ts";
+
+/**
+ * RoomListView component using shared components with proper MVVM pattern.
+ */
+export function RoomListView(): JSX.Element {
+    const sdkContext = useContext(SDKContext);
+
+    // Create and auto-dispose ViewModel instance
+    const vm = useCreateAutoDisposedViewModel(
+        () =>
+            new RoomListViewModel({
+                client: sdkContext.client!,
+                roomViewStore: sdkContext.roomViewStore,
+                spaceStore: sdkContext.spaceStore,
+            }),
+    );
+
+    // 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/apps/web/src/components/views/rooms/RoomListPanel/index.ts b/apps/web/src/components/views/rooms/RoomListPanel/index.ts
new file mode 100644
index 00000000000..4356a51e262
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomListPanel/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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 { RoomListPanel } from "./RoomListPanel";
diff --git a/apps/web/src/components/views/rooms/RoomPreviewBar.tsx b/apps/web/src/components/views/rooms/RoomPreviewBar.tsx
new file mode 100644
index 00000000000..f3de47ca94d
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomPreviewBar.tsx
@@ -0,0 +1,759 @@
+/*
+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 ChangeEvent, type ReactNode } from "react";
+import { type Room, type RoomMember, EventType, RoomType, JoinRule, type MatrixError } from "matrix-js-sdk/src/matrix";
+import { KnownMembership, type RoomJoinRulesEventContent } from "matrix-js-sdk/src/types";
+import classNames from "classnames";
+import {
+    type RoomPreviewOpts,
+    RoomViewLifecycle,
+} from "@matrix-org/react-sdk-module-api/lib/lifecycles/RoomViewLifecycle";
+import { Button } from "@vector-im/compound-web";
+import { AskToJoinIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import dis from "../../../dispatcher/dispatcher";
+import { _t } from "../../../languageHandler";
+import SdkConfig from "../../../SdkConfig";
+import IdentityAuthClient from "../../../IdentityAuthClient";
+import InviteReason from "../elements/InviteReason";
+import { type IOOBData } from "../../../stores/ThreepidInviteStore";
+import Spinner from "../elements/Spinner";
+import AccessibleButton from "../elements/AccessibleButton";
+import RoomAvatar from "../avatars/RoomAvatar";
+import SettingsStore from "../../../settings/SettingsStore";
+import { UIFeature } from "../../../settings/UIFeature";
+import { ModuleRunner } from "../../../modules/ModuleRunner";
+import Field from "../elements/Field";
+import { ModuleApi } from "../../../modules/Api.ts";
+
+const MemberEventHtmlReasonField = "io.element.html_reason";
+
+enum MessageCase {
+    NotLoggedIn = "NotLoggedIn",
+    Joining = "Joining",
+    Loading = "Loading",
+    Rejecting = "Rejecting",
+    Kicked = "Kicked",
+    Banned = "Banned",
+    OtherThreePIDError = "OtherThreePIDError",
+    InvitedEmailNotFoundInAccount = "InvitedEmailNotFoundInAccount",
+    InvitedEmailNoIdentityServer = "InvitedEmailNoIdentityServer",
+    InvitedEmailMismatch = "InvitedEmailMismatch",
+    Invite = "Invite",
+    ViewingRoom = "ViewingRoom",
+    RoomNotFound = "RoomNotFound",
+    OtherError = "OtherError",
+    PromptAskToJoin = "PromptAskToJoin",
+    Knocked = "Knocked",
+    RequestDenied = "requestDenied",
+}
+
+interface IProps {
+    // if inviterName is specified, the preview bar will shown an invite to the room.
+    // You should also specify onRejectClick if specifying inviterName
+    inviterName?: string;
+
+    // If invited by 3rd party invite, the email address the invite was sent to
+    invitedEmail?: string;
+
+    // For third party invites, information passed about the room out-of-band
+    oobData?: IOOBData;
+
+    // For third party invites, a URL for a 3pid invite signing service
+    signUrl?: string;
+
+    // A standard client/server API error object. If supplied, indicates that the
+    // caller was unable to fetch details about the room for the given reason.
+    error?: MatrixError;
+
+    canPreview?: boolean;
+    previewLoading?: boolean;
+
+    // The id of the room to be previewed, if it is known.
+    // (It may be unknown if we are waiting for an alias to be resolved.)
+    roomId?: string;
+
+    // A `Room` object for the room to be previewed, if we have one.
+    room?: Room;
+
+    loading?: boolean;
+    joining?: boolean;
+    rejecting?: boolean;
+    // The alias that was used to access this room, if appropriate
+    // If given, this will be how the room is referred to (eg.
+    // in error messages).
+    roomAlias?: string;
+
+    onJoinClick?(): void;
+    onDeclineClick?(): void;
+    onDeclineAndBlockClick?(): void;
+    onForgetClick?(): void;
+
+    canAskToJoinAndMembershipIsLeave?: boolean;
+    promptAskToJoin?: boolean;
+
+    knocked?: boolean;
+    onSubmitAskToJoin?(reason?: string): void;
+    onCancelAskToJoin?(): void;
+}
+
+interface IState {
+    busy: boolean;
+    accountEmails?: string[];
+    // The email address that was invited. undefined === not yet loaded, null === no associated email
+    invitedEmailMxid?: string | null;
+    threePidFetchError?: MatrixError;
+    reason?: string;
+}
+
+class RoomPreviewBar extends React.Component<IProps, IState> {
+    public static defaultProps = {
+        onJoinClick() {},
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            busy: false,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.checkInvitedEmail();
+    }
+
+    public componentDidUpdate(prevProps: IProps, prevState: IState): void {
+        if (this.props.invitedEmail !== prevProps.invitedEmail || this.props.inviterName !== prevProps.inviterName) {
+            this.checkInvitedEmail();
+        }
+    }
+
+    private async checkInvitedEmail(): Promise<void> {
+        // If this is an invite and we've been told what email address was
+        // invited, fetch the user's account emails and discovery bindings so we
+        // can check them against the email that was invited.
+        if (this.props.inviterName && this.props.invitedEmail) {
+            this.setState({ busy: true });
+            try {
+                // Gather the account 3PIDs
+                const account3pids = await MatrixClientPeg.safeGet().getThreePids();
+                this.setState({
+                    accountEmails: account3pids.threepids.filter((b) => b.medium === "email").map((b) => b.address),
+                });
+                // If we have an IS connected, use that to lookup the email and
+                // check the bound MXID.
+                if (!MatrixClientPeg.safeGet().getIdentityServerUrl()) {
+                    this.setState({ busy: false });
+                    return;
+                }
+                const authClient = new IdentityAuthClient();
+                const identityAccessToken = await authClient.getAccessToken();
+                const result = await MatrixClientPeg.safeGet().lookupThreePid(
+                    "email",
+                    this.props.invitedEmail,
+                    identityAccessToken!,
+                );
+                this.setState({ invitedEmailMxid: result.mxid ?? null });
+            } catch (err) {
+                this.setState({ threePidFetchError: err as MatrixError });
+            }
+            this.setState({ busy: false });
+        }
+    }
+
+    private getMessageCase(): MessageCase {
+        const isGuest = MatrixClientPeg.safeGet().isGuest();
+
+        if (isGuest) {
+            return MessageCase.NotLoggedIn;
+        }
+
+        const myMember = this.getMyMember();
+
+        if (myMember) {
+            const previousMembership = myMember.events.member?.getPrevContent().membership;
+            if (myMember.isKicked()) {
+                if (previousMembership === KnownMembership.Knock) {
+                    return MessageCase.RequestDenied;
+                } else if (this.props.promptAskToJoin) {
+                    return MessageCase.PromptAskToJoin;
+                }
+                return MessageCase.Kicked;
+            } else if (myMember.membership === KnownMembership.Ban) {
+                return MessageCase.Banned;
+            }
+        }
+
+        if (this.props.joining) {
+            return MessageCase.Joining;
+        } else if (this.props.rejecting) {
+            return MessageCase.Rejecting;
+        } else if (this.props.loading || this.state.busy) {
+            return MessageCase.Loading;
+        } else if (this.props.knocked) {
+            return MessageCase.Knocked;
+        } else if (this.props.canAskToJoinAndMembershipIsLeave || this.props.promptAskToJoin) {
+            return MessageCase.PromptAskToJoin;
+        }
+
+        if (this.props.inviterName) {
+            if (this.props.invitedEmail !== undefined) {
+                if (this.state.threePidFetchError) {
+                    return MessageCase.OtherThreePIDError;
+                } else if (this.state.accountEmails && !this.state.accountEmails.includes(this.props.invitedEmail)) {
+                    return MessageCase.InvitedEmailNotFoundInAccount;
+                } else if (!MatrixClientPeg.safeGet().getIdentityServerUrl()) {
+                    return MessageCase.InvitedEmailNoIdentityServer;
+                } else if (this.state.invitedEmailMxid != MatrixClientPeg.safeGet().getUserId()) {
+                    return MessageCase.InvitedEmailMismatch;
+                }
+            }
+            return MessageCase.Invite;
+        } else if (this.props.error) {
+            if (this.props.error.errcode === "M_NOT_FOUND") {
+                return MessageCase.RoomNotFound;
+            } else {
+                return MessageCase.OtherError;
+            }
+        } else {
+            return MessageCase.ViewingRoom;
+        }
+    }
+
+    private getKickOrBanInfo(): { memberName?: string; reason?: string } {
+        const myMember = this.getMyMember();
+        if (!myMember) {
+            return {};
+        }
+
+        const kickerUserId = myMember.events.member?.getSender();
+        const kickerMember = kickerUserId ? this.props.room?.currentState.getMember(kickerUserId) : undefined;
+        const memberName = kickerMember?.name ?? kickerUserId;
+        const reason = myMember.events.member?.getContent().reason;
+        return { memberName, reason };
+    }
+
+    private joinRule(): JoinRule | null {
+        return (
+            this.props.room?.currentState
+                .getStateEvents(EventType.RoomJoinRules, "")
+                ?.getContent<RoomJoinRulesEventContent>().join_rule ?? null
+        );
+    }
+
+    private getMyMember(): RoomMember | null {
+        return this.props.room?.getMember(MatrixClientPeg.safeGet().getSafeUserId()) ?? null;
+    }
+
+    private getInviteMember(): RoomMember | null {
+        const { room } = this.props;
+        if (!room) {
+            return null;
+        }
+        const myUserId = MatrixClientPeg.safeGet().getSafeUserId();
+        const inviteEvent = room.currentState.getMember(myUserId);
+        if (!inviteEvent) {
+            return null;
+        }
+        const inviterUserId = inviteEvent.events.member?.getSender();
+        return inviterUserId ? room.currentState.getMember(inviterUserId) : null;
+    }
+
+    private isDMInvite(): boolean {
+        const myMember = this.getMyMember();
+        if (!myMember) {
+            return false;
+        }
+        const memberContent = myMember.events.member?.getContent();
+        return memberContent?.membership === KnownMembership.Invite && memberContent.is_direct;
+    }
+
+    private makeScreenAfterLogin(): { screen: string; params: Record<string, any> } {
+        return {
+            screen: "room",
+            params: {
+                email: this.props.invitedEmail,
+                signurl: this.props.signUrl,
+                room_name: this.props.oobData?.name ?? null,
+                room_avatar_url: this.props.oobData?.avatarUrl ?? null,
+                inviter_name: this.props.oobData?.inviterName ?? null,
+            },
+        };
+    }
+
+    private onLoginClick = (): void => {
+        dis.dispatch({ action: "start_login", screenAfterLogin: this.makeScreenAfterLogin() });
+    };
+
+    private onRegisterClick = (): void => {
+        dis.dispatch({ action: "start_registration", screenAfterLogin: this.makeScreenAfterLogin() });
+    };
+
+    private onChangeReason = (event: ChangeEvent<HTMLTextAreaElement>): void => {
+        this.setState({ reason: event.target.value });
+    };
+
+    public render(): React.ReactNode {
+        const brand = SdkConfig.get().brand;
+        const roomName = this.props.room?.name ?? this.props.roomAlias ?? "";
+        const isSpace = this.props.room?.isSpaceRoom() ?? this.props.oobData?.roomType === RoomType.Space;
+
+        let showSpinner = false;
+        let title: string | undefined;
+        let subTitle: string | ReactNode[] | undefined;
+        let reasonElement: JSX.Element | undefined;
+        let primaryActionHandler: (() => void) | undefined;
+        let primaryActionLabel: string | undefined;
+        let secondaryActionHandler: (() => void) | undefined;
+        let secondaryActionLabel: string | undefined;
+        let dangerActionHandler: (() => void) | undefined;
+        let dangerActionLabel: string | undefined;
+        let footer: JSX.Element | undefined;
+
+        const messageCase = this.getMessageCase();
+        switch (messageCase) {
+            case MessageCase.Joining: {
+                if (this.props.oobData?.roomType || isSpace) {
+                    title = isSpace ? _t("room|joining_space") : _t("room|joining_room");
+                } else {
+                    title = _t("room|joining");
+                }
+
+                showSpinner = true;
+                break;
+            }
+            case MessageCase.Loading: {
+                title = _t("common|loading");
+                showSpinner = true;
+                break;
+            }
+            case MessageCase.Rejecting: {
+                title = _t("room|rejecting");
+                showSpinner = true;
+                break;
+            }
+            case MessageCase.NotLoggedIn: {
+                const opts: RoomPreviewOpts = { canJoin: false };
+                if (this.props.roomId) {
+                    ModuleRunner.instance.invoke(RoomViewLifecycle.PreviewRoomNotLoggedIn, opts, this.props.roomId);
+                }
+                if (opts.canJoin) {
+                    title = _t("room|join_title");
+                    primaryActionLabel = _t("action|join");
+                    primaryActionHandler = () => {
+                        ModuleRunner.instance.invoke(RoomViewLifecycle.JoinFromRoomPreview, this.props.roomId);
+                    };
+                } else {
+                    title = _t("room|join_title_account");
+                    if (SettingsStore.getValue(UIFeature.Registration)) {
+                        primaryActionLabel = _t("room|join_button_account");
+                        primaryActionHandler = this.onRegisterClick;
+                    }
+                    secondaryActionLabel = _t("action|sign_in");
+                    secondaryActionHandler = this.onLoginClick;
+                }
+                if (this.props.previewLoading) {
+                    footer = (
+                        <div>
+                            <Spinner size={20} />
+                            {_t("room|loading_preview")}
+                        </div>
+                    );
+                }
+                break;
+            }
+            case MessageCase.Kicked: {
+                const { memberName, reason } = this.getKickOrBanInfo();
+                if (roomName) {
+                    title = _t("room|kicked_from_room_by", { memberName, roomName });
+                } else {
+                    title = _t("room|kicked_by", { memberName });
+                }
+                subTitle = reason ? _t("room|kick_reason", { reason }) : undefined;
+
+                if (isSpace) {
+                    primaryActionLabel = _t("room|forget_space");
+                } else {
+                    primaryActionLabel = _t("room|forget_room");
+                }
+                primaryActionHandler = this.props.onForgetClick;
+
+                if (this.joinRule() !== JoinRule.Invite) {
+                    secondaryActionLabel = primaryActionLabel;
+                    secondaryActionHandler = primaryActionHandler;
+
+                    primaryActionLabel = _t("room|rejoin_button");
+                    primaryActionHandler = this.props.onJoinClick;
+                }
+                break;
+            }
+            case MessageCase.RequestDenied: {
+                title = _t("room|knock_denied_title");
+
+                subTitle = _t("room|knock_denied_subtitle");
+
+                if (isSpace) {
+                    primaryActionLabel = _t("room|forget_space");
+                } else {
+                    primaryActionLabel = _t("room|forget_room");
+                }
+                primaryActionHandler = this.props.onForgetClick;
+                break;
+            }
+            case MessageCase.Banned: {
+                const { memberName, reason } = this.getKickOrBanInfo();
+                if (roomName) {
+                    title = _t("room|banned_from_room_by", { memberName, roomName });
+                } else {
+                    title = _t("room|banned_by", { memberName });
+                }
+                subTitle = reason ? _t("room|kick_reason", { reason }) : undefined;
+                if (isSpace) {
+                    primaryActionLabel = _t("room|forget_space");
+                } else {
+                    primaryActionLabel = _t("room|forget_room");
+                }
+                primaryActionHandler = this.props.onForgetClick;
+                break;
+            }
+            case MessageCase.OtherThreePIDError: {
+                if (roomName) {
+                    title = _t("room|3pid_invite_error_title_room", { roomName });
+                } else {
+                    title = _t("room|3pid_invite_error_title");
+                }
+                const joinRule = this.joinRule();
+                const errCodeMessage = _t("room|3pid_invite_error_description", {
+                    errcode: this.state.threePidFetchError?.errcode || _t("error|unknown_error_code"),
+                });
+                switch (joinRule) {
+                    case "invite":
+                        subTitle = [_t("room|3pid_invite_error_invite_subtitle"), errCodeMessage];
+                        primaryActionLabel = _t("room|3pid_invite_error_invite_action");
+                        primaryActionHandler = this.props.onJoinClick;
+                        break;
+                    case "public":
+                        subTitle = _t("room|3pid_invite_error_public_subtitle");
+                        primaryActionLabel = _t("room|join_the_discussion");
+                        primaryActionHandler = this.props.onJoinClick;
+                        break;
+                    default:
+                        subTitle = errCodeMessage;
+                        primaryActionLabel = _t("room|3pid_invite_error_invite_action");
+                        primaryActionHandler = this.props.onJoinClick;
+                        break;
+                }
+                break;
+            }
+            case MessageCase.InvitedEmailNotFoundInAccount: {
+                if (roomName) {
+                    title = _t("room|3pid_invite_email_not_found_account_room", {
+                        roomName,
+                        email: this.props.invitedEmail,
+                    });
+                } else {
+                    title = _t("room|3pid_invite_email_not_found_account", {
+                        email: this.props.invitedEmail,
+                    });
+                }
+
+                subTitle = _t("room|link_email_to_receive_3pid_invite", { brand });
+                primaryActionLabel = _t("room|join_the_discussion");
+                primaryActionHandler = this.props.onJoinClick;
+                break;
+            }
+            case MessageCase.InvitedEmailNoIdentityServer: {
+                if (roomName) {
+                    title = _t("room|invite_sent_to_email_room", {
+                        roomName,
+                        email: this.props.invitedEmail,
+                    });
+                } else {
+                    title = _t("room|invite_sent_to_email", { email: this.props.invitedEmail });
+                }
+
+                subTitle = _t("room|3pid_invite_no_is_subtitle", {
+                    brand,
+                });
+                primaryActionLabel = _t("room|join_the_discussion");
+                primaryActionHandler = this.props.onJoinClick;
+                break;
+            }
+            case MessageCase.InvitedEmailMismatch: {
+                if (roomName) {
+                    title = _t("room|invite_sent_to_email_room", {
+                        roomName,
+                        email: this.props.invitedEmail,
+                    });
+                } else {
+                    title = _t("room|invite_sent_to_email", { email: this.props.invitedEmail });
+                }
+
+                subTitle = _t("room|invite_email_mismatch_suggestion", { brand });
+                primaryActionLabel = _t("room|join_the_discussion");
+                primaryActionHandler = this.props.onJoinClick;
+                break;
+            }
+            case MessageCase.Invite: {
+                const isDM = this.isDMInvite();
+                const avatar = <RoomAvatar room={this.props.room} oobData={this.props.oobData} />;
+
+                const inviteMember = this.getInviteMember();
+                const userName = (
+                    <span className="mx_RoomPreviewBar_inviter">
+                        {inviteMember?.rawDisplayName ?? this.props.inviterName}
+                    </span>
+                );
+                const inviterElement = (
+                    <>
+                        {isDM
+                            ? _t("room|dm_invite_subtitle", {}, { userName })
+                            : _t("room|invite_subtitle", {}, { userName })}
+                        {inviteMember && (
+                            <>
+                                <br />
+                                <span className="mx_RoomPreviewBar_inviter_mxid">{inviteMember.userId}</span>
+                            </>
+                        )}
+                    </>
+                );
+
+                if (isDM) {
+                    title = _t("room|dm_invite_title", {
+                        user: inviteMember?.name ?? this.props.inviterName,
+                    });
+                    primaryActionLabel = _t("room|dm_invite_action");
+                } else {
+                    title = _t("room|invite_title", { roomName });
+                    primaryActionLabel = _t("action|accept");
+                }
+                subTitle = [avatar, inviterElement];
+
+                const myUserId = MatrixClientPeg.safeGet().getSafeUserId();
+                const member = this.props.room?.currentState.getMember(myUserId);
+                const memberEventContent = member?.events.member?.getContent();
+
+                if (memberEventContent?.reason) {
+                    reasonElement = (
+                        <InviteReason
+                            reason={memberEventContent.reason}
+                            htmlReason={memberEventContent[MemberEventHtmlReasonField]}
+                        />
+                    );
+                }
+
+                primaryActionHandler = this.props.onJoinClick;
+                secondaryActionLabel = _t("action|decline");
+                secondaryActionHandler = this.props.onDeclineClick;
+                dangerActionLabel = _t("action|decline_and_block");
+                dangerActionHandler = this.props.onDeclineAndBlockClick;
+
+                break;
+            }
+            case MessageCase.ViewingRoom: {
+                if (this.props.canPreview) {
+                    title = _t("room|peek_join_prompt", { roomName });
+                } else if (roomName) {
+                    title = _t("room|no_peek_join_prompt", { roomName });
+                } else {
+                    title = _t("room|no_peek_no_name_join_prompt");
+                }
+                primaryActionLabel = _t("room|join_the_discussion");
+                primaryActionHandler = this.props.onJoinClick;
+                break;
+            }
+            case MessageCase.RoomNotFound: {
+                if (roomName) {
+                    title = _t("room|not_found_title_name", { roomName });
+                } else {
+                    title = _t("room|not_found_title");
+                }
+                subTitle = _t("room|not_found_subtitle");
+                break;
+            }
+            case MessageCase.OtherError: {
+                if (roomName) {
+                    title = _t("room|inaccessible_name", { roomName });
+                } else {
+                    title = _t("room|inaccessible");
+                }
+                subTitle = [
+                    _t("room|inaccessible_subtitle_1"),
+                    _t(
+                        "room|inaccessible_subtitle_2",
+                        { errcode: String(this.props.error?.errcode) },
+                        {
+                            issueLink: (label) => (
+                                <a
+                                    href={SdkConfig.get().feedback.new_issue_url}
+                                    target="_blank"
+                                    rel="noreferrer noopener"
+                                >
+                                    {label}
+                                </a>
+                            ),
+                        },
+                    ),
+                ];
+                break;
+            }
+            case MessageCase.PromptAskToJoin: {
+                if (roomName) {
+                    title = _t("room|knock_prompt_name", { roomName });
+                } else {
+                    title = _t("room|knock_prompt");
+                }
+
+                const avatar = <RoomAvatar room={this.props.room} oobData={this.props.oobData} />;
+                subTitle = [avatar, _t("room|knock_subtitle")];
+
+                reasonElement = (
+                    <Field
+                        autoFocus
+                        className="mx_RoomPreviewBar_fullWidth"
+                        element="textarea"
+                        onChange={this.onChangeReason}
+                        placeholder={_t("room|knock_message_field_placeholder")}
+                        type="text"
+                        value={this.state.reason ?? ""}
+                    />
+                );
+
+                primaryActionHandler = () =>
+                    this.props.onSubmitAskToJoin && this.props.onSubmitAskToJoin(this.state.reason);
+                primaryActionLabel = _t("room|knock_send_action");
+
+                break;
+            }
+            case MessageCase.Knocked: {
+                title = _t("room|knock_sent");
+
+                subTitle = [
+                    <>
+                        <AskToJoinIcon className="mx_Icon mx_Icon_16 mx_RoomPreviewBar_icon" />
+                        {_t("room|knock_sent_subtitle")}
+                    </>,
+                ];
+
+                secondaryActionHandler = this.props.onCancelAskToJoin;
+                secondaryActionLabel = _t("room|knock_cancel_action");
+
+                break;
+            }
+        }
+
+        let subTitleElements;
+        if (subTitle) {
+            if (!Array.isArray(subTitle)) {
+                subTitle = [subTitle];
+            }
+            // oxlint-disable-next-line react/no-array-index-key
+            subTitleElements = subTitle.map((t, i) => <p key={`subTitle${i}`}>{t}</p>);
+        }
+
+        let titleElement;
+        if (showSpinner) {
+            titleElement = (
+                <h3 className="mx_RoomPreviewBar_spinnerTitle">
+                    <Spinner />
+                    {title}
+                </h3>
+            );
+        } else {
+            titleElement = <h3>{title}</h3>;
+        }
+
+        let primaryButton;
+        if (primaryActionHandler) {
+            primaryButton = (
+                <AccessibleButton kind="primary" onClick={primaryActionHandler}>
+                    {primaryActionLabel}
+                </AccessibleButton>
+            );
+        }
+
+        let secondaryButton;
+        if (secondaryActionHandler) {
+            secondaryButton = (
+                <AccessibleButton kind="secondary" onClick={secondaryActionHandler}>
+                    {secondaryActionLabel}
+                </AccessibleButton>
+            );
+        }
+
+        let dangerActionButton;
+        if (dangerActionHandler) {
+            dangerActionButton = (
+                <Button destructive kind="tertiary" onClick={dangerActionHandler}>
+                    {dangerActionLabel}
+                </Button>
+            );
+        }
+
+        const isPanel = this.props.canPreview;
+
+        const classes = classNames("mx_RoomPreviewBar", `mx_RoomPreviewBar_${messageCase}`, {
+            mx_RoomPreviewBar_panel: isPanel,
+            mx_RoomPreviewBar_dialog: !isPanel,
+        });
+
+        // ensure correct tab order for both views
+        const actions = isPanel ? (
+            <>
+                {dangerActionButton}
+                {secondaryButton}
+                {primaryButton}
+            </>
+        ) : (
+            <>
+                {primaryButton}
+                {secondaryButton}
+                {dangerActionButton}
+            </>
+        );
+
+        return (
+            <div role="complementary" className={classes}>
+                <div className="mx_RoomPreviewBar_message">
+                    {titleElement}
+                    {subTitleElements}
+                </div>
+                {reasonElement}
+                <div
+                    className={classNames("mx_RoomPreviewBar_actions", {
+                        mx_RoomPreviewBar_fullWidth: messageCase === MessageCase.PromptAskToJoin,
+                    })}
+                >
+                    {actions}
+                </div>
+                <div className="mx_RoomPreviewBar_footer">{footer}</div>
+            </div>
+        );
+    }
+}
+
+const WrappedRoomPreviewBar = (props: IProps): JSX.Element => {
+    const moduleRenderer = ModuleApi.instance.customComponents.roomPreviewBarRenderer;
+    if (moduleRenderer) {
+        return moduleRenderer(
+            {
+                ...props,
+                roomId: props.room?.roomId ?? props.roomId,
+                roomAlias: props.room?.getCanonicalAlias() ?? props.roomAlias,
+            },
+            (props) => <RoomPreviewBar {...props} />,
+        );
+    }
+
+    return <RoomPreviewBar {...props} />;
+};
+
+export default WrappedRoomPreviewBar;
diff --git a/apps/web/src/components/views/rooms/RoomPreviewCard.tsx b/apps/web/src/components/views/rooms/RoomPreviewCard.tsx
new file mode 100644
index 00000000000..bfbc841ba09
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomPreviewCard.tsx
@@ -0,0 +1,188 @@
+/*
+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 JSX, type FC, useContext, useState } from "react";
+import { type Room, JoinRule } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { InfoSolidIcon, VideoCallSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import { UserTab } from "../dialogs/UserTab";
+import { EffectiveMembership, getEffectiveMembership } from "../../../utils/membership";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import { useDispatcher } from "../../../hooks/useDispatcher";
+import { useRoomState } from "../../../hooks/useRoomState";
+import { useMyRoomMembership } from "../../../hooks/useRoomMembers";
+import AccessibleButton from "../elements/AccessibleButton";
+import InlineSpinner from "../elements/InlineSpinner";
+import RoomTopic from "../elements/RoomTopic";
+import RoomFacePile from "../elements/RoomFacePile";
+import RoomAvatar from "../avatars/RoomAvatar";
+import MemberAvatar from "../avatars/MemberAvatar";
+import { BetaPill } from "../beta/BetaCard";
+import RoomInfoLine from "./RoomInfoLine";
+import { isVideoRoom as calcIsVideoRoom } from "../../../utils/video-rooms";
+import { useRoomName } from "../../../hooks/useRoomName.ts";
+
+interface IProps {
+    room: Room;
+    onJoinButtonClicked: () => void;
+    onRejectButtonClicked: () => void;
+}
+
+// XXX This component is currently only used for spaces and video rooms, though
+// surely we should expand its use to all rooms for consistency? This already
+// handles the text room case, though we would need to add support for ignoring
+// and viewing invite reasons to achieve parity with the default invite screen.
+const RoomPreviewCard: FC<IProps> = ({ room, onJoinButtonClicked, onRejectButtonClicked }) => {
+    const cli = useContext(MatrixClientContext);
+    const isVideoRoom = calcIsVideoRoom(room);
+    const myMembership = useMyRoomMembership(room);
+    useDispatcher(defaultDispatcher, (payload) => {
+        if (payload.action === Action.JoinRoomError && payload.roomId === room.roomId) {
+            setBusy(false); // stop the spinner, join failed
+        }
+    });
+
+    const [busy, setBusy] = useState(false);
+
+    const joinRule = useRoomState(room, (state) => state.getJoinRule());
+    const cannotJoin =
+        getEffectiveMembership(myMembership) === EffectiveMembership.Leave && joinRule !== JoinRule.Public;
+    const name = useRoomName(room);
+
+    const viewLabs = (): void =>
+        defaultDispatcher.dispatch({
+            action: Action.ViewUserSettings,
+            initialTabId: UserTab.Labs,
+        });
+
+    let inviterSection: JSX.Element | null = null;
+    let joinButtons: JSX.Element;
+    if (myMembership === KnownMembership.Join) {
+        joinButtons = (
+            <AccessibleButton
+                kind="danger_outline"
+                onClick={() => {
+                    defaultDispatcher.dispatch({
+                        action: "leave_room",
+                        room_id: room.roomId,
+                    });
+                }}
+            >
+                {_t("action|leave")}
+            </AccessibleButton>
+        );
+    } else if (myMembership === KnownMembership.Invite) {
+        const inviteSender = room.getMember(cli.getUserId()!)?.events.member?.getSender();
+
+        if (inviteSender) {
+            const inviter = room.getMember(inviteSender);
+
+            inviterSection = (
+                <div className="mx_RoomPreviewCard_inviter">
+                    <MemberAvatar member={inviter} fallbackUserId={inviteSender} size="32px" />
+                    <div>
+                        <div className="mx_RoomPreviewCard_inviter_name">
+                            {_t(
+                                "room|invites_you_text",
+                                {},
+                                {
+                                    inviter: () => <strong>{inviter?.name || inviteSender}</strong>,
+                                },
+                            )}
+                        </div>
+                        {inviter ? <div className="mx_RoomPreviewCard_inviter_mxid">{inviteSender}</div> : null}
+                    </div>
+                </div>
+            );
+        }
+
+        joinButtons = (
+            <>
+                <AccessibleButton
+                    kind="primary_outline"
+                    onClick={() => {
+                        setBusy(true);
+                        onRejectButtonClicked();
+                    }}
+                >
+                    {_t("action|decline")}
+                </AccessibleButton>
+                <AccessibleButton
+                    kind="primary"
+                    onClick={() => {
+                        setBusy(true);
+                        onJoinButtonClicked();
+                    }}
+                >
+                    {_t("action|accept")}
+                </AccessibleButton>
+            </>
+        );
+    } else {
+        joinButtons = (
+            <AccessibleButton
+                kind="primary"
+                onClick={() => {
+                    onJoinButtonClicked();
+                    if (!cli.isGuest()) {
+                        // user will be shown a modal that won't fire a room join error
+                        setBusy(true);
+                    }
+                }}
+                disabled={cannotJoin}
+            >
+                {_t("action|join")}
+            </AccessibleButton>
+        );
+    }
+
+    if (busy) {
+        joinButtons = <InlineSpinner />;
+    }
+
+    let avatarRow: JSX.Element;
+    if (isVideoRoom) {
+        avatarRow = (
+            <>
+                <RoomAvatar room={room} size="50px" viewAvatarOnClick />
+                <div className="mx_RoomPreviewCard_video">
+                    <VideoCallSolidIcon />
+                </div>
+                <BetaPill onClick={viewLabs} tooltipTitle={_t("labs|video_rooms_beta")} />
+            </>
+        );
+    } else if (room.isSpaceRoom()) {
+        avatarRow = <RoomAvatar room={room} size="80px" viewAvatarOnClick />;
+    } else {
+        avatarRow = <RoomAvatar room={room} size="50px" viewAvatarOnClick />;
+    }
+
+    return (
+        <div className="mx_RoomPreviewCard">
+            {inviterSection}
+            <div className="mx_RoomPreviewCard_avatar">{avatarRow}</div>
+            <h1 className="mx_RoomPreviewCard_name">{name}</h1>
+            <RoomInfoLine room={room} />
+            <RoomTopic room={room} className="mx_RoomPreviewCard_topic" />
+            {room.getJoinRule() === "public" && <RoomFacePile room={room} />}
+            {cannotJoin ? (
+                <div className="mx_RoomPreviewCard_notice">
+                    <InfoSolidIcon />
+                    {_t("room|join_failed_needs_invite", { roomName: room.name })}
+                </div>
+            ) : null}
+            <div className="mx_RoomPreviewCard_joinButtons">{joinButtons}</div>
+        </div>
+    );
+};
+
+export default RoomPreviewCard;
diff --git a/apps/web/src/components/views/rooms/RoomSearchAuxPanel.tsx b/apps/web/src/components/views/rooms/RoomSearchAuxPanel.tsx
new file mode 100644
index 00000000000..b2a7119d3a7
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomSearchAuxPanel.tsx
@@ -0,0 +1,82 @@
+/*
+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.
+*/
+
+import React from "react";
+import SearchIcon from "@vector-im/compound-design-tokens/assets/web/icons/search";
+import CloseIcon from "@vector-im/compound-design-tokens/assets/web/icons/close";
+import { IconButton, Link } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import { PosthogScreenTracker } from "../../../PosthogTrackers";
+import SearchWarning, { WarningKind } from "../elements/SearchWarning";
+import { type SearchInfo, SearchScope } from "../../../Searching";
+import InlineSpinner from "../elements/InlineSpinner";
+
+interface Props {
+    searchInfo?: SearchInfo;
+    isRoomEncrypted: boolean;
+    onSearchScopeChange(this: void, scope: SearchScope): void;
+    onCancelClick(this: void): void;
+}
+
+const RoomSearchAuxPanel: React.FC<Props> = ({ searchInfo, isRoomEncrypted, onSearchScopeChange, onCancelClick }) => {
+    const scope = searchInfo?.scope ?? SearchScope.Room;
+
+    return (
+        <>
+            <PosthogScreenTracker screenName="RoomSearch" />
+            <div className="mx_RoomSearchAuxPanel">
+                <div className="mx_RoomSearchAuxPanel_summary">
+                    <SearchIcon width="24px" height="24px" />
+                    <div className="mx_RoomSearchAuxPanel_summary_text">
+                        {searchInfo?.count !== undefined ? (
+                            _t(
+                                "room|search|summary",
+                                { count: searchInfo.count },
+                                { query: () => <strong>{searchInfo.term}</strong> },
+                            )
+                        ) : searchInfo?.error !== undefined ? (
+                            searchInfo?.error.message
+                        ) : (
+                            <InlineSpinner />
+                        )}
+                        <SearchWarning
+                            kind={WarningKind.Search}
+                            isRoomEncrypted={isRoomEncrypted}
+                            showLogo={false}
+                            scope={scope}
+                            roomId={searchInfo?.roomId}
+                        />
+                    </div>
+                </div>
+                <div className="mx_RoomSearchAuxPanel_buttons">
+                    <Link
+                        onClick={() =>
+                            onSearchScopeChange(scope === SearchScope.Room ? SearchScope.All : SearchScope.Room)
+                        }
+                        kind="primary"
+                    >
+                        {scope === SearchScope.All
+                            ? _t("room|search|this_room_button")
+                            : _t("room|search|all_rooms_button")}
+                    </Link>
+                    <IconButton
+                        onClick={onCancelClick}
+                        destructive
+                        tooltip={_t("action|cancel")}
+                        aria-label={_t("action|cancel")}
+                    >
+                        <CloseIcon width="20px" height="20px" />
+                    </IconButton>
+                </div>
+            </div>
+        </>
+    );
+};
+
+export default RoomSearchAuxPanel;
diff --git a/apps/web/src/components/views/rooms/RoomUpgradeWarningBar.tsx b/apps/web/src/components/views/rooms/RoomUpgradeWarningBar.tsx
new file mode 100644
index 00000000000..2de9eaf7500
--- /dev/null
+++ b/apps/web/src/components/views/rooms/RoomUpgradeWarningBar.tsx
@@ -0,0 +1,113 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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 from "react";
+import { type MatrixEvent, type Room, RoomStateEvent } from "matrix-js-sdk/src/matrix";
+
+import Modal from "../../../Modal";
+import { _t } from "../../../languageHandler";
+import RoomUpgradeDialog from "../dialogs/RoomUpgradeDialog";
+import AccessibleButton from "../elements/AccessibleButton";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+
+interface IProps {
+    room: Room;
+}
+
+interface IState {
+    upgraded?: boolean;
+}
+
+export default class RoomUpgradeWarningBar extends React.PureComponent<IProps, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        const tombstone = this.props.room.currentState.getStateEvents("m.room.tombstone", "");
+        this.state = {
+            upgraded: tombstone?.getContent().replacement_room,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.context.on(RoomStateEvent.Events, this.onStateEvents);
+    }
+
+    public componentWillUnmount(): void {
+        this.context.removeListener(RoomStateEvent.Events, this.onStateEvents);
+    }
+
+    private onStateEvents = (event: MatrixEvent): void => {
+        if (!this.props.room || event.getRoomId() !== this.props.room.roomId) {
+            return;
+        }
+
+        if (event.getType() !== "m.room.tombstone") return;
+
+        const tombstone = this.props.room.currentState.getStateEvents("m.room.tombstone", "");
+        this.setState({ upgraded: tombstone && tombstone.getContent().replacement_room });
+    };
+
+    private onUpgradeClick = (): void => {
+        Modal.createDialog(RoomUpgradeDialog, { room: this.props.room });
+    };
+
+    public render(): React.ReactNode {
+        let doUpgradeWarnings = (
+            <div>
+                <div className="mx_RoomUpgradeWarningBar_body">
+                    <p>{_t("room|upgrade_warning_bar")}</p>
+                    <p>
+                        {_t(
+                            "room_settings|advanced|room_upgrade_warning",
+                            {},
+                            {
+                                b: (sub) => <strong>{sub}</strong>,
+                                i: (sub) => <i>{sub}</i>,
+                            },
+                        )}
+                    </p>
+                </div>
+                <p className="mx_RoomUpgradeWarningBar_upgradelink">
+                    <AccessibleButton onClick={this.onUpgradeClick}>
+                        {_t("room_settings|advanced|room_upgrade_button")}
+                    </AccessibleButton>
+                </p>
+            </div>
+        );
+
+        if (this.state.upgraded) {
+            doUpgradeWarnings = (
+                <div className="mx_RoomUpgradeWarningBar_body">
+                    <p>{_t("room|upgrade_warning_bar_upgraded")}</p>
+                </div>
+            );
+        }
+
+        return (
+            <div className="mx_RoomUpgradeWarningBar">
+                <div className="mx_RoomUpgradeWarningBar_wrapped">
+                    <div className="mx_RoomUpgradeWarningBar_header">
+                        {_t(
+                            "room|upgrade_warning_bar_unstable",
+                            {},
+                            {
+                                roomVersion: () => <code>{this.props.room.getVersion()}</code>,
+                                i: (sub) => <i>{sub}</i>,
+                            },
+                        )}
+                    </div>
+                    {doUpgradeWarnings}
+                    <div className="mx_RoomUpgradeWarningBar_small">{_t("room|upgrade_warning_bar_admins")}</div>
+                </div>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/SearchResultTile.tsx b/apps/web/src/components/views/rooms/SearchResultTile.tsx
new file mode 100644
index 00000000000..8b37f47b591
--- /dev/null
+++ b/apps/web/src/components/views/rooms/SearchResultTile.tsx
@@ -0,0 +1,149 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2023 The Matrix.org Foundation C.I.C.
+Copyright 2015 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.
+*/
+
+import React, { type JSX, useContext } from "react";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { DateSeparatorView, useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
+
+import RoomContext, { TimelineRenderingType } from "../../../contexts/RoomContext";
+import SettingsStore from "../../../settings/SettingsStore";
+import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import EventTile from "./EventTile";
+import { shouldFormContinuation } from "../../structures/MessagePanel";
+import { wantsDateSeparator } from "../../../DateUtils";
+import type LegacyCallEventGrouper from "../../structures/LegacyCallEventGrouper";
+import { buildLegacyCallEventGroupers } from "../../structures/LegacyCallEventGrouper";
+import { haveRendererForEvent } from "../../../events/EventTileFactory";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { DateSeparatorViewModel } from "../../../viewmodels/room/timeline/DateSeparatorViewModel";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+interface IProps {
+    // a list of strings to be highlighted in the results
+    searchHighlights?: string[];
+    // href for the highlights in this result
+    resultLink?: string;
+    // timeline of the search result
+    timeline: MatrixEvent[];
+    // indexes of the matching events (not contextual ones)
+    ourEventsIndexes: number[];
+    permalinkCreator?: RoomPermalinkCreator;
+}
+
+/**
+ * Creates and auto-disposes the DateSeparatorViewModel for search result rendering.
+ */
+function DateSeparatorWrapper({ roomId, ts }: { roomId: string; ts: number }): JSX.Element {
+    const sdkContext = useContext(SDKContext);
+    const vm = useCreateAutoDisposedViewModel(
+        () => new DateSeparatorViewModel({ roomId, ts, roomViewStore: sdkContext.roomViewStore }),
+    );
+    return <DateSeparatorView vm={vm} className="mx_TimelineSeparator" />;
+}
+
+export default class SearchResultTile extends React.Component<IProps> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    // A map of <callId, LegacyCallEventGrouper>
+    private callEventGroupers = new Map<string, LegacyCallEventGrouper>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.buildLegacyCallEventGroupers(this.props.timeline);
+    }
+
+    private buildLegacyCallEventGroupers(events?: MatrixEvent[]): void {
+        this.callEventGroupers = buildLegacyCallEventGroupers(this.callEventGroupers, events);
+    }
+
+    public render(): React.ReactNode {
+        const timeline = this.props.timeline;
+        const resultEvent = timeline[this.props.ourEventsIndexes[0]];
+        const eventId = resultEvent.getId();
+
+        const ts1 = resultEvent.getTs();
+        const separatorRoomId = resultEvent.getRoomId()!;
+        const ret = [
+            <DateSeparatorWrapper key={`${separatorRoomId}-${ts1}-search`} roomId={separatorRoomId} ts={ts1} />,
+        ];
+        const layout = SettingsStore.getValue("layout");
+        const isTwelveHour = SettingsStore.getValue("showTwelveHourTimestamps");
+        const alwaysShowTimestamps = SettingsStore.getValue("alwaysShowTimestamps");
+
+        const cli = MatrixClientPeg.safeGet();
+        for (let j = 0; j < timeline.length; j++) {
+            const mxEv = timeline[j];
+            let highlights: string[] | undefined;
+            const contextual = !this.props.ourEventsIndexes.includes(j);
+            if (!contextual) {
+                highlights = this.props.searchHighlights;
+            }
+
+            if (haveRendererForEvent(mxEv, cli, this.context?.showHiddenEvents)) {
+                // do we need a date separator since the last event?
+                const prevEv = timeline[j - 1];
+                // is this a continuation of the previous message?
+                const continuation =
+                    prevEv &&
+                    !wantsDateSeparator(prevEv.getDate() || undefined, mxEv.getDate() || undefined) &&
+                    shouldFormContinuation(
+                        prevEv,
+                        mxEv,
+                        cli,
+                        this.context?.showHiddenEvents,
+                        TimelineRenderingType.Search,
+                    );
+
+                let lastInSection = true;
+                const nextEv = timeline[j + 1];
+                if (nextEv) {
+                    const willWantDateSeparator = wantsDateSeparator(
+                        mxEv.getDate() || undefined,
+                        nextEv.getDate() || undefined,
+                    );
+                    lastInSection =
+                        willWantDateSeparator ||
+                        mxEv.getSender() !== nextEv.getSender() ||
+                        !shouldFormContinuation(
+                            mxEv,
+                            nextEv,
+                            cli,
+                            this.context?.showHiddenEvents,
+                            TimelineRenderingType.Search,
+                        );
+                }
+
+                ret.push(
+                    <EventTile
+                        key={`${eventId}+${j}`}
+                        mxEvent={mxEv}
+                        layout={layout}
+                        contextual={contextual}
+                        highlights={highlights}
+                        permalinkCreator={this.props.permalinkCreator}
+                        highlightLink={this.props.resultLink}
+                        isTwelveHour={isTwelveHour}
+                        alwaysShowTimestamps={alwaysShowTimestamps}
+                        lastInSection={lastInSection}
+                        continuation={continuation}
+                        callEventGrouper={this.callEventGroupers.get(mxEv.getContent().call_id)}
+                    />,
+                );
+            }
+        }
+
+        return (
+            <li data-scroll-tokens={eventId}>
+                <ol>{ret}</ol>
+            </li>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/SendMessageComposer.tsx b/apps/web/src/components/views/rooms/SendMessageComposer.tsx
new file mode 100644
index 00000000000..13cdefaa696
--- /dev/null
+++ b/apps/web/src/components/views/rooms/SendMessageComposer.tsx
@@ -0,0 +1,687 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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, {
+    createRef,
+    type KeyboardEvent,
+    type SyntheticEvent,
+    type RefAttributes,
+    type ReactElement,
+} from "react";
+import {
+    type MatrixEvent,
+    type IEventRelation,
+    type Room,
+    EventType,
+    MsgType,
+    RelationType,
+    THREAD_RELATION_TYPE,
+} from "matrix-js-sdk/src/matrix";
+import { type DebouncedFunc, throttle } from "lodash";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type Composer as ComposerEvent } from "@matrix-org/analytics-events/types/typescript/Composer";
+
+import { type RoomMessageEventContent } from "../../../../@types/url-preview";
+import dis from "../../../dispatcher/dispatcher";
+import EditorModel from "../../../editor/model";
+import {
+    containsEmote,
+    htmlSerializeIfNeeded,
+    startsWith,
+    stripEmoteCommand,
+    stripPrefix,
+    textSerialize,
+    unescapeMessage,
+} from "../../../editor/serialize";
+import BasicMessageComposer, { REGEX_EMOTICON } from "./BasicMessageComposer";
+import { CommandPartCreator, type Part, type PartCreator, type SerializedPart } from "../../../editor/parts";
+import { findEditableEvent } from "../../../utils/EventUtils";
+import SendHistoryManager from "../../../SendHistoryManager";
+import { CommandCategories } from "../../../slash-commands/SlashCommands";
+import { useMatrixClientContext, type MatrixClientProps } from "../../../contexts/MatrixClientContext";
+import { Action } from "../../../dispatcher/actions";
+import { containsEmoji } from "../../../effects/utils";
+import { CHAT_EFFECTS } from "../../../effects";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import SettingsStore from "../../../settings/SettingsStore";
+import { type ActionPayload } from "../../../dispatcher/payloads";
+import { decorateStartSendingTime, sendRoundTripMetric } from "../../../sendTimePerformanceMetrics";
+import RoomContext, { TimelineRenderingType } from "../../../contexts/RoomContext";
+import DocumentPosition from "../../../editor/position";
+import { ComposerType } from "../../../dispatcher/payloads/ComposerInsertPayload";
+import { getSlashCommand, isSlashCommand, runSlashCommand, shouldSendAnyway } from "../../../editor/commands";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { PosthogAnalytics } from "../../../PosthogAnalytics";
+import { addReplyToMessageContent } from "../../../utils/Reply";
+import { doMaybeLocalRoomAction } from "../../../utils/local-room";
+import { type Caret } from "../../../editor/caret";
+import { type IDiff } from "../../../editor/diff";
+import { getBlobSafeMimeType } from "../../../utils/blobs";
+import { EMOJI_REGEX } from "../../../HtmlUtils";
+import { attachMentions, attachRelation, attachUrlPreviews } from "../../../utils/messages";
+import { type RoomUploadViewModel, useRoomUploadViewModel } from "../../../viewmodels/room/RoomUploadViewModel";
+import { type MessageComposerUrlPreviewViewModel } from "../../../viewmodels/composer/MessageComposerUrlPreviewViewModel";
+import { type MessageComposerUrlPreviewSnapshot } from "@element-hq/web-shared-components";
+
+// The prefix used when persisting editor drafts to localstorage.
+export const EDITOR_STATE_STORAGE_PREFIX = "mx_cider_state_";
+
+// exported for tests
+export function createMessageContent(
+    sender: string,
+    model: EditorModel,
+    replyToEvent: MatrixEvent | undefined,
+    relation: IEventRelation | undefined,
+): RoomMessageEventContent {
+    const isEmote = containsEmote(model);
+    if (isEmote) {
+        model = stripEmoteCommand(model);
+    }
+    if (startsWith(model, "//")) {
+        model = stripPrefix(model, "/");
+    }
+    model = unescapeMessage(model);
+
+    const body = textSerialize(model);
+
+    const content: RoomMessageEventContent = {
+        msgtype: isEmote ? MsgType.Emote : MsgType.Text,
+        body: body,
+    };
+    const formattedBody = htmlSerializeIfNeeded(model, {
+        useMarkdown: SettingsStore.getValue("MessageComposerInput.useMarkdown"),
+    });
+    if (formattedBody) {
+        content.format = "org.matrix.custom.html";
+        content.formatted_body = formattedBody;
+    }
+
+    // Build the mentions property and add it to the event content.
+    attachMentions(sender, content, model, replyToEvent);
+
+    attachRelation(content, relation);
+    if (replyToEvent) {
+        addReplyToMessageContent(content, replyToEvent);
+    }
+
+    return content;
+}
+
+// exported for tests
+export function isQuickReaction(model: EditorModel): boolean {
+    const parts = model.parts;
+    if (parts.length == 0) return false;
+    const text = textSerialize(model);
+    // shortcut takes the form "+:emoji:" or "+ :emoji:""
+    // can be in 1 or 2 parts
+    if (parts.length <= 2) {
+        const hasShortcut = text.startsWith("+") || text.startsWith("+ ");
+        const emojiMatch = text.match(EMOJI_REGEX);
+        if (hasShortcut && emojiMatch && emojiMatch.length == 1) {
+            return emojiMatch[0] === text.substring(1) || emojiMatch[0] === text.substring(2);
+        }
+    }
+    return false;
+}
+
+interface ISendMessageComposerProps extends MatrixClientProps {
+    room: Room;
+    uploadVm: RoomUploadViewModel;
+    placeholder?: string;
+    relation?: IEventRelation;
+    replyToEvent?: MatrixEvent;
+    disabled?: boolean;
+    onChange?(model: EditorModel): void;
+    toggleStickerPickerOpen: () => void;
+    urlPreviewVm: MessageComposerUrlPreviewViewModel;
+}
+
+interface ISendMessageActionProps {
+    urlPreviewSnapshot: MessageComposerUrlPreviewSnapshot;
+}
+
+export class SendMessageComposer extends React.Component<ISendMessageComposerProps> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+
+    private readonly prepareToEncrypt?: DebouncedFunc<() => void>;
+    private readonly editorRef = createRef<BasicMessageComposer>();
+    private model: EditorModel;
+    private currentlyComposedEditorState: SerializedPart[] | null = null;
+    private dispatcherRef?: string;
+    private sendHistoryManager: SendHistoryManager;
+
+    public constructor(props: ISendMessageComposerProps, context: React.ContextType<typeof RoomContext>) {
+        super(props, context);
+
+        if (this.props.mxClient.getCrypto() && this.props.mxClient.isRoomEncrypted(this.props.room.roomId)) {
+            this.prepareToEncrypt = throttle(
+                () => {
+                    this.props.mxClient.getCrypto()?.prepareToEncrypt(this.props.room);
+                },
+                60000,
+                { leading: true, trailing: false },
+            );
+        }
+
+        const partCreator = new CommandPartCreator(this.props.room, this.props.mxClient);
+        const parts = this.restoreStoredEditorState(partCreator) || [];
+        this.model = new EditorModel(parts, partCreator);
+        this.sendHistoryManager = new SendHistoryManager(this.props.room.roomId, "mx_cider_history_");
+    }
+
+    public componentDidMount(): void {
+        window.addEventListener("beforeunload", this.saveStoredEditorState);
+        this.dispatcherRef = dis.register(this.onAction);
+    }
+
+    public componentDidUpdate(prevProps: ISendMessageComposerProps): void {
+        const replyingToThread = this.props.relation?.key === THREAD_RELATION_TYPE.name;
+        const differentEventTarget = this.props.relation?.event_id !== prevProps.relation?.event_id;
+
+        const threadChanged = replyingToThread && differentEventTarget;
+        if (threadChanged) {
+            const partCreator = new CommandPartCreator(this.props.room, this.props.mxClient);
+            const parts = this.restoreStoredEditorState(partCreator) || [];
+            this.model.reset(parts);
+            this.editorRef.current?.focus();
+        }
+    }
+
+    private onKeyDown = (event: KeyboardEvent): void => {
+        // ignore any keypress while doing IME compositions
+        if (this.editorRef.current?.isComposing(event)) {
+            return;
+        }
+        const replyingToThread = this.props.relation?.key === THREAD_RELATION_TYPE.name;
+        const action = getKeyBindingsManager().getMessageComposerAction(event);
+        switch (action) {
+            case KeyBindingAction.SendMessage: {
+                const urlPreviewSnapshot = this.props.urlPreviewVm.getSnapshot();
+                this.sendMessage({ urlPreviewSnapshot });
+                event.preventDefault();
+                break;
+            }
+            case KeyBindingAction.SelectPrevSendHistory:
+            case KeyBindingAction.SelectNextSendHistory: {
+                // Try select composer history
+                const selected = this.selectSendHistory(action === KeyBindingAction.SelectPrevSendHistory);
+                if (selected) {
+                    // We're selecting history, so prevent the key event from doing anything else
+                    event.preventDefault();
+                }
+                break;
+            }
+            case KeyBindingAction.ShowStickerPicker: {
+                if (!SettingsStore.getValue("MessageComposerInput.showStickersButton")) {
+                    return; // Do nothing if there is no Stickers button
+                }
+                this.props.toggleStickerPickerOpen();
+                event.preventDefault();
+                break;
+            }
+            case KeyBindingAction.EditPrevMessage:
+                // selection must be collapsed and caret at start
+                if (this.editorRef.current?.isSelectionCollapsed() && this.editorRef.current?.isCaretAtStart()) {
+                    const events = this.context.liveTimeline
+                        ?.getEvents()
+                        .concat(replyingToThread ? [] : this.props.room.getPendingEvents());
+                    const editEvent = events
+                        ? findEditableEvent({
+                              events,
+                              isForward: false,
+                              matrixClient: MatrixClientPeg.safeGet(),
+                          })
+                        : undefined;
+                    if (editEvent) {
+                        // We're selecting history, so prevent the key event from doing anything else
+                        event.preventDefault();
+                        dis.dispatch({
+                            action: Action.EditEvent,
+                            event: editEvent,
+                            timelineRenderingType: this.context.timelineRenderingType,
+                        });
+                    }
+                }
+                break;
+            case KeyBindingAction.CancelReplyOrEdit:
+                if (!!this.context.replyToEvent) {
+                    dis.dispatch({
+                        action: "reply_to_event",
+                        event: null,
+                        context: this.context.timelineRenderingType,
+                    });
+                    event.preventDefault();
+                    event.stopPropagation();
+                }
+                break;
+        }
+    };
+
+    // we keep sent messages/commands in a separate history (separate from undo history)
+    // so you can alt+up/down in them
+    private selectSendHistory(up: boolean): boolean {
+        const delta = up ? -1 : 1;
+        // True if we are not currently selecting history, but composing a message
+        if (this.sendHistoryManager.currentIndex === this.sendHistoryManager.history.length) {
+            // We can't go any further - there isn't any more history, so nop.
+            if (!up) {
+                return false;
+            }
+            this.currentlyComposedEditorState = this.model.serializeParts();
+        } else if (
+            this.currentlyComposedEditorState &&
+            this.sendHistoryManager.currentIndex + delta === this.sendHistoryManager.history.length
+        ) {
+            // True when we return to the message being composed currently
+            this.model.reset(this.currentlyComposedEditorState);
+            this.sendHistoryManager.currentIndex = this.sendHistoryManager.history.length;
+            return true;
+        }
+        const { parts, replyEventId } = this.sendHistoryManager.getItem(delta);
+        dis.dispatch({
+            action: "reply_to_event",
+            event: replyEventId ? this.props.room.findEventById(replyEventId) : null,
+            context: this.context.timelineRenderingType,
+        });
+        if (parts) {
+            this.model.reset(parts);
+            this.editorRef.current?.focus();
+        }
+        return true;
+    }
+
+    private sendQuickReaction(): void {
+        const timeline = this.context.liveTimeline;
+        if (!timeline) return;
+        const events = timeline.getEvents();
+        const reaction = this.model.parts[1].text;
+        for (let i = events.length - 1; i >= 0; i--) {
+            if (events[i].getType() === EventType.RoomMessage) {
+                let shouldReact = true;
+                const lastMessage = events[i];
+                const userId = MatrixClientPeg.safeGet().getSafeUserId();
+                const messageReactions = this.props.room.relations.getChildEventsForEvent(
+                    lastMessage.getId()!,
+                    RelationType.Annotation,
+                    EventType.Reaction,
+                );
+
+                // if we have already sent this reaction, don't redact but don't re-send
+                if (messageReactions) {
+                    const myReactionEvents =
+                        messageReactions.getAnnotationsBySender()?.[userId] || new Set<MatrixEvent>();
+                    const myReactionKeys = [...myReactionEvents]
+                        .filter((event) => !event.isRedacted())
+                        .map((event) => event.getRelation()?.key);
+                    shouldReact = !myReactionKeys.includes(reaction);
+                }
+                if (shouldReact) {
+                    MatrixClientPeg.safeGet().sendEvent(lastMessage.getRoomId()!, EventType.Reaction, {
+                        "m.relates_to": {
+                            rel_type: RelationType.Annotation,
+                            event_id: lastMessage.getId()!,
+                            key: reaction,
+                        },
+                    });
+                    dis.dispatch({ action: "message_sent" });
+                }
+                break;
+            }
+        }
+    }
+
+    /*
+     * The URL preview VM snapshot before the composer is cleared
+     */
+    public async sendMessage({ urlPreviewSnapshot }: ISendMessageActionProps): Promise<void> {
+        const model = this.model;
+
+        if (model.isEmpty) {
+            return;
+        }
+
+        const posthogEvent: ComposerEvent = {
+            eventName: "Composer",
+            isEditing: false,
+            messageType: "Text",
+            isReply: !!this.props.replyToEvent,
+            inThread: this.props.relation?.rel_type === THREAD_RELATION_TYPE.name,
+        };
+        if (posthogEvent.inThread && this.props.relation!.event_id) {
+            const threadRoot = this.props.room.findEventById(this.props.relation!.event_id);
+            posthogEvent.startsThread = threadRoot?.getThread()?.events.length === 1;
+        }
+        PosthogAnalytics.instance.trackEvent<ComposerEvent>(posthogEvent);
+
+        // Replace emoticon at the end of the message
+        if (SettingsStore.getValue("MessageComposerInput.autoReplaceEmoji")) {
+            const indexOfLastPart = model.parts.length - 1;
+            const positionInLastPart = model.parts[indexOfLastPart].text.length;
+            this.editorRef.current?.replaceEmoticon(
+                new DocumentPosition(indexOfLastPart, positionInLastPart),
+                REGEX_EMOTICON,
+            );
+        }
+
+        const replyToEvent = this.props.replyToEvent;
+        let shouldSend = true;
+        let content: RoomMessageEventContent | null = null;
+
+        if (!containsEmote(model) && isSlashCommand(this.model)) {
+            const [cmd, args, commandText] = getSlashCommand(this.props.room.roomId, this.model);
+            if (cmd) {
+                const threadId =
+                    this.props.relation?.rel_type === THREAD_RELATION_TYPE.name ? this.props.relation?.event_id : null;
+
+                let commandSuccessful: boolean;
+                [content, commandSuccessful] = await runSlashCommand(
+                    MatrixClientPeg.safeGet(),
+                    cmd,
+                    args,
+                    this.props.room.roomId,
+                    threadId ?? null,
+                );
+                if (!commandSuccessful) {
+                    return; // errored
+                }
+
+                if (
+                    content &&
+                    [CommandCategories.messages as string, CommandCategories.effects as string].includes(cmd.category)
+                ) {
+                    // Attach any mentions which might be contained in the command content.
+                    attachMentions(this.props.mxClient.getSafeUserId(), content, model, replyToEvent);
+                    attachRelation(content, this.props.relation);
+                    if (replyToEvent) {
+                        addReplyToMessageContent(content, replyToEvent);
+                    }
+                } else {
+                    shouldSend = false;
+                }
+            } else {
+                const sendAnyway = await shouldSendAnyway(commandText);
+                // re-focus the composer after QuestionDialog is closed
+                dis.dispatch({
+                    action: Action.FocusAComposer,
+                    context: this.context.timelineRenderingType,
+                });
+                // if !sendAnyway bail to let the user edit the composer and try again
+                if (!sendAnyway) return;
+            }
+        }
+
+        if (isQuickReaction(model)) {
+            shouldSend = false;
+            this.sendQuickReaction();
+        }
+
+        const clearComposerAndPushHistory = (): void => {
+            this.sendHistoryManager.save(model, replyToEvent);
+            // clear composer
+            model.reset([]);
+            this.editorRef.current?.clearUndoHistory();
+            this.editorRef.current?.focus();
+            this.clearStoredEditorState();
+            if (shouldSend && SettingsStore.getValue("scrollToBottomOnMessageSent")) {
+                dis.dispatch({
+                    action: "scroll_to_bottom",
+                    timelineRenderingType: this.context.timelineRenderingType,
+                });
+            }
+        };
+
+        if (shouldSend) {
+            const { roomId } = this.props.room;
+            if (!content) {
+                content = createMessageContent(
+                    this.props.mxClient.getSafeUserId(),
+                    model,
+                    replyToEvent,
+                    this.props.relation,
+                );
+            }
+
+            // don't bother sending an empty message
+            if (!content.body.trim()) return;
+
+            // clear composer first so the user doesn't actually see the delay of attach URL preview image files
+            clearComposerAndPushHistory();
+            attachUrlPreviews(urlPreviewSnapshot, content);
+
+            if (SettingsStore.getValue("Performance.addSendMessageTimingMetadata")) {
+                decorateStartSendingTime(content);
+            }
+
+            const threadId =
+                this.props.relation?.rel_type === THREAD_RELATION_TYPE.name ? this.props.relation.event_id : null;
+
+            const prom = doMaybeLocalRoomAction(
+                roomId,
+                (actualRoomId: string) => this.props.mxClient.sendMessage(actualRoomId, threadId ?? null, content!),
+                this.props.mxClient,
+            );
+            if (replyToEvent) {
+                // Clear reply_to_event as we put the message into the queue
+                // if the send fails, retry will handle resending.
+                dis.dispatch({
+                    action: "reply_to_event",
+                    event: null,
+                    context: this.context.timelineRenderingType,
+                });
+            }
+            dis.dispatch({ action: "message_sent" });
+            CHAT_EFFECTS.forEach((effect) => {
+                if (containsEmoji(content!, effect.emojis)) {
+                    // For initial threads launch, chat effects are disabled
+                    // see #19731
+                    const isNotThread = this.props.relation?.rel_type !== THREAD_RELATION_TYPE.name;
+                    if (isNotThread) {
+                        dis.dispatch({ action: `effects.${effect.command}` });
+                    }
+                }
+            });
+            if (SettingsStore.getValue("Performance.addSendMessageTimingMetadata")) {
+                prom.then((resp) => {
+                    sendRoundTripMetric(this.props.mxClient, roomId, resp.event_id);
+                });
+            }
+        } else {
+            clearComposerAndPushHistory();
+        }
+    }
+
+    public componentWillUnmount(): void {
+        dis.unregister(this.dispatcherRef);
+        window.removeEventListener("beforeunload", this.saveStoredEditorState);
+        this.saveStoredEditorState();
+    }
+
+    private get editorStateKey(): string {
+        let key = EDITOR_STATE_STORAGE_PREFIX + this.props.room.roomId;
+        if (this.props.relation?.rel_type === THREAD_RELATION_TYPE.name) {
+            key += `_${this.props.relation.event_id}`;
+        }
+        return key;
+    }
+
+    private clearStoredEditorState(): void {
+        localStorage.removeItem(this.editorStateKey);
+    }
+
+    private restoreStoredEditorState(partCreator: PartCreator): Part[] | null {
+        const replyingToThread = this.props.relation?.key === THREAD_RELATION_TYPE.name;
+        if (replyingToThread) {
+            return null;
+        }
+
+        const json = localStorage.getItem(this.editorStateKey);
+        if (json) {
+            try {
+                const { parts: serializedParts, replyEventId } = JSON.parse(json);
+                const parts: Part[] = serializedParts.map((p: SerializedPart) => partCreator.deserializePart(p));
+                if (replyEventId) {
+                    dis.dispatch({
+                        action: "reply_to_event",
+                        event: this.props.room.findEventById(replyEventId),
+                        context: this.context.timelineRenderingType,
+                    });
+                }
+                return parts;
+            } catch (e) {
+                logger.error(e);
+            }
+        }
+
+        return null;
+    }
+
+    // should save state when editor has contents or reply is open
+    private shouldSaveStoredEditorState = (): boolean => {
+        return !this.model.isEmpty || !!this.props.replyToEvent;
+    };
+
+    private saveStoredEditorState = (): void => {
+        if (this.shouldSaveStoredEditorState()) {
+            const item = SendHistoryManager.createItem(this.model, this.props.replyToEvent);
+            localStorage.setItem(this.editorStateKey, JSON.stringify(item));
+        } else {
+            this.clearStoredEditorState();
+        }
+    };
+
+    private onAction = (payload: ActionPayload): void => {
+        // don't let the user into the composer if it is disabled - all of these branches lead
+        // to the cursor being in the composer
+        if (this.props.disabled) return;
+
+        switch (payload.action) {
+            case "reply_to_event":
+            case Action.FocusSendMessageComposer:
+                if ((payload.context ?? TimelineRenderingType.Room) === this.context.timelineRenderingType) {
+                    this.editorRef.current?.focus();
+                }
+                break;
+            case Action.ComposerInsert:
+                if (payload.timelineRenderingType !== this.context.timelineRenderingType) break;
+                if (payload.composerType !== ComposerType.Send) break;
+
+                if (payload.userId) {
+                    this.editorRef.current?.insertMention(payload.userId);
+                } else if (payload.event) {
+                    this.editorRef.current?.insertQuotedMessage(payload.event);
+                } else if (payload.text) {
+                    this.editorRef.current?.insertPlaintext(payload.text);
+                }
+                break;
+        }
+    };
+
+    private onPaste = (event: Event | SyntheticEvent, data: DataTransfer): boolean => {
+        // Prioritize text on the clipboard over files if RTF is present as Office on macOS puts a bitmap
+        // in the clipboard as well as the content being copied. Modern versions of Office seem to not do this anymore.
+        // We check text/rtf instead of text/plain as when copy+pasting a file from Finder or Gnome Image Viewer
+        // it puts the filename in as text/plain which we want to ignore.
+        if (data.files.length && !data.types.includes("text/rtf")) {
+            this.props.uploadVm.initiateViaDataTransfer(data);
+            return true; // to skip internal onPaste handler
+        }
+
+        // Safari `Insert from iPhone or iPad`
+        // data.getData("text/html") returns a string like: <img src="blob:https://...">
+        if (data.types.includes("text/html")) {
+            const imgElementStr = data.getData("text/html");
+            const parser = new DOMParser();
+            const imgDoc = parser.parseFromString(imgElementStr, "text/html");
+
+            if (
+                imgDoc.getElementsByTagName("img").length !== 1 ||
+                !imgDoc.querySelector("img")?.src.startsWith("blob:") ||
+                imgDoc.childNodes.length !== 1
+            ) {
+                console.log("Failed to handle pasted content as Safari inserted content");
+
+                // Fallback to internal onPaste handler
+                return false;
+            }
+            const imgSrc = imgDoc.querySelector("img")!.src;
+
+            fetch(imgSrc).then(
+                (response) => {
+                    response.blob().then(
+                        (imgBlob) => {
+                            const type = imgBlob.type;
+                            const safetype = getBlobSafeMimeType(type);
+                            const ext = type.split("/")[1];
+                            const parts = response.url.split("/");
+                            const filename = parts[parts.length - 1];
+                            const file = new File([imgBlob], filename + "." + ext, { type: safetype });
+                            this.props.uploadVm.initiateViaInputFiles([file]);
+                        },
+                        (error) => {
+                            console.log(error);
+                        },
+                    );
+                },
+                (error) => {
+                    console.log(error);
+                },
+            );
+
+            // Skip internal onPaste handler
+            return true;
+        }
+
+        return false;
+    };
+
+    private onChange = (selection?: Caret, inputType?: string, diff?: IDiff): void => {
+        // We call this in here rather than onKeyDown as that would trip it on global shortcuts e.g. Ctrl-k also
+        if (!!diff) {
+            this.prepareToEncrypt?.();
+        }
+
+        this.props.onChange?.(this.model);
+    };
+
+    private focusComposer = (): void => {
+        this.editorRef.current?.focus();
+    };
+
+    public render(): React.ReactNode {
+        const threadId =
+            this.props.relation?.rel_type === THREAD_RELATION_TYPE.name ? this.props.relation.event_id : undefined;
+        return (
+            <div className="mx_SendMessageComposer" onClick={this.focusComposer} onKeyDown={this.onKeyDown}>
+                <BasicMessageComposer
+                    onChange={this.onChange}
+                    ref={this.editorRef}
+                    model={this.model}
+                    room={this.props.room}
+                    threadId={threadId}
+                    label={this.props.placeholder}
+                    placeholder={this.props.placeholder}
+                    onPaste={this.onPaste}
+                    disabled={this.props.disabled}
+                />
+            </div>
+        );
+    }
+}
+
+function SendMessageComposerWrapped(
+    props: Omit<ISendMessageComposerProps, "mxClient" | "uploadVm"> &
+        RefAttributes<InstanceType<typeof SendMessageComposer>>,
+): ReactElement {
+    const client = useMatrixClientContext();
+    const uploadVm = useRoomUploadViewModel();
+    return <SendMessageComposer {...props} mxClient={client} uploadVm={uploadVm} />;
+}
+
+export default SendMessageComposerWrapped;
diff --git a/apps/web/src/components/views/rooms/Stickerpicker.tsx b/apps/web/src/components/views/rooms/Stickerpicker.tsx
new file mode 100644
index 00000000000..c20e7e0fcad
--- /dev/null
+++ b/apps/web/src/components/views/rooms/Stickerpicker.tsx
@@ -0,0 +1,357 @@
+/*
+Copyright 2018-2024 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 { 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 } from "../../../languageHandler";
+import AppTile from "../elements/AppTile";
+import dis from "../../../dispatcher/dispatcher";
+import AccessibleButton from "../elements/AccessibleButton";
+import WidgetUtils, { type UserWidget } from "../../../utils/WidgetUtils";
+import PersistedElement from "../elements/PersistedElement";
+import { IntegrationManagers } from "../../../integrations/IntegrationManagers";
+import ContextMenu, { ChevronFace } from "../../structures/ContextMenu";
+import { WidgetType } from "../../../widgets/WidgetType";
+import { WidgetMessagingStore } from "../../../stores/widgets/WidgetMessagingStore";
+import { type ActionPayload } from "../../../dispatcher/payloads";
+import type ScalarAuthClient from "../../../ScalarAuthClient";
+import GenericElementContextMenu from "../context_menus/GenericElementContextMenu";
+import { UPDATE_EVENT } from "../../../stores/AsyncStore";
+import StickerpackPlaceholder from "../../../../res/img/stickerpack-placeholder.png";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+// This should be below the dialog level (4000), but above the rest of the UI (1000-2000).
+// We sit in a context menu, so this should be given to the context menu.
+const STICKERPICKER_Z_INDEX = 3500;
+
+// Key to store the widget's AppTile under in PersistedElement
+const PERSISTED_ELEMENT_KEY = "stickerPicker";
+
+interface IProps {
+    room: Room;
+    threadId?: string | null;
+    isStickerPickerOpen: boolean;
+    menuPosition?: any;
+    setStickerPickerOpen: (isStickerPickerOpen: boolean) => void;
+}
+
+interface IState {
+    imError: string | null;
+    stickerpickerWidget: UserWidget | null;
+    widgetId: string | null;
+}
+
+export default class Stickerpicker extends React.PureComponent<IProps, IState> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    public static defaultProps: Partial<IProps> = {
+        threadId: null,
+    };
+
+    public static currentWidget?: UserWidget;
+
+    private dispatcherRef?: string;
+
+    private prevSentVisibility?: boolean;
+
+    private popoverWidth = 300;
+    private popoverHeight = 300;
+    // This is loaded by _acquireScalarClient on an as-needed basis.
+    private scalarClient: ScalarAuthClient | null = null;
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            imError: null,
+            stickerpickerWidget: null,
+            widgetId: null,
+        };
+    }
+
+    private async acquireScalarClient(): Promise<void | undefined | null | ScalarAuthClient> {
+        if (this.scalarClient) return Promise.resolve(this.scalarClient);
+        // TODO: Pick the right manager for the widget
+        if (IntegrationManagers.sharedInstance().hasManager()) {
+            this.scalarClient = IntegrationManagers.sharedInstance().getPrimaryManager()?.getScalarClient() ?? null;
+            return this.scalarClient
+                ?.connect()
+                .then(() => {
+                    this.forceUpdate();
+                    return this.scalarClient;
+                })
+                .catch((e) => {
+                    this.imError(_td("integration_manager|error_connecting_heading"), e);
+                });
+        } else {
+            IntegrationManagers.sharedInstance().openNoManagerDialog();
+        }
+    }
+
+    private removeStickerpickerWidgets = async (): Promise<void> => {
+        const scalarClient = await this.acquireScalarClient();
+        logger.log("Removing Stickerpicker widgets");
+        if (this.state.widgetId) {
+            if (scalarClient) {
+                scalarClient
+                    .disableWidgetAssets(WidgetType.STICKERPICKER, this.state.widgetId)
+                    .then(() => {
+                        logger.log("Assets disabled");
+                    })
+                    .catch(() => {
+                        logger.error("Failed to disable assets");
+                    });
+            } else {
+                logger.error("Cannot disable assets: no scalar client");
+            }
+        } else {
+            logger.warn("No widget ID specified, not disabling assets");
+        }
+
+        this.props.setStickerPickerOpen(false);
+        WidgetUtils.removeStickerpickerWidgets(this.props.room.client)
+            .then(() => {
+                this.forceUpdate();
+            })
+            .catch((e) => {
+                logger.error("Failed to remove sticker picker widget", e);
+            });
+    };
+
+    public componentDidMount(): void {
+        // Close the sticker picker when the window resizes
+        window.addEventListener("resize", this.onResize);
+
+        this.dispatcherRef = dis.register(this.onAction);
+
+        // Track updates to widget state in account data
+        this.context.client?.on(ClientEvent.AccountData, this.updateWidget);
+
+        this.context.rightPanelStore.on(UPDATE_EVENT, this.onRightPanelStoreUpdate);
+        // Initialise widget state from current account data
+        this.updateWidget();
+    }
+
+    public componentWillUnmount(): void {
+        this.context.client?.removeListener(ClientEvent.AccountData, this.updateWidget);
+        this.context.rightPanelStore.off(UPDATE_EVENT, this.onRightPanelStoreUpdate);
+        window.removeEventListener("resize", this.onResize);
+        dis.unregister(this.dispatcherRef);
+    }
+
+    public componentDidUpdate(): void {
+        this.sendVisibilityToWidget(this.props.isStickerPickerOpen);
+    }
+
+    private imError(errorMsg: TranslationKey, e: Error): void {
+        logger.error(errorMsg, e);
+        this.setState({
+            imError: _t(errorMsg),
+        });
+        this.props.setStickerPickerOpen(false);
+    }
+
+    private updateWidget = (): void => {
+        const stickerpickerWidget = WidgetUtils.getStickerpickerWidgets(this.props.room.client)[0];
+        if (!stickerpickerWidget) {
+            Stickerpicker.currentWidget = undefined;
+            this.setState({ stickerpickerWidget: null, widgetId: null });
+            return;
+        }
+
+        const currentWidget = Stickerpicker.currentWidget;
+        const currentUrl = currentWidget?.content?.url ?? null;
+        const newUrl = stickerpickerWidget?.content?.url ?? null;
+
+        if (newUrl !== currentUrl) {
+            // Destroy the existing frame so a new one can be created
+            PersistedElement.destroyElement(PERSISTED_ELEMENT_KEY);
+        }
+
+        Stickerpicker.currentWidget = stickerpickerWidget;
+        this.setState({
+            stickerpickerWidget,
+            widgetId: stickerpickerWidget ? stickerpickerWidget.id : null,
+        });
+    };
+
+    private onAction = (payload: ActionPayload): void => {
+        switch (payload.action) {
+            case "user_widget_updated":
+                this.forceUpdate();
+                break;
+            case "stickerpicker_close":
+                this.props.setStickerPickerOpen(false);
+                break;
+            case "show_left_panel":
+            case "hide_left_panel":
+                this.props.setStickerPickerOpen(false);
+                break;
+        }
+    };
+
+    private onRightPanelStoreUpdate = (): void => {
+        this.props.setStickerPickerOpen(false);
+    };
+
+    private defaultStickerpickerContent(): JSX.Element {
+        return (
+            <AccessibleButton onClick={this.launchManageIntegrations} className="mx_Stickers_contentPlaceholder">
+                <p>{_t("stickers|empty")}</p>
+                <p className="mx_Stickers_addLink">{_t("stickers|empty_add_prompt")}</p>
+                <img src={StickerpackPlaceholder} alt="" />
+            </AccessibleButton>
+        );
+    }
+
+    private errorStickerpickerContent(): JSX.Element {
+        return (
+            <div style={{ textAlign: "center" }} className="error">
+                <p> {this.state.imError} </p>
+            </div>
+        );
+    }
+
+    private sendVisibilityToWidget(visible: boolean): void {
+        if (!this.state.stickerpickerWidget) return;
+        const messaging = WidgetMessagingStore.instance.getMessagingForUid(
+            WidgetUtils.calcWidgetUid(this.state.stickerpickerWidget.id),
+        );
+        if (messaging?.widgetApi && visible !== this.prevSentVisibility) {
+            messaging.widgetApi.updateVisibility(visible).catch((err) => {
+                logger.error("Error updating widget visibility: ", err);
+            });
+            this.prevSentVisibility = visible;
+        }
+    }
+
+    public getStickerpickerContent(): JSX.Element {
+        // Handle integration manager errors
+        if (this.state.imError) {
+            return this.errorStickerpickerContent();
+        }
+
+        // Stickers
+        // TODO - Add support for Stickerpickers from multiple app stores.
+        // Render content from multiple stickerpack sources, each within their
+        // own iframe, within the stickerpicker UI element.
+        const stickerpickerWidget = this.state.stickerpickerWidget;
+        let stickersContent: JSX.Element | undefined;
+
+        // Use a separate ReactDOM tree to render the AppTile separately so that it persists and does
+        // not unmount when we (a) close the sticker picker (b) switch rooms. It's properties are still
+        // updated.
+
+        // Load stickerpack content
+        if (!!stickerpickerWidget?.content?.url) {
+            // Set default name
+            stickerpickerWidget.content.name = stickerpickerWidget.content.name || _t("common|stickerpack");
+
+            // FIXME: could this use the same code as other apps?
+            const stickerApp: IWidget = {
+                id: stickerpickerWidget.id,
+                url: stickerpickerWidget.content.url,
+                name: stickerpickerWidget.content.name,
+                type: stickerpickerWidget.content.type,
+                data: stickerpickerWidget.content.data,
+                creatorUserId: stickerpickerWidget.content.creatorUserId || stickerpickerWidget.sender,
+            };
+
+            stickersContent = (
+                <div className="mx_Stickers_content_container">
+                    <div
+                        id="stickersContent"
+                        className="mx_Stickers_content"
+                        style={{
+                            border: "none",
+                            height: this.popoverHeight,
+                            width: this.popoverWidth,
+                        }}
+                    >
+                        <PersistedElement persistKey={PERSISTED_ELEMENT_KEY} zIndex={STICKERPICKER_Z_INDEX}>
+                            <AppTile
+                                app={stickerApp}
+                                room={this.props.room}
+                                threadId={this.props.threadId}
+                                fullWidth={true}
+                                userId={this.context.client?.credentials.userId ?? undefined}
+                                creatorUserId={
+                                    stickerpickerWidget.sender || this.context.client?.credentials.userId || undefined
+                                }
+                                waitForIframeLoad={true}
+                                showMenubar={true}
+                                onEditClick={this.launchManageIntegrations}
+                                onDeleteClick={this.removeStickerpickerWidgets}
+                                showTitle={false}
+                                showPopout={false}
+                                handleMinimisePointerEvents={true}
+                                userWidget={true}
+                                showLayoutButtons={false}
+                            />
+                        </PersistedElement>
+                    </div>
+                </div>
+            );
+        } else {
+            // Default content to show if stickerpicker widget not added
+            stickersContent = this.defaultStickerpickerContent();
+        }
+        return stickersContent;
+    }
+
+    /**
+     * Called when the window is resized
+     */
+    private onResize = (): void => {
+        if (this.props.isStickerPickerOpen) {
+            this.props.setStickerPickerOpen(false);
+        }
+    };
+
+    /**
+     * The stickers picker was hidden
+     */
+    private onFinished = (): void => {
+        if (this.props.isStickerPickerOpen) {
+            this.props.setStickerPickerOpen(false);
+        }
+    };
+
+    /**
+     * Launch the integration manager on the stickers integration page
+     */
+    private launchManageIntegrations = (): void => {
+        // noinspection JSIgnoredPromiseFromCall
+        IntegrationManagers.sharedInstance()
+            ?.getPrimaryManager()
+            ?.open(this.props.room, `type_${WidgetType.STICKERPICKER.preferred}`, this.state.widgetId ?? undefined);
+    };
+
+    public render(): React.ReactNode {
+        if (!this.props.isStickerPickerOpen) return null;
+
+        return (
+            <ContextMenu
+                chevronFace={ChevronFace.Bottom}
+                menuWidth={this.popoverWidth}
+                menuHeight={this.popoverHeight}
+                onFinished={this.onFinished}
+                menuPaddingTop={0}
+                menuPaddingLeft={0}
+                menuPaddingRight={0}
+                zIndex={STICKERPICKER_Z_INDEX}
+                mountAsChild={true}
+                {...this.props.menuPosition}
+            >
+                <GenericElementContextMenu element={this.getStickerpickerContent()} onResize={this.onFinished} />
+            </ContextMenu>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/ThirdPartyMemberInfo.tsx b/apps/web/src/components/views/rooms/ThirdPartyMemberInfo.tsx
new file mode 100644
index 00000000000..ef5e248bd4f
--- /dev/null
+++ b/apps/web/src/components/views/rooms/ThirdPartyMemberInfo.tsx
@@ -0,0 +1,142 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 JSX } from "react";
+import { EventType, type MatrixEvent, type Room, RoomStateEvent } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { Button, Text } from "@vector-im/compound-web";
+import { Flex } from "@element-hq/web-shared-components";
+
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { _t } from "../../../languageHandler";
+import dis from "../../../dispatcher/dispatcher";
+import Modal from "../../../Modal";
+import { isValid3pidInvite } from "../../../RoomInvite";
+import { Action } from "../../../dispatcher/actions";
+import ErrorDialog from "../dialogs/ErrorDialog";
+import BaseCard from "../right_panel/BaseCard";
+
+interface IProps {
+    event: MatrixEvent;
+    onClose?: () => void;
+}
+
+interface IState {
+    stateKey: string;
+    roomId: string;
+    displayName: string;
+    invited: boolean;
+    canKick: boolean;
+    senderName: string;
+}
+
+export default class ThirdPartyMemberInfo extends React.Component<IProps, IState> {
+    private readonly room: Room | null;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.room = MatrixClientPeg.safeGet().getRoom(this.props.event.getRoomId());
+        const me = this.room?.getMember(MatrixClientPeg.safeGet().getSafeUserId());
+        const powerLevels = this.room?.currentState.getStateEvents("m.room.power_levels", "");
+        const senderId = this.props.event.getSender()!;
+
+        let kickLevel = powerLevels ? powerLevels.getContent().kick : 50;
+        if (typeof kickLevel !== "number") kickLevel = 50;
+
+        const sender = this.room?.getMember(senderId);
+
+        this.state = {
+            stateKey: this.props.event.getStateKey()!,
+            roomId: this.props.event.getRoomId()!,
+            displayName: this.props.event.getContent().display_name,
+            invited: true,
+            canKick: me ? me.powerLevel > kickLevel : false,
+            senderName: sender?.name ?? senderId,
+        };
+    }
+
+    public componentDidMount(): void {
+        MatrixClientPeg.safeGet().on(RoomStateEvent.Events, this.onRoomStateEvents);
+    }
+
+    public componentWillUnmount(): void {
+        const client = MatrixClientPeg.get();
+        if (client) {
+            client.removeListener(RoomStateEvent.Events, this.onRoomStateEvents);
+        }
+    }
+
+    public onRoomStateEvents = (ev: MatrixEvent): void => {
+        if (ev.getType() === EventType.RoomThirdPartyInvite && ev.getStateKey() === this.state.stateKey) {
+            const newDisplayName = ev.getContent().display_name;
+            const isInvited = isValid3pidInvite(ev);
+
+            const newState = { invited: isInvited } as IState;
+            if (newDisplayName) newState["displayName"] = newDisplayName;
+            this.setState(newState);
+        }
+    };
+
+    public onCancel = (): void => {
+        dis.dispatch({
+            action: Action.View3pidInvite,
+            event: null,
+        });
+    };
+
+    public onKickClick = (): void => {
+        MatrixClientPeg.safeGet()
+            .sendStateEvent(this.state.roomId, EventType.RoomThirdPartyInvite, {}, this.state.stateKey)
+            .catch((err) => {
+                logger.error(err);
+
+                // Revert echo because of error
+                this.setState({ invited: true });
+
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("user_info|error_revoke_3pid_invite_title"),
+                    description: _t("user_info|error_revoke_3pid_invite_description"),
+                });
+            });
+
+        // Local echo
+        this.setState({ invited: false });
+    };
+
+    public render(): React.ReactNode {
+        let adminTools: JSX.Element | undefined;
+        if (this.state.canKick && this.state.invited) {
+            adminTools = (
+                <Flex direction="column" as="section" justify="start" gap="var(--cpd-space-2x)">
+                    <Text as="span" role="heading" size="lg" weight="semibold" aria-level={3}>
+                        {_t("user_info|admin_tools_section")}
+                    </Text>
+                    <Button size="md" kind="destructive" className="mx_MemberInfo_field" onClick={this.onKickClick}>
+                        {_t("user_info|revoke_invite")}
+                    </Button>
+                </Flex>
+            );
+        }
+
+        return (
+            <BaseCard onClose={this.props.onClose} header={_t("common|profile")}>
+                <Flex className="mx_ThirdPartyMemberInfo" direction="column" gap="var(--cpd-space-4x)">
+                    <Flex direction="column" as="section" justify="start" gap="var(--cpd-space-2x)">
+                        {/* same as userinfo name style */}
+                        <Text as="span" role="heading" size="lg" weight="semibold" aria-level={2}>
+                            {this.state.displayName}
+                        </Text>
+                        <Text as="span">{_t("user_info|invited_by", { sender: this.state.senderName })}</Text>
+                    </Flex>
+                    {adminTools}
+                </Flex>
+            </BaseCard>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/TopUnreadMessagesBar.tsx b/apps/web/src/components/views/rooms/TopUnreadMessagesBar.tsx
new file mode 100644
index 00000000000..6bd9f598696
--- /dev/null
+++ b/apps/web/src/components/views/rooms/TopUnreadMessagesBar.tsx
@@ -0,0 +1,41 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 from "react";
+import { ChevronUpIcon, CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+
+interface IProps {
+    onScrollUpClick: (e: ButtonEvent) => void;
+    onCloseClick: (e: ButtonEvent) => void;
+}
+
+export default class TopUnreadMessagesBar extends React.PureComponent<IProps> {
+    public render(): React.ReactNode {
+        return (
+            <div className="mx_TopUnreadMessagesBar">
+                <AccessibleButton
+                    className="mx_TopUnreadMessagesBar_scrollUp"
+                    title={_t("room|jump_read_marker")}
+                    onClick={this.props.onScrollUpClick}
+                >
+                    <ChevronUpIcon />
+                </AccessibleButton>
+                <AccessibleButton
+                    className="mx_TopUnreadMessagesBar_markAsRead"
+                    title={_t("notifications|mark_all_read")}
+                    onClick={this.props.onCloseClick}
+                >
+                    <CloseIcon />
+                </AccessibleButton>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/UserIdentityWarning.tsx b/apps/web/src/components/views/rooms/UserIdentityWarning.tsx
new file mode 100644
index 00000000000..3b42c545ef5
--- /dev/null
+++ b/apps/web/src/components/views/rooms/UserIdentityWarning.tsx
@@ -0,0 +1,146 @@
+/*
+Copyright 2024 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 Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { Button, Separator } from "@vector-im/compound-web";
+import classNames from "classnames";
+
+import { _t } from "../../../languageHandler";
+import MemberAvatar from "../avatars/MemberAvatar";
+import {
+    useUserIdentityWarningViewModel,
+    type ViolationPrompt,
+} from "../../viewmodels/rooms/UserIdentityWarningViewModel";
+import { type ButtonEvent } from "../elements/AccessibleButton.tsx";
+
+interface UserIdentityWarningProps {
+    /**
+     * The current room being viewed.
+     */
+    room: Room;
+    /**
+     * The ID of the room being viewed.  This is used to ensure that the
+     * component's state and references are cleared when the room changes.
+     */
+    key: string;
+}
+
+/**
+ * Displays a banner warning when there is an issue with a user's identity.
+ *
+ * Warns when an unverified user's identity was reset, and gives the user a
+ * button to acknowledge the change.
+ */
+export const UserIdentityWarning: React.FC<UserIdentityWarningProps> = ({ room }) => {
+    const { currentPrompt, dispatchAction } = useUserIdentityWarningViewModel(room, room.roomId);
+
+    if (!currentPrompt) return null;
+
+    const [title, action] = getTitleAndAction(currentPrompt);
+
+    const onButtonClick = (ev: ButtonEvent): void => {
+        ev.preventDefault();
+        if (currentPrompt.type === "VerificationViolation") {
+            dispatchAction({ type: "WithdrawVerification", userId: currentPrompt.member.userId });
+        } else {
+            dispatchAction({ type: "PinUserIdentity", userId: currentPrompt.member.userId });
+        }
+    };
+    return warningBanner(
+        currentPrompt.type === "VerificationViolation",
+        memberAvatar(currentPrompt.member),
+        title,
+        action,
+        onButtonClick,
+    );
+};
+
+function getTitleAndAction(prompt: ViolationPrompt): [title: React.ReactNode, action: string] {
+    let title: React.ReactNode;
+    let action: string;
+    if (prompt.type === "VerificationViolation") {
+        if (prompt.member.rawDisplayName === prompt.member.userId) {
+            title = _t(
+                "encryption|verified_identity_changed_no_displayname",
+                { userId: prompt.member.userId },
+                {
+                    a: substituteATag,
+                    b: substituteBTag,
+                },
+            );
+        } else {
+            title = _t(
+                "encryption|verified_identity_changed",
+                { displayName: prompt.member.rawDisplayName, userId: prompt.member.userId },
+                {
+                    a: substituteATag,
+                    b: substituteBTag,
+                },
+            );
+        }
+        action = _t("encryption|withdraw_verification_action");
+    } else {
+        if (prompt.member.rawDisplayName === prompt.member.userId) {
+            title = _t(
+                "encryption|pinned_identity_changed_no_displayname",
+                { userId: prompt.member.userId },
+                {
+                    a: substituteATag,
+                    b: substituteBTag,
+                },
+            );
+        } else {
+            title = _t(
+                "encryption|pinned_identity_changed",
+                { displayName: prompt.member.rawDisplayName, userId: prompt.member.userId },
+                {
+                    a: substituteATag,
+                    b: substituteBTag,
+                },
+            );
+        }
+        action = _t("action|dismiss");
+    }
+    return [title, action];
+}
+
+function warningBanner(
+    isCritical: boolean,
+    avatar: React.ReactNode,
+    title: React.ReactNode,
+    action: string,
+    onButtonClick: (ev: ButtonEvent) => void,
+): React.ReactNode {
+    return (
+        <div className={classNames("mx_UserIdentityWarning", { critical: isCritical })}>
+            <Separator />
+            <div className="mx_UserIdentityWarning_row">
+                {avatar}
+                <span className={classNames("mx_UserIdentityWarning_main", { critical: isCritical })}>{title}</span>
+                <Button kind="secondary" size="md" onClick={onButtonClick}>
+                    {action}
+                </Button>
+            </div>
+        </div>
+    );
+}
+function memberAvatar(member: RoomMember): React.ReactNode {
+    return <MemberAvatar member={member} title={member.userId} size="30px" />;
+}
+
+function substituteATag(sub: string): React.ReactNode {
+    return (
+        <a href="https://element.io/help#encryption18" target="_blank" rel="noreferrer noopener">
+            {sub}
+        </a>
+    );
+}
+
+function substituteBTag(sub: string): React.ReactNode {
+    return <b>{sub}</b>;
+}
diff --git a/apps/web/src/components/views/rooms/VoiceRecordComposerTile.tsx b/apps/web/src/components/views/rooms/VoiceRecordComposerTile.tsx
new file mode 100644
index 00000000000..fdd171b210d
--- /dev/null
+++ b/apps/web/src/components/views/rooms/VoiceRecordComposerTile.tsx
@@ -0,0 +1,309 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 ReactNode } from "react";
+import { MediaBody } from "@element-hq/web-shared-components";
+import { type Room, type IEventRelation, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { DeleteIcon, StopSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import { RecordingState } from "../../../audio/VoiceRecording";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import LiveRecordingWaveform from "../audio_messages/LiveRecordingWaveform";
+import LiveRecordingClock from "../audio_messages/LiveRecordingClock";
+import { VoiceRecordingStore } from "../../../stores/VoiceRecordingStore";
+import { UPDATE_EVENT } from "../../../stores/AsyncStore";
+import RecordingPlayback, { PlaybackLayout } from "../audio_messages/RecordingPlayback";
+import Modal from "../../../Modal";
+import ErrorDialog from "../dialogs/ErrorDialog";
+import MediaDeviceHandler, { MediaDeviceKindEnum } from "../../../MediaDeviceHandler";
+import { NotificationBadge } from "./NotificationBadge/NotificationBadge";
+import { StaticNotificationState } from "../../../stores/notifications/StaticNotificationState";
+import { NotificationLevel } from "../../../stores/notifications/NotificationLevel";
+import InlineSpinner from "../elements/InlineSpinner";
+import { PlaybackManager } from "../../../audio/PlaybackManager";
+import { doMaybeLocalRoomAction } from "../../../utils/local-room";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { attachMentions, attachRelation } from "../../../utils/messages";
+import { addReplyToMessageContent } from "../../../utils/Reply";
+import RoomContext from "../../../contexts/RoomContext";
+import { type IUpload, type VoiceMessageRecording } from "../../../audio/VoiceMessageRecording";
+import { createVoiceMessageContent } from "../../../utils/createVoiceMessageContent";
+import AccessibleButton from "../elements/AccessibleButton";
+
+interface IProps {
+    room: Room;
+    relation?: IEventRelation;
+    replyToEvent?: MatrixEvent;
+}
+
+interface IState {
+    recorder?: VoiceMessageRecording;
+    recordingPhase?: RecordingState;
+    didUploadFail?: boolean;
+}
+
+/**
+ * Container tile for rendering the voice message recorder in the composer.
+ */
+export default class VoiceRecordComposerTile extends React.PureComponent<IProps, IState> {
+    public static contextType = RoomContext;
+    declare public context: React.ContextType<typeof RoomContext>;
+    private voiceRecordingId: string;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {};
+
+        this.voiceRecordingId = VoiceRecordingStore.getVoiceRecordingId(this.props.room, this.props.relation);
+    }
+
+    public componentDidMount(): void {
+        const recorder = VoiceRecordingStore.instance.getActiveRecording(this.voiceRecordingId);
+        if (recorder) {
+            if (recorder.isRecording || !recorder.hasRecording) {
+                logger.warn("Cached recording hasn't ended yet and might cause issues");
+            }
+            this.bindNewRecorder(recorder);
+            this.setState({ recorder, recordingPhase: RecordingState.Ended });
+        }
+    }
+
+    public async componentWillUnmount(): Promise<void> {
+        // Stop recording, but keep the recording memory (don't dispose it). This is to let the user
+        // come back and finish working with it.
+        const recording = VoiceRecordingStore.instance.getActiveRecording(this.voiceRecordingId);
+        await recording?.stop();
+
+        // Clean up our listeners by binding a falsy recorder
+        this.bindNewRecorder(null);
+    }
+
+    // called by composer
+    public async send(): Promise<void> {
+        if (!this.state.recorder) {
+            throw new Error("No recording started - cannot send anything");
+        }
+
+        const { replyToEvent, relation } = this.props;
+
+        await this.state.recorder.stop();
+
+        let upload: IUpload;
+        try {
+            upload = await this.state.recorder.upload(this.voiceRecordingId);
+        } catch (e) {
+            logger.error("Error uploading voice message:", e);
+
+            // Flag error and move on. The recording phase will be reset by the upload function.
+            this.setState({ didUploadFail: true });
+
+            return; // don't dispose the recording: the user has a chance to re-upload
+        }
+
+        try {
+            // noinspection ES6MissingAwait - we don't care if it fails, it'll get queued.
+            const content = createVoiceMessageContent(
+                upload.mxc,
+                this.state.recorder.contentType,
+                Math.round(this.state.recorder.durationSeconds * 1000),
+                this.state.recorder.contentLength,
+                upload.encrypted,
+                this.state.recorder.getPlayback().thumbnailWaveform.map((v) => Math.round(v * 1024)),
+            );
+
+            // Attach mentions, which really only applies if there's a replyToEvent.
+            attachMentions(MatrixClientPeg.safeGet().getSafeUserId(), content, null, replyToEvent);
+            attachRelation(content, relation);
+            if (replyToEvent) {
+                addReplyToMessageContent(content, replyToEvent);
+                // Clear reply_to_event as we put the message into the queue
+                // if the send fails, retry will handle resending.
+                defaultDispatcher.dispatch({
+                    action: "reply_to_event",
+                    event: null,
+                    context: this.context.timelineRenderingType,
+                });
+            }
+
+            doMaybeLocalRoomAction(
+                this.props.room.roomId,
+                (actualRoomId: string) => MatrixClientPeg.safeGet().sendMessage(actualRoomId, content),
+                this.props.room.client,
+            );
+        } catch (e) {
+            logger.error("Error sending voice message:", e);
+
+            // Voice message should be in the timeline at this point, so let other things take care
+            // of error handling. We also shouldn't need the recording anymore, so fall through to
+            // disposal.
+        }
+        await this.disposeRecording();
+    }
+
+    private async disposeRecording(): Promise<void> {
+        await VoiceRecordingStore.instance.disposeRecording(this.voiceRecordingId);
+
+        // Reset back to no recording, which means no phase (ie: restart component entirely)
+        this.setState({ recorder: undefined, recordingPhase: undefined, didUploadFail: false });
+    }
+
+    private onCancel = async (): Promise<void> => {
+        await this.disposeRecording();
+    };
+
+    public onRecordStartEndClick = async (): Promise<void> => {
+        if (this.state.recorder) {
+            await this.state.recorder.stop();
+            return;
+        }
+
+        // The "microphone access error" dialogs are used a lot, so let's functionify them
+        const accessError = (): void => {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("voip|unable_to_access_audio_input_title"),
+                description: <p>{_t("voip|unable_to_access_audio_input_description")}</p>,
+            });
+        };
+
+        // Do a sanity test to ensure we're about to grab a valid microphone reference. Things might
+        // change between this and recording, but at least we will have tried.
+        try {
+            const devices = await MediaDeviceHandler.getDevices();
+            if (!devices?.[MediaDeviceKindEnum.AudioInput]?.length) {
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("voip|no_audio_input_title"),
+                    description: <p>{_t("voip|no_audio_input_description")}</p>,
+                });
+                return;
+            }
+            // else we probably have a device that is good enough
+        } catch (e) {
+            logger.error("Error getting devices: ", e);
+            accessError();
+            return;
+        }
+
+        try {
+            // stop any noises which might be happening
+            PlaybackManager.instance.pauseAllExcept();
+            const recorder = VoiceRecordingStore.instance.startRecording(this.voiceRecordingId);
+            await recorder.start();
+
+            this.bindNewRecorder(recorder);
+
+            this.setState({ recorder, recordingPhase: RecordingState.Started });
+        } catch (e) {
+            logger.error("Error starting recording: ", e);
+            accessError();
+
+            // noinspection ES6MissingAwait - if this goes wrong we don't want it to affect the call stack
+            VoiceRecordingStore.instance.disposeRecording(this.voiceRecordingId);
+        }
+    };
+
+    private bindNewRecorder(recorder: VoiceMessageRecording | null): void {
+        if (this.state.recorder) {
+            this.state.recorder.off(UPDATE_EVENT, this.onRecordingUpdate);
+        }
+        if (recorder) {
+            recorder.on(UPDATE_EVENT, this.onRecordingUpdate);
+        }
+    }
+
+    private onRecordingUpdate = (ev: RecordingState): void => {
+        if (ev === RecordingState.EndingSoon) return; // ignore this state: it has no UI purpose here
+        this.setState({ recordingPhase: ev });
+    };
+
+    private renderWaveformArea(): ReactNode {
+        if (!this.state.recorder) return null; // no recorder means we're not recording: no waveform
+
+        if (this.state.recordingPhase !== RecordingState.Started) {
+            return <RecordingPlayback playback={this.state.recorder.getPlayback()} layout={PlaybackLayout.Composer} />;
+        }
+
+        // only other UI is the recording-in-progress UI
+        return (
+            <MediaBody className="mx_VoiceMessagePrimaryContainer mx_VoiceRecordComposerTile_recording">
+                <LiveRecordingClock recorder={this.state.recorder} />
+                <LiveRecordingWaveform recorder={this.state.recorder} />
+            </MediaBody>
+        );
+    }
+
+    public render(): ReactNode {
+        if (!this.state.recordingPhase) return null;
+
+        let stopBtn;
+        let deleteButton;
+        if (this.state.recordingPhase === RecordingState.Started) {
+            let tooltip = _t("composer|send_voice_message");
+            if (!!this.state.recorder) {
+                tooltip = _t("composer|stop_voice_message");
+            }
+
+            stopBtn = (
+                <AccessibleButton
+                    className="mx_VoiceRecordComposerTile_stop"
+                    onClick={this.onRecordStartEndClick}
+                    title={tooltip}
+                >
+                    <StopSolidIcon />
+                </AccessibleButton>
+            );
+            if (this.state.recorder && !this.state.recorder?.isRecording) {
+                stopBtn = null;
+            }
+        }
+
+        if (this.state.recorder && this.state.recordingPhase !== RecordingState.Uploading) {
+            deleteButton = (
+                <AccessibleButton
+                    className="mx_VoiceRecordComposerTile_delete"
+                    title={_t("action|delete")}
+                    onClick={this.onCancel}
+                >
+                    <DeleteIcon />
+                </AccessibleButton>
+            );
+        }
+
+        let uploadIndicator;
+        if (this.state.recordingPhase === RecordingState.Uploading) {
+            uploadIndicator = (
+                <span className="mx_VoiceRecordComposerTile_uploadingState">
+                    <InlineSpinner size={16} />
+                </span>
+            );
+        } else if (this.state.didUploadFail && this.state.recordingPhase === RecordingState.Ended) {
+            uploadIndicator = (
+                <span className="mx_VoiceRecordComposerTile_failedState">
+                    <span className="mx_VoiceRecordComposerTile_uploadState_badge">
+                        {/* Need to stick the badge in a span to ensure it doesn't create a block component */}
+                        <NotificationBadge
+                            notification={StaticNotificationState.forSymbol("!", NotificationLevel.Highlight)}
+                        />
+                    </span>
+                    <span className="text-warning">{_t("timeline|send_state_failed")}</span>
+                </span>
+            );
+        }
+
+        return (
+            <>
+                {uploadIndicator}
+                {deleteButton}
+                {stopBtn}
+                {this.renderWaveformArea()}
+            </>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/WhoIsTypingTile.tsx b/apps/web/src/components/views/rooms/WhoIsTypingTile.tsx
new file mode 100644
index 00000000000..7fd197f1627
--- /dev/null
+++ b/apps/web/src/components/views/rooms/WhoIsTypingTile.tsx
@@ -0,0 +1,218 @@
+/*
+Copyright 2017-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.
+*/
+
+import React, { type JSX } from "react";
+import { type Room, RoomEvent, type RoomMember, RoomMemberEvent, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import * as WhoIsTyping from "../../../WhoIsTyping";
+import Timer from "../../../utils/Timer";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import MemberAvatar from "../avatars/MemberAvatar";
+
+interface IProps {
+    // the room this statusbar is representing.
+    room: Room;
+    onShown?: () => void;
+    onHidden?: () => void;
+    // Number of names to display in typing indication. E.g. set to 3, will
+    // result in "X, Y, Z and 100 others are typing."
+    whoIsTypingLimit: number;
+}
+
+interface IState {
+    usersTyping: RoomMember[];
+    // a map with userid => Timer to delay
+    // hiding the "x is typing" message for a
+    // user so hiding it can coincide
+    // with the sent message by the other side
+    // resulting in less timeline jumpiness
+    delayedStopTypingTimers: Record<string, Timer>;
+}
+
+export default class WhoIsTypingTile extends React.Component<IProps, IState> {
+    public static defaultProps = {
+        whoIsTypingLimit: 3,
+    };
+
+    public state: IState = {
+        usersTyping: WhoIsTyping.usersTypingApartFromMe(this.props.room),
+        delayedStopTypingTimers: {},
+    };
+
+    public componentDidMount(): void {
+        MatrixClientPeg.safeGet().on(RoomMemberEvent.Typing, this.onRoomMemberTyping);
+        MatrixClientPeg.safeGet().on(RoomEvent.Timeline, this.onRoomTimeline);
+    }
+
+    public componentDidUpdate(prevProps: IProps, prevState: IState): void {
+        const wasVisible = WhoIsTypingTile.isVisible(prevState);
+        const isVisible = WhoIsTypingTile.isVisible(this.state);
+        if (this.props.onShown && !wasVisible && isVisible) {
+            this.props.onShown();
+        } else if (this.props.onHidden && wasVisible && !isVisible) {
+            this.props.onHidden();
+        }
+    }
+
+    public componentWillUnmount(): void {
+        // we may have entirely lost our client as we're logging out before clicking login on the guest bar...
+        const client = MatrixClientPeg.get();
+        if (client) {
+            client.removeListener(RoomMemberEvent.Typing, this.onRoomMemberTyping);
+            client.removeListener(RoomEvent.Timeline, this.onRoomTimeline);
+        }
+        Object.values(this.state.delayedStopTypingTimers).forEach((t) => t.abort());
+    }
+
+    private static isVisible(state: IState): boolean {
+        return state.usersTyping.length !== 0 || Object.keys(state.delayedStopTypingTimers).length !== 0;
+    }
+
+    public isVisible = (): boolean => {
+        return WhoIsTypingTile.isVisible(this.state);
+    };
+
+    private onRoomTimeline = (event: MatrixEvent, room?: Room): void => {
+        if (room?.roomId === this.props.room.roomId) {
+            const userId = event.getSender()!;
+            // remove user from usersTyping
+            const usersTyping = this.state.usersTyping.filter((m) => m.userId !== userId);
+            if (usersTyping.length !== this.state.usersTyping.length) {
+                this.setState({ usersTyping });
+            }
+            // abort timer if any
+            this.abortUserTimer(userId);
+        }
+    };
+
+    private onRoomMemberTyping = (): void => {
+        const usersTyping = WhoIsTyping.usersTypingApartFromMeAndIgnored(this.props.room);
+        this.setState({
+            delayedStopTypingTimers: this.updateDelayedStopTypingTimers(usersTyping),
+            usersTyping,
+        });
+    };
+
+    private updateDelayedStopTypingTimers(usersTyping: RoomMember[]): Record<string, Timer> {
+        const usersThatStoppedTyping = this.state.usersTyping.filter((a) => {
+            return !usersTyping.some((b) => a.userId === b.userId);
+        });
+        const usersThatStartedTyping = usersTyping.filter((a) => {
+            return !this.state.usersTyping.some((b) => a.userId === b.userId);
+        });
+        // abort all the timers for the users that started typing again
+        usersThatStartedTyping.forEach((m) => {
+            const timer = this.state.delayedStopTypingTimers[m.userId];
+            if (timer) {
+                timer.abort();
+            }
+        });
+        // prepare new delayedStopTypingTimers object to update state with
+        let delayedStopTypingTimers = Object.assign({}, this.state.delayedStopTypingTimers);
+        // remove members that started typing again
+        delayedStopTypingTimers = usersThatStartedTyping.reduce((delayedStopTypingTimers, m) => {
+            delete delayedStopTypingTimers[m.userId];
+            return delayedStopTypingTimers;
+        }, delayedStopTypingTimers);
+        // start timer for members that stopped typing
+        delayedStopTypingTimers = usersThatStoppedTyping.reduce((delayedStopTypingTimers, m) => {
+            if (!delayedStopTypingTimers[m.userId]) {
+                const timer = new Timer(5000);
+                delayedStopTypingTimers[m.userId] = timer;
+                timer.start();
+                timer.finished().then(
+                    () => this.removeUserTimer(m.userId), // on elapsed
+                    () => {
+                        /* aborted */
+                    },
+                );
+            }
+            return delayedStopTypingTimers;
+        }, delayedStopTypingTimers);
+
+        return delayedStopTypingTimers;
+    }
+
+    private abortUserTimer(userId: string): void {
+        const timer = this.state.delayedStopTypingTimers[userId];
+        if (timer) {
+            timer.abort();
+            this.removeUserTimer(userId);
+        }
+    }
+
+    private removeUserTimer(userId: string): void {
+        const timer = this.state.delayedStopTypingTimers[userId];
+        if (timer) {
+            const delayedStopTypingTimers = Object.assign({}, this.state.delayedStopTypingTimers);
+            delete delayedStopTypingTimers[userId];
+            this.setState({ delayedStopTypingTimers });
+        }
+    }
+
+    private renderTypingIndicatorAvatars(users: RoomMember[], limit: number): JSX.Element[] {
+        let othersCount = 0;
+        if (users.length > limit) {
+            othersCount = users.length - limit + 1;
+            users = users.slice(0, limit - 1);
+        }
+
+        const avatars = users.map((u) => {
+            return (
+                <MemberAvatar
+                    key={u.userId}
+                    member={u}
+                    size="24px"
+                    resizeMethod="crop"
+                    viewUserOnClick={true}
+                    aria-live="off"
+                />
+            );
+        });
+
+        if (othersCount > 0) {
+            avatars.push(
+                <span className="mx_WhoIsTypingTile_remainingAvatarPlaceholder" key="others">
+                    +{othersCount}
+                </span>,
+            );
+        }
+
+        return avatars;
+    }
+
+    public render(): React.ReactNode {
+        const usersTyping = [...this.state.usersTyping];
+        // append the users that have been reported not typing anymore
+        // but have a timeout timer running so they can disappear
+        // when a message comes in
+        for (const userId in this.state.delayedStopTypingTimers) {
+            const member = this.props.room.getMember(userId);
+            if (member) usersTyping.push(member);
+        }
+
+        // sort them so the typing members don't change order when
+        // moved to delayedStopTypingTimers
+        const collator = new Intl.Collator();
+        usersTyping.sort((a, b) => collator.compare(a.name, b.name));
+
+        const typingString = WhoIsTyping.whoIsTypingString(usersTyping, this.props.whoIsTypingLimit);
+        if (!typingString) {
+            return null;
+        }
+
+        return (
+            <li className="mx_WhoIsTypingTile" aria-atomic="true">
+                <div className="mx_WhoIsTypingTile_avatars">
+                    {this.renderTypingIndicatorAvatars(usersTyping, this.props.whoIsTypingLimit)}
+                </div>
+                <div className="mx_WhoIsTypingTile_label">{typingString}</div>
+            </li>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/ComposerContext.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/ComposerContext.ts
new file mode 100644
index 00000000000..df6ef53f952
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/ComposerContext.ts
@@ -0,0 +1,33 @@
+/*
+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 { createContext, useContext } from "react";
+import { type IEventRelation } from "matrix-js-sdk/src/matrix";
+
+import { type SubSelection } from "./types";
+import type EditorStateTransfer from "../../../../utils/EditorStateTransfer";
+
+export function getDefaultContextValue(defaultValue?: Partial<ComposerContextState>): { selection: SubSelection } {
+    return {
+        selection: { anchorNode: null, anchorOffset: 0, focusNode: null, focusOffset: 0, isForward: true },
+        ...defaultValue,
+    };
+}
+
+export interface ComposerContextState {
+    selection: SubSelection;
+    editorStateTransfer?: EditorStateTransfer;
+    eventRelation?: IEventRelation;
+}
+
+export const ComposerContext = createContext<ComposerContextState>(getDefaultContextValue());
+ComposerContext.displayName = "ComposerContext";
+
+export function useComposerContext(): ComposerContextState {
+    return useContext(ComposerContext);
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/DynamicImportWysiwygComposer.tsx b/apps/web/src/components/views/rooms/wysiwyg_composer/DynamicImportWysiwygComposer.tsx
new file mode 100644
index 00000000000..3eb405a2ff1
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/DynamicImportWysiwygComposer.tsx
@@ -0,0 +1,73 @@
+/*
+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 JSX, type ComponentProps, lazy, Suspense } from "react";
+import { type ISendEventResponse } from "matrix-js-sdk/src/matrix";
+
+// we need to import the types for TS, but do not import the sendMessage
+// function to avoid importing from "@vector-im/matrix-wysiwyg"
+import { type SendMessageParams } from "./utils/message";
+
+const SendComposer = lazy(() => import("./SendWysiwygComposer"));
+const EditComposer = lazy(() => import("./EditWysiwygComposer"));
+
+export const dynamicImportSendMessage = async (
+    message: string,
+    isHTML: boolean,
+    params: SendMessageParams,
+): Promise<ISendEventResponse | undefined> => {
+    const { sendMessage } = await import("./utils/message");
+
+    return sendMessage(message, isHTML, params);
+};
+
+export const dynamicImportConversionFunctions = async (): Promise<{
+    /**
+     * Creates a rust model from rich text input (html) and uses it to generate the plain text equivalent (which may
+     * contain markdown). The return value must be used to set `.innerHTML` (rather than `.innerText`) to
+     * ensure that HTML entities are correctly interpreted, and to prevent newline characters being turned into `<br>`.
+     *
+     * @param rich - html to convert
+     * @param inMessageFormat - `true` to format the return value for use as a message `formatted_body`.
+     * `false` to format it for writing to an editor element.
+     * @returns a string of plain text that may contain markdown
+     */
+    richToPlain(this: void, rich: string, inMessageFormat: boolean): Promise<string>;
+
+    /**
+     * Creates a rust model from plain text input (interpreted as markdown) and uses it to generate the rich text
+     * equivalent. Output can be formatted for display in the composer or for sending in a Matrix message.
+     *
+     * @param plain - plain text to convert. Note: when reading the plain text from the editor element, be sure to
+     * use `.innerHTML` (rather than `.innerText`) to ensure that punctuation characters are correctly HTML-encoded.
+     * @param inMessageFormat - `true` to format the return value for use as a message `formatted_body`.
+     * `false` to format it for writing to an editor element.
+     * @returns a string of html
+     */
+    plainToRich(this: void, plain: string, inMessageFormat: boolean): Promise<string>;
+}> => {
+    const { richToPlain, plainToRich } = await import("@vector-im/matrix-wysiwyg");
+
+    return { richToPlain, plainToRich };
+};
+
+export function DynamicImportSendWysiwygComposer(props: ComponentProps<typeof SendComposer>): JSX.Element {
+    return (
+        <Suspense fallback={<div />}>
+            <SendComposer {...props} />
+        </Suspense>
+    );
+}
+
+export function DynamicImportEditWysiwygComposer(props: ComponentProps<typeof EditComposer>): JSX.Element {
+    return (
+        <Suspense fallback={<div />}>
+            <EditComposer {...props} />
+        </Suspense>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/EditWysiwygComposer.tsx b/apps/web/src/components/views/rooms/wysiwyg_composer/EditWysiwygComposer.tsx
new file mode 100644
index 00000000000..c84f130f345
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/EditWysiwygComposer.tsx
@@ -0,0 +1,77 @@
+/*
+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 JSX, type RefObject, useMemo, type ReactNode } from "react";
+import classNames from "classnames";
+
+import type EditorStateTransfer from "../../../../utils/EditorStateTransfer";
+import { WysiwygComposer } from "./components/WysiwygComposer";
+import { EditionButtons } from "./components/EditionButtons";
+import { useWysiwygEditActionHandler } from "./hooks/useWysiwygEditActionHandler";
+import { useEditing } from "./hooks/useEditing";
+import { useInitialContent } from "./hooks/useInitialContent";
+import { ComposerContext, getDefaultContextValue } from "./ComposerContext";
+import { type ComposerFunctions } from "./types";
+
+interface ContentProps {
+    disabled?: boolean;
+    composerFunctions: ComposerFunctions;
+    ref?: RefObject<HTMLElement | null>;
+}
+
+const Content = function Content({ disabled = false, composerFunctions, ref }: ContentProps): ReactNode {
+    useWysiwygEditActionHandler(disabled, ref, composerFunctions);
+    return null;
+};
+
+interface EditWysiwygComposerProps {
+    disabled?: boolean;
+    onChange?: (content: string) => void;
+    editorStateTransfer: EditorStateTransfer;
+    className?: string;
+}
+
+// Default needed for React.lazy
+export default function EditWysiwygComposer({
+    editorStateTransfer,
+    className,
+    ...props
+}: EditWysiwygComposerProps): JSX.Element {
+    const defaultContextValue = useMemo(() => getDefaultContextValue({ editorStateTransfer }), [editorStateTransfer]);
+    const initialContent = useInitialContent(editorStateTransfer);
+    const isReady = !editorStateTransfer || initialContent !== undefined;
+
+    const { editMessage, endEditing, onChange, isSaveDisabled } = useEditing(editorStateTransfer, initialContent);
+
+    if (!isReady) {
+        return <></>;
+    }
+
+    return (
+        <ComposerContext.Provider value={defaultContextValue}>
+            <WysiwygComposer
+                className={classNames("mx_EditWysiwygComposer", className)}
+                initialContent={initialContent}
+                onChange={onChange}
+                onSend={editMessage}
+                {...props}
+            >
+                {(ref, composerFunctions) => (
+                    <>
+                        <Content disabled={props.disabled} ref={ref} composerFunctions={composerFunctions} />
+                        <EditionButtons
+                            onCancelClick={endEditing}
+                            onSaveClick={editMessage}
+                            isSaveDisabled={isSaveDisabled}
+                        />
+                    </>
+                )}
+            </WysiwygComposer>
+        </ComposerContext.Provider>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/SendWysiwygComposer.tsx b/apps/web/src/components/views/rooms/wysiwyg_composer/SendWysiwygComposer.tsx
new file mode 100644
index 00000000000..dac930e6e1a
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/SendWysiwygComposer.tsx
@@ -0,0 +1,87 @@
+/*
+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 JSX, type RefObject, useMemo, type ReactNode } from "react";
+import { type IEventRelation } from "matrix-js-sdk/src/matrix";
+import LockOffIcon from "@vector-im/compound-design-tokens/assets/web/icons/lock-off";
+
+import { useWysiwygSendActionHandler } from "./hooks/useWysiwygSendActionHandler";
+import { WysiwygComposer } from "./components/WysiwygComposer";
+import { PlainTextComposer } from "./components/PlainTextComposer";
+import { type ComposerFunctions } from "./types";
+import { E2EStatus } from "../../../../utils/ShieldUtils";
+import E2EIcon from "../E2EIcon";
+import { type MenuProps } from "../../../structures/ContextMenu";
+import { Emoji } from "./components/Emoji";
+import { ComposerContext, getDefaultContextValue } from "./ComposerContext";
+
+interface ContentProps {
+    disabled?: boolean;
+    composerFunctions: ComposerFunctions;
+    ref?: RefObject<HTMLElement | null>;
+}
+
+const Content = function Content({ disabled = false, composerFunctions, ref }: ContentProps): ReactNode {
+    useWysiwygSendActionHandler(disabled, ref, composerFunctions);
+    return null;
+};
+
+export interface SendWysiwygComposerProps {
+    initialContent?: string;
+    isRichTextEnabled: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    e2eStatus?: E2EStatus;
+    onChange: (content: string) => void;
+    onSend: () => void;
+    menuPosition: MenuProps;
+    eventRelation?: IEventRelation;
+}
+
+// Default needed for React.lazy
+export default function SendWysiwygComposer({
+    isRichTextEnabled,
+    e2eStatus,
+    menuPosition,
+    ...props
+}: SendWysiwygComposerProps): JSX.Element {
+    const Composer = isRichTextEnabled ? WysiwygComposer : PlainTextComposer;
+    const defaultContextValue = useMemo(
+        () => getDefaultContextValue({ eventRelation: props.eventRelation }),
+        [props.eventRelation],
+    );
+
+    let leftIcon: false | JSX.Element = false;
+    if (!e2eStatus) {
+        leftIcon = (
+            <LockOffIcon
+                data-testid="e2e-icon"
+                width={12}
+                height={12}
+                color="var(--cpd-color-icon-info-primary)"
+                className="mx_E2EIcon"
+            />
+        );
+    } else if (e2eStatus !== E2EStatus.Normal) {
+        leftIcon = <E2EIcon status={e2eStatus} size={12} />;
+    }
+    return (
+        <ComposerContext.Provider value={defaultContextValue}>
+            <Composer
+                className="mx_SendWysiwygComposer"
+                leftComponent={leftIcon}
+                rightComponent={<Emoji menuPosition={menuPosition} />}
+                {...props}
+            >
+                {(ref, composerFunctions) => (
+                    <Content disabled={props.disabled} ref={ref} composerFunctions={composerFunctions} />
+                )}
+            </Composer>
+        </ComposerContext.Provider>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/components/EditionButtons.tsx b/apps/web/src/components/views/rooms/wysiwyg_composer/components/EditionButtons.tsx
new file mode 100644
index 00000000000..3742c7dabd7
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/components/EditionButtons.tsx
@@ -0,0 +1,35 @@
+/*
+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 JSX } from "react";
+
+import { _t } from "../../../../../languageHandler";
+import AccessibleButton, { type ButtonEvent } from "../../../elements/AccessibleButton";
+
+interface EditionButtonsProps {
+    onCancelClick: (e: ButtonEvent) => void;
+    onSaveClick: (e: ButtonEvent) => void;
+    isSaveDisabled?: boolean;
+}
+
+export function EditionButtons({
+    onCancelClick,
+    onSaveClick,
+    isSaveDisabled = false,
+}: EditionButtonsProps): JSX.Element {
+    return (
+        <div className="mx_EditWysiwygComposer_buttons">
+            <AccessibleButton kind="secondary" onClick={onCancelClick}>
+                {_t("action|cancel")}
+            </AccessibleButton>
+            <AccessibleButton kind="primary" onClick={onSaveClick} disabled={isSaveDisabled}>
+                {_t("action|save")}
+            </AccessibleButton>
+        </div>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/components/Editor.tsx b/apps/web/src/components/views/rooms/wysiwyg_composer/components/Editor.tsx
new file mode 100644
index 00000000000..9a6847c6367
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/components/Editor.tsx
@@ -0,0 +1,56 @@
+/*
+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 classNames from "classnames";
+import React, { type CSSProperties, memo, type RefObject, type ReactNode } from "react";
+
+import { useIsExpanded } from "../hooks/useIsExpanded";
+import { useSelection } from "../hooks/useSelection";
+import { _t } from "../../../../../i18n";
+
+const HEIGHT_BREAKING_POINT = 24;
+
+interface EditorProps {
+    disabled: boolean;
+    placeholder?: string;
+    leftComponent?: ReactNode;
+    rightComponent?: ReactNode;
+    ref?: RefObject<HTMLDivElement | null>;
+}
+
+export const Editor = memo(function Editor({ disabled, placeholder, leftComponent, rightComponent, ref }: EditorProps) {
+    const isExpanded = useIsExpanded(ref, HEIGHT_BREAKING_POINT);
+    const { onFocus, onBlur, onInput } = useSelection();
+
+    return (
+        <div data-testid="WysiwygComposerEditor" className="mx_WysiwygComposer_Editor" data-is-expanded={isExpanded}>
+            {leftComponent}
+            <div className="mx_WysiwygComposer_Editor_container">
+                <div
+                    className={classNames("mx_WysiwygComposer_Editor_content", {
+                        mx_WysiwygComposer_Editor_content_placeholder: Boolean(placeholder),
+                    })}
+                    style={{ "--placeholder": `"${placeholder}"` } as CSSProperties}
+                    ref={ref}
+                    contentEditable={!disabled}
+                    role="textbox"
+                    aria-label={_t("a11y|message_composer")}
+                    aria-multiline="true"
+                    aria-autocomplete="list"
+                    aria-haspopup="listbox"
+                    dir="auto"
+                    aria-disabled={disabled}
+                    onFocus={onFocus}
+                    onBlur={onBlur}
+                    onInput={onInput}
+                />
+            </div>
+            {rightComponent}
+        </div>
+    );
+});
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/components/Emoji.tsx b/apps/web/src/components/views/rooms/wysiwyg_composer/components/Emoji.tsx
new file mode 100644
index 00000000000..75e8cc10cd2
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/components/Emoji.tsx
@@ -0,0 +1,38 @@
+/*
+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 JSX } from "react";
+
+import { type MenuProps } from "../../../../structures/ContextMenu";
+import { EmojiButton } from "../../EmojiButton";
+import dis from "../../../../../dispatcher/dispatcher";
+import { type ComposerInsertPayload } from "../../../../../dispatcher/payloads/ComposerInsertPayload";
+import { Action } from "../../../../../dispatcher/actions";
+import { useScopedRoomContext } from "../../../../../contexts/ScopedRoomContext.tsx";
+
+interface EmojiProps {
+    menuPosition: MenuProps;
+}
+
+export function Emoji({ menuPosition }: EmojiProps): JSX.Element {
+    const roomContext = useScopedRoomContext("timelineRenderingType");
+
+    return (
+        <EmojiButton
+            menuPosition={menuPosition}
+            addEmoji={(emoji) => {
+                dis.dispatch<ComposerInsertPayload>({
+                    action: Action.ComposerInsert,
+                    text: emoji,
+                    timelineRenderingType: roomContext.timelineRenderingType,
+                });
+                return true;
+            }}
+        />
+    );
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/components/FormattingButtons.tsx b/apps/web/src/components/views/rooms/wysiwyg_composer/components/FormattingButtons.tsx
new file mode 100644
index 00000000000..15d6405d873
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/components/FormattingButtons.tsx
@@ -0,0 +1,161 @@
+/*
+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 JSX, type MouseEventHandler, type ReactNode } from "react";
+import { type FormattingFunctions, type AllActionStates, type ActionState } from "@vector-im/matrix-wysiwyg";
+import classNames from "classnames";
+import BoldIcon from "@vector-im/compound-design-tokens/assets/web/icons/bold";
+import BulletedListIcon from "@vector-im/compound-design-tokens/assets/web/icons/list-bulleted";
+import CodeBlockIcon from "@vector-im/compound-design-tokens/assets/web/icons/code";
+import UnIndentIcon from "@vector-im/compound-design-tokens/assets/web/icons/indent-decrease";
+import IndentIcon from "@vector-im/compound-design-tokens/assets/web/icons/indent-increase";
+import InlineCodeIcon from "@vector-im/compound-design-tokens/assets/web/icons/inline-code";
+import ItalicIcon from "@vector-im/compound-design-tokens/assets/web/icons/italic";
+import NumberedListIcon from "@vector-im/compound-design-tokens/assets/web/icons/list-numbered";
+import QuoteIcon from "@vector-im/compound-design-tokens/assets/web/icons/quote";
+import StrikeThroughIcon from "@vector-im/compound-design-tokens/assets/web/icons/strikethrough";
+import UnderlineIcon from "@vector-im/compound-design-tokens/assets/web/icons/underline";
+import LinkIcon from "@vector-im/compound-design-tokens/assets/web/icons/link";
+
+import { _t } from "../../../../../languageHandler";
+import AccessibleButton, { type ButtonEvent } from "../../../elements/AccessibleButton";
+import { openLinkModal } from "./LinkModal";
+import { useComposerContext } from "../ComposerContext";
+import { KeyboardShortcut } from "../../../settings/KeyboardShortcut";
+import { type KeyCombo } from "../../../../../KeyBindingsManager";
+
+interface ButtonProps {
+    icon: ReactNode;
+    actionState: ActionState;
+    onClick: MouseEventHandler<HTMLButtonElement>;
+    label: string;
+    keyCombo?: KeyCombo;
+}
+
+function Button({ label, keyCombo, onClick, actionState, icon }: ButtonProps): JSX.Element {
+    return (
+        <AccessibleButton
+            element="button"
+            onClick={onClick as (e: ButtonEvent) => void}
+            aria-label={label}
+            disabled={actionState === "disabled"}
+            className={classNames("mx_FormattingButtons_Button", {
+                mx_FormattingButtons_active: actionState === "reversed",
+                mx_FormattingButtons_Button_hover: actionState === "enabled",
+                mx_FormattingButtons_disabled: actionState === "disabled",
+            })}
+            title={actionState === "disabled" ? undefined : label}
+            caption={
+                keyCombo && (
+                    <KeyboardShortcut value={keyCombo} className="mx_FormattingButtons_Tooltip_KeyboardShortcut" />
+                )
+            }
+            placement="top"
+        >
+            {icon}
+        </AccessibleButton>
+    );
+}
+
+interface FormattingButtonsProps {
+    composer: FormattingFunctions;
+    actionStates: AllActionStates;
+    /**
+     * Whether all buttons should be disabled
+     */
+    disabled?: boolean;
+}
+
+export function FormattingButtons({ composer, actionStates, disabled }: FormattingButtonsProps): JSX.Element {
+    const composerContext = useComposerContext();
+    const isInList = actionStates.unorderedList === "reversed" || actionStates.orderedList === "reversed";
+    return (
+        <div className="mx_FormattingButtons">
+            <Button
+                actionState={disabled ? "disabled" : actionStates.bold}
+                label={_t("composer|format_bold")}
+                keyCombo={{ ctrlOrCmdKey: true, key: "b" }}
+                onClick={() => composer.bold()}
+                icon={<BoldIcon className="mx_FormattingButtons_Icon" />}
+            />
+            <Button
+                actionState={disabled ? "disabled" : actionStates.italic}
+                label={_t("composer|format_italic")}
+                keyCombo={{ ctrlOrCmdKey: true, key: "i" }}
+                onClick={() => composer.italic()}
+                icon={<ItalicIcon className="mx_FormattingButtons_Icon" />}
+            />
+            <Button
+                actionState={disabled ? "disabled" : actionStates.underline}
+                label={_t("composer|format_underline")}
+                keyCombo={{ ctrlOrCmdKey: true, key: "u" }}
+                onClick={() => composer.underline()}
+                icon={<UnderlineIcon className="mx_FormattingButtons_Icon" />}
+            />
+            <Button
+                actionState={disabled ? "disabled" : actionStates.strikeThrough}
+                label={_t("composer|format_strikethrough")}
+                onClick={() => composer.strikeThrough()}
+                icon={<StrikeThroughIcon className="mx_FormattingButtons_Icon" />}
+            />
+            <Button
+                actionState={disabled ? "disabled" : actionStates.unorderedList}
+                label={_t("composer|format_unordered_list")}
+                onClick={() => composer.unorderedList()}
+                icon={<BulletedListIcon className="mx_FormattingButtons_Icon" />}
+            />
+            <Button
+                actionState={disabled ? "disabled" : actionStates.orderedList}
+                label={_t("composer|format_ordered_list")}
+                onClick={() => composer.orderedList()}
+                icon={<NumberedListIcon className="mx_FormattingButtons_Icon" />}
+            />
+            {isInList && (
+                <Button
+                    actionState={disabled ? "disabled" : actionStates.indent}
+                    label={_t("composer|format_increase_indent")}
+                    onClick={() => composer.indent()}
+                    icon={<IndentIcon className="mx_FormattingButtons_Icon" />}
+                />
+            )}
+            {isInList && (
+                <Button
+                    actionState={disabled ? "disabled" : actionStates.unindent}
+                    label={_t("composer|format_decrease_indent")}
+                    onClick={() => composer.unindent()}
+                    icon={<UnIndentIcon className="mx_FormattingButtons_Icon" />}
+                />
+            )}
+            <Button
+                actionState={disabled ? "disabled" : actionStates.quote}
+                label={_t("action|quote")}
+                onClick={() => composer.quote()}
+                icon={<QuoteIcon className="mx_FormattingButtons_Icon" />}
+            />
+            <Button
+                actionState={disabled ? "disabled" : actionStates.inlineCode}
+                label={_t("composer|format_inline_code")}
+                keyCombo={{ ctrlOrCmdKey: true, key: "e" }}
+                onClick={() => composer.inlineCode()}
+                icon={<InlineCodeIcon className="mx_FormattingButtons_Icon" />}
+            />
+            <Button
+                actionState={disabled ? "disabled" : actionStates.codeBlock}
+                label={_t("composer|format_code_block")}
+                onClick={() => composer.codeBlock()}
+                icon={<CodeBlockIcon className="mx_FormattingButtons_Icon" />}
+            />
+            <Button
+                actionState={disabled ? "disabled" : actionStates.link}
+                label={_t("composer|format_link")}
+                onClick={() => openLinkModal(composer, composerContext, actionStates.link === "reversed")}
+                icon={<LinkIcon className="mx_FormattingButtons_Icon" />}
+            />
+        </div>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/components/LinkModal.tsx b/apps/web/src/components/views/rooms/wysiwyg_composer/components/LinkModal.tsx
new file mode 100644
index 00000000000..b65caf13e03
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/components/LinkModal.tsx
@@ -0,0 +1,136 @@
+/*
+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 { type FormattingFunctions } from "@vector-im/matrix-wysiwyg";
+import React, { type ChangeEvent, useState } from "react";
+
+import { _t } from "../../../../../languageHandler";
+import Modal from "../../../../../Modal";
+import Field from "../../../elements/Field";
+import { type ComposerContextState } from "../ComposerContext";
+import { isSelectionEmpty, setSelection } from "../utils/selection";
+import BaseDialog from "../../../dialogs/BaseDialog";
+import DialogButtons from "../../../elements/DialogButtons";
+
+export function openLinkModal(
+    composer: FormattingFunctions,
+    composerContext: ComposerContextState,
+    isEditing: boolean,
+): void {
+    Modal.createDialog(
+        LinkModal,
+        {
+            composerContext,
+            composer,
+            isTextEnabled: isSelectionEmpty(),
+            isEditing,
+        },
+        "mx_CompoundDialog",
+        false,
+        true,
+    );
+}
+
+function isEmpty(text: string): boolean {
+    return text.length < 1;
+}
+
+interface LinkModalProps {
+    composer: FormattingFunctions;
+    isTextEnabled: boolean;
+    onFinished: () => void;
+    composerContext: ComposerContextState;
+    isEditing: boolean;
+}
+
+export const LinkModal: React.FC<LinkModalProps> = ({
+    composer,
+    isTextEnabled,
+    onFinished,
+    composerContext,
+    isEditing,
+}) => {
+    const [hasLinkChanged, setHasLinkChanged] = useState(false);
+    const [fields, setFields] = useState({ text: "", link: isEditing ? composer.getLink() : "" });
+    const hasText = !isEditing && isTextEnabled;
+    const isSaveDisabled = !hasLinkChanged || (hasText && isEmpty(fields.text)) || isEmpty(fields.link);
+
+    return (
+        <BaseDialog
+            className="mx_LinkModal"
+            title={isEditing ? _t("composer|link_modal|title_edit") : _t("composer|link_modal|title_create")}
+            hasCancel={true}
+            onFinished={onFinished}
+        >
+            <form
+                className="mx_LinkModal_content"
+                onSubmit={async (evt) => {
+                    evt.preventDefault();
+                    evt.stopPropagation();
+
+                    onFinished();
+
+                    // When submitting is done when pressing enter when the link field has the focus,
+                    // The link field is getting back the focus (due to react-focus-lock)
+                    // So we are waiting that the focus stuff is done to play with the composer selection
+                    await new Promise((resolve) => setTimeout(resolve, 0));
+
+                    await setSelection(composerContext.selection);
+                    composer.link(fields.link, isTextEnabled ? fields.text : undefined);
+                }}
+            >
+                {hasText && (
+                    <Field
+                        required={true}
+                        autoFocus={true}
+                        label={_t("composer|link_modal|text_field_label")}
+                        value={fields.text}
+                        className="mx_LinkModal_Field"
+                        placeholder=""
+                        onChange={(e: ChangeEvent<HTMLInputElement>) =>
+                            setFields((fields) => ({ ...fields, text: e.target.value }))
+                        }
+                    />
+                )}
+                <Field
+                    required={true}
+                    autoFocus={!hasText}
+                    label={_t("composer|link_modal|link_field_label")}
+                    value={fields.link}
+                    className="mx_LinkModal_Field"
+                    placeholder=""
+                    onChange={(e: ChangeEvent<HTMLInputElement>) => {
+                        setFields((fields) => ({ ...fields, link: e.target.value }));
+                        setHasLinkChanged(true);
+                    }}
+                />
+
+                <div className="mx_LinkModal_buttons">
+                    {isEditing && (
+                        <button
+                            type="button"
+                            className="danger"
+                            onClick={() => {
+                                composer.removeLinks();
+                                onFinished();
+                            }}
+                        >
+                            {_t("action|remove")}
+                        </button>
+                    )}
+                    <DialogButtons
+                        primaryButton={_t("action|save")}
+                        primaryDisabled={isSaveDisabled}
+                        primaryIsSubmit={true}
+                        onCancel={onFinished}
+                    />
+                </div>
+            </form>
+        </BaseDialog>
+    );
+};
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/components/PlainTextComposer.tsx b/apps/web/src/components/views/rooms/wysiwyg_composer/components/PlainTextComposer.tsx
new file mode 100644
index 00000000000..8caf4c5eab4
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/components/PlainTextComposer.tsx
@@ -0,0 +1,102 @@
+/*
+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 classNames from "classnames";
+import { type IEventRelation } from "matrix-js-sdk/src/matrix";
+import React, { type JSX, type RefObject, type ReactNode, useContext } from "react";
+
+import { useComposerFunctions } from "../hooks/useComposerFunctions";
+import { useIsFocused } from "../hooks/useIsFocused";
+import { usePlainTextInitialization } from "../hooks/usePlainTextInitialization";
+import { usePlainTextListeners } from "../hooks/usePlainTextListeners";
+import { useSetCursorPosition } from "../hooks/useSetCursorPosition";
+import { type ComposerFunctions } from "../types";
+import { Editor } from "./Editor";
+import { WysiwygAutocomplete } from "./WysiwygAutocomplete";
+import { useSettingValue } from "../../../../../hooks/useSettings";
+import { RoomUploadContext } from "../../../../../viewmodels/room/RoomUploadViewModel";
+
+interface PlainTextComposerProps {
+    disabled?: boolean;
+    onChange?: (this: void, content: string) => void;
+    onSend?: (this: void) => void;
+    placeholder?: string;
+    initialContent?: string;
+    className?: string;
+    leftComponent?: ReactNode;
+    rightComponent?: ReactNode;
+    children?: (this: void, ref: RefObject<HTMLDivElement | null>, composerFunctions: ComposerFunctions) => ReactNode;
+    eventRelation?: IEventRelation;
+}
+
+export function PlainTextComposer({
+    className,
+    disabled = false,
+    onSend,
+    onChange,
+    children,
+    placeholder,
+    initialContent,
+    leftComponent,
+    rightComponent,
+    eventRelation,
+}: PlainTextComposerProps): JSX.Element {
+    const isAutoReplaceEmojiEnabled = useSettingValue("MessageComposerInput.autoReplaceEmoji");
+    const uploadContext = useContext(RoomUploadContext);
+    const {
+        ref: editorRef,
+        autocompleteRef,
+        onBeforeInput,
+        onInput,
+        onPaste,
+        onKeyDown,
+        content,
+        setContent,
+        suggestion,
+        onSelect,
+        handleCommand,
+        handleMention,
+        handleAtRoomMention,
+        handleEmoji,
+    } = usePlainTextListeners(initialContent, onChange, onSend, isAutoReplaceEmojiEnabled, uploadContext || undefined);
+    const composerFunctions = useComposerFunctions(editorRef, setContent);
+    usePlainTextInitialization(initialContent, editorRef);
+    useSetCursorPosition(disabled, editorRef);
+    const { isFocused, onFocus } = useIsFocused();
+    const computedPlaceholder = (!content && placeholder) || undefined;
+    return (
+        <div
+            data-testid="PlainTextComposer"
+            className={classNames(className, { [`${className}-focused`]: isFocused })}
+            onFocus={onFocus}
+            onBlur={onFocus}
+            onBeforeInput={onBeforeInput}
+            onInput={onInput}
+            onPaste={onPaste}
+            onKeyDown={onKeyDown}
+            onSelect={onSelect}
+        >
+            <WysiwygAutocomplete
+                ref={autocompleteRef}
+                suggestion={suggestion}
+                handleMention={handleMention}
+                handleCommand={handleCommand}
+                handleAtRoomMention={handleAtRoomMention}
+                handleEmoji={handleEmoji}
+            />
+            <Editor
+                ref={editorRef}
+                disabled={disabled}
+                leftComponent={leftComponent}
+                rightComponent={rightComponent}
+                placeholder={computedPlaceholder}
+            />
+            {children?.(editorRef, composerFunctions)}
+        </div>
+    );
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/components/WysiwygAutocomplete.tsx b/apps/web/src/components/views/rooms/wysiwyg_composer/components/WysiwygAutocomplete.tsx
new file mode 100644
index 00000000000..363e4e97852
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/components/WysiwygAutocomplete.tsx
@@ -0,0 +1,131 @@
+/*
+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 JSX, type Ref, type FunctionComponent } from "react";
+import { type FormattingFunctions, type MappedSuggestion } from "@vector-im/matrix-wysiwyg";
+
+import Autocomplete from "../../Autocomplete";
+import { type ICompletion } from "../../../../../autocomplete/Autocompleter";
+import { useMatrixClientContext } from "../../../../../contexts/MatrixClientContext";
+import { getMentionDisplayText, getMentionAttributes, buildQuery } from "../utils/autocomplete";
+import { useScopedRoomContext } from "../../../../../contexts/ScopedRoomContext.tsx";
+
+interface WysiwygAutocompleteProps {
+    /**
+     * The suggestion output from the rust model is used to build the query that is
+     * passed to the `<Autocomplete />` component
+     */
+    suggestion: MappedSuggestion | null;
+
+    /**
+     * This handler will be called with the href and display text for a mention on clicking
+     * a mention in the autocomplete list or pressing enter on a selected item
+     */
+    handleMention: FormattingFunctions["mention"];
+
+    /**
+     * This handler will be called with the display text for a command on clicking
+     * a command in the autocomplete list or pressing enter on a selected item
+     */
+    handleCommand: FormattingFunctions["command"];
+
+    /**
+     * Handler purely for the at-room mentions special case
+     */
+    handleAtRoomMention: FormattingFunctions["mentionAtRoom"];
+
+    /**
+     * This handler will be called with the emoji character on clicking
+     * an emoji in the autocomplete list or pressing enter on a selected item
+     */
+    handleEmoji: FormattingFunctions["emoji"];
+
+    ref?: Ref<Autocomplete>;
+}
+
+/**
+ * Given the current suggestion from the rust model and a handler function, this component
+ * will display the legacy `<Autocomplete />` component (as used in the BasicMessageComposer)
+ * and call the handler function with the required arguments when a mention is selected
+ *
+ * @param props.ref - the ref will be attached to the rendered `<Autocomplete />` component
+ */
+const WysiwygAutocomplete = ({
+    suggestion,
+    handleMention,
+    handleCommand,
+    handleAtRoomMention,
+    handleEmoji,
+    ref,
+}: WysiwygAutocompleteProps): JSX.Element | null => {
+    const { room } = useScopedRoomContext("room");
+    const client = useMatrixClientContext();
+
+    function handleConfirm(completion: ICompletion): void {
+        if (client === undefined || room === undefined) {
+            return;
+        }
+
+        switch (completion.type) {
+            case "command": {
+                // TODO determine if utils in SlashCommands.tsx are required.
+                // Trim the completion as some include trailing spaces, but we always insert a
+                // trailing space in the rust model anyway
+                handleCommand(completion.completion.trim());
+                return;
+            }
+            case "at-room": {
+                handleAtRoomMention(getMentionAttributes(completion, client, room));
+                return;
+            }
+            case "room":
+            case "user": {
+                if (typeof completion.href === "string") {
+                    handleMention(
+                        completion.href,
+                        getMentionDisplayText(completion, client),
+                        getMentionAttributes(completion, client, room),
+                    );
+                }
+                return;
+            }
+            // TODO - handle "community" type
+            case "community": {
+                return; // no-op until we decide how to handle community in the wysiwyg composer
+            }
+            default:
+                {
+                    // similar to the cider editor we handle emoji and other plain text replacement in the default case
+                    handleEmoji(completion.completion);
+                }
+                return;
+        }
+    }
+
+    if (!room) return null;
+
+    const autoCompleteQuery = buildQuery(suggestion);
+
+    // TODO - determine if we show all of the /command suggestions, there are some options in the
+    // list which don't seem to make sense in this context, specifically /html and /plain
+    return (
+        <div className="mx_WysiwygComposer_AutoCompleteWrapper" data-testid="autocomplete-wrapper">
+            <Autocomplete
+                ref={ref}
+                query={autoCompleteQuery}
+                onConfirm={handleConfirm}
+                selection={{ start: 0, end: 0 }}
+                room={room}
+            />
+        </div>
+    );
+};
+
+(WysiwygAutocomplete as FunctionComponent).displayName = "WysiwygAutocomplete";
+
+export { WysiwygAutocomplete };
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/components/WysiwygComposer.tsx b/apps/web/src/components/views/rooms/wysiwyg_composer/components/WysiwygComposer.tsx
new file mode 100644
index 00000000000..ab720e02830
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/components/WysiwygComposer.tsx
@@ -0,0 +1,143 @@
+/*
+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, { memo, type RefObject, type ReactNode, useEffect, useMemo, useRef } from "react";
+import { type IEventRelation } from "matrix-js-sdk/src/matrix";
+import { EMOTICON_TO_EMOJI } from "@matrix-org/emojibase-bindings";
+import { useWysiwyg, type FormattingFunctions } from "@vector-im/matrix-wysiwyg";
+import classNames from "classnames";
+
+import type Autocomplete from "../../Autocomplete";
+import { WysiwygAutocomplete } from "./WysiwygAutocomplete";
+import { FormattingButtons } from "./FormattingButtons";
+import { Editor } from "./Editor";
+import { useInputEventProcessor } from "../hooks/useInputEventProcessor";
+import { useSetCursorPosition } from "../hooks/useSetCursorPosition";
+import { useIsFocused } from "../hooks/useIsFocused";
+import defaultDispatcher from "../../../../../dispatcher/dispatcher";
+import { Action } from "../../../../../dispatcher/actions";
+import { parsePermalink } from "../../../../../utils/permalinks/Permalinks";
+import { isNotNull } from "../../../../../Typeguards";
+import { useSettingValue } from "../../../../../hooks/useSettings";
+import { useScopedRoomContext } from "../../../../../contexts/ScopedRoomContext.tsx";
+import { useContainsCommand } from "../hooks/useContainsCommand.ts";
+
+interface WysiwygComposerProps {
+    disabled?: boolean;
+    onChange: (content: string) => void;
+    onSend: () => void;
+    placeholder?: string;
+    initialContent?: string;
+    className?: string;
+    leftComponent?: ReactNode;
+    rightComponent?: ReactNode;
+    children?: (ref: RefObject<HTMLDivElement | null>, wysiwyg: FormattingFunctions) => ReactNode;
+    eventRelation?: IEventRelation;
+}
+
+function getEmojiSuggestions(enabled: boolean): Map<string, string> {
+    const emojiSuggestions = new Map(Array.from(EMOTICON_TO_EMOJI, ([key, value]) => [key, value.unicode]));
+    return enabled ? emojiSuggestions : new Map();
+}
+
+export const WysiwygComposer = memo(function WysiwygComposer({
+    disabled = false,
+    onChange,
+    onSend,
+    placeholder,
+    initialContent,
+    className,
+    leftComponent,
+    rightComponent,
+    children,
+    eventRelation,
+}: WysiwygComposerProps) {
+    const { room } = useScopedRoomContext("room");
+    const autocompleteRef = useRef<Autocomplete | null>(null);
+
+    const inputEventProcessor = useInputEventProcessor(onSend, autocompleteRef, initialContent);
+
+    const isAutoReplaceEmojiEnabled = useSettingValue("MessageComposerInput.autoReplaceEmoji");
+    const emojiSuggestions = useMemo(() => getEmojiSuggestions(isAutoReplaceEmojiEnabled), [isAutoReplaceEmojiEnabled]);
+
+    const { ref, isWysiwygReady, content, actionStates, wysiwyg, suggestion, messageContent } = useWysiwyg({
+        initialContent,
+        inputEventProcessor,
+        emojiSuggestions,
+    });
+
+    const { isFocused, onFocus } = useIsFocused();
+
+    const isReady = isWysiwygReady && !disabled;
+    const computedPlaceholder = (!content && placeholder) || undefined;
+
+    useSetCursorPosition(!isReady, ref);
+
+    useEffect(() => {
+        if (!disabled && isNotNull(messageContent)) {
+            onChange(messageContent);
+        }
+    }, [onChange, messageContent, disabled]);
+
+    // Disable formatting buttons if the message content contains a slash command
+    const disableFormatting = useContainsCommand(content, room);
+
+    useEffect(() => {
+        function handleClick(e: Event): void {
+            e.preventDefault();
+            if (
+                e.target &&
+                e.target instanceof HTMLAnchorElement &&
+                e.target.getAttribute("data-mention-type") === "user"
+            ) {
+                const parsedLink = parsePermalink(e.target.href);
+                if (room && parsedLink?.userId)
+                    defaultDispatcher.dispatch({
+                        action: Action.ViewUser,
+                        member: room.getMember(parsedLink.userId),
+                    });
+            }
+        }
+
+        const mentions: NodeList | undefined = ref.current?.querySelectorAll("a[data-mention-type]");
+        if (mentions) {
+            mentions.forEach((mention) => mention.addEventListener("click", handleClick));
+        }
+
+        return () => {
+            if (mentions) mentions.forEach((mention) => mention.removeEventListener("click", handleClick));
+        };
+    }, [ref, room, content]);
+
+    return (
+        <div
+            data-testid="WysiwygComposer"
+            className={classNames(className, { [`${className}-focused`]: isFocused })}
+            onFocus={onFocus}
+            onBlur={onFocus}
+        >
+            <WysiwygAutocomplete
+                ref={autocompleteRef}
+                suggestion={suggestion}
+                handleMention={wysiwyg.mention}
+                handleAtRoomMention={wysiwyg.mentionAtRoom}
+                handleCommand={wysiwyg.command}
+                handleEmoji={wysiwyg.emoji}
+            />
+            <FormattingButtons composer={wysiwyg} actionStates={actionStates} disabled={disableFormatting} />
+            <Editor
+                ref={ref}
+                disabled={!isReady}
+                leftComponent={leftComponent}
+                rightComponent={rightComponent}
+                placeholder={computedPlaceholder}
+            />
+            {children?.(ref, wysiwyg)}
+        </div>
+    );
+});
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useComposerFunctions.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useComposerFunctions.ts
new file mode 100644
index 00000000000..8c2ec264760
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useComposerFunctions.ts
@@ -0,0 +1,47 @@
+/*
+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 { type RefObject, useMemo } from "react";
+
+import { setSelection } from "../utils/selection";
+
+export function useComposerFunctions(
+    ref: RefObject<HTMLDivElement | null>,
+    setContent: (content: string) => void,
+): {
+    clear(): void;
+    insertText(text: string): void;
+} {
+    return useMemo(
+        () => ({
+            clear: () => {
+                if (ref.current) {
+                    ref.current.innerHTML = "";
+                }
+            },
+            insertText: (text: string) => {
+                const selection = document.getSelection();
+
+                if (ref.current && selection) {
+                    const content = ref.current.innerHTML;
+                    const { anchorOffset, focusOffset } = selection;
+                    ref.current.innerHTML = `${content.slice(0, anchorOffset)}${text}${content.slice(focusOffset)}`;
+                    setSelection({
+                        anchorNode: ref.current.firstChild,
+                        anchorOffset: anchorOffset + text.length,
+                        focusNode: ref.current.firstChild,
+                        focusOffset: focusOffset + text.length,
+                        isForward: true,
+                    });
+                    setContent(ref.current.innerHTML);
+                }
+            },
+        }),
+        [ref, setContent],
+    );
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useContainsCommand.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useContainsCommand.ts
new file mode 100644
index 00000000000..f6ed1dd778b
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useContainsCommand.ts
@@ -0,0 +1,53 @@
+/*
+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 { useEffect, useState, useRef } from "react";
+
+import CommandProvider from "../../../../../autocomplete/CommandProvider";
+
+/**
+ * A hook which determines if the given content contains a slash command.
+ * @returns true if the content contains a slash command, false otherwise.
+ * @param content The content to check for commands.
+ * @param room The current room.
+ */
+export function useContainsCommand(content: string | null, room: Room | undefined): boolean {
+    const [contentContainsCommands, setContentContainsCommands] = useState(false);
+    const providerRef = useRef<CommandProvider | null>(null);
+    const currentRoomIdRef = useRef<string | null>(null);
+
+    useEffect(() => {
+        if (!room || !content) {
+            setContentContainsCommands(false);
+            return;
+        }
+
+        // Create or reuse CommandProvider for the current room
+        if (!providerRef.current || currentRoomIdRef.current !== room.roomId) {
+            providerRef.current = new CommandProvider(room);
+            currentRoomIdRef.current = room.roomId;
+        }
+
+        const provider = providerRef.current;
+        provider
+            .getCompletions(content, { start: 0, end: 0 })
+            .then((results) => {
+                if (results.length > 0) {
+                    setContentContainsCommands(true);
+                } else {
+                    setContentContainsCommands(false);
+                }
+            })
+            .catch(() => {
+                // If there's an error getting completions, assume no commands
+                setContentContainsCommands(false);
+            });
+    }, [content, room]);
+
+    return contentContainsCommands;
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useEditing.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useEditing.ts
new file mode 100644
index 00000000000..5ba54c015d6
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useEditing.ts
@@ -0,0 +1,49 @@
+/*
+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 { type ISendEventResponse } from "matrix-js-sdk/src/matrix";
+import { useCallback, useState } from "react";
+
+import { useMatrixClientContext } from "../../../../../contexts/MatrixClientContext";
+import type EditorStateTransfer from "../../../../../utils/EditorStateTransfer";
+import { endEditing } from "../utils/editing";
+import { editMessage } from "../utils/message";
+import { useScopedRoomContext } from "../../../../../contexts/ScopedRoomContext.tsx";
+
+export function useEditing(
+    editorStateTransfer: EditorStateTransfer,
+    initialContent?: string,
+): {
+    isSaveDisabled: boolean;
+    onChange(this: void, content: string): void;
+    editMessage(this: void): Promise<ISendEventResponse | undefined>;
+    endEditing(this: void): void;
+} {
+    const roomContext = useScopedRoomContext("timelineRenderingType");
+    const mxClient = useMatrixClientContext();
+
+    const [isSaveDisabled, setIsSaveDisabled] = useState(true);
+    const [content, setContent] = useState(initialContent);
+    const onChange = useCallback(
+        (_content: string) => {
+            setContent(_content);
+            setIsSaveDisabled((_isSaveDisabled) => _isSaveDisabled && _content === initialContent);
+        },
+        [initialContent],
+    );
+
+    const editMessageMemoized = useCallback(async () => {
+        if (mxClient === undefined || content === undefined) {
+            return;
+        }
+        return editMessage(content, { roomContext, mxClient, editorStateTransfer });
+    }, [content, roomContext, mxClient, editorStateTransfer]);
+
+    const endEditingMemoized = useCallback(() => endEditing(roomContext), [roomContext]);
+    return { onChange, editMessage: editMessageMemoized, endEditing: endEditingMemoized, isSaveDisabled };
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useInitialContent.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useInitialContent.ts
new file mode 100644
index 00000000000..f87e8d0f189
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useInitialContent.ts
@@ -0,0 +1,71 @@
+/*
+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 { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { useMemo } from "react";
+
+import { useMatrixClientContext } from "../../../../../contexts/MatrixClientContext";
+import { parseEvent } from "../../../../../editor/deserialize";
+import { CommandPartCreator, type Part } from "../../../../../editor/parts";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import type EditorStateTransfer from "../../../../../utils/EditorStateTransfer";
+import { useScopedRoomContext } from "../../../../../contexts/ScopedRoomContext.tsx";
+
+function getFormattedContent(editorStateTransfer: EditorStateTransfer): string {
+    return (
+        editorStateTransfer
+            .getEvent()
+            .getContent()
+            .formatted_body?.replace(/<mx-reply>.*<\/mx-reply>/, "") || ""
+    );
+}
+
+export function parseEditorStateTransfer(
+    editorStateTransfer: EditorStateTransfer,
+    room: Room,
+    mxClient: MatrixClient,
+): string {
+    const partCreator = new CommandPartCreator(room, mxClient);
+
+    let parts: (Part | undefined)[] = [];
+    if (editorStateTransfer.hasEditorState()) {
+        // if restoring state from a previous editor,
+        // restore serialized parts from the state
+        const serializedParts = editorStateTransfer.getSerializedParts();
+        if (serializedParts !== null) {
+            parts = serializedParts.map((p) => partCreator.deserializePart(p));
+        }
+    } else {
+        // otherwise, either restore serialized parts from localStorage or parse the body of the event
+        // TODO local storage
+        // const restoredParts = this.restoreStoredEditorState(partCreator);
+
+        if (editorStateTransfer.getEvent().getContent().format === "org.matrix.custom.html") {
+            return getFormattedContent(editorStateTransfer);
+        }
+
+        parts = parseEvent(editorStateTransfer.getEvent(), partCreator, {
+            shouldEscape: SettingsStore.getValue("MessageComposerInput.useMarkdown"),
+        });
+    }
+
+    return parts.reduce((content, part) => content + part?.text, "");
+    // Todo local storage
+    // this.saveStoredEditorState();
+}
+
+export function useInitialContent(editorStateTransfer: EditorStateTransfer): string | undefined {
+    const { room } = useScopedRoomContext("room");
+    const mxClient = useMatrixClientContext();
+
+    return useMemo<string | undefined>(() => {
+        if (editorStateTransfer && room && mxClient) {
+            return parseEditorStateTransfer(editorStateTransfer, room, mxClient);
+        }
+    }, [editorStateTransfer, room, mxClient]);
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useInputEventProcessor.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useInputEventProcessor.ts
new file mode 100644
index 00000000000..d72f777218e
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useInputEventProcessor.ts
@@ -0,0 +1,227 @@
+/*
+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 { type Wysiwyg, type WysiwygEvent } from "@vector-im/matrix-wysiwyg";
+import { useCallback } from "react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { useSettingValue } from "../../../../../hooks/useSettings";
+import { getKeyBindingsManager } from "../../../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../../../accessibility/KeyboardShortcuts";
+import { findEditableEvent } from "../../../../../utils/EventUtils";
+import dis from "../../../../../dispatcher/dispatcher";
+import { Action } from "../../../../../dispatcher/actions";
+import { type IRoomState } from "../../../../structures/RoomView";
+import { type ComposerContextState, useComposerContext } from "../ComposerContext";
+import type EditorStateTransfer from "../../../../../utils/EditorStateTransfer";
+import { useMatrixClientContext } from "../../../../../contexts/MatrixClientContext";
+import { isCaretAtEnd, isCaretAtStart } from "../utils/selection";
+import { getEventsFromEditorStateTransfer, getEventsFromRoom } from "../utils/event";
+import { endEditing } from "../utils/editing";
+import type Autocomplete from "../../Autocomplete";
+import { handleClipboardEvent, handleEventWithAutocomplete, isEventToHandleAsClipboardEvent } from "./utils";
+import { useScopedRoomContext } from "../../../../../contexts/ScopedRoomContext.tsx";
+import { useRoomUploadViewModel } from "../../../../../viewmodels/room/RoomUploadViewModel.tsx";
+
+export function useInputEventProcessor(
+    onSend: () => void,
+    autocompleteRef: React.RefObject<Autocomplete | null>,
+    initialContent?: string,
+): (event: WysiwygEvent, composer: Wysiwyg, editor: HTMLElement) => WysiwygEvent | null {
+    const roomUploadVm = useRoomUploadViewModel();
+    const roomContext = useScopedRoomContext("liveTimeline", "room", "replyToEvent", "timelineRenderingType");
+    const composerContext = useComposerContext();
+    const mxClient = useMatrixClientContext();
+    const isCtrlEnterToSend = useSettingValue("MessageComposerInput.ctrlEnterToSend");
+
+    return useCallback(
+        (event: WysiwygEvent, composer: Wysiwyg, editor: HTMLElement) => {
+            const send = (): void => {
+                event.stopPropagation?.();
+                event.preventDefault?.();
+                // do not send the message if we have the autocomplete open, regardless of settings
+                if (autocompleteRef?.current && !autocompleteRef.current.state.hide) {
+                    return;
+                }
+                onSend();
+            };
+
+            if (isEventToHandleAsClipboardEvent(event)) {
+                const data = event instanceof ClipboardEvent ? event.clipboardData : event.dataTransfer;
+                const handled = handleClipboardEvent(event, data, roomUploadVm);
+                return handled ? null : event;
+            }
+
+            const isKeyboardEvent = event instanceof KeyboardEvent;
+            if (isKeyboardEvent) {
+                return handleKeyboardEvent(
+                    event,
+                    send,
+                    initialContent,
+                    composer,
+                    editor,
+                    roomContext,
+                    composerContext,
+                    mxClient,
+                    autocompleteRef,
+                );
+            } else {
+                return handleInputEvent(event, send, isCtrlEnterToSend);
+            }
+        },
+        [
+            isCtrlEnterToSend,
+            onSend,
+            initialContent,
+            roomUploadVm,
+            roomContext,
+            composerContext,
+            mxClient,
+            autocompleteRef,
+        ],
+    );
+}
+
+type Send = () => void;
+
+function handleKeyboardEvent(
+    event: KeyboardEvent,
+    send: Send,
+    initialContent: string | undefined,
+    composer: Wysiwyg,
+    editor: HTMLElement,
+    roomContext: Pick<IRoomState, "liveTimeline" | "timelineRenderingType" | "room">,
+    composerContext: ComposerContextState,
+    mxClient: MatrixClient | undefined,
+    autocompleteRef: React.RefObject<Autocomplete | null>,
+): KeyboardEvent | null {
+    const { editorStateTransfer } = composerContext;
+    const isEditing = Boolean(editorStateTransfer);
+    const isEditorModified = isEditing ? initialContent !== composer.content() : composer.content().length !== 0;
+    const action = getKeyBindingsManager().getMessageComposerAction(event);
+
+    // we need autocomplete to take priority when it is open for using enter to select
+    const isHandledByAutocomplete = handleEventWithAutocomplete(autocompleteRef, event);
+    if (isHandledByAutocomplete) {
+        return event;
+    }
+
+    // taking the client from context gives us an client | undefined type, narrow it down
+    if (mxClient === undefined) {
+        return null;
+    }
+
+    switch (action) {
+        case KeyBindingAction.SendMessage:
+            send();
+            return null;
+        case KeyBindingAction.EditPrevMessage: {
+            // Or if the caret is not at the beginning of the editor
+            // Or the editor is modified
+            if (!isCaretAtStart(editor) || isEditorModified) {
+                break;
+            }
+
+            const isDispatched = dispatchEditEvent(
+                event,
+                false,
+                editorStateTransfer,
+                composerContext,
+                roomContext,
+                mxClient,
+            );
+
+            if (isDispatched) {
+                return null;
+            }
+
+            break;
+        }
+        case KeyBindingAction.EditNextMessage: {
+            // If not in edition
+            // Or if the caret is not at the end of the editor
+            // Or the editor is modified
+            if (!editorStateTransfer || !isCaretAtEnd(editor) || isEditorModified) {
+                break;
+            }
+
+            const isDispatched = dispatchEditEvent(
+                event,
+                true,
+                editorStateTransfer,
+                composerContext,
+                roomContext,
+                mxClient,
+            );
+            if (!isDispatched) {
+                endEditing(roomContext);
+                event.preventDefault();
+                event.stopPropagation();
+            }
+
+            return null;
+        }
+    }
+
+    return event;
+}
+
+function dispatchEditEvent(
+    event: KeyboardEvent,
+    isForward: boolean,
+    editorStateTransfer: EditorStateTransfer | undefined,
+    composerContext: ComposerContextState,
+    roomContext: Pick<IRoomState, "liveTimeline" | "timelineRenderingType" | "room">,
+    mxClient: MatrixClient,
+): boolean {
+    const foundEvents = editorStateTransfer
+        ? getEventsFromEditorStateTransfer(editorStateTransfer, roomContext, mxClient)
+        : getEventsFromRoom(composerContext, roomContext);
+    if (!foundEvents) {
+        return false;
+    }
+
+    const newEvent = findEditableEvent({
+        events: foundEvents,
+        isForward,
+        fromEventId: editorStateTransfer?.getEvent().getId(),
+        matrixClient: mxClient,
+    });
+    if (newEvent) {
+        dis.dispatch({
+            action: Action.EditEvent,
+            event: newEvent,
+            timelineRenderingType: roomContext.timelineRenderingType,
+        });
+        event.stopPropagation();
+        event.preventDefault();
+        return true;
+    }
+    return false;
+}
+
+type InputEvent = Exclude<WysiwygEvent, KeyboardEvent | ClipboardEvent>;
+
+function handleInputEvent(event: InputEvent, send: Send, isCtrlEnterToSend: boolean): InputEvent | null {
+    switch (event.inputType) {
+        case "insertParagraph":
+            if (!isCtrlEnterToSend) {
+                send();
+                return null;
+            }
+            break;
+        case "sendMessage":
+            if (isCtrlEnterToSend) {
+                send();
+                return null;
+            }
+            break;
+    }
+
+    return event;
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useIsExpanded.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useIsExpanded.ts
new file mode 100644
index 00000000000..d5f98502776
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useIsExpanded.ts
@@ -0,0 +1,29 @@
+/*
+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 { type RefObject, useEffect, useState } from "react";
+
+export function useIsExpanded(ref: RefObject<HTMLElement | null> | undefined, breakingPoint: number): boolean {
+    const [isExpanded, setIsExpanded] = useState(false);
+    useEffect(() => {
+        if (ref?.current) {
+            const editor = ref.current;
+            const resizeObserver = new ResizeObserver((entries) => {
+                requestAnimationFrame(() => {
+                    const height = entries[0]?.contentBoxSize?.[0].blockSize;
+                    setIsExpanded(height >= breakingPoint);
+                });
+            });
+
+            resizeObserver.observe(editor);
+            return () => resizeObserver.unobserve(editor);
+        }
+    }, [ref, breakingPoint]);
+
+    return isExpanded;
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useIsFocused.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useIsFocused.ts
new file mode 100644
index 00000000000..eab9ff1db9d
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useIsFocused.ts
@@ -0,0 +1,34 @@
+/*
+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 { type FocusEvent, useCallback, useEffect, useRef, useState } from "react";
+
+export function useIsFocused(): {
+    isFocused: boolean;
+    onFocus(this: void, event: FocusEvent<HTMLElement>): void;
+} {
+    const [isFocused, setIsFocused] = useState(false);
+    const timeoutIDRef = useRef<number>(undefined);
+
+    useEffect(() => () => clearTimeout(timeoutIDRef.current), [timeoutIDRef]);
+    const onFocus = useCallback(
+        (event: FocusEvent<HTMLElement>) => {
+            clearTimeout(timeoutIDRef.current);
+            if (event.type === "focus") {
+                setIsFocused(true);
+            } else {
+                // To avoid a blink when we switch mode between plain text and rich text mode
+                // We delay the unfocused action
+                timeoutIDRef.current = window.setTimeout(() => setIsFocused(false), 100);
+            }
+        },
+        [setIsFocused, timeoutIDRef],
+    );
+
+    return { isFocused, onFocus };
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/usePlainTextInitialization.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/usePlainTextInitialization.ts
new file mode 100644
index 00000000000..04caed66c75
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/usePlainTextInitialization.ts
@@ -0,0 +1,18 @@
+/*
+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 { type RefObject, useEffect } from "react";
+
+export function usePlainTextInitialization(initialContent = "", ref: RefObject<HTMLElement | null>): void {
+    useEffect(() => {
+        // always read and write the ref.current using .innerHTML for consistency in linebreak and HTML entity handling
+        if (ref.current) {
+            ref.current.innerHTML = initialContent;
+        }
+    }, [ref, initialContent]);
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/usePlainTextListeners.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/usePlainTextListeners.ts
new file mode 100644
index 00000000000..1a4713503e8
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/usePlainTextListeners.ts
@@ -0,0 +1,186 @@
+/*
+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 { type KeyboardEvent, type RefObject, type SyntheticEvent, useCallback, useRef, useState } from "react";
+import { type AllowedMentionAttributes, type MappedSuggestion } from "@vector-im/matrix-wysiwyg";
+
+import { useSettingValue } from "../../../../../hooks/useSettings";
+import { IS_MAC, Key } from "../../../../../Keyboard";
+import type Autocomplete from "../../Autocomplete";
+import { handleClipboardEvent, handleEventWithAutocomplete, isEventToHandleAsClipboardEvent } from "./utils";
+import { useSuggestion } from "./useSuggestion";
+import { isNotNull, isNotUndefined } from "../../../../../Typeguards";
+import type { RoomUploadViewModel } from "../../../../../viewmodels/room/RoomUploadViewModel.tsx";
+
+function isDivElement(target: EventTarget): target is HTMLDivElement {
+    return target instanceof HTMLDivElement;
+}
+
+/**
+ * React hook which generates all of the listeners and the ref to be attached to the editor.
+ *
+ * Also returns pieces of state and utility functions that are required for use in other hooks
+ * and by the autocomplete component.
+ *
+ * @param initialContent - the content of the editor when it is first mounted
+ * @param onChange - called whenever there is change in the editor content
+ * @param onSend - called whenever the user sends the message
+ * @param eventRelation - used to send the event to the correct place eg timeline vs thread
+ * @param isAutoReplaceEmojiEnabled - whether plain text emoticons should be auto replaced with emojis
+ * @returns
+ * - `ref`: a ref object which the caller must attach to the HTML `div` node for the editor
+ * * `autocompleteRef`: a ref object which the caller must attach to the autocomplete component
+ * - `content`: state representing the editor's current text content
+ * - `setContent`: the setter function for `content`
+ * - `onInput`, `onPaste`, `onKeyDown`: handlers for input, paste and keyDown events
+ * - the output from the {@link useSuggestion} hook
+ */
+export function usePlainTextListeners(
+    initialContent?: string,
+    onChange?: (content: string) => void,
+    onSend?: () => void,
+    isAutoReplaceEmojiEnabled?: boolean,
+    roomUploadVM?: RoomUploadViewModel,
+): {
+    ref: RefObject<HTMLDivElement | null>;
+    autocompleteRef: RefObject<Autocomplete | null>;
+    content?: string;
+    onBeforeInput(this: void, event: SyntheticEvent<HTMLDivElement, InputEvent | ClipboardEvent>): void;
+    onInput(this: void, event: SyntheticEvent<HTMLDivElement, InputEvent | ClipboardEvent>): void;
+    onPaste(this: void, event: SyntheticEvent<HTMLDivElement, InputEvent | ClipboardEvent>): void;
+    onKeyDown(this: void, event: KeyboardEvent<HTMLDivElement>): void;
+    setContent(this: void, text?: string): void;
+    handleMention: (this: void, link: string, text: string, attributes: AllowedMentionAttributes) => void;
+    handleAtRoomMention: (this: void, attributes: AllowedMentionAttributes) => void;
+    handleCommand: (this: void, text: string) => void;
+    handleEmoji: (this: void, emoji: string) => void;
+    onSelect: (this: void, event: SyntheticEvent<HTMLDivElement>) => void;
+    suggestion: MappedSuggestion | null;
+} {
+    const ref = useRef<HTMLDivElement>(null);
+    const autocompleteRef = useRef<Autocomplete>(null);
+    const [content, setContent] = useState<string | undefined>(initialContent);
+
+    const send = useCallback(() => {
+        if (ref.current) {
+            ref.current.innerHTML = "";
+        }
+        onSend?.();
+    }, [ref, onSend]);
+
+    const setText = useCallback(
+        (text?: string) => {
+            if (isNotUndefined(text)) {
+                setContent(text);
+                onChange?.(text);
+            } else if (isNotNull(ref) && isNotNull(ref.current)) {
+                // if called with no argument, read the current innerHTML from the ref and amend it as per `onInput`
+                const currentRefContent = ref.current.innerHTML;
+                setContent(currentRefContent);
+                onChange?.(currentRefContent);
+            }
+        },
+        [onChange, ref],
+    );
+
+    // For separation of concerns, the suggestion handling is kept in a separate hook but is
+    // nested here because we do need to be able to update the `content` state in this hook
+    // when a user selects a suggestion from the autocomplete menu
+    const {
+        suggestion,
+        onSelect,
+        handleCommand,
+        handleMention,
+        handleAtRoomMention,
+        handleEmojiSuggestion,
+        handleEmojiReplacement,
+    } = useSuggestion(ref, setText, isAutoReplaceEmojiEnabled);
+
+    const onInput = useCallback(
+        (event: SyntheticEvent<HTMLDivElement, InputEvent | ClipboardEvent>) => {
+            if (isDivElement(event.target)) {
+                setText(event.target.innerHTML);
+            }
+        },
+        [setText],
+    );
+
+    const onPaste = useCallback(
+        (event: SyntheticEvent<HTMLDivElement, InputEvent | ClipboardEvent>) => {
+            const { nativeEvent } = event;
+            let imagePasteWasHandled = false;
+
+            if (roomUploadVM && isEventToHandleAsClipboardEvent(nativeEvent)) {
+                const data =
+                    nativeEvent instanceof ClipboardEvent ? nativeEvent.clipboardData : nativeEvent.dataTransfer;
+                imagePasteWasHandled = handleClipboardEvent(nativeEvent, data, roomUploadVM);
+            }
+
+            // prevent default behaviour and skip call to onInput if the image paste event was handled
+            if (imagePasteWasHandled) {
+                event.preventDefault();
+            } else {
+                onInput(event);
+            }
+        },
+        [onInput, roomUploadVM],
+    );
+
+    const enterShouldSend = !useSettingValue("MessageComposerInput.ctrlEnterToSend");
+    const onKeyDown = useCallback(
+        (event: KeyboardEvent<HTMLDivElement>) => {
+            // we need autocomplete to take priority when it is open for using enter to select
+            const isHandledByAutocomplete = handleEventWithAutocomplete(autocompleteRef, event);
+            if (isHandledByAutocomplete) {
+                return;
+            }
+            // handle accepting of plain text emojicon to emoji replacement
+            if (event.key == Key.ENTER || event.key == Key.SPACE) {
+                handleEmojiReplacement();
+            }
+
+            // resume regular flow
+            if (event.key === Key.ENTER) {
+                // TODO use getKeyBindingsManager().getMessageComposerAction(event) like in useInputEventProcessor
+                const sendModifierIsPressed = IS_MAC ? event.metaKey : event.ctrlKey;
+
+                // if enter should send, send if the user is not pushing shift
+                if (enterShouldSend && !event.shiftKey) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    send();
+                }
+
+                // if enter should not send, send only if the user is pushing ctrl/cmd
+                if (!enterShouldSend && sendModifierIsPressed) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    send();
+                }
+            }
+        },
+        [autocompleteRef, enterShouldSend, send, handleEmojiReplacement],
+    );
+
+    return {
+        ref,
+        autocompleteRef,
+        onBeforeInput: onPaste,
+        onInput,
+        onPaste,
+        onKeyDown,
+        content,
+        setContent: setText,
+        suggestion,
+        onSelect,
+        handleCommand,
+        handleMention,
+        handleAtRoomMention,
+        handleEmoji: handleEmojiSuggestion,
+    };
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useSelection.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useSelection.ts
new file mode 100644
index 00000000000..23a85a32bd4
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useSelection.ts
@@ -0,0 +1,54 @@
+/*
+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 { useCallback, useEffect } from "react";
+
+import useFocus from "../../../../../hooks/useFocus";
+import { useComposerContext, type ComposerContextState } from "../ComposerContext";
+
+function setSelectionContext(composerContext: ComposerContextState): void {
+    const selection = document.getSelection();
+
+    if (selection) {
+        const range = selection.getRangeAt(0);
+        const isForward = range.startContainer === selection.anchorNode && range.startOffset === selection.anchorOffset;
+
+        composerContext.selection = {
+            anchorNode: selection.anchorNode,
+            anchorOffset: selection.anchorOffset,
+            focusNode: selection.focusNode,
+            focusOffset: selection.focusOffset,
+            isForward,
+        };
+    }
+}
+
+export function useSelection(): ReturnType<typeof useFocus>[1] & {
+    onInput(this: void): void;
+} {
+    const composerContext = useComposerContext();
+    const [isFocused, focusProps] = useFocus();
+
+    useEffect(() => {
+        function onSelectionChange(): void {
+            setSelectionContext(composerContext);
+        }
+
+        if (isFocused) {
+            document.addEventListener("selectionchange", onSelectionChange);
+        }
+
+        return () => document.removeEventListener("selectionchange", onSelectionChange);
+    }, [isFocused, composerContext]);
+
+    const onInput = useCallback(() => {
+        setSelectionContext(composerContext);
+    }, [composerContext]);
+
+    return { ...focusProps, onInput };
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useSetCursorPosition.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useSetCursorPosition.ts
new file mode 100644
index 00000000000..408c24ea7cc
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useSetCursorPosition.ts
@@ -0,0 +1,19 @@
+/*
+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 { type RefObject, useEffect } from "react";
+
+import { setCursorPositionAtTheEnd } from "./utils";
+
+export function useSetCursorPosition(disabled: boolean, ref: RefObject<HTMLDivElement | null>): void {
+    useEffect(() => {
+        if (ref.current && !disabled) {
+            setCursorPositionAtTheEnd(ref.current);
+        }
+    }, [ref, disabled]);
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useSuggestion.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useSuggestion.ts
new file mode 100644
index 00000000000..d8f43a3390d
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useSuggestion.ts
@@ -0,0 +1,425 @@
+/*
+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 { EMOTICON_TO_EMOJI } from "@matrix-org/emojibase-bindings";
+import { type AllowedMentionAttributes, type MappedSuggestion } from "@vector-im/matrix-wysiwyg";
+import { type SyntheticEvent, useState } from "react";
+
+import { isNotNull } from "../../../../../Typeguards";
+
+/**
+ * Information about the current state of the `useSuggestion` hook.
+ */
+export type Suggestion = {
+    mappedSuggestion: MappedSuggestion;
+    /* The information in a `MappedSuggestion` is sufficient to generate a query for the autocomplete
+    component but more information is required to allow manipulation of the correct part of the DOM
+    when selecting an option from the autocomplete. These three pieces of information allow us to
+    do that.
+    */
+    node: Node;
+    startOffset: number;
+    endOffset: number;
+};
+type SuggestionState = Suggestion | null;
+
+/**
+ * React hook to allow tracking and replacing of mentions and commands in a div element
+ *
+ * @param editorRef - a ref to the div that is the composer textbox
+ * @param setText - setter function to set the content of the composer
+ * @param isAutoReplaceEmojiEnabled - whether plain text emoticons should be auto replaced with emojis
+ * @returns
+ * - `handleMention`: a function that will insert @ or # mentions which are selected from
+ * the autocomplete into the composer, given an href, the text to display, and any additional attributes
+ * - `handleCommand`: a function that will replace the content of the composer with the given replacement text.
+ * Can be used to process autocomplete of slash commands
+ * - `onSelect`: a selection change listener to be attached to the plain text composer
+ * - `suggestion`: if the cursor is inside something that could be interpreted as a command or a mention,
+ * this will be an object representing that command or mention, otherwise it is null
+ */
+export function useSuggestion(
+    editorRef: React.RefObject<HTMLDivElement | null>,
+    setText: (text?: string) => void,
+    isAutoReplaceEmojiEnabled?: boolean,
+): {
+    handleMention: (href: string, displayName: string, attributes: AllowedMentionAttributes) => void;
+    handleAtRoomMention: (attributes: AllowedMentionAttributes) => void;
+    handleCommand: (text: string) => void;
+    handleEmojiSuggestion: (text: string) => void;
+    handleEmojiReplacement: () => void;
+    onSelect: (event: SyntheticEvent<HTMLDivElement>) => void;
+    suggestion: MappedSuggestion | null;
+} {
+    const [suggestionData, setSuggestionData] = useState<SuggestionState>(null);
+
+    // We create a `selectionchange` handler here because we need to know when the user has moved the cursor,
+    // we can not depend on input events only
+    const onSelect = (): void => processSelectionChange(editorRef, setSuggestionData, isAutoReplaceEmojiEnabled);
+
+    const handleMention = (href: string, displayName: string, attributes: AllowedMentionAttributes): void =>
+        processMention(href, displayName, attributes, suggestionData, setSuggestionData, setText);
+
+    const handleAtRoomMention = (attributes: AllowedMentionAttributes): void =>
+        processMention("#", "@room", attributes, suggestionData, setSuggestionData, setText);
+
+    const handleCommand = (replacementText: string): void =>
+        processCommand(replacementText, suggestionData, setSuggestionData, setText);
+
+    const handleEmojiReplacement = (): void => processEmojiReplacement(suggestionData, setSuggestionData, setText);
+
+    const handleEmojiSuggestion = (emoji: string): void =>
+        processTextReplacement(emoji, suggestionData, setSuggestionData, setText);
+
+    return {
+        suggestion: suggestionData?.mappedSuggestion ?? null,
+        handleCommand,
+        handleMention,
+        handleAtRoomMention,
+        handleEmojiSuggestion,
+        handleEmojiReplacement,
+        onSelect,
+    };
+}
+
+/**
+ * When the selection changes inside the current editor, check to see if the cursor is inside
+ * something that could be a command or a mention and update the suggestion state if so
+ *
+ * @param editorRef - ref to the composer
+ * @param setSuggestionData - the setter for the suggestion state
+ * @param isAutoReplaceEmojiEnabled - whether plain text emoticons should be auto replaced with emojis
+ */
+export function processSelectionChange(
+    editorRef: React.RefObject<HTMLDivElement | null>,
+    setSuggestionData: React.Dispatch<React.SetStateAction<SuggestionState>>,
+    isAutoReplaceEmojiEnabled?: boolean,
+): void {
+    const selection = document.getSelection();
+
+    // return early if we do not have a current editor ref with a cursor selection inside a text node
+    if (
+        editorRef.current === null ||
+        selection === null ||
+        !selection.isCollapsed ||
+        selection.anchorNode?.nodeName !== "#text"
+    ) {
+        setSuggestionData(null);
+        return;
+    }
+
+    // from here onwards we have a cursor inside a text node
+    const { anchorNode: currentNode, anchorOffset: currentOffset } = selection;
+
+    // if we have no text content, return, clearing the suggestion state
+    if (currentNode.textContent === null) {
+        setSuggestionData(null);
+        return;
+    }
+
+    const firstTextNode = document.createNodeIterator(editorRef.current, NodeFilter.SHOW_TEXT).nextNode();
+    const isFirstTextNode = currentNode === firstTextNode;
+    const foundSuggestion = findSuggestionInText(
+        currentNode.textContent,
+        currentOffset,
+        isFirstTextNode,
+        isAutoReplaceEmojiEnabled,
+    );
+
+    // if we have not found a suggestion, return, clearing the suggestion state
+    if (foundSuggestion === null) {
+        setSuggestionData(null);
+        return;
+    }
+
+    setSuggestionData({
+        mappedSuggestion: foundSuggestion.mappedSuggestion,
+        node: currentNode,
+        startOffset: foundSuggestion.startOffset,
+        endOffset: foundSuggestion.endOffset,
+    });
+}
+
+/**
+ * Replaces the relevant part of the editor text with a link representing a mention after it
+ * is selected from the autocomplete.
+ *
+ * @param href - the href that the inserted link will use
+ * @param displayName - the text content of the link
+ * @param attributes - additional attributes to add to the link, can include data-* attributes
+ * @param suggestionData - representation of the part of the DOM that will be replaced
+ * @param setSuggestionData - setter function to set the suggestion state
+ * @param setText - setter function to set the content of the composer
+ */
+export function processMention(
+    href: string,
+    displayName: string,
+    attributes: AllowedMentionAttributes, // these will be used when formatting the link as a pill
+    suggestionData: SuggestionState,
+    setSuggestionData: React.Dispatch<React.SetStateAction<SuggestionState>>,
+    setText: (text?: string) => void,
+): void {
+    // if we do not have a suggestion, return early
+    if (suggestionData === null) {
+        return;
+    }
+
+    const { node } = suggestionData;
+
+    // create an <a> element with the required attributes to allow us to interpret the mention as being a pill
+    const linkElement = document.createElement("a");
+    const linkTextNode = document.createTextNode(displayName);
+    linkElement.setAttribute("href", href);
+    linkElement.setAttribute("contenteditable", "false");
+
+    for (const [attr, value] of attributes.entries()) {
+        linkElement.setAttribute(attr, value);
+    }
+
+    linkElement.appendChild(linkTextNode);
+
+    // create text nodes to go before and after the link
+    const leadingTextNode = document.createTextNode(node.textContent?.slice(0, suggestionData.startOffset) || "\u200b");
+    const trailingTextNode = document.createTextNode(` ${node.textContent?.slice(suggestionData.endOffset) ?? ""}`);
+
+    // now add the leading text node, link element and trailing text node before removing the node we are replacing
+    const parentNode = node.parentNode;
+    if (isNotNull(parentNode)) {
+        parentNode.insertBefore(leadingTextNode, node);
+        parentNode.insertBefore(linkElement, node);
+        parentNode.insertBefore(trailingTextNode, node);
+        parentNode.removeChild(node);
+    }
+
+    // move the selection to the trailing text node
+    document.getSelection()?.setBaseAndExtent(trailingTextNode, 1, trailingTextNode, 1);
+
+    // set the text content to be the innerHTML of the current editor ref and clear the suggestion state
+    setText();
+    setSuggestionData(null);
+}
+
+/**
+ * Replaces the relevant part of the editor text with the replacement text after a command is selected
+ * from the autocomplete.
+ *
+ * @param replacementText - the text that we will insert into the DOM
+ * @param suggestionData - representation of the part of the DOM that will be replaced
+ * @param setSuggestionData - setter function to set the suggestion state
+ * @param setText - setter function to set the content of the composer
+ */
+export function processCommand(
+    replacementText: string,
+    suggestionData: SuggestionState,
+    setSuggestionData: React.Dispatch<React.SetStateAction<SuggestionState>>,
+    setText: (text?: string) => void,
+): void {
+    // if we do not have a suggestion, return early
+    if (suggestionData === null) {
+        return;
+    }
+
+    const { node } = suggestionData;
+
+    // for a command, we know we start at the beginning of the text node, so build the replacement
+    // string (note trailing space) and manually adjust the node's textcontent
+    const newContent = `${replacementText} `;
+    node.textContent = newContent;
+
+    // then set the cursor to the end of the node, update the `content` state in the usePlainTextListeners
+    // hook and clear the suggestion from state
+    document.getSelection()?.setBaseAndExtent(node, newContent.length, node, newContent.length);
+    setText(newContent);
+    setSuggestionData(null);
+}
+
+/**
+ * Replaces the relevant part of the editor text, replacing the plain text emoitcon with the suggested emoji.
+ *
+ * @param suggestionData - representation of the part of the DOM that will be replaced
+ * @param setSuggestionData - setter function to set the suggestion state
+ * @param setText - setter function to set the content of the composer
+ */
+export function processEmojiReplacement(
+    suggestionData: SuggestionState,
+    setSuggestionData: React.Dispatch<React.SetStateAction<SuggestionState>>,
+    setText: (text?: string) => void,
+): void {
+    // if we do not have a suggestion of the correct type, return early
+    if (suggestionData?.mappedSuggestion?.type !== `custom`) {
+        return;
+    }
+
+    processTextReplacement(suggestionData.mappedSuggestion.text, suggestionData, setSuggestionData, setText);
+}
+
+/**
+ * Replaces the relevant part of the editor text, replacing the suggestionData selection with the replacement text.
+ * @param replacementText - the text that we will insert into the DOM
+ * @param suggestionData - representation of the part of the DOM that will be replaced
+ * @param setSuggestionData - setter function to set the suggestion state
+ * @param setText - setter function to set the content of the composer
+ */
+export function processTextReplacement(
+    replacementText: string,
+    suggestionData: SuggestionState,
+    setSuggestionData: React.Dispatch<React.SetStateAction<SuggestionState>>,
+    setText: (text?: string) => void,
+): void {
+    // if we do not have suggestion data return early
+    if (suggestionData === null) {
+        return;
+    }
+    const { node } = suggestionData;
+    const existingContent = node.textContent;
+
+    if (existingContent == null) {
+        return;
+    }
+
+    // replace the emoticon with the suggesed emoji
+    const newContent =
+        existingContent.slice(0, suggestionData.startOffset) +
+        replacementText +
+        existingContent.slice(suggestionData.endOffset);
+
+    node.textContent = newContent;
+
+    document.getSelection()?.setBaseAndExtent(node, newContent.length, node, newContent.length);
+    setText(newContent);
+    setSuggestionData(null);
+}
+
+/**
+ * Given some text content from a node and the cursor position, find the word that the cursor is currently inside
+ * and then test that word to see if it is a suggestion. Return the `MappedSuggestion` with start and end offsets if
+ * the cursor is inside a valid suggestion, null otherwise.
+ *
+ * @param text - the text content of a node
+ * @param offset - the current cursor offset position within the node
+ * @param isFirstTextNode - whether or not the node is the first text node in the editor. Used to determine
+ * if a command suggestion is found or not
+ * @param isAutoReplaceEmojiEnabled - whether plain text emoticons should be auto replaced with emojis
+ * @returns the `MappedSuggestion` along with its start and end offsets if found, otherwise null
+ */
+export function findSuggestionInText(
+    text: string,
+    offset: number,
+    isFirstTextNode: boolean,
+    isAutoReplaceEmojiEnabled?: boolean,
+): { mappedSuggestion: MappedSuggestion; startOffset: number; endOffset: number } | null {
+    // Return null early if the offset is outside the content
+    if (offset < 0 || offset > text.length) {
+        return null;
+    }
+
+    // Variables to keep track of the indices we will be slicing from and to in order to create
+    // a substring of the word that the cursor is currently inside
+    let startSliceIndex = offset;
+    let endSliceIndex = offset;
+
+    // Search backwards from the current cursor position to find the start index of the word
+    // containing the cursor
+    while (shouldDecrementStartIndex(text, startSliceIndex)) {
+        startSliceIndex--;
+    }
+
+    // Search forwards from the current cursor position to find the end index of the word
+    // containing the cursor
+    while (shouldIncrementEndIndex(text, endSliceIndex)) {
+        endSliceIndex++;
+    }
+
+    // Get the word at the cursor then check if it contains a suggestion or not
+    const wordAtCursor = text.slice(startSliceIndex, endSliceIndex);
+    const mappedSuggestion = getMappedSuggestion(wordAtCursor, isAutoReplaceEmojiEnabled);
+
+    /**
+     * If we have a word that could be a command, it is not a valid command if:
+     * - the node we're looking at isn't the first text node in the editor (adding paragraphs can
+     *   result in nested <p> tags inside the editor <div>)
+     * - the starting index is anything other than 0 (they can only appear at the start of a message)
+     * - there is more text following the command (eg `/spo asdf|` should not be interpreted as
+     *   something requiring autocomplete)
+     */
+    if (
+        mappedSuggestion === null ||
+        (mappedSuggestion.type === "command" &&
+            (!isFirstTextNode || startSliceIndex !== 0 || endSliceIndex !== text.length))
+    ) {
+        return null;
+    }
+
+    return { mappedSuggestion, startOffset: startSliceIndex, endOffset: startSliceIndex + wordAtCursor.length };
+}
+
+/**
+ * Associated function for findSuggestionInText. Checks the character at the preceding index
+ * to determine if the search loop should continue.
+ *
+ * @param text - text content to check for mentions or commands
+ * @param index - the current index to check
+ * @returns true if check should keep moving backwards, false otherwise
+ */
+function shouldDecrementStartIndex(text: string, index: number): boolean {
+    // If the index is at or outside the beginning of the string, return false
+    if (index <= 0) return false;
+
+    // We are inside the string so can guarantee that there is a preceding character
+    // Keep searching backwards if the preceding character is not a space
+    return !/\s/.test(text[index - 1]);
+}
+
+/**
+ * Associated function for findSuggestionInText. Checks the character at the current index
+ * to determine if the search loop should continue.
+ *
+ * @param text - text content to check for mentions or commands
+ * @param index - the current index to check
+ * @returns true if check should keep moving forwards, false otherwise
+ */
+function shouldIncrementEndIndex(text: string, index: number): boolean {
+    // If the index is at or outside the end of the string, return false
+    if (index >= text.length) return false;
+
+    // Keep searching forwards if the current character is not a space
+    return !/\s/.test(text[index]);
+}
+
+/**
+ * Given a string, return a `MappedSuggestion` if the string contains a suggestion. Otherwise return null.
+ *
+ * @param text - string to check for a suggestion
+ * @param isAutoReplaceEmojiEnabled - whether plain text emoticons should be auto replaced with emojis
+ * @returns a `MappedSuggestion` if a suggestion is present, null otherwise
+ */
+export function getMappedSuggestion(text: string, isAutoReplaceEmojiEnabled?: boolean): MappedSuggestion | null {
+    if (isAutoReplaceEmojiEnabled) {
+        // variations of plaintext emoitcons(E.g. :P vs :p vs :-P) are handled upstream by the emojibase-bindings/emojibase libraries.
+        // See rules for variations here https://github.com/milesj/emojibase/blob/master/packages/core/src/generateEmoticonPermutations.ts#L3-L32
+        const emoji = EMOTICON_TO_EMOJI.get(text);
+        if (emoji?.unicode) {
+            return { keyChar: "", text: emoji.unicode, type: "custom" };
+        }
+    }
+
+    const firstChar = text.charAt(0);
+    const restOfString = text.slice(1);
+
+    switch (firstChar) {
+        case "/":
+            return { keyChar: firstChar, text: restOfString, type: "command" };
+        case "#":
+        case "@":
+            return { keyChar: firstChar, text: restOfString, type: "mention" };
+        case ":":
+            return { keyChar: firstChar, text: restOfString, type: "emoji" };
+        default:
+            return null;
+    }
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useWysiwygEditActionHandler.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useWysiwygEditActionHandler.ts
new file mode 100644
index 00000000000..c105996a059
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useWysiwygEditActionHandler.ts
@@ -0,0 +1,58 @@
+/*
+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 { type RefObject, useCallback, useRef } from "react";
+
+import defaultDispatcher from "../../../../../dispatcher/dispatcher";
+import { Action } from "../../../../../dispatcher/actions";
+import { type ActionPayload } from "../../../../../dispatcher/payloads";
+import { TimelineRenderingType } from "../../../../../contexts/RoomContext";
+import { useDispatcher } from "../../../../../hooks/useDispatcher";
+import { focusComposer } from "./utils";
+import { ComposerType } from "../../../../../dispatcher/payloads/ComposerInsertPayload";
+import { type ComposerFunctions } from "../types";
+import { setSelection } from "../utils/selection";
+import { useComposerContext } from "../ComposerContext";
+import { useScopedRoomContext } from "../../../../../contexts/ScopedRoomContext.tsx";
+
+export function useWysiwygEditActionHandler(
+    disabled: boolean,
+    composerElement: RefObject<HTMLElement | null> | undefined,
+    composerFunctions: ComposerFunctions,
+): void {
+    const roomContext = useScopedRoomContext("timelineRenderingType");
+    const composerContext = useComposerContext();
+    const timeoutId = useRef<number | null>(null);
+
+    const handler = useCallback(
+        (payload: ActionPayload) => {
+            // don't let the user into the composer if it is disabled - all of these branches lead
+            // to the cursor being in the composer
+            if (disabled || !composerElement?.current) return;
+
+            const context = payload.context ?? TimelineRenderingType.Room;
+
+            switch (payload.action) {
+                case Action.FocusEditMessageComposer:
+                    focusComposer(composerElement, context, roomContext, timeoutId);
+                    break;
+                case Action.ComposerInsert:
+                    if (payload.timelineRenderingType !== roomContext.timelineRenderingType) break;
+                    if (payload.composerType !== ComposerType.Edit) break;
+
+                    if (payload.text) {
+                        setSelection(composerContext.selection).then(() => composerFunctions.insertText(payload.text));
+                    }
+                    break;
+            }
+        },
+        [disabled, composerElement, composerFunctions, timeoutId, roomContext, composerContext],
+    );
+
+    useDispatcher(defaultDispatcher, handler);
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useWysiwygSendActionHandler.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useWysiwygSendActionHandler.ts
new file mode 100644
index 00000000000..fcab8f4547d
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/useWysiwygSendActionHandler.ts
@@ -0,0 +1,71 @@
+/*
+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 { type RefObject, useCallback, useRef } from "react";
+
+import defaultDispatcher from "../../../../../dispatcher/dispatcher";
+import { Action } from "../../../../../dispatcher/actions";
+import { type ActionPayload } from "../../../../../dispatcher/payloads";
+import { TimelineRenderingType } from "../../../../../contexts/RoomContext";
+import { useDispatcher } from "../../../../../hooks/useDispatcher";
+import { focusComposer } from "./utils";
+import { type ComposerFunctions } from "../types";
+import { ComposerType } from "../../../../../dispatcher/payloads/ComposerInsertPayload";
+import { useComposerContext } from "../ComposerContext";
+import { setSelection } from "../utils/selection";
+import { useScopedRoomContext } from "../../../../../contexts/ScopedRoomContext.tsx";
+
+export function useWysiwygSendActionHandler(
+    disabled: boolean,
+    composerElement: RefObject<HTMLElement | null> | undefined,
+    composerFunctions: ComposerFunctions,
+): void {
+    const roomContext = useScopedRoomContext("timelineRenderingType");
+    const composerContext = useComposerContext();
+    const timeoutId = useRef<number | null>(null);
+
+    const handler = useCallback(
+        (payload: ActionPayload) => {
+            // don't let the user into the composer if it is disabled - all of these branches lead
+            // to the cursor being in the composer
+            if (disabled || !composerElement?.current) return;
+
+            const context = payload.context ?? TimelineRenderingType.Room;
+
+            switch (payload.action) {
+                case "reply_to_event":
+                case Action.FocusAComposer:
+                case Action.FocusSendMessageComposer:
+                    focusComposer(composerElement, context, roomContext, timeoutId);
+                    break;
+                case Action.ClearAndFocusSendMessageComposer:
+                    // When a thread is opened, prevent the main composer to steal the thread composer focus
+                    if (payload.timelineRenderingType !== roomContext.timelineRenderingType) break;
+
+                    composerFunctions.clear();
+                    focusComposer(composerElement, context, roomContext, timeoutId);
+                    break;
+                case Action.ComposerInsert:
+                    if (payload.timelineRenderingType !== roomContext.timelineRenderingType) break;
+                    if (payload.composerType !== ComposerType.Send) break;
+
+                    if (payload.userId) {
+                        // TODO insert mention - see SendMessageComposer
+                    } else if (payload.event) {
+                        // TODO insert quote message - see SendMessageComposer
+                    } else if (payload.text) {
+                        setSelection(composerContext.selection).then(() => composerFunctions.insertText(payload.text));
+                    }
+                    break;
+            }
+        },
+        [disabled, composerElement, roomContext, composerFunctions, composerContext],
+    );
+
+    useDispatcher(defaultDispatcher, handler);
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/utils.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/utils.ts
new file mode 100644
index 00000000000..6475109ab57
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/hooks/utils.ts
@@ -0,0 +1,204 @@
+/*
+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 { type RefObject } from "react";
+import { type WysiwygEvent } from "@vector-im/matrix-wysiwyg";
+
+import { type TimelineRenderingType } from "../../../../../contexts/RoomContext";
+import { type IRoomState } from "../../../../structures/RoomView";
+import type Autocomplete from "../../Autocomplete";
+import { getKeyBindingsManager } from "../../../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../../../accessibility/KeyboardShortcuts";
+import { getBlobSafeMimeType } from "../../../../../utils/blobs";
+import { isNotNull } from "../../../../../Typeguards";
+import type { RoomUploadViewModel } from "../../../../../viewmodels/room/RoomUploadViewModel";
+
+export function focusComposer(
+    composerElement: RefObject<HTMLElement | null>,
+    renderingType: TimelineRenderingType,
+    roomContext: Pick<IRoomState, "timelineRenderingType">,
+    timeoutId: RefObject<number | null>,
+): void {
+    if (renderingType === roomContext.timelineRenderingType) {
+        // Immediately set the focus, so if you start typing it
+        // will appear in the composer
+        composerElement.current?.focus();
+        // If we call focus immediate, the focus _is_ in the right
+        // place, but the cursor is invisible, presumably because
+        // some other event is still processing.
+        // The following line ensures that the cursor is actually
+        // visible in composer.
+        if (timeoutId.current) {
+            clearTimeout(timeoutId.current);
+        }
+        timeoutId.current = window.setTimeout(() => composerElement.current?.focus(), 200);
+    }
+}
+
+export function setCursorPositionAtTheEnd(element: HTMLElement): void {
+    const range = document.createRange();
+    range.selectNodeContents(element);
+    range.collapse(false);
+    const selection = document.getSelection()!;
+    selection.removeAllRanges();
+    selection.addRange(range);
+
+    element.focus();
+}
+
+/**
+ * When the autocomplete modal is open we need to be able to properly
+ * handle events that are dispatched. This allows the user to move the selection
+ * in the autocomplete and select using enter.
+ *
+ * @param autocompleteRef - a ref to the autocomplete of interest
+ * @param event - the keyboard event that has been dispatched
+ * @returns boolean - whether or not the autocomplete has handled the event
+ */
+export function handleEventWithAutocomplete(
+    autocompleteRef: RefObject<Autocomplete | null>,
+    // we get a React Keyboard event from plain text composer, a Keyboard Event from the rich text composer
+    event: KeyboardEvent | React.KeyboardEvent<HTMLDivElement>,
+): boolean {
+    const autocompleteIsOpen = autocompleteRef?.current && !autocompleteRef.current.state.hide;
+
+    if (!autocompleteRef.current || !autocompleteIsOpen) {
+        return false;
+    }
+
+    let handled = false;
+    const autocompleteAction = getKeyBindingsManager().getAutocompleteAction(event);
+    const component = autocompleteRef.current;
+
+    if (component && component.countCompletions() > 0) {
+        switch (autocompleteAction) {
+            case KeyBindingAction.ForceCompleteAutocomplete:
+            case KeyBindingAction.CompleteAutocomplete:
+                autocompleteRef.current.onConfirmCompletion();
+                handled = true;
+                break;
+            case KeyBindingAction.PrevSelectionInAutocomplete:
+                autocompleteRef.current.moveSelection(-1);
+                handled = true;
+                break;
+            case KeyBindingAction.NextSelectionInAutocomplete:
+                autocompleteRef.current.moveSelection(1);
+                handled = true;
+                break;
+            case KeyBindingAction.CancelAutocomplete:
+                autocompleteRef.current.onEscape(event);
+                handled = true;
+                break;
+            default:
+                break; // don't return anything, allow event to pass through
+        }
+    }
+
+    if (handled) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+
+    return handled;
+}
+
+/**
+ * Takes an event and handles image pasting. Returns a boolean to indicate if it has handled
+ * the event or not. Must accept either clipboard or input events in order to prevent issue:
+ * https://github.com/vector-im/element-web/issues/25327
+ *
+ * @param event - event to process
+ * @param data - data from the event to process
+ * @param roomContext - room in which the event occurs
+ * @param mxClient - current matrix client
+ * @param eventRelation - used to send the event to the correct place eg timeline vs thread
+ * @returns - boolean to show if the event was handled or not
+ */
+export function handleClipboardEvent(
+    event: ClipboardEvent | InputEvent,
+    data: DataTransfer | null,
+    vm: RoomUploadViewModel,
+): boolean {
+    function handleError(error: unknown): void {
+        if (error instanceof Error) {
+            console.log(error.message);
+        } else if (typeof error === "string") {
+            console.log(error);
+        }
+    }
+
+    if (event.type !== "paste" || data === null) {
+        return false;
+    }
+
+    // Prioritize text on the clipboard over files if RTF is present as Office on macOS puts a bitmap
+    // in the clipboard as well as the content being copied. Modern versions of Office seem to not do this anymore.
+    // We check text/rtf instead of text/plain as when copy+pasting a file from Finder or Gnome Image Viewer
+    // it puts the filename in as text/plain which we want to ignore.
+    if (data.files.length && !data.types.includes("text/rtf")) {
+        vm.initiateViaDataTransfer(data).catch(handleError);
+        return true;
+    }
+
+    // Safari `Insert from iPhone or iPad`
+    // data.getData("text/html") returns a string like: <img src="blob:https://...">
+    if (data.types.includes("text/html")) {
+        const imgElementStr = data.getData("text/html");
+        const parser = new DOMParser();
+        const imgDoc = parser.parseFromString(imgElementStr, "text/html");
+
+        if (
+            imgDoc.getElementsByTagName("img").length !== 1 ||
+            !imgDoc.querySelector("img")?.src.startsWith("blob:") ||
+            imgDoc.childNodes.length !== 1
+        ) {
+            handleError("Failed to handle pasted content as Safari inserted content");
+            return false;
+        }
+        const imgSrc = imgDoc.querySelector("img")!.src;
+
+        fetch(imgSrc)
+            .then((response) => {
+                response
+                    .blob()
+                    .then((imgBlob) => {
+                        const type = imgBlob.type;
+                        const safetype = getBlobSafeMimeType(type);
+                        const ext = type.split("/")[1];
+                        const parts = response.url.split("/");
+                        const filename = parts[parts.length - 1];
+                        const file = new File([imgBlob], filename + "." + ext, { type: safetype });
+                        return vm.initiateViaInputFiles([file]);
+                    })
+                    .catch(handleError);
+            })
+            .catch(handleError);
+        return true;
+    }
+
+    return false;
+}
+
+/**
+ * Util to determine if an input event or clipboard event must be handled as a clipboard event.
+ * Due to https://github.com/vector-im/element-web/issues/25327, certain paste events
+ * must be listenened for with an onBeforeInput handler and so will be caught as input events.
+ *
+ * @param event - the event to test, can be a WysiwygEvent if it comes from the rich text editor, or
+ * input or clipboard events if from the plain text editor
+ * @returns - true if event should be handled as a clipboard event
+ */
+export function isEventToHandleAsClipboardEvent(
+    event: WysiwygEvent | InputEvent | ClipboardEvent,
+): event is InputEvent | ClipboardEvent {
+    const isInputEventForClipboard =
+        event instanceof InputEvent && event.inputType === "insertFromPaste" && isNotNull(event.dataTransfer);
+    const isClipboardEvent = event instanceof ClipboardEvent;
+
+    return isClipboardEvent || isInputEventForClipboard;
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/index.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/index.ts
new file mode 100644
index 00000000000..281ea634f80
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/index.ts
@@ -0,0 +1,14 @@
+/*
+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.
+*/
+
+export {
+    DynamicImportSendWysiwygComposer as SendWysiwygComposer,
+    DynamicImportEditWysiwygComposer as EditWysiwygComposer,
+    dynamicImportSendMessage as sendMessage,
+    dynamicImportConversionFunctions as getConversionFunctions,
+} from "./DynamicImportWysiwygComposer";
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/types.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/types.ts
new file mode 100644
index 00000000000..f6ce2619094
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/types.ts
@@ -0,0 +1,16 @@
+/*
+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.
+*/
+
+export type ComposerFunctions = {
+    clear: () => void;
+    insertText: (text: string) => void;
+};
+
+export type SubSelection = Pick<Selection, "anchorNode" | "anchorOffset" | "focusNode" | "focusOffset"> & {
+    isForward: boolean;
+};
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/utils/autocomplete.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/autocomplete.ts
new file mode 100644
index 00000000000..d4ee4cfc709
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/autocomplete.ts
@@ -0,0 +1,184 @@
+/*
+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 AllowedMentionAttributes, type MappedSuggestion } from "@vector-im/matrix-wysiwyg";
+import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+
+import { type ICompletion } from "../../../../../autocomplete/Autocompleter";
+import * as Avatar from "../../../../../Avatar";
+
+/**
+ * Builds the query for the `<Autocomplete />` component from the rust suggestion. This
+ * will change as we implement handling / commands.
+ *
+ * @param suggestion  - represents if the rust model is tracking a potential mention
+ * @returns an empty string if we can not generate a query, otherwise a query beginning
+ * with @ for a user query, # for a room or space query
+ */
+export function buildQuery(suggestion: MappedSuggestion | null): string {
+    if (!suggestion || !suggestion.keyChar) {
+        // if we have an empty key character, we do not build a query
+        return "";
+    }
+
+    return `${suggestion.keyChar}${suggestion.text}`;
+}
+
+/**
+ * Find the room from the completion by looking it up using the client from the context
+ * we are currently in
+ *
+ * @param completion - the completion from the autocomplete
+ * @param client - the current client we are using
+ * @returns a Room if one is found, null otherwise
+ */
+export function getRoomFromCompletion(completion: ICompletion, client: MatrixClient): Room | null {
+    const roomId = completion.completionId;
+    const aliasFromCompletion = completion.completion;
+
+    let roomToReturn: Room | null | undefined;
+
+    // Not quite sure if the logic here makes sense - specifically calling .getRoom with an alias
+    // that doesn't start with #, but keeping the logic the same as in PartCreator.roomPill for now
+    if (roomId) {
+        roomToReturn = client.getRoom(roomId);
+    } else if (!aliasFromCompletion.startsWith("#")) {
+        roomToReturn = client.getRoom(aliasFromCompletion);
+    } else {
+        roomToReturn = client.getRooms().find((r) => {
+            return r.getCanonicalAlias() === aliasFromCompletion || r.getAltAliases().includes(aliasFromCompletion);
+        });
+    }
+
+    return roomToReturn ?? null;
+}
+
+/**
+ * Given an autocomplete suggestion, determine the text to display in the pill
+ *
+ * @param completion - the item selected from the autocomplete
+ * @param client - the MatrixClient is required for us to look up the correct room mention text
+ * @returns the text to display in the mention
+ */
+export function getMentionDisplayText(completion: ICompletion, client: MatrixClient): string {
+    if (completion.type === "user" || completion.type === "at-room") {
+        return completion.completion;
+    } else if (completion.type === "room") {
+        // try and get the room and use it's name, if not available, fall back to
+        // completion.completion
+        return getRoomFromCompletion(completion, client)?.name || completion.completion;
+    }
+    return "";
+}
+
+function getCSSProperties({
+    url,
+    initialLetter,
+    id = "",
+}: {
+    url: string;
+    initialLetter?: string;
+    id: string;
+}): string {
+    const cssProperties = [`--avatar-background: url(${url})`, `--avatar-letter: '${initialLetter}'`];
+
+    const textColor = Avatar.getAvatarTextColor(id);
+    if (textColor) {
+        cssProperties.push(textColor);
+    }
+
+    return cssProperties.join("; ");
+}
+
+/**
+ * For a given completion, the attributes will change depending on the completion type
+ *
+ * @param completion - the item selected from the autocomplete
+ * @param client - the MatrixClient is required for us to look up the correct room mention text
+ * @param room - the room the composer is currently in
+ * @returns an object of attributes containing HTMLAnchor attributes or data-* attributes
+ */
+export function getMentionAttributes(
+    completion: ICompletion,
+    client: MatrixClient,
+    room: Room,
+): AllowedMentionAttributes {
+    // To ensure that we always have something set in the --avatar-letter CSS variable
+    // as otherwise alignment varies depending on whether the content is empty or not.
+    // Use a zero width space so that it counts as content, but does not display anything.
+    const defaultLetterContent = "\u200b";
+    const attributes: AllowedMentionAttributes = new Map();
+
+    if (completion.type === "user") {
+        // logic as used in UserPillPart.setAvatar in parts.ts
+        const mentionedMember = room.getMember(completion.completionId || "");
+
+        if (!mentionedMember) return attributes;
+
+        const name = mentionedMember.name || mentionedMember.userId;
+        const defaultAvatarUrl = Avatar.defaultAvatarUrlForString(mentionedMember.userId);
+        const avatarUrl = Avatar.avatarUrlForMember(mentionedMember, 16, 16, "crop");
+        let initialLetter = defaultLetterContent;
+        if (avatarUrl === defaultAvatarUrl) {
+            initialLetter = Avatar.getInitialLetter(name) ?? defaultLetterContent;
+        }
+
+        attributes.set("data-mention-type", completion.type);
+        attributes.set(
+            "style",
+            getCSSProperties({
+                url: avatarUrl,
+                initialLetter,
+                id: mentionedMember.userId,
+            }),
+        );
+    } else if (completion.type === "room") {
+        // logic as used in RoomPillPart.setAvatar in parts.ts
+        const mentionedRoom = getRoomFromCompletion(completion, client);
+        const aliasFromCompletion = completion.completion;
+
+        let initialLetter = defaultLetterContent;
+        let avatarUrl = Avatar.avatarUrlForRoom(mentionedRoom ?? null, 16, 16, "crop");
+        if (!avatarUrl) {
+            initialLetter = Avatar.getInitialLetter(mentionedRoom?.name || aliasFromCompletion) ?? defaultLetterContent;
+            avatarUrl = Avatar.defaultAvatarUrlForString(mentionedRoom?.roomId ?? aliasFromCompletion);
+        }
+
+        attributes.set("data-mention-type", completion.type);
+        attributes.set(
+            "style",
+            getCSSProperties({
+                url: avatarUrl,
+                initialLetter,
+                id: mentionedRoom?.roomId ?? aliasFromCompletion,
+            }),
+        );
+    } else if (completion.type === "at-room") {
+        // logic as used in RoomPillPart.setAvatar in parts.ts, but now we know the current room
+        // from the arguments passed
+        let initialLetter = defaultLetterContent;
+        let avatarUrl = Avatar.avatarUrlForRoom(room, 16, 16, "crop");
+
+        if (!avatarUrl) {
+            initialLetter = Avatar.getInitialLetter(room.name) ?? defaultLetterContent;
+            avatarUrl = Avatar.defaultAvatarUrlForString(room.roomId);
+        }
+
+        attributes.set("data-mention-type", completion.type);
+        attributes.set(
+            "style",
+            getCSSProperties({
+                url: avatarUrl,
+                initialLetter,
+                id: room.roomId,
+            }),
+        );
+    }
+
+    return attributes;
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/utils/createMessageContent.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/createMessageContent.ts
new file mode 100644
index 00000000000..ebdb0bd06b5
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/createMessageContent.ts
@@ -0,0 +1,152 @@
+/*
+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 { richToPlain, plainToRich } from "@vector-im/matrix-wysiwyg";
+import { type IContent, type IEventRelation, MatrixEvent, MsgType } from "matrix-js-sdk/src/matrix";
+import {
+    type ReplacementEvent,
+    type RoomMessageEventContent,
+    type RoomMessageTextEventContent,
+} from "matrix-js-sdk/src/types";
+
+import SettingsStore from "../../../../../settings/SettingsStore";
+import { parsePermalink } from "../../../../../utils/permalinks/Permalinks";
+import { addReplyToMessageContent } from "../../../../../utils/Reply";
+import { isNotNull } from "../../../../../Typeguards";
+
+export const EMOTE_PREFIX = "/me ";
+
+// Merges favouring the given relation
+function attachRelation(content: IContent, relation?: IEventRelation): void {
+    if (relation) {
+        content["m.relates_to"] = {
+            ...content["m.relates_to"],
+            ...relation,
+        };
+    }
+}
+
+interface CreateMessageContentParams {
+    relation?: IEventRelation;
+    replyToEvent?: MatrixEvent;
+    editedEvent?: MatrixEvent;
+}
+
+const isMatrixEvent = (e: MatrixEvent | undefined): e is MatrixEvent => e instanceof MatrixEvent;
+
+export async function createMessageContent(
+    message: string,
+    isHTML: boolean,
+    { relation, replyToEvent, editedEvent }: CreateMessageContentParams,
+): Promise<RoomMessageEventContent> {
+    const isEditing = isMatrixEvent(editedEvent);
+
+    const isEmote = message.startsWith(EMOTE_PREFIX);
+    if (isEmote) {
+        // if we are dealing with an emote we want to remove the prefix so that `/me` does not
+        // appear after the `* <userName>` text in the timeline
+        message = message.slice(EMOTE_PREFIX.length);
+    }
+    if (message.startsWith("//")) {
+        // if user wants to enter a single slash at the start of a message, this
+        // is how they have to do it (due to it clashing with commands), so here we
+        // remove the first character to make sure //word displays as /word
+        message = message.slice(1);
+    }
+
+    // if we're editing rich text, the message content is pure html
+    // BUT if we're not, the message content will be plain text where we need to convert the mentions
+    const body = isHTML ? await richToPlain(message, false) : convertPlainTextToBody(message);
+
+    const content = {
+        msgtype: isEmote ? MsgType.Emote : MsgType.Text,
+        body: isEditing ? `* ${body}` : body,
+    } as RoomMessageTextEventContent & ReplacementEvent<RoomMessageTextEventContent>;
+
+    // TODO markdown support
+
+    const isMarkdownEnabled = SettingsStore.getValue("MessageComposerInput.useMarkdown");
+    const formattedBody = isHTML ? message : isMarkdownEnabled ? await plainToRich(message, true) : null;
+
+    if (formattedBody) {
+        content.format = "org.matrix.custom.html";
+        content.formatted_body = isEditing ? `* ${formattedBody}` : formattedBody;
+    }
+
+    if (isEditing) {
+        content["m.new_content"] = {
+            msgtype: content.msgtype,
+            body: body,
+        };
+
+        if (formattedBody) {
+            content["m.new_content"].format = "org.matrix.custom.html";
+            content["m.new_content"]["formatted_body"] = formattedBody;
+        }
+    }
+
+    const newRelation = isEditing ? { ...relation, rel_type: "m.replace", event_id: editedEvent.getId() } : relation;
+
+    // TODO Do we need to attach mentions here?
+    // TODO Handle editing?
+    attachRelation(content, newRelation);
+
+    if (!isEditing && replyToEvent) {
+        addReplyToMessageContent(content, replyToEvent);
+    }
+
+    return content;
+}
+
+/**
+ * Without a model, we need to manually amend mentions in uncontrolled message content
+ * to make sure that mentions meet the matrix specification.
+ *
+ * @param content - the output from the `MessageComposer` state when in plain text mode
+ * @returns - a string formatted with the mentions replaced as required
+ */
+function convertPlainTextToBody(content: string): string {
+    const document = new DOMParser().parseFromString(content, "text/html");
+    const mentions = Array.from(document.querySelectorAll("a[data-mention-type]"));
+
+    mentions.forEach((mention) => {
+        const mentionType = mention.getAttribute("data-mention-type");
+        switch (mentionType) {
+            case "at-room": {
+                mention.replaceWith("@room");
+                break;
+            }
+            case "user": {
+                const innerText = mention.innerHTML;
+                mention.replaceWith(innerText);
+                break;
+            }
+            case "room": {
+                // for this case we use parsePermalink to try and get the mx id
+                const href = mention.getAttribute("href");
+
+                // if the mention has no href attribute, leave it alone
+                if (href === null) break;
+
+                // otherwise, attempt to parse the room alias or id from the href
+                const permalinkParts = parsePermalink(href);
+
+                // then if we have permalink parts with a valid roomIdOrAlias, replace the
+                // room mention with that text
+                if (isNotNull(permalinkParts) && isNotNull(permalinkParts.roomIdOrAlias)) {
+                    mention.replaceWith(permalinkParts.roomIdOrAlias);
+                }
+                break;
+            }
+            default:
+                break;
+        }
+    });
+
+    return document.body.innerHTML;
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/utils/editing.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/editing.ts
new file mode 100644
index 00000000000..bda8a7a12f5
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/editing.ts
@@ -0,0 +1,39 @@
+/*
+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 { EventStatus, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { type IRoomState } from "../../../../structures/RoomView";
+import dis from "../../../../../dispatcher/dispatcher";
+import { Action } from "../../../../../dispatcher/actions";
+import type EditorStateTransfer from "../../../../../utils/EditorStateTransfer";
+
+export function endEditing(roomContext: Pick<IRoomState, "timelineRenderingType">): void {
+    // todo local storage
+    // localStorage.removeItem(this.editorRoomKey);
+    // localStorage.removeItem(this.editorStateKey);
+
+    // close the event editing and focus composer
+    dis.dispatch({
+        action: Action.EditEvent,
+        event: null,
+        timelineRenderingType: roomContext.timelineRenderingType,
+    });
+    dis.dispatch({
+        action: Action.FocusSendMessageComposer,
+        context: roomContext.timelineRenderingType,
+    });
+}
+
+export function cancelPreviousPendingEdit(mxClient: MatrixClient, editorStateTransfer: EditorStateTransfer): void {
+    const originalEvent = editorStateTransfer.getEvent();
+    const previousEdit = originalEvent.replacingEvent();
+    if (previousEdit && (previousEdit.status === EventStatus.QUEUED || previousEdit.status === EventStatus.NOT_SENT)) {
+        mxClient.cancelPendingEvent(previousEdit);
+    }
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/utils/event.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/event.ts
new file mode 100644
index 00000000000..a38a27dd92b
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/event.ts
@@ -0,0 +1,50 @@
+/*
+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 MatrixClient, type MatrixEvent, THREAD_RELATION_TYPE } from "matrix-js-sdk/src/matrix";
+
+import type EditorStateTransfer from "../../../../../utils/EditorStateTransfer";
+import { type IRoomState } from "../../../../structures/RoomView";
+import { type ComposerContextState } from "../ComposerContext";
+
+// From EditMessageComposer private get events(): MatrixEvent[]
+export function getEventsFromEditorStateTransfer(
+    editorStateTransfer: EditorStateTransfer,
+    roomContext: Pick<IRoomState, "liveTimeline">,
+    mxClient: MatrixClient,
+): MatrixEvent[] | undefined {
+    const liveTimelineEvents = roomContext.liveTimeline?.getEvents();
+    if (!liveTimelineEvents) {
+        return;
+    }
+
+    const roomId = editorStateTransfer.getEvent().getRoomId();
+    if (!roomId) {
+        return;
+    }
+
+    const room = mxClient.getRoom(roomId);
+    if (!room) {
+        return;
+    }
+
+    const pendingEvents = room.getPendingEvents();
+    const isInThread = Boolean(editorStateTransfer.getEvent().getThread());
+    return liveTimelineEvents.concat(isInThread ? [] : pendingEvents);
+}
+
+// From SendMessageComposer private onKeyDown = (event: KeyboardEvent): void
+export function getEventsFromRoom(
+    composerContext: ComposerContextState,
+    roomContext: Pick<IRoomState, "liveTimeline" | "room">,
+): MatrixEvent[] | undefined {
+    const isReplyingToThread = composerContext.eventRelation?.key === THREAD_RELATION_TYPE.name;
+    return roomContext.liveTimeline
+        ?.getEvents()
+        .concat(isReplyingToThread ? [] : roomContext.room?.getPendingEvents() || []);
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/utils/isContentModified.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/isContentModified.ts
new file mode 100644
index 00000000000..ab215d3f918
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/isContentModified.ts
@@ -0,0 +1,29 @@
+/*
+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 { type RoomMessageEventContent, type RoomMessageTextEventContent } from "matrix-js-sdk/src/types";
+
+import type EditorStateTransfer from "../../../../../utils/EditorStateTransfer";
+
+export function isContentModified(
+    newContent: RoomMessageEventContent,
+    editorStateTransfer: EditorStateTransfer,
+): boolean {
+    // if nothing has changed then bail
+    const oldContent = editorStateTransfer.getEvent().getContent<RoomMessageEventContent>();
+    if (
+        oldContent["msgtype"] === newContent["msgtype"] &&
+        oldContent["body"] === newContent["body"] &&
+        (<RoomMessageTextEventContent>oldContent)["format"] === (<RoomMessageTextEventContent>newContent)["format"] &&
+        (<RoomMessageTextEventContent>oldContent)["formatted_body"] ===
+            (<RoomMessageTextEventContent>newContent)["formatted_body"]
+    ) {
+        return false;
+    }
+    return true;
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/utils/message.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/message.ts
new file mode 100644
index 00000000000..1ff011c64ab
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/message.ts
@@ -0,0 +1,245 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 Composer as ComposerEvent } from "@matrix-org/analytics-events/types/typescript/Composer";
+import {
+    type IEventRelation,
+    type MatrixEvent,
+    type ISendEventResponse,
+    type MatrixClient,
+    THREAD_RELATION_TYPE,
+} from "matrix-js-sdk/src/matrix";
+import { type RoomMessageEventContent } from "matrix-js-sdk/src/types";
+import { type MessageComposerUrlPreviewSnapshot } from "@element-hq/web-shared-components";
+
+import { PosthogAnalytics } from "../../../../../PosthogAnalytics";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import { decorateStartSendingTime, sendRoundTripMetric } from "../../../../../sendTimePerformanceMetrics";
+import { doMaybeLocalRoomAction } from "../../../../../utils/local-room";
+import { CHAT_EFFECTS } from "../../../../../effects";
+import { containsEmoji } from "../../../../../effects/utils";
+import { type IRoomState } from "../../../../structures/RoomView";
+import dis from "../../../../../dispatcher/dispatcher";
+import { createRedactEventDialog } from "../../../dialogs/ConfirmRedactDialog";
+import { endEditing, cancelPreviousPendingEdit } from "./editing";
+import type EditorStateTransfer from "../../../../../utils/EditorStateTransfer";
+import { createMessageContent, EMOTE_PREFIX } from "./createMessageContent";
+import { isContentModified } from "./isContentModified";
+import { CommandCategories, getCommand } from "../../../../../slash-commands/SlashCommands";
+import { runSlashCommand, shouldSendAnyway } from "../../../../../editor/commands";
+import { Action } from "../../../../../dispatcher/actions";
+import { addReplyToMessageContent } from "../../../../../utils/Reply";
+import { attachRelation, attachUrlPreviews } from "../../../../../utils/messages";
+
+export interface SendMessageParams {
+    mxClient: MatrixClient;
+    relation?: IEventRelation;
+    replyToEvent?: MatrixEvent;
+    roomContext: Pick<IRoomState, "timelineRenderingType" | "room">;
+    urlPreviewSnapshot: MessageComposerUrlPreviewSnapshot;
+}
+
+export async function sendMessage(
+    message: string,
+    isHTML: boolean,
+    { roomContext, mxClient, urlPreviewSnapshot, ...params }: SendMessageParams,
+): Promise<ISendEventResponse | undefined> {
+    const { relation, replyToEvent } = params;
+    const { room } = roomContext;
+    const roomId = room?.roomId;
+
+    if (!roomId) {
+        return;
+    }
+
+    const posthogEvent: ComposerEvent = {
+        eventName: "Composer",
+        isEditing: false,
+        messageType: "Text",
+        isReply: Boolean(replyToEvent),
+        // TODO thread
+        inThread: relation?.rel_type === THREAD_RELATION_TYPE.name,
+    };
+
+    // TODO thread
+    /*if (posthogEvent.inThread) {
+        const threadRoot = room.findEventById(relation?.event_id);
+        posthogEvent.startsThread = threadRoot?.getThread()?.events.length === 1;
+    }*/
+    PosthogAnalytics.instance.trackEvent<ComposerEvent>(posthogEvent);
+
+    let content: RoomMessageEventContent | null = null;
+
+    // Slash command handling here approximates what can be found in SendMessageComposer.sendMessage()
+    // but note that the /me and // special cases are handled by the call to createMessageContent
+    if (message.startsWith("/") && !message.startsWith("//") && !message.startsWith(EMOTE_PREFIX)) {
+        const { cmd, args } = getCommand(roomId, message);
+        if (cmd) {
+            const threadId = relation?.rel_type === THREAD_RELATION_TYPE.name ? relation?.event_id : null;
+            let commandSuccessful: boolean;
+            [content, commandSuccessful] = await runSlashCommand(mxClient, cmd, args, roomId, threadId ?? null);
+
+            if (!commandSuccessful) {
+                return; // errored
+            }
+
+            if (
+                content &&
+                (cmd.category === CommandCategories.messages || cmd.category === CommandCategories.effects)
+            ) {
+                attachRelation(content, relation);
+                if (replyToEvent) {
+                    addReplyToMessageContent(content, replyToEvent);
+                }
+            } else {
+                // instead of setting shouldSend to false as in SendMessageComposer, just return
+                return;
+            }
+        } else {
+            const sendAnyway = await shouldSendAnyway(message);
+            // re-focus the composer after QuestionDialog is closed
+            dis.dispatch({
+                action: Action.FocusAComposer,
+                context: roomContext.timelineRenderingType,
+            });
+            // if !sendAnyway bail to let the user edit the composer and try again
+            if (!sendAnyway) return;
+        }
+    }
+
+    // if content is null, we haven't done any slash command processing, so generate some content
+    content ??= await createMessageContent(message, isHTML, params);
+    attachUrlPreviews(urlPreviewSnapshot, content);
+
+    // TODO replace emotion end of message ?
+
+    // TODO quick reaction
+
+    // don't bother sending an empty message
+    if (!content.body.trim()) {
+        return;
+    }
+
+    if (SettingsStore.getValue("Performance.addSendMessageTimingMetadata")) {
+        decorateStartSendingTime(content);
+    }
+
+    const threadId = relation?.event_id && relation?.rel_type === THREAD_RELATION_TYPE.name ? relation.event_id : null;
+
+    const prom = doMaybeLocalRoomAction(
+        roomId,
+        (actualRoomId: string) => mxClient.sendMessage(actualRoomId, threadId, content),
+        mxClient,
+    );
+
+    if (replyToEvent) {
+        // Clear reply_to_event as we put the message into the queue
+        // if the send fails, retry will handle resending.
+        dis.dispatch({
+            action: "reply_to_event",
+            event: null,
+            context: roomContext.timelineRenderingType,
+        });
+    }
+
+    dis.dispatch({ action: "message_sent" });
+    CHAT_EFFECTS.forEach((effect) => {
+        if (content && containsEmoji(content, effect.emojis)) {
+            // For initial threads launch, chat effects are disabled
+            // see #19731
+            const isNotThread = relation?.rel_type !== THREAD_RELATION_TYPE.name;
+            if (isNotThread) {
+                dis.dispatch({ action: `effects.${effect.command}` });
+            }
+        }
+    });
+    if (SettingsStore.getValue("Performance.addSendMessageTimingMetadata")) {
+        prom.then((resp) => {
+            sendRoundTripMetric(mxClient, roomId, resp.event_id);
+        });
+    }
+
+    // TODO save history
+    // TODO save local state
+
+    //if (shouldSend && SettingsStore.getValue("scrollToBottomOnMessageSent")) {
+    if (SettingsStore.getValue("scrollToBottomOnMessageSent")) {
+        dis.dispatch({
+            action: "scroll_to_bottom",
+            timelineRenderingType: roomContext.timelineRenderingType,
+        });
+    }
+
+    return prom;
+}
+
+interface EditMessageParams {
+    mxClient: MatrixClient;
+    roomContext: Pick<IRoomState, "timelineRenderingType">;
+    editorStateTransfer: EditorStateTransfer;
+}
+
+export async function editMessage(
+    html: string,
+    { roomContext, mxClient, editorStateTransfer }: EditMessageParams,
+): Promise<ISendEventResponse | undefined> {
+    const editedEvent = editorStateTransfer.getEvent();
+
+    PosthogAnalytics.instance.trackEvent<ComposerEvent>({
+        eventName: "Composer",
+        isEditing: true,
+        messageType: "Text",
+        inThread: Boolean(editedEvent?.getThread()),
+        isReply: Boolean(editedEvent.replyEventId),
+    });
+
+    // TODO emoji
+    // Replace emoticon at the end of the message
+    /*    if (SettingsStore.getValue('MessageComposerInput.autoReplaceEmoji')) {
+        const caret = this.editorRef.current?.getCaret();
+        const position = this.model.positionForOffset(caret.offset, caret.atNodeEnd);
+        this.editorRef.current?.replaceEmoticon(position, REGEX_EMOTICON);
+    }*/
+    const editContent = await createMessageContent(html, true, { editedEvent });
+    const newContent = editContent["m.new_content"]!;
+
+    const shouldSend = true;
+
+    if (newContent?.body === "") {
+        cancelPreviousPendingEdit(mxClient, editorStateTransfer);
+        createRedactEventDialog({
+            mxEvent: editedEvent,
+            onCloseDialog: () => {
+                endEditing(roomContext);
+            },
+        });
+        return;
+    }
+
+    let response: Promise<ISendEventResponse> | undefined;
+
+    const roomId = editedEvent.getRoomId();
+
+    // If content is modified then send an updated event into the room
+    if (isContentModified(newContent, editorStateTransfer) && roomId) {
+        // TODO Slash Commands
+
+        if (shouldSend) {
+            cancelPreviousPendingEdit(mxClient, editorStateTransfer);
+
+            const event = editorStateTransfer.getEvent();
+            const threadId = event.threadRootId || null;
+
+            response = mxClient.sendMessage(roomId, threadId, editContent);
+            dis.dispatch({ action: "message_sent" });
+        }
+    }
+
+    endEditing(roomContext);
+    return response;
+}
diff --git a/apps/web/src/components/views/rooms/wysiwyg_composer/utils/selection.ts b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/selection.ts
new file mode 100644
index 00000000000..d8c6213e644
--- /dev/null
+++ b/apps/web/src/components/views/rooms/wysiwyg_composer/utils/selection.ts
@@ -0,0 +1,86 @@
+/*
+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 { type SubSelection } from "../types";
+
+export function setSelection(selection: SubSelection): Promise<void> {
+    if (selection.anchorNode && selection.focusNode) {
+        const range = new Range();
+
+        if (selection.isForward) {
+            range.setStart(selection.anchorNode, selection.anchorOffset);
+            range.setEnd(selection.focusNode, selection.focusOffset);
+        } else {
+            range.setStart(selection.focusNode, selection.focusOffset);
+            range.setEnd(selection.anchorNode, selection.anchorOffset);
+        }
+        document.getSelection()?.removeAllRanges();
+        document.getSelection()?.addRange(range);
+    }
+
+    // Waiting for the next loop to ensure that the selection is effective
+    return new Promise((resolve) => setTimeout(resolve, 0));
+}
+
+export function isSelectionEmpty(): boolean {
+    const selection = document.getSelection();
+    return Boolean(selection?.isCollapsed);
+}
+
+export function isCaretAtStart(editor: HTMLElement): boolean {
+    const selection = document.getSelection();
+
+    // No selection or the caret is not at the beginning of the selected element
+    if (!selection) {
+        return false;
+    }
+
+    // When we are pressing keyboard up in an empty main composer, the selection is on the editor with an anchorOffset at O or 1 (yes, this is strange)
+    const isOnFirstElement = selection.anchorNode === editor && selection.anchorOffset <= 1;
+    if (isOnFirstElement) {
+        return true;
+    }
+
+    // In case of nested html elements (list, code blocks), we are going through all the first child
+    let child = editor.firstChild;
+    do {
+        if (child === selection.anchorNode) {
+            return selection.anchorOffset === 0;
+        }
+    } while ((child = child?.firstChild || null));
+
+    return false;
+}
+
+export function isCaretAtEnd(editor: HTMLElement): boolean {
+    const selection = document.getSelection();
+
+    if (!selection) {
+        return false;
+    }
+
+    // When we are cycling across all the timeline message with the keyboard
+    // The caret is on the last text element but focusNode and anchorNode refers to the editor div
+    // In this case, the focusOffset & anchorOffset match the index + 1 of the selected text
+    const isOnLastElement = selection.focusNode === editor && selection.focusOffset === editor.childNodes?.length;
+    if (isOnLastElement) {
+        return true;
+    }
+
+    // In case of nested html elements (list, code blocks), we are going through all the last child
+    // The last child of the editor is always a <br> tag, we skip it
+    let child: ChildNode | null = editor.childNodes.item(editor.childNodes.length - 2);
+    do {
+        if (child === selection.focusNode) {
+            // Checking that the cursor is at end of the selected text
+            return selection.focusOffset === child.textContent?.length;
+        }
+    } while ((child = child.lastChild));
+
+    return false;
+}
diff --git a/apps/web/src/components/views/settings/AddPrivilegedUsers.tsx b/apps/web/src/components/views/settings/AddPrivilegedUsers.tsx
new file mode 100644
index 00000000000..68a940a65db
--- /dev/null
+++ b/apps/web/src/components/views/settings/AddPrivilegedUsers.tsx
@@ -0,0 +1,123 @@
+/*
+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 FormEvent, useCallback, useContext, useRef, useState } from "react";
+import { type Room, EventType } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../languageHandler";
+import { type ICompletion } from "../../../autocomplete/Autocompleter";
+import UserProvider from "../../../autocomplete/UserProvider";
+import { AutocompleteInput } from "../../structures/AutocompleteInput";
+import PowerSelector from "../elements/PowerSelector";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+import AccessibleButton from "../elements/AccessibleButton";
+import Modal from "../../../Modal";
+import ErrorDialog from "../dialogs/ErrorDialog";
+import SettingsFieldset from "./SettingsFieldset";
+
+interface AddPrivilegedUsersProps {
+    room: Room;
+    defaultUserLevel: number;
+}
+
+export const AddPrivilegedUsers: React.FC<AddPrivilegedUsersProps> = ({ room, defaultUserLevel }) => {
+    const client = useContext(MatrixClientContext);
+    const userProvider = useRef(new UserProvider(room));
+    const [isLoading, setIsLoading] = useState<boolean>(false);
+    const [powerLevel, setPowerLevel] = useState<number>(defaultUserLevel);
+    const [selectedUsers, setSelectedUsers] = useState<ICompletion[]>([]);
+    const hasLowerOrEqualLevelThanDefaultLevelFilter = useCallback(
+        (user: ICompletion) => hasLowerOrEqualLevelThanDefaultLevel(room, user, defaultUserLevel),
+        [room, defaultUserLevel],
+    );
+
+    const onSubmit = async (event: FormEvent): Promise<void> => {
+        event.preventDefault();
+        setIsLoading(true);
+
+        const userIds = getUserIdsFromCompletions(selectedUsers);
+        const powerLevelEvent = room.currentState.getStateEvents(EventType.RoomPowerLevels, "");
+
+        // `RoomPowerLevels` event should exist, but technically it is not guaranteed.
+        if (powerLevelEvent === null) {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("common|error"),
+                description: _t("error|update_power_level"),
+            });
+
+            return;
+        }
+
+        try {
+            await client.setPowerLevel(room.roomId, userIds, powerLevel);
+            setSelectedUsers([]);
+            setPowerLevel(defaultUserLevel);
+        } catch {
+            Modal.createDialog(ErrorDialog, {
+                title: _t("common|error"),
+                description: _t("error|update_power_level"),
+            });
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    return (
+        <form style={{ display: "flex" }} onSubmit={onSubmit}>
+            <SettingsFieldset
+                legend={_t("room_settings|permissions|add_privileged_user_heading")}
+                description={_t("room_settings|permissions|add_privileged_user_description")}
+                style={{ flexGrow: 1 }}
+            >
+                <AutocompleteInput
+                    provider={userProvider.current}
+                    placeholder={_t("room_settings|permissions|add_privileged_user_filter_placeholder")}
+                    onSelectionChange={setSelectedUsers}
+                    selection={selectedUsers}
+                    additionalFilter={hasLowerOrEqualLevelThanDefaultLevelFilter}
+                />
+                <PowerSelector value={powerLevel} onChange={setPowerLevel} />
+                <AccessibleButton
+                    type="submit"
+                    element="button"
+                    kind="primary"
+                    disabled={!selectedUsers.length || isLoading}
+                    onClick={null}
+                    data-testid="add-privileged-users-submit-button"
+                >
+                    {_t("action|apply")}
+                </AccessibleButton>
+            </SettingsFieldset>
+        </form>
+    );
+};
+
+export const hasLowerOrEqualLevelThanDefaultLevel = (
+    room: Room,
+    user: ICompletion,
+    defaultUserLevel: number,
+): boolean => {
+    if (user.completionId === undefined) {
+        return false;
+    }
+
+    const member = room.getMember(user.completionId);
+
+    if (member === null) {
+        return false;
+    }
+
+    return member.powerLevel <= defaultUserLevel;
+};
+
+export const getUserIdsFromCompletions = (completions: ICompletion[]): string[] => {
+    const completionsWithId = completions.filter((completion) => completion.completionId !== undefined);
+
+    // undefined completionId's are filtered out above but TypeScript does not seem to understand.
+    return completionsWithId.map((completion) => completion.completionId!);
+};
diff --git a/apps/web/src/components/views/settings/AddRemoveThreepids.tsx b/apps/web/src/components/views/settings/AddRemoveThreepids.tsx
new file mode 100644
index 00000000000..301afd4d414
--- /dev/null
+++ b/apps/web/src/components/views/settings/AddRemoveThreepids.tsx
@@ -0,0 +1,526 @@
+/*
+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.
+*/
+
+import React, { useCallback, useRef, useState } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import {
+    type IRequestMsisdnTokenResponse,
+    type IRequestTokenResponse,
+    MatrixError,
+    ThreepidMedium,
+} from "matrix-js-sdk/src/matrix";
+
+import AddThreepid, { type Binding, type ThirdPartyIdentifier } from "../../../AddThreepid";
+import { _t, UserFriendlyError } from "../../../languageHandler";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
+import Modal from "../../../Modal";
+import ErrorDialog, { extractErrorMessageFromError } from "../dialogs/ErrorDialog";
+import Field from "../elements/Field";
+import { looksValid as emailLooksValid } from "../../../email";
+import CountryDropdown from "../auth/CountryDropdown";
+import { type PhoneNumberCountryDefinition } from "../../../phonenumber";
+import InlineSpinner from "../elements/InlineSpinner";
+
+// Whether we're adding 3pids to the user's account on the homeserver or sharing them on an identity server
+type TheepidControlMode = "hs" | "is";
+
+interface ExistingThreepidProps {
+    mode: TheepidControlMode;
+    threepid: ThirdPartyIdentifier;
+    onChange: (threepid: ThirdPartyIdentifier) => void;
+    disabled?: boolean;
+}
+
+const ExistingThreepid: React.FC<ExistingThreepidProps> = ({ mode, threepid, onChange, disabled }) => {
+    const [isConfirming, setIsConfirming] = useState(false);
+    const client = useMatrixClientContext();
+    const bindTask = useRef<AddThreepid>(undefined);
+
+    const [isVerifyingBind, setIsVerifyingBind] = useState(false);
+    const [continueDisabled, setContinueDisabled] = useState(false);
+    const [verificationCode, setVerificationCode] = useState("");
+
+    const onRemoveClick = useCallback((e: ButtonEvent) => {
+        e.stopPropagation();
+        e.preventDefault();
+
+        setIsConfirming(true);
+    }, []);
+
+    const onCancelClick = useCallback((e: ButtonEvent) => {
+        e.stopPropagation();
+        e.preventDefault();
+
+        setIsConfirming(false);
+    }, []);
+
+    const onConfirmRemoveClick = useCallback(
+        (e: ButtonEvent) => {
+            e.stopPropagation();
+            e.preventDefault();
+
+            client
+                .deleteThreePid(threepid.medium, threepid.address)
+                .then(() => {
+                    return onChange(threepid);
+                })
+                .catch((err) => {
+                    logger.error("Unable to remove contact information: " + err);
+                    Modal.createDialog(ErrorDialog, {
+                        title: _t("settings|general|error_remove_3pid"),
+                        description: err?.message ?? _t("invite|failed_generic"),
+                    });
+                });
+        },
+        [client, threepid, onChange],
+    );
+
+    const changeBinding = useCallback(
+        async ({ bind, label, errorTitle }: Binding) => {
+            try {
+                if (bind) {
+                    bindTask.current = new AddThreepid(client);
+                    setContinueDisabled(true);
+                    if (threepid.medium === ThreepidMedium.Email) {
+                        await bindTask.current.bindEmailAddress(threepid.address);
+                    } else {
+                        // XXX: Sydent will accept a number without country code if you add
+                        // a leading plus sign to a number in E.164 format (which the 3PID
+                        // address is), but this goes against the spec.
+                        // See https://github.com/matrix-org/matrix-doc/issues/2222
+                        await bindTask.current.bindMsisdn(null as unknown as string, `+${threepid.address}`);
+                    }
+                    setContinueDisabled(false);
+                    setIsVerifyingBind(true);
+                } else {
+                    await client.unbindThreePid(threepid.medium, threepid.address);
+                    onChange(threepid);
+                }
+            } catch (err) {
+                logger.error(`changeBinding: Unable to ${label} email address ${threepid.address}`, err);
+                setIsVerifyingBind(false);
+                setContinueDisabled(false);
+                bindTask.current = undefined;
+                Modal.createDialog(ErrorDialog, {
+                    title: errorTitle,
+                    description: extractErrorMessageFromError(err, _t("invite|failed_generic")),
+                });
+            }
+        },
+        [client, threepid, onChange],
+    );
+
+    const onRevokeClick = useCallback(
+        (e: ButtonEvent): void => {
+            e.stopPropagation();
+            e.preventDefault();
+            changeBinding({
+                bind: false,
+                label: "revoke",
+                errorTitle:
+                    threepid.medium === "email"
+                        ? _t("settings|general|error_revoke_email_discovery")
+                        : _t("settings|general|error_revoke_msisdn_discovery"),
+            });
+        },
+        [changeBinding, threepid.medium],
+    );
+
+    const onShareClick = useCallback(
+        (e: ButtonEvent): void => {
+            e.stopPropagation();
+            e.preventDefault();
+            changeBinding({
+                bind: true,
+                label: "share",
+                errorTitle:
+                    threepid.medium === "email"
+                        ? _t("settings|general|error_share_email_discovery")
+                        : _t("settings|general|error_share_msisdn_discovery"),
+            });
+        },
+        [changeBinding, threepid.medium],
+    );
+
+    const onContinueClick = useCallback(
+        async (e: ButtonEvent) => {
+            e.stopPropagation();
+            e.preventDefault();
+
+            setContinueDisabled(true);
+            try {
+                if (threepid.medium === ThreepidMedium.Email) {
+                    await bindTask.current?.checkEmailLinkClicked();
+                } else {
+                    await bindTask.current?.haveMsisdnToken(verificationCode);
+                }
+                setIsVerifyingBind(false);
+                onChange(threepid);
+                bindTask.current = undefined;
+            } catch (err) {
+                logger.error(`Unable to verify threepid:`, err);
+
+                let underlyingError = err;
+                if (err instanceof UserFriendlyError) {
+                    underlyingError = err.cause;
+                }
+
+                if (underlyingError instanceof MatrixError && underlyingError.errcode === "M_THREEPID_AUTH_FAILED") {
+                    Modal.createDialog(ErrorDialog, {
+                        title:
+                            threepid.medium === "email"
+                                ? _t("settings|general|email_not_verified")
+                                : _t("settings|general|error_msisdn_verification"),
+                        description:
+                            threepid.medium === "email"
+                                ? _t("settings|general|email_verification_instructions")
+                                : extractErrorMessageFromError(err, _t("invite|failed_generic")),
+                    });
+                } else {
+                    logger.error("Unable to verify email address: " + err);
+                    Modal.createDialog(ErrorDialog, {
+                        title: _t("settings|general|error_email_verification"),
+                        description: extractErrorMessageFromError(err, _t("invite|failed_generic")),
+                    });
+                }
+            } finally {
+                setContinueDisabled(false);
+            }
+        },
+        [verificationCode, onChange, threepid],
+    );
+
+    const onVerificationCodeChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
+        setVerificationCode(e.target.value);
+    }, []);
+
+    if (isConfirming) {
+        return (
+            <div className="mx_AddRemoveThreepids_existing">
+                <span className="mx_AddRemoveThreepids_existing_promptText">
+                    {threepid.medium === ThreepidMedium.Email
+                        ? _t("settings|general|remove_email_prompt", { email: threepid.address })
+                        : _t("settings|general|remove_msisdn_prompt", { phone: threepid.address })}
+                </span>
+                <AccessibleButton
+                    onClick={onConfirmRemoveClick}
+                    kind="danger_sm"
+                    className="mx_AddRemoveThreepids_existing_button"
+                >
+                    {_t("action|remove")}
+                </AccessibleButton>
+                <AccessibleButton
+                    onClick={onCancelClick}
+                    kind="link_sm"
+                    className="mx_AddRemoveThreepids_existing_button"
+                >
+                    {_t("action|cancel")}
+                </AccessibleButton>
+            </div>
+        );
+    }
+
+    if (isVerifyingBind) {
+        if (threepid.medium === ThreepidMedium.Email) {
+            return (
+                <div className="mx_EmailAddressesPhoneNumbers_verify">
+                    <span className="mx_EmailAddressesPhoneNumbers_verify_instructions">
+                        {_t("settings|general|discovery_email_verification_instructions")}
+                    </span>
+                    <AccessibleButton
+                        className="mx_EmailAddressesPhoneNumbers_existing_button"
+                        kind="primary_sm"
+                        onClick={onContinueClick}
+                        disabled={continueDisabled}
+                    >
+                        {_t("action|complete")}
+                    </AccessibleButton>
+                </div>
+            );
+        } else {
+            return (
+                <div className="mx_EmailAddressesPhoneNumbers_verify">
+                    <span className="mx_EmailAddressesPhoneNumbers_verify_instructions">
+                        {_t("settings|general|msisdn_verification_instructions")}
+                    </span>
+                    <form onSubmit={onContinueClick} autoComplete="off" noValidate={true}>
+                        <Field
+                            type="text"
+                            label={_t("settings|general|msisdn_verification_field_label")}
+                            autoComplete="off"
+                            disabled={continueDisabled}
+                            value={verificationCode}
+                            onChange={onVerificationCodeChange}
+                        />
+                    </form>
+                </div>
+            );
+        }
+    }
+
+    return (
+        <div className="mx_AddRemoveThreepids_existing">
+            <span className="mx_AddRemoveThreepids_existing_address">{threepid.address}</span>
+            <AccessibleButton
+                onClick={mode === "hs" ? onRemoveClick : threepid.bound ? onRevokeClick : onShareClick}
+                kind={mode === "hs" || threepid.bound ? "danger_sm" : "primary_sm"}
+                disabled={disabled}
+            >
+                {mode === "hs" ? _t("action|remove") : threepid.bound ? _t("action|revoke") : _t("action|share")}
+            </AccessibleButton>
+        </div>
+    );
+};
+
+function isMsisdnResponse(
+    resp: IRequestTokenResponse | IRequestMsisdnTokenResponse,
+): resp is IRequestMsisdnTokenResponse {
+    return (resp as IRequestMsisdnTokenResponse).msisdn !== undefined;
+}
+
+const AddThreepidSection: React.FC<{ medium: "email" | "msisdn"; disabled?: boolean; onChange: () => void }> = ({
+    medium,
+    disabled,
+    onChange,
+}) => {
+    const addTask = useRef<AddThreepid>(undefined);
+    const [newThreepidInput, setNewThreepidInput] = useState("");
+    const [phoneCountryInput, setPhoneCountryInput] = useState("");
+    const [verificationCodeInput, setVerificationCodeInput] = useState("");
+    const [isVerifying, setIsVerifying] = useState(false);
+    const [continueDisabled, setContinueDisabled] = useState(false);
+    const [sentToMsisdn, setSentToMsisdn] = useState("");
+
+    const client = useMatrixClientContext();
+
+    const onPhoneCountryChanged = useCallback((country: PhoneNumberCountryDefinition) => {
+        setPhoneCountryInput(country.iso2);
+    }, []);
+
+    const onContinueClick = useCallback(
+        (e: ButtonEvent) => {
+            e.stopPropagation();
+            e.preventDefault();
+
+            if (!addTask.current) return;
+
+            setContinueDisabled(true);
+
+            const checkPromise =
+                medium === "email"
+                    ? addTask.current?.checkEmailLinkClicked()
+                    : addTask.current?.haveMsisdnToken(verificationCodeInput);
+            checkPromise
+                .then(([finished]) => {
+                    if (finished) {
+                        addTask.current = undefined;
+                        setIsVerifying(false);
+                        setNewThreepidInput("");
+                        onChange();
+                    }
+                    setContinueDisabled(false);
+                })
+                .catch((err) => {
+                    logger.error("Unable to verify 3pid: ", err);
+
+                    setContinueDisabled(false);
+
+                    let underlyingError = err;
+                    if (err instanceof UserFriendlyError) {
+                        underlyingError = err.cause;
+                    }
+
+                    if (
+                        underlyingError instanceof MatrixError &&
+                        underlyingError.errcode === "M_THREEPID_AUTH_FAILED"
+                    ) {
+                        Modal.createDialog(ErrorDialog, {
+                            title:
+                                medium === "email"
+                                    ? _t("settings|general|email_not_verified")
+                                    : _t("settings|general|error_msisdn_verification"),
+                            description: _t("settings|general|email_verification_instructions"),
+                        });
+                    } else {
+                        Modal.createDialog(ErrorDialog, {
+                            title:
+                                medium == "email"
+                                    ? _t("settings|general|error_email_verification")
+                                    : _t("settings|general|error_msisdn_verification"),
+                            description: extractErrorMessageFromError(err, _t("invite|failed_generic")),
+                        });
+                    }
+                });
+        },
+        [onChange, medium, verificationCodeInput],
+    );
+
+    const onNewThreepidInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
+        setNewThreepidInput(e.target.value);
+    }, []);
+
+    const onAddClick = useCallback(
+        (e: React.FormEvent) => {
+            e.stopPropagation();
+            e.preventDefault();
+
+            if (!newThreepidInput) return;
+
+            // TODO: Inline field validation
+            if (medium === "email" && !emailLooksValid(newThreepidInput)) {
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("settings|general|error_invalid_email"),
+                    description: _t("settings|general|error_invalid_email_detail"),
+                });
+                return;
+            }
+
+            addTask.current = new AddThreepid(client);
+            setIsVerifying(true);
+            setContinueDisabled(true);
+
+            const addPromise =
+                medium === "email"
+                    ? addTask.current.addEmailAddress(newThreepidInput)
+                    : addTask.current.addMsisdn(phoneCountryInput, newThreepidInput);
+
+            addPromise
+                .then((resp: IRequestTokenResponse | IRequestMsisdnTokenResponse) => {
+                    setContinueDisabled(false);
+                    if (isMsisdnResponse(resp)) {
+                        setSentToMsisdn(resp.msisdn);
+                    }
+                })
+                .catch((err) => {
+                    logger.error(`Unable to add threepid ${newThreepidInput}`, err);
+                    setIsVerifying(false);
+                    setContinueDisabled(false);
+                    addTask.current = undefined;
+                    Modal.createDialog(ErrorDialog, {
+                        title: medium === "email" ? _t("settings|general|error_add_email") : _t("common|error"),
+                        description: extractErrorMessageFromError(err, _t("invite|failed_generic")),
+                    });
+                });
+        },
+        [client, phoneCountryInput, newThreepidInput, medium],
+    );
+
+    const onVerificationCodeInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
+        setVerificationCodeInput(e.target.value);
+    }, []);
+
+    if (isVerifying && medium === "email") {
+        return (
+            <div>
+                <div>{_t("settings|general|add_email_instructions")}</div>
+                <AccessibleButton onClick={onContinueClick} kind="primary" disabled={continueDisabled}>
+                    {_t("action|continue")}
+                </AccessibleButton>
+            </div>
+        );
+    } else if (isVerifying) {
+        return (
+            <div>
+                <div>
+                    {_t("settings|general|add_msisdn_instructions", { msisdn: sentToMsisdn })}
+                    <br />
+                </div>
+                <form onSubmit={onContinueClick} autoComplete="off" noValidate={true}>
+                    <Field
+                        type="text"
+                        label={_t("settings|general|msisdn_verification_field_label")}
+                        autoComplete="off"
+                        disabled={disabled || continueDisabled}
+                        value={verificationCodeInput}
+                        onChange={onVerificationCodeInputChange}
+                    />
+                    <AccessibleButton
+                        onClick={onContinueClick}
+                        kind="primary"
+                        disabled={disabled || continueDisabled || verificationCodeInput.length === 0}
+                    >
+                        {_t("action|continue")}
+                    </AccessibleButton>
+                </form>
+            </div>
+        );
+    }
+
+    const phoneCountry =
+        medium === "msisdn" ? (
+            <CountryDropdown
+                onOptionChange={onPhoneCountryChanged}
+                className="mx_PhoneNumbers_country"
+                value={phoneCountryInput}
+                disabled={isVerifying}
+                isSmall={true}
+                showPrefix={true}
+            />
+        ) : undefined;
+
+    return (
+        <form onSubmit={onAddClick} autoComplete="off" noValidate={true}>
+            <Field
+                type="text"
+                label={
+                    medium === "email"
+                        ? _t("settings|general|email_address_label")
+                        : _t("settings|general|msisdn_label")
+                }
+                autoComplete={medium === "email" ? "email" : "tel-national"}
+                disabled={disabled || isVerifying}
+                value={newThreepidInput}
+                onChange={onNewThreepidInputChange}
+                prefixComponent={phoneCountry}
+            />
+            <AccessibleButton onClick={onAddClick} kind="primary" disabled={disabled}>
+                {_t("action|add")}
+            </AccessibleButton>
+        </form>
+    );
+};
+
+interface AddRemoveThreepidsProps {
+    // Whether the control is for adding 3pids to the user's homeserver account or sharing them on an IS
+    mode: TheepidControlMode;
+    // Whether the control is for emails or phone numbers
+    medium: ThreepidMedium;
+    // The current list of third party identifiers
+    threepids: ThirdPartyIdentifier[];
+    // If true, the component is disabled and no third party identifiers can be added or removed
+    disabled?: boolean;
+    // Called when changes are made to the list of third party identifiers
+    onChange: () => void;
+    // If true, a spinner is shown instead of the component
+    isLoading: boolean;
+}
+
+export const AddRemoveThreepids: React.FC<AddRemoveThreepidsProps> = ({
+    mode,
+    medium,
+    threepids,
+    disabled,
+    onChange,
+    isLoading,
+}) => {
+    if (isLoading) {
+        return <InlineSpinner />;
+    }
+
+    const existingEmailElements = threepids.map((e) => {
+        return <ExistingThreepid mode={mode} threepid={e} onChange={onChange} key={e.address} disabled={disabled} />;
+    });
+
+    return (
+        <>
+            {existingEmailElements}
+            {mode === "hs" && <AddThreepidSection medium={medium} disabled={disabled} onChange={onChange} />}
+        </>
+    );
+};
diff --git a/apps/web/src/components/views/settings/AvatarSetting.tsx b/apps/web/src/components/views/settings/AvatarSetting.tsx
new file mode 100644
index 00000000000..7407f64b56e
--- /dev/null
+++ b/apps/web/src/components/views/settings/AvatarSetting.tsx
@@ -0,0 +1,242 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 React, { type JSX, type ReactNode, createRef, useCallback, useEffect, useState } from "react";
+import EditIcon from "@vector-im/compound-design-tokens/assets/web/icons/edit";
+import UploadIcon from "@vector-im/compound-design-tokens/assets/web/icons/share";
+import DeleteIcon from "@vector-im/compound-design-tokens/assets/web/icons/delete";
+import { Menu, MenuItem } from "@vector-im/compound-web";
+import classNames from "classnames";
+
+import { _t } from "../../../languageHandler";
+import { mediaFromMxc } from "../../../customisations/Media";
+import { chromeFileInputFix } from "../../../utils/BrowserWorkarounds";
+import AccessibleButton from "../elements/AccessibleButton";
+import BaseAvatar from "../avatars/BaseAvatar";
+import Modal from "../../../Modal.tsx";
+import ErrorDialog from "../dialogs/ErrorDialog.tsx";
+
+interface MenuProps {
+    trigger: ReactNode;
+    onUploadSelect: () => void;
+    onRemoveSelect?: () => void;
+    menuOpen: boolean;
+    onOpenChange: (newOpen: boolean) => void;
+}
+
+const AvatarSettingContextMenu: React.FC<MenuProps> = ({
+    trigger,
+    onUploadSelect,
+    onRemoveSelect,
+    menuOpen,
+    onOpenChange,
+}) => {
+    return (
+        <Menu
+            trigger={trigger}
+            title={_t("action|set_avatar")}
+            showTitle={false}
+            open={menuOpen}
+            onOpenChange={onOpenChange}
+        >
+            <MenuItem
+                as="div"
+                Icon={<UploadIcon width="24px" height="24px" />}
+                label={_t("action|upload_file")}
+                onSelect={onUploadSelect}
+            />
+            {onRemoveSelect && (
+                <MenuItem
+                    as="div"
+                    Icon={<DeleteIcon width="24px" height="24px" />}
+                    className="mx_AvatarSetting_removeMenuItem"
+                    label={_t("action|remove")}
+                    onSelect={onRemoveSelect}
+                />
+            )}
+        </Menu>
+    );
+};
+
+interface IProps {
+    /**
+     * The current value of the avatar URL, as an mxc URL or a File.
+     * Generally, an mxc URL would be specified until the user selects a file, then
+     * the file supplied by the onChange callback would be supplied here until it's
+     * saved.
+     */
+    avatar?: string | File;
+
+    /**
+     * If true, the user cannot change the avatar
+     */
+    disabled?: boolean;
+
+    /**
+     * Called when the user has selected a new avatar
+     * The callback is passed a File object for the new avatar data
+     */
+    onChange?: (f: File) => void;
+
+    /**
+     * Called when the user wishes to remove the avatar
+     */
+    removeAvatar?: () => void;
+
+    /**
+     * The accessible name for the avatar, eg: "Foo's Profile Picture"
+     */
+    avatarAccessibleName: string;
+
+    /**
+     * String to use for computing the colour of the placeholder avatar if no avatar is set
+     */
+    placeholderId: string;
+
+    /**
+     * String to use for the placeholder display if no avatar is set
+     */
+    placeholderName: string;
+}
+
+export function getFileChanged(e: React.ChangeEvent<HTMLInputElement>): File | null {
+    if (!e.target.files?.length) return null;
+    const file = e.target.files[0];
+    if (file.type.startsWith("image/")) return file;
+
+    Modal.createDialog(ErrorDialog, {
+        title: _t("upload_failed_title"),
+        description: _t("upload_file|not_image"),
+    });
+    return null;
+}
+
+/**
+ * Component for setting or removing an avatar on something (eg. a user or a room)
+ */
+const AvatarSetting: React.FC<IProps> = ({
+    avatar,
+    avatarAccessibleName,
+    onChange,
+    removeAvatar,
+    disabled,
+    placeholderId,
+    placeholderName,
+}) => {
+    const fileInputRef = createRef<HTMLInputElement>();
+
+    // Real URL that we can supply to the img element, either a data URL or whatever mediaFromMxc gives
+    // This represents whatever avatar the user has chosen at the time
+    const [avatarURL, setAvatarURL] = useState<string | undefined>(undefined);
+    useEffect(() => {
+        if (avatar instanceof File) {
+            const reader = new FileReader();
+            reader.onload = () => {
+                setAvatarURL(reader.result as string);
+            };
+            reader.readAsDataURL(avatar);
+        } else if (avatar) {
+            setAvatarURL(mediaFromMxc(avatar).getSquareThumbnailHttp(96) ?? undefined);
+        } else {
+            setAvatarURL(undefined);
+        }
+    }, [avatar]);
+
+    const onFileChanged = useCallback(
+        (e: React.ChangeEvent<HTMLInputElement>) => {
+            const file = getFileChanged(e);
+            if (file) {
+                onChange?.(file);
+            }
+        },
+        [onChange],
+    );
+
+    const uploadAvatar = useCallback((): void => {
+        fileInputRef.current?.click();
+    }, [fileInputRef]);
+
+    const [menuOpen, setMenuOpen] = useState(false);
+
+    const onOpenChange = useCallback((newOpen: boolean) => {
+        setMenuOpen(newOpen);
+    }, []);
+
+    const avatarElement = (
+        <AccessibleButton
+            element="div"
+            /**
+             * This button will open a menu. That is done by passing this element as trigger
+             * to the menu component, hence the empty onClick.
+             */
+            onClick={() => {}}
+            className="mx_AvatarSetting_avatarDisplay"
+            disabled={disabled}
+        >
+            <BaseAvatar
+                idName={placeholderId}
+                name={placeholderName}
+                size="120px"
+                url={avatarURL}
+                altText={avatarAccessibleName}
+            />
+        </AccessibleButton>
+    );
+
+    let uploadAvatarBtn: JSX.Element | undefined;
+    if (!disabled) {
+        const uploadButtonClasses = classNames("mx_AvatarSetting_uploadButton", {
+            mx_AvatarSetting_uploadButton_active: menuOpen,
+        });
+        uploadAvatarBtn = (
+            <div
+                className={uploadButtonClasses}
+                role="button"
+                aria-label={_t("settings|general|avatar_open_menu")}
+                tabIndex={0}
+                aria-haspopup="menu"
+            >
+                <EditIcon aria-hidden={true} width="20px" height="20px" />
+            </div>
+        );
+    }
+
+    const content = (
+        <div className="mx_AvatarSetting_avatar" role="group" aria-label={avatarAccessibleName}>
+            {avatarElement}
+            {uploadAvatarBtn}
+        </div>
+    );
+
+    if (disabled) {
+        return content;
+    }
+
+    return (
+        <>
+            <AvatarSettingContextMenu
+                trigger={content}
+                onUploadSelect={uploadAvatar}
+                onRemoveSelect={removeAvatar}
+                menuOpen={menuOpen}
+                onOpenChange={onOpenChange}
+            />
+            <input
+                type="file"
+                style={{ display: "none" }}
+                ref={fileInputRef}
+                onClick={chromeFileInputFix}
+                onChange={onFileChanged}
+                accept="image/*"
+                alt={_t("action|upload")}
+            />
+        </>
+    );
+};
+
+export default AvatarSetting;
diff --git a/apps/web/src/components/views/settings/BridgeTile.tsx b/apps/web/src/components/views/settings/BridgeTile.tsx
new file mode 100644
index 00000000000..9be5a6c030f
--- /dev/null
+++ b/apps/web/src/components/views/settings/BridgeTile.tsx
@@ -0,0 +1,186 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-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 JSX, type ReactNode } from "react";
+import { type MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../languageHandler";
+import { Pill } from "../elements/Pill";
+import { PillType } from "../elements/PillType";
+import { makeUserPermalink } from "../../../utils/permalinks/Permalinks";
+import BaseAvatar from "../avatars/BaseAvatar";
+import SettingsStore from "../../../settings/SettingsStore";
+import { isUrlPermitted } from "../../../HtmlUtils";
+import { mediaFromMxc } from "../../../customisations/Media";
+
+interface IProps {
+    ev: MatrixEvent;
+    room: Room;
+}
+
+/**
+ * This should match https://github.com/matrix-org/matrix-doc/blob/hs/msc-bridge-inf/proposals/2346-bridge-info-state-event.md#mbridge
+ */
+interface IBridgeStateEvent {
+    bridgebot: string;
+    creator?: string;
+    protocol: {
+        id: string;
+        displayname?: string;
+        avatar_url?: string;
+        external_url?: string;
+    };
+    network?: {
+        id: string;
+        displayname?: string;
+        avatar_url?: string;
+        external_url?: string;
+    };
+    channel: {
+        id: string;
+        displayname?: string;
+        avatar_url?: string;
+        external_url?: string;
+    };
+}
+
+export default class BridgeTile extends React.PureComponent<IProps> {
+    public render(): React.ReactNode {
+        const content: IBridgeStateEvent = this.props.ev.getContent();
+        // Validate
+        if (!content.channel?.id || !content.protocol?.id) {
+            logger.warn(`Bridge info event ${this.props.ev.getId()} has missing content. Tile will not render`);
+            return null;
+        }
+        if (!content.bridgebot) {
+            // Bridgebot was not required previously, so in order to not break rooms we are allowing
+            // the sender to be used in place. When the proposal is merged, this should be removed.
+            logger.warn(
+                `Bridge info event ${this.props.ev.getId()} does not provide a 'bridgebot' key which` +
+                    "is deprecated behaviour. Using sender for now.",
+            );
+            content.bridgebot = this.props.ev.getSender()!;
+        }
+        const { channel, network, protocol } = content;
+        const protocolName = protocol.displayname || protocol.id;
+        const channelName = channel.displayname || channel.id;
+
+        let creator: JSX.Element | undefined;
+        if (content.creator) {
+            creator = (
+                <li>
+                    {_t(
+                        "labs|bridge_state_creator",
+                        {},
+                        {
+                            user: () => (
+                                <Pill
+                                    type={PillType.UserMention}
+                                    room={this.props.room}
+                                    url={makeUserPermalink(content.creator!)}
+                                    shouldShowPillAvatar={SettingsStore.getValue("Pill.shouldShowPillAvatar")}
+                                />
+                            ),
+                        },
+                    )}
+                </li>
+            );
+        }
+
+        const bot = (
+            <li>
+                {_t(
+                    "labs|bridge_state_manager",
+                    {},
+                    {
+                        user: () => (
+                            <Pill
+                                type={PillType.UserMention}
+                                room={this.props.room}
+                                url={makeUserPermalink(content.bridgebot)}
+                                shouldShowPillAvatar={SettingsStore.getValue("Pill.shouldShowPillAvatar")}
+                            />
+                        ),
+                    },
+                )}
+            </li>
+        );
+
+        let networkIcon;
+
+        if (protocol.avatar_url) {
+            const avatarUrl = mediaFromMxc(protocol.avatar_url).getSquareThumbnailHttp(64) ?? undefined;
+
+            networkIcon = (
+                <BaseAvatar
+                    className="mx_RoomSettingsDialog_protocolIcon"
+                    size="48px"
+                    name={protocolName}
+                    idName={protocolName}
+                    url={avatarUrl}
+                />
+            );
+        } else {
+            networkIcon = <div className="mx_RoomSettingsDialog_noProtocolIcon" />;
+        }
+        let networkItem: ReactNode | undefined;
+        if (network) {
+            const networkName = network.displayname || network.id;
+            let networkLink = <span>{networkName}</span>;
+            if (typeof network.external_url === "string" && isUrlPermitted(network.external_url)) {
+                networkLink = (
+                    <a href={network.external_url} target="_blank" rel="noreferrer noopener">
+                        {networkName}
+                    </a>
+                );
+            }
+            networkItem = _t(
+                "labs|bridge_state_workspace",
+                {},
+                {
+                    networkLink: () => networkLink,
+                },
+            );
+        }
+
+        let channelLink = <span>{channelName}</span>;
+        if (typeof channel.external_url === "string" && isUrlPermitted(channel.external_url)) {
+            channelLink = (
+                <a href={channel.external_url} target="_blank" rel="noreferrer noopener">
+                    {channelName}
+                </a>
+            );
+        }
+
+        const id = this.props.ev.getId();
+        return (
+            <li key={id} className="mx_RoomSettingsDialog_BridgeList_listItem">
+                <div className="mx_RoomSettingsDialog_column_icon">{networkIcon}</div>
+                <div className="mx_RoomSettingsDialog_column_data">
+                    <h3 className="mx_RoomSettingsDialog_column_data_protocolName">{protocolName}</h3>
+                    <p className="mx_RoomSettingsDialog_column_data_details mx_RoomSettingsDialog_workspace_channel_details">
+                        {networkItem}
+                        <span className="mx_RoomSettingsDialog_channel">
+                            {_t(
+                                "labs|bridge_state_channel",
+                                {},
+                                {
+                                    channelLink: () => channelLink,
+                                },
+                            )}
+                        </span>
+                    </p>
+                    <ul className="mx_RoomSettingsDialog_column_data_metadata mx_RoomSettingsDialog_metadata">
+                        {creator} {bot}
+                    </ul>
+                </div>
+            </li>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/ChangePassword.tsx b/apps/web/src/components/views/settings/ChangePassword.tsx
new file mode 100644
index 00000000000..50e33878772
--- /dev/null
+++ b/apps/web/src/components/views/settings/ChangePassword.tsx
@@ -0,0 +1,385 @@
+/*
+Copyright 2018-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.
+*/
+
+import React from "react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import Field from "../elements/Field";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import AccessibleButton, { type AccessibleButtonKind } from "../elements/AccessibleButton";
+import Spinner from "../elements/Spinner";
+import withValidation, { type IFieldState, type IValidationResult } from "../elements/Validation";
+import { UserFriendlyError, _t, _td } from "../../../languageHandler";
+import Modal from "../../../Modal";
+import PassphraseField from "../auth/PassphraseField";
+import { PASSWORD_MIN_SCORE } from "../auth/RegistrationForm";
+import SetEmailDialog from "../dialogs/SetEmailDialog";
+
+const FIELD_OLD_PASSWORD = "field_old_password";
+const FIELD_NEW_PASSWORD = "field_new_password";
+const FIELD_NEW_PASSWORD_CONFIRM = "field_new_password_confirm";
+type FieldType = typeof FIELD_OLD_PASSWORD | typeof FIELD_NEW_PASSWORD | typeof FIELD_NEW_PASSWORD_CONFIRM;
+
+enum Phase {
+    Edit = "edit",
+    Uploading = "uploading",
+    Error = "error",
+}
+
+interface IProps {
+    onFinished: (outcome: { didSetEmail?: boolean }) => void;
+    onError: (error: Error) => void;
+    rowClassName?: string;
+    buttonClassName?: string;
+    buttonKind?: AccessibleButtonKind;
+    buttonLabel?: string;
+    // Whether to autoFocus the new password input
+    autoFocusNewPasswordInput?: boolean;
+    className?: string;
+    shouldAskForEmail?: boolean;
+}
+
+interface IState {
+    fieldValid: Partial<Record<FieldType, boolean>>;
+    phase: Phase;
+    oldPassword: string;
+    newPassword: string;
+    newPasswordConfirm: string;
+}
+
+export default class ChangePassword extends React.Component<IProps, IState> {
+    private [FIELD_OLD_PASSWORD]: Field | null = null;
+    private [FIELD_NEW_PASSWORD]: Field | null = null;
+    private [FIELD_NEW_PASSWORD_CONFIRM]: Field | null = null;
+
+    public static defaultProps: Partial<IProps> = {
+        onFinished() {},
+        onError() {},
+    };
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            fieldValid: {},
+            phase: Phase.Edit,
+            oldPassword: "",
+            newPassword: "",
+            newPasswordConfirm: "",
+        };
+    }
+
+    private async onChangePassword(oldPassword: string, newPassword: string): Promise<void> {
+        const cli = MatrixClientPeg.safeGet();
+
+        this.changePassword(cli, oldPassword, newPassword);
+    }
+
+    private changePassword(cli: MatrixClient, oldPassword: string, newPassword: string): void {
+        const authDict = {
+            type: "m.login.password",
+            identifier: {
+                type: "m.id.user",
+                user: cli.credentials.userId,
+            },
+            password: oldPassword,
+        };
+
+        this.setState({
+            phase: Phase.Uploading,
+        });
+
+        cli.setPassword(authDict, newPassword, false)
+            .then(
+                () => {
+                    if (this.props.shouldAskForEmail) {
+                        return this.optionallySetEmail().then((confirmed) => {
+                            this.props.onFinished({
+                                didSetEmail: confirmed,
+                            });
+                        });
+                    } else {
+                        this.props.onFinished({});
+                    }
+                },
+                (err) => {
+                    if (err instanceof Error) {
+                        this.props.onError(err);
+                    } else {
+                        this.props.onError(
+                            new UserFriendlyError("auth|change_password_error", {
+                                error: String(err),
+                                cause: undefined,
+                            }),
+                        );
+                    }
+                },
+            )
+            .finally(() => {
+                this.setState({
+                    phase: Phase.Edit,
+                    oldPassword: "",
+                    newPassword: "",
+                    newPasswordConfirm: "",
+                });
+            });
+    }
+
+    /**
+     * Checks the `newPass` and throws an error if it is unacceptable.
+     * @param oldPass The old password
+     * @param newPass The new password that the user is trying to be set
+     * @param confirmPass The confirmation password where the user types the `newPass`
+     * again for confirmation and should match the `newPass` before we accept their new
+     * password.
+     */
+    private checkPassword(oldPass: string, newPass: string, confirmPass: string): void {
+        if (newPass !== confirmPass) {
+            throw new UserFriendlyError("auth|change_password_mismatch");
+        } else if (!newPass || newPass.length === 0) {
+            throw new UserFriendlyError("auth|change_password_empty");
+        }
+    }
+
+    private optionallySetEmail(): Promise<boolean> {
+        // Ask for an email otherwise the user has no way to reset their password
+        const modal = Modal.createDialog(SetEmailDialog, {
+            title: _t("auth|set_email_prompt"),
+        });
+        return modal.finished.then(([confirmed]) => !!confirmed);
+    }
+
+    private markFieldValid(fieldID: FieldType, valid?: boolean): void {
+        const { fieldValid } = this.state;
+        fieldValid[fieldID] = valid;
+        this.setState({
+            fieldValid,
+        });
+    }
+
+    private onChangeOldPassword = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            oldPassword: ev.target.value,
+        });
+    };
+
+    private onOldPasswordValidate = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await this.validateOldPasswordRules(fieldState);
+        this.markFieldValid(FIELD_OLD_PASSWORD, result.valid);
+        return result;
+    };
+
+    private validateOldPasswordRules = withValidation({
+        rules: [
+            {
+                key: "required",
+                test: ({ value, allowEmpty }) => allowEmpty || !!value,
+                invalid: () => _t("auth|change_password_empty"),
+            },
+        ],
+    });
+
+    private onChangeNewPassword = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            newPassword: ev.target.value,
+        });
+    };
+
+    private onNewPasswordValidate = (result: IValidationResult): void => {
+        this.markFieldValid(FIELD_NEW_PASSWORD, result.valid);
+    };
+
+    private onChangeNewPasswordConfirm = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({
+            newPasswordConfirm: ev.target.value,
+        });
+    };
+
+    private onNewPasswordConfirmValidate = async (fieldState: IFieldState): Promise<IValidationResult> => {
+        const result = await this.validatePasswordConfirmRules(fieldState);
+        this.markFieldValid(FIELD_NEW_PASSWORD_CONFIRM, result.valid);
+        return result;
+    };
+
+    private validatePasswordConfirmRules = withValidation<this>({
+        rules: [
+            {
+                key: "required",
+                test: ({ value, allowEmpty }) => allowEmpty || !!value,
+                invalid: () => _t("auth|change_password_confirm_label"),
+            },
+            {
+                key: "match",
+                test({ value }) {
+                    return !value || value === this.state.newPassword;
+                },
+                invalid: () => _t("auth|change_password_confirm_invalid"),
+            },
+        ],
+    });
+
+    private onClickChange = async (ev: React.MouseEvent | React.FormEvent): Promise<void> => {
+        ev.preventDefault();
+
+        const allFieldsValid = await this.verifyFieldsBeforeSubmit();
+        if (!allFieldsValid) {
+            return;
+        }
+
+        const oldPassword = this.state.oldPassword;
+        const newPassword = this.state.newPassword;
+        const confirmPassword = this.state.newPasswordConfirm;
+        try {
+            // TODO: We can remove this check (but should add some Playwright tests to
+            // sanity check this flow). This logic is redundant with the input field
+            // validation we do and `verifyFieldsBeforeSubmit()` above. See
+            // https://github.com/matrix-org/matrix-react-sdk/pull/10615#discussion_r1167364214
+            this.checkPassword(oldPassword, newPassword, confirmPassword);
+            return this.onChangePassword(oldPassword, newPassword);
+        } catch (err) {
+            if (err instanceof Error) {
+                this.props.onError(err);
+            } else {
+                this.props.onError(
+                    new UserFriendlyError("auth|change_password_error", {
+                        error: String(err),
+                        cause: undefined,
+                    }),
+                );
+            }
+        }
+    };
+
+    private async verifyFieldsBeforeSubmit(): Promise<boolean> {
+        // Blur the active element if any, so we first run its blur validation,
+        // which is less strict than the pass we're about to do below for all fields.
+        const activeElement = document.activeElement as HTMLElement;
+        if (activeElement) {
+            activeElement.blur();
+        }
+
+        const fieldIDsInDisplayOrder: FieldType[] = [
+            FIELD_OLD_PASSWORD,
+            FIELD_NEW_PASSWORD,
+            FIELD_NEW_PASSWORD_CONFIRM,
+        ];
+
+        // Run all fields with stricter validation that no longer allows empty
+        // values for required fields.
+        for (const fieldID of fieldIDsInDisplayOrder) {
+            const field = this[fieldID];
+            if (!field) {
+                continue;
+            }
+            // We must wait for these validations to finish before queueing
+            // up the setState below so our setState goes in the queue after
+            // all the setStates from these validate calls (that's how we
+            // know they've finished).
+            await field.validate({ allowEmpty: false });
+        }
+
+        // Validation and state updates are async, so we need to wait for them to complete
+        // first. Queue a `setState` callback and wait for it to resolve.
+        await new Promise<void>((resolve) => this.setState({}, resolve));
+
+        if (this.allFieldsValid()) {
+            return true;
+        }
+
+        const invalidField = this.findFirstInvalidField(fieldIDsInDisplayOrder);
+
+        if (!invalidField) {
+            return true;
+        }
+
+        // Focus the first invalid field and show feedback in the stricter mode
+        // that no longer allows empty values for required fields.
+        invalidField.focus();
+        await invalidField.validate({ allowEmpty: false, focused: true });
+        return false;
+    }
+
+    private allFieldsValid(): boolean {
+        return Object.values(this.state.fieldValid).every(Boolean);
+    }
+
+    private findFirstInvalidField(fieldIDs: FieldType[]): Field | null {
+        for (const fieldID of fieldIDs) {
+            if (!this.state.fieldValid[fieldID] && this[fieldID]) {
+                return this[fieldID];
+            }
+        }
+        return null;
+    }
+
+    public render(): React.ReactNode {
+        const rowClassName = this.props.rowClassName;
+        const buttonClassName = this.props.buttonClassName;
+
+        switch (this.state.phase) {
+            case Phase.Edit:
+                return (
+                    <form className={this.props.className} onSubmit={this.onClickChange}>
+                        <div className={rowClassName}>
+                            <Field
+                                ref={(field) => {
+                                    this[FIELD_OLD_PASSWORD] = field;
+                                }}
+                                type="password"
+                                label={_t("auth|change_password_current_label")}
+                                value={this.state.oldPassword}
+                                onChange={this.onChangeOldPassword}
+                                onValidate={this.onOldPasswordValidate}
+                            />
+                        </div>
+                        <div className={rowClassName}>
+                            <PassphraseField
+                                fieldRef={(field) => {
+                                    this[FIELD_NEW_PASSWORD] = field;
+                                }}
+                                type="password"
+                                label={_td("auth|change_password_new_label")}
+                                minScore={PASSWORD_MIN_SCORE}
+                                value={this.state.newPassword}
+                                autoFocus={this.props.autoFocusNewPasswordInput}
+                                onChange={this.onChangeNewPassword}
+                                onValidate={this.onNewPasswordValidate}
+                                autoComplete="new-password"
+                            />
+                        </div>
+                        <div className={rowClassName}>
+                            <Field
+                                ref={(field) => {
+                                    this[FIELD_NEW_PASSWORD_CONFIRM] = field;
+                                }}
+                                type="password"
+                                label={_t("auth|change_password_confirm_label")}
+                                value={this.state.newPasswordConfirm}
+                                onChange={this.onChangeNewPasswordConfirm}
+                                onValidate={this.onNewPasswordConfirmValidate}
+                                autoComplete="new-password"
+                            />
+                        </div>
+                        <AccessibleButton
+                            className={buttonClassName}
+                            kind={this.props.buttonKind}
+                            onClick={this.onClickChange}
+                        >
+                            {this.props.buttonLabel || _t("auth|change_password_action")}
+                        </AccessibleButton>
+                    </form>
+                );
+            case Phase.Uploading:
+                return (
+                    <div className="mx_Dialog_content">
+                        <Spinner />
+                    </div>
+                );
+        }
+    }
+}
diff --git a/apps/web/src/components/views/settings/EventIndexPanel.tsx b/apps/web/src/components/views/settings/EventIndexPanel.tsx
new file mode 100644
index 00000000000..121860d5ee4
--- /dev/null
+++ b/apps/web/src/components/views/settings/EventIndexPanel.tsx
@@ -0,0 +1,241 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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, lazy } from "react";
+import { type EmptyObject } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../languageHandler";
+import SdkConfig from "../../../SdkConfig";
+import Modal from "../../../Modal";
+import SettingsStore from "../../../settings/SettingsStore";
+import AccessibleButton from "../elements/AccessibleButton";
+import { formatBytes, formatCountLong } from "../../../utils/FormattingUtils";
+import EventIndexPeg from "../../../indexing/EventIndexPeg";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import SeshatResetDialog from "../dialogs/SeshatResetDialog";
+import InlineSpinner from "../elements/InlineSpinner";
+import ExternalLink from "../elements/ExternalLink";
+import { SettingsSubsectionText } from "./shared/SettingsSubsection";
+
+interface IState {
+    enabling: boolean;
+    eventIndexSize: number;
+    roomCount: number;
+    eventIndexingEnabled: boolean;
+}
+
+export default class EventIndexPanel extends React.Component<EmptyObject, IState> {
+    public constructor(props: EmptyObject) {
+        super(props);
+
+        this.state = {
+            enabling: false,
+            eventIndexSize: 0,
+            roomCount: 0,
+            eventIndexingEnabled: SettingsStore.getValueAt(SettingLevel.DEVICE, "enableEventIndexing"),
+        };
+    }
+
+    public updateCurrentRoom = async (): Promise<void> => {
+        const eventIndex = EventIndexPeg.get();
+        const stats = await eventIndex?.getStats().catch(() => {});
+        // This call may fail if sporadically, not a huge issue as we will try later again and probably succeed.
+        if (!stats) return;
+
+        this.setState({
+            eventIndexSize: stats.size,
+            roomCount: stats.roomCount,
+        });
+    };
+
+    public componentWillUnmount(): void {
+        const eventIndex = EventIndexPeg.get();
+
+        if (eventIndex !== null) {
+            eventIndex.removeListener("changedCheckpoint", this.updateCurrentRoom);
+        }
+    }
+
+    public componentDidMount(): void {
+        this.updateState();
+    }
+
+    public async updateState(): Promise<void> {
+        const eventIndex = EventIndexPeg.get();
+        const eventIndexingEnabled = SettingsStore.getValueAt(SettingLevel.DEVICE, "enableEventIndexing");
+        const enabling = false;
+
+        let eventIndexSize = 0;
+        let roomCount = 0;
+
+        if (eventIndex !== null) {
+            eventIndex.on("changedCheckpoint", this.updateCurrentRoom);
+
+            const stats = await eventIndex.getStats().catch(() => {});
+            // This call may fail if sporadically, not a huge issue as we
+            // will try later again in the updateCurrentRoom call and
+            // probably succeed.
+            if (stats) {
+                eventIndexSize = stats.size;
+                roomCount = stats.roomCount;
+            }
+        }
+
+        this.setState({
+            enabling,
+            eventIndexSize,
+            roomCount,
+            eventIndexingEnabled,
+        });
+    }
+
+    private onManage = async (): Promise<void> => {
+        Modal.createDialog(
+            lazy(() => import("../../../async-components/views/dialogs/eventindex/ManageEventIndexDialog")),
+            {
+                onFinished: () => {},
+            },
+            undefined,
+            /* priority = */ false,
+            /* static = */ true,
+        );
+    };
+
+    private onEnable = async (): Promise<void> => {
+        this.setState({
+            enabling: true,
+        });
+
+        await EventIndexPeg.initEventIndex();
+        await EventIndexPeg.get()?.addInitialCheckpoints();
+        EventIndexPeg.get()?.startCrawler();
+        await SettingsStore.setValue("enableEventIndexing", null, SettingLevel.DEVICE, true);
+        await this.updateState();
+    };
+
+    private confirmEventStoreReset = (): void => {
+        const { finished, close } = Modal.createDialog(SeshatResetDialog);
+        finished.then(async ([success]) => {
+            if (success) {
+                await SettingsStore.setValue("enableEventIndexing", null, SettingLevel.DEVICE, false);
+                await EventIndexPeg.deleteEventIndex();
+                await this.onEnable();
+                close();
+            }
+        });
+    };
+
+    public render(): React.ReactNode {
+        let eventIndexingSettings: JSX.Element | undefined;
+        const { brand, desktop_builds: desktopBuilds } = SdkConfig.get();
+
+        if (EventIndexPeg.get() !== null) {
+            eventIndexingSettings = (
+                <>
+                    <SettingsSubsectionText>
+                        {_t("settings|security|message_search_enabled", {
+                            size: formatBytes(this.state.eventIndexSize, 0),
+                            // This drives the singular / plural string
+                            // selection for "room" / "rooms" only.
+                            count: this.state.roomCount,
+                            rooms: formatCountLong(this.state.roomCount),
+                        })}
+                    </SettingsSubsectionText>
+                    <AccessibleButton kind="primary" onClick={this.onManage}>
+                        {_t("action|manage")}
+                    </AccessibleButton>
+                </>
+            );
+        } else if (!this.state.eventIndexingEnabled && EventIndexPeg.supportIsInstalled()) {
+            eventIndexingSettings = (
+                <>
+                    <SettingsSubsectionText>{_t("settings|security|message_search_disabled")}</SettingsSubsectionText>
+                    <div>
+                        <AccessibleButton kind="primary" disabled={this.state.enabling} onClick={this.onEnable}>
+                            {_t("action|enable")}
+                        </AccessibleButton>
+                        {this.state.enabling ? <InlineSpinner /> : <div />}
+                    </div>
+                </>
+            );
+        } else if (EventIndexPeg.platformHasSupport() && !EventIndexPeg.supportIsInstalled()) {
+            const nativeLink =
+                "https://github.com/element-hq/element-web/blob/develop/" +
+                "docs/native-node-modules.md#" +
+                "adding-seshat-for-search-in-e2e-encrypted-rooms";
+
+            eventIndexingSettings = (
+                <SettingsSubsectionText>
+                    {_t(
+                        "settings|security|message_search_unsupported",
+                        {
+                            brand,
+                        },
+                        {
+                            nativeLink: (sub) => (
+                                <ExternalLink href={nativeLink} target="_blank" rel="noreferrer noopener">
+                                    {sub}
+                                </ExternalLink>
+                            ),
+                        },
+                    )}
+                </SettingsSubsectionText>
+            );
+        } else if (!EventIndexPeg.platformHasSupport()) {
+            eventIndexingSettings = (
+                <SettingsSubsectionText>
+                    {_t(
+                        "settings|security|message_search_unsupported_web",
+                        {
+                            brand,
+                        },
+                        {
+                            desktopLink: (sub) => (
+                                <ExternalLink href={desktopBuilds.url} target="_blank" rel="noreferrer noopener">
+                                    {sub}
+                                </ExternalLink>
+                            ),
+                        },
+                    )}
+                </SettingsSubsectionText>
+            );
+        } else {
+            eventIndexingSettings = (
+                <>
+                    <SettingsSubsectionText>
+                        {this.state.enabling ? <InlineSpinner /> : _t("settings|security|message_search_failed")}
+                    </SettingsSubsectionText>
+                    {EventIndexPeg.error ? (
+                        <SettingsSubsectionText>
+                            <details>
+                                <summary>{_t("common|advanced")}</summary>
+                                <code>
+                                    {EventIndexPeg.error instanceof Error
+                                        ? EventIndexPeg.error.message
+                                        : _t("error|unknown")}
+                                </code>
+                                <p>
+                                    <AccessibleButton
+                                        element="button"
+                                        key="delete"
+                                        kind="danger"
+                                        onClick={this.confirmEventStoreReset}
+                                    >
+                                        {_t("action|reset")}
+                                    </AccessibleButton>
+                                </p>
+                            </details>
+                        </SettingsSubsectionText>
+                    ) : undefined}
+                </>
+            );
+        }
+
+        return eventIndexingSettings;
+    }
+}
diff --git a/apps/web/src/components/views/settings/FontScalingPanel.tsx b/apps/web/src/components/views/settings/FontScalingPanel.tsx
new file mode 100644
index 00000000000..f1151a42690
--- /dev/null
+++ b/apps/web/src/components/views/settings/FontScalingPanel.tsx
@@ -0,0 +1,136 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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 { type EmptyObject } from "matrix-js-sdk/src/matrix";
+
+import EventTilePreview from "../elements/EventTilePreview";
+import SettingsStore from "../../../settings/SettingsStore";
+import { type Layout } from "../../../settings/enums/Layout";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import { _t } from "../../../languageHandler";
+import { SettingsSubsection } from "./shared/SettingsSubsection";
+import Field from "../elements/Field";
+import { FontWatcher } from "../../../settings/watchers/FontWatcher";
+
+interface IState {
+    browserFontSize: number;
+    // String displaying the current selected fontSize.
+    // Needs to be string for things like '1.' without
+    // trailing 0s.
+    fontSizeDelta: number;
+    useCustomFontSize: boolean;
+    layout: Layout;
+    // User profile data for the message preview
+    userId?: string;
+    displayName?: string;
+    avatarUrl?: string;
+}
+
+export default class FontScalingPanel extends React.Component<EmptyObject, IState> {
+    private readonly MESSAGE_PREVIEW_TEXT = _t("common|preview_message");
+    /**
+     * Font sizes available (in px)
+     */
+    private readonly sizes = [9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36];
+    private layoutWatcherRef?: string;
+    private unmounted = false;
+
+    public constructor(props: EmptyObject) {
+        super(props);
+
+        this.state = {
+            fontSizeDelta: SettingsStore.getValue("fontSizeDelta", null),
+            browserFontSize: FontWatcher.getBrowserDefaultFontSize(),
+            useCustomFontSize: SettingsStore.getValue("useCustomFontSize"),
+            layout: SettingsStore.getValue("layout"),
+        };
+    }
+
+    public async componentDidMount(): Promise<void> {
+        this.unmounted = false;
+        // Fetch the current user profile for the message preview
+        const client = MatrixClientPeg.safeGet();
+        const userId = client.getSafeUserId();
+        const profileInfo = await client.getProfileInfo(userId);
+        this.layoutWatcherRef = SettingsStore.watchSetting("layout", null, () => {
+            // Update the layout for the preview window according to the user selection
+            const value = SettingsStore.getValue("layout");
+            if (this.state.layout !== value) {
+                this.setState({
+                    layout: value,
+                });
+            }
+        });
+        if (this.unmounted) return;
+
+        this.setState({
+            userId,
+            displayName: profileInfo.displayname,
+            avatarUrl: profileInfo.avatar_url,
+        });
+    }
+
+    public componentWillUnmount(): void {
+        this.unmounted = true;
+        SettingsStore.unwatchSetting(this.layoutWatcherRef);
+    }
+
+    /**
+     * Save the new font size
+     * @param delta
+     */
+    private onFontSizeChanged = async (delta: string): Promise<void> => {
+        const parsedDelta = parseInt(delta, 10) || 0;
+        this.setState({ fontSizeDelta: parsedDelta });
+        await SettingsStore.setValue("fontSizeDelta", null, SettingLevel.DEVICE, parsedDelta);
+    };
+
+    /**
+     * Compute the difference between the selected font size and the browser font size
+     * @param fontSize
+     */
+    private computeDeltaFontSize = (fontSize: number): number => {
+        return fontSize - this.state.browserFontSize;
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <SettingsSubsection
+                heading={_t("settings|appearance|font_size")}
+                stretchContent
+                data-testid="mx_FontScalingPanel"
+            >
+                <Field
+                    element="select"
+                    className="mx_FontScalingPanel_Dropdown"
+                    label={_t("settings|appearance|font_size")}
+                    value={this.state.fontSizeDelta.toString()}
+                    onChange={(e) => this.onFontSizeChanged(e.target.value)}
+                >
+                    {this.sizes.map((size) => (
+                        <option key={size} value={this.computeDeltaFontSize(size)}>
+                            {size === this.state.browserFontSize
+                                ? _t("settings|appearance|font_size_default", { fontSize: size })
+                                : size}
+                        </option>
+                    ))}
+                </Field>
+                <EventTilePreview
+                    className="mx_FontScalingPanel_preview"
+                    message={this.MESSAGE_PREVIEW_TEXT}
+                    layout={this.state.layout}
+                    userId={this.state.userId}
+                    displayName={this.state.displayName}
+                    avatarUrl={this.state.avatarUrl}
+                />
+            </SettingsSubsection>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/ImageSizePanel.tsx b/apps/web/src/components/views/settings/ImageSizePanel.tsx
new file mode 100644
index 00000000000..bb5d63faf25
--- /dev/null
+++ b/apps/web/src/components/views/settings/ImageSizePanel.tsx
@@ -0,0 +1,72 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+import { type EmptyObject } from "matrix-js-sdk/src/matrix";
+
+import SettingsStore from "../../../settings/SettingsStore";
+import StyledRadioButton from "../elements/StyledRadioButton";
+import { _t } from "../../../languageHandler";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import { ImageSize } from "../../../settings/enums/ImageSize";
+import { SettingsSubsection } from "./shared/SettingsSubsection";
+import ImgSizeNormalIcon from "../../../../res/img/element-icons/settings/img-size-normal.svg?react";
+import ImgSizeLargeIcon from "../../../../res/img/element-icons/settings/img-size-large.svg?react";
+
+interface IState {
+    size: ImageSize;
+}
+
+export default class ImageSizePanel extends React.Component<EmptyObject, IState> {
+    public constructor(props: EmptyObject) {
+        super(props);
+
+        this.state = {
+            size: SettingsStore.getValue("Images.size"),
+        };
+    }
+
+    private onSizeChange = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        const newSize = ev.target.value as ImageSize;
+        this.setState({ size: newSize });
+
+        // noinspection JSIgnoredPromiseFromCall
+        SettingsStore.setValue("Images.size", null, SettingLevel.ACCOUNT, newSize);
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <SettingsSubsection heading={_t("settings|appearance|timeline_image_size")}>
+                <div className="mx_ImageSizePanel_radios">
+                    <label>
+                        <ImgSizeNormalIcon className="mx_ImageSizePanel_size" />
+                        <StyledRadioButton
+                            name="image_size"
+                            value={ImageSize.Normal}
+                            checked={this.state.size === ImageSize.Normal}
+                            onChange={this.onSizeChange}
+                        >
+                            {_t("settings|appearance|image_size_default")}
+                        </StyledRadioButton>
+                    </label>
+                    <label>
+                        <ImgSizeLargeIcon className="mx_ImageSizePanel_size" />
+                        <StyledRadioButton
+                            name="image_size"
+                            value={ImageSize.Large}
+                            checked={this.state.size === ImageSize.Large}
+                            onChange={this.onSizeChange}
+                        >
+                            {_t("settings|appearance|image_size_large")}
+                        </StyledRadioButton>
+                    </label>
+                </div>
+            </SettingsSubsection>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/IntegrationManager.tsx b/apps/web/src/components/views/settings/IntegrationManager.tsx
new file mode 100644
index 00000000000..175146e6f2d
--- /dev/null
+++ b/apps/web/src/components/views/settings/IntegrationManager.tsx
@@ -0,0 +1,102 @@
+/*
+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 from "react";
+
+import { _t } from "../../../languageHandler";
+import dis from "../../../dispatcher/dispatcher";
+import { type ActionPayload } from "../../../dispatcher/payloads";
+import Spinner from "../elements/Spinner";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import Heading from "../typography/Heading";
+
+interface IProps {
+    // false to display an error saying that we couldn't connect to the integration manager
+    connected?: boolean;
+
+    // true to display a loading spinner
+    loading?: boolean;
+
+    // The source URL to load
+    url?: string;
+
+    // callback when the manager is dismissed
+    onFinished: () => void;
+}
+
+interface IState {
+    errored: boolean;
+}
+
+export default class IntegrationManager extends React.Component<IProps, IState> {
+    private dispatcherRef?: string;
+
+    public static defaultProps: Partial<IProps> = {
+        connected: true,
+        loading: false,
+    };
+
+    public state = {
+        errored: false,
+    };
+
+    public componentDidMount(): void {
+        this.dispatcherRef = dis.register(this.onAction);
+        document.addEventListener("keydown", this.onKeyDown);
+    }
+
+    public componentWillUnmount(): void {
+        dis.unregister(this.dispatcherRef);
+        document.removeEventListener("keydown", this.onKeyDown);
+    }
+
+    private onKeyDown = (ev: KeyboardEvent): void => {
+        const action = getKeyBindingsManager().getAccessibilityAction(ev);
+        switch (action) {
+            case KeyBindingAction.Escape:
+                ev.stopPropagation();
+                ev.preventDefault();
+                this.props.onFinished();
+                break;
+        }
+    };
+
+    private onAction = (payload: ActionPayload): void => {
+        if (payload.action === "close_scalar") {
+            this.props.onFinished();
+        }
+    };
+
+    private onError = (): void => {
+        this.setState({ errored: true });
+    };
+
+    public render(): React.ReactNode {
+        if (this.props.loading) {
+            return (
+                <div className="mx_IntegrationManager_loading">
+                    <Heading size="3">{_t("integration_manager|connecting")}</Heading>
+                    <Spinner />
+                </div>
+            );
+        }
+
+        if (!this.props.connected || this.state.errored) {
+            return (
+                <div className="mx_IntegrationManager_error">
+                    <Heading size="3">{_t("integration_manager|error_connecting_heading")}</Heading>
+                    <p>{_t("integration_manager|error_connecting")}</p>
+                </div>
+            );
+        }
+
+        // oxlint-disable-next-line react/iframe-missing-sandbox
+        return <iframe title={_t("common|integration_manager")} src={this.props.url} onError={this.onError} />;
+    }
+}
diff --git a/apps/web/src/components/views/settings/JoinRuleSettings.tsx b/apps/web/src/components/views/settings/JoinRuleSettings.tsx
new file mode 100644
index 00000000000..2c7bdf75303
--- /dev/null
+++ b/apps/web/src/components/views/settings/JoinRuleSettings.tsx
@@ -0,0 +1,429 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, useEffect, useState } from "react";
+import { JoinRule, RestrictedAllowType, type Room, EventType, Visibility } from "matrix-js-sdk/src/matrix";
+import { type RoomJoinRulesEventContent } from "matrix-js-sdk/src/types";
+
+import StyledRadioGroup, { type IDefinition } from "../elements/StyledRadioGroup";
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import RoomAvatar from "../avatars/RoomAvatar";
+import Modal from "../../../Modal";
+import ManageRestrictedJoinRuleDialog from "../dialogs/ManageRestrictedJoinRuleDialog";
+import RoomUpgradeWarningDialog, { type IFinishedOpts } from "../dialogs/RoomUpgradeWarningDialog";
+import { type RoomUpgradeProgress, upgradeRoom } from "../../../utils/RoomUpgrade";
+import { arrayHasDiff } from "../../../utils/arrays";
+import { useLocalEcho } from "../../../hooks/useLocalEcho";
+import dis from "../../../dispatcher/dispatcher";
+import { RoomSettingsTab } from "../dialogs/RoomSettingsDialog-tab";
+import { Action } from "../../../dispatcher/actions";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import { doesRoomVersionSupport, PreferredRoomVersions } from "../../../utils/PreferredRoomVersions";
+import SettingsStore from "../../../settings/SettingsStore";
+import LabelledCheckbox from "../elements/LabelledCheckbox";
+import { SDKContextClass } from "../../../contexts/SDKContextClass.ts";
+
+export interface JoinRuleSettingsProps {
+    room: Room;
+    promptUpgrade?: boolean;
+    closeSettingsFn(this: void): void;
+    onError(this: void, error: unknown): void;
+    beforeChange?(this: void, joinRule: JoinRule): Promise<boolean>; // if returns false then aborts the change
+    disabledOptions?: Set<JoinRule>;
+    hiddenOptions?: Set<JoinRule>;
+    recommendedOption?: JoinRule;
+}
+
+const JoinRuleSettings: React.FC<JoinRuleSettingsProps> = ({
+    room,
+    promptUpgrade,
+    onError,
+    beforeChange,
+    closeSettingsFn,
+    disabledOptions,
+    hiddenOptions,
+    recommendedOption,
+}) => {
+    const cli = room.client;
+
+    const askToJoinEnabled = SettingsStore.getValue("feature_ask_to_join");
+    const roomSupportsKnock = doesRoomVersionSupport(room.getVersion(), PreferredRoomVersions.KnockRooms);
+    const preferredKnockVersion = !roomSupportsKnock && promptUpgrade ? PreferredRoomVersions.KnockRooms : undefined;
+
+    const roomSupportsRestricted = doesRoomVersionSupport(room.getVersion(), PreferredRoomVersions.RestrictedRooms);
+    const preferredRestrictionVersion =
+        !roomSupportsRestricted && promptUpgrade ? PreferredRoomVersions.RestrictedRooms : undefined;
+
+    const disabled = !room.currentState.mayClientSendStateEvent(EventType.RoomJoinRules, cli);
+
+    const [content, setContent] = useLocalEcho<RoomJoinRulesEventContent | undefined, RoomJoinRulesEventContent>(
+        () => room.currentState.getStateEvents(EventType.RoomJoinRules, "")?.getContent(),
+        (content) => cli.sendStateEvent(room.roomId, EventType.RoomJoinRules, content, ""),
+        onError,
+    );
+
+    const { join_rule: joinRule = JoinRule.Invite } = content || {};
+    const restrictedAllowRoomIds =
+        joinRule === JoinRule.Restricted
+            ? content?.allow?.filter((o) => o.type === RestrictedAllowType.RoomMembership).map((o) => o.room_id)
+            : undefined;
+
+    const [isPublicKnockRoom, setIsPublicKnockRoom] = useState(false);
+
+    useEffect(() => {
+        if (joinRule === JoinRule.Knock) {
+            cli.getRoomDirectoryVisibility(room.roomId)
+                .then(({ visibility }) => setIsPublicKnockRoom(visibility === Visibility.Public))
+                .catch(onError);
+        }
+    }, [cli, joinRule, onError, room.roomId]);
+
+    const onIsPublicKnockRoomChange = (checked: boolean): void => {
+        cli.setRoomDirectoryVisibility(room.roomId, checked ? Visibility.Public : Visibility.Private)
+            .then(() => setIsPublicKnockRoom(checked))
+            .catch(onError);
+    };
+
+    const editRestrictedRoomIds = async (): Promise<string[] | undefined> => {
+        let selected = restrictedAllowRoomIds;
+        if (!selected?.length && SDKContextClass.instance.spaceStore.activeSpaceRoom) {
+            selected = [SDKContextClass.instance.spaceStore.activeSpaceRoom.roomId];
+        }
+
+        const { finished } = Modal.createDialog(
+            ManageRestrictedJoinRuleDialog,
+            {
+                room,
+                selected,
+            },
+            "mx_ManageRestrictedJoinRuleDialog_wrapper",
+        );
+
+        const [roomIds] = await finished;
+        return roomIds;
+    };
+
+    const upgradeRequiredDialog = (targetVersion: string, description?: ReactNode): void => {
+        Modal.createDialog(RoomUpgradeWarningDialog, {
+            roomId: room.roomId,
+            targetVersion,
+            description,
+            doUpgrade: async (
+                opts: IFinishedOpts,
+                fn: (progressText: string, progress: number, total: number) => void,
+            ): Promise<void> => {
+                const progressCallback = (progress: RoomUpgradeProgress): void => {
+                    const total = 2 + progress.updateSpacesTotal + progress.inviteUsersTotal;
+                    if (!progress.roomUpgraded) {
+                        fn(_t("room_settings|security|join_rule_upgrade_upgrading_room"), 0, total);
+                    } else if (!progress.roomSynced) {
+                        fn(_t("room_settings|security|join_rule_upgrade_awaiting_room"), 1, total);
+                    } else if (
+                        progress.inviteUsersProgress !== undefined &&
+                        progress.inviteUsersProgress < progress.inviteUsersTotal
+                    ) {
+                        fn(
+                            _t("room_settings|security|join_rule_upgrade_sending_invites", {
+                                progress: progress.inviteUsersProgress,
+                                count: progress.inviteUsersTotal,
+                            }),
+                            2 + progress.inviteUsersProgress,
+                            total,
+                        );
+                    } else if (
+                        progress.updateSpacesProgress !== undefined &&
+                        progress.updateSpacesProgress < progress.updateSpacesTotal
+                    ) {
+                        fn(
+                            _t("room_settings|security|join_rule_upgrade_updating_spaces", {
+                                progress: progress.updateSpacesProgress,
+                                count: progress.updateSpacesTotal,
+                            }),
+                            2 + (progress.inviteUsersProgress ?? 0) + progress.updateSpacesProgress,
+                            total,
+                        );
+                    }
+                };
+                const roomId = await upgradeRoom(
+                    room,
+                    targetVersion,
+                    opts.invite,
+                    true,
+                    true,
+                    true,
+                    progressCallback,
+
+                    // We want to keep the RoomUpgradeDialog open during the upgrade, so don't replace it with the
+                    // invite progress dialog.
+                    /* inhibitInviteProgressDialog: */ true,
+                );
+
+                closeSettingsFn?.();
+
+                // switch to the new room in the background
+                dis.dispatch<ViewRoomPayload>({
+                    action: Action.ViewRoom,
+                    room_id: roomId,
+                    metricsTrigger: undefined, // other
+                });
+
+                // open new settings on this tab
+                dis.dispatch({
+                    action: "open_room_settings",
+                    initial_tab_id: RoomSettingsTab.Security,
+                });
+            },
+        });
+    };
+
+    const upgradeRequiredPill = (
+        <span className="mx_JoinRuleSettings_upgradeRequired">
+            {_t("room_settings|security|join_rule_upgrade_required")}
+        </span>
+    );
+    const withRecommendLabel = (label: string, rule: JoinRule): React.ReactNode =>
+        rule === recommendedOption ? (
+            <>
+                {label} (<span className="mx_JoinRuleSettings_recommended">{_t("common|recommended")}</span>)
+            </>
+        ) : (
+            label
+        );
+
+    const definitions: IDefinition<JoinRule>[] = [
+        {
+            value: JoinRule.Invite,
+            label: withRecommendLabel(_t("room_settings|security|join_rule_invite"), JoinRule.Invite),
+            description: _t("room_settings|security|join_rule_invite_description"),
+            checked:
+                joinRule === JoinRule.Invite || (joinRule === JoinRule.Restricted && !restrictedAllowRoomIds?.length),
+        },
+        {
+            value: JoinRule.Public,
+            label: withRecommendLabel(_t("room_settings|security|join_rule_public"), JoinRule.Public),
+            description: <>{_t("room_settings|security|join_rule_public_description")}</>,
+        },
+    ];
+
+    if (roomSupportsRestricted || preferredRestrictionVersion || joinRule === JoinRule.Restricted) {
+        let description;
+        if (joinRule === JoinRule.Restricted && restrictedAllowRoomIds?.length) {
+            // only show the first 4 spaces we know about, so that the UI doesn't grow out of proportion there are lots.
+            const shownSpaces = restrictedAllowRoomIds
+                .map((roomId) => cli.getRoom(roomId))
+                .filter((room) => room?.isSpaceRoom())
+                .slice(0, 4) as Room[];
+
+            let moreText;
+            if (shownSpaces.length < restrictedAllowRoomIds.length) {
+                if (shownSpaces.length > 0) {
+                    moreText = _t("room_settings|security|join_rule_restricted_n_more", {
+                        count: restrictedAllowRoomIds.length - shownSpaces.length,
+                    });
+                } else {
+                    moreText = _t("room_settings|security|join_rule_restricted_summary", {
+                        count: restrictedAllowRoomIds.length,
+                    });
+                }
+            }
+
+            const onRestrictedRoomIdsChange = (newAllowRoomIds: string[]): void => {
+                if (!arrayHasDiff(restrictedAllowRoomIds || [], newAllowRoomIds)) return;
+
+                if (!newAllowRoomIds.length) {
+                    setContent({
+                        join_rule: JoinRule.Invite,
+                    });
+                    return;
+                }
+
+                setContent({
+                    join_rule: JoinRule.Restricted,
+                    allow: newAllowRoomIds.map((roomId) => ({
+                        type: RestrictedAllowType.RoomMembership,
+                        room_id: roomId,
+                    })),
+                });
+            };
+
+            const onEditRestrictedClick = async (): Promise<void> => {
+                const restrictedAllowRoomIds = await editRestrictedRoomIds();
+                if (!Array.isArray(restrictedAllowRoomIds)) return;
+                if (restrictedAllowRoomIds.length > 0) {
+                    onRestrictedRoomIdsChange(restrictedAllowRoomIds);
+                } else {
+                    onChange(JoinRule.Invite);
+                }
+            };
+
+            description = (
+                <div>
+                    <span>
+                        {_t(
+                            "room_settings|security|join_rule_restricted_description",
+                            {},
+                            {
+                                a: (sub) => (
+                                    <AccessibleButton
+                                        disabled={disabled}
+                                        onClick={onEditRestrictedClick}
+                                        kind="link_inline"
+                                    >
+                                        {sub}
+                                    </AccessibleButton>
+                                ),
+                            },
+                        )}
+                    </span>
+
+                    <div className="mx_JoinRuleSettings_spacesWithAccess">
+                        <h4>{_t("room_settings|security|join_rule_restricted_description_spaces")}</h4>
+                        {shownSpaces.map((room) => {
+                            return (
+                                <span key={room.roomId}>
+                                    <RoomAvatar room={room} size="32px" />
+                                    {room.name}
+                                </span>
+                            );
+                        })}
+                        {moreText && <span>{moreText}</span>}
+                    </div>
+                </div>
+            );
+        } else if (SDKContextClass.instance.spaceStore.activeSpaceRoom) {
+            description = _t(
+                "room_settings|security|join_rule_restricted_description_active_space",
+                {},
+                {
+                    spaceName: () => <strong>{SDKContextClass.instance.spaceStore.activeSpaceRoom!.name}</strong>,
+                },
+            );
+        } else {
+            description = _t("room_settings|security|join_rule_restricted_description_prompt");
+        }
+
+        definitions.splice(1, 0, {
+            value: JoinRule.Restricted,
+            label: (
+                <>
+                    {withRecommendLabel(_t("room_settings|security|join_rule_restricted"), JoinRule.Restricted)}
+                    {preferredRestrictionVersion && upgradeRequiredPill}
+                </>
+            ),
+            description,
+            // if there are 0 allowed spaces then render it as invite only instead
+            checked: joinRule === JoinRule.Restricted && !!restrictedAllowRoomIds?.length,
+        });
+    }
+
+    if (askToJoinEnabled && (roomSupportsKnock || preferredKnockVersion)) {
+        definitions.splice(Math.max(0, definitions.length - 1), 0, {
+            value: JoinRule.Knock,
+            label: (
+                <>
+                    {withRecommendLabel(_t("room_settings|security|join_rule_knock"), JoinRule.Knock)}
+                    {preferredKnockVersion && upgradeRequiredPill}
+                </>
+            ),
+            description: (
+                <>
+                    {_t("room_settings|security|join_rule_knock_description")}
+                    <LabelledCheckbox
+                        className="mx_JoinRuleSettings_labelledCheckbox"
+                        disabled={joinRule !== JoinRule.Knock}
+                        label={
+                            room.isSpaceRoom()
+                                ? _t("room_settings|security|publish_space")
+                                : _t("room_settings|security|publish_room")
+                        }
+                        onChange={onIsPublicKnockRoomChange}
+                        value={isPublicKnockRoom}
+                    />
+                </>
+            ),
+        });
+    }
+
+    const onChange = async (joinRule: JoinRule): Promise<void> => {
+        const beforeJoinRule = content?.join_rule;
+
+        let restrictedAllowRoomIds: string[] | undefined;
+        if (joinRule === JoinRule.Restricted) {
+            if (beforeJoinRule === JoinRule.Restricted || roomSupportsRestricted) {
+                // Have the user pick which spaces to allow joins from
+                restrictedAllowRoomIds = await editRestrictedRoomIds();
+                if (!Array.isArray(restrictedAllowRoomIds)) return;
+            } else if (preferredRestrictionVersion) {
+                // Block this action on a room upgrade otherwise it'd make their room unjoinable
+                const targetVersion = preferredRestrictionVersion;
+
+                let warning: JSX.Element | undefined;
+                const userId = cli.getUserId()!;
+                const unableToUpdateSomeParents = Array.from(
+                    SDKContextClass.instance.spaceStore.getKnownParents(room.roomId),
+                ).some((roomId) => !cli.getRoom(roomId)?.currentState.maySendStateEvent(EventType.SpaceChild, userId));
+                if (unableToUpdateSomeParents) {
+                    warning = <strong>{_t("room_settings|security|join_rule_restricted_upgrade_warning")}</strong>;
+                }
+
+                upgradeRequiredDialog(
+                    targetVersion,
+                    <>
+                        {_t("room_settings|security|join_rule_restricted_upgrade_description")}
+                        {warning}
+                    </>,
+                );
+
+                return;
+            }
+
+            // when setting to 0 allowed rooms/spaces set to invite only instead as per the note
+            if (!restrictedAllowRoomIds?.length) {
+                joinRule = JoinRule.Invite;
+            }
+        } else if (joinRule === JoinRule.Knock) {
+            if (preferredKnockVersion) {
+                upgradeRequiredDialog(preferredKnockVersion);
+                return;
+            }
+        }
+
+        if (beforeJoinRule === joinRule && !restrictedAllowRoomIds) return;
+        if (beforeChange && !(await beforeChange(joinRule))) return;
+
+        const newContent: RoomJoinRulesEventContent = {
+            join_rule: joinRule,
+        };
+
+        // pre-set the accepted spaces with the currently viewed one as per the microcopy
+        if (joinRule === JoinRule.Restricted) {
+            newContent.allow = restrictedAllowRoomIds?.map((roomId) => ({
+                type: RestrictedAllowType.RoomMembership,
+                room_id: roomId,
+            }));
+        }
+
+        setContent(newContent);
+    };
+
+    return (
+        <StyledRadioGroup
+            name="joinRule"
+            value={joinRule}
+            onChange={onChange}
+            definitions={definitions
+                .map((d) => (disabledOptions?.has(d.value) ? { ...d, disabled: true } : d))
+                .filter((d) => !hiddenOptions?.has(d.value))}
+            disabled={disabled}
+            className="mx_JoinRuleSettings_radioButton"
+        />
+    );
+};
+
+export default JoinRuleSettings;
diff --git a/apps/web/src/components/views/settings/KeyboardShortcut.tsx b/apps/web/src/components/views/settings/KeyboardShortcut.tsx
new file mode 100644
index 00000000000..8d7dd7cdb3e
--- /dev/null
+++ b/apps/web/src/components/views/settings/KeyboardShortcut.tsx
@@ -0,0 +1,62 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Šimon Brandner <simon.bra.ag@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 JSX } from "react";
+
+import { ALTERNATE_KEY_NAME, KEY_ICON } from "../../../accessibility/KeyboardShortcuts";
+import { type KeyCombo } from "../../../KeyBindingsManager";
+import { IS_MAC, Key } from "../../../Keyboard";
+import { _t } from "../../../languageHandler";
+
+interface IKeyboardKeyProps {
+    name: string;
+    last?: boolean;
+}
+
+export const KeyboardKey: React.FC<IKeyboardKeyProps> = ({ name, last }) => {
+    const icon = KEY_ICON[name];
+    const alternateName = ALTERNATE_KEY_NAME[name];
+
+    return (
+        <React.Fragment>
+            <kbd> {icon || (alternateName && _t(alternateName)) || name} </kbd>
+            {!last && "+"}
+        </React.Fragment>
+    );
+};
+
+interface IKeyboardShortcutProps {
+    value: KeyCombo;
+    className?: string;
+}
+
+export const KeyboardShortcut: React.FC<IKeyboardShortcutProps> = ({ value, className = "mx_KeyboardShortcut" }) => {
+    if (!value) return null;
+
+    const modifiersElement: JSX.Element[] = [];
+    if (value.ctrlOrCmdKey) {
+        modifiersElement.push(<KeyboardKey key="ctrlOrCmdKey" name={IS_MAC ? Key.META : Key.CONTROL} />);
+    } else if (value.ctrlKey) {
+        modifiersElement.push(<KeyboardKey key="ctrlKey" name={Key.CONTROL} />);
+    } else if (value.metaKey) {
+        modifiersElement.push(<KeyboardKey key="metaKey" name={Key.META} />);
+    }
+    if (value.altKey) {
+        modifiersElement.push(<KeyboardKey key="altKey" name={Key.ALT} />);
+    }
+    if (value.shiftKey) {
+        modifiersElement.push(<KeyboardKey key="shiftKey" name={Key.SHIFT} />);
+    }
+
+    return (
+        <div className={className}>
+            {modifiersElement}
+            <KeyboardKey name={value.key} last />
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/settings/LayoutSwitcher.tsx b/apps/web/src/components/views/settings/LayoutSwitcher.tsx
new file mode 100644
index 00000000000..5997c95707d
--- /dev/null
+++ b/apps/web/src/components/views/settings/LayoutSwitcher.tsx
@@ -0,0 +1,162 @@
+/*
+ * 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.
+ */
+
+import React, { type JSX, useEffect, useState } from "react";
+import { Field, HelpMessage, InlineField, Label, RadioControl, Root, ToggleControl } from "@vector-im/compound-web";
+
+import { SettingsSubsection } from "./shared/SettingsSubsection";
+import { _t } from "../../../languageHandler";
+import SettingsStore from "../../../settings/SettingsStore";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import { useSettingValue } from "../../../hooks/useSettings";
+import { Layout } from "../../../settings/enums/Layout";
+import EventTilePreview from "../elements/EventTilePreview";
+import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
+
+/**
+ * A section to switch between different message layouts.
+ */
+export function LayoutSwitcher(): JSX.Element {
+    return (
+        <SettingsSubsection heading={_t("common|message_layout")} legacy={false} data-testid="layoutPanel">
+            <LayoutSelector />
+            <ToggleCompactLayout />
+        </SettingsSubsection>
+    );
+}
+
+/**
+ * A selector to choose the layout of the messages.
+ */
+function LayoutSelector(): JSX.Element {
+    return (
+        <Root
+            className="mx_LayoutSwitcher_LayoutSelector"
+            onChange={async (evt) => {
+                // We don't have any file in the form, we can cast it as Layout safely
+                const newLayout = new FormData(evt.currentTarget).get("layout") as Layout;
+                await SettingsStore.setValue("layout", null, SettingLevel.DEVICE, newLayout);
+            }}
+        >
+            <LayoutRadio layout={Layout.Group} label={_t("common|modern")} />
+            <LayoutRadio layout={Layout.Bubble} label={_t("settings|appearance|layout_bubbles")} />
+            <LayoutRadio layout={Layout.IRC} label={_t("settings|appearance|layout_irc")} />
+        </Root>
+    );
+}
+
+/**
+ * A radio button to select a layout.
+ */
+interface LayoutRadioProps {
+    /**
+     * The value of the layout.
+     */
+    layout: Layout;
+    /**
+     * The label to display for the layout.
+     */
+    label: string;
+}
+
+/**
+ * A radio button to select a layout.
+ * @param layout
+ * @param label
+ */
+function LayoutRadio({ layout, label }: LayoutRadioProps): JSX.Element {
+    const currentLayout = useSettingValue("layout");
+    const eventTileInfo = useEventTileInfo();
+
+    return (
+        <Field name="layout" className="mxLayoutSwitcher_LayoutSelector_LayoutRadio">
+            <Label aria-label={label}>
+                <div className="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline">
+                    <RadioControl name="layout" value={layout} defaultChecked={currentLayout === layout} />
+                    <span>{label}</span>
+                </div>
+                <hr className="mxLayoutSwitcher_LayoutSelector_LayoutRadio_separator" />
+                <EventTilePreview
+                    message={_t("common|preview_message")}
+                    layout={layout}
+                    className="mxLayoutSwitcher_LayoutSelector_LayoutRadio_EventTilePreview"
+                    {...eventTileInfo}
+                />
+            </Label>
+        </Field>
+    );
+}
+
+type EventTileInfo = {
+    /**
+     * The ID of the user to display.
+     */
+    userId: string;
+    /**
+     * The display name of the user to display.
+     */
+    displayName?: string;
+    /**
+     * The avatar URL of the user to display.
+     */
+    avatarUrl?: string;
+};
+
+/**
+ * Fetch the information to display in the event tile preview.
+ */
+function useEventTileInfo(): EventTileInfo {
+    const matrixClient = useMatrixClientContext();
+    const userId = matrixClient.getSafeUserId();
+    const [eventTileInfo, setEventTileInfo] = useState<EventTileInfo>({ userId });
+
+    useEffect(() => {
+        const run = async (): Promise<void> => {
+            const profileInfo = await matrixClient.getProfileInfo(userId);
+            setEventTileInfo({
+                userId,
+                displayName: profileInfo.displayname,
+                avatarUrl: profileInfo.avatar_url,
+            });
+        };
+
+        run();
+    }, [userId, matrixClient, setEventTileInfo]);
+    return eventTileInfo;
+}
+
+/**
+ * A toggleable setting to enable or disable the compact layout.
+ */
+function ToggleCompactLayout(): JSX.Element {
+    const compactLayoutEnabled = useSettingValue("useCompactLayout");
+    const layout = useSettingValue("layout");
+
+    return (
+        <Root
+            onChange={async (evt) => {
+                const checked = new FormData(evt.currentTarget).get("compactLayout") === "on";
+                await SettingsStore.setValue("useCompactLayout", null, SettingLevel.DEVICE, checked);
+            }}
+        >
+            <InlineField
+                name="compactLayout"
+                control={
+                    <ToggleControl
+                        disabled={layout !== Layout.Group}
+                        name="compactLayout"
+                        defaultChecked={compactLayoutEnabled}
+                    />
+                }
+            >
+                <Label>{_t("settings|appearance|compact_layout")}</Label>
+                <HelpMessage>{_t("settings|appearance|compact_layout_description")}</HelpMessage>
+            </InlineField>
+        </Root>
+    );
+}
diff --git a/apps/web/src/components/views/settings/Notifications.tsx b/apps/web/src/components/views/settings/Notifications.tsx
new file mode 100644
index 00000000000..ff2a2945e3b
--- /dev/null
+++ b/apps/web/src/components/views/settings/Notifications.tsx
@@ -0,0 +1,841 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 ChangeEvent, type ChangeEventHandler, type JSX, type ReactNode } from "react";
+import {
+    type IAnnotatedPushRule,
+    type IPusher,
+    type PushRuleAction,
+    PushRuleKind,
+    RuleId,
+    type IThreepid,
+    ThreepidMedium,
+    type LocalNotificationSettings,
+    type EmptyObject,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { Form, SettingsToggleInput } from "@vector-im/compound-web";
+
+import Spinner from "../elements/Spinner";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import {
+    ContentRules,
+    type IContentRules,
+    PushRuleVectorState,
+    VectorPushRulesDefinitions,
+    VectorState,
+    type VectorPushRuleDefinition,
+} from "../../../notifications";
+import { _t, type TranslatedString } from "../../../languageHandler";
+import SettingsStore from "../../../settings/SettingsStore";
+import StyledRadioButton from "../elements/StyledRadioButton";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import Modal from "../../../Modal";
+import ErrorDialog from "../dialogs/ErrorDialog";
+import SdkConfig from "../../../SdkConfig";
+import AccessibleButton from "../elements/AccessibleButton";
+import TagComposer from "../elements/TagComposer";
+import { objectClone } from "../../../utils/objects";
+import { arrayDiff, filterBoolean } from "../../../utils/arrays";
+import { clearAllNotifications, getLocalNotificationAccountDataEventType } from "../../../utils/notifications";
+import {
+    updateExistingPushRulesWithActions,
+    updatePushRuleActions,
+} from "../../../utils/pushRules/updatePushRuleActions";
+import { Caption } from "../typography/Caption";
+import { SettingsSubsectionHeading } from "./shared/SettingsSubsectionHeading";
+import { SettingsSubsection } from "./shared/SettingsSubsection";
+import { doesRoomHaveUnreadMessages } from "../../../Unread";
+import SettingsFlag from "../elements/SettingsFlag";
+import { onSubmitPreventDefault } from "../../../utils/form.ts";
+import { keywordRuleId } from "../../../models/notificationsettings/keywordRuleId.ts";
+
+// TODO: this "view" component still has far too much application logic in it,
+// which should be factored out to other files.
+
+enum Phase {
+    Loading = "loading",
+    Ready = "ready",
+    Persisting = "persisting", // technically a meta-state for Ready, but whatever
+    // unrecoverable error - eg can't load push rules
+    Error = "error",
+    // error saving individual rule
+    SavingError = "savingError",
+}
+
+enum RuleClass {
+    Master = "master",
+
+    // The vector sections map approximately to UI sections
+    VectorGlobal = "vector_global",
+    VectorMentions = "vector_mentions",
+    VectorOther = "vector_other",
+    Other = "other", // unknown rules, essentially
+}
+
+const KEYWORD_RULE_ID = "_keywords"; // used as a placeholder "Rule ID" throughout this component
+const KEYWORD_RULE_CATEGORY = RuleClass.VectorMentions;
+
+// This array doesn't care about categories: it's just used for a simple sort
+const RULE_DISPLAY_ORDER: string[] = [
+    // Global
+    RuleId.DM,
+    RuleId.EncryptedDM,
+    RuleId.Message,
+    RuleId.EncryptedMessage,
+
+    // Mentions
+    RuleId.ContainsUserName,
+    RuleId.AtRoomNotification,
+    RuleId.ContainsDisplayName,
+
+    // Other
+    RuleId.InviteToSelf,
+    RuleId.IncomingCall,
+    RuleId.SuppressNotices,
+    RuleId.Tombstone,
+];
+
+interface IVectorPushRule {
+    ruleId: RuleId | typeof KEYWORD_RULE_ID | string;
+    rule?: IAnnotatedPushRule;
+    description: TranslatedString | string;
+    vectorState: VectorState;
+    // loudest vectorState of a rule and its synced rules
+    // undefined when rule has no synced rules
+    syncedVectorState?: VectorState;
+}
+
+interface IState {
+    phase: Phase;
+
+    // Optional stuff is required when `phase === Ready`
+    masterPushRule?: IAnnotatedPushRule;
+    vectorKeywordRuleInfo?: IContentRules;
+    vectorPushRules?: {
+        [category in RuleClass]?: IVectorPushRule[];
+    };
+    pushers?: IPusher[];
+    threepids?: IThreepid[];
+
+    deviceNotificationsEnabled: boolean;
+
+    clearingNotifications: boolean;
+
+    ruleIdsWithError: Record<RuleId | string, boolean>;
+}
+const findInDefaultRules = (
+    ruleId: RuleId | string,
+    defaultRules: {
+        [k in RuleClass]: IAnnotatedPushRule[];
+    },
+): IAnnotatedPushRule | undefined => {
+    for (const category in defaultRules) {
+        const rule: IAnnotatedPushRule | undefined = defaultRules[category as RuleClass].find(
+            (rule) => rule.rule_id === ruleId,
+        );
+        if (rule) {
+            return rule;
+        }
+    }
+};
+
+// Vector notification states ordered by loudness in ascending order
+const OrderedVectorStates = [VectorState.Off, VectorState.On, VectorState.Loud];
+
+/**
+ * Find the 'loudest' vector state assigned to a rule
+ * and it's synced rules
+ * If rules have fallen out of sync,
+ * the loudest rule can determine the display value
+ * @param defaultRules
+ * @param rule - parent rule
+ * @param definition - definition of parent rule
+ * @returns VectorState - the maximum/loudest state for the parent and synced rules
+ */
+const maximumVectorState = (
+    defaultRules: {
+        [k in RuleClass]: IAnnotatedPushRule[];
+    },
+    rule: IAnnotatedPushRule,
+    definition: VectorPushRuleDefinition,
+): VectorState | undefined => {
+    if (!definition.syncedRuleIds?.length) {
+        return undefined;
+    }
+    const vectorState = definition.syncedRuleIds.reduce<VectorState>((maxVectorState, ruleId) => {
+        // already set to maximum
+        if (maxVectorState === VectorState.Loud) {
+            return maxVectorState;
+        }
+        const syncedRule = findInDefaultRules(ruleId, defaultRules);
+        if (syncedRule) {
+            const syncedRuleVectorState = definition.ruleToVectorState(syncedRule);
+            // if syncedRule is 'louder' than current maximum
+            // set maximum to louder vectorState
+            if (
+                syncedRuleVectorState &&
+                OrderedVectorStates.indexOf(syncedRuleVectorState) > OrderedVectorStates.indexOf(maxVectorState)
+            ) {
+                return syncedRuleVectorState;
+            }
+        }
+        return maxVectorState;
+    }, definition.ruleToVectorState(rule)!);
+
+    return vectorState;
+};
+
+const NotificationActivitySettings = (): JSX.Element => {
+    return (
+        <Form.Root
+            onSubmit={(evt) => {
+                evt.preventDefault();
+                evt.stopPropagation();
+            }}
+        >
+            <SettingsFlag name="Notifications.showbold" level={SettingLevel.DEVICE} />
+            <SettingsFlag name="Notifications.tac_only_notifications" level={SettingLevel.DEVICE} />
+        </Form.Root>
+    );
+};
+
+/**
+ * The old, deprecated notifications tab view, only displayed if the user has the labs flag disabled.
+ */
+export default class Notifications extends React.PureComponent<EmptyObject, IState> {
+    private settingWatchers: string[] = [];
+
+    public constructor(props: EmptyObject) {
+        super(props);
+
+        this.state = {
+            phase: Phase.Loading,
+            deviceNotificationsEnabled: SettingsStore.getValue("deviceNotificationsEnabled") ?? true,
+            clearingNotifications: false,
+            ruleIdsWithError: {},
+        };
+    }
+
+    private get isInhibited(): boolean {
+        // Caution: The master rule's enabled state is inverted from expectation. When
+        // the master rule is *enabled* it means all other rules are *disabled* (or
+        // inhibited). Conversely, when the master rule is *disabled* then all other rules
+        // are *enabled* (or operate fine).
+        return !!this.state.masterPushRule?.enabled;
+    }
+
+    public componentDidMount(): void {
+        this.settingWatchers = [
+            SettingsStore.watchSetting("deviceNotificationsEnabled", null, (...[, , , , value]) => {
+                this.setState({ deviceNotificationsEnabled: value! });
+            }),
+        ];
+
+        // noinspection JSIgnoredPromiseFromCall
+        this.refreshFromServer();
+        this.refreshFromAccountData();
+    }
+
+    public componentWillUnmount(): void {
+        this.settingWatchers.forEach((watcher) => SettingsStore.unwatchSetting(watcher));
+    }
+
+    public componentDidUpdate(prevProps: Readonly<EmptyObject>, prevState: Readonly<IState>): void {
+        if (this.state.deviceNotificationsEnabled !== prevState.deviceNotificationsEnabled) {
+            this.persistLocalNotificationSettings(this.state.deviceNotificationsEnabled);
+        }
+    }
+
+    private async refreshFromServer(): Promise<void> {
+        try {
+            const newState = (
+                await Promise.all([this.refreshRules(), this.refreshPushers(), this.refreshThreepids()])
+            ).reduce((p, c) => Object.assign(c, p), {});
+
+            this.setState<
+                keyof Pick<
+                    IState,
+                    "phase" | "vectorKeywordRuleInfo" | "vectorPushRules" | "pushers" | "threepids" | "masterPushRule"
+                >
+            >({
+                ...newState,
+                phase: Phase.Ready,
+            });
+        } catch (e) {
+            logger.error("Error setting up notifications for settings: ", e);
+            this.setState({ phase: Phase.Error });
+        }
+    }
+
+    private async refreshFromAccountData(): Promise<void> {
+        const cli = MatrixClientPeg.safeGet();
+        const settingsEvent = cli.getAccountData(getLocalNotificationAccountDataEventType(cli.deviceId));
+        if (settingsEvent) {
+            const notificationsEnabled = !(settingsEvent.getContent() as LocalNotificationSettings).is_silenced;
+            await SettingsStore.setValue("deviceNotificationsEnabled", null, SettingLevel.DEVICE, notificationsEnabled);
+        }
+    }
+
+    private persistLocalNotificationSettings(enabled: boolean): Promise<EmptyObject> {
+        const cli = MatrixClientPeg.safeGet();
+        return cli.setAccountData(getLocalNotificationAccountDataEventType(cli.deviceId), {
+            is_silenced: !enabled,
+        });
+    }
+
+    private async refreshRules(): Promise<Partial<IState>> {
+        const ruleSets = await MatrixClientPeg.safeGet().getPushRules();
+        const categories: Record<string, RuleClass> = {
+            [RuleId.Master]: RuleClass.Master,
+
+            [RuleId.DM]: RuleClass.VectorGlobal,
+            [RuleId.EncryptedDM]: RuleClass.VectorGlobal,
+            [RuleId.Message]: RuleClass.VectorGlobal,
+            [RuleId.EncryptedMessage]: RuleClass.VectorGlobal,
+
+            [RuleId.ContainsDisplayName]: RuleClass.VectorMentions,
+            [RuleId.ContainsUserName]: RuleClass.VectorMentions,
+            [RuleId.AtRoomNotification]: RuleClass.VectorMentions,
+
+            [RuleId.InviteToSelf]: RuleClass.VectorOther,
+            [RuleId.IncomingCall]: RuleClass.VectorOther,
+            [RuleId.SuppressNotices]: RuleClass.VectorOther,
+            [RuleId.Tombstone]: RuleClass.VectorOther,
+
+            // Everything maps to a generic "other" (unknown rule)
+        };
+
+        const defaultRules: {
+            [k in RuleClass]: IAnnotatedPushRule[];
+        } = {
+            [RuleClass.Master]: [],
+            [RuleClass.VectorGlobal]: [],
+            [RuleClass.VectorMentions]: [],
+            [RuleClass.VectorOther]: [],
+            [RuleClass.Other]: [],
+        };
+
+        for (const k in ruleSets.global) {
+            // noinspection JSUnfilteredForInLoop
+            const kind = k as PushRuleKind;
+
+            for (const r of ruleSets.global[kind]!) {
+                const rule: IAnnotatedPushRule = Object.assign(r, { kind });
+                const category = categories[rule.rule_id] ?? RuleClass.Other;
+
+                if (rule.rule_id[0] === ".") {
+                    defaultRules[category].push(rule);
+                }
+            }
+        }
+
+        const preparedNewState: Partial<IState> = {};
+        if (defaultRules.master.length > 0) {
+            preparedNewState.masterPushRule = defaultRules.master[0];
+        } else {
+            // XXX: Can this even happen? How do we safely recover?
+            throw new Error("Failed to locate a master push rule");
+        }
+
+        // Parse keyword rules
+        preparedNewState.vectorKeywordRuleInfo = ContentRules.parseContentRules(ruleSets);
+
+        // Prepare rendering for all of our known rules
+        preparedNewState.vectorPushRules = {};
+        const vectorCategories = [RuleClass.VectorGlobal, RuleClass.VectorMentions, RuleClass.VectorOther];
+        for (const category of vectorCategories) {
+            preparedNewState.vectorPushRules[category] = [];
+            for (const rule of defaultRules[category]) {
+                const definition: VectorPushRuleDefinition = VectorPushRulesDefinitions[rule.rule_id];
+                const vectorState = definition.ruleToVectorState(rule)!;
+                preparedNewState.vectorPushRules[category].push({
+                    ruleId: rule.rule_id,
+                    rule,
+                    vectorState,
+                    syncedVectorState: maximumVectorState(defaultRules, rule, definition),
+                    description: _t(definition.description),
+                });
+            }
+
+            // Quickly sort the rules for display purposes
+            preparedNewState.vectorPushRules[category].sort((a, b) => {
+                let idxA = RULE_DISPLAY_ORDER.indexOf(a.ruleId);
+                let idxB = RULE_DISPLAY_ORDER.indexOf(b.ruleId);
+
+                // Assume unknown things go at the end
+                if (idxA < 0) idxA = RULE_DISPLAY_ORDER.length;
+                if (idxB < 0) idxB = RULE_DISPLAY_ORDER.length;
+
+                return idxA - idxB;
+            });
+
+            if (category === KEYWORD_RULE_CATEGORY) {
+                preparedNewState.vectorPushRules[category].push({
+                    ruleId: KEYWORD_RULE_ID,
+                    description: _t("settings|notifications|messages_containing_keywords"),
+                    vectorState: preparedNewState.vectorKeywordRuleInfo.vectorState,
+                });
+            }
+        }
+
+        return preparedNewState;
+    }
+
+    private refreshPushers(): Promise<Partial<IState>> {
+        return MatrixClientPeg.safeGet().getPushers();
+    }
+
+    private refreshThreepids(): Promise<Partial<IState>> {
+        return MatrixClientPeg.safeGet().getThreePids();
+    }
+
+    private showSaveError(): void {
+        Modal.createDialog(ErrorDialog, {
+            title: _t("settings|notifications|error_saving"),
+            description: _t("settings|notifications|error_saving_detail"),
+        });
+    }
+
+    private onMasterRuleChanged: ChangeEventHandler<HTMLInputElement> = async (evt): Promise<void> => {
+        const { checked } = evt.target;
+        this.setState({ phase: Phase.Persisting });
+
+        const masterRule = this.state.masterPushRule!;
+        try {
+            await MatrixClientPeg.safeGet().setPushRuleEnabled("global", masterRule.kind, masterRule.rule_id, !checked);
+            await this.refreshFromServer();
+        } catch (e) {
+            this.setState({ phase: Phase.Error });
+            logger.error("Error updating master push rule:", e);
+            this.showSaveError();
+        }
+    };
+
+    private setSavingError = (ruleId: RuleId | string): void => {
+        this.setState(({ ruleIdsWithError }) => ({
+            phase: Phase.SavingError,
+            ruleIdsWithError: { ...ruleIdsWithError, [ruleId]: true },
+        }));
+    };
+
+    private onEmailNotificationsChanged = async (email: string, evt: ChangeEvent<HTMLInputElement>): Promise<void> => {
+        const { checked } = evt.target;
+        this.setState({ phase: Phase.Persisting });
+
+        try {
+            if (checked) {
+                await MatrixClientPeg.safeGet().setPusher({
+                    kind: "email",
+                    app_id: "m.email",
+                    pushkey: email,
+                    app_display_name: "Email Notifications",
+                    device_display_name: email,
+                    lang: navigator.language,
+                    data: {
+                        brand: SdkConfig.get().brand,
+                    },
+
+                    // We always append for email pushers since we don't want to stop other
+                    // accounts notifying to the same email address
+                    append: true,
+                });
+            } else {
+                const pusher = this.state.pushers?.find((p) => p.kind === "email" && p.pushkey === email);
+                if (pusher) {
+                    await MatrixClientPeg.safeGet().removePusher(pusher.pushkey, pusher.app_id);
+                }
+            }
+
+            await this.refreshFromServer();
+        } catch (e) {
+            this.setState({ phase: Phase.Error });
+            logger.error("Error updating email pusher:", e);
+            this.showSaveError();
+        }
+    };
+
+    private onRadioChecked = async (rule: IVectorPushRule, checkedState: VectorState): Promise<void> => {
+        this.setState(({ ruleIdsWithError }) => ({
+            phase: Phase.Persisting,
+            ruleIdsWithError: { ...ruleIdsWithError, [rule.ruleId]: false },
+        }));
+
+        try {
+            const cli = MatrixClientPeg.safeGet();
+            if (rule.ruleId === KEYWORD_RULE_ID) {
+                // should not encounter this
+                if (!this.state.vectorKeywordRuleInfo) {
+                    throw new Error("Notification data is incomplete.");
+                }
+                // Update all the keywords
+                for (const rule of this.state.vectorKeywordRuleInfo.rules) {
+                    let enabled: boolean | undefined;
+                    let actions: PushRuleAction[] | undefined;
+                    if (checkedState === VectorState.On) {
+                        if (rule.actions.length !== 1) {
+                            // XXX: Magic number
+                            actions = PushRuleVectorState.actionsFor(checkedState);
+                        }
+                        if (this.state.vectorKeywordRuleInfo.vectorState === VectorState.Off) {
+                            enabled = true;
+                        }
+                    } else if (checkedState === VectorState.Loud) {
+                        if (rule.actions.length !== 3) {
+                            // XXX: Magic number
+                            actions = PushRuleVectorState.actionsFor(checkedState);
+                        }
+                        if (this.state.vectorKeywordRuleInfo.vectorState === VectorState.Off) {
+                            enabled = true;
+                        }
+                    } else {
+                        enabled = false;
+                    }
+
+                    if (actions) {
+                        await cli.setPushRuleActions("global", rule.kind, rule.rule_id, actions);
+                    }
+                    if (enabled !== undefined) {
+                        await cli.setPushRuleEnabled("global", rule.kind, rule.rule_id, enabled);
+                    }
+                }
+            } else {
+                const definition: VectorPushRuleDefinition = VectorPushRulesDefinitions[rule.ruleId];
+                const actions = definition.vectorStateToActions[checkedState];
+                // we should not encounter this
+                // satisfies types
+                if (!rule.rule) {
+                    throw new Error("Cannot update rule: push rule data is incomplete.");
+                }
+                await updatePushRuleActions(cli, rule.rule.rule_id, rule.rule.kind, actions);
+                await updateExistingPushRulesWithActions(cli, definition.syncedRuleIds, actions);
+            }
+
+            await this.refreshFromServer();
+        } catch (e) {
+            this.setSavingError(rule.ruleId);
+            logger.error("Error updating push rule:", e);
+        }
+    };
+
+    private onClearNotificationsClicked = async (): Promise<void> => {
+        try {
+            this.setState({ clearingNotifications: true });
+            const client = MatrixClientPeg.safeGet();
+            await clearAllNotifications(client);
+        } finally {
+            this.setState({ clearingNotifications: false });
+        }
+    };
+
+    private async setKeywords(
+        unsafeKeywords: (string | undefined)[],
+        originalRules: IAnnotatedPushRule[],
+    ): Promise<void> {
+        try {
+            // De-duplicate and remove empties
+            const keywords = filterBoolean<string>(Array.from(new Set(unsafeKeywords)));
+            const oldKeywords = filterBoolean<string>(Array.from(new Set(originalRules.map((r) => r.pattern))));
+
+            // Note: Technically because of the UI interaction (at the time of writing), the diff
+            // will only ever be +/-1 so we don't really have to worry about efficiently handling
+            // tons of keyword changes.
+
+            const diff = arrayDiff<string>(oldKeywords, keywords);
+
+            for (const word of diff.removed) {
+                for (const rule of originalRules.filter((r) => r.pattern === word)) {
+                    await MatrixClientPeg.safeGet().deletePushRule("global", rule.kind, rule.rule_id);
+                }
+            }
+
+            let ruleVectorState = this.state.vectorKeywordRuleInfo!.vectorState;
+            if (ruleVectorState === VectorState.Off) {
+                // When the current global keywords rule is OFF, we need to look at
+                // the flavor of existing rules to apply the same actions
+                // when creating the new rule.
+                const existingRuleVectorState = originalRules.length
+                    ? PushRuleVectorState.contentRuleVectorStateKind(originalRules[0])
+                    : undefined;
+                // set to same state as existing rule, or default to On
+                ruleVectorState = existingRuleVectorState ?? VectorState.On; //default
+            }
+            const kind = PushRuleKind.ContentSpecific;
+            const ruleIds = new Set(originalRules.map((r) => r.rule_id));
+            for (const word of diff.added) {
+                const ruleId = keywordRuleId(word, ruleIds);
+                ruleIds.add(ruleId);
+                await MatrixClientPeg.safeGet().addPushRule("global", kind, ruleId, {
+                    actions: PushRuleVectorState.actionsFor(ruleVectorState),
+                    pattern: word,
+                });
+                if (ruleVectorState === VectorState.Off) {
+                    await MatrixClientPeg.safeGet().setPushRuleEnabled("global", kind, ruleId, false);
+                }
+            }
+
+            await this.refreshFromServer();
+        } catch (e) {
+            this.setState({ phase: Phase.Error });
+            logger.error("Error updating keyword push rules:", e);
+            this.showSaveError();
+        }
+    }
+
+    private onKeywordAdd = (keyword: string): void => {
+        // should not encounter this
+        if (!this.state.vectorKeywordRuleInfo) {
+            throw new Error("Notification data is incomplete.");
+        }
+        const originalRules = objectClone(this.state.vectorKeywordRuleInfo.rules);
+
+        // We add the keyword immediately as a sort of local echo effect
+        this.setState(
+            {
+                phase: Phase.Persisting,
+                vectorKeywordRuleInfo: {
+                    ...this.state.vectorKeywordRuleInfo,
+                    rules: [
+                        ...this.state.vectorKeywordRuleInfo.rules,
+
+                        // XXX: Horrible assumption that we don't need the remaining fields
+                        { pattern: keyword } as IAnnotatedPushRule,
+                    ],
+                },
+            },
+            async (): Promise<void> => {
+                await this.setKeywords(
+                    this.state.vectorKeywordRuleInfo!.rules.map((r) => r.pattern),
+                    originalRules,
+                );
+            },
+        );
+    };
+
+    private onKeywordRemove = (keyword: string): void => {
+        // should not encounter this
+        if (!this.state.vectorKeywordRuleInfo) {
+            throw new Error("Notification data is incomplete.");
+        }
+        const originalRules = objectClone(this.state.vectorKeywordRuleInfo.rules);
+
+        // We remove the keyword immediately as a sort of local echo effect
+        this.setState(
+            {
+                phase: Phase.Persisting,
+                vectorKeywordRuleInfo: {
+                    ...this.state.vectorKeywordRuleInfo,
+                    rules: this.state.vectorKeywordRuleInfo.rules.filter((r) => r.pattern !== keyword),
+                },
+            },
+            async (): Promise<void> => {
+                await this.setKeywords(
+                    this.state.vectorKeywordRuleInfo!.rules.map((r) => r.pattern),
+                    originalRules,
+                );
+            },
+        );
+    };
+
+    private renderTopSection(): JSX.Element {
+        const masterSwitch = (
+            <SettingsToggleInput
+                checked={!this.isInhibited}
+                name="notif-master-switch"
+                label={_t("settings|notifications|enable_notifications_account")}
+                helpMessage={_t("settings|notifications|enable_notifications_account_detail")}
+                onChange={this.onMasterRuleChanged}
+                disabled={this.state.phase === Phase.Persisting}
+            />
+        );
+
+        // If all the rules are inhibited, don't show anything.
+        if (this.isInhibited) {
+            return <Form.Root onSubmit={onSubmitPreventDefault}>{masterSwitch}</Form.Root>;
+        }
+
+        const emailSwitches = (this.state.threepids || [])
+            .filter((t) => t.medium === ThreepidMedium.Email)
+            .map((e) => (
+                <SettingsToggleInput
+                    name="notif-email-switch"
+                    key={e.address}
+                    checked={!!this.state.pushers?.some((p) => p.kind === "email" && p.pushkey === e.address)}
+                    label={_t("settings|notifications|enable_email_notifications", { email: e.address })}
+                    onChange={this.onEmailNotificationsChanged.bind(this, e.address)}
+                    disabled={this.state.phase === Phase.Persisting}
+                />
+            ));
+
+        return (
+            <SettingsSubsection>
+                <Form.Root onSubmit={onSubmitPreventDefault}>
+                    {masterSwitch}
+
+                    <SettingsFlag name="deviceNotificationsEnabled" level={SettingLevel.DEVICE} />
+
+                    {this.state.deviceNotificationsEnabled && (
+                        <>
+                            <SettingsFlag name="notificationsEnabled" level={SettingLevel.DEVICE} />
+                            <SettingsFlag name="notificationBodyEnabled" level={SettingLevel.DEVICE} />
+                            <SettingsFlag name="audioNotificationsEnabled" level={SettingLevel.DEVICE} />
+                        </>
+                    )}
+
+                    {emailSwitches}
+                </Form.Root>
+            </SettingsSubsection>
+        );
+    }
+
+    private renderCategory(category: RuleClass): ReactNode {
+        if (this.isInhibited) {
+            return null; // nothing to show for the section
+        }
+
+        let keywordComposer: JSX.Element | undefined;
+        if (category === RuleClass.VectorMentions) {
+            const tags = filterBoolean<string>(this.state.vectorKeywordRuleInfo?.rules.map((r) => r.pattern) || []);
+            keywordComposer = (
+                <TagComposer
+                    tags={tags}
+                    onAdd={this.onKeywordAdd}
+                    onRemove={this.onKeywordRemove}
+                    disabled={this.state.phase === Phase.Persisting}
+                    label={_t("notifications|keyword")}
+                    placeholder={_t("notifications|keyword_new")}
+                />
+            );
+        }
+
+        const VectorStateToLabel = {
+            [VectorState.On]: _t("common|on"),
+            [VectorState.Off]: _t("common|off"),
+            [VectorState.Loud]: _t("settings|notifications|noisy"),
+        };
+
+        const makeRadio = (r: IVectorPushRule, s: VectorState): JSX.Element => (
+            <StyledRadioButton
+                key={r.ruleId + s}
+                name={r.ruleId}
+                checked={(r.syncedVectorState ?? r.vectorState) === s}
+                onChange={this.onRadioChecked.bind(this, r, s)}
+                disabled={this.state.phase === Phase.Persisting}
+                aria-label={VectorStateToLabel[s]}
+            />
+        );
+
+        const fieldsetRows = this.state.vectorPushRules?.[category]?.map((r) => (
+            <fieldset
+                key={category + r.ruleId}
+                data-testid={category + r.ruleId}
+                className="mx_UserNotifSettings_gridRowContainer"
+            >
+                <legend className="mx_UserNotifSettings_gridRowLabel">{r.description}</legend>
+                {makeRadio(r, VectorState.Off)}
+                {makeRadio(r, VectorState.On)}
+                {makeRadio(r, VectorState.Loud)}
+                {this.state.ruleIdsWithError[r.ruleId] && (
+                    <div className="mx_UserNotifSettings_gridRowError">
+                        <Caption isError>{_t("settings|notifications|error_updating")}</Caption>
+                    </div>
+                )}
+            </fieldset>
+        ));
+
+        let sectionName: string;
+        switch (category) {
+            case RuleClass.VectorGlobal:
+                sectionName = _t("notifications|class_global");
+                break;
+            case RuleClass.VectorMentions:
+                sectionName = _t("notifications|mentions_keywords");
+                break;
+            case RuleClass.VectorOther:
+                sectionName = _t("notifications|class_other");
+                break;
+            default:
+                throw new Error("Developer error: Unnamed notifications section: " + category);
+        }
+
+        return (
+            <div>
+                <div data-testid={`notif-section-${category}`} className="mx_UserNotifSettings_grid">
+                    <SettingsSubsectionHeading heading={sectionName} as="h2" />
+                    <span className="mx_UserNotifSettings_gridColumnLabel">{VectorStateToLabel[VectorState.Off]}</span>
+                    <span className="mx_UserNotifSettings_gridColumnLabel">{VectorStateToLabel[VectorState.On]}</span>
+                    <span className="mx_UserNotifSettings_gridColumnLabel">{VectorStateToLabel[VectorState.Loud]}</span>
+                    {fieldsetRows}
+                </div>
+                {keywordComposer}
+            </div>
+        );
+    }
+
+    private renderTargets(): ReactNode {
+        if (this.isInhibited) return null; // no targets if there's no notifications
+
+        const rows = this.state.pushers?.map((p) => (
+            <tr key={p.kind + p.pushkey}>
+                <td>{p.app_display_name}</td>
+                <td>{p.device_display_name}</td>
+            </tr>
+        ));
+
+        if (!rows?.length) return null; // no targets to show
+
+        return (
+            <div className="mx_UserNotifSettings_floatingSection">
+                <div>{_t("settings|notifications|push_targets")}</div>
+                <table>
+                    <tbody>{rows}</tbody>
+                </table>
+            </div>
+        );
+    }
+
+    public render(): React.ReactNode {
+        if (this.state.phase === Phase.Loading) {
+            // Ends up default centered
+            return <Spinner />;
+        } else if (this.state.phase === Phase.Error) {
+            return <p data-testid="error-message">{_t("settings|notifications|error_loading")}</p>;
+        }
+
+        let clearNotifsButton: JSX.Element | undefined;
+        if (
+            MatrixClientPeg.safeGet()
+                .getRooms()
+                .some((r) => doesRoomHaveUnreadMessages(r, true))
+        ) {
+            clearNotifsButton = (
+                <AccessibleButton
+                    onClick={this.onClearNotificationsClicked}
+                    disabled={this.state.clearingNotifications}
+                    kind="danger"
+                    className="mx_UserNotifSettings_clearNotifsButton"
+                    data-testid="clear-notifications"
+                >
+                    {_t("notifications|mark_all_read")}
+                </AccessibleButton>
+            );
+        }
+
+        return (
+            <>
+                {this.renderTopSection()}
+                {this.renderCategory(RuleClass.VectorGlobal)}
+                {this.renderCategory(RuleClass.VectorMentions)}
+                {this.renderCategory(RuleClass.VectorOther)}
+                {this.renderTargets()}
+                <NotificationActivitySettings />
+                {clearNotifsButton}
+            </>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/PowerLevelSelector.tsx b/apps/web/src/components/views/settings/PowerLevelSelector.tsx
new file mode 100644
index 00000000000..ff971363e16
--- /dev/null
+++ b/apps/web/src/components/views/settings/PowerLevelSelector.tsx
@@ -0,0 +1,167 @@
+/*
+ * 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.
+ */
+
+import React, { useState, type JSX, type PropsWithChildren } from "react";
+import { Button } from "@vector-im/compound-web";
+
+import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
+import PowerSelector from "../elements/PowerSelector";
+import { _t } from "../../../languageHandler";
+import SettingsFieldset from "./SettingsFieldset";
+import Modal from "../../../Modal";
+import QuestionDialog from "../dialogs/QuestionDialog";
+
+/**
+ * Display in a fieldset, the power level of the users and allow to change them.
+ * The apply button is disabled until the power level of an user is changed.
+ * If there is no user to display, the children is displayed instead.
+ */
+interface PowerLevelSelectorProps {
+    /**
+     * The power levels of the users
+     * The key is the user id and the value is the power level
+     */
+    userLevels: Record<string, number>;
+    /**
+     * Whether the user can change the power levels of other users
+     */
+    canChangeLevels: boolean;
+    /**
+     * The current user's own power level
+     */
+    currentUserLevel: number;
+    /**
+     * The callback when the apply button is clicked
+     * @param value - new power level for the user
+     * @param userId - the user id
+     */
+    onClick: (value: number, userId: string) => void;
+    /**
+     * Filter the users to display
+     * @param user
+     */
+    filter: (user: string) => boolean;
+    /**
+     * The title of the fieldset
+     */
+    title: string;
+}
+
+export function PowerLevelSelector({
+    userLevels,
+    canChangeLevels,
+    currentUserLevel,
+    onClick,
+    filter,
+    title,
+    children,
+}: PropsWithChildren<PowerLevelSelectorProps>): JSX.Element | null {
+    const matrixClient = useMatrixClientContext();
+    const [currentPowerLevel, setCurrentPowerLevel] = useState<{ value: number; userId: string } | null>(null);
+
+    // If the power level has changed, we need to enable the apply button
+    const powerLevelChanged = Boolean(
+        currentPowerLevel && currentPowerLevel.value !== userLevels[currentPowerLevel?.userId],
+    );
+
+    const collator = new Intl.Collator();
+
+    // We sort the users by power level, then we filter them
+    const users = Object.keys(userLevels)
+        .sort((userA, userB) => sortUser(collator, userA, userB, userLevels))
+        .filter(filter);
+
+    // No user to display, we return the children into fragment to convert it to JSX.Element type
+    if (!users.length) return <>{children}</>;
+
+    // check at least one admin in the list
+    const roomHasAtLeastOneAdmin = (usersLevels: Record<string, number>): boolean => {
+        const userLevelValues = Object.values(usersLevels);
+        // At least one user as the pL 100 which means he is admin
+        return userLevelValues.some((uL) => uL === 100);
+    };
+
+    return (
+        <SettingsFieldset legend={title}>
+            {users.map((userId) => {
+                // We only want to display users with a valid power level aka an integer
+                if (!Number.isInteger(userLevels[userId])) return;
+
+                const isMe = userId === matrixClient.getUserId();
+                // If I can change levels, I can change the level of anyone with a lower level than mine
+                const canChange = canChangeLevels && (userLevels[userId] < currentUserLevel || isMe);
+
+                // When the new power level is selected, the fields are rerendered and we need to keep the current value
+                const userLevel = currentPowerLevel?.userId === userId ? currentPowerLevel?.value : userLevels[userId];
+
+                return (
+                    <PowerSelector
+                        value={userLevel}
+                        disabled={!canChange}
+                        label={userId}
+                        key={userId}
+                        maxValue={currentUserLevel}
+                        onChange={async (value) => {
+                            const userLevelsTmp = Object.assign({}, userLevels);
+                            userLevelsTmp[userId] = value;
+                            if (!roomHasAtLeastOneAdmin(userLevelsTmp)) {
+                                const { finished } = Modal.createDialog(QuestionDialog, {
+                                    title: _t("common|warning"),
+                                    description: <div>{_t("user_info|demote_self_confirm_room")}</div>,
+                                    button: _t("action|continue"),
+                                });
+                                const [confirmed] = await finished;
+                                if (!confirmed) {
+                                    // if cancel, we reput initial value
+                                    setCurrentPowerLevel({ value: userLevels[userId], userId });
+                                    return;
+                                }
+                            }
+                            setCurrentPowerLevel({ value, userId });
+                        }}
+                    />
+                );
+            })}
+
+            <Button
+                size="md"
+                kind="primary"
+                // mx_Dialog_nonDialogButton is necessary to avoid the Dialog CSS to override the button style
+                className="mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
+                onClick={() => {
+                    if (currentPowerLevel !== null) {
+                        onClick(currentPowerLevel.value, currentPowerLevel.userId);
+                        setCurrentPowerLevel(null);
+                    }
+                }}
+                disabled={!powerLevelChanged}
+                aria-label={_t("action|apply")}
+            >
+                {_t("action|apply")}
+            </Button>
+        </SettingsFieldset>
+    );
+}
+
+/**
+ * Sort the users by power level, then by name
+ * @param userA
+ * @param userB
+ * @param userLevels
+ */
+function sortUser(
+    collator: Intl.Collator,
+    userA: string,
+    userB: string,
+    userLevels: PowerLevelSelectorProps["userLevels"],
+): number {
+    const powerLevelDiff = userLevels[userA] - userLevels[userB];
+    return powerLevelDiff !== 0
+        ? powerLevelDiff
+        : collator.compare(userA.toLocaleLowerCase(), userB.toLocaleLowerCase());
+}
diff --git a/apps/web/src/components/views/settings/SetIdServer.tsx b/apps/web/src/components/views/settings/SetIdServer.tsx
new file mode 100644
index 00000000000..520c642172a
--- /dev/null
+++ b/apps/web/src/components/views/settings/SetIdServer.tsx
@@ -0,0 +1,404 @@
+/*
+Copyright 2024-2025 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 ReactNode } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type IThreepid } from "matrix-js-sdk/src/matrix";
+import { EditInPlace, ErrorMessage } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import Modal from "../../../Modal";
+import dis from "../../../dispatcher/dispatcher";
+import { getThreepidsWithBindStatus } from "../../../boundThreepids";
+import IdentityAuthClient from "../../../IdentityAuthClient";
+import { abbreviateUrl, parseUrl, unabbreviateUrl } from "../../../utils/UrlUtils";
+import { getDefaultIdentityServerUrl, doesIdentityServerHaveTerms } from "../../../utils/IdentityServerUtils";
+import { timeout } from "../../../utils/promise";
+import { type ActionPayload } from "../../../dispatcher/payloads";
+import InlineSpinner from "../elements/InlineSpinner";
+import AccessibleButton from "../elements/AccessibleButton";
+import QuestionDialog from "../dialogs/QuestionDialog";
+import SettingsFieldset from "./SettingsFieldset";
+import { SettingsSubsectionText } from "./shared/SettingsSubsection";
+
+// We'll wait up to this long when checking for 3PID bindings on the IS.
+const REACHABILITY_TIMEOUT = 10000; // ms
+
+/**
+ * Check an IS URL is valid, including liveness check
+ *
+ * @param {string} u The url to check
+ * @returns {string} null if url passes all checks, otherwise i18ned error string
+ */
+async function checkIdentityServerUrl(u: string): Promise<string | null> {
+    const parsedUrl = parseUrl(u);
+
+    if (parsedUrl.protocol !== "https:") return _t("identity_server|url_not_https");
+
+    // XXX: duplicated logic from js-sdk but it's quite tied up in the validation logic in the
+    // js-sdk so probably as easy to duplicate it than to separate it out so we can reuse it
+    try {
+        const response = await fetch(u + "/_matrix/identity/v2");
+        if (response.ok) {
+            return null;
+        } else if (response.status < 200 || response.status >= 300) {
+            return _t("identity_server|error_invalid", { code: response.status });
+        } else {
+            return _t("identity_server|error_connection");
+        }
+    } catch {
+        return _t("identity_server|error_connection");
+    }
+}
+
+interface IProps {
+    // Whether or not the identity server is missing terms. This affects the text
+    // shown to the user.
+    missingTerms: boolean;
+}
+
+interface IState {
+    defaultIdServer?: string;
+    currentClientIdServer?: string;
+    idServer: string;
+    error?: string;
+    busy: boolean;
+    disconnectBusy: boolean;
+    checking: boolean;
+}
+
+export default class SetIdServer extends React.Component<IProps, IState> {
+    private dispatcherRef?: string;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        let defaultIdServer = "";
+        if (!MatrixClientPeg.safeGet().getIdentityServerUrl() && getDefaultIdentityServerUrl()) {
+            // If no identity server is configured but there's one in the config, prepopulate
+            // the field to help the user.
+            defaultIdServer = abbreviateUrl(getDefaultIdentityServerUrl());
+        }
+
+        const currentClientIdServer = MatrixClientPeg.safeGet().getIdentityServerUrl();
+
+        this.state = {
+            defaultIdServer,
+            currentClientIdServer,
+            idServer: currentClientIdServer ?? "",
+            busy: false,
+            disconnectBusy: false,
+            checking: false,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.dispatcherRef = dis.register(this.onAction);
+    }
+
+    public componentWillUnmount(): void {
+        dis.unregister(this.dispatcherRef);
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        // We react to changes in the identity server in the event the user is staring at this form
+        // when changing their identity server on another device.
+        if (payload.action !== "id_server_changed") return;
+
+        this.setState({
+            currentClientIdServer: MatrixClientPeg.safeGet().getIdentityServerUrl(),
+        });
+    };
+
+    private onIdentityServerChanged = (ev: React.ChangeEvent<HTMLInputElement>): void => {
+        const u = ev.target.value;
+
+        this.setState({ idServer: u, error: undefined });
+    };
+
+    private saveIdServer = (fullUrl: string): void => {
+        // Account data change will update localstorage, client, etc through dispatcher
+        MatrixClientPeg.safeGet().setAccountData("m.identity_server", {
+            base_url: fullUrl,
+        });
+        this.setState({
+            busy: false,
+            error: undefined,
+            currentClientIdServer: fullUrl,
+            idServer: fullUrl,
+        });
+    };
+
+    private checkIdServer = async (e: React.SyntheticEvent): Promise<void> => {
+        e.preventDefault();
+        const { idServer, currentClientIdServer } = this.state;
+
+        this.setState({ busy: true, checking: true, error: undefined });
+
+        const fullUrl = unabbreviateUrl(idServer);
+
+        let errStr = await checkIdentityServerUrl(fullUrl);
+        if (!errStr) {
+            try {
+                this.setState({ checking: false }); // clear tooltip
+
+                // Test the identity server by trying to register with it. This
+                // may result in a terms of service prompt.
+                const authClient = new IdentityAuthClient(fullUrl);
+                await authClient.getAccessToken();
+
+                let save = true;
+
+                // Double check that the identity server even has terms of service.
+                const hasTerms = await doesIdentityServerHaveTerms(MatrixClientPeg.safeGet(), fullUrl);
+                if (!hasTerms) {
+                    const [confirmed] = await this.showNoTermsWarning();
+                    save = !!confirmed;
+                }
+
+                // Show a general warning, possibly with details about any bound
+                // 3PIDs that would be left behind.
+                if (save && currentClientIdServer && fullUrl !== currentClientIdServer) {
+                    const [confirmed] = await this.showServerChangeWarning({
+                        title: _t("identity_server|change"),
+                        unboundMessage: _t(
+                            "identity_server|change_prompt",
+                            {},
+                            {
+                                current: (sub) => <strong>{abbreviateUrl(currentClientIdServer)}</strong>,
+                                new: (sub) => <strong>{abbreviateUrl(idServer)}</strong>,
+                            },
+                        ),
+                        button: _t("action|continue"),
+                    });
+                    save = !!confirmed;
+                }
+
+                if (save) {
+                    this.saveIdServer(fullUrl);
+                }
+            } catch (e) {
+                logger.error(e);
+                errStr = _t("identity_server|error_invalid_or_terms");
+            }
+        }
+        this.setState({
+            busy: false,
+            checking: false,
+            error: errStr ?? undefined,
+            currentClientIdServer: MatrixClientPeg.safeGet().getIdentityServerUrl(),
+        });
+    };
+
+    private showNoTermsWarning(): Promise<[ok?: boolean]> {
+        const { finished } = Modal.createDialog(QuestionDialog, {
+            title: _t("terms|identity_server_no_terms_title"),
+            description: (
+                <div>
+                    <strong className="warning">{_t("identity_server|no_terms")}</strong>
+                    <span>&nbsp;{_t("terms|identity_server_no_terms_description_2")}</span>
+                </div>
+            ),
+            button: _t("action|continue"),
+        });
+        return finished;
+    }
+
+    private onDisconnectClicked = async (): Promise<void> => {
+        this.setState({ disconnectBusy: true });
+        try {
+            const [confirmed] = await this.showServerChangeWarning({
+                title: _t("identity_server|disconnect"),
+                unboundMessage: _t(
+                    "identity_server|disconnect_server",
+                    {},
+                    { idserver: (sub) => <strong>{abbreviateUrl(this.state.currentClientIdServer)}</strong> },
+                ),
+                button: _t("action|disconnect"),
+            });
+            if (confirmed) {
+                this.disconnectIdServer();
+            }
+        } finally {
+            this.setState({ disconnectBusy: false });
+        }
+    };
+
+    private async showServerChangeWarning({
+        title,
+        unboundMessage,
+        button,
+    }: {
+        title: string;
+        unboundMessage: ReactNode;
+        button: string;
+    }): Promise<[ok?: boolean]> {
+        const { currentClientIdServer } = this.state;
+
+        let threepids: IThreepid[] = [];
+        let currentServerReachable = true;
+        try {
+            threepids = await timeout(
+                getThreepidsWithBindStatus(MatrixClientPeg.safeGet()),
+                Promise.reject(new Error("Timeout attempting to reach identity server")),
+                REACHABILITY_TIMEOUT,
+            );
+        } catch (e) {
+            currentServerReachable = false;
+            logger.warn(
+                `Unable to reach identity server at ${currentClientIdServer} to check ` +
+                    `for 3PIDs during IS change flow`,
+            );
+            logger.warn(e);
+        }
+        const boundThreepids = threepids.filter((tp) => tp.bound);
+        let message;
+        let danger = false;
+        const messageElements = {
+            idserver: (sub: string) => <strong>{abbreviateUrl(currentClientIdServer)}</strong>,
+            b: (sub: string) => <strong>{sub}</strong>,
+        };
+        if (!currentServerReachable) {
+            message = (
+                <div>
+                    <p>{_t("identity_server|disconnect_offline_warning", {}, messageElements)}</p>
+                    <p>{_t("identity_server|suggestions")}</p>
+                    <ul>
+                        <li>{_t("identity_server|suggestions_1")}</li>
+                        <li>
+                            {_t(
+                                "identity_server|suggestions_2",
+                                {},
+                                {
+                                    idserver: messageElements.idserver,
+                                },
+                            )}
+                        </li>
+                        <li>{_t("identity_server|suggestions_3")}</li>
+                    </ul>
+                </div>
+            );
+            danger = true;
+            button = _t("identity_server|disconnect_anyway");
+        } else if (boundThreepids.length) {
+            message = (
+                <div>
+                    <p>{_t("identity_server|disconnect_personal_data_warning_1", {}, messageElements)}</p>
+                    <p>{_t("identity_server|disconnect_personal_data_warning_2")}</p>
+                </div>
+            );
+            danger = true;
+            button = _t("identity_server|disconnect_anyway");
+        } else {
+            message = unboundMessage;
+        }
+
+        const { finished } = Modal.createDialog(QuestionDialog, {
+            title,
+            description: message,
+            button,
+            cancelButton: _t("action|go_back"),
+            danger,
+        });
+        return finished;
+    }
+
+    private disconnectIdServer = (): void => {
+        // Account data change will update localstorage, client, etc through dispatcher
+        MatrixClientPeg.safeGet().setAccountData("m.identity_server", {
+            base_url: null, // clear
+        });
+
+        let newFieldVal = "";
+        if (getDefaultIdentityServerUrl()) {
+            // Prepopulate the client's default so the user at least has some idea of
+            // a valid value they might enter
+            newFieldVal = abbreviateUrl(getDefaultIdentityServerUrl());
+        }
+
+        this.setState({
+            busy: false,
+            error: undefined,
+            currentClientIdServer: MatrixClientPeg.safeGet().getIdentityServerUrl(),
+            idServer: newFieldVal,
+        });
+    };
+
+    private onInputCancel = (): void => this.setState((s) => ({ idServer: s.currentClientIdServer ?? "" }));
+    private onClearServerErrors = (): void => this.setState({ error: undefined });
+
+    public render(): React.ReactNode {
+        const idServerUrl = this.state.currentClientIdServer;
+        let sectionTitle;
+        let bodyText;
+        if (idServerUrl) {
+            sectionTitle = _t("identity_server|url", { server: abbreviateUrl(idServerUrl) });
+            bodyText = _t(
+                "identity_server|description_connected",
+                {},
+                { server: () => <strong>{abbreviateUrl(idServerUrl)}</strong> },
+            );
+            if (this.props.missingTerms) {
+                bodyText = _t(
+                    "identity_server|change_server_prompt",
+                    {},
+                    { server: () => <strong>{abbreviateUrl(idServerUrl)}</strong> },
+                );
+            }
+        } else {
+            sectionTitle = _t("common|identity_server");
+            bodyText = _t("identity_server|description_disconnected");
+        }
+
+        let discoSection;
+        if (idServerUrl) {
+            let discoButtonContent: React.ReactNode = _t("action|disconnect");
+            let discoBodyText = _t("identity_server|disconnect_warning");
+            if (this.props.missingTerms) {
+                discoBodyText = _t("identity_server|description_optional");
+                discoButtonContent = _t("identity_server|do_not_use");
+            }
+            if (this.state.disconnectBusy) {
+                discoButtonContent = <InlineSpinner />;
+            }
+            discoSection = (
+                <>
+                    <SettingsSubsectionText>{discoBodyText}</SettingsSubsectionText>
+                    <AccessibleButton onClick={this.onDisconnectClicked} kind="danger_sm">
+                        {discoButtonContent}
+                    </AccessibleButton>
+                </>
+            );
+        }
+
+        return (
+            <SettingsFieldset legend={sectionTitle} description={bodyText}>
+                <EditInPlace
+                    className="mx_IdentityServerPicker"
+                    cancelButtonLabel={_t("action|reset")}
+                    disabled={!!this.state.busy}
+                    label={_t("identity_server|url_field_label")}
+                    onCancel={this.onInputCancel}
+                    onChange={this.onIdentityServerChanged}
+                    onClearServerErrors={this.onClearServerErrors}
+                    onSave={this.checkIdServer}
+                    placeholder={this.state.defaultIdServer}
+                    saveButtonLabel={_t("action|change")}
+                    savedLabel={this.state.error ? undefined : _t("identity_server|changed")}
+                    savingLabel={_t("identity_server|checking")}
+                    serverInvalid={!!this.state.error}
+                    value={this.state.idServer}
+                >
+                    {this.state.error && <ErrorMessage>{this.state.error}</ErrorMessage>}
+                </EditInPlace>
+                {discoSection}
+            </SettingsFieldset>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/SetIntegrationManager.tsx b/apps/web/src/components/views/settings/SetIntegrationManager.tsx
new file mode 100644
index 00000000000..2cf80cebda0
--- /dev/null
+++ b/apps/web/src/components/views/settings/SetIntegrationManager.tsx
@@ -0,0 +1,98 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { logger } from "matrix-js-sdk/src/logger";
+import { type EmptyObject } from "matrix-js-sdk/src/matrix";
+import { Form, SettingsToggleInput } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import { IntegrationManagers } from "../../../integrations/IntegrationManagers";
+import { type IntegrationManagerInstance } from "../../../integrations/IntegrationManagerInstance";
+import SettingsStore from "../../../settings/SettingsStore";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import Heading from "../typography/Heading";
+import { SettingsSubsectionText } from "./shared/SettingsSubsection";
+import { UIFeature } from "../../../settings/UIFeature";
+
+interface IState {
+    currentManager: IntegrationManagerInstance | null;
+    provisioningEnabled: boolean;
+}
+
+export default class SetIntegrationManager extends React.Component<EmptyObject, IState> {
+    public constructor(props: EmptyObject) {
+        super(props);
+
+        const currentManager = IntegrationManagers.sharedInstance().getPrimaryManager();
+
+        this.state = {
+            currentManager,
+            provisioningEnabled: SettingsStore.getValue("integrationProvisioning"),
+        };
+    }
+
+    private onProvisioningToggled = (): void => {
+        const current = this.state.provisioningEnabled;
+        SettingsStore.setValue("integrationProvisioning", null, SettingLevel.ACCOUNT, !current).catch((err) => {
+            logger.error("Error changing integration manager provisioning");
+            logger.error(err);
+
+            this.setState({ provisioningEnabled: current });
+        });
+        this.setState({ provisioningEnabled: !current });
+    };
+
+    public render(): React.ReactNode {
+        const currentManager = this.state.currentManager;
+        let managerName;
+        let bodyText;
+        if (currentManager) {
+            managerName = `(${currentManager.name})`;
+            bodyText = _t(
+                "integration_manager|use_im_default",
+                { serverName: currentManager.name },
+                { b: (sub) => <strong>{sub}</strong> },
+            );
+        } else {
+            bodyText = _t("integration_manager|use_im");
+        }
+
+        if (!SettingsStore.getValue(UIFeature.Widgets)) return null;
+
+        return (
+            <Form.Root
+                onSubmit={(evt) => {
+                    evt.preventDefault();
+                    evt.stopPropagation();
+                }}
+                className="mx_SetIntegrationManager"
+                data-testid="mx_SetIntegrationManager"
+            >
+                <div className="mx_SettingsFlag">
+                    <div className="mx_SetIntegrationManager_heading_manager">
+                        <Heading as="h2" size="3">
+                            {_t("integration_manager|manage_title")}
+                        </Heading>
+                        <Heading id="mx_SetIntegrationManager_ManagerName" as="h3" size="4">
+                            {managerName}
+                        </Heading>
+                    </div>
+                </div>
+                <SettingsSubsectionText id="mx_SetIntegrationManager_BodyText">{bodyText}</SettingsSubsectionText>
+                <SettingsSubsectionText>{_t("integration_manager|explainer")}</SettingsSubsectionText>
+                <SettingsToggleInput
+                    name="enable_im"
+                    label={_t("integration_manager|toggle_label")}
+                    checked={this.state.provisioningEnabled}
+                    onChange={this.onProvisioningToggled}
+                />
+            </Form.Root>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/SettingsFieldset.tsx b/apps/web/src/components/views/settings/SettingsFieldset.tsx
new file mode 100644
index 00000000000..850647f37b8
--- /dev/null
+++ b/apps/web/src/components/views/settings/SettingsFieldset.tsx
@@ -0,0 +1,32 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 ReactNode, type HTMLAttributes } from "react";
+import classNames from "classnames";
+
+import { SettingsSubsectionText } from "./shared/SettingsSubsection";
+
+interface Props extends HTMLAttributes<HTMLFieldSetElement> {
+    // section title
+    legend: string | ReactNode;
+    description?: string | ReactNode;
+}
+
+const SettingsFieldset: React.FC<Props> = ({ legend, className, children, description, ...rest }) => (
+    <fieldset {...rest} className={classNames("mx_SettingsFieldset", className)}>
+        <legend className="mx_SettingsFieldset_legend">{legend}</legend>
+        {description && (
+            <div className="mx_SettingsFieldset_description">
+                <SettingsSubsectionText>{description}</SettingsSubsectionText>
+            </div>
+        )}
+        <div className="mx_SettingsFieldset_content">{children}</div>
+    </fieldset>
+);
+
+export default SettingsFieldset;
diff --git a/apps/web/src/components/views/settings/SettingsHeader.tsx b/apps/web/src/components/views/settings/SettingsHeader.tsx
new file mode 100644
index 00000000000..6a5cc7b8b28
--- /dev/null
+++ b/apps/web/src/components/views/settings/SettingsHeader.tsx
@@ -0,0 +1,39 @@
+/*
+ * Copyright 2024 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 classNames from "classnames";
+import { Heading } from "@vector-im/compound-web";
+
+/**
+ * The heading for a settings section.
+ */
+interface SettingsHeaderProps {
+    /**
+     * The component to render the heading as, defaults to h2
+     */
+    as?: React.ComponentProps<typeof Heading>["as"];
+    /**
+     * Whether the user has a recommended tag.
+     */
+    hasRecommendedTag?: boolean;
+    /**
+     * The label for the header.
+     */
+    label: string;
+}
+
+export function SettingsHeader({ hasRecommendedTag = false, label, as = "h2" }: SettingsHeaderProps): JSX.Element {
+    const classes = classNames("mx_SettingsHeader", {
+        mx_SettingsHeader_recommended: hasRecommendedTag,
+    });
+    return (
+        <Heading className={classes} as={as} size="sm" weight="semibold">
+            {label}
+        </Heading>
+    );
+}
diff --git a/apps/web/src/components/views/settings/SettingsSubheader.tsx b/apps/web/src/components/views/settings/SettingsSubheader.tsx
new file mode 100644
index 00000000000..158728f5300
--- /dev/null
+++ b/apps/web/src/components/views/settings/SettingsSubheader.tsx
@@ -0,0 +1,50 @@
+/*
+ * Copyright 2024 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 CheckCircleIcon from "@vector-im/compound-design-tokens/assets/web/icons/check-circle-solid";
+import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
+import classNames from "classnames";
+
+interface SettingsSubheaderProps {
+    /**
+     * The subheader text.
+     */
+    label?: string;
+    /**
+     * The state of the subheader.
+     */
+    state: "success" | "error";
+    /**
+     * The message to display next to the state icon.
+     */
+    stateMessage: string;
+}
+
+/**
+ * A styled subheader for settings.
+ */
+export function SettingsSubheader({ label, state, stateMessage }: SettingsSubheaderProps): JSX.Element {
+    return (
+        <div className="mx_SettingsSubheader">
+            {label}
+            <span
+                className={classNames({
+                    mx_SettingsSubheader_success: state === "success",
+                    mx_SettingsSubheader_error: state === "error",
+                })}
+            >
+                {state === "success" ? (
+                    <CheckCircleIcon width="20px" height="20px" />
+                ) : (
+                    <ErrorIcon width="20px" height="20px" />
+                )}
+                {stateMessage}
+            </span>
+        </div>
+    );
+}
diff --git a/apps/web/src/components/views/settings/SpellCheckSettings.tsx b/apps/web/src/components/views/settings/SpellCheckSettings.tsx
new file mode 100644
index 00000000000..bbb35797675
--- /dev/null
+++ b/apps/web/src/components/views/settings/SpellCheckSettings.tsx
@@ -0,0 +1,114 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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 from "react";
+
+import SpellCheckLanguagesDropdown from "../../../components/views/elements/SpellCheckLanguagesDropdown";
+import AccessibleButton, { type ButtonEvent } from "../../../components/views/elements/AccessibleButton";
+import { _t } from "../../../languageHandler";
+import { getUserLanguage } from "../../../i18n/settings";
+
+interface ExistingSpellCheckLanguageIProps {
+    language: string;
+    /**
+     * The label to render on the component. If not provided, the language code will be used.
+     */
+    label?: string;
+    onRemoved(language: string): void;
+}
+
+interface SpellCheckLanguagesIProps {
+    languages: Array<string>;
+    onLanguagesChange(languages: Array<string>): void;
+}
+
+interface SpellCheckLanguagesIState {
+    newLanguage: string;
+}
+
+export class ExistingSpellCheckLanguage extends React.Component<ExistingSpellCheckLanguageIProps> {
+    private onRemove = (e: ButtonEvent): void => {
+        e.stopPropagation();
+        e.preventDefault();
+
+        return this.props.onRemoved(this.props.language);
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <div className="mx_ExistingSpellCheckLanguage">
+                <span className="mx_ExistingSpellCheckLanguage_language">
+                    {this.props.label ?? this.props.language}
+                </span>
+                <AccessibleButton onClick={this.onRemove} kind="danger_sm">
+                    {_t("action|remove")}
+                </AccessibleButton>
+            </div>
+        );
+    }
+}
+
+export default class SpellCheckLanguages extends React.Component<SpellCheckLanguagesIProps, SpellCheckLanguagesIState> {
+    public constructor(props: SpellCheckLanguagesIProps) {
+        super(props);
+        this.state = {
+            newLanguage: "",
+        };
+    }
+
+    private onRemoved = (language: string): void => {
+        const languages = this.props.languages.filter((e) => e !== language);
+        this.props.onLanguagesChange(languages);
+    };
+
+    private onAddClick = (e: ButtonEvent): void => {
+        e.stopPropagation();
+        e.preventDefault();
+
+        const language = this.state.newLanguage;
+        this.setState({ newLanguage: "" });
+
+        if (!language) return;
+        if (this.props.languages.includes(language)) return;
+
+        this.props.languages.push(language);
+        this.props.onLanguagesChange(this.props.languages);
+    };
+
+    private onNewLanguageChange = (language: string): void => {
+        if (this.state.newLanguage === language) return;
+        this.setState({ newLanguage: language });
+    };
+
+    public render(): React.ReactNode {
+        const intl = new Intl.DisplayNames([getUserLanguage()], { type: "language", style: "short" });
+        const existingSpellCheckLanguages = this.props.languages.map((e) => {
+            return <ExistingSpellCheckLanguage language={e} label={intl.of(e)} onRemoved={this.onRemoved} key={e} />;
+        });
+
+        const addButton = (
+            <AccessibleButton onClick={this.onAddClick} kind="primary">
+                {_t("action|add")}
+            </AccessibleButton>
+        );
+
+        return (
+            <>
+                {existingSpellCheckLanguages}
+                <form onSubmit={this.onAddClick} noValidate={true}>
+                    <SpellCheckLanguagesDropdown
+                        className="mx_GeneralUserSettingsTab_spellCheckLanguageInput"
+                        value={this.state.newLanguage}
+                        onOptionChange={this.onNewLanguageChange}
+                    />
+                    {addButton}
+                </form>
+            </>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/ThemeChoicePanel.tsx b/apps/web/src/components/views/settings/ThemeChoicePanel.tsx
new file mode 100644
index 00000000000..6581e823fce
--- /dev/null
+++ b/apps/web/src/components/views/settings/ThemeChoicePanel.tsx
@@ -0,0 +1,339 @@
+/*
+ * 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.
+ */
+
+import React, { type ChangeEvent, type JSX, useCallback, useMemo, useState } from "react";
+import {
+    InlineField,
+    ToggleControl,
+    Label,
+    Root,
+    RadioControl,
+    EditInPlace,
+    IconButton,
+    ErrorMessage,
+    HelpMessage,
+} from "@vector-im/compound-web";
+import DeleteIcon from "@vector-im/compound-design-tokens/assets/web/icons/delete";
+import classNames from "classnames";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../languageHandler";
+import { SettingsSubsection } from "./shared/SettingsSubsection";
+import ThemeWatcher from "../../../settings/watchers/ThemeWatcher";
+import SettingsStore from "../../../settings/SettingsStore";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import dis from "../../../dispatcher/dispatcher";
+import { type RecheckThemePayload } from "../../../dispatcher/payloads/RecheckThemePayload";
+import { Action } from "../../../dispatcher/actions";
+import { useTheme } from "../../../hooks/useTheme";
+import {
+    findHighContrastTheme,
+    getOrderedThemes,
+    type CustomTheme as CustomThemeType,
+    type ITheme,
+} from "../../../theme";
+import { useSettingValue } from "../../../hooks/useSettings";
+
+/**
+ * Panel to choose the theme
+ */
+export function ThemeChoicePanel(): JSX.Element {
+    const themeState = useTheme();
+    const themeWatcher = useMemo(() => new ThemeWatcher(), []);
+    const customThemeEnabled = useSettingValue("feature_custom_themes");
+
+    return (
+        <SettingsSubsection heading={_t("common|theme")} legacy={false} data-testid="themePanel">
+            {themeWatcher.isSystemThemeSupported() && (
+                <SystemTheme systemThemeActivated={themeState.systemThemeActivated} />
+            )}
+            <ThemeSelectors theme={themeState.theme} disabled={themeState.systemThemeActivated} />
+            {customThemeEnabled && <CustomTheme theme={themeState.theme} />}
+        </SettingsSubsection>
+    );
+}
+
+/**
+ * Component to toggle the system theme
+ */
+interface SystemThemeProps {
+    /* Whether the system theme is activated */
+    systemThemeActivated: boolean;
+}
+
+/**
+ * Component to toggle the system theme
+ */
+function SystemTheme({ systemThemeActivated }: SystemThemeProps): JSX.Element {
+    return (
+        <Root
+            onChange={async (evt) => {
+                const checked = new FormData(evt.currentTarget).get("systemTheme") === "on";
+                await SettingsStore.setValue("use_system_theme", null, SettingLevel.DEVICE, checked);
+                dis.dispatch<RecheckThemePayload>({ action: Action.RecheckTheme });
+            }}
+        >
+            <InlineField
+                name="systemTheme"
+                control={<ToggleControl name="systemTheme" defaultChecked={systemThemeActivated} />}
+            >
+                <Label>{SettingsStore.getDisplayName("use_system_theme")}</Label>
+            </InlineField>
+        </Root>
+    );
+}
+
+/**
+ * Component to select the theme
+ */
+interface ThemeSelectorProps {
+    /* The current theme */
+    theme: string;
+    /* The theme can't be selected */
+    disabled: boolean;
+}
+
+/**
+ * Component to select the theme
+ */
+function ThemeSelectors({ theme, disabled }: ThemeSelectorProps): JSX.Element {
+    const themes = useThemes();
+
+    return (
+        <Root
+            className="mx_ThemeChoicePanel_ThemeSelectors"
+            onChange={async (evt) => {
+                // We don't have any file in the form, we can cast it as string safely
+                const newTheme = new FormData(evt.currentTarget).get("themeSelector") as string | null;
+
+                // Do nothing if the same theme is selected
+                if (!newTheme || theme === newTheme) return;
+
+                // doing getValue in the .catch will still return the value we failed to set,
+                SettingsStore.setValue("theme", null, SettingLevel.DEVICE, newTheme).catch(() => {
+                    dis.dispatch<RecheckThemePayload>({ action: Action.RecheckTheme });
+                });
+
+                // The settings watcher doesn't fire until the echo comes back from the
+                // server, so to make the theme change immediately we need to manually
+                // do the dispatch now
+                // XXX: The local echoed value appears to be unreliable, in particular
+                // when settings custom themes(!) so adding forceTheme to override
+                // the value from settings.
+                dis.dispatch<RecheckThemePayload>({ action: Action.RecheckTheme, forceTheme: newTheme });
+            }}
+        >
+            {themes.map((_theme) => {
+                const isChecked = theme === _theme.id;
+                return (
+                    <InlineField
+                        className={classNames("mx_ThemeChoicePanel_themeSelector", {
+                            [`mx_ThemeChoicePanel_themeSelector_enabled`]: !disabled && theme === _theme.id,
+                            [`mx_ThemeChoicePanel_themeSelector_disabled`]: disabled,
+                            // We need to force the compound theme to be light or dark
+                            // The theme selection doesn't depend on the current theme
+                            // For example when the light theme is used, the dark theme selector should be dark
+                            "cpd-theme-light": !_theme.isDark,
+                            "cpd-theme-dark": _theme.isDark,
+                        })}
+                        name="themeSelector"
+                        key={_theme.id}
+                        control={
+                            <RadioControl
+                                name="themeSelector"
+                                checked={!disabled && isChecked}
+                                disabled={disabled}
+                                value={_theme.id}
+                            />
+                        }
+                    >
+                        <Label className="mx_ThemeChoicePanel_themeSelector_Label">{_theme.name}</Label>
+                    </InlineField>
+                );
+            })}
+        </Root>
+    );
+}
+
+/**
+ * Return all the available themes
+ */
+function useThemes(): Array<ITheme & { isDark: boolean }> {
+    const customThemes = useSettingValue("custom_themes");
+    return useMemo(() => {
+        // Put the custom theme into a map
+        // To easily find the theme by name when going through the themes list
+        const checkedCustomThemes = customThemes || [];
+        const customThemeMap = checkedCustomThemes.reduce(
+            (map, theme) => map.set(theme.name, theme),
+            new Map<string, CustomThemeType>(),
+        );
+
+        const themes = getOrderedThemes();
+        // Separate the built-in themes from the custom themes
+        // To insert the high contrast theme between them
+        const builtInThemes = themes.filter((theme) => !customThemeMap.has(theme.name));
+        const otherThemes = themes.filter((theme) => customThemeMap.has(theme.name));
+
+        const highContrastTheme = makeHighContrastTheme();
+        if (highContrastTheme) builtInThemes.push(highContrastTheme);
+
+        const allThemes = builtInThemes.concat(otherThemes);
+
+        // Check if the themes are dark
+        return allThemes.map((theme) => {
+            const customTheme = customThemeMap.get(theme.name);
+            const isDark = (customTheme ? customTheme.is_dark : theme.id.includes("dark")) || false;
+            return { ...theme, isDark };
+        });
+    }, [customThemes]);
+}
+
+/**
+ * Create the light high contrast theme
+ */
+function makeHighContrastTheme(): ITheme | undefined {
+    const lightHighContrastId = findHighContrastTheme("light");
+    if (lightHighContrastId) {
+        return {
+            name: _t("settings|appearance|high_contrast"),
+            id: lightHighContrastId,
+        };
+    }
+}
+
+interface CustomThemeProps {
+    /**
+     * The current theme
+     */
+    theme: string;
+}
+
+/**
+ * Add and manager custom themes
+ */
+function CustomTheme({ theme }: CustomThemeProps): JSX.Element {
+    const [customTheme, setCustomTheme] = useState<string>("");
+    const [error, setError] = useState<string>();
+    const clear = useCallback(() => {
+        setError(undefined);
+        setCustomTheme("");
+    }, [setError, setCustomTheme]);
+
+    return (
+        <div className="mx_ThemeChoicePanel_CustomTheme">
+            <EditInPlace
+                className="mx_ThemeChoicePanel_CustomTheme_EditInPlace"
+                label={_t("settings|appearance|custom_theme_add")}
+                cancelButtonLabel={_t("action|cancel")}
+                saveButtonLabel={_t("settings|appearance|custom_theme_add")}
+                savingLabel={_t("settings|appearance|custom_theme_downloading")}
+                value={customTheme}
+                onChange={(e: ChangeEvent<HTMLInputElement>) => {
+                    setError(undefined);
+                    setCustomTheme(e.target.value);
+                }}
+                onSave={async () => {
+                    // The field empty is empty
+                    if (!customTheme) return;
+
+                    // Get the custom themes and do a cheap clone
+                    // To avoid to mutate the original array in the settings
+                    const currentThemes = SettingsStore.getValue("custom_themes").map((t) => t) || [];
+
+                    try {
+                        const r = await fetch(customTheme);
+                        // XXX: need some schema for this
+                        const themeInfo = await r.json();
+                        if (
+                            !themeInfo ||
+                            typeof themeInfo["name"] !== "string" ||
+                            typeof themeInfo["colors"] !== "object"
+                        ) {
+                            setError(_t("settings|appearance|custom_theme_invalid"));
+                            return;
+                        }
+
+                        // Check if the theme is already existing
+                        const isAlreadyExisting = Boolean(currentThemes.find((t) => t.name === themeInfo.name));
+                        if (isAlreadyExisting) {
+                            clear();
+                            return;
+                        }
+
+                        currentThemes.push(themeInfo);
+                    } catch (e) {
+                        logger.error(e);
+                        setError(_t("settings|appearance|custom_theme_error_downloading"));
+                        return;
+                    }
+
+                    // Reset the error
+                    clear();
+                    await SettingsStore.setValue("custom_themes", null, SettingLevel.ACCOUNT, currentThemes);
+                }}
+                onCancel={clear}
+            >
+                <HelpMessage>{_t("settings|appearance|custom_theme_help")}</HelpMessage>
+                {error && <ErrorMessage>{error}</ErrorMessage>}
+            </EditInPlace>
+            <CustomThemeList theme={theme} />
+        </div>
+    );
+}
+
+interface CustomThemeListProps {
+    /*
+     * The current theme
+     */
+    theme: string;
+}
+
+/**
+ * List of the custom themes
+ */
+function CustomThemeList({ theme: currentTheme }: CustomThemeListProps): JSX.Element {
+    const customThemes = useSettingValue("custom_themes") || [];
+
+    return (
+        <ul className="mx_ThemeChoicePanel_CustomThemeList">
+            {customThemes.map((theme) => {
+                return (
+                    <li key={theme.name} className="mx_ThemeChoicePanel_CustomThemeList_theme" aria-label={theme.name}>
+                        <span className="mx_ThemeChoicePanel_CustomThemeList_name">{theme.name}</span>
+                        <IconButton
+                            destructive={true}
+                            aria-label={_t("action|delete")}
+                            tooltip={_t("action|delete")}
+                            onClick={async () => {
+                                // Get the custom themes and do a cheap clone
+                                // To avoid to mutate the original array in the settings
+                                const currentThemes = SettingsStore.getValue("custom_themes").map((t) => t) || [];
+
+                                // Remove the theme from the list
+                                const newThemes = currentThemes.filter((t) => t.name !== theme.name);
+                                await SettingsStore.setValue("custom_themes", null, SettingLevel.ACCOUNT, newThemes);
+
+                                // If the delete custom theme is the current theme, reset the theme to the default theme
+                                // By settings the theme at null at the device level, we are getting the default theme
+                                if (currentTheme === `custom-${theme.name}`) {
+                                    await SettingsStore.setValue("theme", null, SettingLevel.DEVICE, null);
+                                    dis.dispatch<RecheckThemePayload>({
+                                        action: Action.RecheckTheme,
+                                    });
+                                }
+                            }}
+                        >
+                            <DeleteIcon />
+                        </IconButton>
+                    </li>
+                );
+            })}
+        </ul>
+    );
+}
diff --git a/apps/web/src/components/views/settings/UpdateCheckButton.tsx b/apps/web/src/components/views/settings/UpdateCheckButton.tsx
new file mode 100644
index 00000000000..05653c9a29f
--- /dev/null
+++ b/apps/web/src/components/views/settings/UpdateCheckButton.tsx
@@ -0,0 +1,88 @@
+/*
+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, useState } from "react";
+
+import { UpdateCheckStatus } from "../../../BasePlatform";
+import PlatformPeg from "../../../PlatformPeg";
+import { useDispatcher } from "../../../hooks/useDispatcher";
+import dis from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import { _t } from "../../../languageHandler";
+import InlineSpinner from "../../../components/views/elements/InlineSpinner";
+import AccessibleButton from "../../../components/views/elements/AccessibleButton";
+import { type CheckUpdatesPayload } from "../../../dispatcher/payloads/CheckUpdatesPayload";
+
+function installUpdate(): void {
+    PlatformPeg.get()?.installUpdate();
+}
+
+function getStatusText(status: UpdateCheckStatus, errorDetail?: string): ReactNode {
+    switch (status) {
+        case UpdateCheckStatus.Error:
+            return _t("update|error_encountered", { errorDetail });
+        case UpdateCheckStatus.Checking:
+            return _t("update|checking");
+        case UpdateCheckStatus.NotAvailable:
+            return _t("update|no_update");
+        case UpdateCheckStatus.Downloading:
+            return _t("update|downloading");
+        case UpdateCheckStatus.Ready:
+            return _t(
+                "update|new_version_available",
+                {},
+                {
+                    a: (sub) => (
+                        <AccessibleButton kind="link_inline" onClick={installUpdate}>
+                            {sub}
+                        </AccessibleButton>
+                    ),
+                },
+            );
+    }
+}
+
+const doneStatuses = [UpdateCheckStatus.Ready, UpdateCheckStatus.Error, UpdateCheckStatus.NotAvailable];
+
+const UpdateCheckButton: React.FC = () => {
+    const [state, setState] = useState<CheckUpdatesPayload | null>(null);
+
+    const onCheckForUpdateClick = (): void => {
+        setState(null);
+        PlatformPeg.get()?.startUpdateCheck();
+    };
+
+    useDispatcher(dis, ({ action, ...params }) => {
+        if (action === Action.CheckUpdates) {
+            setState(params as CheckUpdatesPayload);
+        }
+    });
+
+    const busy = !!state && !doneStatuses.includes(state.status);
+
+    let suffix: JSX.Element | undefined;
+    if (state) {
+        suffix = (
+            <span className="mx_UpdateCheckButton_summary">
+                {getStatusText(state.status, state.detail)}
+                {busy && <InlineSpinner />}
+            </span>
+        );
+    }
+
+    return (
+        <React.Fragment>
+            <AccessibleButton onClick={onCheckForUpdateClick} kind="primary_outline" disabled={busy}>
+                {_t("update|check_action")}
+            </AccessibleButton>
+            {suffix}
+        </React.Fragment>
+    );
+};
+
+export default UpdateCheckButton;
diff --git a/apps/web/src/components/views/settings/UserPersonalInfoSettings.tsx b/apps/web/src/components/views/settings/UserPersonalInfoSettings.tsx
new file mode 100644
index 00000000000..ce4e4cb681d
--- /dev/null
+++ b/apps/web/src/components/views/settings/UserPersonalInfoSettings.tsx
@@ -0,0 +1,119 @@
+/*
+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.
+*/
+
+import React, { useCallback, useEffect, useState } from "react";
+import { ThreepidMedium } from "matrix-js-sdk/src/matrix";
+import { Alert } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import InlineSpinner from "../elements/InlineSpinner";
+import { SettingsSubsection } from "./shared/SettingsSubsection";
+import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
+import { type ThirdPartyIdentifier } from "../../../AddThreepid";
+import SettingsStore from "../../../settings/SettingsStore";
+import { UIFeature } from "../../../settings/UIFeature";
+import { AddRemoveThreepids } from "./AddRemoveThreepids";
+import { SettingsSection } from "./shared/SettingsSection.tsx";
+
+type LoadingState = "loading" | "loaded" | "error";
+
+interface ThreepidSectionWrapperProps {
+    error: string;
+    loadingState: LoadingState;
+    children: React.ReactNode;
+}
+
+const ThreepidSectionWrapper: React.FC<ThreepidSectionWrapperProps> = ({ error, loadingState, children }) => {
+    if (loadingState === "loading") {
+        return <InlineSpinner />;
+    } else if (loadingState === "error") {
+        return (
+            <Alert type="critical" title={_t("common|error")}>
+                {error}
+            </Alert>
+        );
+    } else {
+        return <>{children}</>;
+    }
+};
+
+interface UserPersonalInfoSettingsProps {
+    canMake3pidChanges: boolean;
+}
+
+/**
+ * Settings controls allowing the user to set personal information like email addresses.
+ */
+export const UserPersonalInfoSettings: React.FC<UserPersonalInfoSettingsProps> = ({ canMake3pidChanges }) => {
+    const [emails, setEmails] = useState<ThirdPartyIdentifier[] | undefined>();
+    const [phoneNumbers, setPhoneNumbers] = useState<ThirdPartyIdentifier[] | undefined>();
+    const [loadingState, setLoadingState] = useState<"loading" | "loaded" | "error">("loading");
+
+    const client = useMatrixClientContext();
+
+    const updateThreepids = useCallback(async () => {
+        try {
+            const threepids = await client.getThreePids();
+            setEmails(threepids.threepids.filter((a) => a.medium === ThreepidMedium.Email));
+            setPhoneNumbers(threepids.threepids.filter((a) => a.medium === ThreepidMedium.Phone));
+            setLoadingState("loaded");
+        } catch {
+            setLoadingState("error");
+        }
+    }, [client]);
+
+    useEffect(() => {
+        updateThreepids();
+    }, [updateThreepids]);
+
+    if (!SettingsStore.getValue(UIFeature.ThirdPartyID)) return null;
+
+    return (
+        <SettingsSection heading={_t("settings|general|personal_info")} className="mx_UserPersonalInfoSettings">
+            <SettingsSubsection
+                heading={_t("settings|general|emails_heading")}
+                stretchContent
+                data-testid="mx_AccountEmailAddresses"
+            >
+                <ThreepidSectionWrapper
+                    error={_t("settings|general|unable_to_load_emails")}
+                    loadingState={loadingState}
+                >
+                    <AddRemoveThreepids
+                        mode="hs"
+                        medium={ThreepidMedium.Email}
+                        threepids={emails!}
+                        onChange={updateThreepids}
+                        disabled={!canMake3pidChanges}
+                        isLoading={loadingState === "loading"}
+                    />
+                </ThreepidSectionWrapper>
+            </SettingsSubsection>
+
+            <SettingsSubsection
+                heading={_t("settings|general|msisdns_heading")}
+                stretchContent
+                data-testid="mx_AccountPhoneNumbers"
+            >
+                <ThreepidSectionWrapper
+                    error={_t("settings|general|unable_to_load_msisdns")}
+                    loadingState={loadingState}
+                >
+                    <AddRemoveThreepids
+                        mode="hs"
+                        medium={ThreepidMedium.Phone}
+                        threepids={phoneNumbers!}
+                        onChange={updateThreepids}
+                        disabled={!canMake3pidChanges}
+                        isLoading={loadingState === "loading"}
+                    />
+                </ThreepidSectionWrapper>
+            </SettingsSubsection>
+        </SettingsSection>
+    );
+};
diff --git a/apps/web/src/components/views/settings/UserProfileSettings.tsx b/apps/web/src/components/views/settings/UserProfileSettings.tsx
new file mode 100644
index 00000000000..d2280c3a33c
--- /dev/null
+++ b/apps/web/src/components/views/settings/UserProfileSettings.tsx
@@ -0,0 +1,268 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 React, { type ChangeEvent, type ReactNode, useCallback, useEffect, useMemo, useState, useId } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { EditInPlace, Alert, ErrorMessage } from "@vector-im/compound-web";
+import PopOutIcon from "@vector-im/compound-design-tokens/assets/web/icons/pop-out";
+import SignOutIcon from "@vector-im/compound-design-tokens/assets/web/icons/sign-out";
+import {
+    Flex,
+    SetStatusView,
+    useCreateAutoDisposedViewModel,
+    useToastContext,
+} from "@element-hq/web-shared-components";
+
+import { _t } from "../../../languageHandler";
+import { OwnProfileStore } from "../../../stores/OwnProfileStore";
+import AvatarSetting from "./AvatarSetting";
+import PosthogTrackers from "../../../PosthogTrackers";
+import { formatBytes } from "../../../utils/FormattingUtils";
+import InlineSpinner from "../elements/InlineSpinner";
+import UserIdentifierCustomisations from "../../../customisations/UserIdentifier";
+import CopyableText from "../elements/CopyableText";
+import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
+import AccessibleButton from "../elements/AccessibleButton";
+import LogoutDialog, { shouldShowLogoutDialog } from "../dialogs/LogoutDialog";
+import Modal from "../../../Modal";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { SettingsSection } from "./shared/SettingsSection.tsx";
+import { SetStatusViewModel } from "../../../viewmodels/status/SetStatusViewModel.ts";
+import SettingsStore from "../../../settings/SettingsStore.ts";
+
+const SpinnerToast: React.FC<{ children?: ReactNode }> = ({ children }) => (
+    <>
+        <InlineSpinner />
+        {children}
+    </>
+);
+
+interface UsernameBoxProps {
+    username: string;
+}
+
+const UsernameBox: React.FC<UsernameBoxProps> = ({ username }) => {
+    const labelId = useId();
+    return (
+        <div className="mx_UserProfileSettings_profile_controls_userId">
+            <div className="mx_UserProfileSettings_profile_controls_userId_label" id={labelId}>
+                {_t("settings|general|username")}
+            </div>
+            <CopyableText getTextToCopy={() => username} aria-labelledby={labelId}>
+                {username}
+            </CopyableText>
+        </div>
+    );
+};
+
+interface ManageAccountButtonProps {
+    externalAccountManagementUrl: string;
+}
+
+const ManageAccountButton: React.FC<ManageAccountButtonProps> = ({ externalAccountManagementUrl }) => (
+    <AccessibleButton
+        onClick={null}
+        element="a"
+        kind="primary"
+        data-kind="primary"
+        target="_blank"
+        rel="noreferrer noopener"
+        href={externalAccountManagementUrl}
+        data-testid="external-account-management-link"
+        style={{ textDecoration: "none" }}
+    >
+        <PopOutIcon className="mx_UserProfileSettings_accountmanageIcon" width="24" height="24" />
+        {_t("settings|general|oidc_manage_button")}
+    </AccessibleButton>
+);
+
+const SignOutButton: React.FC = () => {
+    const client = useMatrixClientContext();
+
+    const onClick = useCallback(async () => {
+        if (await shouldShowLogoutDialog(client)) {
+            Modal.createDialog(LogoutDialog);
+        } else {
+            defaultDispatcher.dispatch({ action: "logout" });
+        }
+    }, [client]);
+
+    return (
+        <AccessibleButton onClick={onClick} kind="danger_outline">
+            <SignOutIcon className="mx_UserProfileSettings_accountmanageIcon" width="24" height="24" />
+            {_t("action|sign_out")}
+        </AccessibleButton>
+    );
+};
+
+interface UserProfileSettingsProps {
+    // The URL to redirect the user to in order to manage their account.
+    externalAccountManagementUrl?: string;
+    // Whether the homeserver allows the user to set their display name.
+    canSetDisplayName: boolean;
+    // Whether the homeserver allows the user to set their avatar.
+    canSetAvatar: boolean;
+}
+
+/**
+ * A group of settings views to allow the user to set their profile information.
+ */
+const UserProfileSettings: React.FC<UserProfileSettingsProps> = ({
+    externalAccountManagementUrl,
+    canSetDisplayName,
+    canSetAvatar,
+}) => {
+    const [avatarURL, setAvatarURL] = useState(OwnProfileStore.instance.avatarMxc);
+    const [displayName, setDisplayName] = useState(OwnProfileStore.instance.displayName ?? "");
+    const [avatarError, setAvatarError] = useState<boolean>(false);
+    const [maxUploadSize, setMaxUploadSize] = useState<number | undefined>();
+    const [displayNameError, setDisplayNameError] = useState<boolean>(false);
+
+    const toastRack = useToastContext();
+
+    const client = useMatrixClientContext();
+
+    useEffect(() => {
+        (async () => {
+            try {
+                const mediaConfig = await client.getMediaConfig();
+                setMaxUploadSize(mediaConfig["m.upload.size"]);
+            } catch (e) {
+                logger.warn("Failed to get media config", e);
+            }
+        })();
+    }, [client]);
+
+    const userStatusEnabled = SettingsStore.getValue("feature_user_status");
+    const setStatusVM = useCreateAutoDisposedViewModel(
+        () => new SetStatusViewModel({ client, ownProfileStore: OwnProfileStore.instance }),
+    );
+
+    const onAvatarRemove = useCallback(async () => {
+        const removeToast = toastRack.displayToast(
+            <SpinnerToast>{_t("settings|general|avatar_remove_progress")}</SpinnerToast>,
+        );
+        try {
+            await client.setAvatarUrl(""); // use empty string as Synapse 500s on undefined
+            setAvatarURL("");
+        } finally {
+            removeToast();
+        }
+    }, [toastRack, client]);
+
+    const onAvatarChange = useCallback(
+        async (avatarFile: File) => {
+            PosthogTrackers.trackInteraction("WebProfileSettingsAvatarUploadButton");
+            logger.log(
+                `Uploading new avatar, ${avatarFile.name} of type ${avatarFile.type}, (${avatarFile.size}) bytes`,
+            );
+            const removeToast = toastRack.displayToast(
+                <SpinnerToast>{_t("settings|general|avatar_save_progress")}</SpinnerToast>,
+            );
+            try {
+                setAvatarError(false);
+                const { content_uri: uri } = await client.uploadContent(avatarFile);
+                await client.setAvatarUrl(uri);
+                setAvatarURL(uri);
+            } catch {
+                setAvatarError(true);
+            } finally {
+                removeToast();
+            }
+        },
+        [toastRack, client],
+    );
+
+    const onDisplayNameChanged = useCallback((e: ChangeEvent<HTMLInputElement>) => {
+        setDisplayName(e.target.value);
+    }, []);
+
+    const onDisplayNameCancel = useCallback(() => {
+        setDisplayName(OwnProfileStore.instance.displayName ?? "");
+    }, []);
+
+    const onDisplayNameSave = useCallback(async (): Promise<void> => {
+        try {
+            setDisplayNameError(false);
+            await client.setDisplayName(displayName);
+        } catch (e) {
+            setDisplayNameError(true);
+            throw e;
+        }
+    }, [displayName, client]);
+
+    const userIdentifier = useMemo(
+        () =>
+            UserIdentifierCustomisations.getDisplayUserIdentifier(client.getSafeUserId(), {
+                withDisplayName: true,
+            }),
+        [client],
+    );
+
+    const someFieldsDisabled = !canSetDisplayName || !canSetAvatar;
+
+    return (
+        <SettingsSection heading={_t("common|profile")}>
+            <div className="mx_UserProfileSettings">
+                <div>
+                    {someFieldsDisabled
+                        ? _t("settings|general|profile_subtitle_oidc")
+                        : _t("settings|general|profile_subtitle")}
+                </div>
+                <div className="mx_UserProfileSettings_profile">
+                    <AvatarSetting
+                        avatar={avatarURL ?? undefined}
+                        avatarAccessibleName={_t("common|user_avatar")}
+                        onChange={onAvatarChange}
+                        removeAvatar={avatarURL ? onAvatarRemove : undefined}
+                        placeholderName={displayName}
+                        placeholderId={client.getUserId() ?? ""}
+                        disabled={!canSetAvatar}
+                    />
+
+                    <Flex direction="column" className="mx_UserProfileSettings_profile_nameAndStatus">
+                        <EditInPlace
+                            className="mx_UserProfileSettings_profile_displayName"
+                            label={_t("settings|general|display_name")}
+                            value={displayName}
+                            saveButtonLabel={_t("common|save")}
+                            cancelButtonLabel={_t("common|cancel")}
+                            savedLabel={_t("common|saved")}
+                            savingLabel={_t("common|updating")}
+                            onChange={onDisplayNameChanged}
+                            onCancel={onDisplayNameCancel}
+                            onSave={onDisplayNameSave}
+                            disabled={!canSetDisplayName}
+                        >
+                            {displayNameError && (
+                                <ErrorMessage>{_t("settings|general|display_name_error")}</ErrorMessage>
+                            )}
+                        </EditInPlace>
+                        {userStatusEnabled && <SetStatusView vm={setStatusVM} />}
+                    </Flex>
+                </div>
+                {avatarError && (
+                    <Alert title={_t("settings|general|avatar_upload_error_title")} type="critical">
+                        {maxUploadSize === undefined
+                            ? _t("settings|general|avatar_upload_error_text_generic")
+                            : _t("settings|general|avatar_upload_error_text", { size: formatBytes(maxUploadSize) })}
+                    </Alert>
+                )}
+                {userIdentifier && <UsernameBox username={userIdentifier} />}
+                <Flex gap="var(--cpd-space-4x)" className="mx_UserProfileSettings_profile_buttons">
+                    {externalAccountManagementUrl && (
+                        <ManageAccountButton externalAccountManagementUrl={externalAccountManagementUrl} />
+                    )}
+                    <SignOutButton />
+                </Flex>
+            </div>
+        </SettingsSection>
+    );
+};
+
+export default UserProfileSettings;
diff --git a/apps/web/src/components/views/settings/devices/CurrentDeviceSection.tsx b/apps/web/src/components/views/settings/devices/CurrentDeviceSection.tsx
new file mode 100644
index 00000000000..5eee6be407e
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/CurrentDeviceSection.tsx
@@ -0,0 +1,153 @@
+/*
+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, { useState } from "react";
+import { type LocalNotificationSettings } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../../languageHandler";
+import Spinner from "../../elements/Spinner";
+import { SettingsSubsection } from "../shared/SettingsSubsection";
+import { SettingsSubsectionHeading } from "../shared/SettingsSubsectionHeading";
+import DeviceDetails from "./DeviceDetails";
+import { DeviceExpandDetailsButton } from "./DeviceExpandDetailsButton";
+import DeviceTile from "./DeviceTile";
+import { DeviceVerificationStatusCard } from "./DeviceVerificationStatusCard";
+import { type ExtendedDevice } from "./types";
+import { KebabContextMenu } from "../../context_menus/KebabContextMenu";
+import { IconizedContextMenuOption } from "../../context_menus/IconizedContextMenu";
+
+interface Props {
+    device?: ExtendedDevice;
+    isLoading: boolean;
+    isSigningOut: boolean;
+    localNotificationSettings?: LocalNotificationSettings;
+    // number of other sessions the user has
+    // excludes current session
+    otherSessionsCount: number;
+    setPushNotifications: (deviceId: string, enabled: boolean) => Promise<void>;
+    onVerifyCurrentDevice: () => void;
+    onSignOutCurrentDevice: () => void;
+    signOutAllOtherSessions?: () => void;
+    saveDeviceName: (deviceName: string) => Promise<void>;
+    accountManagementEndpoint?: string;
+    accountManagementActionsSupported?: string[];
+}
+
+type CurrentDeviceSectionHeadingProps = Pick<
+    Props,
+    "onSignOutCurrentDevice" | "signOutAllOtherSessions" | "otherSessionsCount"
+> & {
+    disabled?: boolean;
+};
+
+const CurrentDeviceSectionHeading: React.FC<CurrentDeviceSectionHeadingProps> = ({
+    onSignOutCurrentDevice,
+    signOutAllOtherSessions,
+    otherSessionsCount,
+    disabled,
+}) => {
+    const menuOptions = [
+        <IconizedContextMenuOption
+            key="sign-out"
+            label={_t("action|sign_out")}
+            onClick={onSignOutCurrentDevice}
+            isDestructive
+        />,
+        ...(signOutAllOtherSessions
+            ? [
+                  <IconizedContextMenuOption
+                      key="sign-out-all-others"
+                      label={_t("settings|sessions|sign_out_all_other_sessions", { otherSessionsCount })}
+                      onClick={signOutAllOtherSessions}
+                      isDestructive
+                  />,
+              ]
+            : []),
+    ];
+    return (
+        <SettingsSubsectionHeading heading={_t("settings|sessions|current_session")}>
+            <KebabContextMenu
+                disabled={disabled}
+                title={_t("common|options")}
+                options={menuOptions}
+                data-testid="current-session-menu"
+            />
+        </SettingsSubsectionHeading>
+    );
+};
+
+const CurrentDeviceSection: React.FC<Props> = ({
+    device,
+    isLoading,
+    isSigningOut,
+    localNotificationSettings,
+    otherSessionsCount,
+    setPushNotifications,
+    onVerifyCurrentDevice,
+    onSignOutCurrentDevice,
+    signOutAllOtherSessions,
+    saveDeviceName,
+    accountManagementEndpoint,
+    accountManagementActionsSupported,
+}) => {
+    const [isExpanded, setIsExpanded] = useState(false);
+
+    return (
+        <SettingsSubsection
+            data-testid="current-session-section"
+            heading={
+                <CurrentDeviceSectionHeading
+                    onSignOutCurrentDevice={onSignOutCurrentDevice}
+                    signOutAllOtherSessions={signOutAllOtherSessions}
+                    otherSessionsCount={otherSessionsCount}
+                    disabled={isLoading || !device || isSigningOut}
+                />
+            }
+        >
+            {/* only show big spinner on first load */}
+            {isLoading && !device && <Spinner />}
+            {!!device && (
+                <>
+                    <DeviceTile device={device} onClick={() => setIsExpanded(!isExpanded)}>
+                        <DeviceExpandDetailsButton
+                            data-testid="current-session-toggle-details"
+                            isExpanded={isExpanded}
+                            onClick={() => setIsExpanded(!isExpanded)}
+                        />
+                    </DeviceTile>
+                    {isExpanded ? (
+                        <DeviceDetails
+                            device={device}
+                            localNotificationSettings={localNotificationSettings}
+                            setPushNotifications={setPushNotifications}
+                            isSigningOut={isSigningOut}
+                            onVerifyDevice={onVerifyCurrentDevice}
+                            onSignOutDevice={onSignOutCurrentDevice}
+                            saveDeviceName={saveDeviceName}
+                            className="mx_CurrentDeviceSection_deviceDetails"
+                            accountManagementEndpoint={accountManagementEndpoint}
+                            accountManagementActionsSupported={accountManagementActionsSupported}
+                            isCurrentDevice
+                        />
+                    ) : (
+                        <>
+                            <br />
+                            <DeviceVerificationStatusCard
+                                device={device}
+                                onVerifyDevice={onVerifyCurrentDevice}
+                                isCurrentDevice
+                            />
+                        </>
+                    )}
+                </>
+            )}
+        </SettingsSubsection>
+    );
+};
+
+export default CurrentDeviceSection;
diff --git a/apps/web/src/components/views/settings/devices/DeviceDetailHeading.tsx b/apps/web/src/components/views/settings/devices/DeviceDetailHeading.tsx
new file mode 100644
index 00000000000..a58917da68e
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/DeviceDetailHeading.tsx
@@ -0,0 +1,130 @@
+/*
+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, { useEffect, useState } from "react";
+
+import { _t } from "../../../../languageHandler";
+import AccessibleButton, { type ButtonEvent } from "../../elements/AccessibleButton";
+import Field from "../../elements/Field";
+import LearnMore from "../../elements/LearnMore";
+import Spinner from "../../elements/Spinner";
+import { Caption } from "../../typography/Caption";
+import Heading from "../../typography/Heading";
+import { type ExtendedDevice } from "./types";
+
+interface Props {
+    device: ExtendedDevice;
+    saveDeviceName: (deviceName: string) => Promise<void>;
+}
+
+const DeviceNameEditor: React.FC<Props & { stopEditing: () => void }> = ({ device, saveDeviceName, stopEditing }) => {
+    const [deviceName, setDeviceName] = useState(device.display_name || "");
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState<string | null>(null);
+
+    useEffect(() => {
+        setDeviceName(device.display_name || "");
+    }, [device.display_name]);
+
+    const onInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => setDeviceName(event.target.value);
+
+    const onSubmit = async (event: ButtonEvent): Promise<void> => {
+        setIsLoading(true);
+        setError(null);
+        event.preventDefault();
+        try {
+            await saveDeviceName(deviceName);
+            stopEditing();
+        } catch {
+            setError(_t("settings|sessions|error_set_name"));
+            setIsLoading(false);
+        }
+    };
+
+    const headingId = `device-rename-${device.device_id}`;
+    const descriptionId = `device-rename-description-${device.device_id}`;
+
+    return (
+        <form className="mx_DeviceDetailHeading_renameForm" onSubmit={onSubmit} method="post">
+            <p id={headingId} className="mx_DeviceDetailHeading_renameFormHeading">
+                {_t("settings|sessions|rename_form_heading")}
+            </p>
+            <div>
+                <Field
+                    data-testid="device-rename-input"
+                    type="text"
+                    value={deviceName}
+                    autoComplete="off"
+                    onChange={onInputChange}
+                    autoFocus
+                    disabled={isLoading}
+                    aria-labelledby={headingId}
+                    aria-describedby={descriptionId}
+                    className="mx_DeviceDetailHeading_renameFormInput"
+                    maxLength={100}
+                />
+                <Caption id={descriptionId}>
+                    {_t("settings|sessions|rename_form_caption")}
+                    <LearnMore
+                        title={_t("settings|sessions|rename_form_learn_more")}
+                        description={
+                            <>
+                                <p>{_t("settings|sessions|rename_form_learn_more_description_1")}</p>
+                                <p>{_t("settings|sessions|rename_form_learn_more_description_2")}</p>
+                            </>
+                        }
+                    />
+                    {!!error && (
+                        <span data-testid="device-rename-error" className="mx_DeviceDetailHeading_renameFormError">
+                            {error}
+                        </span>
+                    )}
+                </Caption>
+            </div>
+            <div className="mx_DeviceDetailHeading_renameFormButtons">
+                <AccessibleButton
+                    onClick={onSubmit}
+                    kind="primary"
+                    data-testid="device-rename-submit-cta"
+                    disabled={isLoading}
+                >
+                    {_t("action|save")}
+                </AccessibleButton>
+                <AccessibleButton
+                    onClick={stopEditing}
+                    kind="secondary"
+                    data-testid="device-rename-cancel-cta"
+                    disabled={isLoading}
+                >
+                    {_t("action|cancel")}
+                </AccessibleButton>
+                {isLoading && <Spinner size={16} />}
+            </div>
+        </form>
+    );
+};
+
+export const DeviceDetailHeading: React.FC<Props> = ({ device, saveDeviceName }) => {
+    const [isEditing, setIsEditing] = useState(false);
+
+    return isEditing ? (
+        <DeviceNameEditor device={device} saveDeviceName={saveDeviceName} stopEditing={() => setIsEditing(false)} />
+    ) : (
+        <div className="mx_DeviceDetailHeading" data-testid="device-detail-heading">
+            <Heading size="4">{device.display_name || device.device_id}</Heading>
+            <AccessibleButton
+                kind="link_inline"
+                onClick={() => setIsEditing(true)}
+                className="mx_DeviceDetailHeading_renameCta"
+                data-testid="device-heading-rename-cta"
+            >
+                {_t("action|rename")}
+            </AccessibleButton>
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/settings/devices/DeviceDetails.tsx b/apps/web/src/components/views/settings/devices/DeviceDetails.tsx
new file mode 100644
index 00000000000..adc8d9270d9
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/DeviceDetails.tsx
@@ -0,0 +1,208 @@
+/*
+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 classNames from "classnames";
+import { type IPusher, PUSHER_ENABLED, type LocalNotificationSettings } from "matrix-js-sdk/src/matrix";
+
+import { formatDate } from "../../../../DateUtils";
+import { _t } from "../../../../languageHandler";
+import AccessibleButton from "../../elements/AccessibleButton";
+import Spinner from "../../elements/Spinner";
+import ToggleSwitch from "../../elements/ToggleSwitch";
+import { DeviceDetailHeading } from "./DeviceDetailHeading";
+import { DeviceVerificationStatusCard } from "./DeviceVerificationStatusCard";
+import { type ExtendedDevice } from "./types";
+import { getManageDeviceUrl } from "../../../../utils/oauth/urls.ts";
+
+interface Props {
+    device: ExtendedDevice;
+    pusher?: IPusher;
+    localNotificationSettings?: LocalNotificationSettings;
+    isSigningOut: boolean;
+    onVerifyDevice?: () => void;
+    onSignOutDevice: () => void;
+    saveDeviceName: (deviceName: string) => Promise<void>;
+    setPushNotifications?: (deviceId: string, enabled: boolean) => Promise<void>;
+    supportsMSC3881?: boolean;
+    className?: string;
+    isCurrentDevice?: boolean;
+    accountManagementEndpoint?: string;
+    accountManagementActionsSupported?: string[];
+}
+
+interface MetadataTable {
+    id: string;
+    heading?: string;
+    values: { label: string; value?: string | React.ReactNode }[];
+}
+
+function isPushNotificationsEnabled(pusher?: IPusher, notificationSettings?: LocalNotificationSettings): boolean {
+    if (pusher) return !!pusher[PUSHER_ENABLED.name];
+    if (notificationSettings) return !notificationSettings.is_silenced;
+    return true;
+}
+
+function isCheckboxDisabled(
+    pusher?: IPusher,
+    notificationSettings?: LocalNotificationSettings,
+    supportsMSC3881?: boolean,
+): boolean {
+    if (notificationSettings) return false;
+    if (pusher && !supportsMSC3881) return true;
+    return false;
+}
+
+const DeviceDetails: React.FC<Props> = ({
+    device,
+    pusher,
+    localNotificationSettings,
+    isSigningOut,
+    onVerifyDevice,
+    onSignOutDevice,
+    saveDeviceName,
+    setPushNotifications,
+    supportsMSC3881,
+    className,
+    isCurrentDevice,
+    accountManagementEndpoint,
+    accountManagementActionsSupported,
+}) => {
+    const metadata: MetadataTable[] = [
+        {
+            id: "session",
+            values: [
+                { label: _t("settings|sessions|session_id"), value: device.device_id },
+                {
+                    label: _t("settings|sessions|last_activity"),
+                    value: device.last_seen_ts && formatDate(new Date(device.last_seen_ts)),
+                },
+            ],
+        },
+        {
+            id: "application",
+            heading: _t("common|application"),
+            values: [
+                { label: _t("common|name"), value: device.appName },
+                { label: _t("common|version"), value: device.appVersion },
+                { label: _t("settings|sessions|url"), value: device.url },
+            ],
+        },
+        {
+            id: "device",
+            heading: _t("common|device"),
+            values: [{ label: _t("settings|sessions|ip"), value: device.last_seen_ip }],
+        },
+    ]
+        .map((section) =>
+            // filter out falsy values
+            ({ ...section, values: section.values.filter((row) => !!row.value) }),
+        )
+        .filter(
+            (section) =>
+                // then filter out sections with no values
+                section.values.length,
+        );
+
+    const showPushNotificationSection = !!pusher || !!localNotificationSettings;
+
+    return (
+        <div className={classNames("mx_DeviceDetails", className)} data-testid={`device-detail-${device.device_id}`}>
+            <section className="mx_DeviceDetails_section">
+                <DeviceDetailHeading device={device} saveDeviceName={saveDeviceName} />
+                <DeviceVerificationStatusCard
+                    device={device}
+                    onVerifyDevice={onVerifyDevice}
+                    isCurrentDevice={isCurrentDevice}
+                />
+            </section>
+            {!accountManagementEndpoint && (
+                <section className="mx_DeviceDetails_section">
+                    <p className="mx_DeviceDetails_sectionHeading">{_t("settings|sessions|details_heading")}</p>
+                    {metadata.map(({ heading, values, id }) => (
+                        <table
+                            className="mx_DeviceDetails_metadataTable"
+                            key={id}
+                            data-testid={`device-detail-metadata-${id}`}
+                        >
+                            {heading && (
+                                <thead>
+                                    <tr>
+                                        <th>{heading}</th>
+                                    </tr>
+                                </thead>
+                            )}
+                            <tbody>
+                                {values.map(({ label, value }) => (
+                                    <tr key={label}>
+                                        <td className="mxDeviceDetails_metadataLabel">{label}</td>
+                                        <td className="mxDeviceDetails_metadataValue">{value}</td>
+                                    </tr>
+                                ))}
+                            </tbody>
+                        </table>
+                    ))}
+                </section>
+            )}
+            {showPushNotificationSection && (
+                <section
+                    className="mx_DeviceDetails_section mx_DeviceDetails_pushNotifications"
+                    data-testid="device-detail-push-notification"
+                >
+                    <ToggleSwitch
+                        // For backwards compatibility, if `enabled` is missing
+                        // default to `true`
+                        checked={isPushNotificationsEnabled(pusher, localNotificationSettings)}
+                        disabled={isCheckboxDisabled(pusher, localNotificationSettings, supportsMSC3881)}
+                        onChange={(checked) => setPushNotifications?.(device.device_id, checked)}
+                        title={_t("settings|sessions|push_toggle")}
+                        data-testid="device-detail-push-notification-checkbox"
+                    />
+                    <p className="mx_DeviceDetails_sectionHeading">
+                        {_t("settings|sessions|push_heading")}
+                        <small className="mx_DeviceDetails_sectionSubheading">
+                            {_t("settings|sessions|push_subheading")}
+                        </small>
+                    </p>
+                </section>
+            )}
+            <section className="mx_DeviceDetails_section">
+                {accountManagementEndpoint && !isCurrentDevice ? (
+                    <AccessibleButton
+                        element="a"
+                        onClick={null}
+                        kind="link_inline"
+                        href={getManageDeviceUrl(
+                            accountManagementEndpoint,
+                            accountManagementActionsSupported,
+                            device.device_id,
+                        )}
+                        target="_blank"
+                        data-testid="device-detail-sign-out-cta"
+                    >
+                        <span className="mx_DeviceDetails_signOutButtonContent">{_t("settings|sessions|manage")}</span>
+                    </AccessibleButton>
+                ) : (
+                    <AccessibleButton
+                        onClick={onSignOutDevice}
+                        kind="danger_inline"
+                        disabled={isSigningOut}
+                        data-testid="device-detail-sign-out-cta"
+                    >
+                        <span className="mx_DeviceDetails_signOutButtonContent">
+                            {_t("settings|sessions|sign_out")}
+                            {isSigningOut && <Spinner size={16} />}
+                        </span>
+                    </AccessibleButton>
+                )}
+            </section>
+        </div>
+    );
+};
+
+export default DeviceDetails;
diff --git a/apps/web/src/components/views/settings/devices/DeviceExpandDetailsButton.tsx b/apps/web/src/components/views/settings/devices/DeviceExpandDetailsButton.tsx
new file mode 100644
index 00000000000..dfa188cf692
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/DeviceExpandDetailsButton.tsx
@@ -0,0 +1,41 @@
+/*
+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 classNames from "classnames";
+import React, { type JSX } from "react";
+import { ChevronDownIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../../languageHandler";
+import AccessibleButton, { type ButtonProps } from "../../elements/AccessibleButton";
+
+type Props<T extends keyof HTMLElementTagNameMap> = Omit<
+    ButtonProps<T>,
+    "aria-label" | "title" | "kind" | "className" | "element" | "ref"
+> & {
+    isExpanded: boolean;
+};
+
+export const DeviceExpandDetailsButton = <T extends keyof HTMLElementTagNameMap>({
+    isExpanded,
+    ...rest
+}: Props<T>): JSX.Element => {
+    const label = isExpanded ? _t("settings|sessions|hide_details") : _t("settings|sessions|show_details");
+    return (
+        <AccessibleButton
+            {...rest}
+            aria-label={label}
+            title={label}
+            kind="icon"
+            className={classNames("mx_DeviceExpandDetailsButton", {
+                mx_DeviceExpandDetailsButton_expanded: isExpanded,
+            })}
+        >
+            <ChevronDownIcon className="mx_DeviceExpandDetailsButton_icon" />
+        </AccessibleButton>
+    );
+};
diff --git a/apps/web/src/components/views/settings/devices/DeviceMetaData.tsx b/apps/web/src/components/views/settings/devices/DeviceMetaData.tsx
new file mode 100644
index 00000000000..c49669046eb
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/DeviceMetaData.tsx
@@ -0,0 +1,82 @@
+/*
+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, { Fragment } from "react";
+
+import InactiveIcon from "../../../../../res/img/element-icons/settings/inactive.svg?react";
+import { INACTIVE_DEVICE_AGE_DAYS, isDeviceInactive } from "../../../../components/views/settings/devices/filter";
+import { type ExtendedDevice } from "../../../../components/views/settings/devices/types";
+import { formatDate, formatRelativeTime } from "../../../../DateUtils";
+import { _t } from "../../../../languageHandler";
+
+interface Props {
+    device: ExtendedDevice;
+}
+
+const MS_DAY = 24 * 60 * 60 * 1000;
+const MS_6_DAYS = 6 * MS_DAY;
+const formatLastActivity = (timestamp: number, now = new Date().getTime()): string => {
+    // less than a week ago
+    if (timestamp + MS_6_DAYS >= now) {
+        const date = new Date(timestamp);
+        // Tue 20:15
+        return formatDate(date);
+    }
+    return formatRelativeTime(new Date(timestamp));
+};
+
+const getInactiveMetadata = (device: ExtendedDevice): { id: string; value: React.ReactNode } | undefined => {
+    const isInactive = isDeviceInactive(device);
+
+    if (!isInactive || !device.last_seen_ts) {
+        return undefined;
+    }
+
+    return {
+        id: "inactive",
+        value: (
+            <>
+                <InactiveIcon className="mx_DeviceTile_inactiveIcon" />
+                {_t("settings|sessions|inactive_days", { inactiveAgeDays: INACTIVE_DEVICE_AGE_DAYS }) +
+                    ` (${formatLastActivity(device.last_seen_ts)})`}
+            </>
+        ),
+    };
+};
+
+const DeviceMetaDatum: React.FC<{ value: string | React.ReactNode; id: string }> = ({ value, id }) =>
+    value ? <span data-testid={`device-metadata-${id}`}>{value}</span> : null;
+
+export const DeviceMetaData: React.FC<Props> = ({ device }) => {
+    const inactive = getInactiveMetadata(device);
+    const lastActivity =
+        device.last_seen_ts && `${_t("settings|sessions|last_activity")} ${formatLastActivity(device.last_seen_ts)}`;
+    const verificationStatus = device.isVerified ? _t("common|verified") : _t("common|unverified");
+    // if device is inactive, don't display last activity or verificationStatus
+    const metadata = inactive
+        ? [inactive, { id: "lastSeenIp", value: device.last_seen_ip }]
+        : [
+              { id: "isVerified", value: verificationStatus },
+              { id: "lastActivity", value: lastActivity },
+              { id: "lastSeenIp", value: device.last_seen_ip },
+              { id: "deviceId", value: device.device_id },
+          ];
+
+    return (
+        <>
+            {metadata.map(({ id, value }, index) =>
+                !!value ? (
+                    <Fragment key={id}>
+                        {!!index && " · "}
+                        <DeviceMetaDatum id={id} value={value} />
+                    </Fragment>
+                ) : null,
+            )}
+        </>
+    );
+};
diff --git a/apps/web/src/components/views/settings/devices/DeviceSecurityCard.tsx b/apps/web/src/components/views/settings/devices/DeviceSecurityCard.tsx
new file mode 100644
index 00000000000..af468c8ec83
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/DeviceSecurityCard.tsx
@@ -0,0 +1,52 @@
+/*
+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 classNames from "classnames";
+import React from "react";
+import { ShieldIcon, ErrorSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import InactiveIcon from "../../../../../res/img/element-icons/settings/inactive.svg?react";
+import { DeviceSecurityVariation } from "./types";
+
+interface Props {
+    variation: DeviceSecurityVariation;
+    heading: string;
+    description: string | React.ReactNode;
+    children?: React.ReactNode;
+}
+
+const VariationIcon: Record<DeviceSecurityVariation, React.FC<React.SVGProps<SVGSVGElement>>> = {
+    [DeviceSecurityVariation.Inactive]: InactiveIcon,
+    [DeviceSecurityVariation.Verified]: ShieldIcon,
+    [DeviceSecurityVariation.Unverified]: ErrorSolidIcon,
+    [DeviceSecurityVariation.Unverifiable]: ErrorSolidIcon,
+};
+
+const DeviceSecurityIcon: React.FC<{ variation: DeviceSecurityVariation }> = ({ variation }) => {
+    const Icon = VariationIcon[variation];
+    return (
+        <div className={classNames("mx_DeviceSecurityCard_icon", variation)}>
+            <Icon height={16} width={16} />
+        </div>
+    );
+};
+
+const DeviceSecurityCard: React.FC<Props> = ({ variation, heading, description, children }) => {
+    return (
+        <div className="mx_DeviceSecurityCard">
+            <DeviceSecurityIcon variation={variation} />
+            <div className="mx_DeviceSecurityCard_content">
+                <p className="mx_DeviceSecurityCard_heading">{heading}</p>
+                <p className="mx_DeviceSecurityCard_description">{description}</p>
+                {!!children && <div className="mx_DeviceSecurityCard_actions">{children}</div>}
+            </div>
+        </div>
+    );
+};
+
+export default DeviceSecurityCard;
diff --git a/apps/web/src/components/views/settings/devices/DeviceSecurityLearnMore.tsx b/apps/web/src/components/views/settings/devices/DeviceSecurityLearnMore.tsx
new file mode 100644
index 00000000000..3dbc7d6123d
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/DeviceSecurityLearnMore.tsx
@@ -0,0 +1,73 @@
+/*
+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 ComponentProps } from "react";
+
+import { _t } from "../../../../languageHandler";
+import LearnMore from "../../elements/LearnMore";
+import { DeviceSecurityVariation } from "./types";
+
+type Props = Omit<ComponentProps<typeof LearnMore>, "title" | "description"> & {
+    variation: DeviceSecurityVariation;
+};
+
+const securityCardContent: Record<
+    DeviceSecurityVariation,
+    {
+        title: string;
+        description: React.ReactNode | string;
+    }
+> = {
+    [DeviceSecurityVariation.Verified]: {
+        title: _t("settings|sessions|verified_sessions"),
+        description: (
+            <>
+                <p>{_t("settings|sessions|verified_sessions_explainer_1")}</p>
+                <p>{_t("settings|sessions|verified_sessions_explainer_2")}</p>
+            </>
+        ),
+    },
+    [DeviceSecurityVariation.Unverified]: {
+        title: _t("settings|sessions|unverified_sessions"),
+        description: (
+            <>
+                <p>{_t("settings|sessions|unverified_sessions_explainer_1")}</p>
+                <p>{_t("settings|sessions|unverified_sessions_explainer_2")}</p>
+            </>
+        ),
+    },
+    // unverifiable uses single-session case
+    // because it is only ever displayed on a single session detail
+    [DeviceSecurityVariation.Unverifiable]: {
+        title: _t("settings|sessions|unverified_session"),
+        description: (
+            <>
+                <p>{_t("settings|sessions|unverified_session_explainer_1")}</p>
+                <p>{_t("settings|sessions|unverified_session_explainer_2")}</p>
+                <p>{_t("settings|sessions|unverified_session_explainer_3")}</p>
+            </>
+        ),
+    },
+    [DeviceSecurityVariation.Inactive]: {
+        title: _t("settings|sessions|inactive_sessions"),
+        description: (
+            <>
+                <p>{_t("settings|sessions|inactive_sessions_explainer_1")}</p>
+                <p>{_t("settings|sessions|inactive_sessions_explainer_2")}</p>
+            </>
+        ),
+    },
+};
+
+/**
+ * LearnMore with content for device security warnings
+ */
+export const DeviceSecurityLearnMore: React.FC<Props> = ({ variation }) => {
+    const { title, description } = securityCardContent[variation];
+    return <LearnMore title={title} description={description} />;
+};
diff --git a/apps/web/src/components/views/settings/devices/DeviceTile.tsx b/apps/web/src/components/views/settings/devices/DeviceTile.tsx
new file mode 100644
index 00000000000..5c3f8ed2605
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/DeviceTile.tsx
@@ -0,0 +1,58 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 classNames from "classnames";
+
+import Heading from "../../typography/Heading";
+import { type ExtendedDevice } from "./types";
+import { DeviceTypeIcon } from "./DeviceTypeIcon";
+import { preventDefaultWrapper } from "../../../../utils/NativeEventUtils";
+import { DeviceMetaData } from "./DeviceMetaData";
+import { DeviceType } from "../../../../utils/device/parseUserAgent.ts";
+export interface DeviceTileProps {
+    device: ExtendedDevice;
+    isSelected?: boolean;
+    children?: React.ReactNode;
+    onClick?: () => void;
+}
+
+const DeviceTileName: React.FC<{ device: ExtendedDevice }> = ({ device }) => {
+    return (
+        <Heading as="h3" size="4">
+            {device.display_name || device.device_id}
+        </Heading>
+    );
+};
+
+const DeviceTile: React.FC<DeviceTileProps> = ({ device, children, isSelected, onClick }) => {
+    return (
+        // We break the rule here as this is a mouse-only shortcut
+        // oxlint-disable-next-line jsx-a11y/click-events-have-key-events
+        <div
+            className={classNames("mx_DeviceTile", { mx_DeviceTile_interactive: !!onClick })}
+            data-testid={`device-tile-${device.device_id}`}
+            onClick={onClick}
+        >
+            <DeviceTypeIcon isVerified={device.isVerified} isSelected={isSelected} deviceType={DeviceType.Unknown} />
+            <div className="mx_DeviceTile_info">
+                <DeviceTileName device={device} />
+                <div className="mx_DeviceTile_metadata">
+                    <DeviceMetaData device={device} />
+                </div>
+            </div>
+            {/* We break the rule here as this is a mouse-only interaction */}
+            {/* oxlint-disable-next-line jsx-a11y/click-events-have-key-events */}
+            <div className="mx_DeviceTile_actions" onClick={preventDefaultWrapper(() => {})}>
+                {children}
+            </div>
+        </div>
+    );
+};
+
+export default DeviceTile;
diff --git a/apps/web/src/components/views/settings/devices/DeviceTypeIcon.tsx b/apps/web/src/components/views/settings/devices/DeviceTypeIcon.tsx
new file mode 100644
index 00000000000..836a2a2da85
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/DeviceTypeIcon.tsx
@@ -0,0 +1,70 @@
+/*
+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 classNames from "classnames";
+import {
+    ShieldIcon,
+    ErrorSolidIcon,
+    ComputerIcon,
+    MobileIcon,
+    WebBrowserIcon,
+    DevicesIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t, _td } from "../../../../languageHandler";
+import { type ExtendedDevice } from "./types";
+import { DeviceType } from "../../../../utils/device/parseUserAgent";
+
+interface Props {
+    isVerified?: ExtendedDevice["isVerified"];
+    isSelected?: boolean;
+    deviceType?: DeviceType;
+}
+
+const deviceTypeIcon: Record<DeviceType, React.FC<React.SVGProps<SVGSVGElement>>> = {
+    [DeviceType.Desktop]: ComputerIcon,
+    [DeviceType.Mobile]: MobileIcon,
+    [DeviceType.Web]: WebBrowserIcon,
+    [DeviceType.Unknown]: DevicesIcon,
+};
+const deviceTypeLabel: Record<DeviceType, TranslationKey> = {
+    [DeviceType.Desktop]: _td("settings|sessions|desktop_session"),
+    [DeviceType.Mobile]: _td("settings|sessions|mobile_session"),
+    [DeviceType.Web]: _td("settings|sessions|web_session"),
+    [DeviceType.Unknown]: _td("settings|sessions|unknown_session"),
+};
+
+export const DeviceTypeIcon: React.FC<Props> = ({ isVerified, isSelected, deviceType }) => {
+    const Icon = deviceTypeIcon[deviceType!] || deviceTypeIcon[DeviceType.Unknown];
+    const label = _t(deviceTypeLabel[deviceType!] || deviceTypeLabel[DeviceType.Unknown]);
+    return (
+        <div
+            className={classNames("mx_DeviceTypeIcon", {
+                mx_DeviceTypeIcon_selected: isSelected,
+            })}
+        >
+            <div className="mx_DeviceTypeIcon_deviceIconWrapper">
+                <Icon className="mx_DeviceTypeIcon_deviceIcon" role="img" aria-label={label} />
+            </div>
+            {isVerified ? (
+                <ShieldIcon
+                    className={classNames("mx_DeviceTypeIcon_verificationIcon", "verified")}
+                    role="img"
+                    aria-label={_t("common|verified")}
+                />
+            ) : (
+                <ErrorSolidIcon
+                    className={classNames("mx_DeviceTypeIcon_verificationIcon", "unverified")}
+                    role="img"
+                    aria-label={_t("common|unverified")}
+                />
+            )}
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/settings/devices/DeviceVerificationStatusCard.tsx b/apps/web/src/components/views/settings/devices/DeviceVerificationStatusCard.tsx
new file mode 100644
index 00000000000..87cb9113cac
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/DeviceVerificationStatusCard.tsx
@@ -0,0 +1,95 @@
+/*
+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 { _t } from "../../../../languageHandler";
+import AccessibleButton from "../../elements/AccessibleButton";
+import DeviceSecurityCard from "./DeviceSecurityCard";
+import { DeviceSecurityLearnMore } from "./DeviceSecurityLearnMore";
+import { DeviceSecurityVariation, type ExtendedDevice } from "./types";
+
+export interface DeviceVerificationStatusCardProps {
+    device: ExtendedDevice;
+    isCurrentDevice?: boolean;
+    onVerifyDevice?: () => void;
+}
+
+const getCardProps = (
+    device: ExtendedDevice,
+    isCurrentDevice?: boolean,
+): {
+    variation: DeviceSecurityVariation;
+    heading: string;
+    description: React.ReactNode;
+} => {
+    if (device.isVerified) {
+        const descriptionText = isCurrentDevice
+            ? _t("settings|sessions|device_verified_description_current")
+            : _t("settings|sessions|device_verified_description");
+        return {
+            variation: DeviceSecurityVariation.Verified,
+            heading: _t("settings|sessions|verified_session"),
+            description: (
+                <>
+                    {descriptionText}
+                    <DeviceSecurityLearnMore variation={DeviceSecurityVariation.Verified} />
+                </>
+            ),
+        };
+    }
+    if (device.isVerified === null) {
+        return {
+            variation: DeviceSecurityVariation.Unverified,
+            heading: _t("settings|sessions|unverified_session"),
+            description: (
+                <>
+                    {_t("settings|sessions|unverified_session_explainer_1")}
+                    <DeviceSecurityLearnMore variation={DeviceSecurityVariation.Unverifiable} />
+                </>
+            ),
+        };
+    }
+
+    const descriptionText = isCurrentDevice
+        ? _t("settings|sessions|device_unverified_description_current")
+        : _t("settings|sessions|device_unverified_description");
+    return {
+        variation: DeviceSecurityVariation.Unverified,
+        heading: _t("settings|sessions|unverified_session"),
+        description: (
+            <>
+                {descriptionText}
+                <DeviceSecurityLearnMore variation={DeviceSecurityVariation.Unverified} />
+            </>
+        ),
+    };
+};
+
+export const DeviceVerificationStatusCard: React.FC<DeviceVerificationStatusCardProps> = ({
+    device,
+    isCurrentDevice,
+    onVerifyDevice,
+}) => {
+    const securityCardProps = getCardProps(device, isCurrentDevice);
+
+    return (
+        <DeviceSecurityCard {...securityCardProps}>
+            {/* check for explicit false to exclude unverifiable devices */}
+            {device.isVerified === false && !!onVerifyDevice && (
+                <AccessibleButton
+                    kind="primary"
+                    onClick={onVerifyDevice}
+                    data-testid={`verification-status-button-${device.device_id}`}
+                >
+                    {_t("settings|sessions|verify_session")}
+                </AccessibleButton>
+            )}
+        </DeviceSecurityCard>
+    );
+};
diff --git a/apps/web/src/components/views/settings/devices/FilteredDeviceList.tsx b/apps/web/src/components/views/settings/devices/FilteredDeviceList.tsx
new file mode 100644
index 00000000000..9c78130bde0
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/FilteredDeviceList.tsx
@@ -0,0 +1,391 @@
+/*
+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 JSX, type Ref } from "react";
+import { type IPusher, PUSHER_DEVICE_ID, type LocalNotificationSettings } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../../languageHandler";
+import AccessibleButton from "../../elements/AccessibleButton";
+import { FilterDropdown, type FilterDropdownOption } from "../../elements/FilterDropdown";
+import DeviceDetails from "./DeviceDetails";
+import { DeviceExpandDetailsButton } from "./DeviceExpandDetailsButton";
+import DeviceSecurityCard from "./DeviceSecurityCard";
+import { filterDevicesBySecurityRecommendation, type FilterVariation, INACTIVE_DEVICE_AGE_DAYS } from "./filter";
+import SelectableDeviceTile from "./SelectableDeviceTile";
+import { type DevicesDictionary, DeviceSecurityVariation, type ExtendedDevice } from "./types";
+import { type DevicesState } from "./useOwnDevices";
+import FilteredDeviceListHeader from "./FilteredDeviceListHeader";
+import Spinner from "../../elements/Spinner";
+import { DeviceSecurityLearnMore } from "./DeviceSecurityLearnMore";
+import DeviceTile from "./DeviceTile";
+
+interface Props {
+    devices: DevicesDictionary;
+    pushers: IPusher[];
+    localNotificationSettings: Map<string, LocalNotificationSettings>;
+    expandedDeviceIds: ExtendedDevice["device_id"][];
+    signingOutDeviceIds: ExtendedDevice["device_id"][];
+    selectedDeviceIds: ExtendedDevice["device_id"][];
+    filter?: FilterVariation;
+    onFilterChange: (filter: FilterVariation | undefined) => void;
+    onDeviceExpandToggle: (deviceId: ExtendedDevice["device_id"]) => void;
+    onSignOutDevices: (deviceIds: ExtendedDevice["device_id"][]) => void;
+    saveDeviceName: DevicesState["saveDeviceName"];
+    onRequestDeviceVerification?: (deviceId: ExtendedDevice["device_id"]) => void;
+    setPushNotifications: (deviceId: string, enabled: boolean) => Promise<void>;
+    setSelectedDeviceIds: (deviceIds: ExtendedDevice["device_id"][]) => void;
+    supportsMSC3881?: boolean | undefined;
+    /**
+     * If the user's account is managed externally then sessions must be signed out individually
+     * Removes checkboxes and multi selection header
+     * Removes session info as that can be seen in the account management
+     * Changes sign out button to be a manage button
+     */
+    accountManagementEndpoint?: string;
+    accountManagementActionsSupported?: string[];
+    ref?: Ref<HTMLDivElement>;
+}
+
+const isDeviceSelected = (
+    deviceId: ExtendedDevice["device_id"],
+    selectedDeviceIds: ExtendedDevice["device_id"][],
+): boolean => selectedDeviceIds.includes(deviceId);
+
+// devices without timestamp metadata should be sorted last
+const sortDevicesByLatestActivityThenDisplayName = (left: ExtendedDevice, right: ExtendedDevice): number =>
+    (right.last_seen_ts || 0) - (left.last_seen_ts || 0) ||
+    (left.display_name || left.device_id).localeCompare(right.display_name || right.device_id);
+
+const getFilteredSortedDevices = (devices: DevicesDictionary, filter?: FilterVariation): ExtendedDevice[] =>
+    filterDevicesBySecurityRecommendation(Object.values(devices), filter ? [filter] : []).sort(
+        sortDevicesByLatestActivityThenDisplayName,
+    );
+
+const ALL_FILTER_ID = "ALL";
+type DeviceFilterKey = FilterVariation | typeof ALL_FILTER_ID;
+
+const isSecurityVariation = (filter?: DeviceFilterKey): filter is FilterVariation =>
+    !!filter &&
+    (
+        [
+            DeviceSecurityVariation.Inactive,
+            DeviceSecurityVariation.Unverified,
+            DeviceSecurityVariation.Verified,
+        ] as string[]
+    ).includes(filter);
+
+const FilterSecurityCard: React.FC<{ filter?: DeviceFilterKey }> = ({ filter }) => {
+    if (isSecurityVariation(filter)) {
+        const securityCardContent: Record<
+            DeviceSecurityVariation,
+            {
+                title: string;
+                description: string;
+            }
+        > = {
+            [DeviceSecurityVariation.Verified]: {
+                title: _t("settings|sessions|verified_sessions"),
+                description: _t("settings|sessions|verified_sessions_list_description"),
+            },
+            [DeviceSecurityVariation.Unverified]: {
+                title: _t("settings|sessions|unverified_sessions"),
+                description: _t("settings|sessions|unverified_sessions_list_description"),
+            },
+            [DeviceSecurityVariation.Unverifiable]: {
+                title: _t("settings|sessions|unverified_session"),
+                description: _t("settings|sessions|unverified_session_explainer_1"),
+            },
+            [DeviceSecurityVariation.Inactive]: {
+                title: _t("settings|sessions|inactive_sessions"),
+                description: _t("settings|sessions|inactive_sessions_list_description", {
+                    inactiveAgeDays: INACTIVE_DEVICE_AGE_DAYS,
+                }),
+            },
+        };
+
+        const { title, description } = securityCardContent[filter];
+        return (
+            <div className="mx_FilteredDeviceList_securityCard">
+                <DeviceSecurityCard
+                    variation={filter}
+                    heading={title}
+                    description={
+                        <span>
+                            {description}
+                            <DeviceSecurityLearnMore variation={filter} />
+                        </span>
+                    }
+                />
+            </div>
+        );
+    }
+
+    return null;
+};
+
+const getNoResultsMessage = (filter?: FilterVariation): string => {
+    switch (filter) {
+        case DeviceSecurityVariation.Verified:
+            return _t("settings|sessions|no_verified_sessions");
+        case DeviceSecurityVariation.Unverified:
+            return _t("settings|sessions|no_unverified_sessions");
+        case DeviceSecurityVariation.Inactive:
+            return _t("settings|sessions|no_inactive_sessions");
+        default:
+            return _t("settings|sessions|no_sessions");
+    }
+};
+interface NoResultsProps {
+    filter?: FilterVariation;
+    clearFilter: () => void;
+}
+const NoResults: React.FC<NoResultsProps> = ({ filter, clearFilter }) => (
+    <div className="mx_FilteredDeviceList_noResults">
+        {getNoResultsMessage(filter)}
+        {
+            /* No clear filter button when filter is falsy (ie 'All') */
+            !!filter && (
+                <>
+                    &nbsp;
+                    <AccessibleButton kind="link_inline" onClick={clearFilter} data-testid="devices-clear-filter-btn">
+                        {_t("action|show_all")}
+                    </AccessibleButton>
+                </>
+            )
+        }
+    </div>
+);
+
+const DeviceListItem: React.FC<{
+    device: ExtendedDevice;
+    pusher?: IPusher | undefined;
+    localNotificationSettings?: LocalNotificationSettings | undefined;
+    isExpanded: boolean;
+    isSigningOut: boolean;
+    isSelected: boolean;
+    onDeviceExpandToggle: () => void;
+    onSignOutDevice: () => void;
+    saveDeviceName: (deviceName: string) => Promise<void>;
+    onRequestDeviceVerification?: () => void;
+    toggleSelected: () => void;
+    setPushNotifications: (deviceId: string, enabled: boolean) => Promise<void>;
+    supportsMSC3881?: boolean | undefined;
+    isSelectDisabled?: boolean;
+    accountManagementEndpoint?: string;
+    accountManagementActionsSupported?: string[];
+}> = ({
+    device,
+    pusher,
+    localNotificationSettings,
+    isExpanded,
+    isSigningOut,
+    isSelected,
+    onDeviceExpandToggle,
+    onSignOutDevice,
+    saveDeviceName,
+    onRequestDeviceVerification,
+    setPushNotifications,
+    toggleSelected,
+    supportsMSC3881,
+    isSelectDisabled,
+    accountManagementEndpoint,
+    accountManagementActionsSupported,
+}) => {
+    const tileContent = (
+        <>
+            {isSigningOut && <Spinner size={16} />}
+            <DeviceExpandDetailsButton isExpanded={isExpanded} onClick={onDeviceExpandToggle} />
+        </>
+    );
+    return (
+        <li className="mx_FilteredDeviceList_listItem">
+            {isSelectDisabled ? (
+                <DeviceTile device={device} onClick={onDeviceExpandToggle}>
+                    {tileContent}
+                </DeviceTile>
+            ) : (
+                <SelectableDeviceTile
+                    isSelected={isSelected}
+                    onSelect={toggleSelected}
+                    onClick={onDeviceExpandToggle}
+                    device={device}
+                >
+                    {tileContent}
+                </SelectableDeviceTile>
+            )}
+            {isExpanded && (
+                <DeviceDetails
+                    device={device}
+                    pusher={pusher}
+                    localNotificationSettings={localNotificationSettings}
+                    isSigningOut={isSigningOut}
+                    onVerifyDevice={onRequestDeviceVerification}
+                    onSignOutDevice={onSignOutDevice}
+                    saveDeviceName={saveDeviceName}
+                    setPushNotifications={setPushNotifications}
+                    supportsMSC3881={supportsMSC3881}
+                    className="mx_FilteredDeviceList_deviceDetails"
+                    accountManagementEndpoint={accountManagementEndpoint}
+                    accountManagementActionsSupported={accountManagementActionsSupported}
+                />
+            )}
+        </li>
+    );
+};
+
+/**
+ * Filtered list of devices
+ * Sorted by latest activity descending
+ */
+export const FilteredDeviceList = ({
+    devices,
+    pushers,
+    localNotificationSettings,
+    filter,
+    expandedDeviceIds,
+    signingOutDeviceIds,
+    selectedDeviceIds,
+    onFilterChange,
+    onDeviceExpandToggle,
+    saveDeviceName,
+    onSignOutDevices,
+    onRequestDeviceVerification,
+    setPushNotifications,
+    setSelectedDeviceIds,
+    supportsMSC3881,
+    accountManagementEndpoint,
+    accountManagementActionsSupported,
+    ref,
+}: Props): JSX.Element => {
+    const sortedDevices = getFilteredSortedDevices(devices, filter);
+
+    function getPusherForDevice(device: ExtendedDevice): IPusher | undefined {
+        return pushers.find((pusher) => pusher[PUSHER_DEVICE_ID.name] === device.device_id);
+    }
+
+    const toggleSelection = (deviceId: ExtendedDevice["device_id"]): void => {
+        if (isDeviceSelected(deviceId, selectedDeviceIds)) {
+            // remove from selection
+            setSelectedDeviceIds(selectedDeviceIds.filter((id) => id !== deviceId));
+        } else {
+            setSelectedDeviceIds([...selectedDeviceIds, deviceId]);
+        }
+    };
+
+    const options: FilterDropdownOption<DeviceFilterKey>[] = [
+        { id: ALL_FILTER_ID, label: _t("settings|sessions|filter_all") },
+        {
+            id: DeviceSecurityVariation.Verified,
+            label: _t("common|verified"),
+            description: _t("settings|sessions|filter_verified_description"),
+        },
+        {
+            id: DeviceSecurityVariation.Unverified,
+            label: _t("common|unverified"),
+            description: _t("settings|sessions|filter_unverified_description"),
+        },
+        {
+            id: DeviceSecurityVariation.Inactive,
+            label: _t("settings|sessions|filter_inactive"),
+            description: _t("settings|sessions|filter_inactive_description", {
+                inactiveAgeDays: INACTIVE_DEVICE_AGE_DAYS,
+            }),
+        },
+    ];
+
+    const onFilterOptionChange = (filterId: DeviceFilterKey): void => {
+        onFilterChange(filterId === ALL_FILTER_ID ? undefined : filterId);
+    };
+
+    const isAllSelected = selectedDeviceIds.length >= sortedDevices.length;
+    const toggleSelectAll = (): void => {
+        if (isAllSelected) {
+            setSelectedDeviceIds([]);
+        } else {
+            setSelectedDeviceIds(sortedDevices.map((device) => device.device_id));
+        }
+    };
+
+    const isSigningOut = !!signingOutDeviceIds.length;
+
+    return (
+        <div className="mx_FilteredDeviceList" ref={ref}>
+            <FilteredDeviceListHeader
+                selectedDeviceCount={selectedDeviceIds.length}
+                isAllSelected={isAllSelected}
+                toggleSelectAll={toggleSelectAll}
+                isSelectDisabled={!!accountManagementEndpoint}
+            >
+                {selectedDeviceIds.length ? (
+                    <>
+                        <AccessibleButton
+                            data-testid="cancel-selection-cta"
+                            kind="content_inline"
+                            disabled={isSigningOut}
+                            onClick={() => setSelectedDeviceIds([])}
+                            className="mx_FilteredDeviceList_headerButton"
+                        >
+                            {_t("action|cancel")}
+                        </AccessibleButton>
+                        <AccessibleButton
+                            data-testid="sign-out-selection-cta"
+                            kind="danger_inline"
+                            disabled={isSigningOut}
+                            onClick={() => onSignOutDevices(selectedDeviceIds)}
+                            className="mx_FilteredDeviceList_headerButton"
+                        >
+                            {isSigningOut && <Spinner size={16} />}
+                            {_t("settings|sessions|sign_out_n_sessions", { count: selectedDeviceIds.length })}
+                        </AccessibleButton>
+                    </>
+                ) : (
+                    <FilterDropdown<DeviceFilterKey>
+                        id="device-list-filter"
+                        label={_t("settings|sessions|filter_label")}
+                        value={filter || ALL_FILTER_ID}
+                        onOptionChange={onFilterOptionChange}
+                        options={options}
+                        selectedLabel={_t("action|show")}
+                    />
+                )}
+            </FilteredDeviceListHeader>
+            {!!sortedDevices.length ? (
+                <FilterSecurityCard filter={filter} />
+            ) : (
+                <NoResults filter={filter} clearFilter={() => onFilterChange(undefined)} />
+            )}
+            <ol className="mx_FilteredDeviceList_list">
+                {sortedDevices.map((device) => (
+                    <DeviceListItem
+                        key={device.device_id}
+                        device={device}
+                        pusher={getPusherForDevice(device)}
+                        localNotificationSettings={localNotificationSettings.get(device.device_id)}
+                        isExpanded={expandedDeviceIds.includes(device.device_id)}
+                        isSigningOut={signingOutDeviceIds.includes(device.device_id)}
+                        isSelected={isDeviceSelected(device.device_id, selectedDeviceIds)}
+                        isSelectDisabled={!!accountManagementEndpoint}
+                        onDeviceExpandToggle={() => onDeviceExpandToggle(device.device_id)}
+                        onSignOutDevice={() => onSignOutDevices([device.device_id])}
+                        saveDeviceName={(deviceName: string) => saveDeviceName(device.device_id, deviceName)}
+                        onRequestDeviceVerification={
+                            onRequestDeviceVerification
+                                ? () => onRequestDeviceVerification(device.device_id)
+                                : undefined
+                        }
+                        setPushNotifications={setPushNotifications}
+                        toggleSelected={() => toggleSelection(device.device_id)}
+                        supportsMSC3881={supportsMSC3881}
+                        accountManagementEndpoint={accountManagementEndpoint}
+                        accountManagementActionsSupported={accountManagementActionsSupported}
+                    />
+                ))}
+            </ol>
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/settings/devices/FilteredDeviceListHeader.tsx b/apps/web/src/components/views/settings/devices/FilteredDeviceListHeader.tsx
new file mode 100644
index 00000000000..a12f209eba5
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/FilteredDeviceListHeader.tsx
@@ -0,0 +1,55 @@
+/*
+Copyright 2024,2025 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 HTMLProps } from "react";
+import { Tooltip } from "@vector-im/compound-web";
+
+import { _t } from "../../../../languageHandler";
+import StyledCheckbox from "../../elements/StyledCheckbox";
+
+interface Props extends Omit<HTMLProps<HTMLDivElement>, "className"> {
+    selectedDeviceCount: number;
+    isAllSelected: boolean;
+    isSelectDisabled?: boolean;
+    toggleSelectAll: () => void;
+    children?: React.ReactNode;
+}
+
+const FilteredDeviceListHeader: React.FC<Props> = ({
+    selectedDeviceCount,
+    isAllSelected,
+    isSelectDisabled,
+    toggleSelectAll,
+    children,
+    ...rest
+}) => {
+    const checkboxLabel = isAllSelected ? _t("common|deselect_all") : _t("common|select_all");
+    return (
+        <div className="mx_FilteredDeviceListHeader" {...rest}>
+            {!isSelectDisabled && (
+                <Tooltip label={checkboxLabel} placement="top" isTriggerInteractive={false}>
+                    <StyledCheckbox
+                        checked={isAllSelected}
+                        onChange={toggleSelectAll}
+                        id="device-select-all-checkbox"
+                        data-testid="device-select-all-checkbox"
+                        aria-label={checkboxLabel}
+                    />
+                </Tooltip>
+            )}
+            <span className="mx_FilteredDeviceListHeader_label">
+                {selectedDeviceCount > 0
+                    ? _t("settings|sessions|n_sessions_selected", { count: selectedDeviceCount })
+                    : _t("settings|sessions|title")}
+            </span>
+            {children}
+        </div>
+    );
+};
+
+export default FilteredDeviceListHeader;
diff --git a/apps/web/src/components/views/settings/devices/LoginWithQRSection.tsx b/apps/web/src/components/views/settings/devices/LoginWithQRSection.tsx
new file mode 100644
index 00000000000..f7f73b90cab
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/LoginWithQRSection.tsx
@@ -0,0 +1,54 @@
+/*
+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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import QrCodeIcon from "@vector-im/compound-design-tokens/assets/web/icons/qr-code";
+import { Text } from "@vector-im/compound-web";
+import { isSignInWithQRAvailable } from "matrix-js-sdk/src/rendezvous";
+
+import { _t } from "../../../../languageHandler";
+import AccessibleButton from "../../elements/AccessibleButton";
+import { SettingsSubsection } from "../shared/SettingsSubsection";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { useAsyncMemo } from "../../../../hooks/useAsyncMemo";
+
+interface IProps {
+    onShowQr: () => void;
+    isCrossSigningReady?: boolean;
+}
+
+export async function shouldShowQrForLinkNewDevice(cli: MatrixClient, isCrossSigningReady: boolean): Promise<boolean> {
+    const doesServerHaveSupport = await isSignInWithQRAvailable(cli);
+
+    return doesServerHaveSupport && !!cli.getCrypto()?.exportSecretsBundle && isCrossSigningReady;
+}
+
+const LoginWithQRSection: React.FC<IProps> = ({ onShowQr, isCrossSigningReady }) => {
+    const cli = useMatrixClientContext();
+    const offerShowQr = useAsyncMemo(
+        () => shouldShowQrForLinkNewDevice(cli, !!isCrossSigningReady),
+        [cli, isCrossSigningReady],
+        false,
+    );
+
+    return (
+        <SettingsSubsection heading={_t("settings|sessions|sign_in_with_qr")}>
+            <div className="mx_LoginWithQRSection">
+                <p className="mx_SettingsTab_subsectionText">{_t("settings|sessions|sign_in_with_qr_description")}</p>
+                <AccessibleButton onClick={onShowQr} kind="primary" disabled={!offerShowQr}>
+                    <QrCodeIcon height={20} width={20} />
+                    {_t("settings|sessions|sign_in_with_qr_button")}
+                </AccessibleButton>
+                {!offerShowQr && <Text size="sm">{_t("settings|sessions|sign_in_with_qr_unsupported")}</Text>}
+            </div>
+        </SettingsSubsection>
+    );
+};
+
+export default LoginWithQRSection;
diff --git a/apps/web/src/components/views/settings/devices/OtherSessionsSectionHeading.tsx b/apps/web/src/components/views/settings/devices/OtherSessionsSectionHeading.tsx
new file mode 100644
index 00000000000..4615c39daf2
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/OtherSessionsSectionHeading.tsx
@@ -0,0 +1,54 @@
+/*
+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 { _t } from "../../../../languageHandler";
+import { KebabContextMenu } from "../../context_menus/KebabContextMenu";
+import { SettingsSubsectionHeading } from "../shared/SettingsSubsectionHeading";
+import { IconizedContextMenuOption } from "../../context_menus/IconizedContextMenu";
+import { filterBoolean } from "../../../../utils/arrays";
+
+interface Props {
+    // total count of other sessions
+    // excludes current sessions
+    // not affected by filters
+    otherSessionsCount: number;
+    disabled?: boolean;
+    // not provided when sign out all other sessions is not available
+    signOutAllOtherSessions?: () => void;
+}
+
+export const OtherSessionsSectionHeading: React.FC<Props> = ({
+    otherSessionsCount,
+    disabled,
+    signOutAllOtherSessions,
+}) => {
+    const menuOptions = filterBoolean([
+        signOutAllOtherSessions ? (
+            <IconizedContextMenuOption
+                key="sign-out-all-others"
+                label={_t("settings|sessions|sign_out_n_sessions", { count: otherSessionsCount })}
+                onClick={signOutAllOtherSessions}
+                isDestructive
+            />
+        ) : null,
+    ]);
+    return (
+        <SettingsSubsectionHeading heading={_t("settings|sessions|other_sessions_heading")}>
+            {!!menuOptions.length && (
+                <KebabContextMenu
+                    disabled={disabled}
+                    title={_t("common|options")}
+                    options={menuOptions}
+                    data-testid="other-sessions-menu"
+                />
+            )}
+        </SettingsSubsectionHeading>
+    );
+};
diff --git a/apps/web/src/components/views/settings/devices/SecurityRecommendations.tsx b/apps/web/src/components/views/settings/devices/SecurityRecommendations.tsx
new file mode 100644
index 00000000000..8c555ca9c67
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/SecurityRecommendations.tsx
@@ -0,0 +1,98 @@
+/*
+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 { _t } from "../../../../languageHandler";
+import AccessibleButton from "../../elements/AccessibleButton";
+import { SettingsSubsection } from "../shared/SettingsSubsection";
+import DeviceSecurityCard from "./DeviceSecurityCard";
+import { DeviceSecurityLearnMore } from "./DeviceSecurityLearnMore";
+import { filterDevicesBySecurityRecommendation, type FilterVariation, INACTIVE_DEVICE_AGE_DAYS } from "./filter";
+import { DeviceSecurityVariation, type ExtendedDevice, type DevicesDictionary } from "./types";
+
+interface Props {
+    devices: DevicesDictionary;
+    currentDeviceId: ExtendedDevice["device_id"];
+    goToFilteredList: (filter: FilterVariation) => void;
+}
+
+const SecurityRecommendations: React.FC<Props> = ({ devices, currentDeviceId, goToFilteredList }) => {
+    const devicesArray = Object.values<ExtendedDevice>(devices);
+
+    const unverifiedDevicesCount = filterDevicesBySecurityRecommendation(devicesArray, [
+        DeviceSecurityVariation.Unverified,
+    ])
+        // filter out the current device
+        // as unverfied warning and actions
+        // will be shown in current session section
+        .filter((device) => device.device_id !== currentDeviceId).length;
+    const inactiveDevicesCount = filterDevicesBySecurityRecommendation(devicesArray, [
+        DeviceSecurityVariation.Inactive,
+    ]).length;
+
+    if (!(unverifiedDevicesCount | inactiveDevicesCount)) {
+        return null;
+    }
+
+    const inactiveAgeDays = INACTIVE_DEVICE_AGE_DAYS;
+
+    return (
+        <SettingsSubsection
+            heading={_t("settings|sessions|security_recommendations")}
+            description={_t("settings|sessions|security_recommendations_description")}
+            data-testid="security-recommendations-section"
+        >
+            {!!unverifiedDevicesCount && (
+                <DeviceSecurityCard
+                    variation={DeviceSecurityVariation.Unverified}
+                    heading={_t("settings|sessions|unverified_sessions")}
+                    description={
+                        <>
+                            {_t("settings|sessions|unverified_sessions_list_description")}
+                            <DeviceSecurityLearnMore variation={DeviceSecurityVariation.Unverified} />
+                        </>
+                    }
+                >
+                    <AccessibleButton
+                        kind="link_inline"
+                        onClick={() => goToFilteredList(DeviceSecurityVariation.Unverified)}
+                        data-testid="unverified-devices-cta"
+                    >
+                        {_t("action|view_all") + ` (${unverifiedDevicesCount})`}
+                    </AccessibleButton>
+                </DeviceSecurityCard>
+            )}
+            {!!inactiveDevicesCount && (
+                <>
+                    {!!unverifiedDevicesCount && <div className="mx_SecurityRecommendations_spacing" />}
+                    <DeviceSecurityCard
+                        variation={DeviceSecurityVariation.Inactive}
+                        heading={_t("settings|sessions|inactive_sessions")}
+                        description={
+                            <>
+                                {_t("settings|sessions|inactive_sessions_list_description", { inactiveAgeDays })}
+                                <DeviceSecurityLearnMore variation={DeviceSecurityVariation.Inactive} />
+                            </>
+                        }
+                    >
+                        <AccessibleButton
+                            kind="link_inline"
+                            onClick={() => goToFilteredList(DeviceSecurityVariation.Inactive)}
+                            data-testid="inactive-devices-cta"
+                        >
+                            {_t("action|view_all") + ` (${inactiveDevicesCount})`}
+                        </AccessibleButton>
+                    </DeviceSecurityCard>
+                </>
+            )}
+        </SettingsSubsection>
+    );
+};
+
+export default SecurityRecommendations;
diff --git a/apps/web/src/components/views/settings/devices/SelectableDeviceTile.tsx b/apps/web/src/components/views/settings/devices/SelectableDeviceTile.tsx
new file mode 100644
index 00000000000..d80ac3af05e
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/SelectableDeviceTile.tsx
@@ -0,0 +1,38 @@
+/*
+Copyright 2024,2025 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 StyledCheckbox from "../../elements/StyledCheckbox";
+import DeviceTile, { type DeviceTileProps } from "./DeviceTile";
+
+interface Props extends DeviceTileProps {
+    isSelected: boolean;
+    onSelect: () => void;
+    onClick?: () => void;
+}
+
+const SelectableDeviceTile: React.FC<Props> = ({ children, device, isSelected, onSelect, onClick }) => {
+    return (
+        <div className="mx_SelectableDeviceTile">
+            <StyledCheckbox
+                checked={isSelected}
+                onChange={onSelect}
+                className="mx_SelectableDeviceTile_checkbox"
+                id={`device-tile-checkbox-${device.device_id}`}
+                data-testid={`device-tile-checkbox-${device.device_id}`}
+            >
+                <DeviceTile device={device} onClick={onClick} isSelected={isSelected}>
+                    {children}
+                </DeviceTile>
+            </StyledCheckbox>
+        </div>
+    );
+};
+
+export default SelectableDeviceTile;
diff --git a/apps/web/src/components/views/settings/devices/deleteDevices.ts b/apps/web/src/components/views/settings/devices/deleteDevices.ts
new file mode 100644
index 00000000000..894e23e0f7a
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/deleteDevices.ts
@@ -0,0 +1,76 @@
+/*
+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 { type MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+import { type AuthDict, type IAuthData } from "matrix-js-sdk/src/interactive-auth";
+
+import { _t } from "../../../../languageHandler";
+import Modal from "../../../../Modal";
+import { SSOAuthEntry } from "../../auth/InteractiveAuthEntryComponents";
+import InteractiveAuthDialog from "../../dialogs/InteractiveAuthDialog";
+
+const makeDeleteRequest =
+    (matrixClient: MatrixClient, deviceIds: string[]) =>
+    async (auth: AuthDict | null): Promise<IAuthData> => {
+        return matrixClient.deleteMultipleDevices(deviceIds, auth ?? undefined);
+    };
+
+export const deleteDevicesWithInteractiveAuth = async (
+    matrixClient: MatrixClient,
+    deviceIds: string[],
+    onFinished: (success?: boolean) => Promise<void>,
+): Promise<void> => {
+    if (!deviceIds.length) {
+        return;
+    }
+    try {
+        await makeDeleteRequest(matrixClient, deviceIds)(null);
+        // no interactive auth needed
+        await onFinished(true);
+    } catch (error) {
+        if (!(error instanceof MatrixError) || error.httpStatus !== 401 || !error.data?.flows) {
+            // doesn't look like an interactive-auth failure
+            throw error;
+        }
+
+        // pop up an interactive auth dialog
+
+        const numDevices = deviceIds.length;
+        const dialogAesthetics = {
+            [SSOAuthEntry.PHASE_PREAUTH]: {
+                title: _t("auth|uia|sso_title"),
+                body: _t("settings|sessions|confirm_sign_out_sso", {
+                    count: numDevices,
+                }),
+                continueText: _t("auth|sso"),
+                continueKind: "primary",
+            },
+            [SSOAuthEntry.PHASE_POSTAUTH]: {
+                title: _t("settings|sessions|confirm_sign_out", {
+                    count: numDevices,
+                }),
+                body: _t("settings|sessions|confirm_sign_out_body", {
+                    count: numDevices,
+                }),
+                continueText: _t("settings|sessions|confirm_sign_out_continue", { count: numDevices }),
+                continueKind: "danger",
+            },
+        };
+        const { finished } = Modal.createDialog(InteractiveAuthDialog, {
+            title: _t("common|authentication"),
+            matrixClient: matrixClient,
+            authData: error.data as IAuthData,
+            makeRequest: makeDeleteRequest(matrixClient, deviceIds),
+            aestheticsForStagePhases: {
+                [SSOAuthEntry.LOGIN_TYPE]: dialogAesthetics,
+                [SSOAuthEntry.UNSTABLE_LOGIN_TYPE]: dialogAesthetics,
+            },
+        });
+        finished.then(([success]) => onFinished(success));
+    }
+};
diff --git a/apps/web/src/components/views/settings/devices/filter.ts b/apps/web/src/components/views/settings/devices/filter.ts
new file mode 100644
index 00000000000..3712ab4939c
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/filter.ts
@@ -0,0 +1,40 @@
+/*
+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 { type ExtendedDevice, DeviceSecurityVariation } from "./types";
+
+type DeviceFilterCondition = (device: ExtendedDevice) => boolean;
+
+const MS_DAY = 24 * 60 * 60 * 1000;
+export const INACTIVE_DEVICE_AGE_MS = 7.776e9; // 90 days
+export const INACTIVE_DEVICE_AGE_DAYS = INACTIVE_DEVICE_AGE_MS / MS_DAY;
+
+export type FilterVariation =
+    | DeviceSecurityVariation.Verified
+    | DeviceSecurityVariation.Inactive
+    | DeviceSecurityVariation.Unverified;
+
+export const isDeviceInactive: DeviceFilterCondition = (device) =>
+    !!device.last_seen_ts && device.last_seen_ts < Date.now() - INACTIVE_DEVICE_AGE_MS;
+
+const filters: Record<FilterVariation, DeviceFilterCondition> = {
+    [DeviceSecurityVariation.Verified]: (device) => !!device.isVerified,
+    [DeviceSecurityVariation.Unverified]: (device) => !device.isVerified,
+    [DeviceSecurityVariation.Inactive]: isDeviceInactive,
+};
+
+export const filterDevicesBySecurityRecommendation = (
+    devices: ExtendedDevice[],
+    securityVariations: FilterVariation[],
+): ExtendedDevice[] => {
+    const activeFilters = securityVariations.map((variation) => filters[variation]);
+    if (!activeFilters.length) {
+        return devices;
+    }
+    return devices.filter((device) => activeFilters.every((filter) => filter(device)));
+};
diff --git a/apps/web/src/components/views/settings/devices/types.ts b/apps/web/src/components/views/settings/devices/types.ts
new file mode 100644
index 00000000000..04d1ad1bd59
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/types.ts
@@ -0,0 +1,34 @@
+/*
+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 { type IMyDevice } from "matrix-js-sdk/src/matrix";
+
+export type DeviceWithVerification = IMyDevice & {
+    /**
+     * `null` if the device is unknown or has not published encryption keys; otherwise a boolean
+     * indicating whether the device has been cross-signed by a cross-signing key we trust.
+     */
+    isVerified: boolean | null;
+};
+export type ExtendedDeviceAppInfo = {
+    // eg Element Web
+    appName?: string;
+    appVersion?: string;
+    url?: string;
+};
+export type ExtendedDevice = DeviceWithVerification & ExtendedDeviceAppInfo;
+export type DevicesDictionary = Record<ExtendedDevice["device_id"], ExtendedDevice>;
+
+export enum DeviceSecurityVariation {
+    Verified = "Verified",
+    Unverified = "Unverified",
+    Inactive = "Inactive",
+    // sessions that do not support encryption
+    // eg a session that logged in via api to get an access token
+    Unverifiable = "Unverifiable",
+}
diff --git a/apps/web/src/components/views/settings/devices/useOwnDevices.ts b/apps/web/src/components/views/settings/devices/useOwnDevices.ts
new file mode 100644
index 00000000000..b30fb9da657
--- /dev/null
+++ b/apps/web/src/components/views/settings/devices/useOwnDevices.ts
@@ -0,0 +1,248 @@
+/*
+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 { useCallback, useContext, useEffect, useState } from "react";
+import {
+    ClientEvent,
+    type IMyDevice,
+    type IPusher,
+    LOCAL_NOTIFICATION_SETTINGS_PREFIX,
+    type MatrixClient,
+    type MatrixEvent,
+    PUSHER_DEVICE_ID,
+    PUSHER_ENABLED,
+    type MatrixError,
+    type LocalNotificationSettings,
+} from "matrix-js-sdk/src/matrix";
+import { type VerificationRequest, CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../../languageHandler";
+import { getDeviceClientInformation, pruneClientInformation } from "../../../../utils/device/clientInformation";
+import { type DevicesDictionary, type ExtendedDevice, type ExtendedDeviceAppInfo } from "./types";
+import { useEventEmitter } from "../../../../hooks/useEventEmitter";
+import { isDeviceVerified } from "../../../../utils/device/isDeviceVerified";
+import { SDKContext } from "../../../../contexts/SDKContext";
+
+const parseDeviceExtendedInformation = (matrixClient: MatrixClient, device: IMyDevice): ExtendedDeviceAppInfo => {
+    const { name, version, url } = getDeviceClientInformation(matrixClient, device.device_id);
+
+    return {
+        appName: name,
+        appVersion: version,
+        url,
+    };
+};
+
+/**
+ * Fetch extended details of the user's own devices
+ *
+ * @param matrixClient - Matrix Client
+ * @returns A dictionary mapping from device ID to ExtendedDevice
+ */
+export async function fetchExtendedDeviceInformation(matrixClient: MatrixClient): Promise<DevicesDictionary> {
+    const { devices } = await matrixClient.getDevices();
+
+    const devicesDict: DevicesDictionary = {};
+    for (const device of devices) {
+        devicesDict[device.device_id] = {
+            ...device,
+            isVerified: await isDeviceVerified(matrixClient, device.device_id),
+            ...parseDeviceExtendedInformation(matrixClient, device),
+        };
+    }
+    return devicesDict;
+}
+
+export enum OwnDevicesError {
+    Unsupported = "Unsupported",
+    Default = "Default",
+}
+export type DevicesState = {
+    devices: DevicesDictionary;
+    dehydratedDeviceId?: string;
+    pushers: IPusher[];
+    localNotificationSettings: Map<string, LocalNotificationSettings>;
+    currentDeviceId: string;
+    isLoadingDeviceList: boolean;
+    // not provided when current session cannot request verification
+    requestDeviceVerification?: (deviceId: ExtendedDevice["device_id"]) => Promise<VerificationRequest>;
+    refreshDevices: () => Promise<void>;
+    saveDeviceName: (deviceId: ExtendedDevice["device_id"], deviceName: string) => Promise<void>;
+    setPushNotifications: (deviceId: ExtendedDevice["device_id"], enabled: boolean) => Promise<void>;
+    error?: OwnDevicesError;
+    supportsMSC3881?: boolean | undefined;
+};
+export const useOwnDevices = (): DevicesState => {
+    const sdkContext = useContext(SDKContext);
+    const matrixClient = sdkContext.client!;
+
+    const currentDeviceId = matrixClient.getDeviceId()!;
+    const userId = matrixClient.getSafeUserId();
+
+    const [devices, setDevices] = useState<DevicesState["devices"]>({});
+    const [dehydratedDeviceId, setDehydratedDeviceId] = useState<DevicesState["dehydratedDeviceId"]>(undefined);
+    const [pushers, setPushers] = useState<DevicesState["pushers"]>([]);
+    const [localNotificationSettings, setLocalNotificationSettings] = useState<
+        DevicesState["localNotificationSettings"]
+    >(new Map<string, LocalNotificationSettings>());
+    const [isLoadingDeviceList, setIsLoadingDeviceList] = useState(true);
+    const [supportsMSC3881, setSupportsMSC3881] = useState(true); // optimisticly saying yes!
+
+    const [error, setError] = useState<OwnDevicesError>();
+
+    useEffect(() => {
+        matrixClient.doesServerSupportUnstableFeature("org.matrix.msc3881").then((hasSupport) => {
+            setSupportsMSC3881(hasSupport);
+        });
+    }, [matrixClient]);
+
+    const refreshDevices = useCallback(async (): Promise<void> => {
+        setIsLoadingDeviceList(true);
+        try {
+            const devices = await fetchExtendedDeviceInformation(matrixClient);
+            setDevices(devices);
+
+            const { pushers } = await matrixClient.getPushers();
+            setPushers(pushers);
+
+            const notificationSettings = new Map<string, LocalNotificationSettings>();
+            Object.keys(devices).forEach((deviceId) => {
+                const eventType = `${LOCAL_NOTIFICATION_SETTINGS_PREFIX.name}.${deviceId}` as const;
+                const event = matrixClient.getAccountData(eventType);
+                if (event) {
+                    notificationSettings.set(deviceId, event.getContent());
+                }
+            });
+            setLocalNotificationSettings(notificationSettings);
+
+            const ownUserId = matrixClient.getUserId()!;
+            const userDevices = (await matrixClient.getCrypto()?.getUserDeviceInfo([ownUserId]))?.get(ownUserId);
+            const dehydratedDeviceIds: string[] = [];
+            for (const device of userDevices?.values() ?? []) {
+                if (device.dehydrated) {
+                    dehydratedDeviceIds.push(device.deviceId);
+                }
+            }
+            // If the user has exactly one device marked as dehydrated, we consider
+            // that as the dehydrated device, and hide it as a normal device (but
+            // indicate that the user is using a dehydrated device).  If the user has
+            // more than one, that is anomalous, and we show all the devices so that
+            // nothing is hidden.
+            setDehydratedDeviceId(dehydratedDeviceIds.length == 1 ? dehydratedDeviceIds[0] : undefined);
+
+            setIsLoadingDeviceList(false);
+        } catch (error) {
+            if ((error as MatrixError).httpStatus == 404) {
+                // 404 probably means the HS doesn't yet support the API.
+                setError(OwnDevicesError.Unsupported);
+            } else {
+                logger.error("Error loading sessions:", error);
+                setError(OwnDevicesError.Default);
+            }
+            setIsLoadingDeviceList(false);
+        }
+    }, [matrixClient]);
+
+    useEffect(() => {
+        refreshDevices();
+    }, [refreshDevices]);
+
+    useEffect(() => {
+        const deviceIds = Object.keys(devices);
+        // empty devices means devices have not been fetched yet
+        // as there is always at least the current device
+        if (deviceIds.length) {
+            pruneClientInformation(deviceIds, matrixClient);
+        }
+    }, [devices, matrixClient]);
+
+    useEventEmitter(matrixClient, CryptoEvent.DevicesUpdated, (users: string[]): void => {
+        if (users.includes(userId)) {
+            refreshDevices();
+        }
+    });
+
+    useEventEmitter(matrixClient, ClientEvent.AccountData, (event: MatrixEvent): void => {
+        const type = event.getType();
+        if (type.startsWith(LOCAL_NOTIFICATION_SETTINGS_PREFIX.name)) {
+            const newSettings = new Map(localNotificationSettings);
+            const deviceId = type.slice(type.lastIndexOf(".") + 1);
+            newSettings.set(deviceId, event.getContent<LocalNotificationSettings>());
+            setLocalNotificationSettings(newSettings);
+        }
+    });
+
+    const isCurrentDeviceVerified = !!devices[currentDeviceId]?.isVerified;
+
+    const requestDeviceVerification =
+        isCurrentDeviceVerified && userId
+            ? async (deviceId: ExtendedDevice["device_id"]): Promise<VerificationRequest> => {
+                  return await matrixClient.getCrypto()!.requestDeviceVerification(userId, deviceId);
+              }
+            : undefined;
+
+    const saveDeviceName = useCallback(
+        async (deviceId: ExtendedDevice["device_id"], deviceName: string): Promise<void> => {
+            const device = devices[deviceId];
+
+            // no change
+            if (deviceName === device?.display_name) {
+                return;
+            }
+
+            try {
+                await matrixClient.setDeviceDetails(deviceId, { display_name: deviceName });
+                await refreshDevices();
+            } catch (error) {
+                logger.error("Error setting device name", error);
+                throw new Error(_t("settings|sessions|error_set_name"));
+            }
+        },
+        [matrixClient, devices, refreshDevices],
+    );
+
+    const setPushNotifications = useCallback(
+        async (deviceId: ExtendedDevice["device_id"], enabled: boolean): Promise<void> => {
+            try {
+                const pusher = pushers.find((pusher) => pusher[PUSHER_DEVICE_ID.name] === deviceId);
+                if (pusher) {
+                    await matrixClient.setPusher({
+                        ...pusher,
+                        [PUSHER_ENABLED.name]: enabled,
+                    });
+                } else if (localNotificationSettings.has(deviceId)) {
+                    await matrixClient.setLocalNotificationSettings(deviceId, {
+                        is_silenced: !enabled,
+                    });
+                }
+            } catch (error) {
+                logger.error("Error setting pusher state", error);
+                throw new Error(_t("settings|sessions|error_pusher_state"));
+            } finally {
+                await refreshDevices();
+            }
+        },
+        [matrixClient, pushers, localNotificationSettings, refreshDevices],
+    );
+
+    return {
+        devices,
+        dehydratedDeviceId,
+        pushers,
+        localNotificationSettings,
+        currentDeviceId,
+        isLoadingDeviceList,
+        error,
+        requestDeviceVerification,
+        refreshDevices,
+        saveDeviceName,
+        setPushNotifications,
+        supportsMSC3881,
+    };
+};
diff --git a/apps/web/src/components/views/settings/discovery/DiscoverySettings.tsx b/apps/web/src/components/views/settings/discovery/DiscoverySettings.tsx
new file mode 100644
index 00000000000..db66c93888c
--- /dev/null
+++ b/apps/web/src/components/views/settings/discovery/DiscoverySettings.tsx
@@ -0,0 +1,185 @@
+/*
+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.
+*/
+
+import React, { useCallback, useEffect, useState } from "react";
+import { SERVICE_TYPES, ThreepidMedium } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { Alert } from "@vector-im/compound-web";
+
+import { getThreepidsWithBindStatus } from "../../../../boundThreepids";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { type ThirdPartyIdentifier } from "../../../../AddThreepid";
+import { _t } from "../../../../languageHandler";
+import SetIdServer from "../SetIdServer";
+import { SettingsSubsection } from "../shared/SettingsSubsection";
+import InlineTermsAgreement from "../../terms/InlineTermsAgreement";
+import { Service, type ServicePolicyPair, startTermsFlow } from "../../../../Terms";
+import IdentityAuthClient from "../../../../IdentityAuthClient";
+import { abbreviateUrl } from "../../../../utils/UrlUtils";
+import { useDispatcher } from "../../../../hooks/useDispatcher";
+import defaultDispatcher from "../../../../dispatcher/dispatcher";
+import { type ActionPayload } from "../../../../dispatcher/payloads";
+import { AddRemoveThreepids } from "../AddRemoveThreepids";
+
+type RequiredPolicyInfo =
+    | {
+          // This object is passed along to a component for handling
+          policiesAndServices: null; // From the startTermsFlow callback
+          agreedUrls: null; // From the startTermsFlow callback
+          resolve: null; // Promise resolve function for startTermsFlow callback
+      }
+    | {
+          policiesAndServices: ServicePolicyPair[];
+          agreedUrls: string[];
+          resolve: (values: string[]) => void;
+      };
+
+/**
+ * Settings controlling how a user's email addreses and phone numbers can be used to discover them
+ */
+export const DiscoverySettings: React.FC = () => {
+    const client = useMatrixClientContext();
+
+    const [isLoadingThreepids, setIsLoadingThreepids] = useState<boolean>(true);
+    const [emails, setEmails] = useState<ThirdPartyIdentifier[]>([]);
+    const [phoneNumbers, setPhoneNumbers] = useState<ThirdPartyIdentifier[]>([]);
+    const [idServerName, setIdServerName] = useState<string | undefined>(abbreviateUrl(client.getIdentityServerUrl()));
+
+    const [requiredPolicyInfo, setRequiredPolicyInfo] = useState<RequiredPolicyInfo>({
+        // This object is passed along to a component for handling
+        policiesAndServices: null, // From the startTermsFlow callback
+        agreedUrls: null, // From the startTermsFlow callback
+        resolve: null, // Promise resolve function for startTermsFlow callback
+    });
+    const [mustAgreeToTerms, setMustAgreeToTerms] = useState<boolean>(false);
+
+    const getThreepidState = useCallback(async () => {
+        setIsLoadingThreepids(true);
+        const threepids = await getThreepidsWithBindStatus(client);
+        setEmails(threepids.filter((a) => a.medium === ThreepidMedium.Email));
+        setPhoneNumbers(threepids.filter((a) => a.medium === ThreepidMedium.Phone));
+        setIsLoadingThreepids(false);
+    }, [client]);
+
+    useDispatcher(
+        defaultDispatcher,
+        useCallback(
+            (payload: ActionPayload) => {
+                if (payload.action === "id_server_changed") {
+                    setIdServerName(abbreviateUrl(client.getIdentityServerUrl()));
+
+                    getThreepidState();
+                }
+            },
+            [client, getThreepidState],
+        ),
+    );
+
+    useEffect(() => {
+        (async () => {
+            try {
+                await getThreepidState();
+
+                // By starting the terms flow we get the logic for checking which terms the user has signed
+                // for free. So we might as well use that for our own purposes.
+                const idServerUrl = client.getIdentityServerUrl();
+                if (!idServerUrl) {
+                    return;
+                }
+
+                const authClient = new IdentityAuthClient();
+                try {
+                    const idAccessToken = await authClient.getAccessToken({ check: false });
+                    await startTermsFlow(
+                        client,
+                        [new Service(SERVICE_TYPES.IS, idServerUrl, idAccessToken!)],
+                        (policiesAndServices, agreedUrls, extraClassNames) => {
+                            return new Promise((resolve) => {
+                                setIdServerName(abbreviateUrl(idServerUrl));
+                                setMustAgreeToTerms(true);
+                                setRequiredPolicyInfo({
+                                    policiesAndServices,
+                                    agreedUrls,
+                                    resolve,
+                                });
+                            });
+                        },
+                    );
+                    // User accepted all terms
+                    setMustAgreeToTerms(false);
+                } catch (e) {
+                    logger.warn(`Unable to reach identity server at ${idServerUrl} to check for terms in Settings`);
+                    logger.warn(e);
+                }
+            } catch {}
+        })();
+    }, [client, getThreepidState]);
+
+    if (mustAgreeToTerms && requiredPolicyInfo.policiesAndServices) {
+        const intro = (
+            <Alert type="info" title={_t("settings|general|discovery_needs_terms_title")}>
+                {_t("settings|general|discovery_needs_terms", { serverName: idServerName })}
+            </Alert>
+        );
+        return (
+            <>
+                <InlineTermsAgreement
+                    policiesAndServicePairs={requiredPolicyInfo.policiesAndServices}
+                    onFinished={requiredPolicyInfo.resolve}
+                    introElement={intro}
+                />
+                {/* has its own heading as it includes the current identity server */}
+                <SetIdServer missingTerms={true} />
+            </>
+        );
+    }
+
+    let threepidSection;
+    if (idServerName) {
+        threepidSection = (
+            <>
+                <SettingsSubsection
+                    heading={_t("settings|general|emails_heading")}
+                    description={emails.length === 0 ? _t("settings|general|discovery_email_empty") : undefined}
+                    stretchContent
+                >
+                    <AddRemoveThreepids
+                        mode="is"
+                        medium={ThreepidMedium.Email}
+                        threepids={emails}
+                        onChange={getThreepidState}
+                        disabled={mustAgreeToTerms}
+                        isLoading={isLoadingThreepids}
+                    />
+                </SettingsSubsection>
+                <SettingsSubsection
+                    heading={_t("settings|general|msisdns_heading")}
+                    description={phoneNumbers.length === 0 ? _t("settings|general|discovery_msisdn_empty") : undefined}
+                    stretchContent
+                >
+                    <AddRemoveThreepids
+                        mode="is"
+                        medium={ThreepidMedium.Phone}
+                        threepids={phoneNumbers}
+                        onChange={getThreepidState}
+                        disabled={mustAgreeToTerms}
+                        isLoading={isLoadingThreepids}
+                    />
+                </SettingsSubsection>
+            </>
+        );
+    }
+
+    return (
+        <SettingsSubsection heading={_t("settings|discovery|title")} data-testid="discoverySection" stretchContent>
+            {threepidSection}
+            {/* has its own heading as it includes the current identity server */}
+            <SetIdServer missingTerms={false} />
+        </SettingsSubsection>
+    );
+};
diff --git a/apps/web/src/components/views/settings/encryption/AdvancedPanel.tsx b/apps/web/src/components/views/settings/encryption/AdvancedPanel.tsx
new file mode 100644
index 00000000000..be1963a8fcb
--- /dev/null
+++ b/apps/web/src/components/views/settings/encryption/AdvancedPanel.tsx
@@ -0,0 +1,139 @@
+/*
+ * Copyright 2024 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, lazy, type MouseEventHandler } from "react";
+import { Button, HelpMessage, InlineField, InlineSpinner, Label, Root, ToggleControl } from "@vector-im/compound-web";
+import DownloadIcon from "@vector-im/compound-design-tokens/assets/web/icons/download";
+import ShareIcon from "@vector-im/compound-design-tokens/assets/web/icons/share";
+
+import { _t } from "../../../../languageHandler";
+import { SettingsSection } from "../shared/SettingsSection";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { useAsyncMemo } from "../../../../hooks/useAsyncMemo";
+import Modal from "../../../../Modal";
+import { SettingLevel } from "../../../../settings/SettingLevel";
+import { useSettingValueAt } from "../../../../hooks/useSettings";
+import SettingsStore from "../../../../settings/SettingsStore";
+
+interface AdvancedPanelProps {
+    /**
+     * Callback for when the user clicks the button to reset their identity.
+     */
+    onResetIdentityClick: MouseEventHandler<HTMLButtonElement>;
+}
+
+/**
+ * The advanced panel of the encryption settings.
+ */
+export function AdvancedPanel({ onResetIdentityClick }: AdvancedPanelProps): JSX.Element {
+    return (
+        <SettingsSection heading={_t("settings|encryption|advanced|title")} legacy={false}>
+            <EncryptionDetails onResetIdentityClick={onResetIdentityClick} />
+            <OtherSettings />
+        </SettingsSection>
+    );
+}
+
+interface EncryptionDetails {
+    /**
+     * Callback for when the user clicks the button to reset their identity.
+     */
+    onResetIdentityClick: MouseEventHandler<HTMLButtonElement>;
+}
+
+/**
+ * The encryption details section of the advanced panel.
+ */
+function EncryptionDetails({ onResetIdentityClick }: EncryptionDetails): JSX.Element {
+    const matrixClient = useMatrixClientContext();
+    // Null when the keys are not loaded yet
+    const keys = useAsyncMemo(() => matrixClient.getCrypto()!.getOwnDeviceKeys(), [matrixClient], null);
+
+    return (
+        <div className="mx_EncryptionDetails" data-testid="encryptionDetails">
+            <div className="mx_EncryptionDetails_session">
+                <h3 className="mx_EncryptionDetails_session_title">
+                    {_t("settings|encryption|advanced|details_title")}
+                </h3>
+                <div>
+                    <span>{_t("settings|encryption|advanced|session_id")}</span>
+                    <span data-testid="deviceId">{matrixClient.deviceId}</span>
+                </div>
+                <div>
+                    <span>{_t("settings|encryption|advanced|session_key")}</span>
+                    <span data-testid="sessionKey">
+                        {keys ? keys.ed25519 : <InlineSpinner aria-label={_t("common|loading")} />}
+                    </span>
+                </div>
+            </div>
+            <div className="mx_EncryptionDetails_buttons">
+                <Button
+                    size="md"
+                    kind="secondary"
+                    Icon={DownloadIcon}
+                    onClick={() =>
+                        Modal.createDialog(
+                            lazy(
+                                () => import("../../../../async-components/views/dialogs/security/ExportE2eKeysDialog"),
+                            ),
+                            { matrixClient },
+                        )
+                    }
+                >
+                    {_t("settings|encryption|advanced|export_keys")}
+                </Button>
+                <Button
+                    size="md"
+                    kind="secondary"
+                    Icon={ShareIcon}
+                    onClick={() =>
+                        Modal.createDialog(
+                            lazy(
+                                () => import("../../../../async-components/views/dialogs/security/ImportE2eKeysDialog"),
+                            ),
+                            { matrixClient },
+                        )
+                    }
+                >
+                    {_t("settings|encryption|advanced|import_keys")}
+                </Button>
+            </div>
+            <Button size="md" kind="tertiary" destructive={true} onClick={onResetIdentityClick}>
+                {_t("settings|encryption|advanced|reset_identity")}
+            </Button>
+        </div>
+    );
+}
+
+/**
+ * Display the never send encrypted message to unverified devices setting.
+ */
+function OtherSettings(): JSX.Element | null {
+    const blacklistUnverifiedDevices = useSettingValueAt(SettingLevel.DEVICE, "blacklistUnverifiedDevices");
+    const canSetValue = SettingsStore.canSetValue("blacklistUnverifiedDevices", null, SettingLevel.DEVICE);
+    if (!canSetValue) return null;
+
+    return (
+        <Root
+            data-testid="otherSettings"
+            className="mx_OtherSettings"
+            onChange={async (evt) => {
+                const checked = new FormData(evt.currentTarget).get("neverSendEncrypted") === "on";
+                await SettingsStore.setValue("blacklistUnverifiedDevices", null, SettingLevel.DEVICE, checked);
+            }}
+        >
+            <h3 className="mx_OtherSettings_title">{_t("settings|encryption|advanced|other_people_device_title")}</h3>
+            <InlineField
+                name="neverSendEncrypted"
+                control={<ToggleControl name="neverSendEncrypted" defaultChecked={blacklistUnverifiedDevices} />}
+            >
+                <Label>{_t("settings|encryption|advanced|other_people_device_label")}</Label>
+                <HelpMessage>{_t("settings|encryption|advanced|other_people_device_description")}</HelpMessage>
+            </InlineField>
+        </Root>
+    );
+}
diff --git a/apps/web/src/components/views/settings/encryption/ChangeRecoveryKey.tsx b/apps/web/src/components/views/settings/encryption/ChangeRecoveryKey.tsx
new file mode 100644
index 00000000000..f62a429aa7a
--- /dev/null
+++ b/apps/web/src/components/views/settings/encryption/ChangeRecoveryKey.tsx
@@ -0,0 +1,402 @@
+/*
+ * Copyright 2025 Element Creations Ltd.
+ * Copyright 2024 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX, type MouseEventHandler, useCallback, useState } from "react";
+import {
+    Breadcrumb,
+    Button,
+    ErrorMessage,
+    Field,
+    IconButton,
+    Label,
+    PasswordControl,
+    Root,
+    Text,
+} from "@vector-im/compound-web";
+import CopyIcon from "@vector-im/compound-design-tokens/assets/web/icons/copy";
+import KeyIcon from "@vector-im/compound-design-tokens/assets/web/icons/key-solid";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../../languageHandler";
+import { EncryptionCard } from "./EncryptionCard";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { useAsyncMemo } from "../../../../hooks/useAsyncMemo";
+import { copyPlaintext } from "../../../../utils/strings";
+import { initialiseDehydrationIfEnabled } from "../../../../utils/device/dehydration.ts";
+import { withSecretStorageKeyCache } from "../../../../SecurityManager";
+import { EncryptionCardButtons } from "./EncryptionCardButtons";
+import { logErrorAndShowErrorDialog } from "../../../../utils/ErrorUtils.tsx";
+import { DeviceListener, RECOVERY_ACCOUNT_DATA_KEY } from "../../../../device-listener";
+import { resetKeyBackupAndWait } from "../../../../utils/crypto/resetKeyBackup";
+
+/**
+ * The possible states of the component.
+ * - `inform_user`: The user is informed about the recovery key.
+ * - `save_key_setup_flow`: The user is asked to save the new recovery key during the setup flow.
+ * - `save_key_change_flow`: The user is asked to save the new recovery key during the change key flow.
+ * - `confirm_key_setup_flow`: The user is asked to confirm the new recovery key during the set up flow.
+ * - `confirm_key_change_flow`: The user is asked to confirm the new recovery key during the change key flow.
+ */
+type State =
+    | "inform_user"
+    | "save_key_setup_flow"
+    | "save_key_change_flow"
+    | "confirm_key_setup_flow"
+    | "confirm_key_change_flow";
+
+interface ChangeRecoveryKeyProps {
+    /**
+     * If true, the component will display the flow to change the recovery key.
+     * If false,the component will display the flow to set up a new recovery key.
+     */
+    userHasRecoveryKey: boolean;
+    /**
+     * Called when the recovery key is successfully changed.
+     */
+    onFinish: () => void;
+    /**
+     * Called when the cancel button is clicked or when we go back in the breadcrumbs.
+     */
+    onCancelClick: () => void;
+}
+
+/**
+ * A component to set up or change the recovery key.
+ */
+export function ChangeRecoveryKey({
+    userHasRecoveryKey,
+    onFinish,
+    onCancelClick,
+}: ChangeRecoveryKeyProps): JSX.Element | null {
+    const matrixClient = useMatrixClientContext();
+
+    // If the user is setting up recovery for the first time, we first show them a panel explaining what
+    // "recovery" is about. Otherwise, we jump straight to showing the user the new key.
+    const [state, setState] = useState<State>(userHasRecoveryKey ? "save_key_change_flow" : "inform_user");
+
+    const onCancelClickWrapper = useCallback(() => {
+        logger.debug("ChangeRecoveryKey: user cancelled");
+        onCancelClick();
+    }, [onCancelClick]);
+
+    // We create a new recovery key, the recovery key will be displayed to the user
+    const recoveryKey = useAsyncMemo(() => matrixClient.getCrypto()!.createRecoveryKeyFromPassphrase(), []);
+    // Waiting for the recovery key to be generated
+    if (!recoveryKey) return null;
+
+    let content: JSX.Element;
+    switch (state) {
+        case "inform_user":
+            // Show a panel explaining what "recovery" is for, and what a recovery key does.
+            content = (
+                <InformationPanel
+                    onContinueClick={() => setState("save_key_setup_flow")}
+                    onCancelClick={onCancelClickWrapper}
+                />
+            );
+            break;
+        case "save_key_setup_flow":
+        case "save_key_change_flow":
+            // Show a generated recovery key and ask the user to save it.
+            content = (
+                <KeyPanel
+                    // encodedPrivateKey is always defined, the optional typing is incorrect
+                    recoveryKey={recoveryKey.encodedPrivateKey!}
+                    onConfirmClick={() =>
+                        setState((currentState) =>
+                            currentState === "save_key_change_flow"
+                                ? "confirm_key_change_flow"
+                                : "confirm_key_setup_flow",
+                        )
+                    }
+                    onCancelClick={onCancelClickWrapper}
+                />
+            );
+            break;
+        case "confirm_key_setup_flow":
+        case "confirm_key_change_flow":
+            // Ask the user to enter the recovery key they just saved to confirm it.
+            content = (
+                <KeyForm
+                    // encodedPrivateKey is always defined, the optional typing is incorrect
+                    recoveryKey={recoveryKey.encodedPrivateKey!}
+                    onCancelClick={onCancelClickWrapper}
+                    onSubmit={async () => {
+                        const crypto = matrixClient.getCrypto();
+                        if (!crypto) return onFinish();
+
+                        try {
+                            const deviceListener = DeviceListener.sharedInstance();
+
+                            // we need to call keyStorageOutOfSyncNeedsBackupReset here because
+                            // deviceListener.whilePaused() sets its client to undefined, so
+                            // keyStorageOutOfSyncNeedsBackupReset won't be able to check
+                            // the backup state.
+                            const needsBackupReset = await deviceListener.keyStorageOutOfSyncNeedsBackupReset(true);
+                            logger.debug(
+                                `ChangeRecoveryKey: user confirmed recovery key; now doing change. needsBackupReset: ${needsBackupReset}`,
+                            );
+                            await deviceListener.whilePaused(async () => {
+                                // We need to enable the cache to avoid to prompt the user to enter the new key
+                                // when we will try to access the secret storage during the bootstrap
+                                await withSecretStorageKeyCache(async () => {
+                                    await crypto.bootstrapSecretStorage({
+                                        setupNewSecretStorage: true,
+                                        createSecretStorageKey: async () => recoveryKey,
+                                    });
+                                    // Reset the key backup if needed
+                                    if (needsBackupReset) {
+                                        await resetKeyBackupAndWait(crypto);
+                                    }
+                                    await initialiseDehydrationIfEnabled(matrixClient, { createNewKey: true });
+                                });
+                            });
+
+                            // Record the fact that the user explicitly enabled recovery.
+                            await matrixClient.setAccountData(RECOVERY_ACCOUNT_DATA_KEY, { enabled: true });
+
+                            onFinish();
+                        } catch (e) {
+                            logErrorAndShowErrorDialog("Failed to set up secret storage", e);
+                        }
+                    }}
+                    submitButtonLabel={
+                        state === "confirm_key_setup_flow"
+                            ? _t("settings|encryption|recovery|set_up_recovery_confirm_button")
+                            : _t("settings|encryption|recovery|change_recovery_confirm_button")
+                    }
+                />
+            );
+    }
+
+    const pages = [
+        _t("settings|encryption|title"),
+        userHasRecoveryKey
+            ? _t("settings|encryption|recovery|change_recovery_key")
+            : _t("settings|encryption|recovery|set_up_recovery"),
+    ];
+    const labels = getLabels(state);
+
+    return (
+        <>
+            <Breadcrumb
+                backLabel={_t("action|back")}
+                onBackClick={onCancelClickWrapper}
+                pages={pages}
+                onPageClick={onCancelClickWrapper}
+            />
+            <EncryptionCard
+                Icon={KeyIcon}
+                title={labels.title}
+                description={labels.description}
+                className="mx_ChangeRecoveryKey"
+            >
+                {content}
+            </EncryptionCard>
+        </>
+    );
+}
+
+type Labels = {
+    /**
+     * The title of the card.
+     */
+    title: string;
+    /**
+     * The description of the card.
+     */
+    description: string;
+};
+
+/**
+ * Get the header title and description for the given state.
+ * @param state
+ */
+function getLabels(state: State): Labels {
+    switch (state) {
+        case "inform_user":
+            return {
+                title: _t("settings|encryption|recovery|set_up_recovery"),
+                description: _t("settings|encryption|recovery|set_up_recovery_description", {
+                    changeRecoveryKeyButton: _t("settings|encryption|recovery|change_recovery_key"),
+                }),
+            };
+        case "save_key_setup_flow":
+            return {
+                title: _t("settings|encryption|recovery|set_up_recovery_save_key_title"),
+                description: _t("settings|encryption|recovery|set_up_recovery_save_key_description"),
+            };
+        case "save_key_change_flow":
+            return {
+                title: _t("settings|encryption|recovery|change_recovery_key_title"),
+                description: _t("settings|encryption|recovery|change_recovery_key_description"),
+            };
+        case "confirm_key_setup_flow":
+            return {
+                title: _t("settings|encryption|recovery|set_up_recovery_confirm_title"),
+                description: _t("settings|encryption|recovery|set_up_recovery_confirm_description"),
+            };
+        case "confirm_key_change_flow":
+            return {
+                title: _t("settings|encryption|recovery|change_recovery_confirm_title"),
+                description: _t("settings|encryption|recovery|change_recovery_confirm_description"),
+            };
+    }
+}
+
+interface InformationPanelProps {
+    /**
+     * Called when the continue button is clicked.
+     */
+    onContinueClick: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Called when the cancel button is clicked.
+     */
+    onCancelClick: MouseEventHandler<HTMLButtonElement>;
+}
+
+/**
+ * The panel to display information about the recovery key.
+ */
+function InformationPanel({ onContinueClick, onCancelClick }: InformationPanelProps): JSX.Element {
+    return (
+        <>
+            <Text as="span" weight="medium" className="mx_InformationPanel_description">
+                {_t("settings|encryption|recovery|set_up_recovery_secondary_description")}
+            </Text>
+            <EncryptionCardButtons>
+                <Button onClick={onContinueClick}>{_t("action|continue")}</Button>
+                <Button kind="tertiary" onClick={onCancelClick}>
+                    {_t("action|cancel")}
+                </Button>
+            </EncryptionCardButtons>
+        </>
+    );
+}
+
+interface KeyPanelProps {
+    /**
+     * Called when the confirm button is clicked.
+     */
+    onConfirmClick: MouseEventHandler;
+    /**
+     * Called when the cancel button is clicked.
+     */
+    onCancelClick: MouseEventHandler;
+    /**
+     * The recovery key to display.
+     */
+    recoveryKey: string;
+}
+
+/**
+ * The panel to display the recovery key.
+ */
+function KeyPanel({ recoveryKey, onConfirmClick, onCancelClick }: KeyPanelProps): JSX.Element {
+    return (
+        <>
+            <div className="mx_KeyPanel">
+                <Text as="span" weight="medium">
+                    {_t("settings|encryption|recovery|save_key_title")}
+                </Text>
+                <div>
+                    <Text as="span" className="mx_KeyPanel_key" data-testid="recoveryKey">
+                        {recoveryKey}
+                    </Text>
+                    <Text as="span" size="sm">
+                        {_t("settings|encryption|recovery|save_key_description")}
+                    </Text>
+                </div>
+                <IconButton aria-label={_t("action|copy")} size="28px" onClick={() => copyPlaintext(recoveryKey)}>
+                    <CopyIcon />
+                </IconButton>
+            </div>
+            <EncryptionCardButtons>
+                <Button onClick={onConfirmClick}>{_t("action|continue")}</Button>
+                <Button kind="tertiary" onClick={onCancelClick}>
+                    {_t("action|cancel")}
+                </Button>
+            </EncryptionCardButtons>
+        </>
+    );
+}
+
+interface KeyFormProps {
+    /**
+     * Called when the cancel button is clicked.
+     */
+    onCancelClick: MouseEventHandler;
+    /**
+     * Called when the form is submitted.
+     */
+    onSubmit: () => Promise<void>;
+    /**
+     * The recovery key to confirm.
+     */
+    recoveryKey: string;
+    /**
+     * The label for the submit button.
+     */
+    submitButtonLabel: string;
+}
+
+/**
+ * The form to confirm the recovery key.
+ * The finish button is disabled until the key is filled and valid.
+ * The entered key is valid if it matches the recovery key.
+ */
+function KeyForm({ onCancelClick, onSubmit, recoveryKey, submitButtonLabel }: KeyFormProps): JSX.Element {
+    // Undefined by default, as the key is not filled yet
+    const [isKeyValid, setIsKeyValid] = useState<boolean>();
+    const [isKeyChangeInProgress, setIsKeyChangeInProgress] = useState<boolean>(false);
+    const isKeyInvalidAndFilled = isKeyValid === false;
+
+    return (
+        <Root
+            className="mx_KeyForm"
+            onSubmit={(evt) => {
+                evt.preventDefault();
+                if (isKeyChangeInProgress) {
+                    // Don't allow repeated attempts.
+                    return;
+                }
+                setIsKeyChangeInProgress(true);
+                onSubmit().finally(() => {
+                    setIsKeyChangeInProgress(false);
+                });
+            }}
+            onChange={async (evt) => {
+                evt.preventDefault();
+                evt.stopPropagation();
+
+                // We don't have any file in the form, we can cast it as string safely
+                const filledKey = new FormData(evt.currentTarget).get("recoveryKey") as string | "";
+                setIsKeyValid(filledKey.trim() === recoveryKey);
+            }}
+        >
+            <Field name="recoveryKey" serverInvalid={isKeyInvalidAndFilled}>
+                <Label>{_t("settings|encryption|recovery|enter_recovery_key")}</Label>
+
+                <PasswordControl
+                    required={true}
+                    title={_t("settings|encryption|recovery|enter_recovery_key")}
+                    className="mx_KeyForm_password mx_no_textinput"
+                />
+                {isKeyInvalidAndFilled && (
+                    <ErrorMessage>{_t("settings|encryption|recovery|enter_key_error")}</ErrorMessage>
+                )}
+            </Field>
+            <EncryptionCardButtons>
+                <Button disabled={!isKeyValid || isKeyChangeInProgress}>{submitButtonLabel}</Button>
+                <Button kind="tertiary" onClick={onCancelClick}>
+                    {_t("action|cancel")}
+                </Button>
+            </EncryptionCardButtons>
+        </Root>
+    );
+}
diff --git a/apps/web/src/components/views/settings/encryption/DeleteKeyStoragePanel.tsx b/apps/web/src/components/views/settings/encryption/DeleteKeyStoragePanel.tsx
new file mode 100644
index 00000000000..d4f80d7eeef
--- /dev/null
+++ b/apps/web/src/components/views/settings/encryption/DeleteKeyStoragePanel.tsx
@@ -0,0 +1,79 @@
+/*
+ * 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 { Breadcrumb, Button, VisualList, VisualListItem } from "@vector-im/compound-web";
+import CrossIcon from "@vector-im/compound-design-tokens/assets/web/icons/close";
+import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
+import React, { type JSX, useCallback, useState } from "react";
+
+import { _t } from "../../../../languageHandler";
+import { EncryptionCard } from "./EncryptionCard";
+import { useKeyStoragePanelViewModel } from "../../../viewmodels/settings/encryption/KeyStoragePanelViewModel";
+import SdkConfig from "../../../../SdkConfig";
+import { EncryptionCardButtons } from "./EncryptionCardButtons";
+import { EncryptionCardEmphasisedContent } from "./EncryptionCardEmphasisedContent";
+
+interface Props {
+    /**
+     * Called when the user either cancels the operation or key storage has been disabled
+     */
+    onFinish: () => void;
+}
+
+/**
+ * Confirms that the user really wants to turn off and delete their key storage.  Part of the "Encryption" settings tab.
+ */
+export function DeleteKeyStoragePanel({ onFinish }: Props): JSX.Element {
+    const { setEnabled } = useKeyStoragePanelViewModel();
+    const [busy, setBusy] = useState(false);
+
+    const onDeleteClick = useCallback(async () => {
+        setBusy(true);
+        try {
+            await setEnabled(false);
+        } finally {
+            setBusy(false);
+        }
+        onFinish();
+    }, [setEnabled, onFinish]);
+
+    return (
+        <>
+            <Breadcrumb
+                backLabel={_t("action|back")}
+                onBackClick={onFinish}
+                pages={[_t("settings|encryption|title"), _t("settings|encryption|delete_key_storage|breadcrumb_page")]}
+                onPageClick={onFinish}
+            />
+            <EncryptionCard
+                Icon={ErrorIcon}
+                destructive={true}
+                title={_t("settings|encryption|delete_key_storage|title")}
+            >
+                <EncryptionCardEmphasisedContent>
+                    {_t("settings|encryption|delete_key_storage|description")}
+                    <VisualList>
+                        <VisualListItem Icon={CrossIcon} destructive={true}>
+                            {_t("settings|encryption|delete_key_storage|list_first")}
+                        </VisualListItem>
+                        <VisualListItem Icon={CrossIcon} destructive={true}>
+                            {_t("settings|encryption|delete_key_storage|list_second", { brand: SdkConfig.get().brand })}
+                        </VisualListItem>
+                    </VisualList>
+                </EncryptionCardEmphasisedContent>
+                <EncryptionCardButtons>
+                    <Button destructive={true} onClick={onDeleteClick} disabled={busy}>
+                        {_t("settings|encryption|delete_key_storage|confirm")}
+                    </Button>
+                    <Button kind="tertiary" onClick={onFinish}>
+                        {_t("action|cancel")}
+                    </Button>
+                </EncryptionCardButtons>
+            </EncryptionCard>
+        </>
+    );
+}
diff --git a/apps/web/src/components/views/settings/encryption/EncryptionCard.tsx b/apps/web/src/components/views/settings/encryption/EncryptionCard.tsx
new file mode 100644
index 00000000000..3d96979f968
--- /dev/null
+++ b/apps/web/src/components/views/settings/encryption/EncryptionCard.tsx
@@ -0,0 +1,60 @@
+/*
+ * Copyright 2024 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX, type PropsWithChildren, type ComponentType, type SVGAttributes } from "react";
+import { BigIcon, Heading } from "@vector-im/compound-web";
+import classNames from "classnames";
+
+interface EncryptionCardProps {
+    /**
+     * CSS class name to apply to the card.
+     */
+    className?: string;
+    /**
+     * The title of the card.
+     */
+    title: string;
+    /**
+     * The description of the card.
+     */
+    description?: string;
+    /**
+     * Whether this icon shows a destructive action.
+     */
+    destructive?: boolean;
+    /**
+     * The icon to display.
+     */
+    Icon: ComponentType<SVGAttributes<SVGElement>>;
+}
+
+/**
+ * A styled card for encryption settings.
+ */
+export function EncryptionCard({
+    title,
+    description,
+    className,
+    destructive = false,
+    Icon,
+    children,
+}: PropsWithChildren<EncryptionCardProps>): JSX.Element {
+    return (
+        <div className={classNames("mx_EncryptionCard", className)}>
+            <div className="mx_EncryptionCard_header">
+                <BigIcon kind={destructive ? "critical" : "primary"}>
+                    <Icon />
+                </BigIcon>
+                <Heading as="h2" size="sm" weight="semibold">
+                    {title}
+                </Heading>
+                {description && <span>{description}</span>}
+            </div>
+            {children}
+        </div>
+    );
+}
diff --git a/apps/web/src/components/views/settings/encryption/EncryptionCardButtons.tsx b/apps/web/src/components/views/settings/encryption/EncryptionCardButtons.tsx
new file mode 100644
index 00000000000..06e5ef60d7f
--- /dev/null
+++ b/apps/web/src/components/views/settings/encryption/EncryptionCardButtons.tsx
@@ -0,0 +1,16 @@
+/*
+ * Copyright 2024 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX, type PropsWithChildren } from "react";
+
+/**
+ * A component to present action buttons at the bottom of an {@link EncryptionCard}
+ * (mostly as somewhere for the common CSS to live).
+ */
+export function EncryptionCardButtons({ children }: PropsWithChildren): JSX.Element {
+    return <div className="mx_EncryptionCard_buttons">{children}</div>;
+}
diff --git a/apps/web/src/components/views/settings/encryption/EncryptionCardEmphasisedContent.tsx b/apps/web/src/components/views/settings/encryption/EncryptionCardEmphasisedContent.tsx
new file mode 100644
index 00000000000..2e705021bc0
--- /dev/null
+++ b/apps/web/src/components/views/settings/encryption/EncryptionCardEmphasisedContent.tsx
@@ -0,0 +1,26 @@
+/*
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX, type PropsWithChildren } from "react";
+import { Flex } from "@element-hq/web-shared-components";
+
+/**
+ * A component for emphasised text within an {@link EncryptionCard}
+ * (mostly as somewhere for the common CSS to live).
+ */
+export function EncryptionCardEmphasisedContent({ children }: PropsWithChildren): JSX.Element {
+    return (
+        <Flex
+            direction="column"
+            gap="var(--cpd-space-3x)"
+            align="normal"
+            className="mx_EncryptionCard_emphasisedContent"
+        >
+            {children}
+        </Flex>
+    );
+}
diff --git a/apps/web/src/components/views/settings/encryption/KeyStoragePanel.tsx b/apps/web/src/components/views/settings/encryption/KeyStoragePanel.tsx
new file mode 100644
index 00000000000..35073f00e91
--- /dev/null
+++ b/apps/web/src/components/views/settings/encryption/KeyStoragePanel.tsx
@@ -0,0 +1,76 @@
+/*
+ * 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 } from "react";
+import { InlineField, InlineSpinner, Label, Link, Root, ToggleControl } from "@vector-im/compound-web";
+
+import type { FormEvent } from "react";
+import { SettingsSection } from "../shared/SettingsSection";
+import { _t } from "../../../../languageHandler";
+import { SettingsHeader } from "../SettingsHeader";
+import { useKeyStoragePanelViewModel } from "../../../viewmodels/settings/encryption/KeyStoragePanelViewModel";
+import SdkConfig from "../../../../SdkConfig";
+
+interface Props {
+    /**
+     * Called when the user turns off the "allow key storage" toggle
+     */
+    onKeyStorageDisableClick: () => void;
+}
+
+/**
+ * This component allows the user to set up or change their recovery key.
+ *
+ * It is used within the "Encryption" settings tab.
+ */
+export const KeyStoragePanel: React.FC<Props> = ({ onKeyStorageDisableClick }) => {
+    const { isEnabled, setEnabled, loading, busy } = useKeyStoragePanelViewModel();
+
+    const onKeyBackupChange = useCallback(
+        (e: FormEvent<HTMLInputElement>) => {
+            if (e.currentTarget.checked) {
+                setEnabled(true);
+            } else {
+                onKeyStorageDisableClick();
+            }
+        },
+        [setEnabled, onKeyStorageDisableClick],
+    );
+
+    if (loading) {
+        return <InlineSpinner aria-label={_t("common|loading")} />;
+    }
+
+    return (
+        <SettingsSection
+            legacy={false}
+            heading={
+                <SettingsHeader
+                    hasRecommendedTag={isEnabled === false}
+                    label={_t("settings|encryption|key_storage|title")}
+                />
+            }
+            subHeading={_t("settings|encryption|key_storage|description", undefined, {
+                a: (sub) => (
+                    <Link href={SdkConfig.get("help_key_storage_url")} target="_blank">
+                        {sub}
+                    </Link>
+                ),
+            })}
+        >
+            <Root className="mx_KeyStoragePanel_toggleRow">
+                <InlineField
+                    name="keyStorage"
+                    control={<ToggleControl name="keyStorage" checked={isEnabled} onChange={onKeyBackupChange} />}
+                >
+                    <Label>{_t("settings|encryption|key_storage|allow_key_storage")}</Label>
+                </InlineField>
+                {busy && <InlineSpinner />}
+            </Root>
+        </SettingsSection>
+    );
+};
diff --git a/apps/web/src/components/views/settings/encryption/RecoveryPanel.tsx b/apps/web/src/components/views/settings/encryption/RecoveryPanel.tsx
new file mode 100644
index 00000000000..bc56dd84a47
--- /dev/null
+++ b/apps/web/src/components/views/settings/encryption/RecoveryPanel.tsx
@@ -0,0 +1,88 @@
+/*
+ * Copyright 2024 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 { Button, InlineSpinner } from "@vector-im/compound-web";
+import KeyIcon from "@vector-im/compound-design-tokens/assets/web/icons/key";
+
+import { SettingsSection } from "../shared/SettingsSection";
+import { _t } from "../../../../languageHandler";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { SettingsHeader } from "../SettingsHeader";
+import { useAsyncMemo } from "../../../../hooks/useAsyncMemo";
+
+/**
+ * The possible states of the recovery panel.
+ * - `loading`: We are checking the recovery key and the secrets.
+ * - `missing_recovery_key`: The user has no recovery key.
+ * - `good`: The user has a recovery key and the secrets are cached.
+ */
+type State = "loading" | "missing_recovery_key" | "good";
+
+interface RecoveryPanelProps {
+    /**
+     * Callback for when the user wants to set up or change their recovery key.
+     *
+     * @param setupNewKey - set if the user does not already have a recovery key (and has therefore clicked on
+     *                      "Set up recovery" rather than "Change recovery key").
+     */
+    onChangeRecoveryKeyClick: (setupNewKey: boolean) => void;
+}
+
+/**
+ * This component allows the user to set up or change their recovery key.
+ */
+export function RecoveryPanel({ onChangeRecoveryKeyClick }: RecoveryPanelProps): JSX.Element {
+    const matrixClient = useMatrixClientContext();
+    const state = useAsyncMemo<State>(
+        async () => {
+            // Check if the user has a recovery key
+            const hasRecoveryKey = Boolean(await matrixClient.secretStorage.getDefaultKeyId());
+            if (hasRecoveryKey) return "good";
+            else return "missing_recovery_key";
+        },
+        [matrixClient],
+        "loading",
+    );
+    const isMissingRecoveryKey = state === "missing_recovery_key";
+
+    let content: JSX.Element;
+    switch (state) {
+        case "loading":
+            content = <InlineSpinner aria-label={_t("common|loading")} />;
+            break;
+        case "missing_recovery_key":
+            content = (
+                <Button size="md" kind="primary" Icon={KeyIcon} onClick={() => onChangeRecoveryKeyClick(true)}>
+                    {_t("settings|encryption|recovery|set_up_recovery")}
+                </Button>
+            );
+            break;
+        case "good":
+            content = (
+                <Button size="md" kind="secondary" Icon={KeyIcon} onClick={() => onChangeRecoveryKeyClick(false)}>
+                    {_t("settings|encryption|recovery|change_recovery_key")}
+                </Button>
+            );
+    }
+
+    return (
+        <SettingsSection
+            legacy={false}
+            heading={
+                <SettingsHeader
+                    hasRecommendedTag={isMissingRecoveryKey}
+                    label={_t("settings|encryption|recovery|title")}
+                />
+            }
+            subHeading={_t("settings|encryption|recovery|description")}
+            data-testid="recoveryPanel"
+        >
+            {content}
+        </SettingsSection>
+    );
+}
diff --git a/apps/web/src/components/views/settings/encryption/RecoveryPanelOutOfSync.tsx b/apps/web/src/components/views/settings/encryption/RecoveryPanelOutOfSync.tsx
new file mode 100644
index 00000000000..35cfc7ef38f
--- /dev/null
+++ b/apps/web/src/components/views/settings/encryption/RecoveryPanelOutOfSync.tsx
@@ -0,0 +1,128 @@
+/*
+ * 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 { Button } from "@vector-im/compound-web";
+import KeyIcon from "@vector-im/compound-design-tokens/assets/web/icons/key";
+import { logger } from "matrix-js-sdk/src/logger";
+import { DecryptionKeyDoesNotMatchError } from "matrix-js-sdk/src/crypto-api";
+
+import { SettingsSection } from "../shared/SettingsSection";
+import { _t } from "../../../../languageHandler";
+import { SettingsSubheader } from "../SettingsSubheader";
+import { AccessCancelledError, accessSecretStorage } from "../../../../SecurityManager";
+import { DeviceListener } from "../../../../device-listener";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { resetKeyBackupAndWait } from "../../../../utils/crypto/resetKeyBackup";
+
+interface RecoveryPanelOutOfSyncProps {
+    /**
+     * Callback for when the user has finished entering their recovery key.
+     */
+    onFinish: () => void;
+    /**
+     * Callback for when accessing secret storage fails.
+     */
+    onAccessSecretStorageFailed: () => void;
+    /**
+     * Callback for when the user clicks on the "Forgot recovery key?" button.
+     */
+    onForgotRecoveryKey: () => void;
+}
+
+/**
+ * This component is shown as part of the {@link EncryptionUserSettingsTab}, instead of the
+ * {@link RecoveryPanel}, when some of the user secrets are not cached in the local client.
+ *
+ * It prompts the user to enter their recovery key so that the secrets can be loaded from 4S into
+ * the client.
+ */
+export function RecoveryPanelOutOfSync({
+    onForgotRecoveryKey,
+    onAccessSecretStorageFailed,
+    onFinish,
+}: RecoveryPanelOutOfSyncProps): JSX.Element {
+    const matrixClient = useMatrixClientContext();
+
+    return (
+        <SettingsSection
+            legacy={false}
+            heading={_t("settings|encryption|recovery|title")}
+            subHeading={
+                <SettingsSubheader
+                    label={_t("settings|encryption|recovery|description")}
+                    state="error"
+                    stateMessage={_t("settings|encryption|recovery|key_storage_warning")}
+                />
+            }
+            data-testid="recoveryPanel"
+        >
+            <div className="mx_RecoveryPanelOutOfSync">
+                <Button size="md" kind="secondary" onClick={onForgotRecoveryKey}>
+                    {_t("settings|encryption|recovery|forgot_recovery_key")}
+                </Button>
+                <Button
+                    size="md"
+                    kind="primary"
+                    Icon={KeyIcon}
+                    onClick={async () => {
+                        const crypto = matrixClient.getCrypto()!;
+
+                        const deviceListener = DeviceListener.sharedInstance();
+
+                        // we need to call keyStorageOutOfSyncNeedsBackupReset here because
+                        // deviceListener.whilePaused() sets its client to undefined, so
+                        // keyStorageOutOfSyncNeedsBackupReset won't be able to check
+                        // the backup state.
+                        const needsBackupReset = await deviceListener.keyStorageOutOfSyncNeedsBackupReset(false);
+
+                        logger.debug(
+                            `RecoveryPanelOutOfSync: user clicked 'Enter recovery key'. needsBackupReset: ${needsBackupReset}`,
+                        );
+                        try {
+                            // pause the device listener because we could be making lots
+                            // of changes, and don't want toasts to pop up and disappear
+                            // while we're doing it
+                            await deviceListener.whilePaused(async () => {
+                                await accessSecretStorage(async () => {
+                                    // Reset backup if needed.
+                                    if (needsBackupReset) {
+                                        await resetKeyBackupAndWait(crypto);
+                                    } else if (await matrixClient.isKeyBackupKeyStored()) {
+                                        try {
+                                            await crypto.loadSessionBackupPrivateKeyFromSecretStorage();
+                                        } catch (error: any) {
+                                            if (error instanceof DecryptionKeyDoesNotMatchError) {
+                                                logger.error(
+                                                    "RecoveryPanelOutOfSync: decryption key does not match the public backup. Replacing.",
+                                                );
+                                                await resetKeyBackupAndWait(crypto);
+                                            } else {
+                                                throw error;
+                                            }
+                                        }
+                                    }
+                                });
+                            });
+                        } catch (error) {
+                            if (error instanceof AccessCancelledError) {
+                                // The user cancelled the dialog - just allow it to
+                                // close, and return to this panel
+                            } else {
+                                onAccessSecretStorageFailed();
+                            }
+                            return;
+                        }
+                        onFinish();
+                    }}
+                >
+                    {_t("settings|encryption|recovery|enter_recovery_key")}
+                </Button>
+            </div>
+        </SettingsSection>
+    );
+}
diff --git a/apps/web/src/components/views/settings/encryption/ResetIdentityBody.tsx b/apps/web/src/components/views/settings/encryption/ResetIdentityBody.tsx
new file mode 100644
index 00000000000..91b7d65b5d4
--- /dev/null
+++ b/apps/web/src/components/views/settings/encryption/ResetIdentityBody.tsx
@@ -0,0 +1,134 @@
+/*
+ * Copyright 2024-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 { Button, InlineSpinner, VisualList, VisualListItem } from "@vector-im/compound-web";
+import CheckIcon from "@vector-im/compound-design-tokens/assets/web/icons/check";
+import InfoIcon from "@vector-im/compound-design-tokens/assets/web/icons/info";
+import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
+import React, { type JSX, useState } from "react";
+
+import { _t } from "../../../../languageHandler";
+import { EncryptionCard } from "./EncryptionCard";
+import { uiAuthCallback } from "../../../../CreateCrossSigning";
+import { EncryptionCardButtons } from "./EncryptionCardButtons";
+import { EncryptionCardEmphasisedContent } from "./EncryptionCardEmphasisedContent";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+
+interface ResetIdentityBodyProps {
+    /**
+     * Called when the identity is reset.
+     */
+    onReset: () => void;
+
+    /**
+     * Called when the cancel button is clicked.
+     */
+    onCancelClick: () => void;
+
+    /**
+     * The variant of the panel to show. We show more warnings in the 'compromised' variant (no use in showing a user
+     * this warning if they have to reset because they no longer have their key)
+     */
+    variant: ResetIdentityBodyVariant;
+}
+
+/**
+ * The variant of the panel to show.  This affects the message displayed to the user.
+ *
+ * "compromised" is shown when the user chose 'Reset cryptographic identity' explicitly in settings, usually because
+ * they believe their identity has been compromised.
+ *
+ * "sync_failed" is shown when the user tried to recover their identity but the process failed, probably because
+ * the required information is missing from recovery.
+ *
+ * "forgot" is shown when the user chose 'Forgot recovery key?' during `SetupEncryptionToast`.
+ *
+ * "confirm" is shown when the user chose 'Reset all' during `SetupEncryptionBody`.
+ *
+ * "no_verification_method" is shown when the device is unverified and has no way of
+ * obtaining the existing keys, and hence the identity needs to be reset to have
+ * a cross-signed device.
+ */
+export type ResetIdentityBodyVariant = "compromised" | "forgot" | "sync_failed" | "confirm" | "no_verification_method";
+
+/**
+ * User interface component allowing the user to reset their cryptographic identity.
+ *
+ * Used by {@link ResetIdentityPanel}.
+ */
+export function ResetIdentityBody({ onCancelClick, onReset, variant }: ResetIdentityBodyProps): JSX.Element {
+    const matrixClient = useMatrixClientContext();
+
+    // After the user clicks "Continue", we disable the button so it can't be
+    // clicked again, and warn the user not to close the window.
+    const [inProgress, setInProgress] = useState(false);
+
+    return (
+        <EncryptionCard Icon={ErrorIcon} destructive={true} title={titleForVariant(variant)}>
+            <EncryptionCardEmphasisedContent>
+                <VisualList>
+                    <VisualListItem Icon={CheckIcon} success={true}>
+                        {_t("settings|encryption|advanced|breadcrumb_first_description")}
+                    </VisualListItem>
+                    <VisualListItem Icon={InfoIcon}>
+                        {_t("settings|encryption|advanced|breadcrumb_second_description")}
+                    </VisualListItem>
+                    <VisualListItem Icon={InfoIcon}>
+                        {_t("settings|encryption|advanced|breadcrumb_third_description")}
+                    </VisualListItem>
+                </VisualList>
+                {variant === "compromised" && <span>{_t("settings|encryption|advanced|breadcrumb_warning")}</span>}
+            </EncryptionCardEmphasisedContent>
+            <EncryptionCardButtons>
+                <Button
+                    destructive={true}
+                    disabled={inProgress}
+                    onClick={async () => {
+                        setInProgress(true);
+                        await matrixClient
+                            .getCrypto()
+                            ?.resetEncryption((makeRequest) => uiAuthCallback(matrixClient, makeRequest));
+                        onReset();
+                    }}
+                >
+                    {inProgress ? (
+                        <>
+                            <InlineSpinner /> {_t("settings|encryption|advanced|reset_in_progress")}
+                        </>
+                    ) : (
+                        _t("action|continue")
+                    )}
+                </Button>
+                {inProgress ? (
+                    <EncryptionCardEmphasisedContent>
+                        <span className="mx_ResetIdentityPanel_warning">
+                            {_t("settings|encryption|advanced|do_not_close_warning")}
+                        </span>
+                    </EncryptionCardEmphasisedContent>
+                ) : (
+                    <Button kind="tertiary" onClick={onCancelClick}>
+                        {_t("action|cancel")}
+                    </Button>
+                )}
+            </EncryptionCardButtons>
+        </EncryptionCard>
+    );
+}
+
+function titleForVariant(variant: ResetIdentityBodyVariant): string {
+    switch (variant) {
+        case "compromised":
+        case "confirm":
+            return _t("settings|encryption|advanced|breadcrumb_title");
+        case "sync_failed":
+            return _t("settings|encryption|advanced|breadcrumb_title_sync_failed");
+        case "forgot":
+            return _t("settings|encryption|advanced|breadcrumb_title_forgot");
+        case "no_verification_method":
+            return _t("settings|encryption|advanced|breadcrumb_title_cant_confirm");
+    }
+}
diff --git a/apps/web/src/components/views/settings/encryption/ResetIdentityPanel.tsx b/apps/web/src/components/views/settings/encryption/ResetIdentityPanel.tsx
new file mode 100644
index 00000000000..45e34fbbacf
--- /dev/null
+++ b/apps/web/src/components/views/settings/encryption/ResetIdentityPanel.tsx
@@ -0,0 +1,48 @@
+/*
+ * Copyright 2024 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 { Breadcrumb } from "@vector-im/compound-web";
+import React, { type JSX } from "react";
+
+import { _t } from "../../../../languageHandler";
+import { ResetIdentityBody, type ResetIdentityBodyVariant } from "./ResetIdentityBody";
+
+interface ResetIdentityPanelProps {
+    /**
+     * Called when the identity is reset.
+     */
+    onReset: () => void;
+
+    /**
+     * Called when the cancel button is clicked or when we go back in the breadcrumbs.
+     */
+    onCancelClick: () => void;
+
+    /**
+     * Which variant of this panel to show.
+     */
+    variant: ResetIdentityBodyVariant;
+}
+
+/**
+ * The Encryption Settings panel for resetting the identity of the current user.
+ *
+ * A thin wrapper around {@link ResetIdentityBody}, just adding breadcrumbs.
+ */
+export function ResetIdentityPanel({ onCancelClick, onReset, variant }: ResetIdentityPanelProps): JSX.Element {
+    return (
+        <>
+            <Breadcrumb
+                backLabel={_t("action|back")}
+                onBackClick={onCancelClick}
+                pages={[_t("settings|encryption|title"), _t("settings|encryption|advanced|breadcrumb_page")]}
+                onPageClick={onCancelClick}
+            />
+            <ResetIdentityBody onReset={onReset} onCancelClick={onCancelClick} variant={variant} />
+        </>
+    );
+}
diff --git a/apps/web/src/components/views/settings/notifications/NotificationPusherSettings.tsx b/apps/web/src/components/views/settings/notifications/NotificationPusherSettings.tsx
new file mode 100644
index 00000000000..f7b21efbd6b
--- /dev/null
+++ b/apps/web/src/components/views/settings/notifications/NotificationPusherSettings.tsx
@@ -0,0 +1,125 @@
+/*
+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 { ThreepidMedium, type IPusher } from "matrix-js-sdk/src/matrix";
+import React, { type JSX, useCallback, useMemo } from "react";
+
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { Action } from "../../../../dispatcher/actions";
+import dispatcher from "../../../../dispatcher/dispatcher";
+import { usePushers } from "../../../../hooks/usePushers";
+import { useThreepids } from "../../../../hooks/useThreepids";
+import { _t } from "../../../../languageHandler";
+import SdkConfig from "../../../../SdkConfig";
+import { UserTab } from "../../dialogs/UserTab";
+import AccessibleButton from "../../elements/AccessibleButton";
+import LabelledCheckbox from "../../elements/LabelledCheckbox";
+import { SettingsIndent } from "../shared/SettingsIndent";
+import { SettingsSubsection, SettingsSubsectionText } from "../shared/SettingsSubsection";
+
+function generalTabButton(content: string): JSX.Element {
+    return (
+        <AccessibleButton
+            kind="link_inline"
+            onClick={() => {
+                dispatcher.dispatch({
+                    action: Action.ViewUserSettings,
+                    initialTabId: UserTab.Account,
+                });
+            }}
+        >
+            {content}
+        </AccessibleButton>
+    );
+}
+
+export function NotificationPusherSettings(): JSX.Element {
+    const EmailPusherTemplate: Omit<IPusher, "pushkey" | "device_display_name" | "append"> = useMemo(
+        () => ({
+            kind: "email",
+            app_id: "m.email",
+            app_display_name: _t("notifications|email_pusher_app_display_name"),
+            lang: navigator.language,
+            data: {
+                brand: SdkConfig.get().brand,
+            },
+        }),
+        [],
+    );
+
+    const cli = useMatrixClientContext();
+    const [pushers, refreshPushers] = usePushers(cli);
+    const [threepids, refreshThreepids] = useThreepids(cli);
+
+    const setEmailEnabled = useCallback(
+        (email: string, enabled: boolean) => {
+            if (enabled) {
+                cli.setPusher({
+                    ...EmailPusherTemplate,
+                    pushkey: email,
+                    device_display_name: email,
+                    // We always append for email pushers since we don't want to stop other
+                    // accounts notifying to the same email address
+                    append: true,
+                }).catch((err) => console.error(err));
+            } else {
+                const pusher = pushers.find((p) => p.kind === "email" && p.pushkey === email);
+                if (pusher) {
+                    cli.removePusher(pusher.pushkey, pusher.app_id).catch((err) => console.error(err));
+                }
+            }
+            refreshThreepids();
+            refreshPushers();
+        },
+        [EmailPusherTemplate, cli, pushers, refreshPushers, refreshThreepids],
+    );
+
+    const notificationTargets = pushers.filter((it) => it.kind !== "email");
+
+    return (
+        <>
+            <SettingsSubsection
+                className="mx_NotificationPusherSettings"
+                heading={_t("settings|notifications|email_section")}
+                legacy={false}
+            >
+                <SettingsSubsectionText className="mx_NotificationPusherSettings_description">
+                    {_t("settings|notifications|email_description")}
+                </SettingsSubsectionText>
+                <div className="mx_SettingsSubsection_description mx_NotificationPusherSettings_detail">
+                    <SettingsSubsectionText>
+                        {_t("settings|notifications|email_select", {}, { button: generalTabButton })}
+                    </SettingsSubsectionText>
+                </div>
+                <SettingsIndent>
+                    {threepids
+                        .filter((t) => t.medium === ThreepidMedium.Email)
+                        .map((email) => (
+                            <LabelledCheckbox
+                                key={email.address}
+                                label={email.address}
+                                value={pushers.find((it) => it.pushkey === email.address) !== undefined}
+                                onChange={(value) => setEmailEnabled(email.address, value)}
+                            />
+                        ))}
+                </SettingsIndent>
+            </SettingsSubsection>
+            {notificationTargets.length > 0 && (
+                <SettingsSubsection heading={_t("settings|notifications|push_targets")} legacy={false}>
+                    <ul>
+                        {pushers
+                            .filter((it) => it.kind !== "email")
+                            .map((pusher) => (
+                                <li key={pusher.pushkey}>{pusher.device_display_name || pusher.app_display_name}</li>
+                            ))}
+                    </ul>
+                </SettingsSubsection>
+            )}
+        </>
+    );
+}
diff --git a/apps/web/src/components/views/settings/notifications/NotificationSettings2.tsx b/apps/web/src/components/views/settings/notifications/NotificationSettings2.tsx
new file mode 100644
index 00000000000..9214f81f2d3
--- /dev/null
+++ b/apps/web/src/components/views/settings/notifications/NotificationSettings2.tsx
@@ -0,0 +1,384 @@
+/*
+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 JSX, useState } from "react";
+import { Form, SettingsToggleInput } from "@vector-im/compound-web";
+
+import NewAndImprovedIcon from "../../../../../res/img/element-icons/new-and-improved.svg";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { useNotificationSettings } from "../../../../hooks/useNotificationSettings";
+import { _t } from "../../../../languageHandler";
+import {
+    DefaultNotificationSettings,
+    type NotificationSettings,
+} from "../../../../models/notificationsettings/NotificationSettings";
+import { RoomNotifState } from "../../../../RoomNotifs";
+import { SettingLevel } from "../../../../settings/SettingLevel";
+import { NotificationLevel } from "../../../../stores/notifications/NotificationLevel";
+import { clearAllNotifications } from "../../../../utils/notifications";
+import AccessibleButton from "../../elements/AccessibleButton";
+import ExternalLink from "../../elements/ExternalLink";
+import LabelledCheckbox from "../../elements/LabelledCheckbox";
+import StyledRadioGroup from "../../elements/StyledRadioGroup";
+import TagComposer from "../../elements/TagComposer";
+import { StatelessNotificationBadge } from "../../rooms/NotificationBadge/StatelessNotificationBadge";
+import { SettingsBanner } from "../shared/SettingsBanner";
+import { SettingsSection } from "../shared/SettingsSection";
+import { SettingsSubsection } from "../shared/SettingsSubsection";
+import { NotificationPusherSettings } from "./NotificationPusherSettings";
+import SettingsFlag from "../../elements/SettingsFlag";
+import { SettingsSubsectionHeading } from "../shared/SettingsSubsectionHeading";
+import { onSubmitPreventDefault } from "../../../../utils/form.ts";
+
+enum NotificationDefaultLevels {
+    AllMessages = "all_messages",
+    PeopleMentionsKeywords = "people_mentions_keywords",
+    MentionsKeywords = "mentions_keywords",
+}
+
+function toDefaultLevels(levels: NotificationSettings["defaultLevels"]): NotificationDefaultLevels {
+    if (levels.room === RoomNotifState.AllMessages) {
+        return NotificationDefaultLevels.AllMessages;
+    } else if (levels.dm === RoomNotifState.AllMessages) {
+        return NotificationDefaultLevels.PeopleMentionsKeywords;
+    } else {
+        return NotificationDefaultLevels.MentionsKeywords;
+    }
+}
+
+function boldText(text: string): JSX.Element {
+    return <strong>{text}</strong>;
+}
+
+function helpLink(sub: string): JSX.Element {
+    return <ExternalLink href="https://element.io/help#settings2">{sub}</ExternalLink>;
+}
+
+function useHasUnreadNotifications(): boolean {
+    const cli = useMatrixClientContext();
+    return cli.getRooms().some((room) => room.getUnreadNotificationCount() > 0);
+}
+
+/**
+ * The new notification settings tab view, only displayed if the user has Features.NotificationSettings2 enabled
+ */
+export default function NotificationSettings2(): JSX.Element {
+    const cli = useMatrixClientContext();
+
+    const { model, hasPendingChanges, reconcile } = useNotificationSettings(cli);
+
+    const disabled = model === null || hasPendingChanges;
+    const settings = model ?? DefaultNotificationSettings;
+
+    const [updatingUnread, setUpdatingUnread] = useState<boolean>(false);
+    const hasUnreadNotifications = useHasUnreadNotifications();
+
+    const NotificationOptions = [
+        {
+            value: NotificationDefaultLevels.AllMessages,
+            label: _t("notifications|all_messages"),
+        },
+        {
+            value: NotificationDefaultLevels.PeopleMentionsKeywords,
+            label: _t("settings|notifications|people_mentions_keywords"),
+        },
+        {
+            value: NotificationDefaultLevels.MentionsKeywords,
+            label: _t("settings|notifications|mentions_keywords_only"),
+        },
+    ];
+
+    return (
+        <div className="mx_NotificationSettings2">
+            {hasPendingChanges && model !== null && (
+                <SettingsBanner
+                    icon={<img src={NewAndImprovedIcon} alt="" width={12} />}
+                    action={_t("action|proceed")}
+                    onAction={() => reconcile(model)}
+                >
+                    {_t(
+                        "settings|notifications|labs_notice_prompt",
+                        {},
+                        {
+                            strong: boldText,
+                            a: helpLink,
+                        },
+                    )}
+                </SettingsBanner>
+            )}
+            <SettingsSection>
+                <Form.Root className="mx_SettingsSubsection_content" onSubmit={onSubmitPreventDefault}>
+                    <SettingsToggleInput
+                        name="enable_notifications_account"
+                        label={_t("settings|notifications|enable_notifications_account")}
+                        checked={!settings.globalMute}
+                        disabled={disabled}
+                        onChange={(evt) => {
+                            reconcile({
+                                ...model!,
+                                globalMute: !evt.target.checked,
+                            });
+                        }}
+                    />
+                    <SettingsFlag name="notificationsEnabled" level={SettingLevel.DEVICE} />
+                    <SettingsFlag
+                        name="notificationBodyEnabled"
+                        label={_t("settings|notifications|desktop_notification_message_preview")}
+                        level={SettingLevel.DEVICE}
+                    />
+                    <SettingsFlag name="audioNotificationsEnabled" level={SettingLevel.DEVICE} />
+                </Form.Root>
+                <SettingsSubsection
+                    heading={
+                        <SettingsSubsectionHeading
+                            heading={_t("settings|notifications|default_setting_section")}
+                            as="h2"
+                        />
+                    }
+                    description={_t("settings|notifications|default_setting_description")}
+                >
+                    <StyledRadioGroup
+                        name="defaultNotificationLevel"
+                        value={toDefaultLevels(settings.defaultLevels)}
+                        disabled={disabled}
+                        definitions={NotificationOptions}
+                        onChange={(value) => {
+                            reconcile({
+                                ...model!,
+                                defaultLevels: {
+                                    ...model!.defaultLevels,
+                                    dm:
+                                        value !== NotificationDefaultLevels.MentionsKeywords
+                                            ? RoomNotifState.AllMessages
+                                            : RoomNotifState.MentionsOnly,
+                                    room:
+                                        value === NotificationDefaultLevels.AllMessages
+                                            ? RoomNotifState.AllMessages
+                                            : RoomNotifState.MentionsOnly,
+                                },
+                            });
+                        }}
+                    />
+                </SettingsSubsection>
+                <SettingsSubsection
+                    heading={
+                        <SettingsSubsectionHeading
+                            heading={_t("settings|notifications|play_sound_for_section")}
+                            as="h2"
+                        />
+                    }
+                    description={_t("settings|notifications|play_sound_for_description")}
+                >
+                    <LabelledCheckbox
+                        label={_t("common|people")}
+                        value={settings.sound.people !== undefined}
+                        disabled={disabled || settings.defaultLevels.dm === RoomNotifState.MentionsOnly}
+                        onChange={(value) => {
+                            reconcile({
+                                ...model!,
+                                sound: {
+                                    ...model!.sound,
+                                    people: value ? "default" : undefined,
+                                },
+                            });
+                        }}
+                    />
+                    <LabelledCheckbox
+                        label={_t("settings|notifications|mentions_keywords")}
+                        value={settings.sound.mentions !== undefined}
+                        disabled={disabled}
+                        onChange={(value) => {
+                            reconcile({
+                                ...model!,
+                                sound: {
+                                    ...model!.sound,
+                                    mentions: value ? "default" : undefined,
+                                },
+                            });
+                        }}
+                    />
+                    <LabelledCheckbox
+                        label={_t("settings|notifications|voip")}
+                        value={settings.sound.calls !== undefined}
+                        disabled={disabled}
+                        onChange={(value) => {
+                            reconcile({
+                                ...model!,
+                                sound: {
+                                    ...model!.sound,
+                                    calls: value ? "ring" : undefined,
+                                },
+                            });
+                        }}
+                    />
+                </SettingsSubsection>
+                <SettingsSubsection
+                    heading={<SettingsSubsectionHeading heading={_t("settings|notifications|other_section")} as="h2" />}
+                >
+                    <LabelledCheckbox
+                        label={_t("settings|notifications|invites")}
+                        value={settings.activity.invite}
+                        disabled={disabled}
+                        onChange={(value) => {
+                            reconcile({
+                                ...model!,
+                                activity: {
+                                    ...model!.activity,
+                                    invite: value,
+                                },
+                            });
+                        }}
+                    />
+                    <LabelledCheckbox
+                        label={_t("settings|notifications|room_activity")}
+                        value={settings.activity.status_event}
+                        disabled={disabled}
+                        onChange={(value) => {
+                            reconcile({
+                                ...model!,
+                                activity: {
+                                    ...model!.activity,
+                                    status_event: value,
+                                },
+                            });
+                        }}
+                    />
+                    <LabelledCheckbox
+                        label={_t("settings|notifications|notices")}
+                        value={settings.activity.bot_notices}
+                        disabled={disabled}
+                        onChange={(value) => {
+                            reconcile({
+                                ...model!,
+                                activity: {
+                                    ...model!.activity,
+                                    bot_notices: value,
+                                },
+                            });
+                        }}
+                    />
+                </SettingsSubsection>
+                <SettingsSubsection
+                    heading={
+                        <SettingsSubsectionHeading heading={_t("settings|notifications|mentions_keywords")} as="h2" />
+                    }
+                    description={_t(
+                        "settings|notifications|keywords",
+                        {},
+                        {
+                            badge: (
+                                <StatelessNotificationBadge
+                                    symbol="1"
+                                    count={1}
+                                    level={NotificationLevel.Notification}
+                                    className="mx_NotificationSettings2_notificationBadge"
+                                />
+                            ),
+                        },
+                    )}
+                >
+                    <LabelledCheckbox
+                        label={_t("settings|notifications|notify_at_room")}
+                        value={settings.mentions.room}
+                        disabled={disabled}
+                        onChange={(value) => {
+                            reconcile({
+                                ...model!,
+                                mentions: {
+                                    ...model!.mentions,
+                                    room: value,
+                                },
+                            });
+                        }}
+                    />
+                    <LabelledCheckbox
+                        label={_t("settings|notifications|notify_mention", {
+                            mxid: cli.getUserId()!,
+                        })}
+                        id="mx_NotificationSettings2_MentionCheckbox"
+                        value={settings.mentions.user}
+                        disabled={disabled}
+                        onChange={(value) => {
+                            reconcile({
+                                ...model!,
+                                mentions: {
+                                    ...model!.mentions,
+                                    user: value,
+                                },
+                            });
+                        }}
+                    />
+                    <LabelledCheckbox
+                        label={_t("settings|notifications|notify_keyword")}
+                        byline={_t("settings|notifications|keywords_prompt")}
+                        value={settings.mentions.keywords}
+                        disabled={disabled}
+                        onChange={(value) => {
+                            reconcile({
+                                ...model!,
+                                mentions: {
+                                    ...model!.mentions,
+                                    keywords: value,
+                                },
+                            });
+                        }}
+                    />
+                    <TagComposer
+                        id="mx_NotificationSettings2_Keywords"
+                        tags={model?.keywords ?? []}
+                        disabled={disabled}
+                        onAdd={(keyword) => {
+                            reconcile({
+                                ...model!,
+                                keywords: [keyword, ...model!.keywords],
+                            });
+                        }}
+                        onRemove={(keyword) => {
+                            reconcile({
+                                ...model!,
+                                keywords: model!.keywords.filter((it) => it !== keyword),
+                            });
+                        }}
+                        label={_t("notifications|keyword")}
+                        placeholder={_t("notifications|keyword_new")}
+                    />
+
+                    <Form.Root onSubmit={onSubmitPreventDefault}>
+                        <SettingsFlag name="Notifications.showbold" level={SettingLevel.DEVICE} />
+                        <SettingsFlag name="Notifications.tac_only_notifications" level={SettingLevel.DEVICE} />
+                    </Form.Root>
+                </SettingsSubsection>
+                <NotificationPusherSettings />
+                <SettingsSubsection heading={_t("settings|notifications|quick_actions_section")}>
+                    {hasUnreadNotifications && (
+                        <AccessibleButton
+                            kind="primary_outline"
+                            disabled={updatingUnread}
+                            onClick={async () => {
+                                setUpdatingUnread(true);
+                                await clearAllNotifications(cli);
+                                setUpdatingUnread(false);
+                            }}
+                        >
+                            {_t("settings|notifications|quick_actions_mark_all_read")}
+                        </AccessibleButton>
+                    )}
+                    <AccessibleButton
+                        kind="danger_outline"
+                        disabled={model === null}
+                        onClick={() => {
+                            reconcile(DefaultNotificationSettings);
+                        }}
+                    >
+                        {_t("settings|notifications|quick_actions_reset")}
+                    </AccessibleButton>
+                </SettingsSubsection>
+            </SettingsSection>
+        </div>
+    );
+}
diff --git a/apps/web/src/components/views/settings/shared/SettingsBanner.tsx b/apps/web/src/components/views/settings/shared/SettingsBanner.tsx
new file mode 100644
index 00000000000..2558b2c80a7
--- /dev/null
+++ b/apps/web/src/components/views/settings/shared/SettingsBanner.tsx
@@ -0,0 +1,31 @@
+/*
+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 JSX, type PropsWithChildren, type ReactNode } from "react";
+
+import AccessibleButton from "../../elements/AccessibleButton";
+
+interface Props {
+    icon?: ReactNode;
+    action?: ReactNode;
+    onAction?: () => void;
+}
+
+export function SettingsBanner({ children, icon, action, onAction }: PropsWithChildren<Props>): JSX.Element {
+    return (
+        <div className="mx_SettingsBanner">
+            {icon}
+            <div className="mx_SettingsBanner_content">{children}</div>
+            {action && (
+                <AccessibleButton kind="primary_outline" onClick={onAction ?? null}>
+                    {action}
+                </AccessibleButton>
+            )}
+        </div>
+    );
+}
diff --git a/apps/web/src/components/views/settings/shared/SettingsIndent.tsx b/apps/web/src/components/views/settings/shared/SettingsIndent.tsx
new file mode 100644
index 00000000000..abcc2441291
--- /dev/null
+++ b/apps/web/src/components/views/settings/shared/SettingsIndent.tsx
@@ -0,0 +1,19 @@
+/*
+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 HTMLAttributes } from "react";
+
+export interface SettingsIndentProps extends HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+
+export const SettingsIndent: React.FC<SettingsIndentProps> = ({ children, ...rest }) => (
+    <div {...rest} className="mx_SettingsIndent">
+        {children}
+    </div>
+);
diff --git a/apps/web/src/components/views/settings/shared/SettingsSection.tsx b/apps/web/src/components/views/settings/shared/SettingsSection.tsx
new file mode 100644
index 00000000000..1d6866ce4b5
--- /dev/null
+++ b/apps/web/src/components/views/settings/shared/SettingsSection.tsx
@@ -0,0 +1,102 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 classnames from "classnames";
+import React, { type ComponentProps, createContext, type HTMLAttributes, useContext } from "react";
+
+import Heading from "../../typography/Heading";
+import { SettingsHeader } from "../SettingsHeader";
+
+export interface SettingsSectionProps extends HTMLAttributes<HTMLDivElement> {
+    heading?: string | React.ReactNode;
+    subHeading?: string | React.ReactNode;
+    children?: React.ReactNode;
+    legacy?: boolean;
+}
+
+type HeadingLevel = 2 | 3 | 4 | 5 | 6;
+
+/**
+ * React context to correctly set heading levels in nested settings sections dynamically
+ */
+export const HeadingLevelContext = createContext<HeadingLevel>(2);
+
+function SectionHeading({
+    heading,
+    legacy,
+    level,
+}: {
+    heading: string | React.ReactNode | undefined;
+    legacy: boolean;
+    level: HeadingLevel;
+}): React.ReactNode | undefined {
+    switch (typeof heading) {
+        case "string":
+            return legacy ? (
+                <Heading as={`h${level}`} size={(level + 1).toString() as ComponentProps<typeof Heading>["size"]}>
+                    {heading}
+                </Heading>
+            ) : (
+                <SettingsHeader as={`h${level}`} label={heading} />
+            );
+        case "undefined":
+            return undefined;
+        default:
+            return heading;
+    }
+}
+
+/**
+ * A section of settings content
+ * A SettingsTab may contain one or more SettingsSections
+ * Eg:
+ * ```
+ * <SettingsTab>
+ *      <SettingsSection heading="General">
+ *           <SettingsSubsection heading="Profile">
+ *              // profile settings form
+ *          <SettingsSubsection>
+ *          <SettingsSubsection heading="Account">
+ *              // account settings
+ *          <SettingsSubsection>
+ *      </SettingsSection>
+ * </SettingsTab>
+ * ```
+ */
+export const SettingsSection: React.FC<SettingsSectionProps> = ({
+    className,
+    heading,
+    subHeading,
+    legacy = true,
+    children,
+    ...rest
+}) => {
+    const level = useContext(HeadingLevelContext);
+
+    return (
+        <div
+            {...rest}
+            className={classnames("mx_SettingsSection", className, {
+                mx_SettingsSection_newUi: !legacy,
+            })}
+        >
+            {heading &&
+                (subHeading ? (
+                    <div className="mx_SettingsSection_header">
+                        <SectionHeading heading={heading} legacy={legacy} level={level} />
+                        {subHeading}
+                    </div>
+                ) : (
+                    <SectionHeading heading={heading} legacy={legacy} level={level} />
+                ))}
+            <HeadingLevelContext.Provider value={heading ? ((level + 1) as HeadingLevel) : level}>
+                {legacy ? <div className="mx_SettingsSection_subSections">{children}</div> : children}
+            </HeadingLevelContext.Provider>
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/settings/shared/SettingsSubsection.tsx b/apps/web/src/components/views/settings/shared/SettingsSubsection.tsx
new file mode 100644
index 00000000000..ab882cffde8
--- /dev/null
+++ b/apps/web/src/components/views/settings/shared/SettingsSubsection.tsx
@@ -0,0 +1,96 @@
+/*
+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 classNames from "classnames";
+import React, { type HTMLAttributes, useContext } from "react";
+import { Form, Separator } from "@vector-im/compound-web";
+
+import { SettingsSubsectionHeading } from "./SettingsSubsectionHeading";
+import { HeadingLevelContext } from "./SettingsSection.tsx";
+
+export interface SettingsSubsectionProps extends HTMLAttributes<HTMLDivElement> {
+    heading?: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    children?: React.ReactNode;
+    // when true content will be justify-items: stretch, which will make items within the section stretch to full width.
+    stretchContent?: boolean;
+    /*
+     * When true, the legacy UI style will be applied to the subsection.
+     * @default true
+     */
+    legacy?: boolean;
+
+    /**
+     * Wrap in a Form Root component, for compatibility with compound components.
+     */
+    formWrap?: boolean;
+}
+
+export const SettingsSubsectionText: React.FC<HTMLAttributes<HTMLDivElement>> = ({ children, ...rest }) => (
+    <div {...rest} className="mx_SettingsSubsection_text">
+        {children}
+    </div>
+);
+
+export const SettingsSubsection: React.FC<SettingsSubsectionProps> = ({
+    heading,
+    description,
+    children,
+    stretchContent,
+    legacy = true,
+    formWrap,
+    ...rest
+}) => {
+    const level = useContext(HeadingLevelContext);
+
+    const content = (
+        <div
+            {...rest}
+            className={classNames("mx_SettingsSubsection", {
+                mx_SettingsSubsection_newUi: !legacy,
+            })}
+        >
+            {typeof heading === "string" ? (
+                <SettingsSubsectionHeading heading={heading} as={`h${level}`} />
+            ) : (
+                <>{heading}</>
+            )}
+            {!!description && (
+                <div className="mx_SettingsSubsection_description">
+                    <SettingsSubsectionText>{description}</SettingsSubsectionText>
+                </div>
+            )}
+            {!!children && (
+                <div
+                    className={classNames("mx_SettingsSubsection_content", {
+                        mx_SettingsSubsection_contentStretch: !!stretchContent,
+                        mx_SettingsSubsection_noHeading: !heading && !description,
+                        mx_SettingsSubsection_content_newUi: !legacy,
+                    })}
+                >
+                    {children}
+                </div>
+            )}
+            {!legacy && <Separator />}
+        </div>
+    );
+
+    if (formWrap) {
+        return (
+            <Form.Root
+                onSubmit={(evt) => {
+                    evt.preventDefault();
+                    evt.stopPropagation();
+                }}
+            >
+                {content}
+            </Form.Root>
+        );
+    }
+    return content;
+};
diff --git a/apps/web/src/components/views/settings/shared/SettingsSubsectionHeading.tsx b/apps/web/src/components/views/settings/shared/SettingsSubsectionHeading.tsx
new file mode 100644
index 00000000000..9d688107313
--- /dev/null
+++ b/apps/web/src/components/views/settings/shared/SettingsSubsectionHeading.tsx
@@ -0,0 +1,33 @@
+/*
+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 HTMLAttributes } from "react";
+
+import Heading from "../../typography/Heading";
+
+export interface SettingsSubsectionHeadingProps extends HTMLAttributes<HTMLDivElement> {
+    heading: string;
+    as?: React.ComponentProps<typeof Heading>["as"];
+    children?: React.ReactNode;
+}
+
+export const SettingsSubsectionHeading: React.FC<SettingsSubsectionHeadingProps> = ({
+    heading,
+    as = "h2",
+    children,
+    ...rest
+}) => {
+    return (
+        <div {...rest} className="mx_SettingsSubsectionHeading">
+            <Heading className="mx_SettingsSubsectionHeading_heading" size="4" as={as}>
+                {heading}
+            </Heading>
+            {children}
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/settings/tabs/SettingsTab.tsx b/apps/web/src/components/views/settings/tabs/SettingsTab.tsx
new file mode 100644
index 00000000000..d9f5d177884
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/SettingsTab.tsx
@@ -0,0 +1,43 @@
+/*
+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 HTMLAttributes } from "react";
+import classNames from "classnames";
+
+export interface SettingsTabProps extends HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    /**
+     * Added to the classList of the root element
+     */
+    className?: string;
+}
+
+/**
+ * Container for a tab of settings panel content
+ * Should contain one or more SettingsSection
+ * Settings width, padding and spacing between sections
+ * Eg:
+ * ```
+ * <SettingsTab>
+ *      <SettingsSection heading="General">
+ *           <SettingsSubsection heading="Profile">
+ *              // profile settings form
+ *          <SettingsSubsection>
+ *          <SettingsSubsection heading="Account">
+ *              // account settings
+ *          <SettingsSubsection>
+ *      </SettingsSection>
+ * </SettingsTab>
+ * ```
+ */
+const SettingsTab: React.FC<SettingsTabProps> = ({ children, className, ...rest }) => (
+    <div {...rest} className={classNames("mx_SettingsTab", className)}>
+        <div className="mx_SettingsTab_sections">{children}</div>
+    </div>
+);
+
+export default SettingsTab;
diff --git a/apps/web/src/components/views/settings/tabs/room/AdvancedRoomSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/room/AdvancedRoomSettingsTab.tsx
new file mode 100644
index 00000000000..b82dc4efcda
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/room/AdvancedRoomSettingsTab.tsx
@@ -0,0 +1,180 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 JSX } from "react";
+import { EventType, type Room } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../../../languageHandler";
+import AccessibleButton, { type ButtonEvent } from "../../../elements/AccessibleButton";
+import RoomUpgradeDialog from "../../../dialogs/RoomUpgradeDialog";
+import Modal from "../../../../../Modal";
+import dis from "../../../../../dispatcher/dispatcher";
+import { Action } from "../../../../../dispatcher/actions";
+import CopyableText from "../../../elements/CopyableText";
+import { type ViewRoomPayload } from "../../../../../dispatcher/payloads/ViewRoomPayload";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import SettingsTab from "../SettingsTab";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { SettingsSubsection } from "../../shared/SettingsSubsection";
+
+interface IProps {
+    room: Room;
+    closeSettingsFn(): void;
+}
+
+interface IRecommendedVersion {
+    version: string;
+    needsUpgrade: boolean;
+    urgent: boolean;
+}
+
+interface IState {
+    // This is eventually set to the value of room.getRecommendedVersion()
+    upgradeRecommendation?: IRecommendedVersion;
+
+    /** The room ID of this room's predecessor, if it exists. */
+    oldRoomId?: string;
+
+    /** The ID of tombstone event in this room's predecessor, if it exists. */
+    oldEventId?: string;
+
+    /** The via servers to use to find this room's predecessor, if it exists. */
+    oldViaServers?: string[];
+
+    upgraded?: boolean;
+}
+
+export default class AdvancedRoomSettingsTab extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {};
+    }
+
+    public componentDidMount(): void {
+        const msc3946ProcessDynamicPredecessor = SettingsStore.getValue("feature_dynamic_room_predecessors");
+
+        // we handle lack of this object gracefully later, so don't worry about it failing here.
+        const room = this.props.room;
+        room.getRecommendedVersion().then((v) => {
+            const tombstone = room.currentState.getStateEvents(EventType.RoomTombstone, "");
+
+            const additionalStateChanges: Partial<IState> = {};
+            const predecessor = room.findPredecessor(msc3946ProcessDynamicPredecessor);
+            if (predecessor) {
+                additionalStateChanges.oldRoomId = predecessor.roomId;
+                additionalStateChanges.oldEventId = predecessor.eventId;
+                additionalStateChanges.oldViaServers = predecessor.viaServers;
+            }
+
+            this.setState({
+                upgraded: !!tombstone?.getContent().replacement_room,
+                upgradeRecommendation: v,
+                ...additionalStateChanges,
+            });
+        });
+    }
+
+    private upgradeRoom = (): void => {
+        Modal.createDialog(RoomUpgradeDialog, { room: this.props.room });
+    };
+
+    private onOldRoomClicked = (e: ButtonEvent): void => {
+        e.preventDefault();
+        e.stopPropagation();
+
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: this.state.oldRoomId,
+            event_id: this.state.oldEventId,
+            via_servers: this.state.oldViaServers,
+            metricsTrigger: "WebPredecessorSettings",
+            metricsViaKeyboard: e.type !== "click",
+        });
+        this.props.closeSettingsFn();
+    };
+
+    public render(): React.ReactNode {
+        const room = this.props.room;
+        const isSpace = room.isSpaceRoom();
+
+        let unfederatableSection: JSX.Element | undefined;
+        if (room.currentState.getStateEvents(EventType.RoomCreate, "")?.getContent()["m.federate"] === false) {
+            unfederatableSection = <div>{_t("room_settings|advanced|unfederated")}</div>;
+        }
+
+        let roomUpgradeButton;
+        if (this.state.upgradeRecommendation && this.state.upgradeRecommendation.needsUpgrade && !this.state.upgraded) {
+            roomUpgradeButton = (
+                <div>
+                    <p className="mx_SettingsTab_warningText">
+                        {_t(
+                            "room_settings|advanced|room_upgrade_warning",
+                            {},
+                            {
+                                b: (sub) => <strong>{sub}</strong>,
+                                i: (sub) => <i>{sub}</i>,
+                            },
+                        )}
+                    </p>
+                    <AccessibleButton onClick={this.upgradeRoom} kind="primary">
+                        {isSpace
+                            ? _t("room_settings|advanced|space_upgrade_button")
+                            : _t("room_settings|advanced|room_upgrade_button")}
+                    </AccessibleButton>
+                </div>
+            );
+        }
+
+        let oldRoomLink: JSX.Element | undefined;
+        if (this.state.oldRoomId) {
+            let copy: string;
+            if (isSpace) {
+                copy = _t("room_settings|advanced|space_predecessor", { spaceName: room.name ?? this.state.oldRoomId });
+            } else {
+                copy = _t("room_settings|advanced|room_predecessor", { roomName: room.name ?? this.state.oldRoomId });
+            }
+
+            oldRoomLink = (
+                <AccessibleButton element="a" onClick={this.onOldRoomClicked}>
+                    {copy}
+                </AccessibleButton>
+            );
+        }
+
+        return (
+            <SettingsTab>
+                <SettingsSection heading={_t("common|advanced")}>
+                    <SettingsSubsection
+                        heading={
+                            room.isSpaceRoom()
+                                ? _t("room_settings|advanced|information_section_space")
+                                : _t("room_settings|advanced|information_section_room")
+                        }
+                    >
+                        <div>
+                            <span>{_t("room_settings|advanced|room_id")}</span>
+                            <CopyableText getTextToCopy={() => this.props.room.roomId}>
+                                {this.props.room.roomId}
+                            </CopyableText>
+                        </div>
+                        {unfederatableSection}
+                    </SettingsSubsection>
+                    <SettingsSubsection heading={_t("room_settings|advanced|room_version_section")}>
+                        <div>
+                            <span>{_t("room_settings|advanced|room_version")}</span>&nbsp;
+                            {room.getVersion()}
+                        </div>
+                        {oldRoomLink}
+                        {roomUpgradeButton}
+                    </SettingsSubsection>
+                </SettingsSection>
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/tabs/room/BridgeSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/room/BridgeSettingsTab.tsx
new file mode 100644
index 00000000000..ae82800aa3c
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/room/BridgeSettingsTab.tsx
@@ -0,0 +1,102 @@
+/*
+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.
+*/
+
+import React, { type JSX, type ReactNode } from "react";
+import { type Room, type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../../../languageHandler";
+import BridgeTile from "../../BridgeTile";
+import SettingsTab from "../SettingsTab";
+import { SettingsSection } from "../../shared/SettingsSection";
+import MatrixClientContext from "../../../../../contexts/MatrixClientContext";
+
+const BRIDGE_EVENT_TYPES = [
+    "uk.half-shot.bridge",
+    // m.bridge
+];
+
+const BRIDGES_LINK = "https://matrix.org/bridges/";
+
+interface IProps {
+    room: Room;
+}
+
+export default class BridgeSettingsTab extends React.Component<IProps> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    private renderBridgeCard(event: MatrixEvent, room: Room | null): ReactNode {
+        const content = event.getContent();
+        if (!room || !content?.channel || !content.protocol) return null;
+        return <BridgeTile key={event.getId()} room={room} ev={event} />;
+    }
+
+    public static getBridgeStateEvents(client: MatrixClient, roomId: string): MatrixEvent[] {
+        const roomState = client.getRoom(roomId)?.currentState;
+        if (!roomState) return [];
+
+        return BRIDGE_EVENT_TYPES.flatMap((typeName) => roomState.getStateEvents(typeName));
+    }
+
+    public render(): React.ReactNode {
+        // This settings tab will only be invoked if the following function returns more
+        // than 0 events, so no validation is needed at this stage.
+        const bridgeEvents = BridgeSettingsTab.getBridgeStateEvents(this.context, this.props.room.roomId);
+        const room = this.props.room;
+
+        let content: JSX.Element;
+        if (bridgeEvents.length > 0) {
+            content = (
+                <div>
+                    <p>
+                        {_t(
+                            "room_settings|bridges|description",
+                            {},
+                            {
+                                // TODO: We don't have this link yet: this will prevent the translators
+                                // having to re-translate the string when we do.
+                                a: (sub) => (
+                                    <a href={BRIDGES_LINK} target="_blank" rel="noreferrer noopener">
+                                        {sub}
+                                    </a>
+                                ),
+                            },
+                        )}
+                    </p>
+                    <ul className="mx_RoomSettingsDialog_BridgeList">
+                        {bridgeEvents.map((event) => this.renderBridgeCard(event, room))}
+                    </ul>
+                </div>
+            );
+        } else {
+            content = (
+                <p>
+                    {_t(
+                        "room_settings|bridges|empty",
+                        {},
+                        {
+                            // TODO: We don't have this link yet: this will prevent the translators
+                            // having to re-translate the string when we do.
+                            a: (sub) => (
+                                <a href={BRIDGES_LINK} target="_blank" rel="noreferrer noopener">
+                                    {sub}
+                                </a>
+                            ),
+                        },
+                    )}
+                </p>
+            );
+        }
+
+        return (
+            <SettingsTab>
+                <SettingsSection heading={_t("room_settings|bridges|title")}>{content}</SettingsSection>
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/tabs/room/GeneralRoomSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/room/GeneralRoomSettingsTab.tsx
new file mode 100644
index 00000000000..224a70e62df
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/room/GeneralRoomSettingsTab.tsx
@@ -0,0 +1,96 @@
+/*
+Copyright 2019-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 ContextType } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { _t } from "../../../../../languageHandler";
+import RoomProfileSettings from "../../../room_settings/RoomProfileSettings";
+import AccessibleButton, { type ButtonEvent } from "../../../elements/AccessibleButton";
+import dis from "../../../../../dispatcher/dispatcher";
+import MatrixClientContext from "../../../../../contexts/MatrixClientContext";
+import AliasSettings from "../../../room_settings/AliasSettings";
+import PosthogTrackers from "../../../../../PosthogTrackers";
+import { SettingsSubsection } from "../../shared/SettingsSubsection";
+import SettingsTab from "../SettingsTab";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { MediaPreviewAccountSettings } from "../user/MediaPreviewAccountSettings";
+
+interface IProps {
+    room: Room;
+}
+
+interface IState {
+    isRoomPublished: boolean;
+}
+
+export default class GeneralRoomSettingsTab extends React.Component<IProps, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: ContextType<typeof MatrixClientContext>;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            isRoomPublished: false, // loaded async
+        };
+    }
+
+    private onLeaveClick = (ev: ButtonEvent): void => {
+        dis.dispatch({
+            action: "leave_room",
+            room_id: this.props.room.roomId,
+        });
+
+        PosthogTrackers.trackInteraction("WebRoomSettingsLeaveButton", ev);
+    };
+
+    public render(): React.ReactNode {
+        const client = this.context;
+        const room = this.props.room;
+
+        const canSetAliases = true; // Previously, we arbitrarily only allowed admins to do this
+        const canSetCanonical = room.currentState.mayClientSendStateEvent("m.room.canonical_alias", client);
+        const canonicalAliasEv = room.currentState.getStateEvents("m.room.canonical_alias", "") ?? undefined;
+
+        let leaveSection;
+        if (room.getMyMembership() === KnownMembership.Join) {
+            leaveSection = (
+                <SettingsSubsection heading={_t("action|leave_room")}>
+                    <AccessibleButton kind="danger" onClick={this.onLeaveClick}>
+                        {_t("action|leave_room")}
+                    </AccessibleButton>
+                </SettingsSubsection>
+            );
+        }
+
+        return (
+            <SettingsTab data-testid="General">
+                <SettingsSection heading={_t("common|general")}>
+                    <RoomProfileSettings roomId={room.roomId} />
+                </SettingsSection>
+
+                <SettingsSection heading={_t("room_settings|general|aliases_section")}>
+                    <AliasSettings
+                        roomId={room.roomId}
+                        canSetCanonicalAlias={canSetCanonical}
+                        canSetAliases={canSetAliases}
+                        canonicalAliasEvent={canonicalAliasEv}
+                    />
+                </SettingsSection>
+
+                <SettingsSection heading={_t("room_settings|general|other_section")}>
+                    <SettingsSubsection heading={_t("common|moderation_and_safety")} legacy={false}>
+                        <MediaPreviewAccountSettings roomId={room.roomId} />
+                    </SettingsSubsection>
+                    {leaveSection}
+                </SettingsSection>
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/tabs/room/NotificationSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/room/NotificationSettingsTab.tsx
new file mode 100644
index 00000000000..68528852c0b
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/room/NotificationSettingsTab.tsx
@@ -0,0 +1,305 @@
+/*
+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 JSX, createRef } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../../../languageHandler";
+import AccessibleButton, { type ButtonEvent } from "../../../elements/AccessibleButton";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import { SettingLevel } from "../../../../../settings/SettingLevel";
+import { type RoomEchoChamber } from "../../../../../stores/local-echo/RoomEchoChamber";
+import { EchoChamber } from "../../../../../stores/local-echo/EchoChamber";
+import MatrixClientContext from "../../../../../contexts/MatrixClientContext";
+import StyledRadioGroup from "../../../elements/StyledRadioGroup";
+import { RoomNotifState } from "../../../../../RoomNotifs";
+import defaultDispatcher from "../../../../../dispatcher/dispatcher";
+import { Action } from "../../../../../dispatcher/actions";
+import { UserTab } from "../../../dialogs/UserTab";
+import { chromeFileInputFix } from "../../../../../utils/BrowserWorkarounds";
+import SettingsTab from "../SettingsTab";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { SettingsSubsection } from "../../shared/SettingsSubsection";
+import { SDKContextClass } from "../../../../../contexts/SDKContextClass.ts";
+
+interface IProps {
+    roomId: string;
+    closeSettingsFn(): void;
+}
+
+interface IState {
+    currentSound: string;
+    uploadedFile: File | null;
+}
+
+export default class NotificationsSettingsTab extends React.Component<IProps, IState> {
+    private readonly roomProps: RoomEchoChamber;
+    private soundUpload = createRef<HTMLInputElement>();
+
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    public constructor(props: IProps, context: React.ContextType<typeof MatrixClientContext>) {
+        super(props, context);
+
+        this.roomProps = EchoChamber.forRoom(context.getRoom(this.props.roomId)!);
+
+        let currentSound = "default";
+        const soundData = SDKContextClass.instance.notifier.getSoundForRoom(this.props.roomId);
+        if (soundData) {
+            currentSound = soundData.name || soundData.url;
+        }
+
+        this.state = {
+            currentSound,
+            uploadedFile: null,
+        };
+    }
+
+    private triggerUploader = async (e: ButtonEvent): Promise<void> => {
+        e.stopPropagation();
+        e.preventDefault();
+
+        this.soundUpload.current?.click();
+    };
+
+    private onSoundUploadChanged = (e: React.ChangeEvent<HTMLInputElement>): void => {
+        if (!e.target.files || !e.target.files.length) {
+            this.setState({
+                uploadedFile: null,
+            });
+            return;
+        }
+
+        const file = e.target.files[0];
+        this.setState({
+            uploadedFile: file,
+        });
+    };
+
+    private onClickSaveSound = async (e: ButtonEvent): Promise<void> => {
+        e.stopPropagation();
+        e.preventDefault();
+
+        try {
+            await this.saveSound();
+        } catch (ex) {
+            logger.error(`Unable to save notification sound for ${this.props.roomId}`);
+            logger.error(ex);
+        }
+    };
+
+    private async saveSound(): Promise<void> {
+        if (!this.state.uploadedFile) {
+            return;
+        }
+
+        let type = this.state.uploadedFile.type;
+        if (type === "video/ogg") {
+            // XXX: I've observed browsers allowing users to pick a audio/ogg files,
+            // and then calling it a video/ogg. This is a lame hack, but man browsers
+            // suck at detecting mimetypes.
+            type = "audio/ogg";
+        }
+
+        const { content_uri: url } = await this.context.uploadContent(this.state.uploadedFile, {
+            type,
+        });
+
+        await SettingsStore.setValue("notificationSound", this.props.roomId, SettingLevel.ROOM_ACCOUNT, {
+            name: this.state.uploadedFile.name,
+            type: type,
+            size: this.state.uploadedFile.size,
+            url,
+        });
+
+        this.setState({
+            uploadedFile: null,
+            currentSound: this.state.uploadedFile.name,
+        });
+    }
+
+    private clearSound = (e: ButtonEvent): void => {
+        e.stopPropagation();
+        e.preventDefault();
+        SettingsStore.setValue("notificationSound", this.props.roomId, SettingLevel.ROOM_ACCOUNT, null);
+
+        this.setState({
+            currentSound: "default",
+        });
+    };
+
+    private onRoomNotificationChange = (value: RoomNotifState): void => {
+        this.roomProps.notificationVolume = value;
+        this.forceUpdate();
+    };
+
+    private onOpenSettingsClick = (event: ButtonEvent): void => {
+        // avoid selecting the radio button
+        event.preventDefault();
+        this.props.closeSettingsFn();
+        defaultDispatcher.dispatch({
+            action: Action.ViewUserSettings,
+            initialTabId: UserTab.Notifications,
+        });
+    };
+
+    public render(): React.ReactNode {
+        let currentUploadedFile: JSX.Element | undefined;
+        if (this.state.uploadedFile) {
+            currentUploadedFile = (
+                <div>
+                    <span>
+                        {_t("room_settings|notifications|uploaded_sound")}: <code>{this.state.uploadedFile.name}</code>
+                    </span>
+                </div>
+            );
+        }
+
+        return (
+            <SettingsTab>
+                <SettingsSection heading={_t("notifications|enable_prompt_toast_title")}>
+                    <div className="mx_NotificationSettingsTab_notificationsSection">
+                        <StyledRadioGroup
+                            name="roomNotificationSetting"
+                            definitions={[
+                                {
+                                    value: RoomNotifState.AllMessages,
+                                    label: (
+                                        <>
+                                            {_t("notifications|default")}
+                                            <div className="mx_NotificationSettingsTab_microCopy">
+                                                {_t(
+                                                    "room_settings|notifications|settings_link",
+                                                    {},
+                                                    {
+                                                        a: (sub) => (
+                                                            <AccessibleButton
+                                                                kind="link_inline"
+                                                                onClick={this.onOpenSettingsClick}
+                                                            >
+                                                                {sub}
+                                                            </AccessibleButton>
+                                                        ),
+                                                    },
+                                                )}
+                                            </div>
+                                        </>
+                                    ),
+                                },
+                                {
+                                    value: RoomNotifState.AllMessagesLoud,
+                                    label: (
+                                        <>
+                                            {_t("notifications|all_messages")}
+                                            <div className="mx_NotificationSettingsTab_microCopy">
+                                                {_t("notifications|all_messages_description")}
+                                            </div>
+                                        </>
+                                    ),
+                                },
+                                {
+                                    value: RoomNotifState.MentionsOnly,
+                                    label: (
+                                        <>
+                                            {_t("notifications|mentions_and_keywords")}
+                                            <div className="mx_NotificationSettingsTab_microCopy">
+                                                {_t(
+                                                    "notifications|mentions_and_keywords_description",
+                                                    {},
+                                                    {
+                                                        a: (sub) => (
+                                                            <AccessibleButton
+                                                                kind="link_inline"
+                                                                onClick={this.onOpenSettingsClick}
+                                                            >
+                                                                {sub}
+                                                            </AccessibleButton>
+                                                        ),
+                                                    },
+                                                )}
+                                            </div>
+                                        </>
+                                    ),
+                                },
+                                {
+                                    value: RoomNotifState.Mute,
+                                    label: (
+                                        <>
+                                            {_t("common|mute")}
+                                            <div className="mx_NotificationSettingsTab_microCopy">
+                                                {_t("notifications|mute_description")}
+                                            </div>
+                                        </>
+                                    ),
+                                },
+                            ]}
+                            onChange={this.onRoomNotificationChange}
+                            value={this.roomProps.notificationVolume}
+                        />
+                    </div>
+
+                    <SettingsSubsection heading={_t("room_settings|notifications|sounds_section")}>
+                        <div>
+                            <div className="mx_SettingsTab_subsectionText">
+                                <span>
+                                    {_t("room_settings|notifications|notification_sound")}:{" "}
+                                    <code>{this.state.currentSound}</code>
+                                </span>
+                            </div>
+                            <AccessibleButton
+                                className="mx_NotificationSound_resetSound"
+                                disabled={this.state.currentSound == "default"}
+                                onClick={this.clearSound}
+                                kind="primary"
+                            >
+                                {_t("action|reset")}
+                            </AccessibleButton>
+                        </div>
+                        <div>
+                            <h4 className="mx_Heading_h4">{_t("room_settings|notifications|custom_sound_prompt")}</h4>
+                            <div className="mx_SettingsFlag">
+                                <form autoComplete="off" noValidate={true}>
+                                    <input
+                                        ref={this.soundUpload}
+                                        className="mx_NotificationSound_soundUpload"
+                                        type="file"
+                                        onClick={chromeFileInputFix}
+                                        onChange={this.onSoundUploadChanged}
+                                        accept="audio/*"
+                                        aria-label={_t("room_settings|notifications|upload_sound_label")}
+                                    />
+                                </form>
+
+                                {currentUploadedFile}
+                            </div>
+
+                            <AccessibleButton
+                                className="mx_NotificationSound_browse"
+                                onClick={this.triggerUploader}
+                                kind="primary"
+                            >
+                                {_t("room_settings|notifications|browse_button")}
+                            </AccessibleButton>
+
+                            <AccessibleButton
+                                className="mx_NotificationSound_save"
+                                disabled={this.state.uploadedFile == null}
+                                onClick={this.onClickSaveSound}
+                                kind="primary"
+                            >
+                                {_t("action|save")}
+                            </AccessibleButton>
+                            <br />
+                        </div>
+                    </SettingsSubsection>
+                </SettingsSection>
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/tabs/room/PeopleRoomSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/room/PeopleRoomSettingsTab.tsx
new file mode 100644
index 00000000000..c3ef87e8c73
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/room/PeopleRoomSettingsTab.tsx
@@ -0,0 +1,165 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Nordeck IT + Consulting GmbH
+
+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 MatrixError, type Room, type RoomMember, RoomStateEvent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import React, { useCallback, useState, type FC } from "react";
+import { CloseIcon, CheckIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { formatRelativeTime } from "../../../../../DateUtils";
+import { useTypedEventEmitterState } from "../../../../../hooks/useEventEmitter";
+import { _t } from "../../../../../languageHandler";
+import Modal, { type IHandle } from "../../../../../Modal";
+import MemberAvatar from "../../../avatars/MemberAvatar";
+import ErrorDialog from "../../../dialogs/ErrorDialog";
+import AccessibleButton from "../../../elements/AccessibleButton";
+import SettingsFieldset from "../../SettingsFieldset";
+import { SettingsSection } from "../../shared/SettingsSection";
+import SettingsTab from "../SettingsTab";
+
+const Timestamp: FC<{ roomMember: RoomMember }> = ({ roomMember }) => {
+    const timestamp = roomMember.events.member?.event.origin_server_ts;
+    if (!timestamp) return null;
+    return <time className="mx_PeopleRoomSettingsTab_timestamp">{formatRelativeTime(new Date(timestamp))}</time>;
+};
+
+const SeeMoreOrLess: FC<{ roomMember: RoomMember }> = ({ roomMember }) => {
+    const [seeMore, setSeeMore] = useState(false);
+    const reason = roomMember.events.member?.getContent().reason;
+
+    if (!reason) return null;
+
+    const truncateAt = 120;
+    const shouldTruncate = reason.length > truncateAt;
+
+    return (
+        <>
+            <p className="mx_PeopleRoomSettingsTab_seeMoreOrLess">
+                {seeMore || !shouldTruncate ? reason : `${reason.substring(0, truncateAt)}…`}
+            </p>
+            {shouldTruncate && (
+                <AccessibleButton kind="link" onClick={() => setSeeMore(!seeMore)}>
+                    {seeMore ? _t("room_settings|people|see_less") : _t("room_settings|people|see_more")}
+                </AccessibleButton>
+            )}
+        </>
+    );
+};
+
+const Knock: FC<{
+    canInvite: boolean;
+    canKick: boolean;
+    onApprove: (userId: string) => Promise<void>;
+    onDeny: (userId: string) => Promise<void>;
+    roomMember: RoomMember;
+}> = ({ canKick, canInvite, onApprove, onDeny, roomMember }) => {
+    const [disabled, setDisabled] = useState(false);
+
+    const handleApprove = (userId: string): void => {
+        setDisabled(true);
+        onApprove(userId).catch(onError);
+    };
+
+    const handleDeny = (userId: string): void => {
+        setDisabled(true);
+        onDeny(userId).catch(onError);
+    };
+
+    const onError = (): void => setDisabled(false);
+
+    return (
+        <div className="mx_PeopleRoomSettingsTab_knock">
+            <MemberAvatar className="mx_PeopleRoomSettingsTab_avatar" member={roomMember} size="42px" />
+            <div className="mx_PeopleRoomSettingsTab_content">
+                <span className="mx_PeopleRoomSettingsTab_name">{roomMember.name}</span>
+                <Timestamp roomMember={roomMember} />
+                <span className="mx_PeopleRoomSettingsTab_userId">{roomMember.userId}</span>
+                <SeeMoreOrLess roomMember={roomMember} />
+            </div>
+            <AccessibleButton
+                className="mx_PeopleRoomSettingsTab_action"
+                disabled={!canKick || disabled}
+                kind="icon_primary_outline"
+                onClick={() => handleDeny(roomMember.userId)}
+                title={_t("action|deny")}
+            >
+                <CloseIcon width={18} height={18} />
+            </AccessibleButton>
+            <AccessibleButton
+                className="mx_PeopleRoomSettingsTab_action"
+                disabled={!canInvite || disabled}
+                kind="icon_primary"
+                onClick={() => handleApprove(roomMember.userId)}
+                title={_t("action|approve")}
+            >
+                <CheckIcon width={18} height={18} />
+            </AccessibleButton>
+        </div>
+    );
+};
+
+export const PeopleRoomSettingsTab: FC<{ room: Room }> = ({ room }) => {
+    const client = room.client;
+    const userId = client.getUserId() || "";
+    const canInvite = room.canInvite(userId);
+    const member = room.getMember(userId);
+    const state = room.getLiveTimeline().getState(EventTimeline.FORWARDS);
+    const canKick = member && state ? state.hasSufficientPowerLevelFor("kick", member.powerLevel) : false;
+    const roomId = room.roomId;
+
+    const handleApprove = (userId: string): Promise<void> =>
+        new Promise((_, reject) =>
+            client.invite(roomId, userId).catch((error) => {
+                onError(error);
+                reject(error);
+            }),
+        );
+
+    const handleDeny = (userId: string): Promise<void> =>
+        new Promise((_, reject) =>
+            client.kick(roomId, userId).catch((error) => {
+                onError(error);
+                reject(error);
+            }),
+        );
+
+    const onError = (error: MatrixError): IHandle<typeof ErrorDialog> =>
+        Modal.createDialog(ErrorDialog, {
+            title: error.name,
+            description: error.message,
+        });
+
+    const knockMembers = useTypedEventEmitterState(
+        room,
+        RoomStateEvent.Update,
+        useCallback(() => room.getMembersWithMembership(KnownMembership.Knock), [room]),
+    );
+
+    return (
+        <SettingsTab>
+            <SettingsSection heading={_t("common|people")}>
+                <SettingsFieldset legend={_t("room_settings|people|knock_section")}>
+                    {knockMembers.length ? (
+                        knockMembers.map((knockMember) => (
+                            <Knock
+                                canInvite={canInvite}
+                                canKick={canKick}
+                                key={knockMember.userId}
+                                onApprove={handleApprove}
+                                onDeny={handleDeny}
+                                roomMember={knockMember}
+                            />
+                        ))
+                    ) : (
+                        <p className="mx_PeopleRoomSettingsTab_paragraph">{_t("room_settings|people|knock_empty")}</p>
+                    )}
+                </SettingsFieldset>
+            </SettingsSection>
+        </SettingsTab>
+    );
+};
diff --git a/apps/web/src/components/views/settings/tabs/room/PollHistoryTab.tsx b/apps/web/src/components/views/settings/tabs/room/PollHistoryTab.tsx
new file mode 100644
index 00000000000..72a20350bb1
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/room/PollHistoryTab.tsx
@@ -0,0 +1,35 @@
+/*
+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, { useContext } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import MatrixClientContext from "../../../../../contexts/MatrixClientContext";
+import { PollHistory } from "../../../polls/pollHistory/PollHistory";
+import { RoomPermalinkCreator } from "../../../../../utils/permalinks/Permalinks";
+
+interface IProps {
+    room: Room;
+    onFinished: () => void;
+}
+
+export const PollHistoryTab: React.FC<IProps> = ({ room, onFinished }) => {
+    const matrixClient = useContext(MatrixClientContext);
+    const permalinkCreator = new RoomPermalinkCreator(room, room.roomId);
+
+    return (
+        <div className="mx_SettingsTab">
+            <PollHistory
+                room={room}
+                permalinkCreator={permalinkCreator}
+                matrixClient={matrixClient}
+                onFinished={onFinished}
+            />
+        </div>
+    );
+};
diff --git a/apps/web/src/components/views/settings/tabs/room/RolesRoomSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/room/RolesRoomSettingsTab.tsx
new file mode 100644
index 00000000000..993dfead697
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/room/RolesRoomSettingsTab.tsx
@@ -0,0 +1,472 @@
+/*
+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 JSX } from "react";
+import { EventType, type RoomMember, type RoomState, RoomStateEvent, type Room } from "matrix-js-sdk/src/matrix";
+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 } from "../../../../../languageHandler";
+import AccessibleButton from "../../../elements/AccessibleButton";
+import Modal from "../../../../../Modal";
+import ErrorDialog from "../../../dialogs/ErrorDialog";
+import PowerSelector from "../../../elements/PowerSelector";
+import SettingsFieldset from "../../SettingsFieldset";
+import SdkConfig, { DEFAULTS } from "../../../../../SdkConfig";
+import { AddPrivilegedUsers } from "../../AddPrivilegedUsers";
+import SettingsTab from "../SettingsTab";
+import { SettingsSection } from "../../shared/SettingsSection";
+import MatrixClientContext from "../../../../../contexts/MatrixClientContext";
+import { PowerLevelSelector } from "../../PowerLevelSelector";
+import { ElementCallEventType, ElementCallMemberEventType } from "../../../../../call-types";
+import { objectClone } from "../../../../../utils/objects.ts";
+
+interface IEventShowOpts {
+    isState?: boolean;
+    hideForSpace?: boolean;
+    hideForRoom?: boolean;
+}
+
+interface IPowerLevelDescriptor {
+    desc: string;
+    defaultValue: number;
+    hideForSpace?: boolean;
+}
+
+const plEventsToShow: Record<string, IEventShowOpts> = {
+    // If an event is listed here, it will be shown in the PL settings. Defaults will be calculated.
+    [EventType.RoomAvatar]: { isState: true },
+    [EventType.RoomName]: { isState: true },
+    [EventType.RoomCanonicalAlias]: { isState: true },
+    [EventType.SpaceChild]: { isState: true, hideForRoom: true },
+    [EventType.RoomHistoryVisibility]: { isState: true, hideForSpace: true },
+    [EventType.RoomPowerLevels]: { isState: true },
+    [EventType.RoomTopic]: { isState: true },
+    [EventType.RoomTombstone]: { isState: true, hideForSpace: true },
+    [EventType.RoomEncryption]: { isState: true, hideForSpace: true },
+    [EventType.RoomServerAcl]: { isState: true, hideForSpace: true },
+    [EventType.RoomPinnedEvents]: { isState: true, hideForSpace: true },
+    [EventType.Reaction]: { isState: false, hideForSpace: true },
+    [EventType.RoomRedaction]: { isState: false, hideForSpace: true },
+
+    // MSC3401: Native Group VoIP signaling
+    [ElementCallEventType.name]: { isState: true, hideForSpace: true },
+    [ElementCallMemberEventType.name]: { isState: true, hideForSpace: true },
+
+    // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+    "im.vector.modular.widgets": { isState: true, hideForSpace: true },
+};
+
+// parse a string as an integer; if the input is undefined, or cannot be parsed
+// as an integer, return a default.
+function parseIntWithDefault(val: string, def: number): number {
+    const res = parseInt(val);
+    return isNaN(res) ? def : res;
+}
+
+interface IBannedUserProps {
+    canUnban?: boolean;
+    member: RoomMember;
+    by: string;
+    reason?: string;
+}
+
+export class BannedUser extends React.Component<IBannedUserProps> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    private onUnbanClick = (): void => {
+        this.context.unban(this.props.member.roomId, this.props.member.userId).catch((err) => {
+            logger.error("Failed to unban: " + err);
+            Modal.createDialog(ErrorDialog, {
+                title: _t("common|error"),
+                description: _t("room_settings|permissions|error_unbanning"),
+            });
+        });
+    };
+
+    public render(): React.ReactNode {
+        let unbanButton;
+
+        if (this.props.canUnban) {
+            unbanButton = (
+                <AccessibleButton
+                    className="mx_RolesRoomSettingsTab_unbanBtn"
+                    kind="danger_sm"
+                    onClick={this.onUnbanClick}
+                >
+                    {_t("action|unban")}
+                </AccessibleButton>
+            );
+        }
+
+        const userId = this.props.member.name === this.props.member.userId ? null : this.props.member.userId;
+        return (
+            <li>
+                {unbanButton}
+                <span title={_t("room_settings|permissions|banned_by", { displayName: this.props.by })}>
+                    <strong>{this.props.member.name}</strong> {userId}
+                    {this.props.reason
+                        ? " " + _t("room_settings|permissions|ban_reason") + ": " + this.props.reason
+                        : ""}
+                </span>
+            </li>
+        );
+    }
+}
+
+interface IProps {
+    room: Room;
+}
+
+interface RolesRoomSettingsTabState {
+    isRoomEncrypted: boolean;
+    isReady: boolean;
+}
+
+const EVENTS_LEVEL_PREFIX = "event_levels_";
+
+export default class RolesRoomSettingsTab extends React.Component<IProps, RolesRoomSettingsTabState> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            isReady: false,
+            isRoomEncrypted: false,
+        };
+    }
+
+    public async componentDidMount(): Promise<void> {
+        this.context.on(RoomStateEvent.Update, this.onRoomStateUpdate);
+        this.setState({
+            isRoomEncrypted:
+                (await this.context.getCrypto()?.isEncryptionEnabledInRoom(this.props.room.roomId)) || false,
+            isReady: true,
+        });
+    }
+
+    public componentWillUnmount(): void {
+        const client = this.context;
+        if (client) {
+            client.removeListener(RoomStateEvent.Update, this.onRoomStateUpdate);
+        }
+    }
+
+    private onRoomStateUpdate = (state: RoomState): void => {
+        if (state.roomId !== this.props.room.roomId) return;
+        this.onThisRoomMembership();
+    };
+
+    private onThisRoomMembership = throttle(
+        () => {
+            this.forceUpdate();
+        },
+        200,
+        { leading: true, trailing: true },
+    );
+
+    private populateDefaultPlEvents(
+        eventsSection: Record<string, number>,
+        stateLevel: number,
+        eventsLevel: number,
+    ): void {
+        for (const desiredEvent of Object.keys(plEventsToShow)) {
+            if (!(desiredEvent in eventsSection)) {
+                eventsSection[desiredEvent] = plEventsToShow[desiredEvent].isState ? stateLevel : eventsLevel;
+            }
+        }
+    }
+
+    private onPowerLevelsChanged = async (value: number, powerLevelKey: string): Promise<void> => {
+        const client = this.context;
+        const room = this.props.room;
+        const plEvent = room.currentState.getStateEvents(EventType.RoomPowerLevels, "");
+        let plContent = plEvent?.getContent<RoomPowerLevelsEventContent>() ?? {};
+
+        // Clone the power levels just in case
+        plContent = Object.assign({}, plContent);
+
+        if (powerLevelKey.startsWith(EVENTS_LEVEL_PREFIX)) {
+            set(plContent, ["events", powerLevelKey.slice(EVENTS_LEVEL_PREFIX.length)], value);
+        } else {
+            set(plContent, powerLevelKey.split("."), value);
+        }
+
+        try {
+            await client.sendStateEvent(this.props.room.roomId, EventType.RoomPowerLevels, plContent);
+        } catch (e) {
+            logger.error(e);
+
+            Modal.createDialog(ErrorDialog, {
+                title: _t("room_settings|permissions|error_changing_pl_reqs_title"),
+                description: _t("room_settings|permissions|error_changing_pl_reqs_description"),
+            });
+
+            // Rethrow so that the PowerSelector can roll back
+            throw e;
+        }
+    };
+
+    private onUserPowerLevelChanged = async (value: number, powerLevelKey: string): Promise<void> => {
+        const client = this.context;
+        const room = this.props.room;
+        const plEvent = room.currentState.getStateEvents(EventType.RoomPowerLevels, "");
+        let plContent = plEvent?.getContent<RoomPowerLevelsEventContent>() ?? {};
+
+        // 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);
+        } catch (e) {
+            logger.error(e);
+
+            Modal.createDialog(ErrorDialog, {
+                title: _t("room_settings|permissions|error_changing_pl_title"),
+                description: _t("room_settings|permissions|error_changing_pl_description"),
+            });
+        }
+    };
+
+    public render(): React.ReactNode {
+        const client = this.context;
+        const room = this.props.room;
+        const isSpaceRoom = room.isSpaceRoom();
+
+        const plEvent = room.currentState.getStateEvents(EventType.RoomPowerLevels, "");
+        const plContent = plEvent ? plEvent.getContent() || {} : {};
+        const canChangeLevels = room.currentState.mayClientSendStateEvent(EventType.RoomPowerLevels, client);
+
+        const plEventsToLabels: Record<EventType | string, TranslationKey | null> = {
+            // These will be translated for us later.
+            [EventType.RoomAvatar]: isSpaceRoom
+                ? _td("room_settings|permissions|m.room.avatar_space")
+                : _td("room_settings|permissions|m.room.avatar"),
+            [EventType.RoomName]: isSpaceRoom
+                ? _td("room_settings|permissions|m.room.name_space")
+                : _td("room_settings|permissions|m.room.name"),
+            [EventType.RoomCanonicalAlias]: isSpaceRoom
+                ? _td("room_settings|permissions|m.room.canonical_alias_space")
+                : _td("room_settings|permissions|m.room.canonical_alias"),
+            [EventType.SpaceChild]: _td("room_settings|permissions|m.space.child"),
+            [EventType.RoomHistoryVisibility]: _td("room_settings|permissions|m.room.history_visibility"),
+            [EventType.RoomPowerLevels]: _td("room_settings|permissions|m.room.power_levels"),
+            [EventType.RoomTopic]: isSpaceRoom
+                ? _td("room_settings|permissions|m.room.topic_space")
+                : _td("room_settings|permissions|m.room.topic"),
+            [EventType.RoomTombstone]: _td("room_settings|permissions|m.room.tombstone"),
+            [EventType.RoomEncryption]: _td("room_settings|permissions|m.room.encryption"),
+            [EventType.RoomServerAcl]: _td("room_settings|permissions|m.room.server_acl"),
+            [EventType.Reaction]: _td("room_settings|permissions|m.reaction"),
+            [EventType.RoomRedaction]: _td("room_settings|permissions|m.room.redaction"),
+            [EventType.RoomPinnedEvents]: _td("room_settings|permissions|m.room.pinned_events"),
+            // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+            "im.vector.modular.widgets": isSpaceRoom ? null : _td("room_settings|permissions|m.widget"),
+        };
+        // MSC3401: Native Group VoIP signaling
+        if (!SdkConfig.get("element_call").disable) {
+            plEventsToLabels[ElementCallEventType.name] = _td("room_settings|permissions|m.call");
+            plEventsToLabels[ElementCallMemberEventType.name] = _td("room_settings|permissions|m.call.member");
+        }
+        const powerLevelDescriptors: Record<string, IPowerLevelDescriptor> = {
+            "users_default": {
+                desc: _t("room_settings|permissions|users_default"),
+                defaultValue: 0,
+            },
+            "events_default": {
+                desc: _t("room_settings|permissions|events_default"),
+                defaultValue: 0,
+                hideForSpace: true,
+            },
+            "invite": {
+                desc: _t("room_settings|permissions|invite"),
+                defaultValue: 0,
+            },
+            "state_default": {
+                desc: _t("room_settings|permissions|state_default"),
+                defaultValue: 50,
+            },
+            "kick": {
+                desc: _t("room_settings|permissions|kick"),
+                defaultValue: 50,
+            },
+            "ban": {
+                desc: _t("room_settings|permissions|ban"),
+                defaultValue: 50,
+            },
+            "redact": {
+                desc: _t("room_settings|permissions|redact"),
+                defaultValue: 50,
+                hideForSpace: true,
+            },
+            "notifications.room": {
+                desc: _t("room_settings|permissions|notifications.room"),
+                defaultValue: 50,
+                hideForSpace: true,
+            },
+        };
+
+        const eventsLevels = plContent.events || {};
+        const userLevels = plContent.users || {};
+        const banLevel = parseIntWithDefault(plContent.ban, powerLevelDescriptors.ban.defaultValue);
+        const defaultUserLevel = parseIntWithDefault(
+            plContent.users_default,
+            powerLevelDescriptors.users_default.defaultValue,
+        );
+
+        const currentUserLevel = room.getMember(client.getSafeUserId())?.powerLevel ?? defaultUserLevel;
+
+        this.populateDefaultPlEvents(
+            eventsLevels,
+            parseIntWithDefault(plContent.state_default, powerLevelDescriptors.state_default.defaultValue),
+            parseIntWithDefault(plContent.events_default, powerLevelDescriptors.events_default.defaultValue),
+        );
+
+        let privilegedUsersSection = <div>{_t("room_settings|permissions|no_privileged_users")}</div>;
+        let mutedUsersSection;
+        if (Object.keys(userLevels).length) {
+            privilegedUsersSection = (
+                <PowerLevelSelector
+                    title={_t("room_settings|permissions|privileged_users_section")}
+                    userLevels={userLevels}
+                    canChangeLevels={canChangeLevels}
+                    currentUserLevel={currentUserLevel}
+                    onClick={this.onUserPowerLevelChanged}
+                    filter={(user) => userLevels[user] > defaultUserLevel}
+                >
+                    <div>{_t("room_settings|permissions|no_privileged_users")}</div>
+                </PowerLevelSelector>
+            );
+
+            mutedUsersSection = (
+                <PowerLevelSelector
+                    title={_t("room_settings|permissions|muted_users_section")}
+                    userLevels={userLevels}
+                    canChangeLevels={canChangeLevels}
+                    currentUserLevel={currentUserLevel}
+                    onClick={this.onUserPowerLevelChanged}
+                    filter={(user) => userLevels[user] < defaultUserLevel}
+                />
+            );
+        }
+
+        const banned = room.getMembersWithMembership(KnownMembership.Ban);
+        let bannedUsersSection: JSX.Element | undefined;
+        if (banned?.length) {
+            const canBanUsers = currentUserLevel >= banLevel;
+            bannedUsersSection = (
+                <SettingsFieldset legend={_t("room_settings|permissions|banned_users_section")}>
+                    <ul className="mx_RolesRoomSettingsTab_bannedList">
+                        {banned.map((member) => {
+                            const banEvent = member.events.member?.getContent();
+                            const bannedById = member.events.member?.getSender();
+                            const sender = bannedById ? room.getMember(bannedById) : undefined;
+                            const bannedBy = sender?.name || bannedById; // fallback to mxid
+                            return (
+                                <BannedUser
+                                    key={member.userId}
+                                    canUnban={canBanUsers}
+                                    member={member}
+                                    reason={banEvent?.reason}
+                                    by={bannedBy!}
+                                />
+                            );
+                        })}
+                    </ul>
+                </SettingsFieldset>
+            );
+        }
+
+        const powerSelectors = Object.keys(powerLevelDescriptors)
+            .map((key) => {
+                const descriptor = powerLevelDescriptors[key];
+                if (isSpaceRoom && descriptor.hideForSpace) {
+                    return null;
+                }
+
+                const value = parseIntWithDefault(get(plContent, key), descriptor.defaultValue);
+                return (
+                    <div key={key}>
+                        <PowerSelector
+                            label={descriptor.desc}
+                            value={value}
+                            usersDefault={defaultUserLevel}
+                            disabled={!canChangeLevels || currentUserLevel < value}
+                            powerLevelKey={key} // Will be sent as the second parameter to `onChange`
+                            onChange={this.onPowerLevelsChanged}
+                        />
+                    </div>
+                );
+            })
+            .filter(Boolean);
+
+        // hide the power level selector for enabling E2EE if it the room is already encrypted
+        if (this.state.isRoomEncrypted) {
+            delete eventsLevels[EventType.RoomEncryption];
+        }
+
+        const eventPowerSelectors = Object.keys(eventsLevels)
+            .map((eventType, i) => {
+                if (isSpaceRoom && plEventsToShow[eventType]?.hideForSpace) {
+                    return null;
+                } else if (!isSpaceRoom && plEventsToShow[eventType]?.hideForRoom) {
+                    return null;
+                }
+
+                const translationKeyForEvent = plEventsToLabels[eventType];
+                let label: string;
+                if (translationKeyForEvent) {
+                    const brand = SdkConfig.get("element_call").brand ?? DEFAULTS.element_call.brand;
+                    label = _t(translationKeyForEvent, { brand });
+                } else {
+                    label = _t("room_settings|permissions|send_event_type", { eventType });
+                }
+                return (
+                    <div key={eventType}>
+                        <PowerSelector
+                            label={label}
+                            value={eventsLevels[eventType]}
+                            usersDefault={defaultUserLevel}
+                            disabled={!canChangeLevels || currentUserLevel < eventsLevels[eventType]}
+                            powerLevelKey={EVENTS_LEVEL_PREFIX + eventType}
+                            onChange={this.onPowerLevelsChanged}
+                        />
+                    </div>
+                );
+            })
+            .filter(Boolean);
+
+        return (
+            <SettingsTab>
+                <SettingsSection heading={_t("room_settings|permissions|title")}>
+                    {privilegedUsersSection}
+                    {canChangeLevels && <AddPrivilegedUsers room={room} defaultUserLevel={defaultUserLevel} />}
+                    {mutedUsersSection}
+                    {bannedUsersSection}
+                    {this.state.isReady && (
+                        <SettingsFieldset
+                            legend={_t("room_settings|permissions|permissions_section")}
+                            description={
+                                isSpaceRoom
+                                    ? _t("room_settings|permissions|permissions_section_description_space")
+                                    : _t("room_settings|permissions|permissions_section_description_room")
+                            }
+                        >
+                            {powerSelectors}
+                            {eventPowerSelectors}
+                        </SettingsFieldset>
+                    )}
+                </SettingsSection>
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/tabs/room/SecurityRoomSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/room/SecurityRoomSettingsTab.tsx
new file mode 100644
index 00000000000..65de4092fe5
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/room/SecurityRoomSettingsTab.tsx
@@ -0,0 +1,592 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 ChangeEventHandler, type JSX, type ReactNode } from "react";
+import {
+    GuestAccess,
+    HistoryVisibility,
+    JoinRule,
+    type MatrixEvent,
+    RoomStateEvent,
+    type Room,
+    EventType,
+} 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 { _t } from "../../../../../languageHandler";
+import Modal from "../../../../../Modal";
+import QuestionDialog from "../../../dialogs/QuestionDialog";
+import StyledRadioGroup from "../../../elements/StyledRadioGroup";
+import { SettingLevel } from "../../../../../settings/SettingLevel";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import { UIFeature } from "../../../../../settings/UIFeature";
+import AccessibleButton from "../../../elements/AccessibleButton";
+import SettingsFlag from "../../../elements/SettingsFlag";
+import createRoom from "../../../../../createRoom";
+import CreateRoomDialog from "../../../dialogs/CreateRoomDialog";
+import JoinRuleSettings from "../../JoinRuleSettings";
+import ErrorDialog from "../../../dialogs/ErrorDialog";
+import SettingsFieldset from "../../SettingsFieldset";
+import ExternalLink from "../../../elements/ExternalLink";
+import PosthogTrackers from "../../../../../PosthogTrackers";
+import MatrixClientContext from "../../../../../contexts/MatrixClientContext";
+import { SettingsSection } from "../../shared/SettingsSection";
+import SettingsTab from "../SettingsTab";
+import SdkConfig from "../../../../../SdkConfig";
+import { shouldForceDisableEncryption } from "../../../../../utils/crypto/shouldForceDisableEncryption";
+import { Caption } from "../../../typography/Caption";
+import { MEGOLM_ENCRYPTION_ALGORITHM } from "../../../../../utils/crypto";
+
+interface IProps {
+    room: Room;
+    closeSettingsFn: () => void;
+}
+
+interface IState {
+    guestAccess: GuestAccess;
+    history: HistoryVisibility;
+    hasAliases: boolean;
+    encrypted: boolean | null;
+    stateEncrypted: boolean | null;
+    showAdvancedSection: boolean;
+}
+
+export default class SecurityRoomSettingsTab extends React.Component<IProps, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        const state = this.props.room.currentState;
+
+        this.state = {
+            guestAccess: this.pullContentPropertyFromEvent<GuestAccess>(
+                state?.getStateEvents(EventType.RoomGuestAccess, ""),
+                "guest_access",
+                GuestAccess.Forbidden,
+            ),
+            history: this.pullContentPropertyFromEvent<HistoryVisibility>(
+                state?.getStateEvents(EventType.RoomHistoryVisibility, ""),
+                "history_visibility",
+                HistoryVisibility.Shared,
+            ),
+            hasAliases: false, // async loaded in componentDidMount
+            encrypted: null, // async loaded in componentDidMount
+            stateEncrypted: null, // async loaded in componentDidMount
+            showAdvancedSection: false,
+        };
+    }
+
+    public async componentDidMount(): Promise<void> {
+        this.context.on(RoomStateEvent.Events, this.onStateEvent);
+
+        this.setState({
+            hasAliases: await this.hasAliases(),
+            encrypted: Boolean(await this.context.getCrypto()?.isEncryptionEnabledInRoom(this.props.room.roomId)),
+            stateEncrypted: Boolean(
+                await this.context.getCrypto()?.isStateEncryptionEnabledInRoom(this.props.room.roomId),
+            ),
+        });
+    }
+
+    private pullContentPropertyFromEvent<T>(event: MatrixEvent | null | undefined, key: string, defaultValue: T): T {
+        return event?.getContent()[key] || defaultValue;
+    }
+
+    public componentWillUnmount(): void {
+        this.context.removeListener(RoomStateEvent.Events, this.onStateEvent);
+    }
+
+    private onStateEvent = (e: MatrixEvent): void => {
+        const refreshWhenTypes: EventType[] = [
+            EventType.RoomJoinRules,
+            EventType.RoomGuestAccess,
+            EventType.RoomHistoryVisibility,
+            EventType.RoomEncryption,
+        ];
+        if (refreshWhenTypes.includes(e.getType() as EventType)) this.forceUpdate();
+    };
+
+    private onEncryptionChange = async (): Promise<void> => {
+        if (this.props.room.getJoinRule() === JoinRule.Public) {
+            const dialog = Modal.createDialog(QuestionDialog, {
+                title: _t("room_settings|security|enable_encryption_public_room_confirm_title"),
+                description: (
+                    <div>
+                        <p>
+                            {" "}
+                            {_t(
+                                "room_settings|security|enable_encryption_public_room_confirm_description_1",
+                                undefined,
+                                { b: (sub) => <strong>{sub}</strong> },
+                            )}{" "}
+                        </p>
+                        <p>
+                            {" "}
+                            {_t(
+                                "room_settings|security|enable_encryption_public_room_confirm_description_2",
+                                undefined,
+                                {
+                                    a: (sub) => (
+                                        <AccessibleButton
+                                            element="a"
+                                            kind="link_inline"
+                                            onClick={() => {
+                                                dialog.close();
+                                                this.createNewRoom(false, true);
+                                            }}
+                                        >
+                                            {" "}
+                                            {sub}{" "}
+                                        </AccessibleButton>
+                                    ),
+                                },
+                            )}{" "}
+                        </p>
+                    </div>
+                ),
+            });
+
+            const { finished } = dialog;
+            const [confirm] = await finished;
+            if (!confirm) return;
+        }
+
+        const { finished } = Modal.createDialog(QuestionDialog, {
+            title: _t("room_settings|security|enable_encryption_confirm_title"),
+            description: _t(
+                "room_settings|security|enable_encryption_confirm_description",
+                {},
+                {
+                    a: (sub) => <ExternalLink href={SdkConfig.get("help_encryption_url")}>{sub}</ExternalLink>,
+                },
+            ),
+        });
+        finished.then(([confirm]) => {
+            if (!confirm) {
+                this.setState({ encrypted: false });
+                return;
+            }
+
+            const beforeEncrypted = this.state.encrypted;
+            this.setState({ encrypted: true });
+            this.context
+                .sendStateEvent(this.props.room.roomId, EventType.RoomEncryption, {
+                    algorithm: MEGOLM_ENCRYPTION_ALGORITHM,
+                })
+                .catch((e) => {
+                    logger.error(e);
+                    this.setState({ encrypted: beforeEncrypted });
+                });
+        });
+    };
+
+    private onGuestAccessChange: ChangeEventHandler<HTMLInputElement> = (evt): void => {
+        const allowed = evt.target.checked;
+        const guestAccess = allowed ? GuestAccess.CanJoin : GuestAccess.Forbidden;
+        const beforeGuestAccess = this.state.guestAccess;
+        if (beforeGuestAccess === guestAccess) return;
+
+        this.setState({ guestAccess });
+
+        this.context
+            .sendStateEvent(
+                this.props.room.roomId,
+                EventType.RoomGuestAccess,
+                {
+                    guest_access: guestAccess,
+                },
+                "",
+            )
+            .catch((e) => {
+                logger.error(e);
+                this.setState({ guestAccess: beforeGuestAccess });
+            });
+    };
+
+    private createNewRoom = async (defaultPublic: boolean, defaultEncrypted: boolean): Promise<boolean> => {
+        const modal = Modal.createDialog(CreateRoomDialog, { defaultPublic, defaultEncrypted });
+
+        PosthogTrackers.trackInteraction("WebRoomSettingsSecurityTabCreateNewRoomButton");
+
+        const [shouldCreate, opts] = await modal.finished;
+        if (shouldCreate) {
+            await createRoom(this.context, opts!);
+        }
+        return shouldCreate ?? false;
+    };
+
+    private onHistoryRadioToggle = (history: HistoryVisibility): void => {
+        const beforeHistory = this.state.history;
+        if (beforeHistory === history) return;
+
+        this.setState({ history: history });
+        this.context
+            .sendStateEvent(
+                this.props.room.roomId,
+                EventType.RoomHistoryVisibility,
+                {
+                    history_visibility: history,
+                },
+                "",
+            )
+            .catch((e) => {
+                logger.error(e);
+                this.setState({ history: beforeHistory });
+            });
+    };
+
+    private updateBlacklistDevicesFlag = (checked: boolean): void => {
+        this.props.room.setBlacklistUnverifiedDevices(checked);
+    };
+
+    private async hasAliases(): Promise<boolean> {
+        // The published addresses can live on any server, so a room can be linkable without this
+        // server holding a local alias for it.
+        const room = this.props.room;
+        if (room.getCanonicalAlias() || room.getAltAliases().length > 0) return true;
+
+        const cli = this.context;
+        const response = await cli.getLocalAliases(room.roomId);
+        const localAliases = response.aliases;
+        return Array.isArray(localAliases) && localAliases.length !== 0;
+    }
+
+    private renderJoinRule(): JSX.Element {
+        const room = this.props.room;
+        const isPublic = room.getJoinRule() === JoinRule.Public;
+        const description = (
+            <>
+                <p>
+                    {_t("room_settings|security|join_rule_description", {
+                        roomName: room.name,
+                    })}
+                </p>
+                {isPublic && this.state.history === HistoryVisibility.WorldReadable && (
+                    <div className="mx_SecurityRoomSettingsTab_warning">
+                        <WarningIcon width={15} height={15} />
+                        <span>{_t("room_settings|security|join_rule_world_readable_description")}</span>
+                    </div>
+                )}
+                {isPublic && !this.state.hasAliases && (
+                    <div className="mx_SecurityRoomSettingsTab_warning">
+                        <WarningIcon width={15} height={15} />
+                        <span>{_t("room_settings|security|public_without_alias_warning")}</span>
+                    </div>
+                )}
+            </>
+        );
+
+        let advanced: JSX.Element | undefined;
+        if (room.getJoinRule() === JoinRule.Public) {
+            advanced = (
+                <div>
+                    <AccessibleButton
+                        onClick={this.toggleAdvancedSection}
+                        kind="link"
+                        className="mx_SettingsTab_showAdvanced"
+                        aria-expanded={this.state.showAdvancedSection}
+                    >
+                        {this.state.showAdvancedSection ? _t("action|hide_advanced") : _t("action|show_advanced")}
+                    </AccessibleButton>
+                    {this.state.showAdvancedSection && this.renderAdvanced()}
+                </div>
+            );
+        }
+
+        return (
+            <SettingsFieldset legend={_t("room_settings|access|title")} description={description}>
+                <JoinRuleSettings
+                    room={room}
+                    beforeChange={this.onBeforeJoinRuleChange}
+                    onError={this.onJoinRuleChangeError}
+                    closeSettingsFn={this.props.closeSettingsFn}
+                    promptUpgrade={true}
+                />
+                {advanced}
+            </SettingsFieldset>
+        );
+    }
+
+    private onJoinRuleChangeError = (error: Error): void => {
+        Modal.createDialog(ErrorDialog, {
+            title: _t("room_settings|security|error_join_rule_change_title"),
+            description: error.message ?? _t("room_settings|security|error_join_rule_change_unknown"),
+        });
+    };
+
+    private onBeforeJoinRuleChange = async (joinRule: JoinRule): Promise<boolean> => {
+        if (this.state.encrypted && joinRule === JoinRule.Public) {
+            const dialog = Modal.createDialog(QuestionDialog, {
+                title: _t("room_settings|security|encrypted_room_public_confirm_title"),
+                description: (
+                    <div>
+                        <p>
+                            {" "}
+                            {_t("room_settings|security|encrypted_room_public_confirm_description_1", undefined, {
+                                b: (sub) => <strong>{sub}</strong>,
+                            })}{" "}
+                        </p>
+                        <p>
+                            {" "}
+                            {_t("room_settings|security|encrypted_room_public_confirm_description_2", undefined, {
+                                a: (sub) => (
+                                    <AccessibleButton
+                                        element="a"
+                                        kind="link_inline"
+                                        onClick={(): void => {
+                                            dialog.close();
+                                            this.createNewRoom(true, false);
+                                        }}
+                                    >
+                                        {" "}
+                                        {sub}{" "}
+                                    </AccessibleButton>
+                                ),
+                            })}{" "}
+                        </p>
+                    </div>
+                ),
+            });
+
+            const { finished } = dialog;
+            const [confirm] = await finished;
+            if (!confirm) return false;
+        }
+
+        // If the room is going from public to private AND the room is join readable, we want to encourage the user
+        // to change the history visibility.
+        const currentlyPublic = this.props.room.getJoinRule() === JoinRule.Public;
+        if (this.state.history === HistoryVisibility.WorldReadable && currentlyPublic && joinRule !== JoinRule.Public) {
+            const client = this.context;
+            const canChangeHistory = this.props.room.currentState?.mayClientSendStateEvent(
+                EventType.RoomHistoryVisibility,
+                client,
+            );
+
+            // If we can't change the history visibility, then don't allow the join rule transition. This is a unlikely occurance
+            // and if this is the case, a room administator should step in.
+            if (!canChangeHistory) {
+                const dialog = Modal.createDialog(ErrorDialog, {
+                    title: _t(
+                        "room_settings|security|cannot_change_to_private_due_to_missing_history_visiblity_permissions|title",
+                    ),
+                    description: (
+                        <p>
+                            {_t(
+                                "room_settings|security|cannot_change_to_private_due_to_missing_history_visiblity_permissions|description",
+                            )}
+                        </p>
+                    ),
+                });
+                await dialog.finished;
+                return false;
+            }
+
+            // Adjust the history visibility first.
+            try {
+                await this.context.sendStateEvent(
+                    this.props.room.roomId,
+                    EventType.RoomHistoryVisibility,
+                    {
+                        history_visibility: HistoryVisibility.Shared,
+                    },
+                    "",
+                );
+                this.setState({ history: HistoryVisibility.Shared });
+            } catch (ex) {
+                logger.error("Failed to change history visibility", ex);
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("common|error"),
+                    description: _t("error|update_history_visibility"),
+                });
+                // If we fail to update the history visibility
+                return false;
+            }
+        }
+
+        return true;
+    };
+
+    private renderHistory(): ReactNode {
+        if (!SettingsStore.getValue(UIFeature.RoomHistorySettings)) {
+            return null;
+        }
+
+        const client = this.context;
+        const history = this.state.history;
+        const state = this.props.room.currentState;
+        const canChangeHistory = state?.mayClientSendStateEvent(EventType.RoomHistoryVisibility, client);
+
+        // 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"),
+            });
+        }
+
+        // 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",
+                    {},
+                    {
+                        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={displayHistory}
+                    onChange={this.onHistoryRadioToggle}
+                    disabled={!canChangeHistory}
+                    definitions={options}
+                />
+            </SettingsFieldset>
+        );
+    }
+
+    private toggleAdvancedSection = (): void => {
+        this.setState({ showAdvancedSection: !this.state.showAdvancedSection });
+    };
+
+    private renderAdvanced(): JSX.Element {
+        const client = this.context;
+        const guestAccess = this.state.guestAccess;
+        const state = this.props.room.currentState;
+        const canSetGuestAccess = state?.mayClientSendStateEvent(EventType.RoomGuestAccess, client);
+
+        return (
+            <div className="mx_SecurityRoomSettingsTab_advancedSection">
+                <SettingsToggleInput
+                    name="guest-access"
+                    checked={guestAccess === GuestAccess.CanJoin}
+                    onChange={this.onGuestAccessChange}
+                    disabled={!canSetGuestAccess}
+                    label={_t("room_settings|visibility|guest_access_label")}
+                    helpMessage={_t("room_settings|security|guest_access_warning")}
+                />
+            </div>
+        );
+    }
+
+    public render(): React.ReactNode {
+        const client = this.context;
+        const room = this.props.room;
+        const isEncrypted = this.state.encrypted;
+        const isStateEncrypted = this.state.stateEncrypted;
+        const isEncryptionLoading = isEncrypted === null;
+        const hasEncryptionPermission = room.currentState.mayClientSendStateEvent(EventType.RoomEncryption, client);
+        const isEncryptionForceDisabled = shouldForceDisableEncryption(client);
+        const canEnableEncryption = !isEncrypted && !isEncryptionForceDisabled && hasEncryptionPermission;
+
+        let encryptionSettings: JSX.Element | undefined;
+        if (
+            isEncrypted &&
+            SettingsStore.canSetValue("blacklistUnverifiedDevices", this.props.room.roomId, SettingLevel.ROOM_DEVICE)
+        ) {
+            encryptionSettings = (
+                <SettingsFlag
+                    name="blacklistUnverifiedDevices"
+                    level={SettingLevel.ROOM_DEVICE}
+                    onChange={this.updateBlacklistDevicesFlag}
+                    roomId={this.props.room.roomId}
+                />
+            );
+        }
+
+        const historySection = this.renderHistory();
+
+        return (
+            <SettingsTab>
+                <Form.Root
+                    onSubmit={(evt) => {
+                        evt.preventDefault();
+                        evt.stopPropagation();
+                    }}
+                >
+                    <SettingsSection heading={_t("room_settings|security|title")}>
+                        <SettingsFieldset
+                            legend={_t("settings|security|encryption_section")}
+                            description={
+                                isEncryptionForceDisabled && !isEncrypted
+                                    ? undefined
+                                    : _t("room_settings|security|encryption_permanent")
+                            }
+                        >
+                            {isEncryptionLoading ? (
+                                <InlineSpinner />
+                            ) : (
+                                <>
+                                    <SettingsToggleInput
+                                        name="enable-encryption"
+                                        checked={isEncrypted}
+                                        onChange={this.onEncryptionChange}
+                                        label={_t("common|encrypted")}
+                                        disabled={!canEnableEncryption}
+                                    />
+                                    {isEncryptionForceDisabled && !isEncrypted && (
+                                        <Caption>{_t("room_settings|security|encryption_forced")}</Caption>
+                                    )}
+                                    {isStateEncrypted && (
+                                        <SettingsToggleInput
+                                            name="enable-state-encryption"
+                                            checked={isStateEncrypted}
+                                            label={_t("common|state_encryption_enabled")}
+                                            disabled={true}
+                                        />
+                                    )}
+                                    {encryptionSettings}
+                                </>
+                            )}
+                        </SettingsFieldset>
+                        {this.renderJoinRule()}
+                        {historySection}
+                    </SettingsSection>
+                </Form.Root>
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/tabs/room/VoipRoomSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/room/VoipRoomSettingsTab.tsx
new file mode 100644
index 00000000000..a5705694e97
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/room/VoipRoomSettingsTab.tsx
@@ -0,0 +1,113 @@
+/*
+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 ChangeEventHandler, useCallback, useMemo, useState } from "react";
+import { JoinRule, EventType, type RoomState, type Room } from "matrix-js-sdk/src/matrix";
+import { type RoomPowerLevelsEventContent } from "matrix-js-sdk/src/types";
+import { Form, SettingsToggleInput } from "@vector-im/compound-web";
+
+import { _t } from "../../../../../languageHandler";
+import { SettingsSubsection } from "../../shared/SettingsSubsection";
+import SettingsTab from "../SettingsTab";
+import { useRoomState } from "../../../../../hooks/useRoomState";
+import SdkConfig, { DEFAULTS } from "../../../../../SdkConfig";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { ElementCallEventType, ElementCallMemberEventType } from "../../../../../call-types";
+
+interface ElementCallSwitchProps {
+    room: Room;
+}
+
+const ElementCallSwitch: React.FC<ElementCallSwitchProps> = ({ room }) => {
+    const isPublic = useMemo(() => room.getJoinRule() === JoinRule.Public, [room]);
+    const [content, maySend] = useRoomState(
+        room,
+        useCallback(
+            (state: RoomState) => {
+                const content = state
+                    ?.getStateEvents(EventType.RoomPowerLevels, "")
+                    ?.getContent<RoomPowerLevelsEventContent>();
+                return [
+                    content ?? {},
+                    state?.maySendStateEvent(EventType.RoomPowerLevels, room.client.getSafeUserId()),
+                ] as const;
+            },
+            [room.client],
+        ),
+    );
+
+    const [elementCallEnabled, setElementCallEnabled] = useState<boolean>(() => {
+        return content.events?.[ElementCallMemberEventType.name] === 0;
+    });
+
+    const onChange = useCallback<ChangeEventHandler<HTMLInputElement>>(
+        (evt): void => {
+            const enabled = evt.target.checked;
+            setElementCallEnabled(enabled);
+
+            // Take a copy to avoid mutating the original
+            const newContent = { events: {}, ...content };
+
+            if (enabled) {
+                const userLevel = newContent.events[EventType.RoomMessage] ?? content.users_default ?? 0;
+                const moderatorLevel = content.kick ?? 50;
+
+                newContent.events[ElementCallEventType.name] = isPublic ? moderatorLevel : userLevel;
+                newContent.events[ElementCallMemberEventType.name] = userLevel;
+            } else {
+                const adminLevel = newContent.events[EventType.RoomPowerLevels] ?? content.state_default ?? 100;
+
+                newContent.events[ElementCallEventType.name] = adminLevel;
+                newContent.events[ElementCallMemberEventType.name] = adminLevel;
+            }
+
+            room.client.sendStateEvent(room.roomId, EventType.RoomPowerLevels, newContent);
+        },
+        [room.client, room.roomId, content, isPublic],
+    );
+
+    const brand = SdkConfig.get("element_call").brand ?? DEFAULTS.element_call.brand;
+
+    return (
+        <SettingsToggleInput
+            name="element-call-switch"
+            data-testid="element-call-switch"
+            label={_t("room_settings|voip|enable_element_call_label", { brand })}
+            helpMessage={_t("room_settings|voip|enable_element_call_caption", {
+                brand,
+            })}
+            checked={elementCallEnabled}
+            onChange={onChange}
+            disabled={!maySend}
+            disabledMessage={_t("room_settings|voip|enable_element_call_no_permissions_tooltip")}
+        />
+    );
+};
+
+interface Props {
+    room: Room;
+}
+
+export const VoipRoomSettingsTab: React.FC<Props> = ({ room }) => {
+    return (
+        <SettingsTab>
+            <SettingsSection heading={_t("settings|voip|title")}>
+                <Form.Root
+                    onSubmit={(evt) => {
+                        evt.preventDefault();
+                        evt.stopPropagation();
+                    }}
+                >
+                    <SettingsSubsection heading={_t("room_settings|voip|call_type_section")}>
+                        <ElementCallSwitch room={room} />
+                    </SettingsSubsection>
+                </Form.Root>
+            </SettingsSection>
+        </SettingsTab>
+    );
+};
diff --git a/apps/web/src/components/views/settings/tabs/user/AccountUserSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/user/AccountUserSettingsTab.tsx
new file mode 100644
index 00000000000..ccfb8160ab2
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/AccountUserSettingsTab.tsx
@@ -0,0 +1,199 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 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 JSX, useCallback, useContext, useEffect } from "react";
+import { HTTPError } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { UserFriendlyError, _t } from "../../../../../languageHandler";
+import UserProfileSettings from "../../UserProfileSettings";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import AccessibleButton from "../../../elements/AccessibleButton";
+import DeactivateAccountDialog from "../../../dialogs/DeactivateAccountDialog";
+import Modal from "../../../../../Modal";
+import { UIFeature } from "../../../../../settings/UIFeature";
+import ErrorDialog, { extractErrorMessageFromError } from "../../../dialogs/ErrorDialog";
+import ChangePassword from "../../ChangePassword";
+import SettingsTab from "../SettingsTab";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { SettingsSubsection, SettingsSubsectionText } from "../../shared/SettingsSubsection";
+import { UserPersonalInfoSettings } from "../../UserPersonalInfoSettings";
+import { SDKContext } from "../../../../../contexts/SDKContext.ts";
+
+interface IProps {
+    closeSettingsFn: () => void;
+}
+
+interface AccountSectionProps {
+    canChangePassword: boolean;
+    onPasswordChangeError: (e: Error) => void;
+    onPasswordChanged: () => void;
+}
+
+const AccountSection: React.FC<AccountSectionProps> = ({
+    canChangePassword,
+    onPasswordChangeError,
+    onPasswordChanged,
+}) => {
+    if (!canChangePassword) return <></>;
+
+    return (
+        <SettingsSection>
+            <SettingsSubsection
+                heading={_t("settings|general|account_section")}
+                stretchContent
+                data-testid="accountSection"
+            >
+                <SettingsSubsectionText>{_t("settings|general|password_change_section")}</SettingsSubsectionText>
+                <ChangePassword
+                    rowClassName=""
+                    buttonKind="primary"
+                    onError={onPasswordChangeError}
+                    onFinished={onPasswordChanged}
+                />
+            </SettingsSubsection>
+        </SettingsSection>
+    );
+};
+
+interface ManagementSectionProps {
+    onDeactivateClicked: () => void;
+}
+
+const ManagementSection: React.FC<ManagementSectionProps> = ({ onDeactivateClicked }) => {
+    return (
+        <SettingsSection heading={_t("settings|general|deactivate_section")}>
+            <SettingsSubsection
+                heading={_t("settings|general|account_management_section")}
+                data-testid="account-management-section"
+                description={_t("settings|general|deactivate_warning")}
+            >
+                <AccessibleButton onClick={onDeactivateClicked} kind="danger">
+                    {_t("settings|general|deactivate_section")}
+                </AccessibleButton>
+            </SettingsSubsection>
+        </SettingsSection>
+    );
+};
+
+const AccountUserSettingsTab: React.FC<IProps> = ({ closeSettingsFn }) => {
+    const [externalAccountManagementUrl, setExternalAccountManagementUrl] = React.useState<string | undefined>();
+    const [canMake3pidChanges, setCanMake3pidChanges] = React.useState<boolean>(false);
+    const [canSetDisplayName, setCanSetDisplayName] = React.useState<boolean>(false);
+    const [canSetAvatar, setCanSetAvatar] = React.useState<boolean>(false);
+    const [canChangePassword, setCanChangePassword] = React.useState<boolean>(false);
+
+    const sdkContext = useContext(SDKContext);
+    const cli = sdkContext.client!;
+
+    useEffect(() => {
+        (async () => {
+            const capabilities = (await cli.getCapabilities()) ?? {};
+            const changePasswordCap = capabilities["m.change_password"];
+
+            // You can change your password so long as the capability isn't explicitly disabled. The implicit
+            // behaviour is you can change your password when the capability is missing or has not-false as
+            // the enabled flag value.
+            const canChangePassword = !changePasswordCap || changePasswordCap["enabled"] !== false;
+
+            const authMetadata = await cli.getAuthMetadata().catch(() => {});
+            const externalAccountManagementUrl = authMetadata?.account_management_uri;
+            // https://spec.matrix.org/v1.7/client-server-api/#m3pid_changes-capability
+            // We support as far back as v1.1 which doesn't have m.3pid_changes
+            // so the behaviour for when it is missing has to be assume true
+            const canMake3pidChanges =
+                !capabilities["m.3pid_changes"] || capabilities["m.3pid_changes"].enabled === true;
+
+            const canSetDisplayName =
+                !capabilities["m.set_displayname"] || capabilities["m.set_displayname"].enabled === true;
+            const canSetAvatar = !capabilities["m.set_avatar_url"] || capabilities["m.set_avatar_url"].enabled === true;
+
+            setCanMake3pidChanges(canMake3pidChanges);
+            setCanSetDisplayName(canSetDisplayName);
+            setCanSetAvatar(canSetAvatar);
+            setExternalAccountManagementUrl(externalAccountManagementUrl);
+            setCanChangePassword(canChangePassword);
+        })();
+    }, [cli]);
+
+    const onPasswordChangeError = useCallback((err: Error): void => {
+        logger.error("Failed to change password: " + err);
+
+        let underlyingError = err;
+        if (err instanceof UserFriendlyError && err.cause instanceof Error) {
+            underlyingError = err.cause;
+        }
+
+        const errorMessage = extractErrorMessageFromError(
+            err,
+            _t("settings|general|error_password_change_unknown", {
+                stringifiedError: String(err),
+            }),
+        );
+
+        let errorMessageToDisplay = errorMessage;
+        if (underlyingError instanceof HTTPError && underlyingError.httpStatus === 403) {
+            errorMessageToDisplay = _t("settings|general|error_password_change_403");
+        } else if (underlyingError instanceof HTTPError) {
+            errorMessageToDisplay = _t("settings|general|error_password_change_http", {
+                errorMessage,
+                httpStatus: underlyingError.httpStatus,
+            });
+        }
+
+        // TODO: Figure out a design that doesn't involve replacing the current dialog
+        Modal.createDialog(ErrorDialog, {
+            title: _t("settings|general|error_password_change_title"),
+            description: errorMessageToDisplay,
+        });
+    }, []);
+
+    const onPasswordChanged = useCallback((): void => {
+        const description = _t("settings|general|password_change_success");
+        // TODO: Figure out a design that doesn't involve replacing the current dialog
+        Modal.createDialog(ErrorDialog, {
+            title: _t("common|success"),
+            description,
+        });
+    }, []);
+
+    const onDeactivateClicked = useCallback((): void => {
+        const { finished } = Modal.createDialog(DeactivateAccountDialog);
+        finished.then(([success]) => {
+            if (success) closeSettingsFn();
+        });
+    }, [closeSettingsFn]);
+
+    let accountManagementSection: JSX.Element | undefined;
+    const isAccountManagedExternally = Boolean(externalAccountManagementUrl);
+    if (SettingsStore.getValue(UIFeature.Deactivate) && !isAccountManagedExternally) {
+        accountManagementSection = <ManagementSection onDeactivateClicked={onDeactivateClicked} />;
+    }
+
+    return (
+        <SettingsTab data-testid="mx_AccountUserSettingsTab">
+            <UserProfileSettings
+                externalAccountManagementUrl={externalAccountManagementUrl}
+                canSetDisplayName={canSetDisplayName}
+                canSetAvatar={canSetAvatar}
+            />
+            {(!isAccountManagedExternally || canMake3pidChanges) && (
+                <UserPersonalInfoSettings canMake3pidChanges={canMake3pidChanges} />
+            )}
+            <AccountSection
+                canChangePassword={canChangePassword}
+                onPasswordChanged={onPasswordChanged}
+                onPasswordChangeError={onPasswordChangeError}
+            />
+            {accountManagementSection}
+        </SettingsTab>
+    );
+};
+
+export default AccountUserSettingsTab;
diff --git a/apps/web/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
new file mode 100644
index 00000000000..fe5fa52be08
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
@@ -0,0 +1,118 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2021 The Matrix.org Foundation C.I.C.
+Copyright 2019 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 ChangeEvent, type ReactNode } from "react";
+import { type EmptyObject } from "matrix-js-sdk/src/matrix";
+import { Form } from "@vector-im/compound-web";
+
+import { _t } from "../../../../../languageHandler";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import SettingsFlag from "../../../elements/SettingsFlag";
+import Field from "../../../elements/Field";
+import AccessibleButton from "../../../elements/AccessibleButton";
+import { SettingLevel } from "../../../../../settings/SettingLevel";
+import { UIFeature } from "../../../../../settings/UIFeature";
+import { LayoutSwitcher } from "../../LayoutSwitcher";
+import FontScalingPanel from "../../FontScalingPanel";
+import { ThemeChoicePanel } from "../../ThemeChoicePanel";
+import ImageSizePanel from "../../ImageSizePanel";
+import SettingsTab from "../SettingsTab";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { SettingsSubsection } from "../../shared/SettingsSubsection";
+
+interface IState {
+    useBundledEmojiFont: boolean;
+    useSystemFont: boolean;
+    systemFont: string;
+    showAdvanced: boolean;
+}
+
+export default class AppearanceUserSettingsTab extends React.Component<EmptyObject, IState> {
+    public constructor(props: EmptyObject) {
+        super(props);
+
+        this.state = {
+            useBundledEmojiFont: SettingsStore.getValue("useBundledEmojiFont"),
+            useSystemFont: SettingsStore.getValue("useSystemFont"),
+            systemFont: SettingsStore.getValue("systemFont"),
+            showAdvanced: false,
+        };
+    }
+
+    private renderAdvancedSection(): ReactNode {
+        if (!SettingsStore.getValue(UIFeature.AdvancedSettings)) return null;
+
+        const toggle = (
+            <AccessibleButton
+                kind="link"
+                onClick={() => this.setState({ showAdvanced: !this.state.showAdvanced })}
+                aria-expanded={this.state.showAdvanced}
+            >
+                {this.state.showAdvanced ? _t("action|hide_advanced") : _t("action|show_advanced")}
+            </AccessibleButton>
+        );
+
+        let advanced: React.ReactNode;
+
+        if (this.state.showAdvanced) {
+            advanced = (
+                <Form.Root
+                    onSubmit={(evt) => {
+                        evt.preventDefault();
+                        evt.stopPropagation();
+                    }}
+                >
+                    <SettingsFlag
+                        name="useBundledEmojiFont"
+                        level={SettingLevel.DEVICE}
+                        onChange={(checked) => this.setState({ useBundledEmojiFont: checked })}
+                    />
+                    <SettingsFlag
+                        name="useSystemFont"
+                        level={SettingLevel.DEVICE}
+                        onChange={(checked) => this.setState({ useSystemFont: checked })}
+                    />
+                    <Field
+                        className="mx_AppearanceUserSettingsTab_checkboxControlledField"
+                        label={SettingsStore.getDisplayName("systemFont")!}
+                        onChange={(value: ChangeEvent<HTMLInputElement>) => {
+                            this.setState({
+                                systemFont: value.target.value,
+                            });
+
+                            SettingsStore.setValue("systemFont", null, SettingLevel.DEVICE, value.target.value);
+                        }}
+                        disabled={!this.state.useSystemFont}
+                        value={this.state.systemFont}
+                    />
+                </Form.Root>
+            );
+        }
+        return (
+            <SettingsSubsection>
+                {toggle}
+                {advanced}
+            </SettingsSubsection>
+        );
+    }
+
+    public render(): React.ReactNode {
+        return (
+            <SettingsTab data-testid="mx_AppearanceUserSettingsTab">
+                <SettingsSection>
+                    <ThemeChoicePanel />
+                    <LayoutSwitcher />
+                    <FontScalingPanel />
+                    {this.renderAdvancedSection()}
+                    <ImageSizePanel />
+                </SettingsSection>
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/tabs/user/EncryptionUserSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/user/EncryptionUserSettingsTab.tsx
new file mode 100644
index 00000000000..fac669191d5
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/EncryptionUserSettingsTab.tsx
@@ -0,0 +1,246 @@
+/*
+ * Copyright 2024 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 { Button, Separator } from "@vector-im/compound-web";
+import ComputerIcon from "@vector-im/compound-design-tokens/assets/web/icons/computer";
+
+import SettingsTab from "../SettingsTab";
+import { RecoveryPanel } from "../../encryption/RecoveryPanel";
+import { ChangeRecoveryKey } from "../../encryption/ChangeRecoveryKey";
+import { _t } from "../../../../../languageHandler";
+import Modal from "../../../../../Modal";
+import SetupEncryptionDialog from "../../../dialogs/security/SetupEncryptionDialog";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { SettingsSubheader } from "../../SettingsSubheader";
+import { AdvancedPanel } from "../../encryption/AdvancedPanel";
+import { ResetIdentityPanel } from "../../encryption/ResetIdentityPanel";
+import { type ResetIdentityBodyVariant } from "../../encryption/ResetIdentityBody";
+import { RecoveryPanelOutOfSync } from "../../encryption/RecoveryPanelOutOfSync";
+import { useTypedEventEmitterState } from "../../../../../hooks/useEventEmitter";
+import { KeyStoragePanel } from "../../encryption/KeyStoragePanel";
+import { DeleteKeyStoragePanel } from "../../encryption/DeleteKeyStoragePanel";
+import { DeviceListener, CurrentDeviceEvents, type DeviceState } from "../../../../../device-listener";
+import { useKeyStoragePanelViewModel } from "../../../../viewmodels/settings/encryption/KeyStoragePanelViewModel";
+
+/**
+ * The state in the encryption settings tab.
+ *  - "main": The main panel with all the sections (Key storage, recovery, advanced).
+ *  - "change_recovery_key": The panel to show when the user is changing their recovery key.
+ *                           This happens when the user has a recovery key and the user clicks on "Change recovery key" button of the RecoveryPanel.
+ *  - "set_recovery_key": The panel to show when the user is setting up their recovery key.
+ *                        This happens when the user doesn't have a key a recovery key and the user clicks on "Set up recovery key" button of the RecoveryPanel.
+ *  - "reset_identity_compromised": The panel to show when the user is resetting their identity, in the case where their key is compromised.
+ *  - "reset_identity_forgot": The panel to show when the user is resetting their identity, in the case where they forgot their recovery key.
+ *  - "reset_identity_sync_failed": The panel to show when the user us resetting their identity, in the case where recovery failed.
+ *  - "reset_identity_cant_recover": The panel to show when the user is resetting their identity, in the case where they can't use recovery.
+ *  - "key_storage_delete": The confirmation page asking if the user really wants to turn off key storage.
+ */
+export type State =
+    | "main"
+    | "change_recovery_key"
+    | "set_recovery_key"
+    | "reset_identity_compromised"
+    | "reset_identity_forgot"
+    | "reset_identity_sync_failed"
+    | "reset_identity_cant_recover"
+    | "key_storage_delete";
+
+interface Props {
+    /**
+     * If the tab should start in a state other than the default
+     */
+    initialState?: State;
+}
+
+/**
+ * The encryption settings tab.
+ */
+export function EncryptionUserSettingsTab({ initialState = "main" }: Readonly<Props>): JSX.Element {
+    const [state, setState] = useState<State>(initialState);
+
+    const deviceState = useTypedEventEmitterState(
+        DeviceListener.sharedInstance().currentDeviceChangedEmitter,
+        CurrentDeviceEvents.DeviceStateChanged,
+        (state?: DeviceState): DeviceState => {
+            return state ?? DeviceListener.sharedInstance().getDeviceState();
+        },
+    );
+
+    const { isEnabled: isBackupEnabled } = useKeyStoragePanelViewModel();
+
+    let content: JSX.Element;
+
+    switch (state) {
+        case "main":
+            switch (deviceState) {
+                // some device states require action from the user rather than showing the main settings screen
+                case "verify_this_session":
+                    content = <SetUpEncryptionPanel onFinish={() => setState("main")} />;
+                    break;
+                case "key_storage_out_of_sync":
+                    content = (
+                        <RecoveryPanelOutOfSync
+                            onFinish={() => setState("main")}
+                            onForgotRecoveryKey={() => setState("reset_identity_forgot")}
+                            onAccessSecretStorageFailed={async () => {
+                                const needsCrossSigningReset =
+                                    await DeviceListener.sharedInstance().keyStorageOutOfSyncNeedsCrossSigningReset(
+                                        true,
+                                    );
+                                setState(needsCrossSigningReset ? "reset_identity_sync_failed" : "change_recovery_key");
+                            }}
+                        />
+                    );
+                    break;
+                case "identity_needs_reset":
+                    content = (
+                        <IdentityNeedsResetNoticePanel onContinue={() => setState("reset_identity_cant_recover")} />
+                    );
+                    break;
+                default:
+                    content = (
+                        <>
+                            <KeyStoragePanel onKeyStorageDisableClick={() => setState("key_storage_delete")} />
+                            <Separator kind="section" />
+                            {/* We only show the "Recovery" panel if key storage is enabled.*/}
+                            {isBackupEnabled && (
+                                <>
+                                    <RecoveryPanel
+                                        onChangeRecoveryKeyClick={(setupNewKey) =>
+                                            setupNewKey ? setState("set_recovery_key") : setState("change_recovery_key")
+                                        }
+                                    />
+                                    <Separator kind="section" />
+                                </>
+                            )}
+                            <AdvancedPanel onResetIdentityClick={() => setState("reset_identity_compromised")} />
+                        </>
+                    );
+                    break;
+            }
+            break;
+        case "change_recovery_key":
+        case "set_recovery_key":
+            content = (
+                <ChangeRecoveryKey
+                    userHasRecoveryKey={state === "change_recovery_key"}
+                    onCancelClick={() => setState("main")}
+                    onFinish={() => setState("main")}
+                />
+            );
+            break;
+        case "reset_identity_compromised":
+        case "reset_identity_forgot":
+        case "reset_identity_sync_failed":
+        case "reset_identity_cant_recover":
+            content = (
+                <ResetIdentityPanel
+                    variant={findResetVariant(state)}
+                    onCancelClick={() => setState("main")}
+                    onReset={() => setState("main")}
+                />
+            );
+            break;
+        case "key_storage_delete":
+            content = <DeleteKeyStoragePanel onFinish={() => setState("main")} />;
+            break;
+    }
+
+    return (
+        <SettingsTab className="mx_EncryptionUserSettingsTab" data-testid="encryptionTab">
+            {content}
+        </SettingsTab>
+    );
+}
+
+/**
+ * Given what state we want the tab to be in, what variant of the
+ * ResetIdentityPanel do we need?
+ */
+function findResetVariant(state: State): ResetIdentityBodyVariant {
+    switch (state) {
+        case "reset_identity_compromised":
+            return "compromised";
+        case "reset_identity_sync_failed":
+            return "sync_failed";
+        case "reset_identity_cant_recover":
+            return "no_verification_method";
+
+        default:
+        case "reset_identity_forgot":
+            return "forgot";
+    }
+}
+
+interface SetUpEncryptionPanelProps {
+    /**
+     * Callback to call when the user has finished setting up encryption.
+     */
+    onFinish: () => void;
+}
+
+/**
+ * Panel to show when the user needs to go through the SetupEncryption flow.
+ */
+function SetUpEncryptionPanel({ onFinish }: SetUpEncryptionPanelProps): JSX.Element {
+    // Strictly speaking, the SetupEncryptionDialog may make the user do things other than
+    // verify their device (in particular, if they manage to get here without cross-signing keys existing);
+    // however the common case is that they will be asked to verify, so we just show buttons and headings
+    // that talk about verification.
+    return (
+        <SettingsSection
+            legacy={false}
+            heading={_t("settings|encryption|device_not_verified_title")}
+            subHeading={
+                <SettingsSubheader
+                    stateMessage={_t("settings|encryption|device_not_verified_description")}
+                    state="error"
+                />
+            }
+        >
+            <Button
+                size="md"
+                Icon={ComputerIcon}
+                onClick={() => {
+                    const { finished } = Modal.createDialog(SetupEncryptionDialog);
+                    finished.then(onFinish);
+                }}
+            >
+                {_t("settings|encryption|device_not_verified_button")}
+            </Button>
+        </SettingsSection>
+    );
+}
+
+interface IdentityNeedsResetNoticePanelProps {
+    /**
+     * Callback to call when the user has finished setting up encryption.
+     */
+    onContinue: () => void;
+}
+
+/**
+ * Panel to tell the user that they need to reset their identity.
+ */
+function IdentityNeedsResetNoticePanel({ onContinue }: Readonly<IdentityNeedsResetNoticePanelProps>): JSX.Element {
+    return (
+        <SettingsSection
+            legacy={false}
+            heading={_t("encryption|key_storage_out_of_sync")}
+            subHeading={
+                <SettingsSubheader state="error" stateMessage={_t("encryption|identity_needs_reset_description")} />
+            }
+        >
+            <div>
+                <Button size="md" kind="primary" onClick={onContinue}>
+                    {_t("encryption|continue_with_reset")}
+                </Button>
+            </div>
+        </SettingsSection>
+    );
+}
diff --git a/apps/web/src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx
new file mode 100644
index 00000000000..0b9f2999f50
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx
@@ -0,0 +1,313 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 JSX, type ReactNode } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type EmptyObject } from "matrix-js-sdk/src/matrix";
+
+import AccessibleButton from "../../../elements/AccessibleButton";
+import { _t } from "../../../../../languageHandler";
+import SdkConfig from "../../../../../SdkConfig";
+import PlatformPeg from "../../../../../PlatformPeg";
+import UpdateCheckButton from "../../UpdateCheckButton";
+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;
+    canUpdate: boolean;
+}
+
+export default class HelpUserSettingsTab extends React.Component<EmptyObject, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    public constructor(props: EmptyObject) {
+        super(props);
+
+        this.state = {
+            appVersion: null,
+            canUpdate: false,
+        };
+    }
+
+    public componentDidMount(): void {
+        PlatformPeg.get()
+            ?.getAppVersion()
+            .then((ver) => this.setState({ appVersion: ver }))
+            .catch((e) => {
+                logger.error("Error getting vector version: ", e);
+            });
+        PlatformPeg.get()
+            ?.canSelfUpdate()
+            .then((v) => this.setState({ canUpdate: v }))
+            .catch((e) => {
+                logger.error("Error getting self updatability: ", e);
+            });
+    }
+
+    private getVersionInfo(): { appVersion: string; cryptoVersion: string } {
+        const brand = SdkConfig.get().brand;
+        const appVersion = this.state.appVersion || "unknown";
+        const cryptoVersion = this.context.getCrypto()?.getVersion() ?? "<not-enabled>";
+
+        return {
+            appVersion: `${_t("setting|help_about|brand_version", { brand })} ${appVersion}`,
+            cryptoVersion: `${_t("setting|help_about|crypto_version")} ${cryptoVersion}`,
+        };
+    }
+
+    private onClearCacheAndReload = (): void => {
+        if (!PlatformPeg.get()) return;
+
+        // Dev note: please keep this log line, it's useful when troubleshooting a MatrixClient suddenly
+        // stopping in the middle of the logs.
+        logger.log("Clear cache & reload clicked");
+        this.context.stopClient();
+        this.context.store.deleteAllData().then(() => {
+            PlatformPeg.get()?.reload();
+        });
+    };
+
+    private renderLegal(): ReactNode {
+        const tocLinks = SdkConfig.get().terms_and_conditions_links;
+        if (!tocLinks) return null;
+
+        const legalLinks: JSX.Element[] = [];
+        for (const tocEntry of tocLinks) {
+            legalLinks.push(
+                <div key={tocEntry.url}>
+                    <ExternalLink href={tocEntry.url}>{tocEntry.text}</ExternalLink>
+                </div>,
+            );
+        }
+
+        return (
+            <SettingsSubsection heading={_t("common|legal")}>
+                <SettingsSubsectionText>{legalLinks}</SettingsSubsectionText>
+            </SettingsSubsection>
+        );
+    }
+
+    private renderCredits(): JSX.Element {
+        // Note: This is not translated because it is legal text.
+        // Also, &nbsp; is ugly but necessary.
+        return (
+            <SettingsSubsection heading={_t("common|credits")}>
+                <SettingsSubsectionText>
+                    <ul>
+                        <li>
+                            {_t(
+                                "credits|default_cover_photo",
+                                {},
+                                {
+                                    photo: (sub) => (
+                                        <ExternalLink
+                                            href="themes/element/img/backgrounds/lake.jpg"
+                                            rel="noreferrer noopener"
+                                            target="_blank"
+                                        >
+                                            {sub}
+                                        </ExternalLink>
+                                    ),
+                                    author: (sub) => (
+                                        <ExternalLink href="https://www.flickr.com/golan">{sub}</ExternalLink>
+                                    ),
+                                    terms: (sub) => (
+                                        <ExternalLink
+                                            href="https://creativecommons.org/licenses/by-sa/4.0/"
+                                            rel="noreferrer noopener"
+                                            target="_blank"
+                                        >
+                                            {sub}
+                                        </ExternalLink>
+                                    ),
+                                },
+                            )}
+                        </li>
+                        <li>
+                            {_t(
+                                "credits|twemoji_colr",
+                                {},
+                                {
+                                    colr: (sub) => (
+                                        <ExternalLink
+                                            href="https://github.com/matrix-org/twemoji-colr"
+                                            rel="noreferrer noopener"
+                                            target="_blank"
+                                        >
+                                            {sub}
+                                        </ExternalLink>
+                                    ),
+                                    author: (sub) => <ExternalLink href="https://mozilla.org">{sub}</ExternalLink>,
+                                    terms: (sub) => (
+                                        <ExternalLink
+                                            href="https://www.apache.org/licenses/LICENSE-2.0"
+                                            rel="noreferrer noopener"
+                                            target="_blank"
+                                        >
+                                            {sub}
+                                        </ExternalLink>
+                                    ),
+                                },
+                            )}
+                        </li>
+                        <li>
+                            {_t(
+                                "credits|twemoji",
+                                {},
+                                {
+                                    twemoji: (sub) => (
+                                        <ExternalLink href="https://github.com/jdecked/twemoji">{sub}</ExternalLink>
+                                    ),
+                                    author: (sub) => (
+                                        <ExternalLink href="https://github.com/jdecked/twemoji/graphs/contributors">
+                                            {sub}
+                                        </ExternalLink>
+                                    ),
+                                    terms: (sub) => (
+                                        <ExternalLink
+                                            href="https://creativecommons.org/licenses/by/4.0/"
+                                            rel="noreferrer noopener"
+                                            target="_blank"
+                                        >
+                                            {sub}
+                                        </ExternalLink>
+                                    ),
+                                },
+                            )}
+                        </li>
+                    </ul>
+                </SettingsSubsectionText>
+            </SettingsSubsection>
+        );
+    }
+
+    private getVersionTextToCopy = (): string => {
+        const { appVersion, cryptoVersion } = this.getVersionInfo();
+        return `${appVersion}\n${cryptoVersion}`;
+    };
+
+    public render(): React.ReactNode {
+        const brand = SdkConfig.get().brand;
+
+        const faqText = _t(
+            "setting|help_about|help_link",
+            {
+                brand,
+            },
+            {
+                a: (sub) => <ExternalLink href={SdkConfig.get("help_url")}>{sub}</ExternalLink>,
+            },
+        );
+
+        let updateButton: JSX.Element | undefined;
+        if (this.state.canUpdate) {
+            updateButton = <UpdateCheckButton />;
+        }
+
+        let bugReportingSection;
+        if (SdkConfig.get().bug_report_endpoint_url) {
+            bugReportingSection = (
+                <SettingsSubsection
+                    heading={_t("bug_reporting|title")}
+                    description={
+                        <>
+                            <SettingsSubsectionText>{_t("bug_reporting|introduction")}</SettingsSubsectionText>
+                            {_t("bug_reporting|description")}
+                        </>
+                    }
+                >
+                    <BugReportDialogButton />
+                    <SettingsSubsectionText>
+                        {_t(
+                            "bug_reporting|matrix_security_issue",
+                            {},
+                            {
+                                a: (sub) => (
+                                    <ExternalLink href="https://matrix.org/security-disclosure-policy/">
+                                        {sub}
+                                    </ExternalLink>
+                                ),
+                            },
+                        )}
+                    </SettingsSubsectionText>
+                </SettingsSubsection>
+            );
+        }
+
+        const { appVersion, cryptoVersion } = this.getVersionInfo();
+
+        return (
+            <SettingsTab>
+                <SettingsSection>
+                    {bugReportingSection}
+                    <SettingsSubsection heading={_t("common|faq")} description={faqText} />
+                    <SettingsSubsection heading={_t("setting|help_about|versions")}>
+                        <SettingsSubsectionText>
+                            <CopyableText getTextToCopy={this.getVersionTextToCopy}>
+                                {appVersion}
+                                <br />
+                                {cryptoVersion}
+                                <br />
+                            </CopyableText>
+                            {updateButton}
+                        </SettingsSubsectionText>
+                    </SettingsSubsection>
+                    {this.renderLegal()}
+                    {this.renderCredits()}
+                    <SettingsSubsection heading={_t("common|advanced")}>
+                        <SettingsSubsectionText>
+                            {_t(
+                                "setting|help_about|homeserver",
+                                {
+                                    homeserverUrl: this.context.getHomeserverUrl(),
+                                },
+                                {
+                                    code: (sub) => <code>{sub}</code>,
+                                },
+                            )}
+                        </SettingsSubsectionText>
+                        {this.context.getIdentityServerUrl() && (
+                            <SettingsSubsectionText>
+                                {_t(
+                                    "setting|help_about|identity_server",
+                                    {
+                                        identityServerUrl: this.context.getIdentityServerUrl(),
+                                    },
+                                    {
+                                        code: (sub) => <code>{sub}</code>,
+                                    },
+                                )}
+                            </SettingsSubsectionText>
+                        )}
+                        <SettingsSubsectionText>
+                            <details>
+                                <summary className="mx_HelpUserSettingsTab_accessTokenDetails">
+                                    {_t("common|access_token")}
+                                </summary>
+                                <strong>{_t("setting|help_about|access_token_detail")}</strong>
+                                <CopyableText getTextToCopy={() => this.context.getAccessToken()}>
+                                    {this.context.getAccessToken()}
+                                </CopyableText>
+                            </details>
+                        </SettingsSubsectionText>
+                        <AccessibleButton onClick={this.onClearCacheAndReload} kind="danger_outline">
+                            {_t("setting|help_about|clear_cache_reload")}
+                        </AccessibleButton>
+                    </SettingsSubsection>
+                </SettingsSection>
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/tabs/user/InviteRulesAccountSettings.tsx b/apps/web/src/components/views/settings/tabs/user/InviteRulesAccountSettings.tsx
new file mode 100644
index 00000000000..715da57346f
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/InviteRulesAccountSettings.tsx
@@ -0,0 +1,78 @@
+/*
+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 ChangeEvent, type FC, useCallback, useState } from "react";
+import { Form, SettingsToggleInput } from "@vector-im/compound-web";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../../../languageHandler";
+import { useSettingValue } from "../../../../../hooks/useSettings";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import { SettingLevel } from "../../../../../settings/SettingLevel";
+
+/**
+ * A settings component which allows the user to enable/disable invite blocking.
+ *
+ * Uses whichever of MSC4155 and MSC4380 is available on the server; if neither is available, the toggle is disabled. If
+ * both are available, the toggle will use MSC4380 to block invites.
+ */
+export const InviteRulesAccountSetting: FC = () => {
+    const msc4155Rules = useSettingValue("inviteRules");
+    const msc4380BlockInvites = useSettingValue("blockInvites");
+
+    const msc4155Disabled = SettingsStore.disabledMessage("inviteRules");
+    const msc4380Disabled = SettingsStore.disabledMessage("blockInvites");
+
+    const [busy, setBusy] = useState(false);
+
+    const onChange = useCallback(
+        async (e: ChangeEvent<HTMLInputElement>) => {
+            try {
+                setBusy(true);
+                if (e.target.checked) {
+                    // When allowing invites, clear the block setting on both bits of account data.
+                    await SettingsStore.setValue("blockInvites", null, SettingLevel.ACCOUNT, false);
+                    await SettingsStore.setValue("inviteRules", null, SettingLevel.ACCOUNT, { allBlocked: false });
+                } else {
+                    // When blocking invites, prefer MSC4380 over MSC4155.
+                    if (!msc4380Disabled) {
+                        await SettingsStore.setValue("blockInvites", null, SettingLevel.ACCOUNT, true);
+                    } else if (!msc4155Disabled) {
+                        await SettingsStore.setValue("inviteRules", null, SettingLevel.ACCOUNT, { allBlocked: true });
+                    }
+                }
+            } catch (ex) {
+                logger.error(`Unable to set invite rules`, ex);
+            } finally {
+                setBusy(false);
+            }
+        },
+        [msc4155Disabled, msc4380Disabled, setBusy],
+    );
+
+    const disabledMessage = msc4155Disabled && msc4380Disabled;
+    const invitesBlocked = (!msc4155Disabled && msc4155Rules.allBlocked) || (!msc4380Disabled && msc4380BlockInvites);
+    return (
+        <Form.Root
+            className="mx_MediaPreviewAccountSetting_Form"
+            onSubmit={(evt) => {
+                evt.preventDefault();
+                evt.stopPropagation();
+            }}
+        >
+            <SettingsToggleInput
+                name="invite_controls"
+                label={_t("settings|invite_controls|default_label")}
+                checked={!invitesBlocked}
+                onChange={onChange}
+                className="mx_MediaPreviewAccountSetting_ToggleSwitch"
+                disabled={!!disabledMessage || busy}
+                disabledMessage={disabledMessage}
+            />
+        </Form.Root>
+    );
+};
diff --git a/apps/web/src/components/views/settings/tabs/user/KeyboardUserSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/user/KeyboardUserSettingsTab.tsx
new file mode 100644
index 00000000000..44e36236254
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/KeyboardUserSettingsTab.tsx
@@ -0,0 +1,84 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+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 from "react";
+
+import {
+    type ICategory,
+    CATEGORIES,
+    CategoryName,
+    type KeyBindingAction,
+} from "../../../../../accessibility/KeyboardShortcuts";
+import { _t } from "../../../../../languageHandler";
+import {
+    getKeyboardShortcutDisplayName,
+    getKeyboardShortcutValue,
+} from "../../../../../accessibility/KeyboardShortcutUtils";
+import { KeyboardShortcut } from "../../KeyboardShortcut";
+import SettingsTab from "../SettingsTab";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { SettingsSubsection } from "../../shared/SettingsSubsection";
+import { showLabsFlags } from "./LabsUserSettingsTab";
+
+interface IKeyboardShortcutRowProps {
+    name: KeyBindingAction;
+}
+
+// Filter out the labs section if labs aren't enabled.
+const visibleCategories = (Object.entries(CATEGORIES) as [CategoryName, ICategory][]).filter(
+    ([categoryName]) => categoryName !== CategoryName.LABS || showLabsFlags(),
+);
+
+const KeyboardShortcutRow: React.FC<IKeyboardShortcutRowProps> = ({ name }) => {
+    const displayName = getKeyboardShortcutDisplayName(name);
+    const value = getKeyboardShortcutValue(name);
+    if (!displayName || !value) return null;
+
+    return (
+        <li className="mx_KeyboardShortcut_shortcutRow">
+            {displayName}
+            <KeyboardShortcut value={value} />
+        </li>
+    );
+};
+
+interface IKeyboardShortcutSectionProps {
+    categoryName: CategoryName;
+    category: ICategory;
+}
+
+const KeyboardShortcutSection: React.FC<IKeyboardShortcutSectionProps> = ({ categoryName, category }) => {
+    if (!category.categoryLabel) return null;
+
+    return (
+        <SettingsSubsection heading={_t(category.categoryLabel)} key={categoryName}>
+            <ul className="mx_KeyboardShortcut_shortcutList">
+                {category.settingNames.map((shortcutName) => {
+                    return <KeyboardShortcutRow key={shortcutName} name={shortcutName} />;
+                })}
+            </ul>
+        </SettingsSubsection>
+    );
+};
+
+const KeyboardUserSettingsTab: React.FC = () => {
+    return (
+        <SettingsTab>
+            <SettingsSection>
+                {visibleCategories.map(([categoryName, category]) => {
+                    return (
+                        <KeyboardShortcutSection key={categoryName} categoryName={categoryName} category={category} />
+                    );
+                })}
+            </SettingsSection>
+        </SettingsTab>
+    );
+};
+
+export default KeyboardUserSettingsTab;
diff --git a/apps/web/src/components/views/settings/tabs/user/LabsUserSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/user/LabsUserSettingsTab.tsx
new file mode 100644
index 00000000000..19c2fb7d40b
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/LabsUserSettingsTab.tsx
@@ -0,0 +1,132 @@
+/*
+Copyright 2019-2024 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 { sortBy } from "lodash";
+import { type EmptyObject } from "matrix-js-sdk/src/matrix";
+import { Form } from "@vector-im/compound-web";
+
+import { _t } from "../../../../../languageHandler";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import { SettingLevel } from "../../../../../settings/SettingLevel";
+import SdkConfig from "../../../../../SdkConfig";
+import BetaCard from "../../../beta/BetaCard";
+import SettingsFlag from "../../../elements/SettingsFlag";
+import { type FeatureSettingKey, type LabGroup, labGroupNames } from "../../../../../settings/Settings";
+import { EnhancedMap } from "../../../../../utils/maps";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { SettingsSubsection, SettingsSubsectionText } from "../../shared/SettingsSubsection";
+import SettingsTab from "../SettingsTab";
+
+export const showLabsFlags = (): boolean => {
+    return SdkConfig.get("show_labs_settings") || SettingsStore.getValue("developerMode");
+};
+
+export default class LabsUserSettingsTab extends React.Component<EmptyObject> {
+    private readonly labs: FeatureSettingKey[];
+    private readonly betas: FeatureSettingKey[];
+
+    public constructor(props: EmptyObject) {
+        super(props);
+
+        const features = SettingsStore.getFeatureSettingNames();
+        const [labs, betas] = features.reduce(
+            (arr, f) => {
+                arr[SettingsStore.getBetaInfo(f) ? 1 : 0].push(f as FeatureSettingKey);
+                return arr;
+            },
+            [[], []] as [FeatureSettingKey[], FeatureSettingKey[]],
+        );
+
+        this.labs = labs;
+        this.betas = betas;
+
+        if (!showLabsFlags()) {
+            this.labs = [];
+        }
+    }
+
+    public render(): React.ReactNode {
+        let betaSection: JSX.Element | undefined;
+        if (this.betas.length) {
+            betaSection = (
+                <>
+                    {this.betas.map((f) => (
+                        <BetaCard key={f} featureId={f} />
+                    ))}
+                </>
+            );
+        }
+
+        let labsSections: JSX.Element | undefined;
+        if (this.labs.length) {
+            const groups = new EnhancedMap<LabGroup, JSX.Element[]>();
+            this.labs.forEach((f) => {
+                groups
+                    .getOrCreate(SettingsStore.getLabGroup(f)!, [])
+                    .push(<SettingsFlag level={SettingLevel.DEVICE} name={f} key={f} />);
+            });
+
+            labsSections = (
+                <>
+                    {sortBy(Array.from(groups.entries()), "0").map(([group, flags]) => (
+                        <SettingsSubsection
+                            key={group}
+                            data-testid={`labs-group-${group}`}
+                            heading={_t(labGroupNames[group])}
+                        >
+                            {flags}
+                        </SettingsSubsection>
+                    ))}
+                </>
+            );
+        }
+
+        return (
+            <SettingsTab>
+                <Form.Root
+                    onSubmit={(evt) => {
+                        evt.preventDefault();
+                        evt.stopPropagation();
+                    }}
+                >
+                    <SettingsSection heading={_t("labs|beta_section")}>
+                        <SettingsSubsectionText>
+                            {_t("labs|beta_description", { brand: SdkConfig.get("brand") })}
+                        </SettingsSubsectionText>
+                        {betaSection}
+                    </SettingsSection>
+
+                    {labsSections && (
+                        <SettingsSection heading={_t("labs|experimental_section")}>
+                            <SettingsSubsectionText>
+                                {_t(
+                                    "labs|experimental_description",
+                                    {},
+                                    {
+                                        a: (sub) => {
+                                            return (
+                                                <a
+                                                    href="https://github.com/vector-im/element-web/blob/develop/docs/labs.md"
+                                                    rel="noreferrer noopener"
+                                                    target="_blank"
+                                                >
+                                                    {sub}
+                                                </a>
+                                            );
+                                        },
+                                    },
+                                )}
+                            </SettingsSubsectionText>
+                            {labsSections}
+                        </SettingsSection>
+                    )}
+                </Form.Root>
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/tabs/user/MediaPreviewAccountSettings.tsx b/apps/web/src/components/views/settings/tabs/user/MediaPreviewAccountSettings.tsx
new file mode 100644
index 00000000000..1194f2fd020
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/MediaPreviewAccountSettings.tsx
@@ -0,0 +1,149 @@
+/*
+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 ChangeEventHandler, useCallback } from "react";
+import { Field, HelpMessage, InlineField, Label, RadioInput, Root, SettingsToggleInput } from "@vector-im/compound-web";
+
+import { type MediaPreviewConfig, MediaPreviewValue } from "../../../../../@types/media_preview";
+import { _t } from "../../../../../languageHandler";
+import { useSettingValue } from "../../../../../hooks/useSettings";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import { SettingLevel } from "../../../../../settings/SettingLevel";
+
+export const MediaPreviewAccountSettings: React.FC<{ roomId?: string }> = ({ roomId }) => {
+    const currentMediaPreview = useSettingValue("mediaPreviewConfig", roomId);
+
+    const changeSetting = useCallback(
+        (newValue: MediaPreviewConfig) => {
+            SettingsStore.setValue(
+                "mediaPreviewConfig",
+                roomId ?? null,
+                roomId ? SettingLevel.ROOM_ACCOUNT : SettingLevel.ACCOUNT,
+                newValue,
+            );
+        },
+        [roomId],
+    );
+
+    const avatarOnChange = useCallback<ChangeEventHandler<HTMLInputElement>>(
+        (evt) => {
+            changeSetting({
+                ...currentMediaPreview,
+                // Switch is inverted. "Hide avatars..."
+                invite_avatars: evt.target.checked ? MediaPreviewValue.Off : MediaPreviewValue.On,
+            });
+        },
+        [changeSetting, currentMediaPreview],
+    );
+
+    const mediaPreviewOnChangeOff = useCallback<ChangeEventHandler<HTMLInputElement>>(
+        (event) => {
+            if (!event.target.checked) {
+                return;
+            }
+            changeSetting({
+                ...currentMediaPreview,
+                media_previews: MediaPreviewValue.Off,
+            });
+        },
+        [changeSetting, currentMediaPreview],
+    );
+
+    const mediaPreviewOnChangePrivate = useCallback<ChangeEventHandler<HTMLInputElement>>(
+        (event) => {
+            if (!event.target.checked) {
+                return;
+            }
+            changeSetting({
+                ...currentMediaPreview,
+                media_previews: MediaPreviewValue.Private,
+            });
+        },
+        [changeSetting, currentMediaPreview],
+    );
+
+    const mediaPreviewOnChangeOn = useCallback<ChangeEventHandler<HTMLInputElement>>(
+        (event) => {
+            if (!event.target.checked) {
+                return;
+            }
+            changeSetting({
+                ...currentMediaPreview,
+                media_previews: MediaPreviewValue.On,
+            });
+        },
+        [changeSetting, currentMediaPreview],
+    );
+
+    return (
+        <Root className="mx_MediaPreviewAccountSetting_Form">
+            {!roomId && (
+                <SettingsToggleInput
+                    name="hide_avatars"
+                    label={_t("settings|media_preview|hide_avatars")}
+                    checked={currentMediaPreview.invite_avatars === MediaPreviewValue.Off}
+                    onChange={avatarOnChange}
+                />
+            )}
+            {/* Explict label here because htmlFor is not supported for linking to radiogroups */}
+            <Field
+                id="mx_media_previews"
+                role="radiogroup"
+                name="media_previews"
+                aria-label={_t("settings|media_preview|media_preview_label")}
+            >
+                <Label>{_t("settings|media_preview|media_preview_label")}</Label>
+                <HelpMessage className="mx_MediaPreviewAccountSetting_RadioHelp">
+                    {_t("settings|media_preview|media_preview_description")}
+                </HelpMessage>
+                <InlineField
+                    name="media_preview_off"
+                    className="mx_MediaPreviewAccountSetting_Radio"
+                    control={
+                        <RadioInput
+                            id="mx_media_previews_off"
+                            checked={currentMediaPreview.media_previews === MediaPreviewValue.Off}
+                            onChange={mediaPreviewOnChangeOff}
+                        />
+                    }
+                >
+                    <Label htmlFor="mx_media_previews_off">{_t("settings|media_preview|hide_media")}</Label>
+                </InlineField>
+                {!roomId && (
+                    <InlineField
+                        name="mx_media_previews_private"
+                        className="mx_MediaPreviewAccountSetting_Radio"
+                        control={
+                            <RadioInput
+                                id="mx_media_previews_private"
+                                checked={currentMediaPreview.media_previews === MediaPreviewValue.Private}
+                                onChange={mediaPreviewOnChangePrivate}
+                            />
+                        }
+                    >
+                        <Label htmlFor="mx_media_previews_private">
+                            {_t("settings|media_preview|show_in_private")}
+                        </Label>
+                    </InlineField>
+                )}
+                <InlineField
+                    name="media_preview_on"
+                    className="mx_MediaPreviewAccountSetting_Radio"
+                    control={
+                        <RadioInput
+                            id="mx_media_previews_on"
+                            checked={currentMediaPreview.media_previews === MediaPreviewValue.On}
+                            onChange={mediaPreviewOnChangeOn}
+                        />
+                    }
+                >
+                    <Label htmlFor="mx_media_previews_on">{_t("settings|media_preview|show_media")}</Label>
+                </InlineField>
+            </Field>
+        </Root>
+    );
+};
diff --git a/apps/web/src/components/views/settings/tabs/user/MjolnirUserSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/user/MjolnirUserSettingsTab.tsx
new file mode 100644
index 00000000000..b13ad4ee856
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/MjolnirUserSettingsTab.tsx
@@ -0,0 +1,307 @@
+/*
+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 JSX, type ChangeEvent, type SyntheticEvent } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type EmptyObject } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../../../languageHandler";
+import SdkConfig from "../../../../../SdkConfig";
+import { Mjolnir } from "../../../../../mjolnir/Mjolnir";
+import { type ListRule } from "../../../../../mjolnir/ListRule";
+import { type BanList, RULE_SERVER, RULE_USER } from "../../../../../mjolnir/BanList";
+import Modal from "../../../../../Modal";
+import { MatrixClientPeg } from "../../../../../MatrixClientPeg";
+import ErrorDialog from "../../../dialogs/ErrorDialog";
+import QuestionDialog from "../../../dialogs/QuestionDialog";
+import AccessibleButton from "../../../elements/AccessibleButton";
+import Field from "../../../elements/Field";
+import SettingsTab from "../SettingsTab";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { SettingsSubsection, SettingsSubsectionText } from "../../shared/SettingsSubsection";
+
+interface IState {
+    busy: boolean;
+    newPersonalRule: string;
+    newList: string;
+}
+
+export default class MjolnirUserSettingsTab extends React.Component<EmptyObject, IState> {
+    public constructor(props: EmptyObject) {
+        super(props);
+
+        this.state = {
+            busy: false,
+            newPersonalRule: "",
+            newList: "",
+        };
+    }
+
+    private onPersonalRuleChanged = (e: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ newPersonalRule: e.target.value });
+    };
+
+    private onNewListChanged = (e: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ newList: e.target.value });
+    };
+
+    private onAddPersonalRule = async (e: SyntheticEvent): Promise<void> => {
+        e.preventDefault();
+        e.stopPropagation();
+
+        let kind = RULE_SERVER;
+        if (this.state.newPersonalRule.startsWith("@")) {
+            kind = RULE_USER;
+        }
+
+        this.setState({ busy: true });
+        try {
+            const list = await Mjolnir.sharedInstance().getOrCreatePersonalList();
+            await list.banEntity(kind, this.state.newPersonalRule, _t("labs_mjolnir|ban_reason"));
+            this.setState({ newPersonalRule: "" }); // this will also cause the new rule to be rendered
+        } catch (e) {
+            logger.error(e);
+
+            Modal.createDialog(ErrorDialog, {
+                title: _t("labs_mjolnir|error_adding_ignore"),
+                description: _t("labs_mjolnir|something_went_wrong"),
+            });
+        } finally {
+            this.setState({ busy: false });
+        }
+    };
+
+    private onSubscribeList = async (e: SyntheticEvent): Promise<void> => {
+        e.preventDefault();
+        e.stopPropagation();
+
+        this.setState({ busy: true });
+        try {
+            const room = await MatrixClientPeg.safeGet().joinRoom(this.state.newList);
+            await Mjolnir.sharedInstance().subscribeToList(room.roomId);
+            this.setState({ newList: "" }); // this will also cause the new rule to be rendered
+        } catch (e) {
+            logger.error(e);
+
+            Modal.createDialog(ErrorDialog, {
+                title: _t("labs_mjolnir|error_adding_list_title"),
+                description: _t("labs_mjolnir|error_adding_list_description"),
+            });
+        } finally {
+            this.setState({ busy: false });
+        }
+    };
+
+    private async removePersonalRule(rule: ListRule): Promise<void> {
+        this.setState({ busy: true });
+        try {
+            const list = Mjolnir.sharedInstance().getPersonalList();
+            await list!.unbanEntity(rule.kind, rule.entity);
+        } catch (e) {
+            logger.error(e);
+
+            Modal.createDialog(ErrorDialog, {
+                title: _t("labs_mjolnir|error_removing_ignore"),
+                description: _t("labs_mjolnir|something_went_wrong"),
+            });
+        } finally {
+            this.setState({ busy: false });
+        }
+    }
+
+    private async unsubscribeFromList(list: BanList): Promise<void> {
+        this.setState({ busy: true });
+        try {
+            await Mjolnir.sharedInstance().unsubscribeFromList(list.roomId);
+            await MatrixClientPeg.safeGet().leave(list.roomId);
+        } catch (e) {
+            logger.error(e);
+
+            Modal.createDialog(ErrorDialog, {
+                title: _t("labs_mjolnir|error_removing_list_title"),
+                description: _t("labs_mjolnir|error_removing_list_description"),
+            });
+        } finally {
+            this.setState({ busy: false });
+        }
+    }
+
+    private viewListRules(list: BanList): void {
+        const room = MatrixClientPeg.safeGet().getRoom(list.roomId);
+        const name = room ? room.name : list.roomId;
+
+        const renderRules = (rules: ListRule[]): JSX.Element => {
+            if (rules.length === 0) return <i>{_t("labs_mjolnir|rules_empty")}</i>;
+
+            const tiles: JSX.Element[] = [];
+            for (const rule of rules) {
+                tiles.push(
+                    <li key={rule.kind + rule.entity}>
+                        <code>{rule.entity}</code>
+                    </li>,
+                );
+            }
+            return <ul>{tiles}</ul>;
+        };
+
+        Modal.createDialog(QuestionDialog, {
+            title: _t("labs_mjolnir|rules_title", { roomName: name }),
+            description: (
+                <div>
+                    <h3>{_t("labs_mjolnir|rules_server")}</h3>
+                    {renderRules(list.serverRules)}
+                    <h3>{_t("labs_mjolnir|rules_user")}</h3>
+                    {renderRules(list.userRules)}
+                </div>
+            ),
+            button: _t("action|close"),
+            hasCancelButton: false,
+        });
+    }
+
+    private renderPersonalBanListRules(): JSX.Element {
+        const list = Mjolnir.sharedInstance().getPersonalList();
+        const rules = list ? [...list.userRules, ...list.serverRules] : [];
+        if (!list || rules.length <= 0) return <i>{_t("labs_mjolnir|personal_empty")}</i>;
+
+        const tiles: JSX.Element[] = [];
+        for (const rule of rules) {
+            tiles.push(
+                <li key={rule.entity} className="mx_MjolnirUserSettingsTab_listItem">
+                    <AccessibleButton
+                        kind="danger_sm"
+                        onClick={() => this.removePersonalRule(rule)}
+                        disabled={this.state.busy}
+                    >
+                        {_t("action|remove")}
+                    </AccessibleButton>
+                    &nbsp;
+                    <code>{rule.entity}</code>
+                </li>,
+            );
+        }
+
+        return (
+            <div>
+                <p>{_t("labs_mjolnir|personal_section")}</p>
+                <ul>{tiles}</ul>
+            </div>
+        );
+    }
+
+    private renderSubscribedBanLists(): JSX.Element {
+        const personalList = Mjolnir.sharedInstance().getPersonalList();
+        const lists = Mjolnir.sharedInstance().lists.filter((b) => {
+            return personalList ? personalList.roomId !== b.roomId : true;
+        });
+        if (!lists || lists.length <= 0) return <i>{_t("labs_mjolnir|no_lists")}</i>;
+
+        const tiles: JSX.Element[] = [];
+        for (const list of lists) {
+            const room = MatrixClientPeg.safeGet().getRoom(list.roomId);
+            const name = room ? (
+                <span>
+                    {room.name} (<code>{list.roomId}</code>)
+                </span>
+            ) : (
+                <code>list.roomId</code>
+            );
+            tiles.push(
+                <li key={list.roomId} className="mx_MjolnirUserSettingsTab_listItem">
+                    <AccessibleButton
+                        kind="danger_sm"
+                        onClick={() => this.unsubscribeFromList(list)}
+                        disabled={this.state.busy}
+                    >
+                        {_t("action|unsubscribe")}
+                    </AccessibleButton>
+                    &nbsp;
+                    <AccessibleButton
+                        kind="primary_sm"
+                        onClick={() => this.viewListRules(list)}
+                        disabled={this.state.busy}
+                    >
+                        {_t("labs_mjolnir|view_rules")}
+                    </AccessibleButton>
+                    &nbsp;
+                    {name}
+                </li>,
+            );
+        }
+
+        return (
+            <div>
+                <p>{_t("labs_mjolnir|lists")}</p>
+                <ul>{tiles}</ul>
+            </div>
+        );
+    }
+
+    public render(): React.ReactNode {
+        const brand = SdkConfig.get().brand;
+
+        return (
+            <SettingsTab>
+                <SettingsSection>
+                    <SettingsSubsectionText>
+                        <strong className="warning">{_t("labs_mjolnir|advanced_warning")}</strong>
+                        <p>{_t("labs_mjolnir|explainer_1", { brand }, { code: (s) => <code>{s}</code> })}</p>
+                        <p>{_t("labs_mjolnir|explainer_2")}</p>
+                    </SettingsSubsectionText>
+                    <SettingsSubsection
+                        heading={_t("labs_mjolnir|personal_heading")}
+                        description={_t("labs_mjolnir|personal_description", {
+                            myBanList: _t("labs_mjolnir|room_name"),
+                        })}
+                    >
+                        {this.renderPersonalBanListRules()}
+                        <form onSubmit={this.onAddPersonalRule} autoComplete="off">
+                            <Field
+                                type="text"
+                                label={_t("labs_mjolnir|personal_new_label")}
+                                placeholder={_t("labs_mjolnir|personal_new_placeholder")}
+                                value={this.state.newPersonalRule}
+                                onChange={this.onPersonalRuleChanged}
+                            />
+                            <AccessibleButton
+                                kind="primary"
+                                onClick={this.onAddPersonalRule}
+                                disabled={this.state.busy}
+                            >
+                                {_t("action|ignore")}
+                            </AccessibleButton>
+                        </form>
+                    </SettingsSubsection>
+                    <SettingsSubsection
+                        heading={_t("labs_mjolnir|lists_heading")}
+                        description={
+                            <>
+                                <strong className="warning">{_t("labs_mjolnir|lists_description_1")}</strong>
+                                &nbsp;
+                                <span>{_t("labs_mjolnir|lists_description_2")}</span>
+                            </>
+                        }
+                    >
+                        {this.renderSubscribedBanLists()}
+                        <form onSubmit={this.onSubscribeList} autoComplete="off">
+                            <Field
+                                type="text"
+                                label={_t("labs_mjolnir|lists_new_label")}
+                                value={this.state.newList}
+                                onChange={this.onNewListChanged}
+                            />
+                            <AccessibleButton kind="primary" onClick={this.onSubscribeList} disabled={this.state.busy}>
+                                {_t("action|subscribe")}
+                            </AccessibleButton>
+                        </form>
+                    </SettingsSubsection>
+                </SettingsSection>
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/tabs/user/NotificationUserSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/user/NotificationUserSettingsTab.tsx
new file mode 100644
index 00000000000..b63e7907365
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/NotificationUserSettingsTab.tsx
@@ -0,0 +1,34 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 { Features } from "../../../../../settings/Settings";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import Notifications from "../../Notifications";
+import NotificationSettings2 from "../../notifications/NotificationSettings2";
+import { SettingsSection } from "../../shared/SettingsSection";
+import SettingsTab from "../SettingsTab";
+
+export default class NotificationUserSettingsTab extends React.Component {
+    public render(): React.ReactNode {
+        const newNotificationSettingsEnabled = SettingsStore.getValue(Features.NotificationSettings2);
+
+        return (
+            <SettingsTab>
+                {newNotificationSettingsEnabled ? (
+                    <NotificationSettings2 />
+                ) : (
+                    <SettingsSection>
+                        <Notifications />
+                    </SettingsSection>
+                )}
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/tabs/user/PreferencesUserSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/user/PreferencesUserSettingsTab.tsx
new file mode 100644
index 00000000000..2cf3dfb9ee1
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/PreferencesUserSettingsTab.tsx
@@ -0,0 +1,412 @@
+/*
+Copyright 2024, 2025 New Vector Ltd.
+Copyright 2019-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 ChangeEvent, type JSX, type ReactElement, useCallback, useEffect, useState } from "react";
+import { SettingsToggleInput } from "@vector-im/compound-web";
+import { type EmptyObject } from "matrix-js-sdk/src/matrix";
+
+import { type NonEmptyArray } from "../../../../../@types/common";
+import { _t, getCurrentLanguage } from "../../../../../languageHandler";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import Field from "../../../elements/Field";
+import Dropdown from "../../../elements/Dropdown";
+import { SettingLevel } from "../../../../../settings/SettingLevel";
+import SettingsFlag from "../../../elements/SettingsFlag";
+import AccessibleButton from "../../../elements/AccessibleButton";
+import dis from "../../../../../dispatcher/dispatcher";
+import { UserTab } from "../../../dialogs/UserTab";
+import { type OpenToTabPayload } from "../../../../../dispatcher/payloads/OpenToTabPayload";
+import { Action } from "../../../../../dispatcher/actions";
+import SdkConfig from "../../../../../SdkConfig";
+import { SettingsSubsection } from "../../shared/SettingsSubsection";
+import SettingsTab from "../SettingsTab";
+import { SettingsSection } from "../../shared/SettingsSection";
+import LanguageDropdown from "../../../elements/LanguageDropdown";
+import PlatformPeg from "../../../../../PlatformPeg";
+import { IS_MAC } from "../../../../../Keyboard";
+import SpellCheckSettings from "../../SpellCheckSettings";
+import * as TimezoneHandler from "../../../../../TimezoneHandler";
+import { type BooleanSettingKey } from "../../../../../settings/Settings.tsx";
+import { MediaPreviewAccountSettings } from "./MediaPreviewAccountSettings.tsx";
+import { InviteRulesAccountSetting } from "./InviteRulesAccountSettings.tsx";
+import SettingsDropdown from "../../../elements/SettingsDropdown.tsx";
+
+interface IState {
+    timezone: string | undefined;
+    timezones: string[];
+    autocompleteDelay: string;
+    readMarkerInViewThresholdMs: string;
+    readMarkerOutOfViewThresholdMs: string;
+}
+
+const LanguageSection: React.FC = () => {
+    const [language, setLanguage] = useState(getCurrentLanguage());
+
+    const onLanguageChange = useCallback(
+        (newLanguage: string) => {
+            if (language === newLanguage) return;
+
+            SettingsStore.setValue("language", null, SettingLevel.DEVICE, newLanguage);
+            setLanguage(newLanguage);
+            const platform = PlatformPeg.get();
+            if (platform) {
+                platform.setLanguage([newLanguage]);
+                platform.reload();
+            }
+        },
+        [language],
+    );
+
+    return (
+        <div className="mx_SettingsSubsection_dropdown">
+            {_t("settings|general|application_language")}
+            <LanguageDropdown onOptionChange={onLanguageChange} value={language} />
+            <div className="mx_PreferencesUserSettingsTab_section_hint">
+                {_t("settings|general|application_language_reload_hint")}
+            </div>
+        </div>
+    );
+};
+
+const SpellCheckSection: React.FC = () => {
+    const [spellCheckEnabled, setSpellCheckEnabled] = useState<boolean | undefined>();
+    const [spellCheckLanguages, setSpellCheckLanguages] = useState<string[] | undefined>();
+
+    useEffect(() => {
+        (async () => {
+            const plaf = PlatformPeg.get();
+            const [enabled, langs] = await Promise.all([plaf?.getSpellCheckEnabled(), plaf?.getSpellCheckLanguages()]);
+
+            setSpellCheckEnabled(enabled);
+            setSpellCheckLanguages(langs || undefined);
+        })();
+    }, []);
+
+    const onSpellCheckEnabledChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {
+        const enabled = e.target.checked;
+        setSpellCheckEnabled(enabled);
+        PlatformPeg.get()?.setSpellCheckEnabled(enabled);
+    }, []);
+
+    const onSpellCheckLanguagesChange = useCallback((languages: string[]): void => {
+        setSpellCheckLanguages(languages);
+        PlatformPeg.get()?.setSpellCheckLanguages(languages);
+    }, []);
+
+    if (!PlatformPeg.get()?.supportsSpellCheckSettings()) return null;
+
+    return (
+        <>
+            <SettingsToggleInput
+                name="allow_spellcheck"
+                label={_t("settings|general|allow_spellcheck")}
+                onChange={onSpellCheckEnabledChange}
+                checked={Boolean(spellCheckEnabled)}
+            />
+            {spellCheckEnabled && spellCheckLanguages !== undefined && !IS_MAC && (
+                <SpellCheckSettings languages={spellCheckLanguages} onLanguagesChange={onSpellCheckLanguagesChange} />
+            )}
+        </>
+    );
+};
+
+export default class PreferencesUserSettingsTab extends React.Component<EmptyObject, IState> {
+    private static SPACES_SETTINGS: BooleanSettingKey[] = ["Spaces.allRoomsInHome"];
+
+    private static KEYBINDINGS_SETTINGS: BooleanSettingKey[] = ["ctrlFForSearch"];
+
+    private static PRESENCE_SETTINGS: BooleanSettingKey[] = ["sendReadReceipts", "sendTypingNotifications"];
+
+    private static COMPOSER_SETTINGS: BooleanSettingKey[] = [
+        "MessageComposerInput.autoReplaceEmoji",
+        "MessageComposerInput.useMarkdown",
+        "MessageComposerInput.suggestEmoji",
+        "MessageComposerInput.ctrlEnterToSend",
+        "MessageComposerInput.surroundWith",
+        "MessageComposerInput.showStickersButton",
+        "MessageComposerInput.insertTrailingColon",
+    ];
+
+    private static TIME_SETTINGS: BooleanSettingKey[] = ["showTwelveHourTimestamps", "alwaysShowTimestamps"];
+
+    private static CODE_BLOCKS_SETTINGS: BooleanSettingKey[] = [
+        "enableSyntaxHighlightLanguageDetection",
+        "expandCodeByDefault",
+        "showCodeLineNumbers",
+    ];
+
+    private static IMAGES_AND_VIDEOS_SETTINGS: BooleanSettingKey[] = ["autoplayGifs", "autoplayVideo"];
+
+    private static TIMELINE_SETTINGS: BooleanSettingKey[] = [
+        "showTypingNotifications",
+        "showRedactions",
+        "showReadReceipts",
+        "showJoinLeaves",
+        "showDisplaynameChanges",
+        "showChatEffects",
+        "showAvatarChanges",
+        "Pill.shouldShowPillAvatar",
+        "TextualBody.enableBigEmoji",
+        "scrollToBottomOnMessageSent",
+        "useOnlyCurrentProfiles",
+    ];
+
+    private static ROOM_DIRECTORY_SETTINGS: BooleanSettingKey[] = ["SpotlightSearch.showNsfwPublicRooms"];
+
+    private static GENERAL_SETTINGS: BooleanSettingKey[] = [
+        "promptBeforeInviteUnknownUsers",
+        // Start automatically after startup (electron-only)
+        // Autocomplete delay (niche text box)
+    ];
+
+    public constructor(props: EmptyObject) {
+        super(props);
+
+        this.state = {
+            timezone: TimezoneHandler.getUserTimezone(),
+            timezones: TimezoneHandler.getAllTimezones(),
+            autocompleteDelay: SettingsStore.getValueAt(SettingLevel.DEVICE, "autocompleteDelay").toString(10),
+            readMarkerInViewThresholdMs: SettingsStore.getValueAt(
+                SettingLevel.DEVICE,
+                "readMarkerInViewThresholdMs",
+            ).toString(10),
+            readMarkerOutOfViewThresholdMs: SettingsStore.getValueAt(
+                SettingLevel.DEVICE,
+                "readMarkerOutOfViewThresholdMs",
+            ).toString(10),
+        };
+    }
+
+    private onTimezoneChange = (tz: string): void => {
+        this.setState({ timezone: tz });
+        TimezoneHandler.setUserTimezone(tz);
+    };
+
+    /**
+     * If present filter the time zones matching the search term
+     */
+    private onTimezoneSearchChange = (search: string): void => {
+        const timezoneSearch = search.toLowerCase();
+        const timezones = timezoneSearch
+            ? TimezoneHandler.getAllTimezones().filter((tz) => {
+                  return tz.toLowerCase().includes(timezoneSearch);
+              })
+            : TimezoneHandler.getAllTimezones();
+
+        this.setState({ timezones });
+    };
+
+    private onAutocompleteDelayChange = (e: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ autocompleteDelay: e.target.value });
+        SettingsStore.setValue("autocompleteDelay", null, SettingLevel.DEVICE, e.target.valueAsNumber);
+    };
+
+    private onReadMarkerInViewThresholdMs = (e: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ readMarkerInViewThresholdMs: e.target.value });
+        SettingsStore.setValue("readMarkerInViewThresholdMs", null, SettingLevel.DEVICE, e.target.valueAsNumber);
+    };
+
+    private onReadMarkerOutOfViewThresholdMs = (e: React.ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ readMarkerOutOfViewThresholdMs: e.target.value });
+        SettingsStore.setValue("readMarkerOutOfViewThresholdMs", null, SettingLevel.DEVICE, e.target.valueAsNumber);
+    };
+
+    private renderGroup(settingIds: BooleanSettingKey[], level = SettingLevel.ACCOUNT): JSX.Element {
+        return (
+            <>
+                {settingIds.map((i) => (
+                    <SettingsFlag key={i} name={i} level={level} />
+                ))}
+            </>
+        );
+    }
+
+    private onKeyboardShortcutsClicked = (): void => {
+        dis.dispatch<OpenToTabPayload>({
+            action: Action.ViewUserSettings,
+            initialTabId: UserTab.Keyboard,
+        });
+    };
+
+    public render(): React.ReactNode {
+        const browserTimezoneLabel: string = _t("settings|preferences|default_timezone", {
+            timezone: TimezoneHandler.shortBrowserTimezone(),
+        });
+
+        const brand = SdkConfig.get().brand;
+
+        const timezones = this.state.timezones.map((tz) => {
+            return <div key={tz}>{tz}</div>;
+        });
+        // Always prepend the default option
+        timezones.unshift(<div key="">{browserTimezoneLabel}</div>);
+
+        return (
+            <SettingsTab data-testid="mx_PreferencesUserSettingsTab">
+                <SettingsSection>
+                    {/* The heading string is still 'general' from where it was moved, but this section should become 'general' */}
+                    <SettingsSubsection heading={_t("settings|general|language_section")} formWrap>
+                        <LanguageSection />
+                        <SpellCheckSection />
+                    </SettingsSubsection>
+
+                    {SettingsStore.canSetValue("Electron.autoLaunch", null, SettingLevel.PLATFORM) && (
+                        <SettingsSubsection
+                            heading={_t("settings|preferences|startup_window_behaviour_label")}
+                            formWrap
+                        >
+                            <SettingsDropdown
+                                settingKey="Electron.autoLaunch"
+                                label={_t("settings|start_automatically|label", { brand })}
+                                level={SettingLevel.PLATFORM}
+                                hideIfCannotSet
+                            />
+                        </SettingsSubsection>
+                    )}
+
+                    <SettingsSubsection heading={_t("settings|preferences|room_list_heading")} formWrap>
+                        <SettingsFlag name="RoomList.showMessagePreview" level={SettingLevel.DEVICE} />
+                        <SettingsFlag name="RoomList.showSections" level={SettingLevel.ACCOUNT} />
+                    </SettingsSubsection>
+
+                    <SettingsSubsection heading={_t("common|spaces")} formWrap>
+                        {this.renderGroup(PreferencesUserSettingsTab.SPACES_SETTINGS, SettingLevel.ACCOUNT)}
+                    </SettingsSubsection>
+
+                    <SettingsSubsection
+                        heading={_t("settings|preferences|keyboard_heading")}
+                        description={_t(
+                            "settings|preferences|keyboard_view_shortcuts_button",
+                            {},
+                            {
+                                a: (sub) => (
+                                    <AccessibleButton kind="link_inline" onClick={this.onKeyboardShortcutsClicked}>
+                                        {sub}
+                                    </AccessibleButton>
+                                ),
+                            },
+                        )}
+                        formWrap
+                    >
+                        {this.renderGroup(PreferencesUserSettingsTab.KEYBINDINGS_SETTINGS)}
+                    </SettingsSubsection>
+
+                    <SettingsSubsection heading={_t("settings|preferences|time_heading")} formWrap>
+                        <div className="mx_SettingsSubsection_dropdown">
+                            {_t("settings|preferences|user_timezone")}
+                            <Dropdown
+                                id="mx_dropdownUserTimezone"
+                                className="mx_dropdownUserTimezone"
+                                data-testid="mx_dropdownUserTimezone"
+                                searchEnabled={true}
+                                value={this.state.timezone}
+                                label={_t("settings|preferences|user_timezone")}
+                                placeholder={browserTimezoneLabel}
+                                onOptionChange={this.onTimezoneChange}
+                                onSearchChange={this.onTimezoneSearchChange}
+                            >
+                                {timezones as NonEmptyArray<ReactElement & { key: string }>}
+                            </Dropdown>
+                        </div>
+
+                        {this.renderGroup(PreferencesUserSettingsTab.TIME_SETTINGS)}
+                        <SettingsFlag name="userTimezonePublish" level={SettingLevel.DEVICE} />
+                    </SettingsSubsection>
+
+                    <SettingsSubsection
+                        heading={_t("common|presence")}
+                        description={_t("settings|preferences|presence_description")}
+                        formWrap
+                    >
+                        {this.renderGroup(PreferencesUserSettingsTab.PRESENCE_SETTINGS)}
+                    </SettingsSubsection>
+
+                    <SettingsSubsection heading={_t("settings|preferences|composer_heading")} formWrap>
+                        {this.renderGroup(PreferencesUserSettingsTab.COMPOSER_SETTINGS)}
+                    </SettingsSubsection>
+
+                    <SettingsSubsection heading={_t("settings|preferences|code_blocks_heading")} formWrap>
+                        {this.renderGroup(PreferencesUserSettingsTab.CODE_BLOCKS_SETTINGS)}
+                    </SettingsSubsection>
+
+                    <SettingsSubsection
+                        heading={_t("settings|preferences|link_previews_heading")}
+                        description={_t("settings|preferences|link_previews_description")}
+                        formWrap
+                    >
+                        <SettingsFlag name="urlPreviewsEnabled" level={SettingLevel.DEVICE} />
+                        <SettingsFlag
+                            name="urlPreviewsEnabled_e2ee"
+                            level={SettingLevel.DEVICE}
+                            requires={["urlPreviewsEnabled"]}
+                        />
+                    </SettingsSubsection>
+
+                    <SettingsSubsection heading={_t("settings|preferences|media_heading")} formWrap>
+                        {this.renderGroup(PreferencesUserSettingsTab.IMAGES_AND_VIDEOS_SETTINGS)}
+                    </SettingsSubsection>
+
+                    <SettingsSubsection heading={_t("common|timeline")} formWrap>
+                        {this.renderGroup(PreferencesUserSettingsTab.TIMELINE_SETTINGS)}
+                    </SettingsSubsection>
+
+                    <SettingsSubsection heading={_t("common|moderation_and_safety")} legacy={false}>
+                        <MediaPreviewAccountSettings />
+                        <InviteRulesAccountSetting />
+                    </SettingsSubsection>
+
+                    <SettingsSubsection heading={_t("settings|preferences|room_directory_heading")} formWrap>
+                        {this.renderGroup(PreferencesUserSettingsTab.ROOM_DIRECTORY_SETTINGS)}
+                    </SettingsSubsection>
+
+                    <SettingsSubsection heading={_t("common|general")} stretchContent formWrap>
+                        {this.renderGroup(PreferencesUserSettingsTab.GENERAL_SETTINGS)}
+
+                        <SettingsFlag name="Electron.showTrayIcon" level={SettingLevel.PLATFORM} hideIfCannotSet />
+                        <SettingsFlag
+                            name="Electron.enableHardwareAcceleration"
+                            level={SettingLevel.PLATFORM}
+                            hideIfCannotSet
+                            label={_t("settings|preferences|Electron.enableHardwareAcceleration", {
+                                appName: brand,
+                            })}
+                        />
+                        <SettingsFlag
+                            name="Electron.enableContentProtection"
+                            level={SettingLevel.PLATFORM}
+                            hideIfCannotSet
+                            label={_t("settings|preferences|Electron.enableContentProtection")}
+                        />
+                        <SettingsFlag name="Electron.alwaysShowMenuBar" level={SettingLevel.PLATFORM} hideIfCannotSet />
+                        <SettingsFlag name="Electron.warnBeforeExit" level={SettingLevel.PLATFORM} hideIfCannotSet />
+
+                        <Field
+                            label={_t("settings|preferences|autocomplete_delay")}
+                            type="number"
+                            value={this.state.autocompleteDelay}
+                            onChange={this.onAutocompleteDelayChange}
+                        />
+                        <Field
+                            label={_t("settings|preferences|rm_lifetime")}
+                            type="number"
+                            value={this.state.readMarkerInViewThresholdMs}
+                            onChange={this.onReadMarkerInViewThresholdMs}
+                        />
+                        <Field
+                            label={_t("settings|preferences|rm_lifetime_offscreen")}
+                            type="number"
+                            value={this.state.readMarkerOutOfViewThresholdMs}
+                            onChange={this.onReadMarkerOutOfViewThresholdMs}
+                        />
+                    </SettingsSubsection>
+                </SettingsSection>
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/tabs/user/SecurityUserSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/user/SecurityUserSettingsTab.tsx
new file mode 100644
index 00000000000..f10f10e9ce3
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/SecurityUserSettingsTab.tsx
@@ -0,0 +1,385 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 JSX, type ReactNode } from "react";
+import { sleep } from "matrix-js-sdk/src/utils";
+import { type Room, RoomEvent, type EmptyObject } from "matrix-js-sdk/src/matrix";
+import { KnownMembership, type Membership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+import { WarningIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Form } from "@vector-im/compound-web";
+
+import { _t } from "../../../../../languageHandler";
+import { MatrixClientPeg } from "../../../../../MatrixClientPeg";
+import AccessibleButton from "../../../elements/AccessibleButton";
+import dis from "../../../../../dispatcher/dispatcher";
+import { SettingLevel } from "../../../../../settings/SettingLevel";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import { UIFeature } from "../../../../../settings/UIFeature";
+import { type ActionPayload } from "../../../../../dispatcher/payloads";
+import SettingsFlag from "../../../elements/SettingsFlag";
+import EventIndexPanel from "../../EventIndexPanel";
+import InlineSpinner from "../../../elements/InlineSpinner";
+import { PosthogAnalytics } from "../../../../../PosthogAnalytics";
+import { showDialog as showAnalyticsLearnMoreDialog } from "../../../dialogs/AnalyticsLearnMoreDialog";
+import { privateShouldBeEncrypted } from "../../../../../utils/rooms";
+import SettingsTab from "../SettingsTab";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { SettingsSubsection, SettingsSubsectionText } from "../../shared/SettingsSubsection";
+import { useOwnDevices } from "../../devices/useOwnDevices";
+import { DiscoverySettings } from "../../discovery/DiscoverySettings";
+import SetIntegrationManager from "../../SetIntegrationManager";
+
+interface IIgnoredUserProps {
+    userId: string;
+    onUnignored: (userId: string) => void;
+    inProgress: boolean;
+}
+
+const SecureBackup: React.FC = () => {
+    const { dehydratedDeviceId } = useOwnDevices();
+    if (!dehydratedDeviceId) return null;
+
+    return (
+        <SettingsSubsection heading={_t("common|secure_backup")}>
+            <div className="mx_SettingsSubsection_content">
+                <div className="mx_SettingsFlag_label">{_t("settings|security|dehydrated_device_enabled")}</div>
+                <div className="mx_SettingsSubsection_text">
+                    {_t("settings|security|dehydrated_device_description")}
+                </div>
+            </div>
+        </SettingsSubsection>
+    );
+};
+
+export class IgnoredUser extends React.Component<IIgnoredUserProps> {
+    private onUnignoreClicked = (): void => {
+        this.props.onUnignored(this.props.userId);
+    };
+
+    public render(): React.ReactNode {
+        const id = `mx_SecurityUserSettingsTab_ignoredUser_${this.props.userId}`;
+        return (
+            <li className="mx_SecurityUserSettingsTab_ignoredUser" aria-label={this.props.userId}>
+                <AccessibleButton
+                    onClick={this.onUnignoreClicked}
+                    kind="primary_sm"
+                    aria-describedby={id}
+                    disabled={this.props.inProgress}
+                >
+                    {_t("action|unignore")}
+                </AccessibleButton>
+                <span id={id}>{this.props.userId}</span>
+            </li>
+        );
+    }
+}
+
+interface IState {
+    ignoredUserIds: string[];
+    waitingUnignored: string[];
+    managingInvites: boolean;
+    invitedRoomIds: Set<string>;
+}
+
+export default class SecurityUserSettingsTab extends React.Component<EmptyObject, IState> {
+    private dispatcherRef?: string;
+
+    public constructor(props: EmptyObject) {
+        super(props);
+
+        // Get rooms we're invited to
+        const invitedRoomIds = new Set(this.getInvitedRooms().map((room) => room.roomId));
+
+        this.state = {
+            ignoredUserIds: MatrixClientPeg.safeGet().getIgnoredUsers(),
+            waitingUnignored: [],
+            managingInvites: false,
+            invitedRoomIds,
+        };
+    }
+
+    private onAction = ({ action }: ActionPayload): void => {
+        if (action === "ignore_state_changed") {
+            const ignoredUserIds = MatrixClientPeg.safeGet().getIgnoredUsers();
+            const newWaitingUnignored = this.state.waitingUnignored.filter((e) => ignoredUserIds.includes(e));
+            this.setState({ ignoredUserIds, waitingUnignored: newWaitingUnignored });
+        }
+    };
+
+    public componentDidMount(): void {
+        this.dispatcherRef = dis.register(this.onAction);
+        MatrixClientPeg.safeGet().on(RoomEvent.MyMembership, this.onMyMembership);
+    }
+
+    public componentWillUnmount(): void {
+        dis.unregister(this.dispatcherRef);
+        MatrixClientPeg.safeGet().removeListener(RoomEvent.MyMembership, this.onMyMembership);
+    }
+
+    private onMyMembership = (room: Room, membership: Membership): void => {
+        if (room.isSpaceRoom()) {
+            return;
+        }
+
+        if (membership === KnownMembership.Invite) {
+            this.addInvitedRoom(room);
+        } else if (this.state.invitedRoomIds.has(room.roomId)) {
+            // The user isn't invited anymore
+            this.removeInvitedRoom(room.roomId);
+        }
+    };
+
+    private addInvitedRoom = (room: Room): void => {
+        this.setState(({ invitedRoomIds }) => ({
+            invitedRoomIds: new Set(invitedRoomIds).add(room.roomId),
+        }));
+    };
+
+    private removeInvitedRoom = (roomId: string): void => {
+        this.setState(({ invitedRoomIds }) => {
+            const newInvitedRoomIds = new Set(invitedRoomIds);
+            newInvitedRoomIds.delete(roomId);
+
+            return {
+                invitedRoomIds: newInvitedRoomIds,
+            };
+        });
+    };
+
+    private onUserUnignored = async (userId: string): Promise<void> => {
+        const { ignoredUserIds, waitingUnignored } = this.state;
+        const currentlyIgnoredUserIds = ignoredUserIds.filter((e) => !waitingUnignored.includes(e));
+
+        const index = currentlyIgnoredUserIds.indexOf(userId);
+        if (index !== -1) {
+            currentlyIgnoredUserIds.splice(index, 1);
+            this.setState(({ waitingUnignored }) => ({ waitingUnignored: [...waitingUnignored, userId] }));
+            MatrixClientPeg.safeGet().setIgnoredUsers(currentlyIgnoredUserIds);
+        }
+    };
+
+    private getInvitedRooms = (): Room[] => {
+        return MatrixClientPeg.safeGet()
+            .getRooms()
+            .filter((r) => {
+                return r.hasMembershipState(MatrixClientPeg.safeGet().getUserId()!, KnownMembership.Invite);
+            });
+    };
+
+    private manageInvites = async (accept: boolean): Promise<void> => {
+        this.setState({
+            managingInvites: true,
+        });
+
+        // iterate with a normal for loop in order to retry on action failure
+        const invitedRoomIdsValues = Array.from(this.state.invitedRoomIds);
+
+        // Execute all acceptances/rejections sequentially
+        const cli = MatrixClientPeg.safeGet();
+        const action = accept ? cli.joinRoom.bind(cli) : cli.leave.bind(cli);
+        for (let i = 0; i < invitedRoomIdsValues.length; i++) {
+            const roomId = invitedRoomIdsValues[i];
+
+            // Accept/reject invite
+            await action(roomId).then(
+                () => {
+                    // No error, update invited rooms button
+                    this.removeInvitedRoom(roomId);
+                },
+                async (e): Promise<void> => {
+                    // Action failure
+                    if (e.errcode === "M_LIMIT_EXCEEDED") {
+                        // Add a delay between each invite change in order to avoid rate
+                        // limiting by the server.
+                        await sleep(e.retry_after_ms || 2500);
+
+                        // Redo last action
+                        i--;
+                    } else {
+                        // Print out error with joining/leaving room
+                        logger.warn(e);
+                    }
+                },
+            );
+        }
+
+        this.setState({
+            managingInvites: false,
+        });
+    };
+
+    private onAcceptAllInvitesClicked = (): void => {
+        this.manageInvites(true);
+    };
+
+    private onRejectAllInvitesClicked = (): void => {
+        this.manageInvites(false);
+    };
+
+    private renderIgnoredUsers(): JSX.Element {
+        const { waitingUnignored, ignoredUserIds } = this.state;
+        if (!ignoredUserIds?.length) {
+            return (
+                <SettingsSubsection heading={_t("settings|security|ignore_users_section")}>
+                    <SettingsSubsectionText>{_t("settings|security|ignore_users_empty")}</SettingsSubsectionText>
+                </SettingsSubsection>
+            );
+        }
+
+        return (
+            <SettingsSubsection
+                id="mx_SecurityUserSettingsTab_ignoredUsersHeading"
+                heading={_t("settings|security|ignore_users_section")}
+            >
+                <SettingsSubsectionText>
+                    <ul
+                        aria-label={_t("settings|security|ignore_users_section")}
+                        className="mx_SecurityUserSettingsTab_ignoredUsers"
+                    >
+                        {ignoredUserIds.map((u) => (
+                            <IgnoredUser
+                                userId={u}
+                                onUnignored={this.onUserUnignored}
+                                key={u}
+                                inProgress={waitingUnignored.includes(u)}
+                            />
+                        ))}
+                    </ul>
+                </SettingsSubsectionText>
+            </SettingsSubsection>
+        );
+    }
+
+    private renderManageInvites(): ReactNode {
+        const { invitedRoomIds } = this.state;
+
+        if (invitedRoomIds.size === 0) {
+            return null;
+        }
+
+        return (
+            <SettingsSubsection heading={_t("settings|security|bulk_options_section")}>
+                <div className="mx_SecurityUserSettingsTab_bulkOptions">
+                    <AccessibleButton
+                        onClick={this.onAcceptAllInvitesClicked}
+                        kind="primary_outline"
+                        disabled={this.state.managingInvites}
+                    >
+                        {_t("settings|security|bulk_options_accept_all_invites", { invitedRooms: invitedRoomIds.size })}
+                    </AccessibleButton>
+                    <AccessibleButton
+                        onClick={this.onRejectAllInvitesClicked}
+                        kind="danger_outline"
+                        disabled={this.state.managingInvites}
+                    >
+                        {_t("settings|security|bulk_options_reject_all_invites", { invitedRooms: invitedRoomIds.size })}
+                    </AccessibleButton>
+                    {this.state.managingInvites ? <InlineSpinner /> : <div />}
+                </div>
+            </SettingsSubsection>
+        );
+    }
+
+    public render(): React.ReactNode {
+        const secureBackup = <SecureBackup />;
+
+        const eventIndex = (
+            <SettingsSubsection heading={_t("settings|security|message_search_section")}>
+                <EventIndexPanel />
+            </SettingsSubsection>
+        );
+
+        let warning;
+        if (!privateShouldBeEncrypted(MatrixClientPeg.safeGet())) {
+            warning = (
+                <div className="mx_SecurityUserSettingsTab_warning">
+                    <WarningIcon />
+                    {_t("settings|security|e2ee_default_disabled_warning")}
+                </div>
+            );
+        }
+
+        let posthogSection;
+        if (PosthogAnalytics.instance.isEnabled()) {
+            const onClickAnalyticsLearnMore = (): void => {
+                showAnalyticsLearnMoreDialog({
+                    primaryButton: _t("action|ok"),
+                    hasCancel: false,
+                });
+            };
+            posthogSection = (
+                <Form.Root
+                    onSubmit={(evt) => {
+                        evt.preventDefault();
+                        evt.stopPropagation();
+                    }}
+                    className="mx_SecurityUserSettingsTab_posthogSection"
+                >
+                    <SettingsSubsection
+                        heading={_t("common|analytics")}
+                        description={_t("settings|security|analytics_description")}
+                    >
+                        <AccessibleButton kind="link" onClick={onClickAnalyticsLearnMore}>
+                            {_t("action|learn_more")}
+                        </AccessibleButton>
+                        {PosthogAnalytics.instance.isEnabled() && (
+                            <SettingsFlag name="pseudonymousAnalyticsOptIn" level={SettingLevel.ACCOUNT} />
+                        )}
+                    </SettingsSubsection>
+                    <SettingsSubsection heading={_t("settings|sessions|title")}>
+                        <SettingsFlag name="deviceClientInformationOptIn" level={SettingLevel.ACCOUNT} />
+                    </SettingsSubsection>
+                </Form.Root>
+            );
+        }
+
+        let advancedSection;
+        if (SettingsStore.getValue(UIFeature.AdvancedSettings)) {
+            const ignoreUsersPanel = this.renderIgnoredUsers();
+            const invitesPanel = this.renderManageInvites();
+            // only show the section if there's something to show
+            if (ignoreUsersPanel || invitesPanel) {
+                advancedSection = (
+                    <SettingsSection heading={_t("common|advanced")}>
+                        {ignoreUsersPanel}
+                        {invitesPanel}
+                    </SettingsSection>
+                );
+            }
+        }
+
+        let discoverySection;
+        if (SettingsStore.getValue(UIFeature.ThirdPartyID)) {
+            discoverySection = <DiscoverySettings />;
+        }
+
+        let privacySection;
+        if (discoverySection || posthogSection) {
+            privacySection = (
+                <SettingsSection heading={_t("common|privacy")}>
+                    {discoverySection}
+                    {posthogSection}
+                </SettingsSection>
+            );
+        }
+
+        return (
+            <SettingsTab>
+                {warning}
+                <SetIntegrationManager />
+                <SettingsSection heading={_t("settings|security|encryption_section")}>
+                    {secureBackup}
+                    {eventIndex}
+                </SettingsSection>
+                {privacySection}
+                {advancedSection}
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/settings/tabs/user/SessionManagerTab.tsx b/apps/web/src/components/views/settings/tabs/user/SessionManagerTab.tsx
new file mode 100644
index 00000000000..2e14aed20a1
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/SessionManagerTab.tsx
@@ -0,0 +1,342 @@
+/*
+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, { lazy, Suspense, useCallback, useContext, useEffect, useRef, useState } from "react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { RendezvousIntent } from "matrix-js-sdk/src/rendezvous";
+
+import { _t } from "../../../../../languageHandler";
+import Modal from "../../../../../Modal";
+import { SettingsSubsection } from "../../shared/SettingsSubsection";
+import SetupEncryptionDialog from "../../../dialogs/security/SetupEncryptionDialog";
+import VerificationRequestDialog from "../../../dialogs/VerificationRequestDialog";
+import LogoutDialog from "../../../dialogs/LogoutDialog";
+import { useOwnDevices } from "../../devices/useOwnDevices";
+import { FilteredDeviceList } from "../../devices/FilteredDeviceList";
+import CurrentDeviceSection from "../../devices/CurrentDeviceSection";
+import SecurityRecommendations from "../../devices/SecurityRecommendations";
+import { type ExtendedDevice } from "../../devices/types";
+import { deleteDevicesWithInteractiveAuth } from "../../devices/deleteDevices";
+import SettingsTab from "../SettingsTab";
+import LoginWithQRSection from "../../devices/LoginWithQRSection";
+import { Mode } from "../../../auth/LoginWithQR-types";
+import { useAsyncMemo } from "../../../../../hooks/useAsyncMemo";
+import QuestionDialog from "../../../dialogs/QuestionDialog";
+import { type FilterVariation } from "../../devices/filter";
+import { OtherSessionsSectionHeading } from "../../devices/OtherSessionsSectionHeading";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { getManageDeviceUrl } from "../../../../../utils/oauth/urls.ts";
+import { SDKContext } from "../../../../../contexts/SDKContext";
+import Spinner from "../../../elements/Spinner";
+
+// We import `LoginWithQR` asynchronously to avoid importing the entire Rust Crypto WASM into the main bundle.
+const LoginWithQR = lazy(() => import("../../../auth/LoginWithQR"));
+
+const confirmSignOut = async (sessionsToSignOutCount: number): Promise<boolean> => {
+    const { finished } = Modal.createDialog(QuestionDialog, {
+        title: _t("settings|sessions|sign_out_n_sessions", { count: sessionsToSignOutCount }),
+        description: (
+            <div>
+                <p>
+                    {_t("settings|sessions|sign_out_confirm_description", {
+                        count: sessionsToSignOutCount,
+                    })}
+                </p>
+            </div>
+        ),
+        cancelButton: _t("action|cancel"),
+        button: _t("settings|sessions|sign_out_n_sessions", { count: sessionsToSignOutCount }),
+    });
+    const [confirmed] = await finished;
+
+    return !!confirmed;
+};
+
+const useSignOut = (
+    matrixClient: MatrixClient,
+    onSignoutResolvedCallback: () => Promise<void>,
+    accountManagementEndpoint?: string,
+    accountManagementActionsSupported?: string[],
+): {
+    onSignOutCurrentDevice: () => void;
+    onSignOutOtherDevices: (deviceIds: ExtendedDevice["device_id"][]) => Promise<void>;
+    signingOutDeviceIds: ExtendedDevice["device_id"][];
+} => {
+    const [signingOutDeviceIds, setSigningOutDeviceIds] = useState<ExtendedDevice["device_id"][]>([]);
+
+    const onSignOutCurrentDevice = (): void => {
+        Modal.createDialog(
+            LogoutDialog,
+            {}, // props,
+            undefined, // className
+            false, // isPriority
+            true, // isStatic
+        );
+    };
+
+    const onSignOutOtherDevices = async (deviceIds: ExtendedDevice["device_id"][]): Promise<void> => {
+        if (!deviceIds.length) {
+            return;
+        }
+
+        const userConfirmedSignout = await confirmSignOut(deviceIds.length);
+        if (!userConfirmedSignout) {
+            return;
+        }
+
+        let success = false;
+        try {
+            setSigningOutDeviceIds((signingOutDeviceIds) => [...signingOutDeviceIds, ...deviceIds]);
+
+            if (accountManagementEndpoint) {
+                const [deviceId] = deviceIds;
+                const url = getManageDeviceUrl(accountManagementEndpoint, accountManagementActionsSupported, deviceId);
+                window.open(url, "_blank");
+            } else {
+                const deferredSuccess = Promise.withResolvers<boolean>();
+                await deleteDevicesWithInteractiveAuth(matrixClient, deviceIds, async (success) => {
+                    deferredSuccess.resolve(!!success);
+                });
+                success = await deferredSuccess.promise;
+            }
+        } catch (error) {
+            logger.error("Error deleting sessions", error);
+        } finally {
+            if (success) {
+                await onSignoutResolvedCallback();
+            }
+            setSigningOutDeviceIds((signingOutDeviceIds) =>
+                signingOutDeviceIds.filter((deviceId) => !deviceIds.includes(deviceId)),
+            );
+        }
+    };
+
+    return {
+        onSignOutCurrentDevice,
+        onSignOutOtherDevices,
+        signingOutDeviceIds,
+    };
+};
+
+const SessionManagerTab: React.FC<{
+    showMsc4108QrCode?: boolean;
+}> = ({ showMsc4108QrCode }) => {
+    const {
+        devices,
+        dehydratedDeviceId,
+        pushers,
+        localNotificationSettings,
+        currentDeviceId,
+        isLoadingDeviceList,
+        requestDeviceVerification,
+        refreshDevices,
+        saveDeviceName,
+        setPushNotifications,
+        supportsMSC3881,
+    } = useOwnDevices();
+    const [filter, setFilter] = useState<FilterVariation>();
+    const [expandedDeviceIds, setExpandedDeviceIds] = useState<ExtendedDevice["device_id"][]>([]);
+    const [selectedDeviceIds, setSelectedDeviceIds] = useState<ExtendedDevice["device_id"][]>([]);
+    const filteredDeviceListRef = useRef<HTMLDivElement>(null);
+    const scrollIntoViewTimeoutRef = useRef<number>(undefined);
+
+    const sdkContext = useContext(SDKContext);
+    const matrixClient = sdkContext.client!;
+    /**
+     * If we have a delegated auth account management URL, all sessions but the current session need to be managed in the
+     * delegated auth provider.
+     * See https://github.com/matrix-org/matrix-spec-proposals/pull/3824
+     */
+    const accountManagement = useAsyncMemo(async () => {
+        const authMetadata = await matrixClient.getAuthMetadata().catch(() => {});
+        return {
+            endpoint: authMetadata?.account_management_uri,
+            actionsSupported: authMetadata?.account_management_actions_supported,
+        };
+    }, [matrixClient]);
+    const disableMultipleSignout = !!accountManagement?.endpoint;
+    const userId = matrixClient?.getUserId();
+    const currentUserMember = (userId && matrixClient?.getUser(userId)) || undefined;
+    const isCrossSigningReady = useAsyncMemo(
+        async () => matrixClient.getCrypto()?.isCrossSigningReady() ?? false,
+        [matrixClient],
+    );
+
+    const onDeviceExpandToggle = (deviceId: ExtendedDevice["device_id"]): void => {
+        if (expandedDeviceIds.includes(deviceId)) {
+            setExpandedDeviceIds(expandedDeviceIds.filter((id) => id !== deviceId));
+        } else {
+            setExpandedDeviceIds([...expandedDeviceIds, deviceId]);
+        }
+    };
+
+    const onGoToFilteredList = (filter: FilterVariation): void => {
+        setFilter(filter);
+        clearTimeout(scrollIntoViewTimeoutRef.current);
+        // wait a tick for the filtered section to rerender with different height
+        scrollIntoViewTimeoutRef.current = window.setTimeout(() =>
+            filteredDeviceListRef.current?.scrollIntoView({
+                // align element to top of scrollbox
+                block: "start",
+                inline: "nearest",
+                behavior: "smooth",
+            }),
+        );
+    };
+
+    const { [currentDeviceId]: currentDevice, ...otherDevices } = devices;
+    if (dehydratedDeviceId && otherDevices[dehydratedDeviceId]?.isVerified) {
+        delete otherDevices[dehydratedDeviceId];
+    }
+    const otherSessionsCount = Object.keys(otherDevices).length;
+    const shouldShowOtherSessions = otherSessionsCount > 0;
+
+    const onVerifyCurrentDevice = (): void => {
+        const { finished } = Modal.createDialog(SetupEncryptionDialog);
+        finished.then(refreshDevices);
+    };
+
+    const onTriggerDeviceVerification = useCallback(
+        (deviceId: ExtendedDevice["device_id"]) => {
+            if (!requestDeviceVerification) {
+                return;
+            }
+            const verificationRequestPromise = requestDeviceVerification(deviceId);
+            const { finished } = Modal.createDialog(VerificationRequestDialog, {
+                verificationRequestPromise,
+                member: currentUserMember,
+            });
+            finished.then(async () => {
+                const request = await verificationRequestPromise;
+                request.cancel();
+                await refreshDevices();
+            });
+        },
+        [requestDeviceVerification, refreshDevices, currentUserMember],
+    );
+
+    const onSignoutResolvedCallback = async (): Promise<void> => {
+        await refreshDevices();
+        setSelectedDeviceIds([]);
+    };
+    const { onSignOutCurrentDevice, onSignOutOtherDevices, signingOutDeviceIds } = useSignOut(
+        matrixClient,
+        onSignoutResolvedCallback,
+        accountManagement?.endpoint,
+        accountManagement?.actionsSupported,
+    );
+
+    useEffect(
+        () => () => {
+            clearTimeout(scrollIntoViewTimeoutRef.current);
+        },
+        [scrollIntoViewTimeoutRef],
+    );
+
+    // clear selection when filter changes
+    useEffect(() => {
+        setSelectedDeviceIds([]);
+    }, [filter, setSelectedDeviceIds]);
+
+    const signOutAllOtherSessions =
+        shouldShowOtherSessions && !disableMultipleSignout
+            ? () => {
+                  onSignOutOtherDevices(Object.keys(otherDevices));
+              }
+            : undefined;
+
+    const [signInWithQrMode, setSignInWithQrMode] = useState<Mode | null>(showMsc4108QrCode ? Mode.Show : null);
+
+    const onQrFinish = useCallback(() => {
+        setSignInWithQrMode(null);
+    }, [setSignInWithQrMode]);
+
+    const onShowQrClicked = useCallback(() => {
+        setSignInWithQrMode(Mode.Show);
+    }, [setSignInWithQrMode]);
+
+    if (signInWithQrMode) {
+        return (
+            <Suspense fallback={<Spinner />}>
+                <LoginWithQR
+                    mode={signInWithQrMode}
+                    onFinished={onQrFinish}
+                    client={matrixClient}
+                    intent={RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE}
+                />
+            </Suspense>
+        );
+    }
+
+    return (
+        <SettingsTab>
+            <SettingsSection>
+                <LoginWithQRSection onShowQr={onShowQrClicked} isCrossSigningReady={isCrossSigningReady} />
+                <SecurityRecommendations
+                    devices={devices}
+                    goToFilteredList={onGoToFilteredList}
+                    currentDeviceId={currentDeviceId}
+                />
+                <CurrentDeviceSection
+                    device={currentDevice}
+                    localNotificationSettings={localNotificationSettings.get(currentDeviceId)}
+                    setPushNotifications={setPushNotifications}
+                    isSigningOut={signingOutDeviceIds.includes(currentDeviceId)}
+                    isLoading={isLoadingDeviceList}
+                    saveDeviceName={(deviceName) => saveDeviceName(currentDeviceId, deviceName)}
+                    onVerifyCurrentDevice={onVerifyCurrentDevice}
+                    onSignOutCurrentDevice={onSignOutCurrentDevice}
+                    signOutAllOtherSessions={signOutAllOtherSessions}
+                    otherSessionsCount={otherSessionsCount}
+                    accountManagementEndpoint={accountManagement?.endpoint}
+                    accountManagementActionsSupported={accountManagement?.actionsSupported}
+                />
+                {shouldShowOtherSessions && (
+                    <SettingsSubsection
+                        heading={
+                            <OtherSessionsSectionHeading
+                                otherSessionsCount={otherSessionsCount}
+                                signOutAllOtherSessions={signOutAllOtherSessions}
+                                disabled={!!signingOutDeviceIds.length}
+                            />
+                        }
+                        description={_t("settings|sessions|best_security_note")}
+                        data-testid="other-sessions-section"
+                        stretchContent
+                    >
+                        <FilteredDeviceList
+                            devices={otherDevices}
+                            pushers={pushers}
+                            localNotificationSettings={localNotificationSettings}
+                            filter={filter}
+                            expandedDeviceIds={expandedDeviceIds}
+                            signingOutDeviceIds={signingOutDeviceIds}
+                            selectedDeviceIds={selectedDeviceIds}
+                            setSelectedDeviceIds={setSelectedDeviceIds}
+                            onFilterChange={setFilter}
+                            onDeviceExpandToggle={onDeviceExpandToggle}
+                            onRequestDeviceVerification={
+                                requestDeviceVerification ? onTriggerDeviceVerification : undefined
+                            }
+                            onSignOutDevices={onSignOutOtherDevices}
+                            saveDeviceName={saveDeviceName}
+                            setPushNotifications={setPushNotifications}
+                            ref={filteredDeviceListRef}
+                            supportsMSC3881={supportsMSC3881}
+                            accountManagementEndpoint={accountManagement?.endpoint}
+                            accountManagementActionsSupported={accountManagement?.actionsSupported}
+                        />
+                    </SettingsSubsection>
+                )}
+            </SettingsSection>
+        </SettingsTab>
+    );
+};
+
+export default SessionManagerTab;
diff --git a/apps/web/src/components/views/settings/tabs/user/SidebarUserSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/user/SidebarUserSettingsTab.tsx
new file mode 100644
index 00000000000..31df91ba5e1
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/SidebarUserSettingsTab.tsx
@@ -0,0 +1,117 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 2021-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 ChangeEvent, useMemo } from "react";
+import { VideoCallSolidIcon, HomeSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../../../languageHandler";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import { SettingLevel } from "../../../../../settings/SettingLevel";
+import StyledCheckbox from "../../../elements/StyledCheckbox";
+import { useSettingValue } from "../../../../../hooks/useSettings";
+import { MetaSpace } from "../../../../../stores/spaces";
+import PosthogTrackers from "../../../../../PosthogTrackers";
+import SettingsTab from "../SettingsTab";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { SettingsSubsection } from "../../shared/SettingsSubsection";
+import SdkConfig from "../../../../../SdkConfig";
+
+type InteractionName = "WebSettingsSidebarTabSpacesCheckbox" | "WebQuickSettingsPinToSidebarCheckbox";
+
+export const onMetaSpaceChangeFactory =
+    (metaSpace: MetaSpace, interactionName: InteractionName) => async (e: ChangeEvent<HTMLInputElement>) => {
+        const currentValue = SettingsStore.getValue("Spaces.enabledMetaSpaces");
+        await SettingsStore.setValue("Spaces.enabledMetaSpaces", null, SettingLevel.ACCOUNT, {
+            ...currentValue,
+            [metaSpace]: e.target.checked,
+        });
+
+        PosthogTrackers.trackInteraction(
+            interactionName,
+            e,
+            [MetaSpace.Home, null, MetaSpace.Orphans, MetaSpace.VideoRooms].indexOf(metaSpace),
+        );
+    };
+
+const SidebarUserSettingsTab: React.FC = () => {
+    const {
+        [MetaSpace.Home]: homeEnabled,
+        [MetaSpace.Orphans]: orphansEnabled,
+        [MetaSpace.VideoRooms]: videoRoomsEnabled,
+    } = useSettingValue("Spaces.enabledMetaSpaces");
+    const allRoomsInHome = useSettingValue("Spaces.allRoomsInHome");
+    const guestSpaUrl = useMemo(() => {
+        return SdkConfig.get("element_call").guest_spa_url;
+    }, []);
+    const conferenceSubsectionText =
+        _t("settings|sidebar|metaspaces_video_rooms_description") +
+        (guestSpaUrl ? " " + _t("settings|sidebar|metaspaces_video_rooms_description_invite_extension") : "");
+
+    const onAllRoomsInHomeToggle = async (event: ChangeEvent<HTMLInputElement>): Promise<void> => {
+        await SettingsStore.setValue("Spaces.allRoomsInHome", null, SettingLevel.ACCOUNT, event.target.checked);
+        PosthogTrackers.trackInteraction("WebSettingsSidebarTabSpacesCheckbox", event, 1);
+    };
+
+    return (
+        <SettingsTab>
+            <SettingsSection>
+                <SettingsSubsection
+                    heading={_t("settings|sidebar|metaspaces_subsection")}
+                    description={_t("settings|sidebar|spaces_explainer")}
+                >
+                    <StyledCheckbox
+                        checked={!!homeEnabled}
+                        onChange={onMetaSpaceChangeFactory(MetaSpace.Home, "WebSettingsSidebarTabSpacesCheckbox")}
+                        className="mx_SidebarUserSettingsTab_checkbox"
+                        disabled={homeEnabled}
+                        description={_t("settings|sidebar|metaspaces_home_description")}
+                    >
+                        <HomeSolidIcon className="mx_SidebarUserSettingsTab_icon" />
+                        {_t("common|home")}
+                    </StyledCheckbox>
+
+                    <StyledCheckbox
+                        checked={allRoomsInHome}
+                        disabled={!homeEnabled}
+                        onChange={onAllRoomsInHomeToggle}
+                        className="mx_SidebarUserSettingsTab_checkbox mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
+                        data-testid="mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
+                        description={_t("settings|sidebar|metaspaces_home_all_rooms_description")}
+                    >
+                        {_t("settings|sidebar|metaspaces_home_all_rooms")}
+                    </StyledCheckbox>
+
+                    <StyledCheckbox
+                        checked={!!orphansEnabled}
+                        onChange={onMetaSpaceChangeFactory(MetaSpace.Orphans, "WebSettingsSidebarTabSpacesCheckbox")}
+                        className="mx_SidebarUserSettingsTab_checkbox"
+                        description={_t("settings|sidebar|metaspaces_orphans_description")}
+                    >
+                        {_t("settings|sidebar|metaspaces_orphans")}
+                    </StyledCheckbox>
+                    {SettingsStore.getValue("feature_video_rooms") && (
+                        <StyledCheckbox
+                            checked={!!videoRoomsEnabled}
+                            onChange={onMetaSpaceChangeFactory(
+                                MetaSpace.VideoRooms,
+                                "WebSettingsSidebarTabSpacesCheckbox",
+                            )}
+                            className="mx_SidebarUserSettingsTab_checkbox"
+                            description={conferenceSubsectionText}
+                        >
+                            <VideoCallSolidIcon className="mx_SidebarUserSettingsTab_icon" />
+                            {_t("settings|sidebar|metaspaces_video_rooms")}
+                        </StyledCheckbox>
+                    )}
+                </SettingsSubsection>
+            </SettingsSection>
+        </SettingsTab>
+    );
+};
+
+export default SidebarUserSettingsTab;
diff --git a/apps/web/src/components/views/settings/tabs/user/VoiceUserSettingsTab.tsx b/apps/web/src/components/views/settings/tabs/user/VoiceUserSettingsTab.tsx
new file mode 100644
index 00000000000..3675921ea18
--- /dev/null
+++ b/apps/web/src/components/views/settings/tabs/user/VoiceUserSettingsTab.tsx
@@ -0,0 +1,298 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 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 ChangeEventHandler, type JSX, type ReactNode } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { FALLBACK_ICE_SERVER } from "matrix-js-sdk/src/webrtc/call";
+import { type EmptyObject } from "matrix-js-sdk/src/matrix";
+import { Alert, Form, SettingsToggleInput } from "@vector-im/compound-web";
+
+import { _t } from "../../../../../languageHandler";
+import MediaDeviceHandler, { type IMediaDevices, MediaDeviceKindEnum } from "../../../../../MediaDeviceHandler";
+import Field from "../../../elements/Field";
+import AccessibleButton from "../../../elements/AccessibleButton";
+import { SettingLevel } from "../../../../../settings/SettingLevel";
+import SettingsFlag from "../../../elements/SettingsFlag";
+import SettingsStore from "../../../../../settings/SettingsStore";
+import { requestMediaPermissions } from "../../../../../utils/media/requestMediaPermissions";
+import SettingsTab from "../SettingsTab";
+import { SettingsSection } from "../../shared/SettingsSection";
+import { SettingsSubsection } from "../../shared/SettingsSubsection";
+import MatrixClientContext from "../../../../../contexts/MatrixClientContext";
+import SdkConfig from "../../../../../SdkConfig";
+
+interface IState {
+    mediaDevices: IMediaDevices | null;
+    [MediaDeviceKindEnum.AudioOutput]: string | null;
+    [MediaDeviceKindEnum.AudioInput]: string | null;
+    [MediaDeviceKindEnum.VideoInput]: string | null;
+    audioAutoGainControl: boolean;
+    audioEchoCancellation: boolean;
+    audioNoiseSuppression: boolean;
+    enableLegacyCallsVoip: boolean;
+}
+
+/**
+ * Maps deviceKind to the right get method on MediaDeviceHandler
+ * Helpful for setting state
+ */
+const mapDeviceKindToHandlerValue = (deviceKind: MediaDeviceKindEnum): string | null => {
+    switch (deviceKind) {
+        case MediaDeviceKindEnum.AudioOutput:
+            return MediaDeviceHandler.getAudioOutput();
+        case MediaDeviceKindEnum.AudioInput:
+            return MediaDeviceHandler.getAudioInput();
+        case MediaDeviceKindEnum.VideoInput:
+            return MediaDeviceHandler.getVideoInput();
+    }
+};
+
+export default class VoiceUserSettingsTab extends React.Component<EmptyObject, IState> {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    public constructor(props: EmptyObject) {
+        super(props);
+
+        this.state = {
+            mediaDevices: null,
+            [MediaDeviceKindEnum.AudioOutput]: null,
+            [MediaDeviceKindEnum.AudioInput]: null,
+            [MediaDeviceKindEnum.VideoInput]: null,
+            audioAutoGainControl: MediaDeviceHandler.getAudioAutoGainControl(),
+            audioEchoCancellation: MediaDeviceHandler.getAudioEchoCancellation(),
+            audioNoiseSuppression: MediaDeviceHandler.getAudioNoiseSuppression(),
+            enableLegacyCallsVoip: SettingsStore.getValue("enableLegacyCallsVoip"),
+        };
+    }
+
+    private legacyCallsEnabledWatcherRef: string | undefined;
+
+    public async componentDidMount(): Promise<void> {
+        this.legacyCallsEnabledWatcherRef = SettingsStore.watchSetting(
+            "enableLegacyCallsVoip",
+            null,
+            (...[, , , , value]) => this.setState({ enableLegacyCallsVoip: value! }),
+        );
+
+        const canSeeDeviceLabels = await MediaDeviceHandler.hasAnyLabeledDevices();
+        if (canSeeDeviceLabels) {
+            await this.refreshMediaDevices();
+        }
+    }
+
+    public componentWillUnmount(): void {
+        SettingsStore.unwatchSetting(this.legacyCallsEnabledWatcherRef);
+    }
+
+    private refreshMediaDevices = async (stream?: MediaStream): Promise<void> => {
+        this.setState({
+            mediaDevices: (await MediaDeviceHandler.getDevices()) ?? null,
+            [MediaDeviceKindEnum.AudioOutput]: mapDeviceKindToHandlerValue(MediaDeviceKindEnum.AudioOutput),
+            [MediaDeviceKindEnum.AudioInput]: mapDeviceKindToHandlerValue(MediaDeviceKindEnum.AudioInput),
+            [MediaDeviceKindEnum.VideoInput]: mapDeviceKindToHandlerValue(MediaDeviceKindEnum.VideoInput),
+        });
+        if (stream) {
+            // kill stream (after we've enumerated the devices, otherwise we'd get empty labels again)
+            // so that we don't leave it lingering around with webcam enabled etc
+            // as here we called gUM to ask user for permission to their device names only
+            stream.getTracks().forEach((track) => track.stop());
+        }
+    };
+
+    private requestMediaPermissions = async (): Promise<void> => {
+        const stream = await requestMediaPermissions();
+        if (stream) {
+            await this.refreshMediaDevices(stream);
+        }
+    };
+
+    private setDevice = async (deviceId: string, kind: MediaDeviceKindEnum): Promise<void> => {
+        // set state immediately so UI is responsive
+        this.setState<any>({ [kind]: deviceId });
+        try {
+            await MediaDeviceHandler.instance.setDevice(deviceId, kind);
+        } catch {
+            logger.error(`Failed to set device ${kind}: ${deviceId}`);
+            // reset state to current value
+            this.setState<any>({ [kind]: mapDeviceKindToHandlerValue(kind) });
+        }
+    };
+
+    private changeWebRtcMethod = (p2p: boolean): void => {
+        this.context.setForceTURN(!p2p);
+    };
+
+    private renderDeviceOptions(devices: Array<MediaDeviceInfo>, category: MediaDeviceKindEnum): Array<JSX.Element> {
+        return devices.map((d) => {
+            return (
+                <option key={`${category}-${d.deviceId}`} value={d.deviceId}>
+                    {d.label}
+                </option>
+            );
+        });
+    }
+
+    private renderDropdown(kind: MediaDeviceKindEnum, label: string): ReactNode {
+        const devices = this.state.mediaDevices?.[kind].slice(0);
+        if (!devices?.length) return null;
+
+        const defaultDevice = MediaDeviceHandler.getDefaultDevice(devices);
+        return (
+            <Field
+                element="select"
+                label={label}
+                value={this.state[kind] || defaultDevice}
+                onChange={(e) => this.setDevice(e.target.value, kind)}
+            >
+                {this.renderDeviceOptions(devices, kind)}
+            </Field>
+        );
+    }
+
+    private onAutoGainChanged: ChangeEventHandler<HTMLInputElement> = async (event) => {
+        const enable = event.target.checked;
+        await MediaDeviceHandler.setAudioAutoGainControl(enable);
+        this.setState({
+            audioAutoGainControl: MediaDeviceHandler.getAudioAutoGainControl(),
+        });
+    };
+
+    private onNoiseSuppressionChanged: ChangeEventHandler<HTMLInputElement> = async (event) => {
+        const enable = event.target.checked;
+        await MediaDeviceHandler.setAudioNoiseSuppression(enable);
+        this.setState({
+            audioNoiseSuppression: MediaDeviceHandler.getAudioNoiseSuppression(),
+        });
+    };
+
+    private onEchoCancellationChanged: ChangeEventHandler<HTMLInputElement> = async (event) => {
+        const enable = event.target.checked;
+        await MediaDeviceHandler.setAudioEchoCancellation(enable);
+        this.setState({
+            audioEchoCancellation: MediaDeviceHandler.getAudioEchoCancellation(),
+        });
+    };
+
+    public render(): JSX.Element {
+        let requestButton: ReactNode | undefined;
+        let speakerDropdown: ReactNode | undefined;
+        let microphoneDropdown: ReactNode | undefined;
+
+        let webcamDropdown: ReactNode | undefined;
+        if (!this.state.mediaDevices) {
+            requestButton = (
+                <Alert
+                    type="info"
+                    title={_t("settings|voip|permissions")}
+                    actions={
+                        <AccessibleButton onClick={this.requestMediaPermissions} kind="primary">
+                            {_t("settings|voip|request_permissions")}
+                        </AccessibleButton>
+                    }
+                >
+                    {_t("settings|voip|missing_permissions_prompt", { brand: SdkConfig.get("brand") })}
+                </Alert>
+            );
+        } else if (this.state.mediaDevices) {
+            speakerDropdown = this.renderDropdown(
+                MediaDeviceKindEnum.AudioOutput,
+                _t("settings|voip|audio_output"),
+            ) || <p>{_t("settings|voip|audio_output_empty")}</p>;
+            microphoneDropdown = this.renderDropdown(MediaDeviceKindEnum.AudioInput, _t("common|microphone")) || (
+                <p>{_t("settings|voip|audio_input_empty")}</p>
+            );
+            webcamDropdown = this.renderDropdown(MediaDeviceKindEnum.VideoInput, _t("common|camera")) || (
+                <p>{_t("settings|voip|video_input_empty")}</p>
+            );
+        }
+
+        const elementCallEnabled = !SdkConfig.get("element_call").disable;
+        // We also allow/use legacy if element call is not enabled.
+        const allowLegacyCalls = !SdkConfig.get("element_call").use_exclusively || !elementCallEnabled;
+        const showLegacySettings = this.state.enableLegacyCallsVoip;
+
+        const legacySettingsComponent = (
+            <>
+                <SettingsSubsection heading={_t("settings|voip|voice_section")} stretchContent>
+                    {speakerDropdown}
+                    <SettingsToggleInput
+                        name="voice-auto-gain"
+                        label={_t("settings|voip|voice_agc")}
+                        checked={this.state.audioAutoGainControl}
+                        onChange={this.onAutoGainChanged}
+                    />
+                </SettingsSubsection>
+                <SettingsSubsection heading={_t("settings|voip|video_section")} stretchContent>
+                    {webcamDropdown}
+                    <SettingsFlag name="VideoView.flipVideoHorizontally" level={SettingLevel.ACCOUNT} />
+                </SettingsSubsection>
+                <SettingsSection heading={_t("common|advanced")}>
+                    <SettingsFlag
+                        name="webRtcAllowPeerToPeer"
+                        level={SettingLevel.DEVICE}
+                        onChange={this.changeWebRtcMethod}
+                    />
+                    <SettingsFlag
+                        name="fallbackICEServerAllowed"
+                        label={_t("settings|voip|enable_fallback_ice_server", {
+                            server: new URL(FALLBACK_ICE_SERVER).pathname,
+                        })}
+                        level={SettingLevel.DEVICE}
+                        hideIfCannotSet
+                    />
+                </SettingsSection>
+            </>
+        );
+
+        return (
+            <SettingsTab>
+                <Form.Root
+                    onSubmit={(evt) => {
+                        evt.preventDefault();
+                        evt.stopPropagation();
+                    }}
+                >
+                    <SettingsSection heading={_t("settings|voip|voice_input_section")}>
+                        {_t("settings|voip|voice_input_description")}
+                        {requestButton}
+                        {microphoneDropdown}
+                    </SettingsSection>
+                    {allowLegacyCalls && (
+                        <SettingsSection heading={_t("common|legacy_voice_and_video_settings")}>
+                            {elementCallEnabled && (
+                                // allow configuring Legacy calls if EC is also avalibale (otherwise we always show the legacySettingsComponent)
+                                <SettingsFlag name="enableLegacyCallsVoip" level={SettingLevel.DEVICE} />
+                            )}
+                            {(!elementCallEnabled || showLegacySettings) && legacySettingsComponent}
+                        </SettingsSection>
+                    )}
+                    {(allowLegacyCalls || elementCallEnabled) && (
+                        <SettingsSection heading={_t("settings|voip|voice_processing")}>
+                            <SettingsToggleInput
+                                name="voice-noise-suppression"
+                                label={_t("settings|voip|noise_suppression")}
+                                helpMessage={_t("settings|voip|noise_suppression_description")}
+                                checked={this.state.audioNoiseSuppression}
+                                onChange={this.onNoiseSuppressionChanged}
+                            />
+                            <SettingsToggleInput
+                                name="voice-echo-cancellation"
+                                label={_t("settings|voip|echo_cancellation")}
+                                helpMessage={_t("settings|voip|echo_cancellation_description")}
+                                checked={this.state.audioEchoCancellation}
+                                onChange={this.onEchoCancellationChanged}
+                            />
+                        </SettingsSection>
+                    )}
+                </Form.Root>
+            </SettingsTab>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/spaces/QuickSettingsButton.tsx b/apps/web/src/components/views/spaces/QuickSettingsButton.tsx
new file mode 100644
index 00000000000..7d50f908fe1
--- /dev/null
+++ b/apps/web/src/components/views/spaces/QuickSettingsButton.tsx
@@ -0,0 +1,119 @@
+/*
+Copyright 2024,2025 New Vector Ltd.
+Copyright 2021-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 JSX, useContext } from "react";
+import classNames from "classnames";
+import { SettingsSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { IconButton, Text, Tooltip } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import ContextMenu, { alwaysAboveRightOf, ChevronFace, useContextMenu } from "../../structures/ContextMenu";
+import AccessibleButton from "../elements/AccessibleButton";
+import { useSettingValue } from "../../../hooks/useSettings";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import QuickThemeSwitcher from "./QuickThemeSwitcher";
+import Modal from "../../../Modal";
+import DevtoolsDialog from "../dialogs/DevtoolsDialog";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+const QuickSettingsButton: React.FC<{
+    isPanelCollapsed: boolean;
+}> = ({ isPanelCollapsed = false }) => {
+    const sdkContext = useContext(SDKContext);
+    const [menuDisplayed, handle, openMenu, closeMenu] = useContextMenu<HTMLButtonElement>();
+
+    const currentRoomId = sdkContext.roomViewStore.getRoomId();
+    const developerModeEnabled = useSettingValue("developerMode");
+
+    let contextMenu: JSX.Element | undefined;
+    if (menuDisplayed && handle.current) {
+        contextMenu = (
+            <ContextMenu
+                {...alwaysAboveRightOf(handle.current.getBoundingClientRect(), ChevronFace.None, 16)}
+                wrapperClassName="mx_QuickSettingsButton_ContextMenuWrapper"
+                // Eventually replace with a properly aria-labelled menu
+                data-testid="quick-settings-menu"
+                onFinished={closeMenu}
+                managed={false}
+                focusLock={true}
+                role="region"
+                aria-label={_t("quick_settings|title")}
+            >
+                <h2>{_t("quick_settings|title")}</h2>
+
+                <AccessibleButton
+                    onClick={() => {
+                        closeMenu();
+                        defaultDispatcher.dispatch({ action: Action.ViewUserSettings });
+                    }}
+                    kind="primary_outline"
+                >
+                    {_t("quick_settings|all_settings")}
+                </AccessibleButton>
+
+                {currentRoomId && developerModeEnabled && (
+                    <AccessibleButton
+                        onClick={() => {
+                            closeMenu();
+                            Modal.createDialog(
+                                DevtoolsDialog,
+                                {
+                                    roomId: currentRoomId,
+                                },
+                                "mx_DevtoolsDialog_wrapper",
+                            );
+                        }}
+                        kind="danger_outline"
+                    >
+                        {_t("devtools|title")}
+                    </AccessibleButton>
+                )}
+
+                <QuickThemeSwitcher requestClose={closeMenu} />
+            </ContextMenu>
+        );
+    }
+
+    let button = (
+        <IconButton
+            aria-label={_t("quick_settings|title")}
+            className={classNames("mx_QuickSettingsButton", { expanded: !isPanelCollapsed })}
+            onClick={openMenu}
+            ref={handle}
+            aria-expanded={!isPanelCollapsed}
+        >
+            <>
+                <SettingsSolidIcon />
+                {/* This is dirty, but we need to add the label to the indicator icon */}
+                {!isPanelCollapsed && (
+                    <Text className="mx_QuickSettingsButton_label" as="span" size="md" title={_t("common|settings")}>
+                        {_t("common|settings")}
+                    </Text>
+                )}
+            </>
+        </IconButton>
+    );
+
+    if (isPanelCollapsed) {
+        button = (
+            <Tooltip label={_t("quick_settings|title")} placement="right">
+                {button}
+            </Tooltip>
+        );
+    }
+
+    return (
+        <>
+            {button}
+            {contextMenu}
+        </>
+    );
+};
+
+export default QuickSettingsButton;
diff --git a/apps/web/src/components/views/spaces/QuickThemeSwitcher.tsx b/apps/web/src/components/views/spaces/QuickThemeSwitcher.tsx
new file mode 100644
index 00000000000..8f8df8d441e
--- /dev/null
+++ b/apps/web/src/components/views/spaces/QuickThemeSwitcher.tsx
@@ -0,0 +1,92 @@
+/*
+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, useMemo } from "react";
+
+import { _t } from "../../../languageHandler";
+import { Action } from "../../../dispatcher/actions";
+import { findNonHighContrastTheme, getOrderedThemes } from "../../../theme";
+import Dropdown from "../elements/Dropdown";
+import SettingsStore from "../../../settings/SettingsStore";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import dis from "../../../dispatcher/dispatcher";
+import { type RecheckThemePayload } from "../../../dispatcher/payloads/RecheckThemePayload";
+import PosthogTrackers from "../../../PosthogTrackers";
+import { type NonEmptyArray } from "../../../@types/common";
+import { useTheme } from "../../../hooks/useTheme";
+
+type Props = {
+    requestClose: () => void;
+};
+
+const MATCH_SYSTEM_THEME_ID = "MATCH_SYSTEM_THEME_ID";
+
+const QuickThemeSwitcher: React.FC<Props> = ({ requestClose }) => {
+    const orderedThemes = useMemo(() => getOrderedThemes(), []);
+
+    const themeState = useTheme();
+    const nonHighContrast = findNonHighContrastTheme(themeState.theme);
+    const theme = nonHighContrast ? nonHighContrast : themeState.theme;
+    const { systemThemeActivated } = themeState;
+
+    const themeOptions = [
+        {
+            id: MATCH_SYSTEM_THEME_ID,
+            name: _t("theme|match_system"),
+        },
+        ...orderedThemes,
+    ];
+
+    const selectedTheme = systemThemeActivated ? MATCH_SYSTEM_THEME_ID : theme;
+
+    const onOptionChange = async (newTheme: string): Promise<void> => {
+        PosthogTrackers.trackInteraction("WebQuickSettingsThemeDropdown");
+
+        try {
+            if (newTheme === MATCH_SYSTEM_THEME_ID) {
+                await SettingsStore.setValue("use_system_theme", null, SettingLevel.DEVICE, true);
+            } else {
+                // The settings watcher doesn't fire until the echo comes back from the
+                // server, so to make the theme change immediately we need to manually
+                // do the dispatch now
+                // XXX: The local echoed value appears to be unreliable, in particular
+                // when settings custom themes(!) so adding forceTheme to override
+                // the value from settings.
+                dis.dispatch<RecheckThemePayload>({ action: Action.RecheckTheme, forceTheme: newTheme });
+                await Promise.all([
+                    SettingsStore.setValue("theme", null, SettingLevel.DEVICE, newTheme),
+                    SettingsStore.setValue("use_system_theme", null, SettingLevel.DEVICE, false),
+                ]);
+            }
+        } catch {
+            dis.dispatch<RecheckThemePayload>({ action: Action.RecheckTheme });
+        }
+
+        requestClose();
+    };
+
+    return (
+        <div className="mx_QuickThemeSwitcher">
+            <h3 className="mx_QuickThemeSwitcher_heading">{_t("common|theme")}</h3>
+            <Dropdown
+                id="mx_QuickSettingsButton_themePickerDropdown"
+                onOptionChange={onOptionChange}
+                value={selectedTheme}
+                label={_t("common|theme")}
+            >
+                {
+                    themeOptions.map((theme) => <div key={theme.id}>{theme.name}</div>) as NonEmptyArray<
+                        ReactElement & { key: string }
+                    >
+                }
+            </Dropdown>
+        </div>
+    );
+};
+
+export default QuickThemeSwitcher;
diff --git a/apps/web/src/components/views/spaces/SpaceBasicSettings.tsx b/apps/web/src/components/views/spaces/SpaceBasicSettings.tsx
new file mode 100644
index 00000000000..05edcb59ad0
--- /dev/null
+++ b/apps/web/src/components/views/spaces/SpaceBasicSettings.tsx
@@ -0,0 +1,151 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 ChangeEvent, useRef, useState } from "react";
+import { TakePhotoSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import Field from "../elements/Field";
+import { chromeFileInputFix } from "../../../utils/BrowserWorkarounds";
+
+interface IProps {
+    avatarUrl?: string;
+    avatarDisabled?: boolean;
+    name: string;
+    nameDisabled?: boolean;
+    topic?: string;
+    topicDisabled?: boolean;
+    setAvatar(this: void, avatar?: File): void;
+    setName(this: void, name: string): void;
+    setTopic(this: void, topic: string): void;
+}
+
+export const SpaceAvatar: React.FC<Pick<IProps, "avatarUrl" | "avatarDisabled" | "setAvatar">> = ({
+    avatarUrl,
+    avatarDisabled = false,
+    setAvatar,
+}) => {
+    const avatarUploadRef = useRef<HTMLInputElement>(null);
+    const [avatar, setAvatarDataUrl] = useState(avatarUrl); // avatar data url cache
+
+    let avatarSection;
+    if (avatarDisabled) {
+        if (avatar) {
+            avatarSection = <img className="mx_SpaceBasicSettings_avatar" src={avatar} alt="" />;
+        } else {
+            avatarSection = <div className="mx_SpaceBasicSettings_avatar" />;
+        }
+    } else {
+        if (avatar) {
+            avatarSection = (
+                <React.Fragment>
+                    {/* oxlint-disable-next-line jsx-a11y/control-has-associated-label */}
+                    <AccessibleButton
+                        className="mx_SpaceBasicSettings_avatar"
+                        onClick={() => avatarUploadRef.current?.click()}
+                        element="img"
+                        src={avatar}
+                        alt=""
+                    />
+                    <AccessibleButton
+                        onClick={() => {
+                            if (avatarUploadRef.current) avatarUploadRef.current.value = "";
+                            setAvatarDataUrl(undefined);
+                            setAvatar(undefined);
+                        }}
+                        kind="link"
+                        className="mx_SpaceBasicSettings_avatar_remove"
+                        aria-label={_t("room_settings|delete_avatar_label")}
+                    >
+                        {_t("action|delete")}
+                    </AccessibleButton>
+                </React.Fragment>
+            );
+        } else {
+            avatarSection = (
+                <React.Fragment>
+                    <AccessibleButton
+                        className="mx_SpaceBasicSettings_avatar"
+                        onClick={() => avatarUploadRef.current?.click()}
+                    >
+                        <TakePhotoSolidIcon />
+                    </AccessibleButton>
+                    <AccessibleButton
+                        onClick={() => avatarUploadRef.current?.click()}
+                        kind="link"
+                        aria-label={_t("room_settings|upload_avatar_label")}
+                    >
+                        {_t("action|upload")}
+                    </AccessibleButton>
+                </React.Fragment>
+            );
+        }
+    }
+
+    return (
+        <div className="mx_SpaceBasicSettings_avatarContainer">
+            {avatarSection}
+            <input
+                type="file"
+                ref={avatarUploadRef}
+                onClick={chromeFileInputFix}
+                onChange={(e) => {
+                    if (!e.target.files?.length) return;
+                    const file = e.target.files[0];
+                    setAvatar(file);
+                    const reader = new FileReader();
+                    reader.onload = (ev) => {
+                        setAvatarDataUrl(ev.target?.result as string);
+                    };
+                    reader.readAsDataURL(file);
+                }}
+                accept="image/*"
+            />
+        </div>
+    );
+};
+
+const SpaceBasicSettings: React.FC<IProps> = ({
+    avatarUrl,
+    avatarDisabled = false,
+    setAvatar,
+    name = "",
+    nameDisabled = false,
+    setName,
+    topic = "",
+    topicDisabled = false,
+    setTopic,
+}) => {
+    return (
+        <div className="mx_SpaceBasicSettings">
+            <SpaceAvatar avatarUrl={avatarUrl} avatarDisabled={avatarDisabled} setAvatar={setAvatar} />
+
+            <Field
+                name="spaceName"
+                label={_t("common|name")}
+                autoFocus={true}
+                value={name}
+                onChange={(ev: ChangeEvent<HTMLInputElement>) => setName(ev.target.value)}
+                disabled={nameDisabled}
+            />
+
+            <Field
+                name="spaceTopic"
+                element="textarea"
+                label={_t("common|description")}
+                value={topic}
+                onChange={(ev: ChangeEvent<HTMLTextAreaElement>) => setTopic(ev.target.value)}
+                rows={3}
+                disabled={topicDisabled}
+            />
+        </div>
+    );
+};
+
+export default SpaceBasicSettings;
diff --git a/apps/web/src/components/views/spaces/SpaceChildrenPicker.tsx b/apps/web/src/components/views/spaces/SpaceChildrenPicker.tsx
new file mode 100644
index 00000000000..1173e93b95d
--- /dev/null
+++ b/apps/web/src/components/views/spaces/SpaceChildrenPicker.tsx
@@ -0,0 +1,156 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, { useEffect, useMemo, useState } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { AutoHideScrollbar } from "@element-hq/web-shared-components";
+
+import { _t } from "../../../languageHandler";
+import StyledRadioGroup from "../elements/StyledRadioGroup";
+import QueryMatcher from "../../../autocomplete/QueryMatcher";
+import SearchBox from "../../structures/SearchBox";
+import { Entry } from "../dialogs/AddExistingToSpaceDialog";
+import { filterBoolean } from "../../../utils/arrays";
+
+enum Target {
+    All = "All",
+    Specific = "Specific",
+    None = "None",
+}
+
+interface ISpecificChildrenPickerProps {
+    filterPlaceholder: string;
+    rooms: Room[];
+    selected: Set<Room>;
+    onChange(this: void, selected: boolean, room: Room): void;
+}
+
+const SpecificChildrenPicker: React.FC<ISpecificChildrenPickerProps> = ({
+    filterPlaceholder,
+    rooms,
+    selected,
+    onChange,
+}) => {
+    const [query, setQuery] = useState("");
+    const lcQuery = query.toLowerCase().trim();
+
+    const filteredRooms = useMemo(() => {
+        if (!lcQuery) {
+            return rooms;
+        }
+
+        const matcher = new QueryMatcher<Room>(rooms, {
+            keys: ["name"],
+            funcs: [(r) => filterBoolean([r.getCanonicalAlias(), ...r.getAltAliases()])],
+            shouldMatchWordsOnly: false,
+        });
+
+        return matcher.match(lcQuery);
+    }, [rooms, lcQuery]);
+
+    return (
+        <div className="mx_SpaceChildrenPicker">
+            <SearchBox
+                className="mx_textinput_icon mx_textinput_search"
+                placeholder={filterPlaceholder}
+                onSearch={setQuery}
+                autoFocus={true}
+            />
+            <AutoHideScrollbar className="mx_AutoHideScrollbar">
+                {filteredRooms.map((room) => {
+                    return (
+                        <Entry
+                            key={room.roomId}
+                            room={room}
+                            checked={selected.has(room)}
+                            onChange={(checked) => {
+                                onChange(checked, room);
+                            }}
+                        />
+                    );
+                })}
+                {filteredRooms.length < 1 ? (
+                    <span className="mx_SpaceChildrenPicker_noResults">{_t("common|no_results")}</span>
+                ) : undefined}
+            </AutoHideScrollbar>
+        </div>
+    );
+};
+
+interface IProps {
+    space: Room;
+    spaceChildren: Room[];
+    selected: Set<Room>;
+    noneLabel?: string;
+    allLabel: string;
+    specificLabel: string;
+    onChange(this: void, rooms: Room[]): void;
+}
+
+const SpaceChildrenPicker: React.FC<IProps> = ({
+    space,
+    spaceChildren,
+    selected,
+    onChange,
+    noneLabel,
+    allLabel,
+    specificLabel,
+}) => {
+    const [state, setState] = useState<string>(noneLabel ? Target.None : Target.All);
+
+    useEffect(() => {
+        if (state === Target.All) {
+            onChange(spaceChildren);
+        } else {
+            onChange([]);
+        }
+    }, [onChange, state, spaceChildren]);
+
+    return (
+        <>
+            <div className="mx_SpaceChildrenPicker">
+                <StyledRadioGroup
+                    name="roomsToLeave"
+                    value={state}
+                    onChange={setState}
+                    definitions={[
+                        {
+                            value: Target.None,
+                            label: noneLabel,
+                        },
+                        {
+                            value: Target.All,
+                            label: allLabel,
+                        },
+                        {
+                            value: Target.Specific,
+                            label: specificLabel,
+                        },
+                    ].filter((d) => d.label)}
+                />
+            </div>
+
+            {state === Target.Specific && (
+                <SpecificChildrenPicker
+                    filterPlaceholder={_t("space|search_children", { spaceName: space.name })}
+                    rooms={spaceChildren}
+                    selected={selected}
+                    onChange={(isSelected: boolean, room: Room) => {
+                        if (isSelected) {
+                            onChange([room, ...selected]);
+                        } else {
+                            onChange([...selected].filter((r) => r !== room));
+                        }
+                    }}
+                />
+            )}
+        </>
+    );
+};
+
+export default SpaceChildrenPicker;
diff --git a/apps/web/src/components/views/spaces/SpaceCreateMenu.tsx b/apps/web/src/components/views/spaces/SpaceCreateMenu.tsx
new file mode 100644
index 00000000000..3fd76c49a07
--- /dev/null
+++ b/apps/web/src/components/views/spaces/SpaceCreateMenu.tsx
@@ -0,0 +1,357 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 ComponentProps,
+    type RefObject,
+    type SyntheticEvent,
+    type KeyboardEvent,
+    useContext,
+    useRef,
+    useState,
+    type ChangeEvent,
+    type ReactNode,
+    useEffect,
+} from "react";
+import {
+    RoomType,
+    HistoryVisibility,
+    Preset,
+    Visibility,
+    type MatrixClient,
+    type ICreateRoomOpts,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { LockSolidIcon, PublicIcon, ChevronLeftIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import ContextMenu, { ChevronFace } from "../../structures/ContextMenu";
+import createRoom, { type IOpts as ICreateOpts } from "../../../createRoom";
+import MatrixClientContext, { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
+import type SpaceBasicSettings from "./SpaceBasicSettings";
+import { SpaceAvatar } from "./SpaceBasicSettings";
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+import Field from "../elements/Field";
+import withValidation from "../elements/Validation";
+import RoomAliasField from "../elements/RoomAliasField";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import { Filter } from "../dialogs/spotlight/Filter";
+import { type OpenSpotlightPayload } from "../../../dispatcher/payloads/OpenSpotlightPayload.ts";
+import { useSettingValue } from "../../../hooks/useSettings.ts";
+import { UIFeature } from "../../../settings/UIFeature.ts";
+import SpacePillButton from "../../structures/SpacePillButton.tsx";
+
+export const createSpace = async (
+    client: MatrixClient,
+    name: string,
+    isPublic: boolean,
+    alias?: string,
+    topic?: string,
+    avatar?: string | File,
+    createOpts: Partial<ICreateRoomOpts> = {},
+    otherOpts: Partial<Omit<ICreateOpts, "createOpts">> = {},
+): Promise<string | null> => {
+    return createRoom(client, {
+        name,
+        topic,
+        createOpts: {
+            preset: isPublic ? Preset.PublicChat : Preset.PrivateChat,
+            visibility:
+                isPublic && (await client.doesServerSupportUnstableFeature("org.matrix.msc3827.stable"))
+                    ? Visibility.Public
+                    : Visibility.Private,
+            power_level_content_override: {
+                // Only allow Admins to write to the timeline to prevent hidden sync spam
+                events_default: 100,
+                invite: isPublic ? 0 : 50,
+            },
+            room_alias_name: isPublic && alias ? alias.substring(1, alias.indexOf(":")) : undefined,
+            ...createOpts,
+        },
+        avatar,
+        roomType: RoomType.Space,
+        historyVisibility: isPublic ? HistoryVisibility.WorldReadable : HistoryVisibility.Invited,
+        spinner: false,
+        encryption: false,
+        andView: true,
+        inlineErrors: true,
+        ...otherOpts,
+    });
+};
+
+const spaceNameValidator = withValidation({
+    rules: [
+        {
+            key: "required",
+            test: async ({ value }) => !!value,
+            invalid: () => _t("create_space|name_required"),
+        },
+    ],
+});
+
+const nameToLocalpart = (name: string): string => {
+    return name
+        .trim()
+        .toLowerCase()
+        .replace(/\s+/g, "-")
+        .replace(/[^a-z0-9_-]+/gi, "");
+};
+
+type BProps = Omit<ComponentProps<typeof SpaceBasicSettings>, "nameDisabled" | "topicDisabled" | "avatarDisabled">;
+interface ISpaceCreateFormProps extends BProps {
+    busy: boolean;
+    alias: string;
+    nameFieldRef: RefObject<Field | null>;
+    aliasFieldRef: RefObject<RoomAliasField | null>;
+    showAliasField?: boolean;
+    children?: ReactNode;
+    onSubmit(this: void, e: SyntheticEvent): void;
+    setAlias(this: void, alias: string): void;
+}
+
+export const SpaceCreateForm: React.FC<ISpaceCreateFormProps> = ({
+    busy,
+    onSubmit,
+    avatarUrl,
+    setAvatar,
+    name,
+    setName,
+    nameFieldRef,
+    alias,
+    aliasFieldRef,
+    setAlias,
+    showAliasField,
+    topic,
+    setTopic,
+    children,
+}) => {
+    const cli = useContext(MatrixClientContext);
+    const domain = cli.getDomain() ?? undefined;
+
+    const onKeyDown = (ev: KeyboardEvent): void => {
+        const action = getKeyBindingsManager().getAccessibilityAction(ev);
+        switch (action) {
+            case KeyBindingAction.Enter:
+                onSubmit(ev);
+                break;
+        }
+    };
+
+    return (
+        <form className="mx_SpaceBasicSettings" onSubmit={onSubmit}>
+            <SpaceAvatar avatarUrl={avatarUrl} setAvatar={setAvatar} avatarDisabled={busy} />
+
+            <Field
+                name="spaceName"
+                label={_t("common|name")}
+                autoFocus={true}
+                value={name}
+                onChange={(ev: ChangeEvent<HTMLInputElement>) => {
+                    const newName = ev.target.value;
+                    if (!alias || alias === `#${nameToLocalpart(name)}:${domain}`) {
+                        setAlias(`#${nameToLocalpart(newName)}:${domain}`);
+                        aliasFieldRef.current?.validate({ allowEmpty: true });
+                    }
+                    setName(newName);
+                }}
+                onKeyDown={onKeyDown}
+                ref={nameFieldRef}
+                onValidate={spaceNameValidator}
+                disabled={busy}
+                autoComplete="off"
+            />
+
+            {showAliasField ? (
+                <RoomAliasField
+                    ref={aliasFieldRef}
+                    onChange={setAlias}
+                    domain={domain}
+                    value={alias}
+                    placeholder={name ? nameToLocalpart(name) : _t("create_space|address_placeholder")}
+                    label={_t("create_space|address_label")}
+                    disabled={busy}
+                    onKeyDown={onKeyDown}
+                />
+            ) : null}
+
+            <Field
+                name="spaceTopic"
+                element="textarea"
+                label={_t("common|description")}
+                value={topic ?? ""}
+                onChange={(ev) => setTopic(ev.target.value)}
+                rows={3}
+                disabled={busy}
+            />
+
+            {children}
+        </form>
+    );
+};
+
+const SpaceCreateMenu: React.FC<{
+    onFinished(this: void): void;
+}> = ({ onFinished }) => {
+    const cli = useMatrixClientContext();
+    const settingAllowPublicSpaces = useSettingValue(UIFeature.AllowCreatingPublicSpaces);
+    const [visibility, setVisibility] = useState<Visibility | null>(
+        settingAllowPublicSpaces === false ? Visibility.Private : null,
+    );
+    const [busy, setBusy] = useState<boolean>(false);
+
+    const [name, setName] = useState("");
+    const spaceNameField = useRef<Field>(null);
+    const [alias, setAlias] = useState("");
+    const spaceAliasField = useRef<RoomAliasField>(null);
+    const [avatar, setAvatar] = useState<File | undefined>(undefined);
+    const [topic, setTopic] = useState<string>("");
+
+    const [supportsSpaceFiltering, setSupportsSpaceFiltering] = useState(true); // assume it does until we find out it doesn't
+    useEffect(() => {
+        cli.isVersionSupported("v1.4")
+            .then((supported) => {
+                return supported || cli.doesServerSupportUnstableFeature("org.matrix.msc3827.stable");
+            })
+            .then((supported) => {
+                setSupportsSpaceFiltering(supported);
+            });
+    }, [cli]);
+
+    const onSpaceCreateClick = async (e: ButtonEvent): Promise<void> => {
+        e.preventDefault();
+        if (busy) return;
+
+        setBusy(true);
+        // require & validate the space name field
+        if (spaceNameField.current && !(await spaceNameField.current.validate({ allowEmpty: false }))) {
+            spaceNameField.current.focus();
+            spaceNameField.current.validate({ allowEmpty: false, focused: true });
+            setBusy(false);
+            return;
+        }
+
+        if (
+            spaceAliasField.current &&
+            visibility === Visibility.Public &&
+            !(await spaceAliasField.current.validate({ allowEmpty: false }))
+        ) {
+            spaceAliasField.current.focus();
+            spaceAliasField.current.validate({ allowEmpty: false, focused: true });
+            setBusy(false);
+            return;
+        }
+
+        try {
+            await createSpace(cli, name, visibility === Visibility.Public, alias, topic, avatar);
+
+            onFinished();
+        } catch (e) {
+            logger.error(e);
+        }
+    };
+
+    const onSearchClick = (): void => {
+        defaultDispatcher.dispatch<OpenSpotlightPayload>({
+            action: Action.OpenSpotlight,
+            initialFilter: Filter.PublicSpaces,
+        });
+    };
+
+    let body;
+    if (visibility === null) {
+        body = (
+            <React.Fragment>
+                <h2>{_t("create_space|label")}</h2>
+                <p>{_t("create_space|explainer")}</p>
+
+                <SpacePillButton
+                    icon={<PublicIcon />}
+                    title={_t("common|public")}
+                    description={_t("create_space|public_description")}
+                    onClick={() => setVisibility(Visibility.Public)}
+                />
+                <SpacePillButton
+                    icon={<LockSolidIcon />}
+                    title={_t("common|private")}
+                    description={_t("create_space|private_description")}
+                    onClick={() => setVisibility(Visibility.Private)}
+                />
+
+                {supportsSpaceFiltering && (
+                    <AccessibleButton kind="primary_outline" onClick={onSearchClick}>
+                        {_t("create_space|search_public_button")}
+                    </AccessibleButton>
+                )}
+            </React.Fragment>
+        );
+    } else {
+        body = (
+            <React.Fragment>
+                {settingAllowPublicSpaces && (
+                    <AccessibleButton
+                        className="mx_SpaceCreateMenu_back"
+                        onClick={() => setVisibility(null)}
+                        title={_t("action|go_back")}
+                    >
+                        <ChevronLeftIcon />
+                    </AccessibleButton>
+                )}
+
+                <h2>
+                    {visibility === Visibility.Public
+                        ? _t("create_space|public_heading")
+                        : settingAllowPublicSpaces
+                          ? _t("create_space|private_heading")
+                          : _t("create_space|private_only_heading")}
+                </h2>
+                <p>
+                    {_t("create_space|add_details_prompt")} {_t("create_space|add_details_prompt_2")}
+                </p>
+
+                <SpaceCreateForm
+                    busy={busy}
+                    onSubmit={onSpaceCreateClick}
+                    setAvatar={setAvatar}
+                    name={name}
+                    setName={setName}
+                    nameFieldRef={spaceNameField}
+                    topic={topic}
+                    setTopic={setTopic}
+                    alias={alias}
+                    setAlias={setAlias}
+                    showAliasField={visibility === Visibility.Public}
+                    aliasFieldRef={spaceAliasField}
+                />
+
+                <AccessibleButton kind="primary" onClick={onSpaceCreateClick} disabled={busy}>
+                    {busy ? _t("create_space|creating") : _t("action|create")}
+                </AccessibleButton>
+            </React.Fragment>
+        );
+    }
+
+    return (
+        <ContextMenu
+            left={72}
+            top={62}
+            chevronOffset={0}
+            chevronFace={ChevronFace.None}
+            onFinished={onFinished}
+            wrapperClassName="mx_SpaceCreateMenu_wrapper"
+            managed={false}
+            focusLock={true}
+        >
+            {body}
+        </ContextMenu>
+    );
+};
+
+export default SpaceCreateMenu;
diff --git a/apps/web/src/components/views/spaces/SpacePanel.tsx b/apps/web/src/components/views/spaces/SpacePanel.tsx
new file mode 100644
index 00000000000..cf21d26404f
--- /dev/null
+++ b/apps/web/src/components/views/spaces/SpacePanel.tsx
@@ -0,0 +1,475 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 ComponentProps,
+    type Dispatch,
+    type ReactNode,
+    type RefCallback,
+    type SetStateAction,
+    type JSX,
+    useCallback,
+    useEffect,
+    useLayoutEffect,
+    useRef,
+    useState,
+    useContext,
+} from "react";
+import { DragDropContext, Draggable, Droppable, type DroppableProvidedProps } from "react-beautiful-dnd";
+import classNames from "classnames";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import {
+    HomeSolidIcon,
+    RoomIcon,
+    VideoCallSolidIcon,
+    PlusIcon,
+    ChevronRightIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+import { useCreateAutoDisposedViewModel, UserMenu } from "@element-hq/web-shared-components";
+
+import { _t } from "../../../languageHandler";
+import { useContextMenu } from "../../structures/ContextMenu";
+import SpaceCreateMenu from "./SpaceCreateMenu";
+import { SpaceButton, SpaceItem } from "./SpaceTreeLevel";
+import { useEventEmitter, useEventEmitterState } from "../../../hooks/useEventEmitter";
+import {
+    getMetaSpaceName,
+    MetaSpace,
+    type SpaceKey,
+    UPDATE_HOME_BEHAVIOUR,
+    UPDATE_INVITED_SPACES,
+    UPDATE_SELECTED_SPACE,
+    UPDATE_TOP_LEVEL_SPACES,
+} from "../../../stores/spaces";
+import { RovingTabIndexProvider } from "../../../accessibility/RovingTabIndex";
+import { UPDATE_STATUS_INDICATOR } from "../../../stores/notifications/RoomNotificationStateStore";
+import type SpaceContextMenu from "../context_menus/SpaceContextMenu";
+import IconizedContextMenu, {
+    IconizedContextMenuCheckbox,
+    IconizedContextMenuOptionList,
+} from "../context_menus/IconizedContextMenu";
+import SettingsStore from "../../../settings/SettingsStore";
+import { SettingLevel } from "../../../settings/SettingLevel";
+import UIStore from "../../../stores/UIStore";
+import QuickSettingsButton from "./QuickSettingsButton";
+import { useSettingValue } from "../../../hooks/useSettings";
+import IndicatorScrollbar from "../../structures/IndicatorScrollbar";
+import { useDispatcher } from "../../../hooks/useDispatcher";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { type ActionPayload } from "../../../dispatcher/payloads";
+import { Action } from "../../../dispatcher/actions";
+import { type NotificationState } from "../../../stores/notifications/NotificationState";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { shouldShowComponent } from "../../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../../settings/UIFeature";
+import { ThreadsActivityCentre } from "./threads-activity-centre/";
+import AccessibleButton from "../elements/AccessibleButton";
+import { Landmark, LandmarkNavigation } from "../../../accessibility/LandmarkNavigation";
+import { KeyboardShortcut } from "../settings/KeyboardShortcut";
+import { ModuleApi } from "../../../modules/Api.ts";
+import { useModuleSpacePanelItems } from "../../../modules/ExtrasApi.ts";
+import { UserMenuViewModel } from "../../../viewmodels/menus/UserMenuViewModel.ts";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+import { OwnProfileStore } from "../../../stores/OwnProfileStore.ts";
+import { type SDKContextClass } from "../../../contexts/SDKContextClass.ts";
+
+const useSpaces = (): [Room[], MetaSpace[], Room[], SpaceKey] => {
+    const sdkContext = useContext(SDKContext);
+    const invites = useEventEmitterState<Room[]>(sdkContext.spaceStore, UPDATE_INVITED_SPACES, () => {
+        return sdkContext.spaceStore.invitedSpaces;
+    });
+    const [metaSpaces, actualSpaces] = useEventEmitterState<[MetaSpace[], Room[]]>(
+        sdkContext.spaceStore,
+        UPDATE_TOP_LEVEL_SPACES,
+        () => [sdkContext.spaceStore.enabledMetaSpaces, sdkContext.spaceStore.spacePanelSpaces],
+    );
+    const activeSpace = useEventEmitterState<SpaceKey>(sdkContext.spaceStore, UPDATE_SELECTED_SPACE, () => {
+        return sdkContext.spaceStore.activeSpace;
+    });
+    return [invites, metaSpaces, actualSpaces, activeSpace];
+};
+
+export const HomeButtonContextMenu: React.FC<ComponentProps<typeof SpaceContextMenu>> = ({
+    onFinished,
+    hideHeader,
+    ...props
+}) => {
+    const allRoomsInHome = useSettingValue("Spaces.allRoomsInHome");
+
+    return (
+        <IconizedContextMenu {...props} onFinished={onFinished} className="mx_SpacePanel_contextMenu" compact>
+            {!hideHeader && <div className="mx_SpacePanel_contextMenu_header">{_t("common|home")}</div>}
+            <IconizedContextMenuOptionList first>
+                <IconizedContextMenuCheckbox
+                    label={_t("settings|sidebar|metaspaces_home_all_rooms")}
+                    active={allRoomsInHome}
+                    onClick={() => {
+                        onFinished();
+                        SettingsStore.setValue("Spaces.allRoomsInHome", null, SettingLevel.ACCOUNT, !allRoomsInHome);
+                    }}
+                />
+            </IconizedContextMenuOptionList>
+        </IconizedContextMenu>
+    );
+};
+
+interface IMetaSpaceButtonProps extends ComponentProps<typeof SpaceButton> {
+    selected: boolean;
+    isPanelCollapsed: boolean;
+    icon: JSX.Element;
+}
+
+type MetaSpaceButtonProps = Pick<IMetaSpaceButtonProps, "selected" | "isPanelCollapsed">;
+
+const MetaSpaceButton: React.FC<IMetaSpaceButtonProps> = ({ selected, isPanelCollapsed, size = "32px", ...props }) => {
+    return (
+        <li
+            className={classNames("mx_SpaceItem", {
+                collapsed: isPanelCollapsed,
+            })}
+            role="treeitem"
+            aria-selected={selected}
+        >
+            <SpaceButton {...props} selected={selected} isNarrow={isPanelCollapsed} size={size} />
+        </li>
+    );
+};
+
+const getHomeNotificationState = (sdkContext: SDKContextClass): NotificationState => {
+    return sdkContext.spaceStore.allRoomsInHome
+        ? sdkContext.roomNotificationStateStore.globalState
+        : sdkContext.spaceStore.getNotificationState(MetaSpace.Home);
+};
+
+const HomeButton: React.FC<MetaSpaceButtonProps> = ({ selected, isPanelCollapsed }) => {
+    const sdkContext = useContext(SDKContext);
+    const allRoomsInHome = useEventEmitterState(sdkContext.spaceStore, UPDATE_HOME_BEHAVIOUR, () => {
+        return sdkContext.spaceStore.allRoomsInHome;
+    });
+    const [notificationState, setNotificationState] = useState(getHomeNotificationState(sdkContext));
+    const updateNotificationState = useCallback(() => {
+        setNotificationState(getHomeNotificationState(sdkContext));
+    }, [sdkContext]);
+    useEffect(updateNotificationState, [updateNotificationState, allRoomsInHome]);
+    useEventEmitter(sdkContext.roomNotificationStateStore, UPDATE_STATUS_INDICATOR, updateNotificationState);
+
+    return (
+        <MetaSpaceButton
+            spaceKey={MetaSpace.Home}
+            selected={selected}
+            isPanelCollapsed={isPanelCollapsed}
+            label={getMetaSpaceName(MetaSpace.Home, allRoomsInHome)}
+            notificationState={notificationState}
+            ContextMenuComponent={HomeButtonContextMenu}
+            contextMenuTooltip={_t("common|options")}
+            size="32px"
+            icon={<HomeSolidIcon />}
+        />
+    );
+};
+
+const OrphansButton: React.FC<MetaSpaceButtonProps> = ({ selected, isPanelCollapsed }) => {
+    const sdkContext = useContext(SDKContext);
+    return (
+        <MetaSpaceButton
+            spaceKey={MetaSpace.Orphans}
+            selected={selected}
+            isPanelCollapsed={isPanelCollapsed}
+            label={getMetaSpaceName(MetaSpace.Orphans)}
+            notificationState={sdkContext.spaceStore.getNotificationState(MetaSpace.Orphans)}
+            size="32px"
+            icon={<RoomIcon />}
+        />
+    );
+};
+
+const VideoRoomsButton: React.FC<MetaSpaceButtonProps> = ({ selected, isPanelCollapsed }) => {
+    const sdkContext = useContext(SDKContext);
+    return (
+        <MetaSpaceButton
+            spaceKey={MetaSpace.VideoRooms}
+            selected={selected}
+            isPanelCollapsed={isPanelCollapsed}
+            label={getMetaSpaceName(MetaSpace.VideoRooms)}
+            notificationState={sdkContext.spaceStore.getNotificationState(MetaSpace.VideoRooms)}
+            size="32px"
+            icon={<VideoCallSolidIcon />}
+        />
+    );
+};
+
+const CreateSpaceButton: React.FC<Pick<IInnerSpacePanelProps, "isPanelCollapsed" | "setPanelCollapsed">> = ({
+    isPanelCollapsed,
+    setPanelCollapsed,
+}) => {
+    const [menuDisplayed, handle, openMenu, closeMenu] = useContextMenu<HTMLDivElement>();
+
+    useEffect(() => {
+        if (!isPanelCollapsed && menuDisplayed) {
+            closeMenu();
+        }
+    }, [isPanelCollapsed]); // eslint-disable-line react-hooks/exhaustive-deps
+
+    let contextMenu: JSX.Element | undefined;
+    if (menuDisplayed) {
+        contextMenu = <SpaceCreateMenu onFinished={closeMenu} />;
+    }
+
+    const onNewClick = menuDisplayed
+        ? closeMenu
+        : () => {
+              if (!isPanelCollapsed) setPanelCollapsed(true);
+              openMenu();
+          };
+
+    return (
+        <li
+            className={classNames("mx_SpaceItem mx_SpaceItem_new", {
+                collapsed: isPanelCollapsed,
+            })}
+            role="treeitem"
+            aria-selected={false}
+        >
+            <SpaceButton
+                data-testid="create-space-button"
+                className={classNames("mx_SpaceButton_new", {
+                    mx_SpaceButton_newCancel: menuDisplayed,
+                })}
+                label={menuDisplayed ? _t("action|cancel") : _t("create_space|label")}
+                onClick={onNewClick}
+                isNarrow={isPanelCollapsed}
+                innerRef={handle}
+                size="32px"
+                icon={<PlusIcon />}
+            />
+
+            {contextMenu}
+        </li>
+    );
+};
+
+const metaSpaceComponentMap: Record<MetaSpace, typeof HomeButton> = {
+    [MetaSpace.Home]: HomeButton,
+    [MetaSpace.Orphans]: OrphansButton,
+    [MetaSpace.VideoRooms]: VideoRoomsButton,
+};
+
+interface IInnerSpacePanelProps extends DroppableProvidedProps {
+    children?: ReactNode;
+    isPanelCollapsed: boolean;
+    setPanelCollapsed: Dispatch<SetStateAction<boolean>>;
+    isDraggingOver: boolean;
+    innerRef: RefCallback<HTMLElement>;
+}
+
+// Optimisation based on https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/api/droppable.md#recommended-droppable--performance-optimisation
+const InnerSpacePanel = React.memo<IInnerSpacePanelProps>(
+    ({ children, isPanelCollapsed, setPanelCollapsed, isDraggingOver, innerRef, ...props }) => {
+        const sdkContext = useContext(SDKContext);
+        const [invites, metaSpaces, actualSpaces, activeSpace] = useSpaces();
+        const activeSpaces = activeSpace ? [activeSpace] : [];
+
+        const moduleSpaceItems = useModuleSpacePanelItems(ModuleApi.instance.extras);
+
+        const metaSpacesSection = metaSpaces
+            .filter((key) => !(key === MetaSpace.VideoRooms && !SettingsStore.getValue("feature_video_rooms")))
+            .map((key) => {
+                const Component = metaSpaceComponentMap[key];
+                return <Component key={key} selected={activeSpace === key} isPanelCollapsed={isPanelCollapsed} />;
+            });
+
+        return (
+            <IndicatorScrollbar
+                {...props}
+                wrappedRef={innerRef}
+                className="mx_SpaceTreeLevel"
+                style={
+                    isDraggingOver
+                        ? {
+                              pointerEvents: "none",
+                          }
+                        : undefined
+                }
+                as="ul"
+                role="tree"
+                aria-label={_t("common|spaces")}
+            >
+                {metaSpacesSection}
+                {invites.map((s) => (
+                    <SpaceItem
+                        key={s.roomId}
+                        space={s}
+                        activeSpaces={activeSpaces}
+                        isPanelCollapsed={isPanelCollapsed}
+                        onExpand={() => setPanelCollapsed(false)}
+                    />
+                ))}
+                {actualSpaces.map((s, i) => (
+                    <Draggable key={s.roomId} draggableId={s.roomId} index={i}>
+                        {(provided, snapshot) => (
+                            <SpaceItem
+                                {...provided.draggableProps}
+                                dragHandleProps={provided.dragHandleProps}
+                                key={s.roomId}
+                                innerRef={provided.innerRef}
+                                className={snapshot.isDragging ? "mx_SpaceItem_dragging" : undefined}
+                                space={s}
+                                activeSpaces={activeSpaces}
+                                isPanelCollapsed={isPanelCollapsed}
+                                onExpand={() => setPanelCollapsed(false)}
+                            />
+                        )}
+                    </Draggable>
+                ))}
+                {children}
+                {moduleSpaceItems.map((item) => (
+                    <li
+                        key={item.spaceKey}
+                        className={classNames("mx_SpaceItem", {
+                            collapsed: isPanelCollapsed,
+                        })}
+                        role="treeitem"
+                        aria-selected={false} // TODO
+                    >
+                        <SpaceButton
+                            {...item}
+                            isNarrow={isPanelCollapsed}
+                            size="32px"
+                            selected={activeSpace === item.spaceKey}
+                            onClick={() => {
+                                sdkContext.spaceStore.setActiveSpace(item.spaceKey);
+                                item.onSelected?.();
+                            }}
+                        />
+                    </li>
+                ))}
+                {shouldShowComponent(UIComponent.CreateSpaces) && (
+                    <CreateSpaceButton isPanelCollapsed={isPanelCollapsed} setPanelCollapsed={setPanelCollapsed} />
+                )}
+            </IndicatorScrollbar>
+        );
+    },
+);
+
+const SpacePanel: React.FC = () => {
+    const sdkContext = useContext(SDKContext);
+    const client = sdkContext.client!;
+    const [dragging, setDragging] = useState(false);
+    const [isPanelCollapsed, setPanelCollapsed] = useState(true);
+    const ref = useRef<HTMLDivElement>(null);
+    useLayoutEffect(() => {
+        if (ref.current) UIStore.instance.trackElementDimensions("SpacePanel", ref.current);
+        return () => UIStore.instance.stopTrackingElementDimensions("SpacePanel");
+    }, []);
+
+    useDispatcher(defaultDispatcher, (payload: ActionPayload) => {
+        if (payload.action === Action.ToggleSpacePanel) {
+            setPanelCollapsed(!isPanelCollapsed);
+        }
+    });
+
+    const userMenuVm = useCreateAutoDisposedViewModel(
+        () =>
+            new UserMenuViewModel(
+                { ownProfileStore: OwnProfileStore.instance },
+                defaultDispatcher,
+                client,
+                isPanelCollapsed,
+            ),
+    );
+
+    useDispatcher(defaultDispatcher, (payload) => {
+        if (payload.action === Action.ToggleUserMenu) {
+            userMenuVm.setOpen(!userMenuVm.getSnapshot().open);
+        }
+    });
+
+    useEffect(() => {
+        userMenuVm.setExpanded(!isPanelCollapsed);
+    }, [userMenuVm, isPanelCollapsed]);
+
+    return (
+        <RovingTabIndexProvider handleHomeEnd handleUpDown={!dragging}>
+            {({ onKeyDownHandler, onDragEndHandler }) => (
+                <DragDropContext
+                    onDragStart={() => {
+                        setDragging(true);
+                    }}
+                    onDragEnd={(result) => {
+                        setDragging(false);
+                        if (!result.destination) return; // dropped outside the list
+                        sdkContext.spaceStore.moveRootSpace(result.source.index, result.destination.index);
+                        onDragEndHandler();
+                    }}
+                >
+                    <nav
+                        className={classNames("mx_SpacePanel", {
+                            collapsed: isPanelCollapsed,
+                        })}
+                        onKeyDown={(ev) => {
+                            const navAction = getKeyBindingsManager().getNavigationAction(ev);
+                            if (
+                                navAction === KeyBindingAction.NextLandmark ||
+                                navAction === KeyBindingAction.PreviousLandmark
+                            ) {
+                                LandmarkNavigation.findAndFocusNextLandmark(
+                                    Landmark.ACTIVE_SPACE_BUTTON,
+                                    navAction === KeyBindingAction.PreviousLandmark,
+                                );
+                                ev.stopPropagation();
+                                ev.preventDefault();
+                                return;
+                            }
+                            onKeyDownHandler(ev);
+                        }}
+                        ref={ref}
+                        aria-label={_t("common|spaces")}
+                    >
+                        <UserMenu vm={userMenuVm} className="mx_UserMenu" />
+                        <AccessibleButton
+                            className={classNames("mx_SpacePanel_toggleCollapse", {
+                                expanded: !isPanelCollapsed,
+                            })}
+                            onClick={() => setPanelCollapsed(!isPanelCollapsed)}
+                            title={isPanelCollapsed ? _t("action|expand") : _t("action|collapse")}
+                            caption={
+                                <KeyboardShortcut
+                                    value={{ ctrlOrCmdKey: true, shiftKey: true, key: "d" }}
+                                    className="mx_SpacePanel_Tooltip_KeyboardShortcut"
+                                />
+                            }
+                        >
+                            <ChevronRightIcon />
+                        </AccessibleButton>
+                        <Droppable droppableId="top-level-spaces">
+                            {(provided, snapshot) => (
+                                <InnerSpacePanel
+                                    {...provided.droppableProps}
+                                    isPanelCollapsed={isPanelCollapsed}
+                                    setPanelCollapsed={setPanelCollapsed}
+                                    isDraggingOver={snapshot.isDraggingOver}
+                                    innerRef={provided.innerRef}
+                                >
+                                    {provided.placeholder}
+                                </InnerSpacePanel>
+                            )}
+                        </Droppable>
+
+                        <ThreadsActivityCentre displayButtonLabel={!isPanelCollapsed} />
+
+                        <QuickSettingsButton isPanelCollapsed={isPanelCollapsed} />
+                    </nav>
+                </DragDropContext>
+            )}
+        </RovingTabIndexProvider>
+    );
+};
+
+export default SpacePanel;
diff --git a/apps/web/src/components/views/spaces/SpacePublicShare.tsx b/apps/web/src/components/views/spaces/SpacePublicShare.tsx
new file mode 100644
index 00000000000..e9203dfb57a
--- /dev/null
+++ b/apps/web/src/components/views/spaces/SpacePublicShare.tsx
@@ -0,0 +1,66 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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, { useState } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { sleep } from "matrix-js-sdk/src/utils";
+import { LinkIcon, UserAddIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import { copyPlaintext } from "../../../utils/strings";
+import { RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
+import { showRoomInviteDialog } from "../../../RoomInvite";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { shouldShowComponent } from "../../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../../settings/UIFeature";
+import SpacePillButton from "../../structures/SpacePillButton.tsx";
+
+interface IProps {
+    space: Room;
+    onFinished?(this: void): void;
+}
+
+const SpacePublicShare: React.FC<IProps> = ({ space, onFinished }) => {
+    const [copiedText, setCopiedText] = useState(_t("action|click_to_copy"));
+
+    return (
+        <div className="mx_SpacePublicShare">
+            <SpacePillButton
+                icon={<LinkIcon />}
+                title={_t("space|invite_link")}
+                description={copiedText}
+                onClick={async (): Promise<void> => {
+                    const permalinkCreator = new RoomPermalinkCreator(space);
+                    permalinkCreator.load();
+                    const success = await copyPlaintext(permalinkCreator.forShareableRoom());
+                    const text = success ? _t("common|copied") : _t("error|failed_copy");
+                    setCopiedText(text);
+                    await sleep(5000);
+                    if (copiedText === text) {
+                        // if the text hasn't changed by another click then clear it after some time
+                        setCopiedText(_t("action|click_to_copy"));
+                    }
+                }}
+            />
+            {space.canInvite(MatrixClientPeg.safeGet().getSafeUserId()) &&
+            shouldShowComponent(UIComponent.InviteUsers) ? (
+                <SpacePillButton
+                    icon={<UserAddIcon />}
+                    title={_t("space|invite")}
+                    description={_t("space|invite_description")}
+                    onClick={() => {
+                        if (onFinished) onFinished();
+                        showRoomInviteDialog(space.roomId);
+                    }}
+                />
+            ) : null}
+        </div>
+    );
+};
+
+export default SpacePublicShare;
diff --git a/apps/web/src/components/views/spaces/SpaceSettingsGeneralTab.tsx b/apps/web/src/components/views/spaces/SpaceSettingsGeneralTab.tsx
new file mode 100644
index 00000000000..f8a984e0c31
--- /dev/null
+++ b/apps/web/src/components/views/spaces/SpaceSettingsGeneralTab.tsx
@@ -0,0 +1,136 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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, { useState } from "react";
+import { type Room, EventType, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import SpaceBasicSettings from "./SpaceBasicSettings";
+import { avatarUrlForRoom } from "../../../Avatar";
+import { htmlSerializeFromMdIfNeeded } from "../../../editor/serialize";
+import { leaveSpace } from "../../../utils/leave-behaviour";
+import { getTopic } from "../../../hooks/room/useTopic";
+import SettingsTab from "../settings/tabs/SettingsTab";
+import { SettingsSection } from "../settings/shared/SettingsSection";
+import { SettingsSubsection } from "../settings/shared/SettingsSubsection";
+
+interface IProps {
+    matrixClient: MatrixClient;
+    space: Room;
+}
+
+const SpaceSettingsGeneralTab: React.FC<IProps> = ({ matrixClient: cli, space }) => {
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState("");
+
+    const userId = cli.getUserId()!;
+
+    const [newAvatar, setNewAvatar] = useState<File | null | undefined>(null); // undefined means to remove avatar
+    const canSetAvatar = space.currentState.maySendStateEvent(EventType.RoomAvatar, userId);
+    const avatarChanged = newAvatar !== null;
+
+    const [name, setName] = useState<string>(space.name);
+    const canSetName = space.currentState.maySendStateEvent(EventType.RoomName, userId);
+    const nameChanged = name !== space.name;
+
+    const currentTopic = getTopic(space)?.text ?? "";
+    const [topic, setTopic] = useState(currentTopic);
+    const canSetTopic = space.currentState.maySendStateEvent(EventType.RoomTopic, userId);
+    const topicChanged = topic !== currentTopic;
+
+    const onCancel = (): void => {
+        setNewAvatar(null);
+        setName(space.name);
+        setTopic(currentTopic);
+    };
+
+    const onSave = async (): Promise<void> => {
+        setBusy(true);
+        const promises: Promise<unknown>[] = [];
+
+        if (avatarChanged) {
+            if (newAvatar) {
+                promises.push(
+                    (async (): Promise<void> => {
+                        const { content_uri: url } = await cli.uploadContent(newAvatar);
+                        await cli.sendStateEvent(space.roomId, EventType.RoomAvatar, { url }, "");
+                    })(),
+                );
+            } else {
+                promises.push(cli.sendStateEvent(space.roomId, EventType.RoomAvatar, {}, ""));
+            }
+        }
+
+        if (nameChanged) {
+            promises.push(cli.setRoomName(space.roomId, name));
+        }
+
+        if (topicChanged) {
+            const htmlTopic = htmlSerializeFromMdIfNeeded(topic, { forceHTML: false });
+            promises.push(cli.setRoomTopic(space.roomId, topic, htmlTopic));
+        }
+
+        const results = await Promise.allSettled(promises);
+        setBusy(false);
+        const failures = results.filter((r) => r.status === "rejected");
+        if (failures.length > 0) {
+            logger.error("Failed to save space settings: ", failures);
+            setError(_t("room_settings|general|error_save_space_settings"));
+        }
+    };
+
+    return (
+        <SettingsTab>
+            <SettingsSection heading={_t("common|general")}>
+                <div>
+                    <div>{_t("room_settings|general|description_space")}</div>
+
+                    {error && <div className="mx_SpaceRoomView_errorText">{error}</div>}
+
+                    <SpaceBasicSettings
+                        avatarUrl={avatarUrlForRoom(space, 80, 80, "crop") ?? undefined}
+                        avatarDisabled={busy || !canSetAvatar}
+                        setAvatar={setNewAvatar}
+                        name={name}
+                        nameDisabled={busy || !canSetName}
+                        setName={setName}
+                        topic={topic}
+                        topicDisabled={busy || !canSetTopic}
+                        setTopic={setTopic}
+                    />
+
+                    <AccessibleButton
+                        onClick={onCancel}
+                        disabled={busy || !(avatarChanged || nameChanged || topicChanged)}
+                        kind="link"
+                    >
+                        {_t("action|cancel")}
+                    </AccessibleButton>
+                    <AccessibleButton onClick={onSave} disabled={busy} kind="primary">
+                        {busy ? _t("common|saving") : _t("room_settings|general|save")}
+                    </AccessibleButton>
+                </div>
+
+                <SettingsSubsection heading={_t("room_settings|general|leave_space")}>
+                    <AccessibleButton
+                        kind="danger"
+                        onClick={() => {
+                            leaveSpace(space);
+                        }}
+                    >
+                        {_t("room_settings|general|leave_space")}
+                    </AccessibleButton>
+                </SettingsSubsection>
+            </SettingsSection>
+        </SettingsTab>
+    );
+};
+
+export default SpaceSettingsGeneralTab;
diff --git a/apps/web/src/components/views/spaces/SpaceSettingsVisibilityTab.tsx b/apps/web/src/components/views/spaces/SpaceSettingsVisibilityTab.tsx
new file mode 100644
index 00000000000..caa379ba2e5
--- /dev/null
+++ b/apps/web/src/components/views/spaces/SpaceSettingsVisibilityTab.tsx
@@ -0,0 +1,193 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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 ChangeEventHandler, type JSX, useCallback, useState } from "react";
+import {
+    type Room,
+    EventType,
+    GuestAccess,
+    HistoryVisibility,
+    JoinRule,
+    type MatrixClient,
+} from "matrix-js-sdk/src/matrix";
+import { Form, SettingsToggleInput } from "@vector-im/compound-web";
+
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import AliasSettings from "../room_settings/AliasSettings";
+import { useStateToggle } from "../../../hooks/useStateToggle";
+import { useLocalEcho } from "../../../hooks/useLocalEcho";
+import JoinRuleSettings from "../settings/JoinRuleSettings";
+import { useRoomState } from "../../../hooks/useRoomState";
+import SettingsFieldset from "../settings/SettingsFieldset";
+import { useAsyncMemo } from "../../../hooks/useAsyncMemo";
+import { SettingsSection } from "../settings/shared/SettingsSection";
+import SettingsTab from "../settings/tabs/SettingsTab";
+
+interface IProps {
+    matrixClient: MatrixClient;
+    space: Room;
+    closeSettingsFn(this: void): void;
+}
+
+const SpaceSettingsVisibilityTab: React.FC<IProps> = ({ matrixClient: cli, space, closeSettingsFn }) => {
+    const [error, setError] = useState("");
+    const serverSupportsExploringSpaces = useAsyncMemo<boolean>(
+        async (): Promise<boolean> => {
+            return cli.isVersionSupported("v1.4").then((supported) => {
+                return supported || cli.doesServerSupportUnstableFeature("org.matrix.msc3827.stable");
+            });
+        },
+        [cli],
+        false,
+    );
+
+    const userId = cli.getUserId()!;
+
+    const joinRule = useRoomState(space, (state) => state.getJoinRule());
+
+    const [guestAccessEnabled, setGuestAccessEnabled] = useLocalEcho<boolean>(
+        () =>
+            space.currentState.getStateEvents(EventType.RoomGuestAccess, "")?.getContent()?.guest_access ===
+            GuestAccess.CanJoin,
+        (guestAccessEnabled) =>
+            cli.sendStateEvent(
+                space.roomId,
+                EventType.RoomGuestAccess,
+                {
+                    guest_access: guestAccessEnabled ? GuestAccess.CanJoin : GuestAccess.Forbidden,
+                },
+                "",
+            ),
+        () => setError(_t("room_settings|visibility|error_update_guest_access")),
+    );
+    const onGuestAccessEnabledChanged = useCallback<ChangeEventHandler<HTMLInputElement>>(
+        (e) => setGuestAccessEnabled(e.target.checked),
+        [setGuestAccessEnabled],
+    );
+    const [historyVisibility, setHistoryVisibility] = useLocalEcho<HistoryVisibility>(
+        () =>
+            space.currentState.getStateEvents(EventType.RoomHistoryVisibility, "")?.getContent()?.history_visibility ||
+            HistoryVisibility.Shared,
+        (historyVisibility) =>
+            cli.sendStateEvent(
+                space.roomId,
+                EventType.RoomHistoryVisibility,
+                {
+                    history_visibility: historyVisibility,
+                },
+                "",
+            ),
+        () => setError(_t("room_settings|visibility|error_update_history_visibility")),
+    );
+
+    const [showAdvancedSection, toggleAdvancedSection] = useStateToggle();
+
+    const canSetGuestAccess = space.currentState.maySendStateEvent(EventType.RoomGuestAccess, userId);
+    const canSetHistoryVisibility = space.currentState.maySendStateEvent(EventType.RoomHistoryVisibility, userId);
+    const canSetCanonical = space.currentState.mayClientSendStateEvent(EventType.RoomCanonicalAlias, cli);
+    const canonicalAliasEv = space.currentState.getStateEvents(EventType.RoomCanonicalAlias, "");
+
+    let advancedSection;
+    if (joinRule === JoinRule.Public) {
+        advancedSection = (
+            <div>
+                <AccessibleButton
+                    data-testid="toggle-guest-access-btn"
+                    onClick={toggleAdvancedSection}
+                    kind="link"
+                    className="mx_SettingsTab_showAdvanced"
+                    aria-expanded={showAdvancedSection}
+                >
+                    {showAdvancedSection ? _t("action|hide_advanced") : _t("action|show_advanced")}
+                </AccessibleButton>
+
+                {showAdvancedSection && (
+                    <SettingsToggleInput
+                        name="guest-access-enabled"
+                        checked={guestAccessEnabled}
+                        onChange={onGuestAccessEnabledChanged}
+                        disabled={!canSetGuestAccess}
+                        disabledMessage={_t("room_settings|visibility|guest_access_disabled")}
+                        helpMessage={_t("room_settings|visibility|guest_access_explainer")}
+                        label={_t("room_settings|visibility|guest_access_label")}
+                    />
+                )}
+            </div>
+        );
+    }
+
+    let addressesSection: JSX.Element | undefined;
+    if (space.getJoinRule() === JoinRule.Public) {
+        addressesSection = (
+            <SettingsSection heading={_t("room_settings|visibility|alias_section")}>
+                <AliasSettings
+                    roomId={space.roomId}
+                    canSetCanonicalAlias={canSetCanonical}
+                    canSetAliases={true}
+                    canonicalAliasEvent={canonicalAliasEv ?? undefined}
+                    hidePublishSetting={!serverSupportsExploringSpaces}
+                />
+            </SettingsSection>
+        );
+    }
+
+    return (
+        <SettingsTab>
+            <SettingsSection heading={_t("room_settings|visibility|title")}>
+                {error && (
+                    <div data-testid="space-settings-error" className="mx_SpaceRoomView_errorText">
+                        {error}
+                    </div>
+                )}
+
+                <SettingsFieldset
+                    data-testid="access-fieldset"
+                    legend={_t("room_settings|access|title")}
+                    description={_t("room_settings|access|description_space", { spaceName: space.name })}
+                >
+                    <JoinRuleSettings
+                        room={space}
+                        onError={(): void => setError(_t("room_settings|visibility|error_failed_save"))}
+                        closeSettingsFn={closeSettingsFn}
+                    />
+                    <Form.Root
+                        onSubmit={(evt) => {
+                            evt.preventDefault();
+                            evt.stopPropagation();
+                        }}
+                    >
+                        {advancedSection}
+                        <SettingsToggleInput
+                            name="space-history-visibility"
+                            checked={historyVisibility === HistoryVisibility.WorldReadable}
+                            onChange={(evt): void => {
+                                setHistoryVisibility(
+                                    evt.target.checked ? HistoryVisibility.WorldReadable : HistoryVisibility.Shared,
+                                );
+                            }}
+                            helpMessage={_t("room_settings|visibility|history_visibility_anyone_space_description")}
+                            disabled={!canSetHistoryVisibility}
+                            disabledMessage={_t("room_settings|visibility|history_visibility_anyone_space_disabled")}
+                            label={_t("room_settings|visibility|history_visibility_anyone_space")}
+                        />
+                        <p>
+                            <strong>
+                                {_t("room_settings|visibility|history_visibility_anyone_space_recommendation")}
+                            </strong>
+                        </p>
+                    </Form.Root>
+                </SettingsFieldset>
+
+                {addressesSection}
+            </SettingsSection>
+        </SettingsTab>
+    );
+};
+
+export default SpaceSettingsVisibilityTab;
diff --git a/apps/web/src/components/views/spaces/SpaceTreeLevel.tsx b/apps/web/src/components/views/spaces/SpaceTreeLevel.tsx
new file mode 100644
index 00000000000..06dd93aab16
--- /dev/null
+++ b/apps/web/src/components/views/spaces/SpaceTreeLevel.tsx
@@ -0,0 +1,428 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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 JSX,
+    type MouseEvent,
+    type ComponentProps,
+    type ComponentType,
+    createRef,
+    type InputHTMLAttributes,
+    type LegacyRef,
+    type RefObject,
+    useContext,
+} from "react";
+import classNames from "classnames";
+import { type Room, RoomEvent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { type DraggableProvidedDragHandleProps } from "react-beautiful-dnd";
+import {
+    ChevronDownIcon,
+    ChevronRightIcon,
+    OverflowHorizontalIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import RoomAvatar from "../avatars/RoomAvatar";
+import { type SpaceKey } from "../../../stores/spaces";
+import SpaceTreeLevelLayoutStore from "../../../stores/spaces/SpaceTreeLevelLayoutStore";
+import { NotificationBadge } from "../rooms/NotificationBadge/NotificationBadge";
+import { _t } from "../../../languageHandler";
+import defaultDispatcher from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import { ContextMenuTooltipButton } from "../../../accessibility/context_menu/ContextMenuTooltipButton";
+import { toRightOf, useContextMenu } from "../../structures/ContextMenu";
+import AccessibleButton, {
+    type ButtonEvent,
+    type ButtonProps as AccessibleButtonProps,
+} from "../elements/AccessibleButton";
+import { StaticNotificationState } from "../../../stores/notifications/StaticNotificationState";
+import { NotificationLevel } from "../../../stores/notifications/NotificationLevel";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { type NotificationState } from "../../../stores/notifications/NotificationState";
+import SpaceContextMenu from "../context_menus/SpaceContextMenu";
+import { useRovingTabIndex } from "../../../accessibility/RovingTabIndex";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+type ButtonProps<T extends keyof HTMLElementTagNameMap> = Omit<
+    AccessibleButtonProps<T>,
+    "title" | "onClick" | "size" | "element" | "ref"
+> & {
+    space?: Room;
+    spaceKey?: SpaceKey;
+    className?: string;
+    selected?: boolean;
+    label: string;
+    icon?: JSX.Element;
+    contextMenuTooltip?: string;
+    notificationState?: NotificationState;
+    isNarrow?: boolean;
+    size: string;
+    innerRef?: RefObject<HTMLDivElement | null>;
+    ContextMenuComponent?: ComponentType<ComponentProps<typeof SpaceContextMenu>>;
+    onClick?(ev?: ButtonEvent): void;
+};
+
+export const SpaceButton = <T extends keyof HTMLElementTagNameMap>({
+    space,
+    spaceKey: _spaceKey,
+    className,
+    icon,
+    selected,
+    label,
+    contextMenuTooltip,
+    notificationState,
+    size,
+    isNarrow,
+    children,
+    innerRef,
+    ContextMenuComponent,
+    ...props
+}: ButtonProps<T>): JSX.Element => {
+    const sdkContext = useContext(SDKContext);
+    const [menuDisplayed, handle, openMenu, closeMenu] = useContextMenu<HTMLDivElement>(innerRef);
+    const [onFocus, isActive, ref] = useRovingTabIndex<HTMLDivElement>(handle);
+    const tabIndex = isActive ? 0 : -1;
+
+    const spaceKey = _spaceKey ?? space?.roomId;
+
+    let avatar = (
+        <div className="mx_SpaceButton_avatarPlaceholder">
+            <div className="mx_SpaceButton_icon">{icon}</div>
+        </div>
+    );
+    if (space) {
+        avatar = <RoomAvatar size={size} room={space} type="square" />;
+    }
+
+    let notifBadge;
+    if (spaceKey && notificationState) {
+        let ariaLabel = _t("a11y_jump_first_unread_room");
+        if (space?.getMyMembership() === KnownMembership.Invite) {
+            ariaLabel = _t("a11y|jump_first_invite");
+        }
+
+        const jumpToNotification = (ev: MouseEvent): void => {
+            ev.stopPropagation();
+            ev.preventDefault();
+            sdkContext.spaceStore.setActiveRoomInSpace(spaceKey);
+        };
+
+        notifBadge = (
+            <div className="mx_SpacePanel_badgeContainer">
+                <NotificationBadge
+                    onClick={jumpToNotification}
+                    notification={notificationState}
+                    className="mx_SpacePanel_notificationBadge"
+                    ariaLabel={ariaLabel}
+                    tabIndex={tabIndex}
+                    showUnsentTooltip={true}
+                />
+            </div>
+        );
+    }
+
+    let contextMenu: JSX.Element | undefined;
+    if (menuDisplayed && handle.current && ContextMenuComponent) {
+        contextMenu = (
+            <ContextMenuComponent
+                {...toRightOf(handle.current.getBoundingClientRect(), 0)}
+                space={space}
+                onFinished={closeMenu}
+            />
+        );
+    }
+
+    const viewSpaceHome = (): void =>
+        // space is set here because of the assignment condition of onClick
+        defaultDispatcher.dispatch({ action: Action.ViewRoom, room_id: space!.roomId });
+    const activateSpace = (): void => {
+        if (spaceKey) sdkContext.spaceStore.setActiveSpace(spaceKey);
+    };
+    const onClick = props.onClick ?? (selected && space ? viewSpaceHome : activateSpace);
+
+    return (
+        <AccessibleButton
+            {...props}
+            className={classNames("mx_SpaceButton", className, {
+                mx_SpaceButton_active: selected,
+                mx_SpaceButton_hasMenuOpen: menuDisplayed,
+                mx_SpaceButton_narrow: isNarrow,
+                mx_SpaceButton_withIcon: Boolean(icon),
+            })}
+            aria-label={label}
+            title={!isNarrow || menuDisplayed ? undefined : label}
+            onClick={onClick}
+            onContextMenu={openMenu}
+            ref={ref}
+            tabIndex={tabIndex}
+            onFocus={onFocus}
+        >
+            {children}
+            <div className="mx_SpaceButton_selectionWrapper">
+                <div className="mx_SpaceButton_avatarWrapper">
+                    {avatar}
+                    {notifBadge}
+                </div>
+                {!isNarrow && <span className="mx_SpaceButton_name">{label}</span>}
+
+                {ContextMenuComponent && (
+                    <ContextMenuTooltipButton
+                        className="mx_SpaceButton_menuButton"
+                        onClick={openMenu}
+                        title={contextMenuTooltip}
+                        isExpanded={menuDisplayed}
+                    >
+                        <OverflowHorizontalIcon />
+                    </ContextMenuTooltipButton>
+                )}
+
+                {contextMenu}
+            </div>
+        </AccessibleButton>
+    );
+};
+
+interface IItemProps extends InputHTMLAttributes<HTMLLIElement> {
+    space: Room;
+    activeSpaces: SpaceKey[];
+    isNested?: boolean;
+    isPanelCollapsed?: boolean;
+    onExpand?: () => void;
+    parents?: Set<string>;
+    innerRef?: LegacyRef<HTMLLIElement>;
+    dragHandleProps?: DraggableProvidedDragHandleProps | null;
+}
+
+interface IItemState {
+    name: string;
+    collapsed: boolean;
+    childSpaces: Room[];
+}
+
+export class SpaceItem extends React.PureComponent<IItemProps, IItemState> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    private buttonRef = createRef<HTMLDivElement>();
+
+    public constructor(props: IItemProps, context: React.ContextType<typeof SDKContext>) {
+        super(props, context);
+
+        const collapsed = SpaceTreeLevelLayoutStore.instance.getSpaceCollapsedState(
+            props.space.roomId,
+            this.props.parents,
+            !props.isNested, // default to collapsed for root items
+        );
+
+        this.state = {
+            name: this.props.space.name,
+            collapsed,
+            childSpaces: this.childSpaces,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.context.spaceStore.on(this.props.space.roomId, this.onSpaceUpdate);
+        this.props.space.on(RoomEvent.Name, this.onRoomNameChange);
+    }
+
+    public componentWillUnmount(): void {
+        this.context.spaceStore.off(this.props.space.roomId, this.onSpaceUpdate);
+        this.props.space.off(RoomEvent.Name, this.onRoomNameChange);
+    }
+
+    private onSpaceUpdate = (): void => {
+        this.setState({
+            childSpaces: this.childSpaces,
+        });
+    };
+
+    private onRoomNameChange = (): void => {
+        this.setState({
+            name: this.props.space.name,
+        });
+    };
+
+    private get childSpaces(): Room[] {
+        return this.context.spaceStore
+            .getChildSpaces(this.props.space.roomId)
+            .filter((s) => !this.props.parents?.has(s.roomId));
+    }
+
+    private get isCollapsed(): boolean {
+        return this.state.collapsed || !!this.props.isPanelCollapsed;
+    }
+
+    private toggleCollapse = (evt: ButtonEvent): void => {
+        if (this.props.onExpand && this.isCollapsed) {
+            this.props.onExpand();
+        }
+        const newCollapsedState = !this.isCollapsed;
+
+        SpaceTreeLevelLayoutStore.instance.setSpaceCollapsedState(
+            this.props.space.roomId,
+            this.props.parents,
+            newCollapsedState,
+        );
+        this.setState({ collapsed: newCollapsedState });
+        // don't bubble up so encapsulating button for space
+        // doesn't get triggered
+        evt.stopPropagation();
+    };
+
+    private onKeyDown = (ev: React.KeyboardEvent): void => {
+        let handled = true;
+        const action = getKeyBindingsManager().getRoomListAction(ev);
+        const hasChildren = this.state.childSpaces?.length;
+        switch (action) {
+            case KeyBindingAction.CollapseRoomListSection:
+                if (hasChildren && !this.isCollapsed) {
+                    this.toggleCollapse(ev);
+                } else {
+                    const parentItem = this.buttonRef?.current?.parentElement?.parentElement;
+                    const parentButton = parentItem?.previousElementSibling as HTMLElement;
+                    parentButton?.focus();
+                }
+                break;
+
+            case KeyBindingAction.ExpandRoomListSection:
+                if (hasChildren) {
+                    if (this.isCollapsed) {
+                        this.toggleCollapse(ev);
+                    } else {
+                        const childLevel = this.buttonRef?.current?.nextElementSibling;
+                        const firstSpaceItemChild = childLevel?.querySelector<HTMLLIElement>(".mx_SpaceItem");
+                        firstSpaceItemChild?.querySelector<HTMLDivElement>(".mx_SpaceButton")?.focus();
+                    }
+                }
+                break;
+
+            default:
+                handled = false;
+        }
+
+        if (handled) {
+            ev.stopPropagation();
+            ev.preventDefault();
+        }
+    };
+
+    public render(): React.ReactNode {
+        const {
+            space,
+            activeSpaces,
+            isNested,
+            isPanelCollapsed,
+            onExpand,
+            parents,
+            innerRef,
+            dragHandleProps,
+            ...otherProps
+        } = this.props;
+
+        const collapsed = this.isCollapsed;
+
+        const itemClasses = classNames(this.props.className, {
+            mx_SpaceItem: true,
+            mx_SpaceItem_narrow: isPanelCollapsed,
+            collapsed: collapsed,
+            hasSubSpaces: this.state.childSpaces?.length,
+        });
+
+        const isInvite = space.getMyMembership() === KnownMembership.Invite;
+
+        const notificationState = isInvite
+            ? StaticNotificationState.forSymbol("!", NotificationLevel.Highlight)
+            : this.context.spaceStore.getNotificationState(space.roomId);
+
+        const hasChildren = this.state.childSpaces?.length;
+
+        let childItems;
+        if (hasChildren && !collapsed) {
+            childItems = (
+                <SpaceTreeLevel
+                    spaces={this.state.childSpaces}
+                    activeSpaces={activeSpaces}
+                    isNested={true}
+                    parents={new Set(parents).add(space.roomId)}
+                />
+            );
+        }
+
+        const toggleCollapseButton = hasChildren ? (
+            <AccessibleButton
+                className="mx_SpaceButton_toggleCollapse"
+                onClick={this.toggleCollapse}
+                tabIndex={-1}
+                aria-label={collapsed ? _t("action|expand") : _t("action|collapse")}
+            >
+                {collapsed ? <ChevronRightIcon /> : <ChevronDownIcon />}
+            </AccessibleButton>
+        ) : null;
+
+        const { tabIndex, ...restDragHandleProps } = dragHandleProps || {};
+        const selected = activeSpaces.includes(space.roomId);
+
+        return (
+            <li
+                {...otherProps}
+                className={itemClasses}
+                ref={innerRef}
+                aria-expanded={hasChildren ? !collapsed : undefined}
+                aria-selected={selected}
+                role="treeitem"
+            >
+                <SpaceButton
+                    {...restDragHandleProps}
+                    space={space}
+                    className={isInvite ? "mx_SpaceButton_invite" : undefined}
+                    selected={selected}
+                    label={this.state.name}
+                    contextMenuTooltip={_t("space|context_menu|options")}
+                    notificationState={notificationState}
+                    isNarrow={isPanelCollapsed}
+                    size={isNested ? "24px" : "32px"}
+                    onKeyDown={this.onKeyDown}
+                    ContextMenuComponent={
+                        this.props.space.getMyMembership() === KnownMembership.Join ? SpaceContextMenu : undefined
+                    }
+                >
+                    {toggleCollapseButton}
+                </SpaceButton>
+
+                {childItems}
+            </li>
+        );
+    }
+}
+
+interface ITreeLevelProps {
+    spaces: Room[];
+    activeSpaces: SpaceKey[];
+    isNested?: boolean;
+    parents: Set<string>;
+}
+
+const SpaceTreeLevel: React.FC<ITreeLevelProps> = ({ spaces, activeSpaces, isNested, parents }) => {
+    return (
+        <ul className="mx_SpaceTreeLevel" role="group">
+            {spaces.map((s) => {
+                return (
+                    <SpaceItem
+                        key={s.roomId}
+                        activeSpaces={activeSpaces}
+                        space={s}
+                        isNested={isNested}
+                        parents={parents}
+                    />
+                );
+            })}
+        </ul>
+    );
+};
diff --git a/apps/web/src/components/views/spaces/threads-activity-centre/ThreadsActivityCentre.tsx b/apps/web/src/components/views/spaces/threads-activity-centre/ThreadsActivityCentre.tsx
new file mode 100644
index 00000000000..ec84ccfa47c
--- /dev/null
+++ b/apps/web/src/components/views/spaces/threads-activity-centre/ThreadsActivityCentre.tsx
@@ -0,0 +1,156 @@
+/*
+ * 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.
+ */
+
+import React, { type JSX, useContext, useState } from "react";
+import { Menu, MenuItem } from "@vector-im/compound-web";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import { ThreadsActivityCentreButton } from "./ThreadsActivityCentreButton";
+import { _t } from "../../../../languageHandler";
+import DecoratedRoomAvatar from "../../avatars/DecoratedRoomAvatar";
+import { Action } from "../../../../dispatcher/actions";
+import defaultDispatcher from "../../../../dispatcher/dispatcher";
+import { type ViewRoomPayload } from "../../../../dispatcher/payloads/ViewRoomPayload";
+import { RightPanelPhases } from "../../../../stores/right-panel/RightPanelStorePhases";
+import { useUnreadThreadRooms } from "./useUnreadThreadRooms";
+import { StatelessNotificationBadge } from "../../rooms/NotificationBadge/StatelessNotificationBadge";
+import { type NotificationLevel } from "../../../../stores/notifications/NotificationLevel";
+import PosthogTrackers from "../../../../PosthogTrackers";
+import { getKeyBindingsManager } from "../../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../../accessibility/KeyboardShortcuts";
+import { useSettingValue } from "../../../../hooks/useSettings";
+import { SDKContext } from "../../../../contexts/SDKContext.ts";
+
+interface ThreadsActivityCentreProps {
+    /**
+     * Display the `Treads` label next to the icon.
+     */
+    displayButtonLabel?: boolean;
+}
+
+/**
+ * Display in a popup the list of rooms with unread threads.
+ * The popup is displayed when the user clicks on the `Threads` button.
+ */
+export function ThreadsActivityCentre({ displayButtonLabel }: ThreadsActivityCentreProps): JSX.Element {
+    const [open, setOpen] = useState(false);
+    const roomsAndNotifications = useUnreadThreadRooms(open);
+    const settingTACOnlyNotifs = useSettingValue("Notifications.tac_only_notifications");
+
+    const emptyCaption = settingTACOnlyNotifs
+        ? _t("threads_activity_centre|no_rooms_with_threads_notifs")
+        : _t("threads_activity_centre|no_rooms_with_unread_threads");
+
+    return (
+        <div
+            className="mx_ThreadsActivityCentre_container"
+            onKeyDown={(evt) => {
+                // Do nothing if the TAC is closed
+                if (!open) return;
+
+                const action = getKeyBindingsManager().getNavigationAction(evt);
+
+                // Block spotlight opening
+                if (action === KeyBindingAction.FilterRooms) {
+                    evt.stopPropagation();
+                }
+            }}
+        >
+            <Menu
+                align="start"
+                side="top"
+                open={open}
+                onOpenChange={(newOpen) => {
+                    // Track only when the Threads Activity Centre is opened
+                    if (newOpen) PosthogTrackers.trackInteraction("WebThreadsActivityCentreButton");
+
+                    setOpen(newOpen);
+                }}
+                title={_t("threads_activity_centre|header")}
+                trigger={
+                    <ThreadsActivityCentreButton
+                        displayLabel={displayButtonLabel}
+                        notificationLevel={roomsAndNotifications.greatestNotificationLevel}
+                    />
+                }
+            >
+                {/* Make the content of the pop-up scrollable */}
+                <div className="mx_ThreadsActivityCentre_rows">
+                    {roomsAndNotifications.rooms.map(({ room, notificationLevel }) => (
+                        <ThreadsActivityCentreRow
+                            key={room.roomId}
+                            room={room}
+                            notificationLevel={notificationLevel}
+                            onClick={() => setOpen(false)}
+                        />
+                    ))}
+                    {roomsAndNotifications.rooms.length === 0 && (
+                        <div className="mx_ThreadsActivityCentre_emptyCaption">{emptyCaption}</div>
+                    )}
+                </div>
+            </Menu>
+        </div>
+    );
+}
+
+interface ThreadsActivityRow {
+    /**
+     * The room with unread threads.
+     */
+    room: Room;
+    /**
+     * The notification level.
+     */
+    notificationLevel: NotificationLevel;
+    /**
+     * Callback when the user clicks on the row.
+     */
+    onClick: () => void;
+}
+
+/**
+ * Display a room with unread threads.
+ */
+function ThreadsActivityCentreRow({ room, onClick, notificationLevel }: ThreadsActivityRow): JSX.Element {
+    const sdkContext = useContext(SDKContext);
+
+    return (
+        <MenuItem
+            className="mx_ThreadsActivityCentreRow"
+            onSelect={(event: Event) => {
+                onClick();
+
+                // Set the right panel card for that room so the threads panel is open before we dispatch,
+                // so it will open once the room appears.
+                sdkContext.rightPanelStore.setCard({ phase: RightPanelPhases.ThreadPanel }, true, room.roomId);
+
+                // Track the click on the room
+                PosthogTrackers.trackInteraction("WebThreadsActivityCentreRoomItem", event);
+
+                // Display the selected room in the timeline
+                defaultDispatcher.dispatch<ViewRoomPayload>({
+                    action: Action.ViewRoom,
+                    show_room_tile: true, // make sure the room is visible in the list
+                    room_id: room.roomId,
+                    metricsTrigger: "WebThreadsActivityCentre",
+                    focusNext: "threadsPanel",
+                });
+            }}
+            label={room.name}
+            Icon={<DecoratedRoomAvatar room={room} size="32px" />}
+        >
+            <StatelessNotificationBadge
+                level={notificationLevel}
+                count={0}
+                symbol={null}
+                forceDot={true}
+                className="mx_ThreadsActivityCentre_notificationBadge"
+            />
+        </MenuItem>
+    );
+}
diff --git a/apps/web/src/components/views/spaces/threads-activity-centre/ThreadsActivityCentreButton.tsx b/apps/web/src/components/views/spaces/threads-activity-centre/ThreadsActivityCentreButton.tsx
new file mode 100644
index 00000000000..9d43655c60b
--- /dev/null
+++ b/apps/web/src/components/views/spaces/threads-activity-centre/ThreadsActivityCentreButton.tsx
@@ -0,0 +1,73 @@
+/*
+ * 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.
+ */
+
+import React, { type ComponentProps, type Ref, type JSX } from "react";
+import ThreadsSolidIcon from "@vector-im/compound-design-tokens/assets/web/icons/threads-solid";
+import classNames from "classnames";
+import { IconButton, Text, Tooltip } from "@vector-im/compound-web";
+
+import { _t } from "../../../../languageHandler";
+import { type NotificationLevel } from "../../../../stores/notifications/NotificationLevel";
+import { notificationLevelToIndicator } from "../../../../utils/notifications";
+
+interface ThreadsActivityCentreButtonProps extends ComponentProps<typeof IconButton> {
+    /**
+     * Whether to disable the tooltip.
+     */
+    disableTooltip?: boolean;
+    /**
+     * Display the `Threads` label next to the icon.
+     */
+    displayLabel?: boolean;
+    /**
+     * The notification level of the threads.
+     */
+    notificationLevel: NotificationLevel;
+    ref?: Ref<HTMLButtonElement>;
+}
+
+/**
+ * A button to open the thread activity centre.
+ */
+export const ThreadsActivityCentreButton = function ThreadsActivityCentreButton({
+    displayLabel,
+    notificationLevel,
+    disableTooltip,
+    ref,
+    ...props
+}: ThreadsActivityCentreButtonProps): JSX.Element {
+    // Disable tooltip when the label is displayed
+    const openTooltip = disableTooltip || displayLabel ? false : undefined;
+
+    return (
+        <Tooltip label={_t("common|threads")} placement="right" open={openTooltip}>
+            <IconButton
+                aria-label={_t("common|threads")}
+                className={classNames("mx_ThreadsActivityCentreButton", { expanded: displayLabel })}
+                indicator={notificationLevelToIndicator(notificationLevel)}
+                {...props}
+                ref={ref}
+            >
+                <>
+                    <ThreadsSolidIcon className="mx_ThreadsActivityCentreButton_Icon" />
+                    {/* This is dirty, but we need to add the label to the indicator icon */}
+                    {displayLabel && (
+                        <Text
+                            className="mx_ThreadsActivityCentreButton_Text"
+                            as="span"
+                            size="md"
+                            title={_t("common|threads")}
+                        >
+                            {_t("common|threads")}
+                        </Text>
+                    )}
+                </>
+            </IconButton>
+        </Tooltip>
+    );
+};
diff --git a/apps/web/src/components/views/spaces/threads-activity-centre/index.ts b/apps/web/src/components/views/spaces/threads-activity-centre/index.ts
new file mode 100644
index 00000000000..f900a805708
--- /dev/null
+++ b/apps/web/src/components/views/spaces/threads-activity-centre/index.ts
@@ -0,0 +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.
+ */
+
+export { ThreadsActivityCentre } from "./ThreadsActivityCentre";
diff --git a/apps/web/src/components/views/spaces/threads-activity-centre/useUnreadThreadRooms.ts b/apps/web/src/components/views/spaces/threads-activity-centre/useUnreadThreadRooms.ts
new file mode 100644
index 00000000000..d7058f18e87
--- /dev/null
+++ b/apps/web/src/components/views/spaces/threads-activity-centre/useUnreadThreadRooms.ts
@@ -0,0 +1,137 @@
+/*
+ * 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.
+ */
+
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { ClientEvent, type MatrixClient, MatrixEventEvent, type Room } from "matrix-js-sdk/src/matrix";
+import { throttle } from "lodash";
+
+import { doesRoomHaveUnreadThreads } from "../../../../Unread";
+import { NotificationLevel } from "../../../../stores/notifications/NotificationLevel";
+import { getThreadNotificationLevel } from "../../../../utils/notifications";
+import { useSettingValue } from "../../../../hooks/useSettings";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { useEventEmitter } from "../../../../hooks/useEventEmitter";
+import { isRoomVisible } from "../../../../stores/room-list-v3/isRoomVisible";
+
+const MIN_UPDATE_INTERVAL_MS = 500;
+
+type Result = {
+    greatestNotificationLevel: NotificationLevel;
+    rooms: Array<{ room: Room; notificationLevel: NotificationLevel }>;
+};
+
+/**
+ * Return the greatest notification level of all thread, the list of rooms with unread threads, and their notification level.
+ * The result is computed when the client syncs, or when forceComputation is true
+ * @param forceComputation
+ * @returns {Result}
+ */
+export function useUnreadThreadRooms(forceComputation: boolean): Result {
+    const msc3946ProcessDynamicPredecessor = useSettingValue("feature_dynamic_room_predecessors");
+    const settingTACOnlyNotifs = useSettingValue("Notifications.tac_only_notifications");
+    const mxClient = useMatrixClientContext();
+
+    const [result, setResult] = useState<Result>({ greatestNotificationLevel: NotificationLevel.None, rooms: [] });
+
+    const doUpdate = useCallback(() => {
+        setResult(computeUnreadThreadRooms(mxClient, msc3946ProcessDynamicPredecessor, settingTACOnlyNotifs));
+    }, [mxClient, msc3946ProcessDynamicPredecessor, settingTACOnlyNotifs]);
+
+    const scheduleUpdate = useMemo(
+        () =>
+            throttle(doUpdate, MIN_UPDATE_INTERVAL_MS, {
+                leading: false,
+                trailing: true,
+            }),
+        [doUpdate],
+    );
+
+    // Listen to sync events to update the result
+    useEventEmitter(mxClient, ClientEvent.Sync, scheduleUpdate);
+    // and also when events get decrypted, since this will often happen after the sync
+    // event and may change notifications.
+    useEventEmitter(mxClient, MatrixEventEvent.Decrypted, scheduleUpdate);
+
+    // Force the list computation
+    useEffect(() => {
+        if (forceComputation) {
+            doUpdate();
+        }
+    }, [doUpdate, forceComputation]);
+
+    return result;
+}
+
+/**
+ * Compute the greatest notification level of all thread, the list of rooms with unread threads, and their notification level.
+ * @param mxClient - MatrixClient
+ * @param msc3946ProcessDynamicPredecessor
+ */
+function computeUnreadThreadRooms(
+    mxClient: MatrixClient,
+    msc3946ProcessDynamicPredecessor: boolean,
+    settingTACOnlyNotifs: boolean,
+): Result {
+    // Only count visible rooms to not torment the user with notification counts in rooms they can't see.
+    // This will include highlights from the previous version of the room internally
+    const visibleRooms = mxClient.getVisibleRooms(msc3946ProcessDynamicPredecessor);
+
+    let greatestNotificationLevel = NotificationLevel.None;
+    const rooms: Result["rooms"] = [];
+
+    for (const room of visibleRooms) {
+        // We only care about rooms with unread threads
+        if (isRoomVisible(room) && doesRoomHaveUnreadThreads(room)) {
+            // Get the greatest notification level of all threads
+            const notificationLevel = getThreadNotificationLevel(room);
+
+            // If the room has an activity notification or less, we ignore it
+            if (settingTACOnlyNotifs && notificationLevel <= NotificationLevel.Activity) {
+                continue;
+            }
+
+            if (notificationLevel > greatestNotificationLevel) {
+                greatestNotificationLevel = notificationLevel;
+            }
+
+            rooms.push({ room, notificationLevel });
+        }
+    }
+
+    const sortedRooms = rooms.sort((a, b) => sortRoom(a, b));
+    return { greatestNotificationLevel, rooms: sortedRooms };
+}
+
+/**
+ * Store the room and its thread notification level
+ */
+type RoomData = Result["rooms"][0];
+
+/**
+ * Sort notification level by the most important notification level to the least important
+ * Highlight > Notification > Activity
+ * If the notification level is the same, we sort by the most recent thread
+ * @param roomDataA - room and notification level of room A
+ * @param roomDataB - room and notification level of room B
+ * @returns {number}
+ */
+function sortRoom(roomDataA: RoomData, roomDataB: RoomData): number {
+    const { notificationLevel: notificationLevelA, room: roomA } = roomDataA;
+    const { notificationLevel: notificationLevelB, room: roomB } = roomDataB;
+
+    const timestampA = roomA.getLastThread()?.events.at(-1)?.getTs();
+    const timestampB = roomB.getLastThread()?.events.at(-1)?.getTs();
+
+    // NotificationLevel is a numeric enum, so we can compare them directly
+    if (notificationLevelA > notificationLevelB) return -1;
+    else if (notificationLevelB > notificationLevelA) return 1;
+    // Display most recent first
+    else if (!timestampA) return 1;
+    else if (!timestampB) return -1;
+    else return timestampB - timestampA;
+}
diff --git a/apps/web/src/components/views/terms/InlineTermsAgreement.tsx b/apps/web/src/components/views/terms/InlineTermsAgreement.tsx
new file mode 100644
index 00000000000..7bc3e6a7cf9
--- /dev/null
+++ b/apps/web/src/components/views/terms/InlineTermsAgreement.tsx
@@ -0,0 +1,122 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 } from "react";
+
+import { _t } from "../../../languageHandler";
+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[];
+    onFinished: (accepted: string[]) => void;
+    introElement: React.ReactNode;
+}
+
+interface IState {
+    policies: Policy[];
+    busy: boolean;
+}
+
+interface Policy {
+    checked: boolean;
+    url: string;
+    name: string;
+}
+
+export default class InlineTermsAgreement extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            policies: [],
+            busy: false,
+        };
+    }
+
+    public componentDidMount(): void {
+        // Build all the terms the user needs to accept
+        const policies: Policy[] = [];
+        for (const servicePolicies of this.props.policiesAndServicePairs) {
+            const availablePolicies = Object.values(servicePolicies.policies);
+            for (const policy of availablePolicies) {
+                const internationalisedPolicy = pickBestPolicyLanguage(policy);
+                if (!internationalisedPolicy) continue;
+                const renderablePolicy: Policy = {
+                    checked: false,
+                    url: internationalisedPolicy.url,
+                    name: internationalisedPolicy.name,
+                };
+                policies.push(renderablePolicy);
+            }
+        }
+
+        this.setState({ policies });
+    }
+
+    private togglePolicy = (index: number): void => {
+        const policies = objectClone(this.state.policies);
+        policies[index].checked = !policies[index].checked;
+        this.setState({ policies });
+    };
+
+    private onContinue = (): void => {
+        const hasUnchecked = !!this.state.policies.some((p) => !p.checked);
+        if (hasUnchecked) return;
+
+        this.setState({ busy: true });
+        this.props.onFinished(this.state.policies.map((p) => p.url));
+    };
+
+    private renderCheckboxes(): React.ReactNode[] {
+        const rendered: JSX.Element[] = [];
+        for (let i = 0; i < this.state.policies.length; i++) {
+            const policy = this.state.policies[i];
+            const introText = _t(
+                "terms|inline_intro_text",
+                {},
+                {
+                    policyLink: () => {
+                        return <ExternalLink href={policy.url}>{policy.name}</ExternalLink>;
+                    },
+                },
+            );
+            rendered.push(
+                <div key={i} className="mx_InlineTermsAgreement_cbContainer">
+                    <div>{introText}</div>
+                    <div className="mx_InlineTermsAgreement_checkbox">
+                        <StyledCheckbox onChange={() => this.togglePolicy(i)} checked={policy.checked}>
+                            {_t("action|accept")}
+                        </StyledCheckbox>
+                    </div>
+                </div>,
+            );
+        }
+        return rendered;
+    }
+
+    public render(): React.ReactNode {
+        const hasUnchecked = !!this.state.policies.some((p) => !p.checked);
+
+        return (
+            <div>
+                {this.props.introElement}
+                {this.renderCheckboxes()}
+                <AccessibleButton
+                    onClick={this.onContinue}
+                    disabled={hasUnchecked || this.state.busy}
+                    kind="primary_sm"
+                >
+                    {_t("action|continue")}
+                </AccessibleButton>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/toasts/GenericExpiringToast.tsx b/apps/web/src/components/views/toasts/GenericExpiringToast.tsx
new file mode 100644
index 00000000000..a8e4fa0e44a
--- /dev/null
+++ b/apps/web/src/components/views/toasts/GenericExpiringToast.tsx
@@ -0,0 +1,55 @@
+/*
+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 from "react";
+
+import ToastStore from "../../../stores/ToastStore";
+import GenericToast, { type IProps as IGenericToastProps } from "./GenericToast";
+import { useExpiringCounter } from "../../../hooks/useTimeout";
+
+interface IProps extends IGenericToastProps {
+    toastKey: string;
+    numSeconds: number;
+    dismissLabel: string;
+    onDismiss?(this: void): void;
+}
+
+const SECOND = 1000;
+
+const GenericExpiringToast: React.FC<IProps> = ({
+    description,
+    primaryLabel,
+    dismissLabel,
+    onPrimaryClick,
+    onDismiss,
+    toastKey,
+    numSeconds,
+}) => {
+    const onReject = (): void => {
+        if (onDismiss) onDismiss();
+        ToastStore.sharedInstance().dismissToast(toastKey);
+    };
+    const counter = useExpiringCounter(onReject, SECOND, numSeconds);
+
+    let rejectLabel = dismissLabel;
+    if (counter > 0) {
+        rejectLabel += ` (${counter})`;
+    }
+
+    return (
+        <GenericToast
+            description={description}
+            primaryLabel={primaryLabel}
+            onPrimaryClick={onPrimaryClick}
+            secondaryLabel={rejectLabel}
+            onSecondaryClick={onReject}
+        />
+    );
+};
+
+export default GenericExpiringToast;
diff --git a/apps/web/src/components/views/toasts/GenericToast.tsx b/apps/web/src/components/views/toasts/GenericToast.tsx
new file mode 100644
index 00000000000..2be73f2af46
--- /dev/null
+++ b/apps/web/src/components/views/toasts/GenericToast.tsx
@@ -0,0 +1,77 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 ComponentType, type ReactNode } from "react";
+import { Button } from "@vector-im/compound-web";
+
+import { type XOR } from "../../../@types/common";
+
+export interface IProps {
+    description: ReactNode;
+    detail?: ReactNode;
+    primaryLabel: string;
+    PrimaryIcon?: ComponentType<React.SVGAttributes<SVGElement>>;
+
+    onPrimaryClick(this: void): void;
+}
+
+interface IPropsExtended extends IProps {
+    secondaryLabel: string;
+    SecondaryIcon?: ComponentType<React.SVGAttributes<SVGElement>>;
+    destructive?: "primary" | "secondary";
+    onSecondaryClick(this: void): void;
+
+    // If set, this will override the max-width (of the description) making the toast wider or narrower than standard
+    overrideWidth?: string;
+}
+
+const GenericToast: React.FC<XOR<IPropsExtended, IProps>> = ({
+    description,
+    detail,
+    primaryLabel,
+    PrimaryIcon,
+    secondaryLabel,
+    SecondaryIcon,
+    destructive,
+    onPrimaryClick,
+    onSecondaryClick,
+    overrideWidth,
+}) => {
+    const detailContent = detail ? <div className="mx_Toast_detail">{detail}</div> : null;
+
+    return (
+        <div>
+            <div className="mx_Toast_description" style={{ maxWidth: overrideWidth }}>
+                {description}
+                {detailContent}
+            </div>
+            <div className="mx_Toast_buttons" aria-live="off">
+                {onSecondaryClick && secondaryLabel && (
+                    <Button
+                        onClick={onSecondaryClick}
+                        kind={destructive === "secondary" ? "destructive" : "secondary"}
+                        Icon={SecondaryIcon}
+                        size="md"
+                    >
+                        {secondaryLabel}
+                    </Button>
+                )}
+                <Button
+                    onClick={onPrimaryClick}
+                    kind={destructive === "primary" ? "destructive" : "primary"}
+                    Icon={PrimaryIcon}
+                    size="md"
+                >
+                    {primaryLabel}
+                </Button>
+            </div>
+        </div>
+    );
+};
+
+export default GenericToast;
diff --git a/apps/web/src/components/views/toasts/NonUrgentEchoFailureToast.tsx b/apps/web/src/components/views/toasts/NonUrgentEchoFailureToast.tsx
new file mode 100644
index 00000000000..c18afe61c4a
--- /dev/null
+++ b/apps/web/src/components/views/toasts/NonUrgentEchoFailureToast.tsx
@@ -0,0 +1,40 @@
+/*
+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 from "react";
+import { OfflineIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../languageHandler";
+import AccessibleButton from "../elements/AccessibleButton";
+import Modal from "../../../Modal";
+import ServerOfflineDialog from "../dialogs/ServerOfflineDialog";
+
+export default class NonUrgentEchoFailureToast extends React.PureComponent {
+    private openDialog = (): void => {
+        Modal.createDialog(ServerOfflineDialog, {});
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <div className="mx_NonUrgentEchoFailureToast">
+                <OfflineIcon />
+                {_t(
+                    "error|non_urgent_echo_failure_toast",
+                    {},
+                    {
+                        a: (sub) => (
+                            <AccessibleButton kind="link_inline" onClick={this.openDialog}>
+                                {sub}
+                            </AccessibleButton>
+                        ),
+                    },
+                )}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/toasts/VerificationRequestToast.tsx b/apps/web/src/components/views/toasts/VerificationRequestToast.tsx
new file mode 100644
index 00000000000..0abcf530631
--- /dev/null
+++ b/apps/web/src/components/views/toasts/VerificationRequestToast.tsx
@@ -0,0 +1,190 @@
+/*
+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 from "react";
+import {
+    canAcceptVerificationRequest,
+    type VerificationRequest,
+    VerificationRequestEvent,
+} from "matrix-js-sdk/src/crypto-api";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type Device } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../../languageHandler";
+import { RightPanelPhases } from "../../../stores/right-panel/RightPanelStorePhases";
+import { userLabelForEventRoom } from "../../../utils/KeyVerificationStateObserver";
+import dis from "../../../dispatcher/dispatcher";
+import ToastStore from "../../../stores/ToastStore";
+import Modal from "../../../Modal";
+import GenericToast from "./GenericToast";
+import { Action } from "../../../dispatcher/actions";
+import VerificationRequestDialog from "../dialogs/VerificationRequestDialog";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import { getDeviceCryptoInfo } from "../../../utils/crypto/deviceInfo";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+interface IProps {
+    toastKey: string;
+    request: VerificationRequest;
+}
+
+interface IState {
+    /** number of seconds left in the timeout counter. Zero if there is no timeout. */
+    counter: number;
+    device?: Device;
+    ip?: string;
+}
+
+export default class VerificationRequestToast extends React.PureComponent<IProps, IState> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    private intervalHandle?: number;
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = { counter: Math.ceil((props.request.timeout ?? 0) / 1000) };
+    }
+
+    public async componentDidMount(): Promise<void> {
+        const { request } = this.props;
+        if (request.timeout && request.timeout > 0) {
+            this.intervalHandle = window.setInterval(() => {
+                let { counter } = this.state;
+                counter = Math.max(0, counter - 1);
+                this.setState({ counter });
+            }, 1000);
+        }
+        request.on(VerificationRequestEvent.Change, this.checkRequestIsPending);
+        // We should probably have a separate class managing the active verification toasts,
+        // rather than monitoring this in the toast component itself, since we'll get problems
+        // like the toast not going away when the verification is cancelled unless it's the
+        // one on the top (ie. the one that's mounted).
+        // As a quick & dirty fix, check the toast is still relevant when it mounts (this prevents
+        // a toast hanging around after logging in if you did a verification as part of login).
+        this.checkRequestIsPending();
+
+        const otherDeviceId = request.otherDeviceId;
+        if (request.isSelfVerification && !!otherDeviceId) {
+            const cli = this.context.client!;
+            const device = await cli.getDevice(otherDeviceId);
+            this.setState({
+                ip: device.last_seen_ip,
+                device: await getDeviceCryptoInfo(cli, cli.getSafeUserId(), otherDeviceId),
+            });
+        }
+    }
+
+    public componentWillUnmount(): void {
+        clearInterval(this.intervalHandle);
+        const { request } = this.props;
+        request.off(VerificationRequestEvent.Change, this.checkRequestIsPending);
+    }
+
+    private checkRequestIsPending = (): void => {
+        const { request } = this.props;
+        if (!canAcceptVerificationRequest(request)) {
+            ToastStore.sharedInstance().dismissToast(this.props.toastKey);
+        }
+    };
+
+    public cancel = (): void => {
+        ToastStore.sharedInstance().dismissToast(this.props.toastKey);
+        try {
+            this.props.request.cancel();
+        } catch (err) {
+            logger.error("Error while cancelling verification request", err);
+        }
+    };
+
+    public accept = async (): Promise<void> => {
+        ToastStore.sharedInstance().dismissToast(this.props.toastKey);
+        const { request } = this.props;
+        // no room id for to_device requests
+        try {
+            if (request.roomId) {
+                dis.dispatch<ViewRoomPayload>({
+                    action: Action.ViewRoom,
+                    room_id: request.roomId,
+                    should_peek: false,
+                    metricsTrigger: "VerificationRequest",
+                });
+                const member = this.context.client?.getUser(request.otherUserId) ?? undefined;
+                this.context.rightPanelStore.setCards(
+                    [
+                        { phase: RightPanelPhases.RoomSummary },
+                        { phase: RightPanelPhases.MemberInfo, state: { member } },
+                        { phase: RightPanelPhases.EncryptionPanel, state: { verificationRequest: request, member } },
+                    ],
+                    undefined,
+                    request.roomId,
+                );
+            } else {
+                const { finished } = Modal.createDialog(
+                    VerificationRequestDialog,
+                    {
+                        verificationRequest: request,
+                    },
+                    undefined,
+                    /* priority = */ false,
+                    /* static = */ true,
+                );
+                finished.then(() => request.cancel());
+            }
+            await request.accept();
+        } catch (err) {
+            logger.error("Failed to accept verification request", err);
+        }
+    };
+
+    public render(): React.ReactNode {
+        const { request } = this.props;
+        let description;
+        let detail;
+        if (request.isSelfVerification) {
+            if (this.state.device) {
+                description = this.state.device.displayName;
+                detail = _t("encryption|verification|request_toast_detail", {
+                    deviceId: this.state.device.deviceId,
+                    ip: this.state.ip,
+                });
+            }
+        } else {
+            const client = this.context.client!;
+            const userId = request.otherUserId;
+            const roomId = request.roomId;
+            description = roomId ? userLabelForEventRoom(client, userId, roomId) : userId;
+            // for legacy to_device verification requests
+            if (description === userId) {
+                const user = client.getUser(userId);
+                if (user && user.displayName) {
+                    description = _t("name_and_id", { name: user.displayName, userId });
+                }
+            }
+        }
+        const declineLabel =
+            this.state.counter === 0
+                ? _t("action|ignore")
+                : _t("encryption|verification|request_toast_decline_counter", { counter: this.state.counter });
+
+        return (
+            <GenericToast
+                description={description}
+                detail={detail}
+                primaryLabel={
+                    request.isSelfVerification || !request.roomId
+                        ? _t("encryption|verification|request_toast_start_verification")
+                        : _t("encryption|verification|request_toast_accept_user")
+                }
+                onPrimaryClick={this.accept}
+                secondaryLabel={declineLabel}
+                onSecondaryClick={this.cancel}
+            />
+        );
+    }
+}
diff --git a/apps/web/src/components/views/typography/Caption.tsx b/apps/web/src/components/views/typography/Caption.tsx
new file mode 100644
index 00000000000..8279ac9b7c1
--- /dev/null
+++ b/apps/web/src/components/views/typography/Caption.tsx
@@ -0,0 +1,28 @@
+/*
+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 classNames from "classnames";
+import React, { type HTMLAttributes } from "react";
+
+interface Props extends Omit<HTMLAttributes<HTMLSpanElement>, "className"> {
+    children: React.ReactNode;
+    isError?: boolean;
+}
+
+export const Caption: React.FC<Props> = ({ children, isError, ...rest }) => {
+    return (
+        <span
+            className={classNames("mx_Caption", {
+                mx_Caption_error: isError,
+            })}
+            {...rest}
+        >
+            {children}
+        </span>
+    );
+};
diff --git a/apps/web/src/components/views/typography/Heading.ts b/apps/web/src/components/views/typography/Heading.ts
new file mode 100644
index 00000000000..883f5f3b265
--- /dev/null
+++ b/apps/web/src/components/views/typography/Heading.ts
@@ -0,0 +1,35 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 HTMLAttributes } from "react";
+import classNames from "classnames";
+
+type Size = "1" | "2" | "3" | "4";
+
+type HTMLHeadingTags = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+
+interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * Defines the type of heading used
+     */
+    as?: HTMLHeadingTags;
+    /**
+     * Defines the appearance of the heading
+     * Falls back to the type of heading used if `as` is not provided
+     */
+    size: Size;
+}
+
+const Heading: React.FC<HeadingProps> = ({ as, size = "1", className, children, ...rest }) =>
+    React.createElement(as || `h${size}`, {
+        ...rest,
+        className: classNames(`mx_Heading_h${size}`, className),
+        children,
+    });
+
+export default Heading;
diff --git a/apps/web/src/components/views/verification/VerificationCancelled.tsx b/apps/web/src/components/views/verification/VerificationCancelled.tsx
new file mode 100644
index 00000000000..41fae925f62
--- /dev/null
+++ b/apps/web/src/components/views/verification/VerificationCancelled.tsx
@@ -0,0 +1,31 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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.
+*/
+
+import React from "react";
+
+import { _t } from "../../../languageHandler";
+import DialogButtons from "../elements/DialogButtons";
+
+interface IProps {
+    onDone: () => void;
+}
+
+export default class VerificationCancelled extends React.Component<IProps> {
+    public render(): React.ReactNode {
+        return (
+            <div>
+                <p>{_t("encryption|verification|other_party_cancelled")}</p>
+                <DialogButtons
+                    primaryButton={_t("action|ok")}
+                    hasCancel={false}
+                    onPrimaryButtonClick={this.props.onDone}
+                />
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/verification/VerificationComplete.tsx b/apps/web/src/components/views/verification/VerificationComplete.tsx
new file mode 100644
index 00000000000..0bbb2d39de3
--- /dev/null
+++ b/apps/web/src/components/views/verification/VerificationComplete.tsx
@@ -0,0 +1,33 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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.
+*/
+
+import React from "react";
+
+import { _t } from "../../../languageHandler";
+import DialogButtons from "../elements/DialogButtons";
+
+interface IProps {
+    onDone: () => void;
+}
+
+export default class VerificationComplete extends React.Component<IProps> {
+    public render(): React.ReactNode {
+        return (
+            <div>
+                <h2>{_t("encryption|verification|complete_title")}</h2>
+                <p>{_t("encryption|verification|complete_description")}</p>
+                <p>{_t("encryption|verification|explainer")}</p>
+                <DialogButtons
+                    onPrimaryButtonClick={this.props.onDone}
+                    primaryButton={_t("encryption|verification|complete_action")}
+                    hasCancel={false}
+                />
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/verification/VerificationShowSas.tsx b/apps/web/src/components/views/verification/VerificationShowSas.tsx
new file mode 100644
index 00000000000..cc890f72b0b
--- /dev/null
+++ b/apps/web/src/components/views/verification/VerificationShowSas.tsx
@@ -0,0 +1,135 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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.
+*/
+
+import React, { type ComponentProps } from "react";
+import { type Device } from "matrix-js-sdk/src/matrix";
+import { type GeneratedSas } from "matrix-js-sdk/src/crypto-api";
+import { SasEmoji } from "@element-hq/web-shared-components";
+
+import { _t } from "../../../languageHandler";
+import { PendingActionSpinner } from "../right_panel/EncryptionInfo";
+import AccessibleButton from "../elements/AccessibleButton";
+
+interface IProps {
+    displayName?: string; // required if pending is true
+
+    /** Details of the other device involved in the verification, if known */
+    otherDeviceDetails?: Device;
+
+    onDone: () => void;
+    onCancel: () => void;
+    sas: GeneratedSas;
+    isSelf?: boolean;
+}
+
+interface IState {
+    pending: boolean;
+    cancelling?: boolean;
+}
+
+export default class VerificationShowSas extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            pending: false,
+        };
+    }
+
+    private onMatchClick = (): void => {
+        this.setState({ pending: true });
+        this.props.onDone();
+    };
+
+    private onDontMatchClick = (): void => {
+        this.setState({ cancelling: true });
+        this.props.onCancel();
+    };
+
+    public render(): React.ReactNode {
+        let sasDisplay;
+        let sasCaption;
+        if (this.props.sas.emoji) {
+            sasDisplay = (
+                <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")
+                : _t("encryption|verification|sas_emoji_caption_user");
+        } else if (this.props.sas.decimal) {
+            sasDisplay = (
+                <div className="mx_VerificationShowSas_decimalSas">
+                    <span>{this.props.sas.decimal[0]}</span>
+                    <span>{this.props.sas.decimal[1]}</span>
+                    <span>{this.props.sas.decimal[2]}</span>
+                </div>
+            );
+            sasCaption = this.props.isSelf
+                ? _t("encryption|verification|sas_caption_self")
+                : _t("encryption|verification|sas_caption_user");
+        } else {
+            return (
+                <div>
+                    {_t("encryption|verification|unsupported_method")}
+                    <AccessibleButton kind="primary" onClick={this.props.onCancel}>
+                        {_t("action|cancel")}
+                    </AccessibleButton>
+                </div>
+            );
+        }
+
+        let confirm;
+        if (this.state.pending && this.props.isSelf) {
+            let text;
+            // device shouldn't be null in this situation but it can be, eg. if the device is
+            // logged out during verification
+            const otherDevice = this.props.otherDeviceDetails;
+            if (otherDevice) {
+                text = _t("encryption|verification|waiting_other_device_details", {
+                    deviceName: otherDevice.displayName,
+                    deviceId: otherDevice.deviceId,
+                });
+            } else {
+                text = _t("encryption|verification|waiting_other_device");
+            }
+            confirm = <p>{text}</p>;
+        } else if (this.state.pending || this.state.cancelling) {
+            let text;
+            if (this.state.pending) {
+                const { displayName } = this.props;
+                text = _t("encryption|verification|waiting_other_user", { displayName });
+            } else {
+                text = _t("encryption|verification|cancelling");
+            }
+            confirm = <PendingActionSpinner text={text} />;
+        } else {
+            confirm = (
+                <div className="mx_VerificationShowSas_buttonRow">
+                    <AccessibleButton onClick={this.onMatchClick} kind="primary">
+                        {_t("encryption|verification|sas_match")}
+                    </AccessibleButton>
+                    <AccessibleButton onClick={this.onDontMatchClick} kind="secondary">
+                        {_t("encryption|verification|sas_no_match")}
+                    </AccessibleButton>
+                </div>
+            );
+        }
+
+        return (
+            <div className="mx_VerificationShowSas">
+                <p>{sasCaption}</p>
+                {sasDisplay}
+                <p>{this.props.isSelf ? "" : _t("encryption|verification|in_person")}</p>
+                {confirm}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/voip/AudioFeed.tsx b/apps/web/src/components/views/voip/AudioFeed.tsx
new file mode 100644
index 00000000000..f8d28c54498
--- /dev/null
+++ b/apps/web/src/components/views/voip/AudioFeed.tsx
@@ -0,0 +1,119 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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, { createRef } from "react";
+import { type CallFeed, CallFeedEvent } from "matrix-js-sdk/src/webrtc/callFeed";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import MediaDeviceHandler, { MediaDeviceHandlerEvent } from "../../../MediaDeviceHandler";
+
+interface IProps {
+    feed: CallFeed;
+}
+
+interface IState {
+    audioMuted: boolean;
+}
+
+export default class AudioFeed extends React.Component<IProps, IState> {
+    private element = createRef<HTMLAudioElement>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            audioMuted: this.props.feed.isAudioMuted(),
+        };
+    }
+
+    public componentDidMount(): void {
+        MediaDeviceHandler.instance.addListener(MediaDeviceHandlerEvent.AudioOutputChanged, this.onAudioOutputChanged);
+        this.props.feed.addListener(CallFeedEvent.NewStream, this.onNewStream);
+        this.playMedia();
+    }
+
+    public componentWillUnmount(): void {
+        MediaDeviceHandler.instance.removeListener(
+            MediaDeviceHandlerEvent.AudioOutputChanged,
+            this.onAudioOutputChanged,
+        );
+        this.props.feed.removeListener(CallFeedEvent.NewStream, this.onNewStream);
+        this.stopMedia();
+    }
+
+    private onAudioOutputChanged = (audioOutput: string): void => {
+        const element = this.element.current;
+        if (audioOutput) {
+            try {
+                // This seems quite unreliable in Chrome, although I haven't yet managed to make a jsfiddle where
+                // it fails.
+                // It seems reliable if you set the sink ID after setting the srcObject and then set the sink ID
+                // back to the default after the call is over - Dave
+                element!.setSinkId(audioOutput);
+            } catch (e) {
+                logger.error("Couldn't set requested audio output device: using default", e);
+                logger.warn("Couldn't set requested audio output device: using default", e);
+            }
+        }
+    };
+
+    private async playMedia(): Promise<void> {
+        const element = this.element.current;
+        if (!element) return;
+        this.onAudioOutputChanged(MediaDeviceHandler.getAudioOutput());
+        element.muted = false;
+        element.srcObject = this.props.feed.stream;
+        element.autoplay = true;
+
+        try {
+            // A note on calling methods on media elements:
+            // We used to have queues per media element to serialise all calls on those elements.
+            // The reason given for this was that load() and play() were racing. However, we now
+            // never call load() explicitly so this seems unnecessary. However, serialising every
+            // operation was causing bugs where video would not resume because some play command
+            // had got stuck and all media operations were queued up behind it. If necessary, we
+            // should serialise the ones that need to be serialised but then be able to interrupt
+            // them with another load() which will cancel the pending one, but since we don't call
+            // load() explicitly, it shouldn't be a problem. - Dave
+            element.load();
+        } catch (e) {
+            logger.info(
+                `Failed to play media element with feed for userId ` +
+                    `${this.props.feed.userId} with purpose ${this.props.feed.purpose}`,
+                e,
+            );
+        }
+    }
+
+    private stopMedia(): void {
+        const element = this.element.current;
+        if (!element) return;
+
+        element.pause();
+        element.removeAttribute("src");
+
+        // As per comment in componentDidMount, setting the sink ID back to the
+        // default once the call is over makes setSinkId work reliably. - Dave
+        // Since we are not using the same element anymore, the above doesn't
+        // seem to be necessary - Šimon
+    }
+
+    private onNewStream = (): void => {
+        this.setState({
+            audioMuted: this.props.feed.isAudioMuted(),
+        });
+        this.playMedia();
+    };
+
+    public render(): React.ReactNode {
+        // Do not render the audio element if there is no audio track
+        if (this.state.audioMuted) return null;
+
+        return <audio ref={this.element} />;
+    }
+}
diff --git a/apps/web/src/components/views/voip/AudioFeedArrayForLegacyCall.tsx b/apps/web/src/components/views/voip/AudioFeedArrayForLegacyCall.tsx
new file mode 100644
index 00000000000..c11cd29e7d8
--- /dev/null
+++ b/apps/web/src/components/views/voip/AudioFeedArrayForLegacyCall.tsx
@@ -0,0 +1,51 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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 JSX } from "react";
+import { CallEvent, type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import { type CallFeed } from "matrix-js-sdk/src/webrtc/callFeed";
+
+import AudioFeed from "./AudioFeed";
+
+interface IProps {
+    call: MatrixCall;
+}
+
+interface IState {
+    feeds: Array<CallFeed>;
+}
+
+export default class AudioFeedArrayForLegacyCall extends React.Component<IProps, IState> {
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            feeds: this.props.call.getRemoteFeeds(),
+        };
+    }
+
+    public componentDidMount(): void {
+        this.props.call.addListener(CallEvent.FeedsChanged, this.onFeedsChanged);
+    }
+
+    public componentWillUnmount(): void {
+        this.props.call.removeListener(CallEvent.FeedsChanged, this.onFeedsChanged);
+    }
+
+    public onFeedsChanged = (): void => {
+        this.setState({
+            feeds: this.props.call.getRemoteFeeds(),
+        });
+    };
+
+    public render(): JSX.Element[] {
+        return this.state.feeds.map((feed) => {
+            return <AudioFeed feed={feed} key={feed.deviceId + feed.userId} />;
+        });
+    }
+}
diff --git a/apps/web/src/components/views/voip/CallDuration.tsx b/apps/web/src/components/views/voip/CallDuration.tsx
new file mode 100644
index 00000000000..ccf57d3f026
--- /dev/null
+++ b/apps/web/src/components/views/voip/CallDuration.tsx
@@ -0,0 +1,48 @@
+/*
+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 FC, useState, useEffect, memo } from "react";
+import { type MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc";
+
+import { formatPreciseDuration } from "../../../DateUtils";
+
+interface CallDurationProps {
+    delta: number;
+}
+
+/**
+ * A call duration counter.
+ */
+export const CallDuration: FC<CallDurationProps> = memo(({ delta }) => {
+    // Clock desync could lead to a negative duration, so just hide it if that happens
+    if (delta <= 0) return null;
+    return <div className="mx_CallDuration">{formatPreciseDuration(delta)}</div>;
+});
+
+interface SessionDurationProps {
+    session: MatrixRTCSession | undefined;
+}
+
+/**
+ * A call duration counter that automatically counts up, given a matrixRTC session
+ * object.
+ */
+export const SessionDuration: FC<SessionDurationProps> = ({ session }) => {
+    const [now, setNow] = useState(() => Date.now());
+
+    useEffect(() => {
+        const timer = window.setInterval(() => setNow(Date.now()), 1000);
+        return () => clearInterval(timer);
+    }, []);
+
+    // This is a temporal solution.
+    // Using the oldest membership will update when this user leaves.
+    // This implies that the displayed call duration will also update consequently.
+    const createdTs = session?.getOldestMembership()?.createdTs();
+    return createdTs ? <CallDuration delta={now - createdTs} /> : <CallDuration delta={0} />;
+};
diff --git a/apps/web/src/components/views/voip/CallView.tsx b/apps/web/src/components/views/voip/CallView.tsx
new file mode 100644
index 00000000000..4863e61b718
--- /dev/null
+++ b/apps/web/src/components/views/voip/CallView.tsx
@@ -0,0 +1,75 @@
+/*
+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 FC, useContext, useEffect, type AriaRole, useCallback } from "react";
+
+import type { Room } from "matrix-js-sdk/src/matrix";
+import { type Call, CallEvent } from "../../../models/Call";
+import AppTile from "../elements/AppTile";
+import { CallStore } from "../../../stores/CallStore";
+import { useTypedEventEmitter } from "../../../hooks/useEventEmitter";
+import { useCall } from "../../../hooks/useCall";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+interface JoinCallViewProps {
+    room: Room;
+    resizing: boolean;
+    call: Call;
+    role?: AriaRole;
+    onClose: () => void;
+}
+
+const JoinCallView: FC<JoinCallViewProps> = ({ room, resizing, call, role, onClose }) => {
+    const sdkContext = useContext(SDKContext);
+    useTypedEventEmitter(call, CallEvent.Close, onClose);
+
+    useEffect(() => {
+        // We'll take this opportunity to tidy up our room state
+        call.clean();
+    }, [call]);
+
+    const disconnectAllOtherCalls: () => Promise<void> = useCallback(async () => {
+        // The stickyPromise has to resolve before the widget actually becomes sticky.
+        // We only let the widget become sticky after disconnecting all other active calls.
+        const calls = [...CallStore.instance.connectedCalls].filter(
+            (call) => sdkContext.roomViewStore.getRoomId() !== call.roomId,
+        );
+        await Promise.all(calls.map(async (call) => await call.disconnect()));
+    }, [sdkContext.roomViewStore]);
+
+    return (
+        <div className="mx_CallView" role={role}>
+            <AppTile
+                app={call.widget}
+                room={room}
+                userId={sdkContext.client?.credentials.userId ?? undefined}
+                creatorUserId={call.widget.creatorUserId}
+                waitForIframeLoad={call.widget.waitForIframeLoad}
+                showMenubar={false}
+                pointerEvents={resizing ? "none" : undefined}
+                stickyPromise={disconnectAllOtherCalls}
+            />
+        </div>
+    );
+};
+
+interface CallViewProps {
+    room: Room;
+    resizing: boolean;
+    role?: AriaRole;
+    /**
+     * Callback for when the user closes the call.
+     */
+    onClose: () => void;
+}
+
+export const CallView: FC<CallViewProps> = ({ room, resizing, role, onClose }) => {
+    const call = useCall(room.roomId);
+
+    return call && <JoinCallView room={room} resizing={resizing} call={call} role={role} onClose={onClose} />;
+};
diff --git a/apps/web/src/components/views/voip/DialPad.tsx b/apps/web/src/components/views/voip/DialPad.tsx
new file mode 100644
index 00000000000..90907987a5a
--- /dev/null
+++ b/apps/web/src/components/views/voip/DialPad.tsx
@@ -0,0 +1,112 @@
+/*
+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 } from "react";
+import { VoiceCallSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
+import { _t } from "../../../languageHandler";
+import { type XOR } from "../../../@types/common";
+
+export const BUTTONS = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "*", "0", "#"];
+export const BUTTON_LETTERS = ["", "ABC", "DEF", "GHI", "JKL", "MNO", "PQRS", "TUV", "WXYZ", "", "+", ""];
+
+enum DialPadButtonKind {
+    Digit,
+    Dial,
+}
+
+type DigitButtonProps = {
+    kind: DialPadButtonKind.Digit;
+    digit: string;
+    digitSubtext: string;
+    onButtonPress: (digit: string, ev: ButtonEvent) => void;
+};
+
+type DialButtonProps = {
+    kind: DialPadButtonKind.Dial;
+    onButtonPress: () => void;
+};
+
+class DialPadButton extends React.PureComponent<DigitButtonProps | DialButtonProps> {
+    public onClick = (ev: ButtonEvent): void => {
+        switch (this.props.kind) {
+            case DialPadButtonKind.Digit:
+                this.props.onButtonPress(this.props.digit, ev);
+                break;
+            case DialPadButtonKind.Dial:
+                this.props.onButtonPress();
+                break;
+        }
+    };
+
+    public render(): React.ReactNode {
+        switch (this.props.kind) {
+            case DialPadButtonKind.Digit:
+                return (
+                    <AccessibleButton className="mx_DialPad_button" onClick={this.onClick}>
+                        {this.props.digit}
+                        <div className="mx_DialPad_buttonSubText">{this.props.digitSubtext}</div>
+                    </AccessibleButton>
+                );
+            case DialPadButtonKind.Dial:
+                return (
+                    <AccessibleButton
+                        className="mx_DialPad_button mx_DialPad_dialButton"
+                        onClick={this.onClick}
+                        aria-label={_t("voip|dial")}
+                    >
+                        <VoiceCallSolidIcon />
+                    </AccessibleButton>
+                );
+        }
+    }
+}
+
+interface IBaseProps {
+    onDigitPress: (digit: string, ev: ButtonEvent) => void;
+    onDeletePress?: (ev: ButtonEvent) => void;
+    hasDial: boolean;
+}
+
+interface IProps extends IBaseProps {
+    hasDial: false;
+}
+
+interface IDialProps extends IBaseProps {
+    hasDial: true;
+    onDialPress: () => void;
+}
+
+export default class DialPad extends React.PureComponent<XOR<IProps, IDialProps>> {
+    public render(): React.ReactNode {
+        const buttonNodes: JSX.Element[] = [];
+
+        for (let i = 0; i < BUTTONS.length; i++) {
+            const button = BUTTONS[i];
+            const digitSubtext = BUTTON_LETTERS[i];
+            buttonNodes.push(
+                <DialPadButton
+                    key={button}
+                    kind={DialPadButtonKind.Digit}
+                    digit={button}
+                    digitSubtext={digitSubtext}
+                    onButtonPress={this.props.onDigitPress}
+                />,
+            );
+        }
+
+        if (this.props.hasDial) {
+            buttonNodes.push(
+                <DialPadButton key="dial" kind={DialPadButtonKind.Dial} onButtonPress={this.props.onDialPress} />,
+            );
+        }
+
+        return <div className="mx_DialPad">{buttonNodes}</div>;
+    }
+}
diff --git a/apps/web/src/components/views/voip/DialPadModal.tsx b/apps/web/src/components/views/voip/DialPadModal.tsx
new file mode 100644
index 00000000000..9b7cb1949fc
--- /dev/null
+++ b/apps/web/src/components/views/voip/DialPadModal.tsx
@@ -0,0 +1,128 @@
+/*
+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 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";
+import DialPad from "./DialPad";
+import DialPadBackspaceButton from "../elements/DialPadBackspaceButton";
+import { SDKContextClass } from "../../../contexts/SDKContextClass.ts";
+
+interface IProps {
+    onFinished: (dialled: boolean) => void;
+}
+
+interface IState {
+    value: string;
+}
+
+export default class DialpadModal extends React.PureComponent<IProps, IState> {
+    private numberEntryFieldRef = createRef<Field>();
+
+    public constructor(props: IProps) {
+        super(props);
+        this.state = {
+            value: "",
+        };
+    }
+
+    public onCancelClick = (): void => {
+        this.props.onFinished(false);
+    };
+
+    public onChange = (ev: ChangeEvent<HTMLInputElement>): void => {
+        this.setState({ value: ev.target.value });
+    };
+
+    public onFormSubmit = (ev: SyntheticEvent): void => {
+        ev.preventDefault();
+        this.onDialPress();
+    };
+
+    public onDigitPress = (digit: string, ev: ButtonEvent): void => {
+        this.setState({ value: this.state.value + digit });
+
+        // Keep the number field focused so that keyboard entry is still available.
+        // However, don't focus if this wasn't the result of directly clicking on the button,
+        // i.e someone using keyboard navigation.
+        if (ev.type === "click") {
+            this.numberEntryFieldRef.current?.focus();
+        }
+    };
+
+    public onDeletePress = (ev: ButtonEvent): void => {
+        if (this.state.value.length === 0) return;
+        this.setState({ value: this.state.value.slice(0, -1) });
+
+        // Keep the number field focused so that keyboard entry is still available
+        // However, don't focus if this wasn't the result of directly clicking on the button,
+        // i.e someone using keyboard navigation.
+        if (ev.type === "click") {
+            this.numberEntryFieldRef.current?.focus();
+        }
+    };
+
+    public onDialPress = async (): Promise<void> => {
+        SDKContextClass.instance.legacyCallHandler.dialNumber(this.state.value);
+        this.props.onFinished(true);
+    };
+
+    public render(): React.ReactNode {
+        const backspaceButton = <DialPadBackspaceButton onBackspacePress={this.onDeletePress} />;
+
+        // Only show the backspace button if the field has content
+        let dialPadField;
+        if (this.state.value.length !== 0) {
+            dialPadField = (
+                <Field
+                    ref={this.numberEntryFieldRef}
+                    className="mx_DialPadModal_field"
+                    id="dialpad_number"
+                    value={this.state.value}
+                    autoFocus={true}
+                    onChange={this.onChange}
+                    postfixComponent={backspaceButton}
+                />
+            );
+        } else {
+            dialPadField = (
+                <Field
+                    ref={this.numberEntryFieldRef}
+                    className="mx_DialPadModal_field"
+                    id="dialpad_number"
+                    value={this.state.value}
+                    autoFocus={true}
+                    onChange={this.onChange}
+                />
+            );
+        }
+
+        return (
+            <div className="mx_DialPadModal">
+                <div>
+                    <AccessibleButton className="mx_DialPadModal_cancel" onClick={this.onCancelClick}>
+                        <CloseIcon />
+                    </AccessibleButton>
+                </div>
+                <div className="mx_DialPadModal_header">
+                    <form onSubmit={this.onFormSubmit}>{dialPadField}</form>
+                </div>
+                <div className="mx_DialPadModal_dialPad">
+                    <DialPad
+                        hasDial={true}
+                        onDigitPress={this.onDigitPress}
+                        onDeletePress={this.onDeletePress}
+                        onDialPress={this.onDialPress}
+                    />
+                </div>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/voip/LegacyCallView.tsx b/apps/web/src/components/views/voip/LegacyCallView.tsx
new file mode 100644
index 00000000000..0dc6955ffb5
--- /dev/null
+++ b/apps/web/src/components/views/voip/LegacyCallView.tsx
@@ -0,0 +1,561 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2019-2021 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+import React, { type JSX, createRef } from "react";
+import { CallEvent, CallState, type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import classNames from "classnames";
+import { type CallFeed } from "matrix-js-sdk/src/webrtc/callFeed";
+import { SDPStreamMetadataPurpose } from "matrix-js-sdk/src/webrtc/callEventTypes";
+
+import dis from "../../../dispatcher/dispatcher";
+import { _t, _td } from "../../../languageHandler";
+import VideoFeed from "./VideoFeed";
+import RoomAvatar from "../avatars/RoomAvatar";
+import AccessibleButton from "../elements/AccessibleButton";
+import { avatarUrlForMember } from "../../../Avatar";
+import LegacyCallViewSidebar from "./LegacyCallViewSidebar";
+import LegacyCallViewHeader from "./LegacyCallView/LegacyCallViewHeader";
+import LegacyCallViewButtons from "./LegacyCallView/LegacyCallViewButtons";
+import { type ActionPayload } from "../../../dispatcher/payloads";
+import { getKeyBindingsManager } from "../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+interface IProps {
+    // The call for us to display
+    call: MatrixCall;
+
+    // Another ongoing call to display information about
+    secondaryCall?: MatrixCall;
+
+    // a callback which is called when the content in the LegacyCallView changes
+    // in a way that is likely to cause a resize.
+    onResize?: (event: Event) => void;
+
+    // Whether this call view is for picture-in-picture mode
+    // otherwise, it's the larger call view when viewing the room the call is in.
+    // This is sort of a proxy for a number of things but we currently have no
+    // need to control those things separately, so this is simpler.
+    pipMode?: boolean;
+
+    // Used for dragging the PiP LegacyCallView
+    onMouseDownOnHeader?: (event: React.MouseEvent) => void;
+
+    showApps?: boolean;
+
+    sidebarShown: boolean;
+
+    setSidebarShown?: (sidebarShown: boolean) => void;
+}
+
+interface IState {
+    isLocalOnHold: boolean;
+    isRemoteOnHold: boolean;
+    micMuted: boolean;
+    vidMuted: boolean;
+    screensharing: boolean;
+    callState: CallState;
+    primaryFeed?: CallFeed;
+    secondaryFeed?: CallFeed;
+    sidebarFeeds: Array<CallFeed>;
+}
+
+function getFullScreenElement(): Element | null {
+    return document.fullscreenElement;
+}
+
+function requestFullscreen(element: Element): void {
+    element.requestFullscreen();
+}
+
+function exitFullscreen(): void {
+    document.exitFullscreen();
+}
+
+export default class LegacyCallView extends React.Component<IProps, IState> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    private dispatcherRef?: string;
+    private contentWrapperRef = createRef<HTMLDivElement>();
+    private buttonsRef = createRef<LegacyCallViewButtons>();
+
+    public constructor(props: IProps) {
+        super(props);
+
+        const { primary, secondary, sidebar } = LegacyCallView.getOrderedFeeds(this.props.call.getFeeds());
+
+        this.state = {
+            isLocalOnHold: this.props.call.isLocalOnHold(),
+            isRemoteOnHold: this.props.call.isRemoteOnHold(),
+            micMuted: this.props.call.isMicrophoneMuted(),
+            vidMuted: this.props.call.isLocalVideoMuted(),
+            screensharing: this.props.call.isScreensharing(),
+            callState: this.props.call.state,
+            primaryFeed: primary,
+            secondaryFeed: secondary,
+            sidebarFeeds: sidebar,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.updateCallListeners(null, this.props.call);
+        this.dispatcherRef = dis.register(this.onAction);
+        document.addEventListener("keydown", this.onNativeKeyDown);
+    }
+
+    public componentWillUnmount(): void {
+        if (getFullScreenElement()) {
+            exitFullscreen();
+        }
+
+        document.removeEventListener("keydown", this.onNativeKeyDown);
+        this.updateCallListeners(this.props.call, null);
+        dis.unregister(this.dispatcherRef);
+    }
+
+    public static getDerivedStateFromProps(props: IProps): Partial<IState> {
+        const { primary, secondary, sidebar } = LegacyCallView.getOrderedFeeds(props.call.getFeeds());
+
+        return {
+            primaryFeed: primary,
+            secondaryFeed: secondary,
+            sidebarFeeds: sidebar,
+        };
+    }
+
+    public componentDidUpdate(prevProps: IProps): void {
+        if (this.props.call === prevProps.call) return;
+
+        this.setState({
+            isLocalOnHold: this.props.call.isLocalOnHold(),
+            isRemoteOnHold: this.props.call.isRemoteOnHold(),
+            micMuted: this.props.call.isMicrophoneMuted(),
+            vidMuted: this.props.call.isLocalVideoMuted(),
+            callState: this.props.call.state,
+        });
+
+        this.updateCallListeners(null, this.props.call);
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        switch (payload.action) {
+            case "video_fullscreen": {
+                if (!this.contentWrapperRef.current) {
+                    return;
+                }
+                if (payload.fullscreen) {
+                    requestFullscreen(this.contentWrapperRef.current);
+                } else if (getFullScreenElement()) {
+                    exitFullscreen();
+                }
+                break;
+            }
+        }
+    };
+
+    private updateCallListeners(oldCall: MatrixCall | null, newCall: MatrixCall | null): void {
+        if (oldCall === newCall) return;
+
+        if (oldCall) {
+            oldCall.removeListener(CallEvent.State, this.onCallState);
+            oldCall.removeListener(CallEvent.LocalHoldUnhold, this.onCallLocalHoldUnhold);
+            oldCall.removeListener(CallEvent.RemoteHoldUnhold, this.onCallRemoteHoldUnhold);
+            oldCall.removeListener(CallEvent.FeedsChanged, this.onFeedsChanged);
+        }
+        if (newCall) {
+            newCall.on(CallEvent.State, this.onCallState);
+            newCall.on(CallEvent.LocalHoldUnhold, this.onCallLocalHoldUnhold);
+            newCall.on(CallEvent.RemoteHoldUnhold, this.onCallRemoteHoldUnhold);
+            newCall.on(CallEvent.FeedsChanged, this.onFeedsChanged);
+        }
+    }
+
+    private onCallState = (state: CallState): void => {
+        this.setState({
+            callState: state,
+        });
+    };
+
+    private onFeedsChanged = (newFeeds: Array<CallFeed>): void => {
+        const { primary, secondary, sidebar } = LegacyCallView.getOrderedFeeds(newFeeds);
+        this.setState({
+            primaryFeed: primary,
+            secondaryFeed: secondary,
+            sidebarFeeds: sidebar,
+            micMuted: this.props.call.isMicrophoneMuted(),
+            vidMuted: this.props.call.isLocalVideoMuted(),
+        });
+    };
+
+    private onCallLocalHoldUnhold = (): void => {
+        this.setState({
+            isLocalOnHold: this.props.call.isLocalOnHold(),
+        });
+    };
+
+    private onCallRemoteHoldUnhold = (): void => {
+        this.setState({
+            isRemoteOnHold: this.props.call.isRemoteOnHold(),
+            // update both here because isLocalOnHold changes when we hold the call too
+            isLocalOnHold: this.props.call.isLocalOnHold(),
+        });
+    };
+
+    private onMouseMove = (): void => {
+        this.buttonsRef.current?.showControls();
+    };
+
+    public static getOrderedFeeds(feeds: Array<CallFeed>): {
+        primary?: CallFeed;
+        secondary?: CallFeed;
+        sidebar: Array<CallFeed>;
+    } {
+        if (feeds.length <= 2) {
+            return {
+                primary: feeds.find((feed) => !feed.isLocal()),
+                secondary: feeds.find((feed) => feed.isLocal()),
+                sidebar: [],
+            };
+        }
+
+        let primary: CallFeed | undefined;
+
+        // Try to use a screensharing as primary, a remote one if possible
+        const screensharingFeeds = feeds.filter((feed) => feed.purpose === SDPStreamMetadataPurpose.Screenshare);
+        primary = screensharingFeeds.find((feed) => !feed.isLocal()) || screensharingFeeds[0];
+        // If we didn't find remote screen-sharing stream, try to find any remote stream
+        if (!primary) {
+            primary = feeds.find((feed) => !feed.isLocal());
+        }
+
+        const sidebar = [...feeds];
+        // Remove the primary feed from the array
+        if (primary) sidebar.splice(sidebar.indexOf(primary), 1);
+        sidebar.sort((a, b) => {
+            if (a.isLocal() && !b.isLocal()) return -1;
+            if (!a.isLocal() && b.isLocal()) return 1;
+            return 0;
+        });
+
+        return { primary, sidebar };
+    }
+
+    private onMaximizeClick = (): void => {
+        dis.dispatch({
+            action: "video_fullscreen",
+            fullscreen: true,
+        });
+    };
+
+    private onMicMuteClick = async (): Promise<void> => {
+        const newVal = !this.state.micMuted;
+        this.setState({ micMuted: await this.props.call.setMicrophoneMuted(newVal) });
+    };
+
+    private onVidMuteClick = async (): Promise<void> => {
+        const newVal = !this.state.vidMuted;
+        this.setState({ vidMuted: await this.props.call.setLocalVideoMuted(newVal) });
+    };
+
+    private onScreenshareClick = async (): Promise<void> => {
+        let isScreensharing;
+        if (this.state.screensharing) {
+            isScreensharing = await this.props.call.setScreensharingEnabled(false);
+        } else {
+            isScreensharing = await this.props.call.setScreensharingEnabled(true);
+        }
+
+        this.props.setSidebarShown?.(true);
+
+        this.setState({
+            screensharing: isScreensharing,
+        });
+    };
+
+    // we register global shortcuts here, they *must not conflict* with local shortcuts elsewhere or both will fire
+    // Note that this assumes we always have a LegacyCallView on screen at any given time
+    // LegacyCallHandler would probably be a better place for this
+    private onNativeKeyDown = (ev: KeyboardEvent): void => {
+        let handled = false;
+
+        const callAction = getKeyBindingsManager().getCallAction(ev);
+        switch (callAction) {
+            case KeyBindingAction.ToggleMicInCall:
+                this.onMicMuteClick();
+                // show the controls to give feedback
+                this.buttonsRef.current?.showControls();
+                handled = true;
+                break;
+
+            case KeyBindingAction.ToggleWebcamInCall:
+                this.onVidMuteClick();
+                // show the controls to give feedback
+                this.buttonsRef.current?.showControls();
+                handled = true;
+                break;
+        }
+
+        if (handled) {
+            ev.stopPropagation();
+            ev.preventDefault();
+        }
+    };
+
+    private onCallResumeClick = (): void => {
+        const userFacingRoomId = this.context.legacyCallHandler.roomIdForCall(this.props.call);
+        if (userFacingRoomId) this.context.legacyCallHandler.setActiveCallRoomId(userFacingRoomId);
+    };
+
+    private onTransferClick = (): void => {
+        const transfereeCall = this.context.legacyCallHandler.getTransfereeForCallId(this.props.call.callId);
+        if (transfereeCall) this.props.call.transferToCall(transfereeCall);
+    };
+
+    private onHangupClick = (): void => {
+        const roomId = this.context.legacyCallHandler.roomIdForCall(this.props.call);
+        if (roomId) this.context.legacyCallHandler.hangupOrReject(roomId);
+    };
+
+    private onToggleSidebar = (): void => {
+        this.props.setSidebarShown?.(!this.props.sidebarShown);
+    };
+
+    private renderCallControls(): JSX.Element {
+        const { call, pipMode, sidebarShown } = this.props;
+        const { callState, micMuted, vidMuted, screensharing, secondaryFeed, sidebarFeeds } = this.state;
+
+        // If SDPStreamMetadata isn't supported don't show video mute button in voice calls
+        const vidMuteButtonShown = call.opponentSupportsSDPStreamMetadata() || call.hasLocalUserMediaVideoTrack;
+        // Screensharing is possible, if we can send a second stream and
+        // identify it using SDPStreamMetadata or if we can replace the already
+        // existing usermedia track by a screensharing track. We also need to be
+        // connected to know the state of the other side
+        const screensharingButtonShown =
+            (call.opponentSupportsSDPStreamMetadata() || call.hasLocalUserMediaVideoTrack) &&
+            call.state === CallState.Connected;
+        // Show the sidebar button only if there is something to hide/show
+        const sidebarButtonShown =
+            !pipMode && ((secondaryFeed && !secondaryFeed.isVideoMuted()) || sidebarFeeds.length > 0);
+        // The dial pad & 'more' button actions are only relevant in a connected call
+        const contextMenuButtonShown = callState === CallState.Connected;
+        const dialpadButtonShown = callState === CallState.Connected && call.opponentSupportsDTMF();
+
+        return (
+            <LegacyCallViewButtons
+                ref={this.buttonsRef}
+                call={call}
+                pipMode={pipMode}
+                handlers={{
+                    onToggleSidebarClick: this.onToggleSidebar,
+                    onScreenshareClick: this.onScreenshareClick,
+                    onHangupClick: this.onHangupClick,
+                    onMicMuteClick: this.onMicMuteClick,
+                    onVidMuteClick: this.onVidMuteClick,
+                }}
+                buttonsState={{
+                    micMuted: micMuted,
+                    vidMuted: vidMuted,
+                    sidebarShown: sidebarShown,
+                    screensharing: screensharing,
+                }}
+                buttonsVisibility={{
+                    vidMute: vidMuteButtonShown,
+                    screensharing: screensharingButtonShown,
+                    sidebar: sidebarButtonShown,
+                    contextMenu: contextMenuButtonShown,
+                    dialpad: dialpadButtonShown,
+                }}
+            />
+        );
+    }
+
+    private renderToast(): JSX.Element | null {
+        const { call, sidebarShown } = this.props;
+        const someoneIsScreensharing = call.getFeeds().some((feed) => {
+            return feed.purpose === SDPStreamMetadataPurpose.Screenshare;
+        });
+
+        if (!someoneIsScreensharing) return null;
+
+        const isScreensharing = call.isScreensharing();
+        const { primaryFeed } = this.state;
+        const sharerName = primaryFeed?.getMember()?.name;
+        if (!sharerName) return null;
+
+        let text = isScreensharing ? _t("voip|you_are_presenting") : _t("voip|user_is_presenting", { sharerName });
+        if (!sidebarShown) {
+            text += " • " + (call.isLocalVideoMuted() ? _t("voip|camera_disabled") : _t("voip|camera_enabled"));
+        }
+
+        return <div className="mx_LegacyCallView_toast">{text}</div>;
+    }
+
+    private renderContent(): JSX.Element {
+        const { pipMode, call, onResize, sidebarShown } = this.props;
+        const { isLocalOnHold, isRemoteOnHold, primaryFeed, secondaryFeed, sidebarFeeds } = this.state;
+
+        const callRoomId = this.context.legacyCallHandler.roomIdForCall(call);
+        const callRoom = (callRoomId ? this.context.client?.getRoom(callRoomId) : undefined) ?? undefined;
+        const avatarSize = pipMode ? "76px" : "160px";
+        const transfereeCall = this.context.legacyCallHandler.getTransfereeForCallId(call.callId);
+        const isOnHold = isLocalOnHold || isRemoteOnHold;
+
+        let secondaryFeedElement: React.ReactNode;
+        if (sidebarShown && secondaryFeed && !secondaryFeed.isVideoMuted()) {
+            secondaryFeedElement = (
+                <VideoFeed feed={secondaryFeed} call={call} pipMode={pipMode} onResize={onResize} secondary={true} />
+            );
+        }
+
+        if (transfereeCall || isOnHold) {
+            const containerClasses = classNames("mx_LegacyCallView_content", {
+                mx_LegacyCallView_content_hold: isOnHold,
+            });
+            const backgroundAvatarUrl = avatarUrlForMember(call.getOpponentMember(), 1024, 1024, "crop");
+
+            let holdTransferContent: React.ReactNode;
+            if (transfereeCall) {
+                const callRoomId = this.context.legacyCallHandler.roomIdForCall(call);
+                const transferTargetRoom = callRoomId ? this.context.client?.getRoom(callRoomId) : null;
+                const transferTargetName = transferTargetRoom ? transferTargetRoom.name : _t("voip|unknown_person");
+                const transfereeCallRoomId = this.context.legacyCallHandler.roomIdForCall(transfereeCall);
+                const transfereeRoom = transfereeCallRoomId ? this.context.client?.getRoom(transfereeCallRoomId) : null;
+                const transfereeName = transfereeRoom ? transfereeRoom.name : _t("voip|unknown_person");
+
+                holdTransferContent = (
+                    <div className="mx_LegacyCallView_status">
+                        {_t(
+                            "voip|consulting",
+                            {
+                                transferTarget: transferTargetName,
+                                transferee: transfereeName,
+                            },
+                            {
+                                a: (sub) => (
+                                    <AccessibleButton kind="link_inline" onClick={this.onTransferClick}>
+                                        {sub}
+                                    </AccessibleButton>
+                                ),
+                            },
+                        )}
+                    </div>
+                );
+            } else {
+                let onHoldText: React.ReactNode;
+                if (isRemoteOnHold) {
+                    onHoldText = _t(
+                        this.context.legacyCallHandler.hasAnyUnheldCall()
+                            ? _td("voip|call_held_switch")
+                            : _td("voip|call_held_resume"),
+                        {},
+                        {
+                            a: (sub) => (
+                                <AccessibleButton kind="link_inline" onClick={this.onCallResumeClick}>
+                                    {sub}
+                                </AccessibleButton>
+                            ),
+                        },
+                    );
+                } else if (isLocalOnHold) {
+                    onHoldText = _t("voip|call_held", {
+                        peerName: call.getOpponentMember()?.name,
+                    });
+                }
+
+                holdTransferContent = <div className="mx_LegacyCallView_status">{onHoldText}</div>;
+            }
+
+            return (
+                <div className={containerClasses} onMouseMove={this.onMouseMove}>
+                    <div
+                        className="mx_LegacyCallView_holdBackground"
+                        style={{ backgroundImage: "url(" + backgroundAvatarUrl + ")" }}
+                    />
+                    {holdTransferContent}
+                </div>
+            );
+        } else if (call.noIncomingFeeds()) {
+            return (
+                <div className="mx_LegacyCallView_content" onMouseMove={this.onMouseMove}>
+                    <div className="mx_LegacyCallView_avatarsContainer">
+                        <div
+                            className="mx_LegacyCallView_avatarContainer"
+                            style={{ width: avatarSize, height: avatarSize }}
+                        >
+                            <RoomAvatar room={callRoom} size={avatarSize} />
+                        </div>
+                    </div>
+                    <div className="mx_LegacyCallView_status">{_t("voip|connecting")}</div>
+                    {secondaryFeedElement}
+                </div>
+            );
+        } else if (pipMode) {
+            // We've already checked that we have feeds so we cast away the optional when passing the feed
+            return (
+                <div className="mx_LegacyCallView_content" onMouseMove={this.onMouseMove}>
+                    <VideoFeed feed={primaryFeed!} call={call} pipMode={pipMode} onResize={onResize} primary={true} />
+                </div>
+            );
+        } else if (secondaryFeed) {
+            return (
+                <div className="mx_LegacyCallView_content" onMouseMove={this.onMouseMove}>
+                    <VideoFeed feed={primaryFeed!} call={call} pipMode={pipMode} onResize={onResize} primary={true} />
+                    {secondaryFeedElement}
+                </div>
+            );
+        } else {
+            return (
+                <div className="mx_LegacyCallView_content" onMouseMove={this.onMouseMove}>
+                    <VideoFeed feed={primaryFeed!} call={call} pipMode={pipMode} onResize={onResize} primary={true} />
+                    {sidebarShown && (
+                        <LegacyCallViewSidebar feeds={sidebarFeeds} call={call} pipMode={Boolean(pipMode)} />
+                    )}
+                </div>
+            );
+        }
+    }
+
+    public render(): React.ReactNode {
+        const { call, secondaryCall, pipMode, showApps, onMouseDownOnHeader, sidebarShown } = this.props;
+        const { sidebarFeeds } = this.state;
+
+        const callRoomId = this.context.legacyCallHandler.roomIdForCall(call);
+        const secondaryCallRoomId = this.context.legacyCallHandler.roomIdForCall(secondaryCall);
+        const callRoom = callRoomId ? this.context.client?.getRoom(callRoomId) : null;
+        if (!callRoom) return null;
+
+        const secCallRoom = secondaryCallRoomId ? this.context.client?.getRoom(secondaryCallRoomId) : null;
+
+        const callViewClasses = classNames({
+            mx_LegacyCallView: true,
+            mx_LegacyCallView_pip: pipMode,
+            mx_LegacyCallView_large: !pipMode,
+            mx_LegacyCallView_sidebar: sidebarShown && sidebarFeeds.length !== 0 && !pipMode,
+            mx_LegacyCallView_belowWidget: showApps, // css to correct the margins if the call is below the AppsDrawer.
+        });
+
+        return (
+            <div className={callViewClasses}>
+                <LegacyCallViewHeader
+                    onPipMouseDown={onMouseDownOnHeader}
+                    pipMode={pipMode}
+                    callRooms={[callRoom, secCallRoom ?? null]}
+                    onMaximize={this.onMaximizeClick}
+                />
+                <div className="mx_LegacyCallView_content_wrapper" ref={this.contentWrapperRef}>
+                    {this.renderToast()}
+                    {this.renderContent()}
+                    {this.renderCallControls()}
+                </div>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/voip/LegacyCallView/LegacyCallViewButtons.tsx b/apps/web/src/components/views/voip/LegacyCallView/LegacyCallViewButtons.tsx
new file mode 100644
index 00000000000..0b7af87ea95
--- /dev/null
+++ b/apps/web/src/components/views/voip/LegacyCallView/LegacyCallViewButtons.tsx
@@ -0,0 +1,364 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2019-2021 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+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";
+import {
+    alwaysMenuProps,
+    alwaysAboveRightOf,
+    ChevronFace,
+    ContextMenuTooltipButton,
+    useContextMenu,
+} from "../../../structures/ContextMenu";
+import { _t } from "../../../../languageHandler";
+import DeviceContextMenu from "../../context_menus/DeviceContextMenu";
+import { MediaDeviceKindEnum } from "../../../../MediaDeviceHandler";
+import AccessibleButton, {
+    type ButtonEvent,
+    type ButtonProps as AccessibleButtonProps,
+} from "../../elements/AccessibleButton";
+
+// Height of the header duplicated from CSS because we need to subtract it from our max
+// height to get the max height of the video
+const CONTEXT_MENU_VPADDING = 8; // How far the context menu sits above the button (px)
+
+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>;
+};
+
+const LegacyCallViewToggleButton: FC<ButtonProps> = ({
+    children,
+    state: isOn,
+    className,
+    onLabel,
+    onIcon,
+    offLabel,
+    offIcon,
+    forceHide,
+    onHover,
+    ref,
+    ...props
+}) => {
+    const classes = classNames("mx_LegacyCallViewButtons_button", className, {
+        mx_LegacyCallViewButtons_button_on: isOn,
+        mx_LegacyCallViewButtons_button_off: !isOn,
+    });
+
+    const title = forceHide ? undefined : isOn ? onLabel : offLabel;
+
+    return (
+        <AccessibleButton
+            ref={ref}
+            className={classes}
+            title={title}
+            placement="top"
+            onTooltipOpenChange={onHover}
+            {...props}
+        >
+            {isOn ? onIcon : offIcon}
+            {children}
+        </AccessibleButton>
+    );
+};
+
+interface IDropdownButtonProps extends ButtonProps {
+    deviceKinds: MediaDeviceKindEnum[];
+}
+
+const LegacyCallViewDropdownButton: React.FC<IDropdownButtonProps> = ({ state, deviceKinds, ...props }) => {
+    const [menuDisplayed, buttonRef, openMenu, closeMenu] = useContextMenu<HTMLDivElement>();
+    const [hoveringDropdown, setHoveringDropdown] = useState(false);
+
+    const onClick = (event: ButtonEvent): void => {
+        event.stopPropagation();
+        openMenu();
+    };
+
+    return (
+        <LegacyCallViewToggleButton
+            ref={buttonRef}
+            forceHide={menuDisplayed || hoveringDropdown}
+            state={state}
+            {...props}
+        >
+            <LegacyCallViewToggleButton
+                className="mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_dropdownButton"
+                onClick={onClick}
+                onIcon={<ChevronUpIcon />}
+                offIcon={<ChevronDownIcon />}
+                onHover={(hovering) => setHoveringDropdown(hovering)}
+                state={state}
+            />
+            {menuDisplayed && buttonRef.current && (
+                <DeviceContextMenu
+                    {...alwaysAboveRightOf(buttonRef.current.getBoundingClientRect())}
+                    onFinished={closeMenu}
+                    deviceKinds={deviceKinds}
+                />
+            )}
+        </LegacyCallViewToggleButton>
+    );
+};
+
+interface IProps {
+    call: MatrixCall;
+    pipMode?: boolean;
+    handlers: {
+        onHangupClick: () => void;
+        onScreenshareClick: () => void;
+        onToggleSidebarClick: () => void;
+        onMicMuteClick: () => void;
+        onVidMuteClick: () => void;
+    };
+    buttonsState: {
+        micMuted: boolean;
+        vidMuted: boolean;
+        sidebarShown: boolean;
+        screensharing: boolean;
+    };
+    buttonsVisibility: {
+        screensharing: boolean;
+        vidMute: boolean;
+        sidebar: boolean;
+        dialpad: boolean;
+        contextMenu: boolean;
+    };
+}
+
+interface IState {
+    visible: boolean;
+    showDialpad: boolean;
+    hoveringControls: boolean;
+    showMoreMenu: boolean;
+}
+
+export default class LegacyCallViewButtons extends React.Component<IProps, IState> {
+    private dialpadButton = createRef<HTMLDivElement>();
+    private contextMenuButton = createRef<HTMLDivElement>();
+    private controlsHideTimer: number | null = null;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            showDialpad: false,
+            hoveringControls: false,
+            showMoreMenu: false,
+            visible: true,
+        };
+    }
+
+    public componentDidMount(): void {
+        this.showControls();
+    }
+
+    public showControls(): void {
+        if (this.state.showMoreMenu || this.state.showDialpad) return;
+
+        if (!this.state.visible) {
+            this.setState({
+                visible: true,
+            });
+        }
+        if (this.controlsHideTimer !== null) {
+            clearTimeout(this.controlsHideTimer);
+        }
+        this.controlsHideTimer = window.setTimeout(this.onControlsHideTimer, CONTROLS_HIDE_DELAY);
+    }
+
+    private onControlsHideTimer = (): void => {
+        if (this.state.hoveringControls || this.state.showDialpad || this.state.showMoreMenu) return;
+        this.controlsHideTimer = null;
+        this.setState({ visible: false });
+    };
+
+    private onMouseEnter = (): void => {
+        this.setState({ hoveringControls: true });
+    };
+
+    private onMouseLeave = (): void => {
+        this.setState({ hoveringControls: false });
+    };
+
+    private onDialpadClick = (): void => {
+        if (!this.state.showDialpad) {
+            this.setState({ showDialpad: true });
+            this.showControls();
+        } else {
+            this.setState({ showDialpad: false });
+        }
+    };
+
+    private onMoreClick = (): void => {
+        this.setState({ showMoreMenu: true });
+        this.showControls();
+    };
+
+    private closeDialpad = (): void => {
+        this.setState({ showDialpad: false });
+    };
+
+    private closeContextMenu = (): void => {
+        this.setState({ showMoreMenu: false });
+    };
+
+    public render(): React.ReactNode {
+        const callControlsClasses = classNames("mx_LegacyCallViewButtons", {
+            mx_LegacyCallViewButtons_hidden: !this.state.visible,
+        });
+
+        let dialPad;
+        if (this.state.showDialpad && this.dialpadButton.current) {
+            dialPad = (
+                <DialpadContextMenu
+                    {...alwaysMenuProps(
+                        this.dialpadButton.current.getBoundingClientRect(),
+                        ChevronFace.None,
+                        CONTEXT_MENU_VPADDING,
+                    )}
+                    // We mount the context menus as a child typically in order to include the
+                    // context menus when fullscreening the call content.
+                    // However, this does not work as well when the call is embedded in a
+                    // picture-in-picture frame. Thus, only mount as child when we are *not* in PiP.
+                    mountAsChild={!this.props.pipMode}
+                    onFinished={this.closeDialpad}
+                    call={this.props.call}
+                />
+            );
+        }
+
+        let contextMenu;
+        if (this.state.showMoreMenu && this.contextMenuButton.current) {
+            contextMenu = (
+                <LegacyCallContextMenu
+                    {...alwaysMenuProps(
+                        this.contextMenuButton.current.getBoundingClientRect(),
+                        ChevronFace.None,
+                        CONTEXT_MENU_VPADDING,
+                    )}
+                    mountAsChild={!this.props.pipMode}
+                    onFinished={this.closeContextMenu}
+                    call={this.props.call}
+                />
+            );
+        }
+
+        return (
+            <div className={callControlsClasses} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
+                {dialPad}
+                {contextMenu}
+
+                {this.props.buttonsVisibility.dialpad && (
+                    <ContextMenuTooltipButton
+                        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]}
+                />
+                {this.props.buttonsVisibility.vidMute && (
+                    <LegacyCallViewDropdownButton
+                        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]}
+                    />
+                )}
+                {this.props.buttonsVisibility.screensharing && (
+                    <LegacyCallViewToggleButton
+                        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}
+                    />
+                )}
+                {this.props.buttonsVisibility.sidebar && (
+                    <LegacyCallViewToggleButton
+                        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"
+                        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/apps/web/src/components/views/voip/LegacyCallView/LegacyCallViewHeader.tsx b/apps/web/src/components/views/voip/LegacyCallView/LegacyCallViewHeader.tsx
new file mode 100644
index 00000000000..0b24909256d
--- /dev/null
+++ b/apps/web/src/components/views/voip/LegacyCallView/LegacyCallViewHeader.tsx
@@ -0,0 +1,115 @@
+/*
+Copyright 2021-2024 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 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";
+import AccessibleButton from "../../elements/AccessibleButton";
+
+interface LegacyCallControlsProps {
+    onExpand?: () => void;
+    onPin?: () => void;
+    onMaximize?: () => void;
+}
+
+const LegacyCallViewHeaderControls: React.FC<LegacyCallControlsProps> = ({ onExpand, onPin, onMaximize }) => {
+    return (
+        <div className="mx_LegacyCallViewHeader_controls">
+            {onMaximize && (
+                <AccessibleButton
+                    className="mx_LegacyCallViewHeader_button"
+                    onClick={onMaximize}
+                    title={_t("voip|maximise")}
+                >
+                    <ExpandIcon />
+                </AccessibleButton>
+            )}
+            {onPin && (
+                <AccessibleButton className="mx_LegacyCallViewHeader_button" onClick={onPin} title={_t("action|pin")}>
+                    <PinSolidIcon />
+                </AccessibleButton>
+            )}
+            {onExpand && (
+                <AccessibleButton
+                    className="mx_LegacyCallViewHeader_button"
+                    onClick={onExpand}
+                    title={_t("voip|expand")}
+                >
+                    <PopOutIcon />
+                </AccessibleButton>
+            )}
+        </div>
+    );
+};
+
+interface ISecondaryCallInfoProps {
+    callRoom: Room;
+}
+
+const SecondaryCallInfo: React.FC<ISecondaryCallInfoProps> = ({ callRoom }) => {
+    return (
+        <span className="mx_LegacyCallViewHeader_secondaryCallInfo">
+            <RoomAvatar room={callRoom} size="16px" />
+            <span className="mx_LegacyCallView_secondaryCall_roomName">
+                {_t("voip|on_hold", { name: callRoom.name })}
+            </span>
+        </span>
+    );
+};
+
+interface LegacyCallViewHeaderProps {
+    pipMode?: boolean;
+    callRooms: [Room, Room | null];
+    onPipMouseDown?: (event: React.MouseEvent) => void;
+    onExpand?: () => void;
+    onPin?: () => void;
+    onMaximize?: () => void;
+}
+
+const LegacyCallViewHeader: React.FC<LegacyCallViewHeaderProps> = ({
+    pipMode = false,
+    callRooms,
+    onPipMouseDown,
+    onExpand,
+    onPin,
+    onMaximize,
+}) => {
+    const [callRoom, onHoldCallRoom] = callRooms;
+    const callRoomName = callRoom.name;
+
+    if (!pipMode) {
+        return (
+            <div className="mx_LegacyCallViewHeader">
+                <div className="mx_LegacyCallViewHeader_icon">
+                    <VoiceCallSolidIcon />
+                </div>
+                <span className="mx_LegacyCallViewHeader_text">{_t("action|call")}</span>
+                <LegacyCallViewHeaderControls onMaximize={onMaximize} />
+            </div>
+        );
+    }
+    return (
+        <div className="mx_LegacyCallViewHeader mx_LegacyCallViewHeader_pip" onMouseDown={onPipMouseDown}>
+            <RoomAvatar room={callRoom} size="32px" />
+            <div className="mx_LegacyCallViewHeader_callInfo">
+                <div className="mx_LegacyCallViewHeader_roomName">{callRoomName}</div>
+                {onHoldCallRoom && <SecondaryCallInfo callRoom={onHoldCallRoom} />}
+            </div>
+            <LegacyCallViewHeaderControls onExpand={onExpand} onPin={onPin} onMaximize={onMaximize} />
+        </div>
+    );
+};
+
+export default LegacyCallViewHeader;
diff --git a/apps/web/src/components/views/voip/LegacyCallViewForRoom.tsx b/apps/web/src/components/views/voip/LegacyCallViewForRoom.tsx
new file mode 100644
index 00000000000..31d2671e04c
--- /dev/null
+++ b/apps/web/src/components/views/voip/LegacyCallViewForRoom.tsx
@@ -0,0 +1,128 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-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 { CallState, type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import React from "react";
+import { Resizable } from "re-resizable";
+
+import { LegacyCallHandlerEvent } from "../../../LegacyCallHandler";
+import LegacyCallView from "./LegacyCallView";
+import { SDKContext } from "../../../contexts/SDKContext";
+
+interface IProps {
+    // What room we should display the call for
+    roomId: string;
+
+    showApps?: boolean;
+}
+
+interface IState {
+    call: MatrixCall | null;
+    sidebarShown: boolean;
+}
+
+/*
+ * Wrapper for LegacyCallView that always display the call in a given room,
+ * or nothing if there is no call in that room.
+ */
+export default class LegacyCallViewForRoom extends React.Component<IProps, IState> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    public constructor(props: IProps, context: React.ContextType<typeof SDKContext>) {
+        super(props, context);
+        const call = this.getCall();
+        this.state = {
+            call,
+            sidebarShown: !!call && context.legacyCallHandler.isCallSidebarShown(call.callId),
+        };
+    }
+
+    public componentDidMount(): void {
+        this.context.legacyCallHandler.addListener(LegacyCallHandlerEvent.CallState, this.updateCall);
+        this.context.legacyCallHandler.addListener(LegacyCallHandlerEvent.CallChangeRoom, this.updateCall);
+        this.context.legacyCallHandler.addListener(LegacyCallHandlerEvent.ShownSidebarsChanged, this.updateCall);
+    }
+
+    public componentWillUnmount(): void {
+        this.context.legacyCallHandler.removeListener(LegacyCallHandlerEvent.CallState, this.updateCall);
+        this.context.legacyCallHandler.removeListener(LegacyCallHandlerEvent.CallChangeRoom, this.updateCall);
+        this.context.legacyCallHandler.removeListener(LegacyCallHandlerEvent.ShownSidebarsChanged, this.updateCall);
+    }
+
+    private updateCall = (): void => {
+        const newCall = this.getCall();
+        if (newCall !== this.state.call) {
+            this.setState({ call: newCall });
+        }
+        const newSidebarShown = !!newCall && this.context.legacyCallHandler.isCallSidebarShown(newCall.callId);
+        if (newSidebarShown !== this.state.sidebarShown) {
+            this.setState({ sidebarShown: newSidebarShown });
+        }
+    };
+
+    private getCall(): MatrixCall | null {
+        const call = this.context.legacyCallHandler.getCallForRoom(this.props.roomId);
+
+        if (call && [CallState.Ended, CallState.Ringing].includes(call.state)) return null;
+        return call;
+    }
+
+    private onResizeStart = (): void => {
+        this.context.resizeNotifier.startResizing();
+    };
+
+    private onResize = (): void => {
+        this.context.resizeNotifier.notifyTimelineHeightChanged();
+    };
+
+    private onResizeStop = (): void => {
+        this.context.resizeNotifier.stopResizing();
+    };
+
+    private setSidebarShown = (sidebarShown: boolean): void => {
+        if (!this.state.call) return;
+        this.context.legacyCallHandler.setCallSidebarShown(this.state.call.callId, sidebarShown);
+    };
+
+    public render(): React.ReactNode {
+        if (!this.state.call) return null;
+
+        return (
+            <div className="mx_LegacyCallViewForRoom">
+                <Resizable
+                    minHeight={380}
+                    maxHeight="80vh"
+                    enable={{
+                        top: false,
+                        right: false,
+                        bottom: true,
+                        left: false,
+                        topRight: false,
+                        bottomRight: false,
+                        bottomLeft: false,
+                        topLeft: false,
+                    }}
+                    onResizeStart={this.onResizeStart}
+                    onResize={this.onResize}
+                    onResizeStop={this.onResizeStop}
+                    className="mx_LegacyCallViewForRoom_ResizeWrapper"
+                    handleClasses={{ bottom: "mx_LegacyCallViewForRoom_ResizeHandle" }}
+                >
+                    <LegacyCallView
+                        call={this.state.call}
+                        pipMode={false}
+                        showApps={this.props.showApps}
+                        sidebarShown={this.state.sidebarShown}
+                        setSidebarShown={this.setSidebarShown}
+                    />
+                </Resizable>
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/components/views/voip/LegacyCallViewSidebar.tsx b/apps/web/src/components/views/voip/LegacyCallViewSidebar.tsx
new file mode 100644
index 00000000000..71140bff9c4
--- /dev/null
+++ b/apps/web/src/components/views/voip/LegacyCallViewSidebar.tsx
@@ -0,0 +1,42 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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 from "react";
+import { type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import { type CallFeed } from "matrix-js-sdk/src/webrtc/callFeed";
+import classNames from "classnames";
+
+import VideoFeed from "./VideoFeed";
+
+interface IProps {
+    feeds: Array<CallFeed>;
+    call: MatrixCall;
+    pipMode: boolean;
+}
+
+export default class LegacyCallViewSidebar extends React.Component<IProps> {
+    public render(): React.ReactNode {
+        const feeds = this.props.feeds.map((feed) => {
+            return (
+                <VideoFeed
+                    key={feed.stream.id}
+                    feed={feed}
+                    call={this.props.call}
+                    primary={false}
+                    pipMode={this.props.pipMode}
+                />
+            );
+        });
+
+        const className = classNames("mx_LegacyCallViewSidebar", {
+            mx_LegacyCallViewSidebar_pipMode: this.props.pipMode,
+        });
+
+        return <div className={className}>{feeds}</div>;
+    }
+}
diff --git a/apps/web/src/components/views/voip/VideoFeed.tsx b/apps/web/src/components/views/voip/VideoFeed.tsx
new file mode 100644
index 00000000000..9023491901b
--- /dev/null
+++ b/apps/web/src/components/views/voip/VideoFeed.tsx
@@ -0,0 +1,225 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2015, 2016 , 2019, 2020, 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 classnames from "classnames";
+import { type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import React from "react";
+import { type CallFeed, CallFeedEvent } from "matrix-js-sdk/src/webrtc/callFeed";
+import { logger } from "matrix-js-sdk/src/logger";
+import { SDPStreamMetadataPurpose } from "matrix-js-sdk/src/webrtc/callEventTypes";
+import { MicOffSolidIcon, MicOnSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import SettingsStore from "../../../settings/SettingsStore";
+import RoomAvatar from "../avatars/RoomAvatar";
+import { SDKContext } from "../../../contexts/SDKContext.ts";
+
+interface IProps {
+    call: MatrixCall;
+
+    feed: CallFeed;
+
+    // Whether this call view is for picture-in-picture mode
+    // otherwise, it's the larger call view when viewing the room the call is in.
+    // This is sort of a proxy for a number of things but we currently have no
+    // need to control those things separately, so this is simpler.
+    pipMode?: boolean;
+
+    // a callback which is called when the video element is resized
+    // due to a change in video metadata
+    onResize?: (e: Event) => void;
+
+    primary?: boolean;
+    secondary?: boolean;
+}
+
+interface IState {
+    audioMuted: boolean;
+    videoMuted: boolean;
+}
+
+export default class VideoFeed extends React.PureComponent<IProps, IState> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    private element?: HTMLVideoElement;
+
+    public constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            audioMuted: this.props.feed.isAudioMuted(),
+            videoMuted: this.props.feed.isVideoMuted(),
+        };
+    }
+
+    public componentDidMount(): void {
+        this.updateFeed(null, this.props.feed);
+        this.playMedia();
+    }
+
+    public componentWillUnmount(): void {
+        this.updateFeed(this.props.feed, null);
+    }
+
+    public componentDidUpdate(prevProps: IProps, prevState: IState): void {
+        this.updateFeed(prevProps.feed, this.props.feed);
+        // If the mutes state has changed, we try to playMedia()
+        if (prevState.videoMuted !== this.state.videoMuted || prevProps.feed.stream !== this.props.feed.stream) {
+            this.playMedia();
+        }
+    }
+
+    public static getDerivedStateFromProps(props: IProps): IState {
+        return {
+            audioMuted: props.feed.isAudioMuted(),
+            videoMuted: props.feed.isVideoMuted(),
+        };
+    }
+
+    private setElementRef = (element: HTMLVideoElement): void => {
+        if (!element) {
+            this.element?.removeEventListener("resize", this.onResize);
+            return;
+        }
+
+        this.element = element;
+        element.addEventListener("resize", this.onResize);
+    };
+
+    private updateFeed(oldFeed: CallFeed | null, newFeed: CallFeed | null): void {
+        if (oldFeed === newFeed) return;
+
+        if (oldFeed) {
+            this.props.feed.removeListener(CallFeedEvent.NewStream, this.onNewStream);
+            this.props.feed.removeListener(CallFeedEvent.MuteStateChanged, this.onMuteStateChanged);
+            if (this.props.feed.purpose === SDPStreamMetadataPurpose.Usermedia) {
+                this.props.feed.measureVolumeActivity(false);
+            }
+            this.stopMedia();
+        }
+        if (newFeed) {
+            this.props.feed.addListener(CallFeedEvent.NewStream, this.onNewStream);
+            this.props.feed.addListener(CallFeedEvent.MuteStateChanged, this.onMuteStateChanged);
+            if (this.props.feed.purpose === SDPStreamMetadataPurpose.Usermedia) {
+                this.props.feed.measureVolumeActivity(true);
+            }
+            this.playMedia();
+        }
+    }
+
+    private async playMedia(): Promise<void> {
+        const element = this.element;
+        if (!element) return;
+        // We play audio in AudioFeed, not here
+        element.muted = true;
+        element.srcObject = this.props.feed.stream;
+        element.autoplay = true;
+        try {
+            // A note on calling methods on media elements:
+            // We used to have queues per media element to serialise all calls on those elements.
+            // The reason given for this was that load() and play() were racing. However, we now
+            // never call load() explicitly so this seems unnecessary. However, serialising every
+            // operation was causing bugs where video would not resume because some play command
+            // had got stuck and all media operations were queued up behind it. If necessary, we
+            // should serialise the ones that need to be serialised but then be able to interrupt
+            // them with another load() which will cancel the pending one, but since we don't call
+            // load() explicitly, it shouldn't be a problem. - Dave
+            await element.play();
+        } catch (e) {
+            logger.info(
+                `Failed to play media element with feed for userId ` +
+                    `${this.props.feed.userId} with purpose ${this.props.feed.purpose}`,
+                e,
+            );
+        }
+    }
+
+    private stopMedia(): void {
+        const element = this.element;
+        if (!element) return;
+
+        element.pause();
+        element.removeAttribute("src");
+
+        // As per comment in componentDidMount, setting the sink ID back to the
+        // default once the call is over makes setSinkId work reliably. - Dave
+        // Since we are not using the same element anymore, the above doesn't
+        // seem to be necessary - Šimon
+    }
+
+    private onNewStream = (): void => {
+        this.setState({
+            audioMuted: this.props.feed.isAudioMuted(),
+            videoMuted: this.props.feed.isVideoMuted(),
+        });
+        this.playMedia();
+    };
+
+    private onMuteStateChanged = (): void => {
+        this.setState({
+            audioMuted: this.props.feed.isAudioMuted(),
+            videoMuted: this.props.feed.isVideoMuted(),
+        });
+    };
+
+    private onResize = (e: Event): void => {
+        if (this.props.onResize && !this.props.feed.isLocal()) {
+            this.props.onResize(e);
+        }
+    };
+
+    public render(): React.ReactNode {
+        const { pipMode, primary, secondary, feed } = this.props;
+
+        const wrapperClasses = classnames("mx_VideoFeed", {
+            mx_VideoFeed_primary: primary,
+            mx_VideoFeed_secondary: secondary,
+            mx_VideoFeed_voice: this.state.videoMuted,
+        });
+
+        let micIcon;
+        if (feed.purpose !== SDPStreamMetadataPurpose.Screenshare && !pipMode) {
+            micIcon = (
+                <div className="mx_VideoFeed_mic">
+                    {this.state.audioMuted ? <MicOffSolidIcon /> : <MicOnSolidIcon />}
+                </div>
+            );
+        }
+
+        let content;
+        if (this.state.videoMuted) {
+            const callRoomId = this.context.legacyCallHandler.roomIdForCall(this.props.call);
+            const callRoom = (callRoomId ? this.context.client?.getRoom(callRoomId) : undefined) ?? undefined;
+
+            let avatarSize;
+            if (pipMode && primary) avatarSize = "76px";
+            else if (pipMode && !primary) avatarSize = "16px";
+            else if (!pipMode && primary) avatarSize = "160px";
+            else; // TBD
+
+            content = <RoomAvatar room={callRoom} size={avatarSize} />;
+        } else {
+            const videoClasses = classnames("mx_VideoFeed_video", {
+                mx_VideoFeed_video_mirror:
+                    this.props.feed.isLocal() &&
+                    this.props.feed.purpose === SDPStreamMetadataPurpose.Usermedia &&
+                    SettingsStore.getValue("VideoView.flipVideoHorizontally"),
+            });
+
+            content = <video className={videoClasses} ref={this.setElementRef} />;
+        }
+
+        return (
+            <div className={wrapperClasses}>
+                {micIcon}
+                {content}
+            </div>
+        );
+    }
+}
diff --git a/apps/web/src/contexts/CurrentRightPanelPhaseContext.tsx b/apps/web/src/contexts/CurrentRightPanelPhaseContext.tsx
new file mode 100644
index 00000000000..e05bc53bd8c
--- /dev/null
+++ b/apps/web/src/contexts/CurrentRightPanelPhaseContext.tsx
@@ -0,0 +1,31 @@
+/*
+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, { createContext, useMemo } from "react";
+
+import { useCurrentPhase } from "../hooks/right-panel/useCurrentPhase";
+import { type RightPanelPhases } from "../stores/right-panel/RightPanelStorePhases";
+
+type Context = {
+    isPanelOpen: boolean;
+    currentPhase: RightPanelPhases | null;
+};
+
+export const CurrentRightPanelPhaseContext = createContext<Context | null>(null);
+
+type Props = {
+    roomId: string;
+};
+
+export const CurrentRightPanelPhaseContextProvider: React.FC<React.PropsWithChildren<Props>> = ({
+    roomId,
+    children,
+}) => {
+    const { currentPhase, isOpen } = useCurrentPhase(roomId);
+    const context = useMemo(() => ({ currentPhase, isPanelOpen: isOpen }), [currentPhase, isOpen]);
+    return <CurrentRightPanelPhaseContext.Provider value={context}>{children}</CurrentRightPanelPhaseContext.Provider>;
+};
diff --git a/apps/web/src/contexts/LocalDeviceVerificationStateContext.ts b/apps/web/src/contexts/LocalDeviceVerificationStateContext.ts
new file mode 100644
index 00000000000..9d0a24ede03
--- /dev/null
+++ b/apps/web/src/contexts/LocalDeviceVerificationStateContext.ts
@@ -0,0 +1,16 @@
+/*
+ * 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";
+
+/**
+ * React context whose value is whether the local device has been verified.
+ *
+ * (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.)
+ */
+export const LocalDeviceVerificationStateContext = createContext(false);
diff --git a/apps/web/src/contexts/MatrixClientContext.tsx b/apps/web/src/contexts/MatrixClientContext.tsx
new file mode 100644
index 00000000000..1783c9a12f0
--- /dev/null
+++ b/apps/web/src/contexts/MatrixClientContext.tsx
@@ -0,0 +1,39 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 ComponentClass, createContext, useContext } from "react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+// This context is available to components under LoggedInView,
+// the context must not be used by components outside a MatrixClientContext tree.
+// This assertion allows us to make the type not nullable.
+const MatrixClientContext = createContext<MatrixClient>(null as any);
+MatrixClientContext.displayName = "MatrixClientContext";
+export default MatrixClientContext;
+
+export interface MatrixClientProps {
+    mxClient: MatrixClient;
+}
+
+export function useMatrixClientContext(): MatrixClient {
+    return useContext(MatrixClientContext);
+}
+
+const matrixHOC =
+    <ComposedComponentProps extends object>(
+        ComposedComponent: ComponentClass<ComposedComponentProps>,
+    ): ((
+        props: Omit<ComposedComponentProps, "mxClient"> & React.RefAttributes<InstanceType<typeof ComposedComponent>>,
+    ) => React.ReactElement | null) =>
+    (props) => {
+        const client = useContext(MatrixClientContext);
+
+        // @ts-ignore
+        return <ComposedComponent {...props} mxClient={client} />;
+    };
+export const withMatrixClientHOC = matrixHOC;
diff --git a/apps/web/src/contexts/RoomContext.ts b/apps/web/src/contexts/RoomContext.ts
new file mode 100644
index 00000000000..c4a4d45c5de
--- /dev/null
+++ b/apps/web/src/contexts/RoomContext.ts
@@ -0,0 +1,85 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { createContext } from "react";
+
+import { type IRoomState } from "../components/structures/RoomView";
+import { Layout } from "../settings/enums/Layout";
+import { type RoomViewStore } from "../stores/RoomViewStore";
+
+export enum TimelineRenderingType {
+    Room = "Room",
+    Thread = "Thread",
+    ThreadsList = "ThreadsList",
+    File = "File",
+    Notification = "Notification",
+    Search = "Search",
+    Pinned = "Pinned",
+}
+
+// This defines the content of the mainSplit.
+// If the mainSplit does not contain the Timeline, the chat is shown in the right panel.
+export enum MainSplitContentType {
+    Timeline,
+    MaximisedWidget,
+    Call,
+}
+
+export interface RoomContextType extends IRoomState {
+    threadId?: string;
+    roomViewStore: RoomViewStore;
+}
+
+const RoomContext = createContext<RoomContextType>({
+    roomLoading: true,
+    peekLoading: false,
+    shouldPeek: true,
+    membersLoaded: false,
+    numUnreadMessages: 0,
+    canPeek: false,
+    showApps: false,
+    isPeeking: false,
+    showRightPanel: true,
+    joining: false,
+    showTopUnreadMessagesBar: false,
+    statusBarVisible: false,
+    canReact: false,
+    canSelfRedact: false,
+    canSendMessages: false,
+    resizing: false,
+    layout: Layout.Group,
+    lowBandwidth: false,
+    alwaysShowTimestamps: false,
+    showTwelveHourTimestamps: false,
+    userTimezone: undefined,
+    readMarkerInViewThresholdMs: 3000,
+    readMarkerOutOfViewThresholdMs: 30000,
+    showHiddenEvents: false,
+    showReadReceipts: true,
+    showRedactions: true,
+    showJoinLeaves: true,
+    showAvatarChanges: true,
+    showDisplaynameChanges: true,
+    matrixClientIsReady: false,
+    showUrlPreview: false,
+    timelineRenderingType: TimelineRenderingType.Room,
+    mainSplitContentType: MainSplitContentType.Timeline,
+    threadId: undefined,
+    liveTimeline: undefined,
+    narrow: false,
+    msc3946ProcessDynamicPredecessor: false,
+    canAskToJoin: false,
+    promptAskToJoin: false,
+    viewRoomOpts: { buttons: [] },
+    isRoomEncrypted: null,
+    // roomViewStore should always be present as it is passed to RoomView constructor.
+    // In time when we migrate the RoomView to MVVM it will cease to exist(become a ViewModel).
+    roomViewStore: undefined!,
+});
+RoomContext.displayName = "RoomContext";
+export default RoomContext;
diff --git a/apps/web/src/contexts/SDKContext.ts b/apps/web/src/contexts/SDKContext.ts
new file mode 100644
index 00000000000..a424035ecc3
--- /dev/null
+++ b/apps/web/src/contexts/SDKContext.ts
@@ -0,0 +1,20 @@
+/*
+Copyright 2026 Element Creations Ltd.
+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 { createContext } from "react";
+
+import { type SDKContextClass } from "./SDKContextClass";
+
+// This context is available to components under MatrixChat,
+// the context must not be used by components outside a SDKContextClass tree.
+// This assertion allows us to make the type not nullable.
+// This file is deliberately kept separate from the actual instantiation of the
+// stores to keep just a type import to the SDKContextClass itself.
+export const SDKContext = createContext<SDKContextClass>(null as any);
+SDKContext.displayName = "SDKContext";
diff --git a/apps/web/src/contexts/SDKContextClass.test.ts b/apps/web/src/contexts/SDKContextClass.test.ts
new file mode 100644
index 00000000000..60cdb10295c
--- /dev/null
+++ b/apps/web/src/contexts/SDKContextClass.test.ts
@@ -0,0 +1,58 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, beforeAll, beforeEach } from "vitest";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { createTestClient, TestSDKContext } from "test-utils";
+
+import { SDKContextClass } from "./SDKContextClass";
+import { UserProfilesStore } from "../stores/UserProfilesStore";
+
+describe("SDKContextClass", () => {
+    let sdkContext: TestSDKContext;
+    let client: MatrixClient;
+
+    beforeAll(() => {
+        client = createTestClient();
+    });
+
+    beforeEach(() => {
+        sdkContext = new TestSDKContext();
+    });
+
+    it("instance should always return the same instance", () => {
+        const globalInstance = SDKContextClass.instance;
+        expect(SDKContextClass.instance).toBe(globalInstance);
+    });
+
+    it("userProfilesStore should raise an error without a client", () => {
+        expect(() => sdkContext.userProfilesStore).toThrow("Unable to create UserProfilesStore without a client");
+    });
+
+    describe("when SDKContext has a client", () => {
+        beforeEach(() => {
+            sdkContext._client = client;
+        });
+
+        it("userProfilesStore should return a UserProfilesStore", () => {
+            const store = sdkContext.userProfilesStore;
+            expect(store).toBeInstanceOf(UserProfilesStore);
+            // it should return the same instance
+            expect(sdkContext.userProfilesStore).toBe(store);
+        });
+
+        it("onLoggedOut should clear the UserProfilesStore", () => {
+            const store = sdkContext.userProfilesStore;
+            sdkContext.onLoggedOut();
+            sdkContext._client = client;
+            expect(sdkContext.userProfilesStore).not.toBe(store);
+        });
+    });
+});
diff --git a/apps/web/src/contexts/SDKContextClass.ts b/apps/web/src/contexts/SDKContextClass.ts
new file mode 100644
index 00000000000..70d7f817d9f
--- /dev/null
+++ b/apps/web/src/contexts/SDKContextClass.ts
@@ -0,0 +1,227 @@
+/*
+Copyright 2026 Element Creations Ltd.
+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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import defaultDispatcher from "../dispatcher/dispatcher";
+import LegacyCallHandler from "../LegacyCallHandler";
+import { PosthogAnalytics } from "../PosthogAnalytics";
+import { SlidingSyncManager } from "../SlidingSyncManager";
+import { MemberListStore } from "../stores/MemberListStore";
+import { RoomNotificationStateStore } from "../stores/notifications/RoomNotificationStateStore";
+import RightPanelStore from "../stores/right-panel/RightPanelStore";
+import { RoomViewStore } from "../stores/RoomViewStore";
+import SpaceStore from "../stores/spaces/SpaceStore";
+import TypingStore from "../stores/TypingStore";
+import { UserProfilesStore } from "../stores/UserProfilesStore";
+import { WidgetLayoutStore } from "../stores/widgets/WidgetLayoutStore";
+import { WidgetPermissionStore } from "../stores/widgets/WidgetPermissionStore";
+import WidgetStore from "../stores/WidgetStore";
+import ResizeNotifier from "../utils/ResizeNotifier";
+import { MultiRoomViewStore } from "../stores/MultiRoomViewStore";
+import { type ActionPayload, isAction } from "../dispatcher/payloads.ts";
+import { Action } from "../dispatcher/actions.ts";
+import { type OnLoggedInPayload } from "../dispatcher/payloads/OnLoggedInPayload.ts";
+import Notifier from "../Notifier.ts";
+import SettingController from "../settings/controllers/SettingController.ts";
+import { CallStore } from "../stores/CallStore";
+import { LatestRtcNotificationEventStore } from "../stores/LatestRtcNotificationEventStore";
+
+/**
+ * A class which (mostly) lazily initialises stores as and when they are requested, ensuring they remain
+ * as singletons scoped to this object.
+ *
+ * Since this does the actual construction of all stores, it is *very* heavy on imports and lives right near
+ * the top of the import tree. If anything other than code to set up the app (or tests) are importing this file,
+ * it's doing it wrong and should be accessing whatever it needs via the react context.
+ */
+export class SDKContextClass {
+    /**
+     * The global SDKContextClass instance. This is a temporary measure whilst so many stores remain global
+     * as well. Over time, these stores should accept a `SDKContextClass` instance in their constructor.
+     * When all stores do this, this static variable can be deleted.
+     */
+    public static readonly instance = new SDKContextClass();
+
+    // Optional as we don't have a client on initial load if unregistered.
+    // It is only safe to set this once, as updating this value will NOT notify components using
+    // this Context.
+    protected _client?: MatrixClient;
+    public get client(): MatrixClient | undefined {
+        return this._client;
+    }
+
+    // All protected fields to make it easier to derive test stores
+    protected _WidgetPermissionStore?: WidgetPermissionStore;
+    protected _MemberListStore?: MemberListStore;
+    protected _RightPanelStore?: RightPanelStore;
+    protected _RoomNotificationStateStore?: RoomNotificationStateStore;
+    protected _RoomViewStore?: RoomViewStore;
+    protected _WidgetLayoutStore?: WidgetLayoutStore;
+    protected _WidgetStore?: WidgetStore;
+    protected _PosthogAnalytics?: PosthogAnalytics;
+    protected _SlidingSyncManager?: SlidingSyncManager;
+    protected _SpaceStore?: SpaceStore;
+    protected _LegacyCallHandler?: LegacyCallHandler;
+    protected _TypingStore?: TypingStore;
+    protected _UserProfilesStore?: UserProfilesStore;
+    protected _ResizeNotifier?: ResizeNotifier;
+    protected _MultiRoomViewStore?: MultiRoomViewStore;
+    protected _Notifier?: Notifier;
+    protected _CallStore?: CallStore;
+    protected _LatestRtcNotificationEventStore?: LatestRtcNotificationEventStore;
+
+    public constructor() {
+        SettingController.sdkContext = this;
+
+        defaultDispatcher.register(this.onDispatch);
+    }
+
+    private onDispatch = (payload: ActionPayload): void => {
+        if (isAction<OnLoggedInPayload>(payload, Action.OnLoggedIn)) {
+            this._client = payload.client;
+        }
+    };
+
+    /**
+     * Automatically construct stores which need to be created eagerly so they can register with
+     * the dispatcher.
+     */
+    public constructEagerStores(): void {
+        this._RoomViewStore = this.roomViewStore;
+    }
+
+    public get legacyCallHandler(): LegacyCallHandler {
+        if (!this._LegacyCallHandler) {
+            this._LegacyCallHandler = new LegacyCallHandler(this);
+        }
+        return this._LegacyCallHandler;
+    }
+    public get rightPanelStore(): RightPanelStore {
+        if (!this._RightPanelStore) {
+            this._RightPanelStore = RightPanelStore.instance;
+        }
+        return this._RightPanelStore;
+    }
+    public get roomNotificationStateStore(): RoomNotificationStateStore {
+        if (!this._RoomNotificationStateStore) {
+            this._RoomNotificationStateStore = RoomNotificationStateStore.instance;
+        }
+        return this._RoomNotificationStateStore;
+    }
+    public get roomViewStore(): RoomViewStore {
+        if (!this._RoomViewStore) {
+            this._RoomViewStore = new RoomViewStore(defaultDispatcher, this);
+        }
+        return this._RoomViewStore;
+    }
+    public get widgetLayoutStore(): WidgetLayoutStore {
+        if (!this._WidgetLayoutStore) {
+            this._WidgetLayoutStore = WidgetLayoutStore.instance;
+        }
+        return this._WidgetLayoutStore;
+    }
+    public get widgetPermissionStore(): WidgetPermissionStore {
+        if (!this._WidgetPermissionStore) {
+            this._WidgetPermissionStore = new WidgetPermissionStore(this);
+        }
+        return this._WidgetPermissionStore;
+    }
+    public get widgetStore(): WidgetStore {
+        if (!this._WidgetStore) {
+            this._WidgetStore = WidgetStore.instance;
+        }
+        return this._WidgetStore;
+    }
+    public get posthogAnalytics(): PosthogAnalytics {
+        if (!this._PosthogAnalytics) {
+            this._PosthogAnalytics = PosthogAnalytics.instance;
+        }
+        return this._PosthogAnalytics;
+    }
+    public get memberListStore(): MemberListStore {
+        if (!this._MemberListStore) {
+            this._MemberListStore = new MemberListStore(this);
+        }
+        return this._MemberListStore;
+    }
+    public get slidingSyncManager(): SlidingSyncManager {
+        if (!this._SlidingSyncManager) {
+            this._SlidingSyncManager = SlidingSyncManager.instance;
+        }
+        return this._SlidingSyncManager;
+    }
+    public get spaceStore(): SpaceStore {
+        if (!this._SpaceStore) {
+            this._SpaceStore = new SpaceStore(defaultDispatcher, this);
+            this._SpaceStore.start();
+        }
+        return this._SpaceStore;
+    }
+    public get typingStore(): TypingStore {
+        if (!this._TypingStore) {
+            this._TypingStore = new TypingStore(this);
+        }
+        return this._TypingStore;
+    }
+
+    public get userProfilesStore(): UserProfilesStore {
+        if (!this.client) {
+            throw new Error("Unable to create UserProfilesStore without a client");
+        }
+
+        if (!this._UserProfilesStore) {
+            this._UserProfilesStore = new UserProfilesStore(this.client);
+        }
+
+        return this._UserProfilesStore;
+    }
+
+    // This is getting increasingly tenuous to have here but we still have class components so it's
+    // awkward to consume multiple contexts in them. This should be replaced with ResizeObservers
+    // anyway really.
+    public get resizeNotifier(): ResizeNotifier {
+        if (!this._ResizeNotifier) {
+            this._ResizeNotifier = new ResizeNotifier();
+        }
+        return this._ResizeNotifier;
+    }
+
+    public get multiRoomViewStore(): MultiRoomViewStore {
+        if (!this._MultiRoomViewStore) {
+            this._MultiRoomViewStore = new MultiRoomViewStore(defaultDispatcher, this);
+        }
+        return this._MultiRoomViewStore;
+    }
+
+    public get notifier(): Notifier {
+        if (!this._Notifier) {
+            this._Notifier = new Notifier(defaultDispatcher, this);
+        }
+        return this._Notifier;
+    }
+
+    public get callStore(): CallStore {
+        this._CallStore ??= CallStore.instance;
+        return this._CallStore;
+    }
+
+    public get latestRtcNotificationEventStore(): LatestRtcNotificationEventStore {
+        if (!this._LatestRtcNotificationEventStore) {
+            this._LatestRtcNotificationEventStore = new LatestRtcNotificationEventStore(this.callStore);
+            this._LatestRtcNotificationEventStore.start();
+        }
+        return this._LatestRtcNotificationEventStore;
+    }
+
+    public onLoggedOut(): void {
+        this._UserProfilesStore = undefined;
+        this._client = undefined;
+    }
+}
diff --git a/apps/web/src/contexts/ScopedRoomContext.tsx b/apps/web/src/contexts/ScopedRoomContext.tsx
new file mode 100644
index 00000000000..7bbd27b40c6
--- /dev/null
+++ b/apps/web/src/contexts/ScopedRoomContext.tsx
@@ -0,0 +1,89 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { TypedEventEmitter } from "matrix-js-sdk/src/matrix";
+import React, {
+    type JSX,
+    type ContextType,
+    createContext,
+    memo,
+    type ReactNode,
+    useContext,
+    useEffect,
+    useMemo,
+    useState,
+} from "react";
+
+import { objectKeyChanges } from "../utils/objects.ts";
+import { useTypedEventEmitter } from "../hooks/useEventEmitter.ts";
+import RoomContext from "./RoomContext.ts";
+
+// React Contexts with frequently changing values (like State where the object reference is changed on every update)
+// cause performance issues by triggering a re-render on every component subscribed to that context.
+// With ScopedRoomContext we're effectively setting up virtual contexts which are a subset of the overall context object
+// and subscribers specify which fields they care about, and they will only be awoken on updates to those specific fields.
+
+type ContextValue = ContextType<typeof RoomContext>;
+
+export enum NotificationStateEvents {
+    Update = "update",
+}
+
+type EventHandlerMap<C extends Record<string, any>> = {
+    [NotificationStateEvents.Update]: (keys: Array<keyof C>) => void;
+};
+
+class EfficientContext<C extends Record<string, any>> extends TypedEventEmitter<
+    NotificationStateEvents,
+    EventHandlerMap<C>
+> {
+    public constructor(public state: C) {
+        super();
+    }
+
+    public setState(state: C): void {
+        const changedKeys = objectKeyChanges(this.state ?? ({} as C), state);
+        this.state = state;
+        this.emit(NotificationStateEvents.Update, changedKeys);
+    }
+}
+
+const ScopedRoomContext = createContext<EfficientContext<ContextValue> | undefined>(undefined);
+
+// Uses react memo and leverages splatting the value to ensure that the context is only updated when the state changes (shallow compare)
+export const ScopedRoomContextProvider = memo(
+    ({ children, ...state }: { children: ReactNode } & ContextValue): JSX.Element => {
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        const context = useMemo(() => new EfficientContext<ContextValue>(state), []);
+        useEffect(() => {
+            context.setState(state);
+        }, [context, state]);
+
+        // Includes the legacy RoomContext provider for backwards compatibility with class components
+        return (
+            <RoomContext.Provider value={state}>
+                <ScopedRoomContext.Provider value={context}>{children}</ScopedRoomContext.Provider>
+            </RoomContext.Provider>
+        );
+    },
+);
+
+type ScopedRoomContext<K extends Array<keyof ContextValue>> = { [key in K[number]]: ContextValue[key] };
+
+export function useScopedRoomContext<K extends Array<keyof ContextValue>>(...keys: K): ScopedRoomContext<K> {
+    const context = useContext(ScopedRoomContext);
+    const [state, setState] = useState<ScopedRoomContext<K>>(context?.state ?? ({} as ScopedRoomContext<K>));
+
+    useTypedEventEmitter(context, NotificationStateEvents.Update, (updatedKeys: K): void => {
+        if (context?.state && updatedKeys.some((updatedKey) => keys.includes(updatedKey))) {
+            setState(context.state);
+        }
+    });
+
+    return state;
+}
diff --git a/apps/web/src/createRoom.ts b/apps/web/src/createRoom.ts
new file mode 100644
index 00000000000..d83db683049
--- /dev/null
+++ b/apps/web/src/createRoom.ts
@@ -0,0 +1,605 @@
+/*
+Copyright 2025 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+import {
+    type MatrixClient,
+    ClientEvent,
+    type Room,
+    EventType,
+    RoomCreateTypeField,
+    RoomType,
+    type ICreateRoomOpts,
+    HistoryVisibility,
+    JoinRule,
+    Preset,
+    RestrictedAllowType,
+    Visibility,
+    Direction,
+    RoomStateEvent,
+    type RoomState,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type RoomEncryptionEventContent } from "matrix-js-sdk/src/types";
+
+import Modal, { type IHandle } from "./Modal";
+import { _t, UserFriendlyError } from "./languageHandler";
+import dis from "./dispatcher/dispatcher";
+import * as Rooms from "./Rooms";
+import { getAddressType } from "./UserAddress";
+import { makeSpaceParentEvent } from "./utils/space";
+import { JitsiCall, ElementCall } from "./models/Call";
+import { Action } from "./dispatcher/actions";
+import ErrorDialog from "./components/views/dialogs/ErrorDialog";
+import Spinner from "./components/views/elements/Spinner";
+import { type ViewRoomPayload } from "./dispatcher/payloads/ViewRoomPayload";
+import { findDMForUser } from "./utils/dm/findDMForUser";
+import { privateShouldBeEncrypted } from "./utils/rooms";
+import { shouldForceDisableEncryption } from "./utils/crypto/shouldForceDisableEncryption";
+import { waitForMember } from "./utils/membership";
+import { doesRoomVersionSupport, PreferredRoomVersions } from "./utils/PreferredRoomVersions";
+import { MEGOLM_ENCRYPTION_ALGORITHM } from "./utils/crypto";
+import { ElementCallMemberEventType } from "./call-types";
+import { htmlSerializeFromMdIfNeeded } from "./editor/serialize";
+import { SDKContextClass } from "./contexts/SDKContextClass.ts";
+import SdkConfig from "./SdkConfig";
+
+// we define a number of interfaces which take their names from the js-sdk
+export interface IOpts {
+    dmUserId?: string;
+    /**
+     * The name of the room to be created.
+     */
+    name?: string;
+    /**
+     * The topic for the room.
+     */
+    topic?: string;
+    /**
+     * Additional options to pass to the room creation API.
+     * Note: "name", "topic", and "avatar" should be set via their respective properties in IOpts.
+     */
+    createOpts?: Omit<ICreateRoomOpts, "name" | "topic" | "avatar">;
+    spinner?: boolean;
+    guestAccess?: boolean;
+    encryption?: boolean;
+    /**
+     * Encrypt state events as per MSC4362
+     */
+    stateEncryption?: boolean;
+    inlineErrors?: boolean;
+    andView?: boolean;
+    avatar?: File | string; // will upload if given file, else mxcUrl is needed
+    roomType?: RoomType | string;
+    historyVisibility?: HistoryVisibility;
+    parentSpace?: Room;
+    // contextually only makes sense if parentSpace is specified, if true then will be added to parentSpace as suggested
+    suggested?: boolean;
+    joinRule?: JoinRule;
+}
+
+/**
+ * The power levels set by synapse as of 30.06.2026.
+ * If power_level_content_override is used, these values should be used
+ * as a starting point to ensure the expected room power levels.
+ *
+ * NOTE: power_level_content_override does do a merge but NOT a deep merge.
+ * e.g. "ban": 50, will still be set by the server when `power_level_content_override = {events: {"custom": 0}}`
+ * BUT `events` will lose all the other default props listed below.
+ * So we have to do: `power_level_content_override = {events: {...POWER_LEVEL_EVENTS_DEFAULT, "custom": 0}}`
+ * This is very unfortunate if defaults change in synapse we have to keep the sdk in sync... (todo)
+ */
+export const DEFAULT_EVENTS_POWER_LEVEL = {
+    [EventType.RoomAvatar]: 50,
+    [EventType.RoomCanonicalAlias]: 50,
+    [EventType.RoomEncryption]: 100,
+    [EventType.RoomHistoryVisibility]: 100,
+    [EventType.RoomName]: 50,
+    [EventType.RoomPowerLevels]: 100,
+    [EventType.RoomServerAcl]: 100,
+    [EventType.RoomTombstone]: 100,
+};
+
+/**
+ * Create a new room, and switch to it.
+ *
+ * @param client The Matrix Client instance to create the room with
+ * @param {object=} opts parameters for creating the room
+ * @param {string=} opts.dmUserId If specified, make this a DM room for this user and invite them
+ * @param {object=} opts.createOpts set of options to pass to createRoom call.
+ * @param {bool=} opts.spinner True to show a modal spinner while the room is created.
+ *     Default: True
+ * @param {bool=} opts.guestAccess Whether to enable guest access.
+ *     Default: True
+ * @param {bool=} opts.encryption Whether to enable encryption.
+ *     Default: False
+ * @param {bool=} opts.inlineErrors True to raise errors off the promise instead of resolving to null.
+ *     Default: False
+ * @param {bool=} opts.andView True to dispatch an action to view the room once it has been created.
+ *
+ * @returns {Promise} which resolves to the room id, or null if the
+ * action was aborted or failed.
+ */
+export default async function createRoom(client: MatrixClient, opts: IOpts): Promise<string | null> {
+    opts = opts || {};
+    if (opts.spinner === undefined) opts.spinner = true;
+    if (opts.guestAccess === undefined) opts.guestAccess = true;
+    if (opts.encryption === undefined) opts.encryption = false;
+    if (opts.stateEncryption === undefined) opts.stateEncryption = false;
+
+    if (client.isGuest()) {
+        dis.dispatch({ action: "require_registration" });
+        return null;
+    }
+
+    const defaultPreset = opts.dmUserId ? Preset.TrustedPrivateChat : Preset.PrivateChat;
+
+    // set some defaults for the creation
+    const createOpts: ICreateRoomOpts = opts.createOpts || {};
+    createOpts.preset = createOpts.preset || defaultPreset;
+    createOpts.visibility = createOpts.visibility || Visibility.Private;
+
+    // We allow UX of DMing ourselves as a form of creating a personal room but the server throws
+    // an error when a user tries to invite themselves so we filter it out
+    if (opts.dmUserId && opts.dmUserId !== client.getUserId() && createOpts.invite === undefined) {
+        switch (getAddressType(opts.dmUserId)) {
+            case "mx-user-id":
+                createOpts.invite = [opts.dmUserId];
+                break;
+            case "email": {
+                const isUrl = client.getIdentityServerUrl(true);
+                if (!isUrl) {
+                    throw new UserFriendlyError("cannot_invite_without_identity_server");
+                }
+                createOpts.invite_3pid = [
+                    {
+                        id_server: isUrl,
+                        medium: "email",
+                        address: opts.dmUserId,
+                    },
+                ];
+                break;
+            }
+        }
+    }
+    if (opts.dmUserId && createOpts.is_direct === undefined) {
+        createOpts.is_direct = true;
+    }
+
+    if (opts.roomType) {
+        createOpts.creation_content = {
+            ...createOpts.creation_content,
+            [RoomCreateTypeField]: opts.roomType,
+        };
+
+        // Video rooms require custom power levels
+        if (opts.roomType === RoomType.ElementVideo || opts.roomType === RoomType.UnstableCall) {
+            createOpts.power_level_content_override = {
+                events: {
+                    ...DEFAULT_EVENTS_POWER_LEVEL,
+                    // Allow all users to send call membership updates
+                    [opts.roomType === RoomType.ElementVideo
+                        ? JitsiCall.MEMBER_EVENT_TYPE
+                        : ElementCallMemberEventType.name]: 0,
+                    // Ensure all but admins can't change widgets
+                    // A previous version of the code prevented even administrators
+                    // from changing this, but this is not possible now that room creators
+                    // have an immutable power level
+                    ["im.vector.modular.widgets"]: 100,
+                },
+            };
+        }
+    } else if (!SdkConfig.get("element_call").disable) {
+        createOpts.power_level_content_override = {
+            events: {
+                ...DEFAULT_EVENTS_POWER_LEVEL,
+                // It should always (including non video rooms) be possible to join a group call.
+                [ElementCallMemberEventType.name]: 0,
+            },
+        };
+    }
+
+    // By default, view the room after creating it
+    if (opts.andView === undefined) {
+        opts.andView = true;
+    }
+
+    createOpts.initial_state = createOpts.initial_state || [];
+
+    // Allow guests by default since the room is private and they'd
+    // need an invite. This means clicking on a 3pid invite email can
+    // actually drop you right in to a chat.
+    if (opts.guestAccess) {
+        createOpts.initial_state.push({
+            type: "m.room.guest_access",
+            state_key: "",
+            content: {
+                guest_access: "can_join",
+            },
+        });
+    }
+
+    if (opts.encryption) {
+        const content: RoomEncryptionEventContent = {
+            algorithm: MEGOLM_ENCRYPTION_ALGORITHM,
+        };
+        if (opts.stateEncryption) {
+            content["io.element.msc4362.encrypt_state_events"] = true;
+        }
+        createOpts.initial_state.push({
+            type: "m.room.encryption",
+            state_key: "",
+            content,
+        });
+    }
+
+    const defaultRoomVersion = (await client.getCapabilities())["m.room_versions"]?.default ?? "1";
+
+    if (
+        opts.joinRule === JoinRule.Knock &&
+        !doesRoomVersionSupport(defaultRoomVersion, PreferredRoomVersions.KnockRooms)
+    ) {
+        createOpts.room_version = PreferredRoomVersions.KnockRooms;
+    }
+
+    if (opts.parentSpace) {
+        createOpts.initial_state.push(makeSpaceParentEvent(opts.parentSpace, true));
+
+        if (opts.joinRule === JoinRule.Restricted) {
+            if (!doesRoomVersionSupport(defaultRoomVersion, PreferredRoomVersions.KnockRooms)) {
+                createOpts.room_version = PreferredRoomVersions.RestrictedRooms;
+            }
+
+            createOpts.initial_state.push({
+                type: EventType.RoomJoinRules,
+                content: {
+                    join_rule: JoinRule.Restricted,
+                    allow: [
+                        {
+                            type: RestrictedAllowType.RoomMembership,
+                            room_id: opts.parentSpace.roomId,
+                        },
+                    ],
+                },
+            });
+        }
+    }
+
+    // we handle the restricted join rule in the parentSpace handling block above
+    if (opts.joinRule && opts.joinRule !== JoinRule.Restricted) {
+        createOpts.initial_state.push({
+            type: EventType.RoomJoinRules,
+            content: { join_rule: opts.joinRule },
+        });
+    }
+
+    // If we are not encrypting state, copy name, topic, avatar over to
+    // createOpts so we pass them in when we call Client.createRoom().
+    if (!opts.stateEncryption) {
+        if (opts.name) {
+            createOpts.name = opts.name;
+        }
+
+        if (opts.topic) {
+            createOpts.topic = opts.topic;
+        }
+
+        if (opts.avatar) {
+            let url = opts.avatar;
+            if (opts.avatar instanceof File) {
+                ({ content_uri: url } = await client.uploadContent(opts.avatar));
+            }
+
+            createOpts.initial_state.push({
+                type: EventType.RoomAvatar,
+                content: { url },
+            });
+        }
+    }
+
+    // Set history visibility to "invited" for DMs and non-public rooms unless explicitly overridden
+    // This ensures that room history is only visible to invited members by default
+    let historyVisibility = opts.historyVisibility;
+    if (!historyVisibility) {
+        // Determine if the room will be public based on the join rule or preset
+        const isPublicRoom = opts.joinRule === JoinRule.Public || createOpts.preset === Preset.PublicChat;
+
+        // For DMs and non-public rooms, set history visibility to "invited"
+        if (opts.dmUserId || !isPublicRoom) {
+            historyVisibility = HistoryVisibility.Invited;
+        }
+    }
+
+    if (historyVisibility) {
+        createOpts.initial_state.push({
+            type: EventType.RoomHistoryVisibility,
+            content: {
+                history_visibility: historyVisibility,
+            },
+        });
+    }
+
+    let modal: IHandle<any> | undefined;
+    if (opts.spinner) modal = Modal.createDialog(Spinner, undefined, "mx_Dialog_spinner");
+
+    let roomId: string;
+    let room: Promise<Room>;
+    return client
+        .createRoom(createOpts)
+        .catch(function (err) {
+            // NB This checks for the Synapse-specific error condition of a room creation
+            // having been denied because the requesting user wanted to publish the room,
+            // but the server denies them that permission (via room_list_publication_rules).
+            // The check below responds by retrying without publishing the room.
+            if (
+                err.httpStatus === 403 &&
+                err.errcode === "M_UNKNOWN" &&
+                err.data.error === "Not allowed to publish room"
+            ) {
+                logger.warn("Failed to publish room, try again without publishing it");
+                createOpts.visibility = Visibility.Private;
+                return client.createRoom(createOpts);
+            } else {
+                return Promise.reject(err);
+            }
+        })
+        .then(async (res): Promise<void> => {
+            roomId = res.room_id;
+
+            room = new Promise((resolve) => {
+                const storedRoom = client.getRoom(roomId);
+                if (storedRoom) {
+                    resolve(storedRoom);
+                } else {
+                    // The room hasn't arrived down sync yet
+                    const onRoom = (emittedRoom: Room): void => {
+                        if (emittedRoom.roomId === roomId) {
+                            resolve(emittedRoom);
+                            client.off(ClientEvent.Room, onRoom);
+                        }
+                    };
+                    client.on(ClientEvent.Room, onRoom);
+                }
+            });
+
+            if (opts.dmUserId) await Rooms.setDMRoom(client, roomId, opts.dmUserId);
+        })
+        .then(async () => {
+            // We need to set up initial state manually if state encryption is enabled, since it needs
+            // to be encrypted.
+            if (opts.encryption && opts.stateEncryption) {
+                await enableStateEventEncryption(client, await room, opts);
+            }
+        })
+        .finally(function () {
+            if (modal) modal.close();
+        })
+        .then(() => {
+            if (opts.parentSpace) {
+                return SDKContextClass.instance.spaceStore.addRoomToSpace(
+                    opts.parentSpace,
+                    roomId,
+                    [client.getDomain()!],
+                    opts.suggested,
+                );
+            }
+        })
+        .then(async (): Promise<void> => {
+            if (opts.roomType === RoomType.ElementVideo) {
+                // Set up this video room with a Jitsi call
+                await JitsiCall.create(await room);
+            } else if (opts.roomType === RoomType.UnstableCall) {
+                // Set up this video room with an Element call
+                ElementCall.create(await room);
+            }
+        })
+        .then(
+            function () {
+                // NB we haven't necessarily blocked on the room promise, so we race
+                // here with the client knowing that the room exists, causing things
+                // like https://github.com/vector-im/vector-web/issues/1813
+                // Even if we were to block on the echo, servers tend to split the room
+                // state over multiple syncs so we can't atomically know when we have the
+                // entire thing.
+                if (opts.andView) {
+                    dis.dispatch<ViewRoomPayload>({
+                        action: Action.ViewRoom,
+                        room_id: roomId,
+                        should_peek: false,
+                        // Creating a room will have joined us to the room,
+                        // so we are expecting the room to come down the sync
+                        // stream, if it hasn't already.
+                        joining: true,
+                        justCreatedOpts: opts,
+                        metricsTrigger: "Created",
+                    });
+                }
+                return roomId;
+            },
+            function (err) {
+                // Raise the error if the caller requested that we do so.
+                if (opts.inlineErrors) throw err;
+
+                // We also failed to join the room (this sets joining to false in RoomViewStore)
+                dis.dispatch({
+                    action: Action.JoinRoomError,
+                    roomId,
+                });
+                logger.error("Failed to create room " + roomId + " " + err);
+                let description = _t("create_room|generic_error");
+                if (err.errcode === "M_UNSUPPORTED_ROOM_VERSION") {
+                    // Technically not possible with the UI as of April 2019 because there's no
+                    // options for the user to change this. However, it's not a bad thing to report
+                    // the error to the user for if/when the UI is available.
+                    description = _t("create_room|unsupported_version");
+                }
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("create_room|error_title"),
+                    description,
+                });
+                return null;
+            },
+        );
+}
+
+async function enableStateEventEncryption(client: MatrixClient, room: Room, opts: IOpts): Promise<void> {
+    // Don't send our state events until encryption is enabled. If this times
+    // out after 30 seconds, we throw since we don't want to send the events
+    // unencrypted.
+    await waitForRoomEncryption(room, 30000);
+
+    // Set room name
+    if (opts.name) {
+        await client.setRoomName(room.roomId, opts.name);
+    }
+
+    // Set room topic
+    if (opts.topic) {
+        const htmlTopic = htmlSerializeFromMdIfNeeded(opts.topic, { forceHTML: false });
+        await client.setRoomTopic(room.roomId, opts.topic, htmlTopic);
+    }
+
+    // Set room avatar
+    if (opts.avatar) {
+        let url: string;
+        if (opts.avatar instanceof File) {
+            ({ content_uri: url } = await client.uploadContent(opts.avatar));
+        } else {
+            url = opts.avatar;
+        }
+        await client.sendStateEvent(room.roomId, EventType.RoomAvatar, { url }, "");
+    }
+}
+
+/**
+ * Wait until the supplied room has an `m.room.encryption` event, or time out
+ * after 30 seconds.
+ */
+export async function waitForRoomEncryption(room: Room, waitTimeMs: number): Promise<void> {
+    if (room.hasEncryptionStateEvent()) {
+        return;
+    }
+
+    // Start a 30s timeout and return "timed_out" if we hit it
+    const { promise: timeoutPromise, resolve: timeoutResolve } = Promise.withResolvers();
+    const timeout = setTimeout(timeoutResolve, waitTimeMs, "timed_out");
+
+    // Listen for a RoomEncryption state update and return
+    // "received_encryption_state" if we get it
+    const roomState = room.getLiveTimeline().getState(Direction.Forward)!;
+    const { promise: stateUpdatePromise, resolve: stateUpdateResolve } = Promise.withResolvers();
+    const onRoomStateUpdate = (state: RoomState): void => {
+        if (state.getStateEvents(EventType.RoomEncryption, "")) {
+            stateUpdateResolve("received_encryption_state");
+        }
+    };
+    roomState.on(RoomStateEvent.Update, onRoomStateUpdate);
+
+    // Wait for one of the above to happen
+    const resolution = await Promise.race([timeoutPromise, stateUpdatePromise]);
+
+    // Clear the listener and the timeout
+    roomState.off(RoomStateEvent.Update, onRoomStateUpdate);
+    clearTimeout(timeout);
+
+    // Fail if we hit the timeout
+    if (resolution === "timed_out") {
+        logger.warn("Timed out while waiting for room to enable encryption");
+        throw new Error("Timed out while waiting for room to enable encryption");
+    }
+}
+
+/*
+ * Ensure that for every user in a room, there is at least one device that we
+ * can encrypt to.
+ */
+export async function canEncryptToAllUsers(client: MatrixClient, userIds: string[]): Promise<boolean> {
+    try {
+        const usersDeviceMap = await client.getCrypto()?.getUserDeviceInfo(userIds, true);
+        if (!usersDeviceMap) {
+            return false;
+        }
+
+        for (const devices of usersDeviceMap.values()) {
+            if (devices.size === 0) {
+                // This user does not have any encryption-capable devices.
+                return false;
+            }
+        }
+    } catch (e) {
+        logger.error("Error determining if it's possible to encrypt to all users: ", e);
+        return false; // assume not
+    }
+
+    return true;
+}
+
+export async function ensureDMExists(client: MatrixClient, userId: string): Promise<string | null> {
+    const existingDMRoom = findDMForUser(client, userId);
+    let roomId: string | null;
+    if (existingDMRoom) {
+        roomId = existingDMRoom.roomId;
+    } else {
+        let encryption: boolean | undefined;
+        if (privateShouldBeEncrypted(client)) {
+            encryption = await canEncryptToAllUsers(client, [userId]);
+        }
+
+        roomId = await createRoom(client, { encryption, dmUserId: userId, spinner: false, andView: false });
+        if (!roomId) return null;
+        await waitForMember(client, roomId, userId);
+    }
+    return roomId;
+}
+
+interface AllowedEncryptionSetting {
+    /**
+     * True when the user is allowed to choose whether encryption is enabled
+     */
+    allowChange: boolean;
+    /**
+     * Set when user is not allowed to choose encryption setting
+     * True when encryption is forced to enabled
+     */
+    forcedValue?: boolean;
+}
+/**
+ * Check if server configuration supports the user changing encryption for a room
+ * First check if server features force enable encryption for the given room type
+ * If not, check if server .well-known forces encryption to disabled
+ * If either are forced, then do not allow the user to change room's encryption
+ * @param client
+ * @param chatPreset chat type
+ * @returns Promise<boolean>
+ */
+export async function checkUserIsAllowedToChangeEncryption(
+    client: MatrixClient,
+    chatPreset: Preset,
+): Promise<AllowedEncryptionSetting> {
+    const doesServerForceEncryptionForPreset = await client.doesServerForceEncryptionForPreset(chatPreset);
+    const doesWellKnownForceDisableEncryption = shouldForceDisableEncryption(client);
+
+    // server is forcing encryption to ENABLED
+    // while .well-known config is forcing it to DISABLED
+    // server version config overrides wk config
+    if (doesServerForceEncryptionForPreset && doesWellKnownForceDisableEncryption) {
+        console.warn(
+            `Conflicting e2ee settings: server config and .well-known configuration disagree. Using server forced encryption setting for chat type ${chatPreset}`,
+        );
+    }
+
+    if (doesServerForceEncryptionForPreset) {
+        return { allowChange: false, forcedValue: true };
+    }
+    if (doesWellKnownForceDisableEncryption) {
+        return { allowChange: false, forcedValue: false };
+    }
+
+    return { allowChange: true };
+}
diff --git a/apps/web/src/customisations/Alias.ts b/apps/web/src/customisations/Alias.ts
new file mode 100644
index 00000000000..742de9cd45b
--- /dev/null
+++ b/apps/web/src/customisations/Alias.ts
@@ -0,0 +1,13 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 type { AliasCustomisations } from "@element-hq/element-web-module-api";
+
+// A real customisation module will define and export one or more of the
+// customisation points that make up `AliasCustomisations`.
+export default {} as AliasCustomisations;
diff --git a/apps/web/src/customisations/ChatExport.ts b/apps/web/src/customisations/ChatExport.ts
new file mode 100644
index 00000000000..0b5c73a92ce
--- /dev/null
+++ b/apps/web/src/customisations/ChatExport.ts
@@ -0,0 +1,30 @@
+/*
+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 { type ChatExportCustomisations } from "@element-hq/element-web-module-api";
+
+import { type ExportFormat, type ExportType } from "../utils/exportUtils/exportUtils";
+
+export type ForceChatExportParameters = ReturnType<
+    ChatExportCustomisations<ExportFormat, ExportType>["getForceChatExportParameters"]
+>;
+
+/**
+ * Force parameters in room chat export
+ * fields returned here are forced
+ * and not allowed to be edited in the chat export form
+ */
+const getForceChatExportParameters = (): ForceChatExportParameters => {
+    return {};
+};
+
+// A real customisation module will define and export one or more of the
+// customisation points that make up `IChatExportCustomisations`.
+export default {
+    getForceChatExportParameters,
+} as ChatExportCustomisations<ExportFormat, ExportType>;
diff --git a/apps/web/src/customisations/ComponentVisibility.ts b/apps/web/src/customisations/ComponentVisibility.ts
new file mode 100644
index 00000000000..210863f0e36
--- /dev/null
+++ b/apps/web/src/customisations/ComponentVisibility.ts
@@ -0,0 +1,22 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+// Dev note: this customisation point is heavily inspired by UIFeature flags, though
+// with an intention of being used for more complex switching on whether or not a feature
+// should be shown.
+
+// Populate this class with the details of your customisations when copying it.
+
+import { type ComponentVisibilityCustomisations as IComponentVisibilityCustomisations } from "@element-hq/element-web-module-api";
+
+// A real customisation module will define and export one or more of the
+// customisation points that make up the interface above.
+export const ComponentVisibilityCustomisations: IComponentVisibilityCustomisations = {
+    // while we don't specify the functions here, their defaults are described
+    // in their pseudo-implementations above.
+};
diff --git a/apps/web/src/customisations/Directory.ts b/apps/web/src/customisations/Directory.ts
new file mode 100644
index 00000000000..a85283774fb
--- /dev/null
+++ b/apps/web/src/customisations/Directory.ts
@@ -0,0 +1,13 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 type { DirectoryCustomisations } from "@element-hq/element-web-module-api";
+
+// A real customisation module will define and export one or more of the
+// customisation points that make up `IDirectoryCustomisations`.
+export default {} as DirectoryCustomisations;
diff --git a/apps/web/src/customisations/Lifecycle.ts b/apps/web/src/customisations/Lifecycle.ts
new file mode 100644
index 00000000000..e8e3cca38ad
--- /dev/null
+++ b/apps/web/src/customisations/Lifecycle.ts
@@ -0,0 +1,13 @@
+/*
+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 type { LifecycleCustomisations } from "@element-hq/element-web-module-api";
+
+// A real customisation module will define and export one or more of the
+// customisation points that make up `ILifecycleCustomisations`.
+export default {} as LifecycleCustomisations;
diff --git a/apps/web/src/customisations/Media.ts b/apps/web/src/customisations/Media.ts
new file mode 100644
index 00000000000..20b6c816db3
--- /dev/null
+++ b/apps/web/src/customisations/Media.ts
@@ -0,0 +1,175 @@
+/*
+ * Copyright 2024 New Vector Ltd.
+ * Copyright 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 { type MatrixClient, parseErrorResponse, type ResizeMethod } from "matrix-js-sdk/src/matrix";
+import { type MediaEventContent } from "matrix-js-sdk/src/types";
+
+import type { MediaCustomisations, Media } from "@element-hq/element-web-module-api";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { type IPreparedMedia, prepEventContentAsMedia } from "./models/IMediaEventContent";
+import { UserFriendlyError } from "../languageHandler";
+
+// Populate this class with the details of your customisations when copying it.
+
+// Implementation note: The Media class must complete the contract as shown here, though
+// the constructor can be whatever is relevant to your implementation. The mediaForX
+// functions below create an instance of the Media class and are used throughout the
+// project.
+
+/**
+ * A media object is a representation of a "source media" and an optional
+ * "thumbnail media", derived from event contents or external sources.
+ */
+class MediaImplementation implements Media {
+    private client: MatrixClient;
+
+    // Per above, this constructor signature can be whatever is helpful for you.
+    public constructor(
+        private prepared: IPreparedMedia,
+        client?: MatrixClient,
+    ) {
+        this.client = client ?? MatrixClientPeg.safeGet();
+        if (!this.client) {
+            throw new Error("No possible MatrixClient for media resolution. Please provide one or log in.");
+        }
+    }
+
+    /**
+     * True if the media appears to be encrypted. Actual file contents may vary.
+     */
+    public get isEncrypted(): boolean {
+        return !!this.prepared.file;
+    }
+
+    /**
+     * The MXC URI of the source media.
+     */
+    public get srcMxc(): string {
+        return this.prepared.mxc;
+    }
+
+    /**
+     * The MXC URI of the thumbnail media, if a thumbnail is recorded. Null/undefined
+     * otherwise.
+     */
+    public get thumbnailMxc(): string | undefined {
+        return this.prepared.thumbnail?.mxc;
+    }
+
+    /**
+     * Whether or not a thumbnail is recorded for this media.
+     */
+    public get hasThumbnail(): boolean {
+        return !!this.thumbnailMxc;
+    }
+
+    /**
+     * The HTTP URL for the source media.
+     */
+    public get srcHttp(): string | null {
+        // eslint-disable-next-line no-restricted-properties
+        return this.client.mxcUrlToHttp(this.srcMxc, undefined, undefined, undefined, false, true) || null;
+    }
+
+    /**
+     * The HTTP URL for the thumbnail media (without any specified width, height, etc). Null/undefined
+     * if no thumbnail media recorded.
+     */
+    public get thumbnailHttp(): string | null {
+        if (!this.hasThumbnail) return null;
+        // eslint-disable-next-line no-restricted-properties
+        return this.client.mxcUrlToHttp(this.thumbnailMxc!, undefined, undefined, undefined, false, true);
+    }
+
+    /**
+     * Gets the HTTP URL for the thumbnail media with the requested characteristics, if a thumbnail
+     * is recorded for this media. Returns null/undefined otherwise.
+     * @param {number} width The desired width of the thumbnail.
+     * @param {number} height The desired height of the thumbnail.
+     * @param {"scale"|"crop"} mode The desired thumbnailing mode. Defaults to scale.
+     * @returns {string} The HTTP URL which points to the thumbnail.
+     */
+    public getThumbnailHttp(width: number, height: number, mode: ResizeMethod = "scale"): string | null {
+        if (!this.hasThumbnail) return null;
+        // scale using the device pixel ratio to keep images clear
+        width = Math.floor(width * window.devicePixelRatio);
+        height = Math.floor(height * window.devicePixelRatio);
+        // eslint-disable-next-line no-restricted-properties
+        return this.client.mxcUrlToHttp(this.thumbnailMxc!, width, height, mode, false, true);
+    }
+
+    /**
+     * Gets the HTTP URL for a thumbnail of the source media with the requested characteristics.
+     * @param {number} width The desired width of the thumbnail.
+     * @param {number} height The desired height of the thumbnail.
+     * @param {"scale"|"crop"} mode The desired thumbnailing mode. Defaults to scale.
+     * @returns {string} The HTTP URL which points to the thumbnail.
+     */
+    public getThumbnailOfSourceHttp(width: number, height: number, mode: ResizeMethod = "scale"): string | null {
+        // scale using the device pixel ratio to keep images clear
+        width = Math.floor(width * window.devicePixelRatio);
+        height = Math.floor(height * window.devicePixelRatio);
+        // eslint-disable-next-line no-restricted-properties
+        return this.client.mxcUrlToHttp(this.srcMxc, width, height, mode, false, true);
+    }
+
+    /**
+     * Creates a square thumbnail of the media. If the media has a thumbnail recorded, that MXC will
+     * be used, otherwise the source media will be used.
+     * @param {number} dim The desired width and height.
+     * @returns {string} An HTTP URL for the thumbnail.
+     */
+    public getSquareThumbnailHttp(dim: number): string | null {
+        dim = Math.floor(dim * window.devicePixelRatio); // scale using the device pixel ratio to keep images clear
+        if (this.hasThumbnail) {
+            return this.getThumbnailHttp(dim, dim, "crop");
+        }
+        return this.getThumbnailOfSourceHttp(dim, dim, "crop");
+    }
+
+    /**
+     * Downloads the source media.
+     * @returns {Promise<Response>} Resolves to the server's response for chaining.
+     */
+    public async downloadSource(): Promise<Response> {
+        const src = this.srcHttp;
+        if (!src) {
+            throw new UserFriendlyError("error|download_media");
+        }
+        const res = await fetch(src);
+        if (!res.ok) {
+            throw parseErrorResponse(res, await res.text());
+        }
+        return res;
+    }
+}
+
+export type { Media };
+
+type BaseMedia = MediaCustomisations<Partial<MediaEventContent>, MatrixClient, IPreparedMedia>;
+
+/**
+ * Creates a media object from event content.
+ * @param {MediaEventContent} content The event content.
+ * @param {MatrixClient} client Optional client to use.
+ * @returns {MediaImplementation} The media object.
+ */
+export const mediaFromContent: BaseMedia["mediaFromContent"] = (
+    content: Partial<MediaEventContent>,
+    client?: MatrixClient,
+): Media => new MediaImplementation(prepEventContentAsMedia(content), client);
+
+/**
+ * Creates a media object from an MXC URI.
+ * @param {string} mxc The MXC URI.
+ * @param {MatrixClient} client Optional client to use.
+ * @returns {MediaImplementation} The media object.
+ */
+export const mediaFromMxc: BaseMedia["mediaFromMxc"] = (mxc?: string, client?: MatrixClient): Media => {
+    return mediaFromContent({ url: mxc }, client);
+};
diff --git a/apps/web/src/customisations/README.md b/apps/web/src/customisations/README.md
new file mode 120000
index 00000000000..cacf1166042
--- /dev/null
+++ b/apps/web/src/customisations/README.md
@@ -0,0 +1 @@
+../../docs/customisations.md
\ No newline at end of file
diff --git a/apps/web/src/customisations/RoomList.ts b/apps/web/src/customisations/RoomList.ts
new file mode 100644
index 00000000000..1460d9a7b2f
--- /dev/null
+++ b/apps/web/src/customisations/RoomList.ts
@@ -0,0 +1,17 @@
+/*
+ * 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 { type Room } from "matrix-js-sdk/src/matrix";
+
+import type { RoomListCustomisations as IRoomListCustomisations } from "@element-hq/element-web-module-api";
+
+// Populate this file with the details of your customisations when copying it.
+
+// A real customisation module will define and export one or more of the
+// customisation points that make up the interface above.
+export const RoomListCustomisations: IRoomListCustomisations<Room> = {};
diff --git a/apps/web/src/customisations/UserIdentifier.ts b/apps/web/src/customisations/UserIdentifier.ts
new file mode 100644
index 00000000000..c2a9614191e
--- /dev/null
+++ b/apps/web/src/customisations/UserIdentifier.ts
@@ -0,0 +1,28 @@
+/*
+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 type { UserIdentifierCustomisations } from "@element-hq/element-web-module-api";
+
+/**
+ * Customise display of the user identifier
+ * hide userId for guests, display 3pid
+ *
+ * Set withDisplayName to true when user identifier will be displayed alongside user name
+ */
+function getDisplayUserIdentifier(
+    userId: string,
+    { roomId, withDisplayName }: { roomId?: string; withDisplayName?: boolean },
+): string | null {
+    return userId;
+}
+
+// A real customisation module will define and export one or more of the
+// customisation points that make up `IUserIdentifierCustomisations`.
+export default {
+    getDisplayUserIdentifier,
+} satisfies UserIdentifierCustomisations;
diff --git a/apps/web/src/customisations/WidgetPermissions.ts b/apps/web/src/customisations/WidgetPermissions.ts
new file mode 100644
index 00000000000..785ca46c2e8
--- /dev/null
+++ b/apps/web/src/customisations/WidgetPermissions.ts
@@ -0,0 +1,16 @@
+/*
+ * 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.
+ */
+
+// Populate this class with the details of your customisations when copying it.
+import { type Capability, type Widget } from "matrix-widget-api";
+
+import type { WidgetPermissionsCustomisations } from "@element-hq/element-web-module-api";
+
+// A real customisation module will define and export one or more of the
+// customisation points that make up the interface above.
+export const WidgetPermissionCustomisations: WidgetPermissionsCustomisations<Widget, Capability> = {};
diff --git a/apps/web/src/customisations/WidgetVariables.ts b/apps/web/src/customisations/WidgetVariables.ts
new file mode 100644
index 00000000000..135dfa36d05
--- /dev/null
+++ b/apps/web/src/customisations/WidgetVariables.ts
@@ -0,0 +1,14 @@
+/*
+ * Copyright 2024 New Vector Ltd.
+ * Copyright 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.
+ */
+
+// Populate this class with the details of your customisations when copying it.
+import { type WidgetVariablesCustomisations } from "@element-hq/element-web-module-api";
+
+// A real customisation module will define and export one or more of the
+// customisation points that make up the interface above.
+export const WidgetVariableCustomisations: WidgetVariablesCustomisations = {};
diff --git a/apps/web/src/customisations/helpers/UIComponents.ts b/apps/web/src/customisations/helpers/UIComponents.ts
new file mode 100644
index 00000000000..6e5552706dd
--- /dev/null
+++ b/apps/web/src/customisations/helpers/UIComponents.ts
@@ -0,0 +1,19 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type UIComponent } from "../../settings/UIFeature";
+import { ComponentVisibilityCustomisations } from "../ComponentVisibility";
+import { ModuleApi } from "../../modules/Api.ts";
+
+export function shouldShowComponent(component: UIComponent): boolean {
+    return (
+        ModuleApi.instance.customisations.shouldShowComponent(component) ??
+        ComponentVisibilityCustomisations.shouldShowComponent?.(component) ??
+        true
+    );
+}
diff --git a/apps/web/src/customisations/models/IMediaEventContent.ts b/apps/web/src/customisations/models/IMediaEventContent.ts
new file mode 100644
index 00000000000..9fbe0e977fc
--- /dev/null
+++ b/apps/web/src/customisations/models/IMediaEventContent.ts
@@ -0,0 +1,61 @@
+/*
+ * Copyright 2024 New Vector Ltd.
+ * Copyright 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 { type EncryptedFile, type MediaEventContent } from "matrix-js-sdk/src/types";
+
+export interface IPreparedMedia extends IMediaObject {
+    thumbnail?: IMediaObject;
+}
+
+export interface IMediaObject {
+    mxc: string;
+    file?: EncryptedFile;
+}
+
+/**
+ * Parses an event content body into a prepared media object. This prepared media object
+ * can be used with other functions to manipulate the media.
+ * @param {MediaEventContent} content Unredacted media event content. See interface.
+ * @returns {IPreparedMedia} A prepared media object.
+ * @throws Throws if the given content cannot be packaged into a prepared media object.
+ */
+export function prepEventContentAsMedia(content: Partial<MediaEventContent>): IPreparedMedia {
+    let thumbnail: IMediaObject | undefined;
+    if (typeof content?.info === "object" && "thumbnail_url" in content.info && content.info.thumbnail_url) {
+        thumbnail = {
+            mxc: content.info.thumbnail_url,
+            file: content.info.thumbnail_file,
+        };
+    } else if (
+        typeof content?.info === "object" &&
+        "thumbnail_file" in content.info &&
+        typeof content?.info?.thumbnail_file === "object" &&
+        content?.info?.thumbnail_file?.url
+    ) {
+        thumbnail = {
+            mxc: content.info.thumbnail_file.url,
+            file: content.info.thumbnail_file,
+        };
+    }
+
+    if (content?.url) {
+        return {
+            thumbnail,
+            mxc: content.url,
+            file: content.file,
+        };
+    } else if (content?.file?.url) {
+        return {
+            thumbnail,
+            mxc: content.file.url,
+            file: content.file,
+        };
+    }
+
+    throw new Error("Invalid file provided: cannot determine MXC URI. Has it been redacted?");
+}
diff --git a/apps/web/src/device-listener/CurrentDeviceChangedEmitter.ts b/apps/web/src/device-listener/CurrentDeviceChangedEmitter.ts
new file mode 100644
index 00000000000..bca2c57324b
--- /dev/null
+++ b/apps/web/src/device-listener/CurrentDeviceChangedEmitter.ts
@@ -0,0 +1,36 @@
+/*
+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 { TypedEventEmitter } from "matrix-js-sdk/src/matrix";
+
+import { type DeviceState } from ".";
+
+/**
+ * The events emitted when the {@link DeviceState} of the current device
+ * changes.
+ */
+export const enum CurrentDeviceEvents {
+    DeviceStateChanged = "device_state",
+}
+
+/**
+ * You must provide one of these if you listen to {@link CurrentDeviceEvents}
+ * emitted by {@link DeviceListenerCurrentDevice}. It specifies how to handle
+ * each type of event.
+ */
+type EventHandlerMap = {
+    [CurrentDeviceEvents.DeviceStateChanged]: (state: DeviceState) => void;
+};
+
+/**
+ * Emits events when the current device changes state.
+ */
+export class CurrentDeviceChangedEmitter extends TypedEventEmitter<CurrentDeviceEvents, EventHandlerMap> {
+    public onStateChanged(newState: DeviceState): void {
+        this.emit(CurrentDeviceEvents.DeviceStateChanged, newState);
+    }
+}
diff --git a/apps/web/src/device-listener/DeviceListener.ts b/apps/web/src/device-listener/DeviceListener.ts
new file mode 100644
index 00000000000..f4e3fa3e82b
--- /dev/null
+++ b/apps/web/src/device-listener/DeviceListener.ts
@@ -0,0 +1,374 @@
+/*
+Copyright 2025 Element Creations Ltd.
+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 { type MatrixClient, ClientStoppedError } from "matrix-js-sdk/src/matrix";
+import { logger as baseLogger, LogSpan } from "matrix-js-sdk/src/logger";
+import { type CryptoSessionStateChange } from "@matrix-org/analytics-events/types/typescript/CryptoSessionStateChange";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+
+import { PosthogAnalytics } from "../PosthogAnalytics";
+import dis from "../dispatcher/dispatcher";
+import { type ActionPayload } from "../dispatcher/payloads";
+import { Action } from "../dispatcher/actions";
+import SdkConfig from "../SdkConfig";
+import PlatformPeg from "../PlatformPeg";
+import { recordClientInformation, removeClientInformation } from "../utils/device/clientInformation";
+import SettingsStore, { type CallbackFn } from "../settings/SettingsStore";
+import {
+    DeviceListenerOtherDevices,
+    DeviceListenerCurrentDevice,
+    type DeviceState,
+    CurrentDeviceChangedEmitter,
+} from ".";
+
+const logger = baseLogger.getChild("DeviceListener:");
+
+export class DeviceListener {
+    private dispatcherRef?: string;
+
+    /**
+     * All the information about whether other devices are verified. Only set
+     * if `running` is true, otherwise undefined.
+     */
+    public otherDevices?: DeviceListenerOtherDevices;
+
+    /**
+     * All the information about whether this device's encrypytion is OK.
+     *
+     * Defined after {@link DeviceListener.start} has been called, before {@link
+     * DeviceListener.stop} is called.
+     */
+    public currentDevice?: DeviceListenerCurrentDevice;
+
+    /**
+     * Emits `CurrentDeviceEvents` events when the state
+     * of the current device changes.
+     *
+     * @example
+     * ```ts
+     * const deviceState = useTypedEventEmitterState(
+     *     DeviceListener.sharedInstance().currentDeviceChangedEmitter,
+     *     CurrentDeviceEvents.DeviceStateChanged,
+     *     (state?: DeviceState): DeviceState => {
+     *         return state ?? DeviceListener.sharedInstance().getDeviceState();
+     *     },
+     * );
+     * ```
+     *
+     * Now `deviceState` will reflect the state of the current device and
+     * trigger an update when it changes.
+     */
+    public currentDeviceChangedEmitter = new CurrentDeviceChangedEmitter();
+
+    private running = false;
+    // The client with which the instance is running. Only set if `running` is true, otherwise undefined.
+    private client?: MatrixClient;
+    private shouldRecordClientInformation = false;
+    private deviceClientInformationSettingWatcherRef: string | undefined;
+
+    // Remember the current analytics state to avoid sending the same event multiple times.
+    private analyticsVerificationState?: string;
+    private analyticsRecoveryState?: string;
+
+    public static sharedInstance(): DeviceListener {
+        if (!window.mxDeviceListener) window.mxDeviceListener = new DeviceListener();
+        return window.mxDeviceListener;
+    }
+
+    public start(matrixClient: MatrixClient): void {
+        this.running = true;
+
+        this.otherDevices = new DeviceListenerOtherDevices(this, matrixClient);
+        this.currentDevice = new DeviceListenerCurrentDevice(this, matrixClient, logger);
+
+        this.client = matrixClient;
+
+        this.shouldRecordClientInformation = SettingsStore.getValue("deviceClientInformationOptIn");
+        // only configurable in config, so we don't need to watch the value
+        this.deviceClientInformationSettingWatcherRef = SettingsStore.watchSetting(
+            "deviceClientInformationOptIn",
+            null,
+            this.onRecordClientInformationSettingChange,
+        );
+        this.dispatcherRef = dis.register(this.onAction);
+        this.recheck();
+        this.updateClientInformation();
+    }
+
+    public stop(): void {
+        this.running = false;
+
+        SettingsStore.unwatchSetting(this.deviceClientInformationSettingWatcherRef);
+
+        dis.unregister(this.dispatcherRef);
+
+        this.dispatcherRef = undefined;
+        this.otherDevices?.stop();
+        this.currentDevice?.stop();
+        this.client = undefined;
+    }
+
+    /**
+     * Pause the device listener while a function runs.
+     *
+     * This can be done if the function makes several changes that would trigger
+     * multiple events, to suppress warning toasts until the process is
+     * finished.
+     */
+    public async whilePaused(fn: () => Promise<void>): Promise<void> {
+        const client = this.client;
+        try {
+            this.stop();
+            await fn();
+        } finally {
+            if (client) {
+                this.start(client);
+            }
+        }
+    }
+
+    /**
+     * Dismiss notifications about our own unverified devices
+     *
+     * @param {String[]} deviceIds List of device IDs to dismiss notifications for
+     */
+    public dismissUnverifiedSessions(deviceIds: Iterable<string>): void {
+        logger.debug("Dismissing unverified sessions: " + Array.from(deviceIds).join(","));
+
+        this.otherDevices?.dismissUnverifiedSessions(deviceIds);
+    }
+
+    public dismissEncryptionSetup(): void {
+        this.currentDevice?.dismissEncryptionSetup();
+    }
+
+    /**
+     * Set the account data indicate that the user has chosen to disable key
+     * backup.
+     */
+    public async recordKeyBackupDisabled(): Promise<void> {
+        await this.currentDevice?.recordKeyBackupDisabled();
+    }
+
+    /**
+     * Set the account data to indicate that recovery is disabled
+     */
+    public async recordRecoveryDisabled(): Promise<void> {
+        await this.currentDevice?.recordRecoveryDisabled();
+    }
+
+    /**
+     * If the device is in a `key_storage_out_of_sync` state, check if
+     * it requires a reset of cross-signing keys.
+     *
+     * We will reset cross-signing keys if both our local cache and 4S don't
+     * have all cross-signing keys.
+     *
+     * In theory, if the set of keys in our cache and in 4S are different, and
+     * we have a complete set between the two, we could be OK, but that
+     * should be exceptionally rare, and is more complicated to detect.
+     */
+    public async keyStorageOutOfSyncNeedsCrossSigningReset(forgotRecovery: boolean): Promise<boolean> {
+        const crypto = this.client?.getCrypto();
+        if (!crypto) {
+            return false;
+        }
+        const crossSigningStatus = await crypto.getCrossSigningStatus();
+        const allCrossSigningSecretsCached =
+            crossSigningStatus.privateKeysCachedLocally.masterKey &&
+            crossSigningStatus.privateKeysCachedLocally.selfSigningKey &&
+            crossSigningStatus.privateKeysCachedLocally.userSigningKey;
+
+        if (forgotRecovery) {
+            return !allCrossSigningSecretsCached;
+        } else {
+            return !allCrossSigningSecretsCached && !crossSigningStatus.privateKeysInSecretStorage;
+        }
+    }
+
+    /**
+     * If the device is in a `"key_storage_out_of_sync"` state, check if
+     * it requires a reset of key backup.
+     *
+     * If the user has their recovery key, we need to reset backup if:
+     * - the user hasn't disabled backup,
+     * - we don't have the backup key cached locally, *and*
+     * - we don't have the backup key stored in 4S.
+     * (The user should already have a key backup created at this point, the
+     * device state would be `turn_on_key_storage`.)
+     *
+     * If the user has forgotten their recovery key, we need to reset backup if:
+     * - the user hasn't disabled backup, and
+     * - we don't have the backup key locally.
+     */
+    public async keyStorageOutOfSyncNeedsBackupReset(forgotRecovery: boolean): Promise<boolean> {
+        const crypto = this.client?.getCrypto();
+        const thisDevice = this.currentDevice;
+        if (!(crypto && thisDevice)) {
+            return false;
+        }
+        const shouldHaveBackup = !(await thisDevice.recheckBackupDisabled());
+        const backupKeyCached = (await crypto.getSessionBackupPrivateKey()) !== null;
+        const backupKeyStored = await this.client!.isKeyBackupKeyStored();
+
+        if (forgotRecovery) {
+            return shouldHaveBackup && !backupKeyCached;
+        } else {
+            return shouldHaveBackup && !backupKeyCached && !backupKeyStored;
+        }
+    }
+
+    private onAction = ({ action }: ActionPayload): void => {
+        if (action !== Action.OnLoggedIn) return;
+        this.recheck();
+        this.updateClientInformation();
+    };
+
+    public recheck(): void {
+        this.doRecheck().catch((e) => {
+            if (e instanceof ClientStoppedError) {
+                // the client was stopped while recheck() was running. Nothing left to do.
+            } else {
+                logger.error("Error during `DeviceListener.recheck`", e);
+            }
+        });
+    }
+
+    private async doRecheck(): Promise<void> {
+        if (!this.running || !this.client) return; // we have been stopped
+        const logSpan = new LogSpan(logger, "check_" + secureRandomString(4));
+        logSpan.debug("starting recheck...");
+
+        const cli = this.client;
+
+        const crypto = cli.getCrypto();
+        if (!crypto) {
+            logSpan.debug("crypto not enabled");
+            return;
+        }
+
+        // don't recheck until the initial sync is complete: lots of account data events will fire
+        // while the initial sync is processing and we don't need to recheck on each one of them
+        // (we add a listener on sync to do once check after the initial sync is done)
+        if (!cli.isInitialSyncComplete()) {
+            logSpan.debug("initial sync not yet complete");
+            return;
+        }
+
+        await this.currentDevice?.recheck(logSpan);
+        await this.otherDevices?.recheck(logSpan);
+
+        await this.reportCryptoSessionStateToAnalytics(cli);
+    }
+
+    /**
+     * Get the state of the device and the user's account.  The device/account
+     * state indicates what action the user must take in order to get a
+     * self-verified device that is using key backup and recovery.
+     */
+    public getDeviceState(): DeviceState {
+        return this.currentDevice?.getDeviceState() ?? "ok";
+    }
+
+    /**
+     * Reports current recovery state to analytics.
+     * Checks if the session is verified and if the recovery is correctly set up (i.e all secrets known locally and in 4S).
+     * @param cli - the matrix client
+     * @private
+     */
+    private async reportCryptoSessionStateToAnalytics(cli: MatrixClient): Promise<void> {
+        const crypto = cli.getCrypto()!;
+        const secretStorageStatus = await crypto.getSecretStorageStatus();
+        const secretStorageReady = secretStorageStatus.ready;
+        const crossSigningStatus = await crypto.getCrossSigningStatus();
+        const backupInfo = await this.currentDevice?.getKeyBackupInfo();
+        const is4SEnabled = secretStorageStatus.defaultKeyId != null;
+        const deviceVerificationStatus = await crypto.getDeviceVerificationStatus(cli.getUserId()!, cli.getDeviceId()!);
+
+        const verificationState =
+            deviceVerificationStatus?.signedByOwner && deviceVerificationStatus?.crossSigningVerified
+                ? "Verified"
+                : "NotVerified";
+
+        let recoveryState: "Disabled" | "Enabled" | "Incomplete";
+        if (!is4SEnabled) {
+            recoveryState = "Disabled";
+        } else {
+            const allCrossSigningSecretsCached =
+                crossSigningStatus.privateKeysCachedLocally.masterKey &&
+                crossSigningStatus.privateKeysCachedLocally.selfSigningKey &&
+                crossSigningStatus.privateKeysCachedLocally.userSigningKey;
+            if (backupInfo != null) {
+                // There is a backup. Check that all secrets are stored in 4S and known locally.
+                // If they are not, recovery is incomplete.
+                const backupPrivateKeyIsInCache = (await crypto.getSessionBackupPrivateKey()) != null;
+                if (secretStorageReady && allCrossSigningSecretsCached && backupPrivateKeyIsInCache) {
+                    recoveryState = "Enabled";
+                } else {
+                    recoveryState = "Incomplete";
+                }
+            } else {
+                // No backup. Just consider cross-signing secrets.
+                if (secretStorageReady && allCrossSigningSecretsCached) {
+                    recoveryState = "Enabled";
+                } else {
+                    recoveryState = "Incomplete";
+                }
+            }
+        }
+
+        if (this.analyticsVerificationState === verificationState && this.analyticsRecoveryState === recoveryState) {
+            // No changes, no need to send the event nor update the user properties
+            return;
+        }
+        this.analyticsRecoveryState = recoveryState;
+        this.analyticsVerificationState = verificationState;
+
+        // Update user properties
+        PosthogAnalytics.instance.setProperty("recoveryState", recoveryState);
+        PosthogAnalytics.instance.setProperty("verificationState", verificationState);
+
+        PosthogAnalytics.instance.trackEvent<CryptoSessionStateChange>({
+            eventName: "CryptoSessionState",
+            verificationState: verificationState,
+            recoveryState: recoveryState,
+        });
+    }
+
+    private onRecordClientInformationSettingChange: CallbackFn<"deviceClientInformationOptIn"> = (
+        _originalSettingName,
+        _roomId,
+        _level,
+        _newLevel,
+        newValue,
+    ) => {
+        const prevValue = this.shouldRecordClientInformation;
+
+        this.shouldRecordClientInformation = !!newValue;
+
+        if (this.shouldRecordClientInformation !== prevValue) {
+            this.updateClientInformation();
+        }
+    };
+
+    private updateClientInformation = async (): Promise<void> => {
+        if (!this.client) return;
+        try {
+            if (this.shouldRecordClientInformation) {
+                await recordClientInformation(this.client, SdkConfig.get(), PlatformPeg.get() ?? undefined);
+            } else {
+                await removeClientInformation(this.client);
+            }
+        } catch (error) {
+            // this is a best effort operation
+            // log the error without rethrowing
+            logger.error("Failed to update client information", error);
+        }
+    };
+}
diff --git a/apps/web/src/device-listener/DeviceListenerCurrentDevice.ts b/apps/web/src/device-listener/DeviceListenerCurrentDevice.ts
new file mode 100644
index 00000000000..548b07c9d90
--- /dev/null
+++ b/apps/web/src/device-listener/DeviceListenerCurrentDevice.ts
@@ -0,0 +1,535 @@
+/*
+Copyright 2025-2026 Element Creations Ltd.
+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 { type CryptoApi, CryptoEvent, type KeyBackupInfo } from "matrix-js-sdk/src/crypto-api";
+import { LogSpan, type BaseLogger, type Logger } from "matrix-js-sdk/src/logger";
+import {
+    type MatrixEvent,
+    type MatrixClient,
+    EventType,
+    type SyncState,
+    RoomStateEvent,
+    ClientEvent,
+} from "matrix-js-sdk/src/matrix";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+
+import { type DeviceListener, type DeviceState } from ".";
+import {
+    hideToast as hideSetupEncryptionToast,
+    showToast as showSetupEncryptionToast,
+} from "../toasts/SetupEncryptionToast";
+import { isSecretStorageBeingAccessed } from "../SecurityManager";
+
+const KEY_BACKUP_POLL_INTERVAL = 5 * 60 * 1000;
+
+/**
+ * Account data key used to indicate that the user has chosen to enable or
+ * disable server side key backups.
+ */
+export const ACCOUNT_DATA_KEY_M_KEY_BACKUP = "m.key_backup";
+export const ACCOUNT_DATA_KEY_M_KEY_BACKUP_DISABLED_UNSTABLE = "m.org.matrix.custom.backup_disabled";
+
+/**
+ * Account data key to indicate whether the user has chosen to enable or disable recovery.
+ */
+export const RECOVERY_ACCOUNT_DATA_KEY = "io.element.recovery";
+
+/**
+ * We remind the user to verify their device 2 days after they dismiss the toast.
+ */
+const DEVICE_VERIFICATION_NAG_INTERVAL = 2 * 24 * 60 * 60 * 1000;
+
+/**
+ * Handles all of DeviceListener's work that relates to the current device.
+ */
+export class DeviceListenerCurrentDevice {
+    /**
+     * The DeviceListener launching this instance.
+     */
+    private deviceListener: DeviceListener;
+
+    /**
+     * The Matrix client in use by the current user.
+     */
+    private client: MatrixClient;
+
+    /**
+     * A Logger we use to write our debug information.
+     */
+    private logger: Logger;
+
+    /**
+     * Has the user dismissed any of the various nag toasts to setup encryption
+     * on this device?
+     */
+    private dismissedThisDeviceToast = false;
+
+    /**
+     * Cache of the info about the current key backup on the server.
+     */
+    private keyBackupInfo: KeyBackupInfo | null = null;
+
+    /**
+     * When `keyBackupInfo` was last updated (in ms since the epoch).
+     */
+    private keyBackupFetchedAt: number | null = null;
+
+    /**
+     * What is the current state of the device: is its crypto OK?
+     */
+    private deviceState: DeviceState = "ok";
+
+    /**
+     * Was key backup upload active last time we checked?
+     */
+    private cachedKeyBackupUploadActive: boolean | undefined = undefined;
+
+    public constructor(deviceListener: DeviceListener, client: MatrixClient, logger: Logger) {
+        this.deviceListener = deviceListener;
+        this.client = client;
+        this.logger = logger;
+
+        this.client.on(CryptoEvent.UserTrustStatusChanged, this.onUserTrustStatusChanged);
+        this.client.on(CryptoEvent.KeysChanged, this.onCrossSigningKeysChanged);
+        this.client.on(CryptoEvent.KeyBackupStatus, this.onKeyBackupStatusChanged);
+        this.client.on(CryptoEvent.KeyBackupDecryptionKeyCached, this.onKeyBackupDecryptionKeyCached);
+        this.client.on(ClientEvent.AccountData, this.onAccountData);
+        this.client.on(ClientEvent.Sync, this.onSync);
+        this.client.on(RoomStateEvent.Events, this.onRoomStateEvents);
+        this.client.on(ClientEvent.ToDeviceEvent, this.onToDeviceEvent);
+    }
+
+    /**
+     * Stop listening for events and clear the stored information.
+     */
+    public stop(): void {
+        this.dismissedThisDeviceToast = false;
+        this.keyBackupInfo = null;
+        this.keyBackupFetchedAt = null;
+        this.cachedKeyBackupUploadActive = undefined;
+
+        this.client.removeListener(CryptoEvent.UserTrustStatusChanged, this.onUserTrustStatusChanged);
+        this.client.removeListener(CryptoEvent.KeysChanged, this.onCrossSigningKeysChanged);
+        this.client.removeListener(CryptoEvent.KeyBackupStatus, this.onKeyBackupStatusChanged);
+        this.client.removeListener(CryptoEvent.KeyBackupDecryptionKeyCached, this.onKeyBackupDecryptionKeyCached);
+        this.client.removeListener(ClientEvent.AccountData, this.onAccountData);
+        this.client.removeListener(ClientEvent.Sync, this.onSync);
+        this.client.removeListener(RoomStateEvent.Events, this.onRoomStateEvents);
+        this.client.removeListener(ClientEvent.ToDeviceEvent, this.onToDeviceEvent);
+    }
+
+    /**
+     * The user dismissed the Key Storage out of Sync toast, so we won't nag
+     * them again until they refresh or restart the app.
+     */
+    public dismissEncryptionSetup(): void {
+        // If the user dismissed the "verify this session" toast, then we will
+        // re-show it later if the device still isn't verified.
+        if (this.deviceState === "verify_this_session") {
+            setTimeout(() => {
+                if (this.deviceState === "verify_this_session") {
+                    const logSpan = new LogSpan(this.logger, "nag_" + secureRandomString(4));
+                    logSpan.info("Re-showing device verification toast");
+                    this.dismissedThisDeviceToast = false;
+                    this.setDeviceState("verify_this_session", logSpan);
+                }
+            }, DEVICE_VERIFICATION_NAG_INTERVAL);
+        }
+
+        this.dismissedThisDeviceToast = true;
+        this.deviceListener.recheck();
+    }
+
+    /**
+     * Set the account data indicate that the user has chosen to disable key
+     * backup.
+     */
+    public async recordKeyBackupDisabled(): Promise<void> {
+        await this.client.setAccountData(ACCOUNT_DATA_KEY_M_KEY_BACKUP, { enabled: false });
+        await this.client.setAccountData(ACCOUNT_DATA_KEY_M_KEY_BACKUP_DISABLED_UNSTABLE, { disabled: true });
+    }
+
+    /**
+     * Set the account data to indicate that recovery is disabled
+     */
+    public async recordRecoveryDisabled(): Promise<void> {
+        await this.client.setAccountData(RECOVERY_ACCOUNT_DATA_KEY, { enabled: false });
+    }
+
+    /**
+     * Display a toast if our crypto is in an unexpected state, or if we want to
+     * nag the user about setting up more stuff.
+     */
+    public async recheck(logSpan: LogSpan): Promise<void> {
+        const crypto = this.client.getCrypto();
+        if (!crypto) {
+            return;
+        }
+
+        let failed = await this.failIfCurrentDeviceNotTrusted(crypto, logSpan);
+        if (failed) {
+            return;
+        }
+
+        failed = await this.failIfCrossSigningSecretsNotCached(crypto, logSpan);
+        if (failed) {
+            return;
+        }
+
+        const keyBackupStatus = await this.failIfKeyBackupUploadIsFailing(logSpan);
+        if (keyBackupStatus.failed) {
+            return;
+        }
+
+        failed = await this.failIfRecoveryIsFailing(crypto, logSpan, keyBackupStatus);
+        if (failed) {
+            return;
+        }
+
+        failed = await this.failIfKeyBackupDownloadIsFailing(crypto, logSpan, keyBackupStatus);
+        if (failed) {
+            return;
+        }
+
+        // Everything is OK - no need to show a toast
+        logSpan.info("No toast needed");
+        this.setDeviceState("ok", logSpan);
+    }
+
+    /**
+     * Get the state of the device and the user's account.  The device/account
+     * state indicates what action the user must take in order to get a
+     * self-verified device that is using key backup and recovery.
+     */
+    public getDeviceState(): DeviceState {
+        return this.deviceState;
+    }
+
+    /**
+     * If the current device is not trusted (verified via cross-signing), show a
+     * toast and return true. Otherwise, return false.
+     */
+    private async failIfCurrentDeviceNotTrusted(crypto: CryptoApi, logSpan: LogSpan): Promise<boolean> {
+        const status = await crypto.getDeviceVerificationStatus(this.client.getSafeUserId(), this.client.deviceId!);
+
+        if (status?.crossSigningVerified) {
+            return false;
+        } else {
+            // The current device is not trusted: prompt the user to verify
+            await this.failedCheck("verify_this_session", logSpan, "info", "Current device not verified");
+            return true;
+        }
+    }
+
+    /**
+     * If the master, device-signing and user-signing keys are not all cached
+     * locally, show a toast and return true. Otherwise, return false.
+     */
+    private async failIfCrossSigningSecretsNotCached(crypto: CryptoApi, logSpan: LogSpan): Promise<boolean> {
+        const crossSigningStatus = await crypto.getCrossSigningStatus();
+
+        const secretsCached =
+            crossSigningStatus.privateKeysCachedLocally.masterKey &&
+            crossSigningStatus.privateKeysCachedLocally.selfSigningKey &&
+            crossSigningStatus.privateKeysCachedLocally.userSigningKey;
+
+        if (secretsCached) {
+            return false;
+        } else {
+            // cross signing ready & device trusted, but we are missing secrets from our local cache.
+            // prompt the user to enter their recovery key.
+            const newState = crossSigningStatus.privateKeysInSecretStorage
+                ? "key_storage_out_of_sync"
+                : "identity_needs_reset";
+
+            await this.failedCheck(
+                newState,
+                logSpan,
+                "info",
+                "Some secrets not cached",
+                crossSigningStatus.privateKeysCachedLocally,
+                crossSigningStatus.privateKeysInSecretStorage,
+            );
+            return true;
+        }
+    }
+
+    /**
+     * If the upload of the key backup is not working when it should, show a
+     * toast and return true. Otherwise, return false.
+     */
+    private async failIfKeyBackupUploadIsFailing(logSpan: LogSpan): Promise<KeyBackupStatus> {
+        const uploadActive = await this.isKeyBackupUploadActive(logSpan);
+        const disabled = await this.recheckBackupDisabled();
+        let failed;
+
+        // We warn if key backup upload is turned off and we have not explicitly
+        // said we are OK with that.
+        const keyBackupUploadIsOk = uploadActive || disabled;
+
+        if (!keyBackupUploadIsOk) {
+            await this.failedCheck(
+                "turn_on_key_storage",
+                logSpan,
+                "info",
+                "Key backup upload is unexpectedly turned off",
+            );
+            failed = true;
+        } else {
+            failed = false;
+        }
+
+        return { uploadActive, disabled, failed };
+    }
+
+    /**
+     * If the Recovery is enable but not working, show a toast and return true.
+     * Otherwise, return false.
+     */
+    private async failIfRecoveryIsFailing(
+        crypto: CryptoApi,
+        logSpan: LogSpan,
+        keyBackupStatus: KeyBackupStatus,
+    ): Promise<boolean> {
+        const secretStorageStatus = await crypto.getSecretStorageStatus();
+        const recoveryDisabled = await this.recheckRecoveryDisabled(this.client);
+        const recoveryIsOk = secretStorageStatus.ready || recoveryDisabled || keyBackupStatus.disabled;
+
+        if (recoveryIsOk) {
+            return false;
+        } else {
+            if (secretStorageStatus.defaultKeyId === null) {
+                await this.failedCheck("set_up_recovery", logSpan, "info", "No default 4S key");
+            } else {
+                await this.failedCheck("key_storage_out_of_sync", logSpan, "warn", "4S is missing secrets", {
+                    secretStorageStatus,
+                });
+            }
+            return true;
+        }
+    }
+
+    /**
+     * If the download of the key backup is not working when it should, show a
+     * toast and return true. Otherwise, return false.
+     */
+    private async failIfKeyBackupDownloadIsFailing(
+        crypto: CryptoApi,
+        logSpan: LogSpan,
+        keyBackupStatus: KeyBackupStatus,
+    ): Promise<boolean> {
+        // We warn if key backup is set up, but we don't have the decryption
+        // key, so can't fetch keys from backup.
+        const keyBackupDownloadIsOk =
+            !keyBackupStatus.uploadActive ||
+            keyBackupStatus.disabled ||
+            (await crypto.getSessionBackupPrivateKey()) !== null;
+
+        if (keyBackupDownloadIsOk) {
+            return false;
+        } else {
+            await this.failedCheck("key_storage_out_of_sync", logSpan, "warn", "Backup key is not cached locally");
+            return true;
+        }
+    }
+
+    /**
+     * recheck failed - update our local device keys, log a message and set the
+     * state to display to the user.
+     */
+    private async failedCheck(
+        newState: DeviceState,
+        logSpan: LogSpan,
+        level: "info" | "warn",
+        message: string,
+        ...logItems: Array<any>
+    ): Promise<void> {
+        // Make sure our keys are finished downloading
+        await this.client.getCrypto()?.getUserDeviceInfo([this.client.getSafeUserId()]);
+
+        const fullMessage = `${message}: setting state to ${newState.toLowerCase()}`;
+        if (level === "info") {
+            logSpan.info(fullMessage, ...logItems);
+        } else {
+            logSpan.warn(fullMessage, ...logItems);
+        }
+
+        this.setDeviceState(newState, logSpan);
+    }
+
+    /**
+     * Set the state of the device, and perform any actions necessary in
+     * response to the state changing.
+     */
+    private setDeviceState(newState: DeviceState, logSpan: LogSpan): void {
+        this.deviceState = newState;
+
+        this.deviceListener.currentDeviceChangedEmitter.onStateChanged(newState);
+
+        if (newState === "ok" || this.dismissedThisDeviceToast) {
+            hideSetupEncryptionToast();
+        } else if (!isSecretStorageBeingAccessed()) {
+            showSetupEncryptionToast(newState);
+        } else {
+            // If we're in the middle of a secret storage operation, we're likely
+            // modifying the state involved here, so don't add new toasts to setup.
+            logSpan.info("Device is not yet ready, but secret storage is being accessed, so not showing toast.");
+        }
+    }
+
+    /**
+     * Fetch the account data for `m.key_backup`. If this is the first time,
+     * fetch it from the server (in case the initial sync has not finished).
+     * Otherwise, fetch it from the store as normal.
+     *
+     * Returns true if `m.key_backup` has `enabled: false`.
+     */
+    public async recheckBackupDisabled(): Promise<boolean> {
+        const keyBackup = await this.client.getAccountDataFromServer(ACCOUNT_DATA_KEY_M_KEY_BACKUP);
+        if (keyBackup) {
+            return keyBackup.enabled === false;
+        }
+
+        const keyBackupDisabledUnstable = await this.client.getAccountDataFromServer(
+            ACCOUNT_DATA_KEY_M_KEY_BACKUP_DISABLED_UNSTABLE,
+        );
+        return !!keyBackupDisabledUnstable?.disabled;
+    }
+
+    /**
+     * Check whether the user has disabled recovery. If this is the first time,
+     * fetch it from the server (in case the initial sync has not finished).
+     * Otherwise, fetch it from the store as normal.
+     */
+    private async recheckRecoveryDisabled(cli: MatrixClient): Promise<boolean> {
+        const recoveryStatus = await cli.getAccountDataFromServer(RECOVERY_ACCOUNT_DATA_KEY);
+        // Recovery is disabled only if the `enabled` flag is set to `false`.
+        // If it is missing, or set to any other value, we consider it as
+        // not-disabled, and will prompt the user to create recovery (if
+        // missing).
+        return recoveryStatus?.enabled === false;
+    }
+
+    private onUserTrustStatusChanged = (userId: string): void => {
+        if (userId !== this.client.getUserId()) return;
+        this.deviceListener.recheck();
+    };
+
+    private onKeyBackupStatusChanged = (): void => {
+        this.logger.info("Backup status changed");
+        this.cachedKeyBackupUploadActive = undefined;
+        this.deviceListener.recheck();
+    };
+
+    private onKeyBackupDecryptionKeyCached = (): void => {
+        this.logger.info("Backup decryption key cached");
+        this.cachedKeyBackupUploadActive = undefined;
+        this.deviceListener.recheck();
+    };
+
+    private onCrossSigningKeysChanged = (): void => {
+        this.deviceListener.recheck();
+    };
+
+    private onAccountData = (ev: MatrixEvent): void => {
+        // User may have:
+        // * migrated SSSS to symmetric
+        // * uploaded keys to secret storage
+        // * completed secret storage creation
+        // * disabled key backup
+        // which result in account data changes affecting checks below.
+        if (
+            ev.getType().startsWith("m.secret_storage.") ||
+            ev.getType().startsWith("m.cross_signing.") ||
+            ev.getType() === "m.megolm_backup.v1" ||
+            ev.getType() === ACCOUNT_DATA_KEY_M_KEY_BACKUP ||
+            ev.getType() === ACCOUNT_DATA_KEY_M_KEY_BACKUP_DISABLED_UNSTABLE ||
+            ev.getType() === RECOVERY_ACCOUNT_DATA_KEY
+        ) {
+            this.deviceListener.recheck();
+        }
+    };
+
+    private onSync = (state: SyncState, prevState: SyncState | null): void => {
+        if (state === "PREPARED" && prevState === null) {
+            this.deviceListener.recheck();
+        }
+    };
+
+    private onRoomStateEvents = (ev: MatrixEvent): void => {
+        if (ev.getType() !== EventType.RoomEncryption) return;
+
+        // If a room changes to encrypted, re-check as it may be our first
+        // encrypted room. This also catches encrypted room creation as well.
+        this.deviceListener.recheck();
+    };
+
+    private onToDeviceEvent = (event: MatrixEvent): void => {
+        // Receiving a 4S secret can mean we are in sync where we were not before.
+        if (event.getType() === EventType.SecretSend) {
+            this.deviceListener.recheck();
+        }
+    };
+
+    /**
+     * Fetch the key backup information from the server.
+     *
+     * The result is cached for `KEY_BACKUP_POLL_INTERVAL` ms to avoid repeated API calls.
+     *
+     * @returns The key backup info from the server, or `null` if there is no key backup.
+     */
+    public async getKeyBackupInfo(): Promise<KeyBackupInfo | null> {
+        const now = new Date().getTime();
+        const crypto = this.client.getCrypto();
+        if (!crypto) return null;
+
+        if (
+            !this.keyBackupInfo ||
+            !this.keyBackupFetchedAt ||
+            this.keyBackupFetchedAt < now - KEY_BACKUP_POLL_INTERVAL
+        ) {
+            this.keyBackupInfo = await crypto.getKeyBackupInfo();
+            this.keyBackupFetchedAt = now;
+        }
+
+        return this.keyBackupInfo;
+    }
+
+    /**
+     * Is key backup enabled? Use a cached answer if we have one.
+     */
+    private isKeyBackupUploadActive = async (logger: BaseLogger): Promise<boolean> => {
+        const crypto = this.client.getCrypto();
+        if (!crypto) {
+            // If there is no crypto, there is no key backup
+            return false;
+        }
+
+        // If we've already cached the answer, return it.
+        if (this.cachedKeyBackupUploadActive !== undefined) {
+            return this.cachedKeyBackupUploadActive;
+        }
+
+        // Fetch the answer and cache it
+        const activeKeyBackupVersion = await crypto.getActiveSessionBackupVersion();
+        this.cachedKeyBackupUploadActive = !!activeKeyBackupVersion;
+        logger.debug(`Key backup upload is ${this.cachedKeyBackupUploadActive ? "active" : "inactive"}`);
+
+        return this.cachedKeyBackupUploadActive;
+    };
+}
+
+/**
+ * The current state of Key backup.
+ */
+interface KeyBackupStatus {
+    uploadActive: boolean;
+    disabled: boolean;
+    failed: boolean;
+}
diff --git a/apps/web/src/device-listener/DeviceListenerOtherDevices.ts b/apps/web/src/device-listener/DeviceListenerOtherDevices.ts
new file mode 100644
index 00000000000..d39d77ef602
--- /dev/null
+++ b/apps/web/src/device-listener/DeviceListenerOtherDevices.ts
@@ -0,0 +1,203 @@
+/*
+Copyright 2025-2026 Element Creations Ltd.
+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 { CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+import { type LogSpan } from "matrix-js-sdk/src/logger";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { type DeviceListener } from ".";
+import { getUserDeviceIds } from "../utils/crypto/deviceInfo";
+import { isBulkUnverifiedDeviceReminderSnoozed } from "../utils/device/snoozeBulkUnverifiedDeviceReminder";
+import {
+    hideToast as hideBulkUnverifiedSessionsToast,
+    showToast as showBulkUnverifiedSessionsToast,
+} from "../toasts/BulkUnverifiedSessionsToast";
+import {
+    hideToast as hideUnverifiedSessionToast,
+    showToast as showUnverifiedSessionToast,
+} from "../toasts/UnverifiedSessionToast";
+
+export class DeviceListenerOtherDevices {
+    /**
+     * The DeviceListener launching this instance.
+     */
+    private deviceListener: DeviceListener;
+
+    /**
+     * The Matrix client in use by the current user.
+     */
+    private client: MatrixClient;
+
+    /**
+     * Device IDs for which the user has dismissed the verify toast ('Later').
+     */
+    private dismissed = new Set<string>();
+
+    /**
+     * A list of our own device IDs so we can batch ones that were already
+     * there the last time the app launched into a single toast, but display new
+     * ones in their own toasts.
+     */
+    private ourDeviceIdsAtStart: Set<string> | null = null;
+
+    /**
+     * The set of device IDs we're currently displaying toasts for.
+     */
+    private displayingToastsForDeviceIds = new Set<string>();
+
+    /**
+     * Start tracking other devices and call `recheck()` on the supplied
+     * DeviceListener when something changes.
+     */
+    public constructor(deviceListener: DeviceListener, client: MatrixClient) {
+        this.deviceListener = deviceListener;
+        this.client = client;
+
+        this.client.on(CryptoEvent.DevicesUpdated, this.onDevicesUpdated);
+    }
+
+    /**
+     * Stop tracking other devices and clear our stored information.
+     */
+    public stop(): void {
+        this.dismissed.clear();
+        this.ourDeviceIdsAtStart = null;
+        this.displayingToastsForDeviceIds = new Set();
+
+        this.client.removeListener(CryptoEvent.DevicesUpdated, this.onDevicesUpdated);
+    }
+
+    /**
+     * Dismiss notifications about our own unverified devices.
+     *
+     * @param {String[]} deviceIds List of device IDs to dismiss notifications for
+     */
+    public dismissUnverifiedSessions(deviceIds: Iterable<string>): void {
+        for (const d of deviceIds) {
+            this.dismissed.add(d);
+        }
+
+        // TODO: maybe we don't need a full DeviceListener check? (Maybe we only
+        // need to call this.recheck().)
+        this.deviceListener.recheck();
+    }
+
+    /**
+     * Get the device list for the current user.
+     *
+     * @returns the set of device IDs
+     */
+    private async getDeviceIds(): Promise<Set<string>> {
+        return await getUserDeviceIds(this.client, this.client.getSafeUserId());
+    }
+
+    /**
+     */
+    private async ensureDeviceIdsAtStartPopulated(): Promise<void> {
+        if (this.ourDeviceIdsAtStart === null) {
+            this.ourDeviceIdsAtStart = await this.getDeviceIds();
+        }
+    }
+
+    /**
+     * Called when the user's devices are updated. Refreshes the device
+     * information and then rechecks whether we need to display any toasts.
+     */
+    private onDevicesUpdated = async (users: string[], initialFetch?: boolean): Promise<void> => {
+        // If we didn't know about *any* devices before (ie. it's fresh login),
+        // then they are all pre-existing devices, so ignore this and set the
+        // devicesAtStart list to the devices that we see after the fetch.
+        if (initialFetch) return;
+
+        const myUserId = this.client.getSafeUserId();
+        if (users.includes(myUserId)) await this.ensureDeviceIdsAtStartPopulated();
+
+        // TODO: maybe we don't need a full DeviceListener check? (Maybe we only
+        // need to call this.recheck().)
+        this.deviceListener.recheck();
+    };
+
+    /**
+     * Display a toast if some new other device is unverified, or if we started
+     * up and some unverified devices have appeared.
+     */
+    public async recheck(logSpan: LogSpan): Promise<void> {
+        const crypto = this.client.getCrypto();
+        if (!crypto) {
+            return;
+        }
+
+        const userId = this.client.getSafeUserId();
+
+        const crossSigningReady = await crypto.isCrossSigningReady();
+
+        const isCurrentDeviceTrusted = Boolean(
+            (await crypto.getDeviceVerificationStatus(userId, this.client.deviceId!))?.crossSigningVerified,
+        );
+
+        // This needs to be done after awaiting on getUserDeviceInfo() above, so
+        // we make sure we get the devices after the fetch is done.
+        await this.ensureDeviceIdsAtStartPopulated();
+
+        // Unverified devices that were there last time the app ran
+        // (technically could just be a boolean: we don't actually
+        // need to remember the device IDs, but for the sake of
+        // symmetry...).
+        const oldUnverifiedDeviceIds = new Set<string>();
+        // Unverified devices that have appeared since then
+        const newUnverifiedDeviceIds = new Set<string>();
+
+        // as long as cross-signing isn't ready,
+        // you can't see or dismiss any device toasts
+        if (crossSigningReady) {
+            const devices = await this.getDeviceIds();
+            for (const deviceId of devices) {
+                if (deviceId === this.client.deviceId) continue;
+
+                const deviceTrust = await crypto.getDeviceVerificationStatus(userId, deviceId);
+                if (!deviceTrust?.crossSigningVerified && !this.dismissed.has(deviceId)) {
+                    if (this.ourDeviceIdsAtStart?.has(deviceId)) {
+                        oldUnverifiedDeviceIds.add(deviceId);
+                    } else {
+                        newUnverifiedDeviceIds.add(deviceId);
+                    }
+                }
+            }
+        }
+
+        logSpan.debug("Old unverified sessions: " + Array.from(oldUnverifiedDeviceIds).join(","));
+        logSpan.debug("New unverified sessions: " + Array.from(newUnverifiedDeviceIds).join(","));
+        logSpan.debug("Currently showing toasts for: " + Array.from(this.displayingToastsForDeviceIds).join(","));
+
+        const isBulkUnverifiedSessionsReminderSnoozed = isBulkUnverifiedDeviceReminderSnoozed();
+
+        // 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 && !isBulkUnverifiedSessionsReminderSnoozed) {
+            showBulkUnverifiedSessionsToast(oldUnverifiedDeviceIds);
+        } else {
+            hideBulkUnverifiedSessionsToast();
+        }
+
+        // Show toasts for new unverified devices if they aren't already there
+        for (const deviceId of newUnverifiedDeviceIds) {
+            showUnverifiedSessionToast(deviceId);
+        }
+
+        // ...and hide any we don't need any more
+        for (const deviceId of this.displayingToastsForDeviceIds) {
+            if (!newUnverifiedDeviceIds.has(deviceId)) {
+                logSpan.debug("Hiding unverified session toast for " + deviceId);
+                hideUnverifiedSessionToast(deviceId);
+            }
+        }
+
+        this.displayingToastsForDeviceIds = newUnverifiedDeviceIds;
+    }
+}
diff --git a/apps/web/src/device-listener/DeviceState.ts b/apps/web/src/device-listener/DeviceState.ts
new file mode 100644
index 00000000000..9977011fb27
--- /dev/null
+++ b/apps/web/src/device-listener/DeviceState.ts
@@ -0,0 +1,37 @@
+/*
+Copyright 2025-2026 Element Creations Ltd.
+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.
+*/
+
+/**
+ * The state of the device and the user's account.
+ */
+export type DeviceState =
+    /**
+     * The device is in a good state.
+     */
+    | "ok"
+    /**
+     * The user needs to set up recovery.
+     */
+    | "set_up_recovery"
+    /**
+     * The device is not verified.
+     */
+    | "verify_this_session"
+    /**
+     * Key storage is out of sync (keys are missing locally, from recovery, or both).
+     */
+    | "key_storage_out_of_sync"
+    /**
+     * Key storage is not enabled, and has not been marked as purposely disabled.
+     */
+    | "turn_on_key_storage"
+    /**
+     * The user's identity needs resetting, due to missing keys.
+     */
+    | "identity_needs_reset";
diff --git a/apps/web/src/device-listener/index.ts b/apps/web/src/device-listener/index.ts
new file mode 100644
index 00000000000..03af6adec6e
--- /dev/null
+++ b/apps/web/src/device-listener/index.ts
@@ -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 * from "./CurrentDeviceChangedEmitter";
+export * from "./DeviceListener";
+export * from "./DeviceListenerCurrentDevice";
+export * from "./DeviceListenerOtherDevices";
+export type * from "./DeviceState";
diff --git a/apps/web/src/dispatcher/actions.ts b/apps/web/src/dispatcher/actions.ts
new file mode 100644
index 00000000000..a1ab565cb3c
--- /dev/null
+++ b/apps/web/src/dispatcher/actions.ts
@@ -0,0 +1,427 @@
+/*
+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.
+*/
+
+// Dispatcher actions also extend into any arbitrary string, so support that.
+export type DispatcherAction = Action | string;
+
+export enum Action {
+    // TODO: Populate with actual actions
+    // This is lazily generated as it also includes fixing a bunch of references. Work
+    // that we don't really want to take on in a giant chunk. We should always define
+    // new actions here, and ideally when we touch existing ones we take some time to
+    // define them correctly.
+
+    // When defining a new action, please use lower_scored_case with an optional class
+    // name prefix. For example, `RoomListStore.view_room` or `view_user_settings`.
+    // New definitions should also receive an accompanying interface in the payloads
+    // directory.
+
+    /**
+     * View a user's profile. Should be used with a ViewUserPayload.
+     */
+    ViewUser = "view_user",
+
+    /**
+     * Share a text message by forwarding it to a room selected by the user
+     */
+    Share = "share",
+
+    /**
+     * Open the user settings. No additional payload information required.
+     * Optionally can include an OpenToTabPayload.
+     */
+    ViewUserSettings = "view_user_settings",
+
+    /**
+     * Open the user device settings. No additional payload information required.
+     */
+    ViewUserDeviceSettings = "view_user_device_settings",
+
+    /**
+     * Opens the QR login flow. Only valid during authentication. No additional payload information required.
+     */
+    ViewQrLogin = "view_qr_login",
+
+    /**
+     * Opens the room directory. No additional payload information required.
+     */
+    ViewRoomDirectory = "view_room_directory",
+
+    /**
+     * Fires when viewing room by room_alias fails to find room
+     */
+    ViewRoomError = "view_room_error",
+
+    /**
+     * Navigates to app home
+     */
+    ViewHomePage = "view_home_page",
+
+    /**
+     * Forces the theme to reload. No additional payload information required.
+     */
+    RecheckTheme = "recheck_theme",
+
+    /**
+     * Provide status information for an ongoing update check. Should be used with a CheckUpdatesPayload.
+     */
+    CheckUpdates = "check_updates",
+
+    /**
+     * Focuses the user's cursor to the send message composer. Should be used with a FocusComposerPayload.
+     */
+    FocusSendMessageComposer = "focus_send_message_composer",
+
+    /**
+     * Clear the  to the send message composer. Should be used with a FocusComposerPayload.
+     */
+    ClearAndFocusSendMessageComposer = "clear_focus_send_message_composer",
+
+    /**
+     * Focuses the user's cursor to the edit message composer. Should be used with a FocusComposerPayload.
+     */
+    FocusEditMessageComposer = "focus_edit_message_composer",
+
+    /**
+     * Focuses the user's cursor to the edit message composer or send message
+     * composer based on the current edit state. Should be used with a FocusComposerPayload.
+     */
+    FocusAComposer = "focus_a_composer",
+
+    /**
+     * Focuses the threads panel.
+     */
+    FocusThreadsPanel = "focus_threads_panel",
+
+    /**
+     * Opens the user menu (previously known as the top left menu). No additional payload information required.
+     */
+    ToggleUserMenu = "toggle_user_menu",
+
+    /**
+     * Toggles the Space panel. No additional payload information required.
+     */
+    ToggleSpacePanel = "toggle_space_panel",
+
+    /**
+     * Sets the apps root font size delta. Should be used with UpdateFontSizeDeltaPayload
+     * It will add the delta to the current font size.
+     * The delta should be between {@link FontWatcher.MIN_DELTA} and {@link FontWatcher.MAX_DELTA}.
+     */
+    UpdateFontSizeDelta = "update_font_size_delta",
+
+    /**
+     * Sets a system font. Should be used with UpdateSystemFontPayload
+     */
+    UpdateSystemFont = "update_system_font",
+
+    /**
+     * Changes room based on payload parameters. Should be used with ViewRoomPayload.
+     */
+    ViewRoom = "view_room",
+
+    /**
+     * Changes thread based on payload parameters. Should be used with ThreadPayload.
+     */
+    ViewThread = "view_thread",
+
+    /**
+     * Changes room based on room list order and payload parameters. Should be used with ViewRoomDeltaPayload.
+     */
+    ViewRoomDelta = "view_room_delta",
+
+    /**
+     * Opens the modal dial pad
+     */
+    OpenDialPad = "open_dial_pad",
+
+    /**
+     * Fired when an upload has started. Should be used with UploadStartedPayload.
+     */
+    UploadStarted = "upload_started",
+
+    /**
+     * Fired when an upload makes progress. Should be used with UploadProgressPayload.
+     */
+    UploadProgress = "upload_progress",
+
+    /**
+     * Fired when an upload is completed. Should be used with UploadFinishedPayload.
+     */
+    UploadFinished = "upload_finished",
+
+    /**
+     * Fired when an upload fails. Should be used with UploadErrorPayload.
+     */
+    UploadFailed = "upload_failed",
+
+    /**
+     * Fired when an upload is cancelled by the user. Should be used with UploadCanceledPayload.
+     */
+    UploadCanceled = "upload_canceled",
+
+    /**
+     * Fired when requesting to join a room. Should be used with JoinRoomPayload.
+     */
+    JoinRoom = "join_room",
+
+    /**
+     * Fired when successfully joining a room. Should be used with a JoinRoomReadyPayload.
+     */
+    JoinRoomReady = "join_room_ready",
+
+    /**
+     * Fired when joining a room failed
+     */
+    JoinRoomError = "join_room_error",
+
+    /**
+     * Fired when starting to bulk redact messages from a user in a room.
+     */
+    BulkRedactStart = "bulk_redact_start",
+
+    /**
+     * Fired when done bulk redacting messages from a user in a room.
+     */
+    BulkRedactEnd = "bulk_redact_end",
+
+    /**
+     * Inserts content into the active composer. Should be used with ComposerInsertPayload.
+     */
+    ComposerInsert = "composer_insert",
+
+    /**
+     * Inserts a file into a target composer.
+     */
+    ComposerFileInsert = "composer_insert_file",
+
+    /**
+     * Switches space. Should be used with SwitchSpacePayload.
+     */
+    SwitchSpace = "switch_space",
+
+    /**
+     * Signals to the visible space hierarchy that a change has occurred and that it should refresh.
+     */
+    UpdateSpaceHierarchy = "update_space_hierarchy",
+
+    /**
+     * Fires when a monitored setting is updated,
+     * see SettingsStore::monitorSetting for more details.
+     * Should be used with SettingUpdatedPayload.
+     */
+    SettingUpdated = "setting_updated",
+
+    /**
+     * Fires when a user starts to edit event (e.g. up arrow in compositor)
+     */
+    EditEvent = "edit_event",
+
+    /**
+     * The user accepted pseudonymous analytics (i.e. posthog) from the toast
+     * Payload: none
+     */
+    PseudonymousAnalyticsAccept = "pseudonymous_analytics_accept",
+
+    /**
+     * The user rejected pseudonymous analytics (i.e. posthog) from the toast
+     * Payload: none
+     */
+    PseudonymousAnalyticsReject = "pseudonymous_analytics_reject",
+
+    /**
+     * Dispatched after leave room or space is finished
+     */
+    AfterLeaveRoom = "after_leave_room",
+
+    /**
+     * Dispatched after a room has been successfully forgotten
+     * Should be used with AfterForgetRoomPayload.
+     */
+    AfterForgetRoom = "after_forget_room",
+
+    /**
+     * Used to defer actions until after sync is complete
+     * LifecycleStore will emit deferredAction payload after 'MatrixActions.sync'
+     */
+    DoAfterSyncPrepared = "do_after_sync_prepared",
+
+    /**
+     * Fired when clicking user name from group view
+     */
+    ViewStartChatOrReuse = "view_start_chat_or_reuse",
+
+    /**
+     * Fired when the user's active room changed, possibly from/to a non-room view.
+     * Payload: ActiveRoomChangedPayload
+     */
+    ActiveRoomChanged = "active_room_changed",
+
+    /**
+     * Fired when the forward dialog needs to be opened.
+     * Payload: OpenForwardDialogPayload
+     */
+    OpenForwardDialog = "open_forward_dialog",
+
+    /**
+     * Fired when the "report event" dialog needs to be opened.
+     * Payload: OpenReportEventDialogPayload.
+     */
+    OpenReportEventDialog = "open_report_event_dialog",
+
+    /**
+     * Fired when something within the application has determined that a logout,
+     * or logout-like behaviour, needs to happen. Specifically meant to target
+     * storage deletion rather than calling the logout API.
+     *
+     * No payload.
+     */
+    TriggerLogout = "trigger_logout",
+
+    /**
+     * Opens the user's preferences for the given space. Used with a OpenSpacePreferencesPayload.
+     */
+    OpenSpacePreferences = "open_space_preferences",
+
+    /**
+     * Opens the settings for the given space. Used with a OpenSpaceSettingsPayload.
+     */
+    OpenSpaceSettings = "open_space_settings",
+
+    /**
+     * Opens the invite dialog. Used with a OpenInviteDialogPayload.
+     */
+    OpenInviteDialog = "open_invite_dialog",
+
+    /**
+     * Opens a dialog to add an existing object to a space. Used with a OpenAddExistingToSpaceDialogPayload.
+     */
+    OpenAddToExistingSpaceDialog = "open_add_to_existing_space_dialog",
+
+    /**
+     * Let components know that they should log any useful debugging information
+     * because we're probably about to send bug report which includes all of the
+     * logs. Fires with no payload.
+     */
+    DumpDebugLogs = "dump_debug_logs",
+
+    /**
+     * Show current room topic
+     */
+    ShowRoomTopic = "show_room_topic",
+
+    /**
+     * Fired when the client is no longer viable to use: specifically, that we have been "soft-logged out".
+     */
+    ClientNotViable = "client_not_viable",
+
+    /**
+     * Fired when the client was logged out. No additional payload information required.
+     */
+    OnLoggedOut = "on_logged_out",
+
+    /**
+     * Fired when the client was logged in, or has otherwise been set up with authentication data (e.g., by loading the
+     * access token from local storage). Note that this does not necessarily mean that a login action has happened,
+     * just that authentication creds have been set up.
+     *
+     * Use with a OnLoggedInPayload.
+     */
+    OnLoggedIn = "on_logged_in",
+
+    /**
+     * Fired when the client is about to be started, shortly after {@link OnLoggedIn}.
+     *
+     * No additional payload information required.
+     */
+    WillStartClient = "will_start_client",
+
+    /**
+     * Fired when the client has started, shortly after {@link WillStartClient}.
+     *
+     * No additional payload information required.
+     */
+    ClientStarted = "client_started",
+
+    /**
+     * Overwrites the existing login with fresh session credentials. Use with a OverwriteLoginPayload.
+     */
+    OverwriteLogin = "overwrite_login",
+
+    /**
+     * Fired when we want to view a thread, either a new one or an existing one
+     */
+    ShowThread = "show_thread",
+
+    /**
+     * Fired when requesting to prompt for ask to join a room.
+     */
+    PromptAskToJoin = "prompt_ask_to_join",
+
+    /**
+     * Fired when requesting to submit an ask to join a room. Use with a SubmitAskToJoinPayload.
+     */
+    SubmitAskToJoin = "submit_ask_to_join",
+
+    /**
+     * Fired when requesting to cancel an ask to join a room. Use with a CancelAskToJoinPayload.
+     */
+    CancelAskToJoin = "cancel_ask_to_join",
+
+    /**
+     * Fired when we want to open spotlight search. Use with a OpenSpotlightPayload.
+     */
+    OpenSpotlight = "open_spotlight",
+
+    /**
+     * Fired when the room loaded.
+     */
+    RoomLoaded = "room_loaded",
+
+    /**
+     * Opens right panel with 3pid invite information
+     */
+    View3pidInvite = "view_3pid_invite",
+
+    /**
+     * Opens right panel room summary and focuses the search input. Use with a FocusMessageSearchPayload.
+     */
+    FocusMessageSearch = "focus_search",
+
+    /**
+     * Open the direct message dialog
+     */
+    CreateChat = "view_create_chat",
+
+    /**
+     * Open the create room dialog
+     */
+    CreateRoom = "view_create_room",
+
+    /**
+     * The `UserActivity` tracker determined that there was some activity from the user (typically a mouse movement
+     * or keyboard event).
+     */
+    UserActivity = "user_activity",
+
+    /**
+     * Fired to request collapsing all room list sections.
+     */
+    RoomListCollapseAllSections = "room_list_collapse_all_sections",
+
+    /**
+     * Fired to request expanding all room list sections.
+     */
+    RoomListExpandAllSections = "room_list_expand_all_sections",
+
+    /**
+     * Fired to report the collapse state of a given room list section.
+     * Payload: {@link RoomListSectionsCollapseStateChangedPayload}
+     */
+    RoomListSectionsCollapseStateChanged = "room_list_sections_collapse_state_changed",
+}
diff --git a/apps/web/src/dispatcher/dispatcher.test.ts b/apps/web/src/dispatcher/dispatcher.test.ts
new file mode 100644
index 00000000000..b0a50efbbdd
--- /dev/null
+++ b/apps/web/src/dispatcher/dispatcher.test.ts
@@ -0,0 +1,82 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect } from "vitest";
+
+import defaultDispatcher from "./dispatcher";
+import { Action } from "./actions";
+import { AsyncActionPayload } from "./payloads";
+
+describe("MatrixDispatcher", () => {
+    it("should throw error if unregistering unknown token", () => {
+        expect(() => defaultDispatcher.unregister("not-a-real-token")).toThrow(
+            "Dispatcher.unregister(...): 'not-a-real-token' does not map to a registered callback.",
+        );
+    });
+
+    it("should execute callbacks in registered order", async () => {
+        const deferred1 = Promise.withResolvers<number>();
+        const deferred2 = Promise.withResolvers<number>();
+
+        const fn1 = vi.fn(() => deferred1.resolve(1));
+        const fn2 = vi.fn(() => deferred2.resolve(2));
+
+        defaultDispatcher.register(fn1);
+        defaultDispatcher.register(fn2);
+
+        defaultDispatcher.dispatch({ action: Action.OnLoggedIn });
+        const res = await Promise.race([deferred1.promise, deferred2.promise]);
+
+        expect(res).toBe(1);
+    });
+
+    it("should skip the queue for the given callback", async () => {
+        const deferred1 = Promise.withResolvers<number>();
+        const deferred2 = Promise.withResolvers<number>();
+
+        const fn1 = vi.fn(() => deferred1.resolve(1));
+        const fn2 = vi.fn(() => deferred2.resolve(2));
+
+        defaultDispatcher.register(() => {
+            defaultDispatcher.waitFor([id2]);
+        });
+        defaultDispatcher.register(fn1);
+        const id2 = defaultDispatcher.register(fn2);
+
+        defaultDispatcher.dispatch({ action: Action.OnLoggedIn });
+        const res = await Promise.race([deferred1.promise, deferred2.promise]);
+
+        expect(res).toBe(2);
+    });
+
+    it("should not fire callback which was added during a dispatch", () => {
+        const fn2 = vi.fn();
+
+        defaultDispatcher.register(() => {
+            defaultDispatcher.register(fn2);
+        });
+
+        defaultDispatcher.dispatch({ action: Action.OnLoggedIn }, true);
+
+        expect(fn2).not.toHaveBeenCalled();
+    });
+
+    it("should handle AsyncActionPayload", () => {
+        const fn = vi.fn();
+        defaultDispatcher.register(fn);
+
+        const readyFn = vi.fn((dispatch) => {
+            dispatch({ action: "test" });
+        });
+        defaultDispatcher.dispatch(new AsyncActionPayload(readyFn), true);
+
+        expect(fn).toHaveBeenLastCalledWith(expect.objectContaining({ action: "test" }));
+    });
+});
diff --git a/apps/web/src/dispatcher/dispatcher.ts b/apps/web/src/dispatcher/dispatcher.ts
new file mode 100644
index 00000000000..75f11803bb8
--- /dev/null
+++ b/apps/web/src/dispatcher/dispatcher.ts
@@ -0,0 +1,187 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 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.
+*/
+
+import { type Action } from "./actions";
+import { type ActionPayload, AsyncActionPayload } from "./payloads";
+
+type DispatchToken = string;
+
+function invariant(cond: any, error: string): void {
+    if (!cond) throw new Error(error);
+}
+
+/**
+ * A dispatcher for ActionPayloads (the default within the SDK).
+ * Based on the old Flux dispatcher https://github.com/facebook/flux/blob/main/src/Dispatcher.js
+ */
+export class MatrixDispatcher {
+    private readonly callbacks = new Map<DispatchToken, (payload: ActionPayload) => void>();
+    private readonly isHandled = new Map<DispatchToken, boolean>();
+    private readonly isPending = new Map<DispatchToken, boolean>();
+    private pendingPayload?: ActionPayload;
+    private lastId = 1;
+
+    /**
+     * Registers a callback to be invoked with every dispatched payload. Returns
+     * a token that can be used with `waitFor()`.
+     */
+    public register(callback: (payload: ActionPayload) => void): DispatchToken {
+        const id = "ID_" + this.lastId++;
+        this.callbacks.set(id, callback);
+        if (this.isDispatching()) {
+            // If there is a dispatch happening right now then the newly registered callback should be skipped
+            this.isPending.set(id, true);
+            this.isHandled.set(id, true);
+        }
+        return id;
+    }
+
+    /**
+     * Removes a callback based on its token.
+     * @param id The token that was returned by `register`.
+     * Can be undefined to avoid needing an if around every caller.
+     */
+    public unregister(id: DispatchToken | undefined): void {
+        if (!id) return;
+        invariant(this.callbacks.has(id), `Dispatcher.unregister(...): '${id}' does not map to a registered callback.`);
+        this.callbacks.delete(id);
+    }
+
+    /**
+     * Waits for the callbacks specified to be invoked before continuing execution
+     * of the current callback. This method should only be used by a callback in
+     * response to a dispatched payload.
+     */
+    public waitFor(ids: DispatchToken[]): void {
+        invariant(this.isDispatching(), "Dispatcher.waitFor(...): Must be invoked while dispatching.");
+        for (const id of ids) {
+            if (this.isPending.get(id)) {
+                invariant(
+                    this.isHandled.get(id),
+                    `Dispatcher.waitFor(...): Circular dependency detected while waiting for '${id}'.`,
+                );
+                continue;
+            }
+            invariant(
+                this.callbacks.get(id),
+                `Dispatcher.waitFor(...): '${id}' does not map to a registered callback.`,
+            );
+            this.invokeCallback(id);
+        }
+    }
+
+    /**
+     * Dispatches a payload to all registered callbacks.
+     */
+
+    private _dispatch = (payload: ActionPayload): void => {
+        invariant(!this.isDispatching(), "Dispatch.dispatch(...): Cannot dispatch in the middle of a dispatch.");
+        this.startDispatching(payload);
+        try {
+            for (const [id] of this.callbacks) {
+                if (this.isPending.get(id)) {
+                    continue;
+                }
+                this.invokeCallback(id);
+            }
+        } finally {
+            this.stopDispatching();
+        }
+    };
+
+    /**
+     * Is this Dispatcher currently dispatching.
+     */
+    public isDispatching(): boolean {
+        return !!this.pendingPayload;
+    }
+
+    /**
+     * Call the callback stored with the given id. Also do some internal
+     * bookkeeping.
+     *
+     * Must only be called with an id which has a callback and pendingPayload set
+     * @internal
+     */
+    private invokeCallback(id: DispatchToken): void {
+        this.isPending.set(id, true);
+        this.callbacks.get(id)!(this.pendingPayload!);
+        this.isHandled.set(id, true);
+    }
+
+    /**
+     * Set up bookkeeping needed when dispatching.
+     *
+     * @internal
+     */
+    private startDispatching(payload: ActionPayload): void {
+        for (const [id] of this.callbacks) {
+            this.isPending.set(id, false);
+            this.isHandled.set(id, false);
+        }
+        this.pendingPayload = payload;
+    }
+
+    /**
+     * Clear bookkeeping used for dispatching.
+     *
+     * @internal
+     */
+    private stopDispatching(): void {
+        this.pendingPayload = undefined;
+    }
+
+    /**
+     * Dispatches an event on the dispatcher's event bus.
+     * @param {ActionPayload} payload Required. The payload to dispatch.
+     * @param {boolean=false} sync Optional. Pass true to dispatch
+     *        synchronously. This is useful for anything triggering
+     *        an operation that the browser requires user interaction
+     *        for. Default false (async).
+     */
+    public dispatch<T extends ActionPayload>(payload: T, sync = false): void {
+        if (payload instanceof AsyncActionPayload) {
+            payload.fn((action: ActionPayload) => {
+                this.dispatch(action, sync);
+            });
+            return;
+        }
+
+        if (sync) {
+            this._dispatch(payload);
+        } else {
+            // Unless the caller explicitly asked for us to dispatch synchronously,
+            // we always set a timeout to do this: The flux dispatcher complains
+            // if you dispatch from within a dispatch, so rather than action
+            // handlers having to worry about not calling anything that might
+            // then dispatch, we just do dispatches asynchronously.
+            window.setTimeout(this._dispatch, 0, payload);
+        }
+    }
+
+    /**
+     * Shorthand for dispatch({action: Action.WHATEVER}, sync). No additional
+     * properties can be included with this version.
+     * @param {Action} action The action to dispatch.
+     * @param {boolean=false} sync Whether the dispatch should be sync or not.
+     * @see dispatch(action: ActionPayload, sync: boolean)
+     */
+    public fire(action: Action, sync = false): void {
+        this.dispatch({ action }, sync);
+    }
+}
+
+const defaultDispatcher = new MatrixDispatcher();
+
+if (!window.mxDispatcher) {
+    window.mxDispatcher = defaultDispatcher;
+}
+
+export default defaultDispatcher;
diff --git a/apps/web/src/dispatcher/payloads.ts b/apps/web/src/dispatcher/payloads.ts
new file mode 100644
index 00000000000..b632392db56
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads.ts
@@ -0,0 +1,60 @@
+/*
+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 { type DispatcherAction } from "./actions";
+
+/**
+ * The base dispatch type exposed by our dispatcher.
+ */
+export interface ActionPayload {
+    [property: string]: any; // effectively makes this 'extends Object'
+    action: DispatcherAction;
+}
+
+/**
+ * Type guard to check if a payload is of a specific action type.
+ * @param payload - the incoming payload to check
+ * @param action - the action to return true for
+ */
+export function isAction<P extends ActionPayload>(payload: ActionPayload, action: P["action"]): payload is P {
+    return payload.action === action;
+}
+
+/**
+ * The function the dispatcher calls when ready for an AsyncActionPayload. The
+ * single argument is used to start a dispatch. First the dispatcher calls the
+ * outer function, then when the called function is ready it calls the cb
+ * function to issue the dispatch. It may call the callback repeatedly if needed.
+ */
+export type AsyncActionFn = (cb: (action: ActionPayload) => void) => void;
+
+/**
+ * An async version of ActionPayload
+ */
+export class AsyncActionPayload implements ActionPayload {
+    /**
+     * The function the dispatcher should call.
+     */
+    public readonly fn: AsyncActionFn;
+
+    /**
+     * @deprecated Not used on AsyncActionPayload.
+     */
+    public get action(): DispatcherAction {
+        return "NOT_USED";
+    }
+
+    /**
+     * Create a new AsyncActionPayload with the given ready function.
+     * @param {AsyncActionFn} readyFn The function to be called when the
+     * dispatcher is ready.
+     */
+    public constructor(readyFn: AsyncActionFn) {
+        this.fn = readyFn;
+    }
+}
diff --git a/apps/web/src/dispatcher/payloads/ActiveRoomChangedPayload.ts b/apps/web/src/dispatcher/payloads/ActiveRoomChangedPayload.ts
new file mode 100644
index 00000000000..5995d42d70c
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/ActiveRoomChangedPayload.ts
@@ -0,0 +1,17 @@
+/*
+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 { type Action } from "../actions";
+import { type ActionPayload } from "../payloads";
+
+export interface ActiveRoomChangedPayload extends ActionPayload {
+    action: Action.ActiveRoomChanged;
+
+    oldRoomId: string | null;
+    newRoomId: string | null;
+}
diff --git a/apps/web/src/dispatcher/payloads/AfterForgetRoomPayload.ts b/apps/web/src/dispatcher/payloads/AfterForgetRoomPayload.ts
new file mode 100644
index 00000000000..ba480e7ff75
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/AfterForgetRoomPayload.ts
@@ -0,0 +1,16 @@
+/*
+ * 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 { type Action } from "../actions";
+import { type ActionPayload } from "../payloads";
+
+export interface AfterForgetRoomPayload extends ActionPayload {
+    action: Action.AfterForgetRoom;
+    room: Room;
+}
diff --git a/apps/web/src/dispatcher/payloads/AfterLeaveRoomPayload.ts b/apps/web/src/dispatcher/payloads/AfterLeaveRoomPayload.ts
new file mode 100644
index 00000000000..a16e3bd1983
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/AfterLeaveRoomPayload.ts
@@ -0,0 +1,17 @@
+/*
+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 { type Room } from "matrix-js-sdk/src/matrix";
+
+import { type Action } from "../actions";
+import { type ActionPayload } from "../payloads";
+
+export interface AfterLeaveRoomPayload extends ActionPayload {
+    action: Action.AfterLeaveRoom;
+    room_id?: Room["roomId"];
+}
diff --git a/apps/web/src/dispatcher/payloads/CancelAskToJoinPayload.ts b/apps/web/src/dispatcher/payloads/CancelAskToJoinPayload.ts
new file mode 100644
index 00000000000..0b84cb47cf0
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/CancelAskToJoinPayload.ts
@@ -0,0 +1,16 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Nordeck IT + Consulting GmbH
+
+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 Action } from "../actions";
+import { type ActionPayload } from "../payloads";
+
+export interface CancelAskToJoinPayload extends Pick<ActionPayload, "action"> {
+    action: Action.CancelAskToJoin;
+
+    roomId: string;
+}
diff --git a/apps/web/src/dispatcher/payloads/CheckUpdatesPayload.ts b/apps/web/src/dispatcher/payloads/CheckUpdatesPayload.ts
new file mode 100644
index 00000000000..6ab6e5eb350
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/CheckUpdatesPayload.ts
@@ -0,0 +1,15 @@
+/*
+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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+import { type UpdateStatus } from "../../BasePlatform";
+
+export interface CheckUpdatesPayload extends ActionPayload, UpdateStatus {
+    action: Action.CheckUpdates;
+}
diff --git a/apps/web/src/dispatcher/payloads/ComposerInsertFilePayload.ts b/apps/web/src/dispatcher/payloads/ComposerInsertFilePayload.ts
new file mode 100644
index 00000000000..8445b1610f9
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/ComposerInsertFilePayload.ts
@@ -0,0 +1,16 @@
+/*
+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 ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+import { type TimelineRenderingType } from "../../contexts/RoomContext";
+
+export interface ComposerInsertFilesPayload extends ActionPayload {
+    action: Action.ComposerFileInsert;
+    files: File[];
+    timelineRenderingType: TimelineRenderingType;
+}
diff --git a/apps/web/src/dispatcher/payloads/ComposerInsertPayload.ts b/apps/web/src/dispatcher/payloads/ComposerInsertPayload.ts
new file mode 100644
index 00000000000..9712a8303a0
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/ComposerInsertPayload.ts
@@ -0,0 +1,32 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+import { type TimelineRenderingType } from "../../contexts/RoomContext";
+
+export enum ComposerType {
+    Send = "send",
+    Edit = "edit",
+}
+
+interface IBaseComposerInsertPayload extends ActionPayload {
+    action: Action.ComposerInsert;
+    timelineRenderingType: TimelineRenderingType;
+    composerType?: ComposerType; // falsy if should be re-dispatched to the correct composer
+}
+
+interface IComposerInsertMentionPayload extends IBaseComposerInsertPayload {
+    userId: string;
+}
+
+interface IComposerInsertPlaintextPayload extends IBaseComposerInsertPayload {
+    text: string;
+}
+
+export type ComposerInsertPayload = IComposerInsertMentionPayload | IComposerInsertPlaintextPayload;
diff --git a/apps/web/src/dispatcher/payloads/DoAfterSyncPreparedPayload.ts b/apps/web/src/dispatcher/payloads/DoAfterSyncPreparedPayload.ts
new file mode 100644
index 00000000000..0bf549618e6
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/DoAfterSyncPreparedPayload.ts
@@ -0,0 +1,15 @@
+/*
+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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface DoAfterSyncPreparedPayload<T extends ActionPayload> extends Pick<ActionPayload, "action"> {
+    action: Action.DoAfterSyncPrepared;
+    deferred_action: T;
+}
diff --git a/apps/web/src/dispatcher/payloads/FocusComposerPayload.ts b/apps/web/src/dispatcher/payloads/FocusComposerPayload.ts
new file mode 100644
index 00000000000..2a72906716d
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/FocusComposerPayload.ts
@@ -0,0 +1,21 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+import { type TimelineRenderingType } from "../../contexts/RoomContext";
+
+export interface FocusComposerPayload extends ActionPayload {
+    action:
+        | Action.FocusAComposer
+        | Action.FocusEditMessageComposer
+        | Action.FocusSendMessageComposer
+        | "reply_to_event";
+
+    context?: TimelineRenderingType; // defaults to Room type for backwards compatibility
+}
diff --git a/apps/web/src/dispatcher/payloads/FocusMessageSearchPayload.ts b/apps/web/src/dispatcher/payloads/FocusMessageSearchPayload.ts
new file mode 100644
index 00000000000..a06f7f51745
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/FocusMessageSearchPayload.ts
@@ -0,0 +1,15 @@
+/*
+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 Action } from "../actions";
+import { type ActionPayload } from "../payloads";
+
+export interface FocusMessageSearchPayload extends ActionPayload {
+    action: Action.FocusMessageSearch;
+
+    initialText?: string;
+}
diff --git a/apps/web/src/dispatcher/payloads/JoinRoomErrorPayload.ts b/apps/web/src/dispatcher/payloads/JoinRoomErrorPayload.ts
new file mode 100644
index 00000000000..6beb722a4f8
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/JoinRoomErrorPayload.ts
@@ -0,0 +1,18 @@
+/*
+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 type { ActionPayload } from "../payloads";
+import type { Action } from "../actions";
+
+export interface JoinRoomErrorPayload extends Pick<ActionPayload, "action"> {
+    action: Action.JoinRoomError;
+
+    roomId: string | null;
+    err: Error;
+    canAskToJoin?: boolean;
+}
diff --git a/apps/web/src/dispatcher/payloads/JoinRoomPayload.ts b/apps/web/src/dispatcher/payloads/JoinRoomPayload.ts
new file mode 100644
index 00000000000..e65a2a7303d
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/JoinRoomPayload.ts
@@ -0,0 +1,25 @@
+/*
+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 { type JoinedRoom as JoinedRoomEvent } from "@matrix-org/analytics-events/types/typescript/JoinedRoom";
+import { type IJoinRoomOpts } from "matrix-js-sdk/src/matrix";
+
+import { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface JoinRoomPayload extends Pick<ActionPayload, "action"> {
+    action: Action.JoinRoom;
+
+    roomId: string;
+    opts?: IJoinRoomOpts;
+
+    // additional parameters for the purpose of metrics & instrumentation
+    metricsTrigger: JoinedRoomEvent["trigger"];
+
+    canAskToJoin?: boolean;
+}
diff --git a/apps/web/src/dispatcher/payloads/JoinRoomReadyPayload.ts b/apps/web/src/dispatcher/payloads/JoinRoomReadyPayload.ts
new file mode 100644
index 00000000000..ba324f7c48d
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/JoinRoomReadyPayload.ts
@@ -0,0 +1,20 @@
+/*
+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 { type JoinedRoom as JoinedRoomEvent } from "@matrix-org/analytics-events/types/typescript/JoinedRoom";
+
+import { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface JoinRoomReadyPayload extends Pick<ActionPayload, "action"> {
+    action: Action.JoinRoomReady;
+    roomId: string;
+
+    // additional parameters for the purpose of metrics & instrumentation
+    metricsTrigger: JoinedRoomEvent["trigger"];
+}
diff --git a/apps/web/src/dispatcher/payloads/OnLoggedInPayload.ts b/apps/web/src/dispatcher/payloads/OnLoggedInPayload.ts
new file mode 100644
index 00000000000..18eca59ae04
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/OnLoggedInPayload.ts
@@ -0,0 +1,17 @@
+/*
+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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface OnLoggedInPayload extends ActionPayload {
+    action: Action.OnLoggedIn;
+
+    client: MatrixClient;
+}
diff --git a/apps/web/src/dispatcher/payloads/OpenAddExistingToSpaceDialogPayload.ts b/apps/web/src/dispatcher/payloads/OpenAddExistingToSpaceDialogPayload.ts
new file mode 100644
index 00000000000..49dee1dff59
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/OpenAddExistingToSpaceDialogPayload.ts
@@ -0,0 +1,18 @@
+/*
+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 { type Room } from "matrix-js-sdk/src/matrix";
+
+import { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface OpenAddExistingToSpaceDialogPayload extends ActionPayload {
+    action: Action.OpenAddToExistingSpaceDialog;
+
+    space: Room;
+}
diff --git a/apps/web/src/dispatcher/payloads/OpenForwardDialogPayload.ts b/apps/web/src/dispatcher/payloads/OpenForwardDialogPayload.ts
new file mode 100644
index 00000000000..2f8688061c1
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/OpenForwardDialogPayload.ts
@@ -0,0 +1,20 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type Action } from "../actions";
+import { type ActionPayload } from "../payloads";
+import { type RoomPermalinkCreator } from "../../utils/permalinks/Permalinks";
+
+export interface OpenForwardDialogPayload extends ActionPayload {
+    action: Action.OpenForwardDialog;
+
+    event: MatrixEvent;
+    permalinkCreator: RoomPermalinkCreator | null;
+}
diff --git a/apps/web/src/dispatcher/payloads/OpenInviteDialogPayload.ts b/apps/web/src/dispatcher/payloads/OpenInviteDialogPayload.ts
new file mode 100644
index 00000000000..0e94465dc5a
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/OpenInviteDialogPayload.ts
@@ -0,0 +1,26 @@
+/*
+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 { type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+
+import { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+import { type InviteKind } from "../../components/views/dialogs/InviteDialogTypes";
+
+export interface OpenInviteDialogPayload extends ActionPayload {
+    action: Action.OpenInviteDialog;
+
+    kind: InviteKind;
+    onFinishedCallback?: (results: boolean[]) => void;
+
+    call?: MatrixCall;
+    roomId?: string;
+
+    analyticsName: string;
+    className: string;
+}
diff --git a/apps/web/src/dispatcher/payloads/OpenReportEventDialogPayload.ts b/apps/web/src/dispatcher/payloads/OpenReportEventDialogPayload.ts
new file mode 100644
index 00000000000..5c3e5d8cd36
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/OpenReportEventDialogPayload.ts
@@ -0,0 +1,18 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type Action } from "../actions";
+import { type ActionPayload } from "../payloads";
+
+export interface OpenReportEventDialogPayload extends ActionPayload {
+    action: Action.OpenReportEventDialog;
+
+    event: MatrixEvent;
+}
diff --git a/apps/web/src/dispatcher/payloads/OpenSpacePreferencesPayload.ts b/apps/web/src/dispatcher/payloads/OpenSpacePreferencesPayload.ts
new file mode 100644
index 00000000000..8ee488d064a
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/OpenSpacePreferencesPayload.ts
@@ -0,0 +1,30 @@
+/*
+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 { type Room } from "matrix-js-sdk/src/matrix";
+
+import { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export enum SpacePreferenceTab {
+    Appearance = "SPACE_PREFERENCE_APPEARANCE_TAB",
+}
+
+export interface OpenSpacePreferencesPayload extends ActionPayload {
+    action: Action.OpenSpacePreferences;
+
+    /**
+     * The space to open preferences for.
+     */
+    space: Room;
+
+    /**
+     * Optional tab to open specifically, otherwise the dialog's internal default.
+     */
+    initialTabId?: SpacePreferenceTab;
+}
diff --git a/apps/web/src/dispatcher/payloads/OpenSpaceSettingsPayload.ts b/apps/web/src/dispatcher/payloads/OpenSpaceSettingsPayload.ts
new file mode 100644
index 00000000000..0bb9bb5ac2a
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/OpenSpaceSettingsPayload.ts
@@ -0,0 +1,21 @@
+/*
+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 { type Room } from "matrix-js-sdk/src/matrix";
+
+import { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface OpenSpaceSettingsPayload extends ActionPayload {
+    action: Action.OpenSpaceSettings;
+
+    /**
+     * The space to open settings for.
+     */
+    space: Room;
+}
diff --git a/apps/web/src/dispatcher/payloads/OpenSpotlightPayload.ts b/apps/web/src/dispatcher/payloads/OpenSpotlightPayload.ts
new file mode 100644
index 00000000000..5cdd5c12953
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/OpenSpotlightPayload.ts
@@ -0,0 +1,18 @@
+/*
+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 Action } from "../actions";
+import { type ActionPayload } from "../payloads";
+import { type Filter } from "../../components/views/dialogs/spotlight/Filter";
+
+export interface OpenSpotlightPayload extends ActionPayload {
+    action: Action.OpenSpotlight;
+
+    initialFilter?: Filter;
+    initialText?: string;
+}
diff --git a/apps/web/src/dispatcher/payloads/OpenToTabPayload.ts b/apps/web/src/dispatcher/payloads/OpenToTabPayload.ts
new file mode 100644
index 00000000000..9f43c507e6d
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/OpenToTabPayload.ts
@@ -0,0 +1,24 @@
+/*
+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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface OpenToTabPayload extends ActionPayload {
+    action: Action.ViewUserSettings | string; // TODO: Add room settings action
+
+    /**
+     * The tab ID to open in the settings view to start, if possible.
+     */
+    initialTabId?: string;
+
+    /**
+     * Additional properties to pass to the settings view.
+     */
+    props?: Record<string, any>;
+}
diff --git a/apps/web/src/dispatcher/payloads/OverwriteLoginPayload.ts b/apps/web/src/dispatcher/payloads/OverwriteLoginPayload.ts
new file mode 100644
index 00000000000..8f157bfe59d
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/OverwriteLoginPayload.ts
@@ -0,0 +1,17 @@
+/*
+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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+import { type IMatrixClientCreds } from "../../utils/createMatrixClient";
+
+export interface OverwriteLoginPayload extends ActionPayload {
+    action: Action.OverwriteLogin;
+
+    credentials: IMatrixClientCreds;
+}
diff --git a/apps/web/src/dispatcher/payloads/RecheckThemePayload.ts b/apps/web/src/dispatcher/payloads/RecheckThemePayload.ts
new file mode 100644
index 00000000000..f87d45582c8
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/RecheckThemePayload.ts
@@ -0,0 +1,19 @@
+/*
+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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface RecheckThemePayload extends ActionPayload {
+    action: Action.RecheckTheme;
+
+    /**
+     * Optionally specify the exact theme which is to be loaded.
+     */
+    forceTheme?: string;
+}
diff --git a/apps/web/src/dispatcher/payloads/RoomListSectionsCollapseStateChangedPayload.ts b/apps/web/src/dispatcher/payloads/RoomListSectionsCollapseStateChangedPayload.ts
new file mode 100644
index 00000000000..d3dbe21cf46
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/RoomListSectionsCollapseStateChangedPayload.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 CollapseSectionsOption } from "@element-hq/web-shared-components";
+
+import { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface RoomListSectionsCollapseStateChangedPayload extends ActionPayload {
+    action: Action.RoomListSectionsCollapseStateChanged;
+    /**
+     * The new collapse state for the room list sections.
+     * If undefined, the feature is disabled.
+     */
+    collapseSections?: CollapseSectionsOption;
+}
diff --git a/apps/web/src/dispatcher/payloads/SettingUpdatedPayload.ts b/apps/web/src/dispatcher/payloads/SettingUpdatedPayload.ts
new file mode 100644
index 00000000000..51844faa16a
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/SettingUpdatedPayload.ts
@@ -0,0 +1,34 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+import { type SettingLevel } from "../../settings/SettingLevel";
+import { type SettingKey, type Settings } from "../../settings/Settings";
+
+export interface SettingUpdatedPayload<S extends SettingKey = SettingKey> extends ActionPayload {
+    action: Action.SettingUpdated;
+
+    settingName: S;
+    roomId: string | null;
+    level: SettingLevel;
+    newValueAtLevel: Settings[S]["default"];
+    newValue: Settings[S]["default"];
+}
+
+/**
+ * Type guard to check if a payload is a SettingUpdatedPayload for a specific setting.
+ * @param payload the payload to assert
+ * @param settingName the setting name to check for
+ */
+export function isSettingUpdatedPayload<S extends SettingKey>(
+    payload: SettingUpdatedPayload<any>,
+    settingName: S,
+): payload is SettingUpdatedPayload<S> {
+    return payload.settingName === settingName;
+}
diff --git a/apps/web/src/dispatcher/payloads/SharePayload.ts b/apps/web/src/dispatcher/payloads/SharePayload.ts
new file mode 100644
index 00000000000..0aa44fe12f7
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/SharePayload.ts
@@ -0,0 +1,29 @@
+/*
+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 ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export enum ShareFormat {
+    Text = "text",
+    Html = "html",
+    Markdown = "md",
+}
+
+export interface SharePayload extends ActionPayload {
+    action: Action.Share;
+
+    /**
+     * The format of message to be shared (optional)
+     */
+    format: ShareFormat;
+
+    /**
+     * The message to be shared.
+     */
+    msg: string;
+}
diff --git a/apps/web/src/dispatcher/payloads/ShowThreadPayload.ts b/apps/web/src/dispatcher/payloads/ShowThreadPayload.ts
new file mode 100644
index 00000000000..1d3efc18b84
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/ShowThreadPayload.ts
@@ -0,0 +1,22 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface ShowThreadPayload extends ActionPayload {
+    action: Action.ShowThread;
+
+    rootEvent: MatrixEvent;
+    initialEvent?: MatrixEvent;
+    highlighted?: boolean;
+    scrollIntoView?: boolean;
+    push?: boolean;
+}
diff --git a/apps/web/src/dispatcher/payloads/SubmitAskToJoinPayload.ts b/apps/web/src/dispatcher/payloads/SubmitAskToJoinPayload.ts
new file mode 100644
index 00000000000..725409fe4a3
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/SubmitAskToJoinPayload.ts
@@ -0,0 +1,19 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Nordeck IT + Consulting GmbH
+
+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 KnockRoomOpts } from "matrix-js-sdk/src/matrix";
+
+import { type Action } from "../actions";
+import { type ActionPayload } from "../payloads";
+
+export interface SubmitAskToJoinPayload extends Pick<ActionPayload, "action"> {
+    action: Action.SubmitAskToJoin;
+
+    roomId: string;
+    opts?: KnockRoomOpts;
+}
diff --git a/apps/web/src/dispatcher/payloads/SwitchSpacePayload.ts b/apps/web/src/dispatcher/payloads/SwitchSpacePayload.ts
new file mode 100644
index 00000000000..d33ea051f41
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/SwitchSpacePayload.ts
@@ -0,0 +1,19 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface SwitchSpacePayload extends ActionPayload {
+    action: Action.SwitchSpace;
+
+    /**
+     * The number of the space to switch to, 1-indexed, 0 is Home.
+     */
+    num: number;
+}
diff --git a/apps/web/src/dispatcher/payloads/ThreadPayload.ts b/apps/web/src/dispatcher/payloads/ThreadPayload.ts
new file mode 100644
index 00000000000..161eb785988
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/ThreadPayload.ts
@@ -0,0 +1,16 @@
+/*
+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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface ThreadPayload extends Pick<ActionPayload, "action"> {
+    action: Action.ViewThread;
+
+    thread_id: string | null;
+}
diff --git a/apps/web/src/dispatcher/payloads/UpdateFontSizeDeltaPayload.ts b/apps/web/src/dispatcher/payloads/UpdateFontSizeDeltaPayload.ts
new file mode 100644
index 00000000000..503299702ce
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/UpdateFontSizeDeltaPayload.ts
@@ -0,0 +1,20 @@
+/*
+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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface UpdateFontSizeDeltaPayload extends ActionPayload {
+    action: Action.UpdateFontSizeDelta;
+
+    /**
+     * The delta is added to the current font size.
+     * The delta should be between {@link FontWatcher.MIN_DELTA} and {@link FontWatcher.MAX_DELTA}.
+     */
+    delta: number;
+}
diff --git a/apps/web/src/dispatcher/payloads/UpdateSystemFontPayload.ts b/apps/web/src/dispatcher/payloads/UpdateSystemFontPayload.ts
new file mode 100644
index 00000000000..1e1fd0f8a38
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/UpdateSystemFontPayload.ts
@@ -0,0 +1,29 @@
+/*
+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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface UpdateSystemFontPayload extends ActionPayload {
+    action: Action.UpdateSystemFont;
+
+    /**
+     * Specify whether to use the bundled emoji font or the system font
+     */
+    useBundledEmojiFont: boolean;
+
+    /**
+     * Specify whether to use a system font or the stylesheet font
+     */
+    useSystemFont: boolean;
+
+    /**
+     * The system font to use
+     */
+    font: string;
+}
diff --git a/apps/web/src/dispatcher/payloads/UploadPayload.ts b/apps/web/src/dispatcher/payloads/UploadPayload.ts
new file mode 100644
index 00000000000..acfce43d7fb
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/UploadPayload.ts
@@ -0,0 +1,43 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+import { type RoomUpload } from "../../models/RoomUpload";
+
+export interface UploadPayload extends ActionPayload {
+    /**
+     * The upload with fields representing the new upload state.
+     */
+    upload: RoomUpload;
+}
+
+export interface UploadStartedPayload extends UploadPayload {
+    action: Action.UploadStarted;
+}
+
+export interface UploadProgressPayload extends UploadPayload {
+    action: Action.UploadProgress;
+}
+
+export interface UploadErrorPayload extends UploadPayload {
+    action: Action.UploadFailed;
+
+    /**
+     * An error to describe what went wrong with the upload.
+     */
+    error: unknown;
+}
+
+export interface UploadFinishedPayload extends UploadPayload {
+    action: Action.UploadFinished;
+}
+
+export interface UploadCanceledPayload extends UploadPayload {
+    action: Action.UploadCanceled;
+}
diff --git a/apps/web/src/dispatcher/payloads/ViewHomePagePayload.ts b/apps/web/src/dispatcher/payloads/ViewHomePagePayload.ts
new file mode 100644
index 00000000000..4dbf7a38e20
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/ViewHomePagePayload.ts
@@ -0,0 +1,16 @@
+/*
+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 { type Action } from "../actions";
+import { type ActionPayload } from "../payloads";
+
+export interface ViewHomePagePayload extends ActionPayload {
+    action: Action.ViewHomePage;
+    context_switch?: boolean;
+    justRegistered?: boolean;
+}
diff --git a/apps/web/src/dispatcher/payloads/ViewRoomDeltaPayload.ts b/apps/web/src/dispatcher/payloads/ViewRoomDeltaPayload.ts
new file mode 100644
index 00000000000..461b68f0655
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/ViewRoomDeltaPayload.ts
@@ -0,0 +1,24 @@
+/*
+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 { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface ViewRoomDeltaPayload extends ActionPayload {
+    action: Action.ViewRoomDelta;
+
+    /**
+     * The delta index of the room to view.
+     */
+    delta: number;
+
+    /**
+     * Optionally, whether or not to filter to unread (Bold/Grey/Red) rooms only. (Default: false)
+     */
+    unread?: boolean;
+}
diff --git a/apps/web/src/dispatcher/payloads/ViewRoomErrorPayload.ts b/apps/web/src/dispatcher/payloads/ViewRoomErrorPayload.ts
new file mode 100644
index 00000000000..2108bf4a62a
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/ViewRoomErrorPayload.ts
@@ -0,0 +1,19 @@
+/*
+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 { type MatrixError, type Room } from "matrix-js-sdk/src/matrix";
+
+import { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface ViewRoomErrorPayload extends Pick<ActionPayload, "action"> {
+    action: Action.ViewRoomError;
+    room_id: Room["roomId"] | null;
+    room_alias?: string;
+    err?: MatrixError;
+}
diff --git a/apps/web/src/dispatcher/payloads/ViewRoomPayload.ts b/apps/web/src/dispatcher/payloads/ViewRoomPayload.ts
new file mode 100644
index 00000000000..f9d027e969d
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/ViewRoomPayload.ts
@@ -0,0 +1,59 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { type ViewRoom as ViewRoomEvent } from "@matrix-org/analytics-events/types/typescript/ViewRoom";
+
+import { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+import { type IOOBData, type IThreepidInvite } from "../../stores/ThreepidInviteStore";
+import { type IOpts } from "../../createRoom";
+import { type JoinRoomPayload } from "./JoinRoomPayload";
+import { type AtLeastOne } from "../../@types/common";
+
+export type FocusNextType = "composer" | "threadsPanel" | undefined;
+
+interface BaseViewRoomPayload extends Pick<ActionPayload, "action"> {
+    action: Action.ViewRoom;
+
+    event_id?: string; // the event to ensure is in view if any
+    highlighted?: boolean; // whether to highlight `event_id`
+    scroll_into_view?: boolean; // whether to scroll `event_id` into view
+    should_peek?: boolean; // whether we should peek the room if we are not yet joined
+    joining?: boolean; // whether we have already sent a join request for this room
+    via_servers?: string[]; // the list of servers to join via if no room_alias is provided
+    context_switch?: boolean; // whether this view room was a consequence of switching spaces
+    replyingToEvent?: MatrixEvent; // the event we are replying to in this room if any
+    auto_join?: boolean; // whether to automatically join the room if we are not already
+    threepid_invite?: IThreepidInvite; // details about any 3pid invite we have to this room
+    justCreatedOpts?: IOpts; // if this is a newly created room then this is a reference to the creation opts
+    oob_data?: IOOBData; // any out-of-band data about this room can be used to render some room details without peeking
+    forceTimeline?: boolean; // Whether to override default behaviour to end up at a timeline
+    show_room_tile?: boolean; // Whether to ensure that the room tile is visible in the room list
+    clear_search?: boolean; // Whether to clear the room list search
+    view_call?: boolean; // Whether to view the call or call lobby for the room
+    skipLobby?: boolean; // Whether to skip the call lobby when showing the call (only supported for element calls)
+    voiceOnly?: boolean; // Whether the call is voice only (only supported for element calls)
+    opts?: JoinRoomPayload["opts"];
+
+    deferred_action?: ActionPayload; // Action to fire after MatrixChat handles this ViewRoom action
+
+    // additional parameters for the purpose of metrics & instrumentation
+    metricsTrigger: ViewRoomEvent["trigger"];
+    metricsViaKeyboard?: ViewRoomEvent["viaKeyboard"];
+}
+
+export type ViewRoomPayload = BaseViewRoomPayload &
+    AtLeastOne<{
+        // either or both of room_id or room_alias must be specified
+        // where possible, a room_id should be provided with a room_alias as it reduces
+        // the number of API calls required.
+        room_id?: string;
+        room_alias?: string;
+        focusNext: FocusNextType; // wat to focus after room switch. Defaults to 'composer' if undefined.
+    }>;
diff --git a/apps/web/src/dispatcher/payloads/ViewStartChatOrReusePayload.ts b/apps/web/src/dispatcher/payloads/ViewStartChatOrReusePayload.ts
new file mode 100644
index 00000000000..1651f6e9f0a
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/ViewStartChatOrReusePayload.ts
@@ -0,0 +1,17 @@
+/*
+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 { type User } from "matrix-js-sdk/src/matrix";
+
+import { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface ViewStartChatOrReusePayload extends Pick<ActionPayload, "action"> {
+    action: Action.ViewStartChatOrReuse;
+    user_id: User["userId"];
+}
diff --git a/apps/web/src/dispatcher/payloads/ViewUserPayload.ts b/apps/web/src/dispatcher/payloads/ViewUserPayload.ts
new file mode 100644
index 00000000000..63c11f29a2f
--- /dev/null
+++ b/apps/web/src/dispatcher/payloads/ViewUserPayload.ts
@@ -0,0 +1,22 @@
+/*
+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 { type RoomMember, type User } from "matrix-js-sdk/src/matrix";
+
+import { type ActionPayload } from "../payloads";
+import { type Action } from "../actions";
+
+export interface ViewUserPayload extends ActionPayload {
+    action: Action.ViewUser;
+
+    /**
+     * The member to view. May be null or falsy to indicate that no member
+     * should be shown (hide whichever relevant components).
+     */
+    member?: RoomMember | User;
+}
diff --git a/apps/web/src/editor/__mocks__/index.ts b/apps/web/src/editor/__mocks__/index.ts
new file mode 100644
index 00000000000..d80e78ae42a
--- /dev/null
+++ b/apps/web/src/editor/__mocks__/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 * from "../../../test/unit-tests/editor/mock";
diff --git a/apps/web/src/editor/autocomplete.ts b/apps/web/src/editor/autocomplete.ts
new file mode 100644
index 00000000000..f3a3148b862
--- /dev/null
+++ b/apps/web/src/editor/autocomplete.ts
@@ -0,0 +1,111 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 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 React from "react";
+import { type Part, type CommandPartCreator, type PartCreator } from "./parts";
+import type DocumentPosition from "./position";
+import { type ICompletion, type ISelectionRange } from "../autocomplete/Autocompleter";
+import type Autocomplete from "../components/views/rooms/Autocomplete";
+
+export interface ICallback {
+    replaceParts?: Part[];
+    range?: ISelectionRange;
+    close?: boolean;
+}
+
+export type UpdateCallback = (data: ICallback) => void;
+export type GetAutocompleterComponent = () => Autocomplete | null;
+export type UpdateQuery = (test: string) => Promise<void>;
+
+export default class AutocompleteWrapperModel {
+    private partIndex?: number;
+
+    public constructor(
+        private updateCallback: UpdateCallback,
+        private getAutocompleterComponent: GetAutocompleterComponent,
+        private updateQuery: UpdateQuery,
+        private partCreator: PartCreator | CommandPartCreator,
+    ) {}
+
+    public onEscape(e: KeyboardEvent | React.KeyboardEvent): void {
+        this.getAutocompleterComponent()?.onEscape(e);
+    }
+
+    public close(): void {
+        this.updateCallback({ close: true });
+    }
+
+    public hasSelection(): boolean {
+        return !!this.getAutocompleterComponent()?.hasSelection();
+    }
+
+    public hasCompletions(): boolean {
+        const ac = this.getAutocompleterComponent();
+        return !!ac && ac.countCompletions() > 0;
+    }
+
+    public confirmCompletion(): void {
+        this.getAutocompleterComponent()?.onConfirmCompletion();
+        this.updateCallback({ close: true });
+    }
+
+    /**
+     * If there is no current autocompletion, start one and move to the first selection.
+     */
+    public async startSelection(): Promise<void> {
+        const acComponent = this.getAutocompleterComponent();
+        if (acComponent && acComponent.countCompletions() === 0) {
+            // Force completions to show for the text currently entered
+            await acComponent.forceComplete();
+        }
+    }
+
+    public selectPreviousSelection(): void {
+        this.getAutocompleterComponent()?.moveSelection(-1);
+    }
+
+    public selectNextSelection(): void {
+        this.getAutocompleterComponent()?.moveSelection(+1);
+    }
+
+    public onPartUpdate(part: Part, pos: DocumentPosition): Promise<void> {
+        this.partIndex = pos.index;
+        return this.updateQuery(part.text);
+    }
+
+    public onComponentConfirm(completion: ICompletion): void {
+        this.updateCallback({
+            replaceParts: this.partForCompletion(completion),
+            close: true,
+            range: completion.range,
+        });
+    }
+
+    private partForCompletion(completion: ICompletion): Part[] {
+        const { completionId } = completion;
+        const text = completion.completion;
+        switch (completion.type) {
+            case "room":
+                return [this.partCreator.roomPill(text, completionId), this.partCreator.plain(completion.suffix || "")];
+            case "at-room":
+                return [
+                    this.partCreator.atRoomPill(completionId || ""),
+                    this.partCreator.plain(completion.suffix || ""),
+                ];
+            case "user":
+                // Insert suffix only if the pill is the part with index 0 - we are at the start of the composer
+                return this.partCreator.createMentionParts(this.partIndex === 0, text, completionId || "");
+            case "command":
+                // command needs special handling for auto complete, but also renders as plain texts
+                return [(this.partCreator as CommandPartCreator).command(text)];
+            default:
+                // used for emoji and other plain text completion replacement
+                return this.partCreator.plainWithEmoji(text);
+        }
+    }
+}
diff --git a/apps/web/src/editor/caret.test.ts b/apps/web/src/editor/caret.test.ts
new file mode 100644
index 00000000000..a32ded7224a
--- /dev/null
+++ b/apps/web/src/editor/caret.test.ts
@@ -0,0 +1,218 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { describe, it, expect } from "vitest";
+
+import { getLineAndNodePosition } from "./caret";
+import EditorModel from "./model";
+import { createPartCreator } from "./__mocks__";
+
+describe("editor/caret: DOM position for caret", function () {
+    describe("basic text handling", function () {
+        it("at end of single line", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello")], pc);
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 0,
+                offset: 5,
+            });
+            expect(lineIndex).toBe(0);
+            expect(nodeIndex).toBe(0);
+            expect(offset).toBe(5);
+        });
+        it("at start of single line", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello")], pc);
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 0,
+                offset: 0,
+            });
+            expect(lineIndex).toBe(0);
+            expect(nodeIndex).toBe(0);
+            expect(offset).toBe(0);
+        });
+        it("at middle of single line", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello")], pc);
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 0,
+                offset: 2,
+            });
+            expect(lineIndex).toBe(0);
+            expect(nodeIndex).toBe(0);
+            expect(offset).toBe(2);
+        });
+    });
+    describe("handling line breaks", function () {
+        it("at start of first line which is empty", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.newline(), pc.plain("hello world")], pc);
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 0,
+                offset: 0,
+            });
+            expect(lineIndex).toBe(0);
+            expect(nodeIndex).toBe(-1);
+            expect(offset).toBe(0);
+        });
+        it("at end of last line", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello"), pc.newline(), pc.plain("world")], pc);
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 2,
+                offset: 5,
+            });
+            expect(lineIndex).toBe(1);
+            expect(nodeIndex).toBe(0);
+            expect(offset).toBe(5);
+        });
+        it("at start of last line", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello"), pc.newline(), pc.plain("world")], pc);
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 2,
+                offset: 0,
+            });
+            expect(lineIndex).toBe(1);
+            expect(nodeIndex).toBe(0);
+            expect(offset).toBe(0);
+        });
+        it("before empty line", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello"), pc.newline(), pc.newline(), pc.plain("world")], pc);
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 0,
+                offset: 5,
+            });
+            expect(lineIndex).toBe(0);
+            expect(nodeIndex).toBe(0);
+            expect(offset).toBe(5);
+        });
+        it("in empty line", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello"), pc.newline(), pc.newline(), pc.plain("world")], pc);
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 1,
+                offset: 1,
+            });
+            expect(lineIndex).toBe(1);
+            expect(nodeIndex).toBe(-1);
+            expect(offset).toBe(0);
+        });
+        it("after empty line", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello"), pc.newline(), pc.newline(), pc.plain("world")], pc);
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 3,
+                offset: 0,
+            });
+            expect(lineIndex).toBe(2);
+            expect(nodeIndex).toBe(0);
+            expect(offset).toBe(0);
+        });
+    });
+    describe("handling non-editable parts and caret nodes", function () {
+        it("at start of non-editable part (with plain text around)", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [pc.plain("hello"), pc.userPill("Alice", "@alice:hs.tld"), pc.plain("!")],
+                pc,
+            );
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 1,
+                offset: 0,
+            });
+            expect(lineIndex).toBe(0);
+            expect(nodeIndex).toBe(0);
+            expect(offset).toBe(5);
+        });
+        it("in middle of non-editable part (with plain text around)", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [pc.plain("hello"), pc.userPill("Alice", "@alice:hs.tld"), pc.plain("!")],
+                pc,
+            );
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 1,
+                offset: 2,
+            });
+            expect(lineIndex).toBe(0);
+            expect(nodeIndex).toBe(2);
+            expect(offset).toBe(0);
+        });
+        it("at start of non-editable part (without plain text around)", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.userPill("Alice", "@alice:hs.tld")], pc);
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 0,
+                offset: 0,
+            });
+            expect(lineIndex).toBe(0);
+            //presumed nodes on line are (caret, pill, caret)
+            expect(nodeIndex).toBe(0);
+            expect(offset).toBe(0);
+        });
+        it("in middle of non-editable part (without plain text around)", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.userPill("Alice", "@alice:hs.tld")], pc);
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 0,
+                offset: 1,
+            });
+            expect(lineIndex).toBe(0);
+            //presumed nodes on line are (caret, pill, caret)
+            expect(nodeIndex).toBe(2);
+            expect(offset).toBe(0);
+        });
+        it("in middle of a first non-editable part, with another one following", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [pc.userPill("Alice", "@alice:hs.tld"), pc.userPill("Bob", "@bob:hs.tld")],
+                pc,
+            );
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 0,
+                offset: 1,
+            });
+            expect(lineIndex).toBe(0);
+            //presumed nodes on line are (caret, pill, caret, pill, caret)
+            expect(nodeIndex).toBe(2);
+            expect(offset).toBe(0);
+        });
+        it("in start of a second non-editable part, with another one before it", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [pc.userPill("Alice", "@alice:hs.tld"), pc.userPill("Bob", "@bob:hs.tld")],
+                pc,
+            );
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 1,
+                offset: 0,
+            });
+            expect(lineIndex).toBe(0);
+            //presumed nodes on line are (caret, pill, caret, pill, caret)
+            expect(nodeIndex).toBe(2);
+            expect(offset).toBe(0);
+        });
+        it("in middle of a second non-editable part, with another one before it", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [pc.userPill("Alice", "@alice:hs.tld"), pc.userPill("Bob", "@bob:hs.tld")],
+                pc,
+            );
+            const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, {
+                index: 1,
+                offset: 1,
+            });
+            expect(lineIndex).toBe(0);
+            //presumed nodes on line are (caret, pill, caret, pill, caret)
+            expect(nodeIndex).toBe(4);
+            expect(offset).toBe(0);
+        });
+    });
+});
diff --git a/apps/web/src/editor/caret.ts b/apps/web/src/editor/caret.ts
new file mode 100644
index 00000000000..2f36b4b1bfb
--- /dev/null
+++ b/apps/web/src/editor/caret.ts
@@ -0,0 +1,184 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 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 { needsCaretNodeBefore, needsCaretNodeAfter } from "./render";
+import Range from "./range";
+import type EditorModel from "./model";
+import { type IPosition } from "./position";
+import type DocumentPosition from "./position";
+import { type Part, Type } from "./parts";
+
+export type Caret = Range | DocumentPosition;
+
+export function setSelection(editor: HTMLDivElement, model: EditorModel, selection: Range | IPosition): void {
+    if (selection instanceof Range) {
+        setDocumentRangeSelection(editor, model, selection);
+    } else {
+        setCaretPosition(editor, model, selection);
+    }
+}
+
+function setDocumentRangeSelection(editor: HTMLDivElement, model: EditorModel, range: Range): void {
+    const sel = document.getSelection()!;
+    sel.removeAllRanges();
+    const selectionRange = document.createRange();
+    const start = getNodeAndOffsetForPosition(editor, model, range.start);
+    selectionRange.setStart(start.node, start.offset);
+    const end = getNodeAndOffsetForPosition(editor, model, range.end);
+    selectionRange.setEnd(end.node, end.offset);
+    sel.addRange(selectionRange);
+}
+
+export function setCaretPosition(editor: HTMLDivElement, model: EditorModel, caretPosition: IPosition): void {
+    if (model.isEmpty) return; // selection can't possibly be wrong, so avoid a reflow
+
+    const range = document.createRange();
+    const { node, offset } = getNodeAndOffsetForPosition(editor, model, caretPosition);
+    range.setStart(node, offset);
+    range.collapse(true);
+
+    const sel = document.getSelection()!;
+    if (sel.rangeCount === 1) {
+        const existingRange = sel.getRangeAt(0);
+        if (
+            existingRange.startContainer === range.startContainer &&
+            existingRange.startOffset === range.startOffset &&
+            existingRange.collapsed === range.collapsed
+        ) {
+            // If the selection matches, it's important to leave it alone.
+            // Recreating the selection state in at least Chrome can cause
+            // strange side effects, like touch bar flickering on every key.
+            // See https://github.com/vector-im/element-web/issues/9299
+            return;
+        }
+    }
+    sel.removeAllRanges();
+    sel.addRange(range);
+}
+
+function getNodeAndOffsetForPosition(
+    editor: HTMLDivElement,
+    model: EditorModel,
+    position: IPosition,
+): {
+    node: Node;
+    offset: number;
+} {
+    const { offset, lineIndex, nodeIndex } = getLineAndNodePosition(model, position);
+    const lineNode = editor.childNodes[lineIndex];
+
+    let focusNode;
+    // empty line with just a <br>
+    if (nodeIndex === -1) {
+        focusNode = lineNode;
+    } else {
+        focusNode = lineNode.childNodes[nodeIndex];
+        // make sure we have a text node
+        if (focusNode.nodeType === Node.ELEMENT_NODE && focusNode.firstChild) {
+            focusNode = focusNode.firstChild;
+        }
+    }
+    return { node: focusNode, offset };
+}
+
+export function getLineAndNodePosition(
+    model: EditorModel,
+    caretPosition: IPosition,
+): {
+    offset: number;
+    lineIndex: number;
+    nodeIndex: number;
+} {
+    const { parts } = model;
+    const partIndex = caretPosition.index;
+    let { offset } = caretPosition;
+    const lineResult = findNodeInLineForPart(parts, partIndex, offset);
+    const { lineIndex } = lineResult;
+    let { nodeIndex } = lineResult;
+    // we're at an empty line between a newline part
+    // and another newline part or end/start of parts.
+    // set offset to 0 so it gets set to the <br> inside the line container
+    if (nodeIndex === -1) {
+        offset = 0;
+    } else {
+        // move caret out of uneditable part (into caret node, or empty line br) if needed
+        ({ nodeIndex, offset } = moveOutOfUnselectablePart(parts, partIndex, nodeIndex, offset));
+    }
+    return { lineIndex, nodeIndex, offset };
+}
+
+function findNodeInLineForPart(
+    parts: Part[],
+    partIndex: number,
+    offset: number,
+): { lineIndex: number; nodeIndex: number } {
+    let lineIndex = 0;
+    let nodeIndex = -1;
+
+    let prevPart: Part | undefined;
+    // go through to parts up till (and including) the index
+    // to find newline parts
+    for (let i = 0; i <= partIndex; ++i) {
+        const part = parts[i];
+        if (part.type === Type.Newline) {
+            // don't jump over the linebreak if the offset is before it
+            if (i == partIndex && offset === 0) {
+                continue;
+            }
+            lineIndex += 1;
+            nodeIndex = -1;
+            prevPart = undefined;
+        } else {
+            nodeIndex += 1;
+            if (needsCaretNodeBefore(part, prevPart)) {
+                nodeIndex += 1;
+            }
+            // only jump over caret node if we're not at our destination node already,
+            // as we'll assume in moveOutOfUnselectablePart that nodeIndex
+            // refers to the node corresponding to the part,
+            // and not an adjacent caret node
+            if (i < partIndex) {
+                const nextPart = parts[i + 1];
+                const isLastOfLine = !nextPart || nextPart.type === Type.Newline;
+                if (needsCaretNodeAfter(part, isLastOfLine)) {
+                    nodeIndex += 1;
+                }
+            }
+            prevPart = part;
+        }
+    }
+
+    return { lineIndex, nodeIndex };
+}
+
+function moveOutOfUnselectablePart(
+    parts: Part[],
+    partIndex: number,
+    nodeIndex: number,
+    offset: number,
+): { offset: number; nodeIndex: number } {
+    // move caret before or after unselectable part
+    const part = parts[partIndex];
+    if (part && !part.acceptsCaret) {
+        if (offset === 0) {
+            nodeIndex -= 1;
+            const prevPart = parts[partIndex - 1];
+            // if the previous node is a caret node, it's empty
+            // so the offset can stay at 0
+            // only when it's not, we need to set the offset
+            // at the end of the node
+            if (!needsCaretNodeBefore(part, prevPart)) {
+                offset = prevPart.text.length;
+            }
+        } else {
+            nodeIndex += 1;
+            offset = 0;
+        }
+    }
+    return { nodeIndex, offset };
+}
diff --git a/apps/web/src/editor/commands.tsx b/apps/web/src/editor/commands.tsx
new file mode 100644
index 00000000000..7d1125341ae
--- /dev/null
+++ b/apps/web/src/editor/commands.tsx
@@ -0,0 +1,139 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 { logger } from "matrix-js-sdk/src/logger";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type RoomMessageEventContent } from "matrix-js-sdk/src/types";
+
+import type EditorModel from "./model";
+import { Type } from "./parts";
+import { type Command, CommandCategories, getCommand } from "../slash-commands/SlashCommands";
+import { UserFriendlyError, _t, _td } from "../languageHandler";
+import Modal from "../Modal";
+import ErrorDialog from "../components/views/dialogs/ErrorDialog";
+import QuestionDialog from "../components/views/dialogs/QuestionDialog";
+
+export function isSlashCommand(model: EditorModel): boolean {
+    const parts = model.parts;
+    const firstPart = parts[0];
+    if (firstPart) {
+        if (firstPart.type === Type.Command && firstPart.text.startsWith("/") && !firstPart.text.startsWith("//")) {
+            return true;
+        }
+
+        if (
+            firstPart.text.startsWith("/") &&
+            !firstPart.text.startsWith("//") &&
+            (firstPart.type === Type.Plain || firstPart.type === Type.PillCandidate)
+        ) {
+            return true;
+        }
+    }
+    return false;
+}
+
+/**
+ * Get the slash command and its arguments from the editor model
+ * @param roomId - The room ID to check whether the command is enabled
+ * @param model - The editor model
+ * @returns A tuple of the command (or undefined if not found), the arguments (or undefined), and the full command text
+ */
+export function getSlashCommand(roomId: string, model: EditorModel): [Command | undefined, string | undefined, string] {
+    const commandText = model.parts.reduce((text, part) => {
+        // use mxid to textify user pills in a command and room alias/id for room pills
+        if (part.type === Type.UserPill || part.type === Type.RoomPill) {
+            return text + part.resourceId;
+        }
+        return text + part.text;
+    }, "");
+    const { cmd, args } = getCommand(roomId, commandText);
+    return [cmd, args, commandText];
+}
+
+export async function runSlashCommand(
+    matrixClient: MatrixClient,
+    cmd: Command,
+    args: string | undefined,
+    roomId: string,
+    threadId: string | null,
+): Promise<[content: RoomMessageEventContent | null, success: boolean]> {
+    const result = cmd.run(matrixClient, roomId, threadId, args);
+    let messageContent: RoomMessageEventContent | null = null;
+    let error: any = result.error;
+    if (result.promise) {
+        try {
+            if (cmd.category === CommandCategories.messages || cmd.category === CommandCategories.effects) {
+                messageContent = (await result.promise) ?? null;
+            } else {
+                await result.promise;
+            }
+        } catch (err) {
+            error = err;
+        }
+    }
+    if (error) {
+        logger.error(`Command failure: ${error}`);
+        // assume the error is a server error when the command is async
+        const isServerError = !!result.promise;
+        const title = isServerError ? _td("slash_command|server_error") : _td("slash_command|command_error");
+
+        let errText;
+        if (typeof error === "string") {
+            errText = error;
+        } else if (error instanceof UserFriendlyError) {
+            errText = error.translatedMessage;
+        } else if (error.message) {
+            errText = error.message;
+        } else {
+            errText = _t("slash_command|server_error_detail");
+        }
+
+        Modal.createDialog(ErrorDialog, {
+            title: _t(title),
+            description: errText,
+        });
+        return [null, false];
+    } else {
+        logger.log("Command success.");
+        return [messageContent, true];
+    }
+}
+
+export async function shouldSendAnyway(commandText: string): Promise<boolean> {
+    // ask the user if their unknown command should be sent as a message
+    const { finished } = Modal.createDialog(QuestionDialog, {
+        title: _t("slash_command|unknown_command"),
+        description: (
+            <div>
+                <p>{_t("slash_command|unknown_command_detail", { commandText })}</p>
+                <p>
+                    {_t(
+                        "slash_command|unknown_command_help",
+                        {},
+                        {
+                            code: (t) => <code>{t}</code>,
+                        },
+                    )}
+                </p>
+                <p>
+                    {_t(
+                        "slash_command|unknown_command_hint",
+                        {},
+                        {
+                            code: (t) => <code>{t}</code>,
+                        },
+                    )}
+                </p>
+            </div>
+        ),
+        button: _t("slash_command|unknown_command_button"),
+    });
+    const [sendAnyway] = await finished;
+    return sendAnyway || false;
+}
diff --git a/apps/web/src/editor/deserialize.ts b/apps/web/src/editor/deserialize.ts
new file mode 100644
index 00000000000..3bca5e585a7
--- /dev/null
+++ b/apps/web/src/editor/deserialize.ts
@@ -0,0 +1,315 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 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 MatrixEvent, MsgType } from "matrix-js-sdk/src/matrix";
+
+import { checkBlockNode } from "../HtmlUtils";
+import { getPrimaryPermalinkEntity } from "../utils/permalinks/Permalinks";
+import { type Part, type PartCreator, Type } from "./parts";
+import SdkConfig from "../SdkConfig";
+import { textToHtmlRainbow } from "../utils/colour";
+import { stripPlainReply } from "../utils/Reply";
+
+const LIST_TYPES = ["UL", "OL", "LI"];
+
+// Escapes all markup in the given text
+function escape(text: string): string {
+    return text.replace(/[\\*_[\]`<]|^>/g, (match) => `\\${match}`);
+}
+
+// Finds the length of the longest backtick sequence in the given text, used for
+// escaping backticks in code blocks
+export function longestBacktickSequence(text: string): number {
+    let length = 0;
+    let currentLength = 0;
+
+    for (const c of text) {
+        if (c === "`") {
+            currentLength++;
+        } else {
+            length = Math.max(length, currentLength);
+            currentLength = 0;
+        }
+    }
+
+    return Math.max(length, currentLength);
+}
+
+function isListChild(n: Node): boolean {
+    return LIST_TYPES.includes(n.parentNode?.nodeName || "");
+}
+
+function parseAtRoomMentions(text: string, pc: PartCreator, opts: IParseOptions): Part[] {
+    const ATROOM = "@room";
+    const parts: Part[] = [];
+    text.split(ATROOM).forEach((textPart, i, arr) => {
+        if (textPart.length) {
+            parts.push(...pc.plainWithEmoji(opts.shouldEscape ? escape(textPart) : textPart));
+        }
+        // it's safe to never append @room after the last textPart
+        // as split will report an empty string at the end if
+        // `text` ended in @room.
+        const isLast = i === arr.length - 1;
+        if (!isLast) {
+            parts.push(pc.atRoomPill(ATROOM));
+        }
+    });
+    return parts;
+}
+
+function parseLink(n: Node, pc: PartCreator, opts: IParseOptions): Part[] {
+    const { href } = n as HTMLAnchorElement;
+    const resourceId = getPrimaryPermalinkEntity(href); // The room/user ID
+
+    switch (resourceId?.[0]) {
+        case "@":
+            return [pc.userPill(n.textContent || "", resourceId)];
+        case "#":
+            return [pc.roomPill(resourceId)];
+    }
+
+    const children = Array.from(n.childNodes);
+    if (href === n.textContent && children.every((c) => c.nodeType === Node.TEXT_NODE)) {
+        return parseAtRoomMentions(n.textContent, pc, opts);
+    } else {
+        return [pc.plain("["), ...parseChildren(n, pc, opts), pc.plain(`](${href})`)];
+    }
+}
+
+function parseImage(n: Node, pc: PartCreator, opts: IParseOptions): Part[] {
+    const { alt, src } = n as HTMLImageElement;
+    return pc.plainWithEmoji(`![${escape(alt)}](${src})`);
+}
+
+function parseCodeBlock(n: Node, pc: PartCreator, opts: IParseOptions): Part[] {
+    if (!n.textContent) return [];
+
+    let language = "";
+    if (n.firstChild?.nodeName === "CODE") {
+        for (const className of (n.firstChild as HTMLElement).classList) {
+            if (className.startsWith("language-") && !className.startsWith("language-_")) {
+                language = className.slice("language-".length);
+                break;
+            }
+        }
+    }
+
+    const text = n.textContent.replace(/\n$/, "");
+    // Escape backticks by using even more backticks for the fence if necessary
+    const fence = "`".repeat(Math.max(3, longestBacktickSequence(text) + 1));
+    const parts: Part[] = [...pc.plainWithEmoji(fence + language), pc.newline()];
+
+    text.split("\n").forEach((line) => {
+        parts.push(...pc.plainWithEmoji(line));
+        parts.push(pc.newline());
+    });
+
+    parts.push(pc.plain(fence));
+    return parts;
+}
+
+function parseHeader(n: Node, pc: PartCreator, opts: IParseOptions): Part[] {
+    const depth = parseInt(n.nodeName.slice(1), 10);
+    const prefix = pc.plain("#".repeat(depth) + " ");
+    return [prefix, ...parseChildren(n, pc, opts)];
+}
+
+function checkIgnored(n: Node): boolean {
+    if (n.nodeType === Node.TEXT_NODE) {
+        // Element adds \n text nodes in a lot of places,
+        // which should be ignored
+        return n.nodeValue === "\n";
+    } else if (n.nodeType === Node.ELEMENT_NODE) {
+        return n.nodeName === "MX-REPLY";
+    }
+    return true;
+}
+
+function prefixLines(parts: Part[], prefix: string, pc: PartCreator): void {
+    parts.unshift(pc.plain(prefix));
+    for (let i = 0; i < parts.length; i++) {
+        if (parts[i].type === Type.Newline) {
+            parts.splice(i + 1, 0, pc.plain(prefix));
+            i += 1;
+        }
+    }
+}
+
+function parseChildren(n: Node, pc: PartCreator, opts: IParseOptions, mkListItem?: (li: Node) => Part[]): Part[] {
+    let prev: ChildNode | undefined;
+    return Array.from(n.childNodes).flatMap((c) => {
+        const parsed = parseNode(c, pc, opts, mkListItem);
+        if (parsed.length && prev && (checkBlockNode(prev) || checkBlockNode(c))) {
+            if (isListChild(c)) {
+                // Use tighter spacing within lists
+                parsed.unshift(pc.newline());
+            } else {
+                parsed.unshift(pc.newline(), pc.newline());
+            }
+        }
+        if (parsed.length) prev = c;
+        return parsed;
+    });
+}
+
+function parseNode(n: Node, pc: PartCreator, opts: IParseOptions, mkListItem?: (li: Node) => Part[]): Part[] {
+    if (checkIgnored(n)) return [];
+
+    switch (n.nodeType) {
+        case Node.TEXT_NODE:
+            return parseAtRoomMentions(n.nodeValue || "", pc, opts);
+        case Node.ELEMENT_NODE:
+            switch (n.nodeName) {
+                case "H1":
+                case "H2":
+                case "H3":
+                case "H4":
+                case "H5":
+                case "H6":
+                    return parseHeader(n, pc, opts);
+                case "A":
+                    return parseLink(n, pc, opts);
+                case "IMG":
+                    return parseImage(n, pc, opts);
+                case "BR":
+                    return [pc.newline()];
+                case "HR":
+                    return [pc.plain("---")];
+                case "EM":
+                    return [pc.plain("_"), ...parseChildren(n, pc, opts), pc.plain("_")];
+                case "STRONG":
+                    return [pc.plain("**"), ...parseChildren(n, pc, opts), pc.plain("**")];
+                case "DEL":
+                    return [pc.plain("<del>"), ...parseChildren(n, pc, opts), pc.plain("</del>")];
+                case "S":
+                    return [pc.plain("<s>"), ...parseChildren(n, pc, opts), pc.plain("</s>")];
+                case "SUB":
+                    return [pc.plain("<sub>"), ...parseChildren(n, pc, opts), pc.plain("</sub>")];
+                case "SUP":
+                    return [pc.plain("<sup>"), ...parseChildren(n, pc, opts), pc.plain("</sup>")];
+                case "U":
+                    return [pc.plain("<u>"), ...parseChildren(n, pc, opts), pc.plain("</u>")];
+                case "PRE":
+                    return parseCodeBlock(n, pc, opts);
+                case "CODE": {
+                    // Escape backticks by using multiple backticks for the fence if necessary
+                    const fence = "`".repeat(longestBacktickSequence(n.textContent || "") + 1);
+                    return pc.plainWithEmoji(`${fence}${n.textContent}${fence}`);
+                }
+                case "BLOCKQUOTE": {
+                    const parts = parseChildren(n, pc, opts);
+                    prefixLines(parts, "> ", pc);
+                    return parts;
+                }
+                case "LI":
+                    return mkListItem?.(n) ?? parseChildren(n, pc, opts);
+                case "UL": {
+                    const parts = parseChildren(n, pc, opts, (li) => [pc.plain("- "), ...parseChildren(li, pc, opts)]);
+                    if (isListChild(n)) {
+                        prefixLines(parts, "    ", pc);
+                    }
+                    return parts;
+                }
+                case "OL": {
+                    let counter = (n as HTMLOListElement).start ?? 1;
+                    const parts = parseChildren(n, pc, opts, (li) => {
+                        const parts = [pc.plain(`${counter}. `), ...parseChildren(li, pc, opts)];
+                        counter++;
+                        return parts;
+                    });
+                    if (isListChild(n)) {
+                        prefixLines(parts, "    ", pc);
+                    }
+                    return parts;
+                }
+                case "DIV":
+                case "SPAN":
+                    // Math nodes are translated back into delimited latex strings
+                    if ((n as Element).hasAttribute("data-mx-maths")) {
+                        const delims = SdkConfig.get().latex_maths_delims;
+                        const delimLeft =
+                            n.nodeName === "SPAN" ? (delims?.inline?.left ?? "\\(") : (delims?.display?.left ?? "\\[");
+                        const delimRight =
+                            n.nodeName === "SPAN"
+                                ? (delims?.inline?.right ?? "\\)")
+                                : (delims?.display?.right ?? "\\]");
+                        const tex = (n as Element).getAttribute("data-mx-maths");
+
+                        return pc.plainWithEmoji(`${delimLeft}${tex}${delimRight}`);
+                    }
+                    // Spoilers are translated back into their slash command form
+                    else if ((n as Element).hasAttribute("data-mx-spoiler")) {
+                        return [pc.plain("/spoiler "), ...parseChildren(n, pc, opts)];
+                    }
+            }
+    }
+
+    return parseChildren(n, pc, opts);
+}
+
+interface IParseOptions {
+    isQuotedMessage?: boolean;
+    shouldEscape?: boolean;
+}
+
+function parseHtmlMessage(html: string, pc: PartCreator, opts: IParseOptions): Part[] {
+    // no nodes from parsing here should be inserted in the document,
+    // as scripts in event handlers, etc would be executed then.
+    // we're only taking text, so that is fine
+    const parts = parseNode(new DOMParser().parseFromString(html, "text/html").body, pc, opts);
+    if (opts.isQuotedMessage) {
+        prefixLines(parts, "> ", pc);
+    }
+    return parts;
+}
+
+export function parsePlainTextMessage(body: string, pc: PartCreator, opts: IParseOptions): Part[] {
+    const lines = body.split(/\r\n|\r|\n/g); // split on any new-line combination not just \n, collapses \r\n
+    return lines.reduce((parts, line, i) => {
+        if (opts.isQuotedMessage) {
+            parts.push(pc.plain("> "));
+        }
+        parts.push(...parseAtRoomMentions(line, pc, opts));
+        const isLast = i === lines.length - 1;
+        if (!isLast) {
+            parts.push(pc.newline());
+        }
+        return parts;
+    }, [] as Part[]);
+}
+
+export function parseEvent(event: MatrixEvent, pc: PartCreator, opts: IParseOptions = { shouldEscape: true }): Part[] {
+    const content = event.getContent();
+    let parts: Part[];
+    const isEmote = content.msgtype === MsgType.Emote;
+    let isRainbow = false;
+
+    if (content.format === "org.matrix.custom.html") {
+        parts = parseHtmlMessage(content.formatted_body || "", pc, opts);
+        if (content.body && content.formatted_body && textToHtmlRainbow(content.body) === content.formatted_body) {
+            isRainbow = true;
+        }
+    } else {
+        let body = content.body || "";
+        if (event.replyEventId) {
+            body = stripPlainReply(body);
+        }
+        parts = parsePlainTextMessage(body, pc, opts);
+    }
+
+    if (isEmote && isRainbow) {
+        parts.unshift(pc.plain("/rainbowme "));
+    } else if (isRainbow) {
+        parts.unshift(pc.plain("/rainbow "));
+    } else if (isEmote) {
+        parts.unshift(pc.plain("/me "));
+    }
+
+    return parts;
+}
diff --git a/apps/web/src/editor/diff.test.ts b/apps/web/src/editor/diff.test.ts
new file mode 100644
index 00000000000..8e0e2969d0f
--- /dev/null
+++ b/apps/web/src/editor/diff.test.ts
@@ -0,0 +1,139 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { describe, it, expect } from "vitest";
+
+import { diffDeletion, diffAtCaret } from "./diff";
+
+describe("editor/diff", function () {
+    describe("diffDeletion", function () {
+        describe("with a single character removed", function () {
+            it("at start of string", function () {
+                const diff = diffDeletion("hello", "ello");
+                expect(diff.at).toBe(0);
+                expect(diff.removed).toBe("h");
+            });
+            it("in middle of string", function () {
+                const diff = diffDeletion("hello", "hllo");
+                expect(diff.at).toBe(1);
+                expect(diff.removed).toBe("e");
+            });
+            it("in middle of string with duplicate character", function () {
+                const diff = diffDeletion("hello", "helo");
+                expect(diff.at).toBe(3);
+                expect(diff.removed).toBe("l");
+            });
+            it("at end of string", function () {
+                const diff = diffDeletion("hello", "hell");
+                expect(diff.at).toBe(4);
+                expect(diff.removed).toBe("o");
+            });
+        });
+        describe("with a multiple removed", function () {
+            it("at start of string", function () {
+                const diff = diffDeletion("hello", "llo");
+                expect(diff.at).toBe(0);
+                expect(diff.removed).toBe("he");
+            });
+            it("removing whole string", function () {
+                const diff = diffDeletion("hello", "");
+                expect(diff.at).toBe(0);
+                expect(diff.removed).toBe("hello");
+            });
+            it("in middle of string", function () {
+                const diff = diffDeletion("hello", "hlo");
+                expect(diff.at).toBe(1);
+                expect(diff.removed).toBe("el");
+            });
+            it("in middle of string with duplicate character", function () {
+                const diff = diffDeletion("hello", "heo");
+                expect(diff.at).toBe(2);
+                expect(diff.removed).toBe("ll");
+            });
+            it("at end of string", function () {
+                const diff = diffDeletion("hello", "hel");
+                expect(diff.at).toBe(3);
+                expect(diff.removed).toBe("lo");
+            });
+        });
+    });
+    describe("diffAtCaret", function () {
+        it("insert at start", function () {
+            const diff = diffAtCaret("world", "hello world", 6);
+            expect(diff.at).toBe(0);
+            expect(diff.added).toBe("hello ");
+            expect(diff.removed).toBeFalsy();
+        });
+        it("insert at end", function () {
+            const diff = diffAtCaret("hello", "hello world", 11);
+            expect(diff.at).toBe(5);
+            expect(diff.added).toBe(" world");
+            expect(diff.removed).toBeFalsy();
+        });
+        it("insert in middle", function () {
+            const diff = diffAtCaret("hello world", "hello cruel world", 12);
+            expect(diff.at).toBe(6);
+            expect(diff.added).toBe("cruel ");
+            expect(diff.removed).toBeFalsy();
+        });
+        it("replace at start", function () {
+            const diff = diffAtCaret("morning, world!", "afternoon, world!", 9);
+            expect(diff.at).toBe(0);
+            expect(diff.removed).toBe("morning");
+            expect(diff.added).toBe("afternoon");
+        });
+        it("replace at end", function () {
+            const diff = diffAtCaret("morning, world!", "morning, mars?", 14);
+            expect(diff.at).toBe(9);
+            expect(diff.removed).toBe("world!");
+            expect(diff.added).toBe("mars?");
+        });
+        it("replace in middle", function () {
+            const diff = diffAtCaret("morning, blue planet", "morning, red planet", 12);
+            expect(diff.at).toBe(9);
+            expect(diff.removed).toBe("blue");
+            expect(diff.added).toBe("red");
+        });
+        it("remove at start of string", function () {
+            const diff = diffAtCaret("hello", "ello", 0);
+            expect(diff.at).toBe(0);
+            expect(diff.removed).toBe("h");
+            expect(diff.added).toBeFalsy();
+        });
+        it("removing whole string", function () {
+            const diff = diffAtCaret("hello", "", 0);
+            expect(diff.at).toBe(0);
+            expect(diff.removed).toBe("hello");
+            expect(diff.added).toBeFalsy();
+        });
+        it("remove in middle of string", function () {
+            const diff = diffAtCaret("hello", "hllo", 1);
+            expect(diff.at).toBe(1);
+            expect(diff.removed).toBe("e");
+            expect(diff.added).toBeFalsy();
+        });
+        it("forwards remove in middle of string", function () {
+            const diff = diffAtCaret("hello", "hell", 4);
+            expect(diff.at).toBe(4);
+            expect(diff.removed).toBe("o");
+            expect(diff.added).toBeFalsy();
+        });
+        it("forwards remove in middle of string with duplicate character", function () {
+            const diff = diffAtCaret("hello", "helo", 3);
+            expect(diff.at).toBe(3);
+            expect(diff.removed).toBe("l");
+            expect(diff.added).toBeFalsy();
+        });
+        it("remove at end of string", function () {
+            const diff = diffAtCaret("hello", "hell", 4);
+            expect(diff.at).toBe(4);
+            expect(diff.removed).toBe("o");
+            expect(diff.added).toBeFalsy();
+        });
+    });
+});
diff --git a/apps/web/src/editor/diff.ts b/apps/web/src/editor/diff.ts
new file mode 100644
index 00000000000..508741d3295
--- /dev/null
+++ b/apps/web/src/editor/diff.ts
@@ -0,0 +1,67 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 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.
+*/
+
+export interface IDiff {
+    removed?: string;
+    added?: string;
+    at?: number;
+}
+
+function firstDiff(a: string, b: string): number {
+    const compareLen = Math.min(a.length, b.length);
+    for (let i = 0; i < compareLen; ++i) {
+        if (a[i] !== b[i]) {
+            return i;
+        }
+    }
+    return compareLen;
+}
+
+function diffStringsAtEnd(oldStr: string, newStr: string): IDiff {
+    const len = Math.min(oldStr.length, newStr.length);
+    const startInCommon = oldStr.slice(0, len) === newStr.slice(0, len);
+    if (startInCommon && oldStr.length > newStr.length) {
+        return { removed: oldStr.slice(len), at: len };
+    } else if (startInCommon && oldStr.length < newStr.length) {
+        return { added: newStr.slice(len), at: len };
+    } else {
+        const commonStartLen = firstDiff(oldStr, newStr);
+        return {
+            removed: oldStr.slice(commonStartLen),
+            added: newStr.slice(commonStartLen),
+            at: commonStartLen,
+        };
+    }
+}
+
+// assumes only characters have been deleted at one location in the string, and none added
+export function diffDeletion(oldStr: string, newStr: string): IDiff {
+    if (oldStr === newStr) {
+        return {};
+    }
+    const firstDiffIdx = firstDiff(oldStr, newStr);
+    const amount = oldStr.length - newStr.length;
+    return { at: firstDiffIdx, removed: oldStr.slice(firstDiffIdx, firstDiffIdx + amount) };
+}
+
+/**
+ * Calculates which string was added and removed around the caret position
+ * @param {String} oldValue the previous value
+ * @param {String} newValue the new value
+ * @param {Number} caretPosition the position of the caret after `newValue` was applied.
+ * @returns {object} an object with `at` as the offset where characters were removed and/or added,
+ *                  `added` with the added string (if any), and
+ *                  `removed` with the removed string (if any)
+ */
+export function diffAtCaret(oldValue: string, newValue: string, caretPosition: number): IDiff {
+    const diffLen = newValue.length - oldValue.length;
+    const caretPositionBeforeInput = caretPosition - diffLen;
+    const oldValueBeforeCaret = oldValue.substring(0, caretPositionBeforeInput);
+    const newValueBeforeCaret = newValue.substring(0, caretPosition);
+    return diffStringsAtEnd(oldValueBeforeCaret, newValueBeforeCaret);
+}
diff --git a/apps/web/src/editor/dom.ts b/apps/web/src/editor/dom.ts
new file mode 100644
index 00000000000..358364b9f39
--- /dev/null
+++ b/apps/web/src/editor/dom.ts
@@ -0,0 +1,215 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 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 { CARET_NODE_CHAR, isCaretNode } from "./render";
+import DocumentOffset from "./offset";
+import type EditorModel from "./model";
+import type Range from "./range";
+
+type Predicate = (node: Node) => boolean;
+type Callback = (node: Node) => void;
+
+export function walkDOMDepthFirst(rootNode: Node, enterNodeCallback: Predicate, leaveNodeCallback: Callback): void {
+    let node = rootNode.firstChild;
+    while (node && node !== rootNode) {
+        const shouldDescend = enterNodeCallback(node);
+        if (shouldDescend && node.firstChild) {
+            node = node.firstChild;
+        } else if (node.nextSibling) {
+            node = node.nextSibling;
+        } else {
+            while (node && !node.nextSibling && node !== rootNode) {
+                node = node.parentElement;
+                if (node && node !== rootNode) {
+                    leaveNodeCallback(node);
+                }
+            }
+            if (node && node !== rootNode) {
+                node = node.nextSibling;
+            }
+        }
+    }
+}
+
+export function getCaretOffsetAndText(
+    editor: HTMLDivElement,
+    sel: Selection,
+): {
+    caret: DocumentOffset;
+    text: string;
+} {
+    const { offset, text } = getSelectionOffsetAndText(editor, sel.focusNode, sel.focusOffset);
+    return { caret: offset, text };
+}
+
+function tryReduceSelectionToTextNode(
+    selectionNode: Node | null,
+    selectionOffset: number,
+): {
+    node: Node | null;
+    characterOffset: number;
+} {
+    // if selectionNode is an element, the selected location comes after the selectionOffset-th child node,
+    // which can point past any childNode, in which case, the end of selectionNode is selected.
+    // we try to simplify this to point at a text node with the offset being
+    // a character offset within the text node
+    // Also see https://developer.mozilla.org/en-US/docs/Web/API/Selection
+    while (selectionNode && selectionNode.nodeType === Node.ELEMENT_NODE) {
+        const childNodeCount = selectionNode.childNodes.length;
+        if (childNodeCount) {
+            if (selectionOffset >= childNodeCount) {
+                selectionNode = selectionNode.lastChild;
+                if (selectionNode?.nodeType === Node.TEXT_NODE) {
+                    selectionOffset = selectionNode.textContent?.length || 0;
+                } else {
+                    // this will select the last child node in the next iteration
+                    selectionOffset = Number.MAX_SAFE_INTEGER;
+                }
+            } else {
+                selectionNode = selectionNode.childNodes[selectionOffset];
+                // this will select the first child node in the next iteration
+                selectionOffset = 0;
+            }
+        } else {
+            // here node won't be a text node,
+            // but characterOffset should be 0,
+            // this happens under some circumstances
+            // when the editor is empty.
+            // In this case characterOffset=0 is the right thing to do
+            break;
+        }
+    }
+    return {
+        node: selectionNode,
+        characterOffset: selectionOffset,
+    };
+}
+
+function getSelectionOffsetAndText(
+    editor: HTMLDivElement,
+    selectionNode: Node | null,
+    selectionOffset: number,
+): {
+    offset: DocumentOffset;
+    text: string;
+} {
+    const { node, characterOffset } = tryReduceSelectionToTextNode(selectionNode, selectionOffset);
+    const { text, offsetToNode } = getTextAndOffsetToNode(editor, node);
+    const offset = getCaret(node, offsetToNode, characterOffset);
+    return { offset, text };
+}
+
+// gets the caret position details, ignoring and adjusting to
+// the ZWS if you're typing in a caret node
+function getCaret(node: Node | null, offsetToNode: number, offsetWithinNode: number): DocumentOffset {
+    // if no node is selected, return an offset at the start
+    if (!node) {
+        return new DocumentOffset(0, false);
+    }
+    let atNodeEnd = offsetWithinNode === node.textContent?.length;
+    if (node.nodeType === Node.TEXT_NODE && isCaretNode(node.parentElement)) {
+        const nodeValue = node.nodeValue || "";
+        const zwsIdx = nodeValue.indexOf(CARET_NODE_CHAR);
+        if (zwsIdx !== -1 && zwsIdx < offsetWithinNode) {
+            offsetWithinNode -= 1;
+        }
+        // if typing in a caret node, you're either typing before or after the ZWS.
+        // In both cases, you should be considered at node end because the ZWS is
+        // not included in the text here, and once the model is updated and rerendered,
+        // that caret node will be removed.
+        atNodeEnd = true;
+    }
+    return new DocumentOffset(offsetToNode + offsetWithinNode, atNodeEnd);
+}
+
+// gets the text of the editor as a string,
+// and the offset in characters where the selectionNode starts in that string
+// all ZWS from caret nodes are filtered out
+function getTextAndOffsetToNode(
+    editor: HTMLDivElement,
+    selectionNode: Node | null,
+): { offsetToNode: number; text: string } {
+    let offsetToNode = 0;
+    let foundNode = false;
+    let text = "";
+
+    function enterNodeCallback(node: Node): boolean {
+        if (!foundNode) {
+            if (node === selectionNode) {
+                foundNode = true;
+            }
+        }
+        // usually newlines are entered as new DIV elements,
+        // but for example while pasting in some browsers, they are still
+        // converted to BRs, so also take these into account when they
+        // are not the last element in the DIV.
+        if (node instanceof HTMLElement && node.tagName === "BR" && node.nextSibling) {
+            if (!foundNode) {
+                offsetToNode += 1;
+            }
+            text += "\n";
+        }
+        const nodeText = node.nodeType === Node.TEXT_NODE && getTextNodeValue(node);
+        if (nodeText) {
+            if (!foundNode) {
+                offsetToNode += nodeText.length;
+            }
+            text += nodeText;
+        }
+        return true;
+    }
+
+    function leaveNodeCallback(node: Node): void {
+        // if this is not the last DIV (which are only used as line containers atm)
+        // we don't just check if there is a nextSibling because sometimes the caret ends up
+        // after the last DIV and it creates a newline if you type then,
+        // whereas you just want it to be appended to the current line
+        if (
+            node instanceof HTMLElement &&
+            node.tagName === "DIV" &&
+            (<HTMLElement>node.nextSibling)?.tagName === "DIV"
+        ) {
+            text += "\n";
+            if (!foundNode) {
+                offsetToNode += 1;
+            }
+        }
+    }
+
+    walkDOMDepthFirst(editor, enterNodeCallback, leaveNodeCallback);
+
+    return { text, offsetToNode };
+}
+
+// get text value of text node, ignoring ZWS if it's a caret node
+function getTextNodeValue(node: Node): string {
+    const nodeText = node.nodeValue;
+    if (!nodeText) return "";
+
+    // filter out ZWS for caret nodes
+    if (isCaretNode(node.parentElement)) {
+        // typed in the caret node, so there is now something more in it than the ZWS
+        // so filter out the ZWS, and take the typed text into account
+        if (nodeText.length !== 1) {
+            return nodeText.replace(CARET_NODE_CHAR, "");
+        } else {
+            // only contains ZWS, which is ignored, so return empty string
+            return "";
+        }
+    }
+
+    return nodeText;
+}
+
+export function getRangeForSelection(editor: HTMLDivElement, model: EditorModel, selection: Selection): Range {
+    const focusOffset = getSelectionOffsetAndText(editor, selection.focusNode, selection.focusOffset).offset;
+    const anchorOffset = getSelectionOffsetAndText(editor, selection.anchorNode, selection.anchorOffset).offset;
+    const focusPosition = focusOffset.asPosition(model);
+    const anchorPosition = anchorOffset.asPosition(model);
+    return model.startRange(focusPosition, anchorPosition);
+}
diff --git a/apps/web/src/editor/history.test.ts b/apps/web/src/editor/history.test.ts
new file mode 100644
index 00000000000..af651b082f0
--- /dev/null
+++ b/apps/web/src/editor/history.test.ts
@@ -0,0 +1,147 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { describe, it, expect } from "vitest";
+
+import HistoryManager, { type IHistory, MAX_STEP_LENGTH } from "./history";
+import type EditorModel from "./model";
+import DocumentPosition from "./position";
+
+describe("editor/history", function () {
+    it("push, then undo", function () {
+        const history = new HistoryManager();
+        const parts = ["hello"];
+        const model = { serializeParts: () => parts.slice() } as unknown as EditorModel;
+        const caret1 = new DocumentPosition(0, 0);
+        const result1 = history.tryPush(model, caret1, "insertText", {});
+        expect(result1).toEqual(true);
+        parts[0] = "hello world";
+        history.tryPush(model, new DocumentPosition(0, 0), "insertText", {});
+        expect(history.canUndo()).toEqual(true);
+        const undoState = history.undo(model) as IHistory;
+        expect(undoState.caret).toBe(caret1);
+        expect(undoState.parts).toEqual(["hello"]);
+        expect(history.canUndo()).toEqual(false);
+    });
+    it("push, undo, then redo", function () {
+        const history = new HistoryManager();
+        const parts = ["hello"];
+        const model = { serializeParts: () => parts.slice() } as unknown as EditorModel;
+        history.tryPush(model, new DocumentPosition(0, 0), "insertText", {});
+        parts[0] = "hello world";
+        const caret2 = new DocumentPosition(0, 0);
+        history.tryPush(model, caret2, "insertText", {});
+        history.undo(model);
+        expect(history.canRedo()).toEqual(true);
+        const redoState = history.redo() as IHistory;
+        expect(redoState.caret).toBe(caret2);
+        expect(redoState.parts).toEqual(["hello world"]);
+        expect(history.canRedo()).toEqual(false);
+        expect(history.canUndo()).toEqual(true);
+    });
+    it("push, undo, push, ensure you can`t redo", function () {
+        const history = new HistoryManager();
+        const parts = ["hello"];
+        const model = { serializeParts: () => parts.slice() } as unknown as EditorModel;
+        history.tryPush(model, new DocumentPosition(0, 0), "insertText", {});
+        parts[0] = "hello world";
+        history.tryPush(model, new DocumentPosition(0, 0), "insertText", {});
+        history.undo(model);
+        parts[0] = "hello world!!";
+        history.tryPush(model, new DocumentPosition(0, 0), "insertText", {});
+        expect(history.canRedo()).toEqual(false);
+    });
+    it("not every keystroke stores a history step", function () {
+        const history = new HistoryManager();
+        const parts = ["hello"];
+        const model = { serializeParts: () => parts.slice() } as unknown as EditorModel;
+        const firstCaret = new DocumentPosition(0, 0);
+        history.tryPush(model, firstCaret, "insertText", {});
+        const diff = { added: "o" };
+        let keystrokeCount = 0;
+        do {
+            parts[0] = parts[0] + diff.added;
+            keystrokeCount += 1;
+        } while (!history.tryPush(model, new DocumentPosition(0, 0), "insertText", diff));
+        const undoState = history.undo(model) as IHistory;
+        expect(undoState.caret).toBe(firstCaret);
+        expect(undoState.parts).toEqual(["hello"]);
+        expect(history.canUndo()).toEqual(false);
+        expect(keystrokeCount).toEqual(MAX_STEP_LENGTH + 1); // +1 before we type before checking
+    });
+    it("history step is added at word boundary", function () {
+        const history = new HistoryManager();
+        const model = { serializeParts: () => parts.slice() } as unknown as EditorModel;
+        const parts = ["h"];
+        let diff = { added: "h" };
+        const blankCaret = new DocumentPosition(0, 0);
+        expect(history.tryPush(model, blankCaret, "insertText", diff)).toEqual(false);
+        diff = { added: "i" };
+        parts[0] = "hi";
+        expect(history.tryPush(model, blankCaret, "insertText", diff)).toEqual(false);
+        diff = { added: " " };
+        parts[0] = "hi ";
+        const spaceCaret = new DocumentPosition(1, 1);
+        expect(history.tryPush(model, spaceCaret, "insertText", diff)).toEqual(true);
+        diff = { added: "y" };
+        parts[0] = "hi y";
+        expect(history.tryPush(model, blankCaret, "insertText", diff)).toEqual(false);
+        diff = { added: "o" };
+        parts[0] = "hi yo";
+        expect(history.tryPush(model, blankCaret, "insertText", diff)).toEqual(false);
+        diff = { added: "u" };
+        parts[0] = "hi you";
+
+        expect(history.canUndo()).toEqual(true);
+        const undoResult = history.undo(model) as IHistory;
+        expect(undoResult.caret).toEqual(spaceCaret);
+        expect(undoResult.parts).toEqual(["hi "]);
+    });
+    it("keystroke that didn't add a step can undo", function () {
+        const history = new HistoryManager();
+        const parts = ["hello"];
+        const model = { serializeParts: () => parts.slice() } as unknown as EditorModel;
+        const firstCaret = new DocumentPosition(0, 0);
+        history.tryPush(model, firstCaret, "insertText", {});
+        parts[0] = "helloo";
+        const result = history.tryPush(model, new DocumentPosition(0, 0), "insertText", {
+            added: "o",
+        });
+        expect(result).toEqual(false);
+        expect(history.canUndo()).toEqual(true);
+        const undoState = history.undo(model) as IHistory;
+        expect(undoState.caret).toEqual(firstCaret);
+        expect(undoState.parts).toEqual(["hello"]);
+    });
+    it("undo after keystroke that didn't add a step is able to redo", function () {
+        const history = new HistoryManager();
+        const parts = ["hello"];
+        const model = { serializeParts: () => parts.slice() } as unknown as EditorModel;
+        history.tryPush(model, new DocumentPosition(0, 0), "insertText", {});
+        parts[0] = "helloo";
+        const caret = new DocumentPosition(1, 1);
+        history.tryPush(model, caret, "insertText", { added: "o" });
+        history.undo(model);
+        expect(history.canRedo()).toEqual(true);
+        const redoState = history.redo() as IHistory;
+        expect(redoState.caret).toBe(caret);
+        expect(redoState.parts).toEqual(["helloo"]);
+    });
+
+    it("overwriting text always stores a step", function () {
+        const history = new HistoryManager();
+        const parts = ["hello"];
+        const model = { serializeParts: () => parts.slice() } as unknown as EditorModel;
+        const firstCaret = new DocumentPosition(0, 0);
+        history.tryPush(model, firstCaret, "insertText", {});
+        const diff = { at: 1, added: "a", removed: "e" };
+        const secondCaret = new DocumentPosition(1, 1);
+        const result = history.tryPush(model, secondCaret, "insertText", diff);
+        expect(result).toEqual(true);
+    });
+});
diff --git a/apps/web/src/editor/history.ts b/apps/web/src/editor/history.ts
new file mode 100644
index 00000000000..9e510a5a5d7
--- /dev/null
+++ b/apps/web/src/editor/history.ts
@@ -0,0 +1,146 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 EditorModel from "./model";
+import { type IDiff } from "./diff";
+import { type SerializedPart } from "./parts";
+import { type Caret } from "./caret";
+
+export interface IHistory {
+    parts: SerializedPart[];
+    caret?: Caret;
+}
+
+export const MAX_STEP_LENGTH = 10;
+
+export default class HistoryManager {
+    private stack: IHistory[] = [];
+    private newlyTypedCharCount = 0;
+    private currentIndex = -1;
+    private changedSinceLastPush = false;
+    private lastCaret?: Caret;
+    private nonWordBoundarySinceLastPush = false;
+    private addedSinceLastPush = false;
+    private removedSinceLastPush = false;
+
+    public clear(): void {
+        this.stack = [];
+        this.newlyTypedCharCount = 0;
+        this.currentIndex = -1;
+        this.changedSinceLastPush = false;
+        this.lastCaret = undefined;
+        this.nonWordBoundarySinceLastPush = false;
+        this.addedSinceLastPush = false;
+        this.removedSinceLastPush = false;
+    }
+
+    private shouldPush(inputType?: string, diff?: IDiff): boolean {
+        // right now we can only push a step after
+        // the input has been applied to the model,
+        // so we can't push the state before something happened.
+        // not ideal but changing this would be harder to fit cleanly into
+        // the editor model.
+        const isNonBulkInput =
+            inputType === "insertText" || inputType === "deleteContentForward" || inputType === "deleteContentBackward";
+        if (diff && isNonBulkInput) {
+            if (diff.added) {
+                this.addedSinceLastPush = true;
+            }
+            if (diff.removed) {
+                this.removedSinceLastPush = true;
+            }
+            // as long as you've only been adding or removing since the last push
+            if (this.addedSinceLastPush !== this.removedSinceLastPush) {
+                // add steps by word boundary, up to MAX_STEP_LENGTH characters
+                const str = diff.added ? diff.added : diff.removed!;
+                const isWordBoundary = str === " " || str === "\t" || str === "\n";
+                if (this.nonWordBoundarySinceLastPush && isWordBoundary) {
+                    return true;
+                }
+                if (!isWordBoundary) {
+                    this.nonWordBoundarySinceLastPush = true;
+                }
+                this.newlyTypedCharCount += str.length;
+                return this.newlyTypedCharCount > MAX_STEP_LENGTH;
+            } else {
+                // if starting to remove while adding before, or the opposite, push
+                return true;
+            }
+        } else {
+            // bulk input (paste, ...) should be pushed every time
+            return true;
+        }
+    }
+
+    private pushState(model: EditorModel, caret?: Caret): void {
+        // remove all steps after current step
+        while (this.currentIndex < this.stack.length - 1) {
+            this.stack.pop();
+        }
+        const parts = model.serializeParts();
+        this.stack.push({ parts, caret });
+        this.currentIndex = this.stack.length - 1;
+        this.lastCaret = undefined;
+        this.changedSinceLastPush = false;
+        this.newlyTypedCharCount = 0;
+        this.nonWordBoundarySinceLastPush = false;
+        this.addedSinceLastPush = false;
+        this.removedSinceLastPush = false;
+    }
+
+    // needs to persist parts and caret position
+    public tryPush(model: EditorModel, caret?: Caret, inputType?: string, diff?: IDiff): boolean {
+        // ignore state restoration echos.
+        // these respect the inputType values of the input event,
+        // but are actually passed in from MessageEditor calling model.reset()
+        // in the keydown event handler.
+        if (inputType === "historyUndo" || inputType === "historyRedo") {
+            return false;
+        }
+        const shouldPush = this.shouldPush(inputType, diff);
+        if (shouldPush) {
+            this.pushState(model, caret);
+        } else {
+            this.lastCaret = caret;
+            this.changedSinceLastPush = true;
+        }
+        return shouldPush;
+    }
+
+    public ensureLastChangesPushed(model: EditorModel): void {
+        if (this.changedSinceLastPush && this.lastCaret) {
+            this.pushState(model, this.lastCaret);
+        }
+    }
+
+    public canUndo(): boolean {
+        return this.currentIndex >= 1 || this.changedSinceLastPush;
+    }
+
+    public canRedo(): boolean {
+        return this.currentIndex < this.stack.length - 1;
+    }
+
+    // returns state that should be applied to model
+    public undo(model: EditorModel): IHistory | void {
+        if (this.canUndo()) {
+            this.ensureLastChangesPushed(model);
+            this.currentIndex -= 1;
+            return this.stack[this.currentIndex];
+        }
+    }
+
+    // returns state that should be applied to model
+    public redo(): IHistory | void {
+        if (this.canRedo()) {
+            this.changedSinceLastPush = false;
+            this.currentIndex += 1;
+            return this.stack[this.currentIndex];
+        }
+    }
+}
diff --git a/apps/web/src/editor/model.test.ts b/apps/web/src/editor/model.test.ts
new file mode 100644
index 00000000000..f391d8d80e7
--- /dev/null
+++ b/apps/web/src/editor/model.test.ts
@@ -0,0 +1,414 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { describe, it, expect } from "vitest";
+
+import EditorModel from "./model";
+import HistoryManager from "./history";
+import { createPartCreator, createRenderer, type MockAutoComplete } from "./__mocks__";
+import DocumentOffset from "./offset";
+import { type PillPart } from "./parts";
+import type DocumentPosition from "./position";
+
+describe("editor/model", function () {
+    describe("plain text manipulation", function () {
+        it("insert text into empty document", function () {
+            const renderer = createRenderer();
+            const model = new EditorModel([], createPartCreator(), renderer);
+            model.update("hello", "insertText", new DocumentOffset(5, true));
+            expect(renderer.count).toBe(1);
+            expect((renderer.caret as DocumentPosition).index).toBe(0);
+            expect((renderer.caret as DocumentPosition).offset).toBe(5);
+            expect(model.parts.length).toBe(1);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("hello");
+        });
+        it("append text to existing document", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello")], pc, renderer);
+            model.update("hello world", "insertText", new DocumentOffset(11, true));
+            expect(renderer.count).toBe(1);
+            expect((renderer.caret as DocumentPosition).index).toBe(0);
+            expect((renderer.caret as DocumentPosition).offset).toBe(11);
+            expect(model.parts.length).toBe(1);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("hello world");
+        });
+        it("prepend text to existing document", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("world")], pc, renderer);
+            model.update("hello world", "insertText", new DocumentOffset(6, false));
+            expect(renderer.count).toBe(1);
+            expect((renderer.caret as DocumentPosition).index).toBe(0);
+            expect((renderer.caret as DocumentPosition).offset).toBe(6);
+            expect(model.parts.length).toBe(1);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("hello world");
+        });
+    });
+    describe("handling line breaks", function () {
+        it("insert new line into existing document", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello")], pc, renderer);
+            model.update("hello\n", "insertText", new DocumentOffset(6, true));
+            expect(renderer.count).toBe(1);
+            expect((renderer.caret as DocumentPosition).index).toBe(1);
+            expect((renderer.caret as DocumentPosition).offset).toBe(1);
+            expect(model.parts.length).toBe(2);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("hello");
+            expect(model.parts[1].type).toBe("newline");
+            expect(model.parts[1].text).toBe("\n");
+        });
+        it("insert multiple new lines into existing document", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello")], pc, renderer);
+            model.update("hello\n\n\nworld!", "insertText", new DocumentOffset(14, true));
+            expect(renderer.count).toBe(1);
+            expect((renderer.caret as DocumentPosition).index).toBe(4);
+            expect((renderer.caret as DocumentPosition).offset).toBe(6);
+            expect(model.parts.length).toBe(5);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("hello");
+            expect(model.parts[1].type).toBe("newline");
+            expect(model.parts[1].text).toBe("\n");
+            expect(model.parts[2].type).toBe("newline");
+            expect(model.parts[2].text).toBe("\n");
+            expect(model.parts[3].type).toBe("newline");
+            expect(model.parts[3].text).toBe("\n");
+            expect(model.parts[4].type).toBe("plain");
+            expect(model.parts[4].text).toBe("world!");
+        });
+        it("type in empty line", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [pc.plain("hello"), pc.newline(), pc.newline(), pc.plain("world")],
+                pc,
+                renderer,
+            );
+            model.update("hello\nwarm\nworld", "insertText", new DocumentOffset(10, true));
+            expect(renderer.count).toBe(1);
+            expect((renderer.caret as DocumentPosition).index).toBe(2);
+            expect((renderer.caret as DocumentPosition).offset).toBe(4);
+            expect(model.parts.length).toBe(5);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("hello");
+            expect(model.parts[1].type).toBe("newline");
+            expect(model.parts[1].text).toBe("\n");
+            expect(model.parts[2].type).toBe("plain");
+            expect(model.parts[2].text).toBe("warm");
+            expect(model.parts[3].type).toBe("newline");
+            expect(model.parts[3].text).toBe("\n");
+            expect(model.parts[4].type).toBe("plain");
+            expect(model.parts[4].text).toBe("world");
+        });
+    });
+    describe("non-editable part manipulation", function () {
+        it("typing at start of non-editable part prepends", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("try "), pc.roomPill("#someroom")], pc, renderer);
+            model.update("try foo#someroom", "insertText", new DocumentOffset(7, false));
+            expect((renderer.caret as DocumentPosition).index).toBe(0);
+            expect((renderer.caret as DocumentPosition).offset).toBe(7);
+            expect(model.parts.length).toBe(2);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("try foo");
+            expect(model.parts[1].type).toBe("room-pill");
+            expect(model.parts[1].text).toBe("#someroom");
+        });
+        it("typing in middle of non-editable part appends", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("try "), pc.roomPill("#someroom"), pc.plain("?")], pc, renderer);
+            model.update("try #some perhapsroom?", "insertText", new DocumentOffset(17, false));
+            expect((renderer.caret as DocumentPosition).index).toBe(2);
+            expect((renderer.caret as DocumentPosition).offset).toBe(8);
+            expect(model.parts.length).toBe(3);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("try ");
+            expect(model.parts[1].type).toBe("room-pill");
+            expect(model.parts[1].text).toBe("#someroom");
+            expect(model.parts[2].type).toBe("plain");
+            expect(model.parts[2].text).toBe(" perhaps?");
+        });
+        it("remove non-editable part with backspace", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.roomPill("#someroom")], pc, renderer);
+            model.update("#someroo", "deleteContentBackward", new DocumentOffset(8, true));
+            expect(renderer.count).toBe(1);
+            expect((renderer.caret as DocumentPosition).index).toBe(-1);
+            expect((renderer.caret as DocumentPosition).offset).toBe(0);
+            expect(model.parts.length).toBe(0);
+        });
+        it("remove non-editable part with delete", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.roomPill("#someroom")], pc, renderer);
+            model.update("someroom", "deleteContentForward", new DocumentOffset(0, false));
+            expect(renderer.count).toBe(1);
+            expect((renderer.caret as DocumentPosition).index).toBe(-1);
+            expect((renderer.caret as DocumentPosition).offset).toBe(0);
+            expect(model.parts.length).toBe(0);
+        });
+    });
+    describe("auto-complete", function () {
+        it("insert user pill", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator([{ resourceId: "@alice", text: "Alice" } as PillPart]);
+            const model = new EditorModel([pc.plain("hello ")], pc, renderer);
+
+            model.update("hello @a", "insertText", new DocumentOffset(8, true));
+
+            expect(renderer.count).toBe(1);
+            expect((renderer.caret as DocumentPosition).index).toBe(1);
+            expect((renderer.caret as DocumentPosition).offset).toBe(2);
+            expect(model.parts.length).toBe(2);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("hello ");
+            expect(model.parts[1].type).toBe("pill-candidate");
+            expect(model.parts[1].text).toBe("@a");
+
+            // this is a hacky mock function
+            (model.autoComplete as unknown as MockAutoComplete).tryComplete();
+
+            expect(renderer.count).toBe(2);
+            expect((renderer.caret as DocumentPosition).index).toBe(1);
+            expect((renderer.caret as DocumentPosition).offset).toBe(5);
+            expect(model.parts.length).toBe(2);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("hello ");
+            expect(model.parts[1].type).toBe("user-pill");
+            expect(model.parts[1].text).toBe("Alice");
+        });
+
+        it("reverses a confirmed completion with a single undo", function () {
+            const history = new HistoryManager();
+            const pc = createPartCreator([{ resourceId: "@alice", text: "Alice" } as PillPart]);
+            // Stands in for the composer, which pushes every update it is told about onto the
+            // undo stack.
+            const model: EditorModel = new EditorModel([pc.plain("hello ")], pc, (caret) =>
+                history.tryPush(model, caret),
+            );
+
+            model.update("hello @a", "insertText", new DocumentOffset(8, true));
+            history.ensureLastChangesPushed(model);
+            const autoComplete = model.autoComplete as unknown as MockAutoComplete;
+            autoComplete.tryComplete();
+            // Confirming a completion closes the autocomplete a second time, which is what used to
+            // put an identical second state on the undo stack.
+            autoComplete.close();
+
+            const undone = history.undo(model);
+            expect(undone).toBeTruthy();
+            expect(undone!.parts.map((p) => p.text)).toEqual(["hello ", "@a"]);
+        });
+
+        it("does not report the redundant close which follows a completion", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator([{ resourceId: "@alice", text: "Alice" } as PillPart]);
+            const model = new EditorModel([pc.plain("hello ")], pc, renderer);
+
+            model.update("hello @a", "insertText", new DocumentOffset(8, true));
+            const autoComplete = model.autoComplete as unknown as MockAutoComplete;
+            autoComplete.tryComplete();
+            expect(renderer.count).toBe(2);
+
+            autoComplete.close();
+
+            expect(renderer.count).toBe(2);
+        });
+
+        it("insert room pill", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator([{ resourceId: "#riot-dev" } as PillPart]);
+            const model = new EditorModel([pc.plain("hello ")], pc, renderer);
+
+            model.update("hello #r", "insertText", new DocumentOffset(8, true));
+
+            expect(renderer.count).toBe(1);
+            expect((renderer.caret as DocumentPosition).index).toBe(1);
+            expect((renderer.caret as DocumentPosition).offset).toBe(2);
+            expect(model.parts.length).toBe(2);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("hello ");
+            expect(model.parts[1].type).toBe("pill-candidate");
+            expect(model.parts[1].text).toBe("#r");
+
+            // this is a hacky mock function
+            (model.autoComplete as unknown as MockAutoComplete).tryComplete();
+
+            expect(renderer.count).toBe(2);
+            expect((renderer.caret as DocumentPosition).index).toBe(1);
+            expect((renderer.caret as DocumentPosition).offset).toBe(9);
+            expect(model.parts.length).toBe(2);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("hello ");
+            expect(model.parts[1].type).toBe("room-pill");
+            expect(model.parts[1].text).toBe("#riot-dev");
+        });
+
+        it("type after inserting pill", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator([{ resourceId: "#riot-dev" } as PillPart]);
+            const model = new EditorModel([pc.plain("hello ")], pc, renderer);
+
+            model.update("hello #r", "insertText", new DocumentOffset(8, true));
+            // this is a hacky mock function
+            (model.autoComplete as unknown as MockAutoComplete).tryComplete();
+            model.update("hello #riot-dev!!", "insertText", new DocumentOffset(17, true));
+
+            expect(renderer.count).toBe(3);
+            expect((renderer.caret as DocumentPosition).index).toBe(2);
+            expect((renderer.caret as DocumentPosition).offset).toBe(2);
+            expect(model.parts.length).toBe(3);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("hello ");
+            expect(model.parts[1].type).toBe("room-pill");
+            expect(model.parts[1].text).toBe("#riot-dev");
+            expect(model.parts[2].type).toBe("plain");
+            expect(model.parts[2].text).toBe("!!");
+        });
+
+        it("pasting text does not trigger auto-complete", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator([{ resourceId: "#define-room" } as PillPart]);
+            const model = new EditorModel([pc.plain("try ")], pc, renderer);
+
+            model.update("try #define", "insertFromPaste", new DocumentOffset(11, true));
+
+            expect(model.autoComplete).toBeFalsy();
+            expect((renderer.caret as DocumentPosition).index).toBe(0);
+            expect((renderer.caret as DocumentPosition).offset).toBe(11);
+            expect(model.parts.length).toBe(1);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("try #define");
+        });
+
+        it("dropping text does not trigger auto-complete", function () {
+            const renderer = createRenderer();
+            const pc = createPartCreator([{ resourceId: "#define-room" } as PillPart]);
+            const model = new EditorModel([pc.plain("try ")], pc, renderer);
+
+            model.update("try #define", "insertFromDrop", new DocumentOffset(11, true));
+
+            expect(model.autoComplete).toBeFalsy();
+            expect((renderer.caret as DocumentPosition).index).toBe(0);
+            expect((renderer.caret as DocumentPosition).offset).toBe(11);
+            expect(model.parts.length).toBe(1);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("try #define");
+        });
+
+        it("insert room pill without splitting at the colon", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator([{ resourceId: "#room:server" } as PillPart]);
+            const model = new EditorModel([], pc, renderer);
+
+            model.update("#roo", "insertText", new DocumentOffset(4, true));
+
+            expect(renderer.count).toBe(1);
+            expect(model.parts.length).toBe(1);
+            expect(model.parts[0].type).toBe("pill-candidate");
+            expect(model.parts[0].text).toBe("#roo");
+
+            model.update("#room:s", "insertText", new DocumentOffset(7, true));
+
+            expect(renderer.count).toBe(2);
+            expect(model.parts.length).toBe(1);
+            expect(model.parts[0].type).toBe("pill-candidate");
+            expect(model.parts[0].text).toBe("#room:s");
+        });
+
+        it("allow typing e-mail addresses without splitting at the @", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator([{ resourceId: "@alice", text: "Alice" } as PillPart]);
+            const model = new EditorModel([], pc, renderer);
+
+            model.update("foo@a", "insertText", new DocumentOffset(5, true));
+
+            expect(renderer.count).toBe(1);
+            expect(model.parts.length).toBe(1);
+            expect(model.parts[0].type).toBe("plain");
+            expect(model.parts[0].text).toBe("foo@a");
+        });
+
+        it("should allow auto-completing multiple times with resets between them", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator([{ resourceId: "#riot-dev" } as PillPart]);
+            const model = new EditorModel([pc.plain("")], pc, renderer);
+
+            model.update("#r", "insertText", new DocumentOffset(8, true));
+
+            expect(renderer.count).toBe(1);
+            expect((renderer.caret as DocumentPosition).index).toBe(0);
+            expect((renderer.caret as DocumentPosition).offset).toBe(2);
+            expect(model.parts.length).toBe(1);
+            expect(model.parts[0].type).toBe("pill-candidate");
+            expect(model.parts[0].text).toBe("#r");
+
+            // this is a hacky mock function
+            (model.autoComplete as unknown as MockAutoComplete).tryComplete();
+
+            expect(renderer.count).toBe(2);
+            expect((renderer.caret as DocumentPosition).index).toBe(0);
+            expect((renderer.caret as DocumentPosition).offset).toBe(9);
+            expect(model.parts.length).toBe(1);
+            expect(model.parts[0].type).toBe("room-pill");
+            expect(model.parts[0].text).toBe("#riot-dev");
+
+            model.reset([]);
+            model.update("#r", "insertText", new DocumentOffset(8, true));
+
+            expect(model.parts.length).toBe(1);
+            expect(model.parts[0].type).toBe("pill-candidate");
+            expect(model.parts[0].text).toBe("#r");
+
+            // this is a hacky mock function
+            (model.autoComplete as unknown as MockAutoComplete).tryComplete();
+
+            expect(model.parts.length).toBe(1);
+            expect(model.parts[0].type).toBe("room-pill");
+            expect(model.parts[0].text).toBe("#riot-dev");
+        });
+    });
+    describe("emojis", function () {
+        it("regional emojis should be separated to prevent them to be converted to flag", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel([], pc, renderer);
+            const regionalEmojiA = String.fromCodePoint(127462);
+            const regionalEmojiZ = String.fromCodePoint(127487);
+            const caret = new DocumentOffset(0, true);
+
+            const regionalEmojis: string[] = [];
+            regionalEmojis.push(regionalEmojiA);
+            regionalEmojis.push(regionalEmojiZ);
+            for (let i = 0; i < 2; i++) {
+                const position = model.positionForOffset(caret.offset, caret.atNodeEnd);
+                model.transform(() => {
+                    const addedLen = model.insert(pc.plainWithEmoji(regionalEmojis[i]), position);
+                    caret.offset += addedLen;
+                    return model.positionForOffset(caret.offset, true);
+                });
+            }
+
+            expect(model.parts.length).toBeGreaterThanOrEqual(4);
+            expect(model.parts[0].type).toBe("emoji");
+            expect(model.parts[1].type).not.toBe("emoji");
+            expect(model.parts[2].type).toBe("emoji");
+            expect(model.parts[3].type).not.toBe("emoji");
+        });
+    });
+});
diff --git a/apps/web/src/editor/model.ts b/apps/web/src/editor/model.ts
new file mode 100644
index 00000000000..b66d58c8c94
--- /dev/null
+++ b/apps/web/src/editor/model.ts
@@ -0,0 +1,495 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 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 { diffAtCaret, diffDeletion, type IDiff } from "./diff";
+import DocumentPosition, { type IPosition } from "./position";
+import Range from "./range";
+import { type SerializedPart, type Part, type PartCreator, Type } from "./parts";
+import { type ICallback } from "./autocomplete";
+import type AutocompleteWrapperModel from "./autocomplete";
+import type DocumentOffset from "./offset";
+import { type Caret } from "./caret";
+
+/**
+ * @callback ModelCallback
+ * @param {DocumentPosition?} caretPosition the position where the caret should be position
+ * @param {string?} inputType the inputType of the DOM input event
+ * @param {object?} diff an object with `removed` and `added` strings
+ */
+
+/**
+ * @callback TransformCallback
+ * @param {DocumentPosition?} caretPosition the position where the caret should be position
+ * @param {string?} inputType the inputType of the DOM input event
+ * @param {object?} diff an object with `removed` and `added` strings
+ * @returns {Number?} addedLen how many characters were added/removed (-) before the caret during the transformation step.
+ *    This is used to adjust the caret position.
+ */
+
+/**
+ * @callback ManualTransformCallback
+ * @returns the caret position
+ */
+
+type TransformCallback = (caretPosition: DocumentPosition, inputType: string | undefined, diff: IDiff) => number | void;
+type UpdateCallback = (caret?: Caret, inputType?: string, diff?: IDiff) => void;
+type ManualTransformCallback = () => Caret;
+
+export default class EditorModel {
+    private _parts: Part[];
+    private readonly _partCreator: PartCreator;
+    private activePartIdx: number | null = null;
+    private _autoComplete: AutocompleteWrapperModel | null = null;
+    private autoCompletePartIdx: number | null = null;
+    private autoCompletePartCount = 0;
+    private transformCallback: TransformCallback | null = null;
+
+    /**
+     * Returns the plain text parts of the editor content only (skipping mentions)
+     */
+    public get contentPlainText(): string {
+        return this.serializeParts()
+            .filter((part) => part.type === Type.Plain)
+            .map((part) => part.text)
+            .join(" ");
+    }
+
+    public constructor(
+        parts: Part[],
+        partCreator: PartCreator,
+        private updateCallback: UpdateCallback | null = null,
+    ) {
+        this._parts = parts;
+        this._partCreator = partCreator;
+        this.transformCallback = null;
+    }
+
+    /**
+     * Set a callback for the transformation step.
+     * While processing an update, right before calling the update callback,
+     * a transform callback can be called, which serves to do modifications
+     * on the model that can span multiple parts. Also see `startRange()`.
+     * @param {TransformCallback} transformCallback
+     */
+    public setTransformCallback(transformCallback: TransformCallback): void {
+        this.transformCallback = transformCallback;
+    }
+
+    /**
+     * Set a callback for rerendering the model after it has been updated.
+     * @param {ModelCallback} updateCallback
+     */
+    public setUpdateCallback(updateCallback: UpdateCallback): void {
+        this.updateCallback = updateCallback;
+    }
+
+    public get partCreator(): PartCreator {
+        return this._partCreator;
+    }
+
+    public get isEmpty(): boolean {
+        return this._parts.reduce((len, part) => len + part.text.length, 0) === 0;
+    }
+
+    public clone(): EditorModel {
+        const clonedParts = this.parts
+            .map((p) => this.partCreator.deserializePart(p.serialize()))
+            .filter((p): p is Part => Boolean(p));
+        return new EditorModel(clonedParts, this._partCreator, this.updateCallback);
+    }
+
+    private insertPart(index: number, part: Part): void {
+        this._parts.splice(index, 0, part);
+        if (this.activePartIdx !== null && this.activePartIdx >= index) {
+            ++this.activePartIdx;
+        }
+        if (this.autoCompletePartIdx !== null && this.autoCompletePartIdx >= index) {
+            ++this.autoCompletePartIdx;
+        }
+    }
+
+    private removePart(index: number): void {
+        this._parts.splice(index, 1);
+        if (index === this.activePartIdx) {
+            this.activePartIdx = null;
+        } else if (this.activePartIdx !== null && this.activePartIdx > index) {
+            --this.activePartIdx;
+        }
+        if (index === this.autoCompletePartIdx) {
+            this.autoCompletePartIdx = null;
+        } else if (this.autoCompletePartIdx !== null && this.autoCompletePartIdx > index) {
+            --this.autoCompletePartIdx;
+        }
+    }
+
+    private replacePart(index: number, part: Part): void {
+        this._parts.splice(index, 1, part);
+    }
+
+    public get parts(): Part[] {
+        return this._parts;
+    }
+
+    public get autoComplete(): AutocompleteWrapperModel | null {
+        if (this.activePartIdx === this.autoCompletePartIdx) {
+            return this._autoComplete;
+        }
+        return null;
+    }
+
+    public getPositionAtEnd(): DocumentPosition {
+        if (this._parts.length) {
+            const index = this._parts.length - 1;
+            const part = this._parts[index];
+            return new DocumentPosition(index, part.text.length);
+        } else {
+            // part index -1, as there are no parts to point at
+            return new DocumentPosition(-1, 0);
+        }
+    }
+
+    public serializeParts(): SerializedPart[] {
+        return this._parts.map((p) => p.serialize());
+    }
+
+    private diff(newValue: string, inputType: string | undefined, caret: DocumentOffset): IDiff {
+        const previousValue = this.parts.reduce((text, p) => text + p.text, "");
+        // can't use caret position with drag and drop
+        if (inputType === "deleteByDrag") {
+            return diffDeletion(previousValue, newValue);
+        } else {
+            return diffAtCaret(previousValue, newValue, caret.offset);
+        }
+    }
+
+    public reset(serializedParts: SerializedPart[], caret?: Caret, inputType?: string): void {
+        this._parts = serializedParts
+            .map((p) => this._partCreator.deserializePart(p))
+            .filter((p): p is Part => Boolean(p));
+        if (!caret) {
+            caret = this.getPositionAtEnd();
+        }
+        // close auto complete if open
+        // this would happen when clearing the composer after sending
+        // a message with the autocomplete still open
+        if (this._autoComplete) {
+            this._autoComplete = null;
+            this.autoCompletePartIdx = null;
+        }
+        this.updateCallback?.(caret, inputType);
+    }
+
+    /**
+     * Inserts the given parts at the given position.
+     * Should be run inside a `model.transform()` callback.
+     * @param {Part[]} parts the parts to replace the range with
+     * @param {DocumentPosition} position the position to start inserting at
+     * @returns {Number} the amount of characters added
+     */
+    public insert(parts: Part[], position: IPosition): number {
+        const insertIndex = this.splitAt(position);
+        let newTextLength = 0;
+        for (let i = 0; i < parts.length; ++i) {
+            const part = parts[i];
+            newTextLength += part.text.length;
+            this.insertPart(insertIndex + i, part);
+        }
+        return newTextLength;
+    }
+
+    public update(newValue: string, inputType: string | undefined, caret: DocumentOffset): Promise<void> {
+        const diff = this.diff(newValue, inputType, caret);
+        const position = this.positionForOffset(diff.at || 0, caret.atNodeEnd);
+        let removedOffsetDecrease = 0;
+        if (diff.removed) {
+            removedOffsetDecrease = this.removeText(position, diff.removed.length);
+        }
+        let addedLen = 0;
+        if (diff.added) {
+            addedLen = this.addText(position, diff.added, inputType);
+        }
+        this.mergeAdjacentParts();
+        const caretOffset = (diff.at || 0) - removedOffsetDecrease + addedLen;
+        let newPosition = this.positionForOffset(caretOffset, true);
+        const canOpenAutoComplete = inputType !== "insertFromPaste" && inputType !== "insertFromDrop";
+        const acPromise = this.setActivePart(newPosition, canOpenAutoComplete);
+        if (this.transformCallback) {
+            const transformAddedLen = this.getTransformAddedLen(newPosition, inputType, diff);
+            newPosition = this.positionForOffset(caretOffset + transformAddedLen, true);
+        }
+        this.updateCallback?.(newPosition, inputType, diff);
+        return acPromise;
+    }
+
+    private getTransformAddedLen(newPosition: DocumentPosition, inputType: string | undefined, diff: IDiff): number {
+        const result = this.transformCallback?.(newPosition, inputType, diff);
+        return Number.isFinite(result) ? (result as number) : 0;
+    }
+
+    private setActivePart(pos: DocumentPosition, canOpenAutoComplete: boolean): Promise<void> {
+        const { index } = pos;
+        const part = this._parts[index];
+        if (part) {
+            if (index !== this.activePartIdx) {
+                this.activePartIdx = index;
+                if (canOpenAutoComplete && this.activePartIdx !== this.autoCompletePartIdx) {
+                    // else try to create one
+                    const ac = part.createAutoComplete(this.onAutoComplete);
+                    if (ac) {
+                        // make sure that react picks up the difference between both acs
+                        this._autoComplete = ac;
+                        this.autoCompletePartIdx = index;
+                        this.autoCompletePartCount = 1;
+                    }
+                }
+            }
+            // not autoComplete, only there if active part is autocomplete part
+            if (this.autoComplete) {
+                return this.autoComplete.onPartUpdate(part, pos);
+            }
+        } else {
+            this.activePartIdx = null;
+            this._autoComplete = null;
+            this.autoCompletePartIdx = null;
+            this.autoCompletePartCount = 0;
+        }
+        return Promise.resolve();
+    }
+
+    private onAutoComplete = ({ replaceParts, close, range }: ICallback): void => {
+        // Confirming a completion closes the autocomplete twice: once as part of the completion and
+        // once more by the wrapper afterwards. Reporting the second one would have the history
+        // manager record a second, identical state, costing the user an extra undo to reverse one
+        // completion.
+        if (!replaceParts && close && !this._autoComplete) return;
+
+        let pos: DocumentPosition | undefined;
+        if (replaceParts) {
+            const autoCompletePartIdx = this.autoCompletePartIdx || 0;
+
+            this.replaceRange(
+                new DocumentPosition(autoCompletePartIdx, range?.start ?? 0),
+                new DocumentPosition(
+                    autoCompletePartIdx + this.autoCompletePartCount - 1,
+                    range?.end ?? this.parts[autoCompletePartIdx + this.autoCompletePartCount - 1].text.length,
+                ),
+                replaceParts,
+            );
+
+            this.autoCompletePartCount = replaceParts.length;
+            const lastPart = replaceParts[replaceParts.length - 1];
+            // `replaceRange` merges adjacent parts so we need to find it in the new parts list
+            const lastPartIndex = this.parts.indexOf(lastPart);
+            pos = new DocumentPosition(lastPartIndex, lastPart.text.length);
+        }
+        if (close) {
+            this._autoComplete = null;
+            this.autoCompletePartIdx = null;
+            this.autoCompletePartCount = 0;
+        }
+        // rerender even if editor contents didn't change
+        // to make sure the MessageEditor checks
+        // model.autoComplete being empty and closes it
+        this.updateCallback?.(pos);
+    };
+
+    private mergeAdjacentParts(): void {
+        let prevPart: Part | undefined;
+        for (let i = 0; i < this._parts.length; ++i) {
+            let part: Part | undefined = this._parts[i];
+            const isEmpty = !part.text.length;
+            const isMerged = !isEmpty && prevPart && prevPart.merge?.(part);
+            if (isEmpty || isMerged) {
+                // remove empty or merged part
+                part = prevPart;
+                this.removePart(i);
+                //repeat this index, as it's removed now
+                --i;
+            }
+            prevPart = part;
+        }
+    }
+
+    /**
+     * removes `len` amount of characters at `pos`.
+     * @param {Object} pos
+     * @param {Number} len
+     * @returns {Number} how many characters before pos were also removed,
+     * usually because of non-editable parts that can only be removed in their entirety.
+     */
+    public removeText(pos: IPosition, len: number): number {
+        let { index, offset } = pos;
+        let removedOffsetDecrease = 0;
+        while (len > 0) {
+            // part might be undefined here
+            let part = this._parts[index];
+            const amount = Math.min(len, part.text.length - offset);
+            // don't allow 0 amount deletions
+            if (amount) {
+                if (part.canEdit) {
+                    const replaceWith = part.remove(offset, amount);
+                    if (typeof replaceWith === "string") {
+                        this.replacePart(index, this._partCreator.createDefaultPart(replaceWith));
+                    }
+                    part = this._parts[index];
+                    // remove empty part
+                    if (!part.text.length) {
+                        this.removePart(index);
+                    } else {
+                        index += 1;
+                    }
+                } else {
+                    removedOffsetDecrease += offset;
+                    this.removePart(index);
+                }
+            } else {
+                index += 1;
+            }
+            len -= amount;
+            offset = 0;
+        }
+        return removedOffsetDecrease;
+    }
+
+    // return part index where insertion will insert between at offset
+    private splitAt(pos: IPosition): number {
+        if (pos.index === -1) {
+            return 0;
+        }
+        if (pos.offset === 0) {
+            return pos.index;
+        }
+        const part = this._parts[pos.index];
+        if (pos.offset >= part.text.length) {
+            return pos.index + 1;
+        }
+
+        const secondPart = part.split(pos.offset);
+        this.insertPart(pos.index + 1, secondPart);
+        return pos.index + 1;
+    }
+
+    /**
+     * inserts `str` into the model at `pos`.
+     * @param {Object} pos
+     * @param {string} str
+     * @param {string} inputType the source of the input, see html InputEvent.inputType
+     * @returns {Number} how far from position (in characters) the insertion ended.
+     * This can be more than the length of `str` when crossing non-editable parts, which are skipped.
+     */
+    private addText(pos: IPosition, str: string, inputType: string | undefined): number {
+        let { index } = pos;
+        const { offset } = pos;
+        let addLen = str.length;
+        const part = this._parts[index];
+
+        let it: string | undefined = str;
+
+        if (part) {
+            if (part.canEdit) {
+                if (part.validateAndInsert(offset, str, inputType)) {
+                    it = undefined;
+                } else {
+                    const splitPart = part.split(offset);
+                    index += 1;
+                    this.insertPart(index, splitPart);
+                }
+            } else if (offset !== 0) {
+                // not-editable part, caret is not at start,
+                // so insert str after this part
+                addLen += part.text.length - offset;
+                index += 1;
+            }
+        } else if (index < 0) {
+            // if position was not found (index: -1, as happens for empty editor)
+            // reset it to insert as first part
+            index = 0;
+        }
+
+        while (it) {
+            const newPart = this._partCreator.createPartForInput(it, index, inputType);
+            const oldStr = it;
+            it = newPart.appendUntilRejected(it, inputType);
+            if (it === oldStr) {
+                // nothing changed, break out of this infinite loop and log an error
+                console.error(`Failed to update model for input (str ${it}) (type ${inputType})`);
+                break;
+            }
+            this.insertPart(index, newPart);
+            index += 1;
+        }
+        return addLen;
+    }
+
+    public positionForOffset(totalOffset: number, atPartEnd = false): DocumentPosition {
+        let currentOffset = 0;
+        const index = this._parts.findIndex((part) => {
+            const partLen = part.text.length;
+            if (
+                (atPartEnd && currentOffset + partLen >= totalOffset) ||
+                (!atPartEnd && currentOffset + partLen > totalOffset)
+            ) {
+                return true;
+            }
+            currentOffset += partLen;
+            return false;
+        });
+        if (index === -1) {
+            return this.getPositionAtEnd();
+        } else {
+            return new DocumentPosition(index, totalOffset - currentOffset);
+        }
+    }
+
+    /**
+     * Starts a range, which can span across multiple parts, to find and replace text.
+     * @param {DocumentPosition} positionA a boundary of the range
+     * @param {DocumentPosition?} positionB the other boundary of the range, optional
+     * @returns {Range}
+     */
+    public startRange(positionA: DocumentPosition, positionB = positionA): Range {
+        return new Range(this, positionA, positionB);
+    }
+
+    public replaceRange(startPosition: DocumentPosition, endPosition: DocumentPosition, parts: Part[]): void {
+        // convert end position to offset, so it is independent of how the document is split into parts
+        // which we'll change when splitting up at the start position
+        const endOffset = endPosition.asOffset(this);
+        const newStartPartIndex = this.splitAt(startPosition);
+        // convert it back to position once split at start
+        endPosition = endOffset.asPosition(this);
+        const newEndPartIndex = this.splitAt(endPosition);
+        for (let i = newEndPartIndex - 1; i >= newStartPartIndex; --i) {
+            this.removePart(i);
+        }
+        let insertIdx = newStartPartIndex;
+        for (const part of parts) {
+            this.insertPart(insertIdx, part);
+            insertIdx += 1;
+        }
+        this.mergeAdjacentParts();
+    }
+
+    /**
+     * Performs a transformation not part of an update cycle.
+     * Modifying the model should only happen inside a transform call if not part of an update call.
+     * @param {ManualTransformCallback} callback to run the transformations in
+     * @returns {Promise} a promise when auto-complete (if applicable) is done updating
+     */
+    public transform(callback: ManualTransformCallback): Promise<void> {
+        const pos = callback();
+        let acPromise: Promise<void> | null;
+        if (!(pos instanceof Range)) {
+            acPromise = this.setActivePart(pos, true);
+        } else {
+            acPromise = Promise.resolve();
+        }
+        this.updateCallback?.(pos);
+        return acPromise;
+    }
+}
diff --git a/apps/web/src/editor/offset.ts b/apps/web/src/editor/offset.ts
new file mode 100644
index 00000000000..7e0d854246e
--- /dev/null
+++ b/apps/web/src/editor/offset.ts
@@ -0,0 +1,25 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 EditorModel from "./model";
+import type DocumentPosition from "./position";
+
+export default class DocumentOffset {
+    public constructor(
+        public offset: number,
+        public readonly atNodeEnd: boolean,
+    ) {}
+
+    public asPosition(model: EditorModel): DocumentPosition {
+        return model.positionForOffset(this.offset, this.atNodeEnd);
+    }
+
+    public add(delta: number, atNodeEnd = false): DocumentOffset {
+        return new DocumentOffset(this.offset + delta, atNodeEnd);
+    }
+}
diff --git a/apps/web/src/editor/operations.test.ts b/apps/web/src/editor/operations.test.ts
new file mode 100644
index 00000000000..b00eec94e83
--- /dev/null
+++ b/apps/web/src/editor/operations.test.ts
@@ -0,0 +1,489 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import EditorModel from "./model";
+import { createPartCreator, createRenderer } from "./__mocks__";
+import {
+    formatRange,
+    formatRangeAsCode,
+    formatRangeAsLink,
+    selectRangeOfWordAtCaret,
+    toggleInlineFormat,
+} from "./operations";
+import { Formatting } from "../components/views/rooms/MessageComposerFormatBar";
+import { longestBacktickSequence } from "./deserialize";
+import type DocumentPosition from "./position";
+
+const SERIALIZED_NEWLINE = { text: "\n", type: "newline" };
+
+describe("editor/operations: formatting operations", () => {
+    const renderer = createRenderer();
+    const pc = createPartCreator();
+
+    describe("formatRange", () => {
+        it.each([[Formatting.Bold, "hello **world**!"]])(
+            "should correctly wrap format %s",
+            (formatting: Formatting, expected: string) => {
+                const model = new EditorModel([pc.plain("hello world!")], pc, renderer);
+
+                const range = model.startRange(model.positionForOffset(6, false), model.positionForOffset(11, false)); // around "world"
+
+                expect(range.parts[0].text).toBe("world");
+                expect(model.serializeParts()).toEqual([{ text: "hello world!", type: "plain" }]);
+                formatRange(range, formatting);
+                expect(model.serializeParts()).toEqual([{ text: expected, type: "plain" }]);
+            },
+        );
+
+        it("should apply to word range is within if length 0", () => {
+            const model = new EditorModel([pc.plain("hello world!")], pc, renderer);
+
+            const range = model.startRange(model.positionForOffset(6, false));
+
+            expect(model.serializeParts()).toEqual([{ text: "hello world!", type: "plain" }]);
+            formatRange(range, Formatting.Bold);
+            expect(model.serializeParts()).toEqual([{ text: "hello **world!**", type: "plain" }]);
+        });
+
+        it("should do nothing for a range with length 0 at initialisation", () => {
+            const model = new EditorModel([pc.plain("hello world!")], pc, renderer);
+
+            const range = model.startRange(model.positionForOffset(6, false));
+            range.setWasEmpty(false);
+
+            expect(model.serializeParts()).toEqual([{ text: "hello world!", type: "plain" }]);
+            formatRange(range, Formatting.Bold);
+            expect(model.serializeParts()).toEqual([{ text: "hello world!", type: "plain" }]);
+        });
+    });
+
+    describe("formatRangeAsLink", () => {
+        it.each([
+            // Caret is denoted by | in the expectation string
+            ["testing", "[testing](|)", ""],
+            ["testing", "[testing](foobar|)", "foobar"],
+            ["[testing]()", "testing|", ""],
+            ["[testing](foobar)", "testing|", ""],
+        ])("converts %s -> %s", (input: string, expectation: string, text: string) => {
+            const model = new EditorModel([pc.plain(`foo ${input} bar`)], pc, renderer);
+
+            const range = model.startRange(
+                model.positionForOffset(4, false),
+                model.positionForOffset(4 + input.length, false),
+            ); // around input
+
+            expect(range.parts[0].text).toBe(input);
+            formatRangeAsLink(range, text);
+            expect((renderer.caret as DocumentPosition).offset).toBe(4 + expectation.indexOf("|"));
+            expect(model.parts[0].text).toBe("foo " + expectation.replace("|", "") + " bar");
+        });
+    });
+
+    describe("toggleInlineFormat", () => {
+        it("works for words", () => {
+            const model = new EditorModel([pc.plain("hello world!")], pc, renderer);
+
+            const range = model.startRange(model.positionForOffset(6, false), model.positionForOffset(11, false)); // around "world"
+
+            expect(range.parts[0].text).toBe("world");
+            expect(model.serializeParts()).toEqual([{ text: "hello world!", type: "plain" }]);
+            formatRange(range, Formatting.Italics);
+            expect(model.serializeParts()).toEqual([{ text: "hello *world*!", type: "plain" }]);
+        });
+
+        describe("escape backticks", () => {
+            it("works for escaping backticks in between texts", () => {
+                const renderer = createRenderer();
+                const pc = createPartCreator();
+                const model = new EditorModel([pc.plain("hello ` world!")], pc, renderer);
+
+                const range = model.startRange(model.positionForOffset(0, false), model.positionForOffset(13, false)); // hello ` world
+
+                expect(range.parts[0].text.trim().includes("`")).toBeTruthy();
+                expect(longestBacktickSequence(range.parts[0].text.trim())).toBe(1);
+                expect(model.serializeParts()).toEqual([{ text: "hello ` world!", type: "plain" }]);
+                formatRangeAsCode(range);
+                expect(model.serializeParts()).toEqual([{ text: "``hello ` world``!", type: "plain" }]);
+            });
+
+            it("escapes longer backticks in between text", () => {
+                const renderer = createRenderer();
+                const pc = createPartCreator();
+                const model = new EditorModel([pc.plain("hello```world")], pc, renderer);
+
+                const range = model.startRange(model.positionForOffset(0, false), model.getPositionAtEnd()); // hello```world
+
+                expect(range.parts[0].text.includes("`")).toBeTruthy();
+                expect(longestBacktickSequence(range.parts[0].text)).toBe(3);
+                expect(model.serializeParts()).toEqual([{ text: "hello```world", type: "plain" }]);
+                formatRangeAsCode(range);
+                expect(model.serializeParts()).toEqual([{ text: "````hello```world````", type: "plain" }]);
+            });
+
+            it("escapes non-consecutive with varying length backticks in between text", () => {
+                const renderer = createRenderer();
+                const pc = createPartCreator();
+                const model = new EditorModel([pc.plain("hell```o`w`o``rld")], pc, renderer);
+
+                const range = model.startRange(model.positionForOffset(0, false), model.getPositionAtEnd()); // hell```o`w`o``rld
+                expect(range.parts[0].text.includes("`")).toBeTruthy();
+                expect(longestBacktickSequence(range.parts[0].text)).toBe(3);
+                expect(model.serializeParts()).toEqual([{ text: "hell```o`w`o``rld", type: "plain" }]);
+                formatRangeAsCode(range);
+                expect(model.serializeParts()).toEqual([{ text: "````hell```o`w`o``rld````", type: "plain" }]);
+            });
+
+            it("untoggles correctly if its already formatted", () => {
+                const renderer = createRenderer();
+                const pc = createPartCreator();
+                const model = new EditorModel([pc.plain("```hello``world```")], pc, renderer);
+
+                const range = model.startRange(model.positionForOffset(0, false), model.getPositionAtEnd()); // hello``world
+                expect(range.parts[0].text.includes("`")).toBeTruthy();
+                expect(longestBacktickSequence(range.parts[0].text)).toBe(3);
+                expect(model.serializeParts()).toEqual([{ text: "```hello``world```", type: "plain" }]);
+                formatRangeAsCode(range);
+                expect(model.serializeParts()).toEqual([{ text: "hello``world", type: "plain" }]);
+            });
+            it("untoggles correctly it contains varying length of backticks between text", () => {
+                const renderer = createRenderer();
+                const pc = createPartCreator();
+                const model = new EditorModel([pc.plain("````hell```o`w`o``rld````")], pc, renderer);
+
+                const range = model.startRange(model.positionForOffset(0, false), model.getPositionAtEnd()); // hell```o`w`o``rld
+                expect(range.parts[0].text.includes("`")).toBeTruthy();
+                expect(longestBacktickSequence(range.parts[0].text)).toBe(4);
+                expect(model.serializeParts()).toEqual([{ text: "````hell```o`w`o``rld````", type: "plain" }]);
+                formatRangeAsCode(range);
+                expect(model.serializeParts()).toEqual([{ text: "hell```o`w`o``rld", type: "plain" }]);
+            });
+        });
+
+        it("works for parts of words", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello world!")], pc, renderer);
+
+            const range = model.startRange(model.positionForOffset(7, false), model.positionForOffset(10, false)); // around "orl"
+
+            expect(range.parts[0].text).toBe("orl");
+            expect(model.serializeParts()).toEqual([{ text: "hello world!", type: "plain" }]);
+            toggleInlineFormat(range, "*");
+            expect(model.serializeParts()).toEqual([{ text: "hello w*orl*d!", type: "plain" }]);
+        });
+
+        it("works for around pills", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [pc.plain("hello there "), pc.atRoomPill("@room"), pc.plain(", how are you doing?")],
+                pc,
+                renderer,
+            );
+
+            const range = model.startRange(model.positionForOffset(6, false), model.positionForOffset(30, false)); // around "there @room, how are you"
+
+            expect(range.parts.map((p) => p.text).join("")).toBe("there @room, how are you");
+            expect(model.serializeParts()).toEqual([
+                { text: "hello there ", type: "plain" },
+                { text: "@room", type: "at-room-pill" },
+                { text: ", how are you doing?", type: "plain" },
+            ]);
+            formatRange(range, Formatting.Italics);
+            expect(model.serializeParts()).toEqual([
+                { text: "hello *there ", type: "plain" },
+                { text: "@room", type: "at-room-pill" },
+                { text: ", how are you* doing?", type: "plain" },
+            ]);
+        });
+
+        it("works for a paragraph", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [pc.plain("hello world,"), pc.newline(), pc.plain("how are you doing?")],
+                pc,
+                renderer,
+            );
+
+            const range = model.startRange(model.positionForOffset(6, false), model.positionForOffset(16, false)); // around "world,\nhow"
+
+            expect(range.parts.map((p) => p.text).join("")).toBe("world,\nhow");
+            expect(model.serializeParts()).toEqual([
+                { text: "hello world,", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "how are you doing?", type: "plain" },
+            ]);
+            formatRange(range, Formatting.Bold);
+            expect(model.serializeParts()).toEqual([
+                { text: "hello **world,", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "how** are you doing?", type: "plain" },
+            ]);
+        });
+
+        it("works for a paragraph with spurious breaks around it in selected range", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [
+                    pc.newline(),
+                    pc.newline(),
+                    pc.plain("hello world,"),
+                    pc.newline(),
+                    pc.plain("how are you doing?"),
+                    pc.newline(),
+                    pc.newline(),
+                ],
+                pc,
+                renderer,
+            );
+
+            const range = model.startRange(model.positionForOffset(0, false), model.getPositionAtEnd()); // select-all
+
+            expect(range.parts.map((p) => p.text).join("")).toBe("\n\nhello world,\nhow are you doing?\n\n");
+            expect(model.serializeParts()).toEqual([
+                SERIALIZED_NEWLINE,
+                SERIALIZED_NEWLINE,
+                { text: "hello world,", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "how are you doing?", type: "plain" },
+                SERIALIZED_NEWLINE,
+                SERIALIZED_NEWLINE,
+            ]);
+            formatRange(range, Formatting.Bold);
+            expect(model.serializeParts()).toEqual([
+                SERIALIZED_NEWLINE,
+                SERIALIZED_NEWLINE,
+                { text: "**hello world,", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "how are you doing?**", type: "plain" },
+                SERIALIZED_NEWLINE,
+                SERIALIZED_NEWLINE,
+            ]);
+        });
+
+        it("works for multiple paragraph", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [
+                    pc.plain("hello world,"),
+                    pc.newline(),
+                    pc.plain("how are you doing?"),
+                    pc.newline(),
+                    pc.newline(),
+                    pc.plain("new paragraph"),
+                ],
+                pc,
+                renderer,
+            );
+
+            let range = model.startRange(model.positionForOffset(0, true), model.getPositionAtEnd()); // select-all
+
+            expect(model.serializeParts()).toEqual([
+                { text: "hello world,", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "how are you doing?", type: "plain" },
+                SERIALIZED_NEWLINE,
+                SERIALIZED_NEWLINE,
+                { text: "new paragraph", type: "plain" },
+            ]);
+            toggleInlineFormat(range, "__");
+            expect(model.serializeParts()).toEqual([
+                { text: "__hello world,", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "how are you doing?__", type: "plain" },
+                SERIALIZED_NEWLINE,
+                SERIALIZED_NEWLINE,
+                { text: "__new paragraph__", type: "plain" },
+            ]);
+            range = model.startRange(model.positionForOffset(0, true), model.getPositionAtEnd()); // select-all
+            toggleInlineFormat(range, "__");
+            expect(model.serializeParts()).toEqual([
+                { text: "hello world,", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "how are you doing?", type: "plain" },
+                SERIALIZED_NEWLINE,
+                SERIALIZED_NEWLINE,
+                { text: "new paragraph", type: "plain" },
+            ]);
+        });
+
+        it("format word at caret position at beginning of new line without previous selection", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.newline(), pc.plain("hello!")], pc, renderer);
+
+            let range = model.startRange(model.positionForOffset(1, false));
+
+            // Initial position should equal start and end since we did not select anything
+            expect(range.getLastStartingPosition()).toBe(range.start);
+            expect(range.getLastStartingPosition()).toBe(range.end);
+
+            formatRange(range, Formatting.Bold); // Toggle
+
+            expect(model.serializeParts()).toEqual([SERIALIZED_NEWLINE, { text: "**hello!**", type: "plain" }]);
+
+            formatRange(range, Formatting.Bold); // Untoggle
+
+            expect(model.serializeParts()).toEqual([SERIALIZED_NEWLINE, { text: "hello!", type: "plain" }]);
+
+            // Check if it also works for code as it uses toggleInlineFormatting only indirectly
+            range = model.startRange(model.positionForOffset(1, false));
+            selectRangeOfWordAtCaret(range);
+
+            formatRange(range, Formatting.Code); // Toggle
+
+            expect(model.serializeParts()).toEqual([SERIALIZED_NEWLINE, { text: "`hello!`", type: "plain" }]);
+
+            formatRange(range, Formatting.Code); // Untoggle
+            expect(model.serializeParts()).toEqual([SERIALIZED_NEWLINE, { text: "hello!", type: "plain" }]);
+        });
+
+        it("caret resets correctly to current line when untoggling formatting while caret at line end", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [pc.plain("hello **hello!**"), pc.newline(), pc.plain("world")],
+                pc,
+                renderer,
+            );
+
+            expect(model.serializeParts()).toEqual([
+                { text: "hello **hello!**", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "world", type: "plain" },
+            ]);
+
+            const endOfFirstLine = 16;
+            const range = model.startRange(model.positionForOffset(endOfFirstLine, true));
+
+            formatRange(range, Formatting.Bold); // Untoggle
+            formatRange(range, Formatting.Italics); // Toggle
+
+            // We expect formatting to still happen in the first line as the caret should not jump down
+            expect(model.serializeParts()).toEqual([
+                { text: "hello *hello!*", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "world", type: "plain" },
+            ]);
+        });
+
+        it("format link in front of new line part", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [pc.plain("hello!"), pc.newline(), pc.plain("world!"), pc.newline()],
+                pc,
+                renderer,
+            );
+
+            let range = model.startRange(model.getPositionAtEnd().asOffset(model).add(-1).asPosition(model)); // select-all
+
+            expect(model.serializeParts()).toEqual([
+                { text: "hello!", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "world!", type: "plain" },
+                SERIALIZED_NEWLINE,
+            ]);
+
+            formatRange(range, Formatting.InsertLink); // Toggle
+            expect(model.serializeParts()).toEqual([
+                { text: "hello!", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "[world!]()", type: "plain" },
+                SERIALIZED_NEWLINE,
+            ]);
+
+            range = model.startRange(model.getPositionAtEnd().asOffset(model).add(-1).asPosition(model)); // select-all
+            formatRange(range, Formatting.InsertLink); // Untoggle
+            expect(model.serializeParts()).toEqual([
+                { text: "hello!", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "world!", type: "plain" },
+                SERIALIZED_NEWLINE,
+            ]);
+        });
+
+        it("format multi line code", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [pc.plain("int x = 1;"), pc.newline(), pc.newline(), pc.plain("int y = 42;")],
+                pc,
+                renderer,
+            );
+
+            let range = model.startRange(model.positionForOffset(0), model.getPositionAtEnd()); // select-all
+
+            expect(range.parts.map((p) => p.text).join("")).toBe("int x = 1;\n\nint y = 42;");
+
+            expect(model.serializeParts()).toEqual([
+                { text: "int x = 1;", type: "plain" },
+                SERIALIZED_NEWLINE,
+                SERIALIZED_NEWLINE,
+                { text: "int y = 42;", type: "plain" },
+            ]);
+
+            formatRange(range, Formatting.Code); // Toggle
+
+            expect(model.serializeParts()).toEqual([
+                { text: "```", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "int x = 1;", type: "plain" },
+                SERIALIZED_NEWLINE,
+                SERIALIZED_NEWLINE,
+                { text: "int y = 42;", type: "plain" },
+                SERIALIZED_NEWLINE,
+                { text: "```", type: "plain" },
+            ]);
+
+            range = model.startRange(model.positionForOffset(0, false), model.getPositionAtEnd()); // select-all
+            formatRange(range, Formatting.Code); // Untoggle
+
+            expect(model.serializeParts()).toEqual([
+                { text: "int x = 1;", type: "plain" },
+                SERIALIZED_NEWLINE,
+                SERIALIZED_NEWLINE,
+                { text: "int y = 42;", type: "plain" },
+            ]);
+        });
+
+        it("does not format pure white space", () => {
+            const renderer = createRenderer();
+            const pc = createPartCreator();
+            const model = new EditorModel(
+                [pc.plain("       "), pc.newline(), pc.newline(), pc.plain("         ")],
+                pc,
+                renderer,
+            );
+
+            const range = model.startRange(model.positionForOffset(0), model.getPositionAtEnd()); // select-all
+            expect(range.parts.map((p) => p.text).join("")).toBe("       \n\n         ");
+
+            expect(model.serializeParts()).toEqual([
+                { text: "       ", type: "plain" },
+                SERIALIZED_NEWLINE,
+                SERIALIZED_NEWLINE,
+                { text: "         ", type: "plain" },
+            ]);
+
+            formatRange(range, Formatting.Bold);
+
+            expect(model.serializeParts()).toEqual([
+                { text: "       ", type: "plain" },
+                SERIALIZED_NEWLINE,
+                SERIALIZED_NEWLINE,
+                { text: "         ", type: "plain" },
+            ]);
+        });
+    });
+});
diff --git a/apps/web/src/editor/operations.ts b/apps/web/src/editor/operations.ts
new file mode 100644
index 00000000000..cde38ce44e1
--- /dev/null
+++ b/apps/web/src/editor/operations.ts
@@ -0,0 +1,308 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 Range from "./range";
+import { type Part, Type } from "./parts";
+import { Formatting } from "../components/views/rooms/MessageComposerFormatBar";
+import { longestBacktickSequence } from "./deserialize";
+
+/**
+ * Some common queries and transformations on the editor model
+ */
+
+/**
+ * Formats a given range with a given action
+ * @param {Range} range the range that should be formatted
+ * @param {Formatting} action the action that should be performed on the range
+ */
+export function formatRange(range: Range, action: Formatting): void {
+    // If the selection was empty we select the current word instead
+    if (range.wasInitializedEmpty()) {
+        selectRangeOfWordAtCaret(range);
+    } else {
+        // Remove whitespace or new lines in our selection
+        range.trim();
+    }
+
+    // Edge case when just selecting whitespace or new line.
+    // There should be no reason to format whitespace, so we can just return.
+    if (range.length === 0) {
+        return;
+    }
+
+    switch (action) {
+        case Formatting.Bold:
+            toggleInlineFormat(range, "**");
+            break;
+        case Formatting.Italics:
+            toggleInlineFormat(range, "*");
+            break;
+        case Formatting.Strikethrough:
+            toggleInlineFormat(range, "<del>", "</del>");
+            break;
+        case Formatting.Code:
+            formatRangeAsCode(range);
+            break;
+        case Formatting.Quote:
+            formatRangeAsQuote(range);
+            break;
+        case Formatting.InsertLink:
+            formatRangeAsLink(range);
+            break;
+    }
+}
+
+export function replaceRangeAndExpandSelection(range: Range, newParts: Part[]): void {
+    const { model } = range;
+    model.transform(() => {
+        const oldLen = range.length;
+        const addedLen = range.replace(newParts);
+        const firstOffset = range.start.asOffset(model);
+        const lastOffset = firstOffset.add(oldLen + addedLen);
+        return model.startRange(firstOffset.asPosition(model), lastOffset.asPosition(model));
+    });
+}
+
+export function replaceRangeAndMoveCaret(range: Range, newParts: Part[], offset = 0, atNodeEnd = false): void {
+    const { model } = range;
+    model.transform(() => {
+        const oldLen = range.length;
+        const addedLen = range.replace(newParts);
+        const firstOffset = range.start.asOffset(model);
+        const lastOffset = firstOffset.add(oldLen + addedLen + offset, atNodeEnd);
+        return lastOffset.asPosition(model);
+    });
+}
+
+/**
+ * Replaces a range with formatting or removes existing formatting and
+ * positions the cursor with respect to the prefix and suffix length.
+ * @param {Range} range the previous value
+ * @param {Part[]} newParts the new value
+ * @param {boolean} rangeHasFormatting the new value
+ * @param {number} prefixLength the length of the formatting prefix
+ * @param {number} suffixLength the length of the formatting suffix, defaults to prefix length
+ */
+export function replaceRangeAndAutoAdjustCaret(
+    range: Range,
+    newParts: Part[],
+    rangeHasFormatting = false,
+    prefixLength: number,
+    suffixLength = prefixLength,
+): void {
+    const { model } = range;
+    const lastStartingPosition = range.getLastStartingPosition();
+    const relativeOffset = lastStartingPosition.offset - range.start.offset;
+    const distanceFromEnd = range.length - relativeOffset;
+    // Handle edge case where the caret is located within the suffix or prefix
+    if (rangeHasFormatting) {
+        if (relativeOffset < prefixLength) {
+            // Was the caret at the left format string?
+            replaceRangeAndMoveCaret(range, newParts, -(range.length - 2 * suffixLength));
+            return;
+        }
+        if (distanceFromEnd < suffixLength) {
+            // Was the caret at the right format string?
+            replaceRangeAndMoveCaret(range, newParts, 0, true);
+            return;
+        }
+    }
+    // Calculate new position with respect to the previous position
+    model.transform(() => {
+        const offsetDirection = Math.sign(range.replace(newParts)); // Compensates for shrinkage or expansion
+        const atEnd = distanceFromEnd === suffixLength;
+        return lastStartingPosition
+            .asOffset(model)
+            .add(offsetDirection * prefixLength, atEnd)
+            .asPosition(model);
+    });
+}
+
+const isFormattable = (_index: number, offset: number, part: Part): boolean => {
+    return part.text[offset] !== " " && part.type === Type.Plain;
+};
+
+export function selectRangeOfWordAtCaret(range: Range): void {
+    // Select right side of word
+    range.expandForwardsWhile(isFormattable);
+    // Select left side of word
+    range.expandBackwardsWhile(isFormattable);
+    // Trim possibly selected new lines
+    range.trim();
+}
+
+export function rangeStartsAtBeginningOfLine(range: Range): boolean {
+    const { model } = range;
+    const startsWithPartial = range.start.offset !== 0;
+    const isFirstPart = range.start.index === 0;
+    const previousIsNewline = !isFirstPart && model.parts[range.start.index - 1].type === Type.Newline;
+    return !startsWithPartial && (isFirstPart || previousIsNewline);
+}
+
+export function rangeEndsAtEndOfLine(range: Range): boolean {
+    const { model } = range;
+    const lastPart = model.parts[range.end.index];
+    const endsWithPartial = range.end.offset !== lastPart.text.length;
+    const isLastPart = range.end.index === model.parts.length - 1;
+    const nextIsNewline = !isLastPart && model.parts[range.end.index + 1].type === Type.Newline;
+    return !endsWithPartial && (isLastPart || nextIsNewline);
+}
+
+export function formatRangeAsQuote(range: Range): void {
+    const { model, parts } = range;
+    const { partCreator } = model;
+    for (let i = 0; i < parts.length; ++i) {
+        const part = parts[i];
+        if (part.type === Type.Newline) {
+            parts.splice(i + 1, 0, partCreator.plain("> "));
+        }
+    }
+    parts.unshift(partCreator.plain("> "));
+    if (!rangeStartsAtBeginningOfLine(range)) {
+        parts.unshift(partCreator.newline());
+    }
+    if (!rangeEndsAtEndOfLine(range)) {
+        parts.push(partCreator.newline());
+    }
+    parts.push(partCreator.newline());
+    replaceRangeAndExpandSelection(range, parts);
+}
+
+export function formatRangeAsCode(range: Range): void {
+    const { model, parts } = range;
+    const { partCreator } = model;
+
+    const hasBlockFormatting =
+        range.length > 0 && range.text.startsWith("```") && range.text.endsWith("```") && range.text.includes("\n");
+
+    const needsBlockFormatting = parts.some((p) => p.type === Type.Newline);
+
+    if (hasBlockFormatting) {
+        parts.shift();
+        parts.pop();
+        if (parts[0]?.text === "\n" && parts[parts.length - 1]?.text === "\n") {
+            parts.shift();
+            parts.pop();
+        }
+    } else if (needsBlockFormatting) {
+        parts.unshift(partCreator.plain("```"), partCreator.newline());
+        if (!rangeStartsAtBeginningOfLine(range)) {
+            parts.unshift(partCreator.newline());
+        }
+        parts.push(partCreator.newline(), partCreator.plain("```"));
+        if (!rangeEndsAtEndOfLine(range)) {
+            parts.push(partCreator.newline());
+        }
+    } else {
+        const fenceLen = longestBacktickSequence(range.text);
+        const hasInlineFormatting = range.text.startsWith("`") && range.text.endsWith("`");
+        //if it's already formatted untoggle based on fenceLen which returns the max. num of backtick within a text else increase the fence backticks with a factor of 1.
+        toggleInlineFormat(range, "`".repeat(hasInlineFormatting ? fenceLen : fenceLen + 1));
+        return;
+    }
+
+    replaceRangeAndExpandSelection(range, parts);
+}
+
+export function formatRangeAsLink(range: Range, text?: string): void {
+    const { model } = range;
+    const { partCreator } = model;
+    const linkRegex = /\[(.*?)]\(.*?\)/g;
+    const isFormattedAsLink = linkRegex.test(range.text);
+    if (isFormattedAsLink) {
+        const linkDescription = range.text.replace(linkRegex, "$1");
+        const newParts = [partCreator.plain(linkDescription)];
+        replaceRangeAndMoveCaret(range, newParts, 0);
+    } else {
+        // We set offset to -1 here so that the caret lands between the brackets
+        replaceRangeAndMoveCaret(range, [partCreator.plain(`[${range.text}](${text ?? ""})`)], -1);
+    }
+}
+
+// parts helper methods
+const isBlank = (part: Part): boolean => !part.text || !/\S/.test(part.text);
+const isNL = (part: Part): boolean => part.type === Type.Newline;
+
+export function toggleInlineFormat(range: Range, prefix: string, suffix = prefix): void {
+    const { model, parts } = range;
+    const { partCreator } = model;
+
+    // compute paragraph [start, end] indexes
+    const paragraphIndexes: [number, number][] = [];
+    let startIndex = 0;
+
+    // start at i=2 because we look at i and up to two parts behind to detect paragraph breaks at their end
+    for (let i = 2; i < parts.length; i++) {
+        // paragraph breaks can be denoted in a multitude of ways,
+        // - 2 newline parts in sequence
+        // - newline part, plain(<empty or just spaces>), newline part
+
+        // bump startIndex onto the first non-blank after the paragraph ending
+        if (isBlank(parts[i - 2]) && isNL(parts[i - 1]) && !isNL(parts[i]) && !isBlank(parts[i])) {
+            startIndex = i;
+        }
+
+        // if at a paragraph break, store the indexes of the paragraph
+        if (isNL(parts[i - 1]) && isNL(parts[i])) {
+            paragraphIndexes.push([startIndex, i - 1]);
+            startIndex = i + 1;
+        } else if (isNL(parts[i - 2]) && isBlank(parts[i - 1]) && isNL(parts[i])) {
+            paragraphIndexes.push([startIndex, i - 2]);
+            startIndex = i + 1;
+        }
+    }
+
+    const lastNonEmptyPart = parts.map(isBlank).lastIndexOf(false);
+    // If we have not yet included the final paragraph then add it now
+    if (startIndex <= lastNonEmptyPart) {
+        paragraphIndexes.push([startIndex, lastNonEmptyPart + 1]);
+    }
+
+    // keep track of how many things we have inserted as an offset:=0
+    let offset = 0;
+    paragraphIndexes.forEach(([startIdx, endIdx]) => {
+        // for each paragraph apply the same rule
+        const base = startIdx + offset;
+        const index = endIdx + offset;
+
+        const isFormatted =
+            index - base > 0 && parts[base].text.startsWith(prefix) && parts[index - 1].text.endsWith(suffix);
+
+        if (isFormatted) {
+            // remove prefix and suffix formatting string
+            const partWithoutPrefix = parts[base].serialize();
+            partWithoutPrefix.text = partWithoutPrefix.text.slice(prefix.length);
+            let deserializedPart = partCreator.deserializePart(partWithoutPrefix);
+            if (deserializedPart) {
+                parts[base] = deserializedPart;
+            }
+
+            const partWithoutSuffix = parts[index - 1].serialize();
+            const suffixPartText = partWithoutSuffix.text;
+            partWithoutSuffix.text = suffixPartText.substring(0, suffixPartText.length - suffix.length);
+            deserializedPart = partCreator.deserializePart(partWithoutSuffix);
+            if (deserializedPart) {
+                parts[index - 1] = deserializedPart;
+            }
+        } else {
+            parts.splice(index, 0, partCreator.plain(suffix)); // splice in the later one first to not change offset
+            parts.splice(base, 0, partCreator.plain(prefix));
+            offset += 2; // offset index to account for the two items we just spliced in
+        }
+    });
+
+    // If the user didn't select something initially, we want to just restore
+    // the caret position instead of making a new selection.
+    if (range.wasInitializedEmpty() && prefix === suffix) {
+        // Check if we need to add a offset for a toggle or untoggle
+        const hasFormatting = range.text.startsWith(prefix) && range.text.endsWith(suffix);
+        replaceRangeAndAutoAdjustCaret(range, parts, hasFormatting, prefix.length);
+    } else {
+        replaceRangeAndExpandSelection(range, parts);
+    }
+}
diff --git a/apps/web/src/editor/parts.test.ts b/apps/web/src/editor/parts.test.ts
new file mode 100644
index 00000000000..d5bbc69a814
--- /dev/null
+++ b/apps/web/src/editor/parts.test.ts
@@ -0,0 +1,38 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+
+import { EmojiPart, PlainPart } from "./parts";
+import { createPartCreator } from "./__mocks__";
+
+describe("editor/parts", () => {
+    describe("appendUntilRejected", () => {
+        const femaleFacepalmEmoji = "🤦‍♀️";
+
+        it("should not accept emoji strings into type=plain", () => {
+            const part = new PlainPart();
+            expect(part.appendUntilRejected(femaleFacepalmEmoji, "")).toEqual(femaleFacepalmEmoji);
+            expect(part.text).toEqual("");
+        });
+
+        it("should accept emoji strings into type=emoji", () => {
+            const part = new EmojiPart();
+            expect(part.appendUntilRejected(femaleFacepalmEmoji, "")).toBeUndefined();
+            expect(part.text).toEqual(femaleFacepalmEmoji);
+        });
+    });
+
+    it("should not explode on room pills for unknown rooms", () => {
+        const pc = createPartCreator();
+        const part = pc.roomPill("#room:server");
+        expect(() => part.toDOMNode()).not.toThrow();
+    });
+});
diff --git a/apps/web/src/editor/parts.ts b/apps/web/src/editor/parts.ts
new file mode 100644
index 00000000000..9e476ffaf8a
--- /dev/null
+++ b/apps/web/src/editor/parts.ts
@@ -0,0 +1,722 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 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 MatrixClient, type RoomMember, type Room } from "matrix-js-sdk/src/matrix";
+
+import AutocompleteWrapperModel, {
+    type GetAutocompleterComponent,
+    type UpdateCallback,
+    type UpdateQuery,
+} from "./autocomplete";
+import { EMOJI_REGEX, unicodeToShortcode } from "../HtmlUtils";
+import * as Avatar from "../Avatar";
+import defaultDispatcher from "../dispatcher/dispatcher";
+import { Action } from "../dispatcher/actions";
+import SettingsStore from "../settings/SettingsStore";
+import { getFirstGrapheme, graphemeSegmenter } from "../utils/strings";
+
+const REGIONAL_EMOJI_SEPARATOR = String.fromCodePoint(0x200b);
+
+interface ISerializedPart {
+    type: Type.Plain | Type.Newline | Type.Emoji | Type.Command | Type.PillCandidate;
+    text: string;
+}
+
+interface ISerializedPillPart {
+    type: Type.AtRoomPill | Type.RoomPill | Type.UserPill;
+    text: string;
+    resourceId?: string;
+}
+
+export type SerializedPart = ISerializedPart | ISerializedPillPart;
+
+export enum Type {
+    Plain = "plain",
+    Newline = "newline",
+    Emoji = "emoji",
+    Command = "command",
+    UserPill = "user-pill",
+    RoomPill = "room-pill",
+    AtRoomPill = "at-room-pill",
+    PillCandidate = "pill-candidate",
+}
+
+interface IBasePart {
+    text: string;
+    type: Type.Plain | Type.Newline | Type.Emoji;
+    canEdit: boolean;
+    acceptsCaret: boolean;
+
+    createAutoComplete(updateCallback: UpdateCallback): void;
+
+    serialize(): SerializedPart;
+    remove(offset: number, len: number): string | undefined;
+    split(offset: number): IBasePart;
+    validateAndInsert(offset: number, str: string, inputType: string | undefined): boolean;
+    appendUntilRejected(str: string, inputType: string | undefined): string | undefined;
+    updateDOMNode(node: Node): void;
+    canUpdateDOMNode(node: Node): boolean;
+    toDOMNode(): Node;
+
+    merge?(part: Part): boolean;
+}
+
+interface IPillCandidatePart extends Omit<IBasePart, "type" | "createAutoComplete"> {
+    type: Type.PillCandidate | Type.Command;
+    createAutoComplete(updateCallback: UpdateCallback): AutocompleteWrapperModel | undefined;
+}
+
+interface IPillPart extends Omit<IBasePart, "type" | "resourceId"> {
+    type: Type.AtRoomPill | Type.RoomPill | Type.UserPill;
+    resourceId: string;
+}
+
+export type Part = IBasePart | IPillCandidatePart | IPillPart;
+
+abstract class BasePart {
+    protected _text: string;
+
+    public constructor(text = "") {
+        this._text = text;
+    }
+
+    // chr can also be a grapheme cluster
+    protected acceptsInsertion(chr: string, offset: number, inputType: string): boolean {
+        return true;
+    }
+
+    protected acceptsRemoval(position: number, chr: string): boolean {
+        return true;
+    }
+
+    public merge(part: Part): boolean {
+        return false;
+    }
+
+    public split(offset: number): IBasePart {
+        const splitText = this.text.slice(offset);
+        this._text = this.text.slice(0, offset);
+        return new PlainPart(splitText);
+    }
+
+    // removes len chars, or returns the plain text this part should be replaced with
+    // if the part would become invalid if it removed everything.
+    public remove(offset: number, len: number): string | undefined {
+        // validate
+        const strWithRemoval = this.text.slice(0, offset) + this.text.slice(offset + len);
+        for (let i = offset; i < len + offset; ++i) {
+            const chr = this.text.charAt(i);
+            if (!this.acceptsRemoval(i, chr)) {
+                return strWithRemoval;
+            }
+        }
+        this._text = strWithRemoval;
+    }
+
+    // append str, returns the remaining string if a character was rejected.
+    public appendUntilRejected(str: string, inputType: string): string | undefined {
+        const offset = this.text.length;
+        // Take a copy as we will be taking chunks off the start of the string as we process them
+        // To only need to grapheme split the bits of the string we're working on.
+        let buffer = str;
+        while (buffer) {
+            const char = getFirstGrapheme(buffer);
+            if (!this.acceptsInsertion(char, offset + str.length - buffer.length, inputType)) {
+                break;
+            }
+            buffer = buffer.slice(char.length);
+        }
+
+        this._text += str.slice(0, str.length - buffer.length);
+        return buffer || undefined;
+    }
+
+    // inserts str at offset if all the characters in str were accepted, otherwise don't do anything
+    // return whether the str was accepted or not.
+    public validateAndInsert(offset: number, str: string, inputType: string): boolean {
+        for (let i = 0; i < str.length; ++i) {
+            const chr = str.charAt(i);
+            if (!this.acceptsInsertion(chr, offset + i, inputType)) {
+                return false;
+            }
+        }
+        const beforeInsert = this._text.slice(0, offset);
+        const afterInsert = this._text.slice(offset);
+        this._text = beforeInsert + str + afterInsert;
+        return true;
+    }
+
+    public createAutoComplete(updateCallback: UpdateCallback): void {}
+
+    protected trim(len: number): string {
+        const remaining = this._text.slice(len);
+        this._text = this._text.slice(0, len);
+        return remaining;
+    }
+
+    public get text(): string {
+        return this._text;
+    }
+
+    public abstract get type(): Type;
+
+    public get canEdit(): boolean {
+        return true;
+    }
+
+    public get acceptsCaret(): boolean {
+        return this.canEdit;
+    }
+
+    public toString(): string {
+        return `${this.type}(${this.text})`;
+    }
+
+    public serialize(): SerializedPart {
+        return {
+            type: this.type as ISerializedPart["type"],
+            text: this.text,
+        };
+    }
+
+    public abstract updateDOMNode(node: Node): void;
+    public abstract canUpdateDOMNode(node: Node): boolean;
+    public abstract toDOMNode(): Node;
+}
+
+abstract class PlainBasePart extends BasePart {
+    protected acceptsInsertion(chr: string, offset: number, inputType: string): boolean {
+        if (chr === "\n" || EMOJI_REGEX.test(chr)) {
+            return false;
+        }
+        // when not pasting or dropping text, reject characters that should start a pill candidate
+        if (inputType !== "insertFromPaste" && inputType !== "insertFromDrop") {
+            if (chr !== "@" && chr !== "#" && chr !== ":" && chr !== "+") {
+                return true;
+            }
+
+            // split if we are at the beginning of the part text
+            if (offset === 0) {
+                return false;
+            }
+
+            // or split if the previous character is a space or regional emoji separator
+            // or if it is a + and this is a :
+            return (
+                this._text[offset - 1] !== " " &&
+                this._text[offset - 1] !== REGIONAL_EMOJI_SEPARATOR &&
+                (this._text[offset - 1] !== "+" || chr !== ":")
+            );
+        }
+        return true;
+    }
+
+    public toDOMNode(): Node {
+        return document.createTextNode(this.text);
+    }
+
+    public merge(part: Part): boolean {
+        if (part.type === this.type) {
+            this._text = this.text + part.text;
+            return true;
+        }
+        return false;
+    }
+
+    public updateDOMNode(node: Node): void {
+        if (node.textContent !== this.text) {
+            node.textContent = this.text;
+        }
+    }
+
+    public canUpdateDOMNode(node: Node): boolean {
+        return node.nodeType === Node.TEXT_NODE;
+    }
+}
+
+// exported for unit tests, should otherwise only be used through PartCreator
+export class PlainPart extends PlainBasePart implements IBasePart {
+    public get type(): IBasePart["type"] {
+        return Type.Plain;
+    }
+}
+
+export abstract class PillPart extends BasePart implements IPillPart {
+    public constructor(
+        public resourceId: string,
+        label: string,
+    ) {
+        super(label);
+    }
+
+    protected acceptsInsertion(chr: string): boolean {
+        return chr !== " ";
+    }
+
+    protected acceptsRemoval(position: number, chr: string): boolean {
+        return position !== 0; //if you remove initial # or @, pill should become plain
+    }
+
+    public toDOMNode(): Node {
+        const container = document.createElement("span");
+        container.setAttribute("spellcheck", "false");
+        container.setAttribute("contentEditable", "false");
+        if (this.onClick) container.onclick = this.onClick;
+        container.className = this.className;
+        container.appendChild(document.createTextNode(this.text));
+        this.setAvatar(container);
+        return container;
+    }
+
+    public updateDOMNode(node: HTMLElement): void {
+        const textNode = node.childNodes[0];
+        if (textNode.textContent !== this.text) {
+            textNode.textContent = this.text;
+        }
+        if (node.className !== this.className) {
+            node.className = this.className;
+        }
+        if (this.onClick && node.onclick !== this.onClick) {
+            node.onclick = this.onClick;
+        }
+        this.setAvatar(node);
+    }
+
+    public canUpdateDOMNode(node: HTMLElement): boolean {
+        return (
+            node.nodeType === Node.ELEMENT_NODE &&
+            node.nodeName === "SPAN" &&
+            node.childNodes.length === 1 &&
+            node.childNodes[0].nodeType === Node.TEXT_NODE
+        );
+    }
+
+    // helper method for subclasses
+    protected setAvatarVars(
+        node: HTMLElement,
+        avatarUrl: string,
+        initialLetter: string,
+        avatarTextColor?: string,
+    ): void {
+        const avatarBackground = `url('${avatarUrl}')`;
+        const avatarLetter = `'${initialLetter}'`;
+        // check if the value is changing,
+        // otherwise the avatars flicker on every keystroke while updating.
+        if (node.style.getPropertyValue("--avatar-background") !== avatarBackground) {
+            node.style.setProperty("--avatar-background", avatarBackground);
+        }
+        if (node.style.getPropertyValue("--avatar-letter") !== avatarLetter) {
+            node.style.setProperty("--avatar-letter", avatarLetter);
+        }
+        if (avatarTextColor && node.style.getPropertyValue("--avatar-color") !== avatarTextColor) {
+            node.style.setProperty("--avatar-color", avatarTextColor);
+        }
+    }
+
+    public serialize(): ISerializedPillPart {
+        return {
+            type: this.type,
+            text: this.text,
+            resourceId: this.resourceId,
+        };
+    }
+
+    public get canEdit(): boolean {
+        return false;
+    }
+
+    public abstract get type(): IPillPart["type"];
+
+    protected abstract get className(): string;
+
+    protected onClick?: () => void;
+
+    protected abstract setAvatar(node: HTMLElement): void;
+}
+
+class NewlinePart extends BasePart implements IBasePart {
+    protected acceptsInsertion(chr: string, offset: number): boolean {
+        return offset === 0 && chr === "\n";
+    }
+
+    protected acceptsRemoval(position: number, chr: string): boolean {
+        return true;
+    }
+
+    public toDOMNode(): Node {
+        return document.createElement("br");
+    }
+
+    public merge(): boolean {
+        return false;
+    }
+
+    public updateDOMNode(): void {}
+
+    public canUpdateDOMNode(node: HTMLElement): boolean {
+        return node.tagName === "BR";
+    }
+
+    public get type(): IBasePart["type"] {
+        return Type.Newline;
+    }
+
+    // this makes the cursor skip this part when it is inserted
+    // rather than trying to append to it, which is what we want.
+    // As a newline can also be only one character, it makes sense
+    // as it can only be one character long. This caused #9741.
+    public get canEdit(): boolean {
+        return false;
+    }
+}
+
+export class EmojiPart extends BasePart implements IBasePart {
+    protected acceptsInsertion(chr: string, offset: number): boolean {
+        return EMOJI_REGEX.test(chr);
+    }
+
+    protected acceptsRemoval(position: number, chr: string): boolean {
+        return false;
+    }
+
+    public toDOMNode(): Node {
+        const span = document.createElement("span");
+        span.className = "mx_Emoji";
+        span.setAttribute("title", unicodeToShortcode(this.text));
+        span.appendChild(document.createTextNode(this.text));
+        return span;
+    }
+
+    public updateDOMNode(node: HTMLElement): void {
+        const textNode = node.childNodes[0];
+        if (textNode.textContent !== this.text) {
+            node.setAttribute("title", unicodeToShortcode(this.text));
+            textNode.textContent = this.text;
+        }
+    }
+
+    public canUpdateDOMNode(node: HTMLElement): boolean {
+        return node.className === "mx_Emoji";
+    }
+
+    public get type(): IBasePart["type"] {
+        return Type.Emoji;
+    }
+
+    public get canEdit(): boolean {
+        return false;
+    }
+
+    public get acceptsCaret(): boolean {
+        return true;
+    }
+}
+
+class RoomPillPart extends PillPart {
+    public constructor(
+        resourceId: string,
+        label: string,
+        private room?: Room,
+    ) {
+        super(resourceId, label);
+    }
+
+    protected setAvatar(node: HTMLElement): void {
+        let initialLetter = "";
+        let avatarUrl = Avatar.avatarUrlForRoom(this.room ?? null, 16, 16, "crop");
+        let avatarTextColor: string | undefined;
+        if (!avatarUrl) {
+            initialLetter = Avatar.getInitialLetter(this.room?.name || this.resourceId) ?? "";
+            avatarUrl = Avatar.defaultAvatarUrlForString(this.room?.roomId ?? this.resourceId);
+            avatarTextColor = Avatar.getAvatarTextColor(this.room?.roomId ?? this.resourceId);
+        }
+        this.setAvatarVars(node, avatarUrl, initialLetter, avatarTextColor);
+    }
+
+    public get type(): IPillPart["type"] {
+        return Type.RoomPill;
+    }
+
+    protected get className(): string {
+        return "mx_Pill " + (this.room?.isSpaceRoom() ? "mx_SpacePill" : "mx_RoomPill");
+    }
+}
+
+class AtRoomPillPart extends RoomPillPart {
+    public constructor(text: string, room: Room) {
+        super(text, text, room);
+    }
+
+    public get type(): IPillPart["type"] {
+        return Type.AtRoomPill;
+    }
+
+    public serialize(): ISerializedPillPart {
+        return {
+            type: this.type,
+            text: this.text,
+        };
+    }
+}
+
+class UserPillPart extends PillPart {
+    public constructor(
+        userId: string,
+        displayName: string,
+        private member?: RoomMember,
+    ) {
+        super(userId, displayName);
+    }
+
+    public get type(): IPillPart["type"] {
+        return Type.UserPill;
+    }
+
+    protected get className(): string {
+        return "mx_UserPill mx_Pill";
+    }
+
+    protected setAvatar(node: HTMLElement): void {
+        if (!this.member) {
+            return;
+        }
+        const name = this.member.name || this.member.userId;
+        const defaultAvatarUrl = Avatar.defaultAvatarUrlForString(this.member.userId);
+        const avatarUrl = Avatar.avatarUrlForMember(this.member, 16, 16, "crop");
+        let initialLetter = "";
+        let avatarTextColor: string | undefined;
+        if (avatarUrl === defaultAvatarUrl) {
+            initialLetter = Avatar.getInitialLetter(name) ?? "";
+            avatarTextColor = Avatar.getAvatarTextColor(this.member.userId);
+        }
+        this.setAvatarVars(node, avatarUrl, initialLetter, avatarTextColor);
+    }
+
+    protected onClick = (): void => {
+        defaultDispatcher.dispatch({
+            action: Action.ViewUser,
+            member: this.member,
+        });
+    };
+}
+
+class PillCandidatePart extends PlainBasePart implements IPillCandidatePart {
+    public constructor(
+        text: string,
+        private autoCompleteCreator: IAutocompleteCreator,
+    ) {
+        super(text);
+    }
+
+    public createAutoComplete(updateCallback: UpdateCallback): AutocompleteWrapperModel | undefined {
+        return this.autoCompleteCreator.create?.(updateCallback);
+    }
+
+    protected acceptsInsertion(chr: string, offset: number, inputType: string): boolean {
+        if (offset === 0) {
+            return true;
+        } else {
+            return super.acceptsInsertion(chr, offset, inputType);
+        }
+    }
+
+    public merge(): boolean {
+        return false;
+    }
+
+    protected acceptsRemoval(position: number, chr: string): boolean {
+        return true;
+    }
+
+    public get type(): IPillCandidatePart["type"] {
+        return Type.PillCandidate;
+    }
+}
+
+export function getAutoCompleteCreator(getAutocompleterComponent: GetAutocompleterComponent, updateQuery: UpdateQuery) {
+    return (partCreator: PartCreator) => {
+        return (updateCallback: UpdateCallback) => {
+            return new AutocompleteWrapperModel(updateCallback, getAutocompleterComponent, updateQuery, partCreator);
+        };
+    };
+}
+
+type AutoCompleteCreator = ReturnType<typeof getAutoCompleteCreator>;
+
+interface IAutocompleteCreator {
+    create: ((updateCallback: UpdateCallback) => AutocompleteWrapperModel) | undefined;
+}
+
+export class PartCreator {
+    protected readonly autoCompleteCreator: IAutocompleteCreator;
+
+    public constructor(
+        private readonly room: Room,
+        private readonly client: MatrixClient,
+        autoCompleteCreator: AutoCompleteCreator | null = null,
+    ) {
+        // pre-create the creator as an object even without callback so it can already be passed
+        // to PillCandidatePart (e.g. while deserializing) and set later on
+        this.autoCompleteCreator = { create: autoCompleteCreator?.(this) };
+    }
+
+    public setAutoCompleteCreator(autoCompleteCreator: AutoCompleteCreator): void {
+        this.autoCompleteCreator.create = autoCompleteCreator(this);
+    }
+
+    public createPartForInput(input: string, partIndex: number, inputType?: string): Part {
+        switch (input[0]) {
+            case "#":
+            case "@":
+            case ":":
+            case "+":
+                return this.pillCandidate("");
+            case "\n":
+                return new NewlinePart();
+            default:
+                if (EMOJI_REGEX.test(getFirstGrapheme(input))) {
+                    return new EmojiPart();
+                }
+                return new PlainPart();
+        }
+    }
+
+    public createDefaultPart(text: string): Part {
+        return this.plain(text);
+    }
+
+    public deserializePart(part: SerializedPart): Part | undefined {
+        switch (part.type) {
+            case Type.Plain:
+                return this.plain(part.text);
+            case Type.Newline:
+                return this.newline();
+            case Type.Emoji:
+                return this.emoji(part.text);
+            case Type.AtRoomPill:
+                return this.atRoomPill(part.text);
+            case Type.PillCandidate:
+                return this.pillCandidate(part.text);
+            case Type.RoomPill:
+                return part.resourceId ? this.roomPill(part.resourceId) : undefined;
+            case Type.UserPill:
+                return part.resourceId ? this.userPill(part.text, part.resourceId) : undefined;
+        }
+    }
+
+    public plain(text: string): PlainPart {
+        return new PlainPart(text);
+    }
+
+    public newline(): NewlinePart {
+        return new NewlinePart("\n");
+    }
+
+    public emoji(text: string): EmojiPart {
+        return new EmojiPart(text);
+    }
+
+    public pillCandidate(text: string): PillCandidatePart {
+        return new PillCandidatePart(text, this.autoCompleteCreator);
+    }
+
+    public roomPill(alias: string, roomId?: string): RoomPillPart {
+        let room: Room | undefined;
+        if (roomId || alias[0] !== "#") {
+            room = this.client.getRoom(roomId || alias) ?? undefined;
+        } else {
+            room = this.client.getRooms().find((r) => {
+                return r.getCanonicalAlias() === alias || r.getAltAliases().includes(alias);
+            });
+        }
+        return new RoomPillPart(alias, room ? room.name : alias, room);
+    }
+
+    public atRoomPill(text: string): AtRoomPillPart {
+        return new AtRoomPillPart(text, this.room);
+    }
+
+    public userPill(displayName: string, userId: string): UserPillPart {
+        const member = this.room.getMember(userId);
+        return new UserPillPart(userId, displayName, member || undefined);
+    }
+
+    private static isRegionalIndicator(c: string): boolean {
+        const codePoint = c.codePointAt(0) ?? 0;
+        return codePoint != 0 && c.length == 2 && 0x1f1e6 <= codePoint && codePoint <= 0x1f1ff;
+    }
+
+    public plainWithEmoji(text: string): (PlainPart | EmojiPart)[] {
+        const parts: (PlainPart | EmojiPart)[] = [];
+        let plainText = "";
+
+        for (const data of graphemeSegmenter.segment(text)) {
+            if (EMOJI_REGEX.test(data.segment)) {
+                if (plainText) {
+                    parts.push(this.plain(plainText));
+                    plainText = "";
+                }
+                parts.push(this.emoji(data.segment));
+                if (PartCreator.isRegionalIndicator(text)) {
+                    parts.push(this.plain(REGIONAL_EMOJI_SEPARATOR));
+                }
+            } else {
+                plainText += data.segment;
+            }
+        }
+        if (plainText) {
+            parts.push(this.plain(plainText));
+        }
+        return parts;
+    }
+
+    public createMentionParts(
+        insertTrailingCharacter: boolean,
+        displayName: string,
+        userId: string,
+    ): [UserPillPart, PlainPart] {
+        const pill = this.userPill(displayName, userId);
+        if (!SettingsStore.getValue("MessageComposerInput.insertTrailingColon")) {
+            insertTrailingCharacter = false;
+        }
+        const postfix = this.plain(insertTrailingCharacter ? ": " : " ");
+        return [pill, postfix];
+    }
+}
+
+// part creator that support auto complete for /commands,
+// used in SendMessageComposer
+export class CommandPartCreator extends PartCreator {
+    public createPartForInput(text: string, partIndex: number): Part {
+        // at beginning and starts with /? create
+        if (partIndex === 0 && text[0] === "/") {
+            // text will be inserted by model, so pass empty string
+            return this.command("");
+        } else {
+            return super.createPartForInput(text, partIndex);
+        }
+    }
+
+    public command(text: string): CommandPart {
+        return new CommandPart(text, this.autoCompleteCreator);
+    }
+
+    public deserializePart(part: SerializedPart): Part | undefined {
+        if (part.type === Type.Command) {
+            return this.command(part.text);
+        } else {
+            return super.deserializePart(part);
+        }
+    }
+}
+
+class CommandPart extends PillCandidatePart {
+    public get type(): IPillCandidatePart["type"] {
+        return Type.Command;
+    }
+}
diff --git a/apps/web/src/editor/position.test.ts b/apps/web/src/editor/position.test.ts
new file mode 100644
index 00000000000..3d614ce0206
--- /dev/null
+++ b/apps/web/src/editor/position.test.ts
@@ -0,0 +1,75 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { describe, it, expect } from "vitest";
+
+import EditorModel from "./model";
+import { createPartCreator, createRenderer } from "./__mocks__";
+
+describe("editor/position", function () {
+    it("move first position backward in empty model", function () {
+        const model = new EditorModel([], createPartCreator(), createRenderer());
+        const pos = model.positionForOffset(0, true);
+        const pos2 = pos.backwardsWhile(model, () => true);
+        expect(pos).toBe(pos2);
+    });
+    it("move first position forwards in empty model", function () {
+        const model = new EditorModel([], createPartCreator(), createRenderer());
+        const pos = model.positionForOffset(0, true);
+        const pos2 = pos.forwardsWhile(model, () => true);
+        expect(pos).toBe(pos2);
+    });
+    it("move forwards within one part", function () {
+        const pc = createPartCreator();
+        const model = new EditorModel([pc.plain("hello")], pc, createRenderer());
+        const pos = model.positionForOffset(1);
+        let n = 3;
+        const pos2 = pos.forwardsWhile(model, () => {
+            n -= 1;
+            return n >= 0;
+        });
+        expect(pos2.index).toBe(0);
+        expect(pos2.offset).toBe(4);
+    });
+    it("move forwards crossing to other part", function () {
+        const pc = createPartCreator();
+        const model = new EditorModel([pc.plain("hello"), pc.plain(" world")], pc, createRenderer());
+        const pos = model.positionForOffset(4);
+        let n = 3;
+        const pos2 = pos.forwardsWhile(model, () => {
+            n -= 1;
+            return n >= 0;
+        });
+        expect(pos2.index).toBe(1);
+        expect(pos2.offset).toBe(2);
+    });
+    it("move backwards within one part", function () {
+        const pc = createPartCreator();
+        const model = new EditorModel([pc.plain("hello")], pc, createRenderer());
+        const pos = model.positionForOffset(4);
+        let n = 3;
+        const pos2 = pos.backwardsWhile(model, () => {
+            n -= 1;
+            return n >= 0;
+        });
+        expect(pos2.index).toBe(0);
+        expect(pos2.offset).toBe(1);
+    });
+    it("move backwards crossing to other part", function () {
+        const pc = createPartCreator();
+        const model = new EditorModel([pc.plain("hello"), pc.plain(" world")], pc, createRenderer());
+        const pos = model.positionForOffset(7);
+        let n = 3;
+        const pos2 = pos.backwardsWhile(model, () => {
+            n -= 1;
+            return n >= 0;
+        });
+        expect(pos2.index).toBe(0);
+        expect(pos2.offset).toBe(4);
+    });
+});
diff --git a/apps/web/src/editor/position.ts b/apps/web/src/editor/position.ts
new file mode 100644
index 00000000000..4b7a8c576ba
--- /dev/null
+++ b/apps/web/src/editor/position.ts
@@ -0,0 +1,134 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 DocumentOffset from "./offset";
+import type EditorModel from "./model";
+import { type Part } from "./parts";
+
+export interface IPosition {
+    index: number;
+    offset: number;
+}
+
+type Callback = (part: Part, startIdx: number, endIdx: number) => void;
+export type Predicate = (index: number, offset: number, part: Part) => boolean;
+
+export default class DocumentPosition implements IPosition {
+    public constructor(
+        public readonly index: number,
+        public readonly offset: number,
+    ) {}
+
+    public compare(otherPos: DocumentPosition): number {
+        if (this.index === otherPos.index) {
+            return this.offset - otherPos.offset;
+        } else {
+            return this.index - otherPos.index;
+        }
+    }
+
+    public iteratePartsBetween(other: DocumentPosition, model: EditorModel, callback: Callback): void {
+        if (this.index === -1 || other.index === -1) {
+            return;
+        }
+        const [startPos, endPos] = this.compare(other) < 0 ? [this, other] : [other, this];
+        if (startPos.index === endPos.index) {
+            callback(model.parts[this.index], startPos.offset, endPos.offset);
+        } else {
+            const firstPart = model.parts[startPos.index];
+            callback(firstPart, startPos.offset, firstPart.text.length);
+            for (let i = startPos.index + 1; i < endPos.index; ++i) {
+                const part = model.parts[i];
+                callback(part, 0, part.text.length);
+            }
+            const lastPart = model.parts[endPos.index];
+            callback(lastPart, 0, endPos.offset);
+        }
+    }
+
+    public forwardsWhile(model: EditorModel, predicate: Predicate): DocumentPosition {
+        if (this.index === -1) {
+            return this;
+        }
+
+        let { index, offset } = this;
+        const { parts } = model;
+        while (index < parts.length) {
+            const part = parts[index];
+            while (offset < part.text.length) {
+                if (!predicate(index, offset, part)) {
+                    return new DocumentPosition(index, offset);
+                }
+                offset += 1;
+            }
+            // end reached
+            if (index === parts.length - 1) {
+                return new DocumentPosition(index, offset);
+            } else {
+                index += 1;
+                offset = 0;
+            }
+        }
+
+        return this; // impossible but Typescript doesn't believe us
+    }
+
+    public backwardsWhile(model: EditorModel, predicate: Predicate): DocumentPosition {
+        if (this.index === -1) {
+            return this;
+        }
+
+        let { index, offset } = this;
+        const parts = model.parts;
+        while (index >= 0) {
+            const part = parts[index];
+            while (offset > 0) {
+                if (!predicate(index, offset - 1, part)) {
+                    return new DocumentPosition(index, offset);
+                }
+                offset -= 1;
+            }
+            // start reached
+            if (index === 0) {
+                return new DocumentPosition(index, offset);
+            } else {
+                index -= 1;
+                offset = parts[index].text.length;
+            }
+        }
+
+        return this; // impossible but Typescript doesn't believe us
+    }
+
+    public asOffset(model: EditorModel): DocumentOffset {
+        if (this.index === -1) {
+            return new DocumentOffset(0, true);
+        }
+        let offset = 0;
+        for (let i = 0; i < this.index; ++i) {
+            offset += model.parts[i].text.length;
+        }
+        offset += this.offset;
+        const lastPart = model.parts[this.index];
+        const atEnd = !lastPart || offset >= lastPart.text.length; // if no last part, we're at the end
+        return new DocumentOffset(offset, atEnd);
+    }
+
+    public isAtEnd(model: EditorModel): boolean {
+        if (model.parts.length === 0) {
+            return true;
+        }
+        const lastPartIdx = model.parts.length - 1;
+        const lastPart = model.parts[lastPartIdx];
+        return this.index === lastPartIdx && this.offset === lastPart.text.length;
+    }
+
+    public isAtStart(): boolean {
+        return this.index === 0 && this.offset === 0;
+    }
+}
diff --git a/apps/web/src/editor/range.test.ts b/apps/web/src/editor/range.test.ts
new file mode 100644
index 00000000000..fd07a8f1811
--- /dev/null
+++ b/apps/web/src/editor/range.test.ts
@@ -0,0 +1,106 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { describe, it, expect } from "vitest";
+
+import EditorModel from "./model";
+import { createPartCreator, createRenderer } from "./__mocks__";
+
+const pillChannel = "#riot-dev:matrix.org";
+
+describe("editor/range", function () {
+    it("range on empty model", function () {
+        const renderer = createRenderer();
+        const pc = createPartCreator();
+        const model = new EditorModel([], pc, renderer);
+        const range = model.startRange(model.positionForOffset(0, true)); // after "world"
+        let called = false;
+        range.expandBackwardsWhile((chr) => {
+            called = true;
+            return true;
+        });
+        expect(called).toBe(false);
+        expect(range.text).toBe("");
+    });
+    it("range replace within a part", function () {
+        const renderer = createRenderer();
+        const pc = createPartCreator();
+        const model = new EditorModel([pc.plain("hello world!!!!")], pc, renderer);
+        const range = model.startRange(model.positionForOffset(11)); // after "world"
+        range.expandBackwardsWhile((index, offset) => model.parts[index].text[offset] !== " ");
+        expect(range.text).toBe("world");
+        range.replace([pc.roomPill(pillChannel)]);
+        expect(model.parts[0].type).toBe("plain");
+        expect(model.parts[0].text).toBe("hello ");
+        expect(model.parts[1].type).toBe("room-pill");
+        expect(model.parts[1].text).toBe(pillChannel);
+        expect(model.parts[2].type).toBe("plain");
+        expect(model.parts[2].text).toBe("!!!!");
+        expect(model.parts.length).toBe(3);
+    });
+    it("range replace across parts", function () {
+        const renderer = createRenderer();
+        const pc = createPartCreator();
+        const model = new EditorModel(
+            [pc.plain("try to re"), pc.plain("pla"), pc.plain("ce "), pc.plain("me")],
+            pc,
+            renderer,
+        );
+        const range = model.startRange(model.positionForOffset(14)); // after "replace"
+        range.expandBackwardsWhile((index, offset) => model.parts[index].text[offset] !== " ");
+        expect(range.text).toBe("replace");
+        range.replace([pc.roomPill(pillChannel)]);
+        expect(model.parts[0].type).toBe("plain");
+        expect(model.parts[0].text).toBe("try to ");
+        expect(model.parts[1].type).toBe("room-pill");
+        expect(model.parts[1].text).toBe(pillChannel);
+        expect(model.parts[2].type).toBe("plain");
+        expect(model.parts[2].text).toBe(" me");
+        expect(model.parts.length).toBe(3);
+    });
+    // bug found while implementing tab completion
+    it("replace a part with an identical part with start position at end of previous part", function () {
+        const renderer = createRenderer();
+        const pc = createPartCreator();
+        const model = new EditorModel([pc.plain("hello "), pc.pillCandidate("man")], pc, renderer);
+        const range = model.startRange(model.positionForOffset(9, true)); // before "man"
+        range.expandBackwardsWhile((index, offset) => model.parts[index].text[offset] !== " ");
+        expect(range.text).toBe("man");
+        range.replace([pc.pillCandidate(range.text)]);
+        expect(model.parts[0].type).toBe("plain");
+        expect(model.parts[0].text).toBe("hello ");
+        expect(model.parts[1].type).toBe("pill-candidate");
+        expect(model.parts[1].text).toBe("man");
+        expect(model.parts.length).toBe(2);
+    });
+    it("range trim spaces off both ends", () => {
+        const renderer = createRenderer();
+        const pc = createPartCreator();
+        const model = new EditorModel([pc.plain("abc abc abc")], pc, renderer);
+        const range = model.startRange(
+            model.positionForOffset(3, false), // at end of first `abc`
+            model.positionForOffset(8, false), // at start of last `abc`
+        );
+
+        expect(range.parts[0].text).toBe(" abc ");
+        range.trim();
+        expect(range.parts[0].text).toBe("abc");
+    });
+    // test for edge case when the selection just consists of whitespace
+    it("range trim just whitespace", () => {
+        const renderer = createRenderer();
+        const pc = createPartCreator();
+        const whitespace = "  \n    \n\n";
+        const model = new EditorModel([pc.plain(whitespace)], pc, renderer);
+        const range = model.startRange(model.positionForOffset(0, false), model.getPositionAtEnd());
+
+        expect(range.text).toBe(whitespace);
+        range.trim();
+        expect(range.text).toBe("");
+    });
+});
diff --git a/apps/web/src/editor/range.ts b/apps/web/src/editor/range.ts
new file mode 100644
index 00000000000..eecbde5c54a
--- /dev/null
+++ b/apps/web/src/editor/range.ts
@@ -0,0 +1,138 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 EditorModel from "./model";
+import { type Predicate } from "./position";
+import type DocumentPosition from "./position";
+import { type Part } from "./parts";
+
+const whitespacePredicate: Predicate = (index, offset, part) => {
+    return part.text[offset].trim() === "";
+};
+
+export default class Range {
+    private _start: DocumentPosition;
+    private _end: DocumentPosition;
+    private _lastStart: DocumentPosition;
+    private _initializedEmpty: boolean;
+
+    public constructor(
+        public readonly model: EditorModel,
+        positionA: DocumentPosition,
+        positionB = positionA,
+    ) {
+        const bIsLarger = positionA.compare(positionB) < 0;
+        this._start = bIsLarger ? positionA : positionB;
+        this._end = bIsLarger ? positionB : positionA;
+        this._lastStart = this._start;
+        this._initializedEmpty = this._start.index === this._end.index && this._start.offset == this._end.offset;
+    }
+
+    public moveStartForwards(delta: number): void {
+        this._start = this._start.forwardsWhile(this.model, () => {
+            delta -= 1;
+            return delta >= 0;
+        });
+    }
+
+    public wasInitializedEmpty(): boolean {
+        return this._initializedEmpty;
+    }
+
+    public setWasEmpty(value: boolean): void {
+        this._initializedEmpty = value;
+    }
+
+    public getLastStartingPosition(): DocumentPosition {
+        return this._lastStart;
+    }
+
+    public setLastStartingPosition(position: DocumentPosition): void {
+        this._lastStart = position;
+    }
+
+    public moveEndBackwards(delta: number): void {
+        this._end = this._end.backwardsWhile(this.model, () => {
+            delta -= 1;
+            return delta >= 0;
+        });
+    }
+
+    public trim(): void {
+        if (this.text.trim() === "") {
+            this._start = this._end;
+            return;
+        }
+        this._start = this._start.forwardsWhile(this.model, whitespacePredicate);
+        this._end = this._end.backwardsWhile(this.model, whitespacePredicate);
+    }
+
+    public expandBackwardsWhile(predicate: Predicate): void {
+        this._start = this._start.backwardsWhile(this.model, predicate);
+    }
+
+    public expandForwardsWhile(predicate: Predicate): void {
+        this._end = this._end.forwardsWhile(this.model, predicate);
+    }
+
+    public get text(): string {
+        let text = "";
+        this._start.iteratePartsBetween(this._end, this.model, (part, startIdx, endIdx) => {
+            const t = part.text.substring(startIdx, endIdx);
+            text = text + t;
+        });
+        return text;
+    }
+
+    /**
+     * Splits the model at the range boundaries and replaces with the given parts.
+     * Should be run inside a `model.transform()` callback.
+     * @param {Part[]} parts the parts to replace the range with
+     * @returns {Number} the net amount of characters added, can be negative.
+     */
+    public replace(parts: Part[]): number {
+        const newLength = parts.reduce((sum, part) => sum + part.text.length, 0);
+        let oldLength = 0;
+        this._start.iteratePartsBetween(this._end, this.model, (part, startIdx, endIdx) => {
+            oldLength += endIdx - startIdx;
+        });
+        this.model.replaceRange(this._start, this._end, parts);
+        return newLength - oldLength;
+    }
+
+    /**
+     * Returns a copy of the (partial) parts within the range.
+     * For partial parts, only the text is adjusted to the part that intersects with the range.
+     */
+    public get parts(): Part[] {
+        const parts: Part[] = [];
+        this._start.iteratePartsBetween(this._end, this.model, (part, startIdx, endIdx) => {
+            const serializedPart = part.serialize();
+            serializedPart.text = part.text.substring(startIdx, endIdx);
+            const newPart = this.model.partCreator.deserializePart(serializedPart);
+            if (newPart) parts.push(newPart);
+        });
+        return parts;
+    }
+
+    public get length(): number {
+        let len = 0;
+        this._start.iteratePartsBetween(this._end, this.model, (part, startIdx, endIdx) => {
+            len += endIdx - startIdx;
+        });
+        return len;
+    }
+
+    public get start(): DocumentPosition {
+        return this._start;
+    }
+
+    public get end(): DocumentPosition {
+        return this._end;
+    }
+}
diff --git a/apps/web/src/editor/render.ts b/apps/web/src/editor/render.ts
new file mode 100644
index 00000000000..4700c9b76fe
--- /dev/null
+++ b/apps/web/src/editor/render.ts
@@ -0,0 +1,180 @@
+/*
+Copyright 2019-2024 New Vector Ltd.
+Copyright 2019 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 Part, Type } from "./parts";
+import type EditorModel from "./model";
+
+export function needsCaretNodeBefore(part: Part, prevPart?: Part): boolean {
+    const isFirst = !prevPart || prevPart.type === Type.Newline;
+    return !part.acceptsCaret && (isFirst || !prevPart.acceptsCaret);
+}
+
+export function needsCaretNodeAfter(part: Part, isLastOfLine: boolean): boolean {
+    return !part.acceptsCaret && isLastOfLine;
+}
+
+function insertAfter(node: ChildNode, nodeToInsert: ChildNode): void {
+    const next = node.nextSibling;
+    if (next) {
+        node.parentElement!.insertBefore(nodeToInsert, next);
+    } else {
+        node.parentElement!.appendChild(nodeToInsert);
+    }
+}
+
+// Use a BOM marker for caret nodes.
+// On a first test, they seem to be filtered out when copying text out of the editor,
+// but this could be platform dependent.
+// As a precautionary measure, I chose the character that slate also uses.
+export const CARET_NODE_CHAR = "\ufeff";
+// a caret node is a node that allows the caret to be placed
+// where otherwise it wouldn't be possible
+// (e.g. next to a pill span without adjacent text node)
+function createCaretNode(): HTMLElement {
+    const span = document.createElement("span");
+    span.className = "caretNode";
+    span.appendChild(document.createTextNode(CARET_NODE_CHAR));
+    return span;
+}
+
+function updateCaretNode(node: ChildNode): void {
+    // ensure the caret node contains only a zero-width space
+    if (node.textContent !== CARET_NODE_CHAR) {
+        node.textContent = CARET_NODE_CHAR;
+    }
+}
+
+export function isCaretNode(node?: Node | null): node is HTMLElement {
+    return !!node && node instanceof HTMLElement && node.tagName === "SPAN" && node.className === "caretNode";
+}
+
+function removeNextSiblings(node: ChildNode | null): void {
+    if (!node) {
+        return;
+    }
+    node = node.nextSibling;
+    while (node) {
+        const removeNode = node;
+        node = node.nextSibling;
+        removeNode.remove();
+    }
+}
+
+function removeChildren(parent: HTMLElement): void {
+    const firstChild = parent.firstChild;
+    if (firstChild) {
+        removeNextSiblings(firstChild);
+        firstChild.remove();
+    }
+}
+
+function reconcileLine(lineContainer: ChildNode, parts: Part[]): void {
+    let currentNode: ChildNode | null = null;
+    let prevPart: Part | undefined;
+    const lastPart = parts[parts.length - 1];
+
+    for (const part of parts) {
+        const isFirst = !prevPart;
+        currentNode = isFirst ? lineContainer.firstChild : currentNode!.nextSibling;
+
+        if (needsCaretNodeBefore(part, prevPart)) {
+            if (isCaretNode(currentNode)) {
+                updateCaretNode(currentNode);
+                currentNode = currentNode.nextSibling;
+            } else {
+                lineContainer.insertBefore(createCaretNode(), currentNode);
+            }
+        }
+        // remove nodes until matching current part
+        while (currentNode && !part.canUpdateDOMNode(currentNode)) {
+            const nextNode = currentNode.nextSibling;
+            lineContainer.removeChild(currentNode);
+            currentNode = nextNode;
+        }
+        // update or insert node for current part
+        if (currentNode && part) {
+            part.updateDOMNode(currentNode);
+        } else if (part) {
+            currentNode = part.toDOMNode() as ChildNode;
+            // hooks up nextSibling for next iteration
+            lineContainer.appendChild(currentNode);
+        }
+
+        if (needsCaretNodeAfter(part, part === lastPart)) {
+            if (isCaretNode(currentNode?.nextSibling)) {
+                currentNode = currentNode.nextSibling;
+                updateCaretNode(currentNode);
+            } else {
+                const caretNode = createCaretNode();
+                insertAfter(currentNode as HTMLElement, caretNode);
+                currentNode = caretNode;
+            }
+        }
+
+        prevPart = part;
+    }
+
+    removeNextSiblings(currentNode);
+}
+
+function reconcileEmptyLine(lineContainer: HTMLElement): void {
+    // empty div needs to have a BR in it to give it height
+    let foundBR = false;
+    let partNode = lineContainer.firstChild;
+    while (partNode) {
+        const nextNode = partNode.nextSibling;
+        if (!foundBR && (partNode as HTMLElement).tagName === "BR") {
+            foundBR = true;
+        } else {
+            partNode.remove();
+        }
+        partNode = nextNode;
+    }
+    if (!foundBR) {
+        lineContainer.appendChild(document.createElement("br"));
+    }
+}
+
+export function renderModel(editor: HTMLDivElement, model: EditorModel): void {
+    const lines = model.parts.reduce<Part[][]>(
+        (linesArr, part) => {
+            if (part.type === Type.Newline) {
+                linesArr.push([]);
+            } else {
+                const lastLine = linesArr[linesArr.length - 1];
+                lastLine.push(part);
+            }
+            return linesArr;
+        },
+        [[]],
+    );
+    lines.forEach((parts, i) => {
+        // find first (and remove anything else) div without className
+        // (as browsers insert these in contenteditable) line container
+        let lineContainer = editor.childNodes[i];
+        while (lineContainer && ((<Element>lineContainer).tagName !== "DIV" || !!(<Element>lineContainer).className)) {
+            editor.removeChild(lineContainer);
+            lineContainer = editor.childNodes[i];
+        }
+        if (!lineContainer) {
+            lineContainer = document.createElement("div");
+            editor.appendChild(lineContainer);
+        }
+
+        if (parts.length) {
+            reconcileLine(lineContainer, parts);
+        } else {
+            reconcileEmptyLine(lineContainer as HTMLElement);
+        }
+    });
+    if (lines.length) {
+        removeNextSiblings(editor.children[lines.length - 1]);
+    } else {
+        removeChildren(editor);
+    }
+}
diff --git a/apps/web/src/editor/roundtrip.test.ts b/apps/web/src/editor/roundtrip.test.ts
new file mode 100644
index 00000000000..615f0852586
--- /dev/null
+++ b/apps/web/src/editor/roundtrip.test.ts
@@ -0,0 +1,160 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { parseEvent } from "./deserialize";
+import EditorModel from "./model";
+import DocumentOffset from "./offset";
+import { htmlSerializeIfNeeded, textSerialize } from "./serialize";
+import { createPartCreator } from "./__mocks__";
+
+function htmlMessage(formattedBody: string, msgtype = "m.text") {
+    return {
+        getContent() {
+            return {
+                msgtype,
+                format: "org.matrix.custom.html",
+                formatted_body: formattedBody,
+            };
+        },
+    } as unknown as MatrixEvent;
+}
+
+async function md2html(markdown: string): Promise<string> {
+    const pc = createPartCreator();
+    const oldModel = new EditorModel([], pc, () => {});
+    await oldModel.update(markdown, "insertText", new DocumentOffset(markdown.length, false));
+    return htmlSerializeIfNeeded(oldModel, { forceHTML: true })!;
+}
+
+function html2md(html: string): string {
+    const pc = createPartCreator();
+    const parts = parseEvent(htmlMessage(html), pc);
+    const newModel = new EditorModel(parts, pc);
+    return textSerialize(newModel);
+}
+
+async function roundTripMarkdown(markdown: string): Promise<string> {
+    return html2md(await md2html(markdown));
+}
+
+async function roundTripHtml(html: string): Promise<string> {
+    return await md2html(html2md(html));
+}
+
+describe("editor/roundtrip", function () {
+    describe("markdown messages should round-trip if they contain", function () {
+        it.each([
+            ["newlines", "hello\nworld"],
+            ["pills", "text message for @room"],
+            ["pills with interesting characters in mxid", "text message for @alice\\\\\\_\\]#>&:hs.example.com"],
+            ["styling", "**bold** and _emphasised_"],
+            ["bold within a word", "abso**fragging**lutely"],
+            ["escaped html", "a\\<foo>b"],
+            ["escaped markdown", "\\*\\*foo\\*\\* \\_bar\\_ \\[a\\](b)"],
+            ["escaped backslashes", "C:\\\\Program Files"],
+            ["code in backticks", "foo ->`x`"],
+            ["code blocks containing backticks", "```\nfoo ->`x`\nbar\n```"],
+            ["code blocks containing markdown", "```\n__init__.py\n```"],
+            ["nested formatting", "a<del>b **c _d_ e** f</del>g"],
+            ["an ordered list", "A\n\n1. b\n2. c\n3. d\nE"],
+            ["an ordered list starting later", "A\n\n9. b\n10. c\n11. d\nE"],
+            ["an unordered list", "A\n\n- b\n- c\n- d\nE"],
+            ["code block followed by text after a blank line", "```A\nfoo(bar).baz();\n\n3\n```\n\nB"],
+            ["just a code block", "```\nfoo(bar).baz();\n\n3\n```"],
+            ["code block with language specifier", "```bash\nmake install\n\n```"],
+            ["inline code", "there's no place `127.0.0.1` like"],
+            ["nested quotations", "saying\n\n> > foo\n\n> NO\n\nis valid"],
+            ["quotations", "saying\n\n> NO\n\nis valid"],
+            ["links", "click [this](http://example.com/)!"],
+        ])("%s", async (_name, markdown) => {
+            expect(await roundTripMarkdown(markdown)).toEqual(markdown);
+        });
+
+        it.skip.each([
+            // Removes trailing spaces
+            ["a code block followed by newlines", "```\nfoo(bar).baz();\n\n3\n```\n\n"],
+            // Adds a space after the code block
+            ["a code block surrounded by text", "```A\nfoo(bar).baz();\n\n3\n```\nB"],
+            // Adds a space before the list
+            ["an unordered list directly preceded by text", "A\n- b\n- c\n- d\nE"],
+            // Re-numbers to 1, 2, 3
+            ["an ordered list where everything is 1", "A\n\n1. b\n1. c\n1. d\nE"],
+            // Adds a space before the list
+            ["an ordered list directly preceded by text", "A\n1. b\n2. c\n3. d\nE"],
+            // Adds and removes spaces before the nested list
+            ["nested unordered lists", "A\n- b\n- c\n    - c1\n    - c2\n- d\nE"],
+            // Adds and removes spaces before the nested list
+            ["nested ordered lists", "A\n\n1. b\n2. c\n    1. c1\n    2. c2\n3. d\nE"],
+            // Adds and removes spaces before the nested list
+            ["nested mixed lists", "A\n\n1. b\n2. c\n    - c1\n    - c2\n3. d\nE"],
+            // Backslashes get doubled
+            ["backslashes", "C:\\Program Files"],
+            // Deletes the whitespace
+            ["newlines with trailing and leading whitespace", "hello \n world"],
+            // Escapes the underscores
+            ["underscores within a word", "abso_fragging_lutely"],
+            // Includes the trailing text into the quotation
+            // https://github.com/vector-im/element-web/issues/22341
+            ["quotations without separating newlines", "saying\n> NO\nis valid"],
+            // Removes trailing and leading whitespace
+            ["quotations with trailing and leading whitespace", "saying \n\n> NO\n\n is valid"],
+        ])("%s", async (_name, markdown) => {
+            expect(await roundTripMarkdown(markdown)).toEqual(markdown);
+        });
+
+        it("styling, but * becomes _ and __ becomes **", async function () {
+            expect(await roundTripMarkdown("__bold__ and *emphasised*")).toEqual("**bold** and _emphasised_");
+        });
+    });
+
+    describe("HTML messages should round-trip if they contain", function () {
+        it.each([
+            ["backslashes", "C:\\Program Files"],
+            [
+                "nested blockquotes",
+                "<blockquote>\n<p>foo</p>\n<blockquote>\n<p>bar</p>\n</blockquote>\n</blockquote>\n",
+            ],
+            ["ordered lists", "<ol>\n<li>asd</li>\n<li>fgd</li>\n</ol>\n"],
+            ["ordered lists starting later", '<ol start="3">\n<li>asd</li>\n<li>fgd</li>\n</ol>\n'],
+            ["unordered lists", "<ul>\n<li>asd</li>\n<li>fgd</li>\n</ul>\n"],
+            ["code blocks with surrounding text", "<p>a</p>\n<pre><code>a\ny;\n</code></pre>\n<p>b</p>\n"],
+            ["code blocks", "<pre><code>a\ny;\n</code></pre>\n"],
+            ["code blocks containing markdown", "<pre><code>__init__.py\n</code></pre>\n"],
+            ["code blocks with language specifier", '<pre><code class="language-bash">__init__.py\n</code></pre>\n'],
+            ["paragraphs including formatting", "<p>one</p>\n<p>t <em>w</em> o</p>\n"],
+            ["paragraphs", "<p>one</p>\n<p>two</p>\n"],
+            ["links", "http://more.example.com/"],
+            ["escaped html", "This &gt;em&lt;isn't&gt;em&lt; important"],
+            ["markdown-like symbols", "You _would_ **type** [a](http://this.example.com) this."],
+            ["formatting within a word", "abso<strong>fragging</strong>lutely"],
+            ["formatting", "This <em>is</em> im<strong>port</strong>ant"],
+            ["line breaks", "one<br>two"],
+        ])("%s", async (_name, html) => {
+            expect(await roundTripHtml(html)).toEqual(html);
+        });
+
+        it.skip.each([
+            // Strips out the pill - maybe needs some user lookup to work?
+            ["user pills", '<a href="https://matrix.to/#/@alice:hs.tld">Alice</a>'],
+            // Appends a slash to the URL
+            // https://github.com/vector-im/element-web/issues/22342
+            ["links without trailing slashes", 'Go <a href="http://more.example.com">here</a> to see more'],
+            // Inserts newlines after tags
+            ["paragraphs without newlines", "<p>one</p><p>two</p>"],
+            // Inserts a code block
+            ["nested lists", "<ol>\n<li>asd</li>\n<li>\n<ul>\n<li>fgd</li>\n<li>sdf</li>\n</ul>\n</li>\n</ol>\n"],
+        ])("%s", async (_name, html) => {
+            expect(await roundTripHtml(html)).toEqual(html);
+        });
+    });
+});
diff --git a/apps/web/src/editor/serialize.test.ts b/apps/web/src/editor/serialize.test.ts
new file mode 100644
index 00000000000..011a1737ea3
--- /dev/null
+++ b/apps/web/src/editor/serialize.test.ts
@@ -0,0 +1,211 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+
+import EditorModel from "./model";
+import { htmlSerializeFromMdIfNeeded, htmlSerializeIfNeeded } from "./serialize";
+import { createPartCreator } from "./__mocks__";
+import { type IConfigOptions } from "../IConfigOptions";
+import SettingsStore from "../settings/SettingsStore";
+import SdkConfig from "../SdkConfig";
+
+describe("editor/serialize", function () {
+    describe("with markdown", function () {
+        it("user pill turns message into html", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.userPill("Alice", "@alice:hs.tld")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toBe('<a href="https://matrix.to/#/@alice:hs.tld">Alice</a>');
+        });
+        it("room pill turns message into html", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.roomPill("#room:hs.tld")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toBe('<a href="https://matrix.to/#/#room:hs.tld">#room:hs.tld</a>');
+        });
+        it("@room pill turns message into html", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.atRoomPill("@room")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toBeFalsy();
+        });
+        it("any markdown turns message into html", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("*hello* world")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toBe("<em>hello</em> world");
+        });
+        it("displaynames ending in a backslash work", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.userPill("Displayname\\", "@user:server")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toBe('<a href="https://matrix.to/#/@user:server">Displayname\\</a>');
+        });
+        it("displaynames containing an opening square bracket work", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.userPill("Displayname[[", "@user:server")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toBe('<a href="https://matrix.to/#/@user:server">Displayname[[</a>');
+        });
+        it("displaynames containing a closing square bracket work", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.userPill("Displayname]", "@user:server")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toBe('<a href="https://matrix.to/#/@user:server">Displayname]</a>');
+        });
+        it("displaynames containing a newline work", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.userPill("Display\nname", "@user:server")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toBe('<a href="https://matrix.to/#/@user:server">Display<br>name</a>');
+        });
+        it("escaped markdown should not retain backslashes", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("\\*hello\\* world")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toBe("*hello* world");
+        });
+        it("escaped markdown should not retain backslashes around other markdown", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("\\*hello\\* **world**")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toBe("*hello* <strong>world</strong>");
+        });
+        it("escaped markdown should convert HTML entities", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("\\*hello\\* world < hey world!")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toBe("*hello* world &lt; hey world!");
+        });
+
+        it("lists with a single empty item are not considered markdown", function () {
+            const pc = createPartCreator();
+
+            const model1 = new EditorModel([pc.plain("-")], pc);
+            const html1 = htmlSerializeIfNeeded(model1, {});
+            expect(html1).toBe(undefined);
+
+            const model2 = new EditorModel([pc.plain("* ")], pc);
+            const html2 = htmlSerializeIfNeeded(model2, {});
+            expect(html2).toBe(undefined);
+
+            const model3 = new EditorModel([pc.plain("2021.")], pc);
+            const html3 = htmlSerializeIfNeeded(model3, {});
+            expect(html3).toBe(undefined);
+        });
+
+        it("lists with a single non-empty item are still markdown", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("2021. foo")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toBe('<ol start="2021">\n<li>foo</li>\n</ol>\n');
+        });
+        describe("with permalink_prefix set", function () {
+            const sdkConfigGet = SdkConfig.get;
+            beforeEach(() => {
+                vi.spyOn(SdkConfig, "get").mockImplementation((key: keyof IConfigOptions, altCaseName?: string) => {
+                    if (key === "permalink_prefix") {
+                        return "https://element.fs.tld";
+                    } else return sdkConfigGet(key, altCaseName);
+                });
+            });
+
+            it("user pill uses matrix.to", function () {
+                const pc = createPartCreator();
+                const model = new EditorModel([pc.userPill("Alice", "@alice:hs.tld")], pc);
+                const html = htmlSerializeIfNeeded(model, {});
+                expect(html).toBe('<a href="https://matrix.to/#/@alice:hs.tld">Alice</a>');
+            });
+            it("room pill uses matrix.to", function () {
+                const pc = createPartCreator();
+                const model = new EditorModel([pc.roomPill("#room:hs.tld")], pc);
+                const html = htmlSerializeIfNeeded(model, {});
+                expect(html).toBe('<a href="https://matrix.to/#/#room:hs.tld">#room:hs.tld</a>');
+            });
+            afterEach(() => {
+                vi.mocked(SdkConfig.get).mockRestore();
+            });
+        });
+    });
+
+    describe("with plaintext", function () {
+        it("markdown remains plaintext", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("*hello* world")], pc);
+            const html = htmlSerializeIfNeeded(model, { useMarkdown: false });
+            expect(html).toBe("*hello* world");
+        });
+        it("markdown should retain backslashes", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("\\*hello\\* world")], pc);
+            const html = htmlSerializeIfNeeded(model, { useMarkdown: false });
+            expect(html).toBe("\\*hello\\* world");
+        });
+        it("markdown should convert HTML entities", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("\\*hello\\* world < hey world!")], pc);
+            const html = htmlSerializeIfNeeded(model, { useMarkdown: false });
+            expect(html).toBe("\\*hello\\* world &lt; hey world!");
+        });
+        it("plaintext remains plaintext even when forcing html", function () {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello world")], pc);
+            const html = htmlSerializeIfNeeded(model, { forceHTML: true, useMarkdown: false });
+            expect(html).toBe("hello world");
+        });
+        it("should treat tags not in allowlist as plaintext", () => {
+            const html = htmlSerializeFromMdIfNeeded("<b>test</b>", {});
+            expect(html).toBeUndefined();
+        });
+        it("should treat tags not in allowlist as plaintext even if escaped", () => {
+            const html = htmlSerializeFromMdIfNeeded("\\<b>test</b>", {});
+            expect(html).toBe("&lt;b&gt;test&lt;/b&gt;");
+        });
+    });
+
+    describe("feature_latex_maths", () => {
+        beforeEach(() => {
+            vi.spyOn(SettingsStore, "getValue").mockImplementation((feature) => feature === "feature_latex_maths");
+        });
+
+        it("should support inline katex", () => {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello $\\xi$ world")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toMatchInlineSnapshot(`"hello <span data-mx-maths="\\xi"><code>\\xi</code></span> world"`);
+        });
+
+        it("should support block katex", () => {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello \n$$\\xi$$\n world")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toMatchInlineSnapshot(`
+                "<p>hello</p>
+                <div data-mx-maths="\\xi"><code>\\xi</code></div>
+                <p>world</p>
+                "
+            `);
+        });
+
+        it("should not mangle code blocks", () => {
+            const pc = createPartCreator();
+            const model = new EditorModel([pc.plain("hello\n```\n$\\xi$\n```\nworld")], pc);
+            const html = htmlSerializeIfNeeded(model, {});
+            expect(html).toMatchInlineSnapshot(`
+                "<p>hello</p>
+                <pre><code>$\\xi$
+                </code></pre>
+                <p>world</p>
+                "
+            `);
+        });
+    });
+});
diff --git a/apps/web/src/editor/serialize.ts b/apps/web/src/editor/serialize.ts
new file mode 100644
index 00000000000..e292b5a39c4
--- /dev/null
+++ b/apps/web/src/editor/serialize.ts
@@ -0,0 +1,228 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 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 { encode } from "html-entities";
+import escapeHtml from "escape-html";
+
+import Markdown from "../Markdown";
+import { makeGenericPermalink } from "../utils/permalinks/Permalinks";
+import type EditorModel from "./model";
+import SettingsStore from "../settings/SettingsStore";
+import SdkConfig from "../SdkConfig";
+import { Type } from "./parts";
+
+export function mdSerialize(model: EditorModel): string {
+    return model.parts.reduce((html, part) => {
+        switch (part.type) {
+            case Type.Newline:
+                return html + "\n";
+            case Type.Plain:
+            case Type.Emoji:
+            case Type.Command:
+            case Type.PillCandidate:
+            case Type.AtRoomPill:
+                return html + part.text;
+            case Type.RoomPill: {
+                const url = makeGenericPermalink(part.resourceId, true);
+                // Escape square brackets and backslashes
+                // Here we use the resourceId for compatibility with non-rich text clients
+                // See https://github.com/vector-im/element-web/issues/16660
+                const title = part.resourceId.replace(/[[\\\]]/g, (c) => "\\" + c);
+                return html + `[${title}](${url})`;
+            }
+            case Type.UserPill: {
+                const url = makeGenericPermalink(part.resourceId, true);
+                // Escape square brackets and backslashes; convert newlines to HTML
+                const title = part.text.replace(/[[\\\]]/g, (c) => "\\" + c).replace(/\n/g, "<br>");
+                return html + `[${title}](${url})`;
+            }
+        }
+    }, "");
+}
+
+interface ISerializeOpts {
+    forceHTML?: boolean;
+    useMarkdown?: boolean;
+}
+
+export function htmlSerializeIfNeeded(
+    model: EditorModel,
+    { forceHTML = false, useMarkdown = true }: ISerializeOpts = {},
+): string | undefined {
+    if (!useMarkdown) {
+        return escapeHtml(textSerialize(model)).replace(/\n/g, "<br/>");
+    }
+
+    const md = mdSerialize(model);
+    return htmlSerializeFromMdIfNeeded(md, { forceHTML });
+}
+
+export function htmlSerializeFromMdIfNeeded(md: string, { forceHTML = false } = {}): string | undefined {
+    // copy of raw input to remove unwanted math later
+    const orig = md;
+
+    if (SettingsStore.getValue("feature_latex_maths")) {
+        const patternNames = ["tex", "latex"] as const;
+        const patternTypes = ["display", "inline"] as const;
+        const patternDefaults = {
+            tex: {
+                // detect math with tex delimiters, inline: $...$, display $$...$$
+                // preferably use negative lookbehinds, not supported in all major browsers:
+                // const displayPattern = "^(?<!\\\\)\\$\\$(?![ \\t])(([^$]|\\\\\\$)+?)\\$\\$$";
+                // const inlinePattern = "(?:^|\\s)(?<!\\\\)\\$(?!\\s)(([^$]|\\\\\\$)+?)(?<!\\\\|\\s)\\$";
+
+                // conditions for display math detection $$...$$:
+                // - pattern starts and ends on a new line
+                // - left delimiter ($$) is not escaped by backslash
+                display: "(^)\\$\\$(([^$]|\\\\\\$)+?)\\$\\$$",
+
+                // conditions for inline math detection $...$:
+                // - pattern starts at beginning of line, follows whitespace character or punctuation
+                // - pattern is on a single line
+                // - left and right delimiters ($) are not escaped by backslashes
+                // - left delimiter is not followed by whitespace character
+                // - right delimiter is not prefixed with whitespace character
+                inline: "(^|\\s|[.,!?:;])(?!\\\\)\\$(?!\\s)(([^$\\n]|\\\\\\$)*([^\\\\\\s\\$]|\\\\\\$)(?:\\\\\\$)?)\\$",
+            },
+            latex: {
+                // detect math with latex delimiters, inline: \(...\), display \[...\]
+
+                // conditions for display math detection \[...\]:
+                // - pattern starts and ends on a new line
+                // - pattern is not empty
+                display: "(^)\\\\\\[(?!\\\\\\])(.*?)\\\\\\]$",
+
+                // conditions for inline math detection \(...\):
+                // - pattern starts at beginning of line or is not prefixed with backslash
+                // - pattern is not empty
+                inline: "(^|[^\\\\])\\\\\\((?!\\\\\\))(.*?)\\\\\\)",
+            },
+        };
+
+        patternNames.forEach(function (patternName) {
+            patternTypes.forEach(function (patternType) {
+                // get the regex replace pattern from config or use the default
+                const pattern =
+                    SdkConfig.get("latex_maths_delims")?.[patternType]?.["pattern"]?.[patternName] ||
+                    patternDefaults[patternName][patternType];
+
+                md = md.replace(RegExp(pattern, "gms"), function (m, p1, p2) {
+                    const p2e = encode(p2);
+                    switch (patternType) {
+                        case "display":
+                            return `${p1}<div data-mx-maths="${p2e}">\n\n</div>\n\n`;
+                        case "inline":
+                            return `${p1}<span data-mx-maths="${p2e}"></span>`;
+                    }
+                });
+            });
+        });
+
+        // make sure div tags always start on a new line, otherwise it will confuse the markdown parser
+        md = md.replace(/(.)<div/g, function (m, p1) {
+            return `${p1}\n<div`;
+        });
+    }
+
+    const parser = new Markdown(md);
+    if (!parser.isPlainText() || forceHTML) {
+        // feed Markdown output to HTML parser
+        const phtml = new DOMParser().parseFromString(parser.toHTML(), "text/html");
+
+        if (SettingsStore.getValue("feature_latex_maths")) {
+            // original Markdown without LaTeX replacements
+            const parserOrig = new Markdown(orig);
+            const phtmlOrig = new DOMParser().parseFromString(parserOrig.toHTML(), "text/html");
+
+            // since maths delimiters are handled before Markdown,
+            // code blocks could contain mangled content.
+            // replace code blocks with original content
+            [...phtmlOrig.getElementsByTagName("code")].forEach((e, i) => {
+                phtml.getElementsByTagName("code").item(i)!.textContent = e.textContent;
+            });
+
+            // add fallback output for latex math, which should not be interpreted as markdown
+            [...phtml.querySelectorAll("div, span")].forEach((e, i) => {
+                const tex = e.getAttribute("data-mx-maths");
+                if (tex) {
+                    e.innerHTML = `<code>${tex}</code>`;
+                }
+            });
+        }
+        return phtml.body.innerHTML;
+    }
+    // ensure removal of escape backslashes in non-Markdown messages
+    if (md.indexOf("\\") > -1) {
+        return parser.toPlaintext();
+    }
+}
+
+export function textSerialize(model: EditorModel): string {
+    return model.parts.reduce((text, part) => {
+        switch (part.type) {
+            case Type.Newline:
+                return text + "\n";
+            case Type.Plain:
+            case Type.Emoji:
+            case Type.Command:
+            case Type.PillCandidate:
+            case Type.AtRoomPill:
+                return text + part.text;
+            case Type.RoomPill:
+                // Here we use the resourceId for compatibility with non-rich text clients
+                // See https://github.com/vector-im/element-web/issues/16660
+                return text + part.resourceId;
+            case Type.UserPill:
+                return text + part.text;
+        }
+    }, "");
+}
+
+export function containsEmote(model: EditorModel): boolean {
+    const hasCommand = startsWith(model, "/me ", false);
+    const hasArgument = model.parts[0]?.text?.length > 4 || model.parts.length > 1;
+    return hasCommand && hasArgument;
+}
+
+export function startsWith(model: EditorModel, prefix: string, caseSensitive = true): boolean {
+    const firstPart = model.parts[0];
+    // part type will be "plain" while editing,
+    // and "command" while composing a message.
+    let text = firstPart?.text || "";
+    if (!caseSensitive) {
+        prefix = prefix.toLowerCase();
+        text = text.toLowerCase();
+    }
+
+    return firstPart && (firstPart.type === Type.Plain || firstPart.type === Type.Command) && text.startsWith(prefix);
+}
+
+export function stripEmoteCommand(model: EditorModel): EditorModel {
+    // trim "/me "
+    return stripPrefix(model, "/me ");
+}
+
+export function stripPrefix(model: EditorModel, prefix: string): EditorModel {
+    model = model.clone();
+    model.removeText({ index: 0, offset: 0 }, prefix.length);
+    return model;
+}
+
+export function unescapeMessage(model: EditorModel): EditorModel {
+    const { parts } = model;
+    if (parts.length) {
+        const firstPart = parts[0];
+        // only unescape \/ to / at start of editor
+        if (firstPart.type === Type.Plain && firstPart.text.startsWith("\\/")) {
+            model = model.clone();
+            model.removeText({ index: 0, offset: 0 }, 1);
+        }
+    }
+    return model;
+}
diff --git a/apps/web/src/effects/ICanvasEffect.ts b/apps/web/src/effects/ICanvasEffect.ts
new file mode 100644
index 00000000000..6fe8be9dc0f
--- /dev/null
+++ b/apps/web/src/effects/ICanvasEffect.ts
@@ -0,0 +1,29 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 Nurjin Jafar
+Copyright 2020 Nordeck IT + Consulting GmbH.
+
+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.
+ */
+
+/**
+ * Defines the interface of a canvas based room effect
+ */
+export default interface ICanvasEffect {
+    /**
+     * @param {HTMLCanvasElement} canvas The canvas instance as the render target of the animation
+     * @param {number} timeout? A timeout that defines the runtime of the animation (defaults to false)
+     */
+    start: (canvas: HTMLCanvasElement, timeout?: number) => Promise<void>;
+
+    /**
+     * Stops the current animation
+     */
+    stop: () => Promise<void>;
+
+    /**
+     * Returns a value that defines if the animation is currently running
+     */
+    isRunning: boolean;
+}
diff --git a/apps/web/src/effects/confetti/index.ts b/apps/web/src/effects/confetti/index.ts
new file mode 100644
index 00000000000..0d05ebead70
--- /dev/null
+++ b/apps/web/src/effects/confetti/index.ts
@@ -0,0 +1,196 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2020 Nurjin Jafar
+Copyright 2020 Nordeck IT + Consulting GmbH.
+
+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 ICanvasEffect from "../ICanvasEffect";
+
+type ConfettiOptions = {
+    /**
+     * max confetti count
+     */
+    maxCount: number;
+    /**
+     * particle animation speed
+     */
+    speed: number;
+    /**
+     * the confetti animation frame interval in milliseconds
+     */
+    frameInterval: number;
+    /**
+     * the alpha opacity of the confetti (between 0 and 1, where 1 is opaque and 0 is invisible)
+     */
+    alpha: number;
+    /**
+     * use gradient instead of solid particle color
+     */
+    gradient: boolean;
+};
+
+type ConfettiParticle = {
+    color: string;
+    color2: string;
+    x: number;
+    y: number;
+    diameter: number;
+    tilt: number;
+    tiltAngleIncrement: number;
+    tiltAngle: number;
+};
+
+export const DefaultOptions: ConfettiOptions = {
+    maxCount: 150,
+    speed: 3,
+    frameInterval: 15,
+    alpha: 1.0,
+    gradient: false,
+};
+
+export default class Confetti implements ICanvasEffect {
+    private readonly options: ConfettiOptions;
+
+    public constructor(options: Partial<ConfettiOptions>) {
+        this.options = { ...DefaultOptions, ...options };
+    }
+
+    private context: CanvasRenderingContext2D | null = null;
+    private supportsAnimationFrame = window.requestAnimationFrame;
+    private colors = [
+        "rgba(30,144,255,",
+        "rgba(107,142,35,",
+        "rgba(255,215,0,",
+        "rgba(255,192,203,",
+        "rgba(106,90,205,",
+        "rgba(173,216,230,",
+        "rgba(238,130,238,",
+        "rgba(152,251,152,",
+        "rgba(70,130,180,",
+        "rgba(244,164,96,",
+        "rgba(210,105,30,",
+        "rgba(220,20,60,",
+    ];
+
+    private lastFrameTime = Date.now();
+    private particles: Array<ConfettiParticle> = [];
+    private waveAngle = 0;
+
+    public isRunning = false;
+
+    public start = async (canvas: HTMLCanvasElement, timeout = 3000): Promise<void> => {
+        if (!canvas) {
+            return;
+        }
+        this.context = canvas.getContext("2d");
+        this.particles = [];
+        const count = this.options.maxCount;
+        while (this.particles.length < count) {
+            this.particles.push(this.resetParticle({} as ConfettiParticle, canvas.width, canvas.height));
+        }
+        this.isRunning = true;
+        this.runAnimation();
+        if (timeout) {
+            window.setTimeout(this.stop, timeout);
+        }
+    };
+
+    public stop = async (): Promise<void> => {
+        this.isRunning = false;
+    };
+
+    private resetParticle = (particle: ConfettiParticle, width: number, height: number): ConfettiParticle => {
+        particle.color = this.colors[(Math.random() * this.colors.length) | 0] + (this.options.alpha + ")");
+        if (this.options.gradient) {
+            particle.color2 = this.colors[(Math.random() * this.colors.length) | 0] + (this.options.alpha + ")");
+        } else {
+            particle.color2 = particle.color;
+        }
+        particle.x = Math.random() * width;
+        particle.y = Math.random() * -height;
+        particle.diameter = Math.random() * 10 + 5;
+        particle.tilt = Math.random() * -10;
+        particle.tiltAngleIncrement = Math.random() * 0.07 + 0.05;
+        particle.tiltAngle = Math.random() * Math.PI;
+        return particle;
+    };
+
+    private runAnimation = (): void => {
+        if (!this.context || !this.context.canvas) {
+            return;
+        }
+        if (this.particles.length === 0) {
+            this.context.clearRect(0, 0, this.context.canvas.width, this.context.canvas.height);
+        } else {
+            const now = Date.now();
+            const delta = now - this.lastFrameTime;
+            if (!this.supportsAnimationFrame || delta > this.options.frameInterval) {
+                this.context.clearRect(0, 0, this.context.canvas.width, this.context.canvas.height);
+                this.updateParticles();
+                this.drawParticles(this.context);
+                this.lastFrameTime = now - (delta % this.options.frameInterval);
+            }
+            requestAnimationFrame(this.runAnimation);
+        }
+    };
+
+    private drawParticles = (context: CanvasRenderingContext2D): void => {
+        if (!this.context || !this.context.canvas) {
+            return;
+        }
+        let x;
+        let x2;
+        let y2;
+        for (const particle of this.particles) {
+            this.context.beginPath();
+            context.lineWidth = particle.diameter;
+            x2 = particle.x + particle.tilt;
+            x = x2 + particle.diameter / 2;
+            y2 = particle.y + particle.tilt + particle.diameter / 2;
+            if (this.options.gradient) {
+                const gradient = context.createLinearGradient(x, particle.y, x2, y2);
+                gradient.addColorStop(0, particle.color);
+                gradient.addColorStop(1.0, particle.color2);
+                context.strokeStyle = gradient;
+            } else {
+                context.strokeStyle = particle.color;
+            }
+            context.moveTo(x, particle.y);
+            context.lineTo(x2, y2);
+            context.stroke();
+        }
+    };
+
+    private updateParticles = (): void => {
+        if (!this.context || !this.context.canvas) {
+            return;
+        }
+        const width = this.context.canvas.width;
+        const height = this.context.canvas.height;
+        let particle: ConfettiParticle;
+        this.waveAngle += 0.01;
+        for (let i = 0; i < this.particles.length; i++) {
+            particle = this.particles[i];
+            if (!this.isRunning && particle.y < -15) {
+                particle.y = height + 100;
+            } else {
+                particle.tiltAngle += particle.tiltAngleIncrement;
+                particle.x += Math.sin(this.waveAngle) - 0.5;
+                particle.y += (Math.cos(this.waveAngle) + particle.diameter + this.options.speed) * 0.5;
+                particle.tilt = Math.sin(particle.tiltAngle) * 15;
+            }
+            if (particle.x > width + 20 || particle.x < -20 || particle.y > height) {
+                if (this.isRunning && this.particles.length <= this.options.maxCount) {
+                    this.resetParticle(particle, width, height);
+                } else {
+                    this.particles.splice(i, 1);
+                    i--;
+                }
+            }
+        }
+    };
+}
diff --git a/apps/web/src/effects/effect.ts b/apps/web/src/effects/effect.ts
new file mode 100644
index 00000000000..3017e8a8431
--- /dev/null
+++ b/apps/web/src/effects/effect.ts
@@ -0,0 +1,37 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 Nurjin Jafar
+Copyright 2020 Nordeck IT + Consulting GmbH.
+
+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 ICanvasEffect from "./ICanvasEffect.ts";
+
+export type Effect = {
+    /**
+     * one or more emojis that will trigger this effect
+     */
+    emojis: Array<string>;
+    /**
+     * the matrix message type that will trigger this effect
+     */
+    msgType: string;
+    /**
+     * the room command to trigger this effect
+     */
+    command: string;
+    /**
+     * a function that returns the translatable description of the effect
+     */
+    description: () => TranslationKey;
+    /**
+     * a function that returns the translated fallback message. this message will be shown if the user did not provide a custom message
+     */
+    fallbackMessage: () => string;
+    /**
+     * animation options TODO
+     */
+    getRenderer(): Promise<ICanvasEffect>;
+};
diff --git a/apps/web/src/effects/fireworks/index.ts b/apps/web/src/effects/fireworks/index.ts
new file mode 100644
index 00000000000..e54968cfc6c
--- /dev/null
+++ b/apps/web/src/effects/fireworks/index.ts
@@ -0,0 +1,175 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 2020 Nurjin Jafar
+Copyright 2020 Nordeck IT + Consulting GmbH.
+
+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 ICanvasEffect from "../ICanvasEffect";
+
+type FireworksOptions = {
+    /**
+     * max fireworks count
+     */
+    maxCount: number;
+    /**
+     * gravity value that firework adds to shift from it's start position
+     */
+    gravity: number;
+};
+
+type FireworksParticle = {
+    /**
+     * color
+     */
+    color: string;
+    /**
+     * x,y are the point where the particle starts to position on canvas
+     */
+    x: number;
+    y: number;
+    /**
+     * vx,vy shift values from x and y
+     */
+    vx: number;
+    vy: number;
+    /**
+     * the alpha opacity of the firework particle (between 0 and 1, where 1 is opaque and 0 is invisible)
+     */
+    alpha: number;
+    /**
+     * w,h width and height
+     */
+    w: number;
+    h: number;
+};
+
+export const DefaultOptions: FireworksOptions = {
+    maxCount: 500,
+    gravity: 0.05,
+};
+
+export default class Fireworks implements ICanvasEffect {
+    private readonly options: FireworksOptions;
+
+    public constructor(options: Partial<FireworksOptions>) {
+        this.options = { ...DefaultOptions, ...options };
+    }
+
+    private context: CanvasRenderingContext2D | null = null;
+    private supportsAnimationFrame = window.requestAnimationFrame;
+    private particles: Array<FireworksParticle> = [];
+    public isRunning = false;
+
+    public start = async (canvas: HTMLCanvasElement, timeout = 3000): Promise<void> => {
+        if (!canvas) {
+            return;
+        }
+        this.isRunning = true;
+        this.context = canvas.getContext("2d");
+        this.supportsAnimationFrame.call(window, this.updateWorld);
+        if (timeout) {
+            window.setTimeout(this.stop, timeout);
+        }
+    };
+
+    private updateWorld = (): void => {
+        if (!this.isRunning && this.particles.length === 0) return;
+        this.update();
+        this.paint();
+        this.supportsAnimationFrame.call(window, this.updateWorld);
+    };
+
+    private update = (): void => {
+        if (this.particles.length < this.options.maxCount && this.isRunning) {
+            this.createFirework();
+        }
+        const alive: FireworksParticle[] = [];
+        for (let i = 0; i < this.particles.length; i++) {
+            if (this.move(this.particles[i])) {
+                alive.push(this.particles[i]);
+            }
+        }
+        this.particles = alive;
+    };
+
+    private paint = (): void => {
+        if (!this.context || !this.context.canvas) return;
+        this.context.globalCompositeOperation = "destination-out";
+        this.context.fillStyle = "rgba(0,0,0,0.5)";
+        this.context.fillRect(0, 0, this.context.canvas.width, this.context.canvas.height);
+        this.context.globalCompositeOperation = "lighter";
+        for (let i = 0; i < this.particles.length; i++) {
+            this.drawParticle(this.particles[i]);
+        }
+    };
+
+    private createFirework = (): void => {
+        if (!this.context || !this.context.canvas) return;
+        const width = this.context.canvas.width;
+        const height = this.context.canvas.height;
+        const xPoint = Math.random() * (width - 200) + 100;
+        const yPoint = Math.random() * (height - 200) + 100;
+        const nFire = Math.random() * 50 + 100;
+        const color =
+            "rgb(" +
+            ~~(Math.random() * 200 + 55) +
+            "," +
+            ~~(Math.random() * 200 + 55) +
+            "," +
+            ~~(Math.random() * 200 + 55) +
+            ")";
+        for (let i = 0; i < nFire; i++) {
+            const particle = <FireworksParticle>{};
+            particle.color = color;
+            particle.w = particle.h = Math.random() * 4 + 1;
+            particle.x = xPoint - particle.w / 2;
+            particle.y = yPoint - particle.h / 2;
+            particle.vx = (Math.random() - 0.5) * 10;
+            particle.vy = (Math.random() - 0.5) * 10;
+            particle.alpha = Math.random() * 0.5 + 0.5;
+            const vy = Math.sqrt(25 - particle.vx * particle.vx);
+            if (Math.abs(particle.vy) > vy) {
+                particle.vy = particle.vy > 0 ? vy : -vy;
+            }
+            this.particles.push(particle);
+        }
+    };
+
+    public stop = async (): Promise<void> => {
+        this.isRunning = false;
+    };
+
+    private drawParticle = (particle: FireworksParticle): void => {
+        if (!this.context || !this.context.canvas) {
+            return;
+        }
+        this.context.save();
+        this.context.beginPath();
+
+        this.context.translate(particle.x + particle.w / 2, particle.y + particle.h / 2);
+        this.context.arc(0, 0, particle.w, 0, Math.PI * 2);
+        this.context.fillStyle = particle.color;
+        this.context.globalAlpha = particle.alpha;
+
+        this.context.closePath();
+        this.context.fill();
+        this.context.restore();
+    };
+
+    private move = (particle: FireworksParticle): boolean => {
+        particle.x += particle.vx;
+        particle.vy += this.options.gravity;
+        particle.y += particle.vy;
+        particle.alpha -= 0.01;
+        return !(
+            particle.x <= -particle.w ||
+            particle.x >= screen.width ||
+            particle.y >= screen.height ||
+            particle.alpha <= 0
+        );
+    };
+}
diff --git a/apps/web/src/effects/hearts/index.ts b/apps/web/src/effects/hearts/index.ts
new file mode 100644
index 00000000000..e29b82ddff1
--- /dev/null
+++ b/apps/web/src/effects/hearts/index.ts
@@ -0,0 +1,185 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-2023 The Matrix.org Foundation C.I.C.
+Copyright 2022 Arseny Uskov
+
+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 ICanvasEffect from "../ICanvasEffect";
+import { arrayFastClone } from "../../utils/arrays";
+
+type HeartOptions = {
+    /**
+     * The maximum number of hearts to render at a given time
+     */
+    maxCount: number;
+    /**
+     * The amount of gravity to apply to the hearts
+     */
+    gravity: number;
+    /**
+     * The maximum amount of drift (horizontal sway) to apply to the hearts. Each heart varies.
+     */
+    maxDrift: number;
+    /**
+     * The maximum amount of tilt to apply to the heart. Each heart varies.
+     */
+    maxRot: number;
+};
+
+type Heart = {
+    x: number;
+    y: number;
+    xCol: number;
+    scale: number;
+    maximumDrift: number;
+    maximumRot: number;
+    gravity: number;
+    color: string;
+};
+
+export const DefaultOptions: HeartOptions = {
+    maxCount: 120,
+    gravity: 3.2,
+    maxDrift: 5,
+    maxRot: 5,
+};
+
+const KEY_FRAME_INTERVAL = 15; // 15ms, roughly
+
+export default class Hearts implements ICanvasEffect {
+    private readonly options: HeartOptions;
+
+    public constructor(options: Partial<HeartOptions>) {
+        this.options = { ...DefaultOptions, ...options };
+    }
+
+    private context: CanvasRenderingContext2D | null = null;
+    private particles: Array<Heart> = [];
+    private lastAnimationTime = 0;
+
+    private colours = [
+        "rgba(194,210,224,1)",
+        "rgba(235,214,219,1)",
+        "rgba(255,211,45,1)",
+        "rgba(255,190,174,1)",
+        "rgba(255,173,226,1)",
+        "rgba(242,114,171,1)",
+        "rgba(228,55,116,1)",
+        "rgba(255,86,130,1)",
+        "rgba(244,36,57,1)",
+        "rgba(247,126,157,1)",
+        "rgba(243,142,140,1)",
+        "rgba(252,116,183,1)",
+    ];
+
+    public isRunning = false;
+
+    public start = async (canvas: HTMLCanvasElement, timeout = 3000): Promise<void> => {
+        if (!canvas) {
+            return;
+        }
+        this.context = canvas.getContext("2d");
+        this.particles = [];
+        const count = this.options.maxCount;
+        while (this.particles.length < count) {
+            this.particles.push(this.resetParticle({} as Heart, canvas.width, canvas.height));
+        }
+        this.isRunning = true;
+        requestAnimationFrame(this.renderLoop);
+        if (timeout) {
+            window.setTimeout(this.stop, timeout);
+        }
+    };
+
+    public stop = async (): Promise<void> => {
+        this.isRunning = false;
+    };
+
+    private resetParticle = (particle: Heart, width: number, height: number): Heart => {
+        particle.color = this.colours[(Math.random() * this.colours.length) | 0];
+        particle.x = Math.random() * width;
+        particle.y = Math.random() * height + height;
+        particle.xCol = particle.x;
+        particle.scale = Math.random() * 0.07 + 0.04;
+        particle.maximumDrift = Math.random() * this.options.maxDrift + 3.5;
+        particle.maximumRot = Math.random() * this.options.maxRot + 3.5;
+        particle.gravity = this.options.gravity + Math.random() * 4.8;
+        return particle;
+    };
+
+    private renderLoop = (): void => {
+        if (!this.context || !this.context.canvas) {
+            return;
+        }
+        if (this.particles.length === 0) {
+            this.context.clearRect(0, 0, this.context.canvas.width, this.context.canvas.height);
+        } else {
+            const timeDelta = Date.now() - this.lastAnimationTime;
+            if (timeDelta >= KEY_FRAME_INTERVAL || !this.lastAnimationTime) {
+                // Clear the screen first
+                this.context.clearRect(0, 0, this.context.canvas.width, this.context.canvas.height);
+
+                this.lastAnimationTime = Date.now();
+                this.animateAndRenderHearts();
+            }
+            requestAnimationFrame(this.renderLoop);
+        }
+    };
+
+    private animateAndRenderHearts(): void {
+        if (!this.context || !this.context.canvas) {
+            return;
+        }
+        for (const particle of arrayFastClone(this.particles)) {
+            particle.y -= particle.gravity;
+
+            // We treat the drift as a sine function to have a more fluid-like movement instead
+            // of a pong-like movement off walls of the X column. This means that for
+            // $x=A\sin(\frac{2\pi}{P}y)$ we use the `maximumDrift` as the amplitude (A) and a
+            // large multiplier to create a very long waveform through P.
+            const peakDistance = 75 * particle.maximumDrift;
+            const PI2 = Math.PI * 2;
+            particle.x = 6 * particle.maximumDrift * Math.sin(0.7 * (PI2 / peakDistance) * particle.y);
+            particle.x += particle.xCol; // bring the particle to the right place
+
+            const posScale = 1 / particle.scale;
+            const x = particle.x * posScale;
+            const y = particle.y * posScale;
+
+            this.context.save();
+            this.context.scale(particle.scale, particle.scale);
+            this.context.beginPath();
+
+            // Rotate the heart about its centre.
+            // The tilt of the heart is modelled similarly to its horizontal drift,
+            // using a sine function.
+            this.context.translate(248 + x, 215 + y);
+            this.context.rotate((1 / 10) * particle.maximumRot * Math.sin((PI2 / peakDistance) * particle.y * 0.8));
+            this.context.translate(-248 - x, -215 - y);
+
+            // Use bezier curves to draw a heart using pre-calculated coordinates.
+            this.context.moveTo(140 + x, 20 + y);
+            this.context.bezierCurveTo(73 + x, 20 + y, 20 + x, 74 + y, 20 + x, 140 + y);
+            this.context.bezierCurveTo(20 + x, 275 + y, 156 + x, 310 + y, 248 + x, 443 + y);
+            this.context.bezierCurveTo(336 + x, 311 + y, 477 + x, 270 + y, 477 + x, 140 + y);
+            this.context.bezierCurveTo(477 + x, 74 + y, 423 + x, 20 + y, 357 + x, 20 + y);
+            this.context.bezierCurveTo(309 + x, 20 + y, 267 + x, 48 + y, 248 + x, 89 + y);
+            this.context.bezierCurveTo(229 + x, 48 + y, 188 + x, 20 + y, 140 + x, 20 + y);
+            this.context.closePath();
+
+            this.context.fillStyle = particle.color;
+            this.context.fill();
+
+            this.context.restore();
+
+            // Remove any dead hearts after a 100px wide margin.
+            if (particle.y < -100) {
+                const idx = this.particles.indexOf(particle);
+                this.particles.splice(idx, 1);
+            }
+        }
+    }
+}
diff --git a/apps/web/src/effects/index.ts b/apps/web/src/effects/index.ts
new file mode 100644
index 00000000000..c1bd43c2d45
--- /dev/null
+++ b/apps/web/src/effects/index.ts
@@ -0,0 +1,105 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 Nurjin Jafar
+Copyright 2020 Nordeck IT + Consulting GmbH.
+
+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 { _t, _td } from "../languageHandler";
+import { type Effect } from "./effect.ts";
+
+/**
+ * This configuration defines room effects that can be triggered by custom message types and emojis
+ */
+export const CHAT_EFFECTS: Array<Effect> = [
+    {
+        emojis: ["🎊", "🎉"],
+        msgType: "nic.custom.confetti",
+        command: "confetti",
+        description: () => _td("chat_effects|confetti_description"),
+        fallbackMessage: () => _t("chat_effects|confetti_message") + " 🎉",
+        getRenderer: async () => {
+            const { default: Effect } = await import("./confetti/index.ts");
+            return new Effect({
+                maxCount: 150,
+                speed: 3,
+                frameInterval: 15,
+                alpha: 1.0,
+                gradient: false,
+            });
+        },
+    },
+    {
+        emojis: ["🎆"],
+        msgType: "nic.custom.fireworks",
+        command: "fireworks",
+        description: () => _td("chat_effects|fireworks_description"),
+        fallbackMessage: () => _t("chat_effects|fireworks_message") + " 🎆",
+        getRenderer: async () => {
+            const { default: Effect } = await import("./fireworks/index.ts");
+            return new Effect({
+                maxCount: 500,
+                gravity: 0.05,
+            });
+        },
+    },
+    {
+        emojis: ["🌧️", "⛈️", "🌦️"],
+        msgType: "io.element.effect.rainfall",
+        command: "rainfall",
+        description: () => _td("chat_effects|rainfall_description"),
+        fallbackMessage: () => _t("chat_effects|rainfall_message") + " 🌧️",
+        getRenderer: async () => {
+            const { default: Effect } = await import("./rainfall/index.ts");
+            return new Effect({
+                maxCount: 600,
+                speed: 10,
+            });
+        },
+    },
+    {
+        emojis: ["❄", "🌨"],
+        msgType: "io.element.effect.snowfall",
+        command: "snowfall",
+        description: () => _td("chat_effects|snowfall_description"),
+        fallbackMessage: () => _t("chat_effects|snowfall_message") + " ❄",
+        getRenderer: async () => {
+            const { default: Effect } = await import("./snowfall/index.ts");
+            return new Effect({
+                maxCount: 200,
+                gravity: 0.05,
+                maxDrift: 5,
+            });
+        },
+    },
+    {
+        emojis: ["👾", "🌌"],
+        msgType: "io.element.effects.space_invaders",
+        command: "spaceinvaders",
+        description: () => _td("chat_effects|spaceinvaders_description"),
+        fallbackMessage: () => _t("chat_effects|spaceinvaders_message") + " 👾",
+        getRenderer: async () => {
+            const { default: Effect } = await import("./spaceinvaders/index.ts");
+            return new Effect({
+                maxCount: 50,
+                gravity: 0.01,
+            });
+        },
+    },
+    {
+        emojis: ["💝"],
+        msgType: "io.element.effect.hearts",
+        command: "hearts",
+        description: () => _td("chat_effects|hearts_description"),
+        fallbackMessage: () => _t("chat_effects|hearts_message") + " 💝",
+        getRenderer: async () => {
+            const { default: Effect } = await import("./hearts/index.ts");
+            return new Effect({
+                maxCount: 120,
+                gravity: 3.2,
+            });
+        },
+    },
+];
diff --git a/apps/web/src/effects/rainfall/index.ts b/apps/web/src/effects/rainfall/index.ts
new file mode 100644
index 00000000000..b8432c9f136
--- /dev/null
+++ b/apps/web/src/effects/rainfall/index.ts
@@ -0,0 +1,124 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-2023 The Matrix.org Foundation C.I.C.
+Copyright 2021 Josias Allestad
+
+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 ICanvasEffect from "../ICanvasEffect";
+import { arrayFastClone } from "../../utils/arrays";
+
+type RainfallOptions = {
+    /**
+     * The maximum number of raindrops to render at a given time
+     */
+    maxCount: number;
+    /**
+     * The speed of the raindrops
+     */
+    speed: number;
+};
+
+type Raindrop = {
+    x: number;
+    y: number;
+    height: number;
+    width: number;
+    speed: number;
+};
+
+export const DefaultOptions: RainfallOptions = {
+    maxCount: 600,
+    speed: 12,
+};
+
+const KEY_FRAME_INTERVAL = 15;
+
+export default class Rainfall implements ICanvasEffect {
+    private readonly options: RainfallOptions;
+
+    public constructor(options: Partial<RainfallOptions>) {
+        this.options = { ...DefaultOptions, ...options };
+    }
+
+    private context: CanvasRenderingContext2D | null = null;
+    private particles: Array<Raindrop> = [];
+    private lastAnimationTime = 0;
+
+    public isRunning = false;
+
+    public start = async (canvas: HTMLCanvasElement, timeout = 3000): Promise<void> => {
+        if (!canvas) {
+            return;
+        }
+        this.context = canvas.getContext("2d");
+        this.particles = [];
+        const count = this.options.maxCount;
+        while (this.particles.length < count) {
+            this.particles.push(this.resetParticle({} as Raindrop, canvas.width, canvas.height));
+        }
+        this.isRunning = true;
+        requestAnimationFrame(this.renderLoop);
+        if (timeout) {
+            window.setTimeout(this.stop, timeout);
+        }
+    };
+
+    public stop = async (): Promise<void> => {
+        this.isRunning = false;
+    };
+
+    private resetParticle = (particle: Raindrop, width: number, height: number): Raindrop => {
+        particle.x = Math.random() * width;
+        particle.y = Math.random() * -height;
+        particle.width = Math.random() * 1.5;
+        particle.height = particle.width * 15 + 4;
+        particle.speed = (Math.random() * this.options.speed * 4) / 5 + this.options.speed;
+        return particle;
+    };
+
+    private renderLoop = (): void => {
+        if (!this.context || !this.context.canvas) {
+            return;
+        }
+        if (this.particles.length === 0) {
+            this.context.clearRect(0, 0, this.context.canvas.width, this.context.canvas.height);
+        } else {
+            const timeDelta = Date.now() - this.lastAnimationTime;
+            if (timeDelta >= KEY_FRAME_INTERVAL || !this.lastAnimationTime) {
+                // Clear the screen first
+                this.context.clearRect(0, 0, this.context.canvas.width, this.context.canvas.height);
+                this.lastAnimationTime = Date.now();
+                this.animateAndRenderRaindrops();
+            }
+            requestAnimationFrame(this.renderLoop);
+        }
+    };
+
+    private animateAndRenderRaindrops = (): void => {
+        if (!this.context || !this.context.canvas) {
+            return;
+        }
+        const height = this.context.canvas.height;
+        for (const particle of arrayFastClone(this.particles)) {
+            particle.y += particle.speed;
+
+            this.context.save();
+            this.context.beginPath();
+            this.context.rect(particle.x, particle.y, particle.width, particle.height);
+            this.context.fillStyle = "#5dadec"; // light blue
+            this.context.fill();
+            this.context.closePath();
+            this.context.restore();
+
+            // Remove dead raindrops
+            const maxBounds = height * 2;
+            if (particle.y > height + maxBounds) {
+                const idx = this.particles.indexOf(particle);
+                this.particles.splice(idx, 1);
+            }
+        }
+    };
+}
diff --git a/apps/web/src/effects/snowfall/index.ts b/apps/web/src/effects/snowfall/index.ts
new file mode 100644
index 00000000000..e457929bd7f
--- /dev/null
+++ b/apps/web/src/effects/snowfall/index.ts
@@ -0,0 +1,141 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-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 ICanvasEffect from "../ICanvasEffect";
+import { arrayFastClone } from "../../utils/arrays";
+
+type SnowfallOptions = {
+    /**
+     * The maximum number of snowflakes to render at a given time
+     */
+    maxCount: number;
+    /**
+     * The amount of gravity to apply to the snowflakes
+     */
+    gravity: number;
+    /**
+     * The amount of drift (horizontal sway) to apply to the snowflakes. Each snowflake varies.
+     */
+    maxDrift: number;
+};
+
+type Snowflake = {
+    x: number;
+    y: number;
+    xCol: number;
+    diameter: number;
+    maximumDrift: number;
+    gravity: number;
+};
+
+export const DefaultOptions: SnowfallOptions = {
+    maxCount: 200,
+    gravity: 0.05,
+    maxDrift: 5,
+};
+
+const KEY_FRAME_INTERVAL = 15; // 15ms, roughly
+
+export default class Snowfall implements ICanvasEffect {
+    private readonly options: SnowfallOptions;
+
+    public constructor(options: Partial<SnowfallOptions>) {
+        this.options = { ...DefaultOptions, ...options };
+    }
+
+    private context: CanvasRenderingContext2D | null = null;
+    private particles: Array<Snowflake> = [];
+    private lastAnimationTime = 0;
+
+    public isRunning = false;
+
+    public start = async (canvas: HTMLCanvasElement, timeout = 3000): Promise<void> => {
+        if (!canvas) {
+            return;
+        }
+        this.context = canvas.getContext("2d");
+        this.particles = [];
+        const count = this.options.maxCount;
+        while (this.particles.length < count) {
+            this.particles.push(this.resetParticle({} as Snowflake, canvas.width, canvas.height));
+        }
+        this.isRunning = true;
+        requestAnimationFrame(this.renderLoop);
+        if (timeout) {
+            window.setTimeout(this.stop, timeout);
+        }
+    };
+
+    public stop = async (): Promise<void> => {
+        this.isRunning = false;
+    };
+
+    private resetParticle = (particle: Snowflake, width: number, height: number): Snowflake => {
+        particle.x = Math.random() * width;
+        particle.y = Math.random() * -height;
+        particle.xCol = particle.x;
+        particle.diameter = Math.random() * 7 + 4;
+        particle.maximumDrift = Math.random() * this.options.maxDrift + 3.5;
+        particle.gravity = this.options.gravity + Math.random() * 6 + 4;
+        return particle;
+    };
+
+    private renderLoop = (): void => {
+        if (!this.context || !this.context.canvas) {
+            return;
+        }
+        if (this.particles.length === 0) {
+            this.context.clearRect(0, 0, this.context.canvas.width, this.context.canvas.height);
+        } else {
+            const timeDelta = Date.now() - this.lastAnimationTime;
+            if (timeDelta >= KEY_FRAME_INTERVAL || !this.lastAnimationTime) {
+                // Clear the screen first
+                this.context.clearRect(0, 0, this.context.canvas.width, this.context.canvas.height);
+
+                this.lastAnimationTime = Date.now();
+                this.animateAndRenderSnowflakes();
+            }
+            requestAnimationFrame(this.renderLoop);
+        }
+    };
+
+    private animateAndRenderSnowflakes(): void {
+        if (!this.context || !this.context.canvas) {
+            return;
+        }
+        const height = this.context.canvas.height;
+        for (const particle of arrayFastClone(this.particles)) {
+            particle.y += particle.gravity;
+
+            // We treat the drift as a sine function to have a more fluid-like movement instead
+            // of a pong-like movement off walls of the X column. This means that for
+            // $x=A\sin(\frac{2\pi}{P}y)$ we use the `maximumDrift` as the amplitude (A) and a
+            // large multiplier to create a very long waveform through P.
+            const peakDistance = 75 * particle.maximumDrift;
+            const PI2 = Math.PI * 2;
+            particle.x = particle.maximumDrift * Math.sin((PI2 / peakDistance) * particle.y);
+            particle.x += particle.xCol; // bring the particle to the right place
+
+            const radius = particle.diameter / 2;
+            this.context.save();
+            this.context.beginPath();
+            this.context.ellipse(particle.x, particle.y, radius, radius, 0, 0, 360);
+            this.context.fillStyle = "#eaeaea"; // grey so it shows up on the light theme
+            this.context.fill();
+            this.context.closePath();
+            this.context.restore();
+
+            // Remove any dead snowflakes
+            const maxBounds = radius * 4; // make sure it's *really* off screen
+            if (particle.y > height + maxBounds) {
+                const idx = this.particles.indexOf(particle);
+                this.particles.splice(idx, 1);
+            }
+        }
+    }
+}
diff --git a/apps/web/src/effects/spaceinvaders/index.ts b/apps/web/src/effects/spaceinvaders/index.ts
new file mode 100644
index 00000000000..53f3ca8edd8
--- /dev/null
+++ b/apps/web/src/effects/spaceinvaders/index.ts
@@ -0,0 +1,112 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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 ICanvasEffect from "../ICanvasEffect";
+import { arrayFastClone } from "../../utils/arrays";
+
+type SpaceInvadersOptions = {
+    /**
+     * The maximum number of invaders to render at a given time
+     */
+    maxCount: number;
+    /**
+     * The amount of gravity to apply to the invaders
+     */
+    gravity: number;
+};
+
+type Invader = {
+    x: number;
+    y: number;
+    xCol: number;
+    gravity: number;
+};
+
+export const DefaultOptions: SpaceInvadersOptions = {
+    maxCount: 50,
+    gravity: 0.005,
+};
+
+const KEY_FRAME_INTERVAL = 15; // 15ms, roughly
+const GLYPH = "👾";
+
+export default class SpaceInvaders implements ICanvasEffect {
+    private readonly options: SpaceInvadersOptions;
+
+    public constructor(options: Partial<SpaceInvadersOptions>) {
+        this.options = { ...DefaultOptions, ...options };
+    }
+
+    private context: CanvasRenderingContext2D | null = null;
+    private particles: Array<Invader> = [];
+    private lastAnimationTime = 0;
+
+    public isRunning = false;
+
+    public start = async (canvas: HTMLCanvasElement, timeout = 3000): Promise<void> => {
+        if (!canvas) {
+            return;
+        }
+        this.context = canvas.getContext("2d");
+        this.particles = [];
+        const count = this.options.maxCount;
+        while (this.particles.length < count) {
+            this.particles.push(this.resetParticle({} as Invader, canvas.width, canvas.height));
+        }
+        this.isRunning = true;
+        requestAnimationFrame(this.renderLoop);
+        if (timeout) {
+            window.setTimeout(this.stop, timeout);
+        }
+    };
+
+    public stop = async (): Promise<void> => {
+        this.isRunning = false;
+    };
+
+    private resetParticle = (particle: Invader, width: number, height: number): Invader => {
+        particle.x = Math.random() * width;
+        particle.y = Math.random() * -height;
+        particle.xCol = particle.x;
+        particle.gravity = this.options.gravity + Math.random() * 6 + 4;
+        return particle;
+    };
+
+    private renderLoop = (): void => {
+        if (!this.context || !this.context.canvas) {
+            return;
+        }
+        if (this.particles.length === 0) {
+            this.context.clearRect(0, 0, this.context.canvas.width, this.context.canvas.height);
+        } else {
+            const timeDelta = Date.now() - this.lastAnimationTime;
+            if (timeDelta >= KEY_FRAME_INTERVAL || !this.lastAnimationTime) {
+                // Clear the screen first
+                this.context.clearRect(0, 0, this.context.canvas.width, this.context.canvas.height);
+
+                this.lastAnimationTime = Date.now();
+                this.animateAndRenderInvaders();
+            }
+            requestAnimationFrame(this.renderLoop);
+        }
+    };
+
+    private animateAndRenderInvaders(): void {
+        if (!this.context || !this.context.canvas) {
+            return;
+        }
+        this.context.font = "50px Twemoji";
+        for (const particle of arrayFastClone(this.particles)) {
+            particle.y += particle.gravity;
+
+            this.context.save();
+            this.context.fillText(GLYPH, particle.x, particle.y);
+            this.context.restore();
+        }
+    }
+}
diff --git a/apps/web/src/effects/utils.ts b/apps/web/src/effects/utils.ts
new file mode 100644
index 00000000000..31d07eb5737
--- /dev/null
+++ b/apps/web/src/effects/utils.ts
@@ -0,0 +1,19 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 Nurjin Jafar
+Copyright 2020 Nordeck IT + Consulting GmbH.
+
+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 IContent } from "matrix-js-sdk/src/matrix";
+
+/**
+ * Checks a message if it contains one of the provided emojis
+ * @param  {Object} content The message
+ * @param  {Array<string>} emojis The list of emojis to check for
+ */
+export const containsEmoji = (content: IContent, emojis: Array<string>): boolean => {
+    return emojis.some((emoji) => content.body && content.body.includes(emoji));
+};
diff --git a/apps/web/src/email.test.ts b/apps/web/src/email.test.ts
new file mode 100644
index 00000000000..e2cc58129e8
--- /dev/null
+++ b/apps/web/src/email.test.ts
@@ -0,0 +1,26 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import { looksValid } from "./email";
+
+describe("looksValid", () => {
+    it.each([
+        ["", false],
+        ["alice", false],
+        ["@", false],
+        ["@alice:example.com", false],
+        ["@b.org", false],
+        ["alice@example", false],
+        ["a@b.org", true],
+        ["alice@example.com", true],
+    ])("for »%s« should return %s", (value: string, expected: boolean) => {
+        expect(looksValid(value)).toBe(expected);
+    });
+});
diff --git a/apps/web/src/email.ts b/apps/web/src/email.ts
new file mode 100644
index 00000000000..ca606a0dc7f
--- /dev/null
+++ b/apps/web/src/email.ts
@@ -0,0 +1,22 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+// Regexp based on Simpler Version from https://gist.github.com/gregseth/5582254 - matches RFC2822
+const EMAIL_ADDRESS_REGEX = new RegExp(
+    "^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*" + // localpart
+        "@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$",
+    "i",
+);
+
+export function looksValid(email: string): boolean {
+    // short circuit regex with this basic check
+    if (email.indexOf("@") < 1) return false;
+
+    return EMAIL_ADDRESS_REGEX.test(email);
+}
diff --git a/apps/web/src/emojipicker/EmojiPickerWithRecents.test.tsx b/apps/web/src/emojipicker/EmojiPickerWithRecents.test.tsx
new file mode 100644
index 00000000000..ab3124750fa
--- /dev/null
+++ b/apps/web/src/emojipicker/EmojiPickerWithRecents.test.tsx
@@ -0,0 +1,36 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import React from "react";
+import { describe, it, expect, vi } from "vitest";
+import { render, screen } from "test-utils-rtl";
+import userEvent from "@testing-library/user-event";
+
+import { EmojiPickerWithRecents } from "./EmojiPickerWithRecents";
+import { getKeyBindingsManager } from "../KeyBindingsManager";
+
+describe("EmojiPickerWithRecents", () => {
+    it("passes the selected emoji through to the picker", () => {
+        render(<EmojiPickerWithRecents onChoose={() => true} onFinished={vi.fn()} selectedEmojis={new Set(["🎉"])} />);
+
+        expect(screen.getByRole("checkbox", { name: "🎉" })).toHaveAttribute("aria-checked", "true");
+        expect(screen.getByRole("checkbox", { name: "🚀" })).toHaveAttribute("aria-checked", "false");
+    });
+
+    it("resolves keyboard actions using the app's keybindings", async () => {
+        const getAccessibilityAction = vi.spyOn(getKeyBindingsManager(), "getAccessibilityAction");
+        render(<EmojiPickerWithRecents onChoose={() => true} onFinished={vi.fn()} />);
+
+        screen.getByRole("button", { name: "🎉" }).focus();
+        await userEvent.keyboard("[ArrowRight]");
+
+        expect(getAccessibilityAction).toHaveBeenCalled();
+        expect(screen.getByRole("button", { name: "😕" })).toHaveFocus();
+    });
+});
diff --git a/apps/web/src/emojipicker/EmojiPickerWithRecents.tsx b/apps/web/src/emojipicker/EmojiPickerWithRecents.tsx
new file mode 100644
index 00000000000..e7db148fe08
--- /dev/null
+++ b/apps/web/src/emojipicker/EmojiPickerWithRecents.tsx
@@ -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 React, { useMemo } from "react";
+import { EmojiPicker, type EmojiPickerProps } from "@element-hq/web-shared-components";
+import * as recent from "./recent";
+import { getWebRovingAction } from "../accessibility/RovingTabIndex";
+
+/**
+ * Wrapped version of the shared-components emoji picker that passes in
+ * the recent emojis from the web app's local storage (also passes in the
+ * web roving actions).
+ */
+export function EmojiPickerWithRecents({
+    selectedEmojis,
+    onChoose,
+    onFinished,
+    isEmojiDisabled,
+}: Omit<EmojiPickerProps, "recentEmojis" | "onRecordRecent" | "getAction">): React.ReactNode {
+    // There isn't anything for us to key the memoisation off here. This will just
+    // update when the component mounts which is probably good enough.
+    const recentEmojis = useMemo(() => recent.get(), []);
+
+    return (
+        <EmojiPicker
+            selectedEmojis={selectedEmojis}
+            onChoose={onChoose}
+            onFinished={onFinished}
+            isEmojiDisabled={isEmojiDisabled}
+            getAction={getWebRovingAction}
+            recentEmojis={recentEmojis}
+            onRecordRecent={recent.add}
+        />
+    );
+}
diff --git a/apps/web/src/emojipicker/recent.test.ts b/apps/web/src/emojipicker/recent.test.ts
new file mode 100644
index 00000000000..3879ddbd0f8
--- /dev/null
+++ b/apps/web/src/emojipicker/recent.test.ts
@@ -0,0 +1,47 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import { translateLegacyEmojiData, mergeEmojiData } from "./recent.ts";
+
+describe("recent", () => {
+    describe("translateLegacyEmojiData", () => {
+        it("should correctly translate to the new format", () => {
+            expect(
+                translateLegacyEmojiData([
+                    ["🤩", 1],
+                    ["😀", 2],
+                ]),
+            ).toEqual([
+                { emoji: "🤩", total: 1 },
+                { emoji: "😀", total: 2 },
+            ]);
+        });
+    });
+
+    describe("mergeEmojiData", () => {
+        it("should merge given data correctly", () => {
+            expect(
+                mergeEmojiData(
+                    [{ emoji: "🤩", total: 1 }],
+                    [
+                        { emoji: "🤩", total: 2 },
+                        { emoji: "😀", total: 1 },
+                    ],
+                ),
+            ).toEqual([
+                { emoji: "🤩", total: 2 },
+                { emoji: "😀", total: 1 },
+            ]);
+        });
+
+        it("should handle data2 being undefined", () => {
+            expect(mergeEmojiData([{ emoji: "🤩", total: 1 }])).toEqual([{ emoji: "🤩", total: 1 }]);
+        });
+    });
+});
diff --git a/apps/web/src/emojipicker/recent.ts b/apps/web/src/emojipicker/recent.ts
new file mode 100644
index 00000000000..302b5b92af1
--- /dev/null
+++ b/apps/web/src/emojipicker/recent.ts
@@ -0,0 +1,85 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 Tulir Asokan <tulir@maunium.net>
+
+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 { orderBy } from "lodash";
+import { type AccountDataEvents } from "matrix-js-sdk/src/matrix";
+
+import SettingsStore from "../settings/SettingsStore";
+import { SettingLevel } from "../settings/SettingLevel";
+
+export type RecentEmojiData = AccountDataEvents["m.recent_emoji"]["recent_emoji"];
+export type LegacyRecentEmojiData = [emoji: string, count: number][];
+
+// XXX: We can get rid of the legacy account data handling towards the end of 2026.
+declare module "matrix-js-sdk/src/types" {
+    export interface AccountDataEvents {
+        "io.element.recent_emoji": { recent_emoji: LegacyRecentEmojiData };
+    }
+}
+
+const SETTING_NAME = "recent_emoji";
+
+// we store more recents than we typically query but this lets us sort by weighted usage
+// even if you haven't used your typically favourite emoji for a little while.
+const STORAGE_LIMIT = 100;
+
+function getRecentEmoji(): RecentEmojiData {
+    return SettingsStore.getValue(SETTING_NAME) || [];
+}
+
+export function translateLegacyEmojiData(legacyData: LegacyRecentEmojiData): RecentEmojiData {
+    return legacyData.map(([emoji, total]) => ({
+        emoji,
+        total,
+    }));
+}
+
+export function mergeEmojiData(data1: RecentEmojiData, data2?: RecentEmojiData): RecentEmojiData {
+    if (!data2) return data1;
+
+    return Object.values(
+        [...data1, ...data2].reduce(
+            (acc, item) => {
+                const existing = acc[item.emoji];
+
+                // If it doesn't exist or the current total is higher, update it
+                if (!existing || item.total > existing.total) {
+                    acc[item.emoji] = item;
+                }
+
+                return acc;
+            },
+            {} as Record<string, RecentEmojiData[number]>,
+        ),
+    );
+}
+
+export function add(emoji: string): void {
+    const recents = getRecentEmoji();
+    const i = recents.findIndex((entry) => entry.emoji === emoji);
+
+    let newEntry: RecentEmojiData[number];
+    if (i >= 0) {
+        // first remove the existing tuple so that we can increment it and push it to the front
+        [newEntry] = recents.splice(i, 1);
+        newEntry.total++; // increment the usage count
+    } else {
+        newEntry = { emoji, total: 1 };
+    }
+
+    SettingsStore.setValue(SETTING_NAME, null, SettingLevel.ACCOUNT, [newEntry, ...recents].slice(0, STORAGE_LIMIT));
+}
+
+export function get(limit = 24): string[] {
+    const recents = getRecentEmoji();
+
+    // perform a stable sort on `count` to keep the recent (date) order as a secondary sort factor
+    const sorted = orderBy(recents, "total", "desc");
+    return sorted.slice(0, limit).map(({ emoji }) => emoji);
+}
diff --git a/apps/web/src/events/EventTileFactory.test.ts b/apps/web/src/events/EventTileFactory.test.ts
new file mode 100644
index 00000000000..cc50bc43b2b
--- /dev/null
+++ b/apps/web/src/events/EventTileFactory.test.ts
@@ -0,0 +1,413 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeAll, beforeEach, afterEach } from "vitest";
+import { render } from "test-utils-rtl";
+import { EventType, type MatrixClient, MatrixEvent, MsgType, Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { createTestClient, mkEvent, withClientContextRenderOptions } from "test-utils";
+
+import {
+    JSONEventFactory,
+    MessageEventFactory,
+    pickFactory,
+    renderTile,
+    RoomCreateEventFactory,
+} from "./EventTileFactory";
+import SettingsStore from "../settings/SettingsStore";
+import { TimelineRenderingType } from "../contexts/RoomContext";
+import { ModuleApi } from "../modules/Api";
+import DMRoomMap from "../utils/DMRoomMap";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+
+const roomId = "!room:example.com";
+
+function makeVerificationRequestEvent({ sender, to }: { sender: string; to: string }): MatrixEvent {
+    return mkEvent({
+        event: true,
+        type: EventType.RoomMessage,
+        user: sender,
+        room: roomId,
+        content: {
+            msgtype: MsgType.KeyVerificationRequest,
+            from_device: "DEVICE",
+            methods: ["m.sas.v1"],
+            to,
+        },
+    });
+}
+
+function makeRoomAvatarEvent(url = "mxc://example.com/avatar"): MatrixEvent {
+    return new MatrixEvent({
+        type: EventType.RoomAvatar,
+        state_key: "",
+        room_id: roomId,
+        sender: "@alice:example.com",
+        content: {
+            url,
+        },
+    });
+}
+
+describe("pickFactory", () => {
+    let client: MatrixClient;
+    let room: Room;
+
+    let createEventWithPredecessor: MatrixEvent;
+    let createEventWithoutPredecessor: MatrixEvent;
+    let dynamicPredecessorEvent: MatrixEvent;
+
+    let utdEvent: MatrixEvent;
+    let audioMessageEvent: MatrixEvent;
+
+    beforeAll(() => {
+        client = createTestClient();
+
+        room = new Room(roomId, client, client.getSafeUserId());
+        vi.mocked(client.getRoom).mockImplementation((getRoomId?: string): Room | null => {
+            if (getRoomId === room.roomId) return room;
+            return null;
+        });
+
+        createEventWithoutPredecessor = mkEvent({
+            event: true,
+            type: EventType.RoomCreate,
+            user: client.getUserId()!,
+            room: roomId,
+            content: {
+                creator: client.getUserId()!,
+                room_version: "9",
+            },
+        });
+        createEventWithPredecessor = mkEvent({
+            event: true,
+            type: EventType.RoomCreate,
+            user: client.getUserId()!,
+            room: roomId,
+            content: {
+                creator: client.getUserId()!,
+                room_version: "9",
+                predecessor: {
+                    room_id: "roomid1",
+                    event_id: null,
+                },
+            },
+        });
+        dynamicPredecessorEvent = mkEvent({
+            event: true,
+            type: EventType.RoomPredecessor,
+            user: client.getUserId()!,
+            room: roomId,
+            skey: "",
+            content: {
+                predecessor_room_id: "roomid2",
+                last_known_event_id: null,
+            },
+        });
+        audioMessageEvent = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            user: client.getUserId()!,
+            room: roomId,
+            content: {
+                msgtype: MsgType.Audio,
+            },
+        });
+        utdEvent = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            user: client.getUserId()!,
+            room: roomId,
+            content: {
+                msgtype: "m.bad.encrypted",
+            },
+        });
+    });
+
+    it("should return JSONEventFactory for a no-op m.room.power_levels event", () => {
+        const event = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            state_key: "",
+            content: {},
+            sender: client.getUserId()!,
+            room_id: roomId,
+        });
+        expect(pickFactory(event, client, true)).toBe(JSONEventFactory);
+    });
+
+    describe("when showing hidden events", () => {
+        it("should return a JSONEventFactory for a room create event without predecessor", () => {
+            room.currentState.events.set(
+                EventType.RoomCreate,
+                new Map([[createEventWithoutPredecessor.getStateKey()!, createEventWithoutPredecessor]]),
+            );
+            room.currentState.events.set(EventType.RoomPredecessor, new Map());
+            expect(pickFactory(createEventWithoutPredecessor, client, true)).toBe(JSONEventFactory);
+        });
+
+        it("should return a MessageEventFactory for an audio message event", () => {
+            expect(pickFactory(audioMessageEvent, client, true)).toBe(MessageEventFactory);
+        });
+    });
+
+    describe("when not showing hidden events", () => {
+        describe("without dynamic predecessor support", () => {
+            beforeEach(() => {
+                vi.spyOn(SettingsStore, "getValue").mockReset();
+            });
+
+            it("should return undefined for a room without predecessor", () => {
+                room.currentState.events.set(
+                    EventType.RoomCreate,
+                    new Map([[createEventWithoutPredecessor.getStateKey()!, createEventWithoutPredecessor]]),
+                );
+                room.currentState.events.set(EventType.RoomPredecessor, new Map());
+                expect(pickFactory(createEventWithoutPredecessor, client, false)).toBeUndefined();
+            });
+
+            it("should return a RoomCreateFactory for a room with fixed predecessor", () => {
+                room.currentState.events.set(
+                    EventType.RoomCreate,
+                    new Map([[createEventWithPredecessor.getStateKey()!, createEventWithPredecessor]]),
+                );
+                room.currentState.events.set(EventType.RoomPredecessor, new Map());
+                expect(pickFactory(createEventWithPredecessor, client, false)).toBe(RoomCreateEventFactory);
+            });
+
+            it("should return undefined for a room with dynamic predecessor", () => {
+                room.currentState.events.set(
+                    EventType.RoomCreate,
+                    new Map([[createEventWithoutPredecessor.getStateKey()!, createEventWithoutPredecessor]]),
+                );
+                room.currentState.events.set(
+                    EventType.RoomPredecessor,
+                    new Map([[dynamicPredecessorEvent.getStateKey()!, dynamicPredecessorEvent]]),
+                );
+                expect(pickFactory(createEventWithoutPredecessor, client, false)).toBeUndefined();
+            });
+        });
+
+        describe("with dynamic predecessor support", () => {
+            beforeEach(() => {
+                vi.spyOn(SettingsStore, "getValue")
+                    .mockReset()
+                    .mockImplementation((settingName) => settingName === "feature_dynamic_room_predecessors");
+            });
+
+            it("should return undefined for a room without predecessor", () => {
+                room.currentState.events.set(
+                    EventType.RoomCreate,
+                    new Map([[createEventWithoutPredecessor.getStateKey()!, createEventWithoutPredecessor]]),
+                );
+                room.currentState.events.set(EventType.RoomPredecessor, new Map());
+                expect(pickFactory(createEventWithoutPredecessor, client, false)).toBeUndefined();
+            });
+
+            it("should return a RoomCreateFactory for a room with fixed predecessor", () => {
+                room.currentState.events.set(
+                    EventType.RoomCreate,
+                    new Map([[createEventWithPredecessor.getStateKey()!, createEventWithPredecessor]]),
+                );
+                room.currentState.events.set(EventType.RoomPredecessor, new Map());
+                expect(pickFactory(createEventWithPredecessor, client, false)).toBe(RoomCreateEventFactory);
+            });
+
+            it("should return a RoomCreateFactory for a room with dynamic predecessor", () => {
+                room.currentState.events.set(
+                    EventType.RoomCreate,
+                    new Map([[createEventWithoutPredecessor.getStateKey()!, createEventWithoutPredecessor]]),
+                );
+                room.currentState.events.set(
+                    EventType.RoomPredecessor,
+                    new Map([[dynamicPredecessorEvent.getStateKey()!, dynamicPredecessorEvent]]),
+                );
+                expect(pickFactory(createEventWithoutPredecessor, client, false)).toBe(RoomCreateEventFactory);
+            });
+        });
+
+        it("should return a MessageEventFactory for an audio message event", () => {
+            expect(pickFactory(audioMessageEvent, client, false)).toBe(MessageEventFactory);
+        });
+
+        it("should return a MessageEventFactory for a UTD event", () => {
+            expect(pickFactory(utdEvent, client, false)).toBe(MessageEventFactory);
+        });
+
+        it("should not render key verification requests which do not involve the current user", () => {
+            const event = makeVerificationRequestEvent({
+                sender: "@alice:example.com",
+                to: "@bob:example.com",
+            });
+
+            expect(pickFactory(event, client, false)).toBeUndefined();
+        });
+    });
+});
+
+describe("renderTile", () => {
+    let client: MatrixClient;
+    let originalRenderMessage: typeof ModuleApi.instance.customComponents.renderMessage;
+
+    beforeEach(() => {
+        client = createTestClient();
+        originalRenderMessage = ModuleApi.instance.customComponents.renderMessage;
+    });
+
+    afterEach(() => {
+        ModuleApi.instance.customComponents.renderMessage = originalRenderMessage;
+        vi.restoreAllMocks();
+    });
+
+    it("rendering a tile defers to the module API", () => {
+        ModuleApi.instance.customComponents.renderMessage = vi.fn();
+
+        const messageEvent = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            user: client.getUserId()!,
+            room: roomId,
+            content: {
+                msgtype: MsgType.Text,
+            },
+        });
+
+        renderTile(TimelineRenderingType.Room, { mxEvent: messageEvent, showHiddenEvents: false }, client);
+
+        expect(ModuleApi.instance.customComponents.renderMessage).toHaveBeenCalledWith(
+            {
+                mxEvent: messageEvent,
+            },
+            expect.any(Function),
+        );
+    });
+
+    it("rendering a tile for a message of unknown type defers to the module API", () => {
+        ModuleApi.instance.customComponents.renderMessage = vi.fn();
+
+        const messageEvent = mkEvent({
+            event: true,
+            type: "weird.type",
+            user: client.getUserId()!,
+            room: roomId,
+            content: {
+                msgtype: MsgType.Text,
+            },
+        });
+
+        renderTile(TimelineRenderingType.Room, { mxEvent: messageEvent, showHiddenEvents: false }, client);
+
+        expect(ModuleApi.instance.customComponents.renderMessage).toHaveBeenCalledWith({
+            mxEvent: messageEvent,
+        });
+    });
+
+    it("renders an incoming key verification request with the wrapped shared-components view", () => {
+        const sender = "@alice:example.com";
+        const room = new Room(roomId, client, client.getSafeUserId());
+        vi.spyOn(room, "getMember").mockImplementation((userId: string) => {
+            if (userId === sender) return { name: "Alice" } as RoomMember;
+            return null;
+        });
+        vi.mocked(client.getRoom).mockReturnValue(room);
+
+        const verificationRequestEvent = makeVerificationRequestEvent({
+            sender,
+            to: client.getUserId()!,
+        });
+
+        const tile = renderTile(
+            TimelineRenderingType.Room,
+            { mxEvent: verificationRequestEvent, showHiddenEvents: false },
+            client,
+        );
+        if (!tile) throw new Error("Expected a key verification request tile");
+        const { getByText } = render(tile, withClientContextRenderOptions(client));
+
+        expect(getByText("Alice wants to verify")).toBeVisible();
+        expect(getByText("Alice (@alice:example.com)")).toBeVisible();
+    });
+
+    it("renders an outgoing key verification request with the wrapped shared-components view", () => {
+        const recipient = "@alice:example.com";
+        const room = new Room(roomId, client, client.getSafeUserId());
+        vi.spyOn(room, "getMember").mockImplementation((userId: string) => {
+            if (userId === recipient) return { name: "Alice" } as RoomMember;
+            return null;
+        });
+        vi.mocked(client.getRoom).mockReturnValue(room);
+
+        const verificationRequestEvent = makeVerificationRequestEvent({
+            sender: client.getUserId()!,
+            to: recipient,
+        });
+
+        const tile = renderTile(
+            TimelineRenderingType.Room,
+            { mxEvent: verificationRequestEvent, showHiddenEvents: false },
+            client,
+        );
+        if (!tile) throw new Error("Expected a key verification request tile");
+        const { getByText } = render(tile, withClientContextRenderOptions(client));
+
+        expect(getByText("You sent a verification request")).toBeInTheDocument();
+        expect(getByText("Alice (@alice:example.com)")).toBeInTheDocument();
+    });
+
+    it("throws when a key verification request tile is rendered without a client context", () => {
+        vi.spyOn(console, "error").mockImplementation(() => {});
+        const verificationRequestEvent = makeVerificationRequestEvent({
+            sender: client.getUserId()!,
+            to: "@alice:example.com",
+        });
+
+        const tile = renderTile(
+            TimelineRenderingType.Room,
+            { mxEvent: verificationRequestEvent, showHiddenEvents: false },
+            client,
+        );
+        if (!tile) throw new Error("Expected a key verification request tile");
+
+        expect(() => render(tile)).toThrow("Attempting to render verification request without a client context!");
+    });
+
+    it("renders room avatar events with the wrapped shared-components view", () => {
+        const room = new Room(roomId, client, client.getSafeUserId());
+        room.name = "General";
+        room.currentState.setStateEvents([
+            new MatrixEvent({
+                type: EventType.RoomCreate,
+                state_key: "",
+                room_id: room.roomId,
+                sender: client.getUserId()!,
+                content: {
+                    creator: client.getUserId()!,
+                    room_version: "9",
+                },
+            }),
+        ]);
+        vi.mocked(client.getRoom).mockReturnValue(room);
+        vi.spyOn(DMRoomMap, "shared").mockReturnValue({
+            getUserIdForRoomId: vi.fn().mockReturnValue(null),
+        } as unknown as DMRoomMap);
+        vi.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(client);
+        const roomAvatarEvent = makeRoomAvatarEvent();
+        roomAvatarEvent.sender = { name: "Alice" } as MatrixEvent["sender"];
+
+        const tile = renderTile(
+            TimelineRenderingType.Room,
+            { mxEvent: roomAvatarEvent, showHiddenEvents: false },
+            client,
+        );
+        if (!tile) throw new Error("Expected a room avatar event tile");
+        const { getByText, getByRole } = render(tile, withClientContextRenderOptions(client));
+
+        expect(getByText("Alice changed the room avatar to")).toBeInTheDocument();
+        expect(getByRole("button", { name: "Alice changed the avatar for General" })).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/src/events/EventTileFactory.tsx b/apps/web/src/events/EventTileFactory.tsx
new file mode 100644
index 00000000000..82970ec52d3
--- /dev/null
+++ b/apps/web/src/events/EventTileFactory.tsx
@@ -0,0 +1,578 @@
+/*
+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 JSX, useContext, useEffect } from "react";
+import {
+    type MatrixEvent,
+    EventType,
+    MsgType,
+    RelationType,
+    type MatrixClient,
+    GroupCallIntent,
+    M_POLL_END,
+    M_POLL_START,
+} from "matrix-js-sdk/src/matrix";
+import {
+    EncryptionEventView,
+    HiddenBodyView,
+    MJitsiWidgetEventView,
+    MKeyVerificationRequestView,
+    RoomAvatarEventView,
+    RootCallTileView,
+    TextualEventView,
+    ViewSourceEventView,
+    useCreateAutoDisposedViewModel,
+} from "@element-hq/web-shared-components";
+
+import SettingsStore from "../settings/SettingsStore";
+import type LegacyCallEventGrouper from "../components/structures/LegacyCallEventGrouper";
+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";
+import { CallEvent } from "../components/views/messages/CallEvent";
+import { RoomPredecessorTile } from "../components/views/messages/RoomPredecessorTile";
+import RoomAvatar from "../components/views/avatars/RoomAvatar";
+import { WIDGET_LAYOUT_EVENT_TYPE } from "../stores/widgets/WidgetLayoutStore";
+import { ALL_RULE_TYPES } from "../mjolnir/BanList";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { useMatrixClientContext } from "../contexts/MatrixClientContext";
+import { WidgetType } from "../widgets/WidgetType";
+import { hasText } from "../TextForEvent";
+import { getMessageModerationState, MessageModerationState } from "../utils/EventUtils";
+import { shouldDisplayAsBeaconTile } from "../utils/beacon/timeline";
+import { type IBodyProps } from "../components/views/messages/IBodyProps";
+import { ModuleApi } from "../modules/Api";
+import { EncryptionEventViewModel } from "../viewmodels/room/timeline/event-tile/EncryptionEventViewModel";
+import { MJitsiWidgetEventViewModel } from "../viewmodels/room/timeline/event-tile/MJitsiWidgetEventViewModel";
+import { MKeyVerificationRequestViewModel } from "../viewmodels/room/timeline/event-tile/MKeyVerificationRequestViewModel";
+import { RoomAvatarEventViewModel } from "../viewmodels/room/timeline/event-tile/RoomAvatarEventViewModel";
+import { TextualEventViewModel } from "../viewmodels/room/timeline/event-tile/TextualEventViewModel";
+import { HiddenBodyViewModel } from "../viewmodels/room/timeline/event-tile/body/HiddenBodyViewModel";
+import { ViewSourceEventViewModel } from "../viewmodels/room/timeline/event-tile/body/ViewSourceEventViewModel";
+import { ElementCallEventType } from "../call-types";
+import { RootCallTileViewModel } from "../viewmodels/room/timeline/event-tile/call/RootCallTileViewModel";
+import { SDKContext } from "../contexts/SDKContext";
+
+// Subset of EventTile's IProps plus some mixins
+export interface EventTileTypeProps extends Pick<
+    EventTileProps,
+    | "mxEvent"
+    | "highlights"
+    | "highlightLink"
+    | "showUrlPreview"
+    | "forExport"
+    | "getRelationsForEvent"
+    | "editState"
+    | "replacingEventId"
+    | "permalinkCreator"
+    | "callEventGrouper"
+    | "isSeeingThroughMessageHiddenForModeration"
+    | "inhibitInteraction"
+> {
+    ref?: React.RefObject<IEventTileType | null>;
+    maxImageHeight?: number; // pixels
+    overrideBodyTypes?: Record<string, React.ComponentType<IBodyProps>>;
+    overrideEventTypes?: Record<string, React.ComponentType<IBodyProps>>;
+    showHiddenEvents: boolean;
+}
+
+type FactoryProps = Omit<EventTileTypeProps, "ref">;
+type Factory<X = FactoryProps> = (ref: React.RefObject<any> | undefined, props: X) => JSX.Element;
+
+export const MessageEventFactory: Factory = (ref, props) => <MessageEvent ref={ref} {...props} />;
+const LegacyCallEventFactory: Factory<FactoryProps & { callEventGrouper: LegacyCallEventGrouper }> = (ref, props) => (
+    <LegacyCallEvent ref={ref} {...props} />
+);
+const CallEventFactory: Factory = (ref, props) => <CallEvent ref={ref} {...props} />;
+export const TextualEventFactory: Factory = (ref, props) => {
+    const vm = new TextualEventViewModel(props);
+    return <TextualEventView vm={vm} className="mx_TextualEvent" />;
+};
+function EncryptionEventWrappedView({ mxEvent, ref }: IBodyProps): JSX.Element {
+    const cli = useMatrixClientContext();
+    const vm = useCreateAutoDisposedViewModel(() => new EncryptionEventViewModel({ mxEvent, cli }));
+
+    return <EncryptionEventView vm={vm} ref={ref} className="mx_EventTileBubble mx_cryptoEvent" />;
+}
+const EncryptionEventFactory: Factory = (ref, props) => {
+    return <EncryptionEventWrappedView ref={ref} {...props} />;
+};
+function MKeyVerificationRequestWrappedView({ mxEvent, ref }: IBodyProps): JSX.Element {
+    const cli = useMatrixClientContext();
+    if (!cli) {
+        throw new Error("Attempting to render verification request without a client context!");
+    }
+
+    const vm = useCreateAutoDisposedViewModel(() => new MKeyVerificationRequestViewModel({ mxEvent, cli }));
+
+    useEffect(() => {
+        vm.setEvent(mxEvent);
+    }, [mxEvent, vm]);
+
+    return <MKeyVerificationRequestView vm={vm} ref={ref} className="mx_EventTileBubble mx_cryptoEvent" />;
+}
+const VerificationReqFactory: Factory = (ref, props) => <MKeyVerificationRequestWrappedView ref={ref} {...props} />;
+function HiddenBodyWrappedView({ mxEvent, ref }: IBodyProps): JSX.Element {
+    const vm = useCreateAutoDisposedViewModel(() => new HiddenBodyViewModel({ mxEvent }));
+
+    useEffect(() => {
+        vm.setEvent(mxEvent);
+    }, [mxEvent, vm]);
+
+    return <HiddenBodyView vm={vm} ref={ref} className="mx_HiddenBody" />;
+}
+const HiddenEventFactory: Factory = (ref, props) => <HiddenBodyWrappedView ref={ref} {...props} />;
+
+function ViewSourceEventWrappedView({ mxEvent, ref }: IBodyProps): JSX.Element {
+    const cli = useMatrixClientContext();
+    const vm = useCreateAutoDisposedViewModel(() => new ViewSourceEventViewModel({ mxEvent, cli }));
+
+    useEffect(() => {
+        vm.setProps({ cli, mxEvent });
+    }, [cli, mxEvent, vm]);
+
+    return (
+        <ViewSourceEventView
+            vm={vm}
+            ref={ref}
+            className="mx_ViewSourceEvent mx_EventTile_content"
+            expandedClassName="mx_ViewSourceEvent_expanded"
+        />
+    );
+}
+
+function MJitsiWidgetEventWrappedView({ mxEvent, ref }: IBodyProps): JSX.Element {
+    const cli = useMatrixClientContext();
+    const vm = useCreateAutoDisposedViewModel(() => new MJitsiWidgetEventViewModel({ mxEvent, cli }));
+
+    useEffect(() => {
+        vm.setEvent(mxEvent);
+    }, [mxEvent, vm]);
+
+    return <MJitsiWidgetEventView vm={vm} ref={ref} className="mx_EventTileBubble" />;
+}
+
+function RoomAvatarEventWrappedView({ mxEvent, ref }: IBodyProps): JSX.Element {
+    const cli = useMatrixClientContext() ?? MatrixClientPeg.safeGet();
+    const vm = useCreateAutoDisposedViewModel(() => new RoomAvatarEventViewModel({ mxEvent, cli }));
+
+    useEffect(() => {
+        vm.setEvent(mxEvent);
+    }, [mxEvent, vm]);
+
+    const roomId = mxEvent.getRoomId();
+    const room = roomId ? cli.getRoom(roomId) : null;
+
+    return (
+        <RoomAvatarEventView
+            vm={vm}
+            ref={ref}
+            renderAvatar={(snapshot) => (
+                <RoomAvatar
+                    room={room ?? undefined}
+                    size="14px"
+                    oobData={{
+                        avatarUrl: snapshot.avatarUrl,
+                        name: snapshot.roomName,
+                    }}
+                />
+            )}
+        />
+    );
+}
+const RoomAvatarEventFactory: Factory = (ref, props) => <RoomAvatarEventWrappedView ref={ref} {...props} />;
+
+function CallStartedTileViewWrapped({ mxEvent, getRelationsForEvent }: IBodyProps): JSX.Element {
+    const sdkContext = useContext(SDKContext);
+    const cli = useMatrixClientContext();
+    const vm = useCreateAutoDisposedViewModel(
+        () =>
+            new RootCallTileViewModel({
+                mxEvent,
+                getRelationsForEvent,
+                cli,
+                callStore: sdkContext.callStore,
+                latestRtcNotificationEventStore: sdkContext.latestRtcNotificationEventStore,
+                legacyCallHandler: sdkContext.legacyCallHandler,
+            }),
+    );
+    return <RootCallTileView vm={vm} />;
+}
+
+export const CallStartedEventFactory: Factory = (ref, props) => {
+    return <CallStartedTileViewWrapped {...props} />;
+};
+
+// These factories are exported for reference comparison against pickFactory()
+export const JSONEventFactory: Factory = (ref, props) => <ViewSourceEventWrappedView ref={ref} {...props} />;
+export const JitsiEventFactory: Factory = (ref, props) => <MJitsiWidgetEventWrappedView ref={ref} {...props} />;
+export const RoomCreateEventFactory: Factory = (_ref, props) => <RoomPredecessorTile {...props} />;
+
+const EVENT_TILE_TYPES = new Map<string, Factory>([
+    [EventType.RoomMessage, MessageEventFactory], // note that verification requests are handled in pickFactory()
+    [EventType.Sticker, MessageEventFactory],
+    [M_POLL_START.name, MessageEventFactory],
+    [M_POLL_START.altName, MessageEventFactory],
+    [M_POLL_END.name, MessageEventFactory],
+    [M_POLL_END.altName, MessageEventFactory],
+    [EventType.CallInvite, LegacyCallEventFactory as Factory], // note that this requires a special factory type
+    [EventType.RTCNotification, CallStartedEventFactory],
+]);
+
+const STATE_EVENT_TILE_TYPES = new Map<string, Factory>([
+    [EventType.RoomEncryption, EncryptionEventFactory],
+    [EventType.RoomCanonicalAlias, TextualEventFactory],
+    [EventType.RoomCreate, RoomCreateEventFactory],
+    [EventType.RoomMember, TextualEventFactory],
+    [EventType.RoomName, TextualEventFactory],
+    [EventType.RoomAvatar, RoomAvatarEventFactory],
+    [EventType.RoomThirdPartyInvite, TextualEventFactory],
+    [EventType.RoomHistoryVisibility, TextualEventFactory],
+    [EventType.RoomTopic, TextualEventFactory],
+    [EventType.RoomPowerLevels, TextualEventFactory],
+    [EventType.RoomPinnedEvents, TextualEventFactory],
+    [EventType.RoomServerAcl, TextualEventFactory],
+    // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+    ["im.vector.modular.widgets", TextualEventFactory], // note that Jitsi widgets are special in pickFactory()
+    [WIDGET_LAYOUT_EVENT_TYPE, TextualEventFactory],
+    [EventType.RoomTombstone, TextualEventFactory],
+    [EventType.RoomJoinRules, TextualEventFactory],
+    [EventType.RoomGuestAccess, TextualEventFactory],
+]);
+
+for (const evType of ElementCallEventType.names) {
+    STATE_EVENT_TILE_TYPES.set(evType, CallEventFactory);
+}
+
+// Add all the Mjolnir stuff to the renderer too
+for (const evType of ALL_RULE_TYPES) {
+    STATE_EVENT_TILE_TYPES.set(evType, TextualEventFactory);
+}
+
+// These events should be recorded in the STATE_EVENT_TILE_TYPES
+const SINGULAR_STATE_EVENTS = new Set([
+    EventType.RoomEncryption,
+    EventType.RoomCanonicalAlias,
+    EventType.RoomCreate,
+    EventType.RoomName,
+    EventType.RoomAvatar,
+    EventType.RoomHistoryVisibility,
+    EventType.RoomTopic,
+    EventType.RoomPowerLevels,
+    EventType.RoomPinnedEvents,
+    EventType.RoomServerAcl,
+    WIDGET_LAYOUT_EVENT_TYPE,
+    EventType.RoomTombstone,
+    EventType.RoomJoinRules,
+    EventType.RoomGuestAccess,
+]);
+
+/**
+ * Find an event tile factory for the given conditions.
+ * @param mxEvent The event.
+ * @param cli The matrix client to reference when needed.
+ * @param showHiddenEvents Whether hidden events should be shown.
+ * @param asHiddenEv When true, treat the event as always hidden.
+ * @returns The factory, or undefined if not possible.
+ */
+export function pickFactory(
+    mxEvent: MatrixEvent,
+    cli: MatrixClient,
+    showHiddenEvents: boolean,
+    asHiddenEv?: boolean,
+): Factory | undefined {
+    const evType = mxEvent.getType(); // cache this to reduce call stack execution hits
+
+    // Note: we avoid calling SettingsStore unless absolutely necessary - this code is on the critical path.
+
+    if (asHiddenEv && showHiddenEvents) {
+        return JSONEventFactory;
+    }
+
+    const noEventFactoryFactory: () => Factory | undefined = () => (showHiddenEvents ? JSONEventFactory : undefined); // just don't render things that we shouldn't render
+
+    // We run all the event type checks first as they might override the factory entirely.
+
+    const moderationState = getMessageModerationState(mxEvent, cli);
+    if (moderationState === MessageModerationState.HIDDEN_TO_CURRENT_USER) {
+        return HiddenEventFactory;
+    }
+
+    if (evType === EventType.RoomMessage) {
+        // don't show verification requests we're not involved in,
+        // not even when showing hidden events
+        const content = mxEvent.getContent();
+        if (content?.msgtype === MsgType.KeyVerificationRequest) {
+            const me = cli.getUserId();
+            if (mxEvent.getSender() !== me && content["to"] !== me) {
+                return noEventFactoryFactory(); // not for/from us
+            } else {
+                // override the factory
+                return VerificationReqFactory;
+            }
+        }
+    }
+
+    if (evType === EventType.RoomCreate) {
+        const dynamicPredecessorsEnabled = SettingsStore.getValue("feature_dynamic_room_predecessors");
+        const predecessor = cli.getRoom(mxEvent.getRoomId())?.findPredecessor(dynamicPredecessorsEnabled);
+        if (!predecessor) {
+            return noEventFactoryFactory();
+        }
+    }
+
+    // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+    if (evType === "im.vector.modular.widgets") {
+        let type = mxEvent.getContent()["type"];
+        if (!type) {
+            // deleted/invalid widget - try the past widget type
+            type = mxEvent.getPrevContent()["type"];
+        }
+
+        if (WidgetType.JITSI.matches(type)) {
+            // override the factory
+            return JitsiEventFactory;
+        }
+    }
+
+    // Try and pick a state event factory, if we can.
+    if (mxEvent.isState()) {
+        if (shouldDisplayAsBeaconTile(mxEvent)) {
+            return MessageEventFactory;
+        }
+
+        if (SINGULAR_STATE_EVENTS.has(evType) && mxEvent.getStateKey() !== "") {
+            return noEventFactoryFactory(); // improper event type to render
+        }
+
+        if (STATE_EVENT_TILE_TYPES.get(evType) === TextualEventFactory && !hasText(mxEvent, cli, showHiddenEvents)) {
+            return noEventFactoryFactory();
+        }
+
+        return STATE_EVENT_TILE_TYPES.get(evType) ?? noEventFactoryFactory();
+    }
+
+    // Blanket override for all events. The MessageEvent component handles redacted states for us.
+    if (mxEvent.isRedacted()) {
+        return MessageEventFactory;
+    }
+
+    if (mxEvent.isRelation(RelationType.Replace)) {
+        return noEventFactoryFactory();
+    }
+
+    return EVENT_TILE_TYPES.get(evType) ?? noEventFactoryFactory();
+}
+
+/**
+ * Render an event as a tile
+ * @param renderType The render type. Used to inform properties given to the eventual component.
+ * @param props The properties to provide to the eventual component.
+ * @param cli Optional client instance to use, otherwise the default MatrixClientPeg will be used.
+ * @returns The tile as JSX, or null if unable to render.
+ */
+export function renderTile(
+    renderType: TimelineRenderingType,
+    props: EventTileTypeProps,
+    cli?: MatrixClient,
+): JSX.Element | null {
+    cli = cli ?? MatrixClientPeg.safeGet(); // because param defaults don't do the correct thing
+
+    const factory = pickFactory(props.mxEvent, cli, props.showHiddenEvents);
+    if (!factory) {
+        // If we don't have a factory for this event, attempt
+        // to find a custom component that can render it.
+        // Will return null if no custom component can render it.
+        return ModuleApi.instance.customComponents.renderMessage({
+            mxEvent: props.mxEvent,
+        });
+    }
+
+    // Note that we split off the ones we actually care about here just to be sure that we're
+    // not going to accidentally send things we shouldn't from lazy callers. Eg: EventTile's
+    // lazy calls of `renderTile(..., this.props)` will have a lot more than we actually care
+    // about.
+    const {
+        ref,
+        mxEvent,
+        forExport,
+        replacingEventId,
+        editState,
+        highlights,
+        highlightLink,
+        showUrlPreview,
+        permalinkCreator,
+        callEventGrouper,
+        getRelationsForEvent,
+        isSeeingThroughMessageHiddenForModeration,
+        inhibitInteraction,
+        showHiddenEvents,
+    } = props;
+
+    switch (renderType) {
+        case TimelineRenderingType.File:
+        case TimelineRenderingType.Notification:
+        case TimelineRenderingType.Thread:
+            return ModuleApi.instance.customComponents.renderMessage(
+                {
+                    mxEvent: props.mxEvent,
+                },
+                (origProps) =>
+                    factory(props.ref, {
+                        // We only want a subset of props, so we don't end up causing issues for downstream components.
+                        mxEvent,
+                        highlights,
+                        highlightLink,
+                        showUrlPreview: origProps?.showUrlPreview ?? showUrlPreview,
+                        editState,
+                        replacingEventId,
+                        getRelationsForEvent,
+                        isSeeingThroughMessageHiddenForModeration,
+                        permalinkCreator,
+                        inhibitInteraction,
+                        showHiddenEvents,
+                    }),
+            );
+        default:
+            return ModuleApi.instance.customComponents.renderMessage(
+                {
+                    mxEvent: props.mxEvent,
+                },
+                (origProps) =>
+                    factory(ref, {
+                        // NEARLY ALL THE OPTIONS!
+                        mxEvent,
+                        forExport,
+                        replacingEventId,
+                        editState,
+                        highlights,
+                        highlightLink,
+                        showUrlPreview: origProps?.showUrlPreview ?? showUrlPreview,
+                        permalinkCreator,
+                        callEventGrouper,
+                        getRelationsForEvent,
+                        isSeeingThroughMessageHiddenForModeration,
+                        inhibitInteraction,
+                        showHiddenEvents,
+                    }),
+            );
+    }
+}
+
+/**
+ * A version of renderTile() specifically for replies.
+ * @param props The properties to specify on the eventual object.
+ * @param showHiddenEvents Whether hidden events should be shown.
+ * @param cli Optional client instance to use, otherwise the default MatrixClientPeg will be used.
+ * @returns The tile as JSX, or falsy if unable to render.
+ */
+export function renderReplyTile(
+    props: EventTileTypeProps,
+    showHiddenEvents: boolean,
+    cli?: MatrixClient,
+): JSX.Element | null {
+    cli = cli ?? MatrixClientPeg.safeGet(); // because param defaults don't do the correct thing
+
+    const factory = pickFactory(props.mxEvent, cli, showHiddenEvents);
+    if (!factory) {
+        // If we don't have a factory for this event, attempt
+        // to find a custom component that can render it.
+        // Will return null if no custom component can render it.
+        return ModuleApi.instance.customComponents.renderMessage({
+            mxEvent: props.mxEvent,
+        });
+    }
+
+    // See renderTile() for why we split off so much
+    const {
+        ref,
+        mxEvent,
+        highlights,
+        highlightLink,
+        showUrlPreview,
+        overrideBodyTypes,
+        overrideEventTypes,
+        replacingEventId,
+        maxImageHeight,
+        getRelationsForEvent,
+        isSeeingThroughMessageHiddenForModeration,
+        permalinkCreator,
+    } = props;
+
+    return ModuleApi.instance.customComponents.renderMessage(
+        {
+            mxEvent: props.mxEvent,
+        },
+        (origProps) =>
+            factory(ref, {
+                mxEvent,
+                highlights,
+                highlightLink,
+                showUrlPreview: origProps?.showUrlPreview ?? showUrlPreview,
+                overrideBodyTypes,
+                overrideEventTypes,
+                replacingEventId,
+                maxImageHeight,
+                getRelationsForEvent,
+                isSeeingThroughMessageHiddenForModeration,
+                permalinkCreator,
+                showHiddenEvents,
+            }),
+    );
+}
+
+// XXX: this'll eventually be dynamic based on the fields once we have extensible event types
+const messageTypes = [EventType.RoomMessage, EventType.Sticker];
+export function isMessageEvent(ev: MatrixEvent): boolean {
+    return (
+        messageTypes.includes(ev.getType() as EventType) ||
+        M_POLL_START.matches(ev.getType()) ||
+        M_POLL_END.matches(ev.getType())
+    );
+}
+
+export function haveRendererForEvent(
+    mxEvent: MatrixEvent,
+    matrixClient: MatrixClient,
+    showHiddenEvents: boolean,
+): boolean {
+    // Only show "Message deleted" tile for plain message events, encrypted events,
+    // and state events as they'll likely still contain enough keys to be relevant.
+    if (mxEvent.isRedacted() && !mxEvent.isEncrypted() && !isMessageEvent(mxEvent) && !mxEvent.isState()) {
+        return false;
+    }
+
+    // Check to see if we have any hints for this message, which indicates
+    // there is a custom renderer for the event.
+    if (ModuleApi.instance.customComponents.getHintsForMessage(mxEvent)) {
+        return true;
+    }
+
+    // No tile for replacement events since they update the original tile
+    if (mxEvent.isRelation(RelationType.Replace)) return false;
+
+    const handler = pickFactory(mxEvent, matrixClient, showHiddenEvents);
+    if (!handler) return false;
+    if (handler === TextualEventFactory) {
+        return hasText(mxEvent, matrixClient, showHiddenEvents);
+    } else if (handler === STATE_EVENT_TILE_TYPES.get(EventType.RoomCreate)) {
+        const dynamicPredecessorsEnabled = SettingsStore.getValue("feature_dynamic_room_predecessors");
+        const predecessor = matrixClient.getRoom(mxEvent.getRoomId())?.findPredecessor(dynamicPredecessorsEnabled);
+        return Boolean(predecessor);
+    } else if (ElementCallEventType.names.some((eventType) => handler === STATE_EVENT_TILE_TYPES.get(eventType))) {
+        const intent = mxEvent.getContent()["m.intent"];
+        const newlyStarted = Object.keys(mxEvent.getPrevContent()).length === 0;
+        // Only interested in events that mark the start of a non-room call
+        return newlyStarted && typeof intent === "string" && intent !== GroupCallIntent.Room;
+    } else if (handler === JSONEventFactory) {
+        return false;
+    } else {
+        return true;
+    }
+}
diff --git a/apps/web/src/events/forward/getForwardableEvent.test.ts b/apps/web/src/events/forward/getForwardableEvent.test.ts
new file mode 100644
index 00000000000..1f403553154
--- /dev/null
+++ b/apps/web/src/events/forward/getForwardableEvent.test.ts
@@ -0,0 +1,78 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect } from "vitest";
+import { EventType, MatrixEvent, MsgType } from "matrix-js-sdk/src/matrix";
+import {
+    getMockClientWithEventEmitter,
+    makeBeaconEvent,
+    makeBeaconInfoEvent,
+    makePollStartEvent,
+    makeRoomWithBeacons,
+} from "test-utils";
+
+import { getForwardableEvent } from "./getForwardableEvent";
+
+describe("getForwardableEvent()", () => {
+    const userId = "@alice:server.org";
+    const roomId = "!room:server.org";
+    const client = getMockClientWithEventEmitter({
+        getRoom: vi.fn(),
+    });
+
+    it("returns the event for a room message", () => {
+        const alicesMessageEvent = new MatrixEvent({
+            type: EventType.RoomMessage,
+            sender: userId,
+            room_id: roomId,
+            content: {
+                msgtype: MsgType.Text,
+                body: "Hello",
+            },
+        });
+
+        expect(getForwardableEvent(alicesMessageEvent, client)).toBe(alicesMessageEvent);
+    });
+
+    it("returns null for a poll start event", () => {
+        const pollStartEvent = makePollStartEvent("test?", userId);
+
+        expect(getForwardableEvent(pollStartEvent, client)).toBe(null);
+    });
+
+    describe("beacons", () => {
+        it("returns null for a beacon that is not live", () => {
+            const notLiveBeacon = makeBeaconInfoEvent(userId, roomId, { isLive: false });
+            makeRoomWithBeacons(roomId, client, [notLiveBeacon]);
+
+            expect(getForwardableEvent(notLiveBeacon, client)).toBe(null);
+        });
+
+        it("returns null for a live beacon that does not have a location", () => {
+            const liveBeacon = makeBeaconInfoEvent(userId, roomId, { isLive: true });
+            makeRoomWithBeacons(roomId, client, [liveBeacon]);
+
+            expect(getForwardableEvent(liveBeacon, client)).toBe(null);
+        });
+
+        it("returns the latest location event for a live beacon with location", () => {
+            const liveBeacon = makeBeaconInfoEvent(userId, roomId, { isLive: true }, "id");
+            const locationEvent = makeBeaconEvent(userId, {
+                beaconInfoId: liveBeacon.getId(),
+                geoUri: "geo:52,42",
+                // make sure its in live period
+                timestamp: Date.now() + 1,
+            });
+            makeRoomWithBeacons(roomId, client, [liveBeacon], [locationEvent]);
+
+            expect(getForwardableEvent(liveBeacon, client)).toBe(locationEvent);
+        });
+    });
+});
diff --git a/apps/web/src/events/forward/getForwardableEvent.ts b/apps/web/src/events/forward/getForwardableEvent.ts
new file mode 100644
index 00000000000..4f04f02339c
--- /dev/null
+++ b/apps/web/src/events/forward/getForwardableEvent.ts
@@ -0,0 +1,28 @@
+/*
+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 { M_POLL_END, M_POLL_START, M_BEACON_INFO, type MatrixEvent, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { getShareableLocationEventForBeacon } from "../../utils/beacon/getShareableLocation";
+
+/**
+ * Get forwardable event for a given event
+ * If an event is not forwardable return null
+ */
+export const getForwardableEvent = (event: MatrixEvent, cli: MatrixClient): MatrixEvent | null => {
+    if (M_POLL_START.matches(event.getType()) || M_POLL_END.matches(event.getType())) {
+        return null;
+    }
+
+    // Live location beacons should forward their latest location as a static pin location
+    // If the beacon is not live, or doesn't have a location forwarding is not allowed
+    if (M_BEACON_INFO.matches(event.getType())) {
+        return getShareableLocationEventForBeacon(event, cli);
+    }
+    return event;
+};
diff --git a/apps/web/src/events/index.ts b/apps/web/src/events/index.ts
new file mode 100644
index 00000000000..d085cd9b18e
--- /dev/null
+++ b/apps/web/src/events/index.ts
@@ -0,0 +1,9 @@
+/*
+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.
+*/
+
+export { getForwardableEvent } from "./forward/getForwardableEvent";
diff --git a/apps/web/src/events/location/getShareableLocationEvent.test.ts b/apps/web/src/events/location/getShareableLocationEvent.test.ts
new file mode 100644
index 00000000000..1f51d89ca14
--- /dev/null
+++ b/apps/web/src/events/location/getShareableLocationEvent.test.ts
@@ -0,0 +1,78 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect } from "vitest";
+import { EventType, MatrixEvent, MsgType } from "matrix-js-sdk/src/matrix";
+import {
+    getMockClientWithEventEmitter,
+    makeBeaconEvent,
+    makeBeaconInfoEvent,
+    makeLocationEvent,
+    makeRoomWithBeacons,
+} from "test-utils";
+
+import { getShareableLocationEvent } from "./getShareableLocationEvent";
+
+describe("getShareableLocationEvent()", () => {
+    const userId = "@alice:server.org";
+    const roomId = "!room:server.org";
+    const client = getMockClientWithEventEmitter({
+        getRoom: vi.fn(),
+    });
+
+    it("returns null for a non-location event", () => {
+        const alicesMessageEvent = new MatrixEvent({
+            type: EventType.RoomMessage,
+            sender: userId,
+            room_id: roomId,
+            content: {
+                msgtype: MsgType.Text,
+                body: "Hello",
+            },
+        });
+
+        expect(getShareableLocationEvent(alicesMessageEvent, client)).toBe(null);
+    });
+
+    it("returns the event for a location event", () => {
+        const locationEvent = makeLocationEvent("geo:52,42");
+
+        expect(getShareableLocationEvent(locationEvent, client)).toBe(locationEvent);
+    });
+
+    describe("beacons", () => {
+        it("returns null for a beacon that is not live", () => {
+            const notLiveBeacon = makeBeaconInfoEvent(userId, roomId, { isLive: false });
+            makeRoomWithBeacons(roomId, client, [notLiveBeacon]);
+
+            expect(getShareableLocationEvent(notLiveBeacon, client)).toBe(null);
+        });
+
+        it("returns null for a live beacon that does not have a location", () => {
+            const liveBeacon = makeBeaconInfoEvent(userId, roomId, { isLive: true });
+            makeRoomWithBeacons(roomId, client, [liveBeacon]);
+
+            expect(getShareableLocationEvent(liveBeacon, client)).toBe(null);
+        });
+
+        it("returns the latest location event for a live beacon with location", () => {
+            const liveBeacon = makeBeaconInfoEvent(userId, roomId, { isLive: true }, "id");
+            const locationEvent = makeBeaconEvent(userId, {
+                beaconInfoId: liveBeacon.getId(),
+                geoUri: "geo:52,42",
+                // make sure its in live period
+                timestamp: Date.now() + 1,
+            });
+            makeRoomWithBeacons(roomId, client, [liveBeacon], [locationEvent]);
+
+            expect(getShareableLocationEvent(liveBeacon, client)).toBe(locationEvent);
+        });
+    });
+});
diff --git a/apps/web/src/events/location/getShareableLocationEvent.ts b/apps/web/src/events/location/getShareableLocationEvent.ts
new file mode 100644
index 00000000000..e56d5014e07
--- /dev/null
+++ b/apps/web/src/events/location/getShareableLocationEvent.ts
@@ -0,0 +1,27 @@
+/*
+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 { M_BEACON_INFO, type MatrixEvent, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { getShareableLocationEventForBeacon } from "../../utils/beacon/getShareableLocation";
+import { isLocationEvent } from "../../utils/EventUtils";
+
+/**
+ * Get event that is shareable as a location
+ * If an event does not have a shareable location, return null
+ */
+export const getShareableLocationEvent = (event: MatrixEvent, cli: MatrixClient): MatrixEvent | null => {
+    if (isLocationEvent(event)) {
+        return event;
+    }
+
+    if (M_BEACON_INFO.matches(event.getType())) {
+        return getShareableLocationEventForBeacon(event, cli);
+    }
+    return null;
+};
diff --git a/apps/web/src/favicon.test.ts b/apps/web/src/favicon.test.ts
new file mode 100644
index 00000000000..7208e4debb0
--- /dev/null
+++ b/apps/web/src/favicon.test.ts
@@ -0,0 +1,94 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import "vitest-canvas-mock";
+
+import Favicon from "./favicon";
+
+vi.useFakeTimers();
+
+describe("Favicon", () => {
+    beforeEach(() => {
+        vi.restoreAllMocks();
+        document.getElementsByTagName("head")[0]?.remove();
+        const head = document.createElement("head");
+        window.document.documentElement.prepend(head);
+    });
+
+    it("should create a link element if one doesn't yet exist", () => {
+        const favicon = new Favicon();
+        expect(favicon).toBeTruthy();
+        const link = window.document.querySelector("link")!;
+        expect(link.rel).toContain("icon");
+    });
+
+    it("should draw a badge if called with a non-zero value", () => {
+        const favicon = new Favicon();
+        favicon.badge(123);
+        vi.runAllTimers();
+        expect(favicon["context"].__getDrawCalls()).toMatchSnapshot();
+    });
+
+    it("should clear a badge if called with a zero value", () => {
+        const favicon = new Favicon();
+        favicon.badge(123);
+        vi.runAllTimers();
+        favicon.badge(0);
+        expect(favicon["context"].__getDrawCalls()).toMatchSnapshot();
+    });
+
+    it("should recreate link element for firefox and opera", () => {
+        window["InstallTrigger"] = {};
+        window["opera"] = {};
+        const favicon = new Favicon();
+        const originalLink = window.document.querySelector("link");
+        favicon.badge(123);
+        vi.runAllTimers();
+        const newLink = window.document.querySelector("link");
+        expect(originalLink).not.toStrictEqual(newLink);
+    });
+
+    it("should default to 144px", () => {
+        const head = document.getElementsByTagName("head")[0];
+        const link = document.createElement("link");
+        link.rel = "icon";
+        link.href = "favicon.png";
+        head.appendChild(link);
+
+        const spy = vi.spyOn(document, "createElement");
+        const favicon = new Favicon();
+        vi.runAllTimers();
+
+        const img = spy.mock.results[0].value;
+        img.onload();
+
+        expect(favicon["canvas"].height).toBe(144);
+    });
+
+    it("should use the size of the last favicon", () => {
+        const head = document.getElementsByTagName("head")[0];
+        const link = document.createElement("link");
+        link.rel = "icon";
+        link.sizes = "512x512";
+        link.href = "favicon.png";
+        head.appendChild(link);
+
+        const spy = vi.spyOn(document, "createElement");
+        const favicon = new Favicon();
+        vi.runAllTimers();
+
+        const img = spy.mock.results[0].value;
+        img.height = 512;
+        img.onload();
+
+        expect(favicon["canvas"].height).toBe(512);
+    });
+});
diff --git a/apps/web/src/favicon.ts b/apps/web/src/favicon.ts
new file mode 100644
index 00000000000..a90f09be92c
--- /dev/null
+++ b/apps/web/src/favicon.ts
@@ -0,0 +1,312 @@
+/*
+Copyright 2020-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.
+*/
+
+interface IParams {
+    // colour parameters
+    bgColor: string;
+    textColor: string;
+    // font styling parameters
+    fontFamily: string;
+    fontWeight: "normal" | "italic" | "bold" | "bolder" | "lighter" | number;
+
+    // positioning parameters
+    isUp: boolean;
+    isLeft: boolean;
+}
+
+const defaults: IParams = {
+    bgColor: "#d00",
+    textColor: "#fff",
+    fontFamily: "sans-serif", // Arial,Verdana,Times New Roman,serif,sans-serif,...
+    fontWeight: "bold", // normal,italic,oblique,bold,bolder,lighter,100,200,300,400,500,600,700,800,900
+
+    isUp: false,
+    isLeft: false,
+};
+
+abstract class IconRenderer {
+    protected readonly canvas: HTMLCanvasElement;
+    protected readonly context: CanvasRenderingContext2D;
+    public constructor(
+        protected readonly params: IParams = defaults,
+        protected readonly baseImage?: HTMLImageElement,
+    ) {
+        this.canvas = document.createElement("canvas");
+        const context = this.canvas.getContext("2d");
+        if (!context) {
+            throw Error("Could not get canvas context");
+        }
+        this.context = context;
+    }
+
+    private options(
+        n: number | string,
+        params: IParams,
+    ): {
+        n: string | number;
+        len: number;
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    } {
+        const opt = {
+            n: typeof n === "number" ? Math.abs(n | 0) : n,
+            len: ("" + n).length,
+            // badge positioning constants as percentages
+            x: 0.4,
+            y: 0.4,
+            w: 0.6,
+            h: 0.6,
+        };
+
+        // apply positional transformations
+        if (params.isUp) {
+            if (opt.y < 0.6) {
+                opt.y = opt.y - 0.4;
+            } else {
+                opt.y = opt.y - 2 * opt.y + (1 - opt.w);
+            }
+        }
+        if (params.isLeft) {
+            if (opt.x < 0.6) {
+                opt.x = opt.x - 0.4;
+            } else {
+                opt.x = opt.x - 2 * opt.x + (1 - opt.h);
+            }
+        }
+
+        // scale the position to the canvas
+        opt.x = this.canvas.width * opt.x;
+        opt.y = this.canvas.height * opt.y;
+        opt.w = this.canvas.width * opt.w;
+        opt.h = this.canvas.height * opt.h;
+        return opt;
+    }
+
+    /**
+     * Draws a circualr status icon, usually over the top of the application icon.
+     * @param n The content of the circle. Should be a number or a single character.
+     * @param opts Options to adjust.
+     */
+    protected circle(n: number | string, opts?: Partial<IParams>): void {
+        const params = { ...this.params, ...opts };
+        const opt = this.options(n, params);
+
+        let more = false;
+        if (!this.baseImage) {
+            // If we omit the background, assume the entire canvas is our target.
+            opt.x = 0;
+            opt.y = 0;
+            opt.w = this.canvas.width;
+            opt.h = this.canvas.height;
+        }
+        if (opt.len === 2) {
+            opt.x = opt.x - opt.w * 0.4;
+            opt.w = opt.w * 1.4;
+            more = true;
+        } else if (opt.len >= 3) {
+            opt.x = opt.x - opt.w * 0.65;
+            opt.w = opt.w * 1.65;
+            more = true;
+        }
+
+        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+        if (this.baseImage) {
+            this.context.drawImage(this.baseImage, 0, 0, this.canvas.width, this.canvas.height);
+        }
+        this.context.beginPath();
+        const fontSize = Math.floor(opt.h * (typeof opt.n === "number" && opt.n > 99 ? 0.85 : 1)) + "px";
+        this.context.font = `${params.fontWeight} ${fontSize} ${params.fontFamily}`;
+        this.context.textAlign = "center";
+
+        if (more) {
+            this.context.moveTo(opt.x + opt.w / 2, opt.y);
+            this.context.lineTo(opt.x + opt.w - opt.h / 2, opt.y);
+            this.context.quadraticCurveTo(opt.x + opt.w, opt.y, opt.x + opt.w, opt.y + opt.h / 2);
+            this.context.lineTo(opt.x + opt.w, opt.y + opt.h - opt.h / 2);
+            this.context.quadraticCurveTo(opt.x + opt.w, opt.y + opt.h, opt.x + opt.w - opt.h / 2, opt.y + opt.h);
+            this.context.lineTo(opt.x + opt.h / 2, opt.y + opt.h);
+            this.context.quadraticCurveTo(opt.x, opt.y + opt.h, opt.x, opt.y + opt.h - opt.h / 2);
+            this.context.lineTo(opt.x, opt.y + opt.h / 2);
+            this.context.quadraticCurveTo(opt.x, opt.y, opt.x + opt.h / 2, opt.y);
+        } else {
+            this.context.arc(opt.x + opt.w / 2, opt.y + opt.h / 2, opt.h / 2, 0, 2 * Math.PI);
+        }
+
+        this.context.fillStyle = params.bgColor;
+        this.context.fill();
+        this.context.closePath();
+        this.context.beginPath();
+        this.context.stroke();
+        this.context.fillStyle = params.textColor;
+
+        if (typeof opt.n === "number" && opt.n > 999) {
+            const count = (opt.n > 9999 ? 9 : Math.floor(opt.n / 1000)) + "k+";
+            this.context.fillText(count, Math.floor(opt.x + opt.w / 2), Math.floor(opt.y + opt.h - opt.h * 0.2));
+        } else {
+            this.context.fillText("" + opt.n, Math.floor(opt.x + opt.w / 2), Math.floor(opt.y + opt.h - opt.h * 0.15));
+        }
+
+        this.context.closePath();
+    }
+}
+
+export class BadgeOverlayRenderer extends IconRenderer {
+    public constructor() {
+        super();
+        // Overlays are 16x16 https://www.electronjs.org/docs/latest/api/browser-window#winsetoverlayiconoverlay-description-windows
+        this.canvas.width = 16;
+        this.canvas.height = 16;
+    }
+
+    /**
+     * Generate an overlay badge without the application icon, and export
+     * as an ArrayBuffer
+     * @param contents The content of the circle. Should be a number or a single character.
+     * @param bgColor Optional alternative background colo.r
+     * @returns An ArrayBuffer representing a 16x16 icon in `image/png` format, or `null` if no badge should be drawn.
+     */
+    public async render(contents: number | string, bgColor?: string): Promise<ArrayBuffer | null> {
+        if (contents === 0) {
+            return null;
+        }
+
+        this.circle(contents, { ...(bgColor ? { bgColor } : undefined) });
+        return new Promise((resolve, reject) => {
+            this.canvas.toBlob(
+                (blob) => {
+                    if (blob) {
+                        resolve(blob.arrayBuffer());
+                        return;
+                    }
+                    reject(new Error("Could not render badge overlay as blob"));
+                },
+                "image/png",
+                1,
+            );
+        });
+    }
+}
+
+// multiple of 48 as per Google guidelines
+// multiple of 16 for higher quality scaling for small display
+const DEFAULT_FAVICON_SIZE = 144;
+
+// Allows dynamic rendering of a circular badge atop the loaded favicon
+// supports colour, font and basic positioning parameters.
+// Based upon https://github.com/ejci/favico.js/blob/master/favico.js [MIT license]
+export default class Favicon extends IconRenderer {
+    private readonly browser = {
+        ff: typeof window.InstallTrigger !== "undefined",
+        opera: !!window.opera || navigator.userAgent.includes("Opera"),
+    };
+
+    private icons: HTMLLinkElement[];
+
+    private isReady = false;
+    // callback to run once isReady is asserted, allows for a badge to be queued for when it can be shown
+    private readyCb?: () => void;
+
+    public constructor() {
+        const baseImage = document.createElement("img");
+        super(defaults, baseImage);
+
+        this.icons = Favicon.getIcons();
+
+        const lastIcon = this.icons[this.icons.length - 1];
+        if (lastIcon.hasAttribute("href")) {
+            baseImage.setAttribute("crossOrigin", "anonymous");
+            baseImage.onload = (): void => {
+                // get height and width of the favicon
+                this.canvas.height = baseImage.height > 0 ? baseImage.height : DEFAULT_FAVICON_SIZE;
+                this.canvas.width = baseImage.width > 0 ? baseImage.width : DEFAULT_FAVICON_SIZE;
+                this.ready();
+            };
+            baseImage.setAttribute("src", lastIcon.getAttribute("href")!);
+        } else {
+            this.canvas.height = baseImage.height = DEFAULT_FAVICON_SIZE;
+            this.canvas.width = baseImage.width = DEFAULT_FAVICON_SIZE;
+            this.ready();
+        }
+    }
+
+    private reset(): void {
+        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+        this.context.drawImage(this.baseImage!, 0, 0, this.canvas.width, this.canvas.height);
+    }
+
+    private ready(): void {
+        if (this.isReady) return;
+        this.isReady = true;
+        this.readyCb?.();
+    }
+
+    private setIcon(canvas: HTMLCanvasElement): void {
+        setTimeout(() => {
+            this.setIconSrc(canvas.toDataURL("image/png"));
+        }, 0);
+    }
+
+    private setIconSrc(url: string): void {
+        // if is attached to fav icon
+        if (this.browser.ff || this.browser.opera) {
+            // for FF we need to "recreate" element, attach to dom and remove old <link>
+            const old = this.icons[this.icons.length - 1];
+            const newIcon = window.document.createElement("link");
+            this.icons = [newIcon];
+            newIcon.setAttribute("rel", "icon");
+            newIcon.setAttribute("type", "image/png");
+            window.document.getElementsByTagName("head")[0].appendChild(newIcon);
+            newIcon.setAttribute("href", url);
+            old.parentNode?.removeChild(old);
+        } else {
+            this.icons.forEach((icon) => {
+                icon.setAttribute("href", url);
+            });
+        }
+    }
+
+    public badge(content: number | string, opts?: Partial<IParams>): void {
+        if (!this.isReady) {
+            this.readyCb = (): void => {
+                this.badge(content, opts);
+            };
+            return;
+        }
+
+        if (typeof content === "string" || content > 0) {
+            this.circle(content, opts);
+        } else {
+            this.reset();
+        }
+
+        this.setIcon(this.canvas);
+    }
+
+    private static getLinks(): HTMLLinkElement[] {
+        const icons: HTMLLinkElement[] = [];
+        const links = window.document.getElementsByTagName("head")[0].getElementsByTagName("link");
+        for (const link of links) {
+            if (link.hasAttribute("rel") && /(^|\s)icon(\s|$)/i.test(link.getAttribute("rel")!)) {
+                icons.push(link);
+            }
+        }
+        return icons;
+    }
+
+    private static getIcons(): HTMLLinkElement[] {
+        // get favicon link elements
+        let elms = Favicon.getLinks();
+        if (elms.length === 0) {
+            elms = [window.document.createElement("link")];
+            elms[0].setAttribute("rel", "icon");
+            window.document.getElementsByTagName("head")[0].appendChild(elms[0]);
+        }
+        return elms;
+    }
+}
diff --git a/apps/web/src/hooks/right-panel/useCurrentPhase.ts b/apps/web/src/hooks/right-panel/useCurrentPhase.ts
new file mode 100644
index 00000000000..926c6f6e8c2
--- /dev/null
+++ b/apps/web/src/hooks/right-panel/useCurrentPhase.ts
@@ -0,0 +1,45 @@
+/*
+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 { useContext, useState } from "react";
+
+import { SDKContext } from "../../contexts/SDKContext";
+import { type RightPanelPhases } from "../../stores/right-panel/RightPanelStorePhases";
+import { useEventEmitter } from "../useEventEmitter";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+
+/**
+ * Returns:
+ * - state which will always reflect the currently active right panel phase or null.
+ * - boolean state representing whether any panel is open or not.
+ * @param roomId room id if available.
+ */
+export function useCurrentPhase(roomId?: string): { currentPhase: RightPanelPhases | null; isOpen: boolean } {
+    const sdkContext = useContext(SDKContext);
+
+    const getCurrentPhase = (): RightPanelPhases | null => {
+        const card = roomId
+            ? sdkContext.rightPanelStore.currentCardForRoom(roomId)
+            : sdkContext.rightPanelStore.currentCard;
+        return card.phase;
+    };
+
+    const getIsOpen = (): boolean => {
+        const isOpen = roomId ? sdkContext.rightPanelStore.isOpenForRoom(roomId) : sdkContext.rightPanelStore.isOpen;
+        return isOpen;
+    };
+
+    const [currentPhase, setCurrentPhase] = useState<RightPanelPhases | null>(getCurrentPhase());
+    const [isOpen, setIsOpen] = useState<boolean>(getIsOpen());
+
+    useEventEmitter(sdkContext.rightPanelStore, UPDATE_EVENT, () => {
+        setCurrentPhase(getCurrentPhase());
+        setIsOpen(getIsOpen());
+    });
+
+    return { currentPhase, isOpen };
+}
diff --git a/apps/web/src/hooks/room/useGuestAccessInformation.ts b/apps/web/src/hooks/room/useGuestAccessInformation.ts
new file mode 100644
index 00000000000..58945a5bf60
--- /dev/null
+++ b/apps/web/src/hooks/room/useGuestAccessInformation.ts
@@ -0,0 +1,53 @@
+/*
+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.
+*/
+
+import { useMemo } from "react";
+import { EventType, JoinRule, type Room } from "matrix-js-sdk/src/matrix";
+
+import SdkConfig from "../../SdkConfig";
+import { useRoomState } from "../useRoomState";
+
+interface GuestAccessInformation {
+    canInviteGuests: boolean;
+    guestSpaUrl?: string;
+    isRoomJoinable: () => boolean;
+    canInvite: boolean;
+}
+
+/**
+ * Helper to retrieve the guest access related information for a room.
+ * @param room
+ * @returns The GuestAccessInformation which helps decide what options the user should be given.
+ */
+export const useGuestAccessInformation = (room: Room): GuestAccessInformation => {
+    const guestSpaUrl = useMemo(() => {
+        return SdkConfig.get("element_call").guest_spa_url;
+    }, []);
+
+    // We use the direct function only in functions triggered by user interaction to avoid computation on every render.
+    const { joinRule, canInvite, canChangeJoinRule } = useRoomState(room, (roomState) => ({
+        joinRule: room.getJoinRule(),
+        canInvite: room.canInvite(room.myUserId),
+        canChangeJoinRule: roomState.maySendStateEvent(EventType.RoomJoinRules, room.myUserId),
+    }));
+    const isRoomJoinable = useMemo(
+        () => joinRule === JoinRule.Public || (joinRule === JoinRule.Knock && canInvite),
+        [canInvite, joinRule],
+    );
+    const canInviteGuests = useMemo(
+        () => (canChangeJoinRule || isRoomJoinable) && guestSpaUrl !== undefined,
+        [canChangeJoinRule, isRoomJoinable, guestSpaUrl],
+    );
+
+    const isRoomJoinableFunction = (): boolean => {
+        const join = room.getJoinRule();
+        return join === JoinRule.Public || (join === JoinRule.Knock && room.canInvite(room.myUserId));
+    };
+
+    return { canInviteGuests, guestSpaUrl, isRoomJoinable: isRoomJoinableFunction, canInvite };
+};
diff --git a/apps/web/src/hooks/room/useRoomCall.ts b/apps/web/src/hooks/room/useRoomCall.ts
new file mode 100644
index 00000000000..d06eb42dcf3
--- /dev/null
+++ b/apps/web/src/hooks/room/useRoomCall.ts
@@ -0,0 +1,367 @@
+/*
+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 Room } from "matrix-js-sdk/src/matrix";
+import { CallType } from "matrix-js-sdk/src/webrtc/call";
+import { type ReactNode, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { logger as rootLogger } from "matrix-js-sdk/src/logger";
+
+import type React from "react";
+import { useSettingValue } from "../useSettings";
+import { useEventEmitter, useEventEmitterState } from "../useEventEmitter";
+import { LegacyCallHandlerEvent } from "../../LegacyCallHandler";
+import { useWidgets } from "../../utils/WidgetUtils";
+import { WidgetType } from "../../widgets/WidgetType";
+import { useCall, useConnectionState, useParticipantCount } from "../useCall";
+import { useRoomMemberCount } from "../useRoomMembers";
+import { ConnectionState } from "../../models/Call";
+import { placeCall } from "../../utils/room/placeCall";
+import { WidgetLayoutStore } from "../../stores/widgets/WidgetLayoutStore";
+import { useRoomState } from "../useRoomState";
+import { _t } from "../../languageHandler";
+import { isManagedHybridWidget, isManagedHybridWidgetEnabled } from "../../widgets/ManagedHybrid";
+import { type IApp } from "../../stores/WidgetStore";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import { Action } from "../../dispatcher/actions";
+import { CallStore, CallStoreEvent } from "../../stores/CallStore";
+import { isVideoRoom } from "../../utils/video-rooms";
+import { UIFeature } from "../../settings/UIFeature";
+import { type InteractionName } from "../../PosthogTrackers";
+import { ElementCallMemberEventType } from "../../call-types";
+import { LocalRoom, LocalRoomState } from "../../models/LocalRoom";
+import { useScopedRoomContext } from "../../contexts/ScopedRoomContext";
+import { SDKContext } from "../../contexts/SDKContext.ts";
+import SdkConfig from "../../SdkConfig";
+
+const logger = rootLogger.getChild("useRoomCall");
+
+export enum PlatformCallType {
+    ElementCall,
+    JitsiCall,
+    LegacyCall,
+}
+
+export const getPlatformCallTypeProps = (
+    platformCallType: PlatformCallType,
+): {
+    label: string;
+    children?: ReactNode;
+    analyticsName: InteractionName;
+} => {
+    switch (platformCallType) {
+        case PlatformCallType.ElementCall:
+            return {
+                label: _t("voip|element_call"),
+                analyticsName: "WebVoipOptionElementCall",
+            };
+        case PlatformCallType.JitsiCall:
+            return {
+                label: _t("voip|jitsi_call"),
+                analyticsName: "WebVoipOptionJitsi",
+            };
+        case PlatformCallType.LegacyCall:
+            return {
+                label: _t("voip|legacy_call"),
+                analyticsName: "WebVoipOptionLegacy",
+            };
+        default:
+            throw Error(`Unexpected PlatformCallType ${platformCallType}`);
+    }
+};
+
+const enum State {
+    NoCall,
+    NoPermission,
+    Unpinned,
+    Ongoing,
+    NotJoined,
+}
+
+/**
+ * Utility hook for resolving state and click handlers for Voice & Video call buttons in the room header
+ * @param room the room to track
+ * @returns the call button attributes for the given room
+ */
+export const useRoomCall = (
+    room: Room | LocalRoom,
+): {
+    voiceCallDisabledReason: string | null;
+    voiceCallClick(this: void, evt: React.MouseEvent | undefined, selectedType: PlatformCallType): void;
+    videoCallDisabledReason: string | null;
+    videoCallClick(this: void, evt: React.MouseEvent | undefined, selectedType: PlatformCallType): void;
+    toggleCallMaximized: () => void;
+    isViewingCall: boolean;
+    isConnectedToCall: boolean;
+    /**
+     * The type of call in progress, or `null` if no call is ongoing.
+     */
+    activeCallSessionType: CallType | null;
+    callOptions: PlatformCallType[];
+    showVideoCallButton: boolean;
+    showVoiceCallButton: boolean;
+} => {
+    const sdkContext = useContext(SDKContext);
+    const roomViewStore = useScopedRoomContext("roomViewStore").roomViewStore;
+    // settings
+    const widgetsFeatureEnabled = useSettingValue(UIFeature.Widgets);
+    const voipFeatureEnabled = useSettingValue(UIFeature.Voip);
+    const enableLegacyCallsVoip = useSettingValue("enableLegacyCallsVoip");
+    const sdkConfigEcOnly = useMemo(() => {
+        return SdkConfig.get("element_call").use_exclusively;
+    }, []);
+    const useElementCallExclusively = !enableLegacyCallsVoip || sdkConfigEcOnly;
+
+    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(
+        sdkContext.legacyCallHandler,
+        LegacyCallHandlerEvent.CallsChanged,
+        () => sdkContext.legacyCallHandler.getCallForRoom(room.roomId) !== null,
+    );
+    // settings
+    const widgets = useWidgets(room);
+    const jitsiWidget = useMemo(() => widgets.find((widget) => WidgetType.JITSI.matches(widget.type)), [widgets]);
+    const hasJitsiWidget = !!jitsiWidget;
+    const managedHybridWidget = useMemo(() => widgets.find(isManagedHybridWidget), [widgets]);
+    const hasManagedHybridWidget = !!managedHybridWidget;
+
+    // group call
+    const groupCall = useCall(room.roomId);
+    const isConnectedToCall = useConnectionState(groupCall) === ConnectionState.Connected;
+    const hasGroupCall = groupCall !== null;
+    const isViewingCall = useEventEmitterState(
+        roomViewStore,
+        UPDATE_EVENT,
+        () => roomViewStore.isViewingCall() || isVideoRoom(room),
+    );
+
+    const participantCount = useParticipantCount(groupCall);
+    const activeCallSessionType = useMemo(() => {
+        if (!groupCall || participantCount === 0) {
+            return null;
+        }
+        return groupCall.callType;
+    }, [participantCount, groupCall]);
+
+    // room
+    const memberCount = useRoomMemberCount(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[] => {
+        const options: PlatformCallType[] = [];
+        if (!SdkConfig.get("element_call").disable) {
+            if (useElementCallExclusively && !hasJitsiWidget) {
+                return [PlatformCallType.ElementCall];
+            }
+            if (hasGroupCall || mayCreateElementCalls) {
+                options.push(PlatformCallType.ElementCall);
+            }
+        }
+        if (memberCount <= 2) {
+            options.push(PlatformCallType.LegacyCall);
+        } else if (mayEditWidgets || hasJitsiWidget) {
+            options.push(PlatformCallType.JitsiCall);
+        }
+        if (hasGroupCall && WidgetType.CALL.matches(groupCall.widget.type)) {
+            // only allow joining the ongoing Element call if there is one.
+            return [PlatformCallType.ElementCall];
+        }
+        return options;
+    }, [
+        memberCount,
+        mayEditWidgets,
+        hasJitsiWidget,
+        hasGroupCall,
+        mayCreateElementCalls,
+        useElementCallExclusively,
+        groupCall?.widget.type,
+    ]);
+
+    let widget: IApp | undefined;
+    if (callOptions.includes(PlatformCallType.JitsiCall) || callOptions.includes(PlatformCallType.LegacyCall)) {
+        widget = jitsiWidget ?? managedHybridWidget;
+    }
+    if (callOptions.includes(PlatformCallType.ElementCall)) {
+        widget = groupCall?.widget;
+    } else {
+        widget = groupCall?.widget ?? jitsiWidget;
+    }
+    const updateWidgetState = useCallback((): void => {
+        setCanPinWidget(sdkContext.widgetLayoutStore.canAddToContainer(room, "top"));
+        setWidgetPinned(!!widget && sdkContext.widgetLayoutStore.isInContainer(room, widget, "top"));
+    }, [room, widget, sdkContext.widgetLayoutStore]);
+    useEventEmitter(sdkContext.widgetLayoutStore, WidgetLayoutStore.emissionForRoom(room), updateWidgetState);
+    useEffect(() => {
+        updateWidgetState();
+    }, [room, jitsiWidget, groupCall, updateWidgetState]);
+    const [canPinWidget, setCanPinWidget] = useState(false);
+    const [widgetPinned, setWidgetPinned] = useState(false);
+    // We only want to prompt to pin the widget if it's not element call based.
+    const isECWidget = WidgetType.CALL.matches(widget?.type ?? "");
+    const promptPinWidget = !isECWidget && canPinWidget && !widgetPinned;
+    const connectedCalls = useEventEmitterState(CallStore.instance, CallStoreEvent.ConnectedCalls, () =>
+        Array.from(CallStore.instance.connectedCalls),
+    );
+
+    const state = useMemo((): State => {
+        if (connectedCalls.find((call) => call.roomId != room.roomId)) {
+            return State.Ongoing;
+        }
+        if (hasGroupCall && (hasJitsiWidget || hasManagedHybridWidget)) {
+            return promptPinWidget ? State.Unpinned : State.Ongoing;
+        }
+        if (hasLegacyCall) {
+            return State.Ongoing;
+        }
+
+        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,
+        connectedCalls,
+        hasGroupCall,
+        hasJitsiWidget,
+        hasLegacyCall,
+        hasManagedHybridWidget,
+        mayCreateElementCalls,
+        mayEditWidgets,
+        promptPinWidget,
+        room.roomId,
+    ]);
+
+    const voiceCallClick = useCallback(
+        (evt: React.MouseEvent | undefined, callPlatformType: PlatformCallType): void => {
+            evt?.stopPropagation();
+            if (widget && promptPinWidget) {
+                sdkContext.widgetLayoutStore.moveToContainer(room, widget, "top");
+            } else {
+                placeCall(
+                    sdkContext.legacyCallHandler,
+                    room,
+                    CallType.Voice,
+                    callPlatformType,
+                    evt?.shiftKey || undefined,
+                    true,
+                );
+            }
+        },
+        [promptPinWidget, room, widget, sdkContext.widgetLayoutStore, sdkContext.legacyCallHandler],
+    );
+    const videoCallClick = useCallback(
+        (evt: React.MouseEvent | undefined, callPlatformType: PlatformCallType): void => {
+            evt?.stopPropagation();
+            if (widget && promptPinWidget) {
+                sdkContext.widgetLayoutStore.moveToContainer(room, widget, "top");
+            } else {
+                // If we have pressed shift then always skip the lobby, otherwise `undefined` will defer
+                // to the defaults of the call implementation.
+                placeCall(
+                    sdkContext.legacyCallHandler,
+                    room,
+                    CallType.Video,
+                    callPlatformType,
+                    evt?.shiftKey || undefined,
+                    false,
+                );
+            }
+        },
+        [widget, promptPinWidget, room, sdkContext.widgetLayoutStore, sdkContext.legacyCallHandler],
+    );
+
+    let voiceCallDisabledReason: string | null;
+    let videoCallDisabledReason: string | null;
+    switch (state) {
+        case State.NoPermission:
+            voiceCallDisabledReason = _t("voip|disabled_no_perms_start_voice_call");
+            videoCallDisabledReason = _t("voip|disabled_no_perms_start_video_call");
+            break;
+        case State.Ongoing:
+            voiceCallDisabledReason = _t("voip|disabled_ongoing_call");
+            videoCallDisabledReason = _t("voip|disabled_ongoing_call");
+            break;
+        case State.Unpinned:
+        case State.NotJoined:
+        case State.NoCall:
+            voiceCallDisabledReason = null;
+            videoCallDisabledReason = null;
+    }
+    const toggleCallMaximized = useCallback(() => {
+        defaultDispatcher.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: room.roomId,
+            metricsTrigger: undefined,
+            view_call: !isViewingCall,
+        });
+    }, [isViewingCall, room.roomId]);
+
+    const roomDoesNotExist = room instanceof LocalRoom && room.state !== LocalRoomState.CREATED;
+
+    // We hide the voice call button if it'd have the same effect as the video call button
+    let hideVoiceCallButton =
+        isManagedHybridWidgetEnabled(room) ||
+        // Disable voice calls if Legacy calls are disabled
+        (!callOptions.includes(PlatformCallType.LegacyCall) &&
+            // Disable voice calls in ECall if the room is a group (we only present video calls for groups of users)
+            (!callOptions.includes(PlatformCallType.ElementCall) || memberCount > 2));
+
+    let hideVideoCallButton = false;
+    // We hide both buttons if:
+    // - they require widgets but widgets are disabled
+    // - if the Voip feature is disabled.
+    // - The room is not created yet (rendering "send first message view")
+    if ((memberCount > 2 && !widgetsFeatureEnabled) || !voipFeatureEnabled || roomDoesNotExist) {
+        hideVoiceCallButton = true;
+        hideVideoCallButton = true;
+    }
+
+    /**
+     * We've gone through all the steps
+     */
+    return {
+        voiceCallDisabledReason,
+        voiceCallClick,
+        videoCallDisabledReason,
+        videoCallClick,
+        toggleCallMaximized: toggleCallMaximized,
+        isViewingCall: isViewingCall,
+        isConnectedToCall: isConnectedToCall,
+        activeCallSessionType: activeCallSessionType,
+        callOptions,
+        showVoiceCallButton: !hideVoiceCallButton,
+        showVideoCallButton: !hideVideoCallButton,
+    };
+};
diff --git a/apps/web/src/hooks/room/useRoomIdName.ts b/apps/web/src/hooks/room/useRoomIdName.ts
new file mode 100644
index 00000000000..c7930029e26
--- /dev/null
+++ b/apps/web/src/hooks/room/useRoomIdName.ts
@@ -0,0 +1,32 @@
+/*
+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 { useDmMember } from "../../components/views/avatars/WithPresenceIndicator.tsx";
+import { LocalRoom } from "../../models/LocalRoom.ts";
+
+/**
+ * Determine a stable ID for generating hash colours. If the room
+ * is a DM (or local room), then the other user's ID will be used.
+ * @param oobData - out-of-band information about the room
+ * @returns An ID string, or undefined if the room and oobData are undefined.
+ */
+export function useRoomIdName(room?: Room, oobData?: { roomId?: string }): string | undefined {
+    const dmMember = useDmMember(room);
+    if (dmMember) {
+        // If the room is a DM, we use the other user's ID for the color hash
+        // in order to match the room avatar with their avatar
+        return dmMember.userId;
+    } else if (room instanceof LocalRoom && room.targets.length === 1) {
+        return room.targets[0].userId;
+    } else if (room) {
+        return room.roomId;
+    } else {
+        return oobData?.roomId;
+    }
+}
diff --git a/apps/web/src/hooks/room/useRoomMemberProfile.ts b/apps/web/src/hooks/room/useRoomMemberProfile.ts
new file mode 100644
index 00000000000..037ef582d95
--- /dev/null
+++ b/apps/web/src/hooks/room/useRoomMemberProfile.ts
@@ -0,0 +1,93 @@
+/*
+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 { type Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { useMemo } from "react";
+
+import { TimelineRenderingType } from "../../contexts/RoomContext";
+import { useSettingValue } from "../useSettings";
+import { useScopedRoomContext } from "../../contexts/ScopedRoomContext.tsx";
+import { type MemberInfo } from "../../viewmodels/room/timeline/event-tile/DisambiguatedProfileViewModel";
+
+/** Inputs for resolving the room member that should be rendered. */
+export interface RoomMemberProfileResolutionProps {
+    /** Room used to look up the current member, if needed. */
+    room?: Pick<Room, "getMember"> | null;
+    /** Matrix user ID to resolve. */
+    userId?: string;
+    /** Historical member snapshot from the event, if available. */
+    member?: RoomMember | null;
+    /** Whether historical profiles should always be preserved. */
+    forceHistorical?: boolean;
+    /** Whether the current profile should be preferred. */
+    useOnlyCurrentProfiles?: boolean;
+    /** Timeline context used to force current profiles for thread surfaces. */
+    timelineRenderingType?: TimelineRenderingType;
+}
+
+/**
+ * Resolves the room member that should drive profile rendering.
+ */
+export function resolveRoomMemberProfile({
+    room,
+    userId,
+    member: propMember,
+    forceHistorical = false,
+    useOnlyCurrentProfiles = false,
+    timelineRenderingType = TimelineRenderingType.Room,
+}: RoomMemberProfileResolutionProps): RoomMember | undefined | null {
+    const threadContexts = [TimelineRenderingType.ThreadsList, TimelineRenderingType.Thread];
+    if ((!forceHistorical && useOnlyCurrentProfiles) || threadContexts.includes(timelineRenderingType)) {
+        const currentMember = room?.getMember(userId ?? "");
+        if (currentMember) return currentMember;
+    }
+
+    return propMember;
+}
+
+/**
+ * Converts a room member into the plain render data used by shared profile components.
+ */
+export function roomMemberToMemberInfo(member: RoomMember | undefined | null): MemberInfo | null {
+    if (!member) {
+        return null;
+    }
+
+    return {
+        userId: member.userId,
+        roomId: member.roomId,
+        rawDisplayName: member.rawDisplayName,
+        disambiguate: member.disambiguate,
+    };
+}
+
+export function useRoomMemberProfile({
+    userId = "",
+    member: propMember,
+    forceHistorical = false,
+}: {
+    userId: string | undefined;
+    member?: RoomMember | null;
+    forceHistorical?: boolean;
+}): RoomMember | undefined | null {
+    const context = useScopedRoomContext("room", "timelineRenderingType");
+    const useOnlyCurrentProfiles = useSettingValue("useOnlyCurrentProfiles");
+
+    const member = useMemo(() => {
+        return resolveRoomMemberProfile({
+            room: context.room,
+            userId,
+            member: propMember,
+            forceHistorical,
+            useOnlyCurrentProfiles,
+            timelineRenderingType: context.timelineRenderingType,
+        });
+    }, [forceHistorical, propMember, context.room, context.timelineRenderingType, useOnlyCurrentProfiles, userId]);
+
+    return member;
+}
diff --git a/apps/web/src/hooks/room/useRoomThreadNotifications.test.ts b/apps/web/src/hooks/room/useRoomThreadNotifications.test.ts
new file mode 100644
index 00000000000..f450adadef3
--- /dev/null
+++ b/apps/web/src/hooks/room/useRoomThreadNotifications.test.ts
@@ -0,0 +1,75 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, beforeEach } from "vitest";
+import { renderHook } from "test-utils-rtl";
+import { type MatrixClient, NotificationCountType, Room } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils";
+import { populateThread } from "test-utils/threads";
+
+import { useRoomThreadNotifications } from "../../hooks/room/useRoomThreadNotifications";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import { NotificationLevel } from "../../stores/notifications/NotificationLevel";
+
+function render(room: Room) {
+    return renderHook(() => useRoomThreadNotifications(room));
+}
+
+describe("useRoomThreadNotifications", () => {
+    let cli: MatrixClient;
+    let room: Room;
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        cli.supportsThreads = () => true;
+        room = new Room("!room:server", cli, cli.getSafeUserId());
+    });
+
+    it("returns none if no thread in the room has notifications", async () => {
+        const { result } = render(room);
+
+        expect(result.current).toBe(NotificationLevel.None);
+    });
+
+    it("returns none if the thread hasn't a notification anymore", async () => {
+        room.setThreadUnreadNotificationCount("flooble", NotificationCountType.Highlight, 0);
+        const { result } = render(room);
+
+        expect(result.current).toBe(NotificationLevel.None);
+    });
+
+    it("returns red if a thread in the room has a highlight notification", async () => {
+        room.setThreadUnreadNotificationCount("flooble", NotificationCountType.Highlight, 1);
+        const { result } = render(room);
+
+        expect(result.current).toBe(NotificationLevel.Highlight);
+    });
+
+    it("returns grey if a thread in the room has a normal notification", async () => {
+        room.setThreadUnreadNotificationCount("flooble", NotificationCountType.Total, 1);
+        const { result } = render(room);
+
+        expect(result.current).toBe(NotificationLevel.Notification);
+    });
+
+    it("returns activity if a thread in the room unread messages", async () => {
+        await populateThread({
+            room,
+            client: cli,
+            authorId: cli.getSafeUserId(),
+            participantUserIds: ["@alice:server.org"],
+        });
+
+        const { result } = render(room);
+
+        expect(result.current).toBe(NotificationLevel.Activity);
+    });
+});
diff --git a/apps/web/src/hooks/room/useRoomThreadNotifications.ts b/apps/web/src/hooks/room/useRoomThreadNotifications.ts
new file mode 100644
index 00000000000..25c55ab165b
--- /dev/null
+++ b/apps/web/src/hooks/room/useRoomThreadNotifications.ts
@@ -0,0 +1,59 @@
+/*
+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 { NotificationCountType, type Room, RoomEvent, ThreadEvent } from "matrix-js-sdk/src/matrix";
+import { useCallback, useEffect, useState } from "react";
+
+import { NotificationLevel } from "../../stores/notifications/NotificationLevel";
+import { doesRoomHaveUnreadThreads } from "../../Unread";
+import { useEventEmitter } from "../useEventEmitter";
+
+/**
+ * Tracks the thread unread state for an entire room
+ * @param room the room to track
+ * @returns the type of notification for this room
+ */
+export const useRoomThreadNotifications = (room: Room): NotificationLevel => {
+    const [notificationLevel, setNotificationLevel] = useState(NotificationLevel.None);
+
+    const updateNotification = useCallback(() => {
+        switch (room?.threadsAggregateNotificationType) {
+            case NotificationCountType.Highlight:
+                setNotificationLevel(NotificationLevel.Highlight);
+                return;
+            case NotificationCountType.Total:
+                setNotificationLevel(NotificationLevel.Notification);
+                return;
+        }
+        // We don't have any notified messages, but we might have unread messages. Let's
+        // find out.
+        if (doesRoomHaveUnreadThreads(room)) {
+            setNotificationLevel(NotificationLevel.Activity);
+            return;
+        }
+
+        // default case
+        setNotificationLevel(NotificationLevel.None);
+    }, [room]);
+
+    useEventEmitter(room, RoomEvent.UnreadNotifications, updateNotification);
+    useEventEmitter(room, RoomEvent.Receipt, updateNotification);
+    useEventEmitter(room, RoomEvent.Timeline, updateNotification);
+    useEventEmitter(room, RoomEvent.Redaction, updateNotification);
+    useEventEmitter(room, RoomEvent.LocalEchoUpdated, updateNotification);
+    useEventEmitter(room, RoomEvent.MyMembership, updateNotification);
+    useEventEmitter(room, ThreadEvent.New, updateNotification);
+    useEventEmitter(room, ThreadEvent.Update, updateNotification);
+
+    // Compute the notification once when mouting a room
+    useEffect(() => {
+        updateNotification();
+    }, [updateNotification]);
+
+    return notificationLevel;
+};
diff --git a/apps/web/src/hooks/room/useTopic.test.tsx b/apps/web/src/hooks/room/useTopic.test.tsx
new file mode 100644
index 00000000000..c509503ccab
--- /dev/null
+++ b/apps/web/src/hooks/room/useTopic.test.tsx
@@ -0,0 +1,63 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+import React from "react";
+import { Room } from "matrix-js-sdk/src/matrix";
+import { act, render, screen } from "test-utils-rtl";
+import { mkEvent, stubClient } from "test-utils";
+
+import { useTopic } from "./useTopic";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+
+describe("useTopic", () => {
+    it("should display the room topic", () => {
+        stubClient();
+        const room = new Room("!TESTROOM", MatrixClientPeg.safeGet(), "@alice:example.org");
+        const topic = mkEvent({
+            type: "m.room.topic",
+            room: "!TESTROOM",
+            user: "@alice:example.org",
+            content: {
+                topic: "Test topic",
+            },
+            ts: 123,
+            event: true,
+        });
+
+        room.addLiveEvents([topic], { addToState: true });
+
+        function RoomTopic() {
+            const topic = useTopic(room);
+            return <p>{topic!.text}</p>;
+        }
+
+        render(<RoomTopic />);
+
+        expect(screen.queryByText("Test topic")).toBeInTheDocument();
+
+        const updatedTopic = mkEvent({
+            type: "m.room.topic",
+            room: "!TESTROOM",
+            user: "@alice:example.org",
+            content: {
+                topic: "New topic",
+            },
+            ts: 666,
+            event: true,
+        });
+
+        act(() => {
+            room.addLiveEvents([updatedTopic], { addToState: true });
+        });
+
+        expect(screen.queryByText("New topic")).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/src/hooks/room/useTopic.ts b/apps/web/src/hooks/room/useTopic.ts
new file mode 100644
index 00000000000..b38c2e9421e
--- /dev/null
+++ b/apps/web/src/hooks/room/useTopic.ts
@@ -0,0 +1,42 @@
+/*
+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 { useEffect, useState } from "react";
+import {
+    EventType,
+    type MatrixEvent,
+    type Room,
+    RoomStateEvent,
+    ContentHelpers,
+    type MRoomTopicEventContent,
+} from "matrix-js-sdk/src/matrix";
+
+import { useTypedEventEmitter } from "../useEventEmitter";
+
+export const getTopic = (room?: Room): ContentHelpers.TopicState | null => {
+    const content = room?.currentState?.getStateEvents(EventType.RoomTopic, "")?.getContent<MRoomTopicEventContent>();
+    return !!content ? ContentHelpers.parseTopicContent(content) : null;
+};
+
+/**
+ * Helper to retrieve the room topic for given room
+ * @param room
+ * @returns the raw text and an html parsion version of the room topic
+ */
+export function useTopic(room?: Room): ContentHelpers.TopicState | null {
+    const [topic, setTopic] = useState(getTopic(room));
+    useTypedEventEmitter(room?.currentState, RoomStateEvent.Events, (ev: MatrixEvent) => {
+        if (ev.getType() !== EventType.RoomTopic) return;
+        setTopic(getTopic(room));
+    });
+    useEffect(() => {
+        setTopic(getTopic(room));
+    }, [room]);
+
+    return topic;
+}
diff --git a/apps/web/src/hooks/spotlight/useDebouncedCallback.test.ts b/apps/web/src/hooks/spotlight/useDebouncedCallback.test.ts
new file mode 100644
index 00000000000..1fa2218354e
--- /dev/null
+++ b/apps/web/src/hooks/spotlight/useDebouncedCallback.test.ts
@@ -0,0 +1,189 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeAll, afterAll } from "vitest";
+import { renderHook } from "test-utils-rtl";
+
+import { useDebouncedCallback } from "./useDebouncedCallback";
+
+describe("useDebouncedCallback", () => {
+    beforeAll(() => vi.useFakeTimers());
+    afterAll(() => vi.useRealTimers());
+
+    function render(enabled: boolean, callback: (...params: any[]) => void, params: any[]) {
+        return renderHook(({ enabled, callback, params }) => useDebouncedCallback(enabled, callback, params), {
+            initialProps: {
+                enabled,
+                callback,
+                params,
+            },
+        });
+    }
+
+    it("should be able to handle empty parameters", async () => {
+        // When
+        const params: any[] = [];
+        const callback = vi.fn();
+        render(true, callback, params);
+        vi.advanceTimersByTime(1);
+
+        // Then
+        expect(callback).toHaveBeenCalledTimes(0);
+
+        // When
+        vi.advanceTimersByTime(500);
+
+        // Then
+        expect(callback).toHaveBeenCalledTimes(1);
+    });
+
+    it("should call the callback with the parameters", async () => {
+        // When
+        const params = ["USER NAME"];
+        const callback = vi.fn();
+        render(true, callback, params);
+        vi.advanceTimersByTime(500);
+
+        // Then
+        expect(callback).toHaveBeenCalledTimes(1);
+        expect(callback).toHaveBeenCalledWith(...params);
+    });
+
+    it("should call the callback with the parameters when parameters change during the timeout", async () => {
+        // When
+        const params = ["USER NAME"];
+        const callback = vi.fn();
+        const { rerender } = render(true, callback, []);
+
+        vi.advanceTimersByTime(1);
+        rerender({ enabled: true, callback, params });
+        vi.advanceTimersByTime(500);
+
+        // Then
+        expect(callback).toHaveBeenCalledTimes(1);
+        expect(callback).toHaveBeenCalledWith(...params);
+    });
+
+    it("should handle multiple parameters", async () => {
+        // When
+        const params = [4, 8, 15, 16, 23, 42];
+        const callback = vi.fn();
+        const { rerender } = render(true, callback, []);
+
+        vi.advanceTimersByTime(1);
+        rerender({ enabled: true, callback, params });
+        vi.advanceTimersByTime(500);
+
+        // Then
+        expect(callback).toHaveBeenCalledTimes(1);
+        expect(callback).toHaveBeenCalledWith(...params);
+    });
+
+    it("should debounce quick changes", async () => {
+        // When
+        const queries = [
+            "U",
+            "US",
+            "USE",
+            "USER",
+            "USER ",
+            "USER N",
+            "USER NM",
+            "USER NMA",
+            "USER NM",
+            "USER N",
+            "USER NA",
+            "USER NAM",
+            "USER NAME",
+        ];
+        const callback = vi.fn();
+
+        const { rerender } = render(true, callback, []);
+        vi.advanceTimersByTime(1);
+
+        for (const query of queries) {
+            rerender({ enabled: true, callback, params: [query] });
+            vi.advanceTimersByTime(50);
+        }
+
+        vi.advanceTimersByTime(500);
+
+        // Then
+        const query = queries[queries.length - 1];
+        expect(callback).toHaveBeenCalledTimes(1);
+        expect(callback).toHaveBeenCalledWith(query);
+    });
+
+    it("should not debounce slow changes", async () => {
+        // When
+        const queries = [
+            "U",
+            "US",
+            "USE",
+            "USER",
+            "USER ",
+            "USER N",
+            "USER NM",
+            "USER NMA",
+            "USER NM",
+            "USER N",
+            "USER NA",
+            "USER NAM",
+            "USER NAME",
+        ];
+        const callback = vi.fn();
+
+        const { rerender } = render(true, callback, []);
+        vi.advanceTimersByTime(1);
+        for (const query of queries) {
+            rerender({ enabled: true, callback, params: [query] });
+            vi.advanceTimersByTime(200);
+        }
+
+        vi.advanceTimersByTime(500);
+
+        // Then
+        const query = queries[queries.length - 1];
+        expect(callback).toHaveBeenCalledTimes(queries.length);
+        expect(callback).toHaveBeenCalledWith(query);
+    });
+
+    it("should not call the callback if it’s disabled", async () => {
+        // When
+        const queries = [
+            "U",
+            "US",
+            "USE",
+            "USER",
+            "USER ",
+            "USER N",
+            "USER NM",
+            "USER NMA",
+            "USER NM",
+            "USER N",
+            "USER NA",
+            "USER NAM",
+            "USER NAME",
+        ];
+        const callback = vi.fn();
+
+        const { rerender } = render(false, callback, []);
+        vi.advanceTimersByTime(1);
+        for (const query of queries) {
+            rerender({ enabled: false, callback, params: [query] });
+            vi.advanceTimersByTime(200);
+        }
+
+        vi.advanceTimersByTime(500);
+
+        // Then
+        expect(callback).toHaveBeenCalledTimes(0);
+    });
+});
diff --git a/apps/web/src/hooks/spotlight/useDebouncedCallback.ts b/apps/web/src/hooks/spotlight/useDebouncedCallback.ts
new file mode 100644
index 00000000000..8972dca1dfe
--- /dev/null
+++ b/apps/web/src/hooks/spotlight/useDebouncedCallback.ts
@@ -0,0 +1,34 @@
+/*
+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 { useEffect } from "react";
+
+const DEFAULT_DEBOUNCE_TIMEOUT = 100;
+
+export function useDebouncedCallback<T extends any[]>(
+    enabled: boolean,
+    callback: (...params: T) => unknown,
+    params: T,
+    timeout = DEFAULT_DEBOUNCE_TIMEOUT,
+): void {
+    useEffect(() => {
+        let handle: ReturnType<typeof globalThis.setTimeout> | null = null;
+        const doSearch = (): void => {
+            handle = null;
+            callback(...params);
+        };
+        if (enabled !== false) {
+            handle = globalThis.setTimeout(doSearch, timeout);
+            return () => {
+                if (handle) {
+                    clearTimeout(handle);
+                }
+            };
+        }
+    }, [enabled, callback, params, timeout]);
+}
diff --git a/apps/web/src/hooks/spotlight/useRecentSearches.ts b/apps/web/src/hooks/spotlight/useRecentSearches.ts
new file mode 100644
index 00000000000..5adf6439533
--- /dev/null
+++ b/apps/web/src/hooks/spotlight/useRecentSearches.ts
@@ -0,0 +1,31 @@
+/*
+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 { useState } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import { SettingLevel } from "../../settings/SettingLevel";
+import SettingsStore from "../../settings/SettingsStore";
+import { filterBoolean } from "../../utils/arrays";
+
+export const useRecentSearches = (): [Room[], () => void] => {
+    const [rooms, setRooms] = useState(() => {
+        const cli = MatrixClientPeg.safeGet();
+        const recents = SettingsStore.getValue("SpotlightSearch.recentSearches", null);
+        return filterBoolean(recents.map((r) => cli.getRoom(r)));
+    });
+
+    return [
+        rooms,
+        () => {
+            SettingsStore.setValue("SpotlightSearch.recentSearches", null, SettingLevel.ACCOUNT, []);
+            setRooms([]);
+        },
+    ];
+};
diff --git a/apps/web/src/hooks/useAccountData.ts b/apps/web/src/hooks/useAccountData.ts
new file mode 100644
index 00000000000..85c73f958fd
--- /dev/null
+++ b/apps/web/src/hooks/useAccountData.ts
@@ -0,0 +1,48 @@
+/*
+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 { useCallback, useState } from "react";
+import { type AccountDataEvents, ClientEvent, type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { useTypedEventEmitter } from "./useEventEmitter";
+
+const tryGetContent = <T extends object>(ev?: MatrixEvent): T | undefined => ev?.getContent<T>();
+
+// Hook to simplify listening to Matrix account data
+export const useAccountData = <T extends object>(cli: MatrixClient, eventType: keyof AccountDataEvents): T => {
+    const [value, setValue] = useState<T | undefined>(() => tryGetContent<T>(cli.getAccountData(eventType)));
+
+    const handler = useCallback(
+        (event: MatrixEvent) => {
+            if (event.getType() !== eventType) return;
+            setValue(event.getContent<T>());
+        },
+        [eventType],
+    );
+    useTypedEventEmitter(cli, ClientEvent.AccountData, handler);
+
+    return value || ({} as T);
+};
+
+// Currently not used, commenting out otherwise the dead code CI is unhappy.
+// But this code is valid and probably will be needed.
+
+// export const useRoomAccountData = <T extends {}>(room: Room, eventType: string): T => {
+//     const [value, setValue] = useState<T | undefined>(() => tryGetContent<T>(room.getAccountData(eventType)));
+
+//     const handler = useCallback(
+//         (event) => {
+//             if (event.getType() !== eventType) return;
+//             setValue(event.getContent());
+//         },
+//         [eventType],
+//     );
+//     useTypedEventEmitter(room, RoomEvent.AccountData, handler);
+
+//     return value || ({} as T);
+// };
diff --git a/apps/web/src/hooks/useAnimation.ts b/apps/web/src/hooks/useAnimation.ts
new file mode 100644
index 00000000000..f5da36123e9
--- /dev/null
+++ b/apps/web/src/hooks/useAnimation.ts
@@ -0,0 +1,47 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+import { useCallback, useEffect, useRef } from "react";
+
+import SettingsStore from "../settings/SettingsStore";
+
+const debuglog = (...args: any[]): void => {
+    if (SettingsStore.getValue("debug_animation")) {
+        logger.log.call(console, "Animation debuglog:", ...args);
+    }
+};
+
+export function useAnimation(enabled: boolean, callback: (timestamp: DOMHighResTimeStamp) => boolean): void {
+    const handle = useRef<number | null>(null);
+
+    const handler = useCallback(
+        (timestamp: DOMHighResTimeStamp) => {
+            if (callback(timestamp)) {
+                handle.current = requestAnimationFrame(handler);
+            } else {
+                debuglog("Finished animation!");
+            }
+        },
+        [callback],
+    );
+
+    useEffect(() => {
+        debuglog("Started animation!");
+        if (enabled) {
+            handle.current = requestAnimationFrame(handler);
+        }
+        return () => {
+            if (handle.current) {
+                debuglog("Aborted animation!");
+                cancelAnimationFrame(handle.current);
+                handle.current = null;
+            }
+        };
+    }, [enabled, handler]);
+}
diff --git a/apps/web/src/hooks/useAsyncMemo.ts b/apps/web/src/hooks/useAsyncMemo.ts
new file mode 100644
index 00000000000..d5d99065651
--- /dev/null
+++ b/apps/web/src/hooks/useAsyncMemo.ts
@@ -0,0 +1,29 @@
+/*
+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 { useState, useEffect, type DependencyList } from "react";
+
+type Fn<T> = () => Promise<T>;
+
+export function useAsyncMemo<T>(fn: Fn<T>, deps: DependencyList, initialValue: T): T;
+export function useAsyncMemo<T>(fn: Fn<T>, deps: DependencyList, initialValue?: T): T | undefined;
+export function useAsyncMemo<T>(fn: Fn<T>, deps: DependencyList, initialValue?: T): T | undefined {
+    const [value, setValue] = useState<T | undefined>(initialValue);
+    useEffect(() => {
+        let discard = false;
+        fn().then((v) => {
+            if (!discard) {
+                setValue(v);
+            }
+        });
+        return () => {
+            discard = true;
+        };
+    }, deps); // eslint-disable-line react-hooks/exhaustive-deps
+    return value;
+}
diff --git a/apps/web/src/hooks/useAsyncRefreshMemo.ts b/apps/web/src/hooks/useAsyncRefreshMemo.ts
new file mode 100644
index 00000000000..12f4360d04a
--- /dev/null
+++ b/apps/web/src/hooks/useAsyncRefreshMemo.ts
@@ -0,0 +1,40 @@
+/*
+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 DependencyList, useCallback, useEffect, useState } from "react";
+
+type Fn<T> = () => Promise<T>;
+
+/**
+ * Works just like useMemo or our own useAsyncMemo, but additionally exposes a method to refresh the cached value
+ * as if the dependency had changed
+ * @param fn function to memoize
+ * @param deps React hooks dependencies for the function
+ * @param initialValue initial value
+ * @returns tuple of cached value and refresh callback
+ */
+export function useAsyncRefreshMemo<T>(fn: Fn<T>, deps: DependencyList, initialValue: T): [T, () => void];
+export function useAsyncRefreshMemo<T>(fn: Fn<T>, deps: DependencyList, initialValue?: T): [T | undefined, () => void];
+export function useAsyncRefreshMemo<T>(fn: Fn<T>, deps: DependencyList, initialValue?: T): [T | undefined, () => void] {
+    const [value, setValue] = useState<T | undefined>(initialValue);
+    const refresh = useCallback(() => {
+        let discard = false;
+        fn()
+            .then((v) => {
+                if (!discard) {
+                    setValue(v);
+                }
+            })
+            .catch((err) => console.error(err));
+        return () => {
+            discard = true;
+        };
+    }, deps); // eslint-disable-line react-hooks/exhaustive-deps
+    useEffect(refresh, [refresh]);
+    return [value, refresh];
+}
diff --git a/apps/web/src/hooks/useCall.ts b/apps/web/src/hooks/useCall.ts
new file mode 100644
index 00000000000..253c50da99a
--- /dev/null
+++ b/apps/web/src/hooks/useCall.ts
@@ -0,0 +1,56 @@
+/*
+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 { useState, useCallback, useMemo, useEffect } from "react";
+
+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";
+
+export const useCall = (roomId: string): Call | null => {
+    const [call, setCall] = useState(() => CallStore.instance.getCall(roomId));
+    useEventEmitter(CallStore.instance, CallStoreEvent.Call, (call: Call | null, forRoomId: string) => {
+        if (forRoomId === roomId) setCall(call);
+    });
+
+    // Reset the value when the roomId changes
+    useEffect(() => {
+        setCall(CallStore.instance.getCall(roomId));
+    }, [roomId]);
+
+    return call;
+};
+
+export const useConnectionState = (call: Call | null): ConnectionState =>
+    useTypedEventEmitterState(
+        call ?? undefined,
+        CallEvent.ConnectionState,
+        useCallback((state) => state ?? call?.connectionState ?? ConnectionState.Disconnected, [call]),
+    );
+
+const useParticipants = (call: Call | null): Map<RoomMember, Set<string>> => {
+    return useTypedEventEmitterState(
+        call ?? undefined,
+        CallEvent.Participants,
+        useCallback((state) => state ?? call?.participants ?? [], [call]),
+    );
+};
+
+export const useParticipantCount = (call: Call | null): number => {
+    const participants = useParticipants(call);
+
+    return useMemo(() => {
+        return [...participants.values()].reduce<number>((count, set) => count + set.size, 0);
+    }, [participants]);
+};
+
+export const useParticipatingMembers = (call: Call | null): RoomMember[] => {
+    const participants = useParticipants(call);
+    return useMemo(() => [...participants.keys()], [participants]);
+};
diff --git a/apps/web/src/hooks/useDispatcher.ts b/apps/web/src/hooks/useDispatcher.ts
new file mode 100644
index 00000000000..6d234a353c9
--- /dev/null
+++ b/apps/web/src/hooks/useDispatcher.ts
@@ -0,0 +1,32 @@
+/*
+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 { useEffect, useRef } from "react";
+
+import { type ActionPayload } from "../dispatcher/payloads";
+import { type MatrixDispatcher } from "../dispatcher/dispatcher";
+
+// Hook to simplify listening to event dispatches
+export const useDispatcher = (dispatcher: MatrixDispatcher, handler: (payload: ActionPayload) => void): void => {
+    // Create a ref that stores handler
+    const savedHandler = useRef((payload: ActionPayload) => {});
+
+    // Update ref.current value if handler changes.
+    useEffect(() => {
+        savedHandler.current = handler;
+    }, [handler]);
+
+    useEffect(() => {
+        // Create event listener that calls handler function stored in ref
+        const ref = dispatcher.register((payload) => savedHandler.current(payload));
+        // Remove event listener on cleanup
+        return () => {
+            dispatcher.unregister(ref);
+        };
+    }, [dispatcher]);
+};
diff --git a/apps/web/src/hooks/useDownloadMedia.ts b/apps/web/src/hooks/useDownloadMedia.ts
new file mode 100644
index 00000000000..ae2ca6c3ce8
--- /dev/null
+++ b/apps/web/src/hooks/useDownloadMedia.ts
@@ -0,0 +1,97 @@
+/*
+Copyright 2024 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 { parseErrorResponse } from "matrix-js-sdk/src/matrix";
+import { useRef, useState, useMemo, useEffect } from "react";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import ErrorDialog from "../components/views/dialogs/ErrorDialog";
+import { _t } from "../languageHandler";
+import Modal from "../Modal";
+import { FileDownloader } from "../utils/FileDownloader";
+import { MediaEventHelper } from "../utils/MediaEventHelper";
+import { ModuleApi } from "../modules/Api";
+
+export interface UseDownloadMediaReturn {
+    download: () => Promise<void>;
+    loading: boolean;
+    canDownload: boolean;
+}
+
+export function useDownloadMedia(url: string, fileName?: string, mxEvent?: MatrixEvent): UseDownloadMediaReturn {
+    const downloader = useRef(new FileDownloader()).current;
+    const blobRef = useRef<Blob>(null);
+    const [loading, setLoading] = useState(false);
+    const [canDownload, setCanDownload] = useState<boolean>(true);
+
+    const mediaEventHelper = useMemo(() => (mxEvent ? new MediaEventHelper(mxEvent) : undefined), [mxEvent]);
+
+    useEffect(() => {
+        if (!mxEvent) return;
+
+        const hints = ModuleApi.instance.customComponents.getHintsForMessage(mxEvent);
+        if (hints?.allowDownloadingMedia) {
+            setCanDownload(false);
+            hints
+                .allowDownloadingMedia()
+                .then(setCanDownload)
+                .catch((err: any) => {
+                    logger.error(`Failed to check media download permission for ${mxEvent.event.event_id}`, err);
+
+                    setCanDownload(false);
+                });
+        } else {
+            setCanDownload(true);
+        }
+    }, [mxEvent]);
+
+    const download = async (): Promise<void> => {
+        if (loading) return;
+        try {
+            setLoading(true);
+
+            if (blobRef.current) {
+                return downloadBlob(blobRef.current);
+            }
+
+            // We must download via the mediaEventHelper if given as the file may need decryption.
+            if (mediaEventHelper) {
+                blobRef.current = await mediaEventHelper.sourceBlob.value;
+            } else {
+                const res = await fetch(url);
+                if (!res.ok) {
+                    throw parseErrorResponse(res, await res.text());
+                }
+
+                blobRef.current = await res.blob();
+            }
+
+            await downloadBlob(blobRef.current);
+        } catch (e) {
+            showError(e);
+        }
+    };
+
+    const downloadBlob = async (blob: Blob): Promise<void> => {
+        await downloader.download({
+            blob,
+            name: mediaEventHelper?.fileName ?? fileName ?? _t("common|image"),
+        });
+        setLoading(false);
+    };
+
+    const showError = (e: unknown): void => {
+        Modal.createDialog(ErrorDialog, {
+            title: _t("timeline|download_failed"),
+            description: `${_t("timeline|download_failed_description")}\n\n${String(e)}`,
+        });
+        setLoading(false);
+    };
+
+    return { download, loading, canDownload };
+}
diff --git a/apps/web/src/hooks/useEncryptionStatus.ts b/apps/web/src/hooks/useEncryptionStatus.ts
new file mode 100644
index 00000000000..75c894c8031
--- /dev/null
+++ b/apps/web/src/hooks/useEncryptionStatus.ts
@@ -0,0 +1,46 @@
+/*
+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 MatrixClient, type Room, RoomStateEvent } from "matrix-js-sdk/src/matrix";
+import { useEffect, useMemo, useState } from "react";
+import { throttle } from "lodash";
+import { CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+
+import { type E2EStatus, shieldStatusForRoom } from "../utils/ShieldUtils";
+import { useTypedEventEmitter } from "./useEventEmitter";
+
+export function useEncryptionStatus(client: MatrixClient, room: Room): E2EStatus | null {
+    const [e2eStatus, setE2eStatus] = useState<E2EStatus | null>(null);
+
+    const updateEncryptionStatus = useMemo(
+        () =>
+            throttle(
+                () => {
+                    if (client.getCrypto()) {
+                        shieldStatusForRoom(client, room).then((e2eStatus) => {
+                            setE2eStatus(e2eStatus);
+                        });
+                    }
+                },
+                250,
+                { leading: true, trailing: true },
+            ),
+        [client, room],
+    );
+
+    useEffect(updateEncryptionStatus, [updateEncryptionStatus]);
+
+    // shieldStatusForRoom depends on the room membership, each member's trust
+    // status for each member, and each member's devices, so we update the
+    // status whenever any of those changes.
+    useTypedEventEmitter(room, RoomStateEvent.Members, updateEncryptionStatus);
+    useTypedEventEmitter(client, CryptoEvent.UserTrustStatusChanged, updateEncryptionStatus);
+    useTypedEventEmitter(client, CryptoEvent.DevicesUpdated, updateEncryptionStatus);
+
+    return e2eStatus;
+}
diff --git a/apps/web/src/hooks/useEventEmitter.ts b/apps/web/src/hooks/useEventEmitter.ts
new file mode 100644
index 00000000000..dc71257a78d
--- /dev/null
+++ b/apps/web/src/hooks/useEventEmitter.ts
@@ -0,0 +1,194 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { useRef, useEffect, useState, useCallback, type DependencyList } from "react";
+import { type ListenerMap, type TypedEventEmitter } from "matrix-js-sdk/src/matrix";
+
+// oxlint-disable-next-line no-restricted-imports
+import type { EventEmitter } from "events";
+
+type Handler = (...args: any[]) => void;
+
+export function useTypedEventEmitter<Events extends string, Arguments extends ListenerMap<Events>>(
+    emitter: TypedEventEmitter<Events, Arguments> | undefined,
+    eventName: Events,
+    handler: Handler,
+): void {
+    useEventEmitter(emitter, eventName, handler);
+}
+
+/**
+ * Hook to wrap an EventEmitter on and off in hook lifecycle
+ */
+export function useEventEmitter(emitter: EventEmitter | undefined, eventName: string | symbol, handler: Handler): void {
+    // Create a ref that stores handler
+    const savedHandler = useRef(handler);
+
+    // Update ref.current value if handler changes.
+    useEffect(() => {
+        savedHandler.current = handler;
+    }, [handler]);
+
+    useEffect(
+        () => {
+            // allow disabling this hook by passing a falsy emitter
+            if (!emitter) return;
+
+            // Create event listener that calls handler function stored in ref
+            const eventListener = (...args: any[]): void => savedHandler.current(...args);
+
+            // Add event listener
+            emitter.on(eventName, eventListener);
+
+            // Remove event listener on cleanup
+            return () => {
+                emitter.off(eventName, eventListener);
+            };
+        },
+        [eventName, emitter], // Re-run if eventName or emitter changes
+    );
+}
+
+type Mapper<T> = (...args: any[]) => T;
+
+/**
+ * {@link useEventEmitterState}
+ */
+export function useTypedEventEmitterState<T, Events extends string, Arguments extends ListenerMap<Events>>(
+    emitter: TypedEventEmitter<Events, Arguments> | undefined,
+    eventName: Events,
+    fn: Mapper<T>,
+): T {
+    return useEventEmitterState<T>(emitter, eventName, fn);
+}
+
+/**
+ * Creates a state, that can be updated by events.
+ *
+ * @param emitter The emitter sending the event
+ * @param eventName Event name to listen for
+ * @param fn The callback function, that should return the state value.
+ *           It should have the signature of the event callback, except that all parameters are optional.
+ *           If the params are not set, a default value for the state should be returned.
+ * @returns State
+ */
+export function useEventEmitterState<T>(
+    emitter: EventEmitter | undefined,
+    eventName: string | symbol,
+    fn: Mapper<T>,
+): T {
+    const [value, setValue] = useState<T>(fn);
+    const handler = useCallback(
+        (...args: any[]) => {
+            setValue(fn(...args));
+        },
+        [fn],
+    );
+    // re-run when the emitter changes
+    useEffect(handler, [emitter]); // eslint-disable-line react-hooks/exhaustive-deps
+    useEventEmitter(emitter, eventName, handler);
+    return value;
+}
+
+/**
+ * The return value of the callback function for `useEventEmitterAsyncState`.
+ */
+export type AsyncStateCallbackResult<T> = Promise<T | NoChange>;
+
+/**
+ * Creates a state, which is computed asynchronously, and can be updated by events.
+ *
+ * Similar to `useEventEmitterState`, but the callback is `async`.
+ *
+ * If the event is emitted while the callback is running, it will wait until
+ * after the callback completes before calling the callback again. If the event
+ * is emitted multiple times while the callback is running, the callback will be
+ * called once for each time the event was emitted, in the order that the events
+ * were emitted.
+ *
+ * @param emitter The emitter sending the event
+ * @param eventName Event name to listen for
+ * @param fn The callback function, that should return the state value.
+ *           It should have the signature of the event callback, except that all
+ *           parameters are optional. If the params are not set, a default value
+ *           for the state should be returned. If the state value should not
+ *           change from its previous value, the function can return a `NoChange`
+ *           object.
+ * @param deps The dependencies of the callback function.
+ * @param initialValue The initial value of the state, before the callback finishes its initial run.
+ * @returns State
+ */
+export function useEventEmitterAsyncState<T, Events extends string, Arguments extends ListenerMap<Events>>(
+    emitter: TypedEventEmitter<Events, Arguments> | undefined,
+    eventName: string | symbol,
+    fn: Mapper<AsyncStateCallbackResult<T>>,
+    deps: DependencyList,
+    initialValue: T,
+): T;
+export function useEventEmitterAsyncState<T, Events extends string, Arguments extends ListenerMap<Events>>(
+    emitter: TypedEventEmitter<Events, Arguments> | undefined,
+    eventName: string | symbol,
+    fn: Mapper<AsyncStateCallbackResult<T>>,
+    deps: DependencyList,
+    initialValue?: T,
+): T | undefined;
+export function useEventEmitterAsyncState<T, Events extends string, Arguments extends ListenerMap<Events>>(
+    emitter: TypedEventEmitter<Events, Arguments> | undefined,
+    eventName: string | symbol,
+    fn: Mapper<AsyncStateCallbackResult<T>>,
+    deps: DependencyList,
+    initialValue?: T,
+): T | undefined {
+    const [value, setValue] = useState<T | undefined>(initialValue);
+
+    let running = false;
+    // If the handler is called while it's already running, we remember the
+    // arguments that it was called with, and call the handler again when the
+    // first call is done.
+    const rerunArgs: any[] = [];
+
+    const handler = useCallback(
+        (...args: any[]) => {
+            if (running) {
+                // We're already running, so remember the arguments we were
+                // called with, so that we can call the handler again when we're
+                // done.
+                rerunArgs.push(args);
+                return;
+            }
+            running = true;
+            // Note: We need to use .then notation instead of async/await,
+            // because async/await would cause this function to return a
+            // promise, which `useEffect` doesn't like.
+            fn(...args)
+                .then((v) => {
+                    if (!(v instanceof NoChange)) {
+                        setValue(v);
+                    }
+                })
+                .finally(() => {
+                    running = false;
+                    if (rerunArgs.length != 0) {
+                        handler(...rerunArgs.shift());
+                    }
+                });
+        },
+        [fn, ...deps], // eslint-disable-line react-hooks/exhaustive-deps
+    );
+
+    // re-run when the emitter changes
+    useEffect(handler, [emitter, handler, ...deps]);
+    useEventEmitter(emitter, eventName, handler);
+    return value;
+}
+
+/**
+ * Indicates that the callback for `useEventEmitterAsyncState` is not changing the value of the state.
+ */
+// oxlint-disable-next-line typescript/no-extraneous-class
+export class NoChange {}
diff --git a/apps/web/src/hooks/useFocus.ts b/apps/web/src/hooks/useFocus.ts
new file mode 100644
index 00000000000..cbbea28d07b
--- /dev/null
+++ b/apps/web/src/hooks/useFocus.ts
@@ -0,0 +1,20 @@
+/*
+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 { useState } from "react";
+
+export default function useFocus(): [boolean, { onFocus: () => void; onBlur: () => void }] {
+    const [focused, setFocused] = useState(false);
+
+    const props = {
+        onFocus: () => setFocused(true),
+        onBlur: () => setFocused(false),
+    };
+
+    return [focused, props];
+}
diff --git a/apps/web/src/hooks/useGlobalNotificationState.ts b/apps/web/src/hooks/useGlobalNotificationState.ts
new file mode 100644
index 00000000000..d596cabf67a
--- /dev/null
+++ b/apps/web/src/hooks/useGlobalNotificationState.ts
@@ -0,0 +1,36 @@
+/*
+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 { useState } from "react";
+
+import { type SummarizedNotificationState } from "../stores/notifications/SummarizedNotificationState";
+import {
+    RoomNotificationStateStore,
+    UPDATE_STATUS_INDICATOR,
+} from "../stores/notifications/RoomNotificationStateStore";
+import { useEventEmitter } from "./useEventEmitter";
+
+/**
+ * Tracks the global notification state of the user's account
+ * @returns A global notification state object
+ */
+export const useGlobalNotificationState = (): SummarizedNotificationState => {
+    const [summarizedNotificationState, setSummarizedNotificationState] = useState(
+        RoomNotificationStateStore.instance.globalState,
+    );
+
+    useEventEmitter(
+        RoomNotificationStateStore.instance,
+        UPDATE_STATUS_INDICATOR,
+        (notificationState: SummarizedNotificationState) => {
+            setSummarizedNotificationState(notificationState);
+        },
+    );
+
+    return summarizedNotificationState;
+};
diff --git a/apps/web/src/hooks/useHasOtherVerifiedDevices.ts b/apps/web/src/hooks/useHasOtherVerifiedDevices.ts
new file mode 100644
index 00000000000..58c7a9db824
--- /dev/null
+++ b/apps/web/src/hooks/useHasOtherVerifiedDevices.ts
@@ -0,0 +1,56 @@
+/*
+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 Device, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+
+import { useAsyncMemo } from "./useAsyncMemo.ts";
+import { asyncSome } from "../utils/arrays";
+
+/**
+ * Check whether the user has other verified devices, not counting dehydrated devices.
+ */
+export async function hasOtherVerifiedDevices(
+    ownUserId: string,
+    ownDeviceId: string,
+    crypto: CryptoApi | undefined,
+): Promise<boolean | null> {
+    if (!crypto) return null;
+    const userDevices: Iterable<Device> = (await crypto.getUserDeviceInfo([ownUserId])).get(ownUserId)?.values() ?? [];
+
+    return asyncSome(userDevices, async (device) => {
+        // Ignore our own device.
+        if (device.deviceId === ownDeviceId) return false;
+
+        // Ignore dehydrated devices. MSC3814 proposes that devices
+        // should set a `dehydrated` flag in the device key.
+        if (device.dehydrated) return false;
+
+        // Ignore devices without an identity key.
+        if (!device.getIdentityKey()) return false;
+
+        const verificationStatus = await crypto.getDeviceVerificationStatus(ownUserId, device.deviceId);
+        return !!verificationStatus?.signedByOwner;
+    });
+}
+
+/**
+ * Hook to check whether the user has other verified devices, not counting
+ * dehydrated devices.
+ */
+export function useHasOtherVerifiedDevices(client: MatrixClient): boolean | null | undefined {
+    return useAsyncMemo(
+        async () => {
+            const ownUserId = client.getUserId()!;
+            const ownDeviceId = client.getDeviceId()!;
+            const crypto = client.getCrypto();
+            return await hasOtherVerifiedDevices(ownUserId, ownDeviceId, crypto);
+        },
+        [],
+        undefined,
+    );
+}
diff --git a/apps/web/src/hooks/useIsEncrypted.ts b/apps/web/src/hooks/useIsEncrypted.ts
new file mode 100644
index 00000000000..7d9510a620c
--- /dev/null
+++ b/apps/web/src/hooks/useIsEncrypted.ts
@@ -0,0 +1,50 @@
+/*
+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 { type MatrixClient, type MatrixEvent, type Room, EventType } from "matrix-js-sdk/src/matrix";
+import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+
+import { useRoomState } from "./useRoomState.ts";
+import { useAsyncMemo } from "./useAsyncMemo.ts";
+import { LocalRoom } from "../models/LocalRoom.ts";
+
+/**
+ * Check if a room is encrypted.
+ * If the room is a LocalRoom, check the state directly.
+ * Otherwise, use the crypto API to check if encryption is enabled in the room.
+ *
+ * @param room - The room to check.
+ * @param cryptoApi - The crypto API from the Matrix client.
+ */
+export async function isRoomEncrypted(room: Room, cryptoApi: CryptoApi): Promise<boolean> {
+    if (room instanceof LocalRoom) {
+        // For local room check the state.
+        // The crypto check fails because the room ID is not valid (it is a local id)
+        return room.isEncryptionEnabled();
+    }
+
+    return await cryptoApi.isEncryptionEnabledInRoom(room.roomId);
+}
+
+// Hook to simplify watching whether a Matrix room is encrypted, returns null if room is undefined or the state is loading
+export function useIsEncrypted(cli: MatrixClient, room?: Room): boolean | null {
+    const encryptionStateEvent: MatrixEvent | undefined = useRoomState(
+        room,
+        (roomState) => roomState.getStateEvents(EventType.RoomEncryption)?.[0],
+    );
+    return useAsyncMemo(
+        async () => {
+            const crypto = cli.getCrypto();
+            if (!room || !crypto) return null;
+
+            return isRoomEncrypted(room, crypto);
+        },
+        [room, encryptionStateEvent],
+        null,
+    );
+}
diff --git a/apps/web/src/hooks/useIsReleaseAnnouncementOpen.ts b/apps/web/src/hooks/useIsReleaseAnnouncementOpen.ts
new file mode 100644
index 00000000000..ee3e90f2e0e
--- /dev/null
+++ b/apps/web/src/hooks/useIsReleaseAnnouncementOpen.ts
@@ -0,0 +1,39 @@
+/*
+ * 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.
+ */
+
+import { useState } from "react";
+
+import { useTypedEventEmitter, useTypedEventEmitterState } from "./useEventEmitter";
+import { type Feature, ReleaseAnnouncementStore } from "../stores/ReleaseAnnouncementStore";
+import Modal, { ModalManagerEvent } from "../Modal";
+
+/**
+ * Hook to return true if a modal is opened
+ */
+function useModalOpened(): boolean {
+    const [opened, setOpened] = useState(false);
+    useTypedEventEmitter(Modal, ModalManagerEvent.Opened, () => setOpened(true));
+    // Modal can be stacked, we need to check if all dialogs are closed
+    useTypedEventEmitter(Modal, ModalManagerEvent.Closed, () => !Modal.hasDialogs() && setOpened(false));
+    return opened;
+}
+
+/**
+ * Return true if the release announcement of the given feature is enabled
+ * @param feature
+ */
+export function useIsReleaseAnnouncementOpen(feature: Feature): boolean {
+    const modalOpened = useModalOpened();
+    const releaseAnnouncementOpened = useTypedEventEmitterState(
+        ReleaseAnnouncementStore.instance,
+        "releaseAnnouncementChanged",
+        () => ReleaseAnnouncementStore.instance.getReleaseAnnouncement() === feature,
+    );
+
+    return !modalOpened && releaseAnnouncementOpened;
+}
diff --git a/apps/web/src/hooks/useKeyBackupStatus.ts b/apps/web/src/hooks/useKeyBackupStatus.ts
new file mode 100644
index 00000000000..be90c6cf78f
--- /dev/null
+++ b/apps/web/src/hooks/useKeyBackupStatus.ts
@@ -0,0 +1,66 @@
+/*
+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 { useAsyncMemo } from "./useAsyncMemo.ts";
+
+/**
+ * The status of the user's key backup.
+ */
+export enum BackupStatus {
+    /** we're trying to figure out if there is an active backup */
+    LOADING,
+
+    /** crypto is disabled in this client (so no need to back up) */
+    NO_CRYPTO,
+
+    /** Key backup is active and working */
+    BACKUP_ACTIVE,
+
+    /** there is a backup on the server but we are not backing up to it */
+    SERVER_BACKUP_BUT_DISABLED,
+
+    /** Key backup is set up but recovery (4s) is not */
+    BACKUP_NO_RECOVERY,
+
+    /** backup is not set up locally and there is no backup on the server */
+    NO_BACKUP,
+
+    /** there was an error fetching the state */
+    ERROR,
+}
+
+/**
+ * Get the status of the user's key backup.
+ */
+export function useKeyBackupStatus(client: MatrixClient): BackupStatus {
+    return useAsyncMemo(
+        async () => {
+            const crypto = client.getCrypto();
+            if (!crypto) return BackupStatus.NO_CRYPTO;
+
+            try {
+                if ((await crypto.getActiveSessionBackupVersion()) !== null) {
+                    if (await crypto.isSecretStorageReady()) {
+                        return BackupStatus.BACKUP_ACTIVE;
+                    } else {
+                        return BackupStatus.BACKUP_NO_RECOVERY;
+                    }
+                }
+
+                // backup is not active. see if there is a backup version on the server we ought to back up to.
+                const backupInfo = await crypto.getKeyBackupInfo();
+                return backupInfo ? BackupStatus.SERVER_BACKUP_BUT_DISABLED : BackupStatus.NO_BACKUP;
+            } catch {
+                return BackupStatus.ERROR;
+            }
+        },
+        [],
+        BackupStatus.LOADING,
+    );
+}
diff --git a/apps/web/src/hooks/useLatestResult.test.ts b/apps/web/src/hooks/useLatestResult.test.ts
new file mode 100644
index 00000000000..db32d3d2909
--- /dev/null
+++ b/apps/web/src/hooks/useLatestResult.test.ts
@@ -0,0 +1,131 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { renderHook, type RenderHookResult } from "test-utils-rtl";
+
+import { useLatestResult } from "./useLatestResult";
+
+// All tests use fake timers throughout, comments will show the elapsed time in ms
+vi.useFakeTimers();
+
+const mockSetter = vi.fn();
+
+beforeEach(() => {
+    mockSetter.mockClear();
+});
+
+function simulateRequest(
+    hookResult: RenderHookResult<ReturnType<typeof useLatestResult>, typeof useLatestResult>["result"],
+    { id, delayInMs, result }: { id: string; delayInMs: number; result: string },
+) {
+    const [setQuery, setResult] = hookResult.current;
+    setQuery(id);
+    setTimeout(() => setResult(id, result), delayInMs);
+}
+
+describe("renderhook tests", () => {
+    it("should return a result", () => {
+        const { result: hookResult } = renderHook(() => useLatestResult(mockSetter));
+
+        const query = { id: "query1", delayInMs: 100, result: "result1" };
+        simulateRequest(hookResult, query);
+
+        // check we have made no calls to the setter
+        expect(mockSetter).not.toHaveBeenCalled();
+
+        // advance timer until the timeout elapses, check we have called the setter
+        vi.advanceTimersToNextTimer();
+        expect(mockSetter).toHaveBeenCalledTimes(1);
+        expect(mockSetter).toHaveBeenLastCalledWith(query.result);
+    });
+
+    it("should not let a slower response to an earlier query overwrite the result of a later query", () => {
+        const { result: hookResult } = renderHook(() => useLatestResult(mockSetter));
+
+        const slowQuery = { id: "slowQuery", delayInMs: 500, result: "slowResult" };
+        const fastQuery = { id: "fastQuery", delayInMs: 100, result: "fastResult" };
+
+        simulateRequest(hookResult, slowQuery);
+        simulateRequest(hookResult, fastQuery);
+
+        // advance to fastQuery response, check the setter call
+        vi.advanceTimersToNextTimer();
+        expect(mockSetter).toHaveBeenCalledTimes(1);
+        expect(mockSetter).toHaveBeenLastCalledWith(fastQuery.result);
+
+        // advance time to slowQuery response, check the setter has _not_ been
+        // called again and that the result is still from the fast query
+        vi.advanceTimersToNextTimer();
+        expect(mockSetter).toHaveBeenCalledTimes(1);
+        expect(mockSetter).toHaveBeenLastCalledWith(fastQuery.result);
+    });
+
+    it("should return expected results when all response times similar", () => {
+        const { result: hookResult } = renderHook(() => useLatestResult(mockSetter));
+
+        const commonDelayInMs = 180;
+        const query1 = { id: "q1", delayInMs: commonDelayInMs, result: "r1" };
+        const query2 = { id: "q2", delayInMs: commonDelayInMs, result: "r2" };
+        const query3 = { id: "q3", delayInMs: commonDelayInMs, result: "r3" };
+
+        // ELAPSED: 0ms, no queries sent
+        simulateRequest(hookResult, query1);
+        vi.advanceTimersByTime(100);
+
+        // ELAPSED: 100ms, query1 sent, no responses
+        expect(mockSetter).not.toHaveBeenCalled();
+        simulateRequest(hookResult, query2);
+        vi.advanceTimersByTime(70);
+
+        // ELAPSED: 170ms, query1 and query2 sent, no responses
+        expect(mockSetter).not.toHaveBeenCalled();
+        simulateRequest(hookResult, query3);
+        vi.advanceTimersByTime(70);
+
+        // ELAPSED: 240ms, all queries sent, responses for query1 and query2
+        expect(mockSetter).not.toHaveBeenCalled();
+
+        // ELAPSED: 360ms, all queries sent, all queries have responses
+        vi.advanceTimersByTime(120);
+        expect(mockSetter).toHaveBeenLastCalledWith(query3.result);
+    });
+
+    it("should prevent out of order results", () => {
+        const { result: hookResult } = renderHook(() => useLatestResult(mockSetter));
+
+        const query1 = { id: "q1", delayInMs: 0, result: "r1" };
+        const query2 = { id: "q2", delayInMs: 50, result: "r2" };
+        const query3 = { id: "q3", delayInMs: 1, result: "r3" };
+
+        // ELAPSED: 0ms, no queries sent
+        simulateRequest(hookResult, query1);
+        vi.advanceTimersByTime(5);
+
+        // ELAPSED: 5ms, query1 sent, response from query1
+        expect(mockSetter).toHaveBeenCalledTimes(1);
+        expect(mockSetter).toHaveBeenLastCalledWith(query1.result);
+        simulateRequest(hookResult, query2);
+        vi.advanceTimersByTime(5);
+
+        // ELAPSED: 10ms, query1 and query2 sent, response from query1
+        simulateRequest(hookResult, query3);
+        vi.advanceTimersByTime(5);
+
+        // ELAPSED: 15ms, all queries sent, responses from query1 and query3
+        expect(mockSetter).toHaveBeenCalledTimes(2);
+        expect(mockSetter).toHaveBeenLastCalledWith(query3.result);
+
+        // ELAPSED: 65ms, all queries sent, all queries have responses
+        // so check that the result is still from query3, not query2
+        vi.advanceTimersByTime(50);
+        expect(mockSetter).toHaveBeenLastCalledWith(query3.result);
+    });
+});
diff --git a/apps/web/src/hooks/useLatestResult.ts b/apps/web/src/hooks/useLatestResult.ts
new file mode 100644
index 00000000000..632a0f7714e
--- /dev/null
+++ b/apps/web/src/hooks/useLatestResult.ts
@@ -0,0 +1,31 @@
+/*
+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 { useCallback, useRef } from "react";
+
+/**
+ * Hook to prevent a slower response to an earlier query overwriting the result to a faster response of a later query
+ * @param onResultChanged
+ */
+export const useLatestResult = <T, R>(
+    onResultChanged: (result: R) => void,
+): [(query: T | null) => void, (query: T | null, result: R) => void] => {
+    const ref = useRef<T | null>(null);
+    const setQuery = useCallback((query: T | null) => {
+        ref.current = query;
+    }, []);
+    const setResult = useCallback(
+        (query: T | null, result: R) => {
+            if (ref.current === query) {
+                onResultChanged(result);
+            }
+        },
+        [onResultChanged],
+    );
+    return [setQuery, setResult];
+};
diff --git a/apps/web/src/hooks/useLocalEcho.ts b/apps/web/src/hooks/useLocalEcho.ts
new file mode 100644
index 00000000000..baa967031f7
--- /dev/null
+++ b/apps/web/src/hooks/useLocalEcho.ts
@@ -0,0 +1,28 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { useState } from "react";
+
+export const useLocalEcho = <T, V extends T = T>(
+    currentFactory: () => T,
+    setterFn: (value: V) => Promise<unknown>,
+    errorFn: (error: unknown) => void,
+): [value: T, handler: (value: V) => void] => {
+    const [value, setValue] = useState(currentFactory);
+    const handler = async (value: V): Promise<void> => {
+        setValue(value);
+        try {
+            await setterFn(value);
+        } catch (e) {
+            setValue(currentFactory());
+            errorFn(e);
+        }
+    };
+
+    return [value, handler];
+};
diff --git a/apps/web/src/hooks/useLocalStorageState.ts b/apps/web/src/hooks/useLocalStorageState.ts
new file mode 100644
index 00000000000..a99e810f2df
--- /dev/null
+++ b/apps/web/src/hooks/useLocalStorageState.ts
@@ -0,0 +1,41 @@
+/*
+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 { type Dispatch, useCallback, useEffect, useState } from "react";
+
+const getValue = <T>(key: string, initialValue: T): T => {
+    try {
+        const item = window.localStorage.getItem(key);
+        return item ? JSON.parse(item) : initialValue;
+    } catch {
+        return initialValue;
+    }
+};
+
+/**
+ * Hook behaving like useState but persisting the value to localStorage. Returns same as useState
+ */
+export const useLocalStorageState = <T>(key: string, initialValue: T): [T, Dispatch<T>] => {
+    const lsKey = "mx_" + key;
+
+    const [value, setValue] = useState<T>(getValue(lsKey, initialValue));
+
+    useEffect(() => {
+        setValue(getValue(lsKey, initialValue));
+    }, [lsKey, initialValue]);
+
+    const _setValue: Dispatch<T> = useCallback(
+        (v: T) => {
+            window.localStorage.setItem(lsKey, JSON.stringify(v));
+            setValue(v);
+        },
+        [lsKey],
+    );
+
+    return [value, _setValue];
+};
diff --git a/apps/web/src/hooks/useMediaVisible.test.ts b/apps/web/src/hooks/useMediaVisible.test.ts
new file mode 100644
index 00000000000..0b8d13fcbf8
--- /dev/null
+++ b/apps/web/src/hooks/useMediaVisible.test.ts
@@ -0,0 +1,132 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import { act, renderHook, waitFor } from "test-utils-rtl";
+import { JoinRule, MatrixEvent, type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { createTestClient, mkStubRoom, withClientContextRenderOptions } from "test-utils";
+
+import { useMediaVisible } from "./useMediaVisible";
+import { type MediaPreviewConfig, MediaPreviewValue } from "../@types/media_preview";
+import MediaPreviewConfigController from "../settings/controllers/MediaPreviewConfigController";
+import SettingsStore from "../settings/SettingsStore";
+
+const EVENT_ID = "$fibble:example.org";
+const ROOM_ID = "!foobar:example.org";
+
+describe("useMediaVisible", () => {
+    let matrixClient: MatrixClient;
+    let room: Room;
+    const mediaPreviewConfig: MediaPreviewConfig = MediaPreviewConfigController.default;
+
+    function render({ sender }: { sender?: string } = {}) {
+        return renderHook(
+            () =>
+                useMediaVisible(
+                    new MatrixEvent({
+                        event_id: EVENT_ID,
+                        room_id: ROOM_ID,
+                        sender,
+                    }),
+                ),
+            withClientContextRenderOptions(matrixClient),
+        );
+    }
+
+    function renderWithoutEvent() {
+        return renderHook(() => useMediaVisible(), withClientContextRenderOptions(matrixClient));
+    }
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+        room = mkStubRoom(ROOM_ID, undefined, matrixClient);
+        matrixClient.getRoom = vi.fn().mockReturnValue(room);
+        const origFn = SettingsStore.getValue;
+        vi.spyOn(SettingsStore, "getValue").mockImplementation((setting, ...args) => {
+            if (setting === "mediaPreviewConfig") {
+                return mediaPreviewConfig;
+            }
+            return origFn(setting, ...args);
+        });
+    });
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("should display media by default", () => {
+        const [visible] = render().result.current;
+        expect(visible).toEqual(true);
+    });
+
+    it("should use the global rule when no event is provided", () => {
+        mediaPreviewConfig.media_previews = MediaPreviewValue.Off;
+        expect(renderWithoutEvent().result.current[0]).toEqual(false);
+
+        mediaPreviewConfig.media_previews = MediaPreviewValue.On;
+        expect(renderWithoutEvent().result.current[0]).toEqual(true);
+    });
+
+    it("should hide media when media previews are Off", () => {
+        mediaPreviewConfig.media_previews = MediaPreviewValue.Off;
+        const [visible] = render().result.current;
+        expect(visible).toEqual(false);
+    });
+
+    it("should always show media sent by us", () => {
+        mediaPreviewConfig.media_previews = MediaPreviewValue.Off;
+        const [visible] = render({ sender: matrixClient.getUserId()! }).result.current;
+        expect(visible).toEqual(true);
+    });
+
+    it.each([[JoinRule.Invite], [JoinRule.Knock], [JoinRule.Restricted]])(
+        "should display media when media previews are Private and the join rule is %s",
+        (rule) => {
+            mediaPreviewConfig.media_previews = MediaPreviewValue.Private;
+            room.currentState.getJoinRule = vi.fn().mockReturnValue(rule);
+            const [visible] = render().result.current;
+            expect(visible).toEqual(true);
+        },
+    );
+
+    it.each([[JoinRule.Public], ["anything_else"]])(
+        "should hide media when media previews are Private and the join rule is %s",
+        (rule) => {
+            mediaPreviewConfig.media_previews = MediaPreviewValue.Private;
+            room.currentState.getJoinRule = vi.fn().mockReturnValue(rule);
+            const [visible] = render().result.current;
+            expect(visible).toEqual(false);
+        },
+    );
+
+    it("should hide media after function is called", async () => {
+        const { result } = render();
+        expect(result.current[0]).toEqual(true);
+        expect(result.current[1]).toBeDefined();
+        act(() => {
+            result.current[1]!(false);
+        });
+        await waitFor(() => {
+            expect(result.current[0]).toEqual(false);
+        });
+    });
+
+    it("should show media after function is called", async () => {
+        mediaPreviewConfig.media_previews = MediaPreviewValue.Off;
+        const { result } = render();
+        expect(result.current[0]).toEqual(false);
+        expect(result.current[1]).toBeDefined();
+        act(() => {
+            result.current[1]!(true);
+        });
+        await waitFor(() => {
+            expect(result.current[0]).toEqual(true);
+        });
+    });
+});
diff --git a/apps/web/src/hooks/useMediaVisible.ts b/apps/web/src/hooks/useMediaVisible.ts
new file mode 100644
index 00000000000..58540be8fb7
--- /dev/null
+++ b/apps/web/src/hooks/useMediaVisible.ts
@@ -0,0 +1,56 @@
+/*
+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 MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { useSettingValue } from "./useSettings";
+import { useRoomState } from "./useRoomState";
+import { useMatrixClientContext } from "../contexts/MatrixClientContext";
+import { computeMediaVisibility, setMediaVisibility } from "../utils/media/mediaVisibility";
+
+/**
+ * Determine whether media for an event should be visible in the client and expose a setter for
+ * a per-event override.
+ *
+ * Visibility is resolved from the effective `mediaPreviewConfig` setting together with any
+ * event-specific overrides stored in `showMediaEventIds`.
+ *
+ * @param mxEvent - The event that contains the media. If omitted, visibility is derived from the
+ * current setting defaults and the returned setter is a no-op.
+ *
+ * @returns A tuple containing the effective visibility for the event and a function that stores a
+ * device-local visibility override for that event.
+ */
+export function useMediaVisible(mxEvent?: MatrixEvent): [boolean, (visible: boolean) => void] {
+    const client = useMatrixClientContext();
+    const roomId = mxEvent?.getRoomId();
+    const mediaPreviewSetting = useSettingValue("mediaPreviewConfig", roomId);
+    const eventVisibility = useSettingValue("showMediaEventIds");
+    const room = roomId ? (client.getRoom(roomId) ?? undefined) : undefined;
+    const joinRule = useRoomState(room, (state) => state.getJoinRule());
+
+    const setMediaVisible = useCallback(
+        (visible: boolean) => {
+            if (!mxEvent) return;
+            void setMediaVisibility(mxEvent, visible);
+        },
+        [mxEvent],
+    );
+
+    return [
+        computeMediaVisibility(
+            mediaPreviewSetting,
+            eventVisibility,
+            client.getUserId() ?? undefined,
+            mxEvent?.getId(),
+            mxEvent?.getSender(),
+            joinRule ? [JoinRule.Invite, JoinRule.Knock, JoinRule.Restricted].includes(joinRule) : false,
+        ),
+        setMediaVisible,
+    ];
+}
diff --git a/apps/web/src/hooks/useNotificationSettings.test.ts b/apps/web/src/hooks/useNotificationSettings.test.ts
new file mode 100644
index 00000000000..de4f9d0784c
--- /dev/null
+++ b/apps/web/src/hooks/useNotificationSettings.test.ts
@@ -0,0 +1,145 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { waitFor, renderHook } from "test-utils-rtl";
+import { type IPushRules, type MatrixClient, PushRuleKind, RuleId } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils";
+
+import { useNotificationSettings } from "./useNotificationSettings";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import {
+    DefaultNotificationSettings,
+    type NotificationSettings,
+} from "../models/notificationsettings/NotificationSettings";
+import { StandardActions } from "../notifications/StandardActions";
+import { RoomNotifState } from "../RoomNotifs";
+import samplePushRules from "../../test/unit-tests/models/notificationsettings/pushrules_sample.json" with { type: "json" };
+
+const expectedModel: NotificationSettings = {
+    globalMute: false,
+    defaultLevels: {
+        dm: RoomNotifState.AllMessages,
+        room: RoomNotifState.MentionsOnly,
+    },
+    sound: {
+        calls: "ring",
+        mentions: "default",
+        people: undefined,
+    },
+    activity: {
+        bot_notices: false,
+        invite: true,
+        status_event: false,
+    },
+    mentions: {
+        user: true,
+        room: true,
+        keywords: true,
+    },
+    keywords: ["justjann3", "justj4nn3", "justj4nne", "Janne", "J4nne", "Jann3", "jann3", "j4nne", "janne"],
+};
+const pushRules = samplePushRules as IPushRules;
+
+describe("useNotificationSettings", () => {
+    let cli: MatrixClient;
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        cli.getPushRules = vi.fn(cli.getPushRules).mockResolvedValue(pushRules);
+        cli.supportsIntentionalMentions = vi.fn(cli.supportsIntentionalMentions).mockReturnValue(false);
+    });
+
+    it("correctly parses model", async () => {
+        const { result } = renderHook(() => useNotificationSettings(cli));
+        expect(result.current.model).toEqual(null);
+        await waitFor(() => expect(result.current.model).toEqual(expectedModel));
+        expect(result.current.hasPendingChanges).toBeFalsy();
+    });
+
+    it("correctly generates change calls", async () => {
+        const addPushRule = vi.fn(cli.addPushRule);
+        cli.addPushRule = addPushRule;
+        const deletePushRule = vi.fn(cli.deletePushRule);
+        cli.deletePushRule = deletePushRule;
+        const setPushRuleEnabled = vi.fn(cli.setPushRuleEnabled);
+        cli.setPushRuleEnabled = setPushRuleEnabled;
+        const setPushRuleActions = vi.fn(cli.setPushRuleActions);
+        cli.setPushRuleActions = setPushRuleActions;
+
+        const { result } = renderHook(() => useNotificationSettings(cli));
+        expect(result.current.model).toEqual(null);
+        await waitFor(() => expect(result.current.model).toEqual(expectedModel));
+        expect(result.current.hasPendingChanges).toBeFalsy();
+        await result.current.reconcile(DefaultNotificationSettings);
+        await waitFor(() => expect(result.current.hasPendingChanges).toBeFalsy());
+        expect(addPushRule).toHaveBeenCalledTimes(0);
+        expect(deletePushRule).toHaveBeenCalledTimes(9);
+        expect(deletePushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "justjann3");
+        expect(deletePushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "justj4nn3");
+        expect(deletePushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "justj4nne");
+        expect(deletePushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "Janne");
+        expect(deletePushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "J4nne");
+        expect(deletePushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "Jann3");
+        expect(deletePushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "jann3");
+        expect(deletePushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "j4nne");
+        expect(deletePushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "janne");
+        expect(setPushRuleEnabled).toHaveBeenCalledTimes(6);
+        expect(setPushRuleEnabled).toHaveBeenCalledWith(
+            "global",
+            PushRuleKind.Underride,
+            RuleId.EncryptedMessage,
+            true,
+        );
+        expect(setPushRuleEnabled).toHaveBeenCalledWith("global", PushRuleKind.Underride, RuleId.Message, true);
+        expect(setPushRuleEnabled).toHaveBeenCalledWith("global", PushRuleKind.Underride, RuleId.EncryptedDM, true);
+        expect(setPushRuleEnabled).toHaveBeenCalledWith("global", PushRuleKind.Underride, RuleId.DM, true);
+        expect(setPushRuleEnabled).toHaveBeenCalledWith("global", PushRuleKind.Override, RuleId.SuppressNotices, false);
+        expect(setPushRuleEnabled).toHaveBeenCalledWith("global", PushRuleKind.Override, RuleId.InviteToSelf, true);
+        expect(setPushRuleActions).toHaveBeenCalledTimes(6);
+        expect(setPushRuleActions).toHaveBeenCalledWith(
+            "global",
+            PushRuleKind.Underride,
+            RuleId.EncryptedMessage,
+            StandardActions.ACTION_NOTIFY,
+        );
+        expect(setPushRuleActions).toHaveBeenCalledWith(
+            "global",
+            PushRuleKind.Underride,
+            RuleId.Message,
+            StandardActions.ACTION_NOTIFY,
+        );
+        expect(setPushRuleActions).toHaveBeenCalledWith(
+            "global",
+            PushRuleKind.Underride,
+            RuleId.EncryptedDM,
+            StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+        );
+        expect(setPushRuleActions).toHaveBeenCalledWith(
+            "global",
+            PushRuleKind.Underride,
+            RuleId.DM,
+            StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+        );
+        expect(setPushRuleActions).toHaveBeenCalledWith(
+            "global",
+            PushRuleKind.Override,
+            RuleId.SuppressNotices,
+            StandardActions.ACTION_DONT_NOTIFY,
+        );
+        expect(setPushRuleActions).toHaveBeenCalledWith(
+            "global",
+            PushRuleKind.Override,
+            RuleId.InviteToSelf,
+            StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+        );
+    });
+});
diff --git a/apps/web/src/hooks/useNotificationSettings.ts b/apps/web/src/hooks/useNotificationSettings.ts
new file mode 100644
index 00000000000..dc1c9f1ba74
--- /dev/null
+++ b/apps/web/src/hooks/useNotificationSettings.ts
@@ -0,0 +1,94 @@
+/*
+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 IPushRules, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+
+import { type NotificationSettings } from "../models/notificationsettings/NotificationSettings";
+import { type PushRuleDiff } from "../models/notificationsettings/PushRuleDiff";
+import { reconcileNotificationSettings } from "../models/notificationsettings/reconcileNotificationSettings";
+import { toNotificationSettings } from "../models/notificationsettings/toNotificationSettings";
+
+async function applyChanges(cli: MatrixClient, changes: PushRuleDiff): Promise<void> {
+    await Promise.all(changes.deleted.map((change) => cli.deletePushRule("global", change.kind, change.rule_id)));
+    await Promise.all(changes.added.map((change) => cli.addPushRule("global", change.kind, change.rule_id, change)));
+    await Promise.all(
+        changes.updated.map(async (change) => {
+            if (change.enabled !== undefined) {
+                await cli.setPushRuleEnabled("global", change.kind, change.rule_id, change.enabled);
+            }
+            if (change.actions !== undefined) {
+                await cli.setPushRuleActions("global", change.kind, change.rule_id, change.actions);
+            }
+        }),
+    );
+}
+
+type UseNotificationSettings = {
+    model: NotificationSettings | null;
+    hasPendingChanges: boolean;
+    reconcile: (model: NotificationSettings) => void;
+};
+
+export function useNotificationSettings(cli: MatrixClient): UseNotificationSettings {
+    const run = useLinearisedPromise<void>();
+    const supportsIntentionalMentions = useMemo(() => cli.supportsIntentionalMentions(), [cli]);
+
+    const pushRules = useRef<IPushRules | null>(null);
+    const [model, setModel] = useState<NotificationSettings | null>(null);
+    const [hasPendingChanges, setPendingChanges] = useState<boolean>(false);
+    const updatePushRules = useCallback(async () => {
+        const rules = await cli.getPushRules();
+        const model = toNotificationSettings(rules, supportsIntentionalMentions);
+        const pendingChanges = reconcileNotificationSettings(rules, model, supportsIntentionalMentions);
+        pushRules.current = rules;
+        setPendingChanges(
+            pendingChanges.updated.length > 0 || pendingChanges.added.length > 0 || pendingChanges.deleted.length > 0,
+        );
+        setModel(model);
+    }, [cli, supportsIntentionalMentions]);
+
+    useEffect(() => {
+        run(updatePushRules).catch((err) => console.error(err));
+    }, [cli, run, updatePushRules]);
+
+    const reconcile = useCallback(
+        (model: NotificationSettings) => {
+            setModel(model);
+            run(async () => {
+                if (pushRules.current !== null) {
+                    const changes = reconcileNotificationSettings(
+                        pushRules.current,
+                        model,
+                        supportsIntentionalMentions,
+                    );
+                    await applyChanges(cli, changes);
+                    await updatePushRules();
+                }
+            }).catch((err) => console.error(err));
+        },
+        [run, supportsIntentionalMentions, cli, updatePushRules],
+    );
+
+    return { model, hasPendingChanges, reconcile };
+}
+
+function useLinearisedPromise<T>(): (fun: () => Promise<T>) => Promise<T> {
+    const lastPromise = useRef<Promise<T> | null>(null);
+
+    return useCallback((fun: () => Promise<T>): Promise<T> => {
+        let next: Promise<T>;
+        if (lastPromise.current === null) {
+            next = fun();
+        } else {
+            next = lastPromise.current.then(fun);
+        }
+        lastPromise.current = next;
+        return next;
+    }, []);
+}
diff --git a/apps/web/src/hooks/usePermalink.ts b/apps/web/src/hooks/usePermalink.ts
new file mode 100644
index 00000000000..00e22b423a2
--- /dev/null
+++ b/apps/web/src/hooks/usePermalink.ts
@@ -0,0 +1,174 @@
+/*
+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 MatrixEvent, type Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+
+import { type ButtonEvent } from "../components/views/elements/AccessibleButton";
+import { PillType } from "../components/views/elements/PillType";
+import { parsePermalink } from "../utils/permalinks/Permalinks";
+import dis from "../dispatcher/dispatcher";
+import { Action } from "../dispatcher/actions";
+import { type PermalinkParts } from "../utils/permalinks/PermalinkConstructor";
+import { _t } from "../languageHandler";
+import { usePermalinkTargetRoom } from "./usePermalinkTargetRoom";
+import { usePermalinkEvent } from "./usePermalinkEvent";
+import { usePermalinkMember } from "./usePermalinkMember";
+
+interface Args {
+    /** Room in which the permalink should be displayed. */
+    room?: Room;
+    /** When set forces the permalink type. */
+    type?: PillType;
+    /** Permalink URL. */
+    url?: string;
+}
+
+interface HookResult {
+    /**
+     * Room member of a user mention permalink.
+     * null for other links, if the profile was not found or not yet loaded.
+     * This can change, for instance, from null to a RoomMember after the profile lookup completed.
+     */
+    member: RoomMember | null;
+    /**
+     * Displayable text of the permalink resource. Can for instance be a user or room name.
+     * null here means that there is nothing to display. Most likely if the URL was not a permalink.
+     */
+    text: string | null;
+    /**
+     * Should be used for click actions on the permalink.
+     * In case of a user permalink, a view profile action is dispatched.
+     */
+    onClick: (e: ButtonEvent) => void;
+    /**
+     * This can be for instance a user or room Id.
+     * null here means that the resource cannot be detected. Most likely if the URL was not a permalink.
+     */
+    resourceId: string | null;
+    /**
+     * Target room of the permalink:
+     * For an @room mention, this is the room where the permalink should be displayed.
+     * For a room permalink, it is the room from the permalink.
+     * null for other links or if the room cannot be found.
+     */
+    targetRoom: Room | null;
+    /**
+     * Type of the pill plus "space" for spaces.
+     * null here means that the type cannot be detected. Most likely if the URL was not a permalink.
+     */
+    type: PillType | "space" | null;
+    /**
+     * Target event of the permalink.
+     * Null if unable to load the event.
+     */
+    event: MatrixEvent | null;
+}
+
+/**
+ * Tries to determine the pill type.
+ *
+ * If forcedType is present it will be returned.
+ * If the parse result contains a room Id or alias and an event Id:
+ * - Type is EventInSameRoom if the permalink room Id or alias equals the parsed room Id or alias
+ * - Type is EventInOtherRoom if the permalink room Id or alias not equals the parsed room Id or alias
+ * If the parse result contains a primary entity Id it will try to detect the type from it.
+ * Otherwise returns null.
+ *
+ * @param forcedType - Forced pill type. Will be used if present and short-circuits all othe conditions.
+ * @param parseResult - Permalink parser result
+ * @param permalinkRoom - Room in which the permalink is displayed.
+ * @returns Pill type or null if unable to determine.
+ */
+const determineType = (
+    forcedType: PillType | undefined,
+    parseResult: PermalinkParts | null,
+    permalinkRoom: Room | undefined,
+): PillType | null => {
+    if (forcedType) return forcedType;
+
+    if (parseResult?.roomIdOrAlias && parseResult?.eventId) {
+        if (parseResult.roomIdOrAlias === permalinkRoom?.roomId) {
+            return PillType.EventInSameRoom;
+        }
+
+        return PillType.EventInOtherRoom;
+    }
+
+    if (parseResult?.primaryEntityId) {
+        const prefix = parseResult.primaryEntityId[0] || "";
+        return (
+            {
+                "@": PillType.UserMention,
+                "#": PillType.RoomMention,
+                "!": PillType.RoomMention,
+            }[prefix] || null
+        );
+    }
+
+    return null;
+};
+
+/**
+ * Can be used to retrieve all information needed to display a permalink.
+ */
+export const usePermalink: (args: Args) => HookResult = ({
+    room: permalinkRoom,
+    type: forcedType,
+    url,
+}): HookResult => {
+    let resourceId: string | null = null;
+    let parseResult: PermalinkParts | null = null;
+
+    if (url) {
+        parseResult = parsePermalink(url);
+
+        if (parseResult?.primaryEntityId) {
+            resourceId = parseResult.primaryEntityId;
+        }
+    }
+
+    const type = determineType(forcedType, parseResult, permalinkRoom);
+    const targetRoom = usePermalinkTargetRoom(type, parseResult, permalinkRoom);
+    const event = usePermalinkEvent(type, parseResult, targetRoom);
+    const member = usePermalinkMember(type, parseResult, targetRoom, event);
+
+    let onClick: (e: ButtonEvent) => void = () => {};
+    let text = resourceId;
+
+    if (type === PillType.AtRoomMention && permalinkRoom) {
+        text = "@room";
+    } else if (type === PillType.UserMention && member) {
+        text = member.name || resourceId;
+        onClick = (e: ButtonEvent): void => {
+            e.preventDefault();
+            e.stopPropagation();
+            dis.dispatch({
+                action: Action.ViewUser,
+                member: member,
+            });
+        };
+    } else if (type === PillType.RoomMention) {
+        if (targetRoom) {
+            text = targetRoom.name || resourceId;
+        }
+    } else if (type === PillType.EventInSameRoom) {
+        text = member?.name || _t("common|user");
+    } else if (type === PillType.EventInOtherRoom) {
+        text = targetRoom?.name || _t("common|room");
+    }
+
+    return {
+        event,
+        member,
+        onClick,
+        resourceId,
+        targetRoom,
+        text,
+        type,
+    };
+};
diff --git a/apps/web/src/hooks/usePermalinkEvent.ts b/apps/web/src/hooks/usePermalinkEvent.ts
new file mode 100644
index 00000000000..85adc20dc9c
--- /dev/null
+++ b/apps/web/src/hooks/usePermalinkEvent.ts
@@ -0,0 +1,81 @@
+/*
+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 { MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+import { useEffect, useState } from "react";
+
+import { PillType } from "../components/views/elements/PillType";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { type PermalinkParts } from "../utils/permalinks/PermalinkConstructor";
+
+/**
+ * Tries to find the initial event.
+ * If the event should not be looked up or there is no target room it returns null.
+ * Otherwise it tries to get the event from the target room.
+ *
+ * @param shouldLookUpEvent - whether the parmalink event should be looked up
+ * @param Room | null targetRoom - target room of the permalink
+ * @param parseResult - permalink parse result
+ * @returns The event if found or null if it should not be looked up or was not found.
+ */
+const determineInitialEvent = (
+    shouldLookUpEvent: boolean,
+    targetRoom: Room | null,
+    parseResult: PermalinkParts | null,
+): MatrixEvent | null => {
+    if (!shouldLookUpEvent || !targetRoom || !parseResult?.eventId) return null;
+
+    return targetRoom.findEventById(parseResult.eventId) || null;
+};
+
+/**
+ * Hook to get a permalink target event
+ *
+ * @param type - Permalink type
+ * @param parseResult - Permalink parse result
+ * @param targetRoom - Target room of the permalink {@link ./usePermalinkTargetRoom.ts}
+ * @returns The permalink event if it targets an event and it can be loaded.
+ *          Else null.
+ */
+export const usePermalinkEvent = (
+    type: PillType | null,
+    parseResult: PermalinkParts | null,
+    targetRoom: Room | null,
+): MatrixEvent | null => {
+    // Event permalinks require to know the event.
+    // If it cannot be initially determined, it will be looked up later by a memo hook.
+    const shouldLookUpEvent =
+        !!type &&
+        !!parseResult?.roomIdOrAlias &&
+        !!parseResult?.eventId &&
+        [PillType.EventInSameRoom, PillType.EventInOtherRoom].includes(type);
+    const eventId = parseResult?.eventId;
+    const eventInRoom = determineInitialEvent(shouldLookUpEvent, targetRoom, parseResult);
+    const [event, setEvent] = useState<MatrixEvent | null>(eventInRoom);
+
+    useEffect(() => {
+        if (!shouldLookUpEvent || !eventId || event || !parseResult?.roomIdOrAlias || !parseResult.eventId) {
+            // nothing to do here
+            return;
+        }
+
+        const fetchRoomEvent = async (): Promise<void> => {
+            try {
+                const eventData = await MatrixClientPeg.safeGet().fetchRoomEvent(
+                    parseResult.roomIdOrAlias!,
+                    parseResult.eventId!,
+                );
+                setEvent(new MatrixEvent(eventData));
+            } catch {}
+        };
+
+        fetchRoomEvent();
+    }, [event, eventId, parseResult?.eventId, parseResult?.roomIdOrAlias, shouldLookUpEvent]);
+
+    return event;
+};
diff --git a/apps/web/src/hooks/usePermalinkMember.ts b/apps/web/src/hooks/usePermalinkMember.ts
new file mode 100644
index 00000000000..f583e418cbd
--- /dev/null
+++ b/apps/web/src/hooks/usePermalinkMember.ts
@@ -0,0 +1,127 @@
+/*
+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 IMatrixProfile, type MatrixEvent, type Room, RoomMember } from "matrix-js-sdk/src/matrix";
+import { useContext, useEffect, useState } from "react";
+
+import { PillType } from "../components/views/elements/PillType";
+import { SDKContext } from "../contexts/SDKContext";
+import { type SDKContextClass } from "../contexts/SDKContextClass";
+import { type PermalinkParts } from "../utils/permalinks/PermalinkConstructor";
+
+const createMemberFromProfile = (userId: string, profile: IMatrixProfile): RoomMember => {
+    const member = new RoomMember("", userId);
+    member.name = profile.displayname ?? userId;
+    member.rawDisplayName = member.name;
+    member.events.member = {
+        getContent: () => {
+            return { avatar_url: profile.avatar_url };
+        },
+        getDirectionalContent: function () {
+            return this.getContent();
+        },
+    } as MatrixEvent;
+    return member;
+};
+
+/**
+ * Tries to determine the user Id of a permalink.
+ * In case of a user permalink it is the user id.
+ * In case of an event permalink it is the sender user Id of the event if that event is available.
+ * Otherwise returns null.
+ *
+ * @param type - pill type
+ * @param parseResult - permalink parse result
+ * @param event - permalink event, if available
+ * @returns permalink user Id. null if the Id cannot be determined.
+ */
+const determineUserId = (
+    type: PillType | null,
+    parseResult: PermalinkParts | null,
+    event: MatrixEvent | null,
+): string | null => {
+    if (type === null) return null;
+
+    if (parseResult?.userId) return parseResult.userId;
+
+    if (event && [PillType.EventInSameRoom, PillType.EventInOtherRoom].includes(type)) {
+        return event.getSender() ?? null;
+    }
+
+    return null;
+};
+
+/**
+ * Tries to determine a RoomMember.
+ *
+ * @param userId - User Id to get the member for
+ * @param targetRoom - permalink target room
+ * @returns RoomMember of the target room if it exists.
+ *          If sharing at least one room with the user, then the result will be the profile fetched via API.
+ *          null in all other cases.
+ */
+const determineMember = (userId: string, targetRoom: Room, context: SDKContextClass): RoomMember | null => {
+    const targetRoomMember = targetRoom.getMember(userId);
+
+    if (targetRoomMember) return targetRoomMember;
+
+    const knownProfile = context.userProfilesStore.getOnlyKnownProfile(userId);
+
+    if (knownProfile) {
+        return createMemberFromProfile(userId, knownProfile);
+    }
+
+    return null;
+};
+
+/**
+ * Hook to get the permalink member
+ *
+ * @param type - Permalink type
+ * @param parseResult - Permalink parse result
+ * @param targetRoom - Permalink target room {@link ./usePermalinkTargetRoom.ts}
+ * @param event - Permalink event
+ * @returns The permalink member:
+ *          - The room member for a user mention
+ *          - The sender for a permalink to an event in the same room
+ *          - Null in other cases or the user cannot be loaded.
+ */
+export const usePermalinkMember = (
+    type: PillType | null,
+    parseResult: PermalinkParts | null,
+    targetRoom: Room | null,
+    event: MatrixEvent | null,
+): RoomMember | null => {
+    const context = useContext(SDKContext);
+    // User mentions and permalinks to events in the same room require to know the user.
+    // If it cannot be initially determined, it will be looked up later by a memo hook.
+    const shouldLookUpUser = type && [PillType.UserMention, PillType.EventInSameRoom].includes(type);
+    const userId = determineUserId(type, parseResult, event);
+    const userInRoom = shouldLookUpUser && userId && targetRoom ? determineMember(userId, targetRoom, context) : null;
+    const [member, setMember] = useState<RoomMember | null>(userInRoom);
+
+    useEffect(() => {
+        if (!shouldLookUpUser || !userId || member) {
+            // nothing to do here
+            return;
+        }
+
+        const doProfileLookup = async (): Promise<void> => {
+            const fetchedProfile = await context.userProfilesStore.fetchOnlyKnownProfile(userId);
+
+            if (fetchedProfile) {
+                const newMember = createMemberFromProfile(userId, fetchedProfile);
+                setMember(newMember);
+            }
+        };
+
+        doProfileLookup();
+    }, [context, member, shouldLookUpUser, targetRoom, userId]);
+
+    return member;
+};
diff --git a/apps/web/src/hooks/usePermalinkTargetRoom.ts b/apps/web/src/hooks/usePermalinkTargetRoom.ts
new file mode 100644
index 00000000000..3df1fa4cb53
--- /dev/null
+++ b/apps/web/src/hooks/usePermalinkTargetRoom.ts
@@ -0,0 +1,95 @@
+/*
+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 Room } from "matrix-js-sdk/src/matrix";
+import { useEffect, useState } from "react";
+
+import { PillType } from "../components/views/elements/PillType";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { type PermalinkParts } from "../utils/permalinks/PermalinkConstructor";
+
+/**
+ * Tries to determine the initial room.
+ * Initial here means it should be possible to load the room without sending API requests.
+ * For an @room or a user mention it is the permalinkRoom.
+ * If the parse result contains a room Id or alias try to find it with {@link findRoom}.
+ * Otherwise returns null.
+ *
+ * @param type - Pill type
+ * @param permalinkRoom - Room in which the permalink is displayed.
+ * @param parseResult - Permalink parser result
+ * @returns Initial room or null if it cannot be determined.
+ */
+const determineInitialRoom = (
+    type: PillType | null,
+    parseResult: PermalinkParts | null,
+    permalinkRoom: Room | undefined,
+): Room | null => {
+    if (type === PillType.AtRoomMention && permalinkRoom) return permalinkRoom;
+
+    if (type === PillType.UserMention && permalinkRoom) {
+        return permalinkRoom;
+    }
+
+    if (parseResult?.roomIdOrAlias) {
+        const room = findRoom(parseResult.roomIdOrAlias);
+        if (room) return room;
+    }
+
+    return null;
+};
+
+/**
+ * Tries to find a room by room Id or searching all rooms for an alias.
+ *
+ * @param roomIdOrAlias - Id or alias of the room to find.
+ * @returns Room if found, else null.
+ */
+const findRoom = (roomIdOrAlias: string): Room | null => {
+    const client = MatrixClientPeg.safeGet();
+
+    return roomIdOrAlias[0] === "#"
+        ? (client.getRooms().find((r) => {
+              return r.getCanonicalAlias() === roomIdOrAlias || r.getAltAliases().includes(roomIdOrAlias);
+          }) ?? null)
+        : client.getRoom(roomIdOrAlias);
+};
+
+/**
+ * Hook to get the permalink target room:
+ *
+ * @param type - Permalink type
+ * @param parseResult - Permalink parse result
+ * @param permalinkRoom - Room in which the permalink is rendered
+ * @returns Returns the target room:
+ *          - The permalinkRoom for an @room or user mention
+ *          - The room of the parse result for a room mention
+ *          - The room of the event for an event permalink
+ *          - Null in other cases or if the room cannot be found
+ */
+export const usePermalinkTargetRoom = (
+    type: PillType | null,
+    parseResult: PermalinkParts | null,
+    permalinkRoom: Room | undefined,
+): Room | null => {
+    // The listed permalink types require a room.
+    // If it cannot be initially determined, it will be looked up later by a memo hook.
+    const shouldLookUpRoom =
+        type && [PillType.RoomMention, PillType.EventInSameRoom, PillType.EventInOtherRoom, "space"].includes(type);
+    const initialRoom = determineInitialRoom(type, parseResult, permalinkRoom);
+    const [targetRoom, setTargetRoom] = useState<Room | null>(initialRoom);
+
+    useEffect(() => {
+        if (shouldLookUpRoom && !targetRoom && parseResult?.roomIdOrAlias) {
+            const newRoom = findRoom(parseResult.roomIdOrAlias);
+            setTargetRoom(newRoom);
+        }
+    }, [parseResult?.roomIdOrAlias, shouldLookUpRoom, targetRoom]);
+
+    return targetRoom;
+};
diff --git a/apps/web/src/hooks/usePinnedEvents.ts b/apps/web/src/hooks/usePinnedEvents.ts
new file mode 100644
index 00000000000..1d86b7c1970
--- /dev/null
+++ b/apps/web/src/hooks/usePinnedEvents.ts
@@ -0,0 +1,242 @@
+/*
+ * 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.
+ */
+
+import { useCallback, useEffect, useMemo, useState } from "react";
+import {
+    type Room,
+    RoomEvent,
+    RoomStateEvent,
+    MatrixEvent,
+    EventType,
+    RelationType,
+    EventTimeline,
+    type MatrixClient,
+    type IRoomTimelineData,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { useTypedEventEmitter } from "./useEventEmitter";
+import { ReadPinsEventId } from "../components/views/right_panel/types";
+import { useMatrixClientContext } from "../contexts/MatrixClientContext";
+import { useAsyncMemo } from "./useAsyncMemo";
+import PinningUtils from "../utils/PinningUtils";
+import { batch } from "../utils/promise.ts";
+import { filterBoolean } from "../utils/arrays.ts";
+
+/**
+ * Get the pinned event IDs from a room.
+ * The number of pinned events is limited to 100.
+ * @param room
+ */
+function getPinnedEventIds(room?: Room): string[] {
+    const eventIds: string[] =
+        room
+            ?.getLiveTimeline()
+            .getState(EventTimeline.FORWARDS)
+            ?.getStateEvents(EventType.RoomPinnedEvents, "")
+            ?.getContent()?.pinned ?? [];
+    if (!Array.isArray(eventIds)) {
+        logger.warn("Encountered invalid pinned events state in room", room?.roomId, eventIds);
+        return [];
+    }
+    // Limit the number of pinned events to 100
+    return eventIds.slice(0, 100);
+}
+
+/**
+ * Get the pinned event IDs from a room.
+ * @param room
+ */
+export const usePinnedEvents = (room?: Room): string[] => {
+    const [pinnedEvents, setPinnedEvents] = useState<string[]>(getPinnedEventIds(room));
+
+    // Update the pinned events when the room state changes
+    // Filter out events that are not pinned events
+    const update = useCallback(
+        (ev?: MatrixEvent) => {
+            if (ev && ev.getType() !== EventType.RoomPinnedEvents) return;
+            setPinnedEvents(getPinnedEventIds(room));
+        },
+        [room],
+    );
+
+    useTypedEventEmitter(room?.getLiveTimeline().getState(EventTimeline.FORWARDS), RoomStateEvent.Events, update);
+    useEffect(() => {
+        setPinnedEvents(getPinnedEventIds(room));
+        return () => {
+            setPinnedEvents([]);
+        };
+    }, [room]);
+    return pinnedEvents;
+};
+
+/**
+ * Get the read pinned event IDs from a room.
+ * @param room
+ */
+function getReadPinnedEventIds(room?: Room): Set<string> {
+    return new Set(room?.getAccountData(ReadPinsEventId)?.getContent()?.event_ids ?? []);
+}
+
+/**
+ * Get the read pinned event IDs from a room.
+ * @param room
+ */
+export const useReadPinnedEvents = (room?: Room): Set<string> => {
+    const [readPinnedEvents, setReadPinnedEvents] = useState<Set<string>>(new Set());
+
+    // Update the read pinned events when the room state changes
+    // Filter out events that are not read pinned events
+    const update = useCallback(
+        (ev?: MatrixEvent) => {
+            if (ev && ev.getType() !== ReadPinsEventId) return;
+            setReadPinnedEvents(getReadPinnedEventIds(room));
+        },
+        [room],
+    );
+
+    useTypedEventEmitter(room, RoomEvent.AccountData, update);
+    useEffect(() => {
+        setReadPinnedEvents(getReadPinnedEventIds(room));
+        return () => {
+            setReadPinnedEvents(new Set());
+        };
+    }, [room]);
+    return readPinnedEvents;
+};
+
+/**
+ * Fetch the pinned event
+ * @param room
+ * @param pinnedEventId
+ * @param cli
+ */
+async function fetchPinnedEvent(room: Room, pinnedEventId: string, cli: MatrixClient): Promise<MatrixEvent | null> {
+    const timelineSet = room.getUnfilteredTimelineSet();
+    // Get the event from the local timeline
+    const localEvent = timelineSet
+        ?.getTimelineForEvent(pinnedEventId)
+        ?.getEvents()
+        .find((e) => e.getId() === pinnedEventId);
+
+    // Decrypt the event if it's encrypted
+    // Can happen when the tab is refreshed and the pinned events card is opened directly
+    if (localEvent?.isEncrypted()) {
+        await cli.decryptEventIfNeeded(localEvent, { emit: false });
+    }
+
+    // If the event is available locally, return it if it's pinnable
+    // or if it's redacted (to show the redacted event and to be able to unpin it)
+    // Otherwise, return null
+    if (localEvent) return PinningUtils.isUnpinnable(localEvent) ? localEvent : null;
+
+    try {
+        // The event is not available locally, so we fetch the event and latest edit in parallel
+        const [
+            evJson,
+            {
+                events: [edit],
+            },
+        ] = await Promise.all([
+            cli.fetchRoomEvent(room.roomId, pinnedEventId),
+            cli.relations(room.roomId, pinnedEventId, RelationType.Replace, null, { limit: 1 }),
+        ]);
+
+        const event = new MatrixEvent(evJson);
+
+        // Decrypt the event if it's encrypted
+        if (event.isEncrypted()) {
+            await cli.decryptEventIfNeeded(event, { emit: false });
+        }
+
+        // Handle poll events
+        await room.processPollEvents([event]);
+
+        const senderUserId = event.getSender();
+        if (senderUserId && PinningUtils.isUnpinnable(event)) {
+            // Inject sender information
+            event.setMetadata(room.currentState, false);
+            // Also inject any edits we've found
+            if (edit) event.makeReplaced(edit);
+
+            return event;
+        }
+    } catch (err) {
+        logger.error(`Error looking up pinned event ${pinnedEventId} in room ${room.roomId}`);
+        logger.error(err);
+    }
+    return null;
+}
+
+/**
+ * Fetch the pinned events
+ * @param room
+ * @param pinnedEventIds
+ */
+export function useFetchedPinnedEvents(room: Room, pinnedEventIds: string[]): Array<MatrixEvent> {
+    const cli = useMatrixClientContext();
+
+    // Editing a pinned message leaves the pinned ids untouched, and a pinned event fetched from
+    // the server only carries the edits that existed when it was fetched, so a later edit would go
+    // unnoticed. Collect the edits landing on a pinned event, keyed by the event they replace.
+    const [edits, setEdits] = useState(new Map<string, MatrixEvent>());
+    useTypedEventEmitter(
+        room,
+        RoomEvent.Timeline,
+        (
+            event: MatrixEvent,
+            _room: Room | undefined,
+            _toStartOfTimeline: boolean | undefined,
+            removed: boolean,
+            data: IRoomTimelineData,
+        ): void => {
+            // A backfilled edit can be older than the one already applied, so only live ones count.
+            if (removed || !data.liveEvent) return;
+
+            const relation = event.getRelation();
+            if (relation?.rel_type !== RelationType.Replace) return;
+
+            const editedEventId = relation.event_id;
+            if (!editedEventId || !pinnedEventIds.includes(editedEventId)) return;
+            setEdits((edits) => new Map(edits).set(editedEventId, event));
+        },
+    );
+
+    const fetchedEvents = useAsyncMemo(
+        () => {
+            const fetchPromises = pinnedEventIds.map((eventId) => () => fetchPinnedEvent(room, eventId, cli));
+            // Fetch the pinned events in batches of 10
+            return batch(fetchPromises, 10);
+        },
+        [cli, room, pinnedEventIds],
+        [],
+    );
+    const events = useMemo(() => filterBoolean(fetchedEvents), [fetchedEvents]);
+
+    // Replacing an event notifies whatever is rendering it, which is what refreshes the banner and
+    // the pinned messages card, so it has to happen after the render rather than during it.
+    useEffect(() => {
+        for (const event of events) {
+            const edit = edits.get(event.getId()!);
+            if (edit) event.makeReplaced(edit);
+        }
+    }, [events, edits]);
+
+    return events;
+}
+
+/**
+ * Fetch the pinned events and sort them by from the oldest to the newest
+ * The order is determined by the event timestamp
+ * @param room
+ * @param pinnedEventIds
+ */
+export function useSortedFetchedPinnedEvents(room: Room, pinnedEventIds: string[]): Array<MatrixEvent> {
+    const pinnedEvents = useFetchedPinnedEvents(room, pinnedEventIds);
+    return useMemo(() => pinnedEvents.sort((a, b) => a.getTs() - b.getTs()), [pinnedEvents]);
+}
diff --git a/apps/web/src/hooks/useProfileInfo.test.ts b/apps/web/src/hooks/useProfileInfo.test.ts
new file mode 100644
index 00000000000..e0740c053a0
--- /dev/null
+++ b/apps/web/src/hooks/useProfileInfo.test.ts
@@ -0,0 +1,113 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, beforeEach } from "vitest";
+import { waitFor, renderHook, act } from "test-utils-rtl";
+import { type EmptyObject, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils/test-utils";
+
+import { useProfileInfo } from "./useProfileInfo";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+
+function render() {
+    return renderHook(() => useProfileInfo());
+}
+
+describe("useProfileInfo", () => {
+    let cli: MatrixClient;
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        cli.getProfileInfo = (query) => {
+            return Promise.resolve({
+                avatar_url: undefined,
+                displayname: query,
+            });
+        };
+    });
+
+    it("should display user profile when searching", async () => {
+        const query = "@user:home.server";
+
+        const { result } = render();
+
+        act(() => {
+            result.current.search({ query });
+        });
+
+        await waitFor(() => {
+            expect(result.current.ready).toBe(true);
+            expect(result.current.profile?.display_name).toBe(query);
+        });
+    });
+
+    it("should work with empty queries", async () => {
+        const query = "";
+
+        const { result } = render();
+
+        act(() => {
+            result.current.search({ query });
+        });
+
+        await waitFor(() => expect(result.current.ready).toBe(true));
+
+        expect(result.current.profile).toBeNull();
+    });
+
+    it("should treat invalid mxids as empty queries", async () => {
+        const queries = ["@user", "user@home.server"];
+
+        for (const query of queries) {
+            const { result } = render();
+
+            act(() => {
+                result.current.search({ query });
+            });
+
+            await waitFor(() => expect(result.current.ready).toBe(true));
+
+            expect(result.current.profile).toBeNull();
+        }
+    });
+
+    it("should recover from a server exception", async () => {
+        cli.getProfileInfo = () => {
+            throw new Error("Oops");
+        };
+        const query = "@user:home.server";
+
+        const { result } = render();
+
+        act(() => {
+            result.current.search({ query });
+        });
+
+        await waitFor(() => expect(result.current.ready).toBe(true));
+
+        expect(result.current.profile).toBeNull();
+    });
+
+    it("should be able to handle an empty result", async () => {
+        cli.getProfileInfo = () => null as unknown as Promise<EmptyObject>;
+        const query = "@user:home.server";
+
+        const { result } = render();
+
+        act(() => {
+            result.current.search({ query });
+        });
+
+        await waitFor(() => expect(result.current.ready).toBe(true));
+
+        expect(result.current.profile?.display_name).toBeUndefined();
+    });
+});
diff --git a/apps/web/src/hooks/useProfileInfo.ts b/apps/web/src/hooks/useProfileInfo.ts
new file mode 100644
index 00000000000..d0cfd4ab285
--- /dev/null
+++ b/apps/web/src/hooks/useProfileInfo.ts
@@ -0,0 +1,70 @@
+/*
+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 { useCallback, useState } from "react";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { useLatestResult } from "./useLatestResult";
+
+export interface IProfileInfoOpts {
+    query?: string;
+}
+
+export interface IProfileInfo {
+    user_id: string;
+    avatar_url?: string;
+    display_name?: string;
+}
+
+export const useProfileInfo = (): {
+    ready: boolean;
+    loading: boolean;
+    profile: IProfileInfo | null;
+    search(this: void, opts: IProfileInfoOpts): Promise<boolean>;
+} => {
+    const [profile, setProfile] = useState<IProfileInfo | null>(null);
+
+    const [loading, setLoading] = useState(false);
+
+    const [updateQuery, updateResult] = useLatestResult<string | undefined, IProfileInfo | null>(setProfile);
+
+    const search = useCallback(
+        async ({ query: term }: IProfileInfoOpts): Promise<boolean> => {
+            updateQuery(term);
+            if (!term?.length || !term.startsWith("@") || !term.includes(":")) {
+                setProfile(null);
+                return true;
+            }
+
+            setLoading(true);
+            try {
+                const result = await MatrixClientPeg.safeGet().getProfileInfo(term);
+                updateResult(term, {
+                    user_id: term,
+                    avatar_url: result.avatar_url,
+                    display_name: result.displayname,
+                });
+                return true;
+            } catch (e) {
+                console.error("Could not fetch profile info for params", { term }, e);
+                updateResult(term, null);
+                return false;
+            } finally {
+                setLoading(false);
+            }
+        },
+        [updateQuery, updateResult],
+    );
+
+    return {
+        ready: true,
+        loading,
+        profile,
+        search,
+    } as const;
+};
diff --git a/apps/web/src/hooks/usePublicRoomDirectory.test.ts b/apps/web/src/hooks/usePublicRoomDirectory.test.ts
new file mode 100644
index 00000000000..51c1936b6e0
--- /dev/null
+++ b/apps/web/src/hooks/usePublicRoomDirectory.test.ts
@@ -0,0 +1,108 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, beforeEach } from "vitest";
+import { waitFor, renderHook, act } from "test-utils-rtl";
+import { type IRoomDirectoryOptions, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils/test-utils";
+
+import { usePublicRoomDirectory } from "./usePublicRoomDirectory";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+
+function render() {
+    return renderHook(() => usePublicRoomDirectory());
+}
+
+describe("usePublicRoomDirectory", () => {
+    let cli: MatrixClient;
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+
+        cli.getDomain = () => "matrix.org";
+        cli.getThirdpartyProtocols = () => Promise.resolve({});
+        cli.publicRooms = ({ filter }: IRoomDirectoryOptions) => {
+            const chunk = [
+                {
+                    room_id: "hello world!",
+                    name: filter?.generic_search_term ?? "", // If the query is "" no filter is applied(an is undefined here), in keeping with the pattern let's call the room ""
+                    world_readable: true,
+                    guest_can_join: true,
+                    num_joined_members: 1,
+                },
+            ];
+            return Promise.resolve({
+                chunk,
+                total_room_count_estimate: 1,
+            });
+        };
+    });
+
+    it("should display public rooms when searching", async () => {
+        const query = "ROOM NAME";
+        const { result } = render();
+
+        expect(result.current.ready).toBe(false);
+        expect(result.current.loading).toBe(false);
+
+        act(() => {
+            result.current.search({
+                limit: 1,
+                query,
+            });
+        });
+
+        await waitFor(() => {
+            expect(result.current.ready).toBe(true);
+        });
+
+        expect(result.current.publicRooms[0].name).toBe(query);
+    });
+
+    it("should work with empty queries", async () => {
+        const query = "";
+        const { result } = render();
+
+        act(() => {
+            result.current.search({
+                limit: 1,
+                query,
+            });
+        });
+
+        await waitFor(() => {
+            expect(result.current.ready).toBe(true);
+            expect(result.current.publicRooms[0]?.name).toEqual(query);
+        });
+    });
+
+    it("should recover from a server exception", async () => {
+        cli.publicRooms = () => {
+            throw new Error("Oops");
+        };
+        const query = "ROOM NAME";
+
+        const { result } = render();
+
+        act(() => {
+            result.current.search({
+                limit: 1,
+                query,
+            });
+        });
+
+        await waitFor(() => {
+            expect(result.current.ready).toBe(true);
+        });
+
+        expect(result.current.publicRooms).toEqual([]);
+    });
+});
diff --git a/apps/web/src/hooks/usePublicRoomDirectory.ts b/apps/web/src/hooks/usePublicRoomDirectory.ts
new file mode 100644
index 00000000000..dd6cd3382d3
--- /dev/null
+++ b/apps/web/src/hooks/usePublicRoomDirectory.ts
@@ -0,0 +1,187 @@
+/*
+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 {
+    type RoomType,
+    type IProtocol,
+    type IPublicRoomsChunkRoom,
+    type IRoomDirectoryOptions,
+} from "matrix-js-sdk/src/matrix";
+import { useCallback, useEffect, useState } from "react";
+
+import { type IPublicRoomDirectoryConfig } from "../components/views/directory/NetworkDropdown";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import SdkConfig from "../SdkConfig";
+import SettingsStore from "../settings/SettingsStore";
+import { type Protocols } from "../utils/DirectoryUtils";
+import { useLatestResult } from "./useLatestResult";
+import { useSettingValue } from "./useSettings";
+
+export const ALL_ROOMS = "ALL_ROOMS";
+const LAST_SERVER_KEY = "mx_last_room_directory_server";
+const LAST_INSTANCE_KEY = "mx_last_room_directory_instance";
+
+export interface IPublicRoomsOpts {
+    limit: number;
+    query?: string;
+    roomTypes?: Set<RoomType | null>;
+}
+
+let thirdParty: Protocols;
+
+const NSFW_KEYWORD = "nsfw";
+const cheapNsfwFilter = (room: IPublicRoomsChunkRoom): boolean =>
+    !room.name?.toLocaleLowerCase().includes(NSFW_KEYWORD) && !room.topic?.toLocaleLowerCase().includes(NSFW_KEYWORD);
+
+export const usePublicRoomDirectory = (): {
+    ready: boolean;
+    loading: boolean;
+    publicRooms: IPublicRoomsChunkRoom[];
+    protocols: Protocols | null;
+    config?: IPublicRoomDirectoryConfig | null;
+    setConfig(this: void, config: IPublicRoomDirectoryConfig | null): void;
+    search(this: void, opts: IPublicRoomsOpts): Promise<boolean>;
+    error?: Error | true; // true if an unknown error is encountered
+} => {
+    const [publicRooms, setPublicRooms] = useState<IPublicRoomsChunkRoom[]>([]);
+
+    const [config, setConfigInternal] = useState<IPublicRoomDirectoryConfig | null | undefined>(undefined);
+
+    const [protocols, setProtocols] = useState<Protocols | null>(null);
+
+    const [ready, setReady] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState<Error | true | undefined>();
+
+    const [updateQuery, updateResult] = useLatestResult<IRoomDirectoryOptions, IPublicRoomsChunkRoom[]>(setPublicRooms);
+
+    const showNsfwPublicRooms = useSettingValue("SpotlightSearch.showNsfwPublicRooms");
+
+    async function initProtocols(): Promise<void> {
+        if (!MatrixClientPeg.get()) {
+            // We may not have a client yet when invoked from welcome page
+            setReady(true);
+        } else if (thirdParty) {
+            setProtocols(thirdParty);
+        } else {
+            const response = await MatrixClientPeg.safeGet().getThirdpartyProtocols();
+            thirdParty = response;
+            setProtocols(response);
+        }
+    }
+
+    function setConfig(config: IPublicRoomDirectoryConfig): void {
+        if (!ready) {
+            throw new Error("public room configuration not initialised yet");
+        } else {
+            setConfigInternal(config);
+        }
+    }
+
+    const search = useCallback(
+        async ({ limit = 20, query, roomTypes }: IPublicRoomsOpts): Promise<boolean> => {
+            const opts: IRoomDirectoryOptions = { limit };
+
+            if (config?.roomServer != MatrixClientPeg.safeGet().getDomain()) {
+                opts.server = config?.roomServer;
+            }
+
+            if (config?.instanceId === ALL_ROOMS) {
+                opts.include_all_networks = true;
+            } else if (config?.instanceId) {
+                opts.third_party_instance_id = config.instanceId;
+            }
+
+            if (query || roomTypes) {
+                opts.filter = {
+                    generic_search_term: query,
+                    room_types:
+                        roomTypes &&
+                        (await MatrixClientPeg.safeGet().doesServerSupportUnstableFeature("org.matrix.msc3827.stable"))
+                            ? Array.from<RoomType | null>(roomTypes)
+                            : undefined,
+                };
+            }
+
+            updateQuery(opts);
+            setLoading(true);
+            setError(undefined);
+            try {
+                const { chunk } = await MatrixClientPeg.safeGet().publicRooms(opts);
+                updateResult(opts, showNsfwPublicRooms ? chunk : chunk.filter(cheapNsfwFilter));
+                return true;
+            } catch (e) {
+                setError(e instanceof Error ? e : true);
+                console.error("Could not fetch public rooms for params", opts, e);
+                updateResult(opts, []);
+                return false;
+            } finally {
+                setLoading(false);
+            }
+        },
+        [config, updateQuery, updateResult, showNsfwPublicRooms],
+    );
+
+    useEffect(() => {
+        initProtocols();
+    }, []);
+
+    useEffect(() => {
+        if (protocols === null) {
+            return;
+        }
+
+        const myHomeserver = MatrixClientPeg.safeGet().getDomain()!;
+        const lsRoomServer = localStorage.getItem(LAST_SERVER_KEY);
+        const lsInstanceId: string | undefined = localStorage.getItem(LAST_INSTANCE_KEY) ?? undefined;
+
+        let roomServer: string = myHomeserver;
+        if (
+            lsRoomServer &&
+            (SdkConfig.getObject("room_directory")?.get("servers")?.includes(lsRoomServer) ||
+                SettingsStore.getValue("room_directory_servers")?.includes(lsRoomServer))
+        ) {
+            roomServer = lsRoomServer!;
+        }
+
+        let instanceId: string | undefined = undefined;
+        if (
+            roomServer === myHomeserver &&
+            (lsInstanceId === ALL_ROOMS ||
+                Object.values(protocols).some((p: IProtocol) => {
+                    p.instances.some((i) => i.instance_id === lsInstanceId);
+                }))
+        ) {
+            instanceId = lsInstanceId;
+        }
+
+        setReady(true);
+        setConfigInternal({ roomServer, instanceId });
+    }, [protocols]);
+
+    useEffect(() => {
+        if (!config) return;
+        localStorage.setItem(LAST_SERVER_KEY, config.roomServer);
+        if (config.instanceId) {
+            localStorage.setItem(LAST_INSTANCE_KEY, config.instanceId);
+        } else {
+            localStorage.removeItem(LAST_INSTANCE_KEY);
+        }
+    }, [config]);
+
+    return {
+        ready,
+        loading,
+        publicRooms,
+        protocols,
+        config,
+        search,
+        setConfig,
+        error,
+    } as const;
+};
diff --git a/apps/web/src/hooks/usePushers.ts b/apps/web/src/hooks/usePushers.ts
new file mode 100644
index 00000000000..d6b95f7e4e5
--- /dev/null
+++ b/apps/web/src/hooks/usePushers.ts
@@ -0,0 +1,15 @@
+/*
+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 IPusher, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { useAsyncRefreshMemo } from "./useAsyncRefreshMemo";
+
+export function usePushers(client: MatrixClient): [IPusher[], () => void] {
+    return useAsyncRefreshMemo<IPusher[]>(() => client.getPushers().then((it) => it.pushers), [client], []);
+}
diff --git a/apps/web/src/hooks/useRoomCall.test.ts b/apps/web/src/hooks/useRoomCall.test.ts
new file mode 100644
index 00000000000..4c583c72f7b
--- /dev/null
+++ b/apps/web/src/hooks/useRoomCall.test.ts
@@ -0,0 +1,145 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import { renderHook, waitFor } from "test-utils-rtl";
+import {
+    getMockClientWithEventEmitter,
+    mkRoom,
+    mockClientMethodsRooms,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+    MockEventEmitter,
+    setupAsyncStoreWithClient,
+    withContexts,
+} from "test-utils";
+
+import { PlatformCallType, useRoomCall } from "./room/useRoomCall";
+import RoomContext, { type RoomContextType } from "../contexts/RoomContext";
+import type LegacyCallHandler from "../LegacyCallHandler";
+import { CallStore } from "../stores/CallStore";
+import { SDKContextClass } from "../contexts/SDKContextClass";
+
+describe("useRoomCall", () => {
+    const client = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(),
+        ...mockClientMethodsServer(),
+        ...mockClientMethodsRooms(),
+        matrixRTC: new MockEventEmitter(),
+        _unstable_getRTCTransports: vi.fn().mockResolvedValue([]),
+        getCrypto: () => null,
+    });
+    const room = mkRoom(client, "!test-room");
+    // Create a stable room context for this test
+    const mockRoomViewStore = {
+        isViewingCall: vi.fn().mockReturnValue(false),
+        on: vi.fn(),
+        off: vi.fn(),
+        emit: vi.fn(),
+    };
+
+    const roomContext = {
+        ...RoomContext,
+        roomId: room.roomId,
+        roomViewStore: mockRoomViewStore,
+    } as unknown as RoomContextType;
+
+    beforeEach(() => {
+        const callHandler = {
+            getCallForRoom: vi.fn().mockReturnValue(null),
+            isCallSidebarShown: vi.fn().mockReturnValue(true),
+            addListener: vi.fn(),
+            removeListener: vi.fn(),
+            on: vi.fn(),
+            off: vi.fn(),
+        };
+        vi.spyOn(SDKContextClass.instance, "legacyCallHandler", "get").mockReturnValue(
+            callHandler as unknown as LegacyCallHandler,
+        );
+    });
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    function render() {
+        return renderHook(
+            () => useRoomCall(room),
+            withContexts({ matrixClient: client, roomContext, sdkContext: SDKContextClass.instance }),
+        );
+    }
+
+    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/apps/web/src/hooks/useRoomMembers.test.ts b/apps/web/src/hooks/useRoomMembers.test.ts
new file mode 100644
index 00000000000..0d12fdd1fab
--- /dev/null
+++ b/apps/web/src/hooks/useRoomMembers.test.ts
@@ -0,0 +1,117 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, beforeEach } from "vitest";
+import { waitFor, renderHook, act } from "test-utils-rtl";
+import { type MatrixClient, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { stubClient } from "test-utils";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { useMyRoomMembership, useRoomMemberCount, useRoomMembers } from "./useRoomMembers";
+
+describe("useRoomMembers", () => {
+    function render(room: Room) {
+        return renderHook(() => useRoomMembers(room));
+    }
+
+    let cli: MatrixClient;
+    let room: Room;
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        room = new Room("!room:server", cli, cli.getSafeUserId());
+    });
+
+    it("should update on RoomState.Members events", async () => {
+        const { result } = render(room);
+
+        expect(result.current).toHaveLength(0);
+
+        act(() => {
+            room.currentState.markOutOfBandMembersStarted();
+            room.currentState.setOutOfBandMembers([
+                new MatrixEvent({
+                    type: "m.room.member",
+                    state_key: "!user:server",
+                    room_id: room.roomId,
+                    content: {
+                        membership: KnownMembership.Join,
+                    },
+                }),
+            ]);
+        });
+        await waitFor(() => expect(result.current).toHaveLength(1));
+    });
+});
+
+describe("useRoomMemberCount", () => {
+    function render(room: Room) {
+        return renderHook(() => useRoomMemberCount(room));
+    }
+
+    let cli: MatrixClient;
+    let room: Room;
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        room = new Room("!room:server", cli, cli.getSafeUserId());
+    });
+
+    it("should update on RoomState.Members events", async () => {
+        const { result } = render(room);
+
+        expect(result.current).toBe(0);
+
+        act(() => {
+            room.currentState.markOutOfBandMembersStarted();
+            room.currentState.setOutOfBandMembers([
+                new MatrixEvent({
+                    type: "m.room.member",
+                    state_key: "!user:server",
+                    room_id: room.roomId,
+                    content: {
+                        membership: KnownMembership.Join,
+                    },
+                }),
+            ]);
+        });
+        await waitFor(() => expect(result.current).toBe(1));
+    });
+});
+
+describe("useMyRoomMembership", () => {
+    function render(room: Room) {
+        return renderHook(() => useMyRoomMembership(room));
+    }
+
+    let cli: MatrixClient;
+    let room: Room;
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        room = new Room("!room:server", cli, cli.getSafeUserId());
+    });
+
+    it("should update on RoomState.Members events", async () => {
+        room.updateMyMembership(KnownMembership.Join);
+        const { result } = render(room);
+
+        expect(result.current).toBe(KnownMembership.Join);
+
+        act(() => {
+            room.updateMyMembership(KnownMembership.Leave);
+        });
+        await waitFor(() => expect(result.current).toBe(KnownMembership.Leave));
+    });
+});
diff --git a/apps/web/src/hooks/useRoomMembers.ts b/apps/web/src/hooks/useRoomMembers.ts
new file mode 100644
index 00000000000..44007c82e18
--- /dev/null
+++ b/apps/web/src/hooks/useRoomMembers.ts
@@ -0,0 +1,90 @@
+/*
+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 { useMemo, useState } from "react";
+import { type Room, RoomEvent, type RoomMember, RoomStateEvent } from "matrix-js-sdk/src/matrix";
+import { type Membership } from "matrix-js-sdk/src/types";
+import { throttle } from "lodash";
+
+import { useTypedEventEmitter } from "./useEventEmitter";
+
+// Hook to simplify watching Matrix Room joined members
+export const useRoomMembers = (room: Room, throttleWait = 250): RoomMember[] => {
+    const [members, setMembers] = useState<RoomMember[]>(room.getJoinedMembers());
+
+    const throttledUpdate = useMemo(
+        () =>
+            throttle(
+                () => {
+                    setMembers(room.getJoinedMembers());
+                },
+                throttleWait,
+                { leading: true, trailing: true },
+            ),
+        [room, throttleWait],
+    );
+
+    useTypedEventEmitter(room.currentState, RoomStateEvent.Members, throttledUpdate);
+    return members;
+};
+
+type RoomMemberCountOpts = {
+    /**
+     * Wait time between room member count update
+     */
+    throttleWait?: number;
+    /**
+     * Whether to include invited members in the count
+     * @default false
+     */
+    includeInvited?: boolean;
+};
+
+/**
+ * Returns a count of members in a given room
+ * @param room the room to track.
+ * @param opts The options.
+ * @returns the room member count.
+ */
+export const useRoomMemberCount = (
+    room: Room,
+    { throttleWait, includeInvited }: RoomMemberCountOpts = { throttleWait: 250, includeInvited: false },
+): number => {
+    const [count, setCount] = useState<number>(
+        includeInvited ? room.getInvitedAndJoinedMemberCount() : room.getJoinedMemberCount(),
+    );
+    const throttledUpdate = useMemo(
+        () =>
+            throttle(
+                () => {
+                    setCount(includeInvited ? room.getInvitedAndJoinedMemberCount() : room.getJoinedMemberCount());
+                },
+                throttleWait,
+                { leading: true, trailing: true },
+            ),
+        [room, throttleWait, includeInvited],
+    );
+
+    useTypedEventEmitter(room.currentState, RoomStateEvent.Members, throttledUpdate);
+
+    /**
+     * `room.getJoinedMemberCount()` caches the member count behind the room summary
+     * So we need to re-compute the member count when the summary gets updated
+     */
+    useTypedEventEmitter(room, RoomEvent.Summary, throttledUpdate);
+    return count;
+};
+
+// Hook to simplify watching the local user's membership in a room
+export const useMyRoomMembership = (room: Room): Membership => {
+    const [membership, setMembership] = useState<Membership>(room.getMyMembership());
+    useTypedEventEmitter(room, RoomEvent.MyMembership, () => {
+        setMembership(room.getMyMembership());
+    });
+    return membership;
+};
diff --git a/apps/web/src/hooks/useRoomName.ts b/apps/web/src/hooks/useRoomName.ts
new file mode 100644
index 00000000000..2f46eb287cc
--- /dev/null
+++ b/apps/web/src/hooks/useRoomName.ts
@@ -0,0 +1,42 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type Room, RoomEvent } from "matrix-js-sdk/src/matrix";
+import { useEffect, useState } from "react";
+
+import { type IOOBData } from "../stores/ThreepidInviteStore";
+import { useTypedEventEmitter } from "./useEventEmitter";
+import { _t } from "../languageHandler";
+
+const getRoomName = (room?: Room, oobName = ""): string => room?.name || oobName;
+
+/**
+ * Determines the room name from a combination of the room model and potential
+ * out-of-band information
+ * @param room - The room model
+ * @param oobData - out-of-band information about the room
+ * @returns {string} the room name
+ */
+export function useRoomName(room?: Room, oobData?: IOOBData): string {
+    let oobName = _t("common|unnamed_room");
+    if (oobData && oobData.name) {
+        oobName = oobData.name;
+    }
+
+    const [name, setName] = useState<string>(getRoomName(room, oobName));
+
+    useTypedEventEmitter(room, RoomEvent.Name, () => {
+        setName(getRoomName(room, oobName));
+    });
+
+    useEffect(() => {
+        setName(getRoomName(room, oobName));
+    }, [room, oobName]);
+
+    return name;
+}
diff --git a/apps/web/src/hooks/useRoomNotificationState.ts b/apps/web/src/hooks/useRoomNotificationState.ts
new file mode 100644
index 00000000000..7fc72b6ca6c
--- /dev/null
+++ b/apps/web/src/hooks/useRoomNotificationState.ts
@@ -0,0 +1,30 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { useCallback, useMemo, useState } from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import { type RoomNotifState } from "../RoomNotifs";
+import { EchoChamber } from "../stores/local-echo/EchoChamber";
+import { PROPERTY_UPDATED } from "../stores/local-echo/GenericEchoChamber";
+import { CachedRoomKey } from "../stores/local-echo/RoomEchoChamber";
+import { useEventEmitter } from "./useEventEmitter";
+
+export const useNotificationState = (room: Room): [RoomNotifState | undefined, (state: RoomNotifState) => void] => {
+    const echoChamber = useMemo(() => EchoChamber.forRoom(room), [room]);
+    const [notificationState, setNotificationState] = useState<RoomNotifState | undefined>(
+        echoChamber.notificationVolume,
+    );
+    useEventEmitter(echoChamber, PROPERTY_UPDATED, (key: CachedRoomKey) => {
+        if (key === CachedRoomKey.NotificationVolume && echoChamber.notificationVolume !== undefined) {
+            setNotificationState(echoChamber.notificationVolume);
+        }
+    });
+    const setter = useCallback((state: RoomNotifState) => (echoChamber.notificationVolume = state), [echoChamber]);
+    return [notificationState, setter];
+};
diff --git a/apps/web/src/hooks/useRoomState.ts b/apps/web/src/hooks/useRoomState.ts
new file mode 100644
index 00000000000..5a0a2d75411
--- /dev/null
+++ b/apps/web/src/hooks/useRoomState.ts
@@ -0,0 +1,64 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { useCallback, useEffect, useRef, useState } from "react";
+import { type Room, type RoomState, RoomStateEvent } from "matrix-js-sdk/src/matrix";
+
+import { useTypedEventEmitter } from "./useEventEmitter";
+
+type Mapper<T> = (roomState: RoomState) => 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);
+
+    // Update ref.current value if mapper changes.
+    useEffect(() => {
+        savedMapper.current = mapper;
+    }, [mapper]);
+
+    const [value, setValue] = useState<T | undefined>(room ? mapper(room.currentState) : undefined);
+
+    const update = useCallback(() => {
+        if (!room) return;
+        setValue(savedMapper.current(room.currentState));
+    }, [room]);
+
+    useTypedEventEmitter(room?.currentState, RoomStateEvent.Update, update);
+    useEffect(() => {
+        update();
+        return () => {
+            setValue(room ? savedMapper.current(room.currentState) : undefined);
+        };
+    }, [room, update]);
+    return value;
+}
diff --git a/apps/web/src/hooks/useSettings.ts b/apps/web/src/hooks/useSettings.ts
new file mode 100644
index 00000000000..67f84b4c742
--- /dev/null
+++ b/apps/web/src/hooks/useSettings.ts
@@ -0,0 +1,102 @@
+/*
+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 { useEffect, useState } from "react";
+
+import SettingsStore from "../settings/SettingsStore";
+import { type SettingLevel } from "../settings/SettingLevel";
+import { type FeatureSettingKey, type SettingKey, type Settings } from "../settings/Settings.tsx";
+
+// Hook to fetch the value of a setting and dynamically update when it changes
+export function useSettingValue<S extends SettingKey>(
+    settingName: S,
+    roomId: string | null,
+    excludeDefault: true,
+): Settings[S]["default"] | undefined;
+export function useSettingValue<S extends SettingKey>(
+    settingName: S,
+    roomId?: string | null,
+    excludeDefault?: false,
+): Settings[S]["default"];
+export function useSettingValue<S extends SettingKey>(
+    settingName: S,
+    roomId: string | null = null,
+    excludeDefault = false,
+): Settings[S]["default"] | undefined {
+    const [value, setValue] = useState(
+        // XXX: This seems naff but is needed to convince TypeScript that the overload is fine
+        excludeDefault
+            ? SettingsStore.getValue(settingName, roomId, excludeDefault)
+            : SettingsStore.getValue(settingName, roomId, excludeDefault),
+    );
+
+    useEffect(() => {
+        const ref = SettingsStore.watchSetting(settingName, roomId, () => {
+            setValue(
+                // XXX: This seems naff but is needed to convince TypeScript that the overload is fine
+                excludeDefault
+                    ? SettingsStore.getValue(settingName, roomId, excludeDefault)
+                    : SettingsStore.getValue(settingName, roomId, excludeDefault),
+            );
+        });
+        // clean-up
+        return () => {
+            SettingsStore.unwatchSetting(ref);
+        };
+    }, [settingName, roomId, excludeDefault]);
+
+    return value;
+}
+
+/**
+ * Hook to fetch the value of a setting at a specific level and dynamically update when it changes
+ * @see SettingsStore.getValueAt
+ * @param level
+ * @param settingName
+ * @param roomId
+ * @param explicit
+ * @param excludeDefault
+ */
+export const useSettingValueAt = <S extends SettingKey>(
+    level: SettingLevel,
+    settingName: S,
+    roomId: string | null = null,
+    explicit = false,
+    excludeDefault = false,
+): Settings[S]["default"] => {
+    const [value, setValue] = useState(SettingsStore.getValueAt(level, settingName, roomId, explicit, excludeDefault));
+
+    useEffect(() => {
+        const ref = SettingsStore.watchSetting(settingName, roomId, () => {
+            setValue(SettingsStore.getValueAt(level, settingName, roomId, explicit, excludeDefault));
+        });
+        // clean-up
+        return () => {
+            SettingsStore.unwatchSetting(ref);
+        };
+    }, [level, settingName, roomId, explicit, excludeDefault]);
+
+    return value;
+};
+
+// Hook to fetch whether a feature is enabled and dynamically update when that changes
+export const useFeatureEnabled = (featureName: FeatureSettingKey, roomId: string | null = null): boolean => {
+    const [enabled, setEnabled] = useState(SettingsStore.getValue(featureName, roomId));
+
+    useEffect(() => {
+        const ref = SettingsStore.watchSetting(featureName, roomId, () => {
+            setEnabled(SettingsStore.getValue(featureName, roomId));
+        });
+        // clean-up
+        return () => {
+            SettingsStore.unwatchSetting(ref);
+        };
+    }, [featureName, roomId]);
+
+    return enabled;
+};
diff --git a/apps/web/src/hooks/useSmoothAnimation.ts b/apps/web/src/hooks/useSmoothAnimation.ts
new file mode 100644
index 00000000000..dd157911b3f
--- /dev/null
+++ b/apps/web/src/hooks/useSmoothAnimation.ts
@@ -0,0 +1,71 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+import { useCallback, useEffect, useRef, useState } from "react";
+
+import SettingsStore from "../settings/SettingsStore";
+import { useAnimation } from "./useAnimation";
+
+const debuglog = (...args: any[]): void => {
+    if (SettingsStore.getValue("debug_animation")) {
+        logger.log.call(console, "Animation debuglog:", ...args);
+    }
+};
+
+/**
+ * Utility function to smoothly animate to a certain target value
+ * @param initialValue Initial value to be used as initial starting point
+ * @param targetValue Desired value to animate to (can be changed repeatedly to whatever is current at that time)
+ * @param duration Duration that each animation should take, specify 0 to skip animating
+ */
+export function useSmoothAnimation(initialValue: number, targetValue: number, duration: number): number {
+    const state = useRef<{ timestamp: DOMHighResTimeStamp | null; value: number }>({
+        timestamp: null,
+        value: initialValue,
+    });
+    const [currentValue, setCurrentValue] = useState<number>(initialValue);
+    const [currentStepSize, setCurrentStepSize] = useState<number>(0);
+
+    useEffect(() => {
+        const totalDelta = targetValue - state.current.value;
+        setCurrentStepSize(totalDelta / duration);
+        state.current = { ...state.current, timestamp: null };
+    }, [duration, targetValue]);
+
+    const update = useCallback(
+        (timestamp: DOMHighResTimeStamp): boolean => {
+            if (!state.current.timestamp) {
+                state.current = { ...state.current, timestamp };
+                return true;
+            }
+
+            if (Math.abs(currentStepSize) < Number.EPSILON) {
+                return false;
+            }
+
+            const timeDelta = timestamp - state.current.timestamp;
+            const valueDelta = currentStepSize * timeDelta;
+            const maxValueDelta = targetValue - state.current.value;
+            const clampedValueDelta = Math.sign(valueDelta) * Math.min(Math.abs(maxValueDelta), Math.abs(valueDelta));
+            const value = state.current.value + clampedValueDelta;
+
+            debuglog(`Animating to ${targetValue} at ${value} timeDelta=${timeDelta}, valueDelta=${valueDelta}`);
+
+            setCurrentValue(value);
+            state.current = { value, timestamp };
+
+            return Math.abs(maxValueDelta) > Number.EPSILON;
+        },
+        [currentStepSize, targetValue],
+    );
+
+    useAnimation(duration > 0, update);
+
+    return duration > 0 ? currentValue : targetValue;
+}
diff --git a/apps/web/src/hooks/useSpaceResults.ts b/apps/web/src/hooks/useSpaceResults.ts
new file mode 100644
index 00000000000..c6844cc86b1
--- /dev/null
+++ b/apps/web/src/hooks/useSpaceResults.ts
@@ -0,0 +1,61 @@
+/*
+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 { useCallback, useEffect, useMemo, useState } from "react";
+import { type Room, RoomType, type HierarchyRoom } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { RoomHierarchy } from "matrix-js-sdk/src/room-hierarchy";
+import { normalize } from "matrix-js-sdk/src/utils";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+
+export const useSpaceResults = (space: Room | undefined, query: string): [HierarchyRoom[], boolean] => {
+    const [rooms, setRooms] = useState<HierarchyRoom[]>([]);
+    const [hierarchy, setHierarchy] = useState<RoomHierarchy>();
+
+    const resetHierarchy = useCallback(() => {
+        setHierarchy(space ? new RoomHierarchy(space, 50) : undefined);
+    }, [space]);
+    useEffect(resetHierarchy, [resetHierarchy]);
+
+    useEffect(() => {
+        if (!space || !hierarchy) return; // nothing to load
+
+        let unmounted = false;
+
+        (async (): Promise<void> => {
+            // oxlint-disable-next-line no-unmodified-loop-condition
+            while (hierarchy?.canLoadMore && !unmounted && space === hierarchy.root) {
+                await hierarchy.load();
+                if (hierarchy.canLoadMore) hierarchy.load(); // start next load so that the loading attribute is right
+                setRooms(hierarchy.rooms!);
+            }
+        })();
+
+        return () => {
+            unmounted = true;
+        };
+    }, [space, hierarchy]);
+
+    const results = useMemo(() => {
+        const trimmedQuery = query.trim();
+        const lcQuery = trimmedQuery.toLowerCase();
+        const normalizedQuery = normalize(trimmedQuery);
+
+        const cli = MatrixClientPeg.safeGet();
+        return rooms?.filter((r) => {
+            return (
+                r.room_type !== RoomType.Space &&
+                cli.getRoom(r.room_id)?.getMyMembership() !== KnownMembership.Join &&
+                (normalize(r.name || "").includes(normalizedQuery) || (r.canonical_alias || "").includes(lcQuery))
+            );
+        });
+    }, [rooms, query]);
+
+    return [results, hierarchy?.loading ?? false];
+};
diff --git a/apps/web/src/hooks/useStateArray.ts b/apps/web/src/hooks/useStateArray.ts
new file mode 100644
index 00000000000..1b57a29652b
--- /dev/null
+++ b/apps/web/src/hooks/useStateArray.ts
@@ -0,0 +1,25 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { useState } from "react";
+
+// Hook to simplify managing state of arrays of a common type
+export const useStateArray = <T>(initialSize: number, initialState: T | T[]): [T[], (i: number, v: T) => void] => {
+    const [data, setData] = useState<T[]>(() => {
+        return Array.isArray(initialState) ? initialState : new Array(initialSize).fill(initialState);
+    });
+    return [
+        data,
+        (index: number, value: T) =>
+            setData((data) => {
+                const copy = [...data];
+                copy[index] = value;
+                return copy;
+            }),
+    ];
+};
diff --git a/apps/web/src/hooks/useStateCallback.ts b/apps/web/src/hooks/useStateCallback.ts
new file mode 100644
index 00000000000..6d45adf5db0
--- /dev/null
+++ b/apps/web/src/hooks/useStateCallback.ts
@@ -0,0 +1,20 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type Dispatch, useState } from "react";
+
+// Hook to simplify interactions with a store-backed state values
+// Returns value and method to change the state value
+export const useStateCallback = <T>(initialValue: T, callback: (v: T) => void): [T, Dispatch<T>] => {
+    const [value, setValue] = useState(initialValue);
+    const interceptSetValue = (newVal: T): void => {
+        setValue(newVal);
+        callback(newVal);
+    };
+    return [value, interceptSetValue];
+};
diff --git a/apps/web/src/hooks/useStateToggle.ts b/apps/web/src/hooks/useStateToggle.ts
new file mode 100644
index 00000000000..962a47c6be1
--- /dev/null
+++ b/apps/web/src/hooks/useStateToggle.ts
@@ -0,0 +1,19 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 Dispatch, type SetStateAction, useState } from "react";
+
+// Hook to simplify toggling of a boolean state value
+// Returns value, method to toggle boolean value and method to set the boolean value
+export const useStateToggle = (initialValue = false): [boolean, () => void, Dispatch<SetStateAction<boolean>>] => {
+    const [value, setValue] = useState(initialValue);
+    const toggleValue = (): void => {
+        setValue(!value);
+    };
+    return [value, toggleValue, setValue];
+};
diff --git a/apps/web/src/hooks/useTheme.ts b/apps/web/src/hooks/useTheme.ts
new file mode 100644
index 00000000000..31b01dc2e3b
--- /dev/null
+++ b/apps/web/src/hooks/useTheme.ts
@@ -0,0 +1,45 @@
+/*
+ * 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.
+ */
+
+import { SettingLevel } from "../settings/SettingLevel";
+import { useSettingValue, useSettingValueAt } from "./useSettings";
+
+/**
+ * Hook to fetch the current theme and whether system theme matching is enabled.
+ */
+export function useTheme(): { theme: string; systemThemeActivated: boolean } {
+    // We have to mirror the logic from ThemeWatcher.getEffectiveTheme so we
+    // show the right values for things.
+
+    const themeChoice = useSettingValue("theme");
+    const systemThemeExplicit = useSettingValueAt(SettingLevel.DEVICE, "use_system_theme", null, false, true);
+    const themeExplicit = useSettingValueAt(SettingLevel.DEVICE, "theme", null, false, true);
+    const systemThemeActivated = useSettingValue("use_system_theme");
+
+    // If the user has enabled system theme matching, use that.
+    if (systemThemeExplicit) {
+        return {
+            theme: themeChoice,
+            systemThemeActivated: true,
+        };
+    }
+
+    // If the user has set a theme explicitly, use that (no system theme matching)
+    if (themeExplicit) {
+        return {
+            theme: themeChoice,
+            systemThemeActivated: false,
+        };
+    }
+
+    // Otherwise assume the defaults for the settings
+    return {
+        theme: themeChoice,
+        systemThemeActivated,
+    };
+}
diff --git a/apps/web/src/hooks/useThreepids.ts b/apps/web/src/hooks/useThreepids.ts
new file mode 100644
index 00000000000..9cc03f5bccd
--- /dev/null
+++ b/apps/web/src/hooks/useThreepids.ts
@@ -0,0 +1,15 @@
+/*
+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 MatrixClient, type IThreepid } from "matrix-js-sdk/src/matrix";
+
+import { useAsyncRefreshMemo } from "./useAsyncRefreshMemo";
+
+export function useThreepids(client: MatrixClient): [IThreepid[], () => void] {
+    return useAsyncRefreshMemo<IThreepid[]>(() => client.getThreePids().then((it) => it.threepids), [client], []);
+}
diff --git a/apps/web/src/hooks/useTimeout.ts b/apps/web/src/hooks/useTimeout.ts
new file mode 100644
index 00000000000..de0a450bcff
--- /dev/null
+++ b/apps/web/src/hooks/useTimeout.ts
@@ -0,0 +1,62 @@
+/*
+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 { useEffect, useRef, useState } from "react";
+
+type Handler = () => void;
+
+/**
+ * Hook to simplify timeouts in functional components
+ * @knipignore
+ */
+export const useTimeout = (handler: Handler, timeoutMs: number): void => {
+    // Create a ref that stores handler
+    const savedHandler = useRef<Handler>(undefined);
+
+    // Update ref.current value if handler changes.
+    useEffect(() => {
+        savedHandler.current = handler;
+    }, [handler]);
+
+    // Set up timer
+    useEffect(() => {
+        const timeoutID = window.setTimeout(() => {
+            savedHandler.current?.();
+        }, timeoutMs);
+        return () => clearTimeout(timeoutID);
+    }, [timeoutMs]);
+};
+
+// Hook to simplify intervals in functional components
+export const useInterval = (handler: Handler, intervalMs: number): void => {
+    // Create a ref that stores handler
+    const savedHandler = useRef<Handler>(undefined);
+
+    // Update ref.current value if handler changes.
+    useEffect(() => {
+        savedHandler.current = handler;
+    }, [handler]);
+
+    // Set up timer
+    useEffect(() => {
+        const intervalID = window.setInterval(() => {
+            savedHandler.current?.();
+        }, intervalMs);
+        return () => clearInterval(intervalID);
+    }, [intervalMs]);
+};
+
+// Hook to simplify a variable counting down to 0, handler called when it reached 0
+export const useExpiringCounter = (handler: Handler, intervalMs: number, initialCount: number): number => {
+    const [count, setCount] = useState(initialCount);
+    useInterval(() => setCount((c) => c - 1), intervalMs);
+    if (count === 0) {
+        handler();
+    }
+    return count;
+};
diff --git a/apps/web/src/hooks/useTimeoutToggle.ts b/apps/web/src/hooks/useTimeoutToggle.ts
new file mode 100644
index 00000000000..c1da8e8697d
--- /dev/null
+++ b/apps/web/src/hooks/useTimeoutToggle.ts
@@ -0,0 +1,42 @@
+/*
+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 { useEffect, useRef, useState } from "react";
+
+/**
+ * Hook that allows toggling a boolean value and resets it after a timeout.
+ *
+ * @param {boolean} defaultValue Default value
+ * @param {number} timeoutMs Time after that the value will be reset
+ */
+export const useTimeoutToggle = (
+    defaultValue: boolean,
+    timeoutMs: number,
+): {
+    value: boolean;
+    toggle(this: void): void;
+} => {
+    const timeoutId = useRef<number | undefined>(undefined);
+    const [value, setValue] = useState<boolean>(defaultValue);
+
+    const toggle = (): void => {
+        setValue(!defaultValue);
+        timeoutId.current = window.setTimeout(() => setValue(defaultValue), timeoutMs);
+    };
+
+    useEffect(() => {
+        return () => {
+            clearTimeout(timeoutId.current);
+        };
+    });
+
+    return {
+        toggle,
+        value,
+    };
+};
diff --git a/apps/web/src/hooks/useUnreadNotifications.test.ts b/apps/web/src/hooks/useUnreadNotifications.test.ts
new file mode 100644
index 00000000000..89af8e6e8c8
--- /dev/null
+++ b/apps/web/src/hooks/useUnreadNotifications.test.ts
@@ -0,0 +1,105 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, beforeEach } from "vitest";
+import { renderHook } from "test-utils-rtl";
+import { EventStatus, NotificationCountType, PendingEventOrdering, Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { mkEvent, muteRoom, stubClient } from "test-utils";
+
+import { useUnreadNotifications } from "./useUnreadNotifications";
+import { NotificationLevel } from "../stores/notifications/NotificationLevel";
+
+describe("useUnreadNotifications", () => {
+    let client: MatrixClient;
+    let room: Room;
+
+    beforeEach(() => {
+        client = stubClient();
+        room = new Room("!room:example.org", client, "@user:example.org", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+    });
+
+    function setUnreads(greys: number, reds: number): void {
+        room.setUnreadNotificationCount(NotificationCountType.Highlight, reds);
+        room.setUnreadNotificationCount(NotificationCountType.Total, greys);
+    }
+
+    it("shows nothing by default", async () => {
+        const { result } = renderHook(() => useUnreadNotifications(room));
+        const { level, symbol, count } = result.current;
+
+        expect(symbol).toBe(null);
+        expect(level).toBe(NotificationLevel.None);
+        expect(count).toBe(0);
+    });
+
+    it("indicates if there are unsent messages", async () => {
+        const event = mkEvent({
+            event: true,
+            type: "m.message",
+            user: "@user:example.org",
+            content: {},
+        });
+        event.status = EventStatus.NOT_SENT;
+        room.addPendingEvent(event, "txn");
+
+        const { result } = renderHook(() => useUnreadNotifications(room));
+        const { level, symbol, count } = result.current;
+
+        expect(symbol).toBe("!");
+        expect(level).toBe(NotificationLevel.Unsent);
+        expect(count).toBeGreaterThan(0);
+    });
+
+    it("indicates the user has been invited to a channel", async () => {
+        room.updateMyMembership(KnownMembership.Invite);
+
+        const { result } = renderHook(() => useUnreadNotifications(room));
+        const { level, symbol, count } = result.current;
+
+        expect(symbol).toBe("!");
+        expect(level).toBe(NotificationLevel.Highlight);
+        expect(count).toBeGreaterThan(0);
+    });
+
+    it("shows nothing for muted channels", async () => {
+        setUnreads(999, 999);
+        muteRoom(room);
+
+        const { result } = renderHook(() => useUnreadNotifications(room));
+        const { level, count } = result.current;
+
+        expect(level).toBe(NotificationLevel.None);
+        expect(count).toBe(0);
+    });
+
+    it("uses the correct number of unreads", async () => {
+        setUnreads(999, 0);
+
+        const { result } = renderHook(() => useUnreadNotifications(room));
+        const { level, count } = result.current;
+
+        expect(level).toBe(NotificationLevel.Notification);
+        expect(count).toBe(999);
+    });
+
+    it("uses the correct number of highlights", async () => {
+        setUnreads(0, 888);
+
+        const { result } = renderHook(() => useUnreadNotifications(room));
+        const { level, count } = result.current;
+
+        expect(level).toBe(NotificationLevel.Highlight);
+        expect(count).toBe(888);
+    });
+});
diff --git a/apps/web/src/hooks/useUnreadNotifications.ts b/apps/web/src/hooks/useUnreadNotifications.ts
new file mode 100644
index 00000000000..7697524da50
--- /dev/null
+++ b/apps/web/src/hooks/useUnreadNotifications.ts
@@ -0,0 +1,60 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { RoomEvent } from "matrix-js-sdk/src/matrix";
+import { useCallback, useEffect, useState } from "react";
+
+import type { NotificationCount, Room } from "matrix-js-sdk/src/matrix";
+import { determineUnreadState } from "../RoomNotifs";
+import { NotificationLevel } from "../stores/notifications/NotificationLevel";
+import { useEventEmitter } from "./useEventEmitter";
+
+export const useUnreadNotifications = (
+    room?: Room,
+    threadId?: string,
+): {
+    symbol: string | null;
+    count: number;
+    level: NotificationLevel;
+} => {
+    const [symbol, setSymbol] = useState<string | null>(null);
+    const [count, setCount] = useState<number>(0);
+    const [level, setLevel] = useState<NotificationLevel>(NotificationLevel.None);
+
+    useEventEmitter(
+        room,
+        RoomEvent.UnreadNotifications,
+        (unreadNotifications: NotificationCount, evtThreadId?: string) => {
+            // Discarding all events not related to the thread if one has been setup
+            if (threadId && threadId !== evtThreadId) return;
+            updateNotificationState();
+        },
+    );
+    useEventEmitter(room, RoomEvent.Receipt, () => updateNotificationState());
+    useEventEmitter(room, RoomEvent.Timeline, () => updateNotificationState());
+    useEventEmitter(room, RoomEvent.Redaction, () => updateNotificationState());
+    useEventEmitter(room, RoomEvent.LocalEchoUpdated, () => updateNotificationState());
+    useEventEmitter(room, RoomEvent.MyMembership, () => updateNotificationState());
+
+    const updateNotificationState = useCallback(() => {
+        const { symbol, count, level } = determineUnreadState(room, threadId, false);
+        setSymbol(symbol);
+        setCount(count);
+        setLevel(level);
+    }, [room, threadId]);
+
+    useEffect(() => {
+        updateNotificationState();
+    }, [updateNotificationState]);
+
+    return {
+        symbol,
+        count,
+        level,
+    };
+};
diff --git a/apps/web/src/hooks/useUserDirectory.test.ts b/apps/web/src/hooks/useUserDirectory.test.ts
new file mode 100644
index 00000000000..53ff24a8f6b
--- /dev/null
+++ b/apps/web/src/hooks/useUserDirectory.test.ts
@@ -0,0 +1,88 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, beforeEach } from "vitest";
+import { waitFor, renderHook, act } from "test-utils-rtl";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils";
+
+import { useUserDirectory } from "./useUserDirectory";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+
+function render() {
+    return renderHook(() => useUserDirectory());
+}
+
+describe("useUserDirectory", () => {
+    let cli: MatrixClient;
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+
+        cli.getDomain = () => "matrix.org";
+        cli.getThirdpartyProtocols = () => Promise.resolve({});
+        cli.searchUserDirectory = ({ term: query }) =>
+            Promise.resolve({
+                results: [
+                    {
+                        user_id: "@bob:matrix.org",
+                        display_name: query,
+                    },
+                ],
+                limited: false,
+            });
+    });
+
+    it("search for users in the identity server", async () => {
+        const query = "Bob";
+        const { result } = render();
+
+        act(() => {
+            result.current.search({ limit: 1, query });
+        });
+        await waitFor(() => {
+            expect(result.current.ready).toBe(true);
+            expect(result.current.loading).toBe(false);
+        });
+
+        expect(result.current.users[0].name).toBe(query);
+    });
+
+    it("should work with empty queries", async () => {
+        const query = "";
+        const { result } = render();
+
+        act(() => {
+            result.current.search({ limit: 1, query });
+        });
+        await waitFor(() => expect(result.current.ready).toBe(true));
+
+        expect(result.current.loading).toBe(false);
+        expect(result.current.users).toEqual([]);
+    });
+
+    it("should recover from a server exception", async () => {
+        cli.searchUserDirectory = () => {
+            throw new Error("Oops");
+        };
+        const query = "Bob";
+
+        const { result } = render();
+
+        act(() => {
+            result.current.search({ limit: 1, query });
+        });
+        await waitFor(() => expect(result.current.ready).toBe(true));
+
+        expect(result.current.loading).toBe(false);
+        expect(result.current.users).toEqual([]);
+    });
+});
diff --git a/apps/web/src/hooks/useUserDirectory.ts b/apps/web/src/hooks/useUserDirectory.ts
new file mode 100644
index 00000000000..6324e06f13b
--- /dev/null
+++ b/apps/web/src/hooks/useUserDirectory.ts
@@ -0,0 +1,67 @@
+/*
+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 { useCallback, useState } from "react";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { DirectoryMember } from "../utils/direct-messages";
+import { useLatestResult } from "./useLatestResult";
+
+export interface IUserDirectoryOpts {
+    limit: number;
+    query: string;
+}
+
+export const useUserDirectory = (): {
+    ready: boolean;
+    loading: boolean;
+    users: DirectoryMember[];
+    search(this: void, opts: IUserDirectoryOpts): Promise<boolean>;
+} => {
+    const [users, setUsers] = useState<DirectoryMember[]>([]);
+
+    const [loading, setLoading] = useState(false);
+
+    const [updateQuery, updateResult] = useLatestResult<{ term: string; limit?: number }, DirectoryMember[]>(setUsers);
+
+    const search = useCallback(
+        async ({ limit = 20, query: term }: IUserDirectoryOpts): Promise<boolean> => {
+            const opts = { limit, term };
+            updateQuery(opts);
+
+            if (!term?.length) {
+                setUsers([]);
+                return true;
+            }
+
+            try {
+                setLoading(true);
+                const { results } = await MatrixClientPeg.safeGet().searchUserDirectory(opts);
+                updateResult(
+                    opts,
+                    results.map((user) => new DirectoryMember(user)),
+                );
+                return true;
+            } catch (e) {
+                console.error("Could not fetch user in user directory for params", { limit, term }, e);
+                updateResult(opts, []);
+                return false;
+            } finally {
+                setLoading(false);
+            }
+        },
+        [updateQuery, updateResult],
+    );
+
+    return {
+        ready: true,
+        loading,
+        users,
+        search,
+    } as const;
+};
diff --git a/apps/web/src/hooks/useUserStatus.test.ts b/apps/web/src/hooks/useUserStatus.test.ts
new file mode 100644
index 00000000000..047977da426
--- /dev/null
+++ b/apps/web/src/hooks/useUserStatus.test.ts
@@ -0,0 +1,158 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import { renderHook, waitFor } from "test-utils-rtl";
+import { ClientEvent } from "matrix-js-sdk/src/matrix";
+import {
+    getMockClientWithEventEmitter,
+    mockClientMethodsUser,
+    mockClientMethodsServer,
+    withContexts,
+} from "test-utils";
+
+import { useUserStatus } from "./useUserStatus";
+import SettingsStore from "../settings/SettingsStore";
+import { userStatusTextWithinMaxLength } from "../utils/userStatus";
+
+const userId = "@alice:example.com";
+
+const client = getMockClientWithEventEmitter({
+    ...mockClientMethodsUser(),
+    ...mockClientMethodsServer(),
+    getCrypto: vi.fn().mockReturnValue(null),
+    doesServerSupportExtendedProfiles: vi.fn().mockResolvedValue(true),
+    getExtendedProfileProperty: vi.fn().mockResolvedValue(undefined),
+});
+
+function render(uid: string | undefined = userId) {
+    return renderHook(() => useUserStatus(uid), withContexts({ matrixClient: client }));
+}
+
+describe("userStatusTextWithinMaxLength", () => {
+    it("returns true for short text", () => {
+        expect(userStatusTextWithinMaxLength("on a horse")).toBe(true);
+    });
+
+    it("returns false for text exceeding 256 bytes", () => {
+        expect(userStatusTextWithinMaxLength("a".repeat(257))).toBe(false);
+    });
+
+    it("returns true for text exactly 256 bytes", () => {
+        expect(userStatusTextWithinMaxLength("a".repeat(256))).toBe(true);
+    });
+});
+
+describe("useUserStatus", () => {
+    beforeEach(() => {
+        vi.spyOn(SettingsStore, "getValue").mockImplementation((name): any => {
+            if (name === "feature_user_status") return true;
+        });
+        client.doesServerSupportExtendedProfiles.mockResolvedValue(true);
+        client.getExtendedProfileProperty.mockResolvedValue(undefined);
+    });
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("returns undefined when feature is disabled", async () => {
+        vi.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        const { result } = render();
+        expect(result.current).toBeUndefined();
+    });
+
+    it("returns undefined when userId is undefined", async () => {
+        const { result } = render(undefined);
+        expect(result.current).toBeUndefined();
+    });
+
+    it("returns undefined when server does not support extended profiles", async () => {
+        client.doesServerSupportExtendedProfiles.mockResolvedValue(false);
+        const { result } = render();
+        expect(result.current).toBeUndefined();
+    });
+
+    it("returns undefined when status property is not set", async () => {
+        client.getExtendedProfileProperty.mockResolvedValue(undefined);
+        const { result } = render();
+        await waitFor(() =>
+            expect(client.getExtendedProfileProperty).toHaveBeenCalledWith(userId, "org.matrix.msc4426.status"),
+        );
+        expect(result.current).toBeUndefined();
+    });
+
+    it("returns undefined when status is not an object", async () => {
+        client.getExtendedProfileProperty.mockResolvedValue("not an object");
+        const { result } = render();
+        await waitFor(() => expect(client.getExtendedProfileProperty).toHaveBeenCalled());
+        expect(result.current).toBeUndefined();
+    });
+
+    it("returns undefined when emoji is missing", async () => {
+        client.getExtendedProfileProperty.mockResolvedValue({ text: "on a horse" });
+        const { result } = render();
+        await waitFor(() => expect(client.getExtendedProfileProperty).toHaveBeenCalled());
+        expect(result.current).toBeUndefined();
+    });
+
+    it("returns undefined when text is missing", async () => {
+        client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🐎" });
+        const { result } = render();
+        await waitFor(() => expect(client.getExtendedProfileProperty).toHaveBeenCalled());
+        expect(result.current).toBeUndefined();
+    });
+
+    it("returns the user status when valid", async () => {
+        client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🐎", text: "on a horse" });
+        const { result } = render();
+        await waitFor(() => expect(result.current).toEqual({ emoji: "🐎", text: "on a horse" }));
+    });
+
+    it("truncates text that exceeds 256 bytes", async () => {
+        const longText = "a".repeat(257);
+        client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🐎", text: longText });
+        const { result } = render();
+        await waitFor(() => expect(result.current).toEqual({ emoji: "🐎", text: `${"a".repeat(256)}…` }));
+    });
+
+    it("returns undefined when M_NOT_FOUND error is thrown", async () => {
+        const error = new Error();
+        client.getExtendedProfileProperty.mockRejectedValue(error);
+        const { result } = render();
+        await waitFor(() => expect(client.getExtendedProfileProperty).toHaveBeenCalled());
+        expect(result.current).toBeUndefined();
+    });
+
+    it("updates status when UserProfileUpdate event is emitted", async () => {
+        client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🐎", text: "on a horse" });
+        const { result } = render();
+        await waitFor(() => expect(result.current).toEqual({ emoji: "🐎", text: "on a horse" }));
+
+        // Simulate a profile update event
+        client.emit(ClientEvent.UserProfileUpdate, userId, {
+            "org.matrix.msc4426.status": { emoji: "😵", text: "off a horse" },
+        });
+
+        await waitFor(() => expect(result.current).toEqual({ emoji: "😵", text: "off a horse" }));
+    });
+
+    it("ignores UserProfileUpdate events for different users", async () => {
+        client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🐎", text: "on a horse" });
+        const { result } = render();
+        await waitFor(() => expect(result.current).toEqual({ emoji: "🐎", text: "on a horse" }));
+
+        client.emit(ClientEvent.UserProfileUpdate, "@bob:example.com", {
+            "org.matrix.msc4426.status": { emoji: "🤷", text: "unrelated status" },
+        });
+
+        // Should still have original status
+        expect(result.current).toEqual({ emoji: "🐎", text: "on a horse" });
+    });
+});
diff --git a/apps/web/src/hooks/useUserStatus.ts b/apps/web/src/hooks/useUserStatus.ts
new file mode 100644
index 00000000000..1e6eeb7957a
--- /dev/null
+++ b/apps/web/src/hooks/useUserStatus.ts
@@ -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 { useEffect, useState } from "react";
+import { ClientEvent } from "matrix-js-sdk/src/matrix";
+import { logger as rootLogger } from "matrix-js-sdk/src/logger";
+import { type UserStatus } from "@element-hq/web-shared-components";
+
+import { useMatrixClientContext } from "../contexts/MatrixClientContext";
+import { useTypedEventEmitter } from "./useEventEmitter";
+import { useFeatureEnabled } from "./useSettings";
+import { fetchUserStatus, userStatusFromProfile } from "../utils/userStatus";
+
+const logger = rootLogger.getChild("useUserStatus");
+
+/**
+ * Hook to get the MSC4426 user status for a given user ID. Returns undefined if the feature is disabled,
+ * the user does not have a status, or if there was an error fetching the status.
+ *
+ * @param userId The ID of the user whose status is being fetched.
+ * @returns The user's status, or undefined if not available.
+ */
+export function useUserStatus(userId: string | undefined): UserStatus | undefined {
+    const isEnabled = useFeatureEnabled("feature_user_status");
+    const matrixClient = useMatrixClientContext();
+    const [userStatus, setUserStatus] = useState<UserStatus | undefined>();
+
+    useTypedEventEmitter(matrixClient, ClientEvent.UserProfileUpdate, (syncedUserId, syncProfile) => {
+        if (syncedUserId !== userId) {
+            return;
+        }
+
+        setUserStatus(
+            userStatusFromProfile(syncProfile["org.matrix.msc4426.status"], syncProfile["org.matrix.msc4426.call"]),
+        );
+    });
+    useEffect(() => {
+        (async () => {
+            if (!isEnabled) {
+                return;
+            }
+            if (!userId) {
+                setUserStatus(undefined);
+                return;
+            }
+            if ((await matrixClient.doesServerSupportExtendedProfiles()) === false) {
+                setUserStatus(undefined);
+                return;
+            }
+            try {
+                const result = await fetchUserStatus(matrixClient, userId);
+                setUserStatus(result);
+            } catch (ex) {
+                logger.warn(`Failed to get userStatus for ${userId}`, ex);
+            }
+        })();
+    }, [isEnabled, userId, matrixClient]);
+    if (!isEnabled) {
+        return;
+    }
+
+    return userStatus;
+}
diff --git a/apps/web/src/hooks/useUserTimezone.ts b/apps/web/src/hooks/useUserTimezone.ts
new file mode 100644
index 00000000000..04de7c60e1a
--- /dev/null
+++ b/apps/web/src/hooks/useUserTimezone.ts
@@ -0,0 +1,111 @@
+/*
+Copyright 2024 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 { useEffect, useState } from "react";
+import {
+    type MatrixClient,
+    MatrixError,
+    ProfileKeyMSC4175Timezone,
+    ProfileKeyTimezone,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { getTwelveHourOptions } from "../DateUtils.ts";
+import { useSettingValue } from "./useSettings.ts";
+
+const log = logger.getChild("useUserTimezone");
+
+/**
+ * Fetch a user's delclared timezone through their profile, and return
+ * a friendly string of the current time for that user. This will keep
+ * in sync with the current time, and will be refreshed once a minute.
+ *
+ * @param cli The Matrix Client instance.
+ * @param userId The userID to fetch the timezone for.
+ * @returns A timezone name and friendly string for the user's timezone, or
+ *          null if the user has no timezone or the timezone was not recognised
+ *          by the browser.
+ */
+export const useUserTimezone = (cli: MatrixClient, userId: string): { timezone: string; friendly: string } | null => {
+    const [timezone, setTimezone] = useState<string>();
+    const [updateInterval, setUpdateInterval] = useState<ReturnType<typeof setTimeout>>();
+    const [friendly, setFriendly] = useState<string>();
+    const [supported, setSupported] = useState<boolean>();
+    const showTwelveHour = useSettingValue("showTwelveHourTimestamps");
+
+    useEffect(() => {
+        if (!cli || supported !== undefined) {
+            return;
+        }
+        cli.doesServerSupportExtendedProfiles()
+            .then(setSupported)
+            .catch((ex) => {
+                console.warn("Unable to determine if extended profiles are supported", ex);
+            });
+    }, [supported, cli]);
+
+    useEffect(() => {
+        return () => {
+            if (updateInterval) {
+                clearInterval(updateInterval);
+            }
+        };
+    }, [updateInterval]);
+
+    useEffect(() => {
+        if (supported !== true) {
+            return;
+        }
+        (async () => {
+            log.debug("Trying to fetch TZ for", userId);
+            try {
+                const userProfile = await cli.getExtendedProfile(userId);
+                // In a future spec release, remove support for legacy key.
+                const tz = userProfile[ProfileKeyTimezone] ?? userProfile[ProfileKeyMSC4175Timezone];
+                if (typeof tz !== "string") {
+                    // Definitely not a tz.
+                    throw Error("Timezone value was not a string");
+                }
+                // This will validate the timezone for us.
+                // eslint-disable-next-line new-cap
+                Intl.DateTimeFormat(undefined, { timeZone: tz });
+
+                const updateTime = (): void => {
+                    const currentTime = new Date();
+                    const friendly = currentTime.toLocaleString(undefined, {
+                        ...getTwelveHourOptions(showTwelveHour),
+                        timeZone: tz,
+                        hour: "2-digit",
+                        minute: "2-digit",
+                        timeZoneName: "shortOffset",
+                    });
+                    setTimezone(tz);
+                    setFriendly(friendly);
+                    setUpdateInterval(setTimeout(updateTime, (60 - currentTime.getSeconds()) * 1000));
+                };
+                updateTime();
+            } catch (ex) {
+                setTimezone(undefined);
+                setFriendly(undefined);
+                setUpdateInterval(undefined);
+                if (ex instanceof MatrixError && ex.errcode === "M_NOT_FOUND") {
+                    // No timezone set, ignore.
+                    return;
+                }
+                log.warn(`Could not render current timezone for ${userId}`, ex);
+            }
+        })();
+    }, [supported, userId, cli, showTwelveHour]);
+
+    if (!timezone || !friendly) {
+        return null;
+    }
+
+    return {
+        friendly,
+        timezone,
+    };
+};
diff --git a/apps/web/src/hooks/useWindowWidth.test.ts b/apps/web/src/hooks/useWindowWidth.test.ts
new file mode 100644
index 00000000000..010027df241
--- /dev/null
+++ b/apps/web/src/hooks/useWindowWidth.test.ts
@@ -0,0 +1,38 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, beforeEach } from "vitest";
+import { renderHook, act } from "test-utils-rtl";
+
+import UIStore, { UI_EVENTS } from "../stores/UIStore";
+import { useWindowWidth } from "./useWindowWidth";
+
+describe("useWindowWidth", () => {
+    beforeEach(() => {
+        UIStore.instance.windowWidth = 768;
+    });
+
+    it("should return the current width of window, according to UIStore", () => {
+        const { result } = renderHook(() => useWindowWidth());
+
+        expect(result.current).toBe(768);
+    });
+
+    it("should update the value when UIStore's value changes", () => {
+        const { result } = renderHook(() => useWindowWidth());
+
+        act(() => {
+            UIStore.instance.windowWidth = 1024;
+            UIStore.instance.emit(UI_EVENTS.Resize);
+        });
+
+        expect(result.current).toBe(1024);
+    });
+});
diff --git a/apps/web/src/hooks/useWindowWidth.ts b/apps/web/src/hooks/useWindowWidth.ts
new file mode 100644
index 00000000000..ddf64bbd9b4
--- /dev/null
+++ b/apps/web/src/hooks/useWindowWidth.ts
@@ -0,0 +1,34 @@
+/*
+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.
+*/
+
+import React from "react";
+
+import UIStore, { UI_EVENTS } from "../stores/UIStore";
+
+/**
+ * Hook that gets the width of the viewport using UIStore
+ *
+ * @returns the current window width
+ */
+export const useWindowWidth = (): number => {
+    const [width, setWidth] = React.useState(UIStore.instance.windowWidth);
+
+    React.useEffect(() => {
+        UIStore.instance.on(UI_EVENTS.Resize, () => {
+            setWidth(UIStore.instance.windowWidth);
+        });
+
+        return () => {
+            UIStore.instance.removeListener(UI_EVENTS.Resize, () => {
+                setWidth(UIStore.instance.windowWidth);
+            });
+        };
+    }, []);
+
+    return width;
+};
diff --git a/apps/web/src/i18n/UserFriendlyError.test.ts b/apps/web/src/i18n/UserFriendlyError.test.ts
new file mode 100644
index 00000000000..6e25be09b78
--- /dev/null
+++ b/apps/web/src/i18n/UserFriendlyError.test.ts
@@ -0,0 +1,70 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, beforeEach, afterEach } from "vitest";
+import fetchMock from "@fetch-mock/vitest";
+
+import SdkConfig from "../../src/SdkConfig";
+import { setLanguage } from "./settings";
+import { UserFriendlyError } from "./UserFriendlyError";
+import { setupTranslationOverridesForTests } from "./__mocks__";
+
+describe("UserFriendlyError", () => {
+    const testErrorMessage = "This email address is already in use (%(email)s)" as TranslationKey;
+    beforeEach(async () => {
+        await setLanguage("en");
+        // Setup some  strings with variable substituations that we can use in the tests.
+        const deOverride = "Diese E-Mail-Adresse wird bereits verwendet (%(email)s)";
+        await setupTranslationOverridesForTests({
+            [testErrorMessage]: {
+                en: testErrorMessage,
+                de: deOverride,
+            },
+        });
+    });
+
+    afterEach(() => {
+        SdkConfig.reset();
+        fetchMock.removeRoute("i18n-override");
+    });
+
+    it("includes English message and localized translated message", async () => {
+        await setLanguage("de");
+
+        const friendlyError = new UserFriendlyError(testErrorMessage, {
+            email: "test@example.com",
+            cause: undefined,
+        });
+
+        // Ensure message is in English so it's readable in the logs
+        expect(friendlyError.message).toStrictEqual("This email address is already in use (test@example.com)");
+        // Ensure the translated message is localized appropriately
+        expect(friendlyError.translatedMessage).toStrictEqual(
+            "Diese E-Mail-Adresse wird bereits verwendet (test@example.com)",
+        );
+    });
+
+    it("includes underlying cause error", async () => {
+        await setLanguage("de");
+
+        const underlyingError = new Error("Fake underlying error");
+        const friendlyError = new UserFriendlyError(testErrorMessage, {
+            email: "test@example.com",
+            cause: underlyingError,
+        });
+
+        expect(friendlyError.cause).toStrictEqual(underlyingError);
+    });
+
+    it("ok to omit the substitution variables and cause object, there just won't be any cause", async () => {
+        const friendlyError = new UserFriendlyError("foo error" as TranslationKey);
+        expect(friendlyError.cause).toBeUndefined();
+    });
+});
diff --git a/apps/web/src/i18n/UserFriendlyError.ts b/apps/web/src/i18n/UserFriendlyError.ts
new file mode 100644
index 00000000000..a247bc7aa14
--- /dev/null
+++ b/apps/web/src/i18n/UserFriendlyError.ts
@@ -0,0 +1,52 @@
+/*
+ * 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 StringVariables } from "@element-hq/web-shared-components";
+import { _t } from "@element-hq/web-shared-components";
+
+export interface ErrorOptions {
+    // Because we're mixing the substitution variables and `cause` into the same object
+    // below, we want them to always explicitly say whether there is an underlying error
+    // or not to avoid typos of "cause" slipping through unnoticed.
+    cause: unknown | undefined;
+}
+
+/**
+ * Used to rethrow an error with a user-friendly translatable message while maintaining
+ * access to that original underlying error. Downstream consumers can display the
+ * `translatedMessage` property in the UI and inspect the underlying error with the
+ * `cause` property.
+ *
+ * The error message will display as English in the console and logs so Element
+ * developers can easily understand the error and find the source in the code. It also
+ * helps tools like Sentry deduplicate the error, or just generally searching in
+ * rageshakes to find all instances regardless of the users locale.
+ *
+ * @param message - The untranslated error message text, e.g "Something went wrong with %(foo)s".
+ * @param substitutionVariablesAndCause - Variable substitutions for the translation and
+ * original cause of the error. If there is no cause, just pass `undefined`, e.g { foo:
+ * 'bar', cause: err || undefined }
+ */
+export class UserFriendlyError extends Error {
+    public readonly translatedMessage: string;
+
+    public constructor(
+        message: TranslationKey,
+        substitutionVariablesAndCause?: Omit<StringVariables, keyof ErrorOptions> | ErrorOptions,
+    ) {
+        // Prevent "Could not find /%\(cause\)s/g in x" logs to the console by removing it from the list
+        const { cause, ...substitutionVariables } = substitutionVariablesAndCause ?? {};
+        const errorOptions = { cause };
+
+        // Create the error with the English version of the message that we want to show up in the logs
+        const englishTranslatedMessage = _t(message, { ...substitutionVariables, locale: "en" });
+        super(englishTranslatedMessage, errorOptions);
+
+        // Also provide a translated version of the error in the users locale to display
+        this.translatedMessage = _t(message, substitutionVariables);
+    }
+}
diff --git a/apps/web/src/i18n/__mocks__/index.ts b/apps/web/src/i18n/__mocks__/index.ts
new file mode 100644
index 00000000000..895aa73c6d2
--- /dev/null
+++ b/apps/web/src/i18n/__mocks__/index.ts
@@ -0,0 +1,30 @@
+/*
+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 { type TranslationStringsObject } from "@matrix-org/react-sdk-module-api";
+import { vi, beforeAll } from "vitest";
+import fetchMock from "@fetch-mock/vitest";
+
+import SdkConfig from "../../SdkConfig";
+import { registerCustomTranslations } from "../custom";
+
+beforeAll(() => {
+    vi.stubEnv("NODE_ENV", "test");
+});
+
+export async function setupTranslationOverridesForTests(overrides: TranslationStringsObject) {
+    const lookupUrl = "/translations.json";
+
+    SdkConfig.add({
+        custom_translations_url: lookupUrl,
+    });
+    fetchMock.get(lookupUrl, overrides, { name: "i18n-override" });
+    await registerCustomTranslations({
+        testOnlyIgnoreCustomTranslationsCache: true,
+    });
+}
diff --git a/apps/web/src/i18n/browser.test.ts b/apps/web/src/i18n/browser.test.ts
new file mode 100644
index 00000000000..24b8f23e31a
--- /dev/null
+++ b/apps/web/src/i18n/browser.test.ts
@@ -0,0 +1,36 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+
+import { getLanguagesFromBrowser } from "./browser";
+
+describe("getLanguagesFromBrowser", () => {
+    beforeEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("should return navigator.languages if available", () => {
+        vi.spyOn(window.navigator, "languages", "get").mockReturnValue(["en", "de"]);
+        expect(getLanguagesFromBrowser()).toEqual(["en", "de"]);
+    });
+
+    it("should return navigator.language if available", () => {
+        vi.spyOn(window.navigator, "languages", "get").mockReturnValue([]);
+        vi.spyOn(window.navigator, "language", "get").mockReturnValue("de");
+        expect(getLanguagesFromBrowser()).toEqual(["de"]);
+    });
+
+    it("should return 'en' otherwise", () => {
+        vi.spyOn(window.navigator, "languages", "get").mockReturnValue([]);
+        vi.spyOn(window.navigator, "language", "get").mockReturnValue(undefined as any);
+        expect(getLanguagesFromBrowser()).toEqual(["en"]);
+    });
+});
diff --git a/apps/web/src/i18n/browser.ts b/apps/web/src/i18n/browser.ts
new file mode 100644
index 00000000000..5b0a0e111f2
--- /dev/null
+++ b/apps/web/src/i18n/browser.ts
@@ -0,0 +1,21 @@
+/*
+ * 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.
+ */
+
+/**
+ * Query the browser for the user's language preferences
+ */
+export function getLanguagesFromBrowser(): readonly string[] {
+    if (navigator.languages && navigator.languages.length) return navigator.languages;
+    return [navigator.language ?? "en"];
+}
+
+/**
+ * Query the browser for the user's primary language preference
+ */
+export function getLanguageFromBrowser(): string {
+    return getLanguagesFromBrowser()[0];
+}
diff --git a/apps/web/src/i18n/custom.test.ts b/apps/web/src/i18n/custom.test.ts
new file mode 100644
index 00000000000..53aa48b2cf8
--- /dev/null
+++ b/apps/web/src/i18n/custom.test.ts
@@ -0,0 +1,91 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, beforeEach, afterEach } from "vitest";
+import fetchMock from "@fetch-mock/vitest";
+import { type Translation } from "matrix-web-i18n";
+
+import SdkConfig from "../../src/SdkConfig";
+import { _t } from ".";
+import { setLanguage } from "./settings";
+import { setupTranslationOverridesForTests } from "./__mocks__";
+
+describe("registerCustomTranslations", () => {
+    beforeEach(async () => {
+        await setLanguage("en");
+    });
+
+    afterEach(() => {
+        SdkConfig.reset();
+        fetchMock.removeRoute("i18n-override");
+    });
+
+    it("should support overriding translations", async () => {
+        const str: TranslationKey = "power_level|default";
+        const enOverride: Translation = "Visitor";
+        const deOverride: Translation = "Besucher";
+
+        // First test that overrides aren't being used
+        await setLanguage("en");
+        expect(_t(str)).toMatchInlineSnapshot(`"Default"`);
+        await setLanguage("de");
+        expect(_t(str)).toMatchInlineSnapshot(`"Standard"`);
+
+        await setupTranslationOverridesForTests({
+            [str]: {
+                en: enOverride,
+                de: deOverride,
+            },
+        });
+
+        // Now test that they *are* being used
+        await setLanguage("en");
+        expect(_t(str)).toEqual(enOverride);
+
+        await setLanguage("de");
+        expect(_t(str)).toEqual(deOverride);
+    });
+
+    it("should support overriding plural translations", async () => {
+        const str: TranslationKey = "voip|n_people_joined";
+        const enOverride: Translation = {
+            other: "%(count)s people in the call",
+            one: "%(count)s person in the call",
+        };
+        const deOverride: Translation = {
+            other: "%(count)s Personen im Anruf",
+            one: "%(count)s Person im Anruf",
+        };
+
+        // First test that overrides aren't being used
+        await setLanguage("en");
+        expect(_t(str, { count: 1 })).toMatchInlineSnapshot(`"1 person joined"`);
+        expect(_t(str, { count: 5 })).toMatchInlineSnapshot(`"5 people joined"`);
+        await setLanguage("de");
+        expect(_t(str, { count: 1 })).toMatchInlineSnapshot(`"1 Person beigetreten"`);
+        expect(_t(str, { count: 5 })).toMatchInlineSnapshot(`"5 Personen beigetreten"`);
+
+        await setupTranslationOverridesForTests({
+            [str]: {
+                en: enOverride,
+                de: deOverride,
+            },
+        });
+
+        // Now test that they *are* being used
+        await setLanguage("en");
+        expect(_t(str, { count: 1 })).toMatchInlineSnapshot(`"1 person in the call"`);
+        expect(_t(str, { count: 5 })).toMatchInlineSnapshot(`"5 people in the call"`);
+
+        await setLanguage("de");
+        expect(_t(str, { count: 1 })).toMatchInlineSnapshot(`"1 Person im Anruf"`);
+        expect(_t(str, { count: 5 })).toMatchInlineSnapshot(`"5 Personen im Anruf"`);
+    });
+});
diff --git a/apps/web/src/i18n/custom.ts b/apps/web/src/i18n/custom.ts
new file mode 100644
index 00000000000..ac3d7fa328f
--- /dev/null
+++ b/apps/web/src/i18n/custom.ts
@@ -0,0 +1,82 @@
+/*
+ * 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 { logger } from "matrix-js-sdk/src/logger";
+import { MapWithDefault } from "matrix-js-sdk/src/utils";
+import _ from "lodash";
+import { type TranslationStringsObject } from "@matrix-org/react-sdk-module-api";
+import { KEY_SEPARATOR, registerTranslations } from "@element-hq/web-shared-components";
+
+import SdkConfig from "../SdkConfig";
+import { ModuleRunner } from "../modules/ModuleRunner";
+
+let cachedCustomTranslations: TranslationStringsObject | undefined;
+let cachedCustomTranslationsExpire = 0; // zero to trigger expiration right away
+
+/**
+ * Any custom modules with translations to load are parsed first, followed by an
+ * optionally defined translations file in the config. If no customization is made,
+ * or the file can't be parsed, no action will be taken.
+ *
+ * This function should be called *after* registering other translations data to
+ * ensure it overrides strings properly.
+ */
+export async function registerCustomTranslations({
+    testOnlyIgnoreCustomTranslationsCache = false,
+}: {
+    testOnlyIgnoreCustomTranslationsCache?: boolean;
+} = {}): Promise<void> {
+    const moduleTranslations = ModuleRunner.instance.allTranslations;
+    doRegisterTranslations(moduleTranslations);
+
+    const lookupUrl = SdkConfig.get().custom_translations_url;
+    if (!lookupUrl) return; // easy - nothing to do
+
+    try {
+        let json: TranslationStringsObject | undefined;
+        if (testOnlyIgnoreCustomTranslationsCache || Date.now() >= cachedCustomTranslationsExpire) {
+            json = (await (await fetch(lookupUrl)).json()) as TranslationStringsObject;
+            cachedCustomTranslations = json;
+
+            // Set expiration to the future, but not too far. Just trying to avoid
+            // repeated, successive, calls to the server rather than anything long-term.
+            cachedCustomTranslationsExpire = Date.now() + 5 * 60 * 1000;
+        } else {
+            json = cachedCustomTranslations;
+        }
+
+        // If the (potentially cached) json is invalid, don't use it.
+        if (!json) return;
+
+        // Finally, register it.
+        doRegisterTranslations(json);
+    } catch (e) {
+        // We consume all exceptions because it's considered non-fatal for custom
+        // translations to break. Most failures will be during initial development
+        // of the json file and not (hopefully) at runtime.
+        logger.warn("Ignoring error while registering custom translations: ", e);
+
+        // Like above: trigger a cache of the json to avoid successive calls.
+        cachedCustomTranslationsExpire = Date.now() + 5 * 60 * 1000;
+    }
+}
+
+function doRegisterTranslations(customTranslations: TranslationStringsObject): void {
+    // We convert the operator-friendly version into something counterpart can consume.
+    // Map: lang → Record: string → translation
+    const langs: MapWithDefault<string, Record<string, string>> = new MapWithDefault(() => ({}));
+    for (const [translationKey, translations] of Object.entries(customTranslations)) {
+        for (const [lang, translation] of Object.entries(translations)) {
+            _.set(langs.getOrCreate(lang), translationKey.split(KEY_SEPARATOR), translation);
+        }
+    }
+
+    // Finally, tell counterpart about our translations
+    for (const [lang, translations] of langs) {
+        registerTranslations(lang, translations);
+    }
+}
diff --git a/apps/web/src/i18n/index.test.tsx b/apps/web/src/i18n/index.test.tsx
new file mode 100644
index 00000000000..25fa33f65b3
--- /dev/null
+++ b/apps/web/src/i18n/index.test.tsx
@@ -0,0 +1,212 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import React from "react";
+import { describe, it, expect, beforeEach } from "vitest";
+import {
+    setMissingEntryGenerator,
+    substitute,
+    type TranslatedString,
+    type IVariables,
+    type Tags,
+} from "@element-hq/web-shared-components";
+
+import { _t, _tDom } from ".";
+import { setLanguage } from "./settings";
+import { stubClient } from "../../test/test-utils";
+
+describe("languageHandler", function () {
+    // See setupLanguage.ts for how we are stubbing out translations to provide fixture data for these tests
+    const basicString = "common|rooms";
+    const selfClosingTagSub = "Accept <policyLink /> to continue:" as TranslationKey;
+    const textInTagSub = "<a>Upgrade</a> to your own domain" as TranslationKey;
+    const plurals = "common|and_n_others";
+    const variableSub = "slash_command|ignore_dialog_description";
+
+    type TestCase = [string, TranslationKey, IVariables, Tags | undefined, TranslatedString];
+    const testCasesEn: TestCase[] = [
+        // description of the test case, translationString, variables, tags, expected result
+        ["translates a basic string", basicString, {}, undefined, "Rooms"],
+        ["handles plurals when count is 0", plurals, { count: 0 }, undefined, "and 0 others..."],
+        ["handles plurals when count is 1", plurals, { count: 1 }, undefined, "and one other..."],
+        ["handles plurals when count is not 1", plurals, { count: 2 }, undefined, "and 2 others..."],
+        ["handles simple variable substitution", variableSub, { userId: "foo" }, undefined, "You are now ignoring foo"],
+        [
+            "handles simple tag substitution",
+            selfClosingTagSub,
+            {},
+            { policyLink: () => "foo" },
+            "Accept foo to continue:",
+        ],
+        ["handles text in tags", textInTagSub, {}, { a: (sub: string) => `x${sub}x` }, "xUpgradex to your own domain"],
+        [
+            "handles variable substitution with React function component",
+            variableSub,
+            { userId: () => <i>foo</i> },
+            undefined,
+            // eslint-disable-next-line react/jsx-key
+            <span>
+                You are now ignoring <i>foo</i>
+            </span>,
+        ],
+        [
+            "handles variable substitution with react node",
+            variableSub,
+            { userId: <i>foo</i> },
+            undefined,
+            // eslint-disable-next-line react/jsx-key
+            <span>
+                You are now ignoring <i>foo</i>
+            </span>,
+        ],
+        [
+            "handles tag substitution with React function component",
+            selfClosingTagSub,
+            {},
+            { policyLink: () => <i>foo</i> },
+            // eslint-disable-next-line react/jsx-key
+            <span>
+                Accept <i>foo</i> to continue:
+            </span>,
+        ],
+    ];
+
+    describe("when translations exist in language", () => {
+        beforeEach(async () => {
+            stubClient();
+
+            await setLanguage("en");
+            setMissingEntryGenerator((key) => key.split("|", 2)[1]);
+        });
+
+        it("translates a string to german", async () => {
+            await setLanguage("de");
+            const translated = _t(basicString);
+            expect(translated).toBe("Chats");
+        });
+
+        it.each(testCasesEn)("%s", (_d, translationString, variables, tags, result) => {
+            expect(_t(translationString, variables, tags!)).toEqual(result);
+        });
+
+        it("replacements in the wrong order", function () {
+            const text = "%(var1)s %(var2)s" as TranslationKey;
+            expect(_t(text, { var2: "val2", var1: "val1" })).toBe("val1 val2");
+        });
+
+        it("multiple replacements of the same variable", function () {
+            const text = "%(var1)s %(var1)s";
+            expect(substitute(text, { var1: "val1" })).toBe("val1 val1");
+        });
+
+        it("multiple replacements of the same tag", function () {
+            const text = "<a>Click here</a> to join the discussion! <a>or here</a>";
+            expect(substitute(text, {}, { a: (sub) => `x${sub}x` })).toBe(
+                "xClick herex to join the discussion! xor herex",
+            );
+        });
+    });
+
+    describe("for a non-en language", () => {
+        beforeEach(async () => {
+            stubClient();
+            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) {
+                return "missing translation: " + key;
+            };
+            setMissingEntryGenerator(counterpartDefaultMissingEntryGen);
+        });
+
+        // mocked lv has only `"Uploading %(filename)s and %(count)s others|one"`
+        const lvExistingPlural = "room|upload|uploading_multiple_file";
+        const lvNonExistingPlural = "%(spaceName)s and %(count)s others";
+
+        describe("pluralization", () => {
+            const pluralCases = [
+                [
+                    "falls back when plural string exists but not for for count",
+                    lvExistingPlural,
+                    { count: 2, filename: "test.txt" },
+                    undefined,
+                    "Uploading test.txt and 2 others",
+                ],
+                [
+                    "falls back when plural string does not exists at all",
+                    lvNonExistingPlural,
+                    { count: 2, spaceName: "test" },
+                    undefined,
+                    "test and 2 others",
+                ],
+            ] as TestCase[];
+
+            describe("_t", () => {
+                it("translated correctly when plural string exists for count", () => {
+                    expect(_t(lvExistingPlural, { count: 1, filename: "test.txt" })).toEqual(
+                        "Качване на test.txt и 1 друг",
+                    );
+                });
+                it.each(pluralCases)("%s", (_d, translationString, variables, tags, result) => {
+                    expect(_t(translationString, variables, tags!)).toEqual(result);
+                });
+            });
+
+            describe("_tDom()", () => {
+                it("translated correctly when plural string exists for count", () => {
+                    expect(_tDom(lvExistingPlural, { count: 1, filename: "test.txt" })).toEqual(
+                        "Качване на test.txt и 1 друг",
+                    );
+                });
+                it.each(pluralCases)(
+                    "%s and translates with fallback locale, attributes fallback locale",
+                    (_d, translationString, variables, tags, result) => {
+                        expect(_tDom(translationString, variables, tags!)).toEqual(<span lang="en">{result}</span>);
+                    },
+                );
+            });
+        });
+
+        describe("when a translation string does not exist in active language", () => {
+            describe("_t", () => {
+                it.each(testCasesEn)(
+                    "%s and translates with fallback locale",
+                    (_d, translationString, variables, tags, result) => {
+                        expect(_t(translationString, variables, tags!)).toEqual(result);
+                    },
+                );
+            });
+
+            describe("_tDom()", () => {
+                it.each(testCasesEn)(
+                    "%s and translates with fallback locale, attributes fallback locale",
+                    (_d, translationString, variables, tags, result) => {
+                        expect(_tDom(translationString, variables, tags!)).toEqual(<span lang="en">{result}</span>);
+                    },
+                );
+            });
+        });
+    });
+
+    describe("when languages dont load", () => {
+        it("_t", () => {
+            const STRING_NOT_IN_THE_DICTIONARY = "a string that isn't in the translations dictionary" as TranslationKey;
+            expect(_t(STRING_NOT_IN_THE_DICTIONARY, {})).toEqual(STRING_NOT_IN_THE_DICTIONARY);
+        });
+
+        it("_tDom", () => {
+            const STRING_NOT_IN_THE_DICTIONARY = "a string that isn't in the translations dictionary" as TranslationKey;
+            expect(_tDom(STRING_NOT_IN_THE_DICTIONARY, {})).toEqual(
+                <span lang="en">{STRING_NOT_IN_THE_DICTIONARY}</span>,
+            );
+        });
+    });
+});
diff --git a/apps/web/src/i18n/index.ts b/apps/web/src/i18n/index.ts
new file mode 100644
index 00000000000..f7f9a276770
--- /dev/null
+++ b/apps/web/src/i18n/index.ts
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+
+/**
+ * This file is heavily imported and must be careful not to import anything which imports something else popular,
+ * e.g. SettingsStore as this would cause import cycles.
+ */
+
+export {
+    _t,
+    _td,
+    _tDom,
+    type Tags,
+    type TranslatedString,
+    lookupString,
+    sanitizeForTranslation,
+    getLocale as getCurrentLanguage,
+} from "@element-hq/web-shared-components";
+
+export * from "./UserFriendlyError";
diff --git a/apps/web/src/i18n/languages.ts b/apps/web/src/i18n/languages.ts
new file mode 100644
index 00000000000..89e0c0c7413
--- /dev/null
+++ b/apps/web/src/i18n/languages.ts
@@ -0,0 +1,47 @@
+/*
+ * 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 { logger } from "matrix-js-sdk/src/logger";
+
+import { retry } from "../utils/promise";
+
+const i18nFolder = "i18n/";
+
+interface ICounterpartTranslation {
+    [key: string]:
+        | string
+        | {
+              [pluralisation: string]: string;
+          };
+}
+
+/**
+ * Fetch a language file with configurable retry behaviour
+ * @param langPath the name of the language file within the i18n dir
+ * @param num the number of times to retry
+ */
+export async function getLanguageRetry(langPath: string, num = 3): Promise<ICounterpartTranslation> {
+    return retry(
+        () => getLanguage(i18nFolder + langPath),
+        num,
+        (e) => {
+            logger.log("Failed to load i18n", langPath);
+            logger.error(e);
+            return true; // always retry
+        },
+    );
+}
+
+async function getLanguage(langPath: string): Promise<ICounterpartTranslation> {
+    const res = await fetch(langPath, { method: "GET" });
+
+    if (!res.ok) {
+        throw new Error(`Failed to load ${langPath}, got ${res.status}`);
+    }
+
+    return res.json();
+}
diff --git a/apps/web/src/i18n/settings.ts b/apps/web/src/i18n/settings.ts
new file mode 100644
index 00000000000..10dead6d3ef
--- /dev/null
+++ b/apps/web/src/i18n/settings.ts
@@ -0,0 +1,57 @@
+/*
+ * 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 { logger } from "matrix-js-sdk/src/logger";
+import { normalizeLanguageKey, getLangsJson, registerTranslations, setLocale } from "@element-hq/web-shared-components";
+
+import SettingsStore from "../settings/SettingsStore";
+import PlatformPeg from "../PlatformPeg";
+import { SettingLevel } from "../settings/SettingLevel";
+import { getLanguageRetry } from "./languages";
+import { getLanguageFromBrowser } from "./browser";
+import { registerCustomTranslations } from "./custom";
+
+export function getUserLanguage(): string {
+    const language = SettingsStore.getValue("language", null, /*excludeDefault:*/ true);
+    if (typeof language === "string" && language !== "") {
+        return language;
+    } else {
+        return normalizeLanguageKey(getLanguageFromBrowser());
+    }
+}
+
+export async function setLanguage(...preferredLangs: string[]): Promise<void> {
+    PlatformPeg.get()?.setLanguage(preferredLangs);
+
+    const availableLanguages = await getLangsJson();
+    let chosenLanguage = preferredLangs.find((lang) => availableLanguages.hasOwnProperty(lang));
+    if (!chosenLanguage) {
+        // Fallback to en_EN if none is found
+        chosenLanguage = "en";
+        logger.error("Unable to find an appropriate language, preferred: ", preferredLangs);
+    }
+
+    const languageData = await getLanguageRetry(availableLanguages[chosenLanguage]);
+
+    registerTranslations(chosenLanguage, languageData);
+    setLocale(chosenLanguage);
+
+    await SettingsStore.setValue("language", null, SettingLevel.DEVICE, chosenLanguage);
+    // Adds a lot of noise to test runs, so disable logging there.
+    // oxlint-disable-next-line node/no-process-env
+    if (process.env.NODE_ENV !== "test") {
+        logger.log("set language to " + chosenLanguage);
+    }
+
+    // Set 'en' as fallback language:
+    if (chosenLanguage !== "en") {
+        const fallbackLanguageData = await getLanguageRetry(availableLanguages["en"]);
+        registerTranslations("en", fallbackLanguageData);
+    }
+
+    await registerCustomTranslations();
+}
diff --git a/apps/web/src/i18n/strings/cs.json b/apps/web/src/i18n/strings/cs.json
new file mode 100644
index 00000000000..fd6531db44f
--- /dev/null
+++ b/apps/web/src/i18n/strings/cs.json
@@ -0,0 +1,4078 @@
+{
+    "a11y": {
+        "jump_first_invite": "Přejít na první pozvánku.",
+        "message_composer": "Editor zprávy",
+        "n_unread_messages": {
+            "other": "%(count)s nepřečtených zpráv.",
+            "one": "Nepřečtená zpráva."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s nepřečtených zpráv a zmínek.",
+            "one": "Nepřečtená zmínka."
+        },
+        "room_status_bar": "Stavový řádek místnosti",
+        "seek_bar_label": "Panel posunu zvuku",
+        "unread_messages": "Nepřečtené zprávy."
+    },
+    "a11y_jump_first_unread_room": "Přejít na první nepřečtenou místnost.",
+    "action": {
+        "accept": "Přijmout",
+        "add": "Přidat",
+        "add_existing_room": "Přidat existující místnost",
+        "apply": "Použít",
+        "approve": "Schválit",
+        "ask_to_join": "Požádat o vstup",
+        "back": "Zpět",
+        "call": "Hovor",
+        "cancel": "Storno",
+        "change": "Změnit",
+        "clear": "Smazat",
+        "click_to_copy": "Kliknutím zkopírujte",
+        "close": "Zavřít",
+        "collapse": "Sbalit",
+        "complete": "Dokončit",
+        "confirm": "Potvrdit",
+        "continue": "Pokračovat",
+        "copy": "Zkopírovat",
+        "copy_link": "Kopírovat odkaz",
+        "create": "Vytvořit",
+        "create_a_room": "Vytvořit místnost",
+        "create_account": "Vytvořit účet",
+        "decline": "Odmítnout",
+        "decline_and_block": "Odmítnout a zablokovat",
+        "decline_invite": "Odmítnout pozvání",
+        "delete": "Smazat",
+        "deny": "Odmítnout",
+        "disable": "Zakázat",
+        "disconnect": "Odpojit",
+        "dismiss": "Zavřít",
+        "done": "Hotovo",
+        "download": "Stáhnout",
+        "edit": "Upravit",
+        "enable": "Povolit",
+        "enter_fullscreen": "Vstup do režimu celé obrazovky",
+        "exit_fullscreeen": "Ukončení režimu celé obrazovky",
+        "expand": "Rozbalit",
+        "explore_rooms": "Procházet místnosti",
+        "export": "Exportovat",
+        "forward": "Přeposlat",
+        "go": "Ok",
+        "go_back": "Zpět",
+        "got_it": "Rozumím",
+        "hide_advanced": "Skrýt pokročilé možnosti",
+        "hold": "Podržet",
+        "ignore": "Ignorovat",
+        "import": "Importovat",
+        "invite": "Pozvat",
+        "join": "Vstoupit",
+        "learn_more": "Zjistit více",
+        "leave": "Opustit",
+        "leave_room": "Opustit místnost",
+        "logout": "Odhlásit se",
+        "manage": "Spravovat",
+        "maximise": "Maximalizovat",
+        "mention": "Zmínit",
+        "minimise": "Minimalizovat",
+        "new_room": "Nová místnost",
+        "new_video_room": "Nová video místnost",
+        "next": "Další",
+        "no": "Ne",
+        "ok": "OK",
+        "open": "Otevřít",
+        "pin": "Připnout",
+        "proceed": "Pokračovat",
+        "quote": "Citovat",
+        "react": "Reagovat",
+        "refresh": "Obnovit",
+        "register": "Zaregistrovat",
+        "reload": "Znovu načíst",
+        "remove": "Smazat",
+        "rename": "Přejmenovat",
+        "reply": "Odpovědět",
+        "reply_in_thread": "Odpovědět ve vlákně",
+        "report_room": "Nahlásit místnost",
+        "resend": "Poslat znovu",
+        "reset": "Resetovat",
+        "resume": "Pokračovat",
+        "retry": "Zkusit znovu",
+        "review": "Prohlédnout",
+        "revoke": "Zneplatnit",
+        "save": "Uložit",
+        "search": "Hledání",
+        "send_report": "Nahlásit",
+        "set_avatar": "Nastavit profilový obrázek",
+        "share": "Sdílet",
+        "show": "Zobrazit",
+        "show_advanced": "Zobrazit pokročilé možnosti",
+        "show_all": "Zobrazit vše",
+        "sign_in": "Přihlásit",
+        "sign_out": "Odebrat toto zařízení",
+        "skip": "Přeskočit",
+        "start": "Začít",
+        "stop": "Zastavit",
+        "submit": "Odeslat",
+        "subscribe": "Odebírat",
+        "transfer": "Přepojit",
+        "trust": "Důvěra",
+        "try_again": "Zkuste to znovu",
+        "unban": "Zrušit vykázání",
+        "unignore": "Odignorovat",
+        "unpin": "Odepnout",
+        "unsubscribe": "Přestat odebírat",
+        "update": "Aktualizovat",
+        "upgrade": "Aktualizovat",
+        "upload": "Nahrát",
+        "upload_file": "Nahrát soubor",
+        "verify": "Ověřit",
+        "view": "Zobrazit",
+        "view_all": "Zobrazit všechny",
+        "view_list": "Zobrazit seznam",
+        "view_message": "Zobrazit zprávu",
+        "view_source": "Zobrazit zdroj",
+        "yes": "Ano",
+        "yes_dismiss": "Ano, zamítnout",
+        "zoom_in": "Přiblížit",
+        "zoom_out": "Oddálit"
+    },
+    "analytics": {
+        "accept_button": "To je v pořádku",
+        "bullet_1": "<Bold>Nezaznamenáváme ani neprofilujeme</Bold> žádné údaje o účtu",
+        "bullet_2": "<Bold>Nesdílíme</Bold> informace s třetími stranami",
+        "consent_migration": "Dříve jste nám dali souhlas se sdílením anonymních údajů o používání. Aktualizujeme způsob, jakým to funguje.",
+        "disable_prompt": "Tuto funkci můžete kdykoli vypnout v nastavení",
+        "enable_prompt": "Pomozte zlepšit %(analyticsOwner)s",
+        "learn_more": "Sdílejte anonymní údaje, které nám pomohou identifikovat problémy. Nic osobního. Žádné třetí strany. <LearnMoreLink>Zjistěte více</LearnMoreLink>",
+        "privacy_policy": "Všechny naše podmínky si můžete přečíst <PrivacyPolicyUrl>zde</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Pomozte nám identifikovat problémy a zlepšit %(analyticsOwner)s sdílením anonymních údajů o používání. Abychom pochopili, jak lidé používají více zařízení, vygenerujeme náhodný identifikátor sdílený vašimi zařízeními.",
+        "shared_data_heading": "Následující data můžou být sdílena:"
+    },
+    "auth": {
+        "3pid_in_use": "Tato e-mailová adresa nebo telefonní číslo se již používá.",
+        "account_clash": "nový účet (%(newAccountId)s) je registrován, ale už jste přihlášeni pod jiným účtem (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Pokračovat s předchozím účtem",
+        "account_deactivated": "Tento účet byl deaktivován.",
+        "autodiscovery_generic_failure": "Nepovedlo se načíst nastavení automatického objevování ze serveru",
+        "autodiscovery_hs_incompatible": "Váš domovský server je příliš starý a nepodporuje minimální požadovanou verzi API. Obraťte se prosím na vlastníka serveru nebo proveďte aktualizaci serveru.",
+        "autodiscovery_invalid": "Neplatná odpověd při hledání domovského serveru",
+        "autodiscovery_invalid_hs": "Na URL domovského serveru asi není funkční Matrix server",
+        "autodiscovery_invalid_hs_base_url": "Neplatná base_url pro m.homeserver",
+        "autodiscovery_invalid_is": "Na URL serveru identit asi není funkční Matrix server",
+        "autodiscovery_invalid_is_base_url": "Neplatná base_url pro m.identity_server",
+        "autodiscovery_invalid_is_response": "Neplatná odpověď při hledání serveru identity",
+        "autodiscovery_invalid_json": "Neplatný JSON",
+        "autodiscovery_no_well_known": "Nebyl nalezen žádný soubor .well-known typu JSON",
+        "autodiscovery_unexpected_error_hs": "Chyba při zjišťování konfigurace domovského serveru",
+        "autodiscovery_unexpected_error_is": "Chyba při hledání konfigurace serveru identity",
+        "captcha_description": "Domovský server se potřebuje přesvědčit, že nejste robot.",
+        "change_password_action": "Změnit heslo",
+        "change_password_confirm_invalid": "Hesla nejsou stejná",
+        "change_password_confirm_label": "Potvrďte heslo",
+        "change_password_current_label": "Současné heslo",
+        "change_password_empty": "Hesla nemohou být prázdná",
+        "change_password_error": "Chyba při změně hesla: %(error)s",
+        "change_password_mismatch": "Nová hesla se neshodují",
+        "change_password_new_label": "Nové heslo",
+        "check_email_explainer": "Postupujte podle pokynů zaslaných na <b>%(email)s</b>",
+        "check_email_resend_prompt": "Nedostali jste ho?",
+        "check_email_resend_tooltip": "E-mail s ověřovacím odkazem odeslán znovu!",
+        "check_email_wrong_email_button": "Zadejte znovu e-mailovou adresu",
+        "check_email_wrong_email_prompt": "Špatná e-mailová adresa?",
+        "continue_with_idp": "Pokračovat s %(provider)s",
+        "continue_with_sso": "Pokračovat s %(ssoButtons)s",
+        "country_dropdown": "Menu států",
+        "create_account_prompt": "Jste zde poprvé? <a>Vytvořte si účet</a>",
+        "create_account_title": "Vytvořit účet",
+        "email_discovery_text": "Pomocí e-mailu můžete být volitelně viditelní pro existující kontakty.",
+        "email_field_label": "E-mail",
+        "email_field_label_invalid": "To nevypadá jako e-mailová adresa",
+        "email_field_label_required": "Zadejte emailovou adresu",
+        "email_help_text": "Přidejte email, abyste mohli obnovit své heslo.",
+        "email_phone_discovery_text": "Použijte e-mail nebo telefon, abyste byli volitelně viditelní pro stávající kontakty.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> vám zašle ověřovací odkaz, který vám umožní obnovit heslo.",
+        "enter_email_heading": "Zadejte svůj e-mail pro obnovení hesla",
+        "failed_connect_identity_server": "Nelze se připojit k serveru identity",
+        "failed_connect_identity_server_other": "Můžete se přihlásit, ale některé funkce nebudou dostupné dokud nezačne server identity fungovat. Pokud se vám toto varování zobrazuje i nadále, zkontrolujte svojí konfiguraci nebo kontaktujte správce serveru.",
+        "failed_connect_identity_server_register": "Můžete se zaregistrovat, ale některé funkce nebudou dostupné dokud nezačne server identity fungovat. Pokud se vám toto varování zobrazuje i nadále, zkontrolujte svojí konfiguraci nebo kontaktujte správce serveru.",
+        "failed_connect_identity_server_reset_password": "Můžete si změnit heslo, ale některé funkce nebudou dostupné dokud nezačne server identity fungovat. Pokud se toto varování zobrazuje i nadále, zkontrolujte svojí konfiguraci nebo kontaktujte správce serveru.",
+        "failed_homeserver_discovery": "Nepovedlo se zjisit adresu domovského serveru",
+        "failed_query_registration_methods": "Nepovedlo se načíst podporované způsoby přihlášení.",
+        "failed_soft_logout_auth": "Nepovedlo se autentifikovat",
+        "failed_soft_logout_homeserver": "Kvůli problémům s domovským server se nepovedlo autentifikovat znovu",
+        "forgot_password_email_invalid": "E-mailová adresa se nezdá být platná.",
+        "forgot_password_email_required": "Musíte zadat e-mailovou adresu spojenou s vaším účtem.",
+        "forgot_password_prompt": "Zapomněli jste heslo?",
+        "forgot_password_send_email": "Odeslat e-mail",
+        "identifier_label": "Přihlásit se pomocí",
+        "incorrect_credentials": "Nesprávné uživatelské jméno nebo heslo.",
+        "incorrect_credentials_detail": "Právě se přihlašujete na server %(hs)s, a nikoliv na server matrix.org.",
+        "incorrect_password": "Nesprávné heslo",
+        "log_in_new_account": "<a>Přihlaste se</a> svým novým účtem.",
+        "logout_dialog": {
+            "description": "Opravdu chcete toto zařízení odstranit?",
+            "setup_key_backup_title": "Přijdete o přístup k šifrovaným chatům",
+            "setup_secure_backup_description": "Toto je vaše jediné zařízení. Pokud ho odstraníte, budete potřebovat klíč pro obnovení k potvrzení své digitální identity a obnovení šifrovaných chatů.",
+            "skip_key_backup": "Přesto toto zařízení odebrat"
+        },
+        "misconfigured_body": "Požádejte správce vašeho %(brand)su, aby zkontroloval <a>vaši konfiguraci</a>. Pravděpodobně obsahuje chyby nebo duplicity.",
+        "misconfigured_title": "%(brand)s je špatně nakonfigurován",
+        "mobile_create_account_title": "Chystáte se vytvořit účet na%(hsName)s",
+        "msisdn_field_description": "Ostatní uživatelé vás můžou pozvat do místností podle kontaktních údajů",
+        "msisdn_field_label": "Telefon",
+        "msisdn_field_number_invalid": "Toto telefonní číslo nevypadá úplně správně, zkontrolujte ho a zkuste to znovu",
+        "msisdn_field_required_invalid": "Zadejte telefonní číslo",
+        "no_hs_url_provided": "Nebyla zadána URL adresa domovského server",
+        "oidc": {
+            "error_title": "Nemohli jsme vás přihlásit",
+            "generic_auth_error": "Během autentizace se něco pokazilo. Přejděte na přihlašovací stránku a zkuste to znovu.",
+            "missing_or_invalid_stored_state": "Požádali jsme prohlížeč, aby si zapamatoval, který domovský server používáte k přihlášení, ale váš prohlížeč to bohužel zapomněl. Přejděte na přihlašovací stránku a zkuste to znovu."
+        },
+        "password_field_keep_going_prompt": "Pokračujte…",
+        "password_field_label": "Zadejte heslo",
+        "password_field_strong_label": "Super, to vypadá jako rozumné heslo!",
+        "password_field_weak_label": "Heslo můžete použít, ale není bezpečné",
+        "phone_label": "Telefon",
+        "phone_optional_label": "Telefonní číslo (nepovinné)",
+        "qr_code_login": {
+            "check_code_explainer": "Tím ověříte, zda je připojení k druhému zařízení bezpečné.",
+            "check_code_heading": "Zadejte číslo zobrazené na druhém zařízení",
+            "check_code_input_label": "2místný kód",
+            "check_code_mismatch": "Čísla se neshodují",
+            "choose_desktop_computer": "Vyberte \"%(desktopComputer)s\"",
+            "completing_setup": "Dokončování nastavení nového zařízení",
+            "desktop_computer": "Stolní počítač",
+            "error_etag_missing": "Došlo k neočekávané chybě. Příčinou může být rozšíření prohlížeče, proxy server nebo chybná konfigurace serveru.",
+            "error_expired": "Přihlášení vypršelo. Zkuste to prosím znovu.",
+            "error_expired_title": "Přihlášení nebylo dokončeno včas",
+            "error_insecure_channel_detected": "K novému zařízení se nepodařilo navázat bezpečné připojení. Vaše stávající zařízení jsou stále v bezpečí a nemusíte se o ně obávat.",
+            "error_insecure_channel_detected_instructions": "Co teď?",
+            "error_insecure_channel_detected_instructions_1": "Zkuste se znovu přihlásit k druhému zařízení pomocí kódu QR pro případ, že by se jednalo o problém se sítí.",
+            "error_insecure_channel_detected_instructions_2": "Pokud se setkáte se stejným problémem, zkuste použít jinou síť wifi nebo místo wifi použijte mobilní data.",
+            "error_insecure_channel_detected_instructions_3": "Pokud to nefunguje, přihlaste se ručně",
+            "error_insecure_channel_detected_title": "Připojení není zabezpečené",
+            "error_other_device_already_signed_in": "Nemusíte dělat nic jiného.",
+            "error_other_device_already_signed_in_title": "Vaše druhé zařízení je již přihlášeno",
+            "error_rate_limited": "Příliš mnoho pokusů v krátkém čase. Počkejte chvíli, než to zkusíte znovu.",
+            "error_unexpected": "Vyskytla se neočekávaná chyba. Požadavek na připojení vašeho druhého zařízení byl zrušen.",
+            "error_unsupported_protocol": "Toto zařízení nepodporuje přihlášení k jinému zařízení pomocí kódu QR.",
+            "error_unsupported_protocol_title": "Jiné zařízení není kompatibilní",
+            "error_user_cancelled": "Přihlášení na druhém zařízení bylo zrušeno.",
+            "error_user_cancelled_title": "Žádost o přihlášení byla zrušena",
+            "error_user_declined": "Vy nebo poskytovatel účtu jste odmítli žádost o přihlášení.",
+            "error_user_declined_title": "Přihlášení bylo odmítnuto",
+            "follow_remaining_instructions": "Postupujte podle zbývajících pokynů",
+            "open_element_mobile_device": "Otevřete %(brand)s na svém mobilním zařízení",
+            "open_element_other_device": "Otevřete %(brand)s na druhém zařízení",
+            "point_the_camera": "Naskenujte zde zobrazený QR kód",
+            "ready_to_scan": "Připraveno ke skenování",
+            "scan_code_instruction": "Naskenujte QR kód",
+            "scan_code_instruction_reciprocate": "Naskenujte QR kód druhým zařízením",
+            "scan_qr_code": "Přihlaste se pomocí QR kódu",
+            "security_code_prompt": "Poskytovatel vašeho účtu může k ověření přihlášení požadovat následující kód.",
+            "security_code_title": "Váš ověřovací kód",
+            "select_qr_code": "Vyberte \"%(scanQRCode)s\"",
+            "select_ready_to_scan": "Vyberte \"%(readyToScan)s\" a naskenujte zde zobrazený QR kód",
+            "start_over": "Začít znovu",
+            "tap_avatar_link_new_device": "Klepněte na svůj avatar a vyberte \"%(linkNewDevice)s\"",
+            "unsupported_explainer": "Váš poskytovatel účtu nepodporuje přihlášení do nového zařízení pomocí QR kódu.",
+            "unsupported_heading": "QR kód není podporován",
+            "waiting_for_device": "Čekání na vaše další zařízení"
+        },
+        "register_action": "Vytvořit účet",
+        "registration": {
+            "continue_without_email_description": "Jen upozornění, pokud nepřidáte e-mail a zapomenete heslo, můžete <b>trvale ztratit přístup ke svému účtu</b>.",
+            "continue_without_email_field_label": "E-mail (nepovinné)",
+            "continue_without_email_title": "Pokračuje se bez e-mailu"
+        },
+        "registration_disabled": "Tento domovský server nepovoluje registraci.",
+        "registration_msisdn_field_required_invalid": "Zadejte telefonní číslo (domovský server ho vyžaduje)",
+        "registration_successful": "Úspěšná registrace",
+        "registration_username_in_use": "Tohle uživatelské jméno už někdo má. Zkuste jiné, nebo pokud jste to vy, přihlaste se níže.",
+        "registration_username_unable_check": "Nelze zkontrolovat, zda je uživatelské jméno obsazeno. Zkuste to později.",
+        "registration_username_validation": "Používejte pouze malá písmena, čísla, pomlčky a podtržítka",
+        "reset_password": {
+            "confirm_new_password": "Potvrďte nové heslo",
+            "devices_logout_success": "Všechna vaše zařízení byla odebrána a již nebudou dostávat push oznámení. Chcete-li oznámení znovu povolit, znovu se přihlaste na každém zařízení.",
+            "other_devices_logout_warning_1": "Odstranění zařízení vymaže klíče pro šifrování zpráv, které jsou na nich uloženy, čímž se zašifrovaná historie chatu stane nečitelnou.",
+            "other_devices_logout_warning_2": "Pokud si chcete zachovat přístup k historii chatu v šifrovaných místnostech, získejte před pokračováním obnovovací klíč nebo exportujte klíče zpráv z jednoho z vašich ostatních zařízení.",
+            "password_not_entered": "Musíte zadat nové heslo.",
+            "passwords_mismatch": "Nová hesla se musí shodovat.",
+            "rate_limit_error": "Příliš mnoho pokusů v krátkém čase. Před dalším pokusem nějakou dobu počkejte.",
+            "rate_limit_error_with_time": "Příliš mnoho pokusů v krátkém čase. Zkuste to znovu po %(timeout)s.",
+            "reset_successful": "Heslo bylo resetováno.",
+            "return_to_login": "Vrátit k přihlašovací obrazovce",
+            "sign_out_other_devices": "Odstranit další zařízení"
+        },
+        "reset_password_action": "Obnovit heslo",
+        "reset_password_button": "Zapomněli jste heslo?",
+        "reset_password_email_field_description": "Použít e-mailovou adresu k obnovení přístupu k účtu",
+        "reset_password_email_field_required_invalid": "Zadejte e-mailovou adresu (tento domovský server ji vyžaduje)",
+        "reset_password_email_not_associated": "Zdá se, že vaše e-mailová adresa není přiřazena k Matrix ID na tomto domovském serveru.",
+        "reset_password_email_not_found_title": "Tato e-mailová adresa nebyla nalezena",
+        "reset_password_title": "Obnovení vašeho hesla",
+        "server_picker_custom": "Jiný domovský server",
+        "server_picker_description": "Můžete použít vlastní volbu serveru a přihlásit se k jiným Matrix serverům zadáním adresy URL domovského serveru. To vám umožní používat %(brand)s s existujícím Matrix účtem na jiném domovském serveru.",
+        "server_picker_description_matrix.org": "Přidejte k miliónům registrovaným na největším veřejném serveru",
+        "server_picker_dialog_title": "Rozhodněte, kde je váš účet hostován",
+        "server_picker_explainer": "Použijte svůj preferovaný domovský server Matrix, pokud ho máte, nebo hostujte svůj vlastní.",
+        "server_picker_failed_validate_homeserver": "Nelze ověřit domovský server",
+        "server_picker_intro": "Místa, kde můžete hostovat svůj účet, nazýváme \"domovské servery\".",
+        "server_picker_invalid_url": "Neplatné URL",
+        "server_picker_learn_more": "O domovských serverech",
+        "server_picker_matrix.org": "Matrix.org je největší veřejný domovský server na světě, takže je pro mnohé vhodným místem.",
+        "server_picker_required": "Zadejte domovský server",
+        "server_picker_title": "Přihlaste se do svého domovského serveru",
+        "server_picker_title_default": "Možnosti serveru",
+        "server_picker_title_registration": "Hostovat účet na",
+        "session_logged_out_description": "Z bezpečnostních důvodů byla tato relace odstraněna. Přihlaste se prosím znovu.",
+        "session_logged_out_title": "Relace byla odstraněna",
+        "set_email": {
+            "description": "Toto vám umožní obnovit si heslo a přijímat oznámení e-mailem.",
+            "verification_pending_description": "Zkontrolujte svou e-mailovou schránku a klepněte na odkaz ve zprávě, kterou jsme vám poslali. V případě, že jste to už udělali, klepněte na tlačítko Pokračovat.",
+            "verification_pending_title": "Čeká na ověření"
+        },
+        "set_email_prompt": "Chcete nastavit e-mailovou adresu?",
+        "sign_in_description": "Pro pokračování použijte svůj účet.",
+        "sign_in_instead": "Namísto toho se přihlásit",
+        "sign_in_instead_prompt": "Namísto toho se přihlásit",
+        "sign_in_manually": "Přihlásit se ručně",
+        "sign_in_or_register": "Přihlásit nebo vytvořit nový účet",
+        "sign_in_or_register_description": "Pro pokračování se přihlaste stávajícím účtem, nebo si vytvořte nový.",
+        "sign_in_with_qr": "Přihlásit se pomocí QR kódu",
+        "sign_in_with_sso": "Přihlásit se přes jednotné přihlašování",
+        "signing_in": "Přihlašování…",
+        "soft_logout": {
+            "clear_data_button": "Smazat všechna data",
+            "clear_data_description": "Výmaz všech dat v relaci je nevratný. Pokud nemáte zálohované šifrovací klíče, přijdete o šifrované zprávy.",
+            "clear_data_title": "Smazat všechna data v této relaci?"
+        },
+        "soft_logout_heading": "Jste odhlášeni",
+        "soft_logout_intro_password": "Zadejte heslo pro přihlášení a obnovte si přístup k účtu.",
+        "soft_logout_intro_sso": "Přihlaste se a získejte přístup ke svému účtu.",
+        "soft_logout_intro_unsupported_auth": "Nemůžete se přihlásit do svého účtu. Kontaktujte správce domovského serveru pro více informací.",
+        "soft_logout_subheading": "Smazat osobní data",
+        "soft_logout_warning": "Upozornění: vaše osobní údaje (včetně šifrovacích klíčů) jsou v této relaci stále uloženy. Pokud jste s touto relací skončili nebo se chcete přihlásit k jinému účtu, vymažte ji.",
+        "sso": "Jednotné přihlášení",
+        "sso_complete_in_browser_dialog_title": "Přejděte do prohlížeče a dokončete přihlášení",
+        "sso_failed_missing_storage": "Požádali jsme prohlížeč, aby si zapamatoval, který domovský server používáte k přihlášení, ale váš prohlížeč to bohužel zapomněl. Přejděte na přihlašovací stránku a zkuste to znovu.",
+        "sso_or_username_password": "%(ssoButtons)s nebo %(usernamePassword)s",
+        "sync_footer_subtitle": "Pokud jste se připojili k mnoha místnostem, může to chvíli trvat",
+        "syncing": "Synchronizace…",
+        "uia": {
+            "code": "Kód",
+            "email": "Pro vytvoření účtu, otevřete odkaz v e-mailu, který jsme právě zaslali na adresu %(emailAddress)s.",
+            "email_auth_header": "Zkontrolujte svůj e-mail a pokračujte",
+            "email_resend_prompt": "Nedostali jste ho? <a>Poslat znovu</a>",
+            "email_resent": "Přeposláno!",
+            "fallback_button": "Zahájit autentizaci",
+            "mas_cross_signing_reset_cta": "Přejděte na svůj účet",
+            "mas_cross_signing_reset_description": "Chystáte se přejít na svůj účet %(serverName)s, abyste obnovili svou digitální identitu. Jakmile dokončíte obnovení svého účtu, vraťte se sem a klikněte na Zkusit znovu.",
+            "mas_cross_signing_reset_title": "Přejděte do svého účtu a resetujte si digitální identitu.",
+            "msisdn": "Na číslo %(msisdn)s byla odeslána textová zpráva",
+            "msisdn_token_incorrect": "Neplatný token",
+            "msisdn_token_prompt": "Prosím zadejte kód z této zprávy:",
+            "password_prompt": "Potvrďte svou identitu zadáním hesla ke svému účtu.",
+            "recaptcha_missing_params": "Na domovském serveru chybí veřejný klíč pro captcha. Nahlaste to prosím správci serveru.",
+            "registration_token_label": "Registrační token",
+            "registration_token_prompt": "Zadejte registrační token poskytnutý správcem domovského serveru.",
+            "sso_body": "Potvrďte přidání této adresy pomocí Jednotného přihlášení.",
+            "sso_failed": "Při ověřování vaší identity se něco pokazilo. Zrušte to a zkuste to znovu.",
+            "sso_postauth_body": "Klikněte na tlačítko níže pro potvrzení vaší identity.",
+            "sso_postauth_title": "Pro pokračování potvrďte",
+            "sso_preauth_body": "Pro pokračování prokažte svou identitu pomocí Jednotného přihlášení.",
+            "sso_title": "Pokračovat pomocí Jednotného přihlášení",
+            "terms": "Pročtěte si a odsouhlaste prosím pravidla domovského serveru:",
+            "terms_invalid": "Pročtěte si a odsouhlaste prosím všechna pravidla domovského serveru"
+        },
+        "unsupported_auth": "Tento domovský server nenabízí žádné přihlašovací toky, které tento klient podporuje.",
+        "unsupported_auth_email": "Tento domovský serveru neumožňuje přihlášení pomocí e-mailu.",
+        "unsupported_auth_msisdn": "Tento server nepodporuje ověření telefonním číslem.",
+        "username_field_required_invalid": "Zadejte uživatelské jméno",
+        "username_in_use": "Toto uživatelské jméno už někdo má, zkuste prosím jiné.",
+        "verify_email_explainer": "Před obnovením hesla musíme vědět, že jste to vy. Klikněte na odkaz v e-mailu, který jsme právě odeslali na adresu <b>%(email)s</b>",
+        "verify_email_heading": "Pro pokračování ověřte svůj e-mail"
+    },
+    "bug_reporting": {
+        "additional_context": "Pokud máte libovolné další informace, které by nám pomohly najít problém, tak nám je taky napište. Může pomoct kdy k problému došlo, identifikátory místnost a uživatele, ...",
+        "before_submitting": "Pro odeslání záznamů je potřeba <a>vytvořit issue na GitHubu</a> s popisem problému.",
+        "collecting_information": "Sbírání informací o verzi aplikace",
+        "collecting_logs": "Sběr záznamů",
+        "create_new_issue": "Vytvořte prosím <newIssueLink>novou issue</newIssueLink> na GitHubu abychom mohli chybu opravit.",
+        "description": "Ladící protokoly obsahují údaje o používání aplikace včetně vašeho uživatelského jména, ID nebo aliasů místností, které jste navštívili, s kterými prvky uživatelského rozhraní jste naposledy interagovali a uživatelských jmen ostatních uživatelů. Neobsahují zprávy.",
+        "download_logs": "Stáhnout záznamy",
+        "downloading_logs": "Stahování záznamů",
+        "error_empty": "Dejte nám vědět, prosím, co se pokazilo nebo vytvořte issue na GitHubu, kde problém popište.",
+        "failed_download_logs": "Stažení ladících protokolů se nezdařilo: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Vaše hlášení o chybě bylo zamítnuto. Rageshake server tuto aplikaci nepodporuje.",
+            "rejected_generic": "Vaše hlášení o chybě bylo zamítnuto. Rageshake server odmítl obsah zprávy kvůli zásadám.",
+            "rejected_recovery_key": "Vaše hlášení o chybě bylo z bezpečnostních důvodů odmítnuto, protože obsahovalo klíč pro obnovení.",
+            "rejected_version": "Vaše hlášení o chybě bylo zamítnuto, protože verze, kterou používáte, je příliš stará.",
+            "server_unknown_error": "Rageshake server narazil na neznámou chybu a nemohl zpracovat zprávu.",
+            "unknown_error": "Odeslání protokolů se nezdařilo."
+        },
+        "github_issue": "issue na GitHubu",
+        "introduction": "Pokud jste odeslali chybu prostřednictvím GitHubu, ladící protokoly nám mohou pomoci problém vysledovat. ",
+        "log_request": "Abychom tomu mohli pro příště předejít, <a>pošlete nám prosím záznamy</a>.",
+        "logs_sent": "Záznamy odeslány",
+        "matrix_security_issue": "Pro hlášení bezpečnostních problémů s Matrixem si prosím přečtěte <a>naší Bezpečnostní politiku</a> (anglicky).",
+        "preparing_download": "Příprava na stažení záznamů",
+        "preparing_logs": "Příprava na odeslání záznamů",
+        "send_logs": "Odeslat záznamy",
+        "submit_debug_logs": "Odeslat ladící záznamy",
+        "textarea_label": "Poznámky",
+        "thank_you": "Děkujeme vám!",
+        "title": "Hlášení chyb",
+        "unsupported_browser": "Připomínka: váš prohlížeč není podporován, takže vaše zkušenost může být nepředvídatelná.",
+        "uploading_logs": "Nahrávání záznamů",
+        "waiting_for_server": "Čekám na odezvu ze serveru"
+    },
+    "cannot_invite_without_identity_server": "Bez serveru identit nelze uživatele pozvat e-mailem. K nějakému se můžete připojit v \"Nastavení\".",
+    "cannot_reach_homeserver": "Nelze se připojit k domovskému serveru",
+    "cannot_reach_homeserver_detail": "Ujistěte se, že máte stabilní internetové připojení. Případně problém řešte se správcem serveru",
+    "cant_load_page": "Nepovedlo se načíst stránku",
+    "chat_card_back_action_label": "Zpět do chatu",
+    "chat_effects": {
+        "confetti_description": "Pošle zprávu s konfetami",
+        "confetti_message": "pošle konfety",
+        "fireworks_description": "Pošle zprávu s ohňostrojem",
+        "fireworks_message": "pošle ohňostroj",
+        "hearts_description": "Odešle danou zprávu se srdíčky",
+        "hearts_message": "posílá srdíčka",
+        "rainfall_description": "Pošle zprávu s dešťovými srážkami",
+        "rainfall_message": "pošle dešťové srážky",
+        "snowfall_description": "Pošle zprávu se sněžením",
+        "snowfall_message": "pošle sněžení",
+        "spaceinvaders_description": "Odešle zadanou zprávu s efektem vesmíru",
+        "spaceinvaders_message": "pošle space invaders"
+    },
+    "common": {
+        "access_token": "Přístupový token",
+        "accessibility": "Přístupnost",
+        "advanced": "Rozšířené",
+        "all_chats": "Všechny chaty",
+        "analytics": "Analytické údaje",
+        "and_n_others": {
+            "other": "a %(count)s další...",
+            "one": "a někdo další..."
+        },
+        "appearance": "Vzhled",
+        "application": "Aplikace",
+        "are_you_sure": "Opravdu?",
+        "attachment": "Příloha",
+        "authentication": "Ověření",
+        "avatar": "Profilový obrázek",
+        "beta": "Beta",
+        "camera": "Kamera",
+        "cameras": "Kamery",
+        "cancel": "Zrušit",
+        "capabilities": "Schopnosti",
+        "copied": "Zkopírováno!",
+        "credits": "Poděkování",
+        "dark": "Tmavý",
+        "description": "Popis",
+        "deselect_all": "Zrušit výběr všech",
+        "device": "Zařízení",
+        "disabled_by_homeserver": "Zakázáno domovským serverem",
+        "edited": "upraveno",
+        "email_address": "E-mailová adresa",
+        "emoji": "Emoji",
+        "encrypted": "Šifrováno",
+        "error": "Chyba",
+        "faq": "Často kladené dotazy (FAQ)",
+        "feedback": "Zpětná vazba",
+        "filter_results": "Filtrovat výsledky",
+        "forward_message": "Přeposlat zprávu",
+        "general": "Obecné",
+        "go_to_settings": "Přejít do nastavení",
+        "guest": "Host",
+        "help": "Nápověda",
+        "home": "Domov",
+        "homeserver": "Domovský server",
+        "identity_server": "Server identit",
+        "image": "Obrázek",
+        "integration_manager": "Správce integrací",
+        "joined": "Připojeno",
+        "labs": "Experimentální funkce",
+        "legal": "Právní informace",
+        "light": "Světlý",
+        "loading": "Načítání…",
+        "location": "Poloha",
+        "matrix": "Matrix",
+        "message": "Zpráva",
+        "message_layout": "Zobrazení zpráv",
+        "message_timestamp_invalid": "Neplatné časové razítko",
+        "microphone": "Mikrofon",
+        "moderation_and_safety": "Moderování a bezpečnost",
+        "modern": "Moderní",
+        "mute": "Ztlumit",
+        "n_members": {
+            "one": "%(count)s člen",
+            "other": "%(count)s členů"
+        },
+        "n_rooms": {
+            "one": "%(count)s místnost",
+            "other": "%(count)s místností"
+        },
+        "name": "Název",
+        "no_results": "Žádné výsledky",
+        "no_results_found": "Nebyly nalezeny žádné výsledky",
+        "not_trusted": "Nedůvěryhodné",
+        "off": "Vypnout",
+        "offline": "Offline",
+        "on": "Zapnout",
+        "options": "Volby",
+        "orphan_rooms": "Ostatní místnosti",
+        "password": "Heslo",
+        "people": "Lidé",
+        "preferences": "Předvolby",
+        "presence": "Přítomnost",
+        "preview_message": "Hej ty. Jsi nejlepší!",
+        "privacy": "Soukromí",
+        "private": "Soukromý",
+        "private_room": "Soukromá místnost",
+        "private_space": "Soukromý prostor",
+        "profile": "Profil",
+        "public": "Veřejný",
+        "public_room": "Veřejná místnost",
+        "public_space": "Veřejný prostor",
+        "qr_code": "QR kód",
+        "random": "Náhodný",
+        "reactions": "Reakce",
+        "recommended": "Doporučeno",
+        "report_a_bug": "Nahlásit chybu",
+        "room": "Místnost",
+        "room_name": "Název místnosti",
+        "rooms": "Místnosti",
+        "save": "Uložit",
+        "saved": "Uloženo",
+        "saving": "Ukládání…",
+        "secure_backup": "Zabezpečená záloha",
+        "select_all": "Vybrat všechny",
+        "server": "Server",
+        "settings": "Nastavení",
+        "setup_secure_messages": "Nastavit bezpečné obnovení zpráv",
+        "show_more": "Více",
+        "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",
+        "suggestions": "Návrhy",
+        "support": "Podpora",
+        "theme": "Motiv vzhledu",
+        "thread": "Vlákno",
+        "threads": "Vlákna",
+        "timeline": "Časová osa",
+        "unavailable": "nedostupný",
+        "unencrypted": "Nezašifrované",
+        "unmute": "Povolit",
+        "unnamed_room": "Nepojmenovaná místnost",
+        "unnamed_space": "Nejmenovaný prostor",
+        "unverified": "Neověřeno",
+        "updating": "Aktualizace...",
+        "user": "Uživatel",
+        "user_avatar": "Profilový obrázek",
+        "username": "Uživatelské jméno",
+        "verified": "Ověřeno",
+        "version": "Verze",
+        "video_room": "Video místnost",
+        "view_message": "Zobrazit zprávu",
+        "warning": "Upozornění"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Oznámení pro celou místnost",
+            "command_a11y": "Automatické doplňování příkazů",
+            "command_description": "Příkazy",
+            "emoji_a11y": "Automatické doplňování emoji",
+            "notification_a11y": "Automatické doplňování oznámení",
+            "notification_description": "Oznámení místnosti",
+            "room_a11y": "Automatické doplňování místností",
+            "space_a11y": "Automatické dokončení prostoru",
+            "user_a11y": "Automatické doplňování uživatelů",
+            "user_description": "Uživatelé"
+        },
+        "close_sticker_picker": "Skrýt nálepky",
+        "edit_composer_label": "Upravit zprávu",
+        "format_bold": "Tučně",
+        "format_code_block": "Blok kódu",
+        "format_decrease_indent": "Zmenšit odsazení",
+        "format_increase_indent": "Zvětšit odsazení",
+        "format_inline_code": "Kód",
+        "format_insert_link": "Vložit odkaz",
+        "format_italic": "Kurzíva",
+        "format_italics": "Kurzívou",
+        "format_link": "Odkaz",
+        "format_ordered_list": "Číslovaný seznam",
+        "format_strikethrough": "Přešktnutě",
+        "format_underline": "Podtržení",
+        "format_unordered_list": "Seznam s odrážkami",
+        "formatting_toolbar_label": "Formátování",
+        "link_modal": {
+            "link_field_label": "Odkaz",
+            "text_field_label": "Text",
+            "title_create": "Vytvořit odkaz",
+            "title_edit": "Upravit odkaz"
+        },
+        "mode_plain": "Skrýt formátování",
+        "mode_rich_text": "Zobrazit formátování",
+        "no_perms_notice": "Nemáte oprávnění zveřejňovat příspěvky v této místnosti",
+        "placeholder": "Odeslat nešifrovanou zprávu…",
+        "placeholder_encrypted": "Odeslat zprávu...",
+        "placeholder_reply": "Odeslat nešifrovanou odpověď…",
+        "placeholder_reply_encrypted": "Odeslat odpověď…",
+        "placeholder_thread": "Odpovědět v nešifrovaném vláknu…",
+        "placeholder_thread_encrypted": "Odpovědět ve vláknu…",
+        "poll_button": "Hlasování",
+        "poll_button_no_perms_description": "Nemáte oprávnění zahajovat hlasování v této místnosti.",
+        "poll_button_no_perms_title": "Vyžaduje oprávnění",
+        "replying_title": "Odpovídá",
+        "room_unencrypted": "Zprávy v této místnosti nejsou koncově šifrované.",
+        "room_upgraded_link": "Konverzace pokračuje zde.",
+        "room_upgraded_notice": "Tato místnost byla nahrazena a už není používaná.",
+        "send_button_title": "Poslat zprávu",
+        "send_button_voice_message": "Odeslat hlasovou zprávu",
+        "send_voice_message": "Odeslat hlasovou zprávu",
+        "stop_voice_message": "Zastavit nahrávání",
+        "voice_message_button": "Hlasová zpráva"
+    },
+    "console_dev_note": "Pokud víte, co děláte, Element je open-source, určitě se podívejte na náš GitHub (https://github.com/vector-im/element-web/) a zapojte se!",
+    "console_scam_warning": "Pokud vám někdo řekl, abyste sem něco zkopírovali/vložili, je vysoká pravděpodobnost, že vás někdo oklamal!",
+    "console_wait": "Pozor!",
+    "create_room": {
+        "action_create_room": "Vytvořit místnost",
+        "action_create_video_room": "Vytvořit video místnost",
+        "encrypted_video_room_warning": "Později to nelze zakázat. Místnost bude šifrována, ale vložený hovor nikoli.",
+        "encrypted_warning": "Později to nelze zakázat. Propojení a většina botů zatím nebude fungovat.",
+        "encryption_forced": "Váš server vyžaduje povolení šifrování v soukromých místnostech.",
+        "encryption_label": "Povolit koncové šifrování",
+        "error_title": "Vytvoření místnosti se nezdařilo",
+        "generic_error": "Server může být nedostupný, přetížený nebo jste narazili na chybu.",
+        "join_rule_change_notice": "Tuto hodnotu můžete kdykoli změnit v nastavení místnosti.",
+        "join_rule_invite": "Soukromá místnost (pouze pro pozvané)",
+        "join_rule_invite_label": "Tuto místnost budou moci najít a připojit se k ní pouze pozvaní lidé.",
+        "join_rule_knock_label": "O vstup může požádat kdokoliv, ale administrátoři nebo moderátoři musí přístup povolit. To můžete později změnit.",
+        "join_rule_public_label": "Kdokoliv může najít tuto místnost a připojit se k ní.",
+        "join_rule_public_parent_space_label": "Tuto místnost bude moci najít a připojit se k ní kdokoli, nejen členové <SpaceName/>.",
+        "join_rule_restricted": "Standardní",
+        "join_rule_restricted_label": "Kdokoli v <SpaceName/> se může připojit.",
+        "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",
+        "topic_label": "Téma (volitelné)",
+        "unfederated": "Blokovat komukoli, kdo není součástí serveru %(serverName)s, aby vstoupil do této místnosti.",
+        "unfederated_label_default_off": "Tuto možnost můžete povolit, pokud bude místnost použita pouze pro spolupráci s interními týmy na vašem domovském serveru. Toto nelze později změnit.",
+        "unfederated_label_default_on": "Toto můžete deaktivovat, pokud bude místnost použita pro spolupráci s externími týmy, které mají svůj vlastní domovský server. Toto nelze později změnit.",
+        "unsupported_version": "Server nepodporuje určenou verzi místnosti."
+    },
+    "create_section_dialog": {
+        "create_section": "Vytvořit sekci",
+        "description": "Sekce určeny pouze pro vás",
+        "label": "Název sekce",
+        "title": "Vytvořte sekci",
+        "title_edition": "Upravit sekci"
+    },
+    "create_space": {
+        "add_details_prompt": "Přidejte nějaké podrobnosti, aby ho lidé lépe rozpoznali.",
+        "add_details_prompt_2": "Tyto údaje můžete kdykoli změnit.",
+        "add_existing_rooms_description": "Vyberte místnosti nebo konverzace, které chcete přidat. Toto je prostor pouze pro vás, nikdo nebude informován. Později můžete přidat další.",
+        "add_existing_rooms_heading": "Co si přejete organizovat?",
+        "address_label": "Adresa",
+        "address_placeholder": "např. můj-prostor",
+        "creating": "Vytváření…",
+        "creating_rooms": "Vytváření místností…",
+        "done_action": "Přejít do mého prostoru",
+        "done_action_first_room": "Jít do mé první místnosti",
+        "explainer": "Prostory jsou způsob, jak organizovat a objevovat místnosti. Jaký typ prostoru chcete vytvořit?",
+        "failed_create_initial_rooms": "Vytvoření počátečních místností v prostoru se nezdařilo",
+        "failed_invite_users": "Nepodařilo se pozvat následující uživatele do vašeho prostoru: %(csvUsers)s",
+        "invite_teammates_by_username": "Pozvat podle uživatelského jména",
+        "invite_teammates_description": "Zajistěte přístup pro správné lidi. Další můžete pozvat později.",
+        "invite_teammates_heading": "Pozvěte své spolupracovníky",
+        "inviting_users": "Pozvání…",
+        "label": "Vytvořit prostor",
+        "name_required": "Zadejte prosím název prostoru",
+        "personal_space": "Jen já",
+        "personal_space_description": "Soukromý prostor pro uspořádání vašich místností",
+        "private_description": "Pouze na pozvání, osobní nebo pro váš tým",
+        "private_heading": "Váš soukromý prostor",
+        "private_only_heading": "Váš prostor",
+        "private_personal_description": "Zajistěte, aby do %(name)s měli přístup správní lidé",
+        "private_personal_heading": "S kým pracujete?",
+        "private_space": "Já a moji spolupracovníci",
+        "private_space_description": "Soukromý prostor pro Vás a vaše spolupracovníky",
+        "public_description": "Připojit se může kdokoli, ideální pro komunity",
+        "public_heading": "Váš veřejný prostor",
+        "search_public_button": "Vyhledávat veřejné prostory",
+        "setup_rooms_community_description": "Pro začátek si vytvořme pár místností.",
+        "setup_rooms_community_heading": "O kterých tématech chcete diskutovat v %(spaceName)s?",
+        "setup_rooms_description": "Do prostoru můžete později přidat další místnosti, včetně stávajících místností.",
+        "setup_rooms_private_description": "Pro začátek si vytvořme pár místností.",
+        "setup_rooms_private_heading": "Na jakých projektech váš tým pracuje?",
+        "share_description": "V tuto chvíli to jste jen vy, s ostatními to bude ještě lepší.",
+        "share_heading": "Sdílet %(name)s",
+        "skip_action": "Prozatím přeskočit",
+        "subspace_adding": "Přidání…",
+        "subspace_beta_notice": "Přidat prostor do prostoru, který spravujete.",
+        "subspace_dropdown_title": "Vytvořit prostor",
+        "subspace_existing_space_prompt": "Chcete místo toho přidat stávající prostor?",
+        "subspace_join_rule_invite_description": "Tento prostor budou moci najít a připojit se k němu pouze pozvaní lidé.",
+        "subspace_join_rule_invite_only": "Soukromý prostor (pouze pro pozvané)",
+        "subspace_join_rule_label": "Viditelnost prostoru",
+        "subspace_join_rule_public_description": "Kdokoliv bude moci najít a připojit se k tomuto prostoru, nejen členové <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Kdokoli v <SpaceName/> se může připojit."
+    },
+    "credits": {
+        "default_cover_photo": "<photo>Výchozí titulní fotografie</photo> je © <author>Jesús Roncero</author> používaná za podmínek <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "<twemoji>Twemoji</twemoji> emoji grafika je © <author>Twitter, Inc a další přispěvatelé</author> používána za podmínek <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "Písmo <colr>twemoji-colr</colr> je © <author>Mozilla Foundation</author> používané za podmínek <terms>Apache 2.0</terms>."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Opravdu chcete odmítnout pozvánku do \"%(roomName)s\"?",
+        "ignore_user_help": "Od tohoto uživatele neuvidíte žádné zprávy ani pozvánky do místnosti.",
+        "reason_description": "Popište důvod nahlášení místnosti.",
+        "report_room_description": "Nahlaste tuto místnost svému poskytovateli účtu.",
+        "title": "Odmítnout pozvání"
+    },
+    "desktop_default_device_name": "%(brand)s Desktop: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Aktivní widgety",
+        "category_other": "Další možnosti",
+        "category_room": "Místnost",
+        "caution_colon": "Pozor:",
+        "checking_sticky_events_support": "Zjišťování, zda jsou podporovány trvalé události...",
+        "client_versions": "Verze klienta",
+        "crypto": {
+            "4s_public_key_in_account_data": "v datech účtu",
+            "4s_public_key_not_in_account_data": "nenalezeno",
+            "4s_public_key_status": "Veřejný klíč bezpečného úložiště:",
+            "backup_key_cached": "uložen lokálně",
+            "backup_key_cached_status": "Klíč zálohy v mezipaměti:",
+            "backup_key_not_stored": "není uložen",
+            "backup_key_stored": "v bezpečném úložišti",
+            "backup_key_stored_status": "Klíč zálohy uložen:",
+            "backup_key_unexpected_type": "neočekávaný typ",
+            "backup_key_well_formed": "ve správném tvaru",
+            "cross_signing": "Křížové podepisování",
+            "cross_signing_cached": "uložen lokálně",
+            "cross_signing_not_ready": "Křížové podepisování není nastaveno.",
+            "cross_signing_private_keys_in_storage": "v bezpečném úložišti",
+            "cross_signing_private_keys_in_storage_status": "Soukromé klíče pro křížový podpis:",
+            "cross_signing_private_keys_not_in_storage": "nebylo nalezeno v úložišti",
+            "cross_signing_public_keys_on_device": "v paměti",
+            "cross_signing_public_keys_on_device_status": "Veřejné klíče pro křížový podpis:",
+            "cross_signing_ready": "Křížové podepisování je připraveno k použití.",
+            "cross_signing_status": "Stav křížového podepisování:",
+            "cross_signing_untrusted": "Váš účet má v tajném úložišti digitální identitu, ale v této relaci mu zatím nedůvěřujete.",
+            "crypto_not_available": "Kryptografický modul není k dispozici",
+            "device_id": "ID zařízení",
+            "key_backup_active_version": "Verze aktivní zálohy:",
+            "key_backup_active_version_none": "Žádné",
+            "key_backup_inactive_warning": "Vaše klíče nejsou z této relace zálohovány.",
+            "key_backup_latest_version": "Nejnovější verze zálohy na serveru:",
+            "key_storage": "Úložiště klíčů",
+            "master_private_key_cached_status": "Hlavní soukromý klíč:",
+            "not_found": "nenalezeno",
+            "not_found_locally": "nenalezen lolálně",
+            "secret_storage_not_ready": "nepřipraveno",
+            "secret_storage_ready": "připraveno",
+            "secret_storage_status": "Bezpečné úložiště:",
+            "self_signing_private_key_cached_status": "Soukromý klíč s vlastním podpisem:",
+            "session": "Relace",
+            "session_fingerprint": "Otisk prstu (klíč relace)",
+            "title": "Koncové šifrování",
+            "user_signing_private_key_cached_status": "Podpisový soukromý klíč uživatele:"
+        },
+        "developer_mode": "Vývojářský režim",
+        "developer_tools": "Nástroje pro vývojáře",
+        "device_dehydrated_no": "Dehydratované: Ne",
+        "device_dehydrated_yes": "Dehydratované: Ano",
+        "device_id": "ID zařízení: %(deviceId)s",
+        "device_keys": "Klíče zařízení",
+        "device_verification_status": {
+            "signed_by_owner": "Stav ověření: <E2EIcon /> Podepsáno vlastníkem",
+            "unknown": "Stav ověření: Neznámý",
+            "unverified": "Stav ověření: <E2EIcon /> Není podepsáno vlastníkem",
+            "verified": "Stav ověření: <E2EIcon /> Ověřeno křížovým podpisem"
+        },
+        "devices": "Kryptografická zařízení (%(count)s)",
+        "edit_setting": "Upravit nastavení",
+        "edit_values": "Upravit hodnoty",
+        "empty_string": "<prázdný řetězec>",
+        "error_sticky_duration_must_be_a_number": "stickyDuration musí být číslo",
+        "error_sticky_duration_out_of_range": "Hodnota stickyDuration musí být mezi 0 a 36000 milisekundami (1h)",
+        "event_content": "Obsah události",
+        "event_id": "ID události: %(eventId)s",
+        "event_sent": "Událost odeslána!",
+        "event_type": "Typ události",
+        "expired": "Platnost vypršela",
+        "expires_in": "Platnost vyprší za",
+        "explore_account_data": "Prozkoumat údaje o účtu",
+        "explore_room_account_data": "Prozkoumat údaje o účtu místnosti",
+        "explore_room_state": "Prozkoumat stav místnosti",
+        "explore_sticky_state": "Prozkoumat stav",
+        "failed_to_find_widget": "Při hledání tohoto widgetu došlo k chybě.",
+        "failed_to_load": "Nepodařilo se načíst.",
+        "failed_to_save": "Nepodařilo se uložit nastavení.",
+        "failed_to_send": "Nepodařilo se odeslat událost!",
+        "id": "ID: ",
+        "invalid_device_key_id": "Neplatné ID klíče zařízení",
+        "invalid_json": "Nevypadá to jako platný JSON.",
+        "level": "Úroveň",
+        "low_bandwidth_mode": "Vypnout funkce náročné na šířku pásma",
+        "low_bandwidth_mode_description": "Zakáže šifrování, informace o přítomnosti, avatary, potvrzení o přečtení a oznámení o psaní",
+        "main_timeline": "Hlavní časová osa",
+        "manual_device_verification": "Ruční ověření zařízení",
+        "no_receipt_found": "Žádné potvrzení o přečtení",
+        "no_sticky_events": "V této místnosti nejsou žádné trvalé události.",
+        "notification_state": "Stav oznámení je <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Ladění oznámení",
+        "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>",
+        "room_notifications_dot": "Tečka: ",
+        "room_notifications_highlight": "Nejdůležitější: ",
+        "room_notifications_last_event": "Poslední událost:",
+        "room_notifications_sender": "Odesílatel: ",
+        "room_notifications_thread_id": "Id vlákna: ",
+        "room_notifications_total": "Celkem: ",
+        "room_notifications_type": "Typ: ",
+        "room_status": "Stav místnosti",
+        "room_unread_status_count": {
+            "one": "Stav nepřečtení místnosti: <strong>%(status)s</strong>, počet: <strong>%(count)s</strong>",
+            "other": "Stav nepřečtení místností: <strong>%(status)s</strong>, počet: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Uložit hodnoty nastavení",
+        "see_history": "Prohlédnout historii",
+        "send_custom_account_data_event": "Odeslat vlastní událost s údaji o účtu",
+        "send_custom_room_account_data_event": "Odeslat vlastní událost s údaji o účtu místnosti",
+        "send_custom_state_event": "Odeslat vlastní stavovou událost",
+        "send_custom_sticky_event": "Odeslat vlastní trvalou událost",
+        "send_custom_timeline_event": "Odeslat vlastní událost na časové ose",
+        "server_info": "Informace o serveru",
+        "server_versions": "Verze serveru",
+        "settable_global": "Nastavitelné na globální úrovni",
+        "settable_room": "Nastavitelné v místnosti",
+        "setting_colon": "Nastavení:",
+        "setting_definition": "Definice nastavení:",
+        "setting_id": "ID nastavení",
+        "settings": {
+            "elementCallUrl": "Element Call URL"
+        },
+        "settings_explorer": "Průzkumník nastavení",
+        "show_empty_content_events": "Zobrazit události s prázdným obsahem",
+        "show_hidden_events": "Zobrazovat v časové ose skryté události",
+        "spaces": {
+            "one": "<mezera>",
+            "other": "<%(count)s mezer>"
+        },
+        "state_key": "Stavový klíč",
+        "sticky_duration": "Trvání události (ms)",
+        "sticky_events_not_supported": "Váš domovský server zatím nepodporuje trvalé události.",
+        "sticky_key": "Trvalý klíč",
+        "thread_root_id": "ID kořenového vlákna: %(threadRootId)s",
+        "threads_timeline": "Časová osa vláken",
+        "title": "Nástroje pro vývojáře",
+        "toolbox": "Sada nástrojů",
+        "use_at_own_risk": "Toto uživatelské rozhraní NEKONTROLUJE typy hodnot. Použití na vlastní nebezpečí.",
+        "user_avatar": "Avatar: %(avatar)s",
+        "user_displayname": "Zobrazované jméno: %(displayname)s",
+        "user_id": "ID uživatele: %(userId)s",
+        "user_no_avatar": "Avatar: <i>Žádný</i>",
+        "user_no_displayname": "Zobrazované jméno: <i>Žádné</i>",
+        "user_read_up_to": "Uživatel přečetl až: ",
+        "user_read_up_to_ignore_synthetic": "Uživatel čte až do (ignoreSynthetic): ",
+        "user_read_up_to_private": "Uživatel čte až do (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Uživatel čte až do (m.read.private;ignoreSynthetic): ",
+        "user_room_membership": "Členství: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Stav ověření: <E2EIcon /> Neověřeno a změněna digitální identita",
+            "unverified": "Stav ověření: <E2EIcon /> Neověřeno",
+            "verified": "Stav ověření: <E2EIcon /> Ověřeno",
+            "was_verified": "Stav ověření:<E2EIcon /> Bylo ověřeno, ale digitální identita se změnila."
+        },
+        "users": "Uživatelé",
+        "value": "Hodnota",
+        "value_colon": "Hodnota:",
+        "value_in_this_room": "Hodnota v této místnosti",
+        "value_this_room_colon": "Hodnota v této místnosti:",
+        "values_explicit": "Hodnoty na explicitních úrovních",
+        "values_explicit_colon": "Hodnoty na explicitních úrovních:",
+        "values_explicit_room": "Hodnoty na explicitních úrovních v této místnosti",
+        "values_explicit_this_room_colon": "Hodnoty na explicitních úrovních v této místnosti:",
+        "view_servers_in_room": "Zobrazit servery v místnosti",
+        "view_source_decrypted_event_source": "Dešifrovaný zdroj události",
+        "view_source_decrypted_event_source_unavailable": "Dešifrovaný zdroj není dostupný",
+        "widget_screenshots": "Povolit screenshot widgetu pro podporované widgety"
+    },
+    "dialog_close_label": "Zavřít dialog",
+    "download_completed": "Stahování dokončeno",
+    "empty_room": "Prázdná místnost",
+    "empty_room_was_name": "Prázdná místnost (dříve %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Pokud máte bezpečnostní klíč nebo bezpečnostní frázi, bude to také fungovat.",
+            "key_validation_text": {
+                "wrong_security_key": "Zadaný klíč pro obnovení není správný."
+            },
+            "privacy_warning": "Ujistěte se, že tuto obrazovku nikdo nevidí!",
+            "restoring": "Obnovení klíčů ze zálohy",
+            "security_key_label": "Klíč pro obnovení",
+            "security_key_title": "Zadejte klíč pro obnovení"
+        },
+        "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",
+        "cross_signing_user_normal": "Tohoto uživatele jste neověřili.",
+        "cross_signing_user_verified": "Tohoto uživatele jste ověřili a on ověřil všechny své relace.",
+        "cross_signing_user_warning": "Tento uživatel zatím neověřil všechny své relace.",
+        "enter_recovery_key": "Zadejte klíč pro obnovení",
+        "event_shield_reason_authenticity_not_guaranteed": "Pravost této šifrované zprávy nelze na tomto zařízení zaručit.",
+        "event_shield_reason_mismatched_sender": "Odesílatel události se neshoduje s vlastníkem zařízení, které ji odeslalo.",
+        "event_shield_reason_mismatched_sender_key": "Šifrované neověřenou relací",
+        "event_shield_reason_unknown_device": "Šifrováno neznámým nebo smazaným zařízením.",
+        "event_shield_reason_unsigned_device": "Šifrováno zařízením, které nebylo ověřeno jeho vlastníkem.",
+        "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 chatu, musíte si resetovat digitální 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.",
+        "messages_not_secure": {
+            "cause_1": "Váš domovský server",
+            "cause_2": "Domovský server, ke kterému je ověřovaný uživatel připojen",
+            "cause_3": "Vaše internetové připojení nebo připojení ostatních uživatelů",
+            "cause_4": "Vaše relace nebo relace ostatních uživatelů",
+            "heading": "Něco z následujích věcí může být kompromitováno:",
+            "title": "Vaše zprávy nejsou zabezpečené"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Byla zjištěna nová bezpečnostní fráze a klíč pro zabezpečené zprávy.",
+            "description_2": "Tato relace šifruje historii zpráv s podporou nového způsobu obnovení.",
+            "title": "Nový způsob obnovy",
+            "warning": "Pokud jste nenastavili nový způsob obnovy vy, mohou se pokoušet k vašemu účtu dostat útočníci. Změňte si raději ihned heslo a nastavte nový způsob obnovy v Nastavení."
+        },
+        "pinned_identity_changed": "Digitální identita uživatele %(displayName)s (<b>%(userId)s</b>) byla resetována. <a>Další informace</a>",
+        "pinned_identity_changed_no_displayname": "Digitální identita uživatele <b>%(userId)s</b> byla resetována. <a>Další informace</a>",
+        "recovery_method_removed": {
+            "description_1": "Tato relace zjistila, že byla odstraněna vaše bezpečnostní fráze a klíč pro zabezpečené zprávy.",
+            "description_2": "Pokud se vám to stalo neúmyslně, můžete znovu nastavit zálohu zpráv pro tuto relaci. To znovu zašifruje historii zpráv novým způsobem.",
+            "title": "Záloha klíčů byla odstraněna",
+            "warning": "Pokud jste způsob obnovy neodstranili vy, mohou se pokoušet k vašemu účtu dostat útočníci. Změňte si raději ihned heslo a nastavte nový způsob obnovy v Nastavení."
+        },
+        "set_up_recovery": "Zálohujte své chaty",
+        "set_up_recovery_toast_description": "Vaše chaty jsou automaticky zálohovány pomocí koncového šifrování. Chcete-li tuto zálohu obnovit a zachovat si svou digitální identitu v případě, že ztratíte přístup ke všem svým zařízením, budete potřebovat svůj klíč pro obnovení.",
+        "set_up_toast_title": "Nastavení zabezpečené zálohy",
+        "turn_on_key_storage": "Zapnout úložiště klíčů",
+        "turn_on_key_storage_description": "Díky tomu budete moci zobrazit historii chatu na jakémkoli novém zařízení a je to nutné pro zálohování chatů a digitální identity.",
+        "unable_to_setup_keys_error": "Nepovedlo se nastavit klíče",
+        "verification": {
+            "accepting": "Přijímání…",
+            "after_new_login": {
+                "device_verified": "Zařízení ověřeno",
+                "skip_verification": "Prozatím přeskočit ověřování",
+                "verify_this_device": "Ověřit toto zařízení"
+            },
+            "cancelled_verification": "Buď vypršel časový limit požadavku, požadavek byl zamítnut, nebo došlo k nesouladu ověření.",
+            "cancelling": "Rušení…",
+            "cant_confirm": "Nemůžete potvrdit?",
+            "complete_action": "OK",
+            "complete_description": "Uživatel úspěšně ověřen.",
+            "complete_title": "Ověřeno!",
+            "confirm_identity_description": "Ověřte toto zařízení a nastavte zabezpečené zasílání zpráv.",
+            "confirm_identity_title": "Potvrďte svou digitální identitu",
+            "confirm_the_emojis": "Zkontrolujte, zda se níže uvedené emotikony shodují s emotikony zobrazenými na vašem druhém zařízení.",
+            "error_starting_description": "Nepodařilo se zahájit chat s druhým uživatelem.",
+            "error_starting_title": "Chyba při zahájení ověření",
+            "explainer": "Bezpečné zprávy s tímto uživatelem jsou koncově šifrované a nikdo další je nemůže číst.",
+            "in_person": "Aby bylo ověření bezpečné, proveďte ho osobně nebo použijte důvěryhodný komunikační prostředek.",
+            "incoming_sas_device_dialog_text_1": "Ověření zařízení ho označí za důvěryhodné. Ověření konkrétního zařízení vám dává větší jistotu, že je komunikace důvěrná.",
+            "incoming_sas_device_dialog_text_2": "Ověření zařízení ho označí za důvěryhodné a uživatelé, kteří věří vám budou také tomuto zařízení důvěřovat.",
+            "incoming_sas_dialog_title": "Přišla vám žádost o ověření",
+            "incoming_sas_dialog_waiting": "Čekání na potvrzení partnerem…",
+            "incoming_sas_user_dialog_text_1": "Po ověření bude uživatel označen jako důvěryhodný. Ověřování uživatelů vám dává větší jistotu, že je komunikace důvěrná.",
+            "incoming_sas_user_dialog_text_2": "Ověření uživatele označí jeho relace za důvěryhodné a vaše relace budou důvěryhodné pro něj.",
+            "manual": {
+                "already_verified": "Toto zařízení je již ověřeno",
+                "already_verified_and_wrong_fingerprint": "Zadaný otisk prstu se neshoduje, ale zařízení je již ověřené!",
+                "device_id": "ID zařízení",
+                "failure_description": "Nepodařilo se ověřit '%(deviceId)s': %(error)s",
+                "failure_title": "Ověření se nezdařilo",
+                "fingerprint": "Otisk prstu (klíč relace)",
+                "no_crypto": "Nelze ověřit zařízení - šifrování není povoleno",
+                "no_device": "Nelze ověřit zařízení - zařízení '%(deviceId)s' nebylo nalezeno",
+                "no_userid": "Nelze ověřit zařízení - nelze najít naše ID uživatele",
+                "success_description": "Zařízení (%(deviceId)s) je nyní křížově podepsáno",
+                "success_title": "Ověření proběhlo úspěšně",
+                "text": "Zadejte ID a otisk prstu jednoho ze svých vlastních zařízení a ověřte jej. POZNÁMKA to umožňuje druhému zařízení odesílat a přijímat zprávy jako vy. POKUD VÁM NĚKDO ŘEKL, ABYSTE SEM NĚCO VLOŽILI, JE PRAVDĚPODOBNÉ, ŽE JSTE PODVEDENI!",
+                "wrong_fingerprint": "Nelze ověřit zařízení '%(deviceId)s' - zadaný otisk prstu '%(fingerprint)s' neodpovídá otisku prstu zařízení, '%(fprint)s'"
+            },
+            "no_support_qr_emoji": "Zařízení, které se snažíte ověřit, neumožňuje ověření QR kódem ani pomocí emotikonů, které %(brand)s podporuje. Zkuste použít jiného klienta.",
+            "now_you_can": "Nyní můžete bezpečně číst nebo odesílat zprávy a tomuto zařízení může důvěřovat kdokoli, s kým si povídáte.",
+            "once_accepted_can_continue": "Po přijetí budete moci pokračovat s ověřením.",
+            "other_party_cancelled": "Druhá strana ověření zrušila.",
+            "prompt_encrypted": "Ověřit všechny uživatele v místnosti, abyste se přesvědčili o bezpečnosti.",
+            "prompt_unencrypted": "V šifrovaných místnostech ověřte všechny uživatele, abyste zajistili bezpečnost komunikace.",
+            "qr_or_sas": "%(qrCode)s nebo %(emojiCompare)s",
+            "qr_prompt": "Naskenujte tento jedinečný kód",
+            "qr_reciprocate_check_again_device": "Zkontrolujte znovu na svém druhém zařízení, abyste dokončili ověření.",
+            "qr_reciprocate_no": "Ne, nevidím zelený štít",
+            "qr_reciprocate_same_shield_user": "Téměř hotovo! Je relace %(displayName)s také ověřená?",
+            "qr_reciprocate_yes": "Ano, vidím zelený štít",
+            "request_toast_accept_user": "Ověřit uživatele",
+            "request_toast_decline_counter": "Ignorovat (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s z %(ip)s",
+            "request_toast_start_verification": "Zahájit ověření",
+            "sas_caption_self": "Ověřte toto zařízení tak, že potvrdíte, že se na jeho obrazovce zobrazí následující číslo.",
+            "sas_caption_user": "Ověřte uživatele zkontrolováním, že se na obrazovce objevila stejná čísla.",
+            "sas_description": "Pokud na žádném zařízení nemáte kameru, porovnejte jedinečnou kombinaci emoji",
+            "sas_emoji_caption_user": "Ověřte uživatele zkontrolováním, že se mu na obrazovce objevily stejné emoji.",
+            "sas_match": "Shodují se",
+            "sas_no_match": "Neshodují se",
+            "sas_prompt": "Porovnejte jedinečnou kombinaci emoji",
+            "scan_qr": "Ověřte naskenováním",
+            "scan_qr_explainer": "Požádejte uživatele %(displayName)s o naskenování tohoto kódu pro vaše ověření:",
+            "start_button": "Zahájit ověření",
+            "successful_user": "Úspěšně jste ověřili uživatele %(displayName)s!",
+            "unsupported_method": "Nepovedlo se nám najít podporovanou metodu ověření.",
+            "unverified_session_toast_accept": "Ano, to jsem byl já",
+            "unverified_session_toast_title": "Nové přihlášní. Jste to vy?",
+            "unverified_sessions_toast_description": "Zkontrolujte, zda je váš účet v bezpečí",
+            "unverified_sessions_toast_reject": "Později",
+            "unverified_sessions_toast_title": "Máte neověřené relace",
+            "use_another_device": "Použít jiné zařízení",
+            "use_recovery_key": "Použít klíč pro obnovení",
+            "verification_dialog_title_choose": "Vyberte způsob ověření",
+            "verification_dialog_title_compare_emojis": "Porovnejte emotikony",
+            "verification_dialog_title_confirm_green_shield": "Potvrďte, že na druhém zařízení vidíte zelený štít",
+            "verification_dialog_title_device": "Ověřit jiné zařízení",
+            "verification_dialog_title_failed": "Ověření se nezdařilo",
+            "verification_dialog_title_start_on_other_device": "Spusťte ověření na druhém zařízení",
+            "verification_dialog_title_user": "Požadavek na ověření",
+            "verification_dialog_title_verified": "Zařízení ověřeno",
+            "verification_skip_warning": "Bez ověření nebudete mít přístup ke všem svým zprávám a můžete se ostatním jevit jako nedůvěryhodní.",
+            "verification_success_with_backup": "Vaše nové zařízení je nyní ověřeno. Má přístup k vašim zašifrovaným zprávám a ostatní uživatelé jej budou považovat za důvěryhodné.",
+            "verification_success_without_backup": "Vaše nové zařízení je nyní ověřeno. Ostatní uživatelé jej uvidí jako důvěryhodné.",
+            "verify_by_completing_one_of": "Ověřte provedením jedné z následujících akcí:",
+            "verify_emoji": "Ověřit pomocí emoji",
+            "verify_emoji_prompt": "Ověření porovnáním několika emoji.",
+            "verify_emoji_prompt_qr": "Pokud vám skenování kódů nefunguje, ověřte se porovnáním emoji.",
+            "verify_later": "Ověřím se později",
+            "waiting_for_user_accept": "Čekáme, než %(displayName)s výzvu přijme…",
+            "waiting_other_device": "Čekáme na ověření na jiném zařízení…",
+            "waiting_other_device_details": "Čekáme na ověření na vašem dalším zařízení, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Čekám až nás %(displayName)s ověří…"
+        },
+        "verification_requested_toast_title": "Žádost ověření",
+        "verified_identity_changed": "Digitální identita uživatele %(displayName)s (<b>%(userId)s</b>) byla resetována. <a>Další informace</a>",
+        "verified_identity_changed_no_displayname": "Digitální identita uživatele <b>%(userId)s</b> byla resetována. <a>Další informace</a>",
+        "verify_toast_description": "Od konce dubna 2026 nebudou neověřená zařízení moci odesílat ani přijímat zprávy. <a>Další informace</a>",
+        "verify_toast_title": "Ověřit toto zařízení",
+        "withdraw_verification_action": "Zrušit ověření"
+    },
+    "error": {
+        "admin_contact": "Pro pokračování využívání této služby prosím kontaktujte jejího <a>správce</a>.",
+        "admin_contact_short": "Kontaktujte <a>administrátora serveru</a>.",
+        "app_launch_unexpected_error": "Neočekávaná chyba při přípravě aplikace. Podrobnosti najdete v konzoli.",
+        "cannot_load_config": "Nepodařilo se načíst konfigurační soubor: abyste to zkusili znovu, načtěte prosím znovu stránku.",
+        "connection": "Při komunikaci s domovským serverem došlo k potížím, zkuste to prosím později.",
+        "dialog_description_default": "Nastala chyba.",
+        "download_media": "Nepodařilo se stáhnout zdrojové médium, nebyla nalezena žádná zdrojová url adresa",
+        "edit_history_unsupported": "Váš domovský server asi tuto funkci nepodporuje.",
+        "failed_copy": "Nepodařilo se zkopírovat",
+        "hs_blocked": "Tento domovský server byl zablokován jeho správcem.",
+        "invalid_configuration_mixed_server": "Neplatná konfigurace: default_hs_url nelze použít spolu s default_server_name nebo default_server_config",
+        "invalid_configuration_no_server": "Neplatná konfigurace: není zadán výchozí server.",
+        "invalid_json": "Vaše konfigurace Elementu obsahuje nesprávná data JSON. Vyřešte prosím problém a načtěte znovu stránku.",
+        "invalid_json_detail": "Zpráva z parseru je: %(message)s",
+        "invalid_json_generic": "Neplatný JSON",
+        "mau": "Tento domovský server dosáhl svého měsíčního limitu pro aktivní uživatele.",
+        "misconfigured": "Váš Element je nesprávně nastaven",
+        "mixed_content": "Nelze se připojit k domovskému serveru přes HTTP, pokud je v adresním řádku HTTPS. Buď použijte HTTPS, nebo <a>povolte nezabezpečené skripty</a>.",
+        "non_urgent_echo_failure_toast": "Váš server neodpovídá na některé <a>požadavky</a>.",
+        "resource_limits": "Tento domovský server překročil některý z limitů.",
+        "session_restore": {
+            "clear_storage_button": "Odstranit toto zařízení",
+            "clear_storage_description": "Odstranit toto zařízení spolu s jeho šifrovacími klíči?",
+            "description_1": "Při pokusu o obnovení vaší relace došlo k chybě.",
+            "description_2": "Pokud jste se v minulosti již přihlásili s novější verzi programu %(brand)s, vaše relace nemusí být kompatibilní s touto verzí. Zavřete prosím toto okno a přihlaste se znovu pomocí nové verze.",
+            "description_3": "Vymazání úložiště prohlížeče může problém vyřešit, ale odstraní toto zařízení a způsobí, že veškerá encryptovaná historie chatu bude nečitelná.",
+            "title": "Nelze obnovit relaci"
+        },
+        "something_went_wrong": "Něco se nepovedlo!",
+        "storage_evicted_description_1": "Chybí některá data relace, včetně šifrovacích klíčů zpráv. Chcete-li tento problém vyřešit, odpojte toto zařízení a přihlaste se znovu, čímž se klíče obnoví ze zálohy.",
+        "storage_evicted_description_2": "Prohlížeč data možná smazal aby ušetřil místo na disku.",
+        "storage_evicted_title": "Chybějící data relace",
+        "sync": "Nelze se připojit k domovskému serveru. Opakovaný pokus…",
+        "tls": "Nelze se připojit k domovskému serveru – zkontrolujte prosím své připojení, prověřte, zda je <a>SSL certifikát</a> vašeho domovského serveru důvěryhodný, a že některé z rozšíření prohlížeče neblokuje komunikaci.",
+        "unknown": "Neznámá chyba",
+        "unknown_error_code": "neznámý kód chyby",
+        "update_history_visibility": "Nepodařilo se změnit viditelnost historie",
+        "update_power_level": "Nepodařilo se změnit úroveň oprávnění"
+    },
+    "error_app_open_in_another_tab": "Přepněte na jiný panel a připojte se k %(brand)s. Tuto kartu nyní můžete zavřít.",
+    "error_app_open_in_another_tab_title": "%(brand)s je připojen na jiném panelu",
+    "error_app_opened_in_another_window": "%(brand)s je otevřen v jiném okně. Klikněte na \"%(label)s\" pro přepnutí na %(brand)s zde a zavřete druhé okno.",
+    "error_database_closed_description": {
+        "for_desktop": "Váš disk může být plný. Uvolněte prosím místo a znovu načtěte.",
+        "for_web": "Pokud jste vymazali data prohlížeče, je tato zpráva očekávaná. %(brand)s může být také otevřený na jiné kartě, nebo je váš disk plný. Uvolněte prosím místo a znovu načtěte"
+    },
+    "error_database_closed_title": "%(brand)s přestal fungovat",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Nelze zkopírovat odkaz na místnost do schránky.",
+            "title": "Nelze zkopírovat odkaz na místnost"
+        },
+        "error_loading_user_profile": "Nepovedlo se načíst profil uživatele",
+        "forget_room_failed": "Nepodařilo se zapomenout místnost %(errCode)s"
+    },
+    "error_user_not_logged_in": "Uživatel není přihlášen",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Probíhá hovor",
+            "user": "%(senderName)s se připojil k hovoru",
+            "you": "Připojili jste se k hovoru"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s ukončil(a) hovor",
+            "you": "Ukončili jste hovor"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s volá",
+            "dm_send": "Čekání na odpověď",
+            "user": "%(senderName)s začal(a) hovor",
+            "you": "Začali jste hovor"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s reagoval(a) %(reaction)s na %(message)s",
+            "you": "Reagovali jste %(reaction)s na %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Zvuk",
+            "file": "Soubor",
+            "image": "Obrázek",
+            "poll": "Hlasování",
+            "video": "Video"
+        },
+        "preview": "<bold>%(prefix)s: </bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Export zrušen",
+        "cancelled_detail": "Export byl úspěšně zrušen",
+        "confirm_stop": "Opravdu chcete ukončit export dat? Pokud ano, budete muset začít znovu.",
+        "creating_html": "Vytváření HTML…",
+        "creating_output": "Vytváření výstupu…",
+        "creator_summary": "%(creatorName)s vytvořil(a) tuto místnost.",
+        "current_timeline": "Aktuální časová osa",
+        "enter_number_between_min_max": "Zadejte číslo mezi %(min)s a %(max)s",
+        "error_fetching_file": "Chyba při načítání souboru",
+        "export_info": "Toto je začátek exportu <roomName/>. Exportováno pomocí <exporterDetails/> v %(exportDate)s.",
+        "export_successful": "Export byl úspěšný!",
+        "exported_n_events_in_time": {
+            "one": "Exportována %(count)s událost za %(seconds)s sekund",
+            "other": "Exportováno %(count)s událostí za %(seconds)s sekund"
+        },
+        "exporting_your_data": "Exportování dat",
+        "fetched_n_events": {
+            "one": "Načtena %(count)s událost",
+            "other": "Načteno %(count)s událostí"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Načtena %(count)s událost za %(seconds)ss",
+            "other": "Načteno %(count)s událostí za %(seconds)ss"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Načtena %(count)s událost z %(total)s",
+            "other": "Načteno %(count)s událostí z %(total)s"
+        },
+        "fetching_events": "Stahování událostí…",
+        "file_attached": "Přiložený soubor",
+        "format": "Formát",
+        "from_the_beginning": "Od začátku",
+        "generating_zip": "Vytvoření souboru ZIP",
+        "html": "HTML",
+        "html_title": "Exportovaná data",
+        "include_attachments": "Zahrnout přílohy",
+        "json": "JSON",
+        "media_omitted": "Vynechaná média",
+        "media_omitted_file_size": "Vynechaná média - překročen limit velikosti souboru",
+        "messages": "Zprávy",
+        "next_page": "Následující skupina zpráv",
+        "num_messages": "Počet zpráv",
+        "num_messages_min_max": "Počet zpráv může být pouze číslo mezi %(min)s a %(max)s",
+        "number_of_messages": "Zadejte počet zpráv",
+        "previous_page": "Předchozí skupina zpráv",
+        "processing": "Zpracování…",
+        "processing_event_n": "Zpracování události %(number)s z %(total)s",
+        "select_option": "Vyberte jednu z níže uvedených možností pro export chatů z časové osy",
+        "size_limit": "Omezení velikosti",
+        "size_limit_min_max": "Velikost může být pouze číslo mezi %(min)s MB a %(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Zahájení exportu…",
+        "successful": "Export proběhl úspěšně",
+        "successful_detail": "Váš export proběhl úspěšně. Najdete jej ve složce pro stažené soubory.",
+        "text": "Prostý text",
+        "title": "Exportovat chat",
+        "topic": "Téma: %(topic)s",
+        "unload_confirm": "Opravdu chcete skončit během tohoto exportu?"
+    },
+    "failed_load_async_component": "Stránku se nepovedlo načíst! Zkontrolujte prosím své připojení k internetu a zkuste to znovu.",
+    "feedback": {
+        "can_contact_label": "V případě dalších dotazů se na mě můžete obrátit",
+        "comment_label": "Komentář",
+        "existing_issue_link": "Nejříve si prosím prohlédněte <existingIssuesLink>existující chyby na Githubu</existingIssuesLink>. Žádná shoda? <newIssueLink>Nahlašte novou chybu</newIssueLink>.",
+        "may_contact_label": "Můžete mě kontaktovat, pokud budete chtít doplnit informace nebo mě nechat vyzkoušet připravované návrhy",
+        "platform_username": "Vaše platforma a uživatelské jméno budou zaznamenány, abychom mohli co nejlépe využít vaši zpětnou vazbu.",
+        "pro_type": "TIP pro profíky: Pokud nahlásíte chybu, odešlete prosím <debugLogsLink>ladicí protokoly</debugLogsLink>, které nám pomohou problém vypátrat.",
+        "send_feedback_action": "Odeslat zpětnou vazbu",
+        "sent": "Zpětná vazba byla odeslána"
+    },
+    "file_panel": {
+        "empty_description": "Připojte soubory z chatu nebo je jednoduše přetáhněte kamkoli do místnosti.",
+        "empty_heading": "V této místnosti nejsou viditelné žádné soubory",
+        "guest_note": "Pro využívání této funkce se <a>zaregistrujte</a>",
+        "peek_note": "Pro zobrazení souborů musíte do místnosti vstoupit"
+    },
+    "forward": {
+        "filter_placeholder": "Hledat místnosti nebo osoby",
+        "message_preview_heading": "Náhled zprávy",
+        "no_perms_title": "K tomu nemáte povolení",
+        "open_room": "Otevřít místnost",
+        "send_label": "Odeslat",
+        "sending": "Odesílání",
+        "sent": "Odesláno"
+    },
+    "identity_server": {
+        "change": "Změnit server identit",
+        "change_prompt": "Odpojit se ze serveru <current /> a připojit na <new />?",
+        "change_server_prompt": "Pokud nechcete na hledání existujících kontaktů používat server <server />, zvolte si jiný server.",
+        "changed": "Váš server identit byl změněn",
+        "checking": "Kontrolování serveru",
+        "description_connected": "Pro hledání existujících kontaktů používáte server identit <server></server>. Níže ho můžete změnit.",
+        "description_disconnected": "Pro hledání existujících kontaktů nepoužíváte žádný server identit <server></server>. Abyste mohli hledat kontakty, nějaký níže nastavte.",
+        "description_optional": "Použití serveru identit je volitelné. Nemusíte server identit používat, ale nepůjde vás pak najít podle e-mailové adresy ani telefonního čísla a vy také nebudete moci hledat ostatní.",
+        "disconnect": "Odpojit se ze serveru identit",
+        "disconnect_anyway": "Stejně se odpojit",
+        "disconnect_offline_warning": "Před odpojením byste měli <b>smazat osobní údaje</b> ze serveru identit <idserver />. Bohužel, server je offline nebo neodpovídá.",
+        "disconnect_personal_data_warning_1": "Pořád <b>sdílíte osobní údaje</b> se serverem identit <idserver />.",
+        "disconnect_personal_data_warning_2": "Než se odpojíte, doporučujeme odstranit e-mailovou adresu a telefonní číslo ze serveru identit.",
+        "disconnect_server": "Odpojit se ze serveru identit <idserver />?",
+        "disconnect_warning": "Po odpojení od serveru identit nebude možné vás najít podle e-mailové adresy ani telefonního čísla, a zároveň podle nich ani vy nebudete moci hledat ostatní kontakty.",
+        "do_not_use": "Nepoužívat server identit",
+        "error_connection": "Nepodařilo se připojit k serveru identit",
+        "error_invalid": "Toto není platný server identit (stavový kód %(code)s)",
+        "error_invalid_or_terms": "Neodsouhlasené podmínky použití a nebo neplatný server identit.",
+        "no_terms": "Vybraný server identit nemá žádné podmínky použití.",
+        "suggestions": "Měli byste:",
+        "suggestions_1": "zkontrolujte, jestli nemáte v prohlížeči nějaký doplněk blokující server identit (např. Privacy Badger)",
+        "suggestions_2": "kontaktujte správce serveru identit <idserver />",
+        "suggestions_3": "počkejte a zkuste to znovu později",
+        "url": "Server identit (%(server)s)",
+        "url_field_label": "Zadejte nový server identit",
+        "url_not_https": "Adresa serveru identit musí být na HTTPS"
+    },
+    "in_space": "V prostoru %(spaceName)s.",
+    "in_space1_and_space2": "V prostorech %(space1Name)s a %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "V %(spaceName)s a %(count)s dalším prostoru.",
+        "other": "V %(spaceName)s a %(count)s ostatních prostorech."
+    },
+    "incompatible_browser": {
+        "continue": "Přesto pokračovat",
+        "description": "%(brand)s používá některé funkce prohlížeče, které nejsou k dispozici ve vašem aktuálním prohlížeči. %(detail)s",
+        "detail_can_continue": "Pokud budete pokračovat, některé funkce mohou přestat fungovat a existuje riziko, že v budoucnu můžete ztratit data.",
+        "detail_no_continue": "Zkuste tento prohlížeč aktualizovat, pokud nepoužíváte nejnovější verzi, a zkuste to znovu.",
+        "learn_more": "Zjistěte více",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "Pro nejlepší zážitek použijte <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge> nebo <Safari>Safari</Safari>.",
+        "title": "Nepodporovaný prohlížeč",
+        "use_desktop_heading": "Místo toho použijte %(brand)s Desktop",
+        "use_mobile_heading": "Místo toho použijte %(brand)s na mobilu",
+        "use_mobile_heading_after_desktop": "Nebo použijte naši mobilní aplikaci",
+        "windows_64bit": "Windows (64-bit)",
+        "windows_arm_64bit": "Windows (ARM 64-bit)"
+    },
+    "info_tooltip_title": "Informace",
+    "integration_manager": {
+        "connecting": "Připojování ke správci integrací…",
+        "error_connecting": "Správce integrací neběží nebo se nemůže připojit k vašemu domovskému serveru.",
+        "error_connecting_heading": "Nepovedlo se připojení ke správci integrací",
+        "explainer": "Správci integrace přijímají konfigurační data a mohou vaším jménem upravovat widgety, odesílat pozvánky do místností a nastavovat úrovně oprávnění.",
+        "manage_title": "Správa integrací",
+        "toggle_label": "Povolit správce integrací",
+        "use_im": "Použít správce integrací na správu botů, widgetů a nálepek.",
+        "use_im_default": "Použít správce integrací <b>(%(serverName)s)</b> na správu botů, widgetů a nálepek."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Pro provedení povolte v Nastavení položku '%(manageIntegrations)s'.",
+        "disabled_dialog_title": "Integrace jsou zakázané",
+        "impossible_dialog_description": "Váš %(brand)s neumožňuje použít správce integrací. Kontaktujte prosím správce.",
+        "impossible_dialog_title": "Integrace nejsou povolené"
+    },
+    "invite": {
+        "confirm_unknown_users": {
+            "invite_subtitle": "Momentálně s těmito kontakty nemáte žádné chaty. Před pokračováním potvrďte jejich pozvání do této místnosti.",
+            "invite_title": "Pozvat nové kontakty do této místnosti?",
+            "start_chat_subtitle_multiple_users": "Momentálně s těmito lidmi nemáte žádné chaty. Před pokračováním potvrďte jejich pozvání.",
+            "start_chat_subtitle_one_user": "Momentálně s touto osobou nemáte žádné chaty. Před pokračováním potvrďte pozvání.",
+            "start_chat_title_multiple_users": "Zahájit chat s těmito novými kontakty?",
+            "start_chat_title_one_user": "Zahájit chat s tímto novým kontaktem?"
+        },
+        "email_caption": "Pozvat emailem",
+        "email_limit_one": "Pozvánky e-mailem lze zasílat pouze po jedné",
+        "email_use_default_is": "Odeslat pozvánku pomocí serveru identit. <default>Použít výchozí (%(defaultIdentityServerName)s)</default> nebo přenastavit <settings>Nastavení</settings>.",
+        "email_use_is": "Odeslat pozvánku pomocí serveru identit. Přenastavit v <settings>Nastavení</settings>.",
+        "error_already_invited_room": "Uživatel je již pozván do místnosti",
+        "error_already_invited_space": "Uživatel je již pozván do prostoru",
+        "error_already_joined_room": "Uživatel je již v místnosti",
+        "error_already_joined_space": "Uživatel je již v prostoru",
+        "error_bad_state": "Aby mohl být uživatel pozván, musí být jeho vykázání zrušeno.",
+        "error_dm": "Nemohli jsme vytvořit vaši přímou zprávu.",
+        "error_find_room": "Při odesílání pozvánek se něco pokazilo.",
+        "error_find_user_description": "Následující uživatelé asi neexistují nebo jsou neplatní a nelze je pozvat: %(csvNames)s",
+        "error_find_user_title": "Nepovedlo se najít následující uživatele",
+        "error_invite": "Nemůžeme pozvat tyto uživatele. Zkontrolujte prosím, že opravdu existují a zkuste to znovu.",
+        "error_permissions_room": "Nemáte oprávnění zvát lidi do této místnosti.",
+        "error_permissions_space": "Nemáte oprávnění zvát lidi do tohoto prostoru.",
+        "error_profile_undisclosed": "Uživatel může, ale nemusí existovat",
+        "error_transfer_multiple_target": "Hovor lze přepojit pouze jednomu uživateli.",
+        "error_unfederated_room": "Tato místnost je nefederovaná. Nemůžete pozvat lidi z externích serverů.",
+        "error_unfederated_space": "Tento prostor je nefederovaný. Nemůžete pozvat lidi z externích serverů.",
+        "error_unknown": "Neznámá chyba serveru",
+        "error_user_not_found": "Uživatel neexistuje",
+        "error_version_unsupported_room": "Uživatelův domovský server nepodporuje verzi této místnosti.",
+        "error_version_unsupported_space": "Domovský server uživatele nepodporuje danou verzi prostoru.",
+        "failed_generic": "Operace se nezdařila",
+        "failed_title": "Pozvání se nezdařilo",
+        "invalid_address": "Neznámá adresa",
+        "name_email_mxid_share_room": "Pozvěte někoho pomocí jeho jména, e-mailové adresy, uživatelského jména (například <userId/>) nebo <a>sdílejte tuto místnost</a>.",
+        "name_email_mxid_share_space": "Pozvěte někoho pomocí jeho jména, e-mailové adresy, uživatelského jména (například <userId/>) nebo <a>sdílejte tento prostor</a>.",
+        "name_mxid_share_room": "Pozvěte někoho pomocí svého jména, uživatelského jména (například <userId />) nebo <a>sdílejte tuto místnost</a>.",
+        "name_mxid_share_space": "Pozvěte někoho pomocí jeho jména, uživatelského jména (například <userId/>) nebo <a>sdílejte tento prostor</a>.",
+        "progress": {
+            "dont_close": "Nezavírejte aplikaci, dokud neskončíte.",
+            "preparing": "Příprava pozvánek..."
+        },
+        "recents_section": "Nedávné konverzace",
+        "room_failed_partial": "Poslali jsme ostatním, ale níže uvedení lidé nemohli být pozváni do <RoomName/>",
+        "room_failed_partial_title": "Některé pozvánky nebylo možné odeslat",
+        "room_failed_title": "Nepodařilo se pozvat uživatele do %(roomName)s",
+        "send_link_prompt": "Nebo pošlete pozvánku",
+        "start_conversation_name_email_mxid_prompt": "Napište jméno nebo emailovou adresu uživatele se kterým chcete začít konverzaci (např. <userId/>).",
+        "start_conversation_name_mxid_prompt": "Začněte konverzaci s někým pomocí jeho jména nebo uživatelského jména (například <userId />).",
+        "suggestions_disclaimer": "Některé návrhy mohou být z důvodu ochrany soukromí skryty.",
+        "suggestions_disclaimer_prompt": "Pokud nevidíte, koho hledáte, pošlete mu odkaz na pozvánku níže.",
+        "suggestions_section": "Nedávno kontaktovaní",
+        "to_room": "Pozvat do %(roomName)s",
+        "to_space": "Pozvat do %(spaceName)s",
+        "transfer_dial_pad_tab": "Číselník",
+        "transfer_user_directory_tab": "Adresář uživatelů",
+        "unable_find_profiles_description_default": "Nepovedlo se najít profily následujících Matrix ID - chcete je stejně pozvat?",
+        "unable_find_profiles_invite_label_default": "Stejně je pozvat",
+        "unable_find_profiles_invite_never_warn_label_default": "Stejně je pozvat a nikdy mě nevarujte znovu",
+        "unable_find_profiles_title": "Následující uživatel možná neexistuje",
+        "unban_first_title": "Uživatel nemůže být pozván, dokud nebude jeho vykázání zrušeno"
+    },
+    "inviting_user1_and_user2": "Pozvání %(user1)s a %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Pozvání %(user)s a 1 dalšího",
+        "other": "Pozvání %(user)s a %(count)s dalších"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> a %(count)s další",
+        "one": "<Items/> a jeden další"
+    },
+    "keyboard": {
+        "activate_button": "Aktivovat označené tlačítko",
+        "alt": "Alt",
+        "autocomplete_cancel": "Zrušit automatické doplňování",
+        "autocomplete_force": "Vynucené dokončování",
+        "autocomplete_navigate_next": "Následující návrh automatického dokončování",
+        "autocomplete_navigate_prev": "Předchozí návrh automatického dokončování",
+        "backspace": "Backspace",
+        "cancel_reply": "Zrušení odpovědi na zprávu",
+        "category_autocomplete": "Automatické doplňování",
+        "category_calls": "Hovory",
+        "category_navigation": "Navigace",
+        "category_room_list": "Seznam místností",
+        "close_dialog_menu": "Zavřít dialog nebo kontextové menu",
+        "composer_jump_end": "Přejít na konec editoru",
+        "composer_jump_start": "Přejít na začátek editoru",
+        "composer_navigate_next_history": "Přejít na následující zprávu v historii editoru",
+        "composer_navigate_prev_history": "Přejít na předchozí zprávu v historii editoru",
+        "composer_new_line": "Nový řádek",
+        "composer_redo": "Obnovit úpravy",
+        "composer_toggle_bold": "Tučné písmo",
+        "composer_toggle_code_block": "Blok kódu",
+        "composer_toggle_italics": "Kurzíva",
+        "composer_toggle_link": "Odkaz",
+        "composer_toggle_quote": "Citace",
+        "composer_undo": "Zrušit úpravy",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Zavřít značku přečtených zpráv a přejít dolů",
+        "end": "End",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Přejít na domovské zobrazení",
+        "home": "Domov",
+        "jump_first_message": "Přejít na první zprávu",
+        "jump_last_message": "Přejít na poslední zprávu",
+        "jump_room_search": "Přejít na vyhledávání místností",
+        "jump_to_read_marker": "Přejít na nejstarší nepřečtenou zprávu",
+        "keyboard_shortcuts_tab": "Otevřít tuto kartu nastavení",
+        "navigate_next_history": "Další nedávno navštívená místnost nebo prostor",
+        "navigate_next_message_edit": "Přejít na následující zprávu, kterou chcete upravit",
+        "navigate_prev_history": "Předchozí nedávno navštívená místnost nebo prostor",
+        "navigate_prev_message_edit": "Přejít na předchozí zprávu, kterou chcete upravit",
+        "next_landmark": "Přejít na další orientační bod",
+        "next_room": "Následující místnost nebo přímá zpráva",
+        "next_unread_room": "Následující nepřečtená místnost nebo přímá zpráva",
+        "number": "[číslo]",
+        "open_user_settings": "Otevřít nastavení uživatele",
+        "page_down": "O stránku dolů",
+        "page_up": "Stránka nahoru",
+        "prev_landmark": "Přejít na předchozí orientační bod",
+        "prev_room": "Předchozí místnost nebo přímá zpráva",
+        "prev_unread_room": "Předchozí nepřečtená místnost nebo přímá zpráva",
+        "room_list_collapse_section": "Sbalit seznam místností",
+        "room_list_expand_section": "Rozbalit seznam místností",
+        "room_list_navigate_down": "Přejít dolů v seznamu místností",
+        "room_list_navigate_up": "Přejít nahoru v seznamu místností",
+        "room_list_select_room": "Vybrat místnost v seznamu",
+        "save": "Uložit",
+        "scroll_down_timeline": "Posunout se na časové ose dolů",
+        "scroll_up_timeline": "Posunout se na časové ose nahoru",
+        "search": "Hledat (musí být povoleno)",
+        "send_sticker": "Odeslat nálepku",
+        "shift": "Shift",
+        "space": "Prostor",
+        "switch_to_space": "Přepnout do prostoru podle čísla",
+        "toggle_hidden_events": "Přepnout viditelnost skryté události",
+        "toggle_microphone_mute": "Ztlumit nebo zapnout mikrofon",
+        "toggle_right_panel": "Zobrazit/skrýt pravý panel",
+        "toggle_space_panel": "Zobrazit/skrýt panel prostoru",
+        "toggle_top_left_menu": "Zobrazit/skrýt menu vlevo nahoře",
+        "toggle_webcam_mute": "Zapnout/vypnout webovou kameru",
+        "upload_file": "Nahrát soubor"
+    },
+    "labs": {
+        "ask_to_join": "Umožnit požádat o vstup",
+        "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í.",
+        "beta_feedback_title": "Zpětná vazba beta funkce %(featureName)s",
+        "beta_section": "Připravované funkce",
+        "bridge_state": "Zobrazovat v nastavení místnosti informace o propojeních",
+        "bridge_state_channel": "Kanál: <channelLink/>",
+        "bridge_state_creator": "Toto propojení poskytuje <user />.",
+        "bridge_state_manager": "Toto propojení spravuje <user />.",
+        "bridge_state_workspace": "Pracovní oblast: <networkLink/>",
+        "click_for_info": "Klikněte pro více informací",
+        "config_only": "Lze povolit pouze přes config.json.",
+        "currently_experimental": "V současnosti experimentální.",
+        "custom_themes": "Umožnit přidání vlastního vzhledu",
+        "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>.",
+        "experimental_section": "Předběžné ukázky",
+        "extended_profiles_msc_support": "Vyžaduje, aby váš server podporoval MSC4133",
+        "feature_disable_call_per_sender_encryption": "Zakázat šifrování podle odesílatele pro Element Call",
+        "feature_user_status": {
+            "description": "Umožňuje zobrazit a nastavit aktuální stav.",
+            "display_name": "Stav uživatele",
+            "required_msc_support": "Vyžaduje MSC4429 (aktualizace profilu pro starší synchronizaci)"
+        },
+        "feature_wysiwyg_composer_description": "V editoru zpráv použít formátovaný text namísto Markdown.",
+        "group_developer": "Pro vývojáře",
+        "group_encryption": "Šifrování",
+        "group_experimental": "Experimentální",
+        "group_messaging": "Zprávy",
+        "group_moderation": "Moderování",
+        "group_profile": "Profil",
+        "group_rooms": "Místnosti",
+        "group_spaces": "Prostory",
+        "group_themes": "Motivy vzhledu",
+        "group_threads": "Vlákna",
+        "group_ui": "Uživatelské rozhraní",
+        "group_voip": "Zvuk a video",
+        "group_widgets": "Widgety",
+        "hidebold": "Skrýt tečku oznámení (zobrazit pouze odznaky čítačů)",
+        "join_beta": "Připojit se k beta verzi",
+        "join_beta_reload": "Po připojení k betě se %(brand)s znovu načte.",
+        "jump_to_date": "Přejít na datum (přidá /jumptodate a umožní přejít na záhlaví data)",
+        "jump_to_date_msc_support": "Vyžaduje, aby váš server podporoval MSC3030",
+        "latex_maths": "Ve zprávách vykreslit matematické výrazy LaTeXu",
+        "leave_beta": "Opustit beta verzi",
+        "leave_beta_reload": "Po opuštění beta verze se %(brand)s znovu načte.",
+        "location_share_live": "Sdílení polohy živě",
+        "location_share_live_description": "Dočasná implementace. Polohy zůstanou v historii místností.",
+        "login_with_qr": "Přihlásit se pomocí QR kódu",
+        "mjolnir": "Nové způsoby ignorování lidí",
+        "msc3531_hide_messages_pending_moderation": "Umožnit moderátorům skrývat zprávy čekající na moderaci.",
+        "notification_settings": "Nová nastavení oznámení",
+        "notification_settings_beta_caption": "Představujeme jednodušší způsob, jak změnit nastavení oznámení. Přizpůsobte svůj %(brand)s přesně tak, jak se vám líbí.",
+        "notification_settings_beta_title": "Nastavení oznámení",
+        "notifications": "Zapnout panel oznámení v záhlaví místnosti",
+        "render_reaction_images": "Vykreslování vlastních obrázků v reakcích",
+        "render_reaction_images_description": "Někdy se označují jako \"vlastní emoji\".",
+        "sliding_sync": "Režim klouzavé synchronizace",
+        "sliding_sync_description": "V aktivním vývoji, nelze zakázat.",
+        "sliding_sync_disabled_notice": "Pro deaktivaci se znovu přihlaste",
+        "sliding_sync_server_no_support": "Váš server nemá podporu",
+        "unrealiable_e2e": "Nespolehlivé v šifrovaných místnostech",
+        "video_rooms": "Video místnosti",
+        "video_rooms_a_new_way_to_chat": "Nový způsob hlasového a video hovoru v aplikaci %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Video místnosti jsou vždy zapnuté VoIP kanály vložené do místnosti v aplikaci %(brand)s.",
+        "video_rooms_beta": "Video místnosti jsou beta funkce",
+        "video_rooms_faq1_answer": "Použijte tlačítko \"+\" v sekci místnosti na levém panelu.",
+        "video_rooms_faq1_question": "Jak mohu vytvořit video místnost?",
+        "video_rooms_faq2_answer": "Ano, časová osa chatu se zobrazuje vedle videa.",
+        "video_rooms_faq2_question": "Mohu vedle videohovoru používat i textový chat?",
+        "video_rooms_feedbackSubheading": "Děkujeme, že jste vyzkoušeli beta verzi, a prosíme vás o co nejpodrobnější informace, abychom ji mohli vylepšit.",
+        "wysiwyg_composer": "Editor formátovaného textu"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Tato nastavení jsou pro pokročilé uživatele.",
+        "ban_reason": "Ignorováno/Blokováno",
+        "error_adding_ignore": "Chyba při přidávání ignorovaného uživatele/serveru",
+        "error_adding_list_description": "Ověřte prosím, že ID místnosti je správné a zkuste to znovu.",
+        "error_adding_list_title": "Nepovedlo se přihlásit odběr",
+        "error_removing_ignore": "Ignorovaný uživatel/server nejde odebrat",
+        "error_removing_list_description": "Zkuste to prosím znovu a nebo se podívejte na detailní chybu do konzole.",
+        "error_removing_list_title": "Nepovedlo se zrušit odběr",
+        "explainer_1": "Sem přídejte servery a uživatele, které chcete ignorovat. Hvězdička pro %(brand)s zastupuje libovolný počet kterýchkoliv znaků. Např. <code>@bot:*</code> bude ignorovat všechny uživatele se jménem „bot“ na kterémkoliv serveru.",
+        "explainer_2": "Lidé a servery jsou blokováni pomocí seznamů obsahující pravidla koho blokovat. Odebírání blokovacího seznamu znamená, že neuvidíte uživatele a servery na něm uvedené.",
+        "lists": "Odebíráte:",
+        "lists_description_1": "Odebíráním seznamu vykázaných uživatelů se přidáte do jeho místnosti!",
+        "lists_description_2": "Pokud to nechcete, tak prosím použijte jiný nástroj na blokování uživatelů.",
+        "lists_heading": "Odebírané seznamy",
+        "lists_new_label": "ID nebo adresa seznamu vykázaných",
+        "no_lists": "Neodebíráte žádné seznamy",
+        "personal_description": "Váš osobní seznam vykázaných obsahuje všechny uživatele/servery, od kterých osobně nechcete vidět zprávy. Po ignorování prvního uživatele/serveru se ve vašem seznamu místností objeví nová místnost s názvem \"%(myBanList)s\" - v této místnosti zůstaňte, aby seznam zákazů zůstal v platnosti.",
+        "personal_empty": "Nikoho neignorujete.",
+        "personal_heading": "Osobní seznam vykázání",
+        "personal_new_label": "Server nebo ID uživatele",
+        "personal_new_placeholder": "např.: @bot:* nebo example.org",
+        "personal_section": "Ignorujete:",
+        "room_name": "Můj seznam vykázaných",
+        "room_topic": "Toto je váš seznam blokovaných uživatelů/serverů - neopouštějte tuto místnost!",
+        "rules_empty": "Žádné",
+        "rules_server": "Pravidla serveru",
+        "rules_title": "Pravidla vykázání - %(roomName)s",
+        "rules_user": "Pravidla uživatele",
+        "something_went_wrong": "Něco se nepovedlo. Zkuste pro prosím znovu nebo se podívejte na detaily do konzole.",
+        "title": "Ignorovaní uživatelé",
+        "view_rules": "Zobrazit pravidla"
+    },
+    "language_dropdown_label": "Menu jazyků",
+    "leave_room_dialog": {
+        "last_person_warning": "Jste zde jediná osoba. Pokud odejdete, nikdo se v budoucnu nebude moci připojit, včetně vás.",
+        "leave_room_question": "Opravdu chcete opustit místnost '%(roomName)s'?",
+        "leave_space_question": "Opravdu chcete opustit prostor '%(spaceName)s'?",
+        "room_leave_admin_warning": "V této místnosti jste jediný správce. Pokud odejdete, nikdo nebude moci měnit nastavení místnosti ani provádět jiné důležité akce.",
+        "room_leave_mod_warning": "V této místnosti jste jediný moderátor. Pokud odejdete, nikdo nebude moci měnit nastavení místnosti ani provádět jiné důležité akce.",
+        "room_rejoin_warning": "Tato místnost není veřejná. Bez pozvánky nebudete moci znovu vstoupit.",
+        "space_rejoin_warning": "Tento prostor není veřejný. Bez pozvánky se nebudete moci znovu připojit."
+    },
+    "lightbox": {
+        "rotate_left": "Otočit doleva",
+        "rotate_right": "Otočit doprava",
+        "title": "Zobrazení obrázku"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Tento domovský server není nakonfigurován pro zobrazování map.",
+        "MapStyleUrlNotReachable": "Tento domovský server není správně nakonfigurován pro zobrazování map nebo je mapový server nedostupný.",
+        "WebGLNotEnabled": "Pro zobrazení map je vyžadována technologie WebGL, povolte ji v nastavení prohlížeče.",
+        "click_drop_pin": "Kliknutím umístíte špendlík",
+        "click_move_pin": "Kliknutím přesunete špendlík",
+        "close_sidebar": "Zavřít postranní panel",
+        "error_fetch_location": "Nepodařilo se zjistit polohu",
+        "error_no_perms_description": "Ke sdílení polohy v této místnosti musíte mít správná oprávnění.",
+        "error_no_perms_title": "Nemáte oprávnění ke sdílení polohy",
+        "error_send_description": "%(brand)s nemohl odeslat vaši polohu. Zkuste to prosím později.",
+        "error_send_title": "Vaši polohu se nepodařilo odeslat",
+        "error_sharing_live_location": "Při sdílení vaší polohy živě došlo k chybě",
+        "error_stopping_live_location": "Při ukončování sdílení polohy živě došlo k chybě",
+        "expand_map": "Rozbalit mapu",
+        "failed_generic": "Nepodařilo se zjistit vaši polohu. Zkuste to prosím později.",
+        "failed_load_map": "Nelze načíst mapu",
+        "failed_permission": "Aplikaci %(brand)s bylo odepřeno oprávnění ke zjištění vaší polohy. Povolte prosím přístup k poloze v nastavení prohlížeče.",
+        "failed_timeout": "Pokus o zjištění vaší polohy vypršel. Zkuste to prosím později.",
+        "failed_unknown": "Neznámá chyba při zjištění polohy. Zkuste to prosím později.",
+        "find_my_location": "Najít mou polohu",
+        "live_description": "Poloha %(displayName)s živě",
+        "live_enable_description": "Upozornění: jedná se o experimentální funkci s dočasnou implementací. To znamená, že nebudete moci odstranit historii své polohy a pokročilí uživatelé budou moci vidět historii vaší polohy i poté, co přestanete sdílet svou polohu živě v této místnosti.",
+        "live_enable_heading": "Sdílení polohy živě",
+        "live_location_active": "Sdílíte svoji polohu živě",
+        "live_location_enabled": "Poloha živě povolena",
+        "live_location_ended": "Sdílení polohy živě skončilo",
+        "live_location_error": "Chyba polohy živě",
+        "live_locations_empty": "Žádné polohy živě",
+        "live_share_button": "Sdílet na %(duration)s",
+        "live_toggle_label": "Povolit sdílení polohy živě",
+        "live_until": "Živě do %(expiryTime)s",
+        "live_update_time": "Aktualizováno %(humanizedUpdateTime)s",
+        "loading_live_location": "Načítání polohy živě…",
+        "location_not_available": "Poloha není dostupná",
+        "map_feedback": "Zpětná vazba k mapě",
+        "mapbox_logo": "Logo mapy",
+        "reset_bearing": "Obnovení směru na sever",
+        "share_button": "Sdílet polohu",
+        "share_type_live": "Moje poloha živě",
+        "share_type_own": "Moje současná poloha",
+        "share_type_pin": "Zvolená poloha",
+        "share_type_prompt": "Jaký typ polohy chcete sdílet?",
+        "toggle_attribution": "Přepnout atribut"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s člen",
+            "few": "%(count)s členové",
+            "other": "%(count)s členů"
+        },
+        "filter_placeholder": "Najít člena místnosti",
+        "invite_button_no_perms_tooltip": "Nemáte oprávnění zvát uživatele",
+        "invited_label": "Pozván",
+        "list_title": "Seznam členů",
+        "no_matches": "Žádné shody"
+    },
+    "member_list_back_action_label": "Členové místnosti",
+    "message_edit_dialog_title": "Úpravy zpráv",
+    "migrating_crypto": "Vydržte. Aktualizujeme %(brand)s, aby bylo šifrování rychlejší a spolehlivější.",
+    "mobile_guide": {
+        "toast_accept": "Použijte aplikaci",
+        "toast_description": "%(brand)s je experimentální v mobilním webovém prohlížeči. Chcete-li získat lepší zážitek a nejnovější funkce, použijte naši bezplatnou nativní aplikaci.",
+        "toast_title": "Pro lepší zážitek použijte aplikaci"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Žádné další výsledky",
+    "notif_panel": {
+        "empty_description": "Nejsou dostupná žádná oznámení.",
+        "empty_heading": "Vše je vyřešeno"
+    },
+    "notifications": {
+        "all_messages": "Všechny zprávy",
+        "all_messages_description": "Dostávat oznámení o každé zprávě",
+        "class_global": "Globální",
+        "class_other": "Další možnosti",
+        "default": "Výchozí",
+        "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í",
+        "enable_prompt_toast_title_from_message_send": "Nezmeškejte odpovědět",
+        "error_change_title": "Upravit nastavení oznámení",
+        "keyword": "Klíčové slovo",
+        "keyword_new": "Nové klíčové slovo",
+        "level_activity": "Aktivita",
+        "level_highlight": "Zvýraznit",
+        "level_muted": "Ztišeno",
+        "level_none": "Žádné",
+        "level_notification": "Oznámení",
+        "level_unsent": "Neodeslané",
+        "mark_all_read": "Označit vše jako přečtené",
+        "mentions_and_keywords": "@zmínky a klíčová slova",
+        "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í"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s žádá o ověření"
+    },
+    "onboarding": {
+        "create_room": "Vytvořit skupinový chat",
+        "explore_rooms": "Prozkoumat veřejné místnosti",
+        "has_avatar_label": "Skvělé, to pomůže lidem zjistit, že jste to vy",
+        "intro_byline": "Vlastněte svoje konverzace.",
+        "intro_welcome": "Vítá vás %(appName)s",
+        "no_avatar_label": "Přidejte fotku, aby lidé věděli, že jste to vy.",
+        "send_dm": "Poslat přímou zprávu",
+        "welcome_detail": "Nyní vám pomůžeme začít",
+        "welcome_user": "Vítejte %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Zpráva v %(room)s",
+        "permalink_this_room": "Zpráva od %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Vytvořit hlasování",
+        "create_poll_title": "Vytvořit hlasování",
+        "disclosed_notes": "Hlasující uvidí výsledky ihned po hlasování",
+        "edit_poll_title": "Upravit hlasování",
+        "end_description": "Chcete ukončit toto hlasování? Zobrazí se konečné výsledky hlasování a lidé nebudou moci dále hlasovat.",
+        "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.",
+        "error_voting_title": "Hlasování není registrováno",
+        "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…",
+        "total_decryption_errors": "Kvůli chybám v dešifrování nemusí být některé hlasy započítány",
+        "total_n_votes": {
+            "other": "%(count)s hlasů. Hlasujte a podívejte se na výsledky",
+            "one": "%(count)s hlas. Hlasujte a podívejte se na výsledky"
+        },
+        "total_n_votes_voted": {
+            "one": "Na základě %(count)s hlasu",
+            "other": "Na základě %(count)s hlasů"
+        },
+        "total_no_votes": "Nikdo nehlasoval",
+        "total_not_ended": "Výsledky se zobrazí po ukončení hlasování",
+        "type_closed": "Uzavřené hlasování",
+        "type_heading": "Typ hlasování",
+        "type_open": "Otevřené hlasování",
+        "unable_edit_description": "Je nám líto, ale po odevzdání hlasů nelze hlasování upravovat.",
+        "unable_edit_title": "Nelze upravit hlasování"
+    },
+    "power_level": {
+        "admin": "Správce",
+        "creator": "Vlastník",
+        "custom": "Vlastní (%(level)s)",
+        "custom_level": "Vlastní úroveň",
+        "default": "Výchozí",
+        "label": "Úroveň oprávnění",
+        "moderator": "Moderátor",
+        "restricted": "Omezené"
+    },
+    "powered_by_matrix": "Běží na Matrixu",
+    "presence": {
+        "away": "Pryč",
+        "busy": "Zaneprázdněný",
+        "idle": "Nečinný/á",
+        "idle_for": "Nečinný po dobu %(duration)s",
+        "offline": "Offline",
+        "offline_for": "Offline po dobu %(duration)s",
+        "online": "Online",
+        "online_for": "Online po dobu %(duration)s",
+        "unknown": "Neznámý",
+        "unknown_for": "Neznámý po dobu %(duration)s",
+        "unreachable": "Server uživatele je nedostupný"
+    },
+    "quick_settings": {
+        "all_settings": "Všechna nastavení",
+        "sidebar_settings": "Více možností",
+        "title": "Rychlá nastavení"
+    },
+    "quit_warning": {
+        "call_in_progress": "Zřejmě máte probíhající hovor. Chcete přesto odejít?",
+        "file_upload_in_progress": "Zřejmě právě nahráváte soubory. Chcete přesto odejít?"
+    },
+    "redact": {
+        "confirm_button": "Potvrdit odstranění",
+        "confirm_description": "Opravdu chcete tuto událost odstranit (smazat)?",
+        "confirm_description_state": "Upozorňujeme, že odstranění takových změn v místnosti by mohlo vést ke zrušení změny.",
+        "error": "Tuto zprávu nemůžete smazat. (%(code)s)",
+        "ongoing": "Odstaňování…",
+        "reason_label": "Důvod (volitelné)"
+    },
+    "remove_section_dialog": {
+        "confirmation": "Opravdu chcete tuto sekci odstranit?",
+        "description": "Chaty v této sekci budou stále dostupné ve vašem seznamu chatů.",
+        "remove_section": "Odstranit sekci",
+        "title": "Odstranit sekci?"
+    },
+    "report_content": {
+        "description": "Nahlášení této zprávy pošle její jedinečné 'event ID' správci vašeho domovského serveru. Pokud jsou zprávy šifrované, správce nebude mít možnost přečíst text zprávy ani se podívat na soubory nebo obrázky.",
+        "hide_messages_from_user": "Zaškrtněte, pokud chcete skrýt všechny aktuální a budoucí zprávy od tohoto uživatele.",
+        "ignore_user": "Ignorovat uživatele",
+        "missing_reason": "Vyplňte prosím co chcete nahlásit.",
+        "report_content_to_homeserver": "Nahlásit obsah správci vašeho domovského serveru"
+    },
+    "report_room": {
+        "description": "Nahlaste tuto místnost svému poskytovateli účtu. Pokud jsou zprávy zašifrované, váš administrátor je nebude moci číst.",
+        "reason_label": "Popište důvod"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Nepovedlo se rozšifrovat %(failedCount)s sezení!",
+        "count_of_successfully_restored_keys": "Úspěšně obnoveno %(sessionCount)s klíčů",
+        "enter_key_description": "Získejte přístup k historii zabezpečených zpráv a nastavte zabezpečené zasílání zpráv zadáním klíče pro obnovení.",
+        "enter_key_title": "Zadejte klíč pro obnovení",
+        "enter_phrase_description": "Vstupte do historie zabezpečených zpráv a nastavte zabezpečené zprávy zadáním bezpečnostní fráze.",
+        "enter_phrase_title": "Zadejte bezpečnostní frázi",
+        "incorrect_security_phrase_dialog": "Zálohu nebylo možné dešifrovat pomocí této bezpečnostní fráze: ověřte, zda jste zadali správnou bezpečnostní frázi.",
+        "incorrect_security_phrase_title": "Nesprávná bezpečnostní fráze",
+        "key_backup_warning": "<b>Uporoznění</b>: záloha by měla být prováděna na důvěryhodném počítači.",
+        "key_fetch_in_progress": "Načítání klíčů ze serveru…",
+        "key_forgotten_text": "Pokud jste zapomněli klíč pro obnovení, můžete <button>nastavit nové možnosti obnovení</button>",
+        "key_is_invalid": "Neplatný klíč pro obnovení",
+        "key_is_valid": "Vypadá to jako platný klíč pro obnovení!",
+        "keys_restored_title": "Klíče byly obnoveny",
+        "load_error_content": "Nepovedlo se načíst stav zálohy",
+        "load_keys_progress": "Obnoveno %(completed)s z %(total)s klíčů",
+        "no_backup_error": "Nenalezli jsme žádnou zálohu!",
+        "phrase_forgotten_text": "Pokud jste zapomněli bezpečnostní frázi, můžete <button1>použít klíč pro obnovení</button1> nebo <button2>nastavit nové možnosti obnovení</button2>",
+        "recovery_key_mismatch_description": "Zálohu se nepodařilo dešifrovat pomocí tohoto klíče pro obnovení: ověřte, zda jste zadali správný klíč pro obnovení.",
+        "recovery_key_mismatch_title": "Neshoda klíče pro obnovení",
+        "restore_failed_error": "Nepovedlo se obnovit ze zálohy"
+    },
+    "right_panel": {
+        "add_integrations": "Přidejte rozšíření",
+        "add_topic": "Přidat téma",
+        "extensions_button": "Rozšíření",
+        "extensions_empty_description": "Vyberte \"%(addIntegrations)s\" pro procházení a přidávání rozšíření do této místnosti",
+        "extensions_empty_title": "Zvyšte produktivitu pomocí více nástrojů, widgetů a robotů",
+        "files_button": "Soubory",
+        "pinned_messages": {
+            "empty_description": "Vyberte zprávu a zvolte \"%(pinAction)s\", abyste ji sem zahrnuli.",
+            "empty_title": "Připněte důležité zprávy, aby je bylo možné snadno najít",
+            "header": {
+                "one": "1 Připnutá zpráva",
+                "few": "%(count)s Připnuté zprávy",
+                "other": "%(count)s Připnutých zpráv"
+            },
+            "limits": {
+                "other": "Můžete připnout až %(count)s widgetů"
+            },
+            "menu": "Otevřít menu",
+            "reply_thread": "Odpověď na <link>vlákno zprávy</link>",
+            "unpin_all": {
+                "button": "Odepnout všechny zprávy",
+                "content": "Ujistěte se, že opravdu chcete odstranit všechny připnuté zprávy. Tuto akci nelze vrátit zpět.",
+                "title": "Odepnout všechny zprávy?"
+            },
+            "view": "Zobrazit na časové ose"
+        },
+        "pinned_messages_button": "Připnuté zprávy",
+        "poll": {
+            "active_heading": "Aktivní hlasování",
+            "empty_active": "V této místnosti nejsou žádná aktivní hlasování",
+            "empty_active_load_more": "Nejsou zde žádná aktivní hlasování. Pro zobrazení hlasování z předchozích měsíců načtěte další hlasování",
+            "empty_active_load_more_n_days": {
+                "one": "Za poslední den nejsou k dispozici žádná aktivní hlasování. Pro zobrazení hlasování z předchozích měsíců načtěte další hlasování",
+                "other": "Za posledních %(count)s dní nejsou žádná aktivní hlasování. Pro zobrazení hlasování z předchozích měsíců načtěte další hlasování"
+            },
+            "empty_past": "V této místnosti nejsou žádná minulá hlasování",
+            "empty_past_load_more": "Nejsou k dispozici žádná minulá hlasování. Pro zobrazení hlasování z předchozích měsíců načtěte další hlasování",
+            "empty_past_load_more_n_days": {
+                "one": "Za uplynulý den nejsou k dispozici žádná hlasování. Pro zobrazení hlasování z předchozích měsíců načtěte další hlasování",
+                "other": "Za posledních %(count)s dní nejsou k dispozici žádná minulá hlasování. Pro zobrazení hlasování z předchozích měsíců načtěte další hlasování"
+            },
+            "final_result": {
+                "one": "Konečný výsledek na základě %(count)s hlasu",
+                "other": "Konečný výsledek na základě %(count)s hlasů"
+            },
+            "load_more": "Načíst další hlasování",
+            "loading": "Načítání hlasování",
+            "past_heading": "Minulá hlasování",
+            "view_in_timeline": "Zobrazit hlasování na časové ose",
+            "view_poll": "Zobrazit hlasování"
+        },
+        "polls_button": "Hlasování",
+        "room_summary_card": {
+            "title": "Informace o místnosti"
+        },
+        "thread_list": {
+            "context_menu_label": "Možnosti vláken"
+        },
+        "video_room_chat": {
+            "title": "Chatovat"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Tato pozvánka byla odeslána na adresu %(email)s, která není spojena s vaším účtem",
+        "3pid_invite_email_not_found_account_room": "Pozvánka do místnosti %(roomName)s byla poslána na adresu %(email)s, která není k tomuto účtu přidána",
+        "3pid_invite_error_description": "Při pokusu o ověření vaší pozvánky byla vrácena chyba (%(errcode)s). Tuto informaci můžete zkusit předat osobě, která vás pozvala.",
+        "3pid_invite_error_invite_action": "Stejně se pokusit vstoupit",
+        "3pid_invite_error_invite_subtitle": "Vstoupit můžete jen s funkční pozvánkou.",
+        "3pid_invite_error_public_subtitle": "Zde se můžete stále připojit.",
+        "3pid_invite_error_title": "Něco se pokazilo s vaší pozvánkou.",
+        "3pid_invite_error_title_room": "S vaší pozvánkou do místnosti %(roomName)s se něco pokazilo",
+        "3pid_invite_no_is_subtitle": "Používat server identit z nastavení k přijímání pozvánek přímo v %(brand)su.",
+        "banned_by": "Byl(a) jsi vykázán(a) uživatelem %(memberName)s",
+        "banned_from_room_by": "%(memberName)s vás vykázal(a) z místnosti %(roomName)s",
+        "context_menu": {
+            "copy_link": "Kopírovat odkaz",
+            "favourite": "Oblíbené",
+            "forget": "Zapomenout místnost",
+            "low_priority": "Nízká priorita",
+            "mark_read": "Označit jako přečtené",
+            "mark_unread": "Označit jako nepřečtené",
+            "notifications_default": "Odpovídá výchozímu nastavení",
+            "notifications_mute": "Ztlumit místnost",
+            "title": "Možnosti místnosti",
+            "unfavourite": "Oblíbené"
+        },
+        "creating_room_text": "Vytváříme místnost s %(names)s",
+        "dm_invite_action": "Zahájit konverzaci",
+        "dm_invite_subtitle": "<userName/> si chce psát",
+        "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_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í.",
+        "error_join_404_2": "Pokud znáte adresu místnosti, zkuste se pomocí ní připojit.",
+        "error_join_404_invite": "Osoba, která vás pozvala, již odešla nebo je její server offline.",
+        "error_join_404_invite_same_hs": "Osoba, která vás pozvala, již odešla.",
+        "error_join_connection": "Došlo k chybě při připojování.",
+        "error_join_incompatible_version_1": "Omlouváme se, ale váš domovský server je příliš zastaralý na to, aby se zde mohl účastnit.",
+        "error_join_incompatible_version_2": "Kontaktujte prosím správce domovského serveru.",
+        "error_join_title": "Nepodařilo se připojit",
+        "error_join_unknown": "Došlo k neznámé chybě.",
+        "error_jump_to_date": "Server vrátil %(statusCode)s s kódem chyby %(errorCode)s",
+        "error_jump_to_date_connection": "Při pokusu o vyhledání a přechod na zadané datum došlo k chybě sítě. Váš domovský server může být nefunkční nebo došlo jen k dočasnému problému s internetovým připojením. Zkuste to prosím znovu. Pokud tento problém přetrvává, obraťte se na správce domovského serveru.",
+        "error_jump_to_date_details": "Podrobnosti o chybě",
+        "error_jump_to_date_not_found": "Nepodařilo se nám najít událost od data %(dateString)s. Zkuste zvolit dřívější datum.",
+        "error_jump_to_date_send_logs_prompt": "Odešlete prosím <debugLogsLink>ladící záznamy</debugLogsLink>, abyste nám pomohli problém najít.",
+        "error_jump_to_date_title": "Nelze najít událost k danému datu",
+        "face_pile_summary": {
+            "one": "%(count)s osoba, kterou znáte, se již připojila",
+            "other": "%(count)s lidí, které znáte, se již připojili"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Zobrazit jednoho člena",
+            "other": "Zobrazit všech %(count)s členů"
+        },
+        "face_pile_tooltip_shortcut": "Včetně %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Včetně vás, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Nelze určit, kterého uživatele ignorovat, protože se změnila událost člena.",
+        "failed_reject_invite": "Nepodařilo se odmítnout pozvánku",
+        "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á",
+            "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é",
+        "header_untrusted_label": "Nedůvěryhodné",
+        "inaccessible": "Tato místnost nebo prostor není v tuto chvíli přístupná.",
+        "inaccessible_name": "Místnost %(roomName)s není v tuto chvíli dostupná.",
+        "inaccessible_subtitle_1": "Zkuste to později nebo požádejte správce místnosti či prostoru, aby zkontroloval, zda máte přístup.",
+        "inaccessible_subtitle_2": "Při pokusu o přístup do místnosti nebo prostoru bylo vráceno %(errcode)s. Pokud si myslíte, že se vám tato zpráva zobrazuje chybně, pošlete prosím <issueLink>hlášení o chybě</issueLink>.",
+        "intro": {
+            "display_topic": "Téma: <topic/>",
+            "dm_caption": "V této konverzaci jste pouze vy dva, dokud někdo z vás nepozve někoho dalšího.",
+            "edit_topic": "Téma: <topic/> (<a>upravit</a>)",
+            "enable_encryption_prompt": "Povolte šifrování v nastavení.",
+            "encrypted_3pid_dm_pending_join": "Jakmile se všichni připojí, budete moci konverzovat",
+            "no_avatar_label": "Přidejte fotografii, aby lidé mohli snadno najít váši místnost.",
+            "no_topic": "<a>Přidejte téma</a>, aby lidé věděli, o co jde.",
+            "private_unencrypted_warning": "Vaše soukromé zprávy jsou obvykle šifrované, ale tato místnost není. To je zpravidla způsobeno nepodporovaným zařízením nebo použitou metodou, například e-mailovými pozvánkami.",
+            "room_invite": "Pozvat jen do této místnosti",
+            "send_message_start_dm": "Odesláním první zprávy pozvete <displayName/> do chatu",
+            "start_of_dm_history": "Toto je začátek historie vašich přímých zpráv s uživatelem <displayName />.",
+            "start_of_room": "Toto je začátek místnosti <roomName/>.",
+            "unencrypted_warning": "Koncové šifrování není povoleno",
+            "user_created": "%(displayName)s vytvořil tuto místnost.",
+            "you_created": "Vytvořili jste tuto místnost."
+        },
+        "invite_email_mismatch_suggestion": "Sdílet tento e-mail v nastavení, abyste mohli dostávat pozvánky přímo v %(brand)su.",
+        "invite_sent_to_email": "Tato pozvánka byla odeslána na adresu %(email)s",
+        "invite_sent_to_email_room": "Pozvánka do %(roomName)s byla odeslána na adresu %(email)s",
+        "invite_subtitle": "Pozván od <userName/>",
+        "invite_this_room": "Pozvat do této místnosti",
+        "invite_title": "Chcete vstoupit do místnosti %(roomName)s?",
+        "inviter_unknown": "Neznámý",
+        "invites_you_text": "<inviter/> vás zve",
+        "join_button_account": "Zaregistrovat se",
+        "join_failed_needs_invite": "Pro zobrazení %(roomName)s potřebujete pozvánku",
+        "join_the_discussion": "Zapojit se do diskuze",
+        "join_title": "Připojte se k místnosti a zúčastněte se",
+        "join_title_account": "Připojte se ke konverzaci s účtem",
+        "joining": "Připojování…",
+        "joining_room": "Vstupování do místnosti…",
+        "joining_space": "Připojování k prostoru…",
+        "jump_read_marker": "Přejít na první nepřečtenou zprávu.",
+        "jump_to_bottom_button": "Přejít na poslední zprávy",
+        "kick_reason": "Důvod: %(reason)s",
+        "kicked_by": "%(memberName)s vás odebral(a)",
+        "kicked_from_room_by": "Byl(a) jsi odebrán(a) z %(roomName)s uživatelem %(memberName)s",
+        "knock_cancel_action": "Zrušit žádost",
+        "knock_denied_subtitle": "Protože vám byl odepřen přístup, nemůžete se znovu připojit, pokud vás nepozve správce nebo moderátor skupiny.",
+        "knock_denied_title": "Byl vám odepřen přístup",
+        "knock_message_field_placeholder": "Zpráva (nepovinné)",
+        "knock_prompt": "Požádat o vstup?",
+        "knock_prompt_name": "Požádat o vstup do %(roomName)s?",
+        "knock_send_action": "Žádost o přístup",
+        "knock_sent": "Žádost o vstup odeslána",
+        "knock_sent_subtitle": "Vaše žádost o vstup čeká na vyřízení.",
+        "knock_subtitle": "Abyste si mohli konverzaci prohlédnout nebo se jí zúčastnit, musíte mít do této místnosti povolen přístup. Žádost o vstup můžete zaslat níže.",
+        "leave_error_title": "Při opouštění místnosti došlo k chybě",
+        "leave_server_notices_description": "Tato místnost je určena pro důležité zprávy od domovského serveru, a proto ji nelze opustit.",
+        "leave_server_notices_title": "Místnost „Server Notices“ nelze opustit",
+        "leave_unexpected_error": "Neočekávaná chyba serveru při odcházení z místnosti",
+        "link_email_to_receive_3pid_invite": "Přidejte si tento e-mail k účtu v Nastavení, abyste dostávali pozvání přímo v %(brand)su.",
+        "loading_preview": "Načítání náhledu",
+        "no_peek_join_prompt": "%(roomName)s si nelze jen tak prohlížet. Chcete do ní vstoupit?",
+        "no_peek_no_name_join_prompt": "Není k dispozici žádný náhled, chcete se připojit?",
+        "not_found_subtitle": "Jste si jisti, že jste na správném místě?",
+        "not_found_title": "Tato místnost nebo prostor neexistuje.",
+        "not_found_title_name": "%(roomName)s neexistuje.",
+        "peek_join_prompt": "Nahlížíte do místnosti %(roomName)s. Chcete do ní vstoupit?",
+        "pinned_message_banner": {
+            "button_close_list": "Zavřít seznam",
+            "button_view_all": "Zobrazit vše",
+            "description": "Připnuté zprávy",
+            "go_to_newest_message": "Zobrazit připnutou zprávu na časové ose a nejnovější připnutou zprávu zde",
+            "go_to_next_message": "Zobrazit připnutou zprávu na časové ose a další nejstarší připnutou zprávu zde",
+            "title": "<bold>%(index)sz%(length)s</bold> Připnuté zprávy"
+        },
+        "read_topic": "Klikněte pro přečtení tématu",
+        "rejecting": "Odmítání pozvánky…",
+        "rejoin_button": "Znovu vstoupit",
+        "room_content": "Obsah místnosti",
+        "room_is_low_priority": "Toto je místnost s nízkou prioritou",
+        "search": {
+            "all_rooms_button": "Vyhledávat ve všech místnostech",
+            "placeholder": "Hledat zprávy…",
+            "summary": {
+                "one": "1 výsledek nalezen pro “<query/>”",
+                "few": "%(count)s výsledky nalezeny pro “<query/>”",
+                "other": "%(count)s výsledků nalezeno pro “<query/>”"
+            },
+            "this_room_button": "Vyhledávat v této místnosti"
+        },
+        "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.",
+            "one": "Máte %(count)s nepřečtených oznámení v předchozí verzi této místnosti."
+        },
+        "upgrade_error_description": "Zkontrolujte, že váš server opravdu podporuje zvolenou verzi místnosti.",
+        "upgrade_error_title": "Chyba při aktualizaci místnosti",
+        "upgrade_warning_bar": "Aktualizace místnosti uzavře její aktuální verzi a vyrobí novou místnost se stejným názvem a novou verzí.",
+        "upgrade_warning_bar_admins": "Toto upozornění uvidí jen správci místnosti",
+        "upgrade_warning_bar_unstable": "Tato místnost běží na verzi <roomVersion />, což domovský server označuje za <i>nestabilní</i>.",
+        "upgrade_warning_bar_upgraded": "Tato místnost byla již aktualizována.",
+        "upload": {
+            "uploading_multiple_file": {
+                "zero": "Nahrávání souboru %(filename)s",
+                "one": "Nahrávání souboru %(filename)s a %(count)s dalších",
+                "other": "Nahrávání souboru %(filename)s a %(count)s dalších"
+            },
+            "uploading_single_file": "Nahrávání %(filename)s"
+        },
+        "video_room": "Tato místnost je video místnost",
+        "waiting_for_join_subtitle": "Jakmile se pozvaní uživatelé připojí k %(brand)s, budete moci chatovat a místnost bude koncově šifrovaná",
+        "waiting_for_join_title": "Čekání na připojení uživatelů k %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Přidat prostor",
+        "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",
+        "list_title": "Seznam místností",
+        "more_options": {
+            "leave_room": "Opustit místnost"
+        },
+        "notification_options": "Možnosti oznámení",
+        "section": {
+            "chats": "Chaty",
+            "favourites": "Oblíbené",
+            "low_priority": "Nízká priorita"
+        },
+        "show_less": "Zobrazit méně"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Rozhodněte, kdo může prohlížet a připojovat se k %(spaceName)s.",
+            "title": "Přístup"
+        },
+        "advanced": {
+            "error_upgrade_description": "Nepodařilo se dokončit aktualizaci místnosti",
+            "error_upgrade_title": "Nezdařilo se aktualizovat místnost",
+            "information_section_room": "Informace o místnosti",
+            "information_section_space": "Informace o prostoru",
+            "room_id": "Interní ID místnosti",
+            "room_predecessor": "Zobrazit starší zprávy v %(roomName)s.",
+            "room_upgrade_button": "Aktualizovat místnost na doporučenou verzi",
+            "room_upgrade_warning": "<b>Upozornění</b>: aktualizace místnosti <i>neprovádí automatickou migraci členů místnosti do nové verze místnosti.</i> Odkaz na novou místnost zveřejníme ve staré verzi místnosti - členové místnosti budou muset na tento odkaz kliknout, aby mohli vstoupit do nové místnosti.",
+            "room_version": "Verze místnosti:",
+            "room_version_section": "Verze místnosti",
+            "space_predecessor": "Zobrazit starší verzi %(spaceName)s.",
+            "space_upgrade_button": "Aktualizovat tento prostor na doporučenou verzi místnosti",
+            "unfederated": "Tato místnost není přístupná vzdáleným Matrix serverům",
+            "upgrade_button": "Aktualizace místnosti na verzi %(version)s",
+            "upgrade_dialog_description": "Aktualizace této místnosti vyžaduje uzavření stávající místnosti a vytvoření nové místnosti, která ji nahradí. Pro usnadnění procesu pro členy místnosti, provedeme:",
+            "upgrade_dialog_description_1": "Vznikne místnost se stejným názvem, popisem a avatarem",
+            "upgrade_dialog_description_2": "Aktualizujeme všechny lokální aliasy místnosti tak, aby ukazovaly na novou místnost",
+            "upgrade_dialog_description_3": "Přerušíme konverzace ve staré verzi místnosti a pošleme uživatelům zprávu o přechodu do nové mistnosti",
+            "upgrade_dialog_description_4": "Na začátek nové místnosti umístíme odkaz na starou místnost tak, aby uživatelé mohli vidět staré zprávy",
+            "upgrade_dialog_title": "Aktualizovat verzi místnosti",
+            "upgrade_dwarning_ialog_title_public": "Aktualizovat veřejnou místnost",
+            "upgrade_warning_dialog_description": "Upgradování místnosti je pokročilá operace a je doporučeno jí provést pokud je místnost nestabilní kvůli chybám, chybějícím funkcím nebo zranitelnostem.",
+            "upgrade_warning_dialog_explainer": "<b>Upozorňujeme, že aktualizací vznikne nová verze místnosti</b>. Všechny aktuální zprávy zůstanou v této archivované místnosti.",
+            "upgrade_warning_dialog_footer": "Místnost bude povýšena z verze <oldVersion /> na verzi <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Automaticky pozvat členy této místnosti do nové místnosti",
+            "upgrade_warning_dialog_report_bug_prompt": "Toto obvykle ovlivňuje pouze to, jak je místnost zpracována na serveru. Pokud máte problémy s %(brand)s, nahlaste prosím chybu.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Toto obvykle ovlivňuje pouze zpracovávání místnosti na serveru. Pokud máte problém s %(brand)sem, <a>nahlaste nám ho prosím</a>.",
+            "upgrade_warning_dialog_title": "Aktualizovat místnost",
+            "upgrade_warning_dialog_title_private": "Aktualizovat soukromou místnost"
+        },
+        "alias_not_specified": "neurčeno",
+        "bridges": {
+            "description": "Tato místnost je propojena s následujícími platformami. <a>Více informací</a>",
+            "empty": "Tato místnost nepropojuje zprávy s žádnou platformou. <a>Zjistit více.</a>",
+            "title": "Propojení"
+        },
+        "delete_avatar_label": "Smazat avatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Chybí oddělovač domény, např. (:domain.org)",
+            "alias_field_has_localpart_invalid": "Chybí název místnosti nebo oddělovač, např. (my-room:domain.org)",
+            "alias_field_matches_invalid": "Tato adresa neukazuje na tuto místnost",
+            "alias_field_placeholder_default": "např. moje-mistnost",
+            "alias_field_required_invalid": "Uveďte prosím adresu",
+            "alias_field_safe_localpart_invalid": "Nějaké znaky jsou zakázané",
+            "alias_field_taken_invalid": "Tato adresa měla neplatný server nebo je již používána",
+            "alias_field_taken_invalid_domain": "Tato adresa je již používána",
+            "alias_field_taken_valid": "Tato adresa je dostupná",
+            "alias_heading": "Adresa místnosti",
+            "aliases_items_label": "Další publikované adresy:",
+            "aliases_no_items_label": "Zatím žádné další publikované adresy, přidejte nějakou níže",
+            "aliases_section": "Adresy místnosti",
+            "avatar_field_label": "Avatar místnosti",
+            "canonical_alias_field_label": "Hlavní adresa",
+            "description_space": "Upravte nastavení týkající se vašeho prostoru.",
+            "error_creating_alias_description": "Při vytváření adresy došlo k chybě. Mohl to zakázat server, nebo mohlo dojít k dočasnému selhání.",
+            "error_creating_alias_title": "Chyba při tvorbě adresy",
+            "error_deleting_alias_description": "Při odstraňování adresy došlo k chybě. Adresa již nemusí ekzistovat, nebo mohlo dojít k dočasné chybě.",
+            "error_deleting_alias_description_forbidden": "Nemáte oprávnění adresu smazat.",
+            "error_deleting_alias_title": "Chyba při odstraňování adresy",
+            "error_publishing": "Místnost nelze publikovat",
+            "error_publishing_detail": "Při publikování této místnosti došlo k chybě",
+            "error_save_space_settings": "Nastavení prostoru se nepodařilo uložit.",
+            "error_updating_alias_description": "Nepovedlo se změnit alternativní adresy místnosti. Možná to server neumožňuje a nebo je to dočasná chyba.",
+            "error_updating_canonical_alias_description": "Nastala chyba při pokusu o nastavení hlavní adresy místnosti. Mohl to zakázat server, nebo to může být dočasná chyba.",
+            "error_updating_canonical_alias_title": "Nepovedlo se změnit hlavní adresu",
+            "leave_space": "Opustit prostor",
+            "local_alias_field_label": "Lokální adresa",
+            "local_aliases_explainer_room": "Nastavit adresy pro tuto místnost, aby uživatelé mohli místnost najít zkrze váš domovský server (%(localDomain)s)",
+            "local_aliases_explainer_space": "Nastavte adresy pro tento prostor, aby jej uživatelé mohli najít prostřednictvím domovského serveru (%(localDomain)s)",
+            "local_aliases_section": "Lokální Adresy",
+            "name_field_label": "Název místnosti",
+            "new_alias_placeholder": "Nové publikované adresy (například #alias:server)",
+            "no_aliases_room": "Tato místnost nemá žádné místní adresy",
+            "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.",
+            "published_aliases_section": "Publikovaná adresa",
+            "save": "Uložit změny",
+            "topic_field_label": "Téma místnosti"
+        },
+        "notifications": {
+            "browse_button": "Procházet",
+            "custom_sound_prompt": "Nastavit vlastní zvuk",
+            "notification_sound": "Zvuk oznámení",
+            "settings_link": "Dostávat oznámení podle <a>nastavení</a>",
+            "sounds_section": "Zvuky",
+            "upload_sound_label": "Nahrát vlastní zvuk",
+            "uploaded_sound": "Zvuk nahrán"
+        },
+        "people": {
+            "knock_empty": "Žádné žádosti",
+            "knock_section": "Žádá se o vstup",
+            "see_less": "Zobrazit méně",
+            "see_more": "Zobrazit více"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Přidělit jednomu nebo více uživatelům v této místnosti více oprávnění",
+            "add_privileged_user_filter_placeholder": "Hledání uživatelů v této místnosti…",
+            "add_privileged_user_heading": "Přidat oprávněné uživatele",
+            "ban": "Vykázat uživatele",
+            "ban_reason": "Důvod",
+            "banned_by": "Vykázán(a) uživatelem %(displayName)s",
+            "banned_users_section": "Vykázaní uživatelé",
+            "error_changing_pl_description": "Došlo k chybě při změně úrovně oprávnění uživatele. Ubezpečte se, že na to máte dostatečná práva, a zkuste to znovu.",
+            "error_changing_pl_reqs_description": "Došlo k chybě při změně požadované úrovně oprávnění v místnosti. Ubezpečte se, že na to máte dostatečná práva, a zkuste to znovu.",
+            "error_changing_pl_reqs_title": "Chyba změny požadavku na úroveň oprávnění",
+            "error_changing_pl_title": "Chyba při změně úrovně oprávnění",
+            "error_unbanning": "Zrušení vykázání se nezdařilo",
+            "events_default": "Posílat zprávy",
+            "invite": "Zvát uživatele",
+            "kick": "Odebrat uživatele",
+            "m.call": "Zahájit %(brand)s volání",
+            "m.call.member": "Připojit se k %(brand)s volání",
+            "m.reaction": "Odesílat reakce",
+            "m.room.avatar": "Změnit avatar místnosti",
+            "m.room.avatar_space": "Změnit avatar prostoru",
+            "m.room.canonical_alias": "Změnit hlavní adresu místnosti",
+            "m.room.canonical_alias_space": "Změnit hlavní adresu prostoru",
+            "m.room.encryption": "Povolit v místnosti šifrování",
+            "m.room.history_visibility": "Změnit viditelnost historie",
+            "m.room.name": "Změnit název místnosti",
+            "m.room.name_space": "Změnit název prostoru",
+            "m.room.pinned_events": "Správa připnutých událostí",
+            "m.room.power_levels": "Změnit oprávnění",
+            "m.room.redaction": "Odstranit mnou odeslané zprávy",
+            "m.room.server_acl": "Změnit seznamy přístupů serveru",
+            "m.room.tombstone": "Aktualizovat místnost",
+            "m.room.topic": "Změnit téma",
+            "m.room.topic_space": "Změnit popis",
+            "m.space.child": "Spravovat místnosti v tomto prostoru",
+            "m.widget": "Spravovat widgety",
+            "muted_users_section": "Umlčení uživatelé",
+            "no_privileged_users": "Žádní uživatelé v této místnosti nemají zvláštní privilegia",
+            "notifications.room": "Oznámení pro celou místnost",
+            "permissions_section": "Oprávnění",
+            "permissions_section_description_room": "Vyberte role potřebné k provedení různých změn v této místnosti",
+            "permissions_section_description_space": "Výbrat role potřebné ke změně různých částí prostoru",
+            "privileged_users_section": "Privilegovaní uživatelé",
+            "redact": "Odstranit zprávy odeslané ostatními",
+            "send_event_type": "Poslat událost %(eventType)s",
+            "state_default": "Měnit nastavení",
+            "title": "Role a oprávnění",
+            "users_default": "Výchozí role"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "Nemáte oprávnění měnit viditelnost historie místnosti. To je nebezpečné, protože by to mohlo umožnit uživatelům, kteří nejsou členy, číst zprávy.",
+                "title": "Nelze nastavit místnost jako soukromou"
+            },
+            "enable_encryption_confirm_description": "Po zapnutí již nelze šifrování v této místnosti vypnout. Zprávy v šifrovaných místnostech mohou číst jen členové místnosti, server se k obsahu nedostane. Šifrování místností nepodporuje většina botů a propojení. <a>Více informací o šifrování.</a>",
+            "enable_encryption_confirm_title": "Povolit šifrování?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Nedoporučuje se šifrovat veřejné místnosti.</b>Veřejné místnosti může najít a připojit se k nim kdokoli, takže si v nich může číst zprávy kdokoli. Nezískáte tak žádnou z výhod šifrování a nebudete ho moci později vypnout. Šifrování zpráv ve veřejné místnosti zpomalí příjem a odesílání zpráv.",
+            "enable_encryption_public_room_confirm_description_2": "Chcete-li se těmto problémům vyhnout, vytvořte pro plánovanou konverzaci <a>novou šifrovanou místnost</a>.",
+            "enable_encryption_public_room_confirm_title": "Opravdu chcete šifrovat tuto veřejnou místnost?",
+            "encrypted_room_public_confirm_description_1": "<b>Nedoporučujeme šifrované místnosti zveřejňovat.</b> Znamená to, že místnost může kdokoli najít a připojit se k ní, takže si kdokoli může přečíst zprávy. Nezískáte tak žádnou z výhod šifrování. Šifrování zpráv ve veřejné místnosti zpomalí příjem a odesílání zpráv.",
+            "encrypted_room_public_confirm_description_2": "Abyste se těmto problémům vyhnuli, vytvořte pro plánovanou konverzaci <a>novou veřejnou místnost</a>.",
+            "encrypted_room_public_confirm_title": "Jste si jisti, že chcete tuto šifrovanou místnost zveřejnit?",
+            "encryption_forced": "Váš server vyžaduje vypnuté šifrování.",
+            "encryption_permanent": "Po zapnutí šifrování ho není možné vypnout.",
+            "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": "Členové od pozvání",
+            "history_visibility_legend": "Kdo může číst historii?",
+            "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": "Pouze pro zvané",
+            "join_rule_invite_description": "Připojit se mohou pouze pozvané osoby.",
+            "join_rule_knock": "Požádat o vstup",
+            "join_rule_knock_description": "Lidé nemohou vstoupit, pokud jim není povolen přístup.",
+            "join_rule_public": "Kdokoli",
+            "join_rule_public_description": "Vstoupit může kdokoli.",
+            "join_rule_restricted": "Členové prostoru",
+            "join_rule_restricted_description": "Kdokoli v autorizovaných prostorách se může připojit bez pozvání. <a> Spravovat prostory</a>",
+            "join_rule_restricted_description_active_space": "Kdokoli v <spaceName/> se může připojit.",
+            "join_rule_restricted_description_prompt": "Kdokoli v prostoru se může připojit.",
+            "join_rule_restricted_description_spaces": "Autorizované prostory",
+            "join_rule_restricted_dialog_description": "Prostory, kam se členové <RoomName/> mohou připojit bez pozvání.",
+            "join_rule_restricted_dialog_empty_warning": "Odstraňujete všechny autorizované prostory. Přístup bude ve výchozím nastavení pouze pro pozvané",
+            "join_rule_restricted_dialog_filter_placeholder": "Hledat prostory",
+            "join_rule_restricted_dialog_heading_known": "Vaše prostory, které neobsahují tuto místnost",
+            "join_rule_restricted_dialog_heading_other": "Další prostory, jejichž členem nejste",
+            "join_rule_restricted_dialog_heading_room": "Vaše prostory, které obsahují tuto místnost",
+            "join_rule_restricted_dialog_heading_space": "Prostory, které znáte obsahující tento prostor",
+            "join_rule_restricted_dialog_heading_unknown": "Pravděpodobně se jedná o ty, kterých se účastní i ostatní správci místností.",
+            "join_rule_restricted_dialog_title": "Spravovat prostory",
+            "join_rule_restricted_n_more": {
+                "other": "a %(count)s dalších",
+                "one": "a %(count)s další"
+            },
+            "join_rule_restricted_summary": {
+                "one": "V současné době má přístup jeden prostor",
+                "few": "V současné době mají přístup %(count)s prostory",
+                "other": "V současné době má přístup %(count)s prostorů"
+            },
+            "join_rule_restricted_upgrade_description": "Tato změna umožní členům vybraných prostorů přístup do této místnosti bez pozvánky.",
+            "join_rule_restricted_upgrade_warning": "Tato místnost se nachází v některých prostorech, jejichž nejste správcem. V těchto prostorech bude stará místnost stále zobrazena, ale lidé budou vyzváni, aby se připojili k nové místnosti.",
+            "join_rule_upgrade_awaiting_room": "Načítání nové místnosti",
+            "join_rule_upgrade_required": "Vyžadována aktualizace",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Odeslání pozvánky...",
+                "other": "Odesílání pozvánek... (%(progress)s z %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Aktualizace prostoru...",
+                "other": "Aktualizace prostorů... (%(progress)s z %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Aktualizace místnosti",
+            "join_rule_world_readable_description": "Změna toho, kdo může vstoupit do místnosti, změní také viditelnost budoucích zpráv.",
+            "public_without_alias_warning": "Přidejte prosím místnosti adresu aby na ní šlo odkazovat.",
+            "publish_room": "Zviditelněte tuto místnost ve veřejném adresáři místností.",
+            "publish_space": "Zviditelněte tento prostor ve veřejném adresáři místností.",
+            "strict_encryption": "Odesílat zprávy pouze ověřeným uživatelům.",
+            "title": "Zabezpečení a soukromí"
+        },
+        "title": "Nastavení místnosti - %(roomName)s",
+        "upload_avatar_label": "Nahrát avatar",
+        "visibility": {
+            "alias_section": "Adresa",
+            "error_failed_save": "Nepodařilo se aktualizovat nastavení 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_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": "Náhled 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": "Zabezpečení a soukromí"
+        },
+        "voip": {
+            "call_type_section": "Typ volání",
+            "enable_element_call_caption": "%(brand)s je koncově šifrovaný, ale v současné době je omezen na menší počet uživatelů.",
+            "enable_element_call_label": "Povolit %(brand)s jako další možnost volání v této místnosti",
+            "enable_element_call_no_permissions_tooltip": "Ke změně nemáte dostatečná oprávnění."
+        }
+    },
+    "room_summary_card_back_action_label": "Informace o místnosti",
+    "scalar": {
+        "error_create": "Nepodařilo se vytvořit widget.",
+        "error_membership": "Nejste v této místnosti.",
+        "error_missing_room_id": "Chybějící ID místnosti.",
+        "error_missing_room_id_request": "V zadání chybí room_id",
+        "error_missing_user_id_request": "V zadání chybí user_id",
+        "error_permission": "V této místnosti k tomu nemáte oprávnění.",
+        "error_power_level_invalid": "Úroveň oprávnění musí být kladné celé číslo.",
+        "error_room_not_visible": "Místnost %(roomId)s není viditelná",
+        "error_room_unknown": "Tato místnost nebyla rozpoznána.",
+        "error_send_request": "Odeslání žádosti se nezdařilo.",
+        "failed_read_event": "Nepodařilo se načíst události",
+        "failed_send_event": "Nepodařilo se odeslat událost"
+    },
+    "server_offline": {
+        "description": "Váš server neodpovídá na některé vaše požadavky. Níže jsou některé z nejpravděpodobnějších důvodů.",
+        "description_1": "Serveru (%(serverName)s) trvalo příliš dlouho, než odpověděl.",
+        "description_2": "Váš firewall nebo antivirový program blokuje požadavek.",
+        "description_3": "Rozšíření prohlížeče brání požadavku.",
+        "description_4": "Server je offline.",
+        "description_5": "Server odmítl váš požadavek.",
+        "description_6": "Ve vaší oblasti dochází k problémům s připojením k internetu.",
+        "description_7": "Při pokusu o kontakt se serverem došlo k chybě připojení.",
+        "description_8": "Server není nakonfigurován tak, aby indikoval, v čem je problém (CORS).",
+        "empty_timeline": "Vše vyřízeno.",
+        "recent_changes_heading": "Nedávné změny, které dosud nebyly přijaty",
+        "title": "Server neodpovídá"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s vyžaduje service worker pro načítání ověřených médií z úložiště obsahu Matrixu. Váš prohlížeč to nepodporuje, takže může dojít k selhání načtení médií.",
+        "title": "Nepodařilo se načíst service worker"
+    },
+    "seshat": {
+        "error_initialising": "Inicializace vyhledávání zpráv se nezdařila, zkontrolujte <a>svá nastavení</a>",
+        "reset_button": "Resetovat úložiště událostí",
+        "reset_description": "Pravděpodobně nechcete resetovat úložiště indexů událostí",
+        "reset_explainer": "Pokud tak učiníte, nezapomeňte, že žádná z vašich zpráv nebude smazána, ale vyhledávání může být na několik okamžiků zpomaleno během opětovného vytvoření indexu",
+        "reset_title": "Resetovat úložiště událostí?",
+        "warning_kind_files": "Tato verze %(brand)s nepodporuje zobrazení některých šifrovaných souborů",
+        "warning_kind_files_app": "Pro zobrazení všech šifrovaných souborů použijte <a>desktopovou aplikaci</a>",
+        "warning_kind_search": "Tato verze %(brand)s nepodporuje hledání v šifrovaných zprávách",
+        "warning_kind_search_app": "K prohledávání šifrovaných zpráv použijte <a>aplikaci pro stolní počítače</a>"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Přístupový token vám umožní plný přístup k účtu. Nikomu ho nesdělujte.",
+            "brand_version": "Verze %(brand)s:",
+            "clear_cache_reload": "Smazat mezipaměť a načíst znovu",
+            "crypto_version": "Verze kryptografie:",
+            "dialog_title": "<strong>Nastavení:</strong> Nápověda a informace",
+            "help_link": "Pro pomoc s používáním %(brand)su klepněte <a>sem</a>.",
+            "homeserver": "Domovský server je <code>%(homeserverUrl)s</code>",
+            "identity_server": "Server identit je <code>%(identityServerUrl)s</code>",
+            "title": "O aplikaci a pomoc",
+            "versions": "Verze"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Nastavení:</strong> Účet",
+            "title": "Účet"
+        },
+        "all_rooms_home": "Zobrazit všechny místnosti v Domovu",
+        "all_rooms_home_description": "Všechny místnosti, ve kterých se nacházíte, se zobrazí v Domovu.",
+        "always_show_message_timestamps": "Vždy zobrazovat časové značky zpráv",
+        "appearance": {
+            "bundled_emoji_font": "Použít přibalené písmo emodži",
+            "compact_layout": "Zobrazení kompaktního textu a zpráv",
+            "compact_layout_description": "Pro použití této funkce je nutné zvolit moderní rozložení.",
+            "custom_font": "Používat systémové nastavení písma",
+            "custom_font_description": "Zadejte jméno písma, které máte naistalované v systému, a %(brand)s se jej pokusí použít.",
+            "custom_font_name": "Jméno systémového písma",
+            "custom_font_size": "Použít vlastní velikost",
+            "custom_theme_add": "Přidat vlastní motiv",
+            "custom_theme_downloading": "Stahování vlastního motivu…",
+            "custom_theme_error_downloading": "Chyba při stahování motivu",
+            "custom_theme_help": "Zadejte adresu URL vlastního motivu, který chcete použít.",
+            "custom_theme_invalid": "Neplatné schéma vzhledu.",
+            "dialog_title": "<strong>Nastavení:</strong> Vzhled",
+            "font_size": "Velikost písma",
+            "font_size_default": "%(fontSize)s (výchozí)",
+            "high_contrast": "Vysoký kontrast",
+            "image_size_default": "Výchozí",
+            "image_size_large": "Velký",
+            "layout_bubbles": "Bubliny zpráv",
+            "layout_irc": "IRC (experimentální)",
+            "match_system_theme": "Nastavit podle vzhledu systému",
+            "timeline_image_size": "Velikost obrázku na časové ose"
+        },
+        "automatic_language_detection_syntax_highlight": "Zapnout automatické rozpoznávání jazyků pro zvýrazňování syntaxe",
+        "autoplay_gifs": "Automatické přehrávání GIFů",
+        "autoplay_videos": "Automatické přehrávání videí",
+        "big_emoji": "Povolit velké emoji",
+        "code_block_expand_default": "Ve výchozím nastavení rozbalit bloky kódu",
+        "code_block_line_numbers": "Zobrazit čísla řádků v blocích kódu",
+        "disable_historical_profile": "Zobrazit aktuální profilové obrázky a jména uživatelů v historii zpráv",
+        "discovery": {
+            "title": "Jak vás najít"
+        },
+        "emoji_autocomplete": "Napovídat emoji",
+        "enable_markdown": "Povolit Markdown",
+        "enable_markdown_description": "Začněte zprávy s <code>/plain</code> pro odeslání bez markdown.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Podrobnosti o vašem účtu, kontakty, předvolby a seznam chatů budou zachovány",
+                "breadcrumb_page": "Obnovit šifrování",
+                "breadcrumb_second_description": "Ztratíte veškerou historii zpráv, která je uložena pouze na serveru",
+                "breadcrumb_third_description": "Budete muset znovu ověřit všechna svá stávající zařízení a kontakty",
+                "breadcrumb_title": "Opravdu chcete resetovat svou digitální identitu?",
+                "breadcrumb_title_cant_confirm": "Musíte resetovat svou digitální identitu",
+                "breadcrumb_title_forgot": "Zapomněli jste klíč pro obnovení? Budete muset resetovat svou digitální identitu.",
+                "breadcrumb_title_sync_failed": "Synchronizace úložiště klíčů se nezdařilo. Je třeba resetovat vaši digitální identitu.",
+                "breadcrumb_warning": "Udělejte to pouze v případě, že se domníváte, že váš účet byl napaden.",
+                "details_title": "Podrobnosti o šifrování",
+                "do_not_close_warning": "Nezavírejte toto okno, dokud není resetování dokončeno",
+                "export_keys": "Exportovat klíče",
+                "import_keys": "Importovat klíče",
+                "other_people_device_description": "Upozornění: Uživatelé, kteří s vámi výslovně neověřili (např. pomocí emotikonů), nedostanou vaše šifrované zprávy. Také neověřená zařízení ověřených uživatelů nebudou přijímat vaše šifrované zprávy. Aby se změny projevily, je nutné restartovat aplikaci.",
+                "other_people_device_label": "V šifrovaných místnostech posílat zprávy pouze ověřeným uživatelům",
+                "other_people_device_title": "Zařízení ostatních uživatelů",
+                "reset_identity": "Obnovit kryptografickou identitu",
+                "reset_in_progress": "Probíhá resetování...",
+                "session_id": "ID relace:",
+                "session_key": "Klíč relace:",
+                "title": "Rozšířené"
+            },
+            "confirm_key_storage_off": "Opravdu chcete ponechat úložiště klíčů vypnuté?",
+            "confirm_key_storage_off_description": "Pokud se odhlásíte ze všech svých zařízení, ztratíte historii zpráv a budete muset znovu ověřit všechny své stávající kontakty. <a>Další informace</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Smazat úložiště klíčů",
+                "confirm": "Smazat úložiště klíčů",
+                "description": "Smazáním úložiště klíčů odstraníte ze serveru vaši kryptografickou identitu a klíče zpráv a vypnete následující funkce zabezpečení:",
+                "list_first": "Na nových zařízeních nebudete mít šifrovanou historii zpráv",
+                "list_second": "Pokud nebudete přihlášeni k žádnému zařízení, ztratíte přístup ke svým šifrovaným zprávám.",
+                "title": "Opravdu chcete vypnout úložiště klíčů a smazat jej?"
+            },
+            "device_not_verified_button": "Ověřte toto zařízení",
+            "device_not_verified_description": "Abyste mohli zobrazit nastavení šifrování, musíte toto zařízení ověřit.",
+            "device_not_verified_title": "Zařízení nebylo ověřeno",
+            "dialog_title": "<strong>Nastavení: </strong> Šifrování",
+            "key_storage": {
+                "allow_key_storage": "Povolit úložiště klíčů",
+                "description": "Díky tomu budete moci zobrazit historii chatu na jakémkoli novém zařízení a je to nutné pro zálohování chatů a digitální identity. <a>Další informace</a>",
+                "title": "Úložiště klíčů"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Potvrďte nový klíč pro obnovení",
+                "change_recovery_confirm_description": "Pro dokončení zadejte svůj nový klíč pro obnovení níže. Váš starý klíč již nebude fungovat.",
+                "change_recovery_confirm_title": "Zadejte nový klíč pro obnovení",
+                "change_recovery_key": "Změnit klíč pro obnovení",
+                "change_recovery_key_description": "Zapište si tento nový klíč pro obnovení na bezpečné místo. Poté klikněte na tlačítko Pokračovat a potvrďte změnu.",
+                "change_recovery_key_title": "Změnit klíč pro obnovení?",
+                "description": "Vaše chaty jsou automaticky zálohovány pomocí koncového šifrování. Chcete-li tuto zálohu obnovit a zachovat si svou digitální identitu v případě, že ztratíte přístup ke všem svým zařízením, budete potřebovat svůj klíč pro obnovení.",
+                "enter_key_error": "Zadaný klíč pro obnovení není správný.",
+                "enter_recovery_key": "Zadejte klíč pro obnovení",
+                "forgot_recovery_key": "Zapomněli jste klíč pro obnovení?",
+                "key_storage_warning": "Vaše úložiště klíčů není synchronizováno. Klikněte na jedno z níže uvedených tlačítek a problém vyřešte.",
+                "save_key_description": "Nesdílejte ho s nikým!",
+                "save_key_title": "Klíč pro obnovení",
+                "set_up_recovery": "Získat klíč pro obnovení",
+                "set_up_recovery_confirm_button": "Dokončete nastavení",
+                "set_up_recovery_confirm_description": "Zadejte obnovovací klíč zobrazený na předchozí obrazovce a dokončete nastavení obnovy.",
+                "set_up_recovery_confirm_title": "Pro potvrzení zadejte klíč pro obnovení",
+                "set_up_recovery_description": "Vaše úložiště klíčů je chráněno klíčem pro obnovení. Pokud potřebujete nový klíč pro obnovení po nastavení, můžete jej znovu vytvořit výběrem '%(changeRecoveryKeyButton)s'.",
+                "set_up_recovery_save_key_description": "Tento klíč pro obnovení si zapište na bezpečné místo, jako je správce hesel, šifrovaná poznámka nebo fyzický trezor.",
+                "set_up_recovery_save_key_title": "Uložte si klíč pro obnovení na bezpečném místě",
+                "set_up_recovery_secondary_description": "Po kliknutí na Pokračovat vám vygenerujeme obnovovací klíč.",
+                "title": "Zálohování"
+            },
+            "title": "Šifrování"
+        },
+        "general": {
+            "account_management_section": "Správa účtu",
+            "account_section": "Účet",
+            "add_email_dialog_title": "Přidat e-mailovou adresu",
+            "add_email_failed_verification": "E-mailovou adresu se nepodařilo ověřit. Přesvědčte se, že jste klepli na odkaz v e-mailové zprávě",
+            "add_email_instructions": "Poslali jsme vám ověřovací e-mail. Postupujte prosím podle instrukcí a pak klepněte na následující tlačítko.",
+            "add_msisdn_confirm_body": "Kliknutím na tlačítko potvrdíte přidání telefonního čísla.",
+            "add_msisdn_confirm_button": "Potrvrdit přidání telefonního čísla",
+            "add_msisdn_confirm_sso_button": "Potvrďte přidání telefonního čísla pomocí Jednotného přihlášení.",
+            "add_msisdn_dialog_title": "Přidat telefonní číslo",
+            "add_msisdn_instructions": "SMS zpráva byla odeslána na +%(msisdn)s. Zadejte prosím ověřovací kód, který obsahuje.",
+            "add_msisdn_misconfigured": "Přidání/připojení s MSISDN je nesprávně nakonfigurováno",
+            "allow_spellcheck": "Povolit kontrolu pravopisu",
+            "application_language": "Jazyk aplikace",
+            "application_language_reload_hint": "Po výběru jiného jazyka se aplikace znovu načte.",
+            "avatar_open_menu": "Otevřít nabídku avatara",
+            "avatar_remove_progress": "Odstranění obrázku...",
+            "avatar_save_progress": "Nahrávání obrázku...",
+            "avatar_upload_error_text": "Formát souboru není podporován nebo je obrázek větší než %(size)s.",
+            "avatar_upload_error_text_generic": "Formát souboru nemusí být podporován.",
+            "avatar_upload_error_title": "Obrázek avatara nelze nahrát",
+            "confirm_adding_email_body": "Kliknutím na tlačítko potvrdíte přidání emailové adresy.",
+            "confirm_adding_email_title": "Potvrdit přidání emailu",
+            "deactivate_confirm_body": "Opravdu chcete deaktivovat účet? Je to nevratné.",
+            "deactivate_confirm_body_sso": "Potvrďte deaktivaci účtu použtím Jednotného přihlášení.",
+            "deactivate_confirm_content": "Potvrďte, že chcete deaktivovat svůj účet. Pokud budete pokračovat:",
+            "deactivate_confirm_content_1": "Účet nebude možné znovu aktivovat",
+            "deactivate_confirm_content_2": "Nebudete se již moci přihlásit",
+            "deactivate_confirm_content_3": "Nikdo nebude moci znovu použít vaše uživatelské jméno (MXID), včetně vás: toto uživatelské jméno zůstane nedostupné",
+            "deactivate_confirm_content_4": "Opustíte všechny místnosti a přímé zprávy, ve kterých se nacházíte",
+            "deactivate_confirm_content_5": "Budete odstraněni ze serveru identit: vaši přátelé vás již nebudou moci najít pomocí vašeho e-mailu nebo telefonního čísla",
+            "deactivate_confirm_content_6": "Vaše staré zprávy budou stále viditelné pro lidi, kteří je přijali, stejně jako e-maily, které jste odeslali v minulosti. Chcete skrýt své odeslané zprávy před lidmi, kteří se do místností připojí v budoucnu?",
+            "deactivate_confirm_continue": "Potvrďte deaktivaci účtu",
+            "deactivate_confirm_erase_label": "Skrýt mé zprávy před novými uživateli",
+            "deactivate_section": "Deaktivovat účet",
+            "deactivate_warning": "Deaktivace účtu je trvalá akce - buďte opatrní!",
+            "discovery_email_empty": "Po přidání e-mailu se zobrazí možnosti zjišťování.",
+            "discovery_email_verification_instructions": "Ověřte odkaz v e-mailové schránce",
+            "discovery_msisdn_empty": "Možnosti vyhledávání se zobrazí, jakmile přidáte telefonní číslo.",
+            "discovery_needs_terms": "Pro zapsáním do registru e-mailových adres a telefonních čísel odsouhlaste podmínky používání serveru (%(serverName)s).",
+            "discovery_needs_terms_title": "Umožněte lidem, aby vás našli",
+            "display_name": "Zobrazovaný název",
+            "display_name_error": "Nelze nastavit zobrazovaný název",
+            "email_adding_unsupported_by_hs": "Tento domovský server nepodporuje přidávání e-mailových adres do vašeho účtu.",
+            "email_address_in_use": "Tato e-mailová adresa je již používána",
+            "email_address_label": "E-mailová adresa",
+            "email_not_verified": "Vaše e-mailová adresa ještě nebyla ověřena",
+            "email_verification_instructions": "Pro ověření a pokračování klepněte na odkaz v e-mailu, který vím přišel.",
+            "emails_heading": "E-mailové adresy",
+            "error_add_email": "Nepodařilo se přidat e-mailovou adresu",
+            "error_deactivate_communication": "Došlo k potížím při komunikaci se serverem. Zkuste to prosím znovu.",
+            "error_deactivate_invalid_auth": "Server neposkytl platné informace o ověření.",
+            "error_deactivate_no_auth": "Server nevyžadoval žádné ověření",
+            "error_email_verification": "Nepodařilo se ověřit e-mailovou adresu.",
+            "error_invalid_email": "Neplatná e-mailová adresa",
+            "error_invalid_email_detail": "Tato e-mailová adresa se zdá být neplatná",
+            "error_msisdn_verification": "Nepovedlo se ověřit telefonní číslo.",
+            "error_password_change_403": "Nepodařilo se změnit heslo. Zadáváte své heslo správně?",
+            "error_password_change_http": "%(errorMessage)s (HTTP stav %(httpStatus)s)",
+            "error_password_change_title": "Chyba při změně hesla",
+            "error_password_change_unknown": "Neznámá chyba při změně hesla (%(stringifiedError)s)",
+            "error_remove_3pid": "Nepodařilo se smazat kontaktní údaje",
+            "error_revoke_email_discovery": "Nepovedlo se zrušit sdílení e-mailové adresy",
+            "error_revoke_msisdn_discovery": "Nepovedlo se zrušit sdílení telefonního čísla",
+            "error_share_email_discovery": "Nepovedlo se nasdílet e-mailovou adresu",
+            "error_share_msisdn_discovery": "Nepovedlo se nasdílet telefonní číslo",
+            "identity_server_no_token": "Nebyl nalezen žádný přístupový token identity",
+            "identity_server_not_set": "Server identit není nastaven",
+            "invalid_phone_number": "Zadané telefonní číslo se nezdá být platné.",
+            "language_section": "Jazyk",
+            "msisdn_adding_unsupported_by_hs": "Tento domovský server nepodporuje přidávání telefonních čísel do vašeho účtu.",
+            "msisdn_in_use": "Toto telefonní číslo je již používáno",
+            "msisdn_label": "Telefonní číslo",
+            "msisdn_verification_field_label": "Ověřovací kód",
+            "msisdn_verification_instructions": "Zadejte prosím ověřovací SMS kód.",
+            "msisdns_heading": "Telefonní čísla",
+            "oidc_manage_button": "Spravovat účet",
+            "password_change_section": "Nastavení nového hesla k účtu…",
+            "password_change_success": "Vaše heslo bylo úspěšně změněno.",
+            "personal_info": "Osobní informace",
+            "profile_subtitle": "Takto se v aplikaci zobrazujete ostatním.",
+            "profile_subtitle_oidc": "Váš účet je spravován samostatně poskytovatelem identit, a proto zde nelze některé vaše osobní údaje měnit.",
+            "remove_email_prompt": "Odstranit adresu %(email)s?",
+            "remove_msisdn_prompt": "Odstranit %(phone)s?",
+            "spell_check_locale_placeholder": "Zvolte jazyk",
+            "unable_to_load_emails": "Nelze načíst e-mailové adresy",
+            "unable_to_load_msisdns": "Nelze načíst telefonní čísla",
+            "username": "Uživatelské jméno"
+        },
+        "inline_url_previews_default": "Povolit náhledy",
+        "inline_url_previews_encrypted": "Povolit náhledy v šifrovaných místnostech",
+        "insert_trailing_colon_mentions": "Vložit dvojtečku za zmínku o uživateli na začátku zprávy",
+        "invite_controls": {
+            "default_label": "Povolit uživatelům pozvat vás do místností"
+        },
+        "jump_to_bottom_on_send": "Po odeslání zprávy přejít na konec časové osy",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Vaše klíče jsou nyní zálohovány z tohoto zařízení.",
+                "backup_setup_success_title": "Bezpečné zálohování bylo úspěšné",
+                "cancel_warning": "Pokud nyní nebudete pokračovat, můžete ztratit šifrované zprávy a data, pokud ztratíte přístup ke svým přihlašovacím údajům.",
+                "confirm_security_phrase": "Potvrďte svou bezpečnostní frázi",
+                "description": "Chraňte se před ztrátou přístupu k šifrovaným zprávám a datům zálohováním šifrovacích klíčů na serveru.",
+                "download_or_copy": "%(downloadButton)s nebo %(copyButton)s",
+                "enter_phrase_description": "Zadejte bezpečnostní frázi, kterou znáte jen vy, protože slouží k ochraně vašich dat. V zájmu bezpečnosti byste neměli heslo k účtu používat opakovaně.",
+                "enter_phrase_title": "Zadání bezpečnostní fráze",
+                "enter_phrase_to_confirm": "Zadejte bezpečnostní frázi podruhé a potvrďte ji.",
+                "generate_security_key_description": "Vygenerujeme klíč pro obnovení, který můžete uložit někde v bezpečí, jako je správce hesel nebo trezor.",
+                "generate_security_key_title": "Vygenerujte klíč pro obnovení",
+                "pass_phrase_match_failed": "To nesedí.",
+                "pass_phrase_match_success": "To odpovídá!",
+                "phrase_strong_enough": "Skvělé! Tato bezpečnostní fráze vypadá dostatečně silně.",
+                "secret_storage_query_failure": "Nelze zjistit stav úložiště klíčů",
+                "security_key_safety_reminder": "Klíč pro obnovení uložte na bezpečném místě, jako je správce hesel nebo trezor, protože slouží k ochraně vašich šifrovaných dat.",
+                "set_phrase_again": "Nastavit heslo znovu.",
+                "settings_reminder": "Zabezpečené zálohování a správu klíčů můžete také nastavit v Nastavení.",
+                "title_confirm_phrase": "Potvrďte bezpečnostní frázi",
+                "title_save_key": "Uložte si klíč pro obnovení",
+                "title_set_phrase": "Nastavit bezpečnostní frázi",
+                "unable_to_setup": "Nepovedlo se nastavit bezpečné úložiště",
+                "use_different_passphrase": "Použít jinou přístupovou frázi?",
+                "use_phrase_only_you_know": "Použijte tajnou frázi, kterou znáte pouze vy, a volitelně uložte klíč pro obnovení, který použijete pro zálohování."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Potvrďte přístupovou frázi",
+            "enter_passphrase": "Zadejte přístupovou frázi",
+            "export_description_1": "Tento proces vám umožňuje exportovat do souboru klíče ke zprávám, které jste dostali v šifrovaných místnostech. Když pak tento soubor importujete do jiného Matrix klienta, všechny tyto zprávy bude možné opět dešifrovat.",
+            "export_description_2": "Exportovaný soubor umožní komukoli, kdo si jej přečte, dešifrovat všechny šifrované zprávy, které vidíte, takže byste měli dbát na jeho zabezpečení. K tomu vám pomůže níže uvedená jedinečná přístupová fráze, která bude použita pouze k zašifrování exportovaných dat. Importovat data bude možné pouze pomocí stejné přístupové fráze.",
+            "export_title": "Exportovat klíče místností",
+            "file_to_import": "Soubor k importu",
+            "import_description_1": "Tento proces vás provede importem šifrovacích klíčů, které jste si stáhli z jiného Matrix klienta. Po úspěšném naimportování budete v tomto klientovi moci dešifrovat všechny zprávy, které jste mohli dešifrovat v původním klientovi.",
+            "import_description_2": "Stažený soubor je chráněn přístupovou frází. Soubor můžete naimportovat pouze pokud zadáte odpovídající přístupovou frázi.",
+            "import_title": "Importovat klíče místnosti",
+            "phrase_cannot_be_empty": "Přístupová fráze nesmí být prázdná",
+            "phrase_must_match": "Přístupové fráze se musí shodovat",
+            "phrase_strong_enough": "Skvělé! Tato bezpečnostní fráze vypadá dostatečně silná"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Nastavení:</strong> Klávesnice",
+            "title": "Klávesnice"
+        },
+        "labs": {
+            "dialog_title": "<strong>Nastavení:</strong> Labs"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Nastavení:</strong> Ignorovaní uživatelé"
+        },
+        "media_preview": {
+            "hide_avatars": "Skrýt avatary místnosti a zvoucího",
+            "hide_media": "Vždy skrýt",
+            "media_preview_description": "Skryté médium lze vždy zobrazit klepnutím na něj",
+            "media_preview_label": "Zobrazit média na časové ose",
+            "show_in_private": "V soukromých místnostech",
+            "show_media": "Vždy zobrazit"
+        },
+        "not_supported": "Váš server tuto funkci neimplementuje.",
+        "notifications": {
+            "default_setting_description": "Toto nastavení se ve výchozím stavu použije pro všechny vaše místnosti.",
+            "default_setting_section": "Chci být upozorňován na (Výchozí nastavení)",
+            "desktop_notification_message_preview": "Zobrazit náhled zprávy v oznámení na ploše",
+            "dialog_title": "<strong>Nastavení:</strong> Oznámení",
+            "email_description": "Přijímat e-mailový souhrn zmeškaných oznámení",
+            "email_section": "E-mailový souhrn",
+            "email_select": "Vyberte e-maily, na které chcete zasílat souhrny. E-maily můžete spravovat v nastavení <button>Obecné</button>.",
+            "enable_audible_notifications_session": "Povolit v této relaci zvuková oznámení",
+            "enable_desktop_notifications_session": "Povolit v této relaci oznámení",
+            "enable_email_notifications": "Povolení e-mailových oznámení pro %(email)s",
+            "enable_notifications_account": "Povolit oznámení pro tento účet",
+            "enable_notifications_account_detail": "Vypnutím zakážete oznámení na všech zařízeních a relacích",
+            "enable_notifications_device": "Povolit oznámení pro toto zařízení",
+            "error_loading": "Došlo k chybě při načítání nastavení oznámení.",
+            "error_permissions_denied": "%(brand)s není oprávněn posílat vám oznámení – zkontrolujte prosím nastavení svého prohlížeče",
+            "error_permissions_missing": "%(brand)s nebyl oprávněn k posílání oznámení – zkuste to prosím znovu",
+            "error_saving": "Chyba při ukládání předvoleb oznámení",
+            "error_saving_detail": "Při ukládání předvoleb oznámení došlo k chybě.",
+            "error_title": "Nepodařilo se povolit oznámení",
+            "error_updating": "Při aktualizaci předvoleb oznámení došlo k chybě. Zkuste prosím přepnout volbu znovu.",
+            "invites": "Pozvaný do místnosti",
+            "keywords": "Zobrazit odznak <badge/> při použití klíčových slov v místnosti.",
+            "keywords_prompt": "Zadejte klíčová slova nebo je použijte pro pravopisné varianty či přezdívky",
+            "labs_notice_prompt": "<strong>Aktualizace:</strong>Zjednodušili jsme Nastavení oznámení, aby bylo možné snadněji najít možnosti nastavení. Některá vlastní nastavení, která jste zvolili v minulosti, se zde nezobrazují, ale jsou stále aktivní. Pokud budete pokračovat, některá vaše nastavení se mohou změnit. <a>Zjistit více</a>",
+            "mentions_keywords": "Zmínky a klíčová slova",
+            "mentions_keywords_only": "Pouze zmínky a klíčová slova",
+            "messages_containing_keywords": "Zprávy obsahující klíčová slova",
+            "noisy": "Hlučný",
+            "notices": "Zprávy odeslané roboty",
+            "notify_at_room": "Upozornit, když se někdo zmíní použitím @room",
+            "notify_keyword": "Upozornit, když někdo použije klíčové slovo",
+            "notify_mention": "Upozornit, když se někdo zmíní pomocí @displayname nebo %(mxid)s",
+            "other_section": "Další věci, které by vás mohly zajímat:",
+            "people_mentions_keywords": "Lidé, zmínky a klíčová slova",
+            "play_sound_for_description": "Ve výchozím stavu se používá pro všechny místnosti na všech zařízeních.",
+            "play_sound_for_section": "Přehrát zvuk pro",
+            "push_targets": "Cíle oznámení",
+            "quick_actions_mark_all_read": "Označit všechny zprávy jako přečtené",
+            "quick_actions_reset": "Obnovit výchozí nastavení",
+            "quick_actions_section": "Rychlé akce",
+            "room_activity": "Objevují se nové aktivity v místnostech, aktualizace a zprávy o stavu",
+            "rule_call": "Pozvánka k hovoru",
+            "rule_contains_display_name": "Zprávy obsahující mé zobrazované jméno",
+            "rule_contains_user_name": "Zprávy obsahující moje uživatelské jméno",
+            "rule_encrypted": "Šifrované zprávy ve skupinách",
+            "rule_encrypted_room_one_to_one": "Šifrované přímé zprávy",
+            "rule_invite_for_me": "Pozvánka do místnosti",
+            "rule_message": "Zprávy ve skupinách",
+            "rule_room_one_to_one": "Přímé zprávy",
+            "rule_roomnotif": "Zprávy obsahující @room",
+            "rule_suppress_notices": "Zprávy poslané robotem",
+            "rule_tombstone": "Při aktualizaci místnosti",
+            "show_message_desktop_notification": "Zobrazit text zprávy v oznámení na ploše",
+            "voip": "Hlasové a video hovory"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Zabraňte zachycení obsahu okna jinými aplikacemi",
+            "Electron.enableHardwareAcceleration": "Povolit hardwarovou akceleraci (restaurtujte %(appName)s, aby se změna projevila)",
+            "always_show_menu_bar": "Vždy zobrazovat horní lištu okna",
+            "autocomplete_delay": "Zpožnění našeptávače (ms)",
+            "code_blocks_heading": "Bloky kódu",
+            "compact_modern": "Použít kompaktnější \"moderní\" rozložení",
+            "composer_heading": "Editor zpráv",
+            "default_timezone": "Výchozí nastavení prohlížeče (%(timezone)s )",
+            "dialog_title": "<strong>Nastavení:</strong> Předvolby",
+            "enable_content_protection": "Povolit ochranu obsahu",
+            "enable_hardware_acceleration": "Povolit hardwarovou akceleraci",
+            "enable_tray_icon": "Zobrazit ikonu v oznamovací oblasti a minimalizivat při zavření okna",
+            "keyboard_heading": "Klávesové zkratky",
+            "keyboard_view_shortcuts_button": "Pro zobrazení všech klávesových zkratek, <a>klikněte zde</a>.",
+            "link_previews_description": "Zobrazuje informace o odkazech pod zprávami",
+            "link_previews_heading": "Náhledy odkazů",
+            "media_heading": "Obrázky, GIFy a videa",
+            "presence_description": "Sdílejte své aktivity a stav s ostatními.",
+            "publish_timezone": "Zveřejnit časové pásmo na veřejném profilu",
+            "rm_lifetime": "Platnost značky přečteno (ms)",
+            "rm_lifetime_offscreen": "Platnost značky přečteno mimo obrazovku (ms)",
+            "room_directory_heading": "Adresář místností",
+            "room_list_heading": "Seznam místností",
+            "show_avatars_pills": "Zobrazovat avatary ve zmínkách o uživatelích, místnostech a událostech",
+            "show_polls_button": "Zobrazit tlačítko hlasování",
+            "startup_window_behaviour_label": "Spuštění a chování okna",
+            "surround_text": "Ohraničit označený text při psaní speciálních znaků",
+            "time_heading": "Zobrazování času",
+            "user_timezone": "Nastavit časové pásmo"
+        },
+        "prompt_invite": "Potvrdit odeslání pozvánky potenciálně neplatným Matrix ID",
+        "replace_plain_emoji": "Automaticky nahrazovat textové emoji",
+        "security": {
+            "analytics_description": "Sdílet anonymní údaje, které nám pomohou identifikovat problémy. Nic osobního. Žádné třetí strany.",
+            "bulk_options_accept_all_invites": "Přijmout pozvání do všech těchto místností: %(invitedRooms)s",
+            "bulk_options_reject_all_invites": "Odmítnutí všech %(invitedRooms)s pozvání",
+            "bulk_options_section": "Hromadná možnost",
+            "dehydrated_device_description": "Funkce offline zařízení umožňuje přijímat šifrované zprávy, i když nejste přihlášeni k žádnému zařízení.",
+            "dehydrated_device_enabled": "Offline zařízení povoleno",
+            "dialog_title": "<strong>Nastavení:</strong> Zabezpečení a soukromí",
+            "e2ee_default_disabled_warning": "Správce vašeho serveru vypnul ve výchozím nastavení koncové šifrování v soukromých místnostech a přímých zprávách.",
+            "enable_message_search": "Povolit vyhledávání v šifrovaných místnostech",
+            "encryption_section": "Šifrování",
+            "ignore_users_empty": "Nemáte žádné ignorované uživatele.",
+            "ignore_users_section": "Ignorovaní uživatelé",
+            "key_backup_algorithm": "Algoritmus:",
+            "message_search_disable_warning": "Když je to zakázané, zprávy v šifrovaných místnostech se nebudou objevovat ve výsledcích vyhledávání.",
+            "message_search_disabled": "Bezpečně uchovávat zprávy na tomto zařízení aby se v nich dalo vyhledávat.",
+            "message_search_enabled": {
+                "one": "Bezpečně uloží zašifrované zprávy v místním úložišti, aby se mohly objevit ve výsledcích vyhledávání, využívá se %(size)s k ukládání zpráv z %(rooms)s místnosti.",
+                "other": "Bezpečně uloží zašifrované zprávy v místním úložišti, aby se mohly objevit ve výsledcích vyhledávání, využívá se %(size)s k ukládání zpráv z %(rooms)s místností."
+            },
+            "message_search_failed": "Inicializace vyhledávání zpráv se nezdařila",
+            "message_search_indexed_messages": "Indexované zprávy:",
+            "message_search_indexed_rooms": "Indexované místnosti:",
+            "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.",
+            "message_search_space_used": "Použité místo:",
+            "message_search_unsupported": "%(brand)su chybí nějaké komponenty, které jsou potřeba pro vyhledávání v zabezpečených místnostech. Pokud chcete s touto funkcí experimentovat, tak si pořiďte vlastní %(brand)s Desktop s <nativeLink>přidanými komponentami</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s nemůže bezpečně ukládat šifrované zprávy lokálně v prohlížeči. Pro zobrazení šifrovaných zpráv ve výsledcích vyhledávání použijte <desktopLink>%(brand)s Desktop</desktopLink>.",
+            "record_session_details": "Zaznamenat název, verzi a url pro snadnější rozpoznání relací ve správci relací",
+            "send_analytics": "Odesílat analytická data",
+            "strict_encryption": "Odesílat zprávy pouze ověřeným uživatelům"
+        },
+        "send_read_receipts": "Odesílat potvrzení o přečtení",
+        "send_read_receipts_unsupported": "Váš server nepodporuje vypnutí odesílání potvrzení o přečtení.",
+        "send_typing_notifications": "Posílat oznámení, když píšete",
+        "sessions": {
+            "best_security_note": "V zájmu co nejlepšího zabezpečení ověřujte své relace a odstraňte relace, které již nepoznáváte nebo nepoužíváte.",
+            "confirm_sign_out": {
+                "one": "Potvrďte odstranění tohoto zařízení",
+                "few": "",
+                "other": "Potvrďte odstranění těchto zařízení"
+            },
+            "confirm_sign_out_body": {
+                "one": "Kliknutím na tlačítko níže potvrdíte odstranění tohoto zařízení.",
+                "few": "",
+                "other": "Kliknutím na tlačítko níže potvrdíte odstranění těchto zařízení."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Odstranění zařízení",
+                "few": "",
+                "other": "Odstranění zařízení"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Potvrďte odstranění tohoto zařízení pomocí Jednotného přihlášení, abyste prokázali svou identitu.",
+                "few": "",
+                "other": "Potvrďte odstranění těchto zařízení pomocí Jednotného přihlášení, abyste prokázali svou identitu."
+            },
+            "current_session": "Aktuální relace",
+            "desktop_session": "Relace stolního počítače",
+            "details_heading": "Podrobnosti o relaci",
+            "device_unverified_description": "V zájmu nejvyšší bezpečnosti a spolehlivosti tuto relaci ověřte nebo jí odstraňte.",
+            "device_unverified_description_current": "Ověřte svou aktuální relaci pro vylepšené zabezpečené zasílání zpráv.",
+            "device_verified_description": "Tato relace je připravena na bezpečné zasílání zpráv.",
+            "device_verified_description_current": "Vaše aktuální relace je připravena pro bezpečné zasílání zpráv.",
+            "dialog_title": "<strong>Nastavení:</strong> Relace",
+            "error_pusher_state": "Nepodařilo se nastavit stav push oznámení",
+            "error_set_name": "Nepodařilo se nastavit název relace",
+            "filter_all": "Všechny",
+            "filter_inactive": "Neaktivní",
+            "filter_inactive_description": "Neaktivní po dobu %(inactiveAgeDays)s dní nebo déle",
+            "filter_label": "Filtrovat zařízení",
+            "filter_unverified_description": "Není připraveno na bezpečné zasílání zpráv",
+            "filter_verified_description": "Připraveno na bezpečné zasílání zpráv",
+            "hide_details": "Skrýt podrobnosti",
+            "inactive_days": "Neaktivní po dobu %(inactiveAgeDays)s+ dnů",
+            "inactive_sessions": "Neaktivní relace",
+            "inactive_sessions_explainer_1": "Neaktivní relace jsou relace, které jste po určitou dobu nepoužili, ale nadále dostávají šifrovací klíče.",
+            "inactive_sessions_explainer_2": "Odstranění neaktivních relací zvyšuje zabezpečení a výkon a usnadňuje identifikaci nové podezřelé relace.",
+            "inactive_sessions_list_description": "Zvažte odstranění starých relací (%(inactiveAgeDays)s dní nebo starších), které již nepoužíváte.",
+            "ip": "IP adresa",
+            "last_activity": "Poslední aktivita",
+            "manage": "Spravovat tuto relaci",
+            "mobile_session": "Relace mobilního zařízení",
+            "n_sessions_selected": {
+                "one": "%(count)s vybraná relace",
+                "other": "%(count)s vybraných relací"
+            },
+            "no_inactive_sessions": "Nebyly nalezeny žádné neaktivní relace.",
+            "no_sessions": "Nebyly nalezeny žádné relace.",
+            "no_unverified_sessions": "Nebyly nalezeny žádné neověřené relace.",
+            "no_verified_sessions": "Nebyly nalezeny žádné ověřené relace.",
+            "other_sessions_heading": "Ostatní relace",
+            "push_heading": "Push oznámení",
+            "push_subheading": "Přijímat push oznámení v této relaci.",
+            "push_toggle": "Přepnout push oznámení v této relaci.",
+            "rename_form_caption": "Uvědomte si, že jména relací jsou viditelná i pro osoby, se kterými komunikujete.",
+            "rename_form_heading": "Přejmenovat relaci",
+            "rename_form_learn_more": "Přejmenování relací",
+            "rename_form_learn_more_description_1": "Ostatní uživatelé v přímých zprávách a místnostech, ke kterým se připojíte, si mohou prohlédnout úplný seznam vašich relací.",
+            "rename_form_learn_more_description_2": "To jim dává jistotu, že skutečně mluví s vámi, ale také to znamená, že vidí název relace, který zde zadáte.",
+            "security_recommendations": "Bezpečnostní doporučení",
+            "security_recommendations_description": "Zlepšete zabezpečení svého účtu dodržováním těchto doporučení.",
+            "session_id": "ID sezení",
+            "show_details": "Zobrazit podrobnosti",
+            "sign_in_with_qr": "Připojit nové zařízení",
+            "sign_in_with_qr_button": "Zobrazit QR kód",
+            "sign_in_with_qr_description": "Pomocí QR kódu se přihlaste do jiného zařízení a nastavte zabezpečené zasílání zpráv.",
+            "sign_in_with_qr_unsupported": "Není podporováno vaším poskytovatelem účtu",
+            "sign_out": "Odebrat tuto relaci",
+            "sign_out_all_other_sessions": "Odebrat všechny ostatní relace (%(otherSessionsCount)s )",
+            "sign_out_confirm_description": {
+                "one": "Opravdu se chcete odhlásit z %(count)s relace?",
+                "few": "",
+                "other": "Opravdu se chcete odhlásit z %(count)s relací?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Odstranit %(count)s relaci",
+                "few": "Odstranit %(count)s relace",
+                "other": "Odstranit %(count)s relací"
+            },
+            "title": "Relace",
+            "unknown_session": "Neznámý typ relace",
+            "unverified_session": "Neověřená relace",
+            "unverified_session_explainer_1": "Tato relace nepodporuje šifrování, a proto ji nelze ověřit.",
+            "unverified_session_explainer_2": "Při použití této relace se nebudete moci účastnit místností, kde je povoleno šifrování.",
+            "unverified_session_explainer_3": "Pro co nejlepší zabezpečení a ochranu soukromí je doporučeno používat Matrix klienty, které podporují šifrování.",
+            "unverified_sessions": "Neověřené relace",
+            "unverified_sessions_explainer_1": "Neověřené relace jsou relace, ke kterým jste se přihlásili pomocí svých přihlašovacích údajů, ale nebyly potvrzeny vaší digitální identitou.",
+            "unverified_sessions_explainer_2": "Měli byste si být jisti, že tyto relace rozpoznáte, protože by mohly představovat neoprávněné použití vašeho účtu.",
+            "unverified_sessions_list_description": "Ověřte své relace pro bezpečné zasílání zpráv nebo odstraňte ty, které již nepoznáváte nebo nepoužíváte.",
+            "url": "URL",
+            "verified_session": "Ověřená relace",
+            "verified_sessions": "Ověřené relace",
+            "verified_sessions_explainer_1": "Ověřené relace potvrdily vaši digitální identitu.",
+            "verified_sessions_explainer_2": "To znamená, že máte všechny klíče potřebné k odemknutí zašifrovaných zpráv a potvrzení ostatním uživatelům, že této relaci důvěřujete.",
+            "verified_sessions_list_description": "V zájmu nejvyšší bezpečnosti odstraňte každou relaci, kterou již nepoznáváte nebo nepoužíváte.",
+            "verify_session": "Ověřit relaci",
+            "web_session": "Relace na webu"
+        },
+        "show_avatar_changes": "Zobrazit změny profilového obrázku",
+        "show_breadcrumbs": "Zobrazovat zkratky do nedávno zobrazených místností navrchu",
+        "show_chat_effects": "Zobrazit efekty chatu (animace např. při přijetí konfet)",
+        "show_displayname_changes": "Zobrazovat změny zobrazovaného jména",
+        "show_join_leave": "Zobrazit zprávy o vstupu/odchodu (pozvánky/odebrání/vykázání nejsou ovlivněny)",
+        "show_message_previews": "Zobrazit náhledy zpráv",
+        "show_nsfw_content": "Zobrazit NSFW obsah",
+        "show_read_receipts": "Zobrazovat potvrzení o přečtení",
+        "show_redaction_placeholder": "Zobrazovat smazané zprávy",
+        "show_stickers_button": "Tlačítko Zobrazit nálepky",
+        "show_typing_notifications": "Zobrazovat oznámení „... právě píše...“",
+        "showbold": "Zobrazit veškerou aktivitu v seznamu místnosti (body nebo počet nepřečtených zpráv).",
+        "sidebar": {
+            "dialog_title": "<strong>Nastavení:</strong> Postranní panel",
+            "metaspaces_home_all_rooms": "Zobrazit všechny místnosti",
+            "metaspaces_home_all_rooms_description": "Zobrazit všechny místnosti v Domovu, i když jsou v prostoru.",
+            "metaspaces_home_description": "Domov je užitečný pro získání přehledu o všem.",
+            "metaspaces_orphans": "Místnosti mimo prostor",
+            "metaspaces_orphans_description": "Seskupte všechny místnosti, které nejsou součástí prostoru, na jednom místě.",
+            "metaspaces_subsection": "Prostory pro zobrazení",
+            "metaspaces_video_rooms": "Video místnosti a konference",
+            "metaspaces_video_rooms_description": "Seskupte všechny soukromé videomístnosti a konference.",
+            "metaspaces_video_rooms_description_invite_extension": "Na konference můžete pozvat i lidi mimo matrix.",
+            "spaces_explainer": "Prostory jsou způsoby, jak seskupit místnosti a lidi. Kromě prostor, ve kterých se nacházíte, můžete použít i některé předem vytvořené.",
+            "title": "Postranní panel"
+        },
+        "start_automatically": {
+            "disabled": "Ne",
+            "enabled": "Ano",
+            "label": "Spustit %(brand)s když se přihlásíte k počítači",
+            "minimised": "Minimalizováno"
+        },
+        "tac_only_notifications": "Zobrazení oznámení pouze v centru aktivity vlákna",
+        "use_12_hour_format": "Zobrazovat čas v 12hodinovém formátu (např. 2:30 odp.)",
+        "use_command_enter_send_message": "K odeslání zprávy použijte Command + Enter",
+        "use_command_f_search": "Stiskněte Command + F k vyhledávání v časové ose",
+        "use_control_enter_send_message": "K odeslání zprávy použijte Ctrl + Enter",
+        "use_control_f_search": "Stiskněte Ctrl + F k vyhledávání v časové ose",
+        "voip": {
+            "allow_p2p": "Povolit Peer-to-Peer pro hovory 1:1",
+            "allow_p2p_description": "Pokud je povoleno, může druhá strana vidět vaši IP adresu",
+            "audio_input_empty": "Nerozpoznány žádné mikrofony",
+            "audio_output": "Zvukový výstup",
+            "audio_output_empty": "Nebyly rozpoznány žádné zvukové výstupy",
+            "auto_gain_control": "Automatická úprava zesílení",
+            "dialog_title": "<strong>Nastavení:</strong> Hlas a video",
+            "echo_cancellation": "Potlačení ozvěny",
+            "echo_cancellation_description": "Odstraňuje ozvěnu z mikrofonu během hovorů. Toto nastavení se vztahuje také na Element Call.",
+            "enable_fallback_ice_server": "Povolit záložní asistenční server hovorů (%(server)s)",
+            "enable_fallback_ice_server_description": "Platí pouze v případě, že váš domovský server tuto možnost nenabízí. Vaše IP adresa bude během hovoru sdílena.",
+            "mirror_local_feed": "Zrcadlit lokání video",
+            "missing_permissions_prompt": "Pro práci se zvukem a videem je potřeba oprávnění. Klepněte na tlačítko a my o ně požádáme.",
+            "noise_suppression": "Potlačení hluku",
+            "noise_suppression_description": "Snižuje šum na pozadí ve vstupu mikrofonu během hovorů. Toto nastavení se vztahuje také na Element Call.",
+            "request_permissions": "Požádat o oprávnění k mikrofonu a kameře",
+            "title": "Zvuk a video",
+            "video_input_empty": "Nerozpoznány žádné webkamery",
+            "video_section": "Nastavení videa",
+            "voice_agc": "Automaticky upravit hlasitost mikrofonu",
+            "voice_processing": "Zpracování hlasu",
+            "voice_section": "Nastavení hlasu"
+        },
+        "warn_quit": "Varovat před ukončením",
+        "warning": "<w>UPOZORNĚNÍ:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Odkaz zkopírován",
+        "permalink_message": "Odkaz na vybranou zprávu",
+        "permalink_most_recent": "Odkaz na nejnovější zprávu",
+        "share_call": "Odkaz na pozvánku na konferenci",
+        "share_call_subtitle": "Odkaz pro externí uživatele, aby se připojili k hovoru bez Matrix účtu:",
+        "title_link": "Sdílet odkaz",
+        "title_message": "Sdílet zprávu z místnosti",
+        "title_room": "Sdílet místnost",
+        "title_user": "Sdílet uživatele"
+    },
+    "slash_command": {
+        "addwidget": "Přidá do místnosti vlastní widget podle adresy URL",
+        "addwidget_iframe_missing_src": "iframe nemá atribut src",
+        "addwidget_invalid_protocol": "Zadejte webovou adresu widgetu (začínající na https:// nebo http://)",
+        "addwidget_missing_url": "Zadejte prosím URL widgetu nebo jeho kód",
+        "addwidget_no_permissions": "V této místnosti nemůžete manipulovat s widgety.",
+        "ban": "Vykáže uživatele s daným id",
+        "category_actions": "Akce",
+        "category_admin": "Správce",
+        "category_advanced": "Rozšířené",
+        "category_effects": "Efekty",
+        "category_messages": "Zprávy",
+        "category_other": "Další možnosti",
+        "command_error": "Chyba příkazu",
+        "converttodm": "Převede místnost na přímou zprávu",
+        "converttoroom": "Převede přímou zprávu na místnost",
+        "could_not_find_room": "Nepodařilo se najít místnost",
+        "deop": "Zruší stav moderátor uživateli se zadaným ID",
+        "devtools": "Otevře dialog nástrojů pro vývojáře",
+        "discardsession": "Vynutí zahození aktuálně používané relace skupiny v zašifrované místnosti",
+        "error_invalid_rendering_type": "Chyba příkazu: Nelze najít typ vykreslování (%(renderingType)s)",
+        "error_invalid_room": "Příkaz se nezdařil: Nelze najít místnost (%(roomId)s",
+        "error_invalid_runfn": "Chyba příkazu: Nelze zpracovat příkaz za lomítkem.",
+        "error_invalid_user_in_room": "Nepodařilo se najít uživatele v místnosti",
+        "help": "Zobrazuje seznam příkazu s popiskem",
+        "help_dialog_title": "Nápověda příkazu",
+        "holdcall": "Podrží hovor v aktuální místnosti",
+        "html": "Pošle zprávu jako HTML a nebude jí interpretovat jako Markdown",
+        "ignore": "Ignoruje uživatele a skryje všechny jeho zprávy",
+        "ignore_dialog_description": "Nyní ignorujete %(userId)s",
+        "ignore_dialog_title": "Ignorovaný uživatel",
+        "invite": "Pozve do aktuální místnosti uživatele s daným id",
+        "invite_3pid_needs_is_error": "Použít server identit na odeslání e-mailové pozvánky. Můžete spravovat v Nastavení.",
+        "invite_3pid_use_default_is_title": "Používat server identit",
+        "invite_3pid_use_default_is_title_description": "K pozvání e-mailem použijte server identit. Pokračováním použijete výchozí server identit (%(defaultIdentityServerName)s) nebo ho můžete změnit v Nastavení.",
+        "invite_failed": "Uživatel (%(user)s) nebyl pozván do %(roomId)s, ale nástroj pro pozvání nezaznamenal žádnou chybu",
+        "join": "Vstoupit do místnosti s danou adresou",
+        "jumptodate": "Přejít na zadané datum na časové ose",
+        "jumptodate_invalid_input": "Nebyli jsme schopni porozumět zadanému datu (%(inputDate)s). Zkuste použít formát RRRR-MM-DD.",
+        "lenny": "Vloží ( ͡° ͜ʖ ͡°) na začátek zprávy",
+        "manual_device_verification_confirm_description": "To umožní jinému zařízení odesílat a přijímat zprávy jako vy. POKUD VÁM NĚKDO ŘEKL, ABYSTE SEM NĚCO VLOŽILI, JE PRAVDĚPODOBNÉ, ŽE JSTE PODVEDENI! Opravdu chcete ověřit toto další zařízení?",
+        "manual_device_verification_confirm_title": "Upozornění: ruční ověření zařízení",
+        "me": "Zobrazí akci",
+        "msg": "Pošle zprávu danému uživateli",
+        "myavatar": "Změní váš profilový obrázek ve všech místnostech",
+        "myroomavatar": "Změní váš profilový obrázek pouze pro tuto místnost",
+        "myroomnick": "Změní vaši zobrazovanou přezdívku pouze v této místnosti",
+        "nick": "Změní vaši zobrazovanou přezdívku",
+        "no_active_call": "V této místnosti není žádný aktivní hovor",
+        "op": "Stanovte úroveň oprávnění uživatele",
+        "part_unknown_alias": "Nerozpoznaná adresa místnosti: %(roomAlias)s",
+        "plain": "Pošle zprávu jako prostý text, neinterpretuje jí jako Markdown",
+        "query": "Otevře konverzaci s tímto uživatelem",
+        "query_not_found_phone_number": "Nelze najít Matrix ID pro telefonní číslo",
+        "rageshake": "Zaslat hlášení o chybě",
+        "rainbow": "Pošle zprávu v barvách duhy",
+        "rainbowme": "Pošle reakci v barvách duhy",
+        "remove": "Odstraní uživatele s daným id z této místnosti",
+        "roomavatar": "Změní avatar této místnosti",
+        "roomname": "Nastaví název místnosti",
+        "server_error": "Chyba serveru",
+        "server_error_detail": "Server je nedostupný, přetížený nebo se něco pokazilo.",
+        "shrug": "Vloží ¯\\_(ツ)_/¯ na začátek zprávy",
+        "spoiler": "Odešle danou zprávu jako spoiler",
+        "status": {
+            "description": "Nastavte svůj aktuální stav",
+            "no_args": "Nebyly zadány žádné argumenty. Měli byste zadat emoji a volitelný textový prvek.",
+            "no_emoji": "Nezadali jste emoji",
+            "no_text": "Nezadali jste žádný popisný text",
+            "too_long_emoji": "První argument musí být emoji",
+            "too_long_text": "Zadaný text byl příliš dlouhý."
+        },
+        "tableflip": "Vloží (╯°□°）╯︵ ┻━┻ na začátek zprávy",
+        "topic": "Nastaví nebo zjistí téma místnosti",
+        "topic_none": "Tato místnost nemá žádné specifické téma.",
+        "topic_room_error": "Nepodařilo se získat téma místnosti: Nelze najít místnost (%(roomId)s",
+        "unban": "Zruší vykázání uživatele s daným identifikátorem",
+        "unflip": "Vloží ┬──┬ ノ( ゜-゜ノ) na začátek zprávy",
+        "unholdcall": "Zruší podržení hovoru v aktuální místnosti",
+        "unignore": "Přestane ignorovat uživatele a začne zobrazovat jeho zprávy",
+        "unignore_dialog_description": "Už neignorujete %(userId)s",
+        "unignore_dialog_title": "Odignorovaný uživatel",
+        "unknown_command": "Neznámý příkaz",
+        "unknown_command_button": "Odeslat jako zprávu",
+        "unknown_command_detail": "Nerozpoznaný příkaz: %(commandText)s",
+        "unknown_command_help": "Můžete použít <code>/help</code> na vypsání všech příkazů. Nebo jste text chtěli odeslat jako zprávu?",
+        "unknown_command_hint": "Tip: Zprávu můžete začít <code>//</code>, pokud chcete aby začínala lomítkem.",
+        "upgraderoom": "Aktualizuje místnost na novou verzi",
+        "upgraderoom_permission_error": "Na provedení tohoto příkazu nemáte dostatečná oprávnění.",
+        "usage": "Použití",
+        "verify": "Ruční ověření jednoho ze svých vlastních zařízení",
+        "view": "Zobrazí místnost s danou adresou",
+        "whois": "Zobrazuje informace o uživateli"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Starší klouzavá synchronizace již není podporována: pro aktivaci nové klouzavé synchronizace se prosím znovu přihlaste.",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Chcete místo toho přidat novou místnost?",
+            "create_prompt": "Vytvořit novou místnost",
+            "dm_heading": "Přímé zprávy",
+            "error_heading": "Ne všechny vybrané byly přidány",
+            "progress_text": {
+                "one": "Přidávání místnosti...",
+                "other": "Přidávání místností... (%(progress)s z %(count)s)"
+            },
+            "space_dropdown_label": "Výběr prostoru",
+            "space_dropdown_title": "Přidat stávající místnosti",
+            "subspace_moved_note": "Přidávání prostorů bylo přesunuto."
+        },
+        "add_existing_subspace": {
+            "create_button": "Vytvořit nový prostor",
+            "create_prompt": "Chcete místo toho přidat nový prostor?",
+            "filter_placeholder": "Hledat prostory",
+            "space_dropdown_title": "Přidat stávající prostor"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Časová osa místnosti (devtools)",
+            "explore": "Procházet místnosti",
+            "home": "Domov prostoru",
+            "manage_and_explore": "Spravovat a prozkoumat místnosti",
+            "options": "Nastavení prostoru"
+        },
+        "failed_load_rooms": "Nepodařilo se načíst seznam místností.",
+        "failed_remove_rooms": "Odebrání některých místností se nezdařilo. Zkuste to později znovu",
+        "incompatible_server_hierarchy": "Váš server nepodporuje zobrazování hierarchií prostorů.",
+        "invite": "Pozvat lidi",
+        "invite_description": "Pozvěte e-mailem nebo uživatelským jménem",
+        "invite_link": "Sdílet odkaz na pozvánku",
+        "joining_space": "Připojování",
+        "landing_welcome": "Vítejte v <name/>",
+        "leave_dialog_action": "Opustit prostor",
+        "leave_dialog_description": "Odcházíte z <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Jste jediným správcem některých místností nebo prostorů, které chcete opustit. Jejich opuštěním zůstanou bez správců.",
+        "leave_dialog_only_admin_warning": "Jste jediným správcem tohoto prostoru. Jeho opuštění bude znamenat, že nad ním nebude mít nikdo kontrolu.",
+        "leave_dialog_option_all": "Odejít ze všech místností",
+        "leave_dialog_option_intro": "Chcete odejít z místností v tomto prostoru?",
+        "leave_dialog_option_none": "Neodcházet z žádné místnosti",
+        "leave_dialog_option_specific": "Odejít z některých místností",
+        "leave_dialog_public_rejoin_warning": "Pokud nebudete znovu pozváni, nebudete se moci připojit.",
+        "leave_dialog_title": "Opustit %(spaceName)s",
+        "mark_suggested": "Označit jako doporučené",
+        "no_search_result_hint": "Možná budete chtít zkusit vyhledat něco jiného nebo zkontrolovat překlepy.",
+        "preferences": {
+            "sections_section": "Sekce pro zobrazení",
+            "show_people_in_space": "Vaše konverzace s členy tohoto prostoru se seskupí. Vypnutím této funkce se tyto chaty skryjí z vašeho pohledu na %(spaceName)s."
+        },
+        "room_filter_placeholder": "Hledat místnosti",
+        "search_children": "Hledat %(spaceName)s",
+        "search_placeholder": "Hledat názvy a popisy",
+        "select_room_below": "Nejprve si vyberte místnost níže",
+        "share_public": "Sdílejte svůj veřejný prostor",
+        "suggested": "Doporučeno",
+        "suggested_tooltip": "Tato místnost je doporučena jako dobrá pro připojení",
+        "title_when_query_available": "Výsledky",
+        "title_when_query_unavailable": "Místnosti a prostory",
+        "unmark_suggested": "Označit jako nedoporučené",
+        "user_lacks_permission": "Nemáte povolení"
+    },
+    "space_settings": {
+        "title": "Nastavení - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Zadejte jméno serveru, který si chcete prohlédnout.",
+            "network_dropdown_add_dialog_placeholder": "Jméno serveru",
+            "network_dropdown_add_dialog_title": "Přidat nový server",
+            "network_dropdown_add_server_option": "Přidat nový server…",
+            "network_dropdown_available_invalid": "Server nebo jeho seznam místností se nepovedlo nalézt",
+            "network_dropdown_available_invalid_forbidden": "Namáte oprávnění zobrazit seznam místností tohoto serveru",
+            "network_dropdown_available_valid": "To vypadá dobře",
+            "network_dropdown_remove_server_adornment": "Odstranit server \"%(roomServer)s\"",
+            "network_dropdown_required_invalid": "Zadejte jméno serveru",
+            "network_dropdown_selected_label": "Zobrazit: Matrix místnosti",
+            "network_dropdown_selected_label_instance": "Zobrazit: %(instance)s místností (%(server)s)",
+            "network_dropdown_your_server_description": "Váš server"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Pokud nevidíte, koho hledáte, pošlete mu odkaz na pozvánku.",
+        "cant_find_room_helpful_hint": "Pokud nemůžete najít místnost, kterou hledáte, požádejte o pozvání nebo vytvořte novou místnost.",
+        "copy_link_text": "Kopírovat odkaz na pozvánku",
+        "count_of_members": {
+            "one": "%(count)s člen",
+            "other": "%(count)s členů"
+        },
+        "create_new_room_button": "Vytvořit novou místnost",
+        "failed_querying_public_rooms": "Nepodařilo se vyhledat veřejné místnosti",
+        "failed_querying_public_spaces": "Nepodařilo se načíst veřejné prostory",
+        "group_chat_section_title": "Další možnosti",
+        "heading_with_query": "Pro vyhledávání použijte \"%(query)s\"",
+        "heading_without_query": "Hledat",
+        "join_button_text": "Vstoupit do %(roomAddress)s",
+        "keyboard_scroll_hint": "K pohybu použijte <arrows/>",
+        "messages_label": "Zprávy",
+        "other_rooms_in_space": "Další místnosti v %(spaceName)s",
+        "public_rooms_label": "Veřejné místnosti",
+        "public_spaces_label": "Veřejné prostory",
+        "recent_searches_section_title": "Nedávná vyhledávání",
+        "recently_viewed_section_title": "Nedávno zobrazené",
+        "remove_filter": "Odstranit filtr vyhledávání pro %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Některé výsledky mohou být z důvodu ochrany soukromí skryté",
+        "result_may_be_hidden_warning": "Některé výsledky mohou být skryté",
+        "search_dialog": "Dialogové okno hledání",
+        "spaces_title": "Prostory, ve kterých se nacházíte",
+        "start_group_chat_button": "Zahájit skupinový chat"
+    },
+    "stickers": {
+        "empty": "Momentálně nemáte aktivní žádné balíčky s nálepkami",
+        "empty_add_prompt": "Přidat nějaké"
+    },
+    "terms": {
+        "column_document": "Dokument",
+        "column_service": "Služba",
+        "column_summary": "Shrnutí",
+        "identity_server_no_terms_description_1": "Tato akce vyžaduje přístup k výchozímu serveru identity <server /> aby šlo ověřit e-mail a telefon, ale server nemá podmínky použití.",
+        "identity_server_no_terms_description_2": "Pokračujte pouze pokud věříte provozovateli serveru.",
+        "identity_server_no_terms_title": "Server identit nemá žádné podmínky použití",
+        "inline_intro_text": "Pro pokračování odsouhlaste <policyLink />:",
+        "integration_manager": "Použít boty, propojení, widgety a balíky nálepek",
+        "intro": "Musíte souhlasit s podmínkami použití, abychom mohli pokračovat.",
+        "summary_identity_server_1": "Najít ostatní pomocí e-mailu nebo telefonu",
+        "summary_identity_server_2": "Umožnit ostatním mě nalézt pomocí e-mailu nebo telefonu",
+        "tac_button": "Přečíst smluvní podmínky",
+        "tac_description": "Chcete-li nadále používat domovský server %(homeserverDomain)s, měli byste si přečíst a odsouhlasit naše smluvní podmínky.",
+        "tac_title": "Smluvní podmínky",
+        "tos": "Podmínky použití"
+    },
+    "theme": {
+        "light_high_contrast": "Světlý vysoký kontrast",
+        "match_system": "Podle systému"
+    },
+    "thread_view_back_action_label": "Zpět do vlákna",
+    "threads": {
+        "all_threads": "Všechna vlákna",
+        "all_threads_description": "Zobrazí všechna vlákna z aktuální místnosti",
+        "count_of_reply": {
+            "one": "%(count)s odpověď",
+            "other": "%(count)s odpovědí"
+        },
+        "empty_description": "Při najetí na zprávu použijte \"%(replyInThread)s\".",
+        "empty_title": "Vlákna pomáhají udržovat konverzace k tématu a snadno je sledovat.",
+        "mark_all_read": "Označit vše jako přečtené",
+        "my_threads": "Moje vlákna",
+        "my_threads_description": "Zobrazit všechna vlákna, kterých jste se zúčastnili",
+        "open_thread": "Otevřít vlákno",
+        "show_thread_filter": "Zobrazit:"
+    },
+    "threads_activity_centre": {
+        "header": "Aktivita vláken",
+        "no_rooms_with_threads_notifs": "Zatím nemáte k dispozici místnosti s upozorněními na vlákna.",
+        "no_rooms_with_unread_threads": "Zatím nemáte místnosti s nepřečtenými vlákny."
+    },
+    "time": {
+        "date_at_time": "%(date)s v %(time)s",
+        "hours_minutes_seconds_left": "zbývá %(hours)sh %(minutes)sm %(seconds)ss",
+        "left": "%(timeRemaining)s zbývá",
+        "minutes_seconds_left": "zbývá %(minutes)sm %(seconds)ss",
+        "seconds_left": "Zbývá %(seconds)ss",
+        "short_days": "%(value)sd",
+        "short_days_hours_minutes_seconds": "%(days)sd %(hours)sh %(minutes)sm %(seconds)ss",
+        "short_hours": "%(value)sh",
+        "short_hours_minutes_seconds": "%(hours)sh %(minutes)sm %(seconds)ss",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)ss",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Sbalit vlákno odpovědi",
+            "external_url": "Zdrojová URL",
+            "open_in_osm": "Otevřít v OpenStreetMap",
+            "report": "Nahlásit",
+            "resent_unsent_reactions": "Poslat %(unsentCount)s reakcí znovu",
+            "show_url_preview": "Zobrazit náhled",
+            "view_related_event": "Zobrazit související událost",
+            "view_source": "Zobrazit zdroj"
+        },
+        "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": {
+            "sender_identity_previously_verified": "Ověřená digitální identita odesílatele byla resetována",
+            "unable_to_decrypt": "Zprávu nelze dešifrovat"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Stahování",
+        "download_failed": "Stažení se nezdařilo",
+        "download_failed_description": "Při stahování tohoto souboru došlo k chybě",
+        "edits": {
+            "tooltip_label": "Upraveno v %(date)s. Klinutím zobrazíte změny.",
+            "tooltip_sub": "Klikněte pro zobrazení úprav",
+            "tooltip_title": "Upraveno %(date)s"
+        },
+        "error_no_renderer": "Tato událost nemohla být zobrazena",
+        "error_rendering_message": "Tuto zprávu nelze načíst",
+        "historical_messages_unavailable": "Dřívější zprávy nelze zobrazit",
+        "in_room_name": " v <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s aktualizoval rozvržení místnosti",
+        "late_event_separator": "Původně odesláno %(dateTime)s",
+        "load_error": {
+            "no_permission": "Pokusili jste se načíst bod v časové ose místnosti, ale pro zobrazení zpráv z daného časového úseku nemáte oprávnění.",
+            "title": "Nepodařilo se načíst pozici na časové ose",
+            "unable_to_find": "Pokusili jste se načíst bod na časové ose místnosti, ale nepodařilo se ho najít."
+        },
+        "m.audio": {
+            "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Zobrazit polohu živě"
+        },
+        "m.call": {
+            "video_call_ended": "Videohovor ukončen",
+            "video_call_started": "Videohovor byl zahájen v %(roomName)s.",
+            "video_call_started_text": "%(name)s zahájil(a) videohovor",
+            "video_call_started_unsupported": "Videohovor byl zahájen v %(roomName)s. (není podporováno tímto prohlížečem)"
+        },
+        "m.call.hangup": {
+            "dm": "Hovor skončil"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Hovor přijat jinde",
+            "call_back_prompt": "Zavolat zpět",
+            "declined": "Hovor odmítnut",
+            "failed_connect_media": "Nepodařilo se připojit média",
+            "failed_connection": "Spojení se nezdařilo",
+            "failed_opponent_media": "Jejich zařízení nemohlo spustit kameru nebo mikrofon",
+            "missed_call": "Zmeškaný hovor",
+            "no_answer": "Žádná odpověď",
+            "unknown_error": "Došlo k neznámé chybě",
+            "unknown_failure": "Neznámá chyba: %(reason)s",
+            "unknown_state": "Hovor je v neznámém stavu!",
+            "video_call": "%(senderName)s zahájil(a) videohovor.",
+            "video_call_unsupported": "%(senderName)s zahájil(a) videohovor. (není podporováno tímto prohlížečem)",
+            "voice_call": "%(senderName)s zahájil(a) hovor.",
+            "voice_call_unsupported": "%(senderName)s zahájil(a) hovor. (není podporováno tímto prohlížečem)"
+        },
+        "m.file": {
+            "error_decrypting": "Chyba při dešifrování přílohy"
+        },
+        "m.image": {
+            "error": "Obrázek nelze zobrazit kvůli chybě",
+            "error_decrypting": "Chyba při dešifrování obrázku",
+            "error_downloading": "Chyba při stahování obrázku",
+            "sent": "%(senderDisplayName)s poslal(a) obrázek.",
+            "show_image": "Zobrazit obrázek"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s chce ověřit",
+            "you_started": "Poslali jste požadavek na ověření"
+        },
+        "m.location": {
+            "full": "%(senderName)s sdílí svou polohu",
+            "location": "Sdílel(a) polohu: ",
+            "self_location": "Sdíleli svou polohu: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s hlas",
+                "other": "%(count)s hlasů"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s ukončil(a) hlasování"
+        },
+        "m.poll.start": "%(senderName)s zahájil(a) hlasování - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s změnil(a) avatar místnosti.",
+            "lightbox_title": "%(senderDisplayName)s změnil(a) avatar místnosti %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s přidal(a) této místnosti alternativní adresy %(addresses)s.",
+                "one": "%(senderName)s přidal(a) této místnosti alternativní adresu %(addresses)s."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s odebral(a) této místnosti alternativní adresy %(addresses)s.",
+                "one": "%(senderName)s odebral(a) této místnosti alternativní adresu %(addresses)s."
+            },
+            "changed": "%(senderName)s změnil(a) adresy této místnosti.",
+            "changed_alternative": "%(senderName)s změnil(a) alternativní adresy této místnosti.",
+            "changed_main_and_alternative": "%(senderName)s změnil(a) hlavní a alternativní adresy této místnosti.",
+            "removed": "%(senderName)s zrušil hlavní adresu této místnosti.",
+            "set": "%(senderName)s nastavil(a) hlavní adresu této místnosti na %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Tato místost je pokračováním jiné konverzace.",
+            "see_older_messages": "Klepnutím zobrazíte starší zprávy.",
+            "unknown_predecessor": "Nepodařilo se najít starou verzi této místnosti (ID místnosti: %(roomId)s), a nebyl poskytnut parametr 'via_servers', který by umožnil její vyhledání.",
+            "unknown_predecessor_guess_server": "Nepodařilo se najít starou verzi této místnosti (ID místnosti: %(roomId)s), a nebyl poskytnut parametr 'via_servers', který by umožnil její vyhledání. Je možné, že odhad serveru z ID místnosti bude fungovat. Pokud to chcete zkusit, klikněte na tento odkaz:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s povolil(a) přístup hostům.",
+            "forbidden": "%(senderDisplayName)s zakázal(a) přístup hostům.",
+            "unknown": "%(senderDisplayName)s změnil(a) pravidlo pro přístup hostů na %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s nastavil(a) viditelnost budoucích zpráv v této místnosti pro všechny její členy od chvíle jejich pozvání.",
+            "joined": "%(senderName)s nastavil(a) viditelnost budoucích zpráv v této místnosti pro všechny její členy od chvíle jejich vstupu.",
+            "shared": "%(senderName)s nastavil(a) viditelnost budoucích zpráv v této místnosti pro všechny její členy.",
+            "unknown": "%(senderName)s nastavil viditelnost budoucí zpráv v místnosti neznámým (%(visibility)s).",
+            "world_readable": "%(senderName)s nastavil(a) viditelnost budoucích zpráv pro kohokoliv."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s zpřístupnil(a) místnost pouze na pozvání.",
+            "knock": "%(senderDisplayName)s změnil(a) pravidlo žádosti o vstup.",
+            "public": "%(senderDisplayName)s zveřejnil(a) místnost pro všechny s odkazem.",
+            "restricted": "%(senderDisplayName)s změnil(a), kdo může vstoupit do této místnosti.",
+            "restricted_settings": "%(senderDisplayName)s změnil, kdo se může vstoupit do této místnosti. <a>Zobrazit nastavení</a>.",
+            "unknown": "%(senderDisplayName)s změnil(a) pravidlo k připojení na %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s přijal(a) pozvání do %(displayName)s",
+            "accepted_invite": "%(targetName)s přijal(a) pozvání",
+            "ban": "%(senderName)s vykázal(a) uživatele",
+            "ban_reason": "%(senderName)s vykázal(a) uživatele: %(reason)s",
+            "ban_reason_spoiler": "%(senderName)s vykázal(a) <user/> :%(reason)s",
+            "ban_spoiler": "%(senderName)s vykázal(a) <user/>",
+            "change_avatar": "%(senderName)s změnil(a) svůj profilový obrázek",
+            "change_name": "%(oldDisplayName)s si změnil(a) zobrazované jméno na %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s změnil(a) své zobrazované jméno a profilový obrázek",
+            "invite": "%(senderName)s pozval(a) %(targetName)s",
+            "join": "%(targetName)s vstoupil(a) do místnosti",
+            "kick": "%(senderName)s odebral(a) %(targetName)s",
+            "kick_reason": "%(senderName)s odebral(a) %(targetName)s: %(reason)s",
+            "left": "%(targetName)s opustil(a) místnost",
+            "left_reason": "%(targetName)s opustil(a) místnost: %(reason)s",
+            "no_change": "%(senderName)s neprovedl(a) žádnou změnu",
+            "reject_invite": "%(targetName)s odmítl(a) pozvání",
+            "reject_invite_reason": "%(targetName)s pozvánku odmítl(a): %(reason)s",
+            "remove_avatar": "%(senderName)s odstranil(a) svůj profilový obrázek",
+            "remove_name": "%(senderName)s odstranil(a) své zobrazované jméno (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s si nastavil(a) profilový obrázek",
+            "set_name": "%(senderName)s si změnil(a) zobrazované jméno na %(displayName)s",
+            "unban": "%(senderName)s zrušil(a) vykázání uživatele %(targetName)s",
+            "withdrew_invite": "%(senderName)s zrušil(a) pozvání pro uživatele %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s zrušil(a) pozvání pro uživatele %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s změnil(a) jméno místnosti z %(oldRoomName)s na %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s odstranil(a) název místnosti.",
+            "set": "%(senderDisplayName)s změnil(a) název místnosti na %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s změnil(a) připíchnuté zprávy této místnosti.",
+            "changed_link": "%(senderName)s změnil(a) <a>připnuté zprávy</a> v místnosti.",
+            "pinned": "%(senderName)s připnul(a) zprávu k této místnosti. Zobrazit všechny připnuté zprávy.",
+            "pinned_link": "%(senderName)s připnul(a) <a>zprávu</a> k této místnosti. Zobrazit všechny <b>připnuté zprávy</b>.",
+            "unpinned": "%(senderName)s odepnul(a) zprávu z této místnosti. Zobrazit všechny připnuté zprávy.",
+            "unpinned_link": "%(senderName)s odepnul(a) <a>zprávu</a> z této místnosti. Zobrazit všechny <b>připnuté zprávy</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s změnil(a) úroveň oprávnění o %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s z %(fromPowerLevel)s na %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s zrušil(a) pozvání do této místnosti pro uživatele %(targetDisplayName)s.",
+            "sent": "%(senderName)s pozval(a) uživatele %(targetDisplayName)s ke vstupu do místnosti."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s aktualizoval(a) místnost.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s změnil(a) téma na „%(topic)s“.",
+            "removed": "%(senderDisplayName)s odstranil(a) téma."
+        },
+        "m.sticker": "%(senderDisplayName)s poslal(a) nálepku.",
+        "m.video": {
+            "error_decrypting": "Chyba při dešifrování videa",
+            "show_video": "Zobrazit video"
+        },
+        "m.widget": {
+            "added": "%(senderName)s přidal(a) widget %(widgetName)s",
+            "jitsi_ended": "Videokonference byla ukončena uživatelem %(senderName)s",
+            "jitsi_join_right_prompt": "Připojte se ke konferenci z informační karty místnosti napravo",
+            "jitsi_join_top_prompt": "Připojte se ke konferenci v horní části této místnosti",
+            "jitsi_started": "Videokonferenci byla zahájena uživatelem %(senderName)s",
+            "jitsi_updated": "Videokonference byla aktualizována uživatelem %(senderName)s",
+            "modified": "%(senderName)s upravil(a) widget %(widgetName)s",
+            "removed": "%(senderName)s odstranil(a) widget %(widgetName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Kopírovat odkaz na vlákno",
+            "view_in_room": "Zobrazit v místnosti"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s změnil(a) blokovací pravidlo odpovídající %(oldGlob)s na odpovídající %(newGlob)s z důvodu %(reason)s",
+            "changed_rule_rooms": "%(senderName)s změnil(a) pravidlo blokující místnosti odpovídající %(oldGlob)s na místnosti odpovídající %(newGlob)s z důvodu %(reason)s",
+            "changed_rule_servers": "%(senderName)s změnil(a) pravidlo blokující servery odpovídající %(oldGlob)s na servery odpovídající %(newGlob)s z důvodu %(reason)s",
+            "changed_rule_users": "%(senderName)s změnil(a) pravidlo blokující uživatele odpovídající %(oldGlob)s na uživatele odpovídající %(newGlob)s z důvodu %(reason)s",
+            "created_rule": "%(senderName)s vytvořil pravidlo vykázání odpovídající %(glob)s z důvodu %(reason)s",
+            "created_rule_rooms": "%(senderName)s vytvořil pravidlo blokující místnosti odpovídající %(glob)s z důvodu %(reason)s",
+            "created_rule_servers": "%(senderName)s vytvořil pravidlo blokující servery odpovídající %(glob)s z důvodu %(reason)s",
+            "created_rule_users": "%(senderName)s vytvořil(a) pravidlo blokující uživatele odpovídající %(glob)s z důvodu %(reason)s",
+            "removed_rule": "%(senderName)s odstranil blokující pravidlo %(glob)s",
+            "removed_rule_rooms": "%(senderName)s odstranil pravidlo blokující místnosti odpovídající %(glob)s",
+            "removed_rule_servers": "%(senderName)s odstranil pravidlo blokující servery odpovídající %(glob)s",
+            "removed_rule_users": "%(senderName)s odstranil(a) pravidlo blokující uživatele odpovídající %(glob)s",
+            "updated_invalid_rule": "%(senderName)s aktualizoval neplatné pravidlo vykázání",
+            "updated_rule": "%(senderName)s aktualizoval pravidlo vykázání odpovídající %(glob)s z důvodu %(reason)s",
+            "updated_rule_rooms": "%(senderName)s aktualizoval pravidlo blokující místnosti odpovídající %(glob)s z důvodu %(reason)s",
+            "updated_rule_servers": "%(senderName)s aktualizoval pravidlo blokující servery odpovídající %(glob)s z důvodu %(reason)s",
+            "updated_rule_users": "%(senderName)s aktualizoval(a) pravidlo blokující uživatele odpovídající %(glob)s z důvodu %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Nemáte oprávnění zobrazovat zprávy z doby před pozváním.",
+        "no_permission_messages_before_join": "Nemáte oprávnění zobrazovat zprávy z doby, než jste se připojili.",
+        "pending_moderation": "Zpráva čeká na moderaci",
+        "pending_moderation_reason": "Zpráva čeká na moderaci: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Přidat reakci",
+            "custom_reaction_fallback_label": "Vlastní reakce",
+            "label": "%(reactors)s reagoval(a) na %(content)s",
+            "tooltip_caption": "reagoval s%(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Viděl %(count)s člověk",
+            "other": "Vidělo %(count)s lidí"
+        },
+        "read_receipts_label": "Potvrzení o přečtení",
+        "redacted": {
+            "tooltip": "Zpráva byla odstraněna %(date)s"
+        },
+        "redaction": "Zpráva smazána uživatelem %(name)s",
+        "reply": {
+            "error_loading": "Není možné načíst událost, na kterou se odpovídalo. Buď neexistuje, nebo nemáte oprávnění ji zobrazit.",
+            "in_reply_to": "<a>V odpovědi na</a> <pill>",
+            "in_reply_to_for_export": "V odpovědi na <a>tuto zprávu</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Budete přesměrováni na stránku třetí strany k ověření svého účtu pro používání s %(integrationsUrl)s. Chcete pokračovat?",
+            "dialog_title": "Přidat začlenění"
+        },
+        "self_redaction": "Zpráva smazána",
+        "send_state_encrypting": "Šifrování zprávy…",
+        "send_state_failed": "Odeslání se nezdařilo",
+        "send_state_sending": "Odeslání zprávy…",
+        "send_state_sent": "Zpráva byla odeslána",
+        "summary": {
+            "banned": {
+                "other": "byli %(count)s krát vykázáni",
+                "one": "byl(a) vykázán(a)"
+            },
+            "banned_multiple": {
+                "other": "byli %(count)s krát vykázáni",
+                "one": "byl(a) vykázán(a)"
+            },
+            "changed_avatar": {
+                "other": "%(oneUser)szměnil(a) %(count)s krát svůj profilový obrázek",
+                "one": "%(oneUser)szměnil(a) svůj profilový obrázek"
+            },
+            "changed_avatar_multiple": {
+                "other": "%(severalUsers)ssi %(count)skrát změnili svůj profilový obrázek",
+                "one": "%(severalUsers)szměnilo svůj profilový obrázek"
+            },
+            "changed_name": {
+                "other": "%(oneUser)s si %(count)s krát změnil(a) jméno",
+                "one": "%(oneUser)s si změnil(a) jméno"
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)s si %(count)s krát změnili jméno",
+                "one": "%(severalUsers)s si změnili jméno"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)sodeslal(a) skrytou zprávu",
+                "other": "%(oneUser)s odeslal(a) %(count)s skrytých zpráv"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)sodeslali skrytou zprávu",
+                "other": "%(severalUsers)sodeslali %(count)s skrytých zpráv"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)směl %(count)s krát stažené pozvání",
+                "one": "%(oneUser)směl stažené pozvání"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)směli %(count)s krát stažené pozvání",
+                "one": "%(severalUsers)smeli stažené pozvání"
+            },
+            "invited": {
+                "other": "byl %(count)s krát pozván",
+                "one": "byl(a) pozván(a)"
+            },
+            "invited_multiple": {
+                "other": "byli %(count)s krát pozváni",
+                "one": "byli pozváni"
+            },
+            "joined": {
+                "one": "%(oneUser)svstoupil(a)",
+                "other": "%(oneUser)s %(count)s krát vstoupil(a)"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)s %(count)s krát vstoupil(a) a opustil(a)",
+                "one": "%(oneUser)svstoupil(a) a opustil(a)"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)s %(count)s krát vstoupili a opustili",
+                "one": "%(severalUsers)svstoupili a opustili"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s%(count)s krát vstoupili",
+                "one": "%(severalUsers)svstoupili"
+            },
+            "kicked": {
+                "one": "byl(a) odebrán(a)",
+                "other": "byli odebráni %(count)s krát"
+            },
+            "kicked_multiple": {
+                "one": "byli odebráni",
+                "other": "byli odebráni %(count)s krát"
+            },
+            "left": {
+                "other": "%(oneUser)s %(count)s krát opustil(a)",
+                "one": "%(oneUser)sopustil(a)"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)s %(count)s krát opustili",
+                "one": "%(severalUsers)sopustili"
+            },
+            "no_change": {
+                "other": "%(oneUser)s neudělal(a) %(count)s krát žádnou změnu",
+                "one": "%(oneUser)s neudělal(a) žádnou změnu"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)s neudělali %(count)s krát žádnou změnu",
+                "one": "%(severalUsers)s neudělali žádnou změnu"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)szměnil(a) <a>připnuté zprávy</a> místnosti",
+                "other": "%(oneUser)s%(count)s krát změnil(a) <a>připnuté zprávy</a> místnosti"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)szměnili <a>připnuté zprávy</a> místnosti",
+                "other": "%(severalUsers)s%(count)s krát změnili <a>připnuté zprávy</a> v místnosti"
+            },
+            "redacted": {
+                "other": "%(oneUser)ssmazal(a) %(count)s zpráv",
+                "one": "%(oneUser)ssmazal(a) zprávu"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)ssmazali zprávu",
+                "other": "%(severalUsers)ssmazali %(count)s zpráv"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)s %(count)s krát odmítl pozvání",
+                "one": "%(oneUser)sodmítl pozvání"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s %(count)s krát odmítli pozvání",
+                "one": "%(severalUsers)sodmítli pozvání"
+            },
+            "rejoined": {
+                "other": "%(oneUser)s %(count)s krát opustil(a) a znovu vstoupil(a)",
+                "one": "%(oneUser)sopustil(a) a znovu vstoupil(a)"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)s %(count)s krát opustili a znovu vstoupili",
+                "one": "%(severalUsers)sopustili a znovu vstoupili"
+            },
+            "unbanned": {
+                "other": "měl(a) %(count)s krát zrušeno vykázání",
+                "one": "má zrušeno vykázání"
+            },
+            "unbanned_multiple": {
+                "other": "měli %(count)s krát zrušeno vykázání",
+                "one": "měli zrušeno vykázání"
+            }
+        },
+        "thread_info_basic": "Z vlákna",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s a %(count)s dalších píše …",
+                "one": "%(names)s a jeden další píše …"
+            },
+            "one_user": "%(displayName)s píše …",
+            "two_users": "%(names)s a %(lastPerson)s píšou …"
+        },
+        "undecryptable_tooltip": "Tuto zprávu se nepodařilo dešifrovat"
+    },
+    "truncated_list_n_more": {
+        "other": "A %(count)s dalších..."
+    },
+    "unsupported_browser": {
+        "description": "Pokud budete pokračovat, mohou některé funkce přestat fungovat a hrozí, že v budoucnu přijdete o data. Chcete-li pokračovat v používání %(brand)s, aktualizujte svůj prohlížeč.",
+        "title": "%(brand)s nepodporuje tento prohlížeč"
+    },
+    "unsupported_server_description": "Tento server používá starší verzi Matrix. Chcete-li používat %(brand)s bez možných problémů, aktualizujte Matrixu na %(version)s .",
+    "unsupported_server_title": "Váš server není podporován",
+    "update": {
+        "changelog": "Seznam změn",
+        "check_action": "Zkontrolovat aktualizace",
+        "checking": "Kontrola aktualizace…",
+        "downloading": "Stahování aktualizace…",
+        "error_encountered": "Nastala chyba (%(errorDetail)s).",
+        "error_unable_load_commit": "Nepovedlo se načíst detaily revize: %(msg)s",
+        "new_version_available": "Je dostupná nová verze. <a>Aktualizovat nyní.</a>",
+        "no_update": "Není dostupná žádná aktualizace.",
+        "release_notes_toast_title": "Co je nového",
+        "see_changes_button": "Co je nového?",
+        "toast_description": "K dispozici je nová verze %(brand)s",
+        "toast_title": "Aktualizovat %(brand)s",
+        "unavailable": "Nedostupné"
+    },
+    "update_room_access_modal": {
+        "description": "Chcete-li vytvořit sdílený odkaz, nastavte tuto místnost <b>veřejnou</b> nebo povolte možnost, aby uživatelé <b>požádali o vstup</b>. To umožňuje hostům připojit se, aniž by byli pozváni.",
+        "dont_change_description": "Pokud nechcete změnit přístup k této místnosti, můžete pro odkaz na hovor vytvořit novou místnost.",
+        "no_change": "Nechci měnit úroveň přístupu.",
+        "revert_access_description": "(Tuto hodnotu lze vrátit na předchozí hodnotu v Nastavení místnosti: <b>Zabezpečení a soukromí</b> / <b>Přístup</b>)",
+        "title": "Povolit hostům vstup do této místnosti"
+    },
+    "upload_failed_generic": "Soubor '%(fileName)s' se nepodařilo nahrát.",
+    "upload_failed_size": "Soubor '%(fileName)s' je větší než povoluje limit domovského serveru",
+    "upload_failed_title": "Nahrávání selhalo",
+    "upload_file": {
+        "cancel_all_button": "Zrušit vše",
+        "error_file_too_large": "Tento soubor je <b>příliš velký</b>. Limit na velikost je %(limit)s, ale soubor má %(sizeOfThisFile)s.",
+        "error_files_too_large": "Tyto soubory jsou <b>příliš velké</b>. Limit je %(limit)s.",
+        "error_some_files_too_large": "Některé soubory <b>jsou příliš velké</b>. Limit je %(limit)s.",
+        "error_title": "Chyba při nahrávání",
+        "not_image": "Soubor, který jste vybrali, není platný soubor obrázku.",
+        "title": "Nahrát soubory",
+        "title_progress": "Nahrát soubory (%(current)s z %(total)s)",
+        "upload_all_button": "Nahrát vše",
+        "upload_n_others_button": {
+            "other": "Nahrát %(count)s ostatních souborů",
+            "one": "Nahrát %(count)s další soubor"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Nástroje pro správce",
+        "ban_button_room": "Vykázat z místnosti",
+        "ban_button_space": "Vykázat z prostoru",
+        "ban_room_confirm_title": "Vykázat z %(roomName)s",
+        "ban_space_everything": "Vykázat je všude, kde mohu",
+        "ban_space_specific": "Vykázat je z konkrétních míst, ze kterých jsem schopen",
+        "deactivate_confirm_action": "Deaktivovat uživatele",
+        "deactivate_confirm_description": "Deaktivace tohoto uživatele odstraní jeho zařízení a znemožní mu opětovné přihlášení. Navíc opustí všechny místnosti, ve kterých se nachází. Tuto akci nelze vrátit zpět. Opravdu chcete tohoto uživatele deaktivovat?",
+        "deactivate_confirm_title": "Deaktivovat uživatele?",
+        "demote_button": "Degradovat",
+        "demote_self_confirm_description_space": "Tuto změnu nebudete moci vrátit zpět, protože budete degradováni, pokud jste posledním privilegovaným uživatelem v daném prostoru, nebude možné znovu získat oprávnění.",
+        "demote_self_confirm_room": "Tuto změnu nebudete moci vzít zpět, protože snižujete svoji vlastní hodnost, jste-li poslední privilegovaný uživatel v místnosti, bude nemožné vaši současnou hodnost získat zpět.",
+        "demote_self_confirm_title": "Snížit Vaši vlastní hodnost?",
+        "disinvite_button_room": "Zrušit pozvánku do místnosti",
+        "disinvite_button_room_name": "Zrušit pozvánku do %(roomName)s",
+        "disinvite_button_space": "Zrušit pozvánku do prostoru",
+        "error_ban_user": "Nepodařilo se vykázat uživatele",
+        "error_deactivate": "Deaktivace uživatele se nezdařila",
+        "error_kicking_user": "Nepodařilo se odebrat uživatele",
+        "error_mute_user": "Ztlumení uživatele se nezdařilo",
+        "error_revoke_3pid_invite_description": "Pozvání se nepovedlo zrušit. Mohlo dojít k dočasnému problému nebo na to nemáte dostatečná práva.",
+        "error_revoke_3pid_invite_title": "Pozvání se nepovedlo zrušit",
+        "ignore_button": "Ignorovat",
+        "ignore_confirm_description": "Všechny zprávy a pozvánky od tohoto uživatele budou skryty. Opravdu je chcete ignorovat?",
+        "ignore_confirm_title": "Ignorovat %(user)s",
+        "invited_by": "Pozván od uživatele %(sender)s",
+        "jump_to_rr_button": "Přejít na poslední potvrzení o přečtení",
+        "kick_button_room": "Odebrat z místnosti",
+        "kick_button_room_name": "Odebrat z %(roomName)s",
+        "kick_button_space": "Odebrat z prostoru",
+        "kick_button_space_everything": "Odebrat je ze všeho, kde mohu",
+        "kick_space_specific": "Odebrat je z konkrétních míst, kam mohu",
+        "kick_space_warning": "Stále budou mít přístup ke všemu, čeho nejste správcem.",
+        "promote_warning": "Tuto změnu nepůjde vrátit zpět, protože tomuto uživateli nastavujete stejnou úroveň oprávnění, jakou máte vy.",
+        "redact": {
+            "confirm_button": {
+                "other": "Odstranit %(count)s zpráv",
+                "one": "Odstranit zprávu"
+            },
+            "confirm_description_1": {
+                "one": "Chystáte se odstranit %(count)s zprávu od %(user)s. Tím ji trvale odstraníte pro všechny účastníky konverzace. Přejete si pokračovat?",
+                "other": "Chystáte se odstranit %(count)s zpráv od %(user)s. Tím je trvale odstraníte pro všechny účastníky konverzace. Přejete si pokračovat?"
+            },
+            "confirm_description_2": "Pro větší množství zpráv to může nějakou dobu trvat. V průběhu prosím neobnovujte klienta.",
+            "confirm_keep_state_explainer": "Zrušte zaškrtnutí, pokud chcete odstranit i systémové zprávy tohoto uživatele (např. změna členství, změna profilu...)",
+            "confirm_keep_state_label": "Zachovat systémové zprávy",
+            "confirm_title": "Odstranit nedávné zprávy od uživatele %(user)s",
+            "no_recent_messages_description": "Zkuste posunout časovou osu nahoru, jestli tam nejsou nějaké dřívější.",
+            "no_recent_messages_title": "Nebyly nalezeny žádné nedávné zprávy od uživatele %(user)s"
+        },
+        "redact_button": "Odebrat zprávy",
+        "revoke_invite": "Zrušit pozvání",
+        "room_encrypted": "Zprávy jsou v této místnosti koncově šifrované.",
+        "room_encrypted_detail": "Vaše zprávy jsou zabezpečené - pouze vy a jejich příjemci máte klíče potřebné k jejich přečtení.",
+        "room_unencrypted": "Zprávy nejsou koncově šifrované.",
+        "room_unencrypted_detail": "V šifrovaných místnostech jsou vaše zprávy bezpečné a pouze vy a příjemce má klíče k jejich rozšifrování.",
+        "send_message": "Poslat zprávu",
+        "share_button": "Sdílet profil",
+        "unban_button_room": "Zrušit vykázání z místnosti",
+        "unban_button_space": "Zrušit vykázání z prostoru",
+        "unban_room_confirm_title": "Zrušit vykázání z %(roomName)s",
+        "unban_space_everything": "Zrušit jejich vykázání všude, kde mám oprávnění",
+        "unban_space_specific": "Zrušit jejich vykázání z konkrétních míst, kde mám oprávnění",
+        "unban_space_warning": "Nebudou mít přístup ke všemu, čeho nejste správcem.",
+        "unignore_button": "Zrušit ignorování",
+        "verification_unavailable": "Ověření uživatele není k dispozici",
+        "verify_button": "Ověřit uživatele",
+        "verify_explainer": "Pro lepší bezpečnost, ověřte uživatele zkontrolováním jednorázového kódu na vašich zařízeních."
+    },
+    "voip": {
+        "already_in_call": "Již máte hovor",
+        "already_in_call_person": "S touto osobou již telefonujete.",
+        "answered_elsewhere": "Zodpovězeno jinde",
+        "answered_elsewhere_description": "Hovor byl přijat na jiném zařízení.",
+        "call_failed": "Hovor selhal",
+        "call_failed_description": "Hovor se nepovedlo navázat",
+        "call_failed_media": "Hovor selhal, protože nešlo použít mikrofon nebo webkameru. Zkontrolujte, že:",
+        "call_failed_media_applications": "Webkamera není blokována jinou aplikací",
+        "call_failed_media_connected": "Mikrofon a webkamera jsou zapojeny a správně nastaveny",
+        "call_failed_media_permissions": "Aplikace má k webkameře povolen přístup",
+        "call_failed_microphone": "Hovor selhal, protože nešlo použít mikrofon. Zkontrolujte, že je mikrofon připojen a správně nastaven.",
+        "call_held": "%(peerName)s podržel hovor",
+        "call_held_resume": "Podrželi jste hovor <a>Pokračovat</a>",
+        "call_held_switch": "Podrželi jste hovor <a>Přepnout</a>",
+        "call_members": {
+            "exhaustive": {
+                "one": "<avatars/> je v hovoru",
+                "few": "",
+                "other": "<avatars/> jsou v hovoru"
+            },
+            "overflow": {
+                "one": "<avatars/> +%(overflowCount)s v hovoru",
+                "few": "",
+                "other": "<avatars/> +%(overflowCount)s v hovoru"
+            }
+        },
+        "call_toast_unknown_room": "Neznámá místnost",
+        "camera_disabled": "Vaše kamera je vypnutá",
+        "camera_enabled": "Vaše kamera je stále zapnutá",
+        "cannot_call_yourself_description": "Nemůžete volat sami sobě.",
+        "close_lobby": "Zavřít lobby",
+        "connecting": "Spojování",
+        "connection_lost": "Došlo ke ztrátě připojení k serveru",
+        "connection_lost_description": "Bez připojení k serveru nelze uskutečňovat hovory.",
+        "consulting": "Konzultace s %(transferTarget)s. <a>Převod na %(transferee)s</a>",
+        "default_device": "Výchozí zařízení",
+        "dial": "Vytočit",
+        "dialpad": "Číselník",
+        "disable_camera": "Vypnout kameru",
+        "disable_microphone": "Ztlumit mikrofon",
+        "disabled_no_perms_start_video_call": "Nemáte oprávnění ke spuštění videohovorů",
+        "disabled_no_perms_start_voice_call": "Nemáte oprávnění k zahájení hlasových hovorů",
+        "disabled_ongoing_call": "Průběžný hovor",
+        "element_call": "Element Call",
+        "enable_camera": "Zapnout kameru",
+        "enable_microphone": "Zrušit ztlumení mikrofonu",
+        "expand": "Návrat do hovoru",
+        "get_call_link": "Sdílet odkaz na hovor",
+        "group_call_started": "Skupinový hovor byl zahájen",
+        "hangup": "Zavěsit",
+        "hide_sidebar_button": "Skrýt postranní panel",
+        "input_devices": "Vstupní zařízení",
+        "jitsi_call": "Jitsi konference",
+        "join_with_video": "Připojte se pomocí videa",
+        "legacy_call": "Zastaralý způsob hovoru",
+        "maximise": "Vyplnit obrazovku",
+        "maximise_call": "Maximalizovat hovor",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Konference"
+        },
+        "minimise_call": "Minimalizovat hovor",
+        "misconfigured_server": "Volání selhalo, protože je rozbitá konfigurace serveru",
+        "misconfigured_server_description": "Požádejte správce svého domovského serveru (<code>%(homeserverDomain)s</code>) jestli by nemohl nakonfigurovat TURN server, aby volání fungovala spolehlivě.",
+        "misconfigured_server_fallback": "Případně můžete zkusit použít veřejný server na adrese <server/>, ale ten nebude tak spolehlivý a bude sdílet vaši IP adresu s tímto serverem. Můžete to spravovat také v Nastavení.",
+        "misconfigured_server_fallback_accept": "Zkuste použít %(server)s",
+        "more_button": "Více",
+        "msisdn_lookup_failed": "Nelze nalézt telefonní číslo",
+        "msisdn_lookup_failed_description": "Při vyhledávání telefonního čísla došlo k chybě",
+        "msisdn_transfer_failed": "Nelze přepojit hovor",
+        "n_people_joined": {
+            "one": "%(count)s osoba se připojila",
+            "other": "%(count)s osob se připojilo"
+        },
+        "no_audio_input_description": "Ve vašem zařízení nebyl nalezen žádný mikrofon. Zkontrolujte prosím nastavení a zkuste to znovu.",
+        "no_audio_input_title": "Nebyl nalezen žádný mikrofon",
+        "no_media_perms_description": "Je možné, že budete potřebovat manuálně povolit %(brand)s přístup k mikrofonu/webkameře",
+        "no_media_perms_title": "Žádná oprávnění k médiím",
+        "no_permission_conference": "Vyžaduje oprávnění",
+        "no_permission_conference_description": "V této místnosti nemáte oprávnění zahájit konferenční hovor",
+        "on_hold": "%(name)s podržen",
+        "output_devices": "Výstupní zařízení",
+        "screenshare_monitor": "Sdílet celou obrazovku",
+        "screenshare_title": "Sdílet obsah",
+        "screenshare_window": "Okno aplikace",
+        "show_sidebar_button": "Zobrazit postranní panel",
+        "silence": "Ztlumit zvonění",
+        "silenced": "Oznámení ztlumena",
+        "start_screenshare": "Začít sdílet obrazovku",
+        "stop_screenshare": "Ukončit sdílení obrazovky",
+        "too_many_calls": "Přiliš mnoho hovorů",
+        "too_many_calls_description": "Dosáhli jste maximálního počtu souběžných hovorů.",
+        "transfer_consult_first_label": "Nejprve se poraďte",
+        "transfer_failed": "Přepojení se nezdařilo",
+        "transfer_failed_description": "Hovor se nepodařilo přepojit",
+        "unable_to_access_audio_input_description": "Nepodařilo se získat přístup k vašemu mikrofonu . Zkontrolujte prosím nastavení prohlížeče a zkuste to znovu.",
+        "unable_to_access_audio_input_title": "Nelze získat přístup k mikrofonu",
+        "unable_to_access_media": "Není možné použít webkameru nebo mikrofon",
+        "unable_to_access_microphone": "Není možné použít mikrofon",
+        "unknown_caller": "Neznámý volající",
+        "unknown_person": "neznámá osoba",
+        "unsilence": "Zvuk zapnutý",
+        "unsupported": "Hovory nejsou podporovány",
+        "unsupported_browser": "V tomto prohlížeči nelze uskutečňovat hovory.",
+        "user_busy": "Uživatel zaneprázdněn",
+        "user_busy_description": "Volaný uživatel je zaneprázdněn.",
+        "user_is_presenting": "%(sharerName)s prezentuje",
+        "video_call": "Videohovor",
+        "video_call_incoming": "Příchozí videohovor",
+        "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",
+    "welcome": {
+        "tagline_element": "Navrženo pro rychlost a jednoduchost.",
+        "title_element": "Buďte ve svém živlu",
+        "title_generic": "Vítejte v %(brand)s"
+    },
+    "widget": {
+        "added_by": "Widget přidal",
+        "capabilities_dialog": {
+            "content_starting_text": "Tento widget by chtěl:",
+            "decline_all_permission": "Odmítnout vše",
+            "remember_Selection": "Zapamatovat si volbu pro tento widget",
+            "title": "Schválit oprávnění widgetu"
+        },
+        "capability": {
+            "always_on_screen_generic": "Při běhu zůstává na obrazovce",
+            "always_on_screen_viewing_another_room": "Při prohlížení jiné místnosti zůstává při běhu na obrazovce",
+            "any_room": "Výše uvedené, ale také v jakékoli místnosti, ke které jste připojeni nebo do které jste pozváni",
+            "byline_empty_state_key": "s prázdným stavovým klíčem",
+            "byline_state_key": "se stavovým klíčem %(stateKey)s",
+            "capability": "Schopnost <b>%(capability)s</b>",
+            "change_avatar_active_room": "Změňte avatar vaší aktivní místnosti",
+            "change_avatar_this_room": "Změňte avatar této místnosti",
+            "change_name_active_room": "Změňte název své aktivní místnosti",
+            "change_name_this_room": "Změňte název této místnosti",
+            "change_topic_active_room": "Změnit téma vaší aktivní místnosti",
+            "change_topic_this_room": "Změnit téma této místnosti",
+            "download_file": "Stáhnout soubory z úložiště médií",
+            "receive_membership_active_room": "Zjistěte, kdy se lidé připojí, odejdou nebo jsou pozváni do vaší aktivní místnosti",
+            "receive_membership_this_room": "Zjistěte, kdy se lidé připojí, odejdou nebo jsou pozváni do této místnosti",
+            "remove_ban_invite_leave_active_room": "Odebrat, vykázat nebo pozvat lidi do vaší aktivní místnosti a donutit vás ji opustit",
+            "remove_ban_invite_leave_this_room": "Odebrat, vykázat nebo pozvat lidi do této místnosti a donutit vás ji opustit",
+            "see_avatar_change_active_room": "Podívejte se, kdy se změní avatar ve vaší aktivní místnosti",
+            "see_avatar_change_this_room": "Podívejte se, kdy se změní avatar v této místnosti",
+            "see_event_type_sent_active_room": "Zobrazit události <b>%(eventType)s</b> odeslané do vaší aktivní místnosti",
+            "see_event_type_sent_this_room": "Zobrazit události <b>%(eventType)s</b> zveřejněné v této místnosti",
+            "see_images_sent_active_room": "Podívat se na obrázky zveřejněné ve vaší aktivní místnosti",
+            "see_images_sent_this_room": "Podívat se na obrázky zveřejněné v této místnosti",
+            "see_messages_sent_active_room": "Zobrazit zprávy odeslané do vaší aktivní místnosti",
+            "see_messages_sent_this_room": "Zobrazit zprávy odeslané do této místnosti",
+            "see_msgtype_sent_active_room": "Prohlédnout zprávy <b>%(msgtype)s</b> zveřejněné ve vaší aktivní místnosti",
+            "see_msgtype_sent_this_room": "Prohlédnout zprávy <b>%(msgtype)s</b> zveřejněné v této místnosti",
+            "see_name_change_active_room": "Podívejte se, kdy se ve vaší aktivní místnosti změní název",
+            "see_name_change_this_room": "Podívejte se, kdy se změní název v této místnosti",
+            "see_sent_emotes_active_room": "Prohlédněte si emoji zveřejněné ve vaší aktivní místnosti",
+            "see_sent_emotes_this_room": "Prohlédněte si emoji zveřejněné v této místnosti",
+            "see_sent_files_active_room": "Prohlédnout obecné soubory zveřejněné ve vaší aktivní místnosti",
+            "see_sent_files_this_room": "Prohlédnout obecné soubory zveřejněné v této místnosti",
+            "see_sticker_posted_active_room": "Podívejte se, kdy někdo zveřejní nálepku ve vaší aktivní místnosti",
+            "see_sticker_posted_this_room": "Podívejte se, kdy je zveřejněna nálepka v této místnosti",
+            "see_text_messages_sent_active_room": "Podívat se na textové zprávy odeslané do vaší aktivní místnosti",
+            "see_text_messages_sent_this_room": "Podívat se na textové zprávy odeslané do této místnosti",
+            "see_topic_change_active_room": "Podívejte se, kdy se změní téma ve vaší aktivní místnosti",
+            "see_topic_change_this_room": "Podívejte se, kdy se změní téma v této místnosti",
+            "see_videos_sent_active_room": "Podívat se na videa zveřejněná ve vaší aktivní místnosti",
+            "see_videos_sent_this_room": "Podívat se na videa zveřejněná v této místnosti",
+            "send_emotes_active_room": "Poslat emoji jako vy ve své aktivní místnosti",
+            "send_emotes_this_room": "Poslat emoji jako vy v této místnosti",
+            "send_event_type_active_room": "Poslat události <b>%(eventType)s</b> jako vy ve vaší aktivní místnosti",
+            "send_event_type_this_room": "Poslat události <b>%(eventType)s</b> jako vy v této místnosti",
+            "send_files_active_room": "Poslat obecné soubory jako vy ve vaší aktivní místnosti",
+            "send_files_this_room": "Poslat obecné soubory jako vy v této místnosti",
+            "send_images_active_room": "Poslat obrázky jako vy ve vaší aktivní místnosti",
+            "send_images_this_room": "Poslat obrázky jako vy v této místnosti",
+            "send_messages_active_room": "Poslat zprávy jako vy ve vaší aktivní místnosti",
+            "send_messages_this_room": "Poslat zprávy jako vy v této místnosti",
+            "send_msgtype_active_room": "Poslat zprávy <b>%(msgtype)s</b> jako vy ve vašá aktivní místnosti",
+            "send_msgtype_this_room": "Poslat zprávy <b>%(msgtype)s</b> jako vy v této místnosti",
+            "send_stickers_active_room": "Poslat nálepky do vaší aktivní místnosti",
+            "send_stickers_active_room_as_you": "Poslat nálepky do vaší aktivní místnosti jako vy",
+            "send_stickers_this_room": "Poslat nálepky do této místnosti",
+            "send_stickers_this_room_as_you": "Poslat nálepky jako vy do této místnosti",
+            "send_text_messages_active_room": "Poslat textové zprávy jako vy ve vaší aktivní místnosti",
+            "send_text_messages_this_room": "Poslat textové zprávy jako vy v této místnosti",
+            "send_videos_active_room": "Podívat se na videa jako vy ve vaší aktivní místnosti",
+            "send_videos_this_room": "Poslat videa jako vy v této místnosti",
+            "specific_room": "Výše uvedené, ale také v <Room />",
+            "switch_room": "Změnit kterou místnost si prohlížíte",
+            "switch_room_message_user": "Změňte, kterou místnost, zprávu nebo uživatele si prohlížíte"
+        },
+        "close_to_view_right_panel": "Zavřít tento widget a zobrazit ho na tomto panelu",
+        "context_menu": {
+            "delete": "Vymazat widget",
+            "delete_warning": "Smazáním widgetu ho odstraníte všem uživatelům v této místnosti. Opravdu chcete tento widget smazat?"
+        },
+        "cookie_warning": "Widget může používat cookies.",
+        "error_hangup_description": "Hovor byl přerušen. (Chyba: %(message)s)",
+        "error_hangup_title": "Spojení ztraceno",
+        "error_loading": "Chyba při načítání widgetu",
+        "error_mixed_content": "Chyba - Smíšený obsah",
+        "error_need_invite_permission": "Pro tuto akci musíte mít právo zvát uživatele.",
+        "error_need_kick_permission": "Pro tuto akci musíte mít právo vyhodit uživatele.",
+        "error_need_to_be_logged_in": "Musíte být přihlášeni.",
+        "error_unable_start_audio_stream_description": "Nelze spustit streamování zvuku.",
+        "error_unable_start_audio_stream_title": "Nepodařilo spustit živý přenos",
+        "modal_data_warning": "Níže uvedené údaje jsou sdíleny s %(widgetDomain)s",
+        "modal_title_default": "Modální widget",
+        "no_name": "Neznámá aplikace",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Zapamatujte si toto",
+            "starting_text": "Widget ověří vaše uživatelské ID, ale nebude za vás moci provádět akce:",
+            "title": "Povolte tomuto widgetu ověřit vaši identitu"
+        },
+        "popout": "Otevřít widget v novém okně",
+        "set_room_layout": "Nastavte rozložení pro každého",
+        "shared_data_avatar": "URL vašeho profilového obrázku",
+        "shared_data_device_id": "ID vašeho zařízení",
+        "shared_data_lang": "Váš jazyk",
+        "shared_data_mxid": "Vaše ID",
+        "shared_data_name": "Vaše zobrazované jméno",
+        "shared_data_room_id": "ID místnosti",
+        "shared_data_theme": "Váš motiv vzhledu",
+        "shared_data_url": "URL %(brand)su",
+        "shared_data_warning": "Použití tohoto widgetu může sdílet data <helpIcon /> s %(widgetDomain)s.",
+        "shared_data_warning_im": "Použití tohoto widgetu může sdílet data <helpIcon /> s %(widgetDomain)s a vaším správcem integrací.",
+        "shared_data_widget_id": "ID widgetu",
+        "unencrypted_warning": "Widgety nepoužívají šifrování zpráv.",
+        "unmaximise": "Zrušit maximalizaci",
+        "unpin_to_view_right_panel": "Odepnout tento widget a zobrazit ho na tomto panelu"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Všechno velkými je skoro stejně jednoduché jako všechno malými písmeny",
+            "anotherWord": "Přidejte další slovo nebo dvě. Čím výjimečnější tím lepší.",
+            "associatedYears": "Nepoužívejte roky, které s vámi nějak souvisí",
+            "capitalization": "Zvětšení nějakých písmen zas tolik nepomůže",
+            "dates": "Nepoužívejte data ani roky, které s vámi nějak souvisí",
+            "l33t": "Časté substituce jako 'a' za '@' a 'S' za '$' moc nepomůžou",
+            "longerKeyboardPattern": "Použijte delší sekvenci",
+            "noNeed": "Není potřeba používat čísla, velká písmena ani divné znaky",
+            "pwned": "Pokud toto heslo používáte jinde, měli byste jej změnit.",
+            "recentYears": "Nepoužívejte čísla roků",
+            "repeated": "Vyvarujte se opakujících se slov a znaků",
+            "reverseWords": "Otočená slova nejsou moc těžká na uhodnutí",
+            "sequences": "Vyvarujte se běžných posloupností",
+            "useWords": "Použijte několik slov a vyvarujte se běžných frází"
+        },
+        "warnings": {
+            "common": "Toto je velmi používané heslo",
+            "commonNames": "Běžná jména a příjmení je velmi jednoduché uhodnout",
+            "dates": "Data je většinou lehké uhodnout",
+            "extendedRepeat": "Opakování typu „abcabcabc“ jsou jen o málo složitější k uhádnutí než „abc“",
+            "keyPattern": "Krátké sekvence kláves je moc jednoduché uhodnout",
+            "namesByThemselves": "Jména a příjmení je velmi jednoduché uhodnout",
+            "pwned": "Vaše heslo bylo odhaleno při úniku dat na internetu.",
+            "recentYears": "Nedávné roky je lehké uhodnout",
+            "sequences": "Posloupnosti jako abc nebo 6543 je lehké uhodnout",
+            "similarToCommon": "Toto je moc podobné běžně používanému heslu",
+            "simpleRepeat": "Opakování jako „aaa“ lze snadno uhodnout",
+            "straightRow": "Řádky na klávesnici je moc jednoduché uhodnout",
+            "topHundred": "Toto je jedno z nejčastějších hesel",
+            "topTen": "Toto jedno z nějčastějších hesel",
+            "userInputs": "Neměly by zde být žádné osobní údaje ani údaje související se stránkou.",
+            "wordByItself": "Jenom jedno slovo je moc jednoduché uhodnout"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/cy.json b/apps/web/src/i18n/strings/cy.json
new file mode 100644
index 00000000000..49705af5023
--- /dev/null
+++ b/apps/web/src/i18n/strings/cy.json
@@ -0,0 +1,4008 @@
+{
+    "a11y": {
+        "jump_first_invite": "Symud i'r gwahoddiad cyntaf.",
+        "message_composer": "Neges cyfansoddwr",
+        "n_unread_messages": {
+            "%(count)s neges heb eu darllen": "other",
+            "1 neges heb ei darllen": "one"
+        },
+        "n_unread_messages_mentions": {
+            "%(count)s crybwylliadau heb eu darllen": "zero",
+            "1 crybwylliad heb ei ddarllen": "one",
+            "%(count)s grybwylliad heb eu darllen": "two",
+            "%(count)s crybwylliad heb eu darllen": "other"
+        },
+        "room_status_bar": "Bar statws ystafell",
+        "seek_bar_label": "Bar chwilio sain",
+        "unread_messages": "Negeseuon heb eu darllen."
+    },
+    "a11y_jump_first_unread_room": "Symud i'r ystafell gyntaf heb ei darllen.",
+    "action": {
+        "accept": "Derbyn",
+        "add": "Ychwanegu",
+        "add_existing_room": "Ychwanegu ystafell bresennol",
+        "apply": "Gweithredu",
+        "approve": "Cymeradwyo",
+        "ask_to_join": "Gofyn i gael ymuno",
+        "back": "Nôl",
+        "call": "Galw",
+        "cancel": "Canslo",
+        "change": "Newid",
+        "clear": "Clirio",
+        "click_to_copy": "Clicio i gopïo",
+        "close": "Cau",
+        "collapse": "Cau",
+        "complete": "Wedi cwblhau",
+        "confirm": "Cadarnhau",
+        "continue": "Parhau",
+        "copy": "Copïo",
+        "copy_link": "Copïo dolen",
+        "create": "Creu",
+        "create_a_room": "Creu ystafell",
+        "create_account": "Creu Cyfrif",
+        "decline": "Gwrthod",
+        "decline_and_block": "Gwrthod a rhwystro",
+        "decline_invite": "Gwrthod y gwahoddiad",
+        "delete": "Dileu",
+        "deny": "Gwrthod",
+        "disable": "Analluogi",
+        "disconnect": "Datgysylltu",
+        "dismiss": "Gwrthod",
+        "done": "Gorffen",
+        "download": "Llwytho i lawr",
+        "edit": "Golygu",
+        "enable": "Galluogi",
+        "enter_fullscreen": "Mynd i'r sgrin lawn",
+        "exit_fullscreeen": "Gadael y sgrin lawn",
+        "expand": "Dangos",
+        "explore_rooms": "Archwilio Ystafelloedd",
+        "export": "Allforio",
+        "forward": "Ymlaen",
+        "go": "Mynd",
+        "go_back": "Nôl",
+        "got_it": "Iawn",
+        "hide_advanced": "Cuddio uwch",
+        "hold": "Dal",
+        "ignore": "Anwybyddu",
+        "import": "Mewnforio",
+        "invite": "Gwahodd",
+        "join": "Ymuno",
+        "learn_more": "Dysgu rhagor",
+        "leave": "Gadael",
+        "leave_room": "Gadael yr ystafell",
+        "logout": "Allgofnodi",
+        "manage": "Rheoli",
+        "maximise": "Mwyhau",
+        "mention": "Crybwyll",
+        "minimise": "Lleihau",
+        "new_room": "Ystafell newydd",
+        "new_video_room": "Ystafell fideo newydd",
+        "next": "Nesaf",
+        "no": "Na",
+        "ok": "Iawn",
+        "open": "Agor",
+        "pin": "Pinio",
+        "proceed": "Parhau",
+        "quote": "Dyfyniad",
+        "react": "Ymateb",
+        "refresh": "Adnewyddu",
+        "register": "Cofrestru",
+        "reload": "Ail-lwytho",
+        "remove": "Tynnu",
+        "rename": "Ailenwi",
+        "reply": "Ateb",
+        "reply_in_thread": "Ateb i edefyn",
+        "report_room": "Ystafell adrodd",
+        "resend": "Ailanfon",
+        "reset": "Ailosod",
+        "resume": "Ailgychwyn",
+        "retry": "Ceisio eto",
+        "review": "Adolygu",
+        "revoke": "Dirymu",
+        "save": "Cadw",
+        "search": "Chwilio",
+        "send_report": "Anfon adroddiad",
+        "set_avatar": "Gosod  llun proffil",
+        "share": "Rhannu",
+        "show": "Dangos",
+        "show_advanced": "Dangos uwch",
+        "show_all": "Dangos y cyfan",
+        "sign_in": "Mewngofnodi",
+        "sign_out": "Tynnwch y ddyfais",
+        "skip": "Hepgor",
+        "start": "Dechrau",
+        "stop": "Atal",
+        "submit": "Cyflwyno",
+        "subscribe": "Tanysgrifio",
+        "transfer": "Trosglwyddo",
+        "trust": "Ymddiried",
+        "try_again": "Ceisiwch eto",
+        "unban": "Adfer",
+        "unignore": "Dadanwybyddu",
+        "unpin": "Dadbinio",
+        "unsubscribe": "Dad-danysgrifio",
+        "update": "Diweddaru",
+        "upgrade": "Uwchraddio",
+        "upload": "Llwytho i fyny",
+        "upload_file": "Llwytho ffeil i fyny",
+        "verify": "Gwirio",
+        "view": "Golwg",
+        "view_all": "Gweld y cyfan",
+        "view_list": "Gweld rhestr",
+        "view_message": "Gweld neges",
+        "view_source": "Gweld Ffynhonnell",
+        "yes": "Iawn",
+        "yes_dismiss": "Iawn, diystyru",
+        "zoom_in": "Chwyddo mewn",
+        "zoom_out": "Chwyddo allan"
+    },
+    "analytics": {
+        "accept_button": "Mae hynny'n iawn",
+        "bullet_1": "<Bold>Nid</Bold> ydym ni yn cofnodi neu broffilio unrhyw ddata cyfrif",
+        "bullet_2": "<Bold>Nid</Bold> ydym ni yn rhannu gwybodaeth gyda thrydydd partïon",
+        "consent_migration": "Rydych wedi cydsynio yn barod i rannu data defnydd dienw gyda ni. Rydym yn diweddaru sut mae hynny'n gweithio.",
+        "disable_prompt": "Gallwch ddiffodd hwn unrhyw bryd yn y gosodiadau",
+        "enable_prompt": "Helpwch i wella %(analyticsOwner)s",
+        "learn_more": "Rhanwch ddata dienw i'n helpu i nodi problemau. Dim byd personol. Dim trydydd partïon. <LearnMoreLink>Dysgwch Ragor</LearnMoreLink>",
+        "privacy_policy": "Gallwch ddarllen ein holl delerau<PrivacyPolicyUrl>yma</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Helpwch ni i nodi problemau a gwella %(analyticsOwner)s trwy rannu data defnydd dienw. Er mwyn deall sut mae pobl yn defnyddio dyfeisiau lluosog, byddwn yn cynhyrchu dynodwr ar hap, a rennir gan eich dyfeisiau.",
+        "shared_data_heading": "Mae modd rhannu unrhyw un o’r data canlynol:"
+    },
+    "auth": {
+        "3pid_in_use": "Mae'r cyfeiriad e-bost neu'r rhif ffôn hwnnw eisoes yn cael ei ddefnyddio.",
+        "account_clash": "Mae eich cyfrif newydd (%(newAccountId)s) wedi'i gofrestru, ond rydych chi eisoes wedi mewngofnodi i gyfrif gwahanol (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Parhau gyda'r cyfrif blaenorol",
+        "account_deactivated": "Mae'r cyfrif hwn wedi'i gau.",
+        "autodiscovery_generic_failure": "Wedi methu cael ffurfweddiad awtoddarganfod o'r gweinydd",
+        "autodiscovery_hs_incompatible": "Mae eich gweinydd cartref yn rhy hen ac nid yw'n cefnogi'r fersiwn API lleiaf sydd ei angen. Cysylltwch â pherchennog eich gweinydd, neu uwchraddiwch eich gweinydd.",
+        "autodiscovery_invalid": "Ymateb darganfod gweinydd cartref annilys",
+        "autodiscovery_invalid_hs": "Nid yw'n ymddangos bod URL Gweinyddcartref yn weinydd cartref Matrix dilys",
+        "autodiscovery_invalid_hs_base_url": "base_url annilys ar gyfer m.homeserver",
+        "autodiscovery_invalid_is": "Nid yw'n ymddangos bod URL gweinydd hunaniaeth yn weinydd adnabod dilys",
+        "autodiscovery_invalid_is_base_url": "base_url annilys ar gyfer m.identity_server",
+        "autodiscovery_invalid_is_response": "Ymateb canfod gweinydd hunaniaeth annilys",
+        "autodiscovery_invalid_json": "JSON annilys",
+        "autodiscovery_no_well_known": "Heb ganfod ffeil JSON .well-known",
+        "autodiscovery_unexpected_error_hs": "Gwall annisgwyl wrth ddatrys ffurfweddiad y gweinydd cartref",
+        "autodiscovery_unexpected_error_is": "Gwall annisgwyl wrth ddatrys ffurfweddiad gweinydd hunaniaeth",
+        "captcha_description": "Hoffai'r gweinydd cartref hwn sicrhau nad ydych chi'n robot.",
+        "change_password_action": "Newid Cyfrinair",
+        "change_password_confirm_invalid": "Nid yw cyfrineiriau yn cyfateb",
+        "change_password_confirm_label": "Cadarnhau cyfrinair",
+        "change_password_current_label": "Cyfrinair cyfredol",
+        "change_password_empty": "Ni all cyfrineiriau fod yn wag",
+        "change_password_error": "Gwall wrth newid cyfrinair: %(error)s",
+        "change_password_mismatch": "Nid yw cyfrineiriau newydd yn cyfateb",
+        "change_password_new_label": "Cyfrinair Newydd",
+        "check_email_explainer": "Dilynwch y cyfarwyddiadau a anfonwyd at <b>%(email)s</b>",
+        "check_email_resend_prompt": "Heb ei dderbyn?",
+        "check_email_resend_tooltip": "Anfonwyd e-bost cyswllt dilysu!",
+        "check_email_wrong_email_button": "Rhowch gyfeiriad e-bost eto",
+        "check_email_wrong_email_prompt": "Cyfeiriad e-bost anghywir?",
+        "continue_with_idp": "Parhau gyda %(provider)s",
+        "continue_with_sso": "Parhau gyda %(ssoButtons)s",
+        "country_dropdown": "Cwymplen Gwlad",
+        "create_account_prompt": "Newydd yma? <a>Creu cyfrif</a>",
+        "create_account_title": "Creu cyfrif",
+        "email_discovery_text": "Defnyddiwch e-bost i gael ei ddarganfod gan gysylltiadau presennol yn ddewisol.",
+        "email_field_label": "E-bost",
+        "email_field_label_invalid": "Nid yw'n edrych fel cyfeiriad e-bost dilys",
+        "email_field_label_required": "Rhowch gyfeiriad e-bost",
+        "email_help_text": "Ychwanegwch e-bost i allu ailosod eich cyfrinair.",
+        "email_phone_discovery_text": "Defnyddiwch e-bost neu ffôn i gael eich darganfod gan gysylltiadau presennol.",
+        "enter_email_explainer": "Bydd <b>%(homeserver)s</b> yn anfon dolen ddilysu atoch i'ch galluogi i ailosod eich cyfrinair.",
+        "enter_email_heading": "Rhowch eich e-bost i ailosod cyfrinair",
+        "failed_connect_identity_server": "Methu cyrraedd gweinydd hunaniaeth",
+        "failed_connect_identity_server_other": "Gallwch fewngofnodi, ond ni fydd rhai nodweddion ar gael nes bod y gweinydd hunaniaeth yn ôl ar-lein. Os ydych chi'n gweld y rhybudd hwn o hyd, gwiriwch eich ffurfweddiad neu cysylltwch â gweinyddwr gweinydd.",
+        "failed_connect_identity_server_register": "Gallwch gofrestru, ond ni fydd rhai nodweddion ar gael nes bod y gweinydd hunaniaeth yn ôl ar-lein. Os ydych chi'n gweld y rhybudd hwn o hyd, gwiriwch eich ffurfweddiad neu cysylltwch â gweinyddwr gweinydd.",
+        "failed_connect_identity_server_reset_password": "Gallwch ailosod eich cyfrinair, ond ni fydd rhai nodweddion ar gael nes bod y gweinydd hunaniaeth yn ôl ar-lein. Os ydych chi'n gweld y rhybudd hwn o hyd, gwiriwch eich ffurfweddiad neu cysylltwch â gweinyddwr gweinydd.",
+        "failed_homeserver_discovery": "Wedi methu â pherfformio darganfyddiad gweinydd cartref",
+        "failed_query_registration_methods": "Methu ymholi am ddulliau cofrestru a gefnogir.",
+        "failed_soft_logout_auth": "Wedi methu ag ail-ddilysu",
+        "failed_soft_logout_homeserver": "Wedi methu ag ail-ddilysu oherwydd problem gweinydd cartref",
+        "forgot_password_email_invalid": "Nid yw'n ymddangos bod y cyfeiriad e-bost yn ddilys.",
+        "forgot_password_email_required": "Rhaid nodi'r cyfeiriad e-bost sy'n gysylltiedig â'ch cyfrif.",
+        "forgot_password_prompt": "Wedi anghofio eich cyfrinair?",
+        "forgot_password_send_email": "Anfon e-bost",
+        "identifier_label": "Mewngofnodwch gyda",
+        "incorrect_credentials": "Enw defnyddiwr a/neu gyfrinair anghywir.",
+        "incorrect_credentials_detail": "Sylwch eich bod yn mewngofnodi i'r gweinydd %(hs)s, nid matrix.org.",
+        "incorrect_password": "Cyfrinair anghywir",
+        "log_in_new_account": "<a>Mewngofnodwch</a> i'ch cyfrif newydd.",
+        "logout_dialog": {
+            "description": "Ydych chi&#39;n siŵr eich bod chi eisiau tynnu&#39;r ddyfais hon?",
+            "setup_key_backup_title": "Byddwch yn colli mynediad i'ch negeseuon wedi'u hamgryptio",
+            "skip_key_backup": "Tynnwch y ddyfais hon beth bynnag"
+        },
+        "misconfigured_body": "Gofynnwch i'ch gweinyddwr %(brand)s wirio'ch <a>ffurfweddiad</a> am gofnodion anghywir neu ddyblyg.",
+        "misconfigured_title": "Mae eich %(brand)s wedi'i gam ffurfweddu",
+        "mobile_create_account_title": "Rydych ar fin creu cyfrif ar %(hsName)s",
+        "msisdn_field_description": "Gall defnyddwyr eraill eich gwahodd i ystafelloedd gan ddefnyddio eich manylion cyswllt",
+        "msisdn_field_label": "Ffôn",
+        "msisdn_field_number_invalid": "Nid yw'r rhif ffôn hwnnw'n edrych yn hollol gywir, gwiriwch a cheisiwch eto",
+        "msisdn_field_required_invalid": "Rhowch rif ffôn",
+        "no_hs_url_provided": "Heb ddarparu URL gweinydd cartref",
+        "oidc": {
+            "error_title": "Heb allu eich mewngofnodi",
+            "generic_auth_error": "Aeth rhywbeth o'i le yn ystod y dilysu. Mynd i'r dudalen mewngofnodi a cheisiwch eto.",
+            "missing_or_invalid_stored_state": "Rydym wedi gofyn i'r porwr gofio pa weinydd cartref rydych chi'n ei ddefnyddio i'ch galluogi i fewngofnodi, ond yn anffodus mae eich porwr wedi anghofio hynny. Mynd i'r dudalen mewngofnodi a cheisiwch eto."
+        },
+        "password_field_keep_going_prompt": "Daliwch ati…",
+        "password_field_label": "Rhowch gyfrinair",
+        "password_field_strong_label": "Cyfrinair da, cryf!",
+        "password_field_weak_label": "Mae caniatâd i'r cyfrinair, ond nid yw'n ddiogel",
+        "phone_label": "Ffôn",
+        "phone_optional_label": "Ffôn (dewisol)",
+        "qr_code_login": {
+            "check_code_explainer": "Bydd hyn yn gwirio bod y cysylltiad â'ch dyfais arall yn ddiogel.",
+            "check_code_heading": "Rhowch y rhif sy'n cael ei ddangos ar eich dyfais arall",
+            "check_code_input_label": "cod 2 ddigid",
+            "check_code_mismatch": "Nid yw'r rhifau'n cyfateb",
+            "completing_setup": "Yn cwblhau gosodiad eich dyfais newydd",
+            "error_etag_missing": "Digwyddodd gwall annisgwyl. Gall hyn fod oherwydd estyniad porwr, gweinydd dirprwy, neu gam ffurfweddiad gweinydd.",
+            "error_expired": "Mewngofnodi wedi dod i ben. Ceisiwch eto.",
+            "error_expired_title": "Heb gwblhau'r mewngofnodi mewn pryd",
+            "error_insecure_channel_detected": "Nid oedd modd gwneud cysylltiad diogel â'r ddyfais newydd. Mae eich dyfeisiau presennol yn dal yn ddiogel ac nid oes angen i chi boeni amdanynt.",
+            "error_insecure_channel_detected_instructions": "Nawr beth?",
+            "error_insecure_channel_detected_instructions_1": "Ceisiwch fewngofnodi i'r ddyfais arall eto gyda chod QR rhag ofn bod hyn yn broblem rhwydwaith",
+            "error_insecure_channel_detected_instructions_2": "Os ydych chi'n dod ar draws yr un broblem, rhowch gynnig ar rwydwaith wifi gwahanol neu defnyddiwch eich data symudol yn lle wifi",
+            "error_insecure_channel_detected_instructions_3": "Os nad yw hynny'n gweithio, mewngofnodwch â llaw",
+            "error_insecure_channel_detected_title": "Nid yw'r cysylltiad yn ddiogel",
+            "error_other_device_already_signed_in": "Nid oes angen i chi wneud unrhyw beth arall.",
+            "error_other_device_already_signed_in_title": "Mae eich dyfais arall eisoes wedi mewngofnodi",
+            "error_rate_limited": "Gormod o ymdrechion mewn amser byr. Arhoswch beth amser cyn ceisio eto.",
+            "error_unexpected": "Digwyddodd gwall annisgwyl. Mae'r cais i gysylltu eich dyfais arall wedi'i ddiddymu.",
+            "error_unsupported_protocol": "Nid yw'r ddyfais hon yn cefnogi mewngofnodi i'r ddyfais arall gyda chod QR.",
+            "error_unsupported_protocol_title": "Dyfais arall ddim yn gydnaws",
+            "error_user_cancelled": "Cafodd y mewngofnodi ei ddiddymu ar y ddyfais arall.",
+            "error_user_cancelled_title": "Cais mewngofnodi wedi'i ddiddymu",
+            "error_user_declined": "Rydych chi neu ddarparwr y cyfrif wedi gwrthod y cais mewngofnodi.",
+            "error_user_declined_title": "Gwrthodwyd y mewngofnodi",
+            "follow_remaining_instructions": "Dilynwch y cyfarwyddiadau sy'n weddill",
+            "open_element_other_device": "Agorwch %(brand)s ar eich dyfais arall",
+            "point_the_camera": "Sganiwch y cod QR sy'n cael ei ddangos yma",
+            "scan_code_instruction": "Sganiwch y cod QR",
+            "scan_qr_code": "Mewngofnodwch gyda chod QR",
+            "security_code_prompt": "Os gofynnir i chi, nodwch y cod isod ar eich dyfais arall.",
+            "select_qr_code": "Dewiswch \"%(scanQRCode)s\"",
+            "unsupported_explainer": "Nid yw darparwr eich cyfrif yn cefnogi mewngofnodi i ddyfais newydd gyda chod QR.",
+            "unsupported_heading": "Nid yw'r cod QR yn cael ei gefnogi",
+            "waiting_for_device": "Yn aros am eich dyfais arall"
+        },
+        "register_action": "Creu Cyfrif",
+        "registration": {
+            "continue_without_email_description": "Yn syml, os na fyddwch chi'n ychwanegu e-bost ac yn anghofio'ch cyfrinair, fe allech chi <b>golli mynediad i'ch cyfrif yn barhaol</b>.",
+            "continue_without_email_field_label": "E-bost (dewisol)",
+            "continue_without_email_title": "Parhau heb e-bost"
+        },
+        "registration_disabled": "Mae cofrestriad wedi'i analluogi ar y gweinydd cartref hwn.",
+        "registration_msisdn_field_required_invalid": "Rhowch rif ffôn (sy'n ofynnol ar y gweinydd cartref hwn)",
+        "registration_successful": "Cofrestru yn Llwyddiannus",
+        "registration_username_in_use": "Mae gan rywun yr enw defnyddiwr hwnnw eisoes. Rhowch gynnig ar un arall neu os mai chi ydyw, mewngofnodwch isod.",
+        "registration_username_unable_check": "Methu gwirio a yw'r enw defnyddiwr wedi'i gymryd. Ceisiwch eto yn nes ymlaen.",
+        "registration_username_validation": "Defnyddiwch lythrennau bach, rhifau, llinellau toriad a thanlinellau yn unig",
+        "reset_password": {
+            "confirm_new_password": "Cadarnhau cyfrinair newydd",
+            "devices_logout_success": "Mae eich holl ddyfeisiau wedi cael eu tynnu ac ni fyddant yn derbyn hysbysiadau gwthio mwyach. I ail-alluogi hysbysiadau, mewngofnodwch eto ar bob dyfais.",
+            "other_devices_logout_warning_1": "Bydd allgofnodi eich dyfeisiau yn dileu'r bysellau amgryptio neges sydd wedi'u storio arnynt, gan wneud hanes sgwrsio wedi'i amgryptio yn annarllenadwy.",
+            "other_devices_logout_warning_2": "Os ydych chi am gadw mynediad i'ch hanes sgwrsio mewn ystafelloedd wedi'u hamgryptio, gosodwch Key Backup neu allforiwch allweddi eich neges o un o'ch dyfeisiau eraill cyn symud ymlaen.",
+            "password_not_entered": "Rhaid rhoi cyfrinair newydd.",
+            "passwords_mismatch": "Rhaid i gyfrineiriau newydd gyd-fynd â'i gilydd.",
+            "rate_limit_error": "Gormod o ymdrechion mewn amser byr. Arhoswch beth amser cyn ceisio eto.",
+            "rate_limit_error_with_time": "Gormod o ymdrechion mewn amser byr. Rhowch gynnig arall arni ar ôl %(timeout)s.",
+            "reset_successful": "Cafodd eich cyfrinair ei ailosod.",
+            "return_to_login": "Dychwelyd i'r sgrin mewngofnodi",
+            "sign_out_other_devices": "Tynnu dyfeisiau eraill"
+        },
+        "reset_password_action": "Ailosod cyfrinair",
+        "reset_password_button": "Wedi anghofio'ch cyfrinair?",
+        "reset_password_email_field_description": "Defnyddiwch gyfeiriad e-bost i adfer eich cyfrif",
+        "reset_password_email_field_required_invalid": "Rhowch gyfeiriad e-bost (sy'n ofynnol ar y gweinydd cartref hwn)",
+        "reset_password_email_not_associated": "Nid yw'n ymddangos bod eich cyfeiriad e-bost yn gysylltiedig ag ID Matrics ar y gweinydd cartref hwn.",
+        "reset_password_email_not_found_title": "Ni ddaethpwyd o hyd i'r cyfeiriad e-bost hwn",
+        "reset_password_title": "Ailosod eich cyfrinair",
+        "server_picker_custom": "Gweinydd cartref arall",
+        "server_picker_description": "Gallwch ddefnyddio'r dewisiadau gweinydd arferol i fewngofnodi i weinyddion Matrics eraill trwy nodi URL gweinydd cartref gwahanol. Mae hyn yn eich galluogi i ddefnyddio %(brand)s gyda chyfrif Matrics presennol ar weinydd cartref gwahanol.",
+        "server_picker_description_matrix.org": "Ymunwch â miliynau am ddim ar y gweinydd cyhoeddus mwyaf",
+        "server_picker_dialog_title": "Penderfynwch ble mae'ch cyfrif yn cael ei gynnal",
+        "server_picker_explainer": "Defnyddiwch eich gweinydd cartref Matrix dewisol os oes gennych chi un, neu gwesteiwch un eich hun.",
+        "server_picker_failed_validate_homeserver": "Methu dilysu'r gweinydd cartref",
+        "server_picker_intro": "Rydyn ni'n galw'r gofodau lle gallwch chi gynnal eich cyfrif yn 'homeservers'.",
+        "server_picker_invalid_url": "URL annilys",
+        "server_picker_learn_more": "Am weinyddion cartref",
+        "server_picker_matrix.org": "Matrix.org yw'r gweinydd cartref cyhoeddus mwyaf yn y byd, felly mae'n lle da i lawer.",
+        "server_picker_required": "Nodwch gweinydd cartref",
+        "server_picker_title": "Mewngofnodwch i'ch gweinydd cartref",
+        "server_picker_title_default": "Dewisiadau'r Gweinydd",
+        "server_picker_title_registration": "Cyfrif gwesteiwr ymlaen",
+        "session_logged_out_description": "Er diogelwch, mae'r sesiwn hon wedi'i hallgofnodi. Mewngofnodwch eto.",
+        "session_logged_out_title": "Wedi Allgofnodi",
+        "set_email": {
+            "description": "Bydd hyn yn caniatáu i chi ailosod eich cyfrinair a derbyn hysbysiadau.",
+            "verification_pending_description": "Gwiriwch eich e-bost a chliciwch ar y ddolen sydd ynddo. Unwaith y gwneir hyn, cliciwch parhau.",
+            "verification_pending_title": "Yn Yn aros i Wirio"
+        },
+        "set_email_prompt": "Ydych chi am osod cyfeiriad e-bost?",
+        "sign_in_description": "Defnyddiwch eich cyfrif i barhau.",
+        "sign_in_instead": "Mewngofnodwch yn lle hynny",
+        "sign_in_instead_prompt": "Oes gennych chi gyfrif yn barod? <a>Mewngofnodwch yma</a>",
+        "sign_in_or_register": "Mewngofnodi neu Creu Cyfrif",
+        "sign_in_or_register_description": "Defnyddiwch eich cyfrif neu crëwch un newydd i barhau.",
+        "sign_in_with_sso": "Mewngofnodwch gyda mewngofnod sengl",
+        "signing_in": "Wrthi'n mewngofnodi…",
+        "soft_logout": {
+            "clear_data_button": "Clirio'r holl ddata",
+            "clear_data_description": "Mae clirio'r holl ddata o'r sesiwn hon yn barhaol. Bydd negeseuon wedi'u hamgryptio yn cael eu colli oni bai bod eu bysellau wedi'u gwneud wrth gefn.",
+            "clear_data_title": "Clirio'r holl ddata yn y sesiwn hon?"
+        },
+        "soft_logout_heading": "Rydych chi wedi allgofnodi",
+        "soft_logout_intro_password": "Rhowch eich cyfrinair i fewngofnodi ac adennill mynediad i'ch cyfrif.",
+        "soft_logout_intro_sso": "Mewngofnodwch ac adennill mynediad i'ch cyfrif.",
+        "soft_logout_intro_unsupported_auth": "Allwch chi ddim fewngofnodi i'ch cyfrif. Cysylltwch â gweinyddwr eich gweinydd cartref am ragor o wybodaeth.",
+        "soft_logout_subheading": "Clirio data personol",
+        "soft_logout_warning": "Rhybudd: mae eich data personol (gan gynnwys allweddi amgryptio) yn dal i gael ei storio yn y sesiwn hon. Cliriwch ef os ydych wedi gorffen defnyddio'r sesiwn hon, neu eisiau mewngofnodi i gyfrif arall.",
+        "sso": "Mewngofnod Sengl",
+        "sso_complete_in_browser_dialog_title": "Mynd i'ch porwr i gwblhau Mewngofnodi",
+        "sso_failed_missing_storage": "Rydym wedi gofyn i'r porwr gofio pa weinydd cartref rydych chi'n ei ddefnyddio i'ch galluogi i fewngofnodi, ond yn anffodus mae eich porwr wedi anghofio hynny. Mynd i'r dudalen mewngofnodi a cheisiwch eto.",
+        "sso_or_username_password": "%(ssoButtons)s Neu %(usermaterePassword)s",
+        "sync_footer_subtitle": "Os ydych chi wedi ymuno â llawer o ystafelloedd, gallai hyn gymryd peth amser",
+        "syncing": "Cydweddu…",
+        "uia": {
+            "code": "Cod",
+            "email": "I greu eich cyfrif, agorwch y ddolen yn yr e-bost yr ydym newydd ei anfon at %(emailAddress)s.",
+            "email_auth_header": "Gwiriwch eich e-bost i barhau",
+            "email_resend_prompt": "Heb ei dderbyn? <a>Ei anfon eto</a>",
+            "email_resent": "Ailanfonwyd!",
+            "fallback_button": "Dechrau dilysu",
+            "mas_cross_signing_reset_cta": "Mynd i'ch cyfrif",
+            "mas_cross_signing_reset_description": "Ailosodwch eich hunaniaeth trwy ddarparwr eich cyfrif ac yna dewch yn ôl a chlicio \"Ailgynnig\".",
+            "mas_cross_signing_reset_title": "Ewch i'ch cyfrif i ailosod eich hunaniaeth",
+            "msisdn": "Mae neges destun wedi'i hanfon at %(msisdn)s",
+            "msisdn_token_incorrect": "Tocyn yn anghywir",
+            "msisdn_token_prompt": "Rhowch y cod sydd ynddo:",
+            "password_prompt": "Cadarnhewch eich hunaniaeth trwy nodi cyfrinair eich cyfrif isod.",
+            "recaptcha_missing_params": "Mae allwedd gyhoeddus captcha ar goll yn ffurfweddiad y gweinydd cartref. Rhowch wybod i'ch gweinyddwr gweinyddwr am hyn.",
+            "registration_token_label": "Tocyn cofrestru",
+            "registration_token_prompt": "Rhowch docyn cofrestru a ddarparwyd gan weinyddwr y gweinydd cartref.",
+            "sso_body": "Cadarnhewch ychwanegu'r cyfeiriad e-bost hwn trwy ddefnyddio Mewngofnodi Sengli brofi pwy ydych.",
+            "sso_failed": "Aeth rhywbeth o'i le wrth gadarnhau pwy ydych chi. Diddymu a cheisio eto.",
+            "sso_postauth_body": "Cliciwch ar y botwm isod i gadarnhau pwy ydych chi.",
+            "sso_postauth_title": "Cadarnhau i barhau",
+            "sso_preauth_body": "I barhau, defnyddiwch Mewngofnod Sengl i brofi pwy ydych.",
+            "sso_title": "Defnyddiwch Mewngofnod Sengl i barhau",
+            "terms": "Darllenwch a derbyniwch bolisïau'r gweinydd cartref hwn:",
+            "terms_invalid": "Darllenwch a derbyniwch bolisïau'r gweinydd cartref hwn"
+        },
+        "unsupported_auth": "Nid yw'r gweinydd cartref hwn yn cynnig unrhyw lifau mewngofnodi a gefnogir gan y cleient hwn.",
+        "unsupported_auth_email": "Nid yw'r gweinydd cartref hwn yn cefnogi mewngofnodi gan ddefnyddio cyfeiriad e-bost.",
+        "unsupported_auth_msisdn": "Nid yw'r gweinydd hwn yn cefnogi dilysu gyda rhif ffôn.",
+        "username_field_required_invalid": "Rhowch enw defnyddiwr",
+        "username_in_use": "Mae gan rywun yr enw defnyddiwr hwnnw'n barod, rhowch gynnig ar un arall.",
+        "verify_email_explainer": "Mae angen i ni wybod mai chi sydd yno cyn ailosod eich cyfrinair. Cliciwch y ddolen yn yr e-bost yr ydym newydd ei anfon at <b>%(email)s</b>",
+        "verify_email_heading": "Dilyswch eich e-bost i barhau"
+    },
+    "bug_reporting": {
+        "additional_context": "Os oes cyd-destun ychwanegol a fyddai'n helpu i ddadansoddi'r mater, megis yr hyn yr oeddech yn ei wneud ar y pryd, IDau ystafelloedd, IDau defnyddiwr, ac ati, cynhwyswch y pethau hynny yma.",
+        "before_submitting": "Rydym yn argymell <a>creu mater GitHub</a> i sicrhau bod eich adroddiad yn cael ei ddarllen.",
+        "collecting_information": "Casglu gwybodaeth fersiwn ap",
+        "collecting_logs": "Casglu cofnodion",
+        "create_new_issue": "<newIssueLink>Crewch fater newydd</newIssueLink> ar GitHub fel y gallwn ymchwilio i'r byg hwn.",
+        "description": "Mae cofnodion dadfygio yn cynnwys data defnydd cymhwysiad gan gynnwys eich enw defnyddiwr, IDau neu arallenwau'r ystafelloedd yr ydych wedi ymweld â nhw, pa elfennau UI y gwnaethoch ryngweithio â nhw ddiwethaf, ac enwau defnyddwyr defnyddwyr eraill. Nid ydyn nhw'n cynnwys negeseuon.",
+        "download_logs": "Llwytho logiau i lawr",
+        "downloading_logs": "Wrthi'n llwytho logiau i lawr",
+        "error_empty": "Dywedwch wrthym beth aeth o'i le neu, yn well, crëwch fater GitHub sy'n disgrifio'r broblem.",
+        "failed_download_logs": "Wedi methu llwytho i lawr logiau dadfygio: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Gwrthodwyd eich adroddiad gwall. Nid yw'r gweinydd rageshake yn cefnogi'r rhaglen hon.",
+            "rejected_generic": "Gwrthodwyd eich adroddiad gwall. Gwrthododd y gweinydd rageshake gynnwys yr adroddiad oherwydd polisi.",
+            "rejected_recovery_key": "Gwrthodwyd eich adroddiad gwall am resymau diogelwch, gan ei fod yn cynnwys allwedd adfer.",
+            "rejected_version": "Gwrthodwyd eich adroddiad gwall gan fod y fersiwn rydych chi'n ei rhedeg yn rhy hen.",
+            "server_unknown_error": "Daeth y gweinydd rageshake ar draws gwall anhysbys ac ni allai drin yr adroddiad.",
+            "unknown_error": "Wedi methu ag anfon cofnodion."
+        },
+        "github_issue": "Mater GitHub",
+        "introduction": "Os ydych chi wedi cyflwyno byg trwy GitHub, gall logiau dadfygio ein helpu i ddod o hyd i'r broblem. ",
+        "log_request": "Er mwyn ein helpu i atal hyn yn y dyfodol, <a>anfonwch logiau atom</a>.",
+        "logs_sent": "Logiau wedi'u hanfon",
+        "matrix_security_issue": "I roi gwybod am fater diogelwch yn ymwneud â Matrix, darllenwch y <a>Polisi Datgelu Diogelwch</a> Matrix.org .",
+        "preparing_download": "Paratoi i lwytho logiau i lawr",
+        "preparing_logs": "Paratoi i anfon logiau",
+        "send_logs": "Anfon logiau",
+        "submit_debug_logs": "Cyflwynwch gofnodion dadfygio",
+        "textarea_label": "Nodiadau",
+        "thank_you": "Diolch!",
+        "title": "Adrodd gwallau",
+        "unsupported_browser": "Nodyn atgoffa: Nid yw eich porwr yn cael ei gefnogi, felly mae'n bosibl y bydd eich profiad yn anrhagweladwy.",
+        "uploading_logs": "Wrthi'n lwytho logiau i fyny",
+        "waiting_for_server": "Yn aros am ymateb gan y gweinydd"
+    },
+    "cannot_invite_without_identity_server": "Methu gwahodd defnyddiwr trwy e-bost heb weinydd adnabod. Gallwch gysylltu ag un o dan \"Gosodiadau\".",
+    "cannot_reach_homeserver": "Methu cyrraedd homeserver",
+    "cannot_reach_homeserver_detail": "Sicrhewch fod gennych gysylltiad rhyngrwyd sefydlog, neu cysylltwch â gweinyddwr y gweinydd",
+    "cant_load_page": "Methu llwytho'r dudalen",
+    "chat_card_back_action_label": "Nôl i sgwrsio",
+    "chat_effects": {
+        "confetti_description": "Yn anfon y neges a roddwyd gyda conffeti",
+        "confetti_message": "yn anfon conffeti",
+        "fireworks_description": "Yn anfon y neges a roddwyd gyda thân gwyllt",
+        "fireworks_message": "yn anfon tân gwyllt",
+        "hearts_description": "Yn anfon y neges a roddwyd gyda chalonnau",
+        "hearts_message": "yn anfon calonnau",
+        "rainfall_description": "Yn anfon y neges a roddir gyda glaw",
+        "rainfall_message": "yn anfon glaw",
+        "snowfall_description": "Yn anfon y neges a roddwyd gydag eira",
+        "snowfall_message": "yn anfon eira",
+        "spaceinvaders_description": "Yn anfon y neges a roddwyd gydag effaith ar thema gofod",
+        "spaceinvaders_message": "yn anfon goresgynwyr gofod"
+    },
+    "common": {
+        "access_token": "Tocyn Mynediad",
+        "accessibility": "Hygyrchedd",
+        "advanced": "Uwch",
+        "all_chats": "Pob Sgwrs",
+        "analytics": "Dadansoddi Gwe",
+        "and_n_others": {
+            "a dim arall...": "zero",
+            "ac un arall...": "one",
+            "a %(count)s arall...": "other"
+        },
+        "appearance": "Gwedd",
+        "application": "Rhaglen",
+        "are_you_sure": "Ydych chi'n siŵr?",
+        "attachment": "Atodiad",
+        "authentication": "Allweddi Dilysu",
+        "avatar": "Afatar",
+        "beta": "Beta",
+        "camera": "Camera",
+        "cameras": "Camerâu",
+        "cancel": "Diddymu",
+        "capabilities": "Gallu",
+        "copied": "Wedi'i gopïo!",
+        "credits": "Diolchiadau",
+        "dark": "Tywyll",
+        "description": "Disgrifiad",
+        "deselect_all": "Dad-ddewis y cwbl",
+        "device": "Dyfais",
+        "edited": "golygwyd",
+        "email_address": "Cyfeiriad e-bost",
+        "emoji": "Emoji",
+        "encrypted": "Wedi'i amgryptio",
+        "error": "Gwall",
+        "faq": "Cwestiynau Cyffredin",
+        "feedback": "Adborth",
+        "filter_results": "Hidlo canlyniadau",
+        "forward_message": "Anfonwyd neges ymlaen",
+        "general": "Cyffredinol",
+        "go_to_settings": "Mynd i'r Gosodiadau",
+        "guest": "Gwestai",
+        "help": "Cymorth",
+        "home": "Cartref",
+        "homeserver": "Gweinydd cartref",
+        "identity_server": "Gweinydd hunaniaeth",
+        "image": "Delwedd",
+        "integration_manager": "Rheolwr integreiddio",
+        "joined": "Ymunwyd",
+        "labs": "Labs",
+        "legal": "Cyfreithiol",
+        "light": "Golau",
+        "loading": "Yn Llwytho…",
+        "location": "Lleoliad",
+        "matrix": "Matrics",
+        "message": "Neges",
+        "message_layout": "Cynllun y neges",
+        "message_timestamp_invalid": "Stamp amser annilys",
+        "microphone": "Meicroffôn",
+        "moderation_and_safety": "Cymedroli a diogelwch",
+        "modern": "Modern",
+        "mute": "Tewi",
+        "n_members": {
+            "%(count)s aelodau": "zero",
+            "%(count)s aelod": "other"
+        },
+        "n_rooms": {
+            "%(count)s ystafelloedd": "zero",
+            "%(count)s ystafell": "other"
+        },
+        "name": "Enw",
+        "no_results": "Dim canlyniadau",
+        "no_results_found": "Heb ganfod canlyniad",
+        "not_trusted": "Heb ymddiried ynddo",
+        "off": "Diffodd",
+        "offline": "All-lein",
+        "on": "Ymlaen",
+        "options": "Dewisiadau",
+        "orphan_rooms": "Ystafelloedd eraill",
+        "password": "Cyfrinair",
+        "people": "Pobl",
+        "preferences": "Dewisiadau",
+        "presence": "Presenoldeb",
+        "preview_message": "Hei ti. Ti yw'r gorau!",
+        "privacy": "Preifatrwydd",
+        "private": "Preifat",
+        "private_room": "Ystafell breifat",
+        "private_space": "Gofod preifat",
+        "profile": "Proffil",
+        "public": "Cyhoeddus",
+        "public_room": "Ystafell gyhoeddus",
+        "public_space": "Man cyhoeddus",
+        "qr_code": "Cod QR",
+        "random": "Ar hap",
+        "reactions": "Adweithiau",
+        "recommended": "Argymhellwyd",
+        "report_a_bug": "Adrodd byg",
+        "room": "Ystafell",
+        "room_name": "Enw'r ystafell",
+        "rooms": "Ystafelloedd",
+        "save": "Cadw",
+        "saved": "Cadwyd",
+        "saving": "Yn cadw…",
+        "secure_backup": "Copi Wrth Gefn Diogel",
+        "select_all": "Dewis y cyfan",
+        "server": "Gweinydd",
+        "settings": "Gosodiadau",
+        "setup_secure_messages": "Gosod  Negeseuon Diogel",
+        "show_more": "Dangos mwy",
+        "someone": "Rhywun",
+        "space": "Bwlch",
+        "spaces": "Gofodau",
+        "state_encryption_enabled": "Amgryptio cyflwr arbrofol wedi'i alluogi",
+        "sticker": "Sticer",
+        "stickerpack": "Pecyn sticeri",
+        "success": "Llwyddiant",
+        "suggestions": "Awgrymiadau",
+        "support": "Cymorth",
+        "theme": "Thema",
+        "thread": "Edefyn",
+        "threads": "Edafedd",
+        "timeline": "Llinell Amser",
+        "unavailable": "ddim ar gael",
+        "unencrypted": "Heb ei amgryptio",
+        "unmute": "Dad-dewi",
+        "unnamed_room": "Ystafell Ddienw",
+        "unnamed_space": "Gofod Dienw",
+        "unverified": "Heb ei wirio",
+        "updating": "Diweddaru...",
+        "user": "Defnyddwyr",
+        "user_avatar": "Llun proffil",
+        "username": "Enw defnyddiwr",
+        "verified": "Wedi ei wirio",
+        "version": "Fersiwn",
+        "video_room": "Ystafell fideo",
+        "view_message": "Gweld neges",
+        "warning": "Rhybudd"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Rhowch wybod i'r ystafell gyfan",
+            "command_a11y": "Awtogwblhau Gorchymyn",
+            "command_description": "Gorchmynion",
+            "emoji_a11y": "Awtogwblhau Emoji",
+            "notification_a11y": "Awtogwblhau Hysbysiad",
+            "notification_description": "Hysbysiad Ystafell",
+            "room_a11y": "Awtogwblhau Ystafell",
+            "space_a11y": "Awtogwblhau Gofod",
+            "user_a11y": "Awtogwblhau Defnyddiwr",
+            "user_description": "Defnyddwyr"
+        },
+        "close_sticker_picker": "Cuddio sticeri",
+        "edit_composer_label": "Golygu neges",
+        "format_bold": "Trwm",
+        "format_code_block": "Bloc cod",
+        "format_decrease_indent": "Lleihau mewnoliad",
+        "format_increase_indent": "Cynnyddu mewnoliad",
+        "format_inline_code": "Cod",
+        "format_insert_link": "Mewnosod dolen",
+        "format_italic": "Italig",
+        "format_italics": "Italigau",
+        "format_link": "Dolen",
+        "format_ordered_list": "Rhestr wedi'i rhifo",
+        "format_strikethrough": "Llinell Drwodd",
+        "format_underline": "Tanlinellu",
+        "format_unordered_list": "Rhestr bwled",
+        "formatting_toolbar_label": "Fformatio",
+        "link_modal": {
+            "link_field_label": "Dolen",
+            "text_field_label": "Testun",
+            "title_create": "Creu dolen",
+            "title_edit": "Golygu dolen"
+        },
+        "mode_plain": "Cuddio fformatio",
+        "mode_rich_text": "Dangos fformatio",
+        "no_perms_notice": "Nid oes gennych ganiatâd i bostio i'r ystafell hon",
+        "placeholder": "Anfon message heb ei hamgryptio …",
+        "placeholder_encrypted": "Anfon neges…",
+        "placeholder_reply": "Anfonwch ateb heb ei amgryptio…",
+        "placeholder_reply_encrypted": "Anfon ateb…",
+        "placeholder_thread": "Ymateb i'r edefyn heb ei hamgryptio …",
+        "placeholder_thread_encrypted": "Ymateb i'r edefyn…",
+        "poll_button": "Arolwg",
+        "poll_button_no_perms_description": "Nid oes gennych ganiatâd i ddechrau pleidleisio yn yr ystafell hon.",
+        "poll_button_no_perms_title": "Angen Caniatâd",
+        "replying_title": "Yn ateb",
+        "room_unencrypted": "Nid yw negeseuon yn yr ystafell hon wedi'u hamgryptio o ben-i-ben",
+        "room_upgraded_link": "Mae'r sgwrs yn parhau yma.",
+        "room_upgraded_notice": "Mae'r ystafell hon wedi'i hadnewyddu ac nid yw'n weithredol mwyach.",
+        "send_button_title": "Anfon neges",
+        "send_button_voice_message": "Anfon neges llais",
+        "send_voice_message": "Anfon neges llais",
+        "stop_voice_message": "Stopio recordio",
+        "voice_message_button": "Neges Llais"
+    },
+    "console_dev_note": "Os ydych chi'n gwybod beth rydych chi'n ei wneud, mae Element yn raglen cod agored, gwnewch yn siŵr eich bod chi'n edrych ar ein GitHub ( https://github.com/vector-im/element-web/ ) a chyfrannu!",
+    "console_scam_warning": "Os dywedodd rhywun wrthych am gopïo/gludo rhywbeth yma, mae'n debygol iawn eich bod yn cael eich twyllo!",
+    "console_wait": "Arhoswch!",
+    "create_room": {
+        "action_create_room": "Creu ystafell",
+        "action_create_video_room": "Creu ystafell fideo",
+        "encrypted_video_room_warning": "Allwch chi ddim analluogi hyn yn nes ymlaen. Bydd yr ystafell yn cael ei hamgryptio ond ni fydd yr alwad wedi'i mewnosod.",
+        "encrypted_warning": "Allwch chi ddim analluogi hyn yn nes ymlaen. Ni fydd pontydd a'r mwyafrif o fotiau'n gweithio eto.",
+        "encryption_forced": "Mae angen amgryptio ar eich gweinydd er mwyn ei alluogi mewn ystafelloedd preifat.",
+        "encryption_label": "Galluogi amgryptio o'r dechrau i'r diwedd",
+        "error_title": "Methu creu ystafell",
+        "generic_error": "Mae'n bosibl nad yw'r gweinydd ar gael, wedi'i orlwytho, neu eich bod yn taro byg.",
+        "join_rule_change_notice": "Gallwch newid hwn unrhyw bryd o osodiadau ystafell.",
+        "join_rule_invite": "Ystafell breifat (gwahoddiad yn unig)",
+        "join_rule_invite_label": "Dim ond pobl a wahoddwyd fydd yn gallu dod o hyd i'r ystafell hon ac ymuno â hi.",
+        "join_rule_knock_label": "Gall unrhyw un wneud cais i ymuno, ond mae angen i weinyddwyr neu gymedrolwyr ganiatáu mynediad. Gallwch newid hyn yn nes ymlaen.",
+        "join_rule_public_label": "Bydd unrhyw un yn gallu dod o hyd i'r ystafell hon ac ymuno â hi.",
+        "join_rule_public_parent_space_label": "Bydd unrhyw un yn gallu dod o hyd i'r ystafell hon ac ymuno â hi, nid dim ond aelodau o<SpaceName/>.",
+        "join_rule_restricted": "Safonol",
+        "join_rule_restricted_label": "Gall unrhyw un yn <SpaceName/> ymuno.",
+        "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",
+        "topic_label": "Pwnc (dewisol)",
+        "unfederated": "Rhwystro unrhyw un nad yw'n rhan o %(serverName)s rhag ymuno â'r ystafell hon byth.",
+        "unfederated_label_default_off": "Efallai y byddwch yn galluogi hyn os mai dim ond ar gyfer cydweithio â thimau mewnol ar eich gweinydd cartref y bydd yr ystafell yn cael ei defnyddio. Nid oes modd newid hyn yn ddiweddarach.",
+        "unfederated_label_default_on": "Efallai y byddwch yn analluogi hyn os bydd yr ystafell yn cael ei defnyddio ar gyfer cydweithio â thimau allanol sydd â'u gweinydd cartref eu hunain. Nid oes modd newid hyn yn ddiweddarach.",
+        "unsupported_version": "Nid yw'r gweinydd yn cefnogi'r fersiwn ystafell a nodwyd."
+    },
+    "create_space": {
+        "add_details_prompt": "Ychwanegwch rai manylion i helpu pobl i'w adnabod.",
+        "add_details_prompt_2": "Gallwch newid y rhain ar unrhyw bryd.",
+        "add_existing_rooms_description": "Dewiswch ystafelloedd neu sgyrsiau i'w hychwanegu. Dim ond lle i chi yw hwn, ni fydd neb yn cael gwybod. Gallwch ychwanegu mwy yn ddiweddarach.",
+        "add_existing_rooms_heading": "Beth ydych chi eisiau ei drefnu?",
+        "address_label": "Cyfeiriad",
+        "address_placeholder": "e.e. fy-ngofod",
+        "creating": "Wrthi'n creu…",
+        "creating_rooms": "Wrthi'n creu ystafelloedd…",
+        "done_action": "Mynd i'm gofod",
+        "done_action_first_room": "Mynd i fy ystafell gyntaf",
+        "explainer": "Mae gofodau yn ffordd newydd o grwpio ystafelloedd a phobl. Pa fath o Ofod ydych chi am ei greu? Gallwch newid hyn yn nes ymlaen.",
+        "failed_create_initial_rooms": "Wedi methu â chreu ystafelloedd gofod cychwynnol",
+        "failed_invite_users": "Wedi methu â gwahodd y defnyddwyr canlynol i'ch gofod: %(csvUsers)s",
+        "invite_teammates_by_username": "Gwahoddiad yn ôl enw defnyddiwr",
+        "invite_teammates_description": "Sicrhewch fod gan y bobl iawn fynediad. Gallwch wahodd mwy yn ddiweddarach.",
+        "invite_teammates_heading": "Gwahoddwch eich cyd-chwaraewyr",
+        "inviting_users": "Wrthi'n gwahodd…",
+        "label": "Creu gofod",
+        "name_required": "Rhowch enw ar gyfer y gofod",
+        "personal_space": "Dim ond fi",
+        "personal_space_description": "Man preifat i drefnu eich ystafelloedd",
+        "private_description": "Gwahoddiad yn unig, sydd orau i chi'ch hun neu dimau",
+        "private_heading": "Eich lle preifat",
+        "private_only_heading": "Eich gofod",
+        "private_personal_description": "Sicrhewch fod gan y bobl iawn fynediad i %(matere)s",
+        "private_personal_heading": "Gyda phwy ydych chi'n gweithio?",
+        "private_space": "Fi a fy nghyd-chwaraewyr",
+        "private_space_description": "Man preifat i chi a'ch cyd-chwaraewyr",
+        "public_description": "Gofodau agored i unrhyw un, gorau i gymunedau",
+        "public_heading": "Eich gofod cyhoeddus",
+        "search_public_button": "Chwilio am ofodau cyhoeddus",
+        "setup_rooms_community_description": "Gadewch i ni greu ystafell ar gyfer pob un ohonyn nhw.",
+        "setup_rooms_community_heading": "Beth yw rhai pethau rydych am eu trafod yn %(spaceName)s?",
+        "setup_rooms_description": "Gallwch ychwanegu mwy yn nes ymlaen hefyd, gan gynnwys y rhai sydd eisoes yn bodoli.",
+        "setup_rooms_private_description": "Byddwn yn creu ystafelloedd ar gyfer pob un ohonyn nhw.",
+        "setup_rooms_private_heading": "Pa brosiectau y mae eich tîm yn gweithio arnyn nhw?",
+        "share_description": "Dim ond chi yw e ar hyn o bryd, bydd hyd yn oed yn well gydag eraill.",
+        "share_heading": "Rhanwch %(matere)s",
+        "skip_action": "Hepgor am nawr",
+        "subspace_adding": "Yn ychwanegu…",
+        "subspace_beta_notice": "Ychwanegwch le at ofod rydych chi'n ei reoli.",
+        "subspace_dropdown_title": "Creu gofod",
+        "subspace_existing_space_prompt": "Eisiau ychwanegu gofod presennol yn lle?",
+        "subspace_join_rule_invite_description": "Dim ond y bobl sy'n cel gwahoddiad fydd yn gallu dod o hyd i'r gofod hwn ac ymuno ag ef.",
+        "subspace_join_rule_invite_only": "Man preifat (gwahoddiad yn unig)",
+        "subspace_join_rule_label": "Gwelededd gofod",
+        "subspace_join_rule_public_description": "Bydd unrhyw un yn gallu dod o hyd i'r gofod hwn ac ymuno ag ef, nid dim ond aelodau o<SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Bydd unrhyw un sydd yn <SpaceName/> yn gallu dod o hyd ac ymuno."
+    },
+    "credits": {
+        "default_cover_photo": "Mae'r <photo> llun clawr rhagosodedig </photo> yn © <author>Jesús Roncero</author> sy'n cael ei ddefnyddio o dan delerau<terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "Mae'r celf emoji <twemoji>Twemoji</twemoji> yn ©<author> Twitter, Inc a chyfranwyr eraill</author> sy'n cael ei ddefnyddio dan delerau<terms> CC-BY 4.0</terms>.",
+        "twemoji_colr": "Mae'r ffont <colr>twemoji-colr</colr> yn ©<author> Sefydliad Mozilla</author> sy'n cael ei ddefnyddio o dan delerau<terms> Apache 2.0</terms>."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Ydych chi'n siŵr eich bod am wrthod y gwahoddiad i ymuno â \"%(roomName)s\"?",
+        "ignore_user_help": "Byddwch chi ddim yn gweld unrhyw negeseuon neu wahoddiadau ystafell gan y defnyddiwr hwn.",
+        "reason_description": "Disgrifiwch y rheswm dros adrodd am yr ystafell.",
+        "report_room_description": "Adrodd am yr ystafell hon i ddarparwr eich cyfrif.",
+        "title": "Gwrthod gwahoddiad"
+    },
+    "desktop_default_device_name": "Bwrdd gwaith %(brand)s: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Widgets Actif",
+        "category_other": "Arall",
+        "category_room": "Ystafell",
+        "caution_colon": "Rhybudd:",
+        "client_versions": "Fersiynau Cleient",
+        "crypto": {
+            "4s_public_key_in_account_data": "mewn data cyfrif",
+            "4s_public_key_not_in_account_data": "heb ei ganfod",
+            "4s_public_key_status": "Allwedd gyhoeddus storio gyfrinachol:",
+            "backup_key_cached": "wedi'i storio'n lleol",
+            "backup_key_cached_status": "Allwedd wrth gefn wedi'i storio:",
+            "backup_key_not_stored": "heb ei storio",
+            "backup_key_stored": "mewn storfa gyfrinachol",
+            "backup_key_stored_status": "Allwedd wrth gefn wedi'i storio:",
+            "backup_key_unexpected_type": "math annisgwyl",
+            "backup_key_well_formed": "wedi'i ffurfio'n dda",
+            "cross_signing": "Traws-arwyddo",
+            "cross_signing_cached": "wedi'i storio'n lleol",
+            "cross_signing_not_ready": "Nid yw traws-arwyddo wedi'i osod.",
+            "cross_signing_private_keys_in_storage": "mewn storfa gyfrinachol",
+            "cross_signing_private_keys_in_storage_status": "Traws-lofnodi allweddi preifat:",
+            "cross_signing_private_keys_not_in_storage": "heb ei ganfod yn y storfa",
+            "cross_signing_public_keys_on_device": "yn y cof",
+            "cross_signing_public_keys_on_device_status": "Traws-lofnodi allweddi cyhoeddus:",
+            "cross_signing_ready": "Mae croes-arwyddo yn barod i'w ddefnyddio.",
+            "cross_signing_status": "Statws traws-arwyddo:",
+            "cross_signing_untrusted": "Mae gan eich cyfrif hunaniaeth traws-lofnodi mewn storfa gyfrinachol, ond nid yw'r sesiwn hon yn ymddiried ynddo eto.",
+            "crypto_not_available": "Nid yw'r modiwl cryptograffig ar gael",
+            "device_id": "ID dyfais",
+            "key_backup_active_version": "Fersiwn wrth gefn gweithredol:",
+            "key_backup_active_version_none": "Dim",
+            "key_backup_inactive_warning": "Nid yw'ch allweddi'n cael eu gwneud wrth gefn o'r sesiwn hon.",
+            "key_backup_latest_version": "Fersiwn wrth gefn diweddaraf ar y gweinydd:",
+            "key_storage": "Storio Allwedd",
+            "master_private_key_cached_status": "Prif allwedd breifat:",
+            "not_found": "heb ei ganfod",
+            "not_found_locally": "heb ei ganfod yn lleol",
+            "secret_storage_not_ready": "ddim yn barod",
+            "secret_storage_ready": "barod",
+            "secret_storage_status": "Storfa cyfrinachol:",
+            "self_signing_private_key_cached_status": "Allwedd breifat hunan-lofnodi:",
+            "session": "Sesiwn",
+            "session_fingerprint": "Bysbrint (allwedd sesiwn)",
+            "title": "Amgryptio o ben i ben",
+            "user_signing_private_key_cached_status": "Allwedd breifat llofnodi'r defnyddiwr:"
+        },
+        "developer_mode": "Modd datblygwr",
+        "developer_tools": "Offer Datblygwr",
+        "device_dehydrated_no": "Dadhydredig: Na",
+        "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>",
+        "event_content": "Cynnwys Digwyddiad",
+        "event_id": "ID y digwyddiad: %(eventId)s",
+        "event_sent": "Digwyddiad wedi'i anfon!",
+        "event_type": "Math o Ddigwyddiad",
+        "explore_account_data": "Archwilio data'r cyfrif",
+        "explore_room_account_data": "Archwilio data cyfrif ystafell",
+        "explore_room_state": "Archwilio cyflwr yr ystafell",
+        "failed_to_find_widget": "Bu gwall wrth ddod o hyd i'r teclyn hwn.",
+        "failed_to_load": "Wedi methu llwytho.",
+        "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",
+        "low_bandwidth_mode_description": "Angen gweinydd cartref cydnaws.",
+        "main_timeline": "Prif linell amser",
+        "manual_device_verification": "Dilysu dyfais â llaw",
+        "no_receipt_found": "Heb ganfod derbynneb",
+        "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>",
+        "room_notifications_dot": "Dot: ",
+        "room_notifications_highlight": "Amlygu: ",
+        "room_notifications_last_event": "Digwyddiad diwethaf:",
+        "room_notifications_sender": "Anfonwr: ",
+        "room_notifications_thread_id": "ID Edefyn: ",
+        "room_notifications_total": "Cyfanswm: ",
+        "room_notifications_type": "Math: ",
+        "room_status": "Statws ystafell",
+        "room_unread_status_count": {
+            "Statws heb eu darllen yn yr ystafell:<strong>%(status)s</strong> , cyfrif:<strong>%(count)s</strong>": "other",
+            "Statws heb ei ddarllen yn yr ystafell:<strong>%(status)s</strong> , cyfrif:<strong>%(count)s</strong>": "one"
+        },
+        "save_setting_values": "Cadw gwerthoedd gosod",
+        "see_history": "Gweld hanes",
+        "send_custom_account_data_event": "Anfon digwyddiad data cyfrif personol",
+        "send_custom_room_account_data_event": "Anfon digwyddiad data cyfrif ystafell personol",
+        "send_custom_state_event": "Anfon digwyddiad cyflwr personol",
+        "send_custom_timeline_event": "Anfonwch ddigwyddiad llinell amser wedi'i deilwra",
+        "server_info": "Gwybodaeth am y gweinydd",
+        "server_versions": "Fersiynau Gweinydd",
+        "settable_global": "Settable yn fyd-eang",
+        "settable_room": "Gosodadwy yn yr ystafell",
+        "setting_colon": "Gosodiad:",
+        "setting_definition": "Gosod  diffiniad:",
+        "setting_id": "Gosod  ID",
+        "settings": {
+            "elementCallUrl": "URL Galwad Element"
+        },
+        "settings_explorer": "Archwiliwr gosodiadau",
+        "show_empty_content_events": "Dangos digwyddiadau gyda chynnwys gwag",
+        "show_hidden_events": "Dangos digwyddiadau cudd yn y llinell amser",
+        "spaces": {
+            "<%(count) s gofodau>": "zero",
+            "<space>": "one",
+            "<%(count) s ofod>": "two",
+            "<%(count) s gofod>": "other"
+        },
+        "state_key": "Allwedd Cyflwr",
+        "thread_root_id": "ID Gwraidd Edefyn: %(threadRootId)s",
+        "threads_timeline": "Llinell amser edafedd",
+        "title": "Offer datblygwr",
+        "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",
+        "value_this_room_colon": "Gwerth yn yr ystafell hon:",
+        "values_explicit": "Gwerthoedd ar lefelau penodol",
+        "values_explicit_colon": "Gwerthoedd ar lefelau penodol:",
+        "values_explicit_room": "Gwerthoedd ar lefelau penodol yn yr ystafell hon",
+        "values_explicit_this_room_colon": "Gwerthoedd ar lefelau penodol yn yr ystafell hon:",
+        "view_servers_in_room": "Gweld gweinyddion yn yr ystafell",
+        "view_source_decrypted_event_source": "Ffynhonnell digwyddiad wedi'i dadgryptio",
+        "view_source_decrypted_event_source_unavailable": "Nid yw ffynhonnell wedi'i dadgryptio ar gael",
+        "widget_screenshots": "Galluogi lluniau sgrin teclyn ar declynau syn cael eu cefnogi"
+    },
+    "dialog_close_label": "Cau'r ddeialog",
+    "download_completed": "Llwytho i Lawr Wedi'i Gwblhau",
+    "empty_room": "Ystafell wag",
+    "empty_room_was_name": "Ystafell wag (roedd yn %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Os oes gennych allwedd ddiogelwch neu ymadrodd diogelwch, bydd hyn yn gweithio hefyd.",
+            "key_validation_text": {
+                "wrong_security_key": "Nid yw'r allwedd adfer rydych wedi'i roi yn gywir."
+            },
+            "privacy_warning": "Gwnewch yn siŵr nad oes neb yn gallu gweld y sgrin hon!",
+            "restoring": "Adfer allweddi o'r copi wrth gefn",
+            "security_key_label": "Allwedd adfer",
+            "security_key_title": "Rhowch eich allwedd adfer"
+        },
+        "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",
+        "cross_signing_user_normal": "Nid ydych wedi gwirio'r defnyddiwr hwn.",
+        "cross_signing_user_verified": "Rydych chi wedi gwirio'r defnyddiwr hwn. Mae'r defnyddiwr hwn wedi gwirio eu holl sesiynau.",
+        "cross_signing_user_warning": "Nid yw'r defnyddiwr hwn wedi gwirio eu holl sesiynau.",
+        "enter_recovery_key": "Rhowch allwedd adfer",
+        "event_shield_reason_authenticity_not_guaranteed": "Nid oes modd gwarantu dilysrwydd y neges hon sydd wedi'i hamgryptio ar y ddyfais hon.",
+        "event_shield_reason_mismatched_sender": "Nid yw anfonwr y digwyddiad yn cyfateb i berchennog y ddyfais a'i hanfonodd.",
+        "event_shield_reason_mismatched_sender_key": "Wedi'i amgryptio gan sesiwn heb ei wirio",
+        "event_shield_reason_unknown_device": "Wedi'i amgryptio gan ddyfais anhysbys neu wedi'i dileu.",
+        "event_shield_reason_unsigned_device": "Wedi'i amgryptio gan ddyfais nad yw wedi'i dilysu gan ei pherchennog.",
+        "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.",
+        "key_storage_out_of_sync_description": "Cadarnhewch eich allwedd adfer i gynnal mynediad i'ch storfa allweddi a'ch hanes negeseuon.",
+        "messages_not_secure": {
+            "cause_1": "Eich gweinydd cartref",
+            "cause_2": "Y gweinydd cartref y mae'r defnyddiwr rydych chi'n ei wirio wedi'i gysylltu ag ef",
+            "cause_3": "Eich cysylltiad, neu gysylltiad rhyngrwyd defnyddwyr eraill",
+            "cause_4": "Eich cysylltiad neu sesiwn y defnyddwyr eraill",
+            "heading": "Gall un o’r canlynol gael ei beryglu:",
+            "title": "Nid yw eich negeseuon yn ddiogel"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Mae Ymadrodd Diogelwch newydd ac allwedd ar gyfer Negeseuon Diogel wedi'u canfod.",
+            "description_2": "Mae'r sesiwn hon yn amgryptio hanes gan ddefnyddio'r dull adfer newydd.",
+            "title": "Dull Adfer Newydd",
+            "warning": "Os na wnaethoch chi osod y dull adfer newydd, mae'n bosibl bod ymosodwr yn ceisio cael mynediad i'ch cyfrif. Newidiwch eich cyfrinair cyfrif a gosodwch ddull adfer newydd ar unwaith yn y Gosodiadau."
+        },
+        "pinned_identity_changed": "Cafodd hunaniaeth (<b>%(userId)s</b>) %(displayName)s ei ailosod. <a>Dysgu rhagor</a>",
+        "pinned_identity_changed_no_displayname": "Cafodd hunaniaeth <b>%(userId)s</b> ei ailosod. <a>Dysgu rhagor</a>",
+        "recovery_method_removed": {
+            "description_1": "Mae'r sesiwn hon wedi canfod bod eich Ymadrodd Diogelwch a'ch allwedd ar gyfer Negeseuon Diogel wedi'u dileu.",
+            "description_2": "Os gwnaethoch hyn yn ddamweiniol, gallwch osod Negeseuon Diogel ar y sesiwn hon a fydd yn ail-amgryptio hanes negeseuon y sesiwn hon gyda dull adfer newydd.",
+            "title": "Dull Adfer Wedi'i Dynnu",
+            "warning": "Os na wnaethoch chi ddileu'r dull adfer, mae'n bosibl bod ymosodwr yn ceisio cael mynediad i'ch cyfrif. Newidiwch eich cyfrinair cyfrif a gosodwch ddull adfer newydd ar unwaith yn y Gosodiadau."
+        },
+        "set_up_recovery": "Gosod  adfer",
+        "set_up_recovery_toast_description": "Cynhyrchwch allwedd adfer y mae modd ei defnyddio i adfer hanes eich neges wedi'i hamgryptio rhag ofn i chi golli mynediad i'ch dyfeisiau.",
+        "set_up_toast_title": "Gosod Copi Wrth Gefn Diogel",
+        "turn_on_key_storage": "Troi storfa allweddi ymlaen",
+        "turn_on_key_storage_description": "Cadwch eich hunaniaeth cryptograffig a'ch allweddi neges yn ddiogel ar y gweinydd. Bydd hyn yn caniatáu ichi weld hanes eich neges ar unrhyw ddyfeisiau newydd. %1$s.",
+        "unable_to_setup_keys_error": "Methu gosod allweddi",
+        "verification": {
+            "accepting": "Yn derbyn…",
+            "after_new_login": {
+                "device_verified": "Dyfais wedi'i dilysu",
+                "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",
+            "complete_description": "Rydych chi wedi dilysu'r defnyddiwr hwn yn llwyddiannus.",
+            "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.",
+            "in_person": "I fod yn ddiogel, gwnewch hyn eich hun neu defnyddiwch ffordd ddibynadwy o gyfathrebu.",
+            "incoming_sas_device_dialog_text_1": "Dilyswch y ddyfais hon i'w marcio fel un y mae modd ymddiried ynddi. Mae ymddiried yn y ddyfais hon yn rhoi tawelwch meddwl ychwanegol i chi a defnyddwyr eraill wrth ddefnyddio negeseuon wedi'u hamgryptio o'r dechrau i'r diwedd.",
+            "incoming_sas_device_dialog_text_2": "Bydd gwirio'r ddyfais hon yn ei nodi fel un y mae modd ymddiried ynddo, a bydd defnyddwyr sydd wedi gwirio gyda chi yn ymddiried yn y ddyfais hon.",
+            "incoming_sas_dialog_title": "Cais Dilysu Derbyn",
+            "incoming_sas_dialog_waiting": "Yn aros i bartner gadarnhau…",
+            "incoming_sas_user_dialog_text_1": "Dilyswch y defnyddiwr hwn i'w nodi fel un y mae modd ymddiried ynddo. Mae ymddiried mewn defnyddwyr yn rhoi tawelwch meddwl ychwanegol i chi wrth ddefnyddio negeseuon wedi'u hamgryptio o'r dechrau i'r diwedd.",
+            "incoming_sas_user_dialog_text_2": "Bydd dilysu'r defnyddiwr hwn yn nodi ei sesiwn fel un y mae modd ymddiried ynddi, a hefyd yn nodi bod eich sesiwn yn ymddiried ynddo.",
+            "manual": {
+                "already_verified": "Mae'r ddyfais hon eisoes wedi'i gwirio",
+                "already_verified_and_wrong_fingerprint": "Nid yw'r bysbrintiau a gyflenwyd yn cyfateb, ond mae'r ddyfais eisoes wedi'i gwirio!",
+                "device_id": "ID dyfais",
+                "failure_description": "Methwyd gwirio '%(deviceId)s': %(error)s",
+                "failure_title": "Methodd y dilysu",
+                "fingerprint": "Bysbrint (allwedd sesiwn)",
+                "no_crypto": "Methu gwirio dyfais - nid yw crypto wedi'i alluogi",
+                "no_device": "Methu gwirio dyfais - heb ganfod dyfais '%(deviceId)s'",
+                "no_userid": "Methu gwirio dyfais - methu canfod ein ID Defnyddiwr",
+                "success_description": "Mae'r ddyfais (%(deviceId)s) bellach wedi'i chroes-lofnodi",
+                "success_title": "Dilysu llwyddiannus",
+                "text": "Rhowch ID ac olion bysedd un o'ch dyfeisiau eich hun i'w wirio. NODER bod hyn yn caniatáu i'r ddyfais arall anfon a derbyn negeseuon fel chi. OS DYWEDODD RHYWUN WRTHYCH CHI AM GLUDO RHYWBETH YMA, MAE'N DEBYGOL EICH BOD CHI'N CAEL EICH SGAMIO!",
+                "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",
+            "sas_emoji_caption_user": "Dilyswch y defnyddiwr hwn trwy gadarnhau bod yr emoji canlynol yn ymddangos ar eu sgrin.",
+            "sas_match": "Maen nhw'n cyfateb",
+            "sas_no_match": "D'yn nhw ddim yn cyfateb",
+            "sas_prompt": "Cymharu emoji unigryw",
+            "scan_qr": "Gwirio trwy sganio",
+            "scan_qr_explainer": "Gofynnwch i %(displayName)s sganio'ch cod:",
+            "start_button": "Dechrau Dilysu",
+            "successful_user": "Rydych chi wedi dilysu %(displayName)s yn llwyddiannus!",
+            "unsupported_method": "Methu dod o hyd i ddull dilysu a gefnogir.",
+            "unverified_session_toast_accept": "Ie, fi wnaeth",
+            "unverified_session_toast_title": "Mewngofnod newydd. Ai chi oedd hwn?",
+            "unverified_sessions_toast_description": "Adolygwch i sicrhau bod eich cyfrif yn ddiogel",
+            "unverified_sessions_toast_reject": "Yn hwyrach",
+            "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.",
+            "verify_later": "Byddaf yn gwirio yn ddiweddarach",
+            "waiting_for_user_accept": "Yn aros i %(displayName)s dderbyn…",
+            "waiting_other_device": "Yn aros i chi wirio ar eich dyfais arall…",
+            "waiting_other_device_details": "Yn aros i chi wirio ar eich dyfais arall, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Yn aros i %(displayName)s wirio…"
+        },
+        "verification_requested_toast_title": "Gofynnwyd am ddilysiad",
+        "verified_identity_changed": "Cafodd hunaniaeth (<b>%(userId)s</b>) %(displayName)s ei ailosod. <a>Dysgu rhagor</a>",
+        "verified_identity_changed_no_displayname": "Cafodd hunaniaeth <b>%(userId)s</b> ei ailosod. <a>Dysgu rhagor</a>",
+        "verify_toast_description": "O ddiwedd mis Hydref 2026 ymlaen, ni fydd dyfeisiau heb eu gwirio yn gallu anfon a derbyn negeseuon. <a> Dysgu mwy</a>",
+        "verify_toast_title": "Gwiriwch y ddyfais hon",
+        "withdraw_verification_action": "Tynnu'r dilysiad yn ôl"
+    },
+    "error": {
+        "admin_contact": "Cysylltwch â <a>gweinyddwr eich gwasanaeth</a> i barhau i ddefnyddio'r gwasanaeth hwn.",
+        "admin_contact_short": "Cysylltwch <a>â gweinyddwr eich gweinydd</a>.",
+        "app_launch_unexpected_error": "Gwall annisgwyl wrth baratoi'r ap. Gwelwch y consol am fanylion.",
+        "cannot_load_config": "Methu llwytho ffeil ffurfweddu: adnewyddwch y dudalen i geisio eto.",
+        "connection": "Roedd problem wrth gyfathrebu gyda'r gweinydd cartref, ceisiwch eto yn nes ymlaen.",
+        "dialog_description_default": "Digwyddodd gwall.",
+        "download_media": "Wedi methu llwytho i lawrcyfryngau ffynhonnell, heb ddod o hyd i url ffynhonnell",
+        "edit_history_unsupported": "Nid yw'n ymddangos bod eich gweinydd cartref yn cefnogi'r nodwedd hon.",
+        "failed_copy": "Wedi methu â chopïo",
+        "hs_blocked": "Mae'r gweinydd cartref hwn wedi'i rwystro gan ei weinyddwr.",
+        "invalid_configuration_mixed_server": "Ffurfweddiad annilys: nid oes modd pennu default_hs_url ynghyd â default_server_matere neu default_server_config",
+        "invalid_configuration_no_server": "Ffurfweddiad annilys: heb benodi gweinydd rhagosodedig.",
+        "invalid_json": "Mae eich ffurfweddiad Elfen yn cynnwys JSON annilys. Cywirwch y broblem ac ail-lwythwch y dudalen.",
+        "invalid_json_detail": "Y neges o'r didolydd yw: %(message)s",
+        "invalid_json_generic": "JSON annilys",
+        "mau": "Mae'r gweinydd cartref hwn wedi cyrraedd terfyn Defnyddiwr Gweithredol Misol.",
+        "misconfigured": "Mae eich Elfen wedi'i cham ffurfweddu",
+        "mixed_content": "Methu cysylltu â homeserver trwy HTTP pan fydd URL HTTPS ym mar eich porwr. Naill ai defnyddiwch HTTPS neu <a>galluogwch sgriptiau anniogel</a>.",
+        "non_urgent_echo_failure_toast": "Nid yw eich gweinydd yn ymateb i rai <a>ceisiadau</a>.",
+        "resource_limits": "Mae'r gweinydd cartref hwn wedi mynd y tu hwnt i un o'i derfynau adnoddau.",
+        "session_restore": {
+            "clear_storage_button": "Tynnu'r ddyfais",
+            "clear_storage_description": "Tynnu&#39;r ddyfais hon ynghyd â&#39;i allweddi amgryptio?",
+            "description_1": "Wedi canfod gwall wrth geisio adfer eich sesiwn.",
+            "description_2": "Os ydych wedi defnyddio fersiwn mwy diweddar o %(brand)s o'r blaen, mae'n bosibl y bydd eich sesiwn yn anghydnaws â'r fersiwn hon. Caewch y ffenestr hon a dychwelyd i'r fersiwn mwy diweddar.",
+            "description_3": "Efallai y bydd clirio storfa eich porwr yn datrys y broblem, ond bydd yn eich allgofnodi ac yn achosi i unrhyw hanes sgwrsio sydd wedi'i amgryptio ddod yn annarllenadwy.",
+            "title": "Methu adfer y sesiwn"
+        },
+        "something_went_wrong": "Aeth rhywbeth o'i le!",
+        "storage_evicted_description_1": "Mae rhywfaint o ddata sesiwn, gan gynnwys bysellau neges wedi'u hamgryptio, ar goll. Allgofnodwch a mewngofnodwch i drwsio hyn, gan adfer allweddi o'r copi wrth gefn.",
+        "storage_evicted_description_2": "Mae'n debyg bod eich porwr wedi dileu'r data hwn wrth redeg yn isel ar ofod disg.",
+        "storage_evicted_title": "Data sesiwn ar goll",
+        "sync": "Methu cysylltu â Homeserver. Wrthi'n ailgynnig…",
+        "tls": "Methu cysylltu â homeserver - gwiriwch eich cysylltedd, sicrhewch eich bod yn ymddiried yn <a>nhystysgrif SSL eich gweinyddwr cartref</a> , ac nad yw estyniad porwr yn rhwystro ceisiadau.",
+        "unknown": "Gwall anhysbys",
+        "unknown_error_code": "cod gwall anhysbys",
+        "update_history_visibility": "Methwyd newid gwelededd hanes",
+        "update_power_level": "Wedi methu â newid lefel pŵer"
+    },
+    "error_app_open_in_another_tab": "Newidiwch i'r tab arall i gysylltu â %(brand)s. Gellir cau'r tab hwn nawr.",
+    "error_app_open_in_another_tab_title": "Mae %(brand)s wedi'i gysylltu mewn tab arall",
+    "error_app_opened_in_another_window": "Mae %(brand)s ar agor mewn ffenestr arall. Cliciwch \"%(label)s\" i ddefnyddio %(brand)s yma a datgysylltu'r ffenestr arall.",
+    "error_database_closed_description": {
+        "for_desktop": "Efallai bod eich disg yn llawn. Cliriwch ychydig o le ac ail-lwythwch.",
+        "for_web": "Os gwnaethoch glirio data pori yna disgwylir y neges hon. Gall %(brand)s fod ar agor mewn tab arall hefyd, neu mae eich disg yn llawn. Cliriwch ychydig o le ac ail-lwythwch"
+    },
+    "error_database_closed_title": "Mae %(brand)s wedi stopio gweithio",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Methu â chopïo dolen i'r ystafell i'r clipfwrdd.",
+            "title": "Methu â chopïo dolen ystafell"
+        },
+        "error_loading_user_profile": "Methu llwytho proffil defnyddiwr",
+        "forget_room_failed": "Wedi methu ag anghofio ystafell %(errCode)s"
+    },
+    "error_user_not_logged_in": "Nid yw'r defnyddiwr wedi mewngofnodi",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Galwad ar y gweill",
+            "user": "Ymunodd %(senderName)s â'r alwad",
+            "you": "Fe wnaethoch chi ymuno â'r alwad"
+        },
+        "m.call.hangup": {
+            "user": "Daeth %(senderName)s â'r alwad i ben",
+            "you": "Daethoch â'r alwad i ben"
+        },
+        "m.call.invite": {
+            "dm_receive": "Mae %(senderName)s yn galw",
+            "dm_send": "Yn aros am ateb",
+            "user": "Dechreuodd %(senderName)s alwad",
+            "you": "Rydych chi wedi dechrau galwad"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "Ymatebodd %(sender)s %(reaction)s i %(message)s",
+            "you": "Rydych wedi ymateb %(reaction)s i %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Sain",
+            "file": "Ffeil",
+            "image": "Delwedd",
+            "poll": "Arolwg",
+            "video": "Fideo"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Allforio wedi'i Ddiddymu",
+        "cancelled_detail": "Cafodd yr allforyn ei ddiddymu'n llwyddiannus",
+        "confirm_stop": "Ydych chi'n siŵr eich bod am roi'r gorau i allforio eich data? Os gwnewch hynny, bydd angen i chi ddechrau o'r newydd.",
+        "creating_html": "Wrthi'n creu HTML…",
+        "creating_output": "Wrthi'n creu allbwn…",
+        "creator_summary": "Creodd %(creatorName)s yr ystafell hon.",
+        "current_timeline": "Llinell Amser Presennol",
+        "enter_number_between_min_max": "Rhowch rif rhwng %(min)s a %(max)s",
+        "error_fetching_file": "Gwall wrth nôl ffeil",
+        "export_info": "Dyma ddechrau allforio o<roomName/>. Wedi'i allforio gan<exporterDetails/> yn %(exportDate)s.",
+        "export_successful": "Allforio yn llwyddiannus!",
+        "exported_n_events_in_time": {
+            "Wedi nôl %(count)s digwyddiadau o fewn %(seconds)s e": "zero",
+            "Wedi allforio %(count)s digwyddiad o fewn %(seconds)s e": "one",
+            "Wedi nôl %(count)s ddigwyddiad o fewn %(seconds)s e": "two",
+            "Wedi nôl %(count)s digwyddiad o fewn %(seconds)s e": "other"
+        },
+        "exporting_your_data": "Allforio eich data",
+        "fetched_n_events": {
+            "Wedi nôl %(count)s digwyddiadau hyd yn hyn": "zero",
+            "Wedi nôl %(count)s digwyddiad hyd yn hyn": "other",
+            "Wedi nôl %(count)s ddigwyddiad hyd yn hyn": "two"
+        },
+        "fetched_n_events_in_time": {
+            "Wedi nôl %(count)s digwyddiadau o fewn %(seconds)s e": "zero",
+            "Wedi nôl %(count)s digwyddiad o fewn %(seconds)s e": "other",
+            "Wedi nôl %(count)s ddigwyddiad o fewn %(seconds)s e": "two"
+        },
+        "fetched_n_events_with_total": {
+            "Wedi nôl %(count)s digwyddiadau allan o %(total)s": "zero",
+            "Wedi nôl %(count)s digwyddiad allan o %(total)s": "other",
+            "Wedi nôl %(count)s ddigwyddiad allan o %(total)s": "two"
+        },
+        "fetching_events": "Wrthi'n nôl digwyddiadau…",
+        "file_attached": "Ffeil wedi'i Atodi",
+        "format": "Fformat",
+        "from_the_beginning": "O'r dechrau",
+        "generating_zip": "Cynhyrchu ZIP",
+        "html": "HTML",
+        "html_title": "Data wedi'i Allforio",
+        "include_attachments": "Cynnwysch Atodiadau",
+        "json": "JSON",
+        "media_omitted": "Cyfryngau wedi'u hepgor",
+        "media_omitted_file_size": "Cyfryngau wedi'u hepgor - wedi mynd dros y terfyn maint ffeil",
+        "messages": "Negeseuon",
+        "next_page": "Grŵp nesaf o negeseuon",
+        "num_messages": "Nifer y negeseuon",
+        "num_messages_min_max": "Gall nifer y negeseuon fod dim ond yn rhif rhwng %(min)s a %(max)s",
+        "number_of_messages": "Nodwch nifer o negeseuon",
+        "previous_page": "Grŵp blaenorol o negeseuon",
+        "processing": "Wrthi'n prosesu…",
+        "processing_event_n": "Digwyddiad prosesu %(number)s allan o %(total)s",
+        "select_option": "Dewiswch o'r dewisiadau isod i allforio sgyrsiau o'ch llinell amser",
+        "size_limit": "Terfyn Maint",
+        "size_limit_min_max": "Dim ond rhwng %(min)s MB a %(max)s MB y gall maint fod",
+        "size_limit_postfix": "MB",
+        "starting_export": "Yn dechrau allforio…",
+        "successful": "Allforio yn Llwyddiannus",
+        "successful_detail": "Roedd eich allforyn yn llwyddiannus. Dewch o hyd iddo yn eich ffolder Llwytho i Lawr.",
+        "text": "Testun Plaen",
+        "title": "Allforio Sgwrs",
+        "topic": "Pwnc: %(topic)s",
+        "unload_confirm": "Ydych chi'n siŵr eich bod am adael yn ystod yr allforyn hwn?"
+    },
+    "failed_load_async_component": "Methu llwytho! Gwiriwch eich cysylltedd rhwydwaith a rhowch gynnig arall arni.",
+    "feedback": {
+        "can_contact_label": "Gallwch gysylltu â mi os oes gennych unrhyw gwestiynau dilynol",
+        "comment_label": "Sylw",
+        "existing_issue_link": "Edrychwch ar y <existingIssuesLink> materion presennol ar Github</existingIssuesLink> yn gyntaf. Dim cyfatebiaeth?<newIssueLink> Dechreuwch un newydd</newIssueLink>.",
+        "may_contact_label": "Gallwch gysylltu â mi os ydych am ddilyn neu i adael i mi brofi syniadau'r dyfodol",
+        "platform_username": "Bydd eich platfform a'ch enw defnyddiwr yn cael eu nodi i'n helpu ni i ddefnyddio'ch adborth cymaint ag y gallwn.",
+        "pro_type": "AWGRYM PRO: Os byddwch chi'n dechrau mater, cyflwynwch<debugLogsLink>logiau dadfygio</debugLogsLink> i'n helpu i ddod o hyd i'r broblem.",
+        "send_feedback_action": "Anfon adborth",
+        "sent": "Anfonwyd adborth! Diolch, rydym yn ei werthfawrogi!"
+    },
+    "file_panel": {
+        "empty_description": "Atodwch ffeiliau o sgwrs neu llusgo a gollwng nhw unrhyw le mewn ystafell.",
+        "empty_heading": "Dim ffeiliau i'w gweld yn yr ystafell hon",
+        "guest_note": "Rhaid i chi <a>gofrestru</a> i ddefnyddio'r swyddogaeth hon",
+        "peek_note": "Rhaid i chi ymuno â'r ystafell i weld ei ffeiliau"
+    },
+    "forward": {
+        "filter_placeholder": "Chwiliwch am ystafelloedd neu bobl",
+        "message_preview_heading": "Rhagolwg neges",
+        "no_perms_title": "Nid oes gennych ganiatâd i wneud hyn",
+        "open_room": "Ystafell agored",
+        "send_label": "Anfon",
+        "sending": "Anfon",
+        "sent": "Anfonwyd"
+    },
+    "identity_server": {
+        "change": "Newid gweinydd hunaniaeth",
+        "change_prompt": "Datgysylltwch o'r gweinydd hunaniaeth<current />a chysylltu â<new /> yn lle hynny?",
+        "change_server_prompt": "Os nad ydych am ddefnyddio <server /> i ganfod a bod yn ddarganfyddadwy gan gysylltiadau presennol yr ydych yn eu hadnabod, rhowch weinydd hunaniaeth arall isod.",
+        "changed": "Mae eich gweinydd hunaniaeth wedi'i newid",
+        "checking": "Gwirio gweinydd",
+        "description_connected": "Ar hyn o bryd rydych yn defnyddio <server></server> i ganfod a bod yn ddarganfyddadwy gan gysylltiadau presennol rydych chi'n eu hadnabod. Gallwch newid eich gweinydd hunaniaeth isod.",
+        "description_disconnected": "Nid ydych yn defnyddio gweinydd adnabod ar hyn o bryd. I ddarganfod a chael eich darganfod gan gysylltiadau presennol rydych chi'n eu hadnabod, ychwanegwch un isod.",
+        "description_optional": "Mae defnyddio gweinydd hunaniaeth yn ddewisol. Os byddwch yn dewis peidio â defnyddio gweinydd hunaniaeth, ni fydd defnyddwyr eraill yn gallu eich darganfod ac ni fyddwch yn gallu gwahodd eraill trwy e-bost neu ffôn.",
+        "disconnect": "Datgysylltu gweinydd hunaniaeth",
+        "disconnect_anyway": "Datgysylltwch beth bynnag",
+        "disconnect_offline_warning": "Dylech <b>dynnu eich data personol </b> oddi ar weinydd hunaniaeth <idserver /> cyn datgysylltu. Yn anffodus, gweinydd hunaniaeth <idserver /> ar hyn o bryd all-lein neu nid oes modd ei gyrraedd.",
+        "disconnect_personal_data_warning_1": "Rydych yn dal <b>i rannu eich data personol</b> ar y gweinydd hunaniaeth <idserver />.",
+        "disconnect_personal_data_warning_2": "Rydym yn argymell eich bod yn tynnu eich cyfeiriadau e-bost a rhifau ffôn oddi ar y gweinydd hunaniaeth cyn datgysylltu.",
+        "disconnect_server": "Datgysylltwch o'r gweinydd hunaniaeth <idserver />?",
+        "disconnect_warning": "Bydd datgysylltu oddi wrth eich gweinydd hunaniaeth yn golygu na fydd defnyddwyr eraill yn gallu eich darganfod ac ni fyddwch yn gallu gwahodd eraill trwy e-bost neu ffôn.",
+        "do_not_use": "Peidiwch â defnyddio gweinydd hunaniaeth",
+        "error_connection": "Methu cysylltu â gweinydd hunaniaeth",
+        "error_invalid": "Nid yw'n weinydd hunaniaeth dilys (cod statws %(code)s)",
+        "error_invalid_or_terms": "Nid yw'n derbyn telerau gwasanaeth neu mae'r gweinydd hunaniaeth yn annilys.",
+        "no_terms": "Nid oes gan y gweinydd hunaniaeth rydych chi wedi'i ddewis unrhyw delerau gwasanaeth.",
+        "suggestions": "Dylech chi:",
+        "suggestions_1": "wiro ategion eich porwr am unrhyw beth a allai rwystro'r gweinydd hunaniaeth (fel Privacy Badger)",
+        "suggestions_2": "cysylltu â gweinyddwyr gweinydd hunaniaeth <idserver />",
+        "suggestions_3": "aros a cheisio eto yn nes ymlaen",
+        "url": "Gweinydd adnabod (%(server)s)",
+        "url_field_label": "Rhowch weinydd hunaniaeth newydd",
+        "url_not_https": "Rhaid i URL gweinydd hunaniaeth fod yn HTTPS"
+    },
+    "in_space": "Yn %(spaceName)s.",
+    "in_space1_and_space2": "Mewn gofodau %(space1Name)s a %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "Yn %(spaceName)s a %(count)s gofodau eraill.": "zero",
+        "Yn %(spaceName)s ac un gofod arall": "one",
+        "Yn %(spaceName)s a %(count)s gofod arall.": "other"
+    },
+    "incompatible_browser": {
+        "continue": "Parhau beth bynnag",
+        "description": "Mae %(brand)s yn defnyddio rhai nodweddion porwr nad ydyn nhw ar gael yn eich porwr presennol. %(detail)s",
+        "detail_can_continue": "Os byddwch yn parhau, efallai na fydd rhai nodweddion yn gweithio ac mae risg y gallech golli data yn y dyfodol.",
+        "detail_no_continue": "Ceisiwch ddiweddaru'r porwr hwn os nad ydych yn defnyddio'r fersiwn diweddaraf a cheisiwch eto.",
+        "learn_more": "Dysgu rhagor",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "Am y profiad gorau, defnyddiwch <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge> Edge</Edge>, neu <Safari>Safari</Safari>.",
+        "title": "Nid yw %(brand)s yn cefnogi'r porwr hwn",
+        "use_desktop_heading": "Defnyddiwch %(brand)s y Bwrdd Gwaith yn lle hynny",
+        "use_mobile_heading": "Defnyddiwch %(brand)s ar ffôn symudol yn lle hynny",
+        "use_mobile_heading_after_desktop": "Neu defnyddiwch ein ap symudol",
+        "windows_64bit": "Windows (64-did)",
+        "windows_arm_64bit": "Windows (ARM 64-did)"
+    },
+    "info_tooltip_title": "Gwybodaeth",
+    "integration_manager": {
+        "connecting": "Wrthi'n cysylltu â'r rheolwr integreiddio…",
+        "error_connecting": "Mae'r rheolwr integreiddio all-lein neu ni all gyrraedd eich gweinydd cartref.",
+        "error_connecting_heading": "Methu cysylltu â'r rheolwr integreiddio",
+        "explainer": "Mae rheolwyr integreiddio yn derbyn data ffurfweddu, a gallant addasu teclynnau, anfon gwahoddiadau ystafell, a gosod lefelau pŵer ar eich rhan.",
+        "manage_title": "Rheoli integreiddiadau",
+        "toggle_label": "Galluogi'r rheolwr integreiddio",
+        "use_im": "Defnyddiwch reolwr integreiddio i reoli botiau, teclynnau a phecynnau sticeri.",
+        "use_im_default": "Defnyddiwch reolwr integreiddio <b>(%(serverName)s)</b> i reoli botiau, teclynnau a phecynnau sticeri."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Galluogi '%(manageIntegrations)s' yn y Gosodiadau i wneud hyn.",
+        "disabled_dialog_title": "Mae integreiddiadau wedi'u hanalluogi",
+        "impossible_dialog_description": "Nid yw eich %(brand)s yn caniatáu i chi ddefnyddio rheolwr integreiddio i wneud hyn. Cysylltwch â gweinyddwr.",
+        "impossible_dialog_title": "Nid yw integreiddiadau yn cael eu caniatâu"
+    },
+    "invite": {
+        "email_caption": "Gwahodd trwy e-bost",
+        "email_limit_one": "Dim ond un ar y tro y mae moddanfon gwahoddiadau trwy e-bost",
+        "email_use_default_is": "Defnyddiwch weinydd hunaniaeth i wahodd trwy e-bost.<default> Defnyddiwch y rhagosodiad (%(defaultIdentityServerName)s)</default> neu reoli mewn<settings> Gosodiadau</settings>.",
+        "email_use_is": "Defnyddiwch weinydd hunaniaeth i wahodd trwy e-bost. Rheoli o fewn y <settings>Gosodiadau</settings>.",
+        "error_already_invited_room": "Mae'r defnyddiwr eisoes wedi'i wahodd i'r ystafell",
+        "error_already_invited_space": "Mae'r defnyddiwr eisoes wedi'i wahodd i'r gofod",
+        "error_already_joined_room": "Mae'r defnyddiwr eisoes yn yr ystafell",
+        "error_already_joined_space": "Mae'r defnyddiwr eisoes yn y gofod",
+        "error_bad_state": "Rhaid i'r defnyddiwr fod heb ei wahardd cyn y mae moddei wahodd.",
+        "error_dm": "Nid oedd modd i ni greu eich DM.",
+        "error_find_room": "Aeth rhywbeth o'i le wrth geisio gwahodd y defnyddwyr.",
+        "error_find_user_description": "Mae'n bosib nad yw'r defnyddwyr canlynol yn bodoli neu'n annilys, ac nid oes modd eu gwahodd: %(csvNames)s",
+        "error_find_user_title": "Wedi methu dod o hyd i'r defnyddwyr canlynol",
+        "error_invite": "Nid oedd modd i ni wahodd y defnyddwyr hynny. Gwiriwch y defnyddwyr yr ydych am eu gwahodd a cheisiwch eto.",
+        "error_permissions_room": "Nid oes gennych ganiatâd i wahodd pobl i'r ystafell hon.",
+        "error_permissions_space": "Nid oes gennych ganiatâd i wahodd pobl i'r gofod hwn.",
+        "error_profile_undisclosed": "Gall defnyddiwr fodoli neu beidio",
+        "error_transfer_multiple_target": "Dim ond i un defnyddiwr y mae modd trosglwyddo galwad.",
+        "error_unfederated_room": "Mae'r ystafell hon yn ddi-ffederal. Allwch chi ddim gwahodd pobl o weinyddion allanol.",
+        "error_unfederated_space": "Mae'r gofod hwn yn ddiffederal. Allwch chi ddim gwahodd pobl o weinyddion allanol.",
+        "error_unknown": "Gwall gweinydd anhysbys",
+        "error_user_not_found": "Nid yw'r defnyddiwr yn bodoli",
+        "error_version_unsupported_room": "Nid yw gweinydd cartref y defnyddiwr yn cefnogi'r fersiwn o'r ystafell.",
+        "error_version_unsupported_space": "Nid yw gweinydd cartref y defnyddiwr yn cefnogi'r fersiwn o'r gofod.",
+        "failed_generic": "Methodd y gweithrediad",
+        "failed_title": "Wedi methu â gwahodd",
+        "invalid_address": "Cyfeiriad heb ei gydnabod",
+        "name_email_mxid_share_room": "Gwahoddwch rywun i ddefnyddio ei enw, cyfeiriad e-bost, enw defnyddiwr (fel <userId/>) neu <a>rannu'r ystafell hon</a>.",
+        "name_email_mxid_share_space": "Gwahoddwch rywun i ddefnyddio ei enw, cyfeiriad e-bost, enw defnyddiwr (fel <userId/>) neu <a>rhannu'r gofod hwn</a>.",
+        "name_mxid_share_room": "Gwahoddwch rywun i ddefnyddio eu henw, enw defnyddiwr (fel <userId/>) neu <a>rannu'r ystafell hon</a>.",
+        "name_mxid_share_space": "Gwahoddwch rywun i ddefnyddio eu henw, enw defnyddiwr (fel <userId/>) neu <a>rhannu'r gofod hwn</a>.",
+        "progress": {
+            "dont_close": "Peidiwch â chau'r ap nes ei fod wedi gorffen.",
+            "preparing": "Wrthi'n paratoi gwahoddiadau..."
+        },
+        "recents_section": "Sgyrsiau Diweddar",
+        "room_failed_partial": "Rydym wedi anfon y lleill, ond nid oes modd gwahodd y bobl isod i <RoomName/>",
+        "room_failed_partial_title": "Nid oedd modd anfon rhai gwahoddiadau",
+        "room_failed_title": "Wedi methu gwahodd defnyddwyr i %(roomName)s",
+        "send_link_prompt": "Neu anfonwch ddolen wahoddiad",
+        "start_conversation_name_email_mxid_prompt": "Dechreuwch sgwrs gyda rhywun gan ddefnyddio eu henw, cyfeiriad e-bost neu enw defnyddiwr (fel <userId/>).",
+        "start_conversation_name_mxid_prompt": "Dechreuwch sgwrs gyda rhywun gan ddefnyddio eu henw neu enw defnyddiwr (fel <userId/>).",
+        "suggestions_disclaimer": "Efallai y bydd rhai awgrymiadau'n cael eu cuddio er preifatrwydd.",
+        "suggestions_disclaimer_prompt": "Os na allwch weld pwy rydych yn chwilio amdano, anfonwch eich dolen wahoddiad isod.",
+        "suggestions_section": "Neges Uniongyrchol Ddiweddar",
+        "to_room": "Gwahodd i %(roomName)s",
+        "to_space": "Gwahodd i %(spaceName)s",
+        "transfer_dial_pad_tab": "Pad deialu",
+        "transfer_user_directory_tab": "Cyfeiriadur Defnyddwyr",
+        "unable_find_profiles_description_default": "Methu dod o hyd i broffiliau ar gyfer yr IDau Matrics wedi'u rhestru isod - a hoffech chi eu gwahodd beth bynnag?",
+        "unable_find_profiles_invite_label_default": "Gwahodd beth bynnag",
+        "unable_find_profiles_invite_never_warn_label_default": "Gwahodd beth bynnag a pheidiwch byth â fy rhybuddio eto",
+        "unable_find_profiles_title": "Efallai na fydd y defnyddwyr canlynol yn bodoli",
+        "unban_first_title": "Nid oes modd gwahodd defnyddiwr nes ei fod heb ei ddad-wahardd"
+    },
+    "inviting_user1_and_user2": "Yn gwahodd %(user1)s a %(user2)s",
+    "inviting_user_and_n_others": {
+        "Yn gwahodd %(user)s ac un arall": "one",
+        "Yn gwahodd %(user)s a %(count)s arall": "other"
+    },
+    "items_and_n_others": {
+        "<Items/> a dim arall": "zero",
+        "<Items/> ac un arall": "one",
+        "<Items/> a %(count)s arall": "other"
+    },
+    "keyboard": {
+        "activate_button": "Agor y botwm hwn",
+        "alt": "Alt",
+        "autocomplete_cancel": "Diddymu awtogwblhau",
+        "autocomplete_force": "Gorfodi cwblhau",
+        "autocomplete_navigate_next": "Awgrym awtolenwi nesaf",
+        "autocomplete_navigate_prev": "Awgrym awtolenwi blaenorol",
+        "backspace": "Backspace",
+        "cancel_reply": "Diddymu ateb neges",
+        "category_autocomplete": "Awtogwblhau",
+        "category_calls": "Galwadau",
+        "category_navigation": "Llywio",
+        "category_room_list": "Rhestr Ystafell",
+        "close_dialog_menu": "Caewch y ddewislen deialog neu gyd-destun",
+        "composer_jump_end": "Symud i ddiwedd y cyfansoddwr",
+        "composer_jump_start": "Symud i ddechrau'r cyfansoddwr",
+        "composer_navigate_next_history": "Ymlaen i'r neges nesaf yn hanes y cyfansoddwr",
+        "composer_navigate_prev_history": "Ymlaen i'r neges flaenorol yn hanes y cyfansoddwr",
+        "composer_new_line": "Llinell newydd",
+        "composer_redo": "Ail-wneud golygu",
+        "composer_toggle_bold": "Toglo Trwm",
+        "composer_toggle_code_block": "Toglo Bloc Cod",
+        "composer_toggle_italics": "Toglo Italics",
+        "composer_toggle_link": "Toglo Dolen",
+        "composer_toggle_quote": "Toglo Dyfyniad",
+        "composer_undo": "Dadwneud golygu",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Diystyru'r marciwr darllen a symud i'r gwaelod",
+        "end": "Diwedd",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Mynd i Golwg Cartref",
+        "home": "Cartref",
+        "jump_first_message": "Symud i'r neges gyntaf",
+        "jump_last_message": "Symud i'r neges olaf",
+        "jump_room_search": "Symud i chwilio ystafelloedd",
+        "jump_to_read_marker": "Symud i'r neges hynaf heb ei darllen",
+        "keyboard_shortcuts_tab": "Agor y tab gosodiadau hwn",
+        "navigate_next_history": "Ymwelwyd ag ystafell neu ofod ddiweddar nesaf",
+        "navigate_next_message_edit": "Ymlaen i'r neges nesaf i'w golygu",
+        "navigate_prev_history": "Ystafell neu ofod yr ymwelwyd â hwy yn ddiweddar",
+        "navigate_prev_message_edit": "Symud i'r neges flaenorol i'w golygu",
+        "next_landmark": "Mynd i'r tirnod nesaf",
+        "next_room": "Ystafell nesaf neu DM",
+        "next_unread_room": "Ystafell nesaf heb ei darllen neu DM",
+        "number": "[number]",
+        "open_user_settings": "Agor gosodiadau defnyddiwr",
+        "page_down": "Tudalen i Lawr",
+        "page_up": "Tudalen i Fyny",
+        "prev_landmark": "Mynd i'r tirnod blaenorol",
+        "prev_room": "Ystafell flaenorol neu DM",
+        "prev_unread_room": "Ystafell flaenorol heb ei darllen neu DM",
+        "room_list_collapse_section": "Lleihau adran rhestr ystafelloedd",
+        "room_list_expand_section": "Ehangu'r adran rhestr ystafelloedd",
+        "room_list_navigate_down": "Symud i lawr yn y rhestr ystafelloedd",
+        "room_list_navigate_up": "Symud i fyny yn y rhestr ystafelloedd",
+        "room_list_select_room": "Dewis ystafell o'r rhestr ystafelloedd",
+        "save": "Cadw",
+        "scroll_down_timeline": "Sgrolio i lawr yn y llinell amser",
+        "scroll_up_timeline": "Sgrolio i fyny yn y llinell amser",
+        "search": "Chwilio (rhaid ei alluogi)",
+        "send_sticker": "Anfon sticer",
+        "shift": "Shift",
+        "space": "Gofod",
+        "switch_to_space": "Newid i'r gofod yn ôl rhif",
+        "toggle_hidden_events": "Toglo gwelededd digwyddiad cudd",
+        "toggle_microphone_mute": "Toglo tewi meicroffon",
+        "toggle_right_panel": "Toglo panel dde",
+        "toggle_space_panel": "Toglo panel gofod",
+        "toggle_top_left_menu": "Toglo'r ddewislen chwith uchaf",
+        "toggle_webcam_mute": "Toglo camera gwe ymlaen / i ffwrdd",
+        "upload_file": "Llwytho ffeil i fyny"
+    },
+    "labs": {
+        "ask_to_join": "Galluogi gofyn i ymuno",
+        "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.",
+        "beta_feedback_title": "Adborth beta %(featureName)s",
+        "beta_section": "Nodweddion sy ar eu ffordd",
+        "bridge_state": "Dangos gwybodaeth am bontydd mewn gosodiadau ystafell",
+        "bridge_state_channel": "Sianel:<channelLink/>",
+        "bridge_state_creator": "Darparwyd y bont hon gan<user />.",
+        "bridge_state_manager": "Mae'r bont hon yn cael ei rheoli gan <user />.",
+        "bridge_state_workspace": "Gweithle: <networkLink/>",
+        "click_for_info": "Cliciwch am fwy o wybodaeth",
+        "currently_experimental": "Arbrofol ar hyn o bryd.",
+        "custom_themes": "Cefnogi ychwanegu themâu personol",
+        "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>.",
+        "experimental_section": "Rhagolygon cynnar",
+        "extended_profiles_msc_support": "Mae angen i'ch gweinydd gefnogi MSC4133",
+        "feature_disable_call_per_sender_encryption": "Analluogi amgryptio fesul anfonwr ar gyfer Element Call",
+        "feature_wysiwyg_composer_description": "Defnyddiwch destun cyfoethog yn lle Markdown yng nghyfansoddwr y neges.",
+        "group_developer": "Datblygwr",
+        "group_encryption": "Amgryptio",
+        "group_experimental": "Arbrofol",
+        "group_messaging": "Negeseuon",
+        "group_moderation": "Cymedroil",
+        "group_profile": "Proffil",
+        "group_rooms": "Ystafelloedd",
+        "group_spaces": "Gofodau",
+        "group_themes": "Themâu",
+        "group_threads": "Edafedd",
+        "group_ui": "Rhyngwyneb",
+        "group_voip": "Llais a Fideo",
+        "group_widgets": "Teclynnau",
+        "hidebold": "Cuddio dot hysbysu (dangos bathodynnau cownteri yn unig)",
+        "join_beta": "Ymunwch â'r beta",
+        "join_beta_reload": "Bydd ymuno â'r beta yn ail-lwytho %(brand)s.",
+        "jump_to_date": "Symud i ddyddiad (ychwanegu / jumtodate a symud i benynnau dyddiad)",
+        "jump_to_date_msc_support": "Mae angen i'ch gweinydd gefnogi MSC3030",
+        "latex_maths": "Rendro mathemateg LaTeX mewn negeseuon",
+        "leave_beta": "Gadael y beta",
+        "leave_beta_reload": "Bydd gadael y beta yn ail-lwytho %(brand)s.",
+        "location_share_live": "Rhannu Lleoliad Byw",
+        "location_share_live_description": "Gweithredu dros dro. Mae lleoliadau'n parhau yn hanes ystafelloedd.",
+        "mjolnir": "Ffyrdd newydd o anwybyddu pobl",
+        "msc3531_hide_messages_pending_moderation": "Gadael i cymedrolwyr guddio negeseuon tra'n aros i'w gymedroli.",
+        "notification_settings": "Gosodiadau Hysbysu Newydd",
+        "notification_settings_beta_caption": "Cyflwyno ffordd symlach o newid eich gosodiadau hysbysu. Addaswch eich %(brand)s, yn union fel y dymunwch.",
+        "notification_settings_beta_title": "Gosodiadau Hysbysiadau",
+        "notifications": "Galluogi'r panel hysbysiadau ym mhennyn yr ystafell",
+        "render_reaction_images": "Rendro delweddau personol mewn adweithiau",
+        "render_reaction_images_description": "Weithiau'n cael eu hadnabod fel \"emojis cyfaddas\".",
+        "sliding_sync": "Modd Cydweddu Llithro",
+        "sliding_sync_description": "Wrthi'n datblygu, nid oes modd ei analluogi.",
+        "sliding_sync_disabled_notice": "Allgofnodwch a mewngofnodi i analluogi",
+        "sliding_sync_server_no_support": "Nid oes gan eich gweinydd gefnogaeth",
+        "unrealiable_e2e": "Annibynadwy mewn ystafelloedd wedi'u hamgryptio",
+        "video_rooms": "Ystafelloedd fideo",
+        "video_rooms_a_new_way_to_chat": "Ffordd newydd o sgwrsio dros lais a fideo yn %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Mae ystafelloedd fideo bob amser yn sianeli VoIP sydd wedi'u mewnosod o fewn ystafell yn %(brand)s.",
+        "video_rooms_beta": "Mae ystafelloedd fideo yn nodwedd beta",
+        "video_rooms_faq1_answer": "Defnyddiwch y botwm “+” yn adran ystafell y panel chwith.",
+        "video_rooms_faq1_question": "Sut mae modd creu ystafell fideo?",
+        "video_rooms_faq2_answer": "Oes, mae'r llinell amser sgwrsio yn cael ei harddangos ochr yn ochr â'r fideo.",
+        "video_rooms_faq2_question": "A oes modd defnyddio sgwrs testun ochr yn ochr â'r alwad fideo?",
+        "video_rooms_feedbackSubheading": "Diolch am roi cynnig ar y beta, ewch i gymaint o fanylion ag y gallwch fel y gallwn ei wella.",
+        "wysiwyg_composer": "Golygydd testun cyfoethog"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Mae'r gosodiadau hyn wedi'u bwriadu ar gyfer defnyddwyr uwch.",
+        "ban_reason": "Wedi'i anwybyddu/rhwystro",
+        "error_adding_ignore": "Gwall wrth ychwanegu defnyddiwr/gweinydd a anwybyddwyd",
+        "error_adding_list_description": "Gwiriwch ID yr ystafell neu'r cyfeiriad a cheisiwch eto.",
+        "error_adding_list_title": "Gwall wrth danysgrifio i'r rhestr",
+        "error_removing_ignore": "Gwall wrth ddileu defnyddiwr/gweinydd a anwybyddwyd",
+        "error_removing_list_description": "Ceisiwch eto neu edrychwch ar eich consol am awgrymiadau.",
+        "error_removing_list_title": "Gwall wrth ddad-danysgrifio o'r rhestr",
+        "explainer_1": "Ychwanegwch ddefnyddwyr a gweinyddwyr yr ydych am eu hanwybyddu yma. Defnyddiwch seren i gael %(brand)s cyfateb unrhyw nodau. Er enghraifft, byddai <code>@bot:*</code> yn anwybyddu pob defnyddiwr sydd â'r enw 'bot' ar unrhyw weinydd.",
+        "explainer_2": "Mae anwybyddu pobl yn cael ei wneud trwy restrau gwahardd sy'n cynnwys rheolau ar gyfer pwy i'w gwahardd. Mae tanysgrifio i restr wahardd yn golygu y bydd y defnyddwyr/gweinyddion sydd wedi'u rhwystro gan y rhestr honno yn cael eu cuddio oddi wrthych.",
+        "lists": "Rydych chi wedi tanysgrifio i:",
+        "lists_description_1": "Bydd tanysgrifio i restr wahardd yn achosi ichi ymuno â hi!",
+        "lists_description_2": "Os nad dyma'r hyn yr ydych ei eisiau, defnyddiwch offeryn gwahanol i anwybyddu defnyddwyr.",
+        "lists_heading": "Rhestrau tanysgrifiedig",
+        "lists_new_label": "ID ystafell neu gyfeiriad y rhestr wahardd",
+        "no_lists": "Nid ydych wedi eich tanysgrifio i unrhyw restrau",
+        "personal_description": "Mae eich rhestr gwaharddiadau personol yn dal yr holl ddefnyddwyr/gweinyddion nad ydych chi'n bersonol am weld negeseuon ganddynt. Ar ôl anwybyddu'ch defnyddiwr/gweinydd cyntaf, bydd ystafell newydd yn ymddangos yn eich rhestr ystafelloedd o'r enw '%(myBanList)s' - arhoswch yn yr ystafell hon i gadw'r rhestr wahardd mewn grym.",
+        "personal_empty": "Nid ydych wedi anwybyddu neb.",
+        "personal_heading": "Rhestr gwaharddiad personol",
+        "personal_new_label": "Gweinydd neu ID defnyddiwr i'w anwybyddu",
+        "personal_new_placeholder": "ee: @bot:* neu example.org",
+        "personal_section": "Ar hyn o bryd rydych yn anwybyddu:",
+        "room_name": "Fy Rhestr Gwaharddiadau",
+        "room_topic": "Dyma'ch rhestr o ddefnyddwyr/gweinyddion rydych chi wedi'u rhwystro - peidiwch â gadael yr ystafell!",
+        "rules_empty": "Dim",
+        "rules_server": "Rheolau'r gweinydd",
+        "rules_title": "Rheolau rhestr gwahardd - %(roomName)s",
+        "rules_user": "Rheolau defnyddiwr",
+        "something_went_wrong": "Aeth rhywbeth o'i le. Ceisiwch eto neu edrychwch ar eich consol am awgrymiadau.",
+        "title": "Defnyddwyr wedi'u hanwybyddu",
+        "view_rules": "Gweld rheolau"
+    },
+    "language_dropdown_label": "Cwymplen Iaith",
+    "leave_room_dialog": {
+        "last_person_warning": "Chi yw'r unig berson yma. Os byddwch yn gadael, ni fydd neb yn gallu ymuno yn y dyfodol, gan gynnwys chi.",
+        "leave_room_question": "Ydych chi'n siŵr eich bod am adael ystafell '%(roomName)s'?",
+        "leave_space_question": "Ydych chi'n siŵr eich bod am adael y bwlch '%(spaceName)s'?",
+        "room_leave_admin_warning": "Chi yw'r unig weinyddwr yn yr ystafell hon. Os byddwch yn gadael, ni fydd neb yn gallu newid gosodiadau ystafell na chymryd camau pwysig eraill.",
+        "room_leave_mod_warning": "Chi yw'r unig gymedrolwr yn yr ystafell hon. Os byddwch yn gadael, ni fydd neb yn gallu newid gosodiadau ystafell na chymryd camau pwysig eraill.",
+        "room_rejoin_warning": "Nid yw'r ystafell hon yn gyhoeddus. Fyddwch chi ddim yn gallu ailymuno heb wahoddiad.",
+        "space_rejoin_warning": "Nid yw'r gofod hwn yn gyhoeddus. Fyddwch chi ddim yn gallu ailymuno heb wahoddiad."
+    },
+    "lightbox": {
+        "rotate_left": "Cylchdroi i'r chwith",
+        "rotate_right": "Cylchdroi i'r Dde",
+        "title": "Golwg delwedd"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Nid yw'r gweinydd cartref hwn wedi'i ffurfweddu i ddangos mapiau.",
+        "MapStyleUrlNotReachable": "Nid yw'r gweinydd cartref hwn wedi'i ffurfweddu'n gywir i ddangos mapiau, neu efallai na fydd modd cyrraedd y gweinydd mapiau sydd wedi'i ffurfweddu.",
+        "WebGLNotEnabled": "Mae angen WebGL i ddangos mapiau, galluogwch ef yng ngosodiadau eich porwr.",
+        "click_drop_pin": "Cliciwch i ollwng pin",
+        "click_move_pin": "Cliciwch i symud y pin",
+        "close_sidebar": "Caewch y bar ochr",
+        "error_fetch_location": "Methu nôl lleoliad",
+        "error_no_perms_description": "Mae angen i chi gael y caniatâd cywir er mwyn rhannu lleoliadau yn yr ystafell hon.",
+        "error_no_perms_title": "Nid oes gennych ganiatâd i rannu lleoliadau",
+        "error_send_description": "Nid oedd modd i %(brand)s anfon eich lleoliad. Ceisiwch eto yn nes ymlaen.",
+        "error_send_title": "Nid oedd modd i ni anfon eich lleoliad",
+        "error_sharing_live_location": "Digwyddodd gwall wrth rannu eich lleoliad byw",
+        "error_stopping_live_location": "Digwyddodd gwall wrth atal eich lleoliad byw",
+        "expand_map": "Ehangu'r map",
+        "failed_generic": "Wedi methu â nôl eich lleoliad. Ceisiwch eto yn nes ymlaen.",
+        "failed_load_map": "Methu'r llwytho map",
+        "failed_permission": "Gwrthodwyd caniatâd i %(brand)s nol eich lleoliad. Caniatewch fynediad lleoliad yng ngosodiadau eich porwr.",
+        "failed_timeout": "Daeth yr amser i ben yn ceisio nôl eich lleoliad. Ceisiwch eto yn nes ymlaen.",
+        "failed_unknown": "Gwall anhysbys wrth nôl lleoliad. Ceisiwch eto yn nes ymlaen.",
+        "find_my_location": "Canfod fy lleoliad",
+        "live_description": "Lleoliad byw %(displayName)s",
+        "live_enable_description": "Sylwch: nodwedd Labs yw hon sy'n defnyddio gweithrediad dros dro. Mae hyn yn golygu na fyddwch yn gallu dileu hanes eich lleoliad, a bydd defnyddwyr uwch yn gallu gweld eich hanes lleoliad hyd yn oed ar ôl i chi roi'r gorau i rannu eich lleoliad byw gyda'r ystafell hon.",
+        "live_enable_heading": "Rhannu lleoliad byw",
+        "live_location_active": "Rydych chi'n rhannu eich lleoliad byw",
+        "live_location_enabled": "Lleoliad byw wedi'i alluogi",
+        "live_location_ended": "Daeth lleoliad byw i ben",
+        "live_location_error": "Gwall lleoliad byw",
+        "live_locations_empty": "Dim lleoliadau byw",
+        "live_share_button": "Rhannu ar gyfer %(duration)s",
+        "live_toggle_label": "Galluogi rhannu lleoliad byw",
+        "live_until": "Byw tan %(expiryTime)s",
+        "live_update_time": "Wedi diweddaru %(humanizedUpdateTime)s",
+        "loading_live_location": "Wrthi'n llwytho lleoliad byw…",
+        "location_not_available": "Nid yw'r lleoliad ar gael",
+        "map_feedback": "Adborth map",
+        "mapbox_logo": "Logo Mapbox",
+        "reset_bearing": "Ailosod y cyfeiriant i'r gogledd",
+        "share_button": "Rhannu lleoliad",
+        "share_type_live": "Fy lleoliad byw",
+        "share_type_own": "Fy lleoliad presennol",
+        "share_type_pin": "Gollwng Pin",
+        "share_type_prompt": "Pa fath o leoliad ydych chi am ei rannu?",
+        "toggle_attribution": "Toglo priodoli"
+    },
+    "member_list": {
+        "count": {
+            "%(count)s Aelodau": "zero",
+            "%(count)s Aelod": "other"
+        },
+        "filter_placeholder": "Hidlo aelodau'r ystafell",
+        "invite_button_no_perms_tooltip": "Nid oes gennych ganiatâd i wahodd defnyddwyr",
+        "invited_label": "Gwahoddwyd",
+        "list_title": "Rhestr aelodau",
+        "no_matches": "Dim cyfatebiaeth"
+    },
+    "member_list_back_action_label": "Aelodau'r ystafell",
+    "message_edit_dialog_title": "Golygiadau neges",
+    "migrating_crypto": "Arhoswch... Rydym yn diweddaru %(brand)s i wneud amgryptio yn gyflymach ac yn fwy dibynadwy.",
+    "mobile_guide": {
+        "toast_accept": "Defnyddiwch yr ap",
+        "toast_description": "Mae %(brand)s yn arbrofol ar borwr gwe symudol. I gael profiad gwell a'r nodweddion diweddaraf, defnyddiwch ein app brodorol rhad ac am ddim.",
+        "toast_title": "Defnyddiwch yr ap i gael profiad gwell"
+    },
+    "name_and_id": "%(matere)s (%(userId)s)",
+    "no_more_results": "Dim mwy o ganlyniadau",
+    "notif_panel": {
+        "empty_description": "Nid oes gennych unrhyw hysbysiadau gweladwy.",
+        "empty_heading": "Rydych yn gyfredol"
+    },
+    "notifications": {
+        "all_messages": "Pob neges",
+        "all_messages_description": "Cael gwybod am bob neges",
+        "class_global": "Eang",
+        "class_other": "Arall",
+        "default": "Rhagosodedig",
+        "email_pusher_app_display_name": "Hysbysiadau E-bost",
+        "enable_prompt_toast_description": "Galluogi hysbysiadau bwrdd gwaith",
+        "enable_prompt_toast_title": "Hysbysiadau",
+        "enable_prompt_toast_title_from_message_send": "Peidiwch â cholli ateb",
+        "error_change_title": "Newid gosodiadau hysbysu",
+        "keyword": "Allweddair",
+        "keyword_new": "Allweddair newydd",
+        "level_activity": "Gweithgaredd",
+        "level_highlight": "Uchafbwyntiau",
+        "level_muted": "Wedi tewi",
+        "level_none": "Dim",
+        "level_notification": "Hysbysiad",
+        "level_unsent": "Heb ei anfon",
+        "mark_all_read": "Marcio'r cyfan wedi'u darllen",
+        "mentions_and_keywords": "@crybwylliadau ac allweddeiriau",
+        "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"
+    },
+    "notifier": {
+        "m.key.verification.request": "Mae %(matere)s yn gofyn am ddilysiad"
+    },
+    "onboarding": {
+        "create_room": "Creu Sgwrs Grŵp",
+        "explore_rooms": "Archwilio Ystafelloedd Cyhoeddus",
+        "has_avatar_label": "Gwych, bydd hynny'n helpu pobl i wybod mai chi ydyw",
+        "intro_byline": "Yn berchen ar eich sgyrsiau.",
+        "intro_welcome": "Croeso i %(appName)s",
+        "no_avatar_label": "Ychwanegwch lun fel bod pobl yn gwybod mai chi sydd yno.",
+        "send_dm": "Anfon Neges Uniongyrchol",
+        "welcome_detail": "Nawr, gadewch i ni eich helpu i ddechrau",
+        "welcome_user": "Croeso %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Neges yn %(room)s",
+        "permalink_this_room": "Neges gan %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Creu Arolwg",
+        "create_poll_title": "Creu arolwg barn",
+        "disclosed_notes": "Mae'r pleidleiswyr yn gweld canlyniadau cyn gynted ag y byddan nhw wedi pleidleisio",
+        "edit_poll_title": "Golygu arolwg barn",
+        "end_description": "Ydych chi'n siŵr eich bod am ddod â'r arolwg barn hwn i ben? Bydd hyn yn dangos canlyniadau terfynol y bleidlais ac yn atal pobl rhag gallu pleidleisio.",
+        "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.",
+        "error_voting_title": "Pleidlais heb ei chofrestru",
+        "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…",
+        "total_decryption_errors": "Oherwydd gwallau dadgryptio, efallai na fydd rhai pleidleisiau'n cael eu cyfrif",
+        "total_n_votes": {
+            "%(count)s pleidlais wedi'u bwrw. Pleidleisiwch i weld y canlyniadau.": "other",
+            "%(count)s pleidlais wedi'i bwrw. Pleidleisiwch i weld y canlyniadau.": "one"
+        },
+        "total_n_votes_voted": {
+            "Ar sail %(count)s pleidlais": "other"
+        },
+        "total_no_votes": "Dim pleidleisiau wedi'u bwrw",
+        "total_not_ended": "Bydd y canlyniadau i'w gweld pan ddaw'r bleidlais i ben",
+        "type_closed": "Arolwg wedi'i chau",
+        "type_heading": "Math o bleidlais",
+        "type_open": "Agor arolwg",
+        "unable_edit_description": "Ymddiheuriadau, allwch chi ddim golygu arolwg barn ar ôl i'r pleidleisiau gael eu bwrw.",
+        "unable_edit_title": "Methu golygu'r arolwg barn"
+    },
+    "power_level": {
+        "admin": "Gweinyddwr",
+        "creator": "Perchennog",
+        "custom": "(%(level)s) cyfaddas",
+        "custom_level": "Lefel Cyfaddas",
+        "default": "Rhagosodedig",
+        "label": "Lefel pŵer",
+        "moderator": "Cymedrolwr",
+        "restricted": "Cyfyngedig"
+    },
+    "powered_by_matrix": "Wedi'i bweru gan Matrix",
+    "presence": {
+        "away": "I ffwrdd",
+        "busy": "Prysur",
+        "idle": "Yn segur",
+        "idle_for": "Segur am %(duration)s",
+        "offline": "All-lein",
+        "offline_for": "All-lein am %(duration)s",
+        "online": "Ar-lein",
+        "online_for": "Ar-lein am %(duration)s",
+        "unknown": "Anhysbys",
+        "unknown_for": "Anhysbys am %(duration)s",
+        "unreachable": "Nid oes modd cyrraedd gweinydd y defnyddiwr"
+    },
+    "quick_settings": {
+        "all_settings": "Pob gosodiad",
+        "sidebar_settings": "Rhagor o ddewisiadau",
+        "title": "Gosodiadau cyflym"
+    },
+    "quit_warning": {
+        "call_in_progress": "Mae'n ymddangos eich bod mewn galwad, a ydych chi'n siŵr eich bod am roi'r gorau iddi?",
+        "file_upload_in_progress": "Mae'n ymddangos eich bod yn llwytho ffeiliau i fyny, a ydych yn siŵr eich bod am roi'r gorau iddi?"
+    },
+    "redact": {
+        "confirm_button": "Cadarnhau Tynnu",
+        "confirm_description": "Ydych chi'n siŵr eich bod am ddileu'r digwyddiad hwn?",
+        "confirm_description_state": "Sylwch y gall dileu newidiadau ystafell fel hyn ddadwneud y newid.",
+        "error": "Allwch chi ddim ddileu'r neges hon. (%(code)s)",
+        "ongoing": "Wrthi'n tynnu…",
+        "reason_label": "Rheswm (dewisol)"
+    },
+    "report_content": {
+        "description": "Bydd adrodd y neges hon yn anfon ei 'ID digwyddiad' unigryw at weinyddwr eich gweinyddwr cartref. Os yw negeseuon yn yr ystafell hon wedi'u hamgryptio, ni fydd gweinyddwr eich gweinydd cartref yn gallu darllen testun y neges na gweld unrhyw ffeiliau neu ddelweddau.",
+        "hide_messages_from_user": "Gwiriwch a ydych am guddio'r holl negeseuon presennol ac yn y dyfodol gan y defnyddiwr hwn.",
+        "ignore_user": "Anwybyddu defnyddiwr",
+        "missing_reason": "Dywedwch pam eich bod yn adrodd.",
+        "report_content_to_homeserver": "Adrodd Cynnwys i'ch Gweinyddwr Homeserver"
+    },
+    "report_room": {
+        "description": "Rhowch wybod am yr ystafell hon i ddarparwr eich cyfrif. Os yw'r neges wedi'i amgryptio, ni fydd eich gweinyddwr yn gallu eu darllen.",
+        "reason_label": "Disgrifiwch y rheswm"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Wedi methu â dadgryptio %(failedCount)s sesiwn!",
+        "count_of_successfully_restored_keys": "Wedi adfer %(sessionCount)s allwedd yn llwyddiannus",
+        "enter_key_description": "Cyrchwch hanes eich negeseuon diogel a gosodwch negeseuon diogel trwy nodi'ch Allwedd Adfer.",
+        "enter_key_title": "Rhowch Allwedd Adfer",
+        "enter_phrase_description": "Cyrchwch hanes eich neges ddiogel a gosodwch negeseuon diogel trwy nodi'ch Ymadrodd Diogelwch.",
+        "enter_phrase_title": "Rhowch Ymadrodd Diogelwch",
+        "incorrect_security_phrase_dialog": "Nid oedd modd dadgryptio copi wrth gefn gyda'r Ymadrodd Diogelwch hwn: gwiriwch eich bod wedi rhoi'r Ymadrodd Diogelwch cywir.",
+        "incorrect_security_phrase_title": "Ymadrodd Diogelwch Anghywir",
+        "key_backup_warning": "<b>Rhybudd</b>: dim ond o gyfrifiadur rydych chi'n ymddiried ynddo y dylech chi greu allwedd wrth gefn.",
+        "key_fetch_in_progress": "Wrthi'n nôl allweddi o'r gweinydd…",
+        "key_forgotten_text": "Os ydych wedi anghofio eich Allwedd Adfer gallwch <button> greu dewisiadau adfer newydd</button>",
+        "key_is_invalid": "Ddim yn Allwedd Adfer ddilys",
+        "key_is_valid": "Mae hwn yn edrych fel Allwedd Adfer ddilys!",
+        "keys_restored_title": "Allweddi wedi'u hadfer",
+        "load_error_content": "Methu llwytho statws wrth gefn",
+        "load_keys_progress": "%(completed)s o %(total)s allweddi wedi'u hadfer",
+        "no_backup_error": "Heb ganfod copi wrth gefn!",
+        "phrase_forgotten_text": "Os ydych chi wedi anghofio eich Ymadrodd Diogelwch gallwch chi <button1>defnyddio eich Allwedd Adfer</button1> neu <button2>greu dewisiadau adfer newydd</button2>",
+        "recovery_key_mismatch_description": "Nid oedd modd dadgryptio copi wrth gefn gyda'r Allwedd Adfer hon: gwiriwch eich bod wedi rhoi'r Allwedd Adfer cywir.",
+        "recovery_key_mismatch_title": "Dim cyfatebiaeth Allwedd Adfer",
+        "restore_failed_error": "Methu adfer copi wrth gefn"
+    },
+    "right_panel": {
+        "add_integrations": "Ychwanegu estyniadau",
+        "add_topic": "Ychwanegu pwnc",
+        "extensions_button": "Estyniadau",
+        "extensions_empty_description": "Dewiswch “%(addIntegrations)s” i bori ac ychwanegu estyniadau i'r ystafell hon",
+        "extensions_empty_title": "Rhowch hwb i gynhyrchiant gyda mwy o offer, teclynnau a botiau",
+        "files_button": "Ffeiliau",
+        "pinned_messages": {
+            "empty_description": "Dewiswch neges a dewiswch “%(pinAction)s” i'w chynnwys yma.",
+            "empty_title": "Pinio negeseuon pwysig fel y mae modd eu darganfod yn hawdd",
+            "header": {
+                "%(count)s Neges wedi'u pinio": "other",
+                "1 Neges wedi'i binio": "one"
+            },
+            "limits": {
+                "Dim ond hyd at %(count)s teclyn y gallwch eu pinio": "other"
+            },
+            "menu": "Agor dewislen",
+            "reply_thread": "Ymateb i a <link>neges edefyn</link>",
+            "unpin_all": {
+                "button": "Dad-binio pob neges",
+                "content": "Gwnewch yn siŵr eich bod chi wir eisiau dileu'r holl negeseuon sydd wedi'u pinio. Nid oes modd dadwneud y weithred hon.",
+                "title": "Dad-binio pob neges?"
+            },
+            "view": "Gweld yn yr amserlen"
+        },
+        "pinned_messages_button": "Negeseuon wedi'u pinio",
+        "poll": {
+            "active_heading": "Arolygon gweithredol",
+            "empty_active": "Nid oes unrhyw arolygon gweithredol yn yr ystafell hon",
+            "empty_active_load_more": "Nid oes unrhyw arolygon gweithredol. Llwythwch fwy o arolygon barn y misoedd blaenorol",
+            "empty_active_load_more_n_days": {
+                "Does dim polau gweithredol ar gyfer y dyddiau diwethaf. Llwythwch ragor o bolau i weld polau'r misoedd blaenorol": "zero",
+                "Does dim polau gweithredol ar gyfer y diwrnod diwethaf. Llwythwch ragor o bolau i weld polau'r misoedd blaenorol": "one",
+                "Does dim polau gweithredol ar gyfer y %(count)s ddiwrnod diwethaf. Llwythwch ragor o bolau i weld polau'r misoedd blaenorol": "two",
+                "Does dim polau gweithredol ar gyfer y %(count)s diwrnod diwethaf. Llwythwch ragor o bolau i weld polau'r misoedd blaenorol": "other"
+            },
+            "empty_past": "Nid oes arolygon o'r gorffennol yn yr ystafell hon",
+            "empty_past_load_more": "Nid oes unrhyw arolygon o'r gorffennol. Llwythwch fwy o arolygon barn ar gyfer y misoedd blaenorol",
+            "empty_past_load_more_n_days": {
+                "Does dim polau'r gorffennol ar gyfer y dyddiau diwethaf. Llwythwch ragor o bolau i weld polau'r misoedd blaenorol": "zero",
+                "Does dim polau'r gorffennol ar gyfer y diwrnod diwethaf. Llwythwch ragor o bolau i weld polau'r misoedd blaenorol": "one",
+                "Does dim polau'r gorffennol ar gyfer y %(count)s ddiwrnod diwethaf. Llwythwch ragor o bolau i weld polau'r misoedd blaenorol": "two",
+                "Does dim polau'r gorffennol ar gyfer y %(count)s diwrnod diwethaf. Llwythwch ragor o bolau i weld polau'r misoedd blaenorol": "other"
+            },
+            "final_result": {
+                "Canlyniadau terfynol yn seiliedig ar %(count)s pleidleisiau": "zero",
+                "Canlyniadau terfynol yn seiliedig ar %(count)s pleidlais": "other",
+                "Canlyniadau terfynol yn seiliedig ar %(count)s bleidlais": "two",
+                "Canlyniadau terfynol yn seiliedig ar %(count)s phleidlais": "many"
+            },
+            "load_more": "Llwytho mwy o arolygon barn",
+            "loading": "Wrthi'n llwytho arolygon",
+            "past_heading": "Arolygon y gorffennol",
+            "view_in_timeline": "Gweld yr arolwg yn y llinell amser",
+            "view_poll": "Gweld yr arolwg"
+        },
+        "polls_button": "Arolygon",
+        "room_summary_card": {
+            "title": "Manylion yr ystafell"
+        },
+        "thread_list": {
+            "context_menu_label": "Dewisiadau edafedd"
+        },
+        "video_room_chat": {
+            "title": "Sgwrs"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Anfonwyd y gwahoddiad hwn at %(email)s nad yw'n gysylltiedig â'ch cyfrif",
+        "3pid_invite_email_not_found_account_room": "Anfonwyd y gwahoddiad hwn i %(roomName)s at %(email)s nad yw'n gysylltiedig â'ch cyfrif",
+        "3pid_invite_error_description": "Cafwyd gwall (%(errcode)s) wrth geisio dilysu'ch gwahoddiad. Gallech geisio trosglwyddo’r wybodaeth hon i’r sawl sydd wedi’ch gwahoddodd.",
+        "3pid_invite_error_invite_action": "Ceisiwch ymuno beth bynnag",
+        "3pid_invite_error_invite_subtitle": "Dim ond gyda gwahoddiad sy'ngweithio y gallwch ymuno ag ef.",
+        "3pid_invite_error_public_subtitle": "Gallwch chi ymuno yma o hyd.",
+        "3pid_invite_error_title": "Aeth rhywbeth o'i le gyda'ch gwahoddiad.",
+        "3pid_invite_error_title_room": "Aeth rhywbeth o'i le gyda'ch gwahoddiad i %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Defnyddiwch weinydd hunaniaeth yn y Gosodiadau i dderbyn gwahoddiadau yn uniongyrchol yn %(brand)s.",
+        "banned_by": "Cawsoch eich gwahardd gan %(memberName)s",
+        "banned_from_room_by": "Cawsoch eich gwahardd o %(roomName)s gan %(memberName)s",
+        "context_menu": {
+            "copy_link": "Copïo dolen ystafell",
+            "favourite": "Ffefryn",
+            "forget": "Anghofio'r Ystafell",
+            "low_priority": "Blaenoriaeth Isel",
+            "mark_read": "Marcio fel wedi'i ddarllen",
+            "mark_unread": "Marcio fel heb ei ddarllen",
+            "notifications_default": "Cydweddu'r gosodiad rhagosodedig",
+            "notifications_mute": "Tewi ystafell",
+            "title": "Dewisiadau ystafell",
+            "unfavourite": "Ffafrio"
+        },
+        "creating_room_text": "Rydym yn creu ystafell gyda %(materes)s",
+        "dm_invite_action": "Dechrau sgwrsio",
+        "dm_invite_subtitle": "Mae <userName/>eisiau sgwrsio",
+        "dm_invite_title": "Ydych chi eisiau sgwrsio gyda %(user)s?",
+        "drop_file_prompt": "Gollwng ffeil yma i'w llwytho",
+        "edit_topic": "Golygu pwnc",
+        "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.",
+        "error_join_404_2": "Os ydych chi'n gwybod cyfeiriad ystafell, ceisiwch ymuno trwy hwnnw yn lle.",
+        "error_join_404_invite": "Mae'r person a'ch gwahoddodd eisoes wedi gadael, neu mae ei weinydd all-lein.",
+        "error_join_404_invite_same_hs": "Mae'r person a'ch gwahoddodd eisoes wedi gadael.",
+        "error_join_connection": "Bu gwall wrth ymuno.",
+        "error_join_incompatible_version_1": "Ymddiheuriadau, mae eich gweinydd cartref yn rhy hen i gymryd rhan yma.",
+        "error_join_incompatible_version_2": "Cysylltwch â gweinyddwr eich gweinydd cartref.",
+        "error_join_title": "Wedi methu ag ymuno",
+        "error_jump_to_date": "Dychwelodd y gweinydd %(statusCode)s gyda chod gwall %(errorCode)s",
+        "error_jump_to_date_connection": "Digwyddodd gwall rhwydwaith wrth geisio canfod a mynd i'r dyddiad a roddwyd. Mae'n bosibl bod eich gweinydd cartref i lawr neu fod problem dros dro gyda'ch cysylltiad rhyngrwyd. Ceisiwch eto. Os bydd hyn yn parhau, cysylltwch â gweinyddwr eich gweinyddwr cartref.",
+        "error_jump_to_date_details": "Manylion gwall",
+        "error_jump_to_date_not_found": "Nid oeddem yn gallu dod o hyd i ddigwyddiad yn edrych ymlaen o %(dateString)s. Ceisiwch ddewis dyddiad cynharach.",
+        "error_jump_to_date_send_logs_prompt": "Cyflwynwch <debugLogsLink>logiau dadfygio</debugLogsLink> i'n helpu i ddod o hyd i'r broblem.",
+        "error_jump_to_date_title": "Methu dod o hyd i ddigwyddiad ar y dyddiad hwnnw",
+        "face_pile_summary": {
+            "Y %(count)s personau rydych chi'n ei adnabod sydd eisoes wedi ymuno": "zero",
+            "Yr %(count)s person rydych chi'n ei adnabod sydd eisoes wedi ymuno": "one",
+            "Y %(count)s person rydych chi'n ei adnabod sydd eisoes wedi ymuno": "other"
+        },
+        "face_pile_tooltip_label": {
+            "Gweld y cyfan o'r %(count)s aelod": "other",
+            "Gweld 1 aelod": "one"
+        },
+        "face_pile_tooltip_shortcut": "Gan gynnwys %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Gan eich cynnwys chi, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Nid oes modd pennu pa ddefnyddiwr i'w anwybyddu gan fod y digwyddiad aelod wedi newid.",
+        "failed_reject_invite": "Wedi methu â gwrthod gwahoddiad",
+        "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",
+                "%(count)s person yn gofyn i ymuno": "other"
+            },
+            "room_is_public": "Mae'r ystafell hon yn gyhoeddus",
+            "shared_history_tooltip": "Mae aelodau newydd yn gweld hanes",
+            "world_readable_history_tooltip": "Gall unrhyw un weld hanes"
+        },
+        "header_avatar_open_settings_label": "Agor gosodiadau ystafell",
+        "header_face_pile_tooltip": "Pobl",
+        "header_untrusted_label": "Dim ymddiriedaeth",
+        "inaccessible": "Nid yw'r ystafell neu'r gofod hwn yn hygyrch ar hyn o bryd.",
+        "inaccessible_name": "Nid yw %(roomName)s yn hygyrch ar hyn o bryd.",
+        "inaccessible_subtitle_1": "Ceisiwch eto yn nes ymlaen, neu gofynnwch i weinyddwr ystafell neu ofod wirio a oes gennych fynediad.",
+        "inaccessible_subtitle_2": "Cafodd %(errcode)s ei ddychwelyd wrth geisio cael mynediad i'r ystafell neu'r gofod. Os ydych yn meddwl eich bod yn gweld y neges hon ar gam, <issueLink>cyflwynwch adroddiad gwall</issueLink>.",
+        "intro": {
+            "display_topic": "Pwnc: <topic/>",
+            "dm_caption": "Dim ond y ddau ohonoch sydd yn y sgwrs hon, oni bai bod y naill neu'r llall ohonoch yn gwahodd unrhyw un i ymuno.",
+            "edit_topic": "Pwnc: <topic/> (<a>golygu</a>)",
+            "enable_encryption_prompt": "Galluogi amgryptio yn y gosodiadau.",
+            "encrypted_3pid_dm_pending_join": "Unwaith y bydd pawb wedi ymuno, byddwch yn gallu sgwrsio",
+            "no_avatar_label": "Ychwanegwch lun, fel bod pobl yn gallu gweld eich ystafell yn hawdd.",
+            "no_topic": "<a>Ychwanegwch bwnc</a> i helpu pobl i wybod beth yw ei ddiben.",
+            "private_unencrypted_warning": "Mae eich negeseuon preifat yn cael eu hamgryptio fel arfer, ond nid yw'r ystafell hon. Fel arfer mae hyn oherwydd bod dyfais neu ddull heb ei gefnogi yn cael ei ddefnyddio, fel gwahoddiadau e-bost.",
+            "room_invite": "Gwahoddiad i'r ystafell hon yn unig",
+            "send_message_start_dm": "Anfonwch eich neges gyntaf i wahodd <displayName/> i sgwrsio",
+            "start_of_dm_history": "Dyma ddechrau eich hanes neges uniongyrchol gyda <displayName/>.",
+            "start_of_room": "Dyma ddechrau <roomName/>.",
+            "unencrypted_warning": "Nid yw amgryptio pen-i-ben wedi'i alluogi",
+            "user_created": "Creodd %(displayName)s yr ystafell hon.",
+            "you_created": "Chi sydd wedi creu'r ystafell hon."
+        },
+        "invite_email_mismatch_suggestion": "Rhannwch yr e-bost hwn yn y Gosodiadau i dderbyn gwahoddiadau yn uniongyrchol yn %(brand)s.",
+        "invite_sent_to_email": "Anfonwyd y gwahoddiad hwn at %(email)s",
+        "invite_sent_to_email_room": "Anfonwyd y gwahoddiad hwn i %(roomName)s at %(email)s",
+        "invite_subtitle": "Gwahoddwyd gan <userName/>",
+        "invite_this_room": "Gwahoddiad i'r ystafell hon",
+        "invite_title": "Ydych chi am ymuno â %(roomName)s?",
+        "inviter_unknown": "Anhysbys",
+        "invites_you_text": "Mae <inviter/> yn eich gwahodd",
+        "join_button_account": "Cofrestru",
+        "join_failed_needs_invite": "I weld %(roomName)s, mae angen gwahoddiad arnoch chi",
+        "join_the_discussion": "Ymunwch â'r drafodaeth",
+        "join_title": "Ymunwch â'r ystafell i gymryd rhan",
+        "join_title_account": "Ymunwch â'r sgwrs gyda chyfrif",
+        "joining": "Wrthi'n ymuno…",
+        "joining_room": "Wrthi'n ymuno â'r ystafell…",
+        "joining_space": "Wrthi'n ymuno â'r gofod…",
+        "jump_read_marker": "Symud i'r neges gyntaf heb ei darllen.",
+        "jump_to_bottom_button": "Sgrolio i'r negeseuon mwyaf diweddar",
+        "kick_reason": "Rheswm: %(reason)s",
+        "kicked_by": "Cawsoch eich tynnu gan %(memberName)s",
+        "kicked_from_room_by": "Cawsoch eich tynnu o %(roomName)s gan %(memberName)s",
+        "knock_cancel_action": "Diddymu cais",
+        "knock_denied_subtitle": "Gan nad ydych wedi cael mynediad, allwch chi ddim ailymuno oni bai eich bod yn cael gwahoddiad gan weinyddwr neu gymedrolwr y grŵp.",
+        "knock_denied_title": "Gwrthodwyd mynediad i chi",
+        "knock_message_field_placeholder": "Neges (dewisol)",
+        "knock_prompt": "Gofyn i ymuno?",
+        "knock_prompt_name": "Gofyn i ymuno â %(roomName)s?",
+        "knock_send_action": "Gofyn am fynediad",
+        "knock_sent": "Anfonwyd y cais i ymuno",
+        "knock_sent_subtitle": "Mae eich cais i ymuno yn yr aros.",
+        "knock_subtitle": "Mae angen i chi gael mynediad i'r ystafell hon er mwyn gweld neu gymryd rhan yn y sgwrs. Gallwch anfon cais i ymuno isod.",
+        "leave_error_title": "Gwall wrth adael yr ystafell",
+        "leave_server_notices_description": "Mae'r ystafell hon yn cael ei defnyddio ar gyfer negeseuon pwysig o'r Homeserver, felly allwch chi ddim ei gadael.",
+        "leave_server_notices_title": "Methu â gadael ystafell Hysbysiadau Gweinydd",
+        "leave_unexpected_error": "Gwall gweinydd annisgwyl wrth geisio gadael yr ystafell",
+        "link_email_to_receive_3pid_invite": "Cysylltwch yr e-bost hwn â'ch cyfrif yn y Gosodiadau i dderbyn gwahoddiadau yn uniongyrchol yn %(brand)s.",
+        "loading_preview": "Wrthi'n llwytho rhagolwg",
+        "no_peek_join_prompt": "Nid oes modd rhagweld %(roomName)s. Ydych chi am ymuno ag ef?",
+        "no_peek_no_name_join_prompt": "Does dim rhagolwg, hoffech chi ymuno?",
+        "not_found_subtitle": "Ydych chi'n siŵr eich bod chi yn y lle iawn?",
+        "not_found_title": "Nid yw'r ystafell neu'r gofod hwn yn bodoli.",
+        "not_found_title_name": "Nid yw %(roomName)s yn bodoli.",
+        "peek_join_prompt": "Rydych chi'n cael rhagolwg o %(roomName)s. Eisiau ymuno?",
+        "pinned_message_banner": {
+            "button_close_list": "Cau'r rhestr",
+            "button_view_all": "Gweld popeth",
+            "description": "Negeseuon wedi'u pinio",
+            "go_to_newest_message": "Gweld y neges wedi'i phinio yn y llinell amser a'r neges newydd wedi'i phinio yma",
+            "go_to_next_message": "Gweld y neges wedi'i phinio yn y llinell amser a'r neges hynaf nesaf wedi'i phinio yma",
+            "title": "<bold>%(index)s o %(length)s</bold> Neges wedi'u pinio"
+        },
+        "read_topic": "Cliciwch i ddarllen y pwnc",
+        "rejecting": "Wrthi'n gwrthod gwahoddiad…",
+        "rejoin_button": "Ail-ymuno",
+        "room_content": "Cynnwys yr ystafell",
+        "room_is_low_priority": "Mae hon yn ystafell â blaenoriaeth isel",
+        "search": {
+            "all_rooms_button": "Chwiliwch bob ystafell",
+            "placeholder": "Chwilio negeseuon…",
+            "summary": {
+                "%(count)s canlyniad wedi'u canfod ar gyfer “<query/>\"": "other",
+                "1 canlyniad wedi'i ganfod ar gyfer “<query/>\"": "one"
+            },
+            "this_room_button": "Chwiliwch yr ystafell hon"
+        },
+        "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",
+            "Mae gennych %(count)s hysbysiad heb ei ddarllen mewn fersiwn flaenorol o'r ystafell hon.": "one",
+            "Mae gennych %(count)s hysbysiad heb eu darllen mewn fersiwn flaenorol o'r ystafell hon": "other"
+        },
+        "upgrade_error_description": "Gwiriwch ddwywaith bod eich gweinydd yn cefnogi'r fersiwn ystafell a ddewiswyd a rhowch gynnig arall arni.",
+        "upgrade_error_title": "Gwall wrth uwchraddio'r ystafell",
+        "upgrade_warning_bar": "Bydd uwchraddio'r ystafell hon yn cau enghraifft bresennol yr ystafell ac yn creu ystafell wedi'i huwchraddio gyda'r un enw.",
+        "upgrade_warning_bar_admins": "Dim ond gweinyddwyr ystafell fydd yn gweld y rhybudd hwn",
+        "upgrade_warning_bar_unstable": "Mae'r ystafell hon yn fersiwn ystafell redeg<roomVersion /> , y mae'r gweinydd cartref hwn wedi'i nodi'n <i>ansefydlog</i>.",
+        "upgrade_warning_bar_upgraded": "Mae'r ystafell hon eisoes wedi'i huwchraddio.",
+        "upload": {
+            "uploading_multiple_file": {
+                "Wrthi'n llwytho i fyny %(filename)s a %(count)s arall": "other"
+            },
+            "uploading_single_file": "Wrthi'n llwytho %(filematere)s"
+        },
+        "video_room": "Mae'r ystafell hon yn ystafell fideo",
+        "waiting_for_join_subtitle": "Unwaith y bydd defnyddwyr sydd wedi'u gwahodd wedi ymuno â %(brand)s, byddwch yn gallu sgwrsio a bydd yr ystafell yn cael ei hamgryptio pen-i-ben",
+        "waiting_for_join_title": "Yn aros i ddefnyddwyr ymuno â %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Ychwanegu gofod",
+        "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",
+        "list_title": "Rhestr ystafelloedd",
+        "more_options": {
+            "leave_room": "Gadael yr ystafell"
+        },
+        "notification_options": "Dewisiadau hysbysu",
+        "show_less": "Dangos llai"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Penderfynwch pwy all weld ac ymuno â %(spaceName)s.",
+            "title": "Mynediad"
+        },
+        "advanced": {
+            "error_upgrade_description": "Ni fu modd cwblhau'r uwchraddio ystafell",
+            "error_upgrade_title": "Wedi methu ag uwchraddio'r ystafell",
+            "information_section_room": "Manylion ystafell",
+            "information_section_space": "Manylion gofod",
+            "room_id": "ID ystafell fewnol",
+            "room_predecessor": "Gweld negeseuon hŷn yn %(roomName)s.",
+            "room_upgrade_button": "Uwchraddio'r ystafell hon i'r fersiwn ystafell sy'n cael ei hargymell",
+            "room_upgrade_warning": "<b>Rhybudd</b> : <i>ni fydd uwchraddio ystafell yn mudo aelodau ystafell yn awtomatig i fersiwn newydd yr ystafell.</i> Byddwn yn postio dolen i'r ystafell newydd yn yr hen fersiwn o'r ystafell - bydd yn rhaid i aelodau'r ystafell glicio ar y ddolen hon i ymuno â'r ystafell newydd.",
+            "room_version": "Fersiwn ystafell:",
+            "room_version_section": "Fersiwn ystafell",
+            "space_predecessor": "Gweld fersiwn hŷn o %(spaceName)s.",
+            "space_upgrade_button": "Uwchraddio'r gofod hwn i'r fersiwn ystafell sy'n cael ei hargymell",
+            "unfederated": "Nid yw gweinyddion Matrix pell yn hygyrch i'r ystafell hon",
+            "upgrade_button": "Uwchraddio'r ystafell hon i fersiwn %(version)s",
+            "upgrade_dialog_description": "Mae uwchraddio'r ystafell hon yn gofyn am gau'r enghraifft bresennol o'r ystafell a chreu ystafell newydd yn ei lle. Er mwyn rhoi’r profiad gorau posibl i aelodau’r ystafell, byddwn yn:",
+            "upgrade_dialog_description_1": "Creu ystafell newydd gyda'r un enw, disgrifiad ac afatar",
+            "upgrade_dialog_description_2": "Diweddarwch unrhyw arallenwau ystafell leol i bwyntio at yr ystafell newydd",
+            "upgrade_dialog_description_3": "Atal defnyddwyr rhag siarad yn yr hen fersiwn o'r ystafell, a phostio neges yn cynghori defnyddwyr i symud i'r ystafell newydd",
+            "upgrade_dialog_description_4": "Rhowch ddolen yn ôl i'r hen ystafell ar ddechrau'r ystafell newydd er mwyn i bobl allu gweld hen negeseuon",
+            "upgrade_dialog_title": "Uwchraddio'r Fersiwn Ystafell",
+            "upgrade_dwarning_ialog_title_public": "Uwchraddio'r ystafell gyhoeddus",
+            "upgrade_warning_dialog_description": "Mae uwchraddio ystafell yn gam gweithredu datblygedig ac mae'n cael ei argymell fel arfer pan fydd ystafell yn ansefydlog oherwydd bygiau, nodweddion coll neu wendidau diogelwch.",
+            "upgrade_warning_dialog_explainer": "<b>Sylwch y bydd uwchraddio yn gwneud fersiwn newydd o'r ystafell</b>. Bydd yr holl negeseuon cyfredol yn aros yn yr ystafell hon sydd wedi'i harchifo.",
+            "upgrade_warning_dialog_footer": "Byddwch yn uwchraddio'r ystafell hon o <oldVersion /> i <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Gwahodd aelodau o'r ystafell hon i'r un newydd yn awtomatig",
+            "upgrade_warning_dialog_report_bug_prompt": "Mae hyn fel arfer ond yn effeithio ar sut mae'r ystafell yn cael ei phrosesu ar y gweinydd. Os ydych chi'n cael problemau gyda'ch %(brand)s, rhowch wybod am fater.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Mae hyn fel arfer ond yn effeithio ar sut mae'r ystafell yn cael ei phrosesu ar y gweinydd. Os ydych chi'n cael problemau gyda'ch %(brand)s , rhowch <a>wybod am fater</a>.",
+            "upgrade_warning_dialog_title": "Uwchraddio ystafell",
+            "upgrade_warning_dialog_title_private": "Uwchraddio ystafell breifat"
+        },
+        "alias_not_specified": "heb ei nodi",
+        "bridges": {
+            "description": "Mae'r ystafell hon yn pontio negeseuon i'r llwyfannau canlynol. <a>Dysgu rhagor.</a>",
+            "empty": "Nid yw'r ystafell hon yn pontio negeseuon i unrhyw lwyfannau. <a>Dysgu rhagor.</a>",
+            "title": "Pontydd"
+        },
+        "delete_avatar_label": "Dileu afatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Gwahanydd parth ar goll e.e. (:domain.org)",
+            "alias_field_has_localpart_invalid": "Enw ystafell ar goll neu wahanydd e.e. (fy-ystafell:domain.org)",
+            "alias_field_matches_invalid": "Nid yw'r cyfeiriad hwn yn pwyntio at yr ystafell hon",
+            "alias_field_placeholder_default": "e.e. fy-ystafell",
+            "alias_field_required_invalid": "Rhowch gyfeiriad",
+            "alias_field_safe_localpart_invalid": "Nid oes caniatâd i rai nodau",
+            "alias_field_taken_invalid": "Roedd gan y cyfeiriad hwn weinydd annilys neu mae eisoes yn cael ei ddefnyddio",
+            "alias_field_taken_invalid_domain": "Mae'r cyfeiriad hwn eisoes yn cael ei ddefnyddio",
+            "alias_field_taken_valid": "Mae'r cyfeiriad hwn ar gael i'w ddefnyddio",
+            "alias_heading": "Cyfeiriad yr ystafell",
+            "aliases_items_label": "Cyfeiriadau cyhoeddedig eraill:",
+            "aliases_no_items_label": "Dim cyfeiriadau cyhoeddedig eraill eto, ychwanegwch un isod",
+            "aliases_section": "Cyfeiriadau Ystafell",
+            "avatar_field_label": "Afatar ystafell",
+            "canonical_alias_field_label": "Prif gyfeiriad",
+            "description_space": "Golygu gosodiadau sy'n ymwneud â'ch gofod.",
+            "error_creating_alias_description": "Bu gwall wrth greu'r cyfeiriad hwnnw. Mae'n bosib na chaiff ei ganiatáu gan y gweinydd neu fe ddigwyddodd methiant dros dro.",
+            "error_creating_alias_title": "Gwall wrth greu cyfeiriad",
+            "error_deleting_alias_description": "Bu gwall wrth ddileu'r cyfeiriad hwnnw. Mae'n bosibl nad yw'n bodoli mwyach neu fod gwall dros dro wedi digwydd.",
+            "error_deleting_alias_description_forbidden": "Nid oes gennych ganiatâd i ddileu'r cyfeiriad.",
+            "error_deleting_alias_title": "Gwall wrth dynnu'r cyfeiriad",
+            "error_publishing": "Methu cyhoeddi ystafell",
+            "error_publishing_detail": "Bu gwall wrth gyhoeddi'r ystafell hon",
+            "error_save_space_settings": "Wedi methu cadw gosodiadau'r gofod.",
+            "error_updating_alias_description": "Bu gwall wrth ddiweddaru cyfeiriadau arall yr ystafell. Mae'n bosib na chaiff ei ganiatáu gan y gweinydd neu fe ddigwyddodd methiant dros dro.",
+            "error_updating_canonical_alias_description": "Bu gwall wrth ddiweddaru prif gyfeiriad yr ystafell. Mae'n bosib na chaiff ei ganiatáu gan y gweinydd neu fe ddigwyddodd methiant dros dro.",
+            "error_updating_canonical_alias_title": "Gwall wrth ddiweddaru'r prif gyfeiriad",
+            "leave_space": "Gadael y Gofod",
+            "local_alias_field_label": "Cyfeiriad lleol",
+            "local_aliases_explainer_room": "Gosodwch gyfeiriadau ar gyfer yr ystafell hon fel y gall defnyddwyr ddod o hyd i'r ystafell hon trwy eich gweinydd cartref (%(localDomain)s)",
+            "local_aliases_explainer_space": "Gosodwch gyfeiriadau ar gyfer y gofod hwn fel y gall defnyddwyr ddod o hyd i'r gofod hwn trwy eich gweinydd cartref (%(localDomain)s)",
+            "local_aliases_section": "Cyfeiriadau Lleol",
+            "name_field_label": "Enw'r Ystafell",
+            "new_alias_placeholder": "Cyfeiriad cyhoeddedig newydd (e.e. #alias:server)",
+            "no_aliases_room": "Nid oes gan yr ystafell hon unrhyw gyfeiriadau lleol",
+            "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.",
+            "published_aliases_section": "Cyfeiriadau Cyhoeddedig",
+            "save": "Cadw'r Newidiadau",
+            "topic_field_label": "Pwnc yr Ystafell"
+        },
+        "notifications": {
+            "browse_button": "Pori",
+            "custom_sound_prompt": "Gosod sain cyfaddas newydd",
+            "notification_sound": "Sain hysbysu",
+            "settings_link": "Cael hysbysiadau fel wedi'u gosod yn eich <a>gosodiadau</a>",
+            "sounds_section": "Seiniau",
+            "upload_sound_label": "Llwythwch i fyny sain personol",
+            "uploaded_sound": "Sain wedi'i lwytho"
+        },
+        "people": {
+            "knock_empty": "Dim ceisiadau",
+            "knock_section": "Yn gofyn i ymuno",
+            "see_less": "Gweld llai",
+            "see_more": "Gweld mwy"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Rhoi rhagor o freintiau i un neu fwy o ddefnyddwyr yn yr ystafell hon",
+            "add_privileged_user_filter_placeholder": "Chwilio defnyddwyr yn yr ystafell hon…",
+            "add_privileged_user_heading": "Ychwanegu defnyddwyr breintiedig",
+            "ban": "Gwahardd defnyddwyr",
+            "ban_reason": "Rheswm",
+            "banned_by": "Wedi'i wahardd gan %(displayName)s",
+            "banned_users_section": "Defnyddwyr wedi'u gwahardd",
+            "error_changing_pl_description": "Bu gwall wrth newid lefel pŵer y defnyddiwr. Sicrhewch fod gennych ddigon o ganiatâd a cheisiwch eto.",
+            "error_changing_pl_reqs_description": "Digwyddodd gwall wrth newid gofynion lefel pŵer yr ystafell. Sicrhewch fod gennych ddigon o ganiatâd a cheisiwch eto.",
+            "error_changing_pl_reqs_title": "Gwall wrth newid gofyniad lefel pŵer",
+            "error_changing_pl_title": "Gwall wrth newid lefel pŵer",
+            "error_unbanning": "Wedi methu â gwahardd",
+            "events_default": "Anfon negeseuon",
+            "invite": "Gwahodd defnyddwyr",
+            "kick": "Tynnu defnyddwyr",
+            "m.call": "Dechrau %(brand)s galwad",
+            "m.call.member": "Ymuno â galwadau %(brand)s",
+            "m.reaction": "Anfon adweithiau",
+            "m.room.avatar": "Newid afatar ystafell",
+            "m.room.avatar_space": "Newid afatar gofod",
+            "m.room.canonical_alias": "Newid prif gyfeiriad yr ystafell",
+            "m.room.canonical_alias_space": "Newid prif gyfeiriad y gofod",
+            "m.room.encryption": "Galluogi amgryptio ystafell",
+            "m.room.history_visibility": "Newid gwelededd hanes",
+            "m.room.name": "Newid enw'r ystafell",
+            "m.room.name_space": "Newid enw gofod",
+            "m.room.pinned_events": "Rheoli digwyddiadau wedi'u pinio",
+            "m.room.power_levels": "Newid caniatâd",
+            "m.room.redaction": "Dileu negeseuon anfonwyd gennyf",
+            "m.room.server_acl": "Newid ACLs gweinydd",
+            "m.room.tombstone": "Uwchraddio'r ystafell",
+            "m.room.topic": "Newid pwnc",
+            "m.room.topic_space": "Newid disgrifiad",
+            "m.space.child": "Rheoli ystafelloedd yn y gofod hwn",
+            "m.widget": "Addasu teclynnau",
+            "muted_users_section": "Defnyddwyr wedi'u tewi",
+            "no_privileged_users": "Nid oes gan unrhyw ddefnyddwyr freintiau penodol yn yr ystafell hon",
+            "notifications.room": "Hysbysu pawb",
+            "permissions_section": "Caniatâd",
+            "permissions_section_description_room": "Dewiswch y rolau sydd eu hangen i newid gwahanol rannau o'r ystafell",
+            "permissions_section_description_space": "Dewiswch y rolau sydd eu hangen i newid gwahanol rannau o'r gofod",
+            "privileged_users_section": "Defnyddwyr Breintiedig",
+            "redact": "Dileu negeseuon a anfonwyd gan eraill",
+            "send_event_type": "Anfon %(eventType)s digwyddiad",
+            "state_default": "Newid gosodiadau",
+            "title": "Rolau a Chaniatadau",
+            "users_default": "Rôl rhagosodedig"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "Nid oes gennych ganiatâd i newid gwelededd hanes yr ystafell. Mae hyn yn beryglus gan y gallai ganiatáu i ddefnyddwyr sydd heb ymuno ddarllen negeseuon.",
+                "title": "Nid oes modd gwneud yr ystafell yn breifat"
+            },
+            "enable_encryption_confirm_description": "Unwaith y bydd wedi'i alluogi, nid oes modd analluogi amgryptio ar gyfer ystafell. Fydd y gweinydd ddim yn gallu gweld negeseuon wedi'u hanfon mewn ystafell wedi'i hamgryptio, dim ond cyfranogwyr yr ystafell. Gall galluogi amgryptio atal llawer o fotiau a phontydd rhag gweithio'n gywir. <a>Dysgu rhagor am amgryptio.</a>",
+            "enable_encryption_confirm_title": "Galluogi amgryptio?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Nid yw'n cael ei argymell i ychwanegu amgryptio i ystafelloedd cyhoeddus.</b> Gall unrhyw un ddod o hyd i ystafelloedd cyhoeddus ac ymuno â nhw, felly gall unrhyw un ddarllen negeseuon ynddynt. Chewch chi ddim unrhyw un o fanteision amgryptio, nac yn gallu ei ddiffodd yn ddiweddarach. Bydd amgryptio negeseuon mewn ystafell gyhoeddus yn gwneud derbyn ac anfon negeseuon yn arafach.",
+            "enable_encryption_public_room_confirm_description_2": "Er mwyn osgoi'r problemau hyn, crëwch <a>ystafell newydd wedi'i hamgryptio</a> ar gyfer y sgwrs rydych chi'n bwriadu ei chael.",
+            "enable_encryption_public_room_confirm_title": "Ydych chi'n siŵr eich bod am ychwanegu amgryptio i'r ystafell gyhoeddus hon?",
+            "encrypted_room_public_confirm_description_1": "<b>Nid yw'n cael ei argymell i wneud ystafelloedd wedi'u hamgryptio yn gyhoeddus.</b> Bydd yn golygu y gall unrhyw un ddod o hyd i'r ystafell ac ymuno â hi, fel y gall unrhyw un ddarllen negeseuon. Chewch chi ddim o fanteision amgryptio. Bydd amgryptio negeseuon mewn ystafell gyhoeddus yn gwneud derbyn ac anfon negeseuon yn arafach.",
+            "encrypted_room_public_confirm_description_2": "Er mwyn osgoi'r problemau hyn, crëwch <a>ystafell gyhoeddus newydd</a> ar gyfer y sgwrs rydych chi'n bwriadu ei chael.",
+            "encrypted_room_public_confirm_title": "A ydych yn siŵr eich bod am wneud yr ystafell hon wedi'i hamgryptio yn gyhoeddus?",
+            "encryption_forced": "Mae angen amgryptio ar eich gweinydd er mwyn ei analluogi.",
+            "encryption_permanent": "Unwaith y bydd wedi'i alluogi, nid oes modd analluogi amgryptio.",
+            "error_join_rule_change_title": "Wedi methu â diweddaru'r rheolau ymuno",
+            "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_legend": "Pwy all ddarllen hanes?",
+            "history_visibility_shared": "Aelodau yn unig (ers yr adeg pan ddewiswyd yr opsiwn hwn)",
+            "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.",
+            "join_rule_knock": "Gofynnwch i ymuno",
+            "join_rule_knock_description": "Gall pobl ddim ymuno oni bai bod mynediad yn cael ei ganiatáu.",
+            "join_rule_public_description": "Gall unrhyw un ddod o hyd ac ymuno.",
+            "join_rule_restricted": "Aelodau gofod",
+            "join_rule_restricted_description": "Gall unrhyw un mewn gofod ganfod ac ymuno. <a>Golygu pa osodau sydd ar gael yma.</a>",
+            "join_rule_restricted_description_active_space": "Gall unrhyw un yn <spaceName/> allu dod o hyd ac ymuno. Gallwch hefyd ddewis ofodau eraill.",
+            "join_rule_restricted_description_prompt": "Gall unrhyw un mewn gofod ddod o hyd i ac ymuno. Gallwch ddewis bylchau lluosog.",
+            "join_rule_restricted_description_spaces": "Gofodau gyda mynediad",
+            "join_rule_restricted_dialog_description": "Penderfynwch pa ofodau all gael mynediad i'r ystafell hon. Os fydd gofod yn cael ei ddewis, gall ei aelodau ddod o hyd i iddo ac ymuno â <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Rydych chi'n dileu pob gofod. Bydd mynediad fel rhagosodiad i wahoddiad yn unig",
+            "join_rule_restricted_dialog_filter_placeholder": "Chwilio gofodau",
+            "join_rule_restricted_dialog_heading_known": "Gofodau eraill rydych chi'n eu hadnabod",
+            "join_rule_restricted_dialog_heading_other": "Gofodau neu ystafelloedd eraill efallai nad ydych chi'n eu hadnabod",
+            "join_rule_restricted_dialog_heading_room": "Gofodau rydych yn eu hadnabod sy'n cynnwys yr ystafell hon",
+            "join_rule_restricted_dialog_heading_space": "Gofodau rydych yn eu hadnabod sy'n cynnwys y gofod hwn",
+            "join_rule_restricted_dialog_heading_unknown": "Mae'r rhain yn debygol o fod yn rhai y mae gweinyddwyr ystafell eraill yn rhan ohonyn nhw.",
+            "join_rule_restricted_dialog_title": "Dewiswch ofodau",
+            "join_rule_restricted_n_more": {
+                "a %(count)s yn rhagor": "other"
+            },
+            "join_rule_restricted_summary": {
+                "Ar hyn o bryd, mae gan %(count)s gofod fynediad": "other",
+                "Ar hyn o bryd, mae gan ofod fynediad": "one"
+            },
+            "join_rule_restricted_upgrade_description": "Bydd yr uwchraddiad hwn yn caniatáu i aelodau o ofodau penodol gael mynediad i'r ystafell hon heb wahoddiad.",
+            "join_rule_restricted_upgrade_warning": "Mae'r ystafell hon mewn rhai gofodau nad ydych chi'n weinyddwr iddynt. Yn y gofodau hynny, bydd yr hen ystafell yn dal i gael ei dangos, ond bydd pobl yn cael eu hannog i ymuno â'r un newydd.",
+            "join_rule_upgrade_awaiting_room": "Wrthi'n llwytho ystafell newydd",
+            "join_rule_upgrade_required": "Angen uwchraddio",
+            "join_rule_upgrade_sending_invites": {
+                "Yn anfon gwahoddiad... (%(progress)s o %(count)s)": "other",
+                "Yn anfon gwahoddiad...": "one"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "Yn diweddaru gofod... (%(progress)s o %(count)s)": "other",
+                "Yn diweddaru gofod...": "one"
+            },
+            "join_rule_upgrade_upgrading_room": "Ystafell uwchraddio",
+            "join_rule_world_readable_description": "Bydd newid pwy all ymuno â'r ystafell yn newid gwelededd negeseuon yn y dyfodol hefyd.",
+            "public_without_alias_warning": "I gysylltu â'r ystafell hon, ychwanegwch gyfeiriad.",
+            "publish_room": "Gwnewch yr ystafell hon yn weladwy yn y cyfeiriadur ystafelloedd cyhoeddus.",
+            "publish_space": "Gwnewch y gofod hwn yn weladwy yn y cyfeiriadur ystafelloedd cyhoeddus.",
+            "strict_encryption": "Anfon negeseuon at ddefnyddwyr sydd wedi'u dilysu yn unig.",
+            "title": "Diogelwch a Phreifatrwydd"
+        },
+        "title": "Gosodiadau Ystafell - %(roomName)s",
+        "upload_avatar_label": "Llwytho afatar i fyny",
+        "visibility": {
+            "alias_section": "Cyfeiriad",
+            "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"
+        },
+        "voip": {
+            "call_type_section": "Math o alwad",
+            "enable_element_call_caption": "Mae %(brand)s wedi'i amgryptio pen-i-ben, ond ar hyn o bryd mae wedi'i gyfyngu i niferoedd llai o ddefnyddwyr.",
+            "enable_element_call_label": "Galluogi %(brand)s fel opsiwn galw ychwanegol yn yr ystafell hon",
+            "enable_element_call_no_permissions_tooltip": "Nid oes gennych ganiatâd digonol i newid hyn."
+        }
+    },
+    "room_summary_card_back_action_label": "Manylion ystafell",
+    "scalar": {
+        "error_create": "Methu creu teclyn.",
+        "error_membership": "Nid ydych yn yr ystafell hon.",
+        "error_missing_room_id": "Id ystafell ar goll.",
+        "error_missing_room_id_request": "ID room_ ar goll yn y cais",
+        "error_missing_user_id_request": "user_id ar goll yn y cais",
+        "error_permission": "Nid oes gennych ganiatâd i wneud hynny yn yr ystafell hon.",
+        "error_power_level_invalid": "Rhaid i lefel pŵer fod yn gyfanrif positif.",
+        "error_room_not_visible": "Nid yw ystafell %(roomId)s yn weladwy",
+        "error_room_unknown": "Nid yw'r ystafell hon yn cael ei chydnabod.",
+        "error_send_request": "Wedi methu ag anfon cais.",
+        "failed_read_event": "Wedi methu darllen digwyddiadau",
+        "failed_send_event": "Wedi methu ag anfon digwyddiad"
+    },
+    "server_offline": {
+        "description": "Nid yw eich gweinydd yn ymateb i rai o'ch ceisiadau. Isod mae rhai o'r rhesymau mwyaf tebygol.",
+        "description_1": "Cymerodd y gweinydd (%(serverName)s) ormod o amser i ymateb.",
+        "description_2": "Mae eich wal dân neu'ch gwrth-feirws yn rhwystro'r cais.",
+        "description_3": "Mae estyniad porwr yn atal y cais.",
+        "description_4": "Mae'r gweinydd all-lein.",
+        "description_5": "Mae'r gweinydd wedi gwrthod eich cais.",
+        "description_6": "Mae eich ardal yn cael anawsterau wrth gysylltu â'r rhyngrwyd.",
+        "description_7": "Digwyddodd gwall cysylltu wrth geisio cysylltu â'r gweinydd.",
+        "description_8": "Nid yw'r gweinydd wedi'i ffurfweddu i ddangos beth yw'r broblem (CORS).",
+        "empty_timeline": "Rydych chi'n gyfredol nawr.",
+        "recent_changes_heading": "Newidiadau diweddar sydd heb eu derbyn eto",
+        "title": "Nid yw'r gweinydd yn ymateb"
+    },
+    "service_worker_error": {
+        "description": "Mae angen gweithiwr gwasanaeth ar %(brand)s i lwytho cyfryngau dilys o storfeydd cynnwys Matrix. Nid yw hyn yn cael ei gefnogi gan eich porwr felly efallai y byddwch yn profi bod cyfryngau'n methu â llwytho.",
+        "title": "Methwyd llwytho gweithiwr gwasanaeth"
+    },
+    "seshat": {
+        "error_initialising": "Nid oedd modd cychwyn chwilio negeseuon, gwiriwch <a>eich gosodiadau</a> am ragor o wybodaeth",
+        "reset_button": "Ailosod storfa digwyddiad",
+        "reset_description": "Mae'n debyg nad ydych chi eisiau ailosod eich storfa mynegai digwyddiadau",
+        "reset_explainer": "Os felly, nodwch na fydd unrhyw un o'ch negeseuon yn cael eu dileu, ond efallai y bydd y profiad chwilio yn cael ei ddiraddio am ychydig eiliadau tra bod y mynegai yn cael ei ail-greu",
+        "reset_title": "Ailosod storfa digwyddiad?",
+        "warning_kind_files": "Nid yw'r fersiwn hon o %(brand)s yn cefnogi gwylio rhai ffeiliau wedi'u hamgryptio",
+        "warning_kind_files_app": "Defnyddiwch yr <a>ap Bwrdd Gwaith</a> i weld yr holl ffeiliau wedi'u hamgryptio",
+        "warning_kind_search": "Nid yw'r fersiwn hon o %(brand)s yn cefnogi chwilio negeseuon wedi'u hamgryptio",
+        "warning_kind_search_app": "Defnyddiwch yr <a>ap Bwrdd Gwaith</a> i chwilio am negeseuon wedi'u hamgryptio"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Mae eich tocyn mynediad yn rhoi mynediad llawn i'ch cyfrif. Peidiwch â'i rannu ag unrhyw un.",
+            "brand_version": "Fersiwn %(brand)s:",
+            "clear_cache_reload": "Clirio'r storfa ac ail-lwytho",
+            "crypto_version": "Fersiwn crypto:",
+            "dialog_title": "<strong>Gosodiadau:</strong> Cymorth ac Ynghylch",
+            "help_link": "I gael help i ddefnyddio %(brand)s, cliciwch <a>yma</a>.",
+            "homeserver": "Mae Homeserver yn <code>%(homeserverUrl)s</code>",
+            "identity_server": "Y gweinydd adnabod yw <code>%(identityServerUrl)s</code>",
+            "title": "Cymorth ac Ynghylch",
+            "versions": "Fersiynau"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Gosodiadau:</strong> Cyfrif",
+            "title": "Cyfrif"
+        },
+        "all_rooms_home": "Dangos bob ystafell yn y Cartref",
+        "all_rooms_home_description": "Bydd pob ystafell rydych chi ynddi yn ymddangos yn y Cartref.",
+        "always_show_message_timestamps": "Dangos stampiau amser neges bob amser",
+        "appearance": {
+            "bundled_emoji_font": "Defnyddio ffont emoji wedi'i bwndelu",
+            "compact_layout": "Dangos testun cryno a negeseuon",
+            "compact_layout_description": "Rhaid dewis cynllun modern i ddefnyddio'r nodwedd hon.",
+            "custom_font": "Defnyddio ffont y system",
+            "custom_font_description": "Gosodwch enw ffont sydd wedi'i osod ar eich system a bydd %(brand)s yn ceisio ei ddefnyddio.",
+            "custom_font_name": "Enw ffont y system",
+            "custom_font_size": "Defnyddio maint cyfaddas",
+            "custom_theme_add": "Ychwanegu thema gyfaddas",
+            "custom_theme_downloading": "Wrthi'n llwytho i lawr thema cyfaddas…",
+            "custom_theme_error_downloading": "Gwall wrth lwytho'r thema i lawr",
+            "custom_theme_help": "Rhowch URL thema cyfaddas rydych chi am ei gosod.",
+            "custom_theme_invalid": "Sgema thema annilys.",
+            "dialog_title": "<strong>Gosodiadau:</strong> Gwedd",
+            "font_size": "Maint ffont",
+            "font_size_default": "%(fontSize)s (rhagosodedig)",
+            "high_contrast": "Cyferbyniad uchel",
+            "image_size_default": "Rhagosodedig",
+            "image_size_large": "Mawr",
+            "layout_bubbles": "Swigod negeseuon",
+            "layout_irc": "IRC (arbrofol)",
+            "match_system_theme": "Cydweddu thema system",
+            "timeline_image_size": "Maint y ddelwedd yn y llinell amser"
+        },
+        "automatic_language_detection_syntax_highlight": "Galluogi canfod iaith yn awtomatig ar gyfer amlygu cystrawen",
+        "autoplay_gifs": "Awtochwarae GIFs",
+        "autoplay_videos": "Autochwarae fideos",
+        "big_emoji": "Galluogi emoji mawr yn y sgwrs",
+        "code_block_expand_default": "Ehangu blociau cod fel rhagosodiad",
+        "code_block_line_numbers": "Dangos rifau llinell mewn blociau cod",
+        "disable_historical_profile": "Dangos llun proffil cyfredol ac enw ar gyfer defnyddwyr yn hanes neges",
+        "discovery": {
+            "title": "Sut i ddod o hyd i chi"
+        },
+        "emoji_autocomplete": "Galluogi awgrymiadau Emoji wrth deipio",
+        "enable_markdown": "Galluogi Markdown",
+        "enable_markdown_description": "Dechrau negeseuon gyda <code>/plain</code> i'w hanfon heb eu marcio i lawr.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Bydd manylion eich cyfrif, eich cysylltiadau, eich dewisiadau a'ch rhestr sgwrsio yn cael eu cadw",
+                "breadcrumb_page": "Ailosod amgryptio",
+                "breadcrumb_second_description": "Byddwch yn colli unrhyw hanes neges sydd wedi'i storio ar y gweinydd yn unig",
+                "breadcrumb_third_description": "Bydd angen i chi wirio'ch holl ddyfeisiau a chysylltiadau presennol eto",
+                "breadcrumb_title": "Ydych chi'n siŵr eich bod am ailosod eich hunaniaeth?",
+                "breadcrumb_title_cant_confirm": "Mae angen i chi ailosod eich hunaniaeth",
+                "breadcrumb_title_forgot": "Wedi anghofio eich allwedd adfer? Bydd angen i chi ailosod eich hunaniaeth.",
+                "breadcrumb_title_sync_failed": "Wedi methu cysoni storfa allwedd. Mae angen i chi ailosod eich hunaniaeth.",
+                "breadcrumb_warning": "Gwnewch hyn dim ond os ydych chi'n credu bod eich cyfrif wedi'i beryglu.",
+                "details_title": "Manylion amgryptio",
+                "do_not_close_warning": "Peidiwch â chau'r ffenestr hon nes bod yr ailosod wedi'i orffen",
+                "export_keys": "Allforio allweddi",
+                "import_keys": "Mewnforio bysellau",
+                "other_people_device_description": "Rhybudd: fydd defnyddwyr sydd heb eu gwirio'n benodol gyda chi (e.e. gan ddefnyddio emoji) yn derbyn eich negeseuon wedi'u hamgryptio. Hefyd, fydd dyfeisiau defnyddwyr sydd wedi'u gwirio heb eu gwirio ddim yn derbyn eich negeseuon wedi'u hamgryptio.",
+                "other_people_device_label": "Mewn ystafelloedd amgryptiedig, anfonwch negeseuon ddim ond at ddefnyddwyr wedi'u gwirio",
+                "other_people_device_title": "Dyfeisiau pobl eraill",
+                "reset_identity": "Ailosod hunaniaeth cryptograffig",
+                "reset_in_progress": "Wrthi'n ailosod...",
+                "session_id": "ID y sesiwn:",
+                "session_key": "Allwedd sesiwn:",
+                "title": "Uwch"
+            },
+            "confirm_key_storage_off": "Ydych chi'n siŵr eich bod chi eisiau cadw storfa allweddi wedi'i diffodd?",
+            "confirm_key_storage_off_description": "Os byddwch chi'n allgofnodi o'ch holl ddyfeisiau byddwch chi'n colli'ch hanes negeseuon a bydd angen i chi wirio'ch holl gysylltiadau presennol eto. <a>Dysgu mwy</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Dileu storfa allweddi",
+                "confirm": "Dileu storfa allweddi",
+                "description": "Bydd dileu storfa allweddi'n tynnu eich hunaniaeth cryptograffig a'ch allweddi neges o'r gweinydd ac yn diffodd y nodweddion diogelwch canlynol:",
+                "list_first": "Ni fydd gennych hanes negeseuon wedi'i amgryptio ar ddyfeisiau newydd",
+                "list_second": "Byddwch yn colli mynediad i'ch negeseuon wedi'u hamgryptio os ydych wedi'ch allgofnodi o %(brand)s ym mhobman",
+                "title": "Ydych chi'n siŵr eich bod am ddiffodd storfa allweddi a'i dileu?"
+            },
+            "device_not_verified_button": "Dilyswch y ddyfais hon",
+            "device_not_verified_description": "Mae angen i chi wirio'r ddyfais hon er mwyn gweld eich gosodiadau amgryptio.",
+            "device_not_verified_title": "Dyfais heb ei gwirio",
+            "dialog_title": "<strong>Gosodiadau:</strong> Amgryptio",
+            "key_storage": {
+                "allow_key_storage": "Caniatáu storio allweddi",
+                "description": "Cadwch eich hunaniaeth cryptograffig a'ch allweddi neges yn ddiogel ar y gweinydd. Bydd hyn yn caniatáu i chi weld hanes eich neges ar unrhyw ddyfeisiau newydd. <a>Dysgwch fwy</a>",
+                "title": "Storio allweddol"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Cadarnhau allwedd adfer newydd",
+                "change_recovery_confirm_description": "Rhowch eich allwedd adfer newydd isod i orffen. Ni fydd eich hen un yn gweithio mwyach.",
+                "change_recovery_confirm_title": "Rhowch eich allwedd adfer newydd",
+                "change_recovery_key": "Newid allwedd adfer",
+                "change_recovery_key_description": "Ysgrifennwch yr allwedd adfer newydd hon yn rhywle diogel. Yna cliciwch Parhau i gadarnhau'r newid.",
+                "change_recovery_key_title": "Newid allwedd adfer?",
+                "description": "Adfer eich hunaniaeth cryptograffig a hanes neges gydag allwedd adfer os ydych chi wedi colli'ch holl ddyfeisiau presennol.",
+                "enter_key_error": "Nid yw'r allwedd adfer a roesoch yn gywir.",
+                "enter_recovery_key": "Rhowch allwedd adfer",
+                "forgot_recovery_key": "Wedi anghofio allwedd adfer?",
+                "key_storage_warning": "Nid yw eich storfa allweddi wedi'i chydweddu. Cliciwch ar y botwm isod i ddatrys y broblem.",
+                "save_key_description": "Peidiwch â rhannu hwn gyda neb!",
+                "save_key_title": "Allwedd adfer",
+                "set_up_recovery": "Gosod adfer",
+                "set_up_recovery_confirm_button": "Gorffen adfer",
+                "set_up_recovery_confirm_description": "Rhowch yr allwedd adfer sy'n cael ei ddangos ar y sgrin flaenorol i orffen osod yr adfer.",
+                "set_up_recovery_confirm_title": "Rhowch eich allwedd adfer i gadarnhau",
+                "set_up_recovery_description": "Mae eich storfa allweddi wedi'i diogelu gan allwedd adfer. Os oes angen allwedd adfer newydd arnoch ar ôl gosod, gallwch ei hail-greu trwy ddewis ‘%(changeRecoveryKeyButton)s’.",
+                "set_up_recovery_save_key_description": "Ysgrifennwch yr allwedd adfer hon yn rhywle diogel, fel rheolwr cyfrinair, nodyn wedi'i amgryptio, neu mewn man dan glo.",
+                "set_up_recovery_save_key_title": "Cadwch eich allwedd adfer yn rhywle diogel",
+                "set_up_recovery_secondary_description": "Ar ôl clicio parhau, byddwn yn cynhyrchu allwedd adfer i chi.",
+                "title": "Adfer"
+            },
+            "title": "Amgryptio"
+        },
+        "general": {
+            "account_management_section": "Rheoli Cyfrifon",
+            "account_section": "Cyfrif",
+            "add_email_dialog_title": "Ychwanegu Cyfeiriad E-bost",
+            "add_email_failed_verification": "Wedi methu gwirio cyfeiriad e-bost: gwnewch yn siŵr eich bod wedi clicio'r ddolen yn yr e-bost",
+            "add_email_instructions": "Rydym wedi anfon e-bost atoch i wirio eich cyfeiriad. Dilynwch y cyfarwyddiadau yno ac yna cliciwch ar y botwm isod.",
+            "add_msisdn_confirm_body": "Cliciwch y botwm isod i gadarnhau ychwanegu'r rhif ffôn hwn.",
+            "add_msisdn_confirm_button": "Cadarnhewch ychwanegu rhif ffôn",
+            "add_msisdn_confirm_sso_button": "Cadarnhewch ychwanegu'r rhif ffôn hwn trwy ddefnyddio Mewngofnodi Sengl i brofi pwy ydych.",
+            "add_msisdn_dialog_title": "Ychwanegu Rhif Ffôn",
+            "add_msisdn_instructions": "Mae neges destun wedi'i hanfon at +%(msisdn)s. Rhowch y cod dilysu sydd ynddo.",
+            "add_msisdn_misconfigured": "Mae'r ychwanegu / rhwymo gyda llif MSISDN wedi'i gam ffurfweddu",
+            "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.",
+            "avatar_upload_error_text_generic": "Mae'n bosibl nad yw fformat y ffeil yn cael ei gefnogi.",
+            "avatar_upload_error_title": "Ni fu modd llwytho delwedd afatar",
+            "confirm_adding_email_body": "Cliciwch y botwm isod i gadarnhau ychwanegu'r cyfeiriad e-bost hwn.",
+            "confirm_adding_email_title": "Cadarnhewch ychwanegu e-bost",
+            "deactivate_confirm_body": "Ydych chi'n siŵr eich bod am gau'r cyfrif? Nid oes modd dadwneud hyn.",
+            "deactivate_confirm_body_sso": "Cadarnhewch fod eich cyfrif wedi'i chau trwy ddefnyddio Mewngofnodi Sengli brofi pwy ydych.",
+            "deactivate_confirm_content": "Cadarnhewch yr hoffech gau'ch cyfrif. Os ewch ymlaen:",
+            "deactivate_confirm_content_1": "Fyddwch chi ddim yn gallu ailgychwyn eich cyfrif",
+            "deactivate_confirm_content_2": "Fyddwch chi ddim yn gallu mewngofnodi mwyach",
+            "deactivate_confirm_content_3": "Fydd neb yn gallu ailddefnyddio eich enw defnyddiwr (MXID), gan eich cynnwys chi: fydd yr enw defnyddiwr hwn ddim ar gael i neb",
+            "deactivate_confirm_content_4": "Byddwch yn gadael pob ystafell a DM rydych ynddyn nhw",
+            "deactivate_confirm_content_5": "Byddwch yn cael eich tynnu oddi ar y gweinydd hunaniaeth: fydd eich ffrindiau bellach ddim yn gallu dod o hyd i chi gyda'ch e-bost neu rif ffôn",
+            "deactivate_confirm_content_6": "Bydd eich hen negeseuon yn dal i fod yn weladwy i bobl sydd wedi eu derbyn, yn union fel e-byst a anfonwyd gennych yn y gorffennol. Hoffech chi guddio'ch negeseuon a anfonwyd rhag pobl sy'n ymuno ag ystafelloedd yn y dyfodol?",
+            "deactivate_confirm_continue": "Cadarnhau cau'ch cyfrif",
+            "deactivate_confirm_erase_label": "Cuddio fy negeseuon oddi wrth y rhai sy'n ymuno o'r newydd",
+            "deactivate_section": "Cau'r Cyfrif",
+            "deactivate_warning": "Mae cau eich cyfrif yn weithred barhaol - byddwch yn ofalus!",
+            "discovery_email_empty": "Bydd dewisiadau darganfod yn ymddangos unwaith y byddwch wedi ychwanegu e-bost.",
+            "discovery_email_verification_instructions": "Gwiriwch y ddolen yn eich blwch derbyn",
+            "discovery_msisdn_empty": "Bydd dewisiadau darganfod yn ymddangos unwaith y byddwch wedi ychwanegu rhif ffôn.",
+            "discovery_needs_terms": "Cytunwch i Delerau Gwasanaeth y gweinydd hunaniaeth (%(serverName)s) i ganiatáu i chi'ch hun fod yn hawdd i'ch darganfod trwy gyfeiriad e-bost neu rif ffôn.",
+            "discovery_needs_terms_title": "Gadewch i bobl ddod o hyd i chi",
+            "display_name": "Enw Dangos",
+            "display_name_error": "Methu gosod enw dangos",
+            "email_adding_unsupported_by_hs": "Nid yw'r gweinydd cartref hwn yn cefnogi ychwanegu cyfeiriadau e-bost at eich cyfrif.",
+            "email_address_in_use": "Mae'r cyfeiriad e-bost hwn eisoes yn cael ei ddefnyddio",
+            "email_address_label": "Cyfeiriad e-bost",
+            "email_not_verified": "Nid yw eich cyfeiriad e-bost wedi'i wirio eto",
+            "email_verification_instructions": "Cliciwch ar y ddolen yn yr e-bost gawsoch i ddilysu ac yna cliciwch parhau eto.",
+            "emails_heading": "Cyfeiriadau e-bost",
+            "error_add_email": "Methu ychwanegu cyfeiriad e-bost",
+            "error_deactivate_communication": "Roedd problem wrth gyfathrebu gyda'r gweinydd. Ceisiwch eto.",
+            "error_deactivate_invalid_auth": "Nid yw'r gweinydd wedi dilysu'r manylion dilysu.",
+            "error_deactivate_no_auth": "Nid oedd angen unrhyw ddilysiad ar y gweinydd",
+            "error_email_verification": "Methu gwirio cyfeiriad e-bost.",
+            "error_invalid_email": "Cyfeiriad E-bost Annilys",
+            "error_invalid_email_detail": "Nid yw'n ymddangos bod hwn yn gyfeiriad e-bost dilys",
+            "error_msisdn_verification": "Methu gwirio'r rhif ffôn.",
+            "error_password_change_403": "Wedi methu newid y cyfrinair. Ydy'ch cyfrinair yn gywir?",
+            "error_password_change_http": "%(errorMessage)s (statws HTTP %(httpStatus)s)",
+            "error_password_change_title": "Gwall wrth newid cyfrinair",
+            "error_password_change_unknown": "Gwall newid cyfrinair anhysbys (%(stringifiedError)s)",
+            "error_remove_3pid": "Methu dileu manylion cyswllt",
+            "error_revoke_email_discovery": "Methu â dirymu rhannu ar gyfer cyfeiriad e-bost",
+            "error_revoke_msisdn_discovery": "Methu â dirymu rhannu ar gyfer rhif ffôn",
+            "error_share_email_discovery": "Methu rhannu cyfeiriad e-bost",
+            "error_share_msisdn_discovery": "Methu rhannu rhif ffôn",
+            "identity_server_no_token": "Heb ganfod docyn mynediad adnabod",
+            "identity_server_not_set": "Heb osod gweinydd hunaniaeth",
+            "invalid_phone_number": "Nid yw'n ymddangos bod y rhif ffôn a ddarparwyd yn ddilys.",
+            "language_section": "Iaith",
+            "msisdn_adding_unsupported_by_hs": "Nid yw'r gweinydd cartref hwn yn cefnogi ychwanegu rhifau ffôn at eich cyfrif.",
+            "msisdn_in_use": "Mae'r rhif ffôn hwn eisoes yn cael ei ddefnyddio",
+            "msisdn_label": "Rhif Ffôn",
+            "msisdn_verification_field_label": "Cod dilysu",
+            "msisdn_verification_instructions": "Rhowch y cod dilysu a anfonwyd trwy neges destun.",
+            "msisdns_heading": "Rhifau ffôn",
+            "oidc_manage_button": "Rheoli cyfrif",
+            "password_change_section": "Gosod cyfrinair cyfrif newydd…",
+            "password_change_success": "Cafodd eich cyfrinair ei newid yn llwyddiannus.",
+            "personal_info": "Manylion personol",
+            "profile_subtitle": "Dyma sut rydych chi'n ymddangos i eraill ar yr ap.",
+            "profile_subtitle_oidc": "Mae eich cyfrif yn cael ei reoli ar wahân gan ddarparwr hunaniaeth ac felly nid oes modd newid rhywfaint o'ch manylion personol yma.",
+            "remove_email_prompt": "Tynnu %(email)s?",
+            "remove_msisdn_prompt": "Tynnu %(phone)s?",
+            "spell_check_locale_placeholder": "Dewiswch locale",
+            "unable_to_load_emails": "Methu llwytho cyfeiriadau e-bost",
+            "unable_to_load_msisdns": "Methu llwytho rhifau ffôn",
+            "username": "Enw defnyddiwr"
+        },
+        "inline_url_previews_default": "Galluogi rhagolygon URL mewnol fel rhagosodiad",
+        "insert_trailing_colon_mentions": "Mewnosod colon sy'n llusgo ar ôl i'r defnyddiwr sôn amdano ar ddechrau neges",
+        "invite_controls": {
+            "default_label": "Caniatáu i ddefnyddwyr eich gwahodd i ystafelloedd"
+        },
+        "jump_to_bottom_on_send": "Symud i waelod y llinell amser pan fyddwch chi'n anfon neges",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Mae'ch allweddi bellach yn cael eu gwneud wrth gefn o'r ddyfais hon.",
+                "backup_setup_success_title": "Copi Wrth Gefn Diogel yn llwyddiannus",
+                "cancel_warning": "Os byddwch yn diddymu nawr, efallai y byddwch yn colli negeseuon a data wedi'u hamgryptio os byddwch yn colli mynediad at eich mewngofnodi.",
+                "confirm_security_phrase": "Cadarnhewch eich Ymadrodd Diogelwch",
+                "description": "Diogelwch rhag colli mynediad i negeseuon a data wedi'u hamgryptio trwy wneud copïau wrth gefn o allweddi amgryptio ar eich gweinydd.",
+                "download_or_copy": "%(downloadButton)s neu %(copyButton)s",
+                "enter_phrase_description": "Rhowch Ymadrodd Diogelwch dim ond rydych chi'n ei wybod, gan ei fod yn cael ei ddefnyddio i ddiogelu'ch data. I fod yn ddiogel, ni ddylech ailddefnyddio cyfrinair eich cyfrif.",
+                "enter_phrase_title": "Rhowch Ymadrodd Diogelwch",
+                "enter_phrase_to_confirm": "Rhowch eich Ymadrodd Diogelwch yr eildro i'w gadarnhau.",
+                "generate_security_key_description": "Byddwn yn cynhyrchu Allwedd Adfer i chi ei storio yn rhywle diogel, fel rheolwr cyfrinair neu sêff.",
+                "generate_security_key_title": "Cynhyrchu Allwedd Adfer",
+                "pass_phrase_match_failed": "Nid yw hynny'n cyfateb.",
+                "pass_phrase_match_success": "Mae hynny'n cyfateb!",
+                "phrase_strong_enough": "Gwych! Mae'r Ymadrodd Diogelwch hwn yn edrych yn ddigon cryf.",
+                "secret_storage_query_failure": "Methu cwestiynu statws storio cyfrinachol",
+                "security_key_safety_reminder": "Storiwch eich Allwedd Adfer yn rhywle diogel, fel rheolwr cyfrinair neu sêff, gan ei fod yn cael ei ddefnyddio i ddiogelu eich data wedi'i amgryptio.",
+                "set_phrase_again": "Mynd yn ôl i'w osod eto.",
+                "settings_reminder": "Gallwch hefyd osod Copi wrth Gefn Diogel a rheoli'ch allweddi yn y Gosodiadau.",
+                "title_confirm_phrase": "Cadarnhau'r Ymadrodd Diogelwch",
+                "title_save_key": "Cadw eich Allwedd Adfer",
+                "title_set_phrase": "Gosod Ymadrodd Diogelwch",
+                "unable_to_setup": "Methu gosod storfa gyfrinachol",
+                "use_different_passphrase": "Defnyddio cyfrinair gwahanol?",
+                "use_phrase_only_you_know": "Defnyddiwch ymadrodd cyfrinachol yn unig rydych chi'n ei wybod, ac yn ddewisol arbedwch Allwedd Adfer i'w ddefnyddio fel copi wrth gefn."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Cadarnhau'r cyfrinymadrodd",
+            "enter_passphrase": "Rhowch gyfrinymadrodd",
+            "export_description_1": "Mae'r broses hon yn eich galluogi i allforio'r allweddi ar gyfer negeseuon rydych wedi'u derbyn mewn ystafelloedd wedi'u hamgryptio i ffeil leol. Yna byddwch chi'n gallu mewnforio'r ffeil i gleient Matrics arall yn y dyfodol, fel y bydd y cleient hwnnw hefyd yn gallu dadgryptio'r negeseuon hyn.",
+            "export_description_2": "Bydd y ffeil a allforir yn caniatáu i unrhyw un sy'n gallu ei darllen i ddadgryptio unrhyw negeseuon wedi'u hamgryptio y gallwch eu gweld, felly dylech fod yn ofalus i'w gadw'n ddiogel. I helpu gyda hyn, dylech nodi cyfrinair unigryw isod, a fydd ond yn cael ei ddefnyddio i amgryptio'r data a allforiwyd. Dim ond trwy ddefnyddio'r un cyfrinair y bydd modd mewnforio'r data.",
+            "export_title": "Allforio allweddi ystafell",
+            "file_to_import": "Ffeil i'w mewnforio",
+            "import_description_1": "Mae'r broses hon yn caniatáu i chi fewnforio allweddi amgryptio yr oeddech wedi'u hallforio o'r blaen o gleient Matrix arall. Yna byddwch yn gallu dadgryptio unrhyw negeseuon y gallai'r cleient arall eu dadgryptio.",
+            "import_description_2": "Bydd y ffeil allforio yn cael ei diogelu gyda chyfrinair. Dylech roi'r cyfrinair yma, i ddadgryptio'r ffeil.",
+            "import_title": "Mewnforio allweddi ystafell",
+            "phrase_cannot_be_empty": "Rhaid i gyfrinymadrodd beidio â bod yn wag",
+            "phrase_must_match": "Rhaid i gyfrinymadoddion gyfateb",
+            "phrase_strong_enough": "Gwych! Mae'r cyfrinymadrodd hwn yn edrych yn ddigon cryf"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Gosodiadau:</strong> Bysellfwrdd",
+            "title": "Bysellfwrdd"
+        },
+        "labs": {
+            "dialog_title": "<strong>Gosodiadau:</strong> Labs"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Gosodiadau:</strong> Defnyddwyr wedi'u Hanwybyddu"
+        },
+        "media_preview": {
+            "hide_avatars": "Cuddio afatarau o'r ystafell a'r gwahoddwr",
+            "hide_media": "Cuddio bob tro",
+            "media_preview_description": "Mae modd dangos cyfrwng cudd trwy dapio arno",
+            "media_preview_label": "Dangos cyfryngau mewn llinell amser",
+            "show_in_private": "Mewn ystafelloedd preifat",
+            "show_media": "Dangos bob tro"
+        },
+        "not_supported": "Nid yw eich gweinydd yn gweithredu'r nodwedd hon.",
+        "notifications": {
+            "default_setting_description": "Bydd y gosodiad hwn yn cael ei osod fel rhagosodiad i'ch holl ystafelloedd.",
+            "default_setting_section": "Rwyf am gael fy hysbysu am (Gosodiad Rhagosodedig)",
+            "desktop_notification_message_preview": "Dangos rhagolwg neges mewn hysbysiad bwrdd gwaith",
+            "dialog_title": "<strong>Gosodiadau:</strong> Hysbysiadau",
+            "email_description": "Derbyn crynodeb e-bost o hysbysiadau a gollwyd",
+            "email_section": "Crynodeb e-bost",
+            "email_select": "Dewiswch pa e-byst rydych chi am anfon crynodebau atynt. Rheoli eich e-byst yn <button>Cyffredinol</button>.",
+            "enable_audible_notifications_session": "Galluogi hysbysiadau clywadwy ar gyfer y sesiwn hon",
+            "enable_desktop_notifications_session": "Galluogi hysbysiadau bwrdd gwaith ar gyfer y sesiwn hon",
+            "enable_email_notifications": "Galluogi hysbysiadau e-bost ar gyfer %(email)s",
+            "enable_notifications_account": "Galluogi hysbysiadau ar gyfer y cyfrif hwn",
+            "enable_notifications_account_detail": "Diffodd i analluogi hysbysiadau ar eich holl ddyfeisiau a sesiynau",
+            "enable_notifications_device": "Galluogi hysbysiadau ar gyfer y ddyfais hon",
+            "error_loading": "Bu gwall wrth lwytho eich gosodiadau hysbysu.",
+            "error_permissions_denied": "Nid oes gan %(brand)s ganiatâd i anfon hysbysiadau atoch - gwiriwch osodiadau eich porwr",
+            "error_permissions_missing": "Heb roi caniatâd i %(brand)s anfon hysbysiadau - ceisiwch eto",
+            "error_saving": "Gwall wrth gadw dewisiadau hysbysiad",
+            "error_saving_detail": "Digwyddodd gwall wrth gadw'ch dewisiadau hysbysu.",
+            "error_title": "Methu galluogi Hysbysiadau",
+            "error_updating": "Bu gwall wrth ddiweddaru eich dewisiadau hysbysu. Ceisiwch newid eich opsiwn eto.",
+            "invites": "Gwahoddiad i ystafell",
+            "keywords": "Dangos bathodyn<badge/> pan yn defnyddio allweddeiriau mewn ystafell.",
+            "keywords_prompt": "Rhowch allweddeiriau yma, neu defnyddiwch ar gyfer amrywiadau sillafu neu lysenwau",
+            "labs_notice_prompt": "<strong>Diweddariad:</strong> Rydym wedi symleiddio Gosodiadau Hysbysiadau i'w gwneud yn haws dod o hyd i dewisiadau. Nid yw rhai gosodiadau cyfaddas rydych chi wedi'u dewis yn y gorffennol yn cael eu dangos yma, ond maen nhw'n dal yn weithredol. Os ewch ymlaen, efallai y bydd rhai o'ch gosodiadau'n newid. <a>Dysgu rhagor</a>",
+            "mentions_keywords": "Crybwyll ac Allweddeiriau",
+            "mentions_keywords_only": "Crybwyll ac Allweddeiriau yn unig",
+            "messages_containing_keywords": "Negeseuon yn cynnwys allweddeiriau",
+            "noisy": "Swnllyd",
+            "notices": "Negeseuon a anfonwyd gan fotiau",
+            "notify_at_room": "Rhowch wybod pan fydd rhywun yn sôn am ddefnyddio @room",
+            "notify_keyword": "Rhowch wybod pan fydd rhywun yn defnyddio allweddair",
+            "notify_mention": "Rhoi gwybod pan fydd rhywun yn sôn am ddefnyddio @displaymatere neu %(mxid)s",
+            "other_section": "Pethau eraill y credwn y gallai fod gennych ddiddordeb ynddynt:",
+            "people_mentions_keywords": "Pobl, Crybwyll ac Allweddeiriau",
+            "play_sound_for_description": "Wedi'i osod fel rhagosodiad i bob ystafell ar bob dyfais.",
+            "play_sound_for_section": "Chwarae sain ar gyfer",
+            "push_targets": "Targedau hysbysu",
+            "quick_actions_mark_all_read": "Marciwch bob neges wedi'i darllen",
+            "quick_actions_reset": "Ailosod i osodiadau rhagosodedig",
+            "quick_actions_section": "Gweithredoedd Cyflym",
+            "room_activity": "Mae gweithgarwch ystafell newydd, uwchraddiadau a negeseuon statws yn digwydd",
+            "rule_call": "Galwad gwahoddiad",
+            "rule_contains_display_name": "Negeseuon yn cynnwys fy enw dangos",
+            "rule_contains_user_name": "@crybwylliadau ac atebion",
+            "rule_encrypted": "Negeseuon wedi'u hamgryptio mewn sgyrsiau grŵp",
+            "rule_encrypted_room_one_to_one": "Negeseuon wedi'u hamgryptio mewn sgyrsiau un-i-un",
+            "rule_invite_for_me": "Pan yn cael fy ngwahodd i ystafell",
+            "rule_message": "Negeseuon mewn sgyrsiau grŵp",
+            "rule_room_one_to_one": "Negeseuon mewn sgyrsiau un-i-un",
+            "rule_roomnotif": "crybwylliadau @ystafell",
+            "rule_suppress_notices": "Negeseuon a anfonwyd gan bot",
+            "rule_tombstone": "Pan fydd ystafelloedd yn cael eu huwchraddio",
+            "show_message_desktop_notification": "Dangos neges mewn hysbysiad bwrdd gwaith",
+            "voip": "Galwadau Sain a Fideo"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Atal cynnwys y ffenestr rhag cael ei gipio gan apiau eraill",
+            "Electron.enableHardwareAcceleration": "Galluogi cyflymiad caledwedd (ailgychwyn %(appName)s i ddod i rym)",
+            "always_show_menu_bar": "Dangos far dewislen y ffenestr bob amser",
+            "autocomplete_delay": "Oedi awtogwblhau (ms)",
+            "code_blocks_heading": "Blociau cod",
+            "compact_modern": "Defnyddio cynllun 'Modern' mwy cryno",
+            "composer_heading": "Cyfansoddwr",
+            "default_timezone": "Porwr rhagosodedig (%(timezone)s)",
+            "dialog_title": "<strong>Gosodiadau:</strong> Dewisiadau",
+            "enable_content_protection": "Galluogi diogelu cynnwys",
+            "enable_hardware_acceleration": "Galluogi cyflymiad caledwedd",
+            "enable_tray_icon": "Dangos eicon hambwrdd a lleihau ffenestr iddo ar agos",
+            "keyboard_heading": "Bysellau brys",
+            "keyboard_view_shortcuts_button": "I weld yr holl lwybrau byr bysellfwrdd, <a>cliciwch yma</a>.",
+            "media_heading": "Delweddau, GIFs a fideos",
+            "presence_description": "Rhannu'ch gweithgarwch a'ch statws ag eraill.",
+            "publish_timezone": "Cyhoeddi cylchfa amser ar broffil cyhoeddus",
+            "rm_lifetime": "Darllen oes Marciwr (ms)",
+            "rm_lifetime_offscreen": "Darllen Marciwr oes oddi ar y sgrin (ms)",
+            "room_directory_heading": "Cyfeiriadur ystafelloedd",
+            "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"
+        },
+        "prompt_invite": "Annog cyn anfon gwahoddiadau i IDau matrics a allai fod yn annilys",
+        "replace_plain_emoji": "Amnewid Emoji testun plaen yn awtomatig",
+        "security": {
+            "analytics_description": "Rhanwch ddata dienw i'n helpu i nodi problemau. Dim byd personol. Dim trydydd partïon.",
+            "bulk_options_accept_all_invites": "Derbyn pob %(invitedRooms)s gwahoddiad",
+            "bulk_options_reject_all_invites": "Gwrthod pob %(invitedRooms)s gwahoddiad",
+            "bulk_options_section": "Dewisiadau lluosog",
+            "dehydrated_device_description": "Mae'r nodwedd dyfais all-lein yn caniatáu ichi dderbyn negeseuon wedi'u hamgryptio hyd yn oed pan nad ydych wedi mewngofnodi i unrhyw ddyfeisiau",
+            "dehydrated_device_enabled": "Dyfais all-lein wedi'i galluogi",
+            "dialog_title": "<strong>Gosodiadau:</strong> Diogelwch a Phreifatrwydd",
+            "e2ee_default_disabled_warning": "Mae gweinyddwr eich gweinydd wedi analluogi amgryptio pen-i-ddiwedd fel rhagosodiad mewn ystafelloedd preifat a Negeseuon Uniongyrchol.",
+            "enable_message_search": "Galluogi chwiliad negeseuon mewn ystafelloedd wedi'u hamgryptio",
+            "encryption_section": "Amgryptio",
+            "ignore_users_empty": "Nid oes gennych unrhyw ddefnyddwyr sydd wedi'u hanwybyddu.",
+            "ignore_users_section": "Defnyddwyr wedi'u hanwybyddu",
+            "key_backup_algorithm": "Algorithm:",
+            "message_search_disable_warning": "Os yw wedi'i analluogi, ni fydd negeseuon o ystafelloedd wedi'u hamgryptio yn ymddangos yn y canlyniadau chwilio.",
+            "message_search_disabled": "Cadwch negeseuon wedi'u hamgryptio'n ddiogel yn lleol er mwyn iddyn nhw ymddangos yn y canlyniadau chwilio.",
+            "message_search_enabled": {
+                "Cadw negeseuon wedi'u hamgryptio yn ddiogel yn y storfa leol er mwyn iddyn nhw ymddangos mewn canlyniadau chwilio, gan ddefnyddio %(size)s i storio negeseuon o %(rooms)s ystafell.": "other"
+            },
+            "message_search_failed": "Methwyd cychwyn chwiliad neges",
+            "message_search_indexed_messages": "Negeseuon wedi'u mynegeio:",
+            "message_search_indexed_rooms": "Ystafelloedd wedi'u mynegeio:",
+            "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.",
+            "message_search_space_used": "Gofod wedi'i ddefnyddio:",
+            "message_search_unsupported": "Mae %(brand)s ar goll o rai cydrannau sydd eu hangen i gadw negeseuon wedi'u hamgryptio'n ddiogel yn lleol. Os hoffech arbrofi gyda'r nodwedd hon, adeiladwch Bwrdd Gwaith %(brand)s wedi'i deilwra ag ef<nativeLink> cydrannau chwilio wedi'u hychwanegu</nativeLink>.",
+            "message_search_unsupported_web": "Ni all %(brand)s storio negeseuon wedi'u hamgryptio'n ddiogel yn lleol tra'n rhedeg mewn porwr gwe. Defnydd<desktopLink> %(brand)s Bwrdd Gwaith</desktopLink> i negeseuon wedi'u hamgryptio ymddangos yn y canlyniadau chwilio.",
+            "record_session_details": "Cofnodwch enw'r cleient, y fersiwn, a'r url i adnabod sesiynau'n haws yn y rheolwr sesiwn",
+            "send_analytics": "Anfon data dadansoddeg",
+            "strict_encryption": "Anfon negeseuon dim ond at ddefnyddwyr sydd wedi'u dilysu"
+        },
+        "send_read_receipts": "Anfon derbynebau darllen",
+        "send_read_receipts_unsupported": "Nid yw eich gweinydd yn cefnogi analluogi anfon derbynebau wedi'u darllen.",
+        "send_typing_notifications": "Anfon hysbysiadau teipio",
+        "sessions": {
+            "best_security_note": "Er mwyn sicrhau'r diogelwch gorau, gwiriwch eich sesiynau ac allgofnodwch o unrhyw sesiwn nad ydych yn ei hadnabod nac yn ei defnyddio mwyach.",
+            "confirm_sign_out": {
+                "zero": "Cadarnhau tynnu&#39;r dyfeisiau hyn",
+                "one": "Cadarnhau tynnu&#39;r ddyfais hon",
+                "two": "Cadarnhau tynnu&#39;r dyfeisiau hyn",
+                "few": "Cadarnhau tynnu&#39;r dyfeisiau hyn",
+                "many": "Cadarnhau tynnu&#39;r dyfeisiau hyn",
+                "other": "Cadarnhau tynnu&#39;r dyfeisiau hyn"
+            },
+            "confirm_sign_out_body": {
+                "zero": "Cliciwch y botwm isod i gadarnhau tynnu&#39;r dyfeisiau hyn.",
+                "one": "Cliciwch y botwm isod i gadarnhau tynnu&#39;r ddyfais hon.",
+                "two": "Cliciwch y botwm isod i gadarnhau tynnu&#39;r dyfeisiau hyn.",
+                "few": "Cliciwch y botwm isod i gadarnhau tynnu&#39;r dyfeisiau hyn.",
+                "many": "Cliciwch y botwm isod i gadarnhau tynnu&#39;r dyfeisiau hyn.",
+                "other": "Cliciwch y botwm isod i gadarnhau tynnu&#39;r dyfeisiau hyn."
+            },
+            "confirm_sign_out_continue": {
+                "zero": "Tynnu dyfeisiau",
+                "one": "Tynnu dyfais",
+                "two": "Tynnu dyfeisiau",
+                "few": "Tynnu dyfeisiau",
+                "many": "Tynnu dyfeisiau",
+                "other": "Tynnu dyfeisiau"
+            },
+            "confirm_sign_out_sso": {
+                "zero": "Cadarnhewch eich bod wedi tynnu&#39;r ddyfais hon drwy ddefnyddio Mewngofnodi Sengl i brofi pwy ydych chi.",
+                "one": "Cadarnhewch eich bod wedi tynnu&#39;r ddyfais hon drwy ddefnyddio Mewngofnodi Sengl i brofi pwy ydych chi.",
+                "two": "Cadarnhewch eich bod wedi tynnu&#39;r dyfeisiau hyn drwy ddefnyddio Mewngofnodi Sengl i brofi pwy ydych chi.",
+                "few": "Cadarnhewch eich bod wedi tynnu&#39;r dyfeisiau hyn drwy ddefnyddio Mewngofnodi Sengl i brofi pwy ydych chi.",
+                "many": "Cadarnhewch eich bod wedi tynnu&#39;r dyfeisiau hyn drwy ddefnyddio Mewngofnodi Sengl i brofi pwy ydych chi.",
+                "other": "Cadarnhewch eich bod wedi tynnu&#39;r dyfeisiau hyn drwy ddefnyddio Mewngofnodi Sengl i brofi pwy ydych chi."
+            },
+            "current_session": "Y sesiwn gyfredol",
+            "desktop_session": "Sesiwn bwrdd gwaith",
+            "details_heading": "Manylion y sesiwn",
+            "device_unverified_description": "Dilyswch neu allgofnodwch o'r sesiwn hon er mwyn sicrhau'r diogelwch a'r dibynadwyedd gorau.",
+            "device_unverified_description_current": "Dilyswch eich sesiwn gyfredol ar gyfer gwell negeseuon diogel.",
+            "device_verified_description": "Mae'r sesiwn hon yn barod ar gyfer negeseuon diogel.",
+            "device_verified_description_current": "Mae eich sesiwn gyfredol yn barod ar gyfer negeseuon diogel.",
+            "dialog_title": "<strong>Gosodiadau:</strong> Sesiynau",
+            "error_pusher_state": "Wedi methu â gosod cyflwr gwthio",
+            "error_set_name": "Wedi methu gosod enw'r sesiwn",
+            "filter_all": "Y Cyfan",
+            "filter_inactive": "Anweithredol",
+            "filter_inactive_description": "Anweithredol ers %(inactiveAgeDays)s diwrnod neu fwy",
+            "filter_label": "Hidlo dyfeisiau",
+            "filter_unverified_description": "Ddim yn barod ar gyfer negeseuon diogel",
+            "filter_verified_description": "Yn barod ar gyfer negeseuon diogel",
+            "hide_details": "Cuddio manylion",
+            "inactive_days": "Anweithredol ers %(inactiveAgeDays)s+ diwrnod",
+            "inactive_sessions": "Sesiynau anweithredol",
+            "inactive_sessions_explainer_1": "Mae sesiynau anweithredol yn sesiynau nad ydych wedi'u defnyddio ers peth amser, ond maent yn parhau i dderbyn allweddi amgryptio.",
+            "inactive_sessions_explainer_2": "Mae cael gwared ar sesiynau anweithredol yn gwella diogelwch a pherfformiad, ac yn ei gwneud yn haws i chi nodi a yw sesiwn newydd yn amheus.",
+            "inactive_sessions_list_description": "Ystyriwch gael gwared ar hen sesiynau (%(inactiveAgeDays)s diwrnodau neu hŷn) nad ydych chi&#39;n eu defnyddio mwyach.",
+            "ip": "Cyfeiriad IP",
+            "last_activity": "Gweithgaredd ddiwethaf",
+            "manage": "Rheoli'r sesiwn hon",
+            "mobile_session": "Sesiwn symudol",
+            "n_sessions_selected": {
+                "%(count)s sesiwn wedi'u dewis": "other",
+                "%(count)s sesiwn wedi'i ddewis": "one"
+            },
+            "no_inactive_sessions": "Heb ganfod unrhyw sesiynau anweithredol.",
+            "no_sessions": "Heb ganfod sesiynau.",
+            "no_unverified_sessions": "Heb ganfod unrhyw sesiynau heb eu gwirio.",
+            "no_verified_sessions": "Heb ganfod unrhyw sesiynau wedi'u dilysu.",
+            "other_sessions_heading": "Sesiynau eraill",
+            "push_heading": "Hysbysiadau gwthiadwy",
+            "push_subheading": "Derbyn hysbysiadau gwthio ar y sesiwn hon.",
+            "push_toggle": "Toglo hysbysiadau gwthio ar y sesiwn hon.",
+            "rename_form_caption": "Byddwch yn ymwybodol bod enwau sesiynau hefyd yn weladwy i'r bobl rydych chi'n cyfathrebu â nhw.",
+            "rename_form_heading": "Ail-enwi sesiwn",
+            "rename_form_learn_more": "Sesiynau ailenwi",
+            "rename_form_learn_more_description_1": "Mae defnyddwyr eraill mewn negeseuon uniongyrchol ac ystafelloedd yr ydych yn ymuno â nhw yn gallu gweld rhestr lawn o'ch sesiynau.",
+            "rename_form_learn_more_description_2": "Mae hyn yn rhoi hyder iddynt eu bod yn siarad â chi mewn gwirionedd, ond mae hefyd yn golygu y gallant weld enw'r sesiwn rydych chi'n ei nodi yma.",
+            "security_recommendations": "Argymhellion diogelwch",
+            "security_recommendations_description": "Gwella diogelwch eich cyfrif trwy ddilyn yr argymhellion hyn.",
+            "session_id": "ID y sesiwn",
+            "show_details": "Dangos manylion",
+            "sign_in_with_qr": "Cysylltu'r ddyfais newydd",
+            "sign_in_with_qr_button": "Dangos cod QR",
+            "sign_in_with_qr_description": "Defnyddio cod QR i fewngofnodi i ddyfais arall a gosod negeseuon diogel.",
+            "sign_in_with_qr_unsupported": "Nid yw'n cael ei gefnogi gan ddarparwr eich cyfrif",
+            "sign_out": "Dileu'r sesiwn hon",
+            "sign_out_all_other_sessions": "Allgofnodi o bob sesiwn arall (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "zero": "Ydych chi&#39;n siŵr eich bod chi eisiau dileu&#39;r %(count)s sesiwn?",
+                "one": "Ydych chi&#39;n siŵr eich bod chi eisiau dileu&#39;r %(count)s sesiwn?",
+                "two": "Ydych chi&#39;n siŵr eich bod chi eisiau dileu&#39;r %(count)s sesiwn?",
+                "few": "Ydych chi&#39;n siŵr eich bod chi eisiau dileu&#39;r %(count)s sesiwn?",
+                "many": "Ydych chi&#39;n siŵr eich bod chi eisiau dileu&#39;r %(count)s sesiwn?",
+                "other": "Ydych chi&#39;n siŵr eich bod chi eisiau dileu&#39;r %(count)s sesiwn?"
+            },
+            "sign_out_n_sessions": {
+                "zero": "Dileu %(count)s sesiynnau",
+                "one": "Dileu %(count)s sesiwn",
+                "two": "Dileu %(count)s sesiwn",
+                "few": "Dileu %(count)s sesiwn",
+                "many": "Dileu %(count)s sesiwn",
+                "other": "Dileu %(count)s sesiwn"
+            },
+            "title": "Sesiynau",
+            "unknown_session": "Math o sesiwn anhysbys",
+            "unverified_session": "Sesiwn heb ei wirio",
+            "unverified_session_explainer_1": "Nid yw'r sesiwn hon yn cefnogi amgryptio ac felly nid oes modd ei wirio.",
+            "unverified_session_explainer_2": "Fyddwch chi ddim yn gallu cymryd rhan mewn ystafelloedd lle mae amgryptio wedi'i alluogi wrth ddefnyddio'r sesiwn hon.",
+            "unverified_session_explainer_3": "Ar gyfer y diogelwch a phreifatrwydd gorau, argymhellir defnyddio cleientiaid Matrix sy'n cefnogi amgryptio.",
+            "unverified_sessions": "Sesiynau heb eu gwirio",
+            "unverified_sessions_explainer_1": "Mae sesiynau heb eu gwirio yn sesiynau sydd wedi mewngofnodi gyda'ch tystlythyrau ond nad ydynt wedi'u traws-wirio.",
+            "unverified_sessions_explainer_2": "Dylech wneud yn arbennig o sicr eich bod yn adnabod y sesiynau hyn gan y gallent gynrychioli defnydd anawdurdodedig o'ch cyfrif.",
+            "unverified_sessions_list_description": "Gwiriwch eich sesiynau ar gyfer negeseuon diogel gwell neu tynnwch nhw o&#39;r rhai nad ydych chi&#39;n eu hadnabod na&#39;n eu defnyddio mwyach.",
+            "url": "URL",
+            "verified_session": "Sesiwn wedi'i dilysu",
+            "verified_sessions": "Sesiynau wedi'u dilysu",
+            "verified_sessions_explainer_1": "Mae sesiynau wedi&#39;u gwirio wedi cael eu cadarnhau fel eich hunaniaeth ddigidol.",
+            "verified_sessions_explainer_2": "Mae hyn yn golygu bod gennych yr holl allweddi sydd eu hangen i ddatgloi eich negeseuon wedi'u hamgryptio a chadarnhau i ddefnyddwyr eraill eich bod yn ymddiried yn y sesiwn hon.",
+            "verified_sessions_list_description": "Er mwyn sicrhau'r diogelwch gorau, allgofnodwch o unrhyw sesiwn nad ydych yn ei hadnabod nac yn ei defnyddio mwyach.",
+            "verify_session": "Dilysu sesiwn",
+            "web_session": "Sesiwn we"
+        },
+        "show_avatar_changes": "Dangos newidiadau llun proffil",
+        "show_breadcrumbs": "Dangos llwybrau byr i ystafelloedd a welwyd yn ddiweddar uwchben y rhestr ystafelloedd",
+        "show_chat_effects": "Dangos effeithiau sgwrsio (animeiddiadau wrth dderbyn e.e. conffeti)",
+        "show_displayname_changes": "Dangos newidiadau enw dangos",
+        "show_join_leave": "Dangos negeseuon ymuno/gadael (gwahoddiadau/dileu/gwaharddiadau heb eu heffeithio)",
+        "show_message_previews": "Dangos rhagolygon negeseuon",
+        "show_nsfw_content": "Dangos cynnwys NSFW",
+        "show_read_receipts": "Dangos derbynebau darllen a anfonwyd gan ddefnyddwyr eraill",
+        "show_redaction_placeholder": "Dangos dalfan ar gyfer negeseuon sydd wedi'u dileu",
+        "show_stickers_button": "Dangos botwm sticeri",
+        "show_typing_notifications": "Dangos hysbysiadau teipio",
+        "showbold": "Dangos pob gweithgaredd yn y rhestr ystafelloedd (smotiau neu nifer o negeseuon heb eu darllen)",
+        "sidebar": {
+            "dialog_title": "<strong>Gosodiadau:</strong> Bar Ochr",
+            "metaspaces_home_all_rooms": "Dangos bob ystafell",
+            "metaspaces_home_all_rooms_description": "Dangos eich holl ystafelloedd yn y Cartref, hyd yn oed os ydyn nhw mewn gofod.",
+            "metaspaces_home_description": "Mae Cartref yn ddefnyddiol ar gyfer cael trosolwg o bopeth.",
+            "metaspaces_orphans": "Ystafelloedd y tu allan i ofod",
+            "metaspaces_orphans_description": "Casglwch eich holl ystafelloedd nad ydyn nhw'n rhan o ofod mewn un lle.",
+            "metaspaces_subsection": "Gofodau i'w dangos",
+            "metaspaces_video_rooms": "Ystafelloedd fideo a chynadleddau",
+            "metaspaces_video_rooms_description": "Casglwch yr holl ystafelloedd fideo preifat a chynadleddau.",
+            "metaspaces_video_rooms_description_invite_extension": "Mewn cynadleddau gallwch wahodd pobl y tu allan i'r matrics.",
+            "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",
+        "use_command_f_search": "Defnyddiwch Command + F i chwilio llinell amser",
+        "use_control_enter_send_message": "Defnyddio Ctrl + Enter i anfon neges",
+        "use_control_f_search": "Defnyddio Ctrl + F i chwilio llinell amser",
+        "voip": {
+            "allow_p2p": "Caniatáu Cyfoedion i Gyfoedion ar gyfer galwadau 1:1",
+            "allow_p2p_description": "Pan fydd wedi'i alluogi, efallai y bydd y parti arall yn gallu gweld eich cyfeiriad IP",
+            "audio_input_empty": "Dim meicroffonau wedi'u canfod",
+            "audio_output": "Allbwn Sain",
+            "audio_output_empty": "Dim Allbynnau Sain wedi'u canfod",
+            "auto_gain_control": "Rheolaeth ennill awtomatig",
+            "dialog_title": "<strong>Gosodiadau:</strong> Llais a Fideo",
+            "echo_cancellation": "Diddymu adlais",
+            "echo_cancellation_description": "Yn tynnu atseinio o fewnbwn eich meicroffon yn ystod galwadau. Mae'r gosodiad hwn hefyd yn berthnasol i Element Call.",
+            "enable_fallback_ice_server": "Caniatáu gweinydd cymorth galwadau wrth gefn (%(server)s)",
+            "enable_fallback_ice_server_description": "Dim ond os nad yw eich gweinydd cartref yn cynnig un y mae'n berthnasol. Byddai eich cyfeiriad IP yn cael ei rannu yn ystod galwad.",
+            "mirror_local_feed": "Drychu'r ffrwd fideo lleol",
+            "missing_permissions_prompt": "I gymryd rhan mewn galwadau, rhowch ganiatâd i %(brand)s gael mynediad at eich dyfais sain a fideo.",
+            "noise_suppression": "Lleihau sain",
+            "noise_suppression_description": "Yn lleihau sŵn cefndir yn eich mewnbwn meicroffon yn ystod galwadau. Mae'r gosodiad hwn hefyd yn berthnasol i Element Call.",
+            "request_permissions": "Cais",
+            "title": "Llais a Fideo",
+            "video_input_empty": "Dim camerau gwe wedi'u canfod",
+            "video_section": "Gosodiadau fideo",
+            "voice_agc": "Addaswch maint sain y meicroffon yn awtomatig",
+            "voice_processing": "Prosesu llais",
+            "voice_section": "Gosodiadau llais"
+        },
+        "warn_quit": "Rhybuddio cyn rhoi'r gorau iddi",
+        "warning": "<w>RHYBUDD:</w><description/>"
+    },
+    "share": {
+        "link_copied": "Dolen wedi'i gopïo",
+        "permalink_message": "Dolen i'r neges a ddewiswyd",
+        "permalink_most_recent": "Dolen i'r neges ddiweddaraf",
+        "share_call": "Dolen gwahoddiad i'r gynhadledd",
+        "share_call_subtitle": "Dolen i ddefnyddwyr allanol ymuno â'r alwad heb gyfrif matrics:",
+        "title_link": "Rhannu Dolen",
+        "title_message": "Neges Rhannu Ystafell",
+        "title_room": "Rhannu Ystafell",
+        "title_user": "Rhannu Defnyddiwr"
+    },
+    "slash_command": {
+        "addwidget": "Yn ychwanegu teclyn cyfaddas yn ôl URL i'r ystafell",
+        "addwidget_iframe_missing_src": "Nid oes gan iframe briodwedd src",
+        "addwidget_invalid_protocol": "Darparwch URL teclyn https:// neu http://",
+        "addwidget_missing_url": "Rhowch URL teclyn neu god mewnosod",
+        "addwidget_no_permissions": "Allwch chi ddim addasu teclynnau yn yr ystafell hon.",
+        "ban": "Gwahardd defnyddiwr gydag ID penodol",
+        "category_actions": "Gweithredoedd",
+        "category_admin": "Gweinyddwr",
+        "category_advanced": "Uwch",
+        "category_effects": "Effeithiau",
+        "category_messages": "Negeseuon",
+        "category_other": "Arall",
+        "command_error": "Gwall gorchymyn",
+        "converttodm": "Yn trosi'r ystafell yn DM",
+        "converttoroom": "Yn trosi'r DM yn ystafell",
+        "could_not_find_room": "Methu dod o hyd i le",
+        "deop": "Deops defnyddiwr gydag id wedi'i roi",
+        "devtools": "Yn agor y deialog Offer Datblygwr",
+        "discardsession": "Gorfodi'r sesiwn grŵp allanol gyfredol mewn ystafell wedi'i hamgryptio i gael ei thaflu",
+        "error_invalid_rendering_type": "Gwall gorchymyn: Methu dod o hyd i'r math o rendro (%(renderingType)s)",
+        "error_invalid_room": "Methodd y gorchymyn: Methu dod o hyd i ystafell (%(roomId)s)",
+        "error_invalid_runfn": "Gwall gorchymyn: Methu trin gorchymyn slaes.",
+        "error_invalid_user_in_room": "Methu dod o hyd i ddefnyddiwr yn yr ystafell",
+        "help": "Yn dangos rhestr o orchmynion gyda defnyddiau a disgrifiadau",
+        "help_dialog_title": "Cymorth Gorchymyn",
+        "holdcall": "Yn gohirio'r alwad yn yr ystafell bresennol",
+        "html": "Yn anfon neges fel html, heb ei ddehongli fel marcio i lawr",
+        "ignore": "Yn anwybyddu defnyddiwr, yn cuddio ei negeseuon oddi wrthych",
+        "ignore_dialog_description": "Rydych nawr yn anwybyddu %(userId)s",
+        "ignore_dialog_title": "Defnyddiwr wedi'i anwybyddu",
+        "invite": "Yn gwahodd defnyddiwr ag ID a roddwyd i'r ystafell gyfredol",
+        "invite_3pid_needs_is_error": "Defnyddiwch weinydd hunaniaeth i wahodd trwy e-bost. Rheoli mewn Gosodiadau.",
+        "invite_3pid_use_default_is_title": "Defnyddiwch weinydd hunaniaeth",
+        "invite_3pid_use_default_is_title_description": "Defnyddiwch weinydd hunaniaeth i wahodd trwy e-bost. Cliciwch parhau i ddefnyddio'r gweinydd hunaniaeth drhagosodedig (%(defaultIdentityServerName)s) neu rheoli yn y Gosodiadau.",
+        "invite_failed": "Nid oedd defnyddiwr (%(user)s) wedi'i wahodd i %(roomId)s yn y pen draw ond ni roddwyd gwall o gyfleustodau'r gwahoddwr",
+        "join": "Yn ymuno â'r ystafell gyda chyfeiriad a roddwyd",
+        "jumptodate": "Symud i'r dyddiad a roddwyd yn y llinell amser",
+        "jumptodate_invalid_input": "Nid oeddem yn gallu deall y dyddiad a roddwyd (%(inputDate)s). Ceisiwch ddefnyddio'r fformat BBBB-MM-DD.",
+        "lenny": "Rhagflaenu ( ͡° ͜ʖ ͡°) i neges destun plaen",
+        "manual_device_verification_confirm_description": "Bydd hyn yn caniatáu i ddyfais arall anfon a derbyn negeseuon fel chi. OS BYDD RHYWUN WEDI DWEUD WRTHYCH CHI AM GLUDO RHYWBETH YMA, MAE'N DEBYGOL EICH BOD CHI'N CAEL EICH SGAMIO! Ydych chi'n siŵr eich bod chi eisiau gwirio'r ddyfais arall hon?",
+        "manual_device_verification_confirm_title": "Rhybudd: gwirio dyfais â llaw",
+        "me": "Yn dangos gweithredu",
+        "msg": "Yn anfon neges at y defnyddiwr a roddwyd",
+        "myavatar": "Yn newid eich llun proffil ym mhob ystafell",
+        "myroomavatar": "Yn newid eich llun proffil yn yr ystafell gyfredol hon yn unig",
+        "myroomnick": "Yn newid eich llysenw dangos yn yr ystafell bresennol yn unig",
+        "nick": "Yn newid eich llysenw dangos",
+        "no_active_call": "Dim galwad gweithredol yn yr ystafell hon",
+        "op": "Diffiniwch lefel pŵer defnyddiwr",
+        "part_unknown_alias": "Cyfeiriad ystafell heb ei adnabod: %(roomAlias)s",
+        "plain": "Yn anfon neges fel testun plaen, heb ei ddehongli fel marcio i lawr",
+        "query": "Yn agor sgwrs gyda'r defnyddiwr a roddwyd",
+        "query_not_found_phone_number": "Methu dod o hyd i ID Matrics ar gyfer rhif ffôn",
+        "rageshake": "Anfonwch adroddiad mater gyda logiau",
+        "rainbow": "Yn anfon y neges a roddwyd wedi'i lliwio fel enfys",
+        "rainbowme": "Yn anfon yr emote a roddir wedi'i liwio fel enfys",
+        "remove": "Yn tynnu'r defnyddiwr ag ID penodol o'r ystafell hon",
+        "roomavatar": "Yn newid rhithffurf yr ystafell bresennol",
+        "roomname": "Yn gosod enw'r ystafell",
+        "server_error": "Gwall gweinydd",
+        "server_error_detail": "Nid yw'r gweinydd ar gael, wedi'i orlwytho, neu aeth rhywbeth arall o'i le.",
+        "shrug": "Yn rhagdybio ¯\\_(ツ)_/¯ i neges destun plaen",
+        "spoiler": "Yn anfon y neges a roddwyd fel sbwyliwr",
+        "tableflip": "Yn rhagarwyddo (╯°□°）╯︵ ┻━┻ i neges testun plaen",
+        "topic": "Yn cael neu'n gosod pwnc yr ystafell",
+        "topic_none": "Nid oes gan yr ystafell hon unrhyw bwnc.",
+        "topic_room_error": "Wedi methu â chael pwnc ystafell: Methu dod o hyd i ystafell (%(roomId)s",
+        "unban": "Yn dad-wahardd defnyddiwr gydag ID penodol",
+        "unflip": "Yn rhagflaenu ┬──┬ ノ(゜-゜ノ) i neges testun plaen",
+        "unholdcall": "Yn cymryd yr alwad yn yr ystafell bresennol oddi ar y stop",
+        "unignore": "Yn stopio anwybyddu defnyddiwr, gan ddangos ei negeseuon wrth symud ymlaen",
+        "unignore_dialog_description": "Nid ydych yn anwybyddu %(userId)s bellach",
+        "unignore_dialog_title": "Defnyddiwr heb ei anwybyddu",
+        "unknown_command": "Gorchymyn Anhysbys",
+        "unknown_command_button": "Anfon fel neges",
+        "unknown_command_detail": "Gorchymyn heb ei gydnabod: %(commandText)s",
+        "unknown_command_help": "Gallwch ddefnyddio <code>/help</code> i restru gorchmynion sydd ar gael. Oeddech chi'n bwriadu anfon hwn fel neges?",
+        "unknown_command_hint": "Hint: Dechreuwch eich neges gyda <code>//</code> to start it with a slash.",
+        "upgraderoom": "Yn uwchraddio ystafell i fersiwn newydd",
+        "upgraderoom_permission_error": "Nid oes gennych y caniatâd gofynnol i ddefnyddio'r gorchymyn hwn.",
+        "usage": "Defnydd",
+        "verify": "Yn dilysu â llaw un o'ch defnyddwyr",
+        "view": "Ystafell golygfeydd gyda chyfeiriad a roddwyd",
+        "whois": "Yn arddangos gwybodaeth am ddefnyddiwr"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Nid yw cydweddu hen lithro bellach yn cael ei gefnogi: allgofnodwch ac yna ail fewngofnodi i alluogi'r faner cydweddu llithro newydd",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Eisiau ychwanegu ystafell newydd yn lle?",
+            "create_prompt": "Creu ystafell newydd",
+            "dm_heading": "Negeseuon Uniongyrchol",
+            "error_heading": "Ni ychwanegwyd pob un a ddewiswyd",
+            "progress_text": {
+                "Yn ychwanegu ystafell...(%(progress)s o %(count)s)": "other",
+                "Yn ychwanegu ystafell...": "one"
+            },
+            "space_dropdown_label": "Dewis gofod",
+            "space_dropdown_title": "Ychwanegu ystafelloedd presennol",
+            "subspace_moved_note": "Mae ychwanegu gofodau wedi symud."
+        },
+        "add_existing_subspace": {
+            "create_button": "Creu gofod newydd",
+            "create_prompt": "Eisiau ychwanegu gofod newydd yn lle?",
+            "filter_placeholder": "Chwilio am ofodau",
+            "space_dropdown_title": "Ychwanegu gofod presennol"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Gweler llinell amser yr ystafell (devtools)",
+            "explore": "Archwilio ystafelloedd",
+            "home": "Gofod adref",
+            "manage_and_explore": "Rheoli ac archwilio ystafelloedd",
+            "options": "Opsiynau gofod"
+        },
+        "failed_load_rooms": "Wedi methu llwytho rhestr o ystafelloedd.",
+        "failed_remove_rooms": "Wedi methu tynnu rhai ystafelloedd. Ceisiwch eto yn nes ymlaen",
+        "incompatible_server_hierarchy": "Nid yw eich gweinydd yn cefnogi dangos hierarchaethau gofod.",
+        "invite": "Gwahodd pobl",
+        "invite_description": "Gwahodd gydag e-bost neu enw defnyddiwr",
+        "invite_link": "Rhannu dolen gwahoddiad",
+        "joining_space": "Yn ymuno",
+        "landing_welcome": "Croeso i <name/>",
+        "leave_dialog_action": "Gadael lle",
+        "leave_dialog_description": "Rydych chi ar fin gadael<spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Chi yw unig weinyddwr rhai o'r ystafelloedd neu'r gofodau yr hoffech eu gadael. Bydd eu gadael yn eu gadael heb unrhyw weinyddwyr.",
+        "leave_dialog_only_admin_warning": "Chi yw unig weinyddwr y gofod hwn. Bydd ei adael yn golygu nad oes gan neb reolaeth drosto.",
+        "leave_dialog_option_all": "Gadael pob ystafell",
+        "leave_dialog_option_intro": "Hoffech chi adael yr ystafelloedd yn y gofod hwn?",
+        "leave_dialog_option_none": "Peidiwch â gadael unrhyw ystafelloedd",
+        "leave_dialog_option_specific": "Gadael rhai ystafelloedd",
+        "leave_dialog_public_rejoin_warning": "Ni fyddwch yn gallu ailymuno oni bai eich bod yn cael eich ail wahoddiad.",
+        "leave_dialog_title": "Gadael %(spaceName)s",
+        "mark_suggested": "Marciwch fel yr awgrymwyd",
+        "no_search_result_hint": "Efallai y byddwch am roi cynnig ar chwiliad gwahanol neu wirio am deipos.",
+        "preferences": {
+            "sections_section": "Adrannau i ddangos",
+            "show_people_in_space": "Mae hwn yn grwpio'ch sgyrsiau ag aelodau'r gofod hwn. Bydd diffodd hwn yn cuddio'r sgyrsiau hynny o'ch golwg o %(spaceName)s."
+        },
+        "room_filter_placeholder": "Chwilio am ystafelloedd",
+        "search_children": "Chwilio %(spaceName)s",
+        "search_placeholder": "Chwilio enwau a disgrifiadau",
+        "select_room_below": "Dewis ystafell isod yn gyntaf",
+        "share_public": "Rhannwch eich gofod cyhoeddus",
+        "suggested": "Awgrym",
+        "suggested_tooltip": "Awgrymir yr ystafell hon fel un dda i ymuno â hi",
+        "title_when_query_available": "Canlyniadau",
+        "title_when_query_unavailable": "Ystafelloedd a gofodau",
+        "unmark_suggested": "Marciwch fel heb ei awgrymu",
+        "user_lacks_permission": "Nid oes gennych ganiatâd"
+    },
+    "space_settings": {
+        "title": "Gosodiadau - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Rhowch enw gweinydd newydd rydych chi am ei archwilio.",
+            "network_dropdown_add_dialog_placeholder": "Enw gweinydd",
+            "network_dropdown_add_dialog_title": "Ychwanegu gweinydd newydd",
+            "network_dropdown_add_server_option": "Ychwanegu gweinydd newydd…",
+            "network_dropdown_available_invalid": "Methu dod o hyd i'r gweinydd hwn na'i restr ystafelloedd",
+            "network_dropdown_available_invalid_forbidden": "Nid oes gennych hawl i weld rhestr ystafelloedd y gweinydd hwn",
+            "network_dropdown_available_valid": "Edrych yn dda",
+            "network_dropdown_remove_server_adornment": "Dileu gweinydd “%(roomServer)s”",
+            "network_dropdown_required_invalid": "Rhowch enw gweinydd",
+            "network_dropdown_selected_label": "Sioe: Ystafelloedd matrics",
+            "network_dropdown_selected_label_instance": "Dangos: ystafell %(instance)s (%(server)s)",
+            "network_dropdown_your_server_description": "Eich gweinydd"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Os na allwch weld pwy rydych yn chwilio amdano, anfonwch eich dolen wahoddiad atynt.",
+        "cant_find_room_helpful_hint": "Os na allwch ddod o hyd i'r ystafell yr ydych yn chwilio amdani, gofynnwch am wahoddiad neu crëwch ystafell newydd.",
+        "copy_link_text": "Copïo dolen y gwahoddiad",
+        "count_of_members": {
+            "%(count)s Aelod": "other"
+        },
+        "create_new_room_button": "Creu ystafell newydd",
+        "failed_querying_public_rooms": "Wedi methu â holi ystafelloedd cyhoeddus",
+        "failed_querying_public_spaces": "Wedi methu cwestiynu gofodau cyhoeddus",
+        "group_chat_section_title": "Dewisiadau eraill",
+        "heading_with_query": "Defnyddiwch \"%(query)s\" i chwilio",
+        "heading_without_query": "Chwilio am",
+        "join_button_text": "Ymuno â %(roomAddress)s",
+        "keyboard_scroll_hint": "Defnydd<arrows/> i sgrolio",
+        "messages_label": "Negeseuon",
+        "other_rooms_in_space": "Ystafelloedd eraill yn %(spaceName)s",
+        "public_rooms_label": "Ystafelloedd cyhoeddus",
+        "public_spaces_label": "Gofodau cyhoeddus",
+        "recent_searches_section_title": "Chwilio diweddar",
+        "recently_viewed_section_title": "Gwelwyd yn ddiweddar",
+        "remove_filter": "Tynnu'r hidlydd chwilio ar gyfer %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Gall rhai canlyniadau gael eu cuddio er preifatrwydd",
+        "result_may_be_hidden_warning": "Efallai y bydd rhai canlyniadau wedi'u cuddio",
+        "search_dialog": "Deialog Chwilio",
+        "spaces_title": "Gofodau rydych chi ynddyn nhw",
+        "start_group_chat_button": "Dechreuwch sgwrs grŵp"
+    },
+    "stickers": {
+        "empty": "Nid oes gennych unrhyw becynnau sticeri wedi'u galluogi ar hyn o bryd",
+        "empty_add_prompt": "Ychwanegwch rai nawr"
+    },
+    "terms": {
+        "column_document": "Dogfen",
+        "column_service": "Gwasanaeth",
+        "column_summary": "Crynodeb",
+        "identity_server_no_terms_description_1": "Mae'r weithred hon yn gofyn am gyrchu'r gweinydd hunaniaeth drhagosodedig<server /> i ddilysu cyfeiriad e-bost neu rif ffôn, ond nid oes gan y gweinydd unrhyw delerau gwasanaeth.",
+        "identity_server_no_terms_description_2": "Parhewch dim ond os ydych yn ymddiried ym mherchennog y gweinydd.",
+        "identity_server_no_terms_title": "Nid oes gan weinydd hunaniaeth unrhyw delerau gwasanaeth",
+        "inline_intro_text": "Derbyn<policyLink /> i barhau:",
+        "integration_manager": "Defnyddio botiau, pontydd, teclynnau a phecynnau sticeri",
+        "intro": "I barhau mae angen i chi dderbyn telerau'r gwasanaeth hwn.",
+        "summary_identity_server_1": "Dod o hyd i eraill dros y ffôn neu e-bost",
+        "summary_identity_server_2": "Gellir dod o hyd iddo dros y ffôn neu e-bost",
+        "tac_button": "Adolygu telerau ac amodau",
+        "tac_description": "I barhau i ddefnyddio'r gweinydd cartref %(homeserverDomain)s rhaid i chi adolygu a chytuno i'n telerau ac amodau.",
+        "tac_title": "Telerau ac Amodau",
+        "tos": "Telerau Gwasanaeth"
+    },
+    "theme": {
+        "light_high_contrast": "Cyferbyniad uchel ysgafn",
+        "match_system": "System paru"
+    },
+    "thread_view_back_action_label": "Yn ôl i'r edefyn",
+    "threads": {
+        "all_threads": "Pob edefyn",
+        "all_threads_description": "Yn dangos pob edefyn o'r ystafell gyfredol",
+        "count_of_reply": {
+            "%(count)s ateb": "other"
+        },
+        "empty_description": "Defnyddio “%(replyInThread)s” wrth hofran dros neges.",
+        "empty_title": "Mae edafedd yn helpu i gadw'ch sgyrsiau ar y pwnc ac yn hawdd eu holrhain.",
+        "mark_all_read": "Marcio'r cyfan wedi'u darllen",
+        "my_threads": "Fy edafedd",
+        "my_threads_description": "Yn dangos pob edefyn rydych chi wedi cymryd rhan ynddo",
+        "open_thread": "Edafedd agored",
+        "show_thread_filter": "Dangos:"
+    },
+    "threads_activity_centre": {
+        "header": "Gweithgaredd edafedd",
+        "no_rooms_with_threads_notifs": "Nid oes gennych chi ystafelloedd gyda hysbysiadau edafedd eto.",
+        "no_rooms_with_unread_threads": "Nid oes gennych chi ystafelloedd ag edafedd heb eu darllen eto."
+    },
+    "time": {
+        "date_at_time": "%(date)s am %(time)s",
+        "hours_minutes_seconds_left": "%(hours)sa %(minutes)sm %(seconds)s ar ôl",
+        "left": "%(timeRemaining)s ar ôl",
+        "minutes_seconds_left": "%(minutes)sm %(seconds)ss ar ô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",
+        "short_hours": "%(value)sa",
+        "short_hours_minutes_seconds": "%(hours)sa %(minutes)sm %(seconds)ss",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)ss",
+        "short_seconds": "%(value)sau"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Crebachu edefyn ateb",
+            "external_url": "URL ffynhonnell",
+            "open_in_osm": "Agor yn OpenStreetMap",
+            "report": "Adrodd",
+            "resent_unsent_reactions": "Anfon %(unsentCount)s adwaith(au) eto",
+            "show_url_preview": "Dangos rhagolwg",
+            "view_related_event": "Gweld digwyddiad cysylltiedig",
+            "view_source": "Gweld y cod ffynhonnell"
+        },
+        "creation_summary_dm": "Creodd %(creator)s y DM hwn.",
+        "creation_summary_room": "Mae %(creator)s wedi creu a ffurfweddu'r ystafell.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Cafodd hunaniaeth yr anfonwr ei hailosod",
+            "unable_to_decrypt": "Methu dadgryptio'r neges"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Yn llwytho i lawr",
+        "download_failed": "Methodd y llwytho i lawr",
+        "download_failed_description": "Bu gwall wrth lawrlwytho'r ffeil hon",
+        "edits": {
+            "tooltip_label": "Wedi'i olygu am %(date)s. Cliciwch i weld golygiadau.",
+            "tooltip_sub": "Cliciwch i weld golygiadau",
+            "tooltip_title": "Wedi'i olygu am %(date)s"
+        },
+        "error_no_renderer": "Nid oedd modd dangos y digwyddiad hwn",
+        "error_rendering_message": "Methu llwytho'r neges hon",
+        "historical_messages_unavailable": "Allwch chi ddim weld negeseuon cynharach",
+        "in_room_name": " yn <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "Mae %(senderName)s wedi diweddaru cynllun yr ystafell",
+        "late_event_separator": "Anfonwyd %(dateTime)s yn wreiddiol",
+        "load_error": {
+            "no_permission": "Wedi ceisio llwytho pwynt penodol yn llinell amser yr ystafell hon, ond nid oes gennych ganiatâd i weld y neges dan sylw.",
+            "title": "Wedi methu llwytho safle llinell amser",
+            "unable_to_find": "Wedi ceisio llwytho pwynt penodol yn llinell amser yr ystafell hon, ond ni lwyddodd i ddod o hyd iddo."
+        },
+        "m.audio": {
+            "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Gweld lleoliad byw"
+        },
+        "m.call": {
+            "video_call_ended": "Daeth galwad fideo i ben",
+            "video_call_started": "Dechreuwyd galwad fideo yn %(roomName)s.",
+            "video_call_started_text": "Dechreuodd %(matere)s alwad fideo",
+            "video_call_started_unsupported": "Dechreuwyd galwad fideo yn %(roomName)s. (heb ei gefnogi gan y porwr hwn)"
+        },
+        "m.call.hangup": {
+            "dm": "Galwad i ben"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Atebwyd yn rhywle arall",
+            "call_back_prompt": "Galwch yn ôl",
+            "declined": "Galwad wedi'i wrthod",
+            "failed_connect_media": "Methu cysylltu cyfryngau",
+            "failed_connection": "Methodd y cysylltiad",
+            "failed_opponent_media": "Ni allai eu dyfais gychwyn y camera na'r meicroffon",
+            "missed_call": "Galwad coll",
+            "no_answer": "Dim ateb",
+            "unknown_error": "Digwyddodd gwall anhysbys",
+            "unknown_failure": "Methiant anhysbys: %(reason)s",
+            "unknown_state": "Mae'r alwad mewn cyflwr anhysbys!",
+            "video_call": "Gosododd %(senderName)s alwad fideo.",
+            "video_call_unsupported": "Gosododd %(senderName)s alwad fideo. (heb ei gefnogi gan y porwr hwn)",
+            "voice_call": "Gosododd %(senderName)s alwad llais.",
+            "voice_call_unsupported": "Gosododd %(senderName)s alwad llais. (heb ei gefnogi gan y porwr hwn)"
+        },
+        "m.file": {
+            "error_decrypting": "Gwall wrth ddadgryptio atodiad"
+        },
+        "m.image": {
+            "error": "Methu dangos delwedd oherwydd gwall",
+            "error_decrypting": "Gwall wrth ddadgryptio delwedd",
+            "error_downloading": "Gwall wrth lwytho'r ddelwedd",
+            "sent": "Anfonodd %(senderDisplayName)s ddelwedd.",
+            "show_image": "Dangos delwedd"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "Mae %(matere)s eisiau gwirio",
+            "you_started": "Rydych wedi anfon cais dilysu"
+        },
+        "m.location": {
+            "full": "Mae %(senderName)s wedi rhannu eu lleoliad",
+            "location": "Wedi rhannu lleoliad: ",
+            "self_location": "Wedi rhannu eu lleoliad: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "%(count)s pleidlais": "other"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "Mae %(senderName)s wedi dod ag arolwg i ben"
+        },
+        "m.poll.start": "Mae %(senderName)s wedi dechrau arolwg - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "Mae %(senderDisplayName)s wedi newid afatar yr ystafell.",
+            "lightbox_title": "Newidiodd %(senderDisplayName)s yr afatar ar gyfer %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "Mae %(senderName)s wedi ychwanegu cyfeiriadau eraill %(addresses)s ar gyfer yr ystafell hon.": "other",
+                "Mae %(senderName)s wedi ychwanegu cyfeiriad arall %(addresses)s ar gyfer yr ystafell hon.": "one"
+            },
+            "alt_removed": {
+                "Mae %(senderName)s wedi tynnu cyfeiriadau eraill %(addresses)s ar gyfer yr ystafell hon.": "other",
+                "Mae %(senderName)s wedi tynnu cyfeiriad arall %(addresses)s ar gyfer yr ystafell hon.": "one"
+            },
+            "changed": "Newidiodd %(senderName)s y cyfeiriadau ar gyfer yr ystafell hon.",
+            "changed_alternative": "Mae %(senderName)s wedi newid y cyfeiriadau amgen ar gyfer yr ystafell hon.",
+            "changed_main_and_alternative": "Newidiodd %(senderName)s y prif gyfeiriadau a chyfeiriadau amgen ar gyfer yr ystafell hon.",
+            "removed": "Mae %(senderName)s wedi dileu prif gyfeiriad yr ystafell hon.",
+            "set": "Gosododd %(senderName)s y prif gyfeiriad ar gyfer yr ystafell hon i %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Mae'r ystafell hon yn barhad o sgwrs arall.",
+            "see_older_messages": "Cliciwch yma i weld negeseuon hŷn.",
+            "unknown_predecessor": "Methu â dod o hyd i'r hen fersiwn o'r ystafell hon (ID ystafell: %(roomId)s), ac nid ydym wedi cael 'via_servers' i chwilio amdano.",
+            "unknown_predecessor_guess_server": "Methu â dod o hyd i'r hen fersiwn o'r ystafell hon (ID ystafell: %(roomId)s), ac nid ydym wedi cael 'via_servers' i chwilio amdano. Mae'n bosibl y bydd dyfalu'r gweinydd o ID yr ystafell yn gweithio. Os ydych chi eisiau ceisio, cliciwch ar y ddolen hon:"
+        },
+        "m.room.guest_access": {
+            "can_join": "Mae %(senderDisplayName)s wedi caniatáu i westeion ymuno â'r ystafell.",
+            "forbidden": "Mae %(senderDisplayName)s wedi atal gwesteion rhag ymuno â'r ystafell.",
+            "unknown": "Mae %(senderDisplayName)s wedi newid mynediad gwestai i %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "Gwnaeth %(senderName)s hanes ystafell y dyfodol yn weladwy i bob aelod ystafell, o'r pwynt y maen nhw'n cael eu gwahodd.",
+            "joined": "Gwnaeth %(senderName)s hanes ystafell yn y dyfodol yn weladwy i bob aelod ystafell, o'r pwynt y gwnaetho'n nhw ymuno.",
+            "shared": "Gwnaeth %(senderName)s hanes ystafell y dyfodol yn weladwy i bob aelod ystafell.",
+            "unknown": "Gwnaeth %(senderName)s hanes ystafell y dyfodol yn weladwy i anhysbys (%(visibility)s).",
+            "world_readable": "Gwnaeth %(senderName)s hanes ystafell y dyfodol yn weladwy i unrhyw un."
+        },
+        "m.room.join_rules": {
+            "invite": "Gwnaeth %(senderDisplayName)s wahoddiad i'r ystafell yn unig.",
+            "knock": "Newidiodd %(senderDisplayName)s y rheol ymuno i ofyn am gael ymuno.",
+            "public": "Gwnaeth %(senderDisplayName)s yr ystafell yn gyhoeddus i bwy bynnag sy'n gwybod y ddolen.",
+            "restricted": "Mae %(senderDisplayName)s wedi newid pwy all ymuno â'r ystafell hon.",
+            "restricted_settings": "Mae %(senderDisplayName)s wedi newid pwy all ymuno â'r ystafell hon. <a>Gweld gosodiadau</a>.",
+            "unknown": "Newidiodd %(senderDisplayName)s y rheol ymuno i %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "Derbyniodd %(targetName)s y gwahoddiad ar gyfer %(displayName)s",
+            "accepted_invite": "Derbyniodd %(targetName)s wahoddiad",
+            "ban": "Mae %(senderName)s wedi gwahardd %(targetName)s",
+            "ban_reason": "Gwaharddodd %(senderName)s ddefnyddiwr: %(reason)s",
+            "change_avatar": "Mae %(senderName)s wedi newid eu llun proffil",
+            "change_name": "Mae %(oldDisplayName)s wedi newid ei enw dangos i %(displayName)s",
+            "change_name_avatar": "Mae %(oldDisplayName)s wedi newid ei enw dangos a llun proffil",
+            "invite": "Mae %(senderName)s wedi gwahodd %(targetName)s",
+            "join": "Ymunodd %(targetName)s â'r ystafell",
+            "kick": "Mae %(senderName)s wedi tynnu %(targetName)s",
+            "kick_reason": "Mae %(senderName)s wedi tynnu %(targetName)s: %(reason)s",
+            "left": "Gadawodd %(targetName)s yr ystafell",
+            "left_reason": "Gadawodd %(targetName)s yr ystafell: %(reason)s",
+            "no_change": "Nid yw %(senderName)s wedi gwneud unrhyw newid",
+            "reject_invite": "Mae %(targetName)s wedi gwrthod y gwahoddiad",
+            "reject_invite_reason": "Mae %(targetName)s wedi gwrthod y gwahoddiad: %(reason)s",
+            "remove_avatar": "Mae %(senderName)s wedi tynnu eu llun proffil",
+            "remove_name": "Mae %(senderName)s wedi tynnu eu henw dangos (%(oldDisplayName)s)",
+            "set_avatar": "Mae %(senderName)s wedi gosod llun proffil",
+            "set_name": "Mae %(senderName)s wedi gosod eu henw dangos i %(displayName)s",
+            "unban": "Mae %(senderName)s wedi ei ddad wahardd %(targetName)s",
+            "withdrew_invite": "Tynnodd %(senderName)s wahoddiad %(targetName)s yn ôl",
+            "withdrew_invite_reason": "Tynnodd %(senderName)s wahoddiad %(targetName)s yn ôl: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "Newidiodd %(senderDisplayName)s enw'r ystafell o %(oldRoomName)s i %(newRoomName)s.",
+            "remove": "Mae %(senderDisplayName)s wedi tynnu enw'r ystafell.",
+            "set": "Newidiodd %(senderDisplayName)s enw'r ystafell i %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "Newidiodd %(senderName)s y negeseuon sydd wedi'u pinio ar gyfer yr ystafell.",
+            "changed_link": "Newidiodd %(senderName)s y <a>negeseuon sydd wedi'u pinio</a> ar gyfer yr ystafell.",
+            "pinned": "Mae %(senderName)s wedi pinio neges i'r ystafell hon. Gweld yr holl negeseuon sydd wedi'u pinio.",
+            "pinned_link": "Mae %(senderName)s wedi pinio <a>neges</a> i'r ystafell hon. Gweld yr holl <b>negeseuon sydd wedi'u pinio</b>.",
+            "unpinned": "Mae %(senderName)s wedi dad-binio neges o'r ystafell hon. Gweld yr holl negeseuon sydd wedi'u pinio.",
+            "unpinned_link": "Mae %(senderName)s wedi dad-binio <a>neges</a> o'r ystafell hon. Gweld yr holl <b>negeseuon sydd wedi'u pinio</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "Mae %(senderName)s wedi newid lefel pŵer %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s o %(fromPowerLevel)s i %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "Dirymodd %(senderName)s y gwahoddiad i %(targetDisplayName)s ymuno â'r ystafell.",
+            "sent": "Anfonodd %(senderName)s wahoddiad at %(targetDisplayName)s i ymuno â'r ystafell."
+        },
+        "m.room.tombstone": "Mae %(senderDisplayName)s wedi uwchraddio'r ystafell hon.",
+        "m.room.topic": {
+            "changed": "Newidiodd %(senderDisplayName)s y pwnc i \"%(topic)s\".",
+            "removed": "Mae %(senderDisplayName)s wedi dileu'r pwnc."
+        },
+        "m.sticker": "Anfonodd %(senderDisplayName)s sticer.",
+        "m.video": {
+            "error_decrypting": "Gwall wrth ddadgryptio fideo",
+            "show_video": "Dangos fideo"
+        },
+        "m.widget": {
+            "added": "Mae %(widgetName)s wedi'i ychwanegu gan %(senderName)s",
+            "jitsi_ended": "Daeth cynhadledd fideo i ben gan %(senderName)s",
+            "jitsi_join_right_prompt": "Ymunwch â'r gynhadledd o'r cerdyn gwybodaeth ystafell ar y dde",
+            "jitsi_join_top_prompt": "Ymunwch â'r gynhadledd ar frig yr ystafell hon",
+            "jitsi_started": "Cynhadledd fideo wedi'i chychwyn gan %(senderName)s",
+            "jitsi_updated": "Cynhadledd fideo wedi'i diweddaru gan %(senderName)s",
+            "modified": "Mae teclyn %(widgetName)s wedi'i addasu gan %(senderName)s",
+            "removed": "Tynnwyd y teclyn %(widgetName)s gan %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Copïo dolen i'r edefyn",
+            "view_in_room": "Golwg yn yr ystafell"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "Mae %(senderName)s wedi diweddaru rheol gwahardd oedd yn cyfateb %(oldGlob)s i %(newGlob)s ar gyfer %(reason)s",
+            "changed_rule_rooms": "Newidiodd %(senderName)s reol a oedd yn gwahardd ystafelloedd sy'n cyfateb i %(oldGlob)s i gyfateb %(newGlob)s am %(reason)s",
+            "changed_rule_servers": "Newidiodd %(senderName)s reol a oedd yn gwahardd gweinyddwyr sy'n cyfateb %(oldGlob)s i gyfateb %(newGlob)s am %(reason)s",
+            "changed_rule_users": "Newidiodd %(senderName)s reol a oedd yn gwahardd defnyddwyr rhag paru %(oldGlob)s â chyfateb %(newGlob)s am %(reason)s",
+            "created_rule": "Creodd %(senderName)s reol gwahardd sy'n cyfateb i %(glob)s ar gyfer %(reason)s",
+            "created_rule_rooms": "Creodd %(senderName)s reol yn gwahardd ystafelloedd sy'n cyfateb i %(glob)s am %(reason)s",
+            "created_rule_servers": "Creodd %(senderName)s reol yn gwahardd gweinyddwyr sy'n cyfateb i %(glob)s am %(reason)s",
+            "created_rule_users": "Creodd %(senderName)s reol yn gwahardd defnyddwyr rhag paru %(glob)s am %(reason)s",
+            "removed_rule": "Mae %(senderName)s wedi dileu rheol gwahardd sy'n cyfateb i %(glob)s",
+            "removed_rule_rooms": "Mae %(senderName)s wedi dileu'r rheol sy'n gwahardd ystafelloedd sy'n cyfateb i %(glob)s",
+            "removed_rule_servers": "Mae %(senderName)s wedi dileu'r rheol sy'n gwahardd gweinyddwyr sy'n cyfateb i %(glob)s",
+            "removed_rule_users": "Mae %(senderName)s wedi dileu'r rheol sy'n gwahardd defnyddwyr rhag paru %(glob)s",
+            "updated_invalid_rule": "Mae %(senderName)s wedi diweddaru rheol gwahardd annilys",
+            "updated_rule": "Mae %(senderName)s wedi diweddaru rheol gwahardd sy'n cyfateb i %(glob)s ar gyfer %(reason)s",
+            "updated_rule_rooms": "Mae %(senderName)s wedi diweddaru'r rheol gwahardd ystafelloedd sy'n cyfateb i %(glob)s am %(reason)s",
+            "updated_rule_servers": "Mae %(senderName)s wedi diweddaru'r rheol sy'n gwahardd gweinyddwyr sy'n cyfateb i %(glob)s am %(reason)s",
+            "updated_rule_users": "Mae %(senderName)s wedi diweddaru'r rheol sy'n gwahardd defnyddwyr rhag paru %(glob)s am %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Nid oes gennych ganiatâd i weld negeseuon oddi cyn i chi gael eich gwahodd.",
+        "no_permission_messages_before_join": "Nid oes gennych ganiatâd i weld negeseuon oddi cyn i chi ymuno.",
+        "pending_moderation": "Neges yn aros i'w gymedroli",
+        "pending_moderation_reason": "Neges yn aros i'w gymedroli: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Ychwanegu ymateb",
+            "custom_reaction_fallback_label": "Ymateb cyfaddas",
+            "label": "Ymatebodd %(reactors)s gyda %(content)s",
+            "tooltip_caption": "wedi ymateb gyda %(shortName)s"
+        },
+        "read_receipt_title": {
+            "Wedi'i weld gan %(count)s person": "other"
+        },
+        "read_receipts_label": "Derbynebau darllen",
+        "redacted": {
+            "tooltip": "Neges wedi'i dileu ar %(date)s"
+        },
+        "redaction": "Neges wedi'i dileu gan %(matere)s",
+        "reply": {
+            "error_loading": "Methu llwytho&#39;r digwyddiad yr atebwyd iddo; naill ai nid yw&#39;n bodoli neu nid oes gennych ganiatâd i&#39;w weld.",
+            "in_reply_to": "<a>Yn ymateb i</a><pill>",
+            "in_reply_to_for_export": "Yn ymateb i'r <a>neges hon</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Rydych ar fin cael eich tywys i wefan trydydd parti er mwyn i chi allu dilysu'ch cyfrif i'w ddefnyddio gyda %(integrationsUrl)s. Ydych chi am barhau?",
+            "dialog_title": "Ychwanegu Integreiddiad"
+        },
+        "self_redaction": "Neges wedi'i dileu",
+        "send_state_encrypting": "Wrthi'n amgryptio'ch neges…",
+        "send_state_failed": "Methwyd anfon",
+        "send_state_sending": "Wrthi'n anfon eich neges…",
+        "send_state_sent": "Anfonwyd eich neges",
+        "summary": {
+            "banned": {
+                "wedi'u gwahardd": "zero",
+                "wedi'i wahardd": "one",
+                "wedi&#39;u gwahardd %(count)s gwaith": "other"
+            },
+            "banned_multiple": {
+                "wedi&#39;u gwahardd": "zero",
+                "wedi'i wahardd": "one",
+                "wedi&#39;u gwahardd %(count)s gwaith": "other"
+            },
+            "changed_avatar": {
+                "Does %(count)s %(oneUser)s wedi newid eu llun proffil": "zero",
+                "Mae %(oneUser)s wedi newid eu llun proffil %(count)s gwaith": "other"
+            },
+            "changed_avatar_multiple": {
+                "Does %(count)s o %(severalUsers)s wedi newid eu llun proffil": "zero",
+                "Mae %(severalUsers)s wedi newid ei lun proffil": "one",
+                "Mae %(severalUsers)s wedi newid eu llun proffil %(count)s gwaith": "other"
+            },
+            "changed_name": {
+                "Mae %(oneUser)s wedi newid ei enw %(count)s gwaith": "other",
+                "Mae %(oneUser)s wedi newid ei enw": "one"
+            },
+            "changed_name_multiple": {
+                "Mae %(severalUsers)s wedi newid eu henwau %(count)s gwaith": "other",
+                "Mae %(severalUsers)s wedi newid ei enw": "one"
+            },
+            "format": "%(matereList)s %(transitionList)s",
+            "hidden_event": {
+                "Anfonodd %(oneUser)s %(count)s negeseuon cudd": "zero",
+                "Anfonodd %(oneUser)s neges gudd": "one",
+                "Anfonodd %(oneUser)s %(count)s neges gudd": "other"
+            },
+            "hidden_event_multiple": {
+                "Anfonodd %(severalUsers)s %(count)s negeseuon cudd ": "zero",
+                "Anfonodd %(severalUsers)s neges gudd": "one",
+                "Anfonodd %(severalUsers)s %(count)s neges gudd": "other"
+            },
+            "invite_withdrawn": {
+                "Mae %(oneUser)swedi cael eu gwahoddiadau wedi&#39;i dynnu&#39;n ôl": "zero",
+                "Mae %(oneUser)swedi cael ei gwahoddiad wedi&#39;i dynnu&#39;n ôl": "one",
+                "Mae %(oneUser)swedi cael eu gwahoddiad wedi&#39;i dynnu&#39;n ôl %(count)s gwaith": "other"
+            },
+            "invite_withdrawn_multiple": {
+                "Cafodd %(severalUsers)s eu gwahoddiadau eu dileu": "one",
+                "Cafodd %(severalUsers)s eu gwahoddiadau eu dileu %(count)s gwaith": "other"
+            },
+            "invited": {
+                "wedi'u gwahodd": "zero",
+                "wedi'i wahodd": "one",
+                "wedi'u gwahodd %(count)s gwaith": "other"
+            },
+            "invited_multiple": {
+                "wedi'u gwahodd": "zero",
+                "wedi'i wahodd": "one",
+                "wedi'u gwahodd %(count)s gwaith": "other"
+            },
+            "joined": {
+                "Ymunodd %(oneUser)s %(count)s gwaith": "other",
+                "Ymunodd %(oneUser)s": "one"
+            },
+            "joined_and_left": {
+                "Ymunodd a gadawodd %(oneUser)s %(count)s gwaith": "other"
+            },
+            "joined_and_left_multiple": {
+                "Ymunodd a gadawodd %(severalUsers)s": "one",
+                "Ymunodd a gadawodd %(severalUsers)s %(count)s gwaith": "other"
+            },
+            "joined_multiple": {
+                "Ymunodd %(severalUsers)s": "zero",
+                "Ymunodd %(severalUsers)s %(count)s gwaith": "other"
+            },
+            "kicked": {
+                "wedi'u tynnu %(count)s gwaith": "other",
+                "wedi'u tynnu": "one"
+            },
+            "kicked_multiple": {
+                "wedi'u tynnu %(count)s gwaith": "other",
+                "wedi'u tynnu": "one"
+            },
+            "left": {
+                "Gadawodd %(oneUser)s": "one",
+                "Gadawodd %(oneUser)s %(count)s gwaith": "other"
+            },
+            "left_multiple": {
+                "Gadawodd %(severalUsers)s": "one",
+                "Gadawodd %(severalUsers)s %(count)s gwaith": "other"
+            },
+            "no_change": {
+                "Dyw %(oneUser)s heb wneud unrhyw newidiadau %(count)s gwaith": "other",
+                "Dyw %(oneUser)s heb wneud unrhyw newidiadau": "one"
+            },
+            "no_change_multiple": {
+                "Dyw %(severalUsers)s heb wneud unrhyw newidiadau %(count)s gwaith": "other",
+                "Dyw %(severalUsers)s heb wneud unrhyw newidiadau": "one"
+            },
+            "pinned_events": {
+                "Newidiodd %(oneUser)s y <a>negeseuon wedi'u pinio</a> yr ystafell %(count)s gwaith": "other",
+                "Newidiodd %(oneUser)s y <a>negeseuon wedi'u pinio</a> yr ystafell": "one"
+            },
+            "pinned_events_multiple": {
+                "Newidiodd %(severalUsers)s y <a>negeseuon wedi'u pinio</a> yr ystafell %(count)s gwaith": "other",
+                "Newidiodd %(severalUsers)s y <a>negeseuon wedi'u pinio</a> yr ystafell": "one"
+            },
+            "redacted": {
+                "Tynnodd %(oneUser)s %(count)s neges": "other",
+                "Tynnodd %(oneUser)s neges": "one"
+            },
+            "redacted_multiple": {
+                "Tynnodd %(severalUsers)s %(count)s neges": "other",
+                "Tynnodd %(severalUsers)s neges": "one"
+            },
+            "rejected_invite": {
+                "Gwrthododd %(severalUsers)s eu gwahoddiadau": "zero",
+                "Gwrthododd %(oneUser)s ei wahoddiad": "one",
+                "Gwrthododd %(oneUser)s eu gwahoddiadau %(count)s gwaith": "other"
+            },
+            "rejected_invite_multiple": {
+                "Gwrthododd %(severalUsers)s eu gwahoddiadau": "one",
+                "Gwrthododd %(severalUsers)s eu gwahoddiadau %(count)s gwaith": "other"
+            },
+            "rejoined": {
+                "Ymunodd a gadawodd %(oneUser)s": "one",
+                "Ymunodd a gadawodd %(oneUser)s %(count)s gwaith": "other"
+            },
+            "rejoined_multiple": {
+                "Ymunodd a gadawodd %(severalUsers)s": "one",
+                "Ymunodd a gadawodd %(severalUsers)s %(count)s gwaith": "other"
+            },
+            "unbanned": {
+                "wedi'u dadwahardd %(count)s gwaith": "other",
+                "wedi'u dadwahardd": "one"
+            },
+            "unbanned_multiple": {
+                "wedi'u dadwahardd %(count)s gwaith\n ": "zero",
+                "wedi'i ddadwahardd": "one",
+                "wedi'u dadwahardd %(count)s gwaith": "other"
+            }
+        },
+        "thread_info_basic": "O edefyn",
+        "typing_indicator": {
+            "more_users": {
+                "Mae %(names)s ac mae %(count)s eraill yn teipio...": "other",
+                "Mae %(names)s ac mae un arall yn teipio...": "one"
+            },
+            "one_user": "Mae %(displayName)s yn teipio…",
+            "two_users": "Mae %(materes)s a %(lastPerson)s yn teipio…"
+        },
+        "undecryptable_tooltip": "Nid oedd modd dadgryptio'r neges hon"
+    },
+    "truncated_list_n_more": {
+        "A %(count)s yn rhagor...": "other"
+    },
+    "unsupported_browser": {
+        "description": "Os byddwch yn parhau, efallai na fydd rhai nodweddion yn gweithio ac mae risg y gallech golli data yn y dyfodol. Diweddarwch eich porwr i barhau i ddefnyddio %(brand)s.",
+        "title": "Nid yw %(brand)s yn cefnogi'r porwr hwn"
+    },
+    "unsupported_server_description": "Mae'r gweinydd hwn yn defnyddio fersiwn hŷn o Matrix. Uwchraddiwch i Matrics %(version)s i ddefnyddio %(brand)s heb wallau.",
+    "unsupported_server_title": "Nid yw eich gweinydd yn cael ei gefnogi",
+    "update": {
+        "changelog": "Cofnod Newid",
+        "check_action": "Gwiriwch am ddiweddariad",
+        "checking": "Wrthi'n gwirio am ddiweddariad…",
+        "downloading": "Wrthi'n llwytho diweddariad i lawr…",
+        "error_encountered": "Y gwall gafwyd (%(errorDetail)s).",
+        "error_unable_load_commit": "Methu llwytho manylion cyflwyno: %(msg)s",
+        "new_version_available": "Fersiwn newydd ar gael. <a>Diweddaru nawr.</a>",
+        "no_update": "Dim diweddariad ar gael.",
+        "release_notes_toast_title": "Beth sy'n Newydd",
+        "see_changes_button": "Beth sy'n newydd?",
+        "toast_description": "Mae fersiwn newydd o %(brand)s ar gael",
+        "toast_title": "Diweddaru %(brand)s",
+        "unavailable": "Dim ar gael"
+    },
+    "update_room_access_modal": {
+        "description": "I greu dolen rhannu, gwnewch yr ystafell hon yn un <b>cyhoeddus</b> neu alluogi'r dewis i ddefnyddwyr <b>ofyn i ymuno</b> Mae hyn yn caniatáu i westeion ymuno heb gael eu gwahodd.",
+        "dont_change_description": "Os nad ydych chi eisiau newid mynediad i'r ystafell hon, gallwch greu ystafell newydd ar gyfer dolen yr alwad.",
+        "no_change": "Dydw i ddim eisiau newid y lefel mynediad.",
+        "revert_access_description": "(Mae modddychwelyd hwn i'r gwerth blaenorol yng Ngosodiadau'r Ystafell: <b>Diogelwch a Phreifatrwydd</b> / <b>Mynediad</b> )",
+        "title": "Caniatáu i westeion ymuno â'r ystafell hon"
+    },
+    "upload_failed_generic": "Methodd y ffeil '%(fileName)s' â llwytho i fyny.",
+    "upload_failed_size": "Mae'r ffeil '%(fileName)s' yn fwy na chyfyngiad maint llwytho'r gweinydd cartref",
+    "upload_failed_title": "Methodd y Llwytho",
+    "upload_file": {
+        "cancel_all_button": "Diddymu'r Cyfan",
+        "error_file_too_large": "Mae'r ffeil hon yn <b>rhy fawr</b> i'w llwytho. Y terfyn maint ffeil yw %(limit)s ond y ffeil hon yw %(sizeOfThisFile)s.",
+        "error_files_too_large": "Mae'r ffeiliau hyn yn <b>rhy fawr</b> i'w llwytho. Y terfyn maint ffeil yw %(limit)s.",
+        "error_some_files_too_large": "Mae rhai ffeiliau'n <b>rhy fawr</b> i'w llwytho. Y terfyn maint ffeil yw %(limit)s.",
+        "error_title": "Gwall Llwytho",
+        "not_image": "Nid yw'r ffeil rydych chi wedi'i dewis yn ffeil delwedd ddilys.",
+        "title": "Llwytho ffeiliau",
+        "title_progress": "Llwytho ffeiliau (%(current)s o %(total)s)",
+        "upload_all_button": "Llwytho'r cyfan",
+        "upload_n_others_button": {
+            "Llwytho %(count)s ffeil arall": "other"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Offer Gweinyddol",
+        "ban_button_room": "Gwaharddiad o ystafell",
+        "ban_button_space": "Gwaharddiad o'r gofod",
+        "ban_room_confirm_title": "Gwaharddiad o %(roomName)s",
+        "ban_space_everything": "Gwaharddwch nhw o bopeth rydw i'n gallu",
+        "ban_space_specific": "Gwaharddwch nhw o bethau penodol y gallaf eu gwneud",
+        "deactivate_confirm_action": "Analluogi defnyddiwr",
+        "deactivate_confirm_description": "Bydd cau'r defnyddiwr hwn yn eu hallgofnodi a'u hatal rhag mewngofnodi eto. Yn ogystal, byddant yn gadael yr holl ystafelloedd y mae ynddynt. Nid oes modd gwrthdroi'r weithred hon. Ydych chi'n siŵr eich bod am cau'r defnyddiwr hwn?",
+        "deactivate_confirm_title": "Analluogi defnyddiwr?",
+        "demote_button": "Diraddio",
+        "demote_self_confirm_description_space": "Fyddwch chi ddim yn gallu dadwneud y newid hwn gan eich bod yn israddio eich hun, os mai chi yw'r defnyddiwr breintiedig olaf yn y gofod bydd yn amhosibl adennill breintiau.",
+        "demote_self_confirm_room": "Fyddwch chi ddim yn gallu dadwneud y newid hwn gan eich bod yn israddio eich hun, os mai chi yw'r defnyddiwr breintiedig olaf yn yr ystafell bydd yn amhosibl adennill breintiau.",
+        "demote_self_confirm_title": "Israddio eich hun?",
+        "disinvite_button_room": "Dadwahodd o'r ystafell",
+        "disinvite_button_room_name": "Dadwahodd o %(roomName)s",
+        "disinvite_button_space": "Dadwahodd o'r gofod",
+        "error_ban_user": "Wedi methu â gwahardd defnyddiwr",
+        "error_deactivate": "Wedi methu ag analluogi defnyddiwr",
+        "error_kicking_user": "Wedi methu tynnu'r defnyddiwr",
+        "error_mute_user": "Wedi methu â thewi'r defnyddiwr",
+        "error_revoke_3pid_invite_description": "Methu â dirymu'r gwahoddiad. Mae'n bosib bod y gweinydd yn cael problem dros dro neu nad oes gennych chi ddigon o hawliau i ddiddymu'r gwahoddiad.",
+        "error_revoke_3pid_invite_title": "Wedi methu â dirymu gwahoddiad",
+        "ignore_button": "Anwybyddu",
+        "ignore_confirm_description": "Bydd pob neges a gwahoddiad gan y defnyddiwr hwn yn cael eu cuddio. Ydych chi'n siŵr eich bod am eu hanwybyddu?",
+        "ignore_confirm_title": "Anwybyddu %(user)s",
+        "invited_by": "Wedi'i wahodd gan %(sender)s",
+        "jump_to_rr_button": "Mynd i ddarllen y dderbynneb",
+        "kick_button_room": "Tynnu o'r ystafell",
+        "kick_button_room_name": "Tynnu o %(roomName)s",
+        "kick_button_space": "Tynnu o'r gofod",
+        "kick_button_space_everything": "Tynnwch nhw o bopeth rydw i'n gallu",
+        "kick_space_specific": "Tynnwch nhw o bethau penodol rydw i'n gallu",
+        "kick_space_warning": "Byddan nhw'n dal i allu cael mynediad at beth bynnag nad ydych yn weinyddwr iddo.",
+        "promote_warning": "Fyddwch chi ddim yn gallu dadwneud y newid hwn gan eich bod yn hyrwyddo'r defnyddiwr i gael yr un lefel pŵer â chi'ch hun.",
+        "redact": {
+            "confirm_button": {
+                "Tynnu %(count)s neges": "other",
+                "Tynnu 1 neges": "one"
+            },
+            "confirm_description_1": {
+                "Rydych chi ar fin tynnu %(count)s neges gan %(user)s. Bydd hyn yn eu tynnu'n barhaol i bawb yn y sgwrs. ​​Ydych chi am barhau?": "other"
+            },
+            "confirm_description_2": "Ar gyfer llawer iawn o negeseuon, gallai hyn gymryd peth amser. Peidiwch ag adnewyddu eich cleient yn y cyfamser.",
+            "confirm_keep_state_explainer": "Dad-diciwch a ydych hefyd am ddileu negeseuon system ar y defnyddiwr hwn (e.e. newid aelodaeth, newid proffil…)",
+            "confirm_keep_state_label": "Cadw negeseuon system",
+            "confirm_title": "Dileu negeseuon diweddar gan %(user)s",
+            "no_recent_messages_description": "Ceisiwch sgrolio i fyny yn y llinell amser i weld a oes unrhyw rai cynharach.",
+            "no_recent_messages_title": "Heb ganfod unrhyw negeseuon diweddar gan %(user)s"
+        },
+        "redact_button": "Dileu negeseuon",
+        "revoke_invite": "Diddymu gwahoddiad",
+        "room_encrypted": "Mae negeseuon yn yr ystafell hon wedi'u hamgryptio pen-i-ben.",
+        "room_encrypted_detail": "Mae eich negeseuon yn ddiogel a dim ond chi a'r derbynnydd sydd â'r allweddi unigryw i'w datgloi.",
+        "room_unencrypted": "Nid yw negeseuon yn yr ystafell hon wedi'u hamgryptio pen-i-ben.",
+        "room_unencrypted_detail": "Mewn ystafelloedd wedi'u hamgryptio, mae'ch negeseuon yn ddiogel a dim ond chi a'r derbynnydd sydd â'r allweddi unigryw i'w datgloi.",
+        "send_message": "Anfon neges",
+        "share_button": "Rhannu proffil",
+        "unban_button_room": "Dad-wahardd o'r ystafell",
+        "unban_button_space": "Dad-wahardd o'r gofod",
+        "unban_room_confirm_title": "Dad-wahardd o %(roomName)s",
+        "unban_space_everything": "Dad-wahardd nhw o bopeth y gallaf",
+        "unban_space_specific": "Gwahardd nhw o bethau penodol y gallaf",
+        "unban_space_warning": "Ffyddan nhw ddim yn gallu cael mynediad at beth bynnag nad ydych yn weinyddwr iddo.",
+        "unignore_button": "Anwybyddu",
+        "verification_unavailable": "Nid yw dilysu defnyddiwr ar gael",
+        "verify_button": "Dilysu Defnyddiwr",
+        "verify_explainer": "Ar gyfer diogelwch ychwanegol, gwiriwch y defnyddiwr hwn trwy wirio cod un-amser ar eich dwy ddyfais."
+    },
+    "voip": {
+        "already_in_call": "Eisoes mewn galwad",
+        "already_in_call_person": "Rydych chi eisoes mewn galwad gyda'r person hwn.",
+        "answered_elsewhere": "Atebwyd mewn Man Arall",
+        "answered_elsewhere_description": "Atebwyd yr alwad ar ddyfais arall.",
+        "call_failed": "Galwad wedi Methu",
+        "call_failed_description": "Nid oes modd gosod yr alwad",
+        "call_failed_media": "Methodd yr alwad oherwydd nid oedd modd cael at gamera gwe neu feicroffon. Gwiriwch fod:",
+        "call_failed_media_applications": "Nid oes unrhyw raglen arall yn defnyddio'r camera gwe",
+        "call_failed_media_connected": "Mae meicroffon a camera gwe wedi'u plygio i mewn ac wedi'u gosod yn gywir",
+        "call_failed_media_permissions": "Rhoi caniatâd i ddefnyddio'r camera gwe",
+        "call_failed_microphone": "Methodd yr alwad oherwydd ni fu modd cyrchu'r meicroffon. Gwiriwch fod meicroffon wedi'i blygio i mewn a'i osod yn gywir.",
+        "call_held": "Cynhaliodd %(peerName)s yr alwad",
+        "call_held_resume": "Chi sy'n cynnal yr alwad <a>Ailddechrau</a>",
+        "call_held_switch": "Chi sy'n cynnal yr alwad <a>Newid</a>",
+        "call_toast_unknown_room": "Ystafell anhysbys",
+        "camera_disabled": "Mae eich camera wedi'i ddiffodd",
+        "camera_enabled": "Mae eich camera wedi'i alluogi o hyd",
+        "cannot_call_yourself_description": "Allwch chi ddim roi galwad i chi'ch hun.",
+        "close_lobby": "Caewch y lobi",
+        "connecting": "Yn cysylltu",
+        "connection_lost": "Mae cysylltedd â'r gweinydd wedi'i golli",
+        "connection_lost_description": "Allwch chi ddim osod galwadau heb gysylltiad â'r gweinydd.",
+        "consulting": "Ymgynghori â %(transferTarget)s. <a>Trosglwyddo i %(transferee)s</a>",
+        "default_device": "Dyfais Rhagosodedig",
+        "dial": "Deial",
+        "dialpad": "Pad Deialu",
+        "disable_camera": "Diffoddwch y camera",
+        "disable_microphone": "Tewi meicroffon",
+        "disabled_no_perms_start_video_call": "Nid oes gennych ganiatâd i ddechrau galwadau fideo",
+        "disabled_no_perms_start_voice_call": "Nid oes gennych ganiatâd i ddechrau galwadau llais",
+        "disabled_ongoing_call": "Galwad cyfredol",
+        "element_call": "Galwad Element",
+        "enable_camera": "Trowch y camera ymlaen",
+        "enable_microphone": "Dad-dewi meicroffon",
+        "expand": "Dychwelyd i'r alwad",
+        "get_call_link": "Rhannu cyswllt galwad",
+        "hangup": "Rhoi'r gorau iddi",
+        "hide_sidebar_button": "Cuddio bar ochr",
+        "input_devices": "Dyfeisiau mewnbwn",
+        "jitsi_call": "Cynhadledd Jitsi",
+        "legacy_call": "Hen Alwad",
+        "maximise": "Llanw'r Sgrin",
+        "maximise_call": "Mwyhau galwad",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Cynadleddau"
+        },
+        "minimise_call": "Lleihau galwad",
+        "misconfigured_server": "Methodd yr alwad oherwydd y gweinydd wedi'i gamgyflunio",
+        "misconfigured_server_description": "Gofynnwch i weinyddwr eich gweinydd cartref ( <code>%(homeserverDomain)s</code> ) i ffurfweddu gweinydd TURN er mwyn i alwadau weithio'n ddibynadwy.",
+        "misconfigured_server_fallback": "Fel arall, gallwch geisio defnyddio'r gweinydd cyhoeddus yn<server/> , ond ni fydd hyn mor ddibynadwy, a bydd yn rhannu eich cyfeiriad IP gyda'r gweinydd hwnnw. Gallwch hefyd reoli hyn yn y Gosodiadau.",
+        "misconfigured_server_fallback_accept": "Ceisiwch ddefnyddio %(server)s",
+        "more_button": "Rhagor",
+        "msisdn_lookup_failed": "Methu chwilio am y rhif ffôn",
+        "msisdn_lookup_failed_description": "Bu gwall wrth chwilio am y rhif ffôn",
+        "msisdn_transfer_failed": "Methu trosglwyddo galwad",
+        "n_people_joined": {
+            "Does %(count)s person wedi ymuno": "zero",
+            "Mae %(count)s person wedi ymuno": "other"
+        },
+        "no_audio_input_description": "Heb ddod o hyd i feicroffon ar eich dyfais. Gwiriwch eich gosodiadau a cheisiwch eto.",
+        "no_audio_input_title": "Heb ganfod meicroffon",
+        "no_media_perms_description": "Mae'n bosibl y bydd angen i chi ganiatáu i %(brand)s gael mynediad i'ch meicroffon/gwegamera â llaw",
+        "no_media_perms_title": "Dim caniatâd cyfryngau",
+        "no_permission_conference": "Angen Caniatâd",
+        "no_permission_conference_description": "Nid oes gennych ganiatâd i ddechrau galwad cynadledda yn yr ystafell hon",
+        "on_hold": "%(matere)s ar stop",
+        "output_devices": "Dyfeisiau allbwn",
+        "screenshare_monitor": "Rhannu sgrin gyfan",
+        "screenshare_title": "Rhannu cynnwys",
+        "screenshare_window": "Ffenestr cais",
+        "show_sidebar_button": "Dangos y bar ochr",
+        "silence": "Distewi galwad",
+        "silenced": "Hysbysiadau wedi'u distewi",
+        "start_screenshare": "Dechreuwch rannu'ch sgrin",
+        "stop_screenshare": "Stopiwch rannu'ch sgrin",
+        "too_many_calls": "Gormod o Alwadau",
+        "too_many_calls_description": "Rydych chi wedi cyrraedd y nifer uchaf o alwadau cydamserol.",
+        "transfer_consult_first_label": "Ymgynghori yn gyntaf",
+        "transfer_failed": "Methodd y Trosglwyddo",
+        "transfer_failed_description": "Wedi methu trosglwyddo galwad",
+        "unable_to_access_audio_input_description": "Methu cael mynediad i'ch meicroffon. Gwiriwch osodiadau eich porwr a cheisiwch eto.",
+        "unable_to_access_audio_input_title": "Methu cael mynediad i'ch meicroffon",
+        "unable_to_access_media": "Methu cyrchu camera gwe / meicroffon",
+        "unable_to_access_microphone": "Methu cyrchu meicroffon",
+        "unknown_caller": "Galwr anhysbys",
+        "unknown_person": "person anhysbys",
+        "unsilence": "Sain ymlaen",
+        "unsupported": "Nid yw galwadau'n cael eu cefnogi",
+        "unsupported_browser": "Allwch chi ddim gosod galwadau yn y porwr hwn.",
+        "user_busy": "Defnyddiwr yn Brysur",
+        "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_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",
+    "widget": {
+        "added_by": "Ychwanegwyd teclyn gan",
+        "capabilities_dialog": {
+            "content_starting_text": "Hoffai'r teclyn hwn:",
+            "decline_all_permission": "Gwrthod Pawb",
+            "remember_Selection": "Cofio fy newis ar gyfer y teclyn hwn",
+            "title": "Cymeradwyo hawliau teclyn"
+        },
+        "capability": {
+            "always_on_screen_generic": "Arhos ar eich sgrin wrth redeg",
+            "always_on_screen_viewing_another_room": "Arhos ar eich sgrin wrth edrych ar ystafell arall, wrth redeg",
+            "any_room": "Yr uchod, ond mewn unrhyw ystafell rydych yn cael eich ymuno wahodd hefyd",
+            "byline_empty_state_key": "gydag allwedd cyflwr gwag",
+            "byline_state_key": "gydag allwedd cyflwr %(stateKey)s",
+            "capability": "Y gallu <b>%(capability)s</b>",
+            "change_avatar_active_room": "Newidiwch afatar eich ystafell weithredol",
+            "change_avatar_this_room": "Newid afatar yr ystafell hon",
+            "change_name_active_room": "Newidiwch enw eich ystafell weithredol",
+            "change_name_this_room": "Newidiwch enw'r ystafell hon",
+            "change_topic_active_room": "Newidiwch bwnc eich ystafell weithredol",
+            "change_topic_this_room": "Newid pwnc yr ystafell hon",
+            "receive_membership_active_room": "Gweld pryd mae pobl yn ymuno, yn gadael, neu'n cael eu gwahodd i'ch ystafell weithredol",
+            "receive_membership_this_room": "Gweld pryd mae pobl yn ymuno, yn gadael neu'n cael eu gwahodd i'r ystafell hon",
+            "remove_ban_invite_leave_active_room": "Dileu, gwahardd, neu wahodd pobl i'ch ystafell weithredol, a gwneud i chi adael",
+            "remove_ban_invite_leave_this_room": "Dileu, gwahardd, neu wahodd pobl i'r ystafell hon, a gwneud i chi adael",
+            "see_avatar_change_active_room": "Gweld pryd mae'r afatar yn newid yn eich ystafell weithredol",
+            "see_avatar_change_this_room": "Gweld pryd mae'r afatar yn newid yn yr ystafell hon",
+            "see_event_type_sent_active_room": "Gweld <b>%(eventType)s</b> digwyddiad wedi'u postio i'ch ystafell weithredol",
+            "see_event_type_sent_this_room": "Gweld <b>%(eventType)s</b> digwyddiad wedi'u postio i'r ystafell hon",
+            "see_images_sent_active_room": "Gweld delweddau sy'n cael eu postio i'ch ystafell weithredol",
+            "see_images_sent_this_room": "Gweld delweddau a bostiwyd i'r ystafell hon",
+            "see_messages_sent_active_room": "Gweld negeseuon sy'n cael eu postio i'ch ystafell weithredol",
+            "see_messages_sent_this_room": "Gweld negeseuon sy'n cael eu postio i'r ystafell hon",
+            "see_msgtype_sent_active_room": "Gweld <b>%(msgtype)s</b> neges wedi'u postio i'ch ystafell weithredol",
+            "see_msgtype_sent_this_room": "Gweld <b>%(msgtype)s</b> neges wedi'u postio i'r ystafell hon",
+            "see_name_change_active_room": "Gweld pryd mae'r enw'n newid yn eich ystafell weithredol",
+            "see_name_change_this_room": "Gweld pryd mae'r enw'n newid yn yr ystafell hon",
+            "see_sent_emotes_active_room": "Gweld emosiynau sy'n cael eu postio i'ch ystafell weithredol",
+            "see_sent_emotes_this_room": "Gweld emosiynau wedi'u postio i'r ystafell hon",
+            "see_sent_files_active_room": "Gweld ffeiliau cyffredinol sy'n cael eu postio i'ch ystafell weithredol",
+            "see_sent_files_this_room": "Gweld ffeiliau cyffredinol sy'n cael eu postio i'r ystafell hon",
+            "see_sticker_posted_active_room": "Gweld pryd mae unrhyw un yn postio sticer i'ch ystafell weithredol",
+            "see_sticker_posted_this_room": "Gweld pryd mae sticer yn cael ei bostio yn yr ystafell hon",
+            "see_text_messages_sent_active_room": "Gweld negeseuon testun sy'n cael eu postio i'ch ystafell weithredol",
+            "see_text_messages_sent_this_room": "Gweld negeseuon testun sy'n cael eu postio i'r ystafell hon",
+            "see_topic_change_active_room": "Gweld pryd mae'r pwnc yn newid yn eich ystafell weithredol",
+            "see_topic_change_this_room": "Gweld pryd mae'r pwnc yn newid yn yr ystafell hon",
+            "see_videos_sent_active_room": "Gweld fideos sy'n cael eu postio i'ch ystafell weithredol",
+            "see_videos_sent_this_room": "Gweld fideos sy'n cael eu postio i'r ystafell hon",
+            "send_emotes_active_room": "Anfonwch emosiynau wrth i chi yn eich ystafell weithredol",
+            "send_emotes_this_room": "Anfon emotes wrth i chi yn yr ystafell hon",
+            "send_event_type_active_room": "Anfon <b>%(eventType)s</b> digwyddiad fel chi yn eich ystafell weithredol",
+            "send_event_type_this_room": "Anfon <b>%(eventType)s</b> digwyddiad fel chi yn yr ystafell hon",
+            "send_files_active_room": "Anfon ffeiliau cyffredinol fel chi yn eich ystafell weithredol",
+            "send_files_this_room": "Anfon ffeiliau cyffredinol fel chi yn yr ystafell hon",
+            "send_images_active_room": "Anfon delweddau fel chi yn eich ystafell weithredol",
+            "send_images_this_room": "Anfon lluniau fel chi yn yr ystafell hon",
+            "send_messages_active_room": "Anfon negeseuon fel chi yn eich ystafell weithredol",
+            "send_messages_this_room": "Anfon negeseuon fel chi yn yr ystafell hon",
+            "send_msgtype_active_room": "Anfon <b>%(msgtype)s</b> neges fel chi yn eich ystafell weithredol",
+            "send_msgtype_this_room": "Anfon <b>%(msgtype)s</b> neges fel chi yn yr ystafell hon",
+            "send_stickers_active_room": "Anfon sticeri i'ch ystafell weithredol",
+            "send_stickers_active_room_as_you": "Anfon sticeri i'ch ystafell weithredol fel chi",
+            "send_stickers_this_room": "Anfon sticeri i'r ystafell hon",
+            "send_stickers_this_room_as_you": "Anfon sticeri i'r ystafell hon fel chi",
+            "send_text_messages_active_room": "Anfon negeseuon testun fel chi yn eich ystafell weithredol",
+            "send_text_messages_this_room": "Anfon negeseuon testun fel chi yn yr ystafell hon",
+            "send_videos_active_room": "Anfon fideos fel chi yn eich ystafell weithredol",
+            "send_videos_this_room": "Anfon fideos fel chi yn yr ystafell hon",
+            "specific_room": "Yr uchod, ond yn <Room /> yn ogystal",
+            "switch_room": "Newid pa ystafell rydych chi'n edrych arni",
+            "switch_room_message_user": "Newid pa ystafell, neges neu ddefnyddiwr rydych chi'n edrych arno"
+        },
+        "close_to_view_right_panel": "Caewch y teclyn hwn i'w weld yn y panel hwn",
+        "context_menu": {
+            "delete": "Dileu teclyn",
+            "delete_warning": "Mae dileu teclyn yn ei ddileu ar gyfer pob defnyddiwr yn yr ystafell hon. Ydych chi'n siŵr eich bod am ddileu'r teclyn hwn?"
+        },
+        "cookie_warning": "Gall y teclyn hwn ddefnyddio cwcis.",
+        "error_hangup_description": "Rydych wedi'ch datgysylltu o'r alwad. (Gwall: %(message)s)",
+        "error_hangup_title": "Cysylltiad wedi'i golli",
+        "error_loading": "Gwall wrth lwytho'r teclyn",
+        "error_mixed_content": "Gwall - Cynnwys cymysg",
+        "error_need_invite_permission": "Mae angen i chi allu gwahodd defnyddwyr i wneud hynny.",
+        "error_need_kick_permission": "Mae angen i chi allu cicio defnyddwyr i wneud hynny.",
+        "error_need_to_be_logged_in": "Mae angen i chi fod wedi mewngofnodi.",
+        "error_unable_start_audio_stream_description": "Methu dechrau ffrydio sain.",
+        "error_unable_start_audio_stream_title": "Methu cychwyn llif byw",
+        "modal_data_warning": "Mae data isod yn cael ei rannu â %(widgetDomain)s",
+        "modal_title_default": "Teclyn Modal",
+        "no_name": "Ap Anhysbys",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Cofio hyn",
+            "starting_text": "Bydd y teclyn yn gwirio eich ID defnyddiwr, ond ni fydd yn gallu cyflawni gweithredoedd ar eich rhan:",
+            "title": "Caniatáu i'r teclyn hwn wirio'ch hunaniaeth"
+        },
+        "popout": "Teclyn llamu allan",
+        "set_room_layout": "Gosodwch y cynllun i bawb",
+        "shared_data_avatar": "URL eich llun proffil",
+        "shared_data_device_id": "ID eich dyfais",
+        "shared_data_lang": "Eich iaith",
+        "shared_data_mxid": "Eich ID defnyddiwr",
+        "shared_data_name": "Eich enw dangos",
+        "shared_data_room_id": "ID ystafell",
+        "shared_data_theme": "Eich thema",
+        "shared_data_url": "URL %(brand)s",
+        "shared_data_warning": "Gall defnyddio'r teclyn hwn rannu data<helpIcon /> gyda %(widgetDomain)s.",
+        "shared_data_warning_im": "Gall defnyddio'r teclyn hwn rannu data<helpIcon /> gyda %(widgetDomain)s a'ch rheolwr integreiddio.",
+        "shared_data_widget_id": "ID teclyn",
+        "unencrypted_warning": "Nid yw teclynnau'n defnyddio amgryptio negeseuon.",
+        "unmaximise": "Dad-wneud mwyaf",
+        "unpin_to_view_right_panel": "Dad-binio'r teclyn hwn i'w weld yn y panel hwn"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Mae prif lythrennau bron mor hawdd i'w ddyfalu â llythrennau bach",
+            "anotherWord": "Ychwanegwch air neu ddau arall. Mae geiriau anghyffredin yn well.",
+            "associatedYears": "Osgowch flynyddoedd sy'n gysylltiedig â chi",
+            "capitalization": "Nid yw priflythrennau'n helpu llawer",
+            "dates": "Osgowch ddyddiadau a blynyddoedd sy'n gysylltiedig â chi",
+            "l33t": "Nid yw dirprwyon rhagweladwy fel '@' yn lle 'a' yn helpu llawer",
+            "longerKeyboardPattern": "Defnyddio patrwm bysellfwrdd hirach gyda mwy o droeon",
+            "noNeed": "Nid oes angen symbolau, digidau na llythrennau mawr",
+            "pwned": "Os ydych chi'n defnyddio'r cyfrinair hwn yn rhywle arall, dylech ei newid.",
+            "recentYears": "Osgowch flynyddoedd diweddar",
+            "repeated": "Osgowch eiriau a nodau ailadroddus",
+            "reverseWords": "Nid yw geiriau wedi'u gwrthdroi yn llawer anoddach i'w dyfalu",
+            "sequences": "Osgowch ddilyniannau",
+            "useWords": "Defnyddio ychydig o eiriau, osgowch ymadroddion cyffredin"
+        },
+        "warnings": {
+            "common": "Mae hwn yn gyfrinair cyffredin iawn",
+            "commonNames": "Mae enwau a chyfenwau cyffredin yn hawdd i'w dyfalu",
+            "dates": "Mae dyddiadau yn aml yn hawdd i'w dyfalu",
+            "extendedRepeat": "Mae ailadroddiadau fel \"abcabcabc\" ychydig yn anoddach i'w dyfalu nag \"abc\"",
+            "keyPattern": "Mae patrymau bysellfwrdd byr yn hawdd i'w dyfalu",
+            "namesByThemselves": "Mae'n hawdd dyfalu enwau a chyfenwau eu hunain",
+            "pwned": "Datgelwyd eich cyfrinair gan dor-data ar y Rhyngrwyd.",
+            "recentYears": "Mae'r blynyddoedd diwethaf yn hawdd i'w dyfalu",
+            "sequences": "Mae dilyniannau fel abc neu 6543 yn hawdd i'w dyfalu",
+            "similarToCommon": "Mae hyn yn debyg i gyfrinair sy'n cael ei ddefnyddio'n gyffredin",
+            "simpleRepeat": "Mae ailadroddiadau fel \"aaa\" yn hawdd i'w dyfalu",
+            "straightRow": "Mae rhesi syth o allweddi yn hawdd i'w dyfalu",
+            "topHundred": "Mae hwn yn gyfrinair cyffredin o'r 100 uchaf",
+            "topTen": "Mae hwn yn gyfrinair cyffredin o'r 10 uchaf",
+            "userInputs": "Dylai fod dim data personol neu ddata cysylltiedig â thudalennau.",
+            "wordByItself": "Mae gair ynddo'i hun yn hawdd i'w ddyfalu"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/da.json b/apps/web/src/i18n/strings/da.json
new file mode 100644
index 00000000000..f3f191e324f
--- /dev/null
+++ b/apps/web/src/i18n/strings/da.json
@@ -0,0 +1,3519 @@
+{
+    "a11y": {
+        "jump_first_invite": "Gå til første invitation.",
+        "message_composer": "Skriv besked",
+        "n_unread_messages": {
+            "one": "1 ulæst besked.",
+            "other": "%(count)s ulæste beskeder."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 ulæst omtale.",
+            "other": "%(count)s ulæste beskeder, herunder omtaler."
+        },
+        "room_status_bar": "Statusbjælke for rum",
+        "seek_bar_label": "Progressionsmarkør for lydafspiller",
+        "unread_messages": "Ulæste beskeder."
+    },
+    "a11y_jump_first_unread_room": "Gå til første ulæste rum.",
+    "action": {
+        "accept": "Accepter",
+        "add": "Tilføj",
+        "add_existing_room": "Tilføj eksisterende rum",
+        "apply": "Anvend",
+        "approve": "Godkend",
+        "ask_to_join": "Bed om at blive medlem",
+        "back": "Tilbage",
+        "call": "Opkald",
+        "cancel": "Afbryd",
+        "change": "Skift",
+        "clear": "Ryd",
+        "click_to_copy": "Klik for at kopiere",
+        "close": "Luk",
+        "collapse": "Fold sammen",
+        "complete": "Færdiggør",
+        "confirm": "Bekræft",
+        "continue": "Fortsæt",
+        "copy": "Kopiér",
+        "copy_link": "Kopiér link",
+        "create": "Opret",
+        "create_a_room": "Opret et rum",
+        "create_account": "Opret konto",
+        "decline": "Afvis",
+        "decline_and_block": "Afvis og blokér",
+        "decline_invite": "Afvis invitation",
+        "delete": "Slet",
+        "deny": "Nægt",
+        "disable": "Deaktiver",
+        "disconnect": "Afbryd forbindelsen",
+        "dismiss": "Afvis",
+        "done": "Færdig",
+        "download": "Hent",
+        "edit": "Rediger",
+        "enable": "Aktivér",
+        "enter_fullscreen": "Fuldskærmsvisning",
+        "exit_fullscreeen": "Afslut fuldskærmsvisning",
+        "expand": "Udvid",
+        "explore_rooms": "Udforsk rum",
+        "export": "Eksporter",
+        "forward": "Videresend",
+        "go": "Start",
+        "go_back": "Gå tilbage",
+        "got_it": "Forstået",
+        "hide_advanced": "Skjul avanceret",
+        "hold": "Pausér",
+        "ignore": "Ignorere",
+        "import": "Importér",
+        "invite": "Invitere",
+        "join": "Deltag",
+        "learn_more": "Få mere at vide",
+        "leave": "Forlad",
+        "leave_room": "Forlad rummet",
+        "logout": "Log ud",
+        "manage": "Administrer",
+        "maximise": "Maksimer",
+        "mention": "Nævn",
+        "minimise": "Minimér",
+        "new_room": "Nyt rum",
+        "new_video_room": "Nyt videorum",
+        "next": "Næste",
+        "no": "Nej",
+        "ok": "OK",
+        "open": "Åbn",
+        "pin": "Fastgør",
+        "proceed": "Fortsæt",
+        "quote": "Citat",
+        "react": "Reager",
+        "refresh": "Genopfrisk",
+        "register": "Registrér",
+        "reload": "Genindlæs",
+        "remove": "Fjern",
+        "rename": "Omdøb",
+        "reply": "Besvar",
+        "reply_in_thread": "Svar i tråd",
+        "resend": "Send igen",
+        "reset": "Nulstil",
+        "resume": "Genoptag",
+        "retry": "Forsøg igen",
+        "review": "Kontrollér",
+        "revoke": "Tilbagekald",
+        "save": "Gem",
+        "search": "Søg",
+        "send_report": "Send rapport",
+        "set_avatar": "Sæt profilbillede",
+        "share": "Del",
+        "show": "Vis",
+        "show_advanced": "Vis avanceret",
+        "show_all": "Vis alle",
+        "sign_in": "Log ind",
+        "sign_out": "Fjern denne enhed",
+        "skip": "Spring over",
+        "start": "Start",
+        "stop": "Stop",
+        "submit": "Indsend",
+        "subscribe": "Abonnér",
+        "transfer": "Overfør",
+        "trust": "Hav tillid til",
+        "try_again": "Prøv igen",
+        "unban": "Fjern spærring af",
+        "unignore": "Fjern ignorering",
+        "unpin": "Frigør",
+        "unsubscribe": "Afmeld",
+        "update": "Opdater",
+        "upgrade": "Opgradér",
+        "upload": "Upload",
+        "upload_file": "Upload fil",
+        "verify": "Verificér",
+        "view": "Se",
+        "view_all": "Se alle",
+        "view_list": "Se liste",
+        "view_message": "Se besked",
+        "view_source": "Se Kilde",
+        "yes": "Ja",
+        "yes_dismiss": "Ja, afvis",
+        "zoom_in": "Zoom ind",
+        "zoom_out": "Zoom ud"
+    },
+    "analytics": {
+        "accept_button": "Det er i orden",
+        "bullet_1": "Vi registrerer eller profilerer <Bold>ikke</Bold> nogen kontodata",
+        "bullet_2": "Vi deler <Bold>ikke</Bold> oplysninger med tredjeparter",
+        "consent_migration": "Du har tidligere givet samtykke til at dele anonyme brugsdata med os. Vi opdaterer, hvordan det fungerer.",
+        "disable_prompt": "Du kan slå dette fra når som helst under \"indstillinger\"",
+        "enable_prompt": "Hjælp med at forbedre %(analyticsOwner)s",
+        "learn_more": "Del anonyme data for at hjælpe os med at identificere problemer. Intet personligt. Ingen tredjeparter. <LearnMoreLink>Få mere at vide </LearnMoreLink>",
+        "privacy_policy": "Du kan læse alle vores vilkår <PrivacyPolicyUrl>her</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Hjælp os med at identificere problemer og forbedre %(analyticsOwner)s ved at dele anonyme brugsdata. For at forstå, hvordan folk bruger flere enheder, genererer vi en tilfældig identifikator, der deles af dine enheder.",
+        "shared_data_heading": "Alle følgende data kan deles:"
+    },
+    "auth": {
+        "3pid_in_use": "E-mailadressen eller telefonnummeret er allerede i brug.",
+        "account_clash": "Din nye konto (%(newAccountId)s) er registreret, men du er allerede logget ind på en anden konto (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Fortsæt med tidligere konto",
+        "account_deactivated": "Denne konto er blevet deaktiveret.",
+        "autodiscovery_generic_failure": "Kunne ikke hente konfiguration til automatisk opdagelse fra serveren",
+        "autodiscovery_hs_incompatible": "Din hjemmeserver er for gammel og understøtter ikke minimumskravet til den krævede API version. Kontakt venligst ejeren af din server, eller opgradér den selv.",
+        "autodiscovery_invalid": "Ugyldigt svar fra hjemmeserver",
+        "autodiscovery_invalid_hs": "Hjemmeserver-URL'en ser ikke ud til at være en gyldig Matrix hjemmeserver",
+        "autodiscovery_invalid_hs_base_url": "Ugyldig base_url for homeserver",
+        "autodiscovery_invalid_is": "Identitetsserver-URL ser ikke ud til at være en gyldig identitetsserver.",
+        "autodiscovery_invalid_is_base_url": "Ugyldig base_url for m.identity_server",
+        "autodiscovery_invalid_is_response": "Ugyldigt svar fra identitetsserveren",
+        "autodiscovery_invalid_json": "Ugyldig JSON",
+        "autodiscovery_no_well_known": "Ingen .well-known JSON-fil fundet",
+        "autodiscovery_unexpected_error_hs": "Uventet fejl ved indlæsning af homeserver-konfigurationen",
+        "autodiscovery_unexpected_error_is": "Uventet fejl ved indlæsning af identitetsserver-konfigurationen",
+        "captcha_description": "Denne hjemmeserver vil gerne sikre sig, at du ikke er en robot.",
+        "change_password_action": "Skift adgangskode",
+        "change_password_confirm_invalid": "Adgangskoderne matcher ikke",
+        "change_password_confirm_label": "Bekræft adgangskode",
+        "change_password_current_label": "Nuværende adgangskode",
+        "change_password_empty": "Adgangskoder kan ikke være tomme",
+        "change_password_error": "Fejl ved ændring af adgangskode: %(error)s",
+        "change_password_mismatch": "De nye adgangskoder stemmer ikke overens",
+        "change_password_new_label": "Ny adgangskode",
+        "check_email_explainer": "Følg instruktionerne, der er sendt til<b>%(email)s</b>",
+        "check_email_resend_prompt": "Har du ikke modtaget den?",
+        "check_email_resend_tooltip": "Bekræftelseslink sendt igen!",
+        "check_email_wrong_email_button": "Indtast e-mailadressen igen",
+        "check_email_wrong_email_prompt": "Forkert e-mailadresse?",
+        "continue_with_idp": "Fortsæt med %(provider)s",
+        "continue_with_sso": "Fortsæt med %(ssoButtons)s",
+        "country_dropdown": "Lande-rullemenu",
+        "create_account_prompt": "Ny her? <a>Opret en konto</a>",
+        "create_account_title": "Opret konto",
+        "email_discovery_text": "Brug e-mail for eventuelt at kunne findes af eksisterende kontakter.",
+        "email_field_label": "E-mail",
+        "email_field_label_invalid": "Ligner ikke en gyldig e-mailadresse",
+        "email_field_label_required": "Indtast e-mailadresse",
+        "email_help_text": "Tilføj en e-mailadresse for at kunne nulstille din adgangskode.",
+        "email_phone_discovery_text": "Brug e-mail eller telefonnummer for at gøre det muligt for eksisterende kontakter at finde dig.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> vil sende dig et link, som du kan nulstille din password med.",
+        "enter_email_heading": "Indtast din e-mail for at nulstille adgangskoden",
+        "failed_connect_identity_server": "Identitetsserveren kan ikke kontaktes",
+        "failed_connect_identity_server_other": "Du kan logge på, men nogle funktioner vil ikke være tilgængelige inden identitetsserveren er online igen. Hvis du bliver ved med at se denne advarsel, tjek din konfiguration eller kontakt en serveradministrator.",
+        "failed_connect_identity_server_register": "Du kan registrere dig, men nogle funktioner vil ikke være tilgængelige inden identitetsserveren er online igen. Hvis du bliver ved med at se denne advarsel, tjek din konfiguration eller kontakt en serveradministrator.",
+        "failed_connect_identity_server_reset_password": "Du kan nulstille dit kodeord, men nogle funktioner vil ikke være tilgængelige inden identitetsserveren er online igen. Hvis du bliver ved med at se denne advarsel, tjek din konfiguration eller kontakt en serveradministrator.",
+        "failed_homeserver_discovery": "Det lykkedes ikke at finde hjemmeserveren",
+        "failed_query_registration_methods": "Kan ikke søge efter understøttede registreringsmetoder.",
+        "failed_soft_logout_auth": "Kunne ikke re-verificere",
+        "failed_soft_logout_homeserver": "Kunne ikke re-verificere på grund af et problem med hjemmeserveren",
+        "forgot_password_email_invalid": "E-mailadressen ser ikke ud til at være gyldig.",
+        "forgot_password_email_required": "Den emailadresse, der tilhører til din adgang, skal indtastes.",
+        "forgot_password_prompt": "Har du glemt din adgangskode?",
+        "forgot_password_send_email": "Send e-mail",
+        "identifier_label": "Log ind med",
+        "incorrect_credentials": "Forkert brugernavn og/eller adgangskode.",
+        "incorrect_credentials_detail": "Bemærk, at du logger ind på %(hs)s -serveren, ikke matrix.org.",
+        "incorrect_password": "Forkert adgangskode",
+        "log_in_new_account": "<a>Log ind</a> på din nye konto.",
+        "logout_dialog": {
+            "description": "Er du sikker på, at du vil logge ud?",
+            "setup_key_backup_title": "Du vil miste adgang til dine krypterede beskeder",
+            "skip_key_backup": "Jeg vil ikke have mine krypterede beskeder"
+        },
+        "misconfigured_body": "Bed din %(brand)s administrator om at kontrollere <a>din konfiguration</a> for forkerte eller dobbelte poster.",
+        "misconfigured_title": "Din %(brand)s er konfigureret forkert",
+        "mobile_create_account_title": "Du skal til at oprette en konto på %(hsName)s",
+        "msisdn_field_description": "Andre brugere kan invitere dig til rum ved hjælp af dine kontaktoplysninger",
+        "msisdn_field_label": "Telefon",
+        "msisdn_field_number_invalid": "Det telefonnummer ser ikke helt rigtigt ud. Undersøg det venligt og forsøg igen.",
+        "msisdn_field_required_invalid": "Indtast telefonnummer",
+        "no_hs_url_provided": "Ingen homeserver URL oplyst",
+        "oidc": {
+            "error_title": "Vi kunne ikke logge dig ind",
+            "generic_auth_error": "Noget gik galt under verifikationen. Gå til login siden og prøv igen.",
+            "missing_or_invalid_stored_state": "Vi spurgte din browser om at huske hvilken homeserver du bruger for at logge på, men din browser har desværre glemt det. Gå til log ind siden og prøv igen."
+        },
+        "password_field_keep_going_prompt": "Fortsæt...",
+        "password_field_label": "Indtast adgangskode",
+        "password_field_strong_label": "Godt stærkt password!",
+        "password_field_weak_label": "Passwordet er tilladt, men usikkert",
+        "phone_label": "Telefon",
+        "phone_optional_label": "Telefon (valgfrit)",
+        "qr_code_login": {
+            "completing_setup": "Afslut opsætningen af din nye enhed",
+            "error_expired": "Login er udløbet. Prøv venligst igen.",
+            "error_expired_title": "Login blev ikke gennemført i tide",
+            "error_insecure_channel_detected_instructions": "Hvad nu?",
+            "error_insecure_channel_detected_instructions_3": "Log ind manuelt, hvis det ikke virker",
+            "error_other_device_already_signed_in_title": "Din anden enhed er allerede logget ind",
+            "error_unexpected": "Der opstod en uventet fejl. Anmodningen om at forbinde din anden enhed er blevet annulleret.",
+            "error_user_cancelled": "Login blev annulleret på den anden enhed.",
+            "error_user_cancelled_title": "Anmodningen om login blev annulleret",
+            "error_user_declined": "Du eller kontoudbyderen har afvist anmodningen on login.",
+            "error_user_declined_title": "Login afvist",
+            "scan_code_instruction": "Scan QR-koden med en anden enhed",
+            "scan_qr_code": "Log ind med QR-kode",
+            "select_qr_code": "Vælg \"%(scanQRCode)s\"",
+            "unsupported_explainer": "Din kontoudbyder understøtter ikke, at man kan logge ind på en ny enhed med en QR-kode",
+            "waiting_for_device": "Venter på, at enheden logger ind"
+        },
+        "register_action": "Opret brugerkonto",
+        "registration": {
+            "continue_without_email_description": "Bare en advarsel: hvis du ikke tilføjer en e-mail og glemmer dit password, kan du <b> miste adgangen til din konto permanent</b> .",
+            "continue_without_email_field_label": "Email (valgfri)",
+            "continue_without_email_title": "Fortsætter uden e-mail"
+        },
+        "registration_disabled": "Registrering er deaktiveret på denne hjemmeserver.",
+        "registration_msisdn_field_required_invalid": "Indtast telefonnummer (kræves på denne hjemmeserver)",
+        "registration_successful": "Registreringen blev fuldført!",
+        "registration_username_in_use": "Nogen har allerede det brugernavn. Prøv et andet, eller hvis det er dig, så log ind nedenfor.",
+        "registration_username_unable_check": "Ude af stand til at kontrollere om brugernavnet allerede er taget. Forsøg igen senere.",
+        "registration_username_validation": "Brug kun små bogstaver, tal, bindestreger og underscores",
+        "reset_password": {
+            "confirm_new_password": "Bekræft ny adgangskode",
+            "devices_logout_success": "Du er blevet logget ud af alle enheder og vil ikke længere modtage push-notifikationer. For at genaktivere meddelelser skal du logge ind igen på hver enhed.",
+            "other_devices_logout_warning_1": "Når du logger ud af dine enheder, slettes de krypteringsnøgler, der er gemt på dem, hvilket gør den krypterede chat-historik ulæselig.",
+            "other_devices_logout_warning_2": "Hvis du vil bevare adgangen til din chathistorik i krypterede rum, skal du konfigurere nøglebackup eller eksportere dine meddelelsesnøgler fra en af dine andre enheder, før du fortsætter.",
+            "password_not_entered": "Der skal indtastes en ny adgangskode.",
+            "passwords_mismatch": "Nye adgangskoder skal matche hinanden.",
+            "rate_limit_error": "For mange forsøg på kort tid. Vent lidt, før du prøver igen.",
+            "rate_limit_error_with_time": "For mange forsøg på kort tid. Prøv igen efter %(timeout)s.",
+            "reset_successful": "Din adgangskode er blevet nulstillet.",
+            "return_to_login": "Gå tilbage til loginskærmen",
+            "sign_out_other_devices": "Log ud af alle enheder"
+        },
+        "reset_password_action": "Nulstil adgangskode",
+        "reset_password_button": "Har du glemt din adgangskode?",
+        "reset_password_email_field_description": "Brug en e-mailadresse til at gendanne din konto",
+        "reset_password_email_field_required_invalid": "Indtast e-mailadresse (kræves på denne hjemmeserver)",
+        "reset_password_email_not_associated": "Din e-mailadresse ser ikke ud til at være tilknyttet et Matrix-ID på denne hjemmeserver.",
+        "reset_password_email_not_found_title": "Denne emailadresse blev ikke fundet",
+        "reset_password_title": "Nulstil din adgangskode",
+        "server_picker_custom": "Anden hjemmeserver",
+        "server_picker_description": "Du kan bruge de brugerdefinerede serverindstillinger til at logge ind på andre Matrix-servere ved at angive en anden hjemmeserver-URL. Dette giver dig mulighed for at bruge %(brand)s med en eksisterende Matrix-konto på en anden homeserver.",
+        "server_picker_description_matrix.org": "Tilslut dig millioner af brugere på den største offentlige server",
+        "server_picker_dialog_title": "Beslut, hvor din konto skal hostes",
+        "server_picker_explainer": "Brug din foretrukne Matrix-hjemmeserver, hvis du har en, eller host din egen.",
+        "server_picker_failed_validate_homeserver": "Kan ikke validere hjemmeserver",
+        "server_picker_intro": "Vi kalder de steder, hvor du kan hoste din konto, for 'hjemmeservere'.",
+        "server_picker_invalid_url": "Ugyldig URL",
+        "server_picker_learn_more": "Om hjemmeservere",
+        "server_picker_matrix.org": "Matrix.org er den største offentlige hjemmeserver i verden, så det er et godt sted at begynde for mange.",
+        "server_picker_required": "Angiv en hjemmeserver",
+        "server_picker_title": "Log ind på din hjemmeserver",
+        "server_picker_title_default": "Serverindstillinger",
+        "server_picker_title_registration": "Opret konto på",
+        "session_logged_out_description": "Af sikkerhedsmæssige årsager er denne session blevet logget ud. Log venligst ind igen.",
+        "session_logged_out_title": "Logget ud",
+        "set_email": {
+            "description": "Dette giver dig mulighed for at nulstille din adgangskode og modtage notifikationer.",
+            "verification_pending_description": "Tjek din e-mail og klik på linket i den. Når du har gjort det, skal du klikke på Fortsæt.",
+            "verification_pending_title": "Bekræftelse afventer"
+        },
+        "set_email_prompt": "Vil du angive en e-mailadresse?",
+        "sign_in_description": "Brug din konto for at fortsætte.",
+        "sign_in_instead": "Log ind i stedet",
+        "sign_in_instead_prompt": "Har du allerede en konto? <a>Log ind her</a>",
+        "sign_in_or_register": "Log ind eller Opret bruger",
+        "sign_in_or_register_description": "Brug din konto eller opret en ny for at fortsætte.",
+        "sign_in_with_sso": "Log ind med single sign-on",
+        "signing_in": "Logger ind…",
+        "soft_logout": {
+            "clear_data_button": "Ryd alle data",
+            "clear_data_description": "Sletning af alle data fra denne session er permanent. Krypterede beskeder vil gå tabt, medmindre deres nøgler er blevet sikkerhedskopieret.",
+            "clear_data_title": "Ryd alle data i denne session?"
+        },
+        "soft_logout_heading": "Du er logget ud",
+        "soft_logout_intro_password": "Indtast din password for at logge ind og få adgang til din konto igen.",
+        "soft_logout_intro_sso": "Log ind og få adgang til din konto igen.",
+        "soft_logout_intro_unsupported_auth": "Du kan ikke logge ind på din konto. Kontakt din hjemmeserveradministrator for mere information.",
+        "soft_logout_subheading": "Ryd personlige data",
+        "soft_logout_warning": "Advarsel: dine personlige data (inklusiv krypteringsnøgler) er stadig gemt i denne session. Ryd den, hvis du er færdig med at bruge sessionen eller ønsker at logge ind på en anden konto.",
+        "sso": "Engangs login",
+        "sso_complete_in_browser_dialog_title": "Gå til din browser for at gennemføre login",
+        "sso_failed_missing_storage": "Vi spurgte din browser om at huske hvilken homeserver du bruger for at logge på, men din browser har desværre glemt det. Gå til log ind siden og prøv igen.",
+        "sso_or_username_password": "%(ssoButtons)s Eller %(usernamePassword)s",
+        "sync_footer_subtitle": "Hvis du har tilmeldt dig mange rum, kan det her tage et stykke tid.",
+        "syncing": "Synkroniserer…",
+        "uia": {
+            "code": "Kode",
+            "email": "For at oprette din konto skal du åbne linket i den e-mail, vi lige har sendt til %(emailAddress)s.",
+            "email_auth_header": "Tjek din e-mail for at fortsætte",
+            "email_resend_prompt": "Har du ikke modtaget den? <a>Send den igen</a>",
+            "email_resent": "Genfremsendt!",
+            "fallback_button": "Start godkendelse",
+            "mas_cross_signing_reset_cta": "Fortsæt til konto",
+            "msisdn": "Der er sendt en sms til %(msisdn)s",
+            "msisdn_token_incorrect": "Forkert token",
+            "msisdn_token_prompt": "Indtast den kode, der står i den:",
+            "password_prompt": "Bekræft din identitet ved at indtaste din adgangskode til kontoen nedenfor.",
+            "recaptcha_missing_params": "Mangler captcha offentlig nøgle i homeserver. Rapporter venligst dette til administratoren af din hjemmeserver .",
+            "registration_token_label": "Registreringstoken",
+            "registration_token_prompt": "Indtast et registreringstoken fra hjemmeserverens administrator.",
+            "sso_body": "Bekræft tilføjelsen af denne email adresse ved at bruge Single Sign On til at bevise din identitet.",
+            "sso_failed": "Noget gik galt under bekræftelsen af din identitet. Annuller og prøv igen.",
+            "sso_postauth_body": "Klik på knappen herunder for at bekræfte din identitet.",
+            "sso_postauth_title": "Bekræft for at fortsætte",
+            "sso_preauth_body": "For at fortsætte skal du bruge Single Sign On til at bekræfte din identitet.",
+            "sso_title": "Brug engangs login for at fortsætte",
+            "terms": "Læs og accepter venligst brugervilkårene for denne hjemmeserver:",
+            "terms_invalid": "Gennemgå venligst alle hjemmeserverens brugervilkår og accepter dem"
+        },
+        "unsupported_auth": "Denne hjemmeserver tilbyder ingen login-flows, der understøttes af denne klient.",
+        "unsupported_auth_email": "Denne hjemmeserver understøtter ikke login med e-mailadresse.",
+        "unsupported_auth_msisdn": "Denne server understøtter ikke godkendelse med et telefonnummer.",
+        "username_field_required_invalid": "Indtast brugernavn",
+        "username_in_use": "Nogen har allerede det brugernavn, prøv venligst et andet.",
+        "verify_email_explainer": "Vi skal vide, at du er dig, før vi nulstiller dit password. Klik på linket i den e-mail, vi lige har sendt til <b>%(email)s</b>",
+        "verify_email_heading": "Bekræft din e-mail for at fortsætte"
+    },
+    "bug_reporting": {
+        "additional_context": "Hvis der er yderligere kontekst, der kan hjælpe med at analysere problemet, såsom hvad du lavede på det pågældende tidspunkt, rum-ID'er, bruger-ID'er osv., bedes du nævne disse ting her.",
+        "before_submitting": "Vi anbefaler, at du <a> opretter et GitHub-problem</a> for at sikre, at din rapport bliver gennemgået.",
+        "collecting_information": "Indsamler app versionsoplysninger",
+        "collecting_logs": "Indsamler logfiler",
+        "create_new_issue": "<newIssueLink>Opret venligst et nyt problem</newIssueLink> på GitHub, så vi kan undersøge denne fejl.",
+        "description": "Debug-logfiler indeholder data om applikationsbrugen, herunder dit brugernavn, ID'erne eller aliasserne for de rum, du har besøgt, hvilke UI-elementer du sidst har interageret med, og andre brugeres brugernavne. De indeholder ikke beskeder.",
+        "download_logs": "Download logfiler",
+        "downloading_logs": "Downloader logfiler",
+        "error_empty": "Fortæl os venligst, hvad der gik galt, eller endnu bedre, opret et issue på GitHub, der beskriver problemet.",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Din fejlrapport blev afvist. Rageshake-serveren understøtter ikke denne applikation.",
+            "rejected_generic": "Din fejlrapport blev afvist. RageShake-serveren afviste indholdet af rapporten på grund af en politik.",
+            "rejected_recovery_key": "Din fejlrapport blev afvist af sikkerhedsmæssige årsager, da den indeholdt en gendannelsesnøgle.",
+            "rejected_version": "Din fejlrapport blev afvist, da den app-version, du kører, er for gammel."
+        },
+        "github_issue": "GitHub problem",
+        "introduction": "Hvis du har indsendt en fejl via GitHub, kan fejlsøgningslogfiler hjælpe os med at spore problemet. ",
+        "log_request": "For at hjælpe os med at forhindre dette i fremtiden, bedes du <a>sende os logfiler</a>.",
+        "logs_sent": "Logfiler sendt",
+        "matrix_security_issue": "Hvis du ønsker at rapportere et Matrix-relateret sikkerhedsproblem, læs da venligst Matrix.org<a> Sikkerhedspolitik for offentliggørelse</a> .",
+        "preparing_download": "Forbereder download af logfiler",
+        "preparing_logs": "Forbereder afsendelse af logfiler",
+        "send_logs": "Send logfiler",
+        "submit_debug_logs": "Indsend debug-logfiler",
+        "textarea_label": "Noter",
+        "thank_you": "Tak!",
+        "title": "Fejlrapportering",
+        "unsupported_browser": "Påmindelse: Din browser er ikke understøttet, så din oplevelse kan være uforudsigelig.",
+        "uploading_logs": "Uploader logfiler",
+        "waiting_for_server": "Venter på svar fra server"
+    },
+    "cannot_invite_without_identity_server": "Du kan ikke invitere brugere via e-mail uden at være forbundet til en identitetsserver. Du kan oprette forbindelse til en under \"Indstillinger\".",
+    "cannot_reach_homeserver": "Homeserveren kan ikke kontaktes",
+    "cannot_reach_homeserver_detail": "Vær sikker at du har en stabil internetforbindelse, eller kontakt serveradministratoren",
+    "cant_load_page": "Siden kunne ikke indlæses",
+    "chat_card_back_action_label": "Tilbage til chat",
+    "chat_effects": {
+        "confetti_description": "Sender den givne besked med konfetti",
+        "confetti_message": "sender konfetti",
+        "fireworks_description": "Sender den angivne besked med fyrværkeri",
+        "fireworks_message": "sender fyrværkeri",
+        "hearts_description": "Sender den angivne besked med hjerter",
+        "hearts_message": "sender hjerter",
+        "rainfall_description": "Sender den angivne besked med regnfald",
+        "rainfall_message": "sender regn",
+        "snowfall_description": "Sender den angivne besked med snefald",
+        "snowfall_message": "sender snefald",
+        "spaceinvaders_description": "Sender den pågældende besked med en effekt der har rumrejse tema.",
+        "spaceinvaders_message": "sender space invaders"
+    },
+    "common": {
+        "access_token": "Adgangstoken",
+        "accessibility": "Tilgængelighed",
+        "advanced": "Avanceret",
+        "analytics": "Analyse data",
+        "and_n_others": {
+            "one": "og en anden...",
+            "other": "og %(count)s andre..."
+        },
+        "appearance": "Udseende",
+        "application": "Program",
+        "are_you_sure": "Er du sikker?",
+        "attachment": "Vedhæftning",
+        "authentication": "Godkendelse",
+        "avatar": "Profilbillede",
+        "beta": "Beta",
+        "camera": "Kamera",
+        "cameras": "Kameraer",
+        "capabilities": "Evner",
+        "copied": "Kopieret!",
+        "credits": "Tak til",
+        "dark": "Mørkt tema",
+        "description": "Beskrivelse",
+        "deselect_all": "Fravælg alle",
+        "device": "Enhed",
+        "edited": "redigeret",
+        "email_address": "E-mailadresse",
+        "emoji": "Emoji",
+        "encrypted": "Krypteret",
+        "error": "Fejl",
+        "faq": "Ofte stillede spørgsmål",
+        "feedback": "Feedback",
+        "filter_results": "Filtrér resultater",
+        "forward_message": "Videresend besked",
+        "general": "Generel",
+        "go_to_settings": "Gå til Indstillinger",
+        "guest": "Gæst",
+        "help": "Hjælp",
+        "home": "Hjem",
+        "homeserver": "Hjemmeserver",
+        "identity_server": "Identitetsserver",
+        "image": "Billede",
+        "integration_manager": "Integration manager",
+        "joined": "Deltager",
+        "labs": "Laboratorier",
+        "legal": "Juridisk",
+        "light": "Lyst tema",
+        "loading": "Indlæser...",
+        "location": "Lokation",
+        "matrix": "Matrix",
+        "message": "Besked",
+        "message_layout": "Besked-layout",
+        "microphone": "Mikrofon",
+        "modern": "Moderne",
+        "mute": "Sæt på lydløs",
+        "n_members": {
+            "one": "%(count)s medlem",
+            "other": "%(count)s medlemmer"
+        },
+        "n_rooms": {
+            "one": "%(count)s rum",
+            "other": "%(count)s rum"
+        },
+        "name": "Navn",
+        "no_results": "Ingen resultater",
+        "no_results_found": "Ingen resultater fundet",
+        "not_trusted": "Ikke betroet",
+        "off": "Slukket",
+        "offline": "Offline",
+        "on": "Tændt",
+        "options": "Valgmuligheder",
+        "orphan_rooms": "Andre rum",
+        "password": "Adgangskode",
+        "people": "Brugere",
+        "preferences": "Indstillinger",
+        "presence": "Tilstedeværelse",
+        "preview_message": "Hej med dig. Du er den bedste!",
+        "privacy": "Privatliv",
+        "private": "Privat",
+        "private_room": "Private rum",
+        "private_space": "Privat klynge",
+        "profile": "Profil",
+        "public": "Offentlig",
+        "public_room": "Offentlige rum",
+        "public_space": "Offentlig klynge",
+        "qr_code": "QR-kode",
+        "random": "Tilfældig",
+        "reactions": "Reaktioner",
+        "report_a_bug": "Rapporter en fejl",
+        "room": "Rum",
+        "room_name": "Navn på rum",
+        "rooms": "Rum",
+        "save": "Gem",
+        "saved": "Gemt",
+        "saving": "Gemmer...",
+        "secure_backup": "Sikker backup",
+        "select_all": "Vælg alle",
+        "server": "Server",
+        "settings": "Indstillinger",
+        "setup_secure_messages": "Opsæt sikre beskeder",
+        "show_more": "Vis mere",
+        "someone": "Nogen",
+        "space": "Klynge",
+        "spaces": "Klynger",
+        "sticker": "Klistermærke",
+        "stickerpack": "Klistermærkepakke",
+        "success": "Succes",
+        "suggestions": "Forslag",
+        "support": "Support",
+        "theme": "Tema",
+        "thread": "Tråd",
+        "threads": "Tråde",
+        "timeline": "Tidslinje",
+        "unavailable": "ikke tilgængelig",
+        "unencrypted": "Ikke krypteret",
+        "unmute": "Slå lyden til",
+        "unnamed_room": "Unavngivet rum",
+        "unnamed_space": "Unavngivet klynge",
+        "unverified": "Ubekræftet",
+        "updating": "Opdaterer...",
+        "user": "Bruger",
+        "user_avatar": "Profilbillede",
+        "username": "Brugernavn",
+        "verified": "Bekræftet",
+        "version": "Version",
+        "video_room": "Videorum",
+        "view_message": "Se besked",
+        "warning": "Advarsel"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Giv hele rummet besked",
+            "command_a11y": "Autofuldførelse af kommandoer",
+            "command_description": "Kommandoer",
+            "emoji_a11y": "Emoji-autofuldførelse",
+            "notification_a11y": "Autofuldførelse af notifikationer",
+            "notification_description": "",
+            "room_a11y": "Autofuldførelse af rum",
+            "space_a11y": "Autocomplete ved tryk på mellemrum",
+            "user_a11y": "Automatisk udfyldning af brugeroplysninger",
+            "user_description": "Brugere"
+        },
+        "close_sticker_picker": "Skjul klistermærker",
+        "edit_composer_label": "Redigér besked",
+        "format_bold": "Fed",
+        "format_code_block": "Kodeblok",
+        "format_decrease_indent": "Reducering af indrykning",
+        "format_increase_indent": "Forøgelse af indrykning",
+        "format_inline_code": "Kode",
+        "format_insert_link": "Indsæt link",
+        "format_italic": "Kursiveret",
+        "format_italics": "Kursiv",
+        "format_link": "Link",
+        "format_ordered_list": "Nummereret liste",
+        "format_strikethrough": "Gennemstreget",
+        "format_underline": "Understregning",
+        "format_unordered_list": "Punktliste",
+        "formatting_toolbar_label": "Formatering",
+        "link_modal": {
+            "link_field_label": "Link",
+            "text_field_label": "Tekst",
+            "title_create": "Opret et link",
+            "title_edit": "Rediger link"
+        },
+        "mode_plain": "Skjul formatering",
+        "mode_rich_text": "Vis formatering",
+        "no_perms_notice": "Du har ikke tilladelse til at slå noget op i dette rum",
+        "placeholder": "Send en ukrypteret besked…",
+        "placeholder_encrypted": "Send en besked",
+        "placeholder_reply": "Send et ukrypteret svar…",
+        "placeholder_reply_encrypted": "Send et svar...",
+        "placeholder_thread": "Svar på ukrypteret tråd...",
+        "placeholder_thread_encrypted": "Svar på tråd...",
+        "poll_button": "Afstemning",
+        "poll_button_no_perms_description": "Du har ikke tilladelse til at starte afstemninger i dette rum.",
+        "poll_button_no_perms_title": "Tilladelse påkrævet",
+        "replying_title": "Svarer",
+        "room_unencrypted": "Beskeder i dette rum er ikke end-to-end krypteret",
+        "room_upgraded_link": "Samtalen fortsætter her.",
+        "room_upgraded_notice": "Dette rum er blevet erstattet og er ikke længere aktivt.",
+        "send_button_title": "Send besked",
+        "send_button_voice_message": "Send talebesked",
+        "send_voice_message": "Send talebesked",
+        "stop_voice_message": "Stop optagelsen",
+        "voice_message_button": "Talebesked"
+    },
+    "console_dev_note": "Element er open source, så hvis du ved, hvad du laver, så sørg for at tjekke vores GitHub (https://github.com/vector-im/element-web/) og bidrag!",
+    "console_scam_warning": "Hvis nogen bad dig om at kopiere/indsætte noget her, er der stor sandsynlighed for, at du bliver snydt!",
+    "console_wait": "Vent!",
+    "create_room": {
+        "action_create_room": "Opret rum",
+        "action_create_video_room": "Opret videorum",
+        "encrypted_video_room_warning": "Du kan ikke deaktivere dette senere. Rummet vil blive krypteret, men det indlejrede opkald vil ikke blive det.",
+        "encrypted_warning": "Du kan ikke deaktivere dette senere. Broer og de fleste bots vil ikke virke endnu.",
+        "encryption_forced": "Din server kræver, at kryptering er aktiveret i private rum.",
+        "encryption_label": "Aktivér end-to-end kryptering",
+        "error_title": "Klyngen kunne ikke oprettes",
+        "generic_error": "Serveren kan være utilgængelig, overbelastet, eller også har du fundet en fejl.",
+        "join_rule_change_notice": "Du kan ændre dette nårsomhelst fra rummets indstillinger",
+        "join_rule_invite": "Privat rum (kun tilgængeligt med invitation)",
+        "join_rule_invite_label": "Kun inviterede personer vil kunne se og deltage i dette rum.",
+        "join_rule_knock_label": "Alle kan anmode om at blive medlem, men administratorer eller moderatorer skal give adgang. Du kan ændre dette senere.",
+        "join_rule_public_label": "Enhver vil kunne finde og tilslutte sig dette rum.",
+        "join_rule_public_parent_space_label": "Hvem som helst vil være in stand til at finde og tilslutte sig dette rum, bortset fra medlemmer af <SpaceName/>",
+        "join_rule_restricted": "Standard",
+        "join_rule_restricted_label": "Alle i <SpaceName/> vil kunne finde og tilslutte sig dette rum.",
+        "name_validation_required": "Indtast venligst et navn til rummet",
+        "room_visibility_label": "Rummets synlighed",
+        "title_private_room": "Opret et privat rum",
+        "title_public_room": "Opret et offentligt rum",
+        "title_video_room": "Opret et videorum",
+        "topic_label": "Emne (valgfrit)",
+        "unfederated": "Bloker alle, der ikke er en del af %(serverName)s fra nogensinde at deltage i dette rum.",
+        "unfederated_label_default_off": "Du kan vælge at aktivere dette, hvis rummet kun skal bruges til samarbejde med interne teams på din hjemmeserver. Dette kan ikke ændres senere.",
+        "unfederated_label_default_on": "Du kan vælge at deaktivere dette, hvis rummet skal bruges til samarbejde med eksterne teams, der har deres egen hjemmeserver. Dette kan ikke ændres senere.",
+        "unsupported_version": "Serveren understøtter ikke den oplyste rum-version."
+    },
+    "create_space": {
+        "add_details_prompt": "Tilføj nogle detaljer, for at hjælpe andre brugere med at genkende den.",
+        "add_details_prompt_2": "Du kan ændre disse nårsomhelst",
+        "add_existing_rooms_description": "Vælg rum eller samtaler at tilføje, dette er en klynge kun for dig, ingen får besked om den. Du kan tilføje flere senere.",
+        "add_existing_rooms_heading": "Hvad ønsker du at organisere?",
+        "address_label": "Adresse",
+        "address_placeholder": "f.eks. min-klynge",
+        "creating": "Opretter...",
+        "creating_rooms": "Opretter rum...",
+        "done_action": "Gå til min klynge",
+        "done_action_first_room": "Gå til min første rum",
+        "explainer": "Klynger er en ny måde at samle og finde rum og personer. Hvilken type klynge vil du gerne lave?",
+        "failed_create_initial_rooms": "Kunne ikke oprette de første rum i klyngen",
+        "failed_invite_users": "Det lykkedes ikke at invitere følgende brugere til din klynge: %(csvUsers)s",
+        "invite_teammates_by_username": "Invitér med brugernavn",
+        "invite_teammates_description": "Sørg for, at de rette mennesker har adgang. Du kan invitere flere senere.",
+        "invite_teammates_heading": "Invitér dine holdkammerater",
+        "inviting_users": "Inviterer...",
+        "label": "Opret en klynge",
+        "name_required": "Indtast et navn til klyngen",
+        "personal_space": "Bare mig",
+        "personal_space_description": "En privat klynge til at organisere dine rum i",
+        "private_description": "Kun med invitation, personligt eller til dit team",
+        "private_heading": "Din private klynge",
+        "private_only_heading": "Din klynge",
+        "private_personal_description": "Sørg for at de rette mennesker har adgang til %(name)s",
+        "private_personal_heading": "Hvem arbejder du sammen med?",
+        "private_space": "Mig og mine holdkammerater",
+        "private_space_description": "En privat klynge til dig selv og dine holdkammerater",
+        "public_description": "Alle kan deltage, bedst til åbne fællesskaber",
+        "public_heading": "Din offentlige klynge",
+        "search_public_button": "Søg efter offentlige klynger",
+        "setup_rooms_community_description": "Lad os oprette nogle rum for at komme i gang.",
+        "setup_rooms_community_heading": "Hvad er nogle af de ting, du ønsker at diskutere i %(spaceName)s?",
+        "setup_rooms_description": "Du kan tilføje flere rum til klyngen senere, inklusiv eksisterende rum.",
+        "setup_rooms_private_description": "Lad os oprette nogle rum for at komme i gang.",
+        "setup_rooms_private_heading": "Hvilke projekter arbejder dit hold på?",
+        "share_description": "Der er kun dig herinde i øjeblikket. Det bliver endnu bedre med andre.",
+        "share_heading": "Del %(name)s",
+        "skip_action": "Spring over for nu",
+        "subspace_adding": "Tilføjer...",
+        "subspace_beta_notice": "Tilføj en klynge til en klynge som du styrer",
+        "subspace_dropdown_title": "Opret en klynge",
+        "subspace_existing_space_prompt": "Ønsker du at tilføje en eksisterende klynge i stedet?",
+        "subspace_join_rule_invite_description": "Det er kun inviterede, der vil være i stand til at se og deltage i denne klynge.",
+        "subspace_join_rule_invite_only": "Privat klynge (kun for inviterede)",
+        "subspace_join_rule_label": "Klyngens synlighed",
+        "subspace_join_rule_public_description": "Alle vil kunne finde og deltage i denne klynge, ikke kun medlemmer af <SpaceName/> .",
+        "subspace_join_rule_restricted_description": "Enhver i <SpaceName/> kan deltage."
+    },
+    "credits": {
+        "default_cover_photo": "Standardforsidebilledet <photo></photo> er © <author>Jesús Roncero</author> brugt under betingelserne i <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "<twemoji>Twemoji</twemoji> emoji-kunsten er © <author>Twitter, Inc og andre bidragydere</author> brugt under vilkårene i <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "<colr>twemoji-colr</colr> fonten er © <author>Mozilla Foundation</author> brugt under betingelserne i <terms>Apache 2.0</terms>."
+    },
+    "decline_invitation_dialog": {
+        "title": "Afvis invitation"
+    },
+    "desktop_default_device_name": "%(brand)s Skrivebord: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Aktive widgets",
+        "category_other": "Andre",
+        "category_room": "Rum",
+        "caution_colon": "Vær forsigtig:",
+        "client_versions": "Klientversioner",
+        "crypto": {
+            "4s_public_key_not_in_account_data": "ikke fundet",
+            "backup_key_not_stored": "ikke gemt",
+            "cross_signing_untrusted": "Din konto har en krydssigneringsidentitet i hemmeligt lager, men denne session har endnu ikke tillid til den.",
+            "key_backup_inactive_warning": "Dine krypteringsnøgler fra denne session bliver ikke sikkerhedskopieret.",
+            "title": "End-to-end kryptering"
+        },
+        "developer_mode": "Udviklertilstand",
+        "developer_tools": "Udviklingsværktøjer",
+        "edit_setting": "Rediger indstilling",
+        "edit_values": "Rediger værdier",
+        "empty_string": "<empty string>",
+        "event_content": "Begivenhedsindhold",
+        "event_id": "Hændelses-id: %(eventId)s",
+        "event_sent": "Begivenhed sendt!",
+        "event_type": "Begivenhedstype",
+        "explore_account_data": "Undersøg kontodata",
+        "explore_room_account_data": "Undersøg rummets kontodata",
+        "explore_room_state": "Undersøg rummets tilstand",
+        "failed_to_find_widget": "Der opstod en fejl under søgningen efter denne widget.",
+        "failed_to_load": "Kunne ikke indlæse.",
+        "failed_to_save": "Indstillingerne kunne ikke gemmes.",
+        "failed_to_send": "Lykkedes ikke med at sende hændelse!",
+        "id": "ID: ",
+        "invalid_json": "Ser ikke ud som gyldig JSON.",
+        "level": "Niveau",
+        "low_bandwidth_mode": "Lav båndbredde-tilstand",
+        "low_bandwidth_mode_description": "Kræver kompatibel hjemmeserver.",
+        "main_timeline": "Vigtigste tidslinje",
+        "no_receipt_found": "Ingen kvittering fundet",
+        "notification_state": "Meddelelsestilstand er <strong> %(notificationState)s </strong>",
+        "notifications_debug": "Fejlfinding af meddelelser",
+        "number_of_users": "Antal brugere",
+        "original_event_source": "Oprindelig begivenhedskilde",
+        "room_encrypted": "Rummet er<strong> krypteret ✅</strong>",
+        "room_id": "Rummets ID: %(roomId)s",
+        "room_not_encrypted": "Rummet er <strong> ikke krypteret 🚨 </strong>",
+        "room_notifications_dot": "Punkt: ",
+        "room_notifications_highlight": "Fremhæv: ",
+        "room_notifications_last_event": "Seneste hændelse:",
+        "room_notifications_sender": "Afsender: ",
+        "room_notifications_thread_id": "ID for tråd: ",
+        "room_notifications_total": "I alt: ",
+        "room_notifications_type": "Type: ",
+        "room_status": "Status på rummet",
+        "room_unread_status_count": {
+            "one": "Rummets ulæste status: <strong> %(status)s</strong>, antal: <strong> %(count)s </strong>",
+            "other": "Rummets ulæste status: <strong> %(status)s</strong>, antal: <strong> %(count)s </strong>"
+        },
+        "save_setting_values": "Gem indstillingsværdier",
+        "see_history": "Se historie",
+        "send_custom_account_data_event": "Send brugerdefineret kontodatahændelse",
+        "send_custom_room_account_data_event": "Send brugerdefineret datahændelse om rumkonto",
+        "send_custom_state_event": "Send brugerdefineret tilstandshændelse",
+        "send_custom_timeline_event": "Send tilpasset tidslinjehændelse",
+        "server_info": "Serverinfo",
+        "server_versions": "Serverversioner",
+        "settable_global": "Kan indstilles på global",
+        "settable_room": "Kan indstilles på rum",
+        "setting_colon": "Indstilling:",
+        "setting_definition": "Indstillingsdefinition:",
+        "setting_id": "Indstiller ID",
+        "settings_explorer": "Indstillings-søger",
+        "show_hidden_events": "Vis skjulte begivenheder i tidslinjen",
+        "spaces": {
+            "one": "<space>",
+            "other": "<%(count)s spaces>"
+        },
+        "state_key": "Tilstandsnøgle",
+        "thread_root_id": "Trådens root-ID: %(threadRootId)s",
+        "threads_timeline": "Tidslinje for tråde",
+        "title": "Udviklerværktøjer",
+        "toolbox": "Værktøjer",
+        "use_at_own_risk": "Denne brugergrænseflade kontrollerer IKKE værdityperne. Brug på eget ansvar.",
+        "user_read_up_to": "Bruger læser op til: ",
+        "user_read_up_to_ignore_synthetic": "Bruger læser op til (IgnoreSynthetic): ",
+        "user_read_up_to_private": "Bruger læser op til (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Bruger læser op til (m.read.private; IgnoreSynthetic): ",
+        "value": "Værdi",
+        "value_colon": "Værdi:",
+        "value_in_this_room": "Værdi i dette rum",
+        "value_this_room_colon": "Værdi i dette rum:",
+        "values_explicit": "Værdier på eksplicitte niveauer",
+        "values_explicit_colon": "Værdier på eksplicitte niveauer:",
+        "values_explicit_room": "Værdier på eksplicitte niveauer i dette rum",
+        "values_explicit_this_room_colon": "Værdier på eksplicitte niveauer i dette rum:",
+        "view_servers_in_room": "Se hvilke servere der er repræsenteret i rummet",
+        "view_source_decrypted_event_source": "Dekrypteret begivenhedskilde",
+        "view_source_decrypted_event_source_unavailable": "Dekrypteret kilde ikke tilgængelig",
+        "widget_screenshots": "Aktivér widget-skærmbilleder på understøttede widgets"
+    },
+    "dialog_close_label": "Luk dialogboksen",
+    "empty_room": "Tom klynge",
+    "empty_room_was_name": "Tomt rum (var %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Den indtastede gendannelsesnøgle er ikke korrekt."
+            },
+            "restoring": "Gendanner nøgler fra sikkerhedskopi",
+            "security_key_title": "Indtast din gendannelsesnøgle"
+        },
+        "bootstrap_title": "Sætter nøgler op",
+        "confirm_encryption_setup_body": "Klik på knappen nedenfor for at bekræfte opsætning af kryptering.",
+        "confirm_encryption_setup_title": "Bekræft krypteringsopsætning",
+        "cross_signing_room_normal": "Dette rum er krypteret fra ende til ende.",
+        "cross_signing_room_verified": "Alle i dette rum er verificeret",
+        "cross_signing_room_warning": "Nogen bruger en ukendt session",
+        "cross_signing_user_normal": "Du har ikke verificeret denne bruger.",
+        "cross_signing_user_verified": "Du har verificeret denne bruger. Denne bruger har verificeret alle sine sessioner.",
+        "cross_signing_user_warning": "Denne bruger har ikke verificeret alle sine sessioner.",
+        "event_shield_reason_authenticity_not_guaranteed": "Ægtheden af denne krypterede besked kan ikke garanteres på denne enhed.",
+        "event_shield_reason_mismatched_sender_key": "Krypteret af en ubekræftet session",
+        "event_shield_reason_unknown_device": "Krypteret af en ukendt eller slettet enhed.",
+        "event_shield_reason_unsigned_device": "Krypteret af en enhed, der ikke er verificeret af sin ejer.",
+        "event_shield_reason_unverified_identity": "Krypteret af en ikke-verificeret bruger.",
+        "export_unsupported": "Din browser understøtter ikke de påkrævede kryptografiske udvidelser",
+        "import_invalid_keyfile": "Ikke en gyldig %(brand)s nøglefil",
+        "import_invalid_passphrase": "Godkendelse mislykkedes: forkert adgangskode?",
+        "key_storage_out_of_sync": "Dit nøglelager er ikke synkroniseret.",
+        "messages_not_secure": {
+            "cause_1": "Din hjemmeserver",
+            "cause_2": "Den hjemmeserver, som den bruger, du er i færd med at verificere, er forbundet til",
+            "cause_3": "Din egen eller den anden brugers internetforbindelse",
+            "cause_4": "Din egen eller den anden brugers session",
+            "heading": "Et af følgende kan være kompromitteret:",
+            "title": "Dine beskeder er ikke sikre"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "En ny sikkerhedsfrase og -nøgle til sikre beskeder er blevet fundet.",
+            "description_2": "Denne session krypterer historikken ved hjælp af den nye gendannelsesmetode.",
+            "title": "Ny gendannelsesmetode",
+            "warning": "Hvis du ikke har angivet en ny gendannelsesmetode, kan det være en hacker forsøger at få adgang til din konto. Skift adgangskoden og angiv straks en ny gendannelsesmetode under Indstillinger."
+        },
+        "recovery_method_removed": {
+            "description_1": "Denne session har registreret, at din sikkerhedssætning og nøgle til sikre beskeder er blevet fjernet.",
+            "description_2": "Hvis du gjorde dette ved et uheld, kan du opsætte sikre beskeder i denne session, hvilket vil kryptere sessionens beskedhistorik med en ny gendannelsesmetode.",
+            "title": "Gendannelsesmetode fjernet",
+            "warning": "Hvis du ikke har fjernet gendannelsesmetoden, kan det være en hacker forsøger at få adgang til din konto. Skift din kontos adgangskode og indstil straks en ny gendannelsesmetode under Indstillinger."
+        },
+        "set_up_toast_title": "Opsæt sikkerhedskopiering",
+        "unable_to_setup_keys_error": "Nøgler kunne ikke konfigureres",
+        "verification": {
+            "accepting": "Accepterer…",
+            "after_new_login": {
+                "device_verified": "Enhed verificeret",
+                "skip_verification": "Spring verifikationen over for nu",
+                "verify_this_device": "Verificér denne enhed"
+            },
+            "cancelling": "Annullerer…",
+            "complete_action": "Forstået",
+            "complete_description": "Du lykkedes med at verificere denne bruger.",
+            "complete_title": "Bekræftet!",
+            "error_starting_description": "Vi kunne ikke starte en samtale med den anden bruger.",
+            "error_starting_title": "Fejl ved påbegyndelse af verifikation",
+            "explainer": "Sikre beskeder mellem dig og denne bruger er end-to-end krypteret og kan ikke læses af tredjeparter.",
+            "in_person": "For at være sikker bør du gøre dette ansigt-til-ansigt eller bruge en pålidelig måde at kommunikere på.",
+            "incoming_sas_device_dialog_text_1": "Verificér denne enhed for at markere den som pålidelig. Når du stoler på denne enhed, kan du og andre brugere føle jer mere trygge, når I bruger end-to-end krypterede beskeder.",
+            "incoming_sas_device_dialog_text_2": "Når du bekræfter denne enhed, markeres den som pålidelig, og brugere, der har bekræftet med dig, vil stole på den.",
+            "incoming_sas_dialog_title": "Modtaget bekræftelsesanmodning",
+            "incoming_sas_dialog_waiting": "Venter på partnerens bekræftelse…",
+            "incoming_sas_user_dialog_text_1": "Verificér denne bruger for at markere dem som betroede. At have tillid til brugere giver dig ekstra ro i sindet, når du bruger end-to-end krypterede beskeder.",
+            "incoming_sas_user_dialog_text_2": "Verificering af denne bruger vil markere deres session som betroet, og også markere din session som betroet hos dem.",
+            "no_support_qr_emoji": "Den enhed, du forsøger at bekræfte, understøtter ikke scanning af en QR-kode eller emoji-bekræftelse, hvilket er det, %(brand)s understøtter. Prøv med en anden klient.",
+            "other_party_cancelled": "Den anden part annullerede verifikationen.",
+            "prompt_encrypted": "Bekræft alle brugere i et rum for at sikre, at det er sikkert.",
+            "prompt_unencrypted": "I krypterede rum skal du verificere alle brugere for at sikre, at det er sikkert.",
+            "qr_or_sas": "%(qrCode)s eller %(emojiCompare)s",
+            "qr_prompt": "Scan denne unikke kode",
+            "qr_reciprocate_same_shield_user": "Næsten færdig! Viser %(displayName)s det samme skjold?",
+            "request_toast_decline_counter": "Ignorér (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s fra %(ip)s",
+            "sas_caption_self": "Bekræft denne enhed ved at kontrollere, at følgende nummer vises på skærmen.",
+            "sas_caption_user": "Bekræft denne bruger ved at kontrollere, at følgende nummer vises på deres skærm.",
+            "sas_description": "Sammenlign et unikt sæt emoji, hvis du ikke har et kamera på nogen af enhederne",
+            "sas_emoji_caption_user": "Bekræft denne bruger ved at bekræfte, at følgende emojis modsvarer dem på deres skærm.",
+            "sas_match": "De matcher",
+            "sas_no_match": "De matcher ikke",
+            "sas_prompt": "Sammenlign unikke emoji",
+            "scan_qr": "Bekræft ved at scanne",
+            "scan_qr_explainer": "Bed %(displayName)s om at scanne din kode:",
+            "start_button": "Begynd verifikation",
+            "successful_user": "Du har bekræftet %(displayName)s!",
+            "unsupported_method": "Kan ikke finde en understøttet bekræftelsesmetode.",
+            "unverified_session_toast_accept": "Ja, det var mig",
+            "unverified_session_toast_title": "Nyt login. Var det dig?",
+            "unverified_sessions_toast_description": "Gennemgå for at bekræfte at din konto er sikker",
+            "unverified_sessions_toast_reject": "Senere",
+            "unverified_sessions_toast_title": "Du har ubekræftede sessioner",
+            "verification_dialog_title_device": "Bekræft anden enhed",
+            "verification_dialog_title_user": "Bekræftelsesanmodning",
+            "verification_skip_warning": "Uden verifikation vil du ikke have adgang til alle dine beskeder og kan fremstå som upålidelig over for andre.",
+            "verification_success_with_backup": "Din nye enhed er nu bekræftet. Den har adgang til dine krypterede meddelelser, og andre brugere vil se den som betroet.",
+            "verification_success_without_backup": "Din enhed er nu verificeret. Andre brugere vil se den som betroet.",
+            "verify_emoji": "Bekræft med emoji",
+            "verify_emoji_prompt": "Bekræft ved at sammenligne unikke emoji.",
+            "verify_emoji_prompt_qr": "Hvis du ikke kan scanne koden ovenfor, kan du bekræfte ved at sammenligne unikke emoji.",
+            "verify_later": "Jeg bekræfter senere",
+            "waiting_for_user_accept": "Venter på, at %(displayName)s accepterer...",
+            "waiting_other_device": "Venter på, at du bekræfter på din anden enhed...",
+            "waiting_other_device_details": "Vi venter på, at du bekræfter på din anden enhed, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Venter på, at %(displayName)s bekræfter..."
+        },
+        "verification_requested_toast_title": "Anmodet om verifikation",
+        "verify_toast_description": "Andre brugere har måske ikke tillid til den",
+        "verify_toast_title": "Verificér denne session"
+    },
+    "error": {
+        "admin_contact": "<a>Kontakt din serviceadministrator</a> for at fortsætte med at bruge denne service.",
+        "admin_contact_short": "Kontakt din <a>serveradministrator</a>.",
+        "connection": "Der opstod et problem i kommunikationen med hjemmeserveren. Prøv igen senere.",
+        "dialog_description_default": "Der er opstået en fejl.",
+        "download_media": "Det lykkedes ikke at downloade kildemedie, der blev ikke fundet nogen kilde-URL",
+        "edit_history_unsupported": "Din hjemmeserver ser ikke ud til at understøtte denne funktion.",
+        "failed_copy": "Kopiering mislykkedes",
+        "hs_blocked": "Denne hjemmeserver er blevet blokeret af sin administrator.",
+        "invalid_json": "Din Element konfiguration indeholder ugyldig JSON. Ret venligst problemet, og indlæs siden igen.",
+        "mau": "Denne homeserver har nået sin begrænsning for antallet af aktive brugere per måned.",
+        "misconfigured": "Din Element er fejlkonfigureret",
+        "mixed_content": "Kan ikke oprette forbindelse til hjemmeserveren via HTTP, når der er en HTTPS-URL i browserens adresselinje. Brug enten HTTPS eller <a>aktiver usikre scripts</a>.",
+        "non_urgent_echo_failure_toast": "Din server svarer ikke på visse <a>forespørgsler</a>.",
+        "resource_limits": "Denne homeserver har overskredet en af dens ressourcegrænser.",
+        "session_restore": {
+            "clear_storage_button": "Ryd lagerplads og log ud",
+            "clear_storage_description": "Log ud og fjern krypteringsnøgler?",
+            "description_1": "Der opstod en fejl under forsøget på at gendanne din tidligere session.",
+            "description_2": "Hvis du tidligere har brugt en nyere version af %(brand)s, kan din session være uforenelig med denne version. Luk dette vindue og vend tilbage til den nyere version.",
+            "description_3": "At rydde din browsers lagerplads kan muligvis løse problemet, men det vil logge dig ud og gøre al krypteret chathistorik ulæselig for dig.",
+            "title": "Kan ikke gendanne sessionen"
+        },
+        "something_went_wrong": "Noget gik galt!",
+        "storage_evicted_description_1": "Nogle sessionsdata, herunder nøgler til krypterede beskeder, mangler. Log ud og log ind for at løse problemet ved at gendanne nøglerne fra backup.",
+        "storage_evicted_description_2": "Din browser fjernede sandsynligvis denne data da den manglede diskplads.",
+        "storage_evicted_title": "Manglende sessionsdata",
+        "sync": "Kan ikke oprette forbindelse til hjemmeserver. Forsøger igen...",
+        "tls": "Kan ikke oprette forbindelse til hjemmeserveren - tjek venligst din forbindelse, sørg for at din <a>hjemmeservers SSL-certifikat</a> er betroet, og at der ikke er en browserudvidelse der blokerer for anmodninger.",
+        "unknown": "Ukendt fejl",
+        "unknown_error_code": "Ukendt fejlkode",
+        "update_power_level": "Kunne ikke ændre effektniveau"
+    },
+    "error_app_open_in_another_tab_title": "%(brand)s er åbnet i et andet faneblad",
+    "error_app_opened_in_another_window": "%(brand)s er åben i et andet vindue. Klik på \"%(label)s\" for at bruge %(brand)s her og frakoble det andet vindue.",
+    "error_database_closed_description": {
+        "for_desktop": "Din disk er måske fyldt. Vær venlig at rydde noget plads og genindlæse.",
+        "for_web": "Hvis du har ryddet browserdata, er denne meddelelse forventet. %(brand)s kan også være åben i en anden fane, eller din disk er fuld. Ryd venligst lidt plads og genindlæs"
+    },
+    "error_database_closed_title": "%(brand)s holdt op med at fungere",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "title": "Kunne ikke kopiere linket til rummet"
+        },
+        "forget_room_failed": "Kunne ikke glemme rummet %(errCode)s"
+    },
+    "error_user_not_logged_in": "Brugeren er ikke logget ind",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Opkald i gang",
+            "user": "%(senderName)s tilsluttede sig opkaldet",
+            "you": "Du tilsluttede dig opkaldet"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s afsluttede opkaldet",
+            "you": "Du afsluttede opkaldet"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s ringer",
+            "dm_send": "Venter på svar",
+            "user": "%(senderName)s startede et opkald",
+            "you": "Du startede et opkald"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s reagerede %(reaction)s på %(message)s",
+            "you": "Du reagerede %(reaction)s på %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Lyd",
+            "image": "Billede",
+            "poll": "Afstemning",
+            "video": "Video"
+        }
+    },
+    "export_chat": {
+        "cancelled": "Eksport annulleret",
+        "cancelled_detail": "Eksporten blev annulleret",
+        "confirm_stop": "Er du sikker på, at du vil stoppe eksporten af dine data? Hvis du gør det, skal du starte forfra.",
+        "creating_html": "Opretter HTML...",
+        "creating_output": "Opretter output...",
+        "creator_summary": "%(creatorName)s oprettede dette rum.",
+        "current_timeline": "Nuværende tidslinje",
+        "enter_number_between_min_max": "Indtast et tal mellem %(min)s og %(max)s",
+        "error_fetching_file": "Fejl ved hentning af fil",
+        "export_info": "Dette er starten på eksporten af <roomName/>. Eksporteret af <exporterDetails/> den %(exportDate)s.",
+        "export_successful": "Eksport lykkedes!",
+        "exported_n_events_in_time": {
+            "one": "Eksporterede %(count)s hændelse på %(seconds)s sekunder",
+            "other": "Eksporterede %(count)s hændelser på %(seconds)s sekunder"
+        },
+        "exporting_your_data": "Eksport af dine data",
+        "fetched_n_events": {
+            "one": "Hentet %(count)s begivenhed indtil videre",
+            "other": "Hentet %(count)s begivenheder indtil videre"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Hentet %(count)s hændelse i %(seconds)ss",
+            "other": "Hentede %(count)s hændelser i %(seconds)ss"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Hentet %(count)s begivenhed ud af %(total)s",
+            "other": "Hentet %(count)s begivenheder ud af %(total)s"
+        },
+        "fetching_events": "Henter begivenheder...",
+        "file_attached": "Fil vedhæftet",
+        "format": "Format",
+        "from_the_beginning": "Fra begyndelsen",
+        "generating_zip": "Generering af en ZIP",
+        "html": "HTML",
+        "html_title": "Eksporterede data",
+        "include_attachments": "Inkluder vedhæftede filer",
+        "json": "JSON",
+        "media_omitted": "Medier udeladt",
+        "media_omitted_file_size": "Medie udeladt - filstørrelsesgrænsen er overskredet",
+        "messages": "Beskeder",
+        "next_page": "Næste gruppe af meddelelser",
+        "num_messages": "Antal beskeder",
+        "num_messages_min_max": "Antallet af beskeder kan kun være et tal mellem %(min)s og %(max)s",
+        "number_of_messages": "Angiv et antal meddelelser",
+        "previous_page": "Forrige gruppe af meddelelser",
+        "processing": "Forarbejdning…",
+        "processing_event_n": "Behandler begivenhed %(number)s ud af %(total)s",
+        "select_option": "Vælg blandt de nedenstående muligheder for at eksportere chats fra din tidslinje",
+        "size_limit": "Størrelsesbegrænsning",
+        "size_limit_min_max": "Størrelsen kan kun være et tal mellem %(min)s MB og %(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Begynder eksport...",
+        "successful": "Eksporten lykkedes",
+        "successful_detail": "Din eksport lykkedes. Find den i din mappe til hentede filer.",
+        "text": "Ren Tekst",
+        "title": "Eksportér chat",
+        "topic": "Emne: %(topic)s",
+        "unload_confirm": "Er du sikker på, at du vil afslutte under denne eksport?"
+    },
+    "failed_load_async_component": "Kunne ikke hente! Tjek din netværksforbindelse og prøv igen.",
+    "feedback": {
+        "can_contact_label": "Du kan kontakte mig, hvis du har opfølgende spørgsmål.",
+        "comment_label": "Kommentar",
+        "existing_issue_link": "Tjek venligst <existingIssuesLink>eksisterende fejl på Github</existingIssuesLink> først. Intet match? <newIssueLink>Opret en ny</newIssueLink>.",
+        "may_contact_label": "I må gerne kontakte mig, hvis I ønsker at følge op eller lade mig afprøve kommende idéer.",
+        "platform_username": "Din platform og dit brugernavn vil blive noteret for at hjælpe os med at bruge din feedback så godt som muligt.",
+        "pro_type": "PRO-TIP: Hvis du finder en fejl, bedes du indsende <debugLogsLink>fejlfindingslogfiler</debugLogsLink>, så vi kan finde frem til problemet.",
+        "send_feedback_action": "Send feedback",
+        "sent": "Feedback sendt! Tak, vi sætter pris på det!"
+    },
+    "file_panel": {
+        "empty_description": "Vedhæft filer fra chatten, eller træk og slip dem hvor som helst i et rum.",
+        "empty_heading": "Ingen filer synlige i dette rum",
+        "guest_note": "<a>Registrer dig</a> for at kunne bruge denne funktion.",
+        "peek_note": "Du skal deltage i rummet for at se dets filer"
+    },
+    "forward": {
+        "filter_placeholder": "Søg efter rum eller personer",
+        "message_preview_heading": "Forhåndsvisning af besked",
+        "no_perms_title": "Du har ikke tilladelse til at gøre dette.",
+        "open_room": "Åbn rummet",
+        "send_label": "Send",
+        "sending": "Sender",
+        "sent": "Sendt"
+    },
+    "identity_server": {
+        "change": "Skift identitetsserver",
+        "change_prompt": "Afbryd forbindelsen til identitetsserveren <current /> og opret i stedet forbindelse til <new />?",
+        "change_server_prompt": "Hvis du ikke ønsker at bruge <server /> til at finde og blive fundet af eksisterende kontakter som du kender, skal du indtaste en anden identitetsserver nedenfor.",
+        "changed": "Din identitet er blevet ændret",
+        "checking": "Tjekker server",
+        "description_connected": "Du bruger i øjeblikket <server></server> til at finde og blive fundet af eksisterende kontakter, du kender. Du kan ændre din identitetsserver nedenfor.",
+        "description_disconnected": "Du bruger ikke en identitetsserver i øjeblikket. Tilføj en nedenfor for at finde og blive synlig for kontakter, du kender.",
+        "description_optional": "Det er valgfrit om man vil benytte en identitetsserver. Hvis du vælger ikke at bruge en identitetsserver, kan andre brugere ikke finde dig, og du kan ikke invitere andre via e-mail eller telefon.",
+        "disconnect": "Afbryd forbindelse til identitetsserver",
+        "disconnect_anyway": "Afbryd alligevel",
+        "disconnect_offline_warning": "Du bør <b>fjerne dine personlige data</b> fra identitetsserveren <idserver />, inden du afbryder forbindelsen. Desværre er identitetsserveren <idserver /> i øjeblikket offline eller kan ikke nås.",
+        "disconnect_personal_data_warning_1": "Du <b>deler stadig dine personlige data</b> på identitetsserveren <idserver />",
+        "disconnect_personal_data_warning_2": "Vi anbefaler, at du fjerner dine e-mailadresser og telefonnumre fra identitetsserveren, inden du afbryder forbindelsen.",
+        "disconnect_server": "Afbryd forbindelsen til identitetsserveren <idserver />?",
+        "disconnect_warning": "Hvis du afbryder forbindelsen til din identitetsserver, vil du ikke være synlig for andre brugere, og du vil ikke kunne invitere andre via e-mail eller telefon.",
+        "do_not_use": "Brug ikke en identitetsserver",
+        "error_connection": "Kunne ikke oprette forbindelse til identitetsserveren",
+        "error_invalid": "Ikke en gyldig identitetsserver (statuskode %(code)s)",
+        "error_invalid_or_terms": "Servicevilkårene er ikke accepteret, eller identitetsserveren er ugyldig.",
+        "no_terms": "Den identitetsserver, du har valgt, har ingen servicevilkår.",
+        "suggestions": "Du bør:",
+        "suggestions_1": "kontrollér dine browser-plugins for alt hvad der kan blokere for identitetsserveren (f.eks. Privacy Badger).",
+        "suggestions_2": "kontakt administratorerne af identitetsserveren <idserver />",
+        "suggestions_3": "vent og prøv igen senere",
+        "url": "Identitetsserver (%(server)s )",
+        "url_field_label": "Indtast en ny identitetsserver",
+        "url_not_https": "Identitetsserverens URL skal være HTTPS"
+    },
+    "in_space": "I %(spaceName)s.",
+    "in_space1_and_space2": "I klyngerne %(space1Name)s og %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "I %(spaceName)s og én anden klynge.",
+        "other": "I %(spaceName)s og %(count)s andre klynger."
+    },
+    "incompatible_browser": {
+        "continue": "Fortsæt alligevel",
+        "linux": "Linux",
+        "macos": "Mac",
+        "title": "%(brand)s understøtter ikke denne browser",
+        "windows_64bit": "Windows (64-bit)",
+        "windows_arm_64bit": "Windows (ARM 64-bit)"
+    },
+    "info_tooltip_title": "Oplysninger",
+    "integration_manager": {
+        "connecting": "Forbinder til integrationsadministrator…",
+        "error_connecting": "Integrationsadministratoren er offline, eller den kan ikke få kontakt med din hjemmeserver.",
+        "error_connecting_heading": "Kan ikke oprette forbindelse til integrationsadministratoren",
+        "explainer": "Integrationsadministratorer modtager konfigurationsdata og kan ændre widgets, sende ruminvitationer og indstille effektniveauer på dine vegne.",
+        "manage_title": "Administrer integrationer",
+        "use_im": "Brug en integrationsadministrator til at administrere bots, widgets og klistermærkepakker.",
+        "use_im_default": "Brug en integrationsadministrator <b>(%(serverName)s)</b> til at administrere bots, widgets og klistermærkepakker."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Aktivér '%(manageIntegrations)s' under Indstillinger for at gøre dette.",
+        "disabled_dialog_title": "Integrationer er deaktiveret",
+        "impossible_dialog_description": "Din %(brand)s tillader ikke, at du bruger en integrationsadministrator til at gøre dette. Kontakt en administrator.",
+        "impossible_dialog_title": "Integrationer er ikke tilladt"
+    },
+    "invite": {
+        "email_caption": "Invitér via e-mail",
+        "email_limit_one": "Invitationer via e-mail kan kun sendes én ad gangen",
+        "email_use_default_is": "Brug en identitetsserver til at invitere via e-mail. <default>Brug standardindstillingen (%(defaultIdentityServerName)s)</default> eller administrer den i <settings>Indstillinger</settings>.",
+        "email_use_is": "Brug en identitetsserver til at invitere via e-mail. Bestem hvilken under <settings>Indstillinger</settings>.",
+        "error_already_invited_room": "Brugeren er allerede inviteret til rummet",
+        "error_already_invited_space": "Brugeren er allerede inviteret til klyngen",
+        "error_already_joined_room": "Brugeren er allerede i rummet",
+        "error_already_joined_space": "Brugeren er allerede i klyngen",
+        "error_bad_state": "Brugerens spærring skal ophæves inden de kan blive inviteret.",
+        "error_dm": "Vi kunne ikke oprette din samtale",
+        "error_find_room": "Noget gik galt under forsøget på at invitere brugerne.",
+        "error_find_user_description": "Følgende brugere findes muligvis ikke eller er ugyldige og kan ikke inviteres:%(csvNames)s",
+        "error_find_user_title": "Kunne ikke finde følgende brugere",
+        "error_invite": "Vi kunne ikke invitere disse brugere. Markér venligst de brugere, du vil invitere, og prøv igen.",
+        "error_permissions_room": "Du har ikke tilladelse til at invitere personer til dette rum.",
+        "error_permissions_space": "Du har ikke tilladelse til at invitere brugere til denne klynge.",
+        "error_profile_undisclosed": "Brugeren findes måske eller måske ikke",
+        "error_transfer_multiple_target": "Et opkald kan kun viderestilles til én bruger.",
+        "error_unfederated_space": "Denne klynge er ikke fødereret. Du kan ikke invitere brugere fra eksterne servere.",
+        "error_unknown": "Ukendt serverfejl",
+        "error_user_not_found": "Brugeren findes ikke",
+        "error_version_unsupported_room": "Brugerens homeserver understøtter ikke versionen af dette rum.",
+        "error_version_unsupported_space": "Brugerens hjemmeserver understøtter ikke denne version af klyngen.",
+        "failed_generic": "Operation mislykkedes",
+        "failed_title": "Kunne ikke invitere",
+        "invalid_address": "Ukendt adresse",
+        "name_email_mxid_share_room": "Inviter andre ved hjælp af deres navn, e-mailadresse, brugernavn (f.eks. <userId/>) eller <a>del dette rum</a>.",
+        "name_email_mxid_share_space": "Invitér nogen ved at bruge deres navn, e-mail adresse, brugernavn (som <userId/> eller <a>del denne klynge</a>",
+        "name_mxid_share_room": "Inviter andre ved at bruge deres navn, brugernavn (f.eks. <userId/>) eller <a>del dette rum</a> .",
+        "name_mxid_share_space": "Invitér nogen ved at bruge deres navn, brugernavn (som <userId/> eller <a>del denne klynge</a>",
+        "recents_section": "Seneste samtaler",
+        "room_failed_partial": "Vi har sendt til de andre, men nedenstående personer kunne ikke blive inviteret til <RoomName/>",
+        "room_failed_partial_title": "Nogle invitationer kunne ikke blive sendt",
+        "room_failed_title": "Kunne ikke invitere brugere til %(roomName)s",
+        "send_link_prompt": "Eller send invitationslink",
+        "start_conversation_name_email_mxid_prompt": "Start en samtale med en person ved hjælp af deres navn, e-mailadresse eller brugernavn (f.eks.<userId/> ).",
+        "start_conversation_name_mxid_prompt": "Start en samtale med en person ved at bruge deres navn eller brugernavn (f.eks.<userId/> ).",
+        "suggestions_disclaimer": "Nogle forslag kan være skjult af hensyn til privatlivets fred.",
+        "suggestions_disclaimer_prompt": "Hvis du ikke kan se den person, du leder efter, kan du sende vedkommende dit invitationslink nedenfor.",
+        "suggestions_section": "Seneste direkte beskeder",
+        "to_room": "Inviter til %(roomName)s",
+        "to_space": "Invitér til %(spaceName)s",
+        "transfer_dial_pad_tab": "Numerisk tastatur",
+        "transfer_user_directory_tab": "Brugeroversigt",
+        "unable_find_profiles_description_default": "Det var ikke muligt at finde profiler for nedenstående Matrix-id'er. Vil du alligevel invitere dem?",
+        "unable_find_profiles_invite_label_default": "Invitér alligevel",
+        "unable_find_profiles_invite_never_warn_label_default": "Invitér alligevel, og advar mig aldrig igen",
+        "unable_find_profiles_title": "Følgende brugere findes muligvis ikke",
+        "unban_first_title": "Brugeren kan ikke inviteres, før deres blokering bliver ophævet."
+    },
+    "inviting_user1_and_user2": "Inviterer %(user1)s og %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Inviterer %(user)s og en anden",
+        "other": "Inviterer %(user)s og %(count)s andre"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> og %(count)s andre",
+        "one": "<Items/> og en anden"
+    },
+    "keyboard": {
+        "activate_button": "Aktivér den valgte knap",
+        "alt": "Alt",
+        "autocomplete_cancel": "Annuller autofuldførelse",
+        "autocomplete_force": "Gennemtving fuldførelse",
+        "autocomplete_navigate_next": "Næste forslag til autofuldførelse",
+        "autocomplete_navigate_prev": "Forrige forslag til autofuldførelse",
+        "backspace": "Slet",
+        "cancel_reply": "Annullér svar på en besked",
+        "category_autocomplete": "Autofuldførelse",
+        "category_calls": "Opkald",
+        "category_navigation": "Navigation",
+        "category_room_list": "Oversigt over rum",
+        "close_dialog_menu": "Luk dialogboks eller kontekstmenu",
+        "composer_jump_end": "Hop til slutningen af tekstfeltet",
+        "composer_jump_start": "Gå til begyndelsen af tekstfeltet",
+        "composer_navigate_next_history": "Gå til næste besked i tekstfeltets historik",
+        "composer_navigate_prev_history": "Gå til forrige besked i tekstfeltets historik",
+        "composer_new_line": "Ny linje",
+        "composer_redo": "Gentag redigering",
+        "composer_toggle_bold": "Slå fed skrift til/fra",
+        "composer_toggle_code_block": "Slå kodeblok til/fra",
+        "composer_toggle_italics": "Slå kursiv til/fra",
+        "composer_toggle_link": "Slå link til/fra",
+        "composer_toggle_quote": "Slå citation til/fra",
+        "composer_undo": "Fortryd redigering",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Fjern læsemarkering og spring til bunden",
+        "end": "Slut",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Gå til startvisning",
+        "home": "Hjem",
+        "jump_first_message": "Gå til første besked",
+        "jump_last_message": "Gå til sidste besked",
+        "jump_room_search": "Gå til søgning i rum",
+        "jump_to_read_marker": "Hop til den ældste, ulæste besked",
+        "keyboard_shortcuts_tab": "Åbn denne indstillingsfane",
+        "navigate_next_history": "Næste nyligt besøgte rum eller klynge",
+        "navigate_next_message_edit": "Gå til næste besked at redigere",
+        "navigate_prev_history": "Forrige nyligt besøgte rum eller klynge",
+        "navigate_prev_message_edit": "Gå til forrige besked for at redigere",
+        "next_room": "Næste rum eller samtale",
+        "next_unread_room": "Næste ulæste rum eller samtale",
+        "number": "[tal]",
+        "open_user_settings": "Åbn brugerindstillinger",
+        "page_down": "Side ned",
+        "page_up": "Side op",
+        "prev_room": "Forrige rum eller samtale",
+        "prev_unread_room": "Forrige ulæste rum eller samtale",
+        "room_list_collapse_section": "Skjul sektionen med rumlisten",
+        "room_list_expand_section": "Udvid sektionen med rumlisten",
+        "room_list_navigate_down": "Naviger ned i rumlisten",
+        "room_list_navigate_up": "Naviger op i rumlisten",
+        "room_list_select_room": "Vælg rum fra listen",
+        "scroll_down_timeline": "Rul ned i tidslinjen",
+        "scroll_up_timeline": "Rul op i tidslinjen",
+        "search": "Søg (skal være aktiveret)",
+        "send_sticker": "Send et klistermærke",
+        "shift": "Skift",
+        "space": "Mellemrum",
+        "switch_to_space": "Skift til klynge efter nummer",
+        "toggle_hidden_events": "Slå synligheden af ​​skjulte begivenheder til/fra",
+        "toggle_microphone_mute": "Slå mikrofonlyd fra",
+        "toggle_right_panel": "Slå højre panel til/fra",
+        "toggle_space_panel": "Slå panelet for klynger til/fra",
+        "toggle_top_left_menu": "Slå menuen øverst til venstre til/fra",
+        "toggle_webcam_mute": "Slå webcam til/fra",
+        "upload_file": "Upload fil"
+    },
+    "labs": {
+        "ask_to_join": "Aktivér spørg om at deltage",
+        "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.",
+        "beta_feedback_title": "%(featureName)s Beta-feedback",
+        "beta_section": "Kommende funktioner",
+        "bridge_state": "Vis info om broer i rumindstillinger",
+        "bridge_state_channel": "Kanal: <channelLink/>",
+        "bridge_state_creator": "Denne bro blev sat op af <user />.",
+        "bridge_state_manager": "Denne bro administreres af <user />.",
+        "bridge_state_workspace": "Arbejdsområde: <networkLink/>",
+        "click_for_info": "Klik for mere info",
+        "currently_experimental": "I øjeblikket eksperimentel.",
+        "custom_themes": "Understøtter tilføjelse af brugerdefinerede temaer",
+        "dynamic_room_predecessors": "Dynamiske rumforgængere",
+        "dynamic_room_predecessors_description": "Aktivér MSC3946 (for at understøtte forsinkede rumarkiver)",
+        "element_call_video_rooms": "Element Call video-rum",
+        "experimental_description": "Er du i humør til at eksperimentere? Afprøv vores nyeste ideer, som stadig er under udvikling. Disse funktioner er ikke færdigukviklende; de kan være ustabile, kan ændres eller kan blive droppet helt. <a>Få mere at vide</a>.",
+        "experimental_section": "Tidlige forhåndsvisninger",
+        "feature_wysiwyg_composer_description": "Brug RTF-tekst i stedet for Markdown i meddelelseskomponisten.",
+        "group_developer": "Udvikler",
+        "group_encryption": "Kryptering",
+        "group_experimental": "Eksperimentel",
+        "group_messaging": "Beskeder",
+        "group_moderation": "Moderering",
+        "group_profile": "Profil",
+        "group_rooms": "Rum",
+        "group_spaces": "Klynger",
+        "group_themes": "Temaer",
+        "group_threads": "Tråde",
+        "group_ui": "Brugergrænseflade",
+        "group_voip": "Stemme & Video",
+        "group_widgets": "Widgets",
+        "hidebold": "Skjul notifikationsprik (vis kun tællerbadges)",
+        "join_beta": "Deltag i beta-versionen",
+        "join_beta_reload": "Tilmelding til betaversionen vil genindlæse %(brand)s.",
+        "jump_to_date": "Gå til dato (tilføjer /jumptodate og springer til datooverskrifter)",
+        "jump_to_date_msc_support": "Kræver, at din server understøtter MSC3030",
+        "latex_maths": "Render LaTeX-matematik i beskeder",
+        "leave_beta": "Forlad betaversionen",
+        "leave_beta_reload": "Hvis du forlader betaversionen, genindlæses %(brand)s.",
+        "location_share_live": "Live placeringsdeling",
+        "location_share_live_description": "Midlertidig implementering. Placeringerne bevares i rummets historik.",
+        "mjolnir": "Nye måder at ignorere brugere på",
+        "msc3531_hide_messages_pending_moderation": "Lad moderatorer skjule meddelelser, der afventer moderering.",
+        "notification_settings": "Nye indstillinger for notifikationer",
+        "notification_settings_beta_caption": "Vi introducerer en enklere måde at ændre dine notifikationsindstillinger på. Tilpas %(brand)s, præcis som du ønsker.",
+        "notification_settings_beta_title": "Notifikationsindstillinger",
+        "notifications": "Aktivér meddelelsespanelet i rumoverskriften",
+        "render_reaction_images": "Gengiv brugerdefinerede billeder i reaktioner",
+        "render_reaction_images_description": "Somme tider kaldet \"brugerdefinerede emojis\".",
+        "sliding_sync": "Sliding Sync-tilstand",
+        "sliding_sync_description": "Under aktiv udvikling, kan ikke deaktiveres.",
+        "sliding_sync_disabled_notice": "Log ud og ind igen for at deaktivere",
+        "sliding_sync_server_no_support": "Din server er ikke understøttet",
+        "unrealiable_e2e": "Ustabil i krypterede rum",
+        "video_rooms": "Videorum",
+        "video_rooms_a_new_way_to_chat": "En ny måde at chatte over stemme og video på%(brand)s.",
+        "video_rooms_always_on_voip_channels": "Videorum er altid aktive VoIP-kanaler, der er indlejret i et rum i %(brand)s.",
+        "video_rooms_beta": "Video-rum er en betafunktion",
+        "video_rooms_faq1_answer": "Brug knappen „+“ i rumsektionen i venstre panel.",
+        "video_rooms_faq1_question": "Hvordan kan jeg oprette et videorum?",
+        "video_rooms_faq2_answer": "Ja, chattidslinjen vises ved siden af videoen.",
+        "video_rooms_faq2_question": "Kan jeg bruge tekstchat sammen med videoopkaldet?",
+        "video_rooms_feedbackSubheading": "Tak fordi du prøvede betaversionen. Giv os venligst så mange detaljer som muligt, så vi kan forbedre den.",
+        "wysiwyg_composer": "Rich text editor"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Disse indstillinger er beregnet til avancerede brugere.",
+        "ban_reason": "Ignoreret/blokeret",
+        "error_adding_ignore": "Fejl ved tilføjelse af ignoreret bruger/server",
+        "error_adding_list_description": "Kontroller rummets ID eller adresse, og prøv igen.",
+        "error_adding_list_title": "Fejl ved tilmelding til listen",
+        "error_removing_ignore": "Fejl ved fjernelse af ignoreret bruger/server",
+        "error_removing_list_description": "Prøv igen, eller kig i din konsol for at få tips.",
+        "error_removing_list_title": "Fejl ved afmelding fra listen",
+        "explainer_1": "Tilføj brugere og servere, du vil ignorere, her. Brug stjerner for at få %(brand)s til at matche et hvilket som helst tegn. For eksempel vil <code>@bot:*</code> ignorere alle brugere, der har navnet 'bot' på en hvilken som helst server.",
+        "explainer_2": "Man kan ignorere folk ved hjælp af blokeringslister, der indeholder regler for, hvem der skal blokeres. Hvis du abonnerer på en blokeringsliste, vil de brugere/servere, der er blokeret af den liste, blive skjult for dig.",
+        "lists": "Du abonnerer i øjeblikket på:",
+        "lists_description_1": "Hvis du abonnerer på en baneliste, bliver du automatisk medlem af den!",
+        "lists_description_2": "Hvis dette ikke er hvad du ønsker, skal du bruge et andet værktøj til at ignorere brugere.",
+        "lists_heading": "Abonnerede lister",
+        "lists_new_label": "Rum-ID eller adresse på udelukkelsesliste",
+        "no_lists": "Du abonnerer ikke på nogen lister",
+        "personal_description": "Din personlige spærringsliste indeholder alle de brugere/servere, du personligt ikke ønsker at se beskeder fra. Når du har ignoreret din første bruger/server, vil et nyt rum dukke op på din rumliste med navnet '%(myBanList)s' - bliv i dette rum for at holde udelukkelseslisten i kørende.",
+        "personal_empty": "Du har ikke ignoreret nogen.",
+        "personal_heading": "Personlig spærringsliste",
+        "personal_new_label": "Server- eller bruger-ID, der skal ignoreres",
+        "personal_new_placeholder": "f.eks.: @bot:* eller example.org",
+        "personal_section": "Du ignorerer i øjeblikket:",
+        "room_name": "Min spærringsliste",
+        "room_topic": "Dette er din liste over brugere/servere, du har blokeret – forlad ikke dette rum!",
+        "rules_empty": "Ingen",
+        "rules_server": "Serverregler",
+        "rules_title": "Regler for udelukkelseslisten - %(roomName)s",
+        "rules_user": "Brugerregler",
+        "something_went_wrong": "Noget gik galt. Prøv igen, eller se din konsol for at få tips.",
+        "title": "Ignorerede brugere",
+        "view_rules": "Se regler"
+    },
+    "language_dropdown_label": "Rullemenu for sprog",
+    "leave_room_dialog": {
+        "last_person_warning": "Du er den eneste person her. Hvis du forlader rummet, vil ingen kunne deltage i fremtiden, heller ikke dig.",
+        "leave_room_question": "Er du sikker på, at du vil forlade rummet '%(roomName)s'?",
+        "leave_space_question": "Er du sikker på, at du vil forlade klyngen '%(spaceName)s'?",
+        "room_leave_admin_warning": "Du er den eneste administrator i dette rum. Hvis du forlader det, vil ingen være i stand til at ændre dets indstillinger eller foretage andre vigtige handlinger.",
+        "room_leave_mod_warning": "Du er den eneste moderator i dette rum. Hvis du forlader det, vil ingen kunne ændre rummets indstillinger eller foretage andre vigtige handlinger.",
+        "room_rejoin_warning": "Dette rum er ikke offentligt. Du kan ikke deltage igen uden en invitation.",
+        "space_rejoin_warning": "Denne klynge er ikke offentlig. Du har ikke mulighed for at tilslutte dig uden en invitation."
+    },
+    "lightbox": {
+        "rotate_left": "Roter mod venstre",
+        "rotate_right": "Roter mod højre",
+        "title": "Billedvisning"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Denne hjemmeserver er ikke konfigureret til at vise kort.",
+        "MapStyleUrlNotReachable": "Denne hjemmeserver er ikke konfigureret korrekt til at vise kort, eller den konfigurerede kortserver kan være utilgængelig.",
+        "WebGLNotEnabled": "WebGL er påkrævet for at vise kort. Aktivér det venligst i dine browserindstillinger.",
+        "click_drop_pin": "Klik for at placere en nål",
+        "click_move_pin": "Klik for at flytte nålen",
+        "close_sidebar": "Luk sidebjælke",
+        "error_fetch_location": "Kunne ikke hente placering",
+        "error_no_perms_description": "Du skal have de rette tilladelser for at kunne dele lokationer i dette rum.",
+        "error_no_perms_title": "Du har ikke tilladelse til at dele lokationer",
+        "error_send_description": "%(brand)s Kunne ikke sende din placering. Prøv igen senere.",
+        "error_send_title": "Vi kunne ikke sende din placering",
+        "error_sharing_live_location": "Der opstod en fejl under deling af din live-placering",
+        "error_stopping_live_location": "Der opstod en fejl under afbrydelse af din live-placering",
+        "expand_map": "Udvid kort",
+        "failed_generic": "Det lykkedes ikke at hente din placering. Prøv igen senere.",
+        "failed_load_map": "Kortet kunne ikke indlæses",
+        "failed_permission": "%(brand)s fik ikke tilladelse til at hente din placering. Tillad venligst adgang til placering i dine browserindstillinger.",
+        "failed_timeout": "Der opstod timeout under forsøg på at hente din placering. Prøv igen senere.",
+        "failed_unknown": "Ukendt fejl ved hentning af placering. Prøv igen senere.",
+        "find_my_location": "Find min placering",
+        "live_description": "%(displayName)s's live placering",
+        "live_enable_description": "Bemærk: Dette er en Labs-funktion, der bruger en midlertidig implementering. Det betyder, at du ikke vil kunne slette din placeringshistorik, og avancerede brugere vil kunne se din placeringshistorik selv efter du stopper med at dele din liveplacering med dette rum.",
+        "live_enable_heading": "Live lokationsdeling",
+        "live_location_active": "Du deler din live-placering",
+        "live_location_enabled": "Live-placering aktiveret",
+        "live_location_ended": "Live-placering afsluttet",
+        "live_location_error": "Fejl i live-placering",
+        "live_locations_empty": "Ingen live-placeringer",
+        "live_share_button": "Del i %(duration)s",
+        "live_toggle_label": "Aktivér live placeringsdeling",
+        "live_until": "Live indtil %(expiryTime)s",
+        "live_update_time": "Opdateret %(humanizedUpdateTime)s",
+        "loading_live_location": "Indlæser live-placering...",
+        "location_not_available": "Placering ikke tilgængelig",
+        "map_feedback": "Feedback på kort",
+        "mapbox_logo": "Mapbox-logo",
+        "reset_bearing": "Nulstil pejling til nord",
+        "share_button": "Del lokation",
+        "share_type_live": "Min live-placering",
+        "share_type_own": "Mit aktuelle sted",
+        "share_type_pin": "Sæt en nål",
+        "share_type_prompt": "Hvilken type placering vil du dele?",
+        "toggle_attribution": "Slå tilskrivning til/fra"
+    },
+    "member_list": {
+        "filter_placeholder": "Filter medlemmer",
+        "invite_button_no_perms_tooltip": "Du har ikke tilladelse til at invitere brugere"
+    },
+    "member_list_back_action_label": "Medlemmer af rummet",
+    "message_edit_dialog_title": "Redigering af beskeder",
+    "mobile_guide": {
+        "toast_accept": "Brug appen",
+        "toast_description": "%(brand)s er eksperimentel på en mobil webbrowser. For en bedre oplevelse og adgang til de nyeste funktioner, skal du bruge vores gratis dedikerede app.",
+        "toast_title": "Brug appen for en bedre oplevelse"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "notif_panel": {
+        "empty_heading": "Du er helt ajour."
+    },
+    "notifications": {
+        "all_messages": "Alle beskeder",
+        "all_messages_description": "Få notifikationer for hver besked",
+        "class_global": "Global",
+        "class_other": "Andre",
+        "default": "Standard",
+        "email_pusher_app_display_name": "E-mail-notifikationer",
+        "enable_prompt_toast_description": "Aktivér skrivebordsnotifikationer",
+        "enable_prompt_toast_title": "Notifikationer",
+        "enable_prompt_toast_title_from_message_send": "Gå ikke glip af et svar",
+        "error_change_title": "Skift notifikations indstillinger",
+        "keyword": "Nøgleord",
+        "keyword_new": "Nyt nøgleord",
+        "level_notification": "Notifikation",
+        "mark_all_read": "Markér alle som læst",
+        "mentions_and_keywords": "@omtaler og søgeord",
+        "mentions_and_keywords_description": "Få kun notifikationer for omtaler og søgeord som konfigureret under <a>indstillinger</a>",
+        "mentions_keywords": "Omtaler og nøgleord",
+        "message_didnt_send": "Beskeden blev ikke sendt. Klik for mere information.",
+        "mute_description": "Du vil ikke modtage nogen notifikationer"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s beder om verifikation"
+    },
+    "onboarding": {
+        "create_room": "Opret en gruppechat",
+        "explore_rooms": "Udforsk offentlige rum",
+        "has_avatar_label": "Alle tiders. Det vil hjælpe andre med at vide det er dig",
+        "intro_byline": "Ej dine samtaler.",
+        "intro_welcome": "Velkommen til %(appName)s",
+        "no_avatar_label": "Tilføj et billede, så andre ved du er dig.",
+        "send_dm": "Send en Direkte Besked",
+        "welcome_detail": "Lad os hjælpe dig godt i gang",
+        "welcome_user": "Velkommen %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Besked i %(room)s",
+        "permalink_this_room": "Besked fra %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Opret afstemning",
+        "create_poll_title": "Opret afstemning",
+        "disclosed_notes": "Deltagerne ser resultaterne, så snart de har stemt",
+        "edit_poll_title": "Redigér afstemning",
+        "end_description": "Er du sikker på, at du ønsker at afslutte afstemningen? Dette vil vise de endelige resultater og lukke for afgivelse af flere stemmer.",
+        "end_message": "Afstemningen er afsluttet. Mest populære svar: %(topAnswer)s",
+        "end_message_no_votes": "Afstemningen er afsluttet. Der blev ikke afgivet nogen stemmer.",
+        "end_title": "Afslut afstemning",
+        "error_ending_description": "Beklager, afstemningen blev ikke afsluttet. Prøv igen.",
+        "error_ending_title": "Afstemningen kunne ikke afsluttes",
+        "error_voting_description": "Beklager, din stemme blev ikke registreret. Prøv igen.",
+        "error_voting_title": "Stemmen blev ikke registreret",
+        "failed_send_poll_description": "Beklager, den afstemning, du forsøgte at oprette, blev ikke offentliggjort.",
+        "failed_send_poll_title": "Kunne ikke oprette afstemning",
+        "notes": "Resultaterne afsløres først, når du afslutter afstemningen",
+        "options_add_button": "Tilføj mulighed",
+        "options_heading": "Opret muligheder",
+        "options_label": "Valgmulighed %(number)s",
+        "options_placeholder": "Skriv en mulighed",
+        "topic_heading": "Hvad er dit spørgsmål eller emne for afstemningen?",
+        "topic_label": "Spørgsmål eller emne",
+        "topic_placeholder": "Skriv noget…",
+        "total_decryption_errors": "På grund af dekrypteringsfejl tælles nogle stemmer muligvis ikke med",
+        "total_n_votes": {
+            "one": "%(count)s afgivet stemme. Stem for at se resultaterne",
+            "other": "%(count)s afgivne stemmer. Stem for at se resultaterne"
+        },
+        "total_n_votes_voted": {
+            "one": "Baseret på %(count)s stemme",
+            "other": "Baseret på %(count)s stemmer"
+        },
+        "total_no_votes": "Ingen stemmer afgivet",
+        "total_not_ended": "Resultaterne vil blive vist, når afstemningen er afsluttet.",
+        "type_closed": "Lukket afstemning",
+        "type_heading": "Afstemningstype",
+        "type_open": "Åben afstemning",
+        "unable_edit_description": "Beklager, du kan ikke redigere en afstemning, efter at der er afgivet stemmer.",
+        "unable_edit_title": "Kan ikke redigere afstemningen"
+    },
+    "power_level": {
+        "admin": "Administrator",
+        "custom": "Kustomiseret %(level)s",
+        "custom_level": "Brugerdefineret niveau",
+        "default": "Standard",
+        "label": "Effektniveau",
+        "moderator": "Moderator",
+        "restricted": "Begrænset"
+    },
+    "presence": {
+        "away": "Fraværende",
+        "busy": "Optaget",
+        "idle": "Inaktiv",
+        "idle_for": "Inaktiv i %(duration)s",
+        "offline": "Offline",
+        "offline_for": "Offline i %(duration)s",
+        "online": "Online",
+        "online_for": "Online i %(duration)s",
+        "unknown": "Ukendt",
+        "unknown_for": "Ukendt i %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "Alle indstillinger",
+        "sidebar_settings": "Flere muligheder",
+        "title": "Hurtige indstillinger"
+    },
+    "redact": {
+        "confirm_button": "Bekræft fjernelse",
+        "confirm_description": "Er du sikker på, at du vil fjerne (slette) denne begivenhed?",
+        "confirm_description_state": "Bemærk, at fjernelse af rumændringer som denne kan omgøre selve ændringen.",
+        "error": "Du kan ikke slette denne besked. (%(code)s)",
+        "ongoing": "Fjerner…",
+        "reason_label": "Årsag (valgfri)"
+    },
+    "report_content": {
+        "description": "Indrapportering af denne besked vil sende dens unikke 'hændelses-ID' til administratoren af din hjemmeserver. Hvis beskeder i dette rum er krypteret, vil administratoren ikke være i stand til at læse beskedens indhold eller se filer eller billeder.",
+        "hide_messages_from_user": "Marker, hvis du vil skjule alle nuværende og fremtidige beskeder fra denne bruger",
+        "ignore_user": "Ignorér bruger",
+        "missing_reason": "Udfyld venligst årsagen til din indrapportering.",
+        "report_content_to_homeserver": "Rapportér indhold til din hjemmeservers administrator"
+    },
+    "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",
+        "incorrect_security_phrase_dialog": "Sikkerhedskopien kunne ikke dekrypteres med denne adgangsfrase: Kontrollér, at du har indtastet den korrekte.",
+        "incorrect_security_phrase_title": "Forkert adgangsfrase",
+        "key_backup_warning": "<b>Advarsel</b>: Du bør kun konfigurere nøglebackup fra en computer du stoler på.",
+        "key_fetch_in_progress": "Henter nøgler fra serveren...",
+        "key_forgotten_text": "Hvis du har glemt din gendannelsesnøgle, kan du opsætte <button>nye gendannelsesmuligheder</button>",
+        "key_is_invalid": "Ikke en gyldig gendannelsesnøgle",
+        "key_is_valid": "Dette ser ud til at være en gyldig gendannelsesnøgle!",
+        "keys_restored_title": "Nøgler gendannet",
+        "load_error_content": "Status for sikkerhedskopiering kunne ikke indlæses",
+        "load_keys_progress": "%(completed)s af i alt %(total)s nøgler er restaureret",
+        "no_backup_error": "Der blev ikke fundet nogen sikkerhedskopi",
+        "phrase_forgotten_text": "Hvis du har glemt din sikkerhedsfrase, kan du <button1>bruge din gendannelsesnøgle</button1> eller <button2>oprette nye gendannelsesmuligheder</button2>",
+        "recovery_key_mismatch_description": "Sikkerhedskopien kunne ikke dekrypteres med denne gendannelsesnøgle: Bekræft venligst, at du har indtastet den korrekte gendannelsesnøgle.",
+        "recovery_key_mismatch_title": "Uoverensstemmelse med gendannelsesnøgle",
+        "restore_failed_error": "Kan ikke gendanne sikkerhedskopien"
+    },
+    "right_panel": {
+        "add_integrations": "Tilføj udvidelser",
+        "extensions_button": "Udvidelser",
+        "extensions_empty_description": "Vælg \"%(addIntegrations)s\" for at gennemse og tilføje udvidelser til dette rum",
+        "extensions_empty_title": "Øg produktiviteten med flere værktøjer, widgets og bots",
+        "files_button": "Filer",
+        "pinned_messages": {
+            "limits": {
+                "other": "Du kan kun fastgøre op til %(count)s widgets"
+            }
+        },
+        "pinned_messages_button": "Fastgjorte beskeder",
+        "poll": {
+            "active_heading": "Aktive afstemninger",
+            "empty_active": "Der er ingen aktive afstemninger i dette rum",
+            "empty_active_load_more": "Der er ingen aktive afstemninger. Indlæs flere afstemninger for at se afstemninger fra tidligere måneder.",
+            "empty_active_load_more_n_days": {
+                "one": "Der er ingen aktive afstemninger for den seneste dag. Indlæs flere afstemninger for at se afstemninger for tidligere måneder",
+                "other": "Der er ingen aktive afstemninger for de sidste %(count)s dage. Indlæs flere afstemninger for at se afstemninger for tidligere måneder."
+            },
+            "empty_past": "Der er ingen tidligere afstemninger i dette rum",
+            "empty_past_load_more": "Der er ingen tidligere afstemninger. Indlæs flere afstemninger for at se afstemninger fra tidligere måneder.",
+            "empty_past_load_more_n_days": {
+                "one": "Der er ingen tidligere afstemninger for den forløbne dag. Indlæs flere afstemninger for at se afstemninger for tidligere måneder",
+                "other": "Der er ingen tidligere afstemninger for de sidste %(count)s dage. Indlæs flere afstemninger for at se afstemninger for tidligere måneder."
+            },
+            "final_result": {
+                "one": "Endeligt resultat, baseret på %(count)s stemme",
+                "other": "Endeligt resultat, baseret på %(count)s stemmer"
+            },
+            "load_more": "Indlæs flere afstemninger",
+            "loading": "Indlæser afstemninger",
+            "past_heading": "Tidligere afstemninger",
+            "view_in_timeline": "Se afstemning i tidslinjen",
+            "view_poll": "Se afstemning"
+        },
+        "polls_button": "Afstemninger",
+        "room_summary_card": {
+            "title": "Informationer om rummet"
+        },
+        "thread_list": {
+            "context_menu_label": "Trådindstillinger"
+        },
+        "video_room_chat": {
+            "title": "Samtale"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Denne invitation blev sendt til %(email)s, som ikke er tilknyttet din konto.",
+        "3pid_invite_email_not_found_account_room": "Denne invitation til %(roomName)s blev sendt til %(email)s, som ikke er tilknyttet din konto.",
+        "3pid_invite_error_description": "Der opstod en fejl (%(errcode)s), da vi forsøgte at validere din invitation. Du kan prøve at videregive denne information til den person, der inviterede dig.",
+        "3pid_invite_error_invite_action": "Prøv alligevel at deltage",
+        "3pid_invite_error_invite_subtitle": "Du kan kun deltage med en gyldig invitation.",
+        "3pid_invite_error_public_subtitle": "Du kan stadig tilmelde dig her.",
+        "3pid_invite_error_title": "Der opstod en fejl med din invitation.",
+        "3pid_invite_error_title_room": "Der opstod en fejl med din invitation til %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Brug en identitetsserver i Indstillinger for at modtage invitationer direkte i %(brand)s.",
+        "banned_by": "Du blev udelukket af %(memberName)s",
+        "banned_from_room_by": "Du blev udelukket fra %(roomName)s af %(memberName)s",
+        "context_menu": {
+            "copy_link": "Kopiér link til rummet",
+            "favourite": "Favorit",
+            "forget": "Glem rummet",
+            "low_priority": "Lav prioritet",
+            "mark_read": "Markér som læst",
+            "notifications_default": "Match standardindstillingen",
+            "notifications_mute": "Sæt rummet på lydløs",
+            "title": "Muligheder for rum",
+            "unfavourite": "Favoritmarkeret"
+        },
+        "creating_room_text": "Vi opretter et rum med %(names)s",
+        "dm_invite_action": "Start chat",
+        "dm_invite_subtitle": "<userName/> ønsker at chatte",
+        "dm_invite_title": "Vil du chatte med %(user)s?",
+        "drop_file_prompt": "Slip filen her for at uploade",
+        "edit_topic": "Redigér emne",
+        "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.",
+        "error_join_404_2": "Hvis du kender en rum-adresse, kan du prøve at tilslutte dig via den i stedet.",
+        "error_join_404_invite": "Den person, der inviterede dig, er allerede gået, eller deres server er offline.",
+        "error_join_404_invite_same_hs": "Den person, der inviterede dig, er allerede gået.",
+        "error_join_connection": "Der opstod en fejl under tilslutningen.",
+        "error_join_incompatible_version_1": "Beklager, din hjemmeserver er for gammel til at kunne deltage her.",
+        "error_join_incompatible_version_2": "Kontakt venligst administratoren af din hjemmeserver.",
+        "error_join_title": "Lykkedes ikke med at deltage",
+        "error_jump_to_date": "Serveren returnerede %(statusCode)s med fejlkode %(errorCode)s",
+        "error_jump_to_date_connection": "Der opstod en netværksfejl, da der blev forsøgt at finde og springe til den angivne dato. Din hjemmeserver er muligvis nede, eller der var bare et midlertidigt problem med din internetforbindelse. Prøv venligst igen. Hvis problemet fortsætter, skal du kontakte administratoren af din hjemmeserver.",
+        "error_jump_to_date_details": "Fejloplysninger",
+        "error_jump_to_date_not_found": "Vi kunne ikke finde en begivenhed ved at kigge fremad fra %(dateString)s Prøv at vælge en tidligere dato.",
+        "error_jump_to_date_send_logs_prompt": "Send venligst <debugLogsLink>fejlfindingslogfilerne</debugLogsLink> for at hjælpe os med at finde fejlen.",
+        "error_jump_to_date_title": "Kunne ikke finde begivenhed på den dato",
+        "face_pile_summary": {
+            "one": "%(count)s bruger du kender har allerede tilmeldt sig",
+            "other": "%(count)s brugere du kender har allerede tilmeldt sig"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Se 1 medlem",
+            "other": "Se alle %(count)s medlemmer"
+        },
+        "face_pile_tooltip_shortcut": "Inklusiv %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Inklusive dig, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "Lykkedes ikke med at afvise invitation",
+        "forget_room": "Glem dette rum",
+        "forget_space": "Glem denne klynge",
+        "header": {
+            "n_people_asking_to_join": {
+                "one": "Beder om at deltage",
+                "other": "%(count)s personer, der beder om at deltage"
+            },
+            "room_is_public": "Dette rum er offentligt"
+        },
+        "header_face_pile_tooltip": "Brugere",
+        "header_untrusted_label": "Upålidelig",
+        "inaccessible": "Rummet eller klyngen er ikke tilgængelig lige nu.",
+        "inaccessible_name": "%(roomName)s er ikke tilgængelig på nuværende tidspunkt.",
+        "inaccessible_subtitle_1": "Prøv igen senere, eller bed en administrator af rummet om at tjekke, om du har adgang.",
+        "inaccessible_subtitle_2": "%(errcode)s blev returneret, mens du forsøgte at få adgang til rummet eller klyngen. Hvis du mener, at denne besked vises ved en fejl, bedes du <issueLink>indsende en fejlrapport</issueLink>.",
+        "intro": {
+            "dm_caption": "Kun I to deltager i denne samtale, medmindre en af ​​jer inviterer andre til at deltage.",
+            "enable_encryption_prompt": "Aktivér kryptering i indstillingerne.",
+            "encrypted_3pid_dm_pending_join": "Så snart alle er kommet ind i rummet, vil I kunne skrive sammen",
+            "no_avatar_label": "Tilføj et billede, så andre nemt kan få øje på dit rum.",
+            "no_topic": "<a>Tilføj et emne </a> for at hjælpe andre med at vide, hvad det handler om.",
+            "private_unencrypted_warning": "Dine private beskeder er normalt krypteret, men dette rum er ikke. Sædvanligvis skyldes det at en ikke-undersøttet enhed eller metode bliver anvendt, som for eksempel e-mail invitationer.",
+            "room_invite": "Invitér kun til dette rum",
+            "send_message_start_dm": "Send din første besked for at invitere <displayName/> til at chatte",
+            "start_of_dm_history": "Dette er starten på din historik for direkte beskeder med<displayName/> .",
+            "start_of_room": "Dette er begyndelsen på <roomName/>.",
+            "unencrypted_warning": "End-to-end kryptering er ikke aktiveret",
+            "user_created": "%(displayName)s oprettede dette rum.",
+            "you_created": "Du oprettede dette rum."
+        },
+        "invite_email_mismatch_suggestion": "Del denne e-mail i Indstillinger for at modtage invitationer direkte i %(brand)s.",
+        "invite_sent_to_email": "Denne invitation blev sendt til %(email)s",
+        "invite_sent_to_email_room": "Denne invitation til %(roomName)s blev sendt til %(email)s",
+        "invite_subtitle": "Inviteret af <userName/>",
+        "invite_this_room": "Inviter til dette rum",
+        "invite_title": "Vil du være med i %(roomName)s?",
+        "inviter_unknown": "Ukendt",
+        "invites_you_text": "<inviter/> inviterer dig",
+        "join_button_account": "Tilmeld dig",
+        "join_failed_needs_invite": "For at se %(roomName)s skal du have en invitation.",
+        "join_the_discussion": "Deltag i diskussionen",
+        "join_title": "Tilslut dig rummet, for at deltage",
+        "join_title_account": "Deltag i samtalen med en konto",
+        "joining": "Tilslutter...",
+        "joining_room": "Tilslutter til rummet...",
+        "joining_space": "Tilslutter til klynge...",
+        "jump_read_marker": "Gå til første ulæste besked.",
+        "jump_to_bottom_button": "Rul ned til de seneste beskeder",
+        "kick_reason": "Årsag: %(reason)s",
+        "kicked_by": "Du blev fjernet af %(memberName)s",
+        "kicked_from_room_by": "Du blev fjernet fra %(roomName)s af %(memberName)s",
+        "knock_cancel_action": "Annuller anmodning",
+        "knock_denied_subtitle": "Da du er blevet nægtet adgang, kan du ikke tilmelde dig igen, medmindre du bliver inviteret af rummets administrator eller moderator.",
+        "knock_denied_title": "Du er blevet nægtet adgang",
+        "knock_message_field_placeholder": "Besked (valgfrit)",
+        "knock_prompt": "Vil du bede om at deltage?",
+        "knock_prompt_name": "Anmod om at blive medlem af %(roomName)s ?",
+        "knock_send_action": "Anmod om adgang",
+        "knock_sent": "Anmodning om deltagelse sendt",
+        "knock_sent_subtitle": "Din anmodning om at deltage afventer.",
+        "knock_subtitle": "Du skal have adgang til dette rum for at kunne se eller deltage i samtalen. Du kan sende en anmodning om at deltage nedenfor.",
+        "leave_error_title": "Fejl under forladelse af rummet",
+        "leave_server_notices_description": "Dette rum bruges til vigtige beskeder fra hjemmeserveren, så du kan ikke forlade det.",
+        "leave_server_notices_title": "Kan ikke forlade rummet Servermeddelelser",
+        "leave_unexpected_error": "Uventet serverfejl ved forsøg på at forlade rummet",
+        "link_email_to_receive_3pid_invite": "Forbind denne e-mail til din konto under Indstillinger for at modtage invitationer direkte i %(brand)s.",
+        "loading_preview": "Indlæser forhåndsvisning",
+        "no_peek_join_prompt": "%(roomName)s kan ikke forhåndsvises. Ønsker du at tilslutte dig det?",
+        "no_peek_no_name_join_prompt": "Der er ingen forhåndsvisning tilgængelig, vil du tilmelde dig alligevel?",
+        "not_found_subtitle": "Er du sikker på, at du er på det rigtige sted?",
+        "not_found_title": "Rummet eller klyngen eksisterer ikke.",
+        "not_found_title_name": "%(roomName)s findes ikke.",
+        "peek_join_prompt": "Du ser en forhåndsvisning af %(roomName)s. Ønsker du at deltage i det?",
+        "pinned_message_banner": {
+            "button_view_all": "Se alle",
+            "description": "Fastgjorte beskeder"
+        },
+        "read_topic": "Klik for at læse hvad emnet er",
+        "rejecting": "Afviser invitation...",
+        "rejoin_button": "Tilslut igen",
+        "search": {
+            "all_rooms_button": "Søg i alle rum",
+            "this_room_button": "Søg i dette rum"
+        },
+        "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.",
+            "other": "Du har %(count)s ulæste notifikationer i en tidligere version af dette rum."
+        },
+        "upgrade_error_description": "Dobbelt-tjek at din server understøtter den valgte rumversion og forsøg igen.",
+        "upgrade_error_title": "Fejl under opgradering af rum",
+        "upgrade_warning_bar": "Opgradering af dette rum vil lukke den nuværende instans af rummet ned og oprette et opgraderet rum med samme navn.",
+        "upgrade_warning_bar_admins": "Kun rummets administratorer vil se denne advarsel.",
+        "upgrade_warning_bar_unstable": "Dette rum kører version <roomVersion />, som denne hjemmeserver har markeret som <i>ustabil</i>.",
+        "upgrade_warning_bar_upgraded": "Dette rum er allerede blevet opgraderet.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Uploader %(filename)s og %(count)s anden",
+                "other": "Uploader %(filename)s og %(count)s andre"
+            },
+            "uploading_single_file": "Uploading %(filename)s"
+        },
+        "waiting_for_join_subtitle": "Når inviterede brugere har tilmeldt sig %(brand)s, kan I chatte, og rummet vil være krypteret fra ende til ende.",
+        "waiting_for_join_title": "Venter på, at brugere deltager via %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Tilføj klynge",
+        "failed_add_tag": "Kunne ikke tilføje tag(s): %(tagName)s til rummet",
+        "failed_remove_tag": "Kunne ikke fjerne tag(s): %(tagName)s fra rummet",
+        "failed_set_dm_tag": "Kunne ikke indstille tagget til direkte beskeder",
+        "notification_options": "Notifikationsindstillinger",
+        "show_less": "Vis mindre"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Bestem, hvem der kan se og deltage%(spaceName)s .",
+            "title": "Adgang"
+        },
+        "advanced": {
+            "error_upgrade_description": "Opgraderingen af rummet kunne ikke gennemføres",
+            "error_upgrade_title": "Det lykkedes ikke at opgradere rummet",
+            "information_section_room": "Information om rummet",
+            "information_section_space": "Information om klyngen",
+            "room_id": "Internt rum-ID",
+            "room_predecessor": "Se ældre beskeder i %(roomName)s.",
+            "room_upgrade_button": "Opgrader dette rum til den anbefalede rumversion",
+            "room_upgrade_warning": "<b>Advarsel</b>: Opgradering af et rum vil <i>ikke automatisk migrere rummets medlemmer til den nye version af rummet.</i> Vi lægger i stedet et link til det nye rum i den gamle version af rummet - rummets medlemmer skal klikke på dette link for at blive medlem af det nye rum.",
+            "room_version": "Version af rum:",
+            "room_version_section": "Version af rum",
+            "space_predecessor": "Se ældre version af %(spaceName)s.",
+            "space_upgrade_button": "Opgradér denne klynge til den anbefalede rumversion",
+            "unfederated": "Dette rum er ikke tilgængeligt via eksterne Matrix-servere.",
+            "upgrade_button": "Opgrader dette rum til version %(version)s",
+            "upgrade_dialog_description": "For at opgradere dette rum skal den nuværende instans af rummet lukkes, og der skal oprettes et nyt rum i stedet. For at give rummets medlemmer den bedst mulige oplevelse vil vi:",
+            "upgrade_dialog_description_1": "Oprette et nyt rum med samme navn, beskrivelse og avatar",
+            "upgrade_dialog_description_2": "Opdatere eventuelle lokale rum-aliasser, så de peger på det nye rum.",
+            "upgrade_dialog_description_3": "Forhindre brugere i at tale i den gamle version af rummet, og dele en besked, som opfordrer brugerne til at flytte til det nye rum.",
+            "upgrade_dialog_description_4": "Sætte et link tilbage til det gamle rum i starten af det nye rum, så folk kan se gamle beskeder.",
+            "upgrade_dialog_title": "Opgrader rumversion",
+            "upgrade_dwarning_ialog_title_public": "Opgradér offentligt rum",
+            "upgrade_warning_dialog_description": "Opgradering af et rum er en avanceret handling og anbefales normalt, når et rum er ustabilt på grund af fejl, manglende funktioner eller sikkerhedsrisici.",
+            "upgrade_warning_dialog_explainer": "<b>Bemærk venligst, at opgraderingen vil skabe en ny version af rummet</b> Alle aktuelle beskeder forbliver i dette arkiverede rum.",
+            "upgrade_warning_dialog_footer": "Du opgraderer dette rum fra <oldVersion /> til<newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Automatisk invitere medlemmer fra dette rum til det nye",
+            "upgrade_warning_dialog_report_bug_prompt": "Dette påvirker normalt kun, hvordan rummet håndteres på serveren. Hvis du har problemer med %(brand)s, bedes du rapportere en fejl.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Dette påvirker normalt kun, hvordan rummet håndteres på serveren. Hvis du har problemer med %(brand)s, bedes du <a>rapportere en fejl.</a>",
+            "upgrade_warning_dialog_title": "Opgradér rummet",
+            "upgrade_warning_dialog_title_private": "Opgradér privat rum"
+        },
+        "alias_not_specified": "ikke angivet",
+        "bridges": {
+            "description": "Dette rum deler beskeder med følgende platforme. <a>Lær mere.</a>",
+            "empty": "Dette rum deler ikke beskeder til nogen platforme. <a>Lær mere.</a>",
+            "title": "Broer"
+        },
+        "delete_avatar_label": "Slet avatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Manglende domæneseparator, f.eks. (:domain.org)",
+            "alias_field_has_localpart_invalid": "Manglende rumnavn eller separator, f.eks. (my-room:domain.org)",
+            "alias_field_matches_invalid": "Denne adresse peger ikke på dette rum",
+            "alias_field_placeholder_default": "f.eks. mit-rum",
+            "alias_field_required_invalid": "Angiv venligst en adresse",
+            "alias_field_safe_localpart_invalid": "Nogle af tegnene er ikke tilladt",
+            "alias_field_taken_invalid": "Denne adresse havde en ugyldig server eller er allerede i brug",
+            "alias_field_taken_invalid_domain": "Denne adresse er allerede i brug",
+            "alias_field_taken_valid": "Denne adresse er tilgængelig til brug",
+            "alias_heading": "Rummets adresse",
+            "aliases_items_label": "Andre offentliggjorte adresser:",
+            "aliases_no_items_label": "Der er endnu ikke offentliggjort andre adresser. Tilføj en nedenfor.",
+            "aliases_section": "Rummets adresser",
+            "avatar_field_label": "Avatar for rummet",
+            "canonical_alias_field_label": "Hovedadresse",
+            "description_space": "Redigér indstillinger for din klynge.",
+            "error_creating_alias_description": "Der opstod en fejl under oprettelsen af ​​adressen. Den er muligvis ikke tilladt af serveren, eller der er opstået en midlertidig fejl.",
+            "error_creating_alias_title": "Fejl ved oprettelse af adresse",
+            "error_deleting_alias_description": "Der opstod en fejl ved fjernelsen af den adresse. Den findes muligvis ikke længere, eller der opstod en midlertidig fejl.",
+            "error_deleting_alias_description_forbidden": "Du har ikke tilladelse til at slette adressen.",
+            "error_deleting_alias_title": "Fejl ved fjernelse af adresse",
+            "error_save_space_settings": "Kunne ikke gemme klyngens indstillinger.",
+            "error_updating_alias_description": "Der opstod en fejl under opdateringen af ​​rummets alternative adresser. Serveren tillader det muligvis ikke, eller der er opstået en midlertidig fejl.",
+            "error_updating_canonical_alias_description": "Der opstod en fejl under opdatering af rummets primære adresse. Serveren tillader muligvis ikke opdateringen, eller der er opstået en midlertidig fejl.",
+            "error_updating_canonical_alias_title": "Fejl ved opdatering af hovedadresse",
+            "leave_space": "Forlad klynge",
+            "local_alias_field_label": "Lokal adresse",
+            "local_aliases_explainer_room": "Angiv adresser til dette rum, så brugerne kan finde det via din hjemmeserver (%(localDomain)s )",
+            "local_aliases_explainer_space": "Angiv adresser til denne klynge, så brugerne kan finde den via din hjemmeserver (%(localDomain)s )",
+            "local_aliases_section": "Lokale adresser",
+            "name_field_label": "Rummets navn",
+            "new_alias_placeholder": "Ny offentliggjort adresse (f.eks. #alias:server)",
+            "no_aliases_room": "Denne klynge har ingen lokale adresser",
+            "no_aliases_space": "Denne klynge har ingen lokale adresser",
+            "other_section": "Andre",
+            "publish_toggle": "Offentliggør dette rum i %(domain)s's oversigt over rum?",
+            "published_aliases_description": "For at offentliggøre en adresse skal den først indstilles som en lokal adresse.",
+            "published_aliases_explainer_room": "Offentliggjorte adresser kan bruges af alle på enhver server til at deltage i dit rum.",
+            "published_aliases_explainer_space": "Publicerede adresser kan bruges af alle til at tilslutte sig din klynge.",
+            "published_aliases_section": "Offentliggjorte adresser",
+            "save": "Gem ændringer",
+            "topic_field_label": "Rummets emne"
+        },
+        "notifications": {
+            "browse_button": "Gennemse",
+            "custom_sound_prompt": "Sæt en ny brugerdefineret lyd",
+            "notification_sound": "Notifikationslyd",
+            "settings_link": "Få notifikationer som angivet i dine <a>indstillinger</a>",
+            "sounds_section": "Lyde",
+            "upload_sound_label": "Upload brugerdefineret lyd",
+            "uploaded_sound": "Uploadet lyd"
+        },
+        "people": {
+            "knock_empty": "Ingen anmodninger",
+            "knock_section": "Anmoder om tilladelse til at deltage",
+            "see_less": "Vis mindre",
+            "see_more": "Vis mere"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Giv en eller flere brugere i dette rum flere privilegier",
+            "add_privileged_user_filter_placeholder": "Søg efter brugere i dette rum…",
+            "add_privileged_user_heading": "Tilføj privilegerede brugere",
+            "ban": "Spær brugere",
+            "ban_reason": "Årsag",
+            "banned_by": "Spærret af %(displayName)s",
+            "banned_users_section": "Spærrede brugere",
+            "error_changing_pl_description": "Der opstod en fejl ved ændring af brugerens effektniveau. Sørg for, at du har tilstrækkelige tilladelser, og prøv igen.",
+            "error_changing_pl_reqs_description": "Der opstod en fejl ved ændring af rummets krav til effektniveauer. Sørg for, at du har tilstrækkelige tilladelser, og prøv igen.",
+            "error_changing_pl_reqs_title": "Fejl under ændring af krav til effektniveau",
+            "error_changing_pl_title": "Fejl ved ændring af effektniveau",
+            "error_unbanning": "Var ikke i stand til at ophæve spærringen",
+            "events_default": "Send beskeder",
+            "invite": "Inviter brugere",
+            "kick": "Fjern brugere",
+            "m.call": "Start %(brand)s opkald",
+            "m.call.member": "Deltag i %(brand)s opkald",
+            "m.reaction": "Send reaktioner",
+            "m.room.avatar": "Skift rummets avatar",
+            "m.room.avatar_space": "Skift klyngens avatar",
+            "m.room.canonical_alias": "Skift hovedadresse for rummet",
+            "m.room.canonical_alias_space": "Skift hovedadresse for klyngen",
+            "m.room.encryption": "Aktivér kryptering af rummet",
+            "m.room.history_visibility": "Skift historikkens synlighed",
+            "m.room.name": "Skift rummets navn",
+            "m.room.name_space": "Skift klyngens navn",
+            "m.room.pinned_events": "Administrer fastgjorte begivenheder",
+            "m.room.power_levels": "Skift tilladelser",
+            "m.room.redaction": "Fjern beskeder sendt af mig",
+            "m.room.server_acl": "Ændre serverens ACL'er",
+            "m.room.tombstone": "Opgrader rummet",
+            "m.room.topic": "Skift emne",
+            "m.room.topic_space": "Lav ændringer i beskrivelsen",
+            "m.space.child": "Administrer rummene i denne klynge",
+            "m.widget": "Rediger widgets",
+            "muted_users_section": "Brugere, der er slået fra",
+            "no_privileged_users": "Ingen brugere har særlige rettigheder i dette rum.",
+            "notifications.room": "Underret alle",
+            "permissions_section": "Tilladelser",
+            "permissions_section_description_room": "Vælg de roller, der kræves for at ændre forskellige dele af rummet",
+            "permissions_section_description_space": "Vælg de roller der er påkrævet for at kunne ændre på forskellige dele af klyngen",
+            "privileged_users_section": "Privilegerede brugere",
+            "redact": "Fjern beskeder sendt af andre",
+            "send_event_type": "Sende %(eventType)s begivenheder",
+            "state_default": "Skift indstillinger",
+            "title": "Roller og tilladelser",
+            "users_default": "Standardrolle"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Når kryptering først er aktiveret for et rum, kan det ikke deaktiveres igen. Beskeder, der sendes i et krypteret rum, kan ikke ses af serveren, kun af deltagerne i rummet. Aktivering af kryptering kan forhindre mange bots og broer i at fungere korrekt. <a>Få mere at vide om kryptering.</a>",
+            "enable_encryption_confirm_title": "Aktiver kryptering?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Det anbefales ikke at tilføje kryptering til offentlige rum. </b>Alle kan finde og deltage i offentlige rum, så alle kan læse beskeder i dem. Du får ingen af fordelene ved kryptering, og du kan ikke slå den fra senere. Kryptering af meddelelser i et offentligt rum vil gøre modtagelse og afsendelse af meddelelser langsommere.",
+            "enable_encryption_public_room_confirm_description_2": "For at undgå disse problemer skal du oprette  <a>et nyt krypteret rum</a> til den samtale, du planlægger at have.",
+            "enable_encryption_public_room_confirm_title": "Er du sikker på, at du vil tilføje kryptering til dette offentlige rum?",
+            "encrypted_room_public_confirm_description_1": "<b>Det anbefales ikke at gøre krypterede rum offentlige. </b>Det betyder, at alle kan finde og deltage i rummet, så alle kan læse beskederne. Du får ingen af fordelene ved kryptering. Kryptering af meddelelser i et offentligt rum vil gøre modtagelse og afsendelse af meddelelser langsommere.",
+            "encrypted_room_public_confirm_description_2": "For at undgå disse problemer skal du oprette et <a>nyt offentligt rum</a> til den samtale, du planlægger at have.",
+            "encrypted_room_public_confirm_title": "Er du sikker på, at du vil gøre dette krypterede rum offentligt?",
+            "encryption_forced": "Din server kræver at kryptering er deaktiveret.",
+            "encryption_permanent": "Efter aktivering er det ikke muligt at slå kryptering fra.",
+            "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": "Medlemmer siden de blev inviteret",
+            "history_visibility_legend": "Hvem kan læse historikken?",
+            "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": "Kun inviterede",
+            "join_rule_invite_description": "Kun inviterede personer kan deltage i dette rum.",
+            "join_rule_knock": "Bed om at deltage",
+            "join_rule_knock_description": "Andre kan ikke tilslutte sig, medmindre der gives adgang.",
+            "join_rule_public_description": "Alle kan deltage.",
+            "join_rule_restricted": "Medlemmer af klyngen",
+            "join_rule_restricted_description": "Alle, der er i en klynge med tilladelse, kan finde og deltage. <a>Håndter klynger.</a>",
+            "join_rule_restricted_description_active_space": "Enhver i <spaceName/> kan finde og deltage",
+            "join_rule_restricted_description_prompt": "Alle i en klynge kan deltage.",
+            "join_rule_restricted_description_spaces": "Autoriserede klynger",
+            "join_rule_restricted_dialog_description": "Klynger, hvor medlemmer kan tilmelde sig <RoomName/> uden en invitation.",
+            "join_rule_restricted_dialog_empty_warning": "Du er i færd med at fjerne alle uautoriserede klynger. Adgang vil falde tilbage på: \"kun for inviterede\".",
+            "join_rule_restricted_dialog_filter_placeholder": "Søg i klynger",
+            "join_rule_restricted_dialog_heading_known": "Dine klynger, der ikke indeholder dette rum",
+            "join_rule_restricted_dialog_heading_other": "Andre klynger, du ikke er medlem af",
+            "join_rule_restricted_dialog_heading_room": "Dine klynger, der indeholder dette rum",
+            "join_rule_restricted_dialog_heading_space": "Klynger, du kender, der indeholder denne klynge",
+            "join_rule_restricted_dialog_heading_unknown": "Det er sandsynligvis nogle, som andre rumadministratorer er en del af.",
+            "join_rule_restricted_dialog_title": "Administrér klynger",
+            "join_rule_restricted_n_more": {
+                "one": "& %(count)s mere",
+                "other": "& %(count)s mere"
+            },
+            "join_rule_restricted_summary": {
+                "one": "I øjeblikket har en klynge adgang",
+                "other": "I øjeblikket har %(count)s klynger adgang"
+            },
+            "join_rule_restricted_upgrade_description": "Denne opgradering vil tillade medlemmer af udvalgte klynger at tilgå dette rum uden invitation.",
+            "join_rule_restricted_upgrade_warning": "Dette rum er i nogle klynger, som du ikke er admin for. I de klynger, vil det gamle rum stadig blive vist, men brugere vil blive foreslået at tilslutte sig det nye.",
+            "join_rule_upgrade_awaiting_room": "Indlæser nyt rum",
+            "join_rule_upgrade_required": "Opgradering påkrævet",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Sender invitation...",
+                "other": "Sender invitationer ... (%(progress)s ud af %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Opdaterer klynge...",
+                "other": "Opdaterer klynger... (%(progress)s ud af %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Opgradering af rum",
+            "public_without_alias_warning": "For at kunne linke til dette rum, bedes du tilføje en adresse.",
+            "publish_room": "Gør dette rum synligt i det offentlige rum-oversigt.",
+            "publish_space": "Gør denne klynge synlig i det offentlige register.",
+            "strict_encryption": "Send kun beskeder til verificerede brugere",
+            "title": "Sikkerhed & Privatliv"
+        },
+        "title": "Indstillinger for rum -%(roomName)s",
+        "upload_avatar_label": "Upload avatar",
+        "visibility": {
+            "alias_section": "Adresse",
+            "error_failed_save": "Kunne ikke opdatere visningen af denne klynge",
+            "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 klynge.",
+            "guest_access_explainer": "Gæster kan tilslutte sig en klynge uden at have en konto. Dette kan være nyttigt i offentlige klynger.",
+            "guest_access_label": "Aktivér gæsteadgang",
+            "history_visibility_anyone_space": "Forhåndsvis klynge",
+            "history_visibility_anyone_space_description": "Tillad andre at få forhåndsvist din klynge før de tilslutter sig.",
+            "history_visibility_anyone_space_recommendation": "Anbefalet for offentlige klynger.",
+            "title": "Sikkerhed & Privatliv"
+        },
+        "voip": {
+            "call_type_section": "Opkaldstype",
+            "enable_element_call_caption": "%(brand)ser end-to-end krypteret, men er i øjeblikket begrænset til et mindre antal brugere.",
+            "enable_element_call_label": "Aktivér %(brand)s som en ekstra opkaldsmulighed i dette rum",
+            "enable_element_call_no_permissions_tooltip": "Du har ikke tilstrækkelige rettigheder til at ændre dette."
+        }
+    },
+    "room_summary_card_back_action_label": "Informationer om rummet",
+    "scalar": {
+        "error_create": "Kunne ikke lave widget.",
+        "error_membership": "Du er ikke i dette rum.",
+        "error_missing_room_id": "roomId mangler.",
+        "error_missing_room_id_request": "Mangler room_id i forespørgsel",
+        "error_missing_user_id_request": "Manglende user_id i forespørgsel",
+        "error_permission": "Du har ikke tilladelse til at gøre dét i dette rum.",
+        "error_power_level_invalid": "Magtniveau skal være positivt heltal.",
+        "error_room_not_visible": "Rum %(roomId)s ikke synlig",
+        "error_room_unknown": "Dette rum kan ikke genkendes.",
+        "error_send_request": "Kunne ikke sende forespørgsel.",
+        "failed_read_event": "Kunne ikke læse begivenheder",
+        "failed_send_event": "Lykkedes ikke med at sende hændelse!"
+    },
+    "server_offline": {
+        "description": "Din server svarer ikke på visse af dine forespørgsler. Herunder kan du se nogle af de mest sandsynlige grunde.",
+        "description_1": "Serveren (%(serverName)s) tog for lang tid om at svare.",
+        "description_2": "Din firewall eller anti-virus blokerer for anmodningen.",
+        "description_3": "En browserudvidelse forhindrer anmodningen.",
+        "description_4": "Serveren er offline.",
+        "description_5": "Serveren har afvist din anmodning.",
+        "description_6": "Der er problemer med at forbinde til internettet i dit område.",
+        "description_7": "Der opstod en forbindelsesfejl under forsøget på at kontakte serveren.",
+        "description_8": "Serveren er ikke konfigureret til at angive, hvad problemet er (CORS).",
+        "empty_timeline": "Du er helt ajour.",
+        "recent_changes_heading": "Seneste ændringer, der endnu ikke er modtaget",
+        "title": "Serveren svarer ikke"
+    },
+    "seshat": {
+        "error_initialising": "Påbegyndelse af beskedsøgning fejlede. Tjek <a>dine indstillinger</a> for yderligere information",
+        "reset_button": "Nulstil begivenhedslager",
+        "reset_description": "Du ønsker sandsynligvis ikke at nulstille lageret for dit begivenhedsindex.",
+        "reset_explainer": "Hvis du gør, skal du være opmærksom på, at ingen af dine beskeder vil blive slettet, men at søgefunktionen kan være forringet i et kort øjeblik, imens indekset genoprettes.",
+        "reset_title": "Nulstil begivenhedsarkiv?",
+        "warning_kind_files": "Denne version af %(brand)s understøtter ikke visning af visse krypterede filer.",
+        "warning_kind_files_app": "Benyt <a>skrivebordsapplikationen</a> for at se alle krypterede filer",
+        "warning_kind_search": "Denne version af %(brand)s understøtter ikke søgning i krypterede beskeder.",
+        "warning_kind_search_app": "Benyt <a>skrivebordsapplikationen</a> til at søge i krypterede beskeder"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Dit adgangstoken giver fuld adgang til din konto. Del det ikke med nogen.",
+            "brand_version": "%(brand)s version:",
+            "clear_cache_reload": "Ryd cache og genindlæs",
+            "help_link": "For hjælp til brug af %(brand)s, klik <a>her</a>.",
+            "homeserver": "Hjemmeserveren er <code>%(homeserverUrl)s</code>",
+            "identity_server": "Identitetsserveren er <code>%(identityServerUrl)s</code>",
+            "title": "Hjælp og Informationer",
+            "versions": "Versioner"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "Vis alle rum i Home",
+        "all_rooms_home_description": "Alle rum, du er i, vises i Home.",
+        "always_show_message_timestamps": "Vis altid tidsstempler for beskeder",
+        "appearance": {
+            "custom_font": "Brug en systemskrifttype",
+            "custom_font_description": "Indstil navnet på en skrifttype installeret på dit system og %(brand)s vil forsøge at bruge den.",
+            "custom_font_name": "Navn på systemskrifttype",
+            "custom_font_size": "Brug brugerdefineret størrelse",
+            "custom_theme_error_downloading": "Fejl ved download af tema",
+            "custom_theme_invalid": "Ugyldigt temaskema.",
+            "font_size": "Skriftstørrelse",
+            "image_size_default": "Standard",
+            "image_size_large": "Stor",
+            "layout_bubbles": "Beskedbobler",
+            "layout_irc": "IRC (eksperimentel)",
+            "match_system_theme": "Match systemets tema",
+            "timeline_image_size": "Billedstørrelse på tidslinjen"
+        },
+        "automatic_language_detection_syntax_highlight": "Aktiver automatisk sprogregistrering for syntaksfremhævning",
+        "autoplay_gifs": "Automatisk afspilning af GIF'er",
+        "autoplay_videos": "Automatisk afspilning af videoer",
+        "big_emoji": "Aktivér store emoji i chat",
+        "code_block_expand_default": "Udvid kodeblokke som standard",
+        "code_block_line_numbers": "Vis linjenumre i kodeblokke",
+        "disable_historical_profile": "Vis aktuelt profilbillede og navn for brugere i meddelelseshistorikken",
+        "emoji_autocomplete": "Aktiver emoji forslag under indtastning",
+        "enable_markdown": "Aktivér Markdown",
+        "enable_markdown_description": "Start beskeder med <code> /plain </code> for at sende uden markdown.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Dine kontodetaljer, kontakter, foretrukne valg og chats vil blive beholdt",
+                "breadcrumb_page": "Nulstil kryptering",
+                "other_people_device_title": "Andre personers enheder"
+            },
+            "delete_key_storage": {
+                "list_first": "Du vil ikke kunne se historikken for krypterede beskeder på nye enheder"
+            },
+            "recovery": {
+                "key_storage_warning": "Dit nøglelager er ikke synkroniseret. Klik på en af knapperne herunder for at løse problemet.",
+                "set_up_recovery_description": "Din nøgleopbevaring er beskyttet af en genoprettelsesnøgle. Hvis du har brug for en ny genoprettelsesnøgle efter opsætningen, kan du genskabe den ved at vælge '%(changeRecoveryKeyButton)s'."
+            }
+        },
+        "general": {
+            "account_management_section": "Administration af konto",
+            "account_section": "Konto",
+            "add_email_dialog_title": "Tilføj e-mail adresse",
+            "add_email_failed_verification": "Kunne ikke bekræfte emailaddressen: vær sikker på at klikke på linket i e-mailen",
+            "add_email_instructions": "Vi har sendt dig en mail for at bekræfte din e-mailadresse. Følg instruktionerne i den, og klik så på knappen herunder.",
+            "add_msisdn_confirm_body": "Klik på knappen herunder for at bekræfte tilføjelsen af dette telefonnummer.",
+            "add_msisdn_confirm_button": "Bekræft tilføjelse af telefonnummer",
+            "add_msisdn_confirm_sso_button": "Bekræft tilføjelsen af dette telefonnummer ved at bruge Single Sign On til at bevise din identitet.",
+            "add_msisdn_dialog_title": "Tilføj telefonnummer",
+            "add_msisdn_instructions": "Der er sendt en sms til +%(msisdn)s. Indtast den bekræftelseskode, den indeholder.",
+            "add_msisdn_misconfigured": "Tilføj/bind med MSISDN-flow er forkert konfigureret",
+            "confirm_adding_email_body": "Klik på knappen herunder for at bekræfte tilføjelsen af denne email adresse.",
+            "confirm_adding_email_title": "Bekræft tilføjelse af email",
+            "deactivate_confirm_body": "Er du sikker på, at du vil deaktivere din konto? Det kan ikke omgøres.",
+            "deactivate_confirm_body_sso": "Bekræft deaktivering af din konto ved at bruge Single Sign On for at bevise din identitet.",
+            "deactivate_confirm_content": "Bekræft, at du gerne vil deaktivere din konto. Hvis du fortsætter:",
+            "deactivate_confirm_content_1": "Vil du ikke være i stand til at genaktivere din konto",
+            "deactivate_confirm_content_2": "Vil du ikke længere kunne logge ind",
+            "deactivate_confirm_content_3": "Vil ingen være i stand til at genbruge dit brugernavn (MXID), inklusive dig: dette brugernavn forbliver utilgængeligt",
+            "deactivate_confirm_content_4": "Forlader du alle rum og samtaler, du er i",
+            "deactivate_confirm_content_5": "Vil du blive fjernet fra identitetsserveren: dine venner kan ikke længere finde dig med din e-mail eller telefonnummer",
+            "deactivate_confirm_content_6": "Dine gamle beskeder vil stadig være synlige for brugere der har modtaget dem, ligesom e-mails, du har sendt tidligere er det. Vil du skjule dine sendte beskeder fra brugere, der tilslutter sig rummet i fremtiden?",
+            "deactivate_confirm_continue": "Bekræft deaktivering af konto",
+            "deactivate_confirm_erase_label": "Skjul mine beskeder for nye deltagere",
+            "deactivate_section": "Deaktiver brugerkonto",
+            "deactivate_warning": "Deaktivering af din konto er en permanent handling - pas på!",
+            "discovery_email_empty": "Opdagelsesmuligheder vil blive vist, når du har tilføjet en e-mail.",
+            "discovery_email_verification_instructions": "Verificér via linket i din indbakke",
+            "discovery_msisdn_empty": "Opdagelsesmuligheder vises, når du har tilføjet et telefonnummer.",
+            "discovery_needs_terms": "Accepter identitetsserveren %(serverName)s)s Servicevilkår for at blive synliggjort via e-mail-adresse eller telefonnummer.",
+            "discovery_needs_terms_title": "Lad andre finde dig",
+            "display_name": "Viste navn",
+            "display_name_error": "Kunne ikke ændre det viste navn",
+            "email_address_in_use": "Denne email adresse er allerede i brug",
+            "email_address_label": "E-mail adresse",
+            "email_not_verified": "Din e-mailadresse er ikke blevet verificeret endnu",
+            "email_verification_instructions": "Klik på linket i den e-mail, du har modtaget, for at verificere dig, og klik derefter på Fortsæt igen.",
+            "emails_heading": "E-mailadresser",
+            "error_add_email": "Kan ikke tilføje e-mailadresse",
+            "error_deactivate_communication": "Der opstod et problem med at kommunikere med serveren. Prøv venligst igen.",
+            "error_deactivate_invalid_auth": "Serveren returnerede ikke gyldige godkendelsesoplysninger.",
+            "error_deactivate_no_auth": "Serveren krævede ingen godkendelse",
+            "error_email_verification": "Kunne ikke bekræfte e-mail-adresse.",
+            "error_invalid_email": "Ugyldig e-mailadresse",
+            "error_invalid_email_detail": "Dette ser ikke ud til at være en gyldig e-mailadresse",
+            "error_msisdn_verification": "Kunne ikke bekræfte telefonnummer.",
+            "error_password_change_403": "Kunne ikke ændre adgangskoden. Er din adgangskode rigtig?",
+            "error_password_change_http": "%(errorMessage)s (HTTP-status %(httpStatus)s)",
+            "error_password_change_title": "Fejl ved ændring af adgangskode",
+            "error_password_change_unknown": "Fejl ved ukendt ændring af adgangskode (%(stringifiedError)s)",
+            "error_remove_3pid": "Kontaktoplysninger kan ikke fjernes",
+            "error_revoke_email_discovery": "Kan ikke tilbagekalde deling for e-mail-adresse",
+            "error_revoke_msisdn_discovery": "Kan ikke tilbagekalde deling af telefonnummer",
+            "error_share_email_discovery": "Kan ikke dele e-mailadresse",
+            "error_share_msisdn_discovery": "Kan ikke dele telefonnummer",
+            "identity_server_no_token": "Der blev ikke fundet noget identitets-adgangstoken",
+            "identity_server_not_set": "Identitetsserver er ikke indstillet",
+            "language_section": "Sprog",
+            "msisdn_in_use": "Dette telefonnummer er allerede i brug",
+            "msisdn_label": "Telefonnummer",
+            "msisdn_verification_field_label": "Verifikationskode",
+            "msisdn_verification_instructions": "Indtast bekræftelseskoden der er sendt via sms.",
+            "msisdns_heading": "Telefonnumre",
+            "oidc_manage_button": "Administrer konto",
+            "password_change_section": "Indstil en ny adgangskode til kontoen...",
+            "password_change_success": "Din adgangskode blev ændret.",
+            "profile_subtitle_oidc": "Din konto administreres separat af en identitetsudbyder, og derfor kan nogle af dine personlige oplysninger ikke ændres her.",
+            "remove_email_prompt": "Fjern %(email)s?",
+            "remove_msisdn_prompt": "Fjern %(phone)s?",
+            "spell_check_locale_placeholder": "Vælg en lokalitet"
+        },
+        "inline_url_previews_default": "Aktivér forhåndsvisninger",
+        "insert_trailing_colon_mentions": "Indsæt et afsluttende kolon efter brugeromtaler i starten af en meddelelse",
+        "jump_to_bottom_on_send": "Gå til bunden af tidslinjen, når du sender en besked",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Dine krypteringsnøgler på denne enhed bliver nu sikkerhedskopieret.",
+                "backup_setup_success_title": "Sikker backup gennemført",
+                "cancel_warning": "Hvis du annullerer nu, kan du miste krypterede beskeder og data, hvis du mister adgangen til dine logins.",
+                "confirm_security_phrase": "Bekræft din sikkerhedsfrase",
+                "description": "Beskyt dig mod at miste adgangen til krypterede meddelelser og data ved at sikkerhedskopiere krypteringsnøgler på din server.",
+                "download_or_copy": "%(downloadButton)s eller %(copyButton)s",
+                "enter_phrase_description": "Indtast en sikkerhedsfrase, som kun du kender, da den bruges til at beskytte dine data. For at være sikker bør du ikke genbruge adgangskoden til din konto.",
+                "enter_phrase_title": "Indtast en sikkerhedsfrase",
+                "enter_phrase_to_confirm": "Indtast din sikkerhedsfrase een gang til for at bekræfte den.",
+                "generate_security_key_description": "Vi genererer en gendannelsesnøgle, som du kan gemme et sikkert sted, f.eks. i en password manager eller et pengeskab.",
+                "generate_security_key_title": "Generer en gendannelsesnøgle",
+                "pass_phrase_match_failed": "Det stemmer ikke overens.",
+                "pass_phrase_match_success": "Det matcher!",
+                "phrase_strong_enough": "Fantastisk! Denne sikkerhedsfrase ser stærk nok ud.",
+                "secret_storage_query_failure": "Kan ikke forespørge om status for hemmelig lagring",
+                "security_key_safety_reminder": "Opbevar din gendannelsesnøgle et sikkert sted, f.eks. i en password manager eller et pengeskab, da den bruges til at beskytte dine krypterede data.",
+                "set_phrase_again": "Gå tilbage for at indtaste det igen.",
+                "settings_reminder": "Du kan også konfigurere sikker backup og administrere dine nøgler under Indstillinger.",
+                "title_confirm_phrase": "Bekræft sikkerhedsfrase",
+                "title_save_key": "Gem din gendannelsesnøgle",
+                "title_set_phrase": "Angiv en sikkerhedsfrase",
+                "unable_to_setup": "Kunne ikke oprette hemmelig lagring",
+                "use_different_passphrase": "Brug en anden adgangskode?",
+                "use_phrase_only_you_know": "Brug en hemmelig sætning, som kun du kender, og gem eventuelt en gendannelsesnøgle til brug som backup."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Bekræft adgangskode",
+            "enter_passphrase": "Indtast kodeord",
+            "export_description_1": "Denne proces giver dig mulighed for at eksportere nøglerne til beskeder som du har modtaget i krypterede rum, til en lokal fil. Du vil derefter kunne importere filen til en anden Matrix-klient i fremtiden, så den klient også vil kunne dekryptere disse beskeder.",
+            "export_description_2": "Den eksporterede fil giver alle, der kan læse den, mulighed for at dekryptere alle de krypterede beskeder du kan se, så du skal sørge for at opbevare den sikkert. For at hjælpe med det, bør du indtaste en unik adgangskode nedenfor, som kun vil blive brugt til at kryptere de eksporterede data. Det vil så kun være muligt at importere dataene ved hjælp af den samme adgangskode.",
+            "export_title": "Eksportér nøgler til rummet",
+            "file_to_import": "Fil, der skal importeres",
+            "import_description_1": "Denne proces giver dig mulighed for at importere krypteringsnøgler, som du tidligere har eksporteret fra en anden Matrix-klient. Du vil derefter kunne dekryptere alle de beskeder, som den anden klient kunne dekryptere.",
+            "import_description_2": "Eksportfilen vil blive beskyttet med en adgangskode. Du skal indtaste adgangskoden her for at dekryptere filen.",
+            "import_title": "Importér rum-nøgler",
+            "phrase_cannot_be_empty": "Adgangskoden må ikke være tom",
+            "phrase_must_match": "Adgangskoder skal stemme overens",
+            "phrase_strong_enough": "Fantastisk! Denne adgangskode ser stærk nok ud"
+        },
+        "keyboard": {
+            "title": "Tastatur"
+        },
+        "not_supported": "Din server har ikke implementeret denne funktion.",
+        "notifications": {
+            "default_setting_description": "Denne indstilling anvendes som standard på alle dine rum.",
+            "default_setting_section": "Jeg vil gerne have besked om (standardindstilling)",
+            "desktop_notification_message_preview": "Vis forhåndsvisning af besked i skrivebordsnotifikation",
+            "email_description": "Modtag en e-mailoversigt over missede notifikationer",
+            "email_section": "E-mail oversigt",
+            "email_select": "Vælg, hvilke e-mails du vil sende resuméer til. Administrer dine e-mails under <button> generelt</button>.",
+            "enable_audible_notifications_session": "Aktivér hørbare notifikationer for denne session",
+            "enable_desktop_notifications_session": "Aktivér skrivebordsmeddelelser for denne session",
+            "enable_email_notifications": "Aktivér e-mail underretninger for %(email)s",
+            "enable_notifications_account": "Aktivér notifikationer for denne konto",
+            "enable_notifications_account_detail": "Slå fra for at deaktivere underretninger på alle dine enheder og sessioner",
+            "enable_notifications_device": "Aktivér meddelelser på denne enhed",
+            "error_loading": "Der opstod en fejl ved indlæsning af dine notifikationsindstillinger.",
+            "error_permissions_denied": "%(brand)s har ikke tilladelse til at sende dig notifikationer - tjek venligst dine browserindstillinger",
+            "error_permissions_missing": "%(brand)s fik ikke tilladelse til at sende notifikationer - Vær sød at prøve igen",
+            "error_saving": "Fejl ved lagring af meddelelsespræferencer",
+            "error_saving_detail": "Der opstod en fejl under lagringen af dine meddelelsespræferencer.",
+            "error_title": "Kunne ikke slå Notifikationer til",
+            "error_updating": "Der opstod en fejl under opdatering af dine meddelelsespræferencer. Prøv venligst at skifte din indstilling igen.",
+            "invites": "Inviteret til et rum",
+            "keywords": "Vis et badge, <badge/> når nøgleord bruges i et rum.",
+            "keywords_prompt": "Indtast nøgleord her, eller brug dem til stavevariationer eller kaldenavne",
+            "labs_notice_prompt": "<strong>Opdatering: </strong> Vi har forenklet notifikationsindstillinger for at gøre indstillingerne lettere at finde. Nogle brugerdefinerede indstillinger, du tidligere har valgt, vises ikke her, men de er stadig aktive. Hvis du fortsætter, kan nogle af dine indstillinger ændre sig. <a>Få mere at vide </a>",
+            "mentions_keywords": "Omtaler og nøgleord",
+            "mentions_keywords_only": "Kun omtaler og nøgleord",
+            "messages_containing_keywords": "Meddelelser, der indeholder nøgleord",
+            "noisy": "Støjende",
+            "notices": "Beskeder sendt af bots",
+            "notify_at_room": "Giv besked, når nogen nævner at bruge @room",
+            "notify_keyword": "Giv besked, når nogen bruger et nøgleord",
+            "notify_mention": "Giv besked, når nogen nævner at bruge @displayname eller %(mxid)s",
+            "other_section": "Andre ting, vi tror, du måske er interesseret i:",
+            "people_mentions_keywords": "Personer, omtaler og nøgleord",
+            "play_sound_for_description": "Anvendes som standard på alle rum på alle enheder.",
+            "play_sound_for_section": "Afspil en lyd for",
+            "push_targets": "Meddelelsesmål",
+            "quick_actions_mark_all_read": "Marker alle beskeder som læst",
+            "quick_actions_reset": "Nulstil til standardindstillinger",
+            "quick_actions_section": "Hurtige handlinger",
+            "room_activity": "Ny rumaktivitet, opgraderinger og statusmeddelelser forekommer",
+            "rule_call": "Opkalds invitation",
+            "rule_contains_display_name": "Beskeder der indeholder mit viste navn",
+            "rule_contains_user_name": "Beskeder, der indeholder mit brugernavn",
+            "rule_encrypted": "Krypterede meddelelser i gruppechats",
+            "rule_encrypted_room_one_to_one": "Krypterede beskeder i en-til-en-chats",
+            "rule_invite_for_me": "Når jeg bliver inviteret til et rum",
+            "rule_message": "Beskeder i gruppechats",
+            "rule_room_one_to_one": "Beskeder i en-til-en chats",
+            "rule_roomnotif": "Beskeder, der indeholder @room",
+            "rule_suppress_notices": "Beskeder sendt af en bot",
+            "rule_tombstone": "Når rummene opgraderes",
+            "show_message_desktop_notification": "Vis besked i skrivebordsnotifikation",
+            "voip": "Lyd- og videoopkald"
+        },
+        "preferences": {
+            "Electron.enableHardwareAcceleration": "Aktivér hardwareacceleration (genstart %(appName)s for at få effekt)",
+            "always_show_menu_bar": "Vis altid vinduets menulinje",
+            "autocomplete_delay": "Forsinkelse ved autofuldførelse (ms)",
+            "code_blocks_heading": "Kodeblokke",
+            "compact_modern": "Brug et mere kompakt 'moderne' layout",
+            "composer_heading": "Teksteditor",
+            "enable_hardware_acceleration": "Aktivér hardwareacceleration",
+            "enable_tray_icon": "Vis bakkeikon og minimer vinduet til det ved lukning",
+            "keyboard_heading": "Tastaturgenveje",
+            "keyboard_view_shortcuts_button": "Klik <a>her</a> for at se alle tastaturgenveje",
+            "media_heading": "Billeder, GIF'er og videoer",
+            "presence_description": "Del din aktivitet og status med andre.",
+            "rm_lifetime": "Levetid for læsemarkør (ms)",
+            "rm_lifetime_offscreen": "Læs markørens levetid uden for skærmen (ms)",
+            "room_directory_heading": "Rumoversigt",
+            "room_list_heading": "Oversigt over rum",
+            "show_avatars_pills": "Vis avatarer i bruger-, rum- og begivenhedshenvisninger",
+            "show_polls_button": "Vis afstemningsknappen",
+            "surround_text": "Omring markeret tekst, når du skriver specialtegn",
+            "time_heading": "Visning af tid"
+        },
+        "prompt_invite": "Spørg, før du sender invitationer til potentielt ugyldige matrix-id'er",
+        "replace_plain_emoji": "Udskift automatisk almindelig tekst-emoji",
+        "security": {
+            "analytics_description": "Del anonyme data for at hjælpe os med at identificere problemer. Intet personligt. Ingen tredjeparter.",
+            "bulk_options_accept_all_invites": "Accepter alle %(invitedRooms)s invitationer",
+            "bulk_options_reject_all_invites": "Afvis alle %(invitedRooms)s invitationer",
+            "bulk_options_section": "Masseindstillinger",
+            "dialog_title": "<strong>Indstillinger: </strong> Sikkerhed og privatliv",
+            "e2ee_default_disabled_warning": "Din serveradministrator har deaktiveret automatisk end-to-end kryptering for private rum og direkte beskeder.",
+            "enable_message_search": "Aktivér beskedsøgning i krypterede rum",
+            "encryption_section": "Kryptering",
+            "ignore_users_empty": "Du har ingen ignorerede brugere.",
+            "ignore_users_section": "Ignorerede brugere",
+            "key_backup_algorithm": "Algoritme:",
+            "message_search_disable_warning": "Hvis deaktiveret, vises beskeder fra krypterede rum ikke i søgeresultaterne.",
+            "message_search_disabled": "Gem krypterede meddelelser sikkert lokalt, så de kan vises i søgeresultaterne.",
+            "message_search_enabled": {
+                "one": "Gem krypterede meddelelser sikkert lokalt, så de kan vises i søgeresultaterne, og brug %(size)s til at gemme meddelelser fra %(rooms)s rummet.",
+                "other": "Gem krypterede meddelelser sikkert lokalt, så de kan vises i søgeresultaterne, og brug %(size)s til at gemme meddelelser fra %(rooms)s rum."
+            },
+            "message_search_failed": "Initialisering af beskedsøgning mislykkedes",
+            "message_search_indexed_messages": "Indekserede meddelelser:",
+            "message_search_indexed_rooms": "Indekserede rum:",
+            "message_search_indexing": "Indekserer i øjeblikket: %(currentRoom)s",
+            "message_search_indexing_idle": "Indekserer i øjeblikket ikke meddelelser for noget rum.",
+            "message_search_intro": "%(brand)s gemmer krypterede beskeder lokalt og sikkert, så de kan vises i søgeresultaterne:",
+            "message_search_room_progress": "%(doneRooms)s ud af %(totalRooms)s",
+            "message_search_section": "Beskedsøgning",
+            "message_search_sleep_time": "Hvor hurtigt skal beskeder downloades.",
+            "message_search_space_used": "Anvendt plads:",
+            "message_search_unsupported": "%(brand)smangler nogle komponenter, der er nødvendige for sikker lokal caching af krypterede meddelelser. Hvis du gerne vil eksperimentere med denne funktion, skal du oprette et brugerdefineret %(brand)s skrivebord med <nativeLink> søgekomponenter tilføjet</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s kan ikke sikkert cache krypterede meddelelser lokalt, mens de kører i en webbrowser. Brug <desktopLink> %(brand)s skrivebord </desktopLink> til, at sørge for at krypterede meddelelser vises i søgeresultaterne.",
+            "record_session_details": "Registrer klientens navn, version og url for lettere at kunne genkende sessioner i session manager",
+            "send_analytics": "Send analysedata",
+            "strict_encryption": "Send kun beskeder til verificerede brugere"
+        },
+        "send_read_receipts": "Send kvitteringer for læsning",
+        "send_read_receipts_unsupported": "Din server understøtter ikke deaktivering af at sende æsekvitteringer.",
+        "send_typing_notifications": "Send indtastningsmeddelelser",
+        "sessions": {
+            "best_security_note": "For at opnå den bedste sikkerhed skal du bekræfte dine sessioner og logge ud fra enhver session, som du ikke genkender eller bruger længere.",
+            "confirm_sign_out": {
+                "one": "Bekræft fjernelse af denne enhed",
+                "other": "Bekræft fjernelse af disse enheder"
+            },
+            "confirm_sign_out_body": {
+                "one": "Klik på knappen nedenfor for at bekræfte fjernelse af denne enhed.",
+                "other": "Klik på knappen nedenfor for at bekræfte fjernelse af disse enheder."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Fjern enhed",
+                "other": "Fjern enheder"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Bekræft fjernelse af denne enhed ved at bruge Single Sign-On til at bevise din identitet.",
+                "other": "Bekræft fjernelse af disse enheder ved at bruge Single Sign-On til at bevise din identitet."
+            },
+            "current_session": "Nuværende session",
+            "desktop_session": "Skrivebordssession",
+            "details_heading": "Oplysninger om sessionen",
+            "device_unverified_description": "Verificér eller log ud af denne session for at opnå den bedste sikkerhed og pålidelighed.",
+            "device_unverified_description_current": "Verificér din aktuelle session for øget sikkerhed i samtaler.",
+            "device_verified_description": "Denne session er klar til sikre samtaler.",
+            "device_verified_description_current": "Din igangværende session er klar til sikker kommunikation",
+            "error_pusher_state": "Kunne ikke indstille push-tilstand",
+            "error_set_name": "Kunne ikke angive sessionsnavn",
+            "filter_all": "Alle",
+            "filter_inactive": "Inaktiv",
+            "filter_inactive_description": "Inaktiv i %(inactiveAgeDays)s dage eller længere",
+            "filter_label": "Filtrer enheder",
+            "filter_unverified_description": "Ikke klar til sikker kommunikation",
+            "filter_verified_description": "Klar til sikker kommunikation",
+            "hide_details": "Skjul detaljer",
+            "inactive_days": "Inaktiv i %(inactiveAgeDays)s + dage",
+            "inactive_sessions": "Inaktive sessioner",
+            "inactive_sessions_explainer_1": "Inaktive sessioner er sessioner, du ikke har brugt i noget tid. De modtager fortsat krypteringsnøgler.",
+            "inactive_sessions_explainer_2": "Fjernelse af inaktive sessioner forbedrer sikkerheden og ydeevnen og gør det lettere for dig at identificere, om en ny session er mistænkelig.",
+            "inactive_sessions_list_description": "Overvej at logge ud af gamle sessioner (%(inactiveAgeDays)s dage eller ældre) som du ikke bruger længere.",
+            "ip": "IP-adresse",
+            "last_activity": "Sidste aktivitet",
+            "mobile_session": "Mobil session",
+            "n_sessions_selected": {
+                "one": "%(count)s session valgt",
+                "other": "%(count)s sessioner valgt"
+            },
+            "no_inactive_sessions": "Der blev ikke fundet nogen inaktive sessioner.",
+            "no_sessions": "Der blev ikke fundet nogen sessioner",
+            "no_unverified_sessions": "Ingen ikke-verificerede sessioner fundet.",
+            "no_verified_sessions": "Ingen verificerede sessioner fundet.",
+            "other_sessions_heading": "Andre sessioner",
+            "push_heading": "Push-meddelelser",
+            "push_subheading": "Modtag push-meddelelser for denne session.",
+            "push_toggle": "Slå push-beskeder til/fra for denne session.",
+            "rename_form_caption": "Vær opmærksom på at sessionsnavne også er synlige for personer, du kommunikerer med.",
+            "rename_form_heading": "Omdøb session",
+            "rename_form_learn_more": "Omdøbning af sessioner",
+            "rename_form_learn_more_description_1": "Andre brugere i direkte beskeder og rum, som du deltager i, kan se en komplet liste over dine sessioner.",
+            "rename_form_learn_more_description_2": "Dette giver dem tillid til, at de virkelig taler til dig, men det betyder også, at de kan se det sessionsnavn, du indtaster her.",
+            "security_recommendations": "Sikkerhedsanbefalinger",
+            "security_recommendations_description": "Øg sikkerheden på din konto ved at følge disse anbefalinger.",
+            "session_id": "Sessions ID",
+            "show_details": "Vis detaljer",
+            "sign_in_with_qr": "Forbind ny enhed",
+            "sign_in_with_qr_button": "Vis QR-kode",
+            "sign_in_with_qr_description": "Brug en QR-kode til at logge ind på en anden enhed og opsætte sikker beskedkommunikation.",
+            "sign_out": "Fjern denne session",
+            "sign_out_all_other_sessions": "Log ud af alle andre sessioner (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Er du sikker på, at du vil logge ud af %(count)s sessionen?",
+                "other": "Er du sikker på, at du vil logge ud af %(count)s sessioner?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Log ud af %(count)s session",
+                "other": "Log ud af %(count)s sessioner"
+            },
+            "title": "Sessioner",
+            "unknown_session": "Ukendt sessionstype",
+            "unverified_session": "Ubekræftet session",
+            "unverified_session_explainer_1": "Denne session understøtter ikke kryptering og kan derfor ikke verificeres.",
+            "unverified_session_explainer_2": "Du vil ikke kunne deltage i krypterede rum, fra denne session.",
+            "unverified_session_explainer_3": "For at opnå den bedste sikkerhed og privatliv anbefales det at bruge Matrix-klienter, der understøtter kryptering.",
+            "unverified_sessions": "Uverificerede sessioner",
+            "unverified_sessions_explainer_1": "U-verificerede sessioner er sessioner, der er logget ind med dine legitimationsoplysninger, men som ikke er blevet krydsverificeret.",
+            "unverified_sessions_explainer_2": "Du bør især sikre dig, at du genkender disse sessioner, da de kan repræsentere en uautoriseret brug af din konto.",
+            "unverified_sessions_list_description": "Bekræft dine sessioner for at få forbedret sikker kommunikation, eller log ud af de sessioner, du ikke genkender eller ikke længere bruger.",
+            "url": "URL",
+            "verified_session": "Verificeret session",
+            "verified_sessions": "Verificerede sessioner",
+            "verified_sessions_explainer_1": "Verificerede sessioner er overalt, hvor du bruger denne konto efter at have indtastet din adgangssætning eller bekræftet din identitet med en anden bekræftet session.",
+            "verified_sessions_explainer_2": "Det betyder, at du har alle de nødvendige nøgler til at låse dine krypterede meddelelser op og bekræfte over for andre brugere, at du har tillid til denne session.",
+            "verified_sessions_list_description": "For at opnå den bedste sikkerhed bør du logge ud fra enhver session, som du ikke genkender eller bruger længere.",
+            "verify_session": "Verificér sessionen",
+            "web_session": "Websession"
+        },
+        "show_avatar_changes": "Vis ændringer af profilbillede",
+        "show_breadcrumbs": "Vis genveje til senest viste rum over rumlisten",
+        "show_chat_effects": "Vis chateffekter (animationer, når du modtager f.eks. konfetti)",
+        "show_displayname_changes": "Vis ændringer af det viste navn",
+        "show_join_leave": "Vis tilmeldings-/forladelsesbeskeder (invitationer/fjernelser/forbud påvirkes ikke)",
+        "show_nsfw_content": "Vis NSFW-indhold",
+        "show_read_receipts": "Vis læsekvitteringer sendt af andre brugere",
+        "show_redaction_placeholder": "Vis en pladsholder for fjernede beskeder",
+        "show_stickers_button": "Vis klistermærkeknappen",
+        "show_typing_notifications": "Vis indtastningsmeddelelser",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "Vis alle rum",
+            "metaspaces_home_all_rooms_description": "Vi alle dine rum i Hjem, selv hvis de er i en klynge",
+            "metaspaces_home_description": "Hjem er godt til at få et overblik over det hele.",
+            "metaspaces_orphans": "Rum udenfor en klynge",
+            "metaspaces_orphans_description": "Saml alle dine rum, der ikke er en del af en klynge, på ét sted.",
+            "metaspaces_subsection": "Klynger at vise",
+            "metaspaces_video_rooms": "Video-rum og konferencer",
+            "metaspaces_video_rooms_description": "Saml alle private video-rum og konferencer.",
+            "metaspaces_video_rooms_description_invite_extension": "I konferencer kan du invitere andre, der ikke er på matrix.",
+            "spaces_explainer": "Klynger er en måde at samle rum og brugere på. Ud over de klynger du er i, kan du også benytte nogle nogle forhåndskonstruerede.",
+            "title": "Sidemenu"
+        },
+        "start_automatically": {
+            "disabled": "Nej",
+            "enabled": "Ja",
+            "label": "Åbn %(brand)s når du logger ind på din computer",
+            "minimised": "Minimeret"
+        },
+        "use_12_hour_format": "Vis tidsstempler i 12-timers format (f.eks. 2:30pm)",
+        "use_command_enter_send_message": "Brug Command + Enter for at sende en besked",
+        "use_command_f_search": "Brug Command + F til at søge på tidslinjen",
+        "use_control_enter_send_message": "Brug Ctrl + Enter til at sende en besked",
+        "use_control_f_search": "Brug Ctrl + F til at søge på tidslinjen",
+        "voip": {
+            "allow_p2p": "Tillad peer-to-peer til 1:1 opkald",
+            "allow_p2p_description": "Når den er aktiveret, kan den anden part muligvis se din IP-adresse",
+            "audio_input_empty": "Ingen mikrofoner registreret",
+            "audio_output": "Lydudgang",
+            "audio_output_empty": "Ingen lydudgange registreret",
+            "auto_gain_control": "Automatisk gain-kontrol",
+            "echo_cancellation": "Fjernelse af ekko",
+            "enable_fallback_ice_server": "Tillad hjælpeserver som fallback til opkald (%(server)s)",
+            "enable_fallback_ice_server_description": "Gælder kun, hvis din hjemmeserver ikke tilbyder en. Din IP-adresse vil blive delt under et opkald.",
+            "mirror_local_feed": "Spejl lokalt videofeed",
+            "missing_permissions_prompt": "Manglende medietilladelser, klik på knappen nedenfor for at anmode om dem.",
+            "noise_suppression": "Undertrykkelse af støj",
+            "request_permissions": "Anmod om medietilladelser",
+            "title": "Stemme & Video",
+            "video_input_empty": "Ingen webkameraer fundet",
+            "video_section": "Videoindstillinger",
+            "voice_agc": "Juster mikrofonens lydstyrke automatisk",
+            "voice_processing": "Stemmebehandling",
+            "voice_section": "Stemmeindstillinger"
+        },
+        "warn_quit": "Advar før du lukker",
+        "warning": "<w>ADVARSEL:</w> <description/>"
+    },
+    "share": {
+        "permalink_message": "Link til den valgte besked",
+        "permalink_most_recent": "Link til den seneste besked",
+        "share_call_subtitle": "Link så eksterne brugere kan deltage i opkaldet uden en matrix-konto:",
+        "title_message": "Del besked",
+        "title_room": "Del rum",
+        "title_user": "Del bruger"
+    },
+    "slash_command": {
+        "addwidget": "Tilføjer en widget til rummet ved hjælp af URL",
+        "addwidget_iframe_missing_src": "iframe har ingen src-attribut",
+        "addwidget_invalid_protocol": "Oplys venligst en https:// eller http:// widget URL",
+        "addwidget_missing_url": "Angiv en widget-URL eller indlejringskode",
+        "addwidget_no_permissions": "Du kan ikke ændre widgets i dette rum.",
+        "ban": "Spærrer bruger med oplyst ID",
+        "category_actions": "Handlinger",
+        "category_admin": "Administrator",
+        "category_advanced": "Avanceret",
+        "category_effects": "Effekter",
+        "category_messages": "Beskeder",
+        "category_other": "Andre",
+        "command_error": "Kommandofejl",
+        "converttodm": "Konverterer rummet til en direkte samtale",
+        "converttoroom": "Konverterer den direkte samtale til et rum",
+        "could_not_find_room": "Kunne ikke finde rum",
+        "deop": "Fjerner OP af bruger med givet id",
+        "devtools": "Åbner dialogen med udviklerværktøjer",
+        "discardsession": "Tvinger den nuværende udgående fælles-session i et krypteret rum til at blive kasseret",
+        "error_invalid_rendering_type": "Kommandofejl: Kan ikke finde renderingstype (%(renderingType)s)",
+        "error_invalid_room": "Kommando mislykkedes: Kan ikke finde rum (%(roomId)s)",
+        "error_invalid_runfn": "Kommandofejl: Kan ikke håndtere skråstregskommando.",
+        "error_invalid_user_in_room": "Kunne ikke finde brugeren i rummet",
+        "help": "Viser en liste over kommandoer med beskrivelser",
+        "help_dialog_title": "Hjælp til kommandoer",
+        "holdcall": "Sætter opkaldet i det aktuelle rum på hold",
+        "html": "Sender besked som html, uden at tolke den som markdown",
+        "ignore": "Ignorerer en bruger og skjuler dennes beskeder fra dig",
+        "ignore_dialog_description": "Du ignorerer nu %(userId)s",
+        "ignore_dialog_title": "Ignoreret bruger",
+        "invite": "Inviterer bruger med givet id til nuværende rum",
+        "invite_3pid_needs_is_error": "Brug en identitetsserver for at invitere pr. mail. Administrer dette under Indstillinger.",
+        "invite_3pid_use_default_is_title": "Brug en identitetsserver",
+        "invite_3pid_use_default_is_title_description": "Brug en identitetsserver for at invitere pr. mail. Tryk på Fortsæt for at bruge den almindelige identitetsserver (%(defaultIdentityServerName)s) eller indtast en anden under Indstillinger.",
+        "invite_failed": "Brugeren (%(user)s) blev ikke inviteret til %(roomId)s, men der blev ikke vist nogen fejlmeddelelse fra invitationsværktøjet.",
+        "join": "Deltager i rummet med den givne adresse",
+        "jumptodate": "Gå til den givne dato i tidslinjen",
+        "jumptodate_invalid_input": "Vi var ikke i stand til at forstå den angivne dato (%(inputDate)s). Prøv at bruge formatet ÅÅÅÅ-MM-DD.",
+        "lenny": "Sætter ( ͡° ͜ʖ ͡°) foran en ren tekstbesked",
+        "me": "Viser handling",
+        "msg": "Sender en besked til den givne bruger",
+        "myavatar": "Ændrer dit profilbillede i alle rum",
+        "myroomavatar": "Ændrer kun dit profilbillede i det aktuelle rum",
+        "myroomnick": "Ændrer kun dit viste navn for det nuværende rum",
+        "nick": "Ændrer dit viste navn",
+        "no_active_call": "Der er ingen aktive opkald i dette rum.",
+        "op": "Indstil rettighedsniveau for en bruger",
+        "part_unknown_alias": "Ukendt rumadresse: %(roomAlias)s",
+        "plain": "Sender en besked som ren tekst, uden at fortolke den som markdown",
+        "query": "Åbner chat med den angivne bruger",
+        "query_not_found_phone_number": "Kan ikke finde Matrix-ID for telefonnummer",
+        "rageshake": "Send en fejlrapport med logfiler",
+        "rainbow": "Sender beskeden med regnbuefarver",
+        "rainbowme": "Sender emoji'en med regnbuefarver",
+        "remove": "Fjerner bruger med angivet id fra dette rum",
+        "roomavatar": "Ændrer avataren i det nuværende rum",
+        "roomname": "Sætter rumnavnet",
+        "server_error": "Serverfejl",
+        "server_error_detail": "Serveren er ikke tilgængelig, den kan være overbelastet, eller noget andet kan være galt.",
+        "shrug": "Tilføjer ¯\\_(ツ)_/¯ i starten af beskeder i ren tekst",
+        "spoiler": "Sender den givne besked som en spoiler",
+        "tableflip": "Antag (╯°□°）╯︵ ┻━┻ til en ren tekstbesked",
+        "topic": "Henter eller sætter rummets emne",
+        "topic_none": "Dette rum har intet emne.",
+        "topic_room_error": "Kunne ikke hente rummets emne: Kan ikke finde rummet (%(roomId)s",
+        "unban": "Fjerner spærring fra brugeren med det oplyste ID",
+        "unflip": "Tilføjer ┬──┬ ノ( ゜-゜ノ) til en ren tekstbesked",
+        "unholdcall": "Tager opkaldet i det aktuelle rum ud af venteposition",
+        "unignore": "Stopper med at ignorere en bruger og viser deres beskeder igen fra nu af",
+        "unignore_dialog_description": "Du ignorerer ikke længere %(userId)s",
+        "unignore_dialog_title": "Holdt op med at ignorere bruger",
+        "unknown_command": "Ukendt kommando",
+        "unknown_command_button": "Send som besked",
+        "unknown_command_detail": "Ukendt kommando: %(commandText)s",
+        "unknown_command_help": "Du kan bruge <code>/hjælp</code> for at liste tilgængelige kommandoer. Ville du sende dette som en besked?",
+        "unknown_command_hint": "Tip: Begynd din besked med <code>//</code> for at starte den med en skråstreg.",
+        "upgraderoom": "Opgraderer et rum til en ny version",
+        "upgraderoom_permission_error": "Du har ikke de nødvendige rettigheder for at udføre denne kommando.",
+        "usage": "Brug",
+        "verify": "Bekræft manuelt en af dine egne enheder",
+        "view": "Viser rummet med den angivne adresse",
+        "whois": "Viser information om en bruger"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "Vil du hellere tilføje et nyt rum?",
+            "create_prompt": "Opret et nyt rum",
+            "dm_heading": "Direkte beskeder",
+            "error_heading": "Ikke alle valgte blev tilføjet",
+            "progress_text": {
+                "one": "Tilføjer rum...",
+                "other": "Tilføjer rum... (%(progress)s ud af %(count)s)"
+            },
+            "space_dropdown_label": "Valg af klynge",
+            "space_dropdown_title": "Tilføj eksisterende rum",
+            "subspace_moved_note": "Tilføjelse af klynger er flyttet"
+        },
+        "add_existing_subspace": {
+            "create_button": "Opret en ny klynge",
+            "create_prompt": "Vil du tilføje en ny klynge i stedet?",
+            "filter_placeholder": "Søg efter klynger",
+            "space_dropdown_title": "Tilføj eksisterende klynge"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Se rummets tidslinje (devtools)",
+            "explore": "Udforsk rum",
+            "home": "Hjem for klynge",
+            "manage_and_explore": "Bestyr og udforsk rum",
+            "options": "Valgmuligheder for klynge"
+        },
+        "failed_load_rooms": "Kunne ikke indlæse listen over rum.",
+        "failed_remove_rooms": "Kunne ikke fjerne nogle rum. Prøv igen senere.",
+        "incompatible_server_hierarchy": "Din server understøtter ikke visning af klyngehierakier.",
+        "invite": "Invitér brugere",
+        "invite_description": "Invitér med email eller brugernavn",
+        "invite_link": "Del invitationslink",
+        "joining_space": "Tilslutter",
+        "landing_welcome": "Velkommen til <name/>",
+        "leave_dialog_action": "Forlad klynge",
+        "leave_dialog_description": "Du er i færd med at forlade <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Du er den eneste admin i nogle af de rum eller klynger som du ønsker at forlade. Hvis du forlader dem, står de uden nogen administratorer.",
+        "leave_dialog_only_admin_warning": "Du er den eneste administrator af denne klynge. Hvis du forlader den, medfører det, at ingen længere har kontrol over den.",
+        "leave_dialog_option_all": "Forlad alle rum",
+        "leave_dialog_option_intro": "Ønsker du at forlade rummene i denne klynge?",
+        "leave_dialog_option_none": "Forlad ikke nogen rum",
+        "leave_dialog_option_specific": "Forlad visse rum",
+        "leave_dialog_public_rejoin_warning": "Du kan ikke tilslutte dig igen, medmindre du modtager en ny invitation.",
+        "leave_dialog_title": "Forlad %(spaceName)s",
+        "mark_suggested": "Markér som foreslået",
+        "no_search_result_hint": "Du kan prøve med en anden søgning eller tjekke denne for stavefejl.",
+        "preferences": {
+            "sections_section": "Sektioner, der skal vises",
+            "show_people_in_space": "Dette samler dine chats med medlemmer af denne klynge. Hvis du slår denne funktion fra, bliver disse chats skjult fra din visning af %(spaceName)s."
+        },
+        "room_filter_placeholder": "Søg efter rum",
+        "search_children": "Søg i %(spaceName)s",
+        "search_placeholder": "Søg efter navne og beskrivelser",
+        "select_room_below": "Vælg først et rum nedenfor",
+        "share_public": "Del din offentlige klynge",
+        "suggested": "Forslag",
+        "suggested_tooltip": "Dette rum anbefales som et godt et at deltage i",
+        "title_when_query_available": "Resultater",
+        "title_when_query_unavailable": "Rum og klynger",
+        "unmark_suggested": "Markér som ikke foreslået",
+        "user_lacks_permission": "Du har ikke tilladelse"
+    },
+    "space_settings": {
+        "title": "Indstillinger - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Indtast navnet på en ny server, du ønsker at udforske.",
+            "network_dropdown_add_dialog_placeholder": "Servernavn",
+            "network_dropdown_add_dialog_title": "Tilføj en ny server",
+            "network_dropdown_add_server_option": "Tilføj ny server...",
+            "network_dropdown_available_invalid": "Kunne ikke finde denne server eller dens rumliste",
+            "network_dropdown_available_invalid_forbidden": "Du har ikke tilladelse til at se denne servers rumliste.",
+            "network_dropdown_available_valid": "Det ser fint ud",
+            "network_dropdown_remove_server_adornment": "Fjern serveren \"%(roomServer)s\"",
+            "network_dropdown_required_invalid": "Indtast et servernavn",
+            "network_dropdown_selected_label": "Vis: Matrix-rum",
+            "network_dropdown_selected_label_instance": "Vis: %(instance)s rum (%(server)s)",
+            "network_dropdown_your_server_description": "Din server"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Hvis du ikke kan se den du leder efter, så send dem et invitationslink.",
+        "cant_find_room_helpful_hint": "Hvis du ikke kan finde det rum, du leder efter, kan du bede om en invitation eller oprette et nyt rum.",
+        "copy_link_text": "Kopiér invitationslinket",
+        "count_of_members": {
+            "one": "%(count)s Medlem",
+            "other": "%(count)s Medlemmer"
+        },
+        "create_new_room_button": "Opret nyt rum",
+        "failed_querying_public_rooms": "Kunne ikke forespørge på offentlige rum",
+        "failed_querying_public_spaces": "Kunne ikke forespørge på offentlige klynger",
+        "group_chat_section_title": "Andre indstillinger",
+        "heading_with_query": "Brug \"%(query)s\" til at søge",
+        "heading_without_query": "Søg efter",
+        "join_button_text": "Deltag i %(roomAddress)s",
+        "keyboard_scroll_hint": "Brug <arrows/> til at rulle",
+        "other_rooms_in_space": "Andre rum i %(spaceName)s",
+        "public_rooms_label": "Offentlige rum",
+        "public_spaces_label": "Offentlige klynger",
+        "recent_searches_section_title": "Seneste søgninger",
+        "recently_viewed_section_title": "Senest besøgt",
+        "remove_filter": "Fjern søgefilter for %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Nogle resultater kan være skjult af hensyn til privatlivets fred",
+        "result_may_be_hidden_warning": "Nogle resultater kan være skjult",
+        "search_dialog": "Dialogboks til søgning",
+        "spaces_title": "Klynger, du er med i",
+        "start_group_chat_button": "Start en fælles samtale"
+    },
+    "stickers": {
+        "empty": "Du har i øjeblikket ingen klistermærkepakker aktiveret.",
+        "empty_add_prompt": "Tilføj nogle nu"
+    },
+    "terms": {
+        "column_document": "Dokument",
+        "column_service": "Tjeneste",
+        "column_summary": "Resumé",
+        "identity_server_no_terms_description_1": "Denne handling kræver adgang til default identitets serveren <server /> for at validere en email adresse eller et telefonnummer, men serveren har ingen terms of service.",
+        "identity_server_no_terms_description_2": "Fortsæt kun hvis du stoler på ejeren af denne server.",
+        "identity_server_no_terms_title": "Identity serveren har ingen terms of service",
+        "inline_intro_text": "Acceptér <policyLink /> for at fortsætte:",
+        "integration_manager": "Brug bots, broer, widgets og klistermærkepakker",
+        "intro": "For at fortsætte skal du acceptere vilkårene for denne tjeneste.",
+        "summary_identity_server_1": "Find andre via telefon eller e-mail",
+        "summary_identity_server_2": "Bliv fundet via telefon eller e-mail",
+        "tac_button": "Gennemgå vilkår og betingelser",
+        "tac_description": "For at fortsætte med at bruge %(homeserverDomain)s hjemmeserveren skal du gennemgå og acceptere vores vilkår og betingelser.",
+        "tac_title": "Vilkår og betingelser",
+        "tos": "Vilkår for brug"
+    },
+    "theme": {
+        "light_high_contrast": "Lys høj kontrast",
+        "match_system": "Match system"
+    },
+    "thread_view_back_action_label": "Tilbage til tråden",
+    "threads": {
+        "all_threads": "Alle tråde",
+        "all_threads_description": "Viser alle tråde fra det aktuelle rum",
+        "count_of_reply": {
+            "one": "%(count)s svar",
+            "other": "%(count)s svar"
+        },
+        "mark_all_read": "Markér alle som læst",
+        "my_threads": "Mine tråde",
+        "my_threads_description": "Viser alle de tråde, du har deltaget i",
+        "open_thread": "Åbn tråd",
+        "show_thread_filter": "Vis:"
+    },
+    "threads_activity_centre": {
+        "header": "Aktivitet i tråde",
+        "no_rooms_with_threads_notifs": "Du har ingen rum med notifikationer fra tråde endnu.",
+        "no_rooms_with_unread_threads": "Du har ingen rum med ulæste tråde."
+    },
+    "time": {
+        "date_at_time": "%(date)s om %(time)s",
+        "hours_minutes_seconds_left": "%(hours)st %(minutes)sm %(seconds)ss tilbage",
+        "left": "%(timeRemaining)s tilbage",
+        "minutes_seconds_left": "%(minutes)sm %(seconds)ss tilbage",
+        "seconds_left": "%(seconds)ss tilbage",
+        "short_days": "%(value)sd",
+        "short_days_hours_minutes_seconds": "%(days)sd %(hours)st %(minutes)sm %(seconds)ss",
+        "short_hours": "%(value)st",
+        "short_hours_minutes_seconds": "%(hours)st %(minutes)sm %(seconds)ss",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)ss",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Skjul svar-tråd",
+            "external_url": "Kilde URL",
+            "open_in_osm": "Åbn i OpenStreetMap",
+            "report": "Anmeld",
+            "resent_unsent_reactions": "Send %(unsentCount)s reaktion(er) igen",
+            "show_url_preview": "Vis forhåndsvisning",
+            "view_related_event": "Se relateret begivenhed",
+            "view_source": "Se kilde"
+        },
+        "creation_summary_dm": "%(creator)s oprettede denne samtale.",
+        "creation_summary_room": "%(creator)s oprettede og konfigurerede rummet.",
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Downloader",
+        "edits": {
+            "tooltip_label": "Redigeret %(date)s. Klik for at se redigeringer.",
+            "tooltip_sub": "Klik for at se redigeringer",
+            "tooltip_title": "Redigeret %(date)s"
+        },
+        "error_no_renderer": "Denne begivenhed kunne ikke vises",
+        "error_rendering_message": "Kan ikke indlæse denne besked",
+        "historical_messages_unavailable": "Du kan ikke se tidligere beskeder",
+        "in_room_name": " i <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s har opdateret rummets layout",
+        "load_error": {
+            "no_permission": "Forsøgte at indlæse et bestemt punkt på dette rums tidslinje, men du har ikke tilladelse til at se den pågældende besked.",
+            "title": "Kunne ikke indlæse tidslinjeposition",
+            "unable_to_find": "Jeg prøvede at indlæse et specifikt punkt på dette rums tidslinje, men kunne ikke finde det."
+        },
+        "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Se live lokation"
+        },
+        "m.call": {
+            "video_call_ended": "Videoopkald afsluttet",
+            "video_call_started": "Videoopkald startede i %(roomName)s.",
+            "video_call_started_text": "%(name)s startede et videoopkald",
+            "video_call_started_unsupported": "Videoopkald startede i %(roomName)s. (understøttes ikke af denne browser)"
+        },
+        "m.call.hangup": {
+            "dm": "Opkaldet er afsluttet"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Besvaret andetsteds",
+            "call_back_prompt": "Ring tilbage",
+            "declined": "Opkald afvist",
+            "failed_connect_media": "Kunne ikke oprette forbindelse til medie",
+            "failed_connection": "Forbindelse mislykkedes",
+            "failed_opponent_media": "Deres enhed kunne ikke starte kameraet eller mikrofonen",
+            "missed_call": "Ubesvaret opkald",
+            "no_answer": "Intet svar",
+            "unknown_error": "Der opstod en ukendt fejl",
+            "unknown_failure": "Ukendt fejl: %(reason)s",
+            "unknown_state": "Opkaldet er i en ukendt tilstand!",
+            "video_call": "%(senderName)s foretog et videoopkald.",
+            "video_call_unsupported": "%(senderName)s foretog et videoopkald. (ikke understøttet af denne browser)",
+            "voice_call": "%(senderName)s foretog et stemmeopkald.",
+            "voice_call_unsupported": "%(senderName)s foretog et stemmeopkald. (ikke understøttet af denne browser)"
+        },
+        "m.file": {
+            "error_decrypting": "Fejl ved dekryptering af vedhæftet fil"
+        },
+        "m.image": {
+            "error": "Billedet kunne ikke vises på grund af en fejl",
+            "error_decrypting": "Fejl ved dekryptering af billede",
+            "error_downloading": "Fejl ved download af billede",
+            "sent": "%(senderDisplayName)s sendte et billed.",
+            "show_image": "Vis billede"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s ønsker at verificere",
+            "you_started": "Du har sendt en bekræftelsesanmodning"
+        },
+        "m.location": {
+            "full": "%(senderName)s har delt sin placering",
+            "location": "Delte en placering: ",
+            "self_location": "Delte sin placering: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s stemme",
+                "other": "%(count)s stemmer"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s har afsluttet en afstemning"
+        },
+        "m.poll.start": "%(senderName)s har startet en afstemning - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s ændrede rummets avatar.",
+            "lightbox_title": "%(senderDisplayName)s ændrede avataren for %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s tilføjede en alternativ adresse %(addresses)s til dette rum.",
+                "other": "%(senderName)s tilføjede de alternative adresser %(addresses)s til denne dette rum."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s fjernede alternative adresser %(addresses)s til dette rum.",
+                "other": "%(senderName)s fjernede de alternative adresser %(addresses)s til dette rum."
+            },
+            "changed": "%(senderName)s ændrede adresserne til dette rum.",
+            "changed_alternative": "%(senderName)s ændrede de alternative adresser til dette rum.",
+            "changed_main_and_alternative": "%(senderName)s ændrede hoved- og alternative adresser til dette rum.",
+            "removed": "%(senderName)s fjernede hovedadressen for dette rum.",
+            "set": "%(senderName)s satte hovedadressen af dette rum til %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Dette rum er en fortsættelse af en anden samtale.",
+            "see_older_messages": "Klik her for at se ældre beskeder.",
+            "unknown_predecessor": "Kan ikke finde den gamle version af dette rum (rum-ID: %(roomId)s), og vi har ikke fået 'via_servers' til at kunne søge efter det med.",
+            "unknown_predecessor_guess_server": "Kan ikke finde den gamle version af dette rum (rum-ID: %(roomId)s), og vi har ikke fået adgang til 'via_servers' for at kunne søge efter det. Det er muligt, at det vil fungere at gætte serveren ud fra rum-ID'et. Hvis du vil prøve, skal du klikke på dette link:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s har givet gæster adgang til rummet.",
+            "forbidden": "%(senderDisplayName)s har forhindret gæster i at tilgå rummet.",
+            "unknown": "%(senderDisplayName)s ændrede gæsteadgang til %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s gjorde fremtidig historik synligt for nye medlemmer, fra det tidspunkt de blev inviteret til rummet.",
+            "joined": "%(senderName)s gjorde fremtidig rumhistorik synligt for alle rummedlemmer, fra det tidspunkt de blev medlem.",
+            "shared": "%(senderName)s gjorde fremtidig rumhistorik synligt for alle rummedlemmer.",
+            "unknown": "%(senderName)s gjorde fremtidig rumhistorik synligt for ukendt (%(visibility)s).",
+            "world_readable": "%(senderName)s gjorde fremtidig rumhistorik synligt for alle."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s begrænsede adgang til rummet til kun inviterede.",
+            "knock": "%(senderDisplayName)s ændrede join-reglen til at spørge om at være med.",
+            "public": "%(senderDisplayName)s gjorde rummet offentligt for alle som kender linket.",
+            "restricted": "%(senderDisplayName)s ændrede, hvem der kan deltage i dette rum.",
+            "restricted_settings": "%(senderDisplayName)s ændrede, hvem der kan deltage i dette rum. <a>Se indstillinger</a>.",
+            "unknown": "%(senderDisplayName)s ændrede adgangsreglen til %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s accepterede invitationen til %(displayName)s",
+            "accepted_invite": "%(targetName)s accepterede en invitation",
+            "ban": "%(senderName)s spærrede %(targetName)s",
+            "ban_reason": "%(senderName)s spærrede %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s har ændret sit profilbillede",
+            "change_name": "%(oldDisplayName)s ændrede deres viste navn til %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s ændrede deres viste navn og profilbillede",
+            "invite": "%(senderName)s inviterede %(targetName)s",
+            "join": "%(targetName)s tilsluttede sig rummet",
+            "kick": "%(senderName)s fjernede %(targetName)s",
+            "kick_reason": "%(senderName)s fjernede %(targetName)s :%(reason)s",
+            "left": "%(targetName)s forlod rummet",
+            "left_reason": "%(targetName)s forlod rummet: %(reason)s",
+            "no_change": "%(senderName)s lavede ingen ændring",
+            "reject_invite": "%(targetName)s afviste invitationen",
+            "remove_avatar": "%(senderName)s fjernede deres profilbillede",
+            "remove_name": "%(senderName)s fjernede deres viste navn (%(oldDisplayName)s )",
+            "set_avatar": "%(senderName)s har valgt et profilbillede",
+            "set_name": "%(senderName)s indstillede deres viste navn til %(displayName)s",
+            "unban": "%(senderName)s ophævede spærring af %(targetName)s",
+            "withdrew_invite": "%(senderName)s trak %(targetName)ss invitation tilbage",
+            "withdrew_invite_reason": "%(senderName)s trak %(targetName)s's invitation tilbage: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s ændrede rumnavnet fra %(oldRoomName)s til %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s fjernede rumnavnet.",
+            "set": "%(senderDisplayName)s ændrede rumnavnet til %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s ændrede de fastgjorte beskeder for rummet.",
+            "changed_link": "%(senderName)s ændrede <a>fastgjorte meddelelser</a> for rummet.",
+            "pinned": "%(senderName)s har fastgjort en besked til dette rum. Se alle fastgjorte beskeder.",
+            "pinned_link": "%(senderName)sf astgjorde <a>en besked</a> til dette rum. Se alle <b>fastgjorte beskeder</b> .",
+            "unpinned": "%(senderName)s frigjorde en besked fra dette rum. Se alle fastgjorte beskeder.",
+            "unpinned_link": "%(senderName)s frigjorde <a>en besked</a> fra dette rum. Se alle <b>fastgjorte beskeder</b> ."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s ændrede rettighedsniveau af %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s fra %(fromPowerLevel)s til %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s tilbagetrak invitationen til %(targetDisplayName)s om at deltage i rummet.",
+            "sent": "%(senderName)s inviterede %(targetDisplayName)s til rummet."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s opgraderede dette rum.",
+        "m.sticker": "%(senderDisplayName)s sendte et klistermærke.",
+        "m.video": {
+            "error_decrypting": "Fejl ved dekryptering af video"
+        },
+        "m.widget": {
+            "added": "%(widgetName)s widget tilføjet af %(senderName)s",
+            "jitsi_ended": "Videokonferencen sluttede kl. %(senderName)s",
+            "jitsi_join_right_prompt": "Deltag i konferencen fra rummets informationsmenu til højre",
+            "jitsi_join_top_prompt": "Deltag i konferencen øverst i dette rum",
+            "jitsi_started": "Videokonference startet af %(senderName)s",
+            "jitsi_updated": "Videokonference opdateret af %(senderName)s",
+            "modified": "%(widgetName)s ændret af %(senderName)s",
+            "removed": "%(widgetName)s fjernet af %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Kopiér link til tråd",
+            "view_in_room": "Vis i rum"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s opdaterede en udelukkelsesregel, der matchede %(oldGlob)s at matche %(newGlob)s af %(reason)s",
+            "changed_rule_rooms": "%(senderName)s ændrede en regel, som forbød rum, der matchede %(oldGlob)s, til at matche %(newGlob)s af %(reason)s",
+            "changed_rule_servers": "%(senderName)s ændrede en regel, som forbød servere, der matchede %(oldGlob)s, til at matche %(newGlob)s af %(reason)s",
+            "changed_rule_users": "%(senderName)s ændrede en regel, som forbød brugere, der matchede %(oldGlob)s at matche %(newGlob)s af %(reason)s",
+            "created_rule": "%(senderName)s oprettede en udelukkelsesregel der matcher %(glob)s af %(reason)s",
+            "created_rule_rooms": "%(senderName)s oprettede en regel, som spærrer for rum, der matcher %(glob)s af %(reason)s",
+            "created_rule_servers": "%(senderName)s oprettede en regel, som spærrer servere, der matcher %(glob)s af %(reason)s",
+            "created_rule_users": "%(senderName)s oprettede en regel, som spærrer for brugere, der matcher %(glob)s af %(reason)s",
+            "removed_rule": "%(senderName)s fjernede en spærringsregel der matcher %(glob)s",
+            "removed_rule_rooms": "%(senderName)s fjernede den regel der spærrede brugere der matcher %(glob)s",
+            "removed_rule_servers": "%(senderName)s fjernede den regel der spærrede servere som matcher %(glob)s",
+            "removed_rule_users": "%(senderName)s fjernede den regel der spærrede brugere der matcher %(glob)s",
+            "updated_invalid_rule": "%(senderName)s opdaterede en ugyldig spærringsregel",
+            "updated_rule": "%(senderName)s opdaterede en spærringsregel der matcher %(glob)s på grund af %(reason)s",
+            "updated_rule_rooms": "%(senderName)s opdaterede den regel der banner rum som matcher %(glob)s på grund af %(reason)s",
+            "updated_rule_servers": "%(senderName)s opdaterede den regel der banner servere der matcher %(glob)s på grund af %(reason)s",
+            "updated_rule_users": "%(senderName)s opdaterede den regel der banner brugere som matcher %(glob)s på grund af %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Du har ikke tilladelse til at se beskeder fra før du blev inviteret.",
+        "no_permission_messages_before_join": "Du har ikke tilladelse til at se beskeder fra før du deltog.",
+        "pending_moderation": "Besked afventer moderering",
+        "pending_moderation_reason": "Besked afventer moderering: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Tilføj en reaktion",
+            "custom_reaction_fallback_label": "Brugerdefineret reaktion",
+            "label": "%(reactors)s reagerede med %(content)s"
+        },
+        "read_receipt_title": {
+            "one": "Set af %(count)s person",
+            "other": "Set af %(count)s personer"
+        },
+        "read_receipts_label": "Kvitteringer​•​for​•​læsning",
+        "redacted": {
+            "tooltip": "Besked slettet d. %(date)s"
+        },
+        "redaction": "Besked slettet af %(name)s",
+        "reply": {
+            "error_loading": "Kunne ikke indlæse den begivenhed, der blev besvaret. Enten findes den ikke, eller du har ikke tilladelse til at se den.",
+            "in_reply_to": "<a>Som svar til</a> <pill>",
+            "in_reply_to_for_export": "Som svar på <a>denne besked</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Du bliver nu omdirigeret til et tredjepartswebsted, hvor du kan godkende din konto til brug med %(integrationsUrl)s. Ønsker du at fortsætte?",
+            "dialog_title": "Tilføj en integration"
+        },
+        "self_redaction": "Besked slettet",
+        "send_state_encrypting": "Krypterer din besked…",
+        "send_state_failed": "Afsendelse mislykkedes",
+        "send_state_sending": "Sender din besked…",
+        "send_state_sent": "Din besked blev sendt",
+        "summary": {
+            "banned": {
+                "one": "blev spærret",
+                "other": "blev spærret %(count)s gange"
+            },
+            "banned_multiple": {
+                "one": "blev spærret",
+                "other": "blev spærret %(count)s gange"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)sændrede sit profilbillede",
+                "other": "%(oneUser)shar ændret sit profilbillede %(count)s gange"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)sændrede sit profilbillede",
+                "other": "%(severalUsers)sændrede sit profilbillede %(count)s gange"
+            },
+            "changed_name": {
+                "one": "%(oneUser)sændrede sit navn",
+                "other": "%(oneUser)sændrede sit navn %(count)s gange"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)sændrede deres navn",
+                "other": "%(severalUsers)shar skiftet navn %(count)s gange"
+            },
+            "format": "%(nameList)s%(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)ssendte en skjult besked",
+                "other": "%(oneUser)ssendte %(count)s skjulte beskeder"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)ssendte en skjult besked",
+                "other": "%(severalUsers)ssendte %(count)s skjulte beskeder"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)sfik deres invitation tilbagetrukket",
+                "other": "%(oneUser)sfik deres invitation tilbagetrukket %(count)s gange"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)sfik deres invitationer tilbagetrukket",
+                "other": "%(severalUsers)sfik deres invitationer tilbagetrukket %(count)s gange"
+            },
+            "invited": {
+                "one": "blev inviteret",
+                "other": "blev inviteret %(count)s gange"
+            },
+            "invited_multiple": {
+                "one": "blev inviteret",
+                "other": "blev inviteret %(count)s gange"
+            },
+            "joined": {
+                "one": "%(oneUser)s tilsluttede sig",
+                "other": "%(oneUser)s tilsluttede sig %(count)s gange"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)stilsluttede sig og forlod",
+                "other": "%(oneUser)stilsluttede sig og forlod %(count)s gange"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)stilsluttede sig og forlod",
+                "other": "%(severalUsers)stilsluttede sig og forlod %(count)s gang"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)s tilsluttede sig",
+                "other": "%(severalUsers)s tilsluttede sig %(count)s gange"
+            },
+            "kicked": {
+                "one": "blev fjernet",
+                "other": "blev fjernet %(count)s gange"
+            },
+            "kicked_multiple": {
+                "one": "blev fjernet",
+                "other": "blev fjernet %(count)s gange"
+            },
+            "left": {
+                "one": "%(oneUser)sforlod",
+                "other": "%(oneUser)sforlod %(count)s gange"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)sforlod",
+                "other": "%(severalUsers)sforlod %(count)s gange"
+            },
+            "no_change": {
+                "one": "%(oneUser)slavede ingen ændringer",
+                "other": "%(oneUser)slavede ingen ændringer%(count)s gange"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)slavede ingen ændringer",
+                "other": "%(severalUsers)slavede ingen ændringer %(count)s gange"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)s har ændret de <a> fastgjorte beskeder</a> for rummet",
+                "other": "%(oneUser)s har ændret de <a> fastgjorte beskeder</a> for rummet %(count)s gange"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s har ændret de <a>fastgjorte beskeder</a> for rummet",
+                "other": "%(severalUsers)s har ændret de <a>fastgjorte beskeder</a> for rummet %(count)s gange"
+            },
+            "redacted": {
+                "one": "%(oneUser)s har fjernet en besked",
+                "other": "%(oneUser)s har fjernet %(count)s beskeder"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s har fjernet en besked",
+                "other": "%(severalUsers)s har fjernet %(count)s beskeder"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)safviste deres invitation",
+                "other": "%(oneUser)safviste deres invitation %(count)s gange"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)sAfviste deres invitationer",
+                "other": "%(severalUsers)safviste deres invitation %(count)s gange"
+            },
+            "rejoined": {
+                "one": "%(oneUser)sforlod og sluttede sig til",
+                "other": "%(oneUser)sforlod og sluttede sig til%(count)s gange"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)sforlod og sluttede sig til igen",
+                "other": "%(severalUsers)sforlod og gentilsluttede sig %(count)s gange"
+            },
+            "unbanned": {
+                "one": "fik fjernet sin spærring",
+                "other": "fik fjernet sin spærring %(count)s gange"
+            },
+            "unbanned_multiple": {
+                "one": "fik fjernet spærringen",
+                "other": "fik fjernet spærringen %(count)s gange"
+            }
+        },
+        "thread_info_basic": "Fra en tråd",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s og %(count)s andre skriver …",
+                "one": "%(names)s og en anden skriver …"
+            },
+            "one_user": "%(displayName)s skriver …",
+            "two_users": "%(names)s og %(lastPerson)s skriver …"
+        },
+        "undecryptable_tooltip": "Denne besked kunne ikke dekrypteres"
+    },
+    "truncated_list_n_more": {
+        "other": "Og %(count)s mere..."
+    },
+    "unsupported_browser": {
+        "title": "%(brand)s understøtter ikke denne browser"
+    },
+    "unsupported_server_description": "Denne server bruger en ældre version af Matrix. Opgrader til Matrix %(version)s for at kunne bruge %(brand)s uden fejl.",
+    "unsupported_server_title": "Din server er ikke understøttet",
+    "update": {
+        "changelog": "Ændringslog",
+        "check_action": "Søg efter opdateringer",
+        "checking": "Søger efter en opdatering…",
+        "downloading": "Downloader opdatering...",
+        "error_encountered": "En fejl er opstået (%(errorDetail)s).",
+        "error_unable_load_commit": "Kan ikke indlæse commit-detaljer: %(msg)s",
+        "new_version_available": "Ny version tilgængelig. <a>Opdatér nu.</a>",
+        "no_update": "Ingen opdatering tilgængelig.",
+        "release_notes_toast_title": "Hvad er nyt",
+        "see_changes_button": "Hvad er nyt?",
+        "toast_description": "Ny version af %(brand)s er tilgængelig",
+        "toast_title": "Opdater %(brand)s",
+        "unavailable": "Utilgængelig"
+    },
+    "update_room_access_modal": {
+        "dont_change_description": "Hvis du ikke ønsker at ændre adgangen til dette rum, kan du oprette et nyt rum til opkaldslinket."
+    },
+    "upload_failed_generic": "Filen '%(fileName)s' kunne ikke uploades.",
+    "upload_failed_size": "Filen '%(fileName)s' overstiger homeserverens størrelsesbegrænsning for uploads",
+    "upload_failed_title": "Upload Fejlede",
+    "upload_file": {
+        "cancel_all_button": "Annullér alle",
+        "error_file_too_large": "Denne fil er <b>for stor</b> til at kunne uploades. Filstørrelsesgrænsen er %(limit)s, men denne fil er %(sizeOfThisFile)s.",
+        "error_files_too_large": "Disse filer er <b>for store</b> at kunne uploades. Filstørrelsesgrænsen er%(limit)s .",
+        "error_some_files_too_large": "Nogle filer er <b>for store</b> til at kunne uploades. Filstørrelsesgrænsen er %(limit)s.",
+        "error_title": "Overførselsfejl",
+        "title": "Upload filer",
+        "title_progress": "Upload filer (%(current)s af i alt %(total)s)",
+        "upload_all_button": "Upload alle",
+        "upload_n_others_button": {
+            "one": "Upload %(count)s anden fil",
+            "other": "Upload %(count)s e andre filer"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Administrationsværktøjer",
+        "ban_button_room": "Spær fra rum",
+        "ban_button_space": "Spær fra klynge",
+        "ban_room_confirm_title": "Spær fra %(roomName)s",
+        "ban_space_everything": "Spær dem fra alle de steder hvor jeg kan",
+        "ban_space_specific": "Spær dem fra specifikke steder hvor jeg kan",
+        "deactivate_confirm_action": "Deaktiver bruger",
+        "deactivate_confirm_description": "Deaktivering af denne bruger vil logge vedkommende ud og forhindre vedkommende i at logge ind igen. Derudover vil vedkommende forlade alle de rum, de er i. Denne handling kan ikke fortrydes. Er du sikker på, at du vil deaktivere denne bruger?",
+        "deactivate_confirm_title": "Deaktiver bruger?",
+        "demote_button": "Nedgradering",
+        "demote_self_confirm_description_space": "Du vil ikke kunne fortryde denne ændring, da du degraderer dig selv. Hvis du er den sidste bruger med priviligerede rettigheder i rummet, vil det være umuligt at genvinde rettighederne.",
+        "demote_self_confirm_room": "Du vil ikke være i stand til at fortryde denne ændring, da du degraderer dig selv. Hvis du er den sidste privilegerede bruger i rummet, vil det være umuligt at genvinde privilegier.",
+        "demote_self_confirm_title": "Nedgrader dig selv?",
+        "disinvite_button_room": "Fjern invitation til rum",
+        "disinvite_button_room_name": "Fjern invitation til %(roomName)s",
+        "disinvite_button_space": "Tilbagekald invitation til klyngen",
+        "error_ban_user": "Kunne ikke spærre bruger",
+        "error_deactivate": "Det lykkedes ikke at deaktivere brugeren",
+        "error_kicking_user": "Brugeren kunne ikke fjernes",
+        "error_mute_user": "Bruger kunne ikke slås fra",
+        "error_revoke_3pid_invite_description": "Kunne ikke tilbagekalde invitationen. Serveren har muligvis et midlertidigt problem, eller du har ikke tilstrækkelige rettigheder til at tilbagekalde invitationen.",
+        "error_revoke_3pid_invite_title": "Kunne ikke tilbagekalde invitation",
+        "ignore_confirm_description": "Alle beskeder og invitationer fra denne bruger vil blive skjult. Er du sikker på, at du vil ignorere dem?",
+        "ignore_confirm_title": "Ignorer %(user)s",
+        "invited_by": "Inviteret af %(sender)s",
+        "jump_to_rr_button": "Gå til læsekvittering",
+        "kick_button_room": "Fjern fra rummet",
+        "kick_button_room_name": "Fjern fra %(roomName)s",
+        "kick_button_space": "Fjern fra klynge",
+        "kick_button_space_everything": "Fjern dem fra alle de steder, hvor jeg har beføjelser til det",
+        "kick_space_specific": "Fjern dem fra specifikke steder, hvor jeg har beføjelser til det",
+        "kick_space_warning": "De vil stadig have adgang til de steder, du ikke er administrator for.",
+        "promote_warning": "Du vil ikke kunne omgøre denne ændring fordi du nu giver brugeren den samme magt som du selv har.",
+        "redact": {
+            "confirm_button": {
+                "one": "Fjern 1 besked",
+                "other": "Fjern %(count)s beskeder"
+            },
+            "confirm_description_1": {
+                "one": "Du er ved at slette %(count)s besked, sendt af %(user)s. Dette vil slette beskeden permanent for alle i samtalen. Ønsker du at fortsætte?",
+                "other": "Du er ved at slette %(count)s beskeder fra %(user)s. Dette vil slette beskederne permanent for alle i samtalen. Ønsker du at fortsætte?"
+            },
+            "confirm_description_2": "For et stort antal beskeder kan dette tage lidt tid. Opdater venligst ikke din klient i mellemtiden.",
+            "confirm_keep_state_explainer": "Fjern markeringen, hvis du også vil fjerne systemmeddelelser for denne bruger (f.eks. ændring af medlemskab, ændring af profil ...).",
+            "confirm_keep_state_label": "Bevar systemmeddelelser",
+            "confirm_title": "Fjern seneste beskeder fra %(user)s",
+            "no_recent_messages_description": "Prøv at rulle op i tidslinjen for at se, om der er nogle tidligere.",
+            "no_recent_messages_title": "Der blev ikke fundet nogen nye beskeder fra %(user)s."
+        },
+        "redact_button": "Fjern beskeder",
+        "revoke_invite": "Tilbagekald invitation",
+        "room_encrypted": "Beskeder i dette rum er end-to-end krypteret.",
+        "room_encrypted_detail": "Dine beskeder er sikret, og kun du og modtageren har de unikke nøgler til at låse dem op.",
+        "room_unencrypted": "Beskeder i dette rum er ikke end-to-end krypteret.",
+        "room_unencrypted_detail": "I krypterede rum er dine beskeder sikret, og kun du og modtageren har de unikke nøgler til at låse dem op.",
+        "share_button": "Del profil",
+        "unban_button_room": "Fjern brugerens spærring fra rummet",
+        "unban_button_space": "Fjern brugerens spærring fra klyngen",
+        "unban_room_confirm_title": "Fjern brugerens spærring fra %(roomName)s",
+        "unban_space_everything": "Fjern spærring af dem alle steder hvor jeg kan",
+        "unban_space_specific": "Fjern spærring af dem fra specifikke ting, jeg er i stand til",
+        "unban_space_warning": "De vil ikke være i stand til at tilgå noget du ikke er admin for.",
+        "verify_button": "Verificér bruger",
+        "verify_explainer": "For ekstra sikkerhed skal du verificere denne bruger ved at kontrollere en engangskode på begge jeres enheder."
+    },
+    "voip": {
+        "already_in_call": "Allerede i et opkald",
+        "already_in_call_person": "Du har allerede i et opkald med denne person.",
+        "answered_elsewhere": "Svaret andensteds",
+        "answered_elsewhere_description": "Opkaldet var svaret på en anden enhed.",
+        "call_failed": "Opkald mislykkedes",
+        "call_failed_description": "Opkaldet kunne ikke etableres",
+        "call_failed_media": "Opkald fejlede på grund af kamera og mikrofon ikke kunne nås. Tjek dette:",
+        "call_failed_media_applications": "Ingen anden application bruger kameraet",
+        "call_failed_media_connected": "En mikrofon og kamera er tilsluttet og sat op rigtigt",
+        "call_failed_media_permissions": "Tilladelse er givet til brug af webcam",
+        "call_failed_microphone": "Opkald fejlede på grund af mikrofon ikke kunne nås. Tjek at din mikrofon er tilsluttet og sat op rigtigt.",
+        "call_held": "%(peerName)s satte opkaldet på hold",
+        "call_held_resume": "Du satte opkaldet på hold <a>Genoptag</a>",
+        "call_held_switch": "Du satte opkaldet på hold <a>Skift</a>",
+        "call_toast_unknown_room": "Ukendt rum",
+        "camera_disabled": "Dit kamera er slukket",
+        "camera_enabled": "Dit kamera er stadig aktiveret",
+        "cannot_call_yourself_description": "Du kan ikke ringe til dig selv.",
+        "connecting": "Opretter forbindelse…",
+        "connection_lost": "Forbindelsen til serveren er tabt",
+        "connection_lost_description": "Du kan ikke lave et opkald uden en forbindelse til serveren.",
+        "consulting": "Konfererer med %(transferTarget)s. <a> Overfør til %(transferee)s</a>",
+        "default_device": "Standardenhed",
+        "dial": "Ring",
+        "dialpad": "Tastatur",
+        "disable_camera": "Sluk for kameraet",
+        "disable_microphone": "Slå mikrofonen fra",
+        "disabled_no_perms_start_video_call": "Du har ikke tilladelse til at starte videosamtaler",
+        "disabled_no_perms_start_voice_call": "Du har ikke tilladelse til at starte taleopkald",
+        "disabled_ongoing_call": "Igangværende opkald",
+        "element_call": "Element Call",
+        "enable_camera": "Tænd for kameraet",
+        "enable_microphone": "Aktiver mikrofonen",
+        "expand": "Tilbage til opkald",
+        "get_call_link": "Del link til opkald",
+        "hangup": "Læg på",
+        "hide_sidebar_button": "Skjul sidebjælke",
+        "input_devices": "Inputenheder",
+        "jitsi_call": "Jitsi fællesopkald",
+        "legacy_call": "Gammel opkaldsmetode",
+        "maximise": "Udfyld skærmen",
+        "maximise_call": "Maksimér opkaldet",
+        "minimise_call": "Minimér opkaldet",
+        "misconfigured_server": "Opkaldet mislykkedes pga. fejlkonfigureret server",
+        "misconfigured_server_description": "Bed administratoren af din homeserver (<code>%(homeserverDomain)s</code>) om at konfigurere en TURN server for at opkald virker pålideligt.",
+        "misconfigured_server_fallback": "Alternativt kan du prøve at bruge den offentlige server på <server/>, men dette er ikke lige så pålideligt, og den vil dele din IP-adresse med den pågældende server. Du kan også administrere dette under Indstillinger.",
+        "misconfigured_server_fallback_accept": "Prøv at bruge %(server)s",
+        "more_button": "Mere",
+        "msisdn_lookup_failed": "Kan ikke slå telefonnummer op",
+        "msisdn_lookup_failed_description": "Der opstod en fejl ved at slå telefonnummeret op",
+        "msisdn_transfer_failed": "Kan ikke omstille opkald",
+        "n_people_joined": {
+            "one": "%(count)s person deltog",
+            "other": "%(count)s personer deltog"
+        },
+        "no_audio_input_description": "Vi fandt ingen mikrofon på din enhed. Kontroller venligst dine indstillinger, og prøv igen.",
+        "no_audio_input_title": "Ingen mikrofon fundet",
+        "no_media_perms_description": "Du skal muligvis manuelt give %(brand)s tilladelse til at få adgang til din mikrofon/webcam.",
+        "no_media_perms_title": "Ingen medietilladelser",
+        "no_permission_conference": "Tilladelse påkrævet",
+        "no_permission_conference_description": "Du har ikke rettighed til at starte et gruppekald i dette rum",
+        "on_hold": "%(name)s i venteposition",
+        "output_devices": "Output-enheder",
+        "screenshare_monitor": "Del hele skærmen",
+        "screenshare_title": "Del indhold",
+        "screenshare_window": "Applikationsvindue",
+        "show_sidebar_button": "Vis sidebjælke",
+        "silence": "Sluk lyden på opkaldet",
+        "silenced": "Meddelelser dæmpet",
+        "start_screenshare": "Begynd at dele din skærm",
+        "stop_screenshare": "Hold op med at dele din skærm",
+        "too_many_calls": "For mange opkald",
+        "too_many_calls_description": "Du er nået til det maksimale antal igangværende opkald på en gang.",
+        "transfer_consult_first_label": "Konsultér først",
+        "transfer_failed": "Omstilling fejlede",
+        "transfer_failed_description": "Kunne ikke omstille opkald",
+        "unable_to_access_audio_input_description": "Vi kunne ikke få adgang til din mikrofon. Tjek venligst dine browserindstillinger, og prøv igen.",
+        "unable_to_access_audio_input_title": "Kan ikke få adgang til din mikrofon",
+        "unable_to_access_media": "Kan ikke tilgå webcam / mikrofon",
+        "unable_to_access_microphone": "Kan ikke tilgå mikrofonen",
+        "unknown_caller": "Ukendt opkald",
+        "unknown_person": "ukendt person",
+        "unsilence": "Lyd tændt",
+        "unsupported": "Opkald er ikke understøttet",
+        "unsupported_browser": "Du kan ikke lave opkald i denne browser.",
+        "user_busy": "Bruger optaget",
+        "user_busy_description": "Brugeren du ringede til er optaget.",
+        "user_is_presenting": "%(sharerName)s præsenterer",
+        "video_call": "Videoopkald",
+        "video_call_using": "Videoopkald med:",
+        "voice_call": "Stemmeopkald",
+        "you_are_presenting": "Du præsenterer"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s på %(osName)s",
+    "widget": {
+        "added_by": "Widget tilføjet af",
+        "capabilities_dialog": {
+            "content_starting_text": "Denne widget vil gerne:",
+            "decline_all_permission": "Afvis det hele",
+            "remember_Selection": "Husk mit valg for denne widget",
+            "title": "Godkend widget-tilladelser"
+        },
+        "capability": {
+            "always_on_screen_generic": "Bliv på skærmen, imens det forløber",
+            "always_on_screen_viewing_another_room": "Forbliv på skærmen, også når du ser et andet rum imens det forløber.",
+            "any_room": "Ovenstående, men også i ethvert rum, du bliver tilføjet eller inviteret til.",
+            "byline_empty_state_key": "med en tom tilstandsnøgle",
+            "byline_state_key": "med tilstandsnøgle %(stateKey)s",
+            "capability": "<b>%(capability)s</b> -funktionen",
+            "change_avatar_active_room": "Skift avataren for dit aktive rum",
+            "change_avatar_this_room": "Skift avataren for dette rum",
+            "change_name_active_room": "Skift navnet på dit aktive rum",
+            "change_name_this_room": "Skift navnet på dette rum",
+            "change_topic_active_room": "Skift emnet for dit aktive rum",
+            "change_topic_this_room": "Skift emne for dette rum",
+            "receive_membership_active_room": "Se når brugere tilslutter sig, forlader eller bliver inviteret til dit aktive rum.",
+            "receive_membership_this_room": "Se når andre tilslutter sig, forlader eller bliver inviteret til dette rum",
+            "remove_ban_invite_leave_active_room": "Fjern, spær eller inviter andre til dit aktive rum, og få dig til at forlade det",
+            "remove_ban_invite_leave_this_room": "Fjern, spær eller inviter andre til dette rum, og få dig til at forlade det",
+            "see_avatar_change_active_room": "Se hvornår avataren ændrer sig i dit aktive rum",
+            "see_avatar_change_this_room": "Se når avataren ændrer sig for dette rum",
+            "see_event_type_sent_active_room": "Se <b>%(eventType)s</b> begivenheder, der er offentliggjort i dit aktive rum",
+            "see_event_type_sent_this_room": "Se <b>%(eventType)s</b> begivenheder, der er offentliggjort i dette rum",
+            "see_images_sent_active_room": "Se billeder der er lagt ud i dit aktive rum",
+            "see_images_sent_this_room": "Se billeder, der er lagt ud i dette rum",
+            "see_messages_sent_active_room": "Se beskeder, der er sendt til dit aktive rum",
+            "see_messages_sent_this_room": "Se beskeder, der er sendt til dette rum",
+            "see_msgtype_sent_active_room": "Se <b>%(msgtype)s</b> beskeder, der er sendt til dit aktive rum",
+            "see_msgtype_sent_this_room": "Se <b>%(msgtype)s</b> beskeder sendt til dette room",
+            "see_name_change_active_room": "Se, hvornår navnet på dit aktive rum bliver ændret",
+            "see_name_change_this_room": "Se når navnet på dette rum ændres",
+            "see_sent_emotes_active_room": "Se emojis, der er sendt til dit aktive rum",
+            "see_sent_emotes_this_room": "Se emojis, der er sendt til dette rum",
+            "see_sent_files_active_room": "Se generelle filer, der er lagt ud i dit aktive rum",
+            "see_sent_files_this_room": "Se generelle filer, der er lagt ud i dette rum",
+            "see_sticker_posted_active_room": "Se, når nogen poster et klistermærke i dit aktive rum",
+            "see_sticker_posted_this_room": "Se, når der bliver postet et klistermærke i dette rum",
+            "see_text_messages_sent_active_room": "Se tekstbeskeder, der er sendt til dit aktive rum",
+            "see_text_messages_sent_this_room": "Se tekstbeskeder, der er sendt til dette rum",
+            "see_topic_change_active_room": "Se hvornår emnet ændrer sig for dit aktive rum",
+            "see_topic_change_this_room": "Se når emnet skifter for dette rum",
+            "see_videos_sent_active_room": "Se videoer der er lagt ud i dit aktive rum",
+            "see_videos_sent_this_room": "Se videoer, der er lagt ud i dette rum",
+            "send_emotes_active_room": "Sende emojis, mens du er i dit aktive rum",
+            "send_emotes_this_room": "Sende emojis som dig i dette rum",
+            "send_event_type_active_room": "Sende <b>%(eventType)s</b> begivenheder, som dig i dit aktive rum",
+            "send_event_type_this_room": "Sende <b>%(eventType)s</b> begivenheder, som dig i dette rum",
+            "send_files_active_room": "Sende generelle filer som dig i dit aktive rum",
+            "send_files_this_room": "Sende generelle filer som dig i dette rum",
+            "send_images_active_room": "Sende billeder som dig i dit aktive rum",
+            "send_images_this_room": "Sende billeder som dig i dette rum",
+            "send_messages_active_room": "Sende beskeder som dig i dit aktive rum",
+            "send_messages_this_room": "Sende beskeder som dig i dette rum",
+            "send_msgtype_active_room": "Sende <b>%(msgtype)s</b> beskeder, som dig i dit aktive rum",
+            "send_msgtype_this_room": "Sende <b>%(msgtype)s</b> beskeder som dig i dette rum",
+            "send_stickers_active_room": "Send klistermærker til dit aktive rum",
+            "send_stickers_active_room_as_you": "Send klistermærker til dit aktive rum, mens du",
+            "send_stickers_this_room": "Send klistermærker ind i dette rum",
+            "send_stickers_this_room_as_you": "Send klistermærker til dette rum, når du",
+            "send_text_messages_active_room": "Sende tekstbeskeder som dig i dit aktive rum",
+            "send_text_messages_this_room": "Sende tekstbeskeder som dig i dette rum",
+            "send_videos_active_room": "Sende videoer som dig i dit aktive rum",
+            "send_videos_this_room": "Sende videoer som dig i dette rum",
+            "specific_room": "Ovenstående, men også i <Room />",
+            "switch_room": "Skift hvilket rum du ser",
+            "switch_room_message_user": "Skift det rum, den besked eller den bruger, du ser"
+        },
+        "close_to_view_right_panel": "Luk denne widget for at se den i dette panel",
+        "context_menu": {
+            "delete": "Slet widget",
+            "delete_warning": "Hvis du sletter en widget, fjernes den for alle brugere i dette rum. Er du sikker på, at du vil slette denne widget?"
+        },
+        "cookie_warning": "Denne widget kan bruge cookies.",
+        "error_hangup_description": "Du blev afbrudt fra opkaldet. (Fejl:%(message)s )",
+        "error_hangup_title": "Forbindelsen blev afbrudt",
+        "error_loading": "Fejl ved indlæsning af widget.",
+        "error_mixed_content": "Fejl - Blandet indhold",
+        "error_need_invite_permission": "Du skal kunne invitere brugere for at gøre dette.",
+        "error_need_kick_permission": "Du skal kunne smide brugere ud for at gøre det.",
+        "error_need_to_be_logged_in": "Du skal være logget ind.",
+        "error_unable_start_audio_stream_description": "Kunne ikke starte lydstreaming.",
+        "error_unable_start_audio_stream_title": "Kunne ikke starte livestream",
+        "modal_data_warning": "Nedenstående data deles med %(widgetDomain)s",
+        "modal_title_default": "Modal widget",
+        "no_name": "Ukendt app",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Husk dette",
+            "starting_text": "Widgeten verificerer dit bruger-ID, men kan ikke udføre handlinger for dig:",
+            "title": "Tillad denne widget at bekræfte din identitet"
+        },
+        "popout": "Popout-widget",
+        "set_room_layout": "Indstil layout for alle",
+        "shared_data_avatar": "Dit profilbilledes URL",
+        "shared_data_device_id": "Dit enheds-ID",
+        "shared_data_lang": "Dit sprog",
+        "shared_data_mxid": "Dit bruger-ID",
+        "shared_data_name": "Dit viste navn",
+        "shared_data_room_id": "Rum-ID",
+        "shared_data_theme": "Dit tema",
+        "shared_data_url": "%(brand)s URL",
+        "shared_data_warning": "Brug af denne widget kan dele data <helpIcon /> med%(widgetDomain)s .",
+        "shared_data_warning_im": "Brug af denne widget kan medføre deling af data <helpIcon /> med %(widgetDomain)s og din integrationsmanager.",
+        "shared_data_widget_id": "Widget-ID",
+        "unencrypted_warning": "Widgets bruger ikke beskedkryptering.",
+        "unmaximise": "Fjern maksimering",
+        "unpin_to_view_right_panel": "Frigør denne widget for at se den i dette panel"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "\"Alt med store bogstaver\" er næsten lige så nemt at gætte som alt med små bogstaver",
+            "anotherWord": "Tilføj et ekstra ord eller to. Ualmindelige ord er bedre.",
+            "associatedYears": "Undgå årstal med forbindelse til dig",
+            "capitalization": "Store bogstaver hjælper ikke specielt meget",
+            "dates": "Undgå datoer og årstal med forbindelse til dig",
+            "l33t": "Forudsigelige erstatninger som '@' i stedet for 'a' hjælper ikke specielt meget",
+            "longerKeyboardPattern": "Brug et længere tastaturmønster med flere skift",
+            "noNeed": "Symboler, tal eller store bogstaver behøves ikke",
+            "pwned": "Hvis du bruger denne adgangskode et andet sted, bør du ændre den.",
+            "recentYears": "Undgå nylige år",
+            "repeated": "Undgå gentagne ord og tegn",
+            "reverseWords": "Omvendt stavede ord er ikke meget sværere at gætte sig til",
+            "sequences": "Undgå tegn i række",
+            "useWords": "Brug nogle få ord, undgå hyppige udtryk"
+        },
+        "warnings": {
+            "common": "Dette er et meget almindeligt kodeord",
+            "commonNames": "Almindelige navne og efternavne er nemme at gætte",
+            "dates": "Datoer er often nemme at gætte",
+            "extendedRepeat": "Gentagelser som \"abcabcabc\" er kun ubetydeligt sværere at gætte end \"abc\"",
+            "keyPattern": "Korte tastaturmønstre er nemme at gætte",
+            "namesByThemselves": "Enkelte navne og efternavne er nemme at gætte",
+            "pwned": "Din adgangskode er blevet kompromitteret af et datalæk på internettet.",
+            "recentYears": "Nylige årstal er nemme at gætte",
+            "sequences": "Sekvenser som abc eller 6543 er nemme at gætte",
+            "similarToCommon": "Dette ligner et ofte brugt kodeord",
+            "simpleRepeat": "Gentagelser som \"aaa\" er nemme at gætte",
+            "straightRow": "Bogstaver i en række på tastaturet er nemme at gætte",
+            "topHundred": "Dette er et af de 100 mest almindelige kodeord",
+            "topTen": "Dette er et af de 10 mest almindelige kodeord",
+            "userInputs": "Der bør ikke være nogen personlige eller siderelaterede data.",
+            "wordByItself": "Et enkelt ord er nem at gætte"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/de_DE.json b/apps/web/src/i18n/strings/de_DE.json
new file mode 100644
index 00000000000..3d28f4cf4f4
--- /dev/null
+++ b/apps/web/src/i18n/strings/de_DE.json
@@ -0,0 +1,3972 @@
+{
+    "a11y": {
+        "jump_first_invite": "Zur ersten Einladung springen.",
+        "message_composer": "Texteingabefeld",
+        "n_unread_messages": {
+            "other": "%(count)s ungelesene Nachrichten.",
+            "one": "1 ungelesene Nachricht."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s ungelesene Nachrichten einschließlich Erwähnungen.",
+            "one": "1 ungelesene Erwähnung."
+        },
+        "room_status_bar": "Chat-Statusleiste",
+        "seek_bar_label": "Audio-Suchleiste",
+        "unread_messages": "Ungelesene Nachrichten."
+    },
+    "a11y_jump_first_unread_room": "Springe zum ersten ungelesenen Chat",
+    "action": {
+        "accept": "Akzeptieren",
+        "add": "Hinzufügen",
+        "add_existing_room": "Vorhandenen Chat hinzufügen",
+        "apply": "Anwenden",
+        "approve": "Genehmigen",
+        "ask_to_join": "Um Beitritt bitten",
+        "back": "Zurück",
+        "call": "Anrufen",
+        "cancel": "Abbrechen",
+        "change": "Ändern",
+        "clear": "Zurücksetzen",
+        "click_to_copy": "Klicken um zu kopieren",
+        "close": "Schließen",
+        "collapse": "Verbergen",
+        "complete": "Abschließen",
+        "confirm": "Bestätigen",
+        "continue": "Fortfahren",
+        "copy": "Kopieren",
+        "copy_link": "Link kopieren",
+        "create": "Erstellen",
+        "create_a_room": "Chat erstellen",
+        "create_account": "Konto erstellen",
+        "decline": "Ablehnen",
+        "decline_and_block": "Ablehnen und blockieren",
+        "decline_invite": "Einladung ablehnen",
+        "delete": "Löschen",
+        "deny": "Ablehnen",
+        "disable": "Deaktivieren",
+        "disconnect": "Trennen",
+        "dismiss": "Ausblenden",
+        "done": "Fertig",
+        "download": "Herunterladen",
+        "edit": "Bearbeiten",
+        "enable": "Aktivieren",
+        "enter_fullscreen": "Vollbild",
+        "exit_fullscreeen": "Vollbild verlassen",
+        "expand": "Ausklappen",
+        "explore_rooms": "Chats erkunden",
+        "export": "Exportieren",
+        "forward": "Weiterleiten",
+        "go": "Los",
+        "go_back": "Zurück",
+        "got_it": "Verstanden",
+        "hide_advanced": "Erweiterte Einstellungen ausblenden",
+        "hold": "Halten",
+        "ignore": "Ignorieren",
+        "import": "Importieren",
+        "invite": "Einladen",
+        "join": "Betreten",
+        "learn_more": "Mehr erfahren",
+        "leave": "Verlassen",
+        "leave_room": "Chat verlassen",
+        "logout": "Abmelden",
+        "manage": "Verwalten",
+        "maximise": "Maximieren",
+        "mention": "Erwähnen",
+        "minimise": "Minimieren",
+        "new_room": "Neue Gruppe",
+        "new_video_room": "Neuer Videochat",
+        "next": "Weiter",
+        "no": "Nein",
+        "ok": "Ok",
+        "open": "Öffnen",
+        "pin": "Anheften",
+        "proceed": "Fortfahren",
+        "quote": "Zitieren",
+        "react": "Reagieren",
+        "refresh": "Neu laden",
+        "register": "Registrieren",
+        "reload": "Neu laden",
+        "remove": "Entfernen",
+        "rename": "Umbenennen",
+        "reply": "Antworten",
+        "reply_in_thread": "In Thread antworten",
+        "report_room": "Chat melden",
+        "resend": "Erneut senden",
+        "reset": "Zurücksetzen",
+        "resume": "Fortsetzen",
+        "retry": "Wiederholen",
+        "review": "Überprüfen",
+        "revoke": "Widerrufen",
+        "save": "Speichern",
+        "search": "Suchen",
+        "send_report": "Bericht senden",
+        "set_avatar": "Profilbild festlegen",
+        "share": "Teilen",
+        "show": "Zeigen",
+        "show_advanced": "Erweiterte Einstellungen",
+        "show_all": "Alles zeigen",
+        "sign_in": "Anmelden",
+        "sign_out": "Abmelden",
+        "skip": "Überspringen",
+        "start": "Starte",
+        "stop": "Beenden",
+        "submit": "Absenden",
+        "subscribe": "Abonnieren",
+        "transfer": "Übertragen",
+        "trust": "Vertrauen",
+        "try_again": "Erneut versuchen",
+        "unban": "Entsperren",
+        "unignore": "Ignorieren aufheben",
+        "unpin": "Loslösen",
+        "unsubscribe": "Deabonnieren",
+        "update": "Aktualisieren",
+        "upgrade": "Aktualisieren",
+        "upload": "Hochladen",
+        "upload_file": "Datei hochladen",
+        "verify": "Verifizieren",
+        "view": "Ansicht",
+        "view_all": "Alles anzeigen",
+        "view_list": "Liste anzeigen",
+        "view_message": "Nachricht anzeigen",
+        "view_source": "Rohdaten anzeigen",
+        "yes": "Ja",
+        "yes_dismiss": "Ja, verwerfen",
+        "zoom_in": "Vergrößern",
+        "zoom_out": "Verkleinern"
+    },
+    "analytics": {
+        "accept_button": "Das ist okay",
+        "bullet_1": "Wir erfassen und analysieren <Bold>keine</Bold> Kontodaten",
+        "bullet_2": "Wir teilen <Bold>keine</Bold> Informationen mit Dritten",
+        "consent_migration": "Du hast zugestimmt, anonymisierte Nutzungsdaten mit uns zu teilen. Wir aktualisieren die Funktionsweise.",
+        "disable_prompt": "Du kannst dies jederzeit in den Einstellungen deaktivieren",
+        "enable_prompt": "Hilf mit, %(analyticsOwner)s zu verbessern",
+        "learn_more": "Teile Daten anonymisiert um uns zu helfen Probleme zu identifizieren. Nichts persönliches. Keine Dritten. <LearnMoreLink>Mehr dazu hier</LearnMoreLink>",
+        "privacy_policy": "<PrivacyPolicyUrl>Du kannst unsere Datenschutzbedingungen hier lesen</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Hilf uns dabei Probleme zu identifizieren und %(analyticsOwner)s zu verbessern, indem du anonyme Nutzungsdaten teilst. Um zu verstehen, wie Personen mehrere Geräte verwenden, werden wir eine zufällige Kennung generieren, die zwischen deinen Geräten geteilt wird.",
+        "shared_data_heading": "Die folgenden Informationen können geteilt werden:"
+    },
+    "auth": {
+        "3pid_in_use": "Diese E-Mail-Adresse oder Telefonnummer wird bereits verwendet.",
+        "account_clash": "Dein neues Konto (%(newAccountId)s) ist registriert, aber du hast dich bereits in mit einem anderen Konto (%(loggedInUserId)s) angemeldet.",
+        "account_clash_previous_account": "Mit vorherigem Konto fortfahren",
+        "account_deactivated": "Dieses Konto wurde deaktiviert.",
+        "autodiscovery_generic_failure": "Abrufen der Autodiscovery-Konfiguration vom Server fehlgeschlagen",
+        "autodiscovery_hs_incompatible": "Dein Heim-Server ist zu alt und unterstützt nicht die benötigte API-Version. Bitte kontaktiere deine Server-Administration oder aktualisiere deinen Server.",
+        "autodiscovery_invalid": "Ungültige Antwort beim Aufspüren des Heim-Servers",
+        "autodiscovery_invalid_hs": "Die Heim-Server-URL scheint kein gültiger Matrix-Heim-Server zu sein",
+        "autodiscovery_invalid_hs_base_url": "Ungültige base_url für m.homeserver",
+        "autodiscovery_invalid_is": "Die Identitäts-Server-URL scheint kein gültiger Identitäts-Server zu sein",
+        "autodiscovery_invalid_is_base_url": "Ungültige base_url für m.identity_server",
+        "autodiscovery_invalid_is_response": "Ungültige Antwort beim Aufspüren des Identitäts-Servers",
+        "autodiscovery_invalid_json": "Ungültiges JSON",
+        "autodiscovery_no_well_known": "Keine .well-known-JSON-Datei gefunden",
+        "autodiscovery_unexpected_error_hs": "Ein unerwarteter Fehler ist beim Laden der Heim-Server-Konfiguration aufgetreten",
+        "autodiscovery_unexpected_error_is": "Ein unerwarteter Fehler ist beim Laden der Identitäts-Server-Konfiguration aufgetreten",
+        "captcha_description": "Dieser Heim-Server möchte sicherstellen, dass du kein Roboter bist.",
+        "change_password_action": "Passwort ändern",
+        "change_password_confirm_invalid": "Passwörter stimmen nicht überein",
+        "change_password_confirm_label": "Passwort bestätigen",
+        "change_password_current_label": "Aktuelles Passwort",
+        "change_password_empty": "Passwortfelder dürfen nicht leer sein",
+        "change_password_error": "Fehler während der Passwortänderung: %(error)s",
+        "change_password_mismatch": "Die neuen Passwörter stimmen nicht überein",
+        "change_password_new_label": "Neues Passwort",
+        "check_email_explainer": "Befolge die Anweisungen, die wir an <b>%(email)s</b> gesendet haben",
+        "check_email_resend_prompt": "Nicht erhalten?",
+        "check_email_resend_tooltip": "Verifizierungs-E-Mail erneut gesendet!",
+        "check_email_wrong_email_button": "E-Mail-Adresse erneut eingeben",
+        "check_email_wrong_email_prompt": "Falsche E-Mail-Adresse?",
+        "continue_with_idp": "Weiter mit %(provider)s",
+        "continue_with_sso": "Mit %(ssoButtons)s anmelden",
+        "country_dropdown": "Landauswahl",
+        "create_account_prompt": "Neu hier? <a>Erstelle ein Konto</a>",
+        "create_account_title": "Konto anlegen",
+        "email_discovery_text": "Nutze optional eine E-Mail-Adresse, um von Nutzern gefunden werden zu können.",
+        "email_field_label": "E-Mail-Adresse",
+        "email_field_label_invalid": "Das sieht nicht nach einer gültigen E-Mail-Adresse aus",
+        "email_field_label_required": "E-Mail-Adresse eingeben",
+        "email_help_text": "Füge eine E-Mail-Adresse hinzu, um dein Passwort zurücksetzen zu können.",
+        "email_phone_discovery_text": "Nutze optional eine E-Mail-Adresse oder Telefonnummer, um von Nutzern gefunden werden zu können.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> wird dir einen Verifizierungslink senden, um dein Passwort zurückzusetzen.",
+        "enter_email_heading": "Gib deine E-Mail ein, um dein Passwort zurückzusetzen",
+        "failed_connect_identity_server": "Identitäts-Server nicht erreichbar",
+        "failed_connect_identity_server_other": "Du kannst dich anmelden, einige Funktionen werden allerdings erst verfügbar sein, sobald der Identitäts-Server wieder in Betrieb ist. Sollte diese Warnmeldung weiterhin erscheinen, überprüfe deine Konfiguration oder kontaktiere deine Server-Administration.",
+        "failed_connect_identity_server_register": "Du kannst dich registrieren, einige Funktionen werden allerdings erst verfügbar sein, sobald der Identitäts-Server wieder in Betrieb ist. Sollte diese Warnmeldung weiterhin erscheinen, überprüfe deine Konfiguration oder kontaktiere die Server-Administration.",
+        "failed_connect_identity_server_reset_password": "Du kannst dein Passwort zurücksetzen, einige Funktionen werden allerdings erst verfügbar sein, sobald der Identitäts-Server wieder in Betrieb ist. Sollte diese Warnmeldung weiterhin erscheinen, überprüfe deine Konfiguration oder kontaktiere die Server-Administration.",
+        "failed_homeserver_discovery": "Fehler beim Aufspüren des Heim-Servers",
+        "failed_query_registration_methods": "Konnte unterstützte Registrierungsmethoden nicht abrufen.",
+        "failed_soft_logout_auth": "Erneute Authentifizierung fehlgeschlagen",
+        "failed_soft_logout_homeserver": "Erneute Authentifizierung aufgrund eines Problems des Heim-Servers fehlgeschlagen",
+        "forgot_password_email_invalid": "E-Mail-Adresse scheint ungültig zu sein.",
+        "forgot_password_email_required": "Es muss die mit dem Konto verbundene E-Mail-Adresse eingegeben werden.",
+        "forgot_password_prompt": "Passwort vergessen?",
+        "forgot_password_send_email": "E-Mail senden",
+        "identifier_label": "Anmelden mit",
+        "incorrect_credentials": "Benutzername und/oder Passwort falsch.",
+        "incorrect_credentials_detail": "Bitte beachte, dass du dich gerade auf %(hs)s anmeldest, nicht matrix.org.",
+        "incorrect_password": "Ungültiges Passwort",
+        "log_in_new_account": "Mit deinem neuen Konto <a>anmelden</a>.",
+        "logout_dialog": {
+            "description": "Bist du sicher, dass du dich abmelden möchtest?",
+            "setup_key_backup_title": "Du wirst den Zugang zu deinen verschlüsselten Nachrichten verlieren",
+            "skip_key_backup": "Ich möchte meine verschlüsselten Nachrichten nicht"
+        },
+        "misconfigured_body": "Wende dich an deinen %(brand)s-Admin um <a>deine Konfiguration</a> auf ungültige oder doppelte Einträge zu überprüfen.",
+        "misconfigured_title": "Dein %(brand)s ist falsch konfiguriert",
+        "mobile_create_account_title": "Du bist dabei, auf %(hsName)s ein Konto anzulegen",
+        "msisdn_field_description": "Andere Nutzer können dich mit deinen Kontaktdaten in Chats einladen",
+        "msisdn_field_label": "Telefon",
+        "msisdn_field_number_invalid": "Diese Telefonummer sieht nicht ganz richtig aus. Bitte überprüfe deine Eingabe und versuche es erneut",
+        "msisdn_field_required_invalid": "Telefonnummer eingeben",
+        "no_hs_url_provided": "Keine Heim-Server-URL angegeben",
+        "oidc": {
+            "error_title": "Wir konnten dich nicht anmelden",
+            "generic_auth_error": "Etwas ist während der Authentifizierung schiefgelaufen. Geh zurück zur Anmeldeseite und probiere es erneut.",
+            "missing_or_invalid_stored_state": "Wir haben deinen Browser gebeten, sich zu merken, bei welchem Heim-Server du dich anmeldest, aber dein Browser hat dies leider vergessen. Gehe zur Anmeldeseite und versuche es erneut."
+        },
+        "password_field_keep_going_prompt": "Fortfahren …",
+        "password_field_label": "Passwort eingeben",
+        "password_field_strong_label": "Super, ein starkes Passwort!",
+        "password_field_weak_label": "Passwort ist erlaubt, aber unsicher",
+        "phone_label": "Telefon",
+        "phone_optional_label": "Telefon (optional)",
+        "qr_code_login": {
+            "check_code_explainer": "Damit prüfst du, ob die Verbindung zu deinem anderen Gerät sicher ist.",
+            "check_code_heading": "Gib die Nummer ein, die am anderen Gerät angezeigt wird",
+            "check_code_input_label": "zweistelliger Code",
+            "check_code_mismatch": "Die Zahlen stimmen nicht überein",
+            "completing_setup": "Schließe Anmeldung deines neuen Gerätes ab",
+            "error_etag_missing": "Ein unerwarteter Fehler ist aufgetreten. Dies kann an einer Browsererweiterung, einem Proxyserver oder einer fehlerhaften Serverkonfiguration liegen.",
+            "error_expired": "Die Anmeldung ist abgelaufen. Bitte versuche es erneut.",
+            "error_expired_title": "Die Anmeldung wurde nicht rechtzeitig abgeschlossen",
+            "error_insecure_channel_detected": "Eine sichere Verbindung zum neuen Gerät konnte nicht hergestellt werden. Deine vorhandenen Geräte sind weiterhin sicher und Du musst dir keine Sorgen um sie machen.",
+            "error_insecure_channel_detected_instructions": "Was jetzt?",
+            "error_insecure_channel_detected_instructions_1": "Versuche erneut, dich mit einem QR-Code auf dem anderen Gerät anzumelden, falls dies ein Netzwerkproblem war",
+            "error_insecure_channel_detected_instructions_2": "Falls das gleiche Problem noch einmal auftritt, probiere es bitte mit einem anderen WLAN-Netzwerk oder verwende mobilen Daten anstelle von WLAN",
+            "error_insecure_channel_detected_instructions_3": "Falls das nicht funktioniert, melde dich bitte manuell an.",
+            "error_insecure_channel_detected_title": "Die Verbindung ist nicht sicher",
+            "error_other_device_already_signed_in": "Du brauchst nichts weiter zu tun.",
+            "error_other_device_already_signed_in_title": "Ihr anderes Gerät ist bereits angemeldet",
+            "error_rate_limited": "Zu viele Versuche in zu kurzer Zeit. Warte ein wenig, bevor du es erneut versuchst.",
+            "error_unexpected": "Es ist ein unerwarteter Fehler aufgetreten. Die Anfrage zum Verbinden mit dem anderen Gerät wurde abgebrochen.",
+            "error_unsupported_protocol": "Dieses Gerät unterstützt die Anmeldung auf einem anderen Gerät mit einem QR-Code nicht.",
+            "error_unsupported_protocol_title": "Anderes Gerät nicht kompatibel",
+            "error_user_cancelled": "Der Anmeldevorgang wurde am anderen Gerät abgebrochen.",
+            "error_user_cancelled_title": "Anmeldungsanfrage abgebrochen",
+            "error_user_declined": "Du oder der Konto-Anbieter haben die Anmeldeanfrage abgelehnt.",
+            "error_user_declined_title": "Anmeldung abgelehnt",
+            "follow_remaining_instructions": "Folge den restlichen Anweisungen",
+            "open_element_other_device": "Öffne %(brand)s auf deinem anderen Gerät",
+            "point_the_camera": "Scanne den hier angezeigten QR-Code",
+            "scan_code_instruction": "Scanne den QR-Code mit einem weiteren Gerät.",
+            "scan_qr_code": "Anmeldung mit QR-Code",
+            "security_code_prompt": "Wenn du dazu aufgefordert wirst, gib den folgenden Code auf deinem anderen Gerät ein.",
+            "select_qr_code": "Wähle \"%(scanQRCode)s\"",
+            "unsupported_explainer": "Dein Kontoanbieter unterstützt keine Anmeldung bei einem neuen Gerät per QR-Code.",
+            "unsupported_heading": "QR-Code nicht unterstützt",
+            "waiting_for_device": "Warte auf Anmeldung des Gerätes"
+        },
+        "register_action": "Konto erstellen",
+        "registration": {
+            "continue_without_email_description": "Aufgepasst: Wenn du keine E-Mail-Adresse angibst und dein Passwort vergisst, kannst du den <b>Zugriff auf deinen Konto dauerhaft verlieren</b>.",
+            "continue_without_email_field_label": "E-Mail-Adresse (optional)",
+            "continue_without_email_title": "Ohne E-Mail fortfahren"
+        },
+        "registration_disabled": "Registrierungen wurden auf diesem Heim-Server deaktiviert.",
+        "registration_msisdn_field_required_invalid": "Telefonnummer eingeben (auf diesem Heim-Server erforderlich)",
+        "registration_successful": "Registrierung erfolgreich",
+        "registration_username_in_use": "Dieser Nutzername wird bereits verwendet. Wähle einen anderen Nutzernamen oder melde dich unten an, sollte es dein Name sein.",
+        "registration_username_unable_check": "Es kann nicht überprüft werden, ob der Nutzername bereits vergeben ist. Bitte versuche es später erneut.",
+        "registration_username_validation": "Verwende nur Kleinbuchstaben, Zahlen, Bindestriche und Unterstriche",
+        "reset_password": {
+            "confirm_new_password": "Neues Passwort bestätigen",
+            "devices_logout_success": "Du wurdest von allen Geräten abgemeldet und erhältst keine Push-Benachrichtigungen mehr. Um Benachrichtigungen wieder zu aktivieren, melde dich auf jedem Gerät erneut an.",
+            "other_devices_logout_warning_1": "Das Abmelden deines Geräts wird die Verschlüsselungsschlüssel löschen, woraufhin verschlüsselte Nachrichtenverläufe nicht mehr lesbar sein werden.",
+            "other_devices_logout_warning_2": "Falls du den Zugriff auf deinen Nachrichtenverlauf behalten willst, richte die Schlüsselsicherung ein oder exportiere deine Verschlüsselungsschlüssel von einem deiner Geräte bevor du weiter machst.",
+            "password_not_entered": "Es muss ein neues Passwort eingegeben werden.",
+            "passwords_mismatch": "Die neuen Passwörter müssen identisch sein.",
+            "rate_limit_error": "Zu viele Versuche in zu kurzer Zeit. Warte ein wenig, bevor du es erneut versuchst.",
+            "rate_limit_error_with_time": "Zu viele Versuche in zu kurzer Zeit. Versuche es erneut nach %(timeout)s.",
+            "reset_successful": "Dein Passwort wurde zurückgesetzt.",
+            "return_to_login": "Zur Anmeldemaske zurückkehren",
+            "sign_out_other_devices": "Auf allen Geräten abmelden"
+        },
+        "reset_password_action": "Passwort zurücksetzen",
+        "reset_password_button": "Passwort vergessen?",
+        "reset_password_email_field_description": "Verwende eine E-Mail-Adresse, um dein Konto wiederherzustellen",
+        "reset_password_email_field_required_invalid": "E-Mail-Adresse eingeben (auf diesem Heim-Server erforderlich)",
+        "reset_password_email_not_associated": "Deine E-Mail-Adresse scheint nicht mit einer Matrix-ID auf diesem Heim-Server verknüpft zu sein.",
+        "reset_password_email_not_found_title": "Diese E-Mail-Adresse konnte nicht gefunden werden",
+        "reset_password_title": "Setze dein Passwort zurück",
+        "server_picker_custom": "Anderer Heim-Server",
+        "server_picker_description": "Du kannst in den benutzerdefinierten Server-Optionen eine andere Heim-Server-URL angeben, um dich bei anderen Matrix-Servern anzumelden. Dadurch kannst du %(brand)s mit einem auf einem anderen Heim-Server liegenden Matrix-Konto nutzen.",
+        "server_picker_description_matrix.org": "Schließe dich kostenlos auf dem größten öffentlichen Server Millionen von Menschen an",
+        "server_picker_dialog_title": "Entscheide, wo sich dein Konto befinden soll",
+        "server_picker_explainer": "Verwende einen Matrix-Heim-Server deiner Wahl oder betreibe deinen eigenen.",
+        "server_picker_failed_validate_homeserver": "Überprüfung des Heim-Servers nicht möglich",
+        "server_picker_intro": "Wir nennen die Orte, an denen du dein Benutzerkonto speichern kannst, „Heim-Server“.",
+        "server_picker_invalid_url": "Ungültiger Link",
+        "server_picker_learn_more": "Über Heim-Server",
+        "server_picker_matrix.org": "Matrix.org ist der größte öffentliche Heim-Server der Welt, also für viele ein guter Ort.",
+        "server_picker_required": "Gib einen Heim-Server an",
+        "server_picker_title": "Melde dich bei deinem Heim-Server an",
+        "server_picker_title_default": "Server-Einstellungen",
+        "server_picker_title_registration": "Konto betreiben auf",
+        "session_logged_out_description": "Aus Sicherheitsgründen wurde diese Sitzung beendet. Bitte melde dich erneut an.",
+        "session_logged_out_title": "Abgemeldet",
+        "set_email": {
+            "description": "Dies ermöglicht es dir, dein Passwort zurückzusetzen und Benachrichtigungen zu empfangen.",
+            "verification_pending_description": "Bitte prüfe deinen E-Mail-Posteingang und klicke auf den in der E-Mail enthaltenen Link. Anschließend auf \"Fortsetzen\" klicken.",
+            "verification_pending_title": "Verifizierung ausstehend"
+        },
+        "set_email_prompt": "Möchtest du eine E-Mail-Adresse setzen?",
+        "sign_in_description": "Nutze dein Konto, um fortzufahren.",
+        "sign_in_instead": "Stattdessen anmelden",
+        "sign_in_instead_prompt": "Konto schon vorhanden? <a>Hier anmelden</a>",
+        "sign_in_or_register": "Anmelden oder Konto erstellen",
+        "sign_in_or_register_description": "Benutze dein Konto oder erstelle ein neues, um fortzufahren.",
+        "sign_in_with_sso": "Einmalanmeldung nutzen",
+        "signing_in": "Melde an …",
+        "soft_logout": {
+            "clear_data_button": "Alle Daten löschen",
+            "clear_data_description": "Das Löschen aller Daten aus dieser Sitzung ist dauerhaft. Verschlüsselte Nachrichten gehen verloren, sofern deine Schlüssel nicht gesichert wurden.",
+            "clear_data_title": "Alle Daten dieser Sitzung löschen?"
+        },
+        "soft_logout_heading": "Du wurdest abgemeldet",
+        "soft_logout_intro_password": "Gib dein Passwort ein, um dich anzumelden und wieder Zugang zu deinem Konto zu erhalten.",
+        "soft_logout_intro_sso": "Melde dich an und erhalte wieder Zugriff auf dein Konto.",
+        "soft_logout_intro_unsupported_auth": "Du kannst dich nicht bei deinem Konto anmelden. Bitte kontaktiere deine Heim-Server-Administration für weitere Informationen.",
+        "soft_logout_subheading": "Persönliche Daten löschen",
+        "soft_logout_warning": "Achtung: Deine persönlichen Daten (einschließlich Verschlüsselungs-Schlüssel) sind noch in dieser Sitzung gespeichert. Lösche diese Daten, wenn du diese Sitzung nicht mehr benötigst, oder dich mit einem anderen Konto anmelden möchtest.",
+        "sso": "Single Sign-on",
+        "sso_complete_in_browser_dialog_title": "Browser öffnen, um die Anmeldung abzuschließen",
+        "sso_failed_missing_storage": "Wir haben deinen Browser gebeten, sich zu merken, bei welchem Heim-Server du dich anmeldest, aber dein Browser hat dies leider vergessen. Gehe zur Anmeldeseite und versuche es erneut.",
+        "sso_or_username_password": "%(ssoButtons)s oder %(usernamePassword)s",
+        "sync_footer_subtitle": "Du bist einer Menge Chats beigetreten, das kann eine Weile dauern",
+        "syncing": "Synchronisiere …",
+        "uia": {
+            "code": "Code",
+            "email": "Um dein Konto zu erstellen, öffne den Link in der E-Mail, die wir gerade an %(emailAddress)s geschickt haben.",
+            "email_auth_header": "Zum Fortfahren prüfe deine E-Mails",
+            "email_resend_prompt": "Nicht angekommen? <a>Erneut senden</a>",
+            "email_resent": "Verschickt!",
+            "fallback_button": "Authentifizierung beginnen",
+            "mas_cross_signing_reset_cta": "Weiter zum Konto",
+            "mas_cross_signing_reset_description": "Du wirst zu deinem %(serverName)s Konto weitergeleitet, um deine Identität zurückzusetzen. Sobald die Rücksetzung des Kontos abgeschlossen ist, kehre hierher zurück und klicke auf „Wiederholen“.",
+            "mas_cross_signing_reset_title": "Gehe zum Konto, um deine Identität zurückzusetzen",
+            "msisdn": "Eine Textnachricht wurde an %(msisdn)s gesendet",
+            "msisdn_token_incorrect": "Token fehlerhaft",
+            "msisdn_token_prompt": "Bitte gib den darin enthaltenen Code ein:",
+            "password_prompt": "Bestätige deine Identität, indem du unten dein Kontopasswort eingibst.",
+            "recaptcha_missing_params": "Fehlender öffentlicher Captcha-Schlüssel in der Heim-Server-Konfiguration. Bitte melde dies deiner Heimserver-Administration.",
+            "registration_token_label": "Registrierungstoken",
+            "registration_token_prompt": "Gib einen von deiner Home-Server-Administration zur Verfügung gestellten Registrierungstoken ein.",
+            "sso_body": "Bestätige die neue E-Mail-Adresse mit Single-Sign-On, um deine Identität nachzuweisen.",
+            "sso_failed": "Bei der Bestätigung deiner Identität ist ein Fehler aufgetreten. Abbrechen und erneut versuchen.",
+            "sso_postauth_body": "Klicke den Button unten um deine Identität zu bestätigen.",
+            "sso_postauth_title": "Bestätige um fortzufahren",
+            "sso_preauth_body": "Zum Fortfahren, nutze „Single Sign-On“ um deine Identität zu bestätigen.",
+            "sso_title": "Einmalanmeldung zum Fortfahren nutzen",
+            "terms": "Bitte sieh dir alle Bedingungen dieses Konto-Anbieters an und akzeptiere sie:",
+            "terms_invalid": "Bitte prüfe und akzeptiere alle Richtlinien des Heim-Servers"
+        },
+        "unsupported_auth": "Dieser Heim-Server verfügt über keines von dieser Anwendung unterstütztes Anmeldeverfahren.",
+        "unsupported_auth_email": "Dieser Heim-Server unterstützt die Anmeldung per E-Mail-Adresse nicht.",
+        "unsupported_auth_msisdn": "Dieser Server unterstützt keine Authentifizierung per Telefonnummer.",
+        "username_field_required_invalid": "Benutzername eingeben",
+        "username_in_use": "Dieser Nutzername wird bereits verwendet. Bitte wähle einen anderen.",
+        "verify_email_explainer": "Wir müssen wissen, dass du es auch wirklich bist, bevor wir dein Passwort zurücksetzen. Klicke auf den Link in der E-Mail, die wir gerade an <b>%(email)s</b> gesendet haben",
+        "verify_email_heading": "Verifiziere deine E-Mail, um fortzufahren"
+    },
+    "bug_reporting": {
+        "additional_context": "Wenn es mehr Informationen für die Auswertung des Problems gibt – z. B. was du getan hast, Chat- oder Benutzer-IDs … – gib sie bitte hier an.",
+        "before_submitting": "Bevor du Protokolldateien übermittelst, musst du <a>auf GitHub einen \"Issue\" erstellen</a> um dein Problem zu beschreiben.",
+        "collecting_information": "App-Versionsinformationen werden abgerufen",
+        "collecting_logs": "Protokolle werden abgerufen",
+        "create_new_issue": "Bitte <newIssueLink>erstelle ein neues Issue</newIssueLink> auf GitHub damit wir diesen Fehler untersuchen können.",
+        "description": "Fehlerberichte enthalten Nutzungsdaten der App, wie den Nutzernamen, die IDs und Namen von Chats, die du besucht hast, die kürzlich verwendeten Bedienelement im Interface und die Namen anderer Nutzer. Fehlerberichte enthalten keine Nachrichten.",
+        "download_logs": "Protokolle herunterladen",
+        "downloading_logs": "Lade Protokolle herunter",
+        "error_empty": "Bitte teile uns mit, was schief lief - oder besser, beschreibe das Problem auf GitHub in einem \"Issue\".",
+        "failed_download_logs": "Debug-Protokolle konnten nicht heruntergeladen werden: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Der Fehlerbericht wurde abgelehnt. Der Rageshake-Server unterstützt diese Anwendung nicht.",
+            "rejected_generic": "Der Bugreport wurde abgelehnt. Der Rageshake-Server hat den Inhalt des Berichts aufgrund einer Richtlinie abgelehnt.",
+            "rejected_recovery_key": "Der Fehlerbericht wurde aus Sicherheitsgründen abgelehnt, da er einen Wiederherstellungsschlüssel enthielt.",
+            "rejected_version": "Dein Fehlerbericht wurde abgelehnt, da die verwendete Version veraltet ist.",
+            "server_unknown_error": "Der Rageshake-Server hat einen unbekannten Fehler festgestellt und konnte den Bericht nicht verarbeiten.",
+            "unknown_error": "Protokolle konnten nicht gesendet werden."
+        },
+        "github_issue": "GitHub-Problem",
+        "introduction": "Wenn du uns einen Bug auf GitHub gemeldet hast, können uns Debug-Logs helfen, das Problem zu finden. ",
+        "log_request": "Um uns zu helfen, dies in Zukunft zu vermeiden, <a>sende uns bitte die Protokolldateien</a>.",
+        "logs_sent": "Protokolldateien gesendet",
+        "matrix_security_issue": "Um ein Matrix-bezogenes Sicherheitsproblem zu melden, lies bitte die Matrix.org <a>Sicherheitsrichtlinien</a>.",
+        "preparing_download": "Bereite das Herunterladen der Protokolle vor",
+        "preparing_logs": "Senden von Protokolldateien wird vorbereitet",
+        "send_logs": "Protokolldateien übermitteln",
+        "submit_debug_logs": "Fehlerbericht abschicken",
+        "textarea_label": "Notizen",
+        "thank_you": "Danke!",
+        "title": "Fehler melden",
+        "unsupported_browser": "Warnung: Dein Browser wird nicht unterstützt. Die Anwendung kann instabil sein.",
+        "uploading_logs": "Lade Protokolle hoch",
+        "waiting_for_server": "Warte auf Antwort vom Server"
+    },
+    "cannot_invite_without_identity_server": "Einladen per E-Mail-Adresse ist nicht ohne Identitäts-Server möglich. Du kannst einen unter „Einstellungen“ einrichten.",
+    "cannot_reach_homeserver": "Heim-Server nicht erreichbar",
+    "cannot_reach_homeserver_detail": "Stelle sicher, dass du eine stabile Internetverbindung hast oder wende dich an deine Server-Administration",
+    "cant_load_page": "Konnte Seite nicht laden",
+    "chat_card_back_action_label": "Zurück zur Unterhaltung",
+    "chat_effects": {
+        "confetti_description": "Sendet die Nachricht mit Konfetti",
+        "confetti_message": "sendet Konfetti",
+        "fireworks_description": "Sendet die Nachricht mit Feuerwerk",
+        "fireworks_message": "sendet Feuerwerk",
+        "hearts_description": "Sendet die Nachricht mit Herzen",
+        "hearts_message": "Sendet Herzen",
+        "rainfall_description": "Nachricht mit Regeneffekt senden",
+        "rainfall_message": "sendet mit Regeneffekt",
+        "snowfall_description": "Sendet die Nachricht mit Schneeflocken",
+        "snowfall_message": "sendet Schneeflocken",
+        "spaceinvaders_description": "Sendet die Nachricht mit Raumschiffen",
+        "spaceinvaders_message": "sendet Space Invaders"
+    },
+    "common": {
+        "access_token": "Zugriffstoken",
+        "accessibility": "Barrierefreiheit",
+        "advanced": "Erweitert",
+        "all_chats": "Alle Chats",
+        "analytics": "Analysedaten",
+        "and_n_others": {
+            "other": "und %(count)s weitere …",
+            "one": "und ein weiterer …"
+        },
+        "appearance": "Erscheinungsbild",
+        "application": "Anwendung",
+        "are_you_sure": "Bist du sicher?",
+        "attachment": "Anhang",
+        "authentication": "Authentifizierung",
+        "avatar": "Profilbild",
+        "beta": "Beta",
+        "camera": "Kamera",
+        "cameras": "Kameras",
+        "cancel": "Abbrechen",
+        "capabilities": "Funktionen",
+        "copied": "Kopiert!",
+        "credits": "Danksagungen",
+        "dark": "Dunkel",
+        "description": "Beschreibung",
+        "deselect_all": "Alle abwählen",
+        "device": "Gerät",
+        "edited": "bearbeitet",
+        "email_address": "E-Mail-Adresse",
+        "emoji": "Emojis",
+        "encrypted": "Verschlüsselt",
+        "error": "Fehler",
+        "faq": "Häufige Fragen",
+        "feedback": "Rückmeldung",
+        "filter_results": "Ergebnisse filtern",
+        "forward_message": "Nachricht weiterleiten",
+        "general": "Allgemein",
+        "go_to_settings": "Gehe zu Einstellungen",
+        "guest": "Gast",
+        "help": "Hilfe",
+        "home": "Startseite",
+        "homeserver": "Heim-Server",
+        "identity_server": "Identitäts-Server",
+        "image": "Bild",
+        "integration_manager": "Integrationsverwaltung",
+        "joined": "Beigetreten",
+        "labs": "Labor",
+        "legal": "Rechtliches",
+        "light": "Hell",
+        "loading": "Lade …",
+        "location": "Standort",
+        "matrix": "Matrix",
+        "message": "Nachricht",
+        "message_layout": "Nachrichtenlayout",
+        "message_timestamp_invalid": "Ungültiger Zeitstempel",
+        "microphone": "Mikrofon",
+        "moderation_and_safety": "Moderation und Sicherheit",
+        "modern": "Modern",
+        "mute": "Stummschalten",
+        "n_members": {
+            "other": "%(count)s Mitglieder",
+            "one": "%(count)s Mitglied"
+        },
+        "n_rooms": {
+            "one": "%(count)s Chat",
+            "other": "%(count)s Chats"
+        },
+        "name": "Name",
+        "no_results": "Keine Ergebnisse",
+        "no_results_found": "Keine Ergebnisse",
+        "not_trusted": "Nicht vertrauenswürdig",
+        "off": "Aus",
+        "offline": "Offline",
+        "on": "An",
+        "options": "Optionen",
+        "orphan_rooms": "Andere Chats",
+        "password": "Passwort",
+        "people": "Personen",
+        "preferences": "Präferenzen",
+        "presence": "Anwesenheit",
+        "preview_message": "Hey du. Du bist großartig!",
+        "privacy": "Privatsphäre",
+        "private": "Privat",
+        "private_room": "Privater Chat",
+        "private_space": "Privater Space",
+        "profile": "Profil",
+        "public": "Öffentlich",
+        "public_room": "Öffentlicher Chat",
+        "public_space": "Öffentlicher Space",
+        "qr_code": "QR-Code",
+        "random": "Ohne Thema",
+        "reactions": "Reaktionen",
+        "recommended": "Empfohlen",
+        "report_a_bug": "Einen Fehler melden",
+        "room": "Chat",
+        "room_name": "Chatname",
+        "rooms": "Chats",
+        "save": "Speichern",
+        "saved": "Gespeichert",
+        "saving": "Speichere …",
+        "secure_backup": "Verschlüsselte Sicherung",
+        "select_all": "Alle auswählen",
+        "server": "Server",
+        "settings": "Einstellungen",
+        "setup_secure_messages": "Sichere Nachrichten einrichten",
+        "show_more": "Mehr zeigen",
+        "someone": "Jemand",
+        "space": "Space",
+        "spaces": "Spaces",
+        "state_encryption_enabled": "Experimentelle State-Encryption aktiviert",
+        "sticker": "Sticker",
+        "stickerpack": "Sticker-Paket",
+        "success": "Erfolg",
+        "suggestions": "Vorschläge",
+        "support": "Unterstützung",
+        "theme": "Design",
+        "thread": "Thema",
+        "threads": "Threads",
+        "timeline": "Verlauf",
+        "unavailable": "Nicht verfügbar",
+        "unencrypted": "Unverschlüsselt",
+        "unmute": "Stummschalten aufheben",
+        "unnamed_room": "Unbenannter Chat",
+        "unnamed_space": "Unbenannter Space",
+        "unverified": "Nicht verifiziert",
+        "updating": "Aktualisieren...",
+        "user": "Benutzer",
+        "user_avatar": "Profilbild",
+        "username": "Benutzername",
+        "verified": "Verifiziert",
+        "version": "Version",
+        "video_room": "Videochat",
+        "view_message": "Nachricht anzeigen",
+        "warning": "Warnung"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Alle im Chat benachrichtigen",
+            "command_a11y": "Autovervollständigung aktivieren",
+            "command_description": "Befehle",
+            "emoji_a11y": "Emoji-Auto-Vervollständigung",
+            "notification_a11y": "Benachrichtigung Autovervollständigen",
+            "notification_description": "Chat-Benachrichtigung",
+            "room_a11y": "Chat-Auto-Vervollständigung",
+            "space_a11y": "Spaces automatisch vervollständigen",
+            "user_a11y": "Nutzer-Auto-Vervollständigung",
+            "user_description": "Benutzer"
+        },
+        "close_sticker_picker": "Sticker ausblenden",
+        "edit_composer_label": "Nachricht bearbeiten",
+        "format_bold": "Fett",
+        "format_code_block": "Quelltextblock",
+        "format_decrease_indent": "Einrückung verringern",
+        "format_increase_indent": "Einrückung erhöhen",
+        "format_inline_code": "Code",
+        "format_insert_link": "Link einfügen",
+        "format_italic": "Kursiv",
+        "format_italics": "Kursiv",
+        "format_link": "Link",
+        "format_ordered_list": "Nummerierte Liste",
+        "format_strikethrough": "Durchgestrichen",
+        "format_underline": "Unterstrichen",
+        "format_unordered_list": "Ungeordnete Liste",
+        "formatting_toolbar_label": "Formatierung",
+        "link_modal": {
+            "link_field_label": "Link",
+            "text_field_label": "Text",
+            "title_create": "Link erstellen",
+            "title_edit": "Link bearbeiten"
+        },
+        "mode_plain": "Formatierung ausblenden",
+        "mode_rich_text": "Formatierung anzeigen",
+        "no_perms_notice": "Du darfst in diesem Chat nichts schreiben",
+        "placeholder": "Unverschlüsselte Nachricht senden...",
+        "placeholder_encrypted": "Nachricht senden …",
+        "placeholder_reply": "Unverschlüsselte Antwort senden…",
+        "placeholder_reply_encrypted": "Antwort senden…",
+        "placeholder_thread": "Antwort auf unverschlüsselten Thread…",
+        "placeholder_thread_encrypted": "Auf Thread antworten…",
+        "poll_button": "Umfrage",
+        "poll_button_no_perms_description": "Du darfst in diesem Chat keine Umfragen erstellen.",
+        "poll_button_no_perms_title": "Berechtigung benötigt",
+        "replying_title": "Antwortet",
+        "room_unencrypted": "Nachrichten in diesem Chat sind nicht Ende-zu-Ende verschlüsselt",
+        "room_upgraded_link": "Der Chat geht hier weiter.",
+        "room_upgraded_notice": "Dieser Chat wurde ersetzt und ist nicht länger aktiv.",
+        "send_button_title": "Nachricht senden",
+        "send_button_voice_message": "Sprachnachricht senden",
+        "send_voice_message": "Sprachnachricht senden",
+        "stop_voice_message": "Aufnahme beenden",
+        "voice_message_button": "Sprachnachricht"
+    },
+    "console_dev_note": "Falls du weißt, was du machst: Element ist Open Source! Checke unser GitHub aus (https://github.com/vector-im/element-web/) und hilf mit!",
+    "console_scam_warning": "Wenn dir jemand gesagt hat, dass du hier etwas einfügen sollst, ist die Wahrscheinlichkeit sehr groß, dass du von der Person betrogen wirst!",
+    "console_wait": "Warte!",
+    "create_room": {
+        "action_create_room": "Chat erstellen",
+        "action_create_video_room": "Videochat erstellen",
+        "encrypted_video_room_warning": "Dies kann später nicht deaktiviert werden. Der Chat wird verschlüsselt, nicht aber der eingebettete Anruf.",
+        "encrypted_warning": "Du kannst dies später nicht deaktivieren. Brücken und die meisten Bots werden noch nicht funktionieren.",
+        "encryption_forced": "Dein Server erfordert die Verschlüsselung in privaten Chats.",
+        "encryption_label": "Ende-zu-Ende-Verschlüsselung aktivieren",
+        "error_title": "Chaterstellung fehlgeschlagen",
+        "generic_error": "Server ist nicht verfügbar, überlastet oder du bist auf einen Programmfehler gestoßen.",
+        "join_rule_change_notice": "Du kannst das jederzeit in den Chat Einstellungen ändern.",
+        "join_rule_invite": "Privater Chat (Einladung erforderlich)",
+        "join_rule_invite_label": "Nur eingeladene Personen können den Chat finden und ihm beitreten.",
+        "join_rule_knock_label": "Jeder kann den Beitritt zum Chat erbitten, aber ein Admin oder Moderator muss die Anfrage akzeptieren. Du kannst dies später ändern.",
+        "join_rule_public_label": "Alle können diesen Chat finden und ihm beitreten.",
+        "join_rule_public_parent_space_label": "Jeder kann den Chat finden oder ihm beitreten, nicht nur Mitglieder von <SpaceName/>.",
+        "join_rule_restricted": "Für Space-Mitglieder sichtbar",
+        "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",
+        "topic_label": "Thema (optional)",
+        "unfederated": "Betreten nur für Nutzer von %(serverName)s erlauben.",
+        "unfederated_label_default_off": "Du solltest dies aktivieren, wenn der Chat ausschließlich für die Zusammenarbeit mit Nutzern deines Homeservers verwendet werden soll. Dies kann später nicht mehr geändert werden.",
+        "unfederated_label_default_on": "Du solltest dies deaktivieren, wenn der Chat für die Zusammenarbeit mit Nutzern von anderen Homeservern verwendet werden soll. Dies kann später nicht mehr geändert werden.",
+        "unsupported_version": "Der Server unterstützt die angegebene Chat-Version nicht."
+    },
+    "create_space": {
+        "add_details_prompt": "Gib einige Infos über deinen neuen Space an.",
+        "add_details_prompt_2": "Du kannst diese jederzeit ändern.",
+        "add_existing_rooms_description": "Wähle Chats, die du hinzufügen willst. Dieser Space ist nur für dich, niemand wird informiert. Du kannst später mehr hinzufügen.",
+        "add_existing_rooms_heading": "Was willst du organisieren?",
+        "address_label": "Adresse",
+        "address_placeholder": "z. B. mein-space",
+        "creating": "Erstelle …",
+        "creating_rooms": "Erstelle Chats …",
+        "done_action": "Zu meinem Space",
+        "done_action_first_room": "Zum ersten Chat springen",
+        "explainer": "Spaces sind eine neue Möglichkeit, Chats zu gruppieren. Welche Art von Space willst du erstellen? Du kannst dies später ändern.",
+        "failed_create_initial_rooms": "Fehler beim Initialisieren des Space",
+        "failed_invite_users": "Die folgenden Leute konnten nicht eingeladen werden: %(csvUsers)s",
+        "invite_teammates_by_username": "Mit Benutzername einladen",
+        "invite_teammates_description": "Stelle sicher, dass die richtigen Personen Zutritt haben. Du kannst später weitere einladen.",
+        "invite_teammates_heading": "Lade deine Kollegen ein",
+        "inviting_users": "Lade ein …",
+        "label": "Neuen Space erstellen",
+        "name_required": "Gib den Namen des Spaces ein",
+        "personal_space": "Nur für mich",
+        "personal_space_description": "Ein privater Space zum Organisieren deiner Chats",
+        "private_description": "Nur für Eingeladene – optimal für dich selbst oder Teams",
+        "private_heading": "Dein privater Space",
+        "private_only_heading": "Dein Space",
+        "private_personal_description": "Stelle sicher, dass die richtigen Personen Zugriff auf %(name)s haben",
+        "private_personal_heading": "Für wen ist dieser Space gedacht?",
+        "private_space": "Für mich und meine Kollegen",
+        "private_space_description": "Ein privater Space für dich und deine Kollegen",
+        "public_description": "Öffne den Space für alle - am besten für Communitys",
+        "public_heading": "Dein öffentlicher Space",
+        "search_public_button": "Öffentliche Spaces suchen",
+        "setup_rooms_community_description": "Lass uns für jedes einen Chat erstellen.",
+        "setup_rooms_community_heading": "Welche Themen willst du in %(spaceName)s besprechen?",
+        "setup_rooms_description": "Du kannst später weitere hinzufügen, auch bereits bestehende.",
+        "setup_rooms_private_description": "Wir werden für jedes einen Chat erstellen.",
+        "setup_rooms_private_heading": "Welche Projekte bearbeitet euer Team?",
+        "share_description": "Momentan bist nur du hier. Mit anderen Leuten wird es noch viel besser.",
+        "share_heading": "%(name)s teilen",
+        "skip_action": "Vorerst überspringen",
+        "subspace_adding": "Füge hinzu …",
+        "subspace_beta_notice": "Einen Space zu einem Space den du verwaltest hinzufügen.",
+        "subspace_dropdown_title": "Neuen Space erstellen",
+        "subspace_existing_space_prompt": "Willst du einen existierenden Space hinzufügen?",
+        "subspace_join_rule_invite_description": "Nur eingeladene Personen können diesen Space sehen und betreten.",
+        "subspace_join_rule_invite_only": "Privater Space (Betreten auf Einladung)",
+        "subspace_join_rule_label": "Sichtbarkeit des Space",
+        "subspace_join_rule_public_description": "Finden und Betreten ist allen, nicht nur Mitgliedern von <SpaceName/>, möglich.",
+        "subspace_join_rule_restricted_description": "Mitglieder von <SpaceName/> können diesen Space finden und betreten."
+    },
+    "credits": {
+        "default_cover_photo": "Das <photo>Standard-Titelbild</photo> ist © <author>Jesús Roncero</author> und wird unter den Bedingungen von <terms>CC-BY-SA 4.0</terms> verwendet.",
+        "twemoji": "Die <twemoji>Twemoji</twemoji>-Emojis sind © <author>Twitter, Inc und weitere Mitwirkende</author> und wird unter den Bedingungen von <terms>CC-BY 4.0</terms> verwendet.",
+        "twemoji_colr": "Die Schriftart <colr>twemoji-colr</colr> ist © <author>Mozilla Foundation</author> und wird unter den Bedingungen von <terms>Apache 2.0</terms> verwendet."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Möchtest du wirklich die Einladung zu \"%(roomName)s\" ablehnen?",
+        "ignore_user_help": "Von diesem Nutzer werden keine Nachrichten oder Chateinladungen angezeigt.",
+        "reason_description": "Beschreibe den Grund für die Meldung dieses Chats.",
+        "report_room_description": "Melde diesen Chat deinem Konto-Anbieter.",
+        "title": "Einladung ablehnen"
+    },
+    "desktop_default_device_name": "%(brand)s Desktop: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Aktive Widgets",
+        "category_other": "Sonstiges",
+        "category_room": "Chat",
+        "caution_colon": "Vorsicht:",
+        "client_versions": "Anwendungsversionen",
+        "crypto": {
+            "4s_public_key_in_account_data": "in den Kontodaten",
+            "4s_public_key_not_in_account_data": "nicht gefunden",
+            "4s_public_key_status": "Öffentlicher Schlüssel des geheimen Speichers:",
+            "backup_key_cached": "lokal zwischengespeichert",
+            "backup_key_cached_status": "Backup-Schlüssel zwischengespeichert:",
+            "backup_key_not_stored": "nicht gespeichert",
+            "backup_key_stored": "im geheimen Speicher",
+            "backup_key_stored_status": "Backup-Schlüssel gespeichert:",
+            "backup_key_unexpected_type": "unerwarteter Typ",
+            "backup_key_well_formed": "wohlgeformt",
+            "cross_signing": "Kreuzsignatur",
+            "cross_signing_cached": "lokal zwischengespeichert",
+            "cross_signing_not_ready": "Kreuzsignatur ist nicht eingerichtet.",
+            "cross_signing_private_keys_in_storage": "im geheimen Speicher",
+            "cross_signing_private_keys_in_storage_status": "Überkreuzsignierung privater Schlüssel:",
+            "cross_signing_private_keys_not_in_storage": "nicht gefunden im Speicher",
+            "cross_signing_public_keys_on_device": "im Speicher",
+            "cross_signing_public_keys_on_device_status": "Überkreuzsignierung öffentlicher Schlüssel:",
+            "cross_signing_ready": "Kreuzsignatur ist einsatzbereit.",
+            "cross_signing_status": "Status der Kreuzsignatur",
+            "cross_signing_untrusted": "Ihr Konto hat eine Cross-Signing-Identität im sicheren Speicher, der von dieser Sitzung jedoch noch nicht als vertrauenswürdig eingestuft wird.",
+            "crypto_not_available": "Das kryptografische Modul ist nicht verfügbar",
+            "device_id": "Geräte-ID",
+            "key_backup_active_version": "Aktive Backup Version:",
+            "key_backup_active_version_none": "Keine",
+            "key_backup_inactive_warning": "Für die Schlüssel dieser Session gibt es kein Backup",
+            "key_backup_latest_version": "Aktuelle Backup-Version auf dem Server:",
+            "key_storage": "Schlüsselspeicher",
+            "master_private_key_cached_status": "Privater Hauptschlüssel:",
+            "not_found": "nicht gefunden",
+            "not_found_locally": "nicht lokal gefunden",
+            "secret_storage_not_ready": "nicht bereit",
+            "secret_storage_ready": "bereit",
+            "secret_storage_status": "Geheimer Speicher:",
+            "self_signing_private_key_cached_status": "Selbstsignierender privater Schlüssel:",
+            "session": "Sitzung",
+            "session_fingerprint": "Fingerabdruck (Sitzungsschlüssel)",
+            "title": "Ende-zu-Ende Verschlüsselung",
+            "user_signing_private_key_cached_status": "Privater Schlüssel zur Benutzersignatur:"
+        },
+        "developer_mode": "Entwicklungsmodus",
+        "developer_tools": "Entwicklungswerkzeuge",
+        "device_dehydrated_no": "Dehydriert: Nein",
+        "device_dehydrated_yes": "Dehydriert: Ja",
+        "device_id": "Geräte-ID:%(deviceId)s",
+        "device_keys": "Geräteschlüssel",
+        "device_verification_status": {
+            "signed_by_owner": "Verifizierungsstatus:<E2EIcon /> Vom Eigentümer signiert",
+            "unknown": "Verifizierungsstatus: Unbekannt",
+            "unverified": "Verifizierungsstatus:<E2EIcon /> Nicht vom Eigentümer signiert",
+            "verified": "Verifizierungsstatus:<E2EIcon /> Durch Cross-Signing bestätigt"
+        },
+        "devices": "Kryptografische Geräte (%(count)s )",
+        "edit_setting": "Einstellung bearbeiten",
+        "edit_values": "Werte bearbeiten",
+        "empty_string": "<Leere Zeichenkette>",
+        "event_content": "Ereignisinhalt",
+        "event_id": "Event-ID: %(eventId)s",
+        "event_sent": "Ereignis gesendet!",
+        "event_type": "Eventtyp",
+        "explore_account_data": "Kontodaten erkunden",
+        "explore_room_account_data": "Erkunde Chat-Kontodaten",
+        "explore_room_state": "Chatstatus erkunden",
+        "failed_to_find_widget": "Fehler beim Finden dieses Widgets.",
+        "failed_to_load": "Fehler beim Laden.",
+        "failed_to_save": "Speichern der Einstellungen fehlgeschlagen.",
+        "failed_to_send": "Übertragung des Ereignisses fehlgeschlagen!",
+        "id": "ID: ",
+        "invalid_device_key_id": "Ungültige Geräteschlüssel-ID",
+        "invalid_json": "Scheint kein gültiges JSON zu sein.",
+        "level": "Level",
+        "low_bandwidth_mode": "Modus für geringe Bandbreite",
+        "low_bandwidth_mode_description": "Benötigt kompatiblen Heim-Server.",
+        "main_timeline": "Hauptverlauf",
+        "manual_device_verification": "Manuelle Verifizierung des Geräts",
+        "no_receipt_found": "Keine Bestätigung gefunden",
+        "notification_state": "Benachrichtigungsstand ist <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Debug-Modus für Benachrichtigungen",
+        "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>",
+        "room_notifications_dot": "Punkt: ",
+        "room_notifications_highlight": "Höhepunkt: ",
+        "room_notifications_last_event": "Neuestes Ereignis:",
+        "room_notifications_sender": "Absender: ",
+        "room_notifications_thread_id": "Thread-ID: ",
+        "room_notifications_total": "Insgesamt: ",
+        "room_notifications_type": "Typ: ",
+        "room_status": "Chatstatus",
+        "room_unread_status_count": {
+            "one": "Ungelesen Status des Chats: <strong>%(status)s</strong>, Anzahl: <strong>%(count)s</strong>",
+            "other": "Ungelesen-Status des Chats: <strong>%(status)s</strong>, Anzahl: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Einstellungswerte speichern",
+        "see_history": "Verlauf anzeigen",
+        "send_custom_account_data_event": "Sende benutzerdefiniertes Kontodatenereignis",
+        "send_custom_room_account_data_event": "Sende benutzerdefiniertes Chat Daten Event",
+        "send_custom_state_event": "Benutzerdefiniertes Status-Event senden",
+        "send_custom_timeline_event": "Sende benutzerdefiniertes Ereignis",
+        "server_info": "Server-Info",
+        "server_versions": "Server-Versionen",
+        "settable_global": "Global einstellbar",
+        "settable_room": "Für den Chat einstellbar",
+        "setting_colon": "Einstellung:",
+        "setting_definition": "Definition der Einstellung:",
+        "setting_id": "Einstellungs-ID",
+        "settings": {
+            "elementCallUrl": "Element Call URL"
+        },
+        "settings_explorer": "Einstellungsübersicht",
+        "show_empty_content_events": "Events mit leerem Inhalt anzeigen",
+        "show_hidden_events": "Versteckte Ereignisse im Verlauf anzeigen",
+        "spaces": {
+            "one": "<Leerzeichen>",
+            "other": "<%(count)s Leerzeichen>"
+        },
+        "state_key": "Statusschlüssel",
+        "thread_root_id": "Thread-Ursprungs-ID: %(threadRootId)s",
+        "threads_timeline": "Thread-Verlauf",
+        "title": "Entwicklungswerkzeuge",
+        "toolbox": "Werkzeugkasten",
+        "use_at_own_risk": "Diese Benutzeroberfläche prüft nicht auf richtige Datentypen. Benutzung auf eigene Gefahr.",
+        "user_avatar": "Avatar: %(avatar)s",
+        "user_displayname": "Anzeigename: %(displayname)s",
+        "user_id": "Nutzer-ID: %(userId)s",
+        "user_no_avatar": "Avatar: <i> Keiner</i>",
+        "user_no_displayname": "Anzeigename: <i> Keiner</i>",
+        "user_read_up_to": "Der Benutzer hat gelesen bis: ",
+        "user_read_up_to_ignore_synthetic": "Der Nutzer hat bis (ignoreSynthetic) gelesen: ",
+        "user_read_up_to_private": "Benutzer las bis (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Der Nutzer hat bis (m.read.private;ignoreSynthetic) gelesen: ",
+        "user_room_membership": "Mitgliedschaft: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Verifizierungsstatus: <E2EIcon /> Nicht verifiziert und Identität geändert",
+            "unverified": "Verifizierungsstatus: <E2EIcon /> Nicht verifiziert",
+            "verified": "Verifizierungsstatus: <E2EIcon /> Verifiziert",
+            "was_verified": "Verifizierungsstatus: <E2EIcon /> Wurde verifiziert, aber die Identität hat sich geändert."
+        },
+        "users": "Nutzer",
+        "value": "Wert",
+        "value_colon": "Wert:",
+        "value_in_this_room": "Wert in diesem Chat",
+        "value_this_room_colon": "Wert in diesem Chat:",
+        "values_explicit": "Werte für explizite Stufen",
+        "values_explicit_colon": "Werte für explizite Stufen:",
+        "values_explicit_room": "Werte für explizite Stufen in diesem Chat",
+        "values_explicit_this_room_colon": "Werte für explizite Stufen in diesem Chat:",
+        "view_servers_in_room": "Zeige Server im Chat",
+        "view_source_decrypted_event_source": "Entschlüsselte Rohdaten",
+        "view_source_decrypted_event_source_unavailable": "Entschlüsselte Quelle nicht verfügbar",
+        "widget_screenshots": "Bildschirmfotos für unterstützte Widgets"
+    },
+    "dialog_close_label": "Dialog schließen",
+    "download_completed": "Herunterladen fertiggestellt",
+    "empty_room": "Leerer Chat",
+    "empty_room_was_name": "Leerer Chat (war %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Sicherheitsschlüssel oder Sicherheitsphrase funktionieren auch.",
+            "key_validation_text": {
+                "wrong_security_key": "Der eingegebene Wiederherstellungsschlüssel ist nicht korrekt."
+            },
+            "privacy_warning": "Stelle sich, dass niemand diesen Bildschirm sehen kann!",
+            "restoring": "Schlüssel aus der Sicherung wiederherstellen",
+            "security_key_label": "Wiederherstellungsschlüssel",
+            "security_key_title": "Gib deinen Wiederherstellungsschlüssel ein"
+        },
+        "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",
+        "cross_signing_user_normal": "Du hast diesen Nutzer nicht verifiziert.",
+        "cross_signing_user_verified": "Du hast diesen Nutzer verifiziert. Der Nutzer hat alle seine Sitzungen verifiziert.",
+        "cross_signing_user_warning": "Dieser Benutzer hat nicht alle seine Sitzungen verifiziert.",
+        "enter_recovery_key": "Gib den Wiederherstellungsschlüssel ein",
+        "event_shield_reason_authenticity_not_guaranteed": "Die Echtheit dieser verschlüsselten Nachricht kann auf diesem Gerät nicht garantiert werden.",
+        "event_shield_reason_mismatched_sender": "Der Absender des Events passt nicht zum Besitzer des Geräts, das es gesendet hat.",
+        "event_shield_reason_mismatched_sender_key": "Von einer nicht verifizierten Sitzung verschlüsselt",
+        "event_shield_reason_unknown_device": "Durch ein unbekanntes oder gelöschtes Gerät verschlüsselt.",
+        "event_shield_reason_unsigned_device": "Durch ein von Besitzer nicht verifiziertes Gerät verschlüsselt.",
+        "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.",
+        "messages_not_secure": {
+            "cause_1": "Dein Heim-Server",
+            "cause_2": "Der Heim-Server der Person, die du verifizierst",
+            "cause_3": "Die Internetverbindung von dir oder dem anderen Nutzer",
+            "cause_4": "Die Sitzung von dir oder dem anderen Nutzer",
+            "heading": "Eines der folgenden könnte kompromittiert sein:",
+            "title": "Deine Nachrichten sind nicht sicher"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Eine neue Sicherheitsphrase und ein neuer Schlüssel für sichere Nachrichten wurden erkannt.",
+            "description_2": "Diese Sitzung verschlüsselt den Verlauf mit der neuen Wiederherstellungsmethode.",
+            "title": "Neue Wiederherstellungsmethode",
+            "warning": "Wenn du die neue Wiederherstellungsmethode nicht festgelegt hast, versucht ein Angreifer möglicherweise, auf dein Konto zuzugreifen. Ändere dein Kontopasswort und lege sofort eine neue Wiederherstellungsmethode in den Einstellungen fest."
+        },
+        "pinned_identity_changed": "%(displayName)s's (<b>%(userId)s</b>) Identität wurde zurückgesetzt. <a>Mehr erfahren </a>",
+        "pinned_identity_changed_no_displayname": "<b>%(userId)s</b>Die Identität wurde zurückgesetzt. <a>Erfahre mehr </a>",
+        "recovery_method_removed": {
+            "description_1": "In dieser Sitzung wurde festgestellt, dass deine Sicherheitsphrase und dein Schlüssel für sichere Nachrichten entfernt wurden.",
+            "description_2": "Wenn du dies versehentlich getan hast, kannst du in dieser Sitzung \"sichere Nachrichten\" einrichten, die den Nachrichtenverlauf dieser Sitzung mit einer neuen Wiederherstellungsmethode erneut verschlüsseln.",
+            "title": "Wiederherstellungsmethode gelöscht",
+            "warning": "Wenn du die Wiederherstellungsmethode nicht gelöscht hast, kann ein Angreifer versuchen, Zugang zu deinem Konto zu bekommen. Ändere dein Passwort und richte sofort eine neue Wiederherstellungsmethode in den Einstellungen ein."
+        },
+        "set_up_recovery": "Wiederherstellung einrichten",
+        "set_up_recovery_toast_description": "Erzeuge einen Wiederherstellungsschlüssel. Er wird verwendet, um den verschlüsselten Nachrichtenverlauf wiederherzustellen, falls du den Zugriff auf deine Geräte verlierst.",
+        "set_up_toast_title": "Schlüsselsicherung einrichten",
+        "turn_on_key_storage": "Schlüsselspeicher einschalten",
+        "turn_on_key_storage_description": "Die kryptografische Identität und die Schlüssel deiner Nachrichten sicher auf dem Server speichern. So kann der Nachrichtenverlauf auf allen neuen Geräten angezeigt werden.",
+        "unable_to_setup_keys_error": "Schlüssel können nicht eingerichtet werden",
+        "verification": {
+            "accepting": "Annehmen…",
+            "after_new_login": {
+                "device_verified": "Gerät verifiziert",
+                "skip_verification": "Verifizierung vorläufig überspringen",
+                "verify_this_device": "Dieses Gerät verifizieren"
+            },
+            "cancelled_verification": "Entweder ist die Anforderung abgelaufen, wurde abgelehnt oder es liegt eine Fehler bei der Verifizierung vor.",
+            "cancelling": "Abbrechen…",
+            "cant_confirm": "Bestätigung nicht möglich?",
+            "complete_action": "Verstanden",
+            "complete_description": "Du hast diesen Benutzer erfolgreich verifiziert.",
+            "complete_title": "Verifiziert!",
+            "confirm_identity_description": "Verifiziere dieses Gerät, um sichere Nachrichten einzurichten",
+            "confirm_identity_title": "Bestätige deine Identität",
+            "confirm_the_emojis": "Vergewissere dich, dass die unten stehenden Emojis mit denen auf dem anderen Gerät übereinstimmen.",
+            "error_starting_description": "Der Unterhaltungsbeginn mit dem anderen Benutzer war uns nicht möglich.",
+            "error_starting_title": "Verifizierungbeginn fehlgeschlagen",
+            "explainer": "Sichere Nachrichten mit diesem Benutzer sind Ende-zu-Ende-verschlüsselt und können nicht von Dritten gelesen werden.",
+            "in_person": "Um sicher zu gehen, mache dies persönlich oder verwende eine vertrauenswürdige Art der Kommunikation.",
+            "incoming_sas_device_dialog_text_1": "Verifiziere dieses Gerät, um es als vertrauenswürdig zu markieren. Das Vertrauen in dieses Gerät gibt dir und anderen Benutzern zusätzliche Sicherheit, wenn ihr Ende-zu-Ende verschlüsselte Nachrichten verwendet.",
+            "incoming_sas_device_dialog_text_2": "Verifiziere dieses Gerät und es wird es als vertrauenswürdig markiert. Benutzer, die sich bei dir verifiziert haben, werden diesem Gerät auch vertrauen.",
+            "incoming_sas_dialog_title": "Eingehende Verifikationsanfrage",
+            "incoming_sas_dialog_waiting": "Warte auf Bestätigung des Gesprächspartners …",
+            "incoming_sas_user_dialog_text_1": "Überprüfe diesen Benutzer, um ihn als vertrauenswürdig zu kennzeichnen. Benutzern zu vertrauen gibt dir zusätzliche Sicherheit bei der Verwendung von Ende-zu-Ende-verschlüsselten Nachrichten.",
+            "incoming_sas_user_dialog_text_2": "Wenn du diesen Benutzer verifizierst werden seine Sitzungen für dich und deine Sitzungen für ihn als vertrauenswürdig markiert.",
+            "manual": {
+                "already_verified": "Dieses Gerät ist bereits verifiziert worden",
+                "already_verified_and_wrong_fingerprint": "Der angegebene Fingerabdruck passt nicht, aber das Gerät ist bereits verifiziert!",
+                "device_id": "Geräte-ID",
+                "failure_description": "Fehler beim Verifizieren von „%(deviceId)s“: %(error)s",
+                "failure_title": "Verifizierung fehlgeschlagen",
+                "fingerprint": "Fingerabdruck (Sitzungsschlüssel)",
+                "no_crypto": "Gerät kann nicht verifiziert werden – Verschlüsselung ist nicht aktiviert",
+                "no_device": "Gerät kann nicht verifiziert werden – Gerät „%(deviceId)s“ wurde nicht gefunden.",
+                "no_userid": "Gerät kann nicht verifiziert werden – Nutzer-ID wurde nicht gefunden",
+                "success_description": "Das Gerät (%(deviceId)s) ist jetzt verifiziert",
+                "success_title": "Verifizierung erfolgreich",
+                "text": "Gib die Geräte-ID und den Fingerabdruck eines deiner eigenen Geräte zur Verifizierung ein. HINWEIS: Dadurch kann das andere Gerät Nachrichten in deinem Namen senden und empfangen. WENN DICH JEMAND AUFGEFORDERT HAT, HIER ETWAS EINZUFÜGEN, WIRST DU WAHRSCHEINLICH BETROGEN!",
+                "wrong_fingerprint": "Das Gerät „%(deviceId)s” kann nicht verifiziert werden – der angegebene Fingerabdruck „%(fingerprint)s” stimmt nicht mit dem Fingerabdruck des Geräts „%(fprint)s” überein"
+            },
+            "no_support_qr_emoji": "Das Gerät unterstützt weder Verifizieren mittels QR-Code noch Emoji-Verifizierung. %(brand)s benötigt dies jedoch. Bitte verwende eine andere Anwendung.",
+            "now_you_can": "Jetzt kannst du Nachrichten sicher lesen oder senden, und alle, mit denen du chattest, können diesem Gerät auch vertrauen.",
+            "once_accepted_can_continue": "Nach der Annahme kannst du mit der Verifizierung fortfahren.",
+            "other_party_cancelled": "Die Gegenstelle hat die Überprüfung abgebrochen.",
+            "prompt_encrypted": "Verifiziere alle Nutzer in einem Chat um vollständige Sicherheit zu gewährleisten.",
+            "prompt_unencrypted": "Verifiziere alle Nutzer in verschlüsselten Chats, um die Sicherheit zu garantieren.",
+            "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 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",
+            "request_toast_start_verification": "Verifizierung starten",
+            "sas_caption_self": "Verifiziere dieses Gerät, indem du überprüfst, dass die folgende Zahl auf dem Bildschirm erscheint.",
+            "sas_caption_user": "Verifiziere diesen Nutzer, indem du bestätigst, dass die folgende Nummer auf dessen Bildschirm erscheint.",
+            "sas_description": "Vergleiche eine einmalige Reihe von Emojis, sofern du an keinem Gerät eine Kamera hast",
+            "sas_emoji_caption_user": "Verifiziere diesen Nutzer, indem du bestätigst, dass folgende Emojis auf dessen Bildschirm erscheinen.",
+            "sas_match": "Sie stimmen überein",
+            "sas_no_match": "Sie stimmen nicht überein",
+            "sas_prompt": "Vergleiche einzigartige Emojis",
+            "scan_qr": "Verifizierung durch Scannen eines QR-Codes",
+            "scan_qr_explainer": "Bitte %(displayName)s, deinen Code zu scannen:",
+            "start_button": "Verifizierung starten",
+            "successful_user": "Du hast %(displayName)s erfolgreich verifiziert!",
+            "unsupported_method": "Konnte keine unterstützte Verifikationsmethode finden.",
+            "unverified_session_toast_accept": "Ja, das war ich",
+            "unverified_session_toast_title": "Neue Anmeldung. Warst du das?",
+            "unverified_sessions_toast_description": "Überprüfe, um dein Konto sicher zu halten",
+            "unverified_sessions_toast_reject": "Später",
+            "unverified_sessions_toast_title": "Du hast nicht verifizierte Sitzungen",
+            "use_another_device": "Nimm ein anderes Gerät",
+            "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": "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",
+            "verification_dialog_title_user": "Verifizierungsanfrage",
+            "verification_dialog_title_verified": "Gerät verifiziert",
+            "verification_skip_warning": "Ohne dich zu verifizieren wirst du keinen Zugriff auf alle deine Nachrichten haben und könntest für andere als nicht vertrauenswürdig erscheinen.",
+            "verification_success_with_backup": "Dein neues Gerät ist jetzt verifiziert und hat Zugriff auf deine verschlüsselten Nachrichten und anderen wird es als vertrauenswürdig angezeigt werden.",
+            "verification_success_without_backup": "Dein neues Gerät ist jetzt verifiziert. Anderen wird es als vertrauenswürdig angezeigt werden.",
+            "verify_by_completing_one_of": "Führe zur Verifizierung einen der folgenden Schritte aus:",
+            "verify_emoji": "Mit Emojis verifizieren",
+            "verify_emoji_prompt": "Durch den Vergleich einzigartiger Emojis verifizieren.",
+            "verify_emoji_prompt_qr": "Wenn du obigen Code nicht erfassen kannst, verifiziere stattdessen durch den Vergleich von Emojis.",
+            "verify_later": "Später verifizieren",
+            "waiting_for_user_accept": "Warte auf die Annahme von %(displayName)s …",
+            "waiting_other_device": "Warten darauf, dass du das auf deinem anderen Gerät bestätigst…",
+            "waiting_other_device_details": "Warten, dass du auf deinem anderen Gerät %(deviceName)s (%(deviceId)s) verifizierst…",
+            "waiting_other_user": "Warte darauf, dass %(displayName)s bestätigt…"
+        },
+        "verification_requested_toast_title": "Verifizierung angefragt",
+        "verified_identity_changed": "%(displayName)s's (<b>%(userId)s</b>) kryptografische Identität wurde zurückgesetzt. <a>Erfahre mehr</a>",
+        "verified_identity_changed_no_displayname": "Die Identität von <b>%(userId)s</b> wurde zurückgesetzt. <a>Erfahre mehr</a>",
+        "verify_toast_description": "Andere Benutzer vertrauen ihr vielleicht nicht",
+        "verify_toast_title": "Sitzung verifizieren",
+        "withdraw_verification_action": "Verifizierung zurückziehen"
+    },
+    "error": {
+        "admin_contact": "Bitte <a>kontaktiere deinen Systemadministrator</a> um diesen Dienst weiter zu nutzen.",
+        "admin_contact_short": "Kontaktiere deine <a>Heim-Server-Administration</a>.",
+        "app_launch_unexpected_error": "Unerwarteter Fehler bei der Vorbereitung der App; mehr Details in der Konsole.",
+        "cannot_load_config": "Konfigurationsdatei kann nicht geladen werden: Bitte aktualisiere die Seite, um es erneut zu versuchen.",
+        "connection": "Es gab ein Problem bei der Kommunikation mit dem Heim-Server. Bitte versuche es später erneut.",
+        "dialog_description_default": "Ein Fehler ist aufgetreten.",
+        "download_media": "Herunterladen der Quellmedien fehlgeschlagen, da keine Quell-URL gefunden wurde",
+        "edit_history_unsupported": "Dein Heim-Server scheint diese Funktion nicht zu unterstützen.",
+        "failed_copy": "Kopieren fehlgeschlagen",
+        "hs_blocked": "Dieser Heim-Server wurde von seiner Administration geblockt.",
+        "invalid_configuration_mixed_server": "Ungültige Konfiguration: default_hs_url kann nicht zeitgleich mit default_server_name oder default_server_config festgelegt werden",
+        "invalid_configuration_no_server": "Ungültige Konfiguration: Es wurde kein Standardserver angegeben.",
+        "invalid_json": "Deine Element-Konfiguration enthält ungültiges JSON. Bitte korrigiere das Problem und lade die Seite neu.",
+        "invalid_json_detail": "Die Nachricht des Parsers ist: %(message)s",
+        "invalid_json_generic": "Ungültiges JSON",
+        "mau": "Dieser Heim-Server hat seinen Grenzwert an monatlich aktiven Nutzern erreicht.",
+        "misconfigured": "Dein Element ist falsch konfiguriert",
+        "mixed_content": "Es kann keine Verbindung zum Heim-Server via HTTP aufgebaut werden, wenn die Adresszeile des Browsers eine HTTPS-URL enthält. Entweder HTTPS verwenden oder alternativ <a>unsichere Skripte erlauben</a>.",
+        "non_urgent_echo_failure_toast": "Dein Server antwortet auf einige <a>Anfragen</a> nicht.",
+        "resource_limits": "Dieser Heim-Server hat einen seiner Ressourcengrenzwerte überschritten.",
+        "session_restore": {
+            "clear_storage_button": "Speicher leeren und abmelden",
+            "clear_storage_description": "Abmelden und Verschlüsselungsschlüssel entfernen?",
+            "description_1": "Wir haben ein Problem beim Wiederherstellen deiner vorherigen Sitzung festgestellt.",
+            "description_2": "Wenn du zuvor eine aktuellere Version von %(brand)s verwendet hast, ist deine Sitzung eventuell inkompatibel mit dieser Version. Bitte schließe dieses Fenster und kehre zur aktuelleren Version zurück.",
+            "description_3": "Den Browser-Speicher zu löschen kann das Problem lösen, wird dich aber abmelden und verschlüsselte Nachrichten unlesbar machen.",
+            "title": "Sitzungswiederherstellung fehlgeschlagen"
+        },
+        "something_went_wrong": "Etwas ist schiefgelaufen!",
+        "storage_evicted_description_1": "Einige Sitzungsdaten, einschließlich der Verschlüsselungsschlüssel, fehlen. Melde dich ab, wieder an und stelle die Schlüssel aus der Sicherung wieder her um dies zu beheben.",
+        "storage_evicted_description_2": "Dein Browser hat diese Daten wahrscheinlich entfernt als der Festplattenspeicher knapp wurde.",
+        "storage_evicted_title": "Fehlende Sitzungsdaten",
+        "sync": "Verbindung mit Heim-Server fehlgeschlagen. Versuche es erneut …",
+        "tls": "Verbindung zum Heim-Server fehlgeschlagen – bitte überprüfe die Internetverbindung und stelle sicher, dass dem <a>SSL-Zertifikat deines Heimservers</a> vertraut wird und dass Anfragen nicht durch eine Browser-Erweiterung blockiert werden.",
+        "unknown": "Unbekannter Fehler",
+        "unknown_error_code": "Unbekannter Fehlercode",
+        "update_history_visibility": "Die Sichtbarkeit des Nachrichtenverlaufs konnte nicht geändert werden",
+        "update_power_level": "Ändern der Berechtigungsstufe fehlgeschlagen"
+    },
+    "error_app_open_in_another_tab": "Wechsle zu einem anderen Tab um mit %(brand)s zu verbinden. Dieser Tab kann jetzt geschlossen werden.",
+    "error_app_open_in_another_tab_title": "%(brand)s läuft bereits in einem anderen Tab.",
+    "error_app_opened_in_another_window": "%(brand)s läuft bereit in einem anderen Fenster. Klicke \"%(label)s um %(brand)s hier zu nutzen und beende das andere Fenster.",
+    "error_database_closed_description": {
+        "for_desktop": "Deine Festplatte scheint voll zu sein. Mache Speicherplatz frei und lade erneut.",
+        "for_web": "Diese Meldung wird angezeigt, wenn du die Browserdaten löschst. %(brand)s ist möglicherweise auch in einem anderen Tab geöffnet oder der Speicherplatz ist voll. Bitte mache etwas Speicherplatz frei und lade die Seite neu."
+    },
+    "error_database_closed_title": "%(brand)s funktioniert nicht mehr",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Der Link zum Chat konnte nicht kopiert werden.",
+            "title": "Chat-Link konnte nicht kopiert werden"
+        },
+        "error_loading_user_profile": "Konnte Nutzerprofil nicht laden",
+        "forget_room_failed": "Das Entfernen des Chat ist fehlgeschlagen %(errCode)s"
+    },
+    "error_user_not_logged_in": "Benutzer ist nicht angemeldet",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Laufendes Gespräch",
+            "user": "%(senderName)s ist dem Anruf beigetreten",
+            "you": "Du bist dem Anruf beigetreten"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s hat den Anruf beendet",
+            "you": "Du hast den Anruf beendet"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s ruft an",
+            "dm_send": "Warte auf eine Antwort",
+            "user": "%(senderName)s hat einen Anruf gestartet",
+            "you": "Du hast einen Anruf gestartet"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s reagierte mit %(reaction)s auf %(message)s",
+            "you": "Du reagiertest mit %(reaction)s auf %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Audio",
+            "file": "Datei",
+            "image": "Bild",
+            "poll": "Umfrage",
+            "video": "Video"
+        },
+        "preview": "<bold>%(prefix)s</bold>%(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Exportieren abgebrochen",
+        "cancelled_detail": "Exportieren abgebrochen",
+        "confirm_stop": "Willst du das Exportieren deiner Daten wirklich abbrechen? Falls ja, musst du komplett von neu beginnen.",
+        "creating_html": "Erstelle HTML …",
+        "creating_output": "Erstelle Ausgabe …",
+        "creator_summary": "%(creatorName)s hat diesen Chat erstellt.",
+        "current_timeline": "Aktueller Verlauf",
+        "enter_number_between_min_max": "Gib eine Zahl zwischen %(min)s und %(max)s ein",
+        "error_fetching_file": "Fehler beim Laden der Datei",
+        "export_info": "Das ist der Anfang des Exports von <roomName/>. Von <exporterDetails/> um %(exportDate)s exportiert.",
+        "export_successful": "Die Daten wurden erfolgreich exportiert!",
+        "exported_n_events_in_time": {
+            "one": "%(count)s Ereignis in %(seconds)s Sekunden exportiert",
+            "other": "%(count)s Ereignisse in %(seconds)s Sekunden exportiert"
+        },
+        "exporting_your_data": "Deine Daten werden exportiert",
+        "fetched_n_events": {
+            "one": "Bisher wurde %(count)s Ereignis abgerufen",
+            "other": "Bisher wurden %(count)s Ereignisse abgerufen"
+        },
+        "fetched_n_events_in_time": {
+            "one": "%(count)s Ereignis in %(seconds)s s abgerufen",
+            "other": "%(count)s Ereignisse in %(seconds)s s abgerufen"
+        },
+        "fetched_n_events_with_total": {
+            "one": "%(count)s von %(total)s Ereignis abgerufen",
+            "other": "%(count)s von %(total)s Ereignisse abgerufen"
+        },
+        "fetching_events": "Rufe Ereignisse ab …",
+        "file_attached": "Datei angehängt",
+        "format": "Format",
+        "from_the_beginning": "Von Anfang an",
+        "generating_zip": "ZIP-Archiv wird generiert",
+        "html": "HTML",
+        "html_title": "Exportierte Daten",
+        "include_attachments": "Anhänge einbeziehen",
+        "json": "JSON",
+        "media_omitted": "Medien ausgelassen",
+        "media_omitted_file_size": "Medien ausgelassen - Datei zu groß",
+        "messages": "Nachrichten",
+        "next_page": "Nächste Nachrichtengruppe",
+        "num_messages": "Anzahl der Nachrichten",
+        "num_messages_min_max": "Die Anzahl der Nachrichten mus zwischen %(min)s und %(max)s liegen",
+        "number_of_messages": "Nachrichtenanzahl angeben",
+        "previous_page": "Vorherige Nachrichtengruppe",
+        "processing": "Verarbeite …",
+        "processing_event_n": "Verarbeite Event %(number)s von %(total)s",
+        "select_option": "Wähle die gewünschten Optionen für den Export des Verlaufs",
+        "size_limit": "Größenlimit",
+        "size_limit_min_max": "Die Größe muss eine Zahl zwischen %(min)s MB und %(max)s MB sein",
+        "size_limit_postfix": "MB",
+        "starting_export": "Beginne Export …",
+        "successful": "Exportieren erfolgreich",
+        "successful_detail": "Export erfolgreich. Du kannst ihn in deinem Download-Verzeichnis finden.",
+        "text": "Klartext",
+        "title": "Unterhaltung exportieren",
+        "topic": "Themen: %(topic)s",
+        "unload_confirm": "Willst du den Export wirklich abbrechen?"
+    },
+    "failed_load_async_component": "Konnte nicht geladen werden! Überprüfe die Netzwerkverbindung und versuche es erneut.",
+    "feedback": {
+        "can_contact_label": "Kontaktiert mich, falls ihr weitere Fragen zu meiner Rückmeldung habt",
+        "comment_label": "Kommentar",
+        "existing_issue_link": "Bitte wirf einen Blick auf <existingIssuesLink>existierende Programmfehler auf Github</existingIssuesLink>. Keinen passenden gefunden? <newIssueLink>Erstelle einen neuen</newIssueLink>.",
+        "may_contact_label": "Ich möchte kontaktiert werden, wenn ihr mehr wissen oder mich neue Funktionen testen lassen wollt",
+        "platform_username": "Deine Systeminformationen und dein Benutzername werden mitgeschickt, damit wir deine Rückmeldung bestmöglich nachvollziehen können.",
+        "pro_type": "PRO TIPP: Wenn du einen Programmfehler meldest, füge bitte <debugLogsLink>Debug-Protokolle</debugLogsLink> hinzu, um uns beim Finden des Problems zu helfen.",
+        "send_feedback_action": "Rückmeldung senden",
+        "sent": "Rückmeldung gesendet"
+    },
+    "file_panel": {
+        "empty_description": "Hänge Dateien aus dem Chat an oder ziehe sie per Drag &amp; Drop an eine beliebige Stelle in einem Chat.",
+        "empty_heading": "Keine Dateien in diesem Chat",
+        "guest_note": "Du musst dich <a>registrieren</a>, um diese Funktionalität nutzen zu können",
+        "peek_note": "Du musst dem Chat beitreten, um seine Dateien sehen zu können"
+    },
+    "forward": {
+        "filter_placeholder": "Suche nach Gruppen oder Personen",
+        "message_preview_heading": "Nachrichtenvorschau",
+        "no_perms_title": "Du bist dazu nicht berechtigt",
+        "open_room": "Chat öffnen",
+        "send_label": "Senden",
+        "sending": "Senden",
+        "sent": "Gesendet"
+    },
+    "identity_server": {
+        "change": "Identitäts-Server wechseln",
+        "change_prompt": "Vom Identitäts-Server <current /> trennen, und stattdessen mit <new /> verbinden?",
+        "change_server_prompt": "Wenn du <server /> nicht verwenden willst, um Kontakte zu finden und von anderen gefunden zu werden, trage unten einen anderen Identitäts-Server ein.",
+        "changed": "Ihr Identitätsserver wurde geändert",
+        "checking": "Überprüfe Server",
+        "description_connected": "Zurzeit verwendest du <server></server>, um Kontakte zu finden und von anderen gefunden zu werden. Du kannst deinen Identitäts-Server nachfolgend wechseln.",
+        "description_disconnected": "Zurzeit benutzt du keinen Identitäts-Server. Trage unten einen Server ein, um Kontakte zu finden und von anderen gefunden zu werden.",
+        "description_optional": "Die Verwendung eines Identitäts-Servers ist optional. Solltest du dich dazu entschließen, keinen Identitäts-Server zu verwenden, kannst du von anderen Nutzern nicht gefunden werden und andere nicht per E-Mail-Adresse oder Telefonnummer einladen.",
+        "disconnect": "Verbindung zum Identitäts-Server trennen",
+        "disconnect_anyway": "Verbindung trotzdem trennen",
+        "disconnect_offline_warning": "Du solltest deine <b>persönlichen Daten</b> vom Identitäts-Server <idserver /> entfernen, bevor du die Verbindung trennst. Leider ist der Identitäts-Server <idserver /> derzeit außer Betrieb oder kann nicht erreicht werden.",
+        "disconnect_personal_data_warning_1": "Du <b>teilst deine persönlichen Daten</b> noch immer auf dem Identitäts-Server <idserver />.",
+        "disconnect_personal_data_warning_2": "Wir empfehlen, dass du deine E-Mail-Adressen und Telefonnummern vom Identitäts-Server löschst, bevor du die Verbindung trennst.",
+        "disconnect_server": "Verbindung zum Identitäts-Server <idserver /> trennen?",
+        "disconnect_warning": "Wenn du die Verbindung zu deinem Identitäts-Server trennst, kannst du nicht mehr von anderen Benutzern gefunden werden und andere nicht mehr per E-Mail oder Telefonnummer einladen.",
+        "do_not_use": "Keinen Identitäts-Server verwenden",
+        "error_connection": "Verbindung zum Identitäts-Server konnte nicht hergestellt werden",
+        "error_invalid": "Ungültiger Identitäts-Server (Fehlercode %(code)s)",
+        "error_invalid_or_terms": "Nutzungsbedingungen nicht akzeptiert oder der Identitäts-Server ist ungültig.",
+        "no_terms": "Der von dir gewählte Identitäts-Server gibt keine Nutzungsbedingungen an.",
+        "suggestions": "Du solltest:",
+        "suggestions_1": "Überprüfe deinen Browser auf Erweiterungen, die den Identitäts-Server blockieren könnten (z. B. Privacy Badger)",
+        "suggestions_2": "Kontaktiere die Administration des Identitäts-Servers <idserver />",
+        "suggestions_3": "warte und versuche es später erneut",
+        "url": "Identitäts-Server (%(server)s)",
+        "url_field_label": "Gib einen neuen Identitäts-Server ein",
+        "url_not_https": "Identitäts-Server-URL muss mit HTTPS anfangen"
+    },
+    "in_space": "Im Space %(spaceName)s.",
+    "in_space1_and_space2": "In den Spaces %(space1Name)s und %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "Im Space %(spaceName)s und %(count)s weiteren Spaces.",
+        "other": "In %(spaceName)s und %(count)s weiteren Spaces."
+    },
+    "incompatible_browser": {
+        "continue": "Trotzdem fortfahren",
+        "description": "%(brand)s verwendet einige Browser-Funktionen, die von deinem aktuellen Browser nicht unterstützt werden. %(detail)s",
+        "detail_can_continue": "Wenn du fortfährst könnten einige Funktionen möglicherweise ausfallen und es besteht das Risiko, in Zukunft Daten zu verlieren.",
+        "detail_no_continue": "Aktualisiere diesen Browser, wenn es nicht die neueste Version ist, und versuche es erneut.",
+        "learn_more": "Mehr erfahren",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "Verwende <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge> oder <Safari>Safari</Safari> für das beste Erlebnis.",
+        "title": "Nicht unterstützter Browser",
+        "use_desktop_heading": "Verwende stattdessen %(brand)s Desktop",
+        "use_mobile_heading": "Stattdessen %(brand)s am Smartphone benutzen",
+        "use_mobile_heading_after_desktop": "Oder verwende die mobile App",
+        "windows_64bit": "Windows (64-Bit)",
+        "windows_arm_64bit": "Windows (ARM 64-Bit)"
+    },
+    "info_tooltip_title": "Information",
+    "integration_manager": {
+        "connecting": "Verbinde mit Integrationsassistent …",
+        "error_connecting": "Der Integrationsassistent ist außer Betrieb oder kann deinen Heim-Server nicht erreichen.",
+        "error_connecting_heading": "Verbindung zum Integrationsassistenten fehlgeschlagen",
+        "explainer": "Integrations-Manager erhalten Konfigurationsdaten, können Widgets modifizieren, Chat-Einladungen verschicken und in deinem Namen Berechtigungen setzen.",
+        "manage_title": "Integrationen verwalten",
+        "toggle_label": "Aktiviere den Integrations-Manager",
+        "use_im": "Verwende einen Integrations-Server, um Bots, Widgets und Sticker-Pakete zu verwalten.",
+        "use_im_default": "Nutze einen Integrations-Server <b>(%(serverName)s)</b>, um Bots, Widgets und Sticker-Pakete zu verwalten."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Aktiviere „%(manageIntegrations)s“ in den Einstellungen, um dies zu tun.",
+        "disabled_dialog_title": "Integrationen sind deaktiviert",
+        "impossible_dialog_description": "%(brand)s erlaubt es nicht, den Integrations-Manager zu verwenden. Bitte kontaktiere einen Admin.",
+        "impossible_dialog_title": "Integrationen sind nicht erlaubt"
+    },
+    "invite": {
+        "email_caption": "Via Email einladen",
+        "email_limit_one": "E-Mail-Einladungen können nur nacheinander gesendet werden",
+        "email_use_default_is": "Verwende einen Identitäts-Server, um per E-Mail einzuladen. <default>Nutze den Standardidentitäts-Server (%(defaultIdentityServerName)s)</default> oder konfiguriere einen in den <settings>Einstellungen</settings>.",
+        "email_use_is": "Verwende einen Identitäts-Server, um per E-Mail-Adresse einladen zu können. Lege einen in den <settings>Einstellungen</settings> fest.",
+        "error_already_invited_room": "Die Person wurde bereits eingeladen",
+        "error_already_invited_space": "Die Person wurde bereits eingeladen",
+        "error_already_joined_room": "Die Person ist bereits im Chat",
+        "error_already_joined_space": "Die Person ist bereits im Space",
+        "error_bad_state": "Gesperrte Nutzer können nicht eingeladen werden.",
+        "error_dm": "Wir konnten deine Direktnachricht nicht erstellen.",
+        "error_find_room": "Beim Einladen der Nutzer lief etwas schief.",
+        "error_find_user_description": "Folgende Nutzer konnten nicht eingeladen werden, da sie nicht existieren oder ungültig sind: %(csvNames)s",
+        "error_find_user_title": "Folgenden Nutzer konnten nicht gefunden werden",
+        "error_invite": "Diese Personen konnten nicht einladen werden. Bitte überprüfe sie und versuche es erneut.",
+        "error_permissions_room": "Du hast keine Berechtigung, Personen in diesen Chat einzuladen.",
+        "error_permissions_space": "Du hast keine Berechtigung, Personen in diesen Space einzuladen.",
+        "error_profile_undisclosed": "Diese Person existiert möglicherweise nicht",
+        "error_transfer_multiple_target": "Ein Anruf kann nur auf einen einzelnen Nutzer übertragen werden.",
+        "error_unfederated_room": "Dieser Chat förderiert nicht. Du kannst keine Personen von externen Servern einladen.",
+        "error_unfederated_space": "Dieser Space förderiert nicht. Du kannst keine Personen von externen Servern einladen.",
+        "error_unknown": "Unbekannter Server-Fehler",
+        "error_user_not_found": "Diese Person existiert nicht",
+        "error_version_unsupported_room": "Die Chat-Version wird vom Homeserver des Nutzers nicht unterstützt.",
+        "error_version_unsupported_space": "Die Space-Version wird vom Heim-Server des Benutzers nicht unterstützt.",
+        "failed_generic": "Aktion fehlgeschlagen",
+        "failed_title": "Einladen fehlgeschlagen",
+        "invalid_address": "Nicht erkannte Adresse",
+        "name_email_mxid_share_room": "Lade jemanden mittels Name, E-Mail-Adresse oder Nutzername (wie <userId/>) ein, oder <a>teile diesen Chat</a>.",
+        "name_email_mxid_share_space": "Lade Leute mittels Anzeigename, E-Mail-Adresse oder Benutzername (z. B. <userId/>) ein oder <a>teile diesen Space</a>.",
+        "name_mxid_share_room": "Lade jemanden mittels Name oder Nutzername (z. B. <userId/>) ein oder <a>teile diesen Chat</a>.",
+        "name_mxid_share_space": "Lade Leute mittels Anzeigename oder Benutzername (z. B. <userId/>) ein oder <a>teile diesen Space</a>.",
+        "progress": {
+            "dont_close": "Schließe die App nicht, bevor der Vorgang abgeschlossen ist.",
+            "preparing": "Einladungen werden vorbereitet..."
+        },
+        "recents_section": "Letzte Unterhaltungen",
+        "room_failed_partial": "Die anderen wurden gesendet, aber die folgenden Leute konnten leider nicht in <RoomName/> eingeladen werden",
+        "room_failed_partial_title": "Einige Einladungen konnten nicht versendet werden",
+        "room_failed_title": "Fehler beim Einladen von Benutzern in %(roomName)s",
+        "send_link_prompt": "Oder versende einen Einladungslink",
+        "start_conversation_name_email_mxid_prompt": "Beginne eine Konversation mittels Name, E-Mail-Adresse oder Matrix-ID (wie <userId/>).",
+        "start_conversation_name_mxid_prompt": "Starte ein Gespräch unter Verwendung des Namen oder Benutzernamens des Gegenübers (z. B. <userId/>).",
+        "suggestions_disclaimer": "Einige Vorschläge könnten aus Gründen der Privatsphäre ausgeblendet sein.",
+        "suggestions_disclaimer_prompt": "Wenn du die gesuchte Person nicht findest, sende ihr den Einladungslink zu.",
+        "suggestions_section": "Zuletzt kontaktiert",
+        "to_room": "In %(roomName)s einladen",
+        "to_space": "In %(spaceName)s einladen",
+        "transfer_dial_pad_tab": "Wähltastatur",
+        "transfer_user_directory_tab": "Benutzerverzeichnis",
+        "unable_find_profiles_description_default": "Profile für die folgenden Matrix-IDs wurden nicht gefunden – willst du sie dennoch einladen?",
+        "unable_find_profiles_invite_label_default": "Dennoch einladen",
+        "unable_find_profiles_invite_never_warn_label_default": "Trotzdem einladen und mich nicht mehr warnen",
+        "unable_find_profiles_title": "Eventuell existieren folgende Benutzer nicht",
+        "unban_first_title": "Nutzer kann nicht eingeladen werden, solange die Sperre nicht aufgehoben worden ist."
+    },
+    "inviting_user1_and_user2": "Lade %(user1)s und %(user2)s ein",
+    "inviting_user_and_n_others": {
+        "other": "Lade %(user)s und %(count)s weitere Person ein",
+        "one": "Lade %(user)s und eine weitere Person ein"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> und ein anderer",
+        "other": "<Items/> und %(count)s andere"
+    },
+    "keyboard": {
+        "activate_button": "Ausgewählten Button aktivieren",
+        "alt": "Alt",
+        "autocomplete_cancel": "Autovervollständigung deaktivieren",
+        "autocomplete_force": "Vervollständigung erzwingen",
+        "autocomplete_navigate_next": "Nächster Vorschlag der Autovervollständigung",
+        "autocomplete_navigate_prev": "Vorheriger Vorschlag der Autovervollständigung",
+        "backspace": "Löschtaste",
+        "cancel_reply": "Nachricht beantworten abbrechen",
+        "category_autocomplete": "Autovervollständigung",
+        "category_calls": "Anrufe",
+        "category_navigation": "Navigation",
+        "category_room_list": "Chatliste",
+        "close_dialog_menu": "Dialog oder Kontextmenü schließen",
+        "composer_jump_end": "Zum Ende des Eingabefelds springen",
+        "composer_jump_start": "Zum Anfang des Eingabefelds springen",
+        "composer_navigate_next_history": "Nächster Eintrag im Eingabeverlauf",
+        "composer_navigate_prev_history": "Vorheriger Eintrag im Eingabeverlauf",
+        "composer_new_line": "Neue Zeile",
+        "composer_redo": "Änderung wiederherstellen",
+        "composer_toggle_bold": "Fett",
+        "composer_toggle_code_block": "Quelltextblock umschalten",
+        "composer_toggle_italics": "Kursiv",
+        "composer_toggle_link": "Linkfomatierung umschalten",
+        "composer_toggle_quote": "Zitat umschalten",
+        "composer_undo": "Änderung revidieren",
+        "control": "Strg",
+        "dismiss_read_marker_and_jump_bottom": "Entferne Lesemarker und springe nach unten",
+        "end": "Ende",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Zur Startseite gehen",
+        "home": "Startseite",
+        "jump_first_message": "Zur ersten Nachricht springen",
+        "jump_last_message": "Zur letzten Nachricht springen",
+        "jump_room_search": "Springe zur Chat Suche",
+        "jump_to_read_marker": "Zur ältesten ungelesenen Nachricht springen",
+        "keyboard_shortcuts_tab": "Den Einstellungen-Tab öffnen",
+        "navigate_next_history": "Nächster kürzlich besuchter Chat oder Space",
+        "navigate_next_message_edit": "Nächste Nachricht bearbeiten",
+        "navigate_prev_history": "Vorheriger kürzlich besuchter Chat oder Space",
+        "navigate_prev_message_edit": "Vorherige Nachricht bearbeiten",
+        "next_landmark": "Zur nächsten Landmark springen",
+        "next_room": "Nächste Unterhaltung",
+        "next_unread_room": "Nächste ungelesene Nachricht",
+        "number": "[Nummer]",
+        "open_user_settings": "Benutzereinstellungen öffnen",
+        "page_down": "Bild runter",
+        "page_up": "Bild hoch",
+        "prev_landmark": "Zur vorherigen Landmark springen",
+        "prev_room": "Vorherige Unterhaltung",
+        "prev_unread_room": "Vorherige ungelesene Nachricht",
+        "room_list_collapse_section": "Chatliste einklappen",
+        "room_list_expand_section": "Chatliste ausklappen",
+        "room_list_navigate_down": "Nächster Eintrag der Chatliste",
+        "room_list_navigate_up": "Vorheriger Eintrag der Chatliste",
+        "room_list_select_room": "Wähle eine Chat aus der Chatliste",
+        "save": "Speichern",
+        "scroll_down_timeline": "Im Verlauf nach unten springen",
+        "scroll_up_timeline": "Im Verlauf nach oben springen",
+        "search": "Suchen (muss in den Einstellungen aktiviert sein)",
+        "send_sticker": "Sticker senden",
+        "shift": "Umschalt",
+        "space": "Leertaste",
+        "switch_to_space": "Mit Nummer zu Leerzeichen springen",
+        "toggle_hidden_events": "Sichtbarkeit versteckter Ereignisse umschalten",
+        "toggle_microphone_mute": "Mikrofon ein-/ausschalten",
+        "toggle_right_panel": "Rechtes Panel ein-/ausblenden",
+        "toggle_space_panel": "Space-Panel ein/aus",
+        "toggle_top_left_menu": "Menü oben links ein-/ausblenden",
+        "toggle_webcam_mute": "Kamera umschalten",
+        "upload_file": "Eine Datei hochladen"
+    },
+    "labs": {
+        "ask_to_join": "Beitrittsanfragen erlauben",
+        "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.",
+        "beta_feedback_title": "Rückmeldung zur %(featureName)s-Beta",
+        "beta_section": "Zukünftige Funktionen",
+        "bridge_state": "Zeige Informationen zu Brücken im Chat Einstellungen",
+        "bridge_state_channel": "Kanal: <channelLink/>",
+        "bridge_state_creator": "Diese Brücke wurde von <user /> bereitgestellt.",
+        "bridge_state_manager": "Diese Brücke wird von <user /> verwaltet.",
+        "bridge_state_workspace": "Workspace: <networkLink/>",
+        "click_for_info": "Klicke für mehr Infos",
+        "currently_experimental": "Aktuell experimentell.",
+        "custom_themes": "Selbstdefinierte Designs",
+        "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>.",
+        "experimental_section": "Frühe Vorschauen",
+        "extended_profiles_msc_support": "Erfordert die Unterstützung von MSC4133 durch den Server",
+        "feature_disable_call_per_sender_encryption": "Verschlüsselung per-sender für Element Anruf abschalten",
+        "feature_wysiwyg_composer_description": "Verwende Textverarbeitung (Rich-Text) statt Markdown im Eingabefeld.",
+        "group_developer": "Entwickler",
+        "group_encryption": "Verschlüsselung",
+        "group_experimental": "Experimentell",
+        "group_messaging": "Kommunikation",
+        "group_moderation": "Moderation",
+        "group_profile": "Profil",
+        "group_rooms": "Chats",
+        "group_spaces": "Spaces",
+        "group_themes": "Themen",
+        "group_threads": "Themen",
+        "group_ui": "Benutzeroberfläche",
+        "group_voip": "Anrufe",
+        "group_widgets": "Widgets",
+        "hidebold": "Benachrichtigungspunkt ausblenden (nur Zähler zeigen)",
+        "join_beta": "Beta beitreten",
+        "join_beta_reload": "Die Teilnahme an der Beta wird %(brand)s neustarten.",
+        "jump_to_date": "Zu Datum springen ( /jumptodate bzw. Zu Datum springen im Header)",
+        "jump_to_date_msc_support": "Dafür muss dein Server MSC3030 unterstützen",
+        "latex_maths": "LaTeX-Matheformeln",
+        "leave_beta": "Beta verlassen",
+        "leave_beta_reload": "Das Verlassen der Beta wird %(brand)s neustarten.",
+        "location_share_live": "Echtzeit-Standortfreigabe",
+        "location_share_live_description": "Vorläufige Implementierung: Standorte verbleiben im Nachrichtenverlauf.",
+        "mjolnir": "Neue Methoden, Personen zu ignorieren",
+        "msc3531_hide_messages_pending_moderation": "Erlaube Moderatoren, noch nicht moderierte Nachrichten auszublenden.",
+        "notification_settings": "Neue Benachrichtigungseinstellungen",
+        "notification_settings_beta_caption": "Einen einfacheren Weg um die Einstellungen für Benachrichtigungen zu ändern vorstellen. Passe Deine %(brand)s so an wie Du willst.",
+        "notification_settings_beta_title": "Benachrichtigungseinstellungen",
+        "notifications": "Benachrichtigungen in der Chat-Kopfzeile einschalten",
+        "render_reaction_images": "Benutzerdefinierte Bilder in Reaktionen anzeigen",
+        "render_reaction_images_description": "Werden manchmal auch als „benutzerdefinierte Emojis“ bezeichnet.",
+        "sliding_sync": "Sliding-Sync-Modus",
+        "sliding_sync_description": "In aktiver Entwicklung, kann nicht deaktiviert werden. Derzeit nicht mit Element Call kompatibel.",
+        "sliding_sync_disabled_notice": "Zum Deaktivieren, melde dich ab und erneut an",
+        "sliding_sync_server_no_support": "Dein Server wird hier nicht unterstützt.",
+        "unrealiable_e2e": "Nicht zuverlässig in verschlüsselten Chats",
+        "video_rooms": "Videochats",
+        "video_rooms_a_new_way_to_chat": "Eine neue Möglichkeit in %(brand)s über Audio und Video zu kommunizieren.",
+        "video_rooms_always_on_voip_channels": "Videochats sind dauerhaft aktive VoIP-Kanäle, die in einem Chat in %(brand)s eingebettet sind.",
+        "video_rooms_beta": "Videochats sind eine Beta-Funktion",
+        "video_rooms_faq1_answer": "Verwende die „+“-Schaltfläche des Chat-Bereichs der linken Seitenleiste.",
+        "video_rooms_faq1_question": "Wie kann ich einen Videochat erstellen?",
+        "video_rooms_faq2_answer": "Ja, der Verlauf wird neben dem Videoanruf angezeigt.",
+        "video_rooms_faq2_question": "Kann ich während Videoanrufen auch Textnachrichten verschicken?",
+        "video_rooms_feedbackSubheading": "Danke, dass Du die Beta ausprobierst. Bitte gehe soweit wie Du kannst ins Detail damit wird genau überprüfen können.",
+        "wysiwyg_composer": "Textverarbeitungs-Editor"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Diese Einstellungen sind für fortgeschrittene Nutzer gedacht.",
+        "ban_reason": "Ignoriert/Blockiert",
+        "error_adding_ignore": "Fehler beim Ignorieren eines Nutzers/Servers",
+        "error_adding_list_description": "Bitte überprüfe die Chat-ID oder -adresse und versuche es erneut.",
+        "error_adding_list_title": "Fehler beim Abonnieren der Liste",
+        "error_removing_ignore": "Fehler beim Entfernen eines ignorierten Nutzers/Servers",
+        "error_removing_list_description": "Bitte versuche es erneut oder beachte weitere Hinweise in der Konsole.",
+        "error_removing_list_title": "Fehler beim Deabonnieren der Liste",
+        "explainer_1": "Füge hier die Nutzer und Server hinzu, die du ignorieren willst. Verwende Sternchen, um %(brand)s alle Zeichen abgleichen zu lassen. So würde <code>@bot:*</code> alle Nutzer mit dem Namen „bot“ auf jedem beliebigen Server blockieren.",
+        "explainer_2": "Das Ignorieren von Personen erfolgt über Sperrlisten. Wenn eine Sperrliste abonniert wird, werden die von dieser Liste blockierten Benutzer und Server ausgeblendet.",
+        "lists": "Du abonnierst momentan:",
+        "lists_description_1": "Eine Verbotsliste abonnieren bedeutet ihr beizutreten!",
+        "lists_description_2": "Wenn dies nicht das ist, was du willst, verwende eine andere Funktion, um Nutzer zu blockieren.",
+        "lists_heading": "Abonnierte Listen",
+        "lists_new_label": "Chat-ID oder Adresse der Sperrliste",
+        "no_lists": "Du hast keine Listen abonniert",
+        "personal_description": "Deine persönliche Sperrliste enthält alle Nutzer/Server, von denen du keine Nachrichten erhalten möchtest. Nachdem du den ersten Nutzer/Server ignoriert hast, wird ein neuer Chat namens „%(myBanList)s“ erstellt – bleibe in diesem Chat, um die Sperrliste zu erhalten.",
+        "personal_empty": "Du hast niemanden ignoriert.",
+        "personal_heading": "Persönliche Sperrliste",
+        "personal_new_label": "Zu ignorierende Server- oder Nutzer-ID",
+        "personal_new_placeholder": "z. B. @bot:* oder example.org",
+        "personal_section": "Du ignorierst momentan:",
+        "room_name": "Meine Bannliste",
+        "room_topic": "Dies ist die Liste von Nutzern und Servern, die du gesperrt hast – verlasse diesen Chat nicht!",
+        "rules_empty": "Nichts",
+        "rules_server": "Server-Regeln",
+        "rules_title": "Verbotslistenregeln - %(roomName)s",
+        "rules_user": "Nutzerregeln",
+        "something_went_wrong": "Etwas ist schief gelaufen. Bitte versuche es erneut oder sieh für weitere Hinweise in deiner Konsole nach.",
+        "title": "Ignorierte Nutzer",
+        "view_rules": "Regeln öffnen"
+    },
+    "language_dropdown_label": "Sprachauswahl",
+    "leave_room_dialog": {
+        "last_person_warning": "Du bist die einzige Person hier. Wenn du gehst, kann in Zukunft niemand mehr eintreten, auch du nicht.",
+        "leave_room_question": "Bist du sicher, dass du den Chat „%(roomName)s“ verlassen möchtest?",
+        "leave_space_question": "Bist du sicher, dass du den Space „%(spaceName)s“ verlassen möchtest?",
+        "room_leave_admin_warning": "Du bist der einzige Admin in diesem Chat. Wenn du den Chat verlässt, wird niemand mehr in der Lage sein, die Chat-Einstellungen zu ändern oder andere wichtige Aktionen durchzuführen.",
+        "room_leave_mod_warning": "Du bist der einzige Moderator in diesem Chat. Wenn du den Chat verlässt, kann niemand mehr die Chat-Einstellungen ändern oder andere wichtige Aktionen durchführen.",
+        "room_rejoin_warning": "Dieser Chat ist nicht öffentlich und du kannst ihm ohne Einladung nicht erneut beitreten.",
+        "space_rejoin_warning": "Du wirst diesen privaten Space nur mit einer Einladung wieder betreten können."
+    },
+    "lightbox": {
+        "rotate_left": "Nach links drehen",
+        "rotate_right": "Nach rechts drehen",
+        "title": "Bildbetrachter"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Dein Heim-Server unterstützt das Anzeigen von Karten nicht.",
+        "MapStyleUrlNotReachable": "Dein Home-Server unterstützt das Anzeigen von Karten nicht oder der Kartenanbieter ist nicht erreichbar.",
+        "WebGLNotEnabled": "Für die Darstellung von Karten ist WebGL erforderlich, bitte aktiviere es in den Einstellungen deines Browsers.",
+        "click_drop_pin": "Klicke, um den Standort zu setzen",
+        "click_move_pin": "Klicke, um den Standort zu bewegen",
+        "close_sidebar": "Seitenleiste schließen",
+        "error_fetch_location": "Standort konnte nicht abgerufen werden",
+        "error_no_perms_description": "Du benötigst die entsprechenden Berechtigungen, um deinen Echtzeit-Standort in diesem Chat freizugeben.",
+        "error_no_perms_title": "Dir fehlt die Berechtigung, Echtzeit-Standorte freigeben zu dürfen",
+        "error_send_description": "%(brand)s konnte deinen Standort nicht senden. Bitte versuche es später erneut.",
+        "error_send_title": "Wir konnten deinen Standort nicht senden",
+        "error_sharing_live_location": "Ein Fehler ist während des Teilens deines Echtzeit-Standorts aufgetreten",
+        "error_stopping_live_location": "Ein Fehler ist während des Beendens deines Echtzeit-Standorts aufgetreten",
+        "expand_map": "Karte vergrößern",
+        "failed_generic": "Standort konnte nicht abgerufen werden. Bitte versuche es später erneut.",
+        "failed_load_map": "Karte kann nicht geladen werden",
+        "failed_permission": "%(brand)s wurde der Zugriff auf deinen Standort verweigert. Bitte erlaube den Zugriff in den Einstellungen deines Browsers.",
+        "failed_timeout": "Zeitüberschreitung beim Abrufen deines Standortes. Bitte versuche es später erneut.",
+        "failed_unknown": "Beim Abruf deines Standortes ist ein unbekannter Fehler aufgetreten. Bitte versuche es später erneut.",
+        "find_my_location": "Zeige meinen Standort",
+        "live_description": "Echtzeit-Standort von %(displayName)s",
+        "live_enable_description": "Bitte beachte: Dies ist eine experimentelle Funktion, die eine temporäre Implementierung nutzt. Das bedeutet, dass du deinen Standortverlauf nicht löschen kannst und erfahrene Nutzer ihn sehen können, selbst wenn du deinen Echtzeit-Standort nicht mehr mit diesem Chat teilst.",
+        "live_enable_heading": "Echtzeit-Standortfreigabe",
+        "live_location_active": "Du teilst deinen Echtzeit-Standort",
+        "live_location_enabled": "Echtzeit-Standort aktiviert",
+        "live_location_ended": "Echtzeit-Standort beendet",
+        "live_location_error": "Echtzeit-Standort-Fehler",
+        "live_locations_empty": "Keine Echtzeit-Standorte",
+        "live_share_button": "Geteilt für %(duration)s",
+        "live_toggle_label": "Aktiviere Echtzeit-Standortfreigabe",
+        "live_until": "Echtzeit bis %(expiryTime)s",
+        "live_update_time": "%(humanizedUpdateTime)s aktualisiert",
+        "loading_live_location": "Lade Live-Standort …",
+        "location_not_available": "Standort nicht verfügbar",
+        "map_feedback": "Rückmeldung zur Karte",
+        "mapbox_logo": "Mapbox Logo",
+        "reset_bearing": "Ausrichtung nach Norden zurücksetzen",
+        "share_button": "Standort teilen",
+        "share_type_live": "Mein Echtzeit-Standort",
+        "share_type_own": "Mein Standort",
+        "share_type_pin": "Standort setzen",
+        "share_type_prompt": "Wie willst du deinen Standort teilen?",
+        "toggle_attribution": "Info ein-/ausblenden"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s Mitglied",
+            "other": "%(count)s Mitglieder"
+        },
+        "filter_placeholder": "Chatmitglieder filtern",
+        "invite_button_no_perms_tooltip": "Du bist nicht berechtigt, Benutzer einzuladen",
+        "invited_label": "Eingeladen",
+        "list_title": "Mitgliederliste",
+        "no_matches": "Keine Treffer"
+    },
+    "member_list_back_action_label": "Chatmitglieder",
+    "message_edit_dialog_title": "Nachrichtenänderungen",
+    "migrating_crypto": "Bleib dran. Wir aktualisieren%(brand)s, um die Verschlüsselung schneller und zuverlässiger zu machen.",
+    "mobile_guide": {
+        "toast_accept": "App verwenden",
+        "toast_description": "%(brand)s ist in mobilen Browsern experimentell. Für eine bessere Erfahrung nutze unsere App.",
+        "toast_title": "Nutze die App für eine bessere Erfahrung"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Keine weiteren Ergebnisse",
+    "notif_panel": {
+        "empty_description": "Du hast keine sichtbaren Benachrichtigungen.",
+        "empty_heading": "Du bist auf dem neuesten Stand"
+    },
+    "notifications": {
+        "all_messages": "Alle Nachrichten",
+        "all_messages_description": "Bei jeder Nachricht benachrichtigen",
+        "class_global": "Global",
+        "class_other": "Sonstiges",
+        "default": "Standard",
+        "email_pusher_app_display_name": "E-Mail-Benachrichtigungen",
+        "enable_prompt_toast_description": "Aktiviere Desktopbenachrichtigungen",
+        "enable_prompt_toast_title": "Benachrichtigungen",
+        "enable_prompt_toast_title_from_message_send": "Verpasse keine Antwort",
+        "error_change_title": "Benachrichtigungseinstellungen ändern",
+        "keyword": "Schlüsselwort",
+        "keyword_new": "Neues Schlüsselwort",
+        "level_activity": "Aktivität",
+        "level_highlight": "Hervorhebung",
+        "level_muted": "Stumm",
+        "level_none": "Nichts",
+        "level_notification": "Benachrichtigung",
+        "level_unsent": "Nicht gesendet",
+        "mark_all_read": "Alle als gelesen markieren",
+        "mentions_and_keywords": "@Erwähnungen und Schlüsselwörter",
+        "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"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s fordert eine Verifizierung an"
+    },
+    "onboarding": {
+        "create_room": "Gruppen Chat erstellen",
+        "explore_rooms": "Öffentliche Chats erkunden",
+        "has_avatar_label": "Großartig, das wird anderen helfen, dich zu erkennen",
+        "intro_byline": "Besitze deine Unterhaltungen.",
+        "intro_welcome": "Willkommen bei %(appName)s",
+        "no_avatar_label": "Füge ein Bild hinzu, damit andere dich erkennen können.",
+        "send_dm": "Direkt­­nachricht senden",
+        "welcome_detail": "Los geht’s – wir helfen dir beim Einstieg",
+        "welcome_user": "Willkommen %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Nachricht in %(room)s",
+        "permalink_this_room": "Nachricht von %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Umfrage erstellen",
+        "create_poll_title": "Umfrage erstellen",
+        "disclosed_notes": "Abstimmende können die Ergebnisse nach Stimmabgabe sehen",
+        "edit_poll_title": "Umfrage bearbeiten",
+        "end_description": "Willst du die Umfrage wirklich beenden? Die finalen Ergebnisse werden angezeigt und können nicht mehr geändert werden.",
+        "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.",
+        "error_voting_title": "Stimme nicht erfasst",
+        "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 …",
+        "total_decryption_errors": "Evtl. werden infolge von Entschlüsselungsfehlern einige Stimmen nicht gezählt",
+        "total_n_votes": {
+            "one": "%(count)s Stimme abgegeben. Stimme ab, um die Ergebnisse zu sehen",
+            "other": "%(count)s Stimmen abgegeben. Stimme ab, um die Ergebnisse zu sehen"
+        },
+        "total_n_votes_voted": {
+            "one": "%(count)s Stimme abgegeben",
+            "other": "%(count)s Stimmen abgegeben"
+        },
+        "total_no_votes": "Es wurden noch keine Stimmen abgegeben",
+        "total_not_ended": "Ergebnisse werden nach Abschluss der Umfrage sichtbar",
+        "type_closed": "Versteckte Umfrage",
+        "type_heading": "Abstimmungsart",
+        "type_open": "Offene Umfrage",
+        "unable_edit_description": "Du kannst Umfragen nicht bearbeiten, sobald Stimmen abgegeben wurden.",
+        "unable_edit_title": "Umfrage kann nicht bearbeitet werden"
+    },
+    "power_level": {
+        "admin": "Administrator",
+        "creator": "Eigentümer",
+        "custom": "Benutzerdefiniert (%(level)s)",
+        "custom_level": "Selbstdefiniertes Berechtigungslevel",
+        "default": "Standard",
+        "label": "Berechtigungsstufe",
+        "moderator": "Moderator",
+        "restricted": "Eingeschränkt"
+    },
+    "powered_by_matrix": "Betrieben mit Matrix",
+    "presence": {
+        "away": "Abwesend",
+        "busy": "Beschäftigt",
+        "idle": "Abwesend",
+        "idle_for": "Abwesend seit %(duration)s",
+        "offline": "Offline",
+        "offline_for": "Offline seit %(duration)s",
+        "online": "Online",
+        "online_for": "Online seit %(duration)s",
+        "unknown": "Unbekannt",
+        "unknown_for": "Unbekannt seit %(duration)s",
+        "unreachable": "Server des Benutzers nicht erreichbar"
+    },
+    "quick_settings": {
+        "all_settings": "Alle Einstellungen",
+        "sidebar_settings": "Weitere Optionen",
+        "title": "Schnelleinstellungen"
+    },
+    "quit_warning": {
+        "call_in_progress": "Du scheinst in einem Gespräch zu sein, bist du sicher, dass du aufhören willst?",
+        "file_upload_in_progress": "Du scheinst Dateien hochzuladen. Bist du sicher schließen zu wollen?"
+    },
+    "redact": {
+        "confirm_button": "Entfernen bestätigen",
+        "confirm_description": "Möchtest du dieses Ereignis wirklich entfernen (löschen)?",
+        "confirm_description_state": "Beachte, dass das Entfernen von Änderungen im Chat diese rückgängig machen könnte.",
+        "error": "Diese Nachricht kann nicht gelöscht werden. (%(code)s)",
+        "ongoing": "Löschen…",
+        "reason_label": "Grund (optional)"
+    },
+    "report_content": {
+        "description": "Wenn du diese Nachricht meldest, wird die eindeutige Ereignis-ID an den Administrator deines Homeserver übermittelt. Wenn die Nachrichten verschlüsselt sind, kann dein Administrator sie nicht lesen und auch keine Dateien oder Bilder einsehen.",
+        "hide_messages_from_user": "Prüfe, ob du alle aktuellen und zukünftigen Nachrichten dieses Nutzers verstecken willst.",
+        "ignore_user": "Nutzer ignorieren",
+        "missing_reason": "Bitte gib an, weshalb du einen Fehler meldest.",
+        "report_content_to_homeserver": "Inhalte an die Administration deines Heim-Servers melden"
+    },
+    "report_room": {
+        "description": "Melde diesen Chat deinem Konto-Anbieter. Wenn die Nachrichten verschlüsselt sind, kann dein Administrator sie nicht lesen.",
+        "reason_label": "Beschreibe den Grund"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Konnte %(failedCount)s Sitzungen nicht entschlüsseln!",
+        "count_of_successfully_restored_keys": "%(sessionCount)s Schlüssel erfolgreich wiederhergestellt",
+        "enter_key_description": "Gib deinen Wiederherstellungsschlüssel ein, um auf den verschlüsselten Nachrichtenverlauf zuzugreifen und sichere Nachrichten einzurichten.",
+        "enter_key_title": "Gib den Wiederherstellungsschlüssel ein",
+        "enter_phrase_description": "Greife auf deinen verschlüsselten Nachrichtenverlauf zu und richte die sichere Kommunikation ein, indem du deine Sicherheitsphrase eingibst.",
+        "enter_phrase_title": "Sicherheitsphrase eingeben",
+        "incorrect_security_phrase_dialog": "Das Backup konnte mit dieser Sicherheitsphrase nicht entschlüsselt werden: Bitte überprüfe, ob du die richtige eingegeben hast.",
+        "incorrect_security_phrase_title": "Falsche Sicherheitsphrase",
+        "key_backup_warning": "<b>Warnung</b>: Du solltest die Schlüsselsicherung nur auf einem vertrauenswürdigen Gerät einrichten.",
+        "key_fetch_in_progress": "Lade Schlüssel vom Server …",
+        "key_forgotten_text": "Solltest du den Wiederherstellungsschlüssel vergessen haben, kannst du <button> neue Wiederherstellungsoptionen einrichten</button>",
+        "key_is_invalid": "Kein gültiger Wiederherstellungsschlüssel",
+        "key_is_valid": "Möglicher Wiederherstellungsschlüssel",
+        "keys_restored_title": "Schlüssel wiederhergestellt",
+        "load_error_content": "Konnte Sicherungsstatus nicht laden",
+        "load_keys_progress": "%(completed)s von %(total)s Schlüsseln wiederhergestellt",
+        "no_backup_error": "Keine Schlüsselsicherung gefunden!",
+        "phrase_forgotten_text": "Solltest du deine Sicherheitsphrase vergessen haben, kannst du deinen <button1>Wiederherstellungsschlüssel verwenden</button1> oder <button2>neue Wiederherstellungsoptionen einrichten</button2>",
+        "recovery_key_mismatch_description": "Das Backup konnte mit diesem Wiederherstellungsschlüssel nicht entschlüsselt werden: Bitte überprüfe, ob du den richtigen Wiederherstellungsschlüssel eingegeben hast.",
+        "recovery_key_mismatch_title": "Nicht übereinstimmende Sicherheitsschlüssel",
+        "restore_failed_error": "Konnte Schlüsselsicherung nicht wiederherstellen"
+    },
+    "right_panel": {
+        "add_integrations": "Erweiterungen hinzufügen",
+        "add_topic": "Thema hinzufügen",
+        "extensions_button": "Erweiterungen",
+        "extensions_empty_description": "Wähle \"%(addIntegrations)s\" um Erweiterungen zu suchen und diesem Chat hinzuzufügen",
+        "extensions_empty_title": "Steigere die Produktivität mit mehr Tools, Widgets und Bots",
+        "files_button": "Dateien",
+        "pinned_messages": {
+            "empty_description": "Wähle „%(pinAction)s“ an einer Nachricht, um sie hier einzufügen.",
+            "empty_title": "Fixiere wichtige Nachrichten, damit sie leicht gefunden werden können.",
+            "header": {
+                "one": "1 angeheftete Nachricht",
+                "other": "%(count)s angeheftete Nachrichten"
+            },
+            "limits": {
+                "other": "Du kannst nur %(count)s Widgets anheften"
+            },
+            "menu": "Menü öffnen",
+            "reply_thread": "Auf <link>Nachricht im Thread</link> antworten",
+            "unpin_all": {
+                "button": "Alle Nachrichten loslösen",
+                "content": "Alle fixierten Nachrichten lösen? Diese Aktion kann nicht rückgängig gemacht werden.",
+                "title": "Alle Nachrichten loslösen?"
+            },
+            "view": "Im Nachrichtenverlauf ansehen"
+        },
+        "pinned_messages_button": "Angeheftete Nachrichten",
+        "poll": {
+            "active_heading": "Aktive Umfragen",
+            "empty_active": "In diesem Chat gibt es keine aktiven Umfragen",
+            "empty_active_load_more": "Es sind keine aktiven Umfragen verfügbar. Lade weitere Umfragen, um die der vorherigen Monate zu sehen",
+            "empty_active_load_more_n_days": {
+                "one": "Für den vergangenen Tag sind keine aktiven Umfragen verfügbar. Lade weitere Umfragen, um die der vorherigen Monate zu sehen",
+                "other": "Für die vergangenen %(count)s Tage sind keine aktiven Umfragen verfügbar. Lade weitere Umfragen, um die der vorherigen Monate zu sehen"
+            },
+            "empty_past": "In diesem Chat gibt es keine beendeten Umfragen",
+            "empty_past_load_more": "Es sind keine vergangenen Umfragen verfügbar. Lade weitere Umfragen, um die der vorherigen Monate zu sehen",
+            "empty_past_load_more_n_days": {
+                "one": "Für den vergangenen Tag sind keine beendeten Umfragen verfügbar. Lade weitere Umfragen, um die der vorherigen Monate zu sehen",
+                "other": "Für die vergangenen %(count)s Tage sind keine beendeten Umfragen verfügbar. Lade weitere Umfragen, um die der vorherigen Monate zu sehen"
+            },
+            "final_result": {
+                "one": "Es wurde %(count)s Stimme abgegeben",
+                "other": "Es wurden %(count)s Stimmen abgegeben"
+            },
+            "load_more": "Weitere Umfragen laden",
+            "loading": "Lade Umfragen",
+            "past_heading": "Abgeschlossene Umfragen",
+            "view_in_timeline": "Umfrage im Verlauf anzeigen",
+            "view_poll": "Umfrage ansehen"
+        },
+        "polls_button": "Umfragen",
+        "room_summary_card": {
+            "title": "Chat-Info"
+        },
+        "thread_list": {
+            "context_menu_label": "Thread-Optionen"
+        },
+        "video_room_chat": {
+            "title": "Unterhaltung"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Diese Einladung wurde an die E-Mail-Adresse %(email)s gesendet, die nicht zu deinem Konto gehört",
+        "3pid_invite_email_not_found_account_room": "Diese Einladung zu %(roomName)s wurde an die Adresse %(email)s gesendet, die nicht zu deinem Konto gehört",
+        "3pid_invite_error_description": "Beim Überprüfen der Einladung gab es den Fehler %(errcode)s. Du kannst diese Info der Person, die dich eingeladen hat weitergeben, eventuell kann dies ihr helfen.",
+        "3pid_invite_error_invite_action": "Dennoch versuchen beizutreten",
+        "3pid_invite_error_invite_subtitle": "Das Betreten ist nur mit gültiger Einladung möglich.",
+        "3pid_invite_error_public_subtitle": "Betreten ist dennoch möglich.",
+        "3pid_invite_error_title": "Bei der Einladung ist etwas schiefgelaufen.",
+        "3pid_invite_error_title_room": "Bei deiner Einladung zu %(roomName)s ist ein Fehler aufgetreten",
+        "3pid_invite_no_is_subtitle": "Verknüpfe einen Identitäts-Server in den Einstellungen, um die Einladungen direkt in %(brand)s zu erhalten.",
+        "banned_by": "Du wurdest von %(memberName)s gebannt",
+        "banned_from_room_by": "Du wurdest von %(memberName)s aus %(roomName)s verbannt",
+        "context_menu": {
+            "copy_link": "Chatlink kopieren",
+            "favourite": "Favorit",
+            "forget": "Chat vergessen",
+            "low_priority": "Niedrige Priorität",
+            "mark_read": "Als gelesen markieren",
+            "mark_unread": "Als ungelesen markieren",
+            "notifications_default": "Standardeinstellung verwenden",
+            "notifications_mute": "Chat stumm stellen",
+            "title": "Chatoptionen",
+            "unfavourite": "Favorisiert"
+        },
+        "creating_room_text": "Chat mit %(names)s wird erstellt",
+        "dm_invite_action": "Neue Direktnachricht",
+        "dm_invite_subtitle": "<userName/> möchte mit dir schreiben",
+        "dm_invite_title": "Möchtest du mit %(user)s schreiben?",
+        "drop_file_prompt": "Datei hier loslassen zum hochladen",
+        "edit_topic": "Thema bearbeiten",
+        "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.",
+        "error_join_404_2": "Falls du eine Adresse kennst, versuche den Chat mit dieser zu betreten.",
+        "error_join_404_invite": "Die dich einladende Person hat den Chat verlassen oder ihr Homeserver ist offline.",
+        "error_join_404_invite_same_hs": "Die Person, die dich eingeladen hat, hat den Chat wieder verlassen.",
+        "error_join_connection": "Es gab einen Fehler beim Betreten.",
+        "error_join_incompatible_version_1": "Verzeihung, dein Heim-Server ist hierfür zu alt.",
+        "error_join_incompatible_version_2": "Bitte setze dich mit der Administration deines Heim-Servers in Verbindung.",
+        "error_join_title": "Betreten fehlgeschlagen",
+        "error_jump_to_date": "Der Server gab %(statusCode)s mit dem Fehlercode %(errorCode)s zurück",
+        "error_jump_to_date_connection": "Während des Versuchs, zum Datum zu springen, trat ein Netzwerkfehler auf. Möglicherweise ist dein Heim-Server nicht erreichbar oder es liegt ein temporäres Problem mit deiner Internetverbindung vor. Bitte versuche es erneut. Falls dieser Fehler weiterhin auftritt, kontaktiere bitte deine Heim-Server-Administration.",
+        "error_jump_to_date_details": "Fehlerdetails",
+        "error_jump_to_date_not_found": "Wir konnten kein Ereignis nach dem %(dateString)s finden. Versuche, einen früheren Zeitpunkt zu wählen.",
+        "error_jump_to_date_send_logs_prompt": "Bitte übermittel <debugLogsLink>Debug-Protokolle</debugLogsLink>, um uns beim Finden des Problems zu helfen.",
+        "error_jump_to_date_title": "Wir konnten kein Ereignis für diesen Zeitpunkt finden",
+        "face_pile_summary": {
+            "one": "%(count)s Person, die du kennst, ist schon beigetreten",
+            "other": "%(count)s Leute, die du kennst, sind bereits beigetreten"
+        },
+        "face_pile_tooltip_label": {
+            "other": "Alle %(count)s Mitglieder anzeigen",
+            "one": "Mitglied anzeigen"
+        },
+        "face_pile_tooltip_shortcut": "Inklusive %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Mit dir, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Es kann nicht ermittelt werden, welcher Nutzer ignoriert werden soll, da sich die Mitgliedschaft geändert hat.",
+        "failed_reject_invite": "Ablehnen der Einladung ist fehlgeschlagen",
+        "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",
+            "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",
+        "header_untrusted_label": "Nicht vertrauenswürdig",
+        "inaccessible": "Dieser Chat oder Space ist im Moment nicht zugänglich.",
+        "inaccessible_name": "Auf %(roomName)s kann momentan nicht zugegriffen werden.",
+        "inaccessible_subtitle_1": "Versuche es später erneut oder bitte einen Chat- oder Space-Admin um Erlaubnis für Zugriff.",
+        "inaccessible_subtitle_2": "%(errcode)s wurde während des Betretens zurückgegeben. Wenn du denkst, dass diese Meldung nicht korrekt ist, <issueLink>reiche bitte einen Fehlerbericht ein</issueLink>.",
+        "intro": {
+            "display_topic": "Thema: <topic/>",
+            "dm_caption": "Nur ihr beide nehmt an dieser Konversation teil, es sei denn, ihr ladet jemanden ein.",
+            "edit_topic": "Thema: <topic/> (<a>bearbeiten</a>)",
+            "enable_encryption_prompt": "Aktiviere Verschlüsselung in den Einstellungen.",
+            "encrypted_3pid_dm_pending_join": "Sobald alle den Chat betreten hat, könnt ihr euch unterhalten",
+            "no_avatar_label": "Füge ein Bild hinzu, damit andere deinen Chat besser erkennen können.",
+            "no_topic": "<a>Füge ein Thema hinzu</a>, damit andere wissen, worum es hier geht.",
+            "private_unencrypted_warning": "Dieser Chat ist nicht verschlüsselt. Oft ist dies aufgrund eines nicht unterstützten Geräts oder Methode wie E-Mail-Einladungen der Fall.",
+            "room_invite": "Nur in diesen Chat einladen",
+            "send_message_start_dm": "Schreibe deine erste Nachricht, um <displayName/> zur Unterhaltung einzuladen",
+            "start_of_dm_history": "Dies ist der Beginn deiner Direktnachrichten mit <displayName/>.",
+            "start_of_room": "Dies ist der Beginn von <roomName/>.",
+            "unencrypted_warning": "Ende-zu-Ende-Verschlüsselung ist deaktiviert",
+            "user_created": "%(displayName)s hat diesen Chat erstellt.",
+            "you_created": "Du hast diesen Chat erstellt."
+        },
+        "invite_email_mismatch_suggestion": "Teile diese E-Mail-Adresse in den Einstellungen, um Einladungen direkt in %(brand)s zu erhalten.",
+        "invite_sent_to_email": "Einladung an %(email)s gesendet",
+        "invite_sent_to_email_room": "Diese Einladung zu %(roomName)s wurde an %(email)s gesendet",
+        "invite_subtitle": "Eingeladen von <userName/>",
+        "invite_this_room": "In diesen Chat einladen",
+        "invite_title": "Möchtest du %(roomName)s betreten?",
+        "inviter_unknown": "Unbekannt",
+        "invites_you_text": "Du wirst von <inviter/> eingeladen",
+        "join_button_account": "Registrieren",
+        "join_failed_needs_invite": "Um %(roomName)s zu betrachten, benötigst du eine Einladung",
+        "join_the_discussion": "An Diskussion teilnehmen",
+        "join_title": "Betrete den Chat, um teilzunehmen",
+        "join_title_account": "An Unterhaltung mit einem Konto teilnehmen",
+        "joining": "Trete bei …",
+        "joining_room": "Trete dem Chat bei …",
+        "joining_space": "Betrete Space …",
+        "jump_read_marker": "Zur ersten ungelesenen Nachricht springen.",
+        "jump_to_bottom_button": "Zur neusten Nachricht springen",
+        "kick_reason": "Grund: %(reason)s",
+        "kicked_by": "Du wurdest von %(memberName)s entfernt",
+        "kicked_from_room_by": "%(memberName)s hat dich aus %(roomName)s entfernt",
+        "knock_cancel_action": "Anfrage abbrechen",
+        "knock_denied_subtitle": "Da deine Beitrittsanfrage abgelehnt wurde, bitten wir um Geduld, bis du eine Einladung vom Administrator oder Moderator erhältst.",
+        "knock_denied_title": "Deine Beitrittsanfrage wurde abgelehnt",
+        "knock_message_field_placeholder": "Nachricht (optional)",
+        "knock_prompt": "Beitrittsanfrage stellen?",
+        "knock_prompt_name": "Beitrittsanfrage für %(roomName)s stellen?",
+        "knock_send_action": "Beitrittsanfrage stellen",
+        "knock_sent": "Beitrittsanfrage gestellt",
+        "knock_sent_subtitle": "Deine Beitrittsanfrage wurde noch nicht bearbeitet.",
+        "knock_subtitle": "Du benötigst eine Beitrittsberechtigung, um den Chat betrachten oder an der Unterhaltung teilnehmen zu können. Du kannst nachstehend eine Beitrittsanfrage stellen.",
+        "leave_error_title": "Fehler beim Verlassen des Chats",
+        "leave_server_notices_description": "Du kannst diesen Chat nicht verlassen, da dieser Chat für wichtige Mitteilungen vom Homeserver verwendet wird.",
+        "leave_server_notices_title": "Der Chat für Server-Mitteilungen kann nicht verlassen werden",
+        "leave_unexpected_error": "Unerwarteter Server-Fehler beim Versuch den Chat zu verlassen",
+        "link_email_to_receive_3pid_invite": "Verbinde diese E-Mail-Adresse in den Einstellungen mit deinem Konto, um die Einladungen direkt in %(brand)s zu erhalten.",
+        "loading_preview": "Lade Vorschau",
+        "no_peek_join_prompt": "Vorschau von %(roomName)s kann nicht angezeigt werden. Möchtest du dem Chat beitreten?",
+        "no_peek_no_name_join_prompt": "Es gibt keine Vorschau, dennoch betreten?",
+        "not_found_subtitle": "Bist du sicher am richtigen Ort?",
+        "not_found_title": "Dieser Chat oder Space existiert nicht.",
+        "not_found_title_name": "%(roomName)s existiert nicht.",
+        "peek_join_prompt": "Du erkundest den Chat %(roomName)s. Willst du ihm beitreten?",
+        "pinned_message_banner": {
+            "button_close_list": "Liste schließen",
+            "button_view_all": "Alle anzeigen",
+            "description": "Fixierte Nachrichten",
+            "go_to_newest_message": "Schau die fixierte Nachricht im Nachrichtenverlauf an und die neueste fixierte Nachricht hier an.",
+            "go_to_next_message": "Schau dir die fixierte Nachricht im Nachrichtenverlauf an und die nächst ältere Nachricht hier an",
+            "title": "<bold>%(index)s of %(length)s</bold> Fixierte Nachrichten"
+        },
+        "read_topic": "Klicke, um das Thema zu lesen",
+        "rejecting": "Lehne Einladung ab …",
+        "rejoin_button": "Erneut betreten",
+        "room_content": "Chat-Inhalt",
+        "room_is_low_priority": "Dieser Chat hat niedrige Priorität",
+        "search": {
+            "all_rooms_button": "Durchsuche alle Chats",
+            "placeholder": "Nachrichten durchsuchen...",
+            "summary": {
+                "one": "1 Ergebnis für \"<query/>\" gefunden",
+                "other": "%(count)s Ergebnisse für \"<query/>\" gefunden"
+            },
+            "this_room_button": "Diesen Chat durchsuchen"
+        },
+        "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.",
+            "other": "Du hast %(count)s ungelesene Benachrichtigungen in einer früheren Version dieses Chats."
+        },
+        "upgrade_error_description": "Überprüfe nochmal ob dein Server die ausgewählte Chat-Version unterstützt und versuche es nochmal.",
+        "upgrade_error_title": "Fehler bei Aktualisierung der Chat-Version",
+        "upgrade_warning_bar": "Um diesen Chat zu aktualisieren, muss der aktuelle Chat geschlossen werden und ein neuer Chat mit dem gleichen Namen angelegt werden.",
+        "upgrade_warning_bar_admins": "Nur Chat Administratoren werden diese Nachricht sehen",
+        "upgrade_warning_bar_unstable": "Dieser Chat läuft mit der Chat-Version <roomVersion />, welche dieser Homeserver als <i>instabil</i> markiert hat.",
+        "upgrade_warning_bar_upgraded": "Dieser Chat wurde bereits aktualisiert.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "%(filename)s und %(count)s weitere Dateien werden hochgeladen",
+                "other": "%(filename)s und %(count)s weitere Dateien werden hochgeladen"
+            },
+            "uploading_single_file": "%(filename)s wird hochgeladen"
+        },
+        "video_room": "Dieser Chat ist ein Videochat",
+        "waiting_for_join_subtitle": "Sobald eingeladene Nutzer %(brand)s beigetreten sind, werdet ihr euch Ende-zu-Ende-verschlüsselt unterhalten können",
+        "waiting_for_join_title": "Warte darauf, dass Benutzer %(brand)s beitreten"
+    },
+    "room_list": {
+        "add_space_label": "Space hinzufügen",
+        "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",
+        "list_title": "Chatliste",
+        "more_options": {
+            "leave_room": "Chat verlassen"
+        },
+        "notification_options": "Benachrichtigungsoptionen",
+        "show_less": "Weniger anzeigen"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Konfiguriere, wer %(spaceName)s sehen und betreten kann.",
+            "title": "Zutritt"
+        },
+        "advanced": {
+            "error_upgrade_description": "Die Chat-Version konnte nicht aktualisiert werden.",
+            "error_upgrade_title": "Aktualisierung der Chat-Version fehlgeschlagen",
+            "information_section_room": "Chatinformationen",
+            "information_section_space": "Information über den Space",
+            "room_id": "Interne Chat-ID",
+            "room_predecessor": "Alte Nachrichten in %(roomName)s anzeigen.",
+            "room_upgrade_button": "Aktualisiere auf die empfohlene Chat-Version",
+            "room_upgrade_warning": "<b>Achtung</b>: eine Aktualisierung der Chat-Version legt einen neuen Chat an. Die bestehenden Mitglieder werden jedoch <i>nicht automatisch eingeladen</i>. Im aktuellen Chat wird ein Link zum neuen Chat veröffentlicht. Mitglieder können diesem folgen, um dem neuen Chat zu beizutreten.",
+            "room_version": "Chat-Version:",
+            "room_version_section": "Chatversion",
+            "space_predecessor": "Alte Version von %(spaceName)s anzeigen.",
+            "space_upgrade_button": "Space auf die empfohlene Version aktualisieren",
+            "unfederated": "Nutzer von anderen Matrix Homeservern können diesem Chat nicht beitreten",
+            "upgrade_button": "Chat auf Version %(version)s aktualisieren",
+            "upgrade_dialog_description": "Um diesen Chat zu aktualisieren, muss der aktuelle Chat geschlossen werden und ein neuer Chat angelegt werden. Um den Mitgliedern den Umstieg zu erleichtern, werden wir:",
+            "upgrade_dialog_description_1": "Erstelle einen neuen Chat mit demselben Namen, Beschreibung und Avatar",
+            "upgrade_dialog_description_2": "Alle lokalen Chat-Aliase aktualisieren, damit sie auf den neuen Chat verweisen",
+            "upgrade_dialog_description_3": "Nutzern verbieten in dem Chat mit der alten Version zu schreiben und eine Nachricht senden, die den Nutzern rät, in den aktualisierten Chat zu wechseln",
+            "upgrade_dialog_description_4": "Zu Beginn des neuen Chats einen Link zum alten Chat setzen, damit Nutzer die alten Nachrichten sehen können",
+            "upgrade_dialog_title": "Chat-Version aktualisieren",
+            "upgrade_dwarning_ialog_title_public": "Öffentlichen Chat aktualisieren",
+            "upgrade_warning_dialog_description": "Die Aktualisierung der Chat-Version ist ein komplexer Vorgang, der üblicherweise empfohlen wird, wenn ein Chat aufgrund von Fehlern, fehlenden Funktionen oder Sicherheitslücken instabil ist.",
+            "upgrade_warning_dialog_explainer": "<b>Die Aktualisierung wird eine neue Version des Chats erstellen</b>. Die bisherigen Nachrichten verbleiben in diesem archivierten Chat.",
+            "upgrade_warning_dialog_footer": "Du wirst diesen Chat von Version <oldVersion /> zu <newVersion /> aktualisieren.",
+            "upgrade_warning_dialog_invite_label": "Mitglieder automatisch in den neuen Chat einladen",
+            "upgrade_warning_dialog_report_bug_prompt": "Dies beeinflusst meistens nur, wie der Chat auf dem Server verarbeitet wird. Solltest du Probleme mit %(brand)s haben, erstelle bitte einen Fehlerbericht.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Dies beeinflusst meistens nur, wie der Chat auf dem Server verarbeitet wird. Solltest du Probleme mit %(brand)s haben, <a>melde bitte einen Programmfehler</a>.",
+            "upgrade_warning_dialog_title": "Chat-Version aktualisieren",
+            "upgrade_warning_dialog_title_private": "Chat-Version des privaten Chats aktualisieren"
+        },
+        "alias_not_specified": "nicht angegeben",
+        "bridges": {
+            "description": "Dieser Chat leitet Nachrichten von/an folgende(n) Plattformen weiter. <a>Mehr erfahren.</a>",
+            "empty": "Dieser Chat leitet keine Nachrichten von/an andere(n) Plattformen weiter. <a>Mehr erfahren.</a>",
+            "title": "Brücken"
+        },
+        "delete_avatar_label": "Avatar löschen",
+        "general": {
+            "alias_field_has_domain_invalid": "Fehlender Doppelpunkt vor Server (z. B. :domain.org)",
+            "alias_field_has_localpart_invalid": "Fehlender Chatname oder Doppelpunkt (z. B. dein-chat:domain.org)",
+            "alias_field_matches_invalid": "Diese Adresse verweist nicht auf diesen Chat",
+            "alias_field_placeholder_default": "z. B. mein-chat",
+            "alias_field_required_invalid": "Bitte gib eine Adresse an",
+            "alias_field_safe_localpart_invalid": "Einige Zeichen sind nicht erlaubt",
+            "alias_field_taken_invalid": "Diese Adresse hat einen ungültigen Server oder wird bereits verwendet",
+            "alias_field_taken_invalid_domain": "Diese Adresse wird bereits verwendet",
+            "alias_field_taken_valid": "Diese Adresse ist verfügbar",
+            "alias_heading": "Chatadresse",
+            "aliases_items_label": "Andere öffentliche Adressen:",
+            "aliases_no_items_label": "Keine anderen öffentlichen Adressen vorhanden. Du kannst weiter unten eine hinzufügen",
+            "aliases_section": "Chatadressen",
+            "avatar_field_label": "Chat Avatar",
+            "canonical_alias_field_label": "Primäre Adresse",
+            "description_space": "Einstellungen vom Space bearbeiten.",
+            "error_creating_alias_description": "Es gab einen Fehler beim Anlegen der Adresse. Entweder erlaubt es der Server nicht oder es gab ein temporäres Problem.",
+            "error_creating_alias_title": "Fehler beim Anlegen der Adresse",
+            "error_deleting_alias_description": "Beim Entfernen dieser Adresse ist ein Fehler aufgetreten. Vielleicht existiert sie nicht mehr oder es kam zu einem temporären Fehler.",
+            "error_deleting_alias_description_forbidden": "Du hast nicht die Berechtigung, die Adresse zu löschen.",
+            "error_deleting_alias_title": "Fehler beim Löschen der Adresse",
+            "error_publishing": "Chatroom konnte nicht auf öffentlich gestellt werden",
+            "error_publishing_detail": "Beim Veröffentlichen dieses Chatrooms ist ein Fehler aufgetreten",
+            "error_save_space_settings": "Spaceeinstellungen konnten nicht gespeichert werden.",
+            "error_updating_alias_description": "Es gab einen Fehler beim Ändern der alternativen Adresse des Chat. Entweder erlaubt es der Server nicht oder es gab ein temporäres Problem.",
+            "error_updating_canonical_alias_description": "Es gab ein Problem beim Aktualisieren der Hauptadresse des Chats. Es kann sein, dass der Server dies verbietet oder ein temporäres Problem aufgetreten ist.",
+            "error_updating_canonical_alias_title": "Fehler beim Aktualisieren der Hauptadresse",
+            "leave_space": "Space verlassen",
+            "local_alias_field_label": "Lokale Adresse",
+            "local_aliases_explainer_room": "Erstelle Adressen für diesen Chat, damit andere Nutzer den Chat auf deinem Homeserver (%(localDomain)s) finden können",
+            "local_aliases_explainer_space": "Füge Adressen für diesen Space hinzu, damit andere Leute ihn über deinen Heim-Server (%(localDomain)s) finden können",
+            "local_aliases_section": "Lokale Adressen",
+            "name_field_label": "Chatname",
+            "new_alias_placeholder": "Neue öffentliche Adresse (z. B. #alias:server)",
+            "no_aliases_room": "Dieser Chat hat keine lokale Adresse",
+            "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.",
+            "published_aliases_section": "Öffentliche Adresse",
+            "save": "Speichern",
+            "topic_field_label": "Chat-Thema"
+        },
+        "notifications": {
+            "browse_button": "Durchsuchen",
+            "custom_sound_prompt": "Neuen individuellen Ton festlegen",
+            "notification_sound": "Benachrichtigungston",
+            "settings_link": "Du erhältst Benachrichtigungen, wie du sie in den <a>Einstellungen</a> konfiguriert hast",
+            "sounds_section": "Töne",
+            "upload_sound_label": "Eigenen Ton hochladen",
+            "uploaded_sound": "Hochgeladener Ton"
+        },
+        "people": {
+            "knock_empty": "Keine Anfragen",
+            "knock_section": "Beitrittsanfragen",
+            "see_less": "Weniger",
+            "see_more": "Mehr"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Erteile einem oder mehreren Nutzern im Chat mehr Berechtigungen",
+            "add_privileged_user_filter_placeholder": "Suche Mitglieder im Chat...",
+            "add_privileged_user_heading": "Berechtigten Benutzer hinzufügen",
+            "ban": "Benutzer verbannen",
+            "ban_reason": "Grund",
+            "banned_by": "Verbannt von %(displayName)s",
+            "banned_users_section": "Verbannte Benutzer",
+            "error_changing_pl_description": "Beim Ändern der Benutzerrechte ist ein Fehler aufgetreten. Stelle sicher, dass du die nötigen Berechtigungen besitzt und versuche es erneut.",
+            "error_changing_pl_reqs_description": "Beim Ändern der Anforderungen für Benutzerrechte ist ein Fehler aufgetreten. Stelle sicher, dass du die nötigen Berechtigungen besitzt und versuche es erneut.",
+            "error_changing_pl_reqs_title": "Fehler beim Ändern der Anforderungen für Benutzerrechte",
+            "error_changing_pl_title": "Fehler beim Ändern der Benutzerrechte",
+            "error_unbanning": "Aufheben der Sperre fehlgeschlagen",
+            "events_default": "Nachrichten senden",
+            "invite": "Person einladen",
+            "kick": "Benutzer entfernen",
+            "m.call": "Beginne %(brand)s-Anrufe",
+            "m.call.member": "Trete %(brand)s-Anrufen bei",
+            "m.reaction": "Reaktionen senden",
+            "m.room.avatar": "Ändere den Chat Avatar",
+            "m.room.avatar_space": "Space-Icon ändern",
+            "m.room.canonical_alias": "Hauptadresse ändern",
+            "m.room.canonical_alias_space": "Hauptadresse des Space ändern",
+            "m.room.encryption": "Chatverschlüsselung aktivieren",
+            "m.room.history_visibility": "Sichtbarkeit des Verlaufs ändern",
+            "m.room.name": "Ändere den Chat Namen",
+            "m.room.name_space": "Name des Space ändern",
+            "m.room.pinned_events": "Angeheftete Nachrichten verwalten",
+            "m.room.power_levels": "Berechtigungen ändern",
+            "m.room.redaction": "Vom mir gesendete Nachrichten löschen",
+            "m.room.server_acl": "Server-ACLs bearbeiten",
+            "m.room.tombstone": "Chat-Version aktualisieren",
+            "m.room.topic": "Thema ändern",
+            "m.room.topic_space": "Beschreibung bearbeiten",
+            "m.space.child": "Verwalte Chats in diesem Space",
+            "m.widget": "Widgets bearbeiten",
+            "muted_users_section": "Stummgeschaltete Benutzer",
+            "no_privileged_users": "Keine Nutzer haben in diesem Chat privilegierte Berechtigungen",
+            "notifications.room": "Alle benachrichtigen",
+            "permissions_section": "Berechtigungen",
+            "permissions_section_description_room": "Wähle Rollen, die benötigt werden, um einige Teile des Chat zu ändern",
+            "permissions_section_description_space": "Wähle, von wem folgende Aktionen ausgeführt werden können",
+            "privileged_users_section": "Privilegierte Benutzer",
+            "redact": "Nachrichten von anderen löschen",
+            "send_event_type": "%(eventType)s-Ereignisse senden",
+            "state_default": "Einstellungen ändern",
+            "title": "Rollen und Berechtigungen",
+            "users_default": "Standard-Rolle"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "Du hast keine Berechtigung, die Sichtbarkeit des Nachrichtenverlaufs des Chats zu ändern. Das ist gefährlich, weil es nicht angemeldeten Nutzern ermöglichen könnte, Nachrichten zu lesen.",
+                "title": "Chat kann nicht \"privat\" gemacht werden"
+            },
+            "enable_encryption_confirm_description": "Die Verschlüsselung für einen Chat kann nicht mehr deaktiviert werden sobald sie aktiv ist. Nachrichten in einem verschlüsselten Chat können nur noch von Mitgliedern, aber nicht mehr vom Server gelesen werden. Einige Bots und Brücken werden vielleicht nicht mehr funktionieren. <a>Erfahre mehr über Verschlüsselung.</a>",
+            "enable_encryption_confirm_title": "Verschlüsselung aktivieren?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Verschlüsselung wird für öffentliche Chats nicht empfohlen.</b> Jeder kann öffentliche Chats finden und ihnen beitreten, also kann auch jeder die Nachrichten lesen. Die Verschlüsselung bringt keine Vorteile und lässt sich später auch nicht mehr deaktivieren. Außerdem verlangsamt die Verschlüsselung das Senden und Empfangen von Nachrichten in öffentlichen Chats.",
+            "enable_encryption_public_room_confirm_description_2": "<a>Erstelle einen neuen verschlüsselten Chat</a>, um dieses Problem zu beheben.",
+            "enable_encryption_public_room_confirm_title": "Dieser Chat ist öffentlich. Willst du die Verschlüsselung wirklich aktivieren?",
+            "encrypted_room_public_confirm_description_1": "<b>Es ist nicht sinnvoll, verschlüsselte Chats öffentlich zu machen.</b> Das würde bedeuten, dass jeder den Chat finden und ihm beitreten kann, also auch Nachrichten lesen kann. Du erhältst also keinen Vorteil von der Verschlüsselung, während sie das Senden und Empfangen von Nachrichten langsamer macht.",
+            "encrypted_room_public_confirm_description_2": "<a>Erstelle einen neuen Chat</a>, um diese Probleme zu umgehen.",
+            "encrypted_room_public_confirm_title": "Willst du diesen verschlüsselten Chat wirklich öffentlich machen?",
+            "encryption_forced": "Dein Server erfordert die Deaktivierung der Verschlüsselung.",
+            "encryption_permanent": "Sobald die Verschlüsselung aktiviert ist, kann sie nicht mehr deaktiviert werden.",
+            "error_join_rule_change_title": "Fehler beim Aktualisieren der Beitrittsregeln",
+            "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_legend": "Wer kann den bisherigen Verlauf lesen?",
+            "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.",
+            "join_rule_knock": "Beitrittsanfragen",
+            "join_rule_knock_description": "Personen können den Chat nur betreten, wenn sie Zutritt erhalten.",
+            "join_rule_public_description": "Sichtbar und zugänglich für jeden.",
+            "join_rule_restricted": "Spacemitglieder",
+            "join_rule_restricted_description": "Das Betreten ist allen in diesen Spaces möglich. <a>Ändere, welche Spaces Zutritt haben.</a>",
+            "join_rule_restricted_description_active_space": "Finden und betreten ist Mitgliedern von <spaceName/> erlaubt. Du kannst auch weitere Spaces wählen.",
+            "join_rule_restricted_description_prompt": "Das Betreten ist allen in den gewählten Spaces möglich.",
+            "join_rule_restricted_description_spaces": "Spaces mit Zutritt",
+            "join_rule_restricted_dialog_description": "Entscheide, welche Spaces auf den Chat zugreifen können. Mitglieder der ausgewählten Spaces können <RoomName/> beitreten.",
+            "join_rule_restricted_dialog_empty_warning": "Du entfernst alle Spaces. Der Zutritt wird auf den Standard (Privat) zurückgesetzt",
+            "join_rule_restricted_dialog_filter_placeholder": "Spaces durchsuchen",
+            "join_rule_restricted_dialog_heading_known": "Andere dir bekannte Spaces",
+            "join_rule_restricted_dialog_heading_other": "Andere Spaces, die du möglicherweise nicht kennst",
+            "join_rule_restricted_dialog_heading_room": "Spaces, in denen du Mitglied bist und die diesen Chat enthalten",
+            "join_rule_restricted_dialog_heading_space": "Spaces, die diesen Space enthalten und in denen du Mitglied bist",
+            "join_rule_restricted_dialog_heading_unknown": "Das sind vermutliche solche, in denen andere Chat Administratoren Mitglieder sind.",
+            "join_rule_restricted_dialog_title": "Spaces wählen",
+            "join_rule_restricted_n_more": {
+                "other": "und %(count)s weitere",
+                "one": "und %(count)s weitere"
+            },
+            "join_rule_restricted_summary": {
+                "other": "%(count)s Spaces haben Zutritt",
+                "one": "Derzeit hat ein Space Zutritt"
+            },
+            "join_rule_restricted_upgrade_description": "Diese Aktualisierung gewährt Mitgliedern der ausgewählten Spaces ohne weitere Einladung Zugang zu diesem Chat.",
+            "join_rule_restricted_upgrade_warning": "Dieser Chat ist Teil von Spaces von denen du kein Administrator bist. In diesen Spaces wird der alte Chat weiter angezeigt werden, aber Personen werden aufgefordert werden, dem neuen Chat beizutreten.",
+            "join_rule_upgrade_awaiting_room": "Neuer Chat wird geladen",
+            "join_rule_upgrade_required": "Aktualisierung erforderlich",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Einladung senden …",
+                "other": "Einladungen senden … (%(progress)s von %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Space aktualisieren …",
+                "other": "Spaces aktualisieren … (%(progress)s von %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Chat-Version wird aktualisiert",
+            "join_rule_world_readable_description": "Wenn du änderst, wer dem Chat beitreten darf, ändert sich auch, wer zukünftige Nachrichten sehen kann.",
+            "public_without_alias_warning": "Um den Chat zu verlinken, füge bitte eine Adresse hinzu.",
+            "publish_room": "Veröffentliche diesen Chat im Chat Verzeichnis.",
+            "publish_space": "Veröffentliche diesen Space im Chat Verzeichnis.",
+            "strict_encryption": "Erlaube Nachrichtenversand nur an verifizierte Nutzer.",
+            "title": "Sicherheit"
+        },
+        "title": "Chateinstellungen - %(roomName)s",
+        "upload_avatar_label": "Profilbild hochladen",
+        "visibility": {
+            "alias_section": "Adresse",
+            "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_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"
+        },
+        "voip": {
+            "call_type_section": "Anrufart",
+            "enable_element_call_caption": "%(brand)s ist Ende-zu-Ende-verschlüsselt, allerdings noch auf eine geringere Anzahl Benutzer beschränkt.",
+            "enable_element_call_label": "Verwende %(brand)s als alternative Anrufoption in diesem Chat",
+            "enable_element_call_no_permissions_tooltip": "Du hast nicht die erforderlichen Berechtigungen, um dies zu ändern."
+        }
+    },
+    "room_summary_card_back_action_label": "Chatinformationen",
+    "scalar": {
+        "error_create": "Widget kann nicht erstellt werden.",
+        "error_membership": "Du bist nicht in diesem Chat.",
+        "error_missing_room_id": "Fehlende Chat-ID.",
+        "error_missing_room_id_request": "user_id fehlt in der Anfrage",
+        "error_missing_user_id_request": "user_id fehlt in der Anfrage",
+        "error_permission": "Du hast dafür keine Berechtigung.",
+        "error_power_level_invalid": "Berechtigungslevel muss eine positive ganze Zahl sein.",
+        "error_room_not_visible": "Chat %(roomId)s ist nicht sichtbar",
+        "error_room_unknown": "Dieser Chat wurde nicht erkannt.",
+        "error_send_request": "Übertragung der Anfrage fehlgeschlagen.",
+        "failed_read_event": "Lesen der Ereignisse fehlgeschlagen",
+        "failed_send_event": "Übertragung des Ereignisses fehlgeschlagen"
+    },
+    "server_offline": {
+        "description": "Server reagiert auf einige deiner Anfragen nicht. Folgend sind einige der wahrscheinlichsten Gründe aufgeführt.",
+        "description_1": "Die Reaktionszeit des Servers (%(serverName)s) war zu hoch.",
+        "description_2": "Deine Firewall oder Anti-Virus-Programm blockiert die Anfrage.",
+        "description_3": "Eine Browser-Erweiterung verhindert die Anfrage.",
+        "description_4": "Der Server ist außer Betrieb.",
+        "description_5": "Der Server hat deine Anfrage abgewiesen.",
+        "description_6": "Deine Region hat Schwierigkeiten, eine Verbindung zum Internet herzustellen.",
+        "description_7": "Beim Versuch, den Server zu kontaktieren, ist ein Verbindungsfehler aufgetreten.",
+        "description_8": "Der Server ist nicht dafür konfiguriert, das Problem anzuzeigen (CORS).",
+        "empty_timeline": "Du bist auf dem neuesten Stand.",
+        "recent_changes_heading": "Letzte Änderungen, die noch nicht eingegangen sind",
+        "title": "Server reagiert nicht"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s benötigt einen Service Worker um authentifizierte Medien aus dem Speicher zu laden. Dies wird vom Browser nicht unterstützt, so dass Fehler auftreten können.",
+        "title": "Service Worker konnte nicht geladen werden"
+    },
+    "seshat": {
+        "error_initialising": "Initialisierung der Suche fehlgeschlagen, für weitere Informationen öffne <a>deine Einstellungen</a>",
+        "reset_button": "Ereignisspeicher zurücksetzen",
+        "reset_description": "Es ist wahrscheinlich, dass du den Ereignis-Indexspeicher nicht zurück setzen möchtest",
+        "reset_explainer": "Falls du es wirklich willst: Es werden keine Nachrichten gelöscht. Außerdem wird die Suche, während der Index erstellt wird, etwas langsamer sein",
+        "reset_title": "Ereignisspeicher zurücksetzen?",
+        "warning_kind_files": "Diese Version von %(brand)s kann nicht alle verschlüsselten Dateien anzuzeigen",
+        "warning_kind_files_app": "Nutze die <a>Desktop-App</a> um alle verschlüsselten Dateien zu sehen",
+        "warning_kind_search": "Diese Version von %(brand)s kann verschlüsselte Nachrichten nicht durchsuchen",
+        "warning_kind_search_app": "Nutze die <a>Desktop-App</a> um verschlüsselte Nachrichten zu durchsuchen"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Dein Zugriffstoken gibt vollen Zugriff auf dein Konto. Teile ihn niemals mit anderen.",
+            "brand_version": "Version von %(brand)s:",
+            "clear_cache_reload": "Zwischenspeicher löschen und neu laden",
+            "crypto_version": "Krypto-Version:",
+            "dialog_title": "<strong>Einstellungen:</strong> Hilfe & Info",
+            "help_link": "<a>Um Hilfe zur Benutzung von %(brand)s zu erhalten, klicke hier</a>.",
+            "homeserver": "Heim-Server ist <code>%(homeserverUrl)s</code>",
+            "identity_server": "Identitäts-Server ist <code>%(identityServerUrl)s</code>",
+            "title": "Hilfe & Info",
+            "versions": "Versionen"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Einstellungen:</strong> Konto",
+            "title": "Konto"
+        },
+        "all_rooms_home": "Zeige alle Chats auf der Startseite",
+        "all_rooms_home_description": "Alle Chats, denen du beigetreten bist, werden auf der Startseite erscheinen.",
+        "always_show_message_timestamps": "Nachrichtenzeitstempel immer anzeigen",
+        "appearance": {
+            "bundled_emoji_font": "Mitgelieferte Emoji-Schriftart verwenden",
+            "compact_layout": "Kompakten Text und Nachrichten anzeigen",
+            "compact_layout_description": "Um diese Funktion nutzen zu können, muss das moderne Nachrichtenlayout ausgewählt sein.",
+            "custom_font": "Systemschriftart verwenden",
+            "custom_font_description": "Setze den Schriftnamen auf eine in deinem System installierte Schriftart und %(brand)s wird versuchen, sie zu verwenden.",
+            "custom_font_name": "Systemschriftart",
+            "custom_font_size": "Andere Schriftgröße verwenden",
+            "custom_theme_add": "Benutzerdefiniertes Design hinzufügen",
+            "custom_theme_downloading": "Benutzerdefiniertes Design wird heruntergeladen...",
+            "custom_theme_error_downloading": "Fehler beim Herunterladen des Designs.",
+            "custom_theme_help": "Gib die URL eines benutzerdefinierten Designs ein, das du anwenden möchten.",
+            "custom_theme_invalid": "Ungültiges Designschema.",
+            "dialog_title": "<strong>Einstellungen:</strong> Erscheinungsbild",
+            "font_size": "Schriftgröße",
+            "font_size_default": "%(fontSize)s (Standard)",
+            "high_contrast": "Hoher Kontrast",
+            "image_size_default": "Standard",
+            "image_size_large": "Groß",
+            "layout_bubbles": "Sprechblasen",
+            "layout_irc": "IRC (Experimentell)",
+            "match_system_theme": "An Design des Betriebssystems anpassen",
+            "timeline_image_size": "Bildgröße im Verlauf"
+        },
+        "automatic_language_detection_syntax_highlight": "Automatische Spracherkennung für die Syntaxhervorhebung",
+        "autoplay_gifs": "GIFs automatisch abspielen",
+        "autoplay_videos": "Videos automatisch abspielen",
+        "big_emoji": "Große Emojis im Verlauf anzeigen",
+        "code_block_expand_default": "Quelltextblöcke standardmäßig erweitern",
+        "code_block_line_numbers": "Zeilennummern in Quelltextblöcken",
+        "disable_historical_profile": "Aktuelle Profilbilder und Anzeigenamen im Verlauf anzeigen",
+        "discovery": {
+            "title": "So findet man dich"
+        },
+        "emoji_autocomplete": "Emoji-Vorschläge während Eingabe",
+        "enable_markdown": "Markdown aktivieren",
+        "enable_markdown_description": "Beginne Nachrichten mit <code>/plain</code>, um sie ohne Markdown zu senden.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Deine Kontodaten, Kontakte, Einstellungen und Chatlisten werden gespeichert",
+                "breadcrumb_page": "Verschlüsselung zurücksetzen",
+                "breadcrumb_second_description": "Du verlierst den Nachrichtenverlauf, der nur auf dem Server gespeichert ist",
+                "breadcrumb_third_description": "Du musst alle deine Geräte und Kontakte erneut verifizieren",
+                "breadcrumb_title": "Möchtest du deine kryptografische Identität wirklich zurücksetzen?",
+                "breadcrumb_title_cant_confirm": "Du musst deine Identität zurücksetzen.",
+                "breadcrumb_title_forgot": "Falls du deinen Wiederherstellungsschlüssel vergessen hast, musst du deine Identität zurücksetzen.",
+                "breadcrumb_title_sync_failed": "Der Schlüsselspeicher konnte nicht synchronisiert werden. Du musst deine kryptografische Identität zurücksetzen.",
+                "breadcrumb_warning": "Tu dies nur, wenn du befürchtest, dass dein Konto gehackt wurde.",
+                "details_title": "Angaben zur Verschlüsselung",
+                "do_not_close_warning": "Schließe dieses Fenster nicht, bis der Reset abgeschlossen ist",
+                "export_keys": "Schlüssel exportieren",
+                "import_keys": "Schlüssel importieren",
+                "other_people_device_description": "Warnung: Nur verifizierte Nutzer erhalten verschlüsselte Nachrichten und ausschließlich auf ihren verifizierten Geräten.",
+                "other_people_device_label": "In verschlüsselten Chats dürfen Nachrichten nur an verifizierte Nutzer gesendet werden.",
+                "other_people_device_title": "Geräte anderer Personen",
+                "reset_identity": "Kryptografische Identität zurücksetzen",
+                "reset_in_progress": "Der Reset wird ausgeführt",
+                "session_id": "Sitzungs-ID:",
+                "session_key": "Sitzungsschlüssel:",
+                "title": "Advanced"
+            },
+            "confirm_key_storage_off": "Soll die Speicherung der Schlüssel wirklich deaktiviert sein?",
+            "confirm_key_storage_off_description": "Wenn du dich von allen Geräten abmeldest, verlierst du deinen Nachrichtenverlauf und musst alle Kontakte erneut verifizieren. <a>Erfahre mehr</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Schlüsselspeicher löschen",
+                "confirm": "Schlüsselspeicher löschen",
+                "description": "Das Löschen des Schlüsselspeichers entfernt deine kryptografische Identität und deine Nachrichtenschlüssel vom Server. Die folgenden Sicherheitsfunktionen werden deaktiviert:",
+                "list_first": "Auf neuen Geräten ist kein verschlüsselter Nachrichtenverlauf verfügbar.",
+                "list_second": "Kein Zugriff auf verschlüsselten Nachrichten, wenn du überall von %(brand)s abgemeldet bist",
+                "title": "Möchtest du die Speicherung der Schlüssel wirklich deaktivieren und entfernen?"
+            },
+            "device_not_verified_button": "Dieses Gerät verifizieren",
+            "device_not_verified_description": "Du musst dieses Gerät verifizieren, um deine Verschlüsselungseinstellungen sehen zu können.",
+            "device_not_verified_title": "Gerät nicht verifiziert",
+            "dialog_title": "<strong>Einstellungen:</strong> Verschlüsselung",
+            "key_storage": {
+                "allow_key_storage": "Schlüsselspeicherung zulassen",
+                "description": "Speichere deine kryptographische Identität und die Nachrichtenschlüssel auf dem Server. Auf diese Weise kannst du deinen Nachrichtenverlauf auf neuen Geräten einsehen. <a>Erfahre mehr</a>",
+                "title": "Schlüsselspeicher"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Bestätige den neuen Wiederherstellungsschlüssel",
+                "change_recovery_confirm_description": "Gib unten deinen neuen Wiederherstellungsschlüssel ein, um den Vorgang abzuschließen. Dein alter Schlüssel funktioniert nicht mehr.",
+                "change_recovery_confirm_title": "Gib deinen neuen Wiederherstellungsschlüssel ein",
+                "change_recovery_key": "Wiederherstellungsschlüssel ändern",
+                "change_recovery_key_description": "Speichere diesen neuen Wiederherstellungsschlüssel an einem sicheren Ort. Klicke anschließend auf Weiter, um die Änderung zu bestätigen.",
+                "change_recovery_key_title": "Wiederherstellungsschlüssel ändern?",
+                "description": "Solltest du alle Geräte verloren haben, kannst du deine kryptographische Identität und den Nachrichtenverlauf mit einem Wiederherstellungsschlüssel wieder herstellen.",
+                "enter_key_error": "Der eingegebene Wiederherstellungsschlüssel ist nicht korrekt.",
+                "enter_recovery_key": "Gib den Wiederherstellungsschlüssel ein",
+                "forgot_recovery_key": "Wiederherstellungsschlüssel vergessen?",
+                "key_storage_warning": "Der Schlüsselspeicher ist nicht synchronisiert. Klicke auf die Schaltfläche unten, um das Problem zu beheben.",
+                "save_key_description": "Teile dies mit niemandem!",
+                "save_key_title": "Wiederherstellungsschlüssel",
+                "set_up_recovery": "Wiederherstellung einrichten",
+                "set_up_recovery_confirm_button": "Einrichtung abschließen",
+                "set_up_recovery_confirm_description": "Gib den auf dem vorherigen Bildschirm angezeigten Wiederherstellungsschlüssel ein, um die Einrichtung abzuschließen.",
+                "set_up_recovery_confirm_title": "Gib zur Bestätigung deinen Wiederherstellungsschlüssel ein",
+                "set_up_recovery_description": "Dein Schlüsselspeicher wird durch einen Wiederherstellungsschlüssel geschützt. Wenn du nach der Einrichtung einen neuen Wiederherstellungsschlüssel benötigst, kannst du durch Auswahl von „%(changeRecoveryKeyButton)s“ einen neuen erzeugen.",
+                "set_up_recovery_save_key_description": "Bewahre den Wiederherstellungsschlüssel an einer sicheren Stelle auf, wie zum Beispiel in einem Passwort-Manager, in einer verschlüsselten Datei oder in einem Safe.",
+                "set_up_recovery_save_key_title": "Bewahre den Wiederherstellungsschlüssel an einer sicheren Stelle auf",
+                "set_up_recovery_secondary_description": "Der Wiederherstellungsschlüssel wird erzeugt, wenn du auf \"Weiter\" klickst.",
+                "title": "Wiederherstellung"
+            },
+            "title": "Verschlüsselung"
+        },
+        "general": {
+            "account_management_section": "Benutzerkontenverwaltung",
+            "account_section": "Benutzerkonto",
+            "add_email_dialog_title": "E-Mail-Adresse hinzufügen",
+            "add_email_failed_verification": "Verifizierung der E-Mail-Adresse fehlgeschlagen: Bitte stelle sicher, dass du den Link in der E-Mail angeklickt hast",
+            "add_email_instructions": "Wir haben dir eine E-Mail geschickt, um deine Adresse zu überprüfen. Bitte folge den Anweisungen dort und klicke dann auf die Schaltfläche unten.",
+            "add_msisdn_confirm_body": "Klicke unten die Schaltfläche, um die hinzugefügte Telefonnummer zu bestätigen.",
+            "add_msisdn_confirm_button": "Hinzugefügte Telefonnummer bestätigen",
+            "add_msisdn_confirm_sso_button": "Bestätige die hinzugefügte Telefonnummer, indem du deine Identität mittels der Einmalanmeldung nachweist.",
+            "add_msisdn_dialog_title": "Telefonnummer hinzufügen",
+            "add_msisdn_instructions": "Gib den per SMS an +%(msisdn)s gesendeten Bestätigungscode ein.",
+            "add_msisdn_misconfigured": "Das MSISDN-Verknüpfungsverfahren ist falsch konfiguriert",
+            "allow_spellcheck": "Rechtschreibprüfung zulassen",
+            "application_language": "Anwendungssprache",
+            "application_language_reload_hint": "Nach Änderung der Sprache wird die App neu gestartet",
+            "avatar_open_menu": "Avatar-Menü öffnen",
+            "avatar_remove_progress": "Bild wird entfernt...",
+            "avatar_save_progress": "Bild wird hochgeladen...",
+            "avatar_upload_error_text": "Das Dateiformat wird nicht unterstützt oder das Bild ist größer als %(size)s.",
+            "avatar_upload_error_text_generic": "Das Dateiformat wird möglicherweise nicht unterstützt.",
+            "avatar_upload_error_title": "Profilbild konnte nicht hochgeladen werden",
+            "confirm_adding_email_body": "Klicke unten auf den Knopf, um die hinzugefügte E-Mail-Adresse zu bestätigen.",
+            "confirm_adding_email_title": "Hinzugefügte E-Mail-Addresse bestätigen",
+            "deactivate_confirm_body": "Willst du dein Konto wirklich deaktivieren? Du kannst dies nicht rückgängig machen.",
+            "deactivate_confirm_body_sso": "Bestätige die Deaktivierung deines Kontos, indem du deine Identität mithilfe deines Single-Sign-On-Anbieters nachweist.",
+            "deactivate_confirm_content": "Bestätige, dass du dein Konto deaktivieren möchtest. Wenn du fortfährst, tritt folgendes ein:",
+            "deactivate_confirm_content_1": "Du wirst dein Konto nicht reaktivieren können",
+            "deactivate_confirm_content_2": "Du wirst dich nicht mehr anmelden können",
+            "deactivate_confirm_content_3": "Niemand wird in der Lage sein, deinen Nutzernamen (MXID) wiederzuverwenden, nicht einmal du selbst: Der Nutzername wird insgesamt nur einmal vergeben.",
+            "deactivate_confirm_content_4": "Du wirst alle Unterhaltungen verlassen, in denen du dich befindest",
+            "deactivate_confirm_content_5": "Du wirst vom Identitäts-Server entfernt: Deine Freunde werden nicht mehr in der Lage sein, dich über deine E-Mail-Adresse oder Telefonnummer zu finden",
+            "deactivate_confirm_content_6": "Deine alten Nachrichten werden weiterhin für Personen sichtbar bleiben, die sie erhalten haben, so wie es bei E-Mails der Fall ist. Möchtest du deine Nachrichten vor Personen verbergen, die Chats in der Zukunft betreten?",
+            "deactivate_confirm_continue": "Deaktivierung des Kontos bestätigen",
+            "deactivate_confirm_erase_label": "Meine Nachrichten vor neuen Teilnehmern verstecken",
+            "deactivate_section": "Benutzerkonto deaktivieren",
+            "deactivate_warning": "Die Deaktivierung deines Kontos ist unwiderruflich — sei vorsichtig!",
+            "discovery_email_empty": "Sobald du eine E-Mail Adresse hinzufügst werden Optionen zum Entdecken anderer Nutzer angezeigt.",
+            "discovery_email_verification_instructions": "Verifiziere den Link in deinem Posteingang",
+            "discovery_msisdn_empty": "Sobald du eine Telefonnummer hinzufügst werden Optionen zum Entdecken anderer Nutzer angezeigt.",
+            "discovery_needs_terms": "Stimme den Nutzungsbedingungen des Identitäts-Servers %(serverName)s zu, um per E-Mail-Adresse oder Telefonnummer auffindbar zu werden.",
+            "discovery_needs_terms_title": "Lass dich finden",
+            "display_name": "Anzeigename",
+            "display_name_error": "Anzeigename konnte nicht gesetzt werden",
+            "email_adding_unsupported_by_hs": "Dieser Homeserver unterstützt das Hinzufügen von E-Mail-Adressen zu deinem Konto nicht.",
+            "email_address_in_use": "Diese E-Mail-Adresse wird bereits verwendet",
+            "email_address_label": "E-Mail-Adresse",
+            "email_not_verified": "Deine E-Mail-Adresse wurde noch nicht verifiziert",
+            "email_verification_instructions": "Klicke auf den Link in der Bestätigungs-E-Mail, und dann auf Weiter.",
+            "emails_heading": "E-Mail-Adressen",
+            "error_add_email": "E-Mail-Adresse konnte nicht hinzugefügt werden",
+            "error_deactivate_communication": "Bei der Kommunikation mit dem Server ist ein Fehler aufgetreten. Bitte versuche es erneut.",
+            "error_deactivate_invalid_auth": "Der Server lieferte keine gültigen Authentifizierungsinformationen.",
+            "error_deactivate_no_auth": "Der Server benötigt keine Authentifizierung",
+            "error_email_verification": "Die E-Mail-Adresse konnte nicht verifiziert werden.",
+            "error_invalid_email": "Ungültige E-Mail-Adresse",
+            "error_invalid_email_detail": "Dies scheint keine gültige E-Mail-Adresse zu sein",
+            "error_msisdn_verification": "Die Telefonnummer kann nicht überprüft werden.",
+            "error_password_change_403": "Passwortänderung fehlgeschlagen. Ist dein Passwort richtig?",
+            "error_password_change_http": "%(errorMessage)s (HTTP-Status %(httpStatus)s)",
+            "error_password_change_title": "Fehler während der Passwortänderung",
+            "error_password_change_unknown": "Unbekannter Fehler während der Passwortänderung (%(stringifiedError)s)",
+            "error_remove_3pid": "Die Kontaktinformationen können nicht gelöscht werden",
+            "error_revoke_email_discovery": "Dem Teilen der E-Mail-Adresse kann nicht widerrufen werden",
+            "error_revoke_msisdn_discovery": "Widerrufen der geteilten Telefonnummer nicht möglich",
+            "error_share_email_discovery": "E-Mail-Adresse kann nicht geteilt werden",
+            "error_share_msisdn_discovery": "Teilen der Telefonnummer nicht möglich",
+            "identity_server_no_token": "Kein Identitäts-Zugangs-Token gefunden",
+            "identity_server_not_set": "Kein Identitäts-Server festgelegt",
+            "invalid_phone_number": "Die angegebene Telefonnummer scheint nicht gültig zu sein.",
+            "language_section": "Sprache",
+            "msisdn_adding_unsupported_by_hs": "Dieser Homeserver unterstützt das Hinzufügen von Telefonnummern zu deinem Konto nicht.",
+            "msisdn_in_use": "Diese Telefonnummer wird bereits verwendet",
+            "msisdn_label": "Telefonnummer",
+            "msisdn_verification_field_label": "Bestätigungscode",
+            "msisdn_verification_instructions": "Gib den Bestätigungscode ein, den du empfangen hast.",
+            "msisdns_heading": "Telefonnummern",
+            "oidc_manage_button": "Konto verwalten",
+            "password_change_section": "Passwort des Nutzerkontos ändern...",
+            "password_change_success": "Dein Passwort wurde erfolgreich geändert.",
+            "personal_info": "Persönliche Daten",
+            "profile_subtitle": "So erscheinst du anderen in der App.",
+            "profile_subtitle_oidc": "Ihr Konto wird separat durch einen Identitätsanbieter verwaltet. Einige persönliche Daten können deswegen hier nicht geändert werden.",
+            "remove_email_prompt": "%(email)s entfernen?",
+            "remove_msisdn_prompt": "%(phone)s entfernen?",
+            "spell_check_locale_placeholder": "Wähle ein Gebietsschema",
+            "unable_to_load_emails": "E-Mail Adresse konnte nicht geladen werden",
+            "unable_to_load_msisdns": "Telefonnummern können nicht geladen werden",
+            "username": "Benutzername"
+        },
+        "inline_url_previews_default": "URL-Vorschau standardmäßig aktivieren",
+        "insert_trailing_colon_mentions": "Doppelpunkt nach Erwähnungen einfügen",
+        "invite_controls": {
+            "default_label": "Nutzern erlauben, dich in Chats einzuladen"
+        },
+        "jump_to_bottom_on_send": "Nach Senden einer Nachricht im Verlauf nach unten springen",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Deine Schlüssel werden nun von dieser Sitzung gesichert.",
+                "backup_setup_success_title": "Verschlüsselte Sicherung erfolgreich",
+                "cancel_warning": "Wenn du jetzt abbrichst, kannst du verschlüsselte Nachrichten und Daten verlieren, wenn du den Zugriff auf deine Sitzungen verlierst.",
+                "confirm_security_phrase": "Deine Sicherheitsphrase bestätigen",
+                "description": "Verhindere, den Zugriff auf verschlüsselte Nachrichten und Daten zu verlieren, indem du die Verschlüsselungs-Schlüssel auf deinem Server sicherst.",
+                "download_or_copy": "%(downloadButton)s oder %(copyButton)s",
+                "enter_phrase_description": "Gib eine nur dir bekannte Sicherheitsphrase ein, die dem Schutz deiner Daten dient. Um die Sicherheit zu gewährleisten, sollte dies nicht dein Kontopasswort sein.",
+                "enter_phrase_title": "Sicherheitsphrase eingeben",
+                "enter_phrase_to_confirm": "Gib dein Kennwort ein zweites Mal zur Bestätigung ein.",
+                "generate_security_key_description": "Es wird ein Wiederherstellungsschlüssel erzeugt, den du an einer sicheren Stelle aufbewahren solltest, wie zum Beispiel in einem Passwort-Manager oder in einem Safe.",
+                "generate_security_key_title": "Erzeuge einen Wiederherstellungsschlüssel",
+                "pass_phrase_match_failed": "Das passt nicht.",
+                "pass_phrase_match_success": "Das passt!",
+                "phrase_strong_enough": "Gut, diese Sicherheitsphrase sieht stark genug aus.",
+                "secret_storage_query_failure": "Status des sicheren Speichers kann nicht gelesen werden",
+                "security_key_safety_reminder": "Bewahre den Wiederherstellungsschlüssel an einer sicheren Stelle auf, wie zum Beispiel in einem Passwort-Manager oder in einem Safe. Er schützt deine verschlüsselten Daten.",
+                "set_phrase_again": "Gehe zurück und setze es erneut.",
+                "settings_reminder": "Du kannst auch in den Einstellungen Sicherungen einrichten und deine Schlüssel verwalten.",
+                "title_confirm_phrase": "Sicherheitsphrase bestätigen",
+                "title_save_key": "Speichere deinen Wiederherstellungsschlüssel",
+                "title_set_phrase": "Sicherheitsphrase setzen",
+                "unable_to_setup": "Sicherer Speicher kann nicht eingerichtet werden",
+                "use_different_passphrase": "Eine andere Passphrase verwenden?",
+                "use_phrase_only_you_know": "Verwende eine Sicherheitsphrase, die nur dir bekannt ist. Speichere optional einen Wiederherstellungsschlüssel als Backup."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Passphrase bestätigen",
+            "enter_passphrase": "Passphrase eingeben",
+            "export_description_1": "Dieser Prozess exportiert die Schlüssel für die in verschlüsselten Chats empfangenen Nachrichten in eine lokale Datei. In Zukunft wird es möglich sein, diese Datei in eine andere Matrix-Anwendung zu importieren, sodass diese die Nachrichten ebenfalls entschlüsseln kann.",
+            "export_description_2": "Die exportierte Datei erlaubt Unbefugten, jede Nachricht zu entschlüsseln, sei also vorsichtig und halte sie versteckt. Um dies zu verhindern, empfiehlt es sich eine einzigartige Passphrase unten einzugeben, die nur für das Entschlüsseln der exportierten Datei genutzt wird. Es ist nur möglich, diese Datei mit der selben Passphrase zu importieren.",
+            "export_title": "Chat-Schlüssel exportieren",
+            "file_to_import": "Zu importierende Datei",
+            "import_description_1": "Dieser Prozess erlaubt es dir, die zuvor von einer anderen Matrix-Anwendung exportierten Verschlüsselungs-Schlüssel zu importieren. Danach kannst du alle Nachrichten entschlüsseln, die auch bereits auf der anderen Anwendung entschlüsselt werden konnten.",
+            "import_description_2": "Die exportierte Datei ist mit einer Passphrase geschützt. Du kannst die Passphrase hier eingeben, um die Datei zu entschlüsseln.",
+            "import_title": "Chat-Schlüssel importieren",
+            "phrase_cannot_be_empty": "Passphrase darf nicht leer sein",
+            "phrase_must_match": "Passphrasen müssen übereinstimmen",
+            "phrase_strong_enough": "Super! Diese Passphrase wirkt stark genug"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Einstellungen:</strong> Tastatur",
+            "title": "Tastatur"
+        },
+        "labs": {
+            "dialog_title": "<strong>Einstellungen:</strong> Labor"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Einstellungen:</strong> Ignorierte Nutzer"
+        },
+        "media_preview": {
+            "hide_avatars": "Blende die Avatare des Chats und des Einladenden aus",
+            "hide_media": "Immer ausblenden",
+            "media_preview_description": "Ausgeblendete Medien können immer durch Antippen angezeigt werden",
+            "media_preview_label": "Medien in der Zeitleiste anzeigen",
+            "show_in_private": "In privaten Chatrooms",
+            "show_media": "Immer anzeigen"
+        },
+        "not_supported": "Der Konto-Provider hat diese Funktion nicht implementiert.",
+        "notifications": {
+            "default_setting_description": "Gilt für alle Chats auf allen Geräten.",
+            "default_setting_section": "Ich möchte benachrichtigt werden für (Standardeinstellung)",
+            "desktop_notification_message_preview": "Nachrichtenvorschau in der Desktopbenachrichtigung anzeigen",
+            "dialog_title": "<strong>Einstellungen:</strong> Benachrichtigungen",
+            "email_description": "E-Mail-Zusammenfassung für verpasste Benachrichtigungen erhalten",
+            "email_section": "E-Mail-Zusammenfassung",
+            "email_select": "Wähle, an welche E-Mail-Adresse die Zusammenfassungen gesendet werden. Verwalte deine E-Mail-Adressen unter <button>Allgemein</button>.",
+            "enable_audible_notifications_session": "Akustische Benachrichtigungen für diese Sitzung aktivieren",
+            "enable_desktop_notifications_session": "Desktop-Benachrichtigungen für diese Sitzung aktivieren",
+            "enable_email_notifications": "E-Mail-Benachrichtigungen für %(email)s aktivieren",
+            "enable_notifications_account": "Benachrichtigungen für dieses Konto aktivieren",
+            "enable_notifications_account_detail": "Ausschalten, um Benachrichtigungen auf all deinen Geräten und Sitzungen zu deaktivieren",
+            "enable_notifications_device": "Benachrichtigungen für dieses Gerät aktivieren",
+            "error_loading": "Fehler beim Laden der Benachrichtigungseinstellungen.",
+            "error_permissions_denied": "%(brand)s hat keine Berechtigung, Benachrichtigungen zu senden - Bitte überprüfe deine Browsereinstellungen",
+            "error_permissions_missing": "%(brand)s hat keine Berechtigung für das Senden von Benachrichtigungen erhalten - Bitte versuche es erneut",
+            "error_saving": "Fehler beim Speichern der Benachrichtigungseinstellungen",
+            "error_saving_detail": "Beim Speichern der Benachrichtigungseinstellungen ist ein Fehler aufgetreten.",
+            "error_title": "Benachrichtigungen konnten nicht aktiviert werden",
+            "error_updating": "Ein Fehler ist während der Aktualisierung deiner Benachrichtigungseinstellungen aufgetreten. Bitte versuche die Option erneut umzuschalten.",
+            "invites": "In einen Chat eingeladen",
+            "keywords": "Zeige einen Hinweis <badge/>, wenn Schlüsselwörter in einem Chat verwendet werden.",
+            "keywords_prompt": "Schlüsselwörter, Variationen dieser oder Anzeigenamen eingeben",
+            "labs_notice_prompt": "<strong>Aktualisierung:</strong> Wir haben die Benachrichtigungseinstellungen vereinfacht, damit Optionen schneller zu finden sind. Einige benutzerdefinierte Einstellungen werden hier nicht angezeigt, sind aber dennoch aktiv. Wenn du fortfährst, könnten sich einige Einstellungen ändern. <a>Erfahre mehr</a>",
+            "mentions_keywords": "Erwähnungen und Schlüsselwörter",
+            "mentions_keywords_only": "Nur Erwähnungen und Schlüsselwörter",
+            "messages_containing_keywords": "Nachrichten mit Schlüsselwörtern",
+            "noisy": "Laut",
+            "notices": "Nachrichten von Bots",
+            "notify_at_room": "Benachrichtigen, wenn jemand @room erwähnt",
+            "notify_keyword": "Benachrichtigen, wenn jemand ein Schlüsselwort erwähnt",
+            "notify_mention": "Benachrichtigen, wenn jemand @anzeigename oder %(mxid)s erwähnt",
+            "other_section": "Andere Dinge, an denen du interessiert sein könntest:",
+            "people_mentions_keywords": "Personen, Erwähnungen und Schlüsselwörter",
+            "play_sound_for_description": "Gilt für alle Chats auf allen Geräten.",
+            "play_sound_for_section": "Spiele einen Ton für",
+            "push_targets": "Benachrichtigungsziele",
+            "quick_actions_mark_all_read": "Alle Nachrichten als gelesen markieren",
+            "quick_actions_reset": "Standardeinstellungen wiederherstellen",
+            "quick_actions_section": "Schnellaktionen",
+            "room_activity": "Neue Chataktivitäten, -aktualisierungen und -statusmeldungen",
+            "rule_call": "Anrufe",
+            "rule_contains_display_name": "Nachrichten mit meinem Anzeigenamen",
+            "rule_contains_user_name": "Nachrichten mit meinem Benutzernamen",
+            "rule_encrypted": "Verschlüsselte Gruppenunterhaltungen",
+            "rule_encrypted_room_one_to_one": "Verschlüsselte Direktnachrichten",
+            "rule_invite_for_me": "Einladungen",
+            "rule_message": "Gruppenunterhaltungen",
+            "rule_room_one_to_one": "Direktnachrichten",
+            "rule_roomnotif": "Nachrichten mit @room",
+            "rule_suppress_notices": "Nachrichten von Bots",
+            "rule_tombstone": "Wenn die Chat-Version aktualisiert wird",
+            "show_message_desktop_notification": "Nachrichteninhalt in der Desktopbenachrichtigung anzeigen",
+            "voip": "Audio- und Videoanrufe"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Verhindert Bildschirmaufnahmen durch andere Apps",
+            "Electron.enableHardwareAcceleration": "Hardwarebeschleunigung einschalten (Neustart von %(appName)s notwendig)",
+            "always_show_menu_bar": "Fenstermenüleiste immer anzeigen",
+            "autocomplete_delay": "Verzögerung vor Autovervollständigung (ms)",
+            "code_blocks_heading": "Quelltextblöcke",
+            "compact_modern": "Modernes kompaktes Layout verwenden",
+            "composer_heading": "Nachrichteneingabe",
+            "default_timezone": "Browser-Standard (%(timezone)s )",
+            "dialog_title": "<strong>Einstellungen:</strong> Präferenzen",
+            "enable_content_protection": "Schutz des Inhalts aktivieren",
+            "enable_hardware_acceleration": "Aktiviere die Hardwarebeschleunigung",
+            "enable_tray_icon": "Fenster beim Schließen in die Symbolleiste minimieren",
+            "keyboard_heading": "Tastenkombinationen",
+            "keyboard_view_shortcuts_button": "Um alle Tastenkombinationen anzuzeigen, <a>klicke hier</a>.",
+            "media_heading": "Mediendateien",
+            "presence_description": "Teile anderen deine Aktivität und deinen Status mit.",
+            "publish_timezone": "Zeitzone auf öffentlichem Profil anzeigen lassen",
+            "rm_lifetime": "Gültigkeitsdauer der Gelesen-Markierung (ms)",
+            "rm_lifetime_offscreen": "Gültigkeitsdauer der Gelesen-Markierung außerhalb des Bildschirms (ms)",
+            "room_directory_heading": "Chat Verzeichnis",
+            "room_list_heading": "Chatliste",
+            "show_avatars_pills": "Avatare in Nutzer-, Chat- und Ereigniserwähnungen anzeigen",
+            "show_polls_button": "Zeige Pol button",
+            "startup_window_behaviour_label": "Start- und Fensterverhalten",
+            "surround_text": "Sonderzeichen automatisch vor und hinter Textauswahl setzen",
+            "time_heading": "Zeitanzeige",
+            "user_timezone": "Zeitzone festlegen"
+        },
+        "prompt_invite": "Warnen, bevor du Einladungen zu ungültigen Matrix-IDs sendest",
+        "replace_plain_emoji": "Klartext-Emoji automatisch ersetzen",
+        "security": {
+            "analytics_description": "Anonym Daten teilen um bei der Identifizierung von Fehlern zu helfen. Keine persönlichen Daten. Keine Daten von Dritt-Anbietern.",
+            "bulk_options_accept_all_invites": "Akzeptiere alle %(invitedRooms)s Einladungen",
+            "bulk_options_reject_all_invites": "Alle %(invitedRooms)s Einladungen ablehnen",
+            "bulk_options_section": "Sammeloptionen",
+            "dehydrated_device_description": "Die Offline Funktion ermöglicht es, verschlüsselte Nachrichten zu empfangen, selbst wenn du an keinem Gerät angemeldet bist",
+            "dehydrated_device_enabled": "Offline-Gerät aktiviert",
+            "dialog_title": "<strong>Einstellungen </strong> Sicherheit & Datenschutz",
+            "e2ee_default_disabled_warning": "Deine Server Administrator hat die Ende-zu-Ende-Verschlüsselung für private Chats und Direktnachrichten standardmäßig deaktiviert.",
+            "enable_message_search": "Aktiviere die Nachrichtensuche in verschlüsselten Chats",
+            "encryption_section": "Verschlüsselung",
+            "ignore_users_empty": "Du hast keine Nutzer ignoriert.",
+            "ignore_users_section": "Ignorierte Nutzer",
+            "key_backup_algorithm": "Algorithmus:",
+            "message_search_disable_warning": "Wenn deaktiviert, werden Nachrichten von verschlüsselten Chats nicht in den Ergebnissen auftauchen.",
+            "message_search_disabled": "Speichere verschlüsselte Nachrichten lokal, sodass sie deinen Suchergebnissen erscheinen können.",
+            "message_search_enabled": {
+                "one": "Halte verschlüsselte Nachrichten sicher lokal vor, um sie in Suchergebnissen finden zu können. Es werden %(size)s benötigt, um die Nachrichten von %(rooms)s Chat zu speichern.",
+                "other": "Halte verschlüsselte Nachrichten sicher lokal vor, um sie in Suchergebnissen finden zu können. Es werden %(size)s benötigt, um die Nachrichten von %(rooms)s Chats zu speichern."
+            },
+            "message_search_failed": "Initialisierung der Nachrichtensuche fehlgeschlagen",
+            "message_search_indexed_messages": "Indizierte Nachrichten:",
+            "message_search_indexed_rooms": "Indizierte Chats:",
+            "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.",
+            "message_search_space_used": "Speicherplatzbedarf:",
+            "message_search_unsupported": "Um verschlüsselte Nachrichten lokal zu durchsuchen, benötigt %(brand)s weitere Komponenten. Wenn du diese Funktion testen möchtest, kannst du dir deine eigene Version von %(brand)s Desktop mit der <nativeLink>integrierten Suchfunktion kompilieren</nativeLink>.",
+            "message_search_unsupported_web": "Das Durchsuchen von verschlüsselten Nachrichten wird aus Sicherheitsgründen nur von %(brand)s Desktop unterstützt. <desktopLink>Hier gehts zum Download</desktopLink>.",
+            "record_session_details": "Bezeichnung, Version und URL der Anwendung registrieren, damit diese Sitzung in der Sitzungsverwaltung besser erkennbar ist",
+            "send_analytics": "Analysedaten senden",
+            "strict_encryption": "Senden Sie Nachrichten nur an verifizierte Benutzer"
+        },
+        "send_read_receipts": "Sende Lesebestätigungen",
+        "send_read_receipts_unsupported": "Dein Server unterstützt das Deaktivieren von Lesebestätigungen nicht.",
+        "send_typing_notifications": "Tippbenachrichtigungen senden",
+        "sessions": {
+            "best_security_note": "Für beste Sicherheit verifiziere deine Sitzungen und melde dich von allen Sitzungen ab, die du nicht erkennst oder nicht mehr verwendest.",
+            "confirm_sign_out": {
+                "one": "Abmelden des Geräts bestätigen",
+                "other": "Abmelden dieser Geräte bestätigen"
+            },
+            "confirm_sign_out_body": {
+                "one": "Klicke unten auf den Knopf, um dieses Gerät abzumelden.",
+                "other": "Klicke unten auf den Knopf, um diese Geräte abzumelden."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Gerät abmelden",
+                "other": "Geräte abmelden"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Abmelden dieses Geräts durch Beweisen deiner Identität mit Single Sign-On bestätigen.",
+                "other": "Bestätige das Abmelden dieser Geräte, indem du dich erneut anmeldest."
+            },
+            "current_session": "Aktuelle Sitzung",
+            "desktop_session": "Desktop-Sitzung",
+            "details_heading": "Sitzungsdetails",
+            "device_unverified_description": "Verifiziere diese Sitzung für bestmögliche Sicherheit und Zuverlässigkeit oder melde dich ab.",
+            "device_unverified_description_current": "Verifiziere deine aktuelle Sitzung für besonders sichere Kommunikation.",
+            "device_verified_description": "Diese Sitzung ist für sichere Kommunikation bereit.",
+            "device_verified_description_current": "Deine aktuelle Sitzung ist für sichere Kommunikation bereit.",
+            "dialog_title": "<strong>Einstellungen:</strong> Sitzungen",
+            "error_pusher_state": "Konfigurieren des Push-Dienstes fehlgeschlagen",
+            "error_set_name": "Es konnte kein Sitzungsname gesetzt werden",
+            "filter_all": "Alle",
+            "filter_inactive": "Inaktiv",
+            "filter_inactive_description": "Seit %(inactiveAgeDays)s oder mehr Tagen inaktiv",
+            "filter_label": "Geräte filtern",
+            "filter_unverified_description": "Nicht bereit für sichere Kommunikation",
+            "filter_verified_description": "Bereit für sichere Kommunikation",
+            "hide_details": "Details ausblenden",
+            "inactive_days": "Seit %(inactiveAgeDays)s+ Tagen inaktiv",
+            "inactive_sessions": "Inaktive Sitzungen",
+            "inactive_sessions_explainer_1": "Inaktive Sitzungen sind jene, die du schon seit geraumer Zeit nicht mehr verwendet hast, die aber nach wie vor Verschlüsselungs-Schlüssel erhalten.",
+            "inactive_sessions_explainer_2": "Das Entfernen inaktiver Sitzungen verbessert Sicherheit, Leistung und das Erkennen von dubiosen neuen Sitzungen.",
+            "inactive_sessions_list_description": "Du solltest dich aus alten Sitzungen (%(inactiveAgeDays)s Tage oder mehr) abmelden, wenn du sie nicht mehr benötigst.",
+            "ip": "IP-Adresse",
+            "last_activity": "Neueste Aktivität",
+            "manage": "Diese Sitzung verwalten",
+            "mobile_session": "Mobil-Sitzung",
+            "n_sessions_selected": {
+                "one": "%(count)s Sitzung ausgewählt",
+                "other": "%(count)s Sitzungen ausgewählt"
+            },
+            "no_inactive_sessions": "Keine inaktiven Sitzungen gefunden.",
+            "no_sessions": "Keine Sitzungen gefunden.",
+            "no_unverified_sessions": "Keine unverifizierten Sitzungen gefunden.",
+            "no_verified_sessions": "Keine verifizierten Sitzungen gefunden.",
+            "other_sessions_heading": "Andere Sitzungen",
+            "push_heading": "Push-Benachrichtigungen",
+            "push_subheading": "Erhalte Push-Benachrichtigungen in dieser Sitzung.",
+            "push_toggle": "(De)Aktiviere Push-Benachrichtigungen in dieser Sitzung.",
+            "rename_form_caption": "Sei dir bitte bewusst, dass Sitzungsnamen auch für Personen, mit denen du kommunizierst, sichtbar sind.",
+            "rename_form_heading": "Sitzung umbenennen",
+            "rename_form_learn_more": "Sitzungen umbenennen",
+            "rename_form_learn_more_description_1": "Andere Nutzer in Direktnachrichten oder Gruppen können die volle Liste deiner Sitzungen sehen.",
+            "rename_form_learn_more_description_2": "Dies gibt ihnen die Gewissheit, dass sie auch wirklich mit dir kommunizieren, allerdings bedeutet es auch, dass sie die Sitzungsnamen sehen können, die du hier eingibst.",
+            "security_recommendations": "Sicherheitsempfehlungen",
+            "security_recommendations_description": "Verbessere mit diesen Empfehlungen deine Kontosicherheit",
+            "session_id": "Sitzungs-ID",
+            "show_details": "Details anzeigen",
+            "sign_in_with_qr": "Neues Gerät verknüpfen",
+            "sign_in_with_qr_button": "QR-Code anzeigen",
+            "sign_in_with_qr_description": "Verwende einen QR-Code, um dich auf einem anderen Gerät anzumelden und sichere Nachrichten einzurichten.",
+            "sign_in_with_qr_unsupported": "Wird vom Konto-Anbieter nicht unterstützt",
+            "sign_out": "Von dieser Sitzung abmelden",
+            "sign_out_all_other_sessions": "Von allen anderen Sitzungen abmelden (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Bist du sicher, dass du dich von %(count)s Sitzung abmelden möchtest?",
+                "other": "Bist du sicher, dass du dich von %(count)s Sitzungen abmelden möchtest?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Von %(count)s Sitzung abmelden",
+                "other": "Von %(count)s Sitzungen abmelden"
+            },
+            "title": "Sitzungen",
+            "unknown_session": "Unbekannter Sitzungstyp",
+            "unverified_session": "Nicht verifizierte Sitzung",
+            "unverified_session_explainer_1": "Diese Sitzung unterstützt keine Verschlüsselung und kann deshalb nicht verifiziert werden.",
+            "unverified_session_explainer_2": "Du wirst dich mit dieser Sitzung nicht an Unterhaltungen in Chats mit aktivierter Verschlüsselung beteiligen können.",
+            "unverified_session_explainer_3": "Aus Sicherheits- und Datenschutzgründen, wird die Nutzung von verschlüsselungsfähigen Matrix-Anwendungen empfohlen.",
+            "unverified_sessions": "Nicht verifizierte Sitzungen",
+            "unverified_sessions_explainer_1": "Nicht verifizierte Sitzungen sind jene, die mit deinen Daten angemeldet, aber nicht quer signiert wurden.",
+            "unverified_sessions_explainer_2": "Du solltest besonders sicher gehen, dass du diese Sitzungen kennst, da sie die unbefugte Nutzung deines Kontos durch Dritte bedeuten könnten.",
+            "unverified_sessions_list_description": "Für besonders sichere Kommunikation verifiziere deine Sitzungen oder melde dich von ihnen ab, falls du sie nicht mehr identifizieren kannst.",
+            "url": "Link",
+            "verified_session": "Verifizierte Sitzung",
+            "verified_sessions": "Verifizierte Sitzungen",
+            "verified_sessions_explainer_1": "Auf verifizierte Sitzungen kannst du überall mit deinem Konto zugreifen, wenn du deine Passphrase eingegeben oder deine Identität mit einer anderen Sitzung verifiziert hast.",
+            "verified_sessions_explainer_2": "Dies bedeutet, dass du alle Schlüssel zum Entsperren deiner verschlüsselten Nachrichten hast und anderen bestätigst, dieser Sitzung zu vertrauen.",
+            "verified_sessions_list_description": "Für bestmögliche Sicherheit, melde dich von allen Sitzungen ab, die du nicht erkennst oder benutzt.",
+            "verify_session": "Sitzung verifizieren",
+            "web_session": "Web-Sitzung"
+        },
+        "show_avatar_changes": "Profilbildänderungen anzeigen",
+        "show_breadcrumbs": "Kürzlich besuchte Chats anzeigen",
+        "show_chat_effects": "Effekte bei manchen Emojis (z. B. Konfetti)",
+        "show_displayname_changes": "Änderungen von Anzeigenamen",
+        "show_join_leave": "Bei-/Austrittsnachrichten (Einladung/Entfernen/Bann nicht betroffen)",
+        "show_message_previews": "Nachrichtenvorschau anzeigen",
+        "show_nsfw_content": "NSFW-Inhalte anzeigen",
+        "show_read_receipts": "Lesebestätigungen von anderen Benutzern anzeigen",
+        "show_redaction_placeholder": "Platzhalter für gelöschte Nachrichten",
+        "show_stickers_button": "Sticker-Schaltfläche",
+        "show_typing_notifications": "Tippbenachrichtigungen anzeigen",
+        "showbold": "Alle Aktivitäten in der Chatroommliste anzeigen (Ausführungspunkte oder Anzahl ungelesener Nachrichten)",
+        "sidebar": {
+            "dialog_title": "<strong>Einstellungen:</strong> Seitenleiste",
+            "metaspaces_home_all_rooms": "Alle Chats anzeigen",
+            "metaspaces_home_all_rooms_description": "Alle Chats auf der Startseite anzeigen, auch wenn sie Teil eines Space sind.",
+            "metaspaces_home_description": "Die Startseite bietet dir einen Überblick über deine Unterhaltungen.",
+            "metaspaces_orphans": "Chats außerhalb von Spaces",
+            "metaspaces_orphans_description": "Gruppiere all deine Chats, die nicht Teil eines Spaces sind, an einem Ort.",
+            "metaspaces_subsection": "Anzuzeigende Spaces",
+            "metaspaces_video_rooms": "Videochats und -konferenzen",
+            "metaspaces_video_rooms_description": "Gruppiere alle privaten Videochats und -konferenzen.",
+            "metaspaces_video_rooms_description_invite_extension": "Du kannst in Konferenzen auch Personen außerhalb von Matrix einladen.",
+            "spaces_explainer": "Spaces sind eine Möglichkeit, Gruppen und Personen zu bündeln. Neben den Spaces, in denen du dich befindest, kannst du auch einige vorgefertigte verwenden.",
+            "title": "Seitenleiste"
+        },
+        "start_automatically": {
+            "disabled": "Nein",
+            "enabled": "Ja",
+            "label": "Öffne %(brand)s, wenn du dich an deinem Computer anmeldest",
+            "minimised": "Minimiert"
+        },
+        "tac_only_notifications": "Benachrichtigungen nur im Thread Aktivitätszentrum anzeigen",
+        "use_12_hour_format": "Uhrzeiten im 12-Stundenformat (z. B. 2:30 p. m.)",
+        "use_command_enter_send_message": "Benutze Betriebssystemtaste + Eingabe um eine Nachricht zu senden",
+        "use_command_f_search": "Nutze Command + F um den Verlauf zu durchsuchen",
+        "use_control_enter_send_message": "Nutze Strg + Enter, um Nachrichten zu senden",
+        "use_control_f_search": "Nutze Strg + F, um den Verlauf zu durchsuchen",
+        "voip": {
+            "allow_p2p": "Erlaube Peer-to-Peer-Verbindungen für Anrufe in Direktnachrichten",
+            "allow_p2p_description": "Wenn aktiviert, könnte die andere Person deine IP-Adresse sehen",
+            "audio_input_empty": "Keine Mikrofone erkannt",
+            "audio_output": "Audioausgabe",
+            "audio_output_empty": "Keine Audioausgabe erkannt",
+            "auto_gain_control": "Automatische Lautstärkeregelung",
+            "dialog_title": "<strong>Einstellungen:</strong> Sprache und Video",
+            "echo_cancellation": "Echounterdrückung",
+            "echo_cancellation_description": "Entfernt das Echo aus deinem Mikrofon während Anrufen. Diese Einstellung gilt auch für Element Call.",
+            "enable_fallback_ice_server": "Ersatz-Anrufassistenz-Server erlauben (%(server)s)",
+            "enable_fallback_ice_server_description": "Dieser wird nur verwendet, sollte dein Heim-Server keinen bieten. Deine IP-Adresse würde während eines Anrufs geteilt werden.",
+            "mirror_local_feed": "Lokalen Video-Feed spiegeln",
+            "missing_permissions_prompt": "Fehlende Medienberechtigungen, klicke auf die Schaltfläche unten, um sie anzufordern.",
+            "noise_suppression": "Rauschreduzierung",
+            "noise_suppression_description": "Reduziert Hintergrundgeräusche in deinem Mikrofon während Anrufen. Diese Einstellung gilt auch für Element Call.",
+            "request_permissions": "Medienberechtigungen anfordern",
+            "title": "Anrufe",
+            "video_input_empty": "Keine Webcam erkannt",
+            "video_section": "Videoeinstellungen",
+            "voice_agc": "Gleiche die Mikrofonlautstärke automatisch an",
+            "voice_processing": "Sprachverarbeitung",
+            "voice_section": "Spracheinstellungen"
+        },
+        "warn_quit": "Vor Beenden warnen",
+        "warning": "<w>WARNUNG:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Link kopiert",
+        "permalink_message": "Link zur ausgewählten Nachricht",
+        "permalink_most_recent": "Link zur aktuellsten Nachricht",
+        "share_call": "Konferenzeinladungslink",
+        "share_call_subtitle": "Link für externe Benutzer, um dem Anruf ohne Matrixkonto beizutreten:",
+        "title_link": "Link teilen",
+        "title_message": "Teile die Nachricht",
+        "title_room": "Teile den Chat",
+        "title_user": "Teile Benutzer"
+    },
+    "slash_command": {
+        "addwidget": "Fügt dem Chat ein individuelles Widget per URL hinzu",
+        "addwidget_iframe_missing_src": "iFrame hat kein src-Attribut",
+        "addwidget_invalid_protocol": "Bitte gib eine mit https:// oder http:// beginnende Widget-URL an",
+        "addwidget_missing_url": "Bitte gib eine Widget-URL oder einen Einbettungscode an",
+        "addwidget_no_permissions": "Du darfst in diesem Chat keine Widgets verändern.",
+        "ban": "Verbannt den Benutzer mit der angegebenen ID",
+        "category_actions": "Aktionen",
+        "category_admin": "Administrator",
+        "category_advanced": "Erweitert",
+        "category_effects": "Effekte",
+        "category_messages": "Nachrichten",
+        "category_other": "Sonstiges",
+        "command_error": "Fehler im Befehl",
+        "converttodm": "Wandelt die Gruppe in eine Direktnachricht um",
+        "converttoroom": "Wandelt die Direktnachricht in eine Gruppe um",
+        "could_not_find_room": "Konnte Chat nicht finden",
+        "deop": "Setzt das Berechtigungslevel beim Benutzer mit der angegebenen ID zurück",
+        "devtools": "Öffnet die Entwicklungswerkzeuge",
+        "discardsession": "Verwirft die aktuell ausgehende Gruppensitzung in einem verschlüsseltem Chat",
+        "error_invalid_rendering_type": "Befehlsfehler: Rendering-Typ kann nicht gefunden werden (%(renderingType)s)",
+        "error_invalid_room": "Eingabe fehlgeschlagen: Chat (%(roomId)s) nicht auffindbar",
+        "error_invalid_runfn": "Befehlsfehler: Slash-Befehl kann nicht verarbeitet werden.",
+        "error_invalid_user_in_room": "Kann Nutzer im Chat nicht finden",
+        "help": "Zeigt die Liste verfügbarer Befehle mit Verwendungen und Beschreibungen an",
+        "help_dialog_title": "Befehl Hilfe",
+        "holdcall": "Den aktuellen Anruf halten",
+        "html": "Sendet eine Nachricht als HTML, ohne sie als Markdown darzustellen",
+        "ignore": "Ignoriert einen Nutzer und blendet dessen Nachrichten aus",
+        "ignore_dialog_description": "%(userId)s wird ab jetzt ignoriert",
+        "ignore_dialog_title": "Nutzer ignoriert",
+        "invite": "Lädt den Nutzer mit der angegebenen ID in den aktuellen Chat ein",
+        "invite_3pid_needs_is_error": "Verwende einen Identitäts-Server, um per E-Mail einladen zu können. Lege einen in den Einstellungen fest.",
+        "invite_3pid_use_default_is_title": "Benutze einen Identitäts-Server",
+        "invite_3pid_use_default_is_title_description": "Benutze einen Identitäts-Server, um andere mittels E-Mail einzuladen. Klicke auf fortfahren, um den Standard-Identitäts-Server (%(defaultIdentityServerName)s) zu benutzen oder ändere ihn in den Einstellungen.",
+        "invite_failed": "Der Benutzer (%(user)s) wurde nicht in %(roomId)s eingeladen, aber das Einladungsprogramm meldete keinen Fehler",
+        "join": "Tritt dem Chat mit der angegebenen Adresse bei",
+        "jumptodate": "Zu einem Zeitpunkt im Verlauf springen",
+        "jumptodate_invalid_input": "Ups! Leider können wir das Datum \"%(inputDate)s\" nicht verstehen. Bitte gib es im Format JJJJ-MM-TT (Jahr-Monat-Tag) ein.",
+        "lenny": "Stellt ( ͡° ͜ʖ ͡°) einer Klartextnachricht voran",
+        "manual_device_verification_confirm_description": "Dadurch kann ein anderes Gerät Nachrichten in deinem Namen senden und empfangen. WENN JEMAND DIR GESAGT HAT, DU SOLLST HIER ETWAS EINFÜGEN, WIRST DU VERMUTLICH BETROGEN! Bist du sicher, dass du dieses andere Gerät verifizieren möchtest?",
+        "manual_device_verification_confirm_title": "Vorsicht: manuelle Verifizierung des Geräts",
+        "me": "Als Aktionen anzeigen",
+        "msg": "Sendet diesem Benutzer eine Nachricht",
+        "myavatar": "Ändert dein Profilbild in allen Chats",
+        "myroomavatar": "Ändert dein Profilbild ausschließlich im aktuellen Chat",
+        "myroomnick": "Ändert den Anzeigenamen ausschließlich für den aktuellen Chat",
+        "nick": "Ändert deinen Anzeigenamen",
+        "no_active_call": "Kein aktiver Anruf in diesem Chat",
+        "op": "Berechtigungsstufe einers Benutzers setzen",
+        "part_unknown_alias": "Nicht erkannte Chatadresse: %(roomAlias)s",
+        "plain": "Sendet eine Nachricht als Klartext, ohne sie als Markdown darzustellen",
+        "query": "Öffnet eine Unterhaltung mit dieser Person",
+        "query_not_found_phone_number": "Dieser Telefonnummer kann keine Matrix-ID zugeordnet werden",
+        "rageshake": "Einen Fehlerbericht mit der Protokolldatei senden",
+        "rainbow": "Sendet die Nachricht in Regenbogenfarben",
+        "rainbowme": "Zeigt Aktionen in Regenbogenfarben",
+        "remove": "Entfernt den Nutzer mit der angegebenen ID aus diesem Chat",
+        "roomavatar": "Ändert den Avatar vom aktuellen Chat",
+        "roomname": "Setze einen Chatnamen",
+        "server_error": "Server-Fehler",
+        "server_error_detail": "Server ist nicht verfügbar, überlastet oder ein anderer Fehler ist aufgetreten.",
+        "shrug": "Stellt ¯\\_(ツ)_/¯ einer Klartextnachricht voran",
+        "spoiler": "Die gegebene Nachricht als Spoiler senden",
+        "tableflip": "Stellt (╯°□°）╯︵ ┻━┻ einer Klartextnachricht voran",
+        "topic": "Chat Thema anzeigen oder ändern",
+        "topic_none": "Dieser Chat hat kein Thema.",
+        "topic_room_error": "Thema des Chats konnte nicht ermittelt werden: Chat (%(roomId)s kann nicht gefunden werden",
+        "unban": "Entsperrt den Nutzer mit der angegebenen ID",
+        "unflip": "Stellt ┬──┬ ノ( ゜-゜ノ) einer Klartextnachricht voran",
+        "unholdcall": "Beendet das Halten des Anrufs",
+        "unignore": "Nutzer wird nicht mehr ignoriert und neuen Nachrichten werden wieder angezeigt",
+        "unignore_dialog_description": "%(userId)s wird nicht mehr ignoriert",
+        "unignore_dialog_title": "Nutzer nicht mehr ignoriert",
+        "unknown_command": "Unbekannter Befehl",
+        "unknown_command_button": "Als Nachricht senden",
+        "unknown_command_detail": "Unbekannter Befehl: %(commandText)s",
+        "unknown_command_help": "Du kannst <code>/help</code> benutzen, um alle verfügbaren Befehle aufzulisten. Willst du es stattdessen als Nachricht senden?",
+        "unknown_command_hint": "Hinweis: Beginne deine Nachricht mit <code>//</code>, um sie mit einem Schrägstrich zu beginnen.",
+        "upgraderoom": "Aktualisiert den Chat auf eine neue Chat-Version",
+        "upgraderoom_permission_error": "Du hast nicht die erforderlichen Berechtigungen, diesen Befehl zu verwenden.",
+        "usage": "Verwendung",
+        "verify": "Verifiziere eines deiner eigenen Geräte manuell",
+        "view": "Chat mit angegebener Adresse betrachten",
+        "whois": "Zeigt Informationen über Benutzer"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Das alte Sliding Sync wird nicht mehr unterstützt: Bitte melde dich ab und wieder an, um das neue Sliding Sync zu aktivieren",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Willst du stattdessen einen neuen Chat hinzufügen?",
+            "create_prompt": "Erstelle einen neuen Chat",
+            "dm_heading": "Direktnachrichten",
+            "error_heading": "Nicht alle Ausgewählten konnten hinzugefügt werden",
+            "progress_text": {
+                "one": "Chat hinzufügen …",
+                "other": "Chats hinzufügen … (%(progress)s von %(count)s)"
+            },
+            "space_dropdown_label": "Space-Auswahl",
+            "space_dropdown_title": "Bestehende Chats hinzufügen",
+            "subspace_moved_note": "Das Hinzufügen von Spaces ist umgezogen."
+        },
+        "add_existing_subspace": {
+            "create_button": "Neuen Space erstellen",
+            "create_prompt": "Willst du stattdessen einen neuen Space hinzufügen?",
+            "filter_placeholder": "Spaces suchen",
+            "space_dropdown_title": "Existierenden Space hinzufügen"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Nachrichtenverlauf anzeigen (Entwicklungswerkzeuge)",
+            "explore": "Erkunde Chats",
+            "home": "Space-Übersicht",
+            "manage_and_explore": "Erkunde und verwalte Chats",
+            "options": "Space-Optionen"
+        },
+        "failed_load_rooms": "Fehler beim Laden der Chatliste.",
+        "failed_remove_rooms": "Einige Chats konnten nicht entfernt werden. Versuche es bitte später noch einmal",
+        "incompatible_server_hierarchy": "Dein Home-Server unterstützt hierarchische Spaces nicht.",
+        "invite": "Personen einladen",
+        "invite_description": "Personen mit E-Mail oder Benutzernamen einladen",
+        "invite_link": "Einladungslink teilen",
+        "joining_space": "Trete bei",
+        "landing_welcome": "Willkommen bei <name/>",
+        "leave_dialog_action": "Space verlassen",
+        "leave_dialog_description": "Du bist dabei, <spaceName/> zu verlassen.",
+        "leave_dialog_only_admin_room_warning": "Du bist der einzige Admin einiger Chats oder Spaces, die du verlassen willst. Dadurch werden diese keine Admins mehr haben.",
+        "leave_dialog_only_admin_warning": "Du bist der letzte Admin in diesem Space. Wenn du ihn jetzt verlässt, hat niemand mehr die Kontrolle über ihn.",
+        "leave_dialog_option_all": "Verlasse alle Chats",
+        "leave_dialog_option_intro": "Willst du die Chats in diesem Space verlassen?",
+        "leave_dialog_option_none": "Keine Chats und Subspaces verlassen",
+        "leave_dialog_option_specific": "Zu verlassende Chats auswählen",
+        "leave_dialog_public_rejoin_warning": "Das Betreten wird dir ohne erneute Einladung nicht möglich sein.",
+        "leave_dialog_title": "%(spaceName)s verlassen",
+        "mark_suggested": "Als vorgeschlagen markieren",
+        "no_search_result_hint": "Versuche es mit etwas anderem oder prüfe auf Tippfehler.",
+        "preferences": {
+            "sections_section": "Anzuzeigende Bereiche",
+            "show_people_in_space": "Gruppiere Unterhaltungen mit Mitgliedern dieses Spaces. Diese Option zu deaktivieren, wird die Unterhaltungen aus %(spaceName)s ausblenden."
+        },
+        "room_filter_placeholder": "Gruppen suchen",
+        "search_children": "%(spaceName)s durchsuchen",
+        "search_placeholder": "Nach Name und Beschreibung filtern",
+        "select_room_below": "Wähle vorher einen Chat aus",
+        "share_public": "Teile deinen öffentlichen Space mit der Welt",
+        "suggested": "Vorgeschlagen",
+        "suggested_tooltip": "Dieser Chat wird vorgeschlagen",
+        "title_when_query_available": "Ergebnisse",
+        "title_when_query_unavailable": "Chats und Spaces",
+        "unmark_suggested": "Als nicht vorgeschlagen markieren",
+        "user_lacks_permission": "Du hast dazu keine Berechtigung"
+    },
+    "space_settings": {
+        "title": "Einstellungen - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Gib den Namen des Servers an, den du erkunden möchtest.",
+            "network_dropdown_add_dialog_placeholder": "Server-Name",
+            "network_dropdown_add_dialog_title": "Einen Server hinzufügen",
+            "network_dropdown_add_server_option": "Neuen Server hinzufügen …",
+            "network_dropdown_available_invalid": "Dieser Server oder seine Chatliste kann nicht gefunden werden",
+            "network_dropdown_available_invalid_forbidden": "Du darfst diese Chatliste nicht sehen",
+            "network_dropdown_available_valid": "Das sieht gut aus",
+            "network_dropdown_remove_server_adornment": "Server „%(roomServer)s“ entfernen",
+            "network_dropdown_required_invalid": "Gib einen Server-Namen ein",
+            "network_dropdown_selected_label": "Zeige: Matrix-Chats",
+            "network_dropdown_selected_label_instance": "Zeige %(instance)s Chats auf %(server)s",
+            "network_dropdown_your_server_description": "Dein Server"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Falls du nicht findest wen du suchst, send ihnen deinen Einladungslink.",
+        "cant_find_room_helpful_hint": "Falls du den Chat nicht findest, frag nach einer Einladung oder erstelle einen neuen Chat.",
+        "copy_link_text": "Einladungslink kopieren",
+        "count_of_members": {
+            "one": "%(count)s Mitglied",
+            "other": "%(count)s Mitglieder"
+        },
+        "create_new_room_button": "Starte neuen Chat",
+        "failed_querying_public_rooms": "Abfrage öffentlicher Chats fehlgeschlagen",
+        "failed_querying_public_spaces": "Abfrage der öffentlichen Spaces fehlgeschlagen",
+        "group_chat_section_title": "Andere Optionen",
+        "heading_with_query": "Nutze \"%(query)s\" zum Suchen",
+        "heading_without_query": "Suche nach",
+        "join_button_text": "%(roomAddress)s betreten",
+        "keyboard_scroll_hint": "Benutze <arrows/> zum Scrollen",
+        "messages_label": "Nachrichten",
+        "other_rooms_in_space": "Andere Chats in %(spaceName)s",
+        "public_rooms_label": "Öffentliche Chats",
+        "public_spaces_label": "Öffentliche Spaces",
+        "recent_searches_section_title": "Kürzliche Gesucht",
+        "recently_viewed_section_title": "Kürzlich besucht",
+        "remove_filter": "Entferne Suchfilter für %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Einige Vorschläge könnten aus Gründen der Privatsphäre ausgeblendet sein",
+        "result_may_be_hidden_warning": "Einige Ergebnisse können ausgeblendet sein",
+        "search_dialog": "Suchdialog",
+        "spaces_title": "Spaces, in denen du Mitglied bist",
+        "start_group_chat_button": "Neue Gruppe"
+    },
+    "stickers": {
+        "empty": "Keine Sticker-Pakete aktiviert",
+        "empty_add_prompt": "Jetzt hinzufügen"
+    },
+    "terms": {
+        "column_document": "Dokument",
+        "column_service": "Dienst",
+        "column_summary": "Zusammenfassung",
+        "identity_server_no_terms_description_1": "Diese Handlung erfordert es, auf den Standard-Identitäts-Server <server /> zuzugreifen, um eine E-Mail-Adresse oder Telefonnummer zu validieren, aber der Server hat keine Nutzungsbedingungen.",
+        "identity_server_no_terms_description_2": "Fahre nur fort, wenn du den Server-Betreibenden vertraust.",
+        "identity_server_no_terms_title": "Der Identitäts-Server hat keine Nutzungsbedingungen",
+        "inline_intro_text": "Akzeptiere <policyLink />, um fortzufahren:",
+        "integration_manager": "Nutze Bots, Brücken, Widgets und Sticker-Pakete",
+        "intro": "Um fortzufahren, musst du die Bedingungen dieses Dienstes akzeptieren.",
+        "summary_identity_server_1": "Finde Andere per Telefon oder E-Mail",
+        "summary_identity_server_2": "Sei per Telefon oder E-Mail auffindbar",
+        "tac_button": "Geschäftsbedingungen anzeigen",
+        "tac_description": "Um den %(homeserverDomain)s-Heim-Server weiterzuverwenden, musst du die Nutzungsbedingungen sichten und akzeptieren.",
+        "tac_title": "Geschäftsbedingungen",
+        "tos": "Nutzungsbedingungen"
+    },
+    "theme": {
+        "light_high_contrast": "Hell kontrastreich",
+        "match_system": "Systemeinstellung"
+    },
+    "thread_view_back_action_label": "Zurück zum Thread",
+    "threads": {
+        "all_threads": "Alle Threads",
+        "all_threads_description": "Alle Threads des Chats anzeigen",
+        "count_of_reply": {
+            "one": "%(count)s Antwort",
+            "other": "%(count)s Antworten"
+        },
+        "empty_description": "Verwende \"%(replyInThread)s\" beim Hovern über eine Nachricht.",
+        "empty_title": "Threads helfen, Unterhaltungen beim Thema zu halten und sie leichter zu verfolgen.",
+        "mark_all_read": "Alle als gelesen markieren",
+        "my_threads": "Meine Threads",
+        "my_threads_description": "Zeigt alle Threads, an denen du teilgenommen hast",
+        "open_thread": "Thread anzeigen",
+        "show_thread_filter": "Zeige:"
+    },
+    "threads_activity_centre": {
+        "header": "Thread-Aktivität",
+        "no_rooms_with_threads_notifs": "Es gibt keine Chats mit Thread-Benachrichtigungen.",
+        "no_rooms_with_unread_threads": "Es gibt keine Chats mit ungelesenen Threads."
+    },
+    "time": {
+        "date_at_time": "%(date)s um %(time)s",
+        "hours_minutes_seconds_left": "%(hours)s h %(minutes)s m %(seconds)s s verbleibend",
+        "left": "%(timeRemaining)s übrig",
+        "minutes_seconds_left": "%(minutes)s m %(seconds)s s verbleibend",
+        "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",
+        "short_hours": "%(value)sh",
+        "short_hours_minutes_seconds": "%(hours)s h %(minutes)s m %(seconds)s s",
+        "short_minutes": "%(value)smin",
+        "short_minutes_seconds": "%(minutes)s m %(seconds)s s",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Antworten verbergen",
+            "external_url": "Quell-URL",
+            "open_in_osm": "In OpenStreetMap öffnen",
+            "report": "Melden",
+            "resent_unsent_reactions": "%(unsentCount)s Reaktion(en) erneut senden",
+            "show_url_preview": "Vorschau zeigen",
+            "view_related_event": "Zugehöriges Ereignis anzeigen",
+            "view_source": "Rohdaten anzeigen"
+        },
+        "creation_summary_dm": "%(creator)s hat diese Direktnachricht erstellt.",
+        "creation_summary_room": "%(creator)s hat den Chat erstellt und konfiguriert.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Die verifizierte Identität des Absenders wurde zurückgesetzt",
+            "unable_to_decrypt": "Entschlüsselung der Nachricht nicht möglich"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Herunterladen",
+        "download_failed": "Herunterladen fehlgeschlagen",
+        "download_failed_description": "Beim Herunterladen dieser Datei ist ein Fehler aufgetreten",
+        "edits": {
+            "tooltip_label": "Am %(date)s geändert. Klicke, um Änderungen anzuzeigen.",
+            "tooltip_sub": "Klicke, um Änderungen anzuzeigen",
+            "tooltip_title": "Geändert am %(date)s"
+        },
+        "error_no_renderer": "Dieses Ereignis konnte nicht angezeigt werden",
+        "error_rendering_message": "Diese Nachricht kann nicht geladen werden",
+        "historical_messages_unavailable": "Du kannst keine älteren Nachrichten lesen",
+        "in_room_name": " in <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s hat das Layout des Chats geändert",
+        "late_event_separator": "Ursprünglich gesendet %(dateTime)s",
+        "load_error": {
+            "no_permission": "Dir fehlt die Berechtigung, diese alten Nachrichten zu lesen.",
+            "title": "Laden der Verlaufsposition fehlgeschlagen",
+            "unable_to_find": "Der Sprung an eine bestimmte Stelle im Nachrichtenverlauf dieses Chats ist gescheitert. Die Stelle konnte nicht gefunden werden."
+        },
+        "m.audio": {
+            "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Echtzeit-Standort anzeigen"
+        },
+        "m.call": {
+            "video_call_ended": "Videoanruf beendet",
+            "video_call_started": "Ein Videoanruf hat in %(roomName)s begonnen.",
+            "video_call_started_text": "%(name)s hat einen Videoanruf begonnen",
+            "video_call_started_unsupported": "Ein Videoanruf hat in %(roomName)s begonnen. (Von diesem Browser nicht unterstützt)"
+        },
+        "m.call.hangup": {
+            "dm": "Anruf beendet"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Anderswo beantwortet",
+            "call_back_prompt": "Zurückrufen",
+            "declined": "Anruf abgelehnt",
+            "failed_connect_media": "Konnte Medien nicht verbinden",
+            "failed_connection": "Verbindung fehlgeschlagen",
+            "failed_opponent_media": "Mikrofon oder Kamera des Gesprächspartners konnte nicht gestartet werden",
+            "missed_call": "Verpasster Anruf",
+            "no_answer": "Keine Antwort",
+            "unknown_error": "Ein unbekannter Fehler ist aufgetreten",
+            "unknown_failure": "Unbekannter Fehler: %(reason)s",
+            "unknown_state": "Dieser Anruf ist in einem unbekannten Zustand!",
+            "video_call": "%(senderName)s hat einen Videoanruf getätigt.",
+            "video_call_unsupported": "%(senderName)s hat einen Videoanruf getätigt. (Nicht von diesem Browser unterstützt)",
+            "voice_call": "%(senderName)s hat einen Sprachanruf getätigt.",
+            "voice_call_unsupported": "%(senderName)s hat einen Sprachanruf getätigt. (Nicht von diesem Browser unterstützt)"
+        },
+        "m.file": {
+            "error_decrypting": "Fehler beim Entschlüsseln des Anhangs"
+        },
+        "m.image": {
+            "error": "Kann Bild aufgrund eines Fehlers nicht anzeigen",
+            "error_decrypting": "Entschlüsselung des Bilds fehlgeschlagen",
+            "error_downloading": "Fehler beim Herunterladen des Bildes",
+            "sent": "%(senderDisplayName)s hat ein Bild gesendet.",
+            "show_image": "Bild anzeigen"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s will eine Verifizierung",
+            "you_started": "Du hast eine Verifizierungsanfrage gesendet"
+        },
+        "m.location": {
+            "full": "%(senderName)s hat seine Position geteilt",
+            "location": "Hat einen Standort geteilt: ",
+            "self_location": "Hat den Standort geteilt: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s Stimme",
+                "other": "%(count)s Stimmen"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s hat eine Abstimmung beendet"
+        },
+        "m.poll.start": "%(senderName)s hat eine Umfrage begonnen – %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s hat den Avatar des Chats geändert.",
+            "lightbox_title": "%(senderDisplayName)s hat den Avatar des Chats %(roomName)s geändert"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s hat die alternative Adresse %(addresses)s für diesen Chat hinzugefügt.",
+                "other": "%(senderName)s hat die alternative Adresse %(addresses)s für diesen Chat hinzugefügt."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s hat die alternative Adresse %(addresses)s für diesen Chat entfernt.",
+                "other": "%(senderName)s hat die alternativen Adressen %(addresses)s für diesen Chat entfernt."
+            },
+            "changed": "%(senderName)s hat die Adresse für diesen Chat geändert.",
+            "changed_alternative": "%(senderName)s hat die alternative Adresse für diesen Chat geändert.",
+            "changed_main_and_alternative": "%(senderName)s hat die Haupt- und Alternativadressen für diesen Chat geändert.",
+            "removed": "%(senderName)s hat die Hauptadresse von diesem Chat entfernt.",
+            "set": "%(senderName)s hat als Hauptadresse des Chats %(address)s festgelegt."
+        },
+        "m.room.create": {
+            "continuation": "Dieser Chat ist eine Fortsetzung einer anderen Unterhaltung.",
+            "see_older_messages": "Klicke hier, um ältere Nachrichten zu sehen.",
+            "unknown_predecessor": "Die alte Version dieses Chats (ID: %(roomId)s) kann nicht gefunden werden. Es gibt auch keine „via_servers“ Information für eine Suche.",
+            "unknown_predecessor_guess_server": "Die alte Version dieses Chats (ID: %(roomId)s) kann nicht gefunden werden. Es gibt auch keine „via_servers“ Information für eine Suche. Möglicherweise kann der Server auf Basis der ID erraten werden. Wenn du dies probieren möchtest, klicke diesen Link:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s hat Gästen erlaubt, diesem Chat beizutreten.",
+            "forbidden": "%(senderDisplayName)s hat Gästen verboten, diesem Chat beizutreten.",
+            "unknown": "%(senderDisplayName)s änderte den Gastzutritt auf „%(rule)s“"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s hat den künftigen Nachrichtenverlauf für alle neuen Mitglieder ab dem Zeitpunkt ihrer Einladung sichtbar gemacht.",
+            "joined": "%(senderName)s hat den Nachrichten-Verlauf für alle Mitglieder ab ihrem Beitritt sichtbar gemacht.",
+            "shared": "%(senderName)s hat den zukünftigen Nachrichtenverlauf für alle Mitglieder des Chats sichtbar gemacht.",
+            "unknown": "%(senderName)s hat den zukünftigen Verlauf für Unbekannte sichtbar gemacht (%(visibility)s).",
+            "world_readable": "%(senderName)s hat den zukünftigen Verlauf für alle sichtbar gemacht."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s hat den Chat auf eingeladene Nutzer beschränkt.",
+            "knock": "%(senderDisplayName)s hat die Zutrittsregel auf Beitrittsanfragen geändert.",
+            "public": "%(senderDisplayName)s hat den Chat für jeden, der den Link kennt, öffentlich gemacht.",
+            "restricted": "%(senderDisplayName)s hat geändert, wer diesem Chat beitreten darf.",
+            "restricted_settings": "%(senderDisplayName)s hat geändert, wer diesem Chat beitreten darf. <a>Einstellungen anzeigen</a>.",
+            "unknown": "%(senderDisplayName)s hat die Zutrittsregel auf „%(rule)s“ geändert"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s hat die Einladung für %(displayName)s akzeptiert",
+            "accepted_invite": "%(targetName)s hat die Einladung akzeptiert",
+            "ban": "%(senderName)s hat %(targetName)s verbannt",
+            "ban_reason": "%(senderName)s hat %(targetName)s verbannt: %(reason)s",
+            "change_avatar": "%(senderName)s hat das Profilbild geändert",
+            "change_name": "%(oldDisplayName)s hat den Anzeigenamen zu %(displayName)s geändert",
+            "change_name_avatar": "%(oldDisplayName)s hat den Anzeigenamen und das Profilbild geändert",
+            "invite": "%(senderName)s hat %(targetName)s eingeladen",
+            "join": "%(targetName)s ist dem Chat beigetreten",
+            "kick": "%(senderName)s hat %(targetName)s entfernt",
+            "kick_reason": "%(senderName)s hat %(targetName)s entfernt: %(reason)s",
+            "left": "%(targetName)s hat den Chat verlassen",
+            "left_reason": "%(targetName)s hat den Chat verlassen: %(reason)s",
+            "no_change": "%(senderName)s hat keine Änderungen gemacht",
+            "reject_invite": "%(targetName)s hat die Einladung abgelehnt",
+            "reject_invite_reason": "%(targetName)slehnte die Einladung ab: %(reason)s",
+            "remove_avatar": "%(senderName)s hat das Profilbild entfernt",
+            "remove_name": "%(senderName)s hat den alten Anzeigenamen %(oldDisplayName)s entfernt",
+            "set_avatar": "%(senderName)s hat das Profilbild gesetzt",
+            "set_name": "%(senderName)s hat den Anzeigenamen zu %(displayName)s geändert",
+            "unban": "%(senderName)s hat die Sperre von %(targetName)s aufgehoben",
+            "withdrew_invite": "%(senderName)s hat die Einladung für %(targetName)s zurückgezogen",
+            "withdrew_invite_reason": "%(senderName)s hat die Einladung für %(targetName)s zurückgezogen: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s hat den Namen des Chats von %(oldRoomName)s zu %(newRoomName)s geändert.",
+            "remove": "%(senderDisplayName)s hat den Namen des Chats entfernt.",
+            "set": "%(senderDisplayName)s hat den Namen des Chats zu %(roomName)s geändert ."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s hat die fixierte Nachrichten für diesen Chatroom geändert.",
+            "changed_link": "%(senderName)s hat die <a>fixierten Nachrichten</a> geändert.",
+            "pinned": "%(senderName)s hat eine Nachricht fixiert. Alle fixierten Nachrichten anzeigen.",
+            "pinned_link": "%(senderName)s hat <a>eine Nachricht</a> fixiert. <b>Alle fixierten Nachrichten anzeigen</b>.",
+            "unpinned": "%(senderName)s hat eine Nachricht losgelöst. Alle fixierten Nachrichten anzeigen.",
+            "unpinned_link": "%(senderName)s hat <a>eine Nachricht</a> gelöst. Alle <b>fixierten Nachrichten anzeigen</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s hat das Berechtigungslevel von %(powerLevelDiffText)s geändert.",
+            "user_from_to": "%(userId)s von %(fromPowerLevel)s zu %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s hat die Einladung für %(targetDisplayName)s zurückgezogen.",
+            "sent": "%(senderName)s hat %(targetDisplayName)s in diesen Chat eingeladen."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s hat die Chat-Version aktualisiert.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s hat das Thema geändert in \"%(topic)s\".",
+            "removed": "%(senderDisplayName)shat das Thema entfernt."
+        },
+        "m.sticker": "%(senderDisplayName)s hat einen Sticker gesendet.",
+        "m.video": {
+            "error_decrypting": "Videoentschlüsselung fehlgeschlagen",
+            "show_video": "Video anzeigen"
+        },
+        "m.widget": {
+            "added": "%(senderName)s hat das Widget %(widgetName)s hinzugefügt",
+            "jitsi_ended": "Videokonferenz von %(senderName)s beendet",
+            "jitsi_join_right_prompt": "An der Konferenz kannst du über die rechte Seitenleiste (Chatinfo) teilnehmen",
+            "jitsi_join_top_prompt": "An Konferenz oberhalb des Verlaufs teilnehmen",
+            "jitsi_started": "Videokonferenz von %(senderName)s gestartet",
+            "jitsi_updated": "Videokonferenz wurde von %(senderName)s aktualisiert",
+            "modified": "Das Widget „%(widgetName)s“ wurde von %(senderName)s bearbeitet",
+            "removed": "%(senderName)s hat das Widget %(widgetName)s entfernt"
+        },
+        "mab": {
+            "copy_link_thread": "Link zu Thread kopieren",
+            "view_in_room": "Im Chat anzeigen"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s hat die Regel für Sperren von %(oldGlob)s auf %(newGlob)s aktualisiert. Grund: %(reason)s",
+            "changed_rule_rooms": "%(senderName)s hat eine Sperr-Regel für Chats von %(oldGlob)s nach %(newGlob)s wegen %(reason)s geändert",
+            "changed_rule_servers": "%(senderName)s änderte eine Ausschlussregel für Server von %(oldGlob)s nach %(newGlob)s wegen %(reason)s",
+            "changed_rule_users": "%(senderName)s ändert eine Ausschlussregel von %(oldGlob)s nach %(newGlob)s, wegen %(reason)s",
+            "created_rule": "%(senderName)s erstellte eine Ausschlussregel, die aufgrund von %(reason)s %(glob)s entspricht",
+            "created_rule_rooms": "%(senderName)s hat eine Sperr-Regel für Chats erstellt, die %(glob)s aufgrund von %(reason)s entspricht",
+            "created_rule_servers": "%(senderName)s erstellte eine Ausschlussregel für Server, die aufgrund von %(reason)s %(glob)s entsprechen",
+            "created_rule_users": "%(senderName)s hat eine Ausschlussregel für Nutzer erstellt, die aufgrund %(reason)s %(glob)s entsprechen",
+            "removed_rule": "%(senderName)s entfernte die Ausschlussregel, die %(glob)s entspricht",
+            "removed_rule_rooms": "%(senderName)s hat die Sperr-Regel für Chats entfernt, die %(glob)s entsprechen",
+            "removed_rule_servers": "%(senderName)s entfernte die Ausschlussregel für Server, die %(glob)s entsprechen",
+            "removed_rule_users": "%(senderName)s entfernte die Ausschlussregel für Benutzer, die %(glob)s entsprechen",
+            "updated_invalid_rule": "%(senderName)s aktualisierte eine ungültige Regel für Sperren",
+            "updated_rule": "%(senderName)s aktualisierte eine Regel für Sperren, die wegen %(reason)s %(glob)s entspricht",
+            "updated_rule_rooms": "%(senderName)s aktualisierte die Regel für Sperren für Chats, die aufgrund von %(reason)s %(glob)s entsprechen",
+            "updated_rule_servers": "%(senderName)s aktualisierte die Regel für Sperren für Server, die aufgrund von %(reason)s %(glob)s entsprechen",
+            "updated_rule_users": "%(senderName)s aktualisierte die Regel für Sperren für Nutzer, die aufgrund von %(reason)s %(glob)s entsprechen"
+        },
+        "no_permission_messages_before_invite": "Du kannst keine Nachrichten lesen, die gesendet wurden, bevor du eingeladen wurdest.",
+        "no_permission_messages_before_join": "Du kannst keine Nachrichten lesen, die gesendet wurden, bevor du beigetreten bist.",
+        "pending_moderation": "Nachricht erwartet Moderation",
+        "pending_moderation_reason": "Nachricht erwartet Moderation: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Reaktion hinzufügen",
+            "custom_reaction_fallback_label": "Benutzerdefinierte Reaktion",
+            "label": "%(reactors)s hat mit %(content)s reagiert",
+            "tooltip_caption": "hat reagiert mit %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Von %(count)s Person gesehen",
+            "other": "Von %(count)s Personen gesehen"
+        },
+        "read_receipts_label": "Lesebestätigungen",
+        "redacted": {
+            "tooltip": "Nachricht am %(date)s gelöscht"
+        },
+        "redaction": "Nachricht von %(name)s gelöscht",
+        "reply": {
+            "error_loading": "Das Ereignis, auf das geantwortet wurde, kann nicht geladen werden, da es entweder nicht existiert oder du keine Berechtigung zum Betrachten hast.",
+            "in_reply_to": "<a>Als Antwort auf</a> <pill>",
+            "in_reply_to_for_export": "Antwort auf <a>diese Nachricht</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Um dein Konto für die Verwendung von %(integrationsUrl)s zu authentifizieren, wirst du jetzt auf die Website eines Drittanbieters weitergeleitet. Möchtest du fortfahren?",
+            "dialog_title": "Eine Integration hinzufügen"
+        },
+        "self_redaction": "Nachricht gelöscht",
+        "send_state_encrypting": "Verschlüssele deine Nachricht …",
+        "send_state_failed": "Fehler beim Senden",
+        "send_state_sending": "Sende deine Nachricht …",
+        "send_state_sent": "Die Nachricht wurde gesendet",
+        "summary": {
+            "banned": {
+                "other": "wurde %(count)s-mal verbannt",
+                "one": "wurde verbannt"
+            },
+            "banned_multiple": {
+                "other": "wurden %(count)s-mal verbannt",
+                "one": "wurden verbannt"
+            },
+            "changed_avatar": {
+                "other": "%(oneUser)s hat das Profilbild %(count)s-mal geändert",
+                "one": "%(oneUser)shat das Profilbild geändert"
+            },
+            "changed_avatar_multiple": {
+                "other": "%(severalUsers)s haben das Profilbild %(count)s-mal geändert",
+                "one": "%(severalUsers)shaben ihr Profilbild geändert"
+            },
+            "changed_name": {
+                "other": "%(oneUser)shat %(count)s-mal den Namen geändert",
+                "one": "%(oneUser)shat den Namen geändert"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)s haben den Namen geändert",
+                "other": "%(severalUsers)s haben %(count)s-mal den Namen geändert"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)s hat eine versteckte Nachricht gesendet",
+                "other": "%(oneUser)s hat %(count)s versteckte Nachrichten gesendet"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)s hat eine versteckte Nachricht gesendet",
+                "other": "%(severalUsers)s haben %(count)s versteckte Nachrichten gesendet"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)swurde die Einladung %(count)s-mal wieder entzogen",
+                "one": "%(oneUser)swurde die Einladung wieder entzogen"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)swurde die Einladung %(count)s-mal wieder entzogen",
+                "one": "%(severalUsers)swurde die Einladung wieder entzogen"
+            },
+            "invited": {
+                "other": "wurde %(count)s-mal eingeladen",
+                "one": "wurde eingeladen"
+            },
+            "invited_multiple": {
+                "other": "wurden %(count)s-mal eingeladen",
+                "one": "wurden eingeladen"
+            },
+            "joined": {
+                "one": "%(oneUser)s ist dem Chat beigetreten",
+                "other": "%(oneUser)s ist dem Chat %(count)s-mal beigetreten"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)s ist dem Chat beigetreten und hat ihn wieder verlassen",
+                "other": "%(oneUser)s ist dem Chat %(count)s-mal beigetreten und hat ihn wieder verlassen"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)s sind dem Chat beigetreten und haben ihn wieder verlassen",
+                "other": "%(severalUsers)s sind dem Chat %(count)s-mal beigetreten und haben ihn wieder verlassen"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)s sind dem Chat beigetreten",
+                "other": "%(severalUsers)s sind dem Chat %(count)s-mal beigetreten"
+            },
+            "kicked": {
+                "other": "wurde %(count)s mal entfernt",
+                "one": "wurde entfernt"
+            },
+            "kicked_multiple": {
+                "one": "wurden entfernt",
+                "other": "wurden %(count)s mal entfernt"
+            },
+            "left": {
+                "one": "%(oneUser)s hat den Chat verlassen",
+                "other": "%(oneUser)s hat den Chat %(count)s-mal verlassen"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)s haben den Chat verlassen",
+                "other": "%(severalUsers)s haben den Chat %(count)s-mal verlassen"
+            },
+            "no_change": {
+                "other": "%(oneUser)shat %(count)s mal keine Änderung vorgenommen",
+                "one": "%(oneUser)shat keine Änderung vorgenommen"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)shaben keine Änderung vorgenommen",
+                "other": "%(severalUsers)s haben %(count)s mal nichts geändert"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)s hat die <a>fixierten Nachrichten</a> des Chat bearbeitet",
+                "other": "%(oneUser)s hat die <a>fixierten Nachrichten</a> des Chat %(count)s-Mal bearbeitet"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s haben die <a>fixierten Nachrichten</a> des Chat bearbeitet",
+                "other": "%(severalUsers)s haben die <a>fixierten Nachrichten</a> des Chat %(count)s-Mal bearbeitet"
+            },
+            "redacted": {
+                "one": "%(oneUser)s hat eine Nachricht gelöscht",
+                "other": "%(oneUser)s hat %(count)s Nachrichten gelöscht"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s hat eine Nachricht gelöscht",
+                "other": "%(severalUsers)s haben %(count)s Nachrichten gelöscht"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)shat die Einladung %(count)s-mal abgelehnt",
+                "one": "%(oneUser)shat die Einladung abgelehnt"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)s haben Einladungen abgelehnt",
+                "other": "%(severalUsers)s haben %(count)s-mal Einladungen abgelehnt"
+            },
+            "rejoined": {
+                "one": "%(oneUser)s hat den Chat verlassen und ist ihm wieder beigetreten",
+                "other": "%(oneUser)s hat den Chat %(count)s-mal verlassen und ist ihm wieder beigetreten"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)s haben den Chat verlassen und sind ihm wieder beigetreten",
+                "other": "%(severalUsers)s haben den Chat %(count)s-mal verlassen und sind ihm wieder beigetreten"
+            },
+            "unbanned": {
+                "one": "wurde entsperrt",
+                "other": "wurde %(count)s-mal entsperrt"
+            },
+            "unbanned_multiple": {
+                "one": "wurden entsperrt",
+                "other": "wurden %(count)s-mal entsperrt"
+            }
+        },
+        "thread_info_basic": "Aus einem Thread",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s und %(count)s andere tippen …",
+                "one": "%(names)s und eine weitere Person tippen …"
+            },
+            "one_user": "%(displayName)s tippt …",
+            "two_users": "%(names)s und %(lastPerson)s tippen …"
+        },
+        "undecryptable_tooltip": "Diese Nachricht konnte nicht enschlüsselt werden"
+    },
+    "truncated_list_n_more": {
+        "other": "Und %(count)s weitere …"
+    },
+    "unsupported_browser": {
+        "description": "Wenn du fortfährst könnten einige Funktionen möglicherweise ausfallen und es besteht das Risiko, in Zukunft Daten zu verlieren. Aktualisiere den Browser, um die Nutzung von %(brand)s fortzusetzen.",
+        "title": "%(brand)s unterstützt diesen Browser nicht"
+    },
+    "unsupported_server_description": "Dieser Server nutzt eine ältere Matrix-Version. Aktualisiere auf Matrix %(version)s, um %(brand)s fehlerfrei nutzen zu können.",
+    "unsupported_server_title": "Dein Server wird nicht unterstützt",
+    "update": {
+        "changelog": "Änderungsprotokoll",
+        "check_action": "Nach Aktualisierung suchen",
+        "checking": "Suche nach Aktualisierung …",
+        "downloading": "Lade Aktualisierung herunter …",
+        "error_encountered": "Es ist ein Fehler aufgetreten (%(errorDetail)s).",
+        "error_unable_load_commit": "Konnte Übermittlungsdetails nicht laden: %(msg)s",
+        "new_version_available": "Neue Version verfügbar. <a>Jetzt aktualisieren.</a>",
+        "no_update": "Keine Aktualisierung verfügbar.",
+        "release_notes_toast_title": "Was ist neu",
+        "see_changes_button": "Was ist neu?",
+        "toast_description": "Neue Version von %(brand)s verfügbar",
+        "toast_title": "Aktualisiere %(brand)s",
+        "unavailable": "Nicht verfügbar"
+    },
+    "update_room_access_modal": {
+        "description": "Um einen Link zum Teilen zu erstellen, mache diesen Chatroom <b> öffentlich </b> oder erlaube <b>Beitrittsanfragen</b>. Auf diese Weise können Gäste beitreten, ohne eingeladen zu werden.",
+        "dont_change_description": "Solltest du die Zugangsberechtigung für diesen Chat nicht anpassen wollen, kannst du auch einen neuen Chat für den Anruflink erstellen.",
+        "no_change": "Ich möchte die Zugriffsebene nicht ändern.",
+        "revert_access_description": "(Dies kann in den Chateinstellungen auf den vorherigen Wert zurückgesetzt werden: <b> Sicherheit & Datenschutz</b>/<b>Zutritt</b>)",
+        "title": "Gastnutzern erlauben, diesem Chat beizutreten"
+    },
+    "upload_failed_generic": "Die Datei „%(fileName)s“ konnte nicht hochgeladen werden.",
+    "upload_failed_size": "Die Datei „%(fileName)s“ überschreitet das Hochladelimit deines Heim-Servers",
+    "upload_failed_title": "Hochladen fehlgeschlagen",
+    "upload_file": {
+        "cancel_all_button": "Alle abbrechen",
+        "error_file_too_large": "Die Datei ist <b>zu groß</b>, um hochgeladen zu werden. Die maximale Dateigröße ist %(limit)s, aber diese Datei ist %(sizeOfThisFile)s groß.",
+        "error_files_too_large": "Die Datei ist <b>zu groß</b>, um hochgeladen zu werden. Die maximale Dateigröße ist %(limit)s.",
+        "error_some_files_too_large": "Einige Dateien sind <b>zu groß</b>, um hochgeladen zu werden. Die maximale Dateigröße ist %(limit)s.",
+        "error_title": "Fehler beim Hochladen",
+        "not_image": "Die von Ihnen ausgewählte Datei ist keine gültige Bilddatei.",
+        "title": "Dateien hochladen",
+        "title_progress": "Dateien hochladen (%(current)s von %(total)s)",
+        "upload_all_button": "Alle hochladen",
+        "upload_n_others_button": {
+            "other": "%(count)s andere Dateien hochladen",
+            "one": "%(count)s andere Datei hochladen"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Administrationswerkzeuge",
+        "ban_button_room": "Bannen",
+        "ban_button_space": "Bannen",
+        "ban_room_confirm_title": "Aus %(roomName)s verbannen",
+        "ban_space_everything": "Überall sperren, wo ich die Rechte dazu habe",
+        "ban_space_specific": "Sperre sie in ausgewählten Chats und Spaces",
+        "deactivate_confirm_action": "Konto deaktivieren",
+        "deactivate_confirm_description": "Das Deaktivieren dieses Nutzers wird zu einer Abmeldung führen ein erneutes Anmelden verhindern. Zusätzlich wird die Mitgliedschaft aus allen Chats entfernt. Diese Aktion kann nicht rückgängig gemacht werden. Bist du sicher, dass du diesen Nutzer deaktivieren willst?",
+        "deactivate_confirm_title": "Konto deaktivieren?",
+        "demote_button": "Zurückstufen",
+        "demote_self_confirm_description_space": "Das Entfernen von Rechten kann nicht rückgängig gemacht werden. Falls sie dir niemand anderer zurückgeben kann, kannst du sie nie wieder erhalten.",
+        "demote_self_confirm_room": "Du wirst nicht in der Lage sein, die Änderung zurückzusetzen, da du dich degradierst. Wenn du der letze Nutzer mit Berechtigungen bist, wird es unmöglich sein die Privilegien zurückzubekommen.",
+        "demote_self_confirm_title": "Dein eigenes Berechtigungslevel herabsetzen?",
+        "disinvite_button_room": "Einladung zurückziehen",
+        "disinvite_button_room_name": "Einladung für %(roomName)s zurückziehen",
+        "disinvite_button_space": "Einladung zurückziehen",
+        "error_ban_user": "Verbannen des Benutzers fehlgeschlagen",
+        "error_deactivate": "Benutzer konnte nicht deaktiviert werden",
+        "error_kicking_user": "Fehler beim entfernen des Nutzers",
+        "error_mute_user": "Stummschalten des Nutzers fehlgeschlagen",
+        "error_revoke_3pid_invite_description": "Die Einladung konnte nicht zurückgezogen werden. Der Server hat möglicherweise ein vorübergehendes Problem oder du hast nicht ausreichende Berechtigungen, um die Einladung zurückzuziehen.",
+        "error_revoke_3pid_invite_title": "Einladung konnte nicht zurückgezogen werden",
+        "ignore_button": "Ignorieren",
+        "ignore_confirm_description": "Alle Nachrichten und Einladungen der Person werden verborgen. Bist du sicher, dass du sie ignorieren möchtest?",
+        "ignore_confirm_title": "%(user)s ignorieren",
+        "invited_by": "%(sender)s eingeladen",
+        "jump_to_rr_button": "Zur Lesebestätigung springen",
+        "kick_button_room": "Aus Chat entfernen",
+        "kick_button_room_name": "Aus %(roomName)s entfernen",
+        "kick_button_space": "Aus Space entfernen",
+        "kick_button_space_everything": "Person aus allen, mir möglichen Bereichen entfernen",
+        "kick_space_specific": "Person aus gewählten, mir möglichen, Bereichen entfernen",
+        "kick_space_warning": "Die Person wird weiterhin Zutritt zu Bereichen haben, in denen du nicht administrierst.",
+        "promote_warning": "Du kannst diese Änderung nicht rückgängig machen, da der Nutzer dieselbe Berechtigungsstufe wie du selbst erhalten wird.",
+        "redact": {
+            "confirm_button": {
+                "other": "%(count)s Nachrichten entfernen",
+                "one": "Eine Nachricht entfernen"
+            },
+            "confirm_description_1": {
+                "one": "Du bist gerade dabei, %(count)s Nachricht von %(user)s Benutzern zu löschen. Die Nachrichten werden für niemanden mehr sichtbar sein. Willst du fortfahren?",
+                "other": "Du bist gerade dabei, %(count)s Nachrichten von %(user)s Benutzern zu löschen. Die Nachrichten werden für niemanden mehr sichtbar sein. Willst du fortfahren?"
+            },
+            "confirm_description_2": "Dies kann bei vielen Nachrichten einige Zeit dauern. Bitte lade die Anwendung in dieser Zeit nicht neu.",
+            "confirm_keep_state_explainer": "Deaktivieren, wenn du auch Systemnachrichten bzgl. des Nutzers löschen willst (z. B. Mitglieds- und Profiländerungen …)",
+            "confirm_keep_state_label": "Systemnachrichten behalten",
+            "confirm_title": "Kürzlich gesendete Nachrichten von %(user)s entfernen",
+            "no_recent_messages_description": "Versuche nach oben zu scrollen, um zu sehen ob sich dort frühere Nachrichten befinden.",
+            "no_recent_messages_title": "Keine neuen Nachrichten von %(user)s gefunden"
+        },
+        "redact_button": "Nachrichten entfernen",
+        "revoke_invite": "Einladung zurückziehen",
+        "room_encrypted": "Nachrichten in diesem Chat sind Ende-zu-Ende verschlüsselt.",
+        "room_encrypted_detail": "Diese Nachricht ist verschlüsselt. Nur du und der Empfänger haben Schlüssel, um die Nachricht zu entschlüsseln.",
+        "room_unencrypted": "Nachrichten in diesem Chat sind nicht Ende-zu-Ende verschlüsselt.",
+        "room_unencrypted_detail": "Nachrichten in verschlüsselten Chats können nur von dir und vom Empfänger gelesen werden.",
+        "send_message": "Nachricht senden",
+        "share_button": "Profil teilen",
+        "unban_button_room": "Sperrung für den Chat aufheben",
+        "unban_button_space": "Sperrung aus Space aufheben",
+        "unban_room_confirm_title": "Sperrung für %(roomName)s aufheben",
+        "unban_space_everything": "Entsperre sie überall dort, wo du die Rechte dazu hast",
+        "unban_space_specific": "Entsperre in ausgewählten Chats und Spaces",
+        "unban_space_warning": "Die Person wird keinen Zutritt zu Bereichen haben, in denen du nicht Administrator bist.",
+        "unignore_button": "Nicht mehr ignorieren",
+        "verification_unavailable": "Benutzerverifizierung nicht verfügbar",
+        "verify_button": "Nutzer verifizieren",
+        "verify_explainer": "Für zusätzliche Sicherheit, verifiziere diesen Nutzer, durch Vergleichen eines Einmal-Codes auf euren beiden Geräten."
+    },
+    "voip": {
+        "already_in_call": "Schon im Anruf",
+        "already_in_call_person": "Du bist schon in einem Anruf mit dieser Person.",
+        "answered_elsewhere": "Anderswo beantwortet",
+        "answered_elsewhere_description": "Der Anruf wurde auf einem anderen Gerät angenommen.",
+        "call_failed": "Anruf fehlgeschlagen",
+        "call_failed_description": "Der Anruf kann nicht getätigt werden",
+        "call_failed_media": "Der Anruf ist fehlgeschlagen, weil nicht auf die Webcam oder der das Mikrofon zugegriffen werden konnte. Prüfe nach, ob:",
+        "call_failed_media_applications": "keine andere Anwendung auf die Webcam zugreift",
+        "call_failed_media_connected": "Mikrofon und Webcam eingesteckt und richtig eingerichtet sind",
+        "call_failed_media_permissions": "Zugriff auf Webcam gestattet",
+        "call_failed_microphone": "Der Anruf ist fehlgeschlagen, weil nicht auf das Mikrofon zugegriffen werden konnte. Prüfe noch einmal nach, ob das Mikrofon angesteckt und richtig konfiguriert ist.",
+        "call_held": "%(peerName)s hält den Anruf",
+        "call_held_resume": "Du hältst den Anruf <a>Fortsetzen</a>",
+        "call_held_switch": "Du hältst den Anruf <a>Wechseln</a>",
+        "call_toast_unknown_room": "Unbekannter Chat",
+        "camera_disabled": "Deine Kamera ist ausgeschaltet",
+        "camera_enabled": "Deine Kamera ist noch aktiv",
+        "cannot_call_yourself_description": "Du kannst keinen Anruf mit dir selbst starten.",
+        "close_lobby": "Lobby schließen",
+        "connecting": "Verbinden",
+        "connection_lost": "Verbindung zum Server unterbrochen",
+        "connection_lost_description": "Du kannst ohne Verbindung zum Server keine Anrufe tätigen.",
+        "consulting": "%(transferTarget)s wird angefragt. <a>Übertragung zu %(transferee)s</a>",
+        "default_device": "Standardgerät",
+        "dial": "Wählen",
+        "dialpad": "Telefontastatur",
+        "disable_camera": "Kamera deaktivieren",
+        "disable_microphone": "Mikrofon stummschalten",
+        "disabled_no_perms_start_video_call": "Dir fehlt die Berechtigung, um Videoanrufe zu beginnen",
+        "disabled_no_perms_start_voice_call": "Dir fehlt die Berechtigung, um Audioanrufe zu beginnen",
+        "disabled_ongoing_call": "laufender Anruf",
+        "element_call": "Element Anruf",
+        "enable_camera": "Kamera aktivieren",
+        "enable_microphone": "Mikrofon aktivieren",
+        "expand": "Zurück zum Anruf",
+        "get_call_link": "Anruflink teilen",
+        "hangup": "Auflegen",
+        "hide_sidebar_button": "Seitenleiste verbergen",
+        "input_devices": "Eingabegeräte",
+        "jitsi_call": "Jitsi-Konferenz",
+        "legacy_call": "Legacy-Anruf",
+        "maximise": "Bildschirm füllen",
+        "maximise_call": "Anruf maximieren",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Konferenzen"
+        },
+        "minimise_call": "Anruf minimieren",
+        "misconfigured_server": "Anruf aufgrund eines falsch konfigurierten Servers fehlgeschlagen",
+        "misconfigured_server_description": "Bitte frage die Administration deines Heim-Servers (<code>%(homeserverDomain)s</code>) darum, einen TURN-Server einzurichten, damit Anrufe zuverlässig funktionieren.",
+        "misconfigured_server_fallback": "Alternativ kannst du versuchen, den öffentlichen Server unter <server/> zu verwenden. Dieser wird nicht so zuverlässig sein und deine IP-Adresse wird mit ihm geteilt. Du kannst dies auch in den Einstellungen konfigurieren.",
+        "misconfigured_server_fallback_accept": "Versuche %(server)s zu verwenden",
+        "more_button": "Mehr",
+        "msisdn_lookup_failed": "Telefonnummer konnte nicht gefunden werden",
+        "msisdn_lookup_failed_description": "Beim Suchen der Telefonnummer ist ein Fehler aufgetreten",
+        "msisdn_transfer_failed": "Übertragen des Anrufs fehlgeschlagen",
+        "n_people_joined": {
+            "one": "%(count)s Person beigetreten",
+            "other": "%(count)s Personen beigetreten"
+        },
+        "no_audio_input_description": "Es konnte kein Mikrofon gefunden werden. Überprüfe deine Einstellungen und versuche es erneut.",
+        "no_audio_input_title": "Kein Mikrofon gefunden",
+        "no_media_perms_description": "Gegebenenfalls kann es notwendig sein, dass du %(brand)s manuell den Zugriff auf dein Mikrofon bzw. deine Webcam gewähren musst",
+        "no_media_perms_title": "Keine Medienberechtigungen",
+        "no_permission_conference": "Berechtigung benötigt",
+        "no_permission_conference_description": "Du hast keine Berechtigung, einen Konferenz Anruf in diesem Chat zu starten",
+        "on_hold": "%(name)s wird gehalten",
+        "output_devices": "Ausgabegeräte",
+        "screenshare_monitor": "Vollständigen Bildschirm teilen",
+        "screenshare_title": "Inhalt teilen",
+        "screenshare_window": "Anwendungsfenster",
+        "show_sidebar_button": "Seitenleiste anzeigen",
+        "silence": "Anruf stummschalten",
+        "silenced": "Benachrichtigungen stummgeschaltet",
+        "start_screenshare": "Bildschirmfreigabe starten",
+        "stop_screenshare": "Bildschirmfreigabe beenden",
+        "too_many_calls": "Zu viele Anrufe",
+        "too_many_calls_description": "Du hast die maximale Anzahl gleichzeitig möglicher Anrufe erreicht.",
+        "transfer_consult_first_label": "Zuerst Anfragen",
+        "transfer_failed": "Übertragen fehlgeschlagen",
+        "transfer_failed_description": "Anruf-Übertragung fehlgeschlagen",
+        "unable_to_access_audio_input_description": "Fehler beim Zugriff auf dein Mikrofon. Überprüfe deine Browsereinstellungen und versuche es nochmal.",
+        "unable_to_access_audio_input_title": "Fehler beim Zugriff auf Mikrofon",
+        "unable_to_access_media": "Auf Webcam / Mikrofon konnte nicht zugegriffen werden",
+        "unable_to_access_microphone": "Es konnte nicht auf das Mikrofon zugegriffen werden",
+        "unknown_caller": "Unbekannter Anrufer",
+        "unknown_person": "unbekannte Person",
+        "unsilence": "Ton an",
+        "unsupported": "Anrufe werden nicht unterstützt",
+        "unsupported_browser": "Du kannst in diesem Browser keine Anrufe tätigen.",
+        "user_busy": "Person beschäftigt",
+        "user_busy_description": "Die angerufene Person ist momentan beschäftigt.",
+        "user_is_presenting": "%(sharerName)s präsentiert",
+        "video_call": "Videoanruf",
+        "video_call_incoming": "Eingehender Videoanruf",
+        "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",
+    "widget": {
+        "added_by": "Widget hinzugefügt von",
+        "capabilities_dialog": {
+            "content_starting_text": "Dieses Widget würde gerne:",
+            "decline_all_permission": "Alles ablehnen",
+            "remember_Selection": "Speichere meine Auswahl für dieses Widget",
+            "title": "Rechte für das Widget genehmigen"
+        },
+        "capability": {
+            "always_on_screen_generic": "Bleib auf deinem Bildschirm während der Ausführung von",
+            "always_on_screen_viewing_another_room": "Sichtbar bleiben, wenn es ausgeführt und ein anderer Chat angezeigt wird",
+            "any_room": "Wie oben, nur zusätzlich in allen Chats denen du beigetreten oder in die du eingeladen wurdest",
+            "byline_empty_state_key": "mit einem leeren Zustandsschlüssel",
+            "byline_state_key": "mit Zustandsschlüssel %(stateKey)s",
+            "capability": "Die <b>%(capability)s</b>-Fähigkeit",
+            "change_avatar_active_room": "Ändere den Avatar deines aktiven Chats",
+            "change_avatar_this_room": "Ändere den Avatar dieses Chats",
+            "change_name_active_room": "Ändere den Namen deines aktiven Chats",
+            "change_name_this_room": "Ändere den Namen von diesem Chat",
+            "change_topic_active_room": "Ändere das Thema von deinem aktiven Chat",
+            "change_topic_this_room": "Ändere das Thema von diesem Chat",
+            "receive_membership_active_room": "Anzeigen, wenn Nutzer den aktuellen Chat betreten, verlassen oder zu ihm eingeladen werden",
+            "receive_membership_this_room": "Anzeigen, wenn Nutzer zu diesem Chat eingeladen werden, ihm beitreten oder verlassen",
+            "remove_ban_invite_leave_active_room": "Entferne, sperre oder lade andere zu deinem aktiven Chat ein und verlasse den Chat selbst",
+            "remove_ban_invite_leave_this_room": "Entferne, sperre oder lade andere zu diesem Chat ein und verlasse den Chat selbst",
+            "see_avatar_change_active_room": "Sehen, wenn der Avatar in deinem aktiven Chat geändert wird",
+            "see_avatar_change_this_room": "Sehen, wenn sich der Avatar des Chats ändert",
+            "see_event_type_sent_active_room": "In deinen aktiven Chat gesendete <b>%(eventType)s</b>-Ereignisse anzeigen",
+            "see_event_type_sent_this_room": "In diesen Chat gesendete <b>%(eventType)s</b>-Ereignisse anzeigen",
+            "see_images_sent_active_room": "Zeige Bilder an, die in deinen aktiven Chat gesendete werden",
+            "see_images_sent_this_room": "Zeige Bilder an, die in diesen Chat gesendet werden",
+            "see_messages_sent_active_room": "Zeige Nachrichten an, die in deinen aktiven Chat gesendet werden",
+            "see_messages_sent_this_room": "Zeige Nachrichten an, die in diesen Chat gesendet werden",
+            "see_msgtype_sent_active_room": "Zeige <b>%(msgtype)s</b> Nachrichten, die in deinen aktiven Chat gesendet werden",
+            "see_msgtype_sent_this_room": "Zeige <b>%(msgtype)s</b> Nachrichten, die in diesen Chat gesendet werden",
+            "see_name_change_active_room": "Zeige, wenn der Name des aktiven Chat sich ändert",
+            "see_name_change_this_room": "Zeige, wenn der Name sich in diesem Chat ändert",
+            "see_sent_emotes_active_room": "Zeige Emojis an, die in deinen aktiven Chat gesendet werden",
+            "see_sent_emotes_this_room": "Zeige Emojis an, die in diesen Chat gesendet werden",
+            "see_sent_files_active_room": "Zeige allgemeine Dateien an, die in deinen aktiven Chat gesendet werden",
+            "see_sent_files_this_room": "Zeige allgemeine Dateien an, die in diesen Chat gesendet werden",
+            "see_sticker_posted_active_room": "Zeige Sticker an, die in deinen aktiven Chat gesendet werden",
+            "see_sticker_posted_this_room": "Zeige Sticker an, die in diesen Chat gesendet werden",
+            "see_text_messages_sent_active_room": "Zeige Nachrichten an, die in deinen aktiven Chat gesendet werden",
+            "see_text_messages_sent_this_room": "Zeige Nachrichten an, die in diesen Chat gesendet werden",
+            "see_topic_change_active_room": "Zeige das Thema an, wenn es in deinem aktiven Chat geändert wird",
+            "see_topic_change_this_room": "Zeige das Thema an, wenn es in deinem aktiven Chat geändert wird",
+            "see_videos_sent_active_room": "Zeige Videos an, wenn sie in deinen aktiven Chat gesendet werden",
+            "see_videos_sent_this_room": "Zeige Videos an, wenn sie in diesen Chat gesendet werden",
+            "send_emotes_active_room": "Sende Emojis unter deinem Namen in den aktiven Chat",
+            "send_emotes_this_room": "Sende Emojis unter deinem Namen in den diesen Chat",
+            "send_event_type_active_room": "Sende <b>%(eventType)s</b>-Ereignisse unter deinem Namen in deinen aktiven Chat",
+            "send_event_type_this_room": "Sende <b>%(eventType)s</b>-Ereignisse unter deinem Namen in diesen Chat",
+            "send_files_active_room": "Sende allgemeine Dateien unter deinem Namen in deinen aktiven Chat",
+            "send_files_this_room": "Sende allgemeine Dateien unter deinem Namen in diesen Chat",
+            "send_images_active_room": "Sende Bilder unter deinem Namen in den aktuellen Chat",
+            "send_images_this_room": "Sende Bilder unter deinem Namen in diesen Chat",
+            "send_messages_active_room": "Sende Nachrichten unter deinem Namen in deinen aktiven Chat",
+            "send_messages_this_room": "Sende Nachrichten unter deinem Namen in diesem Chat",
+            "send_msgtype_active_room": "Sende <b>%(msgtype)s</b> Nachrichten unter deinem Namen in deinen aktiven Chat",
+            "send_msgtype_this_room": "Sende <b>%(msgtype)s</b> Nachrichten unter deinem Namen in diesen Chat",
+            "send_stickers_active_room": "Sende Sticker in deinen aktiven Chat",
+            "send_stickers_active_room_as_you": "Sende Sticker unter deinem Namen in deinen aktiven Chat",
+            "send_stickers_this_room": "Sende Sticker in diesen Chat",
+            "send_stickers_this_room_as_you": "Sende Sticker unter deinem Namen in diesen Chat",
+            "send_text_messages_active_room": "Sende Nachrichten unter deinem Namen in deinen aktiven Chat",
+            "send_text_messages_this_room": "Sende Nachrichten unter deinem Namen in diesen Chat",
+            "send_videos_active_room": "Sende Videos unter deinem Namen in deinen aktiven Chat",
+            "send_videos_this_room": "Sende Videos unter deinem Namen in diesen Chat",
+            "specific_room": "Wie oben, nur zusätzlich in <Room />",
+            "switch_room": "Ändere, welchen Chat du siehst",
+            "switch_room_message_user": "Ändere den sichtbaren Chat, Nachricht oder Nutzer"
+        },
+        "close_to_view_right_panel": "Widget schließen und in diesem Panel anzeigen",
+        "context_menu": {
+            "delete": "Widget entfernen",
+            "delete_warning": "Das Löschen des Widgets entfernt es für alle in diesem Chat. Wirklich löschen?"
+        },
+        "cookie_warning": "Dieses Widget kann Cookies verwenden.",
+        "error_hangup_description": "Du wurdest vom Anruf getrennt. (Error: %(message)s)",
+        "error_hangup_title": "Verbindung verloren",
+        "error_loading": "Fehler beim Laden des Widgets",
+        "error_mixed_content": "Fehler - Uneinheitlicher Inhalt",
+        "error_need_invite_permission": "Du musst die Berechtigung \"Benutzer einladen\" haben, um diese Aktion ausführen zu können.",
+        "error_need_kick_permission": "Du musst in der Lage sein, Benutzer zu entfernen um das zu tun.",
+        "error_need_to_be_logged_in": "Du musst angemeldet sein.",
+        "error_unable_start_audio_stream_description": "Audiostream kann nicht gestartet werden.",
+        "error_unable_start_audio_stream_title": "Livestream konnte nicht gestartet werden",
+        "modal_data_warning": "Die unten aufgeführten Daten werden mit %(widgetDomain)s geteilt.",
+        "modal_title_default": "Modales Widget",
+        "no_name": "Unbekannte App",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Dies merken",
+            "starting_text": "Das Widget überprüft deine Nutzer-ID, kann jedoch keine Aktionen für dich ausführen:",
+            "title": "Erlaube diesem Widget deine Identität zu überprüfen"
+        },
+        "popout": "Widget in eigenem Fenster öffnen",
+        "set_room_layout": "Layout für alle festlegen",
+        "shared_data_avatar": "Deine Profilbild-URL",
+        "shared_data_device_id": "Deine Geräte-ID",
+        "shared_data_lang": "Deine Sprache",
+        "shared_data_mxid": "Deine Nutzer-ID",
+        "shared_data_name": "Dein Anzeigename",
+        "shared_data_room_id": "Chat-ID",
+        "shared_data_theme": "Dein Design",
+        "shared_data_url": "%(brand)s URL",
+        "shared_data_warning": "Wenn du dieses Widget verwendest, können Daten <helpIcon /> zu %(widgetDomain)s übertragen werden.",
+        "shared_data_warning_im": "Wenn du dieses Widget verwendest, können Daten <helpIcon /> zu %(widgetDomain)s und deinem Integrationsmanager übertragen werden.",
+        "shared_data_widget_id": "Widget-ID",
+        "unencrypted_warning": "Widgets verwenden keine Nachrichtenverschlüsselung.",
+        "unmaximise": "Maximieren rückgängig machen",
+        "unpin_to_view_right_panel": "Widget nicht mehr anheften und in diesem Panel anzeigen"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Alles groß zu schreiben ist genauso einfach zu erraten, wie alles klein zu schreiben",
+            "anotherWord": "Füge ein weiteres Wort - oder mehr - hinzu. Ungewöhnliche Worte sind besser.",
+            "associatedYears": "Vermeide Jahreszahlen, die mit dir zu tun haben",
+            "capitalization": "Großschreibung hilft nicht viel",
+            "dates": "Vermeide Daten und Jahre, die mit dir in Verbindung stehen",
+            "l33t": "Vorhersagbare Ersetzungen wie „@“ anstelle von „a“ helfen nicht besonders",
+            "longerKeyboardPattern": "Nutze ein längeres Tastaturmuster mit mehr Abwechslung",
+            "noNeed": "Kein Bedarf an Symbolen, Zahlen oder Großbuchstaben",
+            "pwned": "Falls du dieses Passwort anderweitig verwendest, solltest du es ändern.",
+            "recentYears": "Vermeide die letzten Jahre",
+            "repeated": "Vermeide wiederholte Worte und Zeichen",
+            "reverseWords": "Umgedrehte Worte sind nicht schwerer zu erraten",
+            "sequences": "Vermeide Sätze",
+            "useWords": "Benutze einige Worte und vermeide gängige Phrasen"
+        },
+        "warnings": {
+            "common": "Dies ist ein recht bekanntes Passwort",
+            "commonNames": "Häufige Namen und Familiennamen sind einfach zu erraten",
+            "dates": "Ein Datum ist leicht zu erraten",
+            "extendedRepeat": "Wiederholungen wie \"abcabcabc\" sind fast so schnell zu erraten wie \"abc\"",
+            "keyPattern": "Kurze Tastaturmuster sind einfach zu erraten",
+            "namesByThemselves": "Namen und Familiennamen alleine sind einfach zu erraten",
+            "pwned": "Dein Passwort wurde durch eine Datenleck im Internet offengelegt.",
+            "recentYears": "Kürzlich vergangene Jahre sind einfach zu raten",
+            "sequences": "Sequenzen wie \"abc\" oder \"6543\" sind leicht zu raten",
+            "similarToCommon": "Dies ist ähnlich zu einem oft genutzten Passwort",
+            "simpleRepeat": "Wiederholungen wie \"aaa\" sind einfach zu erraten",
+            "straightRow": "Gerade Reihen von Tasten sind einfach zu erraten",
+            "topHundred": "Dies ist unter den Top 100 der häufigsten Passwörter",
+            "topTen": "Dies ist unter den Top 10 der häufigsten Passwörter",
+            "userInputs": "Personenbezogene oder seitenbezogene Daten sollten hier nicht vorhanden sein.",
+            "wordByItself": "Ein einzelnes Wort ist einfach zu erraten"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/el.json b/apps/web/src/i18n/strings/el.json
new file mode 100644
index 00000000000..ee02ac79d82
--- /dev/null
+++ b/apps/web/src/i18n/strings/el.json
@@ -0,0 +1,3205 @@
+{
+    "a11y": {
+        "jump_first_invite": "Μετάβαση στην πρώτη πρόσκληση.",
+        "n_unread_messages": {
+            "one": "1 μη αναγνωσμένο μήνυμα.",
+            "other": "%(count)s μη αναγνωσμένα μηνύματα."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 μη αναγνωσμένη αναφορά.",
+            "other": "%(count)s μη αναγνωσμένα μηνύματα συμπεριλαμβανομένων των αναφορών."
+        },
+        "unread_messages": "Μη αναγνωσμένα μηνύματα."
+    },
+    "a11y_jump_first_unread_room": "Μετάβαση στην πρώτη μη αναγνωσμένη αίθουσα.",
+    "action": {
+        "accept": "Αποδοχή",
+        "add": "Προσθήκη",
+        "add_existing_room": "Προσθήκη υπάρχουσας αίθουσας",
+        "apply": "Εφαρμογή",
+        "approve": "Έγκριση",
+        "ask_to_join": "Αίτημα συμμετοχής",
+        "back": "Πίσω",
+        "call": "Κλήση",
+        "cancel": "Ακύρωση",
+        "change": "Αλλαγή",
+        "clear": "Καθαρισμός",
+        "click_to_copy": "Κλικ για αντιγραφή",
+        "close": "Κλείσιμο",
+        "collapse": "Σύμπτυξη",
+        "complete": "Ολοκληρώθηκε",
+        "confirm": "Επιβεβαίωση",
+        "continue": "Συνέχεια",
+        "copy": "Αντιγραφή",
+        "copy_link": "Αντιγραφή συνδέσμου",
+        "create": "Δημιουργία",
+        "create_a_room": "Δημιουργήστε μία αίθουσα",
+        "create_account": "Δημιουργία Λογαριασμού",
+        "decline": "Απόρριψη",
+        "delete": "Διαγραφή",
+        "deny": "Άρνηση",
+        "disable": "Απενεργοποίηση",
+        "disconnect": "Αποσύνδεση",
+        "dismiss": "Απόρριψη",
+        "done": "Τέλος",
+        "download": "Λήψη",
+        "edit": "Επεξεργασία",
+        "enable": "Ενεργοποίηση",
+        "enter_fullscreen": "Είσοδος σε πλήρη οθόνη",
+        "exit_fullscreeen": "Έξοδος από την πλήρη οθόνη",
+        "expand": "Επέκταση",
+        "explore_rooms": "Εξερευνήστε αίθουσες",
+        "export": "Εξαγωγή",
+        "forward": "Προώθηση",
+        "go": "Μετάβαση",
+        "go_back": "Πηγαίνετε πίσω",
+        "got_it": "Κατανοώ",
+        "hide_advanced": "Απόκρυψη προχωρημένων",
+        "hold": "Αναμονή",
+        "ignore": "Αγνοήστε",
+        "import": "Εισαγωγή",
+        "invite": "Πρόσκληση",
+        "join": "Συμμετοχή",
+        "learn_more": "Μάθετε περισσότερα",
+        "leave": "Αποχώρηση",
+        "leave_room": "Αποχώρηση από την αίθουσα",
+        "logout": "Αποσύνδεση",
+        "manage": "Διαχειριστείτε",
+        "maximise": "Μεγιστοποίηση",
+        "mention": "Αναφορά",
+        "minimise": "Ελαχιστοποίηση",
+        "new_room": "Νέα αίθουσα",
+        "new_video_room": "Νέα αίθουσα βίντεο",
+        "next": "Επόμενο",
+        "no": "Όχι",
+        "ok": "Εντάξει",
+        "open": "Άνοιγμα",
+        "pin": "Καρφίτσα",
+        "proceed": "Συνέχεια",
+        "quote": "Παράθεση",
+        "react": "Αντίδραση",
+        "refresh": "Ανανέωση",
+        "register": "Εγγραφή",
+        "reload": "Επαναφόρτωση",
+        "remove": "Αφαίρεση",
+        "rename": "Μετονομασία",
+        "reply": "Απάντηση",
+        "reply_in_thread": "Απάντηση στο νήμα",
+        "resend": "Αποστολή ξανά",
+        "reset": "Επαναφορά",
+        "resume": "Συνέχιση",
+        "retry": "Προσπάθεια ξανά",
+        "review": "Ανασκόπηση",
+        "revoke": "Ανάκληση",
+        "save": "Αποθήκευση",
+        "search": "Αναζήτηση",
+        "send_report": "Αποστολή αναφοράς",
+        "share": "Διαμοιρασμός",
+        "show": "Εμφάνιση",
+        "show_advanced": "Εμφάνιση προχωρημένων",
+        "show_all": "Εμφάνιση όλων",
+        "sign_in": "Σύνδεση",
+        "sign_out": "Κατάργηση αυτής της συσκευής",
+        "skip": "Παράβλεψη",
+        "start": "Έναρξη",
+        "stop": "Παύση",
+        "submit": "Υποβολή",
+        "subscribe": "Εγγραφείτε",
+        "transfer": "Μεταφορά",
+        "trust": "Εμπιστοσύνη",
+        "try_again": "Προσπαθήστε ξανά",
+        "unban": "Άρση αποκλεισμού",
+        "unignore": "Αναίρεση αγνόησης",
+        "unpin": "Ξεκαρφίτσωμα",
+        "unsubscribe": "Απεγγραφή",
+        "update": "Ενημέρωση",
+        "upgrade": "Αναβάθμιση",
+        "upload": "Μεταφόρτωση",
+        "verify": "Επαλήθευση",
+        "view": "Προβολή",
+        "view_all": "Προβολή Όλων",
+        "view_list": "Προβολή λίστας",
+        "view_message": "Προβολή μηνύματος",
+        "view_source": "Προβολή κώδικα",
+        "yes": "Ναι",
+        "zoom_in": "Μεγέθυνση",
+        "zoom_out": "Σμίκρυνση"
+    },
+    "analytics": {
+        "accept_button": "Είναι εντάξει",
+        "bullet_1": "<Bold>Δεν</Bold> καταγράφουμε ούτε ιχνηλατούμε οποιαδήποτε δεδομένα λογαριασμού",
+        "bullet_2": "<Bold>Δε</Bold> μοιραζόμαστε πληροφορίες με τρίτους",
+        "consent_migration": "Έχετε συμφωνήσει να μοιραστείτε ανώνυμα δεδομένα χρήσης μαζί μας. Ενημερώνουμε τον τρόπο που λειτουργεί.",
+        "disable_prompt": "Μπορείτε να το απενεργοποιήσετε ανά πάσα στιγμή στις ρυθμίσεις",
+        "enable_prompt": "Βοηθήστε στη βελτίωση του %(analyticsOwner)s",
+        "learn_more": "Μοιραστείτε ανώνυμα δεδομένα για να μας βοηθήσετε να εντοπίσουμε προβλήματα. Τίποτα προσωπικό. Χωρίς τρίτους. <LearnMoreLink>Μάθετε περισσότερα</LearnMoreLink>",
+        "privacy_policy": "Μπορείτε να διαβάσετε όλους τους όρους μας <PrivacyPolicyUrl>εδώ</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Βοηθήστε μας να εντοπίσουμε προβλήματα και να βελτιώσουμε το %(analyticsOwner)s κοινοποιώντας ανώνυμα δεδομένα χρήσης. Για να κατανοήσουμε πώς οι άνθρωποι χρησιμοποιούν πολλαπλές συσκευές, θα δημιουργήσουμε ένα τυχαίο αναγνωριστικό, κοινόχρηστο από τις συσκευές σας.",
+        "shared_data_heading": "Οποιοδήποτε από τα ακόλουθα δεδομένα μπορεί να κοινοποιηθεί:"
+    },
+    "auth": {
+        "3pid_in_use": "Αυτή η διεύθυνση ηλεκτρονικού ταχυδρομείου ή ο αριθμός τηλεφώνου χρησιμοποιείται ήδη.",
+        "account_clash": "Ο νέος λογαριασμός σας (%(newAccountId)s) έχει εγγραφεί, αλλά έχετε ήδη συνδεθεί με διαφορετικό λογαριασμό (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Συνέχεια με τον προηγούμενο λογαριασμό",
+        "account_deactivated": "Αυτός ο λογαριασμός έχει απενεργοποιηθεί.",
+        "autodiscovery_generic_failure": "Απέτυχε η λήψη της διαμόρφωσης αυτόματης ανακάλυψης από τον διακομιστή",
+        "autodiscovery_hs_incompatible": "Ο αρχικός σας διακομιστής είναι πολύ παλιός και δεν υποστηρίζει την ελάχιστη απαιτούμενη έκδοση API. Παρακαλούμε επικοινωνήστε με τον ιδιοκτήτη του διακομιστή σας ή αναβαθμίστε τον διακομιστή σας.",
+        "autodiscovery_invalid": "Μη έγκυρη απόκριση εντοπισμού κεντρικού διακομιστή",
+        "autodiscovery_invalid_hs": "Η διεύθυνση URL του κεντρικού διακομιστή δε φαίνεται να αντιστοιχεί σε έγκυρο διακομιστή Matrix",
+        "autodiscovery_invalid_hs_base_url": "Μη έγκυρο base_url για m.homeserver",
+        "autodiscovery_invalid_is": "Η διεύθυνση URL διακομιστή ταυτοποίησης δε φαίνεται να είναι έγκυρη",
+        "autodiscovery_invalid_is_base_url": "Μη έγκυρο base_url για m.identity_server",
+        "autodiscovery_invalid_is_response": "Μη έγκυρη απόκριση εντοπισμού διακομιστή ταυτότητας",
+        "autodiscovery_invalid_json": "Μη έγκυρο JSON",
+        "autodiscovery_no_well_known": "Δεν βρέθηκε αρχείο .well-known JSON",
+        "autodiscovery_unexpected_error_hs": "Μη αναμενόμενο σφάλμα κατά την επίλυση της διαμόρφωσης του κεντρικού διακομιστή",
+        "autodiscovery_unexpected_error_is": "Μη αναμενόμενο σφάλμα κατά την επίλυση της διαμόρφωσης διακομιστή ταυτότητας",
+        "captcha_description": "Αυτός ο κεντρικός διακομιστής θα ήθελε να βεβαιωθεί ότι δεν είστε ρομπότ.",
+        "change_password_action": "Αλλαγή κωδικού πρόσβασης",
+        "change_password_confirm_invalid": "Οι κωδικοί πρόσβασης δεν ταιριάζουν",
+        "change_password_confirm_label": "Επιβεβαίωση κωδικού πρόσβασης",
+        "change_password_current_label": "Τωρινός κωδικός πρόσβασης",
+        "change_password_empty": "Οι κωδικοί πρόσβασης δεν γίνετε να είναι κενοί",
+        "change_password_error": "Σφάλμα κατά την αλλαγή κωδικού πρόσβασης: %(error)s",
+        "change_password_mismatch": "Οι νέοι κωδικοί πρόσβασης είναι διαφορετικοί",
+        "change_password_new_label": "Νέος κωδικός πρόσβασης",
+        "check_email_explainer": "Ακολουθήστε τις οδηγίες που στάλθηκαν στο <b>%(email)s</b>",
+        "check_email_resend_prompt": "Δεν το λάβατε;",
+        "check_email_resend_tooltip": "Επανεστάλη email με τον συνδέσμο επαλήθευσης!",
+        "check_email_wrong_email_button": "Εισαγάγετε ξανά τη διεύθυνση ηλεκτρονικού ταχυδρομείου",
+        "check_email_wrong_email_prompt": "Λάθος διεύθυνση ηλεκτρονικού ταχυδρομείου;",
+        "continue_with_idp": "Συνεχίστε με %(provider)s",
+        "continue_with_sso": "Συνέχεια με %(ssoButtons)s",
+        "country_dropdown": "Αναπτυσσόμενο μενού Χώρας",
+        "create_account_prompt": "Πρώτη φορά εδώ; <a>Δημιουργήστε λογαριασμό</a>",
+        "create_account_title": "Δημιουργία λογαριασμού",
+        "email_discovery_text": "Χρησιμοποιήστε email για να είστε προαιρετικά ανιχνεύσιμος από υπάρχουσες επαφές.",
+        "email_field_label": "Ηλεκτρονική διεύθυνση",
+        "email_field_label_invalid": "Δε μοιάζει με έγκυρη διεύθυνση email",
+        "email_field_label_required": "Εισάγετε διεύθυνση email",
+        "email_help_text": "Προσθέστε ένα email για να μπορείτε να κάνετε επαναφορά του κωδικού πρόσβασης σας.",
+        "email_phone_discovery_text": "Χρησιμοποιήστε email ή τηλέφωνο για να είστε προαιρετικά ανιχνεύσιμος από υπάρχουσες επαφές.",
+        "enter_email_explainer": "Το <b>%(homeserver)s</b> θα σας στείλει έναν σύνδεσμο επαλήθευσης για να επαναφέρετε τον κωδικό πρόσβασής σας.",
+        "enter_email_heading": "Εισάγετε το email σας για να επαναφέρετε τον κωδικό πρόσβασης",
+        "failed_connect_identity_server": "Δεν είναι δυνατή η πρόσβαση στον διακομιστή ταυτότητας",
+        "failed_connect_identity_server_other": "Μπορείτε να συνδεθείτε, αλλά ορισμένες λειτουργίες δε θα είναι διαθέσιμες μέχρι να συνδεθεί ξανά ο διακομιστής ταυτότητας. Εάν εξακολουθείτε να βλέπετε αυτήν την προειδοποίηση, ελέγξτε τις ρυθμίσεις σας ή επικοινωνήστε με έναν διαχειριστή του διακομιστή σας.",
+        "failed_connect_identity_server_register": "Μπορείτε να εγγραφείτε, αλλά ορισμένες λειτουργίες δεν θα είναι διαθέσιμες μέχρι να συνδεθεί ξανά ο διακομιστής ταυτότητας. Εάν εξακολουθείτε να βλέπετε αυτήν την ειδοποίηση, ελέγξτε τις ρυθμίσεις σας ή επικοινωνήστε με έναν διαχειριστή διακομιστή.",
+        "failed_connect_identity_server_reset_password": "Μπορείτε να επαναφέρετε τον κωδικό πρόσβασης σας, αλλά ορισμένες λειτουργίες δε θα είναι διαθέσιμες μέχρι να συνδεθεί ξανά ο διακομιστής ταυτότητας. Εάν εξακολουθείτε να βλέπετε αυτήν την προειδοποίηση, ελέγξτε τις ρυθμίσεις σας ή επικοινωνήστε με έναν διαχειριστή του διακομιστή σας.",
+        "failed_homeserver_discovery": "Αποτυχία εκτέλεσης εντοπισμού του κεντρικού διακομιστή",
+        "failed_query_registration_methods": "Αδυναμία λήψης των υποστηριζόμενων μεθόδων εγγραφής.",
+        "failed_soft_logout_auth": "Απέτυχε ο εκ νέου έλεγχος ταυτότητας",
+        "failed_soft_logout_homeserver": "Απέτυχε ο εκ νέου έλεγχος ταυτότητας λόγω προβλήματος με τον κεντρικό διακομιστή",
+        "forgot_password_email_invalid": "Η διεύθυνση email δε φαίνεται να είναι έγκυρη.",
+        "forgot_password_email_required": "Πρέπει να εισηχθεί η διεύθυνση ηλ. αλληλογραφίας που είναι συνδεδεμένη με τον λογαριασμό σας.",
+        "forgot_password_prompt": "Ξεχάσετε τον κωδικό σας;",
+        "forgot_password_send_email": "Αποστολή email",
+        "identifier_label": "Συνδεθείτε με",
+        "incorrect_credentials": "Λανθασμένο όνομα χρήστη και/ή κωδικός.",
+        "incorrect_credentials_detail": "Σημειώστε ότι συνδέεστε στον διακομιστή %(hs)s, όχι στο matrix.org.",
+        "incorrect_password": "Λανθασμένος κωδικός πρόσβασης",
+        "log_in_new_account": "<a>Συνδεθείτε</a> στον νέο σας λογαριασμό.",
+        "logout_dialog": {
+            "description": "Είσαστε σίγουροι ότι θέλετε να αποσυνδεθείτε;",
+            "setup_key_backup_title": "Θα χάσετε την πρόσβαση στα κρυπτογραφημένα μηνύματά σας",
+            "skip_key_backup": "Δε θέλω τα κρυπτογραφημένα μηνύματά μου"
+        },
+        "misconfigured_body": "Ζητήστε από τον %(brand)s διαχειριστή σας να ελέγξει <a>τις ρυθμίσεις σας</a> για λανθασμένες ή διπλότυπες καταχωρίσεις.",
+        "misconfigured_title": "Οι παράμετροι του %(brand)s σας είναι λανθασμένα ρυθμισμένοι",
+        "msisdn_field_description": "Άλλοι χρήστες μπορούν να σας προσκαλέσουν σε αίθουσες χρησιμοποιώντας τα στοιχεία επικοινωνίας σας",
+        "msisdn_field_label": "Τηλέφωνο",
+        "msisdn_field_number_invalid": "Αυτός ο αριθμός τηλεφώνου δε φαίνεται σωστός, ελέγξτε και δοκιμάστε ξανά",
+        "msisdn_field_required_invalid": "Εισάγετε αριθμό τηλεφώνου",
+        "no_hs_url_provided": "Δεν παρέχεται URL του κεντρικού διακομιστή",
+        "oidc": {
+            "error_title": "Δεν μπορέσαμε να σας συνδέσουμε",
+            "missing_or_invalid_stored_state": "Ζητήσαμε από το πρόγραμμα περιήγησης να θυμάται τον διακομιστή που χρησιμοποιείτε για να συνδέεστε, αλλά το πρόγραμμα περιήγησης δεν το έχει αποθηκεύσει. Πηγαίνετε στην σελίδα σύνδεσεις για να προσπαθήσετε ξανά."
+        },
+        "password_field_keep_going_prompt": "Συνεχίστε...",
+        "password_field_label": "Εισάγετε τον κωδικό πρόσβασης",
+        "password_field_strong_label": "Πολύ καλά, ισχυρός κωδικός πρόσβασης!",
+        "password_field_weak_label": "Έγκυρος κωδικός πρόσβασης, αλλά δεν είναι ασφαλής",
+        "phone_label": "Τηλέφωνο",
+        "phone_optional_label": "Τηλέφωνο (προαιρετικό)",
+        "qr_code_login": {
+            "completing_setup": "Ολοκλήρωση της ρύθμισης της νέας συσκευής σας",
+            "error_unexpected": "Παρουσιάστηκε μη αναμενόμενο σφάλμα. Το αίτημα σύνδεσης της άλλης συσκευής σας ακυρώθηκε.",
+            "scan_code_instruction": "Σαρώστε τον κωδικό QR με άλλη συσκευή",
+            "scan_qr_code": "Συνδεθείτε με κωδικό QR",
+            "select_qr_code": "Επιλέξτε \"%(scanQRCode)s\"",
+            "waiting_for_device": "Αναμονή για σύνδεση της συσκευής"
+        },
+        "register_action": "Δημιουργία Λογαριασμού",
+        "registration": {
+            "continue_without_email_description": "Μια προειδοποίηση, αν δεν προσθέσετε ένα email και ξεχάσετε τον κωδικό πρόσβασης, ενδέχεται να <b>χάσετε οριστικά την πρόσβαση στον λογαριασμό σας</b>.",
+            "continue_without_email_field_label": "Email (προαιρετικό)",
+            "continue_without_email_title": "Συνέχεια χωρίς email"
+        },
+        "registration_disabled": "Η εγγραφή έχει απενεργοποιηθεί σε αυτόν τον κεντρικό διακομιστή.",
+        "registration_msisdn_field_required_invalid": "Εισαγάγετε τον αριθμό τηλεφώνου (απαιτείται σε αυτόν τον κεντρικό διακομιστή)",
+        "registration_successful": "Επιτυχής Εγγραφή",
+        "registration_username_in_use": "Κάποιος έχει ήδη αυτό το όνομα χρήστη. Δοκιμάστε άλλο ή εάν είστε εσείς, συνδεθείτε παρακάτω.",
+        "registration_username_unable_check": "Δεν είναι δυνατός ο έλεγχος εάν το όνομα χρήστη είναι διαθέσιμο. Δοκιμάστε ξανά αργότερα.",
+        "registration_username_validation": "Χρησιμοποιήστε μόνο πεζά γράμματα, αριθμούς, παύλες και κάτω παύλες",
+        "reset_password": {
+            "confirm_new_password": "Επιβεβαίωση νέου κωδικού πρόσβασης",
+            "devices_logout_success": "Έχετε αποσυνδεθεί από όλες τις συσκευές και δεν θα λαμβάνετε πλέον ειδοποιήσεις push. Για να ενεργοποιήσετε ξανά τις ειδοποιήσεις, συνδεθείτε ξανά σε κάθε συσκευή.",
+            "other_devices_logout_warning_1": "Η αποσύνδεση των συσκευών σας θα διαγράψει τα κλειδιά κρυπτογράφησης μηνυμάτων που είναι αποθηκευμένα σε αυτές, καθιστώντας το κρυπτογραφημένο ιστορικό συνομιλιών μη αναγνώσιμο.",
+            "other_devices_logout_warning_2": "Αν θέλετε να διατηρήσετε πρόσβαση στο ιστορικό των συνομιλιών σας σε κρυπτογραφημένες αίθουσες, ρυθμίστε τη δημιουργία αντιγράφων ασφαλείας κλειδιών ή εξάγετε τα κλειδιά των μηνυμάτων σας από μία από τις άλλες συσκευές σας πριν προχωρήσετε.",
+            "password_not_entered": "Ο νέος κωδικός πρόσβασης πρέπει να εισαχθεί.",
+            "passwords_mismatch": "Οι νέοι κωδικοί πρόσβασης πρέπει να ταιριάζουν.",
+            "rate_limit_error": "Πάρα πολλές προσπάθειες σε σύντομο χρονικό διάστημα. Περιμένετε λίγο πριν προσπαθήσετε ξανά.",
+            "rate_limit_error_with_time": "Πάρα πολλές προσπάθειες σε σύντομο χρονικό διάστημα. Δοκιμάστε ξανά μετά από %(timeout)s.",
+            "reset_successful": "Ο κωδικός πρόσβασής σας επαναφέρθηκε.",
+            "return_to_login": "Επιστροφή στην οθόνη σύνδεσης",
+            "sign_out_other_devices": "Αποσύνδεση από όλες τις συσκευές"
+        },
+        "reset_password_action": "Επαναφορά κωδικού πρόσβασης",
+        "reset_password_button": "Ξέχασες τον κωδικό πρόσβασης;",
+        "reset_password_email_field_description": "Χρησιμοποιήστε μια διεύθυνση email για να ανακτήσετε τον λογαριασμό σας",
+        "reset_password_email_field_required_invalid": "Εισαγάγετε τη διεύθυνση email (απαιτείται σε αυτόν τον κεντρικό διακομιστή)",
+        "reset_password_email_not_associated": "Η διεύθυνση ηλεκτρονικού ταχυδρομείου σας δεν φαίνεται να σχετίζεται με κάποιο αναγνωριστικό Matrix σε αυτόν τον αρχικό διακομιστή.",
+        "reset_password_email_not_found_title": "Δεν βρέθηκε η διεύθυνση ηλ. αλληλογραφίας",
+        "reset_password_title": "Επαναφέρετε τον κωδικό πρόσβασής σας",
+        "server_picker_custom": "Άλλος κεντρικός διακομιστής",
+        "server_picker_description": "Μπορείτε να χρησιμοποιήσετε τις προσαρμοσμένες επιλογές διακομιστή για να συνδεθείτε σε άλλους διακομιστές Matrix, καθορίζοντας μια διαφορετική διεύθυνση URL του κεντρικού διακομιστή. Αυτό σας επιτρέπει να χρησιμοποιείτε το %(brand)s με έναν υπάρχοντα λογαριασμό Matrix σε διαφορετικό τοπικό διακομιστή.",
+        "server_picker_description_matrix.org": "Συμμετέχετε δωρεάν στον μεγαλύτερο δημόσιο διακομιστή",
+        "server_picker_dialog_title": "Αποφασίστε πού θα φιλοξενείται ο λογαριασμός σας",
+        "server_picker_explainer": "Χρησιμοποιήστε τον Matrix διακομιστή που προτιμάτε εάν έχετε, ή φιλοξενήστε τον δικό σας.",
+        "server_picker_failed_validate_homeserver": "Δεν είναι δυνατή η επικύρωση του κεντρικού διακομιστή",
+        "server_picker_intro": "Ονομάζουμε τα μέρη όπου μπορείτε να φιλοξενήσετε τον λογαριασμό σας 'κεντρικούς διακομιστές'.",
+        "server_picker_invalid_url": "Μη έγκυρο URL",
+        "server_picker_learn_more": "Σχετικά με τους κεντρικούς διακομιστές",
+        "server_picker_matrix.org": "Το Matrix.org είναι ο μεγαλύτερος δημόσιος διακομιστής στον κόσμο, επομένως είναι ένα καλό μέρος για να ξεκινήσετε.",
+        "server_picker_required": "Καθορίστε τον κεντρικό διακομιστή σας",
+        "server_picker_title": "Σύνδεση στον κεντρικό διακομιστή σας",
+        "server_picker_title_default": "Επιλογές Διακομιστή",
+        "server_picker_title_registration": "Φιλοξενία λογαριασμού στο",
+        "session_logged_out_description": "Για λόγους ασφαλείας, αυτή η συνεδρία έχει τερματιστεί. Παρακαλούμε συνδεθείτε ξανά.",
+        "session_logged_out_title": "Αποσυνδέθηκε",
+        "set_email": {
+            "description": "Αυτό θα σας επιτρέψει να επαναφέρετε τον κωδικό πρόσβαση σας και θα μπορείτε να λαμβάνετε ειδοποιήσεις.",
+            "verification_pending_description": "Παρακαλούμε ελέγξτε την ηλεκτρονική σας αλληλογραφία και κάντε κλικ στον σύνδεσμο που περιέχει. Μόλις γίνει αυτό, κάντε κλίκ στο κουμπί συνέχεια.",
+            "verification_pending_title": "Εκκρεμεί επιβεβαίωση"
+        },
+        "set_email_prompt": "Θέλετε να ορίσετε μια διεύθυνση ηλεκτρονικής αλληλογραφίας;",
+        "sign_in_description": "Χρησιμοποιήστε τον λογαριασμό σας για να συνεχίσετε.",
+        "sign_in_instead": "Συνδεθείτε αντ' αυτού",
+        "sign_in_instead_prompt": "Έχετε ήδη λογαριασμό; <a>Συνδεθείτε εδώ</a>",
+        "sign_in_or_register": "Συνδεθείτε ή Δημιουργήστε Λογαριασμό",
+        "sign_in_or_register_description": "Χρησιμοποιήστε τον λογαριασμό σας ή δημιουργήστε νέο για να συνεχίσετε.",
+        "sign_in_with_sso": "Συνδεθείτε με απλή σύνδεση",
+        "signing_in": "Σύνδεση...",
+        "soft_logout": {
+            "clear_data_button": "Εκκαθάριση όλων των δεδομένων",
+            "clear_data_description": "Η εκκαθάριση όλων των δεδομένων από αυτήν τη συνεδρία είναι μόνιμη. Τα κρυπτογραφημένα μηνύματα θα χαθούν εκτός εάν έχουν δημιουργηθεί αντίγραφα ασφαλείας των κλειδιών τους.",
+            "clear_data_title": "Εκκαθάριση όλων των δεδομένων σε αυτήν την περίοδο σύνδεσης;"
+        },
+        "soft_logout_heading": "Εχετε αποσυνδεθεί",
+        "soft_logout_intro_password": "Εισαγάγετε τον κωδικό πρόσβασης σας για να συνδεθείτε και να αποκτήσετε ξανά πρόσβαση στον λογαριασμό σας.",
+        "soft_logout_intro_sso": "Συνδεθείτε και αποκτήστε ξανά πρόσβαση στον λογαριασμό σας.",
+        "soft_logout_intro_unsupported_auth": "Δεν μπορείτε να συνδεθείτε στον λογαριασμό σας. Επικοινωνήστε με τον διαχειριστή του κεντρικού διακομιστή σας για περισσότερες πληροφορίες.",
+        "soft_logout_subheading": "Εκκαθάριση προσωπικών δεδομένων",
+        "soft_logout_warning": "Προειδοποίηση: τα προσωπικά σας δεδομένα (συμπεριλαμβανομένων των κλειδιών κρυπτογράφησης) εξακολουθούν να είναι αποθηκευμένα σε αυτήν την συνεδρία. Διαγράψτε τα εάν ολοκληρώσατε τη χρήση αυτής της συνεδρίας ή θέλετε να συνδεθείτε σε άλλον λογαριασμό.",
+        "sso": "Ενιαία Σύνδεση",
+        "sso_complete_in_browser_dialog_title": "Μεταβείτε στο πρόγραμμα περιήγησής σας για να ολοκληρώσετε τη σύνδεση",
+        "sso_failed_missing_storage": "Ζητήσαμε από το πρόγραμμα περιήγησης να θυμάται τον διακομιστή που χρησιμοποιείτε για να συνδέεστε, αλλά το πρόγραμμα περιήγησης δεν το έχει αποθηκεύσει. Πηγαίνετε στην σελίδα σύνδεσεις για να προσπαθήσετε ξανά.",
+        "sso_or_username_password": "%(ssoButtons)s Ή %(usernamePassword)s",
+        "sync_footer_subtitle": "Εάν έχετε συμμετάσχει σε πολλές αίθουσες, αυτό μπορεί να διαρκέσει λίγο",
+        "syncing": "Συγχρονισμός...",
+        "uia": {
+            "code": "Κωδικός",
+            "email": "Για να δημιουργήσετε τον λογαριασμό σας, ανοίξτε τον σύνδεσμο στο email που μόλις στείλαμε στο %(emailAddress)s.",
+            "email_auth_header": "Ελέγξτε το email σας για να συνεχίσετε",
+            "email_resend_prompt": "Δεν το λάβατε; <a>Στείλτε το ξανά</a>",
+            "email_resent": "Επαναστάλθηκε!",
+            "fallback_button": "Έναρξη πιστοποίησης",
+            "msisdn": "Ένα μήνυμα κειμένου έχει σταλεί στη διεύθυνση %(msisdn)s",
+            "msisdn_token_incorrect": "Εσφαλμένο διακριτικό",
+            "msisdn_token_prompt": "Παρακαλούμε εισάγετε τον κωδικό που περιέχει:",
+            "password_prompt": "Ταυτοποιηθείτε εισάγοντας παρακάτω τον κωδικό πρόσβασης του λογαριασμού σας.",
+            "recaptcha_missing_params": "Λείπει το δημόσιο κλειδί captcha από τη διαμόρφωση του κεντρικού διακομιστή. Αναφέρετε αυτό στον διαχειριστή του.",
+            "registration_token_label": "Διακριτικό εγγραφής",
+            "registration_token_prompt": "Εισάγετε ένα διακριτικό εγγραφής που παρέχεται από τον διαχειριστή του αρχικού διακομιστή.",
+            "sso_body": "Επιβεβαιώστε την προσθήκη αυτής της διεύθυνσης ηλ. ταχυδρομείου με την χρήση Single Sign On για να επικυρώσετε την ταυτότητα σας.",
+            "sso_failed": "Κάτι πήγε στραβά στην επιβεβαίωση της ταυτότητάς σας. Ακυρώστε και δοκιμάστε ξανά.",
+            "sso_postauth_body": "Κλικ στο κουμπί παρακάτω για να επιβεβαιώσετε την ταυτότητά σας.",
+            "sso_postauth_title": "Επιβεβαιώστε για να συνεχίσετε",
+            "sso_preauth_body": "Για να συνεχίσετε, χρησιμοποιήστε σύνδεση Single Sign On για να αποδείξετε την ταυτότητά σας.",
+            "sso_title": "Χρήση Single Sign On για συνέχεια",
+            "terms": "Παρακαλώ διαβάστε και αποδεχτείτε όλες τις πολιτικές αυτού του κεντρικού διακομιστή:",
+            "terms_invalid": "Παρακαλώ διαβάστε και αποδεχτείτε όλες τις πολιτικές του κεντρικού διακομιστή"
+        },
+        "unsupported_auth": "Αυτός ο αρχικός διακομιστής δεν προσφέρει καμία ροή σύνδεσης που υποστηρίζεται από αυτήν την εφαρμογή.",
+        "unsupported_auth_email": "Αυτός ο κεντρικός διακομιστής δεν υποστηρίζει σύνδεση με χρήση διεύθυνσης email.",
+        "unsupported_auth_msisdn": "Αυτός ο διακομιστής δεν υποστηρίζει πιστοποίηση με αριθμό τηλεφώνου.",
+        "username_field_required_invalid": "Εισάγετε όνομα χρήστη",
+        "username_in_use": "Κάποιος έχει ήδη αυτό το όνομα χρήστη, δοκιμάστε ένα άλλο.",
+        "verify_email_explainer": "Πρέπει να γνωρίζουμε ότι είστε εσείς πριν επαναφέρουμε τον κωδικό πρόσβασής σας. Κάντε κλικ στον σύνδεσμο στο email που μόλις στείλαμε στη διεύθυνση <b>%(email)s</b>",
+        "verify_email_heading": "Επαληθεύστε το email σας για να συνεχίσετε"
+    },
+    "bug_reporting": {
+        "additional_context": "Εάν υπάρχουν πρόσθετες πληροφορίες που θα βοηθούσαν στην ανάλυση του ζητήματος, όπως τι κάνατε εκείνη τη στιγμή, αναγνωριστικά αιθουσών, αναγνωριστικά χρηστών κ.λπ., συμπεριλάβετέ τα εδώ.",
+        "before_submitting": "Προτού υποβάλετε αρχεία καταγραφής, πρέπει να <a>δημιουργήσετε ένα ζήτημα GitHub</a> για να περιγράψετε το πρόβλημά σας.",
+        "collecting_information": "Συγκέντρωση πληροφοριών σχετικά με την έκδοση της εφαρμογής",
+        "collecting_logs": "Συγκέντρωση πληροφοριών",
+        "create_new_issue": "Παρακαλούμε <newIssueLink>δημιουργήστε ένα νέο issue</newIssueLink> στο GitHub ώστε να μπορέσουμε να διερευνήσουμε αυτό το σφάλμα.",
+        "description": "Τα αρχεία καταγραφής εντοπισμού σφαλμάτων περιέχουν δεδομένα χρήσης εφαρμογών, συμπεριλαμβανομένου του ονόματος χρήστη σας, των αναγνωριστικών ή των ψευδωνύμων των αιθουσών που έχετε επισκεφτεί, των στοιχείων διεπαφής χρήστη με τα οποία αλληλεπιδράσατε τελευταία και των ονομάτων χρήστη άλλων χρηστών. Δεν περιέχουν μηνύματα.",
+        "download_logs": "Λήψη αρχείων καταγραφής",
+        "downloading_logs": "Λήψη αρχείων καταγραφής",
+        "error_empty": "Πείτε μας τι πήγε στραβά ή, καλύτερα, δημιουργήστε ένα ζήτημα στο GitHub που να περιγράφει το πρόβλημα.",
+        "github_issue": "Ζήτημα GitHub",
+        "introduction": "Εάν έχετε υποβάλει ένα σφάλμα μέσω του GitHub, τα αρχεία καταγραφής εντοπισμού σφαλμάτων μπορούν να μας βοηθήσουν να εντοπίσουμε το πρόβλημα. ",
+        "log_request": "Για να μας βοηθήσετε να το αποτρέψουμε αυτό στο μέλλον, <a>στείλτε μας τα αρχεία καταγραφής</a>.",
+        "logs_sent": "Τα αρχεία καταγραφής στάλθηκαν",
+        "matrix_security_issue": "Για να αναφέρετε ένα ζήτημα ασφάλειας που σχετίζεται με το Matrix, διαβάστε την <a>Πολιτική Γνωστοποίησης Ασφαλείας</a> του Matrix.org.",
+        "preparing_download": "Προετοιμασία λήψης αρχείων καταγραφής",
+        "preparing_logs": "Προετοιμασία αποστολής αρχείων καταγραφής",
+        "send_logs": "Αποστολή πληροφοριών",
+        "submit_debug_logs": "Υποβολή αρχείων καταγραφής εντοπισμού σφαλμάτων",
+        "textarea_label": "Σημειώσεις",
+        "thank_you": "Ευχαριστώ!",
+        "title": "Αναφορά σφαλμάτων",
+        "unsupported_browser": "Υπενθύμιση: Το πρόγραμμα περιήγησής σας δεν υποστηρίζεται, επομένως η εμπειρία σας μπορεί να είναι απρόβλεπτη.",
+        "uploading_logs": "Μεταφόρτωση αρχείων καταγραφής",
+        "waiting_for_server": "Αναμονή απάντησης από τον διακομιστή"
+    },
+    "cannot_invite_without_identity_server": "Δεν είναι δυνατή η πρόσκληση χρήστη μέσω email χωρίς διακομιστή ταυτότητας. Μπορείτε να συνδεθείτε σε έναν από τις \"Ρυθμίσεις\".",
+    "cannot_reach_homeserver": "Δεν είναι δυνατή η πρόσβαση στον κεντρικό διακομιστή",
+    "cannot_reach_homeserver_detail": "Βεβαιωθείτε ότι έχετε σταθερή σύνδεση στο διαδίκτυο ή επικοινωνήστε με τον διαχειριστή του διακομιστή",
+    "cant_load_page": "Δεν ήταν δυνατή η φόρτωση της σελίδας",
+    "chat_card_back_action_label": "Επιστροφή στη συνομιλία",
+    "chat_effects": {
+        "confetti_description": "Στέλνει το δεδομένο μήνυμα με κομφετί",
+        "confetti_message": "στέλνει κομφετί",
+        "fireworks_description": "Στέλνει το δεδομένο μήνυμα με πυροτεχνήματα",
+        "fireworks_message": "στέλνει πυροτεχνήματα",
+        "rainfall_description": "Στέλνει το δεδομένο μήνυμα με βροχόπτωση",
+        "rainfall_message": "Στέλνει βροχόπτωση",
+        "snowfall_description": "Στέλνει το δεδομένο μήνυμα με χιονόπτωση",
+        "snowfall_message": "Στέλνει χιονόπτωση",
+        "spaceinvaders_description": "Στέλνει το δεδομένο μήνυμα με εφέ διαστημικού θέματος",
+        "spaceinvaders_message": "στέλνει διαστημικούς εισβολείς"
+    },
+    "common": {
+        "access_token": "Διακριτικό πρόσβασης",
+        "accessibility": "Προσβασιμότητα",
+        "advanced": "Προχωρημένες",
+        "analytics": "Αναλυτικά δεδομένα",
+        "and_n_others": {
+            "one": "και ένας ακόμα...",
+            "other": "και %(count)s άλλοι..."
+        },
+        "appearance": "Εμφάνιση",
+        "application": "Εφαρμογή",
+        "are_you_sure": "Είστε σίγουροι;",
+        "attachment": "Επισύναψη",
+        "authentication": "Πιστοποίηση",
+        "avatar": "Εικόνα Προφίλ",
+        "beta": "Beta",
+        "camera": "Κάμερα",
+        "cameras": "Κάμερες",
+        "capabilities": "Δυνατότητες",
+        "copied": "Αντιγράφηκε!",
+        "credits": "Συντελεστές",
+        "dark": "Σκούρο",
+        "description": "Περιγραφή",
+        "deselect_all": "Αποεπιλογή όλων",
+        "device": "Συσκευή",
+        "edited": "επεξεργάστηκε",
+        "email_address": "Ηλεκτρονική διεύθυνση",
+        "emoji": "Εικονίδια",
+        "encrypted": "Κρυπτογραφημένο",
+        "error": "Σφάλμα",
+        "faq": "Συχνές ερωτήσεις",
+        "feedback": "Ανατροφοδότηση",
+        "filter_results": "Φιλτράρισμα αποτελεσμάτων",
+        "forward_message": "Προώθηση μηνύματος",
+        "general": "Γενικά",
+        "go_to_settings": "Μετάβαση στις Ρυθμίσεις",
+        "guest": "Επισκέπτης",
+        "help": "Βοήθεια",
+        "home": "Αρχική",
+        "homeserver": "Κεντρικός διακομιστής",
+        "identity_server": "Διακομιστής ταυτότητας",
+        "image": "Εικόνα",
+        "integration_manager": "Διαχειριστής πρόσθετων",
+        "joined": "Συνδέθηκε",
+        "labs": "Πειραματικά",
+        "legal": "Νομικό",
+        "light": "Ανοιχτό",
+        "loading": "Φόρτωση...",
+        "location": "Τοποθεσία",
+        "matrix": "Matrix",
+        "message": "Μήνυμα",
+        "message_layout": "Διάταξη μηνύματος",
+        "microphone": "Μικρόφωνο",
+        "modern": "Μοντέρνο",
+        "mute": "Σίγαση",
+        "n_members": {
+            "one": "%(count)s μέλος",
+            "other": "%(count)s μέλη"
+        },
+        "n_rooms": {
+            "one": "%(count)s δωμάτιο",
+            "other": "%(count)s δωμάτια"
+        },
+        "name": "Όνομα",
+        "no_results": "Κανένα αποτέλεσμα",
+        "no_results_found": "Δε βρέθηκαν αποτελέσματα",
+        "not_trusted": "Μη Έμπιστο",
+        "off": "Ανενεργό",
+        "offline": "Εκτός σύνδεσης",
+        "on": "Ενεργό",
+        "options": "Επιλογές",
+        "orphan_rooms": "Άλλες αίθουσες",
+        "password": "Κωδικός πρόσβασης",
+        "people": "Άτομα",
+        "preferences": "Προτιμήσεις",
+        "presence": "Παρουσία",
+        "preview_message": "Είσαι ο καλύτερος!",
+        "privacy": "Ιδιωτικότητα",
+        "private": "Ιδιωτικό",
+        "private_room": "Ιδιωτική αίθουσα",
+        "private_space": "Ιδιωτικός χώρος",
+        "profile": "Προφίλ",
+        "public": "Δημόσιο",
+        "public_room": "Δημόσια αίθουσα",
+        "public_space": "Δημόσιος χώρος",
+        "qr_code": "Κωδικός QR",
+        "random": "Τυχαία",
+        "reactions": "Αντιδράσεις",
+        "report_a_bug": "Αναφορά σφάλματος",
+        "room": "Αίθουσα",
+        "room_name": "Όνομα αίθουσας",
+        "rooms": "Αίθουσες",
+        "saving": "Γίνεται αποθήκευση...",
+        "secure_backup": "Ασφαλές αντίγραφο ασφαλείας",
+        "select_all": "Επιλογή όλων",
+        "server": "Διακομιστής",
+        "settings": "Ρυθμίσεις",
+        "setup_secure_messages": "Ρύθμιση ασφαλών μηνυμάτων",
+        "show_more": "Δείτε περισσότερα",
+        "someone": "Κάποιος",
+        "space": "Χώρος",
+        "spaces": "Χώροι",
+        "sticker": "Αυτοκόλλητο",
+        "stickerpack": "Πακέτο αυτοκόλλητων",
+        "success": "Επιτυχία",
+        "suggestions": "Προτάσεις",
+        "support": "Υποστήριξη",
+        "theme": "Θέμα",
+        "thread": "Νήμα",
+        "threads": "Νήμα εκτέλεσης",
+        "timeline": "Χρονολόγιο",
+        "unavailable": "μη διαθέσιμο",
+        "unencrypted": "Μη κρυπτογραφημένο",
+        "unmute": "Άρση σίγασης",
+        "unnamed_room": "Ανώνυμη αίθουσα",
+        "unnamed_space": "Χώρος χωρίς όνομα",
+        "unverified": "Μη επαληθευμένη",
+        "user": "Χρήστης",
+        "user_avatar": "Εικόνα προφίλ",
+        "username": "Όνομα χρήστη",
+        "verified": "Επαληθευμένη",
+        "version": "Έκδοση",
+        "video_room": "Αίθουσα βίντεο",
+        "view_message": "Προβολή μηνύματος",
+        "warning": "Προειδοποίηση"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Ειδοποιήστε όλη την αίθουσα",
+            "command_a11y": "Αυτόματη συμπλήρωση εντολών",
+            "command_description": "Εντολές",
+            "emoji_a11y": "Αυτόματη συμπλήρωση Emoji",
+            "notification_a11y": "Αυτόματη συμπλήρωση Ειδοποίησης",
+            "notification_description": "Ειδοποίηση Δωματίου",
+            "room_a11y": "Αυτόματη συμπλήρωση Δωματίου",
+            "space_a11y": "Αυτόματη συμπλήρωση Χώρου",
+            "user_a11y": "Αυτόματη συμπλήρωση Χρήστη",
+            "user_description": "Χρήστες"
+        },
+        "close_sticker_picker": "Απόκρυψη αυτοκόλλητων",
+        "edit_composer_label": "Επεξεργασία μηνύματος",
+        "format_bold": "Έντονα",
+        "format_code_block": "Μπλοκ κώδικα",
+        "format_decrease_indent": "Μείωση εσοχής",
+        "format_increase_indent": "Αύξηση εσοχής",
+        "format_inline_code": "Κωδικός",
+        "format_insert_link": "Εισαγωγή συνδέσμου",
+        "format_italic": "Πλάγια",
+        "format_italics": "Πλάγια",
+        "format_link": "Σύνδεσμος",
+        "format_ordered_list": "Αριθμημένη λίστα",
+        "format_strikethrough": "Διαγράμμιση",
+        "format_underline": "Υπογράμμιση",
+        "format_unordered_list": "Λίστα με κουκκκίδες",
+        "no_perms_notice": "Δεν έχετε δικαιώματα για να δημοσιεύσετε σε αυτό το δωμάτιο",
+        "placeholder": "Στείλτε ένα μη κρυπτογραφημένο μήνυμα…",
+        "placeholder_encrypted": "Στείλτε ένα μήνυμα…",
+        "placeholder_reply": "Αποστολή μη κρυπτογραφημένης απάντησης…",
+        "placeholder_reply_encrypted": "Αποστολή απάντησης…",
+        "placeholder_thread": "Απάντηση σε μη κρυπτογραφημένο νήμα…",
+        "placeholder_thread_encrypted": "Απάντηση στο νήμα…",
+        "poll_button": "Ψηφοφορία",
+        "poll_button_no_perms_description": "Δεν έχετε άδεια να ξεκινήσετε ψηφοφορίες σε αυτήν την αίθουσα.",
+        "poll_button_no_perms_title": "Απαιτείται Άδεια",
+        "replying_title": "Απαντώντας",
+        "room_upgraded_link": "Η συζήτηση συνεχίζεται εδώ.",
+        "room_upgraded_notice": "Αυτό το δωμάτιο έχει αντικατασταθεί και δεν είναι πλέον ενεργό.",
+        "send_button_title": "Αποστολή μηνύματος",
+        "send_button_voice_message": "Στείλτε φωνητικό μήνυμα",
+        "send_voice_message": "Στείλτε φωνητικό μήνυμα",
+        "stop_voice_message": "Διακοπή εγγραφής",
+        "voice_message_button": "Φωνητικό μήνυμα"
+    },
+    "console_dev_note": "Εάν ξέρετε τι κάνετε, το Element είναι ανοιχτού κώδικα, ανατρέξετε στο GitHub (https://github.com/vector-im/element-web/) και συνεισφέρετε!",
+    "console_scam_warning": "Εάν κάποιος σας είπε να κάνετε αντιγραφή και επικόλληση κάτι εδώ, υπάρχει μεγάλη πιθανότητα να σας έχουν εξαπατήσει!",
+    "console_wait": "Μια στιγμή!",
+    "create_room": {
+        "action_create_room": "Δημιουργία δωματίου",
+        "action_create_video_room": "Δημιουργία δωματίου βίντεο",
+        "encrypted_video_room_warning": "Δεν μπορείτε να το απενεργοποιήσετε αργότερα. Η αίθουσα θα κρυπτογραφηθεί, αλλά η ενσωματωμένη κλήση όχι.",
+        "encrypted_warning": "Δεν μπορείτε να το απενεργοποιήσετε αργότερα. Οι γέφυρες και τα περισσότερα ρομπότ δεν μπορούν να λειτουργήσουν ακόμα.",
+        "encryption_forced": "Ο διακομιστής σας απαιτεί την ενεργοποίηση της κρυπτογράφησης σε ιδιωτικά δωμάτια.",
+        "encryption_label": "Ενεργοποίηση κρυπτογράφησης από άκρο-σε-άκρο",
+        "error_title": "Δεν ήταν δυνατή η δημιουργία δωματίου",
+        "generic_error": "Ο διακομιστής μπορεί να είναι μη διαθέσιμος, υπερφορτωμένος, ή να πέσατε σε ένα σφάλμα.",
+        "join_rule_change_notice": "Μπορείτε να το αλλάξετε ανά πάσα στιγμή από τις ρυθμίσεις δωματίου.",
+        "join_rule_invite": "Ιδιωτικό δωμάτιο (μόνο με πρόσκληση)",
+        "join_rule_invite_label": "Μόνο τα άτομα που έχουν προσκληθεί θα μπορούν να βρουν και να εγγραφούν σε αυτό τον δωμάτιο.",
+        "join_rule_knock_label": "Οποιοσδήποτε μπορεί να ζητήσει να συμμετάσχει, αλλά οι διαχειριστές ή οι συντονιστές πρέπει να χορηγήσουν πρόσβαση. Μπορείτε να το αλλάξετε αργότερα.",
+        "join_rule_public_label": "Οποιοσδήποτε θα μπορεί να βρει και να εγγραφεί σε αυτό το δωμάτιο.",
+        "join_rule_public_parent_space_label": "Οποιοσδήποτε θα μπορεί να βρει και να εγγραφεί σε αυτόν τον χώρο, όχι μόνο μέλη του <SpaceName/>.",
+        "join_rule_restricted": "Ορατό στα μέλη του χώρου",
+        "join_rule_restricted_label": "Όλοι στο <SpaceName/> θα μπορούν να βρουν και να συμμετάσχουν σε αυτήν την αίθουσα.",
+        "name_validation_required": "Εισάγετε ένα όνομα για το δωμάτιο",
+        "room_visibility_label": "Ορατότητα δωματίου",
+        "title_private_room": "Δημιουργήστε ένα ιδιωτικό δωμάτιο",
+        "title_public_room": "Δημιουργήστε ένα δημόσιο δωμάτιο",
+        "title_video_room": "Δημιουργήστε ένα δωμάτιο βίντεο",
+        "topic_label": "Θέμα (προαιρετικό)",
+        "unfederated": "Αποκλείστε οποιονδήποτε δεν είναι μέλος του %(serverName)s από τη συμμετοχή σε αυτό το δωμάτιο.",
+        "unfederated_label_default_off": "Μπορείτε να το ενεργοποιήσετε εάν το δωμάτιο θα χρησιμοποιηθεί μόνο για τη συνεργασία με εσωτερικές ομάδες στον κεντρικό σας διακομιστή. Αυτό δεν μπορεί να αλλάξει αργότερα.",
+        "unfederated_label_default_on": "Μπορείτε να το απενεργοποιήσετε εάν το δωμάτιο θα χρησιμοποιηθεί για συνεργασία με εξωτερικές ομάδες που έχουν τον δικό τους κεντρικό διακομιστή. Αυτό δεν μπορεί να αλλάξει αργότερα.",
+        "unsupported_version": "Ο διακομιστής δεν υποστηρίζει την έκδοση του δωματίου που ορίστηκε."
+    },
+    "create_space": {
+        "add_details_prompt": "Προσθέστε ορισμένες λεπτομέρειες για να βοηθήσετε τους άλλους να το αναγνωρίσουν.",
+        "add_details_prompt_2": "Μπορείτε να τα αλλάξετε ανά πάσα στιγμή.",
+        "add_existing_rooms_description": "Επιλέξτε δωμάτια ή συνομιλίες για προσθήκη. Αυτός είναι απλά ένας χώρος για εσάς, κανείς δε θα ενημερωθεί. Μπορείτε να προσθέσετε περισσότερα αργότερα.",
+        "add_existing_rooms_heading": "Τι θέλετε να οργανώσετε;",
+        "address_label": "Διεύθυνση",
+        "address_placeholder": "π.χ. ο-χώρος-μου",
+        "done_action": "Μετάβαση στο χώρο μου",
+        "done_action_first_room": "Μετάβαση στο πρώτο μου δωμάτιο",
+        "explainer": "Οι Χώροι είναι ένας νέος τρόπος ομαδοποίησης δωματίων και ατόμων. Τι είδους Χώρο θέλετε να δημιουργήσετε; Μπορείτε αυτό να το αλλάξετε αργότερα.",
+        "failed_create_initial_rooms": "Αποτυχία δημιουργίας των αρχικών δωματίων του χώρου",
+        "failed_invite_users": "Αποτυχία πρόσκλησης των παρακάτω χρηστών στο χώρο σας: %(csvUsers)s",
+        "invite_teammates_by_username": "Πρόσκληση με όνομα χρήστη",
+        "invite_teammates_description": "Βεβαιωθείτε ότι τα κατάλληλα άτομα έχουν πρόσβαση. Μπορείτε να προσκαλέσετε περισσότερα αργότερα.",
+        "invite_teammates_heading": "Προσκαλέστε τους συνεργάτες σας",
+        "label": "Δημιουργήστε ένα χώρο",
+        "name_required": "Εισαγάγετε ένα όνομα για το χώρο",
+        "personal_space": "Μόνο εγώ",
+        "personal_space_description": "Ένας ιδιωτικός χώρος για να οργανώσετε τα δωμάτιά σας",
+        "private_description": "Μόνο με πρόσκληση, καλύτερο για εσάς ή ομάδες",
+        "private_heading": "Ο ιδιωτικός σας χώρος",
+        "private_personal_description": "Βεβαιωθείτε ότι τα σωστά άτομα έχουν πρόσβαση στο %(name)s",
+        "private_personal_heading": "Με ποιους συνεργάζεσαι;",
+        "private_space": "Εγώ και οι συνεργάτες μου",
+        "private_space_description": "Ένας ιδιωτικός χώρος για εσάς και τους συνεργάτες σας",
+        "public_description": "Ανοιχτός χώρος για οποιονδήποτε, καλύτερο για κοινότητες",
+        "public_heading": "Ο δημόσιος χώρος σας",
+        "setup_rooms_community_description": "Ας δημιουργήσουμε ένα δωμάτιο για καθένα από αυτά.",
+        "setup_rooms_community_heading": "Ποια είναι μερικά θέματα στα οποία θέλετε να συζητήσετε στο %(spaceName)s;",
+        "setup_rooms_description": "Μπορείτε επίσης να προσθέσετε περισσότερα αργότερα, συμπεριλαμβανομένων των ήδη υπαρχόντων.",
+        "setup_rooms_private_description": "Θα δημιουργήσουμε δωμάτια για καθένα από αυτά.",
+        "setup_rooms_private_heading": "Σε ποια έργα εργάζεται η ομάδα σας;",
+        "share_description": "Είσαι μόνο εσείς προς το παρόν, θα είναι ακόμα καλύτερα με άλλους.",
+        "share_heading": "Κοινή χρήση %(name)s",
+        "skip_action": "Παράλειψη προς το παρόν",
+        "subspace_beta_notice": "Προσθέστε έναν χώρο σε ένα χώρο που διαχειρίζεστε.",
+        "subspace_dropdown_title": "Δημιουργήστε ένα χώρο",
+        "subspace_existing_space_prompt": "Θέλετε να προσθέσετε έναν υπάρχοντα χώρο;",
+        "subspace_join_rule_invite_description": "Μόνο τα άτομα που έχουν προσκληθεί θα μπορούν να βρουν και να εγγραφούν σε αυτόν τον χώρο.",
+        "subspace_join_rule_invite_only": "Ιδιωτικός χώρος (μόνο με πρόσκληση)",
+        "subspace_join_rule_label": "Ορατότητα χώρου",
+        "subspace_join_rule_public_description": "Οποιοσδήποτε θα μπορεί να βρει και να εγγραφεί σε αυτόν τον χώρο, όχι μόνο μέλη του <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Οποιοσδήποτε στο <SpaceName/> θα μπορεί να βρει και να συμμετάσχει σε αυτό το δωμάτιο."
+    },
+    "credits": {
+        "default_cover_photo": "Η <photo>προεπιλεγμένη φωτογραφία εξωφύλλου</photo> είναι ο © <author>Jesús Roncero</author> που χρησιμοποιείται σύμφωνα με τους όρους του <terms>CC-BY-SA 4.0.</terms>",
+        "twemoji": "Η τέχνη εμότζι <twemoji>Twemoji</twemoji> είναι © <author>Twitter, Inc and other contributors</author> υπό τους όρους του <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "Η γραμματοσειρά <colr>twemoji-colr </colr> είναι του © <author>Ιδρύματος Mozilla</author> που χρησιμοποιείται σύμφωνα με τους όρους του <terms>Apache 2.0</terms>."
+    },
+    "devtools": {
+        "active_widgets": "Ενεργές Μικροεφαρμογές",
+        "category_other": "Άλλα",
+        "category_room": "Δωμάτιο",
+        "caution_colon": "Προσοχή:",
+        "client_versions": "Εκδόσεις πελάτη",
+        "developer_mode": "Λειτουργία για προγραμματιστές",
+        "developer_tools": "Εργαλεία προγραμματιστή",
+        "edit_setting": "Επεξεργασία ρύθμισης",
+        "edit_values": "Επεξεργασία τιμών",
+        "empty_string": "<empty string>",
+        "event_content": "Περιεχόμενο συμβάντος",
+        "event_id": "ID συμβάντος: %(eventId)s",
+        "event_sent": "Το συμβάν στάλθηκε!",
+        "event_type": "Τύπος συμβάντος",
+        "explore_account_data": "Εξερεύνηση δεδομένων λογαριασμού",
+        "explore_room_account_data": "Εξερεύνηση δεδομένων λογαριασμού δωματίου",
+        "explore_room_state": "Εξερεύνηση κατάστασης δωματίου",
+        "failed_to_find_widget": "Παρουσιάστηκε σφάλμα κατά την εύρεση αυτής της μικροεφαρμογής.",
+        "failed_to_load": "Αποτυχία φόρτωσης.",
+        "failed_to_save": "Αποτυχία αποθήκευσης ρυθμίσεων.",
+        "failed_to_send": "Αποτυχία αποστολής συμβάντος!",
+        "id": "ID: ",
+        "invalid_json": "Δε μοιάζει με έγκυρο JSON.",
+        "level": "Επίπεδο",
+        "main_timeline": "Κύριο χρονολόγιο",
+        "no_receipt_found": "Δεν βρέθηκε απόδειξη",
+        "notification_state": "Η κατάσταση ειδοποίησης είναι <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Αποσφαλμάτωση ειδοποιήσεων",
+        "number_of_users": "Αριθμός χρηστών",
+        "original_event_source": "Αρχική πηγή συμβάντος",
+        "room_encrypted": "Η αίθουσα είναι <strong>κρυπτογραφημένη ✅</strong>",
+        "room_id": "ID δωματίου: %(roomId)s",
+        "room_not_encrypted": "Η αίθουσα <strong>δεν είναι κρυπτογραφημένη 🚨</strong>",
+        "room_notifications_dot": "Σημείο: ",
+        "room_notifications_highlight": "Αποκορύφωμα: ",
+        "room_notifications_last_event": "Τελευταίο γεγονός:",
+        "room_notifications_sender": "Αποστολέας: ",
+        "room_notifications_thread_id": "Αναγνωριστικό νήματος: ",
+        "room_notifications_total": "Σύνολο: ",
+        "room_notifications_type": "Τύπος: ",
+        "room_status": "Κατάσταση δωματίου",
+        "room_unread_status_count": {
+            "one": "Κατάσταση μη αναγνωσμένων δωματίου: <strong>%(status)s</strong>, πλήθος: <strong>%(count)s</strong>",
+            "other": "Κατάσταση μη αναγνωσμένων δωματίου: <strong>%(status)s</strong>, πλήθος: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Αποθήκευση τιμών ρύθμισης",
+        "see_history": "Εμφάνιση ιστορικού",
+        "send_custom_account_data_event": "Αποστολή προσαρμοσμένου συμβάντος δεδομένων λογαριασμού",
+        "send_custom_room_account_data_event": "Αποστολή προσαρμοσμένου συμβάντος δεδομένων λογαριασμού δωματίου",
+        "send_custom_state_event": "Αποστολή προσαρμοσμένου συμβάντος κατάστασης",
+        "send_custom_timeline_event": "Αποστολή προσαρμοσμένου συμβάντος χρονολογίου",
+        "server_info": "Πληροφορίες διακομιστή",
+        "server_versions": "Εκδόσεις διακομιστή",
+        "settable_global": "Ρυθμιζόμενο σε παγκόσμιο",
+        "settable_room": "Ρυθμιζόμενο σε δωμάτιο",
+        "setting_colon": "Ρύθμιση:",
+        "setting_definition": "Ορισμός ρύθμισης:",
+        "setting_id": "Ρύθμιση αναγνωριστικού",
+        "settings_explorer": "Εξερεύνηση ρυθμίσεων",
+        "show_hidden_events": "Εμφάνιση κρυφών συμβάντων στο χρονολόγιο",
+        "spaces": {
+            "one": "<χώρος>",
+            "other": "<%(count)s χώροι>"
+        },
+        "state_key": "Κλειδί κατάστασης",
+        "thread_root_id": "Thread Root ID: %(threadRootId)s",
+        "threads_timeline": "Χρονολόγιο νημάτων",
+        "title": "Εργαλεία προγραμματιστή",
+        "toolbox": "Εργαλειοθήκη",
+        "use_at_own_risk": "Αυτό το UI ΔΕΝ ελέγχει τους τύπους των τιμών. Χρησιμοποιήστε το με δική σας ευθύνη.",
+        "user_read_up_to": "Ο χρήστης διάβασε μέχρι: ",
+        "user_read_up_to_ignore_synthetic": "Ο χρήστης διάβασε έως (ignoreSynthetic): ",
+        "user_read_up_to_private": "Ο χρήστης διάβασε ως (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Ο χρήστης διάβασε ως (m.read.private;ignoreSynthetic): ",
+        "value": "Τιμή",
+        "value_colon": "Τιμή:",
+        "value_in_this_room": "Τιμή σε αυτήν την αίθουσα",
+        "value_this_room_colon": "Τιμή σε αυτήν την αίθουσα:",
+        "values_explicit": "Αξίες σε σαφής επίπεδα",
+        "values_explicit_colon": "Τιμές σε σαφή επίπεδα:",
+        "values_explicit_room": "Αξίες σε σαφής επίπεδα σε αυτό το δωμάτιο",
+        "values_explicit_this_room_colon": "Τιμές σε ρητά επίπεδα σε αυτήν την αίθουσα:",
+        "view_servers_in_room": "Προβολή διακομιστών στο δωμάτιο",
+        "view_source_decrypted_event_source": "Αποκρυπτογραφημένη πηγή συμβάντος",
+        "widget_screenshots": "Ενεργοποίηση στιγμιότυπων οθόνης μικροεφαρμογών σε υποστηριζόμενες μικροεφαρμογές"
+    },
+    "dialog_close_label": "Κλείσιμο διαλόγου",
+    "download_completed": "Η λήψη ολοκληρώθηκε",
+    "empty_room": "Άδειο δωμάτιο",
+    "empty_room_was_name": "Άδεια αίθουσα (ήταν %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Το κλειδί ανάκτησης που εισαγάγατε δεν είναι σωστό."
+            },
+            "restoring": "Επαναφορά κλειδιών από αντίγραφο ασφαλείας",
+            "security_key_title": "Κλειδί Ανάκτησης"
+        },
+        "bootstrap_title": "Ρύθμιση κλειδιών",
+        "confirm_encryption_setup_body": "Κάντε κλικ στο κουμπί παρακάτω για να επιβεβαιώσετε τη ρύθμιση της κρυπτογράφησης.",
+        "confirm_encryption_setup_title": "Επιβεβαιώστε τη ρύθμιση κρυπτογράφησης",
+        "cross_signing_room_normal": "Αυτό το δωμάτιο έχει κρυπτογράφηση από άκρο σε άκρο",
+        "cross_signing_room_verified": "Όλοι σε αυτήν την αίθουσα έχουν επαληθευτεί",
+        "cross_signing_room_warning": "Κάποιος χρησιμοποιεί μια άγνωστη συνεδρία",
+        "cross_signing_user_normal": "Δεν έχετε επαληθεύσει αυτόν τον χρήστη.",
+        "cross_signing_user_verified": "Έχετε επαληθεύσει αυτόν τον χρήστη. Αυτός ο χρήστης έχει επαληθεύσει όλες τις συνεδρίες του.",
+        "cross_signing_user_warning": "Αυτός ο χρήστης δεν έχει επαληθεύσει όλες τις συνεδρίες του.",
+        "event_shield_reason_authenticity_not_guaranteed": "Η αυθεντικότητα αυτού του κρυπτογραφημένου μηνύματος δεν είναι εγγυημένη σε αυτήν τη συσκευή.",
+        "event_shield_reason_mismatched_sender_key": "Κρυπτογραφήθηκε από μια μη επαληθευμένη συνεδρία",
+        "event_shield_reason_unknown_device": "Κρυπτογραφημένο από άγνωστη ή διαγραμμένη συσκευή.",
+        "event_shield_reason_unsigned_device": "Κρυπτογραφημένο από συσκευή που δεν έχει επαληθευτεί από τον κάτοχό της.",
+        "event_shield_reason_unverified_identity": "Κρυπτογραφημένο από μη επαληθευμένο χρήστη.",
+        "export_unsupported": "Ο περιηγητής σας δεν υποστηρίζει τα απαιτούμενα πρόσθετα κρυπτογράφησης",
+        "import_invalid_keyfile": "Μη έγκυρο αρχείο κλειδιού %(brand)s",
+        "import_invalid_passphrase": "Αποτυχία ελέγχου πιστοποίησης: λανθασμένος κωδικός πρόσβασης;",
+        "messages_not_secure": {
+            "cause_1": "Ο κεντρικός σας διακομιστής",
+            "cause_2": "Ο κεντρικός διακομιστής στον οποίο είναι συνδεδεμένος ο χρήστης που επαληθεύετε",
+            "cause_3": "Η δική σας ή η σύνδεση στο διαδίκτυο των άλλων χρηστών",
+            "cause_4": "Η δική σας ή η συνεδρία άλλων χρηστών",
+            "heading": "Ένα από τα παρακάτω μπορεί να τεθεί σε κίνδυνο:",
+            "title": "Τα μηνύματά σας δεν είναι ασφαλή"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Εντοπίστηκε νέα φράση ασφαλείας και κλειδί για ασφαλή μηνύματα.",
+            "description_2": "Αυτή η συνεδρία κρυπτογραφεί το ιστορικό χρησιμοποιώντας τη νέα μέθοδο ανάκτησης.",
+            "title": "Νέα Μέθοδος Ανάκτησης",
+            "warning": "Εάν δεν έχετε ορίσει τη νέα μέθοδο ανάκτησης, ένας εισβολέας μπορεί να προσπαθεί να αποκτήσει πρόσβαση στον λογαριασμό σας. Αλλάξτε τον κωδικό πρόσβασης του λογαριασμού σας και ορίστε μια νέα μέθοδο ανάκτησης αμέσως στις Ρυθμίσεις."
+        },
+        "recovery_method_removed": {
+            "description_1": "Αυτή η συνεδρία εντόπισε ότι η φράση ασφαλείας σας και το κλειδί για τα ασφαλή μηνύματα σας έχουν αφαιρεθεί.",
+            "description_2": "Εάν το κάνατε κατά λάθος, μπορείτε να ρυθμίσετε τα Ασφαλή Μηνύματα σε αυτήν τη συνεδρία, τα οποία θα κρυπτογραφούν εκ νέου το ιστορικό μηνυμάτων αυτής της συνεδρίας με μια νέα μέθοδο ανάκτησης.",
+            "title": "Η Μέθοδος Ανάκτησης Καταργήθηκε",
+            "warning": "Εάν δεν καταργήσατε τη μέθοδο ανάκτησης, ένας εισβολέας μπορεί να προσπαθεί να αποκτήσει πρόσβαση στον λογαριασμό σας. Αλλάξτε τον κωδικό πρόσβασης του λογαριασμού σας και ορίστε μια νέα μέθοδο ανάκτησης αμέσως στις Ρυθμίσεις."
+        },
+        "set_up_toast_title": "Ρυθμίστε το αντίγραφο ασφαλείας",
+        "unable_to_setup_keys_error": "Δεν είναι δυνατή η ρύθμιση των κλειδιών",
+        "verification": {
+            "accepting": "Αποδοχή …",
+            "after_new_login": {
+                "device_verified": "Η συσκευή επαληθεύτηκε",
+                "skip_verification": "Παράβλεψη επαλήθευσης προς το παρόν",
+                "verify_this_device": "Επαληθεύστε αυτήν τη συσκευή"
+            },
+            "cancelling": "Ακύρωση…",
+            "complete_action": "Κατανοώ",
+            "complete_description": "Επαληθεύσατε με επιτυχία αυτόν τον χρήστη.",
+            "complete_title": "Επαληθεύτηκε!",
+            "error_starting_description": "Δεν ήταν δυνατή η έναρξη συνομιλίας με τον άλλο χρήστη.",
+            "error_starting_title": "Σφάλμα κατά την έναρξη της επαλήθευσης",
+            "explainer": "Τα ασφαλή μηνύματα με αυτόν τον χρήστη είναι κρυπτογραφημένα από άκρο σε άκρο και δεν μπορούν να διαβαστούν από τρίτους.",
+            "in_person": "Για να είστε ασφαλείς, κάντε το αυτοπροσώπως ή χρησιμοποιήστε έναν αξιόπιστο τρόπο επικοινωνίας.",
+            "incoming_sas_device_dialog_text_1": "Επαληθεύστε αυτήν τη συσκευή για να την επισημάνετε ως αξιόπιστη. Η εμπιστοσύνη αυτής της συσκευής προσφέρει σε εσάς και σε άλλους χρήστες επιπλέον ηρεμία όταν χρησιμοποιείτε μηνύματα με κρυπτογράφηση από άκρο σε άκρο.",
+            "incoming_sas_device_dialog_text_2": "Η επαλήθευση αυτής της συσκευής θα την επισημάνει ως αξιόπιστη και οι χρήστες που έχουν επαληθευτεί μαζί σας θα εμπιστεύονται αυτήν τη συσκευή.",
+            "incoming_sas_dialog_title": "Εισερχόμενο Αίτημα Επαλήθευσης",
+            "incoming_sas_dialog_waiting": "Αναμονή επιβεβαίωσης από τον συνεργάτη…",
+            "incoming_sas_user_dialog_text_1": "Επαληθεύστε αυτόν τον χρήστη για να τον επισημάνετε ως αξιόπιστο. Η εμπιστοσύνη των χρηστών σάς προσφέρει επιπλέον ηρεμία όταν χρησιμοποιείτε μηνύματα με κρυπτογράφηση από άκρο σε άκρο.",
+            "incoming_sas_user_dialog_text_2": "Η επαλήθευση αυτού του χρήστη θα επισημάνει τη συνεδρία του ως αξιόπιστη και θα επισημάνει επίσης τη συνεδρία σας ως αξιόπιστη σε αυτόν.",
+            "no_support_qr_emoji": "Η συσκευή που προσπαθείτε να επαληθεύσετε δεν υποστηρίζει τη σάρωση κωδικού QR ή επαλήθευσης emoji, κάτι που υποστηρίζει το %(brand)s. Δοκιμάστε με διαφορετικό πρόγραμμα-πελάτη.",
+            "other_party_cancelled": "Το άλλο μέρος ακύρωσε την επαλήθευση.",
+            "prompt_encrypted": "Επαληθεύστε όλους τους χρήστες σε ένα δωμάτιο για να βεβαιωθείτε ότι είναι ασφαλές.",
+            "prompt_unencrypted": "Σε κρυπτογραφημένα δωμάτια, επαληθεύστε όλους τους χρήστες για να βεβαιωθείτε ότι είναι ασφαλές.",
+            "qr_or_sas": "%(qrCode)s ή %(emojiCompare)s",
+            "qr_prompt": "Σαρώστε αυτόν τον μοναδικό κωδικό",
+            "qr_reciprocate_same_shield_user": "Σχεδόν έτοιμοι! Εμφανίζεται η ίδια ασπίδα και στον χρήστη %(displayName)s;",
+            "request_toast_decline_counter": "Παράβλεψη (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s από %(ip)s",
+            "sas_caption_self": "Επαληθεύστε αυτήν τη συσκευή επιβεβαιώνοντας ότι ο ακόλουθος αριθμός εμφανίζεται στην οθόνη της.",
+            "sas_caption_user": "Επαληθεύστε αυτόν τον χρήστη επιβεβαιώνοντας ότι ο ακόλουθος αριθμός εμφανίζεται στην οθόνη του.",
+            "sas_description": "Συγκρίνετε ένα μοναδικό σύνολο emoji εάν δεν έχετε κάμερα σε καμία από τις δύο συσκευές",
+            "sas_emoji_caption_user": "Επαληθεύστε αυτόν τον χρήστη επιβεβαιώνοντας ότι τα ακόλουθα emoji εμφανίζονται στην οθόνη του.",
+            "sas_match": "Ταιριάζουν",
+            "sas_no_match": "Δεν ταιριάζουν",
+            "sas_prompt": "Συγκρίνετε μοναδικά emoji",
+            "scan_qr": "Επαλήθευση με σάρωση",
+            "scan_qr_explainer": "Ζητήστε από τον χρήστη %(displayName)s να σαρώσει τον κωδικό σας:",
+            "start_button": "Έναρξη επαλήθευσης",
+            "successful_user": "Επαληθεύσατε με επιτυχία τον χρήστη %(displayName)s!",
+            "unsupported_method": "Δεν είναι δυνατή η εύρεση μιας υποστηριζόμενης μεθόδου επαλήθευσης.",
+            "unverified_session_toast_accept": "Ναι, ήμουν εγώ",
+            "unverified_session_toast_title": "Νέα σύνδεση. Ήσουν εσύ;",
+            "unverified_sessions_toast_description": "Ελέγξτε για να βεβαιωθείτε ότι ο λογαριασμός σας είναι ασφαλής",
+            "unverified_sessions_toast_reject": "Αργότερα",
+            "unverified_sessions_toast_title": "Έχετε μη επαληθευμένες συνεδρίες",
+            "verification_dialog_title_device": "Επαλήθευση άλλης συσκευής",
+            "verification_dialog_title_user": "Αίτημα επαλήθευσης",
+            "verification_skip_warning": "Χωρίς επαλήθευση, δε θα έχετε πρόσβαση σε όλα τα μηνύματά σας και ενδέχεται να φαίνεστε ως αναξιόπιστος στους άλλους.",
+            "verification_success_with_backup": "Η νέα σας συσκευή έχει πλέον επαληθευτεί. Έχει πρόσβαση στα κρυπτογραφημένα μηνύματά σας και οι άλλοι χρήστες θα τη δουν ως αξιόπιστη.",
+            "verification_success_without_backup": "Η νέα σας συσκευή έχει πλέον επαληθευτεί. Οι άλλοι χρήστες θα τη δουν ως αξιόπιστη.",
+            "verify_emoji": "Επαλήθευση με emoji",
+            "verify_emoji_prompt": "Επαληθεύστε συγκρίνοντας μοναδικά emoji.",
+            "verify_emoji_prompt_qr": "Εάν δεν μπορείτε να σαρώσετε τον παραπάνω κώδικα, επαληθεύστε το συγκρίνοντας μοναδικά emoji.",
+            "verify_later": "Θα επαληθεύσω αργότερα",
+            "waiting_for_user_accept": "Αναμονή αποδοχής από %(displayName)s…",
+            "waiting_other_device": "Αναμονή για επαλήθευση στην άλλη συσκευή σας…",
+            "waiting_other_device_details": "Αναμονή για επαλήθευση στην άλλη συσκευή σας, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Αναμονή για επαλήθευση του %(displayName)s…"
+        },
+        "verification_requested_toast_title": "Ζητήθηκε επαλήθευση",
+        "verify_toast_description": "Άλλοι χρήστες μπορεί να μην το εμπιστεύονται",
+        "verify_toast_title": "Επαληθεύστε αυτήν τη συνεδρία"
+    },
+    "error": {
+        "admin_contact": "Παρακαλούμε να <a>επικοινωνήσετε με τον διαχειριστή της υπηρεσίας σας</a> για να συνεχίσετε να χρησιμοποιείτε την υπηρεσία.",
+        "admin_contact_short": "Επικοινωνήστε με τον <a>διαχειριστή του διακομιστή σας</a>.",
+        "app_launch_unexpected_error": "Απρόοπτο σφάλμα κατά την προετοιμασία της εφαρμογής. Δείτε το τερματικό για λεπτομέρειες.",
+        "cannot_load_config": "Δεν είναι δυνατή η φόρτωση του αρχείου config: ανανεώστε τη σελίδα για να δοκιμάσετε ξανά.",
+        "connection": "Παρουσιάστηκε πρόβλημα κατά την επικοινωνία με τον κεντρικό διακομιστή. Παρακαλώ προσπαθήστε ξανά.",
+        "dialog_description_default": "Παρουσιάστηκε ένα σφάλμα.",
+        "edit_history_unsupported": "Ο διακομιστής σας δε φαίνεται να υποστηρίζει αυτήν τη δυνατότητα.",
+        "failed_copy": "Αποτυχία αντιγραφής",
+        "hs_blocked": "Αυτός ο κεντρικός διακομιστής έχει αποκλειστεί από τον διαχειριστή του.",
+        "invalid_configuration_no_server": "Μη έγκυρη ρύθμιση παραμέτρων: δεν έχει οριστεί προκαθορισμένος διακομιστής.",
+        "invalid_json": "Η ρύθμιση του Element περιέχει μη έγκυρο JSON. Διορθώστε το πρόβλημα και φορτώστε ξανά τη σελίδα.",
+        "invalid_json_detail": "Το μήνυμα από τον αναλυτή είναι: %(message)s",
+        "invalid_json_generic": "Μη έγκυρο JSON",
+        "mau": "Αυτός ο κεντρικός διακομιστής έχει φτάσει το μηνιαίο όριο ενεργού χρήστη.",
+        "misconfigured": "Το Element σας δεν εχει ρυθμιστεί σωστά",
+        "mixed_content": "Δεν είναι δυνατή η σύνδεση στον κεντρικό διακομιστή μέσω HTTP όταν μια διεύθυνση HTTPS βρίσκεται στην μπάρα του περιηγητή. Είτε χρησιμοποιήστε HTTPS ή <a>ενεργοποιήστε τα μη ασφαλή σενάρια εντολών</a>.",
+        "non_urgent_echo_failure_toast": "Ο διακομιστής σας δεν ανταποκρίνεται σε ορισμένα <a>αιτήματα</a>.",
+        "resource_limits": "Αυτός ο κεντρικός διακομιστής έχει υπερβεί ένα από τα όρια πόρων του.",
+        "session_restore": {
+            "clear_storage_button": "Εκκαθάριση Χώρου αποθήκευσης και Αποσύνδεση",
+            "clear_storage_description": "Αποσύνδεση και κατάργηση κλειδιών κρυπτογράφησης;",
+            "description_1": "Αντιμετωπίσαμε ένα σφάλμα κατά την επαναφορά της προηγούμενης συνεδρίας σας.",
+            "description_2": "Αν χρησιμοποιούσατε προηγουμένως μια πιο πρόσφατη έκδοση του %(brand)s, η συνεδρία σας ίσως είναι μη συμβατή με αυτήν την έκδοση. Κλείστε αυτό το παράθυρο και επιστρέψτε στην πιο πρόσφατη έκδοση.",
+            "description_3": "Η εκκαθάριση του αποθηκευτικού χώρου του προγράμματος περιήγησής σας μπορεί να διορθώσει το πρόβλημα, αλλά θα αποσυνδεθείτε και θα κάνει τυχόν κρυπτογραφημένο ιστορικό συνομιλιών να μην είναι αναγνώσιμο.",
+            "title": "Αδυναμία επαναφοράς συνεδρίας"
+        },
+        "something_went_wrong": "Κάτι πήγε στραβά!",
+        "storage_evicted_description_1": "Ορισμένα δεδομένα συνεδρίας, συμπεριλαμβανομένων των κρυπτογραφημένων κλειδιών μηνυμάτων, λείπουν. Αποσυνδεθείτε και συνδεθείτε για να το διορθώσετε, επαναφέροντας τα κλειδιά από το αντίγραφο ασφαλείας.",
+        "storage_evicted_description_2": "Το πρόγραμμα περιήγησης σας πιθανότατα αφαίρεσε αυτά τα δεδομένα όταν ο χώρος στο δίσκο εξαντλήθηκε.",
+        "storage_evicted_title": "Λείπουν δεδομένα της συνεδρίας (session)",
+        "tls": "Δεν είναι δυνατή η σύνδεση στον κεντρικό διακομιστή - παρακαλούμε ελέγξτε τη συνδεσιμότητα, βεβαιωθείτε ότι το <a>πιστοποιητικό SSL</a> του διακομιστή είναι έμπιστο και ότι κάποιο πρόσθετο περιηγητή δεν αποτρέπει τα αιτήματα.",
+        "unknown": "Άγνωστο σφάλμα",
+        "unknown_error_code": "άγνωστος κωδικός σφάλματος",
+        "update_power_level": "Δεν ήταν δυνατή η αλλαγή του επιπέδου δύναμης"
+    },
+    "error_database_closed_title": "Το %(brand)s σταμάτησε να λειτουργεί",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Αδυναμία αντιγραφής στο πρόχειρο του συνδέσμου δωματίου.",
+            "title": "Αδυναμία αντιγραφής του συνδέσμου δωματίου"
+        },
+        "error_loading_user_profile": "Αδυναμία φόρτωσης του προφίλ χρήστη",
+        "forget_room_failed": "Δεν ήταν δυνατή η διαγραφή του δωματίου (%(errCode)s)"
+    },
+    "error_user_not_logged_in": "Ο χρήστης δεν είναι συνδεδεμένος",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Κλήση σε εξέλιξη",
+            "user": "Ο χρήστης %(senderName)s συνδέθηκε στην κλήση",
+            "you": "Συνδεθήκατε στην κλήση"
+        },
+        "m.call.hangup": {
+            "user": "Ο χρήστης %(senderName)s σταμάτησε την κλήση",
+            "you": "Σταματήσατε την κλήση"
+        },
+        "m.call.invite": {
+            "dm_receive": "Ο %(senderName)s καλεί",
+            "dm_send": "Αναμονή απάντησης",
+            "user": "Ο %(senderName)s ξεκίνησε μια κλήση",
+            "you": "Ξεκινήσατε μία κλήση"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "Ο χρήστης %(sender)s αντέδρασε με %(reaction)s στο %(message)s",
+            "you": "Αντέδρασες με %(reaction)s στο %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s"
+    },
+    "export_chat": {
+        "cancelled": "Η Εξαγωγή ακυρώθηκε",
+        "cancelled_detail": "Η εξαγωγή ακυρώθηκε με επιτυχία",
+        "confirm_stop": "Είστε βέβαιοι ότι θέλετε να διακόψετε την εξαγωγή των δεδομένων σας; Εάν το κάνετε, θα πρέπει να ξεκινήσετε από την αρχή.",
+        "creating_html": "Δημιουργία HTML...",
+        "creating_output": "Δημιουργία εξόδου...",
+        "creator_summary": "Ο %(creatorName)s δημιούργησε αυτό το δωμάτιο.",
+        "current_timeline": "Τρέχον χρονοδιάγραμμα",
+        "enter_number_between_min_max": "Εισαγάγετε έναν αριθμό μεταξύ %(min)s και %(max)s",
+        "error_fetching_file": "Σφάλμα κατά την ανάκτηση του αρχείου",
+        "export_info": "Αυτή είναι η αρχή της εξαγωγής του <roomName/>. Εξήχθησαν από <exporterDetails/> στις %(exportDate)s.",
+        "export_successful": "Επιτυχής εξαγωγή!",
+        "exported_n_events_in_time": {
+            "one": "Έγινε εξαγωγή %(count)s συμβάντος σε %(seconds)s δευτερόλεπτα",
+            "other": "Έγινε εξαγωγή %(count)s συμβάντων σε %(seconds)s δευτερόλεπτα"
+        },
+        "exporting_your_data": "Εξαγωγή των δεδομένων σας",
+        "fetched_n_events": {
+            "one": "Ανακτήθηκαν %(count)s συμβάντα μέχρι τώρα",
+            "other": "Ανακτήθηκαν %(count)s συμβάντα μέχρι τώρα"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Λήφθηκε %(count)s συμβάν σε %(seconds)s''",
+            "other": "Λήφθηκαν %(count)s συμβάντα σε %(seconds)s''"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Ανακτήθηκαν %(count)s συμβάντα από %(total)s",
+            "other": "Ανακτήθηκαν %(count)s συμβάντα από %(total)s"
+        },
+        "fetching_events": "Ανάκτηση συμβάντων...",
+        "file_attached": "Tο αρχείο επισυνάφθηκε",
+        "format": "Μορφή",
+        "from_the_beginning": "Από την αρχή",
+        "generating_zip": "Δημιουργία ZIP",
+        "html": "HTML",
+        "html_title": "Εξαγμένα δεδομένα",
+        "include_attachments": "Συμπεριλάβετε Συνημμένα",
+        "json": "JSON",
+        "media_omitted": "Τα μέσα παραλείφθηκαν",
+        "media_omitted_file_size": "Τα μέσα παραλείφθηκαν - υπέρβαση του ορίου μεγέθους αρχείου",
+        "messages": "Μηνύματα",
+        "next_page": "Επόμενη ομάδα μηνυμάτων",
+        "num_messages": "Αριθμός μηνυμάτων",
+        "num_messages_min_max": "Ο αριθμός των μηνυμάτων μπορεί να είναι μόνο ένας αριθμός μεταξύ %(min)s και %(max)s",
+        "number_of_messages": "Καθορίστε έναν αριθμό μηνυμάτων",
+        "previous_page": "Προηγούμενη ομάδα μηνυμάτων",
+        "processing_event_n": "Επεξεργασία συμβάντος %(number)s από %(total)s",
+        "select_option": "Επιλέξτε από τις παρακάτω επιλογές για να εξαγάγετε συνομιλίες από το χρονολόγιό σας",
+        "size_limit": "Όριο Μεγέθους",
+        "size_limit_min_max": "Το μέγεθος μπορεί να είναι μόνο ένας αριθμός μεταξύ %(min)s MB και %(max)s MB",
+        "starting_export": "Έναρξη εξαγωγής...",
+        "successful": "Επιτυχής Εξαγωγή",
+        "successful_detail": "Η εξαγωγή σας ήταν επιτυχής. Βρείτε τη στο φάκελο Λήψεις.",
+        "text": "Απλό κείμενο",
+        "title": "Εξαγωγή Συνομιλίας",
+        "topic": "Θέμα: %(topic)s",
+        "unload_confirm": "Είστε βέβαιοι ότι θέλετε να αποχωρήσετε κατά τη διάρκεια αυτής της εξαγωγής;"
+    },
+    "failed_load_async_component": "Αδυναμία φόρτωσης! Ελέγξτε την σύνδεση του δικτύου και προσπαθήστε ξανά.",
+    "feedback": {
+        "can_contact_label": "Μπορείτε να επικοινωνήσετε μαζί μου εάν έχετε περαιτέρω ερωτήσεις",
+        "comment_label": "Σχόλιο",
+        "existing_issue_link": "Δείτε πρώτα τα <existingIssuesLink>υπάρχοντα ζητήματα (issues) στο Github</existingIssuesLink>. Δε βρήκατε κάτι; <newIssueLink>Ξεκινήστε ένα νέο</newIssueLink>.",
+        "may_contact_label": "Μπορείτε να επικοινωνήσετε μαζί μου εάν θέλετε να έρθετε σε επαφή ή να με αφήσετε να δοκιμάσω επερχόμενες ιδέες",
+        "platform_username": "Η πλατφόρμα και το όνομα χρήστη σας θα καταγραφούν για να μας βοηθήσουν να χρησιμοποιήσουμε τα σχόλιά σας όσο μπορούμε περισσότερο.",
+        "pro_type": "ΣΥΜΒΟΥΛΗ: Εάν αναφέρετε ένα σφάλμα, υποβάλετε <debugLogsLink>αρχεία καταγραφής εντοπισμού σφαλμάτων</debugLogsLink> για να μας βοηθήσετε να εντοπίσουμε το πρόβλημα.",
+        "send_feedback_action": "Στείλετε τα σχόλιά σας",
+        "sent": "Τα σχόλια στάλθηκαν"
+    },
+    "file_panel": {
+        "empty_description": "Επισυνάψτε αρχεία από τη συνομιλία ή απλώς σύρετε και αποθέστε τα οπουδήποτε μέσα σε ένα δωμάτιο.",
+        "empty_heading": "Δεν υπάρχουν αρχεία ορατά σε αυτό το δωμάτιο",
+        "guest_note": "Πρέπει να <a>εγγραφείτε</a> για να χρησιμοποιήσετε αυτή την λειτουργία",
+        "peek_note": "Πρέπει να συνδεθείτε στο δωμάτιο για να δείτε τα αρχεία του"
+    },
+    "forward": {
+        "filter_placeholder": "Αναζήτηση δωματίων ή ατόμων",
+        "message_preview_heading": "Προεπισκόπηση μηνύματος",
+        "no_perms_title": "Δεν έχετε άδεια να το κάνετε αυτό",
+        "send_label": "Αποστολή",
+        "sending": "Αποστολή",
+        "sent": "Απεσταλμένα"
+    },
+    "identity_server": {
+        "change": "Αλλαγή διακομιστή ταυτότητας",
+        "change_prompt": "Αποσύνδεση από τον διακομιστή ταυτότητας<current /> και σύνδεση στο <new /> ;",
+        "change_server_prompt": "Εάν δε θέλετε να χρησιμοποιήσετε το <server /> για να ανακαλύψετε και να είστε ανιχνεύσιμοι από τις υπάρχουσες επαφές που γνωρίζετε, εισαγάγετε έναν άλλο διακομιστή ταυτότητας παρακάτω.",
+        "checking": "Έλεγχος διακομιστή",
+        "description_connected": "Αυτήν τη στιγμή χρησιμοποιείτε το <server></server> για να ανακαλύψετε και να είστε ανιχνεύσιμοι από τις υπάρχουσες επαφές που γνωρίζετε. Μπορείτε να αλλάξετε τον διακομιστή ταυτότητάς σας παρακάτω.",
+        "description_disconnected": "Αυτήν τη στιγμή δεν χρησιμοποιείτε διακομιστή ταυτότητας. Για να ανακαλύψετε και να είστε ανιχνεύσιμοι από υπάρχουσες επαφές που γνωρίζετε, προσθέστε μία παρακάτω.",
+        "description_optional": "Η χρήση διακομιστή ταυτότητας είναι προαιρετική. Εάν επιλέξετε να μην χρησιμοποιήσετε διακομιστή ταυτότητας, δεν θα μπορείτε να εντοπίσετε άλλους χρήστες και δεν θα μπορείτε να προσκαλέσετε άλλους μέσω email ή τηλεφώνου.",
+        "disconnect": "Αποσύνδεση διακομιστή ταυτότητας",
+        "disconnect_anyway": "Αποσυνδεθείτε ούτως ή άλλως",
+        "disconnect_offline_warning": "Θα πρέπει να <b>καταργήσετε τα προσωπικά σας δεδομένα</b> από τον διακομιστή ταυτότητας <idserver /> πρίν αποσυνδεθείτε. Δυστυχώς, ο διακομιστής ταυτότητας <idserver /> αυτή τη στιγμή είναι εκτός σύνδεσης ή δεν είναι δυνατή η πρόσβαση.",
+        "disconnect_personal_data_warning_1": "Εξακολουθείτε να <b>μοιράζεστε τα προσωπικά σας δεδομένα</b> στον διακομιστή ταυτότητας <idserver />.",
+        "disconnect_personal_data_warning_2": "Συνιστούμε να αφαιρέσετε τις διευθύνσεις του ηλεκτρονικού σας ταχυδρομείου και τους αριθμούς τηλεφώνου σας από τον διακομιστή ταυτότητας πριν αποσυνδεθείτε.",
+        "disconnect_server": "Αποσύνδεση από τον διακομιστή ταυτότητας <idserver />;",
+        "disconnect_warning": "Η αποσύνδεση από τον διακομιστή ταυτότητάς σας θα σημαίνει ότι δεν θα μπορείτε να εντοπίσετε άλλους χρήστες και δεν θα μπορείτε να προσκαλέσετε άλλους μέσω email ή τηλεφώνου.",
+        "do_not_use": "Μην χρησιμοποιείτε διακομιστή ταυτότητας",
+        "error_connection": "Δεν ήταν δυνατή η σύνδεση με τον διακομιστή ταυτότητας",
+        "error_invalid": "Μη έγκυρος διακομιστής ταυτότητας(κωδικός κατάστασης %(code)s)",
+        "error_invalid_or_terms": "Οι όροι χρήσης δεν γίνονται αποδεκτοί ή ο διακομιστής ταυτότητας δεν είναι έγκυρος.",
+        "no_terms": "Ο διακομιστής ταυτότητας που επιλέξατε δεν έχει όρους χρήσης.",
+        "suggestions": "Θα πρέπει:",
+        "suggestions_1": "ελέγξτε τις προσθήκες του προγράμματος περιήγησής σας που θα μπορούσε να αποκλείσει τον διακομιστή ταυτότητας (όπως το Privacy Badger)",
+        "suggestions_2": "επικοινωνήστε με τους διαχειριστές του διακομιστή ταυτότητας <idserver />",
+        "suggestions_3": "περιμένετε και δοκιμάστε ξανά αργότερα",
+        "url": "Διακομιστής ταυτότητας (%(server)s)",
+        "url_field_label": "Εισαγάγετε έναν νέο διακομιστή ταυτότητας",
+        "url_not_https": "Η διεύθυνση URL διακομιστή ταυτότητας πρέπει να είναι HTTPS"
+    },
+    "incompatible_browser": {
+        "title": "Μη υποστηριζόμενο πρόγραμμα περιήγησης"
+    },
+    "info_tooltip_title": "Πληροφορίες",
+    "integration_manager": {
+        "error_connecting": "Ο διαχειριστής πρόσθετων είναι εκτός σύνδεσης ή δεν μπορεί να επικοινωνήσει με κεντρικό διακομιστή σας.",
+        "error_connecting_heading": "Δεν είναι δυνατή η σύνδεση με τον διαχειριστή πρόσθετων",
+        "explainer": "Οι διαχειριστές πρόσθετων λαμβάνουν δεδομένα διαμόρφωσης και μπορούν να τροποποιούν μικροεφαρμογές, να στέλνουν προσκλήσεις για δωμάτια και να ορίζουν δικαιώματα πρόσβασης για λογαριασμό σας.",
+        "manage_title": "Διαχείριση πρόσθετων",
+        "use_im": "Χρησιμοποιήστε έναν διαχειριστή πρόσθετων για να διαχειριστείτε bots, μικροεφαρμογές και πακέτα αυτοκόλλητων.",
+        "use_im_default": "Χρησιμοποιήστε έναν διαχειριστή πρόσθετων <b>(%(serverName)s)</b> για να διαχειριστείτε bots, μικροεφαρμογές και πακέτα αυτοκόλλητων."
+    },
+    "integrations": {
+        "disabled_dialog_title": "Τα πρόσθετα έχουν απενεργοποιηθεί",
+        "impossible_dialog_description": "Το %(brand)s σας δε σας επιτρέπει να χρησιμοποιήσετε έναν διαχειριστή πρόσθετων για να το κάνετε αυτό. Επικοινωνήστε με έναν διαχειριστή.",
+        "impossible_dialog_title": "Δεν επιτρέπονται πρόσθετα"
+    },
+    "invite": {
+        "email_caption": "Πρόσκληση μέσω email",
+        "email_limit_one": "Οι προσκλήσεις μέσω email μπορούν να αποστέλλονται μόνο μία κάθε φορά",
+        "email_use_default_is": "Χρησιμοποιήστε έναν διακομιστή ταυτότητας για πρόσκληση μέσω email. <default> Χρησιμοποιήστε τον προεπιλεγμένο (%(defaultIdentityServerName)s)</default> ή διαμορφώστε στις <settings>Ρυθμίσεις</settings>.",
+        "email_use_is": "Χρησιμοποιήστε έναν διακομιστή ταυτότητας για πρόσκληση μέσω email. Διαχείριση στις <settings>Ρυθμίσεις</settings>.",
+        "error_already_invited_room": "Ο χρήστης έχει ήδη προσκληθεί στο δωμάτιο",
+        "error_already_invited_space": "Ο χρήστης έχει ήδη προσκληθεί στο χώρο",
+        "error_already_joined_room": "Ο χρήστης βρίσκεται ήδη στο δωμάτιο",
+        "error_already_joined_space": "Ο χρήστης έχει ήδη προσκληθεί στο χώρο",
+        "error_bad_state": "Πρέπει να καταργηθεί η απαγόρευση του χρήστη για να προσκληθεί.",
+        "error_dm": "Δεν μπορέσαμε να δημιουργήσουμε το DM σας.",
+        "error_find_room": "Κάτι πήγε στραβά στην προσπάθεια πρόσκλησης των χρηστών.",
+        "error_find_user_description": "Οι ακόλουθοι χρήστες ενδέχεται να μην υπάρχουν ή να μην είναι έγκυροι και δεν μπορούν να προσκληθούν: %(csvNames)s",
+        "error_find_user_title": "Αποτυχία εύρεσης των παρακάτω χρηστών",
+        "error_invite": "Δεν ήταν δυνατή η πρόσκληση αυτών των χρηστών. Ελέγξτε τους χρήστες που θέλετε να προσκαλέσετε και δοκιμάστε ξανά.",
+        "error_permissions_room": "Δεν έχετε δικαίωμα να προσκαλείτε άτομα σε αυτό το δωμάτιο.",
+        "error_permissions_space": "Δεν έχετε άδεια να προσκαλέσετε άτομα σε αυτόν τον χώρο.",
+        "error_profile_undisclosed": "Ο χρήστης μπορεί να υπάρχει ή να μην υπάρχει",
+        "error_transfer_multiple_target": "Μια κλήση μπορεί να μεταφερθεί μόνο σε έναν χρήστη.",
+        "error_unknown": "Άγνωστο σφάλμα διακομιστή",
+        "error_user_not_found": "Ο χρήστης δεν υπάρχει",
+        "error_version_unsupported_room": "Ο κεντρικός διακομιστής του χρήστη δεν υποστηρίζει την έκδοση του δωματίου.",
+        "error_version_unsupported_space": "Ο κεντρικός διακομιστής του χρήστη δεν υποστηρίζει την έκδοση του χώρου.",
+        "failed_generic": "Η λειτουργία απέτυχε",
+        "failed_title": "Δεν ήταν δυνατή η πρόσκληση",
+        "invalid_address": "Η διεύθυνση δεν αναγνωρίστηκε",
+        "name_email_mxid_share_room": "Προσκαλέστε κάποιον χρησιμοποιώντας το όνομά του, τη διεύθυνση ηλεκτρονικού ταχυδρομείου, το όνομα χρήστη (όπως <userId/>) ή <a>κοινή χρήση αυτού του δωματίου</a>.",
+        "name_email_mxid_share_space": "Προσκαλέστε κάποιον χρησιμοποιώντας το όνομά του, τη διεύθυνση ηλεκτρονικού ταχυδρομείου, το όνομα χρήστη (όπως <userId/>) ή <a>κοινή χρήση αυτού του χώρου</a>.",
+        "name_mxid_share_room": "Προσκαλέστε κάποιον χρησιμοποιώντας το όνομά του, το όνομα χρήστη (όπως <userId/>) ή <a>κοινή χρήση αυτού του δωματίου</a>.",
+        "name_mxid_share_space": "Προσκαλέστε κάποιον χρησιμοποιώντας το όνομά του, το όνομα χρήστη (όπως <userId/>) ή <a>κοινή χρήση αυτού του χώρου</a>.",
+        "recents_section": "Πρόσφατες Συνομιλίες",
+        "room_failed_partial": "Στάλθηκαν οι προσκλήσεις στους άλλους, αλλά δεν ήταν δυνατή η αποστολή πρόσκλησης στους παρακάτω στο <RoomName/>",
+        "room_failed_partial_title": "Δεν ήταν δυνατή η αποστολή κάποιων προσκλήσεων",
+        "room_failed_title": "Αποτυχία πρόσκλησης χρηστών στο %(roomName)s",
+        "send_link_prompt": "Ή στείλτε σύνδεσμο πρόσκλησης",
+        "start_conversation_name_email_mxid_prompt": "Ξεκινήστε μια συνομιλία με κάποιον χρησιμοποιώντας το όνομα, τη διεύθυνση email ή το όνομα χρήστη του (όπως <userId/>).",
+        "start_conversation_name_mxid_prompt": "Ξεκινήστε μια συνομιλία με κάποιον χρησιμοποιώντας το όνομά του ή το όνομα χρήστη (όπως <userId/>).",
+        "suggestions_disclaimer": "Ορισμένες προτάσεις ενδέχεται να είναι κρυφές λόγω απορρήτου.",
+        "suggestions_disclaimer_prompt": "Εάν δεν μπορείτε να βρείτε αυτόν που ψάχνετε, στείλτε τους τον παρακάτω σύνδεσμο πρόσκλησης.",
+        "suggestions_section": "Πρόσφατα Απευθείας Μηνύματα",
+        "to_room": "Πρόσκληση στο %(roomName)s",
+        "to_space": "Πρόσκληση σε %(spaceName)s",
+        "transfer_dial_pad_tab": "Πληκτρολόγιο κλήσης",
+        "transfer_user_directory_tab": "Κατάλογος Χρηστών",
+        "unable_find_profiles_description_default": "Δεν είναι δυνατή η εύρεση προφίλ για τα αναγνωριστικά Matrix που αναφέρονται παρακάτω - θα θέλατε να τα προσκαλέσετε ούτως ή άλλως;",
+        "unable_find_profiles_invite_label_default": "Πρόσκληση ούτως ή άλλως",
+        "unable_find_profiles_invite_never_warn_label_default": "Προσκαλέστε ούτως ή άλλως και μην με προειδοποιήσετε ποτέ ξανά",
+        "unable_find_profiles_title": "Οι παρακάτω χρήστες ενδέχεται να μην υπάρχουν",
+        "unban_first_title": "Δεν είναι δυνατή η πρόσκληση χρήστη μέχρι να αρθεί ο αποκλεισμός του"
+    },
+    "inviting_user1_and_user2": "Πρόσκληση %(user1)s και %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Πρόσκληση %(user)s και ενός άλλου",
+        "other": "Πρόσκληση %(user)s και %(count)s άλλων"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> και ένα ακόμα",
+        "other": "<Items/> και %(count)s άλλα"
+    },
+    "keyboard": {
+        "activate_button": "Ενεργοποίηση επιλεγμένου κουμπιού",
+        "alt": "Alt",
+        "autocomplete_cancel": "Ακύρωση αυτόματης συμπλήρωσης",
+        "autocomplete_force": "Εξαναγκασμός ολοκλήρωσης",
+        "autocomplete_navigate_next": "Επόμενη πρόταση αυτόματης συμπλήρωσης",
+        "autocomplete_navigate_prev": "Προηγούμενη πρόταση αυτόματης συμπλήρωσης",
+        "backspace": "Πίσω διάστημα",
+        "cancel_reply": "Ακύρωση απάντησης σε μήνυμα",
+        "category_autocomplete": "Αυτόματη συμπλήρωση",
+        "category_calls": "Κλήσεις",
+        "category_navigation": "Πλοήγηση",
+        "category_room_list": "Λίστα Δωματίων",
+        "close_dialog_menu": "Κλείσιμο διαλόγου ή μενού περιβάλλοντος",
+        "composer_jump_end": "Μετάβαση στο τέλους του επεξεργαστή κειμένου",
+        "composer_jump_start": "Μετάβαση στην αρχή του επεξεργαστή κειμένου",
+        "composer_navigate_next_history": "Πλοηγηθείτε στο επόμενο μήνυμα στο ιστορικό συνθέτη",
+        "composer_navigate_prev_history": "Πλοηγηθείτε στο προηγούμενο μήνυμα στο ιστορικό συνθέτη",
+        "composer_new_line": "Νέα γραμμή",
+        "composer_redo": "Ακύρωση αναίρεσης επεξεργασίας",
+        "composer_toggle_bold": "Έντονη Γραφή",
+        "composer_toggle_code_block": "Μπλοκ Κώδικα",
+        "composer_toggle_italics": "Πλάγια Γραφή",
+        "composer_toggle_link": "Σύνδεσμος",
+        "composer_toggle_quote": "Εναλλαγή Παράθεσης",
+        "composer_undo": "Αναίρεση επεξεργασίας",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Παραβλέψτε το δείκτη ανάγνωσης και μεταβείτε στο τέλος",
+        "end": "Τέλος",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Μεταβείτε στην Αρχική προβολή",
+        "home": "Αρχική",
+        "jump_first_message": "Μετάβαση στο πρώτο μήνυμα",
+        "jump_last_message": "Μετάβαση στο τελευταίο μήνυμα",
+        "jump_room_search": "Μετάβαση στην αναζήτηση δωματίων",
+        "jump_to_read_marker": "Μετάβαση στο παλαιότερο μη αναγνωσμένο μήνυμα",
+        "keyboard_shortcuts_tab": "Άνοιγμα της καρτέλας ρυθμίσεων",
+        "navigate_next_history": "Επόμενο δωμάτιο ή χώρος που επισκεφτήκατε πρόσφατα",
+        "navigate_next_message_edit": "Μετάβαση στο επόμενο μήνυμα για επεξεργασία",
+        "navigate_prev_history": "Προηγούμενο δωμάτιο ή χώρος που επισκεφτήκατε πρόσφατα",
+        "navigate_prev_message_edit": "Μετάβαση στο προηγούμενο μήνυμα για επεξεργασία",
+        "next_room": "Επόμενο δωμάτιο ή ΑΜ",
+        "next_unread_room": "Επόμενο μη αναγνωσμένο δωμάτιο ή ΑΜ",
+        "number": "[αριθμός]",
+        "open_user_settings": "Άνοιγμα ρυθμίσεων χρήστη",
+        "page_down": "Σελίδα προς τα κάτω",
+        "page_up": "Σελίδα προς τα πάνω",
+        "prev_room": "Προηγούμενο δωμάτιο ή ΑΜ",
+        "prev_unread_room": "Προηγούμενο μη αναγνωσμένο δωμάτιο ή ΑΜ",
+        "room_list_collapse_section": "Σύμπτυξη ενότητας λίστας αιθουσών",
+        "room_list_expand_section": "Ανάπτυξη ενότητας λίστας δωματίων",
+        "room_list_navigate_down": "Πλοήγηση προς τα κάτω στη λίστα δωματίων",
+        "room_list_navigate_up": "Πλοήγηση προς τα πάνω στη λίστα δωματίων",
+        "room_list_select_room": "Επιλέξτε δωμάτιο από τη λίστα δωματίων",
+        "scroll_down_timeline": "Κύλιση προς τα κάτω στο χρονολόγιο",
+        "scroll_up_timeline": "Κύλιση προς τα πάνω στο χρονολόγιο",
+        "search": "Αναζήτηση (πρέπει να είναι ενεργοποιημένη)",
+        "send_sticker": "Αποστολή αυτοκόλλητου",
+        "shift": "Shift",
+        "space": "Χώρος",
+        "switch_to_space": "Εναλλαγή σε χώρο με αριθμό",
+        "toggle_hidden_events": "Εναλλαγή ορατότητας κρυφού συμβάντος",
+        "toggle_microphone_mute": "Εναλλαγή σίγασης μικροφώνου",
+        "toggle_right_panel": "Εναλλαγή δεξιού πίνακα",
+        "toggle_space_panel": "Εναλλαγή πίνακα χώρου",
+        "toggle_top_left_menu": "Εναλλάξτε το επάνω αριστερό μενού",
+        "toggle_webcam_mute": "Ενεργοποίηση/απενεργοποίηση κάμερας web",
+        "upload_file": "Μεταφόρτωση αρχείου"
+    },
+    "labs": {
+        "ask_to_join": "Ενεργοποίηση αίτησης συμμετοχής",
+        "beta_feature": "Αυτή είναι μια δυνατότητα beta",
+        "beta_feedback_leave_button": "Για να αποχωρήσετε από την έκδοση beta, μεταβείτε στις ρυθμίσεις σας.",
+        "bridge_state": "Εμφάνιση πληροφοριών σχετικά με τις γέφυρες στις ρυθμίσεις δωματίου",
+        "bridge_state_channel": "Κανάλι: <channelLink/>",
+        "bridge_state_creator": "Αυτή η γέφυρα παρέχεται από τον <user />.",
+        "bridge_state_manager": "Αυτή τη γέφυρα τη διαχειρίζεται ο <user />.",
+        "bridge_state_workspace": "Χώρος εργασίας: <networkLink/>",
+        "click_for_info": "Κλικ για περισσότερες πληροφορίες",
+        "currently_experimental": "Προς το παρόν πειραματικό.",
+        "custom_themes": "Υποστήριξη προσθήκης προσαρμοσμένων θεμάτων",
+        "dynamic_room_predecessors": "Δυναμικοί προκάτοχοι δωματίων",
+        "element_call_video_rooms": "Δωμάτια βίντεο κλήσεων Element",
+        "feature_wysiwyg_composer_description": "Χρήση εμπλουτισμένου κειμένου αντί για Markdown στον συντάκτη μηνυμάτων.",
+        "group_developer": "Προγραμματιστής",
+        "group_encryption": "Κρυπτογράφηση",
+        "group_experimental": "Πειραματικό",
+        "group_messaging": "Μηνύματα",
+        "group_moderation": "Συντονισμός",
+        "group_profile": "Προφίλ",
+        "group_rooms": "Δωμάτια",
+        "group_spaces": "Χώροι",
+        "group_themes": "Θέματα",
+        "group_threads": "Νήματα",
+        "group_voip": "Φωνή & Βίντεο",
+        "group_widgets": "Μικροεφαρμογές",
+        "hidebold": "Απόκρυψη κουκκίδας ειδοποίησης (εμφάνιση μόνο σημάτων αριθμών)",
+        "join_beta": "Συμμετοχή στη beta",
+        "jump_to_date": "Μετάβαση στην ημερομηνία (προσθέτει /μετάβαση στην ημερομηνία και μετάβαση στις κεφαλίδες ημερομηνίας)",
+        "jump_to_date_msc_support": "Απαιτεί ο διακομιστής σου να υποστηρίζει το MSC3030",
+        "latex_maths": "Εμφανίστε μαθηματικά LaTeX σε μηνύματα",
+        "leave_beta": "Αποχώρηση από τη beta",
+        "location_share_live": "Κοινή χρήση τρέχουσας τοποθεσίας",
+        "location_share_live_description": "Προσωρινή υλοποίηση. Οι τοποθεσίες παραμένουν στο ιστορικό δωματίων.",
+        "mjolnir": "Νέοι τρόποι να αγνοείς τους ανθρώπους",
+        "msc3531_hide_messages_pending_moderation": "Επιτρέψτε στους επόπτες να αποκρύψουν μηνύματα που βρίσκονται σε εκκρεμότητα.",
+        "notification_settings": "Νέες Ρυθμίσεις Ειδοποιήσεων",
+        "sliding_sync": "Λειτουργία Sliding Sync",
+        "sliding_sync_description": "Υπό ενεργή ανάπτυξη, δεν μπορεί να απενεργοποιηθεί.",
+        "video_rooms": "Δωμάτια βίντεο",
+        "video_rooms_a_new_way_to_chat": "Ένας νέος τρόπος για συνομιλία μέσω φωνής και βίντεο με το %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Οι αίθουσες βίντεο είναι πάντα-ενεργά κανάλια VoIP ενσωματωμένα σε ένα δωμάτιο στο %(brand)s",
+        "video_rooms_beta": "Οι αίθουσες βίντεο είναι μια λειτουργία beta",
+        "video_rooms_faq1_answer": "Χρησιμοποιήστε το κουμπί “+” στην ενότητα αιθουσών του αριστερού πάνελ.",
+        "video_rooms_faq1_question": "Πώς μπορώ να δημιουργήσω ένα δωμάτιο βίντεο;",
+        "video_rooms_faq2_answer": "Ναι, το χρονολόγιο της συνομιλίας εμφανίζεται δίπλα στο βίντεο.",
+        "video_rooms_faq2_question": "Μπορώ να χρησιμοποιήσω τη συνομιλία κειμένου παράλληλα με τη βιντεοκλήση;",
+        "wysiwyg_composer": "Συντάκτης εμπλουτισμένου κειμένου"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Αυτές οι ρυθμίσεις προορίζονται για προχωρημένους χρήστες.",
+        "ban_reason": "Αγνοήθηκε/Αποκλείστηκε",
+        "error_adding_ignore": "Σφάλμα κατά την προσθήκη χρήστη/διακομιστή που αγνοήθηκε",
+        "error_adding_list_description": "Επαληθεύστε την ταυτότητα ή τη διεύθυνση δωματίου και δοκιμάστε ξανά.",
+        "error_adding_list_title": "Σφάλμα εγγραφής στη λίστα",
+        "error_removing_ignore": "Σφάλμα κατά την αφαίρεση του χρήστη/διακομιστή που αγνοήθηκε",
+        "error_removing_list_description": "Δοκιμάστε ξανά ή δείτε την κονσόλα σας για συμβουλές.",
+        "error_removing_list_title": "Σφάλμα κατά την απεγγραφή από τη λίστα",
+        "explainer_1": "Προσθέστε χρήστες και διακομιστές που θέλετε να αγνοήσετε εδώ. Χρησιμοποιήστε αστερίσκους για να ταιριάζουν %(brand)s με οποιονδήποτε χαρακτήρα. Για παράδειγμα, το <code>@bot:*</code> θα αγνοούσε όλους τους χρήστες που έχουν το όνομα 'bot' σε οποιονδήποτε διακομιστή.",
+        "explainer_2": "Η αγνόηση των ατόμων γίνεται μέσω λιστών απαγορεύσεων που περιέχουν κανόνες για το ποιος να απαγορεύσει. Η εγγραφή σε μια λίστα απαγορεύσεων σημαίνει ότι οι χρήστες/διακομιστές που έχουν αποκλειστεί από αυτήν τη λίστα θα είναι κρυμμένοι από εσάς.",
+        "lists": "Αυτήν τη στιγμή είστε εγγεγραμμένοι σε:",
+        "lists_description_1": "Η εγγραφή σε μια λίστα απαγορεύσων θα σας κάνει να εγγραφείτε σε αυτήν!",
+        "lists_description_2": "Εάν αυτό δεν είναι αυτό που θέλετε, χρησιμοποιήστε ένα διαφορετικό εργαλείο για να αγνοήσετε τους χρήστες.",
+        "lists_heading": "Εγγεγραμμένες λίστες",
+        "lists_new_label": "Ταυτότητα αίθουσας ή διεύθυνση της λίστας απαγορεύσεων",
+        "no_lists": "Δεν είστε εγγεγραμμένοι σε καμία λίστα",
+        "personal_empty": "Δεν έχετε αγνοήσει κανέναν.",
+        "personal_heading": "Προσωπική λίστα απαγορεύσεων",
+        "personal_new_label": "Αναγνωριστικό διακομιστή ή χρήστη για παράβλεψη",
+        "personal_new_placeholder": "π.χ.: @bot:* ή example.org",
+        "personal_section": "Αυτήν τη στιγμή αγνοείτε:",
+        "room_name": "Η λίστα απαγορεύσεων μου",
+        "room_topic": "Αυτή είναι η λίστα με τους χρήστες/διακομιστές που έχετε αποκλείσει - μην φύγετε από το δωμάτιο!",
+        "rules_empty": "Κανένα",
+        "rules_server": "Κανόνες διακομιστή",
+        "rules_title": "Κανόνες απαγόρευσης λίστας - %(roomName)s",
+        "rules_user": "Κανόνες χρήστη",
+        "something_went_wrong": "Κάτι πήγε στραβά. Δοκιμάστε ξανά ή δείτε την κονσόλα σας για συμβουλές.",
+        "title": "Χρήστες που αγνοήθηκαν",
+        "view_rules": "Προβολή κανόνων"
+    },
+    "language_dropdown_label": "Επιλογή Γλώσσας",
+    "leave_room_dialog": {
+        "last_person_warning": "Είστε το μόνο άτομο εδώ μέσα. Εάν φύγετε, κανείς δε θα μπορεί αργότερα να συμμετάσχει, συμπεριλαμβανομένου και εσάς.",
+        "leave_room_question": "Είστε σίγουροι ότι θέλετε να αποχωρήσετε από το δωμάτιο '%(roomName)s';",
+        "leave_space_question": "Είστε σίγουροι ότι θέλετε να αποχωρήσετε από τον χώρο %(spaceName)s;",
+        "room_rejoin_warning": "Αυτό το δωμάτιο δεν είναι δημόσιο. Δε θα μπορείτε να ξανασυμμετάσχετε χωρίς πρόσκληση.",
+        "space_rejoin_warning": "Αυτός ο χώρος δεν είναι δημόσιος. Δε θα μπορείτε να ξανασυμμετάσχετε χωρίς πρόσκληση."
+    },
+    "lightbox": {
+        "rotate_left": "Περιστροφή αριστερά",
+        "rotate_right": "Περιστροφή δεξιά"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Αυτός ο κεντρικός διακομιστής δεν έχει ρυθμιστεί για εμφάνιση χαρτών.",
+        "MapStyleUrlNotReachable": "Αυτός ο κεντρικός διακομιστής δεν έχει ρυθμιστεί σωστά για εμφάνιση χαρτών ή ο διακομιστής χαρτών ενδέχεται να μην είναι προσβάσιμος.",
+        "click_drop_pin": "Κλικ για να εισάγετε μια καρφίτσα",
+        "click_move_pin": "Κλικ για να μετακινήσετε την καρφίτσα",
+        "close_sidebar": "Κλείσιμο πλαϊνής γραμμής",
+        "error_fetch_location": "Δεν ήταν δυνατή η ανάκτηση της τοποθεσίας",
+        "error_send_description": "Το %(brand)s δεν μπόρεσε να στείλει την τοποθεσία σας. Παρακαλώ δοκιμάστε ξανά αργότερα.",
+        "error_send_title": "Αδυναμία αποστολής της τοποθεσίας σας",
+        "expand_map": "Ανάπτυξη χάρτη",
+        "failed_generic": "Αποτυχία λήψης της τοποθεσίας σας. Παρακαλώ δοκιμάστε ξανά αργότερα.",
+        "failed_load_map": "Αδυναμία φόρτωσης χάρτη",
+        "failed_permission": "Δε δόθηκε άδεια στο %(brand)s να λάβει την τοποθεσία σας. Επιτρέψτε την πρόσβαση στην τοποθεσία από τις ρυθμίσεις του προγράμματος περιήγησής σας.",
+        "failed_timeout": "Έληξε η προσπάθεια λήψης της τοποθεσίας σας. Παρακαλώ δοκιμάστε ξανά αργότερα.",
+        "failed_unknown": "Άγνωστο σφάλμα λήψης της τοποθεσίας. Παρακαλώ δοκιμάστε ξανά αργότερα.",
+        "live_description": "Η τρέχουσα τοποθεσία του/της %(displayName)s",
+        "live_location_active": "Μοιράζεστε την τρέχουσα τοποθεσία σας",
+        "live_share_button": "Κοινή χρήση για %(duration)s",
+        "share_button": "Κοινή χρήση τοποθεσίας",
+        "share_type_live": "Η ζωντανή τοποθεσία μου",
+        "share_type_own": "Η τρέχουσα τοποθεσία μου",
+        "share_type_pin": "Εισάγετε μια Καρφίτσα",
+        "share_type_prompt": "Τι τύπο τοποθεσίας θέλετε να μοιραστείτε;"
+    },
+    "member_list": {
+        "filter_placeholder": "Φιλτράρισμα μελών"
+    },
+    "member_list_back_action_label": "Μέλη δωματίου",
+    "message_edit_dialog_title": "Επεξεργασίες μηνυμάτων",
+    "mobile_guide": {
+        "toast_accept": "Χρησιμοποιήστε την εφαρμογή",
+        "toast_description": "Το %(brand)s είναι πειραματικό σε πρόγραμμα περιήγησης για κινητά. Για καλύτερη εμπειρία και τις πιο πρόσφατες δυνατότητες, χρησιμοποιήστε τη δωρεάν εφαρμογή μας για κινητά.",
+        "toast_title": "Χρησιμοποιήστε την εφαρμογή για καλύτερη εμπειρία"
+    },
+    "no_more_results": "Δεν υπάρχουν άλλα αποτελέσματα",
+    "notif_panel": {
+        "empty_description": "Δεν έχετε ορατές ειδοποιήσεις.",
+        "empty_heading": "Είστε πλήρως ενημερωμένοι"
+    },
+    "notifications": {
+        "all_messages": "Όλα τα μηνύματα",
+        "all_messages_description": "Λάβετε ειδοποιήσεις για κάθε μήνυμα",
+        "class_global": "Γενικές ρυθμίσεις",
+        "class_other": "Άλλα",
+        "default": "Προεπιλογή",
+        "enable_prompt_toast_description": "Ενεργοποίηση ειδοποιήσεων επιφάνειας εργασίας",
+        "enable_prompt_toast_title": "Ειδοποιήσεις",
+        "enable_prompt_toast_title_from_message_send": "Μην χάσετε καμία απάντηση",
+        "error_change_title": "Αλλάξτε τις ρυθμίσεις ειδοποιήσεων",
+        "keyword": "Λέξη-κλειδί",
+        "keyword_new": "Νέα λέξη-κλειδί",
+        "level_activity": "Δραστηριότητα",
+        "level_none": "Κανένα",
+        "level_unsent": "Μη απεσταλμένα",
+        "mark_all_read": "Επισήμανση όλων ως αναγνωσμένων",
+        "mentions_and_keywords": "@αναφορές & λέξεις-κλειδιά",
+        "mentions_and_keywords_description": "Λάβετε ειδοποιήσεις μόνο με αναφορές και λέξεις-κλειδιά όπως έχουν ρυθμιστεί στις <a>ρυθμίσεις</a> σας",
+        "mentions_keywords": "Αναφορές & λέξεις-κλειδιά",
+        "message_didnt_send": "Το μήνυμα δεν στάλθηκε. Κάντε κλικ για πληροφορίες.",
+        "mute_description": "Δεν θα λαμβάνετε ειδοποιήσεις"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s ζητάει επιβεβαίωση"
+    },
+    "onboarding": {
+        "create_room": "Δημιουργήστε μια Ομαδική Συνομιλία",
+        "explore_rooms": "Εξερευνήστε Δημόσια Δωμάτια",
+        "has_avatar_label": "Τέλεια, αυτό θα βοηθήσει άλλα άτομα να καταλάβουν ότι είστε εσείς",
+        "intro_byline": "Οι συνομιλίες σας ανήκουν σε εσάς.",
+        "intro_welcome": "Καλώς ορίσατε στο %(appName)s",
+        "no_avatar_label": "Προσθέστε μια φωτογραφία για να σας αναγνωρίζουν οι άλλοι ευκολότερα.",
+        "send_dm": "Στείλτε ένα άμεσο μήνυμα",
+        "welcome_detail": "Τώρα, ας σας βοηθήσουμε να ξεκινήσετε",
+        "welcome_user": "Καλώς όρισες %(name)s"
+    },
+    "poll": {
+        "create_poll_action": "Δημιουργία δημοσκόπησης",
+        "create_poll_title": "Δημιουργία δημοσκόπησης",
+        "disclosed_notes": "Οι ψηφοφόροι βλέπουν τα αποτελέσματα μόλις ψηφίσουν",
+        "edit_poll_title": "Επεξεργασία δημοσκόπησης",
+        "end_description": "Είστε βέβαιοι ότι θέλετε να τερματίσετε αυτήν τη δημοσκόπηση; Αυτό θα εμφανίσει τα τελικά αποτελέσματα της δημοσκόπησης και θα εμποδίσει νέους ψήφους.",
+        "end_message": "Η δημοσκόπηση έληξε. Κορυφαία απάντηση: %(topAnswer)s",
+        "end_message_no_votes": "Η δημοσκόπηση έληξε. Δεν υπάρχουν ψήφοι.",
+        "end_title": "Τερματισμός δημοσκόπησης",
+        "error_ending_description": "Συγνώμη, η δημοσκόπηση δεν τερματίστηκε. Παρακαλώ προσπαθήστε ξανά.",
+        "error_ending_title": "Αποτυχία τερματισμού της δημοσκόπησης",
+        "error_voting_description": "Λυπούμαστε, η ψήφος σας δεν καταχωρήθηκε. Παρακαλώ προσπαθήστε ξανά.",
+        "error_voting_title": "Η ψήφος δεν έχει καταχωρηθεί",
+        "failed_send_poll_description": "Λυπούμαστε, η δημοσκόπηση που προσπαθήσατε να δημιουργήσετε δε δημοσιεύτηκε.",
+        "failed_send_poll_title": "Αποτυχία δημοσίευσης δημοσκόπησης",
+        "notes": "Τα αποτελέσματα αποκαλύπτονται μόνο όταν τελειώσετε τη δημοσκόπηση",
+        "options_add_button": "Προσθήκη επιλογής",
+        "options_heading": "Δημιουργία επιλογών",
+        "options_label": "Επιλογή %(number)s",
+        "options_placeholder": "Γράψτε μια επιλογή",
+        "topic_heading": "Ποια είναι η ερώτηση ή το θέμα της δημοσκόπησης;",
+        "topic_label": "Ερώτηση ή θέμα",
+        "total_n_votes": {
+            "one": "%(count)s ψήφος. Ψηφίστε για να δείτε τα αποτελέσματα",
+            "other": "%(count)s ψήφοι. Ψηφίστε για να δείτε τα αποτελέσματα"
+        },
+        "total_n_votes_voted": {
+            "one": "Με βάση %(count)s ψήφο",
+            "other": "Με βάση %(count)s ψήφους"
+        },
+        "total_no_votes": "Καμία ψήφος",
+        "total_not_ended": "Τα αποτελέσματα θα είναι ορατά όταν τελειώσει η δημοσκόπηση",
+        "type_closed": "Κλειστή δημοσκόπηση",
+        "type_heading": "Τύπος δημοσκόπησης",
+        "type_open": "Ανοιχτή δημοσκόπηση",
+        "unable_edit_description": "Λυπούμαστε, δεν μπορείτε να επεξεργαστείτε μια δημοσκόπηση μετά την ψηφοφορία.",
+        "unable_edit_title": "Αδυναμία επεξεργασίας δημοσκόπησης"
+    },
+    "power_level": {
+        "admin": "Διαχειριστής",
+        "custom": "Προσαρμοσμένα (%(level)s)",
+        "custom_level": "Προσαρμοσμένο επίπεδο",
+        "default": "Προεπιλογή",
+        "label": "Επίπεδο ισχύος",
+        "moderator": "Συντονιστής",
+        "restricted": "Περιορισμένο/η"
+    },
+    "powered_by_matrix": "Με την υποστήριξη του Matrix",
+    "presence": {
+        "away": "Απομακρυσμένος",
+        "busy": "Απασχολημένος",
+        "idle": "Αδρανής",
+        "idle_for": "Αδρανής για %(duration)s",
+        "offline": "Εκτός σύνδεσης",
+        "offline_for": "Εκτός σύνδεσης για %(duration)s",
+        "online": "Σε σύνδεση",
+        "online_for": "Σε σύνδεση για %(duration)s",
+        "unknown": "Άγνωστο",
+        "unknown_for": "Άγνωστο για %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "Όλες οι ρυθμίσεις",
+        "sidebar_settings": "Περισσότερες επιλογές",
+        "title": "Γρήγορες ρυθμίσεις"
+    },
+    "quit_warning": {
+        "call_in_progress": "Φαίνεται ότι είστε σε μια κλήση, είστε βέβαιοι ότι θέλετε να αποχωρήσετε;",
+        "file_upload_in_progress": "Φαίνεται ότι αποστέλετε αρχεία, είστε βέβαιοι ότι θέλετε να αποχωρήσετε;"
+    },
+    "redact": {
+        "confirm_button": "Επιβεβαίωση αφαίρεσης",
+        "error": "Δεν μπορείτε να διαγράψετε αυτό το μήνυμα. (%(code)s)",
+        "ongoing": "Αφαίρεση…",
+        "reason_label": "Αιτία (προαιρετικό)"
+    },
+    "report_content": {
+        "description": "Η αναφορά αυτού του μηνύματος θα στείλει το μοναδικό «αναγνωριστικό συμβάντος» στον διαχειριστή του διακομιστή σας. Εάν τα μηνύματα σε αυτό το δωμάτιο είναι κρυπτογραφημένα, ο διαχειριστής του διακομιστή σας δε θα μπορεί να διαβάσει το κείμενο του μηνύματος ή να προβάλει αρχεία και εικόνες.",
+        "missing_reason": "Παρακαλώ πείτε μας γιατί κάνετε αναφορά.",
+        "report_content_to_homeserver": "Αναφορά Περιεχομένου στον Διαχειριστή του Διακομιστή σας"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Αποτυχία αποκρυπτογράφησης %(failedCount)s συνεδριών!",
+        "count_of_successfully_restored_keys": "Επιτυχής επαναφορά %(sessionCount)s κλειδιών",
+        "enter_key_description": "Αποκτήστε πρόσβαση στο ιστορικό ασφαλών μηνυμάτων σας και ρυθμίστε την ασφαλή ανταλλαγή μηνυμάτων εισάγοντας το Κλειδί ασφαλείας σας.",
+        "enter_key_title": "Εισάγετε το Κλειδί Ασφαλείας",
+        "enter_phrase_description": "Αποκτήστε πρόσβαση στο ιστορικό ασφαλών μηνυμάτων σας και ρυθμίστε την ασφαλή ανταλλαγή μηνυμάτων εισάγοντας τη Φράση Ασφαλείας σας.",
+        "enter_phrase_title": "Εισαγάγετε τη Φράση Ασφαλείας",
+        "incorrect_security_phrase_dialog": "Δεν ήταν δυνατή η αποκρυπτογράφηση του αντιγράφου ασφαλείας με αυτή τη Φράση Ασφαλείας: Βεβαιωθείτε ότι έχετε εισαγάγει τη σωστή Φράση Ασφαλείας.",
+        "incorrect_security_phrase_title": "Λανθασμένη Φράση Ασφαλείας",
+        "key_backup_warning": "<b>Προειδοποίηση</b>: θα πρέπει να δημιουργήσετε αντίγραφο ασφαλείας κλειδιού μόνο από έναν αξιόπιστο υπολογιστή.",
+        "key_forgotten_text": "Εάν έχετε ξεχάσει το κλειδί ασφαλείας σας, μπορείτε να <button>ρυθμίσετε νέες επιλογές ανάκτησης</button>",
+        "key_is_invalid": "Μη έγκυρο Κλειδί Ασφαλείας",
+        "key_is_valid": "Αυτό φαίνεται να είναι ένα έγκυρο Κλειδί Ασφαλείας!",
+        "keys_restored_title": "Τα κλειδιά ανακτήθηκαν",
+        "load_error_content": "Δεν είναι δυνατή η φόρτωση της κατάστασης αντιγράφου ασφαλείας",
+        "load_keys_progress": "%(completed)s από %(total)s κλειδιά ανακτήθηκαν",
+        "no_backup_error": "Δε βρέθηκε αντίγραφο ασφαλείας!",
+        "phrase_forgotten_text": "Εάν έχετε ξεχάσει τη φράση ασφαλείας σας, μπορείτε να <button1>χρησιμοποιήσετε το κλειδί ασφαλείας</button1> ή <button2>να ρυθμίστε νέες επιλογές ανάκτησης</button2>",
+        "recovery_key_mismatch_description": "Δεν ήταν δυνατή η αποκρυπτογράφηση του αντιγράφου ασφαλείας με αυτό το Κλειδί Ασφαλείας: Βεβαιωθείτε ότι έχετε εισαγάγει το σωστό Κλειδί Ασφαλείας.",
+        "recovery_key_mismatch_title": "Αναντιστοιχία Κλειδιού Ασφαλείας",
+        "restore_failed_error": "Δεν είναι δυνατή η επαναφορά του αντιγράφου ασφαλείας"
+    },
+    "right_panel": {
+        "add_integrations": "Προσθήκη μικροεφαρμογών, γεφυρών & bots",
+        "files_button": "Αρχεία",
+        "pinned_messages": {
+            "limits": {
+                "other": "Μπορείτε να καρφιτσώσετε μόνο έως %(count)s μικρεοεφαρμογές"
+            },
+            "view": "Εμφάνιση στο χρονολόγιο"
+        },
+        "pinned_messages_button": "Καρφιτσωμένο",
+        "poll": {
+            "final_result": {
+                "one": "Τελικό αποτέλεσμα με βάση %(count)s ψήφο",
+                "other": "Τελικό αποτέλεσμα με βάση %(count)s ψήφους"
+            },
+            "view_in_timeline": "Εμφάνιση δημοσκόπισης στο χρονολόγιο"
+        },
+        "thread_list": {
+            "context_menu_label": "Επιλογές νήματος συζήτησης"
+        },
+        "video_room_chat": {
+            "title": "Συνομιλία"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Αυτή η πρόσκληση στάλθηκε στο %(email)s που δεν σχετίζεται με τον λογαριασμό σας",
+        "3pid_invite_email_not_found_account_room": "Αυτή η πρόσκληση στο %(roomName)s στάλθηκε στο %(email)s που δεν σχετίζεται με τον λογαριασμό σας",
+        "3pid_invite_error_description": "Επιστράφηκε ένα σφάλμα (%(errcode)s) κατά την προσπάθεια επικύρωσης της πρόσκλησής σας. Θα μπορούσατε να διαβιβάστε αυτή την πληροφορία στο άτομο που σας προσκάλεσε.",
+        "3pid_invite_error_invite_action": "Προσπαθήστε να συμμετάσχετε ούτως ή άλλως",
+        "3pid_invite_error_invite_subtitle": "Μπορείτε να συμμετάσχετε μόνο με ενεργή πρόσκληση.",
+        "3pid_invite_error_public_subtitle": "Μπορείτε ακόμα να εγγραφείτε εδώ.",
+        "3pid_invite_error_title": "Κάτι πήγε στραβά με την πρόσκλησή σας.",
+        "3pid_invite_error_title_room": "Κάτι πήγε στραβά με την πρόσκλησή σας στο %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Χρησιμοποιήστε έναν διακομιστή ταυτότητας στις Ρυθμίσεις για να λαμβάνετε προσκλήσεις απευθείας στο %(brand)s.",
+        "banned_by": "Αποκλειστήκατε από %(memberName)s",
+        "banned_from_room_by": "Έχετε αποκλειστεί από το %(roomName)s από τον %(memberName)s",
+        "context_menu": {
+            "copy_link": "Αντιγραφή συνδέσμου δωματίου",
+            "favourite": "Αγαπημένο",
+            "forget": "Ξεχάστε το δωμάτιο",
+            "low_priority": "Χαμηλή προτεραιότητα",
+            "title": "Επιλογές δωματίου",
+            "unfavourite": "Αγαπημένα"
+        },
+        "dm_invite_action": "Ξεκινήστε τη συνομιλία",
+        "dm_invite_subtitle": "Ο<userName/> θέλει να συνομιλήσετε",
+        "dm_invite_title": "Θέλετε να συνομιλήσετε με %(user)s;",
+        "drop_file_prompt": "Αποθέστε εδώ για αποστολή",
+        "edit_topic": "Επεξεργασία θέματος",
+        "error_join_404_invite": "Το άτομο που σας προσκάλεσε έχει ήδη αποχωρήσει ή ο διακομιστής του είναι εκτός σύνδεσης.",
+        "error_join_404_invite_same_hs": "Το άτομο που σας προσκάλεσε έχει ήδη φύγει.",
+        "error_join_connection": "Παρουσιάστηκε σφάλμα κατά τη σύνδεση.",
+        "error_join_incompatible_version_1": "Λυπούμαστε, ο κεντρικός σας διακομιστής είναι πολύ παλιός για να συμμετέχει εδώ.",
+        "error_join_incompatible_version_2": "Επικοινωνήστε με τον διαχειριστή του κεντρικού σας διακομιστή.",
+        "error_join_title": "Αποτυχία συμμετοχής",
+        "face_pile_summary": {
+            "one": "%(count)s άτομο που γνωρίζετε έχει ήδη εγγραφεί",
+            "other": "%(count)s άτομα που γνωρίζετε έχουν ήδη εγγραφεί"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Προβολή 1 μέλους",
+            "other": "Προβολή όλων των %(count)s μελών"
+        },
+        "face_pile_tooltip_shortcut": "Συμπεριλαμβανομένου %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Συμπεριλαμβανομένου σας, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "Δεν ήταν δυνατή η απόρριψη της πρόσκλησης",
+        "forget_room": "Ξεχάστε αυτό το δωμάτιο",
+        "forget_space": "Ξεχάστε αυτόν τον χώρο",
+        "header": {
+            "room_is_public": "Αυτό το δωμάτιο είναι δημόσιο"
+        },
+        "inaccessible": "Αυτό το δωμάτιο ή ο χώρος δεν είναι προσβάσιμος αυτήν τη στιγμή.",
+        "inaccessible_name": "Το %(roomName)s δεν είναι προσβάσιμο αυτή τη στιγμή.",
+        "inaccessible_subtitle_1": "Δοκιμάστε ξανά αργότερα ή ζητήστε από έναν διαχειριστή δωματίου ή χώρου να ελέγξει εάν έχετε πρόσβαση.",
+        "inaccessible_subtitle_2": "Το %(errcode)s επιστράφηκε κατά την προσπάθεια πρόσβασης στην αίθουσα ή στο χώρο. Εάν πιστεύετε ότι βλέπετε αυτό το μήνυμα κατά λάθος, <issueLink>υποβάλετε μια αναφορά σφάλματος</issueLink>.",
+        "intro": {
+            "dm_caption": "Μόνο οι δυο σας συμμετέχετε σε αυτήν τη συνομιλία, εκτός εάν κάποιος από εσάς προσκαλέσει κάποιον να συμμετάσχει.",
+            "enable_encryption_prompt": "Ενεργοποιήστε την κρυπτογράφηση στις ρυθμίσεις.",
+            "no_avatar_label": "Προσθέστε μια φωτογραφία, ώστε οι χρήστες να μπορούν εύκολα να εντοπίσουν το δωμάτιό σας.",
+            "no_topic": "<a>Προσθέστε ένα θέμα</a> για να βοηθήσετε τους χρήστες να γνωρίζουν περί τίνος πρόκειται.",
+            "private_unencrypted_warning": "Τα προσωπικά σας μηνύματα είναι συνήθως κρυπτογραφημένα, αλλά αυτή η αίθουσα δεν είναι. Συνήθως αυτό οφείλεται σε μια μη υποστηριζόμενη συσκευή ή μέθοδο που χρησιμοποιείται, όπως προσκλήσεις μέσω email.",
+            "room_invite": "Προσκαλέστε μόνο σε αυτό το δωμάτιο",
+            "start_of_dm_history": "Αυτή είναι η αρχή του ιστορικού των άμεσων μηνυμάτων σας με <displayName/>.",
+            "start_of_room": "Αυτή είναι η αρχή του <roomName/>.",
+            "unencrypted_warning": "Η κρυπτογράφηση από άκρο σε άκρο δεν είναι ενεργοποιημένη",
+            "user_created": "%(displayName)s δημιούργησε αυτό το δωμάτιο.",
+            "you_created": "Δημιουργήσατε αυτό το δωμάτιο."
+        },
+        "invite_email_mismatch_suggestion": "Μοιραστείτε αυτό το μήνυμα ηλεκτρονικού ταχυδρομείου στις Ρυθμίσεις για να λαμβάνετε προσκλήσεις απευθείας σε %(brand)s.",
+        "invite_sent_to_email": "Αυτή η πρόσκληση στάλθηκε στο %(email)s",
+        "invite_sent_to_email_room": "Αυτή η πρόσκληση στο %(roomName)s στάλθηκε στο %(email)s",
+        "invite_subtitle": "Ο <userName/> σας προσκάλεσε",
+        "invite_this_room": "Πρόσκληση σε αυτό το δωμάτιο",
+        "invite_title": "Θέλετε να εγγραφείτε στο %(roomName)s;",
+        "inviter_unknown": "Άγνωστο",
+        "invites_you_text": "<inviter/> σας προσκαλεί",
+        "join_button_account": "Εγγραφή",
+        "join_failed_needs_invite": "Για να δείτε το %(roomName)s, χρειάζεστε μια πρόσκληση",
+        "join_the_discussion": "Λάβετε μέρος στη συζήτηση",
+        "join_title_account": "Συμμετοχή στη συζήτηση με λογιαριασμό",
+        "joining": "Συμμετοχή…",
+        "jump_read_marker": "Πηγαίνετε στο πρώτο μη αναγνωσμένο μήνυμα.",
+        "jump_to_bottom_button": "Κύλιση στα πιο πρόσφατα μηνύματα",
+        "kick_reason": "Αιτία: %(reason)s",
+        "kicked_by": "Αφαιρεθήκατε από %(memberName)s",
+        "kicked_from_room_by": "Αφαιρεθήκατε από το %(roomName)s από τον %(memberName)s",
+        "leave_error_title": "Σφάλμα κατά την έξοδο από την αίθουσα",
+        "leave_server_notices_description": "Αυτό το δωμάτιο χρησιμοποιείται για σημαντικά μηνύματα από τον κεντρικό διακομιστή, επομένως δεν μπορείτε να το αφήσετε.",
+        "leave_server_notices_title": "Δεν είναι δυνατή η έξοδος από την αίθουσα ειδοποιήσεων διακομιστή",
+        "leave_unexpected_error": "Μη αναμενόμενο σφάλμα διακομιστή κατά την προσπάθεια εξόδου από το δωμάτιο",
+        "link_email_to_receive_3pid_invite": "Συνδέστε αυτό το μήνυμα ηλεκτρονικού ταχυδρομείου με τον λογαριασμό σας στις Ρυθμίσεις για να λαμβάνετε προσκλήσεις απευθείας σε %(brand)s.",
+        "loading_preview": "Φόρτωση προεπισκόπησης",
+        "no_peek_join_prompt": "Δεν είναι δυνατή η προεπισκόπηση του %(roomName)s. Θέλετε να συμμετάσχετε;",
+        "no_peek_no_name_join_prompt": "Δεν υπάρχει προεπισκόπηση, θα θέλατε να εγγραφείτε;",
+        "not_found_subtitle": "Είστε σίγουροι ότι βρίσκεστε στο σωστό μέρος;",
+        "not_found_title": "Αυτό το δωμάτιο ή ο χώρος δεν υπάρχει.",
+        "not_found_title_name": "Το %(roomName)s δεν υπάρχει.",
+        "peek_join_prompt": "Κάνετε προεπισκόπηση στο %(roomName)s. Θέλετε να συμμετάσχετε;",
+        "rejoin_button": "Επανασύνδεση",
+        "unread_notifications_predecessor": {
+            "one": "Έχετε %(count)s μη αναγνωσμένη ειδοποιήση σε προηγούμενη έκδοση αυτού του δωματίου.",
+            "other": "Έχετε %(count)s μη αναγνωσμένες ειδοποιήσεις σε προηγούμενη έκδοση αυτού του δωματίου."
+        },
+        "upgrade_error_description": "Επανελέγξτε ότι ο διακομιστής σας υποστηρίζει την έκδοση δωματίου που επιλέξατε και προσπαθήστε ξανά.",
+        "upgrade_error_title": "Σφάλμα αναβάθμισης αίθουσας",
+        "upgrade_warning_bar": "Η αναβάθμιση αυτού του δωματίου θα τερματίσει το δωμάτιο και θα δημιουργήσει ένα αναβαθμισμένο δωμάτιο με το ίδιο όνομα.",
+        "upgrade_warning_bar_admins": "Μόνο οι διαχειριστές δωματίων θα βλέπουν αυτήν την προειδοποίηση",
+        "upgrade_warning_bar_unstable": "Αυτό το δωμάτιο τρέχει την έκδοση <roomVersion />, την οποία ο κεντρικός διακομιστής έχει επισημάνει ως <i>ασταθής</i>.",
+        "upgrade_warning_bar_upgraded": "Αυτό το δωμάτιο έχει ήδη αναβαθμιστεί.",
+        "upload": {
+            "uploading_multiple_file": {
+                "other": "Γίνεται αποστολή του %(filename)s και %(count)s υπολοίπων",
+                "one": "Γίνεται αποστολή του %(filename)s και %(count)s υπολοίπα"
+            },
+            "uploading_single_file": "Γίνεται αποστολή του %(filename)s"
+        }
+    },
+    "room_list": {
+        "add_space_label": "Προσθήκη χώρου",
+        "failed_add_tag": "Δεν ήταν δυνατή η προσθήκη της ετικέτας %(tagName)s στο δωμάτιο",
+        "failed_remove_tag": "Δεν ήταν δυνατή η διαγραφή της ετικέτας %(tagName)s από το δωμάτιο",
+        "notification_options": "Επιλογές ειδοποίησης",
+        "show_less": "Εμφάνιση λιγότερων"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Αποφασίστε ποιος μπορεί να δει και να συμμετάσχει %(spaceName)s.",
+            "title": "Πρόσβαση"
+        },
+        "advanced": {
+            "error_upgrade_description": "Δεν ήταν δυνατή η ολοκλήρωση της αναβάθμισης δωματίου",
+            "error_upgrade_title": "Αποτυχία αναβάθμισης δωματίου",
+            "information_section_room": "Πληροφορίες δωματίου",
+            "information_section_space": "Πληροφορίες Χώρου",
+            "room_id": "Εσωτερικό ID δωματίου",
+            "room_predecessor": "Προβολή παλαιότερων μηνυμάτων στο %(roomName)s.",
+            "room_upgrade_button": "Αναβαθμίστε αυτό το δωμάτιο στην προτεινόμενη έκδοση δωματίου",
+            "room_version": "Έκδοση δωματίου:",
+            "room_version_section": "Έκδοση δωματίου",
+            "space_predecessor": "Προβολή παλαιότερης έκδοσης του %(spaceName)s.",
+            "space_upgrade_button": "Αναβαθμίστε αυτόν τον χώρο στην προτεινόμενη έκδοση δωματίου",
+            "unfederated": "Αυτό το δωμάτιο δεν είναι προσβάσιμο από απομακρυσμένους διακομιστές Matrix",
+            "upgrade_button": "Αναβαθμίστε αυτό το δωμάτιο στην έκδοση %(version)s",
+            "upgrade_dialog_description": "Η αναβάθμιση αυτού του δωματίου απαιτεί τη διαγραφή του και τη δημιουργία ενός νέου δωματίου στη θέση του. Για να προσφέρουμε στα μέλη του την καλύτερη δυνατή εμπειρία, θα:",
+            "upgrade_dialog_description_1": "Δημιουργήστε ένα νέο δωμάτιο με το ίδιο όνομα, περιγραφή και avatar",
+            "upgrade_dialog_description_2": "Ενημερώστε τυχόν τοπικά ψευδώνυμα δωματίου για να οδηγούν στο νέο δωμάτιο",
+            "upgrade_dialog_description_3": "Εμποδίστε τους χρήστες να συνομιλούν στην παλιά έκδοση του δωματίου και αναρτήστε ένα μήνυμα που να τους συμβουλεύει να μετακινηθούν στο νέο δωμάτιο",
+            "upgrade_dialog_description_4": "Βάλτε έναν σύνδεσμο προς το παλιό δωμάτιο στην αρχή του νέου δωματίου, ώστε οι χρήστες να μπορούν να δουν παλιά μηνύματα",
+            "upgrade_dialog_title": "Αναβάθμιση Έκδοσης Δωματίου",
+            "upgrade_dwarning_ialog_title_public": "Αναβάθμιση δημόσιου δωματίου",
+            "upgrade_warning_dialog_description": "Η αναβάθμιση ενός δωματίου είναι μια προηγμένη ενέργεια και συνήθως συνιστάται όταν ένα δωμάτιο είναι ασταθές λόγω σφαλμάτων, ελλείψεων λειτουργιών ή ευπάθειας ασφαλείας.",
+            "upgrade_warning_dialog_explainer": "<b>Λάβετε υπόψη ότι η αναβάθμιση θα δημιουργήσει μια νέα έκδοση του δωματίου</b>. Όλα τα τρέχοντα μηνύματα θα παραμείνουν σε αυτό το αρχειοθετημένο δωμάτιο.",
+            "upgrade_warning_dialog_footer": "Θα αναβαθμίσετε αυτό το δωμάτιο από <oldVersion /> σε <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Αυτόματη πρόσκληση μελών αυτού του δωματίου στο νέο",
+            "upgrade_warning_dialog_report_bug_prompt": "Αυτό συνήθως επηρεάζει μόνο τον τρόπο επεξεργασίας του δωματίου στον διακομιστή. Εάν αντιμετωπίζετε προβλήματα με το %(brand)s σας, αναφέρετε ένα σφάλμα.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Αυτό συνήθως επηρεάζει μόνο τον τρόπο επεξεργασίας του δωματίου στον διακομιστή. Εάν αντιμετωπίζετε προβλήματα με το %(brand)s σας, <a>αναφέρετε ένα σφάλμα</a>.",
+            "upgrade_warning_dialog_title_private": "Αναβάθμιση ιδιωτικού δωματίου"
+        },
+        "alias_not_specified": "μη καθορισμένο",
+        "bridges": {
+            "description": "Αυτό το δωμάτιο γεφυρώνει μηνύματα στις ακόλουθες πλατφόρμες. <a>Μάθετε περισσότερα.</a>",
+            "empty": "Αυτό το δωμάτιο δε γεφυρώνει μηνύματα σε καμία πλατφόρμα. <a>Μάθετε περισσότερα.</a>",
+            "title": "Γέφυρες"
+        },
+        "delete_avatar_label": "Διαγραφή avatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Λείπει το διαχωριστικό τομέα π.χ. (:domain.org)",
+            "alias_field_has_localpart_invalid": "Λείπει το όνομα δωματίου ή το διαχωριστικό τομέα π.χ (my-room:domain.org)",
+            "alias_field_matches_invalid": "Αυτή η διεύθυνση δεν οδηγεί σε αυτό το δωμάτιο",
+            "alias_field_placeholder_default": "π.χ. my-room",
+            "alias_field_required_invalid": "Παρακαλώ δώστε μια διεύθυνση",
+            "alias_field_safe_localpart_invalid": "Ορισμένοι χαρακτήρες δεν επιτρέπονται",
+            "alias_field_taken_invalid": "Αυτή η διεύθυνση έχει μη έγκυρο διακομιστή ή χρησιμοποιείται ήδη",
+            "alias_field_taken_invalid_domain": "Αυτή η διεύθυνση χρησιμοποιείται ήδη",
+            "alias_field_taken_valid": "Αυτή η διεύθυνση είναι διαθέσιμη για χρήση",
+            "alias_heading": "Διεύθυνση δωματίου",
+            "aliases_items_label": "Άλλες δημοσιευμένες διευθύνσεις:",
+            "aliases_no_items_label": "Δεν υπάρχουν δημοσιευμένες διευθύνσεις, προσθέστε μία παρακάτω",
+            "aliases_section": "Διευθύνσεις δωματίων",
+            "avatar_field_label": "Εικόνα δωματίου",
+            "canonical_alias_field_label": "Κύρια διεύθυνση",
+            "description_space": "Επεξεργαστείτε τις ρυθμίσεις που σχετίζονται με τον χώρο σας.",
+            "error_creating_alias_description": "Παρουσιάστηκε σφάλμα κατά τη δημιουργία αυτής της διεύθυνσης. Ενδέχεται να μην επιτρέπεται από τον διακομιστή ή να έχει παρουσιαστεί προσωρινή αποτυχία.",
+            "error_creating_alias_title": "Σφάλμα δημιουργίας διεύθυνσης",
+            "error_deleting_alias_description": "Παρουσιάστηκε σφάλμα κατά την κατάργηση αυτής της διεύθυνσης. Μπορεί να μην υπάρχει πλέον ή να παρουσιάστηκε προσωρινό σφάλμα.",
+            "error_deleting_alias_description_forbidden": "Δεν έχετε άδεια να διαγράψετε τη διεύθυνση.",
+            "error_deleting_alias_title": "Σφάλμα διαγραφής διεύθυνσης",
+            "error_save_space_settings": "Αποτυχία αποθήκευσης ρυθμίσεων χώρου.",
+            "error_updating_alias_description": "Παρουσιάστηκε σφάλμα κατά την ενημέρωση των εναλλακτικών διευθύνσεων του δωματίου. Ενδέχεται να μην επιτρέπεται από τον διακομιστή ή να έχει παρουσιαστεί προσωρινή αποτυχία.",
+            "error_updating_canonical_alias_description": "Παρουσιάστηκε σφάλμα κατά την ενημέρωση της κύριας διεύθυνσης του δωματίου. Ενδέχεται να μην επιτρέπεται από τον διακομιστή ή να συνέβηκε σφάλμα.",
+            "error_updating_canonical_alias_title": "Σφάλμα κατά την ενημέρωση της κύριας διεύθυνσης",
+            "leave_space": "Αποχώρηση από τον Χώρο",
+            "local_alias_field_label": "Τοπική διεύθυνση",
+            "local_aliases_explainer_room": "Ορίστε διευθύνσεις για αυτό το δωμάτιο, ώστε οι χρήστες να μπορούν να το βρίσκουν μέσω του κεντρικού σας διακομιστή (%(localDomain)s)",
+            "local_aliases_explainer_space": "Ορίστε διευθύνσεις για αυτόν τον χώρο, ώστε οι χρήστες να μπορούν να τον βρίσκουν μέσω του κεντρικού σας διακομιστή (%(localDomain)s)",
+            "local_aliases_section": "Τοπική Διεύθυνση",
+            "name_field_label": "Όνομα Αίθουσας",
+            "new_alias_placeholder": "Νέα δημοσιευμένη διεύθυνση (π.χ. #alias:server)",
+            "no_aliases_room": "Αυτό το δωμάτιο δεν έχει τοπικές διευθύνσεις",
+            "no_aliases_space": "Αυτός ο χώρος δεν έχει τοπικές διευθύνσεις",
+            "other_section": "Άλλα",
+            "publish_toggle": "Δημοσίευση αυτού του δωματίου στο κοινό κατάλογο δωματίων του %(domain)s;",
+            "published_aliases_description": "Για να δημοσιεύσετε μια διεύθυνση, πρέπει πρώτα να οριστεί ως τοπική.",
+            "published_aliases_explainer_room": "Οι δημοσιευμένες διευθύνσεις μπορούν να χρησιμοποιηθούν από οποιονδήποτε σε οποιονδήποτε διακομιστή για να συμμετάσχει στο δωμάτιό σας.",
+            "published_aliases_explainer_space": "Οι δημοσιευμένες διευθύνσεις μπορούν να χρησιμοποιηθούν από οποιονδήποτε σε οποιονδήποτε διακομιστή για να συμμετάσχει στο χώρο σας.",
+            "published_aliases_section": "Δημοσιευμένες Διευθύνσεις",
+            "save": "Αποθήκευση Αλλαγών",
+            "topic_field_label": "Θέμα Δωματίου"
+        },
+        "notifications": {
+            "browse_button": "Εξερεύνηση",
+            "custom_sound_prompt": "Ορίστε έναν νέο προσαρμοσμένο ήχο",
+            "notification_sound": "Ήχος ειδοποίησης",
+            "settings_link": "Λάβετε ειδοποιήσεις όπως έχoyn ρυθμιστεί στις <a>ρυθμίσεις</a> σας",
+            "sounds_section": "Ήχοι",
+            "uploaded_sound": "Μεταφορτωμένος ήχος"
+        },
+        "permissions": {
+            "ban": "Αποκλεισμός χρηστών",
+            "ban_reason": "Αιτία",
+            "banned_by": "Αποκλείστηκε από %(displayName)s",
+            "banned_users_section": "Αποκλεισμένοι χρήστες",
+            "error_changing_pl_description": "Παρουσιάστηκε σφάλμα κατά την αλλαγή του επιπέδου ισχύος του χρήστη. Βεβαιωθείτε ότι έχετε επαρκή δικαιώματα και δοκιμάστε ξανά.",
+            "error_changing_pl_reqs_description": "Παρουσιάστηκε σφάλμα κατά την αλλαγή των απαιτήσεων επιπέδου ισχύος του δωματίου. Βεβαιωθείτε ότι έχετε επαρκή δικαιώματα και δοκιμάστε ξανά.",
+            "error_changing_pl_reqs_title": "Σφάλμα αλλαγής της απαίτησης επιπέδου ισχύος",
+            "error_changing_pl_title": "Σφάλμα αλλαγής του επιπέδου ισχύος",
+            "error_unbanning": "Δεν ήταν δυνατή η άρση του αποκλεισμού",
+            "events_default": "Στείλτε μηνύματα",
+            "invite": "Προσκαλέστε χρήστες",
+            "kick": "Καταργήστε χρήστες",
+            "m.call": "Έναρξη κλήσεων %(brand)s",
+            "m.call.member": "Συμμετοχή σε κλήσεις %(brand)s",
+            "m.reaction": "Στείλτε αντιδράσεις",
+            "m.room.avatar": "Αλλαγή εικόνας δωματίου",
+            "m.room.avatar_space": "Αλλαγή εικόνας Χώρου",
+            "m.room.canonical_alias": "Αλλαγή κύριας διεύθυνσης για το δωμάτιο",
+            "m.room.canonical_alias_space": "Αλλαγή κύριας διεύθυνσης για το χώρο",
+            "m.room.encryption": "Ενεργοποίηση κρυπτογράφησης δωματίου",
+            "m.room.history_visibility": "Αλλαγή ορατότητας ιστορικού",
+            "m.room.name": "Αλλαγή ονόματος δωματίου",
+            "m.room.name_space": "Αλλαγή ονόματος χώρου",
+            "m.room.pinned_events": "Διαχείριση καρφιτσωμένων συμβάντων",
+            "m.room.power_levels": "Αλλαγή δικαιωμάτων",
+            "m.room.redaction": "Κατάργηση μηνυμάτων που έχω στείλει",
+            "m.room.server_acl": "Αλλαγή ACLs του διακομιστή",
+            "m.room.tombstone": "Αναβάθμιση δωματίου",
+            "m.room.topic": "Αλλαγή θέματος",
+            "m.room.topic_space": "Αλλαγή περιγραφής",
+            "m.space.child": "Διαχειριστείτε τα δωμάτια σε αυτόν τον χώρο",
+            "m.widget": "Τροποποίηση μικροεφαρμογών",
+            "muted_users_section": "Χρήστες σε Σίγαση",
+            "no_privileged_users": "Κανένας χρήστης δεν έχει συγκεκριμένα δικαιώματα σε αυτό το δωμάτιο",
+            "notifications.room": "Ειδοποιήστε όλους",
+            "permissions_section": "Δικαιώματα",
+            "permissions_section_description_room": "Επιλέξτε τους ρόλους που απαιτούνται για να αλλάξετε διάφορα μέρη του δωματίου",
+            "permissions_section_description_space": "Επιλέξτε τους ρόλους που απαιτούνται για να αλλάξετε διάφορα μέρη του χώρου",
+            "privileged_users_section": "Προνομιούχοι χρήστες",
+            "redact": "Καταργήστε τα μηνύματα που αποστέλλονται από άλλους",
+            "send_event_type": "Στελιτε %(eventType)sσυμβάντα",
+            "state_default": "Αλλαγή ρυθμίσεων",
+            "title": "Ρόλοι & Δικαιώματα",
+            "users_default": "Προεπιλεγμένος ρόλος"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Αφού ενεργοποιηθεί, η κρυπτογράφηση για ένα δωμάτιο δεν μπορεί να απενεργοποιηθεί. Τα μηνύματα που αποστέλλονται σε κρυπτογραφημένα δωμάτια δεν είναι ορατά από τον διακομιστή, παρά μόνο από τους συμμετέχοντες στην αίθουσα. Η ενεργοποίηση της κρυπτογράφησης μπορεί να αποτρέψει τη σωστή λειτουργία πολλών bots και γεφυρών. <a>Μάθετε περισσότερα σχετικά με την κρυπτογράφηση.</a>",
+            "enable_encryption_confirm_title": "Ενεργοποίηση κρυπτογράφησης;",
+            "enable_encryption_public_room_confirm_description_2": "Για να αποφύγετε αυτά τα ζητήματα, δημιουργήστε ένα <a>νέα κρυπτογραφημένο δωμάτιο</a> για τη συνομιλία που σκοπεύετε να πραγματοποιήσετε.",
+            "enable_encryption_public_room_confirm_title": "Είστε βέβαιοι ότι θέλετε να προσθέσετε κρυπτογράφηση σε αυτό το δημόσιο δωμάτιο;",
+            "encrypted_room_public_confirm_description_1": "<b>Δε συνιστάται να κάνετε δημόσια τα κρυπτογραφημένα δωμάτια.</b> Αυτό σημαίνει ότι οποιοσδήποτε μπορεί να βρει και να συμμετάσχει στο δωμάτιο, επομένως όλοι θα μπορούν να διαβάζουν τα μηνύματα. Δε θα έχετε κανένα από τα οφέλη της κρυπτογράφησης. Η κρυπτογράφηση μηνυμάτων σε δημόσιο δωμάτιο θα κάνει τη λήψη και την αποστολή μηνυμάτων πιο αργή.",
+            "encrypted_room_public_confirm_description_2": "Για να αποφύγετε αυτά τα ζητήματα, δημιουργήστε ένα <a>νέο δημόσιο δωμάτιο</a> για τη συνομιλία που σκοπεύετε να έχετε.",
+            "encrypted_room_public_confirm_title": "Είστε βέβαιοι ότι θέλετε να κάνετε δημόσιο αυτό το κρυπτογραφημένο δωμάτιο;",
+            "encryption_permanent": "Αφού ενεργοποιηθεί, η κρυπτογράφηση δεν μπορεί να απενεργοποιηθεί.",
+            "error_join_rule_change_title": "Αποτυχία ενημέρωσης των κανόνων συμμετοχής",
+            "error_join_rule_change_unknown": "Άγνωστο σφάλμα",
+            "guest_access_warning": "Τα άτομα με υποστηριζόμενες εφαρμογές θα μπορούν να συμμετάσχουν στην αίθουσα χωρίς να έχουν εγγεγραμμένο λογαριασμό.",
+            "history_visibility_invited": "Μόνο μέλη (από τη στιγμή που προσκλήθηκαν)",
+            "history_visibility_legend": "Ποιος μπορεί να διαβάσει το ιστορικό;",
+            "history_visibility_shared": "Μόνο μέλη (από τη στιγμή που ορίστηκε αυτή η επιλογή)",
+            "history_visibility_warning": "Οι αλλαγές στα άτομα που μπορούν να διαβάσουν το ιστορικό θα ισχύουν μόνο για μελλοντικά μηνύματα σε αυτό το δωμάτιο. Η ορατότητα της υπάρχουσας ιστορίας θα παραμείνει αμετάβλητη.",
+            "history_visibility_world_readable": "Oποιοσδήποτε",
+            "join_rule_description": "Αποφασίστε ποιος μπορεί να συμμετάσχει στο %(roomName)s.",
+            "join_rule_invite": "Ιδιωτικό (μόνο με πρόσκληση)",
+            "join_rule_invite_description": "Μόνο προσκεκλημένοι μπορούν να συμμετάσχουν.",
+            "join_rule_public_description": "Οποιοσδήποτε μπορεί να το βρει και να εγγραφεί.",
+            "join_rule_restricted": "Μέλη χώρου",
+            "join_rule_restricted_description": "Οποιοσδήποτε σε ένα χώρο μπορεί να το βρει και να εγγραφεί. <a>Επεξεργαστείτε τους χώρους που έχουν πρόσβαση εδώ.</a>",
+            "join_rule_restricted_description_active_space": "Οποιοσδήποτε στο <spaceName/> μπορεί να το βρει και να εγγραφεί. Μπορείτε να επιλέξετε και άλλους χώρους.",
+            "join_rule_restricted_description_prompt": "Οποιοσδήποτε σε ένα Χώρο μπορεί να βρει και να εγγραφεί. Μπορείτε να επιλέξετε πολλούς Χώρους.",
+            "join_rule_restricted_description_spaces": "Χώροι με πρόσβαση",
+            "join_rule_restricted_dialog_description": "Αποφασίστε ποιοι χώροι μπορούν να έχουν πρόσβαση σε αυτό το δωμάτιο. Εάν επιλεγεί ένας χώρος, τα μέλη του μπορούν να βρουν και να εγγραφούν στο <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Καταργείτε όλους τους χώρους. Η πρόσβαση θα είναι προεπιλεγμένη μόνο για πρόσκληση",
+            "join_rule_restricted_dialog_filter_placeholder": "Αναζήτηση χώρων",
+            "join_rule_restricted_dialog_heading_other": "Άλλοι χώροι ή δωμάτια που ίσως δε γνωρίζετε",
+            "join_rule_restricted_dialog_heading_room": "Χώροι που γνωρίζετε ότι περιέχουν αυτήν την αίθουσα",
+            "join_rule_restricted_dialog_heading_space": "Χώροι που γνωρίζετε ότι περιέχουν αυτόν το χώρο",
+            "join_rule_restricted_dialog_heading_unknown": "Πιθανότατα αυτά είναι μέρος στα οποία συμμετέχουν και άλλοι διαχειριστές δωματίου.",
+            "join_rule_restricted_dialog_title": "Επιλέξτε χώρους",
+            "join_rule_restricted_n_more": {
+                "one": "& %(count)s περισσότερα",
+                "other": "& %(count)s περισσότερα"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Αυτήν τη στιγμή, ένας χώρος έχει πρόσβαση",
+                "other": "Αυτήν τη στιγμή, %(count)s χώροι έχουν πρόσβαση"
+            },
+            "join_rule_restricted_upgrade_description": "Αυτή η αναβάθμιση θα επιτρέψει σε μέλη επιλεγμένων Χώρων πρόσβαση σε αυτό το δωμάτιο χωρίς πρόσκληση.",
+            "join_rule_restricted_upgrade_warning": "Αυτό το δωμάτιο βρίσκεται σε ορισμένους Χώρους στους οποίους δεν είστε διαχειριστής. Σε αυτούς τους Χώρους, το παλιό δωμάτιο θα εξακολουθεί να εμφανίζεται, αλλά τα άτομα θα κληθούν να συμμετάσχουν στο νέο.",
+            "join_rule_upgrade_awaiting_room": "Φόρτωση νέας αίθουσας",
+            "join_rule_upgrade_required": "Απαιτείται αναβάθμιση",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Αποστολή πρόσκλησης...",
+                "other": "Αποστολή προσκλήσεων... (%(progress)s από %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Ενημέρωση χώρου...",
+                "other": "Ενημέρωση χώρων... (%(progress)s out of %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Αναβάθμιση δωματίου",
+            "public_without_alias_warning": "Για να δημιουργήσετε σύνδεσμο σε αυτό το δωμάτιο, παρακαλώ προσθέστε μια διεύθυνση.",
+            "strict_encryption": "Αποστολή μηνυμάτων μόνο σε επαληθευμένους χρήστες.",
+            "title": "Ασφάλεια & Απόρρητο"
+        },
+        "title": "Ρυθμίσεις Δωματίου - %(roomName)s",
+        "upload_avatar_label": "Αποστολή προσωπικής εικόνας",
+        "visibility": {
+            "alias_section": "Διεύθυνση",
+            "error_failed_save": "Αποτυχία ενημέρωσης της ορατότητας αυτού του χώρου",
+            "error_update_guest_access": "Αποτυχία ενημέρωσης της πρόσβασης επισκέπτη σε αυτόν τον χώρο",
+            "error_update_history_visibility": "Αποτυχία ενημέρωσης της ορατότητας του ιστορικού αυτού του χώρου",
+            "guest_access_explainer": "Οι επισκέπτες μπορούν να εγγραφούν σε ένα χώρο χωρίς να έχουν λογαριασμό.",
+            "guest_access_label": "Ενεργοποίηση πρόσβασης επισκέπτη",
+            "history_visibility_anyone_space": "Προεπισκόπηση Χώρου",
+            "history_visibility_anyone_space_description": "Επιτρέψτε στους χρήστες να κάνουν προεπισκόπηση του χώρου σας προτού να εγγραφούν.",
+            "history_visibility_anyone_space_recommendation": "Προτείνεται για δημόσιους χώρους.",
+            "title": "Ορατότητα"
+        }
+    },
+    "room_summary_card_back_action_label": "Πληροφορίες δωματίου",
+    "scalar": {
+        "error_create": "Αδυναμία δημιουργίας μικροεφαρμογής.",
+        "error_membership": "Δεν είστε μέλος αυτού του δωματίου.",
+        "error_missing_room_id": "Λείπει η ταυτότητα δωματίου.",
+        "error_missing_room_id_request": "Λείπει το room_id στο αίτημα",
+        "error_missing_user_id_request": "Λείπει το user_id στο αίτημα",
+        "error_permission": "Δεν έχετε την άδεια να το κάνετε αυτό σε αυτό το δωμάτιο.",
+        "error_power_level_invalid": "Το επίπεδο δύναμης πρέπει να είναι ένας θετικός ακέραιος.",
+        "error_room_not_visible": "Η αίθουσα %(roomId)s δεν είναι ορατή",
+        "error_room_unknown": "Αυτό το δωμάτιο δεν αναγνωρίζεται.",
+        "error_send_request": "Δεν ήταν δυνατή η αποστολή αιτήματος.",
+        "failed_read_event": "Αποτυχία ανάγνωσης συμβάντων",
+        "failed_send_event": "Αποτυχία αποστολής συμβάντος"
+    },
+    "server_offline": {
+        "description": "Ο διακομιστής σας δεν ανταποκρίνεται σε ορισμένα από τα αιτήματά σας. Παρακάτω είναι μερικοί από τους πιο πιθανούς λόγους.",
+        "description_1": "Ο διακομιστής (%(serverName)s) έκανε πολύ χρόνο να ανταποκριθεί.",
+        "description_2": "Το τείχος προστασίας ή το πρόγραμμα προστασίας από ιούς μπλοκάρει το αίτημα.",
+        "description_3": "Μια επέκταση προγράμματος περιήγησης αποτρέπει το αίτημα.",
+        "description_4": "Ο διακομιστής είναι εκτός σύνδεσης.",
+        "description_5": "Ο διακομιστής απέρριψε το αίτημά σας.",
+        "description_6": "Η περιοχή σας αντιμετωπίζει δυσκολίες σύνδεσης στο διαδίκτυο.",
+        "description_7": "Παρουσιάστηκε σφάλμα σύνδεσης κατά την προσπάθεια επικοινωνίας με τον διακομιστή.",
+        "description_8": "Ο διακομιστής δεν έχει ρυθμιστεί για να υποδεικνύει ποιο είναι το πρόβλημα (CORS).",
+        "empty_timeline": "Είστε πλήρως ενημερωμένοι.",
+        "recent_changes_heading": "Πρόσφατες αλλαγές που δεν έχουν ληφθεί ακόμη",
+        "title": "Ο διακομιστής δεν ανταποκρίνεται"
+    },
+    "seshat": {
+        "error_initialising": "Η προετοιμασία της αναζήτησης μηνυμάτων απέτυχε, ελέγξτε τις <a>ρυθμίσεις σας</a> για περισσότερες πληροφορίες",
+        "reset_button": "Επαναφορά καταστήματος συμβάντων",
+        "reset_description": "Πιθανότατα δεν θέλετε να επαναφέρετε το κατάστημα ευρετηρίου συμβάντων",
+        "reset_explainer": "Εάν το κάνετε, σημειώστε ότι κανένα από τα μηνύματά σας δε θα διαγραφεί, αλλά η εμπειρία αναζήτησης ενδέχεται να υποβαθμιστεί για λίγα λεπτά κατά τη δημιουργία του ευρετηρίου",
+        "reset_title": "Eπαναφoρά στο κατάστημα συμβάντων;",
+        "warning_kind_files": "Αυτή η έκδοση του %(brand)s δεν υποστηρίζει την προβολή ορισμένων κρυπτογραφημένων αρχείων",
+        "warning_kind_files_app": "Χρησιμοποιήστε την <a>εφαρμογή για υπολογιστή</a> για να δείτε όλα τα κρυπτογραφημένα αρχεία",
+        "warning_kind_search": "Αυτή η έκδοση του %(brand)s δεν υποστηρίζει την αναζήτηση κρυπτογραφημένων μηνυμάτων",
+        "warning_kind_search_app": "Χρησιμοποιήστε την <a>εφαρμογή για υπολογιστή</a> για να δείτε όλα τα κρυπτογραφημένα μηνύματα"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Το διακριτικό πρόσβασής σας παρέχει πλήρη πρόσβαση στον λογαριασμό σας. Μην το μοιραστείτε με κανέναν.",
+            "brand_version": "Έκδοση %(brand)s:",
+            "clear_cache_reload": "Εκκαθάριση προσωρινής μνήμης και επαναφόρτωση",
+            "help_link": "Για βοήθεια σχετικά με τη χρήση του %(brand)s, κάντε κλικ <a>εδώ</a>.",
+            "title": "Βοήθεια & Σχετικά",
+            "versions": "Εκδόσεις"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "Εμφάνιση όλων των δωματίων στην Αρχική",
+        "all_rooms_home_description": "Όλες οι αίθουσες στις οποίες συμμετέχετε θα εμφανίζονται στην Αρχική σελίδα.",
+        "always_show_message_timestamps": "Εμφάνιση πάντα της ένδειξης ώρας στα μηνύματα",
+        "appearance": {
+            "custom_font": "Χρήση μιας γραμματοσειρά συστήματος",
+            "custom_font_description": "Ορίστε το όνομα μιας γραμματοσειράς που είναι εγκατεστημένη στο σύστημά σας και o %(brand)s θα προσπαθήσει να τη χρησιμοποιήσει.",
+            "custom_font_name": "Όνομα γραμματοσειράς συστήματος",
+            "custom_font_size": "Χρησιμοποιήστε προσαρμοσμένο μέγεθος",
+            "custom_theme_error_downloading": "Σφάλμα κατά τη λήψη θέματος.",
+            "custom_theme_invalid": "Μη έγκυρο σχήμα θέματος.",
+            "font_size": "Μέγεθος γραμματοσειράς",
+            "image_size_default": "Προεπιλογή",
+            "image_size_large": "Μεγάλο",
+            "layout_bubbles": "Συννεφάκια μηνυμάτων",
+            "layout_irc": "IRC (Πειραματικό)",
+            "match_system_theme": "Αντιστοίχιση θέματος συστήματος",
+            "timeline_image_size": "Μέγεθος εικόνας στο χρονολόγιο"
+        },
+        "automatic_language_detection_syntax_highlight": "Ενεργοποίηση αυτόματης ανίχνευσης γλώσσας για επισήμανση σύνταξης",
+        "autoplay_gifs": "Αυτόματη αναπαραγωγή GIFs",
+        "autoplay_videos": "Αυτόματη αναπαραγωγή videos",
+        "big_emoji": "Ενεργοποίηση μεγάλων emoji στη συνομιλία",
+        "code_block_expand_default": "Αναπτύξτε τα μπλοκ κώδικα από προεπιλογή",
+        "code_block_line_numbers": "Εμφάνιση αριθμών γραμμής σε μπλοκ κώδικα",
+        "disable_historical_profile": "Εμφάνιση τρέχουσας εικόνας προφίλ και ονόματος για χρήστες στο ιστορικό μηνυμάτων",
+        "emoji_autocomplete": "Ενεργοποιήστε τις προτάσεις Emoji κατά την πληκτρολόγηση",
+        "enable_markdown": "Ενεργοποίηση Markdown",
+        "enable_markdown_description": "Έναρξη μηνυμάτων με <code>/plain</code> για αποστολή χωρίς markdown.",
+        "general": {
+            "account_management_section": "Διαχείριση λογαριασμών",
+            "account_section": "Λογαριασμός",
+            "add_email_dialog_title": "Προσθήκη Διεύθυνσης Ηλ. Ταχυδρομείου",
+            "add_email_failed_verification": "Δεν ήταν δυνατή η επιβεβαίωση της διεύθυνσης ηλεκτρονικής αλληλογραφίας: βεβαιωθείτε οτι κάνατε κλικ στον σύνδεσμο που σας στάλθηκε",
+            "add_email_instructions": "Σας έχουμε στείλει ένα email για να επαληθεύσουμε τη διεύθυνσή σας. Ακολουθήστε τις οδηγίες εκεί και, στη συνέχεια, κάντε κλικ στο κουμπί παρακάτω.",
+            "add_msisdn_confirm_body": "Πιέστε το κουμπί από κάτω για να επιβεβαίωσετε την προσθήκη του τηλεφωνικού αριθμού.",
+            "add_msisdn_confirm_button": "Επιβεβαιώστε την προσθήκη του τηλεφωνικού αριθμού",
+            "add_msisdn_confirm_sso_button": "Επιβεβαιώστε την προσθήκη αυτού του αριθμού τηλεφώνου με την χρήση Single Sign On για να επικυρώσετε την ταυτότητα σας.",
+            "add_msisdn_dialog_title": "Προσθήκη Τηλεφωνικού Αριθμού",
+            "add_msisdn_instructions": "Ένα μήνυμα sms έχει σταλεί στο +%(msisdn)s. Παρακαλώ εισαγάγετε τον κωδικό επαλήθευσης που περιέχει.",
+            "add_msisdn_misconfigured": "Η ροή προσθήκης / δέσμευσης με MSISDN δεν έχει ρυθμιστεί σωστά",
+            "confirm_adding_email_body": "Πιέστε το κουμπί από κάτω για να επιβεβαιώσετε την προσθήκη της διεύθυνσης ηλ. ταχυδρομείου.",
+            "confirm_adding_email_title": "Επιβεβαιώστε την προσθήκη διεύθυνσης ηλ. ταχυδρομείου",
+            "deactivate_confirm_body": "Είστε βέβαιοι ότι θέλετε να απενεργοποιήσετε τον λογαριασμό σας; Αυτό είναι μη αναστρέψιμο.",
+            "deactivate_confirm_body_sso": "Επιβεβαιώστε την απενεργοποίηση του λογαριασμού σας χρησιμοποιώντας Single Sign On για να αποδείξετε την ταυτότητά σας.",
+            "deactivate_confirm_content": "Επιβεβαιώστε ότι θέλετε να απενεργοποιήσετε τον λογαριασμό σας. Εάν προχωρήσετε:",
+            "deactivate_confirm_content_1": "Δεν θα μπορείτε να ενεργοποιήσετε ξανά τον λογαριασμό σας",
+            "deactivate_confirm_content_2": "Δεν θα μπορείτε πλέον να συνδεθείτε",
+            "deactivate_confirm_content_3": "Κανείς δε θα μπορεί να επαναχρησιμοποιήσει το όνομα χρήστη σας (MXID), συμπεριλαμβανομένου εσάς: αυτό το όνομα χρήστη θα παραμείνει μη διαθέσιμο",
+            "deactivate_confirm_content_4": "Θα αποχωρήσετε από όλα τα δωμάτια και τις συνομιλίες σας",
+            "deactivate_confirm_content_5": "Θα αφαιρεθείς από τον διακομιστή ταυτότητας: οι φίλοι σου δεν θα μπορούν πλέον να σε βρίσκουν με το email ή τον αριθμό τηλεφώνου σου",
+            "deactivate_confirm_content_6": "Τα παλιά σας μηνύματα θα εξακολουθούν να είναι ορατά σε άτομα που τα έλαβαν, όπως τα email που στείλατε στο παρελθόν. Θα θέλατε να αποκρύψετε τα απεσταλμένα σας μηνύματα από άτομα που συμμετέχουν στις αίθουσες στο μέλλον;",
+            "deactivate_confirm_continue": "Επιβεβαίωση απενεργοποίησης λογαριασμού",
+            "deactivate_confirm_erase_label": "Απόκρυψη των μηνυμάτων μου από νέους συμμετέχοντες",
+            "deactivate_section": "Απενεργοποίηση λογαριασμού",
+            "deactivate_warning": "Η απενεργοποίηση του λογαριασμού σας είναι μια μόνιμη ενέργεια — να είστε προσεκτικοί!",
+            "discovery_email_empty": "Οι επιλογές εντοπισμού θα εμφανιστούν μόλις προσθέσεις ένα email παραπάνω.",
+            "discovery_email_verification_instructions": "Επαληθεύστε τον σύνδεσμο στα εισερχόμενα σας",
+            "discovery_msisdn_empty": "Οι επιλογές ανακάλυψης θα εμφανιστούν μόλις προσθέσεις έναν αριθμό τηλεφώνου.",
+            "discovery_needs_terms": "Αποδεχτείτε τους Όρους χρήσης του διακομιστή ταυτότητας (%(serverName)s), ώστε να μπορείτε να είστε ανιχνεύσιμοι μέσω της διεύθυνσης ηλεκτρονικού ταχυδρομείου ή του αριθμού τηλεφώνου.",
+            "email_address_in_use": "Η διεύθυνση ηλ. αλληλογραφίας χρησιμοποιείται ήδη",
+            "email_address_label": "Διεύθυνση Email",
+            "email_not_verified": "Η διεύθυνση email σας δεν έχει επαληθευτεί ακόμα",
+            "email_verification_instructions": "Κάντε κλικ στον σύνδεσμο ηλεκτρονικής διεύθυνσης που λάβατε για επαλήθευση και μετα, κάντε ξανά κλικ στη συνέχεια.",
+            "emails_heading": "Διευθύνσεις ηλεκτρονικού ταχυδρομείου",
+            "error_add_email": "Αδυναμία προσθήκης διεύθυνσης ηλ. αλληλογραφίας",
+            "error_deactivate_communication": "Παρουσιάστηκε πρόβλημα κατά την επικοινωνία με τον διακομιστή. Παρακαλώ προσπαθήστε ξανά.",
+            "error_deactivate_invalid_auth": "Ο διακομιστής δεν επέστρεψε έγκυρες πληροφορίες ελέγχου ταυτότητας.",
+            "error_deactivate_no_auth": "Ο διακομιστής δεν απαίτησε κάποιο έλεγχο ταυτότητας",
+            "error_email_verification": "Αδυναμία επιβεβαίωσης διεύθυνσης ηλεκτρονικής αλληλογραφίας.",
+            "error_invalid_email": "Μη έγκυρη διεύθυνση ηλεκτρονικής αλληλογραφίας",
+            "error_invalid_email_detail": "Δεν μοιάζει με μια έγκυρη διεύθυνση ηλεκτρονικής αλληλογραφίας",
+            "error_msisdn_verification": "Αδυναμία επαλήθευσης του αριθμού τηλεφώνου.",
+            "error_password_change_403": "Δεν ήταν δυνατή η αλλαγή του κωδικού πρόσβασης. Είναι σωστός ο κωδικός πρόσβασης;",
+            "error_password_change_http": "%(errorMessage)s (Κατάσταση HTTP %(httpStatus)s)",
+            "error_password_change_title": "Σφάλμα αλλαγής κωδικού πρόσβασης",
+            "error_password_change_unknown": "Άγνωστο σφάλμα αλλαγής κωδικού πρόσβασης (%(stringifiedError)s)",
+            "error_remove_3pid": "Αδυναμία αφαίρεσης πληροφοριών επαφής",
+            "error_revoke_email_discovery": "Δεν είναι δυνατή η ανάκληση της κοινής χρήσης για τη διεύθυνση ηλεκτρονικού ταχυδρομείου",
+            "error_revoke_msisdn_discovery": "Αδυναμία ανάκληση της κοινής χρήσης για τον αριθμό τηλεφώνου",
+            "error_share_email_discovery": "Δεν είναι δυνατή η κοινή χρήση της διεύθυνσης email",
+            "error_share_msisdn_discovery": "Αδυναμία κοινής χρήσης του αριθμού τηλεφώνου",
+            "identity_server_no_token": "Δεν βρέθηκε διακριτικό πρόσβασης ταυτότητας",
+            "identity_server_not_set": "Ο διακομιστής ταυτότητας δεν έχει οριστεί",
+            "language_section": "Γλώσσα",
+            "msisdn_in_use": "Αυτός ο αριθμός τηλεφώνου είναι ήδη σε χρήση",
+            "msisdn_label": "Αριθμός Τηλεφώνου",
+            "msisdn_verification_field_label": "Κωδικός επαλήθευσης",
+            "msisdn_verification_instructions": "Εισαγάγετε τον κωδικό επαλήθευσης που εστάλη μέσω μηνύματος sms.",
+            "msisdns_heading": "Τηλεφωνικοί αριθμοί",
+            "oidc_manage_button": "Διαχείριση λογαριασμού",
+            "password_change_section": "Ορίστε έναν νέο κωδικό πρόσβασης λογαριασμού...",
+            "password_change_success": "Ο κωδικός πρόσβασης σας άλλαξε με επιτυχία.",
+            "remove_email_prompt": "Κατάργηση %(email)s;",
+            "remove_msisdn_prompt": "Κατάργηση %(phone)s;",
+            "spell_check_locale_placeholder": "Επιλογή τοπικών ρυθμίσεων"
+        },
+        "inline_url_previews_default": "Ενεργοποίηση προεπισκοπήσεων",
+        "insert_trailing_colon_mentions": "Εισαγάγετε άνω και κάτω τελεία μετά την αναφορά του χρήστη στην αρχή ενός μηνύματος",
+        "jump_to_bottom_on_send": "Μεταβείτε στο τέλος του χρονολογίου όταν στέλνετε ένα μήνυμα",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Τώρα δημιουργούνται αντίγραφα ασφαλείας των κλειδιών σας από αυτήν τη συσκευή.",
+                "backup_setup_success_title": "Επιτυχής δημιουργία ασφαλούς αντιγράφου ασφαλείας",
+                "cancel_warning": "Εάν ακυρώσετε τώρα, ενδέχεται να χάσετε κρυπτογραφημένα μηνύματα και δεδομένα εάν χάσετε την πρόσβαση στα στοιχεία σύνδεσής σας.",
+                "confirm_security_phrase": "Επιβεβαιώστε τη Φράση Ασφαλείας σας",
+                "description": "Προστατευτείτε από την απώλεια πρόσβασης σε κρυπτογραφημένα μηνύματα και δεδομένα, δημιουργώντας αντίγραφα ασφαλείας των κλειδιών κρυπτογράφησης στον διακομιστή σας.",
+                "download_or_copy": "%(downloadButton)s ή %(copyButton)s",
+                "enter_phrase_description": "Εισαγάγετε μια φράση ασφαλείας που γνωρίζετε μόνο εσείς, καθώς χρησιμοποιείται για την προστασία των δεδομένων σας. Για να είστε ασφαλείς, δεν πρέπει να χρησιμοποιήσετε ξανά τον κωδικό πρόσβασης του λογαριασμού σας.",
+                "enter_phrase_title": "Εισαγάγετε τη Φράση Ασφαλείας",
+                "enter_phrase_to_confirm": "Εισαγάγετε τη Φράση Ασφαλείας σας για δεύτερη φορά για να την επιβεβαιώσετε.",
+                "generate_security_key_description": "Θα δημιουργήσουμε ένα κλειδί ανάκτησης για να το αποθηκεύσετε σε ασφαλές μέρος, όπως έναν διαχειριστή κωδικών πρόσβασης ή ένα χρηματοκιβώτιο.",
+                "generate_security_key_title": "Δημιουργήστε ένα Κλειδί Ανάκτησης",
+                "pass_phrase_match_failed": "Αυτό δεν ταιριάζει.",
+                "pass_phrase_match_success": "Ταιριάζει!",
+                "phrase_strong_enough": "Τέλεια! Αυτή η Φράση Ασφαλείας φαίνεται αρκετά ισχυρή.",
+                "secret_storage_query_failure": "Δεν είναι δυνατή η υποβολή ερωτήματος για την κατάσταση του μυστικού χώρου αποθήκευσης",
+                "security_key_safety_reminder": "Αποθηκεύστε το Κλειδί Ανάκτησης σε ασφαλές μέρος, όπως έναν διαχειριστή κωδικών πρόσβασης ή ένα χρηματοκιβώτιο, καθώς χρησιμοποιείται για την προστασία των κρυπτογραφημένων δεδομένων σας.",
+                "set_phrase_again": "Επιστρέψτε για να το ρυθμίσετε ξανά.",
+                "settings_reminder": "Μπορείτε επίσης να ρυθμίσετε το Ασφαλές αντίγραφο ασφαλείας και να διαχειριστείτε τα κλειδιά σας στις Ρυθμίσεις.",
+                "title_confirm_phrase": "Επιβεβαίωση Φράσης Ασφαλείας",
+                "title_save_key": "Αποθηκεύστε το Κλειδί Ανάκτησης",
+                "title_set_phrase": "Ορίστε μια Φράση Ασφαλείας",
+                "unable_to_setup": "Δεν είναι δυνατή η ρύθμιση του μυστικού χώρου αποθήκευσης",
+                "use_different_passphrase": "Να χρησιμοποιηθεί διαφορετική φράση;",
+                "use_phrase_only_you_know": "Χρησιμοποιήστε μια μυστική φράση που γνωρίζετε μόνο εσείς και, προαιρετικά, αποθηκεύστε ένα Κλειδί Ανάκτησης για να το χρησιμοποιήσετε ως αντίγραφο ασφαλείας."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Επιβεβαίωση συνθηματικού",
+            "enter_passphrase": "Εισαγωγή συνθηματικού",
+            "export_description_1": "Αυτή η διαδικασία σας επιτρέπει να εξαγάγετε τα κλειδιά για τα μηνύματα που έχετε λάβει σε κρυπτογραφημένα δωμάτια σε ένα τοπικό αρχείο. Στη συνέχεια, θα μπορέσετε να εισάγετε το αρχείο σε άλλο πρόγραμμα του Matrix, έτσι ώστε το πρόγραμμα να είναι σε θέση να αποκρυπτογραφήσει αυτά τα μηνύματα.",
+            "export_description_2": "Το εξαγόμενο αρχείο θα επιτρέψει σε οποιονδήποτε μπορεί να το διαβάσει να αποκρυπτογραφήσει τυχόν κρυπτογραφημένα μηνύματα που μπορείτε να δείτε, οπότε θα πρέπει να είστε προσεκτικοί για να το διατηρήσετε ασφαλές. Για να βοηθήσετε σε αυτό, θα πρέπει να εισαγάγετε μια μοναδική φράση πρόσβασης παρακάτω, η οποία θα χρησιμοποιηθεί μόνο για την κρυπτογράφηση των εξαγόμενων δεδομένων. Η εισαγωγή των δεδομένων θα είναι δυνατή μόνο χρησιμοποιώντας την ίδια φράση πρόσβασης.",
+            "export_title": "Εξαγωγή κλειδιών δωματίου",
+            "file_to_import": "Αρχείο για εισαγωγή",
+            "import_description_1": "Αυτή η διαδικασία σας επιτρέπει να εισαγάγετε κλειδιά κρυπτογράφησης που έχετε προηγουμένως εξάγει από άλλο πρόγραμμα του Matrix. Στη συνέχεια, θα μπορέσετε να αποκρυπτογραφήσετε τυχόν μηνύματα που το άλλο πρόγραμμα θα μπορούσε να αποκρυπτογραφήσει.",
+            "import_description_2": "Το αρχείο εξαγωγής θα είναι προστατευμένο με συνθηματικό. Θα χρειαστεί να πληκτρολογήσετε το συνθηματικό εδώ για να αποκρυπτογραφήσετε το αρχείο.",
+            "import_title": "Εισαγωγή κλειδιών δωματίου",
+            "phrase_cannot_be_empty": "Το συνθηματικό δεν πρέπει να είναι κενό",
+            "phrase_must_match": "Δεν ταιριάζουν τα συνθηματικά",
+            "phrase_strong_enough": "Υπέροχα! Αυτή η φράση πρόσβασης φαίνεται αρκετά ισχυρή"
+        },
+        "keyboard": {
+            "title": "Πληκτρολόγιο"
+        },
+        "media_preview": {
+            "media_preview_label": "Εμφάνιση μέσων στο χρονολόγιο"
+        },
+        "notifications": {
+            "default_setting_description": "Αυτή η ρύθμιση θα εφαρμοστεί από προεπιλογή σε όλα τα δωμάτιά σου.",
+            "default_setting_section": "Θέλω να ειδοποιούμαι για (Προεπιλεγμένη Ρύθμιση)",
+            "desktop_notification_message_preview": "Εμφάνιση προεπισκόπησης μηνύματος στην ειδοποίηση επιφάνειας εργασίας",
+            "email_description": "Λάβε μια περίληψη των αναπάντητων ειδοποιήσεων μέσω email",
+            "email_section": "Σύνοψη email",
+            "email_select": "Επέλεξε σε ποια email θες να στείλεις περιλήψεις. Διαχειρίσου τα email σου στα <button>Γενικά</button>.",
+            "enable_audible_notifications_session": "Ενεργοποιήστε τις ηχητικές ειδοποιήσεις για αυτήν τη συνεδρία",
+            "enable_desktop_notifications_session": "Ενεργοποιήστε τις ειδοποιήσεις στον υπολογιστή για αυτήν τη συνεδρία",
+            "enable_email_notifications": "Ενεργοποίηση ειδοποιήσεων email για %(email)s",
+            "enable_notifications_account": "Ενεργοποίηση ειδοποιήσεων για αυτόν τον λογαριασμό",
+            "enable_notifications_account_detail": "Απενεργοποίησε για να απενεργοποιήσεις τις ειδοποιήσεις σε όλες τις συσκευές και συνεδρίες σου",
+            "enable_notifications_device": "Ενεργοποίηση ειδοποιήσεων για αυτήν τη συσκευή",
+            "error_loading": "Παρουσιάστηκε σφάλμα κατά τη φόρτωση των ρυθμίσεων ειδοποιήσεων σας.",
+            "error_permissions_denied": "Το %(brand)s δεν έχει δικαιώματα για αποστολή ειδοποιήσεων - παρακαλούμε ελέγξτε τις ρυθμίσεις του περιηγητή σας",
+            "error_permissions_missing": "Δεν δόθηκαν δικαιώματα αποστολής ειδοποιήσεων στο %(brand)s - παρακαλούμε προσπαθήστε ξανά",
+            "error_saving": "Σφάλμα κατά την αποθήκευση των προτιμήσεων ειδοποιήσεων",
+            "error_saving_detail": "Παρουσιάστηκε σφάλμα κατά την αποθήκευση των προτιμήσεων ειδοποίησης.",
+            "error_title": "Αδυναμία ενεργοποίησης των ειδοποιήσεων",
+            "error_updating": "Παρουσιάστηκε σφάλμα κατά την ενημέρωση των προτιμήσεων ειδοποίησης. Προσπάθησε να αλλάξεις ξανά την επιλογή σου.",
+            "invites": "Προσκλήθηκε σ' ένα δωμάτιο",
+            "keywords": "Εμφάνιση ενός σήματος <badge/> όταν χρησιμοποιούνται λέξεις-κλειδιά σε ένα δωμάτιο.",
+            "keywords_prompt": "Εισήγαγε λέξεις-κλειδιά εδώ ή χρησιμοποίησε για παραλλαγές ορθογραφίας ή ψευδώνυμα",
+            "labs_notice_prompt": "<strong>Ενημέρωση:</strong> Απλοποιήσαμε τις Ρυθμίσεις ειδοποιήσεων για να διευκολύνουμε την εύρεση επιλογών. Ορισμένες προσαρμοσμένες ρυθμίσεις που έχεις επιλέξει στο παρελθόν δεν εμφανίζονται εδώ, αλλά εξακολουθούν να είναι ενεργές. Εάν προχωρήσεις, ορισμένες από τις ρυθμίσεις σου ενδέχεται να αλλάξουν. <a>Μάθε περισσότερα</a>",
+            "mentions_keywords": "Επισημάνσεις και Λέξεις-κλειδιά",
+            "mentions_keywords_only": "Μόνο επισημάνσεις και λέξεις-κλειδιά",
+            "messages_containing_keywords": "Μηνύματα που περιέχουν λέξεις-κλειδιά",
+            "noisy": "Δυνατά",
+            "notices": "Μηνύματα που αποστέλλονται από bots",
+            "notify_at_room": "Ειδοποίησέ όταν κάποιος αναφέρει χρησιμοποιώντας @room",
+            "notify_keyword": "Ειδοποίηση όταν κάποιος χρησιμοποιεί μια λέξη-κλειδί",
+            "notify_mention": "Ειδοποίηση όταν κάποιος επισημαίνει με @displayname ή %(mxid)s",
+            "other_section": "Άλλα πράγματα που πιστεύουμε ότι μπορεί να σε ενδιαφέρουν:",
+            "people_mentions_keywords": "Άτομα, Επισημάνσεις και Λέξεις-κλειδιά",
+            "play_sound_for_description": "Εφαρμόζεται από προεπιλογή σε όλα τα δωμάτια σε όλες τις συσκευές.",
+            "play_sound_for_section": "Αναπαραγωγή ήχου για",
+            "push_targets": "Στόχοι ειδοποιήσεων",
+            "quick_actions_mark_all_read": "Επισήμανση όλων των μηνυμάτων ως αναγνωσμένων",
+            "quick_actions_reset": "Επαναφορά στις προεπιλεγμένες ρυθμίσεις",
+            "quick_actions_section": "Γρήγορες Ενέργειες",
+            "room_activity": "Νέα δραστηριότητα δωματίου, αναβαθμίσεις και μηνύματα κατάστασης",
+            "rule_call": "Πρόσκληση σε κλήση",
+            "rule_contains_display_name": "Μηνύματα που περιέχουν το όνομα μου",
+            "rule_contains_user_name": "Μηνύματα που περιέχουν το όνομα χρήστη μου",
+            "rule_encrypted": "Κρυπτογραφημένα μηνύματα σε ομαδικές συνομιλίες",
+            "rule_encrypted_room_one_to_one": "Κρυπτογραφημένα μηνύματα σε συνομιλίες ένας προς έναν",
+            "rule_invite_for_me": "Όταν με προσκαλούν σε μία αίθουσα",
+            "rule_message": "Μηνύματα σε ομαδικές συνομιλίες",
+            "rule_room_one_to_one": "Μηνύματα σε 1-προς-1 συνομιλίες",
+            "rule_roomnotif": "Μηνύματα που περιέχουν @δωμάτιο",
+            "rule_suppress_notices": "Μηνύματα από bots",
+            "rule_tombstone": "Όταν οι αίθουσες αναβαθμίζονται",
+            "show_message_desktop_notification": "Εμφάνιση του μηνύματος στην ειδοποίηση στον υπολογιστή",
+            "voip": "Κλήσεις ήχου και Βίντεο"
+        },
+        "preferences": {
+            "Electron.enableHardwareAcceleration": "Ενεργοποίηση επιτάχυνσης υλικού (επανεκκίνηση %(appName)s για να τεθεί σε ισχύ)",
+            "always_show_menu_bar": "Να εμφανίζεται πάντα η μπάρα μενού παραθύρου",
+            "autocomplete_delay": "Καθυστέρηση αυτόματης συμπλήρωσης (ms)",
+            "code_blocks_heading": "Μπλοκ κώδικα",
+            "compact_modern": "Χρησιμοποιήστε μια πιο συμπαγή \"Μοντέρνα\" διάταξη",
+            "composer_heading": "Συντάκτης μηνυμάτων",
+            "enable_hardware_acceleration": "Ενεργοποίηση επιτάχυνσης υλικού",
+            "enable_tray_icon": "Εμφάνιση του εικονιδίου στη γραμμή εργασιών και ελαχιστοποίηση του παραθύρου στο κλείσιμο",
+            "keyboard_heading": "Συντομεύσεις πληκτρολογίου",
+            "keyboard_view_shortcuts_button": "Για να δείτε όλες τις συντομεύσεις πληκτρολογίου, <a>κάντε κλικ εδώ</a>.",
+            "media_heading": "Εικόνες, GIF και βίντεο",
+            "presence_description": "Μοιράσου τη δραστηριότητα και την κατάστασή σου με άλλους.",
+            "rm_lifetime": "Διάρκεια του Δείκτη Ανάγνωσης (ms)",
+            "rm_lifetime_offscreen": "Διάρκεια Δείκτη εκτός οθόνης (ms)",
+            "room_directory_heading": "Κατάλογος δωματίων",
+            "room_list_heading": "Λίστα δωματίων",
+            "show_avatars_pills": "Εμφάνιση άβαταρ σε αναφορές χρηστών, δωματίων και εκδηλώσεων",
+            "show_polls_button": "Εμφάνιση κουμπιού δημοσκοπήσεων",
+            "surround_text": "Περιτριγυριστείτε το επιλεγμένο κείμενο κατά την πληκτρολόγηση ειδικών χαρακτήρων",
+            "time_heading": "Εμφάνιση ώρας"
+        },
+        "prompt_invite": "Ερώτηση πριν από την αποστολή προσκλήσεων σε δυνητικά μη έγκυρα αναγνωριστικά matrix",
+        "replace_plain_emoji": "Αυτόματη αντικατάσταση απλού κειμένου Emoji",
+        "security": {
+            "analytics_description": "Μοιραστείτε ανώνυμα δεδομένα για να μας βοηθήσετε να εντοπίσουμε προβλήματα. Τίποτα προσωπικό. Χωρίς τρίτους.",
+            "bulk_options_accept_all_invites": "Αποδεχτείτε όλες τις %(invitedRooms)sπροσκλήσεις",
+            "bulk_options_reject_all_invites": "Απόρριψη όλων των προσκλήσεων %(invitedRooms)s",
+            "bulk_options_section": "Μαζικές επιλογές",
+            "e2ee_default_disabled_warning": "Ο διαχειριστής του διακομιστή σας έχει απενεργοποιήσει την κρυπτογράφηση από άκρο σε άκρο από προεπιλογή σε ιδιωτικά δωμάτια & άμεσα μηνύματα.",
+            "enable_message_search": "Ενεργοποίηση αναζήτησης μηνυμάτων σε κρυπτογραφημένα δωμάτια",
+            "encryption_section": "Κρυπτογράφηση",
+            "ignore_users_empty": "Δεν έχετε χρήστες που έχετε αγνοήσει.",
+            "ignore_users_section": "Χρήστες που αγνοήθηκαν",
+            "key_backup_algorithm": "Αλγόριθμος:",
+            "message_search_disable_warning": "Εάν απενεργοποιηθεί, τα μηνύματα από κρυπτογραφημένα δωμάτια δε θα εμφανίζονται στα αποτελέσματα αναζήτησης.",
+            "message_search_disabled": "Αποθηκεύστε με ασφάλεια κρυπτογραφημένα μηνύματα τοπικά για να εμφανίζονται στα αποτελέσματα αναζήτησης.",
+            "message_search_enabled": {
+                "one": "Αποθηκεύστε με ασφάλεια κρυπτογραφημένα μηνύματα τοπικά για να εμφανίζονται στα αποτελέσματα αναζήτησης, χρησιμοποιώντας %(size)s για αποθήκευση μηνυμάτων από το %(rooms)sδωμάτιο .",
+                "other": "Αποθηκεύστε με ασφάλεια κρυπτογραφημένα μηνύματα τοπικά για να εμφανίζονται στα αποτελέσματα αναζήτησης, χρησιμοποιώντας %(size)s για αποθήκευση μηνυμάτων από τα %(rooms)sδωμάτια ."
+            },
+            "message_search_failed": "Η αρχικοποίηση αναζήτησης μηνυμάτων απέτυχε",
+            "message_search_indexed_messages": "Ευρετηριασμένα μηνύματα:",
+            "message_search_indexed_rooms": "Ευρετηριασμένα δωμάτια:",
+            "message_search_indexing": "Γίνεται ευρετηρίαση: %(currentRoom)s",
+            "message_search_indexing_idle": "Αυτήν τη στιγμή δεν υπάρχει ευρετηρίαση μηνυμάτων για κανένα δωμάτιο.",
+            "message_search_intro": "Το %(brand)s αποθηκεύει με ασφάλεια κρυπτογραφημένα μηνύματα τοπικά για να εμφανίζονται στα αποτελέσματα αναζήτησης:",
+            "message_search_room_progress": "%(doneRooms)s από %(totalRooms)s",
+            "message_search_section": "Αναζήτηση μηνυμάτων",
+            "message_search_sleep_time": "Πόσο γρήγορα πρέπει να γίνεται λήψη των μηνυμάτων.",
+            "message_search_space_used": "Χώρος που χρησιμοποιείται:",
+            "message_search_unsupported": "Λείπουν ορισμένα στοιχεία από το %(brand)s που απαιτούνται για την ασφαλή αποθήκευση κρυπτογραφημένων μηνυμάτων τοπικά. Εάν θέλετε να πειραματιστείτε με αυτό το χαρακτηριστικό, δημιουργήστε μια προσαρμοσμένη %(brand)s επιφάνεια εργασίαςμε <nativeLink>προσθήκη στοιχείων αναζήτησης</nativeLink>.",
+            "message_search_unsupported_web": "Το %(brand)s δεν μπορεί να αποθηκεύσει με ασφάλεια κρυπτογραφημένα μηνύματα τοπικά ενώ εκτελείται σε πρόγραμμα περιήγησης ιστού. Χρησιμοποιήστε την <desktopLink>%(brand)s Επιφάνεια εργασίας</desktopLink> για να εμφανίζονται κρυπτογραφημένα μηνύματα στα αποτελέσματα αναζήτησης.",
+            "record_session_details": "Κατέγραψε το όνομα του πελάτη, την έκδοση και τη διεύθυνση URL για να αναγνωρίζεις τις συνεδρίες πιο εύκολα στον διαχειριστή συνεδρίας",
+            "send_analytics": "Αποστολή δεδομένων αναλυτικών στοιχείων",
+            "strict_encryption": "Αποστολή μηνυμάτων μόνο σε επαληθευμένους χρήστες"
+        },
+        "send_read_receipts": "Αποστολή αποδείξεων ανάγνωσης",
+        "send_read_receipts_unsupported": "Ο διακομιστής σου δεν υποστηρίζει την απενεργοποίηση αποστολής αποδείξεων ανάγνωσης.",
+        "send_typing_notifications": "Αποστολή ειδοποιήσεων πληκτρολόγησης",
+        "sessions": {
+            "best_security_note": "Για τη βέλτιστη ασφάλεια, επαληθεύστε τις συνεδρίες σας και αποσυνδεθείτε από οποιαδήποτε συνεδρία που δεν αναγνωρίζετε ή χρησιμοποιείτε πλέον.",
+            "confirm_sign_out": {
+                "one": "Επιβεβαιώστε την αποσύνδεση αυτής της συσκευής",
+                "other": "Επιβεβαιώστε την αποσύνδεση αυτών των συσκευών"
+            },
+            "confirm_sign_out_body": {
+                "other": "Κάντε κλικ στο κουμπί παρακάτω για να επιβεβαιώσετε αποσύνδεση αυτών των συσκευών.",
+                "one": "Κάντε κλικ στο κουμπί παρακάτω για επιβεβαίωση αποσύνδεση αυτής της συσκευής."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Αποσύνδεση συσκευής",
+                "other": "Αποσύνδεση συσκευών"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Επιβεβαιώστε την αποσύνδεση από αυτήν τη συσκευή χρησιμοποιώντας Single Sign On για να αποδείξετε την ταυτότητά σας.",
+                "other": "Επιβεβαιώστε την αποσύνδεση από αυτές τις συσκευές χρησιμοποιώντας Single Sign On για να αποδείξετε την ταυτότητά σας."
+            },
+            "current_session": "Τρέχουσα συνεδρία",
+            "desktop_session": "Συνεδρία εφαρμογής υπολογιστή",
+            "details_heading": "Λεπτομέρειες συνεδρίας",
+            "device_unverified_description": "Επαληθεύστε ή αποσυνδεθείτε από αυτήν τη συνεδρία για βέλτιστη ασφάλεια και αξιοπιστία.",
+            "device_unverified_description_current": "Επαληθεύστε την τρέχουσα συνεδρία σας για βελτιωμένα ασφαλή μηνύματα.",
+            "device_verified_description": "Αυτή η συνεδρία είναι έτοιμη για ασφαλή ανταλλαγή μηνυμάτων.",
+            "device_verified_description_current": "Η τρέχουσα συνεδρία σας είναι έτοιμη για ασφαλή ανταλλαγή μηνυμάτων.",
+            "error_pusher_state": "Αποτυχία ορισμού κατάστασης pusher",
+            "error_set_name": "Αποτυχία ορισμού ονόματος συνεδρίας",
+            "filter_all": "Όλα",
+            "filter_inactive": "Ανενεργό",
+            "filter_inactive_description": "Ανενεργό για%(inactiveAgeDays)s ημέρες ή και περισσότερο",
+            "filter_label": "Φιλτράρισμα συσκευών",
+            "filter_unverified_description": "Δεν είναι έτοιμο για ασφαλή ανταλλαγή μηνυμάτων",
+            "filter_verified_description": "Έτοιμο για ασφαλή ανταλλαγή μηνυμάτων",
+            "hide_details": "Απόκρυψη λεπτομερειών",
+            "inactive_days": "Ανενεργό για %(inactiveAgeDays)s+ ημέρες",
+            "inactive_sessions": "Ανενεργές συνεδρίες",
+            "inactive_sessions_explainer_1": "Οι ανενεργές συνεδρίες είναι συνεδρίες που δεν έχετε χρησιμοποιήσει για κάποιο χρονικό διάστημα, αλλά συνεχίζουν να λαμβάνουν κλειδιά κρυπτογράφησης.",
+            "inactive_sessions_explainer_2": "Η αφαίρεση ανενεργών συνεδριών βελτιώνει την ασφάλεια και την απόδοση και σας διευκολύνει να εντοπίσετε αν μια νέα συνεδρία είναι ύποπτη.",
+            "inactive_sessions_list_description": "Εξετάστε το ενδεχόμενο να αποσυνδεθείτε από παλιές συνεδρίες (%(inactiveAgeDays)s ημέρες ή παλαιότερες) που δεν χρησιμοποιείτε πλέον.",
+            "ip": "Διεύθυνση IP",
+            "last_activity": "Τελευταία δραστηριότητα",
+            "mobile_session": "Συνεδρία κινητού",
+            "n_sessions_selected": {
+                "one": "%(count)s επιλεγμένη συνεδρία",
+                "other": "%(count)s επιλεγμένες συνεδρίες"
+            },
+            "no_inactive_sessions": "Δεν βρέθηκαν ανενεργές συνεδρίες.",
+            "no_sessions": "Δεν βρέθηκαν συνεδρίες.",
+            "no_unverified_sessions": "Δεν βρέθηκαν μη επαληθευμένες συνεδρίες.",
+            "no_verified_sessions": "Δεν βρέθηκαν επαληθευμένες συνεδρίες.",
+            "other_sessions_heading": "Άλλες συνεδρίες",
+            "push_heading": "Ειδοποιήσεις push",
+            "push_subheading": "Λάβετε ειδοποιήσεις push σε αυτήν τη συνεδρία.",
+            "push_toggle": "Ενεργοποίηση/απενεργοποίηση ειδοποιήσεων push σε αυτήν τη συνεδρία.",
+            "rename_form_caption": "Λάβετε υπόψη ότι τα ονόματα των συνεδριών είναι επίσης ορατά στα άτομα με τα οποία επικοινωνείτε.",
+            "rename_form_heading": "Μετονομασία συνεδρίας",
+            "rename_form_learn_more": "Μετονομασία συνεδριών",
+            "rename_form_learn_more_description_1": "Άλλοι χρήστες σε απευθείας μηνύματα και αίθουσες στις οποίες συμμετέχετε μπορούν να δουν μια πλήρη λίστα των συνεδριών σας.",
+            "rename_form_learn_more_description_2": "Αυτό τους παρέχει την εμπιστοσύνη ότι πραγματικά μιλούν με εσάς, αλλά σημαίνει επίσης ότι μπορούν να δουν το όνομα της συνεδρίας που εισάγετε εδώ.",
+            "security_recommendations": "Συστάσεις ασφαλείας",
+            "security_recommendations_description": "Βελτιώστε την ασφάλεια του λογαριασμού σας ακολουθώντας αυτές τις συστάσεις.",
+            "session_id": "Αναγνωριστικό συνεδρίας",
+            "show_details": "Εμφάνιση λεπτομερειών",
+            "sign_in_with_qr": "Σύνδεση νέας συσκευής",
+            "sign_in_with_qr_button": "Εμφάνιση κωδικού QR",
+            "sign_in_with_qr_description": "Χρησιμοποιήστε έναν κωδικό QR για να συνδεθείτε σε άλλη συσκευή και να ρυθμίσετε την ασφαλή ανταλλαγή μηνυμάτων.",
+            "sign_out": "Αποσυνδεθείτε από αυτήν τη συνεδρία",
+            "sign_out_all_other_sessions": "Αποσύνδεση από όλες τις άλλες συνεδρίες (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Είστε βέβαιοι ότι θέλετε να αποσυνδεθείτε από τη %(count)s συνεδρία;",
+                "other": "Είστε βέβαιοι ότι θέλετε να αποσυνδεθείτε από τις %(count)s συνεδρίες;"
+            },
+            "sign_out_n_sessions": {
+                "one": "Αποσύνδεση από %(count)s συνεδρία",
+                "other": "Αποσύνδεση από %(count)s συνεδρίες"
+            },
+            "title": "Συνεδρίες",
+            "unknown_session": "Άγνωστος τύπος συνεδρίας",
+            "unverified_session": "Μη επαληθευμένη συνεδρία",
+            "unverified_session_explainer_1": "Αυτή η συνεδρία δεν υποστηρίζει κρυπτογράφηση και συνεπώς δεν μπορεί να επαληθευτεί.",
+            "unverified_session_explainer_2": "Δεν θα μπορείτε να συμμετάσχετε σε αίθουσες όπου είναι ενεργοποιημένη η κρυπτογράφηση κατά τη χρήση αυτής της συνεδρίας.",
+            "unverified_session_explainer_3": "Για καλύτερη ασφάλεια και ιδιωτικότητα, συνιστάται να χρησιμοποιείτε εφαρμογές Matrix που υποστηρίζουν κρυπτογράφηση.",
+            "unverified_sessions": "Μη επαληθευμένες συνεδρίες",
+            "unverified_sessions_explainer_1": "Οι μη επαληθευμένες συνεδρίες είναι συνεδρίες στις οποίες έχετε συνδεθεί με τα διαπιστευτήριά σας, αλλά δεν έχουν επαληθευτεί.",
+            "unverified_sessions_explainer_2": "Θα πρέπει να βεβαιωθείτε ιδιαίτερα ότι αναγνωρίζετε αυτές τις συνεδρίες, καθώς ενδέχεται να αποτελούν μη εξουσιοδοτημένη χρήση του λογαριασμού σας.",
+            "unverified_sessions_list_description": "Επαληθεύστε τις συνεδρίες σας για βελτιωμένα ασφαλή μηνύματα ή αποσυνδεθείτε από αυτές που δεν αναγνωρίζετε ή χρησιμοποιείτε πλέον.",
+            "url": "URL",
+            "verified_session": "Επαληθευμένη συνεδρία",
+            "verified_sessions": "Επαληθευμένες συνεδρίες",
+            "verified_sessions_explainer_1": "Οι επαληθευμένες συνεδρίες είναι οπουδήποτε χρησιμοποιείτε αυτόν τον λογαριασμό αφού εισαγάγετε τη φράση πρόσβασής σας ή επιβεβαιώσετε την ταυτότητά σας με άλλη επαληθευμένη συνεδρία.",
+            "verified_sessions_explainer_2": "Αυτό σημαίνει ότι έχετε όλα τα κλειδιά που απαιτούνται για να ξεκλειδώσετε τα κρυπτογραφημένα μηνύματά σας και να επιβεβαιώσετε σε άλλους χρήστες ότι εμπιστεύεστε αυτήν τη συνεδρία.",
+            "verified_sessions_list_description": "Για βέλτιστη ασφάλεια, αποσυνδεθείτε από οποιαδήποτε συνεδρία που δεν αναγνωρίζετε ή χρησιμοποιείτε πλέον.",
+            "verify_session": "Επαλήθευση συνεδρίας",
+            "web_session": "Συνεδρία web"
+        },
+        "show_avatar_changes": "Εμφάνιση αλλαγών εικόνας προφίλ",
+        "show_breadcrumbs": "Εμφάνιση συντομεύσεων σε δωμάτια που προβλήθηκαν πρόσφατα πάνω από τη λίστα δωματίων",
+        "show_chat_effects": "Εμφάνιση εφέ συνομιλίας (κινούμενα σχέδια κατά τη λήψη π.χ. κομφετί)",
+        "show_displayname_changes": "Εμφάνιση αλλαγών εμφανιζόμενου ονόματος",
+        "show_join_leave": "Εμφάνιση μηνυμάτων συμμετοχής/αποχώρησης (προσκλήσεις/αφαιρέσεις/απαγορεύσεις δεν επηρεάζονται)",
+        "show_nsfw_content": "Εμφάνιση περιεχομένου NSFW",
+        "show_read_receipts": "Εμφάνιση αποδείξεων ανάγνωσης που έχουν αποσταλεί από άλλους χρήστες",
+        "show_redaction_placeholder": "Εμφάνιση πλαισίου θέσης για μηνύματα που έχουν αφαιρεθεί",
+        "show_stickers_button": "Εμφάνιση κουμπιού αυτοκόλλητων",
+        "show_typing_notifications": "Εμφάνιση ειδοποιήσεων πληκτρολόγησης",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "Εμφάνιση όλων των δωματίων",
+            "metaspaces_home_all_rooms_description": "Εμφάνιση όλων των δωματίων σας στην Αρχική, ακόμα κι αν βρίσκονται σε ένα χώρο.",
+            "metaspaces_home_description": "Ο Αρχικός χώρος είναι χρήσιμος για να έχετε μια επισκόπηση των πάντων.",
+            "metaspaces_orphans": "Δωμάτια εκτός χώρου",
+            "metaspaces_orphans_description": "Ομαδοποιήστε σε ένα μέρος όλα τα δωμάτιά σας που δεν αποτελούν μέρος ενός χώρου.",
+            "metaspaces_subsection": "Χώροι για εμφάνιση",
+            "spaces_explainer": "Οι χώροι είναι τρόποι ομαδοποίησης αιθουσών και ανθρώπων. Παράλληλα με τους χώρους στους οποίους βρίσκεστε, μπορείτε να χρησιμοποιήσετε και κάποιους προκατασκευασμένους χώρους.",
+            "title": "Πλαϊνή μπάρα"
+        },
+        "use_12_hour_format": "Εμφάνιση χρονικών σημάνσεων σε 12ωρη μορφή ώρας (π.χ. 2:30 μ.μ.)",
+        "use_command_enter_send_message": "Χρησιμοποιήστε Command + Enter για να στείλετε ένα μήνυμα",
+        "use_command_f_search": "Χρησιμοποιήστε τα πλήκτρα Command + F για αναζήτηση στο χρονολόγιο",
+        "use_control_enter_send_message": "Χρησιμοποιήστε Ctrl + Enter για να στείλετε ένα μήνυμα",
+        "use_control_f_search": "Χρησιμοποιήστε τα πλήκτρα Ctrl + F για αναζήτηση στο χρονολόγιο",
+        "voip": {
+            "allow_p2p": "Να επιτρέπεται η χρήση Peer-to-Peer για κλήσεις 1:1",
+            "allow_p2p_description": "Όταν είναι ενεργό, το άλλο άτομο ενδέχεται να μπορεί να δει τη διεύθυνση IP σου",
+            "audio_input_empty": "Δεν εντοπίστηκε μικρόφωνο",
+            "audio_output": "Έξοδος ήχου",
+            "audio_output_empty": "Δεν εντοπίστηκαν Έξοδοι Ήχου",
+            "auto_gain_control": "Αυτόματος έλεγχος gain",
+            "echo_cancellation": "Ακύρωση ηχούς",
+            "enable_fallback_ice_server": "Να επιτρέπεται ο εναλλακτικής διακομιστής υποβοήθησης κλήσης (%(server)s )",
+            "enable_fallback_ice_server_description": "Ισχύει μόνο εάν ο οικιακός διακομιστής σου δεν προσφέρει ένα. Η διεύθυνση IP σου θα κοινοποιηθεί κατά τη διάρκεια μιας κλήσης.",
+            "mirror_local_feed": "Αντικατοπτρίστε την τοπική ροή βίντεο",
+            "missing_permissions_prompt": "Λείπουν δικαιώματα πολυμέσων, κάντε κλικ στο κουμπί παρακάτω για να αιτηθείτε.",
+            "noise_suppression": "Καταστολή θορύβου",
+            "request_permissions": "Ζητήστε άδειες πολυμέσων",
+            "title": "Φωνή & Βίντεο",
+            "video_input_empty": "Δεν εντοπίστηκε κάμερα",
+            "video_section": "Ρυθμίσεις βίντεο",
+            "voice_agc": "Αυτόματη ρύθμιση της έντασης του μικροφώνου",
+            "voice_processing": "Επεξεργασία φωνής",
+            "voice_section": "Ρυθμίσεις φωνής"
+        },
+        "warn_quit": "Προειδοποιήστε πριν την παραίτηση",
+        "warning": "<w>ΠΡΟΕΙΔΟΠΟΙΗΣΗ:</w> <description/>"
+    },
+    "share": {
+        "permalink_message": "Σύνδεσμος στο επιλεγμένο μήνυμα",
+        "permalink_most_recent": "Σύνδεσμος προς το πιο πρόσφατο μήνυμα",
+        "title_message": "Κοινή χρήση Μηνύματος Δωματίου",
+        "title_room": "Κοινή χρήση Δωματίου",
+        "title_user": "Κοινή χρήση Χρήστη"
+    },
+    "slash_command": {
+        "addwidget": "Προσθέτει ένα προσαρμοσμένο widget μέσω URL στο δωμάτιο",
+        "addwidget_iframe_missing_src": "Το iframe δεν έχει χαρακτηριστικό src",
+        "addwidget_invalid_protocol": "Παρακαλώ εισάγετε ένα widget URL με https:// ή http://",
+        "addwidget_missing_url": "Παρακαλώ εισάγετε ένα widget URL ή ενσωματώστε κώδικα",
+        "addwidget_no_permissions": "Δεν μπορείτε να τροποποιήσετε μικροεφαρμογές σε αυτό το δωμάτιο.",
+        "ban": "Αποκλεισμός χρήστη με το συγκεκριμένο αναγνωριστικό",
+        "category_actions": "Δράσεις",
+        "category_admin": "Διαχειριστής",
+        "category_advanced": "Προχωρημένες",
+        "category_effects": "Εφέ",
+        "category_messages": "Μηνύματα",
+        "category_other": "Άλλα",
+        "command_error": "Σφάλμα εντολής",
+        "converttodm": "Μετατρέπει το δωμάτιο σε προσωπική συνομιλία",
+        "converttoroom": "Μετατρέπει την προσωπική συνομιλία σε δωμάτιο",
+        "could_not_find_room": "Δεν ήταν δυνατή η εύρεση αίθουσας",
+        "deop": "Deop χρήστη με το συγκεκριμένο αναγνωριστικό",
+        "devtools": "Ανοίγει το παράθυρο Εργαλείων για Προγραμματιστές",
+        "discardsession": "Επιβάλλει την τρέχουσα εξερχόμενη ομαδική συνεδρία σε κρυπτογραφημένο δωμάτιο για απόρριψη",
+        "error_invalid_rendering_type": "Σφάλμα εντολής: Δεν είναι δυνατή η εύρεση του τύπου απόδοσης (%(renderingType)s)",
+        "error_invalid_room": "Η εντολή απέτυχε: Δεν ήταν δυνατή η εύρεση αίθουσας (%(roomId)s)",
+        "error_invalid_runfn": "Σφάλμα εντολής: Δεν είναι δυνατή η χρήση της εντολής slash.",
+        "help": "Εμφανίζει τη λίστα εντολών με τρόπους χρήσης και περιγραφές",
+        "help_dialog_title": "Βοήθεια Εντολών",
+        "holdcall": "Βάζει την κλήση στο τρέχον δωμάτιο σε αναμονή",
+        "html": "Αποστέλλει ένα μήνυμα ως html, χωρίς να το ερμηνεύει ως markdown",
+        "ignore": "Αγνοεί ένα χρήστη, αποκρύπτοντας τα μηνύματα του σε εσάς",
+        "ignore_dialog_description": "Τώρα αγνοείτε τον/την %(userId)s",
+        "ignore_dialog_title": "Αγνοημένος χρήστης",
+        "invite": "Προσκαλεί τον χρήστη με το δοσμένο αναγνωριστικό στο τρέχον δωμάτιο",
+        "invite_3pid_needs_is_error": "Χρησιμοποιήστε έναν διακομιστή ταυτοτήτων για να προσκαλέσετε μέσω email. Μπορείτε να κάνετε διαχείριση στις Ρυθμίσεις.",
+        "invite_3pid_use_default_is_title": "Χρησιμοποιήστε ένα διακομιστή ταυτοτήτων",
+        "invite_3pid_use_default_is_title_description": "Χρησιμοποιήστε έναν διακομιστή ταυτοτήτων για να προσκαλέσετε μέσω email. Πατήστε συνέχεια για να χρησιμοποιήσετε τον προεπιλεγμένο διακομιστή ταυτοτήτων (%(defaultIdentityServerName)s) ή μπείτε στην διαχείριση στις Ρυθμίσεις.",
+        "invite_failed": "Ο χρήστης (%(user)s) δεν προσκλήθηκε στο %(roomId)s, αλλά δεν δόθηκε σφάλμα από το βοηθητικό πρόγραμμα πρόσκλησης.",
+        "join": "Σύνδεση στην αίθουσα με την δοθείσα διεύθυνση",
+        "jumptodate": "Μεταβείτε στη δεδομένη ημερομηνία στο χρονολόγιο",
+        "jumptodate_invalid_input": "Αδυναμία κατανόησης της δοθείσας ημερομηνίας (%(inputDate)s). Προσπαθήστε να χρησιμοποιήσετε την μορφή YYYY-MM-DD.",
+        "lenny": "Προ-εισάγει ( ͡° ͜ʖ ͡°) σε ένα μήνυμα απλού κειμένου",
+        "me": "Εμφανίζει την ενέργεια",
+        "msg": "Στέλνει ένα μήνυμα στον δοσμένο χρήστη",
+        "myavatar": "Αλλάζει την εικόνα προφίλ σου σ' όλα τα δωμάτια",
+        "myroomavatar": "Αλλάζει την εικόνα προφίλ σου μόνο στο τρέχον δωμάτιο",
+        "myroomnick": "Αλλάζει το εμφανιζόμενο ψευδώνυμο μόνο στο παρόν δωμάτιο",
+        "nick": "Αλλάζει το ψευδώνυμο χρήστη",
+        "no_active_call": "Δεν υπάρχει ενεργή κλήση σε αυτό το δωμάτιο",
+        "op": "Καθορίζει το επίπεδο δύναμης ενός χρήστη",
+        "part_unknown_alias": "Μη αναγνωρισμένη διεύθυνση δωματίου: %(roomAlias)s",
+        "plain": "Αποστέλλει ένα μήνυμα ως απλό κείμενο, χωρίς να το ερμηνεύει ως \"markdown\"",
+        "query": "Ανοίγει την συνομιλία με τον δοσμένο χρήστη",
+        "query_not_found_phone_number": "Δεν είναι δυνατή η εύρεση του αναγνωριστικού Matrix για τον αριθμό τηλεφώνου",
+        "rageshake": "Στέλνει μία αναφορά σφάλματος με logs",
+        "rainbow": "Στέλνει το δοσμένο μήνυμα χρωματισμένο σαν ουράνιο τόξο",
+        "rainbowme": "Στέλνει το δοσμένο emote χρωματισμένο σαν ουράνιο τόξο",
+        "remove": "Αφαιρεί τον χρήστη με το συγκεκριμένο αναγνωριστικό από αυτό το δωμάτιο",
+        "roomavatar": "Αλλάζει το άβαταρ αυτού του δωματίου",
+        "roomname": "Θέτει το θέμα του δωματίου",
+        "server_error": "Σφάλμα διακομιστή",
+        "server_error_detail": "Ο διακομιστής μπορεί να είναι μη διαθέσιμος, υπερφορτωμένος, ή κάτι άλλο να πήγε στραβά.",
+        "shrug": "Προ-εισάγει ¯\\_(ツ)_/¯ σε ένα μήνυμα απλού κειμένου",
+        "spoiler": "Στέλνει το δοθέν μήνυμα ως spoiler",
+        "tableflip": "Προ-εισάγει (╯°□°）╯︵ ┻━┻ σε ένα μήνυμα απλού κειμένου",
+        "topic": "Λαμβάνει ή θέτει το θέμα του δωματίου",
+        "topic_none": "Αυτή η αίθουσα δεν έχει κάποιο θέμα.",
+        "topic_room_error": "Αποτυχία λήψης θέματος δωματίου: Αδυναμία εύρεσης δωματίου (%(roomId)s",
+        "unban": "Άρση αποκλεισμού χρήστη με το συγκεκριμένο αναγνωριστικό",
+        "unflip": "Προ-εισάγει ┬──┬ ノ( ゜-゜ノ) σε ένα μήνυμα απλού κειμένου",
+        "unholdcall": "Επαναφέρει την κλήση στο τρέχον δωμάτιο από την αναμονή",
+        "unignore": "Διακοπή παράβλεψης ενός χρήστη, και προβολή των μηνυμάτων του",
+        "unignore_dialog_description": "Δεν αγνοείτε πια τον/την %(userId)s",
+        "unignore_dialog_title": "Χρήστης από κατάργηση παράβλεψης",
+        "unknown_command": "Αγνωστη εντολή",
+        "unknown_command_button": "Αποστολή ως μήνυμα",
+        "unknown_command_detail": "Μη αναγνωρισμένη εντολή: %(commandText)s",
+        "unknown_command_help": "Μπορείτε να χρησιμοποιήσετε το <code>/help</code> για να παραθέσετε τις διαθέσιμες εντολές. Μήπως θέλατε να το στείλετε αυτό ως μήνυμα;",
+        "unknown_command_hint": "Συμβουλή: Ξεκινήστε το μήνυμά σας με <code>//</code> για να το ξεκινήσετε με κάθετο.",
+        "upgraderoom": "Αναβαθμίζει το δωμάτιο σε μια καινούργια έκδοση",
+        "upgraderoom_permission_error": "Δεν διαθέτετε τις απαιτούμενες άδειες για να χρησιμοποιήσετε αυτήν την εντολή.",
+        "usage": "Χρήση",
+        "verify": "Επαληθεύστε χειροκίνητα μια από τις δικές σας συσκευές",
+        "view": "Προβάλει την αίθουσα με την δεδομένη διεύθυνση",
+        "whois": "Εμφανίζει πληροφορίες για έναν χρήστη"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "Θέλετε να προσθέσετε ένα νέο δωμάτιο αντί αυτού;",
+            "create_prompt": "Δημιουργήστε νέο δωμάτιο",
+            "dm_heading": "Άμεσα Μηνύματα",
+            "error_heading": "Δεν προστέθηκαν όλοι οι επιλεγμένοι",
+            "progress_text": {
+                "one": "Προσθήκη δωματίου...",
+                "other": "Προσθήκη δωματίων... (%(progress)s από %(count)s)"
+            },
+            "space_dropdown_label": "Επιλογή χώρου",
+            "space_dropdown_title": "Προσθέστε υπάρχοντα δωμάτια",
+            "subspace_moved_note": "Η προσθήκη χώρων μετακινήθηκε."
+        },
+        "add_existing_subspace": {
+            "create_button": "Δημιουργήστε ένα νέο χώρο",
+            "create_prompt": "Θέλετε να προσθέσετε ένα νέο χώρο αντί αυτού;",
+            "filter_placeholder": "Αναζητήστε χώρους",
+            "space_dropdown_title": "Προσθήκη υπάρχοντος χώρου"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Εμφάνιση χρονολογίου αίθουσας (develtools)",
+            "explore": "Εξερευνήστε δωμάτια",
+            "home": "Αρχική σελίδα χώρου",
+            "manage_and_explore": "Διαχειριστείτε και εξερευνήστε δωμάτια",
+            "options": "Επιλογές χώρου"
+        },
+        "failed_load_rooms": "Αποτυχία φόρτωσης λίστας δωματίων.",
+        "failed_remove_rooms": "Αποτυχία κατάργησης ορισμένων δωματίων. Δοκιμάστε ξανά αργότερα",
+        "incompatible_server_hierarchy": "Ο διακομιστής σας δεν υποστηρίζει την εμφάνιση ιεραρχιών χώρου.",
+        "invite": "Προσκαλέστε άτομα",
+        "invite_description": "Πρόσκληση με email ή όνομα χρήστη",
+        "invite_link": "Κοινή χρήση συνδέσμου πρόσκλησης",
+        "joining_space": "Συνδέετε",
+        "landing_welcome": "Καλώς ήρθατε στο <name/>",
+        "leave_dialog_action": "Αποχώρηση από τον χώρο",
+        "leave_dialog_description": "Πρόκειται να αποχωρήσετε από το <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Είστε ο μοναδικός διαχειριστής ορισμένων από τα δωμάτια ή τους χώρους που θέλετε να αποχωρήσετε. Αν αποχωρήσετε, θα μείνουν χωρίς διαχειριστές.",
+        "leave_dialog_only_admin_warning": "Είστε ο μοναδικός διαχειριστής αυτού του χώρου. Αν αποχωρήσετε τότε κανείς άλλος δε θα τον ελέγχει.",
+        "leave_dialog_option_all": "Αποχώρηση από όλα τα δωμάτια",
+        "leave_dialog_option_intro": "Θα θέλατε να αποχωρήσετε από τα δωμάτια σε αυτόν τον χώρο;",
+        "leave_dialog_option_none": "Μην αφήνετε κανένα δωμάτιο",
+        "leave_dialog_option_specific": "Αποχώρηση από κάποια δωμάτια",
+        "leave_dialog_public_rejoin_warning": "Δε θα μπορείτε να συμμετάσχετε ξανά εκτός αν προσκληθείτε και πάλι.",
+        "leave_dialog_title": "Αποχωρήστε από %(spaceName)s",
+        "mark_suggested": "Επισήμανση ως προτεινόμενο",
+        "no_search_result_hint": "Μπορεί να θέλετε να δοκιμάσετε μια διαφορετική αναζήτηση ή να ελέγξετε για ορθογραφικά λάθη.",
+        "preferences": {
+            "sections_section": "Ενότητες προς εμφάνιση",
+            "show_people_in_space": "Αυτό ομαδοποιεί τις συνομιλίες σας με μέλη αυτού του χώρου. Η απενεργοποίηση του θα αποκρύψει αυτές τις συνομιλίες από την προβολή του %(spaceName)s."
+        },
+        "room_filter_placeholder": "Αναζητήστε δωμάτια",
+        "search_children": "Αναζήτηση %(spaceName)s",
+        "search_placeholder": "Αναζήτηση ονομάτων και περιγραφών",
+        "select_room_below": "Επιλέξτε πρώτα ένα δωμάτιο παρακάτω",
+        "share_public": "Μοιραστείτε τον δημόσιο χώρο σας",
+        "suggested": "Προτεινόμενα",
+        "suggested_tooltip": "Αυτό το δωμάτιο προτείνεται ως ένα καλό δωμάτιο για συμμετοχή",
+        "title_when_query_available": "Αποτελέσματα",
+        "title_when_query_unavailable": "Δωμάτια και Χώροι",
+        "unmark_suggested": "Επισήμανση ως μη προτεινόμενο",
+        "user_lacks_permission": "Δεν έχετε άδεια"
+    },
+    "space_settings": {
+        "title": "Ρυθμίσεις - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Εισαγάγετε το όνομα ενός νέου διακομιστή που θέλετε να εξερευνήσετε.",
+            "network_dropdown_add_dialog_placeholder": "Ονομα διακομιστή",
+            "network_dropdown_add_dialog_title": "Προσθήκη νέου διακομιστή",
+            "network_dropdown_add_server_option": "Προσθήκη νέου διακομιστή…",
+            "network_dropdown_available_invalid": "Αδυναμία εύρεσης του διακομιστή ή της λίστας δωματίων του",
+            "network_dropdown_available_invalid_forbidden": "Δεν επιτρέπεται να δείτε τη λίστα δωματίων αυτού του διακομιστή",
+            "network_dropdown_available_valid": "Φαίνεται καλό",
+            "network_dropdown_required_invalid": "Εισαγάγετε ένα όνομα διακομιστή",
+            "network_dropdown_your_server_description": "Ο διακομιστής σας"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Εάν δεν εμφανίζεται το άτομο που αναζητάτε, στείλτε τους τον σύνδεσμο πρόσκλησης.",
+        "copy_link_text": "Αντιγραφή συνδέσμου πρόσκλησης",
+        "count_of_members": {
+            "one": "%(count)s Μέλος",
+            "other": "%(count)s Μέλη"
+        },
+        "create_new_room_button": "Δημιουργία νέου δωματίου",
+        "group_chat_section_title": "Αλλες επιλογές",
+        "heading_with_query": "Χρησιμοποιήστε το \"%(query)s\" για αναζήτηση",
+        "heading_without_query": "Αναζήτηση για",
+        "join_button_text": "Συμμετοχή στο %(roomAddress)s",
+        "keyboard_scroll_hint": "Χρησιμοποιήστε τα <arrows/> για κύλιση",
+        "other_rooms_in_space": "Άλλα δωμάτιο στο %(spaceName)s",
+        "public_rooms_label": "Δημόσια δωμάτια",
+        "recent_searches_section_title": "Πρόσφατες αναζητήσεις",
+        "recently_viewed_section_title": "Προβλήθηκε πρόσφατα",
+        "result_may_be_hidden_privacy_warning": "Ορισμένα αποτελέσματα ενδέχεται να είναι κρυφά για λόγους απορρήτου",
+        "result_may_be_hidden_warning": "Ορισμένα αποτελέσματα ενδέχεται να είναι κρυμμένα",
+        "search_dialog": "Παράθυρο Αναζήτησης",
+        "spaces_title": "Χώροι που ανήκετε",
+        "start_group_chat_button": "Ξεκινήστε μια ομαδική συνομιλία"
+    },
+    "stickers": {
+        "empty": "Προς το παρόν δεν έχετε ενεργοποιημένο κάποιο πακέτο αυτοκόλλητων",
+        "empty_add_prompt": "Προσθέστε μερικά τώρα"
+    },
+    "terms": {
+        "column_document": "Έγγραφο",
+        "column_service": "Υπηρεσία",
+        "column_summary": "Περίληψη",
+        "identity_server_no_terms_description_1": "Αυτή η δράση απαιτεί την πρόσβαση στο προκαθορισμένο διακομιστή ταυτοποίησης <server /> για να επιβεβαιώσει μια διεύθυνση ηλ. ταχυδρομείου ή αριθμό τηλεφώνου, αλλά ο διακομιστής δεν έχει όρους χρήσης.",
+        "identity_server_no_terms_description_2": "Συνεχίστε μόνο εάν εμπιστεύεστε τον ιδιοκτήτη του διακομιστή.",
+        "identity_server_no_terms_title": "Ο διακομιστής ταυτοποίησης δεν έχει όρους χρήσης",
+        "inline_intro_text": "Αποδεχτείτε το <policyLink /> για να συνεχίσετε:",
+        "integration_manager": "Χρησιμοποιήστε bots, γέφυρες, μικροεφαρμογές και πακέτα αυτοκόλλητων",
+        "intro": "Για να συνεχίσετε, πρέπει να αποδεχτείτε τους όρους αυτής της υπηρεσίας.",
+        "summary_identity_server_1": "Βρείτε άλλους μέσω τηλεφώνου ή email",
+        "summary_identity_server_2": "Να βρεθεί μέσω τηλεφώνου ή email",
+        "tac_button": "Ελέγξτε τους όρους και τις προϋποθέσεις",
+        "tac_description": "Για να συνεχίσετε να χρησιμοποιείτε τον κεντρικό διακομιστή %(homeserverDomain)s πρέπει να διαβάσετε και να συμφωνήσετε με τους όρους και τις προϋποθέσεις μας.",
+        "tac_title": "Οροι και Προϋποθέσεις",
+        "tos": "Όροι Χρήσης"
+    },
+    "theme": {
+        "light_high_contrast": "Ελαφριά υψηλή αντίθεση",
+        "match_system": "Ταίριασμα με του συστήματος"
+    },
+    "thread_view_back_action_label": "Επιστροφή στο νήμα εκτέλεσης",
+    "threads": {
+        "all_threads": "Όλα τα νήματα",
+        "all_threads_description": "Εμφανίζει όλα τα νήματα από το τρέχον δωμάτιο",
+        "count_of_reply": {
+            "one": "%(count)s απάντηση",
+            "other": "%(count)s απαντήσεις"
+        },
+        "my_threads": "Τα νήματα μου",
+        "my_threads_description": "Εμφανίζει όλα τα νήματα στα οποία έχετε συμμετάσχει",
+        "open_thread": "Άνοιγμα νήματος",
+        "show_thread_filter": "Εμφάνισε:"
+    },
+    "time": {
+        "date_at_time": "%(date)s στις %(time)s",
+        "hours_minutes_seconds_left": "απομένουν %(hours)sώ %(minutes)sλ %(seconds)sδλ",
+        "left": "%(timeRemaining)s απομένουν",
+        "minutes_seconds_left": "απομένουν %(minutes)sλ %(seconds)sδλ",
+        "seconds_left": "%(seconds)ss απομένουν",
+        "short_days": "%(value)sμέρες",
+        "short_days_hours_minutes_seconds": "%(days)sη %(hours)sώ %(minutes)sλ %(seconds)sδλ",
+        "short_hours": "%(value)sώρες",
+        "short_hours_minutes_seconds": "%(hours)sώ %(minutes)sλ %(seconds)sδλ",
+        "short_minutes": "%(value)s'",
+        "short_minutes_seconds": "%(minutes)sλ %(seconds)sδλ",
+        "short_seconds": "%(value)s\""
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Σύμπτυξη νήματος απάντησης",
+            "external_url": "Πηγαίο URL",
+            "open_in_osm": "Άνοιγμα στο OpenStreetMap",
+            "report": "Αναφορά",
+            "resent_unsent_reactions": "Επανάληψη αποστολής %(unsentCount)s αντιδράσεων",
+            "show_url_preview": "Εμφάνιση προεπισκόπησης",
+            "view_source": "Προβολή πηγής"
+        },
+        "creation_summary_dm": "Ο/η %(creator)s δημιούργησε αυτό το απευθείας μήνυμα.",
+        "creation_summary_room": "Ο/η %(creator)s δημιούργησε και διαμόρφωσε το δωμάτιο.",
+        "download_action_downloading": "Γίνεται λήψη",
+        "edits": {
+            "tooltip_label": "Επεξεργάστηκε στις %(date)s. Κάντε κλικ για να δείτε τις τροποποιήσεις.",
+            "tooltip_sub": "Κάντε κλικ για να δείτε τις τροποποιήσεις",
+            "tooltip_title": "Τροποποιήθηκε στις %(date)s"
+        },
+        "error_no_renderer": "Δεν ήταν δυνατή η εμφάνιση αυτού του συμβάντος",
+        "error_rendering_message": "Δεν είναι δυνατή η φόρτωση αυτού του μηνύματος",
+        "historical_messages_unavailable": "Δεν μπορείτε να δείτε προηγούμενα μηνύματα",
+        "io.element.widgets.layout": "%(senderName)s έχει ενημερώσει τη διάταξη του δωματίου",
+        "load_error": {
+            "no_permission": "Έγινε προσπάθεια φόρτωσης ενός συγκεκριμένου σημείου στο χρονολόγιο της αίθουσας, αλλά δεν έχετε δικαίωμα να δείτε το εν λόγω μήνυμα.",
+            "title": "Δεν ήταν δυνατή η φόρτωση της θέσης του χρονολόγιου",
+            "unable_to_find": "Έγινε προσπάθεια φόρτωσης ενός συγκεκριμένου σημείου στο χρονολόγιο της αίθουσας, αλλά δε βρέθηκε."
+        },
+        "m.audio": {
+            "error_downloading_audio": "Σφάλμα λήψης ήχου",
+            "error_processing_audio": "Σφάλμα επεξεργασίας του ηχητικού μηνύματος",
+            "error_processing_voice_message": "Σφάλμα επεξεργασίας του φωνητικού μηνύματος"
+        },
+        "m.call": {
+            "video_call_started": "Ξεκίνησε βιντεοκλήση στο %(roomName)s",
+            "video_call_started_unsupported": "Ξεκίνησε βιντεοκλήση στο %(roomName)s. (δεν υποστηρίζεται απ' αυτόν τον περιηγητή)"
+        },
+        "m.call.hangup": {
+            "dm": "Τέλος κλήσης"
+        },
+        "m.call.invite": {
+            "call_back_prompt": "Καλέστε πίσω",
+            "declined": "Η κλήση απορρίφθηκε",
+            "failed_connect_media": "Δεν ήταν δυνατή η σύνδεση πολυμέσων",
+            "failed_connection": "Αποτυχία σύνδεσης",
+            "failed_opponent_media": "Η συσκευή τους δεν μπόρεσε να ξεκινήσει την κάμερα ή το μικρόφωνο",
+            "missed_call": "Αναπάντητη κλήση",
+            "no_answer": "Καμία απάντηση",
+            "unknown_error": "Συνέβη ένα άγνωστο σφάλμα",
+            "unknown_failure": "Άγνωστο σφάλμα: %(reason)s",
+            "unknown_state": "Η κλήση βρίσκεται σε άγνωστη κατάσταση!",
+            "video_call": "Ο %(senderName)s έκανε μία κλήση βίντεο.",
+            "video_call_unsupported": "Ο %(senderName)s έκανε μια κλήση βίντεο. (δεν υποστηρίζεται από το πρόγραμμα περιήγησης)",
+            "voice_call": "Ο %(senderName)s έκανε μία ηχητική κλήση.",
+            "voice_call_unsupported": "Ο %(senderName)s έκανε μια ηχητική κλήση. (δεν υποστηρίζεται από το πρόγραμμα περιήγησης)"
+        },
+        "m.file": {
+            "error_decrypting": "Σφάλμα κατά την αποκρυπτογράφηση της επισύναψης"
+        },
+        "m.image": {
+            "error_decrypting": "Σφάλμα κατά την αποκρυπτογράφηση της εικόνας",
+            "sent": "Ο %(senderDisplayName)s έστειλε μια φωτογραφία.",
+            "show_image": "Εμφάνιση εικόνας"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s θέλει να επαληθεύσει",
+            "you_started": "Στείλατε ένα αίτημα επαλήθευσης"
+        },
+        "m.location": {
+            "full": "%(senderName)s μοιράστηκαν την τοποθεσία τους",
+            "location": "Μοιράστηκε μια τοποθεσία: ",
+            "self_location": "Μοιράστηκαν την τοποθεσία τους: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s ψήφος",
+                "other": "%(count)s ψήφοι"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s τερμάτισε μία δημοσκόπηση"
+        },
+        "m.poll.start": "%(senderName)s ξεκίνησε μια δημοσκόπηση - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "Ο %(senderDisplayName)s άλλαξε την εικόνα του δωματίου.",
+            "lightbox_title": "Ο %(senderDisplayName)s άλλαξε την προσωπική εικόνα του %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "Ο %(senderName)s πρόσθεσε τις εναλλακτικές διευθύνσεις %(addresses)s για αυτό το δωμάτιο.",
+                "other": "Ο %(senderName)s πρόσθεσε τις εναλλακτικές διευθύνσεις %(addresses)s για αυτό το δωμάτιο."
+            },
+            "alt_removed": {
+                "one": "Ο %(senderName)s αφαίρεσε την εναλλακτική διεύθυνση %(addresses)s για αυτό το δωμάτιο.",
+                "other": "Ο %(senderName)s αφαίρεσε τις εναλλακτικές διευθύνσεις %(addresses)s για αυτό το δωμάτιο."
+            },
+            "changed": "Ο %(senderName)s άλλαξε τις διευθύνσεις για αυτό το δωμάτιο.",
+            "changed_alternative": "Ο %(senderName)s άλλαξε την εναλλακτική διεύθυνση για αυτό το δωμάτιο.",
+            "changed_main_and_alternative": "Ο %(senderName)s άλλαξε την κύρια και εναλλακτική διεύθυνση για αυτό το δωμάτιο.",
+            "removed": "Ο %(senderName)s αφαίρεσε την κύρια διεύθυνση για αυτό το δωμάτιο.",
+            "set": "Ο %(senderName)s έθεσε την κύρια διεύθυνση αυτού του δωματίου σε %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Αυτό το δωμάτιο είναι η συνέχεια μιας άλλης συνομιλίας.",
+            "see_older_messages": "Κάντε κλικ εδώ για να δείτε παλαιότερα μηνύματα."
+        },
+        "m.room.guest_access": {
+            "can_join": "Ο %(senderDisplayName)s επέτρεψε τους επισκέπτες να μπαίνουν στο δωμάτιο.",
+            "forbidden": "Ο %(senderDisplayName)s απέτρεψε τους επισκέπτες από το να μπαίνουν στο δωμάτιο.",
+            "unknown": "Ο %(senderDisplayName)s άλλαξε την πρόσβαση επισκεπτών σε %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "Ο/Η %(senderName)s έκανε το μελλοντικό ιστορικό της αίθουσας ορατό σε όλα τα μέλη της αίθουσας, από τη στιγμή που προσκλήθηκαν.",
+            "joined": "Ο %(senderName)s έκανε το μελλοντικό ιστορικό του δωματίου δημόσιο όλα τα μέλη, από τη στιγμή που συνδέθηκαν.",
+            "shared": "Ο %(senderName)s έκανε το μελλοντικό ιστορικό του δωματίου δημόσιο όλα τα μέλη.",
+            "unknown": "Ο %(senderName)s έκανε το μελλοντικό ιστορικό του δωματίου δημόσιο άγνωστο (%(visibility)s).",
+            "world_readable": "Ο %(senderName)s έκανε το μελλοντικό ιστορικό του δωματίου δημόσιο οποιοσδήποτε."
+        },
+        "m.room.join_rules": {
+            "invite": "Ο %(senderDisplayName)s άλλαξε το δωμάτιο σε \"μόνο με πρόσκληση\".",
+            "knock": "Ο χρήστης %(senderDisplayName)s άλλαξε τον κανόνα σύνδεσης για αίτημα συμμετοχής.",
+            "public": "Ο %(senderDisplayName)s έκανε το δωμάτιο δημόσιο για όποιον γνωρίζει τον σύνδεσμο.",
+            "restricted": "Ο %(senderDisplayName)s άλλαξε τους κανόνες σύνδεσης στο δωμάτιο.",
+            "restricted_settings": "Ο %(senderDisplayName)s άλλαξε τους κανόνες σύνδεσης στο δωμάτιο. <a>Δείτε τις ρυθμίσεις</a>.",
+            "unknown": "Ο %(senderDisplayName)s άλλαξε τους κανόνες εισόδου σε %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s αποδέχθηκε την πρόσκληση για %(displayName)s",
+            "accepted_invite": "%(targetName)s αποδέχθηκε μια πρόσκληση",
+            "ban": "Ο/Η %(senderName)s απέκλεισε έναν χρήστη",
+            "ban_reason": "Ο/Η %(senderName)s απέκλεισε έναν χρήστη: %(reason)s",
+            "change_avatar": "Ο %(senderName)s άλλαξε τη φωτογραφία του προφίλ του",
+            "change_name": "Ο/η %(oldDisplayName)s άλλαξε το εμφανιζόμενο όνομα σε %(displayName)s",
+            "change_name_avatar": "Ο χρήστης %(oldDisplayName)s άλλαξε το εμφανιζόμενο όνομα και την εικόνα προφίλ του",
+            "invite": "Ο/η %(senderName)s προσκάλεσε τον/την %(targetName)s",
+            "join": "Ο/η %(targetName)s συνδέθηκε στο δωμάτιο",
+            "kick": "%(senderName)s αφαιρέθηκε %(targetName)s",
+            "kick_reason": "%(senderName)s αφαιρέθηκε %(targetName)s: %(reason)s",
+            "left": "Ο/η %(targetName)s έφυγε από το δωμάτιο",
+            "left_reason": "Ο/η %(targetName)s έφυγε από το δωμάτιο: %(reason)s",
+            "no_change": "Ο %(senderName)s δεν έκανε καμία αλλαγή",
+            "reject_invite": "Ο/η %(targetName)s απέρριψε την πρόσκληση",
+            "remove_avatar": "Ο/η %(senderName)s αφαίρεσε τη φωτογραφία του προφίλ του",
+            "remove_name": "Ο %(senderName)s αφαίρεσε το όνομα του (%(oldDisplayName)s)",
+            "set_avatar": "Ο %(senderName)s όρισε τη φωτογραφία του προφίλ του",
+            "set_name": "Ο/η %(senderName)s καθόρισε το εμφανιζόμενο όνομα του σε %(displayName)s",
+            "unban": "Ο/η %(senderName)s ήρε τον αποκλεισμό του %(targetName)s",
+            "withdrew_invite": "Ο %(senderName)s ανακάλεσε την πρόσκληση του %(targetName)s",
+            "withdrew_invite_reason": "Ο %(senderName)s ανακάλεσε την πρόσκληση του %(targetName)s:%(reason)s"
+        },
+        "m.room.name": {
+            "change": "Ο %(senderDisplayName)s άλλαξε το όνομα δωματίου από %(oldRoomName)s σε %(newRoomName)s.",
+            "remove": "Ο %(senderDisplayName)s διέγραψε το όνομα του δωματίου.",
+            "set": "Ο %(senderDisplayName)s άλλαξε το όνομα του δωματίου σε %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "Ο/Η %(senderName)s άλλαξε τα καρφιτσωμένα μηνύματα του δωματίου.",
+            "changed_link": "Ο/Η %(senderName)s άλλαξε τα <a>καρφιτσωμένα μηνύματα</a> του δωματίου.",
+            "pinned": "%(senderName)s καρφίτσωσε ένα μήνυμα σε αυτό το δωμάτιο. Δείτε όλα τα καρφιτσωμένα μηνύματα.",
+            "pinned_link": "%(senderName)s καρφίτσωσε <a>ένα μήνυμα</a> σε αυτό το δωμάτιο. Δείτε όλα τα <b>καρφιτσωμένα μηνύματα</b>.",
+            "unpinned": "%(senderName)s ξεκαρφίτσωσε ένα μήνυμα από αυτό το δωμάτιο. Δείτε όλα τα καρφιτσωμένα μηνύματα.",
+            "unpinned_link": "%(senderName)s ξεκαρφίτσωσε <a>ένα μήνυμα</a> από αυτό το δωμάτιο. Δείτε όλα τα <b>καρφιτσωμένα μηνύματα</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "Ο %(senderName)s άλλαξε το επίπεδο δύναμης του %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s από %(fromPowerLevel)s σε %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "Ο %(senderName)s ανακάλεσε την πρόσκληση στον %(targetDisplayName)s για να συνδεθεί στο δωμάτιο.",
+            "sent": "Ο %(senderName)s έστειλε μια πρόσκληση στον %(targetDisplayName)s για να συνδεθεί στο δωμάτιο."
+        },
+        "m.room.tombstone": "Ο %(senderDisplayName)s αναβάθμισε αυτό το δωμάτιο.",
+        "m.room.topic": {
+            "changed": "Ο %(senderDisplayName)s άλλαξε το θέμα σε \"%(topic)s\"."
+        },
+        "m.sticker": "Ο %(senderDisplayName)s έστειλε ένα αυτοκόλλητο.",
+        "m.video": {
+            "error_decrypting": "Σφάλμα κατά την αποκρυπτογράφηση του βίντεο"
+        },
+        "m.widget": {
+            "added": "Προστέθηκε η μικροεφαρμογή %(widgetName)s από τον/την %(senderName)s",
+            "jitsi_ended": "Η τηλεδιάσκεψη τερματίστηκε από %(senderName)s",
+            "jitsi_join_right_prompt": "Συμμετάσχετε στην τηλεδιάσκεψη από την κάρτα πληροφοριών στα δεξιά",
+            "jitsi_join_top_prompt": "Συμμετάσχετε στην τηλεδιάσκεψη από την κορυφή αυτής της αίθουσας",
+            "jitsi_started": "Η τηλεδιάσκεψη ξεκίνησε από %(senderName)s",
+            "jitsi_updated": "Η τηλεδιάσκεψη ενημερώθηκε από %(senderName)s",
+            "modified": "Έγινε αλλαγή στη μικροεφαρμογή %(widgetName)s από τον/την %(senderName)s",
+            "removed": "Η μικροεφαρμογή %(widgetName)s αφαιρέθηκε από τον/την %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Αντιγραφή συνδέσμου στο νήμα εκτέλεσης",
+            "view_in_room": "Δείτε στο δωμάτιο"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s ενημέρωσε έναν κανόνα απαγόρευσης που αντιστοιχούσε %(oldGlob)s σε αντιστοίχιση %(newGlob)s για %(reason)s",
+            "changed_rule_rooms": "%(senderName)s άλλαξε έναν κανόνα που απαγόρευε την αντιστοίχιση δωματίων %(oldGlob)s σε αντιστοίχιση %(newGlob)s για %(reason)s",
+            "changed_rule_servers": "%(senderName)s άλλαξε έναν κανόνα που απαγόρευε την αντιστοίχιση διακομιστών %(oldGlob)s σε αντιστοίχιση %(newGlob)s για %(reason)s",
+            "changed_rule_users": "%(senderName)s άλλαξε έναν κανόνα που απαγόρευε την αντιστοίχιση χρηστών %(oldGlob)s σε αντιστοίχιση %(newGlob)s για %(reason)s",
+            "created_rule": "%(senderName)s δημιούργησε μια απαγόρευση αντιστοίχισης κανόνων %(glob)s για %(reason)s",
+            "created_rule_rooms": "%(senderName)s δημιούργησε έναν κανόνα που απαγορεύει την αντιστοίχιση δωματίων %(glob)s για %(reason)s",
+            "created_rule_servers": "%(senderName)s δημιούργησε έναν κανόνα που απαγορεύει την αντιστοίχιση διακομιστών %(glob)s για %(reason)s",
+            "created_rule_users": "%(senderName)s δημιούργησε έναν κανόνα που απαγορεύει την αντιστοίχιση χρηστών %(glob)s για %(reason)s",
+            "removed_rule": "%(senderName)s αφαίρεσε μια απαγόρευση αντιστοίχισης κανόνων %(glob)s",
+            "removed_rule_rooms": "%(senderName)s αφαίρεσε τον κανόνα που απαγορεύει την αντιστοίχιση δωματίων %(glob)s",
+            "removed_rule_servers": "%(senderName)s αφαίρεσε τον κανόνα που απαγορεύει την αντιστοίχιση διακομιστών %(glob)s",
+            "removed_rule_users": "Ο %(senderName)s αφαίρεσε τον κανόνα που αποκλείει τους χρήστες που ταιριάζουν με %(glob)s",
+            "updated_invalid_rule": "%(senderName)s ενημέρωσε έναν μη έγκυρο κανόνα απαγόρευσης",
+            "updated_rule": "%(senderName)s ενημέρωσε μια απαγόρευση αντιστοίχισης κανόνα%(glob)s για %(reason)s",
+            "updated_rule_rooms": "%(senderName)s ενημέρωσε τον κανόνα που απαγορεύει την αντιστοίχιση δωματίων %(glob)s για %(reason)s",
+            "updated_rule_servers": "%(senderName)s ενημέρωσε τον κανόνα που απαγορεύει την αντιστοίχιση διακομιστών %(glob)s για %(reason)s",
+            "updated_rule_users": "%(senderName)s ενημέρωσε τον κανόνα που απαγορεύει την αντιστοίχιση χρηστών %(glob)s για %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Δεν έχετε άδεια προβολής των μηνυμάτων που δημιουργήθηκαν πριν από την πρόσκληση σας.",
+        "no_permission_messages_before_join": "Δεν έχετε άδεια προβολής των μηνυμάτων που δημιουργήθηκαν πριν από την εγγραφή σας.",
+        "pending_moderation": "Μήνυμα σε εκκρεμότητα συντονισμού",
+        "pending_moderation_reason": "Μήνυμα σε εκκρεμότητα συντονισμού: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Προσθέστε αντίδραση",
+            "label": "%(reactors)s αντέδρασαν με %(content)s"
+        },
+        "read_receipt_title": {
+            "one": "Αναγνώστηκε από %(count)s άτομο",
+            "other": "Αναγνώστηκε από %(count)s άτομα"
+        },
+        "redacted": {
+            "tooltip": "Το μήνυμα διαγράφηκε στις %(date)s"
+        },
+        "redaction": "Το μήνυμα διαγράφηκε από %(name)s",
+        "reply": {
+            "error_loading": "Αδυναμία φόρτωσης του συμβάντος στο οποίο δόθηκε απάντηση, είτε δεν υπάρχει είτε δεν έχετε άδεια να το προβάλετε.",
+            "in_reply_to": "<a>Ως απαντηση σε</a> <pill>",
+            "in_reply_to_for_export": "Ως απαντηση σε<a>αυτό το μήνυμα</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Θα μεταφερθείτε σε έναν ιστότοπου τρίτου για να πραγματοποιηθεί η πιστοποίηση του λογαριασμού σας με το %(integrationsUrl)s. Θα θέλατε να συνεχίσετε;",
+            "dialog_title": "Προσθήκη ενσωμάτωσης"
+        },
+        "self_redaction": "Το μήνυμα διαγράφηκε",
+        "send_state_failed": "Αποτυχία αποστολής",
+        "send_state_sent": "Το μήνυμά σας στάλθηκε",
+        "summary": {
+            "banned": {
+                "one": "αποκλείστηκε",
+                "other": "αποκλείστηκε %(count)s φορές"
+            },
+            "banned_multiple": {
+                "one": "αποκλείστηκαν",
+                "other": "αποκλείστηκαν %(count)s φορές"
+            },
+            "changed_avatar": {
+                "one": "Ο χρήστης %(oneUser)s άλλαξε την εικόνα προφίλ του",
+                "other": "Οι %(oneUser)s άλλαξαν τις φωτογραφίες προφίλ τους %(count)s φορές"
+            },
+            "changed_avatar_multiple": {
+                "one": "Ο χρήστης %(severalUsers)sάλλαξε την εικόνα του προφίλ του",
+                "other": "Οι %(severalUsers)sάλλαξαν τις φωτογραφίες προφίλ τους %(count)s φορές"
+            },
+            "changed_name": {
+                "one": "%(oneUser)sάλλαξε το όνομα τους",
+                "other": "%(oneUser)sάλλαξε το όνομα τους %(count)s φορές"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)sάλλαξαν το όνομα τους",
+                "other": "%(severalUsers)sάλλαξαν το όνομα τους %(count)s φορές"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)sέστειλε ένα κρυφό μήνυμα",
+                "other": "%(oneUser)sέστειλε %(count)s κρυφά μηνύματα"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)sέστειλαν ένα κρυφό μήνυμα",
+                "other": "%(severalUsers)sέστειλαν %(count)s κρυφά μηνύματα"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)sαπέσυρε την πρόσκληση του",
+                "other": "%(oneUser)sαπέσυρε την πρόσκληση του %(count)s φορές"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)sαπέσυραν τις προσκλήσεις τους",
+                "other": "%(severalUsers)sαπέσυραν τις προσκλήσεις τους%(count)s φορές"
+            },
+            "invited": {
+                "one": "προσκλήθηκε",
+                "other": "προσκλήθηκε %(count)s φορές"
+            },
+            "invited_multiple": {
+                "one": "προσκλήθηκαν",
+                "other": "προσκλήθηκαν %(count)s φορές"
+            },
+            "joined": {
+                "one": "%(oneUser)sσυνδέθηκαν",
+                "other": "%(oneUser)sσυνδέθηκαν %(count)s φορές"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)sjσυνδέθηκε και έφυγε",
+                "other": "%(oneUser)sσυνδέθηκε και έφυγε%(count)s φορές"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)sσυνδέθηκαν και έφυγαν",
+                "other": "%(severalUsers)sσυνδέθηκαν και έφυγαν %(count)s φορές"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)sσυνδέθηκαν",
+                "other": "%(severalUsers)sσυνδέθηκαν %(count)s φορές"
+            },
+            "kicked": {
+                "one": "αφαιρέθηκε",
+                "other": "αφαιρέθηκε %(count)s φορές"
+            },
+            "kicked_multiple": {
+                "one": "αφαιρέθηκαν",
+                "other": "αφαιρέθηκαν %(count)s φορές"
+            },
+            "left": {
+                "one": "%(oneUser)sέφυγε",
+                "other": "%(oneUser)sέφυγαν %(count)s φορές"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)sέφυγαν",
+                "other": "%(severalUsers)sέφυγαν %(count)s φορές"
+            },
+            "no_change": {
+                "one": "%(oneUser)sδεν έκανε αλλαγές",
+                "other": "%(oneUser)sδεν έκανε αλλαγές %(count)s φορές"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)sδεν έκαναν αλλαγές",
+                "other": "%(severalUsers)sδεν έκαναν αλλαγές %(count)s φορές"
+            },
+            "pinned_events": {
+                "one": "Ο/η %(oneUser)s άλλαξε τα <a>καρφιτσωμένα μηνύματα</a> για το δωμάτιο",
+                "other": "Ο/η %(oneUser)s άλλαξε τα <a>καρφιτσωμένα μηνύματα</a> για το δωμάτιο %(count)s φορές"
+            },
+            "pinned_events_multiple": {
+                "other": "Οι %(severalUsers)sάλλαξαν τα <a>καρφιτσωμένα μηνύματα</a> για το δωμάτιο %(count)s φορές",
+                "one": "Οι %(severalUsers)s άλλαξαν τα <a>καρφιτσωμένα μηνύματα</a> για το δωμάτιο"
+            },
+            "redacted": {
+                "other": "%(oneUser)sάλλαξε %(count)s μηνύματα",
+                "one": "%(oneUser)sαφαίρεσε ένα μήνυμα"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)sάλλαξαν ένα μήνυμα",
+                "other": "%(severalUsers)sάλλαξαν %(count)s μηνύματα"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)s απέρριψε τις προσκλήσεις",
+                "other": "%(oneUser)s απέρριψε τις προσκλήσεις %(count)s φορές"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)s απέρριψαν τις προσκλήσεις τους",
+                "other": "%(severalUsers)s απέρριψαν τις προσκλήσεις τους %(count)s φορές"
+            },
+            "rejoined": {
+                "one": "%(oneUser)s έφυγε και επανασυνδέθηκε",
+                "other": "%(oneUser)s έφυγε και επανασυνδέθηκε %(count)s φορές"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)s έφυγαν και επανασυνδέθηκαν",
+                "other": "%(severalUsers)sέφυγε και επανασυνδέθηκε %(count)s φορές"
+            },
+            "unbanned": {
+                "one": "αφαιρέθηκε η απόκλιση του",
+                "other": "αφαιρέθηκε η απόκλιση του %(count)s φορές"
+            },
+            "unbanned_multiple": {
+                "one": "αφαιρέθηκε η απόκλιση σας",
+                "other": "αφαιρέθηκε η απόκλιση σας %(count)s φορές"
+            }
+        },
+        "thread_info_basic": "Από ένα νήμα εκτέλεσης",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s και ένας ακόμα πληκτρολογούν …",
+                "other": "%(names)s και %(count)s άλλοι πληκτρολογούν …"
+            },
+            "one_user": "%(displayName)s πληκτρολογεί …",
+            "two_users": "%(names)s και %(lastPerson)s πληκτρολογούν …"
+        }
+    },
+    "truncated_list_n_more": {
+        "other": "Και %(count)s ακόμα..."
+    },
+    "unsupported_server_description": "Αυτός ο διακομιστής χρησιμοποιεί μια παλαιότερη έκδοση του Matrix. Αναβαθμίστε σε Matrix %(version)s στο Matrix για να χρησιμοποιήσετε το %(brand)s χωρίς σφάλματα.",
+    "unsupported_server_title": "Ο διακομιστής σας δεν υποστηρίζεται",
+    "update": {
+        "changelog": "Αλλαγές",
+        "check_action": "Έλεγχος για ενημέρωση",
+        "error_encountered": "Παρουσιάστηκε σφάλμα (%(errorDetail)s).",
+        "error_unable_load_commit": "Δεν είναι δυνατή η φόρτωση των λεπτομερειών δέσμευσης: %(msg)s",
+        "new_version_available": "Νέα έκδοση διαθέσιμη. <a>Ενημέρωση τώρα.</a>",
+        "no_update": "Δεν υπάρχει διαθέσιμη ενημέρωση.",
+        "release_notes_toast_title": "Τι νέο υπάρχει",
+        "see_changes_button": "Τι νέο υπάρχει;",
+        "toast_description": "Διατίθεται νέα έκδοση του %(brand)s",
+        "toast_title": "Ενημέρωση %(brand)s",
+        "unavailable": "Μη διαθέσιμο"
+    },
+    "upload_failed_generic": "Απέτυχε το ανέβασμα του αρχείου '%(fileName)s'.",
+    "upload_failed_size": "Το αρχείο '%(fileName)s' ξεπερνάει το όριο μεγέθους ανεβάσματος αυτού του κεντρικού διακομιστή",
+    "upload_failed_title": "Απέτυχε η αποστολή",
+    "upload_file": {
+        "cancel_all_button": "Ακύρωση Όλων",
+        "error_file_too_large": "Αυτό το αρχείο είναι <b>πολύ μεγάλο</b> για μεταφόρτωση. Το όριο μεγέθους αρχείου είναι %(limit)s αλλά αυτό το αρχείο είναι %(sizeOfThisFile)s.",
+        "error_files_too_large": "Αυτά τα αρχεία είναι <b>πολύ μεγάλα</b> για μεταφόρτωση. Το όριο μεγέθους αρχείου είναι %(limit)s.",
+        "error_some_files_too_large": "Ορισμένα αρχεία είναι <b>πολύ μεγάλα</b> για να μεταφορτωθούν. Το όριο μεγέθους αρχείου είναι %(limit)s.",
+        "error_title": "Σφάλμα μεταφόρτωσης",
+        "title": "Μεταφόρτωση αρχείων",
+        "title_progress": "Μεταφόρτωση αρχείων %(current)s από %(total)s",
+        "upload_all_button": "Μεταφόρτωση όλων",
+        "upload_n_others_button": {
+            "one": "Μεταφόρτωση %(count)s άλλου αρχείου",
+            "other": "Μεταφόρτωση %(count)s άλλων αρχείων"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Εργαλεία διαχειριστή",
+        "ban_button_space": "Αποκλεισμός από τον χώρο",
+        "ban_room_confirm_title": "Αποκλεισμός από %(roomName)s",
+        "ban_space_everything": "Αποκλεισμός από οτιδήποτε έχω δικαίωμα",
+        "ban_space_specific": "Αποκλεισμός από συγκεκριμένες λειτουργίες που έχω δικαίωμα",
+        "deactivate_confirm_action": "Απενεργοποίηση χρήστη",
+        "deactivate_confirm_description": "Η απενεργοποίηση αυτού του χρήστη θα τον αποσυνδεθεί και θα αποτραπεί η επανασύνδεσή του. Επιπλέον, θα αποχωρήσει από όλα τα δωμάτια στα οποία συμμετέχει. Αυτή η ενέργεια δεν μπορεί να αντιστραφεί. Είστε βέβαιοι ότι θέλετε να απενεργοποιήσετε αυτόν τον χρήστη;",
+        "deactivate_confirm_title": "Απενεργοποίηση χρήστη;",
+        "demote_button": "Υποβιβασμός",
+        "demote_self_confirm_description_space": "Δε θα μπορείτε να αναιρέσετε αυτήν την ενέργεια καθώς υποβιβάζετε τον εαυτό σας, εάν είστε ο τελευταίος προνομιούχος χρήστης στο δωμάτιο, θα είναι αδύνατο να ανακτήσετε τα προνόμια.",
+        "demote_self_confirm_room": "Δε θα μπορείτε να αναιρέσετε αυτήν την ενέργεια καθώς υποβιβάζετε τον εαυτό σας, εάν είστε ο τελευταίος προνομιούχος χρήστης στο δωμάτιο, θα είναι αδύνατο να ανακτήσετε τα προνόμια.",
+        "demote_self_confirm_title": "Υποβιβάστε τον εαυτό σας;",
+        "disinvite_button_room": "Ακύρωση πρόσκλησης από το δωμάτιο",
+        "disinvite_button_room_name": "Κατάργηση πρόσκλησης από %(roomName)s",
+        "disinvite_button_space": "Ακύρωση πρόσκλησης από τον χώρο",
+        "error_ban_user": "Δεν ήταν δυνατό ο αποκλεισμός του χρήστη",
+        "error_deactivate": "Η απενεργοποίηση χρήστη απέτυχε",
+        "error_kicking_user": "Αποτυχία κατάργησης χρήστη",
+        "error_mute_user": "Δεν ήταν δυνατή η σίγαση του χρήστη",
+        "error_revoke_3pid_invite_description": "Δεν ήταν δυνατή η ανάκληση της πρόσκλησης. Ο διακομιστής μπορεί να αντιμετωπίζει ένα προσωρινό πρόβλημα ή δεν έχετε επαρκή δικαιώματα για να ανακαλέσετε την πρόσκληση.",
+        "error_revoke_3pid_invite_title": "Αποτυχία ανάκλησης πρόσκλησης",
+        "invited_by": "Προσκεκλημένος από %(sender)s",
+        "jump_to_rr_button": "Μετάβαση στο αποδεικτικό ανάγνωσης",
+        "kick_button_room": "Αφαίρεση από το δωμάτιο",
+        "kick_button_room_name": "Κατάργηση από %(roomName)s",
+        "kick_button_space": "Αφαίρεση από τον χώρο",
+        "kick_button_space_everything": "Αφαιρέστε τους από οτιδήποτε έχω δικαίωμα",
+        "kick_space_specific": "Αφαιρέστε τους από συγκεκριμένες λειτουργίες που έχω δικαίωμα",
+        "kick_space_warning": "Θα εξακολουθούν να έχουν πρόσβαση σε οτιδήποτε λειτουργίες δεν είστε διαχειριστής.",
+        "promote_warning": "Δεν θα μπορέσετε να αναιρέσετε αυτήν την αλλαγή καθώς προωθείτε τον χρήστη να έχει το ίδιο επίπεδο δύναμης με τον εαυτό σας.",
+        "redact": {
+            "confirm_button": {
+                "other": "Αφαίρεση %(count)s μηνυμάτων",
+                "one": "Αφαίρεση 1 μηνύματος"
+            },
+            "confirm_description_1": {
+                "other": "Πρόκειται να αφαιρέσετε %(count)s μηνύματα του χρήστη %(user)s. Αυτό θα τα καταργήσει οριστικά για όλους στη συνομιλία. Θέλετε να συνεχίσετε;",
+                "one": "Πρόκειται να αφαιρέσετε %(count)s μήνυμα του χρήστη %(user)s. Αυτό θα το καταργήσει οριστικά για όλους στη συνομιλία. Θέλετε να συνεχίσετε;"
+            },
+            "confirm_description_2": "Για μεγάλο αριθμό μηνυμάτων, αυτό μπορεί να πάρει κάποιο χρόνο. Μην ανανεώνετε το προγράμμα-πελάτη σας στο μεταξύ.",
+            "confirm_keep_state_explainer": "Καταργήστε την επιλογή εάν θέλετε επίσης να καταργήσετε τα μηνύματα συστήματος σε αυτόν τον χρήστη (π.χ. αλλαγή μέλους, αλλαγή προφίλ…)",
+            "confirm_keep_state_label": "Διατήρηση μηνυμάτων συστήματος",
+            "confirm_title": "Καταργήστε πρόσφατα μηνύματα από %(user)s",
+            "no_recent_messages_description": "Δοκιμάστε να κάνετε κύλιση στο χρονολόγιο για να δείτε αν υπάρχουν παλαιότερα.",
+            "no_recent_messages_title": "Δε βρέθηκαν πρόσφατα μηνύματα από %(user)s"
+        },
+        "redact_button": "Κατάργηση πρόσφατων μηνυμάτων",
+        "revoke_invite": "Ανάκληση πρόσκλησης",
+        "room_encrypted": "Τα μηνύματα σε αυτήν την αίθουσα είναι κρυπτογραφημένα από άκρο σε άκρο.",
+        "room_encrypted_detail": "Τα μηνύματά σας είναι ασφαλή και μόνο εσείς και ο παραλήπτης έχετε τα μοναδικά κλειδιά για να τα ξεκλειδώσετε.",
+        "room_unencrypted": "Τα μηνύματα σε αυτήν την αίθουσα δεν είναι κρυπτογραφημένα από άκρο σε άκρο.",
+        "room_unencrypted_detail": "Σε κρυπτογραφημένα δωμάτια, τα μηνύματά σας είναι ασφαλή και μόνο εσείς και ο παραλήπτης έχετε τα μοναδικά κλειδιά για να τα ξεκλειδώσετε.",
+        "share_button": "Κοινή χρήση Συνδέσμου με Χρήστη",
+        "unban_button_space": "Αναίρεση αποκλεισμού από τον χώρο",
+        "unban_room_confirm_title": "Ακύρωση αποκλεισμού από %(roomName)s",
+        "unban_space_everything": "Ακύρωση αποκλεισμού από οτιδήποτε έχω δικαίωμα",
+        "unban_space_specific": "Ακύρωση αποκλεισμού από συγκεκριμένες λειτουργίες που έχω δικαίωμα",
+        "unban_space_warning": "Δε θα μπορούν να έχουν πρόσβαση σε λειτουργίες δεν είστε διαχειριστής.",
+        "verify_button": "Επαλήθευση Χρήστη",
+        "verify_explainer": "Για επιπλέον ασφάλεια, επαληθεύστε αυτόν τον χρήστη ελέγχοντας έναν κωδικό μίας χρήσης και στις δύο συσκευές σας."
+    },
+    "voip": {
+        "already_in_call": "Ήδη σε κλήση",
+        "already_in_call_person": "Είστε ήδη σε κλήση με αυτόν τον χρήστη.",
+        "answered_elsewhere": "Απαντήθηκε αλλού",
+        "answered_elsewhere_description": "Η κλήση απαντήθηκε σε μια άλλη συσκευή.",
+        "call_failed": "Η κλήση απέτυχε",
+        "call_failed_description": "Η κλήση δεν μπόρεσε να πραγματοποιηθεί",
+        "call_failed_media": "Η κλήση απέτυχε επειδή δεν μπόρεσε να βρεθεί κάμερα ή μικρόφωνο. Ελέγξτε ότι:",
+        "call_failed_media_applications": "Η κάμερα δεν χρησιμοποιείται από καμία άλλη εφαρμογή",
+        "call_failed_media_connected": "Ένα μικρόφωνο και μια κάμερα έχουν συνδεθεί και εγκατασταθεί σωστά",
+        "call_failed_media_permissions": "Έχετε παραχωρήσει την άδεια χρήσης της κάμερας",
+        "call_failed_microphone": "Η κλήση απέτυχε επειδή δεν μπόρεσε να βρεθεί μικρόφωνο. Ελέγξτε ότι έχετε συνδέσει ένα μικρόφωνο και έχει εγκατασταθεί σωστά.",
+        "call_held": "%(peerName)s έβαλε την κλήση σε αναμονή",
+        "call_held_resume": "Έχετε βάλει την κλήση σε αναμονή <a>Επαναφορά</a>",
+        "call_held_switch": "Έχετε βάλει την κλήση σε αναμονή <a>Switch</a>",
+        "call_toast_unknown_room": "Άγνωστη αίθουσα",
+        "camera_disabled": "Η κάμερά σας είναι απενεργοποιημένη",
+        "camera_enabled": "Η κάμερά σας είναι ακόμα ενεργοποιημένη",
+        "cannot_call_yourself_description": "Δεν μπορείτε να καλέσετε τον εαυτό σας.",
+        "connecting": "Συνδέεται",
+        "connection_lost": "Χάθηκε η συνδεσιμότητα με τον διακομιστή",
+        "connection_lost_description": "Δεν μπορείτε να πραγματοποιήσετε κλήσεις χωρίς σύνδεση στο διακομιστή.",
+        "consulting": "Συμβουλευτική με %(transferTarget)s. <a>Μεταφορά στο %(transferee)s</a>",
+        "default_device": "Προεπιλεγμένη συσκευή",
+        "dial": "Κλήση",
+        "dialpad": "Πληκτρολόγιο κλήσης",
+        "disable_camera": "Απενεργοποίηση κάμερας",
+        "disable_microphone": "Σίγαση μικροφώνου",
+        "disabled_no_perms_start_video_call": "Δεν έχετε δικαίωμα έναρξης βιντεοκλήσεων",
+        "disabled_no_perms_start_voice_call": "Δεν έχετε δικαίωμα έναρξης φωνητικών κλήσεων",
+        "disabled_ongoing_call": "Κλήση σε εξέλιξη",
+        "enable_camera": "Ενεργοποίηση κάμερας",
+        "enable_microphone": "Κατάργηση σίγασης μικροφώνου",
+        "expand": "Επιστροφή στην κλήση",
+        "hangup": "Κλείσιμο",
+        "hide_sidebar_button": "Απόκρυψη πλαϊνής μπάρας",
+        "input_devices": "Συσκευές εισόδου",
+        "maximise": "Γέμισμα οθόνης",
+        "misconfigured_server": "Η κλήση απέτυχε λόγω της λανθασμένης διάρθρωσης του διακομιστή",
+        "misconfigured_server_description": "Παρακαλείστε να ρωτήσετε τον διαχειριστή του κεντρικού διακομιστή σας (<code>%(homeserverDomain)s</code>) να ρυθμίσουν έναν διακομιστή πρωτοκόλλου TURN ώστε οι κλήσεις να λειτουργούν απρόσκοπτα.",
+        "misconfigured_server_fallback": "Εναλλακτικά, μπορείτε να δοκιμάσετε να χρησιμοποιήσετε τον δημόσιο διακομιστή στη διεύθυνση <server/> , αλλά αυτό δεν θα είναι τόσο αξιόπιστο και θα κοινοποιήσει τη διεύθυνση IP σας σε αυτόν τον διακομιστή. Μπορείτε επίσης να το διαχειριστείτε αυτό στις Ρυθμίσεις.",
+        "misconfigured_server_fallback_accept": "Δοκιμάστε να χρησιμοποιήσετε το %(server)s",
+        "more_button": "Περισσότερα",
+        "msisdn_lookup_failed": "Αδυναμία αναζήτησης αριθμού τηλεφώνου",
+        "msisdn_lookup_failed_description": "Υπήρξε ένα σφάλμα κατά την αναζήτηση αριθμού τηλεφώνου",
+        "msisdn_transfer_failed": "Αδυναμία μεταφοράς κλήσης",
+        "n_people_joined": {
+            "one": "%(count)s άτομο εντάχθηκε",
+            "other": "%(count)s άτομα εντάχθηκαν"
+        },
+        "no_audio_input_description": "Δε βρέθηκε μικρόφωνο στη συσκευή σας. Παρακαλώ ελέγξτε τις ρυθμίσεις σας και δοκιμάστε ξανά.",
+        "no_audio_input_title": "Δε βρέθηκε μικρόφωνο",
+        "no_media_perms_description": "Μπορεί να χρειαστεί να ορίσετε χειροκίνητα την πρόσβαση του %(brand)s στο μικρόφωνο/κάμερα",
+        "no_media_perms_title": "Χωρίς δικαιώματα πολυμέσων",
+        "no_permission_conference": "Απαιτείται Άδεια",
+        "no_permission_conference_description": "Δεν έχετε άδεια για να ξεκινήσετε μια κλήση συνδιάσκεψης σε αυτό το δωμάτιο",
+        "on_hold": "%(name)s σε αναμονή",
+        "output_devices": "Συσκευές εξόδου",
+        "screenshare_monitor": "Κοινή χρήση ολόκληρης της οθόνης",
+        "screenshare_title": "Κοινή χρήση περιεχομένου",
+        "screenshare_window": "Παράθυρο εφαρμογής",
+        "show_sidebar_button": "Εμφάνιση πλαϊνής μπάρας",
+        "silence": "Σίγαση",
+        "silenced": "Οι ειδοποιήσεις σιωπήθηκαν",
+        "start_screenshare": "Ξεκινήστε να μοιράζεστε την οθόνη σας",
+        "stop_screenshare": "Σταματήστε να μοιράζεστε την οθόνη σας",
+        "too_many_calls": "Πάρα Πολλές Κλήσεις",
+        "too_many_calls_description": "Έχετε φτάσει τον μέγιστο αριθμό ταυτοχρόνων κλήσεων.",
+        "transfer_consult_first_label": "Συμβουλευτείτε πρώτα",
+        "transfer_failed": "Αποτυχία μεταφοράς",
+        "transfer_failed_description": "Αποτυχία μεταφοράς κλήσης",
+        "unable_to_access_audio_input_description": "Δεν ήταν δυνατή η πρόσβαση στο μικρόφωνο σας. Ελέγξτε τις ρυθμίσεις του προγράμματος περιήγησης σας και δοκιμάστε ξανά.",
+        "unable_to_access_audio_input_title": "Αδυναμία πρόσβασης μικροφώνου",
+        "unable_to_access_media": "Αδυναμία πρόσβασης κάμερας / μικροφώνου",
+        "unable_to_access_microphone": "Αδυναμία πρόσβασης μικροφώνου",
+        "unknown_caller": "Άγνωστος",
+        "unknown_person": "άγνωστο άτομο",
+        "unsilence": "Ήχος ενεργοποιημένος",
+        "unsupported": "Η κλήσεις δεν υποστηρίζονται",
+        "unsupported_browser": "Δεν μπορείτε να πραγματοποιήσετε κλήσεις σε αυτό το πρόγραμμα περιήγησης.",
+        "user_busy": "Χρήστης Απασχολημένος",
+        "user_busy_description": "Ο χρήστης που καλέσατε είναι απασχολημένος.",
+        "user_is_presenting": "%(sharerName)s παρουσιάζει",
+        "video_call": "Βιντεοκλήση",
+        "voice_call": "Φωνητική κλήση",
+        "you_are_presenting": "Παρουσιάζετε"
+    },
+    "widget": {
+        "added_by": "Μικροεοεφαρμογή προστέθηκε από",
+        "capabilities_dialog": {
+            "content_starting_text": "Αυτή η μικροεφαρμογή θα ήθελε να:",
+            "decline_all_permission": "Απόρριψη όλων",
+            "remember_Selection": "Να θυμάστε την επιλογή μου για αυτήν τη μικροεφαρμογή",
+            "title": "Έγκριση αδειών μικροεφαρμογών"
+        },
+        "capability": {
+            "always_on_screen_generic": "Παραμονή στην οθόνη σας ενώ τρέχετε",
+            "always_on_screen_viewing_another_room": "Παραμονή στην οθόνη σας όταν βλέπετε άλλο δωμάτιο, όταν τρέχετε",
+            "any_room": "Τα παραπάνω, αλλά και σε οποιαδήποτε αίθουσα είστε μέλος ή προσκεκλημένοι",
+            "byline_empty_state_key": "με ένα κενό κλειδί κατάστασης",
+            "byline_state_key": "με κλειδί κατάστασης %(stateKey)s",
+            "capability": "Η <b>%(capability)s</b> ικανότητα",
+            "change_avatar_active_room": "Αλλάξτε το avatar του ενεργού δωματίου σας",
+            "change_avatar_this_room": "Αλλάξτε το avatar αυτού του δωματίου",
+            "change_name_active_room": "Αλλάξτε το όνομα του ενεργού δωματίου σας",
+            "change_name_this_room": "Αλλάξτε το όνομα αυτού του δωματίου",
+            "change_topic_active_room": "Αλλάξτε το θέμα του ενεργού δωματίου σας",
+            "change_topic_this_room": "Αλλάξτε το θέμα αυτού του δωματίου",
+            "receive_membership_active_room": "Δείτε πότε τα άτομα εγγράφονται, φεύγουν ή προσκαλούνται στο ενεργό δωμάτιό σας",
+            "receive_membership_this_room": "Δείτε πότε τα άτομα εγγράφονται, αποχωρούν ή προσκαλούνται σε αυτό το δωμάτιο",
+            "remove_ban_invite_leave_active_room": "Αφαιρέστε, απαγορεύστε ή προσκαλέστε άτομα στο ενεργό δωμάτιό σας και σας αποχωρήστε",
+            "remove_ban_invite_leave_this_room": "Αφαιρέστε, αποκλείστε ή προσκαλέστε άτομα σε αυτό το δωμάτιο και αποχωρήστε",
+            "see_avatar_change_active_room": "Δείτε πότε αλλάζει το avatar στο ενεργό δωμάτιό σας",
+            "see_avatar_change_this_room": "Δείτε πότε αλλάζει το avatar σε αυτό το δωμάτιο",
+            "see_event_type_sent_active_room": "Δείτε <b>%(eventType)s</b> γεγονότα που δημοσιεύτηκαν στο ενεργό δωμάτιό σας",
+            "see_event_type_sent_this_room": "Δείτε <b>%(eventType)s</b> γεγονότα που δημοσιεύτηκαν σε αυτό το δωμάτιο",
+            "see_images_sent_active_room": "Δείτε εικόνες που δημοσιεύτηκαν στο ενεργό δωμάτιό σας",
+            "see_images_sent_this_room": "Δείτε εικόνες που δημοσιεύτηκαν σε αυτό το δωμάτιο",
+            "see_messages_sent_active_room": "Δείτε τα μηνύματα που δημοσιεύτηκαν στο ενεργό δωμάτιό σας",
+            "see_messages_sent_this_room": "Δείτε τα μηνύματα που δημοσιεύτηκαν σε αυτό το δωμάτιο",
+            "see_msgtype_sent_active_room": "Δείτε <b>%(msgtype)s</b> μηνύματα που δημοσιεύτηκαν στο ενεργό δωμάτιό σας",
+            "see_msgtype_sent_this_room": "Δείτε <b>%(msgtype)s</b> μηνύματα που δημοσιεύτηκαν σε αυτό το δωμάτιο",
+            "see_name_change_active_room": "Δείτε πότε αλλάζει το όνομα στο ενεργό δωμάτιό σας",
+            "see_name_change_this_room": "Δείτε πότε αλλάζει το όνομα σε αυτό το δωμάτιο",
+            "see_sent_emotes_active_room": "Δείτε τα emotes που δημοσιεύτηκαν στο ενεργό δωμάτιό σας",
+            "see_sent_emotes_this_room": "Δείτε τα emotes που δημοσιεύτηκαν σε αυτό το δωμάτιο",
+            "see_sent_files_active_room": "Δείτε τα γενικά αρχεία που δημοσιεύονται στο ενεργό δωμάτιό σας",
+            "see_sent_files_this_room": "Δείτε τα γενικά αρχεία που δημοσιεύτηκαν σε αυτό το δωμάτιο",
+            "see_sticker_posted_active_room": "Δείτε πότε κάποιος δημοσιεύει ένα αυτοκόλλητο στο ενεργό δωμάτιό σας",
+            "see_sticker_posted_this_room": "Δείτε πότε αναρτάται ένα αυτοκόλλητο σε αυτό το δωμάτιο",
+            "see_text_messages_sent_active_room": "Δείτε τα μηνύματα κειμένου που δημοσιεύτηκαν στο ενεργό δωμάτιό σας",
+            "see_text_messages_sent_this_room": "Δείτε τα μηνύματα κειμένου που δημοσιεύτηκαν σε αυτό το δωμάτιο",
+            "see_topic_change_active_room": "Δείτε πότε αλλάζει το θέμα στο ενεργό δωμάτιό σας",
+            "see_topic_change_this_room": "Δείτε πότε αλλάζει το θέμα σε αυτό το δωμάτιο",
+            "see_videos_sent_active_room": "Δείτε βίντεο που δημοσιεύτηκαν στο ενεργό δωμάτιό σας",
+            "see_videos_sent_this_room": "Δείτε βίντεο που δημοσιεύτηκαν σε αυτό το δωμάτιο",
+            "send_emotes_active_room": "Στείλτε emotes, ως εσείς, στο ενεργό δωμάτιό σας",
+            "send_emotes_this_room": "Στείλτε emotes, ως εσείς, σε αυτό το δωμάτιο",
+            "send_event_type_active_room": "Στείλετε <b>%(eventType)s</b> γεγονότα, ως εσείς, στο ενεργό δωμάτιό σας",
+            "send_event_type_this_room": "Στείλτε <b>%(eventType)s</b> γεγονότα σε αυτό το δωμάτιο",
+            "send_files_active_room": "Στείλτε γενικά αρχεία, ως εσείς, στην ενεργή σας αίθουσα",
+            "send_files_this_room": "Στείλτε γενικά αρχεία, ως εσείς, σε αυτήν την αίθουσα",
+            "send_images_active_room": "Στείλτε εικόνες, ως εσείς, στην ενεργή σας αίθουσα",
+            "send_images_this_room": "Στείλτε εικόνες, ως εσείς, σε αυτήν την αίθουσα",
+            "send_messages_active_room": "Στείλτε μηνύματα, ως εσείς, στην ενεργή σας αίθουσα",
+            "send_messages_this_room": "Στείλτε μηνύματα, ως εσείς, σε αυτήν την αίθουσα",
+            "send_msgtype_active_room": "Στείλτε <b>%(msgtype)s</b> μηνύματα, ώς εσείς, στο ενεργό δωμάτιό σας",
+            "send_msgtype_this_room": "Στείλτε <b>%(msgtype)s</b> μηνύματα, ως εσείς, σε αυτό το δωμάτιο",
+            "send_stickers_active_room": "Στείλτε αυτοκόλλητα στην ενεργή σας αίθουσα",
+            "send_stickers_active_room_as_you": "Στείλτε αυτοκόλλητα στην ενεργή σας αίθουσας, ως εσείς",
+            "send_stickers_this_room": "Στείλτε αυτοκόλλητα σε αυτήν την αίθουσα",
+            "send_stickers_this_room_as_you": "Στείλτε αυτοκόλλητα σε αυτό το δωμάτιο",
+            "send_text_messages_active_room": "Στείλτε μηνύματα κειμένου, ως εσείς, στην ενεργή σας αίθουσα",
+            "send_text_messages_this_room": "Στείλτε μηνύματα κειμένου, ως εσείς, σε αυτήν την αίθουσα",
+            "send_videos_active_room": "Στείλτε βίντεο, ως εσείς, στην ενεργή σας αίθουσα",
+            "send_videos_this_room": "Στείλτε βίντεο, ως εσείς, σε αυτήν την αίθουσα",
+            "specific_room": "Τα παραπάνω, αλλά και μέσα <Room />",
+            "switch_room": "Αλλάξτε το δωμάτιο που βλέπετε",
+            "switch_room_message_user": "Αλλάξτε το δωμάτιο, το μήνυμα ή τον χρήστη που βλέπετε"
+        },
+        "close_to_view_right_panel": "Κλείστε αυτήν τη μικροεφαρμογή για να την προβάλετε σε αυτόν τον πίνακα",
+        "context_menu": {
+            "delete": "Διαγραφή μικροεφαρμογής",
+            "delete_warning": "Η διαγραφή μιας μικροεφαρμογής την καταργεί για όλους τους χρήστες σε αυτό το δωμάτιο. Είστε βέβαιοι ότι θέλετε να τη διαγράψετε;"
+        },
+        "cookie_warning": "Αυτή η μικροεφαρμογή μπορεί να χρησιμοποιεί cookies.",
+        "error_hangup_description": "Αποσυνδεθήκατε από την κλήση. (Σφάλμα: %(message)s)",
+        "error_hangup_title": "Η σύνδεση χάθηκε",
+        "error_loading": "Σφάλμα φόρτωσης Μικροεφαρμογής",
+        "error_mixed_content": "Σφάλμα - Μικτό περιεχόμενο",
+        "error_need_invite_permission": "Για να το κάνετε αυτό πρέπει να έχετε τη δυνατότητα να προσκαλέσετε χρήστες.",
+        "error_need_kick_permission": "Πρέπει να έχετε τη δυνατότητα να διώξετε χρήστες για να το κάνετε αυτό.",
+        "error_need_to_be_logged_in": "Πρέπει να είστε συνδεδεμένος.",
+        "error_unable_start_audio_stream_description": "Δεν είναι δυνατή η έναρξη ροής ήχου.",
+        "error_unable_start_audio_stream_title": "Η έναρξη της ζωντανής ροής απέτυχε",
+        "modal_data_warning": "Τα παρακάτω δεδομένα μοιράζονται με %(widgetDomain)s",
+        "modal_title_default": "Modal Widget",
+        "no_name": "Άγνωστη εφαρμογή",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Να το θυμάσαι αυτό",
+            "starting_text": "Η μικροεφαρμογή θα επαληθεύσει το αναγνωριστικό χρήστη σας, αλλά δε θα μπορεί να εκτελέσει ενέργειες για εσάς:",
+            "title": "Επιτρέψτε σε αυτήν τη μικροεφαρμογή να επαληθεύσει την ταυτότητά σας"
+        },
+        "popout": "Αναδυόμενη μικροεφαρμογή",
+        "set_room_layout": "Ορισμός διάταξης για όλους",
+        "shared_data_avatar": "URL της εικόνας προφίλ σας",
+        "shared_data_device_id": "Το αναγνωριστικό της συσκευής σας",
+        "shared_data_lang": "Η γλώσσα σας",
+        "shared_data_mxid": "Το αναγνωριστικό (ID) χρήστη σας",
+        "shared_data_name": "Το εμφανιζόμενο όνομά σας",
+        "shared_data_room_id": "ID Δωματίου",
+        "shared_data_theme": "Το θέμα εμφάνισης",
+        "shared_data_url": "%(brand)s URL",
+        "shared_data_warning": "Η χρήση αυτής της μικροεφαρμογής ενδέχεται να μοιράζεται δεδομένα <helpIcon /> με %(widgetDomain)s.",
+        "shared_data_warning_im": "Η χρήση αυτής της μικροεφαρμογής μπορεί να μοιραστεί δεδομένα <helpIcon /> με το %(widgetDomain)s και τον διαχειριστή πρόσθετων.",
+        "shared_data_widget_id": "Ταυτότητα μικροεφαρμογής",
+        "unencrypted_warning": "Οι μικροεοεφαρμογές δε χρησιμοποιούν κρυπτογράφηση μηνυμάτων.",
+        "unmaximise": "Απο-μεγιστοποίηση",
+        "unpin_to_view_right_panel": "Ξεκαρφιτσώστε αυτήν τη μικροεφαρμογή για να την προβάλετε σε αυτόν τον πίνακα"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Τα κεφαλαία είναι σχεδόν τόσο εύκολο να μαντευτούν όσο και τα πεζά",
+            "anotherWord": "Προσθέστε άλλη μια ή δύο λέξεις. Οι ασυνήθιστες λέξεις είναι καλύτερες.",
+            "associatedYears": "Αποφύγετε χρόνια που σχετίζονται με εσάς",
+            "capitalization": "Η χρήση κεφαλαίων δεν βοηθάει πολύ",
+            "dates": "Αποφύγετε ημερομηνίες και χρόνια που σχετίζονται με εσάς",
+            "l33t": "Οι προβλέψιμες αντικαταστάσεις όπως το '@' αντί για το 'α' δεν βοηθούν πολύ",
+            "longerKeyboardPattern": "Χρησιμοποιήστε ένα μεγαλύτερο μοτίβο πληκτρολογίου με περισσότερες στροφές",
+            "noNeed": "Δεν χρειάζονται σύμβολα, ψηφία, ή κεφαλαία γράμματα",
+            "recentYears": "Αποφύγετε τα τελευταία χρόνια",
+            "repeated": "Αποφύγετε επαναλαμβανόμενες λέξεις και χαρακτήρες",
+            "reverseWords": "Οι αντίστροφες λέξεις δεν είναι πολύ πιο δύσκολο να τις μαντέψει κανείς",
+            "sequences": "Αποφύγετε τις διαδοχικές σειρές",
+            "useWords": "Χρησιμοποιήστε αρκετές λέξεις, αποφύγετε συνηθισμένες φράσεις"
+        },
+        "warnings": {
+            "common": "Αυτός είναι ένας πολύ συνηθισμένος κωδικός πρόσβασης",
+            "commonNames": "Τα κοινά ονόματα και επώνυμα είναι εύκολο να τα μαντέψει κανείς",
+            "dates": "Οι ημερομηνίες είναι συχνά εύκολο να τις μαντέψει κανείς",
+            "extendedRepeat": "Επαναλήψεις όπως \"αβγαβγαβγ\" είναι λίγο πιο δύσκολο να τις μαντέψει κανείς από το \"αβγ\"",
+            "keyPattern": "Τα σύντομα μοτίβα πληκτρολογίου είναι εύκολο να μαντευτούν",
+            "namesByThemselves": "Τα ονόματα και τα επώνυμα από μόνα τους είναι εύκολο να τα μαντέψει κανείς",
+            "recentYears": "Τα τελευταία χρόνια είναι εύκολο να τα μαντέψει κανείς",
+            "sequences": "Διαδιχικές σειρές όπως το αβγ ή το 6543 είναι εύκολο να τις μαντέψει κανείς",
+            "similarToCommon": "Αυτό είναι παρόμοιο με έναν κοινό κωδικό πρόσβασης",
+            "simpleRepeat": "Επαναλήψεις όπως \"ααα\" είναι εύκολο να τις μαντέψει κανείς",
+            "straightRow": "Οι ευθείες σειρές πλήκτρων είναι εύκολο να μαντευτούν",
+            "topHundred": "Αυτός είναι ένας από τους 100 πιο συνηθισμένους κωδικούς πρόσβασης",
+            "topTen": "Αυτός είναι ένας απο τους 10 πιο συνηθισμένους κωδικούς πρόσβασης",
+            "wordByItself": "Μια λέξη από μόνη της είναι εύκολο να τη μαντέψει κανείς"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/en_EN.json b/apps/web/src/i18n/strings/en_EN.json
new file mode 100644
index 00000000000..6e4b92d0023
--- /dev/null
+++ b/apps/web/src/i18n/strings/en_EN.json
@@ -0,0 +1,4084 @@
+{
+    "a11y": {
+        "jump_first_invite": "Jump to first invite.",
+        "message_composer": "Message composer",
+        "n_unread_messages": {
+            "one": "1 unread message.",
+            "other": "%(count)s unread messages."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 unread mention.",
+            "other": "%(count)s unread messages including mentions."
+        },
+        "room_status_bar": "Room status bar",
+        "seek_bar_label": "Audio seek bar",
+        "unread_messages": "Unread messages."
+    },
+    "a11y_jump_first_unread_room": "Jump to first unread room.",
+    "action": {
+        "accept": "Accept",
+        "add": "Add",
+        "add_existing_room": "Add existing room",
+        "apply": "Apply",
+        "approve": "Approve",
+        "ask_to_join": "Ask to join",
+        "back": "Back",
+        "call": "Call",
+        "cancel": "Cancel",
+        "change": "Change",
+        "clear": "Clear",
+        "click_to_copy": "Click to copy",
+        "close": "Close",
+        "collapse": "Collapse",
+        "complete": "Complete",
+        "confirm": "Confirm",
+        "continue": "Continue",
+        "copy": "Copy",
+        "copy_link": "Copy link",
+        "create": "Create",
+        "create_a_room": "Create a room",
+        "create_account": "Create account",
+        "decline": "Decline",
+        "decline_and_block": "Decline and block",
+        "decline_invite": "Decline invite",
+        "delete": "Delete",
+        "deny": "Deny",
+        "disable": "Disable",
+        "disconnect": "Disconnect",
+        "dismiss": "Dismiss",
+        "done": "Done",
+        "download": "Download",
+        "edit": "Edit",
+        "enable": "Enable",
+        "enter_fullscreen": "Enter fullscreen",
+        "exit_fullscreeen": "Exit fullscreen",
+        "expand": "Expand",
+        "explore_rooms": "Explore rooms",
+        "export": "Export",
+        "forward": "Forward",
+        "go": "Go",
+        "go_back": "Go back",
+        "got_it": "Got it",
+        "hide_advanced": "Hide advanced",
+        "hold": "Hold",
+        "ignore": "Ignore",
+        "import": "Import",
+        "invite": "Invite",
+        "join": "Join",
+        "learn_more": "Learn more",
+        "leave": "Leave",
+        "leave_room": "Leave room",
+        "logout": "Logout",
+        "manage": "Manage",
+        "maximise": "Maximise",
+        "mention": "Mention",
+        "minimise": "Minimise",
+        "new_room": "New room",
+        "new_video_room": "New video room",
+        "next": "Next",
+        "no": "No",
+        "ok": "OK",
+        "open": "Open",
+        "pin": "Pin",
+        "proceed": "Proceed",
+        "quote": "Quote",
+        "react": "React",
+        "refresh": "Refresh",
+        "register": "Register",
+        "reload": "Reload",
+        "remove": "Remove",
+        "rename": "Rename",
+        "reply": "Reply",
+        "reply_in_thread": "Reply in thread",
+        "report_room": "Report room",
+        "resend": "Resend",
+        "reset": "Reset",
+        "resume": "Resume",
+        "retry": "Retry",
+        "review": "Review",
+        "revoke": "Revoke",
+        "save": "Save",
+        "search": "Search",
+        "send_report": "Send report",
+        "set_avatar": "Set profile picture",
+        "share": "Share",
+        "show": "Show",
+        "show_advanced": "Show advanced",
+        "show_all": "Show all",
+        "sign_in": "Sign in",
+        "sign_out": "Remove this device",
+        "skip": "Skip",
+        "start": "Start",
+        "stop": "Stop",
+        "submit": "Submit",
+        "subscribe": "Subscribe",
+        "transfer": "Transfer",
+        "trust": "Trust",
+        "try_again": "Try again",
+        "unban": "Unban",
+        "unignore": "Unignore",
+        "unpin": "Unpin",
+        "unsubscribe": "Unsubscribe",
+        "update": "Update",
+        "upgrade": "Upgrade",
+        "upload": "Upload",
+        "upload_file": "Upload file",
+        "verify": "Verify",
+        "view": "View",
+        "view_all": "View all",
+        "view_list": "View list",
+        "view_message": "View message",
+        "view_source": "View Source",
+        "yes": "Yes",
+        "yes_dismiss": "Yes, dismiss",
+        "zoom_in": "Zoom in",
+        "zoom_out": "Zoom out"
+    },
+    "analytics": {
+        "accept_button": "That's fine",
+        "bullet_1": "We <Bold>don't</Bold> record or profile any account data",
+        "bullet_2": "We <Bold>don't</Bold> share information with third parties",
+        "consent_migration": "You previously consented to share anonymous usage data with us. We're updating how that works.",
+        "disable_prompt": "You can turn this off anytime in settings",
+        "enable_prompt": "Help improve %(analyticsOwner)s",
+        "learn_more": "Share anonymous data to help us identify issues. Nothing personal. No third parties. <LearnMoreLink>Learn More</LearnMoreLink>",
+        "privacy_policy": "You can read all our terms <PrivacyPolicyUrl>here</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Help us identify issues and improve %(analyticsOwner)s by sharing anonymous usage data. To understand how people use multiple devices, we'll generate a random identifier, shared by your devices.",
+        "shared_data_heading": "Any of the following data may be shared:"
+    },
+    "auth": {
+        "3pid_in_use": "That e-mail address or phone number is already in use.",
+        "account_clash": "Your new account (%(newAccountId)s) is registered, but you're already logged into a different account (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Continue with previous account",
+        "account_deactivated": "This account has been deactivated.",
+        "autodiscovery_generic_failure": "Failed to get autodiscovery configuration from server",
+        "autodiscovery_hs_incompatible": "Your homeserver is too old and does not support the minimum API version required. Please contact your server owner, or upgrade your server.",
+        "autodiscovery_invalid": "Invalid homeserver discovery response",
+        "autodiscovery_invalid_hs": "Homeserver URL does not appear to be a valid Matrix homeserver",
+        "autodiscovery_invalid_hs_base_url": "Invalid base_url for m.homeserver",
+        "autodiscovery_invalid_is": "Identity server URL does not appear to be a valid identity server",
+        "autodiscovery_invalid_is_base_url": "Invalid base_url for m.identity_server",
+        "autodiscovery_invalid_is_response": "Invalid identity server discovery response",
+        "autodiscovery_invalid_json": "Invalid JSON",
+        "autodiscovery_no_well_known": "No .well-known JSON file found",
+        "autodiscovery_unexpected_error_hs": "Unexpected error resolving homeserver configuration",
+        "autodiscovery_unexpected_error_is": "Unexpected error resolving identity server configuration",
+        "captcha_description": "This homeserver would like to make sure you are not a robot.",
+        "change_password_action": "Change Password",
+        "change_password_confirm_invalid": "Passwords don't match",
+        "change_password_confirm_label": "Confirm password",
+        "change_password_current_label": "Current password",
+        "change_password_empty": "Passwords can't be empty",
+        "change_password_error": "Error while changing password: %(error)s",
+        "change_password_mismatch": "New passwords don't match",
+        "change_password_new_label": "New Password",
+        "check_email_explainer": "Follow the instructions sent to <b>%(email)s</b>",
+        "check_email_resend_prompt": "Did not receive it?",
+        "check_email_resend_tooltip": "Verification link email resent!",
+        "check_email_wrong_email_button": "Re-enter email address",
+        "check_email_wrong_email_prompt": "Wrong email address?",
+        "continue_with_idp": "Continue with %(provider)s",
+        "continue_with_sso": "Continue with %(ssoButtons)s",
+        "country_dropdown": "Country Dropdown",
+        "create_account_prompt": "New here? <a>Create an account</a>",
+        "create_account_title": "Create account",
+        "email_discovery_text": "Use email to optionally be discoverable by existing contacts.",
+        "email_field_label": "Email",
+        "email_field_label_invalid": "Doesn't look like a valid email address",
+        "email_field_label_required": "Enter email address",
+        "email_help_text": "Add an email to be able to reset your password.",
+        "email_phone_discovery_text": "Use email or phone to optionally be discoverable by existing contacts.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> will send you a verification link to let you reset your password.",
+        "enter_email_heading": "Enter your email to reset password",
+        "failed_connect_identity_server": "Cannot reach identity server",
+        "failed_connect_identity_server_other": "You can log in, but some features will be unavailable until the identity server is back online. If you keep seeing this warning, check your configuration or contact a server admin.",
+        "failed_connect_identity_server_register": "You can register, but some features will be unavailable until the identity server is back online. If you keep seeing this warning, check your configuration or contact a server admin.",
+        "failed_connect_identity_server_reset_password": "You can reset your password, but some features will be unavailable until the identity server is back online. If you keep seeing this warning, check your configuration or contact a server admin.",
+        "failed_homeserver_discovery": "Failed to perform homeserver discovery",
+        "failed_query_registration_methods": "Unable to query for supported registration methods.",
+        "failed_soft_logout_auth": "Failed to re-authenticate",
+        "failed_soft_logout_homeserver": "Failed to re-authenticate due to a homeserver problem",
+        "forgot_password_email_invalid": "The email address doesn't appear to be valid.",
+        "forgot_password_email_required": "The email address linked to your account must be entered.",
+        "forgot_password_prompt": "Forgotten your password?",
+        "forgot_password_send_email": "Send email",
+        "identifier_label": "Sign in with",
+        "incorrect_credentials": "Incorrect username and/or password.",
+        "incorrect_credentials_detail": "Please note you are logging into the %(hs)s server, not matrix.org.",
+        "incorrect_password": "Incorrect password",
+        "log_in_new_account": "<a>Log in</a> to your new account.",
+        "logout_dialog": {
+            "description": "Are you sure you want to remove this device?",
+            "setup_key_backup_title": "You're about to lose access to your encrypted chats",
+            "setup_secure_backup_description": "This is your only device. If you remove it you'll need a recovery key in order to confirm your digital identity and restore your encrypted chats the next time you sign in.",
+            "skip_key_backup": "Remove this device anyway"
+        },
+        "misconfigured_body": "Ask your %(brand)s admin to check <a>your config</a> for incorrect or duplicate entries.",
+        "misconfigured_title": "Your %(brand)s is misconfigured",
+        "mobile_create_account_title": "You're about to create an account on %(hsName)s",
+        "msisdn_field_description": "Other users can invite you to rooms using your contact details",
+        "msisdn_field_label": "Phone",
+        "msisdn_field_number_invalid": "That phone number doesn't look quite right, please check and try again",
+        "msisdn_field_required_invalid": "Enter phone number",
+        "no_hs_url_provided": "No homeserver URL provided",
+        "oidc": {
+            "error_title": "We couldn't log you in",
+            "generic_auth_error": "Something went wrong during authentication. Go to the sign in page and try again.",
+            "missing_or_invalid_stored_state": "We asked the browser to remember which homeserver you use to let you sign in, but unfortunately your browser has forgotten it. Go to the sign in page and try again."
+        },
+        "password_field_keep_going_prompt": "Keep going…",
+        "password_field_label": "Enter password",
+        "password_field_strong_label": "Nice, strong password!",
+        "password_field_weak_label": "Password is allowed, but unsafe",
+        "phone_label": "Phone",
+        "phone_optional_label": "Phone (optional)",
+        "qr_code_login": {
+            "check_code_explainer": "This will verify that the connection to your other device is secure.",
+            "check_code_heading": "Enter the number shown on your other device",
+            "check_code_input_label": "2-digit code",
+            "check_code_mismatch": "The numbers don't match",
+            "choose_desktop_computer": "Choose \"%(desktopComputer)s\"",
+            "completing_setup": "Completing set up of your new device",
+            "desktop_computer": "Desktop computer",
+            "error_etag_missing": "An unexpected error occurred. This may be due to a browser extension, proxy server, or server misconfiguration.",
+            "error_expired": "Sign in expired. Please try again.",
+            "error_expired_title": "The sign in was not completed in time",
+            "error_insecure_channel_detected": "A secure connection could not be made to the new device. Your existing devices are still safe and you don't need to worry about them.",
+            "error_insecure_channel_detected_instructions": "Now what?",
+            "error_insecure_channel_detected_instructions_1": "Try signing in to the other device again with a QR code in case this was a network problem",
+            "error_insecure_channel_detected_instructions_2": "If you encounter the same problem, try a different wifi network or use your mobile data instead of wifi",
+            "error_insecure_channel_detected_instructions_3": "If that doesn't work, sign in manually",
+            "error_insecure_channel_detected_title": "Connection not secure",
+            "error_other_device_already_signed_in": "You don’t need to do anything else.",
+            "error_other_device_already_signed_in_title": "Your other device is already signed in",
+            "error_rate_limited": "Too many attempts in a short time. Wait some time before trying again.",
+            "error_unexpected": "An unexpected error occurred. The request to connect your other device has been cancelled.",
+            "error_unsupported_protocol": "This device does not support signing in to the other device with a QR code.",
+            "error_unsupported_protocol_title": "Other device not compatible",
+            "error_user_cancelled": "The sign in was cancelled on the other device.",
+            "error_user_cancelled_title": "Sign in request cancelled",
+            "error_user_declined": "You or the account provider declined the sign in request.",
+            "error_user_declined_title": "Sign in declined",
+            "follow_remaining_instructions": "Follow the remaining instructions",
+            "open_element_mobile_device": "Open %(brand)s on your mobile device",
+            "open_element_other_device": "Open %(brand)s on your other device",
+            "point_the_camera": "Scan the QR code shown here",
+            "ready_to_scan": "Ready to scan",
+            "scan_code_instruction": "Scan the QR code",
+            "scan_code_instruction_reciprocate": "Scan the QR code with another device",
+            "scan_qr_code": "Sign in with QR code",
+            "security_code_prompt": "Your account provider may ask for the following code to verify the sign in.",
+            "security_code_title": "Your verification code",
+            "select_qr_code": "Select \"%(scanQRCode)s\"",
+            "select_ready_to_scan": "Select \"%(readyToScan)s\" and scan the QR code shown here",
+            "start_over": "Start over",
+            "tap_avatar_link_new_device": "Tap your avatar and select \"%(linkNewDevice)s\"",
+            "unsupported_explainer": "Your account provider doesn't support signing into a new device with a QR code.",
+            "unsupported_heading": "QR code not supported",
+            "waiting_for_device": "Waiting for your other device"
+        },
+        "register_action": "Create Account",
+        "registration": {
+            "continue_without_email_description": "Just a heads up, if you don't add an email and forget your password, you could <b>permanently lose access to your account</b>.",
+            "continue_without_email_field_label": "Email (optional)",
+            "continue_without_email_title": "Continuing without email"
+        },
+        "registration_disabled": "Registration has been disabled on this homeserver.",
+        "registration_msisdn_field_required_invalid": "Enter phone number (required on this homeserver)",
+        "registration_rate_limited": "Too many attempts in a short time. Wait some time before trying again.",
+        "registration_rate_limited_with_time": "Too many attempts in a short time. Retry after %(timeout)s.",
+        "registration_successful": "Registration Successful",
+        "registration_username_in_use": "Someone already has that username. Try another or if it is you, sign in below.",
+        "registration_username_unable_check": "Unable to check if username has been taken. Try again later.",
+        "registration_username_validation": "Use lowercase letters, numbers, dashes and underscores only",
+        "reset_password": {
+            "confirm_new_password": "Confirm new password",
+            "devices_logout_success": "All your devices have been removed and will no longer receive push notifications. To re-enable notifications, sign in again on each device.",
+            "other_devices_logout_warning_1": "Removing your devices will delete the message encryption keys stored on them, making encrypted chat history unreadable.",
+            "other_devices_logout_warning_2": "If you want to retain access to your chat history in encrypted rooms, get a recovery key or export your message keys from one of your other devices before proceeding.",
+            "password_not_entered": "A new password must be entered.",
+            "passwords_mismatch": "New passwords must match each other.",
+            "rate_limit_error": "Too many attempts in a short time. Wait some time before trying again.",
+            "rate_limit_error_with_time": "Too many attempts in a short time. Retry after %(timeout)s.",
+            "reset_successful": "Your password has been reset.",
+            "return_to_login": "Return to login screen",
+            "sign_out_other_devices": "Remove other devices"
+        },
+        "reset_password_action": "Reset password",
+        "reset_password_button": "Forgot password?",
+        "reset_password_email_field_description": "Use an email address to recover your account",
+        "reset_password_email_field_required_invalid": "Enter email address (required on this homeserver)",
+        "reset_password_email_not_associated": "Your email address does not appear to be associated with a Matrix ID on this homeserver.",
+        "reset_password_email_not_found_title": "This email address was not found",
+        "reset_password_title": "Reset your password",
+        "server_picker_custom": "Other homeserver",
+        "server_picker_description": "You can use the custom server options to sign into other Matrix servers by specifying a different homeserver URL. This allows you to use %(brand)s with an existing Matrix account on a different homeserver.",
+        "server_picker_description_matrix.org": "Join millions for free on the largest public server",
+        "server_picker_dialog_title": "Decide where your account is hosted",
+        "server_picker_explainer": "Use your preferred Matrix homeserver if you have one, or host your own.",
+        "server_picker_failed_validate_homeserver": "Unable to validate homeserver",
+        "server_picker_intro": "We call the places where you can host your account 'homeservers'.",
+        "server_picker_invalid_url": "Invalid URL",
+        "server_picker_learn_more": "About homeservers",
+        "server_picker_matrix.org": "Matrix.org is the biggest public homeserver in the world, so it's a good place for many.",
+        "server_picker_required": "Specify a homeserver",
+        "server_picker_title": "Sign into your homeserver",
+        "server_picker_title_default": "Server Options",
+        "server_picker_title_registration": "Host account on",
+        "session_logged_out_description": "For security, this session has been removed. Please sign in again.",
+        "session_logged_out_title": "Session removed",
+        "set_email": {
+            "description": "This will allow you to reset your password and receive notifications.",
+            "verification_pending_description": "Please check your email and click on the link it contains. Once this is done, click continue.",
+            "verification_pending_title": "Verification Pending"
+        },
+        "set_email_prompt": "Do you want to set an email address?",
+        "sign_in_description": "Use your account to continue.",
+        "sign_in_instead": "Sign in instead",
+        "sign_in_instead_prompt": "Already have an account? <a>Sign in here</a>",
+        "sign_in_manually": "Sign in manually",
+        "sign_in_or_register": "Sign In or Create Account",
+        "sign_in_or_register_description": "Use your account or create a new one to continue.",
+        "sign_in_with_qr": "Sign in with QR code",
+        "sign_in_with_sso": "Sign in with single sign-on",
+        "signing_in": "Signing In…",
+        "soft_logout": {
+            "clear_data_button": "Clear all data",
+            "clear_data_description": "Clearing all data from this session is permanent. Encrypted messages will be lost unless their keys have been backed up.",
+            "clear_data_title": "Clear all data in this session?"
+        },
+        "soft_logout_heading": "You're signed out",
+        "soft_logout_intro_password": "Enter your password to sign in and regain access to your account.",
+        "soft_logout_intro_sso": "Sign in and regain access to your account.",
+        "soft_logout_intro_unsupported_auth": "You cannot sign in to your account. Please contact your homeserver admin for more information.",
+        "soft_logout_subheading": "Clear personal data",
+        "soft_logout_warning": "Warning: your personal data (including encryption keys) is still stored in this session. Clear it if you're finished using this session, or want to sign in to another account.",
+        "sso": "Single Sign On",
+        "sso_complete_in_browser_dialog_title": "Go to your browser to complete Sign In",
+        "sso_failed_missing_storage": "We asked the browser to remember which homeserver you use to let you sign in, but unfortunately your browser has forgotten it. Go to the sign in page and try again.",
+        "sso_or_username_password": "%(ssoButtons)s Or %(usernamePassword)s",
+        "sync_footer_subtitle": "If you've joined lots of rooms, this might take a while",
+        "syncing": "Syncing…",
+        "uia": {
+            "code": "Code",
+            "email": "To create your account, open the link in the email we just sent to %(emailAddress)s.",
+            "email_auth_header": "Check your email to continue",
+            "email_resend_prompt": "Did not receive it? <a>Resend it</a>",
+            "email_resent": "Resent!",
+            "fallback_button": "Start authentication",
+            "mas_cross_signing_reset_cta": "Continue to account",
+            "mas_cross_signing_reset_description": "You're about to go to your %(serverName)s account to reset your digital identity. Once you have completed reset on your account, please return here and click Retry.",
+            "mas_cross_signing_reset_title": "Go to your account to reset your digital identity",
+            "msisdn": "A text message has been sent to %(msisdn)s",
+            "msisdn_token_incorrect": "Token incorrect",
+            "msisdn_token_prompt": "Please enter the code it contains:",
+            "password_prompt": "Confirm your identity by entering your account password below.",
+            "recaptcha_missing_params": "Missing captcha public key in homeserver configuration. Please report this to your homeserver administrator.",
+            "registration_token_label": "Registration token",
+            "registration_token_prompt": "Enter a registration token provided by the homeserver administrator.",
+            "sso_body": "Confirm adding this email address by using Single Sign On to prove your identity.",
+            "sso_failed": "Something went wrong in confirming your identity. Cancel and try again.",
+            "sso_postauth_body": "Click the button below to confirm your identity.",
+            "sso_postauth_title": "Confirm to continue",
+            "sso_preauth_body": "To continue, use Single Sign On to prove your identity.",
+            "sso_title": "Use Single Sign On to continue",
+            "terms": "Please review and accept the policies of this homeserver:",
+            "terms_invalid": "Please review and accept all of the homeserver's policies"
+        },
+        "unsupported_auth": "This homeserver doesn't offer any login flows that are supported by this client.",
+        "unsupported_auth_email": "This homeserver does not support login using email address.",
+        "unsupported_auth_msisdn": "This server does not support authentication with a phone number.",
+        "username_field_required_invalid": "Enter username",
+        "username_in_use": "Someone already has that username, please try another.",
+        "verify_email_explainer": "We need to know it’s you before resetting your password. Click the link in the email we just sent to <b>%(email)s</b>",
+        "verify_email_heading": "Verify your email to continue"
+    },
+    "bug_reporting": {
+        "additional_context": "If there is additional context that would help in analysing the issue, such as what you were doing at the time, room IDs, user IDs, etc., please include those things here.",
+        "before_submitting": "We recommend <a>creating a GitHub issue</a> to ensure that your report is reviewed.",
+        "collecting_information": "Collecting app version information",
+        "collecting_logs": "Collecting logs",
+        "create_new_issue": "Please <newIssueLink>create a new issue</newIssueLink> on GitHub so that we can investigate this bug.",
+        "description": "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.",
+        "download_logs": "Download logs",
+        "downloading_logs": "Downloading logs",
+        "error_empty": "Please tell us what went wrong or, better, create a GitHub issue that describes the problem.",
+        "failed_download_logs": "Failed to download debug logs: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Your bug report was rejected. The rageshake server does not support this application.",
+            "rejected_generic": "Your bug report was rejected. The rageshake server rejected the contents of the report due to a policy.",
+            "rejected_recovery_key": "Your bug report was rejected for safety reasons, as it contained a recovery key.",
+            "rejected_version": "Your bug report was rejected as the version you are running is too old.",
+            "server_unknown_error": "The rageshake server encountered an unknown error and could not handle the report.",
+            "unknown_error": "Failed to send logs."
+        },
+        "github_issue": "GitHub issue",
+        "introduction": "If you've submitted a bug via GitHub, debug logs can help us track down the problem. ",
+        "log_request": "To help us prevent this in future, please <a>send us logs</a>.",
+        "logs_sent": "Logs sent",
+        "matrix_security_issue": "To report a Matrix-related security issue, please read the Matrix.org <a>Security Disclosure Policy</a>.",
+        "preparing_download": "Preparing to download logs",
+        "preparing_logs": "Preparing to send logs",
+        "send_logs": "Send logs",
+        "submit_debug_logs": "Submit debug logs",
+        "textarea_label": "Notes",
+        "thank_you": "Thank you!",
+        "title": "Bug reporting",
+        "unsupported_browser": "Reminder: Your browser is unsupported, so your experience may be unpredictable.",
+        "uploading_logs": "Uploading logs",
+        "waiting_for_server": "Waiting for response from server"
+    },
+    "cannot_invite_without_identity_server": "Cannot invite user by email without an identity server. You can connect to one under \"Settings\".",
+    "cannot_reach_homeserver": "Cannot reach homeserver",
+    "cannot_reach_homeserver_detail": "Ensure you have a stable internet connection, or get in touch with the server admin",
+    "cant_load_page": "Couldn't load page",
+    "chat_card_back_action_label": "Back to chat",
+    "chat_effects": {
+        "confetti_description": "Sends the given message with confetti",
+        "confetti_message": "sends confetti",
+        "fireworks_description": "Sends the given message with fireworks",
+        "fireworks_message": "sends fireworks",
+        "hearts_description": "Sends the given message with hearts",
+        "hearts_message": "sends hearts",
+        "rainfall_description": "Sends the given message with rainfall",
+        "rainfall_message": "sends rainfall",
+        "snowfall_description": "Sends the given message with snowfall",
+        "snowfall_message": "sends snowfall",
+        "spaceinvaders_description": "Sends the given message with a space themed effect",
+        "spaceinvaders_message": "sends space invaders"
+    },
+    "common": {
+        "access_token": "Access Token",
+        "accessibility": "Accessibility",
+        "advanced": "Advanced",
+        "all_chats": "All Chats",
+        "analytics": "Analytics",
+        "and_n_others": {
+            "one": "and one other...",
+            "other": "and %(count)s others..."
+        },
+        "appearance": "Appearance",
+        "application": "Application",
+        "are_you_sure": "Are you sure?",
+        "attachment": "Attachment",
+        "authentication": "Authentication",
+        "avatar": "Avatar",
+        "beta": "Beta",
+        "camera": "Camera",
+        "cameras": "Cameras",
+        "cancel": "Cancel",
+        "capabilities": "Capabilities",
+        "copied": "Copied!",
+        "credits": "Credits",
+        "dark": "Dark",
+        "description": "Description",
+        "deselect_all": "Deselect all",
+        "device": "Device",
+        "disabled_by_homeserver": "Disabled by homeserver",
+        "edited": "edited",
+        "email_address": "Email address",
+        "emoji": "Emoji",
+        "encrypted": "Encrypted",
+        "error": "Error",
+        "faq": "FAQ",
+        "feedback": "Feedback",
+        "filter_results": "Filter results",
+        "forward_message": "Forward message",
+        "general": "General",
+        "go_to_settings": "Go to Settings",
+        "guest": "Guest",
+        "help": "Help",
+        "home": "Home",
+        "homeserver": "Homeserver",
+        "identity_server": "Identity server",
+        "image": "Image",
+        "integration_manager": "Integration manager",
+        "joined": "Joined",
+        "labs": "Labs",
+        "legacy_voice_and_video_settings": "Matrix 1:1 Calls (Legacy)",
+        "legal": "Legal",
+        "light": "Light",
+        "loading": "Loading…",
+        "location": "Location",
+        "matrix": "Matrix",
+        "message": "Message",
+        "message_layout": "Message layout",
+        "message_timestamp_invalid": "Invalid timestamp",
+        "microphone": "Microphone",
+        "moderation_and_safety": "Moderation and safety",
+        "modern": "Modern",
+        "mute": "Mute",
+        "n_members": {
+            "one": "%(count)s member",
+            "other": "%(count)s members"
+        },
+        "n_rooms": {
+            "one": "%(count)s room",
+            "other": "%(count)s rooms"
+        },
+        "name": "Name",
+        "no_results": "No results",
+        "no_results_found": "No results found",
+        "not_trusted": "Not trusted",
+        "off": "Off",
+        "offline": "Offline",
+        "on": "On",
+        "options": "Options",
+        "orphan_rooms": "Other rooms",
+        "password": "Password",
+        "people": "People",
+        "preferences": "Preferences",
+        "presence": "Presence",
+        "preview_message": "Hey you. You're the best!",
+        "privacy": "Privacy",
+        "private": "Private",
+        "private_room": "Private room",
+        "private_space": "Private space",
+        "profile": "Profile",
+        "public": "Public",
+        "public_room": "Public room",
+        "public_space": "Public space",
+        "qr_code": "QR Code",
+        "random": "Random",
+        "reactions": "Reactions",
+        "recommended": "Recommended",
+        "report_a_bug": "Report a bug",
+        "room": "Room",
+        "room_name": "Room name",
+        "rooms": "Rooms",
+        "save": "Save",
+        "saved": "Saved",
+        "saving": "Saving…",
+        "secure_backup": "Secure Backup",
+        "select_all": "Select all",
+        "server": "Server",
+        "settings": "Settings",
+        "setup_secure_messages": "Set up Secure Messages",
+        "show_more": "Show more",
+        "someone": "Someone",
+        "space": "Space",
+        "spaces": "Spaces",
+        "state_encryption_enabled": "Experimental state encryption enabled",
+        "sticker": "Sticker",
+        "stickerpack": "Stickerpack",
+        "success": "Success",
+        "suggestions": "Suggestions",
+        "support": "Support",
+        "theme": "Theme",
+        "thread": "Thread",
+        "threads": "Threads",
+        "timeline": "Timeline",
+        "unavailable": "unavailable",
+        "unencrypted": "Not encrypted",
+        "unmute": "Unmute",
+        "unnamed_room": "Unnamed Room",
+        "unnamed_space": "Unnamed Space",
+        "unverified": "Unverified",
+        "updating": "Updating...",
+        "user": "User",
+        "user_avatar": "Profile picture",
+        "username": "Username",
+        "verified": "Verified",
+        "version": "Version",
+        "video_room": "Video room",
+        "view_message": "View message",
+        "warning": "Warning"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Notify the whole room",
+            "command_a11y": "Command Autocomplete",
+            "command_description": "Commands",
+            "emoji_a11y": "Emoji Autocomplete",
+            "notification_a11y": "Notification Autocomplete",
+            "notification_description": "Room Notification",
+            "room_a11y": "Room Autocomplete",
+            "space_a11y": "Space Autocomplete",
+            "user_a11y": "User Autocomplete",
+            "user_description": "Users"
+        },
+        "close_sticker_picker": "Hide stickers",
+        "edit_composer_label": "Edit message",
+        "format_bold": "Bold",
+        "format_code_block": "Code block",
+        "format_decrease_indent": "Indent decrease",
+        "format_increase_indent": "Indent increase",
+        "format_inline_code": "Code",
+        "format_insert_link": "Insert link",
+        "format_italic": "Italic",
+        "format_italics": "Italics",
+        "format_link": "Link",
+        "format_ordered_list": "Numbered list",
+        "format_strikethrough": "Strikethrough",
+        "format_underline": "Underline",
+        "format_unordered_list": "Bulleted list",
+        "formatting_toolbar_label": "Formatting",
+        "link_modal": {
+            "link_field_label": "Link",
+            "text_field_label": "Text",
+            "title_create": "Create a link",
+            "title_edit": "Edit link"
+        },
+        "mode_plain": "Hide formatting",
+        "mode_rich_text": "Show formatting",
+        "no_perms_notice": "You do not have permission to post to this room",
+        "placeholder": "Send an unencrypted message…",
+        "placeholder_encrypted": "Send a message…",
+        "placeholder_reply": "Send an unencrypted reply…",
+        "placeholder_reply_encrypted": "Send a reply…",
+        "placeholder_thread": "Reply to unencrypted thread…",
+        "placeholder_thread_encrypted": "Reply to thread…",
+        "poll_button": "Poll",
+        "poll_button_no_perms_description": "You do not have permission to start polls in this room.",
+        "poll_button_no_perms_title": "Permission Required",
+        "replying_title": "Replying",
+        "room_unencrypted": "Messages in this room are not end-to-end encrypted",
+        "room_upgraded_link": "The conversation continues here.",
+        "room_upgraded_notice": "This room has been replaced and is no longer active.",
+        "send_button_title": "Send message",
+        "send_button_voice_message": "Send voice message",
+        "send_voice_message": "Send voice message",
+        "stop_voice_message": "Stop recording",
+        "voice_message_button": "Voice Message"
+    },
+    "console_dev_note": "If you know what you're doing, Element is open-source, be sure to check out our GitHub (https://github.com/vector-im/element-web/) and contribute!",
+    "console_scam_warning": "If someone told you to copy/paste something here, there is a high likelihood you're being scammed!",
+    "console_wait": "Wait!",
+    "create_room": {
+        "action_create_room": "Create room",
+        "action_create_video_room": "Create video room",
+        "encrypted_video_room_warning": "You can't disable this later. The room will be encrypted but the embedded call will not.",
+        "encrypted_warning": "You can't disable this later. Bridges & most bots won't work yet.",
+        "encryption_forced": "Your server requires encryption to be enabled in private rooms.",
+        "encryption_label": "Enable end-to-end encryption",
+        "error_title": "Failure to create room",
+        "generic_error": "Server may be unavailable, overloaded, or you hit a bug.",
+        "join_rule_change_notice": "You can change this at any time from room settings.",
+        "join_rule_invite": "Private room (invite only)",
+        "join_rule_invite_label": "Only people invited will be able to find and join this room.",
+        "join_rule_knock_label": "Anyone can request to join, but admins or moderators need to grant access. You can change this later.",
+        "join_rule_public_label": "Anyone will be able to find and join this room.",
+        "join_rule_public_parent_space_label": "Anyone will be able to find and join this room, not just members of <SpaceName/>.",
+        "join_rule_restricted": "Standard",
+        "join_rule_restricted_label": "Anyone in <SpaceName/> can join.",
+        "name_validation_required": "Please enter a name for the room",
+        "room_visibility_label": "Room visibility",
+        "state_encrypted_warning": "Enables experimental support for encrypting state events, which hides metadata such as room names and topics from the server. This metadata will also be hidden from people joining rooms later, and people whose clients do not support MSC4362.",
+        "state_encryption_label": "Encrypt state events",
+        "title_private_room": "Create a private room",
+        "title_public_room": "Create a public room",
+        "title_video_room": "Create a video room",
+        "topic_label": "Topic (optional)",
+        "unfederated": "Block anyone not part of %(serverName)s from ever joining this room.",
+        "unfederated_label_default_off": "You might enable this if the room will only be used for collaborating with internal teams on your homeserver. This cannot be changed later.",
+        "unfederated_label_default_on": "You might disable this if the room will be used for collaborating with external teams who have their own homeserver. This cannot be changed later.",
+        "unsupported_version": "The server does not support the room version specified."
+    },
+    "create_section_dialog": {
+        "create_section": "Create section",
+        "description": "Sections are only for you",
+        "label": "Section name",
+        "title": "Create a section",
+        "title_edition": "Edit a section"
+    },
+    "create_space": {
+        "add_details_prompt": "Add some details to help people recognise it.",
+        "add_details_prompt_2": "You can change these anytime.",
+        "add_existing_rooms_description": "Pick rooms or conversations to add. This is just a space for you, no one will be informed. You can add more later.",
+        "add_existing_rooms_heading": "What do you want to organise?",
+        "address_label": "Address",
+        "address_placeholder": "e.g. my-space",
+        "creating": "Creating…",
+        "creating_rooms": "Creating rooms…",
+        "done_action": "Go to my space",
+        "done_action_first_room": "Go to my first room",
+        "explainer": "Spaces are a way to organize and discover rooms. What kind of space do you want to create?",
+        "failed_create_initial_rooms": "Failed to create initial space rooms",
+        "failed_invite_users": "Failed to invite the following users to your space: %(csvUsers)s",
+        "invite_teammates_by_username": "Invite by username",
+        "invite_teammates_description": "Make sure the right people have access. You can invite more later.",
+        "invite_teammates_heading": "Invite your teammates",
+        "inviting_users": "Inviting…",
+        "label": "Create a space",
+        "name_required": "Please enter a name for the space",
+        "personal_space": "Just me",
+        "personal_space_description": "A private space to organise your rooms",
+        "private_description": "Invite only, personal or for your team",
+        "private_heading": "Your private space",
+        "private_only_heading": "Your space",
+        "private_personal_description": "Make sure the right people have access to %(name)s",
+        "private_personal_heading": "Who are you working with?",
+        "private_space": "Me and my teammates",
+        "private_space_description": "A private space for you and your teammates",
+        "public_description": "Anyone can join, best for communities",
+        "public_heading": "Your public space",
+        "search_public_button": "Search for public spaces",
+        "setup_rooms_community_description": "Let's create some rooms to get started.",
+        "setup_rooms_community_heading": "What are some things you want to discuss in %(spaceName)s?",
+        "setup_rooms_description": "You can add more rooms to the space later, including existing rooms.",
+        "setup_rooms_private_description": "Let's create some rooms to get started.",
+        "setup_rooms_private_heading": "What projects are your team working on?",
+        "share_description": "It's just you at the moment, it will be even better with others.",
+        "share_heading": "Share %(name)s",
+        "skip_action": "Skip for now",
+        "subspace_adding": "Adding…",
+        "subspace_beta_notice": "Add a space to a space you manage.",
+        "subspace_dropdown_title": "Create a space",
+        "subspace_existing_space_prompt": "Want to add an existing space instead?",
+        "subspace_join_rule_invite_description": "Only people invited will be able to find and join this space.",
+        "subspace_join_rule_invite_only": "Private space (invite only)",
+        "subspace_join_rule_label": "Space visibility",
+        "subspace_join_rule_public_description": "Anyone will be able to find and join this space, not just members of <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Anyone in <SpaceName/> can join."
+    },
+    "credits": {
+        "default_cover_photo": "The <photo>default cover photo</photo> is © <author>Jesús Roncero</author> used under the terms of <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "The <twemoji>Twemoji</twemoji> emoji art is © <author>Twitter, Inc and other contributors</author> used under the terms of <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "The <colr>twemoji-colr</colr> font is © <author>Mozilla Foundation</author> used under the terms of <terms>Apache 2.0</terms>."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Are you sure you want to decline the invitation to join \"%(roomName)s\"?",
+        "ignore_user_help": "You will not see any messages or room invites from this user.",
+        "reason_description": "Describe the reason for reporting the room.",
+        "report_room_description": "Report this room to your account provider.",
+        "title": "Decline invitation"
+    },
+    "desktop_default_device_name": "%(brand)s Desktop: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Active Widgets",
+        "category_other": "Other",
+        "category_room": "Room",
+        "caution_colon": "Caution:",
+        "checking_sticky_events_support": "Checking for support for sticky events...",
+        "client_versions": "Client Versions",
+        "crypto": {
+            "4s_public_key_in_account_data": "in account data",
+            "4s_public_key_not_in_account_data": "not found",
+            "4s_public_key_status": "Secret storage public key:",
+            "backup_key_cached": "cached locally",
+            "backup_key_cached_status": "Backup key cached:",
+            "backup_key_not_stored": "not stored",
+            "backup_key_stored": "in secret storage",
+            "backup_key_stored_status": "Backup key stored:",
+            "backup_key_unexpected_type": "unexpected type",
+            "backup_key_well_formed": "well formed",
+            "cross_signing": "Cross-signing",
+            "cross_signing_cached": "cached locally",
+            "cross_signing_not_ready": "Cross-signing is not set up.",
+            "cross_signing_private_keys_in_storage": "in secret storage",
+            "cross_signing_private_keys_in_storage_status": "Cross-signing private keys:",
+            "cross_signing_private_keys_not_in_storage": "not found in storage",
+            "cross_signing_public_keys_on_device": "in memory",
+            "cross_signing_public_keys_on_device_status": "Cross-signing public keys:",
+            "cross_signing_ready": "Cross-signing is ready for use.",
+            "cross_signing_status": "Cross-signing status:",
+            "cross_signing_untrusted": "Your account has a digital identity in secret storage, but it is not yet trusted by this session.",
+            "crypto_not_available": "Cryptographic module is not available",
+            "device_id": "Device ID",
+            "key_backup_active_version": "Active backup version:",
+            "key_backup_active_version_none": "None",
+            "key_backup_inactive_warning": "Your keys are not being backed up from this session.",
+            "key_backup_latest_version": "Latest backup version on server:",
+            "key_storage": "Key Storage",
+            "master_private_key_cached_status": "Master private key:",
+            "not_found": "not found",
+            "not_found_locally": "not found locally",
+            "secret_storage_not_ready": "not ready",
+            "secret_storage_ready": "ready",
+            "secret_storage_status": "Secret storage:",
+            "self_signing_private_key_cached_status": "Self signing private key:",
+            "session": "Session",
+            "session_fingerprint": "Fingerprint (session key)",
+            "title": "End-to-end encryption",
+            "user_signing_private_key_cached_status": "User signing private key:"
+        },
+        "developer_mode": "Developer mode",
+        "developer_tools": "Developer Tools",
+        "device_dehydrated_no": "Dehydrated: No",
+        "device_dehydrated_yes": "Dehydrated: Yes",
+        "device_id": "Device ID: %(deviceId)s",
+        "device_keys": "Device keys",
+        "device_verification_status": {
+            "signed_by_owner": "Verification status: <E2EIcon /> Signed by owner",
+            "unknown": "Verification status: Unknown",
+            "unverified": "Verification status: <E2EIcon /> Not signed by owner",
+            "verified": "Verification status: <E2EIcon /> Verified by cross-signing"
+        },
+        "devices": "Cryptographic devices (%(count)s)",
+        "edit_setting": "Edit setting",
+        "edit_values": "Edit values",
+        "empty_string": "<empty string>",
+        "error_sticky_duration_must_be_a_number": "stickyDuration must be a number",
+        "error_sticky_duration_out_of_range": "stickyDuration must be between 0 and 36000 milliseconds (1h)",
+        "event_content": "Event Content",
+        "event_id": "Event ID: %(eventId)s",
+        "event_sent": "Event sent!",
+        "event_type": "Event Type",
+        "expired": "Expired",
+        "expires_in": "Expires in",
+        "explore_account_data": "Explore account data",
+        "explore_room_account_data": "Explore room account data",
+        "explore_room_state": "Explore room state",
+        "explore_sticky_state": "Explore sticky state",
+        "failed_to_find_widget": "There was an error finding this widget.",
+        "failed_to_load": "Failed to load.",
+        "failed_to_save": "Failed to save settings.",
+        "failed_to_send": "Failed to send event!",
+        "id": "ID: ",
+        "invalid_device_key_id": "Invalid device key ID",
+        "invalid_json": "Doesn't look like valid JSON.",
+        "level": "Level",
+        "low_bandwidth_mode": "Disable bandwidth-heavy features",
+        "low_bandwidth_mode_description": "Disables encryption, presence, avatars, read receipts, and typing notifications",
+        "main_timeline": "Main timeline",
+        "manual_device_verification": "Manual device verification",
+        "no_receipt_found": "No receipt found",
+        "no_sticky_events": "There are no sticky events in this room.",
+        "notification_state": "Notification state is <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Notifications debug",
+        "number_of_users": "Number of users",
+        "only_joined_members": "Only joined users",
+        "original_event_source": "Original event source",
+        "restore_from_backup": "Restore from backup",
+        "room_encrypted": "Room is <strong>encrypted ✅</strong>",
+        "room_id": "Room ID: %(roomId)s",
+        "room_not_encrypted": "Room is <strong>not encrypted 🚨</strong>",
+        "room_notifications_dot": "Dot: ",
+        "room_notifications_highlight": "Highlight: ",
+        "room_notifications_last_event": "Last event:",
+        "room_notifications_sender": "Sender: ",
+        "room_notifications_thread_id": "Thread Id: ",
+        "room_notifications_total": "Total: ",
+        "room_notifications_type": "Type: ",
+        "room_status": "Room status",
+        "room_unread_status_count": {
+            "one": "Room unread status: <strong>%(status)s</strong>, count: <strong>%(count)s</strong>",
+            "other": "Room unread status: <strong>%(status)s</strong>, count: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Save setting values",
+        "see_history": "See history",
+        "send_custom_account_data_event": "Send custom account data event",
+        "send_custom_room_account_data_event": "Send custom room account data event",
+        "send_custom_state_event": "Send custom state event",
+        "send_custom_sticky_event": "Send custom sticky event",
+        "send_custom_timeline_event": "Send custom timeline event",
+        "server_info": "Server info",
+        "server_versions": "Server Versions",
+        "settable_global": "Settable at global",
+        "settable_room": "Settable at room",
+        "setting_colon": "Setting:",
+        "setting_definition": "Setting definition:",
+        "setting_id": "Setting ID",
+        "settings": {
+            "elementCallUrl": "Element Call URL"
+        },
+        "settings_explorer": "Settings explorer",
+        "show_empty_content_events": "Show events with empty content",
+        "show_hidden_events": "Show hidden events in timeline",
+        "spaces": {
+            "one": "<space>",
+            "other": "<%(count)s spaces>"
+        },
+        "state_key": "State Key",
+        "sticky_duration": "Sticky Duration (ms)",
+        "sticky_events_not_supported": "Your homeserver does not support sticky events yet.",
+        "sticky_key": "Sticky Key",
+        "thread_root_id": "Thread Root ID: %(threadRootId)s",
+        "threads_timeline": "Threads timeline",
+        "title": "Developer tools",
+        "toolbox": "Toolbox",
+        "use_at_own_risk": "This UI does NOT check the types of the values. Use at your own risk.",
+        "user_avatar": "Avatar: %(avatar)s",
+        "user_displayname": "Displayname: %(displayname)s",
+        "user_id": "User ID: %(userId)s",
+        "user_identity": "Cryptographic identity",
+        "user_identity_unknown": "Unknown",
+        "user_no_avatar": "Avatar: <i>None</i>",
+        "user_no_displayname": "Displayname: <i>None</i>",
+        "user_read_up_to": "User read up to: ",
+        "user_read_up_to_ignore_synthetic": "User read up to (ignoreSynthetic): ",
+        "user_read_up_to_private": "User read up to (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "User read up to (m.read.private;ignoreSynthetic): ",
+        "user_room_membership": "Membership: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Verification status: <E2EIcon /> Unverified, and digital identity changed",
+            "unverified": "Verification status: <E2EIcon /> Unverified",
+            "verified": "Verification status: <E2EIcon /> Verified",
+            "was_verified": "Verification status: <E2EIcon /> Was verified, but digital identity changed"
+        },
+        "users": "Users",
+        "value": "Value",
+        "value_colon": "Value:",
+        "value_in_this_room": "Value in this room",
+        "value_this_room_colon": "Value in this room:",
+        "values_explicit": "Values at explicit levels",
+        "values_explicit_colon": "Values at explicit levels:",
+        "values_explicit_room": "Values at explicit levels in this room",
+        "values_explicit_this_room_colon": "Values at explicit levels in this room:",
+        "view_servers_in_room": "View servers in room",
+        "view_source_decrypted_event_source": "Decrypted event source",
+        "view_source_decrypted_event_source_unavailable": "Decrypted source unavailable",
+        "widget_screenshots": "Enable widget screenshots on supported widgets"
+    },
+    "dialog_close_label": "Close dialog",
+    "download_completed": "Download Completed",
+    "empty_room": "Empty room",
+    "empty_room_was_name": "Empty room (was %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "If you have a security key or security phrase, this will work too.",
+            "key_validation_text": {
+                "wrong_security_key": "The recovery key you entered is not correct."
+            },
+            "privacy_warning": "Make sure nobody can see this screen!",
+            "restoring": "Restoring keys from backup",
+            "security_key_label": "Recovery key",
+            "security_key_title": "Enter your recovery key"
+        },
+        "bootstrap_title": "Setting up keys",
+        "confirm_encryption_setup_body": "Click the button below to confirm setting up encryption.",
+        "confirm_encryption_setup_title": "Confirm encryption setup",
+        "continue_with_reset": "Continue with reset",
+        "cross_signing_room_normal": "This room is end-to-end encrypted",
+        "cross_signing_room_verified": "Everyone in this room is verified",
+        "cross_signing_room_warning": "Someone is using an unknown session",
+        "cross_signing_user_normal": "You have not verified this user.",
+        "cross_signing_user_verified": "You have verified this user. This user has verified all of their sessions.",
+        "cross_signing_user_warning": "This user has not verified all of their sessions.",
+        "enter_recovery_key": "Enter recovery key",
+        "event_shield_reason_authenticity_not_guaranteed": "The authenticity of this encrypted message can't be guaranteed on this device.",
+        "event_shield_reason_mismatched_sender": "The sender of the event does not match the owner of the device that sent it.",
+        "event_shield_reason_mismatched_sender_key": "Encrypted by an unverified session",
+        "event_shield_reason_unknown_device": "Encrypted by an unknown or deleted device.",
+        "event_shield_reason_unsigned_device": "Encrypted by a device not verified by its owner.",
+        "event_shield_reason_unverified_identity": "Encrypted by an unverified user.",
+        "export_unsupported": "Your browser does not support the required cryptography extensions",
+        "forgot_recovery_key": "Forgot recovery key?",
+        "identity_needs_reset_description": "You have to reset your digital identity in order to ensure access to your chat history",
+        "import_invalid_keyfile": "Not a valid %(brand)s keyfile",
+        "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.",
+        "messages_not_secure": {
+            "cause_1": "Your homeserver",
+            "cause_2": "The homeserver the user you're verifying is connected to",
+            "cause_3": "Yours, or the other users' internet connection",
+            "cause_4": "Yours, or the other users' session",
+            "heading": "One of the following may be compromised:",
+            "title": "Your messages are not secure"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "A new Security Phrase and key for Secure Messages have been detected.",
+            "description_2": "This session is encrypting history using the new recovery method.",
+            "title": "New Recovery Method",
+            "warning": "If you didn't set the new recovery method, an attacker may be trying to access your account. Change your account password and set a new recovery method immediately in Settings."
+        },
+        "pinned_identity_changed": "%(displayName)s's (<b>%(userId)s</b>) digital identity was reset. <a>Learn more</a>",
+        "pinned_identity_changed_no_displayname": "<b>%(userId)s</b>'s digital identity was reset. <a>Learn more</a>",
+        "recovery_method_removed": {
+            "description_1": "This session has detected that your Security Phrase and key for Secure Messages have been removed.",
+            "description_2": "If you did this accidentally, you can setup Secure Messages on this session which will re-encrypt this session's message history with a new recovery method.",
+            "title": "Recovery Method Removed",
+            "warning": "If you didn't remove the recovery method, an attacker may be trying to access your account. Change your account password and set a new recovery method immediately in Settings."
+        },
+        "set_up_recovery": "Back up your chats",
+        "set_up_recovery_toast_description": "Your chats are automatically backed up with end-to-end encryption. To restore this backup and retain your digital identity when you lose access to all your devices, you will need your recovery key.",
+        "set_up_toast_title": "Set up Secure Backup",
+        "turn_on_key_storage": "Turn on key storage",
+        "turn_on_key_storage_description": "This will allow you to view your chat history on any new devices and is required for backup of chats and digital identity.",
+        "unable_to_setup_keys_error": "Unable to set up keys",
+        "verification": {
+            "accepting": "Accepting…",
+            "after_new_login": {
+                "device_verified": "Device verified",
+                "skip_verification": "Skip verification for now",
+                "verify_this_device": "Verify this device"
+            },
+            "cancelled_verification": "Either the request timed out, the request was denied, or there was a verification mismatch.",
+            "cancelling": "Cancelling…",
+            "cant_confirm": "Can't confirm?",
+            "complete_action": "Got It",
+            "complete_description": "You've successfully verified this user.",
+            "complete_title": "Verified!",
+            "confirm_identity_description": "Verify this device to set up secure messaging",
+            "confirm_identity_title": "Confirm your digital identity",
+            "confirm_the_emojis": "Confirm that the emojis below match those shown on your other device.",
+            "error_starting_description": "We were unable to start a chat with the other user.",
+            "error_starting_title": "Error starting verification",
+            "explainer": "Secure messages with this user are end-to-end encrypted and not able to be read by third parties.",
+            "in_person": "To be secure, do this in person or use a trusted way to communicate.",
+            "incoming_sas_device_dialog_text_1": "Verify this device to mark it as trusted. Trusting this device gives you and other users extra peace of mind when using end-to-end encrypted messages.",
+            "incoming_sas_device_dialog_text_2": "Verifying this device will mark it as trusted, and users who have verified with you will trust this device.",
+            "incoming_sas_dialog_title": "Incoming Verification Request",
+            "incoming_sas_dialog_waiting": "Waiting for partner to confirm…",
+            "incoming_sas_user_dialog_text_1": "Verify this user to mark them as trusted. Trusting users gives you extra peace of mind when using end-to-end encrypted messages.",
+            "incoming_sas_user_dialog_text_2": "Verifying this user will mark their session as trusted, and also mark your session as trusted to them.",
+            "manual": {
+                "already_verified": "This device is already verified",
+                "already_verified_and_wrong_fingerprint": "The supplied fingerprint does not match, but the device is already verified!",
+                "device_id": "Device ID",
+                "failure_description": "Failed to verify '%(deviceId)s': %(error)s",
+                "failure_title": "Verification failed",
+                "fingerprint": "Fingerprint (session key)",
+                "no_crypto": "Unable to verify device - crypto is not enabled",
+                "no_device": "Unable to verify device - device '%(deviceId)s' was not found",
+                "no_userid": "Unable to verify device - cannot find our User ID",
+                "success_description": "The device (%(deviceId)s) is now cross-signed",
+                "success_title": "Verification successful",
+                "text": "Supply the ID and fingerprint of one of your own devices to verify it. NOTE this allows the other device to send and receive messages as you. IF SOMEONE TOLD YOU TO PASTE SOMETHING HERE, IT IS LIKELY YOU ARE BEING SCAMMED!",
+                "wrong_fingerprint": "Unable to verify device '%(deviceId)s' - the supplied fingerprint '%(fingerprint)s' does not match the device fingerprint, '%(fprint)s'"
+            },
+            "no_support_qr_emoji": "The device you are trying to verify doesn't support scanning a QR code or emoji verification, which is what %(brand)s supports. Try with a different client.",
+            "now_you_can": "Now you can read or send messages securely, and anyone you chat with can also trust this device.",
+            "once_accepted_can_continue": "Once accepted you'll be able to continue with the verification.",
+            "other_party_cancelled": "The other party cancelled the verification.",
+            "prompt_encrypted": "Verify all users in a room to ensure it's secure.",
+            "prompt_unencrypted": "In encrypted rooms, verify all users to ensure it's secure.",
+            "qr_or_sas": "%(qrCode)s or %(emojiCompare)s",
+            "qr_prompt": "Scan this unique code",
+            "qr_reciprocate_check_again_device": "Check again on your other device to finish verification.",
+            "qr_reciprocate_no": "No, I don't see a green shield",
+            "qr_reciprocate_same_shield_user": "Almost there! Is %(displayName)s showing the same shield?",
+            "qr_reciprocate_yes": "Yes, I see a green shield",
+            "request_toast_accept_user": "Verify User",
+            "request_toast_decline_counter": "Ignore (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s from %(ip)s",
+            "request_toast_start_verification": "Start Verification",
+            "sas_caption_self": "Verify this device by confirming the following number appears on its screen.",
+            "sas_caption_user": "Verify this user by confirming the following number appears on their screen.",
+            "sas_description": "Compare a unique set of emoji if you don't have a camera on either device",
+            "sas_emoji_caption_user": "Verify this user by confirming the following emoji appear on their screen.",
+            "sas_match": "They match",
+            "sas_no_match": "They don't match",
+            "sas_prompt": "Compare unique emoji",
+            "scan_qr": "Verify by scanning",
+            "scan_qr_explainer": "Ask %(displayName)s to scan your code:",
+            "start_button": "Start Verification",
+            "successful_user": "You've successfully verified %(displayName)s!",
+            "unsupported_method": "Unable to find a supported verification method.",
+            "unverified_session_toast_accept": "Yes, it was me",
+            "unverified_session_toast_title": "New login. Was this you?",
+            "unverified_sessions_toast_description": "Review to ensure your account is safe",
+            "unverified_sessions_toast_reject": "Later",
+            "unverified_sessions_toast_title": "You have unverified sessions",
+            "use_another_device": "Use another device",
+            "use_recovery_key": "Use recovery key",
+            "verification_dialog_title_choose": "Choose how to verify",
+            "verification_dialog_title_compare_emojis": "Compare emojis",
+            "verification_dialog_title_confirm_green_shield": "Confirm that you see a green shield on your other device",
+            "verification_dialog_title_device": "Verify other device",
+            "verification_dialog_title_failed": "Verification failed",
+            "verification_dialog_title_start_on_other_device": "Start verification on the other device",
+            "verification_dialog_title_user": "Verification Request",
+            "verification_dialog_title_verified": "Device verified",
+            "verification_skip_warning": "Without verifying, you won't have access to all your messages and may appear as untrusted to others.",
+            "verification_success_with_backup": "Your new device is now verified. It has access to your encrypted messages, and other users will see it as trusted.",
+            "verification_success_without_backup": "Your new device is now verified. Other users will see it as trusted.",
+            "verify_by_completing_one_of": "Verify by completing one of the following:",
+            "verify_emoji": "Verify by emoji",
+            "verify_emoji_prompt": "Verify by comparing unique emoji.",
+            "verify_emoji_prompt_qr": "If you can't scan the code above, verify by comparing unique emoji.",
+            "verify_later": "I'll verify later",
+            "waiting_for_user_accept": "Waiting for %(displayName)s to accept…",
+            "waiting_other_device": "Waiting for you to verify on your other device…",
+            "waiting_other_device_details": "Waiting for you to verify on your other device, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Waiting for %(displayName)s to verify…"
+        },
+        "verification_requested_toast_title": "Verification requested",
+        "verified_identity_changed": "%(displayName)s's (<b>%(userId)s</b>) digital identity was reset. <a>Learn more</a>",
+        "verified_identity_changed_no_displayname": "<b>%(userId)s</b>'s digital identity was reset. <a>Learn more</a>",
+        "verify_toast_description": "As of end of October 2026, unverified devices will not be able to send and receive messages. <a>Learn more</a>",
+        "verify_toast_title": "Verify this device",
+        "withdraw_verification_action": "Withdraw verification"
+    },
+    "error": {
+        "admin_contact": "Please <a>contact your service administrator</a> to continue using this service.",
+        "admin_contact_short": "Contact your <a>server admin</a>.",
+        "app_launch_unexpected_error": "Unexpected error preparing the app. See console for details.",
+        "cannot_load_config": "Unable to load config file: please refresh the page to try again.",
+        "connection": "There was a problem communicating with the homeserver, please try again later.",
+        "dialog_description_default": "An error has occurred.",
+        "download_media": "Failed to download source media, no source url was found",
+        "edit_history_unsupported": "Your homeserver doesn't seem to support this feature.",
+        "failed_copy": "Failed to copy",
+        "hs_blocked": "This homeserver has been blocked by its administrator.",
+        "invalid_configuration_mixed_server": "Invalid configuration: a default_hs_url can't be specified along with default_server_name or default_server_config",
+        "invalid_configuration_no_server": "Invalid configuration: no default server specified.",
+        "invalid_json": "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.",
+        "invalid_json_detail": "The message from the parser is: %(message)s",
+        "invalid_json_generic": "Invalid JSON",
+        "mau": "This homeserver has hit its Monthly Active User limit.",
+        "misconfigured": "Your Element is misconfigured",
+        "mixed_content": "Can't connect to homeserver via HTTP when an HTTPS URL is in your browser bar. Either use HTTPS or <a>enable unsafe scripts</a>.",
+        "non_urgent_echo_failure_toast": "Your server isn't responding to some <a>requests</a>.",
+        "resource_limits": "This homeserver has exceeded one of its resource limits.",
+        "session_restore": {
+            "clear_storage_button": "Remove this device",
+            "clear_storage_description": "Remove this device together with its encryption keys?",
+            "description_1": "We encountered an error trying to restore your session.",
+            "description_2": "If you have previously used a more recent version of %(brand)s, your session may be incompatible with this version. Close this window and return to the more recent version.",
+            "description_3": "Clearing your browser's storage may fix the problem, but will remove this device and cause any encrypted chat history to become unreadable.",
+            "title": "Unable to restore session"
+        },
+        "something_went_wrong": "Something went wrong!",
+        "storage_evicted_description_1": "Some session data, including encrypted message keys, is missing. Remove this device and sign in again to fix this, restoring keys from backup.",
+        "storage_evicted_description_2": "Your browser likely removed this data when running low on disk space.",
+        "storage_evicted_title": "Missing session data",
+        "sync": "Unable to connect to Homeserver. Retrying…",
+        "tls": "Can't connect to homeserver - please check your connectivity, ensure your <a>homeserver's SSL certificate</a> is trusted, and that a browser extension is not blocking requests.",
+        "unknown": "Unknown error",
+        "unknown_error_code": "unknown error code",
+        "update_history_visibility": "Failed to change history visibility",
+        "update_power_level": "Failed to change power level"
+    },
+    "error_app_open_in_another_tab": "Switch to the other tab to connect to %(brand)s. This tab can now be closed.",
+    "error_app_open_in_another_tab_title": "%(brand)s is connected in another tab",
+    "error_app_opened_in_another_window": "%(brand)s is open in another window. Click \"%(label)s\" to use %(brand)s here and disconnect the other window.",
+    "error_database_closed_description": {
+        "for_desktop": "Your disk may be full. Please clear up some space and reload.",
+        "for_web": "If you cleared browsing data then this message is expected. %(brand)s may also be open in another tab, or your disk is full. Please clear up some space and reload"
+    },
+    "error_database_closed_title": "%(brand)s stopped working",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Unable to copy a link to the room to the clipboard.",
+            "title": "Unable to copy room link"
+        },
+        "error_loading_user_profile": "Could not load user profile",
+        "forget_room_failed": "Failed to forget room %(errCode)s"
+    },
+    "error_user_not_logged_in": "User is not logged in",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Call in progress",
+            "user": "%(senderName)s joined the call",
+            "you": "You joined the call"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s ended the call",
+            "you": "You ended the call"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s is calling",
+            "dm_send": "Waiting for answer",
+            "user": "%(senderName)s started a call",
+            "you": "You started a call"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s reacted %(reaction)s to %(message)s",
+            "you": "You reacted %(reaction)s to %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Audio",
+            "file": "File",
+            "image": "Image",
+            "poll": "Poll",
+            "video": "Video"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Export Cancelled",
+        "cancelled_detail": "The export was cancelled successfully",
+        "confirm_stop": "Are you sure you want to stop exporting your data? If you do, you'll need to start over.",
+        "creating_html": "Creating HTML…",
+        "creating_output": "Creating output…",
+        "creator_summary": "%(creatorName)s created this room.",
+        "current_timeline": "Current Timeline",
+        "enter_number_between_min_max": "Enter a number between %(min)s and %(max)s",
+        "error_fetching_file": "Error fetching file",
+        "export_info": "This is the start of export of <roomName/>. Exported by <exporterDetails/> at %(exportDate)s.",
+        "export_successful": "Export successful!",
+        "exported_n_events_in_time": {
+            "one": "Exported %(count)s event in %(seconds)s seconds",
+            "other": "Exported %(count)s events in %(seconds)s seconds"
+        },
+        "exporting_your_data": "Exporting your data",
+        "fetched_n_events": {
+            "one": "Fetched %(count)s event so far",
+            "other": "Fetched %(count)s events so far"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Fetched %(count)s event in %(seconds)ss",
+            "other": "Fetched %(count)s events in %(seconds)ss"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Fetched %(count)s event out of %(total)s",
+            "other": "Fetched %(count)s events out of %(total)s"
+        },
+        "fetching_events": "Fetching events…",
+        "file_attached": "File Attached",
+        "format": "Format",
+        "from_the_beginning": "From the beginning",
+        "generating_zip": "Generating a ZIP",
+        "html": "HTML",
+        "html_title": "Exported Data",
+        "include_attachments": "Include Attachments",
+        "json": "JSON",
+        "media_omitted": "Media omitted",
+        "media_omitted_file_size": "Media omitted - file size limit exceeded",
+        "messages": "Messages",
+        "next_page": "Next group of messages",
+        "num_messages": "Number of messages",
+        "num_messages_min_max": "Number of messages can only be a number between %(min)s and %(max)s",
+        "number_of_messages": "Specify a number of messages",
+        "previous_page": "Previous group of messages",
+        "processing": "Processing…",
+        "processing_event_n": "Processing event %(number)s out of %(total)s",
+        "select_option": "Select from the options below to export chats from your timeline",
+        "size_limit": "Size Limit",
+        "size_limit_min_max": "Size can only be a number between %(min)s MB and %(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Starting export…",
+        "successful": "Export Successful",
+        "successful_detail": "Your export was successful. Find it in your Downloads folder.",
+        "text": "Plain Text",
+        "title": "Export Chat",
+        "topic": "Topic: %(topic)s",
+        "unload_confirm": "Are you sure you want to exit during this export?"
+    },
+    "failed_load_async_component": "Unable to load! Check your network connectivity and try again.",
+    "feedback": {
+        "can_contact_label": "You may contact me if you have any follow up questions",
+        "comment_label": "Comment",
+        "existing_issue_link": "Please view <existingIssuesLink>existing bugs on Github</existingIssuesLink> first. No match? <newIssueLink>Start a new one</newIssueLink>.",
+        "may_contact_label": "You may contact me if you want to follow up or to let me test out upcoming ideas",
+        "platform_username": "Your platform and username will be noted to help us use your feedback as much as we can.",
+        "pro_type": "PRO TIP: If you start a bug, please submit <debugLogsLink>debug logs</debugLogsLink> to help us track down the problem.",
+        "send_feedback_action": "Send feedback",
+        "sent": "Feedback sent! Thanks, we appreciate it!"
+    },
+    "file_panel": {
+        "empty_description": "Attach files from chat or just drag and drop them anywhere in a room.",
+        "empty_heading": "No files visible in this room",
+        "guest_note": "You must <a>register</a> to use this functionality",
+        "peek_note": "You must join the room to see its files"
+    },
+    "forward": {
+        "filter_placeholder": "Search for rooms or people",
+        "message_preview_heading": "Message preview",
+        "no_perms_title": "You don't have permission to do this",
+        "open_room": "Open room",
+        "send_label": "Send",
+        "sending": "Sending",
+        "sent": "Sent"
+    },
+    "identity_server": {
+        "change": "Change identity server",
+        "change_prompt": "Disconnect from the identity server <current /> and connect to <new /> instead?",
+        "change_server_prompt": "If you don't want to use <server /> to discover and be discoverable by existing contacts you know, enter another identity server below.",
+        "changed": "Your identity server has been changed",
+        "checking": "Checking server",
+        "description_connected": "You are currently using <server></server> to discover and be discoverable by existing contacts you know. You can change your identity server below.",
+        "description_disconnected": "You are not currently using an identity server. To discover and be discoverable by existing contacts you know, add one below.",
+        "description_optional": "Using an identity server is optional. If you choose not to use an identity server, you won't be discoverable by other users and you won't be able to invite others by email or phone.",
+        "disconnect": "Disconnect identity server",
+        "disconnect_anyway": "Disconnect anyway",
+        "disconnect_offline_warning": "You should <b>remove your personal data</b> from identity server <idserver /> before disconnecting. Unfortunately, identity server <idserver /> is currently offline or cannot be reached.",
+        "disconnect_personal_data_warning_1": "You are still <b>sharing your personal data</b> on the identity server <idserver />.",
+        "disconnect_personal_data_warning_2": "We recommend that you remove your email addresses and phone numbers from the identity server before disconnecting.",
+        "disconnect_server": "Disconnect from the identity server <idserver />?",
+        "disconnect_warning": "Disconnecting from your identity server will mean you won't be discoverable by other users and you won't be able to invite others by email or phone.",
+        "do_not_use": "Do not use an identity server",
+        "error_connection": "Could not connect to identity server",
+        "error_invalid": "Not a valid identity server (status code %(code)s)",
+        "error_invalid_or_terms": "Terms of service not accepted or the identity server is invalid.",
+        "no_terms": "The identity server you have chosen does not have any terms of service.",
+        "suggestions": "You should:",
+        "suggestions_1": "check your browser plugins for anything that might block the identity server (such as Privacy Badger)",
+        "suggestions_2": "contact the administrators of identity server <idserver />",
+        "suggestions_3": "wait and try again later",
+        "url": "Identity server (%(server)s)",
+        "url_field_label": "Enter a new identity server",
+        "url_not_https": "Identity server URL must be HTTPS"
+    },
+    "in_space": "In %(spaceName)s.",
+    "in_space1_and_space2": "In spaces %(space1Name)s and %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "In %(spaceName)s and one other space.",
+        "other": "In %(spaceName)s and %(count)s other spaces."
+    },
+    "incompatible_browser": {
+        "continue": "Continue anyway",
+        "description": "%(brand)s uses some browser features which are not available in your current browser. %(detail)s",
+        "detail_can_continue": "If you continue, some features may stop working and there is a risk that you may lose data in the future.",
+        "detail_no_continue": "Try updating this browser if you're not using the latest version and try again.",
+        "learn_more": "Learn more",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "For the best experience, use <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge>, or <Safari>Safari</Safari>.",
+        "title": "%(brand)s does not support this browser",
+        "use_desktop_heading": "Use %(brand)s Desktop instead",
+        "use_mobile_heading": "Use %(brand)s on mobile instead",
+        "use_mobile_heading_after_desktop": "Or use our mobile app",
+        "windows_64bit": "Windows (64-bit)",
+        "windows_arm_64bit": "Windows (ARM 64-bit)"
+    },
+    "info_tooltip_title": "Information",
+    "integration_manager": {
+        "connecting": "Connecting to integration manager…",
+        "error_connecting": "The integration manager is offline or it cannot reach your homeserver.",
+        "error_connecting_heading": "Cannot connect to integration manager",
+        "explainer": "Integration managers receive configuration data, and can modify widgets, send room invites, and set power levels on your behalf.",
+        "manage_title": "Manage integrations",
+        "toggle_label": "Enable the integration manager",
+        "use_im": "Use an integration manager to manage bots, widgets, and sticker packs.",
+        "use_im_default": "Use an integration manager <b>(%(serverName)s)</b> to manage bots, widgets, and sticker packs."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Enable '%(manageIntegrations)s' in Settings to do this.",
+        "disabled_dialog_title": "Integrations are disabled",
+        "impossible_dialog_description": "Your %(brand)s doesn't allow you to use an integration manager to do this. Please contact an admin.",
+        "impossible_dialog_title": "Integrations not allowed"
+    },
+    "invite": {
+        "confirm_unknown_users": {
+            "invite_subtitle": "You currently don't have any chats with these contacts. Confirm inviting them to this room before continuing.",
+            "invite_title": "Invite new contacts to this room?",
+            "start_chat_subtitle_multiple_users": "You currently don't have any chats with these people. Confirm inviting them before continuing.",
+            "start_chat_subtitle_one_user": "You currently don't have any chats with this person. Confirm inviting them before continuing.",
+            "start_chat_title_multiple_users": "Start a chat with these new contacts?",
+            "start_chat_title_one_user": "Start a chat with this new contact?"
+        },
+        "email_caption": "Invite by email",
+        "email_limit_one": "Invites by email can only be sent one at a time",
+        "email_use_default_is": "Use an identity server to invite by email. <default>Use the default (%(defaultIdentityServerName)s)</default> or manage in <settings>Settings</settings>.",
+        "email_use_is": "Use an identity server to invite by email. Manage in <settings>Settings</settings>.",
+        "error_already_invited_room": "User is already invited to the room",
+        "error_already_invited_space": "User is already invited to the space",
+        "error_already_joined_room": "User is already in the room",
+        "error_already_joined_space": "User is already in the space",
+        "error_bad_state": "The user must be unbanned before they can be invited.",
+        "error_dm": "We couldn't create your DM.",
+        "error_find_room": "Something went wrong trying to invite the users.",
+        "error_find_user_description": "The following users might not exist or are invalid, and cannot be invited: %(csvNames)s",
+        "error_find_user_title": "Failed to find the following users",
+        "error_invite": "We couldn't invite those users. Please check the users you want to invite and try again.",
+        "error_permissions_room": "You do not have permission to invite people to this room.",
+        "error_permissions_space": "You do not have permission to invite people to this space.",
+        "error_profile_undisclosed": "User may or may not exist",
+        "error_transfer_multiple_target": "A call can only be transferred to a single user.",
+        "error_unfederated_room": "This room is unfederated. You cannot invite people from external servers.",
+        "error_unfederated_space": "This space is unfederated. You cannot invite people from external servers.",
+        "error_unknown": "Unknown server error",
+        "error_user_not_found": "User does not exist",
+        "error_version_unsupported_room": "The user's homeserver does not support the version of the room.",
+        "error_version_unsupported_space": "The user's homeserver does not support the version of the space.",
+        "failed_generic": "Operation failed",
+        "failed_title": "Failed to invite",
+        "invalid_address": "Unrecognised address",
+        "name_email_mxid_share_room": "Invite someone using their name, email address, username (like <userId/>) or <a>share this room</a>.",
+        "name_email_mxid_share_space": "Invite someone using their name, email address, username (like <userId/>) or <a>share this space</a>.",
+        "name_mxid_share_room": "Invite someone using their name, username (like <userId/>) or <a>share this room</a>.",
+        "name_mxid_share_space": "Invite someone using their name, username (like <userId/>) or <a>share this space</a>.",
+        "progress": {
+            "dont_close": "Do not close the app until finished.",
+            "preparing": "Preparing invitations..."
+        },
+        "recents_section": "Recent Conversations",
+        "room_failed_partial": "We sent the others, but the below people couldn't be invited to <RoomName/>",
+        "room_failed_partial_title": "Some invites couldn't be sent",
+        "room_failed_title": "Failed to invite users to %(roomName)s",
+        "send_link_prompt": "Or send invite link",
+        "start_conversation_name_email_mxid_prompt": "Start a conversation with someone using their name, email address or username (like <userId/>).",
+        "start_conversation_name_mxid_prompt": "Start a conversation with someone using their name or username (like <userId/>).",
+        "suggestions_disclaimer": "Some suggestions may be hidden for privacy.",
+        "suggestions_disclaimer_prompt": "If you can't see who you're looking for, send them your invite link below.",
+        "suggestions_section": "Recently Direct Messaged",
+        "to_room": "Invite to %(roomName)s",
+        "to_space": "Invite to %(spaceName)s",
+        "transfer_dial_pad_tab": "Dial pad",
+        "transfer_user_directory_tab": "User Directory",
+        "unable_find_profiles_description_default": "Unable to find profiles for the Matrix IDs listed below - would you like to invite them anyway?",
+        "unable_find_profiles_invite_label_default": "Invite anyway",
+        "unable_find_profiles_invite_never_warn_label_default": "Invite anyway and never warn me again",
+        "unable_find_profiles_title": "The following users may not exist",
+        "unban_first_title": "User cannot be invited until they are unbanned"
+    },
+    "inviting_user1_and_user2": "Inviting %(user1)s and %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Inviting %(user)s and one other",
+        "other": "Inviting %(user)s and %(count)s others"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> and one other",
+        "other": "<Items/> and %(count)s others"
+    },
+    "keyboard": {
+        "activate_button": "Activate selected button",
+        "alt": "Alt",
+        "autocomplete_cancel": "Cancel autocomplete",
+        "autocomplete_force": "Force complete",
+        "autocomplete_navigate_next": "Next autocomplete suggestion",
+        "autocomplete_navigate_prev": "Previous autocomplete suggestion",
+        "backspace": "Backspace",
+        "cancel_reply": "Cancel replying to a message",
+        "category_autocomplete": "Autocomplete",
+        "category_calls": "Calls",
+        "category_navigation": "Navigation",
+        "category_room_list": "Room List",
+        "close_dialog_menu": "Close dialog or context menu",
+        "composer_jump_end": "Jump to end of the composer",
+        "composer_jump_start": "Jump to start of the composer",
+        "composer_navigate_next_history": "Navigate to next message in composer history",
+        "composer_navigate_prev_history": "Navigate to previous message in composer history",
+        "composer_new_line": "New line",
+        "composer_redo": "Redo edit",
+        "composer_toggle_bold": "Toggle Bold",
+        "composer_toggle_code_block": "Toggle Code Block",
+        "composer_toggle_italics": "Toggle Italics",
+        "composer_toggle_link": "Toggle Link",
+        "composer_toggle_quote": "Toggle Quote",
+        "composer_undo": "Undo edit",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Dismiss read marker and jump to bottom",
+        "end": "End",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Go to Home View",
+        "home": "Home",
+        "jump_first_message": "Jump to first message",
+        "jump_last_message": "Jump to last message",
+        "jump_room_search": "Jump to room search",
+        "jump_to_read_marker": "Jump to oldest unread message",
+        "keyboard_shortcuts_tab": "Open this settings tab",
+        "navigate_next_history": "Next recently visited room or space",
+        "navigate_next_message_edit": "Navigate to next message to edit",
+        "navigate_prev_history": "Previous recently visited room or space",
+        "navigate_prev_message_edit": "Navigate to previous message to edit",
+        "next_landmark": "Go to next landmark",
+        "next_room": "Next room or DM",
+        "next_unread_room": "Next unread room or DM",
+        "number": "[number]",
+        "open_user_settings": "Open user settings",
+        "page_down": "Page Down",
+        "page_up": "Page Up",
+        "prev_landmark": "Go to previous landmark",
+        "prev_room": "Previous room or DM",
+        "prev_unread_room": "Previous unread room or DM",
+        "room_list_collapse_section": "Collapse room list section",
+        "room_list_expand_section": "Expand room list section",
+        "room_list_navigate_down": "Navigate down in the room list",
+        "room_list_navigate_up": "Navigate up in the room list",
+        "room_list_select_room": "Select room from the room list",
+        "save": "Save",
+        "scroll_down_timeline": "Scroll down in the timeline",
+        "scroll_up_timeline": "Scroll up in the timeline",
+        "search": "Search (must be enabled)",
+        "send_sticker": "Send a sticker",
+        "shift": "Shift",
+        "space": "Space",
+        "switch_to_space": "Switch to space by number",
+        "toggle_hidden_events": "Toggle hidden event visibility",
+        "toggle_microphone_mute": "Toggle microphone mute",
+        "toggle_right_panel": "Toggle right panel",
+        "toggle_space_panel": "Toggle space panel",
+        "toggle_top_left_menu": "Toggle the top left menu",
+        "toggle_webcam_mute": "Toggle webcam on/off",
+        "upload_file": "Upload a file"
+    },
+    "labs": {
+        "ask_to_join": "Enable ask to join",
+        "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.",
+        "beta_feedback_title": "%(featureName)s Beta feedback",
+        "beta_section": "Upcoming features",
+        "bridge_state": "Show info about bridges in room settings",
+        "bridge_state_channel": "Channel: <channelLink/>",
+        "bridge_state_creator": "This bridge was provisioned by <user />.",
+        "bridge_state_manager": "This bridge is managed by <user />.",
+        "bridge_state_workspace": "Workspace: <networkLink/>",
+        "click_for_info": "Click for more info",
+        "config_only": "Can only be enabled via config.json.",
+        "currently_experimental": "Currently experimental.",
+        "custom_themes": "Support adding custom themes",
+        "dynamic_room_predecessors": "Dynamic room predecessors",
+        "dynamic_room_predecessors_description": "Enable MSC3946 (to support late-arriving room archives)",
+        "element_call_video_rooms": "Element Call video rooms",
+        "encrypted_state_events": "Encrypted state events (MSC4362)",
+        "encrypted_state_events_description": "Enables experimental support for encrypting state events, which hides metadata such as room names and topics from the server. This metadata will also be hidden from people joining rooms later, and people whose clients do not support MSC4362.",
+        "exclude_insecure_devices": "Exclude insecure devices when sending/receiving messages",
+        "exclude_insecure_devices_description": "When this mode is enabled, encrypted messages will not be shared with unverified devices, and messages from unverified devices will be shown as an error. Note that if you enable this mode, you may be unable to communicate with users who have not verified their devices.",
+        "experimental_description": "Feeling experimental? Try out our latest ideas in development. These features are not finalised; they may be unstable, may change, or may be dropped altogether. <a>Learn more</a>.",
+        "experimental_section": "Early previews",
+        "extended_profiles_msc_support": "Requires your server to support MSC4133",
+        "feature_disable_call_per_sender_encryption": "Disable per-sender encryption for Element Call",
+        "feature_retention": {
+            "description": "Automatically remove messages from a room when they reach a configured retention period. Currently only supports reading settings.",
+            "disabled_sliding_sync": "Retention cannot be enabled when Sliding Sync is enabled.",
+            "display_name": "Message retention"
+        },
+        "feature_user_status": {
+            "description": "Enables being able to see and set a current status.",
+            "display_name": "User status",
+            "required_msc_support": "Requires MSC4429 (Profile Updates for Legacy Sync)"
+        },
+        "feature_wysiwyg_composer_description": "Use rich text instead of Markdown in the message composer.",
+        "group_developer": "Developer",
+        "group_encryption": "Encryption",
+        "group_experimental": "Experimental",
+        "group_messaging": "Messaging",
+        "group_moderation": "Moderation",
+        "group_profile": "Profile",
+        "group_rooms": "Rooms",
+        "group_spaces": "Spaces",
+        "group_themes": "Themes",
+        "group_threads": "Threads",
+        "group_ui": "User interface",
+        "group_voip": "Voice & Video",
+        "group_widgets": "Widgets",
+        "hidebold": "Hide notification dot (only display counters badges)",
+        "join_beta": "Join the beta",
+        "join_beta_reload": "Joining the beta will reload %(brand)s.",
+        "jump_to_date": "Jump to date (adds /jumptodate and jump to date headers)",
+        "jump_to_date_msc_support": "Requires your server to support MSC3030",
+        "latex_maths": "Render LaTeX maths in messages",
+        "leave_beta": "Leave the beta",
+        "leave_beta_reload": "Leaving the beta will reload %(brand)s.",
+        "location_share_live": "Live Location Sharing",
+        "location_share_live_description": "Temporary implementation. Locations persist in room history.",
+        "login_with_qr": "Log in with QR code",
+        "mjolnir": "New ways to ignore people",
+        "msc3531_hide_messages_pending_moderation": "Let moderators hide messages pending moderation.",
+        "notification_settings": "New Notification Settings",
+        "notification_settings_beta_caption": "Introducing a simpler way to change your notification settings. Customize your %(brand)s, just the way you like.",
+        "notification_settings_beta_title": "Notification Settings",
+        "notifications": "Enable the notifications panel in the room header",
+        "render_reaction_images": "Render custom images in reactions",
+        "render_reaction_images_description": "Sometimes referred to as \"custom emojis\".",
+        "sliding_sync": "Sliding Sync mode",
+        "sliding_sync_description": "Under active development, cannot be disabled. Currently, not compatible with Element Call.",
+        "sliding_sync_disabled_notice": "Sign in again to disable",
+        "sliding_sync_server_no_support": "Your server lacks support",
+        "unrealiable_e2e": "Unreliable in encrypted rooms",
+        "url_preview_bundle": "URL Preview Bundle (MSC4095)",
+        "url_preview_bundle_description": "Send URL previews in message alongside message content",
+        "video_rooms": "Video rooms",
+        "video_rooms_a_new_way_to_chat": "A new way to chat over voice and video in %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Video rooms are always-on VoIP channels embedded within a room in %(brand)s.",
+        "video_rooms_beta": "Video rooms are a beta feature",
+        "video_rooms_faq1_answer": "Use the “+” button in the room section of the left panel.",
+        "video_rooms_faq1_question": "How can I create a video room?",
+        "video_rooms_faq2_answer": "Yes, the chat timeline is displayed alongside the video.",
+        "video_rooms_faq2_question": "Can I use text chat alongside the video call?",
+        "video_rooms_feedbackSubheading": "Thank you for trying the beta, please go into as much detail as you can so we can improve it.",
+        "wysiwyg_composer": "Rich text editor"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ These settings are meant for advanced users.",
+        "ban_reason": "Ignored/Blocked",
+        "error_adding_ignore": "Error adding ignored user/server",
+        "error_adding_list_description": "Please verify the room ID or address and try again.",
+        "error_adding_list_title": "Error subscribing to list",
+        "error_removing_ignore": "Error removing ignored user/server",
+        "error_removing_list_description": "Please try again or view your console for hints.",
+        "error_removing_list_title": "Error unsubscribing from list",
+        "explainer_1": "Add users and servers you want to ignore here. Use asterisks to have %(brand)s match any characters. For example, <code>@bot:*</code> would ignore all users that have the name 'bot' on any server.",
+        "explainer_2": "Ignoring people is done through ban lists which contain rules for who to ban. Subscribing to a ban list means the users/servers blocked by that list will be hidden from you.",
+        "lists": "You are currently subscribed to:",
+        "lists_description_1": "Subscribing to a ban list will cause you to join it!",
+        "lists_description_2": "If this isn't what you want, please use a different tool to ignore users.",
+        "lists_heading": "Subscribed lists",
+        "lists_new_label": "Room ID or address of ban list",
+        "no_lists": "You are not subscribed to any lists",
+        "personal_description": "Your personal ban list holds all the users/servers you personally don't want to see messages from. After ignoring your first user/server, a new room will show up in your room list named '%(myBanList)s' - stay in this room to keep the ban list in effect.",
+        "personal_empty": "You have not ignored anyone.",
+        "personal_heading": "Personal ban list",
+        "personal_new_label": "Server or user ID to ignore",
+        "personal_new_placeholder": "eg: @bot:* or example.org",
+        "personal_section": "You are currently ignoring:",
+        "room_name": "My Ban List",
+        "room_topic": "This is your list of users/servers you have blocked - don't leave the room!",
+        "rules_empty": "None",
+        "rules_server": "Server rules",
+        "rules_title": "Ban list rules - %(roomName)s",
+        "rules_user": "User rules",
+        "something_went_wrong": "Something went wrong. Please try again or view your console for hints.",
+        "title": "Ignored users",
+        "view_rules": "View rules"
+    },
+    "language_dropdown_label": "Language Dropdown",
+    "leave_room_dialog": {
+        "last_person_warning": "You are the only person here. If you leave, no one will be able to join in the future, including you.",
+        "leave_room_question": "Are you sure you want to leave the room '%(roomName)s'?",
+        "leave_space_question": "Are you sure you want to leave the space '%(spaceName)s'?",
+        "room_leave_admin_warning": "You're the only administrator in this room. If you leave, nobody will be able to change room settings or take other important actions.",
+        "room_leave_mod_warning": "You're the only moderator in this room. If you leave, nobody will be able to change room settings or take other important actions.",
+        "room_rejoin_warning": "This room is not public. You will not be able to rejoin without an invite.",
+        "space_rejoin_warning": "This space is not public. You will not be able to rejoin without an invite."
+    },
+    "lightbox": {
+        "rotate_left": "Rotate Left",
+        "rotate_right": "Rotate Right",
+        "title": "Image view"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "This homeserver is not configured to display maps.",
+        "MapStyleUrlNotReachable": "This homeserver is not configured correctly to display maps, or the configured map server may be unreachable.",
+        "WebGLNotEnabled": "WebGL is required to display maps, please enable it in your browser settings.",
+        "click_drop_pin": "Click to drop a pin",
+        "click_move_pin": "Click to move the pin",
+        "close_sidebar": "Close sidebar",
+        "error_fetch_location": "Could not fetch location",
+        "error_no_perms_description": "You need to have the right permissions in order to share locations in this room.",
+        "error_no_perms_title": "You don't have permission to share locations",
+        "error_send_description": "%(brand)s could not send your location. Please try again later.",
+        "error_send_title": "We couldn't send your location",
+        "error_sharing_live_location": "An error occurred whilst sharing your live location",
+        "error_stopping_live_location": "An error occurred while stopping your live location",
+        "expand_map": "Expand map",
+        "failed_generic": "Failed to fetch your location. Please try again later.",
+        "failed_load_map": "Unable to load map",
+        "failed_permission": "%(brand)s was denied permission to fetch your location. Please allow location access in your browser settings.",
+        "failed_timeout": "Timed out trying to fetch your location. Please try again later.",
+        "failed_unknown": "Unknown error fetching location. Please try again later.",
+        "find_my_location": "Find my location",
+        "live_description": "%(displayName)s's live location",
+        "live_enable_description": "Please note: this is a labs feature using a temporary implementation. This means you will not be able to delete your location history, and advanced users will be able to see your location history even after you stop sharing your live location with this room.",
+        "live_enable_heading": "Live location sharing",
+        "live_location_active": "You are sharing your live location",
+        "live_location_enabled": "Live location enabled",
+        "live_location_ended": "Live location ended",
+        "live_location_error": "Live location error",
+        "live_locations_empty": "No live locations",
+        "live_share_button": "Share for %(duration)s",
+        "live_toggle_label": "Enable live location sharing",
+        "live_until": "Live until %(expiryTime)s",
+        "live_update_time": "Updated %(humanizedUpdateTime)s",
+        "loading_live_location": "Loading live location…",
+        "location_not_available": "Location not available",
+        "map_feedback": "Map feedback",
+        "mapbox_logo": "Mapbox logo",
+        "reset_bearing": "Reset bearing to north",
+        "share_button": "Share location",
+        "share_type_live": "My live location",
+        "share_type_own": "My current location",
+        "share_type_pin": "Drop a Pin",
+        "share_type_prompt": "What location type do you want to share?",
+        "toggle_attribution": "Toggle attribution"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s Member",
+            "other": "%(count)s Members"
+        },
+        "filter_placeholder": "Search room members",
+        "invite_button_no_perms_tooltip": "You do not have permission to invite users",
+        "invited_label": "Invited",
+        "list_title": "Member list",
+        "no_matches": "No matches"
+    },
+    "member_list_back_action_label": "Room members",
+    "message_edit_dialog_title": "Message edits",
+    "migrating_crypto": "Hang tight. We are updating %(brand)s to make encryption faster and more reliable.",
+    "mobile_guide": {
+        "toast_accept": "Use app",
+        "toast_description": "%(brand)s is experimental on a mobile web browser. For a better experience and the latest features, use our free native app.",
+        "toast_title": "Use app for a better experience"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "No more results",
+    "notif_panel": {
+        "empty_description": "You have no visible notifications.",
+        "empty_heading": "You're all caught up"
+    },
+    "notifications": {
+        "all_messages": "All messages",
+        "all_messages_description": "Get notified for every message",
+        "class_global": "Global",
+        "class_other": "Other",
+        "default": "Default",
+        "email_pusher_app_display_name": "Email Notifications",
+        "enable_prompt_toast_description": "Enable desktop notifications",
+        "enable_prompt_toast_title": "Notifications",
+        "enable_prompt_toast_title_from_message_send": "Don't miss a reply",
+        "error_change_title": "Change notification settings",
+        "keyword": "Keyword",
+        "keyword_new": "New keyword",
+        "level_activity": "Activity",
+        "level_highlight": "Highlight",
+        "level_muted": "Muted",
+        "level_none": "None",
+        "level_notification": "Notification",
+        "level_unsent": "Unsent",
+        "mark_all_read": "Mark all as read",
+        "mentions_and_keywords": "@mentions and replies only",
+        "mentions_and_keywords_description": "Get notified only with mentions, replies and keywords as set up in your <a>settings</a>",
+        "mentions_keywords": "Mentions and keywords",
+        "mute_description": "You won't get any notifications"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s is requesting verification"
+    },
+    "onboarding": {
+        "create_room": "Create a Group Chat",
+        "explore_rooms": "Explore Public Rooms",
+        "has_avatar_label": "Great, that'll help people know it's you",
+        "intro_byline": "Own your conversations.",
+        "intro_welcome": "Welcome to %(appName)s",
+        "no_avatar_label": "Add a photo so people know it's you.",
+        "send_dm": "Send a Direct Message",
+        "welcome_detail": "Now, let's help you get started",
+        "welcome_user": "Welcome %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Message in %(room)s",
+        "permalink_this_room": "Message from %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Create Poll",
+        "create_poll_title": "Create poll",
+        "disclosed_notes": "Voters see results as soon as they have voted",
+        "edit_poll_title": "Edit poll",
+        "end_description": "Are you sure you want to end this poll? This will show the final results of the poll and stop people from being able to vote.",
+        "end_message": "The poll has ended. Top answer: %(topAnswer)s",
+        "end_message_no_votes": "The poll has ended. No votes were cast.",
+        "end_title": "End Poll",
+        "ended_poll_label": "Poll ended",
+        "error_ending_description": "Sorry, the poll did not end. Please try again.",
+        "error_ending_title": "Failed to end poll",
+        "error_voting_description": "Sorry, your vote was not registered. Please try again.",
+        "error_voting_title": "Vote not registered",
+        "failed_send_poll_description": "Sorry, the poll you tried to create was not posted.",
+        "failed_send_poll_title": "Failed to post poll",
+        "notes": "Results are only revealed when you end the poll",
+        "option_label": "Option %(number)s, %(answer)s",
+        "option_label_winning_with_total": {
+            "one": "Option %(number)s, %(answer)s, winning option, %(count)s vote",
+            "other": "Option %(number)s, %(answer)s, winning option, %(count)s votes"
+        },
+        "option_label_with_total": {
+            "one": "Option %(number)s, %(answer)s, %(count)s vote",
+            "other": "Option %(number)s, %(answer)s, %(count)s votes"
+        },
+        "options_add_button": "Add option",
+        "options_heading": "Create options",
+        "options_label": "Option %(number)s",
+        "options_placeholder": "Write an option",
+        "poll_label": "Poll",
+        "topic_heading": "What is your poll question or topic?",
+        "topic_label": "Question or topic",
+        "topic_placeholder": "Write something…",
+        "total_decryption_errors": "Due to decryption errors, some votes may not be counted",
+        "total_n_votes": {
+            "one": "%(count)s vote cast. Vote to see the results",
+            "other": "%(count)s votes cast. Vote to see the results"
+        },
+        "total_n_votes_voted": {
+            "one": "Based on %(count)s vote",
+            "other": "Based on %(count)s votes"
+        },
+        "total_no_votes": "No votes cast",
+        "total_not_ended": "Results will be visible when the poll is ended",
+        "type_closed": "Closed poll",
+        "type_heading": "Poll type",
+        "type_open": "Open poll",
+        "unable_edit_description": "Sorry, you can't edit a poll after votes have been cast.",
+        "unable_edit_title": "Can't edit poll"
+    },
+    "power_level": {
+        "admin": "Admin",
+        "creator": "Owner",
+        "custom": "Custom (%(level)s)",
+        "custom_level": "Custom level",
+        "default": "Default",
+        "label": "Power level",
+        "moderator": "Moderator",
+        "restricted": "Restricted"
+    },
+    "powered_by_matrix": "Powered by Matrix",
+    "presence": {
+        "away": "Away",
+        "busy": "Busy",
+        "idle": "Idle",
+        "idle_for": "Idle for %(duration)s",
+        "offline": "Offline",
+        "offline_for": "Offline for %(duration)s",
+        "online": "Online",
+        "online_for": "Online for %(duration)s",
+        "unknown": "Unknown",
+        "unknown_for": "Unknown for %(duration)s",
+        "unreachable": "User's server unreachable"
+    },
+    "quick_settings": {
+        "all_settings": "All settings",
+        "sidebar_settings": "More options",
+        "title": "Quick settings"
+    },
+    "quit_warning": {
+        "call_in_progress": "You seem to be in a call, are you sure you want to quit?",
+        "file_upload_in_progress": "You seem to be uploading files, are you sure you want to quit?"
+    },
+    "redact": {
+        "confirm_button": "Confirm Removal",
+        "confirm_description": "Are you sure you wish to remove (delete) this event?",
+        "confirm_description_state": "Note that removing room changes like this could undo the change.",
+        "error": "You cannot delete this message. (%(code)s)",
+        "ongoing": "Removing…",
+        "reason_label": "Reason (optional)"
+    },
+    "remove_section_dialog": {
+        "confirmation": "Are you sure you want to remove this section?",
+        "description": "The chats in this section will still be available in your chats list.",
+        "remove_section": "Remove section",
+        "title": "Remove section?"
+    },
+    "report_content": {
+        "description": "Reporting this message will send its unique 'event ID' to the administrator of your homeserver. If messages in this room are encrypted, your homeserver administrator will not be able to read the message text or view any files or images.",
+        "hide_messages_from_user": "Check if you want to hide all current and future messages from this user.",
+        "ignore_user": "Ignore user",
+        "missing_reason": "Please fill why you're reporting.",
+        "report_content_to_homeserver": "Report Content to Your Homeserver Administrator"
+    },
+    "report_room": {
+        "description": "Report this room to your account provider. If the messages are encrypted, your admin will not be able to read them.",
+        "reason_label": "Describe the reason"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Failed to decrypt %(failedCount)s sessions!",
+        "count_of_successfully_restored_keys": "Successfully restored %(sessionCount)s keys",
+        "enter_key_description": "Access your secure message history and set up secure messaging by entering your Recovery Key.",
+        "enter_key_title": "Enter Recovery Key",
+        "enter_phrase_description": "Access your secure message history and set up secure messaging by entering your Security Phrase.",
+        "enter_phrase_title": "Enter Security Phrase",
+        "incorrect_security_phrase_dialog": "Backup could not be decrypted with this Security Phrase: please verify that you entered the correct Security Phrase.",
+        "incorrect_security_phrase_title": "Incorrect Security Phrase",
+        "key_backup_warning": "<b>Warning</b>: you should only set up key backup from a trusted computer.",
+        "key_fetch_in_progress": "Fetching keys from server…",
+        "key_forgotten_text": "If you've forgotten your Recovery Key you can <button>set up new recovery options</button>",
+        "key_is_invalid": "Not a valid Recovery Key",
+        "key_is_valid": "This looks like a valid Recovery Key!",
+        "keys_restored_title": "Keys restored",
+        "load_error_content": "Unable to load backup status",
+        "load_keys_progress": "%(completed)s of %(total)s keys restored",
+        "no_backup_error": "No backup found!",
+        "phrase_forgotten_text": "If you've forgotten your Security Phrase you can <button1>use your Recovery Key</button1> or <button2>set up new recovery options</button2>",
+        "recovery_key_mismatch_description": "Backup could not be decrypted with this Recovery Key: please verify that you entered the correct Recovery Key.",
+        "recovery_key_mismatch_title": "Recovery Key mismatch",
+        "restore_failed_error": "Unable to restore backup"
+    },
+    "right_panel": {
+        "add_integrations": "Add extensions",
+        "add_topic": "Add topic",
+        "extensions_button": "Extensions",
+        "extensions_empty_description": "Select “%(addIntegrations)s” to browse and add extensions to this room",
+        "extensions_empty_title": "Boost productivity with more tools, widgets and bots",
+        "files_button": "Files",
+        "pinned_messages": {
+            "empty_description": "Select a message and choose “%(pinAction)s” to it include here.",
+            "empty_title": "Pin important messages so that they can be easily discovered",
+            "header": {
+                "one": "1 Pinned message",
+                "other": "%(count)s Pinned messages",
+                "zero": "Pinned messages"
+            },
+            "limits": {
+                "other": "You can only pin up to %(count)s widgets"
+            },
+            "menu": "Open menu",
+            "reply_thread": "Reply to a <link>thread message</link>",
+            "unpin_all": {
+                "button": "Unpin all messages",
+                "content": "Make sure that you really want to remove all pinned messages. This action can’t be undone.",
+                "title": "Unpin all messages?"
+            },
+            "view": "View in timeline"
+        },
+        "pinned_messages_button": "Pinned messages",
+        "poll": {
+            "active_heading": "Active polls",
+            "empty_active": "There are no active polls in this room",
+            "empty_active_load_more": "There are no active polls. Load more polls to view polls for previous months",
+            "empty_active_load_more_n_days": {
+                "one": "There are no active polls for the past day. Load more polls to view polls for previous months",
+                "other": "There are no active polls for the past %(count)s days. Load more polls to view polls for previous months"
+            },
+            "empty_past": "There are no past polls in this room",
+            "empty_past_load_more": "There are no past polls. Load more polls to view polls for previous months",
+            "empty_past_load_more_n_days": {
+                "one": "There are no past polls for the past day. Load more polls to view polls for previous months",
+                "other": "There are no past polls for the past %(count)s days. Load more polls to view polls for previous months"
+            },
+            "final_result": {
+                "one": "Final result based on %(count)s vote",
+                "other": "Final result based on %(count)s votes"
+            },
+            "load_more": "Load more polls",
+            "loading": "Loading polls",
+            "past_heading": "Past polls",
+            "view_in_timeline": "View poll in timeline",
+            "view_poll": "View poll"
+        },
+        "polls_button": "Polls",
+        "room_summary_card": {
+            "title": "Room info"
+        },
+        "thread_list": {
+            "context_menu_label": "Thread options"
+        },
+        "video_room_chat": {
+            "title": "Chat"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "This invite was sent to %(email)s which is not associated with your account",
+        "3pid_invite_email_not_found_account_room": "This invite to %(roomName)s was sent to %(email)s which is not associated with your account",
+        "3pid_invite_error_description": "An error (%(errcode)s) was returned while trying to validate your invite. You could try to pass this information on to the person who invited you.",
+        "3pid_invite_error_invite_action": "Try to join anyway",
+        "3pid_invite_error_invite_subtitle": "You can only join it with a working invite.",
+        "3pid_invite_error_public_subtitle": "You can still join here.",
+        "3pid_invite_error_title": "Something went wrong with your invite.",
+        "3pid_invite_error_title_room": "Something went wrong with your invite to %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Use an identity server in Settings to receive invites directly in %(brand)s.",
+        "banned_by": "You were banned by %(memberName)s",
+        "banned_from_room_by": "You were banned from %(roomName)s by %(memberName)s",
+        "context_menu": {
+            "copy_link": "Copy room link",
+            "favourite": "Favourite",
+            "forget": "Forget Room",
+            "low_priority": "Low Priority",
+            "mark_read": "Mark as read",
+            "mark_unread": "Mark as unread",
+            "notifications_default": "Match default setting",
+            "notifications_mute": "Mute room",
+            "title": "Room options",
+            "unfavourite": "Favourited"
+        },
+        "creating_room_text": "We're creating a room with %(names)s",
+        "dm_invite_action": "Start chatting",
+        "dm_invite_subtitle": "<userName/> wants to chat",
+        "dm_invite_title": "Do you want to chat with %(user)s?",
+        "drop_file_prompt": "Drop file here to upload",
+        "edit_topic": "Edit topic",
+        "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.",
+        "error_join_404_2": "If you know a room address, try joining through that instead.",
+        "error_join_404_invite": "The person who invited you has already left, or their server is offline.",
+        "error_join_404_invite_same_hs": "The person who invited you has already left.",
+        "error_join_connection": "There was an error joining.",
+        "error_join_incompatible_version_1": "Sorry, your homeserver is too old to participate here.",
+        "error_join_incompatible_version_2": "Please contact your homeserver administrator.",
+        "error_join_title": "Failed to join",
+        "error_join_unknown": "An unknown error occured.",
+        "error_jump_to_date": "Server returned %(statusCode)s with error code %(errorCode)s",
+        "error_jump_to_date_connection": "A network error occurred while trying to find and jump to the given date. Your homeserver might be down or there was just a temporary problem with your internet connection. Please try again. If this continues, please contact your homeserver administrator.",
+        "error_jump_to_date_details": "Error details",
+        "error_jump_to_date_not_found": "We were unable to find an event looking forwards from %(dateString)s. Try choosing an earlier date.",
+        "error_jump_to_date_send_logs_prompt": "Please submit <debugLogsLink>debug logs</debugLogsLink> to help us track down the problem.",
+        "error_jump_to_date_title": "Unable to find event at that date",
+        "face_pile_summary": {
+            "one": "%(count)s person you know has already joined",
+            "other": "%(count)s people you know have already joined"
+        },
+        "face_pile_tooltip_label": {
+            "one": "View 1 member",
+            "other": "View all %(count)s members"
+        },
+        "face_pile_tooltip_shortcut": "Including %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Including you, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Cannot determine which user to ignore since the member event has changed.",
+        "failed_reject_invite": "Failed to reject invite",
+        "forget_room": "Forget this room",
+        "forget_space": "Forget this space",
+        "header": {
+            "join_video_call": "Join video call",
+            "join_voice_call": "Join voice call",
+            "n_people_asking_to_join": {
+                "one": "Asking to join",
+                "other": "%(count)s people asking to join"
+            },
+            "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",
+        "header_untrusted_label": "Untrusted",
+        "inaccessible": "This room or space is not accessible at this time.",
+        "inaccessible_name": "%(roomName)s is not accessible at this time.",
+        "inaccessible_subtitle_1": "Try again later, or ask a room or space admin to check if you have access.",
+        "inaccessible_subtitle_2": "%(errcode)s was returned while trying to access the room or space. If you think you're seeing this message in error, please <issueLink>submit a bug report</issueLink>.",
+        "intro": {
+            "display_topic": "Topic: <topic/>",
+            "dm_caption": "Only the two of you are in this conversation, unless either of you invites anyone to join.",
+            "edit_topic": "Topic: <topic/> (<a>edit</a>)",
+            "enable_encryption_prompt": "Enable encryption in settings.",
+            "encrypted_3pid_dm_pending_join": "Once everyone has joined, you’ll be able to chat",
+            "no_avatar_label": "Add a photo, so people can easily spot your room.",
+            "no_topic": "<a>Add a topic</a> to help people know what it is about.",
+            "private_unencrypted_warning": "Your private messages are normally encrypted, but this room isn't. Usually this is due to an unsupported device or method being used, like email invites.",
+            "room_invite": "Invite to just this room",
+            "send_message_start_dm": "Send your first message to invite <displayName/> to chat",
+            "start_of_dm_history": "This is the beginning of your direct message history with <displayName/>.",
+            "start_of_room": "This is the start of <roomName/>.",
+            "unencrypted_warning": "End-to-end encryption isn't enabled",
+            "user_created": "%(displayName)s created this room.",
+            "you_created": "You created this room."
+        },
+        "invite_email_mismatch_suggestion": "Share this email in Settings to receive invites directly in %(brand)s.",
+        "invite_sent_to_email": "This invite was sent to %(email)s",
+        "invite_sent_to_email_room": "This invite to %(roomName)s was sent to %(email)s",
+        "invite_subtitle": "Invited by <userName/>",
+        "invite_this_room": "Invite to this room",
+        "invite_title": "Do you want to join %(roomName)s?",
+        "inviter_unknown": "Unknown",
+        "invites_you_text": "<inviter/> invites you",
+        "join_button_account": "Sign Up",
+        "join_failed_needs_invite": "To view %(roomName)s, you need an invite",
+        "join_the_discussion": "Join the discussion",
+        "join_title": "Join the room to participate",
+        "join_title_account": "Join the conversation with an account",
+        "joining": "Joining…",
+        "joining_room": "Joining room…",
+        "joining_space": "Joining space…",
+        "jump_read_marker": "Jump to first unread message.",
+        "jump_to_bottom_button": "Scroll to most recent messages",
+        "kick_reason": "Reason: %(reason)s",
+        "kicked_by": "You were removed by %(memberName)s",
+        "kicked_from_room_by": "You were removed from %(roomName)s by %(memberName)s",
+        "knock_cancel_action": "Cancel request",
+        "knock_denied_subtitle": "As you have been denied access, you cannot rejoin unless you are invited by the admin or moderator of the group.",
+        "knock_denied_title": "You have been denied access",
+        "knock_message_field_placeholder": "Message (optional)",
+        "knock_prompt": "Ask to join?",
+        "knock_prompt_name": "Ask to join %(roomName)s?",
+        "knock_send_action": "Request access",
+        "knock_sent": "Request to join sent",
+        "knock_sent_subtitle": "Your request to join is pending.",
+        "knock_subtitle": "You need to be granted access to this room in order to view or participate in the conversation. You can send a request to join below.",
+        "leave_error_title": "Error leaving room",
+        "leave_server_notices_description": "This room is used for important messages from the Homeserver, so you cannot leave it.",
+        "leave_server_notices_title": "Can't leave Server Notices room",
+        "leave_unexpected_error": "Unexpected server error trying to leave the room",
+        "link_email_to_receive_3pid_invite": "Link this email with your account in Settings to receive invites directly in %(brand)s.",
+        "loading_preview": "Loading preview",
+        "no_peek_join_prompt": "%(roomName)s can't be previewed. Do you want to join it?",
+        "no_peek_no_name_join_prompt": "There's no preview, would you like to join?",
+        "not_found_subtitle": "Are you sure you're at the right place?",
+        "not_found_title": "This room or space does not exist.",
+        "not_found_title_name": "%(roomName)s does not exist.",
+        "peek_join_prompt": "You're previewing %(roomName)s. Want to join it?",
+        "pinned_message_banner": {
+            "button_close_list": "Close list",
+            "button_view_all": "View all",
+            "description": "Pinned messages",
+            "go_to_newest_message": "View the pinned message in the timeline and the newest pinned message here",
+            "go_to_next_message": "View the pinned message in the timeline and the next oldest pinned message here",
+            "title": "<bold>%(index)s of %(length)s</bold> Pinned messages"
+        },
+        "read_topic": "Click to read topic",
+        "rejecting": "Rejecting invite…",
+        "rejoin_button": "Re-join",
+        "room_content": "Room content",
+        "room_is_low_priority": "This is a low priority room",
+        "search": {
+            "all_rooms_button": "Search all rooms",
+            "placeholder": "Search messages…",
+            "summary": {
+                "one": "1 result found for “<query/>”",
+                "other": "%(count)s results found for “<query/>”"
+            },
+            "this_room_button": "Search this room"
+        },
+        "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.",
+            "other": "You have %(count)s unread notifications in a prior version of this room."
+        },
+        "upgrade_error_description": "Double check that your server supports the room version chosen and try again.",
+        "upgrade_error_title": "Error upgrading room",
+        "upgrade_warning_bar": "Upgrading this room will shut down the current instance of the room and create an upgraded room with the same name.",
+        "upgrade_warning_bar_admins": "Only room administrators will see this warning",
+        "upgrade_warning_bar_unstable": "This room is running room version <roomVersion />, which this homeserver has marked as <i>unstable</i>.",
+        "upgrade_warning_bar_upgraded": "This room has already been upgraded.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Uploading %(filename)s and %(count)s other",
+                "other": "Uploading %(filename)s and %(count)s others"
+            },
+            "uploading_single_file": "Uploading %(filename)s"
+        },
+        "video_room": "This room is a video room",
+        "waiting_for_join_subtitle": "Once invited users have joined %(brand)s, you will be able to chat and the room will be end-to-end encrypted",
+        "waiting_for_join_title": "Waiting for users to join %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Add space",
+        "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",
+        "list_title": "Room list",
+        "more_options": {
+            "leave_room": "Leave room"
+        },
+        "notification_options": "Notification options",
+        "section": {
+            "chats": "Chats",
+            "favourites": "Favourites",
+            "low_priority": "Low Priority"
+        },
+        "show_less": "Show less"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Decide who can view and join %(spaceName)s.",
+            "title": "Access"
+        },
+        "advanced": {
+            "error_upgrade_description": "The room upgrade could not be completed",
+            "error_upgrade_title": "Failed to upgrade room",
+            "information_section_room": "Room information",
+            "information_section_space": "Space information",
+            "room_id": "Internal room ID",
+            "room_predecessor": "View older messages in %(roomName)s.",
+            "room_upgrade_button": "Upgrade this room to the recommended room version",
+            "room_upgrade_warning": "<b>Warning</b>: upgrading a room will <i>not automatically migrate room members to the new version of the room.</i> We'll post a link to the new room in the old version of the room - room members will have to click this link to join the new room.",
+            "room_version": "Room version:",
+            "room_version_section": "Room version",
+            "space_predecessor": "View older version of %(spaceName)s.",
+            "space_upgrade_button": "Upgrade this space to the recommended room version",
+            "unfederated": "This room is not accessible by remote Matrix servers",
+            "upgrade_button": "Upgrade this room to version %(version)s",
+            "upgrade_dialog_description": "Upgrading this room requires closing down the current instance of the room and creating a new room in its place. To give room members the best possible experience, we will:",
+            "upgrade_dialog_description_1": "Create a new room with the same name, description and avatar",
+            "upgrade_dialog_description_2": "Update any local room aliases to point to the new room",
+            "upgrade_dialog_description_3": "Stop users from speaking in the old version of the room, and post a message advising users to move to the new room",
+            "upgrade_dialog_description_4": "Put a link back to the old room at the start of the new room so people can see old messages",
+            "upgrade_dialog_title": "Upgrade Room Version",
+            "upgrade_dwarning_ialog_title_public": "Upgrade public room",
+            "upgrade_warning_dialog_description": "Upgrading a room is an advanced action and is usually recommended when a room is unstable due to bugs, missing features or security vulnerabilities.",
+            "upgrade_warning_dialog_explainer": "<b>Please note upgrading will make a new version of the room</b>. All current messages will stay in this archived room.",
+            "upgrade_warning_dialog_footer": "You'll upgrade this room from <oldVersion /> to <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Automatically invite members from this room to the new one",
+            "upgrade_warning_dialog_report_bug_prompt": "This usually only affects how the room is processed on the server. If you're having problems with your %(brand)s, please report a bug.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "This usually only affects how the room is processed on the server. If you're having problems with your %(brand)s, please <a>report a bug</a>.",
+            "upgrade_warning_dialog_title": "Upgrade room",
+            "upgrade_warning_dialog_title_private": "Upgrade private room"
+        },
+        "alias_not_specified": "not specified",
+        "bridges": {
+            "description": "This room is bridging messages to the following platforms. <a>Learn more.</a>",
+            "empty": "This room isn't bridging messages to any platforms. <a>Learn more.</a>",
+            "title": "Bridges"
+        },
+        "delete_avatar_label": "Delete avatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Missing domain separator e.g. (:domain.org)",
+            "alias_field_has_localpart_invalid": "Missing room name or separator e.g. (my-room:domain.org)",
+            "alias_field_matches_invalid": "This address does not point at this room",
+            "alias_field_placeholder_default": "e.g. my-room",
+            "alias_field_required_invalid": "Please provide an address",
+            "alias_field_safe_localpart_invalid": "Some characters not allowed",
+            "alias_field_taken_invalid": "This address had invalid server or is already in use",
+            "alias_field_taken_invalid_domain": "This address is already in use",
+            "alias_field_taken_valid": "This address is available to use",
+            "alias_heading": "Room address",
+            "aliases_items_label": "Other published addresses:",
+            "aliases_no_items_label": "No other published addresses yet, add one below",
+            "aliases_section": "Room Addresses",
+            "avatar_field_label": "Room avatar",
+            "canonical_alias_field_label": "Main address",
+            "description_space": "Edit settings relating to your space.",
+            "error_creating_alias_description": "There was an error creating that address. It may not be allowed by the server or a temporary failure occurred.",
+            "error_creating_alias_title": "Error creating address",
+            "error_deleting_alias_description": "There was an error removing that address. It may no longer exist or a temporary error occurred.",
+            "error_deleting_alias_description_forbidden": "You don't have permission to delete the address.",
+            "error_deleting_alias_title": "Error removing address",
+            "error_publishing": "Unable to publish room",
+            "error_publishing_detail": "There was an error publishing this room",
+            "error_save_space_settings": "Failed to save space settings.",
+            "error_updating_alias_description": "There was an error updating the room's alternative addresses. It may not be allowed by the server or a temporary failure occurred.",
+            "error_updating_canonical_alias_description": "There was an error updating the room's main address. It may not be allowed by the server or a temporary failure occurred.",
+            "error_updating_canonical_alias_title": "Error updating main address",
+            "leave_space": "Leave Space",
+            "local_alias_field_label": "Local address",
+            "local_aliases_explainer_room": "Set addresses for this room so users can find this room through your homeserver (%(localDomain)s)",
+            "local_aliases_explainer_space": "Set addresses for this space so users can find this space through your homeserver (%(localDomain)s)",
+            "local_aliases_section": "Local Addresses",
+            "name_field_label": "Room Name",
+            "new_alias_placeholder": "New published address (e.g. #alias:server)",
+            "no_aliases_room": "This room has no local addresses",
+            "no_aliases_space": "This space has no local addresses",
+            "other_section": "Other",
+            "publish_toggle": "Publish this room to the public in %(domain)s's room directory?",
+            "publish_warn_invite_only": "You cannot publish a room that is invite-only.",
+            "publish_warn_no_canonical_permission": "You must have permission to set the main address to publish this room.",
+            "published_aliases_description": "To publish an address, it needs to be set as a local address first.",
+            "published_aliases_explainer_room": "Published addresses can be used by anyone on any server to join your room.",
+            "published_aliases_explainer_space": "Published addresses can be used by anyone on any server to join your space.",
+            "published_aliases_section": "Published Addresses",
+            "save": "Save Changes",
+            "topic_field_label": "Room Topic"
+        },
+        "notifications": {
+            "browse_button": "Browse",
+            "custom_sound_prompt": "Set a new custom sound",
+            "notification_sound": "Notification sound",
+            "settings_link": "Get notifications as set up in your <a>settings</a>",
+            "sounds_section": "Sounds",
+            "upload_sound_label": "Upload custom sound",
+            "uploaded_sound": "Uploaded sound"
+        },
+        "people": {
+            "knock_empty": "No requests",
+            "knock_section": "Asking to join",
+            "see_less": "See less",
+            "see_more": "See more"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Give one or multiple users in this room more privileges",
+            "add_privileged_user_filter_placeholder": "Search users in this room…",
+            "add_privileged_user_heading": "Add privileged users",
+            "ban": "Ban users",
+            "ban_reason": "Reason",
+            "banned_by": "Banned by %(displayName)s",
+            "banned_users_section": "Banned users",
+            "error_changing_pl_description": "An error occurred changing the user's power level. Ensure you have sufficient permissions and try again.",
+            "error_changing_pl_reqs_description": "An error occurred changing the room's power level requirements. Ensure you have sufficient permissions and try again.",
+            "error_changing_pl_reqs_title": "Error changing power level requirement",
+            "error_changing_pl_title": "Error changing power level",
+            "error_unbanning": "Failed to unban",
+            "events_default": "Send messages",
+            "invite": "Invite users",
+            "kick": "Remove users",
+            "m.call": "Start %(brand)s calls",
+            "m.call.member": "Join %(brand)s calls",
+            "m.reaction": "Send reactions",
+            "m.room.avatar": "Change room avatar",
+            "m.room.avatar_space": "Change space avatar",
+            "m.room.canonical_alias": "Change main address for the room",
+            "m.room.canonical_alias_space": "Change main address for the space",
+            "m.room.encryption": "Enable room encryption",
+            "m.room.history_visibility": "Change history visibility",
+            "m.room.name": "Change room name",
+            "m.room.name_space": "Change space name",
+            "m.room.pinned_events": "Manage pinned events",
+            "m.room.power_levels": "Change permissions",
+            "m.room.redaction": "Remove messages sent by me",
+            "m.room.server_acl": "Change server ACLs",
+            "m.room.tombstone": "Upgrade the room",
+            "m.room.topic": "Change topic",
+            "m.room.topic_space": "Change description",
+            "m.space.child": "Manage rooms in this space",
+            "m.widget": "Modify widgets",
+            "muted_users_section": "Muted Users",
+            "no_privileged_users": "No users have specific privileges in this room",
+            "notifications.room": "Notify everyone",
+            "permissions_section": "Permissions",
+            "permissions_section_description_room": "Select the roles required to change various parts of the room",
+            "permissions_section_description_space": "Select the roles required to change various parts of the space",
+            "privileged_users_section": "Privileged Users",
+            "redact": "Remove messages sent by others",
+            "send_event_type": "Send %(eventType)s events",
+            "state_default": "Change settings",
+            "title": "Roles & Permissions",
+            "users_default": "Default role"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "You do not have permissions to alter the history visibility of the room. This is dangerous as it could allow unjoined users to read messages.",
+                "title": "Cannot make room private"
+            },
+            "enable_encryption_confirm_description": "Once enabled, encryption for a room cannot be disabled. Messages sent in an encrypted room cannot be seen by the server, only by the participants of the room. Enabling encryption may prevent many bots and bridges from working correctly. <a>Learn more about encryption.</a>",
+            "enable_encryption_confirm_title": "Enable encryption?",
+            "enable_encryption_public_room_confirm_description_1": "<b>It's not recommended to add encryption to public rooms.</b> Anyone can find and join public rooms, so anyone can read messages in them. You'll get none of the benefits of encryption, and you won't be able to turn it off later. Encrypting messages in a public room will make receiving and sending messages slower.",
+            "enable_encryption_public_room_confirm_description_2": "To avoid these issues, create a <a>new encrypted room</a> for the conversation you plan to have.",
+            "enable_encryption_public_room_confirm_title": "Are you sure you want to add encryption to this public room?",
+            "encrypted_room_public_confirm_description_1": "<b>It's not recommended to make encrypted rooms public.</b> It will mean anyone can find and join the room, so anyone can read messages. You'll get none of the benefits of encryption. Encrypting messages in a public room will make receiving and sending messages slower.",
+            "encrypted_room_public_confirm_description_2": "To avoid these issues, create a <a>new public room</a> for the conversation you plan to have.",
+            "encrypted_room_public_confirm_title": "Are you sure you want to make this encrypted room public?",
+            "encryption_forced": "Your server requires encryption to be disabled.",
+            "encryption_permanent": "Once enabled, encryption cannot be disabled.",
+            "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 since invited",
+            "history_visibility_legend": "Who can read history?",
+            "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": "Invite only",
+            "join_rule_invite_description": "Only invited people can join.",
+            "join_rule_knock": "Ask to join",
+            "join_rule_knock_description": "People cannot join unless access is granted.",
+            "join_rule_public": "Anyone",
+            "join_rule_public_description": "Anyone can join.",
+            "join_rule_restricted": "Space members",
+            "join_rule_restricted_description": "Anyone in authorised spaces can join without an invitation. <a>Manage spaces</a>",
+            "join_rule_restricted_description_active_space": "Anyone in <spaceName/> can join.",
+            "join_rule_restricted_description_prompt": "Anyone in a space can join.",
+            "join_rule_restricted_description_spaces": "Authorised spaces",
+            "join_rule_restricted_dialog_description": "Spaces where members can join <RoomName/> without an invitation.",
+            "join_rule_restricted_dialog_empty_warning": "You're removing all authorised spaces. Access will default to invite only",
+            "join_rule_restricted_dialog_filter_placeholder": "Search spaces",
+            "join_rule_restricted_dialog_heading_known": "Your spaces that do not contain this room",
+            "join_rule_restricted_dialog_heading_other": "Other spaces you are not member of",
+            "join_rule_restricted_dialog_heading_room": "Your spaces that contain this room",
+            "join_rule_restricted_dialog_heading_space": "Spaces you know that contain this space",
+            "join_rule_restricted_dialog_heading_unknown": "These are likely ones other room admins are a part of.",
+            "join_rule_restricted_dialog_title": "Manage spaces",
+            "join_rule_restricted_n_more": {
+                "one": "& %(count)s more",
+                "other": "& %(count)s more"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Currently, one space has been authorised",
+                "other": "Currently, %(count)s spaces been authorised"
+            },
+            "join_rule_restricted_upgrade_description": "This upgrade will allow members of selected spaces access to this room without an invite.",
+            "join_rule_restricted_upgrade_warning": "This room is in some spaces you're not an admin of. In those spaces, the old room will still be shown, but people will be prompted to join the new one.",
+            "join_rule_upgrade_awaiting_room": "Loading new room",
+            "join_rule_upgrade_required": "Upgrade required",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Sending invite...",
+                "other": "Sending invites... (%(progress)s out of %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Updating space...",
+                "other": "Updating spaces... (%(progress)s out of %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Upgrading room",
+            "join_rule_world_readable_description": "Changing who can join the room will change the visibility of future messages too.",
+            "public_without_alias_warning": "To link to this room, please add an address.",
+            "publish_room": "Make this room visible in the public room directory.",
+            "publish_space": "Make this space visible in the public room directory.",
+            "strict_encryption": "Only send messages to verified users.",
+            "title": "Security & Privacy"
+        },
+        "title": "Room Settings - %(roomName)s",
+        "upload_avatar_label": "Upload avatar",
+        "visibility": {
+            "alias_section": "Address",
+            "error_failed_save": "Failed to update the settings of this space",
+            "error_update_guest_access": "Failed to update the guest access of this space",
+            "error_update_history_visibility": "Failed to update the history visibility of this space",
+            "guest_access_disabled": "You do not have permission to change guest access.",
+            "guest_access_explainer": "Guests can join a space without having an account. This may be useful for public spaces.",
+            "guest_access_label": "Enable guest access",
+            "history_visibility_anyone_space": "Preview space",
+            "history_visibility_anyone_space_description": "Allow people to preview your space before they join.",
+            "history_visibility_anyone_space_disabled": "You do not have permission to change history visibilty.",
+            "history_visibility_anyone_space_recommendation": "Recommended for public spaces.",
+            "title": "Security & Privacy"
+        },
+        "voip": {
+            "call_type_section": "Call type",
+            "enable_element_call_caption": "%(brand)s is end-to-end encrypted, but is currently limited to smaller numbers of users.",
+            "enable_element_call_label": "Enable %(brand)s as an additional calling option in this room",
+            "enable_element_call_no_permissions_tooltip": "You do not have sufficient permissions to change this."
+        }
+    },
+    "room_summary_card_back_action_label": "Room info",
+    "scalar": {
+        "error_create": "Unable to create widget.",
+        "error_membership": "You are not in this room.",
+        "error_missing_room_id": "Missing roomId.",
+        "error_missing_room_id_request": "Missing room_id in request",
+        "error_missing_user_id_request": "Missing user_id in request",
+        "error_permission": "You do not have permission to do that in this room.",
+        "error_power_level_invalid": "Power level must be positive integer.",
+        "error_room_not_visible": "Room %(roomId)s not visible",
+        "error_room_unknown": "This room is not recognised.",
+        "error_send_request": "Failed to send request.",
+        "failed_read_event": "Failed to read events",
+        "failed_send_event": "Failed to send event"
+    },
+    "server_offline": {
+        "description": "Your server isn't responding to some of your requests. Below are some of the most likely reasons.",
+        "description_1": "The server (%(serverName)s) took too long to respond.",
+        "description_2": "Your firewall or anti-virus is blocking the request.",
+        "description_3": "A browser extension is preventing the request.",
+        "description_4": "The server is offline.",
+        "description_5": "The server has denied your request.",
+        "description_6": "Your area is experiencing difficulties connecting to the internet.",
+        "description_7": "A connection error occurred while trying to contact the server.",
+        "description_8": "The server is not configured to indicate what the problem is (CORS).",
+        "empty_timeline": "You're all caught up.",
+        "recent_changes_heading": "Recent changes that have not yet been received",
+        "title": "Server isn't responding"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s requires a service worker for loading authenticated media from Matrix content repositories. This is not supported by your browser so you may experience media failing to load.",
+        "title": "Failed to load service worker"
+    },
+    "seshat": {
+        "error_initialising": "Message search initialisation failed, check <a>your settings</a> for more information",
+        "reset_button": "Reset event store",
+        "reset_description": "You most likely do not want to reset your event index store",
+        "reset_explainer": "If you do, please note that none of your messages will be deleted, but the search experience might be degraded for a few moments whilst the index is recreated",
+        "reset_title": "Reset event store?",
+        "warning_kind_files": "This version of %(brand)s does not support viewing some encrypted files",
+        "warning_kind_files_app": "Use the <a>Desktop app</a> to see all encrypted files",
+        "warning_kind_search": "This version of %(brand)s does not support searching encrypted messages",
+        "warning_kind_search_app": "Use the <a>Desktop app</a> to search encrypted messages",
+        "warning_kind_search_partial": "Results may be incomplete because your search index is still being built."
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Your access token gives full access to your account. Do not share it with anyone.",
+            "brand_version": "%(brand)s version:",
+            "clear_cache_reload": "Clear cache and reload",
+            "crypto_version": "Crypto version:",
+            "dialog_title": "<strong>Settings:</strong> Help & About",
+            "help_link": "For help with using %(brand)s, click <a>here</a>.",
+            "homeserver": "Homeserver is <code>%(homeserverUrl)s</code>",
+            "identity_server": "Identity server is <code>%(identityServerUrl)s</code>",
+            "title": "Help & About",
+            "versions": "Versions"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Settings:</strong> Account",
+            "title": "Account"
+        },
+        "all_rooms_home": "Show all rooms in Home",
+        "all_rooms_home_description": "All rooms you're in will appear in Home.",
+        "always_show_message_timestamps": "Always show message timestamps",
+        "appearance": {
+            "bundled_emoji_font": "Use bundled emoji font",
+            "compact_layout": "Show compact text and messages",
+            "compact_layout_description": "Modern layout must be selected to use this feature.",
+            "custom_font": "Use a system font",
+            "custom_font_description": "Set the name of a font installed on your system & %(brand)s will attempt to use it.",
+            "custom_font_name": "System font name",
+            "custom_font_size": "Use custom size",
+            "custom_theme_add": "Add custom theme",
+            "custom_theme_downloading": "Downloading custom theme…",
+            "custom_theme_error_downloading": "Error downloading theme",
+            "custom_theme_help": "Enter the URL of a custom theme you want to apply.",
+            "custom_theme_invalid": "Invalid theme schema.",
+            "dialog_title": "<strong>Settings:</strong> Appearance",
+            "font_size": "Font size",
+            "font_size_default": "%(fontSize)s (default)",
+            "high_contrast": "High contrast",
+            "image_size_default": "Default",
+            "image_size_large": "Large",
+            "layout_bubbles": "Message bubbles",
+            "layout_irc": "IRC (experimental)",
+            "match_system_theme": "Match system theme",
+            "timeline_image_size": "Image size in the timeline"
+        },
+        "automatic_language_detection_syntax_highlight": "Enable automatic language detection for syntax highlighting",
+        "autoplay_gifs": "Autoplay GIFs",
+        "autoplay_videos": "Autoplay videos",
+        "big_emoji": "Enable big emoji in chat",
+        "code_block_expand_default": "Expand code blocks by default",
+        "code_block_line_numbers": "Show line numbers in code blocks",
+        "disable_historical_profile": "Show current profile picture and name for users in message history",
+        "discovery": {
+            "title": "How to find you"
+        },
+        "emoji_autocomplete": "Enable Emoji suggestions while typing",
+        "enable_markdown": "Enable Markdown",
+        "enable_markdown_description": "Start messages with <code>/plain</code> to send without markdown.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Your account details, contacts, preferences, and chat list will be kept",
+                "breadcrumb_page": "Reset encryption",
+                "breadcrumb_second_description": "You will lose any message history that’s stored only on the server",
+                "breadcrumb_third_description": "You will need to verify all your existing devices and contacts again",
+                "breadcrumb_title": "Are you sure you want to reset your digital identity?",
+                "breadcrumb_title_cant_confirm": "You need to reset your digital identity",
+                "breadcrumb_title_forgot": "Forgot your recovery key? You’ll need to reset your digital identity.",
+                "breadcrumb_title_sync_failed": "Failed to sync key storage. You need to reset your digital identity.",
+                "breadcrumb_warning": "Only do this if you believe your account has been compromised.",
+                "details_title": "Encryption details",
+                "do_not_close_warning": "Do not close this window until the reset is finished",
+                "export_keys": "Export keys",
+                "import_keys": "Import keys",
+                "other_people_device_description": "Warning: users who have not explicitly verified with you (e.g. using emoji) will not receive your encrypted messages. Also, unverified devices of verified users will not receive your encrypted messages. Changes require an application restart to take effect.",
+                "other_people_device_label": "In encrypted rooms, only send messages to verified users",
+                "other_people_device_title": "Other people’s devices",
+                "reset_identity": "Reset cryptographic identity",
+                "reset_in_progress": "Reset in progress...",
+                "session_id": "Session ID:",
+                "session_key": "Session key:",
+                "title": "Advanced"
+            },
+            "confirm_key_storage_off": "Are you sure you want to keep key storage turned off?",
+            "confirm_key_storage_off_description": "If you remove all your devices you will lose your message history and will need to verify all your existing contacts again. <a>Learn more</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Delete key storage",
+                "confirm": "Delete key storage",
+                "description": "Deleting key storage will remove your cryptographic identity and message keys from the server and turn off the following security features:",
+                "list_first": "You will not have encrypted message history on new devices",
+                "list_second": "You will lose access to your encrypted messages if you're not signed in to any devices",
+                "title": "Are you sure you want to turn off key storage and delete it?"
+            },
+            "device_not_verified_button": "Verify this device",
+            "device_not_verified_description": "You need to verify this device in order to view your encryption settings.",
+            "device_not_verified_title": "Device not verified",
+            "dialog_title": "<strong>Settings:</strong> Encryption",
+            "key_storage": {
+                "allow_key_storage": "Allow key storage",
+                "description": "This will allow you to view your chat history on any new devices and is required for backup of chats and digital identity. <a>Learn more</a>",
+                "title": "Key storage"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Confirm new recovery key",
+                "change_recovery_confirm_description": "Enter your new recovery key below to finish. Your old one will no longer work.",
+                "change_recovery_confirm_title": "Enter your new recovery key",
+                "change_recovery_key": "Change recovery key",
+                "change_recovery_key_description": "Write down this new recovery key somewhere safe. Then click Continue to confirm the change.",
+                "change_recovery_key_title": "Change recovery key?",
+                "description": "Your chats are automatically backed up with end-to-end encryption. To restore this backup and retain your digital identity when you lose access to all your devices, you will need your recovery key.",
+                "enter_key_error": "The recovery key you entered is not correct.",
+                "enter_recovery_key": "Enter recovery key",
+                "forgot_recovery_key": "Forgot recovery key?",
+                "key_storage_warning": "Your key storage is out of sync. Click one of the buttons below to fix the problem.",
+                "save_key_description": "Do not share this with anyone!",
+                "save_key_title": "Recovery key",
+                "set_up_recovery": "Get recovery key",
+                "set_up_recovery_confirm_button": "Finish set up",
+                "set_up_recovery_confirm_description": "Enter the recovery key shown on the previous screen to finish setting up recovery.",
+                "set_up_recovery_confirm_title": "Enter your recovery key to confirm",
+                "set_up_recovery_description": "Your key storage is protected by a recovery key. If you need a new recovery key after setup, you can recreate it by selecting ‘%(changeRecoveryKeyButton)s’.",
+                "set_up_recovery_save_key_description": "Write down this recovery key somewhere safe, like a password manager, encrypted note, or a physical safe.",
+                "set_up_recovery_save_key_title": "Save your recovery key somewhere safe",
+                "set_up_recovery_secondary_description": "After clicking continue, we’ll generate a recovery key for you.",
+                "title": "Backup"
+            },
+            "title": "Encryption"
+        },
+        "general": {
+            "account_management_section": "Account management",
+            "account_section": "Account",
+            "add_email_dialog_title": "Add Email Address",
+            "add_email_failed_verification": "Failed to verify email address: make sure you clicked the link in the email",
+            "add_email_instructions": "We've sent you an email to verify your address. Please follow the instructions there and then click the button below.",
+            "add_msisdn_confirm_body": "Click the button below to confirm adding this phone number.",
+            "add_msisdn_confirm_button": "Confirm adding phone number",
+            "add_msisdn_confirm_sso_button": "Confirm adding this phone number by using Single Sign On to prove your identity.",
+            "add_msisdn_dialog_title": "Add Phone Number",
+            "add_msisdn_instructions": "A text message has been sent to +%(msisdn)s. Please enter the verification code it contains.",
+            "add_msisdn_misconfigured": "The add / bind with MSISDN flow is misconfigured",
+            "allow_spellcheck": "Allow spell check",
+            "application_language": "Application language",
+            "application_language_reload_hint": "The app will reload after selecting another language",
+            "avatar_open_menu": "Open avatar menu",
+            "avatar_remove_progress": "Removing image...",
+            "avatar_save_progress": "Uploading image...",
+            "avatar_upload_error_text": "The file format is not supported or the image is larger than %(size)s.",
+            "avatar_upload_error_text_generic": "The file format may not be supported.",
+            "avatar_upload_error_title": "Avatar image could not be uploaded",
+            "confirm_adding_email_body": "Click the button below to confirm adding this email address.",
+            "confirm_adding_email_title": "Confirm adding email",
+            "deactivate_confirm_body": "Are you sure you want to deactivate your account? This is irreversible.",
+            "deactivate_confirm_body_sso": "Confirm your account deactivation by using Single Sign On to prove your identity.",
+            "deactivate_confirm_content": "Confirm that you would like to deactivate your account. If you proceed:",
+            "deactivate_confirm_content_1": "You will not be able to reactivate your account",
+            "deactivate_confirm_content_2": "You will no longer be able to log in",
+            "deactivate_confirm_content_3": "No one will be able to reuse your username (MXID), including you: this username will remain unavailable",
+            "deactivate_confirm_content_4": "You will leave all rooms and DMs that you are in",
+            "deactivate_confirm_content_5": "You will be removed from the identity server: your friends will no longer be able to find you with your email or phone number",
+            "deactivate_confirm_content_6": "Your old messages will still be visible to people who received them, just like emails you sent in the past. Would you like to hide your sent messages from people who join rooms in the future?",
+            "deactivate_confirm_continue": "Confirm account deactivation",
+            "deactivate_confirm_erase_label": "Hide my messages from new joiners",
+            "deactivate_section": "Deactivate Account",
+            "deactivate_warning": "Deactivating your account is a permanent action — be careful!",
+            "discovery_email_empty": "Discovery options will appear once you have added an email.",
+            "discovery_email_verification_instructions": "Verify the link in your inbox",
+            "discovery_msisdn_empty": "Discovery options will appear once you have added a phone number.",
+            "discovery_needs_terms": "Agree to the identity server (%(serverName)s) Terms of Service to allow yourself to be discoverable by email address or phone number.",
+            "discovery_needs_terms_title": "Let people find you",
+            "display_name": "Display Name",
+            "display_name_error": "Unable to set display name",
+            "email_adding_unsupported_by_hs": "This homeserver does not support adding email addresses to your account.",
+            "email_address_in_use": "This email address is already in use",
+            "email_address_label": "Email Address",
+            "email_not_verified": "Your email address hasn't been verified yet",
+            "email_verification_instructions": "Click the link in the email you received to verify and then click continue again.",
+            "emails_heading": "Email addresses",
+            "error_add_email": "Unable to add email address",
+            "error_deactivate_communication": "There was a problem communicating with the server. Please try again.",
+            "error_deactivate_invalid_auth": "Server did not return valid authentication information.",
+            "error_deactivate_no_auth": "Server did not require any authentication",
+            "error_email_verification": "Unable to verify email address.",
+            "error_invalid_email": "Invalid Email Address",
+            "error_invalid_email_detail": "This doesn't appear to be a valid email address",
+            "error_msisdn_verification": "Unable to verify phone number.",
+            "error_password_change_403": "Failed to change password. Is your password correct?",
+            "error_password_change_http": "%(errorMessage)s (HTTP status %(httpStatus)s)",
+            "error_password_change_title": "Error changing password",
+            "error_password_change_unknown": "Unknown password change error (%(stringifiedError)s)",
+            "error_remove_3pid": "Unable to remove contact information",
+            "error_revoke_email_discovery": "Unable to revoke sharing for email address",
+            "error_revoke_msisdn_discovery": "Unable to revoke sharing for phone number",
+            "error_share_email_discovery": "Unable to share email address",
+            "error_share_msisdn_discovery": "Unable to share phone number",
+            "identity_server_no_token": "No identity access token found",
+            "identity_server_not_set": "Identity server not set",
+            "invalid_phone_number": "The phone number supplied does not appear to be valid.",
+            "language_section": "Language",
+            "msisdn_adding_unsupported_by_hs": "This homeserver does not support adding phone numbers to your account.",
+            "msisdn_in_use": "This phone number is already in use",
+            "msisdn_label": "Phone Number",
+            "msisdn_verification_field_label": "Verification code",
+            "msisdn_verification_instructions": "Please enter verification code sent via text.",
+            "msisdns_heading": "Phone numbers",
+            "oidc_manage_button": "Manage account",
+            "password_change_section": "Set a new account password…",
+            "password_change_success": "Your password was successfully changed.",
+            "personal_info": "Personal info",
+            "profile_subtitle": "This is how you appear to others on the app.",
+            "profile_subtitle_oidc": "Your account is managed separately by an identity provider and so some of your personal information can’t be changed here.",
+            "remove_email_prompt": "Remove %(email)s?",
+            "remove_msisdn_prompt": "Remove %(phone)s?",
+            "spell_check_locale_placeholder": "Choose a locale",
+            "unable_to_load_emails": "Unable to load email addresses",
+            "unable_to_load_msisdns": "Unable to load phone numbers",
+            "username": "Username"
+        },
+        "inline_url_previews_default": "Enable previews",
+        "inline_url_previews_encrypted": "Enable previews in encrypted rooms",
+        "insert_trailing_colon_mentions": "Insert a trailing colon after user mentions at the start of a message",
+        "invite_controls": {
+            "default_label": "Allow users to invite you to rooms"
+        },
+        "jump_to_bottom_on_send": "Jump to the bottom of the timeline when you send a message",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Your keys are now being backed up from this device.",
+                "backup_setup_success_title": "Secure Backup successful",
+                "cancel_warning": "If you cancel now, you may lose encrypted messages & data if you lose access to your logins.",
+                "confirm_security_phrase": "Confirm your Security Phrase",
+                "description": "Safeguard against losing access to encrypted messages & data by backing up encryption keys on your server.",
+                "download_or_copy": "%(downloadButton)s or %(copyButton)s",
+                "enter_phrase_description": "Enter a Security Phrase only you know, as it's used to safeguard your data. To be secure, you shouldn't re-use your account password.",
+                "enter_phrase_title": "Enter a Security Phrase",
+                "enter_phrase_to_confirm": "Enter your Security Phrase a second time to confirm it.",
+                "generate_security_key_description": "We'll generate a Recovery Key for you to store somewhere safe, like a password manager or a safe.",
+                "generate_security_key_title": "Generate a Recovery Key",
+                "pass_phrase_match_failed": "That doesn't match.",
+                "pass_phrase_match_success": "That matches!",
+                "phrase_strong_enough": "Great! This Security Phrase looks strong enough.",
+                "secret_storage_query_failure": "Unable to query secret storage status",
+                "security_key_safety_reminder": "Store your Recovery Key somewhere safe, like a password manager or a safe, as it's used to safeguard your encrypted data.",
+                "set_phrase_again": "Go back to set it again.",
+                "settings_reminder": "You can also set up Secure Backup & manage your keys in Settings.",
+                "title_confirm_phrase": "Confirm Security Phrase",
+                "title_save_key": "Save your Recovery Key",
+                "title_set_phrase": "Set a Security Phrase",
+                "unable_to_setup": "Unable to set up secret storage",
+                "use_different_passphrase": "Use a different passphrase?",
+                "use_phrase_only_you_know": "Use a secret phrase only you know, and optionally save a Recovery Key to use for backup."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Confirm passphrase",
+            "enter_passphrase": "Enter passphrase",
+            "export_description_1": "This process allows you to export the keys for messages you have received in encrypted rooms to a local file. You will then be able to import the file into another Matrix client in the future, so that client will also be able to decrypt these messages.",
+            "export_description_2": "The exported file will allow anyone who can read it to decrypt any encrypted messages that you can see, so you should be careful to keep it secure. To help with this, you should enter a unique passphrase below, which will only be used to encrypt the exported data. It will only be possible to import the data by using the same passphrase.",
+            "export_title": "Export room keys",
+            "file_to_import": "File to import",
+            "import_description_1": "This process allows you to import encryption keys that you had previously exported from another Matrix client. You will then be able to decrypt any messages that the other client could decrypt.",
+            "import_description_2": "The export file will be protected with a passphrase. You should enter the passphrase here, to decrypt the file.",
+            "import_title": "Import room keys",
+            "phrase_cannot_be_empty": "Passphrase must not be empty",
+            "phrase_must_match": "Passphrases must match",
+            "phrase_strong_enough": "Great! This passphrase looks strong enough"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Settings:</strong> Keyboard",
+            "title": "Keyboard"
+        },
+        "labs": {
+            "dialog_title": "<strong>Settings:</strong> Labs"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Settings:</strong> Ignored Users"
+        },
+        "media_preview": {
+            "hide_avatars": "Hide avatars of room and inviter",
+            "hide_media": "Always hide",
+            "media_preview_description": "A hidden media can always be shown by tapping on it",
+            "media_preview_label": "Show media in timeline",
+            "show_in_private": "In private rooms",
+            "show_media": "Always show"
+        },
+        "not_supported": "Your server does not implement this feature.",
+        "notifications": {
+            "default_setting_description": "This setting will be applied by default to all your rooms.",
+            "default_setting_section": "I want to be notified for (Default Setting)",
+            "desktop_notification_message_preview": "Show message preview in desktop notification",
+            "dialog_title": "<strong>Settings:</strong> Notifications",
+            "email_description": "Receive an email summary of missed notifications",
+            "email_section": "Email summary",
+            "email_select": "Select which emails you want to send summaries to. Manage your emails in <button>General</button>.",
+            "enable_audible_notifications_session": "Enable audible notifications for this session",
+            "enable_desktop_notifications_session": "Enable desktop notifications for this session",
+            "enable_email_notifications": "Enable email notifications for %(email)s",
+            "enable_notifications_account": "Enable notifications for this account",
+            "enable_notifications_account_detail": "Turn off to disable notifications on all your devices and sessions",
+            "enable_notifications_device": "Enable notifications for this device",
+            "error_loading": "There was an error loading your notification settings.",
+            "error_permissions_denied": "%(brand)s does not have permission to send you notifications - please check your browser settings",
+            "error_permissions_missing": "%(brand)s was not given permission to send notifications - please try again",
+            "error_saving": "Error saving notification preferences",
+            "error_saving_detail": "An error occurred whilst saving your notification preferences.",
+            "error_title": "Unable to enable Notifications",
+            "error_updating": "An error occurred when updating your notification preferences. Please try to toggle your option again.",
+            "invites": "Invited to a room",
+            "keywords": "Show a badge <badge/> when keywords are used in a room.",
+            "keywords_prompt": "Enter keywords here, or use for spelling variations or nicknames",
+            "labs_notice_prompt": "<strong>Update:</strong>We’ve simplified Notifications Settings to make options easier to find. Some custom settings you’ve chosen in the past are not shown here, but they’re still active. If you proceed, some of your settings may change. <a>Learn more</a>",
+            "mentions_keywords": "Mentions and Keywords",
+            "mentions_keywords_only": "Mentions and Keywords only",
+            "messages_containing_keywords": "Messages containing keywords",
+            "noisy": "Noisy",
+            "notices": "Messages sent by bots",
+            "notify_at_room": "Notify when someone mentions using @room",
+            "notify_keyword": "Notify when someone uses a keyword",
+            "notify_mention": "Notify when someone mentions using @displayname or %(mxid)s",
+            "other_section": "Other things we think you might be interested in:",
+            "people_mentions_keywords": "People, Mentions and Keywords",
+            "play_sound_for_description": "Applied by default to all rooms on all devices.",
+            "play_sound_for_section": "Play a sound for",
+            "push_targets": "Notification targets",
+            "quick_actions_mark_all_read": "Mark all messages as read",
+            "quick_actions_reset": "Reset to default settings",
+            "quick_actions_section": "Quick Actions",
+            "room_activity": "New room activity, upgrades and status messages occur",
+            "rule_call": "Call invitation",
+            "rule_contains_display_name": "Messages containing my display name",
+            "rule_contains_user_name": "@mentions and replies",
+            "rule_encrypted": "Encrypted messages in group chats",
+            "rule_encrypted_room_one_to_one": "Encrypted messages in one-to-one chats",
+            "rule_invite_for_me": "When I'm invited to a room",
+            "rule_message": "Messages in group chats",
+            "rule_room_one_to_one": "Messages in one-to-one chats",
+            "rule_roomnotif": "@room mentions",
+            "rule_suppress_notices": "Messages sent by bot",
+            "rule_tombstone": "When rooms are upgraded",
+            "show_message_desktop_notification": "Show message in desktop notification",
+            "voip": "Audio and Video calls"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Prevent the window contents from being captured by other apps",
+            "Electron.enableHardwareAcceleration": "Enable hardware acceleration (restart %(appName)s to take effect)",
+            "always_show_menu_bar": "Always show the window menu bar",
+            "autocomplete_delay": "Autocomplete delay (ms)",
+            "code_blocks_heading": "Code blocks",
+            "compact_modern": "Use a more compact 'Modern' layout",
+            "composer_heading": "Composer",
+            "default_timezone": "Browser default (%(timezone)s)",
+            "dialog_title": "<strong>Settings:</strong> Preferences",
+            "enable_content_protection": "Enable content protection",
+            "enable_hardware_acceleration": "Enable hardware acceleration",
+            "enable_tray_icon": "Show tray icon and minimise window to it on close",
+            "keyboard_heading": "Keyboard shortcuts",
+            "keyboard_view_shortcuts_button": "To view all keyboard shortcuts, <a>click here</a>.",
+            "link_previews_description": "Shows information about links underneath messages",
+            "link_previews_heading": "Link previews",
+            "media_heading": "Images, GIFs and videos",
+            "presence_description": "Share your activity and status with others.",
+            "publish_timezone": "Publish timezone on public profile",
+            "rm_lifetime": "Read Marker lifetime (ms)",
+            "rm_lifetime_offscreen": "Read Marker off-screen lifetime (ms)",
+            "room_directory_heading": "Room directory",
+            "room_list_heading": "Room list",
+            "show_avatars_pills": "Show avatars in user, room and event mentions",
+            "show_polls_button": "Show polls button",
+            "startup_window_behaviour_label": "Start-up and window behaviour",
+            "surround_text": "Surround selected text when typing special characters",
+            "time_heading": "Displaying time",
+            "user_timezone": "Set timezone"
+        },
+        "prompt_invite": "Prompt before sending invites to potentially invalid matrix IDs",
+        "replace_plain_emoji": "Automatically replace plain text Emoji",
+        "security": {
+            "analytics_description": "Share anonymous data to help us identify issues. Nothing personal. No third parties.",
+            "bulk_options_accept_all_invites": "Accept all %(invitedRooms)s invites",
+            "bulk_options_reject_all_invites": "Reject all %(invitedRooms)s invites",
+            "bulk_options_section": "Bulk options",
+            "dehydrated_device_description": "The offline device feature allows you to receive encrypted messages even when you are not logged in to any devices",
+            "dehydrated_device_enabled": "Offline device enabled",
+            "dialog_title": "<strong>Settings:</strong> Security & Privacy",
+            "e2ee_default_disabled_warning": "Your server admin has disabled end-to-end encryption by default in private rooms & Direct Messages.",
+            "enable_message_search": "Enable message search in encrypted rooms",
+            "encryption_section": "Encryption",
+            "ignore_users_empty": "You have no ignored users.",
+            "ignore_users_section": "Ignored users",
+            "key_backup_algorithm": "Algorithm:",
+            "message_search_disable_warning": "If disabled, messages from encrypted rooms won't appear in search results.",
+            "message_search_disabled": "Securely cache encrypted messages locally for them to appear in search results.",
+            "message_search_enabled": {
+                "one": "Securely cache encrypted messages locally for them to appear in search results, using %(size)s to store messages from %(rooms)s room.",
+                "other": "Securely cache encrypted messages locally for them to appear in search results, using %(size)s to store messages from %(rooms)s rooms."
+            },
+            "message_search_failed": "Message search initialisation failed",
+            "message_search_indexed_messages": "Indexed messages:",
+            "message_search_indexed_rooms": "Indexed rooms:",
+            "message_search_indexing": "Currently indexing: %(currentRoom)s",
+            "message_search_indexing_idle": "Not currently indexing messages for any room.",
+            "message_search_intro": "%(brand)s is securely caching encrypted messages locally for them to appear in search results:",
+            "message_search_pending_rooms": "Rooms awaiting indexing: %(pendingRooms)s",
+            "message_search_room_progress": "%(doneRooms)s out of %(totalRooms)s",
+            "message_search_section": "Message search",
+            "message_search_sleep_time": "How fast should messages be downloaded.",
+            "message_search_space_used": "Space used:",
+            "message_search_unsupported": "%(brand)s is missing some components required for securely caching encrypted messages locally. If you'd like to experiment with this feature, build a custom %(brand)s Desktop with <nativeLink>search components added</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s can't securely cache encrypted messages locally while running in a web browser. Use <desktopLink>%(brand)s Desktop</desktopLink> for encrypted messages to appear in search results.",
+            "record_session_details": "Record the client name, version, and url to recognise sessions more easily in session manager",
+            "send_analytics": "Send analytics data",
+            "strict_encryption": "Only send messages to verified users"
+        },
+        "send_read_receipts": "Send read receipts",
+        "send_read_receipts_unsupported": "Your server doesn't support disabling sending read receipts.",
+        "send_typing_notifications": "Send typing notifications",
+        "sessions": {
+            "best_security_note": "For best security, verify your sessions and remove any session that you don't recognize or use anymore.",
+            "confirm_sign_out": {
+                "one": "Confirm removing this device",
+                "other": "Confirm removing these devices"
+            },
+            "confirm_sign_out_body": {
+                "one": "Click the button below to confirm removing this device.",
+                "other": "Click the button below to confirm removing these devices."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Remove device",
+                "other": "Remove devices"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Confirm removing this device by using Single Sign On to prove your identity.",
+                "other": "Confirm removing these devices by using Single Sign On to prove your identity."
+            },
+            "current_session": "Current session",
+            "desktop_session": "Desktop session",
+            "details_heading": "Session details",
+            "device_unverified_description": "Verify or remove this session for best security and reliability.",
+            "device_unverified_description_current": "Verify your current session for enhanced secure messaging.",
+            "device_verified_description": "This session is ready for secure messaging.",
+            "device_verified_description_current": "Your current session is ready for secure messaging.",
+            "dialog_title": "<strong>Settings:</strong> Sessions",
+            "error_pusher_state": "Failed to set pusher state",
+            "error_set_name": "Failed to set session name",
+            "filter_all": "All",
+            "filter_inactive": "Inactive",
+            "filter_inactive_description": "Inactive for %(inactiveAgeDays)s days or longer",
+            "filter_label": "Filter devices",
+            "filter_unverified_description": "Not ready for secure messaging",
+            "filter_verified_description": "Ready for secure messaging",
+            "hide_details": "Hide details",
+            "inactive_days": "Inactive for %(inactiveAgeDays)s+ days",
+            "inactive_sessions": "Inactive sessions",
+            "inactive_sessions_explainer_1": "Inactive sessions are sessions you have not used in some time, but they continue to receive encryption keys.",
+            "inactive_sessions_explainer_2": "Removing inactive sessions improves security and performance, and makes it easier for you to identify if a new session is suspicious.",
+            "inactive_sessions_list_description": "Consider removing old sessions (%(inactiveAgeDays)s days or older) you don't use anymore.",
+            "ip": "IP address",
+            "last_activity": "Last activity",
+            "manage": "Manage this session",
+            "mobile_session": "Mobile session",
+            "n_sessions_selected": {
+                "one": "%(count)s session selected",
+                "other": "%(count)s sessions selected"
+            },
+            "no_inactive_sessions": "No inactive sessions found.",
+            "no_sessions": "No sessions found.",
+            "no_unverified_sessions": "No unverified sessions found.",
+            "no_verified_sessions": "No verified sessions found.",
+            "other_sessions_heading": "Other sessions",
+            "push_heading": "Push notifications",
+            "push_subheading": "Receive push notifications on this session.",
+            "push_toggle": "Toggle push notifications on this session.",
+            "rename_form_caption": "Please be aware that session names are also visible to people you communicate with.",
+            "rename_form_heading": "Rename session",
+            "rename_form_learn_more": "Renaming sessions",
+            "rename_form_learn_more_description_1": "Other users in direct messages and rooms that you join are able to view a full list of your sessions.",
+            "rename_form_learn_more_description_2": "This provides them with confidence that they are really speaking to you, but it also means they can see the session name you enter here.",
+            "security_recommendations": "Security recommendations",
+            "security_recommendations_description": "Improve your account security by following these recommendations.",
+            "session_id": "Session ID",
+            "show_details": "Show details",
+            "sign_in_with_qr": "Link new device",
+            "sign_in_with_qr_button": "Show QR code",
+            "sign_in_with_qr_description": "Use a QR code to sign in to another device and set up secure messaging.",
+            "sign_in_with_qr_unsupported": "Not supported by your account provider",
+            "sign_out": "Remove this session",
+            "sign_out_all_other_sessions": "Remove all other sessions (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Are you sure you want to remove %(count)s session?",
+                "other": "Are you sure you want to remove %(count)s sessions?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Remove %(count)s session",
+                "other": "Remove %(count)s sessions"
+            },
+            "title": "Sessions",
+            "unknown_session": "Unknown session type",
+            "unverified_session": "Unverified session",
+            "unverified_session_explainer_1": "This session doesn't support encryption and thus can't be verified.",
+            "unverified_session_explainer_2": "You won't be able to participate in rooms where encryption is enabled when using this session.",
+            "unverified_session_explainer_3": "For best security and privacy, it is recommended to use Matrix clients that support encryption.",
+            "unverified_sessions": "Unverified sessions",
+            "unverified_sessions_explainer_1": "Unverified sessions are sessions that have been signed in with your credentials but have not been confirmed with your digital identity.",
+            "unverified_sessions_explainer_2": "You should make especially certain that you recognise these sessions as they could represent an unauthorised use of your account.",
+            "unverified_sessions_list_description": "Verify your sessions for enhanced secure messaging or remove from those you don't recognize or use anymore.",
+            "url": "URL",
+            "verified_session": "Verified session",
+            "verified_sessions": "Verified sessions",
+            "verified_sessions_explainer_1": "Verified sessions have been confirmed your digital identity.",
+            "verified_sessions_explainer_2": "This means that you have all the keys needed to unlock your encrypted messages and confirm to other users that you trust this session.",
+            "verified_sessions_list_description": "For best security, remove any session that you don't recognize or use anymore.",
+            "verify_session": "Verify session",
+            "web_session": "Web session"
+        },
+        "show_avatar_changes": "Show profile picture changes",
+        "show_breadcrumbs": "Show shortcuts to recently viewed rooms above the room list",
+        "show_chat_effects": "Show chat effects (animations when receiving e.g. confetti)",
+        "show_displayname_changes": "Show display name changes",
+        "show_join_leave": "Show join/leave messages (invites/removes/bans unaffected)",
+        "show_message_previews": "Show message previews",
+        "show_nsfw_content": "Show NSFW content",
+        "show_read_receipts": "Show read receipts sent by other users",
+        "show_redaction_placeholder": "Show a placeholder for removed messages",
+        "show_sections": "Show sections",
+        "show_stickers_button": "Show stickers button",
+        "show_typing_notifications": "Show typing notifications",
+        "showbold": "Show all activity in the room list (dots or number of unread messages)",
+        "sidebar": {
+            "dialog_title": "<strong>Settings:</strong> Sidebar",
+            "metaspaces_home_all_rooms": "Show all rooms",
+            "metaspaces_home_all_rooms_description": "Show all your rooms in Home, even if they're in a space.",
+            "metaspaces_home_description": "Home is useful for getting an overview of everything.",
+            "metaspaces_orphans": "Rooms outside of a space",
+            "metaspaces_orphans_description": "Group all your rooms that aren't part of a space in one place.",
+            "metaspaces_subsection": "Spaces to show",
+            "metaspaces_video_rooms": "Video rooms and conferences",
+            "metaspaces_video_rooms_description": "Group all private video rooms and conferences.",
+            "metaspaces_video_rooms_description_invite_extension": "In conferences you can invite people outside of matrix.",
+            "spaces_explainer": "Spaces are ways to group rooms and people. Alongside the spaces you're in, you can use some pre-built ones too.",
+            "title": "Sidebar"
+        },
+        "start_automatically": {
+            "disabled": "No",
+            "enabled": "Yes",
+            "label": "Open %(brand)s when you log in to your computer",
+            "minimised": "Minimised"
+        },
+        "tac_only_notifications": "Only show notifications in the thread activity centre",
+        "use_12_hour_format": "Show timestamps in 12 hour format (e.g. 2:30pm)",
+        "use_command_enter_send_message": "Use Command + Enter to send a message",
+        "use_command_f_search": "Use Command + F to search timeline",
+        "use_control_enter_send_message": "Use Ctrl + Enter to send a message",
+        "use_control_f_search": "Use Ctrl + F to search timeline",
+        "voip": {
+            "allow_p2p": "Allow Peer-to-Peer for 1:1 calls",
+            "allow_p2p_description": "When enabled, the other party might be able to see your IP address",
+            "audio_input_empty": "No Microphones detected",
+            "audio_output": "Audio Output",
+            "audio_output_empty": "No Audio Outputs detected",
+            "auto_gain_control": "Automatic gain control",
+            "dialog_title": "<strong>Settings:</strong> Voice & Video",
+            "echo_cancellation": "Echo cancellation",
+            "echo_cancellation_description": "Removes echo from your microphone input during calls. This setting also applies to Element Call.",
+            "enable_fallback_ice_server": "Allow fallback call assist server (%(server)s)",
+            "enable_fallback_ice_server_description": "Only applies if your homeserver does not offer one. Your IP address would be shared during a call.",
+            "enable_legacy_calls": "Enable Legacy voice/video calls",
+            "enable_legacy_calls_description": "Applies to Jitsi and 1:1 WebRTC calls",
+            "mirror_local_feed": "Mirror local video feed",
+            "missing_permissions_prompt": "To participate in calls, give %(brand)s permission to access your audio and video device.",
+            "noise_suppression": "Noise suppression",
+            "noise_suppression_description": "Reduces background noise in your microphone input during calls. This setting also applies to Element Call.",
+            "permissions": "Allow microphone and camera access",
+            "request_permissions": "Request",
+            "title": "Voice & Video",
+            "video_input_empty": "No Webcams detected",
+            "video_section": "Video settings",
+            "voice_agc": "Automatically adjust the microphone volume",
+            "voice_input_description": "The audio input configured here is used for voice messages and calls (Legacy/1:1).",
+            "voice_input_section": "Audio Input",
+            "voice_processing": "Voice processing",
+            "voice_section": "Voice settings"
+        },
+        "warn_quit": "Warn before quitting",
+        "warning": "<w>WARNING:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Link copied",
+        "permalink_message": "Link to selected message",
+        "permalink_most_recent": "Link to most recent message",
+        "share_call": "Conference invite link",
+        "share_call_subtitle": "Link for external users to join the call without a matrix account:",
+        "title_link": "Share Link",
+        "title_message": "Share Room Message",
+        "title_room": "Share Room",
+        "title_user": "Share User"
+    },
+    "slash_command": {
+        "addwidget": "Adds a custom widget by URL to the room",
+        "addwidget_iframe_missing_src": "iframe has no src attribute",
+        "addwidget_invalid_protocol": "Please supply a https:// or http:// widget URL",
+        "addwidget_missing_url": "Please supply a widget URL or embed code",
+        "addwidget_no_permissions": "You cannot modify widgets in this room.",
+        "ban": "Bans user with given id",
+        "category_actions": "Actions",
+        "category_admin": "Admin",
+        "category_advanced": "Advanced",
+        "category_effects": "Effects",
+        "category_messages": "Messages",
+        "category_other": "Other",
+        "command_error": "Command error",
+        "converttodm": "Converts the room to a DM",
+        "converttoroom": "Converts the DM to a room",
+        "could_not_find_room": "Could not find room",
+        "deop": "Deops user with given id",
+        "devtools": "Opens the Developer Tools dialog",
+        "discardsession": "Forces the current outbound group session in an encrypted room to be discarded",
+        "error_invalid_rendering_type": "Command error: Unable to find rendering type (%(renderingType)s)",
+        "error_invalid_room": "Command failed: Unable to find room (%(roomId)s)",
+        "error_invalid_runfn": "Command error: Unable to handle slash command.",
+        "error_invalid_user_in_room": "Could not find user in room",
+        "help": "Displays list of commands with usages and descriptions",
+        "help_dialog_title": "Command Help",
+        "holdcall": "Places the call in the current room on hold",
+        "html": "Sends a message as html, without interpreting it as markdown",
+        "ignore": "Ignores a user, hiding their messages from you",
+        "ignore_dialog_description": "You are now ignoring %(userId)s",
+        "ignore_dialog_title": "Ignored user",
+        "invite": "Invites user with given id to current room",
+        "invite_3pid_needs_is_error": "Use an identity server to invite by email. Manage in Settings.",
+        "invite_3pid_use_default_is_title": "Use an identity server",
+        "invite_3pid_use_default_is_title_description": "Use an identity server to invite by email. Click continue to use the default identity server (%(defaultIdentityServerName)s) or manage in Settings.",
+        "invite_failed": "User (%(user)s) did not end up as invited to %(roomId)s but no error was given from the inviter utility",
+        "join": "Joins room with given address",
+        "jumptodate": "Jump to the given date in the timeline",
+        "jumptodate_invalid_input": "We were unable to understand the given date (%(inputDate)s). Try using the format YYYY-MM-DD.",
+        "lenny": "Prepends ( ͡° ͜ʖ ͡°) to a plain-text message",
+        "manual_device_verification_confirm_description": "This will allow another device to send and receive messages as you. IF SOMEONE TOLD YOU TO PASTE SOMETHING HERE, IT IS LIKELY YOU ARE BEING SCAMMED! Are you sure you want to verify this other device?",
+        "manual_device_verification_confirm_title": "Caution: manual device verification",
+        "me": "Displays action",
+        "msg": "Sends a message to the given user",
+        "myavatar": "Changes your profile picture in all rooms",
+        "myroomavatar": "Changes your profile picture in this current room only",
+        "myroomnick": "Changes your display nickname in the current room only",
+        "nick": "Changes your display nickname",
+        "no_active_call": "No active call in this room",
+        "op": "Define the power level of a user",
+        "part_unknown_alias": "Unrecognised room address: %(roomAlias)s",
+        "plain": "Sends a message as plain text, without interpreting it as markdown",
+        "query": "Opens chat with the given user",
+        "query_not_found_phone_number": "Unable to find Matrix ID for phone number",
+        "rageshake": "Send a bug report with logs",
+        "rainbow": "Sends the given message coloured as a rainbow",
+        "rainbowme": "Sends the given emote coloured as a rainbow",
+        "remove": "Removes user with given id from this room",
+        "roomavatar": "Changes the avatar of the current room",
+        "roomname": "Sets the room name",
+        "server_error": "Server error",
+        "server_error_detail": "Server unavailable, overloaded, or something else went wrong.",
+        "shrug": "Prepends ¯\\_(ツ)_/¯ to a plain-text message",
+        "spoiler": "Sends the given message as a spoiler",
+        "status": {
+            "description": "Set your current status",
+            "no_args": "No arguments provided. You should supply an emoij and an optional text component.",
+            "no_emoji": "You did not provide an emoji",
+            "no_text": "You did not provide any status text",
+            "too_long_emoji": "The first argument must be an emoji",
+            "too_long_text": "The text you provided was too long."
+        },
+        "tableflip": "Prepends (╯°□°）╯︵ ┻━┻ to a plain-text message",
+        "topic": "Gets or sets the room topic",
+        "topic_none": "This room has no topic.",
+        "topic_room_error": "Failed to get room topic: Unable to find room (%(roomId)s",
+        "unban": "Unbans user with given ID",
+        "unflip": "Prepends ┬──┬ ノ( ゜-゜ノ) to a plain-text message",
+        "unholdcall": "Takes the call in the current room off hold",
+        "unignore": "Stops ignoring a user, showing their messages going forward",
+        "unignore_dialog_description": "You are no longer ignoring %(userId)s",
+        "unignore_dialog_title": "Unignored user",
+        "unknown_command": "Unknown Command",
+        "unknown_command_button": "Send as message",
+        "unknown_command_detail": "Unrecognised command: %(commandText)s",
+        "unknown_command_help": "You can use <code>/help</code> to list available commands. Did you mean to send this as a message?",
+        "unknown_command_hint": "Hint: Begin your message with <code>//</code> to start it with a slash.",
+        "upgraderoom": "Upgrades a room to a new version",
+        "upgraderoom_permission_error": "You do not have the required permissions to use this command.",
+        "usage": "Usage",
+        "verify": "Manually verify one of your own devices",
+        "view": "Views room with given address",
+        "whois": "Displays information about a user"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Legacy sliding sync is no longer supported: please sign in again to enable the new sliding sync flag",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Want to add a new room instead?",
+            "create_prompt": "Create a new room",
+            "dm_heading": "Direct Messages",
+            "error_heading": "Not all selected were added",
+            "progress_text": {
+                "one": "Adding room...",
+                "other": "Adding rooms... (%(progress)s out of %(count)s)"
+            },
+            "space_dropdown_label": "Space selection",
+            "space_dropdown_title": "Add existing rooms",
+            "subspace_moved_note": "Adding spaces has moved."
+        },
+        "add_existing_subspace": {
+            "create_button": "Create a new space",
+            "create_prompt": "Want to add a new space instead?",
+            "filter_placeholder": "Search for spaces",
+            "space_dropdown_title": "Add existing space"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "See room timeline (devtools)",
+            "explore": "Explore rooms",
+            "home": "Space home",
+            "manage_and_explore": "Manage & explore rooms",
+            "options": "Space options"
+        },
+        "failed_load_rooms": "Failed to load list of rooms.",
+        "failed_remove_rooms": "Failed to remove some rooms. Try again later",
+        "incompatible_server_hierarchy": "Your server does not support showing space hierarchies.",
+        "invite": "Invite people",
+        "invite_description": "Invite with email or username",
+        "invite_link": "Share invite link",
+        "joining_space": "Joining",
+        "landing_welcome": "Welcome to <name/>",
+        "leave_dialog_action": "Leave space",
+        "leave_dialog_description": "You are about to leave <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "You're the only admin of some of the rooms or spaces you wish to leave. Leaving them will leave them without any admins.",
+        "leave_dialog_only_admin_warning": "You're the only admin of this space. Leaving it will mean no one has control over it.",
+        "leave_dialog_option_all": "Leave all rooms",
+        "leave_dialog_option_intro": "Would you like to leave the rooms in this space?",
+        "leave_dialog_option_none": "Don't leave any rooms",
+        "leave_dialog_option_specific": "Leave some rooms",
+        "leave_dialog_public_rejoin_warning": "You won't be able to rejoin unless you are re-invited.",
+        "leave_dialog_title": "Leave %(spaceName)s",
+        "mark_suggested": "Mark as suggested",
+        "no_search_result_hint": "You may want to try a different search or check for typos.",
+        "preferences": {
+            "sections_section": "Sections to show",
+            "show_people_in_space": "This groups your chats with members of this space. Turning this off will hide those chats from your view of %(spaceName)s."
+        },
+        "room_filter_placeholder": "Search for rooms",
+        "search_children": "Search %(spaceName)s",
+        "search_placeholder": "Search names and descriptions",
+        "select_room_below": "Select a room below first",
+        "share_public": "Share your public space",
+        "suggested": "Suggested",
+        "suggested_tooltip": "This room is suggested as a good one to join",
+        "title_when_query_available": "Results",
+        "title_when_query_unavailable": "Rooms and spaces",
+        "unmark_suggested": "Mark as not suggested",
+        "user_lacks_permission": "You don't have permission"
+    },
+    "space_settings": {
+        "title": "Settings - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Enter the name of a new server you want to explore.",
+            "network_dropdown_add_dialog_placeholder": "Server name",
+            "network_dropdown_add_dialog_title": "Add a new server",
+            "network_dropdown_add_server_option": "Add new server…",
+            "network_dropdown_available_invalid": "Can't find this server or its room list",
+            "network_dropdown_available_invalid_forbidden": "You are not allowed to view this server's rooms list",
+            "network_dropdown_available_valid": "Looks good",
+            "network_dropdown_remove_server_adornment": "Remove server “%(roomServer)s”",
+            "network_dropdown_required_invalid": "Enter a server name",
+            "network_dropdown_selected_label": "Show: Matrix rooms",
+            "network_dropdown_selected_label_instance": "Show: %(instance)s rooms (%(server)s)",
+            "network_dropdown_your_server_description": "Your server"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "If you can't see who you're looking for, send them your invite link.",
+        "cant_find_room_helpful_hint": "If you can't find the room you're looking for, ask for an invite or create a new room.",
+        "copy_link_text": "Copy invite link",
+        "count_of_members": {
+            "one": "%(count)s Member",
+            "other": "%(count)s Members"
+        },
+        "create_new_room_button": "Create new room",
+        "failed_querying_public_rooms": "Failed to query public rooms",
+        "failed_querying_public_spaces": "Failed to query public spaces",
+        "group_chat_section_title": "Other options",
+        "heading_with_query": "Use \"%(query)s\" to search",
+        "heading_without_query": "Search for",
+        "join_button_text": "Join %(roomAddress)s",
+        "keyboard_scroll_hint": "Use <arrows/> to scroll",
+        "messages_label": "Messages",
+        "other_rooms_in_space": "Other rooms in %(spaceName)s",
+        "public_rooms_label": "Public rooms",
+        "public_spaces_label": "Public spaces",
+        "recent_searches_section_title": "Recent searches",
+        "recently_viewed_section_title": "Recently viewed",
+        "remove_filter": "Remove search filter for %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Some results may be hidden for privacy",
+        "result_may_be_hidden_warning": "Some results may be hidden",
+        "search_dialog": "Search Dialog",
+        "spaces_title": "Spaces you're in",
+        "start_group_chat_button": "Start a group chat"
+    },
+    "stickers": {
+        "empty": "You don't currently have any stickerpacks enabled",
+        "empty_add_prompt": "Add some now"
+    },
+    "terms": {
+        "column_document": "Document",
+        "column_service": "Service",
+        "column_summary": "Summary",
+        "identity_server_no_terms_description_1": "This action requires accessing the default identity server <server /> to validate an email address or phone number, but the server does not have any terms of service.",
+        "identity_server_no_terms_description_2": "Only continue if you trust the owner of the server.",
+        "identity_server_no_terms_title": "Identity server has no terms of service",
+        "inline_intro_text": "Accept <policyLink /> to continue:",
+        "integration_manager": "Use bots, bridges, widgets and sticker packs",
+        "intro": "To continue you need to accept the terms of this service.",
+        "summary_identity_server_1": "Find others by phone or email",
+        "summary_identity_server_2": "Be found by phone or email",
+        "tac_button": "Review terms and conditions",
+        "tac_description": "To continue using the %(homeserverDomain)s homeserver you must review and agree to our terms and conditions.",
+        "tac_title": "Terms and Conditions",
+        "tos": "Terms of Service"
+    },
+    "theme": {
+        "light_high_contrast": "Light high contrast",
+        "match_system": "Match system"
+    },
+    "thread_view_back_action_label": "Back to thread",
+    "threads": {
+        "all_threads": "All threads",
+        "all_threads_description": "Shows all threads from current room",
+        "count_of_reply": {
+            "one": "%(count)s reply",
+            "other": "%(count)s replies"
+        },
+        "empty_description": "Use “%(replyInThread)s” when hovering over a message.",
+        "empty_title": "Threads help keep your conversations on-topic and easy to track.",
+        "mark_all_read": "Mark all as read",
+        "my_threads": "My threads",
+        "my_threads_description": "Shows all threads you've participated in",
+        "open_thread": "Open thread",
+        "show_thread_filter": "Show:"
+    },
+    "threads_activity_centre": {
+        "header": "Threads activity",
+        "no_rooms_with_threads_notifs": "You don't have rooms with thread notifications yet.",
+        "no_rooms_with_unread_threads": "You don't have rooms with unread threads yet."
+    },
+    "time": {
+        "date_at_time": "%(date)s at %(time)s",
+        "hours_minutes_seconds_left": "%(hours)sh %(minutes)sm %(seconds)ss left",
+        "left": "%(timeRemaining)s left",
+        "minutes_seconds_left": "%(minutes)sm %(seconds)ss left",
+        "seconds_left": "%(seconds)ss left",
+        "short_days": "%(value)sd",
+        "short_days_hours_minutes_seconds": "%(days)sd %(hours)sh %(minutes)sm %(seconds)ss",
+        "short_hours": "%(value)sh",
+        "short_hours_minutes_seconds": "%(hours)sh %(minutes)sm %(seconds)ss",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)ss",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Collapse reply thread",
+            "external_url": "Source URL",
+            "open_in_osm": "Open in OpenStreetMap",
+            "report": "Report",
+            "resent_unsent_reactions": "Resend %(unsentCount)s reaction(s)",
+            "show_url_preview": "Show preview",
+            "view_related_event": "View related event",
+            "view_source": "View source"
+        },
+        "creation_summary_dm": "%(creator)s created this DM.",
+        "creation_summary_room": "%(creator)s created and configured the room.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Sender's verified digital identity was reset",
+            "unable_to_decrypt": "Unable to decrypt message"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Downloading",
+        "download_failed": "Download failed",
+        "download_failed_description": "An error occurred while downloading this file",
+        "edits": {
+            "tooltip_label": "Edited at %(date)s. Click to view edits.",
+            "tooltip_sub": "Click to view edits",
+            "tooltip_title": "Edited at %(date)s"
+        },
+        "error_no_renderer": "This event could not be displayed",
+        "error_rendering_message": "Can't load this message",
+        "historical_messages_unavailable": "You can't see earlier messages",
+        "in_room_name": " in <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s has updated the room layout",
+        "late_event_separator": "Originally sent %(dateTime)s",
+        "load_error": {
+            "no_permission": "Tried to load a specific point in this room's timeline, but you do not have permission to view the message in question.",
+            "title": "Failed to load timeline position",
+            "unable_to_find": "Tried to load a specific point in this room's timeline, but was unable to find it."
+        },
+        "m.audio": {
+            "error_downloading_audio": "Error downloading audio",
+            "error_processing_audio": "Error processing audio message",
+            "error_processing_voice_message": "Error processing voice message"
+        },
+        "m.beacon_info": {
+            "view_live_location": "View live location"
+        },
+        "m.call": {
+            "video_call_ended": "Video call ended",
+            "video_call_started": "Video call started in %(roomName)s.",
+            "video_call_started_text": "%(name)s started a video call",
+            "video_call_started_unsupported": "Video call started in %(roomName)s. (not supported by this browser)"
+        },
+        "m.call.hangup": {
+            "dm": "Call ended"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Answered elsewhere",
+            "call_back_prompt": "Call back",
+            "declined": "Call declined",
+            "failed_connect_media": "Could not connect media",
+            "failed_connection": "Connection failed",
+            "failed_opponent_media": "Their device couldn't start the camera or microphone",
+            "missed_call": "Missed call",
+            "no_answer": "No answer",
+            "unknown_error": "An unknown error occurred",
+            "unknown_failure": "Unknown failure: %(reason)s",
+            "unknown_state": "The call is in an unknown state!",
+            "video_call": "%(senderName)s placed a video call.",
+            "video_call_unsupported": "%(senderName)s placed a video call. (not supported by this browser)",
+            "voice_call": "%(senderName)s placed a voice call.",
+            "voice_call_unsupported": "%(senderName)s placed a voice call. (not supported by this browser)"
+        },
+        "m.file": {
+            "error_decrypting": "Error decrypting attachment"
+        },
+        "m.image": {
+            "error": "Unable to show image due to error",
+            "error_decrypting": "Error decrypting image",
+            "error_downloading": "Error downloading image",
+            "sent": "%(senderDisplayName)s sent an image.",
+            "show_image": "Show image"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s wants to verify",
+            "you_started": "You sent a verification request"
+        },
+        "m.location": {
+            "full": "%(senderName)s has shared their location",
+            "location": "Shared a location: ",
+            "self_location": "Shared their location: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s vote",
+                "other": "%(count)s votes"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s has ended a poll"
+        },
+        "m.poll.start": "%(senderName)s has started a poll - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s changed the room avatar.",
+            "lightbox_title": "%(senderDisplayName)s changed the avatar for %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s added alternative address %(addresses)s for this room.",
+                "other": "%(senderName)s added the alternative addresses %(addresses)s for this room."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s removed alternative address %(addresses)s for this room.",
+                "other": "%(senderName)s removed the alternative addresses %(addresses)s for this room."
+            },
+            "changed": "%(senderName)s changed the addresses for this room.",
+            "changed_alternative": "%(senderName)s changed the alternative addresses for this room.",
+            "changed_main_and_alternative": "%(senderName)s changed the main and alternative addresses for this room.",
+            "removed": "%(senderName)s removed the main address for this room.",
+            "set": "%(senderName)s set the main address for this room to %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "This room is a continuation of another conversation.",
+            "see_older_messages": "Click here to see older messages.",
+            "unknown_predecessor": "Can't find the old version of this room (room ID: %(roomId)s), and we have not been provided with 'via_servers' to look for it.",
+            "unknown_predecessor_guess_server": "Can't find the old version of this room (room ID: %(roomId)s), and we have not been provided with 'via_servers' to look for it. It's possible that guessing the server from the room ID will work. If you want to try, click this link:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s has allowed guests to join the room.",
+            "forbidden": "%(senderDisplayName)s has prevented guests from joining the room.",
+            "unknown": "%(senderDisplayName)s changed guest access to %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s made future room history visible to all room members, from the point they are invited.",
+            "joined": "%(senderName)s made future room history visible to all room members, from the point they joined.",
+            "shared": "%(senderName)s made future room history visible to all room members.",
+            "unknown": "%(senderName)s made future room history visible to unknown (%(visibility)s).",
+            "world_readable": "%(senderName)s made future room history visible to anyone."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s made the room invite only.",
+            "knock": "%(senderDisplayName)s changed the join rule to ask to join.",
+            "public": "%(senderDisplayName)s made the room public to whoever knows the link.",
+            "restricted": "%(senderDisplayName)s changed who can join this room.",
+            "restricted_settings": "%(senderDisplayName)s changed who can join this room. <a>View settings</a>.",
+            "unknown": "%(senderDisplayName)s changed the join rule to %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s accepted the invitation for %(displayName)s",
+            "accepted_invite": "%(targetName)s accepted an invitation",
+            "ban": "%(senderName)s banned a user",
+            "ban_reason": "%(senderName)s banned a user: %(reason)s",
+            "ban_reason_spoiler": "%(senderName)s banned <user/>: %(reason)s",
+            "ban_spoiler": "%(senderName)s banned <user/>",
+            "change_avatar": "%(senderName)s changed their profile picture",
+            "change_name": "%(oldDisplayName)s changed their display name to %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s changed their display name and profile picture",
+            "invite": "%(senderName)s invited %(targetName)s",
+            "join": "%(targetName)s joined the room",
+            "kick": "%(senderName)s removed %(targetName)s",
+            "kick_reason": "%(senderName)s removed %(targetName)s: %(reason)s",
+            "left": "%(targetName)s left the room",
+            "left_reason": "%(targetName)s left the room: %(reason)s",
+            "no_change": "%(senderName)s made no change",
+            "reject_invite": "%(targetName)s rejected the invitation",
+            "reject_invite_reason": "%(targetName)s rejected the invitation: %(reason)s",
+            "remove_avatar": "%(senderName)s removed their profile picture",
+            "remove_name": "%(senderName)s removed their display name (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s set a profile picture",
+            "set_name": "%(senderName)s set their display name to %(displayName)s",
+            "unban": "%(senderName)s unbanned %(targetName)s",
+            "withdrew_invite": "%(senderName)s withdrew %(targetName)s's invitation",
+            "withdrew_invite_reason": "%(senderName)s withdrew %(targetName)s's invitation: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s changed the room name from %(oldRoomName)s to %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s removed the room name.",
+            "set": "%(senderDisplayName)s changed the room name to %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s changed the pinned messages for the room.",
+            "changed_link": "%(senderName)s changed the <a>pinned messages</a> for the room.",
+            "pinned": "%(senderName)s pinned a message to this room. See all pinned messages.",
+            "pinned_link": "%(senderName)s pinned <a>a message</a> to this room. See all <b>pinned messages</b>.",
+            "unpinned": "%(senderName)s unpinned a message from this room. See all pinned messages.",
+            "unpinned_link": "%(senderName)s unpinned <a>a message</a> from this room. See all <b>pinned messages</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s changed the power level of %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s from %(fromPowerLevel)s to %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s revoked the invitation for %(targetDisplayName)s to join the room.",
+            "sent": "%(senderName)s sent an invitation to %(targetDisplayName)s to join the room."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s upgraded this room.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s changed the topic to \"%(topic)s\".",
+            "removed": "%(senderDisplayName)s removed the topic."
+        },
+        "m.sticker": "%(senderDisplayName)s sent a sticker.",
+        "m.video": {
+            "error_decrypting": "Error decrypting video",
+            "show_video": "Show video"
+        },
+        "m.widget": {
+            "added": "%(widgetName)s widget added by %(senderName)s",
+            "jitsi_ended": "Video conference ended by %(senderName)s",
+            "jitsi_join_right_prompt": "Join the conference from the room information card on the right",
+            "jitsi_join_top_prompt": "Join the conference at the top of this room",
+            "jitsi_started": "Video conference started by %(senderName)s",
+            "jitsi_updated": "Video conference updated by %(senderName)s",
+            "modified": "%(widgetName)s widget modified by %(senderName)s",
+            "removed": "%(widgetName)s widget removed by %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Copy link to thread",
+            "view_in_room": "View in room"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s updated a ban rule that was matching %(oldGlob)s to matching %(newGlob)s for %(reason)s",
+            "changed_rule_rooms": "%(senderName)s changed a rule that was banning rooms matching %(oldGlob)s to matching %(newGlob)s for %(reason)s",
+            "changed_rule_servers": "%(senderName)s changed a rule that was banning servers matching %(oldGlob)s to matching %(newGlob)s for %(reason)s",
+            "changed_rule_users": "%(senderName)s changed a rule that was banning users matching %(oldGlob)s to matching %(newGlob)s for %(reason)s",
+            "created_rule": "%(senderName)s created a ban rule matching %(glob)s for %(reason)s",
+            "created_rule_rooms": "%(senderName)s created a rule banning rooms matching %(glob)s for %(reason)s",
+            "created_rule_servers": "%(senderName)s created a rule banning servers matching %(glob)s for %(reason)s",
+            "created_rule_users": "%(senderName)s created a rule banning users matching %(glob)s for %(reason)s",
+            "removed_rule": "%(senderName)s removed a ban rule matching %(glob)s",
+            "removed_rule_rooms": "%(senderName)s removed the rule banning rooms matching %(glob)s",
+            "removed_rule_servers": "%(senderName)s removed the rule banning servers matching %(glob)s",
+            "removed_rule_users": "%(senderName)s removed the rule banning users matching %(glob)s",
+            "updated_invalid_rule": "%(senderName)s updated an invalid ban rule",
+            "updated_rule": "%(senderName)s updated a ban rule matching %(glob)s for %(reason)s",
+            "updated_rule_rooms": "%(senderName)s updated the rule banning rooms matching %(glob)s for %(reason)s",
+            "updated_rule_servers": "%(senderName)s updated the rule banning servers matching %(glob)s for %(reason)s",
+            "updated_rule_users": "%(senderName)s updated the rule banning users matching %(glob)s for %(reason)s"
+        },
+        "no_permission_messages_before_invite": "You don't have permission to view messages from before you were invited.",
+        "no_permission_messages_before_join": "You don't have permission to view messages from before you joined.",
+        "pending_moderation": "Message pending moderation",
+        "pending_moderation_reason": "Message pending moderation: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Add reaction",
+            "custom_reaction_fallback_label": "Custom reaction",
+            "label": "%(reactors)s reacted with %(content)s",
+            "tooltip_caption": "reacted with %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Seen by %(count)s person",
+            "other": "Seen by %(count)s people"
+        },
+        "read_receipts_label": "Read receipts",
+        "redacted": {
+            "tooltip": "Message deleted on %(date)s"
+        },
+        "redaction": "Message deleted by %(name)s",
+        "reply": {
+            "error_loading": "Unable to load event that was replied to; either it does not exist or you do not have permission to view it.",
+            "in_reply_to": "<a>In reply to</a> <pill>",
+            "in_reply_to_for_export": "In reply to <a>this message</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "You are about to be taken to a third-party site so you can authenticate your account for use with %(integrationsUrl)s. Do you wish to continue?",
+            "dialog_title": "Add an Integration"
+        },
+        "self_redaction": "Message deleted",
+        "send_state_encrypting": "Encrypting your message…",
+        "send_state_failed": "Failed to send",
+        "send_state_sending": "Sending your message…",
+        "send_state_sent": "Your message was sent",
+        "summary": {
+            "banned": {
+                "one": "was banned",
+                "other": "was banned %(count)s times"
+            },
+            "banned_multiple": {
+                "one": "were banned",
+                "other": "were banned %(count)s times"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)schanged their profile picture",
+                "other": "%(oneUser)schanged their profile picture %(count)s times"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)schanged their profile picture",
+                "other": "%(severalUsers)schanged their profile picture %(count)s times"
+            },
+            "changed_name": {
+                "one": "%(oneUser)schanged their name",
+                "other": "%(oneUser)schanged their name %(count)s times"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)schanged their name",
+                "other": "%(severalUsers)schanged their name %(count)s times"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)ssent a hidden message",
+                "other": "%(oneUser)ssent %(count)s hidden messages"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)ssent a hidden message",
+                "other": "%(severalUsers)ssent %(count)s hidden messages"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)shad their invitation withdrawn",
+                "other": "%(oneUser)shad their invitation withdrawn %(count)s times"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)shad their invitations withdrawn",
+                "other": "%(severalUsers)shad their invitations withdrawn %(count)s times"
+            },
+            "invited": {
+                "one": "was invited",
+                "other": "was invited %(count)s times"
+            },
+            "invited_multiple": {
+                "one": "were invited",
+                "other": "were invited %(count)s times"
+            },
+            "joined": {
+                "one": "%(oneUser)sjoined",
+                "other": "%(oneUser)sjoined %(count)s times"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)sjoined and left",
+                "other": "%(oneUser)sjoined and left %(count)s times"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)sjoined and left",
+                "other": "%(severalUsers)sjoined and left %(count)s times"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)sjoined",
+                "other": "%(severalUsers)sjoined %(count)s times"
+            },
+            "kicked": {
+                "one": "was removed",
+                "other": "was removed %(count)s times"
+            },
+            "kicked_multiple": {
+                "one": "were removed",
+                "other": "were removed %(count)s times"
+            },
+            "left": {
+                "one": "%(oneUser)sleft",
+                "other": "%(oneUser)sleft %(count)s times"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)sleft",
+                "other": "%(severalUsers)sleft %(count)s times"
+            },
+            "no_change": {
+                "one": "%(oneUser)smade no changes",
+                "other": "%(oneUser)smade no changes %(count)s times"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)smade no changes",
+                "other": "%(severalUsers)smade no changes %(count)s times"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)schanged the <a>pinned messages</a> for the room",
+                "other": "%(oneUser)schanged the <a>pinned messages</a> for the room %(count)s times"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)schanged the <a>pinned messages</a> for the room",
+                "other": "%(severalUsers)schanged the <a>pinned messages</a> for the room %(count)s times"
+            },
+            "redacted": {
+                "one": "%(oneUser)sremoved a message",
+                "other": "%(oneUser)sremoved %(count)s messages"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)sremoved a message",
+                "other": "%(severalUsers)sremoved %(count)s messages"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)srejected their invitation",
+                "other": "%(oneUser)srejected their invitation %(count)s times"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)srejected their invitations",
+                "other": "%(severalUsers)srejected their invitations %(count)s times"
+            },
+            "rejoined": {
+                "one": "%(oneUser)sleft and rejoined",
+                "other": "%(oneUser)sleft and rejoined %(count)s times"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)sleft and rejoined",
+                "other": "%(severalUsers)sleft and rejoined %(count)s times"
+            },
+            "unbanned": {
+                "one": "was unbanned",
+                "other": "was unbanned %(count)s times"
+            },
+            "unbanned_multiple": {
+                "one": "were unbanned",
+                "other": "were unbanned %(count)s times"
+            }
+        },
+        "thread_info_basic": "From a thread",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s and one other is typing …",
+                "other": "%(names)s and %(count)s others are typing …"
+            },
+            "one_user": "%(displayName)s is typing …",
+            "two_users": "%(names)s and %(lastPerson)s are typing …"
+        },
+        "undecryptable_tooltip": "This message could not be decrypted"
+    },
+    "truncated_list_n_more": {
+        "other": "And %(count)s more..."
+    },
+    "unsupported_browser": {
+        "description": "If you continue, some features may stop working and there is a risk that you may lose data in the future. Update your browser to continue using %(brand)s.",
+        "title": "%(brand)s does not support this browser"
+    },
+    "unsupported_server_description": "This server is using an older version of Matrix. Upgrade to Matrix %(version)s to use %(brand)s without errors.",
+    "unsupported_server_title": "Your server is unsupported",
+    "update": {
+        "changelog": "Changelog",
+        "check_action": "Check for update",
+        "checking": "Checking for an update…",
+        "downloading": "Downloading update…",
+        "error_encountered": "Error encountered (%(errorDetail)s).",
+        "error_unable_load_commit": "Unable to load commit detail: %(msg)s",
+        "new_version_available": "New version available. <a>Update now.</a>",
+        "no_update": "No update available.",
+        "release_notes_toast_title": "What's New",
+        "see_changes_button": "What's new?",
+        "toast_description": "New version of %(brand)s is available",
+        "toast_title": "Update %(brand)s",
+        "unavailable": "Unavailable"
+    },
+    "update_room_access_modal": {
+        "description": "To create a share link, make this room <b>public</b> or enable the option for users to <b>ask to join</b>. This allows guests to join without being invited.",
+        "dont_change_description": "If you don't want to change the access of this room, you can create a new room for the call link.",
+        "no_change": "I don't want to change the access level.",
+        "revert_access_description": "(This can be reverted to the previous value in the Room Settings: <b>Security & Privacy</b> / <b>Access</b>)",
+        "title": "Allow guest users to join this room"
+    },
+    "upload_failed_generic": "The file '%(fileName)s' failed to upload.",
+    "upload_failed_size": "The file '%(fileName)s' exceeds this homeserver's size limit for uploads",
+    "upload_failed_title": "Upload Failed",
+    "upload_file": {
+        "cancel_all_button": "Cancel All",
+        "error_file_too_large": "This file is <b>too large</b> to upload. The file size limit is %(limit)s but this file is %(sizeOfThisFile)s.",
+        "error_files_too_large": "These files are <b>too large</b> to upload. The file size limit is %(limit)s.",
+        "error_some_files_too_large": "Some files are <b>too large</b> to be uploaded. The file size limit is %(limit)s.",
+        "error_title": "Upload Error",
+        "not_image": "The file you have chosen is not a valid image file.",
+        "title": "Upload files",
+        "title_progress": "Upload files (%(current)s of %(total)s)",
+        "upload_all_button": "Upload all",
+        "upload_n_others_button": {
+            "one": "Upload %(count)s other file",
+            "other": "Upload %(count)s other files"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Admin Tools",
+        "ban_button_room": "Ban from room",
+        "ban_button_space": "Ban from space",
+        "ban_room_confirm_title": "Ban from %(roomName)s",
+        "ban_space_everything": "Ban them from everything I'm able to",
+        "ban_space_specific": "Ban them from specific things I'm able to",
+        "deactivate_confirm_action": "Deactivate user",
+        "deactivate_confirm_description": "Deactivating this user will remove their devices and prevent them from logging back in. Additionally, they will leave all the rooms they are in. This action cannot be reversed. Are you sure you want to deactivate this user?",
+        "deactivate_confirm_title": "Deactivate user?",
+        "demote_button": "Demote",
+        "demote_self_confirm_description_space": "You will not be able to undo this change as you are demoting yourself, if you are the last privileged user in the space it will be impossible to regain privileges.",
+        "demote_self_confirm_room": "You will not be able to undo this change as you are demoting yourself, if you are the last privileged user in the room it will be impossible to regain privileges.",
+        "demote_self_confirm_title": "Demote yourself?",
+        "disinvite_button_room": "Disinvite from room",
+        "disinvite_button_room_name": "Disinvite from %(roomName)s",
+        "disinvite_button_space": "Disinvite from space",
+        "error_ban_user": "Failed to ban user",
+        "error_deactivate": "Failed to deactivate user",
+        "error_kicking_user": "Failed to remove user",
+        "error_mute_user": "Failed to mute user",
+        "error_revoke_3pid_invite_description": "Could not revoke the invite. The server may be experiencing a temporary problem or you do not have sufficient permissions to revoke the invite.",
+        "error_revoke_3pid_invite_title": "Failed to revoke invite",
+        "ignore_button": "Ignore",
+        "ignore_confirm_description": "All messages and invites from this user will be hidden. Are you sure you want to ignore them?",
+        "ignore_confirm_title": "Ignore %(user)s",
+        "invited_by": "Invited by %(sender)s",
+        "jump_to_rr_button": "Jump to read receipt",
+        "kick_button_room": "Remove from room",
+        "kick_button_room_name": "Remove from %(roomName)s",
+        "kick_button_space": "Remove from space",
+        "kick_button_space_everything": "Remove them from everything I'm able to",
+        "kick_space_specific": "Remove them from specific things I'm able to",
+        "kick_space_warning": "They'll still be able to access whatever you're not an admin of.",
+        "promote_warning": "You will not be able to undo this change as you are promoting the user to have the same power level as yourself.",
+        "redact": {
+            "confirm_button": {
+                "one": "Remove 1 message",
+                "other": "Remove %(count)s messages"
+            },
+            "confirm_description_1": {
+                "one": "You are about to remove %(count)s message by %(user)s. This will remove them permanently for everyone in the conversation. Do you wish to continue?",
+                "other": "You are about to remove %(count)s messages by %(user)s. This will remove them permanently for everyone in the conversation. Do you wish to continue?"
+            },
+            "confirm_description_2": "For a large amount of messages, this might take some time. Please don't refresh your client in the meantime.",
+            "confirm_keep_state_explainer": "Uncheck if you also want to remove system messages on this user (e.g. membership change, profile change…)",
+            "confirm_keep_state_label": "Preserve system messages",
+            "confirm_title": "Remove recent messages by %(user)s",
+            "no_recent_messages_description": "Try scrolling up in the timeline to see if there are any earlier ones.",
+            "no_recent_messages_title": "No recent messages by %(user)s found"
+        },
+        "redact_button": "Remove messages",
+        "revoke_invite": "Revoke invite",
+        "room_encrypted": "Messages in this room are end-to-end encrypted.",
+        "room_encrypted_detail": "Your messages are secured and only you and the recipient have the unique keys to unlock them.",
+        "room_unencrypted": "Messages in this room are not end-to-end encrypted.",
+        "room_unencrypted_detail": "In encrypted rooms, your messages are secured and only you and the recipient have the unique keys to unlock them.",
+        "send_message": "Send message",
+        "share_button": "Share profile",
+        "unban_button_room": "Unban from room",
+        "unban_button_space": "Unban from space",
+        "unban_room_confirm_title": "Unban from %(roomName)s",
+        "unban_space_everything": "Unban them from everything I'm able to",
+        "unban_space_specific": "Unban them from specific things I'm able to",
+        "unban_space_warning": "They won't be able to access whatever you're not an admin of.",
+        "unignore_button": "Unignore",
+        "verification_unavailable": "User verification unavailable",
+        "verify_button": "Verify User",
+        "verify_explainer": "For extra security, verify this user by checking a one-time code on both of your devices."
+    },
+    "user_status": {
+        "on_a_call": "On a call"
+    },
+    "voip": {
+        "already_in_call": "Already in call",
+        "already_in_call_person": "You're already in a call with this person.",
+        "answered_elsewhere": "Answered Elsewhere",
+        "answered_elsewhere_description": "The call was answered on another device.",
+        "call_failed": "Call Failed",
+        "call_failed_description": "The call could not be established",
+        "call_failed_media": "Call failed because webcam or microphone could not be accessed. Check that:",
+        "call_failed_media_applications": "No other application is using the webcam",
+        "call_failed_media_connected": "A microphone and webcam are plugged in and set up correctly",
+        "call_failed_media_permissions": "Permission is granted to use the webcam",
+        "call_failed_microphone": "Call failed because microphone could not be accessed. Check that a microphone is plugged in and set up correctly.",
+        "call_held": "%(peerName)s held the call",
+        "call_held_resume": "You held the call <a>Resume</a>",
+        "call_held_switch": "You held the call <a>Switch</a>",
+        "call_members": {
+            "exhaustive": {
+                "one": "<avatars/> on the call",
+                "other": "<avatars/> on the call"
+            },
+            "overflow": {
+                "one": "<avatars/> +%(overflowCount)s on the call",
+                "other": "<avatars/> +%(overflowCount)s on the call"
+            }
+        },
+        "call_toast_unknown_room": "Unknown room",
+        "camera_disabled": "Your camera is turned off",
+        "camera_enabled": "Your camera is still enabled",
+        "cannot_call_yourself_description": "You cannot place a call with yourself.",
+        "close_lobby": "Close lobby",
+        "connecting": "Connecting",
+        "connection_lost": "Connectivity to the server has been lost",
+        "connection_lost_description": "You cannot place calls without a connection to the server.",
+        "consulting": "Consulting with %(transferTarget)s. <a>Transfer to %(transferee)s</a>",
+        "default_device": "Default Device",
+        "dial": "Dial",
+        "dialpad": "Dialpad",
+        "disable_camera": "Turn off camera",
+        "disable_microphone": "Mute microphone",
+        "disabled_no_perms_start_video_call": "You do not have permission to start video calls",
+        "disabled_no_perms_start_voice_call": "You do not have permission to start voice calls",
+        "disabled_ongoing_call": "Ongoing call",
+        "element_call": "Element Call",
+        "enable_camera": "Turn on camera",
+        "enable_microphone": "Unmute microphone",
+        "expand": "Return to call",
+        "get_call_link": "Share call link",
+        "group_call_started": "Group call started",
+        "hangup": "Hangup",
+        "hide_sidebar_button": "Hide sidebar",
+        "input_devices": "Input devices",
+        "jitsi_call": "Jitsi Conference",
+        "join_with_video": "Join with video",
+        "legacy_call": "Legacy Call",
+        "maximise": "Fill screen",
+        "maximise_call": "Maximise call",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Conferences"
+        },
+        "minimise_call": "Minimise call",
+        "misconfigured_server": "Call failed due to misconfigured server",
+        "misconfigured_server_description": "Please ask the administrator of your homeserver (<code>%(homeserverDomain)s</code>) to configure a TURN server in order for calls to work reliably.",
+        "misconfigured_server_fallback": "Alternatively, you can try to use the public server at <server/>, but this will not be as reliable, and it will share your IP address with that server. You can also manage this in Settings.",
+        "misconfigured_server_fallback_accept": "Try using %(server)s",
+        "more_button": "More",
+        "msisdn_lookup_failed": "Unable to look up phone number",
+        "msisdn_lookup_failed_description": "There was an error looking up the phone number",
+        "msisdn_transfer_failed": "Unable to transfer call",
+        "n_people_joined": {
+            "one": "%(count)s person joined",
+            "other": "%(count)s people joined"
+        },
+        "no_audio_input_description": "We didn't find a microphone on your device. Please check your settings and try again.",
+        "no_audio_input_title": "No microphone found",
+        "no_media_perms_description": "You may need to manually permit %(brand)s to access your microphone/webcam",
+        "no_media_perms_title": "No media permissions",
+        "no_permission_conference": "Permission Required",
+        "no_permission_conference_description": "You do not have permission to start a conference call in this room",
+        "on_hold": "%(name)s on hold",
+        "output_devices": "Output devices",
+        "screenshare_monitor": "Share entire screen",
+        "screenshare_title": "Share content",
+        "screenshare_window": "Application window",
+        "show_sidebar_button": "Show sidebar",
+        "silence": "Silence call",
+        "silenced": "Notifications silenced",
+        "start_screenshare": "Start sharing your screen",
+        "stop_screenshare": "Stop sharing your screen",
+        "too_many_calls": "Too Many Calls",
+        "too_many_calls_description": "You've reached the maximum number of simultaneous calls.",
+        "transfer_consult_first_label": "Consult first",
+        "transfer_failed": "Transfer Failed",
+        "transfer_failed_description": "Failed to transfer call",
+        "unable_to_access_audio_input_description": "We were unable to access your microphone. Please check your browser settings and try again.",
+        "unable_to_access_audio_input_title": "Unable to access your microphone",
+        "unable_to_access_media": "Unable to access webcam / microphone",
+        "unable_to_access_microphone": "Unable to access microphone",
+        "unknown_caller": "Unknown caller",
+        "unknown_person": "unknown person",
+        "unsilence": "Sound on",
+        "unsupported": "Calls are unsupported",
+        "unsupported_browser": "You cannot place calls in this browser.",
+        "user_busy": "User Busy",
+        "user_busy_description": "The user you called is busy.",
+        "user_is_presenting": "%(sharerName)s is presenting",
+        "video_call": "Video call",
+        "video_call_incoming": "Incoming video call",
+        "video_call_using": "Video call using:",
+        "voice_call": "Voice call",
+        "voice_call_incoming": "Incoming voice call",
+        "voice_call_using": "Voice call using:",
+        "you_are_presenting": "You are presenting"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s on %(osName)s",
+    "welcome": {
+        "tagline_element": "Supercharged for speed and simplicity.",
+        "title_element": "Be in your element",
+        "title_generic": "Welcome to %(brand)s"
+    },
+    "widget": {
+        "added_by": "Widget added by",
+        "capabilities_dialog": {
+            "content_starting_text": "This widget would like to:",
+            "decline_all_permission": "Decline All",
+            "remember_Selection": "Remember my selection for this widget",
+            "title": "Approve widget permissions"
+        },
+        "capability": {
+            "always_on_screen_generic": "Remain on your screen while running",
+            "always_on_screen_viewing_another_room": "Remain on your screen when viewing another room, when running",
+            "any_room": "The above, but in any room you are joined or invited to as well",
+            "byline_empty_state_key": "with an empty state key",
+            "byline_state_key": "with state key %(stateKey)s",
+            "capability": "The <b>%(capability)s</b> capability",
+            "change_avatar_active_room": "Change the avatar of your active room",
+            "change_avatar_this_room": "Change the avatar of this room",
+            "change_name_active_room": "Change the name of your active room",
+            "change_name_this_room": "Change the name of this room",
+            "change_topic_active_room": "Change the topic of your active room",
+            "change_topic_this_room": "Change the topic of this room",
+            "download_file": "Download files from the media repository",
+            "receive_membership_active_room": "See when people join, leave, or are invited to your active room",
+            "receive_membership_this_room": "See when people join, leave, or are invited to this room",
+            "remove_ban_invite_leave_active_room": "Remove, ban, or invite people to your active room, and make you leave",
+            "remove_ban_invite_leave_this_room": "Remove, ban, or invite people to this room, and make you leave",
+            "see_avatar_change_active_room": "See when the avatar changes in your active room",
+            "see_avatar_change_this_room": "See when the avatar changes in this room",
+            "see_event_type_sent_active_room": "See <b>%(eventType)s</b> events posted to your active room",
+            "see_event_type_sent_this_room": "See <b>%(eventType)s</b> events posted to this room",
+            "see_images_sent_active_room": "See images posted to your active room",
+            "see_images_sent_this_room": "See images posted to this room",
+            "see_messages_sent_active_room": "See messages posted to your active room",
+            "see_messages_sent_this_room": "See messages posted to this room",
+            "see_msgtype_sent_active_room": "See <b>%(msgtype)s</b> messages posted to your active room",
+            "see_msgtype_sent_this_room": "See <b>%(msgtype)s</b> messages posted to this room",
+            "see_name_change_active_room": "See when the name changes in your active room",
+            "see_name_change_this_room": "See when the name changes in this room",
+            "see_sent_emotes_active_room": "See emotes posted to your active room",
+            "see_sent_emotes_this_room": "See emotes posted to this room",
+            "see_sent_files_active_room": "See general files posted to your active room",
+            "see_sent_files_this_room": "See general files posted to this room",
+            "see_sticker_posted_active_room": "See when anyone posts a sticker to your active room",
+            "see_sticker_posted_this_room": "See when a sticker is posted in this room",
+            "see_text_messages_sent_active_room": "See text messages posted to your active room",
+            "see_text_messages_sent_this_room": "See text messages posted to this room",
+            "see_topic_change_active_room": "See when the topic changes in your active room",
+            "see_topic_change_this_room": "See when the topic changes in this room",
+            "see_videos_sent_active_room": "See videos posted to your active room",
+            "see_videos_sent_this_room": "See videos posted to this room",
+            "send_emotes_active_room": "Send emotes as you in your active room",
+            "send_emotes_this_room": "Send emotes as you in this room",
+            "send_event_type_active_room": "Send <b>%(eventType)s</b> events as you in your active room",
+            "send_event_type_this_room": "Send <b>%(eventType)s</b> events as you in this room",
+            "send_files_active_room": "Send general files as you in your active room",
+            "send_files_this_room": "Send general files as you in this room",
+            "send_images_active_room": "Send images as you in your active room",
+            "send_images_this_room": "Send images as you in this room",
+            "send_messages_active_room": "Send messages as you in your active room",
+            "send_messages_this_room": "Send messages as you in this room",
+            "send_msgtype_active_room": "Send <b>%(msgtype)s</b> messages as you in your active room",
+            "send_msgtype_this_room": "Send <b>%(msgtype)s</b> messages as you in this room",
+            "send_stickers_active_room": "Send stickers into your active room",
+            "send_stickers_active_room_as_you": "Send stickers to your active room as you",
+            "send_stickers_this_room": "Send stickers into this room",
+            "send_stickers_this_room_as_you": "Send stickers to this room as you",
+            "send_text_messages_active_room": "Send text messages as you in your active room",
+            "send_text_messages_this_room": "Send text messages as you in this room",
+            "send_videos_active_room": "Send videos as you in your active room",
+            "send_videos_this_room": "Send videos as you in this room",
+            "specific_room": "The above, but in <Room /> as well",
+            "switch_room": "Change which room you're viewing",
+            "switch_room_message_user": "Change which room, message, or user you're viewing"
+        },
+        "close_to_view_right_panel": "Close this widget to view it in this panel",
+        "context_menu": {
+            "delete": "Delete widget",
+            "delete_warning": "Deleting a widget removes it for all users in this room. Are you sure you want to delete this widget?"
+        },
+        "cookie_warning": "This widget may use cookies.",
+        "error_hangup_description": "You were disconnected from the call. (Error: %(message)s)",
+        "error_hangup_title": "Connection lost",
+        "error_loading": "Error loading Widget",
+        "error_mixed_content": "Error - Mixed content",
+        "error_need_invite_permission": "You need to be able to invite users to do that.",
+        "error_need_kick_permission": "You need to be able to kick users to do that.",
+        "error_need_to_be_logged_in": "You need to be logged in.",
+        "error_unable_start_audio_stream_description": "Unable to start audio streaming.",
+        "error_unable_start_audio_stream_title": "Failed to start livestream",
+        "modal_data_warning": "The data below is shared with %(widgetDomain)s",
+        "modal_title_default": "Modal Widget",
+        "no_name": "Unknown App",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Remember this",
+            "starting_text": "The widget will verify your user ID, but won't be able to perform actions for you:",
+            "title": "Allow this widget to verify your identity"
+        },
+        "popout": "Popout widget",
+        "set_room_layout": "Set layout for everyone",
+        "shared_data_avatar": "Your profile picture URL",
+        "shared_data_device_id": "Your device ID",
+        "shared_data_lang": "Your language",
+        "shared_data_mxid": "Your user ID",
+        "shared_data_name": "Your display name",
+        "shared_data_room_id": "Room ID",
+        "shared_data_theme": "Your theme",
+        "shared_data_url": "%(brand)s URL",
+        "shared_data_warning": "Using this widget may share data <helpIcon /> with %(widgetDomain)s.",
+        "shared_data_warning_im": "Using this widget may share data <helpIcon /> with %(widgetDomain)s & your integration manager.",
+        "shared_data_widget_id": "Widget ID",
+        "unencrypted_warning": "Widgets do not use message encryption.",
+        "unmaximise": "Un-maximise",
+        "unpin_to_view_right_panel": "Unpin this widget to view it in this panel"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "All-uppercase is almost as easy to guess as all-lowercase",
+            "anotherWord": "Add another word or two. Uncommon words are better.",
+            "associatedYears": "Avoid years that are associated with you",
+            "capitalization": "Capitalization doesn't help very much",
+            "dates": "Avoid dates and years that are associated with you",
+            "l33t": "Predictable substitutions like '@' instead of 'a' don't help very much",
+            "longerKeyboardPattern": "Use a longer keyboard pattern with more turns",
+            "noNeed": "No need for symbols, digits, or uppercase letters",
+            "pwned": "If you use this password elsewhere, you should change it.",
+            "recentYears": "Avoid recent years",
+            "repeated": "Avoid repeated words and characters",
+            "reverseWords": "Reversed words aren't much harder to guess",
+            "sequences": "Avoid sequences",
+            "useWords": "Use a few words, avoid common phrases"
+        },
+        "warnings": {
+            "common": "This is a very common password",
+            "commonNames": "Common names and surnames are easy to guess",
+            "dates": "Dates are often easy to guess",
+            "extendedRepeat": "Repeats like \"abcabcabc\" are only slightly harder to guess than \"abc\"",
+            "keyPattern": "Short keyboard patterns are easy to guess",
+            "namesByThemselves": "Names and surnames by themselves are easy to guess",
+            "pwned": "Your password was exposed by a data breach on the Internet.",
+            "recentYears": "Recent years are easy to guess",
+            "sequences": "Sequences like abc or 6543 are easy to guess",
+            "similarToCommon": "This is similar to a commonly used password",
+            "simpleRepeat": "Repeats like \"aaa\" are easy to guess",
+            "straightRow": "Straight rows of keys are easy to guess",
+            "topHundred": "This is a top-100 common password",
+            "topTen": "This is a top-10 common password",
+            "userInputs": "There should not be any personal or page related data.",
+            "wordByItself": "A word by itself is easy to guess"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/eo.json b/apps/web/src/i18n/strings/eo.json
new file mode 100644
index 00000000000..88b69845c51
--- /dev/null
+++ b/apps/web/src/i18n/strings/eo.json
@@ -0,0 +1,2542 @@
+{
+    "a11y": {
+        "jump_first_invite": "Salti al unua invito.",
+        "n_unread_messages": {
+            "other": "%(count)s nelegitaj mesaĝoj.",
+            "one": "1 nelegita mesaĝo."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s nelegitaj mesaĝoj, inkluzive menciojn.",
+            "one": "1 nelegita mencio."
+        },
+        "unread_messages": "Nelegitaj mesaĝoj."
+    },
+    "a11y_jump_first_unread_room": "Salti al unua nelegita ĉambro.",
+    "action": {
+        "accept": "Akcepti",
+        "add": "Aldoni",
+        "add_existing_room": "Aldoni jaman ĉambron",
+        "approve": "Aprobi",
+        "back": "Reen",
+        "cancel": "Nuligi",
+        "change": "Ŝanĝi",
+        "click_to_copy": "Klaku por kopii",
+        "close": "Fermi",
+        "collapse": "Maletendi",
+        "complete": "Fini",
+        "confirm": "Konfirmi",
+        "continue": "Daŭrigi",
+        "copy": "Kopii",
+        "create": "Krei",
+        "create_a_room": "Krei ĉambron",
+        "create_account": "Krei konton",
+        "decline": "Rifuzi",
+        "delete": "Forigi",
+        "disable": "Malŝalti",
+        "disconnect": "Malkonekti",
+        "dismiss": "Rezigni",
+        "done": "Fini",
+        "download": "Elŝuti",
+        "edit": "Redakti",
+        "enable": "Ŝalti",
+        "enter_fullscreen": "Plenekrano",
+        "exit_fullscreeen": "Eliru plenekrano",
+        "expand": "Etendi",
+        "explore_rooms": "Esplori ĉambrojn",
+        "export": "Elporti",
+        "forward": "Plusendi",
+        "go": "Iri",
+        "go_back": "Reen iri",
+        "got_it": "Komprenite",
+        "hide_advanced": "Kaŝi specialajn",
+        "hold": "Paŭzigi",
+        "ignore": "Malatenti",
+        "import": "Enporti",
+        "invite": "Inviti",
+        "join": "Aliĝi",
+        "learn_more": "Ekscii plion",
+        "leave": "Foriri",
+        "leave_room": "Eliri ĉambron",
+        "logout": "Adiaŭi",
+        "manage": "Administri",
+        "mention": "Mencio",
+        "next": "Sekva",
+        "no": "Ne",
+        "ok": "Bone",
+        "open": "Malfermi",
+        "pin": "Pinglo",
+        "quote": "Citaĵo",
+        "react": "Reagi",
+        "refresh": "Aktualigi",
+        "register": "Registri",
+        "remove": "Forigi",
+        "reply": "Respondi",
+        "resend": "Resendi",
+        "reset": "Restarigi",
+        "resume": "Daŭrigi",
+        "retry": "Reprovi",
+        "review": "Rekontroli",
+        "revoke": "Senvalidigi",
+        "save": "Konservi",
+        "search": "Serĉi",
+        "send_report": "Sendi raporton",
+        "share": "Havigi",
+        "show_advanced": "Montri specialajn",
+        "show_all": "Montri ĉiujn",
+        "sign_in": "Saluti",
+        "sign_out": "Adiaŭi",
+        "skip": "Preterpasi",
+        "start": "Komenci",
+        "stop": "Fini",
+        "submit": "Sendi",
+        "subscribe": "Aboni",
+        "transfer": "Transdoni",
+        "trust": "Fido",
+        "try_again": "Reprovu",
+        "unban": "Malforbari",
+        "unignore": "Reatenti",
+        "unpin": "Malfiksi",
+        "unsubscribe": "Malaboni",
+        "update": "Ĝisdatigi",
+        "upgrade": "Gradaltigi",
+        "upload": "Alŝuti",
+        "verify": "Kontroli",
+        "view": "Rigardo",
+        "view_message": "Montri mesaĝon",
+        "view_source": "Vidi fonton",
+        "yes": "Jes",
+        "zoom_in": "Zomi",
+        "zoom_out": "Malzomi"
+    },
+    "analytics": {
+        "accept_button": "Tio estas bone",
+        "consent_migration": "Vi antaŭe konsentis kunhavigi anonimajn uzdatumojn kun ni. Ni ĝisdatigas kiel tio funkcias.",
+        "shared_data_heading": "Ĉiu el la jenaj datumoj povas kunhaviĝi:"
+    },
+    "auth": {
+        "3pid_in_use": "Tiu retpoŝtadreso aŭ telefonnumero jam estas uzataj.",
+        "account_clash": "Via nova konto (%(newAccountId)s) estas registrita, sed vi jam salutis per alia konto (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Daŭrigi per antaŭa konto",
+        "account_deactivated": "Tiu ĉi konto malaktiviĝis.",
+        "autodiscovery_generic_failure": "Malsukcesis akiri agordojn de memaga eltrovado de la servilo",
+        "autodiscovery_invalid": "Nevalida eltrova respondo de hejmservilo",
+        "autodiscovery_invalid_hs": "URL por hejmservilo ŝajne ne ligas al valida hejmservilo de Matrix",
+        "autodiscovery_invalid_hs_base_url": "Nevalida base_url por m.homeserver",
+        "autodiscovery_invalid_is": "URL por identiga servilo ŝajne ne ligas al valida identiga servilo",
+        "autodiscovery_invalid_is_base_url": "Nevalida base_url por m.identity_server",
+        "autodiscovery_invalid_is_response": "Nevalida eltrova respondo de identiga servilo",
+        "autodiscovery_invalid_json": "Nevalida JSON",
+        "autodiscovery_unexpected_error_hs": "Neatendita eraro eltrovi hejmservilajn agordojn",
+        "autodiscovery_unexpected_error_is": "Neatendita eraro eltrovi agordojn de identiga servilo",
+        "captcha_description": "Ĉi tiu hejmservilo volas certigi, ke vi ne estas roboto.",
+        "change_password_action": "Ŝanĝi pasvorton",
+        "change_password_confirm_invalid": "Pasvortoj ne akordas",
+        "change_password_confirm_label": "Konfirmu pasvorton",
+        "change_password_current_label": "Nuna pasvorto",
+        "change_password_empty": "Pasvortoj ne povas esti malplenaj",
+        "change_password_mismatch": "Novaj pasvortoj ne akordas",
+        "change_password_new_label": "Nova pasvorto",
+        "check_email_explainer": "Sekvu la instrukciojn senditajn al <b>%(email)s</b>",
+        "check_email_resend_prompt": "Ĉu vi ne ricevis?",
+        "check_email_resend_tooltip": "Retpoŝto de konfirmligo resendita!",
+        "check_email_wrong_email_button": "Reenigu retpoŝtadreson",
+        "check_email_wrong_email_prompt": "Ĉu malĝusta retpoŝtadreso?",
+        "continue_with_idp": "Daŭrigi per %(provider)s",
+        "continue_with_sso": "Daŭrigi per %(ssoButtons)s",
+        "country_dropdown": "Landa falmenuo",
+        "create_account_prompt": "Ĉu vi novas? <a>Kreu konton</a>",
+        "create_account_title": "Krei konton",
+        "email_discovery_text": "Uzu retpoŝtadreson por laŭplaĉe esti trovebla de jamaj kontaktoj.",
+        "email_field_label": "Retpoŝto",
+        "email_field_label_invalid": "Tio ne ŝajnas esti valida retpoŝtadreso",
+        "email_field_label_required": "Enigu retpoŝtadreson",
+        "email_help_text": "Aldonu retpoŝtadreson por ebligi rehavon de via pasvorto.",
+        "email_phone_discovery_text": "Uzu retpoŝtadreson aŭ telefonnumeron por laŭplaĉe esti trovebla de jamaj kontaktoj.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> sendos al vi konfirman ligilon por permesi al vi restarigi vian pasvorton.",
+        "enter_email_heading": "Enigu vian retpoŝtadreson por restarigi pasvorton",
+        "failed_connect_identity_server": "Ne povas atingi identigan servilon",
+        "failed_connect_identity_server_other": "Vi povas saluti, sed kelkaj funkcioj ne disponeblos ĝis tiam, kiam la identiga servilo estas denove enreta. Se vi ripete vidas tiun ĉi avertmesaĝon, kontrolu viajn agordojn aŭ kontaktu la administranton de la servilo.",
+        "failed_connect_identity_server_register": "Vi povas registriĝi, sed kelkaj funkcioj ne disponeblos ĝis tiam, kiam la identiga servilo estos ree enreta. Se vi ripete vidas tiun ĉi avertmesaĝon, kontrolu viajn agordojn aŭ kontaktu la administranton de la servilo.",
+        "failed_connect_identity_server_reset_password": "Vi povas restarigi vian pasvorton, sed kelkaj funkcioj ne disponeblos ĝis tiam, kiam la identiga servilo estos ree enreta. Se vi ripete vidas tiun ĉi avertmesaĝon, kontrolu viajn agordojn aŭ kontaktu la administraton de la servilo.",
+        "failed_homeserver_discovery": "Malsukcesis trovi hejmservilon",
+        "failed_query_registration_methods": "Ne povas peti subtenatajn registrajn metodojn.",
+        "failed_soft_logout_auth": "Malsukcesis reaŭtentikigi",
+        "failed_soft_logout_homeserver": "Malsukcesis reaŭtentikigi pro hejmservila problemo",
+        "forgot_password_email_invalid": "La retpoŝtadreso ŝajnas ne valida.",
+        "forgot_password_email_required": "Vi devas enigi retpoŝtadreson ligitan al via konto.",
+        "forgot_password_prompt": "Ĉu vi forgesis vian pasvorton?",
+        "forgot_password_send_email": "Sendu retpoŝton",
+        "identifier_label": "Saluti per",
+        "incorrect_credentials": "Malĝusta uzantnomo kaj/aŭ pasvorto.",
+        "incorrect_credentials_detail": "Rimarku ke vi salutas la servilon %(hs)s, ne matrix.org.",
+        "incorrect_password": "Malĝusta pasvorto",
+        "log_in_new_account": "<a>Saluti</a> per via nova konto.",
+        "logout_dialog": {
+            "description": "Ĉu vi certe volas adiaŭi?",
+            "setup_key_backup_title": "Vi perdos aliron al viaj ĉifritaj mesaĝoj",
+            "skip_key_backup": "Mi ne volas miajn ĉifritajn mesaĝojn"
+        },
+        "misconfigured_body": "Petu vian %(brand)s-administranton kontroli <a>vian agordaron</a> je malĝustaj aŭ duoblaj eroj.",
+        "misconfigured_title": "Via kliento %(brand)s estas misagordita",
+        "msisdn_field_description": "Aliaj uzantoj povas inviti vin al ĉambroj per viaj kontaktaj detaloj",
+        "msisdn_field_label": "Telefono",
+        "msisdn_field_number_invalid": "Tiu telefonnumero ne ŝajnas ĝusta, bonvolu kontroli kaj reprovi",
+        "msisdn_field_required_invalid": "Enigu telefonnumeron",
+        "no_hs_url_provided": "Neniu hejmservila URL donita",
+        "oidc": {
+            "error_title": "Ni ne povis salutigi vin",
+            "missing_or_invalid_stored_state": "Ni petis la foliumilon memori, kiun hejmservilon vi uzas por saluti, sed domaĝe, via foliumilo forgesis. Iru al la saluta paĝo kaj reprovu."
+        },
+        "password_field_label": "Enigu pasvorton",
+        "password_field_strong_label": "Bona, forta pasvorto!",
+        "password_field_weak_label": "Pasvorto estas permesita, sed nesekura",
+        "phone_label": "Telefono",
+        "phone_optional_label": "Telefono (malnepra)",
+        "register_action": "Krei konton",
+        "registration": {
+            "continue_without_email_description": "Averte, se vi ne aldonos retpoŝtadreson kaj poste forgesos vian pasvorton, vi eble <b>por ĉiam perdos aliron al via konto</b>.",
+            "continue_without_email_field_label": "Retpoŝto (malnepra)",
+            "continue_without_email_title": "Daŭrigante sen retpoŝtadreso"
+        },
+        "registration_disabled": "Registriĝoj malŝaltiĝis sur ĉi tiu hejmservilo.",
+        "registration_msisdn_field_required_invalid": "Enigu telefonnumeron (bezonata sur ĉi tiu hejmservilo)",
+        "registration_successful": "Registro sukcesis",
+        "registration_username_validation": "Uzu nur malgrandajn leterojn, numerojn, streketojn kaj substrekojn",
+        "reset_password": {
+            "confirm_new_password": "Konfirmu novan pasvorton",
+            "devices_logout_success": "Vi estis elsalutita el ĉiuj aparatoj kaj ne plu ricevos puŝajn sciigojn. Por reŝalti sciigojn, ensalutu denove sur ĉiu aparato.",
+            "password_not_entered": "Vi devas enigi novan pasvorton.",
+            "passwords_mismatch": "Novaj pasvortoj devas akordi.",
+            "reset_successful": "Vi reagordis vian pasvorton.",
+            "return_to_login": "Reiri al saluta paĝo",
+            "sign_out_other_devices": "Elsaluti en ĉiuj aparatoj"
+        },
+        "reset_password_action": "Restarigu vian pasvorton",
+        "reset_password_email_field_description": "Uzu retpoŝtadreson por rehavi vian konton",
+        "reset_password_email_field_required_invalid": "Enigu retpoŝtadreson (ĉi tiu hejmservilo ĝin postulas)",
+        "reset_password_email_not_associated": "Via retpoŝtareso ŝajne ne ligiĝas al Matrix-identigilo sur tiu ĉi hejmservilo.",
+        "reset_password_email_not_found_title": "Tiu ĉi retpoŝtadreso ne troviĝis",
+        "reset_password_title": "Restarigu vian pasvorton",
+        "server_picker_custom": "Alia hejmservilo",
+        "server_picker_description_matrix.org": "Senpage aliĝu al milionoj sur la plej granda publika servilo",
+        "server_picker_dialog_title": "Decidu, kie via konto gastiĝos",
+        "server_picker_explainer": "Uzu vian preferatan hejmservilon de Matrix se vi havas iun, aŭ gastigu vian propran.",
+        "server_picker_failed_validate_homeserver": "Ne povas validigi hejmservilon",
+        "server_picker_invalid_url": "Nevalida URL",
+        "server_picker_learn_more": "Pri hejmserviloj",
+        "server_picker_required": "Specifu hejmservilon",
+        "server_picker_title": "Salutu vian hejmservilon",
+        "server_picker_title_default": "Elektebloj de servilo",
+        "server_picker_title_registration": "Gastigi konton ĉe",
+        "session_logged_out_description": "Pro sekurecaj kialoj, la salutaĵo adiaŭiĝis. Bonvolu resaluti.",
+        "session_logged_out_title": "Adiaŭinta",
+        "set_email": {
+            "description": "Tio ĉi permesos al vi restarigi vian pasvorton kaj ricevi sciigojn.",
+            "verification_pending_description": "Bonvolu kontroli vian retpoŝton, kaj klaki la ligilon enhavatan en la sendita mesaĝo. Farinte tion, klaku je «daŭrigi».",
+            "verification_pending_title": "Atendante kontrolon"
+        },
+        "set_email_prompt": "Ĉu vi volas agordi retpoŝtadreson?",
+        "sign_in_instead": "Aliĝu anstataŭe",
+        "sign_in_instead_prompt": "Aliĝu anstataŭe",
+        "sign_in_or_register": "Salutu aŭ kreu konton",
+        "sign_in_or_register_description": "Por daŭrigi, uzu vian konton aŭ kreu novan.",
+        "sign_in_with_sso": "Saluti per ununura saluto",
+        "soft_logout": {
+            "clear_data_button": "Vakigi ĉiujn datumojn",
+            "clear_data_description": "Vakigo de ĉiuj datumoj el ĉi tiu salutaĵo estas porĉiama. Ĉifritaj mesaĝoj perdiĝos, malse iliaj ŝlosiloj savkopiiĝis.",
+            "clear_data_title": "Ĉu vakigi ĉiujn datumojn en ĉi tiu salutaĵo?"
+        },
+        "soft_logout_heading": "Vi adiaŭis",
+        "soft_logout_intro_password": "Enigu vian pasvorton por saluti kaj rehavi aliron al via konto.",
+        "soft_logout_intro_sso": "Saluti kaj rehavi aliron al via konto.",
+        "soft_logout_intro_unsupported_auth": "Vi ne povas saluti per via konto. Bonvolu kontakti administranton de via hejmservilo por akiri pliajn informojn.",
+        "soft_logout_subheading": "Vakigi personajn datumojn",
+        "sso": "Ununura saluto",
+        "sso_complete_in_browser_dialog_title": "Iru al via retumilo por finpretigi la ensaluton",
+        "sso_failed_missing_storage": "Ni petis la foliumilon memori, kiun hejmservilon vi uzas por saluti, sed domaĝe, via foliumilo forgesis. Iru al la saluta paĝo kaj reprovu.",
+        "sso_or_username_password": "%(ssoButtons)s aŭ %(usernamePassword)s",
+        "sync_footer_subtitle": "Se vi aliĝis al multaj ĉambroj, tio povas daŭri longe",
+        "uia": {
+            "code": "Kodo",
+            "fallback_button": "Komenci aŭtentikigon",
+            "msisdn": "Tekstmesaĝo sendiĝîs al %(msisdn)s",
+            "msisdn_token_incorrect": "Malĝusta peco",
+            "msisdn_token_prompt": "Bonvolu enigi la enhavatan kodon:",
+            "password_prompt": "Konfirmu vian identecon per enigo de la pasvorto de via konto sube.",
+            "recaptcha_missing_params": "Mankas publika ŝlosilo por testo de homeco en hejmservila agordaro. Bonvolu raporti tion al la administranto de via hejmservilo.",
+            "sso_body": "Konfirmi aldonon de ĉi tiu retpoŝtadreso, uzante ununuran saluton por pruvi vian identecon.",
+            "sso_failed": "Io misokazis dum konfirmado de via identeco. Nuligu kaj reprovu.",
+            "sso_postauth_body": "Klaku sube la butonon por konfirmi vian identecon.",
+            "sso_postauth_title": "Konfirmu por daŭrigi",
+            "sso_preauth_body": "Por daŭrigi, pruvu vian identecon per ununura saluto.",
+            "sso_title": "Daŭrigi per ununura saluto",
+            "terms": "Bonvolu tralegi kaj akcepti la politikon de ĉi tiu hejmservilo:",
+            "terms_invalid": "Bonvolu tralegi kaj akcepti ĉioman politikon de ĉi tiu hejmservilo"
+        },
+        "unsupported_auth_email": "Ĉi tiu hejmservilo ne subtenas saluton per retpoŝtadreso.",
+        "unsupported_auth_msisdn": "Ĉi tiu servilo ne subtenas aŭtentikigon per telefona numero.",
+        "username_field_required_invalid": "Enigu uzantonomon",
+        "username_in_use": "Iu jam havas tiun uzantnomon, bonvolu provi alian.",
+        "verify_email_heading": "Kontrolu vian retpoŝtadreson por daŭrigi"
+    },
+    "bug_reporting": {
+        "additional_context": "Se plia kunteksto povus helpi bone analizi la problemon, ekzemple pri tio, kion vi faris, identigiloj de ĉambroj aŭ uzantoj, ktp., bonvolu kunskribi ĝin.",
+        "before_submitting": "Antaŭ ol sendi protokolon, vi devas <a>raporti problemon per GitHub</a> por priskribi la problemon.",
+        "collecting_information": "Kolektante informon pri versio de la aplikaĵo",
+        "collecting_logs": "Kolektante protokolon",
+        "create_new_issue": "Bonvolu <newIssueLink>raporti novan problemon</newIssueLink> je GitHub, por ke ni povu ĝin esplori.",
+        "download_logs": "Elŝuti protokolon",
+        "downloading_logs": "Elŝutante protokolon",
+        "error_empty": "Bonvolu diri al ni kio misokazis, aŭ pli bone raporti problemon per GitHub.",
+        "github_issue": "Problemo per GitHub",
+        "log_request": "Por malhelpi tion ose, bonvolu <a>sendi al ni protokolon</a>.",
+        "logs_sent": "Protokolo sendiĝis",
+        "matrix_security_issue": "Por raparto de sekureca problemo rilata al Matrix, bonvolu legi la <a>Eldiran Politikon pri Sekureco</a> de Matrix.org.",
+        "preparing_download": "Preparante elŝuton de protokolo",
+        "preparing_logs": "Pretigante sendon de protokolo",
+        "send_logs": "Sendi protokolojn",
+        "submit_debug_logs": "Sendi sencimigan protokolon",
+        "textarea_label": "Notoj",
+        "thank_you": "Dankon!",
+        "title": "Cim-raportado",
+        "unsupported_browser": "Rememorigo: via foliumilo ne estas subtenata, kaj via sperto do povas esti stranga.",
+        "uploading_logs": "Alŝutante protokolon",
+        "waiting_for_server": "Atendante respondon el la servilo"
+    },
+    "cannot_reach_homeserver": "Ne povas atingi hejmservilon",
+    "cannot_reach_homeserver_detail": "Certiĝu ke vi havas stabilan retkonekton, aŭ kontaktu la administranton de la servilo",
+    "cant_load_page": "Ne povis enlegi paĝon",
+    "chat_effects": {
+        "confetti_description": "Sendas la mesaĝon kun konfetoj",
+        "confetti_message": "sendas konfetojn",
+        "fireworks_description": "Sendas la mesaĝon kun artfajraĵo",
+        "fireworks_message": "sendas artfajraĵon",
+        "snowfall_description": "Sendas la mesaĝon kun neĝado",
+        "snowfall_message": "sendas neĝadon",
+        "spaceinvaders_description": "Sendas mesaĝon kun la efekto de kosmo",
+        "spaceinvaders_message": "sendas imiton de ludo « Space Invaders »"
+    },
+    "common": {
+        "access_token": "Alirpeco",
+        "accessibility": "Alirebleco",
+        "advanced": "Altnivela",
+        "analytics": "Analizo",
+        "and_n_others": {
+            "other": "kaj %(count)s aliaj…",
+            "one": "kaj unu alia…"
+        },
+        "appearance": "Aspekto",
+        "are_you_sure": "Ĉu vi certas?",
+        "attachment": "Aldonaĵo",
+        "authentication": "Aŭtentikigo",
+        "avatar": "Profilbildo",
+        "beta": "Prova",
+        "camera": "Kamerao",
+        "copied": "Kopiita!",
+        "credits": "Dankoj",
+        "dark": "Malhela",
+        "description": "Priskribo",
+        "edited": "redaktita",
+        "email_address": "Retpoŝtadreso",
+        "emoji": "Mienetoj",
+        "encrypted": "Ĉifrata",
+        "error": "Eraro",
+        "faq": "Oftaj demandoj",
+        "feedback": "Prikomenti",
+        "filter_results": "Filtri rezultojn",
+        "forward_message": "Plusendi mesaĝon",
+        "general": "Ĝeneralaj",
+        "go_to_settings": "Iri al agordoj",
+        "guest": "Gasto",
+        "help": "Helpo",
+        "home": "Hejmo",
+        "homeserver": "Hejmservilo",
+        "identity_server": "Identiga servilo",
+        "image": "Bildo",
+        "integration_manager": "Kunigilo",
+        "labs": "Eksperimentaj funkcioj",
+        "legal": "Jura",
+        "light": "Hela",
+        "location": "Loko",
+        "message": "Mesaĝo",
+        "message_layout": "Aranĝo de mesaĝoj",
+        "microphone": "Mikrofono",
+        "modern": "Moderna",
+        "mute": "Silentigi",
+        "n_members": {
+            "one": "%(count)s ano",
+            "other": "%(count)s anoj"
+        },
+        "n_rooms": {
+            "one": "%(count)s ĉambro",
+            "other": "%(count)s ĉambroj"
+        },
+        "name": "Nomo",
+        "no_results": "Neniuj rezultoj",
+        "no_results_found": "Neniuj rezultoj troviĝis",
+        "not_trusted": "Nefidata",
+        "off": "Ne",
+        "offline": "Eksterreta",
+        "on": "Jes",
+        "options": "Agordoj",
+        "orphan_rooms": "Aliaj ĉambroj",
+        "password": "Pasvorto",
+        "people": "Personoj",
+        "preferences": "Agordoj",
+        "preview_message": "He, vi. Vi bonegas!",
+        "privacy": "Privateco",
+        "private": "Privata",
+        "private_space": "Privata aro",
+        "profile": "Profilo",
+        "public": "Publika",
+        "public_room": "Publika ĉambro",
+        "public_space": "Publika aro",
+        "qr_code": "Rapidresponda kodo",
+        "random": "Hazarda",
+        "reactions": "Reagoj",
+        "report_a_bug": "Raporti eraron",
+        "room": "Ĉambro",
+        "room_name": "Nomo de ĉambro",
+        "rooms": "Ĉambroj",
+        "secure_backup": "Sekura savkopiado",
+        "settings": "Agordoj",
+        "setup_secure_messages": "Agordi Sekurajn mesaĝojn",
+        "show_more": "Montri pli",
+        "someone": "Iu",
+        "space": "Spaco",
+        "spaces": "Aroj",
+        "sticker": "Glumarko",
+        "stickerpack": "Glumarkaro",
+        "success": "Sukceso",
+        "suggestions": "Rekomendoj",
+        "support": "Subteno",
+        "theme": "Haŭto",
+        "thread": "Fadeno",
+        "threads": "Fadenoj",
+        "timeline": "Historio",
+        "unencrypted": "Neĉifrita",
+        "unmute": "Malsilentigi",
+        "unnamed_room": "Sennoma Ĉambro",
+        "unnamed_space": "Sennoma aro",
+        "user_avatar": "Profilbildo",
+        "username": "Uzantonomo",
+        "view_message": "Montri mesaĝon",
+        "warning": "Averto"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Sciigi la tutan ĉambron",
+            "command_a11y": "Memkompletigo de komandoj",
+            "command_description": "Komandoj",
+            "emoji_a11y": "Memkompletigo de mienetoj",
+            "notification_a11y": "Memkompletigo de sciigoj",
+            "notification_description": "Ĉambra sciigo",
+            "room_a11y": "Memkompletigo de ĉambroj",
+            "space_a11y": "Memaga finfaro de aro",
+            "user_a11y": "Memkompletigo de uzantoj",
+            "user_description": "Uzantoj"
+        },
+        "edit_composer_label": "Redakti mesaĝon",
+        "format_bold": "Grase",
+        "format_code_block": "Kodujo",
+        "format_inline_code": "Kodo",
+        "format_italics": "Kursive",
+        "format_strikethrough": "Trastrekite",
+        "no_perms_notice": "Mankas al vi permeso afiŝi en tiu ĉambro",
+        "placeholder": "Sendi mesaĝon…",
+        "placeholder_encrypted": "Sendi ĉifritan mesaĝon…",
+        "placeholder_reply": "Sendi respondon…",
+        "placeholder_reply_encrypted": "Sendi ĉifritan respondon…",
+        "placeholder_thread": "Respondi al fadeno…",
+        "placeholder_thread_encrypted": "Respondi al ĉifrita fadeno…",
+        "poll_button": "Balotenketo",
+        "poll_button_no_perms_title": "Necesas permeso",
+        "replying_title": "Respondante",
+        "room_upgraded_link": "La interparolo daŭras ĉi tie.",
+        "room_upgraded_notice": "Ĉi tiu ĉambro estas anstataŭita, kaj ne plu aktivas.",
+        "send_button_title": "Sendi mesaĝon",
+        "send_button_voice_message": "Sendi voĉmesaĝon",
+        "send_voice_message": "Sendi voĉmesaĝon",
+        "stop_voice_message": "Malŝalti registradon"
+    },
+    "create_room": {
+        "encryption_forced": "Via servilo postulas ŝaltitan ĉifradon en privataj ĉambroj.",
+        "encryption_label": "Ŝalti tutvojan ĉifradon",
+        "error_title": "Malsukcesis krei ĉambron",
+        "generic_error": "Servilo povas esti neatingebla, troŝarĝita, aŭ vi renkontis cimon.",
+        "join_rule_change_notice": "Vi povas ŝanĝi ĉi tion iam ajn per agordoj de la ĉambro.",
+        "join_rule_invite": "Privata ĉambro (nur por invititoj)",
+        "join_rule_invite_label": "Nur invititoj povos trovi kaj aliĝi ĉi tiun ĉambron.",
+        "join_rule_public_label": "Ĉiu povos trovi kaj aliĝi ĉi tiun ĉambron.",
+        "join_rule_public_parent_space_label": "Ĉiu povos trovi kaj aliĝi ĉi tiun ĉambron, ne nur anoj de <SpaceName/>.",
+        "join_rule_restricted": "Videbla al aranoj",
+        "join_rule_restricted_label": "Ĉiu en <SpaceName/> povos trovi kaj aliĝi ĉi tiun ĉambron.",
+        "name_validation_required": "Bonvolu enigi nomon por la ĉambro",
+        "room_visibility_label": "Videbleco de ĉambro",
+        "title_private_room": "Krei privatan ĉambron",
+        "title_public_room": "Krei publikan ĉambron",
+        "topic_label": "Temo (malnepra)",
+        "unfederated": "Bloki de la ĉambro ĉiun ekster %(serverName)s.",
+        "unfederated_label_default_off": "Vi povus ŝalti ĉi tion se la ĉambro estus uzota nur por kunlaborado de internaj skipoj je via hejmservilo. Ĝi ne ŝanĝeblas poste.",
+        "unfederated_label_default_on": "Vi povas malŝalti ĉi tion se la ĉambro estos uzata por kunlaborado kun eksteraj skipoj, kun iliaj propraj hejmserviloj. Ĝi ne povas ŝanĝiĝi poste.",
+        "unsupported_version": "La servilo ne subtenas la donitan ĉambran version."
+    },
+    "create_space": {
+        "add_details_prompt": "Aldonu kelkajn detalojn, por ke ĝi estu rekonebla.",
+        "add_details_prompt_2": "Vi povas ŝanĝi ĉi tiujn kiam ajn vi volas.",
+        "add_existing_rooms_description": "Elektu aldonotajn ĉambrojn aŭ interparolojn. Ĉi tiu aro estas nur por vi, neniu estos informita. Vi povas aldoni pliajn pli poste.",
+        "add_existing_rooms_heading": "Kion vi volas organizi?",
+        "address_label": "Adreso",
+        "address_placeholder": "ekz. mia-aro",
+        "done_action": "Iri al mia aro",
+        "done_action_first_room": "Eniri mian unuan ĉambron",
+        "failed_create_initial_rooms": "Malsukcesis krei komencajn ĉambrojn de aro",
+        "failed_invite_users": "Malsukcesis inviti la jenajn uzantojn al via aro: %(csvUsers)s",
+        "invite_teammates_by_username": "Inviti per uzantonomo",
+        "invite_teammates_description": "Certigu, ke la ĝustaj personoj povas aliri. Vi povas inviti pliajn pli poste.",
+        "invite_teammates_heading": "Invitu viajn kunulojn",
+        "label": "Krei aron",
+        "name_required": "Bonvolu enigi nomon por la aro",
+        "personal_space": "Nur mi",
+        "personal_space_description": "Privata aro por organizado de viaj ĉambroj",
+        "private_description": "Nur invita, ideala por vi mem aŭ por skipoj",
+        "private_heading": "Via privata aro",
+        "private_personal_description": "Certigu, ke la ĝustaj personoj povas aliri al %(name)s",
+        "private_personal_heading": "Kun kiu vi laboras?",
+        "private_space": "Mi kaj miaj kunuloj",
+        "private_space_description": "Privata aro por vi kaj viaj kunuloj",
+        "public_description": "Malferma aro por ĉiu ajn, ideala por komunumoj",
+        "public_heading": "Via publika aro",
+        "setup_rooms_community_description": "Kreu ni ĉambron por ĉiu el ili.",
+        "setup_rooms_community_heading": "Pri kio volus vi diskuti en %(spaceName)s?",
+        "setup_rooms_description": "Vi povas aldoni pliajn poste, inkluzive tiujn, kiuj jam ekzistas.",
+        "share_description": "Nun estas sole vi; estos eĉ pli bone kun aliuloj.",
+        "share_heading": "Diskonigi %(name)s",
+        "skip_action": "Preterpasi ĉi-foje",
+        "subspace_beta_notice": "Aldoni aron al administrata aro.",
+        "subspace_dropdown_title": "Krei aron",
+        "subspace_existing_space_prompt": "Ĉu vi volas aldoni jaman aron anstataŭe?",
+        "subspace_join_rule_invite_description": "Nur invititoj povos trovi kaj aliĝi ĉi tiun aron.",
+        "subspace_join_rule_invite_only": "Privata aro (nur por invititoj)",
+        "subspace_join_rule_label": "Videbleco de aro",
+        "subspace_join_rule_public_description": "Ĉiu povos trovi kaj aliĝi ĉi tiun aron, ne nur anoj de <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Ĉiu en <SpaceName/> povos ĝin trovi kaj aliĝi."
+    },
+    "desktop_default_device_name": "%(brand)s Labortablo: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Aktivaj fenestraĵoj",
+        "category_other": "Alia",
+        "category_room": "Ĉambro",
+        "caution_colon": "Atentu:",
+        "developer_tools": "Evoluigiloj",
+        "event_content": "Enhavo de okazo",
+        "event_sent": "Okazo sendiĝis!",
+        "event_type": "Tipo de okazo",
+        "failed_to_find_widget": "Eraris serĉado de tiu ĉi fenestraĵo.",
+        "invalid_json": "Ŝajnas ne esti valida JSON.",
+        "level": "Nivelo",
+        "original_event_source": "Originala fonto de okazo",
+        "save_setting_values": "Konservi valorojn de la agordoj",
+        "settable_global": "Agordebla ĉiee",
+        "settable_room": "Agordebla ĉambre",
+        "setting_colon": "Agordo:",
+        "setting_definition": "Difino de agordo:",
+        "setting_id": "Identigilo de agordo",
+        "show_hidden_events": "Montri kaŝitajn okazojn en historio",
+        "state_key": "Stata ŝlosilo",
+        "toolbox": "Ilaro",
+        "use_at_own_risk": "Ĉi tiu fasado ne kontrolas la tipojn de valoroj. Uzu je via risko.",
+        "value": "Valoro",
+        "value_colon": "Valoro:",
+        "value_in_this_room": "Valoro en ĉi tiu ĉambro",
+        "value_this_room_colon": "Valoro en ĉi tiu ĉambro:",
+        "values_explicit": "Valoroj por malimplicitaj niveloj",
+        "values_explicit_colon": "Valoroj por malimplicitaj niveloj:",
+        "values_explicit_room": "Valoroj por malimplicitaj niveloj en ĉi tiu ĉambro",
+        "values_explicit_this_room_colon": "Valoroj por malimplicitaj niveloj en ĉi tiu ĉambro:",
+        "view_source_decrypted_event_source": "Malĉifrita fonto de okazo",
+        "widget_screenshots": "Ŝalti bildojn de fenestraĵoj por subtenataj fenestraĵoj"
+    },
+    "dialog_close_label": "Fermi interagujon",
+    "download_completed": "Elŝuto finiĝis",
+    "empty_room": "Malplena ĉambro",
+    "empty_room_was_name": "Malplena ĉambro (estis %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Malĝusta Sekureca ŝlosilo"
+            },
+            "restoring": "Rehavo de ŝlosiloj el savkopio",
+            "security_key_title": "Sekureca ŝlosilo"
+        },
+        "bootstrap_title": "Agordo de klavoj",
+        "confirm_encryption_setup_body": "Klaku sube la butonon por konfirmi agordon de ĉifrado.",
+        "confirm_encryption_setup_title": "Konfirmi agordon de ĉifrado",
+        "cross_signing_room_normal": "Ĉi tiu ĉambro uzas tutvojan ĉifradon",
+        "cross_signing_room_verified": "Ĉiu en la ĉambro estas kontrolita",
+        "cross_signing_room_warning": "Iu uzas nekonatan salutaĵon",
+        "cross_signing_user_normal": "Vi ne kontrolis tiun ĉi uzanton.",
+        "cross_signing_user_verified": "Vi kontrolis tiun ĉi uzanton. Ĝi kontrolis ĉiomon da siaj salutaĵoj.",
+        "cross_signing_user_warning": "Ĉi tiu uzanto ne kontrolis ĉiomon da siaj salutaĵoj.",
+        "event_shield_reason_authenticity_not_guaranteed": "La aŭtentikeco de ĉi tiu ĉifrita mesaĝo ne povas esti garantiita sur ĉi tiu aparato.",
+        "event_shield_reason_mismatched_sender_key": "Ĉifrita de nekontrolita salutaĵo",
+        "export_unsupported": "Via foliumilo ne subtenas la bezonatajn ĉifrajn kromprogramojn",
+        "import_invalid_keyfile": "Nevalida ŝlosila dosiero de %(brand)s",
+        "import_invalid_passphrase": "Aŭtentikiga kontrolo malsukcesis: ĉu pro malĝusta pasvorto?",
+        "messages_not_secure": {
+            "cause_1": "Via hejmservilo",
+            "heading": "Unu el la jenaj eble estas malkonfidencigita:",
+            "title": "Viaj mesaĝoj ne estas sekuraj"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Novaj Sekureca frazo kaj ŝlosilo por Sekuraj mesaĝoj troviĝis.",
+            "description_2": "Ĉi tiu salutaĵo nun ĉifras historion kun la nova rehava metodo.",
+            "title": "Nova rehava metodo",
+            "warning": "Se vi ne agordis la novan rehavan metodon, eble atakanto provas aliri vian konton. Vi tuj ŝanĝu la pasvorton de via konto, kaj agordu novan rehavan metodon en la agordoj."
+        },
+        "recovery_method_removed": {
+            "description_1": "Tiu ĉi salutaĵo trovis, ke viaj Sekureca frazo kaj ŝlosilo por Sekuraj mesaĝoj foriĝis.",
+            "description_2": "Se vi faris tion akcidente, vi povas agordi Sekurajn mesaĝojn en ĉi tiu salutaĵo, kio reĉifros la historion de mesaj de ĉi tiu salutaĵo kun nova rehava metodo.",
+            "title": "Rehava metodo foriĝis",
+            "warning": "Se vi ne forigis la rehavan metodon, eble atakanto provas aliri vian konton. Vi tuj ŝanĝu la pasvorton de via konto, kaj agordu novan rehavan metodon en la agordoj."
+        },
+        "set_up_toast_title": "Agordi Sekuran savkopiadon",
+        "unable_to_setup_keys_error": "Ne povas agordi ŝlosilojn",
+        "verification": {
+            "accepting": "Akceptante…",
+            "cancelling": "Nuligante…",
+            "complete_action": "Komprenite",
+            "complete_description": "Vi sukcese kontrolis ĉi tiun uzanton.",
+            "complete_title": "Kontrolita!",
+            "explainer": "Sekuraj mesaĝoj kun ĉi tiu uzanto estas tutvoje ĉirfitaj kaj nelegeblaj al ceteruloj.",
+            "in_person": "Por plia sekureco, faru tion persone, aŭ uzu alian fidatan komunikilon.",
+            "incoming_sas_device_dialog_text_1": "Kontrolu ĉi tiun aparaton por marki ĝin fidata. Fidado povas pacigi la menson de vi kaj aliaj uzantoj dum uzado de tutvoje ĉifrataj mesaĝoj.",
+            "incoming_sas_device_dialog_text_2": "Kontrolo de ĉi tiu aparato markos ĝin fidata, kaj ankaŭ la uzantoj, kiuj interkontrolis kun vi, fidos ĉi tiun aparaton.",
+            "incoming_sas_dialog_title": "Venas kontrolpeto",
+            "incoming_sas_user_dialog_text_1": "Kontrolu ĉi tiun uzanton por marki ĝin fidata. Fidado devas vin trankviligi dum uzado de tutvoja ĉifrado.",
+            "incoming_sas_user_dialog_text_2": "Kontrolo de tiu ĉi uzanto markos ĝian salutaĵon fidata, kaj ankaŭ markos vian salutaĵon fidata por ĝi.",
+            "other_party_cancelled": "La alia kontrolano nuligis la kontrolon.",
+            "prompt_encrypted": "Kontrolu ĉiujn uzantojn en ĉambro por certigi, ke ĝi sekuras.",
+            "qr_prompt": "Skanu ĉi tiun unikan kodon",
+            "qr_reciprocate_same_shield_user": "Preskaŭ finite! Ĉu %(displayName)s montras la saman ŝildon?",
+            "request_toast_detail": "%(deviceId)s de %(ip)s",
+            "sas_caption_user": "Kontrolu ĉu tiun uzanton per konfirmo, ke la jena numero aperis sur ĝia ekrano.",
+            "sas_description": "Komparu unikan aron de bildsignoj se vi ne havas kameraon sur la alia aparato",
+            "sas_emoji_caption_user": "Kontrolu ĉi tiun uzanton per konfirmo, ke la jenaj bildsignoj aperis sur ĝia ekrano.",
+            "sas_match": "Ili akordas",
+            "sas_no_match": "Ili ne akordas",
+            "sas_prompt": "Komparu unikajn bildsignojn",
+            "scan_qr": "Kontroli per skanado",
+            "scan_qr_explainer": "Petu de %(displayName)s skani vian kodon:",
+            "start_button": "Komenci kontrolon",
+            "successful_user": "Vi sukcese kontrolis uzanton %(displayName)s!",
+            "unsupported_method": "Ne povas trovi subtenatan metodon de kontrolo.",
+            "unverified_session_toast_accept": "Jes, estis mi",
+            "unverified_session_toast_title": "Nova saluto. Ĉu tio estis vi?",
+            "unverified_sessions_toast_description": "Kontrolu por certigi sekurecon de via konto",
+            "unverified_sessions_toast_reject": "Pli poste",
+            "unverified_sessions_toast_title": "Vi havas nekontrolitajn salutaĵojn",
+            "verification_dialog_title_user": "Kontrolpeto",
+            "verification_skip_warning": "Sen kontrolado, vi ne havos aliron al ĉiuj viaj mesaĝoj kaj povas aperi kiel nefidinda al aliaj.",
+            "verification_success_with_backup": "Via nova aparato nun estas kontrolita. Ĝi havas aliron al viaj ĉifritaj mesaĝoj, kaj aliaj vidos ĝin kiel fidinda.",
+            "verification_success_without_backup": "Via nova aparato nun estas kontrolita. Aliaj vidos ĝin kiel fidinda.",
+            "verify_emoji": "Kontroli per bildsignoj",
+            "verify_emoji_prompt": "Kontrolu per komparo de unikaj bildsignoj.",
+            "verify_emoji_prompt_qr": "Se vi ne povas skani la supran kodon, kontrolu per komparo de unikaj bildsignoj.",
+            "verify_later": "Kontrolu poste",
+            "waiting_for_user_accept": "Atendante akcepton de %(displayName)s…",
+            "waiting_other_user": "Atendas kontrolon de %(displayName)s…"
+        },
+        "verification_requested_toast_title": "Kontrolpeto",
+        "verify_toast_description": "Aliaj uzantoj eble ne kredas ĝin",
+        "verify_toast_title": "Kontroli ĉi tiun salutaĵon"
+    },
+    "error": {
+        "admin_contact": "Bonvolu <a>kontakti vian servo-administranton</a> por daŭrigi uzadon de tiu ĉi servo.",
+        "admin_contact_short": "Kontaktu <a>administranton de via servilo</a>.",
+        "app_launch_unexpected_error": "Neatendita eraro okazis dum la preparado de la aplikaĵo. Rigardu la konzolon por detaloj.",
+        "cannot_load_config": "Ne povas enlegi agordan dosieron: bonvolu reprovi per aktualigo de la paĝo.",
+        "connection": "Eraris komunikado kun la hejmservilo, bonvolu reprovi poste.",
+        "dialog_description_default": "Okazis eraro.",
+        "edit_history_unsupported": "Via hejmservilo ŝajne ne subtenas ĉi tiun funkcion.",
+        "failed_copy": "Malsukcesis kopii",
+        "hs_blocked": "Tiu ĉi hejmservilo estas blokita de sia administranto.",
+        "invalid_configuration_no_server": "Nevalida agordo: neniu implicita servilo estas specifita.",
+        "invalid_json": "Via agordaro de Elemento enhavas nevalidajn datumojn de JSON. Bonvolu korekti la problemon kaj aktualigi la paĝon.",
+        "invalid_json_detail": "La mesaĝo el la analizilo estas: %(message)s",
+        "invalid_json_generic": "Nevalida JSON",
+        "mau": "Tiu ĉi hejmservilo atingis sian monatan limon de aktivaj uzantoj.",
+        "misconfigured": "Via Elemento estas misagordita",
+        "mixed_content": "Hejmservilo ne alkonekteblas per HTTP kun HTTPS URL en via adresbreto. Aŭ uzu HTTPS aŭ <a>ŝaltu malsekurajn skriptojn</a>.",
+        "non_urgent_echo_failure_toast": "Via servilo ne respondas al iuj <a>petoj</a>.",
+        "resource_limits": "Tiu ĉi hejmservilo superis je unu el siaj rimedaj limoj.",
+        "session_restore": {
+            "clear_storage_button": "Vakigi memoron kaj adiaŭi",
+            "clear_storage_description": "Ĉu adiaŭi kaj forigi ĉifrajn ŝlosilojn?",
+            "description_1": "Ni renkontis eraron provante rehavi vian antaŭan salutaĵon.",
+            "description_2": "Se vi antaŭe uzis pli novan version de %(brand)s, via salutaĵo eble ne akordos kun ĉi tiu versio. Fermu ĉi tiun fenestron kaj revenu al la pli nova versio.",
+            "description_3": "Vakigo de la memoro de via foliumilo eble korektos la problemon, sed adiaŭigos vin, kaj malebligos legadon de historio de ĉifritaj babiloj.",
+            "title": "Salutaĵo ne rehaveblas"
+        },
+        "something_went_wrong": "Io misokazis!",
+        "storage_evicted_description_1": "Iuj datumoj de salutaĵo, inkluzive viajn ĉifrajn ŝlosilojn, mankas. Por tion korekti, resalutu, kaj rehavu la ŝlosilojn el savkopio.",
+        "storage_evicted_description_2": "Via foliumilo verŝajne forigos ĉi tiujn datumojn kiam al ĝi mankos spaco sur disko.",
+        "storage_evicted_title": "Mankas datumoj de salutaĵo",
+        "sync": "Ne povas konektiĝi al hejmservilo. Reprovante…",
+        "tls": "Ne eblas konekti al hejmservilo – bonvolu kontroli vian konekton, certigi ke <a>la SSL-atestilo de via hejmservilo</a> estas fidata, kaj ke neniu foliumila kromprogramo blokas petojn.",
+        "unknown": "Nekonata eraro",
+        "unknown_error_code": "nekonata kodo de eraro",
+        "update_power_level": "Malsukcesis ŝanĝi povnivelon"
+    },
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Ne povas kopii ligilon al ĉambro al tondujo.",
+            "title": "Ne povas kopii ligilon al ĉambro"
+        },
+        "error_loading_user_profile": "Ne povis enlegi profilon de uzanto",
+        "forget_room_failed": "Malsukcesis forgesi ĉambron %(errCode)s"
+    },
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Voko okazas",
+            "user": "%(senderName)s aliĝis al la voko",
+            "you": "Vi aliĝis al la voko"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s finis la vokon",
+            "you": "Vi finis la vokon"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s vokas",
+            "dm_send": "Atendante respondon",
+            "user": "%(senderName)s komencis vokon",
+            "you": "Vi komencis vokon"
+        }
+    },
+    "export_chat": {
+        "creating_html": "Kreante HTML…",
+        "creating_output": "Kreante eligon…",
+        "creator_summary": "%(creatorName)s kreis ĉi tiun ĉambron.",
+        "current_timeline": "Nuna historio",
+        "error_fetching_file": "Eraro alportante dosieron",
+        "export_info": "Ĉi tio estas la komenco de eksporto de <roomName/>. Eksportite de <exporterDetails/> ĉe %(exportDate)s.",
+        "export_successful": "Eksporto sukcesa!",
+        "fetched_n_events": {
+            "one": "Ĝis nun akiris %(count)s okazon",
+            "other": "Ĝis nun akiris %(count)s okazojn"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Elportis %(count)s okazon el %(total)s",
+            "other": "Elportis %(count)s okazojn el %(total)s"
+        },
+        "fetching_events": "Alportante okazojn…",
+        "from_the_beginning": "De la komenco",
+        "generating_zip": "ZIP-arkivo estas generita",
+        "include_attachments": "Inkluzivi Aldonaĵojn",
+        "media_omitted_file_size": "Amaskomunikilaro preterlasis - dosiero tro granda",
+        "messages": "Mesaĝoj",
+        "num_messages": "Nombro da mesaĝoj",
+        "num_messages_min_max": "Nombro da mesaĝoj povas esti nur nombro inter %(min)s kaj %(max)s",
+        "number_of_messages": "Indiki kelkajn mesaĝojn",
+        "select_option": "Elektu el la subaj elektoj por eksporti babilojn el via historio",
+        "size_limit": "Grandeca Limo",
+        "text": "Plata Teksto",
+        "topic": "Temo: %(topic)s",
+        "unload_confirm": "Ĉu vi vere volas nuligi la eksportadon?"
+    },
+    "failed_load_async_component": "Ne eblas enlegi! Kontrolu vian retan konekton kaj reprovu.",
+    "feedback": {
+        "can_contact_label": "Vi povas min kontakti okaze de pliaj demandoj",
+        "comment_label": "Komento",
+        "existing_issue_link": "Bonvolu unue vidi <existingIssuesLink>jamajn erarojn en GitHub</existingIssuesLink>. Ĉu neniu akordas la vian? <newIssueLink>Raportu novan</newIssueLink>.",
+        "platform_username": "Via platformo kaj uzantonomo helpos al ni pli bone uzi viajn prikomentojn.",
+        "pro_type": "KONSILO: Kiam vi raportas eraron, bonvolu kunsendi <debugLogsLink>erarserĉan protokolon</debugLogsLink>, por ke ni povu pli facile trovi la problemon.",
+        "send_feedback_action": "Prikomenti",
+        "sent": "Prikomentoj sendiĝis"
+    },
+    "file_panel": {
+        "empty_description": "Kunsendu dosierojn per la babilujo, aŭ trenu ilin kien ajn en ĉambro vi volas.",
+        "empty_heading": "Neniuj dosieroj videblas en ĉi tiu ĉambro",
+        "guest_note": "Vi devas <a>registriĝî</a> por uzi tiun ĉi funkcion",
+        "peek_note": "Vi devas aliĝi al la ĉambro por vidi tie dosierojn"
+    },
+    "forward": {
+        "filter_placeholder": "Serĉi ĉambrojn aŭ personojn",
+        "message_preview_heading": "Antaŭrigardo al mesaĝo",
+        "no_perms_title": "Vi ne rajtas fari tion",
+        "send_label": "Sendi",
+        "sending": "Sendante",
+        "sent": "Sendite"
+    },
+    "identity_server": {
+        "change": "Ŝanĝi identigan servilon",
+        "change_prompt": "Ĉu malkonekti de la nuna identiga servilo <current /> kaj konekti anstataŭe al <new />?",
+        "change_server_prompt": "Se vi ne volas uzi servilon <server /> por trovi kontaktojn kaj troviĝi mem, enigu alian identigan servilon sube.",
+        "checking": "Kontrolante servilon",
+        "description_connected": "Vi nun uzas servilon <server></server> por trovi kontaktojn, kaj troviĝi de ili. Vi povas ŝanĝi vian identigan servilon sube.",
+        "description_disconnected": "Vi nun ne uzas identigan servilon. Por trovi kontaktojn kaj troviĝi de ili mem, aldonu iun sube.",
+        "description_optional": "Vi ne devas uzi identigan servilon. Se vi tion elektos, vi ne povos troviĝi de aliaj uzantoj, kaj vi ne povos memage inviti ilin per retpoŝto aŭ telefono.",
+        "disconnect": "Malkonekti la identigan servilon",
+        "disconnect_anyway": "Tamen malkonekti",
+        "disconnect_offline_warning": "Vi <b>forigu viajn personajn datumojn</b> de identiga servilo <idserver /> antaŭ ol vi malkonektiĝos. Bedaŭrinde, identiga servilo <idserver /> estas nuntempe eksterreta kaj ne eblas ĝin atingi.",
+        "disconnect_personal_data_warning_1": "Vi ankoraŭ <b>havigas siajn personajn datumojn</b> je la identiga servilo <idserver />.",
+        "disconnect_personal_data_warning_2": "Ni rekomendas, ke vi forigu viajn retpoŝtadresojn kaj telefonnumerojn de la identiga servilo, antaŭ ol vi malkonektiĝos.",
+        "disconnect_server": "Ĉu malkonektiĝi de la identiga servilo <idserver />?",
+        "disconnect_warning": "Malkonektiĝo de via identiga servilo signifas, ke vi ne povos troviĝi de aliaj uzantoj, kaj vi ne povos memage inviti aliajn per retpoŝto aŭ telefono.",
+        "do_not_use": "Ne uzi identigan servilon",
+        "error_connection": "Ne povis konektiĝi al identiga servilo",
+        "error_invalid": "Nevalida identiga servilo (statkodo %(code)s)",
+        "error_invalid_or_terms": "Aŭ uzkondiĉoj ne akceptiĝis, aŭ la identiga servilo estas nevalida.",
+        "no_terms": "La identiga servilo, kiun vi elektis, havas neniujn uzkondiĉojn.",
+        "suggestions": "Vi devus:",
+        "suggestions_1": "kontrolu kromprogramojn de via foliumilo je ĉio, kio povus malhelpi konekton al la identiga servilo (ekzemple « Privacy Badger »)",
+        "suggestions_2": "kontaktu la administrantojn de la identiga servilo <idserver />",
+        "suggestions_3": "atendu, kaj reprovu poste",
+        "url": "Identiga servilo (%(server)s)",
+        "url_field_label": "Enigi novan identigan servilon",
+        "url_not_https": "URL de identiga servilo devas esti je HTTPS"
+    },
+    "in_space": "En aro %(spaceName)s.",
+    "in_space1_and_space2": "En aroj %(space1Name)s kaj %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "En %(spaceName)s kaj %(count)s alia aro.",
+        "other": "En %(spaceName)s kaj %(count)s aliaj aroj."
+    },
+    "incompatible_browser": {
+        "title": "Nesubtenata retumilo"
+    },
+    "info_tooltip_title": "Informoj",
+    "integration_manager": {
+        "error_connecting": "La kunigilo estas eksterreta aŭ ne povas atingi vian hejmservilon.",
+        "error_connecting_heading": "Ne povas konektiĝi al kunigilo",
+        "explainer": "Kunigiloj ricevas agordajn datumojn, kaj povas modifi fenestraĵojn, sendi invitojn al ĉambroj, kaj vianome agordi povnivelojn.",
+        "manage_title": "Administri kunigojn",
+        "use_im": "Uzu kunigilon por administrado de robotoj, fenestraĵoj, kaj glumarkaroj.",
+        "use_im_default": "Uzu kunigilon <b>(%(serverName)s)</b> por administrado de robotoj, fenestraĵoj, kaj glumarkaroj."
+    },
+    "integrations": {
+        "disabled_dialog_title": "Kunigoj estas malŝaltitaj",
+        "impossible_dialog_description": "Via %(brand)so ne permesas al vi uzi kunigilon por tio. Bonvolu kontakti administranton.",
+        "impossible_dialog_title": "Kunigoj ne estas permesitaj"
+    },
+    "invite": {
+        "email_caption": "Inviti per retpoŝto",
+        "email_use_default_is": "Uzu identigan servilon por inviti per retpoŝto. <default>Uzu la norman (%(defaultIdentityServerName)s)</default> aŭ administru per <settings>Agordoj</settings>.",
+        "email_use_is": "Uzu identigan servilon por inviti per retpoŝto. Administru per <settings>Agordoj</settings>.",
+        "error_already_invited_room": "Uzanto jam estas invitita al la ĉambro",
+        "error_already_invited_space": "Uzanto jam estas invitita al la aro",
+        "error_already_joined_room": "Uzanto jam estas en la ĉambro",
+        "error_already_joined_space": "Uzanto jam estas en la aro",
+        "error_bad_state": "Necesas malforbari ĉi tiun uzanton antaŭ ol ĝin inviti.",
+        "error_dm": "Ni ne povis krei vian individuan ĉambron.",
+        "error_find_room": "Io eraris dum invito de la uzantoj.",
+        "error_find_user_description": "La jenaj uzantoj eble ne ekzistas aŭ ne validas, kaj ne povas invitiĝi: %(csvNames)s",
+        "error_find_user_title": "Malsukcesis trovi la jenajn uzantojn",
+        "error_invite": "Ni ne povis inviti tiujn uzantojn. Bonvolu kontroli, kiujn uzantojn vi invitas, kaj reprovu.",
+        "error_permissions_room": "Vi ne havas permeson inviti personojn al la ĉambro.",
+        "error_permissions_space": "Vi ne havas permeson inviti personojn al ĉi tiu aro.",
+        "error_profile_undisclosed": "Uzanto povas aŭ ne ekzisti",
+        "error_transfer_multiple_target": "Voko povas transdoniĝi nur al unu uzanto.",
+        "error_unknown": "Nekonata servila eraro",
+        "error_user_not_found": "Uzanto ne ekzistas",
+        "error_version_unsupported_room": "Hejmservilo de ĉi tiu uzanto ne subtenas la version de la ĉambro.",
+        "error_version_unsupported_space": "La hejmservilo de la uzanto ne subtenas la version de la aro.",
+        "failed_generic": "Ago malsukcesis",
+        "failed_title": "Invito malsukcesis",
+        "invalid_address": "Nerekonita adreso",
+        "name_email_mxid_share_room": "Invitu iun per ĝia nomo, retpoŝtadreso, uzantonomo (ekz. <userId/>), aŭ <a>konigu ĉi tiun ĉambron</a>.",
+        "name_email_mxid_share_space": "Invitu iun per ĝia nomo, retpoŝtadreso, uzantonomo (kiel <userId/>), aŭ <a>diskonigu ĉi tiun aron</a>.",
+        "name_mxid_share_room": "Invitu iun per ĝia nomo, uzantonomo (kiel <userId/>), aŭ <a>diskonigu la ĉambron</a>.",
+        "name_mxid_share_space": "Invitu iun per ĝia nomo, uzantonomo (kiel <userId/>), aŭ <a>diskonigu ĉi tiun aron</a>.",
+        "recents_section": "Freŝaj interparoloj",
+        "room_failed_partial": "Ni sendis la aliajn, sed la ĉi-subaj personoj ne povis ricevi inviton al <RoomName/>",
+        "room_failed_partial_title": "Ne povis sendi iujn invitojn",
+        "room_failed_title": "Malsukcesis inviti uzantojn al %(roomName)s",
+        "send_link_prompt": "Aŭ sendu invitan ligilon",
+        "start_conversation_name_email_mxid_prompt": "Komencu interparolon kun iu per ĝia nomo, retpoŝtadreso, aŭ uzantonomo (ekz. <userId/>).",
+        "start_conversation_name_mxid_prompt": "Komencu interparolon kun iu per ĝia nomo aŭ uzantonomo (kiel <userId/>).",
+        "suggestions_disclaimer": "Iuj proponoj povas esti kaŝitaj pro privateco.",
+        "suggestions_section": "Freŝe uzitaj individuaj ĉambroj",
+        "to_room": "Inviti al %(roomName)s",
+        "to_space": "Inviti al %(spaceName)s",
+        "transfer_dial_pad_tab": "Ciferplato",
+        "transfer_user_directory_tab": "Katologo de uzantoj",
+        "unable_find_profiles_description_default": "Ne povas trovi profilojn de la ĉi-subaj Matrix-identigilojn – ĉu vi tamen volas inviti ilin?",
+        "unable_find_profiles_invite_label_default": "Tamen inviti",
+        "unable_find_profiles_invite_never_warn_label_default": "Tamen inviti kaj neniam min averti ree",
+        "unable_find_profiles_title": "La jenaj uzantoj eble ne ekzistas"
+    },
+    "inviting_user1_and_user2": "Invitante %(user1)s kaj %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Invitante %(user)s kaj 1 alian",
+        "other": "Invitante %(user)s kaj %(count)s aliajn"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> kaj %(count)s aliaj",
+        "one": "<Items/> kaj unu alia"
+    },
+    "keyboard": {
+        "activate_button": "Aktivigi la elektitan butonon",
+        "alt": "Alt-klavo",
+        "autocomplete_cancel": "Nuligi memkompletigon",
+        "cancel_reply": "Nuligi respondon al mesaĝo",
+        "category_autocomplete": "Memkompletigo",
+        "category_calls": "Vokoj",
+        "category_navigation": "Navigacio",
+        "category_room_list": "Listo de ĉambroj",
+        "close_dialog_menu": "Fermi interagujon aŭ kuntekstan menuon",
+        "composer_new_line": "Nova linio",
+        "composer_redo": "Refari redakton",
+        "composer_toggle_bold": "Ŝalti grason",
+        "composer_toggle_code_block": "Ŝaltigu kodblokon",
+        "composer_toggle_italics": "Ŝalti kursivon",
+        "composer_toggle_link": "Ŝaltigu la formatadon de ligilo",
+        "composer_toggle_quote": "Ŝalti citaĵon",
+        "composer_undo": "Malfari redakton",
+        "control": "Stir-klavo",
+        "dismiss_read_marker_and_jump_bottom": "Forigi legomarkon kaj iri al fundo",
+        "end": "Finen-klavo",
+        "enter": "Eniga klavo",
+        "escape": "Eskapa klavo",
+        "go_home_view": "Iri al ĉefpaĝo",
+        "home": "Hejmo",
+        "jump_first_message": "Saltu al la unua mesaĝo",
+        "jump_last_message": "Saltu al la lasta mesaĝo",
+        "jump_room_search": "Salti al serĉo de ĉambroj",
+        "jump_to_read_marker": "Iri al plej malnova nelegita mesaĝo",
+        "navigate_next_history": "Poste lastatempe vizitita ĉambro aŭ aro",
+        "navigate_prev_history": "Antaŭa lastatempe vizitita ĉambro aŭ aro",
+        "next_room": "Sekva konversacio",
+        "next_unread_room": "Sekva nelegita konversacio",
+        "open_user_settings": "Malfermu uzantajn agordojn",
+        "page_down": "Paĝosuben-klavo",
+        "page_up": "Paĝosupren-klavo",
+        "prev_room": "Antaŭa konversacio",
+        "prev_unread_room": "Antaŭa nelegita konversacio",
+        "room_list_collapse_section": "Maletendi parton kun listo de ĉambroj",
+        "room_list_expand_section": "Etendi parton kun listo de ĉambroj",
+        "room_list_select_room": "Elekti ĉambron el la listo de ĉambroj",
+        "scroll_down_timeline": "Rulumu malsupren en la historio",
+        "scroll_up_timeline": "Rulumu supren en la historio",
+        "search": "Serĉi (devas esti ŝaltita)",
+        "send_sticker": "Sendi glumarkon",
+        "shift": "Majuskliga klavo",
+        "space": "Spaco",
+        "switch_to_space": "Ŝanĝu al aro per nombro",
+        "toggle_hidden_events": "Ŝaltu la videblecon de kaŝita okazoj",
+        "toggle_microphone_mute": "Baskuligi silentigon de mikrofono",
+        "toggle_right_panel": "Baskuligi la dekstran panelon",
+        "toggle_space_panel": "Ŝaltigu panelon de aroj",
+        "toggle_top_left_menu": "Baskuligi la supran maldekstran menuon",
+        "toggle_webcam_mute": "Ŝaltigu/malŝaltu retfilmilon",
+        "upload_file": "Alŝuti dosieron"
+    },
+    "labs": {
+        "beta_feedback_leave_button": "Por foriri de la prova versio, iru al viaj agordoj.",
+        "bridge_state": "Montri informon pri pontoj en agordoj de ĉambro",
+        "bridge_state_channel": "Kanalo: <channelLink/>",
+        "bridge_state_creator": "Ĉi tiu ponto estas provizita de <user />.",
+        "bridge_state_manager": "Ĉi tiu ponto estas administrata de <user />.",
+        "bridge_state_workspace": "Laborspaco: <networkLink/>",
+        "currently_experimental": "Nuntempe eksperimenta.",
+        "custom_themes": "Subteni aldonadon de propraj haŭtoj",
+        "element_call_video_rooms": "Element Call videoĉambroj",
+        "group_developer": "Programisto",
+        "group_encryption": "Ĉifrado",
+        "group_profile": "Profilo",
+        "group_rooms": "Ĉambroj",
+        "group_spaces": "Aroj",
+        "group_threads": "Fadenoj",
+        "group_voip": "Voĉo kaj vido",
+        "group_widgets": "Fenestraĵoj",
+        "join_beta": "Aliĝi al provado",
+        "jump_to_date": "Salti ĝis nun (aldonas /jumptodate kaj saltu ĝis nun kapliniojn)",
+        "latex_maths": "Bildigi matematikon de Lateĥo en mesaĝoj",
+        "leave_beta": "Ĉesi provadon",
+        "location_share_live": "Viva Loka Kundivido",
+        "mjolnir": "Novaj manieroj ignori personojn",
+        "video_rooms": "Videoĉambroj",
+        "video_rooms_a_new_way_to_chat": "Nova maniero babili per voĉo kaj video en %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Videoĉambroj estas ĉiam ŝaltitaj VoIP-kanaloj enkonstruitaj en ĉambro en %(brand)s.",
+        "video_rooms_faq1_answer": "Uzu la \"+\" butonon en la ĉambro sekcio de la maldekstra panelo.",
+        "video_rooms_faq1_question": "Kiel mi povas krei videoĉambron?",
+        "wysiwyg_composer": "Riĉa tekstoredaktilo"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Ĉi tiuj agordoj celas spertajn uzantojn.",
+        "ban_reason": "Malatentita/Blokita",
+        "error_adding_ignore": "Eraris aldono de malatentita uzanto/servilo",
+        "error_adding_list_description": "Bonvolu kontroli identigilon aŭ adreson de la ĉambro kaj reprovi.",
+        "error_adding_list_title": "Eraris abono al listo",
+        "error_removing_ignore": "Eraris forigo de la malatentata uzanto/servilo",
+        "error_removing_list_description": "Bonvolu reprovi aŭ serĉi helpilojn en via konzolo.",
+        "error_removing_list_title": "Eraris malabono de la listo",
+        "explainer_1": "Aldonu uzantojn kaj servilojn, kiujn vi volas malatenti, ĉi tien. Uzu steletojn por ke %(brand)s atendu iujn ajn signojn. Ekzemple, <code>@bot:*</code> malatentigus ĉiujn uzantojn, kiuj havas la nomon «bot» sur ĉiu ajn servilo.",
+        "explainer_2": "Malatentado de personoj okazas per listoj de forbaroj, kiuj enhavas regulojn pri tio, kiun forbari. Abonado de listo de forbaroj signifas, ke la uzantoj/serviloj blokataj de la listo estos kaŝitaj de vi.",
+        "lists": "Vi nun abonas:",
+        "lists_description_1": "Abono de listo de forbaroj aligos vin al ĝi!",
+        "lists_description_2": "Se vi ne volas tion, bonvolu uzi alian ilon por malatenti uzantojn.",
+        "lists_heading": "Abonataj listoj",
+        "lists_new_label": "Ĉambra identigilo aŭ adreso de listo de forbaroj",
+        "no_lists": "Vi neniun liston abonis",
+        "personal_empty": "Vi neniun malatentis.",
+        "personal_heading": "Persona listo de forbaroj",
+        "personal_new_label": "Malatentota servilo aŭ identigilo de uzanto",
+        "personal_new_placeholder": "ekz: @bot:* aŭ ekzemplo.org",
+        "personal_section": "Vi nun malatentas:",
+        "room_name": "Mia listo de forbaroj",
+        "room_topic": "Ĉi tio estas la listo de uzantoj/serviloj, kiujn vi blokis – ne eliru el la ĉambro!",
+        "rules_empty": "Neniu",
+        "rules_server": "Servilaj reguloj",
+        "rules_title": "Reguloj de listo de forbaroj – %(roomName)s",
+        "rules_user": "Uzantulaj reguloj",
+        "something_went_wrong": "Io eraris. Bonvolu reprovi aŭ serĉi helpilojn en via konzolo.",
+        "title": "Malatentaj uzantoj",
+        "view_rules": "Montri regulojn"
+    },
+    "language_dropdown_label": "Lingva falmenuo",
+    "leave_room_dialog": {
+        "last_person_warning": "Vi estas la nura persono tie ĉi. Se vi foriros, neniu alia plu povos aliĝi, inkluzive vin mem.",
+        "leave_room_question": "Ĉu vi certe volas forlasi la ĉambron '%(roomName)s'?",
+        "leave_space_question": "Ĉu vi certe volas forlasi la aron «%(spaceName)s»?",
+        "room_rejoin_warning": "Ĉi tiu ĉambro ne estas publika. Vi ne povos re-aliĝi sen invito.",
+        "space_rejoin_warning": "Ĉi tiu aro ne estas publika. Vi ne povos re-aliĝi sen invito."
+    },
+    "lightbox": {
+        "rotate_left": "Turni maldekstren",
+        "rotate_right": "Turni dekstren"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Ĉi tiu hejmservilo ne estas agordita por montri mapojn.",
+        "MapStyleUrlNotReachable": "Ĉi tiu hejmservilo ne estas agordita ĝuste por montri mapojn, aŭ la agordita mapservilo povas esti neatingebla.",
+        "close_sidebar": "Fermu la flanka kolumno",
+        "error_fetch_location": "Loko ne eblis akiri",
+        "error_send_description": "%(brand)s ne povis sendi vian lokon. Bonvolu reprovi poste.",
+        "error_send_title": "Ni ne povis sendi vian lokon",
+        "failed_generic": "Via loko ne eblis akiri. Bonvolu reprovi poste.",
+        "failed_timeout": "Tempo elĉerpita akiri vian lokon. Bonvolu reprovi poste.",
+        "find_my_location": "Trovu mian lokon",
+        "location_not_available": "Loko ne havebla",
+        "map_feedback": "Sugestoj pri la mapo",
+        "mapbox_logo": "Mapbox-emblemo",
+        "reset_bearing": "Restarigu la lagron norden",
+        "share_button": "Kunhavigi lokon",
+        "share_type_live": "Mia realtempa loko",
+        "share_type_own": "Mia nuna loko",
+        "share_type_prompt": "Kiel vi volas kunhavigi vian lokon?"
+    },
+    "member_list": {
+        "filter_placeholder": "Filtri ĉambranojn"
+    },
+    "message_edit_dialog_title": "Redaktoj de mesaĝoj",
+    "mobile_guide": {
+        "toast_accept": "Uzu aplikaĵon",
+        "toast_description": "%(brand)s estas eksperimenta en poŝtelefona retumilo. Por pli bona sperto kaj freŝaj funkcioj, uzu nian senpagan malfremdan aplikaĵon.",
+        "toast_title": "Uzu aplikaĵon por pli bona sperto"
+    },
+    "no_more_results": "Neniuj pliaj rezultoj",
+    "notif_panel": {
+        "empty_description": "Vi havas neniujn videblajn sciigojn."
+    },
+    "notifications": {
+        "all_messages": "Ĉiuj mesaĝoj",
+        "class_global": "Ĉie",
+        "class_other": "Alia",
+        "default": "Ordinara",
+        "enable_prompt_toast_description": "Ŝalti labortablajn sciigojn",
+        "enable_prompt_toast_title": "Sciigoj",
+        "enable_prompt_toast_title_from_message_send": "Ne preterpasu respondon",
+        "error_change_title": "Ŝanĝi agordojn pri sciigoj",
+        "keyword": "Ĉefvorto",
+        "keyword_new": "Nova ĉefvorto",
+        "level_activity": "Aktiveco",
+        "level_none": "Neniu",
+        "mark_all_read": "Marki ĉion legita",
+        "mentions_keywords": "Mencioj kaj ĉefvortoj",
+        "message_didnt_send": "Mesaĝo ne sendiĝis. Klaku por akiri informojn."
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s petas kontrolon"
+    },
+    "onboarding": {
+        "create_room": "Krei grupan babilon",
+        "explore_rooms": "Esplori publikajn ĉambrojn",
+        "has_avatar_label": "Bonege, tio helpos al aliuloj scii, ke temas pri vi",
+        "intro_welcome": "Bonvenu al %(appName)s",
+        "no_avatar_label": "Aldonu foton, por ke oni vin rekonu.",
+        "send_dm": "Sendi rektan mesaĝon",
+        "welcome_detail": "Nun, ni helpos al vi komenci",
+        "welcome_user": "Bonvenu, %(name)s"
+    },
+    "poll": {
+        "create_poll_action": "Krei Balotenketon",
+        "create_poll_title": "Krei balotenketon",
+        "edit_poll_title": "Redaktu balotenketon",
+        "end_description": "Ĉu vi certas, ke vi volas fini ĉi tiun balotenketon? Ĉi tio montros la finajn rezultojn de la balotenketo kaj malhelpos personojn povi voĉdoni.",
+        "end_message": "La balotado finiĝis. Plej alta respondo: %(topAnswer)s",
+        "end_message_no_votes": "La balotenketo finiĝis. Neniuj voĉoj estis ĵetitaj.",
+        "end_title": "Finu Balotenketon",
+        "error_ending_description": "Pardonu, la balotenketo ne finiĝis. Bonvolu reprovi.",
+        "error_ending_title": "Malsukcesis fini balotenketon",
+        "failed_send_poll_description": "Pardonu, la balotenketo, kiun vi provis krei, ne estis afiŝita.",
+        "failed_send_poll_title": "Malsukcesis afiŝi balotenketon",
+        "notes": "Rezultoj estas malkaŝitaj nur kiam vi finas la balotenketo",
+        "topic_heading": "Kio estas via balotenketo demando aŭ temo?",
+        "total_not_ended": "Rezultoj estos videblaj kiam la balotenketo finiĝos",
+        "type_heading": "Balotspeco",
+        "unable_edit_description": "Pardonu, vi ne povas redakti balotenketon post voĉdonado.",
+        "unable_edit_title": "Ne povas redakti balotenketon"
+    },
+    "power_level": {
+        "admin": "Administranto",
+        "custom": "Propra (%(level)s)",
+        "custom_level": "Propra nivelo",
+        "default": "Ordinara",
+        "label": "Povnivelo",
+        "moderator": "Ĉambrestro",
+        "restricted": "Limigita"
+    },
+    "powered_by_matrix": "Povigata de Matrix",
+    "presence": {
+        "away": "For",
+        "idle": "Senfara",
+        "idle_for": "Senfara jam je %(duration)s",
+        "offline": "Eksterreta",
+        "offline_for": "Eksterreta jam je %(duration)s",
+        "online": "Enreta",
+        "online_for": "Enreta jam je %(duration)s",
+        "unknown": "Nekonata",
+        "unknown_for": "Nekonata jam je %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "Ĉiuj agordoj",
+        "sidebar_settings": "Pliaj elektebloj",
+        "title": "Rapidaj agordoj"
+    },
+    "quit_warning": {
+        "call_in_progress": "Ŝajne vi vokas nun; ĉu vi tamen volas foriri?",
+        "file_upload_in_progress": "Ŝajne vi alŝutas dosierojn nun; ĉu vi tamen volas foriri?"
+    },
+    "redact": {
+        "confirm_button": "Konfirmi forigon",
+        "error": "Vi ne povas forigi tiun ĉi mesaĝon. (%(code)s)",
+        "ongoing": "Forigante…",
+        "reason_label": "Kialo (malnepra)"
+    },
+    "report_content": {
+        "description": "Per raporto de ĉi tiu mesaĝo vi sendos ĝian unikan «identigilon de okazo» al la administranto de via hejmservilo. Se mesaĝoj en ĉi tiu ĉambro estas ĉifrataj, la administranto de via hejmservilo ne povos legi la tekston de la mesaĝo, nek rigardi dosierojn aŭ bildojn.",
+        "missing_reason": "Bonvolu skribi, kial vi raportas.",
+        "report_content_to_homeserver": "Raporti enhavon al la administrantode via hejmservilo"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Malsukcesis malĉifri%(failedCount)s salutaĵojn!",
+        "count_of_successfully_restored_keys": "Sukcese rehavis %(sessionCount)s ŝlosilojn",
+        "enter_key_description": "Aliru vian historion de sekuraj mesaĝoj kaj agordu sekurajn mesaĝojn per enigo de via Sekureca ŝlosio.",
+        "enter_key_title": "Enigu Sekurecan ŝlosilon",
+        "enter_phrase_description": "Aliru vian historion de sekuraj mesaĝoj kaj agordu sekurigitajn mesaĝojn per enigo de via Sekureca frazo.",
+        "enter_phrase_title": "Enigu Sekurecan frazon",
+        "incorrect_security_phrase_dialog": "Ne povis malĉifri savkopion per ĉi tiu Sekureca frazo: bonvolu kontroli, ĉu vi enigis la ĝustan Sekurecan frazon.",
+        "incorrect_security_phrase_title": "Malĝusta Sekureca frazo",
+        "key_backup_warning": "<b>Averto</b>: vi agordu ŝlosilan savkopion nur per fidata komputilo.",
+        "key_forgotten_text": "Se vi forgesis vian Sekurecan ŝlosilon, vi povas <button>agordi novajn elekteblojn de rehavo</button>",
+        "key_is_invalid": "Tio ne estas valida Sekureca ŝlosilo",
+        "key_is_valid": "Tio ĉi ŝajnas esti valida Sekureca ŝlosilo!",
+        "keys_restored_title": "Ŝlosiloj rehaviĝis",
+        "load_error_content": "Ne povas legi staton de savkopio",
+        "load_keys_progress": "%(completed)s el %(total)s ŝlosiloj rehaviĝis",
+        "no_backup_error": "Neniu savkopio troviĝis!",
+        "phrase_forgotten_text": "Se vi forgesis vian Sekurecan frazon, vi povas <button1>uzi vian Sekurecan ŝlosilon</button1> aŭ <button2>agordi novajn elekteblojn de rehavo</button2>",
+        "recovery_key_mismatch_description": "Ne povis malĉifri savkopion per ĉi tiu Sekureca ŝlosilo: bonvolu kontroli, ĉu vi enigis la ĝustan Sekurecan ŝlosilon.",
+        "recovery_key_mismatch_title": "Malakordo de Sekureca ŝlosilo",
+        "restore_failed_error": "Ne povas rehavi savkopion"
+    },
+    "right_panel": {
+        "add_integrations": "Aldonu fenestraĵojn, pontojn, kaj robotojn",
+        "files_button": "Dosieroj",
+        "pinned_messages": {
+            "limits": {
+                "other": "Vi povas fiksi maksimume %(count)s fenestraĵojn"
+            }
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account_room": "Ĉi tiu invito al %(roomName)s sendiĝis al %(email)s, kiu ne estas ligita al via konto",
+        "3pid_invite_error_invite_action": "Tamen provi aliĝi",
+        "3pid_invite_error_invite_subtitle": "Vi povas aliĝi nur kun funkcianta invito.",
+        "3pid_invite_error_title_room": "Io misokazis al via invito al %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Uzu identigan servilon en Agordoj por ricevadi invitojn rekte per %(brand)s.",
+        "banned_from_room_by": "%(memberName)s vin forbaris de %(roomName)s",
+        "context_menu": {
+            "favourite": "Elstarigi",
+            "forget": "Forgesi ĉambron",
+            "low_priority": "Malalta prioritato",
+            "title": "Elektebloj pri ĉambro",
+            "unfavourite": "Elstarigita"
+        },
+        "dm_invite_action": "Ekbabili",
+        "dm_invite_subtitle": "<userName/> volas babili",
+        "dm_invite_title": "Ĉu vi volas babili kun %(user)s?",
+        "drop_file_prompt": "Demetu dosieron tien ĉi por ĝin alŝuti",
+        "error_join_404_invite": "Aŭ la persono, kiu vin invitis, jam foriris, aŭ ĝia servilo estas eksterreta.",
+        "error_join_incompatible_version_1": "Pardonon, via hejmservilo estas tro malnova por partopreni ĉi tie.",
+        "error_join_incompatible_version_2": "Bonvolu kontakti la administranton de via hejmservilo.",
+        "error_join_title": "Malsukcesis aliĝi",
+        "face_pile_summary": {
+            "one": "%(count)s persono, kiun vi konas, jam aliĝis",
+            "other": "%(count)s personoj, kiujn vi konas, jam aliĝis"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Montri 1 anon",
+            "other": "Montri ĉiujn %(count)s anojn"
+        },
+        "face_pile_tooltip_shortcut": "Inkluzive je %(commaSeparatedMembers)s",
+        "failed_reject_invite": "Malsukcesis rifuzi inviton",
+        "forget_room": "Forgesi ĉi tiun ĉambron",
+        "header": {
+            "room_is_public": "Ĉi tiu ĉambro estas publika"
+        },
+        "inaccessible_name": "%(roomName)s ne estas atingebla nun.",
+        "intro": {
+            "dm_caption": "Nur vi du partoprenas ĉi tiun interparolon, se neniu el vi invitos aliulon.",
+            "enable_encryption_prompt": "Ŝaltu ĉifradon per agordoj.",
+            "no_avatar_label": "Aldonu foton, por ke oni facile trovu vian ĉambron.",
+            "no_topic": "<a>Aldonu temon</a>, por ke oni sciu, pri kio temas.",
+            "private_unencrypted_warning": "Viaj privataj mesaĝoj normale estas ĉifrataj, sed ĉi tiu ĉambro ne estas ĉifrata. Plej ofte tio okazas pro uzo de nesubtenata aparato aŭ metodo, ekzemple retpoŝtaj invitoj.",
+            "room_invite": "Inviti nur al ĉi tiu ĉambro",
+            "start_of_dm_history": "Jen la komenco de historio de viaj rektaj mesaĝoj kun <displayName/>.",
+            "start_of_room": "Jen la komenco de <roomName/>.",
+            "unencrypted_warning": "Tutvoja ĉifrado ne estas ŝaltita",
+            "user_created": "%(displayName)s kreis ĉi tiun ĉambron.",
+            "you_created": "Vi kreis ĉi tiun ĉambron."
+        },
+        "invite_email_mismatch_suggestion": "Havigu ĉi tiun retpoŝtadreson per Agordoj por ricevadi invitojn rekte per %(brand)s.",
+        "invite_sent_to_email_room": "La invito al %(roomName)s sendiĝis al %(email)s",
+        "invite_subtitle": "<userName/> vin invitis",
+        "invite_this_room": "Inviti al ĉi tiu ĉambro",
+        "invite_title": "Ĉu vi volas aliĝi al %(roomName)s?",
+        "inviter_unknown": "Nekonata",
+        "invites_you_text": "<inviter/> invitas vin",
+        "join_button_account": "Registriĝi",
+        "join_the_discussion": "Aliĝi al la diskuto",
+        "join_title_account": "Aliĝu al la interparolo per konto",
+        "jump_read_marker": "Salti al unua nelegita mesaĝo.",
+        "jump_to_bottom_button": "Rulumi al plej freŝaj mesaĝoj",
+        "kick_reason": "Kialo: %(reason)s",
+        "leave_error_title": "Eraro dum foriro de la ĉambro",
+        "leave_server_notices_description": "Ĉi tiu ĉambro uziĝas por gravaj mesaĝoj de la hejmservilo, kaj tial vi ne povas foriri.",
+        "leave_server_notices_title": "Ne eblas eliri el ĉambro « Server Notices »",
+        "leave_unexpected_error": "Neatendita servila eraro dum foriro de ĉambro",
+        "link_email_to_receive_3pid_invite": "Ligu ĉi tiun retpoŝtadreson al via konto en Agordoj por ricevadi invitojn rekte per %(brand)s.",
+        "no_peek_join_prompt": "Vi ne povas antaŭrigardi ĉambron %(roomName)s. Ĉu vi al ĝi volas aliĝi?",
+        "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",
+        "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."
+        },
+        "upgrade_error_description": "Bone kontrolu, ĉu via servilo subtenas la elektitan version de ĉambro, kaj reprovu.",
+        "upgrade_error_title": "Eraris ĝisdatigo de la ĉambro",
+        "upgrade_warning_bar": "Gradaltigo de la ĉambro forigos la nunan ĉambron kaj kreos novan kun la sama nomo.",
+        "upgrade_warning_bar_admins": "Nur administrantoj de ĉambro vidos ĉi tiun averton",
+        "upgrade_warning_bar_unstable": "Ĉi tiu ĉambro uzas ĉambran version <roomVersion />, kiun la hejmservilo markis kiel <i>nestabilan</i>.",
+        "upgrade_warning_bar_upgraded": "Ĉi tiu ĉambro jam gradaltiĝis.",
+        "upload": {
+            "uploading_multiple_file": {
+                "other": "Alŝutante dosieron %(filename)s kaj %(count)s aliajn",
+                "one": "Alŝutante dosieron %(filename)s kaj %(count)s alian"
+            },
+            "uploading_single_file": "Alŝutante dosieron %(filename)s"
+        }
+    },
+    "room_list": {
+        "add_space_label": "Aldoni aron",
+        "failed_add_tag": "Malsukcesis aldoni etikedon %(tagName)s al ĉambro",
+        "failed_remove_tag": "Malsukcesis forigi etikedon %(tagName)s el la ĉambro",
+        "notification_options": "Elektebloj pri sciigoj",
+        "show_less": "Montri malpli"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Decidu, kiu povas rigardi kaj aliĝi aron %(spaceName)s.",
+            "title": "Aliro"
+        },
+        "advanced": {
+            "error_upgrade_description": "Gradaltigo de la ĉambro ne povis finiĝi",
+            "error_upgrade_title": "Malsukcesis gradaltigi ĉambron",
+            "information_section_room": "Informoj pri ĉambro",
+            "information_section_space": "Informoj pri aro",
+            "room_predecessor": "Montri pli malnovajn mesaĝojn en %(roomName)s.",
+            "room_upgrade_button": "Gradaltigi ĉi tiun ĉambron al rekomendata ĉambra versio",
+            "room_version": "Ĉambra versio:",
+            "room_version_section": "Ĉambra versio",
+            "unfederated": "Ĉi tiu ĉambro ne atingeblas por foraj serviloj de Matrix",
+            "upgrade_button": "Gradaltigi ĉi tiun ĉambron al versio %(version)s",
+            "upgrade_dialog_description": "Gradaltigo de ĉi tiu ĉambro bezonas fermi ĝin, kaj krei novan por anstataŭi ĝin. Por plejbonigi sperton de la ĉambranoj, ni:",
+            "upgrade_dialog_description_1": "Kreos novan ĉàmbron kun la sama nomo, priskribo, kaj profilbildo",
+            "upgrade_dialog_description_2": "Religos ĉiujn lokajn kromnomojn al la nova ĉambro",
+            "upgrade_dialog_description_3": "Haltigos parolojn al la malnova versio de al ĉambro, kaj konsilos uzantojn pri la nova per mesaĝo",
+            "upgrade_dialog_description_4": "Metos en la novan ĉambron ligilon al la malnova, por ke oni povu rigardi la malnovajn mesaĝojn",
+            "upgrade_dialog_title": "Gradaltigi version de la ĉambro",
+            "upgrade_dwarning_ialog_title_public": "Gradaltigi publikan ĉambron",
+            "upgrade_warning_dialog_description": "Gradaltigo de ĉambro estas altnivela ago kaj estas kutime rekomendata kiam ĉambro estas malstabila pro eraroj, mankantaj funkcioj, aŭ malsekuraĵoj.",
+            "upgrade_warning_dialog_explainer": "<b>Sciu, ke gradaltigo kreos novan version de la ĉambro</b>. Ĉiuj nunaj mesaĝoj restos en ĉi tiu arĥivita ĉambro.",
+            "upgrade_warning_dialog_footer": "Vi gradaltigos ĉi tiun ĉambron de <oldVersion /> al <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Memage inviti anojn de ĉi tiu ĉambro al la nova",
+            "upgrade_warning_dialog_report_bug_prompt": "Ĉi tiu kutime influas nur traktadon de la ĉambro servil-flanke. Se vi spertas problemojn pri via %(brand)s, bonvolu raporti eraron.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Ĉi tio kutime influas nur traktadon de la ĉambro de la servilo. Se vi spertas problemojn pri %(brand)s, bonvolu <a>raporti problemon</a>.",
+            "upgrade_warning_dialog_title_private": "Gradaltigi privatan ĉambron"
+        },
+        "alias_not_specified": "nespecifita",
+        "bridges": {
+            "description": "Ĉi tiu ĉambro transpontigas mesaĝojn al la jenaj platformoj. <a>Eksciu plion.</a>",
+            "title": "Pontoj"
+        },
+        "delete_avatar_label": "Forigi profilbildon",
+        "general": {
+            "alias_field_placeholder_default": "ekzemple mia-chambro",
+            "alias_field_required_invalid": "Bonvolu doni adreson",
+            "alias_field_safe_localpart_invalid": "Iuj signoj ne estas permesitaj",
+            "alias_field_taken_invalid_domain": "Ĉi tiu adreso jam estas uzata",
+            "alias_field_taken_valid": "Ĉi tiu adreso estas uzebla",
+            "alias_heading": "Adreso de ĉambro",
+            "aliases_items_label": "Aliaj publikigitaj adresoj:",
+            "aliases_no_items_label": "Ankoraŭ neniuj aliaj publikigitaj adresoj; aldonu iun sube",
+            "aliases_section": "Adresoj de ĉambro",
+            "avatar_field_label": "Profilbildo de ĉambro",
+            "canonical_alias_field_label": "Ĉefa adreso",
+            "description_space": "Redaktu agordojn pri via aro.",
+            "error_creating_alias_description": "Eraris kreado de tiu adreso. Eble ĝi ne estas permesata de la servilo, aŭ okazis portempa fiasko.",
+            "error_creating_alias_title": "Eraris kreado de adreso",
+            "error_deleting_alias_description": "Eraris forigo de la adreso. Eble ĝi ne plu ekzistas, aŭ okazis portempa eraro.",
+            "error_deleting_alias_description_forbidden": "Vi ne rajtas forigi la adreson.",
+            "error_deleting_alias_title": "Eraris forigo de adreso",
+            "error_save_space_settings": "Malsukcesis konservi agordojn de aro.",
+            "error_updating_alias_description": "Eraris ĝisdatigo de la alternativaj adresoj de la ĉambro. Eble la servilo ne permesas tion, aŭ io dumtempe ne funkcias.",
+            "error_updating_canonical_alias_description": "Ĝisdatigo de la ĉefa adreso de la ĉambro eraris. Aŭ la servilo tion ne permesas, aŭ io misfunkciis.",
+            "error_updating_canonical_alias_title": "Ĝisdatigo de la ĉefa adreso eraris",
+            "leave_space": "Forlasi aron",
+            "local_alias_field_label": "Loka adreso",
+            "local_aliases_explainer_room": "Agordu adresojn por ĉi tiu ĉambro, por ke uzantoj povu ĝin trovi per via hejmservilo (%(localDomain)s)",
+            "local_aliases_explainer_space": "Agordu adresojn por ĉi tiu aro, por ke uzantoj trovu ĝin per via hejmservilo (%(localDomain)s)",
+            "local_aliases_section": "Lokaj adresoj",
+            "name_field_label": "Nomo de ĉambro",
+            "new_alias_placeholder": "Nova publikigita adreso (ekz. #kromnomo:servilo)",
+            "no_aliases_room": "Ĉi tiu ĉambro ne havas lokajn adresojn",
+            "no_aliases_space": "Ĉi tiu aro ne havas lokajn adresojn",
+            "other_section": "Alia",
+            "publish_toggle": "Ĉu publikigi ĉi tiun ĉambron per la katalogo de ĉambroj de %(domain)s?",
+            "published_aliases_description": "Por ke adreso publikiĝu, ĝi unue devas esti loka adreso.",
+            "published_aliases_explainer_room": "Publikigitajn adresojn povas uzi ajna persono sur ajna servilo por aliĝi al via ĉambro.",
+            "published_aliases_explainer_space": "Publikigitajn adresojn povas uzi ajna persono sur ajna servilo por aliĝi al via aro.",
+            "published_aliases_section": "Publikigitaj adresoj",
+            "save": "Konservi ŝanĝojn",
+            "topic_field_label": "Temo de ĉambro"
+        },
+        "notifications": {
+            "browse_button": "Foliumi",
+            "custom_sound_prompt": "Agordi novan propran sonon",
+            "notification_sound": "Sono de sciigo",
+            "sounds_section": "Sonoj",
+            "uploaded_sound": "Alŝutita sono"
+        },
+        "permissions": {
+            "add_privileged_user_heading": "Aldoni rajtigitan uzanton",
+            "ban": "Forbari uzantojn",
+            "ban_reason": "Kialo",
+            "banned_by": "Forbarita de %(displayName)s",
+            "banned_users_section": "Forbaritaj uzantoj",
+            "error_changing_pl_description": "Eraris ŝanĝo de povnivelo de la uzanto. Certigu, ke vi havas sufiĉajn permesojn, kaj reprovu.",
+            "error_changing_pl_reqs_description": "Eraris ŝanĝo de la postuloj de la ĉambro pri povnivelo. Certigu, ke vi havas sufiĉajn permesojn, kaj reprovu.",
+            "error_changing_pl_reqs_title": "Eraris ŝanĝo de postulo de povnivelo",
+            "error_changing_pl_title": "Eraris ŝanĝo de povnivelo",
+            "error_unbanning": "Malsukcesis malforbari",
+            "events_default": "Sendi mesaĝojn",
+            "invite": "Inviti uzantojn",
+            "m.room.avatar": "Ŝanĝi profilbildon de ĉambro",
+            "m.room.avatar_space": "Ŝanĝi bildon de aro",
+            "m.room.canonical_alias": "Ŝanĝi ĉefan adreson de la ĉambro",
+            "m.room.canonical_alias_space": "Ŝanĝi ĉefadreson de aro",
+            "m.room.encryption": "Ŝalti ĉifradon de la ĉambro",
+            "m.room.history_visibility": "Ŝanĝi videblecon de historio",
+            "m.room.name": "Ŝanĝi nomon de ĉambro",
+            "m.room.name_space": "Ŝanĝi nomon de aro",
+            "m.room.power_levels": "Ŝanĝi permesojn",
+            "m.room.server_acl": "Ŝanĝi servilblokajn listojn",
+            "m.room.tombstone": "Gradaltigi la ĉambron",
+            "m.room.topic": "Ŝanĝi temon",
+            "m.room.topic_space": "Ŝanĝi priskribon",
+            "m.widget": "Aliigi fenestraĵojn",
+            "muted_users_section": "Silentigitaj uzantoj",
+            "no_privileged_users": "Neniuj uzantoj havas specialajn privilegiojn en tiu ĉi ĉambro",
+            "notifications.room": "Sciigi ĉiujn",
+            "permissions_section": "Permesoj",
+            "permissions_section_description_room": "Elektu la rolojn postulatajn por ŝanĝado de diversaj partoj de la ĉambro",
+            "permissions_section_description_space": "Elekti rolojn bezonatajn por ŝanĝado de diversaj partoj de la aro",
+            "privileged_users_section": "Privilegiuloj",
+            "redact": "Forigi mesaĝojn senditajn de aliaj",
+            "send_event_type": "Sendi okazojn de tipo « %(eventType)s »",
+            "state_default": "Ŝanĝi agordojn",
+            "title": "Roloj kaj Permesoj",
+            "users_default": "Ordinara rolo"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Post ŝalto, ĉifrado de ĉambro ne povas esti malŝaltita. Mesaĝoj senditaj al ĉifrata ĉambro ne estas videblaj por la servilo, nur por la partoprenantoj de la ĉambro. Ŝalto de ĉifrado eble malfunkciigos iujn robotojn kaj pontojn. <a>Eksciu plion pri ĉifrado.</a>",
+            "enable_encryption_confirm_title": "Ĉu ŝalti ĉifradon?",
+            "enable_encryption_public_room_confirm_description_2": "Por eviti tiujn problemojn, kreu <a>novan ĉifritan ĉambron</a> por la planata interparolo.",
+            "enable_encryption_public_room_confirm_title": "Ĉu vi certas, ke vi volas aldoni ĉifradon al ĉi tiu publika ĉambro?",
+            "encrypted_room_public_confirm_description_1": "<b>Publikigo de ĉifrataj ĉambroj estas malrekomendata.</b> Ĝi implicas, ke ĉiu povos trovi la ĉambron kaj aliĝi al ĝi, kaj ĉiu do povos legi mesaĝojn. Vi havos neniujn avantaĝojn de ĉifrado. Ĉifrado de mesaĝoj en publika ĉambro malrapidigos iliajn ricevadon kaj sendadon.",
+            "encrypted_room_public_confirm_description_2": "Por eviti ĉi tiujn problemojn, kreu <a>novan publikan ĉambron</a> por la dezirata interparolo.",
+            "encrypted_room_public_confirm_title": "Ĉu vi certas, ke vi volas publikigi ĉi tiun ĉifratan ĉambron?",
+            "encryption_permanent": "Post ŝalto, ne plu eblas malŝalti ĉifradon.",
+            "error_join_rule_change_title": "Malsukcesis ĝisdatigi regulojn pri aliĝo",
+            "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_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.",
+            "history_visibility_world_readable": "Iu ajn",
+            "join_rule_description": "Decidu, kiu povas aliĝi al %(roomName)s.",
+            "join_rule_invite": "Privata (nur invititoj)",
+            "join_rule_invite_description": "Nur invititoj povas aliĝi.",
+            "join_rule_public_description": "Ĉiu povas trovi kaj aliĝi.",
+            "join_rule_restricted": "Aranoj",
+            "join_rule_restricted_description": "Ĉiu en aro povas trovi kaj aliĝi. <a>Redaktu, kiuj aroj povas aliri, tie ĉi.</a>",
+            "join_rule_restricted_description_active_space": "Ĉiu en <spaceName/> povas trovi kaj aliĝi. Vi povas elekti ankaŭ aliajn arojn.",
+            "join_rule_restricted_description_prompt": "Ĉiu en aro povas trovi kaj aliĝi. Vi povas elekti plurajn arojn.",
+            "join_rule_restricted_description_spaces": "Aroj kun aliro",
+            "join_rule_restricted_dialog_description": "Decidu, kiuj aroj rajtos aliri ĉi tiun ĉambron. Se aro estas elektita, ĝiaj anoj povas trovi kaj aliĝi al <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Vi forigas ĉiujn arojn. Implicite povos aliri nur invititoj",
+            "join_rule_restricted_dialog_filter_placeholder": "Serĉi arojn",
+            "join_rule_restricted_dialog_heading_other": "Aliaj aroj aŭ ĉambroj, kiujn vi eble ne konas",
+            "join_rule_restricted_dialog_heading_room": "Konataj aroj, kiuj enhavas ĉi tiun ĉambron",
+            "join_rule_restricted_dialog_title": "Elekti arojn",
+            "join_rule_restricted_n_more": {
+                "other": "kaj %(count)s pli",
+                "one": "kaj %(count)s pli"
+            },
+            "join_rule_restricted_summary": {
+                "other": "Nun, %(count)s aroj rajtas aliri",
+                "one": "Nun, aro povas aliri"
+            },
+            "join_rule_restricted_upgrade_description": "Ĉi tiu gradaltigo povigos anojn de la elektitaj aroj aliri ĉi tiun ĉambron sen invito.",
+            "join_rule_upgrade_awaiting_room": "Ŝarĝante novan ĉambron",
+            "join_rule_upgrade_required": "Necesas gradaltigo",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Sendante inviton...",
+                "other": "Sendante invitojn... (%(progress)s el %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Ĝisdatigante aro...",
+                "other": "Ĝisdatigante arojn... (%(progress)s el %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Altgradiga ĉambro",
+            "public_without_alias_warning": "Por ligi al ĉi tiu ĉambro, bonvolu aldoni adreson.",
+            "strict_encryption": "Neniam sendi ĉifritajn mesaĝojn al nekontrolitaj salutaĵoj en ĉi tiu ĉambro de ĉi tiu salutaĵo",
+            "title": "Sekureco kaj Privateco"
+        },
+        "title": "Agordoj de ĉambro – %(roomName)s",
+        "upload_avatar_label": "Alŝuti profilbildon",
+        "visibility": {
+            "alias_section": "Adreso",
+            "error_failed_save": "Malsukcesis ĝisdatigi la videblecon de ĉi tiu aro",
+            "error_update_guest_access": "Malsukcesis ĝisdatigi aliron de gastoj al ĉi tiu aro",
+            "error_update_history_visibility": "Malsukcesis ĝisdatigi videblecon de historio de ĉi tiu aro",
+            "guest_access_explainer": "Gastoj povas aliĝi al aro sen konto.",
+            "guest_access_label": "Ŝalti aliron de gastoj",
+            "history_visibility_anyone_space": "Antaŭrigardi aron",
+            "history_visibility_anyone_space_description": "Povigi personojn antaŭrigardi vian aron antaŭ aliĝo.",
+            "history_visibility_anyone_space_recommendation": "Rekomendita por publikaj aroj.",
+            "title": "Videbleco"
+        }
+    },
+    "room_summary_card_back_action_label": "Informoj pri ĉambro",
+    "scalar": {
+        "error_create": "Ne povas krei fenestraĵon.",
+        "error_membership": "Vi ne estas en tiu ĉi ĉambro.",
+        "error_missing_room_id": "Mankas identigilo de la ĉambro.",
+        "error_missing_room_id_request": "En peto mankas room_id",
+        "error_missing_user_id_request": "En peto mankas user_id",
+        "error_permission": "Vi ne havas permeson fari tion en tiu ĉambro.",
+        "error_power_level_invalid": "Povnivelo devas esti entjero pozitiva.",
+        "error_room_not_visible": "Ĉambro %(roomId)s ne videblas",
+        "error_room_unknown": "Ĉi tiu ĉambro ne estas rekonita.",
+        "error_send_request": "Malsukcesis sendi peton.",
+        "failed_read_event": "Malsukcesis legi okazojn",
+        "failed_send_event": "Malsukcesis sendi okazon"
+    },
+    "server_offline": {
+        "description": "Via servilo ne respondas al iuj el viaj petoj. Vidu sube kelkon de la plej verŝajnaj kialoj.",
+        "description_1": "La servilo (%(serverName)s) tro longe ne respondis.",
+        "description_2": "Via fajroŝirmilo aŭ kontraŭvirusilo blokas la peton.",
+        "description_3": "Kromprogramo de la foliumilo malhelpas la peton.",
+        "description_4": "La servilo estas eksterreta.",
+        "description_5": "La servilo rifuzis vian peton.",
+        "description_6": "Via loko nun havas problemojn pri interreta konekto.",
+        "description_7": "Eraris konekto dum provo kontakti la servilon.",
+        "description_8": "La servilo ne estas agordita por indiki la problemon (CORS).",
+        "empty_timeline": "Sen sciigoj.",
+        "recent_changes_heading": "Freŝaj ŝanĝoj ankoraŭ ne ricevitaj",
+        "title": "Servilo ne respondas"
+    },
+    "seshat": {
+        "error_initialising": "Malsukcesis komencigo de serĉado de mesaĝoj, kontrolu <a>viajn agordojn</a> por pliaj informoj",
+        "reset_button": "Restarigi deponejon de okazoj",
+        "reset_description": "Plej verŝajne, vi ne volas restarigi vian deponejon de indeksoj de okazoj",
+        "reset_explainer": "Se vi tamen tion faras, sciu ke neniu el viaj mesaĝoj foriĝos, sed via sperto pri serĉado povas malboniĝi momente, dum la indekso estas refarata",
+        "reset_title": "Ĉu restarigi deponejon de okazoj?",
+        "warning_kind_files": "Ĉi tiu versio de %(brand)s ne subtenas montradon de iuj ĉifritaj dosieroj",
+        "warning_kind_files_app": "Uzu la <a>labortablan aplikaĵon</a> por vidi ĉiujn ĉifritajn dosierojn",
+        "warning_kind_search": "Ĉi tiu versio de %(brand)s ne subtenas serĉadon de ĉifritaj mesaĝoj",
+        "warning_kind_search_app": "Uzu la <a>labortablan aplikaĵon</a> por serĉi ĉifritajn mesaĝojn"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Via alirpeco donas plenan aliron al via konto. Donu ĝin al neniu.",
+            "brand_version": "versio de %(brand)s:",
+            "clear_cache_reload": "Vakigi kaŝmemoron kaj relegi",
+            "help_link": "Por helpo pri uzado de %(brand)s, klaku <a>ĉi tien</a>.",
+            "title": "Helpo kaj Prio",
+            "versions": "Versioj"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "Montri ĉiujn ĉambrojn en ĉefpaĝo",
+        "all_rooms_home_description": "Ĉiuj ĉambroj, kie vi estas, aperos en la ĉefpaĝo.",
+        "always_show_message_timestamps": "Ĉiam montri mesaĝajn tempindikojn",
+        "appearance": {
+            "custom_font": "Uzi sisteman tiparon",
+            "custom_font_description": "Agordu la nomon de tiparo instalita en via sistemo kaj %(brand)s provos ĝin uzi.",
+            "custom_font_name": "Nomo de sistema tiparo",
+            "custom_font_size": "Uzi propran grandon",
+            "custom_theme_error_downloading": "Eraris elŝuto de informoj pri haŭto.",
+            "custom_theme_invalid": "Nevalida skemo de haŭto.",
+            "font_size": "Grando de tiparo",
+            "image_size_default": "Ordinara",
+            "layout_bubbles": "Mesaĝaj vezikoj",
+            "match_system_theme": "Similiĝi la sisteman haŭton"
+        },
+        "automatic_language_detection_syntax_highlight": "Ŝalti memagan rekonon de lingvo por sintaksa markado",
+        "autoplay_gifs": "Memage ludi GIF-ojn",
+        "autoplay_videos": "Memage ludi filmojn",
+        "big_emoji": "Ŝalti grandajn bildsignojn en babilejo",
+        "code_block_expand_default": "Implicite etendi kodujojn",
+        "code_block_line_numbers": "Montri numerojn de linioj en kodujoj",
+        "emoji_autocomplete": "Ŝalti proponojn de bildsignoj dum tajpado",
+        "general": {
+            "account_management_section": "Administrado de kontoj",
+            "account_section": "Konto",
+            "add_email_dialog_title": "Aldoni retpoŝtadreson",
+            "add_email_failed_verification": "Kontrolo de via retpoŝtadreso malsukcesis: certigu, ke vi klakis la ligilon en la retmesaĝo",
+            "add_email_instructions": "Ni sendis al vi retleteron por konfirmi vian adreson. Bonvolu sekvi la tieajn intrukciojn kaj poste klaki al la butono sube.",
+            "add_msisdn_confirm_body": "Klaku la ĉi-suban butonon por konfirmi aldonon de ĉi tiu telefonnumero.",
+            "add_msisdn_confirm_button": "Konfirmu aldonon de telefonnumero",
+            "add_msisdn_confirm_sso_button": "Konfirmu aldonon de ĉi tiu telefonnumero per identiĝo per ununura saluto.",
+            "add_msisdn_dialog_title": "Aldoni telefonnumeron",
+            "add_msisdn_instructions": "Tekstmesaĝo sendiĝis al +%(msisdn)s. Bonvolu enigi la kontrolan kodon enhavitan.",
+            "confirm_adding_email_body": "Klaku la ĉi-suban butonon por konfirmi aldonon de ĉi tiu retpoŝtadreso.",
+            "confirm_adding_email_title": "Konfirmi aldonon de retpoŝtadreso",
+            "deactivate_confirm_body": "Ĉu vi certe volas malaktivigi vian konton? Tio ne malfareblas.",
+            "deactivate_confirm_body_sso": "Knfirmu malaktivigon de via konto per identiĝo per ununura saluto.",
+            "deactivate_confirm_continue": "Konfirmi malaktivigon de konto",
+            "deactivate_section": "Malaktivigi konton",
+            "discovery_email_empty": "Eltrovaj agordoj aperos kiam vi aldonos supre retpoŝtadreson.",
+            "discovery_email_verification_instructions": "Kontrolu la ligilon en via ricevujo",
+            "discovery_msisdn_empty": "Eltrovaj agordoj aperos kiam vi aldonos telefonnumeron supre.",
+            "discovery_needs_terms": "Konsentu al uzkondiĉoj de la identiga servilo (%(serverName)s) por esti trovita per retpoŝtadreso aŭ telefonnumero.",
+            "email_address_in_use": "Tiu ĉi retpoŝtadreso jam estas uzata",
+            "email_address_label": "Retpoŝtadreso",
+            "email_not_verified": "Via retpoŝtadreso ankoraŭ ne kontroliĝis",
+            "email_verification_instructions": "Klaku la ligilon en la ricevita retletero por kontroli, kaj poste reklaku al « daŭrigi ».",
+            "emails_heading": "Retpoŝtadresoj",
+            "error_add_email": "Ne povas aldoni retpoŝtadreson",
+            "error_deactivate_communication": "Eraris komunikado kun la servilo. Bonvolu reprovi.",
+            "error_deactivate_invalid_auth": "Servilo ne redonis validajn informojn pri kontrolo de aŭtentiko.",
+            "error_deactivate_no_auth": "Servilo bezonis nenian kontrolon de aŭtentiko",
+            "error_email_verification": "Retpoŝtadreso ne kontroleblas.",
+            "error_invalid_email": "Malvalida retpoŝtadreso",
+            "error_invalid_email_detail": "Tio ĉi ne ŝajnas esti valida retpoŝtadreso",
+            "error_msisdn_verification": "Ne povas kontroli telefonnumeron.",
+            "error_password_change_403": "Malsukcesis ŝanĝi la pasvorton. Ĉu via pasvorto estas ĝusta?",
+            "error_remove_3pid": "Ne povas forigi kontaktajn informojn",
+            "error_revoke_email_discovery": "Ne povas senvalidigi havigadon je retpoŝtadreso",
+            "error_revoke_msisdn_discovery": "Ne povas senvalidigi havigadon je telefonnumero",
+            "error_share_email_discovery": "Ne povas havigi vian retpoŝtadreson",
+            "error_share_msisdn_discovery": "Ne povas havigi telefonnumeron",
+            "language_section": "Lingvo kaj regiono",
+            "msisdn_in_use": "Tiu ĉi telefonnumero jam estas uzata",
+            "msisdn_label": "Telefonnumero",
+            "msisdn_verification_field_label": "Kontrola kodo",
+            "msisdn_verification_instructions": "Bonvolu enigi kontrolan kodon senditan per tekstmesaĝo.",
+            "msisdns_heading": "Telefonnumeroj",
+            "remove_email_prompt": "Ĉu forigi %(email)s?",
+            "remove_msisdn_prompt": "Ĉu forigi %(phone)s?"
+        },
+        "inline_url_previews_default": "Ŝalti entekstan antaŭrigardon al retadresoj",
+        "jump_to_bottom_on_send": "Salti al subo de historio sendinte mesaĝon",
+        "key_backup": {
+            "setup_secure_backup": {
+                "cancel_warning": "Se vi nuligos nun, vi eble perdos ĉifritajn mesaĝojn kaj datumojn se vi perdos aliron al viaj salutoj.",
+                "confirm_security_phrase": "Konfirmu vian Sekurecan frazon",
+                "description": "Malhelpu perdon de aliro al ĉifritaj mesaĝoj kaj datumoj per savkopiado de ĉifraj ŝlosiloj al via servilo.",
+                "download_or_copy": "%(downloadButton)s aŭ %(copyButton)s",
+                "enter_phrase_title": "Enigiu sekurecan frazon",
+                "enter_phrase_to_confirm": "Enigu vian Sekurecan frazon duafoje por ĝin konfirmi.",
+                "generate_security_key_description": "Ni generos Sekurecan ŝlosilon por ke vi stoku ie sekura, kiel pasvort-administranto aŭ monŝranko.",
+                "generate_security_key_title": "Generi sekurecan ŝlosilon",
+                "pass_phrase_match_failed": "Tio ne akordas.",
+                "pass_phrase_match_success": "Tio akordas!",
+                "phrase_strong_enough": "Bonege! La Sekureca frazo ŝajnas sufiĉe forta.",
+                "secret_storage_query_failure": "Ne povis peti staton de sekreta deponejo",
+                "security_key_safety_reminder": "Konservu vian Sekurecan ŝlosilon ie sekure, kiel pasvortadministranto aŭ monŝranko, ĉar ĝi estas uzata por protekti viajn ĉifritajn datumojn.",
+                "set_phrase_again": "Reiru por reagordi ĝin.",
+                "settings_reminder": "Vi ankaŭ povas agordi Sekuran savkopiadon kaj administri viajn ŝlosilojn per Agordoj.",
+                "title_confirm_phrase": "Konfirmi Sekurecan frazon",
+                "title_save_key": "Konservi vian Sekurecan ŝlosilon",
+                "title_set_phrase": "Agordi Sekurecan frazon",
+                "unable_to_setup": "Ne povas starigi sekretan deponejon",
+                "use_different_passphrase": "Ĉu uzi alian pasfrazon?",
+                "use_phrase_only_you_know": "Uzu sekretan frazon kiun konas nur vi, kaj laŭplaĉe konservu sekurecan ŝlosilon, uzotan por savkopiado."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Konfirmu pasfrazon",
+            "enter_passphrase": "Enigu pasfrazon",
+            "export_description_1": "Tio ĉi permesos al vi elporti al loka dosiero ŝlosilojn por la mesaĝoj ricevitaj en ĉifritaj ĉambroj. Poste vi povos enporti la dosieron en alian klienton de Matrix, por povigi ĝin malĉifri tiujn mesaĝojn.",
+            "export_title": "Elporti ĉambrajn ŝlosilojn",
+            "file_to_import": "Enportota dosiero",
+            "import_description_1": "Tio ĉi permesos al vi enporti ĉifrajn ŝlosilojn, kiujn vi antaŭe elportis el alia kliento de Matrix. Poste vi povos malĉifri la samajn mesaĝojn, kiujn la alia kliento povis.",
+            "import_description_2": "La elportita dosiero estos protektata de pasfrazo. Por malĉifri ĝin, enigu la pasfrazon ĉi tien.",
+            "import_title": "Enporti ĉambrajn ŝlosilojn",
+            "phrase_cannot_be_empty": "Pasfrazoj maldevas esti malplenaj",
+            "phrase_must_match": "Pasfrazoj devas akordi"
+        },
+        "keyboard": {
+            "title": "Klavaro"
+        },
+        "notifications": {
+            "enable_audible_notifications_session": "Ŝalti aŭdeblajn sciigojn por ĉi tiu salutaĵo",
+            "enable_desktop_notifications_session": "Ŝalti labortablajn sciigojn por ĉi tiu salutaĵo",
+            "enable_email_notifications": "Ŝalti retpoŝtajn sciigojn por %(email)s",
+            "enable_notifications_account": "Ŝalti sciigojn por ĉi tiu konto",
+            "error_loading": "Eraris enlegado de viaj agordoj pri sciigoj.",
+            "error_permissions_denied": "%(brand)s ne havas permeson sciigi vin – bonvolu kontroli la agordojn de via foliumilo",
+            "error_permissions_missing": "%(brand)s ne ricevis permeson sendi sciigojn – bonvolu reprovi",
+            "error_saving": "Eraris konservado de preferoj pri sciigoj",
+            "error_saving_detail": "Eraris konservado de viaj preferoj pri sciigoj.",
+            "error_title": "Ne povas ŝalti sciigojn",
+            "messages_containing_keywords": "Mesaĝoj enhavantaj ĉefvortojn",
+            "noisy": "Brue",
+            "push_targets": "Celoj de sciigoj",
+            "rule_call": "Invito al voko",
+            "rule_contains_display_name": "Mesaĝoj enhavantaj mian vidigan nomon",
+            "rule_contains_user_name": "Mesaĝoj enhavantaj mian uzantnomon",
+            "rule_encrypted": "Ĉifritaj mesaĝoj en grupaj babiloj",
+            "rule_encrypted_room_one_to_one": "Ĉifritaj mesaĝoj en duopaj babiloj",
+            "rule_invite_for_me": "Kiam mi estas invitita al ĉambro",
+            "rule_message": "Mesaĝoj en grupaj babiloj",
+            "rule_room_one_to_one": "Mesaĝoj en duopaj babiloj",
+            "rule_roomnotif": "Mesaĝoj enhavantaj @room",
+            "rule_suppress_notices": "Mesaĝoj senditaj per roboto",
+            "rule_tombstone": "Kiam ĉambroj gradaltiĝas",
+            "show_message_desktop_notification": "Montradi mesaĝojn en labortablaj sciigoj"
+        },
+        "preferences": {
+            "always_show_menu_bar": "Ĉiam montri la fenestran menubreton",
+            "autocomplete_delay": "Prokrasto de memaga kompletigo",
+            "code_blocks_heading": "Kodujoj",
+            "composer_heading": "Komponilo",
+            "keyboard_heading": "Ŝparklavoj",
+            "media_heading": "Bildoj, GIF-bildoj kaj filmoj",
+            "rm_lifetime": "Vivodaŭro de legomarko (ms)",
+            "rm_lifetime_offscreen": "Vivodaŭro de eksterekrana legomarko (ms)",
+            "room_list_heading": "Ĉambrolisto",
+            "surround_text": "Ĉirkaŭi elektitan tekston dum tajpado de specialaj signoj",
+            "time_heading": "Montrado de tempo"
+        },
+        "prompt_invite": "Averti antaŭ ol sendi invitojn al eble nevalidaj Matrix-identigiloj",
+        "replace_plain_emoji": "Memfare anstataŭigi tekstajn mienetojn",
+        "security": {
+            "bulk_options_accept_all_invites": "Akcepti ĉiujn %(invitedRooms)s invitojn",
+            "bulk_options_reject_all_invites": "Rifuzi ĉiujn %(invitedRooms)s invitojn",
+            "bulk_options_section": "Amasaj elektebloj",
+            "e2ee_default_disabled_warning": "La administranto de via servilo malŝaltis implicitan tutvojan ĉifradon en privataj kaj individuaj ĉambroj.",
+            "enable_message_search": "Ŝalti serĉon de mesaĝoj en ĉifritaj ĉambroj",
+            "encryption_section": "Ĉifrado",
+            "ignore_users_empty": "Vi malatentas neniujn uzantojn.",
+            "ignore_users_section": "Malatentaj uzantoj",
+            "key_backup_algorithm": "Algoritmo:",
+            "message_search_disable_warning": "Post malŝalto, mesaĝoj el ĉifritaj ĉambroj ne aperos en serĉorezultoj.",
+            "message_search_disabled": "Sekure kaŝmemori ĉifritajn mesaĝojn loke, por aperigi ilin en serĉrezultoj.",
+            "message_search_enabled": {
+                "one": "Sekure kaŝmemori ĉifritajn mesaĝojn loke por ke ili aperu inter serĉrezultoj, uzante %(size)s por deponi mesaĝojn el %(rooms)s ĉambroj.",
+                "other": "Sekure kaŝmemori ĉifritajn mesaĝojn loke por ke ili aperu inter serĉrezultoj, uzante %(size)s por deponi mesaĝojn el %(rooms)s ĉambroj."
+            },
+            "message_search_failed": "Malsukcesis komenci serĉadon de mesaĝoj",
+            "message_search_indexed_messages": "Indeksitaj masaĝoj:",
+            "message_search_indexed_rooms": "Indeksitaj ĉambroj:",
+            "message_search_indexing": "Nun indeksante: %(currentRoom)s",
+            "message_search_indexing_idle": "Mesaĝoj estas indeksataj en neniu ĉambro.",
+            "message_search_intro": "%(brand)s sekure loke kaŝmemoras ĉifritajn mesaĝojn por aperigi ilin en serĉorezultoj:",
+            "message_search_room_progress": "%(doneRooms)s el %(totalRooms)s",
+            "message_search_section": "Serĉado de mesaĝoj",
+            "message_search_sleep_time": "Kiel rapide elŝuti mesaĝojn.",
+            "message_search_space_used": "Spaco uzita:",
+            "message_search_unsupported": "%(brand)s malhavas kelkajn partojn bezonajn por sekura loka kaŝmemorado de ĉirfitaj mesaĝoj. Se vi volas eksperimenti pri ĉi tiu kapablo, kunmetu propran klienton «%(brand)s Dekstop» kun <nativeLink>aldonitaj serĉopartoj</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s ne povas sekure kaŝkopii ĉifritajn mesaĝojn loke, funkciante per foliumilo. Uzu <desktopLink>%(brand)s Desktop</desktopLink> por aperigi ĉifritajn mesaĝojn en serĉrezultoj.",
+            "send_analytics": "Sendi statistikajn datumojn",
+            "strict_encryption": "Neniam sendi ĉifritajn mesaĝojn al nekontrolitaj salutaĵoj de ĉi tiu salutaĵo"
+        },
+        "send_read_receipts": "Sendi legitajn kvitanojn",
+        "send_typing_notifications": "Sendi sciigojn pri tajpado",
+        "sessions": {
+            "hide_details": "Kaŝi detalojn",
+            "inactive_sessions": "Neaktivaj salutaĵoj",
+            "inactive_sessions_explainer_1": "Neaktivaj salutaĵoj estas salutaĵoj, kiujn vi ne uzis dum kelka tempo, sed ili daŭre ricevas ĉifrajn ŝlosilojn.",
+            "inactive_sessions_explainer_2": "Forigi neaktivajn salutaĵojn plibonigas sekurecon, rendimenton kaj detekton de dubindaj novaj salutaĵoj.",
+            "inactive_sessions_list_description": "Konsideru elsaluti de malnovaj salutaĵoj (%(inactiveAgeDays)s tagoj aŭ pli malnovaj), kiujn vi ne plu uzas.",
+            "ip": "IP-adreso",
+            "n_sessions_selected": {
+                "one": "%(count)s salutaĵo elektita",
+                "other": "%(count)s salutaĵoj elektitaj"
+            },
+            "no_inactive_sessions": "Neniuj neaktivaj salutaĵoj trovitaj.",
+            "no_sessions": "Neniuj salutaĵoj trovitaj.",
+            "no_unverified_sessions": "Neniuj nekontrolitaj salutaĵoj trovitaj.",
+            "no_verified_sessions": "Neniuj kontrolitaj salutaĵoj trovitaj.",
+            "other_sessions_heading": "Aliaj salutaĵoj",
+            "push_heading": "Puŝaj sciigoj",
+            "push_subheading": "Ricevi puŝajn sciigojn pri ĉi tiu sesio.",
+            "rename_form_learn_more": "Renomi salutaĵojn",
+            "session_id": "Identigilo de salutaĵo",
+            "show_details": "Montri detalojn",
+            "sign_out": "Eliri el ĉi tiu salutaĵo",
+            "sign_out_n_sessions": {
+                "one": "Elsaluti el %(count)s salutaĵo",
+                "other": "Elsaluti el %(count)s salutaĵoj"
+            },
+            "title": "Salutaĵoj",
+            "unverified_sessions": "Nekontrolitaj salutaĵoj",
+            "unverified_sessions_list_description": "Por plia sekura komunikado, kontrolu viajn salutaĵojn aŭ elsalutu el ili se vi ne plu rekonas ilin.",
+            "verified_sessions": "Kontrolitaj salutaĵoj",
+            "verify_session": "Kontroli salutaĵon"
+        },
+        "show_breadcrumbs": "Montri tujirilojn al freŝe rigarditaj ĉambroj super la listo de ĉambroj",
+        "show_chat_effects": "Montri grafikaĵojn en babilujo (ekz. movbildojn, ricevante konfetojn)",
+        "show_displayname_changes": "Montri ŝanĝojn de vidigaj nomoj",
+        "show_read_receipts": "Montri legokonfirmojn senditajn de aliaj uzantoj",
+        "show_redaction_placeholder": "Meti kovrilon anstataŭ forigitajn mesaĝojn",
+        "show_stickers_button": "Butono por montri glumarkojn",
+        "show_typing_notifications": "Montri sciigojn pri tajpado",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "Montri ĉiujn ĉambrojn",
+            "title": "Flanka kolumno"
+        },
+        "use_12_hour_format": "Montri tempindikojn en 12-hora formo (ekz. 2:30 post.)",
+        "use_command_enter_send_message": "Sendu mesaĝon per komanda klavo + eniga klavo",
+        "use_control_enter_send_message": "Sendu mesaĝon per stirklavo (Ctrl) + eniga klavo",
+        "voip": {
+            "audio_input_empty": "Neniu mikrofono troviĝis",
+            "audio_output": "Sona eligo",
+            "audio_output_empty": "Neniu soneligo troviĝis",
+            "mirror_local_feed": "Speguli lokan filmon",
+            "missing_permissions_prompt": "Mankas aŭdovidaj permesoj; klaku al la suba butono por peti.",
+            "request_permissions": "Peti aŭdovidajn permesojn",
+            "title": "Voĉo kaj vido",
+            "video_input_empty": "Neniu kamerao troviĝis"
+        },
+        "warn_quit": "Averti antaŭ ĉesigo"
+    },
+    "share": {
+        "permalink_message": "Ligi al elektita mesaĝo",
+        "permalink_most_recent": "Ligi al plej freŝa mesaĝo",
+        "title_message": "Kunhavigi ĉambran mesaĝon",
+        "title_room": "Kunhavigi ĉambron",
+        "title_user": "Kunhavigi uzanton"
+    },
+    "slash_command": {
+        "addwidget": "Aldonas propran fenestraĵon al la ĉambro per URL",
+        "addwidget_invalid_protocol": "Bonvolu doni URL-on de fenestraĵo kun https:// aŭ http://",
+        "addwidget_missing_url": "Bonvolu provizi URL-on al fenestraĵo aŭ enkorpigi kodon",
+        "addwidget_no_permissions": "Vi ne rajtas modifi fenestraĵojn en ĉi tiu ĉambro.",
+        "ban": "Forbaras uzanton kun la donita identigilo",
+        "category_actions": "Agoj",
+        "category_admin": "Administranto",
+        "category_advanced": "Altnivela",
+        "category_effects": "Efektoj",
+        "category_messages": "Mesaĝoj",
+        "category_other": "Alia",
+        "command_error": "Komanda eraro",
+        "converttodm": "Individuigas la ĉambron",
+        "converttoroom": "Malindividuigas la ĉambron",
+        "deop": "Senestrigas uzanton kun donita identigilo",
+        "devtools": "Maflermas evoluigistan interagujon",
+        "discardsession": "Devigas la aktualan eliran grupan salutaĵon en ĉifrita ĉambro forĵetiĝi",
+        "error_invalid_rendering_type": "Komanda eraro: Ne povas trovi bildigan tipon (%(renderingType)s)",
+        "error_invalid_runfn": "Komanda eraro: Ne eblas trakti oblikvan komandon.",
+        "help": "Montras liston de komandoj kun priskribo de uzo",
+        "help_dialog_title": "Helpo pri komando",
+        "holdcall": "Paŭzigas la vokon en la nuna ĉambro",
+        "html": "Sendas mesaĝon kiel HTML, ne interpretante ĝin kiel Markdown",
+        "ignore": "Malatentas uzanton, kaŝante ĝiajn mesaĝojn de vi",
+        "ignore_dialog_description": "Vi nun malatentas uzanton %(userId)s",
+        "ignore_dialog_title": "Malatentata uzanto",
+        "invite": "Invitas uzanton per identigilo al la nuna ĉambro",
+        "invite_3pid_needs_is_error": "Uzi identigan servilon por inviti retpoŝte. Administru en Agordoj.",
+        "invite_3pid_use_default_is_title": "Uzi identigan servilon",
+        "invite_3pid_use_default_is_title_description": "Uzu identigan servilon por inviti retpoŝte. Klaku al « daŭrigi » por uzi la norman identigan servilon (%(defaultIdentityServerName)s) aŭ administru tion en Agordoj.",
+        "join": "Aligas al ĉambro kun donita adreso",
+        "jumptodate": "Iri al la donita dato en la historio",
+        "jumptodate_invalid_input": "Ni ne povis kompreni la donitan daton (%(inputDate)s). Penu uzi la aranĝo JJJJ-MM-TT.",
+        "lenny": "Antaŭmetas ( ͡° ͜ʖ ͡°) al platteksta mesaĝo",
+        "me": "Montras agon",
+        "msg": "Sendas mesaĝon al la uzanto",
+        "myroomnick": "Ŝanĝas vian vidigan nomon nur en la nuna ĉambro",
+        "nick": "Ŝanĝas vian vidigan nomon",
+        "no_active_call": "Neniu aktiva voko en ĉi tiu ĉambro",
+        "op": "Difini la povnivelon de uzanto",
+        "part_unknown_alias": "Nekonata ĉambra adreso: %(roomAlias)s",
+        "plain": "Sendas mesaĝon kiel platan tekston, sen interpreto al Markdown",
+        "query": "Malfermas babilon kun la uzanto",
+        "query_not_found_phone_number": "Ne povas trovi Matrix-an identigilon por tiu telefonnumero",
+        "rageshake": "Sendi erarraporton kun protokolo",
+        "rainbow": "Sendas la mesaĝon ĉielarke kolorigitan",
+        "rainbowme": "Sendas la mienon ĉielarke kolorigitan",
+        "remove": "Forigas uzanton kun la donita identigilo de tiu ĉambro",
+        "roomavatar": "Ŝanĝas la profilbildon de la nuna ĉambro",
+        "roomname": "Agordas nomon de la ĉambro",
+        "server_error": "Servila eraro",
+        "server_error_detail": "Servilo estas neatingebla, troŝarĝita, aŭ io alia misokazis.",
+        "shrug": "Antaŭmetas ¯\\_(ツ)_/¯ al platteksta mesaĝo",
+        "spoiler": "Sendas la donitan mesaĝon kiel malkaŝon de intrigo",
+        "tableflip": "Antaŭmetas (╯°□°）╯︵ ┻━┻ al platteksta mesaĝo",
+        "topic": "Ekhavas aŭ agordas la temon de la ĉambro",
+        "topic_none": "Ĉi tiu ĉambro ne havas temon.",
+        "topic_room_error": "Malsukcesis akiri temo de ĉambro: Ne povas trovi ĉambron (%(roomId)s)",
+        "unban": "Malforbaras uzanton kun la donita identigilo",
+        "unflip": "Antaŭmetas ┬──┬ ノ( ゜-゜ノ) al platteksta mesaĝo",
+        "unholdcall": "Malpaŭzigas la vokon en la nuna ĉambro",
+        "unignore": "Ĉesas malatenti uzanton, montronte ĝiajn pluajn mesaĝojn",
+        "unignore_dialog_description": "Vi nun reatentas uzanton %(userId)s",
+        "unignore_dialog_title": "Reatentata uzanto",
+        "unknown_command": "Nekonata komando",
+        "unknown_command_button": "Sendi mesaĝon",
+        "unknown_command_detail": "Nerekonita komando: %(commandText)s",
+        "unknown_command_help": "Vi povas komandi <code>/help</code> por listigi uzeblajn komandojn. Ĉu vi intencis sendi ĉi tion kiel mesaĝon?",
+        "unknown_command_hint": "Helpeto: Komencu vian mesaĝon per <code>//</code> por komenci ĝin per suprenstreko.",
+        "upgraderoom": "Gradaltigas ĉambron al nova versio",
+        "upgraderoom_permission_error": "Vi ne havas sufiĉajn permesojn por uzi ĉi tiun komandon.",
+        "usage": "Uzo",
+        "verify": "Kontrolas opon de uzanto, salutaĵo, kaj publika ŝlosilo",
+        "whois": "Montras informojn pri uzanto"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "Ĉu vi volas anstataŭe aldoni novan ĉambron?",
+            "create_prompt": "Krei novan ĉambron",
+            "dm_heading": "Individuaj ĉambroj",
+            "error_heading": "Ne ĉiuj elektitoj aldoniĝis",
+            "progress_text": {
+                "one": "Aldonante ĉambron…",
+                "other": "Aldonante ĉambrojn… (%(progress)s el %(count)s)"
+            },
+            "space_dropdown_label": "Elekto de aro",
+            "space_dropdown_title": "Aldoni jamajn ĉambrojn",
+            "subspace_moved_note": "Aldonejo de aroj moviĝis."
+        },
+        "add_existing_subspace": {
+            "create_button": "Krei novan aron",
+            "create_prompt": "Ĉu vi volas aldoni novan aron anstataŭe?",
+            "filter_placeholder": "Serĉi arojn",
+            "space_dropdown_title": "Aldoni jaman aron"
+        },
+        "context_menu": {
+            "explore": "Esplori ĉambrojn",
+            "manage_and_explore": "Administri kaj esplori ĉambrojn",
+            "options": "Agordoj de aro"
+        },
+        "failed_remove_rooms": "Malsukcesis forigi iujn arojn. Reprovu poste",
+        "incompatible_server_hierarchy": "Via servilo ne subtenas montradon de hierarĥioj de aroj.",
+        "invite": "Inviti personojn",
+        "invite_description": "Inviti per retpoŝtadreso aŭ uzantonomo",
+        "invite_link": "Diskonigi invitan ligilon",
+        "landing_welcome": "Bonvenu al <name/>",
+        "leave_dialog_action": "Forlasi aron",
+        "leave_dialog_description": "Vi foriros de <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Vi estas la sola administranto de iuj ĉambroj aŭ aroj, de kie vi volas foriri. Se vi faros tion, neniu povos ilin plu administri.",
+        "leave_dialog_only_admin_warning": "Vi estas la sola administranto de ĉi tiu aro. Se vi foriros, neniu povos ĝin administri.",
+        "leave_dialog_option_all": "Foriri de ĉiuj ĉambroj",
+        "leave_dialog_option_intro": "Ĉu vi volus foriri de la ĉambroj en ĉi tiu aro?",
+        "leave_dialog_option_none": "Foriru de neniuj ĉambroj",
+        "leave_dialog_option_specific": "Foriri de iuj ĉambroj",
+        "leave_dialog_public_rejoin_warning": "Vi ne povos ree aliĝi, krom se oni ree invitos vin.",
+        "leave_dialog_title": "Foriri de %(spaceName)s",
+        "mark_suggested": "Marki rekomendata",
+        "no_search_result_hint": "Eble vi provu serĉi alion, aŭ kontroli je mistajpoj.",
+        "room_filter_placeholder": "Serĉi ĉambrojn",
+        "search_children": "Serĉi je %(spaceName)s",
+        "search_placeholder": "Serĉi nomojn kaj priskribojn",
+        "select_room_below": "Unue elektu ĉambron de sube",
+        "share_public": "Diskonigu vian publikan aron",
+        "suggested": "Rekomendata",
+        "suggested_tooltip": "Ĉi tiu ĉambro estas rekomendata kiel aliĝinda",
+        "title_when_query_available": "Rezultoj",
+        "title_when_query_unavailable": "Ĉambroj kaj aroj",
+        "unmark_suggested": "Marki nerekomendata",
+        "user_lacks_permission": "Vi ne rajtas"
+    },
+    "space_settings": {
+        "title": "Agordoj – %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Enigu la nomon de nova servilo, kiun vi volas esplori.",
+            "network_dropdown_add_dialog_placeholder": "Nomo de servilo",
+            "network_dropdown_add_dialog_title": "Aldoni novan servilon",
+            "network_dropdown_available_invalid": "Ne povas trovi ĉi tiun servilon aŭ ĝian liston de ĉambroj",
+            "network_dropdown_available_invalid_forbidden": "Vi ne rajtas vidi liston de ĉambroj de tu ĉi servilo",
+            "network_dropdown_available_valid": "Ŝajnas en ordo",
+            "network_dropdown_required_invalid": "Enigu nomon de servilo",
+            "network_dropdown_your_server_description": "Via servilo"
+        }
+    },
+    "spotlight_dialog": {
+        "create_new_room_button": "Krei novan ĉambron",
+        "public_rooms_label": "Publikajn ĉambrojn"
+    },
+    "stickers": {
+        "empty": "Vi havas neniujn ŝaltitajn glumarkarojn",
+        "empty_add_prompt": "Iujn aldoni"
+    },
+    "terms": {
+        "column_document": "Dokumento",
+        "column_service": "Servo",
+        "column_summary": "Resumo",
+        "identity_server_no_terms_description_1": "Ĉi tiu ago bezonas atingi la norman identigan servilon <server /> por kontroli retpoŝtadreson aŭ telefonnumeron, sed la servilo ne havas uzokondiĉojn.",
+        "identity_server_no_terms_description_2": "Nur daŭrigu se vi fidas al la posedanto de la servilo.",
+        "identity_server_no_terms_title": "Identiga servilo havas neniujn uzkondiĉojn",
+        "inline_intro_text": "Akceptu <policyLink /> por daŭrigi:",
+        "integration_manager": "Uzu robotojn, pontojn, fenestraĵojn, kaj glumarkarojn",
+        "intro": "Por pluigi, vi devas akcepti la uzokondiĉojn de ĉi tiu servo.",
+        "summary_identity_server_1": "Trovu aliajn per telefonnumero aŭ retpoŝtadreso",
+        "summary_identity_server_2": "Troviĝu per telefonnumero aŭ retpoŝtadreso",
+        "tac_button": "Tralegi uzokondiĉojn",
+        "tac_description": "Por daŭre uzadi la hejmservilon %(homeserverDomain)s, vi devas tralegi kaj konsenti niajn uzokondiĉojn.",
+        "tac_title": "Uzokondiĉoj",
+        "tos": "Uzokondiĉoj"
+    },
+    "theme": {
+        "light_high_contrast": "Malpeza alta kontrasto"
+    },
+    "time": {
+        "date_at_time": "%(date)s je %(time)s",
+        "hours_minutes_seconds_left": "%(hours)sh. %(minutes)sm. %(seconds)ss. restas",
+        "minutes_seconds_left": "%(minutes)sm. %(seconds)ss. restas",
+        "seconds_left": "%(seconds)s sekundoj restas",
+        "short_days": "%(value)st.",
+        "short_days_hours_minutes_seconds": "%(days)st. %(hours)sh. %(minutes)sm. %(seconds)ss.",
+        "short_hours": "%(value)sh.",
+        "short_hours_minutes_seconds": "%(hours)sh. %(minutes)sm. %(seconds)ss.",
+        "short_minutes": "%(value)sm.",
+        "short_minutes_seconds": "%(minutes)sm. %(seconds)ss.",
+        "short_seconds": "%(value)ss."
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Maletendi respondan fadenon",
+            "external_url": "Fonta URL",
+            "report": "Raporti",
+            "resent_unsent_reactions": "Resendi %(unsentCount)s reago(j)n",
+            "show_url_preview": "Antaŭrigardi",
+            "view_source": "Montri fonton"
+        },
+        "creation_summary_dm": "%(creator)s kreis ĉi tiun individuan ĉambron.",
+        "creation_summary_room": "%(creator)s kreis kaj agordis la ĉambron.",
+        "edits": {
+            "tooltip_label": "Redaktita je %(date)s. Klaku por vidi redaktojn.",
+            "tooltip_sub": "Klaku por vidi redaktojn",
+            "tooltip_title": "Redaktita je %(date)s"
+        },
+        "error_no_renderer": "Ĉi tiu okazo ne povis montriĝi",
+        "error_rendering_message": "Ne povas enlegi ĉi tiun mesaĝon",
+        "io.element.widgets.layout": "%(senderName)s ĝisdatigis la aranĝon de ĉambro",
+        "load_error": {
+            "no_permission": "Provis enlegi certan parton de ĉi tiu historio, sed vi ne havas permeson vidi ĝin.",
+            "title": "Malsukcesis enlegi lokon en historio",
+            "unable_to_find": "Provis enlegi certan parton de ĉi tiu historio, sed malsukcesis ĝin trovi."
+        },
+        "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"
+        },
+        "m.call": {
+            "video_call_started": "Videovoko komenciĝis en %(roomName)s.",
+            "video_call_started_unsupported": "Videovoko komenciĝis en %(roomName)s. (ne subtenata de ĉi tiu retumilo)"
+        },
+        "m.call.hangup": {
+            "dm": "Voko finiĝis"
+        },
+        "m.call.invite": {
+            "call_back_prompt": "Revoki",
+            "declined": "Voko rifuziĝis",
+            "failed_connect_media": "Ne povis konekti vidaŭdaĵon",
+            "failed_connection": "Malsukcesis konekto",
+            "failed_opponent_media": "Ĝia aparato ne povis startigi la filmilon aŭ la mikrofonon",
+            "missed_call": "Nerespondita voko",
+            "no_answer": "Sen respondo",
+            "unknown_error": "Okazis nekonata eraro",
+            "unknown_failure": "Malsukceso nekonata: %(reason)s",
+            "unknown_state": "La voko estas en nekonata stato!",
+            "video_call": "%(senderName)s ekigis vidvokon.",
+            "video_call_unsupported": "%(senderName)s ekigis vidvokon. (mankas subteno en ĉi tiu foliumilo)",
+            "voice_call": "%(senderName)s ekigis voĉvokon.",
+            "voice_call_unsupported": "%(senderName)s ekigis voĉvokon. (mankas subteno en ĉi tiu foliumilo)"
+        },
+        "m.file": {
+            "error_decrypting": "Malĉifro de aldonaĵo eraris"
+        },
+        "m.image": {
+            "error_decrypting": "Malĉifro de bildo eraris",
+            "sent": "%(senderDisplayName)s sendis bildon.",
+            "show_image": "Montri bildon"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s volas kontroli",
+            "you_started": "Vi sendis peton de kontrolo"
+        },
+        "m.location": {
+            "full": "%(senderName)s dividis sian lokon",
+            "location": "Kunhavis lokon: ",
+            "self_location": "Kunhavis sian lokon: "
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s finis balotenketon"
+        },
+        "m.poll.start": "%(senderName)s komencis balotenketon - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s ŝanĝis la profilbildon de ĉambro.",
+            "lightbox_title": "%(senderDisplayName)s ŝanĝis la profilbildon de %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s aldonis la alternativajn adresojn %(addresses)s por ĉi tiu ĉambro.",
+                "one": "%(senderName)s aldonis alternativan adreson %(addresses)s por ĉi tiu ĉambro."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s forigis la alternativajn adresojn %(addresses)s por ĉi tiu ĉambro.",
+                "one": "%(senderName)s forigis alternativan adreson %(addresses)s por ĉi tiu ĉambro."
+            },
+            "changed": "%(senderName)s ŝanĝis la adresojn de ĉi tiu ĉambro.",
+            "changed_alternative": "%(senderName)s ŝanĝis la alternativan adreson de ĉi tiu ĉambro.",
+            "changed_main_and_alternative": "%(senderName)s ŝanĝis la ĉefan kaj alternativan adresojn de ĉi tiu ĉambro.",
+            "removed": "%(senderName)s forigis la ĉefan adreson de la ĉambro.",
+            "set": "%(senderName)s agordis la ĉefan adreson por la ĉambro al %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Ĉi tiu ĉambro estas daŭrigo de alia interparolo.",
+            "see_older_messages": "Klaku ĉi tien por vidi pli malnovajn mesaĝojn."
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s permesis al gastoj aliĝi al la ĉambro.",
+            "forbidden": "%(senderDisplayName)s malpermesis al gastoj aliĝi al la ĉambro.",
+            "unknown": "%(senderDisplayName)s ŝanĝis aliron de gastoj al %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s videbligis estontan historion de la ĉambro al ĉiuj ĉambranoj, ekde la tempo de invito.",
+            "joined": "%(senderName)s videbligis estontan historion de la ĉambro al ĉiuj ĉambranoj, ekde la tempo de aliĝo.",
+            "shared": "%(senderName)s videbligis estontan historion de la ĉambro al ĉiuj ĉambranoj.",
+            "unknown": "%(senderName)s videbligis estontan historion de la ĉambro al nekonata (%(visibility)s).",
+            "world_readable": "%(senderName)s videbligis estontan historion de la ĉambro al ĉiuj."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s necesigis invitojn por aliĝoj al la ĉambro.",
+            "public": "%(senderDisplayName)s publikigis la ĉambron al kiu ajn konas la ligilon.",
+            "restricted": "%(senderDisplayName)s ŝanĝis, kiu povas aliĝi al ĉi tiu ĉambro.",
+            "restricted_settings": "%(senderDisplayName)s ŝanĝis, kiu povas aliĝi al ĉi tiu ĉambro. <a>Rigardu agordojn</a>.",
+            "unknown": "%(senderDisplayName)s ŝanĝis la aliĝan regulon al %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s akceptis la inviton por %(displayName)s",
+            "accepted_invite": "%(targetName)s akceptis inviton",
+            "ban": "%(senderName)s forbaris uzanton %(targetName)s",
+            "ban_reason": "%(senderName)s forbaris uzanton %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s ŝanĝis sian profilbildon",
+            "change_name": "%(oldDisplayName)s ŝanĝis sian prezentan nomon al %(displayName)s",
+            "invite": "%(senderName)s invitis uzanton %(targetName)s",
+            "join": "%(targetName)s aliĝis al la ĉambro",
+            "kick": "%(senderName)s forigis %(targetName)s",
+            "kick_reason": "%(senderName)s forigis %(targetName)s: %(reason)s",
+            "left": "%(targetName)s foriris de la ĉambro",
+            "left_reason": "%(targetName)s foriris de la ĉambro: %(reason)s",
+            "no_change": "%(senderName)s faris nenian ŝanĝon",
+            "reject_invite": "%(targetName)s rifuzis la inviton",
+            "remove_avatar": "%(senderName)s forigis sian profilbildon",
+            "remove_name": "%(senderName)s forigis sian prezentan nomon (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s agordis profilbildon",
+            "set_name": "%(senderName)s ŝanĝis sian prezentan nomon al %(displayName)s",
+            "unban": "%(senderName)s malforbaris uzanton %(targetName)s",
+            "withdrew_invite": "%(senderName)s nuligis inviton por %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s nuligis inviton por %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s ŝanĝis nomon de la ĉambro de %(oldRoomName)s al %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s forigis nomon de la ĉambro.",
+            "set": "%(senderDisplayName)s ŝanĝis nomon de la ĉambro al %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s ŝanĝis la fiksitajn mesaĝojn de la ĉambro.",
+            "changed_link": "%(senderName)s ŝanĝis la <a>fiksitajn mesaĝojn</a> de la ĉambro.",
+            "pinned": "%(senderName)s fiksis mesaĝon al ĉi tiu ĉambro. Vidu ĉiujn fiksitajn mesaĝojn.",
+            "pinned_link": "%(senderName)s fiksis <a>mesaĝon</a> al ĉi tiu ĉambro. Vidu ĉiujn <b>fiksitajn mesaĝojn</b>.",
+            "unpinned": "%(senderName)s malfiksis mesaĝon de ĉi tiu ĉambro. Vidu ĉiujn fiksitajn mesaĝojn.",
+            "unpinned_link": "%(senderName)s malfiksis <a>mesaĝon</a> de ĉi tiu ĉambro. Vidu ĉiujn <b>fiksitajn mesaĝojn</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s ŝanĝis la povnivelon de %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s de %(fromPowerLevel)s al %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s nuligis inviton en la ĉambron por %(targetDisplayName)s.",
+            "sent": "%(senderName)s sendis ĉambran inviton al %(targetDisplayName)s."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s gradaltigis ĉi tiun ĉambron.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s ŝanĝis la temon al « %(topic)s »."
+        },
+        "m.sticker": "%(senderDisplayName)s sendis glumarkon.",
+        "m.video": {
+            "error_decrypting": "Malĉifro de filmo eraris"
+        },
+        "m.widget": {
+            "added": "Fenestraĵon %(widgetName)s aldonis %(senderName)s",
+            "jitsi_ended": "Grupan vidvokon finis %(senderName)s",
+            "jitsi_join_right_prompt": "Aliĝu al la grupa voko per la dekstraflanka karto kun informoj pri ĉambro",
+            "jitsi_join_top_prompt": "Aliĝu al la grupa voko supre je la ĉambro",
+            "jitsi_started": "Grupan vidvokon komencis %(senderName)s",
+            "jitsi_updated": "Grupan vidvokon ĝisdatigis %(senderName)s",
+            "modified": "Fenestraĵon %(widgetName)s ŝanĝis %(senderName)s",
+            "removed": "Fenestraĵon %(widgetName)s forigis %(senderName)s"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s ĝisdatigis forbaran regulon, kiu akordis kun %(oldGlob)s, al akordo kun %(newGlob)s, pro %(reason)s",
+            "changed_rule_rooms": "%(senderName)s ŝanĝis regulon forbarintan ĉambrojn, kiuj akordis kun %(oldGlob)s, al akordo kun %(newGlob)s, pro %(reason)s",
+            "changed_rule_servers": "%(senderName)s ŝanĝis regulon forbarintan servilojn, kiuj akordis kun %(oldGlob)s, al akordo kun %(newGlob)s, pro %(reason)s",
+            "changed_rule_users": "%(senderName)s ŝanĝis regulon forbarintan uzantojn, kiuj akordis kun %(oldGlob)s, al akordo kun %(newGlob)s, pro %(reason)s",
+            "created_rule": "%(senderName)s kreis forbaran regulon, kiu akordas kun %(glob)s, pro %(reason)s",
+            "created_rule_rooms": "%(senderName)s kreis regulon forbarantan ĉambrojn, kiuj akordas kun %(glob)s, pro %(reason)s",
+            "created_rule_servers": "%(senderName)s kreis regulon forbarantan servilojn, kiuj akordas kun %(glob)s, pro %(reason)s",
+            "created_rule_users": "%(senderName)s kreis regulon forbarantan uzantojn, kiuj akordas kun %(glob)s, pro %(reason)s",
+            "removed_rule": "%(senderName)s forigis forbaran regulon, kiu akordas kun %(glob)s",
+            "removed_rule_rooms": "%(senderName)s forigis la regulon forbarantan ĉambrojn, kiuj akordas kun %(glob)s",
+            "removed_rule_servers": "%(senderName)s forigis la regulon forbarantan servilojn, kiuj akordas kun %(glob)s",
+            "removed_rule_users": "%(senderName)s forigis la regulon forbarantan uzantojn, kiuj akordas kun %(glob)s",
+            "updated_invalid_rule": "%(senderName)s ĝisdatigis nevalidan forbaran regulon",
+            "updated_rule": "%(senderName)s ĝisdatigis forbaran regulon, kiu akordas kun %(glob)s, pro %(reason)s",
+            "updated_rule_rooms": "%(senderName)s ĝisdatigis la regulon forbarantan ĉambrojn, kiuj akordas kun %(glob)s, pro %(reason)s",
+            "updated_rule_servers": "%(senderName)s ĝisdatigis la regulon forbarantan servilojn, kiuj akordas kun %(glob)s, pro %(reason)s",
+            "updated_rule_users": "%(senderName)s ĝisdatigis la regulon forbarantan uzantojn, kiuj akordas kun %(glob)s, pro %(reason)s"
+        },
+        "reactions": {
+            "add_reaction_prompt": "Aldoni reagon",
+            "label": "%(reactors)s reagis per %(content)s"
+        },
+        "redacted": {
+            "tooltip": "Mesaĝo forigita je %(date)s"
+        },
+        "redaction": "Mesaĝon forigis %(name)s",
+        "reply": {
+            "error_loading": "Ne povas enlegi la responditan okazon; aŭ ĝi ne ekzistas, aŭ vi ne rajtas vidi ĝin.",
+            "in_reply_to": "<a>Responde al</a> <pill>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Vi estas direktota al ekstera retejo por aŭtentikigi vian konton por uzo kun %(integrationsUrl)s. Ĉu vi volas daŭrigi tion?",
+            "dialog_title": "Aldoni kunigon"
+        },
+        "self_redaction": "Mesaĝo foriĝis",
+        "send_state_failed": "Malsukcesis sendi",
+        "send_state_sent": "Via mesaĝo sendiĝis",
+        "summary": {
+            "banned": {
+                "other": "%(count)s-foje forbariĝis",
+                "one": "forbariĝis"
+            },
+            "banned_multiple": {
+                "other": "%(count)s-foje forbariĝis",
+                "one": "forbariĝis"
+            },
+            "changed_name": {
+                "other": "%(oneUser)s%(count)s-foje ŝanĝis sian nomon",
+                "one": "%(oneUser)sŝanĝis sian nomon"
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)s%(count)s-foje sanĝis sian nomon",
+                "one": "%(severalUsers)sŝanĝis sian nomon"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)s%(count)s-foje malinvitiĝis",
+                "one": "%(oneUser)smalinvitiĝis"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)s%(count)s-foje malinvitiĝis",
+                "one": "%(severalUsers)smalinvitiĝis"
+            },
+            "invited": {
+                "other": "estis invitita %(count)s foje",
+                "one": "estis invitita"
+            },
+            "invited_multiple": {
+                "other": "estis invititaj %(count)s foje",
+                "one": "estis invititaj"
+            },
+            "joined": {
+                "other": "%(oneUser)s%(count)s-foje aliĝis",
+                "one": "%(oneUser)saliĝis"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)s%(count)s-foje aliĝis kaj foriris",
+                "one": "%(oneUser)saliĝis kaj foriris"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)s%(count)s-foje aliĝis kaj foriris",
+                "one": "%(severalUsers)saliĝis kaj foriris"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s%(count)s-foje aliĝis",
+                "one": "%(severalUsers)saliĝis"
+            },
+            "left": {
+                "other": "%(oneUser)s%(count)s-foje foriris",
+                "one": "%(oneUser)s foriris"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)s%(count)s-foje foriris",
+                "one": "%(severalUsers)sforiris"
+            },
+            "no_change": {
+                "other": "%(oneUser)snenion ŝanĝis je %(count)s fojoj",
+                "one": "%(oneUser)snenion ŝanĝis"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)snenion ŝanĝis je %(count)s fojoj",
+                "one": "%(severalUsers)snenion ŝanĝis"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)s%(count)s-foje rifuzis inviton",
+                "one": "%(oneUser)srifuzis inviton"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s%(count)s-foje rifuzis inviton",
+                "one": "%(severalUsers)srifuzis inviton"
+            },
+            "rejoined": {
+                "other": "%(oneUser)s %(count)s-foje foriris kaj re-aliĝis",
+                "one": "%(oneUser)s foriris kaj re-aliĝis"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)s%(count)s-foje foriris kaj re-aliĝis",
+                "one": "%(severalUsers)s foriris kaj re-aliĝis"
+            },
+            "unbanned": {
+                "other": "%(count)s-foje malforbariĝis",
+                "one": "malforbariĝis"
+            },
+            "unbanned_multiple": {
+                "other": "%(count)s-foje malforbariĝis",
+                "one": "malforbariĝis"
+            }
+        },
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s kaj %(count)s aliaj tajpas…",
+                "one": "%(names)s kaj unu alia tajpas…"
+            },
+            "one_user": "%(displayName)s tajpas…",
+            "two_users": "%(names)s kaj %(lastPerson)s tajpas…"
+        }
+    },
+    "truncated_list_n_more": {
+        "other": "Kaj %(count)s pliaj…"
+    },
+    "update": {
+        "changelog": "Protokolo de ŝanĝoj",
+        "check_action": "Kontroli ĝisdatigojn",
+        "error_encountered": "Eraron renkonti (%(errorDetail)s).",
+        "error_unable_load_commit": "Ne povas enlegi detalojn de enmeto: %(msg)s",
+        "new_version_available": "Nova versio estas disponebla. <a>Ĝisdatigu nun.</a>",
+        "no_update": "Neniuj ĝisdatigoj haveblas.",
+        "release_notes_toast_title": "Kio novas",
+        "see_changes_button": "Kio novas?",
+        "toast_description": "Nova versio de %(brand)s disponeblas",
+        "toast_title": "Ĝisdatigi %(brand)s",
+        "unavailable": "Nedisponebla"
+    },
+    "upload_failed_generic": "Malsukcesis alŝuti dosieron « %(fileName)s ».",
+    "upload_failed_size": "La dosiero '%(fileName)s' superas la grandecan limon de ĉi tiu hejmservilo",
+    "upload_failed_title": "Alŝuto malsukcesis",
+    "upload_file": {
+        "cancel_all_button": "Nuligi ĉion",
+        "error_file_too_large": "Ĉi tiu dosiero <b>tro grandas</b> por alŝuto. La grandolimo estas %(limit)s sed la dosiero grandas %(sizeOfThisFile)s.",
+        "error_files_too_large": "Ĉi tiuj dosieroj <b>tro grandas</b> por alŝuto. La grandolimo estas %(limit)s.",
+        "error_some_files_too_large": "Iuj dosieroj <b>tro grandas</b> por alŝuto. La grandolimo estas %(limit)s.",
+        "error_title": "Alŝuto eraris",
+        "title": "Alŝuti dosierojn",
+        "title_progress": "Alŝuti dosierojn (%(current)s el %(total)s)",
+        "upload_all_button": "Alŝuti ĉiujn",
+        "upload_n_others_button": {
+            "other": "Alŝuti %(count)s aliajn dosierojn",
+            "one": "Alŝuti %(count)s alian dosieron"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Estriloj",
+        "deactivate_confirm_action": "Malaktivigi uzanton",
+        "deactivate_confirm_description": "Malaktivigo de ĉi tiu uzanto adiaŭigos ĝin, kaj malebligos, ke ĝi resalutu. Plie, ĝi foriros de ĉiuj enataj ĉambroj. Tiu ago ne povas malfariĝi. Ĉu vi certe volas malaktivigi ĉi tiun uzanton?",
+        "deactivate_confirm_title": "Ĉu malaktivigi uzanton?",
+        "demote_button": "Malrangaltigi",
+        "demote_self_confirm_description_space": "Vi ne povos malfari ĉi tiun ŝanĝon, ĉar vi malrangaltigas vin mem; se vi estas la lasta altranga uzanto de la aro, vi ne plu povos rehavi viajn rajtojn.",
+        "demote_self_confirm_room": "Vi ne povos malfari tiun ŝanĝon, ĉar vi malrangaltigas vin mem; se vi estas la lasta povohava uzanto en la ĉambro, estos neeble vian povon rehavi.",
+        "demote_self_confirm_title": "Ĉu malrangaltigi vin mem?",
+        "error_ban_user": "Malsukcesis forbari uzanton",
+        "error_deactivate": "Malsukcesis malaktivigi uzanton",
+        "error_mute_user": "Malsukcesis silentigi uzanton",
+        "error_revoke_3pid_invite_description": "Ne povis senvalidigi inviton. Aŭ la servilo nun trairas problemon, aŭ vi ne havas sufiĉajn permesojn.",
+        "error_revoke_3pid_invite_title": "Malsukcesis senvalidigi inviton",
+        "invited_by": "Invitita de %(sender)s",
+        "jump_to_rr_button": "Salti al legokonfirmo",
+        "promote_warning": "Tiun ĉi ŝanĝon vi ne povos malfari, ĉar vi donas al la uzanto la saman povnivelon, kiun havas vi mem.",
+        "redact": {
+            "confirm_button": {
+                "other": "Forigi %(count)s mesaĝojn",
+                "one": "Forigi 1 mesaĝon"
+            },
+            "confirm_description_2": "Je granda nombro da mesaĝoj, tio povas daŭri iomon da tempo. Bonvolu ne aktualigi vian klienton dume.",
+            "confirm_title": "Forigi freŝajn mesaĝojn de %(user)s",
+            "no_recent_messages_description": "Provu rulumi supren tra la historio por kontroli, ĉu ne estas iuj pli fruaj.",
+            "no_recent_messages_title": "Neniuj freŝaj mesaĝoj de %(user)s troviĝis"
+        },
+        "redact_button": "Forigi freŝajn mesaĝojn",
+        "revoke_invite": "Nuligi inviton",
+        "room_encrypted": "Mesaĝoj en ĉi tiu ĉambro estas tutvoje ĉifrataj.",
+        "room_encrypted_detail": "Viaj mesaĝoj estas sekurigitaj, kaj nur vi kaj la ricevanto posedas la unikan ŝlosilojn, kiuj ilin povas malĉifri.",
+        "room_unencrypted": "Mesaĝoj en ĉi tiu ĉambro ne estas tutvoje ĉifrataj.",
+        "room_unencrypted_detail": "En ĉifritaj ĉambroj, viaj mesaĝoj estas sekurigitaj, kaj nur vi kaj la ricevanto havas la unikajn malĉifrajn ŝlosilojn.",
+        "share_button": "Kunhavigi ligilon al uzanto",
+        "verify_button": "Kontroli uzanton",
+        "verify_explainer": "Por plia sekureco, kontrolu ĉi tiun uzanton per unufoja kodo aperonta sur ambaŭ el viaj aparatoj."
+    },
+    "voip": {
+        "already_in_call": "Jam vokanta",
+        "already_in_call_person": "Vi jam vokas ĉi tiun personon.",
+        "answered_elsewhere": "Respondita aliloke",
+        "answered_elsewhere_description": "La voko estis respondita per alia aparato.",
+        "call_failed": "Voko malsukcesis",
+        "call_failed_description": "Ne povis meti la vokon",
+        "call_failed_media": "Voko malsukcesis, ĉar retfilmilo aŭ mikrofono ne povis uziĝi. Kontrolu, ke:",
+        "call_failed_media_applications": "Neniu alia aplikaĵo uzas la retfilmilon",
+        "call_failed_media_connected": "Mikrofono kaj retfilmilo estas ĝuste konektitaj kaj agorditaj",
+        "call_failed_media_permissions": "Permeso uzi la retfilmilon estas donita",
+        "call_failed_microphone": "Voko malsukcesis, ĉar mikrofono ne estis uzebla. Kontrolu, ĉu mikrofono estas ĝuste konektita kaj agordita.",
+        "call_held": "%(peerName)s paŭzigis la vokon",
+        "call_held_resume": "Vi paŭzigis la vokon <a>Daŭrigi</a>",
+        "call_held_switch": "Vi paŭzigis la vokon <a>Baskuli</a>",
+        "call_toast_unknown_room": "Nekonata ĉambro",
+        "camera_disabled": "Via filmilo estas malŝaltita",
+        "camera_enabled": "Via filmilo ankoraŭ estas ŝaltita",
+        "cannot_call_yourself_description": "Vi ne povas voki vin mem.",
+        "connecting": "Konektante",
+        "connection_lost": "Konektebleco al la servilo estas perdita",
+        "connection_lost_description": "Vi ne povas voki sen konektaĵo al la servilo.",
+        "consulting": "Konsultante kun %(transferTarget)s. <a>Transdono al %(transferee)s</a>",
+        "default_device": "Implicita aparato",
+        "dialpad": "Ciferplato",
+        "disable_camera": "Malŝalti la filmilon",
+        "disable_microphone": "Silentigi la mikrofonon",
+        "enable_camera": "Ŝalti la filmilon",
+        "enable_microphone": "Malsilentigi la mikrofonon",
+        "expand": "Reveni al voko",
+        "hangup": "Fini vokon",
+        "hide_sidebar_button": "Kaŝi flankan breton",
+        "misconfigured_server": "Voko malsukcesis pro misagordita servilo",
+        "misconfigured_server_description": "Bonvolu peti la administranton de via hejmservilo (<code>%(homeserverDomain)s</code>) agordi TURN-servilon, por ke vokoj funkciu dependeble.",
+        "more_button": "Pli",
+        "msisdn_lookup_failed": "Ne povas trovi telefonnumeron",
+        "msisdn_lookup_failed_description": "Eraris trovado de la telefonnumero",
+        "msisdn_transfer_failed": "Ne povas transdoni vokon",
+        "no_audio_input_description": "Ni ne trovis mikrofonon en via aparato. Bonvolu kontroli viajn agordojn kaj reprovi.",
+        "no_audio_input_title": "Neniu mikrofono troviĝis",
+        "no_media_perms_description": "Eble vi devos permane permesi al %(brand)s atingon de viaj mikrofono/kamerao",
+        "no_media_perms_title": "Neniuj permesoj pri aŭdvidaĵoj",
+        "no_permission_conference": "Necesas permeso",
+        "no_permission_conference_description": "Vi ne havas permeson komenci grupvokon en ĉi tiu ĉambro",
+        "on_hold": "%(name)s estas paŭzigita",
+        "screenshare_monitor": "Vidigi tutan ekranon",
+        "screenshare_title": "Havigi enhavon",
+        "screenshare_window": "Fenestro de aplikaĵo",
+        "show_sidebar_button": "Montri flankan breton",
+        "silence": "Silenta voko",
+        "silenced": "Sciigoj silentigitaj",
+        "start_screenshare": "Ŝalti ekranvidadon",
+        "stop_screenshare": "Malŝalti ekranvidadon",
+        "too_many_calls": "Tro multaj vokoj",
+        "too_many_calls_description": "Vi atingis la maksimuman nombron de samtempaj vokoj.",
+        "transfer_consult_first_label": "Unue konsulti",
+        "transfer_failed": "Malsukcesis transdono",
+        "transfer_failed_description": "Malsukcesis transdoni vokon",
+        "unable_to_access_audio_input_description": "Ni ne povis aliri vian mikrofonon. Bonvolu kontroli la agordojn de via foliumilo kaj reprovi.",
+        "unable_to_access_audio_input_title": "Ne povas aliri vian mikrofonon",
+        "unable_to_access_media": "Ne povas aliri retfilmilon / mikrofonon",
+        "unable_to_access_microphone": "Ne povas aliri mikrofonon",
+        "unknown_caller": "Nekonata vokanto",
+        "unknown_person": "nekonata persono",
+        "unsilence": "Kun sono",
+        "unsupported": "Vokoj estas nesubtenataj",
+        "unsupported_browser": "Vi ne povas telefoni per ĉi tiu retumilo.",
+        "user_busy": "Uzanto estas okupata",
+        "user_busy_description": "La uzanto, kiun vi vokis, estas okupata.",
+        "user_is_presenting": "%(sharerName)s prezentas",
+        "video_call": "Vidvoko",
+        "voice_call": "Voĉvoko",
+        "you_are_presenting": "Vi prezentas"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s sur %(osName)s",
+    "widget": {
+        "added_by": "Fenestraĵon aldonis",
+        "capabilities_dialog": {
+            "content_starting_text": "Ĉi tiu fenestraĵo volas:",
+            "decline_all_permission": "Rifuzi ĉion",
+            "remember_Selection": "Memoru mian elekton por tiu ĉi fenestraĵo",
+            "title": "Aprobi rajtojn de fenestraĵo"
+        },
+        "capability": {
+            "always_on_screen_generic": "Resti sur via ekrano rulante",
+            "always_on_screen_viewing_another_room": "Resti sur via ekrano rulante, dum rigardo al alia ĉambro",
+            "any_room": "La supre, sed en iu ajn ĉambro vi estas kunigita aŭ invitata ankaŭ al",
+            "byline_empty_state_key": "kun malplena statŝlosilo",
+            "byline_state_key": "kun statŝlosilo %(stateKey)s",
+            "capability": "La kapablo <b>%(capability)s</b>",
+            "change_avatar_active_room": "Ŝanĝi la bildon de via aktiva ĉambro",
+            "change_avatar_this_room": "Ŝanĝi la bildon de ĉi tiu ĉambro",
+            "change_name_active_room": "Ŝanĝi la nomon de via aktiva ĉambro",
+            "change_name_this_room": "Ŝanĝi la nomon de ĉi tiu ĉambro",
+            "change_topic_active_room": "Ŝanĝi la temon de via aktiva ĉambro",
+            "change_topic_this_room": "Ŝanĝi la temon de ĉi tiu ĉambro",
+            "receive_membership_active_room": "Vidu kiam oni aliĝas, foriras, aŭ invitiĝas al via aktiva ĉambro",
+            "receive_membership_this_room": "Vidu kiam oni aliĝas, foriras, aŭ invitiĝas al la ĉambro",
+            "remove_ban_invite_leave_active_room": "Forigu, forbaru aŭ invitu personojn al via aktiva ĉambro, kaj foriru vin",
+            "remove_ban_invite_leave_this_room": "Forigu, forbaru aŭ invitu personojn al ĉi tiu ĉambro, kaj foriru vin",
+            "see_avatar_change_active_room": "Vidi ŝanĝojn de bildo de ĉambro en via aktiva ĉambro",
+            "see_avatar_change_this_room": "Vidi ŝanĝojn de bildo de ĉambro en ĉi tiu ĉambro",
+            "see_event_type_sent_active_room": "Vidi okazojn de speco <b>%(eventType)s</b> afiŝitajn al via aktiva ĉambro",
+            "see_event_type_sent_this_room": "Vidi okazojn de speco <b>%(eventType)s</b> afiŝitajn al ĉi tiu ĉambro",
+            "see_images_sent_active_room": "Vidi bildojn afiŝitajn al via aktiva ĉambro",
+            "see_images_sent_this_room": "Vidi bildojn afiŝitajn al ĉi tiu ĉambro",
+            "see_messages_sent_active_room": "Vidi mesaĝojn senditajn al via aktiva ĉambro",
+            "see_messages_sent_this_room": "Vidi mesaĝojn senditajn al ĉi tiu ĉambro",
+            "see_msgtype_sent_active_room": "Vidi mesaĝojn de speco <b>%(msgtype)s</b> afiŝitajn al via aktiva ĉambro",
+            "see_msgtype_sent_this_room": "Vidi mesaĝojn de speco <b>%(msgtype)s</b> afiŝitajn al ĉi tiu ĉambro",
+            "see_name_change_active_room": "Vidi ŝanĝojn de nomo en via aktiva ĉambro",
+            "see_name_change_this_room": "Vidi ŝanĝojn de nomo en ĉi tiu ĉambro",
+            "see_sent_emotes_active_room": "Vidi mienojn afiŝitajn al via aktiva ĉambro",
+            "see_sent_emotes_this_room": "Vidi mienojn afiŝitajn al ĉi tiu ĉambro",
+            "see_sent_files_active_room": "Sendi ĝeneralajn dosierojn afiŝitajn al via aktiva ĉambro",
+            "see_sent_files_this_room": "Sendi ĝeneralajn dosierojn afiŝitajn al ĉi tiu ĉambro",
+            "see_sticker_posted_active_room": "Vidi ies ajn afiŝojn de glumarkoj al via aktiva ĉambro",
+            "see_sticker_posted_this_room": "Vidi afiŝojn de glumarkoj en ĉi tiu ĉambro",
+            "see_text_messages_sent_active_room": "Vidi tekstajn mesaĝojn afiŝitajn al via aktiva ĉambro",
+            "see_text_messages_sent_this_room": "Vidi tekstajn mesaĝojn afiŝitajn al ĉi tiu ĉambro",
+            "see_topic_change_active_room": "Vidi ŝanĝojn de temo en via aktiva ĉambro",
+            "see_topic_change_this_room": "Vidi ŝanĝojn de temo en ĉi tiu ĉambro",
+            "see_videos_sent_active_room": "Vidi filmojn afiŝitajn al via aktiva ĉambro",
+            "see_videos_sent_this_room": "Vidi filmojn afiŝitajn al ĉi tiu ĉambro",
+            "send_emotes_active_room": "Sendi mienon kiel vi en via aktiva ĉambro",
+            "send_emotes_this_room": "Sendi mienon kiel vi en ĉi tiu ĉambro",
+            "send_event_type_active_room": "Sendi okazojn de speco <b>%(eventType)s</b> kiel vi en via aktiva ĉambro",
+            "send_event_type_this_room": "Sendi okazojn de speco <b>%(eventType)s</b> kiel vi en ĉi tiu ĉambro",
+            "send_files_active_room": "Sendi ĝeneralajn dosierojn kiel vi en via aktiva ĉambro",
+            "send_files_this_room": "Sendi ĝeneralajn dosierojn kiel vi en ĉi tiu ĉambro",
+            "send_images_active_room": "Sendi bildojn kiel vi en via aktiva ĉambro",
+            "send_images_this_room": "Sendi bildojn kiel vi en ĉi tiu ĉambro",
+            "send_messages_active_room": "Sendi mesaĝojn kiel vi en via aktiva ĉambro",
+            "send_messages_this_room": "Sendi mesaĝojn kiel vi en ĉi tiu ĉambro",
+            "send_msgtype_active_room": "Sendi mesaĝojn de speco <b>%(msgtype)s</b> kiel vi en via aktiva ĉambro",
+            "send_msgtype_this_room": "Sendi mesaĝojn de speco <b>%(msgtype)s</b> kiel vi en ĉi tiu ĉambro",
+            "send_stickers_active_room": "Sendi glumarkojn al via aktiva ĉambro",
+            "send_stickers_active_room_as_you": "Sendi glumarkojn al via aktiva ĉambro kiel vi",
+            "send_stickers_this_room": "Sendi glumarkojn al ĉi tiu ĉambro",
+            "send_stickers_this_room_as_you": "Sendi glumarkojn al ĉi tiu ĉambro kiel vi",
+            "send_text_messages_active_room": "Sendi tekstajn mesaĝojn kiel vi en via aktiva ĉambro",
+            "send_text_messages_this_room": "Sendi tekstajn mesaĝojn kiel vi en ĉi tiu ĉambro",
+            "send_videos_active_room": "Sendi filmojn kiel vi en via aktiva ĉambro",
+            "send_videos_this_room": "Sendi filmojn kiel vi en ĉi tiu ĉambro",
+            "specific_room": "La supre, sed ankaŭ en <Room />",
+            "switch_room": "Ŝanĝi la vidatan ĉambron",
+            "switch_room_message_user": "Ŝanĝu, kiun ĉambron, mesaĝon, aŭ uzanton vi rigardas"
+        },
+        "context_menu": {
+            "delete": "Forigi fenestraĵon",
+            "delete_warning": "Forigo de fenestraĵo efektiviĝos por ĉiuj uzantoj en ĉi tiu ĉambro. Ĉu vi certe volas ĝin forigi?"
+        },
+        "cookie_warning": "Ĉi tiu fenestraĵo povas uzi kuketojn.",
+        "error_loading": "Eraris enlegado de fenestraĵo",
+        "error_mixed_content": "Eraris – Miksita enhavo",
+        "error_need_invite_permission": "Vi bezonas permeson inviti uzantojn por tio.",
+        "error_need_kick_permission": "Vi devas povi piedbati uzantojn por fari tion.",
+        "error_need_to_be_logged_in": "Vi devas esti salutinta.",
+        "error_unable_start_audio_stream_description": "Ne povas komenci sonelsendon.",
+        "error_unable_start_audio_stream_title": "Malsukcesis komenci tujelsendon",
+        "modal_data_warning": "Datumoj sur tiu ĉi ekrano estas havigataj al %(widgetDomain)s",
+        "modal_title_default": "Reĝima fenestraĵo",
+        "no_name": "Nekonata aplikaĵo",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Memoru ĉi tion",
+            "starting_text": "Ĉi tiu fenestraĵo kontrolos vian identigilon de uzanto, sed ne povos fari agojn por vi:",
+            "title": "Permesu al ĉi tiu fenestraĵo kontroli vian identecon"
+        },
+        "popout": "Fenestrigi fenestraĵon",
+        "set_room_layout": "Agordi al ĉiuj mian aranĝon de ĉambro",
+        "shared_data_mxid": "Via identigilo de uzanto",
+        "shared_data_name": "Via vidiga nomo",
+        "shared_data_room_id": "Identigilo de ĉambro",
+        "shared_data_theme": "Via haŭto",
+        "shared_data_url": "URL de %(brand)s",
+        "shared_data_warning": "Uzo de tiu ĉi fenestraĵo eble havigos datumojn <helpIcon /> kun %(widgetDomain)s.",
+        "shared_data_warning_im": "Uzo de tiu ĉi fenestraĵo eble havigos datumojn <helpIcon /> al %(widgetDomain)s kaj via kunigilo.",
+        "shared_data_widget_id": "Identigilo de fenestraĵo",
+        "unencrypted_warning": "Fenestraĵoj ne uzas ĉifradon de mesaĝoj."
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Plena majusklado estas preskaŭ same facile konjektebla kiel plena minusklado",
+            "anotherWord": "Aldonu alian vorton aŭ du. Maloftaj vortoj pli bonas.",
+            "associatedYears": "Evitu jarojn, kiuj ligiĝas al vi",
+            "capitalization": "Majusklado ne helpas multe",
+            "dates": "Evitu datojn kaj jarojn, kiuj ligiĝas al vi",
+            "l33t": "Facile diveneblaj anstataŭigoj, kiel '@' anstataŭ 'a', ne helpas multe",
+            "longerKeyboardPattern": "Uzu pli longan tekston kun plia varieco",
+            "noNeed": "Ne necesas simboloj, ciferoj, aŭ majuskloj",
+            "recentYears": "Evitu freŝdatajn jarojn",
+            "repeated": "Evitu ripetadon de vortoj kaj signoj",
+            "reverseWords": "Renversitaj vortoj ne estas multe pli malfacile konjekteblaj",
+            "sequences": "Evitu sinsekvojn",
+            "useWords": "Uzu malmultajn vortojn, kaj evitu oftajn frazojn"
+        },
+        "warnings": {
+            "common": "Ĉi tiu pasvorto estas tre ofta",
+            "commonNames": "Oftaj nomoj familiaj kaj individuaj estas facile diveneblaj",
+            "dates": "Datoj estas ofte facile diveneblaj",
+            "extendedRepeat": "Ripetoj kiel « abcabcabc » estas apenaŭ pli bonaj ol nur « abc »",
+            "keyPattern": "Mallongaj ripetoj de klavoj estas facile diveneblaj",
+            "namesByThemselves": "Ankaŭ nomoj familiaj kaj individiuaj estas memstare facile diveneblaj",
+            "recentYears": "Freŝdataj jaroj estas facile diveneblaj",
+            "sequences": "Sinsekvoj kiel « abc » aŭ « 6543 » estas facile diveneblaj",
+            "similarToCommon": "Ĉi tiu pasvorto similas iun tre oftan",
+            "simpleRepeat": "Ripetoj kiel « aaa » estas facile diveneblaj",
+            "straightRow": "Rektaj vicoj de klavoj estas facile diveneblaj",
+            "topHundred": "Ĉi tiu pasvorto estas inter la 100 plej oftaj",
+            "topTen": "Ĉi tiu pasvorto estas inter la 10 plej oftaj",
+            "wordByItself": "Memstara vorto estas facile divenebla"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/es.json b/apps/web/src/i18n/strings/es.json
new file mode 100644
index 00000000000..c0a90fd9d4e
--- /dev/null
+++ b/apps/web/src/i18n/strings/es.json
@@ -0,0 +1,3288 @@
+{
+    "a11y": {
+        "jump_first_invite": "Salte a la primera invitación.",
+        "message_composer": "Compositor de mensajes",
+        "n_unread_messages": {
+            "other": "%(count)s mensajes sin leer.",
+            "one": "1 mensaje sin leer."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s mensajes sin leer incluyendo menciones.",
+            "one": "1 mención sin leer."
+        },
+        "room_status_bar": "Barra de estado de la sala",
+        "seek_bar_label": "Barra de búsqueda de audio",
+        "unread_messages": "Mensajes sin leer."
+    },
+    "a11y_jump_first_unread_room": "Saltar a la primera sala sin leer.",
+    "action": {
+        "accept": "Aceptar",
+        "add": "Añadir",
+        "add_existing_room": "Añadir sala ya existente",
+        "apply": "Aplicar",
+        "approve": "Aprobar",
+        "ask_to_join": "Pedir acceso",
+        "back": "Volver",
+        "call": "Llamar",
+        "cancel": "Cancelar",
+        "change": "Cambiar",
+        "clear": "Borrar",
+        "click_to_copy": "Haz clic para copiar",
+        "close": "Cerrar",
+        "collapse": "Encoger",
+        "complete": "Completar",
+        "confirm": "Confirmar",
+        "continue": "Continuar",
+        "copy": "Copiar",
+        "copy_link": "Copiar enlace",
+        "create": "Crear",
+        "create_a_room": "Crear una sala",
+        "create_account": "Crear cuenta",
+        "decline": "Rechazar",
+        "decline_and_block": "Rechazar y bloquear",
+        "decline_invite": "Rechazar invitación",
+        "delete": "Borrar",
+        "deny": "Denegar",
+        "disable": "Desactivar",
+        "disconnect": "Desconectarse",
+        "dismiss": "Omitir",
+        "done": "Listo",
+        "download": "Descargar",
+        "edit": "Editar",
+        "enable": "Activar",
+        "enter_fullscreen": "Pantalla completa",
+        "exit_fullscreeen": "Salir de pantalla completa",
+        "expand": "Expandir",
+        "explore_rooms": "Explorar salas",
+        "export": "Exportar",
+        "forward": "Reenviar",
+        "go": "Ir",
+        "go_back": "Atrás",
+        "got_it": "Aceptar",
+        "hide_advanced": "Ocultar ajustes avanzados",
+        "hold": "Poner en espera",
+        "ignore": "Ignorar",
+        "import": "Importar",
+        "invite": "Invitar",
+        "join": "Unirse",
+        "learn_more": "Más información",
+        "leave": "Salir",
+        "leave_room": "Salir de la sala",
+        "logout": "Cerrar sesión",
+        "manage": "Gestionar",
+        "maximise": "Maximizar",
+        "mention": "Mencionar",
+        "minimise": "Minimizar",
+        "new_room": "Nueva sala",
+        "new_video_room": "Nueva sala de vídeo",
+        "next": "Siguiente",
+        "no": "No",
+        "ok": "Vale",
+        "open": "Abrir",
+        "pin": "Fijar",
+        "proceed": "Continuar",
+        "quote": "Citar",
+        "react": "Reaccionar",
+        "refresh": "Refrescar",
+        "register": "Crear cuenta",
+        "reload": "Recargar",
+        "remove": "Eliminar",
+        "rename": "Cambiar nombre",
+        "reply": "Responder",
+        "reply_in_thread": "Responder en hilo",
+        "report_room": "Reportar sala",
+        "resend": "Reenviar",
+        "reset": "Restablecer",
+        "resume": "Recuperar",
+        "retry": "Reintentar",
+        "review": "Revisar",
+        "revoke": "Revocar",
+        "save": "Guardar",
+        "search": "Buscar",
+        "send_report": "Enviar denuncia",
+        "set_avatar": "Establece una foto de perfil",
+        "share": "Compartir",
+        "show": "Mostrar",
+        "show_advanced": "Mostrar ajustes avanzados",
+        "show_all": "Ver todo",
+        "sign_in": "Iniciar sesión",
+        "sign_out": "Cerrar sesión",
+        "skip": "Omitir",
+        "start": "Empezar",
+        "stop": "Parar",
+        "submit": "Enviar",
+        "subscribe": "Suscribir",
+        "transfer": "Transferir",
+        "trust": "Confiar",
+        "try_again": "Intentarlo de nuevo",
+        "unban": "Quitar Veto",
+        "unignore": "Dejar de ignorar",
+        "unpin": "Desprender",
+        "unsubscribe": "Desuscribirse",
+        "update": "Actualizar",
+        "upgrade": "Actualizar",
+        "upload": "Enviar",
+        "upload_file": "Subir archivo",
+        "verify": "Verificar",
+        "view": "Ver",
+        "view_all": "Ver todas",
+        "view_list": "Ver lista",
+        "view_message": "Ver mensaje",
+        "view_source": "Ver fuente",
+        "yes": "Sí",
+        "yes_dismiss": "Sí, descartar",
+        "zoom_in": "Acercar",
+        "zoom_out": "Alejar"
+    },
+    "analytics": {
+        "accept_button": "Vale",
+        "bullet_1": "<Bold>No</Bold> guardamos ningún dato sobre tu cuenta o perfil",
+        "bullet_2": "<Bold>No</Bold> compartimos información con terceros",
+        "consent_migration": "En su momento, aceptaste compartir información anónima de uso con nosotros. Estamos cambiando cómo funciona el sistema.",
+        "disable_prompt": "Puedes desactivar esto cuando quieras en tus ajustes",
+        "enable_prompt": "Ayúdanos a mejorar %(analyticsOwner)s",
+        "learn_more": "Comparte datos anónimos con nosotros para ayudarnos a descubrir fallos. No incluye nada personal, y no se comparten con terceros. <LearnMoreLink>Más información</LearnMoreLink>",
+        "privacy_policy": "Puedes leer las condiciones completas <PrivacyPolicyUrl>aquí</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Ayúdanos a identificar problemas y a mejorar %(analyticsOwner)s. Comparte datos anónimos sobre cómo usas la aplicación para que entendamos mejor cómo usa la gente varios dispositivos. Generaremos un identificador aleatorio que usarán todos tus dispositivos.",
+        "shared_data_heading": "Cualquiera de los siguientes datos puede ser compartido:"
+    },
+    "auth": {
+        "3pid_in_use": "La dirección de e-mail o el número de teléfono ya está en uso.",
+        "account_clash": "Su nueva cuenta (%(newAccountId)s) está registrada, pero ya inició sesión en una cuenta diferente (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Continuar con la cuenta anterior",
+        "account_deactivated": "Esta cuenta ha sido desactivada.",
+        "autodiscovery_generic_failure": "No se pudo obtener la configuración de autodescubrimiento del servidor",
+        "autodiscovery_hs_incompatible": "Su homeserver es demasiado antiguo y no admite la versión mínima de API requerida. Póngase en contacto con el propietario de su servidor o actualice su servidor.",
+        "autodiscovery_invalid": "Respuesta inválida de descubrimiento de servidor base",
+        "autodiscovery_invalid_hs": "La URL del servidor base no parece ser un servidor válido de Matrix",
+        "autodiscovery_invalid_hs_base_url": "URL-base inválida para m.homeserver",
+        "autodiscovery_invalid_is": "La URL del servidor de identidad no parece ser un servidor de identidad válido",
+        "autodiscovery_invalid_is_base_url": "URL_base no válida para m.identity_server",
+        "autodiscovery_invalid_is_response": "Respuesta inválida de descubrimiento de servidor de identidad",
+        "autodiscovery_invalid_json": "JSON inválido",
+        "autodiscovery_no_well_known": "No se encontró archivo JSON .well-known",
+        "autodiscovery_unexpected_error_hs": "Error inesperado en la configuración del servidor",
+        "autodiscovery_unexpected_error_is": "Error inesperado en la configuración del servidor de identidad",
+        "captcha_description": "A este servidor le gustaría asegurarse de que no eres un robot.",
+        "change_password_action": "Cambiar la contraseña",
+        "change_password_confirm_invalid": "Las contraseñas no coinciden",
+        "change_password_confirm_label": "Confirmar contraseña",
+        "change_password_current_label": "Contraseña actual",
+        "change_password_empty": "Las contraseñas no pueden estar en blanco",
+        "change_password_error": "Error al cambiar la contraseña: %(error)s",
+        "change_password_mismatch": "Las contraseñas nuevas no coinciden",
+        "change_password_new_label": "Contraseña nueva",
+        "check_email_explainer": "Sigue las instrucciones enviadas a <b>%(email)s</b>",
+        "check_email_resend_prompt": "¿No lo has recibido?",
+        "check_email_resend_tooltip": "Email con enlace de verificación reenviado.",
+        "check_email_wrong_email_button": "Volver a escribir dirección de email",
+        "check_email_wrong_email_prompt": "¿Dirección de email equivocada?",
+        "continue_with_idp": "Continuar con %(provider)s",
+        "continue_with_sso": "Continuar con %(ssoButtons)s",
+        "country_dropdown": "Seleccione país",
+        "create_account_prompt": "¿Primera vez? <a>Crea una cuenta</a>",
+        "create_account_title": "Crear una cuenta",
+        "email_discovery_text": "También puedes usarlo para que tus contactos te encuentren fácilmente.",
+        "email_field_label": "Correo electrónico",
+        "email_field_label_invalid": "No parece una dirección de correo electrónico válida",
+        "email_field_label_required": "Escribe tu dirección de correo electrónico",
+        "email_help_text": "Añade un correo para poder restablecer tu contraseña si te olvidas.",
+        "email_phone_discovery_text": "Usa tu correo electrónico o teléfono para que, opcionalmente, tus contactos puedan descubrir tu cuenta.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> le enviará un enlace de verificación para permitirle restablecer su contraseña.",
+        "enter_email_heading": "Indica tu correo electrónico para restablecer la contraseña",
+        "failed_connect_identity_server": "No se puede conectar con el servidor de identidad",
+        "failed_connect_identity_server_other": "Puedes iniciar sesión, pero algunas funcionalidades no estarán disponibles hasta que el servidor de identidad esté disponible. Si continúas viendo este mensaje, comprueba tu configuración o contacta con el administrador del servidor.",
+        "failed_connect_identity_server_register": "Te puedes registrar, pero algunas funcionalidades no estarán disponibles hasta que se pueda conectar con el servidor de identidad. Si continúas viendo este aviso, comprueba tu configuración o contacta con el administrador del servidor.",
+        "failed_connect_identity_server_reset_password": "Puedes cambiar tu contraseña, pero algunas funcionalidades no estarán disponibles hasta que el servidor de identidad esté disponible. Si continúas viendo este aviso, comprueba tu configuración o contacta con el administrador del servidor.",
+        "failed_homeserver_discovery": "No se ha podido realizar el descubrimiento del servidor base",
+        "failed_query_registration_methods": "No se pueden consultar los métodos de registro admitidos.",
+        "failed_soft_logout_auth": "No se pudo volver a autenticar",
+        "failed_soft_logout_homeserver": "No ha sido posible volver a autenticarse debido a un problema con el servidor base",
+        "forgot_password_email_invalid": "La dirección de correo no parece ser válida.",
+        "forgot_password_email_required": "Debes ingresar la dirección de correo electrónico vinculada a tu cuenta.",
+        "forgot_password_prompt": "¿Olvidaste tu contraseña?",
+        "forgot_password_send_email": "Enviar email",
+        "identifier_label": "Iniciar sesión con",
+        "incorrect_credentials": "Nombre de usuario y/o contraseña incorrectos.",
+        "incorrect_credentials_detail": "Por favor, ten en cuenta que estás iniciando sesión en el servidor %(hs)s, y no en matrix.org.",
+        "incorrect_password": "Contraseña incorrecta",
+        "log_in_new_account": "<a>Inicie sesión</a> en su nueva cuenta.",
+        "logout_dialog": {
+            "description": "¿Estás seguro de que quieres salir?",
+            "setup_key_backup_title": "Perderás acceso a tus mensajes cifrados",
+            "skip_key_backup": "No quiero mis mensajes cifrados"
+        },
+        "misconfigured_body": "Solicita al administrador de %(brand)s que compruebe si hay entradas duplicadas o erróneas en <a>tu configuración</a>.",
+        "misconfigured_title": "Tu %(brand)s tiene un error de configuración",
+        "mobile_create_account_title": "Estás a punto de crear una cuenta en %(hsName)s",
+        "msisdn_field_description": "Otros usuarios pueden invitarte las salas utilizando tus datos de contacto",
+        "msisdn_field_label": "Teléfono",
+        "msisdn_field_number_invalid": "Ese número de teléfono no parece ser correcto, compruébalo e inténtalo de nuevo",
+        "msisdn_field_required_invalid": "Escribe tu teléfono móvil",
+        "no_hs_url_provided": "No se ha indicado la URL del servidor local",
+        "oidc": {
+            "error_title": "No hemos podido iniciar tu sesión",
+            "generic_auth_error": "Algo salió mal durante la autenticación. Vaya a la página de inicio de sesión e inténtelo de nuevo.",
+            "missing_or_invalid_stored_state": "Le hemos preguntado a tu navegador qué servidor base usar para iniciar tu sesión, pero parece que no lo recuerda. Vuelve a la página de inicio de sesión e inténtalo de nuevo."
+        },
+        "password_field_keep_going_prompt": "Sigue…",
+        "password_field_label": "Escribe tu contraseña",
+        "password_field_strong_label": "¡Fantástico, una contraseña fuerte!",
+        "password_field_weak_label": "Contraseña permitida, pero no es segura",
+        "phone_label": "Teléfono",
+        "phone_optional_label": "Teléfono (opcional)",
+        "qr_code_login": {
+            "check_code_explainer": "Esto verificará que la conexión a su otro dispositivo sea segura.",
+            "check_code_heading": "Ingrese el número mostrado en su otro dispositivo",
+            "check_code_input_label": "Código de 2 dígitos",
+            "check_code_mismatch": "Los números no coinciden",
+            "completing_setup": "Terminando de configurar tu nuevo dispositivo",
+            "error_etag_missing": "Ocurrió un error inesperado. Esto puede deberse a una extensión del navegador, servidor proxy o configuración incorrecta del servidor.",
+            "error_expired": "El inicio de sesión ha caducado. Por favor, inténtalo de nuevo.",
+            "error_expired_title": "El inicio de sesión no se completó a tiempo",
+            "error_insecure_channel_detected": "No se pudo establecer una conexión segura con el nuevo dispositivo. Sus dispositivos existentes siguen siendo seguros y no necesita preocuparse por ellos.",
+            "error_insecure_channel_detected_instructions": "¿Ahora qué?",
+            "error_insecure_channel_detected_instructions_1": "Intente iniciar sesión en el otro dispositivo nuevamente con un código QR en caso de que esto fuera un problema de red",
+            "error_insecure_channel_detected_instructions_2": "Si encuentra el mismo problema, pruebe una red wifi diferente o use sus datos móviles en lugar de wifi",
+            "error_insecure_channel_detected_instructions_3": "Si eso no funciona, inicie sesión manualmente",
+            "error_insecure_channel_detected_title": "Conexión no segura",
+            "error_other_device_already_signed_in": "No necesita hacer nada más.",
+            "error_other_device_already_signed_in_title": "Su otro dispositivo ya ha iniciado sesión",
+            "error_rate_limited": "Demasiados intentos en poco tiempo. Espera un poco antes de volverlo a intentar.",
+            "error_unexpected": "Ocurrió un error inesperado. La solicitud para conectar su otro dispositivo ha sido cancelada.",
+            "error_unsupported_protocol": "Este dispositivo no admite iniciar sesión en el otro dispositivo con un código QR.",
+            "error_unsupported_protocol_title": "Otro dispositivo no compatible",
+            "error_user_cancelled": "El inicio de sesión fue cancelado en el otro dispositivo.",
+            "error_user_cancelled_title": "Solicitud de inicio de sesión cancelada",
+            "error_user_declined": "Usted o el proveedor de la cuenta rechazó la solicitud de inicio de sesión.",
+            "error_user_declined_title": "Inicio de sesión rechazado",
+            "follow_remaining_instructions": "Siga las instrucciones restantes",
+            "open_element_other_device": "Abra %(brand)s en su otro dispositivo",
+            "point_the_camera": "Escanee el código QR mostrado aquí",
+            "scan_code_instruction": "Escanee el código QR con otro dispositivo",
+            "scan_qr_code": "Iniciar sesión con código QR",
+            "security_code_prompt": "Si se le solicita, ingrese el código de abajo en su otro dispositivo.",
+            "select_qr_code": "Seleccione \"%(scanQRCode)s\"",
+            "unsupported_explainer": "Su proveedor de cuenta no admite iniciar sesión en un nuevo dispositivo con un código QR.",
+            "unsupported_heading": "Código QR no compatible",
+            "waiting_for_device": "Esperando a que el dispositivo inicie sesión"
+        },
+        "register_action": "Crear cuenta",
+        "registration": {
+            "continue_without_email_description": "Ten en cuenta que, si no añades un correo electrónico y olvidas tu contraseña, podrías <b>perder accceso para siempre a tu cuenta</b>.",
+            "continue_without_email_field_label": "Correo electrónico (opcional)",
+            "continue_without_email_title": "Continuar sin correo electrónico"
+        },
+        "registration_disabled": "Se han desactivado los registros en este servidor base.",
+        "registration_msisdn_field_required_invalid": "Introduce un número de teléfono (es obligatorio en este servidor base)",
+        "registration_successful": "Registro exitoso",
+        "registration_username_in_use": "Ya hay alguien con ese nombre de usuario. Prueba con otro o, si eres tú, inicia sesión más abajo.",
+        "registration_username_unable_check": "No ha sido posible comprobar si el nombre de usuario está libre. Inténtalo de nuevo más tarde.",
+        "registration_username_validation": "Use sólo letras minúsculas, números, guiones y guiones bajos",
+        "reset_password": {
+            "confirm_new_password": "Confirmar nueva contraseña",
+            "devices_logout_success": "Se ha cerrado sesión en todos tus dispositivos y no recibirás más notificaciones. Para volver a habilitar las notificaciones, inicia sesión de nuevo en cada dispositivo.",
+            "other_devices_logout_warning_1": "Cerrar sesión en tus dispositivos causará que las claves de encriptado almacenadas en ellas se eliminen, haciendo que el historial de la conversación encriptada sea imposible de leer.",
+            "other_devices_logout_warning_2": "Si deseas mantener acceso a tu historial de conversación en salas encriptadas, configura copia de llaves o exporta tus claves de mensaje desde uno de tus otros dispositivos antes de proceder.",
+            "password_not_entered": "Debes ingresar una contraseña nueva.",
+            "passwords_mismatch": "Las contraseñas nuevas deben coincidir.",
+            "rate_limit_error": "Demasiados intentos en poco tiempo. Espera un poco antes de volverlo a intentar.",
+            "rate_limit_error_with_time": "Demasiados intentos en poco tiempo. Inténtalo de nuevo en %(timeout)s.",
+            "reset_successful": "Su contraseña ha sido restablecida.",
+            "return_to_login": "Regresar a la pantalla de inicio de sesión",
+            "sign_out_other_devices": "Cerrar sesión en todos los dispositivos"
+        },
+        "reset_password_action": "Restablecer contraseña",
+        "reset_password_button": "¿Olvidó su contraseña?",
+        "reset_password_email_field_description": "Utilice una dirección de correo electrónico para recuperar su cuenta",
+        "reset_password_email_field_required_invalid": "Introduce una dirección de correo electrónico (obligatorio en este servidor)",
+        "reset_password_email_not_associated": "Su dirección de correo electrónico no parece estar asociada con un ID de Matrix en este homeserver.",
+        "reset_password_email_not_found_title": "No se ha encontrado la dirección de correo electrónico",
+        "reset_password_title": "Restablezca su contraseña",
+        "server_picker_custom": "Otro servidor base",
+        "server_picker_description": "Puedes usar la opción de servidor personalizado para iniciar sesión a otro servidor de Matrix, escribiendo una dirección URL de servidor base diferente. Esto te permite usar %(brand)s con una cuenta de Matrix que ya exista en otro servidor base.",
+        "server_picker_description_matrix.org": "Únete de forma gratuita a millones de personas en el servidor público más grande",
+        "server_picker_dialog_title": "Decide dónde quieres alojar tu cuenta",
+        "server_picker_explainer": "Usa tu servidor base de Matrix de confianza o aloja el tuyo propio.",
+        "server_picker_failed_validate_homeserver": "No se ha podido validar el servidor base",
+        "server_picker_intro": "Llamamos «servidores base» a los sitios donde puedes tener tu cuenta.",
+        "server_picker_invalid_url": "URL inválida",
+        "server_picker_learn_more": "Sobre los servidores base",
+        "server_picker_matrix.org": "Matrix.org es el mayor servidor base público del mundo, por lo que mucha gente lo considera un buen sitio.",
+        "server_picker_required": "Especificar un servidor base",
+        "server_picker_title": "Inicia sesión en tu servidor base",
+        "server_picker_title_default": "Opciones del servidor",
+        "server_picker_title_registration": "Alojar la cuenta en",
+        "session_logged_out_description": "Esta sesión ha sido cerrada. Por favor, inicia sesión de nuevo.",
+        "session_logged_out_title": "Desconectado",
+        "set_email": {
+            "description": "Esto te permitirá reiniciar tu contraseña y recibir notificaciones.",
+            "verification_pending_description": "Por favor, consulta tu correo electrónico y haz clic en el enlace que contiene. Una vez hecho esto, haz clic en continuar.",
+            "verification_pending_title": "Verificación Pendiente"
+        },
+        "set_email_prompt": "¿Quieres poner una dirección de correo electrónico?",
+        "sign_in_description": "Usa tu cuenta para configurar.",
+        "sign_in_instead": "Iniciar sesión en su lugar",
+        "sign_in_instead_prompt": "¿Ya tienes una cuenta? <a>Inicia sesión aquí</a>",
+        "sign_in_or_register": "Iniciar sesión o Crear una cuenta",
+        "sign_in_or_register_description": "Entra con tu cuenta si ya tienes una o crea una nueva para continuar.",
+        "sign_in_with_sso": "Ingresar con un Registro Único",
+        "signing_in": "Iniciando sesión…",
+        "soft_logout": {
+            "clear_data_button": "Borrar todos los datos",
+            "clear_data_description": "La eliminación de todos los datos de esta sesión es definitiva. Los mensajes cifrados se perderán, a menos que se haya hecho una copia de seguridad de sus claves.",
+            "clear_data_title": "¿Borrar todos los datos en esta sesión?"
+        },
+        "soft_logout_heading": "Estás desconectado",
+        "soft_logout_intro_password": "Ingrese su contraseña para iniciar sesión y recuperar el acceso a su cuenta.",
+        "soft_logout_intro_sso": "Inicie sesión y recupere el acceso a su cuenta.",
+        "soft_logout_intro_unsupported_auth": "No puedes iniciar sesión en tu cuenta. Ponte en contacto con el administrador de su servidor base para obtener más información.",
+        "soft_logout_subheading": "Borrar datos personales",
+        "soft_logout_warning": "Advertencia: sus datos personales (incluidas las claves de cifrado) aún están almacenados en esta sesión. Límpielos si ha terminado de usar esta sesión, o desea iniciar sesión en otra cuenta.",
+        "sso": "Inicio de Sesión Único",
+        "sso_complete_in_browser_dialog_title": "Abre tu navegador web para completar el registro",
+        "sso_failed_missing_storage": "Le hemos preguntado a tu navegador qué servidor base usar para iniciar tu sesión, pero parece que no lo recuerda. Vuelve a la página de inicio de sesión e inténtalo de nuevo.",
+        "sso_or_username_password": "%(ssoButtons)s o %(usernamePassword)s",
+        "sync_footer_subtitle": "Si te has unido a muchas salas, esto puede tardar un poco",
+        "syncing": "Sincronizando…",
+        "uia": {
+            "code": "Código",
+            "email": "Para crear tu cuenta, abre el enlace en el mensaje que te acabamos de enviar a %(emailAddress)s.",
+            "email_auth_header": "Comprueba tu email para continuar",
+            "email_resend_prompt": "¿No lo has recibido? <a>Volver a mandar</a>",
+            "email_resent": "¡Reenviado!",
+            "fallback_button": "Iniciar autenticación",
+            "mas_cross_signing_reset_cta": "Continuar a la cuenta",
+            "mas_cross_signing_reset_description": "Está a punto de ir a su cuenta de %(serverName)s para restablecer su identidad. Una vez que haya completado el restablecimiento en su cuenta, regrese aquí y haga clic en Reintentar.",
+            "mas_cross_signing_reset_title": "Vaya a su cuenta para restablecer su identidad",
+            "msisdn": "Se envió un mensaje de texto a %(msisdn)s",
+            "msisdn_token_incorrect": "Token incorrecto",
+            "msisdn_token_prompt": "Por favor, escribe el código que contiene:",
+            "password_prompt": "Confirma tu identidad introduciendo la contraseña de tu cuenta.",
+            "recaptcha_missing_params": "Falta la clave pública del captcha en la configuración del servidor base. Por favor, informa de esto al administrador de tu servidor base.",
+            "registration_token_label": "Token de registro",
+            "registration_token_prompt": "Ingrese un token de registro proporcionado por el administrador del homeserver.",
+            "sso_body": "Confirma la nueva dirección de correo usando SSO para probar tu identidad.",
+            "sso_failed": "Ha ocurrido un error al confirmar tu identidad. Cancela e inténtalo de nuevo.",
+            "sso_postauth_body": "Haz clic en el botón de abajo para confirmar tu identidad.",
+            "sso_postauth_title": "Confirmar para continuar",
+            "sso_preauth_body": "Para continuar, utilice el inicio de sesión único para demostrar su identidad.",
+            "sso_title": "Continuar con registro único (SSO)",
+            "terms": "Por favor, revisa y acepta las políticas de este servidor base:",
+            "terms_invalid": "Por favor, revisa y acepta todas las políticas del servidor base"
+        },
+        "unsupported_auth": "Este servidor homeserver no ofrece ningún flujo de inicio de sesión compatible con este cliente.",
+        "unsupported_auth_email": "Este servidor base no admite iniciar sesión con una dirección de correo electrónico.",
+        "unsupported_auth_msisdn": "Este servidor no es compatible con autenticación mediante número telefónico.",
+        "username_field_required_invalid": "Introduce nombre de usuario",
+        "username_in_use": "Ya hay alguien con ese nombre de usuario. Prueba con otro, por favor.",
+        "verify_email_explainer": "Necesitamos saber que es usted antes de restablecer su contraseña. Haga clic en el enlace del correo electrónico que acabamos de enviar a <b>%(email)s</b>",
+        "verify_email_heading": "Verifique su correo electrónico para continuar"
+    },
+    "bug_reporting": {
+        "additional_context": "Si hay algún contexto adicional que ayude a analizar el problema, como por ejemplo lo que estaba haciendo en ese momento, nombre (ID) de sala, nombre (ID) de usuario, etc., por favor incluye esas cosas aquí.",
+        "before_submitting": "Antes de enviar los registros debes <a>crear una incidencia en GitHub</a> describiendo el problema.",
+        "collecting_information": "Recolectando información de la versión de la aplicación",
+        "collecting_logs": "Recolectando registros",
+        "create_new_issue": "Por favor, <newIssueLink>crea un nuevo nodo </newIssueLink> en GitHub para que podamos investigar este error.",
+        "description": "Los registros de depuración contienen datos sobre cómo usas la aplicación, incluyendo tu nombre de usuario, identificadores o alias de las salas que hayas visitado, una lista de los últimos elementos de la interfaz con los que has interactuado, así como los nombres de usuarios de otras personas. No contienen mensajes.",
+        "download_logs": "Descargar registros",
+        "downloading_logs": "Descargando registros",
+        "error_empty": "Por favor, cuéntanos qué ha fallado o, mejor aún, crea una incidencia en GitHub describiendo el problema.",
+        "failed_download_logs": "Error al descargar registros de depuración: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Su reporte de error fue rechazado. El servidor rageshake no admite esta aplicación.",
+            "rejected_generic": "Su reporte de error fue rechazado. El servidor rageshake rechazó el contenido del reporte debido a una política.",
+            "rejected_recovery_key": "Su reporte de error fue rechazado por razones de seguridad, ya que contenía una clave de recuperación.",
+            "rejected_version": "Su reporte de error fue rechazado porque la versión que está ejecutando es demasiado antigua.",
+            "server_unknown_error": "El servidor rageshake encontró un error desconocido y no pudo manejar el reporte.",
+            "unknown_error": "Error al enviar registros."
+        },
+        "github_issue": "Incidencia de GitHub",
+        "introduction": "Si ya has informado de un fallo a través de GitHub, los registros de depuración nos pueden ayudar a investigar mejor el problema. ",
+        "log_request": "Para ayudarnos a prevenir esto en el futuro, por favor, <a>envíanos logs</a>.",
+        "logs_sent": "Registros enviados",
+        "matrix_security_issue": "Para informar de un problema de seguridad relacionado con Matrix, lee la <a>Política de divulgación de seguridad</a> de Matrix.org.",
+        "preparing_download": "Preparándose para descargar registros",
+        "preparing_logs": "Preparando para enviar registros",
+        "send_logs": "Enviar registros",
+        "submit_debug_logs": "Enviar registros de depuración",
+        "textarea_label": "Notas",
+        "thank_you": "¡Gracias!",
+        "title": "Informar de un fallo",
+        "unsupported_browser": "Recordatorio: Su navegador no es compatible, por lo que su experiencia puede ser impredecible.",
+        "uploading_logs": "Subiendo registros",
+        "waiting_for_server": "Esperando una respuesta del servidor"
+    },
+    "cannot_invite_without_identity_server": "No se puede invitar al usuario por correo electrónico sin un servidor de identidad. Puede conectarse a uno en \"Configuración\".",
+    "cannot_reach_homeserver": "No se puede conectar con el servidor",
+    "cannot_reach_homeserver_detail": "Asegúrate de tener conexión a internet, o contacta con el administrador del servidor",
+    "cant_load_page": "No se ha podido cargar la página",
+    "chat_card_back_action_label": "Volver a la conversación",
+    "chat_effects": {
+        "confetti_description": "Envía el mensaje con confeti",
+        "confetti_message": "envía confeti",
+        "fireworks_description": "Envía el mensaje con fuegos artificiales",
+        "fireworks_message": "envía fuegos artificiales",
+        "hearts_description": "Envía corazones junto al mensaje",
+        "hearts_message": "envía corazones",
+        "rainfall_description": "Envía el mensaje junto a un efecto de lluvia",
+        "rainfall_message": "envía un efecto de lluvia",
+        "snowfall_description": "Envía el mensaje con copos de nieve",
+        "snowfall_message": "envía copos de nieve",
+        "spaceinvaders_description": "Envía un mensaje con efectos espaciales",
+        "spaceinvaders_message": "enviar space invaders"
+    },
+    "common": {
+        "access_token": "Token de acceso",
+        "accessibility": "Accesibilidad",
+        "advanced": "Avanzado",
+        "all_chats": "Todos los chats",
+        "analytics": "Analítica de datos",
+        "and_n_others": {
+            "other": "y %(count)s más…",
+            "one": "y otro más…"
+        },
+        "appearance": "Apariencia",
+        "application": "Aplicación",
+        "are_you_sure": "¿Estás seguro?",
+        "attachment": "Adjunto",
+        "authentication": "Autenticación",
+        "avatar": "Imagen de perfil",
+        "beta": "Beta",
+        "camera": "Cámara",
+        "cameras": "Cámaras",
+        "cancel": "Cancelar",
+        "capabilities": "Funcionalidades",
+        "copied": "¡Copiado!",
+        "credits": "Créditos",
+        "dark": "Oscuro",
+        "description": "Descripción",
+        "deselect_all": "Deseleccionar todo",
+        "device": "Dispositivo",
+        "edited": "editado",
+        "email_address": "Dirección de correo electrónico",
+        "emoji": "Emoticono",
+        "encrypted": "Cifrado",
+        "error": "Error",
+        "faq": "Preguntas frecuentes",
+        "feedback": "Danos tu opinión",
+        "filter_results": "Filtrar resultados",
+        "forward_message": "Reenviar mensaje",
+        "general": "General",
+        "go_to_settings": "Ir a la configuración",
+        "guest": "Invitado",
+        "help": "Ayuda",
+        "home": "Inicio",
+        "homeserver": "Servidor base",
+        "identity_server": "Servidor de identidad",
+        "image": "Imagen",
+        "integration_manager": "Gestor de integración",
+        "joined": "Te has unido",
+        "labs": "Experimentos",
+        "legal": "Legal",
+        "light": "Claro",
+        "loading": "Cargando…",
+        "location": "Ubicación",
+        "matrix": "Matrix",
+        "message": "Mensaje",
+        "message_layout": "Diseño del mensaje",
+        "message_timestamp_invalid": "Marca de tiempo inválida",
+        "microphone": "Micrófono",
+        "moderation_and_safety": "Moderación y seguridad",
+        "modern": "Moderno",
+        "mute": "Silenciar",
+        "n_members": {
+            "one": "%(count)s miembro",
+            "other": "%(count)s miembros"
+        },
+        "n_rooms": {
+            "one": "%(count)s sala",
+            "other": "%(count)s salas"
+        },
+        "name": "Nombre",
+        "no_results": "No hay resultados",
+        "no_results_found": "Ningún resultado",
+        "not_trusted": "No de confianza",
+        "off": "Apagado",
+        "offline": "Desconectado",
+        "on": "Encendido",
+        "options": "Opciones",
+        "orphan_rooms": "Otras salas",
+        "password": "Contraseña",
+        "people": "Gente",
+        "preferences": "Opciones",
+        "presence": "Presencia",
+        "preview_message": "Oye, tú… ¡eres genial!",
+        "privacy": "Privacidad",
+        "private": "Privado",
+        "private_room": "Sala privada",
+        "private_space": "Espacio privado",
+        "profile": "Perfil",
+        "public": "Público",
+        "public_room": "Sala pública",
+        "public_space": "Espacio público",
+        "qr_code": "Código QR",
+        "random": "Al azar",
+        "reactions": "Reacciones",
+        "recommended": "Recomendado",
+        "report_a_bug": "Avísanos de un fallo",
+        "room": "Sala",
+        "room_name": "Nombre de la sala",
+        "rooms": "Salas",
+        "save": "Guardar",
+        "saved": "Guardado",
+        "saving": "Guardando…",
+        "secure_backup": "Copia de seguridad segura",
+        "select_all": "Seleccionar todo",
+        "server": "Servidor",
+        "settings": "Ajustes",
+        "setup_secure_messages": "Configurar mensajes seguros",
+        "show_more": "Ver más",
+        "someone": "Alguien",
+        "space": "Espacio",
+        "spaces": "Espacios",
+        "sticker": "Pegatina",
+        "stickerpack": "Paquete de pegatinas",
+        "success": "Éxito",
+        "suggestions": "Sugerencias",
+        "support": "Ayuda",
+        "theme": "Tema",
+        "thread": "Hilo",
+        "threads": "Hilos",
+        "timeline": "Línea de tiempo",
+        "unavailable": "no disponible",
+        "unencrypted": "Sin cifrar",
+        "unmute": "Dejar de silenciar",
+        "unnamed_room": "Sala sin nombre",
+        "unnamed_space": "Espacio sin nombre",
+        "unverified": "Sin verificar",
+        "updating": "Actualizando...",
+        "user": "Usuario",
+        "user_avatar": "Foto de perfil",
+        "username": "Nombre de usuario",
+        "verified": "Verificada",
+        "version": "Versión",
+        "video_room": "Sala de vídeo",
+        "view_message": "Ver mensaje",
+        "warning": "Advertencia"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Notificar a toda la sala",
+            "command_a11y": "Comando Autocompletar",
+            "command_description": "Comandos",
+            "emoji_a11y": "Autocompletar Emoji",
+            "notification_a11y": "Autocompletar notificación",
+            "notification_description": "Notificación de Salas",
+            "room_a11y": "Autocompletar sala",
+            "space_a11y": "Autocompletar espacios",
+            "user_a11y": "Autocompletar de usuario",
+            "user_description": "Usuarios"
+        },
+        "close_sticker_picker": "Ocultar pegatinas",
+        "edit_composer_label": "Editar mensaje",
+        "format_bold": "Negrita",
+        "format_code_block": "Bloque de código",
+        "format_decrease_indent": "Reducir sangría",
+        "format_increase_indent": "Aumentar sangría",
+        "format_inline_code": "Código",
+        "format_insert_link": "Insertar enlace",
+        "format_italic": "Cursiva",
+        "format_italics": "Cursiva",
+        "format_link": "Enlace",
+        "format_ordered_list": "Lista numerada",
+        "format_strikethrough": "Tachado",
+        "format_underline": "Subrayado",
+        "format_unordered_list": "Lista",
+        "formatting_toolbar_label": "Formato",
+        "link_modal": {
+            "link_field_label": "Enlace",
+            "text_field_label": "Texto",
+            "title_create": "Crear un enlace",
+            "title_edit": "Editar enlace"
+        },
+        "mode_plain": "Ocultar formato",
+        "mode_rich_text": "Mostrar formato",
+        "no_perms_notice": "No tienes permiso para publicar en esta sala",
+        "placeholder": "Enviar un mensaje…",
+        "placeholder_encrypted": "Enviar un mensaje cifrado…",
+        "placeholder_reply": "Enviar una respuesta…",
+        "placeholder_reply_encrypted": "Enviar una respuesta cifrada…",
+        "placeholder_thread": "Responder al hilo…",
+        "placeholder_thread_encrypted": "Responder al hilo cifrado…",
+        "poll_button": "Encuesta",
+        "poll_button_no_perms_description": "No tienes permisos para empezar encuestas en esta sala.",
+        "poll_button_no_perms_title": "Se necesita permiso",
+        "replying_title": "Respondiendo",
+        "room_upgraded_link": "La conversación continúa aquí.",
+        "room_upgraded_notice": "Esta sala ha sido reemplazada y ya no está activa.",
+        "send_button_title": "Enviar mensaje",
+        "send_button_voice_message": "Enviar un mensaje de voz",
+        "send_voice_message": "Enviar un mensaje de voz",
+        "stop_voice_message": "Dejar de grabar",
+        "voice_message_button": "Mensaje de voz"
+    },
+    "console_dev_note": "Si sabes de estos temas, Element es de código abierto. ¡Echa un vistazo a nuestro GitHub (https://github.com/vector-im/element-web/) y colabora!",
+    "console_scam_warning": "Si alguien te ha dicho que copies o pegues algo aquí, ¡lo más seguro es que te estén intentando timar!",
+    "console_wait": "¡Espera!",
+    "create_room": {
+        "action_create_room": "Crear sala",
+        "action_create_video_room": "Crear sala de vídeo",
+        "encrypted_video_room_warning": "No lo podrás desactivar después. Esta sala se cifrará, pero no así la llamada integrada.",
+        "encrypted_warning": "No podrás desactivarlo más adelante. Los puentes y la mayoría de bots todavía no funcionarán.",
+        "encryption_forced": "Tu servidor obliga a usar cifrado en las salas privadas.",
+        "encryption_label": "Activar el cifrado de extremo a extremo",
+        "error_title": "No se ha podido crear la sala",
+        "generic_error": "El servidor podría estar saturado o desconectado, o has encontrado un fallo.",
+        "join_rule_change_notice": "Puedes cambiar esto cuando quieras desde los ajustes de la sala.",
+        "join_rule_invite": "Sala privada (solo por invitación)",
+        "join_rule_invite_label": "Solo aquellas personas invitadas podrán encontrar y unirse a esta sala.",
+        "join_rule_public_label": "Todo el mundo podrá encontrar y unirse a esta sala.",
+        "join_rule_public_parent_space_label": "Cualquiera podrá encontrar y unirse a esta sala, incluso gente que no sea miembro de <SpaceName/>.",
+        "join_rule_restricted": "Visible para los miembros del espacio",
+        "join_rule_restricted_label": "Todo el mundo en <SpaceName/> podrá encontrar y unirse a esta sala.",
+        "name_validation_required": "Elige un nombre para la sala",
+        "room_visibility_label": "Visibilidad de la sala",
+        "title_private_room": "Crear una sala privada",
+        "title_public_room": "Crear una sala pública",
+        "title_video_room": "Crear una sala de vídeo",
+        "topic_label": "Asunto (opcional)",
+        "unfederated": "Evita que cualquier persona que no sea parte de %(serverName)s se una a esta sala.",
+        "unfederated_label_default_off": "Puedes activar esto si la sala solo se usará para colaborar con equipos internos en tu servidor base. No se podrá cambiar después.",
+        "unfederated_label_default_on": "Puedes desactivar esto si la sala se utilizará para colaborar con equipos externos que tengan su propio servidor base. Esto no se puede cambiar después.",
+        "unsupported_version": "El servidor no soporta la versión de sala especificada."
+    },
+    "create_space": {
+        "add_details_prompt": "Añade algún detalle para ayudar a que la gente lo reconozca.",
+        "add_details_prompt_2": "Puedes cambiar todo esto en cualquier momento.",
+        "add_existing_rooms_description": "Elige salas o conversaciones para añadirlas. Este espacio es solo para ti, no informaremos a nadie. Puedes añadir más más tarde.",
+        "add_existing_rooms_heading": "¿Qué quieres organizar?",
+        "address_label": "Dirección",
+        "address_placeholder": "ej.: mi-espacio",
+        "creating": "Creando…",
+        "creating_rooms": "Creando salas…",
+        "done_action": "Ir a mi espacio",
+        "done_action_first_room": "Ir a mi primera sala",
+        "explainer": "Los espacios son una nueva manera de agrupar salas y personas. ¿Qué tipo de espacio quieres crear? Lo puedes cambiar más tarde.",
+        "failed_create_initial_rooms": "No se han podido crear las salas iniciales del espacio",
+        "failed_invite_users": "La invitación a este espacio de los siguientes usuarios ha fallado: %(csvUsers)s",
+        "invite_teammates_by_username": "Invitar por nombre de usuario",
+        "invite_teammates_description": "Vamos a asegurarnos de que solo la gente adecuada tiene acceso. Puedes invitar a más después.",
+        "invite_teammates_heading": "Invita a tu equipo",
+        "inviting_users": "Invitando…",
+        "label": "Crear un espacio",
+        "name_required": "Por favor, elige un nombre para el espacio",
+        "personal_space": "Solo yo",
+        "personal_space_description": "Un espacio privado para organizar tus salas",
+        "private_description": "Acceso por invitación, mejor para equipos o si vas a estar solo tú",
+        "private_heading": "Tu espacio privado",
+        "private_personal_description": "Vamos a asegurarnos de que solo la gente adecuada tiene acceso a %(name)s",
+        "private_personal_heading": "¿Con quién estás trabajando?",
+        "private_space": "Yo y mi equipo",
+        "private_space_description": "Un espacio privado para ti y tu equipo",
+        "public_description": "Abierto para todo el mundo, la mejor opción para comunidades",
+        "public_heading": "Tu espacio público",
+        "setup_rooms_community_description": "Crearemos una sala para cada uno.",
+        "setup_rooms_community_heading": "¿De qué quieres hablar en %(spaceName)s?",
+        "setup_rooms_description": "Puedes añadir más después, incluso si ya existen.",
+        "setup_rooms_private_description": "Crearemos una sala para cada uno.",
+        "setup_rooms_private_heading": "¿En qué proyectos está trabajando tu equipo?",
+        "share_description": "Ahora mismo no hay nadie más.",
+        "share_heading": "Compartir %(name)s",
+        "skip_action": "Omitir por ahora",
+        "subspace_adding": "Añadiendo…",
+        "subspace_beta_notice": "Añade un espacio a dentro de otros espacio que gestiones.",
+        "subspace_dropdown_title": "Crear un espacio",
+        "subspace_existing_space_prompt": "¿Quieres añadir un espacio que ya exista?",
+        "subspace_join_rule_invite_description": "Solo las personas invitadas podrán encontrar y unirse a este espacio.",
+        "subspace_join_rule_invite_only": "Espacio privado (solo por invitación)",
+        "subspace_join_rule_label": "Visibilidad del espacio",
+        "subspace_join_rule_public_description": "Cualquiera podrá encontrar y unirse a este espacio, incluso si no forman parte de <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Cualquiera que forme parte de <SpaceName/> podrá encontrar y unirse."
+    },
+    "credits": {
+        "default_cover_photo": "La <photo>foto de fondo por defecto</photo> es © <author>Jesús Roncero</author>, usada bajo los términos de la licencia <terms>CC-BY-SA 4.0</terms>."
+    },
+    "desktop_default_device_name": "%(brand)s de escritorio: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Accesorios activos",
+        "category_other": "Otros",
+        "category_room": "Sala",
+        "caution_colon": "Precaución:",
+        "client_versions": "Versiones de clientes",
+        "developer_mode": "Modo de desarrollo",
+        "developer_tools": "Herramientas de desarrollo",
+        "edit_setting": "Cambiar ajuste",
+        "edit_values": "Editar valores",
+        "empty_string": "<texto vacío>",
+        "event_content": "Contenido del Evento",
+        "event_id": "ID del evento: %(eventId)s",
+        "event_sent": "Evento enviado!",
+        "event_type": "Tipo de Evento",
+        "explore_account_data": "Explorar datos de la cuenta",
+        "explore_room_account_data": "Explorar datos de cuenta de la sala",
+        "explore_room_state": "Explorar estado de la sala",
+        "failed_to_find_widget": "Ha ocurrido un error al buscar este accesorio.",
+        "failed_to_load": "Fallo al cargar.",
+        "failed_to_save": "Fallo al guardar los ajustes.",
+        "failed_to_send": "¡Fallo al enviar el evento!",
+        "invalid_json": "No parece ser JSON válido.",
+        "level": "Nivel",
+        "low_bandwidth_mode": "Modo de bajo ancho de banda",
+        "low_bandwidth_mode_description": "Es necesario que el servidor base sea compatible.",
+        "number_of_users": "Número de usuarios",
+        "original_event_source": "Fuente original del evento",
+        "room_encrypted": "La sala está <strong>cifrada ✅</strong>",
+        "room_id": "ID de la sala: %(roomId)s",
+        "room_not_encrypted": "La sala <strong>no está cifrada 🚨</strong>",
+        "room_notifications_sender": "Remitente: ",
+        "room_notifications_type": "Tipo: ",
+        "room_status": "Estado de la sala",
+        "save_setting_values": "Guardar valores de ajustes",
+        "send_custom_account_data_event": "Enviar evento personalizado de cuenta de sala",
+        "send_custom_room_account_data_event": "Enviar evento personalizado de cuenta de la sala",
+        "send_custom_state_event": "Enviar evento de estado personalizado",
+        "send_custom_timeline_event": "Enviar evento personalizado de historial de mensajes",
+        "server_info": "Info del servidor",
+        "server_versions": "Versiones de servidor",
+        "settable_global": "Establecible globalmente",
+        "settable_room": "Establecible a nivel de sala",
+        "setting_colon": "Ajuste:",
+        "setting_definition": "Definición del ajuste:",
+        "setting_id": "ID de ajuste",
+        "settings_explorer": "Explorar ajustes",
+        "show_hidden_events": "Mostrar eventos ocultos en la línea de tiempo",
+        "spaces": {
+            "one": "<espacio>",
+            "other": "<%(count)s espacios>"
+        },
+        "state_key": "Clave de estado",
+        "title": "Herramientas de desarrollo",
+        "toolbox": "Caja de herramientas",
+        "use_at_own_risk": "Esta interfaz NO comprueba los tipos de dato de los valores. Usar bajo tu responsabilidad.",
+        "value": "Valor",
+        "value_colon": "Valor:",
+        "value_in_this_room": "Valor en esta sala",
+        "value_this_room_colon": "Valor en esta sala:",
+        "values_explicit": "Valores a niveles explícitos",
+        "values_explicit_colon": "Valores a niveles explícitos:",
+        "values_explicit_room": "Valores a niveles explícitos en esta sala",
+        "values_explicit_this_room_colon": "Valores a niveles explícitos en esta sala:",
+        "view_servers_in_room": "Ver servidores en la sala",
+        "view_source_decrypted_event_source": "Descifrar fuente del evento",
+        "widget_screenshots": "Activar capturas de pantalla de accesorios en los accesorios que lo permitan"
+    },
+    "dialog_close_label": "Cerrar diálogo",
+    "download_completed": "Descarga completada",
+    "empty_room": "Sala vacía",
+    "empty_room_was_name": "Sala vacía (antes era %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Clave de seguridad incorrecta"
+            },
+            "restoring": "Restaurando las claves desde copia de seguridad",
+            "security_key_title": "Clave de seguridad"
+        },
+        "bootstrap_title": "Configurando claves",
+        "confirm_encryption_setup_body": "Haz clic en el botón de abajo para confirmar la configuración del cifrado.",
+        "confirm_encryption_setup_title": "Confirmar la configuración de cifrado",
+        "cross_signing_room_normal": "Esta sala usa cifrado de extremo a extremo",
+        "cross_signing_room_verified": "Todos los participantes en esta sala están verificados",
+        "cross_signing_room_warning": "Alguien está usando una sesión desconocida",
+        "cross_signing_user_normal": "No has verificado a este usuario.",
+        "cross_signing_user_verified": "Usted ha verificado este usuario. Este usuario ha verificado todas sus sesiones.",
+        "cross_signing_user_warning": "Este usuario no ha verificado todas sus sesiones.",
+        "event_shield_reason_authenticity_not_guaranteed": "La autenticidad de este mensaje cifrado no puede ser garantizada en este dispositivo.",
+        "event_shield_reason_mismatched_sender_key": "Cifrado por una sesión no verificada",
+        "export_unsupported": "Su navegador no soporta las extensiones de criptografía requeridas",
+        "import_invalid_keyfile": "No es un archivo de claves de %(brand)s válido",
+        "import_invalid_passphrase": "La verificación de autenticación falló: ¿contraseña incorrecta?",
+        "messages_not_secure": {
+            "cause_1": "Tu servidor base",
+            "cause_2": "El servidor base del usuario al que estás invitando",
+            "cause_3": "Tu conexión a internet o la de la otra persona",
+            "cause_4": "Tu sesión o la de la otra persona",
+            "heading": "Uno de los siguientes puede estar comprometido:",
+            "title": "Los mensajes no son seguros"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Se ha detectado una nueva frase de seguridad y clave para mensajes seguros.",
+            "description_2": "Esta sesión está cifrando el historial usando el nuevo método de recuperación.",
+            "title": "Nuevo método de recuperación",
+            "warning": "Si no configuró el nuevo método de recuperación, es posible que un atacante esté intentando acceder a su cuenta. Cambie la contraseña de su cuenta y configure un nuevo método de recuperación inmediatamente en Configuración."
+        },
+        "recovery_method_removed": {
+            "description_1": "Esta sesión ha detectado que tu frase de seguridad y clave para mensajes seguros ha sido eliminada.",
+            "description_2": "Si hizo esto accidentalmente, puede configurar Mensajes seguros en esta sesión que volverá a cifrar el historial de mensajes de esta sesión con un nuevo método de recuperación.",
+            "title": "Método de recuperación eliminado",
+            "warning": "Si no eliminó el método de recuperación, es posible que un atacante esté intentando acceder a su cuenta. Cambie la contraseña de su cuenta y configure un nuevo método de recuperación inmediatamente en Configuración."
+        },
+        "set_up_recovery_toast_description": "Genera una clave de recuperación que puede usarse para restaurar el histórico de mensajes encriptados en caso de que pierdas el acceso a tus dispositivos.",
+        "set_up_toast_title": "Configurar copia de seguridad segura",
+        "unable_to_setup_keys_error": "No se han podido configurar las claves",
+        "verification": {
+            "accepting": "Aceptando…",
+            "after_new_login": {
+                "device_verified": "Dispositivo verificado",
+                "skip_verification": "Saltar la verificación por ahora",
+                "verify_this_device": "Verificar este dispositivo"
+            },
+            "cancelling": "Anulando…",
+            "complete_action": "Entendido",
+            "complete_description": "Has verificado correctamente a este usuario.",
+            "complete_title": "¡Verificado!",
+            "error_starting_description": "No se ha podido iniciar una conversación con el otro usuario.",
+            "error_starting_title": "Error al empezar la verificación",
+            "explainer": "Los mensajes seguros con este usuario están cifrados punto a punto y no es posible que los lean otros.",
+            "in_person": "Para mayor seguridad, haz esto en persona o usando una forma de comunicación de confianza.",
+            "incoming_sas_device_dialog_text_1": "Verifica este dispositivo para marcarlo como confiable. Confiar en este dispositivo te da a ti y a otros usuarios tranquilidad adicional cuando utilizáis mensajes cifrados de extremo a extremo.",
+            "incoming_sas_device_dialog_text_2": "La verificación de este dispositivo lo marcará como de confianza. Los usuarios que te han verificado confiarán en este dispositivo.",
+            "incoming_sas_dialog_title": "Petición de verificación entrante",
+            "incoming_sas_dialog_waiting": "Esperando a que la otra persona confirme…",
+            "incoming_sas_user_dialog_text_1": "Verifica a este usuario para marcarlo como de confianza. Confiar en usuarios aporta tranquilidad en los mensajes cifrados de extremo a extremo.",
+            "incoming_sas_user_dialog_text_2": "Verificar este usuario marcará su sesión como de confianza, y también marcará tu sesión como de confianza para él.",
+            "no_support_qr_emoji": "El dispositivo que estás intentando verificar no es compatible con el escaneo de códigos QR o la verificación con emojis, que son las opciones que %(brand)s ofrece. Prueba con otra aplicación distinta.",
+            "other_party_cancelled": "El otro lado canceló la verificación.",
+            "prompt_encrypted": "Verifica a todos los usuarios de una sala para asegurar que es segura.",
+            "prompt_unencrypted": "En salas cifradas, verifica a todos los usuarios para asegurarte de que es segura.",
+            "qr_or_sas": "%(qrCode)s o %(emojiCompare)s",
+            "qr_prompt": "Escanea este código",
+            "qr_reciprocate_same_shield_user": "¡Ya casi está! ¿Está %(displayName)s mostrando el mismo escudo?",
+            "request_toast_decline_counter": "Ignorar (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s desde %(ip)s",
+            "sas_caption_self": "Verifica este dispositivo confirmando que el siguiente número aparece en pantalla.",
+            "sas_caption_user": "Verifica a este usuario confirmando que este número aparece en su pantalla.",
+            "sas_description": "Compara un conjunto de emojis si no tienes cámara en ninguno de los dispositivos",
+            "sas_emoji_caption_user": "Verifica este usuario confirmando que los siguientes emojis aparecen en su pantalla.",
+            "sas_match": "Coinciden",
+            "sas_no_match": "No coinciden",
+            "sas_prompt": "Compara los emojis",
+            "scan_qr": "Verificar mediante escaneo",
+            "scan_qr_explainer": "Pídele a %(displayName)s que escanee tu código:",
+            "start_button": "Iniciar verificación",
+            "successful_user": "¡Has verificado con éxito a %(displayName)s!",
+            "unsupported_method": "No es posible encontrar un método de verificación soportado.",
+            "unverified_session_toast_accept": "Sí, fui yo",
+            "unverified_session_toast_title": "Nuevo inicio de sesión. ¿Fuiste tú?",
+            "unverified_sessions_toast_description": "Revisa que tu cuenta esté segura",
+            "unverified_sessions_toast_reject": "Más tarde",
+            "unverified_sessions_toast_title": "Tienes sesiones sin verificar",
+            "verification_dialog_title_device": "Verificar otro dispositivo",
+            "verification_dialog_title_user": "Solicitud de verificación",
+            "verification_skip_warning": "Si decides no verificar, no tendrás acceso a todos tus mensajes y puede que le aparezcas a los demás como «no confiado».",
+            "verification_success_with_backup": "Has verificado tu nuevo dispositivo. Ahora podrá leer tus mensajes cifrados, y el resto verá que es de confianza.",
+            "verification_success_without_backup": "Has verificado tu nuevo dispositivo. El resto verá que es de confianza.",
+            "verify_emoji": "Verificar con emoji",
+            "verify_emoji_prompt": "Verifica comparando emoji únicos.",
+            "verify_emoji_prompt_qr": "Si no puedes escanear el código de arriba, verifica comparando emoji únicos.",
+            "verify_later": "La verificaré en otro momento",
+            "waiting_for_user_accept": "Esperando a que %(displayName)s acepte…",
+            "waiting_other_device": "Esperando a que verifiques en tu otro dispositivo…",
+            "waiting_other_device_details": "Esperando a que verifiques en tu otro dispositivo, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Esperando la verificación de %(displayName)s…"
+        },
+        "verification_requested_toast_title": "Solicitud de verificación",
+        "verify_toast_description": "Puede que otros usuarios no confíen en ella",
+        "verify_toast_title": "Verifica esta sesión"
+    },
+    "error": {
+        "admin_contact": "Por favor, <a>contacta al administrador de tu servicio</a> para continuar utilizando este servicio.",
+        "admin_contact_short": "Contacta con el <a>administrador del servidor</a>.",
+        "app_launch_unexpected_error": "Error inesperado preparando la aplicación. Ver la consola para más detalles.",
+        "cannot_load_config": "No se ha podido cargar el archivo de configuración. Recarga la página para intentarlo otra vez.",
+        "connection": "Ha ocurrido un error al conectarse a tu servidor base, inténtalo de nuevo más tarde.",
+        "dialog_description_default": "Un error ha ocurrido.",
+        "edit_history_unsupported": "Tu servidor base no parece soportar esta funcionalidad.",
+        "failed_copy": "Falló la copia",
+        "hs_blocked": "Este servidor base ha sido bloqueado por su administración.",
+        "invalid_configuration_no_server": "Configuración errónea: no se ha especificado servidor.",
+        "invalid_json": "Tu configuración de Element contiene JSON inválido. Por favor corrígelo e inténtelo de nuevo.",
+        "invalid_json_detail": "El mensaje del parser es: %(message)s",
+        "invalid_json_generic": "JSON inválido",
+        "mau": "Este servidor base ha alcanzado su límite mensual de usuarios activos.",
+        "misconfigured": "Tu aplicación Element está mal configurada",
+        "mixed_content": "No se ha podido conectar al servidor base a través de HTTP, cuando es necesario un enlace HTTPS en la barra de direcciones de tu navegador. Ya sea usando HTTPS o <a>activando los scripts inseguros</a>.",
+        "non_urgent_echo_failure_toast": "Tú servidor no esta respondiendo a ciertas <a>solicitudes</a>.",
+        "resource_limits": "Este servidor base ha excedido uno de sus límites de recursos.",
+        "session_restore": {
+            "clear_storage_button": "Borrar almacenamiento y cerrar sesión",
+            "clear_storage_description": "¿Salir y borrar las claves de cifrado?",
+            "description_1": "Encontramos un error al intentar restaurar su sesión anterior.",
+            "description_2": "Si ha usado anteriormente una versión más reciente de %(brand)s, su sesión puede ser incompatible con ésta. Cierre la ventana y vuelva a la versión más reciente.",
+            "description_3": "Limpiando el almacenamiento del navegador puede arreglar el problema, pero le desconectará y cualquier historial de conversación cifrado se volverá ilegible.",
+            "title": "No se puede recuperar la sesión"
+        },
+        "something_went_wrong": "¡Algo ha fallado!",
+        "storage_evicted_description_1": "Algunos datos de sesión, incluyendo claves de mensajes cifrados, no se encuentran. Desconéctate y vuelve a conectarte para solucionarlo, restableciendo las claves desde la copia de seguridad.",
+        "storage_evicted_description_2": "Tu navegador probablemente borró estos datos cuando tenía poco espacio de disco.",
+        "storage_evicted_title": "Faltan datos de sesión",
+        "sync": "No se ha podido conectar al servidor base. Reintentando…",
+        "tls": "No se puede conectar al servidor base. Por favor, comprueba tu conexión, asegúrate de que el <a>certificado SSL del servidor</a> es de confiaza, y comprueba que no haya extensiones de navegador bloqueando las peticiones.",
+        "unknown": "Error desconocido",
+        "unknown_error_code": "Código de error desconocido",
+        "update_power_level": "Fallo al cambiar de nivel de acceso"
+    },
+    "error_database_closed_title": "La base de datos se ha cerrado de forma inesperada",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "No se ha podido copiar el enlace a la sala.",
+            "title": "No se ha podido copiar el enlace a la sala"
+        },
+        "error_loading_user_profile": "No se pudo cargar el perfil de usuario",
+        "forget_room_failed": "No se pudo olvidar la sala %(errCode)s"
+    },
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Llamada en progreso",
+            "user": "%(senderName)s se ha unido a la llamada",
+            "you": "Te has unido a la llamada"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s ha terminado la llamada",
+            "you": "Has terminado la llamada"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s está llamando",
+            "dm_send": "Esperado por una respuesta",
+            "user": "%(senderName)s inicio una llamada",
+            "you": "Has iniciado una llamada"
+        },
+        "m.reaction": {
+            "you": "Reaccionaste %(reaction)s a %(message)s"
+        }
+    },
+    "export_chat": {
+        "cancelled": "Exportación cancelada",
+        "cancelled_detail": "Has cancelado la exportación",
+        "confirm_stop": "¿Seguro que quieres parar la exportación de tus datos? Si quieres exportarlos más adelante, tendrás que empezarla de nuevo.",
+        "creating_html": "Creando HTML…",
+        "creating_output": "Creando resultado…",
+        "creator_summary": "%(creatorName)s creó esta sala.",
+        "current_timeline": "Línea de tiempo actual",
+        "enter_number_between_min_max": "Escribe un número entre %(min)s y %(max)s",
+        "error_fetching_file": "Error al recuperar el archivo",
+        "export_info": "Aquí empieza la exportación de <roomName/>. Exportado por <exporterDetails/> el %(exportDate)s.",
+        "export_successful": "¡Exportación completada!",
+        "exported_n_events_in_time": {
+            "one": "%(count)s evento exportado en %(seconds)s segundos",
+            "other": "%(count)s eventos exportados en %(seconds)s segundos"
+        },
+        "exporting_your_data": "Exportando tus datos",
+        "fetched_n_events": {
+            "one": "Recibido %(count)s evento por ahora",
+            "other": "Recibidos %(count)s eventos por ahora"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Recibido %(count)s evento en %(seconds)ss",
+            "other": "Recibidos %(count)s eventos en %(seconds)ss"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Recibido %(count)s evento de %(total)s",
+            "other": "Recibidos %(count)s eventos de %(total)s"
+        },
+        "fetching_events": "Recuperando eventos…",
+        "file_attached": "Archivo adjunto",
+        "format": "Formato",
+        "from_the_beginning": "Desde el principio",
+        "generating_zip": "Generar un archivo ZIP",
+        "html": "HTML",
+        "html_title": "Datos exportados",
+        "include_attachments": "Incluir archivos adjuntos",
+        "json": "JSON",
+        "media_omitted": "Archivo omitido",
+        "media_omitted_file_size": "Archivo omitido - supera el límite de tamaño",
+        "messages": "Mensajes",
+        "num_messages": "Número de mensajes",
+        "num_messages_min_max": "El número de mensajes solo puede ser de %(min)s a %(max)s",
+        "number_of_messages": "Un número máximo de mensajes",
+        "processing": "Procesando…",
+        "processing_event_n": "Procesando evento %(number)s de %(total)s",
+        "select_option": "Elige cómo quieres exportar los mensajes",
+        "size_limit": "Límite de tamaño",
+        "size_limit_min_max": "El tamaño solo puede ser un número de %(min)s a %(max)s MB",
+        "starting_export": "Comenzando la exportación…",
+        "successful": "Exportado con éxito",
+        "successful_detail": "La exportación ha terminado correctamente. La puedes encontrar en tu carpeta de Descargas.",
+        "text": "Texto",
+        "title": "Exportar conversación",
+        "topic": "Asunto: %(topic)s",
+        "unload_confirm": "¿Seguro que quieres salir durante la exportación?"
+    },
+    "failed_load_async_component": "No se ha podido cargar. Comprueba tu conexión de red e inténtalo de nuevo.",
+    "feedback": {
+        "can_contact_label": "Os podéis poner en contacto conmigo si tenéis alguna pregunta",
+        "comment_label": "Comentario",
+        "existing_issue_link": "Por favor, echa un vistazo primero a <existingIssuesLink>las incidencias de Github</existingIssuesLink>. Si no encuentras nada relacionado, <newIssueLink>crea una nueva incidencia</newIssueLink>.",
+        "may_contact_label": "Podéis poneros en contacto conmigo para responderme o informarme sobre nuevas ideas",
+        "platform_username": "Tu nombre de usuario y plataforma irán adjuntos para que podamos interpretar tus comentarios lo mejor posible.",
+        "pro_type": "CONSEJO: Si creas una incidencia, adjunta <debugLogsLink>tus registros de depuración</debugLogsLink> para ayudarnos a localizar el problema.",
+        "send_feedback_action": "Enviar comentarios",
+        "sent": "Comentarios enviados"
+    },
+    "file_panel": {
+        "empty_description": "Adjunta archivos desde el chat o simplemente arrástralos y suéltalos en cualquier lugar de una sala.",
+        "empty_heading": "No hay archivos visibles en esta sala",
+        "guest_note": "<a>Regístrate</a> para usar esta funcionalidad",
+        "peek_note": "Debes unirte a la sala para ver sus archivos"
+    },
+    "forward": {
+        "filter_placeholder": "Busca salas o gente",
+        "message_preview_heading": "Vista previa del mensaje",
+        "no_perms_title": "No tienes permisos para hacer eso",
+        "open_room": "Abrir sala",
+        "send_label": "Enviar",
+        "sending": "Enviando",
+        "sent": "Enviado"
+    },
+    "identity_server": {
+        "change": "Cambiar el servidor de identidad",
+        "change_prompt": "¿Desconectarse del servidor de identidad <current /> y conectarse a <new/>?",
+        "change_server_prompt": "Si no quieres usar <server /> para descubrir y ser descubierto por contactos existentes que conoces, introduce otro servidor de identidad más abajo.",
+        "checking": "Comprobando servidor",
+        "description_connected": "Estás usando actualmente <server></server> para descubrir y ser descubierto por contactos existentes que conoces. Puedes cambiar tu servidor de identidad más abajo.",
+        "description_disconnected": "No estás usando un servidor de identidad ahora mismo. Para descubrir y ser descubierto por contactos existentes que conoces, introduce uno más abajo.",
+        "description_optional": "Usar un servidor de identidad es opcional. Si eliges no usar un servidor de identidad, no podrás ser descubierto por otros usuarios y no podrás invitar a otros por email o teléfono.",
+        "disconnect": "Desconectar servidor de identidad",
+        "disconnect_anyway": "Desconectar de todas formas",
+        "disconnect_offline_warning": "Usted debe <b> eliminar sus datos personales </b> del servidor de identidad <idserver /> antes de desconectarse. Desafortunadamente, el servidor de identidad <idserver /> está actualmente desconectado o es imposible comunicarse con él por otra razón.",
+        "disconnect_personal_data_warning_1": "Usted todavía está <b> compartiendo sus datos personales</b> en el servidor de identidad <idserver />.",
+        "disconnect_personal_data_warning_2": "Le recomendamos que elimine sus direcciones de correo electrónico y números de teléfono del servidor de identidad antes de desconectarse.",
+        "disconnect_server": "¿Desconectarse del servidor de identidad <idserver />?",
+        "disconnect_warning": "Desconectarte de tu servidor de identidad significa que no podrás ser descubierto por otros usuarios y no podrás invitar a otros por email o teléfono.",
+        "do_not_use": "No usar un servidor de identidad",
+        "error_connection": "No se ha podido conectar al servidor de identidad",
+        "error_invalid": "No es un servidor de identidad válido (código de estado %(code)s)",
+        "error_invalid_or_terms": "Términos de servicio no aceptados o el servidor de identidad es inválido.",
+        "no_terms": "El servidor de identidad que has elegido no tiene ningún término de servicio.",
+        "suggestions": "Deberías:",
+        "suggestions_1": "comprueba los complementos (plugins) de tu navegador para ver si hay algo que pueda bloquear el servidor de identidad (como p.ej. Privacy Badger)",
+        "suggestions_2": "contactar con los administradores del servidor de identidad <idserver />",
+        "suggestions_3": "espera y vuelve a intentarlo más tarde",
+        "url": "Servidor de identidad %(server)s",
+        "url_field_label": "Introducir un servidor de identidad nuevo",
+        "url_not_https": "La URL del servidor de identidad debe ser HTTPS"
+    },
+    "in_space": "En el espacio %(spaceName)s.",
+    "in_space1_and_space2": "En los espacios %(space1Name)s y %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "En %(spaceName)s y %(count)s espacio más.",
+        "other": "En %(spaceName)s y otros %(count)s espacios"
+    },
+    "incompatible_browser": {
+        "title": "Navegador no compatible"
+    },
+    "info_tooltip_title": "Información",
+    "integration_manager": {
+        "connecting": "Conectando al gestor de integraciones…",
+        "error_connecting": "El gestor de integraciones está desconectado o no puede conectar con su servidor.",
+        "error_connecting_heading": "No se puede conectar al gestor de integraciones",
+        "explainer": "Los gestores de integraciones reciben datos de configuración, y pueden modificar accesorios, enviar invitaciones de sala, y establecer niveles de poder en tu nombre.",
+        "manage_title": "Gestor de integraciones",
+        "use_im": "Usa un gestor de integraciones para bots, accesorios y paquetes de pegatinas.",
+        "use_im_default": "Usar un gestor de integraciones <b>(%(serverName)s)</b> para gestionar bots, accesorios y paquetes de pegatinas."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Activa «%(manageIntegrations)s» en ajustes para poder hacer esto.",
+        "disabled_dialog_title": "Las integraciones están desactivadas",
+        "impossible_dialog_description": "Tu aplicación %(brand)s no te permite usar un gestor de integración para hacer esto. Por favor, contacta con un administrador.",
+        "impossible_dialog_title": "Integraciones no están permitidas"
+    },
+    "invite": {
+        "email_caption": "Invitar a través de correo electrónico",
+        "email_use_default_is": "Usar un servidor de identidad para invitar a través de correo electrónico. <default>. Usar (%(defaultIdentityServerName)s)</default>o seleccione en <settings>Ajustes</settings>.",
+        "email_use_is": "Utilice un servidor de identidad para invitar por correo electrónico. Gestionar en <settings>Ajustes</settings>.",
+        "error_already_invited_room": "El usuario ya está invitado a la sala",
+        "error_already_invited_space": "El usuario ya está invitado al espacio",
+        "error_already_joined_room": "El usuario ya está en la sala",
+        "error_already_joined_space": "El usuario ya está en el espacio",
+        "error_bad_state": "El usuario debe ser desbloqueado antes de poder ser invitado.",
+        "error_dm": "No hemos podido crear tu mensaje directo.",
+        "error_find_room": "Algo ha salido mal al intentar invitar a los usuarios.",
+        "error_find_user_description": "Puede que los siguientes usuarios no existan o sean inválidos, y no pueden ser invitados: %(csvNames)s",
+        "error_find_user_title": "No se encontró a los siguientes usuarios",
+        "error_invite": "No se pudo invitar a esos usuarios. Por favor, revisa los usuarios que quieres invitar e inténtalo de nuevo.",
+        "error_permissions_room": "No tienes permisos para inviitar gente a esta sala.",
+        "error_permissions_space": "No tienes permiso para invitar gente a este espacio.",
+        "error_profile_undisclosed": "El usuario podría no existir",
+        "error_transfer_multiple_target": "Una llamada solo puede transferirse a un usuario.",
+        "error_unknown": "Error desconocido del servidor",
+        "error_user_not_found": "El usuario no existe",
+        "error_version_unsupported_room": "El servidor del usuario no soporta la versión de la sala.",
+        "error_version_unsupported_space": "El servidor base del usuario no es compatible con la versión de este espacio.",
+        "failed_generic": "Falló la operación",
+        "failed_title": "No se ha podido invitar",
+        "invalid_address": "Dirección desconocida",
+        "name_email_mxid_share_room": "Invitar a alguien usando su nombre, dirección de correo, nombre de usuario (ej.: <userId/>) o <a>compartiendo la sala</a>.",
+        "name_email_mxid_share_space": "Invita a más gente usando su nombre, correo electrónico, nombre de usuario (ej.: <userId/>) o <a>compartiendo el enlace a este espacio</a>.",
+        "name_mxid_share_room": "Invita a alguien usando su nombre, nombre de usuario (ej.: <userId/>) o <a>compartiendo esta sala</a>.",
+        "name_mxid_share_space": "Invita a más gente usando su nombre, nombre de usuario (ej.: <userId/>) o <a>compartiendo el enlace a este espacio</a>.",
+        "recents_section": "Conversaciones recientes",
+        "room_failed_partial": "Hemos enviado el resto, pero no hemos podido invitar las siguientes personas a la sala <RoomName/>",
+        "room_failed_partial_title": "No se han podido enviar algunas invitaciones",
+        "room_failed_title": "Ocurrió un error al invitar usuarios a %(roomName)s",
+        "send_link_prompt": "O envía un enlace de invitación",
+        "start_conversation_name_email_mxid_prompt": "Empieza una conversación con alguien usando su nombre, correo electrónico o nombre de usuario (como <userId/>).",
+        "start_conversation_name_mxid_prompt": "Empieza una conversación con alguien usando su nombre o nombre de usuario (como <userId/>).",
+        "suggestions_disclaimer": "Puede que algunas sugerencias no se muestren por motivos de privacidad.",
+        "suggestions_disclaimer_prompt": "Si no encuentras a quien buscas, envíale tu enlace de invitación que encontrarás abajo.",
+        "suggestions_section": "Mensajes directos recientes",
+        "to_room": "Invitar a %(roomName)s",
+        "to_space": "Invitar a %(spaceName)s",
+        "transfer_dial_pad_tab": "Teclado numérico",
+        "transfer_user_directory_tab": "Lista de usuarios",
+        "unable_find_profiles_description_default": "No se pudieron encontrar perfiles para los IDs Matrix listados a continuación, ¿Quieres invitarles igualmente?",
+        "unable_find_profiles_invite_label_default": "Invitar igualmente",
+        "unable_find_profiles_invite_never_warn_label_default": "Invitar igualmente, y no preguntar más en el futuro",
+        "unable_find_profiles_title": "Puede que estos usuarios no existan"
+    },
+    "inviting_user1_and_user2": "Invitando a %(user1)s y %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Invitando a %(user)s y 1 más",
+        "other": "Invitando a %(user)s y %(count)s más"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> y otros %(count)s",
+        "one": "<Items/> y otro más"
+    },
+    "keyboard": {
+        "activate_button": "Activar botón seleccionado",
+        "alt": "Alt",
+        "autocomplete_cancel": "Cancelar autocompletar",
+        "autocomplete_force": "Forzar a que termine",
+        "autocomplete_navigate_next": "Sugerencia siguiente",
+        "autocomplete_navigate_prev": "Sugerencia anterior",
+        "backspace": "Tecta de retroceso",
+        "cancel_reply": "Cancelar responder al mensaje",
+        "category_autocomplete": "Autocompletar",
+        "category_calls": "Llamadas",
+        "category_navigation": "Navegación",
+        "category_room_list": "Lista de salas",
+        "close_dialog_menu": "Cerrar cuadro de diálogo o menú contextual",
+        "composer_jump_end": "Saltar al final del editor",
+        "composer_jump_start": "Saltar al principio del editor",
+        "composer_navigate_next_history": "Ir al siguiente mensaje en el historial del editor",
+        "composer_navigate_prev_history": "Ir al anterior mensaje en el historial del editor",
+        "composer_new_line": "Insertar salto de línea",
+        "composer_redo": "Rehacer edición",
+        "composer_toggle_bold": "Alternar negrita",
+        "composer_toggle_code_block": "Alternar bloque de código",
+        "composer_toggle_italics": "Alternar cursiva",
+        "composer_toggle_link": "Alternar enlace",
+        "composer_toggle_quote": "Alternar cita",
+        "composer_undo": "Deshacer edición",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Descartar el marcador de lectura y saltar al final",
+        "end": "Fin",
+        "enter": "Intro",
+        "escape": "Esc",
+        "go_home_view": "Ir a la vista de inicio",
+        "home": "Inicio",
+        "jump_first_message": "Ir al primer mensaje",
+        "jump_last_message": "Ir al último mensaje",
+        "jump_room_search": "Ir a la búsqueda de salas",
+        "jump_to_read_marker": "Ir al mensaje no leído más antiguo",
+        "keyboard_shortcuts_tab": "Abrir esta pestaña de ajustes",
+        "navigate_next_history": "Siguiente sala o espacio visitado",
+        "navigate_next_message_edit": "Ir al siguiente mensaje a editar",
+        "navigate_prev_history": "Anterior sala o espacio visitado",
+        "navigate_prev_message_edit": "Ir al anterior mensaje a editar",
+        "next_room": "Siguiente sala o conversación",
+        "next_unread_room": "Siguiente sala o conversación sin leer",
+        "number": "[número]",
+        "open_user_settings": "Abrir los ajustes de usuario",
+        "page_down": "Página abajo",
+        "page_up": "Página arriba",
+        "prev_room": "Siguiente sala o conversación",
+        "prev_unread_room": "Anterior sala o conversación sin leer",
+        "room_list_collapse_section": "Encoger la sección de lista de salas",
+        "room_list_expand_section": "Expandir la sección de la lista de salas",
+        "room_list_navigate_down": "Navegar hacia abajo en la lista de salas",
+        "room_list_navigate_up": "Subir en la lista de salas",
+        "room_list_select_room": "Seleccionar sala de la lista de salas",
+        "scroll_down_timeline": "Bajar en la línea de tiempo",
+        "scroll_up_timeline": "Subir en la línea de tiempo",
+        "search": "Buscar (si está activado)",
+        "send_sticker": "Enviar una pegatina",
+        "shift": "Mayús",
+        "space": "Espacio",
+        "switch_to_space": "Ir a un espacio por número",
+        "toggle_hidden_events": "Alternar visibilidad del evento oculto",
+        "toggle_microphone_mute": "Activar o desactivar tu micrófono",
+        "toggle_right_panel": "Alternar panel derecho",
+        "toggle_space_panel": "Activar o desactivar el panel de espacio",
+        "toggle_top_left_menu": "Alternar el menú superior izquierdo",
+        "toggle_webcam_mute": "Activar o desactivar la cámara",
+        "upload_file": "Cargar un archivo"
+    },
+    "labs": {
+        "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.",
+        "beta_feedback_title": "Danos tu opinión sobre la beta de %(featureName)s",
+        "beta_section": "Funcionalidades futuras",
+        "bridge_state": "Incluir información sobre puentes en la configuración de las salas",
+        "bridge_state_channel": "Canal: <channelLink/>",
+        "bridge_state_creator": "Este puente fue aportado por <user />.",
+        "bridge_state_manager": "Este puente lo gestiona <user />.",
+        "bridge_state_workspace": "Entorno de trabajo: <networkLink/>",
+        "click_for_info": "Haz clic para más info.",
+        "currently_experimental": "Actualmente en fase experimental.",
+        "custom_themes": "Soporta la adición de temas personalizados",
+        "dynamic_room_predecessors": "Predecesores dinámicos de la sala",
+        "element_call_video_rooms": "Salas de vídeo Element Call",
+        "experimental_description": "¿Te apetece probar cosas experimentales? Aquí encontrarás nuestras ideas en desarrollo. No están terminadas, pueden ser inestables, cambiar o dejar de estar disponibles. <a>Más información</a>.",
+        "feature_wysiwyg_composer_description": "Usar texto con formato en lugar de Markdown en el editor de mensajes.",
+        "group_developer": "Desarrollo",
+        "group_encryption": "Cifrado",
+        "group_experimental": "Experimentos",
+        "group_messaging": "Mensajería",
+        "group_moderation": "Moderación",
+        "group_profile": "Perfil",
+        "group_rooms": "Salas",
+        "group_spaces": "Espacios",
+        "group_themes": "Temas",
+        "group_threads": "Hilos",
+        "group_voip": "Voz y vídeo",
+        "group_widgets": "Accesorios",
+        "hidebold": "Ocultar el punto indicador de notificaciones (solo mostrar un indicador con número)",
+        "join_beta": "Unirme a la beta",
+        "join_beta_reload": "Al unirte a la beta, %(brand)s volverá a cargarse.",
+        "jump_to_date": "Saltar a una fecha (añade el comando /jumptodate y enlaces para saltar en los encabezados de fecha)",
+        "jump_to_date_msc_support": "Requiere que tu servidor sea compatible con MSC3030",
+        "latex_maths": "Mostrar matemáticas en los mensajes usando LaTeX",
+        "leave_beta": "Salir de la beta",
+        "leave_beta_reload": "Al salir de la beta, %(brand)s volverá a cargarse.",
+        "location_share_live": "Compartir ubicación en tiempo real",
+        "location_share_live_description": "Implementación temporal. Las ubicaciones persisten en el historial de la sala.",
+        "mjolnir": "Nuevas maneras de ignorar a otras personas",
+        "msc3531_hide_messages_pending_moderation": "Permitir a los moderadores ocultar mensajes a la espera de revisión.",
+        "sliding_sync": "Modo de sincronización progresiva",
+        "sliding_sync_description": "En desarrollo, no se puede desactivar.",
+        "sliding_sync_disabled_notice": "Cierra sesión y vuélvela a abrir para desactivar",
+        "sliding_sync_server_no_support": "Tu servidor no es compatible",
+        "video_rooms": "Salas de vídeo",
+        "video_rooms_a_new_way_to_chat": "Una nueva forma de hablar por voz y vídeo en %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Las salas de vídeo son canales de VoIP siempre abiertos, disponibles dentro de una sala en %(brand)s.",
+        "video_rooms_beta": "Las salas de vídeo están en beta",
+        "video_rooms_faq1_answer": "Usa el botón «+» en la sección de la sala del panel izquierdo.",
+        "video_rooms_faq1_question": "Cómo crear una sala de vídeo",
+        "video_rooms_faq2_answer": "Sí, el historial de la sala aparece al lado del vídeo.",
+        "video_rooms_faq2_question": "¿Puedo mandar mensajes de texto en la videollamada?",
+        "wysiwyg_composer": "Editor de texto enriquecido"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Estas opciones son indicadas para usuarios avanzados.",
+        "ban_reason": "Ignorado/Bloqueado",
+        "error_adding_ignore": "Error al añadir usuario/servidor ignorado",
+        "error_adding_list_description": "Por favor, verifica la ID o dirección de esta sala e inténtalo de nuevo.",
+        "error_adding_list_title": "Error al suscribirse a la lista",
+        "error_removing_ignore": "Error al eliminar usuario/servidor ignorado",
+        "error_removing_list_description": "Por favor, inténtalo de nuevo o mira tu consola para encontrar pistas.",
+        "error_removing_list_title": "Error al cancelar la suscripción a la lista",
+        "explainer_1": "Añade los usuarios y servidores que quieras ignorar aquí. Usa asteriscos para que %(brand)s coincida cualquier conjunto de caracteres. Por ejemplo, <code>@bot:*</code> ignoraría a todos los usuarios,en cualquier servidor, que tengan el nombre 'bot' .",
+        "explainer_2": "Ignorar usuarios se hace mediante listas negras que contienen reglas sobre a quién bloquear. Suscribirse a una lista negra significa que los usuarios/servidores bloqueados serán invisibles para tí.",
+        "lists": "Estás actualmente suscrito a:",
+        "lists_description_1": "¡Suscribirse a una lista negra hará unirte a ella!",
+        "lists_description_2": "Si esto no es lo que quieres, por favor usa una herramienta diferente para ignorar usuarios.",
+        "lists_heading": "Listados a que subscribiste",
+        "lists_new_label": "ID de sala o dirección de la lista de prohibición",
+        "no_lists": "No estás suscrito a ninguna lista",
+        "personal_empty": "No has ignorado a nadie.",
+        "personal_heading": "Lista de bloqueo personal",
+        "personal_new_label": "Servidor o ID de usuario a ignorar",
+        "personal_new_placeholder": "ej.: @bot:* o ejemplo.org",
+        "personal_section": "Estás ignorando actualmente:",
+        "room_name": "Mi lista de baneos",
+        "room_topic": "Esta es la lista de usuarios y/o servidores que has bloqueado. ¡No te salgas de la sala!",
+        "rules_empty": "Ninguno",
+        "rules_server": "Reglas del servidor",
+        "rules_title": "Reglas de la lista negra - %(roomName)s",
+        "rules_user": "Reglas de usuario",
+        "something_went_wrong": "Algo salió mal. Por favor, inténtalo de nuevo o mira tu consola para encontrar pistas.",
+        "title": "Usuarios ignorados",
+        "view_rules": "Ver reglas"
+    },
+    "language_dropdown_label": "Lista selección de idiomas",
+    "leave_room_dialog": {
+        "last_person_warning": "Eres la única persona aquí. Si te vas, no podrá unirse nadie en el futuro, incluyéndote a ti.",
+        "leave_room_question": "¿Salir de la sala «%(roomName)s»?",
+        "leave_space_question": "¿Salir del espacio «%(spaceName)s»?",
+        "room_rejoin_warning": "Esta sala no es pública. No podrás volver a unirte sin una invitación.",
+        "space_rejoin_warning": "Este espacio es privado. No podrás volverte a unir sin una invitación."
+    },
+    "lightbox": {
+        "rotate_left": "Girar a la izquierda",
+        "rotate_right": "Girar a la derecha"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Este servidor base no está configurado para mostrar mapas.",
+        "MapStyleUrlNotReachable": "Este servidor base no está configurado apropiadamente para mostrar mapas, o el servidor de mapas no responde.",
+        "WebGLNotEnabled": "WebGL es necesario para mostrar mapas. Por favor, actívalo en los ajustes de tu navegador.",
+        "click_drop_pin": "Haz clic para colocar un marcador",
+        "click_move_pin": "Haz clic para mover el marcador",
+        "close_sidebar": "Cerrar barra lateral",
+        "error_fetch_location": "No se ha podido conseguir la ubicación",
+        "error_no_perms_description": "Debes tener el permiso correspondiente para compartir ubicaciones en esta sala.",
+        "error_no_perms_title": "No tienes permiso para compartir ubicaciones",
+        "error_send_description": "%(brand)s no ha podido enviar tu ubicación. Por favor, inténtalo de nuevo más tarde.",
+        "error_send_title": "No hemos podido enviar tu ubicación",
+        "error_sharing_live_location": "Ocurrió un error mientras se compartía tu ubicación en tiempo real",
+        "error_stopping_live_location": "Ha ocurrido un error al dejar de compartir tu ubicación en tiempo real",
+        "expand_map": "Expandir mapa",
+        "failed_generic": "No se ha podido conseguir tu ubicación. Por favor, inténtalo de nuevo más tarde.",
+        "failed_load_map": "No se ha podido cargar el mapa",
+        "failed_permission": "Se le han denegado a %(brand)s los permisos para acceder a tu ubicación. Por favor, permite acceso a tu ubicación en los ajustes de tu navegador.",
+        "failed_timeout": "Tras un tiempo intentándolo, no hemos podido obtener tu ubicación. Por favor, inténtalo de nuevo más tarde.",
+        "failed_unknown": "Error desconocido al conseguir tu ubicación. Por favor, inténtalo de nuevo más tarde.",
+        "find_my_location": "Encontrar mi ubicación",
+        "live_description": "Ubicación en tiempo real de %(displayName)s",
+        "live_enable_description": "Nota: esta funcionalidad es un experimento, y su funcionamiento es todavía provisional. Esto significa que no podrás eliminar el historial de tu ubicación, y usuarios con conocimientos avanzados podrán verlo en esta sala incluso cuando dejes de compartir en tiempo real.",
+        "live_enable_heading": "Compartir ubicación en tiempo real",
+        "live_location_active": "Estás compartiendo tu ubicación en tiempo real",
+        "live_location_enabled": "Ubicación en tiempo real activada",
+        "live_location_ended": "La ubicación en tiempo real ha terminado",
+        "live_location_error": "Error en la ubicación en tiempo real",
+        "live_locations_empty": "Ninguna ubicación en tiempo real",
+        "live_share_button": "Compartir durante %(duration)s",
+        "live_toggle_label": "Activar compartir ubicación en tiempo real",
+        "live_until": "En directo hasta %(expiryTime)s",
+        "live_update_time": "Actualizado %(humanizedUpdateTime)s",
+        "loading_live_location": "Cargando ubicación en tiempo real…",
+        "location_not_available": "Ubicación no disponible",
+        "map_feedback": "Danos tu opinión sobre el mapa",
+        "mapbox_logo": "Logo de Mapbox",
+        "reset_bearing": "Orientar hacia el norte",
+        "share_button": "Compartir ubicación",
+        "share_type_live": "Mi ubicación en tiempo real",
+        "share_type_own": "Mi ubicación actual",
+        "share_type_pin": "Elige un punto en el mapa",
+        "share_type_prompt": "¿Qué ubicación quieres compartir?",
+        "toggle_attribution": "Mostrar/ocultar fuente"
+    },
+    "member_list": {
+        "filter_placeholder": "Filtrar miembros de la sala",
+        "invite_button_no_perms_tooltip": "No tienes permisos para invitar usuarios"
+    },
+    "member_list_back_action_label": "Miembros de la sala",
+    "message_edit_dialog_title": "Ediciones del mensaje",
+    "mobile_guide": {
+        "toast_accept": "Usar la aplicación",
+        "toast_description": "%(brand)s en navegadores para móviles está en prueba. Para una mejor experiencia y para poder usar las últimas funcionalidades, usa nuestra aplicación nativa gratuita.",
+        "toast_title": "Usa la aplicación para una experiencia mejor"
+    },
+    "no_more_results": "No hay más resultados",
+    "notif_panel": {
+        "empty_description": "No tienes notificaciones pendientes.",
+        "empty_heading": "Estás al día"
+    },
+    "notifications": {
+        "all_messages": "Todos los mensajes",
+        "all_messages_description": "Recibe notificaciones para todos los mensajes",
+        "class_other": "Otros",
+        "default": "Por defecto",
+        "enable_prompt_toast_description": "Activar las notificaciones de escritorio",
+        "enable_prompt_toast_title": "Notificaciones",
+        "enable_prompt_toast_title_from_message_send": "No te pierdas ninguna respuesta",
+        "error_change_title": "Cambiar los ajustes de notificaciones",
+        "keyword": "Palabra clave",
+        "keyword_new": "Nueva palabra clave",
+        "level_activity": "Actividad",
+        "level_none": "Ninguno",
+        "level_unsent": "No enviado",
+        "mark_all_read": "Marcar todo como leído",
+        "mentions_and_keywords": "@menciones y palabras clave",
+        "mentions_and_keywords_description": "Recibir notificaciones solo cuando me mencionen o escriban una palabra vigilada configurada en los <a>ajustes</a>",
+        "mentions_keywords": "Menciones y palabras clave",
+        "message_didnt_send": "Mensaje no enviado. Haz clic para más info.",
+        "mute_description": "No recibirás ninguna notificación"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s solicita verificación"
+    },
+    "onboarding": {
+        "create_room": "Crea un grupo",
+        "explore_rooms": "Explora las salas públicas",
+        "has_avatar_label": "Genial, ayudará a que la gente sepa que eres tú",
+        "intro_byline": "Toma el control de tus conversaciones.",
+        "intro_welcome": "Te damos la bienvenida a %(appName)s",
+        "no_avatar_label": "Añade una imagen para que la gente sepa que eres tú.",
+        "send_dm": "Envía un mensaje directo",
+        "welcome_detail": "Vamos a empezar",
+        "welcome_user": "Te damos la bienvenida, %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Mensaje en %(room)s",
+        "permalink_this_room": "Mensaje de %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Crear encuesta",
+        "create_poll_title": "Crear una encuesta",
+        "disclosed_notes": "Quienes voten podrán ver los resultados",
+        "edit_poll_title": "Editar encuesta",
+        "end_description": "¿Seguro que quieres terminar la encuesta? Publicarás los resultados finales y no se podrá votar más.",
+        "end_message": "La encuesta ha terminado. Opción ganadora: %(topAnswer)s",
+        "end_message_no_votes": "La encuesta ha terminado. Nadie ha votado.",
+        "end_title": "Terminar encuesta",
+        "error_ending_description": "Lo sentimos, la encuesta no ha terminado. Por favor, inténtalo otra vez.",
+        "error_ending_title": "No se ha podido terminar la encuesta",
+        "error_voting_description": "Lo sentimos, no se ha podido registrar el voto. Inténtalo otra vez.",
+        "error_voting_title": "Voto no emitido",
+        "failed_send_poll_description": "Lo sentimos, la encuesta que has intentado empezar no ha sido publicada.",
+        "failed_send_poll_title": "No se ha podido enviar la encuesta",
+        "notes": "Los resultados se mostrarán cuando cierres la encuesta",
+        "options_add_button": "Añadir opción",
+        "options_heading": "Crear opciones",
+        "options_label": "Opción %(number)s",
+        "options_placeholder": "Escribe una opción",
+        "topic_heading": "¿Cuál es la pregunta o tema de la encuesta?",
+        "topic_label": "Pregunta o tema",
+        "topic_placeholder": "Escribe algo…",
+        "total_n_votes": {
+            "one": "%(count)s voto. Vota para ver los resultados",
+            "other": "%(count)s votos. Vota para ver los resultados"
+        },
+        "total_n_votes_voted": {
+            "other": "%(count)s votos",
+            "one": "%(count)s voto"
+        },
+        "total_no_votes": "Ningún voto",
+        "total_not_ended": "Los resultados podrán verse cuando la encuesta termine",
+        "type_closed": "Encuesta cerrada",
+        "type_heading": "Tipo de encuesta",
+        "type_open": "Encuesta abierta",
+        "unable_edit_description": "Lo siento, no puedes editar una encuesta después de que alguien haya votado en ella.",
+        "unable_edit_title": "Encuesta no editable"
+    },
+    "power_level": {
+        "admin": "Administrador",
+        "creator": "Propietario",
+        "custom": "Personalizado (%(level)s)",
+        "custom_level": "Nivel personalizado",
+        "default": "Por defecto",
+        "label": "Nivel de poder",
+        "moderator": "Moderador",
+        "restricted": "Restringido"
+    },
+    "powered_by_matrix": "Funciona con Matrix",
+    "presence": {
+        "away": "Lejos",
+        "busy": "Ocupado",
+        "idle": "En reposo",
+        "idle_for": "En reposo durante %(duration)s",
+        "offline": "Desconectado",
+        "offline_for": "Desconectado durante %(duration)s",
+        "online": "En línea",
+        "online_for": "En línea durante %(duration)s",
+        "unknown": "Desconocido",
+        "unknown_for": "Desconocido durante %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "Ajustes",
+        "sidebar_settings": "Mas opciones",
+        "title": "Ajustes rápidos"
+    },
+    "quit_warning": {
+        "call_in_progress": "Parece estar en medio de una llamada, ¿esta seguro que desea salir?",
+        "file_upload_in_progress": "Pareces estar subiendo archivos, ¿seguro que quieres salir?"
+    },
+    "redact": {
+        "confirm_button": "Confirmar eliminación",
+        "error": "No puedes eliminar este mensaje. (%(code)s)",
+        "ongoing": "Quitando…",
+        "reason_label": "Motivo (opcional)"
+    },
+    "report_content": {
+        "description": "Denunciar este mensaje enviará su único «event ID al administrador de tu servidor base. Si los mensajes en esta sala están cifrados, el administrador de tu servidor no podrá leer el texto del mensaje ni ver ningún archivo o imagen.",
+        "hide_messages_from_user": "Comprueba que realmente quieres ocultar todos los mensajes actuales y futuros de este usuario.",
+        "ignore_user": "Ignorar usuario",
+        "missing_reason": "Por favor, explica por qué estás denunciando.",
+        "report_content_to_homeserver": "Denunciar contenido al administrador de tu servidor base"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "¡Error al descifrar %(failedCount)s sesiones!",
+        "count_of_successfully_restored_keys": "%(sessionCount)s claves restauradas con éxito",
+        "enter_key_description": "Accede a tu historial de mensajes seguros y configúralos introduciendo tu clave de seguridad.",
+        "enter_key_title": "Introduce la clave de seguridad",
+        "enter_phrase_description": "Accede a tu historia de mensajes seguros o configúralos escribiendo tu frase de seguridad.",
+        "enter_phrase_title": "Introducir la frase de seguridad",
+        "incorrect_security_phrase_dialog": "No se ha podido descifrar la copia de seguridad con esa frase. Por favor, comprueba que hayas escrito bien la frase de seguridad.",
+        "incorrect_security_phrase_title": "Frase de seguridad incorrecta",
+        "key_backup_warning": "<b>Advertencia</b>: deberías configurar la copia de seguridad de claves solamente usando un ordenador de confianza.",
+        "key_fetch_in_progress": "Obteniendo claves del servidor…",
+        "key_forgotten_text": "Si te has olvidado de tu clave de seguridad puedes <button>configurar nuevos métodos de recuperación</button>",
+        "key_is_invalid": "No es una clave de seguridad válida",
+        "key_is_valid": "¡Parece que es una clave de seguridad válida!",
+        "keys_restored_title": "Se restauraron las claves",
+        "load_error_content": "No se puede cargar el estado de la copia de seguridad",
+        "load_keys_progress": "%(completed)s de %(total)s llaves restauradas",
+        "no_backup_error": "¡No se encontró una copia de seguridad!",
+        "phrase_forgotten_text": "Si has olvidado tu frase de seguridad puedes usar tu <button1>clave de seguridad</button1> o <button2>configurar nuevos métodos de recuperación</button2>",
+        "recovery_key_mismatch_description": "La copia de seguridad no se ha podido descifrar con esta clave: por favor, comprueba que la que has introducido es correcta.",
+        "recovery_key_mismatch_title": "Las claves de seguridad no coinciden",
+        "restore_failed_error": "No se pudo restaurar la copia de seguridad"
+    },
+    "right_panel": {
+        "add_integrations": "Añadir accesorios, puentes y bots",
+        "files_button": "Archivos",
+        "pinned_messages": {
+            "limits": {
+                "other": "Solo puedes anclar hasta %(count)s accesorios"
+            }
+        },
+        "pinned_messages_button": "Fijado",
+        "poll": {
+            "active_heading": "Encuestas activas",
+            "empty_active": "Esta sala no tiene encuestas activas",
+            "empty_past": "Esta sala no tiene encuestas anteriores",
+            "final_result": {
+                "one": "Resultados finales (%(count)s voto)",
+                "other": "Resultados finales (%(count)s votos)"
+            },
+            "load_more": "Cargar más encuestas",
+            "loading": "Cargando encuestas",
+            "past_heading": "Encuestas anteriores",
+            "view_poll": "Ver encuesta"
+        },
+        "polls_button": "Historial de encuestas",
+        "room_summary_card": {
+            "title": "Info. de la sala"
+        },
+        "thread_list": {
+            "context_menu_label": "Ajustes del hilo"
+        },
+        "video_room_chat": {
+            "title": "Conversación"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Esta invitación se envió originalmente a %(email)s, que no está asociada a tu cuenta",
+        "3pid_invite_email_not_found_account_room": "Esta invitación a la sala %(roomName)s fue enviada a %(email)s que no está asociada a su cuenta",
+        "3pid_invite_error_description": "Ha ocurrido un error (%(errcode)s) al validar tu invitación. Puedes intentar a pasarle esta información a la persona que te ha invitado.",
+        "3pid_invite_error_invite_action": "Intentar unirse de todas formas",
+        "3pid_invite_error_invite_subtitle": "Sólo puedes unirte con una invitación que funciona.",
+        "3pid_invite_error_public_subtitle": "Todavía puedes unirte.",
+        "3pid_invite_error_title": "Ha ocurrido un error al procesar tu invitación.",
+        "3pid_invite_error_title_room": "Algo salió a mal invitando a %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Utilice un servidor de identidad en Configuración para recibir invitaciones directamente en %(brand)s.",
+        "banned_by": "%(memberName)s te ha vetado",
+        "banned_from_room_by": "%(memberName)s te ha echado de %(roomName)s",
+        "context_menu": {
+            "copy_link": "Copiar enlace a la sala",
+            "favourite": "Añadir a favoritos",
+            "forget": "Olvidar sala",
+            "low_priority": "Prioridad baja",
+            "mark_read": "Marcar como leído",
+            "notifications_mute": "Silenciar sala",
+            "title": "Opciones de la sala",
+            "unfavourite": "Favorecido"
+        },
+        "creating_room_text": "Estamos creando una sala con %(names)s",
+        "dm_invite_action": "Empezar una conversación",
+        "dm_invite_subtitle": "<userName/> quiere mandarte mensajes",
+        "dm_invite_title": "¿Quieres empezar una conversación con %(user)s?",
+        "drop_file_prompt": "Suelta aquí el archivo para enviarlo",
+        "edit_topic": "Editar asunto",
+        "error_join_404_2": "Si conoces la dirección de una sala, prueba a unirte a través de ella.",
+        "error_join_404_invite": "La persona que te ha invitado se ha ido ya, o su servidor está fuera de línea.",
+        "error_join_404_invite_same_hs": "La persona que te invitó ya no está aquí.",
+        "error_join_connection": "Ha ocurrido un error al entrar.",
+        "error_join_incompatible_version_1": "Lo siento, tu servidor base es demasiado antiguo. No puedes participar aquí.",
+        "error_join_incompatible_version_2": "Por favor, contacta con la administración de tu servidor base.",
+        "error_join_title": "No ha sido posible unirse",
+        "error_jump_to_date": "El servidor devolvió un %(statusCode)s con el código de error %(errorCode)s",
+        "error_jump_to_date_details": "Detalles del error",
+        "face_pile_summary": {
+            "one": "%(count)s persona que ya conoces se ha unido",
+            "other": "%(count)s personas que ya conoces se han unido"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Ver 1 miembro",
+            "other": "Ver los %(count)s miembros"
+        },
+        "face_pile_tooltip_shortcut": "Incluyendo %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Además de ti, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "Falló al rechazar invitación",
+        "forget_room": "Olvidar esta sala",
+        "forget_space": "Olvidar este espacio",
+        "header": {
+            "room_is_public": "Esta sala es pública"
+        },
+        "inaccessible": "Esta sala o espacio no es accesible en este momento.",
+        "inaccessible_name": "%(roomName)s no es accesible en este momento.",
+        "inaccessible_subtitle_1": "Inténtalo más tarde, o pídele a alguien con permisos de administrador dentro de la sala o espacio que compruebe si tienes acceso.",
+        "inaccessible_subtitle_2": "El código de error %(errcode)s fue devuelto cuando se intentaba acceder a la sala o espacio. Si crees que este mensaje es un error, por favor, <issueLink> envía un reporte de bug </issueLink>.",
+        "intro": {
+            "dm_caption": "En esta conversación no hay nadie más, hasta que uno de los dos invite a alguien.",
+            "enable_encryption_prompt": "Activa el cifrado en los ajustes.",
+            "encrypted_3pid_dm_pending_join": "Cuando la gente se una, podrás hablar",
+            "no_avatar_label": "Añade una imagen para que la gente reconozca la sala fácilmente.",
+            "no_topic": "<a>Añade un asunto</a> para que la gente sepa de qué va la sala.",
+            "private_unencrypted_warning": "Tus mensajes privados están cifrados normalmente, pero esta sala no lo está. A menudo, esto pasa porque has iniciado sesión con un dispositivo o método no compatible, como las invitaciones por correo.",
+            "room_invite": "Invitar solo a esta sala",
+            "send_message_start_dm": "Envía tu primer mensaje para invitar a <displayName/> a la conversación",
+            "start_of_dm_history": "Este es el inicio de tu historial de mensajes directos con <displayName/>.",
+            "start_of_room": "Aquí empieza <roomName/>.",
+            "unencrypted_warning": "El cifrado de extremo a extremo no está activado",
+            "user_created": "%(displayName)s creó esta sala.",
+            "you_created": "Creaste esta sala."
+        },
+        "invite_email_mismatch_suggestion": "Comparte este correo electrónico en Configuración para recibir invitaciones directamente en %(brand)s.",
+        "invite_sent_to_email": "Esta invitación se envió a %(email)s",
+        "invite_sent_to_email_room": "Esta invitación a %(roomName)s fue enviada a %(email)s",
+        "invite_subtitle": "<userName/> te ha invitado",
+        "invite_this_room": "Invitar a la sala",
+        "invite_title": "¿Quieres unirte a %(roomName)s?",
+        "inviter_unknown": "Desconocido",
+        "invites_you_text": "<inviter/> te ha invitado",
+        "join_button_account": "Registrarse",
+        "join_failed_needs_invite": "Para ver %(roomName)s necesitas una invitación",
+        "join_the_discussion": "Unirme a la Sala",
+        "join_title": "Únete a la sala para participar",
+        "join_title_account": "Unirse a la conversación con una cuenta",
+        "joining": "Uniéndose…",
+        "joining_room": "Uniéndose a la sala…",
+        "joining_space": "Uniéndose al espacio…",
+        "jump_read_marker": "Ir al primer mensaje no leído.",
+        "jump_to_bottom_button": "Ir a los mensajes más recientes",
+        "kick_reason": "Razón: %(reason)s",
+        "kicked_by": "%(memberName)s te ha sacado",
+        "kicked_from_room_by": "%(memberName)s te ha sacado de %(roomName)s",
+        "leave_error_title": "Error al salir de la sala",
+        "leave_server_notices_description": "La sala se usa para mensajes importantes del servidor base, así que no puedes abandonarla.",
+        "leave_server_notices_title": "No se puede salir de la sala de avisos del servidor",
+        "leave_unexpected_error": "Error inesperado del servidor al abandonar esta sala",
+        "link_email_to_receive_3pid_invite": "Para recibir invitaciones directamente en %(brand)s, en Configuración, debes vincular este correo electrónico con tu cuenta.",
+        "loading_preview": "Cargando previsualización",
+        "no_peek_join_prompt": "La sala %(roomName)s no permite previsualización. ¿Quieres unirte?",
+        "no_peek_no_name_join_prompt": "No hay previsualización. ¿Te quieres unir?",
+        "not_found_subtitle": "¿Seguro que estás en el sitio correcto?",
+        "not_found_title": "Esta sala o espacio no existe.",
+        "not_found_title_name": "%(roomName)s no existe.",
+        "peek_join_prompt": "Esto es una vista previa de %(roomName)s. ¿Te quieres unir?",
+        "read_topic": "Pulsa para leer asunto",
+        "rejecting": "Rechazar invitación…",
+        "rejoin_button": "Volver a entrar",
+        "search": {
+            "all_rooms_button": "Buscar en todas las salas",
+            "this_room_button": "Buscar en esta sala"
+        },
+        "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.",
+            "one": "Tiene %(count)s notificaciones sin leer en una versión anterior de esta sala."
+        },
+        "upgrade_error_description": "Asegúrate de que tu servidor es compatible con la versión de sala elegida y prueba de nuevo.",
+        "upgrade_error_title": "Fallo al mejorar la sala",
+        "upgrade_warning_bar": "Actualizar esta sala cerrará la instancia actual de la sala y creará una sala actualizada con el mismo nombre.",
+        "upgrade_warning_bar_admins": "Sólo los administradores de la sala verán esta advertencia",
+        "upgrade_warning_bar_unstable": "Esta sala está ejecutando la versión de sala <roomVersion />, la cual ha sido marcado por este servidor base como <i>inestable</i>.",
+        "upgrade_warning_bar_upgraded": "Esta sala ya ha sido actualizada.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Subiendo %(filename)s y otros %(count)s",
+                "other": "Subiendo %(filename)s y otros %(count)s"
+            },
+            "uploading_single_file": "Subiendo %(filename)s"
+        }
+    },
+    "room_list": {
+        "add_space_label": "Añadir un espacio",
+        "failed_add_tag": "Error al añadir la etiqueta %(tagName)s a la sala",
+        "failed_remove_tag": "Error al eliminar la etiqueta %(tagName)s de la sala",
+        "failed_set_dm_tag": "Fallo al poner la etiqueta al mensaje directo",
+        "notification_options": "Ajustes de notificaciones",
+        "show_less": "Ver menos"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Decide quién puede ver y unirse a %(spaceName)s.",
+            "title": "Acceso"
+        },
+        "advanced": {
+            "error_upgrade_description": "La actualización de la sala no pudo ser completada",
+            "error_upgrade_title": "No se pudo actualizar la sala",
+            "information_section_room": "Información de la sala",
+            "information_section_space": "Información del espacio",
+            "room_id": "ID interna de la sala",
+            "room_predecessor": "Ver mensajes antiguos en %(roomName)s.",
+            "room_upgrade_button": "Actualizar esta sala a la versión de sala recomendada",
+            "room_version": "Versión de la sala:",
+            "room_version_section": "Versión de la sala",
+            "space_predecessor": "Ver versión antigua de %(spaceName)s.",
+            "space_upgrade_button": "Actualiza la versión de este espacio a la recomendada",
+            "unfederated": "Esta sala no es accesible desde otros servidores de Matrix",
+            "upgrade_button": "Actualiza esta sala a la versión %(version)s",
+            "upgrade_dialog_description": "Actualizar esta sala requiere cerrar la instancia actual de esta sala y crear una nueva sala en su lugar. Para dar a los miembros de la sala la mejor experiencia, haremos lo siguiente:",
+            "upgrade_dialog_description_1": "Crear una sala nueva con el mismo nombre, descripción y avatar",
+            "upgrade_dialog_description_2": "Actualizar los alias locales de la sala para que apunten a la nueva",
+            "upgrade_dialog_description_3": "Impedir a los usuarios que conversen en la versión antigua de la sala, y publicar un mensaje aconsejándoles que se muden a la nueva",
+            "upgrade_dialog_description_4": "Poner un enlace de retorno a la sala antigua al principio de la nueva de modo que se puedan ver los mensajes viejos",
+            "upgrade_dialog_title": "Actualizar Versión de la Sala",
+            "upgrade_dwarning_ialog_title_public": "Actualizar sala pública",
+            "upgrade_warning_dialog_description": "Actualizar una sala es una acción avanzada y es normalmente recomendada cuando una sala es inestable debido a fallos, funcionalidades no disponibles y vulnerabilidades.",
+            "upgrade_warning_dialog_explainer": "<b>Ten en cuenta que actualizar crea una nueva versión de la sala</b>. Todos los mensajes hasta ahora quedarán archivados aquí, en esta sala.",
+            "upgrade_warning_dialog_footer": "Actualizarás esta sala de la versión <oldVersion /> a la <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Invitar a la nueva sala automáticamente a los miembros que tiene ahora",
+            "upgrade_warning_dialog_report_bug_prompt": "Esto solo afecta normalmente a cómo el servidor procesa la sala. Si estás teniendo problemas con %(brand)s, por favor, infórmanos del problema.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Esto solo afecta a cómo procesa la sala el servidor. Si estás teniendo problemas con %(brand)s, por favor, <a>avísanos del fallo</a>.",
+            "upgrade_warning_dialog_title_private": "Actualizar sala privada"
+        },
+        "alias_not_specified": "sin especificar",
+        "bridges": {
+            "description": "Esta sala está haciendo puente con las siguientes plataformas. <a>Aprende más.</a>",
+            "empty": "Esta sala no está conectada con ninguna otra plataforma de mensajería. <a>Más información.</a>",
+            "title": "Puentes"
+        },
+        "delete_avatar_label": "Borrar avatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Falta el separador de dominio, ej.: (:dominio.org)",
+            "alias_field_has_localpart_invalid": "Falta el nombre de la sala o el separador (ej.: mi-sala:dominio.org)",
+            "alias_field_matches_invalid": "La dirección no apunta a esta sala",
+            "alias_field_placeholder_default": "p.ej. mi-sala",
+            "alias_field_required_invalid": "Por favor, elige una dirección",
+            "alias_field_safe_localpart_invalid": "Algunos caracteres no están permitidos",
+            "alias_field_taken_invalid": "Esta dirección tiene un servidor no válido o ya está siendo usada",
+            "alias_field_taken_invalid_domain": "Esta dirección ya está en uso",
+            "alias_field_taken_valid": "Esta dirección está disponible para usar",
+            "alias_heading": "Dirección de la sala",
+            "aliases_items_label": "Otras direcciones publicadas:",
+            "aliases_no_items_label": "Todavía no hay direcciones publicadas, puedes añadir una más abajo",
+            "aliases_section": "Direcciones de la sala",
+            "avatar_field_label": "Avatar de la sala",
+            "canonical_alias_field_label": "Dirección principal",
+            "description_space": "Edita los ajustes de tu espacio.",
+            "error_creating_alias_description": "Hubo un error al crear esa dirección. Es posible que el servidor no lo permita o que haya ocurrido una falla temporal.",
+            "error_creating_alias_title": "Error al crear la dirección",
+            "error_deleting_alias_description": "Se produjo un error al eliminar esa dirección. Puede que ya no exista o se haya producido un error temporal.",
+            "error_deleting_alias_description_forbidden": "No tienes permiso para borrar la dirección.",
+            "error_deleting_alias_title": "Error al eliminar la dirección",
+            "error_save_space_settings": "No se han podido guardar los ajustes del espacio.",
+            "error_updating_alias_description": "Hubo un error al actualizar la dirección alternativa de la sala. Posiblemente el servidor no lo permita o se produjo un error temporal.",
+            "error_updating_canonical_alias_description": "Hubo un error al actualizar la dirección principal de la sala. Posiblemente el servidor no lo permita o se produjo un error temporal.",
+            "error_updating_canonical_alias_title": "Error al actualizar la dirección principal",
+            "leave_space": "Salir del espacio",
+            "local_alias_field_label": "Dirección local",
+            "local_aliases_explainer_room": "Define las direcciones de esta sala para que los usuarios puedan encontrarla a través de tu servidor base (%(localDomain)s)",
+            "local_aliases_explainer_space": "Elige una dirección para este espacio y los usuarios de tu servidor base (%(localDomain)s) podrán encontrarlo a través del buscador",
+            "local_aliases_section": "Direcciones locales",
+            "name_field_label": "Nombre de sala",
+            "new_alias_placeholder": "Nueva dirección publicada (p.ej.. #alias:servidor)",
+            "no_aliases_room": "Esta sala no tiene direcciones locales",
+            "no_aliases_space": "Este espacio no tiene direcciones locales",
+            "other_section": "Otros",
+            "publish_toggle": "¿Quieres incluir esta sala en la lista pública de salas de %(domain)s?",
+            "published_aliases_description": "Para publicar una dirección, primero debe ser añadida como dirección local.",
+            "published_aliases_explainer_room": "Las direcciones publicadas pueden usarse por cualquiera para unirse a tu sala, independientemente de su servidor base.",
+            "published_aliases_explainer_space": "Los espacios publicados pueden usarse por cualquiera, independientemente de su servidor base.",
+            "published_aliases_section": "Direcciones publicadas",
+            "save": "Guardar cambios",
+            "topic_field_label": "Asunto de la sala"
+        },
+        "notifications": {
+            "browse_button": "Seleccionar",
+            "custom_sound_prompt": "Establecer sonido personalizado",
+            "notification_sound": "Sonido para las notificaciones",
+            "settings_link": "Recibe notificaciones según tus <a>ajustes</a>",
+            "sounds_section": "Sonidos",
+            "upload_sound_label": "Subir archivo personalizado",
+            "uploaded_sound": "Sonido subido"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Otorga a uno o más usuarios privilegios especiales en esta sala",
+            "add_privileged_user_filter_placeholder": "Buscar usuarios en esta sala…",
+            "add_privileged_user_heading": "Añadir usuarios privilegiados",
+            "ban": "Bloquear usuarios",
+            "ban_reason": "Motivo",
+            "banned_by": "Vetado por %(displayName)s",
+            "banned_users_section": "Usuarios vetados",
+            "error_changing_pl_description": "Ocurrió un error cambiando los requerimientos de nivel de poder del usuario. Asegúrate de tener los permisos suficientes e inténtalo de nuevo.",
+            "error_changing_pl_reqs_description": "Ocurrió un error cambiando los requerimientos de nivel de poder de la sala. Asegúrate de tener los permisos suficientes e inténtalo de nuevo.",
+            "error_changing_pl_reqs_title": "Error al cambiar el requerimiento de nivel de poder",
+            "error_changing_pl_title": "Error al cambiar nivel de poder",
+            "error_unbanning": "No se pudo quitar veto",
+            "events_default": "Enviar mensajes",
+            "invite": "Invitar usuarios",
+            "kick": "Sacar usuarios",
+            "m.call": "Empezar llamadas de %(brand)s",
+            "m.call.member": "Unirte a llamadas de %(brand)s",
+            "m.reaction": "Enviar reacciones",
+            "m.room.avatar": "Cambiar el avatar de la sala",
+            "m.room.avatar_space": "Cambiar la imagen del espacio",
+            "m.room.canonical_alias": "Cambiar la dirección principal de la sala",
+            "m.room.canonical_alias_space": "Cambiar la dirección principal del espacio",
+            "m.room.encryption": "Activar cifrado para la sala",
+            "m.room.history_visibility": "Cambiar la visibilidad del historial",
+            "m.room.name": "Cambiar el nombre de sala",
+            "m.room.name_space": "Cambiar el nombre del espacio",
+            "m.room.pinned_events": "Gestionar eventos fijados",
+            "m.room.power_levels": "Cambiar los permisos",
+            "m.room.redaction": "Borrar los mensajes enviados por mi",
+            "m.room.server_acl": "Cambiar los ACLs del servidor",
+            "m.room.tombstone": "Actualizar la sala",
+            "m.room.topic": "Cambiar asunto",
+            "m.room.topic_space": "Cambiar la descripción",
+            "m.space.child": "Gestionar las salas del espacio",
+            "m.widget": "Modificar accesorios",
+            "muted_users_section": "Usuarios silenciados",
+            "no_privileged_users": "Ningún usuario tiene permisos específicos en esta sala",
+            "notifications.room": "Notificar a todo el mundo",
+            "permissions_section": "Permisos",
+            "permissions_section_description_room": "Elige los roles que los usuarios deben tener para poder cambiar los distintos ajustes de la sala",
+            "permissions_section_description_space": "Elige los roles que los usuarios deben tener para poder cambiar los distintos ajustes del espacio",
+            "privileged_users_section": "Usuarios con privilegios",
+            "redact": "Eliminar los mensajes enviados por otras personas",
+            "send_event_type": "Enviar eventos %(eventType)s",
+            "state_default": "Cambiar la configuración",
+            "title": "Roles y permisos",
+            "users_default": "Rol por defecto"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Una vez activado, el cifrado de una sala no puede desactivarse. Los mensajes enviados a una sala cifrada no pueden ser vistos por el servidor, solo lo verán los participantes de la sala. Activar el cifrado puede hacer que muchos bots y bridges no funcionen correctamente. <a>Más información sobre el cifrado</a>",
+            "enable_encryption_confirm_title": "¿Activar cifrado?",
+            "enable_encryption_public_room_confirm_description_1": "<b>No está recomendado activar el cifrado en salas públicas.</b> Cualquiera puede encontrarlas y unirse a ellas, así que cualquiera puede leer los mensajes en ellas. No disfrutarás de ninguno de los beneficios del cifrado, y no podrás desactivarlo en el futuro. Cifrar los mensajes en una sala pública ralentizará el envío y la recepción de mensajes.",
+            "enable_encryption_public_room_confirm_description_2": "Para evitar estos problemas, crea una <a>nueva sala cifrada</a> para la conversación que quieras tener.",
+            "enable_encryption_public_room_confirm_title": "¿Seguro que quieres activar el cifrado en esta sala pública?",
+            "encrypted_room_public_confirm_description_1": "<b>No está recomendado activar el cifrado en salas públicas.</b> Cualquiera puede encontrar la sala y unirse, por lo que cualquiera puede leer los mensajes. No disfrutarás de los beneficios del cifrado. Además, activarlo en una sala pública hará que recibir y enviar mensajes tarde más.",
+            "encrypted_room_public_confirm_description_2": "Para evitar estos problemas, crea una <a>nueva sala pública</a> para la conversación que planees tener.",
+            "encrypted_room_public_confirm_title": "¿Seguro que quieres activar el cifrado en esta sala pública?",
+            "encryption_forced": "Tu servidor obliga a que el cifrado esté desactivado.",
+            "encryption_permanent": "Una vez actives el cifrado, no podrás desactivarlo.",
+            "error_join_rule_change_title": "Fallo al actualizar las reglas para unirse",
+            "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_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á.",
+            "history_visibility_world_readable": "Todos",
+            "join_rule_description": "Decide quién puede unirse a %(roomName)s.",
+            "join_rule_invite": "Privado (solo por invitación)",
+            "join_rule_invite_description": "Solo las personas invitadas pueden unirse.",
+            "join_rule_public_description": "Cualquiera puede encontrar y unirse.",
+            "join_rule_restricted": "Miembros del espacio",
+            "join_rule_restricted_description": "Cualquiera en un espacio puede encontrar y unirse. <a>Ajusta qué espacios pueden acceder desde aquí.</a>",
+            "join_rule_restricted_description_active_space": "Cualquiera en <spaceName/> puede encontrar y unirse. También puedes seleccionar otros espacios.",
+            "join_rule_restricted_description_prompt": "Cualquiera en un espacio puede encontrar y unirse. Puedes seleccionar varios espacios.",
+            "join_rule_restricted_description_spaces": "Espacios con acceso",
+            "join_rule_restricted_dialog_description": "Decide qué espacios tienen acceso a esta sala. Si seleccionas un espacio, sus miembros podrán encontrar y unirse a <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Al quitar todos los espacios, el acceso por defecto pasará a ser «solo por invitación»",
+            "join_rule_restricted_dialog_filter_placeholder": "Buscar espacios",
+            "join_rule_restricted_dialog_heading_other": "Otros espacios o salas que puede que no conozcas",
+            "join_rule_restricted_dialog_heading_room": "Espacios que conoces que contienen esta sala",
+            "join_rule_restricted_dialog_heading_space": "Espacios que conoces que contienen este espacio",
+            "join_rule_restricted_dialog_heading_unknown": "Otros administradores de la sala estarán dentro.",
+            "join_rule_restricted_dialog_title": "Elegir espacios",
+            "join_rule_restricted_n_more": {
+                "other": "y %(count)s más",
+                "one": "y %(count)s más"
+            },
+            "join_rule_restricted_summary": {
+                "other": "Ahora mismo, %(count)s espacios tienen acceso",
+                "one": "Ahora mismo, un espacio tiene acceso"
+            },
+            "join_rule_restricted_upgrade_description": "Si actualizas, podrás configurar la sala para que los miembros de los espacios que elijas puedan unirse sin que tengas que invitarles.",
+            "join_rule_restricted_upgrade_warning": "Esta sala está en algún espacio en el que no eres administrador. En esos espacios, la sala antigua todavía aparecerá, pero se avisará a los participantes para que se unan a la nueva.",
+            "join_rule_upgrade_awaiting_room": "Cargando la nueva sala",
+            "join_rule_upgrade_required": "Actualización necesaria",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Enviando invitación…",
+                "other": "Enviando invitaciones… (%(progress)s de %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Actualizando espacio…",
+                "other": "Actualizando espacios… (%(progress)s de %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Actualizar sala",
+            "public_without_alias_warning": "Para obtener un enlace a esta sala, añade una dirección.",
+            "strict_encryption": "No enviar nunca mensajes cifrados a sesiones sin verificar en esta sala desde esta sesión",
+            "title": "Seguridad y privacidad"
+        },
+        "title": "Configuración de la sala - %(roomName)s",
+        "upload_avatar_label": "Adjuntar avatar",
+        "visibility": {
+            "alias_section": "Dirección",
+            "error_failed_save": "No se ha podido cambiar la visibilidad del espacio",
+            "error_update_guest_access": "No se ha podido cambiar el acceso a este espacio",
+            "error_update_history_visibility": "No se ha podido cambiar la visibilidad del historial de este espacio",
+            "guest_access_explainer": "Dejar que las personas sin cuenta se unan al espacio.",
+            "guest_access_label": "Permitir acceso a personas sin cuenta",
+            "history_visibility_anyone_space": "Previsualizar espacio",
+            "history_visibility_anyone_space_description": "Permitir que se pueda ver una vista previa del espacio antes de unirse a él.",
+            "history_visibility_anyone_space_recommendation": "Recomendado para espacios públicos.",
+            "title": "Visibilidad"
+        },
+        "voip": {
+            "call_type_section": "Tipo de llamada",
+            "enable_element_call_caption": "%(brand)s está cifrado de extremo a extremo, pero actualmente está limitado a unos pocos participantes.",
+            "enable_element_call_label": "Activar %(brand)s como una opción para las llamadas de esta sala",
+            "enable_element_call_no_permissions_tooltip": "No tienes suficientes permisos para cambiar esto."
+        }
+    },
+    "room_summary_card_back_action_label": "Información de la sala",
+    "scalar": {
+        "error_create": "No se ha podido crear el accesorio.",
+        "error_membership": "No estás en esta sala.",
+        "error_missing_room_id": "Falta el ID de sala.",
+        "error_missing_room_id_request": "Falta el room_id en la solicitud",
+        "error_missing_user_id_request": "Falta el user_id en la solicitud",
+        "error_permission": "No tienes permiso para realizar esa acción en esta sala.",
+        "error_power_level_invalid": "El nivel de autoridad debe ser un número entero positivo.",
+        "error_room_not_visible": "La sala %(roomId)s no es visible",
+        "error_room_unknown": "No se reconoce esta sala.",
+        "error_send_request": "El envío de la solicitud falló.",
+        "failed_read_event": "No se han podido leer los eventos",
+        "failed_send_event": "No se ha podido enviar el evento"
+    },
+    "server_offline": {
+        "description": "Tu servidor no responde a algunas de tus solicitudes. A continuación se presentan algunas de las razones más probables.",
+        "description_1": "El servidor (%(serverName)s) tardó demasiado en responder.",
+        "description_2": "Tu firewall o antivirus está bloqueando la solicitud.",
+        "description_3": "Una extensión del navegador está impidiendo la solicitud.",
+        "description_4": "El servidor está desconectado.",
+        "description_5": "El servidor ha rechazado la solicitud.",
+        "description_6": "Su área está experimentando dificultades para conectarse a Internet.",
+        "description_7": "Se produjo un error de conexión al intentar contactar con el servidor.",
+        "description_8": "El servidor no está configurado para indicar cuál es el problema (CORS).",
+        "empty_timeline": "Estás al día.",
+        "recent_changes_heading": "Cambios recientes que aún no se han recibido",
+        "title": "El servidor no está respondiendo"
+    },
+    "seshat": {
+        "error_initialising": "Ha fallado el sistema de búsqueda de mensajes. Comprueba <a>tus ajustes</a> para más información",
+        "reset_button": "Restablecer el almacenamiento de eventos",
+        "reset_description": "Lo más probable es que no quieras restablecer tu almacenamiento de índice de ecentos",
+        "reset_explainer": "Si lo haces, ten en cuenta que ninguno de tus mensajes serán eliminados, pero la experiencia de búsqueda será peor durante unos momentos mientras recreamos el índice",
+        "reset_title": "¿Restablecer almacenamiento de eventos?",
+        "warning_kind_files": "Esta versión de %(brand)s no permite ver algunos archivos cifrados",
+        "warning_kind_files_app": "Usa la <a>aplicación de escritorio</a> para ver todos los archivos cifrados",
+        "warning_kind_search": "Esta versión de %(brand)s no puede buscar mensajes cifrados",
+        "warning_kind_search_app": "Usa la <a>aplicación de escritorio</a> para buscar en los mensajes cifrados"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Tu token de acceso da acceso completo a tu cuenta. No lo compartas con nadie.",
+            "brand_version": "Versión de %(brand)s:",
+            "clear_cache_reload": "Limpiar caché y recargar",
+            "help_link": "Si necesitas ayuda usando %(brand)s, haz clic <a>aquí</a>.",
+            "homeserver": "El servidor base es <code>%(homeserverUrl)s</code>",
+            "title": "Ayuda y acerca de",
+            "versions": "Versiones"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "Incluir todas las salas en Inicio",
+        "all_rooms_home_description": "Elige si quieres que en Inicio aparezcan todas las salas a las que te hayas unido.",
+        "always_show_message_timestamps": "Mostrar siempre la fecha y hora de envío junto a los mensajes",
+        "appearance": {
+            "custom_font": "Usar un tipo de letra del sistema",
+            "custom_font_description": "Escribe el nombre de la fuente instalada en tu sistema y %(brand)s intentará usarla.",
+            "custom_font_name": "Nombre de la fuente",
+            "custom_font_size": "Usar un tamaño personalizado",
+            "custom_theme_error_downloading": "Error al descargar la información del tema.",
+            "custom_theme_invalid": "Esquema de tema inválido.",
+            "font_size": "Tamaño del texto",
+            "image_size_default": "Por defecto",
+            "image_size_large": "Grande",
+            "layout_bubbles": "Burbujas de mensaje",
+            "layout_irc": "IRC (en pruebas)",
+            "match_system_theme": "Usar el mismo tema que el sistema",
+            "timeline_image_size": "Tamaño de las imágenes en la línea de tiempo"
+        },
+        "automatic_language_detection_syntax_highlight": "Activar la detección automática del lenguajes de programación para resaltar su sintaxis",
+        "autoplay_gifs": "Reproducir automáticamente los GIFs",
+        "autoplay_videos": "Reproducir automáticamente los vídeos",
+        "big_emoji": "Activar emojis grandes en el chat",
+        "code_block_expand_default": "Expandir bloques de ćodigo por defecto",
+        "code_block_line_numbers": "Mostrar números de línea en bloques de ćodigo",
+        "emoji_autocomplete": "Sugerir emojis mientras escribes",
+        "enable_markdown": "Activar Markdown",
+        "enable_markdown_description": "Empieza tu mensaje con <code>/plain</code> para enviarlo sin markdown.",
+        "encryption": {
+            "recovery": {
+                "set_up_recovery_secondary_description": "Después de hacer clic en continuar te generaremos una clave de recuperación."
+            }
+        },
+        "general": {
+            "account_management_section": "Gestión de la cuenta",
+            "account_section": "Cuenta",
+            "add_email_dialog_title": "Añadir dirección de correo",
+            "add_email_failed_verification": "No se ha podido verificar la dirección de correo electrónico: asegúrate de hacer clic en el enlace del mensaje",
+            "add_email_instructions": "Te hemos enviado un mensaje para verificar tu dirección de correo. Por favor, sigue las instrucciones y después haz clic el botón de abajo.",
+            "add_msisdn_confirm_body": "Haz clic en el botón de abajo para confirmar este nuevo número de teléfono.",
+            "add_msisdn_confirm_button": "Confirmar nuevo número de teléfono",
+            "add_msisdn_confirm_sso_button": "Confirma el nuevo número de teléfono usando SSO para probar tu identidad.",
+            "add_msisdn_dialog_title": "Añadir número de teléfono",
+            "add_msisdn_instructions": "Se ha enviado un mensaje de texto a +%(msisdn)s. Por favor, escribe el código de verificación que contiene.",
+            "confirm_adding_email_body": "Haz clic en el botón de abajo para confirmar esta nueva dirección de correo electrónico.",
+            "confirm_adding_email_title": "Confirmar un nuevo correo electrónico",
+            "deactivate_confirm_body": "¿Estás seguro de que quieres desactivar su cuenta? No se puede deshacer.",
+            "deactivate_confirm_body_sso": "Confirme la desactivación de su cuenta, usando Registro Único para probar su identidad.",
+            "deactivate_confirm_content": "Confirma que quieres desactivar tu cuenta. Si continúas:",
+            "deactivate_confirm_content_1": "No podrás reactivarla",
+            "deactivate_confirm_content_2": "Ya no podrás iniciar sesión",
+            "deactivate_confirm_content_3": "Nadie más podrá reusar tu nombre de usuario (MXID), ni siquiera tú: este nombre de usuario dejará de poder usarse",
+            "deactivate_confirm_content_4": "Saldrás de todas las salas y conversaciones en las que estés",
+            "deactivate_confirm_content_5": "Serás eliminado del servidor de identidad: tus amigos no podrán encontrarte con tu email o número de teléfono",
+            "deactivate_confirm_content_6": "La gente que ya haya recibido mensajes tuyos podrá seguir viéndolos, como pasa con los correos electrónicos. ¿Te gustaría ocultar tus mensajes de la gente que en el futuro se una a salas en las que has participado?",
+            "deactivate_confirm_continue": "Confirmar la desactivación de la cuenta",
+            "deactivate_confirm_erase_label": "Ocultar mis mensajes de gente que se una a partir de ahora a las salas",
+            "deactivate_section": "Desactivar cuenta",
+            "deactivate_warning": "Desactivar tu cuenta es para siempre, ¡ten cuidado!",
+            "discovery_email_empty": "Las opciones de descubrimiento aparecerán una vez que haya añadido un correo electrónico arriba.",
+            "discovery_email_verification_instructions": "Verifica el enlace en tu bandeja de entrada",
+            "discovery_msisdn_empty": "Las opciones de descubrimiento aparecerán una vez que haya añadido un número de teléfono arriba.",
+            "discovery_needs_terms": "Acepta los términos de servicio del servidor de identidad %(serverName)s para poder ser encontrado por dirección de correo electrónico o número de teléfono.",
+            "email_address_in_use": "Esta dirección de correo electrónico ya está en uso",
+            "email_address_label": "Dirección de correo",
+            "email_not_verified": "Tu dirección de email no ha sido verificada",
+            "email_verification_instructions": "Haz clic en el enlace del correo electrónico para verificar, y luego nuevamente haz clic en continuar.",
+            "emails_heading": "Correos electrónicos",
+            "error_add_email": "No es posible añadir la dirección de correo electrónico",
+            "error_deactivate_communication": "Hubo un problema de comunicación con el servidor. Por favor, inténtelo de nuevo.",
+            "error_deactivate_invalid_auth": "El servidor no devolvió información de autenticación válida.",
+            "error_deactivate_no_auth": "El servidor no requirió ninguna autenticación",
+            "error_email_verification": "No es posible verificar la dirección de correo electrónico.",
+            "error_invalid_email": "Dirección de Correo Electrónico Inválida",
+            "error_invalid_email_detail": "Esto no parece un e-mail váido",
+            "error_msisdn_verification": "No se pudo verificar el número de teléfono.",
+            "error_password_change_403": "No se ha podido cambiar la contraseña. ¿Has escrito tu contraseña actual correctamente?",
+            "error_password_change_http": "%(errorMessage)s (estado HTTP %(httpStatus)s)",
+            "error_password_change_title": "Error al cambiar la contraseña",
+            "error_remove_3pid": "No se ha podido eliminar la información de contacto",
+            "error_revoke_email_discovery": "No se logró revocar el compartir para la dirección de correo electrónico",
+            "error_revoke_msisdn_discovery": "No se logró revocar el intercambio de un número de teléfono",
+            "error_share_email_discovery": "No se logró compartir la dirección de correo electrónico",
+            "error_share_msisdn_discovery": "No se logró compartir el número de teléfono",
+            "identity_server_not_set": "Servidor de identidad no configurado",
+            "language_section": "Idioma y región",
+            "msisdn_in_use": "Este número de teléfono ya está en uso",
+            "msisdn_label": "Número de teléfono",
+            "msisdn_verification_field_label": "Código de verificación",
+            "msisdn_verification_instructions": "Por favor, escribe el código de verificación que te hemos enviado por SMS.",
+            "msisdns_heading": "Números de teléfono",
+            "oidc_manage_button": "Gestionar cuenta",
+            "password_change_section": "Elige una contraseña para la cuenta…",
+            "password_change_success": "Has cambiado tu contraseña.",
+            "remove_email_prompt": "¿Eliminar %(email)s?",
+            "remove_msisdn_prompt": "¿Eliminar %(phone)s?",
+            "spell_check_locale_placeholder": "Elige un idioma"
+        },
+        "inline_url_previews_default": "Activar la vista previa de URLs en línea por defecto",
+        "insert_trailing_colon_mentions": "Inserta automáticamente dos puntos después de las menciones que hagas al principio de los mensajes",
+        "jump_to_bottom_on_send": "Saltar abajo del todo al enviar un mensaje",
+        "key_backup": {
+            "setup_secure_backup": {
+                "cancel_warning": "Si cancela ahora, puede perder mensajes y datos cifrados si pierde el acceso a sus inicios de sesión.",
+                "confirm_security_phrase": "Confirma tu frase de seguridad",
+                "description": "Protéjase contra la pérdida de acceso a los mensajes y datos cifrados haciendo una copia de seguridad de las claves de cifrado en su servidor.",
+                "download_or_copy": "%(downloadButton)s o %(copyButton)s",
+                "enter_phrase_title": "Escribe una frase de seguridad",
+                "enter_phrase_to_confirm": "Escribe tu frase de seguridad de nuevo para confirmarla.",
+                "generate_security_key_description": "Vamos a generar una clave de seguridad para que la guardes en un lugar seguro, como un gestor de contraseñas o una caja fuerte.",
+                "generate_security_key_title": "Generar una llave de seguridad",
+                "pass_phrase_match_failed": "No coincide.",
+                "pass_phrase_match_success": "¡Eso combina!",
+                "phrase_strong_enough": "¡Genial! Esta frase de seguridad parece lo suficientemente segura.",
+                "secret_storage_query_failure": "No se puede consultar el estado del almacenamiento secreto",
+                "security_key_safety_reminder": "Guarda tu clave de seguridad en un lugar seguro (por ejemplo, un gestor de contraseñas o una caja fuerte) porque sirve para proteger tus datos cifrados.",
+                "set_phrase_again": "Volver y ponerlo de nuevo.",
+                "settings_reminder": "También puedes configurar la copia de seguridad segura y gestionar sus claves en configuración.",
+                "title_confirm_phrase": "Confirmar la frase de seguridad",
+                "title_save_key": "Guarde su llave de seguridad",
+                "title_set_phrase": "Establecer una frase de seguridad",
+                "unable_to_setup": "No se puede configurar el almacenamiento secreto",
+                "use_different_passphrase": "¿Utiliza una frase de contraseña diferente?",
+                "use_phrase_only_you_know": "Usa una frase secreta que solo tú conozcas y, opcionalmente, guarda una clave de seguridad para usarla como respaldo."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Confirmar frase de contraseña",
+            "enter_passphrase": "Introducir frase de contraseña",
+            "export_description_1": "Este proceso te permite exportar las claves para los mensajes que has recibido en salas cifradas a un archivo local. En el futuro, podrás importar el archivo a otro cliente de Matrix, para que ese cliente también sea capaz de descifrar estos mensajes.",
+            "export_title": "Exportar claves de sala",
+            "file_to_import": "Fichero a importar",
+            "import_description_1": "Este proceso te permite importar claves de cifrado que hayas exportado previamente desde otro cliente de Matrix. Así, podrás descifrar cualquier mensaje que el otro cliente pudiera descifrar.",
+            "import_description_2": "El archivo exportado estará protegido con una contraseña. Deberías ingresar la contraseña aquí para descifrar el archivo.",
+            "import_title": "Importar claves de sala",
+            "phrase_cannot_be_empty": "La contraseña no puede estar en blanco",
+            "phrase_must_match": "Las contraseñas deben coincidir"
+        },
+        "keyboard": {
+            "title": "Teclado"
+        },
+        "notifications": {
+            "enable_audible_notifications_session": "Activar notificaciones sonoras para esta sesión",
+            "enable_desktop_notifications_session": "Activa las notificaciones de escritorio para esta sesión",
+            "enable_email_notifications": "Activar notificaciones por correo electrónico para %(email)s",
+            "enable_notifications_account": "Activar notificaciones para esta cuenta",
+            "enable_notifications_account_detail": "Desactiva para no recibir notificaciones en todos tus dispositivos y sesiones",
+            "enable_notifications_device": "Activar notificaciones en este dispositivo",
+            "error_loading": "Ha ocurrido un error al cargar tus ajustes de notificaciones.",
+            "error_permissions_denied": "%(brand)s no tiene permiso para enviarte notificaciones - por favor, comprueba los ajustes de tu navegador",
+            "error_permissions_missing": "No le has dado permiso a %(brand)s para enviar notificaciones. Por favor, inténtalo de nuevo",
+            "error_saving": "Error al guardar las preferencias de notificaciones",
+            "error_saving_detail": "Ha ocurrido un error al guardar las tus preferencias de notificaciones.",
+            "error_title": "No se han podido activar las notificaciones",
+            "messages_containing_keywords": "Mensajes que contengan",
+            "noisy": "Sonoro",
+            "push_targets": "Destinos de notificaciones",
+            "rule_call": "Cuando me inviten a una llamada",
+            "rule_contains_display_name": "Mensajes que contengan mi nombre público",
+            "rule_contains_user_name": "Mensajes que contengan mi nombre",
+            "rule_encrypted": "Mensajes cifrados en conversaciones grupales",
+            "rule_encrypted_room_one_to_one": "Mensajes cifrados en salas uno a uno",
+            "rule_invite_for_me": "Cuando me inviten a una sala",
+            "rule_message": "Mensajes en conversaciones grupales",
+            "rule_room_one_to_one": "Mensajes en conversaciones uno a uno",
+            "rule_roomnotif": "Mensajes que contengan @room",
+            "rule_suppress_notices": "Mensajes enviados por bots",
+            "rule_tombstone": "Cuando las salas son actualizadas",
+            "show_message_desktop_notification": "Mostrar mensaje en las notificaciones de escritorio"
+        },
+        "preferences": {
+            "always_show_menu_bar": "Siempre mostrar la barra de menú de la ventana",
+            "autocomplete_delay": "Retardo autocompletado (ms)",
+            "code_blocks_heading": "Bloques de código",
+            "compact_modern": "Usar una disposición más compacta y «moderna»",
+            "composer_heading": "Editor",
+            "enable_hardware_acceleration": "Activar aceleración por hardware",
+            "enable_tray_icon": "Mostrar un icono en la barra de tareas y minimizar la ventana a él cuando se cierre",
+            "keyboard_heading": "Atajos de teclado",
+            "keyboard_view_shortcuts_button": "Para ver todos los atajos de teclado, <a>haz clic aquí</a>.",
+            "media_heading": "Imágenes, GIFs y vídeos",
+            "presence_description": "Comparte tu actividad y estado con los demás.",
+            "rm_lifetime": "Permanencia del marcador de lectura (en ms)",
+            "rm_lifetime_offscreen": "Permanencia del marcador de lectura fuera de la pantalla (en ms)",
+            "room_directory_heading": "Directorio de salas",
+            "room_list_heading": "Lista de salas",
+            "show_avatars_pills": "Mostrar fotos de perfil en las menciones de usuarios, salas y eventos",
+            "show_polls_button": "Mostrar botón de encuestas",
+            "surround_text": "Rodear texto seleccionado al escribir caracteres especiales",
+            "time_heading": "Fecha y hora"
+        },
+        "prompt_invite": "Preguntarme antes de enviar invitaciones a IDs de matrix que no parezcan válidas",
+        "replace_plain_emoji": "Sustituir automáticamente caritas de texto por sus emojis equivalentes",
+        "security": {
+            "bulk_options_accept_all_invites": "Aceptar todas las invitaciones de %(invitedRooms)s",
+            "bulk_options_reject_all_invites": "Rechazar todas las invitaciones a %(invitedRooms)s",
+            "bulk_options_section": "Opciones generales",
+            "e2ee_default_disabled_warning": "El administrador de tu servidor base ha desactivado el cifrado de extremo a extremo en salas privadas y mensajes directos.",
+            "enable_message_search": "Activar la búsqueda de mensajes en salas cifradas",
+            "encryption_section": "Cifrado",
+            "ignore_users_empty": "No has ignorado a nadie.",
+            "ignore_users_section": "Usuarios ignorados",
+            "key_backup_algorithm": "Algoritmo:",
+            "message_search_disable_warning": "Si está desactivado, los mensajes de las salas cifradas no aparecerán en los resultados de búsqueda.",
+            "message_search_disabled": "Almacenar localmente, de manera segura, a los mensajes cifrados localmente para que aparezcan en los resultados de búsqueda.",
+            "message_search_enabled": {
+                "one": "Guardar mensajes cifrados de forma segura y local para que aparezcan en los resultados de búsqueda, usando %(size)s para almacenar mensajes de %(rooms)s sala.",
+                "other": "Guardar mensajes cifrados de forma segura y local para que aparezcan en los resultados de búsqueda, usando %(size)s para almacenar mensajes de %(rooms)s salas."
+            },
+            "message_search_failed": "Ha fallado la inicialización de la búsqueda de mensajes",
+            "message_search_indexed_messages": "Mensajes indexados:",
+            "message_search_indexed_rooms": "Salas indexadas:",
+            "message_search_indexing": "Actualmente indexando: %(currentRoom)s",
+            "message_search_indexing_idle": "Actualmente no indexa mensajes para ninguna sala.",
+            "message_search_intro": "%(brand)s está almacenando en caché de forma segura los mensajes cifrados localmente para que aparezcan en los resultados de búsqueda:",
+            "message_search_room_progress": "%(doneRooms)s fuera de %(totalRooms)s",
+            "message_search_section": "Búsqueda de mensajes",
+            "message_search_sleep_time": "Con qué rapidez deben ser descargados los mensajes.",
+            "message_search_space_used": "Espacio usado:",
+            "message_search_unsupported": "A %(brand)s le faltan algunos componentes necesarios para el almacenamiento seguro de mensajes cifrados a nivel local. Si quieres experimentar con esta característica, construye un Escritorio %(brand)s personalizado con <nativeLink> componentes de búsqueda añadidos</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s no puede almacenar en caché de forma segura mensajes cifrados localmente mientras se ejecuta en un navegador web. Usa <desktopLink> %(brand)s Escritorio</desktopLink> para que los mensajes cifrados aparezcan en los resultados de búsqueda.",
+            "record_session_details": "Registrar el nombre del cliente, la versión y URL para reconocer de forma más fácil las sesiones en el gestor",
+            "send_analytics": "Enviar datos estadísticos de uso",
+            "strict_encryption": "No enviar nunca mensajes cifrados a sesiones sin verificar desde esta sesión"
+        },
+        "send_read_receipts": "Enviar acuses de recibo",
+        "send_read_receipts_unsupported": "Tu servidor no permite desactivar los acuses de recibo.",
+        "send_typing_notifications": "Enviar notificaciones de tecleo",
+        "sessions": {
+            "confirm_sign_out": {
+                "other": "Confirma el cierre de sesión en estos dispositivos",
+                "one": "Confirmar cerrar sesión de este dispositivo"
+            },
+            "confirm_sign_out_body": {
+                "other": "Haz clic en el botón de abajo para confirmar y cerrar sesión en estos dispositivos.",
+                "one": "Haz clic en el botón de abajo para confirmar que quieres cerrar la sesión de este dispositivo."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Cerrar sesión en el dispositivo",
+                "other": "Cerrar sesión en los dispositivos"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Confirma que quieres cerrar sesión en este dispositivo usando Single Sign On para probar tu identidad.",
+                "other": "Confirma que quieres cerrar sesión de estos dispositivos usando Single Sign On para probar tu identidad."
+            },
+            "current_session": "Sesión actual",
+            "desktop_session": "Sesión de escritorio",
+            "details_heading": "Detalles de la sesión",
+            "device_unverified_description": "Verifica o cierra esta sesión, para mayor seguridad y estabilidad.",
+            "device_verified_description": "Esta sesión está lista para mensajería segura.",
+            "error_pusher_state": "Fallo al establecer el estado push",
+            "filter_all": "Todo",
+            "filter_inactive": "Inactiva",
+            "filter_inactive_description": "Inactiva durante %(inactiveAgeDays)s días o más",
+            "filter_label": "Filtrar dispositivos",
+            "filter_unverified_description": "No preparado para mensajería segura",
+            "filter_verified_description": "Mensajería segura lista",
+            "hide_details": "Ocultar detalles",
+            "inactive_days": "Inactivo durante más de %(inactiveAgeDays)s días",
+            "inactive_sessions": "Sesiones inactivas",
+            "inactive_sessions_list_description": "Considera cerrar sesión en los dispositivos que ya no uses (hace %(inactiveAgeDays)s días o más).",
+            "ip": "Dirección IP",
+            "last_activity": "Última actividad",
+            "mobile_session": "Sesión móvil",
+            "n_sessions_selected": {
+                "one": "%(count)s sesión seleccionada",
+                "other": "%(count)s sesiones seleccionadas"
+            },
+            "no_inactive_sessions": "No se ha encontrado ninguna sesión inactiva.",
+            "no_sessions": "No se ha encontrado ninguna sesión.",
+            "no_unverified_sessions": "No se ha encontrado ninguna sesión sin verificar.",
+            "no_verified_sessions": "No se ha encontrado ninguna sesión verificada.",
+            "other_sessions_heading": "Otras sesiones",
+            "push_heading": "Notificaciones push",
+            "push_subheading": "Recibir notificaciones push en esta sesión.",
+            "push_toggle": "Activar/desactivar notificaciones push en esta sesión.",
+            "rename_form_caption": "Por favor, ten en cuenta que cualquiera con quien te comuniques puede ver los nombres de tus sesiones.",
+            "rename_form_heading": "Renombrar sesión",
+            "rename_form_learn_more": "Renombrar sesiones",
+            "rename_form_learn_more_description_1": "La lista completa de tus sesiones podrá ser vista por otros usuarios en tus mensajes directos y salas en las que estés.",
+            "rename_form_learn_more_description_2": "Esto ayuda a otorgar la confianza de que realmente están hablando contigo, pero significa que podrán ver el nombre de la sesión que pongas aquí.",
+            "security_recommendations": "Consejos de seguridad",
+            "security_recommendations_description": "Mejora la seguridad de tu cuenta siguiendo estas recomendaciones.",
+            "session_id": "ID de Sesión",
+            "show_details": "Mostrar detalles",
+            "sign_in_with_qr": "Vincular un dispositivo nuevo",
+            "sign_in_with_qr_button": "Ver código QR",
+            "sign_in_with_qr_description": "Puedes usar este dispositivo para iniciar sesión en uno nuevo escaneando un código QR. Tendrás que escanearlo con el nuevo dispositivo que quieras usar para iniciar sesión.",
+            "sign_out": "Cerrar esta sesión",
+            "sign_out_all_other_sessions": "Cerrar el resto de sesiones (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "¿Seguro que quieres cerrar %(count)s sesión?",
+                "other": "¿Seguro que quieres cerrar %(count)s sesiones?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Cerrar %(count)s sesión",
+                "other": "Cerrar %(count)s sesiones"
+            },
+            "title": "Sesiones",
+            "unknown_session": "Sesión de tipo desconocido",
+            "unverified_session": "Sesión sin verificar",
+            "unverified_sessions": "Sesiones sin verificar",
+            "unverified_sessions_list_description": "Verifica tus sesiones para una mensajería más segura, o cierra las que no reconozcas o hayas dejado de usar.",
+            "verified_session": "Sesión verificada",
+            "verified_sessions": "Sesiones verificadas",
+            "verified_sessions_list_description": "Para mayor seguridad, cierra cualquier sesión que no reconozcas o que ya no uses.",
+            "verify_session": "Verificar sesión",
+            "web_session": "Sesión web"
+        },
+        "show_breadcrumbs": "Incluir encima de la lista de salas unos atajos a las últimas salas que hayas visto",
+        "show_chat_effects": "Mostrar efectos de chat (animaciones al recibir ciertos mensajes, como confeti)",
+        "show_displayname_changes": "Muestra cambios en los nombres",
+        "show_join_leave": "Mostrar mensajes de entrada y salida de la sala (seguirás viendo invitaciones, gente quitada y vetos)",
+        "show_nsfw_content": "Mostrar contenido sensible (NSFW)",
+        "show_read_receipts": "Mostrar las confirmaciones de lectura enviadas por otros usuarios",
+        "show_redaction_placeholder": "Dejar un indicador cuando se borre un mensaje",
+        "show_stickers_button": "Incluir el botón de pegatinas",
+        "show_typing_notifications": "Mostrar un indicador cuando alguien más esté escribiendo en la sala",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "Ver todas las salas",
+            "metaspaces_home_all_rooms_description": "Incluir todas tus salas en inicio, aunque estén dentro de un espacio.",
+            "metaspaces_home_description": "La pantalla de Inicio es útil para tener una vista general de todas tus conversaciones.",
+            "metaspaces_orphans": "Salas fuera de un espacio",
+            "metaspaces_orphans_description": "Agrupa en un mismo sitio todas tus salas que no formen parte de un espacio.",
+            "metaspaces_subsection": "Qué espacios mostrar",
+            "title": "Barra lateral"
+        },
+        "use_12_hour_format": "Mostrar las horas con el modelo de 12 horas (ej.: 2:30pm)",
+        "use_command_enter_send_message": "Usa Comando + Intro para enviar un mensje",
+        "use_command_f_search": "Usa Control + F para buscar",
+        "use_control_enter_send_message": "Hacer que para enviar un mensaje haya que pulsar Control + Intro",
+        "use_control_f_search": "Activar el atajo Control + F, que permite buscar dentro de una conversación",
+        "voip": {
+            "allow_p2p": "Permitir llamadas directas 1-a-1 (peer-to-peer)",
+            "allow_p2p_description": "Si lo activas, la otra parte podría ver tu dirección IP",
+            "audio_input_empty": "Micrófono no detectado",
+            "audio_output": "Salida de sonido",
+            "audio_output_empty": "No se han detectado salidas de sonido",
+            "auto_gain_control": "Control automático de volumen",
+            "echo_cancellation": "Cancelación de eco",
+            "enable_fallback_ice_server_description": "Solo se activará si tu servidor base no ofrece uno. Tu dirección IP se compartirá durante la llamada.",
+            "mirror_local_feed": "Invertir el vídeo local horizontalmente (espejo)",
+            "missing_permissions_prompt": "No hay permisos de medios, haz clic abajo para pedirlos.",
+            "noise_suppression": "Supresión de ruido",
+            "request_permissions": "Pedir permisos de los medios",
+            "title": "Voz y vídeo",
+            "video_input_empty": "Cámara no detectada",
+            "video_section": "Ajustes de vídeo",
+            "voice_agc": "Ajustar el volumen del micrófono automáticamente",
+            "voice_processing": "Procesamiento de vídeo",
+            "voice_section": "Ajustes de voz"
+        },
+        "warn_quit": "Pedir confirmación antes de salir",
+        "warning": "<w>ADVERTENCIA :</w> <description/>"
+    },
+    "share": {
+        "permalink_message": "Enlazar al mensaje seleccionado",
+        "permalink_most_recent": "Enlazar al mensaje más reciente",
+        "title_message": "Compartir un mensaje de esta sala",
+        "title_room": "Compartir la sala",
+        "title_user": "Compartir usuario"
+    },
+    "slash_command": {
+        "addwidget": "Añade un accesorio personalizado por URL a la sala",
+        "addwidget_iframe_missing_src": "el iframe no tiene atributo src",
+        "addwidget_invalid_protocol": "Por favor indica un URL de accesorio de tipo http:// o https://",
+        "addwidget_missing_url": "Por favor, proporciona la URL del accesorio o un código de incrustación",
+        "addwidget_no_permissions": "No puedes modificar los accesorios de esta sala.",
+        "ban": "Veta al usuario con la ID dada",
+        "category_actions": "Acciones",
+        "category_advanced": "Avanzado",
+        "category_effects": "Efectos",
+        "category_messages": "Mensajes",
+        "category_other": "Otros",
+        "command_error": "Error de comando",
+        "converttodm": "Convierte la sala a un mensaje directo",
+        "converttoroom": "Convierte el mensaje directo a sala",
+        "could_not_find_room": "No se ha encontrado la sala",
+        "deop": "Quita el poder de operador al usuario con la ID dada",
+        "devtools": "Abre el diálogo de herramientas de desarrollo",
+        "discardsession": "Obliga a que la sesión de salida grupal actual en una sala cifrada se descarte",
+        "error_invalid_rendering_type": "Error en el comando: no se ha encontrado el tipo de renderizado (%(renderingType)s)",
+        "error_invalid_runfn": "Error en el comando: no se ha podido gestionar el comando de barra.",
+        "help": "Muestra lista de comandos con usos y descripciones",
+        "help_dialog_title": "Ayuda del comando",
+        "holdcall": "Pone la llamada de la sala actual en espera",
+        "html": "Envía un mensaje como HTML, sin interpretarlo en Markdown",
+        "ignore": "Ignora a un usuario, ocultando sus mensajes",
+        "ignore_dialog_description": "Ahora ignoras a %(userId)s",
+        "ignore_dialog_title": "Usuario ignorado",
+        "invite": "Invita al usuario con la ID dada a la sala actual",
+        "invite_3pid_needs_is_error": "Usa un servidor de identidad para invitar por correo. Puedes configurarlo en tus ajustes.",
+        "invite_3pid_use_default_is_title": "Usar un servidor de identidad",
+        "invite_3pid_use_default_is_title_description": "Usar un servidor de identidad para invitar por correo. Presiona continuar par usar el servidor de identidad por defecto (%(defaultIdentityServerName)s) o adminístralo en Ajustes.",
+        "join": "Entrar a la sala con la dirección especificada",
+        "jumptodate": "Saltar a la fecha dada en la línea temporal",
+        "jumptodate_invalid_input": "El formato de la fecha no es el que esperábamos (%(inputDate)s). Prueba con AAAA-MM-DD, año-mes-día.",
+        "lenny": "Antepone ( ͡° ͜ʖ ͡°) a un mensaje de texto",
+        "me": "Hacer una acción",
+        "msg": "Enviar un mensaje al usuario seleccionado",
+        "myroomnick": "Cambia tu apodo sólo en la sala actual",
+        "nick": "Cambia tu apodo público",
+        "no_active_call": "No hay llamadas activas en la sala",
+        "op": "Define el nivel de autoridad de un usuario",
+        "part_unknown_alias": "Dirección de sala no reconocida: %(roomAlias)s",
+        "plain": "Envía un mensaje como texto estándar, sin interpretarlo como Markdown",
+        "query": "Abrir una conversación con el usuario especificado",
+        "query_not_found_phone_number": "No se ha podido encontrar ninguna ID de Matrix para el número de teléfono",
+        "rageshake": "Enviar un informe de errores con los registros",
+        "rainbow": "Envía el mensaje coloreado como un arcoiris",
+        "rainbowme": "Envía el emoji coloreado como un arcoiris",
+        "remove": "Saca al usuario con la ID dada de esta sala",
+        "roomavatar": "Cambia la imagen de la sala actual",
+        "roomname": "Establece el nombre de la sala",
+        "server_error": "Error del servidor",
+        "server_error_detail": "Servidor saturado, desconectado, o alguien ha roto algo.",
+        "shrug": "Añade ¯\\_(ツ)_/¯ al principio de un mensaje de texto plano",
+        "spoiler": "Envía el mensaje como un spoiler",
+        "tableflip": "Pone «(╯°□°）╯︵ ┻━┻» delante de un mensaje de texto",
+        "topic": "Ver o cambiar el asunto de la sala",
+        "topic_none": "Esta sala no tiene asunto.",
+        "topic_room_error": "Fallo al obtener el asunto de la sala: No se ha podido encontrar la sala (%(roomId)s",
+        "unban": "Desbloquea el usuario con ese ID",
+        "unflip": "Pone «┬──┬ ノ( ゜-゜ノ)» después de un mensaje de texto",
+        "unholdcall": "Quita la llamada de la sala actual de espera",
+        "unignore": "Deja de ignorar a un usuario, mostrando sus mensajes a partir de ahora",
+        "unignore_dialog_description": "Ya no ignoras a %(userId)s",
+        "unignore_dialog_title": "Usuario no ignorado",
+        "unknown_command": "Comando desconocido",
+        "unknown_command_button": "Enviar como mensaje",
+        "unknown_command_detail": "Comando no reconocido: %(commandText)s",
+        "unknown_command_help": "Puedes usar <code>/help</code> para ver los comandos disponibles. ¿Querías enviarlo como mensaje?",
+        "unknown_command_hint": "Sugerencia: empieza tu mensaje con <code>//</code> para que inicie con una barra inclinada.",
+        "upgraderoom": "Actualiza una sala a una nueva versión",
+        "upgraderoom_permission_error": "No tienes los permisos requeridos para usar este comando.",
+        "usage": "Uso",
+        "verify": "Verifica a un usuario, sesión y tupla de clave pública",
+        "whois": "Muestra información sobre un usuario"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "¿Quieres añadir una sala nueva en su lugar?",
+            "create_prompt": "Crear una sala nueva",
+            "dm_heading": "Mensajes directos",
+            "error_heading": "No se han añadido todas las seleccionadas",
+            "progress_text": {
+                "other": "Añadiendo salas… (%(progress)s de %(count)s)",
+                "one": "Añadiendo sala…"
+            },
+            "space_dropdown_label": "Selección de espacio",
+            "space_dropdown_title": "Añadir salas que ya existan",
+            "subspace_moved_note": "Hemos cambiado de sitio la creación de espacios."
+        },
+        "add_existing_subspace": {
+            "create_button": "Crear un nuevo espacio",
+            "create_prompt": "¿Quieres añadir un espacio nuevo en su lugar?",
+            "filter_placeholder": "Buscar espacios",
+            "space_dropdown_title": "Añadir un espacio ya existente"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Ver línea de tiempo de la sala (herramientas de desarrollo)",
+            "explore": "Explorar salas",
+            "home": "Inicio del espacio",
+            "manage_and_explore": "Gestionar y explorar salas",
+            "options": "Opciones del espacio"
+        },
+        "failed_load_rooms": "No se ha podido cargar la lista de salas.",
+        "failed_remove_rooms": "No se han podido quitar algunas salas. Prueba de nuevo más tarde",
+        "incompatible_server_hierarchy": "Este servidor no es compatible con la función de las jerarquías de espacios.",
+        "invite": "Invitar gente",
+        "invite_description": "Invitar correos electrónicos o nombres de usuario",
+        "invite_link": "Compartir enlace de invitación",
+        "joining_space": "Uniéndote",
+        "landing_welcome": "Te damos la bienvenida a <name/>",
+        "leave_dialog_action": "Salir del espacio",
+        "leave_dialog_description": "Estás a punto de salirte de <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Eres la única persona con permisos de administración en algunos de los espacios de los que quieres irte. Al salir de ellos, nadie podrá gestionarlos.",
+        "leave_dialog_only_admin_warning": "Eres la única persona con permisos de administración en este espacio. Cuando salgas, nadie más podrá gestionarlo.",
+        "leave_dialog_option_all": "Salir de todas las salas",
+        "leave_dialog_option_intro": "¿Quieres salir también de las salas del espacio?",
+        "leave_dialog_option_none": "No salir de ninguna sala",
+        "leave_dialog_option_specific": "Salir de algunas salas",
+        "leave_dialog_public_rejoin_warning": "No te podrás unir de nuevo hasta que te inviten otra vez a él.",
+        "leave_dialog_title": "Salir de %(spaceName)s",
+        "mark_suggested": "Sugerir",
+        "no_search_result_hint": "Prueba con otro término de búsqueda o comprueba que no haya erratas.",
+        "preferences": {
+            "sections_section": "Secciones que mostrar",
+            "show_people_in_space": "Aquí encontrarás tus conversaciones con los miembros del espacio. Si lo desactivas, estas no aparecerán mientras veas el espacio %(spaceName)s."
+        },
+        "room_filter_placeholder": "Buscar salas",
+        "search_children": "Buscar en %(spaceName)s",
+        "search_placeholder": "Buscar por nombre y descripción",
+        "select_room_below": "Selecciona una sala de abajo primero",
+        "share_public": "Comparte tu espacio público",
+        "suggested": "Sugerencias",
+        "suggested_tooltip": "Unirse a esta sala está sugerido",
+        "title_when_query_available": "Resultados",
+        "title_when_query_unavailable": "Salas y espacios",
+        "unmark_suggested": "No sugerir",
+        "user_lacks_permission": "No tienes permisos"
+    },
+    "space_settings": {
+        "title": "Ajustes - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Escribe el nombre de un nuevo servidor que quieras explorar.",
+            "network_dropdown_add_dialog_placeholder": "Nombre del servidor",
+            "network_dropdown_add_dialog_title": "Añadir un nuevo servidor",
+            "network_dropdown_add_server_option": "Añadir nuevo servidor…",
+            "network_dropdown_available_invalid": "No se ha podido encontrar este servidor o su lista de salas",
+            "network_dropdown_available_invalid_forbidden": "No tienes permiso para ver la lista de salas de este servidor",
+            "network_dropdown_available_valid": "Se ve bien",
+            "network_dropdown_remove_server_adornment": "Quitar servidor «%(roomServer)s»",
+            "network_dropdown_required_invalid": "Escribe un nombre de servidor",
+            "network_dropdown_selected_label": "Mostrar: salas de Matrix",
+            "network_dropdown_selected_label_instance": "Mostrar: salas de %(instance)s (%(server)s)",
+            "network_dropdown_your_server_description": "Tu servidor"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Si no ves a quien buscas, pídele que te envíe su enlace de invitación.",
+        "cant_find_room_helpful_hint": "Si no encuentras una sala, pide que te inviten a ella o que te manden su enlace.",
+        "copy_link_text": "Copiar enlace de invitación",
+        "count_of_members": {
+            "one": "%(count)s miembro",
+            "other": "%(count)s miembros"
+        },
+        "create_new_room_button": "Crear una nueva sala",
+        "group_chat_section_title": "Otras opciones",
+        "heading_with_query": "Buscar «%(query)s» en",
+        "heading_without_query": "Buscar",
+        "join_button_text": "Unirte a %(roomAddress)s",
+        "keyboard_scroll_hint": "Usa <arrows/> para desplazarte",
+        "other_rooms_in_space": "Otras salas en %(spaceName)s",
+        "public_rooms_label": "Salas públicas",
+        "recent_searches_section_title": "Búsquedas recientes",
+        "recently_viewed_section_title": "Visto recientemente",
+        "remove_filter": "Quitar filtro de búsqueda para %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Algunos resultados pueden estar ocultos por motivos de privacidad",
+        "result_may_be_hidden_warning": "Algunos resultados pueden estar ocultos",
+        "search_dialog": "Ventana de búsqueda",
+        "spaces_title": "Tus espacios",
+        "start_group_chat_button": "Crear conversación en grupo"
+    },
+    "stickers": {
+        "empty": "Actualmente no tienes ningún paquete de pegatinas activado",
+        "empty_add_prompt": "Añadir alguno ahora"
+    },
+    "terms": {
+        "column_document": "Documento",
+        "column_service": "Servicio",
+        "column_summary": "Resumen",
+        "identity_server_no_terms_description_1": "Esta acción necesita acceder al servidor de identidad por defecto <server /> para validar un correo o un teléfono, pero el servidor no tiene términos de servicio.",
+        "identity_server_no_terms_description_2": "Continúa solamente si confías en el propietario del servidor.",
+        "identity_server_no_terms_title": "El servidor de identidad no tiene términos de servicio",
+        "inline_intro_text": "<policyLink />, acepta para continuar:",
+        "integration_manager": "Usar robots, puentes, accesorios o packs de pegatinas",
+        "intro": "Para continuar, necesitas aceptar estos términos de servicio.",
+        "summary_identity_server_1": "Encontrar a otros por teléfono o email",
+        "summary_identity_server_2": "Ser encontrado por teléfono o email",
+        "tac_button": "Revisar términos y condiciones",
+        "tac_description": "Para continuar usando el servidor base %(homeserverDomain)s, debes revisar y estar de acuerdo con nuestros términos y condiciones.",
+        "tac_title": "Términos y condiciones",
+        "tos": "Términos de servicio"
+    },
+    "theme": {
+        "light_high_contrast": "Claro con contraste alto",
+        "match_system": "Usar el del sistema"
+    },
+    "thread_view_back_action_label": "Volver al hilo",
+    "threads": {
+        "all_threads": "Todos los hilos",
+        "all_threads_description": "Muestra todos los hilos de la sala actual",
+        "count_of_reply": {
+            "one": "%(count)s respuesta",
+            "other": "%(count)s respuestas"
+        },
+        "my_threads": "Mis hilos",
+        "my_threads_description": "Ver todos los hilos en los que has participado",
+        "open_thread": "Abrir hilo",
+        "show_thread_filter": "Mostrar:"
+    },
+    "time": {
+        "date_at_time": "%(date)s a la(s) %(time)s",
+        "hours_minutes_seconds_left": "queda(n) %(hours)sh %(minutes)sm %(seconds)ss",
+        "left": "Queda %(timeRemaining)s",
+        "minutes_seconds_left": "queda(n) %(minutes)sm %(seconds)ss",
+        "seconds_left": "%(seconds)ss restantes",
+        "short_days": "%(value)s d",
+        "short_days_hours_minutes_seconds": "%(days)sd %(hours)sh %(minutes)sm %(seconds)ss",
+        "short_hours": "%(value)s h",
+        "short_hours_minutes_seconds": "%(hours)sh %(minutes)sm %(seconds)ss",
+        "short_minutes": "%(value)s min",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)ss",
+        "short_seconds": "%(value)s s"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Ocultar respuestas",
+            "external_url": "URL de Origen",
+            "open_in_osm": "Abrir en OpenStreetMap",
+            "report": "Denunciar",
+            "resent_unsent_reactions": "Reenviar %(unsentCount)s reacción(es)",
+            "show_url_preview": "Mostrar vista previa",
+            "view_related_event": "Ver evento relacionado",
+            "view_source": "Ver código fuente"
+        },
+        "creation_summary_dm": "%(creator)s creó este mensaje directo.",
+        "creation_summary_room": "Sala creada y configurada por %(creator)s.",
+        "download_action_downloading": "Descargando",
+        "edits": {
+            "tooltip_label": "Última vez editado: %(date)s. Haz clic para ver los cambios.",
+            "tooltip_sub": "Haz clic para ver las ediciones",
+            "tooltip_title": "Última vez editado: %(date)s"
+        },
+        "error_no_renderer": "No se ha podido mostrar este evento",
+        "error_rendering_message": "No se ha podido cargar este mensaje",
+        "historical_messages_unavailable": "No puedes ver mensajes anteriores",
+        "in_room_name": " en <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s actualizó la disposición de la sala",
+        "load_error": {
+            "no_permission": "Se ha intentado cargar cierto punto en la cronología de esta sala, pero no tiene permiso para ver el mensaje solicitado.",
+            "title": "Fallo al cargar el historial",
+            "unable_to_find": "Se ha intentado cargar cierto punto en la cronología de esta sala, pero no se ha podido encontrarlo."
+        },
+        "m.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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Ver ubicación en tiempo real"
+        },
+        "m.call": {
+            "video_call_ended": "Videollamada terminada",
+            "video_call_started": "Videollamada empezada en %(roomName)s.",
+            "video_call_started_text": "%(name)s comenzó una videollamada",
+            "video_call_started_unsupported": "Videollamada empezada en %(roomName)s. (no compatible con este navegador)"
+        },
+        "m.call.hangup": {
+            "dm": "La llamada ha terminado"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Respondido en otro sitio",
+            "call_back_prompt": "Devolver llamada",
+            "declined": "Llamada rechazada",
+            "failed_connect_media": "No se ha podido conectar con los dispositivos multimedia",
+            "failed_connection": "Ha fallado la conexión",
+            "failed_opponent_media": "El dispositivo de la otra persona no ha podido iniciar la cámara o micrófono",
+            "missed_call": "Llamada perdida",
+            "no_answer": "Sin respuesta",
+            "unknown_error": "Ha ocurrido un error desconocido",
+            "unknown_failure": "Fallo desconocido: %(reason)s",
+            "unknown_state": "¡La llamada está en un estado desconocido!",
+            "video_call": "%(senderName)s hizo una llamada de vídeo.",
+            "video_call_unsupported": "%(senderName)s hizo una llamada de vídeo (no soportada por este navegador)",
+            "voice_call": "%(senderName)s hizo una llamada de voz.",
+            "voice_call_unsupported": "%(senderName)s hizo una llamada de voz. (no soportada por este navegador)"
+        },
+        "m.file": {
+            "error_decrypting": "Error al descifrar adjunto"
+        },
+        "m.image": {
+            "error": "No es posible mostrar la imagen debido a un error",
+            "error_decrypting": "Error al descifrar imagen",
+            "error_downloading": "Error al descargar la imagen",
+            "sent": "%(senderDisplayName)s envió una imagen.",
+            "show_image": "Ver imagen"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s quiere verificar",
+            "you_started": "Has enviado solicitud de verificación"
+        },
+        "m.location": {
+            "full": "%(senderName)s ha compartido su ubicación",
+            "location": "Compartió una ubicación: ",
+            "self_location": "Compartió su ubicación: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s voto",
+                "other": "%(count)s votos"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s ha terminado una encuesta"
+        },
+        "m.poll.start": "%(senderName)s ha empezado una encuesta – %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s cambió la imagen de la sala.",
+            "lightbox_title": "%(senderDisplayName)s cambió el avatar para %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s añadió las direcciones alternativas %(addresses)s para esta sala.",
+                "one": "%(senderName)s añadió la dirección alternativa %(addresses)s para esta sala."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s quitó la dirección alternativa %(addresses)s para esta sala.",
+                "one": "%(senderName)s quitó la dirección alternativa %(addresses)s para esta sala."
+            },
+            "changed": "%(senderName)s cambió las direcciones de esta sala.",
+            "changed_alternative": "%(senderName)s cambió las direcciones alternativas de esta sala.",
+            "changed_main_and_alternative": "%(senderName)s cambió la dirección principal y las alternativas de esta sala.",
+            "removed": "%(senderName)s eliminó la dirección principal para esta sala.",
+            "set": "%(senderName)s estableció la dirección principal para esta sala como %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Esta sala es una continuación de otra.",
+            "see_older_messages": "Haz clic aquí para ver mensajes anteriores."
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s autorizó a unirse a la sala a personas todavía sin cuenta.",
+            "forbidden": "%(senderDisplayName)s ha prohibido que los invitados se unan a la sala.",
+            "unknown": "%(senderDisplayName)s ha cambiado el acceso de invitados a %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s hizo visible el historial futuro de la sala para todos los miembros de la sala, desde el momento en que son invitados.",
+            "joined": "%(senderName)s hizo visible el historial futuro de la sala para todos los miembros de la sala, desde el momento en que se unieron.",
+            "shared": "%(senderName)s hizo visible el historial futuro de la sala para todos los miembros de la sala.",
+            "unknown": "%(senderName)s hizo visible el historial futuro de la sala para desconocido (%(visibility)s).",
+            "world_readable": "%(senderName)s hizo visible el historial futuro de la sala para cualquier persona."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s restringió la sala a invitados.",
+            "public": "%(senderDisplayName)s hizo la sala pública a cualquiera que conozca el enlace.",
+            "restricted": "%(senderDisplayName)s cambió quién puede unirse a esta sala.",
+            "restricted_settings": "%(senderDisplayName)s cambió quién puede unirse a esta sala. <a>Ver ajustes</a>.",
+            "unknown": "%(senderDisplayName)s cambió la regla para unirse a %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s ha aceptado la invitación a %(displayName)s",
+            "accepted_invite": "%(targetName)s ha aceptado una invitación",
+            "ban": "%(senderName)s ha vetado a %(targetName)s",
+            "ban_reason": "%(senderName)s ha vetado a %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s cambió su foto de perfil",
+            "change_name": "%(oldDisplayName)s cambió su nombre a %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s cambió su nombre y foto de perfil",
+            "invite": "%(senderName)s invitó a %(targetName)s",
+            "join": "%(targetName)s se ha unido a la sala",
+            "kick": "%(senderName)s quitó a %(targetName)s",
+            "kick_reason": "%(senderName)s quitó a %(targetName)s: %(reason)s",
+            "left": "%(targetName)s ha salido de la sala",
+            "left_reason": "%(targetName)s ha salido de la sala: %(reason)s",
+            "no_change": "%(senderName)s no ha hecho ningún cambio",
+            "reject_invite": "%(targetName)s ha rechazado la invitación",
+            "remove_avatar": "%(senderName)s ha eliminado su foto de perfil",
+            "remove_name": "%(senderName)s se ha quitado el nombre personalizado (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s se ha puesto una foto de perfil",
+            "set_name": "%(senderName)s ha elegido %(displayName)s como su nombre",
+            "unban": "%(senderName)s ha quitado el veto a %(targetName)s",
+            "withdrew_invite": "%(senderName)s ha anulado la invitación a %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s ha anulado la invitación a %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s cambió el nombre de la sala %(oldRoomName)s a %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s eliminó el nombre de la sala.",
+            "set": "%(senderDisplayName)s cambió el nombre de la sala a %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s cambió los mensajes fijados de la sala.",
+            "changed_link": "%(senderName)s cambió los <a>mensajes fijados</a> de la sala.",
+            "pinned": "%(senderName)s ha fijado un mensaje en esta sala. Mira todos los mensajes fijados.",
+            "pinned_link": "%(senderName)s ha fijado <a>un mensaje</a> en esta sala. Mira todos los <b>mensajes fijados</b>.",
+            "unpinned": "%(senderName)s ha dejado de fijar un mensaje de esta sala. Ver todos los mensajes fijados.",
+            "unpinned_link": "%(senderName)s ha dejado de fijar <a>un mensaje</a> de esta sala. Ver todos los <b>mensajes fijados</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s cambió el nivel de acceso de %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s de %(fromPowerLevel)s a %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s ha revocado la invitación para que %(targetDisplayName)s se una a la sala.",
+            "sent": "%(senderName)s invitó a %(targetDisplayName)s a unirse a la sala."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s actualizó esta sala.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s cambió el asunto a «%(topic)s»."
+        },
+        "m.sticker": "%(senderDisplayName)s envió una pegatina.",
+        "m.video": {
+            "error_decrypting": "Error al descifrar el vídeo"
+        },
+        "m.widget": {
+            "added": "%(senderName)s añadió el accesorio %(widgetName)s",
+            "jitsi_ended": "Videoconferencia terminada por %(senderName)s",
+            "jitsi_join_right_prompt": "Únete a la conferencia desde el panel de información de la sala de la derecha",
+            "jitsi_join_top_prompt": "Únete a la conferencia en la parte de arriba de la sala",
+            "jitsi_started": "Videoconferencia iniciada por %(senderName)s",
+            "jitsi_updated": "Videoconferencia actualizada por %(senderName)s",
+            "modified": "%(senderName)s modificó el accesorio %(widgetName)s%(widgetName)sx",
+            "removed": "componente %(widgetName)s eliminado por %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Copiar enlace al hilo",
+            "view_in_room": "Ver en la sala"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s actualizó una regla de bloqueo que correspondía a %(oldGlob)s a %(newGlob)s por %(reason)s",
+            "changed_rule_rooms": "%(senderName)s cambió una regla que estaba bloqueando a salas que coinciden con %(oldGlob)s a %(newGlob)s por %(reason)s",
+            "changed_rule_servers": "%(senderName)s cambió una regla que estaba bloqueando a servidores que coinciden con %(oldGlob)s a %(newGlob)s por %(reason)s",
+            "changed_rule_users": "%(senderName)s cambió una regla que estaba bloqueando a usuarios que coinciden con %(oldGlob)s a %(newGlob)s por %(reason)s",
+            "created_rule": "%(senderName)s creó una regla de bloqueo correspondiente a %(glob)s por %(reason)s",
+            "created_rule_rooms": "%(senderName)s creó una regla bloqueando a salas que coinciden con %(glob)s por %(reason)s",
+            "created_rule_servers": "%(senderName)s creó una regla bloqueando a servidores que coinciden con %(glob)s por %(reason)s",
+            "created_rule_users": "%(senderName)s creó una regla bloqueando a usuarios que coinciden con %(glob)s por %(reason)s",
+            "removed_rule": "%(senderName)s eliminó una regla correspondiente a %(glob)s",
+            "removed_rule_rooms": "%(senderName)s eliminó la regla que bloquea a salas que coinciden con %(glob)s",
+            "removed_rule_servers": "%(senderName)s eliminó la regla que bloquea a servidores que coinciden con %(glob)s",
+            "removed_rule_users": "%(senderName)s eliminó la regla que bloquea a usuarios que coinciden con %(glob)s",
+            "updated_invalid_rule": "%(senderName)s actualizó una regla de bloqueo inválida",
+            "updated_rule": "%(senderName)s actualizó una regla de bloqueo correspondiente a %(glob)s por %(reason)s",
+            "updated_rule_rooms": "%(senderName)s actualizó la regla bloqueando salas que coinciden con %(glob)s por %(reason)s",
+            "updated_rule_servers": "%(senderName)s actualizó la regla bloqueando servidores que coinciden con %(glob)s por %(reason)s",
+            "updated_rule_users": "%(senderName)s actualizó una regla que bloquea a usuarios que coinciden con %(glob)s por %(reason)s"
+        },
+        "no_permission_messages_before_invite": "No tienes permisos para ver mensajes enviados antes de que te invitaran.",
+        "no_permission_messages_before_join": "No tienes permisos para ver mensajes enviados antes de que te unieras.",
+        "pending_moderation": "Mensaje esperando revisión",
+        "pending_moderation_reason": "Mensaje esperando revisión: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Reaccionar",
+            "label": "%(reactors)s han reaccionado con %(content)s"
+        },
+        "read_receipt_title": {
+            "one": "%(count)s persona lo ha visto",
+            "other": "%(count)s personas lo han visto"
+        },
+        "read_receipts_label": "Acuses de recibo",
+        "redacted": {
+            "tooltip": "Mensaje eliminado el %(date)s"
+        },
+        "redaction": "Mensaje eliminado por %(name)s",
+        "reply": {
+            "error_loading": "No se pudo cargar el evento al que se respondió, bien porque no existe o no tiene permiso para verlo.",
+            "in_reply_to": "<a>Respondiendo a </a> <pill>",
+            "in_reply_to_for_export": "En respuesta a <a>este mensaje</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Estás a punto de ir a un sitio externo para que puedas iniciar sesión con tu cuenta y usarla en %(integrationsUrl)s. ¿Quieres seguir?",
+            "dialog_title": "Añadir una Integración"
+        },
+        "self_redaction": "Mensaje eliminado",
+        "send_state_encrypting": "Cifrando tu mensaje…",
+        "send_state_failed": "No se ha podido mandar",
+        "send_state_sending": "Enviando tu mensaje…",
+        "send_state_sent": "Mensaje enviado",
+        "summary": {
+            "banned": {
+                "other": "fue vetado %(count)s veces",
+                "one": "fue vetado"
+            },
+            "banned_multiple": {
+                "other": "fueron vetados %(count)s veces",
+                "one": "fueron vetados"
+            },
+            "changed_name": {
+                "other": "%(oneUser)s cambió su nombre %(count)s veces",
+                "one": "%(oneUser)s cambió su nombre"
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)s cambiaron su nombre %(count)s veces",
+                "one": "%(severalUsers)s cambiaron su nombre"
+            },
+            "hidden_event": {
+                "one": "%(oneUser)senvió un mensaje oculto",
+                "other": "%(oneUser)s enviaron %(count)s mensajes ocultos"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)s envió un mensaje oculto",
+                "other": "%(severalUsers)senviaron %(count)s mensajes ocultos"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)s se le retiró su invitación %(count)s veces",
+                "one": "%(oneUser)s se les retiraron sus invitaciones"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)s se les retiraron sus invitaciones %(count)s veces",
+                "one": "%(severalUsers)s se les retiraron sus invitaciones"
+            },
+            "invited": {
+                "other": "fue invitado %(count)s veces",
+                "one": "fue invitado"
+            },
+            "invited_multiple": {
+                "other": "fueron invitados %(count)s veces",
+                "one": "fueron invitados"
+            },
+            "joined": {
+                "other": "%(oneUser)s se unió %(count)s veces",
+                "one": "%(oneUser)s se unió"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)s se unió y se fue %(count)s veces",
+                "one": "%(oneUser)s se unió y se fue"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)s se unieron y fueron %(count)s veces",
+                "one": "%(severalUsers)s se unieron y fueron"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s se unieron %(count)s veces",
+                "one": "%(severalUsers)s se unieron"
+            },
+            "kicked": {
+                "one": "fue sacado",
+                "other": "fue sacado %(count)s veces"
+            },
+            "kicked_multiple": {
+                "other": "fueron sacados %(count)s veces",
+                "one": "fueron sacados"
+            },
+            "left": {
+                "other": "%(oneUser)s se fue %(count)s veces",
+                "one": "%(oneUser)s salió"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)s se fueron %(count)s veces",
+                "one": "%(severalUsers)s se fueron"
+            },
+            "no_change": {
+                "other": "%(oneUser)s %(count)s veces no efectuó cambios",
+                "one": "%(oneUser)s no efectuó cambios"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)s %(count)s veces no efectuarion cambios",
+                "one": "%(severalUsers)s no efectuaron cambios"
+            },
+            "pinned_events": {
+                "other": "%(oneUser)s cambió los <a>mensajes fijados</a> de la sala %(count)s veces",
+                "one": "%(oneUser)s cambió los <a>mensajes fijados</a> de la sala"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s cambiaron los <a>mensajes fijados</a> de la sala",
+                "other": "%(severalUsers)s cambiaron los <a>mensajes fijados</a> de la sala %(count)s veces"
+            },
+            "redacted": {
+                "other": "%(oneUser)seliminó %(count)s mensajes",
+                "one": "%(oneUser)seliminó un mensaje"
+            },
+            "redacted_multiple": {
+                "other": "%(severalUsers)seliminaron %(count)s mensajes",
+                "one": "%(severalUsers)seliminó un mensaje"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)s rechazó su invitación %(count)s veces",
+                "one": "%(oneUser)s rechazó su invitación"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s rechazó sus invitaciones %(count)s veces",
+                "one": "%(severalUsers)s rechazó sus invitaciones"
+            },
+            "rejoined": {
+                "other": "%(oneUser)s se fue y volvió a unirse %(count)s veces",
+                "one": "%(oneUser)s se fue y volvió a unirse"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)s se fueron y volvieron a unirse %(count)s veces",
+                "one": "%(severalUsers)s se fueron y volvieron a unirse"
+            },
+            "unbanned": {
+                "other": "se le quitó el veto %(count)s veces",
+                "one": "se le quitó el veto"
+            },
+            "unbanned_multiple": {
+                "other": "les quitaron el veto %(count)s veces",
+                "one": "les quitaron el veto"
+            }
+        },
+        "thread_info_basic": "Desde un hilo",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s y otros %(count)s están escribiendo…",
+                "one": "%(names)s y otra persona están escribiendo…"
+            },
+            "one_user": "%(displayName)s está escribiendo…",
+            "two_users": "%(names)s y %(lastPerson)s están escribiendo…"
+        },
+        "undecryptable_tooltip": "No se ha podido descifrar este mensaje"
+    },
+    "truncated_list_n_more": {
+        "other": "Y %(count)s más…"
+    },
+    "update": {
+        "changelog": "Registro de cambios",
+        "check_action": "Comprobar si hay actualizaciones",
+        "checking": "Comprobando actualizaciones…",
+        "downloading": "Descargando actualización…",
+        "error_encountered": "Error encontrado (%(errorDetail)s).",
+        "error_unable_load_commit": "No se pudo cargar el detalle del commit: %(msg)s",
+        "new_version_available": "Nueva versión disponible. <a>Actualizar ahora.</a>",
+        "no_update": "No hay actualizaciones disponibles.",
+        "release_notes_toast_title": "Novedades",
+        "see_changes_button": "Novedades",
+        "toast_description": "Hay una nueva versión de %(brand)s disponible",
+        "toast_title": "Actualizar %(brand)s",
+        "unavailable": "No disponible"
+    },
+    "upload_failed_generic": "La subida del archivo «%(fileName)s ha fallado.",
+    "upload_failed_size": "El archivo «%(fileName)s» supera el tamaño límite del servidor para subidas",
+    "upload_failed_title": "Subida fallida",
+    "upload_file": {
+        "cancel_all_button": "Cancelar todo",
+        "error_file_too_large": "Este archivo es <b>demasiado grande</b> para enviarse. El tamaño máximo es %(limit)s pero el archivo pesa %(sizeOfThisFile)s.",
+        "error_files_too_large": "Estos archivos son <b> demasiado grandes</b> para ser subidos. El límite de tamaño de archivos es %(limit)s.",
+        "error_some_files_too_large": "Algunos archivos son <b> demasiado grandes</b> para ser subidos. El límite de tamaño de archivos es %(limit)s.",
+        "error_title": "Error de subida",
+        "title": "Enviar archivos",
+        "title_progress": "Enviar archivos (%(current)s de %(total)s)",
+        "upload_all_button": "Enviar todo",
+        "upload_n_others_button": {
+            "other": "Enviar otros %(count)s archivos",
+            "one": "Enviar %(count)s archivo más"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Herramientas de administración",
+        "ban_button_room": "Vetar de la sala",
+        "ban_button_space": "Vetar del espacio",
+        "ban_room_confirm_title": "Vetar de %(roomName)s",
+        "ban_space_everything": "Vetar de todos los sitios donde tenga los permisos suficientes",
+        "ban_space_specific": "Vetar de algunos sitios donde tenga los permisos suficientes",
+        "deactivate_confirm_action": "Desactivar usuario",
+        "deactivate_confirm_description": "Desactivar este usuario le cerrará la sesión y desconectará. No podrá volver a iniciar sesión. Además, saldrá de todas las salas a que se había unido. Esta acción no puede deshacerse. ¿Desactivar este usuario?",
+        "deactivate_confirm_title": "¿Desactivar usuario?",
+        "demote_button": "Quitar permisos",
+        "demote_self_confirm_description_space": "No podrás deshacer esto, ya que te estás quitando tus permisos. Si eres la última persona con permisos en este usuario, no será posible recuperarlos.",
+        "demote_self_confirm_room": "No podrás deshacer este cambio ya que estás quitándote permisos a ti mismo, si eres el último usuario con privilegios de la sala te resultará imposible recuperarlos.",
+        "demote_self_confirm_title": "¿Quitarte permisos a ti mismo?",
+        "disinvite_button_room": "Retirar la invitación a la sala",
+        "disinvite_button_room_name": "Anular la invitación a %(roomName)s",
+        "disinvite_button_space": "Retirar la invitación al espacio",
+        "error_ban_user": "Bloqueo del usuario falló",
+        "error_deactivate": "Error en desactivar usuario",
+        "error_kicking_user": "No se ha podido sacar al usuario",
+        "error_mute_user": "No se pudo silenciar al usuario",
+        "error_revoke_3pid_invite_description": "No se logró revocar la invitación. El servidor puede sufrir un problema temporal o usted no tiene los permisos suficientes para revocar la invitación.",
+        "error_revoke_3pid_invite_title": "Error al revocar la invitación",
+        "ignore_confirm_title": "Ignorar a %(user)s",
+        "invited_by": "Invitado por %(sender)s",
+        "jump_to_rr_button": "Saltar al último mensaje sin leer",
+        "kick_button_room": "Sacar de la sala",
+        "kick_button_room_name": "Sacar de %(roomName)s",
+        "kick_button_space": "Quitar del espacio",
+        "kick_button_space_everything": "Sacarle de todos los sitios en los que pueda",
+        "kick_space_specific": "Sacarle de algunos sitios en concreto",
+        "kick_space_warning": "Podrán seguir accediendo a donde no tengas permisos de administración.",
+        "promote_warning": "No podrás deshacer este cambio porque estás promoviendo al usuario para tener el mismo nivel de autoridad que tú.",
+        "redact": {
+            "confirm_button": {
+                "other": "Eliminar %(count)s mensajes",
+                "one": "Eliminar 1 mensaje"
+            },
+            "confirm_description_1": {
+                "other": "Estás a punto de borrar %(count)s mensajes de %(user)s. También se borrarán permanentemente de los dispositivos de todos en la conversación. ¿Quieres continuar?",
+                "one": "Estás a punto de borrar %(count)s mensajes de %(user)s. También se borrarán permanentemente de los dispositivos de todos en la conversación. ¿Quieres continuar?"
+            },
+            "confirm_description_2": "Para una gran cantidad de mensajes, esto podría llevar algún tiempo. Por favor, no recargues tu aplicación mientras tanto.",
+            "confirm_keep_state_explainer": "No marques esta casilla si quieres borrar también los mensajes del sistema sobre el usuario (ej.: entradas y salidas, cambios en su perfil…)",
+            "confirm_keep_state_label": "Mantener mensajes del sistema",
+            "confirm_title": "Eliminar mensajes recientes de %(user)s",
+            "no_recent_messages_description": "Intente desplazarse hacia arriba en la línea de tiempo para ver si hay alguna anterior.",
+            "no_recent_messages_title": "No se han encontrado mensajes recientes de %(user)s"
+        },
+        "redact_button": "Eliminar mensajes recientes",
+        "revoke_invite": "Revocar invitación",
+        "room_encrypted": "Los mensajes de esta sala están cifrados de extremo a extremo.",
+        "room_encrypted_detail": "Los mensajes son seguros y sólo tú y el destinatario tienen las claves únicas para desbloquearlos.",
+        "room_unencrypted": "Los mensajes en esta sala no están cifrados de extremo a extremo.",
+        "room_unencrypted_detail": "En las salas cifradas, tus mensajes están seguros y solo tú y el destinatario tienen las claves únicas para desbloquearlos.",
+        "share_button": "Compartir enlace al usuario",
+        "unban_button_room": "Dejar de vetar de la sala",
+        "unban_button_space": "Dejar de vetar del espacio",
+        "unban_room_confirm_title": "Quitar veto de %(roomName)s",
+        "unban_space_everything": "Quitar veto de todos los sitios donde tenga los permisos suficientes",
+        "unban_space_specific": "Quitar veto de algunos sitios donde tenga los permisos suficientes",
+        "unban_space_warning": "No podrán acceder a donde no tengas permisos de administración.",
+        "verify_button": "Verificar usuario",
+        "verify_explainer": "Para mayor seguridad, verifica a este usuario comprobando un código temporal vez dos de tus dispositivos."
+    },
+    "voip": {
+        "already_in_call": "Ya en una llamada",
+        "already_in_call_person": "Ya estás en una llamada con esta persona.",
+        "answered_elsewhere": "Respondida en otra parte",
+        "answered_elsewhere_description": "Esta llamada fue respondida en otro dispositivo.",
+        "call_failed": "Llamada fallida",
+        "call_failed_description": "No se ha podido establecer la llamada",
+        "call_failed_media": "La llamada ha fallado porque no se ha podido acceder a la cámara o al micrófono. Comprueba que:",
+        "call_failed_media_applications": "No hay otra aplicación usando la cámara",
+        "call_failed_media_connected": "El micrófono y cámara están enchufados y bien configurados",
+        "call_failed_media_permissions": "Se ha dado permiso al programa para acceder a la cámara",
+        "call_failed_microphone": "La llamada ha fallado porque no se ha podido acceder al micrófono. Comprueba que tengas uno enchufado y configurado correctamente.",
+        "call_held": "%(peerName)s ha puesto la llamada en espera",
+        "call_held_resume": "Has puesto la llamada en espera <a>Recuperar</a>",
+        "call_held_switch": "Has puesto esta llamada en espera <a>Volver</a>",
+        "call_toast_unknown_room": "Sala desconocida",
+        "camera_disabled": "Tu cámara está apagada",
+        "camera_enabled": "Tu cámara todavía está encendida",
+        "cannot_call_yourself_description": "No puedes llamarte a ti mismo.",
+        "connecting": "Conectando",
+        "connection_lost": "Se ha perdido la conexión con el servidor",
+        "connection_lost_description": "No puedes llamar porque no hay conexión con el servidor.",
+        "consulting": "Consultando a %(transferTarget)s. <a>Transferir a %(transferee)s</a>",
+        "default_device": "Dispositivo por defecto",
+        "dial": "Llamar",
+        "dialpad": "Teclado numérico",
+        "disable_camera": "Apagar cámara",
+        "disable_microphone": "Silenciar micrófono",
+        "disabled_no_perms_start_video_call": "No tienes permiso para empezar videollamadas",
+        "disabled_no_perms_start_voice_call": "No tienes permiso para iniciar llamadas de voz",
+        "disabled_ongoing_call": "Llamada en curso",
+        "enable_camera": "Encender cámara",
+        "enable_microphone": "Activar micrófono",
+        "expand": "Volver a la llamada",
+        "hangup": "Colgar",
+        "hide_sidebar_button": "Ocultar menú lateral",
+        "input_devices": "Dispositivos de entrada",
+        "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.",
+        "misconfigured_server_fallback_accept": "Probar a usar %(server)s",
+        "more_button": "Más",
+        "msisdn_lookup_failed": "No se ha podido buscar el número de teléfono",
+        "msisdn_lookup_failed_description": "Ha ocurrido un error al buscar el número de teléfono",
+        "msisdn_transfer_failed": "No se ha podido transferir la llamada",
+        "n_people_joined": {
+            "one": "%(count)s persona unida",
+            "other": "%(count)s personas unidas"
+        },
+        "no_audio_input_description": "No hemos encontrado un micrófono en tu dispositivo. Por favor, revisa tus ajustes e inténtalo de nuevo.",
+        "no_audio_input_title": "Micrófono no detectado",
+        "no_media_perms_description": "Probablemente necesites dar permisos manualmente a %(brand)s para tu micrófono/cámara",
+        "no_media_perms_title": "Sin permisos para el medio",
+        "no_permission_conference": "Se necesita permiso",
+        "no_permission_conference_description": "No tienes permiso para iniciar una llamada de conferencia en esta sala",
+        "on_hold": "%(name)s está en espera",
+        "output_devices": "Dispositivos de salida",
+        "screenshare_monitor": "Compartir toda la pantalla",
+        "screenshare_title": "Compartir contenido",
+        "screenshare_window": "Ventana concreta",
+        "show_sidebar_button": "Ver menú lateral",
+        "silence": "Silenciar llamada",
+        "silenced": "Notificaciones silenciadas",
+        "start_screenshare": "Comparte tu pantalla",
+        "stop_screenshare": "Dejar de compartir la pantalla",
+        "too_many_calls": "Demasiadas llamadas",
+        "too_many_calls_description": "Has llegado al límite de llamadas simultáneas.",
+        "transfer_consult_first_label": "Consultar primero",
+        "transfer_failed": "La transferencia ha fallado",
+        "transfer_failed_description": "No se ha podido transferir la llamada",
+        "unable_to_access_audio_input_description": "No hemos podido acceder a tu micrófono. Por favor, comprueba los ajustes de tu navegador e inténtalo de nuevo.",
+        "unable_to_access_audio_input_title": "No se ha podido acceder a tu micrófono",
+        "unable_to_access_media": "No se ha podido acceder a la cámara o micrófono",
+        "unable_to_access_microphone": "No se ha podido acceder al micrófono",
+        "unknown_caller": "Llamador desconocido",
+        "unknown_person": "persona desconocida",
+        "unsilence": "Sonido activado",
+        "unsupported": "Las llamadas no son compatibles",
+        "unsupported_browser": "No puedes llamar usando este navegador de internet.",
+        "user_busy": "Persona ocupada",
+        "user_busy_description": "La persona a la que has llamado está ocupada.",
+        "user_is_presenting": "%(sharerName)s está presentando",
+        "video_call": "Llamada de vídeo",
+        "voice_call": "Llamada de voz",
+        "you_are_presenting": "Estás presentando"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s en %(osName)s",
+    "widget": {
+        "added_by": "Accesorio añadido por",
+        "capabilities_dialog": {
+            "content_starting_text": "A este accesorios le gustaría:",
+            "decline_all_permission": "Rechazar todo",
+            "remember_Selection": "Recordar mi selección para este accesorio",
+            "title": "Aprobar permisos de widget"
+        },
+        "capability": {
+            "always_on_screen_generic": "Permanecer en tu pantalla mientras se esté ejecutando",
+            "always_on_screen_viewing_another_room": "Permanecer en la pantalla cuando estés viendo otra sala, mientras se esté ejecutando",
+            "any_room": "Lo de arriba, pero en cualquier sala en la que estés o te inviten",
+            "byline_empty_state_key": "con una clave de estado vacía",
+            "byline_state_key": "con la clave de estado %(stateKey)s",
+            "capability": "La capacidad de <b>%(capability)s</b>",
+            "change_avatar_active_room": "Cambiar la foto de tu sala actual",
+            "change_avatar_this_room": "Cambiar la imagen de esta sala",
+            "change_name_active_room": "Cambiar el nombre de tu sala actual",
+            "change_name_this_room": "Cambiar el asunto de esta sala",
+            "change_topic_active_room": "Cambiar el asunto de la sala en la que estés",
+            "change_topic_this_room": "Cambiar el asunto de esta sala",
+            "receive_membership_active_room": "Ver cuando alguien se una, salga o se le invite a tu sala activa",
+            "receive_membership_this_room": "Ver cuando alguien se une, sale o se le invita a la sala",
+            "remove_ban_invite_leave_active_room": "Quitar, vetas o invitar personas a tu sala activa, y hacerte salir",
+            "remove_ban_invite_leave_this_room": "Quitar, vetar o invitar personas a esta sala, y hacerte salir",
+            "see_avatar_change_active_room": "Ver cuándo cambia la imagen de la sala actual",
+            "see_avatar_change_this_room": "Ver cuándo cambia la imagen de esta sala",
+            "see_event_type_sent_active_room": "Ver los eventos de tipo <b>%(eventType)s</b> publicados en tu sala activa",
+            "see_event_type_sent_this_room": "Ver los eventos de tipo <b>%(eventType)s</b> publicados en esta sala",
+            "see_images_sent_active_room": "Ver las imágenes enviadas a tu sala activa",
+            "see_images_sent_this_room": "Ver las imágenes que se vayan publicando en esta sala",
+            "see_messages_sent_active_room": "Ver los mensajes publicados en tu sala activa",
+            "see_messages_sent_this_room": "Ver los mensajes publicados en esta sala",
+            "see_msgtype_sent_active_room": "Ver mensajes de tipo <b>%(msgtype)s</b> enviados a tu sala activa",
+            "see_msgtype_sent_this_room": "Ver mensajes de tipo <b>%(msgtype)s</b> enviados a esta sala",
+            "see_name_change_active_room": "Ver cuándo cambia el asunto de tu sala actual",
+            "see_name_change_this_room": "Ver cuándo cambia el tema de esta asunto",
+            "see_sent_emotes_active_room": "Ver las reacciones publicadas en tu sala activa",
+            "see_sent_emotes_this_room": "Ver los emoticonos publicados en esta sala",
+            "see_sent_files_active_room": "Ver archivos enviados a tu sala activa",
+            "see_sent_files_this_room": "Ver archivos enviados a esta sala",
+            "see_sticker_posted_active_room": "Ver cuándo se mandan pegatinas a tu sala activa",
+            "see_sticker_posted_this_room": "Ver cuándo se envían pegatinas a esta sala",
+            "see_text_messages_sent_active_room": "Ver mensajes de texto publicados a tu sala activa",
+            "see_text_messages_sent_this_room": "Ver mensajes de texto publicados en esta sala",
+            "see_topic_change_active_room": "Ver cuándo cambia el asunto de la sala en la que estés",
+            "see_topic_change_this_room": "Ver cuándo cambia el asunto de esta sala",
+            "see_videos_sent_active_room": "Ver los vídeos publicados a tu sala activa",
+            "see_videos_sent_this_room": "Ver los vídeos que se van publicando en esta sala",
+            "send_emotes_active_room": "Reaccionar en tu nombre a tu sala activa",
+            "send_emotes_this_room": "Enviar emoticonos en tu nombre a esta sala",
+            "send_event_type_active_room": "Enviar eventos de tipo <b>%(eventType)s</b> en tu nombre a la sala en la que estés activo",
+            "send_event_type_this_room": "Enviar eventos de tipo <b>%(eventType)s</b> en tu nombre",
+            "send_files_active_room": "Enviar archivos en tu nombre a tu sala activa",
+            "send_files_this_room": "Enviar archivos en tu nombre a esta sala",
+            "send_images_active_room": "Enviar imágenes en tu nombre a tu sala activa",
+            "send_images_this_room": "Enviar imágenes en tu nombre a esta sala",
+            "send_messages_active_room": "Enviar mensajes en tu sala activa",
+            "send_messages_this_room": "Enviar mensajes en tu nombre a esta sala",
+            "send_msgtype_active_room": "Enviar mensajes de tipo <b>%(msgtype)s</b> en tu nombre a tu sala activa",
+            "send_msgtype_this_room": "Enviar mensajes de tipo <b>%(msgtype)s</b> en tu nombre a esta sala",
+            "send_stickers_active_room": "Enviar pegatinas a la sala en la que estés activamente",
+            "send_stickers_active_room_as_you": "Enviar etiquetas a tu sala activa en tu nombre",
+            "send_stickers_this_room": "Enviar pegatunas a esta sala",
+            "send_stickers_this_room_as_you": "Enviar pegatinas en tu nombre a esta sala",
+            "send_text_messages_active_room": "Enviar mensajes de texto en tu nombre a tu sala actual",
+            "send_text_messages_this_room": "Enviar mensajes de texto en tu nombre a esta sala",
+            "send_videos_active_room": "Enviar vídeos en tu nombre a tu sala activa",
+            "send_videos_this_room": "Enviar vídeos en tu nombre a esta sala",
+            "specific_room": "Lo de arriba, pero también en <Room />",
+            "switch_room": "Cambiar qué sala estás viendo",
+            "switch_room_message_user": "Cambiar qué sala, mensaje o usuario estás viendo"
+        },
+        "close_to_view_right_panel": "Cierra este accesorio para verlo en este panel",
+        "context_menu": {
+            "delete": "Eliminar accesorio",
+            "delete_warning": "Al borrar un accesorio, este se elimina para todos usuarios de la sala. ¿Estás seguro?"
+        },
+        "cookie_warning": "Puede que el accesorio use cookies.",
+        "error_hangup_description": "Te has desconectado de la llamada. (Error: %(message)s)",
+        "error_hangup_title": "Conexión interrumpida",
+        "error_loading": "Error al cargar el accesorio",
+        "error_mixed_content": "Error - Contenido mezclado",
+        "error_need_invite_permission": "Debes tener permisos para invitar usuarios para hacer eso.",
+        "error_need_kick_permission": "Debes poder sacar usuarios para hacer eso.",
+        "error_need_to_be_logged_in": "Necesitas haber iniciado sesión.",
+        "error_unable_start_audio_stream_description": "No se ha podido empezar la retransmisión del audio.",
+        "error_unable_start_audio_stream_title": "No se ha podido empezar la retransmisión",
+        "modal_data_warning": "Los datos en esta ventana se comparten con %(widgetDomain)s",
+        "modal_title_default": "Accesorio emergente",
+        "no_name": "Aplicación desconocida",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Recordar",
+            "starting_text": "Este accesorio verificará tu ID de usuario, pero no podrá actuar en tu nombre:",
+            "title": "Permitir a este accesorio verificar tu identidad"
+        },
+        "popout": "Abrir accesorio en una ventana emergente",
+        "set_room_layout": "Hacer que todo el mundo use mi disposición de sala",
+        "shared_data_device_id": "ID de tu dispositivo",
+        "shared_data_lang": "Tu idioma",
+        "shared_data_mxid": "Tu ID de usuario",
+        "shared_data_name": "Su nombre mostrado",
+        "shared_data_room_id": "ID de la sala",
+        "shared_data_theme": "Su tema",
+        "shared_data_url": "URL de %(brand)s",
+        "shared_data_warning": "Usar este accesorios puede resultar en que se compartan datos <helpIcon /> con %(widgetDomain)s.",
+        "shared_data_warning_im": "Al usar este widget puede que se compartan datos <helpIcon /> con %(widgetDomain)s y tu gestor de integraciones.",
+        "shared_data_widget_id": "ID del accesorios",
+        "unencrypted_warning": "Los accesorios no utilizan el cifrado de mensajes.",
+        "unmaximise": "Dejar de maximizar",
+        "unpin_to_view_right_panel": "Deja de fijar este accesorio para verlo en este panel"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Todo en mayúsculas es tan inseguro como todo en minúsculas",
+            "anotherWord": "Añade una o dos palabras más. Palabras raras mejor.",
+            "associatedYears": "Evita años que estén asociados contigo",
+            "capitalization": "Las mayúsculas no ayudan mucho",
+            "dates": "Evita fechas y años que están asociados contigo",
+            "l33t": "Sustituciones predecibles como «@ en vez de 'a' no ayudan mucho",
+            "longerKeyboardPattern": "Usa un patrón de tecleo largo con más vueltas",
+            "noNeed": "No hacen falta símbolos, números o letrás en mayúscula",
+            "recentYears": "Evita años recientes",
+            "repeated": "Evita repetir palabras y letras",
+            "reverseWords": "Las palabras al revés no son muy dificiles de adivinar",
+            "sequences": "Evita secuencias",
+            "useWords": "Usa algunas palabras, evita frases comunes"
+        },
+        "warnings": {
+            "common": "Esta contraseña es muy común",
+            "commonNames": "Nombres y apellidos comunes son fáciles de adivinar",
+            "dates": "Las fechas son normalmente fáciles de adivinar",
+            "extendedRepeat": "Repeticiones como \"abcabcabc\" son solo ligeramente más difíciles de adivinar que \"abc\"",
+            "keyPattern": "Patrones de tecleo cortos son fáciles de adivinar",
+            "namesByThemselves": "Nombres y apellidos son fáciles de adivinar",
+            "recentYears": "Años recientes son fáciles de adivinar",
+            "sequences": "Secuencias como abc or 6543 son faciles de adivinar",
+            "similarToCommon": "Se parece mucho a una contraseña muy común",
+            "simpleRepeat": "Los caracteres repetidos como «aaa» son muy fáciles de adivinar",
+            "straightRow": "Palabras formadas por secuencias de teclas consecutivas son fáciles de adivinar",
+            "topHundred": "Esta contraseña está entre las 100 más comunes",
+            "topTen": "Esta contraseña está entre las 10 más comunes",
+            "wordByItself": "Una palabra es fácil de adivinar"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/et.json b/apps/web/src/i18n/strings/et.json
new file mode 100644
index 00000000000..461d7f69ed0
--- /dev/null
+++ b/apps/web/src/i18n/strings/et.json
@@ -0,0 +1,4082 @@
+{
+    "a11y": {
+        "jump_first_invite": "Siirdu esimese kutse juurde.",
+        "message_composer": "Sõnumikoostaja",
+        "n_unread_messages": {
+            "other": "%(count)s lugemata teadet.",
+            "one": "1 lugemata teade."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 lugemata mainimine.",
+            "other": "%(count)s lugemata sõnumit kaasa arvatud mainimised."
+        },
+        "room_status_bar": "Jututoa olekuriba",
+        "seek_bar_label": "Heli kerimisriba",
+        "unread_messages": "Lugemata sõnumid."
+    },
+    "a11y_jump_first_unread_room": "Siirdu esimesse lugemata jututuppa.",
+    "action": {
+        "accept": "Võta vastu",
+        "add": "Lisa",
+        "add_existing_room": "Lisa olemasolev jututuba",
+        "apply": "Rakenda",
+        "approve": "Nõustu",
+        "ask_to_join": "Küsi võimalust liitumiseks",
+        "back": "Tagasi",
+        "call": "Helista",
+        "cancel": "Loobu",
+        "change": "Muuda",
+        "clear": "Eemalda",
+        "click_to_copy": "Kopeerimiseks klõpsa",
+        "close": "Sulge",
+        "collapse": "Ahenda",
+        "complete": "Valmis",
+        "confirm": "Kinnita",
+        "continue": "Jätka",
+        "copy": "Kopeeri",
+        "copy_link": "Kopeeri link",
+        "create": "Loo",
+        "create_a_room": "Loo jututuba",
+        "create_account": "Loo kasutajakonto",
+        "decline": "Keeldu",
+        "decline_and_block": "Keeldu ja blokeeri",
+        "decline_invite": "Lükka kutse tagasi",
+        "delete": "Kustuta",
+        "deny": "Keeldu",
+        "disable": "Lülita välja",
+        "disconnect": "Katkesta ühendus",
+        "dismiss": "Loobu",
+        "done": "Valmis",
+        "download": "Laadi alla",
+        "edit": "Muuda",
+        "enable": "Võta kasutusele",
+        "enter_fullscreen": "Lülita täisekraanivaade sisse",
+        "exit_fullscreeen": "Lülita täisekraanivaade välja",
+        "expand": "Laienda",
+        "explore_rooms": "Tutvu jututubadega",
+        "export": "Ekspordi",
+        "forward": "Edasta",
+        "go": "Mine",
+        "go_back": "Mine tagasi",
+        "got_it": "Selge lugu",
+        "hide_advanced": "Peida lisaseadistused",
+        "hold": "Pane ootele",
+        "ignore": "Eira",
+        "import": "Impordi",
+        "invite": "Kutsu",
+        "join": "Liitu",
+        "learn_more": "Loe lisateavet",
+        "leave": "Lahku",
+        "leave_room": "Lahku jututoast",
+        "logout": "Logi välja",
+        "manage": "Halda",
+        "maximise": "Suurenda maksimaalseks",
+        "mention": "Maini",
+        "minimise": "Väike vaade",
+        "new_room": "Uus jututuba",
+        "new_video_room": "Uus videotuba",
+        "next": "Järgmine",
+        "no": "Ei",
+        "ok": "Sobib",
+        "open": "Ava",
+        "pin": "Tõsta esile",
+        "proceed": "Jätka",
+        "quote": "Tsiteeri",
+        "react": "Reageeri",
+        "refresh": "Värskenda",
+        "register": "Registreeru",
+        "reload": "Laadi uuesti",
+        "remove": "Eemalda",
+        "rename": "Muuda nime",
+        "reply": "Vasta",
+        "reply_in_thread": "Vasta jutulõngas",
+        "report_room": "Teata jututoast",
+        "resend": "Saada uuesti",
+        "reset": "Taasta algolek",
+        "resume": "Jätka",
+        "retry": "Proovi uuesti",
+        "review": "Vaata üle",
+        "revoke": "Tühista",
+        "save": "Salvesta",
+        "search": "Otsing",
+        "send_report": "Saada veateade",
+        "set_avatar": "Seadista profiilipilt",
+        "share": "Jaga",
+        "show": "Näita",
+        "show_advanced": "Näita lisaseadistusi",
+        "show_all": "Näita kõiki",
+        "sign_in": "Logi sisse",
+        "sign_out": "Eemalda see seade",
+        "skip": "Jäta vahele",
+        "start": "Alusta",
+        "stop": "Peata",
+        "submit": "Saada",
+        "subscribe": "Telli",
+        "transfer": "Suuna kõne edasi",
+        "trust": "Usalda",
+        "try_again": "Proovi uuesti",
+        "unban": "Taasta ligipääs",
+        "unignore": "Lõpeta eiramine",
+        "unpin": "Eemalda esiletõstmine",
+        "unsubscribe": "Lõpeta liitumine",
+        "update": "Uuenda",
+        "upgrade": "Uuenda",
+        "upload": "Laadi üles",
+        "upload_file": "Laadi fail üles",
+        "verify": "Verifitseeri",
+        "view": "Näita",
+        "view_all": "Näita kõiki",
+        "view_list": "Vaata loendit",
+        "view_message": "Vaata sõnumit",
+        "view_source": "Vaata lähtekoodi",
+        "yes": "Jah",
+        "yes_dismiss": "Jah, loobu",
+        "zoom_in": "Suumi sisse",
+        "zoom_out": "Suumi välja"
+    },
+    "analytics": {
+        "accept_button": "Sobib",
+        "bullet_1": "Meie <Bold>ei</Bold> salvesta ega profileeri sinu kasutajakonto andmeid",
+        "bullet_2": "Meie <Bold>ei</Bold> jaga teavet kolmandate osapooltega",
+        "consent_migration": "Sa oled varem meiega lubanud jagada anonüümset teavet. Me nüüd uuendame seda teavet.",
+        "disable_prompt": "Seadistustest saad alati määrata, et see funktsionaalsus pole kasutusel",
+        "enable_prompt": "Aita kaasa %(analyticsOwner)s'i arendamisele",
+        "learn_more": "Võimalike vigade leidmiseks jaga meiega anonüümseid andmeid. Isiklikku teavet meie ei kogu ega jaga mitte midagi kolmandate osapooltega. <LearnMoreLink>Lisateave</LearnMoreLink>",
+        "privacy_policy": "Meie kasutustingimused leiad <PrivacyPolicyUrl>siit</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Võimalike vigade leidmiseks ja %(analyticsOwner)s'i arendamiseks jaga meiega anonüümseid andmeid. Selleks, et mõistaksime, kuidas kasutajad erinevaid seadmeid pruugivad me loome sinu seadmetele ühise juhusliku tunnuse.",
+        "shared_data_heading": "Järgnevaid andmeid võib jagada:"
+    },
+    "auth": {
+        "3pid_in_use": "See e-posti aadress või telefoninumber on juba kasutusel.",
+        "account_clash": "Sinu uus kasutajakonto (%(newAccountId)s) on registreeritud, kuid sa jube oled sisse loginud teise kasutajakontoga (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Jätka senise konto kasutamist",
+        "account_deactivated": "See kasutajakonto on deaktiveeritud.",
+        "autodiscovery_generic_failure": "Serveri automaattuvastuse seadistuste laadimine ei õnnestunud",
+        "autodiscovery_hs_incompatible": "Sinu koduserver on liiga vana ega toeta vähimat nõutavat API versiooni. Lisateavet saad oma serveri haldajalt või kui ise oled haldaja, siis palun uuenda serverit.",
+        "autodiscovery_invalid": "Vigane vastus koduserveri tuvastamise päringule",
+        "autodiscovery_invalid_hs": "Näib, et koduserveri URL ei viita korrektsele Matrix'i koduserverile",
+        "autodiscovery_invalid_hs_base_url": "m.homeserver'i kehtetu base_url",
+        "autodiscovery_invalid_is": "Isikutuvastusserveri aadress ei tundu viitama kehtivale isikutuvastusserverile",
+        "autodiscovery_invalid_is_base_url": "m.identity_server'i kehtetu base_url",
+        "autodiscovery_invalid_is_response": "Vigane vastus isikutuvastusserveri tuvastamise päringule",
+        "autodiscovery_invalid_json": "Vigane JSON",
+        "autodiscovery_no_well_known": "Ühtegi .well-known JSON-faili ei leitud",
+        "autodiscovery_unexpected_error_hs": "Koduserveri seadistustest selguse saamisel tekkis ootamatu viga",
+        "autodiscovery_unexpected_error_is": "Isikutuvastusserveri seadistustest selguse saamisel tekkis ootamatu viga",
+        "captcha_description": "See server soovib kindlaks teha, et sa ei ole robot.",
+        "change_password_action": "Muuda salasõna",
+        "change_password_confirm_invalid": "Salasõnad ei klapi",
+        "change_password_confirm_label": "Korda uut salasõna",
+        "change_password_current_label": "Praegune salasõna",
+        "change_password_empty": "Salasõna ei saa olla tühi",
+        "change_password_error": "Salasõna muutmisel tekkis viga: %(error)s",
+        "change_password_mismatch": "Uued salasõnad ei klapi",
+        "change_password_new_label": "Uus salasõna",
+        "check_email_explainer": "Järgi juhendit, mille saatsime <b>%(email)s</b> e-posti aadressile",
+        "check_email_resend_prompt": "Kas sa ei saanud kirja kätte?",
+        "check_email_resend_tooltip": "Saatsime verifitseerimislingi uuesti!",
+        "check_email_wrong_email_button": "Sisesta e-posti aadress uuesti",
+        "check_email_wrong_email_prompt": "Kas e-posti aadress pole õige?",
+        "continue_with_idp": "Jätka %(provider)s kasutamist",
+        "continue_with_sso": "Jätkamiseks kasuta %(ssoButtons)s teenuseid",
+        "country_dropdown": "Riikide valik",
+        "create_account_prompt": "Täitsa uus asi sinu jaoks? <a>Loo omale kasutajakonto</a>",
+        "create_account_title": "Loo kasutajakonto",
+        "email_discovery_text": "Kui soovid, et teised kasutajad saaksid sind leida, siis palun lisa oma e-posti aadress.",
+        "email_field_label": "E-posti aadress",
+        "email_field_label_invalid": "Ei tundu olema korralik e-posti aadress",
+        "email_field_label_required": "Sisesta e-posti aadress",
+        "email_help_text": "Selleks et saaksid vajadusel oma salasõna muuta, palun lisa oma e-posti aadress.",
+        "email_phone_discovery_text": "Kui soovid, et teised kasutajad saaksid sind leida, siis palun lisa oma e-posti aadress või telefoninumber.",
+        "enter_email_explainer": "Koduserver <b>%(homeserver)s</b> saadab sulle salasõna lähtestamiseks vajaliku verifitseerimislingi.",
+        "enter_email_heading": "Salasõna lähtestamiseks sisesta oma e-posti aadress",
+        "failed_connect_identity_server": "Isikutuvastusserverit ei õnnestu leida",
+        "failed_connect_identity_server_other": "Sa võid sisse logida, kuid mõned funktsionaalsused pole kasutatavad seni, kuni isikutuvastusserver pole uuesti võrgus. Kui see teade tekib järjepanu, siis palun kontrolli oma seadistusi või võta ühendust serveri haldajaga.",
+        "failed_connect_identity_server_register": "Sa võid registreeruda, kuid mõned funktsionaalsused pole kasutatavad seni, kuni isikutuvastusserver pole uuesti võrgus. Kui see teade tekib järjepanu, siis palun kontrolli oma seadistusi või võta ühendust serveri haldajaga.",
+        "failed_connect_identity_server_reset_password": "Sa võid salasõna lähtestada, kuid mõned funktsionaalsused pole kasutatavad seni, kuni isikutuvastusserver pole uuesti võrgus. Kui see teade tekib järjepanu, siis palun kontrolli oma seadistusi või võta ühendust serveri haldajaga.",
+        "failed_homeserver_discovery": "Koduserveri leidmine ebaõnnestus",
+        "failed_query_registration_methods": "Ei õnnestunud pärida toetatud registreerimismeetodite loendit.",
+        "failed_soft_logout_auth": "Uuesti autentimine ei õnnestunud",
+        "failed_soft_logout_homeserver": "Uuesti autentimine ei õnnestunud koduserveri vea tõttu",
+        "forgot_password_email_invalid": "See e-posti aadress ei tundu olema korrektne.",
+        "forgot_password_email_required": "Sa pead sisestama oma kontoga seotud e-posti aadressi.",
+        "forgot_password_prompt": "Kas sa unustasid oma salasõna?",
+        "forgot_password_send_email": "Saada e-kiri",
+        "identifier_label": "Logi sisse oma kasutajaga",
+        "incorrect_credentials": "Vigane kasutajanimi ja/või salasõna.",
+        "incorrect_credentials_detail": "Sa kasutad sisselogimiseks serverit %(hs)s, mitte aga matrix.org'i.",
+        "incorrect_password": "Vale salasõna",
+        "log_in_new_account": "<a>Logi sisse</a> oma uuele kasutajakontole.",
+        "logout_dialog": {
+            "description": "Kas sa oled kindel, et soovid selle seadme eemaldada?",
+            "setup_key_backup_title": "Sa oled kaotamas ligipääsu oma krüptitud sõnumitele",
+            "setup_secure_backup_description": "See on sinu ainus seade. Kui sa selle eemaldad, vajad taastamisvõtit, et kinnitada oma digitaalset identiteeti ja taastada järgmisel sisselogimisel oma krüptitud vestlused.",
+            "skip_key_backup": "Eemalda see seade ikkagi"
+        },
+        "misconfigured_body": "Palu, et sinu %(brand)s'u haldur kontrolliks <a>sinu seadistusi</a> võimalike vigaste või topeltkirjete osas.",
+        "misconfigured_title": "Sinu %(brand)s'i seadistused on paigast ära",
+        "mobile_create_account_title": "Sa oled loomas kasutajakontot koduserveris %(hsName)s",
+        "msisdn_field_description": "Teades sinu kontaktinfot võivad teised kutsuda sind osalema jututubades",
+        "msisdn_field_label": "Telefon",
+        "msisdn_field_number_invalid": "See telefoninumber ei tundu õige olema, palun kontrolli ta üle ja proovi uuesti",
+        "msisdn_field_required_invalid": "Sisesta telefoninumber",
+        "no_hs_url_provided": "Koduserveri aadress on puudu",
+        "oidc": {
+            "error_title": "Meil ei õnnestunud sind sisse logida",
+            "generic_auth_error": "Autentimisel läks midagi valesti. Mine sisselogimise lehele ja proovi uuesti.",
+            "missing_or_invalid_stored_state": "Me sättisime nii, et sinu veebibrauser jätaks järgmiseks sisselogimiseks meelde sinu koduserveri, kuid kahjuks on ta selle unustanud. Palun mine sisselogimise lehele ja proovi uuesti."
+        },
+        "password_field_keep_going_prompt": "Jätka…",
+        "password_field_label": "Sisesta salasõna",
+        "password_field_strong_label": "Vahva, see on korralik salasõna!",
+        "password_field_weak_label": "Selline salasõna on küll lubatud, kuid üsna ebaturvaline",
+        "phone_label": "Telefon",
+        "phone_optional_label": "Telefoninumber (kui soovid)",
+        "qr_code_login": {
+            "check_code_explainer": "Sellega verifitseerime, et ühendus sinu teise seadmega on turvaline.",
+            "check_code_heading": "Sisesta teises seadmes kuvatav number",
+            "check_code_input_label": "2-kohaline kood",
+            "check_code_mismatch": "Numbrid ei klapi",
+            "choose_desktop_computer": "Vali „%(desktopComputer)s“",
+            "completing_setup": "Lõpetame uue seadme seadistamise",
+            "desktop_computer": "Lauaarvuti",
+            "error_etag_missing": "Tekkis ootamatu viga. Selle põhjuseks võivad olla brauseri lisamoodul, proksiserveri seadistused või koduserveri vigased seadistused.",
+            "error_expired": "Sisselogimine aegus. Palun proovi uuesti.",
+            "error_expired_title": "Sisselogimine ei jõudnud õigeaegselt lõpule",
+            "error_insecure_channel_detected": "Uue seadmega ei saanud turvalist ühendust luua. Sinu teised seadmed on endiselt turvalised ja nende pärast ei pea muretsema.",
+            "error_insecure_channel_detected_instructions": "Mis nüüd?",
+            "error_insecure_channel_detected_instructions_1": "Proovi QR-koodiga teise seadmesse uuesti sisse logida, juhuks kui tegemist oli võrguprobleemiga",
+            "error_insecure_channel_detected_instructions_2": "Kui sul tekib sama probleem uuesti, proovi teist WiFi-võrku või kasuta wifi asemel mobiilset andmesidet",
+            "error_insecure_channel_detected_instructions_3": "Kui see ei aita, logi sisse käsitsi",
+            "error_insecure_channel_detected_title": "Ühendus pole turvaline",
+            "error_other_device_already_signed_in": "Sa ei pea enam midagi muud tegema.",
+            "error_other_device_already_signed_in_title": "Sinu muu seade on juba sisse logitud",
+            "error_rate_limited": "Liiga palju päringuid napis ajavahemikus. Enne uuesti proovimist palun oota veidi.",
+            "error_unexpected": "Tekkis teadmata viga. Päring sinu muu seadme ühendamiseks on katkestatud.",
+            "error_unsupported_protocol": "See seade ei võimalda teise seadmesse sisse logida QR-koodi alusel.",
+            "error_unsupported_protocol_title": "Muu seade ei ühildu selle funktsionaalsusega",
+            "error_user_cancelled": "Sisselogimine on teises seadmes katkestatud.",
+            "error_user_cancelled_title": "Sisselogimispäring on tühistatud",
+            "error_user_declined": "Sa keeldusid teises seadmes sisselogimispäringust.",
+            "error_user_declined_title": "Sa keeldusid sisselogimast",
+            "follow_remaining_instructions": "Teise seadme verifitseerimiseks järgi ülejäänud juhiseid",
+            "open_element_mobile_device": "Ava oma nutiseadmes %(brand)s",
+            "open_element_other_device": "Ava %(brand)s oma teises seadmes",
+            "point_the_camera": "Suuna kaamera siin näidatud QR-koodi peale",
+            "ready_to_scan": "Skaneerimiseks valmis",
+            "scan_code_instruction": "Skaneeri seda QR-koodi",
+            "scan_code_instruction_reciprocate": "Skaneeri seda QR-koodi teise seadmega",
+            "scan_qr_code": "Logi sisse QR-koodi alusel",
+            "security_code_prompt": "Sinu teenusepakkuja võib sisselogimise verifitseerimiseks küsida seda koodi.",
+            "security_code_title": "Sinu verifitseerimiskood",
+            "select_qr_code": "Val i „%(scanQRCode)s“",
+            "select_ready_to_scan": "Vali „%(readyToScan)s“ ja skaneeri siinnäidatud QR-koodi",
+            "start_over": "Alusta otsast peale",
+            "tap_avatar_link_new_device": "Klõpsa oma tunnuspilti ja vali „%(linkNewDevice)s“",
+            "unsupported_explainer": "Sinu teenusepakkuja ei toeta võimalust logida sisse QR-koodi abil.",
+            "unsupported_heading": "QR-koodi kasutamine pole toetatud",
+            "waiting_for_device": "Ootame sinu teise seadme järgi"
+        },
+        "register_action": "Loo konto",
+        "registration": {
+            "continue_without_email_description": "Lihtsalt hoiatame, et kui sa ei lisa e-posti aadressi ning unustad oma konto salasõna, siis sa võid <b>püsivalt kaotada ligipääsu oma kontole</b>.",
+            "continue_without_email_field_label": "E-posti aadress (kui soovid)",
+            "continue_without_email_title": "Jätka ilma e-posti aadressi seadistamiseta"
+        },
+        "registration_disabled": "Väline registreerimine ei ole selles koduserveris kasutusel.",
+        "registration_msisdn_field_required_invalid": "Sisesta telefoninumber (nõutav selles koduserveris)",
+        "registration_successful": "Registreerimine õnnestus",
+        "registration_username_in_use": "Keegi juba pruugib sellist kasutajanime. Katseta mõne muuga või kui oled sina ise, siis logi sisse.",
+        "registration_username_unable_check": "Kasutajanime saadavust ei õnnestu kontrollida. Palun proovi hiljem uuesti.",
+        "registration_username_validation": "Palun kasuta vaid väiketähti, numbreid, sidekriipsu ja alakriipsu",
+        "reset_password": {
+            "confirm_new_password": "Kinnita oma uus salasõna",
+            "devices_logout_success": "Kõik sinu seadmed on eemaldatud ning enam ei saa tõuketeavitusi. Nende taaskuvamiseks logi sisse igas oma soovitud seadmetes.",
+            "other_devices_logout_warning_1": "Kõikide sinu seadmete eemaldamine kustutab ka nendes salvestatud krüptovõtmed ja sellega muutuvad ka krüptitud vestlused loetamatuteks.",
+            "other_devices_logout_warning_2": "Kui sa soovid säilitada ligipääsu varasematele krüptitud vestlustele, palun seadista taastevõti või ekspordi mõnest muust seadmest oma sõnumite krüptovõtmed.",
+            "password_not_entered": "Palun sisesta uus salasõna.",
+            "passwords_mismatch": "Uued salasõnad peavad omavahel klappima.",
+            "rate_limit_error": "Liiga palju päringuid napis ajavahemikus. Enne uuesti proovimist palun oota veidi.",
+            "rate_limit_error_with_time": "Liiga palju päringuid napis ajavahemikus. Enne uuesti proovimist palun oota %(timeout)s sekundit.",
+            "reset_successful": "Sinu salasõna on muudetud.",
+            "return_to_login": "Mine tagasi sisselogimisvaatele",
+            "sign_out_other_devices": "Eemalda muud seadmed"
+        },
+        "reset_password_action": "Lähtesta salasõna",
+        "reset_password_button": "Unustasid salasõna?",
+        "reset_password_email_field_description": "Kasuta e-posti aadressi ligipääsu taastamiseks oma kontole",
+        "reset_password_email_field_required_invalid": "Sisesta e-posti aadress (nõutav selles koduserveris)",
+        "reset_password_email_not_associated": "Sinu e-posti aadress ei tundu olema selles koduserveris seotud Matrixi kasutajatunnusega.",
+        "reset_password_email_not_found_title": "Seda e-posti aadressi ei leidunud",
+        "reset_password_title": "Lähtesta oma salasõna",
+        "server_picker_custom": "Muu koduserver",
+        "server_picker_description": "Kohandatud serveriseadistusi saad kasutada selleks, et logida sisse sinu valitud koduserverisse. See võimaldab sinul kasutada %(brand)s'i mõnes teises koduserveri hallatava kasutajakontoga.",
+        "server_picker_description_matrix.org": "Liitu tasuta nende miljonitega, kas kasutavad suurimat avalikku Matrix'i serverit",
+        "server_picker_dialog_title": "Vali kes võiks sinu kasutajakontot teenindada",
+        "server_picker_explainer": "Kui sul on oma koduserveri eelistus olemas, siis kasuta seda. Samuti võid soovi korral oma enda koduserveri püsti panna.",
+        "server_picker_failed_validate_homeserver": "Koduserveri õigsust ei õnnestunud kontrollida",
+        "server_picker_intro": "Me nimetame „koduserveriks“ sellist serverit, mis haldab sinu kasutajakontot.",
+        "server_picker_invalid_url": "Vigane aadress",
+        "server_picker_learn_more": "Teave koduserverite kohta",
+        "server_picker_matrix.org": "Matrix.org on maailma suurim avalik koduserver ja see sobib paljude jaoks.",
+        "server_picker_required": "Sisesta koduserver",
+        "server_picker_title": "Logi sisse oma koduserverisse",
+        "server_picker_title_default": "Serveri seadistused",
+        "server_picker_title_registration": "Sinu kasutajakontot teenindab",
+        "session_logged_out_description": "Turvalisusega seotud põhjustel on see sessioon eemaldatud. Palun logi uuesti sisse.",
+        "session_logged_out_title": "Sessioon on eemaldatud",
+        "set_email": {
+            "description": "See võimaldab sul luua uue salasõna ning saada teavitusi.",
+            "verification_pending_description": "Palun vaata oma e-kirju ning klõpsi meie saadetud kirjas leiduvat linki. Kui see on tehtud, siis vajuta Jätka-nuppu.",
+            "verification_pending_title": "Verifikatsioon on ootel"
+        },
+        "set_email_prompt": "Kas sa soovid seadistada e-posti aadressi?",
+        "sign_in_description": "Jätkamaks kasuta oma kontot.",
+        "sign_in_instead": "Pigem logi sisse",
+        "sign_in_instead_prompt": "Sul juba on kasutajakonto olemas? <a>Siis logi siin sisse</a>",
+        "sign_in_manually": "Logi sisse käsitsi",
+        "sign_in_or_register": "Logi sisse või loo uus konto",
+        "sign_in_or_register_description": "Jätkamaks kasuta oma kontot või loo uus konto.",
+        "sign_in_with_qr": "Logi sisse QR-koodi alusel",
+        "sign_in_with_sso": "Logi sisse ühekordse sisselogimise abil",
+        "signing_in": "Login sisse…",
+        "soft_logout": {
+            "clear_data_button": "Eemalda kõik andmed",
+            "clear_data_description": "Sessiooni kõikide andmete kustutamine on tegevus, mida ei saa tagasi pöörata. Kui sa pole varundanud krüptovõtmeid, siis sa kaotad ligipääsu krüptitud sõnumitele.",
+            "clear_data_title": "Kas eemaldame kõik selle sessiooni andmed?"
+        },
+        "soft_logout_heading": "Sa oled loginud välja",
+        "soft_logout_intro_password": "Sisselogimiseks ja oma kontole ligipääsu saamiseks sisesta oma salasõna.",
+        "soft_logout_intro_sso": "Logi sisse ja pääse tagasi oma kasutajakonto juurde.",
+        "soft_logout_intro_unsupported_auth": "Sa ei saa oma kasutajakontole sisse logida. Lisateabe saamiseks palun võta ühendust oma koduserveri halduriga.",
+        "soft_logout_subheading": "Kustuta privaatsed andmed",
+        "soft_logout_warning": "Hoiatus: Sinu privaatsed andmed (sealhulgas krüptimisvõtmed) on jätkuvalt salvestatud selles sessioonis. Eemalda nad, kui oled lõpetanud selle sessiooni kasutamise või soovid sisse logida muu kasutajakontoga.",
+        "sso": "SSO Ühekordne sisselogimine",
+        "sso_complete_in_browser_dialog_title": "Sisselogimiseks ava oma brauser",
+        "sso_failed_missing_storage": "Me sättisime nii, et sinu veebibrauser jätaks järgmiseks sisselogimiseks meelde sinu koduserveri, kuid kahjuks on ta selle unustanud. Palun mine sisselogimise lehele ja proovi uuesti.",
+        "sso_or_username_password": "%(ssoButtons)s või %(usernamePassword)s",
+        "sync_footer_subtitle": "Kui oled liitunud paljude jututubadega, siis see võib natuke aega võtta",
+        "syncing": "Sünkroniseerin…",
+        "uia": {
+            "code": "Kood",
+            "email": "Kasutajakonto loomiseks ava link e-kirjast, mille just saatsime %(emailAddress)s aadressile.",
+            "email_auth_header": "Jätkamaks vaata oma e-kirju",
+            "email_resend_prompt": "Sa pole kirja saanud? <a>Saada uuesti</a>",
+            "email_resent": "Uuesti saadetud!",
+            "fallback_button": "Alusta autentimist",
+            "mas_cross_signing_reset_cta": "Mine oma kasutajakonto andmete juurde",
+            "mas_cross_signing_reset_description": "Oled lähtestamas oma %(serverName)s kasutajakonto digitaalset identiteeti. Kui oled seda teinud, siis tule siis siia tagasi ja vajuta „Proovi uuesti“.",
+            "mas_cross_signing_reset_title": "Oma võrguidentiteedi lähtestamiseks ava oma kasutajakonto vaade",
+            "msisdn": "Saatsime tekstisõnumi telefoninumbrile %(msisdn)s",
+            "msisdn_token_incorrect": "Vigane tunnusluba",
+            "msisdn_token_prompt": "Palun sisesta seal kuvatud kood:",
+            "password_prompt": "Tuvasta oma isik sisestades salasõna alljärgnevalt.",
+            "recaptcha_missing_params": "Robotilõksu avalik võti on puudu koduserveri seadistustes. Palun teata sellest oma koduserveri haldurile.",
+            "registration_token_label": "Registreerimise tunnuskood",
+            "registration_token_prompt": "Sisesta koduserveri haldaja poolt antud tunnuskood.",
+            "sso_body": "Kinnita selle e-posti aadress kasutades oma isiku tuvastamiseks ühekordset sisselogimist (Single Sign On).",
+            "sso_failed": "Midagi läks sinu isiku tuvastamisel viltu. Tühista viimane toiming ja proovi uuesti.",
+            "sso_postauth_body": "Oma isiku tuvastamiseks klõpsi alljärgnevat nuppu.",
+            "sso_postauth_title": "Soovin jätkata",
+            "sso_preauth_body": "Jätkamaks tuvasta oma isik kasutades ühekordset sisselogimist.",
+            "sso_title": "Jätkamiseks kasuta ühekordset sisselogimist",
+            "terms": "Palun vaata üle selle koduserveri kasutustingimused ja nõustu nendega:",
+            "terms_invalid": "Palun vaata üle kõik koduserveri kasutustingimused ja nõustu nendega"
+        },
+        "unsupported_auth": "See koduserver ei paku ühtegi sisselogimislahendust, mida see klient toetab.",
+        "unsupported_auth_email": "See koduserver ei võimalda e-posti aadressi kasutamist sisselogimisel.",
+        "unsupported_auth_msisdn": "See server ei toeta autentimist telefoninumbri alusel.",
+        "username_field_required_invalid": "Sisesta kasutajanimi",
+        "username_in_use": "Keegi juba pruugib sellist kasutajanime. Palun katseta mõne muuga.",
+        "verify_email_explainer": "Enne sinu salasõna lähtestamist soovime olla kindlad, et tegemist on sinuga. Palun klõpsi linki, mille just saatsime <b>%(email)s</b> e-posti aadressile",
+        "verify_email_heading": "Jätkamiseks kinnita oma e-posti aadress"
+    },
+    "bug_reporting": {
+        "additional_context": "Kui sul leidub lisateavet, mis võis selle vea analüüsimisel abiks olla, siis palun lisa need ka siia - näiteks mida sa vea tekkimise hetkel tegid, jututoa tunnus, kasutajate tunnused, jne.",
+        "before_submitting": "Enne logide saatmist sa peaksid <a>GitHub'is looma veateate</a> ja kirjeldama seal tekkinud probleemi.",
+        "collecting_information": "Kogun teavet rakenduse versiooni kohta",
+        "collecting_logs": "Kogun logisid",
+        "create_new_issue": "Selle vea uurimiseks palun <newIssueLink>loo uus veateade</newIssueLink> meie GitHub'is.",
+        "description": "Vigadega seotud logid sisaldavad rakenduse teavet, sealhulgas sinu kasutajanime, külastatud jututubade tunnuseid või nimesid, viimatikasutatud liidese funktsionaalsusi ning teiste kasutajate kasutajanimesid. Logides ei ole saadetud sõnumite sisu.",
+        "download_logs": "Laadi logikirjed alla",
+        "downloading_logs": "Laadin logisid alla",
+        "error_empty": "Palun kirjelda seda, mis läks valesti ja loo GitHub'is veateade.",
+        "failed_download_logs": "Silumislogide allalaadimine ei õnnestunud: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Sinu veateadet ei võetud vastu. Ägedal raputamisel põhinev vigadest teatamise teenus ei toeta seda rakendust.",
+            "rejected_generic": "Sinu veateadet ei võetud vastu. Ägedal raputamisel põhinev vigadest teatamise teenus keeldus päringu sisust oma reeglite alusel.",
+            "rejected_recovery_key": "Kuna veateade sisaldas sinu taastevõtit, siis turvakaalutlustel sinu veateadet ei võetud vastu.",
+            "rejected_version": "Kuna kasutad rakenduse liiga vana versiooni, siis sinu veateadet ei võetud vastu.",
+            "server_unknown_error": "Ägedal raputamisel põhinev vigadest teatamise teenuses tekkis teadmata probleem, mille käigus ta ei osanud seda veateadet töödelda.",
+            "unknown_error": "Logikirjete saatmine ei õnnestunud."
+        },
+        "github_issue": "Veateade GitHub'is",
+        "introduction": "Kui sa oled GitHub'is teinud meile veateate, siis silumislogid võivad aidata vea lahendamisel. ",
+        "log_request": "Tagamaks et sama ei juhtuks tulevikus, palun <a>saada meile salvestatud logid</a>.",
+        "logs_sent": "Logikirjed saadetud",
+        "matrix_security_issue": "Kui soovid teatada Matrix'iga seotud turvaveast, siis palun tutvu enne Matrix.org <a>Turvalisuse avalikustamise juhendiga</a>.",
+        "preparing_download": "Valmistun logikirjete allalaadimiseks",
+        "preparing_logs": "Valmistun logikirjete saatmiseks",
+        "send_logs": "Saada logikirjed",
+        "submit_debug_logs": "Saada silumise logid",
+        "textarea_label": "Märkused",
+        "thank_you": "Suur tänu!",
+        "title": "Vigadest teatamine",
+        "unsupported_browser": "Meeldetuletus: sinu brauser ei ole toetatud ja seega rakenduse kasutuskogemus võib olla ennustamatu.",
+        "uploading_logs": "Laadin logisid üles",
+        "waiting_for_server": "Ootan serverilt vastust"
+    },
+    "cannot_invite_without_identity_server": "Kui isikutuvastusserver on seadistamata, siis e-posti teel kutset saata ei saa. Soovi korral saad seda muuta Seadistuste vaatest.",
+    "cannot_reach_homeserver": "Koduserver ei ole hetkel leitav",
+    "cannot_reach_homeserver_detail": "Palun kontrolli, kas sul on toimiv internetiühendus ning kui on, siis küsi abi koduserveri haldajalt",
+    "cant_load_page": "Lehe laadimine ei õnnestunud",
+    "chat_card_back_action_label": "Tagasi vestluse manu",
+    "chat_effects": {
+        "confetti_description": "Lisab sellele sõnumile serpentiine",
+        "confetti_message": "saatis serpentiine",
+        "fireworks_description": "Lisab sellele sõnumile ilutulestiku",
+        "fireworks_message": "saadab ilutulestiku",
+        "hearts_description": "Lisab sellele sõnumile südamed",
+        "hearts_message": "saadame südameid",
+        "rainfall_description": "Lisab sellele sõnumile vihmasaju",
+        "rainfall_message": "saadab vihmasaju",
+        "snowfall_description": "Saadab antud sõnumi koos lumesajuga",
+        "snowfall_message": "saadab lumesaju",
+        "spaceinvaders_description": "Saadab antud sõnumi kosmoseteemalise efektiga",
+        "spaceinvaders_message": "korraldab ühe pisikese tulnukate vallutusretke"
+    },
+    "common": {
+        "access_token": "Pääsuluba",
+        "accessibility": "Ligipääsetavus",
+        "advanced": "Lisavõimalused",
+        "all_chats": "Kõik vestlused",
+        "analytics": "Analüütika",
+        "and_n_others": {
+            "other": "ja %(count)s muud...",
+            "one": "ja üks muu..."
+        },
+        "appearance": "Välimus",
+        "application": "Rakendus",
+        "are_you_sure": "Kas sa oled kindel?",
+        "attachment": "Manus",
+        "authentication": "Autentimine",
+        "avatar": "Tunnuspilt",
+        "beta": "Beetaversioon",
+        "camera": "Kaamera",
+        "cameras": "Kaamerad",
+        "cancel": "Loobu",
+        "capabilities": "Funktsionaalsused ja võimed",
+        "copied": "Kopeeritud!",
+        "credits": "Tänuavaldused",
+        "dark": "Tume",
+        "description": "Kirjeldus",
+        "deselect_all": "Eemalda kõik valikud",
+        "device": "Seade",
+        "disabled_by_homeserver": "Koduserveri poolt keelatud",
+        "edited": "muudetud",
+        "email_address": "E-posti aadress",
+        "emoji": "Emotikon",
+        "encrypted": "Krüptitud",
+        "error": "Viga",
+        "faq": "Korduma kippuvad küsimused",
+        "feedback": "Tagasiside",
+        "filter_results": "Filtreeri tulemusi",
+        "forward_message": "Edasta sõnum",
+        "general": "Üldist",
+        "go_to_settings": "Ava seadistused",
+        "guest": "Külaline",
+        "help": "Abiteave",
+        "home": "Avaleht",
+        "homeserver": "Koduserver",
+        "identity_server": "Isikutuvastusserver",
+        "image": "Pilt",
+        "integration_manager": "Lõiminguhaldur",
+        "joined": "Liitunud",
+        "labs": "Katsed",
+        "legacy_voice_and_video_settings": "Matrixi 1:1-kõned (vana lahendusena)",
+        "legal": "Juriidiline teave",
+        "light": "Hele",
+        "loading": "Laadime…",
+        "location": "Asukoht",
+        "matrix": "Matrix",
+        "message": "Sõnum",
+        "message_layout": "Sõnumite paigutus",
+        "message_timestamp_invalid": "Vigane ajatempel",
+        "microphone": "Mikrofon",
+        "moderation_and_safety": "Modereerimine ja turvalisus",
+        "modern": "Moodne",
+        "mute": "Summuta",
+        "n_members": {
+            "other": "%(count)s liiget",
+            "one": "%(count)s liige"
+        },
+        "n_rooms": {
+            "other": "%(count)s jututuba",
+            "one": "%(count)s jututuba"
+        },
+        "name": "Nimi",
+        "no_results": "Tulemusi pole",
+        "no_results_found": "Tulemusi ei ole",
+        "not_trusted": "Ei ole usaldusväärne",
+        "off": "Välja lülitatud",
+        "offline": "Võrgust väljas",
+        "on": "Kasutusel",
+        "options": "Valikud",
+        "orphan_rooms": "Muud jututoad",
+        "password": "Salasõna",
+        "people": "Osalejad",
+        "preferences": "Eelistused",
+        "presence": "Olek võrgus",
+        "preview_message": "Hei sina. Sa oled parim!",
+        "privacy": "Privaatsus",
+        "private": "Privaatne",
+        "private_room": "Omavaheline jututuba",
+        "private_space": "Privaatne kogukond",
+        "profile": "Profiil",
+        "public": "Avalik",
+        "public_room": "Avalik jututuba",
+        "public_space": "Avalik kogukond",
+        "qr_code": "QR kood",
+        "random": "Juhuslik",
+        "reactions": "Reageerimised",
+        "recommended": "Soovitatud",
+        "report_a_bug": "Teata veast",
+        "room": "Jututuba",
+        "room_name": "Jututoa nimi",
+        "rooms": "Jututoad",
+        "save": "Salvesta",
+        "saved": "Salvestatud",
+        "saving": "Salvestame…",
+        "secure_backup": "Turvaline varundus",
+        "select_all": "Vali kõik",
+        "server": "Server",
+        "settings": "Seadistused",
+        "setup_secure_messages": "Võta kasutusele krüptitud sõnumid",
+        "show_more": "Näita rohkem",
+        "someone": "Keegi",
+        "space": "Tühikuklahv",
+        "spaces": "Kogukonnad",
+        "state_encryption_enabled": "Katseline olekusündmuste krüptimine on kasutusel",
+        "sticker": "Kleeps",
+        "stickerpack": "Kleepsupakk",
+        "success": "Õnnestus",
+        "suggestions": "Soovitused",
+        "support": "Toeta",
+        "theme": "Kujundus",
+        "thread": "Jutulõng",
+        "threads": "Jutulõngad",
+        "timeline": "Ajajoon",
+        "unavailable": "pole saadaval",
+        "unencrypted": "Krüptimata",
+        "unmute": "Eemalda summutamine",
+        "unnamed_room": "Ilma nimeta jututuba",
+        "unnamed_space": "Nimetu kogukond",
+        "unverified": "Verifitseerimata",
+        "updating": "Uuendame...",
+        "user": "Kasutaja",
+        "user_avatar": "Profiilipilt",
+        "username": "Kasutajanimi",
+        "verified": "Verifitseeritud",
+        "version": "Versioon",
+        "video_room": "Videotuba",
+        "view_message": "Vaata sõnumit",
+        "warning": "Hoiatus"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Teavita kogu jututuba",
+            "command_a11y": "Käskude automaatne lõpetamine",
+            "command_description": "Käsud",
+            "emoji_a11y": "Emoji'de automaatne lõpetamine",
+            "notification_a11y": "Teavituste automaatne lõpetamine",
+            "notification_description": "Jututoa teavitus",
+            "room_a11y": "Jututubade nimede automaatne lõpetamine",
+            "space_a11y": "Kogukondade dünaamiline otsing",
+            "user_a11y": "Kasutajanimede automaatne lõpetamine",
+            "user_description": "Kasutajad"
+        },
+        "close_sticker_picker": "Peida kleepsud",
+        "edit_composer_label": "Muuda sõnumit",
+        "format_bold": "Paks kiri",
+        "format_code_block": "Koodiplokk",
+        "format_decrease_indent": "Vähenda taandrida",
+        "format_increase_indent": "Suurenda taandrida",
+        "format_inline_code": "Kood",
+        "format_insert_link": "Lisa link",
+        "format_italic": "Kaldkiri",
+        "format_italics": "Kaldkiri",
+        "format_link": "Viide",
+        "format_ordered_list": "Nummerdatud loend",
+        "format_strikethrough": "Läbikriipsutus",
+        "format_underline": "Allajoonitud tekst",
+        "format_unordered_list": "Täpploend",
+        "formatting_toolbar_label": "Vormindame andmeid",
+        "link_modal": {
+            "link_field_label": "Viide",
+            "text_field_label": "Tekst",
+            "title_create": "Tee link",
+            "title_edit": "Muuda linki"
+        },
+        "mode_plain": "Peida vormindus",
+        "mode_rich_text": "Näita vormingut",
+        "no_perms_notice": "Sul ei ole õigusi siia jututuppa kirjutamiseks",
+        "placeholder": "Saada krüptimata sõnum…",
+        "placeholder_encrypted": "Saada sõnum…",
+        "placeholder_reply": "Saada krüptimata vastus…",
+        "placeholder_reply_encrypted": "Saada vastus…",
+        "placeholder_thread": "Vasta krüptimata jutulõngas…",
+        "placeholder_thread_encrypted": "Vasta jutulõngas…",
+        "poll_button": "Küsitlus",
+        "poll_button_no_perms_description": "Sul ei ole õigusi küsitluste korraldamiseks siin jututoas.",
+        "poll_button_no_perms_title": "Vaja on täiendavaid õigusi",
+        "replying_title": "Vastan",
+        "room_unencrypted": "Selle jututoa sõnumid pole läbivalt krüptitud",
+        "room_upgraded_link": "Vestlus jätkub siin.",
+        "room_upgraded_notice": "See jututuba on asendatud teise jututoaga ning ei ole enam kasutusel.",
+        "send_button_title": "Saada sõnum",
+        "send_button_voice_message": "Saada häälsõnum",
+        "send_voice_message": "Saada häälsõnum",
+        "stop_voice_message": "Lõpeta salvestamine",
+        "voice_message_button": "Häälsõnum"
+    },
+    "console_dev_note": "Kui sa tead, mida ja kuidas teed, siis osale meie arenduses - Element on avatud lähtekoodiga tarkvara, mille leiad GitHub'ist (https://github.com/vector-im/element-web/)!",
+    "console_scam_warning": "Kui keegi palus sul siia midagi kopeerida või asetada, siis suure tõenäosusega on tegemist pettusekatsega!",
+    "console_wait": "Palun oota!",
+    "create_room": {
+        "action_create_room": "Loo jututuba",
+        "action_create_video_room": "Loo videotuba",
+        "encrypted_video_room_warning": "Sa ei saa seda hiljem välja lülitada. Jututuba on läbivalt krüptitud, kuid lõimitud kõned ei ole.",
+        "encrypted_warning": "Seda funktsionaalsust sa ei saa hiljem kinni keerata. Sõnumisillad ja enamus roboteid veel ei oska seda kasutada.",
+        "encryption_forced": "Sinu koduserveri seadistused eeldavad, et mitteavalikud jututoad asutavad läbivat krüptimist.",
+        "encryption_label": "Võta läbiv krüptimine kasutusele",
+        "error_title": "Jututoa loomine ei õnnestunud",
+        "generic_error": "Server kas pole võrgus või on ülekoormatud, aga võib-olla oled hoopis komistanud süsteemivea otsa.",
+        "join_rule_change_notice": "Sa saad seda alati jututoa seadistustest muuta.",
+        "join_rule_invite": "Privaatne jututuba (kutse alusel)",
+        "join_rule_invite_label": "See jututuba on leitav vaid kutse olemasolul ning liitumine on võimalik vaid kutse alusel.",
+        "join_rule_knock_label": "Kõik võivad liituda, kuid jututoa haldur või moderaator peab eelnevalt ligipääsu kinnitama. Sa saad seda hiljem muuta.",
+        "join_rule_public_label": "Kõik saavad seda jututuba leida ja temaga liituda.",
+        "join_rule_public_parent_space_label": "Mitte ainult <SpaceName/> kogukonna liikmed, vaid kõik saavad seda jututuba leida ja võivad temaga liituda.",
+        "join_rule_restricted": "Standardne",
+        "join_rule_restricted_label": "Kõik <SpaceName/> kogukonna liikmed 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",
+        "topic_label": "Jututoa teema (kui soovid lisada)",
+        "unfederated": "Keela kõikide niisuguste kasutajate liitumine selle jututoaga, kelle kasutajakonto ei asu %(serverName)s koduserveris.",
+        "unfederated_label_default_off": "Sa võid sellise võimaluse kasutusele võtta, kui seda jututuba kasutatakse vaid organisatsioonisiseste tiimide ühistööks oma koduserveri piires. Seda ei saa hiljem muuta.",
+        "unfederated_label_default_on": "Sa võid sellise võimaluse jätta kasutusele võtmata, kui seda jututuba kasutatakse erinevate väliste tiimide ühistööks kasutades erinevaid koduservereid. Seda ei saa hiljem muuta.",
+        "unsupported_version": "See server ei toeta antud jututoa versiooni."
+    },
+    "create_section_dialog": {
+        "create_section": "Lisa jaotis",
+        "description": "Jaotised on vaid sinu jaoks",
+        "label": "Jaotise nimi",
+        "title": "Lisa jaotis",
+        "title_edition": "Muuda jaotist"
+    },
+    "create_space": {
+        "add_details_prompt": "Tegemaks teiste jaoks äratundmise lihtsamaks, palun lisa natuke teavet.",
+        "add_details_prompt_2": "Sa võid neid alati muuta.",
+        "add_existing_rooms_description": "Vali lisatavaid vestlusi või jututube. Hetkel on see kogukond vaid sinu jaoks ja esialgu keegi ei saa sellest teada. Teisi saad liituma kutsuda hiljem.",
+        "add_existing_rooms_heading": "Mida sa soovid ette võtta?",
+        "address_label": "Aadress",
+        "address_placeholder": "näiteks minu kogukond",
+        "creating": "Loome…",
+        "creating_rooms": "Loon jututube…",
+        "done_action": "Palun vaata minu kogukonda",
+        "done_action_first_room": "Mine minu esimese jututoa juurde",
+        "explainer": "Kogukonnad on võimalus jututubade haldamiseks ja leidmiseks. Missugust kogukonda sa tahaksid luua?",
+        "failed_create_initial_rooms": "Algsete jututubade loomine ei õnnestunud",
+        "failed_invite_users": "Järgnevate kasutajate kutsumine kogukonda ei õnnestunud: %(csvUsers)s",
+        "invite_teammates_by_username": "Kutsu kasutajanime alusel",
+        "invite_teammates_description": "Kontrolli, et vajalikel inimestel oleks siia ligipääs. Teistele võid kutse saata ka hiljem.",
+        "invite_teammates_heading": "Kutsu oma kaasteelisi",
+        "inviting_users": "Saadan kutset…",
+        "label": "Loo kogukond",
+        "name_required": "Palun sisesta kogukonna nimi",
+        "personal_space": "Vaid mina",
+        "personal_space_description": "Privaatne kogukond jututubade koondamiseks",
+        "private_description": "Liitumine vaid kutse alusel, kas sulle või sinu tiimile",
+        "private_heading": "Sinu privaatne kogukond",
+        "private_only_heading": "Sinu kogukond",
+        "private_personal_description": "Palun kontrolli, et vajalikel inimestel oleks ligipääs siia - %(name)s",
+        "private_personal_heading": "Kellega sa koos töötad?",
+        "private_space": "Mina ja minu kaasteelised",
+        "private_space_description": "Privaatne kogukond sinu ja sinu kaasteeliste jaoks",
+        "public_description": "Kõik võivad liituda, sobib kõige paremini kogukondadele",
+        "public_heading": "Sinu avalik kogukond",
+        "search_public_button": "Avalike kogukondade otsing",
+        "setup_rooms_community_description": "Teeme siis alustuseks mõned jututoad.",
+        "setup_rooms_community_heading": "Mida sa sooviksid arutada %(spaceName)s kogukonnas?",
+        "setup_rooms_description": "Sa võid ka hiljem siia kogukonda luua uusi jututubasid või lisada olemasolevaid.",
+        "setup_rooms_private_description": "Loome siis alustuseks mõned jututoad.",
+        "setup_rooms_private_heading": "Missuguste projektidega sinu tiim tegeleb?",
+        "share_description": "Hetkel oled siin vaid sina, aga aina paremaks läheb, kui teised liituvad.",
+        "share_heading": "Jaga %(name)s",
+        "skip_action": "Hetkel jäta vahele",
+        "subspace_adding": "Lisan…",
+        "subspace_beta_notice": "Lisa kogukond sellesse kogukonda, mida sa juba haldad.",
+        "subspace_dropdown_title": "Loo kogukond",
+        "subspace_existing_space_prompt": "Kas sa selle asemel soovid lisada olemasoleva kogukonna?",
+        "subspace_join_rule_invite_description": "See kogukond on leitav vaid kutse olemasolul ning liitumine on võimalik vaid kutse alusel.",
+        "subspace_join_rule_invite_only": "Privaatne kogukond (kutse alusel)",
+        "subspace_join_rule_label": "Kogukonna nähtavus",
+        "subspace_join_rule_public_description": "Mitte ainult <SpaceName/> kogukonna liikmed, vaid kõik saavad seda kogukonda leida ja võivad temaga liituda.",
+        "subspace_join_rule_restricted_description": "Kõik <SpaceName/> kogukonna liikmed saavad liituda."
+    },
+    "credits": {
+        "default_cover_photo": "<photo>Vaikimisi kasutatava kaanepildi</photo> autoriõiguste omanik on <author>Jesús Roncero</author> ja seda fotot kasutame vastavalt <terms>CC-BY-SA 4.0</terms> litsentsi tingimustele.",
+        "twemoji": "<twemoji>Twemoji</twemoji> emotikonide autoriõiguste omanik on <author>Twitter, Inc koos kaasautoritega</author> ning neid kasutame vastavalt <terms>CC-BY 4.0</terms> litsentsi tingimustele.",
+        "twemoji_colr": "<colr>Twemoji-colr</colr> kirjatüübi autoriõiguste omanik on <author>Mozilla Foundation</author> seda kasutame vastavalt <terms>Apache 2.0</terms> litsentsi tingimustele."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Kas sa oled kindel, et soovid keelduda kutsest liituda „%(roomName)s“ jututoaga?",
+        "ignore_user_help": "Sa ei näe enam selle kasutaja saadetud sõnumeid või jututubade kutseid",
+        "reason_description": "Kirjelda jututoast teatamise põhjust",
+        "report_room_description": "Teata sellest jututoast oma teenusepakkujale.",
+        "title": "Lükka kutse tagasi"
+    },
+    "desktop_default_device_name": "%(brand)s töölaud: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Kasutusel vidinad",
+        "category_other": "Muud",
+        "category_room": "Jututuba",
+        "caution_colon": "Hoiatus:",
+        "checking_sticky_events_support": "Määratud kestusega sündmuste tugi on tuvastamisel...",
+        "client_versions": "Klientrakenduste versioonid",
+        "crypto": {
+            "4s_public_key_in_account_data": "kasutajakonto andmete juures",
+            "4s_public_key_not_in_account_data": "ei leidu",
+            "4s_public_key_status": "Turvalise andmeruumi avalik võti:",
+            "backup_key_cached": "puhverdatud kohalikus seadmes",
+            "backup_key_cached_status": "Varukoopia võtmed on puhverdatud:",
+            "backup_key_not_stored": "pole salvestatud",
+            "backup_key_stored": "krüptitud salvestusruumis",
+            "backup_key_stored_status": "Varukoopia võti on salvestatud:",
+            "backup_key_unexpected_type": "ebatavalist tüüpi",
+            "backup_key_well_formed": "reeglipärane",
+            "cross_signing": "Risttunnustamine",
+            "cross_signing_cached": "puhverdatud kohalikus seadmes",
+            "cross_signing_not_ready": "Risttunnustamine on seadistamata.",
+            "cross_signing_private_keys_in_storage": "turvalises andmeruumis",
+            "cross_signing_private_keys_in_storage_status": "Risttunnustamise privaatvõtmed:",
+            "cross_signing_private_keys_not_in_storage": "ei leidu turvalises andmeruumis",
+            "cross_signing_public_keys_on_device": "mälus",
+            "cross_signing_public_keys_on_device_status": "Risttunnustamise avalikud võtmed:",
+            "cross_signing_ready": "Risttunnustamine on kasutusvalmis.",
+            "cross_signing_status": "Risttunnustamise olek:",
+            "cross_signing_untrusted": "Sinu kasutajakonto digitaalne identiteet on krüptitud andmehoidlas olemas, aga see sessioon teda veel ei usalda.",
+            "crypto_not_available": "Krüptomoodul pole saadaval",
+            "device_id": "Seadme tunnus",
+            "key_backup_active_version": "Varukoopia aktiivne versioon:",
+            "key_backup_active_version_none": "Puudub",
+            "key_backup_inactive_warning": "See sessioon ei varunda sinu krüptovõtmeid.",
+            "key_backup_latest_version": "Varukoopia viimane versioon serveris:",
+            "key_storage": "Võtmete krüptitud andmeruum",
+            "master_private_key_cached_status": "Üldine privaatvõti:",
+            "not_found": "ei leidu",
+            "not_found_locally": "ei leidu kohalikus seadmes",
+            "secret_storage_not_ready": "pole valmis",
+            "secret_storage_ready": "on valmis",
+            "secret_storage_status": "Krüptitud andmeruum:",
+            "self_signing_private_key_cached_status": "Privaatvõti allkirjastamiseks sinu nimel:",
+            "session": "Sessioon",
+            "session_fingerprint": "Sõrmejälg (sessiooni võti)",
+            "title": "Läbiv krüptimine",
+            "user_signing_private_key_cached_status": "Kasutaja privaatvõti allkirjastamiseks:"
+        },
+        "developer_mode": "Arendusrežiim",
+        "developer_tools": "Arendusvahendid",
+        "device_dehydrated_no": "Virtuaalne seade serveris (dehüdreeritud): ei",
+        "device_dehydrated_yes": "Virtuaalne seade serveris (dehüdreeritud): jah",
+        "device_id": "Seadme tunnus: %(deviceId)s",
+        "device_keys": "Seadme võtmed",
+        "device_verification_status": {
+            "signed_by_owner": "Verifitseerimise olek: <E2EIcon /> omanik on allkirjastanud",
+            "unknown": "Verifitseerimise olek: teadmata",
+            "unverified": "Verifitseerimise olek: <E2EIcon /> pole omaniku poolt allkirjastatud",
+            "verified": "Verifitseerimise olek: <E2EIcon /> verifitseeritud risttunnustamisega"
+        },
+        "devices": "Krüptoseadmed (%(count)s)",
+        "edit_setting": "Muuda seadistust",
+        "edit_values": "Muuda väärtusi",
+        "empty_string": "<tühi string>",
+        "error_sticky_duration_must_be_a_number": "„stickyDuration“ meetodi väärtus peab olema number",
+        "error_sticky_duration_out_of_range": "„stickyDuration“ meetodi väärtus peab olema vahemikus 0 kuni 36 000 millisekundit (1 tund)",
+        "event_content": "Sündmuse sisu",
+        "event_id": "Sündmuse tunnus: %(eventId)s",
+        "event_sent": "Sündmus on saadetud!",
+        "event_type": "Sündmuse tüüp",
+        "expired": "Aegunud",
+        "expires_in": "Aegub",
+        "explore_account_data": "Uuri konto andmeid",
+        "explore_room_account_data": "Uuri kasutajakonto olekut",
+        "explore_room_state": "Uuri jututoa olekut",
+        "explore_sticky_state": "Tuvasta määratud kestusega sündmuste olek",
+        "failed_to_find_widget": "Selle vidina leidmisel tekkis viga.",
+        "failed_to_load": "Laadimine ei õnnestunud.",
+        "failed_to_save": "Seadistuste salvestamine ei õnnestunud.",
+        "failed_to_send": "Päringu või sündmuse saatmine ei õnnestunud!",
+        "id": "ID: ",
+        "invalid_device_key_id": "Vigane seadme võtme tunnus",
+        "invalid_json": "See ei tundu olema korrektse json-andmestikuna.",
+        "level": "Tase",
+        "low_bandwidth_mode": "Lülita välja suurt ribalaiust eeldavad funktsionaalsused",
+        "low_bandwidth_mode_description": "Lülitab välja krüpteerimise, olekuteated, tunnuspildid, lugemisteatised ja kirjutamisteatised",
+        "main_timeline": "Peamine ajajoon",
+        "manual_device_verification": "Seadme käsitsi verifitseerimine",
+        "no_receipt_found": "Lugemisteatist ei leidu",
+        "no_sticky_events": "Selles jututoas pole määratud kestusega sõnumeid või muid sündmusi",
+        "notification_state": "Teavituste olek: <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Teavituste silumine",
+        "number_of_users": "Kasutajate arv",
+        "only_joined_members": "Vaid liitunud kasutajad",
+        "original_event_source": "Sündmuse töötlemata lähtekood",
+        "restore_from_backup": "Taasta varukoopiast",
+        "room_encrypted": "Jututuba on <strong>krüptitud ✅</strong>",
+        "room_id": "Jututoa tunnus: %(roomId)s",
+        "room_not_encrypted": "Jututuba on <strong>krüptimata 🚨</strong>",
+        "room_notifications_dot": "Punkt: ",
+        "room_notifications_highlight": "Esiletõstetud: ",
+        "room_notifications_last_event": "Viimane sündmus:",
+        "room_notifications_sender": "Saatja: ",
+        "room_notifications_thread_id": "Jutulõnga tunnus: ",
+        "room_notifications_total": "Kokku: ",
+        "room_notifications_type": "Tüüp: ",
+        "room_status": "Jututoa sõnumite olek",
+        "room_unread_status_count": {
+            "one": "Lugemata sõnumite olek jututoas: <strong>%(status)s</strong>, kokku: <strong>%(count)s</strong>",
+            "other": "Lugemata sõnumite olek jututoas: <strong>%(status)s</strong>, kokku: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Salvesta seadistuste väärtused",
+        "see_history": "Vaata ajalugu",
+        "send_custom_account_data_event": "Saada kohandatud kontoandmete päring",
+        "send_custom_room_account_data_event": "Saada kohandatud jututoa kontoandmete päring",
+        "send_custom_state_event": "Saada kohandatud olekusündmus",
+        "send_custom_sticky_event": "Saada sinuloodud määratud kestusega sõnum/sündmus",
+        "send_custom_timeline_event": "Saada kohandatud sündmus ajajoonele",
+        "server_info": "Serveri teave",
+        "server_versions": "Serveri versioonid",
+        "settable_global": "Seadistatav üldiselt",
+        "settable_room": "Seadistatav jututoa-kohaselt",
+        "setting_colon": "Seadistus:",
+        "setting_definition": "Seadistuse määratlus:",
+        "setting_id": "Seadistuse tunnus",
+        "settings": {
+            "elementCallUrl": "Element Calli võrguaadress"
+        },
+        "settings_explorer": "Seadistuste haldur",
+        "show_empty_content_events": "Näita tühja sisuga sündmusi",
+        "show_hidden_events": "Näita peidetud sündmusi ajajoonel",
+        "spaces": {
+            "other": "<%(count)s kogukonda>",
+            "one": "<kogukond>"
+        },
+        "state_key": "Oleku võti",
+        "sticky_duration": "Määratud kestusega sõnumi/sündmuse eluiga (ms)",
+        "sticky_events_not_supported": "Sinu koduserver veel ei toeta määratud kestusega sõnumeid/sündmusi",
+        "sticky_key": "Määratud kestusega sündmuse võti",
+        "thread_root_id": "Jutulõnga esimese kirje tunnus: %(threadRootId)s",
+        "threads_timeline": "Jutulõngade ajajoon",
+        "title": "Arendusvahendid",
+        "toolbox": "Töövahendid",
+        "use_at_own_risk": "See kasutajaliides ei oska kontrollida väärtuste tüüpi ja vormingut. Muudatusi teed omal vastutusel.",
+        "user_avatar": "Tunnuspilt: %(avatar)s",
+        "user_displayname": "Kuvatav nimi: %(displayname)s",
+        "user_id": "Kasutaja tunnus: %(userId)s",
+        "user_identity": "Krüptograafiline identiteet",
+        "user_identity_unknown": "Teadmata olek",
+        "user_no_avatar": "Tunnuspilt: <i>puudub</i>",
+        "user_no_displayname": "Kuvatav nimi: <i>puudub</i>",
+        "user_read_up_to": "Kasutaja on lugenud kuni: ",
+        "user_read_up_to_ignore_synthetic": "Kasutaja luges kuni sõnumini (ignoreSynthetic): ",
+        "user_read_up_to_private": "Kasutaja luges kuni sõnumini (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Kasutaja luges kuni sõnumini (m.read.private;ignoreSynthetic): ",
+        "user_room_membership": "Liikmelisus: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Verifitseerimise olek: <E2EIcon /> verifitseerimata ja võrguidentiteet on muutunud",
+            "unverified": "Verifitseerimise olek: <E2EIcon /> verifitseerimata",
+            "verified": "Verifitseerimise olek: <E2EIcon /> verifitseeritud",
+            "was_verified": "Verifitseerimise olek: <E2EIcon /> oli verifitseeritud, aga võrguidentiteet muutus"
+        },
+        "users": "Kasutajad",
+        "value": "Väärtus",
+        "value_colon": "Väärtus:",
+        "value_in_this_room": "Väärtus selles jututoas",
+        "value_this_room_colon": "Väärtus selles jututoas:",
+        "values_explicit": "Väärtused konkreetsel tasemel",
+        "values_explicit_colon": "Väärtused konkreetsel tasemel:",
+        "values_explicit_room": "Väärtused konkreetsel tasemel selles jututoas",
+        "values_explicit_this_room_colon": "Väärtused konkreetsel tasemel selles jututoas:",
+        "view_servers_in_room": "Näita jututoas kasutatavaid servereid",
+        "view_source_decrypted_event_source": "Sündmuse dekrüptitud lähtekood",
+        "view_source_decrypted_event_source_unavailable": "Dekrüptitud lähteandmed pole saadaval",
+        "widget_screenshots": "Kui vidin seda toetab, siis luba tal teha ekraanitõmmiseid"
+    },
+    "dialog_close_label": "Sulge dialoog",
+    "download_completed": "Allalaadimine on lõpetatud",
+    "empty_room": "Tühi jututuba",
+    "empty_room_was_name": "Tühi jututuba (varasema nimega %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Kui sul on turvavõti või turvafraas, siis need toimivad ka.",
+            "key_validation_text": {
+                "wrong_security_key": "Sinu sisestatud taastevõti pole korrektne."
+            },
+            "privacy_warning": "Palun vaata, et keegi teine ei näeks seda ekraanivaadet!",
+            "restoring": "Taastan võtmed varundusest",
+            "security_key_label": "Taastevõti",
+            "security_key_title": "Sisesta oma taastevõti"
+        },
+        "bootstrap_title": "Võtame krüptovõtmed kasutusele",
+        "confirm_encryption_setup_body": "Kinnitamaks, et soovid krüptimist seadistada, klõpsi järgnevat nuppu.",
+        "confirm_encryption_setup_title": "Krüptimise seadistuse kinnitamine",
+        "continue_with_reset": "Jätka lähtestamisega",
+        "cross_signing_room_normal": "See jututuba on läbivalt krüptitud",
+        "cross_signing_room_verified": "Kõik kasutajad siin jututoas on verifitseeritud",
+        "cross_signing_room_warning": "Keegi kasutab tundmatut sessiooni",
+        "cross_signing_user_normal": "Sa ei ole seda kasutajat verifitseerinud.",
+        "cross_signing_user_verified": "Sa oled selle kasutaja verifitseerinud. See kasutaja on verifitseerinud kõik nende sessioonid.",
+        "cross_signing_user_warning": "See kasutaja ei ole verifitseerinud kõiki oma sessioone.",
+        "enter_recovery_key": "Sisesta taastevõti",
+        "event_shield_reason_authenticity_not_guaranteed": "Selle krüptitud sõnumi autentsus pole selles seadmes tagatud.",
+        "event_shield_reason_mismatched_sender": "Sündmuse saatja ja seadme omanik pole vastavuses.",
+        "event_shield_reason_mismatched_sender_key": "Krüptitud verifitseerimata sessiooni poolt",
+        "event_shield_reason_unknown_device": "Krüptitud tundmatu või kustutatud seadme poolt.",
+        "event_shield_reason_unsigned_device": "Krüptitud seadme poolt, mida selle omanik ei ole verifitseerinud.",
+        "event_shield_reason_unverified_identity": "Krüptitud verifitseerimata kasutaja poolt.",
+        "export_unsupported": "Sinu brauser ei toeta vajalikke krüptoteeke",
+        "forgot_recovery_key": "Kas unustasid taastevõtme?",
+        "identity_needs_reset_description": "Sõnumite ajaloole juurdepääsu tagamiseks pead oma krüptograafilise võrguidentiteedi lähtestama",
+        "import_invalid_keyfile": "See ei ole sobilik võtmefail %(brand)s'i jaoks",
+        "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.",
+        "messages_not_secure": {
+            "cause_1": "Sinu koduserver",
+            "cause_2": "Sinu poolt verifitseeritava kasutaja koduserver",
+            "cause_3": "Sinu või teise kasutaja internetiühendus",
+            "cause_4": "Sinu või teise kasutaja sessioon",
+            "heading": "Üks järgnevatest võib olla sattunud valedesse kätesse:",
+            "title": "Sinu sõnumid ei ole turvatud"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Tuvastasin krüptitud sõnumite uue turvafraasi ja turvavõtme.",
+            "description_2": "See sessioon krüptib ajalugu kasutades uut taastamise meetodit.",
+            "title": "Uus taastamise meetod",
+            "warning": "Kui sa ei ole ise uusi taastamise meetodeid lisanud, siis võib olla tegemist ründega sinu konto vastu. Palun vaheta koheselt oma kasutajakonto salasõna ning määra seadistustes uus taastemeetod."
+        },
+        "pinned_identity_changed": "Kasutaja %(displayName)s (<b>%(userId)s</b>) võrguidentiteet on lähtestatud. <a>Lisateave</a>",
+        "pinned_identity_changed_no_displayname": "Kasutaja <b>%(userId)s</b> võrguidentiteet on lähtestatud. <a>Lisateave</a>",
+        "recovery_method_removed": {
+            "description_1": "Oleme tuvastanud, et selles sessioonis ei leidu turvafraasi ega krüptitud sõnumite turvavõtit.",
+            "description_2": "Kui sa tegid seda juhuslikult, siis sa võid selles sessioonis uuesti seadistada sõnumite krüptimise, mille tulemusel krüptime uuesti kõik sõnumid ja loome uue taastamise meetodi.",
+            "title": "Taastemeetod on eemaldatud",
+            "warning": "Kui sa ei ole ise taastamise meetodeid eemaldanud, siis võib olla tegemist ründega sinu konto vastu. Palun vaheta koheselt oma kasutajakonto salasõna ning määra seadistustes uus taastemeetod."
+        },
+        "set_up_recovery": "Varunda oma vestlused",
+        "set_up_recovery_toast_description": "Sinu vestlused on automaatselt varundatud kasutades läbivat krüptimist. Kui peaksid kaotama ligipääsu kõikidele oma seadmetele, siis selle varukoopia taastamiseks ja oma digitaalse identiteedi säilitamiseks, on vaja taastevõtit.",
+        "set_up_toast_title": "Võta kasutusele turvaline varundus",
+        "turn_on_key_storage": "Võta krüptovõtmete hoidla kasutusele",
+        "turn_on_key_storage_description": "See tagab, et sinu sõnumite ajalugu on alati loetav, ka kõikides uutes seadmetes ning on nõutav vestluste ja digitaalse identiteedi varundamiseks.",
+        "unable_to_setup_keys_error": "Krüptovõtmete kasutuselevõtmine ei õnnestu",
+        "verification": {
+            "accepting": "Nõustun …",
+            "after_new_login": {
+                "device_verified": "Seade on verifitseeritud",
+                "skip_verification": "Jäta verifitseerimine praegu vahele",
+                "verify_this_device": "Verifitseeri see seade"
+            },
+            "cancelled_verification": "Kas verifitseerimine aegus, teine osapool keeldus vastamast või tekkis vastuste mittevastavus.",
+            "cancelling": "Tühistan…",
+            "cant_confirm": "Kas kinnitamine ei õnnestu?",
+            "complete_action": "Selge lugu",
+            "complete_description": "Sa oled edukalt verifitseerinud selle kasutaja.",
+            "complete_title": "Verifitseeritud!",
+            "confirm_identity_description": "Krüptitud sõnumivahetuse tagamiseks verifitseeri see seade",
+            "confirm_identity_title": "Kinnita oma digitaalne identiteet",
+            "confirm_the_emojis": "Kinnita, et kõik järgnevalt kuvatud emojid on täpselt samad, mida sa näed oma teises sessioonis.",
+            "error_starting_description": "Meil ei õnnestunud alustada vestlust teise kasutajaga.",
+            "error_starting_title": "Viga verifitseerimise alustamisel",
+            "explainer": "Turvalised sõnumid selle kasutajaga on läbivalt krüptitud ning kolmandad osapooled ei saa neid lugeda.",
+            "in_person": "Turvalisuse mõttes on oluline, et teed seda nii, et kas olete üheskoos või kasutate suhtluskanalit, mida mõlemad usaldate.",
+            "incoming_sas_device_dialog_text_1": "Selle seadme usaldamiseks peaksid ta verifitseerima. Kui sa pruugid läbivalt krüptitud sõnumeid, siis selle seadme usaldamine tagab sulle ja teistele kasutajatele täiendava meelerahu.",
+            "incoming_sas_device_dialog_text_2": "Selle seadme verifitseerimisel märgitakse ta usaldusväärseks ning kõik kasutajad, kes sinuga on verifitseerimise läbi teinud, loevad ka selle seadme usaldusväärseks.",
+            "incoming_sas_dialog_title": "Saabuv verifitseerimispalve",
+            "incoming_sas_dialog_waiting": "Ootan teise osapoole kinnitust…",
+            "incoming_sas_user_dialog_text_1": "Selle kasutaja usaldamiseks peaksid ta verifitseerima. Kui sa pruugid läbivalt krüptitud sõnumeid, siis kasutajate verifitseerimine tagab sulle täiendava meelerahu.",
+            "incoming_sas_user_dialog_text_2": "Selle kasutaja verifitseerimisel märgitakse tema sessioon usaldusväärseks ning samuti märgitakse sinu sessioon tema jaoks usaldusväärseks.",
+            "manual": {
+                "already_verified": "See seade on juba verifitseeritud",
+                "already_verified_and_wrong_fingerprint": "Viidatud sõrmejälg ei klapi, aga see seade on juba verifitseeritud!",
+                "device_id": "Seadme tunnus",
+                "failure_description": "„%(deviceId)s“ seadme verifitseerimine ei õnnestunud: %(error)s",
+                "failure_title": "Verifitseerimine ei õnnestunud",
+                "fingerprint": "Sõrmejälg (sessiooni võti)",
+                "no_crypto": "Seadme verifitseerimine ei õnnestunud - krüptoteenused pole kasutusel",
+                "no_device": "Seadme verifitseerimine ei õnnestunud - seadet tunnusega „%(deviceId)s“ polnud võimalik leida",
+                "no_userid": "Seadme verifitseerimine ei õnnestunud - meie kasutajatunnust ei õnnestu leida",
+                "success_description": "See seade (%(deviceId)s) on nüüd risttunnustatud",
+                "success_title": "Verifitseerimine õnnestus",
+                "text": "Verifitseerimiseks sisesta ühe oma seadme tunnus ja sõrmejälg. Palun arvesta, et see võimaldab muul seadmel saata ja vastu võtta sõnumeid esinedes sinuna. KUI KEEGI PALUS SUL SIIA MIDAGI KOPEERIDA, SIIS ON SEE KAHTLANE JA ILMSELT PROOVITAKSE SIND PETTA!",
+                "wrong_fingerprint": "„%(deviceId)s“ seadme verifitseerimine ei õnnestunud - lisatud sõrmejälg „%(fingerprint)s“ ja seadme sõrmejälg „%(fprint)s“ pole samad"
+            },
+            "no_support_qr_emoji": "See seade, mida sa tahad verifitseerida ei toeta QR-koodi ega emoji-põhist verifitseerimist, aga just neid %(brand)s oskab kasutada. Proovi mõne muu Matrix'i kliendiga.",
+            "now_you_can": "Nüüd saad saata või lugeda sõnumeid turvaliselt ning kõik sinu vestluspartnerid võivad usaldada seda seadet.",
+            "once_accepted_can_continue": "Kui oled nõustunud, siis saad sa verifitseerimist jätkata.",
+            "other_party_cancelled": "Teine osapool tühistas verifitseerimise.",
+            "prompt_encrypted": "Tagamaks, et jututuba on turvaline, verifitseeri kõik selle kasutajad.",
+            "prompt_unencrypted": "Krüptitud jututubades turvalisuse tagamiseks verifitseeri kõik kasutajad.",
+            "qr_or_sas": "%(qrCode)s või %(emojiCompare)s",
+            "qr_prompt": "Skaneeri seda unikaalset koodi",
+            "qr_reciprocate_check_again_device": "Verifitseerimise lõpuleviimiseks kontrolli uuesti teavet oma teises seadmes.",
+            "qr_reciprocate_no": "Ei, ma ei näe rohelist kilbi ikooni",
+            "qr_reciprocate_same_shield_user": "Peaaegu valmis! Kas %(displayName)s kuvab sama kilpi?",
+            "qr_reciprocate_yes": "Jah, ma näen rohelist kilbi ikooni",
+            "request_toast_accept_user": "Verifitseeri kasutaja",
+            "request_toast_decline_counter": "Eira (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s ip-aadressil %(ip)s",
+            "request_toast_start_verification": "Alusta verifitseerimist",
+            "sas_caption_self": "Verifitseeri see seade tehes kindlaks, et järgnev number kuvatakse tema ekraanil.",
+            "sas_caption_user": "Verifitseeri see kasutaja tehes kindlaks, et järgnev number kuvatakse tema ekraanil.",
+            "sas_description": "Kui sul mõlemas seadmes pole kaamerat, siis võrdle unikaalset emoji'de komplekti",
+            "sas_emoji_caption_user": "Verifitseeri see kasutaja tehes kindlaks et järgnev emoji kuvatakse tema ekraanil.",
+            "sas_match": "Nad klapivad",
+            "sas_no_match": "Nad ei klapi",
+            "sas_prompt": "Võrdle unikaalseid emoji'sid",
+            "scan_qr": "Verifitseeri skaneerides",
+            "scan_qr_explainer": "Palu, et %(displayName)s skaneeriks sinu koodi:",
+            "start_button": "Alusta verifitseerimist",
+            "successful_user": "Sa oled edukalt verifitseerinud kasutaja %(displayName)s!",
+            "unsupported_method": "Ei suuda leida toetatud verifitseerimismeetodit.",
+            "unverified_session_toast_accept": "Jah, see olin mina",
+            "unverified_session_toast_title": "Uus sisselogimine. Kas see olid sina?",
+            "unverified_sessions_toast_description": "Tagamaks, et su konto on sinu kontrolli all, vaata andmed üle",
+            "unverified_sessions_toast_reject": "Hiljem",
+            "unverified_sessions_toast_title": "Sul on verifitseerimata sessioone",
+            "use_another_device": "Kasuta mõnda muud seadet",
+            "use_recovery_key": "Kasuta taastevõtit",
+            "verification_dialog_title_choose": "Vali verifitseerimise viis",
+            "verification_dialog_title_compare_emojis": "Võrdle emojisid",
+            "verification_dialog_title_confirm_green_shield": "Veendu, et näed oma teises seadmes rohelist kilbi ikooni",
+            "verification_dialog_title_device": "Verifitseeri oma teine seade",
+            "verification_dialog_title_failed": "Verifitseerimine ei õnnestunud",
+            "verification_dialog_title_start_on_other_device": "Alusta verifitseerimist teises seadmes",
+            "verification_dialog_title_user": "Verifitseerimispäring",
+            "verification_dialog_title_verified": "Seade on verifitseeritud",
+            "verification_skip_warning": "Ilma verifitseerimiseta sul puudub ligipääs kõikidele oma sõnumitele ning teised ei näe sinu kasutajakontot usaldusväärsena.",
+            "verification_success_with_backup": "Sinu uus seade on nüüd verifitseeritud. Selles seadmes saad lugeda oma krüptitud sõnumeid ja teiste kasutajate jaoks on ta usaldusväärne.",
+            "verification_success_without_backup": "Sinu uus seade on nüüd verifitseeritud. Teiste kasutajate jaoks on ta usaldusväärne.",
+            "verify_by_completing_one_of": "Verifitseeri, tehes ühe järgmistest toimingutest:",
+            "verify_emoji": "Verifitseeri emoji'de abil",
+            "verify_emoji_prompt": "Verifitseeri unikaalsete emoji'de võrdlemise teel.",
+            "verify_emoji_prompt_qr": "Kui sa ei saa skaneerida eespool kuvatud koodi, siis verifitseeri unikaalsete emoji'de võrdlemise teel.",
+            "verify_later": "Ma verifitseerin hiljem",
+            "waiting_for_user_accept": "Ootan, et %(displayName)s nõustuks…",
+            "waiting_other_device": "Ootan, et sa verifitseeriksid oma teises seadmes…",
+            "waiting_other_device_details": "Ootan, et sa verifitseerid oma teises seadmes: %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Ootan kasutaja %(displayName)s verifitseerimist…"
+        },
+        "verification_requested_toast_title": "Verifitseerimistaotlus on saadetud",
+        "verified_identity_changed": "Kasutaja %(displayName)s (<b>%(userId)s</b>) verifitseeritud võrguidentiteet on muutunud. <a>Lisateave</a>",
+        "verified_identity_changed_no_displayname": "Kasutaja <b>%(userId)s</b> digitaalne identiteet on muutunud. <a>Lisateave</a>",
+        "verify_toast_description": "Alates 2026. aasta oktoobri lõpust ei saa verifitseerimata seadmed enam sõnumeid saata ega vastu võtta. <a>Lisateave</a>",
+        "verify_toast_title": "Verifitseeri see seade",
+        "withdraw_verification_action": "Eemalda verifitseerimine"
+    },
+    "error": {
+        "admin_contact": "Jätkamaks selle teenuse kasutamist palun <a>võta ühendust oma teenuse haldajaga</a>.",
+        "admin_contact_short": "Võta ühendust <a>oma serveri haldajaga</a>.",
+        "app_launch_unexpected_error": "Rakenduse ettevalmistamisel tekkis ootamatu viga. Täpsema teabe leiad konsoolist.",
+        "cannot_load_config": "Seadistuste faili laadimine ei õnnestunud: uuesti proovimiseks palun laadi leht uuesti.",
+        "connection": "Serveriühenduses tekkis viga. Palun proovi mõne aja pärast uuesti.",
+        "dialog_description_default": "Tekkis viga.",
+        "download_media": "Kuna meedia aadressi ei leidu, siis allalaadimine ei õnnestu",
+        "edit_history_unsupported": "Tundub, et sinu koduserver ei toeta sellist funktsionaalsust.",
+        "failed_copy": "Kopeerimine ebaõnnestus",
+        "hs_blocked": "Ligipääs sellele koduserverile on sinu serveri haldaja poolt blokeeritud.",
+        "invalid_configuration_mixed_server": "Vigane seadistus: default_hs_url ei saa olla määratud koos default_server_name või default_server_config tunnustega",
+        "invalid_configuration_no_server": "Vigane seadistus: vaikimisi server on määramata.",
+        "invalid_json": "Sinu Element'i seadistustes on vigased JSON-vormingus andmed. Palun paranda see viga ja laadi leht uuesti.",
+        "invalid_json_detail": "Sõnum parserist on: %(message)s",
+        "invalid_json_generic": "Vigane JSON",
+        "mau": "See koduserver on saavutanud igakuise aktiivsete kasutajate piiri.",
+        "misconfigured": "Sinu Element on valesti seadistatud",
+        "mixed_content": "Kui aadressiribal on HTTPS-aadress, siis HTTP-protokolli kasutades ei saa ühendust koduserveriga. Palun pruugi HTTPS-protokolli või <a>luba brauseris ebaturvaliste skriptide kasutamine</a>.",
+        "non_urgent_echo_failure_toast": "Sinu koduserver ei vasta mõnedele <a>päringutele</a>.",
+        "resource_limits": "See koduserver ületanud ühe oma ressursipiirangutest.",
+        "session_restore": {
+            "clear_storage_button": "Eemalda see seade",
+            "clear_storage_description": "Kas eemaldad selle seadme koos tema krüptimisvõtmetega?",
+            "description_1": "Meil tekkis sinu sessiooni taastamisel viga.",
+            "description_2": "Kui sa varem oled kasutanud uuemat %(brand)s'i versiooni, siis sinu pragune sessioon ei pruugi olla sellega ühilduv. Sulge see aken ja jätka selle uuema versiooni kasutamist.",
+            "description_3": "Brauseri andmeruumi tühjendamine võib selle vea lahendada, kui samas eemaldad ka selle seadme ning kogu krüptitud vestlusajalugu muutub loetamatuks.",
+            "title": "Sessiooni taastamine ei õnnestunud"
+        },
+        "something_went_wrong": "Midagi läks nüüd valesti!",
+        "storage_evicted_description_1": "Osa sessiooniandmetest, sealhulgas sõnumi krüptovõtmed, on puudu. Vea parandamiseks eemalda see seade ja taasta võtmed varundusest.",
+        "storage_evicted_description_2": "On võimalik et sinu brauser kustutas need andmed, sest kõvakettaruumist jäi puudu.",
+        "storage_evicted_title": "Sessiooni andmed on puudu",
+        "sync": "Ei saa ühendust koduserveriga. Proovin uuesti…",
+        "tls": "Ei sa ühendust koduserveriga. Palun kontrolli, et sinu <a>koduserveri SSL sertifikaat</a> oleks usaldusväärne ning mõni brauseri lisamoodul ei blokeeri päringuid.",
+        "unknown": "Teadmata viga",
+        "unknown_error_code": "tundmatu veakood",
+        "update_history_visibility": "Ei õnnestunud muuta ajaloo nähtavust",
+        "update_power_level": "Õiguste muutmine ei õnnestunud"
+    },
+    "error_app_open_in_another_tab": "%(brand)s'i kasutamiseks ava teine vahekaart. Selle vahekaardi võid kinni panna.",
+    "error_app_open_in_another_tab_title": "%(brand)s'i on kasutatav teisel vahekaardil",
+    "error_app_opened_in_another_window": "%(brand)s on avatud teises aknas. Klõpsa \"%(label)s\", et kasutada siin %(brand)s ja katkestada teise akna ühendus.",
+    "error_database_closed_description": {
+        "for_desktop": "Andmekandja maht võib olla täis saanud. Palun tee ruumi juurde ja laadi leht uuesti.",
+        "for_web": "Kui sa kustutasid brauseris puhverdatud andmed, siis selline teade on ootuspärane. Lisaks on võimalik, et %(brand)s on avatud mõnes teises vahekaardis või sinu seadme kõvakettaruum on otsas. Palun tee seadmesse ruumi ja laadi uuesti"
+    },
+    "error_database_closed_title": "%(brand)s lõpetas ootamatult töö",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Jututoa lingi kopeerimine lõikelauale ei õnnestunud.",
+            "title": "Jututoa lingi kopeerimine ei õnnestu"
+        },
+        "error_loading_user_profile": "Kasutajaprofiili laadimine ei õnnestunud",
+        "forget_room_failed": "Jututoa unustamine ei õnnestunud %(errCode)s"
+    },
+    "error_user_not_logged_in": "Kasutaja pole võrku loginud",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Kõne on pooleli",
+            "user": "%(senderName)s liitus kõnega",
+            "you": "Sina liitusid kõnega"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s lõpetas kõne",
+            "you": "Sina lõpetasid kõne"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s helistab",
+            "dm_send": "Ootan kõnele vastamist",
+            "user": "%(senderName)s alustas kõnet",
+            "you": "Sa alustasid kõnet"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s reageeris %(message)s sõnumile %(reaction)s'ga",
+            "you": "Sa reageerisid %(message)s sõnumile %(reaction)s'ga"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Helifail",
+            "file": "Fail",
+            "image": "Pilt",
+            "poll": "Küsitlus",
+            "video": "Video"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Eksport on katkestatud",
+        "cancelled_detail": "Ekspordi tühistamine õnnestus",
+        "confirm_stop": "Kas sa oled kindel, et soovid oma andmete eksporti katkestada? Kui nii toimid, siis pead hiljem uuesti alustama.",
+        "creating_html": "Loon HTML-faile…",
+        "creating_output": "Loome väljundit…",
+        "creator_summary": "%(creatorName)s lõi selle jututoa.",
+        "current_timeline": "Praegune ajajoon",
+        "enter_number_between_min_max": "Sisesta number %(min)s ja %(max)s vahemikust",
+        "error_fetching_file": "Viga faili laadimisel",
+        "export_info": "See on <roomName/> jututoast eksporditud andmekogu. Viited: <exporterDetails/>, %(exportDate)s.",
+        "export_successful": "Eksport õnnestus!",
+        "exported_n_events_in_time": {
+            "one": "Eksporditud %(count)s sündmus %(seconds)s sekundiga",
+            "other": "Eksporditud %(count)s sündmust %(seconds)s sekundiga"
+        },
+        "exporting_your_data": "Ekspordin sinu andmeid",
+        "fetched_n_events": {
+            "one": "%(count)s sündmust laaditud",
+            "other": "%(count)s sündmust laaditud"
+        },
+        "fetched_n_events_in_time": {
+            "one": "%(count)s sündmus laaditud %(seconds)s sekundiga",
+            "other": "%(count)s sündmust laaditud %(seconds)s sekundiga"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Laadisin %(count)s / %(total)s sündmust",
+            "other": "Laadisin %(count)s / %(total)s sündmust"
+        },
+        "fetching_events": "Laadime sündmusi…",
+        "file_attached": "Fail on manustatud",
+        "format": "Vorming",
+        "from_the_beginning": "Algusest alates",
+        "generating_zip": "Pakin ZIP faili",
+        "html": "HTML",
+        "html_title": "Eksporditud andmed",
+        "include_attachments": "Kaasa manused",
+        "json": "JSON",
+        "media_omitted": "Osa meediat jäi eksportimata",
+        "media_omitted_file_size": "Osa meediat jäi vahele failisuuruse piirangu tõttu",
+        "messages": "Sõnumid",
+        "next_page": "Järgmine sõnumite grupp",
+        "num_messages": "Sõnumite arv",
+        "num_messages_min_max": "Sõnumite arv saab olla ainult number%(min)s ja %(max)s vahemikust",
+        "number_of_messages": "Määra sõnumite arv",
+        "previous_page": "Eelmine sõnumite grupp",
+        "processing": "Töötlemisel…",
+        "processing_event_n": "Sündmuste töötlemine %(number)s / %(total)s",
+        "select_option": "Kui soovid oma ajajoonelt mõnda vestlust eksportida, siis vali tingimused alljärgnevalt",
+        "size_limit": "Andmemahu piir",
+        "size_limit_min_max": "Suurus saab olla number %(min)s MB ja %(max)s MB vahemikust",
+        "size_limit_postfix": "MB",
+        "starting_export": "Alustame eksportimist…",
+        "successful": "Eksport õnnestus",
+        "successful_detail": "Sinu andmete eksport õnnestus. Faili leiad tavapärasest allalaadimiste kaustast.",
+        "text": "Vormindamata tekst",
+        "title": "Ekspordi vestlus",
+        "topic": "Teema: %(topic)s",
+        "unload_confirm": "Kas sa oled kindel, et soovid lõpetada tegevuse selle ekspordi ajal?"
+    },
+    "failed_load_async_component": "Laadimine ei õnnestunud! Kontrolli oma võrguühendust ja proovi uuesti.",
+    "feedback": {
+        "can_contact_label": "Kui sul on lisaküsimusi, siis vastan neile hea meelega",
+        "comment_label": "Kommentaar",
+        "existing_issue_link": "Palun esmalt vaata, kas <existingIssuesLink>Githubis on selline viga juba kirjeldatud</existingIssuesLink>. Sa ei leidnud midagi? <newIssueLink>Siis saada uus veateade</newIssueLink>.",
+        "may_contact_label": "Võid minuga ühendust võtta, kui soovid jätkata mõttevahetust või lasta mul tulevasi ideid katsetada",
+        "platform_username": "Lisame sinu kommentaaridele ka kasutajanime ja operatsioonisüsteemi.",
+        "pro_type": "SOOVITUS: Kui sa koostad uut veateadet, siis meil on lihtsam vea põhjuseni leida, kui sa lisad juurde ka <debugLogsLink>silumislogid</debugLogsLink>.",
+        "send_feedback_action": "Saada tagasiside",
+        "sent": "Tagasiside on saadetud"
+    },
+    "file_panel": {
+        "empty_description": "Faile saad manuseks lisada kas vastava nupu alt vestlusest või sikutades neid jututoa aknasse.",
+        "empty_heading": "Selles jututoas pole nähtavaid faile",
+        "guest_note": "Selle funktsionaalsuse kasutamiseks pead sa <a>registreeruma</a>",
+        "peek_note": "Failide nägemiseks pead jututoaga liituma"
+    },
+    "forward": {
+        "filter_placeholder": "Otsi jututubasid või inimesi",
+        "message_preview_heading": "Sõnumi eelvaade",
+        "no_perms_title": "Sul puuduvad selleks toiminguks õigused",
+        "open_room": "Ava jututuba",
+        "send_label": "Saada",
+        "sending": "Saadan",
+        "sent": "Saadetud"
+    },
+    "identity_server": {
+        "change": "Muuda isikutuvastusserverit",
+        "change_prompt": "Kas katkestame ühenduse <current /> isikutuvastusserveriga ning selle asemel loome uue ühenduse serveriga <new />?",
+        "change_server_prompt": "Kui sa ei soovi kasutada <server /> serverit, et olla leitav ja ise leida sinule teadaolevaid inimesi, siis sisesta alljärgnevalt mõni teine isikutuvastusserver.",
+        "changed": "Sinu kasutatav isikutuvastusserver on muutunud",
+        "checking": "Kontrollin serverit",
+        "description_connected": "Sa hetkel kasutad <server></server> serverit, et olla leitav ja ise leida sinule teadaolevaid inimesi. Alljärgnevalt saad sa muuta oma isikutuvastusserverit.",
+        "description_disconnected": "Sa hetkel ei kasuta isikutuvastusserverit. Et olla leitav ja ise leida sinule teadaolevaid inimesi seadista ta alljärgnevalt.",
+        "description_optional": "Isikutuvastusserveri kasutamine ei ole kohustuslik. Kui sa seda ei tee, siis sa ei ole leitav teiste kasutajate poolt ega sulle ei saa telefoninumbri või e-posti aadressi alusel kutset saata. Küll aga saab kutset saata Matrix'i kasutajatunnuse alusel.",
+        "disconnect": "Katkesta ühendus isikutuvastusserveriga",
+        "disconnect_anyway": "Ikkagi katkesta ühendus",
+        "disconnect_offline_warning": "Sa peaksid enne ühenduse katkestamisst <b>eemaldama isiklikud andmed</b> id-serverist <idserver />. Kahjuks id-server <idserver /> ei ole hetkel võrgus või pole kättesaadav.",
+        "disconnect_personal_data_warning_1": "Sa jätkuvalt <b>jagad oma isikuandmeid</b> isikutuvastusserveriga <idserver />.",
+        "disconnect_personal_data_warning_2": "Me soovitame, et eemaldad enne ühenduse katkestamist oma e-posti aadressi ja telefoninumbrid isikutuvastusserverist.",
+        "disconnect_server": "Kas katkestame ühenduse isikutuvastusserveriga <idserver />?",
+        "disconnect_warning": "Isikutuvastusserveri kasutamise lõpetamine tähendab, et sa ei ole leitav teiste kasutajate poolt ega sulle ei saa telefoninumbri või e-posti aadressi alusel kutset saata. Küll aga saab kutset saata Matrix'i kasutajatunnuse alusel.",
+        "do_not_use": "Ära kasuta isikutuvastusserverit",
+        "error_connection": "Ei saanud ühendust isikutuvastusserveriga",
+        "error_invalid": "See ei ole sobilik isikutuvastusserver (staatuskood %(code)s)",
+        "error_invalid_or_terms": "Kas puudub nõustumine kasutustingimustega või on isikutuvastusserver vale.",
+        "no_terms": "Sinu valitud isikutuvastusserveril pole kasutustingimusi.",
+        "suggestions": "Sa peaksid:",
+        "suggestions_1": "kontrollima kas mõni brauseriplugin takistab ühendust isikutuvastusserveriga (nagu näiteks Privacy Badger)",
+        "suggestions_2": "võtma ühendust isikutuvastusserveri <idserver /> haldajaga",
+        "suggestions_3": "oota ja proovi hiljem uuesti",
+        "url": "Isikutuvastusserver %(server)s",
+        "url_field_label": "Sisesta uue isikutuvastusserveri nimi",
+        "url_not_https": "Isikutuvastusserveri URL peab kasutama HTTPS-protokolli"
+    },
+    "in_space": "Kogukonnas %(spaceName)s.",
+    "in_space1_and_space2": "Kogukondades %(space1Name)s ja %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "Kogukonnas %(spaceName)s ja veel %(count)s's kogukonnas.",
+        "other": "Kogukonnas %(spaceName)s ja %(count)s's muus kogukonnas."
+    },
+    "incompatible_browser": {
+        "continue": "Jätka ikkagi",
+        "description": "%(brand)s kasutab sellist funktsionaalsust, mida ei leidu sinu brauseris. %(detail)s",
+        "detail_can_continue": "Kui jätkad, siis mingi osa funktsionaalsusest ei pruugi enam toimida ja tekib risk, et kaotad tulevikus osa andmetest.",
+        "detail_no_continue": "Kui sa ei pruugi brauseri viimast versiooni, siis proovi teda uuendada ja katseta uuesti.",
+        "learn_more": "Lisateave",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "Kõige paremini toimib veebirakendus brauserites <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge> ja <Safari>Safari</Safari>.",
+        "title": "Sellele brauserile puudub tugi",
+        "use_desktop_heading": "Selle asemel kasuta %(brand)s töölauaversiooni",
+        "use_mobile_heading": "Selle asemel kasuta %(brand)s nutiseadmeversiooni",
+        "use_mobile_heading_after_desktop": "Või kasuta meie rakendust nutiseadmetele",
+        "windows_64bit": "Windows (64-bitine)",
+        "windows_arm_64bit": "Windows (64-bitine ARM-platvormil)"
+    },
+    "info_tooltip_title": "Teave",
+    "integration_manager": {
+        "connecting": "Ühendamisel lõiminguhalduriga…",
+        "error_connecting": "Lõiminguhaldur kas ei tööta või ei õnnestu tal teha päringuid sinu koduserveri suunas.",
+        "error_connecting_heading": "Ei saa ühendust lõiminguhalduriga",
+        "explainer": "Lõiminguhalduritel on laiad volitused - nad võivad sinu nimel lugeda seadistusi, kohandada vidinaid, saata jututubade kutseid ning määrata õigusi.",
+        "manage_title": "Halda lõiminguid",
+        "toggle_label": "Kasuta lõimingute haldurit",
+        "use_im": "Robotite, vidinate ja kleepsupakkide seadistamiseks kasuta lõiminguhaldurit.",
+        "use_im_default": "Robotite, vidinate ja kleepsupakkide jaoks kasuta lõiminguhaldurit <b>(%(serverName)s)</b>."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Selle tegevuse kasutuselevõetuks lülita seadetes sisse „%(manageIntegrations)s“ valik.",
+        "disabled_dialog_title": "Lõimingud ei ole kasutusel",
+        "impossible_dialog_description": "Sinu %(brand)s ei võimalda selle tegevuse jaoks kasutada lõiminguhaldurit. Palun küsi lisateavet serveri haldajalt.",
+        "impossible_dialog_title": "Lõimingute kasutamine ei ole lubatud"
+    },
+    "invite": {
+        "confirm_unknown_users": {
+            "invite_subtitle": "Sul pole hetkel nende kontaktidega ühtegi vestlust. Enne jätkamist kinnita neile siia jututuppa kutse saatmine.",
+            "invite_title": "Kas kutsud uued kontaktid siia jututuppa?",
+            "start_chat_subtitle_multiple_users": "Sul pole hetkel nendega inimestega ühtegi vestlust. Enne jätkamist kinnita neile kutse saatmine.",
+            "start_chat_subtitle_one_user": "Sul pole hetkel selle inimesega ühtegi vestlust. Enne jätkamist kinnita talle kutse saatmine.",
+            "start_chat_title_multiple_users": "Kas alustad vestlust nende uute kontaktidega?",
+            "start_chat_title_one_user": "Kas alustad vestlust selle uue kontaktiga?"
+        },
+        "email_caption": "Saada kutse e-kirjaga",
+        "email_limit_one": "Kutseid saad e-posti teel saata vaid ükshaaval",
+        "email_use_default_is": "E-posti teel kutse saatmiseks kasuta isikutuvastusserverit. Võid kasutada <default>vaikimisi serverit (%(defaultIdentityServerName)s)</default> või määrata muud serverid <settings>seadistustes</settings>.",
+        "email_use_is": "Kasutajatele e-posti teel kutse saatmiseks pruugi isikutuvastusserverit. Täpsemalt saad seda <settings>hallata seadistustes</settings>.",
+        "error_already_invited_room": "Sellel kasutajal juba on kutse siia jututuppa",
+        "error_already_invited_space": "Sellel kasutajal juba on kutse siia kogukonda",
+        "error_already_joined_room": "Kasutaja juba on jututoa selle liige",
+        "error_already_joined_space": "Kasutaja juba on kogukonna selle liige",
+        "error_bad_state": "Enne kutse saatmist peab kasutajalt olema eemaldatud ligipääsukeeld.",
+        "error_dm": "Otsesuhtluse loomine ei õnnestunud.",
+        "error_find_room": "Kasutajatele kutse saatmisel läks midagi viltu.",
+        "error_find_user_description": "Järgmisi kasutajanimesid pole olemas või on vigaselt kirjas ning seega ei saa neile kutset saata: %(csvNames)s",
+        "error_find_user_title": "Järgnevaid kasutajaid ei õnnestunud leida",
+        "error_invite": "Meil ei õnnestunud neile kasutajatele kutset saata. Palun kontrolli, keda soovid kutsuda ning proovi uuesti.",
+        "error_permissions_room": "Sul pole õigusi siia jututuppa osalejate kutsumiseks.",
+        "error_permissions_space": "Sul pole õigusi siia kogukonda osalejate kutsumiseks.",
+        "error_profile_undisclosed": "Kasutaja võib olla, aga ka võib mitte olla olemas",
+        "error_transfer_multiple_target": "Kõnet on võimalik edasi suunata vaid ühele kasutajale.",
+        "error_unfederated_room": "See jututuba on föderatsioonita. Sa ei saa kutsuda inimesi välistest serveritest.",
+        "error_unfederated_space": "See kogukond on föderatsioonita. Sa ei saa kutsuda inimesi välistest serveritest.",
+        "error_unknown": "Tundmatu serveriviga",
+        "error_user_not_found": "Sellist kasutajat pole olemas",
+        "error_version_unsupported_room": "Kasutaja koduserver ei toeta selle jututoa versiooni.",
+        "error_version_unsupported_space": "Kasutaja koduserver ei toeta selle kogukonna versiooni.",
+        "failed_generic": "Toiming ei õnnestunud",
+        "failed_title": "Kutse saatmine ei õnnestunud",
+        "invalid_address": "Tundmatu aadress",
+        "name_email_mxid_share_room": "Kutsu teist osapoolt tema nime, e-posti aadressi, kasutajanime (nagu <userId/>) alusel või <a>jaga seda jututuba</a>.",
+        "name_email_mxid_share_space": "Kutsu teist osapoolt tema nime, e-posti aadressi, kasutajanime (nagu <userId/>) alusel või <a>jaga seda kogukonda</a>.",
+        "name_mxid_share_room": "Kutsu kedagi tema nime, kasutajanime (nagu <userId/>) alusel või <a>jaga seda jututuba</a>.",
+        "name_mxid_share_space": "Kutsu kedagi tema nime, kasutajanime (nagu <userId/>) alusel või <a>jaga seda kogukonda</a>.",
+        "progress": {
+            "dont_close": "Palun ära sulge vaadet enne kui tegevus pole lõppenud.",
+            "preparing": "Valmistan kutseid ette..."
+        },
+        "recents_section": "Hiljutised vestlused",
+        "room_failed_partial": "Teised kasutajad said kutse, kuid allpool toodud kasutajatele ei õnnestunud saata kutset <RoomName/> jututuppa",
+        "room_failed_partial_title": "Mõnede kutsete saatmine ei õnnestunud",
+        "room_failed_title": "Kasutajate kutsumine %(roomName)s jututuppa ei õnnestunud",
+        "send_link_prompt": "Või saada kutse link",
+        "start_conversation_name_email_mxid_prompt": "Alusta vestlust kasutades teise osapoole nime, e-posti aadressi või kasutajanime (näiteks <userId/>).",
+        "start_conversation_name_mxid_prompt": "Alusta vestlust kasutades teise osapoole nime või kasutajanime (näiteks <userId/>).",
+        "suggestions_disclaimer": "Mõned soovitused võivad privaatsusseadistuste tõttu olla peidetud.",
+        "suggestions_disclaimer_prompt": "Kui sa ei leia otsitavaid, siis saada neile kutse.",
+        "suggestions_section": "Viimased otsesõnumite saajad",
+        "to_room": "Kutsu jututuppa %(roomName)s",
+        "to_space": "Kutsu kogukonda %(spaceName)s",
+        "transfer_dial_pad_tab": "Numbriklahvistik",
+        "transfer_user_directory_tab": "Kasutajate kataloog",
+        "unable_find_profiles_description_default": "Allpool loetletud Matrix'i kasutajatunnustele ei leidunud profiile. Kas sa ikkagi tahaksid neile kutse saata?",
+        "unable_find_profiles_invite_label_default": "Kutsu siiski",
+        "unable_find_profiles_invite_never_warn_label_default": "Kutsu siiski ja ära hoiata mind enam",
+        "unable_find_profiles_title": "Järgnevaid kasutajaid ei pruugi olla olemas",
+        "unban_first_title": "Kasutajale ei saa kutset saata enne, kui temalt on suhtluskeeld eemaldatud"
+    },
+    "inviting_user1_and_user2": "Saadame kutset kasutajatele %(user1)s ja %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Saadame kutset kasutajale %(user)s ning veel ühele muule kasutajale",
+        "other": "Saadame kutset kasutajale %(user)s ja veel %(count)s'le muule kasutajale"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> ja %(count)s muud",
+        "one": "<Items/> ja üks muu"
+    },
+    "keyboard": {
+        "activate_button": "Aktiveeri valitud nupp",
+        "alt": "Alt",
+        "autocomplete_cancel": "Lülita automaatne sõnalõpetus välja",
+        "autocomplete_force": "Sunni lõpetama",
+        "autocomplete_navigate_next": "Järgmine sisestussoovitus",
+        "autocomplete_navigate_prev": "Eelmine sisestussoovitus",
+        "backspace": "Tagasisammuklahv",
+        "cancel_reply": "Tühista sõnumile vastamine",
+        "category_autocomplete": "Automaatne sõnalõpetus",
+        "category_calls": "Kõned",
+        "category_navigation": "Navigeerimine",
+        "category_room_list": "Jututubade loend",
+        "close_dialog_menu": "Sulge dialoogiaken või kontekstimenüü",
+        "composer_jump_end": "Hüppa sõnumite kirjutamise vaate lõppu",
+        "composer_jump_start": "Hüppa sõnumite kirjutamise vaate algusesse",
+        "composer_navigate_next_history": "Mine muutmisvaate ajaloos järgmise sõnumi juurde",
+        "composer_navigate_prev_history": "Mine muutmisvaate ajaloos eelmise sõnumi juurde",
+        "composer_new_line": "Reavahetus",
+        "composer_redo": "Korda muudatust",
+        "composer_toggle_bold": "Lülita paks kiri sisse/välja",
+        "composer_toggle_code_block": "Lülita koodiblokk sisse/välja",
+        "composer_toggle_italics": "Lülita kaldkiri sisse/välja",
+        "composer_toggle_link": "Lülita link sisse/välja",
+        "composer_toggle_quote": "Lülita tsiteerimine sisse/välja",
+        "composer_undo": "Võta muudatus tagasi",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Ära arvesta loetud sõnumite järjehoidjat ning mine kõige lõppu",
+        "end": "End",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Avalehele",
+        "home": "Home",
+        "jump_first_message": "Mine esimese sõnumi juurde",
+        "jump_last_message": "Mine viimase sõnumi juurde",
+        "jump_room_search": "Suundu jututoa otsingusse",
+        "jump_to_read_marker": "Mine vanima lugemata sõnumi juurde",
+        "keyboard_shortcuts_tab": "Ava see seadistuste vaates",
+        "navigate_next_history": "Järgmine viimati külastatud jututuba või kogukond",
+        "navigate_next_message_edit": "Muutmiseks liigu järgmise sõnumi juurde",
+        "navigate_prev_history": "Eelmine viimati külastatud jututuba või kogukond",
+        "navigate_prev_message_edit": "Muutmiseks liigu eelmise sõnumi juurde",
+        "next_landmark": "Mine kasutajaliidese järgmise olulise tähise juurde",
+        "next_room": "Järgmine otsevestlus või jututuba",
+        "next_unread_room": "Järgmine lugemata otsevestlus või jututuba",
+        "number": "[number]",
+        "open_user_settings": "Ava kasutaja seadistused",
+        "page_down": "Page Down",
+        "page_up": "Page Up",
+        "prev_landmark": "Mine kasutajaliidese eelmise olulise tähise juurde",
+        "prev_room": "Eelmine otsevestlus või jututuba",
+        "prev_unread_room": "Eelmine lugemata otsevestlus või jututuba",
+        "room_list_collapse_section": "Ahenda jututubade loendi valikut",
+        "room_list_expand_section": "Laienda jututubade loendi valikut",
+        "room_list_navigate_down": "Suundu jututubade loendis alla",
+        "room_list_navigate_up": "Suundu jututubade loendis üles",
+        "room_list_select_room": "Vali tubade loendist jututuba",
+        "save": "Salvesta",
+        "scroll_down_timeline": "Liigu ajajoonel alla",
+        "scroll_up_timeline": "Liigu ajajoonel üles",
+        "search": "Otsing (peab olema lubatud)",
+        "send_sticker": "Saada kleeps",
+        "shift": "Shift",
+        "space": "Tühikuklahv",
+        "switch_to_space": "Vaata kogukonda tema numbri alusel",
+        "toggle_hidden_events": "Lülita peidetud sündmuste näitamine sisse/välja",
+        "toggle_microphone_mute": "Lülita mikrofoni summutamine sisse/välja",
+        "toggle_right_panel": "Lülita parem paan sisse/välja",
+        "toggle_space_panel": "Lülita kogukondade paan sisse/välja",
+        "toggle_top_left_menu": "Lülita ülemine vasak menüü sisse/välja",
+        "toggle_webcam_mute": "Lülita veebikaamera sisse/välja",
+        "upload_file": "Laadi fail üles"
+    },
+    "labs": {
+        "ask_to_join": "Võta kasutusele liitumine kasutaja sooviavalduse alusel",
+        "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.",
+        "beta_feedback_title": "%(featureName)s beetaversiooni tagasiside",
+        "beta_section": "Tulevikus lisanduvad funktsionaalsused",
+        "bridge_state": "Näita jututoa seadistustes teavet sõnumisildade kohta",
+        "bridge_state_channel": "Kanal: <channelLink/>",
+        "bridge_state_creator": "Selle võrgusilla võttis kasutusele <user />.",
+        "bridge_state_manager": "Seda võrgusilda haldab <user />.",
+        "bridge_state_workspace": "Tööruum: <networkLink/>",
+        "click_for_info": "Lisateabe jaoks klõpsi",
+        "config_only": "Saab sisselülitada ainult config.json failist.",
+        "currently_experimental": "Parasjagu katsejärgus.",
+        "custom_themes": "Kohandatud kujunduste lisamise võimalus",
+        "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>.",
+        "experimental_section": "Varased arendusjärgud",
+        "extended_profiles_msc_support": "See eeldab, et koduserver toetab MSC4133 spetsifikatsiooni",
+        "feature_disable_call_per_sender_encryption": "Lülita Element Call'i kasutamisel krüptimine kasutajakohaselt välja",
+        "feature_retention": {
+            "description": "Selle seadistusega saad jututoast sõnumeid automaatselt eemaldada etteantud ajavahemiku möödumisel. Hetkel on toetatud vaid lugemise seadistused.",
+            "disabled_sliding_sync": "Kui järkjärgulise sünkroonimine on kasutusel, siis sõnumise säilitamise reegleid ei saa sisse lülitada.",
+            "display_name": "Sõnumite säilitamine"
+        },
+        "feature_user_status": {
+            "description": "Võimaldab näha praegust olekut ja muuta seda",
+            "display_name": "Kasutaja olek",
+            "required_msc_support": "Eeldab MSC4429 kasutamist (Profiilide uuendused pärandsünkroonimisel)"
+        },
+        "feature_wysiwyg_composer_description": "Sõnumite kirjutamisel kasuta Markdown'i asemel täisfunktsionaalset küljendust.",
+        "group_developer": "Arendajad",
+        "group_encryption": "Krüptimine",
+        "group_experimental": "Katsed",
+        "group_messaging": "Sõnumisuhtlus",
+        "group_moderation": "Modereerimine",
+        "group_profile": "Profiil",
+        "group_rooms": "Jututoad",
+        "group_spaces": "Kogukonnad",
+        "group_themes": "Kujundused",
+        "group_threads": "Jutulõngad",
+        "group_ui": "Kasutajaliides",
+        "group_voip": "Heli ja video",
+        "group_widgets": "Vidinad",
+        "hidebold": "Peida teavituse täpp (ja näita loendure)",
+        "join_beta": "Hakka kasutama beetaversiooni",
+        "join_beta_reload": "Beeta-funktsionaalsuste kasutusele võtmisel laadime uuesti rakenduse %(brand)s.",
+        "jump_to_date": "Võimalda kuupäeva valida (lisab /jumptodate käsu ja kuupäeva valimisega seotud päisekirjed)",
+        "jump_to_date_msc_support": "Eeldab, et sinu koduserver toetab MSC3030 spetsifikatsiooni",
+        "latex_maths": "Sõnumites visualiseeri LaTeX-vormingus matemaatikat",
+        "leave_beta": "Lõpeta beetaversiooni kasutamine",
+        "leave_beta_reload": "Beeta-funktsionaalsuste kasutamise lõpetamisel laadime uuesti rakenduse %(brand)s.",
+        "location_share_live": "Asukoha jagamine reaalajas",
+        "location_share_live_description": "Tegemist on ajutise ja esialgse lahendusega: asukohad on jututoa ajaloos näha.",
+        "login_with_qr": "Logi sisse QR-koodiga",
+        "mjolnir": "Uued võimalused osalejate eiramiseks",
+        "msc3531_hide_messages_pending_moderation": "Luba modereerimist ootavate sõnumite peitmist.",
+        "notification_settings": "Uued teavituste seadistused",
+        "notification_settings_beta_caption": "Võtame kasutusele senisest lihtsama viisi teavituste seadistamiseks. Kohanda rakendust %(brand)s nii nagu soovid.",
+        "notification_settings_beta_title": "Teavituste seadistused",
+        "notifications": "Kasuta jututoa päises teavituste riba",
+        "render_reaction_images": "Kujuta reaktsioonides ka kohandatud pilte",
+        "render_reaction_images_description": "Mõnikord nimetatakse neid ka „kohandatud emotikonideks“.",
+        "sliding_sync": "Järkjärgulise sünkroonimise režiim",
+        "sliding_sync_description": "Aktiivselt arendamisel ega ole võimalik välja lülitada.",
+        "sliding_sync_disabled_notice": "Väljalülitamiseks logi uuesti sisse",
+        "sliding_sync_server_no_support": "Selle funktsionaalsuse tugi on sinu koduserveris puudu!",
+        "unrealiable_e2e": "Krüptitud jututubades pole see töökindel",
+        "url_preview_bundle": "Võrguaadresside lõimitud eelvaated (MSC4095)",
+        "url_preview_bundle_description": "Võid saata võrguaadresside eelvaateid osana sõnumist",
+        "video_rooms": "Videotoad",
+        "video_rooms_a_new_way_to_chat": "Uus võimalus videovestlusteks rakenduses %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Videotoad on kogu aeg saadaval VoIP kanalid, mis on lõimitud jututubadega ja kasutatavad rakenduses %(brand)s.",
+        "video_rooms_beta": "Videotoad on veel beeta-funktsionaalsus",
+        "video_rooms_faq1_answer": "Klõpsi vasakus paanis jututubade loendis leiduvat „+“ nuppu.",
+        "video_rooms_faq1_question": "Kuidas ma saan luua videotoa?",
+        "video_rooms_faq2_answer": "Jah, tekstivestluse ajajoon on kuvatud videovaate kõrval.",
+        "video_rooms_faq2_question": "Kas ma saan videokõne ajal ka tekstisõnumeid saata?",
+        "video_rooms_feedbackSubheading": "Täname, et proovid beetaversiooni, palun kirjelda nii palju üksikasju kui võimalik, et saaksime seda funktsionaalsust täiustada.",
+        "wysiwyg_composer": "Kujundatud teksti toimeti"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Need seadistused on mõeldud kogenud kasutajatele.",
+        "ban_reason": "Eiratud või ligipääs blokeeritud",
+        "error_adding_ignore": "Viga eiratud kasutaja või serveri lisamisel",
+        "error_adding_list_description": "Palun kontrolli, kas jututoa tunnus või aadress on õiged ja proovi uuesti.",
+        "error_adding_list_title": "Viga loendiga liitumisel",
+        "error_removing_ignore": "Viga eiratud kasutaja või serveri eemaldamisel",
+        "error_removing_list_description": "Palun proovi uuesti või otsi lisavihjeid konsoolilt.",
+        "error_removing_list_title": "Viga loendist lahkumisel",
+        "explainer_1": "Lisa siia kasutajad ja serverid, mida sa soovid eirata. Kui soovid, et %(brand)s kasutaks üldist asendamist, siis kasuta tärni. Näiteks <code>@bot:*</code> eirab kõikide serverite kasutajat 'bot'.",
+        "explainer_2": "Kasutajate eiramine toimub ligipääsukeelu reeglite loendite alusel ning seal on kirjas blokeeritavad kasutajad, jututoad või serverid. Sellise loendi kasutusele võtmine tähendab et blokeeritud kasutajad või serverid ei ole sulle nähtavad.",
+        "lists": "Sa oled hetkel liitunud:",
+        "lists_description_1": "Ligipääsukeelu reeglite loendi tellimine tähendab sellega liitumist!",
+        "lists_description_2": "Kui tulemus pole see mida soovisid, siis pruugi muud vahendit kasutajate eiramiseks.",
+        "lists_heading": "Tellitud loendid",
+        "lists_new_label": "Ligipääsukeelu reeglite loendi jututoa tunnus või aadress",
+        "no_lists": "Sa ei ole liitunud ühegi loendiga",
+        "personal_description": "Sinu isiklikus ligipääsukeelu reeglite loendis on kõik kasutajad ja serverid, kellelt sa ei soovi sõnumeid saada. Peale esimese kasutaja või serveri blokeerimist tekib sinu jututubade loendisse uus jututuba „%(myBanList)s“ ning selle jõustamiseks ära logi nimetatud jututoast välja.",
+        "personal_empty": "Sa ei ole veel kedagi eiranud.",
+        "personal_heading": "Minu isiklik ligipääsukeelu reeglite loend",
+        "personal_new_label": "Serverid või kasutajate tunnused, mida soovid eirata",
+        "personal_new_placeholder": "näiteks: @bot:* või example.org",
+        "personal_section": "Hetkel eiratavate kasutajate loend:",
+        "room_name": "Minu poolt seatud ligipääsukeeldude loend",
+        "room_topic": "See on sinu serverite ja kasutajate ligipääsukeeldude loend. Palun ära lahku sellest jututoast!",
+        "rules_empty": "Ei ühelgi juhul",
+        "rules_server": "Serveri kasutustingimused",
+        "rules_title": "Ligipääsukeelu reeglid - %(roomName)s",
+        "rules_user": "Kasutajaga seotud tingimused",
+        "something_went_wrong": "Midagi läks valesti. Proovi uuesti või otsi lisavihjeid konsoolilt.",
+        "title": "Eiratud kasutajad",
+        "view_rules": "Näita reegleid"
+    },
+    "language_dropdown_label": "Keelevalik",
+    "leave_room_dialog": {
+        "last_person_warning": "Sa oled siin viimane osaleja. Kui sa nüüd lahkud, siis mitte keegi, kaasa arvatud sa ise, ei saa hiljem enam liituda.",
+        "leave_room_question": "Kas oled kindel, et soovid lahkuda jututoast „%(roomName)s“?",
+        "leave_space_question": "Kas oled kindel, et soovid lahkuda kogukonnast „%(spaceName)s“?",
+        "room_leave_admin_warning": "Sa oled ainus selle jututoa haldaja. Kui sa siit lahkud, ei saa keegi teine jututoa seadistusi muuta ega muid olulisi toiminguid teha.",
+        "room_leave_mod_warning": "Sa oled ainus moderaator selles jututoas. Kui sa siis lahkud, ei saa keegi teine jututoa seadistusi muuta ega muid olulisi toiminguid teha.",
+        "room_rejoin_warning": "See ei ole avalik jututuba. Ilma kutseta sa ei saa uuesti liituda.",
+        "space_rejoin_warning": "See ei ole avalik kogukond. Ilma kutseta sa ei saa uuesti liituda."
+    },
+    "lightbox": {
+        "rotate_left": "Pööra vasakule",
+        "rotate_right": "Pööra paremale",
+        "title": "Pildivaade"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "See koduserver pole seadistatud kuvama kaarte.",
+        "MapStyleUrlNotReachable": "See koduserver kas pole korrektselt seadistatud kuvama kaarte või seadistatud kaardiserver ei tööta.",
+        "WebGLNotEnabled": "Kaartide kuvamiseks on vajalik WebGL, seega palun luba WebGL'i kasutamine oma veebibrauseri seadistustes.",
+        "click_drop_pin": "Asukoha märkimiseks klõpsi",
+        "click_move_pin": "Asukoha teisaldamiseks klõpsi",
+        "close_sidebar": "Sulge külgpaan",
+        "error_fetch_location": "Asukoha tuvastamine ei õnnestunud",
+        "error_no_perms_description": "Selles jututoas asukoha jagamiseks peavad sul olema vastavad õigused.",
+        "error_no_perms_title": "Sul pole vajalikke õigusi asukoha jagamiseks",
+        "error_send_description": "%(brand)s ei saanud sinu asukohta edastada. Palun proovi hiljem uuesti.",
+        "error_send_title": "Sinu asukoha saatmine ei õnnestunud",
+        "error_sharing_live_location": "Sinu asukoha jagamisel reaalajas tekkis viga",
+        "error_stopping_live_location": "Sinu asukoha reaalajas jagamise lõpetamisel tekkis viga",
+        "expand_map": "Kuva kaart laiemana",
+        "failed_generic": "Asukoha tuvastamine ei õnnestunud. Palun proovi hiljem uuesti.",
+        "failed_load_map": "Kaardi laadimine ei õnnestu",
+        "failed_permission": "%(brand)s ei saanud asukohta tuvastada. Palun luba vastavad õigused brauseri seadistustes.",
+        "failed_timeout": "Asukoha tuvastamine ei õnnestunud päringu aegumise tõttu. Palun proovi hiljem uuesti.",
+        "failed_unknown": "Asukoha tuvastamine ei õnnestunud teadmaata põhjusel. Palun proovi hiljem uuesti.",
+        "find_my_location": "Leia minu asukoht",
+        "live_description": "%(displayName)s asukoht reaalajas",
+        "live_enable_description": "Palun arvesta järgnevaga: see katseline funktsionaalsus kasutab ajutist lahendust. See tähendab, et sa ei saa oma asukoha jagamise ajalugu kustutada ning heade arvutioskustega kasutajad saavad näha sinu asukohta ka siis, kui sa oled oma asukoha jagamise selles jututoas lõpetanud.",
+        "live_enable_heading": "Asukoha jagamine reaalajas",
+        "live_location_active": "Sa jagad oma asukohta reaalajas",
+        "live_location_enabled": "Reaalajas asukoha jagamine on kasutusel",
+        "live_location_ended": "Reaalajas asukoha jagamine on lõppenud",
+        "live_location_error": "Viga asukoha jagamisel reaalajas",
+        "live_locations_empty": "Reaalajas asukohad puuduvad",
+        "live_share_button": "Jaga nii kaua - %(duration)s",
+        "live_toggle_label": "Luba asukohta jagada reaalajas",
+        "live_until": "Kuvamine toimib kuni %(expiryTime)s",
+        "live_update_time": "Uuendatud %(humanizedUpdateTime)s",
+        "loading_live_location": "Reaalajas asukoht on laadimisel…",
+        "location_not_available": "Asukoht pole leitav",
+        "map_feedback": "Tagasiside kaardi kohta",
+        "mapbox_logo": "Mapbox'i logo",
+        "reset_bearing": "Kasuta põhjasuunda",
+        "share_button": "Jaga asukohta",
+        "share_type_live": "Minu asukoht reaalajas",
+        "share_type_own": "Minu praegune asukoht",
+        "share_type_pin": "Märgi nööpnõelaga",
+        "share_type_prompt": "Missugust asukohta sa soovid jagada?",
+        "toggle_attribution": "Lülita omistamine sisse või välja"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s liige",
+            "other": "%(count)s liiget"
+        },
+        "filter_placeholder": "Filtreeri jututoa liikmeid",
+        "invite_button_no_perms_tooltip": "Sul pole õigusi kutse saatmiseks teistele kasutajatele",
+        "invited_label": "Kutsutud",
+        "list_title": "Liikmete loend",
+        "no_matches": "Vasteid pole"
+    },
+    "member_list_back_action_label": "Jututoa liikmed",
+    "message_edit_dialog_title": "Sõnumite muutmised",
+    "migrating_crypto": "Oota veel üks viiv. Meil on pooleli %(brand)s uuendamine, misjärel kasutatav krüpto on kiirem ja töökindlam.",
+    "mobile_guide": {
+        "toast_accept": "Kasuta rakendust",
+        "toast_description": "%(brand)s toimib nutiseadme veebibrauseris kastseliselt. Parima kasutajakogemuse ja uusima funktsionaalsuse jaoks kasuta meie rakendust.",
+        "toast_title": "Rakendusega saad Matrix'is suhelda parimal viisil"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Rohkem otsingutulemusi pole",
+    "notif_panel": {
+        "empty_description": "Sul pole nähtavaid teavitusi.",
+        "empty_heading": "Ei tea... kõik vist on nüüd tehtud"
+    },
+    "notifications": {
+        "all_messages": "Kõik sõnumid",
+        "all_messages_description": "Soovin teavitusi iga sõnumi puhul",
+        "class_global": "Üldised",
+        "class_other": "Muud",
+        "default": "Tavaline",
+        "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",
+        "enable_prompt_toast_title_from_message_send": "Ära jäta vastust vahele",
+        "error_change_title": "Muuda teavituste seadistusi",
+        "keyword": "Märksõnad",
+        "keyword_new": "Uus märksõna",
+        "level_activity": "Aktiivsuse alusel",
+        "level_highlight": "Tõsta esile",
+        "level_muted": "Summutatud",
+        "level_none": "Ei ühelgi juhul",
+        "level_notification": "Teavitus",
+        "level_unsent": "Saatmata",
+        "mark_all_read": "Märgi kõik loetuks",
+        "mentions_and_keywords": "vaid @mainimiste ja võtmesõnade puhul",
+        "mentions_and_keywords_description": "Saad teavitusi mainimiste, vastuste ja võtmesõnade puhul, nagu sa neid oled <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"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s soovib verifitseerimist"
+    },
+    "onboarding": {
+        "create_room": "Loo rühmavestlus",
+        "explore_rooms": "Sirvi avalikke jututubasid",
+        "has_avatar_label": "Suurepärane, nüüd teised teavad et tegemist on sinuga",
+        "intro_byline": "Vestlused, mida sa tegelikult ka omad.",
+        "intro_welcome": "Tere tulemast suhtlusrakenduse %(appName)s kasutajaks",
+        "no_avatar_label": "Enda tutvustamiseks lisa foto.",
+        "send_dm": "Saada otsesõnum",
+        "welcome_detail": "Nüüd näitame sulle, mida saad järgmiseks teha",
+        "welcome_user": "Tere tulemast, %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Sõnum jututoas %(room)s",
+        "permalink_this_room": "Sõnum kasutajalt %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Loo selline küsitlus",
+        "create_poll_title": "Loo selline küsitlus",
+        "disclosed_notes": "Osalejad näevad tulemusi kohe peale oma valiku tegemist",
+        "edit_poll_title": "Muuda küsitlust",
+        "end_description": "Kas sa oled kindel, et soovid lõpetada küsitlust? Sellega on tulemused lõplikud ja rohkem osaleda ei saa.",
+        "end_message": "Küsitlus on läbi. Populaarseim vastus: %(topAnswer)s",
+        "end_message_no_votes": "Küsitlus on läbi. Ühtegi osalejate ei ole.",
+        "end_title": "Lõpeta küsitlus",
+        "ended_poll_label": "Küsitlus on lõppenud",
+        "error_ending_description": "Vabandust, aga küsitlus jäi lõpetamata. Palun proovi uuesti.",
+        "error_ending_title": "Küsitluse lõpetamine ei õnnestunud",
+        "error_voting_description": "Vabandust, aga sinu valik jäi salvestamata. Palun proovi uuesti.",
+        "error_voting_title": "Hääl ei salvestunud",
+        "failed_send_poll_description": "Vabandust, aga sinu loodud küsitlus jäi üleslaadimata.",
+        "failed_send_poll_title": "Küsitluse üleslaadimine ei õnnestunud",
+        "notes": "Tulemused on näha vaid siis, kui küsitlus in lõppenud",
+        "option_label": "%(number)s. valikvastus: %(answer)s",
+        "option_label_winning_with_total": {
+            "one": "%(number)s. valikvastus: %(answer)s (osutus valituks, %(count)s hääl)",
+            "other": "%(number)s. valikvastus: %(answer)s (osutus valituks, %(count)s häält)"
+        },
+        "option_label_with_total": {
+            "one": "%(number)s. valikvastus: %(answer)s (%(count)s hääl)",
+            "other": "%(number)s. valikvastus: %(answer)s (%(count)s häält)"
+        },
+        "options_add_button": "Lisa valik",
+        "options_heading": "Koosta valikud",
+        "options_label": "Valik %(number)s",
+        "options_placeholder": "Sisesta valik",
+        "poll_label": "Küsitlus",
+        "topic_heading": "Mis on küsitluse teema?",
+        "topic_label": "Küsimus või teema",
+        "topic_placeholder": "Kirjuta midagi…",
+        "total_decryption_errors": "Dekrüptimisvigade tõttu jääb osa hääli lugemata",
+        "total_n_votes": {
+            "one": "%(count)s hääl antud. Tulemuste nägemiseks tee oma valik",
+            "other": "%(count)s häält antud. Tulemuste nägemiseks tee oma valik"
+        },
+        "total_n_votes_voted": {
+            "one": "Aluseks on %(count)s hääl",
+            "other": "Aluseks on %(count)s häält"
+        },
+        "total_no_votes": "Hääletanuid ei ole",
+        "total_not_ended": "Tulemused on näha siis, kui küsitlus on lõppenud",
+        "type_closed": "Suletud valikutega küsitlus",
+        "type_heading": "Küsitluse tüüp",
+        "type_open": "Avatud valikutega küsitlus",
+        "unable_edit_description": "Vabandust, aga küsimustikku ei saa enam peale hääletamise lõppu muuta.",
+        "unable_edit_title": "Küsimustikku ei saa muuta"
+    },
+    "power_level": {
+        "admin": "Peakasutaja",
+        "creator": "Omanik",
+        "custom": "Kohandatud õigused (%(level)s)",
+        "custom_level": "Kohandatud õigused",
+        "default": "Tavaline",
+        "label": "Õiguste tase",
+        "moderator": "Moderaator",
+        "restricted": "Piiratud õigustega kasutaja"
+    },
+    "powered_by_matrix": "Põhineb Matrix'il",
+    "presence": {
+        "away": "Eemal",
+        "busy": "Hõivatud",
+        "idle": "Jõude",
+        "idle_for": "Jõude %(duration)s",
+        "offline": "Võrgust väljas",
+        "offline_for": "Võrgust väljas %(duration)s",
+        "online": "Võrgus",
+        "online_for": "Võrgus %(duration)s",
+        "unknown": "Teadmata olek",
+        "unknown_for": "Teadmata olek viimased %(duration)s",
+        "unreachable": "Kasutaja koduserver pole kättesaadav"
+    },
+    "quick_settings": {
+        "all_settings": "Kõik seadistused",
+        "sidebar_settings": "Täiendavad seadistused",
+        "title": "Kiirseadistused"
+    },
+    "quit_warning": {
+        "call_in_progress": "Tundub, et sul parasjagu on kõne pooleli. Kas sa kindlasti soovid väljuda?",
+        "file_upload_in_progress": "Tundub, et sa parasjagu laadid faile üles. Kas sa kindlasti soovid väljuda?"
+    },
+    "redact": {
+        "confirm_button": "Kinnita eemaldamine",
+        "confirm_description": "Kas sa oled kindel, et soovid kustutada selle sündmuse?",
+        "confirm_description_state": "Palun arvesta jututoa muudatuste eemaldamine võib eemaldada ka selle muutuse.",
+        "error": "Sa ei saa seda sõnumit kustutada. (%(code)s)",
+        "ongoing": "Eemaldan…",
+        "reason_label": "Põhjus (kui soovid lisada)"
+    },
+    "remove_section_dialog": {
+        "confirmation": "Kas oled kindel, et soovid selle jaotise eemaldada?",
+        "description": "Selle jaotise vestlused on sinu vestluste loendis endiselt saadaval.",
+        "remove_section": "Eemalda jaotis",
+        "title": "Kas eemaldad jaotise?"
+    },
+    "report_content": {
+        "description": "Sellest sõnumist teatamine saadab tema unikaalse sõnumi tunnuse sinu koduserveri haldurile. Kui selle jututoa sõnumid on krüptitud, siis sinu koduserveri haldur ei saa lugeda selle sõnumi teksti ega vaadata seal leiduvaid faile ja pilte.",
+        "hide_messages_from_user": "Selle valikuga peidad kõik antud kasutaja praegused ja tulevased sõnumid.",
+        "ignore_user": "Eira kasutajat",
+        "missing_reason": "Palun kirjelda veateate põhjust.",
+        "report_content_to_homeserver": "Teata sisust Sinu koduserveri haldurile"
+    },
+    "report_room": {
+        "description": "Teata sellest jututoast oma koduserveri haldajale. Kui sõnumid on krüptitud, ei saa haldaja neid lugeda ega jagatud faile vaadata.",
+        "reason_label": "Palun kirjelda põhjust"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "%(failedCount)s sessiooni dekrüptimine ei õnnestunud!",
+        "count_of_successfully_restored_keys": "%(sessionCount)s sessiooni võtme taastamine õnnestus",
+        "enter_key_description": "Sisestades taastevõtme pääsed ligi oma turvatud sõnumitele ning sätid tööle krüptitud sõnumivahetuse.",
+        "enter_key_title": "Sisesta taastevõti",
+        "enter_phrase_description": "Sisestades turvafraasi, saad ligipääsu oma turvatud sõnumitele ning sätid toimima krüptitud sõnumivahetuse.",
+        "enter_phrase_title": "Sisesta turvafraas",
+        "incorrect_security_phrase_dialog": "Selle turvafraasiga ei õnnestunud varundust dekrüptida: palun kontrolli, kas sa kasutad õiget turvafraasi.",
+        "incorrect_security_phrase_title": "Vigane turvafraas",
+        "key_backup_warning": "<b>Hoiatus</b>: sa peaksid võtmete varunduse seadistama vaid usaldusväärsest arvutist.",
+        "key_fetch_in_progress": "Laadin serverist võtmeid…",
+        "key_forgotten_text": "Kui sa oled unustanud oma taastevõtme, siis sa võid <button>seadistada uued taastamise võimalused</button>",
+        "key_is_invalid": "See pole korrektne taastevõti",
+        "key_is_valid": "See tundub olema õige taastevõti!",
+        "keys_restored_title": "Krüptimise võtmed on taastatud",
+        "load_error_content": "Varunduse oleku laadimine ei õnnestunud",
+        "load_keys_progress": "%(completed)s / %(total)s võtit taastatud",
+        "no_backup_error": "Varukoopiat ei leidunud!",
+        "phrase_forgotten_text": "Kui sa oled unustanud turvafraasi, siis sa saad <button1>kasutada oma taastevõtit</button1> või <button2>seadistada uued taastamise võimalused</button2>",
+        "recovery_key_mismatch_description": "Selle taastevõtmega ei õnnestunud varukoopiat dekrüptida: palun kontrolli, kas sa kasutad õiget taastevõtit.",
+        "recovery_key_mismatch_title": "Taastevõtmed ei klapi",
+        "restore_failed_error": "Varukoopiast taastamine ei õnnestu"
+    },
+    "right_panel": {
+        "add_integrations": "Lisa laiendusi",
+        "add_topic": "Lisa teema",
+        "extensions_button": "Laiendused",
+        "extensions_empty_description": "Laienduste otsimiseks ja siia jututuppa lisamiseks klõpsi linki „%(addIntegrations)s“",
+        "extensions_empty_title": "Paranda oma tõhusust lisatarvikute, vidinate, võrgusildade ja robotite lisamise abil",
+        "files_button": "Failid",
+        "pinned_messages": {
+            "empty_description": "Siia lisamiseks vali sõnum ning vajuta nuppu „%(pinAction)s“",
+            "empty_title": "Et olulisi sõnumeid oleks lihtsam leida, tõsta nad esile",
+            "header": {
+                "one": "1 esiletõstetud sõnum",
+                "other": "%(count)s esiletõstetud sõnumit"
+            },
+            "limits": {
+                "other": "Sa saad esile tõsta kuni %(count)s vidinat"
+            },
+            "menu": "Ava menüü",
+            "reply_thread": "Vasta <link>jutulõngas</link>",
+            "unpin_all": {
+                "button": "Eemalda kõik esiletõstetud sõnumid",
+                "content": "Kas sa oled kindel, et soovid kõik esiletõstetud sõnumid eemaldad? Seda tegevust ei saa tagasi pöörata.",
+                "title": "Kas eemaldame kõik esiletõstetud sõnumid?"
+            },
+            "view": "Vaata ajajoonel"
+        },
+        "pinned_messages_button": "Esiletõstetud sõnumid",
+        "poll": {
+            "active_heading": "Käimasolevad küsitlused",
+            "empty_active": "Selles jututoas pole käimasolevaid küsitlusi",
+            "empty_active_load_more": "Pole ühtegi käimas küsitlust. Varasemate kuude vaatamiseks laadi veel küsitlusi",
+            "empty_active_load_more_n_days": {
+                "one": "Tänasest ja eilsest pole ühtegi käimas küsitlust. Varasemate kuude vaatamiseks laadi veel küsitlusi",
+                "other": "Möödunud %(count)s päeva jooksul polnud ühtegi küsitlust. Varasemate päevade vaatamiseks laadi veel küsitlusi"
+            },
+            "empty_past": "Selles jututoas pole varasemaid küsitlusi",
+            "empty_past_load_more": "Pole ühtegi hiljutist küsitlust. Varasemate kuude vaatamiseks laadi veel küsitlusi",
+            "empty_past_load_more_n_days": {
+                "one": "Tänasest ja eilsest pole ühtegi toimunud küsitlust. Varasemate kuude vaatamiseks laadi veel küsitlusi",
+                "other": "Möödunud %(count)s päeva jooksul polnud ühtegi toimumas olnud küsitlust. Varasemate kuude vaatamiseks laadi veel küsitlusi"
+            },
+            "final_result": {
+                "one": "%(count)s'l häälel põhinev lõpptulemus",
+                "other": "%(count)s'l häälel põhinev lõpptulemus"
+            },
+            "load_more": "Laadi veel küsitlusi",
+            "loading": "Laadin küsitlusi",
+            "past_heading": "Varasemad küsitlused",
+            "view_in_timeline": "Näita küsitlust ajajoonel",
+            "view_poll": "Vaata küsitlust"
+        },
+        "polls_button": "Küsitlused",
+        "room_summary_card": {
+            "title": "Jututoa teave"
+        },
+        "thread_list": {
+            "context_menu_label": "Jutulõnga valikud"
+        },
+        "video_room_chat": {
+            "title": "Vestle"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "See kutse saadeti e-posti aadressile %(email)s, mis ei ole seotud sinu kontoga",
+        "3pid_invite_email_not_found_account_room": "See kutse jututuppa %(roomName)s saadeti e-posti aadressile %(email)s, mis ei ole seotud sinu kontoga",
+        "3pid_invite_error_description": "Sinu kutse kontrollimisel tekkis viga (%(errcode)s). Kui saad, siis edasta see teave kutsujale.",
+        "3pid_invite_error_invite_action": "Proovi siiski liituda",
+        "3pid_invite_error_invite_subtitle": "Sa võid liituda vaid toimiva kutse alusel.",
+        "3pid_invite_error_public_subtitle": "Sa võid siiski siin liituda.",
+        "3pid_invite_error_title": "Sinu kutsega läks midagi valesti.",
+        "3pid_invite_error_title_room": "Midagi läks viltu sinu kutsega %(roomName)s jututuppa",
+        "3pid_invite_no_is_subtitle": "Selleks et saada kutseid otse %(brand)s'isse peab seadistustes olema määratud isikutuvastusserver.",
+        "banned_by": "%(memberName)s keelas sulle ligipääsu",
+        "banned_from_room_by": "%(memberName)s keelas sulle ligipääsu jututuppa %(roomName)s",
+        "context_menu": {
+            "copy_link": "Kopeeri jututoa link",
+            "favourite": "Lemmik",
+            "forget": "Unusta jututuba ära",
+            "low_priority": "Vähetähtis",
+            "mark_read": "Märgi loetuks",
+            "mark_unread": "Märgi mitteloetuks",
+            "notifications_default": "Sobita vaikimisi seadistusega",
+            "notifications_mute": "Summuta jututuba",
+            "title": "Jututoa eelistused",
+            "unfavourite": "Märgitud lemmikuks"
+        },
+        "creating_room_text": "Me loome jututoa järgnevaist: %(names)s",
+        "dm_invite_action": "Alusta vestlust",
+        "dm_invite_subtitle": "<userName/> soovib vestelda",
+        "dm_invite_title": "Kas sa soovid vestelda %(user)s'ga?",
+        "drop_file_prompt": "Faili üleslaadimiseks lohista ta siia",
+        "edit_topic": "Muuda teemat",
+        "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.",
+        "error_join_404_2": "Kui sa tead jututoa aadressi, siis proovi liitumiseks seda kasutada.",
+        "error_join_404_invite": "See, sulle saatis kutse, kas juba on lahkunud või tema koduserver on võrgust väljas.",
+        "error_join_404_invite_same_hs": "See, kes saatis sulle kutse, on juba lahkunud.",
+        "error_join_connection": "Liitumisel tekkis viga.",
+        "error_join_incompatible_version_1": "Vabandust, sinu koduserver on siin osalemiseks liiga vana.",
+        "error_join_incompatible_version_2": "Palun võta ühendust koduserveri haldajaga.",
+        "error_join_title": "Liitumine ei õnnestunud",
+        "error_join_unknown": "Tekkis tundmatu viga.",
+        "error_jump_to_date": "Päringu vastus koduserverilt: viga %(statusCode)s, veakood %(errorCode)s",
+        "error_jump_to_date_connection": "Valitud kuupäeva vaate otsimisel ja avamisel tekkis võrguühenduse viga. Kas näiteks sinu koduserver hetkel ei tööta või on ajutisi katkestusi sinu internetiühenduses. Palun proovi mõne aja pärast uuesti. Kui viga kordub veel hiljemgi, siis palun suhtle oma koduserveri haldajaga.",
+        "error_jump_to_date_details": "Vea teave",
+        "error_jump_to_date_not_found": "Alates %(dateString)s ei leidnud me sündmusi ega teateid. Palun proovi valida varasem kuupäev.",
+        "error_jump_to_date_send_logs_prompt": "Selle vea põhjuse leidmiseks palun saada meile <debugLogsLink>silumislogid</debugLogsLink>.",
+        "error_jump_to_date_title": "Sellest kuupäevast ei õnnestu leida sündmusi ega sõnumeid",
+        "face_pile_summary": {
+            "other": "%(count)s sulle tuttavat kasutajat on juba liitunud",
+            "one": "%(count)s sulle tuttav kasutaja on juba liitunud"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Vaata üht liiget",
+            "other": "Vaata kõiki %(count)s liiget"
+        },
+        "face_pile_tooltip_shortcut": "Sealhulgas %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Seahulgas Sina, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Kuna liikmelisuse sündmus on muutunud, siis ei saa tuvastada, millist kasutajat peaks eirama.",
+        "failed_reject_invite": "Kutse tagasilükkamine ei õnnestunud",
+        "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",
+            "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",
+        "header_untrusted_label": "Pole usaldusväärne",
+        "inaccessible": "See jututuba või kogukond pole hetkel ligipääsetav.",
+        "inaccessible_name": "Jututuba %(roomName)s ei ole parasjagu kättesaadav.",
+        "inaccessible_subtitle_1": "Proovi hiljem uuesti või küsi jututoa või kogukonna haldurilt, kas sul on ligipääs olemas.",
+        "inaccessible_subtitle_2": "Astumisel jututuppa või liitumisel kogukonnaga tekkis viga %(errcode)s. Kui sa arvad, et sellise põhjusega viga ei tohiks tekkida, siis palun <issueLink>koosta veateade</issueLink>.",
+        "intro": {
+            "display_topic": "Teema: <topic/>",
+            "dm_caption": "Kuni kumbki teist kolmandaid osapooli liituma ei kutsu, olete siin vestluses vaid teie kahekesi.",
+            "edit_topic": "Teema: <topic/> (<a>muuda</a>)",
+            "enable_encryption_prompt": "Võta seadistustes krüptimine kasutusele.",
+            "encrypted_3pid_dm_pending_join": "Te saate vestelda, kui kõik on liitunud",
+            "no_avatar_label": "Selleks, et teised märkaks sinu jututuba lihtsamini, palun lisa üks pilt.",
+            "no_topic": "Selleks, et teised teaks millega on tegemist, palun <a>lisa teema</a>.",
+            "private_unencrypted_warning": "Sinu isiklikud sõnumid on tavaliselt läbivalt krüptitud, aga see jututuba ei ole. Tavaliselt on põhjuseks, et kasutusel on mõni seade või meetod nagu e-posti põhised kutsed, mis krüptimist veel ei toeta.",
+            "room_invite": "Kutsi vaid siia jututuppa",
+            "send_message_start_dm": "Saada oma esimene sõnum kutsudes <displayName/> vestlusesse",
+            "start_of_dm_history": "See on sinu ja kasutaja <displayName/> otsesuhtluse ajaloo algus.",
+            "start_of_room": "See on <roomName/> jututoa algus.",
+            "unencrypted_warning": "Läbiv krüptimine pole kasutusel",
+            "user_created": "%(displayName)s lõi selle jututoa.",
+            "you_created": "Sa lõid selle jututoa."
+        },
+        "invite_email_mismatch_suggestion": "Selleks, et saada kutseid otse %(brand)s'isse, jaga oma seadetes seda e-posti aadressi.",
+        "invite_sent_to_email": "See kutse saadeti e-posti aadressile %(email)s",
+        "invite_sent_to_email_room": "Kutse %(roomName)s jututuppa saadeti %(email)s e-posti aadressile",
+        "invite_subtitle": "<userName/> saatis sulle kutse",
+        "invite_this_room": "Kutsu siia jututuppa",
+        "invite_title": "Kas sa soovid liitud jututoaga %(roomName)s?",
+        "inviter_unknown": "Teadmata olek",
+        "invites_you_text": "<inviter/> saatis sulle kutse",
+        "join_button_account": "Registreeru",
+        "join_failed_needs_invite": "%(roomName)s jututoaga tutvumiseks vajad sa kutset",
+        "join_the_discussion": "Liitu vestlusega",
+        "join_title": "Osalemiseks liitu jututoaga",
+        "join_title_account": "Liitu vestlusega kasutades oma kontot",
+        "joining": "Liitun…",
+        "joining_room": "Liitun jututoaga…",
+        "joining_space": "Liitun kogukonnaga…",
+        "jump_read_marker": "Mine esimese lugemata sõnumi juurde.",
+        "jump_to_bottom_button": "Mine viimaste sõnumite juurde",
+        "kick_reason": "Põhjus: %(reason)s",
+        "kicked_by": "%(memberName)s eemaldas sinu liikmelisuse",
+        "kicked_from_room_by": "%(memberName)s eemaldas sind %(roomName)s jututoast",
+        "knock_cancel_action": "Tühista liitumissoov",
+        "knock_denied_subtitle": "Kuna sulle on ligipääs keelatud, siis sa ei saa uuesti liituda ilma jututoa haldaja või moderaatori kutseta.",
+        "knock_denied_title": "Sulle on ligipääs keelatud",
+        "knock_message_field_placeholder": "Sõnum (kui soovid lisada)",
+        "knock_prompt": "Küsi võimalust liitumiseks?",
+        "knock_prompt_name": "Küsi luba liitumiseks jututoaga %(roomName)s?",
+        "knock_send_action": "Küsi ligipääsu",
+        "knock_sent": "Ligipääsu päring on saadetud",
+        "knock_sent_subtitle": "Sinu liitumissoov on ootel.",
+        "knock_subtitle": "Selle jututoa vestluste lugemiseks ja nendega liitumiseks on sul vaja luba. Vastava päringu võid saata alljärgnevalt.",
+        "leave_error_title": "Viga jututoast lahkumisel",
+        "leave_server_notices_description": "Seda jututuba kasutatakse sinu koduserveri oluliste teadete jaoks ja seega sa ei saa sealt lahkuda.",
+        "leave_server_notices_title": "Serveriteadete jututoast ei saa lahkuda",
+        "leave_unexpected_error": "Jututoast lahkumisel tekkis serveris ootamatu viga",
+        "link_email_to_receive_3pid_invite": "Selleks et saada kutseid otse %(brand)s'isse, seosta see e-posti aadress seadete all oma kontoga.",
+        "loading_preview": "Laadin eelvaadet",
+        "no_peek_join_prompt": "Jututoal %(roomName)s puudub eelvaate võimalus. Kas sa soovid sellega liituda?",
+        "no_peek_no_name_join_prompt": "Eelvaade puudub. Kas sa siiski soovid liituda?",
+        "not_found_subtitle": "Kas sa oled kindel, et viibid õiges asukohas?",
+        "not_found_title": "Seda jututuba või kogukonda pole olemas.",
+        "not_found_title_name": "Jututuba %(roomName)s ei ole olemas.",
+        "peek_join_prompt": "Sa vaatad jututoa %(roomName)s eelvaadet. Kas soovid sellega liituda?",
+        "pinned_message_banner": {
+            "button_close_list": "Sulge loend",
+            "button_view_all": "Vaata kõiki",
+            "description": "Esiletõstetud sõnumid",
+            "go_to_newest_message": "Vaata siin ajajoonel esiletõstetud sõnumit ja viimast esiletõstetud sõnumit",
+            "go_to_next_message": "Vaata siin ajajoonel esiletõstetud sõnumit ja eelviimast esiletõstetud sõnumit",
+            "title": "<bold>%(index)s / %(length)s</bold> esiletõstetud sõnumit"
+        },
+        "read_topic": "Teema lugemiseks klõpsi",
+        "rejecting": "Hülgan kutset…",
+        "rejoin_button": "Liitu uuesti",
+        "room_content": "Jututoa sisu",
+        "room_is_low_priority": "See on vähetähtis jututuba",
+        "search": {
+            "all_rooms_button": "Otsi kõikidest jututubadest",
+            "placeholder": "Otsi sõnumeid…",
+            "summary": {
+                "one": "„<query/>“ päringule leidub 1 vastus",
+                "other": "„<query/>“ päringule leidub %(count)s vastust"
+            },
+            "this_room_button": "Otsi sellest jututoast"
+        },
+        "unknown_status_code_for_timeline_jump": "teadmata olekukood",
+        "unread_notifications_predecessor": {
+            "other": "Sinul on selle jututoa varasemas versioonis %(count)s lugemata teavitust.",
+            "one": "Sinul on selle jututoa varasemas versioonis %(count)s lugemata teavitus."
+        },
+        "upgrade_error_description": "Kontrolli veel kord, kas sinu koduserver toetab seda jututoa versiooni ning proovi uuesti.",
+        "upgrade_error_title": "Viga jututoa uuendamisel",
+        "upgrade_warning_bar": "Selle jututoa versiooni uuendamine sulgeb tema praeguse instantsi ja loob sama nimega uuendatud jututoa.",
+        "upgrade_warning_bar_admins": "Vaid administraatorid näevad seda hoiatust",
+        "upgrade_warning_bar_unstable": "Selle jututoa versioon on <roomVersion /> ning see koduserver on tema märkinud <i>ebastabiilseks</i>.",
+        "upgrade_warning_bar_upgraded": "See jututuba on juba uuendatud.",
+        "upload": {
+            "uploading_multiple_file": {
+                "other": "Laadin üles %(filename)s ning %(count)s muud faili",
+                "one": "Laadin üles %(filename)s ning veel %(count)s faili"
+            },
+            "uploading_single_file": "Laadin üles %(filename)s"
+        },
+        "video_room": "See jututuba on mõeldud videokohtumiste jaoks",
+        "waiting_for_join_subtitle": "Kui kutse saanud kasutajad on liitunud %(brand)s'ga, siis saad sa nendega suhelda ja jututuba on läbivalt krüptitud",
+        "waiting_for_join_title": "Kasutajate liitumise ootel %(brand)s'ga"
+    },
+    "room_list": {
+        "add_space_label": "Lisa kogukond",
+        "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",
+        "list_title": "Jututubade loend",
+        "more_options": {
+            "leave_room": "Lahku jututoast"
+        },
+        "notification_options": "Teavituste eelistused",
+        "section": {
+            "chats": "Vestlused",
+            "favourites": "Lemmikud",
+            "low_priority": "Vähetähtis"
+        },
+        "show_less": "Näita vähem"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Otsusta kes saada näha ja liituda %(spaceName)s kogukonnaga.",
+            "title": "Ligipääs"
+        },
+        "advanced": {
+            "error_upgrade_description": "Jututoa uuendust ei õnnestunud teha",
+            "error_upgrade_title": "Jututoa versiooni uuendamine ei õnnestunud",
+            "information_section_room": "Info jututoa kohta",
+            "information_section_space": "Kogukonna teave",
+            "room_id": "Jututoa tehniline tunnus",
+            "room_predecessor": "Näita vanemat tüüpi sõnumeid jututoas %(roomName)s.",
+            "room_upgrade_button": "Uuenda see jututoa versioon soovitatud versioonini",
+            "room_upgrade_warning": "<b>Hoiatus</b>: Jututoa versiooni uuendamine <i>ei koli jututoa liikmeid automaatselt uude jututoa olekusse.</i> Vanas jututoa versioonis saab olema viide uuele versioonile ning kõik liikmed peavad jututoa uue versiooni kasutamiseks seda viidet klõpsama.",
+            "room_version": "Jututoa versioon:",
+            "room_version_section": "Jututoa versioon",
+            "space_predecessor": "Vaata %(spaceName)s kogukonna varasemaid versioone.",
+            "space_upgrade_button": "Uuenda selle kogukonna versioon soovitatud versioonini",
+            "unfederated": "See jututuba ei ole leitav teiste Matrix'i serverite jaoks",
+            "upgrade_button": "Uuenda jututuba versioonini %(version)s",
+            "upgrade_dialog_description": "Selle jututoa uuendamine eeldab tema praeguse ilmingu tegevuse lõpetamist ja uue jututoa loomist selle asemele. Selleks, et kõik kulgeks jututoas osalejate jaoks ladusalt, toimime nüüd nii:",
+            "upgrade_dialog_description_1": "loome uue samanimelise jututoa, millel on sama kirjeldus ja tunnuspilt",
+            "upgrade_dialog_description_2": "uuendame kõik jututoa aliased nii, et nad viitaks uuele jututoale",
+            "upgrade_dialog_description_3": "ei võimalda kasutajatel enam vanas jututoas suhelda ning avaldame seal teate, mis soovitab kõigil kolida uude jututuppa",
+            "upgrade_dialog_description_4": "selleks et saaks vanu sõnumeid lugeda, paneme uue jututoa algusesse viite vanale jututoale",
+            "upgrade_dialog_title": "Uuenda jututoa versioon",
+            "upgrade_dwarning_ialog_title_public": "Uuenda avalik jututuba",
+            "upgrade_warning_dialog_description": "Jututoa uuendamine on keerukas toiming ning tavaliselt soovitatakse seda teha vaid siis, kui jututuba on vigade tõttu halvasti kasutatav, sealt on puudu vajalikke funktsionaalsusi või seal ilmneb turvavigu.",
+            "upgrade_warning_dialog_explainer": "<b>Palun arvesta, et uuendusega tehakse jututoast uus variant</b>. Kõik senised sõnumid jäävad sellesse jututuppa arhiveeritud olekus.",
+            "upgrade_warning_dialog_footer": "Sa uuendad jututoa versioonist <oldVersion /> versioonini <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Kutsu jututoa senised liikmed automaatselt uude jututuppa",
+            "upgrade_warning_dialog_report_bug_prompt": "See tavaliselt mõjutab vaid viisi, kuidas server jututuba teenindab. Kui sul tekib %(brand)s kasutamisel vigu, siis palun anna sellest meile teada.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Selline tegevus mõjutab tavaliselt vaid viisi, kuidas jututoa andmeid töödeldakse serveris. Kui sinu kasutatavas %(brand)s'is tekib vigu, siis palun saada meile <a>veateade</a>.",
+            "upgrade_warning_dialog_title": "Uuenda jututoa versiooni",
+            "upgrade_warning_dialog_title_private": "Uuenda omavaheline jututuba"
+        },
+        "alias_not_specified": "määratlemata",
+        "bridges": {
+            "description": "See jututuba kasutab sõnumisildasid liidestamiseks järgmiste süsteemidega. <a>Lisateave.</a>",
+            "empty": "See jututuba ei kasuta sõnumisildasid liidestamiseks muude süsteemidega. <a>Lisateave.</a>",
+            "title": "Sõnumisillad"
+        },
+        "delete_avatar_label": "Kustuta tunnuspilt",
+        "general": {
+            "alias_field_has_domain_invalid": "Domeeni eraldaja on puudu (näiteks :domeen.ee)",
+            "alias_field_has_localpart_invalid": "Jututoa nimi või eraldaja on puudu (näiteks jututuba:domeen.ee)",
+            "alias_field_matches_invalid": "Antud aadress ei viita sellele jututoale",
+            "alias_field_placeholder_default": "näiteks minu-jututuba",
+            "alias_field_required_invalid": "Palun sisesta aadress",
+            "alias_field_safe_localpart_invalid": "Mõned tähemärgid ei ole siin lubatud",
+            "alias_field_taken_invalid": "Selle aadressiga seotud server on kas kirjas vigaselt või on juba kasutusel",
+            "alias_field_taken_invalid_domain": "See aadress on juba kasutusel",
+            "alias_field_taken_valid": "See aadress on kasutatav",
+            "alias_heading": "Jututoa aadress",
+            "aliases_items_label": "Muud avaldatud aadressid:",
+            "aliases_no_items_label": "Ühtegi muud aadressi pole veel avaldatud, lisa üks alljärgnevalt",
+            "aliases_section": "Jututubade aadressid",
+            "avatar_field_label": "Jututoa tunnuspilt ehk avatar",
+            "canonical_alias_field_label": "Põhiaadress",
+            "description_space": "Muuda oma kogukonna seadistusi.",
+            "error_creating_alias_description": "Aadressi loomisel tekkis viga. See kas on serveri poolt keelatud või tekkis ajutine tõrge.",
+            "error_creating_alias_title": "Viga aadressi loomisel",
+            "error_deleting_alias_description": "Selle aadressi kustutamisel tekkis viga. See kas juba on kustutatud või tekkis ajutine tõrge.",
+            "error_deleting_alias_description_forbidden": "Sinul pole õigusi selle aadressi kustutamiseks.",
+            "error_deleting_alias_title": "Viga aadresi kustutamisel",
+            "error_publishing": "Jututoa avaldamine ei õnnestunud",
+            "error_publishing_detail": "Jututoa avaldamisel tekkis viga",
+            "error_save_space_settings": "Kogukonna seadistuste salvestamine ei õnnestunud.",
+            "error_updating_alias_description": "Jututoa lisaaadressi uuendamisel tekkis viga. See kas pole serveris lubatud või tekkis mingi ajutine viga.",
+            "error_updating_canonical_alias_description": "Jututoa põhiaadressi uuendamisel tekkis viga. See kas pole serveris lubatud või tekkis mingi ajutine viga.",
+            "error_updating_canonical_alias_title": "Viga põhiaadressi uuendamisel",
+            "leave_space": "Lahku kogukonnast",
+            "local_alias_field_label": "Kohalik aadress",
+            "local_aliases_explainer_room": "Et muud kasutajad saaks seda jututuba leida sinu koduserveri (%(localDomain)s) kaudu, lisa sellele jututoale aadresse",
+            "local_aliases_explainer_space": "Selleks et teised kasutajad saaks seda kogukonda leida oma koduserveri kaudu (%(localDomain)s) seadista talle aadressid",
+            "local_aliases_section": "Kohalikud aadressid",
+            "name_field_label": "Jututoa nimi",
+            "new_alias_placeholder": "Uus avaldatud aadess (näiteks #alias:server)",
+            "no_aliases_room": "Sellel jututoal puuduvad kohalikud aadressid",
+            "no_aliases_space": "Sellel kogukonnal puuduvad kohalikud aadressid",
+            "other_section": "Muud",
+            "publish_toggle": "Kas avaldame selle jututoa %(domain)s jututubade loendis?",
+            "publish_warn_invite_only": "Kuna ligipääs siia jututuppa eeldab kutse olemasolu, siis sa ei saa siin sisu avaldada.",
+            "publish_warn_no_canonical_permission": "Siin jututoas sisu avaldamiseks peab sul olema õigus põhiaadressi muutmiseks.",
+            "published_aliases_description": "Aadressi avaldamiseks peab ta esmalt olema määratud kohalikuks aadressiks.",
+            "published_aliases_explainer_room": "Avaldatud aadresse saab igaüks igast serverist kasutada liitumiseks sinu jututoaga.",
+            "published_aliases_explainer_space": "Avaldatud aadresse saab igaüks igast serverist kasutada liitumiseks sinu kogukonnaga.",
+            "published_aliases_section": "Avaldatud aadressid",
+            "save": "Salvesta muutused",
+            "topic_field_label": "Jututoa teema"
+        },
+        "notifications": {
+            "browse_button": "Sirvi",
+            "custom_sound_prompt": "Seadista uus kohandatud heli",
+            "notification_sound": "Teavitusheli",
+            "settings_link": "Soovin teavitusi sellisena, nagu ma neid olen <a>seadistanud</a>",
+            "sounds_section": "Helid",
+            "upload_sound_label": "Laadi üles oma helifail",
+            "uploaded_sound": "Üleslaaditud heli"
+        },
+        "people": {
+            "knock_empty": "Päringuid pole",
+            "knock_section": "Soovides liitumist",
+            "see_less": "Näita vähem",
+            "see_more": "Näita rohkem"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Lisa selles jututoas ühele või mitmele kasutajale täiendavaid õigusi",
+            "add_privileged_user_filter_placeholder": "Vali kasutajad sellest jututoast…",
+            "add_privileged_user_heading": "Lisa kasutajatele täiendavaid õigusi",
+            "ban": "Määra kasutajatele suhtluskeeld",
+            "ban_reason": "Põhjus",
+            "banned_by": "Ligipääs on keelatud %(displayName)s poolt",
+            "banned_users_section": "Suhtluskeelu saanud kasutajad",
+            "error_changing_pl_description": "Kasutaja õiguste muutmisel tekkis viga. Kontrolli, et sul on selleks piisavalt õigusi ja proovi uuesti.",
+            "error_changing_pl_reqs_description": "Jututoa õiguste taseme nõuete muutmisel tekkis viga. Kontrolli, et sul on selleks piisavalt õigusi ja proovi uuesti.",
+            "error_changing_pl_reqs_title": "Viga õiguste taseme nõuete muutmisel",
+            "error_changing_pl_title": "Viga õiguste muutmisel",
+            "error_unbanning": "Ligipääsu taastamine ei õnnestunud",
+            "events_default": "Saada sõnumeid",
+            "invite": "Kutsu kasutajaid",
+            "kick": "Eemalda kasutajaid",
+            "m.call": "Alusta helistamist %(brand)s abil",
+            "m.call.member": "Liitu %(brand)s kõnedega",
+            "m.reaction": "Reageeri sõnumile",
+            "m.room.avatar": "Muuda jututoa tunnuspilti ehk avatari",
+            "m.room.avatar_space": "Muuda kogukonna tunnuspilti",
+            "m.room.canonical_alias": "Muuda jututoa põhiaadressi",
+            "m.room.canonical_alias_space": "Muuda kogukonna põhiaadressi",
+            "m.room.encryption": "Võta jututoas kasutusele krüptimine",
+            "m.room.history_visibility": "Muuda vestlusajaloo nähtavust",
+            "m.room.name": "Muuda jututoa nime",
+            "m.room.name_space": "Muuda kogukonna nime",
+            "m.room.pinned_events": "Halda esiletõstetud sündmusi",
+            "m.room.power_levels": "Muuda õigusi",
+            "m.room.redaction": "Eemalda minu saadetud sõnumid",
+            "m.room.server_acl": "Muuda serveri ligipääsuõigusi",
+            "m.room.tombstone": "Uuenda jututuba uue versioonini",
+            "m.room.topic": "Muuda teemat",
+            "m.room.topic_space": "Muuda kirjeldust",
+            "m.space.child": "Halda selle kogukonna jututube",
+            "m.widget": "Muuda vidinaid",
+            "muted_users_section": "Summutatud kasutajad",
+            "no_privileged_users": "Mitte ühelgi kasutajal pole siin jututoas eelisõigusi",
+            "notifications.room": "Teavita kõiki",
+            "permissions_section": "Õigused",
+            "permissions_section_description_room": "Vali rollid, mis on vajalikud jututoa eri osade muutmiseks",
+            "permissions_section_description_space": "Vali rollid, mis on vajalikud kogukonna eri osade muutmiseks",
+            "privileged_users_section": "Eelisõigustega kasutajad",
+            "redact": "Kustuta teiste saadetud sõnumid",
+            "send_event_type": "Saada %(eventType)s-sündmusi",
+            "state_default": "Muuda seadistusi",
+            "title": "Rollid ja õigused",
+            "users_default": "Vaikimisi roll"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "Sul pole õigusi selle jututoa ajaloo nähtavuse muutmiseks. Kuna võib tekkida olukord, kus ka mitteliitunud kasutajad saavad lugeda sõnumeid, siis on selline tegevus ka ohtlik.",
+                "title": "Ei õnnestu muuta jututuba privaatseks"
+            },
+            "enable_encryption_confirm_description": "Kui kord juba kasutusele võetud, siis krüptimist enam hiljem ära lõpetada ei saa. Krüptitud sõnumeid ei saa lugeda ei vaheapealses veebiliikluses ega serveris ja vaid jututoa liikmed saavad neid lugeda. Krüptimise kasutusele võtmine võib takistada nii robotite kui sõnumisildade tööd. <a>Lisateave krüptimise kohta.</a>",
+            "enable_encryption_confirm_title": "Kas võtame krüptimise kasutusele?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Me ei soovita avalikes jututubades krüptimise kasutamist.</b> Kuna kõik huvilised saavad vabalt leida avalikke jututube ning nendega liituda, siis saavad nad niikuinii ka neis leiduvaid sõnumeid lugeda. Olemuselt puuduvad sellises olukorras krüptimise eelised ning sa ei saa hiljem krüptimist välja lülitada. Avalike jututubade sõnumite krüptimine teeb ka sõnumite saatmise ja vastuvõtmise aeglasemaks.",
+            "enable_encryption_public_room_confirm_description_2": "Võimalike probleemide vältimiseks loo oma suhtluse jaoks <a>uus krüptitud jututuba</a>.",
+            "enable_encryption_public_room_confirm_title": "Kas sa oled kindel, et soovid selles avalikus jututoas kasutada krüptimist?",
+            "encrypted_room_public_confirm_description_1": "<b>Me ei soovita krüptitud jututoa muutmist avalikuks.</b> See tähendaks, et kõik huvilised saavad vabalt seda jututuba leida ning temaga liituda ning seega ka kõiki selles leiduvaid sõnumeid lugeda. Olemuselt puuduvad sellises olukorras krüptimise eelised. Avalike jututubade sõnumite krüptimine teeb ka sõnumite saatmise ja vastuvõtmise aeglasemaks.",
+            "encrypted_room_public_confirm_description_2": "Võimalike probleemide vältimiseks loo oma suhtluse jaoks <a>uus avalik jututuba</a>.",
+            "encrypted_room_public_confirm_title": "Kas sa oled kindel, et soovid seda krüptitud jututuba muuta avalikuks?",
+            "encryption_forced": "Sinu server eeldab, et krüptimine on välja lülitatud.",
+            "encryption_permanent": "Kui krüptimine on juba kasutusele võetud, siis ei saa seda enam eemaldada.",
+            "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": "Liikmetele alates nende kutsumise ajast",
+            "history_visibility_legend": "Kes võivad lugeda ajalugu?",
+            "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": "Vaid kutsega",
+            "join_rule_invite_description": "Liitumine toimub vaid kutse alusel.",
+            "join_rule_knock": "Küsi võimalust liitumiseks",
+            "join_rule_knock_description": "Kasutajade ei saa liituda enne, kui selleks vastav luba on antud.",
+            "join_rule_public": "Kõik",
+            "join_rule_public_description": "Kõik võivad jututoaga liituda.",
+            "join_rule_restricted": "Kogukonna liikmed",
+            "join_rule_restricted_description": "Kõik lubatud kogukondade liikmed saavad liituda ilma kutseta. <a>Halda kogukondi</a>",
+            "join_rule_restricted_description_active_space": "Kõik <spaceName/> kogukonna liikmed võivad liituda.",
+            "join_rule_restricted_description_prompt": "Kõik kogukonna liikmed võivad liituda.",
+            "join_rule_restricted_description_spaces": "Lubatud kogukonnad",
+            "join_rule_restricted_dialog_description": "Kogukonnad, mille liikmed saavad <RoomName/> jututoaga liituda ilma kutseta.",
+            "join_rule_restricted_dialog_empty_warning": "Sa oled eemaldamas kõiki lubatud kogukondi. Edaspidine ligipääs eeldab vaikimisi kutse olemasolu",
+            "join_rule_restricted_dialog_filter_placeholder": "Otsi kogukondi",
+            "join_rule_restricted_dialog_heading_known": "Sinu kogukonnad, kus pole seda jututuba",
+            "join_rule_restricted_dialog_heading_other": "Muud kogukonnad, mille liige sa ei ole",
+            "join_rule_restricted_dialog_heading_room": "Sinu kogukonnad, kus on see jututuba",
+            "join_rule_restricted_dialog_heading_space": "Sulle teadaolevad kogukonnad, millesse kuulub see kogukond",
+            "join_rule_restricted_dialog_heading_unknown": "Ilmselt on tegemist nendega, mille liikmed on teiste jututubade haldajad.",
+            "join_rule_restricted_dialog_title": "Halda kogukondi",
+            "join_rule_restricted_n_more": {
+                "other": "ja veel %(count)s",
+                "one": "ja veel %(count)s"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Hetkel on ühel kogukonnal ligipääs",
+                "other": "Hetkel on %(count)s-l kogukonnal ligipääs"
+            },
+            "join_rule_restricted_upgrade_description": "Antud uuendusega on valitud kogukondade liikmetel võimalik selle jututoaga liituda ilma kutseta.",
+            "join_rule_restricted_upgrade_warning": "See jututuba on mõne sellise kogukonna osa, kus sul pole haldaja õigusi. Selliselt juhul vana jututuba jätkuvalt kuvatakse, kuid selle asutajatele pakutakse võimalust uuega liituda.",
+            "join_rule_upgrade_awaiting_room": "Laadin uut jututuba",
+            "join_rule_upgrade_required": "Vajalik on uuendus",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Saadan kutset...",
+                "other": "Saadan kutseid... (%(progress)s / %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Uuendan kogukonda...",
+                "other": "Uuendan kogukondi... (%(progress)s / %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Uuendan jututoa versiooni",
+            "join_rule_world_readable_description": "Kui muudad seda, kes võib jututoaga liituda, siis muutub ka tulevaste sõnumite nähtavus.",
+            "public_without_alias_warning": "Sellele jututoale viitamiseks palun lisa talle aadress.",
+            "publish_room": "Tee see jututuba nähtavaks avalikus jututubade kataloogis.",
+            "publish_space": "Tee see kogukond nähtavaks avalikus jututubade kataloogis.",
+            "strict_encryption": "Saada sõnumeid vaid verifitseeritud kasutajatele.",
+            "title": "Turvalisus ja privaatsus"
+        },
+        "title": "Jututoa seadistused - %(roomName)s",
+        "upload_avatar_label": "Laadi üles tunnuspilt ehk avatar",
+        "visibility": {
+            "alias_section": "Aadress",
+            "error_failed_save": "Selle kogukonna seadistuste uuendamine ei õnnestunud",
+            "error_update_guest_access": "Ei õnnestunud selle kogukonnakekuse külaliste ligipääsureegleid uuendada",
+            "error_update_history_visibility": "Ei õnnestunud selle kogukonnakekuse ajaloo loetavust uuendada",
+            "guest_access_disabled": "Sul pole õigust muuta külaliskasutajate ligipääsuvõimalusi.",
+            "guest_access_explainer": "Külalised võivad liituda kogukonnaga ilma kasutajakontota. Sellest võimalusest on kasu avalike kogukondade puhul",
+            "guest_access_label": "Luba ligipääs külalistele",
+            "history_visibility_anyone_space": "Kogukonna eelvaade",
+            "history_visibility_anyone_space_description": "Luba huvilistel enne liitumist näha kogukonna eelvaadet.",
+            "history_visibility_anyone_space_disabled": "Sul pole õigust muuta ajaloo nähtavust.",
+            "history_visibility_anyone_space_recommendation": "Soovitame avalike kogukondade puhul.",
+            "title": "Turvalisus ja privaatsus"
+        },
+        "voip": {
+            "call_type_section": "Kõne tüüp",
+            "enable_element_call_caption": "%(brand)s kasutab läbivat krüptimist, kuid on hetkel piiratud väikese osalejate arvuga ühes kõnes.",
+            "enable_element_call_label": "Võta kasutusele %(brand)s kui lisavõimalus kõnedeks selles jututoas",
+            "enable_element_call_no_permissions_tooltip": "Sul pole piisavalt õigusi selle muutmiseks."
+        }
+    },
+    "room_summary_card_back_action_label": "Info jututoa kohta",
+    "scalar": {
+        "error_create": "Vidina loomine ei õnnestunud.",
+        "error_membership": "Sa ei asu selles jututoas.",
+        "error_missing_room_id": "Jututoa tunnus ehk roomId on puudu.",
+        "error_missing_room_id_request": "Päringus puudub jututoa tunnus ehk room_id",
+        "error_missing_user_id_request": "Päringus puudub kasutaja tunnus ehk user_id",
+        "error_permission": "Sinul pole selle toimingu jaoks selles jututoas õigusi.",
+        "error_power_level_invalid": "Õiguste tase peab olema positiivne täisarv.",
+        "error_room_not_visible": "Jututuba %(roomId)s ei ole nähtav",
+        "error_room_unknown": "Seda jututuba ei õnnestu ära tunda.",
+        "error_send_request": "Päringu saatmine ei õnnestunud.",
+        "failed_read_event": "Päringu või sündmuse lugemine ei õnnestunud",
+        "failed_send_event": "Päringu või sündmuse saatmine ei õnnestunud"
+    },
+    "server_offline": {
+        "description": "Sinu koduserver ei vasta mõnedele sinu päringutele. Alljärgnevalt on mõned võimalikud põhjused.",
+        "description_1": "Vastuseks serverist %(serverName)s kulus liiga palju aega.",
+        "description_2": "Sinu tulemüür või viirusetõrjetarkvara blokeerib päringuid.",
+        "description_3": "Brauserilaiendus takistab päringuid.",
+        "description_4": "Serveril puudub võrguühendus või ta on lülitatud välja.",
+        "description_5": "Server blokeerib sinu päringuid.",
+        "description_6": "Sinu piirkonnas on tõrkeid internetiühenduses.",
+        "description_7": "Serveriga ühenduse algatamisel tekkis viga.",
+        "description_8": "Server on seadistatud varjama tegelikke veapõhjuseid (CORS).",
+        "empty_timeline": "Ei tea... kõik vist on nüüd tehtud.",
+        "recent_changes_heading": "Hiljutised muudatused, mis pole veel alla laetud või saabunud",
+        "title": "Server ei vasta päringutele"
+    },
+    "service_worker_error": {
+        "description": "Selleks, et autenditud meediafailide laadimine Matrixi sisuhoidlast toimiks, eeldab %(brand)s taustal toimiva teenuse töötleja kasutamist. See funktsionaalsus pole sinu veebibrauseris toetatud ja meediafailid võivad jääda laadimata.",
+        "title": "Teenuse töötleja laadimine ei õnnestunud"
+    },
+    "seshat": {
+        "error_initialising": "Sõnumite otsingu ettevalmistamine ei õnnestunud, lisateavet leiad <a>rakenduse seadistustest</a>",
+        "reset_button": "Lähtesta sündmuste andmekogu",
+        "reset_description": "Pigem sa siiski ei taha lähtestada sündmuste andmekogu ja selle indeksit",
+        "reset_explainer": "Kui sa siiski soovid seda teha, siis sinu sõnumeid me ei kustuta, aga seniks kuni sõnumite indeks taustal uuesti luuakse, toimib otsing aeglaselt ja ebatõhusalt",
+        "reset_title": "Kas lähtestame sündmuste andmekogu?",
+        "warning_kind_files": "See %(brand)s versioon ei toeta mõnede krüptitud failide vaatatamist",
+        "warning_kind_files_app": "Kõikide krüptitud failide vaatamiseks kasuta <a>Element Desktop</a> rakendust",
+        "warning_kind_search": "See %(brand)s versioon ei toeta otsingut krüptitud sõnumite seast",
+        "warning_kind_search_app": "Otsinguks krüptitud sõnumite hulgast kasuta <a>Element Desktop</a> rakendust",
+        "warning_kind_search_partial": "Kuna sinu otsinguindeks on alles loomisel, siis tulemused võivad olla veel poolikud."
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Sinu pääsuluba annab täismahulise ligipääsu sinu kasutajakontole. Palun ära jaga seda teistega.",
+            "brand_version": "%(brand)s'i versioon:",
+            "clear_cache_reload": "Tühjenda puhver ja laadi uuesti",
+            "crypto_version": "Krüpto versioon:",
+            "dialog_title": "<strong>Seadistused:</strong> Abiteave ja info meie kohta",
+            "help_link": "Kui otsid lisateavet %(brand)s'i kasutamise kohta, palun vaata <a>siia</a>.",
+            "homeserver": "Koduserveri aadress <code>%(homeserverUrl)s</code>",
+            "identity_server": "Isikutuvastusserveri aadress <code>%(identityServerUrl)s</code>",
+            "title": "Abiteave ning info meie kohta",
+            "versions": "Versioonid"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Seadistused:</strong> Kasutajakonto",
+            "title": "Kasutajakonto"
+        },
+        "all_rooms_home": "Näita kõiki jututubasid avalehel",
+        "all_rooms_home_description": "Kõik sinu jututoad on nähtavad avalehel.",
+        "always_show_message_timestamps": "Alati näita sõnumite ajatempleid",
+        "appearance": {
+            "bundled_emoji_font": "Kasuta rakendusega kaasa pandud emotikonide kirjatüüpi",
+            "compact_layout": "Näita teksti ja sõnumeid kompaktsena",
+            "compact_layout_description": "Selle eelistuse jaoks pead kasutama moodsat paigutust.",
+            "custom_font": "Kasuta süsteemset fonti",
+            "custom_font_description": "Vali sinu seadmes leiduv fondi nimi ning %(brand)s proovib seda kasutada.",
+            "custom_font_name": "Süsteemse fondi nimi",
+            "custom_font_size": "Kasuta kohandatud suurust",
+            "custom_theme_add": "Lisa kohandatud kujundus",
+            "custom_theme_downloading": "Laadime alla kohandatud kujundust…",
+            "custom_theme_error_downloading": "Viga kujunduse allalaadimisel",
+            "custom_theme_help": "Sisesta kohandatud kujunduse aadress.",
+            "custom_theme_invalid": "Vigane kujundusefail.",
+            "dialog_title": "<strong>Seadistused:</strong> Välimus",
+            "font_size": "Fontide suurus",
+            "font_size_default": "%(fontSize)s (vaikimisi)",
+            "high_contrast": "Kontrastne kujundus",
+            "image_size_default": "Tavaline",
+            "image_size_large": "Suur",
+            "layout_bubbles": "Jutumullid",
+            "layout_irc": "IRC (katseline )",
+            "match_system_theme": "Kasuta süsteemset kujundust",
+            "timeline_image_size": "Piltide suurus ajajoonel"
+        },
+        "automatic_language_detection_syntax_highlight": "Kasuta süntaksi esiletõstmisel automaatset keeletuvastust",
+        "autoplay_gifs": "Esita automaatselt liikuvaid pilte",
+        "autoplay_videos": "Esita automaatselt videosid",
+        "big_emoji": "Kasuta vestlustes suuri emoji'sid",
+        "code_block_expand_default": "Vaikimisi kuva koodiblokid tervikuna",
+        "code_block_line_numbers": "Näita koodiblokkides reanumbreid",
+        "disable_historical_profile": "Sõnumite ajaloos leiduvate kasutajate puhul näita kehtivat tunnuspilti ning nime",
+        "discovery": {
+            "title": "Kuidas on võimalik sind leida"
+        },
+        "emoji_autocomplete": "Näita kirjutamise ajal emoji-soovitusi",
+        "enable_markdown": "Kasuta Markdown-süntaksit",
+        "enable_markdown_description": "Vormindamata teksti koostamiseks alusta sõnumeid <code>/plain</code> käsuga.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Sinu kasutajakonto andmed, kontaktid, eelistused ja vestluste loend säiluvad",
+                "breadcrumb_page": "Lähtesta krüptimine",
+                "breadcrumb_second_description": "Sa kaotad ligipääsu sõnumite ajalooole, mis on salvestatud vaid serveris",
+                "breadcrumb_third_description": "Sa pead kõik oma olemasolevad seadmed ja kontaktid uuesti verifitseerima",
+                "breadcrumb_title": "Kas sa oled kindel, et soovid oma võrguidentiteeti lähtestada?",
+                "breadcrumb_title_cant_confirm": "Sa pead oma võrguidentiteedi lähtestama",
+                "breadcrumb_title_forgot": "Kas unustasid oma taastevõtme? Pead oma võrguidentiteedi lähtestama.",
+                "breadcrumb_title_sync_failed": "Võtmehoidla sünkroonimine ei õnnestunud. Sa pead digitaalse identiteedi lähtestama.",
+                "breadcrumb_warning": "Tee seda ainult siis, kui arvad, et sinu kasutajakonto võib olla ohustatud kolmandate osapoolet poolt.",
+                "details_title": "Krüptimise üksikasjad",
+                "do_not_close_warning": "Ära sulge seda akent enne, kui lähtestamine on lõppenud",
+                "export_keys": "Ekspordi võtmed",
+                "import_keys": "Impordi võtmed",
+                "other_people_device_description": "Hoiatus: kui kasutaja pole sinuga verifitseerimist läbi teinud (näiteks emojide võrdlemise abil), siis ta ei saa sinu krüptitud sõnumeid. Lisaks ei saadeta krüptitud sõnumeid verifitseeritud kasutajate verifitseerimata seadmetesse. Muudatused vajavad jõustamiseks rakenduse uuesti käivitamist.",
+                "other_people_device_label": "Krüptitud jututubades saada sõnumeid vaid verifitseeritud kasutajatele",
+                "other_people_device_title": "Teiste kasutajate seadmed",
+                "reset_identity": "Lähtesta krüptoidentiteet",
+                "reset_in_progress": "Lähtestamine on töös...",
+                "session_id": "Sessiooni tunnus:",
+                "session_key": "Sessioonivõti:",
+                "title": "Täiendav teave"
+            },
+            "confirm_key_storage_off": "Kas sa oled kindel, et tahad krüptovõtmete hoidlat mitte kasutada?",
+            "confirm_key_storage_off_description": "Kui sa eemaldad kõik oma seadmed, siis kaotad ligipääsu oma sõnumite ajaloole ning pead kõik olemasolevad kontaktid uuesti verifitseerima. <a>Lisateave</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Kustuta krüptovõtmete hoidla",
+                "confirm": "Kustuta krüptovõtmete hoidla",
+                "description": "Krüptovõtmete hoidla hoidla kustutamisega eemaldad serverist oma krüptoidentiteedi ja sõnumite võtmed ning lülitad välja järgnevad turvalisusega seotud funktsionaalsused:",
+                "list_first": "Sa ei saa uutes seadmetes lugeda varasemaid krüptitud sõnumeid",
+                "list_second": "Kui sa pole ühtegi seadmesse sisse loginud, siis kaotad ligipääsu kõikidele oma krüptitud sõnumitele",
+                "title": "Kas sa oled kindel, et soovid krüptovõtmete hoidla välja lülitada ning seejärel kustutada?"
+            },
+            "device_not_verified_button": "Verifitseeri see seade",
+            "device_not_verified_description": "Oma krüptoseadistuste nägemiseks palun verifitseeri see seade.",
+            "device_not_verified_title": "Seade on verifitseerimata",
+            "dialog_title": "<strong>Seadistused:</strong>Krüptimine",
+            "key_storage": {
+                "allow_key_storage": "Kasuta krüptovõtmete hoidlat",
+                "description": "See võimaldab sul vaadata oma vestluste ajalugu kõigis uutes seadmetes ning on vajalik vestluste ja digitaalse identiteedi varundamiseks. <a> Lisateave</a>",
+                "title": "Krüptovõtmete hoidla"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Korda uut taastevõtit",
+                "change_recovery_confirm_description": "Toimingu lõpetamiseks palun sisesta alljärgnevalt oma uus taastevõti. Senine taastevõti enam ei toimi.",
+                "change_recovery_confirm_title": "Sisesta oma uus taastevõti",
+                "change_recovery_key": "Muuda taastevõtit",
+                "change_recovery_key_description": "Palun salvesta see taastevõti turvalisel viisil. Muutuse kinnitamiseks klõpsi „Jätka“.",
+                "change_recovery_key_title": "Kas muudame taastevõtit?",
+                "description": "Sinu vestlused on automaatselt varundatud kasutades läbivat krüptimist. Kui sa oled kaotanud ligipääsu kõikidele oma olemasolevatele seadmetele, siis sa saad taastevõtme abil taastada ligipääsu oma digitaalsele identiteedile ja sõnumite ajaloole.",
+                "enter_key_error": "Sinu sisestatud taastevõti pole korrektne.",
+                "enter_recovery_key": "Sisesta taastevõti",
+                "forgot_recovery_key": "Kas unustasid taastevõtme?",
+                "key_storage_warning": "Sinu võtmehoidla pole sünkroonis. Vea parandamiseks palun klõpsi ühte järgnevatest nuppudest.",
+                "save_key_description": "Ära jaga seda mitte kellegagi!",
+                "save_key_title": "Taastevõti",
+                "set_up_recovery": "Seadista taastevõti",
+                "set_up_recovery_confirm_button": "Lõpeta seadistamine",
+                "set_up_recovery_confirm_description": "Taastamise seadistamise lõpetamiseks palun sisesta eelmises vaates näidatud taastevõti.",
+                "set_up_recovery_confirm_title": "Kinnitamiseks sisesta oma taastevõti",
+                "set_up_recovery_description": "Sinu krüptovõtmete hoidlat kaitseb taastevõti. Kui peale seadistamist peaksid vajama uut taastevõtit, siis saad ta uuesti luua valikust „%(changeRecoveryKeyButton)s“.",
+                "set_up_recovery_save_key_description": "Palun märgi see taastevõti üles ja hoia teda turvaliselt, näiteks digitaalses salasõnalaekas, krüptitud märkmetes või vana kooli seifis.",
+                "set_up_recovery_save_key_title": "Salvesta oma taastevõti turvalisel viisil",
+                "set_up_recovery_secondary_description": "Kui klõpsid nuppu „Jätka“, loome me sulle uue taastevõtme.",
+                "title": "Varundus"
+            },
+            "title": "Krüptimine"
+        },
+        "general": {
+            "account_management_section": "Kontohaldus",
+            "account_section": "Kasutajakonto",
+            "add_email_dialog_title": "Lisa e-posti aadress",
+            "add_email_failed_verification": "E-posti aadressi kontrollimine ei õnnestunud: palun vaata, et sa kindlasti klõpsisid saabunud kirjas olnud viidet",
+            "add_email_instructions": "Sinu aadressi kontrollimiseks saatsime sulle e-kirja. Palun järgi kirjas näidatud juhendit ja siis klõpsi alljärgnevat nuppu.",
+            "add_msisdn_confirm_body": "Klõpsi järgnevat nuppu telefoninumbri lisamise kinnitamiseks.",
+            "add_msisdn_confirm_button": "Kinnita telefoninumbri lisamine",
+            "add_msisdn_confirm_sso_button": "Kinnita selle telefoninumbri lisamine kasutades oma isiku tuvastamiseks ühekordset sisselogimist (Single Sign On).",
+            "add_msisdn_dialog_title": "Lisa telefoninumber",
+            "add_msisdn_instructions": "Saatsime tekstisõnumi numbrile +%(msisdn)s. Palun sisesta seal kuvatud kontrollkood.",
+            "add_msisdn_misconfigured": "„Add“ ja „bind“ meetodid MSISDN jaoks on valesti seadistatud",
+            "allow_spellcheck": "Kasuta õigekontrolli",
+            "application_language": "Rakenduse keel",
+            "application_language_reload_hint": "Teise keele valimisel rakendus käivitub uuesti",
+            "avatar_open_menu": "Ava tunnuspiltide menüü",
+            "avatar_remove_progress": "Eemaldame pilti...",
+            "avatar_save_progress": "Laadime pilti üles...",
+            "avatar_upload_error_text": "Failivormingu tugi puudub või fail on suurem, kui %(size)s.",
+            "avatar_upload_error_text_generic": "See failivorming ei pruugi olla toetatud.",
+            "avatar_upload_error_title": "Tunnuspildi faili üleslaadimine ei õnnestunud",
+            "confirm_adding_email_body": "Klõpsi järgnevat nuppu e-posti aadressi lisamise kinnitamiseks.",
+            "confirm_adding_email_title": "Kinnita e-posti aadressi lisamine",
+            "deactivate_confirm_body": "Kas sa oled kindel, et soovid oma konto sulgeda? Seda tegevust ei saa hiljem tagasi pöörata.",
+            "deactivate_confirm_body_sso": "Kinnitamaks seda, et soovid oma konto kasutusest eemaldada, kasuta oma isiku tuvastamiseks ühekordset sisselogimist.",
+            "deactivate_confirm_content": "Palun kinnita, et sa soovid kasutajakonto kustutaada. Kui sa jätkad, siis:",
+            "deactivate_confirm_content_1": "sa ei saa seda kasutajakontot hiljem uuesti tööle panna",
+            "deactivate_confirm_content_2": "sa ei saa enam selle kontoga võrku logida",
+            "deactivate_confirm_content_3": "ei sina ega mitte keegi teine ei saa sinu kasutajanime (MXID) uuesti kasutada: selline kasutajanimi saab olema jäädavalt kadunud",
+            "deactivate_confirm_content_4": "sa lahkud kõikidest jututubadest ja otsevestlustest",
+            "deactivate_confirm_content_5": "sinu andmed eemaldatake isikutuvastusserverist (kui ta on kasutusel) ja sinu sõbrad ja tuttavad ei saa sind enam e-posti aadressi või telefoninumbri alusel leida",
+            "deactivate_confirm_content_6": "Nii nagu e-posti puhul, on sinu vanad sõnumid on jätkuvalt loetavad nendele kasutajate, kes nad saanud on. Kas sa soovid peita oma sõnumid nende kasutaja eest, kes jututubadega hiljem liituvad?",
+            "deactivate_confirm_continue": "Kinnita konto sulgemine",
+            "deactivate_confirm_erase_label": "Peida minu sõnumid uute liitujate eest",
+            "deactivate_section": "Deaktiveeri konto",
+            "deactivate_warning": "Kuna kasutajakonto dektiveerimist ei saa tagasi pöörata, siis palun ole ettevaatlik!",
+            "discovery_email_empty": "Otsinguvõimaluste loend kuvatakse, kui oled sisestanud e-posti aadressi.",
+            "discovery_email_verification_instructions": "Verifitseeri klõpsides viidet saabunud e-kirjas",
+            "discovery_msisdn_empty": "Otsinguvõimaluste loend kuvatakse, kui oled sisestanud telefoninumbri.",
+            "discovery_needs_terms": "Selleks, et sind võiks leida e-posti aadressi või telefoninumbri alusel, nõustu isikutuvastusserveri (%(serverName)s) kasutustingimustega.",
+            "discovery_needs_terms_title": "Võimalda teistel Matrixi võrgu kasutajatel sind leida",
+            "display_name": "Kuvatav nimi",
+            "display_name_error": "Kuvatava nime määramine ei õnnestu",
+            "email_adding_unsupported_by_hs": "See koduserver ei toeta kasutajakonto juurde e-posti aadressi lisamise võimalust.",
+            "email_address_in_use": "See e-posti aadress on juba kasutusel",
+            "email_address_label": "E-posti aadress",
+            "email_not_verified": "Sinu e-posti aadress pole veel verifitseeritud",
+            "email_verification_instructions": "Klõpsi saabunud e-kirjas olevat verifitseerimisviidet ning seejärel klõpsi siin uuesti nuppu „Jätka“.",
+            "emails_heading": "E-posti aadressid",
+            "error_add_email": "E-posti aadressi lisamine ebaõnnestus",
+            "error_deactivate_communication": "Serveriühenduses tekkis viga. Palun proovi uuesti.",
+            "error_deactivate_invalid_auth": "Serveri saadetud vastuses ei olnud kehtivat autentimisteavet.",
+            "error_deactivate_no_auth": "Server ei nõudnud mitte mingisugust autentimist",
+            "error_email_verification": "E-posti aadressi verifitseerimine ei õnnestunud.",
+            "error_invalid_email": "Vigane e-posti aadress",
+            "error_invalid_email_detail": "See ei tundu olema e-posti aadressi moodi",
+            "error_msisdn_verification": "Telefoninumbri verifitseerimine ei õnnestunud.",
+            "error_password_change_403": "Salasõna muutmine ebaõnnestus. Kas sinu salasõna on ikka õige?",
+            "error_password_change_http": "%(errorMessage)s (HTTP olekukood %(httpStatus)s)",
+            "error_password_change_title": "Viga salasõna muutmisel",
+            "error_password_change_unknown": "Tundmatu viga salasõna muutmisel (%(stringifiedError)s)",
+            "error_remove_3pid": "Kontaktiinfo eemaldamine ebaõnnestus",
+            "error_revoke_email_discovery": "Ei õnnestu tagasi võtta otsust e-posti aadressi jagamise kohta",
+            "error_revoke_msisdn_discovery": "Telefoninumbri jagamist ei õnnestunud tühistada",
+            "error_share_email_discovery": "Ei õnnestu jagada e-posti aadressi",
+            "error_share_msisdn_discovery": "Telefoninumbri jagamine ei õnnestunud",
+            "identity_server_no_token": "Ei leidu tunnusluba isikutuvastusserveri jaoks",
+            "identity_server_not_set": "Isikutuvastusserver on määramata",
+            "invalid_phone_number": "Sisestatud telefoninumber ei tundu olema korrektne",
+            "language_section": "Keel",
+            "msisdn_adding_unsupported_by_hs": "See koduserver ei toeta kasutajakonto juurde telefoninumbri lisamise võimalust.",
+            "msisdn_in_use": "See telefoninumber on juba kasutusel",
+            "msisdn_label": "Telefoninumber",
+            "msisdn_verification_field_label": "Verifikatsioonikood",
+            "msisdn_verification_instructions": "Palun sisesta verifikatsioonikood, mille said telefoni tekstisõnumina.",
+            "msisdns_heading": "Telefoninumbrid",
+            "oidc_manage_button": "Halda kasutajakontot",
+            "password_change_section": "Määra kontole uus salasõna…",
+            "password_change_success": "Sinu salasõna muutmine õnnestus.",
+            "personal_info": "Isiklik teave",
+            "profile_subtitle": "Nii kuvatakse sind teistele selle rakenduse ja Matrixi võrgu kasutajatele.",
+            "profile_subtitle_oidc": "Sinu kasutajakontot hallatakse eraldi isikutuvastusserveris ning kõiki sinu isiklikke andmeid ei saa siin muuta.",
+            "remove_email_prompt": "Eemalda %(email)s?",
+            "remove_msisdn_prompt": "Eemalda %(phone)s?",
+            "spell_check_locale_placeholder": "Vali lokaat",
+            "unable_to_load_emails": "E-posti aadresside laadimine ei õnnestu",
+            "unable_to_load_msisdns": "Telefoninumbrite laadimine ei õnnestu",
+            "username": "Kasutajanimi"
+        },
+        "inline_url_previews_default": "Luba eelvaated",
+        "inline_url_previews_encrypted": "Lülita krüptitud jututubade eelvaated sisse",
+        "insert_trailing_colon_mentions": "Mainimiste järel näita sõnumi alguses koolonit",
+        "invite_controls": {
+            "default_label": "Luba kasutajatel sind kutsida jututubadesse"
+        },
+        "jump_to_bottom_on_send": "Sõnumi saatmiseks hüppa ajajoone lõppu",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Sinu krüptovõtmed on parasjagu sellest seadmest varundamisel.",
+                "backup_setup_success_title": "Krüptovõtmete varundus õnnestus",
+                "cancel_warning": "Kui sa tühistad nüüd, siis sa võid peale viimasest seadmest välja logimist kaotada ligipääsu oma krüptitud sõnumitele ja andmetele.",
+                "confirm_security_phrase": "Kinnita oma turvafraasi",
+                "description": "Tagamaks, et sa ei kaota ligipääsu krüptitud sõnumitele ja andmetele, varunda krüptimisvõtmed oma serveris.",
+                "download_or_copy": "%(downloadButton)s või %(copyButton)s",
+                "enter_phrase_description": "Andmete kaitsmiseks sisesta turvafraas, mida vaid sina tead. Ole mõistlik ja palun ära kasuta selleks oma tavalist konto salasõna.",
+                "enter_phrase_title": "Sisesta turvafraas",
+                "enter_phrase_to_confirm": "Kinnitamiseks palun sisesta turvafraas teist korda.",
+                "generate_security_key_description": "Me loome taastevõtme, mida sa peaksid hoidma turvalises kohas, nagu näiteks arvutis salasõnade halduris või vana kooli seifis.",
+                "generate_security_key_title": "Loo taastevõti",
+                "pass_phrase_match_failed": "Ei klapi mitte.",
+                "pass_phrase_match_success": "Klapib!",
+                "phrase_strong_enough": "Suurepärane! Turvafraas on piisavalt kange.",
+                "secret_storage_query_failure": "Ei õnnestu tuvastada turvahoidla olekut",
+                "security_key_safety_reminder": "Kuna seda kasutatakse sinu krüptitud andmete kaitsmiseks, siis hoia oma taastevõtit kaitstud ja turvalises kohas, nagu näiteks arvutis salasõnade halduris või vana kooli seifis.",
+                "set_phrase_again": "Mine tagasi ja sisesta nad uuesti.",
+                "settings_reminder": "Samuti võid sa seadetes võtta kasutusse turvalise varunduse ning hallata oma krüptovõtmeid.",
+                "title_confirm_phrase": "Kinnita turvafraas",
+                "title_save_key": "Salvesta oma taastevõti",
+                "title_set_phrase": "Määra turvafraas",
+                "unable_to_setup": "Turvahoidla kasutuselevõtmine ei õnnestu",
+                "use_different_passphrase": "Kas kasutame muud paroolifraasi?",
+                "use_phrase_only_you_know": "Sisesta turvafraas, mida vaid sina tead ning lisaks võid salvestada varunduse taastevõtme."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Sisesta paroolifraas veel üks kord",
+            "enter_passphrase": "Sisesta paroolifraas",
+            "export_description_1": "Selle toiminguga on sul võimalik saabunud krüptitud sõnumite võtmed eksportida sinu kontrollitavasse kohalikku faili. Seetõttu on sul tulevikus võimalik importida need võtmed mõnda teise Matrix'i klienti ning seeläbi muuta saabunud krüptitud sõnumid ka seal loetavaks.",
+            "export_description_2": "Kes iganes saab kätte selle ekspordifaili, saab ka lugeda sinu krüptitud sõnumeid, seega ole hoolikas selle faili talletamisel. Andmaks lisakihi turvalisust, peaksid sa alljärgnevalt sisestama unikaalse paroolifraasi, millega krüptitakse eksporditavad andmed. Faili hilisem importimine õnnestub vaid sama paroolifraasi sisestamisel.",
+            "export_title": "Ekspordi jututoa võtmed",
+            "file_to_import": "Imporditav fail",
+            "import_description_1": "Selle toiminguga saad importida krüptimisvõtmed, mis sa viimati olid teisest Matrix'i kliendist eksportinud. Seejärel on võimalik dekrüptida ka siin kõik need samad sõnumid, mida see teine klient suutis dekrüptida.",
+            "import_description_2": "Ekspordifail on turvatud paroolifraasiga ning alljärgnevalt peaksid dekrüptimiseks sisestama selle paroolifraasi.",
+            "import_title": "Impordi jututoa võtmed",
+            "phrase_cannot_be_empty": "Paroolifraas ei tohi olla tühi",
+            "phrase_must_match": "Paroolifraasid ei klapi omavahel",
+            "phrase_strong_enough": "Suurepärane! See paroolifraas on piisavalt kange"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Seadistused:</strong> Klaviatuur",
+            "title": "Klaviatuur"
+        },
+        "labs": {
+            "dialog_title": "<strong>Seadistused:</strong> Katsed"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Seadistused:</strong> Eiratud kasutajad"
+        },
+        "media_preview": {
+            "hide_avatars": "Peida jututoa ja kutsuja tunnuspildid",
+            "hide_media": "Peida alati",
+            "media_preview_description": "Peidetud meediumi saad alati näha temal klõpsides",
+            "media_preview_label": "Näita ajajoonel meediat",
+            "show_in_private": "Privaatsetes jututubades",
+            "show_media": "Alati"
+        },
+        "not_supported": "See funktsionaalsus pole sinu serveris kasutusel.",
+        "notifications": {
+            "default_setting_description": "See seadistus kehtib vaikimisi kõikides sinu jututubades.",
+            "default_setting_section": "Soovin teavitusi (vaikimisi seadistused)",
+            "desktop_notification_message_preview": "Näita sõnumi eelvaadet töölauakeskkonnale omases teavituses",
+            "dialog_title": "<strong>Seadistused:</strong> Teavitused",
+            "email_description": "Palu saata e-posti teel ülevaade märkamata teavitustest",
+            "email_section": "E-kirja kokkuvõte",
+            "email_select": "Vali e-posti aadressid, millele soovid kokkuvõtet saada. E-posti aadresse saad hallata seadistuste alajaotuses <button>Üldist</button>.",
+            "enable_audible_notifications_session": "Võta selleks sessiooniks kasutusele kuuldavad teavitused",
+            "enable_desktop_notifications_session": "Võta selleks sessiooniks kasutusele töölauakeskkonnale omased teavitused",
+            "enable_email_notifications": "Saada teavitusi %(email)s e-posti aadressile",
+            "enable_notifications_account": "Võta sellel kasutajakontol kasutusele teavitused",
+            "enable_notifications_account_detail": "Välja lülitades keelad teavitused kõikides oma seadmetes ja sessioonides",
+            "enable_notifications_device": "Võta teavitused selles seadmes kasutusele",
+            "error_loading": "Sinu teavituste seadistuste laadimisel tekkis viga.",
+            "error_permissions_denied": "%(brand)s'il puudub luba sulle teavituste kuvamiseks - palun kontrolli oma brauseri seadistusi",
+            "error_permissions_missing": "%(brand)s ei saanud luba teavituste kuvamiseks - palun proovi uuesti",
+            "error_saving": "Viga teavistuste eelistuste salvestamisel",
+            "error_saving_detail": "Sinu teavituste eelistuste salvestamisel tekkis viga.",
+            "error_title": "Teavituste kasutusele võtmine ei õnnestunud",
+            "error_updating": "Teavituste eelistuste muutmisel tekkis viga. Palun proovi sama valikut uuesti sisse/välja lülitada.",
+            "invites": "Kutse jututuppa",
+            "keywords": "Kui jututoas kasutatakse märksõnu, siis näita silti <badge/>.",
+            "keywords_prompt": "Sisesta märksõnad siia ning ära unusta erinevaid kirjapilte ja hüüdnimesid",
+            "labs_notice_prompt": "<strong>Uuendus:</strong>Et erinevad võimalused oleks kergemini leitavad, oleme lihtsustanud teavituste seadistusi. Mõned minevikus valitud seadistused on siin kuvamata, kuid nad on jätkuvalt kasutusel. Kui sa jätkad, siis mõned sinu seadistused võivad muutuda. <a>Lisateave</a>",
+            "mentions_keywords": "Mainimised ja võtmesõnad",
+            "mentions_keywords_only": "Vaid mainimised ja märksõnad",
+            "messages_containing_keywords": "Sõnumid, mis sisaldavad märksõnu",
+            "noisy": "Jutukas",
+            "notices": "Robotite saadetud sõnumid",
+            "notify_at_room": "Teavita, kui keegi mainib jututuba @room",
+            "notify_keyword": "Teavita, kui keegi mainib märksõna",
+            "notify_mention": "Teavita, kui keegi mainib kuvatavat nime @displayname või kasutajanime %(mxid)s",
+            "other_section": "Veel mõned asjad, mis sulle võivad huvi pakkuda:",
+            "people_mentions_keywords": "Kasutajad, mainimised ja märksõnad",
+            "play_sound_for_description": "Vaikimisi kehtib kõikides jututubades kõikides seadmetes.",
+            "play_sound_for_section": "Märgi helisignaaliga",
+            "push_targets": "Teavituste eesmärgid",
+            "quick_actions_mark_all_read": "Märgi kõik sõnumid loetuks",
+            "quick_actions_reset": "Lähtesta kõik seadistused",
+            "quick_actions_section": "Kiirtoimingud",
+            "room_activity": "Uued tegevused jututoas, sealhulgas uuendused ja olekusõnumid",
+            "rule_call": "Kõnekutse",
+            "rule_contains_display_name": "Sõnumid, mis sisaldavad minu kuvatavat nime",
+            "rule_contains_user_name": "@mainimised ja vastused",
+            "rule_encrypted": "Rühmavestluste krüptitud sõnumid",
+            "rule_encrypted_room_one_to_one": "Kahepoolsete vestluste krüptitud sõnumid",
+            "rule_invite_for_me": "Kui mind kutsutakse jututuppa",
+            "rule_message": "Rühmavestluste sõnumid",
+            "rule_room_one_to_one": "Kahepoolsete vestluste sõnumid",
+            "rule_roomnotif": "@jututoa mainimised",
+            "rule_suppress_notices": "Robotite saadetud sõnumid",
+            "rule_tombstone": "Kui jututubasid uuendatakse",
+            "show_message_desktop_notification": "Näita sõnumit töölauakeskkonnale omases teavituses",
+            "voip": "Kõned ja videokõned"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Blokeeri akna sisu salvestamine teiste rakenduste poolt",
+            "Electron.enableHardwareAcceleration": "Kasuta riistvaralist kiirendust (jõustamiseks käivita %(appName)s uuesti)",
+            "always_show_menu_bar": "Näita aknas alati menüüriba",
+            "autocomplete_delay": "Viivitus automaatsel sõnalõpetusel (ms)",
+            "code_blocks_heading": "Lähtekoodi lõigud",
+            "compact_modern": "Kasuta kompaktsemat moodsat kasutajaliidest",
+            "composer_heading": "Sõnumite kirjutamine",
+            "default_timezone": "Brauseri vaikimisi ajavöönd (%(timezone)s)",
+            "dialog_title": "<strong>Seadistused:</strong> Eelistused",
+            "enable_content_protection": "Kasuta sisu kaitset",
+            "enable_hardware_acceleration": "Kasuta riistvaralist kiirendust",
+            "enable_tray_icon": "Näita süsteemisalve ikooni ja Element'i akna sulgemisel minimeeri ta salve",
+            "keyboard_heading": "Kiirklahvid",
+            "keyboard_view_shortcuts_button": "<a>Vaata siit</a> kõiki kiirklahve.",
+            "link_previews_description": "Näitab teavet sõnumite all olevate linkide kohta",
+            "link_previews_heading": "Linkide eelvaated",
+            "media_heading": "Pildid, gif'id ja videod",
+            "presence_description": "Jaga teistega oma olekut ja tegevusi.",
+            "publish_timezone": "Avalda oma ajavööd oma avalikus profiilis",
+            "rm_lifetime": "Lugemise markeri iga (ms)",
+            "rm_lifetime_offscreen": "Lugemise markeri iga, kui Element pole fookuses (ms)",
+            "room_directory_heading": "Jututubade loend",
+            "room_list_heading": "Jututubade loend",
+            "show_avatars_pills": "Näita tunnuspilte kasutajate, jututubade ja sündmuste mainimistes",
+            "show_polls_button": "Näita küsitluste nuppu",
+            "startup_window_behaviour_label": "Käivitamine ja akna käitumine",
+            "surround_text": "Erimärkide sisestamisel märgista valitud tekst",
+            "time_heading": "Aegade kuvamine",
+            "user_timezone": "Seadista ajavöönd"
+        },
+        "prompt_invite": "Hoiata enne kutse saatmist võimalikule vigasele Matrix'i kasutajatunnusele",
+        "replace_plain_emoji": "Automaatelt asenda vormindamata tekst emotikoniga",
+        "security": {
+            "analytics_description": "Vigade tuvastamiseks palun jaga meiega anonüümseid andmeid. Isiklikke andmeid me ei kogu ja kolmandad osapooled ei ole sellega seotud.",
+            "bulk_options_accept_all_invites": "Võta vastu kõik %(invitedRooms)s kutsed",
+            "bulk_options_reject_all_invites": "Lükka tagasi kõik %(invitedRooms)s kutsed",
+            "bulk_options_section": "Masstoimingute seadistused",
+            "dehydrated_device_description": "Võrguühenduseta seadme funktsionaalsus võimaldab saada krüptitud sõnumeid ka siis, kui sa pole ühtegi seadmesse sisse loginud",
+            "dehydrated_device_enabled": "Võrguühenduseta seadme funktsionaalsus on sisse lülitatud",
+            "dialog_title": "<strong>Seadistused:</strong> Turvalisus ja privaatsus",
+            "e2ee_default_disabled_warning": "Sinu serveri haldur on lülitanud läbiva krüptimise omavahelistes jututubades ja otsesõnumites välja.",
+            "enable_message_search": "Võta kasutusele sõnumite otsing krüptitud jututubades",
+            "encryption_section": "Krüptimine",
+            "ignore_users_empty": "Sa ei ole veel kedagi eiranud.",
+            "ignore_users_section": "Eiratud kasutajad",
+            "key_backup_algorithm": "Algoritm:",
+            "message_search_disable_warning": "Kui see seadistus pole kasutusel, siis krüptitud jututubade sõnumeid otsing ei vaata.",
+            "message_search_disabled": "Turvaliselt puhverda krüptitud sõnumid kohalikku arvutisse ja võimalda kasutada neid otsingus.",
+            "message_search_enabled": {
+                "one": "Selleks, et sisu saaks otsingus kasutada, puhverda krüptitud sõnumid kohalikus seadmes turvaliselt. %(rooms)s jututoa andmete salvestamiseks kulub hetkel %(size)s.",
+                "other": "Selleks, et sisu saaks otsingus kasutada, puhverda krüptitud sõnumid kohalikus seadmes turvaliselt. %(rooms)s jututoa andmete salvestamiseks kulub hetkel %(size)s."
+            },
+            "message_search_failed": "Sõnumite otsingu alustamine ei õnnestunud",
+            "message_search_indexed_messages": "Indekseeritud sõnumid:",
+            "message_search_indexed_rooms": "Indekseeritud jututoad:",
+            "message_search_indexing": "Parasjagu indekseerin: %(currentRoom)s",
+            "message_search_indexing_idle": "Mitte ainsamagi jututoa sõnumeid hetkel ei indekseerita.",
+            "message_search_intro": "Otsingus kasutamiseks %(brand)s puhverdab turvaliselt kohalikku arvutisse krüptitud sõnumeid:",
+            "message_search_pending_rooms": "Indekseerimist ootavad jututoad: %(pendingRooms)s",
+            "message_search_room_progress": "%(doneRooms)s / %(totalRooms)s",
+            "message_search_section": "Otsing sõnumite seast",
+            "message_search_sleep_time": "Kui kiiresti peaksime sõnumeid alla laadima.",
+            "message_search_space_used": "Kasutatud andmeruum:",
+            "message_search_unsupported": "%(brand)s'is on puudu need komponendid, mis võimaldavad otsida kohalikest turvaliselt puhverdatud krüptitud sõnumitest. Kui sa tahaksid sellist funktsionaalsust katsetada, siis pead kompileerima %(brand)s'i variandi, kus <nativeLink>need komponendid on lisatud</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s ei võimalda veebibrauseris töötades krüptitud sõnumeid turvaliselt puhverdada. Selleks, et krüptitud sõnumeid saaks otsida, kasuta <desktopLink>%(brand)s Desktop</desktopLink> rakendust Matrix'i kliendina.",
+            "record_session_details": "Sessioonide paremaks tuvastamiseks saad nüüd sessioonihalduris salvestada klientrakenduse nime, versiooni ja aadressi",
+            "send_analytics": "Saada arendajatele analüütikat",
+            "strict_encryption": "Saada sõnumeid vaid verifitseeritud kasutajatele"
+        },
+        "send_read_receipts": "Saada lugemisteatiseid",
+        "send_read_receipts_unsupported": "Sinu koduserver ei võimalda lugemisteatiste keelamist.",
+        "send_typing_notifications": "Anna märku teisele osapoolele, kui mina sõnumit kirjutan",
+        "sessions": {
+            "best_security_note": "Parima turvalisuse nimel verifitseeri kõik oma sessioonid ning eemalda need, mida sa enam ei kasuta või ei tunne ära.",
+            "confirm_sign_out": {
+                "one": "Kinnita selle seadme eemaldamine",
+                "other": "Kinnita nende seadmete eemaldamine"
+            },
+            "confirm_sign_out_body": {
+                "one": "Kinnitamaks selle seadme eemaldamine klõpsi järgnevat nuppu.",
+                "other": "Kinnitamaks nende seadmete eemaldamine klõpsi järgnevat nuppu."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Eemalda seade",
+                "other": "Eemalda seadmed"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Kasutades ühekordse sisselogimisega oma isiku tõestamist kinnita selle seadme eemaldamine.",
+                "other": "Kasutades ühekordse sisselogimisega oma isiku tõestamist kinnita nende seadmete eemaldamine."
+            },
+            "current_session": "Praegune sessioon",
+            "desktop_session": "Töölauarakendus",
+            "details_heading": "Sessiooni teave",
+            "device_unverified_description": "Parima turvalisuse ja töökindluse nimel verifitseeri see sessioon või logi ta võrgust välja.",
+            "device_unverified_description_current": "Turvalise sõnumivahetuse nimel palun verifitseeri oma praegune sessioon.",
+            "device_verified_description": "See sessioon on valmis turvaliseks sõnumivahetuseks.",
+            "device_verified_description_current": "Sinu praegune sessioon on valmis turvaliseks sõnumivahetuseks.",
+            "dialog_title": "<strong>Seadistused:</strong> Sessioonid",
+            "error_pusher_state": "Tõuketeavituste teenuse oleku määramine ei õnnestunud",
+            "error_set_name": "Sessiooni nime määramine ei õnnestunud",
+            "filter_all": "Kõik",
+            "filter_inactive": "Pole pidevas kasutuses",
+            "filter_inactive_description": "Pole olnud kasutusel %(inactiveAgeDays)s või enam päeva",
+            "filter_label": "Sirvi seadmeid",
+            "filter_unverified_description": "Pole valmis turvaliseks sõnumivahetuseks",
+            "filter_verified_description": "Valmis turvaliseks sõnumivahetuseks",
+            "hide_details": "Peida üksikasjalik teave",
+            "inactive_days": "Pole olnud kasutusel %(inactiveAgeDays)s+ päeva",
+            "inactive_sessions": "Mitteaktiivsed sessioonid",
+            "inactive_sessions_explainer_1": "Mitteaktiivsed seansid on seansid, mida sa ei ole mõnda aega kasutanud, kuid neil jätkuvalt lubatakse laadida krüptimisvõtmeid.",
+            "inactive_sessions_explainer_2": "Mitteaktiivsete seansside eemaldamine parandab turvalisust ja jõudlust ning lihtsustab võimalike kahtlaste seansside tuvastamist.",
+            "inactive_sessions_list_description": "Võimalusel eemalda vanad sessioonid (%(inactiveAgeDays)s päeva või vanemad), mida sa enam ei kasuta.",
+            "ip": "IP-aadress",
+            "last_activity": "Viimati kasutusel",
+            "manage": "Halda seda sessiooni",
+            "mobile_session": "Nutirakendus",
+            "n_sessions_selected": {
+                "one": "%(count)s sessioon valitud",
+                "other": "%(count)s sessiooni valitud"
+            },
+            "no_inactive_sessions": "Ei leidu sessioone, mis pole aktiivses kasutuses.",
+            "no_sessions": "Sessioone ei leidu.",
+            "no_unverified_sessions": "Verifitseerimata sessioone ei leidu.",
+            "no_verified_sessions": "Verifitseeritud sessioone ei leidu.",
+            "other_sessions_heading": "Muud sessioonid",
+            "push_heading": "Tõuketeavitused",
+            "push_subheading": "Võta tõuketeavitused selles sessioonis kasutusele.",
+            "push_toggle": "Lülita tõuketeavitused selles sessioonis sisse/välja.",
+            "rename_form_caption": "Palun arvesta, et sessioonide nimed on näha ka kõikidele osapooltele, kellega sa suhtled.",
+            "rename_form_heading": "Muuda sessiooni nime",
+            "rename_form_learn_more": "Sessioonide nimede muutmine",
+            "rename_form_learn_more_description_1": "Nii otsesuhtluse osapooled kui jututubades osalejad näevad sinu kõikide sessioonide loendit.",
+            "rename_form_learn_more_description_2": "Muu hulgas selle alusel saavad nad olla kindlad, et nad tõesti suhtlevad sinuga, kuid samas nad näevad nimesid, mida sa siia sisestad.",
+            "security_recommendations": "Turvalisusega seotud soovitused",
+            "security_recommendations_description": "Kui järgid neid soovitusi, siis sa parandad oma kasutajakonto turvalisust.",
+            "session_id": "Sessiooni tunnus",
+            "show_details": "Näita üksikasju",
+            "sign_in_with_qr": "Seosta uus seade",
+            "sign_in_with_qr_button": "Näita QR-koodi",
+            "sign_in_with_qr_description": "Kasuta QR-koodi teise seadmesse sisse logimiseks ja turvalise sõnumivahetuse seadistamiseks.",
+            "sign_in_with_qr_unsupported": "Sinu teenusepakkuja ei toeta seda võimalust",
+            "sign_out": "Eemalda see sessioon",
+            "sign_out_all_other_sessions": "Eemalda kõik muud sessioonid: %(otherSessionsCount)s sessioon(i)",
+            "sign_out_confirm_description": {
+                "one": "Kas sa oled kindel et soovid %(count)s sessiooni eemaldada?",
+                "other": "Kas sa oled kindel et soovid %(count)s sessiooni eemaldada?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Eemalda %(count)s sessioon",
+                "other": "Eemalda %(count)s sessiooni"
+            },
+            "title": "Sessioonid",
+            "unknown_session": "Tundmatu sessioonitüüp",
+            "unverified_session": "Verifitseerimata sessioon",
+            "unverified_session_explainer_1": "Seda sessiooni ei saa verifitseerida, sest seal puudub krüptimise tugi.",
+            "unverified_session_explainer_2": "Selle sessiooniga ei saa sa osaleda krüptitud jututubades.",
+            "unverified_session_explainer_3": "Parima turvalisuse ja privaatsuse nimel palun kasuta selliseid Matrix'i kliente, mis toetavad krüptimist.",
+            "unverified_sessions": "Verifitseerimata sessioonid",
+            "unverified_sessions_explainer_1": "Verifitseerimata sessioonid on sellised sessioonid, kuhu on sinu kasutajanime ja salasõnaga sisse logitud, kuid mida ei ole kinnitatud sinu digitaalse identiteedi abil.",
+            "unverified_sessions_explainer_2": "Kuna nende näol võib olla tegemist võimaliku konto volitamata kasutamisega, siis palun tee kindlaks, et need sessioonid on sulle tuttavad.",
+            "unverified_sessions_list_description": "Turvalise sõnumvahetuse nimel verifitseeri kõik oma sessioonid ning eemalda need, mida sa enam ei kasuta või ei tunne enam ära.",
+            "url": "URL",
+            "verified_session": "Verifitseeritud sessioon",
+            "verified_sessions": "Verifitseeritud sessioonid",
+            "verified_sessions_explainer_1": "Verifitseeritud sessioonid in kinnitanud sinu digitaalse identiteedi.",
+            "verified_sessions_explainer_2": "See tähendab, et selles sessioonis on ka kõik vajalikud võtmed krüptitud sõnumite lugemiseks ja teistele kasutajatele kinnitamiseks, et sa usaldad seda sessiooni.",
+            "verified_sessions_list_description": "Parima turvalisuse nimel eemalda need sessioonid, mida sa enam ei kasuta või ei tunne ära.",
+            "verify_session": "Verifitseeri sessioon",
+            "web_session": "Veebirakendus"
+        },
+        "show_avatar_changes": "Näita tunnuspildi muudatusi",
+        "show_breadcrumbs": "Näita viimati külastatud jututubade viiteid jututubade loendi kohal",
+        "show_chat_effects": "Näita vestluses edevat graafikat (näiteks kui keegi on saatnud serpentiine)",
+        "show_displayname_changes": "Näita kuvatava nime muutusi",
+        "show_join_leave": "Näita jututubade liitumise ja lahkumise teateid (ei käi kutsete, müksamiste ja keelamiste kohta)",
+        "show_message_previews": "Näita sõnumite eelvaateid",
+        "show_nsfw_content": "Näita töökeskkonnas mittesobilikku sisu",
+        "show_read_receipts": "Näita teiste kasutajate lugemisteatiseid",
+        "show_redaction_placeholder": "Näita kustutatud sõnumite asemel kohatäidet",
+        "show_sections": "Näita jaotisi",
+        "show_stickers_button": "Näita kleepsude nuppu",
+        "show_typing_notifications": "Anna märku, kui teine osapool sõnumit kirjutab",
+        "showbold": "Näita üldist aktiivsust jututubade loendis (punktidena või lugemata sõnumite arvuna)",
+        "sidebar": {
+            "dialog_title": "<strong>Seadistused:</strong> Külgpaan",
+            "metaspaces_home_all_rooms": "Näita kõiki jututubasid",
+            "metaspaces_home_all_rooms_description": "Näita kõiki oma jututubasid avalehel ka siis kui nad on osa mõnest kogukonnast.",
+            "metaspaces_home_description": "Avalehelt saad kõigest hea ülevaate.",
+            "metaspaces_orphans": "Jututoad väljaspool seda kogukonda",
+            "metaspaces_orphans_description": "Koonda ühte kohta kõik oma jututoad, mis ei kuulu mõnda kogukonda.",
+            "metaspaces_subsection": "Näidatavad kogukonnad",
+            "metaspaces_video_rooms": "Videojututoad ja -konverentsid",
+            "metaspaces_video_rooms_description": "Rühmita kõik privaatsed videotoad ja -konverentsid",
+            "metaspaces_video_rooms_description_invite_extension": "Konverentsiosalejaid võid kutsuda ka väljastpoolt Matrix'i võrku",
+            "spaces_explainer": "Kogukonnad on võimalus jututubade ja inimeste ühendamiseks. Lisaks nendele, mille liige sa juba olev, võid kasutada süsteemi poolt loodud kogukondi.",
+            "title": "Külgpaan"
+        },
+        "start_automatically": {
+            "disabled": "Ei",
+            "enabled": "Jah",
+            "label": "Oma arvutisse logimisel ava %(brand)s",
+            "minimised": "Minimeeritud"
+        },
+        "tac_only_notifications": "Näita teavitusi vaid jutulõngade ülevaates",
+        "use_12_hour_format": "Näita ajatempleid 12-tunnises vormingus (näiteks 2:30pl)",
+        "use_command_enter_send_message": "Sõnumi saatmiseks vajuta Command + Enter klahve",
+        "use_command_f_search": "Ajajoonelt otsimiseks kasuta Command+F klahve",
+        "use_control_enter_send_message": "Sõnumi saatmiseks vajuta Ctrl + Enter",
+        "use_control_f_search": "Ajajoonelt otsimiseks kasuta Ctrl+F klahve",
+        "voip": {
+            "allow_p2p": "Luba võrdõigusvõrgu loogikat kasutavad omavahelised kõned",
+            "allow_p2p_description": "Kui see seadistus on kasutusel, siis teisel osapoolel võib olla võimalik näha sinu seadme IP-aadressi",
+            "audio_input_empty": "Ei leidnud ühtegi mikrofoni",
+            "audio_output": "Heliväljund",
+            "audio_output_empty": "Ei leidnud ühtegi heliväljundit",
+            "auto_gain_control": "Automaatne esitusvaljuse tundlikkus",
+            "dialog_title": "<strong>Seadistused:</strong> Heli ja video",
+            "echo_cancellation": "Kaja eemaldamine",
+            "echo_cancellation_description": "Eemaldab kõnede ajal mikrofonisisendi taustamüra. See seadistus kehtib ka Element Calli puhul.",
+            "enable_fallback_ice_server": "Varuvariandina luba kasutada ka teist kõnehõlbustusserverit (%(server)s)",
+            "enable_fallback_ice_server_description": "On kasutusel vaid siis, kui sinu koduserver sellist teenust ei võimalda. Seeläbi jagatakse kõne ajal sinu seadme IP-aadressi.",
+            "enable_legacy_calls": "Luba vana lahenduse hääl- ja videokõned",
+            "enable_legacy_calls_description": "Kehtib Jitsi ja 1:1 WebRTC kõnede kohta",
+            "mirror_local_feed": "Peegelda kohalikku videovoogu",
+            "missing_permissions_prompt": "Kõnedes osalemiseks luba %(brand)s rakendusel kasutada arvuti heli- ja videoseadmeid.",
+            "noise_suppression": "Müra vähendamine",
+            "noise_suppression_description": "Vähendab kõnede ajal mikrofonisisendi taustamüra. See seadistus kehtib ka Element Calli puhul.",
+            "permissions": "Luba mikrofoni ja kaamera kasutamine",
+            "request_permissions": "Küsi õigusi",
+            "title": "Heli ja video",
+            "video_input_empty": "Ei leidnud ühtegi veebikaamerat",
+            "video_section": "Videovoo seadistused",
+            "voice_agc": "Kohanda mikrofoni valjust automaatelt",
+            "voice_input_description": "Siin seadistatud helisisendit kasutatakse häälsõnumite ja kõnede jaoks (vana tüüpi 1:1 kõned).",
+            "voice_input_section": "Helisisend",
+            "voice_processing": "Heli töötlemine",
+            "voice_section": "Heli seadistused"
+        },
+        "warn_quit": "Hoiata enne rakenduse töö lõpetamist",
+        "warning": "<w>HOIATUS:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Link on kopeeritud",
+        "permalink_message": "Viide valitud sõnumile",
+        "permalink_most_recent": "Viide kõige viimasele sõnumile",
+        "share_call": "Konverentsikõne kutse",
+        "share_call_subtitle": "Link välistele kasutajatele, kes saavad kõnega liituda nii, et neil ei pea olema Matrix'i kontot:",
+        "title_link": "Jaga linki",
+        "title_message": "Jaga jututoa sõnumit",
+        "title_room": "Jaga jututuba",
+        "title_user": "Jaga viidet kasutaja kohta"
+    },
+    "slash_command": {
+        "addwidget": "Lisab jututuppa URL-ist valitud kohandatud vidina",
+        "addwidget_iframe_missing_src": "iframe elemendil puudub src atribuut",
+        "addwidget_invalid_protocol": "Vidina aadressi alguses peab olema kas https:// või http://",
+        "addwidget_missing_url": "Palun lisa antud vidina aadress või lisatav kood",
+        "addwidget_no_permissions": "Sul pole õigusi vidinate muutmiseks selles jututoas.",
+        "ban": "Keela ligipääs antud tunnusega kasutajale",
+        "category_actions": "Tegevused",
+        "category_admin": "Peakasutaja",
+        "category_advanced": "Lisavõimalused",
+        "category_effects": "Vahvad täiendused",
+        "category_messages": "Sõnumid",
+        "category_other": "Muud",
+        "command_error": "Käsu viga",
+        "converttodm": "Muuda jututuba otsevestluseks",
+        "converttoroom": "Muuda otsevestlus jututoaks",
+        "could_not_find_room": "Jututuba ei õnnestunud leida",
+        "deop": "Eemalda antud tunnusega kasutajalt haldusõigused selles jututoas",
+        "devtools": "Avab arendusvahendite akna",
+        "discardsession": "Sunnib loobuma praeguse krüptitud jututoa rühmavestluse seansist",
+        "error_invalid_rendering_type": "Viga käsu täitmisel: visualiseerimise tüüpi ei leidu (%(renderingType)s)",
+        "error_invalid_room": "Käsu täitmine ei õnnestunud: Ei suuda leida jututuba (%(roomId)s)",
+        "error_invalid_runfn": "Viga käsu täitmisel: Kaldkriipsuga käsku ei ole võimalik töödelda.",
+        "error_invalid_user_in_room": "Jututoast ei õnnestu leida kasutajat",
+        "help": "Näitab käskude loendit koos kirjeldustega",
+        "help_dialog_title": "Abiteave käskude kohta",
+        "holdcall": "Jätab kõne selles jututoas ootele",
+        "html": "Saadab sõnumi html'ina ega tõlgenda seda markdown-vormindusena",
+        "ignore": "Eirab kasutajat peites kõik tema sõnumid sinu eest",
+        "ignore_dialog_description": "Sa praegu eirad kasutajat %(userId)s",
+        "ignore_dialog_title": "Eiratud kasutaja",
+        "invite": "Kutsub nimetatud kasutajatunnusega kasutaja sellesse jututuppa",
+        "invite_3pid_needs_is_error": "Kasutajatele e-posti teel kutse saatmiseks pruugi isikutuvastusserverit. Täpsemalt saad seda hallata seadistustes.",
+        "invite_3pid_use_default_is_title": "Kasuta isikutuvastusserverit",
+        "invite_3pid_use_default_is_title_description": "E-posti teel kutse saatmiseks kasuta isikutuvastusserverit. Võid kasutada vaikimisi serverit (%(defaultIdentityServerName)s) või määrata muu serveri seadistustes.",
+        "invite_failed": "Kasutaja %(user)s siiski ei saanud kutset %(roomId)s jututuppa, kuid kutse saatja liides ei kuvanud ka viga",
+        "join": "Liitu antud aadressiga jututoaga",
+        "jumptodate": "Vaata ajajoont alates sellest kuupäevast",
+        "jumptodate_invalid_input": "Me ei suutnud sellist kuupäeva mõista (%(inputDate)s). Pigem kasuta aaaa-kk-pp vormingut.",
+        "lenny": "Lisa ( ͡° ͜ʖ ͡°) smaili vormindamata sõnumi algusesse",
+        "manual_device_verification_confirm_description": "See võimaldab muul seadmel saata ja vastu võtta sõnumeid esinedes sinuna. KUI KEEGI PALUS SUL SIIA MIDAGI KOPEERIDA, SIIS ON SEE KAHTLANE JA ILMSELT PROOVITAKSE SIND PETTA. Kas sa oled kindel, et soovid seda teist seadet verifitseerida?",
+        "manual_device_verification_confirm_title": "Hoiatus: seadme käsitsi verifitseerimine",
+        "me": "Näitab tegevusi",
+        "msg": "Saadab sõnumi näidatud kasutajale",
+        "myavatar": "Sellega muudad sinu tunnuspilti kõikides jututubades",
+        "myroomavatar": "Sellega muudad oma tunnuspilti vaid selles jututoas",
+        "myroomnick": "Muudab sinu kuvatavat nime vaid selles jututoas",
+        "nick": "Muudab sinu kuvatavat nime",
+        "no_active_call": "Jututoas ei ole kõnet pooleli",
+        "op": "Määra kasutaja õigused",
+        "part_unknown_alias": "Jututoa tundmatu aadress: %(roomAlias)s",
+        "plain": "Saadab sõnumi vormindamata tekstina ega tõlgenda seda markdown-vormindusena",
+        "query": "Avab vestluse näidatud kasutajaga",
+        "query_not_found_phone_number": "Sellele telefoninumbrile vastavat Matrix'i kasutajatunnust ei õnnestu leida",
+        "rageshake": "Saada veakirjeldus koos logikirjetega",
+        "rainbow": "Saadab selle sõnumi vikerkaarevärvilisena",
+        "rainbowme": "Saadab antud emote vikerkaarevärvides",
+        "remove": "Järgnevaga eemaldad antud kasutajatunnusega osaleja sellest jututoast",
+        "roomavatar": "Muudab selle jututoa tunnuspilti",
+        "roomname": "Määrab jututoa nime",
+        "server_error": "Serveri viga",
+        "server_error_detail": "Server pole kas saadaval, on ülekoormatud või midagi muud läks viltu.",
+        "shrug": "Lisa ¯\\_(ツ)_/¯ smaili vormindamata teksti algusesse",
+        "spoiler": "Saadab selle sõnumi rõõmurikkujana",
+        "status": {
+            "description": "Määratle oma praegune olek",
+            "no_args": "Sa pole argumente lisanud. Peaksid lisama emoji ja kui tahad, siis ka tekstikomponendi.",
+            "no_emoji": "Sa ei lisanud emojit",
+            "no_text": "Sa ei lisanud mitte mingit olekuteksti",
+            "too_long_emoji": "Esimene argument peab olema emoji",
+            "too_long_text": "Sinu sisestatud tekst on liiga pikk."
+        },
+        "tableflip": "Lisab vormindamata sõnumi ette (╯°□°）╯︵ ┻━┻",
+        "topic": "Otsib või määrab jututoa teema",
+        "topic_none": "Sellel jututoal puudub teema.",
+        "topic_room_error": "Jututoa teema laadimine ei õnnestu: jututuba ei õnnestu leida (%(roomId)s)",
+        "unban": "Taasta ligipääs antud tunnusega kasutajale",
+        "unflip": "Lisab vormindamata sõnumi ette ┬──┬ ノ( ゜-゜ノ)",
+        "unholdcall": "Võtab selles jututoas ootel oleva kõne",
+        "unignore": "Lõpeta kasutaja eiramine ja näita edaspidi tema sõnumeid",
+        "unignore_dialog_description": "Sa edaspidi ei eira kasutajat %(userId)s",
+        "unignore_dialog_title": "Kasutaja, kelle eiramine on lõppenud",
+        "unknown_command": "Tundmatu käsk",
+        "unknown_command_button": "Saada sõnumina",
+        "unknown_command_detail": "Tundmatu käsk: %(commandText)s",
+        "unknown_command_help": "Kirjutades <code>/help</code> saad vaadata käskude loendit. Või soovisid seda saata sõnumina?",
+        "unknown_command_hint": "Vihje: kui soovid alustada sõnumit kaldkriipsuga, siis kirjuta <code>//</code>.",
+        "upgraderoom": "Uuendab jututoa uue versioonini",
+        "upgraderoom_permission_error": "Sul ei ole piisavalt õigusi selle käsu käivitamiseks.",
+        "usage": "Kasutus",
+        "verify": "Verifitseeri üks oma seadmetest käsitsi",
+        "view": "Vaata sellise aadressiga jututuba",
+        "whois": "Näitab teavet kasutaja kohta"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Järkjärgulise sünkroonimise (Sliding sync) varasem lahendus pole enam toetatud: uue lahenduse kasutamiseks palun logi rakendusesse uuesti sisse",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Kas sa selle asemel soovid lisada jututuba?",
+            "create_prompt": "Loo uus jututuba",
+            "dm_heading": "Isiklikud sõnumid",
+            "error_heading": "Kõiki valituid me ei lisanud",
+            "progress_text": {
+                "one": "Lisan jututuba...",
+                "other": "Lisan jututubasid... (%(progress)s/%(count)s)"
+            },
+            "space_dropdown_label": "Kogukonna valik",
+            "space_dropdown_title": "Lisa olemasolevaid jututubasid",
+            "subspace_moved_note": "Kogukondade lisamine asub nüüd uues kohas."
+        },
+        "add_existing_subspace": {
+            "create_button": "Loo uus kogukond",
+            "create_prompt": "Kas sa selle asemel soovid lisada uut kogukonda?",
+            "filter_placeholder": "Otsi kogukondi",
+            "space_dropdown_title": "Lisa olemasolev kogukond"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Vaata jututoa ajajoont (arendusvaade)",
+            "explore": "Tutvu jututubadega",
+            "home": "Kogukonna avaleht",
+            "manage_and_explore": "Halda ja uuri jututubasid",
+            "options": "Kogukonna eelistused"
+        },
+        "failed_load_rooms": "Jututubade loendi laadimine ei õnnestunud.",
+        "failed_remove_rooms": "Mõnede jututubade eemaldamine ei õnnestunud. Proovi hiljem uuesti",
+        "incompatible_server_hierarchy": "Sinu koduserver ei võimalda kuvada kogukondade hierarhiat.",
+        "invite": "Kutsu teisi kasutajaid",
+        "invite_description": "Kutsu e-posti aadressi või kasutajanime alusel",
+        "invite_link": "Jaga kutse linki",
+        "joining_space": "Liitun",
+        "landing_welcome": "Tete tulemast <name/> liikmeks",
+        "leave_dialog_action": "Lahku kogukonnast",
+        "leave_dialog_description": "Sa oled lahkumas <spaceName/> kogukonnast.",
+        "leave_dialog_only_admin_room_warning": "Mõnedes jututubades või kogukondades oled sa ainus haldaja. Kuna sa nüüd soovid neist lahkuda, siis jäävad nad haldajata.",
+        "leave_dialog_only_admin_warning": "Sa oled selle kogukonna ainus haldaja. Kui lahkud, siis ei leidu enam kedagi, kellel oleks seal haldusõigusi.",
+        "leave_dialog_option_all": "Lahku kõikidest jututubadest",
+        "leave_dialog_option_intro": "Kas sa soovid lahkuda ka selle kogukonna jututubadest?",
+        "leave_dialog_option_none": "Ära lahku ühestki jututoast",
+        "leave_dialog_option_specific": "Lahku mõnedest jututubadest",
+        "leave_dialog_public_rejoin_warning": "Ilma uue kutseta sa ei saa uuesti liituda.",
+        "leave_dialog_title": "Lahku %(spaceName)s kogukonnast",
+        "mark_suggested": "Märgi soovituseks",
+        "no_search_result_hint": "Aga proovi muuta otsingusõna või kontrolli ega neis trükivigu polnud.",
+        "preferences": {
+            "sections_section": "Näidatavad valikud",
+            "show_people_in_space": "Sellega rühmitad selle kogukonna liikmetega peetavaid vestlusi. Kui seadistus pole kasutusel, siis on neid vestlusi %(spaceName)s kogukonna vaates ei kuvata."
+        },
+        "room_filter_placeholder": "Otsi jututube",
+        "search_children": "Otsi %(spaceName)s kogukonnast",
+        "search_placeholder": "Otsi nimede ja kirjelduste seast",
+        "select_room_below": "Esmalt vali alljärgnevast üks jututuba",
+        "share_public": "Jaga oma avalikku kogukonda",
+        "suggested": "Soovitatud",
+        "suggested_tooltip": "Teised kasutajad soovitavad liitumist selle jututoaga",
+        "title_when_query_available": "Tulemused",
+        "title_when_query_unavailable": "Jututoad ja kogukonnad",
+        "unmark_suggested": "Eemalda soovitus",
+        "user_lacks_permission": "Sul puuduvad selleks õigused"
+    },
+    "space_settings": {
+        "title": "Seadistused - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Sisesta uue serveri nimi mida tahad uurida.",
+            "network_dropdown_add_dialog_placeholder": "Serveri nimi",
+            "network_dropdown_add_dialog_title": "Lisa uus server",
+            "network_dropdown_add_server_option": "Lisa uus server…",
+            "network_dropdown_available_invalid": "Ei leia seda serverit ega tema jututubade loendit",
+            "network_dropdown_available_invalid_forbidden": "Sul puuduvad õigused selle serveri jututubade loendi vaatamiseks",
+            "network_dropdown_available_valid": "Tundub õige",
+            "network_dropdown_remove_server_adornment": "Eemalda server „%(roomServer)s“",
+            "network_dropdown_required_invalid": "Sisesta serveri nimi",
+            "network_dropdown_selected_label": "Näita: Matrixi jututube",
+            "network_dropdown_selected_label_instance": "Näita: %(instance)s jututuba %(server)s serveris",
+            "network_dropdown_your_server_description": "Sinu server"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Kui sa ei leia otsitavaid, siis saada neile kutse.",
+        "cant_find_room_helpful_hint": "Kui sa ei leia otsitavat jututuba, siis palu sinna kutset või loo uus jututuba.",
+        "copy_link_text": "Kopeeri kutse link",
+        "count_of_members": {
+            "one": "%(count)s liige",
+            "other": "%(count)s liiget"
+        },
+        "create_new_room_button": "Loo uus jututuba",
+        "failed_querying_public_rooms": "Avalike jututubade tuvastamise päring ei õnnestunud",
+        "failed_querying_public_spaces": "Päring avalike kogukondade tuvastamiseks ei õnnestunud",
+        "group_chat_section_title": "Muud valikud",
+        "heading_with_query": "Otsinguks kasuta „%(query)s“",
+        "heading_without_query": "Otsingusõna",
+        "join_button_text": "Liitu %(roomAddress)s jututoaga",
+        "keyboard_scroll_hint": "Kerimiseks kasuta <arrows/>",
+        "messages_label": "Sõnumid",
+        "other_rooms_in_space": "Muud jututoad %(spaceName)s kogukonnad",
+        "public_rooms_label": "Avalikud jututoad",
+        "public_spaces_label": "Avalikud kogukonnad",
+        "recent_searches_section_title": "Hiljutised otsingud",
+        "recently_viewed_section_title": "Hiljuti vaadatud",
+        "remove_filter": "Eemalda otsingufilter „%(filter)s“",
+        "result_may_be_hidden_privacy_warning": "Mõned tulemused võivad privaatsusseadistuste tõttu olla peidetud",
+        "result_may_be_hidden_warning": "Mõned tulemused võivad olla peidetud",
+        "search_dialog": "Otsinguvaade",
+        "spaces_title": "Kogukonnad, mille liige sa oled",
+        "start_group_chat_button": "Alusta rühmavestlust"
+    },
+    "stickers": {
+        "empty": "Sul pole ühtegi kleepsupakki kasutusel",
+        "empty_add_prompt": "Lisa nüüd mõned"
+    },
+    "terms": {
+        "column_document": "Dokument",
+        "column_service": "Teenus",
+        "column_summary": "Kokkuvõte",
+        "identity_server_no_terms_description_1": "E-posti aadressi või telefoninumbri kontrolliks see tegevus eeldab päringut vaikimisi isikutuvastusserverisse <server />, aga sellel serveril puuduvad kasutustingimused.",
+        "identity_server_no_terms_description_2": "Jätka vaid siis, kui sa usaldad serveri omanikku.",
+        "identity_server_no_terms_title": "Isikutuvastusserveril puuduvad kasutustingimused",
+        "inline_intro_text": "Jätkamiseks nõustu <policyLink />'ga:",
+        "integration_manager": "Kasuta roboteid, sõnumisildu, vidinaid või kleepsupakke",
+        "intro": "Jätkamaks pead nõustuma kasutustingimustega.",
+        "summary_identity_server_1": "Leia teisi kasutajaid telefoninumbri või e-posti aadressi alusel",
+        "summary_identity_server_2": "Ole leitav telefoninumbri või e-posti aadressi alusel",
+        "tac_button": "Vaata üle kasutustingimused",
+        "tac_description": "Selleks et jätkata koduserveri %(homeserverDomain)s kasutamist sa pead üle vaatama ja nõustuma meie kasutustingimustega.",
+        "tac_title": "Kasutustingimused",
+        "tos": "Kasutustingimused"
+    },
+    "theme": {
+        "light_high_contrast": "Hele ja väga kontrastne",
+        "match_system": "Kasuta süsteemset väärtust"
+    },
+    "thread_view_back_action_label": "Tagasi jutulõnga manu",
+    "threads": {
+        "all_threads": "Kõik jutulõngad",
+        "all_threads_description": "Näitab kõiki praeguse jututoa jutulõngasid",
+        "count_of_reply": {
+            "one": "%(count)s vastus",
+            "other": "%(count)s vastust"
+        },
+        "empty_description": "Sõnumi kohtmenüüst vali „%(replyInThread)s“",
+        "empty_title": "Jutulõngad aitavad hoida vestlusi teemakohastena ja hallatavatena.",
+        "mark_all_read": "Märgi kõik loetuks",
+        "my_threads": "Minu jutulõngad",
+        "my_threads_description": "Näitab kõiki jutulõngasid, kus sa oled osalenud",
+        "open_thread": "Ava jutulõng",
+        "show_thread_filter": "Näita:"
+    },
+    "threads_activity_centre": {
+        "header": "Jutulõngade ülevaade",
+        "no_rooms_with_threads_notifs": "Pole veel ühtegi jutulõngakohase teavitusega jututuba.",
+        "no_rooms_with_unread_threads": "Pole veel ühtegi lugemata jutulõngaga jututuba."
+    },
+    "time": {
+        "date_at_time": "%(date)s %(time)s",
+        "hours_minutes_seconds_left": "jäänud on %(hours)st %(minutes)sm %(seconds)ss",
+        "left": "jäänud %(timeRemaining)s",
+        "minutes_seconds_left": "jäänud on %(minutes)sm %(seconds)ss",
+        "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",
+        "short_hours": "%(value)s t",
+        "short_hours_minutes_seconds": "%(hours)s t %(minutes)s m %(seconds)s s",
+        "short_minutes": "%(value)s m",
+        "short_minutes_seconds": "%(minutes)s m %(seconds)s s",
+        "short_seconds": "%(value)s s"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Ahenda vastuste jutulõnga",
+            "external_url": "Lähteaadress",
+            "open_in_osm": "Ava OpenStreetMap'is",
+            "report": "Teata sisust",
+            "resent_unsent_reactions": "Saada uuesti %(unsentCount)s reaktsioon(i)",
+            "show_url_preview": "Näita eelvaadet",
+            "view_related_event": "Vaata seotud sündmust",
+            "view_source": "Vaata lähtekoodi"
+        },
+        "creation_summary_dm": "%(creator)s alustas seda otsesuhtlust.",
+        "creation_summary_room": "%(creator)s lõi ja seadistas jututoa.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Saatja verifitseeritud võrguidentiteet on lähtestatud",
+            "unable_to_decrypt": "Sõnumi dekrüptimine ei õnnestu"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Laadin alla",
+        "download_failed": "Allalaadimine ei õnnestunud",
+        "download_failed_description": "Selle faili allalaadimisel tekkis viga",
+        "edits": {
+            "tooltip_label": "Muudetud %(date)s. Klõpsi et näha varasemaid versioone.",
+            "tooltip_sub": "Muudatuste nägemiseks klõpsi",
+            "tooltip_title": "Muutmise kuupäev %(date)s"
+        },
+        "error_no_renderer": "Seda sündmust ei õnnestunud kuvada",
+        "error_rendering_message": "Selle sõnumi laadimine ei õnnestu",
+        "historical_messages_unavailable": "Sa ei saa näha varasemaid sõnumeid",
+        "in_room_name": " <strong>%(room)s</strong> jututoas",
+        "io.element.widgets.layout": "%(senderName)s on uuendanud jututoa välimust",
+        "late_event_separator": "Algselt saadetud %(dateTime)s",
+        "load_error": {
+            "no_permission": "Üritasin laadida teatud hetke selle jututoa ajajoonelt, kuid sul ei ole õigusi selle sõnumi nägemiseks.",
+            "title": "Asukoha laadimine ajajoonel ei õnnestunud",
+            "unable_to_find": "Üritasin laadida teatud hetke selle jututoa ajajoonelt, kuid ei suutnud seda leida."
+        },
+        "m.audio": {
+            "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Vaata asukohta reaalajas"
+        },
+        "m.call": {
+            "video_call_ended": "Videokõne on lõppenud",
+            "video_call_started": "Videokõne algas %(roomName)s jututoas.",
+            "video_call_started_text": "%(name)s algatas videokõne",
+            "video_call_started_unsupported": "Videokõne algas %(roomName)s jututoas. (ei ole selles brauseris toetatud)"
+        },
+        "m.call.hangup": {
+            "dm": "Kõne lõppes"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Vastatud mujal",
+            "call_back_prompt": "Helista tagasi",
+            "declined": "Osapool keeldus kõnest",
+            "failed_connect_media": "Meediaseadme ühendamine ei õnnestunud",
+            "failed_connection": "Ühendus ebaõnnestus",
+            "failed_opponent_media": "Teise osapoole seadmes ei õnnestunud sisse lülitada kaamerat või mikrofoni",
+            "missed_call": "Vastamata kõne",
+            "no_answer": "Keegi ei vasta kõnele",
+            "unknown_error": "Tekkis teadmata viga",
+            "unknown_failure": "Tundmatu viga: %(reason)s",
+            "unknown_state": "Selle kõne oleks on teadmata!",
+            "video_call": "%(senderName)s alustas videokõnet.",
+            "video_call_unsupported": "%(senderName)s alustas videokõnet. (sellel brauseril puudub niisuguste kõnede tugi)",
+            "voice_call": "%(senderName)s alustas häälkõnet.",
+            "voice_call_unsupported": "%(senderName)s alustas häälkõnet. (sellel brauseril puudub niisuguste kõnede tugi)"
+        },
+        "m.file": {
+            "error_decrypting": "Viga manuse dekrüptimisel"
+        },
+        "m.image": {
+            "error": "Vea tõttu ei ole võimalik pilti kuvada",
+            "error_decrypting": "Viga pildi dekrüptimisel",
+            "error_downloading": "Pildifaili allalaadimine ei õnnestunud",
+            "sent": "%(senderDisplayName)s saatis pildi.",
+            "show_image": "Näita pilti"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s soovib verifitseerida",
+            "you_started": "Sa saatsid verifitseerimispalve"
+        },
+        "m.location": {
+            "full": "%(senderName)s jagas oma asukohta",
+            "location": "Jagatud asukoht: ",
+            "self_location": "Jagas oma asukohta: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s hääl",
+                "other": "%(count)s häält"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s lõpetas küsitluse"
+        },
+        "m.poll.start": "%(senderName)s algatas küsitluse - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s muutis jututoa tunnuspilti.",
+            "lightbox_title": "%(senderDisplayName)s muutis %(roomName)s jututoa tunnuspilti"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s lisas sellele jututoale täiendava aadressi %(addresses)s.",
+                "one": "%(senderName)s lisas sellele jututoale täiendava aadressi %(addresses)s."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s eemaldas täiendavad aadressid %(addresses)s sellelt jututoalt.",
+                "one": "%(senderName)s eemaldas täiendava aadressi %(addresses)s sellelt jututoalt."
+            },
+            "changed": "%(senderName)s muutis selle jututoa aadresse.",
+            "changed_alternative": "%(senderName)s muutis selle jututoa täiendavat aadressi.",
+            "changed_main_and_alternative": "%(senderName)s muutis selle jututoa põhiaadressi ja täiendavat aadressi.",
+            "removed": "%(senderName)s eemaldas põhiaadressi sellest jututoast.",
+            "set": "%(senderName)s muutis selle jututoa põhiaadressiks %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "See jututuba on järg varasemale vestlusele.",
+            "see_older_messages": "Vanemate sõnumite nägemiseks klõpsi siia.",
+            "unknown_predecessor": "Me ei leia selle jututoa vana versiooni (jututoa tunnus: %(roomId)s) ja meil pole otsimiseks ka teavet „via_servers“ meetodi alusel.",
+            "unknown_predecessor_guess_server": "Me ei leia selle jututoa vana versiooni (jututoa tunnus: %(roomId)s) ja meil pole otsimiseks ka teavet „via_servers“ meetodi alusel. Võimalik, et me suudame jututoa tunnuse alusel serveri nime välja mõelda. Kui tahad proovida, siis klõpsi seda linki:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s on lubanud külalistel jututoaga liituda.",
+            "forbidden": "%(senderDisplayName)s on määranud et külalised ei saa jututoaga liituda.",
+            "unknown": "%(senderDisplayName)s muutis külaliste ligipääsureeglid alljärgnevaks - %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s määras, et jututoa ajalugu on nähtav kõikidele selle liikmetele nende kutsumise hetkest.",
+            "joined": "%(senderName)s määras, et jututoa tulevane ajalugu on nähtav kõikidele selle liikmetele nende liitumise hetkest.",
+            "shared": "%(senderName)s määras, et jututoa tulevane ajalugu on nähtav kõikidele selle liikmetele.",
+            "unknown": "%(senderName)s seadistas, et jututoa tulevase ajaloo nähtavuse olek on (%(visibility)s).",
+            "world_readable": "%(senderName)s seadistas, et jututoa tulevane ajalugu on kõigile nähtav."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s määras, et jututuppa pääseb vaid kutsega.",
+            "knock": "%(senderDisplayName)s muutis liitumisreegleid nii, et liitumiseks peab luba küsima.",
+            "public": "%(senderDisplayName)s muutis selle jututoa avalikuks kõigile, kes teavad tema aadressi.",
+            "restricted": "%(senderDisplayName)s muutis selle jututoaga liitumise õigusi.",
+            "restricted_settings": "%(senderDisplayName)s muutis selle jututoaga liitumise õigusi. <a>Vaata seadistusi</a>.",
+            "unknown": "%(senderDisplayName)s muutis liitumisreeglid järgnevaks - %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s võttis vastu kutse %(displayName)s nimel",
+            "accepted_invite": "%(targetName)s võttis kutse vastu",
+            "ban": "%(senderName)s keelas ligipääsu kasutajale",
+            "ban_reason": "%(senderName)s keelas ligipääsu kasutajale: %(reason)s",
+            "ban_reason_spoiler": "%(senderName)s seadis kasutajale <user/> suhtluskeelu ja põhjuseks oli: %(reason)s",
+            "ban_spoiler": "%(senderName)s seadis kasutajale <user/> suhtluskeelu",
+            "change_avatar": "%(senderName)s muutis oma profiilipilti",
+            "change_name": "%(oldDisplayName)s muutis oma kuvatava nime %(displayName)s-ks",
+            "change_name_avatar": "%(oldDisplayName)s muutis oma kuvatavat nime ja tunnuspilti",
+            "invite": "%(senderName)s saatis kutse kasutajale %(targetName)s",
+            "join": "%(targetName)s liitus jututoaga",
+            "kick": "%(senderName)s eemaldas kasutaja %(targetName)s",
+            "kick_reason": "%(senderName)s eemaldas kasutaja %(targetName)s: %(reason)s",
+            "left": "%(targetName)s lahkus jututoast",
+            "left_reason": "%(targetName)s lahkus jututoast: %(reason)s",
+            "no_change": "%(senderName)s ei teinud muutusi",
+            "reject_invite": "%(targetName)s lükkas kutse tagasi",
+            "reject_invite_reason": "%(targetName)s lükkas kutse tagasi: %(reason)s",
+            "remove_avatar": "%(senderName)s eemaldas oma profiilipildi",
+            "remove_name": "%(senderName)s eemaldas oma kuvatava nime (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s määras oma profiilipildi",
+            "set_name": "%(senderName)s määras oma kuvatava nime %(displayName)s-ks",
+            "unban": "%(senderName)s taastas ligipääsu kasutajale %(targetName)s",
+            "withdrew_invite": "%(senderName)s võttis tagasi %(targetName)s kutse",
+            "withdrew_invite_reason": "%(senderName)s võttis tagasi %(targetName)s kutse: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s muutis jututoa vana nime %(oldRoomName)s uueks nimeks %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s eemaldas jututoa nime.",
+            "set": "%(senderDisplayName)s muutis jututoa nimeks %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s muutis selle jututoa esiletõstetud sõnumeid.",
+            "changed_link": "%(senderName)s muutis selle jututoa <a>esiletõstetud sõnumeid</a>.",
+            "pinned": "%(senderName)s tõstis siin jututoas ühe sõnumi esile. Vaata kõiki esiletõstetud sõnumeid.",
+            "pinned_link": "%(senderName)s tõstis siin jututoas <a>ühe sõnumi</a> esile. Vaata kõiki <b>esiletõstetud sõnumeid</b>.",
+            "unpinned": "%(senderName)s eemaldas siin jututoas esiletõstmise ühelt sõnumilt. Vaata kõiki esiletõstetud sõnumeid.",
+            "unpinned_link": "%(senderName)s eemaldas siin jututoas esiletõstmise <a>ühelt sõnumilt</a>. Vaata kõiki <b>esiletõstetud sõnumeid</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s muutis õiguseid: %(powerLevelDiffText)s.",
+            "user_from_to": "kasutaja „%(userId)s“ õigused muutusid: %(fromPowerLevel)s → %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s võttis %(targetDisplayName)s'lt tagasi jututoaga liitumise kutse.",
+            "sent": "%(senderName)s saatis %(targetDisplayName)s'le kutse jututoaga liitumiseks."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s uuendas seda jututuba.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s muutis uueks teemaks „%(topic)s“.",
+            "removed": "%(senderDisplayName)s eemaldas teema."
+        },
+        "m.sticker": "%(senderDisplayName)s saatis kleepsu.",
+        "m.video": {
+            "error_decrypting": "Viga videovoo dekrüptimisel",
+            "show_video": "Näita videot"
+        },
+        "m.widget": {
+            "added": "%(senderName)s lisas vidina %(widgetName)s",
+            "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"
+        },
+        "mab": {
+            "copy_link_thread": "Kopeeri jutulõnga link",
+            "view_in_room": "Vaata jututoas"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s muutis %(reason)s tõttu ligipääsukeelu reegli algset tingimust %(oldGlob)s uueks tingimuseks %(newGlob)s",
+            "changed_rule_rooms": "%(senderName)s muutis %(reason)s tõttu jututubade ligipääsukeelu reegli algset tingimust %(oldGlob)s uueks tingimuseks %(newGlob)s",
+            "changed_rule_servers": "%(senderName)s muutis %(reason)s tõttu serverite ligipääsukeelu reegli algset tingimust %(oldGlob)s uueks tingimuseks %(newGlob)s",
+            "changed_rule_users": "%(senderName)s muutis %(reason)s tõttu kasutajate ligipääsukeelu reegli algset tingimust %(oldGlob)s uueks tingimuseks %(newGlob)s",
+            "created_rule": "%(senderName)s määras %(reason)s tõttu ligipääsukeelu reegli, mis vastas tingimusele %(glob)s",
+            "created_rule_rooms": "%(senderName)s määras %(reason)s tõttu jututubade ligipääsukeelu reegli, mis vastas tingimusele %(glob)s",
+            "created_rule_servers": "%(senderName)s määras %(reason)s tõttu serverite ligipääsukeelu reegli, mis vastas tingimusele %(glob)s",
+            "created_rule_users": "%(senderName)s määras %(reason)s tõttu kasutajate ligipääsukeelu reegli, mis vastas tingimusele %(glob)s",
+            "removed_rule": "%(senderName)s eemaldas ligipääsukeelu reegli, mis vastas tingimusele %(glob)s",
+            "removed_rule_rooms": "%(senderName)s eemaldas jututubade ligipääsukeelu reegli, mis vastas tingimusele %(glob)s",
+            "removed_rule_servers": "%(senderName)s eemaldas serverite ligipääsukeelu reegli, mis vastas tingimusele %(glob)s",
+            "removed_rule_users": "%(senderName)s eemaldas kasutajate ligipääsukeelu reegli, mis vastas tingimusele %(glob)s",
+            "updated_invalid_rule": "%(senderName)s uuendas vigast ligipääsukeelu reeglit",
+            "updated_rule": "%(senderName)s uuendas %(reason)s põhjusel ligipääsukeelu reeglit, mis vastas tingimusele %(glob)s",
+            "updated_rule_rooms": "%(senderName)s uuendas %(reason)s põhjusel jututubade ligipääsukeelu reeglit, mis vastas tingimusele %(glob)s",
+            "updated_rule_servers": "%(senderName)s uuendas %(reason)s põhjusel serverite ligipääsukeelu reeglit, mis vastas tingimusele %(glob)s",
+            "updated_rule_users": "%(senderName)s uuendas %(reason)s põhjusel kasutajate ligipääsukeelu reeglit, mis vastas tingimusele %(glob)s"
+        },
+        "no_permission_messages_before_invite": "Sul pole õigusi vaadata enne kutse saatmist saadetud sõnumeid.",
+        "no_permission_messages_before_join": "Sul pole õigusi vaadata enne liitumist saadetud sõnumeid.",
+        "pending_moderation": "Sõnum on modereerimise ootel",
+        "pending_moderation_reason": "Sõnum on modereerimise ootel: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Lisa reaktsioon",
+            "custom_reaction_fallback_label": "Kohandatud reaktsioon",
+            "label": "%(reactors)s kasutajat reageeris järgnevalt: %(content)s",
+            "tooltip_caption": "kasutas reageerimiseks %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Seda nägi %(count)s lugeja",
+            "other": "Seda nägid %(count)s lugejat"
+        },
+        "read_receipts_label": "Lugemisteatised",
+        "redacted": {
+            "tooltip": "Sõnum on kustutatud %(date)s"
+        },
+        "redaction": "%(name)s kustutas sõnumi",
+        "reply": {
+            "error_loading": "Ei ole võimalik laadida seda sündmust, millele vastus on tehtud - teda kas pole olemas või sul pole õigusi seda näha.",
+            "in_reply_to": "<a>Vastuseks kasutajale</a> <pill>",
+            "in_reply_to_for_export": "Vastuseks <a>sellele sõnumile</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Sind juhatatakse kolmanda osapoole veebisaiti, kus sa saad autentida oma kontoga %(integrationsUrl)s kasutamiseks. Kas sa soovid jätkata?",
+            "dialog_title": "Lisa lõiming"
+        },
+        "self_redaction": "Sõnum on kustutatud",
+        "send_state_encrypting": "Krüptin sinu sõnumit…",
+        "send_state_failed": "Saatmine ei õnnestunud",
+        "send_state_sending": "Saadan sinu sõnumit…",
+        "send_state_sent": "Sinu sõnum sai saadetud",
+        "summary": {
+            "banned": {
+                "other": "sai ligipääsukeelu %(count)s korda",
+                "one": "sai ligipääsukeelu"
+            },
+            "banned_multiple": {
+                "other": "said ligipääsukeelu %(count)s korda",
+                "one": "said ligipääsukeelu"
+            },
+            "changed_avatar": {
+                "other": "Kasutaja %(oneUser)s muutis oma tunnuspilti %(count)s korda",
+                "one": "%(oneUser)s muutis oma profiilipilti"
+            },
+            "changed_avatar_multiple": {
+                "other": "Mitu kasutajat %(severalUsers)s muutsid oma tunnuspilti %(count)s korda",
+                "one": "%(severalUsers)s kasutajat muutsid oma profiilipilti"
+            },
+            "changed_name": {
+                "one": "Kasutaja %(oneUser)s muutis oma nime",
+                "other": "Kasutaja %(oneUser)s muutis oma nime %(count)s korda"
+            },
+            "changed_name_multiple": {
+                "other": "Mitu kasutajat %(severalUsers)s muutsid oma nime %(count)s korda",
+                "one": "Mitu kasutajat %(severalUsers)s muutsid oma nime"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)s saatis ühe peidetud sõnumi",
+                "other": "%(oneUser)s saatis %(count)s peidetud sõnumit"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)s saatsid ühe peidetud sõnumi",
+                "other": "%(severalUsers)s saatsid %(count)s peidetud sõnumit"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)s kutse võeti tagasi %(count)s korda",
+                "one": "Kasutaja %(oneUser)s kutse võeti tagasi"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)s kutse võeti tagasi %(count)s korda",
+                "one": "Kasutajate %(severalUsers)s kutse võeti tagasi"
+            },
+            "invited": {
+                "other": "sai kutse %(count)s korda",
+                "one": "sai kutse"
+            },
+            "invited_multiple": {
+                "other": "said kutse %(count)s korda",
+                "one": "said kutse"
+            },
+            "joined": {
+                "other": "%(oneUser)s liitus %(count)s korda",
+                "one": "%(oneUser)s liitus"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)s liitus ja lahkus %(count)s korda",
+                "one": "%(oneUser)s liitus ja lahkus"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)s liitusid ja lahkusid %(count)s korda",
+                "one": "%(severalUsers)s liitusid ja lahkusid"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s liitusid %(count)s korda",
+                "one": "%(severalUsers)s liitusid"
+            },
+            "kicked": {
+                "one": "eemaldati",
+                "other": "eemaldati %(count)s korda"
+            },
+            "kicked_multiple": {
+                "one": "eemaldati",
+                "other": "eemaldati %(count)s korda"
+            },
+            "left": {
+                "other": "%(oneUser)s lahkus %(count)s korda",
+                "one": "%(oneUser)s lahkus"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)s lahkusid %(count)s korda",
+                "one": "%(severalUsers)s lahkusid"
+            },
+            "no_change": {
+                "other": "%(oneUser)s ei teinud muutusi %(count)s korda",
+                "one": "%(oneUser)s ei teinud muudatusi"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)s ei teinud muudatusi %(count)s korda",
+                "one": "%(severalUsers)s ei teinud muudatusi"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)s muutis selle jututoa <a>esiletõstetud sõnumeid</a>",
+                "other": "%(oneUser)s muutis selle jututoa <a>esiletõstetud sõnumeid</a> %(count)s korda"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s muutsid selle jututoa <a>esiletõstetud sõnumeid</a>",
+                "other": "%(severalUsers)s muutsid selle jututoa <a>esiletõstetud sõnumeid</a> %(count)s korda"
+            },
+            "redacted": {
+                "one": "%(oneUser)s kustutas sõnumi",
+                "other": "%(oneUser)s kustutas %(count)s sõnumit"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s kustutas sõnumi",
+                "other": "%(severalUsers)s kustutasid %(count)s sõnumit"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)s lükkas tagasi oma kutse %(count)s korda",
+                "one": "%(oneUser)s lükkas taagasi oma kutse"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s lükkasid tagasi oma kutse %(count)s korda",
+                "one": "%(severalUsers)s lükkasid tagasi oma kutse"
+            },
+            "rejoined": {
+                "other": "%(oneUser)s lahkus ja liitus uuesti %(count)s korda",
+                "one": "%(oneUser)s lahkus ja liitus uuesti"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)s lahkusid ja liitusid uuesti %(count)s korda",
+                "one": "%(severalUsers)s lahkusid ja liitusid uuesti"
+            },
+            "unbanned": {
+                "other": "taastati ligipääs %(count)s korda",
+                "one": "taastati ligipääs"
+            },
+            "unbanned_multiple": {
+                "other": "taastati ligipääs %(count)s korda",
+                "one": "taastati ligipääs"
+            }
+        },
+        "thread_info_basic": "Jutulõngast",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s ja %(count)s muud kasutajat kirjutavad midagi…",
+                "one": "%(names)s ja üks teine kasutaja kirjutavad midagi…"
+            },
+            "one_user": "%(displayName)s kirjutab midagi…",
+            "two_users": "%(names)s ja %(lastPerson)s kirjutavad midagi…"
+        },
+        "undecryptable_tooltip": "Seda sõnumit ei õnnestunud dekrüptida"
+    },
+    "truncated_list_n_more": {
+        "other": "Ja %(count)s muud..."
+    },
+    "unsupported_browser": {
+        "description": "Kui sa jätkad, siis mõni funktsionaalsus ei pruugi toimida ja on märgatav risk, et sa võid tulevikus andmeid kaotada. Kasutamaks veebirakendust %(brand)s, palun uuenda on veebibrauserit.",
+        "title": "%(brand)s ei toimi selle veebibrauseriga"
+    },
+    "unsupported_server_description": "See server kasutab Matrixi vanemat versiooni. Selleks, et %(brand)s'i kasutamisel vigu ei tekiks palun uuenda serverit nii, et kasutusel oleks Matrixi %(version)s.",
+    "unsupported_server_title": "Sinu server ei ole toetatud",
+    "update": {
+        "changelog": "Versioonimuudatuste loend",
+        "check_action": "Kontrolli uuendusi",
+        "checking": "Kontrollin uuenduste olemasolu…",
+        "downloading": "Laadin alla uuendust…",
+        "error_encountered": "Tekkis viga (%(errorDetail)s).",
+        "error_unable_load_commit": "Ei õnnestu laadida sõnumi lisateavet: %(msg)s",
+        "new_version_available": "Saadaval on uus versioon. <a>Uuenda nüüd.</a>",
+        "no_update": "Uuendusi pole saadaval.",
+        "release_notes_toast_title": "Meie uudised",
+        "see_changes_button": "Mida on meil uut?",
+        "toast_description": "%(brand)s ralenduse uus versioon on saadaval",
+        "toast_title": "Uuenda %(brand)s rakendust",
+        "unavailable": "Ei ole saadaval"
+    },
+    "update_room_access_modal": {
+        "description": "Kui soovid luua jagatavat linki, siis pead selle jututoa tegema <b>avalikuks</b> või pead seadistustest lubama huvilistel <b>paluda võimalust liitumiseks</b>. See võimaldab külalistel liituda ilma kutseta.",
+        "dont_change_description": "Kui sa ei soovi selle jututoa ligipääsuõigusi muuta, siis teise võimalusena saad helistamiseks luua eraldi jututoa",
+        "no_change": "Ma ei soovi muuta õigusi jututoas.",
+        "revert_access_description": "(Eelmise väärtuse saad taastada jututoa seadistustest: <b>Turvalisus & Privaatsus</b> / <b>Ligipääs</b>)",
+        "title": "Luba külalistel selle jututoaga liituda"
+    },
+    "upload_failed_generic": "Faili '%(fileName)s' üleslaadimine ei õnnestunud.",
+    "upload_failed_size": "Faili '%(fileName)s' suurus ületab serveris seadistatud üleslaadimise piiri",
+    "upload_failed_title": "Üleslaadimine ei õnnestunud",
+    "upload_file": {
+        "cancel_all_button": "Tühista kõik",
+        "error_file_too_large": "See fail on üleslaadimiseks <b>liiga suur</b>. Üleslaaditavate failide mahupiir on %(limit)s, kuid selle faili suurus on %(sizeOfThisFile)s.",
+        "error_files_too_large": "Need failid on üleslaadimiseks <b>liiga suured</b>. Failisuuruse piir on %(limit)s.",
+        "error_some_files_too_large": "Mõned failid on üleslaadimiseks <b>liiga suured</b>. Failisuuruse piir on %(limit)s.",
+        "error_title": "Üleslaadimise viga",
+        "not_image": "Sinu valitud fail pole korrektne pildifail.",
+        "title": "Laadi failid üles",
+        "title_progress": "Laadin faile üles (%(current)s / %(total)s)",
+        "upload_all_button": "Laadi kõik üles",
+        "upload_n_others_button": {
+            "other": "Laadi üles %(count)s muud faili",
+            "one": "Laadi üles %(count)s muu fail"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Haldustoimingud",
+        "ban_button_room": "Määra suhtluskeeld jututoas",
+        "ban_button_space": "Määra suhtluskeeld kogukonnas",
+        "ban_room_confirm_title": "Määra suhtluskeeld %(roomName)s jututoas",
+        "ban_space_everything": "Määra kasutajale suhtluskeeld kõikjal, kus ma saan",
+        "ban_space_specific": "Määra kasutajale suhtluskeeld valitud kohtades, kust ma saan",
+        "deactivate_confirm_action": "Deaktiveeri kasutaja",
+        "deactivate_confirm_description": "Kasutaja deaktiveerimisel eemaldatakse kõik tema seadmed ning ei lubata enam sisse logida. Lisaks lahkub ta kõikidest jututubadest, mille liige ta parasjagu on. Seda tegevust ei saa tagasi pöörata. Kas sa oled ikka kindel, et soovid selle kasutaja kõijkalt eemaldada?",
+        "deactivate_confirm_title": "Kas deaktiveerime kasutajakonto?",
+        "demote_button": "Vähenda enda õigusi",
+        "demote_self_confirm_description_space": "Kuna sa vähendad enda õigusi, siis sul ei pruugi hiljem olla võimalik seda muutust tagasi pöörata. Kui sa juhtumisi oled viimane haldusõigustega kasutaja kogukonnas, siis hiljem on võimatu samu õigusi tagasi saada.",
+        "demote_self_confirm_room": "Kuna sa vähendad enda õigusi, siis sul ei pruugi hiljem olla võimalik seda muutust tagasi pöörata. Kui sa juhtumisi oled viimane haldusõigustega kasutaja jututoas, siis hiljem on võimatu samu õigusi tagasi saada.",
+        "demote_self_confirm_title": "Kas vähendad enda õigusi?",
+        "disinvite_button_room": "Eemalda kutse jututuppa",
+        "disinvite_button_room_name": "Võta tagasi %(roomName)s jututoa kutse",
+        "disinvite_button_space": "Eemalda kutse kogukonda",
+        "error_ban_user": "Kasutaja ligipääsu keelamine ei õnnestunud",
+        "error_deactivate": "Kasutaja deaktiveerimine ei õnnestunud",
+        "error_kicking_user": "Kasutaja eemaldamine ebaõnnestus",
+        "error_mute_user": "Kasutaja summutamine ebaõnnestus",
+        "error_revoke_3pid_invite_description": "Kutse tühistamine ei õnnestunud. Serveri töös võib olla ajutine tõrge või sul pole piisavalt õigusi kutse tühistamiseks.",
+        "error_revoke_3pid_invite_title": "Kutse tühistamine ei õnnestunud",
+        "ignore_button": "Eira",
+        "ignore_confirm_description": "Kõik selle kasutaja sõnumid ja kutsed saava olema peidetud. Kas sa oled kindel, et soovid teda eirata?",
+        "ignore_confirm_title": "Eira kasutajat %(user)s",
+        "invited_by": "Kutsutud %(sender)s poolt",
+        "jump_to_rr_button": "Hüppa lugemisteatise juurde",
+        "kick_button_room": "Eemalda jututoast",
+        "kick_button_room_name": "Eemalda %(roomName)s jututoast",
+        "kick_button_space": "Eemalda sellest kogukonnast",
+        "kick_button_space_everything": "Eemalda kasutaja kõikjalt, kust ma saan",
+        "kick_space_specific": "Eemalda kasutaja valitud kohtadest, kust ma saan",
+        "kick_space_warning": "Kasutaja saab jätkuvalt ligi kohtadele, kus sul pole peakasutaja õigusi.",
+        "promote_warning": "Sa ei saa seda muudatust hiljem tagasi pöörata, sest annad teisele kasutajale samad õigused, mis sinul on.",
+        "redact": {
+            "confirm_button": {
+                "other": "Eemalda %(count)s sõnumit",
+                "one": "Eemalda 1 sõnum"
+            },
+            "confirm_description_1": {
+                "other": "Sa oled kustutamas %(count)s sõnumit kasutajalt %(user)s. Sellega kustutatakse nad püsivalt ka kõikidelt vestluses osalejatelt. Kas sa soovid jätkata?",
+                "one": "Sa oled kustutamas %(count)s sõnumi kasutajalt %(user)s. Sellega kustutatakse ta püsivalt ka kõikidelt vestluses osalejatelt. Kas sa soovid jätkata?"
+            },
+            "confirm_description_2": "Kui sõnumeid on väga palju, siis võib nüüd aega kuluda. Oodates palun ära tee ühtegi päringut ega andmevärskendust.",
+            "confirm_keep_state_explainer": "Kui sa samuti soovid mitte kuvada selle kasutajaga seotud süsteemseid teateid (näiteks liikmelisuse muutused, profiili muutused, jne), siis eemalda see valik",
+            "confirm_keep_state_label": "Näita süsteemseid teateid",
+            "confirm_title": "Eemalda %(user)s hiljutised sõnumid",
+            "no_recent_messages_description": "Vaata kas ajajoonel ülespool leidub varasemaid sõnumeid.",
+            "no_recent_messages_title": "Kasutajalt %(user)s ei leitud hiljutisi sõnumeid"
+        },
+        "redact_button": "Eemalda sõnumid",
+        "revoke_invite": "Tühista kutse",
+        "room_encrypted": "See jututuba on läbivalt krüptitud.",
+        "room_encrypted_detail": "Sinu sõnumid on turvatud ning ainult sinul ja saaja(te)l on unikaalsed võtmed selliste sõnumite lugemiseks.",
+        "room_unencrypted": "See jututuba ei ole läbivalt krüptitud.",
+        "room_unencrypted_detail": "Krüptitud jututubades sinu sõnumid on turvatud ning vaid sinul ja sõnumi saajal on unikaalsed võtmed nende kuvamiseks.",
+        "send_message": "Saada sõnum",
+        "share_button": "Jaga profiili",
+        "unban_button_room": "Eemalda suhtluskeeld jututoas",
+        "unban_button_space": "Eemalda suhtluskeeld kogukonnas",
+        "unban_room_confirm_title": "Eemalda suhtluskeeld %(roomName)s jututoas",
+        "unban_space_everything": "Eemalda kasutajalt suhtluskeeld kõikjalt, kust ma saan",
+        "unban_space_specific": "Eemalda kasutajalt suhtluskeeld valitud kohtadest, kust ma saan",
+        "unban_space_warning": "Kasutaja ei saa ligi kohtadele, kus sul pole peakasutaja õigusi.",
+        "unignore_button": "Lõpeta eiramine",
+        "verification_unavailable": "Kasutaja verifitseerimine pole saadaval",
+        "verify_button": "Verifitseeri kasutaja",
+        "verify_explainer": "Lisaturvalisus mõttes verifitseeri see kasutaja võrreldes selleks üheks korraks loodud koodi mõlemas seadmes."
+    },
+    "user_status": {
+        "on_a_call": "Kõne on pooleli"
+    },
+    "voip": {
+        "already_in_call": "Kõne on juba pooleli",
+        "already_in_call_person": "Sinul juba kõne käsil selle osapoolega.",
+        "answered_elsewhere": "Vastatud mujal",
+        "answered_elsewhere_description": "Kõnele vastati teises seadmes.",
+        "call_failed": "Kõne ebaõnnestus",
+        "call_failed_description": "Kõnet ei saa korraldada",
+        "call_failed_media": "Kuna veebikaamerat või mikrofoni kasutada ei saanud, siis kõne ei õnnestunud. Palun kontrolli, et:",
+        "call_failed_media_applications": "Ainsamgi muu rakendus ei kasuta veebikaamerat",
+        "call_failed_media_connected": "Veebikaamera ja mikrofon oleks ühendatud ja seadistatud",
+        "call_failed_media_permissions": "Rakendusel õigus veebikaamerat kasutada",
+        "call_failed_microphone": "Kuna mikrofoni kasutada ei saanud, siis kõne ei õnnestunud. Palun kontrolli, et mikrofon oleks ühendatud ja seadistatud.",
+        "call_held": "%(peerName)s pani kõne ootele",
+        "call_held_resume": "Sa panid kõne ootele. <a>Jätka kõnet</a>",
+        "call_held_switch": "Sa panid kõne ootele <a>Lülita tagasi</a>",
+        "call_members": {
+            "exhaustive": {
+                "one": "Vestluses on <avatars/>",
+                "other": "Vestluses on <avatars/>"
+            },
+            "overflow": {
+                "one": "Kõnes osalevad <avatars/> + veel %(overflowCount)s osaleja",
+                "other": "Kõnes osalevad <avatars/> + veel %(overflowCount)s osalejat"
+            }
+        },
+        "call_toast_unknown_room": "Teadmata jututuba",
+        "camera_disabled": "Sinu seadme kaamera on välja lülitatud",
+        "camera_enabled": "Sinu seadme kaamera on jätkuvalt kasutusel",
+        "cannot_call_yourself_description": "Sa ei saa iseendale helistada.",
+        "close_lobby": "Sulge ooteruum",
+        "connecting": "Kõne on ühendamisel",
+        "connection_lost": "Ühendus sinu serveriga on katkenud",
+        "connection_lost_description": "Kui ühendus sinu serveriga on katkenud, siis sa ei saa helistada.",
+        "consulting": "Suhtlen teise osapoolega %(transferTarget)s. <a>Saadan andmeid kasutajale %(transferee)s</a>",
+        "default_device": "Vaikimisi seade",
+        "dial": "Helista",
+        "dialpad": "Numbriklahvistik",
+        "disable_camera": "Lülita kaamera välja",
+        "disable_microphone": "Summuta mikrofon",
+        "disabled_no_perms_start_video_call": "Sul ei ole piisavalt õigusi videokõne alustamiseks",
+        "disabled_no_perms_start_voice_call": "Sul ei ole piisavalt õigusi häälkõne alustamiseks",
+        "disabled_ongoing_call": "Kõne on pooleli",
+        "element_call": "Element Call",
+        "enable_camera": "Lülita kaamera sisse",
+        "enable_microphone": "Eemalda mikrofoni summutamine",
+        "expand": "Pöördu tagasi kõne juurde",
+        "get_call_link": "Jaga kõne linki",
+        "group_call_started": "Grupikõne algas",
+        "hangup": "Katkesta kõne",
+        "hide_sidebar_button": "Peida külgpaan",
+        "input_devices": "Sisendseadmed",
+        "jitsi_call": "Jitsi-põhine kõne",
+        "join_with_video": "Liitu oma videovooga",
+        "legacy_call": "Vana lahendusega kõne",
+        "maximise": "Täida ekraan",
+        "maximise_call": "Tee kõneaken suureks",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Konverentsid"
+        },
+        "minimise_call": "Tee kõneaken väikeseks",
+        "misconfigured_server": "Kõne ebaõnnestus valesti seadistatud serveri tõttu",
+        "misconfigured_server_description": "Palu oma koduserveri haldajat (<code>%(homeserverDomain)s</code>), et ta seadistaks kõnede kindlamaks toimimiseks TURN serveri.",
+        "misconfigured_server_fallback": "Alternatiivina võid sa kasutada avalikku serverit <server/>, kuid see ei pruugi olla piisavalt töökindel ning sa jagad ka oma IP-aadressi selle serveriga. Täpsemalt saad seda määrata seadistustes.",
+        "misconfigured_server_fallback_accept": "Proovi kasutada %(server)s serverit",
+        "more_button": "Veel",
+        "msisdn_lookup_failed": "Telefoninumbrit ei õnnestu leida",
+        "msisdn_lookup_failed_description": "Telefoninumbri otsimisel tekkis viga",
+        "msisdn_transfer_failed": "Kõne edasisuunamine ei õnnestunud",
+        "n_people_joined": {
+            "other": "%(count)s osalejat liitus",
+            "one": "%(count)s osaleja liitus"
+        },
+        "no_audio_input_description": "Me ei suutnud sinu seadmest leida mikrofoni. Palun kontrolli seadistusi ja proovi siis uuesti.",
+        "no_audio_input_title": "Mikrofoni ei leidu",
+        "no_media_perms_description": "Sa võib-olla pead andma %(brand)s'ile loa mikrofoni ja veebikaamera kasutamiseks",
+        "no_media_perms_title": "Meediaõigused puuduvad",
+        "no_permission_conference": "Vaja on täiendavaid õigusi",
+        "no_permission_conference_description": "Sul ei ole piisavalt õigusi, et selles jututoas alustada konverentsikõnet",
+        "on_hold": "%(name)s on ootel",
+        "output_devices": "Väljundseadmed",
+        "screenshare_monitor": "Jaga tervet ekraani",
+        "screenshare_title": "Jaga sisu",
+        "screenshare_window": "Rakenduse aken",
+        "show_sidebar_button": "Näita külgpaani",
+        "silence": "Vaigista kõne",
+        "silenced": "Teavitused on summutatud",
+        "start_screenshare": "Alusta oma seadme ekraani jagamist",
+        "stop_screenshare": "Lõpeta oma seadme ekraani jagamine",
+        "too_many_calls": "Liiga palju kõnesid",
+        "too_many_calls_description": "Oled jõudnud suurima lubatud samaaegsete kõnede arvuni.",
+        "transfer_consult_first_label": "Pea esmalt nõu",
+        "transfer_failed": "Edasisuunamine ei õnnestunud",
+        "transfer_failed_description": "Kõne edasisuunamine ei õnnestunud",
+        "unable_to_access_audio_input_description": "Meil puudub ligipääs sinu mikrofonile. Palun kontrolli oma veebibrauseri seadistusi ja proovi uuesti.",
+        "unable_to_access_audio_input_title": "Puudub ligipääs mikrofonile",
+        "unable_to_access_media": "Puudub ligipääs veebikaamerale ja mikrofonile",
+        "unable_to_access_microphone": "Puudub ligipääs mikrofonile",
+        "unknown_caller": "Tundmatu helistaja",
+        "unknown_person": "tundmatu isik",
+        "unsilence": "Lõlita heli sisse",
+        "unsupported": "Kõneteenus ei ole toetatud",
+        "unsupported_browser": "Selle veebibrauseriga sa ei saa helistada.",
+        "user_busy": "Kasutaja on hõivatud",
+        "user_busy_description": "Kasutaja, kellele sa helistasid, on hõivatud.",
+        "user_is_presenting": "%(sharerName)s esitab",
+        "video_call": "Videokõne",
+        "video_call_incoming": "Saabuv videokõne",
+        "video_call_using": "Videokõne, kus on kasutusel:",
+        "voice_call": "Häälkõne",
+        "voice_call_incoming": "Saaduv häälkõne",
+        "voice_call_using": "Häälkõne, kasutades:",
+        "you_are_presenting": "Sina esitad"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s operatsioonisüsteemis %(osName)s",
+    "welcome": {
+        "tagline_element": "Kiiruse ja lihtsuse huvides ülivõimas.",
+        "title_element": "Ole oma elemendis",
+        "title_generic": "Tere tulemast, see on %(brand)s"
+    },
+    "widget": {
+        "added_by": "Vidina lisaja",
+        "capabilities_dialog": {
+            "content_starting_text": "See vidin sooviks:",
+            "decline_all_permission": "Keeldu kõigist",
+            "remember_Selection": "Jäta meelde minu valik selle vidina kohta",
+            "title": "Anna vidinale õigused"
+        },
+        "capability": {
+            "always_on_screen_generic": "Jää oma ekraanivaate juurde",
+            "always_on_screen_viewing_another_room": "Kui vaatad mõnda teist jututuba, siis jää oma ekraanivaate juurde",
+            "any_room": "Ülaltoodu, aga samuti igas jututoas, millega oled liitunud või kuhu oled kutsutud",
+            "byline_empty_state_key": "tühja olekuvõtmega",
+            "byline_state_key": "olekuvõtmega %(stateKey)s",
+            "capability": "<b>%(capability)s</b> võimekus",
+            "change_avatar_active_room": "Muuda oma aktiivse jututoa tunnuspilti",
+            "change_avatar_this_room": "Muuda selle jututoa tunnuspilti",
+            "change_name_active_room": "Muuda oma aktiivse jututoa nime",
+            "change_name_this_room": "Muuda selle jututoa nime",
+            "change_topic_active_room": "Muuda oma aktiivse jututoa teemat",
+            "change_topic_this_room": "Muuda selle jututoa teemat",
+            "download_file": "Laadi failid alla meediumihoidlast",
+            "receive_membership_active_room": "Näita, millal teised sinu aktiivse toaga liituvad, sealt lahkuvad või sellesse tuppa kutsutakse",
+            "receive_membership_this_room": "Näita, millal inimesed toaga liituvad, lahkuvad või siia tuppa kutsutakse",
+            "remove_ban_invite_leave_active_room": "Aktiivsest jututoast inimeste eemaldamine, väljamüksamine, keelamine või tuppa kutsumine",
+            "remove_ban_invite_leave_this_room": "Sellest jututoast inimeste eemaldamine, väljamüksamine, keelamine või tuppa kutsumine",
+            "see_avatar_change_active_room": "Vaata kui hetkel aktiivse jututoa tunnuspilt muutub",
+            "see_avatar_change_this_room": "Vaata kui selle jututoa tunnuspilt muutub",
+            "see_event_type_sent_active_room": "Vaata oma aktiivsesse jututuppa saadetud <b>%(eventType)s</b> sündmusi",
+            "see_event_type_sent_this_room": "Vaata siia jututuppa saadetud <b>%(eventType)s</b> sündmusi",
+            "see_images_sent_active_room": "Näha sinu aktiivsesse jututuppa lisatud pilte",
+            "see_images_sent_this_room": "Näha siia jututuppa lisatud pilte",
+            "see_messages_sent_active_room": "Vaata sõnumeid oma aktiivses jututoas",
+            "see_messages_sent_this_room": "Vaata selle jututoa sõnumeid",
+            "see_msgtype_sent_active_room": "Näha sinu aktiivsesse jututuppa saadetud <b>%(msgtype)s</b> sõnumeid",
+            "see_msgtype_sent_this_room": "Näha sellesse jututuppa saadetud <b>%(msgtype)s</b> sõnumeid",
+            "see_name_change_active_room": "Vaata kui hetkel aktiivse jututoa nimi muutub",
+            "see_name_change_this_room": "Vaata kui selle jututoa nimi muutub",
+            "see_sent_emotes_active_room": "Näha emotesid sinu aktiivses jututoas",
+            "see_sent_emotes_this_room": "Vaata selle jututoa emotesid",
+            "see_sent_files_active_room": "Näha sinu aktiivsesse jututuppa lisatud muid faile",
+            "see_sent_files_this_room": "Näha sellesse jututuppa lisatud muid faile",
+            "see_sticker_posted_active_room": "Vaata kui keegi on saatnud kleepse aktiivsesse jututuppa",
+            "see_sticker_posted_this_room": "Vaata kui uus kleeps on siia jututuppa lisatud",
+            "see_text_messages_sent_active_room": "Vaata tekstisõnumeid oma aktiivses jututoas",
+            "see_text_messages_sent_this_room": "Vaata selle jututoa tekstisõnumeid",
+            "see_topic_change_active_room": "Vaata kui hetkel aktiivse jututoa teema muutub",
+            "see_topic_change_this_room": "Vaata kui selle jututoa teema muutub",
+            "see_videos_sent_active_room": "Näha videosid sinu aktiivses jututoas",
+            "see_videos_sent_this_room": "Näha siia jututuppa lisatud videosid",
+            "send_emotes_active_room": "Saada oma aktiivses jututoas enda nimel emotesid",
+            "send_emotes_this_room": "Saada selles jututoas oma nimel emotesid",
+            "send_event_type_active_room": "Saada oma nimel oma aktiivses jututoas <b>%(eventType)s</b> sündmusi",
+            "send_event_type_this_room": "Saada enda nimel <b>%(eventType)s</b> sündmusi siia jututuppa",
+            "send_files_active_room": "Saata sinu nimel muid faile sinu aktiivsesse jututuppa",
+            "send_files_this_room": "Saata sinu nimel muid faile siia jututuppa",
+            "send_images_active_room": "Saata sinu nimel pilte sinu aktiivsesse jututuppa",
+            "send_images_this_room": "Saata sinu nimel pilte siia jututuppa",
+            "send_messages_active_room": "Saada oma aktiivses jututoas enda nimel sõnumeid",
+            "send_messages_this_room": "Saada selles jututoas oma nimel sõnumeid",
+            "send_msgtype_active_room": "Saata sinu nimel <b>%(msgtype)s</b> sõnumeid sinu aktiivsesse jututuppa",
+            "send_msgtype_this_room": "Saata sinu nimel <b>%(msgtype)s</b> sõnumeid siia jututuppa",
+            "send_stickers_active_room": "Saada kleepse hetkel aktiivsesse jututuppa",
+            "send_stickers_active_room_as_you": "Saada enda nimel kleepse hetkel aktiivsesse jututuppa",
+            "send_stickers_this_room": "Saada kleepse siia jututuppa",
+            "send_stickers_this_room_as_you": "Saada sellesse jututuppa kleepse iseendana",
+            "send_text_messages_active_room": "Saada oma aktiivses jututoas enda nimel tekstisõnumeid",
+            "send_text_messages_this_room": "Saada selles jututoas oma nimel tekstisõnumeid",
+            "send_videos_active_room": "Saata sinu nimel videosid sinu aktiivsesse jututuppa",
+            "send_videos_this_room": "Saata sinu nimel videosid siia jututuppa",
+            "specific_room": "Ülaltoodu, aga samuti <Room /> jututoas",
+            "switch_room": "Vaheta vaadatavat jututuba",
+            "switch_room_message_user": "Muuda jututuba, sõnumit või kasutajat, mida hetkel vaatad"
+        },
+        "close_to_view_right_panel": "Sellel paneelil kuvamiseks sulge see vidin",
+        "context_menu": {
+            "delete": "Kustuta vidin",
+            "delete_warning": "Vidina kustutamisel eemaldatakse ta kõikide selle jututoa kasutajate jaoks. Kas sa kindlasti soovid seda vidinat eemaldada?"
+        },
+        "cookie_warning": "See vidin võib kasutada küpsiseid.",
+        "error_hangup_description": "Kõne on katkenud. (Veateade: %(message)s)",
+        "error_hangup_title": "Ühendus on katkenud",
+        "error_loading": "Viga vidina laadimisel",
+        "error_mixed_content": "Viga - erinev sisu",
+        "error_need_invite_permission": "Selle tegevuse jaoks peaks sul olema õigus teistele kasutajatele kutse saatmiseks.",
+        "error_need_kick_permission": "Selle tegevuse jaoks peaks sul olema õigus teistele kasutajatele müksamiseks.",
+        "error_need_to_be_logged_in": "Sa peaksid olema sisse loginud.",
+        "error_unable_start_audio_stream_description": "Audiovoo käivitamine ei õnnestu.",
+        "error_unable_start_audio_stream_title": "Videovoo käivitamine ei õnnestu",
+        "modal_data_warning": "Alljärgnevaid andmeid jagatakse %(widgetDomain)s serveriga",
+        "modal_title_default": "Modaalne vidin",
+        "no_name": "Tundmatu rakendus",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Jäta see meelde",
+            "starting_text": "See vidin verifitseerib sinu kasutajatunnuse, kuid ta ei saa sinu nimel toiminguid teha:",
+            "title": "Luba sellel vidinal sinu isikut verifitseerida"
+        },
+        "popout": "Ava rakendus eraldi aknas",
+        "set_room_layout": "Kasuta paigutust kõigi jaoks",
+        "shared_data_avatar": "Sinu tunnuspildi URL",
+        "shared_data_device_id": "Sinu seadme tunnus",
+        "shared_data_lang": "Sinu keel",
+        "shared_data_mxid": "Sinu kasutajatunnus",
+        "shared_data_name": "Sinu kuvatav nimi",
+        "shared_data_room_id": "Jututoa tunnus",
+        "shared_data_theme": "Sinu kujundus",
+        "shared_data_url": "%(brand)s'i aadress",
+        "shared_data_warning": "Selle vidina kasutamisel võidakse jagada andmeid <helpIcon /> saitidega %(widgetDomain)s.",
+        "shared_data_warning_im": "Selle vidina kasutamisel võidakse jagada andmeid <helpIcon /> %(widgetDomain)s saitidega ning sinu lõiminguhalduriga.",
+        "shared_data_widget_id": "Vidina tunnus",
+        "unencrypted_warning": "Erinevalt sõnumitest vidinad ei kasuta krüptimist.",
+        "unmaximise": "Lõpeta täisvaate kasutamine",
+        "unpin_to_view_right_panel": "Sellel paneelil kuvamiseks eemalda vidin lemmikutest"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Läbiva suurtähega kirjutatud teksti on sisuliselt sama lihte ära arvata, kui läbiva väiketähega kirjutatud teksti",
+            "anotherWord": "Lisa veel mõni sõna. Ebatavaliste sõnade kasutamine on hea mõte.",
+            "associatedYears": "Väldi aastaid, mida saaks sinuga seostada",
+            "capitalization": "Suurtähtede kasutamisest pole suurt kasu",
+            "dates": "Väldi kuupäevi ja aastaid, mida saaks sinuga seostada",
+            "l33t": "Ennustatavatest asendustest nagu '@' 'a' asemel pole eriti kasu",
+            "longerKeyboardPattern": "Kasuta pikemaid klahvikombinatsioone, kus vajutatud klahvid pole kõrvuti ega kohakuti",
+            "noNeed": "Sa ei pea sisestama erilisi tähemärke, numbreid ega suurtähti",
+            "pwned": "Kui sa kasutad seda salasõna mujalgi, siis palun muuda ta siin ära.",
+            "recentYears": "Väldi hiljutisi aastaid",
+            "repeated": "Väldi korduvaid sõnu ja tähemärke",
+            "reverseWords": "Tagurpidi kirjutatud sõnu pole eriti keeruline ära arvata",
+            "sequences": "Väldi korduvaid klahviseeriaid",
+            "useWords": "Kasuta paari sõna, kuid väldi levinud fraase"
+        },
+        "warnings": {
+            "common": "See on väga levinud salasõna",
+            "commonNames": "Üldisi nimesid ja perenimesid on lihtne ära arvata",
+            "dates": "Kuupäevi on sageli lihtne ära arvata",
+            "extendedRepeat": "Kordusi, nagu „abcabcabc“ on vaid natuke raskem ära arvata kui „abc“",
+            "keyPattern": "Lühikesi klahvijärjestusi on lihtne ära arvata",
+            "namesByThemselves": "Nimesid ja perenimesid on lihtne ära arvata",
+            "pwned": "Sinu salasõna on muutunud laiemas internetis toimunud ründe tõttu avalikuks.",
+            "recentYears": "Hiljutisi aastaid on lihtne ära arvata",
+            "sequences": "Jadasid nagu „abc“ või „6543“ on lihtne ära arvata",
+            "similarToCommon": "See on sarnane tavaliselt kasutatavatele salasõnadele",
+            "simpleRepeat": "Kordusi, nagu „aaa“ on lihtne ära arvata",
+            "straightRow": "Klaviatuuril järjest paiknevaid klahvikombinatsioone on lihtne ära arvata",
+            "topHundred": "See on saja levinuima salasõna seas",
+            "topTen": "See on kümne levinuima salasõna seas",
+            "userInputs": "Siin ei tohiks olla ei isiklikku ega selle lehega seotud andmeid.",
+            "wordByItself": "Üksikut sõna on lihtne ära arvata"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/fa.json b/apps/web/src/i18n/strings/fa.json
new file mode 100644
index 00000000000..5c5ad6b982e
--- /dev/null
+++ b/apps/web/src/i18n/strings/fa.json
@@ -0,0 +1,2260 @@
+{
+    "a11y": {
+        "jump_first_invite": "به اولین دعوت بروید.",
+        "n_unread_messages": {
+            "one": "۱ پیام خوانده نشده.",
+            "other": "%(count)s پیام خوانده نشده."
+        },
+        "n_unread_messages_mentions": {
+            "one": "۱ اشاره خوانده نشده.",
+            "other": "%(count)s پیام‌های خوانده نشده از جمله اشاره‌ها."
+        },
+        "unread_messages": "پیام های خوانده نشده."
+    },
+    "a11y_jump_first_unread_room": "به اولین اتاق خوانده نشده بروید.",
+    "action": {
+        "accept": "پذیرفتن",
+        "add": "افزودن",
+        "add_existing_room": "اضافه‌کردن اتاق موجود",
+        "approve": "تایید",
+        "back": "بازگشت",
+        "call": "تماس",
+        "cancel": "لغو",
+        "change": "تغییر بده",
+        "clear": "پاک کردن",
+        "click_to_copy": "برای گرفتن رونوشت کلیک کنید",
+        "close": "بستن",
+        "complete": "تکمیل",
+        "confirm": "تأیید",
+        "continue": "ادامه",
+        "copy": "رونوشت",
+        "create": "ایجاد‌کردن",
+        "create_account": "ایجاد حساب کاربری",
+        "decline": "رد کردن",
+        "delete": "پاک‌کردن",
+        "disable": "غیرفعال‌کردن",
+        "disconnect": "قطع شو",
+        "dismiss": "نادیده بگیر",
+        "done": "انجام شد",
+        "download": "دانلود",
+        "edit": "ویرایش",
+        "enable": "فعال کن",
+        "enter_fullscreen": "نمایش تمام صفحه",
+        "exit_fullscreeen": "خروج از نمایش تمام صفحه",
+        "explore_rooms": "جستجو در اتاق ها",
+        "export": "استخراج (Export)",
+        "go": "برو",
+        "go_back": "بازگشت",
+        "got_it": "فهمیدم",
+        "hide_advanced": "پنهان‌کردن بخش پیشرفته",
+        "hold": "نگه‌داشتن",
+        "ignore": "نادیده‌گرفتن",
+        "import": "واردکردن (Import)",
+        "invite": "دعوت",
+        "join": "پیوستن",
+        "learn_more": "بیشتر بدانید",
+        "leave": "خروج",
+        "leave_room": "ترک اتاق",
+        "logout": "خروج",
+        "manage": "مدیریت",
+        "mention": "اشاره",
+        "next": "بعدی",
+        "no": "خیر",
+        "ok": "باشه",
+        "open": "باز",
+        "pin": "سنجاق",
+        "quote": "نقل قول",
+        "react": "واکنش",
+        "refresh": "رفرش",
+        "register": "ایجاد حساب کاربری",
+        "reload": "بارگذاری مجدد",
+        "remove": "حذف کن",
+        "rename": "تغییر نام",
+        "reply": "پاسخ",
+        "resend": "بازفرست",
+        "reset": "بازراه‌اندازی",
+        "resume": "ادامه",
+        "retry": "تلاش مجدد",
+        "review": "بازبینی",
+        "revoke": "برگرداندن",
+        "save": "ذخیره",
+        "search": "جستجو",
+        "send_report": "ارسال گزارش",
+        "share": "اشتراک‌گذاری",
+        "show_advanced": "نمایش بخش پیشرفته",
+        "show_all": "نمایش همه",
+        "sign_in": "ورود به حساب کاربری",
+        "sign_out": "خروج از حساب کاربری",
+        "skip": "بیخیال",
+        "start": "شروع",
+        "stop": "توقف",
+        "submit": "ارسال",
+        "subscribe": "اضافه‌شدن",
+        "transfer": "منتقل کردن",
+        "trust": "اعتماد کن",
+        "try_again": "دوباره امتحان کنید",
+        "unban": "رفع تحریم",
+        "unignore": "لغو نادیده‌گرفتن",
+        "unpin": "برداشتن پین",
+        "unsubscribe": "لغو اشتراک",
+        "update": "به‌روز رسانی",
+        "upgrade": "ارتقا",
+        "upload": "بارگذاری",
+        "verify": "تأیید",
+        "view": "مشاهده",
+        "view_message": "مشاهده پیام",
+        "view_source": "دیدن منبع",
+        "yes": "بله",
+        "zoom_in": "بزرگنمایی",
+        "zoom_out": "کوچک نمایی"
+    },
+    "analytics": {
+        "accept_button": "بسیارعالی",
+        "consent_migration": "شما به ارسال گزارش چگونگی استفاده از سرویس رضایت داده بودید. ما نحوه استفاده از این اطلاعات را بروز میکنیم.",
+        "enable_prompt": "بهتر کردن راهنمای کاربری %(analyticsOwner)s",
+        "learn_more": "اطلاعات خود را به صورت ناشناس با ما به اشتراک بگذارید تا متوجه مشکلات موجود شویم. بدون استفاده شخصی توسط خود و یا شرکا<LearnMoreLink>یادگیری بیشتر</LearnMoreLink>",
+        "shared_data_heading": "هر یک از داده های زیر ممکن است به اشتراک گذاشته شود:"
+    },
+    "auth": {
+        "account_clash": "حساب جدید شما (%(newAccountId)s) s) ثبت شده‌است ، اما شما قبلاً به حساب کاربری دیگری (%(loggedInUserId)s) وارد شده‌اید.",
+        "account_clash_previous_account": "با حساب کاربری قبلی ادامه دهید",
+        "account_deactivated": "این حساب غیر فعال شده است.",
+        "autodiscovery_generic_failure": "دریافت پیکربندیِ جستجوی خودکار از سرور موفقیت‌آمیز نبود",
+        "autodiscovery_invalid": "پاسخ جستجوی سرور معتبر نیست",
+        "autodiscovery_invalid_hs": "به نظر می‌رسد که آدرس سرور، متعلق به یک سرور معتبر نباشد",
+        "autodiscovery_invalid_hs_base_url": "base_url نامعتبر برای m.homeserver",
+        "autodiscovery_invalid_is": "به نظر می‌رسد آدرس سرور هویت‌سنجی، متعلق به یک سرور هویت‌سنجی معتبر نیست",
+        "autodiscovery_invalid_is_base_url": "base_url نامعتبر برای سرور m.identity_server",
+        "autodiscovery_invalid_is_response": "پاسخ نامعتبر برای جستجوی سرور هویت‌سنجی",
+        "autodiscovery_invalid_json": "JSON اشتباه",
+        "autodiscovery_unexpected_error_hs": "خطای غیر منتظره‌ای در حین بررسی پیکربندی سرور رخ داد",
+        "autodiscovery_unexpected_error_is": "خطای غیر منتظره‌ای در حین بررسی پیکربندی سرور هویت‌سنجی رخ داد",
+        "captcha_description": "این سرور می خواهد مطمئن شود که شما یک ربات نیستید.",
+        "change_password_action": "تغییر گذواژه",
+        "change_password_confirm_invalid": "گذرواژه‌ها مطابقت ندارند",
+        "change_password_confirm_label": "تأیید گذرواژه",
+        "change_password_current_label": "گذرواژه فعلی",
+        "change_password_empty": "گذرواژه‌ها نمی‌توانند خالی باشند",
+        "change_password_mismatch": "گذرواژه‌های جدید مطابقت ندارند",
+        "change_password_new_label": "گذرواژه جدید",
+        "continue_with_idp": "با %(provider)s ادامه دهید",
+        "continue_with_sso": "با %(ssoButtons)s ادامه بده",
+        "country_dropdown": "لیست کشور",
+        "create_account_prompt": "تازه وارد هستید؟ <a>یک حساب کاربری ایجاد کنید</a>",
+        "create_account_title": "ساختن حساب کاربری",
+        "email_discovery_text": "از ایمیل استفاده کنید تا به طور اختیاری توسط مخاطبین موجود قابل کشف باشید.",
+        "email_field_label": "ایمیل",
+        "email_field_label_invalid": "به نظر نمی‌رسد یک آدرس ایمیل معتبر باشد",
+        "email_field_label_required": "آدرس ایمیل را وارد کنید",
+        "email_help_text": "برای داشتن امکان تغییر گذرواژه در صورت فراموش‌کردن آن، لطفا یک آدرس ایمیل وارد نمائید.",
+        "email_phone_discovery_text": "از ایمیل یا تلفن استفاده کنید تا به طور اختیاری توسط مخاطبین موجود قابل کشف باشید.",
+        "failed_connect_identity_server": "دسترسی به سرور هویت‌سنجی امکان پذیر نیست",
+        "failed_connect_identity_server_other": "شما می توانید وارد شوید ، اما برخی از ویژگی ها تا زمانی که سرور هویت‌سنجی آنلاین نشود ، در دسترس نخواهند بود. اگر مدام این هشدار را می بینید ، پیکربندی خود را بررسی کنید یا با مدیر سرور تماس بگیرید.",
+        "failed_connect_identity_server_register": "شما می‌توانید حساب کاربری بسازید، اما برخی قابلیت‌ها تا زمان اتصال مجدد به سرور هویت‌سنجی در دسترس نخواهند بود. اگر شما مدام این هشدار را مشاهده می‌کنید، پیکربندی خود را بررسی کرده و یا با مدیر سرور تماس بگیرید.",
+        "failed_connect_identity_server_reset_password": "شما می‌توانید گذرواژه‌ی خود را تغییر دهید، اما برخی از قابلیت ها تا زمان بازگشت سرور هویت‌سنجی در دسترس نخواهند بود. اگر مدام این هشدار را می‌بینید، پیکربندی خود را بررسی کرده یا با مدیر سرور تماس بگیرید.",
+        "failed_homeserver_discovery": "جستجوی سرور با موفقیت انجام نشد",
+        "failed_query_registration_methods": "درخواست از روش‌های پشتیبانی‌شده‌ی ثبت‌نام میسر نیست.",
+        "failed_soft_logout_auth": "احراز هویت مجدد موفیت‌آمیز نبود",
+        "failed_soft_logout_homeserver": "به دلیل مشکلی که در سرور وجود دارد ، احراز هویت مجدد انجام نشد",
+        "forgot_password_email_required": "آدرس ایمیلی که به حساب کاربری شما متصل است، باید وارد شود.",
+        "forgot_password_prompt": "گذرواژه‌ی خود را فراموش کردید؟",
+        "identifier_label": "نحوه ورود",
+        "incorrect_credentials": "نام کاربری و یا گذرواژه اشتباه است.",
+        "incorrect_credentials_detail": "لطفا توجه کنید شما به سرور %(hs)s وارد شده‌اید، و نه سرور matrix.org.",
+        "incorrect_password": "گذرواژه صحیح نیست",
+        "log_in_new_account": "به حساب کاربری جدید خود <a>وارد شوید</a>.",
+        "logout_dialog": {
+            "description": "آیا مطمئن هستید که می خواهید از برنامه خارج شوید؟",
+            "setup_key_backup_title": "دسترسی به پیام‌های رمزشده‌ی خود را از دست خواهید داد",
+            "skip_key_backup": "پیام‌های رمزشده‌ی خود را نمی‌خواهم"
+        },
+        "misconfigured_body": "از مدیر %(brand)s خود بخواهید تا <a>پیکربندی شما</a> را از جهت ورودی‌های نادرست یا تکراری بررسی کند.",
+        "misconfigured_title": "%(brand)s‌ی شما به درستی پیکربندی نشده‌است",
+        "msisdn_field_description": "سایر کاربران می توانند شما را با استفاده از اطلاعات تماستان به اتاق ها دعوت کنند",
+        "msisdn_field_label": "شماره تلفن",
+        "msisdn_field_number_invalid": "به نظر شماره تلفن صحیح نمی‌باشد، لطفا بررسی کرده و مجددا تلاش فرمائید",
+        "msisdn_field_required_invalid": "شماره تلفن را وارد کنید",
+        "no_hs_url_provided": "هیچ آدرس سروری وارد نشده‌است",
+        "oidc": {
+            "error_title": "نتوانستیم شما را وارد کنیم",
+            "missing_or_invalid_stored_state": "ما از مرورگر خواستیم تا سروری را که شما برای ورود استفاده می‌کنید به خاطر بسپارد، اما متاسفانه مرورگر شما آن را فراموش کرده‌است. به صفحه‌ی ورود بروید و دوباره امتحان کنید."
+        },
+        "password_field_label": "گذرواژه را وارد کنید",
+        "password_field_strong_label": "احسنت، گذرواژه‌ی انتخابی قوی است!",
+        "password_field_weak_label": "گذرواژه مجاز است ، اما ناامن است",
+        "phone_label": "شماره تلفن",
+        "phone_optional_label": "شماره تلفن (اختیاری)",
+        "register_action": "ایجاد حساب کاربری",
+        "registration": {
+            "continue_without_email_description": "حواستان را جمع کنید، اگر ایمیلی اضافه نکرده و گذرواژه‌ی خود را فراموش کنید ، ممکن است <b>دسترسی به حساب کاربری خود را برای همیشه از دست دهید</b>.",
+            "continue_without_email_field_label": "ایمیل (اختیاری)",
+            "continue_without_email_title": "ادامه بدون ایمیل"
+        },
+        "registration_disabled": "ثبت‌نام بر روی این سرور غیرفعال شده‌است.",
+        "registration_msisdn_field_required_invalid": "شماره تلفن را وارد کنید (در این سرور اجباری است)",
+        "registration_successful": "ثبت‌نام موفقیت‌آمیز بود",
+        "registration_username_validation": "فقط از حروف کوچک، اعداد، خط تیره و زیر خط استفاده کنید",
+        "reset_password": {
+            "password_not_entered": "گذواژه جدید باید وارد شود.",
+            "passwords_mismatch": "گذرواژه‌ی جدید باید مطابقت داشته باشند.",
+            "reset_successful": "گذرواژه‌ی شما با موفقیت تغییر کرد.",
+            "return_to_login": "بازگشت به صفحه‌ی ورود"
+        },
+        "reset_password_email_field_description": "برای بازیابی حساب خود از آدرس ایمیل استفاده کنید",
+        "reset_password_email_field_required_invalid": "آدرس ایمیل را وارد کنید (در این سرور اجباری است)",
+        "reset_password_email_not_associated": "به نظر نمی رسد آدرس ایمیل شما با شناسه Matrix در این سرور خانگی مرتبط باشد.",
+        "reset_password_email_not_found_title": "این آدرس ایمیل یافت نشد",
+        "server_picker_custom": "سرور دیگر",
+        "server_picker_description_matrix.org": "به بزرگترین سرور عمومی با میلیون ها نفر کاربر بپیوندید",
+        "server_picker_dialog_title": "حساب کاربری شما بر روی کجا ساخته شود",
+        "server_picker_explainer": "از یک سرور مبتنی بر پروتکل ماتریکس که ترجیح می‌دهید استفاده کرده، و یا از سرور شخصی خودتان استفاده کنید.",
+        "server_picker_failed_validate_homeserver": "تأیید اعتبار سرور امکان‌پذیر نیست",
+        "server_picker_invalid_url": "آدرس URL نامعتبر",
+        "server_picker_learn_more": "درباره سرورها",
+        "server_picker_required": "یک سرور مشخص کنید",
+        "server_picker_title": "وارد سرور خود شوید",
+        "server_picker_title_default": "گزینه های سرور",
+        "server_picker_title_registration": "ساختن حساب کاربری بر روی",
+        "session_logged_out_description": "برای امنیت، این نشست نامعتبر شده است. لطفاً دوباره وارد سیستم شوید.",
+        "session_logged_out_title": "از حساب کاربری خارج شدید",
+        "set_email": {
+            "description": "با این کار می‌توانید گذرواژه خود را تغییر داده و اعلان‌ها را دریافت کنید.",
+            "verification_pending_description": "لطفاً ایمیل خود را بررسی کرده و روی لینکی که برایتان ارسال شده، کلیک کنید. پس از انجام این کار، روی ادامه کلیک کنید.",
+            "verification_pending_title": "در انتظار تائید"
+        },
+        "set_email_prompt": "آیا تمایل به تنظیم یک ادرس ایمیل دارید؟",
+        "sign_in_description": "برای ادامه از حساب خود استفاده کنید.",
+        "sign_in_instead_prompt": "حساب کاربری دارید؟ <a>وارد شوید</a>",
+        "sign_in_or_register": "وارد شوید یا حساب کاربری بسازید",
+        "sign_in_or_register_description": "برای ادامه کار از حساب کاربری خود استفاده کرده و یا حساب کاربری جدیدی ایجاد کنید.",
+        "sign_in_with_sso": "با احراز هویت یکپارچه وارد شوید",
+        "soft_logout": {
+            "clear_data_button": "پاک کردن همه داده ها",
+            "clear_data_description": "پاک کردن همه داده های این جلسه غیرقابل بازگشت است. پیامهای رمزگذاری شده از بین می‌روند مگر اینکه از کلیدهای آنها پشتیبان تهیه شده باشد.",
+            "clear_data_title": "همه داده‌های این نشست پاک شود؟"
+        },
+        "soft_logout_heading": "شما خارج شدید",
+        "soft_logout_intro_password": "جهت ورود مجدد به حساب کاربری و دسترسی به منوی کاربری، گذرواژه‌ی خود را وارد نمائید.",
+        "soft_logout_intro_sso": "وارد شوید و به حساب کاربری خود دسترسی داشته باشید.",
+        "soft_logout_intro_unsupported_auth": "نمی توانید وارد حساب کاربری خود شوید. لطفا برای اطلاعات بیشتر با مدیر سرور خود تماس بگیرید.",
+        "soft_logout_subheading": "پاک‌کردن داده‌های شخصی",
+        "sso": "ورود یکپارچه",
+        "sso_complete_in_browser_dialog_title": "برای تکمیل ورود به مرورگر خود بروید",
+        "sso_failed_missing_storage": "ما از مرورگر خواستیم تا سروری را که شما برای ورود استفاده می‌کنید به خاطر بسپارد، اما متاسفانه مرورگر شما آن را فراموش کرده‌است. به صفحه‌ی ورود بروید و دوباره امتحان کنید.",
+        "sso_or_username_password": "%(ssoButtons)s یا %(usernamePassword)s",
+        "sync_footer_subtitle": "اگر عضو اتاق‌های بسیار زیادی هستید، ممکن است این فرآیند مقدای به طول بیانجامد",
+        "uia": {
+            "code": "کد",
+            "fallback_button": "آغاز فرآیند احراز هویت",
+            "msisdn": "کد فعال‌سازی به %(msisdn)s ارسال شد",
+            "msisdn_token_incorrect": "کد نامعتبر است",
+            "msisdn_token_prompt": "لطفا کدی را که در آن وجود دارد وارد کنید:",
+            "password_prompt": "با وارد کردن رمز ورود حساب خود در زیر ، هویت خود را تأیید کنید.",
+            "recaptcha_missing_params": "کلید عمومی captcha در پیکربندی سرور خانگی وجود ندارد. لطفاً این را به ادمین سرور خود گزارش دهید.",
+            "sso_body": "برای تأیید هویتتان، این نشانی رایانامه را با ورود یکپارچه تأیید کنید.",
+            "sso_failed": "تائید هویت شما با مشکل مواجه شد. لطفا فرآیند را لغو کرده و مجددا اقدام نمائید.",
+            "sso_postauth_body": "برای تأیید هویت خود بر روی دکمه زیر کلیک کنید.",
+            "sso_postauth_title": "برای ادامه تأیید کنید",
+            "sso_preauth_body": "برای ادامه از احراز هویت یکپارچه جهت اثبات هویت خود استفاده نمائید.",
+            "sso_title": "برای ادامه، از ورود یکپارچه استفاده کنید",
+            "terms": "لطفاً خط مشی‌های این سرور را مرور و قبول کنید:",
+            "terms_invalid": "لطفاً کلیه خط مشی‌های سرور را مرور و قبول کنید"
+        },
+        "unsupported_auth_email": "این سرور از ورود با استفاده از آدرس ایمیل پشتیبانی نمی کند.",
+        "unsupported_auth_msisdn": "این سرور از قابلیت احراز با شماره تلفن پشتیبانی نمی کند.",
+        "username_field_required_invalid": "نام کاربری را وارد کنید"
+    },
+    "bug_reporting": {
+        "additional_context": "اگر زمینه دیگری وجود دارد که می تواند به تجزیه و تحلیل مسئله کمک کند، مانند آنچه در آن زمان انجام می دادید، شناسه اتاق، شناسه کاربر و غیره ، لطفاً موارد ذکر شده را در اینجا وارد کنید.",
+        "before_submitting": "قبل از ارسال گزارش‌ها، برای توصیف مشکل خود باید <a>یک مسئله در GitHub ایجاد کنید</a>.",
+        "collecting_information": "درحال جمع‌آوری اطلاعات نسخه‌ی برنامه",
+        "collecting_logs": "درحال جمع‌آوری گزارش‌ها",
+        "create_new_issue": "لطفا در GitHub <newIssueLink>یک مسئله جدید ایجاد کنید</newIssueLink> تا بتوانیم این اشکال را بررسی کنیم.",
+        "download_logs": "دانلود گزارش‌ها",
+        "downloading_logs": "در حال دریافت لاگ‌ها",
+        "error_empty": "لطفاً به ما بگویید چه مشکلی پیش آمد و یا اینکه لطف کنید و یک مسئله GitHub ایجاد کنید که مشکل را توصیف کند.",
+        "github_issue": "مسئله GitHub",
+        "log_request": "برای کمک به ما در جلوگیری از این امر در آینده ، لطفا <a>لاگ‌ها را برای ما ارسال کنید</a>.",
+        "logs_sent": "گزارش‌های مربوط ارسال شد",
+        "matrix_security_issue": "برای گزارش مشکلات امنیتی مربوط به ماتریکس، لطفا سایت Matrix.org بخش <a>Security Disclosure Policy</a> را مطالعه فرمائید.",
+        "preparing_download": "در حال آماده سازی برای بارگیری گزارش ها",
+        "preparing_logs": "در حال آماده سازی برای ارسال گزارش ها",
+        "send_logs": "ارسال گزارش‌ها",
+        "submit_debug_logs": "ارسال لاگ مشکل",
+        "textarea_label": "یادداشت‌ها",
+        "thank_you": "با سپاس!",
+        "title": "گزارش مشکل",
+        "unsupported_browser": "یادآوری: مرورگر شما پشتیبانی نمی شود ، بنابراین ممکن است تجربه شما غیرقابل پیش بینی باشد.",
+        "uploading_logs": "در حال بارگذاری لاگ‌ها",
+        "waiting_for_server": "در انتظار پاسخی از سمت سرور"
+    },
+    "cannot_invite_without_identity_server": "بدون سرور احراز هویت نمی توان کاربر را از طریق ایمیل دعوت کرد. می توانید در قسمت «تنظیمات» به یکی متصل شوید.",
+    "cannot_reach_homeserver": "دسترسی به سرور میسر نیست",
+    "cannot_reach_homeserver_detail": "از اتصال اینترنت پایدار اطمینان حاصل‌کرده و سپس با مدیر سرور ارتباط بگیرید",
+    "cant_load_page": "نمایش صفحه امکان‌پذیر نبود",
+    "chat_card_back_action_label": "بازگشت به گفتگو",
+    "chat_effects": {
+        "confetti_description": "این پیام را با انیمیشن بارش کاغد شادی ارسال کن",
+        "confetti_message": "انیمیشن بارش کاغذ شادی را ارسال کن",
+        "fireworks_description": "این پیام را با انیمیشن آتش‌بازی ارسال کن",
+        "fireworks_message": "انیمیشن آتش‌بازی را ارسال کن",
+        "snowfall_description": "این پیام را با انیمیشن بارش برف ارسال کن",
+        "snowfall_message": "انیمیشن بارش برف را ارسال کن",
+        "spaceinvaders_description": "پیام داده شده را به صورت مضمون فضای کاری ارسال می کند",
+        "spaceinvaders_message": "ارسال مهاجمان فضایی"
+    },
+    "common": {
+        "access_token": "توکن دسترسی",
+        "accessibility": "دسترسی",
+        "advanced": "پیشرفته",
+        "analytics": "تجزیه و تحلیل",
+        "and_n_others": {
+            "one": "و یکی دیگر ...",
+            "other": "و %(count)s مورد دیگر ..."
+        },
+        "appearance": "شکل و ظاهر",
+        "are_you_sure": "مطمئنی؟",
+        "attachment": "پیوست",
+        "authentication": "احراز هویت",
+        "avatar": "نمایه",
+        "beta": "بتا",
+        "camera": "دوربین",
+        "copied": "رونوشت گرفته شد!",
+        "credits": "اعتبارها",
+        "dark": "تاریک",
+        "description": "توضیحات",
+        "edited": "ویرایش شده",
+        "email_address": "آدرس ایمیل",
+        "emoji": "شکلک",
+        "encrypted": "رمزشده",
+        "error": "خطا",
+        "faq": "سوالات پرتکرار",
+        "feedback": "بازخورد",
+        "filter_results": "پالایش نتایج",
+        "general": "عمومی",
+        "go_to_settings": "برو به تنظیمات",
+        "guest": "مهمان",
+        "help": "راهنما",
+        "home": "خانه",
+        "homeserver": "سرور",
+        "identity_server": "کارساز هویت",
+        "integration_manager": "مدیر یکپارچگی",
+        "labs": "قابلیت‌های بتا",
+        "legal": "قانونی",
+        "light": "روشن",
+        "matrix": "ماتریکس",
+        "microphone": "میکروفون",
+        "mute": "سکوت",
+        "n_members": {
+            "other": "%(count)s عضو",
+            "one": "%(count)s عضو"
+        },
+        "n_rooms": {
+            "other": "%(count)s اتاق",
+            "one": "%(count)s اتاق"
+        },
+        "name": "نام",
+        "no_results": "بدون نتیجه",
+        "no_results_found": "نتیجه‌ای یافت نشد",
+        "not_trusted": "غیرقابل اعتماد",
+        "off": "خاموش",
+        "offline": "آفلاین",
+        "on": "روشن",
+        "options": "گزینه ها",
+        "orphan_rooms": "دیگر اتاق ها",
+        "password": "گذرواژه",
+        "people": "افراد",
+        "preferences": "ترجیحات",
+        "preview_message": "سلام. حال شما خوبه؟",
+        "privacy": "حریم خصوصی",
+        "private": "خصوصی",
+        "private_space": "محیط خصوصی",
+        "profile": "پروفایل",
+        "public": "عمومی",
+        "public_space": "محیط عمومی",
+        "qr_code": "کد QR",
+        "random": "تصادفی",
+        "reactions": "واکنش ها",
+        "report_a_bug": "گزارش اشکال",
+        "room": "اتاق",
+        "room_name": "نام اتاق",
+        "rooms": "اتاق‌ها",
+        "secure_backup": "پشتیبان‌گیری امن",
+        "settings": "تنظیمات",
+        "setup_secure_messages": "پیام‌رسانی امن را تنظیم کنید",
+        "show_more": "نمایش بیشتر",
+        "someone": "کسی",
+        "space": "فضای کاری",
+        "spaces": "محیط‌ها",
+        "sticker": "استیکر",
+        "stickerpack": "استیکر",
+        "success": "موفقیت",
+        "suggestions": "پیشنهادات",
+        "support": "پشتیبانی",
+        "theme": "پوسته",
+        "threads": "موضوعات",
+        "timeline": "سیر زمان گفتگو‌ها",
+        "unencrypted": "رمزگذاری نشده",
+        "unmute": "صدادار",
+        "unnamed_room": "اتاق بدون نام",
+        "unnamed_space": "فضای کاری بدون نام",
+        "user": "کاربر",
+        "user_avatar": "تصویر پروفایل",
+        "username": "نام کاربری",
+        "view_message": "مشاهده پیام",
+        "warning": "هشدار"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "به کل اتاق اطلاع بده",
+            "command_a11y": "تکمیل خودکار دستور",
+            "command_description": "فرمان‌ها",
+            "emoji_a11y": "تکمیل خودکار شکلک",
+            "notification_a11y": "تکمیل خودکار اعلان",
+            "notification_description": "اعلان اتاق",
+            "room_a11y": "تکمیل خودکار اتاق",
+            "space_a11y": "تکمیل خودکار فضای کاری",
+            "user_a11y": "تکمیل خودکار کاربر",
+            "user_description": "کاربران"
+        },
+        "close_sticker_picker": "پنهان سازی استیکرها",
+        "edit_composer_label": "ویرایش پیام",
+        "format_bold": "پررنگ",
+        "format_code_block": "بلوک کد",
+        "format_inline_code": "کد",
+        "format_italics": "مورب",
+        "format_strikethrough": "خط روی متن",
+        "no_perms_notice": "شما اجازه ارسال در این اتاق را ندارید",
+        "placeholder": "ارسال یک پیام…",
+        "placeholder_encrypted": "ارسال پیام رمزگذاری شده …",
+        "placeholder_reply": "ارسال پاسخ …",
+        "placeholder_reply_encrypted": "ارسال پاسخ رمزگذاری شده …",
+        "poll_button_no_perms_title": "اجازه نیاز است",
+        "replying_title": "پاسخ دادن",
+        "room_upgraded_link": "گفتگو در اینجا ادامه دارد.",
+        "room_upgraded_notice": "این اتاق جایگزین شده‌است و دیگر فعال نیست.",
+        "send_button_title": "ارسال پیام"
+    },
+    "create_room": {
+        "encryption_forced": "سرور شما به گونه‌ای تنظیم شده‌است که فعال بودن رمزنگاری سرتاسر در اتاق‌های خصوصی اجباری می‌باشد.",
+        "encryption_label": "فعال کردن رمزنگاری سرتاسر",
+        "error_title": "ایجاد اتاق با خطا مواجه شد",
+        "generic_error": "سرور ممکن است از دسترس خارج شده، یا فشار بار زیادی را تحمل کرده، و یا به یک باگ نرم‌افزاری برخورد کرده باشد.",
+        "name_validation_required": "لطفاً نامی برای اتاق وارد کنید",
+        "title_private_room": "ساختن اتاق خصوصی",
+        "title_public_room": "ساختن اتاق عمومی",
+        "topic_label": "موضوع (اختیاری)",
+        "unfederated": "از عضوشدن کاربرانی در این اتاق که حساب آن‌ها متعلق به سرور %(serverName)s است، جلوگیری کن.",
+        "unfederated_label_default_off": "اگر اتاق فقط برای همکاری با تیم های داخلی در سرور خانه شما استفاده شود ، ممکن است این قابلیت را فعال کنید. این بعدا نمی تواند تغییر کند.",
+        "unfederated_label_default_on": "اگر از اتاق برای همکاری با تیم های خارجی که سرور خود را دارند استفاده شود ، ممکن است این را غیرفعال کنید. این نمی‌تواند بعدا تغییر کند.",
+        "unsupported_version": "سرور از نسخه‌ی اتاقی که مشخص شده‌است، پشتیبانی نمی‌کند."
+    },
+    "create_space": {
+        "add_details_prompt": "برای کمک به کاربران جهت شناخت محیط، مقداری جزئیات اضافه کنید.",
+        "add_details_prompt_2": "شما می‌توانید این را هر زمان که خواستید، تغییر دهید.",
+        "add_existing_rooms_description": "گفتگوهای خصوصی یا اتاق‌هایی را برای افزودن انتخاب کنید. این فقط یک فضای کاری برای شماست، هیچ کس از وجود آن مطلع نخواهد شد. می‌توانید موارد بیشتری را بعدا اضافه کنید.",
+        "add_existing_rooms_heading": "چه چیزی را می‌خواهید سازماندهی کنید؟",
+        "done_action": "برو به محیط کاری من",
+        "done_action_first_room": "برو به اتاق اول من",
+        "failed_create_initial_rooms": "ایجاد اتاق‌های اولیه در فضای کاری موفق نبود",
+        "failed_invite_users": "امکان دعوت کاربرانی که در ادامه آمده‌اند به فضای کاری شما میسر نیست: %(csvUsers)s",
+        "invite_teammates_by_username": "دعوت به نام کاربری",
+        "invite_teammates_description": "اطمینان حاصل کنید که افراد مناسب دسترسی دارند. بعداً می توانید افراد بیشتری دعوت کنید.",
+        "invite_teammates_heading": "هم‌تیمی‌های خود را دعوت کنید",
+        "label": "ساختن یک محیط",
+        "name_required": "لطفا یک نام برای محیط وارد کنید",
+        "personal_space": "فقط من",
+        "personal_space_description": "یک فضای کار خصوصی برای منظم‌کردن اتاق‌هایتان",
+        "private_description": "فقط با دعوتنامه، مناسب برای خودتان یا تیم‌ها یا جمع‌های خصوصی",
+        "private_heading": "محیط خصوصی شما",
+        "private_personal_description": "اطمینان حاصل کنید که افراد مناسب به %(name)s دسترسی دارند",
+        "private_personal_heading": "با چه کسانی کار می‌کنید؟",
+        "private_space": "من و هم‌تیمی‌هایم",
+        "private_space_description": "یک فضای کار خصوصی برای شما و هم تیمی‌هایتان",
+        "public_description": "محیط باز برای همه، مناسب برای جمع عمومی",
+        "public_heading": "محیط عمومی شما",
+        "setup_rooms_community_description": "بیایید برای هر یک از آنها یک اتاق درست کنیم.",
+        "setup_rooms_community_heading": "برخی از مواردی که می خواهید درباره‌ی آن‌ها در %(spaceName)s بحث کنید، چیست؟",
+        "setup_rooms_description": "بعداً می توانید موارد بیشتری را اضافه کنید ، از جمله موارد موجود.",
+        "share_description": "در حال حاضر فقط شما حضور دارید ، با دیگران حتی بهتر هم خواهد بود.",
+        "share_heading": "به اشتراک‌گذاری %(name)s",
+        "skip_action": "فعلا بیخیال",
+        "subspace_dropdown_title": "ساختن یک محیط"
+    },
+    "desktop_default_device_name": "%(brand)s دسکتاپ: %(platformName)s",
+    "devtools": {
+        "active_widgets": "ابزارک‌های فعال",
+        "category_other": "دیگر",
+        "category_room": "اتاق",
+        "caution_colon": "احتیاط:",
+        "developer_tools": "ابزارهای توسعه‌دهنده",
+        "event_content": "محتوای رخداد",
+        "event_sent": "رخداد ارسال شد!",
+        "event_type": "نوع رخداد",
+        "failed_to_find_widget": "هنگام یافتن این ابزارک خطایی روی داد.",
+        "level": "سطح",
+        "original_event_source": "منبع اصلی رخداد",
+        "save_setting_values": "ذخیره مقادیر تنظیمات",
+        "settable_global": "قابل تنظیم به شکل سراسری",
+        "settable_room": "قابل تنظیم در اتاق",
+        "setting_colon": "تنظیم:",
+        "setting_definition": "تعریف تنظیم:",
+        "setting_id": "شناسه تنظیم",
+        "show_hidden_events": "نمایش رخدادهای مخفی در گفتگو‌ها",
+        "state_key": "کلید حالت",
+        "toolbox": "جعبه ابزار",
+        "use_at_own_risk": "این واسط کاربری تایپ مقادیر را بررسی نمی‌کند. با مسئولیت خود استفاده کنید.",
+        "value": "مقدار",
+        "value_colon": "مقدار:",
+        "value_in_this_room": "مقدار در این اتاق",
+        "value_this_room_colon": "مقدار در این اتاق:",
+        "values_explicit": "مقادیر در سطوح مشخص",
+        "values_explicit_colon": "مقدار در سطوح مشخص:",
+        "values_explicit_room": "مقادیر در سطوح مشخص در این اتاق",
+        "values_explicit_this_room_colon": "مقادیر در سطوح مشخص در این اتاق:",
+        "view_source_decrypted_event_source": "رمزگشایی منبع رخداد",
+        "widget_screenshots": "فعال‌سازی امکان اسکرین‌شات برای ویجت‌های پشتیبانی‌شده"
+    },
+    "dialog_close_label": "بستن گفتگو",
+    "download_completed": "بارگیری کامل شد",
+    "empty_room": "اتاق خالی",
+    "empty_room_was_name": "اتاق خالی (نام قبلی: %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "کلید امنیتی اشتباه است"
+            },
+            "restoring": "بازیابی کلیدها از نسخه پشتیبان",
+            "security_key_title": "کلید امنیتی"
+        },
+        "bootstrap_title": "تنظیم کلیدها",
+        "confirm_encryption_setup_body": "برای تأیید و فعال‌سازی رمزگذاری ، روی دکمه زیر کلیک کنید.",
+        "confirm_encryption_setup_title": "راه‌اندازی رمزگذاری را تأیید کنید",
+        "cross_signing_room_normal": "این اتاق به صورت سرتاسر رمزشده است",
+        "cross_signing_room_verified": "همه‌ی اعضای این اتاق تائید شده‌اند",
+        "cross_signing_room_warning": "فردی از یک نشست ناشناس استفاده می‌کند",
+        "cross_signing_user_normal": "شما این کاربر را تائید نکرده‌اید.",
+        "cross_signing_user_verified": "شما این کاربر را تائید کرده‌اید. این کاربر تمام نشست‌های خود را تائيد کرده‌است.",
+        "cross_signing_user_warning": "این کاربر هیچ‌کدام از نشست‌های خود را تائید نکرده است.",
+        "event_shield_reason_authenticity_not_guaranteed": "صحت این پیام رمزگذاری شده در این دستگاه تضمین نمی شود.",
+        "event_shield_reason_mismatched_sender_key": "توسط یک نشست تأیید نشده رمزگذاری شده است",
+        "export_unsupported": "مرورگر شما از افزونه‌های رمزنگاری مورد نیاز پشتیبانی نمی‌کند",
+        "import_invalid_keyfile": "فایل کلید %(brand)s معتبر نیست",
+        "import_invalid_passphrase": "احراز هویت موفقیت‌آمیز نبود: گذرواژه نادرست است؟",
+        "messages_not_secure": {
+            "cause_1": "سرور شما",
+            "heading": "ممکن است یکی از موارد زیر به در معرض خطر باشد:",
+            "title": "پیام های شما ایمن نیستند"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "یک عبارت امنیتی و کلید جدید برای پیام‌رسانی امن شناسایی شد.",
+            "description_2": "این نشست تاریخچه‌ی پیام‌های رمزشده را با استفاده از روش جدیدِ بازیابی، رمز می‌کند.",
+            "title": "روش بازیابی جدید",
+            "warning": "اگر روش بازیابی جدیدی را تنظیم نکرده‌اید، ممکن است حمله‌کننده‌ای تلاش کند به حساب کاربری شما دسترسی پیدا کند. لطفا گذرواژه حساب کاربری خود را تغییر داده و فورا یک روش جدیدِ بازیابی در بخش تنظیمات انتخاب کنید."
+        },
+        "recovery_method_removed": {
+            "description_1": "نشست فعلی تشخیص داده که عبارت امنیتی و کلید لازم شما برای پیام‌رسانی امن حذف شده‌است.",
+            "description_2": "اگر این کار را به صورت تصادفی انجام دادید، می‌توانید سازوکار پیام امن را برای این نشست تنظیم کرده که باعث می‌شود تمام تاریخچه‌ی این نشست با استفاده از یک روش جدیدِ بازیابی، مجددا رمزشود.",
+            "title": "روش بازیابی حذف شد",
+            "warning": "اگر متد بازیابی را حذف نکرده‌اید، ممکن است حمله‌کننده‌ای سعی در دسترسی به حساب‌کاربری شما داشته باشد. گذرواژه حساب کاربری خود را تغییر داده و فورا یک روش بازیابی را از بخش تنظیمات خود تنظیم کنید."
+        },
+        "set_up_toast_title": "پشتیبان‌گیری امن را انجام دهید",
+        "unable_to_setup_keys_error": "تنظیم کلیدها امکان پذیر نیست",
+        "verification": {
+            "accepting": "پذیرش…",
+            "cancelling": "در حال لغو…",
+            "complete_action": "متوجه شدم",
+            "complete_description": "شما با موفقیت این کاربر را تائید کردید.",
+            "complete_title": "تائید شد!",
+            "explainer": "پیام‌های رد و بدل شده با این کاربر به صورت سرتاسر رمزشده و هیچ نفر سومی امکان مشاهده و خواندن آن‌ها را ندارد.",
+            "in_person": "برای حفظ امنیت، خودتان این کار را انجام دهید و یا از یک روش ارتباطی قابل اعتماد استفاده نمائید.",
+            "incoming_sas_device_dialog_text_1": "این دستگاه را تأیید کنید تا به عنوان مورد اعتماد علامت‌گذاری شود. اعتماد به این دستگاه در هنگام استفاده از رمزنگاری سرتاسر آرامش و اطمینان بیشتری را برای شما به ارمغان می‌آورد.",
+            "incoming_sas_device_dialog_text_2": "با تأیید این دستگاه، آن را به عنوان مورد اعتماد علامت‌گذاری کرده و کاربرانی که شما را تأیید کرده اند، به این دستگاه اعتماد خواهند کرد.",
+            "incoming_sas_dialog_title": "درخواست تأیید دریافتی",
+            "incoming_sas_user_dialog_text_1": "این کاربر را تأیید کنید تا به عنوان کاربر مورد اعتماد علامت‌گذاری شود. اعتماد به کاربران آرامش و اطمینان بیشتری به شما در استفاده از رمزنگاری سرتاسر می‌دهد.",
+            "incoming_sas_user_dialog_text_2": "با تأیید این کاربر ، نشست وی به عنوان مورد اعتماد علامت‌گذاری شده و همچنین نشست شما به عنوان مورد اعتماد برای وی علامت‌گذاری خواهد شد.",
+            "other_party_cancelled": "طرف مقابل فرآیند تائید را لغو کرد.",
+            "prompt_encrypted": "برای اطمینان از امنیت اتاق، هویت همه‌ی کاربران حاضر در اتاق را تأیید کنید.",
+            "qr_prompt": "این QR-code منحصر به فرد را اسکن کنید",
+            "qr_reciprocate_same_shield_user": "تقریباً تمام شد! آیا %(displayName)s نیز سپر مشابهی را نشان می‌دهد؟",
+            "request_toast_detail": "%(deviceId)s از %(ip)s",
+            "sas_caption_user": "در صورتی که عدد بعدی بر روی صفحه‌ی کاربر نمایش داده می‌شود، او را تائید نمائید.",
+            "sas_description": "اگر بر روی دستگاه خود دوربین ندارید، از تطابق شکلک‌های منحصر به فرد استفاده نمائید",
+            "sas_emoji_caption_user": "در صورتی که همه‌ی شکلک‌های موجود بر روی صفحه‌ی دستگاه کاربر ظاهر شده‌اند، او را تائید نمائید.",
+            "sas_match": "مطابقت دارند",
+            "sas_no_match": "مطابقت ندارند",
+            "sas_prompt": "شکلک‌های منحصر به فرد را مقایسه کنید",
+            "scan_qr": "با اسکن تأیید کنید",
+            "scan_qr_explainer": "از %(displayName)s بخواهید که کد شما را اسکن کند:",
+            "start_button": "شروع تایید هویت",
+            "successful_user": "شما%(displayName)s را با موفقیت تأیید کردید!",
+            "unsupported_method": "روش پشتیبانی‌شده‌ای برای تائید پیدا نشد.",
+            "unverified_session_toast_title": "ورود جدید. آیا شما بودید؟",
+            "unverified_sessions_toast_description": "برای کسب اطمینان از امن‌بودن حساب کاربری خود، لطفا بررسی فرمائید",
+            "unverified_sessions_toast_reject": "بعداً",
+            "verification_dialog_title_user": "درخواست تأیید",
+            "verify_emoji": "تأیید توسط شکلک",
+            "verify_emoji_prompt": "با مقایسه شکلک تأیید کنید.",
+            "verify_emoji_prompt_qr": "اگر نمی توانید کد بالا را اسکن کنید ، با مقایسه شکلک منحصر به فرد، او را تأیید کنید.",
+            "waiting_for_user_accept": "منتظر قبول کردن توسط %(displayName)s…",
+            "waiting_other_user": "منتظر %(displayName)s برای تائید کردن…"
+        },
+        "verification_requested_toast_title": "درخواست تائید",
+        "verify_toast_description": "ممکن است سایر کاربران به آن اعتماد نکنند",
+        "verify_toast_title": "تأیید این نشست"
+    },
+    "error": {
+        "admin_contact": "لطفاً برای ادامه استفاده از این سرویس <a> با مدیر سرور خود تماس بگیرید </a>.",
+        "admin_contact_short": "تماس با <a>مدیر کارسازتان</a>.",
+        "app_launch_unexpected_error": "خطای غیر منتظره در آماده سازی برنامه. کنسول را برای جزئیات مشاهده کنید.",
+        "cannot_load_config": "قادر به بارگذاری فایل پیکربندی نیست: لطفا برای تلاش مجدد صفحه را تازه کنید.",
+        "connection": "در برقراری ارتباط با سرور مشکلی پیش آمده، لطفاً چند لحظه‌ی دیگر مجددا امتحان کنید.",
+        "dialog_description_default": "خطایی رخ داده است.",
+        "edit_history_unsupported": "به نظر نمی‌رسد که سرور شما از این قابلیت پشتیبانی کند.",
+        "failed_copy": "خطا در گرفتن رونوشت",
+        "hs_blocked": "این سرور توسط مدیر آن مسدود شده‌است.",
+        "invalid_configuration_no_server": "پیکربندی نامعتبر: سرور پیشفرض مشخص نشده است.",
+        "invalid_json": "پیکربندی المنت شما شامل JSON نا معتبر است. لطفا مشکل را اصلاح کنید و صفحه را بارگذاری مجدد کنید.",
+        "invalid_json_detail": "پیام از طرف تجزیه کننده: %(message)s",
+        "invalid_json_generic": "JSON اشتباه",
+        "mau": "این سرور به محدودیت بیشینه‌ی تعداد کاربران فعال ماهانه رسیده‌است.",
+        "misconfigured": "Element شما پیکربندی نشده است",
+        "mixed_content": "امکان اتصال به سرور از طریق پروتکل‌های HTTP و HTTPS در مروگر شما میسر نیست. یا از HTTPS استفاده کرده و یا <a>حالت اجرای غیرامن اسکریپت‌ها</a> را فعال کنید.",
+        "non_urgent_echo_failure_toast": "سرور شما به بعضی <a>درخواست‌ها</a> پاسخ نمی‌دهد.",
+        "resource_limits": "این سرور از یکی از محدودیت های منابع خود فراتر رفته است.",
+        "session_restore": {
+            "clear_storage_button": "فضای ذخیره‌سازی را پاک کرده و از حساب کاربری خارج شوید",
+            "clear_storage_description": "خروج از حساب کاربری و حذف کلیدهای رمزنگاری؟",
+            "description_1": "هنگام تلاش برای بازیابی نشست قبلی شما، با خطایی روبرو شدیم.",
+            "description_2": "اگر در گذشته از نسخه جدیدتر %(brand)s استفاده کرده‌اید ، نشست شما ممکن است با این نسخه ناسازگار باشد. این پنجره را بسته و به نسخه جدیدتر برگردید.",
+            "description_3": "پاک کردن فضای ذخیره‌سازی مرورگر ممکن است این مشکل را برطرف کند ، اما شما را از برنامه خارج کرده و باعث می‌شود هرگونه سابقه گفتگوی رمزشده غیرقابل خواندن باشد.",
+            "title": "امکان بازیابی نشست وجود ندارد"
+        },
+        "something_went_wrong": "مشکلی پیش آمد!",
+        "storage_evicted_description_1": "برخی از داده‌های نشست ، از جمله کلیدهای رمزنگاری پیام‌ها موجود نیست. برای برطرف کردن این مشکل از برنامه خارج شده و مجددا وارد شوید و از کلیدها را از نسخه‌ی پشتیبان بازیابی نمائيد.",
+        "storage_evicted_description_2": "هنگام کمبود فضای دیسک ، مرورگر شما این داده ها را حذف می کند.",
+        "storage_evicted_title": "داده‌های نشست از دست رفته است",
+        "tls": "اتصال به سرور میسر نیست - لطفا اتصال اینترنت خود را بررسی کنید؛ اطمینان حاصل کنید <a>گواهینامه‌ی SSL سرور شما</a> قابل اعتماد است، و اینکه پلاگینی بر روی مرورگر شما مانع از ارسال درخواست به سرور نمی‌شود.",
+        "unknown": "خطای ناشناخته",
+        "unknown_error_code": "کد خطای ناشناخته",
+        "update_power_level": "تغییر سطح قدرت انجام نشد"
+    },
+    "error_database_closed_title": "پایگاه داده به طور غیرمنتظره ای بسته شد",
+    "error_dialog": {
+        "error_loading_user_profile": "امکان نمایش پروفایل کاربر میسر نیست",
+        "forget_room_failed": "فراموش کردن اتاق با خطا مواجه شد %(errCode)s"
+    },
+    "error_user_not_logged_in": "کاربر وارد نشده است",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "تماس در جریان است",
+            "user": "%(senderName)s به تماس پیوست",
+            "you": "شما به تماس پیوستید"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s تماس را پایان داد",
+            "you": "شما تماس را پایان دادید"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s در حال تماس است",
+            "dm_send": "منتظر پاسخ",
+            "user": "%(senderName)s تماس را شروع کرد",
+            "you": "شما یک تماس را شروع کردید"
+        },
+        "m.emote": "* %(senderName)s.%(emote)s",
+        "m.sticker": "%(senderName)s:%(stickerName)s",
+        "m.text": "%(senderName)s:%(message)s"
+    },
+    "export_chat": {
+        "creator_summary": "%(creatorName)s این اتاق ساخته شده.",
+        "current_timeline": "جدول زمانی فعلی",
+        "error_fetching_file": "خطا در واکشی فایل",
+        "export_successful": "استخراج موفق!",
+        "file_attached": "فایل ضمیمه شد",
+        "from_the_beginning": "از ابتدا",
+        "generating_zip": "تهیه یک فایل زیپ",
+        "media_omitted": "فایل چند رسانه ای حذف شد",
+        "media_omitted_file_size": "فایل چند رسانه ای حذف شد - حجم فایل بیش از مقدار تعیین شده است",
+        "messages": "پیام ها",
+        "number_of_messages": "تعیین تعداد پیام ها",
+        "text": "متن ساده",
+        "topic": "عنوان: %(topic)s",
+        "unload_confirm": "آیا میخواهید در حال استخراج خارج شوید؟"
+    },
+    "failed_load_async_component": "امکان بارگیری محتوا وجود ندارد! لطفا وضعیت اتصال خود به اینترنت را بررسی کرده و مجددا اقدام نمائید.",
+    "feedback": {
+        "can_contact_label": "در صورت داشتن هرگونه سوال پیگیری ممکن است با من تماس بگیرید",
+        "comment_label": "نظر",
+        "existing_issue_link": "لطفاً ابتدا اشکالات موجود را در <existingIssuesLink>گیتهاب برنامه</existingIssuesLink> را مشاهده کنید. با اشکال شما مطابقتی وجود ندارد؟<newIssueLink> مورد جدیدی را ثبت کنید</newIssueLink>.",
+        "platform_username": "سیستم‌عامل و نام کاربری شما ثبت خواهد شد تا به ما کمک کند تا جایی که می توانیم از نظرات شما استفاده کنیم.",
+        "pro_type": "نکته‌ای برای کاربران حرفه‌ای: اگر به مشکل نرم‌افزاری در برنامه برخورد کردید، لطفاً <debugLogsLink>لاگ‌های مشکل</debugLogsLink> را ارسال کنید تا به ما در ردیابی و رفع آن کمک کند.",
+        "send_feedback_action": "ارسال بازخورد",
+        "sent": "بازخورد ارسال شد"
+    },
+    "file_panel": {
+        "empty_description": "فایل‌ها را از محیط چت ضمیمه کرده و یا آن‌ها را کشیده و در محیط اتاق رها کنید.",
+        "empty_heading": "هیچ فایلی در این اتاق قابل مشاهده نیست",
+        "guest_note": "برای استفاده از این قابلیت باید <a>ثبت نام</a> کنید",
+        "peek_note": "برای دیدن فایل‌های یک اتاق، باید عضو آن باشید"
+    },
+    "forward": {
+        "send_label": "ارسال",
+        "sending": "در حال ارسال"
+    },
+    "identity_server": {
+        "change": "تغییر سرور هویت‌سنجی",
+        "change_prompt": "ارتباط با سرور هویت‌سنجی <current /> قطع شده و در عوض به <new /> متصل شوید؟",
+        "change_server_prompt": "اگر تمایل به استفاده از <server /> برای یافتن و یافته‌شدن توسط مخاطبان خود را ندارید، سرور هویت‌سنجی دیگری را در پایین وارد کنید.",
+        "checking": "در حال بررسی سرور",
+        "description_connected": "در حال حاضر شما از <server></server> برای یافتن و یافته‌شدن توسط مخاطبانی که می‌شناسید، استفاده می‌کنید. می‌توانید سرور هویت‌سنجی خود را در زیر تغییر دهید.",
+        "description_disconnected": "در حال حاضر از سرور هویت‌سنجی استفاده نمی‌کنید. برای یافتن و یافته‌شدن توسط مخاطبان موجود که شما آن‌ها را می‌شناسید، یک مورد در پایین اضافه کنید.",
+        "description_optional": "استفاده از سرور هویت‌سنجی اختیاری است. اگر تصمیم بگیرید از سرور هویت‌سنجی استفاده نکنید، شما با استفاده از آدرس ایمیل و شماره تلفن قابل یافته‌شدن و دعوت‌شدن توسط سایر کاربران نخواهید بود.",
+        "disconnect": "اتصال با سرور هویت‌سنجی را قطع کن",
+        "disconnect_anyway": "در هر صورت قطع کن",
+        "disconnect_offline_warning": "شما باید قبل از قطع اتصال، <b>داده‌های شخصی خود را</b> از سرور هویت‌سنجی <idserver /> پاک کنید. متاسفانه سرور هویت‌سنجی <idserver /> هم‌اکنون آفلاین بوده و یا دسترسی به آن امکان‌پذیر نیست.",
+        "disconnect_personal_data_warning_1": "شما هم‌چنان <b>داده‌های شخصی خودتان</b> را بر روی سرور هویت‌سنجی <idserver /> به اشتراک می‌گذارید.",
+        "disconnect_personal_data_warning_2": "توصیه می‌کنیم آدرس‌های ایمیل و شماره تلفن‌های خود را پیش از قطع ارتباط با سرور هویت‌سنجی از روی آن پاک کنید.",
+        "disconnect_server": "از سرور هویت‌سنجی <idserver /> قطع می‌شوید؟",
+        "disconnect_warning": "قطع ارتباط با سرور هویت‌سنجی به این معناست که شما از طریق ادرس ایمیل و شماره تلفن، بیش از این قابل یافته‌شدن و دعوت‌شدن توسط کاربران دیگر نیستید.",
+        "do_not_use": "از سرور هویت‌سنجی استفاده نکن",
+        "error_connection": "نتوانست به کارساز هویت وصل شود",
+        "error_invalid": "کارساز هویت معتبر نیست (کد وضعیت %(code)s)",
+        "error_invalid_or_terms": "شرایط و ضوابط سرویس پذیرفته نشده و یا سرور هویت‌سنجی معتبر نیست.",
+        "no_terms": "سرور هویت‌سنجی که انتخاب کرده‌اید شرایط و ضوابط سرویس ندارد.",
+        "suggestions": "شما باید:",
+        "suggestions_1": "پلاگین‌های مرورگر خود را بررسی کنید تا مبادا سرور هویت‌سنجی را بلاک کرده باشند (پلاگینی مانند Privacy Badger)",
+        "suggestions_2": "با مدیران سرور هویت‌سنجی <idserver /> تماس بگیرید",
+        "suggestions_3": "صبر کرده و بعدا دوباره امتحان کنید",
+        "url": "کارساز هویت (%(server)s)",
+        "url_field_label": "یک سرور هویت‌سنجی جدید وارد کنید",
+        "url_not_https": "نشانی کارساز هویت باید HTTPS باشد"
+    },
+    "in_space": "در فضای %(spaceName)s.",
+    "in_space1_and_space2": "در فضای %(space1Name)s و %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "other": "در %(spaceName)s و %(count)s دیگر فضاها."
+    },
+    "incompatible_browser": {
+        "title": "مرورگر پش‬تبانی نمی شود"
+    },
+    "info_tooltip_title": "اطلاعات",
+    "integration_manager": {
+        "error_connecting": "مدیر یکپارچه‌سازی‌ یا آفلاین است و یا نمی‌تواند به سرور شما متصل شود.",
+        "error_connecting_heading": "امکان اتصال به مدیر یکپارچه‌سازی‌ها وجود ندارد",
+        "explainer": "مدیران ادغام داده‌های پیکربندی را دریافت می‌کنند و می‌توانند ویجت‌ها را تغییر دهند، دعوت‌نامه‌های اتاق ارسال کنند و سطوح قدرت را از طرف شما تنظیم کنند.",
+        "manage_title": "مدیریت پکپارچه‌سازی‌ها",
+        "use_im": "برای مدیریت بات‌ها، ابزارک‌ها و بسته‌های برچسب، از یک مدیر پکپارچه‌سازی استفاده کنید.",
+        "use_im_default": "برای مدیریت بات‌ها، ابزارک‌ها و بسته‌های برچسب، از یک مدیر پکپارچه‌سازی <b>(%(serverName)s)</b> استفاده کنید."
+    },
+    "integrations": {
+        "disabled_dialog_title": "پکپارچه‌سازی‌ها غیر فعال هستند",
+        "impossible_dialog_description": "%(brand)s شما اجازهٔ استفاده از یک مدیر یکپارچگی را برای این کار نمی دهد. لطفاً با مدیری تماس بگیرید.",
+        "impossible_dialog_title": "یکپارچه‌سازی‌ها اجازه داده نشده‌اند"
+    },
+    "invite": {
+        "email_caption": "دعوت از طریق ایمیل",
+        "email_use_default_is": "از یک سرور هویت‌سنجی برای دعوت از طریق ایمیل استفاده کنید. <default>از پیش فرض (%(defaultIdentityServerName)s) استفاده کنید</default> یا آن را در بخش <settings>تنظیمات</settings> مدیریت کنید.",
+        "email_use_is": "از یک سرور هویت‌سنجی برای دعوت از طریق ایمیل استفاده کنید. اینکار را می‌توانید از طریق بخش <settings>تنظیمات</settings> انجام دهید.",
+        "error_already_invited_room": "کاربر به این اتاق دعوت شده است",
+        "error_already_invited_space": "کاربر به این فضا دعوت شده است",
+        "error_already_joined_room": "کاربر در این اتاق حاضر است",
+        "error_already_joined_space": "کاربر در این فضا حاضر است",
+        "error_bad_state": "برای اینکه کاربر بتواند دعوت شود، ابتدا باید رفع تحریم شود.",
+        "error_dm": "نتوانستیم گفتگوی خصوصی مد نظرتان را ایجاد کنیم.",
+        "error_find_room": "در تلاش برای دعوت از کاربران مشکلی پیش آمد.",
+        "error_find_user_description": "این کاربران ممکن است وجود نداشته یا نامعتبر باشند و نمی‌توان آنها را دعوت کرد: %(csvNames)s",
+        "error_find_user_title": "این کاربران یافت نشدند",
+        "error_invite": "ما نتوانستیم آن کاربران را دعوت کنیم. لطفاً کاربرانی را که می خواهید دعوت کنید بررسی کرده و دوباره امتحان کنید.",
+        "error_permissions_room": "شما دسترسی دعوت افراد به این اتاق را ندارید.",
+        "error_permissions_space": "شما دسترسی لازم برای دعوت از افراد به این فضا را ندارید.",
+        "error_profile_undisclosed": "ممکن است کاربر وجود نداشته باشد",
+        "error_transfer_multiple_target": "تماس فقط می تواند به یک کاربر منتقل شود.",
+        "error_unknown": "خطای ناشناخته از سمت سرور",
+        "error_user_not_found": "کاربر وجود ندارد",
+        "error_version_unsupported_room": "سرور کاربر از نسخه‌ی اتاق پشتیبانی نمی‌کند.",
+        "error_version_unsupported_space": "نسخه فضای شما با سرور خانگی کاربر سازگاری ندارد.",
+        "failed_generic": "عملیات انجام نشد",
+        "failed_title": "دعوت موفقیت‌آمیز نبود",
+        "invalid_address": "آدرس ناشناخته",
+        "name_email_mxid_share_room": "با استفاده از نام، آدرس ایمیل، نام کاربری (مانند <userId/>) از فردی دعوت کرده و یا <a>این اتاق را به اشتراک بگذارید</a>.",
+        "name_email_mxid_share_space": "با استفاده از نام ، آدرس ایمیل ، نام کاربری (مانند <userId/>) کسی را دعوت کرده یا <a>این فضای کاری را به اشتراک بگذارید</a>.",
+        "name_mxid_share_room": "با استفاده از نام یا نام کاربری (مانند <userId/>) از افراد دعوت کرده و یا <a>این اتاق را به اشتراک بگذارید</a>.",
+        "name_mxid_share_space": "با استفاده از نام یا نام کاربری (مانند <userId/>) از افراد دعوت کرده و یا <a>این فضای کاری را به اشتراک بگذارید</a>.",
+        "recents_section": "گفتگوهای اخیر",
+        "room_failed_partial": "ما برای باقی ارسال کردیم، ولی افراد زیر نمی توانند به <RoomName/> دعوت شوند",
+        "room_failed_partial_title": "بعضی از دعوت ها ارسال نشد",
+        "room_failed_title": "افزودن کاربران به %(roomName)s با شکست روبرو شد",
+        "start_conversation_name_email_mxid_prompt": "با استفاده از نام، آدرس ایمیل و یا نام کاربری (مانند <userId/>)، یک گفتگوی جدید را شروع کنید.",
+        "start_conversation_name_mxid_prompt": "با استفاده از نام یا نام کاربری (مانند <userId/>)، گفتگوی جدیدی را با دیگران شروع کنید.",
+        "suggestions_section": "گفتگوهای خصوصی اخیر",
+        "to_room": "دعوت به %(roomName)s",
+        "to_space": "دعوت به %(spaceName)s",
+        "transfer_dial_pad_tab": "صفحه شماره‌گیری",
+        "unable_find_profiles_description_default": "برای شناسه‌های ماتریکس زیر، پروفایلی پیدا نشد - آیا به هر حال می خواهید آنها را دعوت کنید؟",
+        "unable_find_profiles_invite_label_default": "به هر حال دعوت کن",
+        "unable_find_profiles_invite_never_warn_label_default": "به هر حال دعوت کن و دیگر هرگز به من هشدار نده",
+        "unable_find_profiles_title": "کاربران زیر ممکن است وجود نداشته باشند"
+    },
+    "inviting_user1_and_user2": "دعوت کردن %(user1)s و %(user2)s",
+    "inviting_user_and_n_others": {
+        "other": "دعوت کردن %(user)s و %(count)s دیگر",
+        "one": "دعوت کردن %(user)s و ۱ دیگر"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> و یکی دیگر",
+        "other": "<Items/> و %(count)s دیگر"
+    },
+    "keyboard": {
+        "activate_button": "دکمه انتخاب شده را فعال کنید",
+        "autocomplete_cancel": "لغو تکمیل خودکار",
+        "autocomplete_force": "اتمام اجباری",
+        "autocomplete_navigate_next": "پیشنهاد تکمیل-خودکار بعدی",
+        "autocomplete_navigate_prev": "پیشنهاد تکمیل-خودکار قبلی",
+        "cancel_reply": "پاسخ به پیام را لغو کن",
+        "category_autocomplete": "تکمیل خودکار",
+        "category_calls": "تماس‌ها",
+        "category_navigation": "پیمایش",
+        "category_room_list": "لیست اتاق‌ها",
+        "close_dialog_menu": "بستن پنجره یا منوی محتوا",
+        "composer_jump_end": "پرش به انتهای نوشته",
+        "composer_jump_start": "پرش به ابتدای نوشته",
+        "composer_navigate_next_history": "انتقال به پیام بعدی در تاریخچه نوشته ها",
+        "composer_navigate_prev_history": "انتقال به پیام قبلی در تاریخچه نوشته ها",
+        "composer_new_line": "خط جدید",
+        "composer_redo": "انجام مجدد ویرایش",
+        "composer_toggle_bold": "بولد‌کردن",
+        "composer_toggle_code_block": "تغییر بلاک کد",
+        "composer_toggle_italics": "ایتالیک‌کردن",
+        "composer_toggle_link": "تغییر لینک",
+        "composer_toggle_quote": "نقل‌قول کردن",
+        "composer_undo": "برگشت از ویرایش",
+        "dismiss_read_marker_and_jump_bottom": "نشانه‌ی خوانده‌شده را بیخیال شو و به انتها پرش کن",
+        "escape": "خروج",
+        "go_home_view": "به صفحه اصلی بروید",
+        "home": "خانه",
+        "jump_first_message": "پرش به اولین پیام",
+        "jump_last_message": "پرش به آخرین پیام",
+        "jump_room_search": "به قسمت جستجوی اتاق پرش کن",
+        "jump_to_read_marker": "به قدیمی‌ترین پیام خوانده نشده پرش کن",
+        "keyboard_shortcuts_tab": "این تب تنظیمات را باز کنید",
+        "navigate_next_message_edit": "انتقال به پیام بعدی جهت ویرایش",
+        "navigate_prev_message_edit": "انتقال به پیام قبلی جهت ویرایش",
+        "next_room": "اتاق یا گفتگوی خصوصی بعدی",
+        "next_unread_room": "اتاق یا پیام خصوصی خوانده نشده بعدی",
+        "prev_room": "اتاق یا گفتگوی خصوصی قبلی",
+        "prev_unread_room": "اتاق یا پیام خصوصی خوانده نشده قبلی",
+        "room_list_collapse_section": "قسمت لیست اتاق‌ها را جمع کن",
+        "room_list_expand_section": "قسمت لیست اتاق‌ها را بسط بده",
+        "room_list_navigate_down": "پیمایش به پایین در لیست اتاق ها",
+        "room_list_navigate_up": "پیمایش به بالا در لیست اتاق ها",
+        "room_list_select_room": "از لیست اتاق‌ها انتخاب کنید",
+        "scroll_down_timeline": "پایین آمدن در تایم لاین",
+        "scroll_up_timeline": "بالا رفتن در تایم لاین",
+        "search": "جستجو (باید فعال باشد)",
+        "send_sticker": "ارسال یک استیکر",
+        "space": "فضای کاری",
+        "toggle_hidden_events": "حالت نمایش رخدادهای پنهان را تغییر دهید",
+        "toggle_microphone_mute": "میکروفون را قطع کنید",
+        "toggle_right_panel": "پانل سمت راست را تغییر دهید",
+        "toggle_space_panel": "پنل فاصله را تغییر حالت دهید",
+        "toggle_top_left_menu": "منوی بالا سمت چپ را تغییر دهید",
+        "toggle_webcam_mute": "روشن/خاموش کردن دوربین",
+        "upload_file": "فایل بارگذاری کنید"
+    },
+    "labs": {
+        "beta_feedback_leave_button": "برای خروج از بتا به بخش تنظیمات مراجعه کنید.",
+        "bridge_state": "اطلاعات پل‌های ارتباطی را در تنظیمات اتاق نمایش بده",
+        "bridge_state_channel": "کانال:<channelLink/>",
+        "bridge_state_creator": "این پل ارتباطی توسط <user /> ارائه شده‌است.",
+        "bridge_state_manager": "این پل ارتباطی توسط <user /> مدیریت می‌شود.",
+        "bridge_state_workspace": "فضای کار:<networkLink/>",
+        "custom_themes": "پشتیبانی از افزودن پوسته‌های ظاهری دلخواه",
+        "group_developer": "توسعه دهنده",
+        "group_encryption": "رمزنگاری",
+        "group_experimental": "تجربی",
+        "group_messaging": "پیام رسانی",
+        "group_moderation": "اعتدال",
+        "group_profile": "پروفایل",
+        "group_rooms": "اتاق‌ها",
+        "group_spaces": "محیط‌ها",
+        "group_themes": "قالب ها",
+        "group_voip": "صدا و تصویر",
+        "group_widgets": "ابزارک ها",
+        "join_beta": "اضافه‌شدن به نسخه‌ی بتا",
+        "latex_maths": "نمایش لاتکس ریاضیات در پیام‌ها",
+        "leave_beta": "ترک نسخه‌ی بتا",
+        "video_rooms": "اتاق های تصویری",
+        "video_rooms_a_new_way_to_chat": "راهکار جدیدی برای گفتگوی صوتی و تصویری در%(brand)sوجود دارد."
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ این تنظیمات برای کاربران حرفه‌ای قرار داده شده‌است.",
+        "ban_reason": "نادیده گرفته‌شده/بلاک‌شده",
+        "error_adding_ignore": "افزودن کاربر/سرور به لیست نادیده‌گرفته‌ها با خطا همراه بود",
+        "error_adding_list_description": "لطفا شناسه یا آدرس اتاق را تائید کرده و مجددا اقدام نمائید.",
+        "error_adding_list_title": "ثبت‌نام در لیست با خطا همراه بود",
+        "error_removing_ignore": "حذف کاربر/سرور نادیده‌گرفته‌شده با خطا همراه بود",
+        "error_removing_list_description": "لطفا مجددا اقدام کرده و برای کسب اطلاعات بیشتر کنسول مرورگر خود را مشاهده نمائید.",
+        "error_removing_list_title": "لغو اشتراک از لیست با خطا همراه بود",
+        "explainer_1": "کاربران و سرورهایی که قصد نادیده گرفتن آن‌ها را دارید در این‌جا اضافه کنید. در %(brand)s از ستاره (*) برای مچ‌شدن با هر کاراکتری استفاده کنید. برای مثال، <code>@bot:*</code> همه‌ی کاربران یا سرورهایی را که نام 'bot' در آن‌ها وجود دارد، نادیده می‌گیرد.",
+        "explainer_2": "نادیده‌گرفتن افراد توسط لیست تحریم صورت می‌گیرد که حاوی قوانینی برای تشخیص این است که چه کسی را تحریم کند. اضافه‌شدن به لیست تحریم به این معناست که کاربر/سرور بلاک شده و از دید شما پنهان خواهد بود.",
+        "lists": "شما هم‌اکنون مشترک شده‌اید در:",
+        "lists_description_1": "ثبت‌نام کردن در یک لیست تحریم باعث می‌شود شما هم عضو آن شوید!",
+        "lists_description_2": "اگر این چیزی نیست که شما می‌خواهید، از یک ابزار دیگر برای نادیده‌گرفتن کاربران استفاده نمائيد.",
+        "lists_heading": "لیست‌هایی که در آن‌ها ثبت‌نام کرده‌اید",
+        "lists_new_label": "شناسه‌ی اتاق یا آدرس لیست تحریم",
+        "no_lists": "شما در هیچ لیستی ثبت‌نام نکرده‌اید",
+        "personal_empty": "شما هیچ‌کس را نادیده نگرفته‌اید.",
+        "personal_heading": "لیست تحریم شخصی",
+        "personal_new_label": "شناسه‌ی سرور یا کاربر مورد نظر برای نادیده‌گرفتن",
+        "personal_new_placeholder": "برای مثال: @bot:* یا example.org",
+        "personal_section": "شما در حال حاضر این موارد را نادیده گرفته‌اید:",
+        "room_name": "لیست تحریم‌های من",
+        "room_topic": "این لیست کاربران/اتاق‌هایی است که شما آن‌ها را بلاک کرده‌اید - اتاق را ترک نکنید!",
+        "rules_empty": "هیچ‌کدام",
+        "rules_server": "قوانین سرور",
+        "rules_title": "قوانین لیست تحریم - %(roomName)s",
+        "rules_user": "قوانین کاربر",
+        "something_went_wrong": "مشکلی پیش آمد. لطفا مجددا تلاش کرده و در صورت نیاز، کنسول مرورگر خود را برای کسب اطلاعات بیشتر مشاهده نمائید.",
+        "title": "کاربران نادیده‌گرفته‌شده",
+        "view_rules": "مشاهده قوانین"
+    },
+    "language_dropdown_label": "منو زبان",
+    "leave_room_dialog": {
+        "last_person_warning": "شما در این‌جا تنها هستید. اگر اینجا را ترک کنید، دیگر هیچ‌کس حتی خودتان امکان پیوستن مجدد را نخواهید داشت.",
+        "leave_room_question": "آیا مطمئن هستید که می خواهید از اتاق '2%(roomName)s' خارج شوید؟",
+        "leave_space_question": "آیا از ترک فضای '%(spaceName)s' اطمینان دارید؟",
+        "room_rejoin_warning": "این اتاق عمومی نیست. پیوستن مجدد بدون دعوتنامه امکان‌پذیر نخواهد بود.",
+        "space_rejoin_warning": "این فضا عمومی نیست. امکان پیوستن مجدد بدون دعوتنامه امکان‌پذیر نخواهد بود."
+    },
+    "lightbox": {
+        "rotate_left": "چرخش به چپ",
+        "rotate_right": "چرخش به راست"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "این سرور خانگی برای نمایش نقشه تنظیم نشده است.",
+        "MapStyleUrlNotReachable": "این سرور خانگی برای نمایش نقشه بدرستی تنظیم نشده، یا سایت مرجع نقشه در دسترس نیست.",
+        "close_sidebar": "بستن نوارکناری",
+        "find_my_location": "پیدا کردن مکان",
+        "location_not_available": "مکان در دسترس نیست",
+        "map_feedback": "بازخورد نقشه",
+        "mapbox_logo": "لوگوی جعبه نقشه",
+        "reset_bearing": "بازنشانی جهت شمال",
+        "toggle_attribution": "تغییر دادن اسناد"
+    },
+    "member_list": {
+        "filter_placeholder": "فیلتر کردن اعضای اتاق"
+    },
+    "member_list_back_action_label": "اعضای اتاق",
+    "message_edit_dialog_title": "ویرایش پیام",
+    "mobile_guide": {
+        "toast_accept": "از برنامه استفاده کنید",
+        "toast_description": "%(brand)s در مرورگر موبایل بدرستی نمایش داده نمی‌شود، پیشنهاد میکنیم از نرم افزار موبایل رایگان ما در این‌باره استفاده نمایید.",
+        "toast_title": "برای تجربه بهتر از برنامه استفاده کنید"
+    },
+    "no_more_results": "نتایج بیشتری یافن نشد",
+    "notif_panel": {
+        "empty_description": "اعلان قابل مشاهده‌ای ندارید."
+    },
+    "notifications": {
+        "all_messages": "همه‌ی پیام‌ها",
+        "class_other": "دیگر",
+        "default": "پیشفرض",
+        "enable_prompt_toast_description": "فعال‌کردن اعلان‌های دسکتاپ",
+        "enable_prompt_toast_title": "آگاهی‌ها",
+        "enable_prompt_toast_title_from_message_send": "پاسخی را از دست ندهید",
+        "error_change_title": "تنظیمات اعلان را تغییر دهید",
+        "keyword": "کلمه کلیدی",
+        "keyword_new": "کلمه کلیدی جدید",
+        "mark_all_read": "همه را به عنوان خوانده شده علامت بزن",
+        "mentions_and_keywords_description": "بنابر <a>تنظیمات</a> خودتان فقط با منشن ها و کلمات کلیدی مطلع شوید",
+        "mentions_keywords": "منشن ها و کلمات کلیدی"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s درخواست تائید دارد"
+    },
+    "onboarding": {
+        "create_room": "ساختن یک گروه",
+        "explore_rooms": "جستجوی اتاق‌های عمومی",
+        "has_avatar_label": "احسنت، با این کار شما به سایر افراد کمک می‌کنید که شما را بشناسند",
+        "intro_welcome": "به %(appName)s خوش‌آمدید",
+        "no_avatar_label": "برای اینکه بقیه شما را بشناسند، یک تصویر اضافه کنید.",
+        "send_dm": "ارسال یک پیام مستقیم",
+        "welcome_detail": "همین الان شروع کنید",
+        "welcome_user": "%(name)s خوش‌آمدید"
+    },
+    "poll": {
+        "failed_send_poll_description": "با عرض پوزش، نظرسنجی که سعی کردید ایجاد کنید پست نشد.",
+        "failed_send_poll_title": "ارسال نظرسنجی انجام نشد",
+        "type_closed": "نظرسنجی بسته",
+        "type_heading": "نوع نظرسنجی",
+        "type_open": "باز کردن نظرسنجی"
+    },
+    "power_level": {
+        "admin": "ادمین",
+        "custom": "%(level)s دلخواه",
+        "custom_level": "سطح دلخواه",
+        "default": "پیشفرض",
+        "label": "سطح قدرت",
+        "moderator": "معاون",
+        "restricted": "ممنوع"
+    },
+    "powered_by_matrix": "راه اندازی شده با استفاده از ماتریکس",
+    "presence": {
+        "away": "بعدا",
+        "idle": "بلااستفاده",
+        "idle_for": "بلااستفاده برای مدت %(duration)s",
+        "offline": "آفلاین",
+        "offline_for": "آفلاین به مدت %(duration)s",
+        "online": "آنلاین",
+        "online_for": "آنلاین برای مدت %(duration)s",
+        "unknown": "ناشناخته",
+        "unknown_for": "ناشناخته به مدت %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "همه تنظیمات"
+    },
+    "quit_warning": {
+        "call_in_progress": "به نظر می‌رسد شما در میانه‌ی یک تماس هستید، آیا از خروج اطمینان دارید؟",
+        "file_upload_in_progress": "به نظر می‌رسد شما در حال باگذاری فایل هستید، آیا از خروج اطمینان دارید؟"
+    },
+    "redact": {
+        "confirm_button": "تأیید حذف",
+        "error": "شما نمی‌توانید این پیام را پاک کنید. (%(code)s)",
+        "ongoing": "در حال حذف…",
+        "reason_label": "دلیل (اختیاری)"
+    },
+    "report_content": {
+        "description": "گزارش این پیام شناسه‌ی منحصر به فرد رخداد آن را برای مدیر سرور ارسال می‌کند. اگر پیام‌های این اتاق رمزشده باشند، مدیر سرور شما امکان خواندن متن آن پیام یا مشاهده‌ی عکس یا فایل‌های دیگر را نخواهد داشت.",
+        "missing_reason": "لطفا توضیح دهید که چرا گزارش می‌دهید.",
+        "report_content_to_homeserver": "گزارش محتوا به مدیر سرور خود"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "رمزگشایی %(failedCount)s نشست موفقیت‌آمیز نبود!",
+        "count_of_successfully_restored_keys": "کلیدهای %(sessionCount)s با موفقیت بازیابی شدند",
+        "enter_key_description": "با وارد کردن کلید امنیتی خود به تاریخچه‌ی پیام‌‌های رمز شده خود دسترسی پیدا کرده و پیام امن ارسال کنید.",
+        "enter_key_title": "کلید امنیتی را وارد کنید",
+        "enter_phrase_description": "با وارد کردن عبارت امنیتی خود به سابقه پیام‌های رمز شدتان دسترسی پیدا کرده و پیام امن ارسال کنید.",
+        "enter_phrase_title": "عبارت امنیتی را وارد کنید",
+        "incorrect_security_phrase_dialog": "نسخه پشتیبان با این عبارت امنیتی رمزگشایی نمی‌شود: لطفاً بررسی کنید که عبارت امنیتی درست را وارد کرده اید.",
+        "incorrect_security_phrase_title": "عبارت امنیتی نادرست است",
+        "key_backup_warning": "<b>هشدا</b>: پشتیبان گیری از کلید را فقط از یک رایانه مطمئن انجام دهید.",
+        "key_forgotten_text": "اگر کلید امنیتی خود را فراموش کرده‌اید ، می توانید <button>تنظیمات مجددا تنظیمات پشتیبان‌گیری را انجام دهید</button>",
+        "key_is_invalid": "کلید امنیتی معتبری نیست",
+        "key_is_valid": "به نظر می رسد این یک کلید امنیتی معتبر است!",
+        "keys_restored_title": "کلیدها بازیابی شدند",
+        "load_error_content": "بارگیری و نمایش وضعیت نسخه‌ی پشتیبان امکان‌پذیر نیست",
+        "load_keys_progress": "%(completed)s از %(total)s کلید بازیابی شدند",
+        "no_backup_error": "نسخه پشتیبان یافت نشد!",
+        "phrase_forgotten_text": "اگر عبارت امنیتی خود را فراموش کرده اید، می توانید <button1>از کلید امنیتی خود استفاده کنید</button1> یا <button2>تنظیمات پشتیانی‌گیری را مجددا انجام دهید</button2>",
+        "recovery_key_mismatch_description": "نسخه پشتیبان با این کلید امنیتی رمزگشایی نمی شود: لطفاً بررسی کنید که کلید امنیتی درست را وارد کرده اید.",
+        "recovery_key_mismatch_title": "عدم تطابق کلید امنیتی",
+        "restore_failed_error": "بازیابی نسخه پشتیبان امکان پذیر نیست"
+    },
+    "right_panel": {
+        "add_integrations": "افزودن ابزارک‌ها، پل‌ها و ربات‌ها",
+        "pinned_messages": {
+            "limits": {
+                "other": "فقط می توانید تا %(count)s ابزارک را پین کنید"
+            }
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account_room": "این دعوت به %(roomName)s به %(email)s ارسال شده است که با حساب شما مرتبط نیست",
+        "3pid_invite_error_invite_action": "به هر حال عضو شدن را تلاش کن",
+        "3pid_invite_error_invite_subtitle": "فقط با یک دعوت نامه معتبر می توانید به آن بپیوندید.",
+        "3pid_invite_error_title_room": "در دعوت شما به %(roomName)s مشکلی پیش آمده است",
+        "3pid_invite_no_is_subtitle": "برای دریافت مستقیم دعوت در %(brand)s یک سرور هویت‌سنجی در تنظیمات مشخص کنید.",
+        "banned_from_room_by": "شما از %(roomName)s توسط %(memberName)s محروم شدید",
+        "context_menu": {
+            "favourite": "علاقه‌مندی‌ها",
+            "forget": "اتاق را فراموش کن",
+            "low_priority": "کم اهمیت",
+            "title": "تنظیمات اتاق",
+            "unfavourite": "مورد علاقه"
+        },
+        "dm_invite_action": "گپ زدن را شروع کن",
+        "dm_invite_subtitle": "<userName/> می‌خواهد چت کند",
+        "dm_invite_title": "آیا می خواهید با %(user)s چت کنید؟",
+        "drop_file_prompt": "برای بارگذاری فایل آن را کشیده و در این‌جا رها کنید",
+        "error_join_404_invite": "فردی که شما را دعوت کرده بود اینجا را ترک کرده، و یا سرور او خاموش شده است.",
+        "error_join_404_invite_same_hs": "فردی که شما را دعوت کرده بود اینجا را ترک کرده است.",
+        "error_join_connection": "خطایی در هنگام پیوستن رخ داده است.",
+        "error_join_incompatible_version_1": "متاسفانه نسخه نرم افزار خانگی شما برای مشارکت در این بخش خیلی قدیمی است.",
+        "error_join_incompatible_version_2": "لطفاً با مدیر سرور خود تماس بگیرید.",
+        "error_join_title": "عدم موفقیت در پیوستن",
+        "face_pile_summary": {
+            "one": "%(count)s نفر از افرادی که می شناسید قبلاً پیوسته‌اند",
+            "other": "%(count)s نفر از افرادی که می شناسید قبلاً به آن پیوسته‌اند"
+        },
+        "face_pile_tooltip_label": {
+            "one": "نمایش ۱ عضو",
+            "other": "نمایش همه %(count)s عضو"
+        },
+        "face_pile_tooltip_shortcut": "شامل %(commaSeparatedMembers)s",
+        "failed_reject_invite": "رد دعوتنامه با شکست همراه شد",
+        "forget_room": "فراموش کردن این اتاق",
+        "header": {
+            "room_is_public": "این اتاق عمومی است"
+        },
+        "inaccessible_name": "در حال حاضر %(roomName)s قابل دسترسی نیست.",
+        "intro": {
+            "dm_caption": "فقط شما دو نفر در این مکالمه حضور دارید ، مگر اینکه یکی از شما کس دیگری را به عضویت دعوت کند.",
+            "no_avatar_label": "عکس اضافه کنید تا افراد بتوانند به راحتی اتاق شما را ببینند.",
+            "no_topic": "<a>یک موضوع اضافه کنید</a> تا به افراد کمک کنید از آنچه در آن است مطلع شوند.",
+            "room_invite": "فقط به این اتاق دعوت کنید",
+            "start_of_dm_history": "این ابتدای تاریخچه پیام مستقیم شما با <displayName/> است.",
+            "start_of_room": "این شروع <roomName/> است.",
+            "user_created": "%(displayName)s این اتاق را ایجاد کرده است.",
+            "you_created": "شما این اتاق را ایجاد کردید."
+        },
+        "invite_email_mismatch_suggestion": "برای دریافت مستقیم دعوت در %(brand)s این ایمیل را در تنظیمات به اشتراک بگذارید.",
+        "invite_sent_to_email_room": "این دعوت به %(roomName)s به %(email)s ارسال شد",
+        "invite_subtitle": "<userName/> شما را دعوت کرد",
+        "invite_this_room": "دعوت به این گپ",
+        "invite_title": "آیا می خواهید ب %(roomName)s بپیوندید؟",
+        "inviter_unknown": "ناشناخته",
+        "invites_you_text": "<inviter/> شما را دعوت کرد",
+        "join_button_account": "ثبت نام",
+        "join_the_discussion": "به بحث بپیوندید",
+        "join_title_account": "پیوستن به گفتگو با یک حساب کاربری",
+        "jump_read_marker": "رفتن به اولین پیام خوانده نشده.",
+        "jump_to_bottom_button": "به جدیدترین پیام‌ها بروید",
+        "kick_reason": "دلیل: %(reason)s",
+        "leave_error_title": "خطا در ترک اتاق",
+        "leave_server_notices_description": "این اتاق برای نمایش پیام‌های مهم سرور استفاده می‌شود، لذا امکان ترک آن وجود ندارد.",
+        "leave_server_notices_title": "نمی توان از اتاق اعلامیه های سرور خارج شد",
+        "leave_unexpected_error": "خطای غیرمنتظره روی سرور هنگام تلاش برای ترک اتاق",
+        "link_email_to_receive_3pid_invite": "برای دریافت مستقیم دعوت در %(brand)s این ایمیل را به حساب خود در تنظیمات متصل کنید.",
+        "no_peek_join_prompt": "پیش بینی %(roomName)s امکان پذیر نیست. آیا می خواهید به آن بپیوندید؟",
+        "not_found_title_name": "%(roomName)s وجود ندارد.",
+        "peek_join_prompt": "شما در حال پیش نمایش %(roomName)s هستید. می خواهید به آن بپیوندید؟",
+        "rejoin_button": "دوباره بپیوندید",
+        "unread_notifications_predecessor": {
+            "other": "شما %(count)s اعلان خوانده‌نشده در نسخه‌ی قبلی این اتاق دارید.",
+            "one": "شما %(count)s اعلان خوانده‌نشده در نسخه‌ی قبلی این اتاق دارید."
+        },
+        "upgrade_error_description": "بررسی کنید که کارگزار شما از نسخه اتاق انتخاب‌شده پشتیبانی کرده و دوباره امتحان کنید.",
+        "upgrade_error_title": "خطا در ارتقاء نسخه اتاق",
+        "upgrade_warning_bar": "با ارتقا این اتاق نسخه فعلی اتاق خاموش شده و یک اتاق ارتقا یافته به همین نام ایجاد می شود.",
+        "upgrade_warning_bar_admins": "فقط مدیران اتاق این هشدار را مشاهده خواهند کرد",
+        "upgrade_warning_bar_unstable": "این اتاق از نسخه اتاق <roomVersion /> استفاده می کند، که این سرور آن را به عنوان <i> ناپایدار</i> علامت گذاری کرده است.",
+        "upgrade_warning_bar_upgraded": "این اتاق قبلاً ارتقا یافته است.",
+        "upload": {
+            "uploading_multiple_file": {
+                "other": "در حال بارگذاری %(filename)s و %(count)s مورد دیگر",
+                "one": "در حال بارگذاری %(filename)s و %(count)s مورد دیگر"
+            },
+            "uploading_single_file": "در حال بارگذاری %(filename)s"
+        }
+    },
+    "room_list": {
+        "failed_add_tag": "در افزودن تگ %(tagName)s موفقیت‌آمیز نبود",
+        "failed_remove_tag": "خطا در حذف کلیدواژه‌ی %(tagName)s از گپ",
+        "notification_options": "تنظیمات اعلان",
+        "show_less": "نمایش کمتر"
+    },
+    "room_settings": {
+        "advanced": {
+            "error_upgrade_description": "متاسفانه فرآیند ارتقاء اتاق به پایان نرسید",
+            "error_upgrade_title": "اتاق ارتقاء نیافت",
+            "information_section_room": "اطلاعات اتاق",
+            "room_predecessor": "پیام‌های قدیمی اتاق %(roomName)s را مشاهده کنید.",
+            "room_upgrade_button": "نسخه‌ی این اتاق را به نسخه‌ی توصیه‌شده ارتقاء دهید",
+            "room_version": "نسخه‌ی اتاق:",
+            "room_version_section": "نسخه‌ی اتاق",
+            "unfederated": "این اتاق توسط سرورهای ماتریکس در دسترس نیست",
+            "upgrade_button": "این اتاق را به نسخه %(version)s ارتقا دهید",
+            "upgrade_dialog_description": "ارتقاء این اتاق نیازمند بستن نسخه‌ی فعلی و ساختن درجای یک اتاق جدید است. برای داشتن بهترین تجربه‌ی کاربری ممکن، ما:",
+            "upgrade_dialog_description_1": "یک اتاق جدید با همان نام ، توضیحات و نمایه ایجاد کنید",
+            "upgrade_dialog_description_2": "برای اشاره به اتاق جدید، نام‌های مستعار (aliases) اتاق محلی را به‌روز کنید",
+            "upgrade_dialog_description_3": "از گفتگوی کاربران در نسخه قدیمی اتاق جلوگیری کرده و با ارسال پیامی به کاربران توصیه کنید به اتاق جدید منتقل شوند",
+            "upgrade_dialog_description_4": "در ابتدای اتاق جدید پیوندی به اتاق قدیمی قرار دهید تا افراد بتوانند پیام‌های موجود در اتاق قدیمی را ببینند",
+            "upgrade_dialog_title": "ارتقاء نسخه‌ی اتاق",
+            "upgrade_dwarning_ialog_title_public": "ارتقاء اتاق عمومی",
+            "upgrade_warning_dialog_description": "به‌روزرسانی اتاق اقدامی پیشرفته بوده و معمولاً در صورتی توصیه می‌شود که اتاق به دلیل اشکالات، فقدان قابلیت‌ها یا آسیب پذیری‌های امنیتی، پایدار و قابل استفاده نباشد.",
+            "upgrade_warning_dialog_footer": "این اتاق را از <oldVersion /> به <newVersion /> ارتقا خواهید داد.",
+            "upgrade_warning_dialog_report_bug_prompt": "این معمولاً فقط بر نحوه پردازش اتاق در سرور تأثیر می‌گذارد. اگر با %(brand)s خود مشکلی دارید ، لطفاً یک اشکال گزارش دهید.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "این معمولاً فقط بر نحوه پردازش اتاق در سرور تأثیر می‌گذارد. اگر با %(brand)s خود مشکلی دارید، لطفاً <a>اشکال را گزارش کنید</a>.",
+            "upgrade_warning_dialog_title_private": "ارتقاء اتاق خصوصی"
+        },
+        "alias_not_specified": "مشخص نشده",
+        "bridges": {
+            "description": "این اتاق، ارتباط بین پیام‌ها و پلتفورم‌های زیر را ایجاد می‌کند. <a>بیشتر بدانید.</a>",
+            "title": "پل‌ها"
+        },
+        "general": {
+            "alias_field_placeholder_default": "به عنوان مثال، my-room",
+            "alias_field_safe_localpart_invalid": "برخی از کاراکترها مجاز نیستند",
+            "alias_field_taken_invalid_domain": "این آدرس قبلاً استفاده شده‌است",
+            "alias_field_taken_valid": "این آدرس برای استفاده در دسترس است",
+            "alias_heading": "آدرس اتاق",
+            "aliases_items_label": "دیگر آدرس‌های منتشر شده:",
+            "aliases_no_items_label": "آدرس دیگری منتشر نشده است، در زیر اضافه کنید",
+            "aliases_section": "آدرس‌های اتاق",
+            "avatar_field_label": "آواتار اتاق",
+            "canonical_alias_field_label": "آدرس اصلی",
+            "description_space": "تنظیمات مربوط به فضای کاری خود را ویرایش کنید.",
+            "error_creating_alias_description": "هنگام ایجاد آدرس خطایی روی داد. ممکن است سرور مجاز نباشد و یا اینکه خطایی موقت رخ داده باشد.",
+            "error_creating_alias_title": "خطا در ایجاد آدرس",
+            "error_deleting_alias_description": "هنگام حذف آدرس خطایی روی داد. ممکن است دیگر وجود نداشته باشد یا خطایی موقت روی داده باشد.",
+            "error_deleting_alias_description_forbidden": "شما اجازه حذف آدرس را ندارید.",
+            "error_deleting_alias_title": "خطا در حذف آدرس",
+            "error_save_space_settings": "تنظیمات فضای کاری ذخیره نشد.",
+            "error_updating_alias_description": "در به روزرسانی آدرس های جایگزین اتاق خطایی روی داد. ممکن است سرور مجاز نباشد و یا اینکه خطایی موقت رخ داده باشد.",
+            "error_updating_canonical_alias_description": "در به روزرسانی آدرس اصلی اتاق خطایی روی داد. ممکن است سرور مجاز نباشد و یا خطای موقتی رخ داده باشد.",
+            "error_updating_canonical_alias_title": "خطا در به روزرسانی آدرس اصلی",
+            "leave_space": "ترک فضای کاری",
+            "local_alias_field_label": "آدرس محلی",
+            "local_aliases_explainer_room": "آدرس‌های این اتاق را تنظیم کنید تا کاربران بتوانند این اتاق را از طریق سرور شما پیدا کنند (%(localDomain)s)",
+            "local_aliases_section": "آدرس‌های محلی",
+            "name_field_label": "نام اتاق",
+            "new_alias_placeholder": "آدرس جدید منتشر شده (به عنوان مثال #alias:server)",
+            "no_aliases_room": "این اتاق آدرس محلی ندارد",
+            "other_section": "دیگر",
+            "publish_toggle": "این اتاق را در فهرست اتاق %(domain)s برای عموم منتشر شود؟",
+            "published_aliases_section": "آدرس‌های منتشر شده",
+            "save": "ذخیره تغییرات",
+            "topic_field_label": "موضوع اتاق"
+        },
+        "notifications": {
+            "browse_button": "جستجو",
+            "custom_sound_prompt": "تنظیم صدای دلخواه جدید",
+            "notification_sound": "صدای اعلان",
+            "sounds_section": "صداها",
+            "uploaded_sound": "صدای بارگذاری‌شده"
+        },
+        "permissions": {
+            "ban": "تحریم کاربران",
+            "ban_reason": "دلیل",
+            "banned_by": "توسط %(displayName)s تحریم شد",
+            "banned_users_section": "کاربران مسدود شده",
+            "error_changing_pl_description": "هنگام تغییر طرح دسترسی کاربر خطایی رخ داد. از داشتن سطح دسترسی کافی برای این کار اطمینان حاصل کرده و مجددا اقدام نمائید.",
+            "error_changing_pl_reqs_description": "در تغییر الزامات سطح دسترسی اتاق خطایی رخ داد. از داشتن دسترسی‌های کافی اطمینان حاصل کرده و مجددا امتحان کنید.",
+            "error_changing_pl_reqs_title": "خطا در تغییر الزامات سطح دسترسی",
+            "error_changing_pl_title": "تغییر سطح دسترسی با خطا همراه بود",
+            "error_unbanning": "رفع مسدودیت با خطا مواجه شد",
+            "events_default": "ارسال پیام‌ها",
+            "invite": "دعوت کاربران",
+            "m.room.avatar": "تغییر نمایه اتاق",
+            "m.room.canonical_alias": "تغییر آدرس اصلی اتاق",
+            "m.room.encryption": "فعال‌کردن رمزنگاری برای اتاق",
+            "m.room.history_visibility": "تغییر مشاهده‌پذیری تاریخچه",
+            "m.room.name": "تغییر نام اتاق",
+            "m.room.power_levels": "تغییر دسترسی‌ها",
+            "m.room.server_acl": "لیست‌های کنترل دسترسی (ACL) سرور را تغییر دهید",
+            "m.room.tombstone": "ارتقاء نسخه اتاق",
+            "m.room.topic": "تغییر عنوان",
+            "m.widget": "تغییر ویجت‌ها",
+            "muted_users_section": "کاربران بی‌صدا",
+            "no_privileged_users": "هیچ کاربری در این اتاق دسترسی خاصی ندارد",
+            "notifications.room": "اعلان عمومی به همه",
+            "permissions_section": "دسترسی‌ها",
+            "permissions_section_description_room": "برای تغییر هر یک از بخش‌های اتاق، خداقل نقش مورد نیاز را انتخاب کنید",
+            "privileged_users_section": "کاربران ممتاز",
+            "redact": "پاک‌کردن پیام‌های دیگران",
+            "send_event_type": "ارسال رخدادهای %(eventType)s",
+            "state_default": "تغییر تنظیمات",
+            "title": "نقش‌ها و دسترسی‌ها",
+            "users_default": "نقش پیش‌فرض"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "پس از فعال‌کردن رمزنگاری برای یک اتاق، امکان غیرفعال‌کردن آن وجود ندارد. پیام‌هایی که در اتاق‌های رمزشده ارسال می‌شوند، توسط سرور دیده نشده و فقط اعضای اتاق امکان مشاهده‌ی آن‌ها را دارند. فعال‌کردن رمزنگاری برای یک اتاق می‌تواند باعث از کار افتادن بسیاری از بات‌ها و پل‌های ارتباطی (bridges) شود. <a>در مورد رمزنگاری بیشتری بدانید.</a>",
+            "enable_encryption_confirm_title": "رمزنگاری را فعال می‌کنید؟",
+            "encryption_permanent": "زمانی که رمزنگاری فعال شود، امکان غیرفعال‌کردن آن برای اتاق وجود ندارد.",
+            "history_visibility_invited": "فقط اعضاء (از زمانی که دعوت شده‌اند)",
+            "history_visibility_legend": "چه افرادی بتوانند تاریخچه اتاق را مشاهده کنند؟",
+            "history_visibility_shared": "فقط اعضاء (از زمانی که این تنظیم اعمال می‌شود)",
+            "history_visibility_warning": "تغییر تنظیمات اینکه چه کاربرانی سابقه‌ی پیام‌ها را مشاهده کنند، تنها برای پیام‌های آتی اتاق اعمال میشود. پیام‌های قبلی متناسب با تنظیمات گذشته نمایش داده می‌شوند.",
+            "history_visibility_world_readable": "هر کس",
+            "public_without_alias_warning": "برای لینک دادن به این اتاق، لطفا یک نشانی برای آن اضافه کنید.",
+            "strict_encryption": "هرگز از این نشست، پیام‌های رمزشده برای به نشست‌های تائید نشده در این اتاق ارسال مکن",
+            "title": "امنیت و محرمانگی"
+        },
+        "title": "تنظیمات اتاق - %(roomName)s",
+        "upload_avatar_label": "بارگذاری نمایه"
+    },
+    "room_summary_card_back_action_label": "اطلاعات اتاق",
+    "scalar": {
+        "error_create": "ایجاد ابزارک امکان پذیر نیست.",
+        "error_membership": "شما در این اتاق نیستید.",
+        "error_missing_room_id": "شناسه‌ی اتاق گم‌شده.",
+        "error_missing_room_id_request": "room_id در صورت درخواست وجود ندارد",
+        "error_missing_user_id_request": "user_id در صورت درخواست وجود ندارد",
+        "error_permission": "شما مجاز به انجام این کار در این اتاق نیستید.",
+        "error_power_level_invalid": "سطح قدرت باید عدد صحیح مثبت باشد.",
+        "error_room_not_visible": "اتاق %(roomId)s قابل مشاهده نیست",
+        "error_room_unknown": "این اتاق شناخته نشده است.",
+        "error_send_request": "ارسال درخواست با خطا مواجه شد."
+    },
+    "server_offline": {
+        "description": "سرور شما به برخی از درخواست‌ها پاسخ نمی‌دهد. در ادامه برخی از دلایل محتمل آن ذکر شده است.",
+        "description_1": "زمان پاسخگویی سرور (%(serverName)s) بسیار طولانی شده‌است.",
+        "description_2": "دیوار آتش یا آنتی‌ویروس شما مانع از ارسال درخواست می‌شود.",
+        "description_3": "پلاگینی در مرورگر مانع از ارسال درخواست می‌گردد.",
+        "description_4": "سرور آفلاین است.",
+        "description_5": "سرور درخواست شما را رد کرده است.",
+        "description_6": "منطقه شما در اتصال به اینترنت با مشکل روبرو است.",
+        "description_7": "هنگام تلاش برای اتصال به سرور خطایی رخ داده است.",
+        "description_8": "سرور طوری پیکربندی نشده تا نشان دهد مشکل چیست (CORS).",
+        "empty_timeline": "همه‌ی کارها را انجام دادید.",
+        "recent_changes_heading": "تغییرات اخیری که هنوز دریافت نشده‌اند",
+        "title": "سرور پاسخ نمی دهد"
+    },
+    "seshat": {
+        "reset_button": "پاک‌کردن مخزن رخداد",
+        "reset_description": "به احتمال زیاد نمی‌خواهید مخزن فهرست رویدادهای خود را حذف کنید",
+        "reset_explainer": "اگر این کار را انجام می‌دهید، لطفاً توجه داشته باشید که هیچ یک از پیام‌های شما حذف نمی‌شوند ، با این حال چون پیام‌ها مجددا ایندکس می‌شوند، ممکن است برای چند لحظه قابلیت جستجو با مشکل مواجه شود",
+        "reset_title": "پاک‌کردن مخزن رخداد؟",
+        "warning_kind_files": "این نسخه از %(brand)s از مشاهده برخی از پرونده های رمزگذاری شده پشتیبانی نمی کند",
+        "warning_kind_files_app": "برای مشاهده همه پرونده های رمز شده از <a>نسخه دسکتاپ</a> استفاده کنید",
+        "warning_kind_search": "این نسخه از %(brand)s از جستجوی پیام های رمزگذاری شده پشتیبانی نمی کند",
+        "warning_kind_search_app": "برای جستجوی میان پیام‌های رمز شده از <a>نسخه دسکتاپ</a> استفاده کنید"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "توکن دسترسی شما، دسترسی کامل به حساب کاربری شما را میسر می‌سازد. لطفا آن را در اختیار فرد دیگری قرار ندهید.",
+            "brand_version": "نسخه‌ی %(brand)s:",
+            "clear_cache_reload": "پاک‌کردن حافظه‌ی کش و راه‌اندازی مجدد",
+            "help_link": "برای گرفتن کمک در استفاده از %(brand)s، <a>اینجا</a> کلیک کنید.",
+            "title": "کمک و درباره‌ی‌ ما",
+            "versions": "نسخه‌ها"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "تمامی اتاق ها را در صفحه ی خانه نشان بده",
+        "all_rooms_home_description": "تمام اتاق هایی که در آن ها عضو هستید در صفحه ی خانه ظاهر خواهند شد.",
+        "always_show_message_timestamps": "همیشه مهر زمان‌های پیام را نشان بده",
+        "appearance": {
+            "custom_font": "استفاده از یک فونت موجود بر روی سیستم شما",
+            "custom_font_description": "نام فونتی که بر روی سیستم‌تان نصب است را وارد کرده و %(brand)s سعی می‌کند از آن استفاده کند.",
+            "custom_font_name": "نام فونت سیستمی",
+            "custom_font_size": "از اندازه‌ی دلخواه استفاده کنید",
+            "custom_theme_error_downloading": "بارگیری اطلاعات پوسته با خطا همراه بود.",
+            "custom_theme_invalid": "ساختار پوسته صحیح نیست.",
+            "font_size": "اندازه فونت",
+            "image_size_default": "پیشفرض",
+            "match_system_theme": "با پوسته‌ی سیستم تطبیق پیدا کن"
+        },
+        "automatic_language_detection_syntax_highlight": "فعال‌سازی تشخیص خودکار زبان برای پررنگ‌سازی نحوی",
+        "big_emoji": "نمایش شکلک‌های بزرگ در گفتگوها را فعال کن",
+        "code_block_expand_default": "بلاک‌های کد را به صورت پیش‌فرض کامل نشان بده",
+        "code_block_line_numbers": "شماره‌ی خط‌ها را در بلاک‌های کد نمایش بده",
+        "emoji_autocomplete": "پیشنهاد دادن شکلک‌ها هنگام تایپ‌کردن را فعال کن",
+        "enable_markdown": "Markdown را فعال کن",
+        "general": {
+            "account_management_section": "مدیریت حساب کاربری",
+            "account_section": "حساب کابری",
+            "add_email_dialog_title": "افزودن نشانی رایانامه",
+            "add_email_failed_verification": "خطا در تائید آدرس ایمیل: مطمئن شوید که بر روی لینک موجود در ایمیل کلیک کرده اید",
+            "add_email_instructions": "جهت تائيد آدرس ایمیل، ما یک ایمیل برای شما ارسال کردیم. لطفا فرآیند موجود در ایمیل را پی گرفته و سپس بر روی دکمه‌ی زیر کلیک نمائید.",
+            "add_msisdn_confirm_body": "برای تائید اضافه‌شدن این شماره تلفن، بر روی دکمه‌ی زیر کلیک کنید.",
+            "add_msisdn_confirm_button": "تأیید افزودن شماره تلفن",
+            "add_msisdn_confirm_sso_button": "برای اثبات هویت خود، اضافه‌شدن این شماره تلفن را با استفاده از Single Sign On تائید کنید.",
+            "add_msisdn_dialog_title": "افزودن شماره تلفن",
+            "add_msisdn_instructions": "یک پیام متنی به +%(msisdn)s ارسال شد. لطفا کد تائید موجود در آن را وارد کنید.",
+            "confirm_adding_email_body": "برای تأیید افزودن این نشانی رایانامه، دکمهٔ زیر را بزنید.",
+            "confirm_adding_email_title": "تأیید افزودن رایانامه",
+            "deactivate_confirm_body": "آیا از غیرفعال‌کردن حساب کاربری خود اطمینان دارید؟ این کار غیر قابل بازگشت است.",
+            "deactivate_confirm_body_sso": "برای غیرفعال‌کردن حساب کاربری خود ابتدا باید هویت خود را ثابت کنید که برای این کار می‌توانید از احراز هویت یکپارچه استفاده کنید.",
+            "deactivate_confirm_continue": "غیرفعال کردن حساب کاربری را تأیید کنید",
+            "deactivate_section": "غیرفعال کردن حساب",
+            "deactivate_warning": "غیرفعال سازی اکانت شما یک اقدام دائمی است - مراقب باشید!",
+            "discovery_email_empty": "امکانات کاوش و جستجو بلافاصله بعد از اضافه‌کردن یک ایمیل در بالا ظاهر خواهند شد.",
+            "discovery_email_verification_instructions": "لینک موجود در صندوق دریافت خود را تائید کنید",
+            "discovery_msisdn_empty": "امکانات کاوش و جستجو بلافاصله بعد از اضافه‌کردن شماره تلفن در بالا ظاهر خواهند شد.",
+            "discovery_needs_terms": "با شرایط و ضوایط سرویس سرور هویت‌سنجی (%(serverName)s) موافقت کرده تا بتوانید از طریق آدرس ایمیل و شماره تلفن قابل یافته‌شدن باشید.",
+            "email_address_in_use": "این آدرس ایمیل در حال حاضر در حال استفاده است",
+            "email_address_label": "آدرس ایمیل",
+            "email_not_verified": "آدرس ایمیل شما هنوز تائید نشده‌است",
+            "email_verification_instructions": "برای تائید ادرس ایمیل، بر روی لینکی که برای شما ایمیل شده‌است کلیک کرده و مجددا بر روی ادامه کلیک کنید.",
+            "emails_heading": "آدرس ایمیل",
+            "error_add_email": "امکان اضافه‌کردن آدرس ایمیل وجود ندارد",
+            "error_deactivate_communication": "مشکلی در برقراری ارتباط با سرور وجود داشت. لطفا دوباره تلاش کنید.",
+            "error_deactivate_invalid_auth": "سرور اطلاعات احراز هویت معتبری را باز نگرداند.",
+            "error_deactivate_no_auth": "سرور به احراز هویت احتیاج نداشت",
+            "error_email_verification": "تائید آدرس ایمیل ممکن نیست.",
+            "error_invalid_email": "آدرس ایمیل نامعتبر",
+            "error_invalid_email_detail": "به نظر می‌رسد این یک آدرس ایمیل معتبر نیست",
+            "error_msisdn_verification": "امکان تائید شماره تلفن وجود ندارد.",
+            "error_password_change_403": "خطا در تغییر گذرواژه. آیا از درستی گذرواژه‌تان اطمینان دارید؟",
+            "error_remove_3pid": "حذف اطلاعات تماس امکان‌پذیر نیست",
+            "error_revoke_email_discovery": "لغو اشتراک گذاری برای آدرس ایمیل ممکن نیست",
+            "error_revoke_msisdn_discovery": "لغو اشتراک‌گذاری شماره تلفن امکان‌پذیر نیست",
+            "error_share_email_discovery": "به اشتراک‌گذاری آدرس ایمیل ممکن نیست",
+            "error_share_msisdn_discovery": "امکان به اشتراک‌گذاری شماره تلفن وجود ندارد",
+            "identity_server_not_set": "سرور هویت تنظیم نشده است",
+            "language_section": "زبان و جغرافیا",
+            "msisdn_in_use": "این شماره تلفن در حال استفاده است",
+            "msisdn_label": "شماره تلفن",
+            "msisdn_verification_field_label": "کد تائید",
+            "msisdn_verification_instructions": "لطفا کد تائیدی را که از طریق متن ارسال شده‌است، وارد کنید.",
+            "msisdns_heading": "شماره تلفن",
+            "remove_email_prompt": "%(email)s را پاک می‌کنید؟",
+            "remove_msisdn_prompt": "%(phone)s را پاک می‌کنید؟"
+        },
+        "inline_url_previews_default": "فعال‌سازی پیش‌نمایش URL به صورت پیش‌فرض",
+        "jump_to_bottom_on_send": "زمانی که پیام ارسال می‌کنید، به صورت خودکار به آخرین پیام پرش کن",
+        "key_backup": {
+            "setup_secure_backup": {
+                "cancel_warning": "اگر الان لغو کنید، ممکن است پیام‌ها و داده‌های رمزشده‌ی خود را در صورت خارج‌شدن از حساب‌های کاربریتان، از دست دهید.",
+                "confirm_security_phrase": "عبارت امنیتی خود را تأیید کنیدعبارت امنیتی خود را تائید نمائید",
+                "description": "برای در امان ماندن در برابر از دست‌دادن پیام‌ها و داده‌های رمزشده‌ی خود، از کلید‌های رمزنگاری خود یک نسخه‌ی پشتیبان بر روی سرور قرار دهید.",
+                "enter_phrase_title": "یک عبارت امنیتی وارد کنید",
+                "enter_phrase_to_confirm": "عبارت امنیتی خود را برای تائید مجددا وارد کنید.",
+                "generate_security_key_title": "یک کلید امنیتی ایجاد کنید",
+                "pass_phrase_match_failed": "مطابقت ندارد.",
+                "pass_phrase_match_success": "مطابقت دارد!",
+                "phrase_strong_enough": "عالی! این عبارت امنیتی به اندازه کافی قوی به نظر می رسد.",
+                "secret_storage_query_failure": "امکان جستجو و کنکاش وضعیت حافظه‌ی مخفی میسر نیست",
+                "set_phrase_again": "برای تنظیم مجدد آن به عقب برگردید.",
+                "settings_reminder": "همچنین می‌توانید پشتیبان‌گیری امن را برپا کرده و کلید‌های خود را در تنظیمات مدیریت کنید.",
+                "title_confirm_phrase": "عبارت امنیتی را تأیید کنید",
+                "title_save_key": "کلید امنیتی خود را ذخیره کنید",
+                "title_set_phrase": "یک عبارت امنیتی تنظیم کنید",
+                "unable_to_setup": "تنظیم حافظه‌ی پنهان امکان پذیر نیست",
+                "use_different_passphrase": "از عبارت امنیتی دیگری استفاده شود؟",
+                "use_phrase_only_you_know": "از یک عبارت محرمانه که فقط خودتان می‌دانید استفاده کنید، و محض احتیاط کلید امینی خود را برای استفاده هنگام پشتیبان‌گیری ذخیره نمائید."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "عبارت امنیتی را تائید کنید",
+            "enter_passphrase": "عبارت امنیتی را وارد کنید",
+            "export_description_1": "این فرآیند به شما این امکان را می‌دهد تا کلیدهایی را که برای رمزگشایی پیام‌هایتان در اتاق‌های رمزشده نیاز دارید، در قالب یک فایل محلی استخراج کنید. بعد از آن می‌توانید این فایل را در هر کلاینت دیگری وارد (Import) کرده و قادر به رمزگشایی و مشاهده‌ی پیام‌های رمزشده‌ی مذکور باشید.",
+            "export_title": "استخراج کلیدهای اتاق",
+            "file_to_import": "فایل برای واردکردن (Import)",
+            "import_description_1": "این فرآیند به شما اجازه می‌دهد تا کلیدهای امنیتی را وارد (Import) کنید، کلیدهایی که قبلا از کلاینت‌های دیگر خود استخراج (Export) کرده‌اید. پس از آن شما می‌توانید هر پیامی را که کلاینت دیگر قادر به رمزگشایی آن بوده را، رمزگشایی و مشاهده کنید.",
+            "import_description_2": "فایل استخراج‌شده با یک عبارت امنیتی محافظت می‌شود. برای رمزگشایی فایل باید عبارت امنیتی را وارد کنید.",
+            "import_title": "واردکردن (Import) کلیدهای اتاق",
+            "phrase_cannot_be_empty": "عبارت امنیتی نمی‌تواند خالی باشد",
+            "phrase_must_match": "عبارات‌های امنیتی باید مطابقت داشته باشند"
+        },
+        "notifications": {
+            "enable_audible_notifications_session": "فعال‌سازی اعلان‌های صدادار برای این نشست",
+            "enable_desktop_notifications_session": "فعال‌سازی اعلان‌های دسکتاپ برای این نشست",
+            "enable_notifications_account": "اعلان‌ها را برای این اکانت فعال کنید",
+            "error_permissions_denied": "%(brand)s اجازه ارسال اعلان به شما را ندارد - لطفاً تنظیمات مرورگر خود را بررسی کنید",
+            "error_permissions_missing": "به %(brand)s اجازه ارسال اعلان داده نشده است - لطفاً دوباره امتحان کنید",
+            "error_title": "فعال کردن اعلان ها امکان پذیر نیست",
+            "messages_containing_keywords": "پیام های حاوی کلمات کلیدی",
+            "noisy": "پرسروصدا",
+            "push_targets": "هدف‌های آگاه‌سازی",
+            "rule_call": "دعوت به تماس",
+            "rule_contains_display_name": "پیام‌های حاوی نمای‌نامِ من",
+            "rule_contains_user_name": "پیام‌های حاوی نام کاربری من",
+            "rule_encrypted": "پیام‌های رمزشده در اتاق‌ها",
+            "rule_encrypted_room_one_to_one": "پیام‌های رمزشده در گفتگو‌های خصوصی",
+            "rule_invite_for_me": "وقتی من به گپی دعوت میشوم",
+            "rule_message": "پیام‌های درون چت‌های گروهی",
+            "rule_room_one_to_one": "پیام‌های درون چت‌های یک‌به‌یک",
+            "rule_roomnotif": "پیام‌های حاوی شناسه‌ی اتاق",
+            "rule_suppress_notices": "پیام‌های ارسال شده توسط ربات",
+            "rule_tombstone": "زمانی که اتاق‌ها به‌روزرسانی می‌گردند",
+            "show_message_desktop_notification": "پیام‌ها را در اعلان دسکتاپ نشان بده"
+        },
+        "preferences": {
+            "always_show_menu_bar": "همیشه نوار فهرست پنجره را نشان بده",
+            "autocomplete_delay": "تاخیر تکمیل خودکار به میلی ثانیه",
+            "composer_heading": "سازنده",
+            "keyboard_heading": "میانبرهای صفحه کلید",
+            "keyboard_view_shortcuts_button": "برای مشاهده تمام میانبرهای صفحه کلید <a>اینجا را کلیک کنید</a>.",
+            "presence_description": "فعالیت و وضعیت خود را با دیگران به اشتراک بگذارید.",
+            "rm_lifetime": "مدت‌زمان نشانه‌ی خوانده‌شده (ms)",
+            "rm_lifetime_offscreen": "خواندن نشانگر طول عمر خارج از صفحه نمایش (میلی ثانیه)",
+            "room_list_heading": "لیست اتاق‌ها",
+            "time_heading": "نمایش زمان"
+        },
+        "prompt_invite": "قبل از ارسال دعوت‌نامه برای کاربری که شناسه‌ی او احتمالا معتبر نیست، هشدا بده",
+        "replace_plain_emoji": "متن ساده را به صورت خودکار با شکلک جایگزین کن",
+        "security": {
+            "bulk_options_accept_all_invites": "همه‌ی دعوت‌های %(invitedRooms)s را قبول کن",
+            "bulk_options_reject_all_invites": "همه‌ی دعوت‌های %(invitedRooms)s را رد کن",
+            "bulk_options_section": "گزینه‌های دسته‌جمعی",
+            "e2ee_default_disabled_warning": "مدیر سرور شما قابلیت رمزنگاری سرتاسر برای اتاق‌ها و گفتگوهای خصوصی را به صورت پیش‌فرض غیرفعال کرده‌است.",
+            "enable_message_search": "فعال‌سازی قابلیت جستجو در اتاق‌های رمزشده",
+            "encryption_section": "رمزنگاری",
+            "ignore_users_empty": "شما هیچ کاربری را نادیده نگرفته‌اید.",
+            "ignore_users_section": "کاربران نادیده‌گرفته‌شده",
+            "key_backup_algorithm": "الگوریتم:",
+            "message_search_disable_warning": "اگر غیر فعال شود، پیام‌های اتاق‌های رمزشده در نتایج جستجوها نمایش داده نمی‌شوند.",
+            "message_search_disabled": "پیام‌های رمزشده را به صورتی محلی و امن ذخیره کرده تا در نتایج جستجو ظاهر شوند.",
+            "message_search_enabled": {
+                "other": "پیام‌های رمزشده را به صورتی محلی و امن ذخیره کرده تا در نتایج جستجو ظاهر شوند، با استفاده از %(size)s برای ذخیره‌ی پیام‌ها از اتاق‌های %(rooms)s.",
+                "one": "پیام‌های رمزشده را به صورتی محلی و امن ذخیره کرده تا در نتایج جستجو ظاهر شوند، با استفاده از %(size)s برای ذخیره‌ی پیام‌ها از اتاق %(rooms)s."
+            },
+            "message_search_failed": "آغاز فرآیند جستجوی پیام‌ها با شکست همراه بود",
+            "message_search_indexed_messages": "پیام‌های ایندکس‌شده:",
+            "message_search_indexed_rooms": "اتاق‌های ایندکس‌شده:",
+            "message_search_indexing": "هم‌اکنون ایندکس می‌شوند: %(currentRoom)s",
+            "message_search_indexing_idle": "در حال حاضر ایندکس پیام ها برای هیچ اتاقی انجام نمی‌شود.",
+            "message_search_intro": "%(brand)s پیام‌های رمزشده را به صورت امن و محلی ذخیره کرده تا در نتایج جستجو نمایش دهد:",
+            "message_search_room_progress": "%(doneRooms)s از %(totalRooms)s",
+            "message_search_section": "جستجوی پیام‌ها",
+            "message_search_sleep_time": "پیام‌ها باید چقدر سریع بارگیری شوند.",
+            "message_search_space_used": "فضای مصرفی:",
+            "message_search_unsupported": "%(brand)s بعضی از مولفه‌های مورد نیاز برای ذخیره امن پیام‌های رمزشده به صورت محلی را ندارد. اگر تمایل به استفاده از این قابلیت دارید، یک نسخه‌ی دلخواه از %(brand)s با <nativeLink> مولفه‌های مورد نظر</nativeLink> بسازید.",
+            "message_search_unsupported_web": "%(brand)s نمی‌تواند پیام‌های رمزشده را به شکل امن و به صورت محلی در هنگامی که مرورگر در حال فعالیت است ذخیره کند. از <desktopLink>%(brand)s نسخه‌ی دسکتاپ</desktopLink> برای نمایش پیام‌های رمزشده در نتایج جستجو استفاده نمائید.",
+            "send_analytics": "ارسال داده‌های تجزیه و تحلیلی",
+            "strict_encryption": "هرگز از این نشست، پیام‌های رمزشده را به نشست‌های تائید نشده ارسال مکن"
+        },
+        "send_typing_notifications": "ارسال اعلان «در حال نوشتن»",
+        "sessions": {
+            "session_id": "شناسه‌ی نشست",
+            "verify_session": "تائید نشست"
+        },
+        "show_breadcrumbs": "نمایش میانبر در بالای لیست اتاق‌ها برای مشاهده‌ی اتاق‌هایی که اخیرا باز کرده‌اید",
+        "show_chat_effects": "نمایش قابلیت‌های بصری (انیمیشن‌هایی مثل بارش برف یا کاغذ شادی هنگام دریافت پیام)",
+        "show_displayname_changes": "تغییرات نام کاربران را نشان بده",
+        "show_read_receipts": "نشانه‌ی خوانده‌شدن پیام توسط دیگران را نشان بده",
+        "show_redaction_placeholder": "جای خالی پیام‌های پاک‌شده را نشان بده",
+        "show_stickers_button": "نمایش دکمه‌ی استکیر",
+        "show_typing_notifications": "نمایش اعلان «در حال نوشتن»",
+        "sidebar": {
+            "metaspaces_home_all_rooms_description": "تمامی اتاق ها را در صفحه ی خانه نمایش بده، حتی آنهایی که در یک فضا هستند.",
+            "metaspaces_home_description": "خانه برای داشتن یک نمای کلی از همه چیز مفید است.",
+            "title": "نوارکناری"
+        },
+        "use_12_hour_format": "زمان را با فرمت ۱۲ ساعته نشان بده (مثلا ۲:۳۰ بعدازظهر)",
+        "use_command_enter_send_message": "استفاده از Command + Enter برای ارسال پیام",
+        "use_control_enter_send_message": "استفاده از Ctrl + Enter برای ارسال پیام",
+        "use_control_f_search": "جهت جستجوی تایم لاین ترکیب کلیدهای Ctrl و F را بکار ببر",
+        "voip": {
+            "audio_input_empty": "هیچ میکروفونی شناسایی نشد",
+            "audio_output": "خروجی صدا",
+            "audio_output_empty": "هیچ خروجی صدایی یافت نشد",
+            "mirror_local_feed": "تصویر خودتان را هنگام تماس تصویری برعکس (مثل آینه) نمایش بده",
+            "missing_permissions_prompt": "دسترسی به رسانه از دست رفت، برای درخواست مجدد بر روی دکمه‌ی زیر کلیک نمائید.",
+            "request_permissions": "درخواست دسترسی به رسانه",
+            "title": "صدا و تصویر",
+            "video_input_empty": "هیچ وبکمی شناسایی نشد"
+        },
+        "warn_quit": "قبل از خروج هشدا بده"
+    },
+    "share": {
+        "permalink_message": "پیوند به پیام انتخاب شده",
+        "permalink_most_recent": "پیوند به آخرین پیام",
+        "title_message": "به اشتراک گذاشتن پیام اتاق",
+        "title_room": "به اشتراک‌گذاری اتاق",
+        "title_user": "به اشتراک‌گذاری کاربر"
+    },
+    "slash_command": {
+        "addwidget": "یک ویجت سفارشی را با استفاده از نشانی (URL) به اتاق اضافه می‌کند",
+        "addwidget_invalid_protocol": "لطفا نشانی یک ویجت را به پروتکل http:// یا https:// وارد کنید",
+        "addwidget_missing_url": "لطفا نشانی (URL) ویجت یا یک کد قابل جاسازی (embeded) وارد کنید",
+        "addwidget_no_permissions": "شما امکان تغییر ویجت‌ها در این اتاق را ندارید.",
+        "ban": "تحریم کاربر با شناسه‌ی مذکور",
+        "category_actions": "اقدامات",
+        "category_admin": "ادمین",
+        "category_advanced": "پیشرفته",
+        "category_effects": "جلوه‌ها",
+        "category_messages": "پیام ها",
+        "category_other": "دیگر",
+        "command_error": "خطای فرمان",
+        "converttodm": "اتاق را به DM تبدیل می کند",
+        "converttoroom": "DM را به اتاق تبدیل می کند",
+        "deop": "کاربر را با شناسه داده شده از بین می برد",
+        "devtools": "پنجره‌ی ابزار توسعه را باز می‌کند",
+        "discardsession": "جلسه گروه خروجی فعلی را در یک اتاق رمزگذاری شده مجبور می کند که کنار گذاشته شود",
+        "error_invalid_rendering_type": "خطای دستوری: نوع نمایش (%(renderingType)s ) یافت نشد",
+        "error_invalid_runfn": "خطای دستور: ناتوانی در اجرای دستور اسلش.",
+        "help": "لیست دستورات را با کاربردها و توضیحات نمایش می دهد",
+        "help_dialog_title": "راهنمای دستور",
+        "holdcall": "تماس را در اتاق فعلی در حالت تعلیق قرار می دهد",
+        "html": "پیام را به صورت html می فرستد ، بدون اینکه آن را به عنوان markdown تفسیر کند",
+        "ignore": "نادیده گرفتن یک کاربر، باعث می‌شود پیام‌های او به شما نمایش داده نشود",
+        "ignore_dialog_description": "شما هم‌اکنون کاربر %(userId)s را نادیده گرفتید",
+        "ignore_dialog_title": "کاربران نادیده گرفته‌شده",
+        "invite": "کاربر با شناسه داده شده را به اتاق فعلی دعوت کن",
+        "invite_3pid_needs_is_error": "برای دعوت از یک سرور هویت‌سنجی استفاده نمائید. می‌توانید این مورد را در تنظیمات پیکربندی نمائید.",
+        "invite_3pid_use_default_is_title": "از سرور هویت‌سنجی استفاده کنید",
+        "invite_3pid_use_default_is_title_description": "برای دعوت با استفاده از ایمیل از یک سرور هویت‌سنجی استفاده نمائید. جهت استفاده از سرور هویت‌سنجی پیش‌فرض (%(defaultIdentityServerName)s) بر روی ادامه کلیک کنید، وگرنه آن را در بخش تنظیمات پیکربندی نمائید.",
+        "join": "به اتاق با آدرس داده‌شده بپیوندید",
+        "jumptodate": "پرش به تاریخ تعیین شده در جدول زمانی",
+        "jumptodate_invalid_input": "ما قادر به درک تاریخ داده شده %(inputDate)s نبودیم. از قالب YYYY-MM-DD استفاده کنید.",
+        "lenny": "(͡ ° ͜ʖ ͡ °) را به ابتدای یک پیام متنی ساده اضافه می‌کند",
+        "me": "عملکرد را نمایش می دهد",
+        "msg": "برای کاربر داده شده پیامی ارسال می کند",
+        "myroomnick": "نام نمایشی خود را تنها در اتاق فعلی تغییر دهید",
+        "nick": "نام نمایشی خود را تغییر دهید",
+        "no_active_call": "تماس فعالی در این اتفاق وجود ندارد",
+        "op": "سطح قدرت یک کاربر را تعریف کنید",
+        "part_unknown_alias": "نشانی اتاق %(roomAlias)s شناسایی نشد",
+        "plain": "پیام را به صورت متن ساده و بدون تفسیر آن به عنوان markdown ارسال می کند",
+        "query": "گپ با کاربر داده شده را باز می کند",
+        "query_not_found_phone_number": "ناتوانی در ییافتن شناسه ماتریکس برای شماره تلفن",
+        "rageshake": "گزارش یک اشکال به همراه سیاهه‌های مربوط",
+        "rainbow": "پیام داده شده را به صورت رنگین کمان ارسال می کند",
+        "rainbowme": "emote داده شده را به صورت رنگین کمان می فرستد",
+        "remove": "کاربر دارای شناسه ارائه شده از این اتاق حذف می‌شود",
+        "roomavatar": "تصویر نمایه اتاق فعلی را تغییر دهید",
+        "roomname": "نام اتاق را تنظیم می کند",
+        "server_error": "خطای سرور",
+        "server_error_detail": "سرور در دسترس نیست، یا حجم بار روی آن زیاد شده و یا خطای دیگری رخ داده است.",
+        "shrug": "¯ \\ _ (ツ) _ / ¯ را به ابتدای یک پیام متنی ساده اضافه می‌کند",
+        "spoiler": "پیام داده شده را به عنوان اسپویلر ارسال می کند",
+        "tableflip": "(╯ ° □ °） ╯︵ ┻━┻) را به ابتدای یک پیام متنی ساده اضافه می‌کند",
+        "topic": "موضوع اتاق را دریافت یا تنظیم می‌کند",
+        "topic_none": "این اتاق هیچ موضوعی ندارد.",
+        "topic_room_error": "خطا در دریافت عنوان اتاق: اتاق %(roomId)s یافت نشد",
+        "unban": "رفع تحریم کاربر با شناسه‌ی مذکور",
+        "unflip": "┬──┬ ノ (゜ - ゜ ノ) را به ابتدای یک پیام متنی ساده اضافه می‌کند",
+        "unholdcall": "تماس را در اتاق فعلی خاموش نگه می دارد",
+        "unignore": "توقف نادیده گرفتن یک کاربر، باعث می‌شود پیام‌های او به شما نمایش داده شود",
+        "unignore_dialog_description": "شما دیگر کاربر %(userId)s را نادیده نمی‌گیرید",
+        "unignore_dialog_title": "کاربران نادیده گرفته‌نشده",
+        "unknown_command": "دستور ناشناس",
+        "unknown_command_button": "ارسال به عنوان پیام",
+        "unknown_command_detail": "دستور نامفهوم: %(commandText)s",
+        "unknown_command_help": "برای لیست کردن دستورات موجود می توانید از <code>/help</code> استفاده کنید. آیا قصد داشتید این پیام را به عنوان متم ارسال کنید؟",
+        "unknown_command_hint": "نکته: پیام خود را با <code>//</code> شروع کنید تا با یک اسلش شروع شود.",
+        "upgraderoom": "یک اتاق را به نسخه جدید ارتقا دهید",
+        "upgraderoom_permission_error": "شما مجوزهای لازم را برای استفاده از این دستور ندارید.",
+        "usage": "استفاده",
+        "verify": "یک کاربر، نشست و عبارت کلید عمومی را تائید می‌کند",
+        "whois": "اطلاعات مربوط به کاربر را نمایش می دهد"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "آیا می‌خواهید یک اتاق جدید را بیفزایید؟",
+            "create_prompt": "ایجاد اتاق جدید",
+            "dm_heading": "پیام مستقیم",
+            "error_heading": "همه‌ی موارد انتخاب شده، اضافه نشدند",
+            "progress_text": {
+                "one": "در حال افزودن اتاق‌ها...",
+                "other": "در حال افزودن اتاق‌ها... (%(progress)s از %(count)s)"
+            },
+            "space_dropdown_label": "انتخاب فضای کاری",
+            "space_dropdown_title": "افزودن اتاق‌های موجود"
+        },
+        "context_menu": {
+            "explore": "جستجو در اتاق ها",
+            "manage_and_explore": "مدیریت و جستجوی اتاق‌ها",
+            "options": "گزینه‌های انتخابی محیط"
+        },
+        "failed_remove_rooms": "حذف برخی اتاق‌ها با مشکل همراه بود. لطفا بعدا تلاش فرمائید",
+        "incompatible_server_hierarchy": "سرور شما از نمایش سلسله مراتبی فضاهای کاری پشتیبانی نمی کند.",
+        "invite": "دعوت کاربران",
+        "invite_description": "دعوت با ایمیل یا نام‌کاربری",
+        "invite_link": "به اشتراک‌گذاری لینک دعوت",
+        "landing_welcome": "به <name/> خوش‌آمدید",
+        "leave_dialog_action": "ترک محیط",
+        "mark_suggested": "علامت‌گذاری به عنوان پیشنهاد‌شده",
+        "no_search_result_hint": "ممکن است بخواهید یک جستجوی دیگر انجام دهید یا غلط‌های املایی را بررسی کنید.",
+        "search_placeholder": "جستجوی نام‌ها و توضیحات",
+        "select_room_below": "ابتدا یک اتاق از لیست زیر انتخاب کنید",
+        "share_public": "محیط عمومی خود را به اشتراک بگذارید",
+        "suggested": "پیشنهادی",
+        "suggested_tooltip": "این اتاق به عنوان یک گزینه‌ی خوب برای عضویت پیشنهاد می شود",
+        "unmark_suggested": "علامت‌گذاری به عنوان پیشنهاد‌نشده",
+        "user_lacks_permission": "شما دسترسی ندارید"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "نام سرور جدیدی که می خواهید در آن کاوش کنید را وارد کنید.",
+            "network_dropdown_add_dialog_placeholder": "نام سرور",
+            "network_dropdown_add_dialog_title": "افزودن سرور جدید",
+            "network_dropdown_available_invalid": "این سرور و یا لیست اتاق‌های آن پیدا نمی شود",
+            "network_dropdown_available_invalid_forbidden": "شما مجاز به مشاهده لیست اتاق‌های این سرور نمی‌باشید",
+            "network_dropdown_available_valid": "به نظر خوب میاد",
+            "network_dropdown_required_invalid": "نام سرور را وارد کنید",
+            "network_dropdown_your_server_description": "سرور شما"
+        }
+    },
+    "spotlight_dialog": {
+        "create_new_room_button": "ایجاد اتاق جدید"
+    },
+    "stickers": {
+        "empty": "شما در حال حاضر هیچ بسته برچسب فعالی ندارید",
+        "empty_add_prompt": "اکنون چندتایی اضافه کنید"
+    },
+    "terms": {
+        "column_document": "سند",
+        "column_service": "سرویس",
+        "column_summary": "خلاصه",
+        "identity_server_no_terms_description_1": "این اقدام نیاز به دسترسی به سرور هویت‌سنجی پیش‌فرض <server /> برای تایید آدرس ایمیل یا شماره تماس دارد، اما کارگزار هیچ گونه شرایط خدماتی (terms of service) ندارد.",
+        "identity_server_no_terms_description_2": "تنها در صورتی که به صاحب سرور اطمینان دارید، ادامه دهید.",
+        "identity_server_no_terms_title": "سرور هویت هیچگونه شرایط خدمات ندارد",
+        "inline_intro_text": "برای ادامه <policyLink /> را بپذیرید:",
+        "integration_manager": "از بات‌ها، پل‌ها ارتباطی، ابزارک‌ها و بسته‌های استیکر استفاده کنید",
+        "intro": "برای ادامه باید شرایط این سرویس را بپذیرید.",
+        "summary_identity_server_1": "دیگران را از طریق تلفن یا ایمیل پیدا کنید",
+        "summary_identity_server_2": "از طریق تلفن یا ایمیل پیدا شوید",
+        "tac_button": "مرور شرایط و ضوابط",
+        "tac_description": "برای ادامه استفاده از سرور %(homeserverDomain)s باید شرایط و ضوابط ما را بررسی کرده و موافقت کنید.",
+        "tac_title": "شرایط و ضوابط",
+        "tos": "شرایط استفاده از خدمات"
+    },
+    "theme": {
+        "light_high_contrast": "بالاترین کنتراست قالب روشن"
+    },
+    "thread_view_back_action_label": "بازگشت به موضوع",
+    "time": {
+        "date_at_time": "%(date)s ساعت %(time)s",
+        "seconds_left": "%(seconds)s ثانیه باقی‌مانده",
+        "short_minutes": "%(value)sم",
+        "short_seconds": "%(value)sس"
+    },
+    "timeline": {
+        "context_menu": {
+            "external_url": "آدرس مبدا",
+            "resent_unsent_reactions": "بازارسال %(unsentCount)s واکنش"
+        },
+        "creation_summary_dm": "%(creator)s این گفتگو را ایجاد کرد.",
+        "creation_summary_room": "%(creator)s اتاق را ایجاد و پیکربندی کرد.",
+        "edits": {
+            "tooltip_label": "ویرایش شده در %(date)s. برای مشاهده ویرایش ها کلیک کنید.",
+            "tooltip_sub": "برای مشاهده ویرایش ها کلیک کنید",
+            "tooltip_title": "ویرایش شده در %(date)s"
+        },
+        "error_no_renderer": "امکان نمایش این رخداد وجود ندارد",
+        "error_rendering_message": "بارگیری این پیام امکان پذیر نیست",
+        "io.element.widgets.layout": "%(senderName)s قالب نمایش اتاق را تغییر داد",
+        "load_error": {
+            "no_permission": "سعی شد یک نقطه‌ی زمانی خاص در پیام‌های این اتاق بارگیری و نمایش داده شود، اما شما دسترسی لازم برای مشاهده‌ی پیام را ندارید.",
+            "title": "بارگیری و نمایش پیام‌ها با مشکل مواجه شد",
+            "unable_to_find": "سعی شد یک نقطه‌ی زمانی خاص در پیام‌های این اتاق بارگیری و نمایش داده شود، اما پیداکردن آن میسر نیست."
+        },
+        "m.audio": {
+            "error_processing_voice_message": "خطا در پردازش پیام صوتی"
+        },
+        "m.call": {
+            "video_call_started": "تماس ویدئویی در %(roomName)s شروع شد.",
+            "video_call_started_unsupported": "تماس ویدئویی در %(roomName)s شروع شد. (توسط این مرورگر پشتیبانی نمی‌شود.)"
+        },
+        "m.call.hangup": {
+            "dm": "تماس پایان یافت"
+        },
+        "m.call.invite": {
+            "video_call": "%(senderName)s تماس تصویری برقرار کرد.",
+            "video_call_unsupported": "%(senderName)s تماس تصویری برقرار کرد. (توسط این مرورگر پشتیبانی نمی شود)",
+            "voice_call": "%(senderName)s تماس صوتی برقرار کرد.",
+            "voice_call_unsupported": "%(senderName)s تماس صوتی برقرار کرد. (توسط این مرورگر پشتیبانی نمی شود)"
+        },
+        "m.file": {
+            "error_decrypting": "خطا در رمزگشایی پیوست"
+        },
+        "m.image": {
+            "error_decrypting": "خطا در رمزگشایی تصویر",
+            "sent": "%(senderDisplayName)s تصویری ارسال کرد.",
+            "show_image": "نمایش تصویر"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s می‌خواهد تأیید هویت کند",
+            "you_started": "شما یک درخواست تأیید هویت ارسال کرده‌اید"
+        },
+        "m.location": {
+            "full": "%(senderName)s موقعیت مکانی خود را به اشتراک گذاشت"
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s به نظر سنجی پایان داد"
+        },
+        "m.poll.start": "%(senderName)s یک نظر سنجی را شروع کرد - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s آواتار اتاق تغییر کرد.",
+            "lightbox_title": "%(senderDisplayName)s آواتار خود را در %(roomName)s تغییر داد"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s آدرس جایگزین %(addresses)s را برای این اتاق اضافه کرد.",
+                "other": "%(senderName)s آدرس های جایگزین %(addresses)s را برای این اتاق اضافه کرد."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s آدرس جایگزین %(addresses)s این اتاق را حذف کرد.",
+                "other": "%(senderName)s آدرس های جایگزین %(addresses)s این اتاق را حذف کرد."
+            },
+            "changed": "%(senderName)s آدرس های این اتاق را تغییر داد.",
+            "changed_alternative": "%(senderName)s آدرس های جایگزین این اتاق را تغییر داد.",
+            "changed_main_and_alternative": "%(senderName)s آدرس اصلی و جایگزین این اتاق را تغییر داد.",
+            "removed": "%(senderName)s آدرس اصلی این اتاق را حذف کرد.",
+            "set": "%(senderName)s آدرس اصلی این اتاق را روی %(address)s تنظیم کرد."
+        },
+        "m.room.create": {
+            "continuation": "این اتاق ادامه گفتگوی دیگر است.",
+            "see_older_messages": "برای دیدن پیام های قدیمی اینجا کلیک کنید."
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s به مهمانان اجازه عضویت در اتاق را داد.",
+            "forbidden": "%(senderDisplayName)s از پیوستن مهمان به اتاق جلوگیری کرد.",
+            "unknown": "%(senderDisplayName)s دسترسی مهمانان را به %(rule)s تغییر داد"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s تاریخچه اتاق آینده را از همان جایی که دعوت شده اند برای همه اعضای اتاق قابل مشاهده کرد.",
+            "joined": "%(senderName)s تاریخچه اتاق آینده را از همان نقطه ای که به آن پیوسته اند ، برای همه اعضای اتاق قابل مشاهده کرد.",
+            "shared": "%(senderName)s تاریخچه اتاق را برای همه اعضای اتاق قابل مشاهده کرده است.",
+            "unknown": "%(senderName)s تاریخچه از این به بعد این اتاق را به وضعیت ناشناخته %(visibility)s تغییر داد.",
+            "world_readable": "%(senderName)s تاریخچه از بعد این اتاق را برای همه قابل مشاهده کرد."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s این اتاق را مخصوص دعوت شدگان قرار داد.",
+            "public": "%(senderDisplayName)s اتاق را برای هر کسی که پیوند را می داند عمومی کرد.",
+            "restricted": "%(senderDisplayName)s افرادی که میتوانند به این اتاق وارد شوند تغییر کرد.",
+            "restricted_settings": "%(senderDisplayName)s افرادی که میتوانند به این اتاق وارد شوند تغییر کرد. <a>مشاهده تغییرات</a>.",
+            "unknown": "%(senderDisplayName)s قانون عضویت را به %(rule)s تغییر داد"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s دعوت %(displayName)s را پذیرفت",
+            "accepted_invite": "%(targetName)s یک دعوت نامه را پذیرفت",
+            "ban": "%(senderName)s %(targetName)s را ممنوع کرد",
+            "ban_reason": "%(senderName)s %(targetName)s را ممنوع کرد: %(reason)s",
+            "change_avatar": "%(senderName)s تصویر پروفایل ایشان تغییر کرد",
+            "change_name": "%(oldDisplayName)s نام نمایشی خود را به %(displayName)s تغییر داد",
+            "invite": "%(senderName)s %(targetName)s را دعوت کرد",
+            "join": "%(targetName)s به اتاق اضافه شد",
+            "kick": "%(senderName)s حذف شد %(targetName)s",
+            "kick_reason": "%(senderName)s حذف شد %(targetName)s: %(reason)s",
+            "left": "%(targetName)s اتاق را ترک کرد",
+            "left_reason": "%(targetName)s اتاق را ترک کرد: %(reason)s",
+            "no_change": "%(senderName)s بدون تغییر",
+            "reject_invite": "%(targetName)s دعوتنامه رد شد",
+            "remove_avatar": "%(senderName)s تصویر پروفایل ایشان حذف شد",
+            "remove_name": "%(senderName)s نام نمایشی ایشان حذف شد (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s تنظیم یک تصویر پروفایل",
+            "set_name": "%(senderName)s نام نمایشی خود را به %(displayName)s تنظیم کرد",
+            "unban": "%(senderName)s رها سازی %(targetName)s",
+            "withdrew_invite": "%(senderName)s رد کردن %(targetName)s's دعوت",
+            "withdrew_invite_reason": "%(senderName)s قبول نکرد %(targetName)s's دعوت: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s نام اتاق را از %(oldRoomName)s به %(newRoomName)s تغییر داد.",
+            "remove": "%(senderDisplayName)s نام اتاق را حذف کرد.",
+            "set": "%(senderDisplayName)s نام اتاق را به %(roomName)s تغییر داد."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s پیام های پین شده را برای اتاق تغییر داد.",
+            "changed_link": "%(senderName)s تغییر کرد <a>پیام های سنجاق شده</a> برای این اتاق.",
+            "pinned": "%(senderName)s یک پیام به این اتاق سنجاق شد مشاهده تمام پیام های سنجاق شده.",
+            "unpinned": "%(senderName)s سنجاق یک پیام برداشته شد مشاهده همه پیام های سنجاق شده."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s سطح قدرت %(powerLevelDiffText)s تغییر داد.",
+            "user_from_to": "%(userId)s از %(fromPowerLevel)s به %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s دعوت نامه %(targetDisplayName)s را برای پیوستن به اتاق باطل کرد.",
+            "sent": "%(senderName)s %(targetDisplayName)s را به اتاق دعوت کرد."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s این اتاق را ارتقا داد.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s موضوع را به %(topic)s تغییر داد."
+        },
+        "m.sticker": "%(senderDisplayName)s یک برچسب فرستاد.",
+        "m.video": {
+            "error_decrypting": "خطا در رمزگشایی ویدیو"
+        },
+        "m.widget": {
+            "added": "ویجت %(widgetName)s توسط %(senderName)s اضافه شد",
+            "jitsi_ended": "کنفرانس ویدیویی توسط %(senderName)s به پایان رسید",
+            "jitsi_join_right_prompt": "از طریق کارت اطلاعات اتاق در سمت راست، به کنفرانس بپیوندید",
+            "jitsi_join_top_prompt": "از بالای این اتاق به کنفرانس بپوندید",
+            "jitsi_started": "کنفرانس ویدئویی توسط %(senderName)s آغاز شده است",
+            "jitsi_updated": "کنفرانس ویدیویی توسط %(senderName)s به روز شد",
+            "modified": "ویجت %(widgetName)s توسط %(senderName)s تغییر کرد",
+            "removed": "ویجت %(widgetName)s توسط %(senderName)s حذف گردید"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s یک قاعده تحریم را که با %(oldGlob)s تطابق داشت، به دلیل (دلایل) %(reason)s به گونه‌ای به‌روزرسانی کرد که با %(newGlob)s تطابق داشته باشد",
+            "changed_rule_rooms": "%(senderName)s یک قاعده تحریم اتاق‌ها را که با %(oldGlob)s تطابق داشت، به دلیل (دلایل) %(reason)s به گونه‌ای تغییر داد که با %(newGlob)s تطابق داشته باشد",
+            "changed_rule_servers": "%(senderName)s یک قاعده تحریم سرورها را که با %(oldGlob)s تطابق داشت، به دلیل (دلایل) %(reason)s به گونه‌ای تغییر داد که با %(newGlob)s تطابق داشته باشد",
+            "changed_rule_users": "%(senderName)s یک قاعده تحریم کاربران را که با %(oldGlob)s تطابق داشت، به دلیل (دلایل) %(reason)s به گونه‌ای تغییر داد که با %(newGlob)s تطابق داشته باشد",
+            "created_rule": "%(senderName)s یک قاعده تحریم را که با %(glob)s تطابق دارد، به دلیل (دلایل) %(reason)s ایجاد کرد",
+            "created_rule_rooms": "%(senderName)s یک قاعده تحریم اتاق‌ها را که با %(glob)s تطابق دارد، به دلیل (دلایل) %(reason)s ایجاد کرد",
+            "created_rule_servers": "%(senderName)s یک قاعده تحریم سرورها را که با %(glob)s تطابق دارد، به دلیل (دلایل) %(reason)s ایجاد کرد",
+            "created_rule_users": "%(senderName)s یک قاعده تحریم کاربران را که با %(glob)s تطابق دارد، به دلیل (دلایل) %(reason)s ایجاد کرد",
+            "removed_rule": "%(senderName)s قاعده تحریمی را که با %(glob)s تطابق داشت، حذف کرد",
+            "removed_rule_rooms": "%(senderName)s قاعده تحریم اتاق‌ها را که با %(glob)s تطابق داشت، حذف کرد",
+            "removed_rule_servers": "%(senderName)s قاعده تحریم سرورها را که با %(glob)s تطابق داشت، حذف کرد",
+            "removed_rule_users": "%(senderName)s قاعده تحریم کاربران را که با %(glob)s تطابق داشت، حذف کرد",
+            "updated_invalid_rule": "%(senderName)s یک قاعده‌ی تحریم نامعتبر را به‌روزرسانی کرد",
+            "updated_rule": "%(senderName)s یک قاعده تحریم را که با %(glob)s تطابق داشت، به دلیل (دلایل) %(reason)s به‌روزرسانی کرد",
+            "updated_rule_rooms": "%(senderName)s قاعده تحریم اتاق‌ها را که با %(glob)s تطابق داشت، به دلیل (دلایل) %(reason)s به‌روزرسانی کرد",
+            "updated_rule_servers": "%(senderName)s قاعده تحریم سرورها را که با %(glob)s تطابق داشت، به دلیل (دلایل) %(reason)s به‌روزرسانی کرد",
+            "updated_rule_users": "%(senderName)s قاعده تحریم کاربران را که با %(glob)s تطابق داشت، به دلیل (دلایل) %(reason)s به‌روزرسانی کرد"
+        },
+        "reactions": {
+            "add_reaction_prompt": "افزودن واکنش"
+        },
+        "redacted": {
+            "tooltip": "پیام در %(date)s حذف شد"
+        },
+        "redaction": "پیام توسط %(name)s حذف شد",
+        "reply": {
+            "error_loading": "بارگیری رویدادی که به آن پاسخ داده شد امکان پذیر نیست، یا وجود ندارد یا شما اجازه مشاهده آن را ندارید.",
+            "in_reply_to": "<a>در پاسخ به</a><pill>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "شما در آستانه هدایت شدن به یک سایت ثالث هستید بنابراین می توانید حساب خود را برای استفاده با %(integrationsUrl)s احراز هویت کنید. آیا مایل هستید ادامه دهید؟",
+            "dialog_title": "یکپارچه سازی اضافه کنید"
+        },
+        "self_redaction": "پیغام پاک شد",
+        "send_state_failed": "ارسال با خطا مواجه شد",
+        "send_state_sent": "پیام شما ارسال شد",
+        "summary": {
+            "banned": {
+                "one": "تحریم شد",
+                "other": "%(count)s بار تحریم شد"
+            },
+            "banned_multiple": {
+                "one": "تحریم شد",
+                "other": "%(count)s بار تحریم شد"
+            },
+            "changed_name": {
+                "one": "%(oneUser)s نام خود را تغییر داد",
+                "other": "%(oneUser)s نام خود را %(count)s مرتبه تغییر داد"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)s نام خود را تغییر دادند",
+                "other": "%(severalUsers)s نام خود را %(count)s بار تغییر دادند"
+            },
+            "format": "%(nameList)s.%(transitionList)s",
+            "invite_withdrawn": {
+                "one": "%(oneUser)s دعوت خود را پس گرفته است",
+                "other": "%(oneUser)s دعوت خود را %(count)s مرتبه پس‌گرفته‌است"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)s دعوت‌های خود را پس‌گرفتند",
+                "other": "%(severalUsers)s دعوت خود را %(count)s مرتبه پس‌گرفتند"
+            },
+            "invited": {
+                "one": "دعوت شد",
+                "other": "%(count)s بار دعوت شده است"
+            },
+            "invited_multiple": {
+                "one": "دعوت شدند",
+                "other": "%(count)s بار دعوت شده‌اند"
+            },
+            "joined": {
+                "one": "%(oneUser)s پیوست",
+                "other": "%(oneUser)s %(count)s مرتبه عضو شدند"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)s پیوست و خارج شد",
+                "other": "%(oneUser)s %(count)s مرتبه عضو شده و خارج شدند"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)s عضو شدند و خارج شدند",
+                "other": "%(severalUsers)s %(count)s مرتبه عضو شده و خارج شدند"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)s عضو شدند",
+                "other": "%(severalUsers)s%(count)s مرتبه عضو شده‌اند"
+            },
+            "left": {
+                "one": "%(oneUser)s خارج شد",
+                "other": "%(oneUser)s %(count)s مرتبه خارج شده‌است"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)s خارج شدند",
+                "other": "%(severalUsers)s %(count)s مرتبه خارج شدند"
+            },
+            "no_change": {
+                "one": "%(oneUser)s هیچ تغییری ایجاد نکرد",
+                "other": "%(oneUser)s %(count)s مرتبه هیچ تغییری ایجاد نکرد"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)s هیچ تغییری ایجاد نکردند",
+                "other": "%(severalUsers)s %(count)s تغییری ایجاد نکردند"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)s دعوت خود را رد کرد",
+                "other": "%(oneUser)s دعوت خود را %(count)s مرتبه رد کرد"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)s دعوت‌های خود را رد کردند",
+                "other": "%(severalUsers)s دعوت خود را %(count)s مرتبه رد کردند"
+            },
+            "rejoined": {
+                "one": "%(oneUser)s خارج شد و مجددا عضو شد",
+                "other": "%(oneUser)s %(count)s مرتبه خارج شد و مجددا عضو شد"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)s خارج شدند و مجددا عضو شدند",
+                "other": "%(severalUsers)s %(count)s مرتبه خارج شدند و مجددا عضو شدند"
+            },
+            "unbanned": {
+                "one": "رفع تحریم شد",
+                "other": "%(count)s بار رفع تحریم شد"
+            },
+            "unbanned_multiple": {
+                "one": "رفع تحریم شد",
+                "other": "%(count)s بار رفع تحریم شد"
+            }
+        },
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s و یک نفر دیگر در حال نوشتن…",
+                "other": "%(names)s و %(count)s نفر دیگر در حال نوشتن…"
+            },
+            "one_user": "%(displayName)s در حال نوشتن…",
+            "two_users": "%(names)s و %(lastPerson)s در حال نوشتن…"
+        }
+    },
+    "truncated_list_n_more": {
+        "other": "و %(count)s مورد بیشتر ..."
+    },
+    "update": {
+        "changelog": "تغییراتِ به‌وجودآمده",
+        "check_action": "بررسی برای به‌روزرسانی جدید",
+        "error_encountered": "خطای رخ داده (%(errorDetail)s).",
+        "error_unable_load_commit": "بارگیری جزئیات commit انجام نشد: %(msg)s",
+        "new_version_available": "نسخه‌ی جدید موجود است. <a>هم‌اکنون به‌روزرسانی کنید.</a>",
+        "no_update": "هیچ به روزرسانی جدیدی موجود نیست.",
+        "release_notes_toast_title": "چه خبر",
+        "see_changes_button": "چه خبر؟",
+        "toast_description": "نسخه‌ی جدید %(brand)s وجود است",
+        "toast_title": "%(brand)s را به‌روزرسانی کنید",
+        "unavailable": "غیرقابل‌دسترسی"
+    },
+    "upload_failed_generic": "بارگذاری پرونده '%(fileName)s' موفقیت‌آمیز نبود.",
+    "upload_failed_size": "حجم پرونده‌ی '%(fileName)s' از آستانه‌ی تنظیم‌شده بر روی سرور بیشتر است",
+    "upload_failed_title": "بارگذاری موفقیت‌آمیز نبود",
+    "upload_file": {
+        "cancel_all_button": "لغو همه",
+        "error_file_too_large": "این فایل برای بارگذاری <b>بسیار بزرگ است</b>. محدودیت اندازه‌ی فایل برابر %(limit)s است اما حجم این فایل %(sizeOfThisFile)s.",
+        "error_files_too_large": "این فایل‌ها برای بارگذاری <b>بیش از حد بزرگ</b> هستند. محدودیت اندازه فایل %(limit)s است.",
+        "error_some_files_too_large": "برخی از فایل‌ها برای بارگذاری <b>بیش از حد بزرگ هستند</b>. محدودیت اندازه فایل %(limit)s است.",
+        "error_title": "خطای بارگذاری",
+        "title": "بارگذاری فایل‌ها",
+        "title_progress": "بارگذاری فایل‌ها (%(current)s از %(total)s)",
+        "upload_all_button": "بارگذاری همه",
+        "upload_n_others_button": {
+            "one": "بارگذاری %(count)s فایل دیگر",
+            "other": "بارگذاری %(count)s فایل دیگر"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "ابزارهای مدیریت",
+        "deactivate_confirm_action": "غیرفعال کردن کاربر",
+        "deactivate_confirm_description": "با غیرفعال کردن این کاربر، او از سیستم خارج شده و از ورود مجدد وی جلوگیری می‌شود. علاوه بر این، او تمام اتاق هایی را که در آن هست ترک می کند. این عمل قابل برگشت نیست. آیا مطمئن هستید که می خواهید این کاربر را غیرفعال کنید؟",
+        "deactivate_confirm_title": "کاربر غیرفعال شود؟",
+        "demote_button": "تنزل رتبه",
+        "demote_self_confirm_description_space": "شما نمی توانید این تغییر را لغو کنید زیرا در حال تنزل خود هستید، اگر آخرین کاربر ممتاز در فضای کاری باشید، بازپس گیری امتیازات غیرممکن است.",
+        "demote_self_confirm_room": "شما نمی توانید این تغییر را لغو کنید زیرا در حال تنزل خود هستید، اگر آخرین کاربر ممتاز در اتاق باشید بازپس گیری امتیازات غیرممکن است.",
+        "demote_self_confirm_title": "خودتان را تنزل می‌دهید؟",
+        "error_ban_user": "کاربر مسدود نشد",
+        "error_deactivate": "غیرفعال کردن کاربر انجام نشد",
+        "error_mute_user": "کاربر بی صدا نشد",
+        "error_revoke_3pid_invite_description": "دعوت لغو نشد. ممکن است سرور با یک مشکل موقتی روبرو شده باشد و یا اینکه شما مجوز کافی برای لغو دعوت را نداشته باشید.",
+        "error_revoke_3pid_invite_title": "دعوت لغو نشد",
+        "invited_by": "دعوت شده توسط %(sender)s",
+        "jump_to_rr_button": "پرش به آخرین پیام خوانده شده",
+        "promote_warning": "شما نمی توانید این تغییر را باطل کنید زیرا در حال ارتقا سطح قدرت یک کاربر به سطح قدرت خود هستید.",
+        "redact": {
+            "confirm_button": {
+                "one": "حذف ۱ پیام",
+                "other": "حذف %(count)s پیام"
+            },
+            "confirm_description_2": "برای مقدار زیادی پیام ممکن است مدتی طول بکشد. لطفا در این بین مرورگر خود را refresh نکنید.",
+            "confirm_title": "حذف پیام‌های اخیر %(user)s",
+            "no_recent_messages_description": "در پیام‌ها بالا بروید تا ببینید آیا موارد قدیمی وجود دارد یا خیر.",
+            "no_recent_messages_title": "هیچ پیام جدیدی برای %(user)s یافت نشد"
+        },
+        "redact_button": "حذف پیام‌های اخیر",
+        "revoke_invite": "لغو دعوت",
+        "room_encrypted": "پیام‌های موجود در این اتاق به صورت سرتاسر رمزگذاری شده‌اند.",
+        "room_encrypted_detail": "پیام‌های شما امن هستند و فقط شما و گیرنده کلیدهای منحصر به فرد برای باز کردن قفل آنها را دارید.",
+        "room_unencrypted": "پیام های موجود در این اتاق به صورت سرتاسر رمزگذاری نشده‌اند.",
+        "room_unencrypted_detail": "در اتاق‌های رمزگذاری شده، پیام‌های شما امن هستند و فقط شما و گیرنده کلیدهای منحصر به فرد برای باز کردن قفل آن‌ها را دارید.",
+        "share_button": "اشتراک لینک برای کاربر",
+        "verify_button": "تأیید هویت کاربر",
+        "verify_explainer": "برای امنیت بیشتر، با بررسی کد یکبارمصرف در هر دو دستگاه، این کاربر را تأیید کنید."
+    },
+    "voip": {
+        "already_in_call": "هم‌اکنون در تماس هستید",
+        "already_in_call_person": "شما هم‌اکنون با این فرد در تماس هستید.",
+        "answered_elsewhere": "در جای دیگری پاسخ داده شد",
+        "answered_elsewhere_description": "تماس بر روی دستگاه دیگری پاسخ داده شد.",
+        "call_failed": "تماس موفقیت‌آمیز نبود",
+        "call_failed_description": "امکان برقراری تماس وجود ندارد",
+        "call_failed_media": "تماس به دلیل مشکل در دسترسی به دوربین یا میکروفون موفقیت‌آمیز نبود. لطفا بررسی کنید:",
+        "call_failed_media_applications": "برنامه‌ی دیگری از دوربین استفاده نکند",
+        "call_failed_media_connected": "میکروفون و دوربین به درستی تنظیم شده باشند",
+        "call_failed_media_permissions": "دسترسی مورد نیاز به دوربین داده شده باشد",
+        "call_failed_microphone": "تماس به دلیل عدم دسترسی به میکروفون موفقیت‌آمیز نبود. لطفا اتصال و تنظیمات صحیح میکروفون را بررسی نمائید.",
+        "call_held": "%(peerName)s تماس را به حالت تعلیق درآورد",
+        "call_held_resume": "شما تماس را به حالت تعلیق نگه داشته‌اید <a>ادامه</a>",
+        "call_held_switch": "شما تماس را به حالت تعلیق نگه داشته‌اید <a>تعویض</a>",
+        "call_toast_unknown_room": "اتاق ناشناس",
+        "cannot_call_yourself_description": "امکان برقراری تماس با خودتان وجود ندارد.",
+        "connecting": "در حال اتصال",
+        "connection_lost": "اتصال با سرور قطع شده است",
+        "connection_lost_description": "شما نمی توانید بدون اتصال به سرور تماس برقرار کنید.",
+        "consulting": "با %(transferTarget)s مشورت کنید. <a>انتقال به %(transferee)s</a>",
+        "default_device": "دستگاه پیشفرض",
+        "expand": "بازگشت به تماس",
+        "hangup": "قطع",
+        "hide_sidebar_button": "پنهان سازی نوار کناری",
+        "misconfigured_server": "تماس به دلیل پیکربندی نادرست سرور موفقیت‌آمیز نبود",
+        "misconfigured_server_description": "لطفا برای برقراری تماس، از مدیر <code>%(homeserverDomain)s</code> بخواهید سرور TURN را پیکربندی نماید.",
+        "misconfigured_server_fallback": "از طرف دیگر، می‌توانید سعی کنید از سرور عمومی در <server/> استفاده کنید، اما این به آن اندازه قابل اعتماد نخواهد بود و آدرس IP شما را با آن سرور به اشتراک می‌گذارد. شما همچنین می توانید این قابلیت را در تنظیمات مدیریت کنید.",
+        "misconfigured_server_fallback_accept": "سعی کنید از %(server)s استفاده کنید",
+        "msisdn_lookup_failed": "امکان یافتن شماره تلفن میسر نیست",
+        "msisdn_lookup_failed_description": "هنگام یافتن شماره تلفن خطایی رخ داد",
+        "msisdn_transfer_failed": "ناتوان در انتقال تماس",
+        "no_audio_input_description": "ما میکروفونی در دستگاه شما پیدا نکردیم. لطفاً تنظیمات خود را بررسی کنید و دوباره امتحان کنید.",
+        "no_audio_input_title": "میکروفونی یافت نشد",
+        "no_media_perms_description": "ممکن است لازم باشد دسترسی %(brand)s به میکروفون/دوربین را به صورت دستی فعال کنید",
+        "no_media_perms_title": "عدم مجوز رسانه",
+        "no_permission_conference": "اجازه نیاز است",
+        "no_permission_conference_description": "شما اجازه‌ی شروع جلسه‌ی تصویری در این اتاق را ندارید",
+        "on_hold": "%(name)s در حال تعلیق است",
+        "show_sidebar_button": "نمایش نوار کناری",
+        "silence": "تماس بیصدا",
+        "silenced": "هشدار بیصدا",
+        "too_many_calls": "تعداد زیاد تماس",
+        "too_many_calls_description": "شما به بیشینه‌ی تعداد تماس‌های هم‌زمان رسیده‌اید.",
+        "transfer_consult_first_label": "ابتدا مشورت کنید",
+        "transfer_failed": "انتقال شکست خورد",
+        "transfer_failed_description": "انتقال تماس انجام نشد",
+        "unable_to_access_audio_input_description": "ما نتوانستیم به میکروفون شما دسترسی پیدا کنیم. لطفا تنظیمات مرورگر خود را بررسی کنید و دوباره سعی کنید.",
+        "unable_to_access_audio_input_title": "دسترسی به میکروفن شما امکان پذیر نیست",
+        "unable_to_access_media": "امکان دسترسی به دوربین/میکروفون وجود ندارد",
+        "unable_to_access_microphone": "دسترسی به میکروفون امکان‌پذیر نیست",
+        "unknown_caller": "تماس‌گیرنده‌ی ناشناس",
+        "unknown_person": "فرد ناشناس",
+        "unsilence": "صدا",
+        "unsupported": "تماس ها پشتیبانی نمی شوند",
+        "unsupported_browser": "شما نمیتوانید در این مرورگر تماس برقرار کنید.",
+        "user_busy": "کاربر مشغول",
+        "user_busy_description": "کاربر موردنظر مشغول است.",
+        "video_call": "تماس تصویری",
+        "voice_call": "تماس صوتی"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s: روی %(osName)s",
+    "widget": {
+        "added_by": "ابزارک اضافه شده توسط",
+        "capabilities_dialog": {
+            "content_starting_text": "این ابزارک تمایل دارد:",
+            "decline_all_permission": "رد کردن همه",
+            "remember_Selection": "انتخاب من برای این ابزارک را بخاطر بسپار",
+            "title": "دسترسی‌های ابزارک را تائید کنید"
+        },
+        "capability": {
+            "always_on_screen_generic": "بر روی صفحه خود باقی بمانید",
+            "always_on_screen_viewing_another_room": "هنگام مشاهده اتاق دیگر، روی صفحه خود باشید",
+            "any_room": "در بالا، اما نه در اتاقی که به آن وارد شده و یا دعوت شدید",
+            "byline_empty_state_key": "با یک کلید حالت خالی",
+            "byline_state_key": "با کلید وضعیت (state key) %(stateKey)s",
+            "capability": "قابلیت <b>%(capability)s</b>",
+            "change_avatar_active_room": "نمایه‌ی اتاق فعال خود را تغییر دهید",
+            "change_avatar_this_room": "نمایه‌ی این اتاق را تغییر دهید",
+            "change_name_active_room": "نام اتاق فعال خود را تغییر دهید",
+            "change_name_this_room": "نام این اتاق را تغییر دهید",
+            "change_topic_active_room": "عنوان اتاق فعال خود را تغییر دهید",
+            "change_topic_this_room": "عنوان این اتاق را تغییر دهید",
+            "receive_membership_active_room": "هنگامی که افراد به اتاق فعال شما دعوت می‌شوند، آن را ترک می‌کنند و لیست افراد دعوت شده به آن را مشاهده کنید",
+            "receive_membership_this_room": "ببینید که کی مردم در این اتاق عضو شده اند، ترک کرده اند یا به آن دعوت شده اند",
+            "remove_ban_invite_leave_active_room": "حذف کردن،محدود کردن و یا دعوت از افراد به این اتاق فعال و سپس ترک آن",
+            "remove_ban_invite_leave_this_room": "حذف کردن،محدود کردن و یا دعوت کردن افراد به این اتاق و ترک این اتاق",
+            "see_avatar_change_active_room": "تغییرات نمایه‌ی اتاق فعال خود را مشاهده کنید",
+            "see_avatar_change_this_room": "تغییرات نمایه‌ی این اتاق را مشاهده کنید",
+            "see_event_type_sent_active_room": "رخدادهای <b>%(eventType)s</b> را که در اتاق فعال شما ارسال شده، مشاهده کنید",
+            "see_event_type_sent_this_room": "رخداد‌های <b>%(eventType)s</b> را که در این اتاق ارسال شده‌اند مشاهده کنید",
+            "see_images_sent_active_room": "تصاویری را که در اتاق فعال خودتان ارسال شده‌اند، مشاهده کنید",
+            "see_images_sent_this_room": "تصاویری را که در این اتاق ارسال شده‌اند، مشاهده کنید",
+            "see_messages_sent_active_room": "مشاهده‌ی پیام‌هایی که در اتاق فعال شما ارسال شده‌اند",
+            "see_messages_sent_this_room": "مشاهده‌ی پیام‌هایی که در این اتاق ارسال شده‌اند",
+            "see_msgtype_sent_active_room": "پیام های <b>%(msgtype)s</b> ارسال شده به اتاق فعال خودتان را مشاهده کنید",
+            "see_msgtype_sent_this_room": "پیام های <b>%(msgtype)s</b> ارسال شده به این اتاق را مشاهده کنید",
+            "see_name_change_active_room": "تغییرات نام اتاق فعال خود را مشاهده کنید",
+            "see_name_change_this_room": "تغییرات نام این اتاق را مشاهده کنید",
+            "see_sent_emotes_active_room": "شکلک‌های ارسال‌شده در اتاق فعال خودتان را مشاهده کنید",
+            "see_sent_emotes_this_room": "شکلک‌های ارسال‌شده در این اتاق را مشاهده کنید",
+            "see_sent_files_active_room": "فایل‌های ارسال شده در اتاق فعال خودتان را مشاهده کنید",
+            "see_sent_files_this_room": "فایل‌های ارسال شده در این اتاق را مشاهده کنید",
+            "see_sticker_posted_active_room": "ببینید چه وقتی برچسب به اتاق فعال شما ارسال می شود",
+            "see_sticker_posted_this_room": "زمان نصب برچسب در این اتاق را ببینید",
+            "see_text_messages_sent_active_room": "پیام‌های متنی که در اتاق فعال شما ارسال شده‌اند را مشاهده کنید",
+            "see_text_messages_sent_this_room": "پیام‌های متنی که در این گروه ارسال شده‌اند را مشاهده کنید",
+            "see_topic_change_active_room": "تغییرات عنوان را در اتاق فعال خود مشاهده کنید",
+            "see_topic_change_this_room": "تغییرات عنوان این اتاق را مشاهده کنید",
+            "see_videos_sent_active_room": "فیلم های ارسال شده در اتاق فعال خودتان را مشاهده کنید",
+            "see_videos_sent_this_room": "فیلم های ارسال شده در این اتاق را مشاهده کنید",
+            "send_emotes_active_room": "همانطور که در اتاق فعال خود هستید شکلک‌های خود را ارسال کنید",
+            "send_emotes_this_room": "همانطور که در این اتاق هستید شکلک‌های خود را ارسال کنید",
+            "send_event_type_active_room": "رویدادهای <b>%(eventType)s</b> هنگامی که در اتاق فعال خود هستید ارسال شود",
+            "send_event_type_this_room": "رویدادهای <b>%(eventType)s</b> هنگامی که داخل این اتاق هستید ارسال شود",
+            "send_files_active_room": "همانطور که در اتاق فعال خود هستید فایل ارسال کنید",
+            "send_files_this_room": "همانطور که در این اتاق هستید فایل ارسال کنید",
+            "send_images_active_room": "همانطور که در اتاق فعال خود هستید تصاویر را ارسال کنید",
+            "send_images_this_room": "همانطور که در این اتاق هستید تصاویر را ارسال کنید",
+            "send_messages_active_room": "همانطور که در اتاق فعال خود هستید پیام ارسال کنید",
+            "send_messages_this_room": "همانطور که در این اتاق هستید پیام ارسال کنید",
+            "send_msgtype_active_room": "همانطور که در اتاق فعال خودتان هستید پیام های <b>%(msgtype)s</b> را ارسال کنید",
+            "send_msgtype_this_room": "همانطور که در این اتاق هستید پیام های <b>%(msgtype)s</b> را ارسال کنید",
+            "send_stickers_active_room": "در اتاق‌های فعال خود استیکر ارسال کنید",
+            "send_stickers_active_room_as_you": "همانطور که هستید ، برچسب ها را به اتاق فعال خود ارسال کنید",
+            "send_stickers_this_room": "در این اتاق استیکر ارسال کنید",
+            "send_stickers_this_room_as_you": "با مشخصات کاربری خودتان در این گروه استیکر ارسال نمائید",
+            "send_text_messages_active_room": "همانطور که در اتاق فعال خود هستید پیام های متنی ارسال کنید",
+            "send_text_messages_this_room": "همانطور که در این اتاق هستید پیام های متنی ارسال کنید",
+            "send_videos_active_room": "همانطور که در اتاق فعال خود هستید فیلم ارسال کنید",
+            "send_videos_this_room": "همانطور که در این اتاق هستید فیلم ارسال کنید",
+            "specific_room": "در بالا،همچنین در این <Room /> هم",
+            "switch_room": "اتاق‌هایی را که مشاهده می‌کنید تغییر دهید",
+            "switch_room_message_user": "اتاق، پیام و کاربرانی را که مشاهده می‌کنید، تغییر دهید"
+        },
+        "context_menu": {
+            "delete": "حذف ویجت",
+            "delete_warning": "حذف یک ویجت، باعث حذف‌شدن آن برای همه‌ی کاربران این اتاق می‌شود. آیا از حذف این ویجت اطمینان دارید؟"
+        },
+        "cookie_warning": "این ابزارک ممکن است از کوکی استفاده کند.",
+        "error_hangup_description": "شما از تماس قطع شدید.(خطا: %(message)s)",
+        "error_hangup_title": "از دست رفتن اتصال",
+        "error_need_invite_permission": "نیاز است که شما قادر به دعوت کاربران به آن باشید.",
+        "error_need_kick_permission": "برای انجام این کار نیاز دارید که بتوانید کاربران را حذف کنید.",
+        "error_need_to_be_logged_in": "شما باید وارد شوید.",
+        "error_unable_start_audio_stream_description": "شروع پخش جریان صدا امکان‌پذیر نیست.",
+        "error_unable_start_audio_stream_title": "آغاز livestream با شکست همراه بود",
+        "modal_data_warning": "داده‌های این صفحه با %(widgetDomain)s به اشتراک گذاشته می‌شود",
+        "modal_title_default": "ابزارک کمکی",
+        "no_name": "برنامه ناشناخته",
+        "open_id_permissions_dialog": {
+            "remember_selection": "این را به یاد داشته باش",
+            "starting_text": "ابزارک شناسه‌ی کاربری شما را تائید خواهد کرد، اما نمی‌تواند این کارها را برای شما انجام دهد:",
+            "title": "به این ابزارک اجازه دهید هویت شما را تأیید کند"
+        },
+        "popout": "بیرون انداختن ابزارک",
+        "set_room_layout": "چیدمان اتاق من را برای همه تنظیم کن",
+        "shared_data_mxid": "شناسه کاربری شما",
+        "shared_data_name": "نام نمایشی شما",
+        "shared_data_room_id": "شناسه اتاق",
+        "shared_data_theme": "پوسته شما",
+        "shared_data_url": "آدرس %(brand)s",
+        "shared_data_warning": "استفاده از این ابزارک ممکن است داده‌هایی <helpIcon /> را با %(widgetDomain)s به اشتراک بگذارد.",
+        "shared_data_warning_im": "استفاده از این ابزارک ممکن است داده‌هایی <helpIcon /> را با %(widgetDomain)s و مدیر یکپارچگیتان هم رسانی کند.",
+        "shared_data_widget_id": "شناسه ابزارک",
+        "unencrypted_warning": "ابزارک ها از رمزگذاری پیام استفاده نمی کنند."
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "اگر همه‌ی موارد حروف بزرگ باشند، سختی حدس‌زدن آن‌ها با حالتی که فقط از حروف کوچک استفاده شود، تفاوتی نمی‌کند",
+            "anotherWord": "یک یا دو کلمه دیگر اضافه کنید. کلمات غیرمعمول بهتر هستند.",
+            "associatedYears": "از سالهایی که با شما در ارتباط هستند دوری کنید",
+            "capitalization": "استفاده از حروه بزرگ کمک چندانی نمی‌کند",
+            "dates": "از تاریخ و سالهایی که با شما در ارتباط هستند خودداری کنید",
+            "l33t": "جایگزین‌های قابل پیش بینی مانند '@' به جای 'a' کمک زیادی نمی کند",
+            "longerKeyboardPattern": "از الگوی طولانی‌ و پیچیده‌تر استفاده نمائید",
+            "noNeed": "نیازی به علامت ، عدد یا حروف بزرگ نیست",
+            "recentYears": "از سالهای اخیر خودداری کنید",
+            "repeated": "از تکرار کلمات و کاراکترها خودداری نمائید",
+            "reverseWords": "حدس زدن کلمات معکوس خیلی سخت تر نیست",
+            "sequences": "از موارد پشت سر هم اجتناب کنید",
+            "useWords": "از چند کلمه استفاده کنید ، از عبارات معمول خودداری نمائید"
+        },
+        "warnings": {
+            "common": "این یک گذرواژه‌ی بسیار رایج است",
+            "commonNames": "نام و نام خانوادگی‌های متداول به راحتی قابل حدس زدن هستند",
+            "dates": "حدس زدن تاریخ‌ها اغلب آسان است",
+            "extendedRepeat": "تکرارهایی مانند \"abcabcabc\" تنها مقداری سخت‌تر از \"abc\" قابل حدس‌زدن هستند",
+            "keyPattern": "الگوهای کوتاه صفحه کلید به راحتی قابل حدس هستند",
+            "namesByThemselves": "به راحتی می توان نام و نام خانوادگی را حدس زد",
+            "recentYears": "حدس زدن سالهای اخیر آسان است",
+            "sequences": "موارد متوالی نظیر abc یا 6543 برای حدس‌زدن راحت هستند",
+            "similarToCommon": "این مشابه یکی از گذرواژه‌‌هایی است که معمولاً استفاده می شود",
+            "simpleRepeat": "تکرارهایی مانند بببب به راحتی قابل حدس هستند",
+            "straightRow": "ردیف کلیدهای مستقیم به راحتی قابل حدس هستند",
+            "topHundred": "این‌ها ۱۰۰ گذرواژه‌ی پر استفاده هستند",
+            "topTen": "این‌ها ۱۰ گذرواژه‌ی پس استفاده هستند",
+            "wordByItself": "حدس زدن یک کلمه به خودی خود آسان است"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/fi.json b/apps/web/src/i18n/strings/fi.json
new file mode 100644
index 00000000000..b6aca94ca74
--- /dev/null
+++ b/apps/web/src/i18n/strings/fi.json
@@ -0,0 +1,3402 @@
+{
+    "a11y": {
+        "jump_first_invite": "Siirry ensimmäiseen kutsuun.",
+        "message_composer": "Viestin kirjoitusikkuna",
+        "n_unread_messages": {
+            "other": "%(count)s lukematonta viestiä.",
+            "one": "Yksi lukematon viesti."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s lukematonta viestiä, sisältäen maininnat.",
+            "one": "Yksi lukematon maininta."
+        },
+        "room_status_bar": "Huoneen tilapalkki",
+        "seek_bar_label": "Äänen siirtymispalkki",
+        "unread_messages": "Lukemattomat viestit."
+    },
+    "a11y_jump_first_unread_room": "Siirry ensimmäiseen lukemattomaan huoneeseen.",
+    "action": {
+        "accept": "Hyväksy",
+        "add": "Lisää",
+        "add_existing_room": "Lisää olemassa oleva huone",
+        "apply": "Toteuta",
+        "approve": "Hyväksy",
+        "ask_to_join": "Pyydä liittyä",
+        "back": "Takaisin",
+        "call": "Soita",
+        "cancel": "Peruuta",
+        "change": "Muuta",
+        "clear": "Tyhjennä",
+        "click_to_copy": "Kopioi napsauttamalla",
+        "close": "Sulje",
+        "collapse": "Supista",
+        "complete": "Valmis",
+        "confirm": "Varmista",
+        "continue": "Jatka",
+        "copy": "Kopioi",
+        "copy_link": "Kopioi linkki",
+        "create": "Luo",
+        "create_a_room": "Luo huone",
+        "create_account": "Luo tili",
+        "decline": "Hylkää",
+        "delete": "Poista",
+        "deny": "Estä",
+        "disable": "Poista käytöstä",
+        "disconnect": "Katkaise yhteys",
+        "dismiss": "Hylkää",
+        "done": "Valmis",
+        "download": "Lataa",
+        "edit": "Muokkaa",
+        "enable": "Ota käyttöön",
+        "enter_fullscreen": "Siirry koko näytön tilaan",
+        "exit_fullscreeen": "Poistu koko näytön tilasta",
+        "expand": "Laajenna",
+        "explore_rooms": "Selaa huoneita",
+        "export": "Vie",
+        "forward": "Välitä",
+        "go": "Mene",
+        "go_back": "Takaisin",
+        "got_it": "Asia selvä",
+        "hide_advanced": "Piilota lisäasetukset",
+        "hold": "Pidä",
+        "ignore": "Sivuuta",
+        "import": "Tuo",
+        "invite": "Kutsu",
+        "join": "Liity",
+        "learn_more": "Lue lisää",
+        "leave": "Poistu",
+        "leave_room": "Poistu huoneesta",
+        "logout": "Kirjaudu ulos",
+        "manage": "Hallitse",
+        "maximise": "Suurenna",
+        "mention": "Mainitse",
+        "minimise": "Pienennä",
+        "new_room": "Uusi huone",
+        "new_video_room": "Uusi videohuone",
+        "next": "Seuraava",
+        "no": "Ei",
+        "ok": "OK",
+        "open": "Avaa",
+        "pin": "Kiinnitä",
+        "proceed": "Jatka",
+        "quote": "Lainaa",
+        "react": "Reagoi",
+        "refresh": "Päivitä",
+        "register": "Rekisteröidy",
+        "reload": "Lataa uudelleen",
+        "remove": "Poista",
+        "rename": "Nimeä uudelleen",
+        "reply": "Vastaa",
+        "reply_in_thread": "Vastaa ketjuun",
+        "report_room": "Ilmoita huoneesta",
+        "resend": "Lähetä uudelleen",
+        "reset": "Palauta alkutilaan",
+        "resume": "Jatka",
+        "retry": "Yritä uudelleen",
+        "review": "Katselmoi",
+        "revoke": "Kumoa",
+        "save": "Tallenna",
+        "search": "Haku",
+        "send_report": "Lähetä ilmoitus",
+        "set_avatar": "Aseta profiilikuva",
+        "share": "Jaa",
+        "show": "Näytä",
+        "show_advanced": "Näytä lisäasetukset",
+        "show_all": "Näytä kaikki",
+        "sign_in": "Kirjaudu sisään",
+        "sign_out": "Poista tämä laite",
+        "skip": "Ohita",
+        "start": "Aloita",
+        "stop": "Pysäytä",
+        "submit": "Lähetä",
+        "subscribe": "Tilaa",
+        "transfer": "Siirrä",
+        "trust": "Luota",
+        "try_again": "Yritä uudelleen",
+        "unban": "Poista porttikielto",
+        "unignore": "Huomioi käyttäjä jälleen",
+        "unpin": "Poista kiinnitys",
+        "unsubscribe": "Lopeta tilaus",
+        "update": "Päivitä",
+        "upgrade": "Päivitä",
+        "upload": "Lähetä",
+        "upload_file": "Lähetä tiedosto",
+        "verify": "Varmenna",
+        "view": "Näytä",
+        "view_all": "Näytä kaikki",
+        "view_list": "Näytä luettelo",
+        "view_message": "Näytä viesti",
+        "view_source": "Näytä lähdekoodi",
+        "yes": "Kyllä",
+        "zoom_in": "Lähennä",
+        "zoom_out": "Loitonna"
+    },
+    "analytics": {
+        "accept_button": "Sopii",
+        "bullet_1": "<Bold>Emme</Bold> tallenna tai profiloi tilin tietoja",
+        "bullet_2": "<Bold>Emme</Bold> jaa tietoja kolmansille tahoille",
+        "consent_migration": "Olet aiemmin suostunut jakamaan anonyymiä käyttötietoa kanssamme. Päivitämme jakamisen toimintaperiaatteita.",
+        "disable_prompt": "Tämän voi poistaa käytöstä koska tahansa asetuksista",
+        "enable_prompt": "Auta parantamaan %(analyticsOwner)s",
+        "learn_more": "Jaa anonyymiä tietoa ongelmien tunnistamiseksi. Ei mitään henkilökohtaista. Ei kolmansia tahoja. <LearnMoreLink>Lue lisää</LearnMoreLink>",
+        "privacy_policy": "Voit lukea kaikki ehdot <PrivacyPolicyUrl>tästä</PrivacyPolicyUrl>",
+        "shared_data_heading": "Seuraavat tiedot saatetaan jakaa:"
+    },
+    "auth": {
+        "3pid_in_use": "Tämä sähköpostiosoite tai puhelinnumero on jo käytössä.",
+        "account_clash": "Uusi tilisi (%(newAccountId)s) on rekisteröity, mutta olet jo kirjautuneena toisella tilillä (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Jatka aiemmalla tilillä",
+        "account_deactivated": "Tämä tili on poistettu.",
+        "autodiscovery_generic_failure": "Automaattisen etsinnän asetusten hakeminen palvelimelta epäonnistui",
+        "autodiscovery_invalid": "Epäkelpo kotipalvelimen etsinnän vastaus",
+        "autodiscovery_invalid_hs": "Kotipalvelimen osoite ei näytä olevan kelvollinen Matrix-kotipalvelin",
+        "autodiscovery_invalid_hs_base_url": "Epäkelpo base_url palvelimelle m.homeserver",
+        "autodiscovery_invalid_is": "Identiteettipalvelimen osoite ei näytä olevan kelvollinen identiteettipalvelin",
+        "autodiscovery_invalid_is_base_url": "Epäkelpo base_url palvelimelle m.identity_server",
+        "autodiscovery_invalid_is_response": "Epäkelpo identiteettipalvelimen etsinnän vastaus",
+        "autodiscovery_invalid_json": "Virheellinen JSON",
+        "autodiscovery_unexpected_error_hs": "Odottamaton virhe selvitettäessä kotipalvelimen asetuksia",
+        "autodiscovery_unexpected_error_is": "Odottamaton virhe selvitettäessä identiteettipalvelimen asetuksia",
+        "captcha_description": "Tämä kotipalvelin haluaa varmistaa, ettet ole robotti.",
+        "change_password_action": "Vaihda salasana",
+        "change_password_confirm_invalid": "Salasanat eivät täsmää",
+        "change_password_confirm_label": "Varmista salasana",
+        "change_password_current_label": "Nykyinen salasana",
+        "change_password_empty": "Salasanat eivät voi olla tyhjiä",
+        "change_password_error": "Virhe salasanan vaihtamisessa: %(error)s",
+        "change_password_mismatch": "Uudet salasanat eivät täsmää",
+        "change_password_new_label": "Uusi salasana",
+        "check_email_explainer": "Seuraa osoitteeseen <b>%(email)s</b> lähetettyjä ohjeita",
+        "check_email_resend_prompt": "Etkö vastaanottanut viestiä?",
+        "check_email_resend_tooltip": "Vahvistuslinkin sisältävä sähköposti lähetetty uudelleen!",
+        "check_email_wrong_email_button": "Kirjoita sähköpostiosoite uudestaan",
+        "check_email_wrong_email_prompt": "Väärä sähköpostiosoite?",
+        "continue_with_idp": "Jatka käyttäen palveluntarjoajaa %(provider)s",
+        "continue_with_sso": "Jatka %(ssoButtons)slla",
+        "country_dropdown": "Maapudotusvalikko",
+        "create_account_prompt": "Uusi täällä? <a>Luo tili</a>",
+        "create_account_title": "Luo tili",
+        "email_discovery_text": "Käytä sähköpostiosoitetta, jos haluat olla löydettävissä nykyisille yhteystiedoille.",
+        "email_field_label": "Sähköposti",
+        "email_field_label_invalid": "Ei näytä kelvolliselta sähköpostiosoitteelta",
+        "email_field_label_required": "Syötä sähköpostiosoite",
+        "email_help_text": "Lisää sähköpostiosoite, jotta voit palauttaa salasanasi.",
+        "email_phone_discovery_text": "Käytä sähköpostiosoitetta tai puhelinnumeroa, jos haluat olla löydettävissä nykyisille yhteystiedoille.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> lähettää sinulle vahvistuslinkin, jotta voit nollata salasanasi.",
+        "enter_email_heading": "Kirjoita sähköpostiosoitteesi nollataksesi salasanasi",
+        "failed_connect_identity_server": "Identiteettipalvelinta ei voida tavoittaa",
+        "failed_connect_identity_server_other": "Voit kirjautua, mutta osa toiminnoista on pois käytöstä kunnes identiteettipalvelin on jälleen toiminnassa. Jos tämä varoitus toistuu, tarkista asetuksesi tai ota yhteyttä palvelimen ylläpitäjään.",
+        "failed_connect_identity_server_register": "Voit rekisteröityä, mutta osa toiminnoista on pois käytöstä kunnes identiteettipalvelin on jälleen toiminnassa. Jos tämä varoitus toistuu, tarkista asetuksesi tai ota yhteyttä palvelimen ylläpitäjään.",
+        "failed_connect_identity_server_reset_password": "Voit palauttaa salasanasi, mutta osa toiminnoista on pois käytöstä kunnes identiteettipalvelin on jälleen toiminnassa. Jos tämä varoitus toistuu, tarkista asetuksesi tai ota yhteyttä palvelimen ylläpitäjään.",
+        "failed_homeserver_discovery": "Kotipalvelimen etsinnän suoritus epäonnistui",
+        "failed_query_registration_methods": "Tuettuja rekisteröitymistapoja ei voitu kysellä.",
+        "failed_soft_logout_auth": "Uudelleenautentikointi epäonnistui",
+        "failed_soft_logout_homeserver": "Uudelleenautentikointi epäonnistui kotipalvelinongelmasta johtuen",
+        "forgot_password_email_invalid": "Sähköpostiosoite ei vaikuta kelvolliselta.",
+        "forgot_password_email_required": "Sinun pitää syöttää tiliisi liitetty sähköpostiosoite.",
+        "forgot_password_prompt": "Unohditko salasanasi?",
+        "forgot_password_send_email": "Lähetä sähköpostia",
+        "identifier_label": "Tunnistus",
+        "incorrect_credentials": "Virheellinen käyttäjätunnus ja/tai salasana.",
+        "incorrect_credentials_detail": "Huomaa että olet kirjautumassa palvelimelle %(hs)s, etkä palvelimelle matrix.org.",
+        "incorrect_password": "Virheellinen salasana",
+        "log_in_new_account": "<a>Kirjaudu</a> uudelle tilillesi.",
+        "logout_dialog": {
+            "description": "Haluatko varmasti poistaa tämän laitteen?",
+            "setup_key_backup_title": "Olet menettämässä pääsyn salattuihin keskusteluihisi",
+            "skip_key_backup": "Poista tämä laite silti"
+        },
+        "misconfigured_body": "Pyydä %(brand)s-ylläpitäjääsi tarkistamaan, onko <a>asetuksissasi</a>virheellisiä tai toistettuja merkintöjä.",
+        "misconfigured_title": "%(brand)sin asetukset ovat pielessä",
+        "mobile_create_account_title": "Olet aikeissa luoda tilin palveluun %(hsName)s",
+        "msisdn_field_description": "Muut voivat kutsua sinut huoneisiin yhteystietojesi avulla",
+        "msisdn_field_label": "Puhelin",
+        "msisdn_field_number_invalid": "Tämä puhelinnumero ei näytä oikealta, tarkista se ja yritä uudelleen",
+        "msisdn_field_required_invalid": "Syötä puhelinnumero",
+        "no_hs_url_provided": "Kotipalvelimen osoite puuttuu",
+        "oidc": {
+            "error_title": "Emme voineet kirjata sinua sisään",
+            "generic_auth_error": "Jokin meni pieleen tunnistautumisen aikana. Siirry kirjautumissivulle ja yritä uudelleen.",
+            "missing_or_invalid_stored_state": "Pyysimme selainta muistamaan kirjautumista varten mitä kotipalvelinta käytät, mutta selain on unohtanut sen. Mene kirjautumissivulle ja yritä uudelleen."
+        },
+        "password_field_keep_going_prompt": "Jatka…",
+        "password_field_label": "Syötä salasana",
+        "password_field_strong_label": "Hyvä, vahva salasana!",
+        "password_field_weak_label": "Salasana on sallittu, mutta turvaton",
+        "phone_label": "Puhelin",
+        "phone_optional_label": "Puhelin (valinnainen)",
+        "qr_code_login": {
+            "check_code_explainer": "Tämä varmistaa, että yhteys toiseen laitteeseen on turvallinen.",
+            "check_code_heading": "Kirjoita toisessa laitteessa näkyvä numero",
+            "check_code_input_label": "2-numeroinen koodi",
+            "check_code_mismatch": "Numerot eivät täsmää",
+            "choose_desktop_computer": "Valitse \"%(desktopComputer)s\"",
+            "completing_setup": "Viimeistellään uuden laitteesi käyttöönottoa",
+            "desktop_computer": "Pöytätietokone",
+            "error_etag_missing": "Tapahtui odottamaton virhe. Tämä voi johtua selaimen laajennuksesta, välityspalvelimesta tai palvelimen virheellisestä konfiguroinnista.",
+            "error_expired": "Kirjautuminen vanhentui. Yritä uudelleen.",
+            "error_expired_title": "Kirjautumista ei suoritettu ajoissa",
+            "error_insecure_channel_detected": "Turvallista yhteyttä uuteen laitteeseen ei voitu muodostaa. Olemassa olevat laitteesi ovat edelleen turvassa, eikä sinun tarvitse huolehtia niistä.",
+            "error_insecure_channel_detected_instructions": "Mitä nyt?",
+            "error_insecure_channel_detected_instructions_1": "Yritä kirjautua toiseen laitteeseen uudelleen QR-koodilla, jos kyseessä oli verkko-ongelma",
+            "error_insecure_channel_detected_instructions_2": "Jos kohtaat saman ongelman, kokeile toista wifi-verkkoa tai käytä mobiilidataa wifi-yhteyden sijaan",
+            "error_insecure_channel_detected_instructions_3": "Jos tämä ei auta, kirjaudu sisään manuaalisesti",
+            "error_insecure_channel_detected_title": "Yhteys ei ole turvallinen",
+            "error_other_device_already_signed_in": "Sinun ei tarvitse tehdä mitään muuta.",
+            "error_other_device_already_signed_in_title": "Toinen laitteesi on jo kirjautunut sisään",
+            "error_rate_limited": "Liikaa yrityksiä lyhyessä ajassa. Odota hetki, ennen kuin yrität uudelleen.",
+            "error_unexpected": "Tapahtui odottamaton virhe. Toisen laitteen yhdistämispyyntö on peruttu.",
+            "error_unsupported_protocol": "Tämä laite ei tue kirjautumista toiseen laitteeseen QR-koodilla.",
+            "error_unsupported_protocol_title": "Toinen laite ei ole yhteensopiva",
+            "error_user_cancelled": "Kirjautuminen peruutettiin toisella laitteella.",
+            "error_user_cancelled_title": "Kirjautumispyyntö peruutettu",
+            "error_user_declined": "Sinä tai palveluntarjoajasi hylkäsi kirjautumispyynnön.",
+            "error_user_declined_title": "Kirjautuminen hylätty",
+            "follow_remaining_instructions": "Noudata jäljellä olevia ohjeita",
+            "open_element_mobile_device": "Avaa %(brand)s mobiililaitteellasi",
+            "open_element_other_device": "Avaa %(brand)s toisella laitteellasi",
+            "point_the_camera": "Skannaa tässä näkyvä QR-koodi",
+            "ready_to_scan": "Valmis skannaamaan",
+            "scan_code_instruction": "Skannaa QR-koodi",
+            "scan_code_instruction_reciprocate": "Skannaa QR-koodi toisella laitteella",
+            "scan_qr_code": "Kirjaudu sisään QR-koodilla",
+            "security_code_prompt": "Palveluntarjoajasi saattaa kysyä seuraavaa koodia kirjautumisen vahvistamiseksi.",
+            "security_code_title": "Vahvistuskoodisi",
+            "select_qr_code": "Valitse \"%(scanQRCode)s\"",
+            "select_ready_to_scan": "Valitse \"%(readyToScan)s\" ja skannaa tässä näkyvä QR-koodi",
+            "start_over": "Aloita alusta",
+            "tap_avatar_link_new_device": "Napauta avatariasi ja valitse \"%(linkNewDevice)s\"",
+            "unsupported_explainer": "Palveluntarjoajasi ei tue kirjautumista uuteen laitteeseen QR-koodilla.",
+            "unsupported_heading": "QR-koodia ei tueta",
+            "waiting_for_device": "Odotetaan toista laitettasi"
+        },
+        "register_action": "Luo tili",
+        "registration": {
+            "continue_without_email_description": "Huomio: jos et lisää sähköpostia ja unohdat salasanasi, saatat <b>menettää pääsyn tiliisi pysyvästi</b>.",
+            "continue_without_email_field_label": "Sähköposti (valinnainen)",
+            "continue_without_email_title": "Jatka ilman sähköpostia"
+        },
+        "registration_disabled": "Rekisteröityminen on poistettu käytöstä tällä kotipalvelimella.",
+        "registration_msisdn_field_required_invalid": "Syötä puhelinnumero (vaaditaan tällä kotipalvelimella)",
+        "registration_successful": "Rekisteröityminen onnistui",
+        "registration_username_in_use": "Jollakin on jo kyseinen käyttäjätunnus. Valitse eri käyttäjätunnus, tai jos kyseessä on tilisi, kirjaudu alta.",
+        "registration_username_unable_check": "Ei voitu tarkistaa, onko käyttäjätunnus jo käytössä. Yritä myöhemmin uudelleen.",
+        "registration_username_validation": "Käytä ainoastaan pieniä kirjaimia, numeroita, yhdysviivoja ja alaviivoja",
+        "reset_password": {
+            "confirm_new_password": "Vahvista uusi salasana",
+            "devices_logout_success": "Kaikki laitteesi on poistettu, etkä enää vastaanota push-ilmoituksia. Ota ilmoitukset uudelleen käyttöön kirjautumalla jokaiselle haluamallesi laitteelle.",
+            "password_not_entered": "Sinun täytyy syöttää uusi salasana.",
+            "passwords_mismatch": "Uusien salasanojen on vastattava toisiaan.",
+            "rate_limit_error": "Liikaa yrityksiä lyhyessä ajassa. Odota hetki, ennen kuin yrität uudelleen.",
+            "rate_limit_error_with_time": "Liikaa yrityksiä lyhyessä ajassa. Yritä uudelleen, kun %(timeout)s on kulunut.",
+            "reset_successful": "Salasanasi on nollattu.",
+            "return_to_login": "Palaa kirjautumissivulle",
+            "sign_out_other_devices": "Poista muut laitteet"
+        },
+        "reset_password_action": "Nollaa salasana",
+        "reset_password_button": "Unohditko salasanan?",
+        "reset_password_email_field_description": "Voit palauttaa tilisi sähköpostiosoitteen avulla",
+        "reset_password_email_field_required_invalid": "Syötä sähköpostiosoite (vaaditaan tällä kotipalvelimella)",
+        "reset_password_email_not_found_title": "Sähköpostiosoitetta ei löytynyt",
+        "reset_password_title": "Nollaa salasanasi",
+        "server_picker_custom": "Muu kotipalvelin",
+        "server_picker_description_matrix.org": "Liity ilmaiseksi miljoonien joukkoon suurimmalla julkisella palvelimella",
+        "server_picker_dialog_title": "Päätä, missä tiliäsi isännöidään",
+        "server_picker_explainer": "Käytä haluamaasi Matrix-kotipalvelinta, tai isännöi omaa palvelinta.",
+        "server_picker_failed_validate_homeserver": "Kotipalvelimen vahvistus epäonnistui",
+        "server_picker_intro": "Kutsumme \"kotipalvelimiksi\" paikkoja, missä voit isännöidä tiliäsi.",
+        "server_picker_invalid_url": "Virheellinen URL",
+        "server_picker_learn_more": "Tietoa kotipalvelimista",
+        "server_picker_matrix.org": "Matrix.org on maailman suurin julkinen kotipalvelin, joten se on hyvä valinta useimmille.",
+        "server_picker_required": "Määritä kotipalvelin",
+        "server_picker_title": "Kirjaudu sisään kotipalvelimellesi",
+        "server_picker_title_default": "Palvelinasetukset",
+        "server_picker_title_registration": "Ylläpidä tiliä osoitteessa",
+        "session_logged_out_description": "Turvallisuussyistä tämä laite on poistettu. Ole hyvä ja kirjaudu sisään uudelleen.",
+        "session_logged_out_title": "Istunto poistettu",
+        "set_email": {
+            "description": "Tämä sallii sinun uudelleenalustaa salasanasi ja vastaanottaa ilmoituksia.",
+            "verification_pending_description": "Ole hyvä ja tarkista sähköpostisi ja seuraa sen sisältämää linkkiä. Kun olet valmis, napsauta Jatka.",
+            "verification_pending_title": "Varmennus odottaa"
+        },
+        "set_email_prompt": "Haluatko asettaa sähköpostiosoitteen?",
+        "sign_in_description": "Käytä tiliäsi jatkaaksesi.",
+        "sign_in_instead": "Kirjaudu sen sijaan",
+        "sign_in_instead_prompt": "Onko sinulla jo tili? <a>Kirjaudu tästä</a>",
+        "sign_in_or_register": "Kirjaudu sisään tai luo tili",
+        "sign_in_or_register_description": "Käytä tiliäsi tai luo uusi jatkaaksesi.",
+        "sign_in_with_qr": "Kirjaudu sisään QR-koodilla",
+        "sign_in_with_sso": "Kirjaudu sisään käyttäen kertakirjautumista",
+        "signing_in": "Kirjaudutaan…",
+        "soft_logout": {
+            "clear_data_button": "Poista kaikki tiedot",
+            "clear_data_description": "Kaikkien tämän istunnon tietojen poistaminen on pysyvää. Salatut viestit menetetään, ellei niiden avaimia ole varmuuskopioitu.",
+            "clear_data_title": "Poista kaikki tämän istunnon tiedot?"
+        },
+        "soft_logout_heading": "Sinut on kirjattu ulos",
+        "soft_logout_intro_password": "Syötä salasanasi kirjautuaksesi ja päästäksesi takaisin tilillesi.",
+        "soft_logout_intro_sso": "Kirjaudu ja pääse takaisin tilillesi.",
+        "soft_logout_intro_unsupported_auth": "Et voi kirjautua tilillesi. Ota yhteyttä kotipalvelimesi ylläpitäjään saadaksesi lisätietoja.",
+        "soft_logout_subheading": "Poista henkilökohtaiset tiedot",
+        "sso": "Kertakirjautuminen",
+        "sso_complete_in_browser_dialog_title": "Tee kirjautuminen loppuun selaimessasi",
+        "sso_failed_missing_storage": "Pyysimme selainta muistamaan kirjautumista varten mitä kotipalvelinta käytät, mutta selain on unohtanut sen. Mene kirjautumissivulle ja yritä uudelleen.",
+        "sso_or_username_password": "%(ssoButtons)s Tai %(usernamePassword)s",
+        "sync_footer_subtitle": "Jos olet liittynyt moniin huoneisiin, tässä voi kestää hetken",
+        "syncing": "Synkronoidaan…",
+        "uia": {
+            "code": "Koodi",
+            "email": "Luo tili avaamalla osoitteeseen %(emailAddress)s lähetetyssä viestissä oleva linkki.",
+            "email_auth_header": "Tarkista sähköpostisi jatkaaksesi",
+            "email_resend_prompt": "Etkö saanut sitä? <a>Lähetä uudelleen</a>",
+            "email_resent": "Lähetetty uudelleen!",
+            "fallback_button": "Aloita tunnistus",
+            "mas_cross_signing_reset_cta": "Siirry tilillesi",
+            "msisdn": "Tekstiviesti lähetetty numeroon %(msisdn)s",
+            "msisdn_token_incorrect": "Väärä tunniste",
+            "msisdn_token_prompt": "Ole hyvä ja syötä sen sisältämä koodi:",
+            "password_prompt": "Vahvista henkilöllisyytesi syöttämällä tilisi salasana alle.",
+            "recaptcha_missing_params": "Captchan julkinen avain puuttuu kotipalvelimen asetuksista. Ilmoita tämä kotipalvelimesi ylläpitäjälle.",
+            "registration_token_label": "Rekisteröitymispoletti",
+            "registration_token_prompt": "Anna kotipalvelimen ylläpitäjän antama rekisteröitymispoletti.",
+            "sso_body": "Vahvista tämän sähköpostiosoitteen lisääminen todistamalla henkilöllisyytesi kertakirjautumista käyttäen.",
+            "sso_failed": "Jokin meni pieleen henkilöllisyyttä vahvistaessa. Peruuta ja yritä uudelleen.",
+            "sso_postauth_body": "Napsauta alapuolella olevaa painiketta varmistaaksesi identiteettisi.",
+            "sso_postauth_title": "Haluan jatkaa",
+            "sso_preauth_body": "Todista henkilöllisyytesi kertakirjautumisen avulla jatkaaksesi.",
+            "sso_title": "Jatka kertakirjautumista käyttäen",
+            "terms": "Tarkistathan tämän kotipalvelimen käytännöt:",
+            "terms_invalid": "Tarkistathan tämän kotipalvelimen käytännöt"
+        },
+        "unsupported_auth_email": "Tämä kotipalvelin ei tue sähköpostiosoitteella kirjautumista.",
+        "unsupported_auth_msisdn": "Tämä palvelin ei tue autentikointia puhelinnumeron avulla.",
+        "username_field_required_invalid": "Syötä käyttäjätunnus",
+        "username_in_use": "Jollakin on jo kyseinen käyttäjätunnus. Valitse eri käyttäjätunnus.",
+        "verify_email_heading": "Vahvista sähköpostiosoitteesi jatkaaksesi"
+    },
+    "bug_reporting": {
+        "additional_context": "Sisällytä tähän lisätiedot, joista voi olla apua ongelman analysoinnissa, kuten mitä olit tekemässä, huoneen tunnukset, käyttäjätunnukset, jne.",
+        "before_submitting": "Ennen lokien lähettämistä sinun täytyy <a>luoda Githubiin issue (kysymys/ongelma)</a>, joka sisältää kuvauksen ongelmastasi.",
+        "collecting_information": "Haetaan sovelluksen versiotietoja",
+        "collecting_logs": "Haetaan lokeja",
+        "create_new_issue": "<newIssueLink>Luo uusi issue</newIssueLink> GitHubissa, jotta voimme tutkia tätä ongelmaa.",
+        "description": "Vianjäljityslokit sisältävät sovelluksen käyttödataa mukaan lukien käyttäjänimen, vierailemiesi huoneiden ID-tunnisteet tai aliasnimet, tiedon minkä käyttöliittymäelementtien kanssa olet viimeksi ollut vuorovaikutuksessa ja muiden käyttäjien käyttäjänimet. Vianjäljityslokit eivät sisällä viestejä.",
+        "download_logs": "Lataa lokit",
+        "downloading_logs": "Ladataan lokeja",
+        "error_empty": "Kerro mikä meni pieleen, tai, mikä parempaa, luo GitHub-issue joka kuvailee ongelman.",
+        "failed_send_logs_causes": {
+            "unknown_error": "Lokien lähettäminen epäonnistui."
+        },
+        "github_issue": "GitHub-issue",
+        "introduction": "Jos olet tehnyt ilmoituksen ohjelmistovirheestä GitHubiin, vianjäljityslokit voivat auttaa ongelman selvittämisessä. ",
+        "log_request": "Voit auttaa meitä estämään tämän toistumisen <a>lähettämällä meille lokeja</a>.",
+        "logs_sent": "Lokit lähetetty",
+        "matrix_security_issue": "Raportoidaksesi Matrixiin liittyvän tietoturvaongelman, lue Matrix.orgin <a>tietoturvaongelmien julkaisukäytäntö</a>.",
+        "preparing_download": "Valmistellaan lokien lataamista",
+        "preparing_logs": "Valmistaudutaan lokien lähettämiseen",
+        "send_logs": "Lähetä lokit",
+        "submit_debug_logs": "Lähetä vianjäljityslokit",
+        "textarea_label": "Huomautukset",
+        "thank_you": "Kiitos!",
+        "title": "Virheiden raportointi",
+        "unsupported_browser": "Muistutus: Selaintasi ei tueta, joten voit kohdata yllätyksiä.",
+        "uploading_logs": "Lähetetään lokeja",
+        "waiting_for_server": "Odotetaan vastausta palvelimelta"
+    },
+    "cannot_reach_homeserver": "Kotipalvelinta ei voida tavoittaa",
+    "cannot_reach_homeserver_detail": "Varmista, että internet-yhteytesi on vakaa, tai ota yhteyttä palvelimen ylläpitäjään",
+    "cant_load_page": "Sivun lataaminen ei onnistunut",
+    "chat_card_back_action_label": "Takaisin keskusteluun",
+    "chat_effects": {
+        "confetti_description": "Lähettää viestin konfettien kera",
+        "confetti_message": "lähettää konfettia",
+        "fireworks_description": "Lähettää viestin ilotulitteiden kera",
+        "fireworks_message": "lähetä ilotulitus",
+        "hearts_description": "Lähettää viestin sydämien kera",
+        "hearts_message": "lähettää sydämiä",
+        "rainfall_description": "Lähettää viestin vesisateen kera",
+        "rainfall_message": "lähettää vesisadetta",
+        "snowfall_description": "Lähettää viestin lumisateen kera",
+        "snowfall_message": "lähetä lumisadetta",
+        "spaceinvaders_description": "Lähetä annettu viesti avaruusteemaisella tehosteella"
+    },
+    "common": {
+        "access_token": "Käyttöpoletti",
+        "accessibility": "Saavutettavuus",
+        "advanced": "Lisäasetukset",
+        "all_chats": "Kaikki keskustelut",
+        "analytics": "Analytiikka",
+        "and_n_others": {
+            "other": "ja %(count)s muuta...",
+            "one": "ja yksi muu..."
+        },
+        "appearance": "Ulkoasu",
+        "application": "Sovellus",
+        "are_you_sure": "Oletko varma?",
+        "attachment": "Liite",
+        "authentication": "Tunnistautuminen",
+        "beta": "Beeta",
+        "camera": "Kamera",
+        "cameras": "Kamerat",
+        "cancel": "Peruuta",
+        "capabilities": "Kyvykkyydet",
+        "copied": "Kopioitu!",
+        "credits": "Maininnat",
+        "dark": "Tumma",
+        "description": "Kuvaus",
+        "deselect_all": "Älä valitse mitään",
+        "device": "Laite",
+        "edited": "muokattu",
+        "email_address": "Sähköpostiosoite",
+        "emoji": "Emoji",
+        "encrypted": "Salattu",
+        "error": "Virhe",
+        "faq": "Usein kysytyt kysymykset",
+        "feedback": "Palaute",
+        "filter_results": "Suodata tuloksia",
+        "forward_message": "Välitä viesti",
+        "general": "Yleiset",
+        "go_to_settings": "Siirry asetuksiin",
+        "guest": "Vieras",
+        "help": "Ohje",
+        "home": "Etusivu",
+        "homeserver": "Kotipalvelin",
+        "identity_server": "Identiteettipalvelin",
+        "image": "Kuva",
+        "integration_manager": "Integraatiohallinta",
+        "joined": "Liitytty",
+        "labs": "Laboratorio",
+        "legal": "Lakitekstit",
+        "light": "Vaalea",
+        "loading": "Ladataan…",
+        "location": "Sijainti",
+        "matrix": "Matrix",
+        "message": "Viesti",
+        "message_layout": "Viestien asettelu",
+        "message_timestamp_invalid": "Virheellinen aikaleima",
+        "microphone": "Mikrofoni",
+        "modern": "Moderni",
+        "mute": "Mykistä",
+        "n_members": {
+            "one": "%(count)s jäsen",
+            "other": "%(count)s jäsentä"
+        },
+        "n_rooms": {
+            "one": "%(count)s huone",
+            "other": "%(count)s huonetta"
+        },
+        "name": "Nimi",
+        "no_results": "Ei tuloksia",
+        "no_results_found": "Tuloksia ei löytynyt",
+        "not_trusted": "Ei-luotettu",
+        "off": "Ei päällä",
+        "offline": "Poissa verkosta",
+        "on": "Päällä",
+        "options": "Valinnat",
+        "orphan_rooms": "Muut huoneet",
+        "password": "Salasana",
+        "people": "Ihmiset",
+        "preferences": "Valinnat",
+        "presence": "Läsnäolo",
+        "preview_message": "Hei siellä, olet paras!",
+        "privacy": "Tietosuoja",
+        "private": "Yksityinen",
+        "private_room": "Yksityinen huone",
+        "private_space": "Yksityinen tila",
+        "profile": "Profiili",
+        "public": "Julkinen",
+        "public_room": "Julkinen huone",
+        "public_space": "Julkinen tila",
+        "qr_code": "QR-koodi",
+        "random": "Satunnainen",
+        "reactions": "Reaktiot",
+        "recommended": "Suositeltu",
+        "report_a_bug": "Raportoi virheestä",
+        "room": "Huone",
+        "room_name": "Huoneen nimi",
+        "rooms": "Huoneet",
+        "save": "Tallenna",
+        "saved": "Tallennettu",
+        "saving": "Tallennetaan…",
+        "secure_backup": "Turvallinen varmuuskopio",
+        "select_all": "Valitse kaikki",
+        "server": "Palvelin",
+        "settings": "Asetukset",
+        "setup_secure_messages": "Ota käyttöön salatut viestit",
+        "show_more": "Näytä lisää",
+        "someone": "Joku",
+        "space": "Tila",
+        "spaces": "Tilat",
+        "sticker": "Tarra",
+        "stickerpack": "Tarrapaketti",
+        "success": "Onnistui",
+        "suggestions": "Ehdotukset",
+        "support": "Tuki",
+        "theme": "Teema",
+        "thread": "Ketju",
+        "threads": "Ketjut",
+        "timeline": "Aikajana",
+        "unavailable": "ei saatavilla",
+        "unencrypted": "Suojaamaton",
+        "unmute": "Poista mykistys",
+        "unnamed_room": "Nimeämätön huone",
+        "unnamed_space": "Nimetön tila",
+        "unverified": "Vahvistamaton",
+        "updating": "Päivitetään...",
+        "user": "Käyttäjä",
+        "user_avatar": "Profiilikuva",
+        "username": "Käyttäjätunnus",
+        "verified": "Vahvistettu",
+        "version": "Versio",
+        "video_room": "Videohuone",
+        "view_message": "Näytä viesti",
+        "warning": "Varoitus"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Ilmoita koko huoneelle",
+            "command_a11y": "Komentojen automaattinen täydennys",
+            "command_description": "Komennot",
+            "emoji_a11y": "Emojien automaattinen täydennys",
+            "notification_a11y": "Ilmoitusten automaattinen täydennys",
+            "notification_description": "Huoneilmoitus",
+            "room_a11y": "Huoneiden automaattinen täydennys",
+            "space_a11y": "Tilojen automaattinen täydennys",
+            "user_a11y": "Käyttäjien automaattinen täydennys",
+            "user_description": "Käyttäjät"
+        },
+        "close_sticker_picker": "Piilota tarrat",
+        "edit_composer_label": "Muokkaa viestiä",
+        "format_bold": "Lihavoitu",
+        "format_code_block": "Ohjelmakoodia",
+        "format_decrease_indent": "Sisennyksen vähennys",
+        "format_increase_indent": "Sisennyksen lisäys",
+        "format_inline_code": "Koodi",
+        "format_insert_link": "Lisää linkki",
+        "format_italic": "Kursivointi",
+        "format_italics": "Kursivoitu",
+        "format_link": "Linkki",
+        "format_ordered_list": "Numeroitu luettelo",
+        "format_strikethrough": "Yliviivattu",
+        "format_underline": "Alleviivaus",
+        "format_unordered_list": "Järjestämätön luettelo",
+        "formatting_toolbar_label": "Muotoilu",
+        "link_modal": {
+            "link_field_label": "Linkki",
+            "text_field_label": "Teksti",
+            "title_create": "Luo linkki",
+            "title_edit": "Muokkaa linkkiä"
+        },
+        "mode_plain": "Piilota muotoilu",
+        "mode_rich_text": "Näytä muotoilu",
+        "no_perms_notice": "Sinulla ei ole oikeutta kirjoittaa tässä huoneessa",
+        "placeholder": "Lähetä salaamaton viesti…",
+        "placeholder_encrypted": "Lähetä viesti…",
+        "placeholder_reply": "Lähetä salaamaton vastaus…",
+        "placeholder_reply_encrypted": "Lähetä vastaus…",
+        "placeholder_thread": "Vastaa salaamattomaan ketjuun…",
+        "placeholder_thread_encrypted": "Vastaa ketjuun…",
+        "poll_button": "Kysely",
+        "poll_button_no_perms_description": "Sinulla ei ole oikeutta aloittaa kyselyitä tässä huoneessa.",
+        "poll_button_no_perms_title": "Lisäoikeuksia tarvitaan",
+        "replying_title": "Vastataan",
+        "room_upgraded_link": "Keskustelu jatkuu täällä.",
+        "room_upgraded_notice": "Tämä huone on korvattu, eikä se ole enää aktiivinen.",
+        "send_button_title": "Lähetä viesti",
+        "send_button_voice_message": "Lähetä ääniviesti",
+        "send_voice_message": "Lähetä ääniviesti",
+        "stop_voice_message": "Pysäytä nauhoittaminen",
+        "voice_message_button": "Ääniviesti"
+    },
+    "console_scam_warning": "Jos joku pyysi kopioimaan ja liittämään jotakin tänne, on mahdollista että sinua yritetään huijata!",
+    "console_wait": "Odota!",
+    "create_room": {
+        "action_create_room": "Luo huone",
+        "action_create_video_room": "Luo videohuone",
+        "encrypted_video_room_warning": "Et voi poistaa tätä käytöstä myöhemmin. Huone salataan, mutta siihen upotettu puhelu ei ole salattu.",
+        "encrypted_warning": "Et voi poistaa tätä käytöstä myöhemmin. SIllat ja useimmat botit eivät vielä toimi.",
+        "encryption_forced": "Palvelimesi edellyttää, että salaus on käytössä yksityisissä huoneissa.",
+        "encryption_label": "Ota päästä päähän -salaus käyttöön",
+        "error_title": "Huoneen luominen epäonnistui",
+        "generic_error": "Palvelin saattaa olla saavuttamattomissa, ylikuormitettu tai olet törmännyt virheeseen.",
+        "join_rule_change_notice": "Voit muuttaa tämän milloin tahansa huoneen asetuksista.",
+        "join_rule_invite": "Yksityinen huone (vain kutsulla)",
+        "join_rule_invite_label": "Vain kutsutut ihmiset voivat löytää tämän huoneen ja liittyä siihen.",
+        "join_rule_public_label": "Kuka tahansa voi löytää tämän huoneen ja liittyä siihen.",
+        "join_rule_public_parent_space_label": "Kuka tahansa voi löytää tämän huoneen ja liittyä siihen, ei pelkästään tilan <SpaceName/> jäsenet.",
+        "join_rule_restricted": "Vakio",
+        "join_rule_restricted_label": "Kuka tahansa tilassa <SpaceName/> voi liittyä.",
+        "name_validation_required": "Syötä huoneelle nimi",
+        "room_visibility_label": "Huoneen näkyvyys",
+        "title_private_room": "Luo yksityinen huone",
+        "title_public_room": "Luo julkinen huone",
+        "title_video_room": "Luo videohuone",
+        "topic_label": "Aihe (valinnainen)",
+        "unfederated": "Estä muita kuin palvelimen %(serverName)s jäseniä liittymästä tähän huoneeseen.",
+        "unfederated_label_default_off": "Voi olla paikallaan ottaa tämä käyttöön, jos huonetta käyttävät vain sisäiset tiimit kotipalvelimellasi. Asetusta ei voi muuttaa myöhemmin.",
+        "unfederated_label_default_on": "Voi olla paikallaan poistaa tämä käytöstä, jos huonetta käyttävät myös ulkoiset tiimit joilla on oma kotipalvelimensa. Asetusta ei voi muuttaa myöhemmin.",
+        "unsupported_version": "Palvelin ei tue määritettyä huoneversiota."
+    },
+    "create_space": {
+        "add_details_prompt": "Lisää joitain tietoja, jotta ihmiset tunnistavat sen.",
+        "add_details_prompt_2": "Voit muuttaa näitä koska tahansa.",
+        "add_existing_rooms_description": "Valitse lisättävät huoneet tai keskustelut. Tämä tila on vain sinulle, kenellekään ei tiedoteta siitä. Voit lisätä lisää myöhemmin.",
+        "add_existing_rooms_heading": "Mitä haluat järjestää?",
+        "address_label": "Osoite",
+        "address_placeholder": "esim. minun-tila",
+        "creating": "Luodaan…",
+        "creating_rooms": "Luodaan huoneita…",
+        "done_action": "Mene tilaani",
+        "done_action_first_room": "Mene ensimmäiseen huoneeseeni",
+        "explainer": "Tilat ovat tapa järjestää ja löytää huoneita. Minkälaisen tilan haluat luoda?",
+        "failed_create_initial_rooms": "Tapahtui virhe luodessa huoneita uutta tilaa varten",
+        "failed_invite_users": "Seuraavien käyttäjien kutsuminen tilaan epäonnistui: %(csvUsers)s",
+        "invite_teammates_by_username": "Kutsu käyttäjänimellä",
+        "invite_teammates_heading": "Kutsu tiimikaverit",
+        "inviting_users": "Kutsutaan…",
+        "label": "Luo tila",
+        "name_required": "Anna nimi tilalle",
+        "personal_space": "Vain minä",
+        "personal_space_description": "Yksityinen tila, jolla voit järjestää huoneesi",
+        "private_description": "Vain kutsulla, itsellesi tai tiimillesi",
+        "private_heading": "Yksityinen tilasi",
+        "private_personal_heading": "Kenen kanssa työskentelet?",
+        "private_space": "Minä ja tiimikaverit",
+        "private_space_description": "Yksityinen tila sinulle ja tiimikavereille",
+        "public_description": "Kuka tahansa voi liittyä, paras yhteisöille",
+        "public_heading": "Julkinen tilasi",
+        "search_public_button": "Etsi julkisia tiloja",
+        "setup_rooms_community_description": "Luodaanpa aluksi huoneita.",
+        "setup_rooms_community_heading": "Mistä asioista haluat puhua tilassa %(spaceName)s?",
+        "setup_rooms_description": "Voit lisätä tilaan lisää huoneita myöhemmin, mukaan lukien olemassa olevia huoneita.",
+        "setup_rooms_private_description": "Luodaanpa aluksi huoneita.",
+        "setup_rooms_private_heading": "Minkä projektien parissa tiimisi työskentelee?",
+        "share_description": "Vain sinä tällä hetkellä, vielä parempi muiden kanssa.",
+        "share_heading": "Jaa %(name)s",
+        "skip_action": "Ohita tältä erää",
+        "subspace_adding": "Lisätään…",
+        "subspace_beta_notice": "Lisää tila hallitsemaasi tilaan.",
+        "subspace_dropdown_title": "Luo tila",
+        "subspace_existing_space_prompt": "Haluatko sen sijaan lisätä olemassa olevan tilan?",
+        "subspace_join_rule_invite_description": "Vain kutsutut ihmiset voivat löytää tämän tilan ja liittyä siihen.",
+        "subspace_join_rule_invite_only": "Yksityinen tila (vain kutsulla)",
+        "subspace_join_rule_label": "Tilan näkyvyys",
+        "subspace_join_rule_public_description": "Kuka tahansa voi löytää tämän tilan ja liittyä siihen, ei pelkästään tilan <SpaceName/> jäsenet.",
+        "subspace_join_rule_restricted_description": "Kuka tahansa tilassa <SpaceName/> voi liittyä."
+    },
+    "credits": {
+        "default_cover_photo": "<photo>Oletuskansikuva</photo> © <author>Jesús Roncero</author>, käytössä <terms>CC-BY-SA 4.0</terms>:n ehtojen mukaisesti.",
+        "twemoji_colr": "<colr>twemoji-colr</colr>-fontti © <author>Mozilla Foundation</author>, käytössä <terms>Apache 2.0</terms>:n ehtojen mukaisesti."
+    },
+    "decline_invitation_dialog": {
+        "reason_description": "Kerro syy huoneen ilmoittamiseen.",
+        "title": "Kieltäydy kutsusta"
+    },
+    "desktop_default_device_name": "%(brand)sin työpöytäversio: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Aktiiviset sovelmat",
+        "category_other": "Muut",
+        "category_room": "Huone",
+        "caution_colon": "Varoitus:",
+        "client_versions": "Asiakasversiot",
+        "crypto": {
+            "title": "Päästä päähän -salaus"
+        },
+        "developer_mode": "Kehittäjätila",
+        "developer_tools": "Kehittäjätyökalut",
+        "edit_setting": "Muokkaa asetusta",
+        "edit_values": "Muokkaa arvoja",
+        "event_content": "Tapahtuman sisältö",
+        "event_id": "Tapahtuman ID-tunniste: %(eventId)s",
+        "event_sent": "Tapahtuma lähetetty!",
+        "event_type": "Tapahtuman tyyppi",
+        "failed_to_load": "Lataaminen epäonnistui.",
+        "failed_to_save": "Asetusten tallentaminen epäonnistui.",
+        "failed_to_send": "Tapahtuman lähettäminen epäonnistui!",
+        "invalid_json": "Ei vaikuta kelvolliselta JSON:ilta.",
+        "level": "Taso",
+        "low_bandwidth_mode_description": "Poistaa käytöstä salauksen, läsnäolon, avatarit, lukukuittaukset ja kirjoitusilmoitukset",
+        "main_timeline": "Pääaikajana",
+        "no_receipt_found": "Kuittausta ei löytynyt",
+        "number_of_users": "Käyttäjämäärä",
+        "original_event_source": "Alkuperäinen tapahtumalähde",
+        "room_encrypted": "Huone on <strong>salattu ✅</strong>",
+        "room_id": "Huoneen ID-tunniste: %(roomId)s",
+        "room_not_encrypted": "Huone <strong>ei ole salattu 🚨</strong>",
+        "room_notifications_sender": "Lähettäjä: ",
+        "room_notifications_total": "Yhteensä: ",
+        "room_notifications_type": "Tyyppi: ",
+        "room_status": "Huoneen tila",
+        "save_setting_values": "Tallenna asetusarvot",
+        "server_info": "Palvelimen tiedot",
+        "server_versions": "Palvelinversiot",
+        "settable_global": "Asetettavissa globaalisti",
+        "settable_room": "Asetettavissa huoneessa",
+        "setting_colon": "Asetus:",
+        "setting_definition": "Asetuksen määritelmä:",
+        "show_hidden_events": "Näytä piilotetut tapahtumat aikajanalla",
+        "spaces": {
+            "other": "<%(count)s avaruutta>"
+        },
+        "state_key": "Tila-avain",
+        "title": "Kehittäjätyökalut",
+        "toolbox": "Työkalut",
+        "use_at_own_risk": "Tämä käyttöliittymä EI tarkista arvojen tyyppejä. Käytä omalla vastuullasi.",
+        "value": "Arvo",
+        "value_colon": "Arvo:",
+        "value_in_this_room": "Arvo tässä huoneessa",
+        "value_this_room_colon": "Arvo tässä huoneessa:",
+        "widget_screenshots": "Ota sovelmien kuvankaappaukset käyttöön tuetuissa sovelmissa"
+    },
+    "dialog_close_label": "Sulje dialogi",
+    "download_completed": "Lataus valmis",
+    "empty_room": "Tyhjä huone",
+    "empty_room_was_name": "Tyhjä huone (oli %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Antamasi palautusavain on virheellinen."
+            },
+            "restoring": "Palautetaan avaimia varmuuskopiosta",
+            "security_key_title": "Anna palautusavaimesi"
+        },
+        "bootstrap_title": "Otetaan avaimet käyttöön",
+        "confirm_encryption_setup_body": "Napsauta alla olevaa painiketta vahvistaaksesi salauksen asettamisen.",
+        "confirm_encryption_setup_title": "Vahvista salauksen asetukset",
+        "cross_signing_room_normal": "Tämä huone käyttää päästä päähän -salausta",
+        "cross_signing_room_verified": "Kaikki tämän huoneen käyttäjät on varmennettu",
+        "cross_signing_room_warning": "Joku käyttää tuntematonta istuntoa",
+        "cross_signing_user_normal": "Et ole varmentanut tätä käyttäjää.",
+        "cross_signing_user_verified": "Olet varmentanut tämän käyttäjän. Tämä käyttäjä on varmentanut kaikki istuntonsa.",
+        "cross_signing_user_warning": "Tämä käyttäjä ei ole varmentanut kaikkia istuntojaan.",
+        "enter_recovery_key": "Kirjoita palautusavain",
+        "event_shield_reason_authenticity_not_guaranteed": "Tämän salatun viestin aitoutta ei voida taata tällä laitteella.",
+        "event_shield_reason_mismatched_sender_key": "Salattu varmentamattoman istunnon toimesta",
+        "export_unsupported": "Selaimesi ei tue vaadittuja kryptografisia laajennuksia",
+        "forgot_recovery_key": "Unohditko palautusavaimen?",
+        "import_invalid_keyfile": "Ei kelvollinen %(brand)s-avaintiedosto",
+        "import_invalid_passphrase": "Autentikointi epäonnistui: virheellinen salasana?",
+        "messages_not_secure": {
+            "cause_1": "Kotipalvelimesi",
+            "cause_3": "Sinun tai toisen osapuolen internet-yhteys",
+            "cause_4": "Sinun tai toisen osapuolen istunto",
+            "heading": "Jokin seuraavista saattaa olla vaarantunut:",
+            "title": "Viestisi eivät ole turvassa"
+        },
+        "new_recovery_method_detected": {
+            "description_2": "Tämä istunto salaa historiansa käyttäen uutta palautustapaa.",
+            "title": "Uusi palautustapa",
+            "warning": "Jos et ottanut käyttöön uutta palautustapaa, hyökkääjä saattaa yrittää käyttää tiliäsi. Vaihda tilisi salasana ja aseta uusi palautustapa asetuksissa välittömästi."
+        },
+        "recovery_method_removed": {
+            "title": "Palautustapa poistettu",
+            "warning": "Jos et poistanut palautustapaa, hyökkääjä saattaa yrittää käyttää tiliäsi. Vaihda tilisi salasana ja aseta uusi palautustapa asetuksissa välittömästi."
+        },
+        "set_up_recovery": "Varmuuskopioi keskustelusi",
+        "set_up_recovery_toast_description": "Keskustelusi varmuuskopioidaan automaattisesti päästä päähän -salauksella. Jotta voit palauttaa tämän varmuuskopion ja säilyttää digitaalisen identiteettisi, kun menetät pääsyn kaikkiin laitteisiisi, tarvitset palautusavaimesi.",
+        "set_up_toast_title": "Määritä turvallinen varmuuskopio",
+        "verification": {
+            "accepting": "Hyväksytään…",
+            "after_new_login": {
+                "device_verified": "Laite vahvistettu",
+                "skip_verification": "Ohita vahvistus toistaiseksi",
+                "verify_this_device": "Vahvista tämä laite"
+            },
+            "cancelling": "Peruutetaan…",
+            "complete_action": "Ymmärretty",
+            "complete_description": "Olet varmentanut tämän käyttäjän.",
+            "complete_title": "Varmennettu!",
+            "explainer": "Turvalliset viestit tämän käyttäjän kanssa ovat salattuja päästä päähän, eivätkä kolmannet osapuolet voi lukea niitä.",
+            "in_person": "Turvallisuuden varmistamiseksi tee tämä kasvokkain tai käytä luotettua viestintätapaa.",
+            "incoming_sas_device_dialog_text_1": "Varmenna tämä laite merkitäksesi sen luotetuksi. Tähän laitteeseen luottaminen antaa sinulle ja muille käyttäjille lisää mielenrauhaa, kun käytätte päästä päähän -salausta.",
+            "incoming_sas_device_dialog_text_2": "Tämän laitteen varmentaminen merkkaa sen luotetuksi, ja sinut varmentaneet käyttäjät luottavat automaattisesti tähän laitteeseen.",
+            "incoming_sas_dialog_title": "Saapuva varmennuspyyntö",
+            "incoming_sas_user_dialog_text_1": "Varmenna tämä käyttäjä merkitäksesi hänet luotetuksi. Käyttäjiin luottaminen antaa sinulle ylimääräistä mielenrauhaa käyttäessäsi päästä päähän -salausta.",
+            "incoming_sas_user_dialog_text_2": "Tämän käyttäjän varmentaminen merkitsee hänen istuntonsa luotetuksi, ja myös merkkaa sinun istuntosi luotetuksi hänen laitteissaan.",
+            "other_party_cancelled": "Toinen osapuoli perui varmennuksen.",
+            "prompt_encrypted": "Varmenna kaikki huoneen käyttäjät varmistaaksesi, että se on turvallinen.",
+            "qr_or_sas": "%(qrCode)s tai %(emojiCompare)s",
+            "qr_prompt": "Skannaa tämä uniikki koodi",
+            "qr_reciprocate_same_shield_user": "Melkein valmista! Näyttääkö %(displayName)s saman kilven?",
+            "request_toast_accept_user": "Vahvista käyttäjä",
+            "request_toast_decline_counter": "Sivuuta (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s osoitteesta %(ip)s",
+            "sas_caption_self": "Vahvista tämä laite toteamalla, että seuraava numero näkyy sen näytöllä.",
+            "sas_caption_user": "Varmenna tämä käyttäjä varmistamalla, että seuraava luku ilmestyy hänen ruudulleen.",
+            "sas_description": "Vertaa kokoelmaa uniikkeja emojeja, jos kummassakaan laitteessa ei ole kameraa",
+            "sas_emoji_caption_user": "Varmenna tämä käyttäjä varmistamalla, että seuraava emoji ilmestyy hänen ruudulleen.",
+            "sas_match": "Ne täsmäävät",
+            "sas_no_match": "Ne eivät täsmää",
+            "sas_prompt": "Vertaa uniikkia emojia",
+            "scan_qr": "Varmenna skannaamalla",
+            "scan_qr_explainer": "Pyydä käyttäjää %(displayName)s lukemaan koodisi:",
+            "start_button": "Aloita varmennus",
+            "successful_user": "Olet varmentanut käyttäjän %(displayName)s!",
+            "unsupported_method": "Tuettua varmennustapaa ei löydy.",
+            "unverified_session_toast_accept": "Kyllä, se olin minä",
+            "unverified_session_toast_title": "Uusi sisäänkirjautuminen. Olitko se sinä?",
+            "unverified_sessions_toast_description": "Katselmoi varmistaaksesi, että tilisi on turvassa",
+            "unverified_sessions_toast_reject": "Myöhemmin",
+            "unverified_sessions_toast_title": "Sinulla on vahvistamattomia istuntoja",
+            "verification_dialog_title_device": "Vahvista toinen laite",
+            "verification_dialog_title_user": "Varmennuspyyntö",
+            "verification_success_with_backup": "Uusi laitteesi on nyt vahvistettu. Laitteella on pääsy salattuihin viesteihisi, ja muut käyttäjät näkevät sen luotettuna.",
+            "verification_success_without_backup": "Uusi laitteesi on nyt vahvistettu. Muut käyttäjät näkevät sen luotettuna.",
+            "verify_emoji": "Varmenna emojilla",
+            "verify_emoji_prompt": "Varmenna vertaamalla uniikkia emojia.",
+            "verify_emoji_prompt_qr": "Jos et pysty skannaamaan yläpuolella olevaa koodia, varmenna vertaamalla emojia.",
+            "verify_later": "Vahvistan myöhemmin",
+            "waiting_for_user_accept": "Odotetaan, että %(displayName)s hyväksyy…",
+            "waiting_other_device": "Odotetaan vahvistustasi toiselta laitteelta…",
+            "waiting_other_device_details": "Odotetaan vahvistustasi toiselta laitteelta, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Odotetaan käyttäjän %(displayName)s varmennusta…"
+        },
+        "verification_requested_toast_title": "Vahvistus pyydetty",
+        "verify_toast_description": "Lokakuun 2026 lopusta lähtien vahvistamattomat laitteet eivät voi lähettää ja vastaanottaa viestejä. <a>Lue lisää</a>",
+        "verify_toast_title": "Vahvista tämä laite"
+    },
+    "error": {
+        "admin_contact": "<a>Ota yhteyttä palvelun ylläpitäjään</a> jatkaaksesi palvelun käyttöä.",
+        "admin_contact_short": "Ota yhteyttä <a>palvelimesi ylläpitäjään</a>.",
+        "app_launch_unexpected_error": "Odottamaton virhe sovellusta valmisteltaessa. Katso konsolista lisätietoja.",
+        "cannot_load_config": "Asetustiedostoa ei voi ladata. Yritä uudelleen lataamalla sivu uudelleen.",
+        "connection": "Yhteydessä kotipalvelimeen ilmeni ongelma, yritä myöhemmin uudelleen.",
+        "dialog_description_default": "Tapahtui virhe.",
+        "edit_history_unsupported": "Kotipalvelimesi ei näytä tukevan tätä ominaisuutta.",
+        "failed_copy": "Kopiointi epäonnistui",
+        "hs_blocked": "Tämä kotipalvelin on ylläpitäjänsä estämä.",
+        "invalid_configuration_no_server": "Virheellinen asetus: oletuspalvelinta ei ole määritetty.",
+        "invalid_json": "Element-asetuksesi sisältävät epäkelpoa JSONia. Korjaa ongelma ja lataa sivu uudelleen.",
+        "invalid_json_detail": "Viesti jäsentimeltä: %(message)s",
+        "invalid_json_generic": "Virheellinen JSON",
+        "mau": "Tämän kotipalvelimen kuukausittaisten aktiivisten käyttäjien raja on täynnä.",
+        "misconfigured": "Elementisi asetukset ovat pielessä",
+        "mixed_content": "Yhdistäminen kotipalvelimeen HTTP:n avulla ei ole mahdollista, kun selaimen osoitepalkissa on HTTPS-osoite. Käytä joko HTTPS:ää tai <a>salli turvattomat komentosarjat</a>.",
+        "non_urgent_echo_failure_toast": "Palvelimesi ei vastaa joihinkin <a>pyyntöihin</a>.",
+        "resource_limits": "Tämä kotipalvelin on ylittänyt yhden rajoistaan.",
+        "session_restore": {
+            "clear_storage_button": "Poista tämä laite",
+            "clear_storage_description": "Poistetaanko tämä laite ja sen salausavaimet?",
+            "description_1": "Istuntosi palauttamisessa tapahtui virhe.",
+            "description_2": "Jos olet aikaisemmin käyttänyt uudempaa versiota %(brand)sista, istuntosi voi olla epäyhteensopiva tämän version kanssa. Sulje tämä ikkuna ja yritä uudemman version kanssa.",
+            "description_3": "Selaimen tallennustilan tyhjentäminen saattaa korjata ongelman, mutta se poistaa tämän laitteen ja tekee salatusta keskusteluhistoriasta lukukelvottoman.",
+            "title": "Istunnon palautus epäonnistui"
+        },
+        "something_went_wrong": "Jokin meni vikaan!",
+        "storage_evicted_description_1": "Jotkin istuntotiedot, mukaan lukien salattujen viestien avaimet, puuttuvat. Poista tämä laite ja kirjaudu sisään uudelleen korjataksesi tämän ja palauttaaksesi avaimet varmuuskopiosta.",
+        "storage_evicted_description_2": "Selaimesi luultavasti poisti tämän datan, kun levytila oli vähissä.",
+        "storage_evicted_title": "Istunnon dataa puuttuu",
+        "sync": "Kotipalvelimeen yhdistäminen ei onnistunut. Yritetään uudelleen…",
+        "tls": "Kotipalvelimeen ei saada yhteyttä. Tarkista verkkoyhteytesi, varmista että <a>kotipalvelimesi SSL-sertifikaatti</a> on luotettu, ja että mikään selaimen lisäosa ei estä pyyntöjen lähettämistä.",
+        "unknown": "Tuntematon virhe",
+        "unknown_error_code": "tuntematon virhekoodi",
+        "update_power_level": "Oikeustason muuttaminen epäonnistui"
+    },
+    "error_database_closed_title": "%(brand)s lakkasi toimimasta",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Huoneen linkin kopiointi leikepöydälle ei onnistu.",
+            "title": "Huoneen linkin kopiointi ei onnistu"
+        },
+        "error_loading_user_profile": "Käyttäjäprofiilia ei voitu ladata",
+        "forget_room_failed": "Huoneen unohtaminen epäonnistui %(errCode)s"
+    },
+    "error_user_not_logged_in": "Käyttäjä ei ole sisäänkirjautunut",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Puhelu käynnissä",
+            "user": "%(senderName)s liittyi puheluun",
+            "you": "Liityit puheluun"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s lopetti puhelun",
+            "you": "Lopetit puhelun"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s soittaa",
+            "dm_send": "Odotetaan vastausta",
+            "user": "%(senderName)s aloitti puhelun",
+            "you": "Aloitit puhelun"
+        },
+        "prefix": {
+            "audio": "Ääni",
+            "file": "Tiedosto",
+            "image": "Kuva",
+            "poll": "Kysely",
+            "video": "Video"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Vienti peruttu",
+        "cancelled_detail": "Vienti peruttiin onnistuneesti",
+        "confirm_stop": "Oletko varma, että haluat lopettaa tietojen viennin? Jos lopetat, joudut aloittamaan alusta.",
+        "creating_html": "Luodaan HTML…",
+        "creating_output": "Luodaan tulostetta…",
+        "creator_summary": "%(creatorName)s loi tämän huoneen.",
+        "current_timeline": "Nykyinen aikajana",
+        "enter_number_between_min_max": "Anna luku väliltä %(min)s…%(max)s",
+        "error_fetching_file": "Virhe tiedostoa noutaessa",
+        "export_info": "Tämä on huoneen <roomName/> viennin alku. Vienyt <exporterDetails/> %(exportDate)s.",
+        "export_successful": "Vienti onnistui!",
+        "exported_n_events_in_time": {
+            "one": "%(count)s tapahtuma viety %(seconds)s sekunnissa",
+            "other": "%(count)s tapahtumaa viety %(seconds)s sekunnissa"
+        },
+        "exporting_your_data": "Tietojen vienti",
+        "fetched_n_events": {
+            "one": "%(count)s tapahtuma noudettu tähän mennessä",
+            "other": "%(count)s tapahtumaa noudettu tähän mennessä"
+        },
+        "fetched_n_events_in_time": {
+            "one": "%(count)s tapahtuma noudettu %(seconds)s sekunnissa",
+            "other": "%(count)s tapahtumaa noudettu %(seconds)s sekunnissa"
+        },
+        "fetched_n_events_with_total": {
+            "one": "%(count)s / %(total)s tapahtumaa noudettu",
+            "other": "%(count)s / %(total)s tapahtumaa noudettu"
+        },
+        "fetching_events": "Noudetaan tapahtumia…",
+        "file_attached": "Tiedosto liitetty",
+        "format": "Muoto",
+        "from_the_beginning": "Alusta lähtien",
+        "generating_zip": "Luodaan ZIPiä",
+        "html": "HTML",
+        "include_attachments": "Sisällytä liitteet",
+        "json": "JSON",
+        "media_omitted": "Media jätetty pois",
+        "media_omitted_file_size": "Media jätetty pois – tiedoston kokoraja ylitetty",
+        "messages": "Viestit",
+        "next_page": "Seuraava viestiryhmä",
+        "num_messages": "Viestien määrä",
+        "num_messages_min_max": "Viestimäärän täytyy olla luku väliltä %(min)s…%(max)s",
+        "number_of_messages": "Määritä viestien lukumäärä",
+        "previous_page": "Edellinen viestiryhmä",
+        "processing": "Käsitellään…",
+        "processing_event_n": "Käsitellään tapahtumaa %(number)s / %(total)s",
+        "size_limit": "Kokoraja",
+        "size_limit_min_max": "Koon täytyy olla luku väliltä %(min)s…%(max)s Mt",
+        "size_limit_postfix": "Mt",
+        "starting_export": "Käynnistetään vienti…",
+        "successful": "Vienti onnistui",
+        "successful_detail": "Vienti onnistui. Se löytyy Lataukset-kansiosta.",
+        "text": "Raakateksti",
+        "title": "Vie keskustelu",
+        "topic": "Aihe: %(topic)s",
+        "unload_confirm": "Haluatko varmasti poistua tämän viennin aikana?"
+    },
+    "failed_load_async_component": "Lataaminen epäonnistui! Tarkista verkkoyhteytesi ja yritä uudelleen.",
+    "feedback": {
+        "can_contact_label": "Voitte olla yhteydessä minuun, jos teillä on lisäkysymyksiä",
+        "comment_label": "Kommentti",
+        "existing_issue_link": "Katso ensin <existingIssuesLink>aiemmin raportoidut virheet Githubissa</existingIssuesLink>. Eikö samanlaista virhettä löydy? <newIssueLink>Tee uusi ilmoitus virheestä</newIssueLink>.",
+        "may_contact_label": "Voitte olla yhteydessä minuun, jos haluatte keskustella palautteesta tai antaa minun testata tulevia ideoita",
+        "platform_username": "Alustasi ja käyttäjänimesi huomataan, jotta palautteesi on meille mahdollisimman käyttökelpoista.",
+        "pro_type": "Vinkki: Jos teet virheilmoituksen, lähetä <debugLogsLink>vianjäljityslokit</debugLogsLink> jotta ongelman ratkaiseminen helpottuu.",
+        "send_feedback_action": "Lähetä palautetta",
+        "sent": "Palaute lähetetty"
+    },
+    "file_panel": {
+        "empty_description": "Liitä tiedostoja alalaidan klemmarilla, tai raahaa ja pudota ne mihin tahansa huoneen kohtaan.",
+        "empty_heading": "Tässä huoneessa ei näy tiedostoja",
+        "guest_note": "Sinun pitää <a>rekisteröityä</a> käyttääksesi tätä toiminnallisuutta",
+        "peek_note": "Sinun pitää liittyä huoneeseen voidaksesi nähdä sen sisältämät tiedostot"
+    },
+    "forward": {
+        "filter_placeholder": "Etsi huoneita tai ihmisiä",
+        "message_preview_heading": "Viestin esikatselu",
+        "no_perms_title": "Sinulla ei ole lupaa tehdä tätä",
+        "open_room": "Avaa huone",
+        "send_label": "Lähetä",
+        "sending": "Lähetetään",
+        "sent": "Lähetetty"
+    },
+    "identity_server": {
+        "change": "Vaihda identiteettipalvelinta",
+        "change_prompt": "Katkaise yhteys identiteettipalvelimeen <current /> ja yhdistä sen sijaan identiteettipalvelimeen <new />?",
+        "change_server_prompt": "Ellet halua käyttää palvelinta <server /> löytääksesi tuntemiasi ihmisiä ja tullaksesi löydetyksi, syötä toinen identiteettipalvelin alle.",
+        "checking": "Tarkistetaan palvelinta",
+        "description_connected": "Käytät palvelinta <server></server> tuntemiesi henkilöiden löytämiseen ja löydetyksi tulemiseen. Voit vaihtaa identiteettipalvelintasi alla.",
+        "description_disconnected": "Et käytä tällä hetkellä identiteettipalvelinta. Lisää identiteettipalvelin alle löytääksesi tuntemiasi henkilöitä ja tullaksesi löydetyksi.",
+        "description_optional": "Identiteettipalvelimen käyttäminen on valinnaista. Jos päätät olla käyttämättä identiteettipalvelinta, muut käyttäjät eivät löydä sinua etkä voi kutsua muita sähköpostin tai puhelinnumeron perusteella.",
+        "disconnect": "Katkaise yhteys identiteettipalvelimeen",
+        "disconnect_anyway": "Katkaise yhteys silti",
+        "disconnect_offline_warning": "Suosittelemme <b>poistamaan henkilökohtaiset tietosi</b> identiteettipalvelimelta <idserver /> ennen yhteyden katkaisemista. Valitettavasti identiteettipalvelin <idserver /> on parhaillaan poissa verkosta tai siihen ei saada yhteyttä.",
+        "disconnect_personal_data_warning_1": "<b>Jaat edelleen henkilökohtaisia tietojasi</b> identiteettipalvelimella <idserver />.",
+        "disconnect_personal_data_warning_2": "Suosittelemme, että poistat sähköpostiosoitteesi ja puhelinnumerosi identiteettipalvelimelta ennen yhteyden katkaisemista.",
+        "disconnect_server": "Katkaise yhteys identiteettipalvelimeen <idserver />?",
+        "disconnect_warning": "Yhteyden katkaiseminen identiteettipalvelimeesi tarkoittaa, että muut käyttäjät eivät löydä sinua etkä voi kutsua muita sähköpostin tai puhelinnumeron perusteella.",
+        "do_not_use": "Älä käytä identiteettipalvelinta",
+        "error_connection": "Identiteettipalvelimeen ei saatu yhteyttä",
+        "error_invalid": "Identiteettipalvelin ei ole kelvollinen (tilakoodi %(code)s)",
+        "error_invalid_or_terms": "Käyttöehtoja ei ole hyväksytty tai identiteettipalvelin ei ole kelvollinen.",
+        "no_terms": "Valitsemallasi identiteettipalvelimella ei ole käyttöehtoja.",
+        "suggestions": "Sinun tulisi:",
+        "suggestions_1": "tarkistaa, että selaimen lisäosat (kuten Privacy Badger) eivät estä identiteettipalvelinta",
+        "suggestions_2": "ottaa yhteyttä identiteettipalvelimen <idserver /> ylläpitäjiin",
+        "suggestions_3": "odottaa ja yrittää uudelleen myöhemmin",
+        "url": "Identiteettipalvelin (%(server)s)",
+        "url_field_label": "Syötä uusi identiteettipalvelin",
+        "url_not_https": "Identiteettipalvelimen URL-osoitteen täytyy olla HTTPS-alkuinen"
+    },
+    "in_space": "Tilassa %(spaceName)s.",
+    "in_space1_and_space2": "Tiloissa %(space1Name)s ja %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "Tilassa %(spaceName)s ja yhdessä muussa tilassa.",
+        "other": "Tilassa %(spaceName)s ja %(count)s muussa tilassa."
+    },
+    "incompatible_browser": {
+        "continue": "Jatka silti",
+        "detail_no_continue": "Yritä päivittää tämä selain, jos et käytä uusinta versiota, ja yritä uudelleen.",
+        "learn_more": "Lue lisää",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "Saat parhaan käyttökokemuksen käyttämällä <Chrome>Chromea</Chrome>, <Firefox>Firefoxia</Firefox>, <Edge>Edgeä</Edge> tai <Safari>Safaria</Safari>.",
+        "title": "Selainta ei tueta",
+        "windows_64bit": "Windows (64-bittinen)",
+        "windows_arm_64bit": "Windows (ARM 64-bittinen)"
+    },
+    "info_tooltip_title": "Tiedot",
+    "integration_manager": {
+        "error_connecting": "Integraatioiden lähde on poissa verkosta, tai siihen ei voida yhdistää kotipalvelimeltasi.",
+        "error_connecting_heading": "Integraatioiden lähteeseen yhdistäminen epäonnistui",
+        "explainer": "Integraatioiden lähteet vastaanottavat asetusdataa ja voivat muokata sovelmia, lähettää kutsuja huoneeseen ja asettaa oikeustasoja puolestasi.",
+        "manage_title": "Integraatioiden hallinta",
+        "use_im": "Käytä integraatioiden lähdettä bottien, sovelmien ja tarrapakettien hallintaan.",
+        "use_im_default": "Käytä integraatioiden lähdettä <b>(%(serverName)s)</b> bottien, sovelmien ja tarrapakettien hallintaan."
+    },
+    "integrations": {
+        "disabled_dialog_title": "Integraatiot ovat pois käytöstä",
+        "impossible_dialog_description": "%(brand)s-instanssisi ei salli sinun käyttävän integraatioiden lähdettä tämän tekemiseen. Ota yhteys ylläpitäjääsi.",
+        "impossible_dialog_title": "Integraatioiden käyttö on kielletty"
+    },
+    "invite": {
+        "email_caption": "Kutsu sähköpostilla",
+        "email_limit_one": "Sähköpostikutsuja voi lähettää vain yhden kerrallaan",
+        "email_use_default_is": "Käytä identiteettipalvelinta kutsuaksesi henkilöitä sähköpostilla. <default>Käytä oletusta (%(defaultIdentityServerName)s)</default> tai aseta toinen palvelin <settings>asetuksissa</settings>.",
+        "email_use_is": "Käytä identiteettipalvelinta kutsuaksesi käyttäjiä sähköpostilla. Voit vaihtaa identiteettipalvelimen <settings>asetuksissa</settings>.",
+        "error_already_invited_room": "Käyttäjä on jo kutsuttu huoneeseen",
+        "error_already_invited_space": "Käyttäjä on jo kutsuttu tilaan",
+        "error_already_joined_room": "Käyttäjä on jo huoneessa",
+        "error_already_joined_space": "Käyttäjä on jo tilassa",
+        "error_bad_state": "Käyttäjän porttikielto täytyy poistaa ennen kutsumista.",
+        "error_dm": "Yksityisviestiä ei voitu luoda.",
+        "error_find_room": "Käyttäjien kutsumisessa meni jotain pieleen.",
+        "error_find_user_description": "Seuraavat käyttäjät eivät välttämättä ole olemassa tai ne ovat epäkelpoja, joten niitä ei voida kutsua: %(csvNames)s",
+        "error_find_user_title": "Seuraavia käyttäjiä ei löytynyt",
+        "error_invite": "Emme voineet kutsua kyseisiä käyttäjiä. Tarkista käyttäjät, jotka haluat kutsua ja yritä uudelleen.",
+        "error_permissions_room": "Sinulla ei ole oikeuksia kutsua henkilöitä tähän huoneeseen.",
+        "error_permissions_space": "Sinulla ei ole oikeutta kutsua ihmisiä tähän tilaan.",
+        "error_profile_undisclosed": "Käyttäjä on tai ei ole olemassa",
+        "error_transfer_multiple_target": "Puhelun voi siirtää vain yhdelle käyttäjälle.",
+        "error_unknown": "Tuntematon palvelinvirhe",
+        "error_user_not_found": "Käyttäjää ei ole olemassa",
+        "error_version_unsupported_room": "Käyttäjän kotipalvelin ei tue huoneen versiota.",
+        "error_version_unsupported_space": "Käyttäjän kotipalvelin ei tue tilan versiota.",
+        "failed_generic": "Toiminto epäonnistui",
+        "failed_title": "Kutsu epäonnistui",
+        "invalid_address": "Osoitetta ei tunnistettu",
+        "name_email_mxid_share_room": "Kutsu käyttäen nimeä, sähköpostiosoitetta, käyttäjänimeä (kuten <userId/>) tai <a>jaa tämä huone</a>.",
+        "name_email_mxid_share_space": "Kutsu käyttäen nimeä, sähköpostiosoitetta, käyttäjänimeä (kuten <userId/>) tai <a>jaa tämä tila</a>.",
+        "name_mxid_share_space": "Kutsu käyttäen nimeä, käyttäjänimeä (kuten <userId/>) tai <a>jaa tämä tila</a>.",
+        "recents_section": "Viimeaikaiset keskustelut",
+        "room_failed_partial": "Lähetimme toisille, alla lista henkilöistä joita ei voitu kutsua <RoomName/>",
+        "room_failed_partial_title": "Joitain kutsuja ei voitu lähettää",
+        "room_failed_title": "Käyttäjien kutsuminen huoneeseen %(roomName)s epäonnistui",
+        "send_link_prompt": "Tai lähetä kutsulinkki",
+        "start_conversation_name_email_mxid_prompt": "Aloita keskustelu jonkun kanssa käyttäen heidän sähköpostia tai käyttäjänimeä (kuten <userId/>).",
+        "start_conversation_name_mxid_prompt": "Aloita keskustelu jonkun kanssa käyttäen heidän nimeä tai käyttäjänimeä (kuten <userId/>).",
+        "suggestions_disclaimer": "Jotkut ehdotukset voivat olla piilotettu yksityisyyden takia.",
+        "suggestions_disclaimer_prompt": "Jos et näe henkilöä jota etsit, lähetä hänelle linkki alhaalta.",
+        "suggestions_section": "Viimeaikaiset yksityisviestit",
+        "to_room": "Kutsu huoneeseen %(roomName)s",
+        "to_space": "Kutsu tilaan %(spaceName)s",
+        "transfer_dial_pad_tab": "Näppäimistö",
+        "transfer_user_directory_tab": "Käyttäjähakemisto",
+        "unable_find_profiles_description_default": "Alla luetelluille Matrix ID:ille ei löytynyt profiileja. Haluaisitko kutsua ne siitä huolimatta?",
+        "unable_find_profiles_invite_label_default": "Kutsu silti",
+        "unable_find_profiles_invite_never_warn_label_default": "Kutsu silti, äläkä varoita minua enää uudelleen",
+        "unable_find_profiles_title": "Seuraavat käyttäjät eivät välttämättä ole olemassa"
+    },
+    "inviting_user1_and_user2": "Kutsutaan %(user1)s ja %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Kutsutaan %(user)s ja 1 muu",
+        "other": "Kutsutaan %(user)s ja %(count)s muuta"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> ja %(count)s muuta",
+        "one": "<Items/> ja yksi muu"
+    },
+    "keyboard": {
+        "activate_button": "Aktivoi valittu painike",
+        "alt": "Alt",
+        "autocomplete_cancel": "Peruuta automaattinen täydennys",
+        "autocomplete_force": "Pakota täydennys",
+        "autocomplete_navigate_next": "Seuraava automaattitäydennyksen ehdotus",
+        "autocomplete_navigate_prev": "Edellinen automaattitäydennyksen ehdotus",
+        "backspace": "Askelpalautin",
+        "cancel_reply": "Peruuta viestiin vastaaminen",
+        "category_autocomplete": "Automaattinen täydennys",
+        "category_calls": "Puhelut",
+        "category_navigation": "Navigointi",
+        "category_room_list": "Huoneluettelo",
+        "close_dialog_menu": "Sulje valintaikkuna tai pikavalikko",
+        "composer_jump_end": "Hyppää viestimuokkaimen loppuun",
+        "composer_jump_start": "Hyppää viestimuokkaimen alkuun",
+        "composer_navigate_next_history": "Siirry seuraavaan viestiin muokkainhistoriassa",
+        "composer_navigate_prev_history": "Siirry edelliseen viestiin muokkainhistoriassa",
+        "composer_new_line": "Rivinvaihto",
+        "composer_redo": "Tee uudelleen muokkaus",
+        "composer_toggle_bold": "Lihavointi päälle/pois",
+        "composer_toggle_code_block": "Koodilohko päälle/pois",
+        "composer_toggle_italics": "Kursivointi päälle/pois",
+        "composer_toggle_link": "Linkki päälle/pois",
+        "composer_toggle_quote": "Lainaus päälle/pois",
+        "composer_undo": "Kumoa muokkaus",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Hylkää lukumerkki ja hyppää pohjaan",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Siirry kotinäkymään",
+        "home": "Etusivu",
+        "jump_first_message": "Siirry ensimmäiseen viestiin",
+        "jump_last_message": "Siirry viimeiseen viestiin",
+        "jump_room_search": "Siirry huonehakuun",
+        "jump_to_read_marker": "Siirry vanhimpaan lukemattomaan viestiin",
+        "keyboard_shortcuts_tab": "Avaa tämä asetusvälilehti",
+        "navigate_next_history": "Seuraava vierailtu huone tai tila",
+        "navigate_next_message_edit": "Siirry seuraavaan viestiin muokataksesi",
+        "navigate_prev_history": "Edellinen vierailtu huone tai tila",
+        "navigate_prev_message_edit": "Siirry edelliseen viestiin muokataksesi",
+        "next_room": "Seuraava huone tai yksityisviesti",
+        "next_unread_room": "Seuraava lukematon huone tai yksityisviesti",
+        "number": "[numero]",
+        "open_user_settings": "Avaa käyttäjäasetukset",
+        "prev_room": "Edellinen huone tai yksityisviesti",
+        "prev_unread_room": "Edellinen lukematon huone tai yksityisviesti",
+        "room_list_collapse_section": "Supista huoneluettelon osa",
+        "room_list_expand_section": "Laajenna huoneluettelon osa",
+        "room_list_navigate_down": "Liiku alas huoneluettelossa",
+        "room_list_navigate_up": "Liiku ylös huoneluettelossa",
+        "room_list_select_room": "Valitse huone huoneluettelosta",
+        "save": "Tallenna",
+        "scroll_down_timeline": "Vieritä alas aikajanalla",
+        "scroll_up_timeline": "Vieritä ylös aikajanalla",
+        "search": "Haku (pitää olla käytössä)",
+        "send_sticker": "Lähetä tarra",
+        "shift": "Vaihto",
+        "space": "Välilyönti",
+        "switch_to_space": "Vaihda tilaan numerolla",
+        "toggle_microphone_mute": "Mikrofonin mykistys päälle/pois",
+        "toggle_right_panel": "Vaihda oikea paneeli",
+        "toggle_space_panel": "Tilapaneeli päälle/pois",
+        "toggle_top_left_menu": "Vaihda vasemman yläkulman valikkoa",
+        "toggle_webcam_mute": "Kamera päälle/pois",
+        "upload_file": "Lähetä tiedosto"
+    },
+    "labs": {
+        "beta_description": "Mitä uutta %(brand)s sisältää seuraavaksi? Laboratoriot ovat paras tapa tutustua asioihin aikaisin, testata uusia ominaisuuksia ja auttaa muokkaamaan niitä ennen julkaisua.",
+        "beta_feature": "Tämä on beetaominaisuus",
+        "beta_feedback_leave_button": "Poistu beetasta asetuksista.",
+        "beta_feedback_title": "Ominaisuuden %(featureName)s beetapalaute",
+        "beta_section": "Tulevat ominaisuudet",
+        "bridge_state": "Näytä tietoa silloista huoneen asetuksissa",
+        "bridge_state_channel": "Kanava: <channelLink/>",
+        "bridge_state_creator": "Tämän sillan tarjoaa käyttäjä <user />.",
+        "bridge_state_manager": "Tätä siltaa hallinnoi käyttäjä <user />.",
+        "bridge_state_workspace": "Työtila: <networkLink/>",
+        "click_for_info": "Napsauta tästä saadaksesi lisätietoja",
+        "currently_experimental": "Tällä hetkellä kokeellinen.",
+        "custom_themes": "Tue mukaututettujen teemojen lisäämistä",
+        "dynamic_room_predecessors_description": "Ota käyttöön MSC3946 (viiveellä saapuvien huonearkistojen tukemiseksi)",
+        "element_call_video_rooms": "Element Call -videohuoneet",
+        "experimental_section": "Ennakot",
+        "extended_profiles_msc_support": "Edellyttää, että palvelimesi tukee MSC4133:a",
+        "group_developer": "Kehittäjä",
+        "group_encryption": "Salaus",
+        "group_experimental": "Kokeellinen",
+        "group_messaging": "Viestintä",
+        "group_moderation": "Moderointi",
+        "group_profile": "Profiili",
+        "group_rooms": "Huoneet",
+        "group_spaces": "Tilat",
+        "group_themes": "Teemat",
+        "group_threads": "Ketjut",
+        "group_ui": "Käyttöliittymä",
+        "group_voip": "Ääni ja video",
+        "group_widgets": "Sovelmat",
+        "join_beta": "Liity beetaan",
+        "join_beta_reload": "Beetaan liittyminen lataa %(brand)sin uudelleen.",
+        "jump_to_date_msc_support": "Vaatii, että palvelimesi tukee MSC3030:a",
+        "latex_maths": "Piirrä LaTeX-matematiikka viesteissä",
+        "leave_beta": "Poistu beetasta",
+        "leave_beta_reload": "Beetasta poistuminen lataa %(brand)sin uudelleen.",
+        "location_share_live_description": "Tilapäinen toteutus. Sijainnit säilyvät huoneen historiassa.",
+        "login_with_qr": "Kirjaudu sisään QR-koodilla",
+        "mjolnir": "Uusia tapoja jättää ihmiset huomiotta",
+        "msc3531_hide_messages_pending_moderation": "Anna moderaattorien piilottaa moderointia odottavia viestejä.",
+        "notification_settings": "Uudet ilmoitusasetukset",
+        "notification_settings_beta_title": "Ilmoitusasetukset",
+        "sliding_sync": "Liukuvan synkronoinnin tila",
+        "sliding_sync_description": "Työn alla, käytöstä poistaminen ei ole mahdollista.",
+        "sliding_sync_disabled_notice": "Kirjaudu uudelleen sisään poistaaksesi käytöstä",
+        "sliding_sync_server_no_support": "Palvelimellasi ei ole tukea",
+        "video_rooms": "Videohuoneet",
+        "video_rooms_a_new_way_to_chat": "Uusi tapa keskustella äänen ja videon välityksellä %(brand)sissä.",
+        "video_rooms_always_on_voip_channels": "Videohuoneet ovat huoneisiin upotettuja, aina päällä olevia VoIP-kanavia %(brand)sissä.",
+        "video_rooms_beta": "Videohuoneet ovat beetaominaisuus",
+        "video_rooms_faq1_answer": "Käytä ”+”-painiketta vasemman paneelin huoneosiossa.",
+        "video_rooms_faq1_question": "Miten voin luoda videohuoneen?",
+        "video_rooms_faq2_answer": "Kyllä, keskustelun aikajana esitetään videon yhteydessä.",
+        "video_rooms_faq2_question": "Voinko käyttää tekstikeskustelua videopuhelussa?"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Nämä asetukset on tarkoitettu edistyneille käyttäjille.",
+        "ban_reason": "Sivuutettu/estetty",
+        "error_adding_ignore": "Virhe sivuutetun käyttäjän/palvelimen lisäämisessä",
+        "error_adding_list_description": "Tarkista huonetunnus ja yritä uudelleen.",
+        "error_adding_list_title": "Virhe listalle liityttäessä",
+        "error_removing_ignore": "Virhe sivuutetun käyttäjän/palvelimen poistamisessa",
+        "error_removing_list_description": "Yritä uudelleen tai katso vihjeitä konsolista.",
+        "error_removing_list_title": "Virhe listalta poistuttaessa",
+        "explainer_1": "Lisää tähän käyttäjät ja palvelimet, jotka haluat sivuuttaa. Asteriski täsmää mihin tahansa merkkiin. Esimerkiksi <code>@bot:*</code> sivuuttaa kaikki käyttäjät, joiden nimessä on \"bot\".",
+        "explainer_2": "Käyttäjien huomiotta jättäminen tapahtuu estolistojen kautta, joissa on tieto siitä, kenet pitää estää. Estolistalle liittyminen tarkoittaa, että ne käyttäjät/palvelimet, jotka tämä lista estää, eivät näy sinulle.",
+        "lists": "Olet tällä hetkellä liittynyt:",
+        "lists_description_1": "Estolistan käyttäminen saa sinut liittymään listalle!",
+        "lists_description_2": "Jos et halua tätä, käytä eri työkalua käyttäjien sivuuttamiseen.",
+        "lists_heading": "Tilatut listat",
+        "lists_new_label": "Huonetunnus tai -osoite on estolistalla",
+        "no_lists": "Et ole liittynyt yhteenkään listaan",
+        "personal_empty": "Et ole sivuuttanut ketään.",
+        "personal_heading": "Henkilökohtainen estolista",
+        "personal_new_label": "Sivuutettava palvelin tai käyttäjätunnus",
+        "personal_new_placeholder": "esim. @bot:* tai esimerkki.org",
+        "personal_section": "Jätät tällä hetkellä huomiotta:",
+        "room_name": "Tekemäni estot",
+        "room_topic": "Tämä on luettelo käyttäjistä ja palvelimista, jotka olet estänyt - älä poistu huoneesta!",
+        "rules_empty": "Ei mitään",
+        "rules_server": "Palvelinehdot",
+        "rules_title": "Estolistan säännöt - %(roomName)s",
+        "rules_user": "Käyttäjäehdot",
+        "something_went_wrong": "Jotain meni vikaan. Yritä uudelleen tai katso vihjeitä konsolista.",
+        "title": "Sivuutetut käyttäjät",
+        "view_rules": "Näytä säännöt"
+    },
+    "language_dropdown_label": "Kielipudotusvalikko",
+    "leave_room_dialog": {
+        "last_person_warning": "Olet ainoa henkilö täällä. Jos lähdet, kukaan ei voi liittyä tulevaisuudessa, et myöskään sinä.",
+        "leave_room_question": "Oletko varma että haluat poistua huoneesta '%(roomName)s'?",
+        "leave_space_question": "Haluatko varmasti poistua tilasta '%(spaceName)s'?",
+        "room_rejoin_warning": "Tämä huone ei ole julkinen. Et voi liittyä uudelleen ilman kutsua.",
+        "space_rejoin_warning": "Tämä tila ei ole julkinen. Et voi liittyä uudelleen ilman kutsua."
+    },
+    "lightbox": {
+        "rotate_left": "Kierrä vasempaan",
+        "rotate_right": "Kierrä oikeaan"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Tätä kotipalvelinta ei ole säädetty näyttämään karttoja.",
+        "MapStyleUrlNotReachable": "Tätä kotipalvelinta ei ole säädetty kunnolla näyttämään karttoja tai valittu karttapalvelin saattaa olla tavoittamattomissa.",
+        "WebGLNotEnabled": "Karttojen näyttäminen vaatii WebGL:n. Ota se käyttöön selaimen asetuksista.",
+        "click_drop_pin": "Napsauta sijoittaaksesi karttaneulan",
+        "click_move_pin": "Napsauta siirtääksesi karttaneulaa",
+        "close_sidebar": "Sulje sivupalkki",
+        "error_fetch_location": "Sijaintia ei voitu noutaa",
+        "error_no_perms_title": "Sinulla ei ole oikeutta jakaa sijainteja",
+        "error_send_description": "%(brand)s ei voinut lähettää sijaintiasi. Yritä myöhemmin uudelleen.",
+        "error_send_title": "Emme voineet lähettää sijaintiasi",
+        "expand_map": "Laajenna kartta",
+        "failed_generic": "Sijaintisi noutaminen epäonnistui. Yritä myöhemmin uudelleen.",
+        "failed_load_map": "Kartan lataaminen ei onnistu",
+        "failed_permission": "%(brand)s ei saanut lupaa noutaa sijaintiasi. Salli sijainnin käyttäminen selaimen asetuksista.",
+        "failed_timeout": "Sijaintisi noutaminen aikakatkaistiin. Yritä myöhemmin uudelleen.",
+        "failed_unknown": "Tuntematon virhe sijaintia noudettaessa. Yritä myöhemmin uudelleen.",
+        "find_my_location": "Paikanna sijaintini",
+        "live_update_time": "Päivitetty %(humanizedUpdateTime)s",
+        "location_not_available": "Sijainti ei ole saatavilla",
+        "mapbox_logo": "Mapboxin logo",
+        "reset_bearing": "Aseta suunta pohjoiseen",
+        "share_button": "Jaa sijainti",
+        "share_type_own": "Tämänhetkinen sijaintini",
+        "share_type_pin": "Sijoita karttaneula",
+        "share_type_prompt": "Minkä sijaintityypin haluat jakaa?"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s jäsen",
+            "other": "%(count)s jäsentä"
+        },
+        "filter_placeholder": "Suodata huoneen jäseniä",
+        "invite_button_no_perms_tooltip": "Sinulla ei ole lupaa kutsua käyttäjiä",
+        "invited_label": "Kutsuttu"
+    },
+    "member_list_back_action_label": "Huoneen jäsenet",
+    "message_edit_dialog_title": "Viestin muokkaukset",
+    "mobile_guide": {
+        "toast_accept": "Käytä sovellusta",
+        "toast_description": "%(brand)s on mobiiliselaimissa kokeellinen. Paremman kokemuksen ja uusimmat ominaisuudet saat ilmaisella mobiilisovelluksellamme.",
+        "toast_title": "Parempi kokemus sovelluksella"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Ei enempää tuloksia",
+    "notif_panel": {
+        "empty_description": "Sinulla ei ole näkyviä ilmoituksia.",
+        "empty_heading": "Olet ajan tasalla"
+    },
+    "notifications": {
+        "all_messages": "Kaikki viestit",
+        "all_messages_description": "Vastaanota ilmoitus joka viestistä",
+        "class_global": "Yleiset",
+        "class_other": "Muut",
+        "default": "Oletus",
+        "email_pusher_app_display_name": "Sähköposti-ilmoitukset",
+        "enable_prompt_toast_description": "Ota työpöytäilmoitukset käyttöön",
+        "enable_prompt_toast_title": "Ilmoitukset",
+        "enable_prompt_toast_title_from_message_send": "Älä jätä vastauksia huomiotta",
+        "error_change_title": "Muokkaa ilmoitusasetuksia",
+        "keyword": "Avainsana",
+        "keyword_new": "Uusi avainsana",
+        "level_activity": "Aktiivisuus",
+        "level_none": "Ei mitään",
+        "level_notification": "Ilmoitus",
+        "mark_all_read": "Merkitse kaikki luetuiksi",
+        "mentions_and_keywords": "Vain @maininnat ja vastaukset",
+        "mentions_and_keywords_description": "Saat ilmoituksia vain maininnoista, vastauksista ja avainsanoista <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"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s pyytää varmennusta"
+    },
+    "onboarding": {
+        "create_room": "Luo huone",
+        "explore_rooms": "Selaa julkisia huoneita",
+        "has_avatar_label": "Hienoa, tämä auttaa ihmisiä tietämään, että se olet sinä",
+        "intro_byline": "Omista keskustelusi.",
+        "intro_welcome": "Tervetuloa %(appName)s-sovellukseen",
+        "no_avatar_label": "Lisää kuva, jotta ihmiset tietävät, että se olet sinä.",
+        "send_dm": "Lähetä yksityisviesti",
+        "welcome_detail": "Autetaanpa sinut alkuun",
+        "welcome_user": "Tervetuloa, %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Viesti huoneessa %(room)s",
+        "permalink_this_room": "Viesti käyttäjältä %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Luo kysely",
+        "create_poll_title": "Luo kysely",
+        "disclosed_notes": "Äänestäjät näkevät tulokset heti äänestettyään",
+        "edit_poll_title": "Muokkaa kyselyä",
+        "end_description": "Haluatko varmasti päättää tämän kyselyn? Päättäminen näyttää lopulliset tulokset ja estää äänestämisen.",
+        "end_message": "Kysely on päättynyt. Suosituin vastaus: %(topAnswer)s",
+        "end_message_no_votes": "Kysely on päättynyt. Ääniä ei annettu.",
+        "end_title": "Päätä kysely",
+        "error_ending_description": "Valitettavasti kysely ei päättynyt. Yritä uudelleen.",
+        "error_ending_title": "Kyselyn päättäminen epäonnistui",
+        "error_voting_description": "Valitettavasti ääntäsi ei rekisteröity. Yritä uudelleen.",
+        "error_voting_title": "Ääntä ei rekisteröity",
+        "failed_send_poll_description": "Kyselyä, jota yritit luoda, ei valitettavasti julkaistu.",
+        "failed_send_poll_title": "Kyselyn julkaiseminen epäonnistui",
+        "notes": "Tulokset paljastetaan vasta kun päätät kyselyn",
+        "options_add_button": "Lisää vaihtoehto",
+        "options_heading": "Luo vaihtoehdot",
+        "options_label": "Vaihtoehto %(number)s",
+        "options_placeholder": "Kirjoita vaihtoehto",
+        "topic_heading": "Mikä on kyselysi kysymys tai aihe?",
+        "topic_label": "Kysymys tai aihe",
+        "topic_placeholder": "Kirjoita joitain…",
+        "total_n_votes": {
+            "one": "%(count)s ääni annettu. Äänestä nähdäksesi tulokset",
+            "other": "%(count)s ääntä annettu. Äänestä nähdäksesi tulokset"
+        },
+        "total_n_votes_voted": {
+            "one": "Perustuu %(count)s ääneen",
+            "other": "Perustuu %(count)s ääneen"
+        },
+        "total_no_votes": "Ääniä ei annettu",
+        "total_not_ended": "Tulokset näkyvät, kun kysely on päättynyt",
+        "type_closed": "Suljettu kysely",
+        "type_heading": "Kyselyn tyyppi",
+        "type_open": "Avoin kysely",
+        "unable_edit_description": "Et voi muokata kyselyä äänestyksen jälkeen.",
+        "unable_edit_title": "Kyselyä ei voi muokata"
+    },
+    "power_level": {
+        "admin": "Ylläpitäjä",
+        "custom": "Mukautettu (%(level)s)",
+        "custom_level": "Mukautettu taso",
+        "default": "Oletus",
+        "label": "Oikeuksien taso",
+        "moderator": "Valvoja",
+        "restricted": "Rajoitettu"
+    },
+    "powered_by_matrix": "Moottorina Matrix",
+    "presence": {
+        "away": "Poissa",
+        "busy": "Varattu",
+        "idle": "Toimeton",
+        "idle_for": "Toimettomana %(duration)s",
+        "offline": "Poissa verkosta",
+        "offline_for": "Poissa verkosta %(duration)s",
+        "online": "Paikalla",
+        "online_for": "Paikalla %(duration)s",
+        "unknown": "Tuntematon",
+        "unknown_for": "Tuntematon tila viimeiset %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "Kaikki asetukset",
+        "sidebar_settings": "Lisää asetuksia",
+        "title": "Pika-asetukset"
+    },
+    "quit_warning": {
+        "call_in_progress": "Sinulla näyttää olevan puhelu kesken. Haluatko varmasti lopettaa?",
+        "file_upload_in_progress": "Näytät lähettävän tiedostoja. Oletko varma että haluat lopettaa?"
+    },
+    "redact": {
+        "confirm_button": "Varmista poistaminen",
+        "confirm_description": "Haluatko varmasti poistaa tämän tapahtuman?",
+        "error": "Et voi poistaa tätä viestiä. (%(code)s)",
+        "ongoing": "Poistetaan…",
+        "reason_label": "Syy (valinnainen)"
+    },
+    "report_content": {
+        "description": "Tämän viestin ilmoittaminen lähettää sen yksilöllisen tapahtumatunnuksen (event ID) kotipalvelimesi ylläpitäjälle. Jos tämän huoneen viestit on salattu, kotipalvelimesi ylläpitäjä ei voi lukea viestin tekstiä tai nähdä tiedostoja tai kuvia.",
+        "ignore_user": "Sivuuta käyttäjä",
+        "missing_reason": "Kerro miksi teet ilmoitusta.",
+        "report_content_to_homeserver": "Ilmoita sisällöstä kotipalvelimesi ylläpitäjälle"
+    },
+    "report_room": {
+        "reason_label": "Kuvaile syy"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "%(failedCount)s istunnon purkaminen epäonnistui!",
+        "count_of_successfully_restored_keys": "%(sessionCount)s avaimen palautus onnistui",
+        "enter_key_title": "Anna palautusavain",
+        "enter_phrase_title": "Kirjoita turvalause",
+        "incorrect_security_phrase_title": "Virheellinen turvalause",
+        "key_backup_warning": "<b>Varoitus</b>: sinun pitäisi ottaa avainvarmuuskopio käyttöön vain luotetulla tietokoneella.",
+        "key_fetch_in_progress": "Noudetaan avaimia palvelimelta…",
+        "key_is_invalid": "Ei kelvollinen palautusavain",
+        "key_is_valid": "Tämä näyttää kelvolliselta palautusavaimelta!",
+        "keys_restored_title": "Avaimet palautettu",
+        "load_error_content": "Varmuuskopioinnin tilan lataaminen epäonnistui",
+        "load_keys_progress": "%(completed)s / %(total)s avainta palautettu",
+        "no_backup_error": "Varmuuskopiota ei löytynyt!",
+        "restore_failed_error": "Varmuuskopion palauttaminen ei onnistu"
+    },
+    "right_panel": {
+        "add_integrations": "Lisää laajennuksia",
+        "add_topic": "Lisää aihe",
+        "extensions_button": "Laajennukset",
+        "extensions_empty_description": "Valitse ”%(addIntegrations)s” selataksesi ja lisätäksesi laajennuksia tähän huoneeseen",
+        "extensions_empty_title": "Paranna tuottavuutta työkaluilla, widgeteillä ja boteilla",
+        "files_button": "Tiedostot",
+        "pinned_messages": {
+            "empty_title": "Kiinnitä tärkeät viestit, jotta ne löytyvät helposti",
+            "header": {
+                "one": "1 kiinnitetty viesti",
+                "other": "%(count)s kiinnitettyä viestiä"
+            },
+            "limits": {
+                "other": "Voit kiinnittää enintään %(count)s sovelmaa"
+            },
+            "menu": "Avaa valikko",
+            "unpin_all": {
+                "button": "Poista kaikkien viestien kiinnitys",
+                "title": "Poistetaanko kaikkien viestien kiinnitys?"
+            },
+            "view": "Näytä aikajanalla"
+        },
+        "pinned_messages_button": "Kiinnitetyt viestit",
+        "poll": {
+            "active_heading": "Aktiiviset kyselyt",
+            "empty_active": "Tässä huoneessa ei ole aktiivisia kyselyitä",
+            "empty_active_load_more": "Aktiivisia kyselyitä ei ole. Lataa lisää kyselyitä nähdäksesi aiempien kuukausien kyselyt.",
+            "empty_active_load_more_n_days": {
+                "one": "Aktiivisia kyselyitä ei ole viimeisen vuorokauden ajalta. Lataa lisää kyselyitä nähdäksesi aiempien kuukausien kyselyt.",
+                "other": "Aktiivisia kyselyitä ei ole viimeisen %(count)s päivän ajalta. Lataa lisää kyselyitä nähdäksesi aiempien kuukausien kyselyt."
+            },
+            "empty_past": "Tässä huoneessa ei ole menneitä kyselyitä",
+            "empty_past_load_more": "Menneitä kyselyitä ei ole. Lataa lisää kyselyitä nähdäksesi aiempien kuukausien kyselyt.",
+            "empty_past_load_more_n_days": {
+                "one": "Menneitä kyselyitä ei ole viimeisen vuorokauden ajalta. Lataa lisää kyselyitä nähdäksesi aiempien kuukausien kyselyt.",
+                "other": "Menneitä kyselyitä ei ole viimeisen %(count)s päivän ajalta. Lataa lisää kyselyitä nähdäksesi aiempien kuukausien kyselyt."
+            },
+            "final_result": {
+                "one": "Lopullinen tulos %(count)s äänen perusteella",
+                "other": "Lopullinen tulos %(count)s äänen perusteella"
+            },
+            "load_more": "Lataa lisää kyselyitä",
+            "loading": "Ladataan kyselyitä",
+            "past_heading": "Menneet kyselyt",
+            "view_in_timeline": "Näytä kysely aikajanalla",
+            "view_poll": "Näytä kysely"
+        },
+        "polls_button": "Kyselyt",
+        "room_summary_card": {
+            "title": "Huoneen tiedot"
+        },
+        "thread_list": {
+            "context_menu_label": "Ketjun valinnat"
+        },
+        "video_room_chat": {
+            "title": "Keskustelu"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Tämä kutsu lähetettiin sähköpostiosoitteeseen %(email)s, joka ei ole yhteydessä tiliisi",
+        "3pid_invite_email_not_found_account_room": "Kutsu huoneeseen %(roomName)s lähetettiin osoitteeseen %(email)s, joka ei ole yhteydessä tiliisi",
+        "3pid_invite_error_description": "Kutsusi validointiyritys palautti virheen (%(errcode)s). Voit koettaa välittää tämän tiedon ihmiselle, joka kutsui sinut.",
+        "3pid_invite_error_invite_action": "Yritä silti liittyä",
+        "3pid_invite_error_invite_subtitle": "Voit liittyä siihen vain toimivalla kutsulla.",
+        "3pid_invite_error_public_subtitle": "Voit edelleen liittyä tänne.",
+        "3pid_invite_error_title": "Kutsussasi meni jotain vikaan.",
+        "3pid_invite_error_title_room": "Jotain meni vikaan kutsussasi huoneeseen %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Aseta identiteettipalvelin asetuksissa saadaksesi kutsuja suoraan %(brand)sissa.",
+        "banned_by": "%(memberName)s antoi sinulle porttikiellon",
+        "banned_from_room_by": "%(memberName)s antoi sinulle porttikiellon huoneeseen %(roomName)s",
+        "context_menu": {
+            "copy_link": "Kopioi huoneen linkki",
+            "favourite": "Suosikki",
+            "forget": "Unohda huone",
+            "low_priority": "Matala prioriteetti",
+            "mark_read": "Merkitse luetuksi",
+            "mark_unread": "Merkitse lukemattomaksi",
+            "notifications_mute": "Mykistä huone",
+            "title": "Huoneen asetukset",
+            "unfavourite": "Suositut"
+        },
+        "dm_invite_action": "Aloita keskustelu",
+        "dm_invite_subtitle": "<userName/> haluaa keskustella",
+        "dm_invite_title": "Haluatko keskustella käyttäjän %(user)s kanssa?",
+        "drop_file_prompt": "Pudota tiedosto tähän lähettääksesi sen palvelimelle",
+        "edit_topic": "Muokkaa aihetta",
+        "error_join_403": "Tarvitset kutsun päästäksesi tähän huoneeseen.",
+        "error_join_404_2": "Jos tiedät huoneen osoitteen, yritä liittyä sen kautta.",
+        "error_join_404_invite": "Henkilö, joka kutsui sinut on jo poistunut tai hänen palvelimensa on poissa verkosta.",
+        "error_join_404_invite_same_hs": "Henkilö, joka kutsui sinut on jo poistunut.",
+        "error_join_connection": "Liittymisessä tapahtui virhe.",
+        "error_join_incompatible_version_1": "Kotipalvelimesi on liian vanha osallistumaan tänne.",
+        "error_join_incompatible_version_2": "Ota yhteyttä kotipalvelimesi ylläpitäjään.",
+        "error_join_title": "Liittyminen epäonnistui",
+        "error_jump_to_date": "Palvelin palautti tilakoodin %(statusCode)s ja virhekoodin %(errorCode)s",
+        "error_jump_to_date_details": "Virheen tiedot",
+        "face_pile_summary": {
+            "one": "%(count)s tuntemasi henkilö on jo liittynyt",
+            "other": "%(count)s tuntemaasi ihmistä on jo liittynyt"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Näytä yksi jäsen",
+            "other": "Näytä kaikki %(count)s jäsentä"
+        },
+        "face_pile_tooltip_shortcut": "Mukaan lukien %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Mukaan lukien sinä, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "Kutsun hylkääminen epäonnistui",
+        "forget_room": "Unohda tämä huone",
+        "forget_space": "Unohda tämä tila",
+        "header": {
+            "room_is_public": "Tämä huone on julkinen"
+        },
+        "header_avatar_open_settings_label": "Avaa huoneen asetukset",
+        "inaccessible": "Tämä huone tai tila ei ole käytettävissä juuri tällä hetkellä.",
+        "inaccessible_name": "%(roomName)s ei ole saatavilla tällä hetkellä.",
+        "inaccessible_subtitle_1": "Yritä myöhemmin uudelleen tai pyydä huoneen tai tilan ylläpitäjää tarkistamaan, onko sinulla pääsyoikeus.",
+        "inaccessible_subtitle_2": "%(errcode)s palautettiin, kun yritit päästä huoneeseen tai tilaan. Jos luulet, että tämä viesti on virheellinen, <issueLink>lähetä vikailmoitus</issueLink> .",
+        "intro": {
+            "dm_caption": "Vain te kaksi olette tässä keskustelussa, ellei jompi kumpi kutsu muita.",
+            "enable_encryption_prompt": "Ota salaus käyttöön asetuksissa.",
+            "encrypted_3pid_dm_pending_join": "Voitte keskustella, kun kaikki ovat liittyneet",
+            "no_avatar_label": "Lisää kuva, jotta ihmiset voivat helpommin huomata huoneesi.",
+            "no_topic": "<a>Lisää aihe</a>, jotta ihmiset tietävät mistä on kyse.",
+            "private_unencrypted_warning": "Yksityiset viestisi salataan normaalisti, mutta tämä huone ei ole salattu. Yleensä tämä johtuu laitteesta, jota ei tueta, tai käytetystä tavasta, kuten sähköpostikutsuista.",
+            "room_invite": "Kutsu vain tähän huoneeseen",
+            "send_message_start_dm": "Kutsu <displayName/> keskusteluun kirjoittamalla ensimmäinen viesti",
+            "start_of_dm_history": "Tästä alkaa yksityisviestihistoriasi käyttäjän <displayName/> kanssa.",
+            "start_of_room": "Tästä alkaa <roomName/>.",
+            "unencrypted_warning": "Päästä päähän -salaus ei ole käytössä",
+            "user_created": "%(displayName)s loi tämän huoneen.",
+            "you_created": "Loit tämän huoneen."
+        },
+        "invite_email_mismatch_suggestion": "Jaa tämä sähköposti asetuksissa saadaksesi kutsuja suoraan %(brand)sissa.",
+        "invite_sent_to_email": "Tämä kutsu lähetettiin osoitteeseen %(email)s",
+        "invite_sent_to_email_room": "Tämä kutsu huoneeseen %(roomName)s lähetettiin sähköpostiosoitteeseen %(email)s",
+        "invite_subtitle": "Kutsunut <userName/>",
+        "invite_this_room": "Kutsu käyttäjiä",
+        "invite_title": "Haluatko liittyä huoneeseen %(roomName)s?",
+        "inviter_unknown": "Tuntematon",
+        "invites_you_text": "<inviter/> kutsuu sinut",
+        "join_button_account": "Rekisteröidy",
+        "join_failed_needs_invite": "Huoneen %(roomName)s katseluun tarvitaan kutsu",
+        "join_the_discussion": "Liity keskusteluun",
+        "join_title": "Liity huoneeseen osallistuaksesi",
+        "join_title_account": "Liity keskusteluun tilin avulla",
+        "joining": "Liitytään…",
+        "joining_room": "Liitytään huoneeseen…",
+        "joining_space": "Liitytään tilaan…",
+        "jump_read_marker": "Hyppää ensimmäiseen lukemattomaan viestiin.",
+        "jump_to_bottom_button": "Vieritä tuoreimpiin viesteihin",
+        "kick_reason": "Syy: %(reason)s",
+        "kicked_by": "%(memberName)s poisti sinut",
+        "kicked_from_room_by": "%(memberName)s poisti sinut huoneesta %(roomName)s",
+        "knock_cancel_action": "Peruuta pyyntö",
+        "knock_message_field_placeholder": "Viesti (valinnainen)",
+        "knock_prompt": "Pyydetäänkö liittymistä?",
+        "knock_prompt_name": "Pyydetäänkö liittymistä huoneeseen %(roomName)s ?",
+        "knock_send_action": "Pyydä pääsyä",
+        "knock_sent": "Liittymispyyntö lähetetty",
+        "leave_error_title": "Virhe poistuessa huoneesta",
+        "leave_server_notices_description": "Tämä huone on kotipalvelimen tärkeille viesteille, joten ei voi poistua siitä.",
+        "leave_server_notices_title": "Palvelinilmoitushuonetta ei voitu jättää",
+        "leave_unexpected_error": "Huoneesta poistuessa tapahtui odottamaton palvelinvirhe",
+        "link_email_to_receive_3pid_invite": "Linkitä tämä sähköposti tilisi kanssa asetuksissa, jotta voit saada kutsuja suoraan %(brand)sissa.",
+        "loading_preview": "Ladataan esikatselua",
+        "no_peek_join_prompt": "Huonetta %(roomName)s ei voi esikatsella. Haluatko liittyä siihen?",
+        "no_peek_no_name_join_prompt": "Esikatselua ei ole. Haluaisitko liittyä?",
+        "not_found_subtitle": "Oletko varma, että olet oikeassa paikassa?",
+        "not_found_title": "Tätä huonetta tai tilaa ei ole olemassa.",
+        "not_found_title_name": "Huonetta %(roomName)s ei ole olemassa.",
+        "peek_join_prompt": "Esikatselet huonetta %(roomName)s. Haluatko liittyä siihen?",
+        "pinned_message_banner": {
+            "button_view_all": "Näytä kaikki",
+            "description": "Kiinnitetyt viestit",
+            "title": "<bold>%(index)s/%(length)s</bold> kiinnitettyä viestiä"
+        },
+        "read_topic": "Lue aihe napsauttamalla",
+        "rejecting": "Hylätään kutsua…",
+        "rejoin_button": "Liity uudelleen",
+        "search": {
+            "all_rooms_button": "Etsi kaikista huoneista",
+            "placeholder": "Etsi viestejä...",
+            "summary": {
+                "one": "1 tulos haulle “<query/>”",
+                "other": "%(count)s tulosta haulle “<query/>”"
+            },
+            "this_room_button": "Etsi tästä huoneesta"
+        },
+        "unknown_status_code_for_timeline_jump": "tuntematon tilakoodi",
+        "unread_notifications_predecessor": {
+            "other": "Sinulla on %(count)s lukematonta ilmoitusta huoneen edellisessä versiossa.",
+            "one": "Sinulla on %(count)s lukematon ilmoitus huoneen edellisessä versiossa."
+        },
+        "upgrade_error_description": "Tarkista, että palvelimesi tukee valittua huoneversiota ja yritä uudelleen.",
+        "upgrade_error_title": "Virhe päivitettäessä huonetta",
+        "upgrade_warning_bar": "Huoneen päivittäminen sulkee huoneen nykyisen instanssin ja luo päivitetyn huoneen samalla nimellä.",
+        "upgrade_warning_bar_admins": "Vain huoneen ylläpitäjät näkevät tämän varoituksen",
+        "upgrade_warning_bar_unstable": "Tämä huone pyörii versiolla <roomVersion />, jonka tämä kotipalvelin on merkannut <i>epävakaaksi</i>.",
+        "upgrade_warning_bar_upgraded": "Tämä huone on jo päivitetty.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Lähetetään %(filename)s ja %(count)s muuta",
+                "other": "Lähetetään %(filename)s ja %(count)s muuta"
+            },
+            "uploading_single_file": "Lähetetään %(filename)s"
+        },
+        "video_room": "Tämä huone on videohuone"
+    },
+    "room_list": {
+        "add_space_label": "Lisää tila",
+        "failed_add_tag": "Tagin %(tagName)s lisääminen huoneeseen epäonnistui",
+        "failed_remove_tag": "Tagin %(tagName)s poistaminen huoneesta epäonnistui",
+        "list_title": "Huoneluettelo",
+        "more_options": {
+            "leave_room": "Poistu huoneesta"
+        },
+        "notification_options": "Ilmoitusasetukset",
+        "show_less": "Näytä vähemmän"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Päätä ketkä voivat katsella tilaa %(spaceName)s ja liittyä siihen.",
+            "title": "Pääsy"
+        },
+        "advanced": {
+            "error_upgrade_description": "Huoneen päivitystä ei voitu suorittaa",
+            "error_upgrade_title": "Huoneen päivittäminen epäonnistui",
+            "information_section_room": "Huoneen tiedot",
+            "information_section_space": "Tilan tiedot",
+            "room_id": "Sisäinen huoneen ID-tunniste",
+            "room_predecessor": "Näytä vanhemmat viestit huoneessa %(roomName)s.",
+            "room_upgrade_button": "Päivitä tämä huone suositeltuun huoneversioon",
+            "room_version": "Huoneen versio:",
+            "room_version_section": "Huoneen versio",
+            "space_predecessor": "Näe tilan %(spaceName)s vanhempi versio.",
+            "space_upgrade_button": "Päivitä tämä tila suositeltuun huoneversioon",
+            "unfederated": "Tähän huoneeseen ei pääse ulkopuolisilta Matrix-palvelimilta",
+            "upgrade_button": "Päivitä tämä huone versioon %(version)s",
+            "upgrade_dialog_description": "Tämän huoneen päivittäminen edellyttää huoneen nykyisen instanssin sulkemista ja uuden huoneen luomista sen tilalle. Jotta tämä kävisi huoneen jäsenten kannalta mahdollisimman sujuvasti, teemme seuraavaa:",
+            "upgrade_dialog_description_1": "luomme uuden huoneen samalla nimellä, kuvauksella ja kuvalla",
+            "upgrade_dialog_description_2": "päivitämme kaikki huoneen aliakset osoittamaan uuteen huoneeseen",
+            "upgrade_dialog_description_3": "estämme käyttäjiä puhumasta vanhassa huoneessa ja lähetämme viestin, joka ohjeistaa käyttäjiä siirtymään uuteen huoneeseen",
+            "upgrade_dialog_description_4": "pistämme linkin vanhaan huoneeseen uuden huoneen alkuun, jotta ihmiset voivat nähdä vanhat viestit",
+            "upgrade_dialog_title": "Päivitä huoneen versio",
+            "upgrade_dwarning_ialog_title_public": "Päivitä julkinen huone",
+            "upgrade_warning_dialog_description": "Huoneen päivittäminen on monimutkainen toimenpide ja yleensä sitä suositellaan, kun huone on epävakaa bugien, puuttuvien ominaisuuksien tai tietoturvaongelmien takia.",
+            "upgrade_warning_dialog_explainer": "<b>Huomaa, että päivittäminen tekee huoneesta uuden version.</b> Kaikki nykyiset viestit pysyvät tässä arkistoidussa huoneessa.",
+            "upgrade_warning_dialog_footer": "Olat päivittämässä tätä huonetta versiosta <oldVersion/> versioon <newVersion/>.",
+            "upgrade_warning_dialog_invite_label": "Kutsu jäsenet tästä huoneesta automaattisesti uuteen huoneeseen",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Tämä yleensä vaikuttaa siihen, miten huonetta käsitellään palvelimella. Jos sinulla on ongelmia %(brand)stisi kanssa, <a>ilmoita virheestä</a>.",
+            "upgrade_warning_dialog_title": "Päivitä huone",
+            "upgrade_warning_dialog_title_private": "Päivitä yksityinen huone"
+        },
+        "alias_not_specified": "ei määritetty",
+        "bridges": {
+            "description": "Tämä huone siltaa viestejä seuraaville alustoille. <a>Lue lisää.</a>",
+            "empty": "Tämä huone ei siltaa viestejä millekään alustalle. <a>Lue lisää.</a>",
+            "title": "Sillat"
+        },
+        "delete_avatar_label": "Poista avatar",
+        "general": {
+            "alias_field_has_localpart_invalid": "Puuttuva huoneen nimi tai erotin, esim. (oma-huone:verkkotunnus.org)",
+            "alias_field_matches_invalid": "Tämä osoite ei osoita tähän huoneeseen",
+            "alias_field_placeholder_default": "esim. oma-huone",
+            "alias_field_required_invalid": "Määritä osoite",
+            "alias_field_safe_localpart_invalid": "Osaa merkeistä ei sallita",
+            "alias_field_taken_invalid": "Tässä osoitteessa on virheellinen palvelin tai se on jo käytössä",
+            "alias_field_taken_invalid_domain": "Tämä osoite on jo käytössä",
+            "alias_field_taken_valid": "Tämä osoite on käytettävissä",
+            "alias_heading": "Huoneen osoite",
+            "aliases_items_label": "Muut julkaistut osoitteet:",
+            "aliases_no_items_label": "Toistaiseksi ei muita julkaistuja osoitteita, lisää alle",
+            "aliases_section": "Huoneen osoitteet",
+            "avatar_field_label": "Huoneen kuva",
+            "canonical_alias_field_label": "Pääosoite",
+            "description_space": "Muokkaa tilaasi liittyviä asetuksia.",
+            "error_creating_alias_description": "Osoitetta luotaessa tapahtui virhe. Voi olla, että palvelin ei salli sitä tai kyseessä oli tilapäinen virhe.",
+            "error_creating_alias_title": "Virhe osoitetta luotaessa",
+            "error_deleting_alias_description": "Osoitetta poistaessa tapahtui virhe. Osoitetta ei ehkä ole enää olemassa tai kyseessä oli tilapäinen virhe.",
+            "error_deleting_alias_description_forbidden": "Sinulla ei ole oikeutta poistaa osoitetta.",
+            "error_deleting_alias_title": "Virhe osoitetta poistettaessa",
+            "error_publishing": "Huonetta ei voi julkaista",
+            "error_publishing_detail": "Tämän huoneen julkaisemisessa tapahtui virhe",
+            "error_save_space_settings": "Tilan asetusten tallentaminen epäonnistui.",
+            "error_updating_alias_description": "Huoneen vaihtoehtoisten osoitteiden päivittämisessä tapahtui virhe. Palvelin ei ehkä salli sitä tai kyseessä oli tilapäinen virhe.",
+            "error_updating_canonical_alias_description": "Huoneen pääosoitteen päivityksessä tapahtui virhe. Se ei välttämättä ole sallittua tällä palvelimella tai kyseessä on väliaikainen virhe.",
+            "error_updating_canonical_alias_title": "Pääosoitteen päivityksessä tapahtui virhe",
+            "leave_space": "Poistu tilasta",
+            "local_alias_field_label": "Paikallinen osoite",
+            "local_aliases_explainer_room": "Aseta osoitteita tälle huoneelle, jotta käyttäjät löytävät tämän huoneen kotipalvelimeltasi (%(localDomain)s)",
+            "local_aliases_explainer_space": "Aseta osoitteita tälle tilalle, jotta käyttäjät löytävät tämän tilan kotipalvelimeltasi (%(localDomain)s)",
+            "local_aliases_section": "Paikalliset osoitteet",
+            "name_field_label": "Huoneen nimi",
+            "new_alias_placeholder": "Uusi julkaistu osoite (esim. #alias:palvelin)",
+            "no_aliases_room": "Tällä huoneella ei ole paikallista osoitetta",
+            "no_aliases_space": "Tällä tilalla ei ole paikallista osoitetta",
+            "other_section": "Muut",
+            "publish_toggle": "Julkaise tämä huone verkkotunnuksen %(domain)s huoneluettelossa?",
+            "published_aliases_description": "Osoitteen julkaisemiseksi se täytyy ensin asettaa paikalliseksi osoitteeksi.",
+            "published_aliases_explainer_room": "Julkaistujen osoitteiden avulla kuka tahansa millä tahansa palvelimella voi liittyä huoneeseesi.",
+            "published_aliases_explainer_space": "Julkaistuja osoitteita voi käyttää kuka tahansa millä tahansa palvelimella liittyäkseen tilaasi.",
+            "published_aliases_section": "Julkaistut osoitteet",
+            "save": "Tallenna muutokset",
+            "topic_field_label": "Huoneen aihe"
+        },
+        "notifications": {
+            "browse_button": "Selaa",
+            "custom_sound_prompt": "Aseta uusi mukautettu ääni",
+            "notification_sound": "Ilmoitusääni",
+            "settings_link": "Vastaanota ilmoitukset <a>asetuksissa</a> määrittämälläsi tavalla",
+            "sounds_section": "Äänet",
+            "upload_sound_label": "Lähetä mukautettu ääni",
+            "uploaded_sound": "Asetettu ääni"
+        },
+        "people": {
+            "knock_empty": "Ei pyyntöjä",
+            "see_less": "Näytä vähemmän",
+            "see_more": "Näytä enemmän"
+        },
+        "permissions": {
+            "add_privileged_user_filter_placeholder": "Etsi käyttäjiä tästä huoneesta…",
+            "ban": "Anna porttikieltoja",
+            "ban_reason": "Syy",
+            "banned_by": "%(displayName)s antoi porttikiellon",
+            "banned_users_section": "Porttikiellon saaneet käyttäjät",
+            "error_changing_pl_description": "Käyttäjän oikeustasoa muutettaessa tapahtui virhe. Varmista, että sinulla on riittävät oikeudet ja yritä uudelleen.",
+            "error_changing_pl_reqs_description": "Huoneen oikeustasovaatimuksia muutettaessa tapahtui virhe. Varmista, että sinulla on riittävät oikeudet ja yritä uudelleen.",
+            "error_changing_pl_reqs_title": "Virhe muutettaessa oikeustasovaatimusta",
+            "error_changing_pl_title": "Virhe muutettaessa oikeustasoa",
+            "error_unbanning": "Porttikiellon poistaminen epäonnistui",
+            "events_default": "Lähetä viestejä",
+            "invite": "Kutsu käyttäjiä",
+            "kick": "Poista käyttäjiä",
+            "m.call": "Aloita %(brand)s-puheluja",
+            "m.call.member": "Liity %(brand)s-puheluihin",
+            "m.reaction": "Lähetä reaktioita",
+            "m.room.avatar": "Vaihda huoneen kuva",
+            "m.room.avatar_space": "Vaihda tilan kuva",
+            "m.room.canonical_alias": "Vaihda huoneen pääosoite",
+            "m.room.canonical_alias_space": "Vaihda tilan pääosoite",
+            "m.room.encryption": "Ota huoneen salaus käyttöön",
+            "m.room.history_visibility": "Muuta keskusteluhistorian näkyvyyttä",
+            "m.room.name": "Vaihda huoneen nimi",
+            "m.room.name_space": "Vaihda tilan nimi",
+            "m.room.pinned_events": "Hallitse kiinnitettyjä tapahtumia",
+            "m.room.power_levels": "Muuta oikeuksia",
+            "m.room.redaction": "Poista lähettämäni viestit",
+            "m.room.server_acl": "Muuta palvelimen pääsynvalvontalistoja",
+            "m.room.tombstone": "Päivitä huone uuteen versioon",
+            "m.room.topic": "Vaihda aihe",
+            "m.room.topic_space": "Vaihda kuvaus",
+            "m.space.child": "Hallinnoi huoneita tässä tilassa",
+            "m.widget": "Muokkaa sovelmia",
+            "muted_users_section": "Mykistetyt käyttäjät",
+            "no_privileged_users": "Kellään käyttäjällä ei ole erityisiä oikeuksia",
+            "notifications.room": "Kiinnitä kaikkien huomio",
+            "permissions_section": "Oikeudet",
+            "permissions_section_description_room": "Valitse roolit, jotka vaaditaan huoneen eri osioiden muuttamiseen",
+            "permissions_section_description_space": "Valitse roolit, jotka vaaditaan tilan eri osioiden muuttamiseen",
+            "privileged_users_section": "Etuoikeutetut käyttäjät",
+            "redact": "Poista toisten lähettämät viestit",
+            "send_event_type": "Lähetä %(eventType)s-tapahtumat",
+            "state_default": "Vaihda asetuksia",
+            "title": "Roolit ja oikeudet",
+            "users_default": "Oletusrooli"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Salausta ei voi ottaa pois käytöstä käyttöönoton jälkeen. Viestejä, jotka on lähetetty salattuun huoneeseen, voidaan lukea vain huoneen jäsenten, ei palvelimen, toimesta. Salauksen käyttöönotto saattaa haitata bottien ja siltojen toimivuutta. <a>Lisää tietoa salauksesta.</a>",
+            "enable_encryption_confirm_title": "Ota salaus käyttöön?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Julkisten huoneiden salaamista ei suositella.</b> Kuka vain voi löytää julkisen huoneen ja liittyä siihen, joten kuka vain voi lukea sen viestejä. Salauksesta ei ole hyötyä eikä sitä voi poistaa käytöstä myöhemmin. Julkisen huoneen viestien salaaminen hidastaa viestien vastaanottamista ja lähettämistä.",
+            "enable_encryption_public_room_confirm_description_2": "Vältä nämä ongelmat luomalla <a>uusi salausta käyttävä huone</a> keskustelua varten.",
+            "enable_encryption_public_room_confirm_title": "Haluatko varmasti lisätä salauksen tähän julkiseen huoneeseen?",
+            "encrypted_room_public_confirm_description_1": "<b>Ei ole suositeltavaa tehdä salausta käyttävistä huoneista julkisia.</b> Se tarkoittaa, että kuka vain voi löytää huoneen, joten kuka vain voi lukea viestejä. Salauksesta ei siis ole hyötyä. Viestien salaaminen julkisessa huoneessa hidastaa viestien vastaanottamista ja lähettämistä.",
+            "encrypted_room_public_confirm_description_2": "Vältä nämä ongelmat luomalla <a>uusi julkinen huone</a> aikomallesi keskustelulle.",
+            "encrypted_room_public_confirm_title": "Haluatko varmasti tehdä tästä salatusta huoneesta julkisen?",
+            "encryption_permanent": "Kun salaus on kerran otettu käyttöön, sitä ei voi poistaa käytöstä.",
+            "error_join_rule_change_title": "Liittymissääntöjen päivittäminen epäonnistui",
+            "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": "Jäsenet kutsusta lähtien",
+            "history_visibility_legend": "Ketkä voivat lukea historiaa?",
+            "history_visibility_shared": "Jäsenet (koko historia)",
+            "history_visibility_warning": "Muutokset eivät vaikuta aiempiin viesteihin, vain uusiin. <a>Lue lisää</a>",
+            "history_visibility_world_readable": "Kuka tahansa (historia on julkinen)",
+            "join_rule_description": "Päätä ketkä voivat liittyä huoneeseen %(roomName)s.",
+            "join_rule_invite": "Vain kutsutut",
+            "join_rule_invite_description": "Vain kutsutut ihmiset voivat liittyä.",
+            "join_rule_public_description": "Kuka tahansa voi liittyä.",
+            "join_rule_restricted": "Tilan jäsenet",
+            "join_rule_restricted_description": "Kuka tahansa valtuutetuissa tiloissa liittyä ilman kutsua. <a>Hallitse tiloja</a>",
+            "join_rule_restricted_description_active_space": "Kuka tahansa tilassa <spaceName/> voi liittyä.",
+            "join_rule_restricted_description_prompt": "Kuka tahansa tilassa voi liittyä.",
+            "join_rule_restricted_description_spaces": "Valtuutetut tilat",
+            "join_rule_restricted_dialog_description": "Tilat, joiden jäsenet voivat liittyä huoneeseen <RoomName/> ilman kutsua.",
+            "join_rule_restricted_dialog_empty_warning": "Olet poistamassa kaikkia valtuutettuja tiloja. Pääsy asetetaan vain kutsutuille.",
+            "join_rule_restricted_dialog_filter_placeholder": "Etsi tiloja",
+            "join_rule_restricted_dialog_heading_known": "Tilasi, jotka eivät sisällä tätä huonetta",
+            "join_rule_restricted_dialog_heading_other": "Muut tilat, joiden jäsen et ole",
+            "join_rule_restricted_dialog_heading_room": "Tilasi, jotka sisältävät tämän huoneen",
+            "join_rule_restricted_dialog_heading_space": "Tuntemasi tilat, jotka sisältävät tämän tilan",
+            "join_rule_restricted_dialog_title": "Hallitse tiloja",
+            "join_rule_restricted_n_more": {
+                "one": "& %(count)s lisää",
+                "other": "& %(count)s lisää"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Tällä hetkellä yksi tila on valtuutettu",
+                "other": "Tällä hetkellä %(count)s tilaa on valtuutettu"
+            },
+            "join_rule_restricted_upgrade_description": "Tämä päivitys antaa valittujen tilojen jäsenten liittyä tähän huoneeseen ilman kutsua.",
+            "join_rule_restricted_upgrade_warning": "Tämä huone on joissain tiloissa, joissa et ole ylläpitäjänä. Ne tilat tulevat edelleen näyttämään vanhan huoneen, mutta ihmisiä kehotetaan liittymään uuteen.",
+            "join_rule_upgrade_awaiting_room": "Ladataan uutta huonetta",
+            "join_rule_upgrade_required": "Päivitys vaaditaan",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Lähetetään kutsua...",
+                "other": "Lähetetään kutsuja... (%(progress)s / %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Päivitetään tilaa...",
+                "other": "Päivitetään tiloja... (%(progress)s/%(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Päivitetään huonetta",
+            "public_without_alias_warning": "Lisää osoite linkittääksesi tähän huoneeseen.",
+            "publish_room": "Aseta tämä huone näkyväksi julkisten huoneiden hakemistossa.",
+            "publish_space": "Tee tämä tila näkyväksi julkisten huoneiden hakemistossa.",
+            "strict_encryption": "Lähetä viestejä vain vahvistetuille käyttäjille.",
+            "title": "Turvallisuus ja yksityisyys"
+        },
+        "title": "Huoneen asetukset — %(roomName)s",
+        "upload_avatar_label": "Lähetä profiilikuva",
+        "visibility": {
+            "alias_section": "Osoite",
+            "error_failed_save": "Tämän tilan asetusten päivittäminen epäonnistui",
+            "error_update_guest_access": "Vieraiden pääsyasetusten muuttaminen epäonnistui",
+            "error_update_history_visibility": "Historian näkyvyysasetusten muuttaminen epäonnistui",
+            "guest_access_explainer": "Vieraat voivat liittyä tilaan ilman tiliä. Tämä voi olla hyödyllinen julkisissa tiloissa.",
+            "guest_access_label": "Ota käyttöön vieraiden pääsy",
+            "history_visibility_anyone_space": "Esikatsele tilaa",
+            "history_visibility_anyone_space_description": "Salli ihmisten esikatsella tilaasi ennen liittymistä.",
+            "history_visibility_anyone_space_recommendation": "Suositeltu julkisiin tiloihin.",
+            "title": "Turvallisuus ja yksityisyys"
+        },
+        "voip": {
+            "call_type_section": "Puhelun tyyppi",
+            "enable_element_call_caption": "%(brand)s on päästä päähän salattu, mutta on tällä hetkellä rajattu pienelle määrälle käyttäjiä.",
+            "enable_element_call_label": "Ota %(brand)s käyttöön puheluiden lisävaihtoehtona tässä huoneessa",
+            "enable_element_call_no_permissions_tooltip": "Oikeutesi eivät riitä tämän muuttamiseen."
+        }
+    },
+    "room_summary_card_back_action_label": "Huoneen tiedot",
+    "scalar": {
+        "error_create": "Sovelman luominen epäonnistui.",
+        "error_membership": "Et ole tässä huoneessa.",
+        "error_missing_room_id": "roomId puuttuu.",
+        "error_missing_room_id_request": "room_id puuttuu kyselystä",
+        "error_missing_user_id_request": "user_id puuttuu kyselystä",
+        "error_permission": "Sinulla ei ole oikeutta tehdä tuota tässä huoneessa.",
+        "error_power_level_invalid": "Oikeustason pitää olla positiivinen kokonaisluku.",
+        "error_room_not_visible": "Huone %(roomId)s ei ole näkyvissä",
+        "error_room_unknown": "Huonetta ei tunnistettu.",
+        "error_send_request": "Pyynnön lähettäminen epäonnistui.",
+        "failed_read_event": "Tapahtumien lukeminen epäonnistui",
+        "failed_send_event": "Tapahtuman lähettäminen epäonnistui"
+    },
+    "server_offline": {
+        "description": "Palvelimesi ei vastaa joihinkin pyynnöistäsi. Alla on joitakin todennäköisimpiä syitä.",
+        "description_1": "Palvelin (%(serverName)s) ei vastannut ajoissa.",
+        "description_2": "Palomuurisi tai virustentorjuntaohjelmasi estää pyynnön.",
+        "description_3": "Selainlaajennus estää pyynnön.",
+        "description_4": "Palvelin ei ole verkossa.",
+        "description_5": "Palvelin eväsi pyyntösi.",
+        "description_6": "Alueellasi on ongelmia internet-yhteyksissä.",
+        "description_7": "Yhteysvirhe yritettäessä ottaa yhteyttä palvelimeen.",
+        "description_8": "Palvelinta ei ole säädetty ilmoittamaan, mikä ongelma on kyseessä (CORS).",
+        "empty_timeline": "Olet ajan tasalla.",
+        "recent_changes_heading": "Tuoreet muutokset, joita ei ole vielä otettu vastaan",
+        "title": "Palvelin ei vastaa"
+    },
+    "seshat": {
+        "error_initialising": "Viestihaun alustus epäonnistui. Lisätietoa <a>asetuksissa</a>.",
+        "warning_kind_files": "Tämä %(brand)s-versio ei tue joidenkin salattujen tiedostojen katselua",
+        "warning_kind_files_app": "Voit tarkastella kaikkia salattuja tiedostoja <a>työpöytäsovelluksella</a>",
+        "warning_kind_search": "Tämä %(brand)s-versio ei tue salattujen viestien hakua",
+        "warning_kind_search_app": "Käytä salattuja viestejä <a>työpöytäsovelluksella</a>"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Käyttöpolettisi (ns. token) antaa täyden pääsyn tilillesi. Älä jaa sitä kenenkään kanssa.",
+            "brand_version": "%(brand)s-versio:",
+            "clear_cache_reload": "Tyhjennä välimuisti ja lataa uudelleen",
+            "dialog_title": "<strong>Asetukset:</strong> Ohje ja tietoja",
+            "help_link": "Saadaksesi apua %(brand)sin käyttämisessä, napsauta <a>tästä</a>.",
+            "homeserver": "Kotipalvelin on <code>%(homeserverUrl)s</code>",
+            "identity_server": "Identiteettipalvelin on <code>%(identityServerUrl)s</code>",
+            "title": "Ohje ja tietoja",
+            "versions": "Versiot"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Asetukset:</strong> Tili",
+            "title": "Tili"
+        },
+        "all_rooms_home": "Näytä kaikki huoneet etusivulla",
+        "all_rooms_home_description": "Kaikki huoneet, joissa olet, näkyvät etusivulla.",
+        "always_show_message_timestamps": "Näytä aina viestien aikaleimat",
+        "appearance": {
+            "compact_layout": "Näytä tiiviit tekstit ja viestit",
+            "custom_font": "Käytä järjestelmän fonttia",
+            "custom_font_description": "Aseta käyttöjärjestelmääsi asennetun fontin nimi, niin %(brand)s pyrkii käyttämään sitä.",
+            "custom_font_name": "Järjestelmän fontin nimi",
+            "custom_font_size": "Käytä mukautettua kokoa",
+            "custom_theme_add": "Lisää mukautettu teema",
+            "custom_theme_downloading": "Ladataan mukautettua teemaa...",
+            "custom_theme_error_downloading": "Virhe ladattaessa teemaa",
+            "custom_theme_invalid": "Epäkelpo teeman skeema.",
+            "dialog_title": "<strong>Asetukset:</strong> Ulkoasu",
+            "font_size": "Fontin koko",
+            "font_size_default": "%(fontSize)s (oletus)",
+            "high_contrast": "Suuri kontrasti",
+            "image_size_default": "Oletus",
+            "image_size_large": "Suuri",
+            "layout_bubbles": "Viestikuplat",
+            "layout_irc": "IRC (kokeellinen)",
+            "match_system_theme": "Käytä järjestelmän teemaa",
+            "timeline_image_size": "Kuvan koko aikajanalla"
+        },
+        "automatic_language_detection_syntax_highlight": "Ota automaattinen kielentunnistus käyttöön syntaksikorostusta varten",
+        "autoplay_gifs": "Toista GIF-tiedostot automaattisesti",
+        "autoplay_videos": "Toista videot automaattisesti",
+        "big_emoji": "Ota käyttöön suuret emojit keskusteluissa",
+        "code_block_expand_default": "Laajenna koodilohkot oletuksena",
+        "code_block_line_numbers": "Näytä rivinumerot koodilohkoissa",
+        "emoji_autocomplete": "Näytä emoji-ehdotuksia kirjoittaessa",
+        "enable_markdown": "Ota Markdown käyttöön",
+        "enable_markdown_description": "Aloita viestit kirjoittamalla <code>/plain</code> lähettääksesi ilman markdownia.",
+        "encryption": {
+            "advanced": {
+                "details_title": "Salauksen tiedot",
+                "export_keys": "Vie avaimet",
+                "import_keys": "Tuo avaimet",
+                "session_id": "Istunnon tunniste:",
+                "session_key": "Istunnon avain:"
+            },
+            "device_not_verified_button": "Vahvista tämä laite",
+            "device_not_verified_description": "Sinun on vahvistettava tämä laite, jotta voit tarkastella salausasetuksiasi.",
+            "device_not_verified_title": "Laitetta ei ole vahvistettu",
+            "dialog_title": "<strong>Asetukset:</strong> Salaus",
+            "recovery": {
+                "change_recovery_confirm_button": "Vahvista uusi palautusavain",
+                "change_recovery_confirm_title": "Anna uusi palautusavain",
+                "change_recovery_key": "Vaihda palautusavain",
+                "change_recovery_key_title": "Vaihdetaanko palautusavain?",
+                "description": "Keskustelusi varmuuskopioidaan automaattisesti päästä päähän -salauksella. Jotta voit palauttaa tämän varmuuskopion ja säilyttää digitaalisen identiteettisi, kun menetät pääsyn kaikkiin laitteisiisi, tarvitset palautusavaimesi.",
+                "enter_key_error": "Kirjoittamasi palautusavain ei ole oikein.",
+                "enter_recovery_key": "Kirjoita palautusavain",
+                "forgot_recovery_key": "Unohditko palautusavaimen?",
+                "save_key_description": "Älä jaa tätä kenenkään kanssa!",
+                "save_key_title": "Palautusavain",
+                "set_up_recovery": "Hanki palautusavain",
+                "set_up_recovery_confirm_title": "Anna palautusavain vahvistaaksesi",
+                "set_up_recovery_save_key_title": "Tallenna palautusavain turvalliseen paikkaan",
+                "set_up_recovery_secondary_description": "Kun napsautat Jatka, sinulle luodaan palautusavain.",
+                "title": "Varmuuskopio"
+            },
+            "title": "Salaus"
+        },
+        "general": {
+            "account_management_section": "Tilin hallinta",
+            "account_section": "Tili",
+            "add_email_dialog_title": "Lisää sähköpostiosoite",
+            "add_email_failed_verification": "Sähköpostin vahvistus epäonnistui: varmista, että napsautit sähköpostissa olevaa linkkiä",
+            "add_email_instructions": "Lähetimme sinulle sähköpostin osoitteesi vahvistamiseksi. Noudata sähköpostissa olevia ohjeita, ja napsauta sen jälkeen alla olevaa painiketta.",
+            "add_msisdn_confirm_body": "Napsauta alapuolella olevaa painiketta lisätäksesi tämän puhelinnumeron.",
+            "add_msisdn_confirm_button": "Vahvista puhelinnumeron lisääminen",
+            "add_msisdn_confirm_sso_button": "Vahvista tämän puhelinnumeron lisääminen todistamalla henkilöllisyytesi kertakirjautumista käyttäen.",
+            "add_msisdn_dialog_title": "Lisää puhelinnumero",
+            "add_msisdn_instructions": "Tekstiviesti on lähetetty numeroon +%(msisdn)s. Syötä siinä oleva varmistuskoodi.",
+            "allow_spellcheck": "Salli oikeinkirjoituksen tarkistus",
+            "application_language": "Sovelluksen kieli",
+            "application_language_reload_hint": "Sovellus käynnistyy uudelleen, kun valitset toisen kielen",
+            "avatar_remove_progress": "Poistetaan kuva...",
+            "avatar_save_progress": "Lähetetään kuva…",
+            "avatar_upload_error_text": "Tiedostomuoto ei ole tuettu tai kuva on suurempi kuin %(size)s.",
+            "avatar_upload_error_text_generic": "Tiedostomuotoa ei ehkä tueta.",
+            "confirm_adding_email_body": "Napsauta alapuolella olevaa painiketta lisätäksesi tämän sähköpostiosoitteen.",
+            "confirm_adding_email_title": "Vahvista sähköpostin lisääminen",
+            "deactivate_confirm_body": "Haluatko varmasti poistaa tilisi pysyvästi?",
+            "deactivate_confirm_body_sso": "Vahvista tilin deaktivointi todistamalla henkilöllisyytesi kertakirjautumista käyttäen.",
+            "deactivate_confirm_content": "Vahvista, että haluat deaktivoida eli poistaa tilisi. Jos jatkat:",
+            "deactivate_confirm_content_1": "Et voi ottaa tiliäsi uudelleen käyttöön",
+            "deactivate_confirm_content_2": "Et voi enää kirjautua",
+            "deactivate_confirm_content_4": "Poistut kaikista huoneista ja yksityisviesteistä, joissa olet",
+            "deactivate_confirm_content_5": "Sinut poistetaan identiteettipalvelimelta. Kaverisi eivät voi enää löytää sinua sähköpostin tai puhelinnumeron perusteella.",
+            "deactivate_confirm_content_6": "Vanhat viestisi näkyvät silti niiden vastaanottajille samaan tapaan kuin lähettämäsi sähköpostiviestit. Haluaisitko piilottaa lähettämäsi viestit huoneeseen myöhemmin liittyviltä ihmisiltä?",
+            "deactivate_confirm_continue": "Vahvista tilin deaktivointi",
+            "deactivate_confirm_erase_label": "Piilota viestini uusilta liittyjiltä",
+            "deactivate_section": "Poista tili pysyvästi",
+            "deactivate_warning": "Tilin deaktivointi on peruuttamaton toiminto — ole varovainen!",
+            "discovery_email_empty": "Etsinnän asetukset näkyvät sen jälkeen, kun olet lisännyt sähköpostin.",
+            "discovery_email_verification_instructions": "Varmista sähköpostiisi saapunut linkki",
+            "discovery_msisdn_empty": "Etsinnän asetukset näkyvät sen jälkeen, kun olet lisännyt puhelinnumeron.",
+            "discovery_needs_terms": "Hyväksy identiteettipalvelimen (%(serverName)s) käyttöehdot, jotta sinut voi löytää sähköpostiosoitteen tai puhelinnumeron perusteella.",
+            "discovery_needs_terms_title": "Anna ihmisten löytää sinut",
+            "display_name": "Näyttönimi",
+            "display_name_error": "Näyttönimeä ei voi asettaa",
+            "email_adding_unsupported_by_hs": "Tämä kotipalvelin ei tue sähköpostiosoitteiden lisäämistä tiliisi.",
+            "email_address_in_use": "Tämä sähköpostiosoite on jo käytössä",
+            "email_address_label": "Sähköpostiosoite",
+            "email_not_verified": "Sähköpostiosoitettasi ei ole vielä varmistettu",
+            "email_verification_instructions": "Napsauta lähettämässämme sähköpostissa olevaa linkkiä vahvistaaksesi tunnuksesi. Napsauta sen jälkeen tällä sivulla olevaa painiketta ”Jatka”.",
+            "emails_heading": "Sähköpostiosoitteet",
+            "error_add_email": "Sähköpostiosoitteen lisääminen epäonnistui",
+            "error_deactivate_communication": "Palvelinyhteydessä oli ongelma. Yritä uudelleen.",
+            "error_deactivate_invalid_auth": "Palvelin ei palauttanut kelvollista tunnistautumistietoa.",
+            "error_deactivate_no_auth": "Palvelin ei vaatinut mitään tunnistautumista",
+            "error_email_verification": "Sähköpostin vahvistaminen epäonnistui.",
+            "error_invalid_email": "Virheellinen sähköpostiosoite",
+            "error_invalid_email_detail": "Tämä ei vaikuta olevan kelvollinen sähköpostiosoite",
+            "error_msisdn_verification": "Puhelinnumeron vahvistaminen epäonnistui.",
+            "error_password_change_403": "Salasanan vaihtaminen epäonnistui. Onko salasanasi oikein?",
+            "error_password_change_http": "%(errorMessage)s (HTTP-tila %(httpStatus)s)",
+            "error_password_change_title": "Virhe salasanan vaihtamisessa",
+            "error_password_change_unknown": "Tuntematon salasananvaihtovirhe (%(stringifiedError)s)",
+            "error_remove_3pid": "Yhteystietojen poistaminen epäonnistui",
+            "error_revoke_email_discovery": "Sähköpostiosoitteen jakamista ei voi perua",
+            "error_revoke_msisdn_discovery": "Puhelinnumeron jakamista ei voi kumota",
+            "error_share_email_discovery": "Sähköpostiosoitetta ei voi jakaa",
+            "error_share_msisdn_discovery": "Puhelinnumeroa ei voi jakaa",
+            "identity_server_not_set": "Identiteettipalvelinta ei ole asetettu",
+            "invalid_phone_number": "Annettu puhelinnumero ei vaikuta olevan kelvollinen.",
+            "language_section": "Kieli",
+            "msisdn_adding_unsupported_by_hs": "Tämä kotipalvelin ei tue puhelinnumeroiden lisäämistä tilillesi.",
+            "msisdn_in_use": "Puhelinnumero on jo käytössä",
+            "msisdn_label": "Puhelinnumero",
+            "msisdn_verification_field_label": "Varmennuskoodi",
+            "msisdn_verification_instructions": "Syötä tekstiviestillä saamasi varmennuskoodi.",
+            "msisdns_heading": "Puhelinnumerot",
+            "oidc_manage_button": "Hallitse tiliä",
+            "password_change_section": "Aseta uusi tilin salasana…",
+            "password_change_success": "Salasanasi vaihtaminen onnistui.",
+            "personal_info": "Henkilökohtaiset tiedot",
+            "profile_subtitle": "Näytät tältä muille sovelluksessa.",
+            "remove_email_prompt": "Poista %(email)s?",
+            "remove_msisdn_prompt": "Poista %(phone)s?",
+            "spell_check_locale_placeholder": "Valitse maa-asetusto",
+            "unable_to_load_emails": "Sähköpostiosoitteita ei voi ladata",
+            "unable_to_load_msisdns": "Puhelinnumeroita ei voi ladata",
+            "username": "Käyttäjätunnus"
+        },
+        "inline_url_previews_default": "Ota esikatselu käyttöön",
+        "insert_trailing_colon_mentions": "Lisää kaksoispiste käyttäjän maininnan perään viestin alussa",
+        "jump_to_bottom_on_send": "Siirry aikajanan pohjalle, kun lähetät viestin",
+        "key_backup": {
+            "setup_secure_backup": {
+                "cancel_warning": "Jos peruutat nyt, voit menettää salattuja viestejä ja tietoja, jos menetät pääsyn kirjautumistietoihisi.",
+                "confirm_security_phrase": "Vahvista turvalause",
+                "description": "Suojaudu salattuihin viesteihin ja tietoihin pääsyn menettämiseltä varmuuskopioimalla salausavaimesi palvelimellesi.",
+                "download_or_copy": "%(downloadButton)s tai %(copyButton)s",
+                "enter_phrase_title": "Kirjoita turvalause",
+                "enter_phrase_to_confirm": "Kirjoita turvalause toistamiseen vahvistaaksesi sen.",
+                "generate_security_key_description": "Luomme sinulle palautusavaimen talletettavaksi jonnekin turvalliseen paikkaan, kuten salasanojen hallintasovellukseen tai kassakaappiin.",
+                "generate_security_key_title": "Luo palautusavain",
+                "pass_phrase_match_failed": "Ei täsmää.",
+                "pass_phrase_match_success": "Täsmää!",
+                "phrase_strong_enough": "Hienoa! Tämä turvalause vaikuttaa riittävän vahvalta.",
+                "secret_storage_query_failure": "Salaisen tallennustilan tilaa ei voi kysellä",
+                "security_key_safety_reminder": "Talleta palautusavaimesi turvalliseen paikkaan, kuten salasanojen hallintasovellukseen tai kassakaappiin, sillä sitä käytetään salaamiesi tietojen suojaamiseen.",
+                "set_phrase_again": "Palaa asettamaan se uudelleen.",
+                "settings_reminder": "Voit myös ottaa käyttöön suojatun varmuuskopioinnin ja hallita avaimia asetuksista.",
+                "title_confirm_phrase": "Vahvista turvalause",
+                "title_save_key": "Tallenna palautusavain",
+                "title_set_phrase": "Aseta turvalause",
+                "unable_to_setup": "Salavaraston käyttöönotto epäonnistui",
+                "use_different_passphrase": "Käytä eri salalausetta?"
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Varmista salasana",
+            "enter_passphrase": "Syötä salalause",
+            "export_description_1": "Tämä prosessi mahdollistaa salatuissa huoneissa vastaanottamiesi viestien salausavainten viemisen tiedostoon. Voit myöhemmin tuoda ne toiseen Matrix-asiakasohjelmaan, jolloin myös se voi purkaa viestit.",
+            "export_title": "Vie huoneen avaimet",
+            "file_to_import": "Tuotava tiedosto",
+            "import_description_1": "Tämä prosessi mahdollistaa aiemmin tallennettujen salausavainten tuominen toiseen Matrix-asiakasohjelmaan. Tämän jälkeen voit purkaa kaikki salatut viestit jotka toinen asiakasohjelma pystyisi purkamaan.",
+            "import_description_2": "Viety tiedosto suojataan salasanalla. Syötä salasana tähän purkaaksesi tiedoston salauksen.",
+            "import_title": "Tuo huoneen avaimet",
+            "phrase_cannot_be_empty": "Salasana ei saa olla tyhjä",
+            "phrase_must_match": "Salasanojen on täsmättävä",
+            "phrase_strong_enough": "Hienoa! Tämä tunnuslause näyttää riittävän vahvalta"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Asetukset:</strong> Näppäimistö",
+            "title": "Näppäimistö"
+        },
+        "labs": {
+            "dialog_title": "<strong>Asetukset:</strong> Laboratorio"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Asetukset:</strong> Ohitetut käyttäjät"
+        },
+        "media_preview": {
+            "hide_media": "Piilota aina",
+            "media_preview_description": "Piilotetun median voi aina näyttää napauttamalla sitä",
+            "media_preview_label": "Näytä media aikajanalla",
+            "show_media": "Näytä aina"
+        },
+        "notifications": {
+            "desktop_notification_message_preview": "Näytä viestin esikatselu työpöytäilmoituksessa",
+            "dialog_title": "<strong>Asetukset:</strong> Ilmoitukset",
+            "email_section": "Sähköpostin yhteenveto",
+            "enable_audible_notifications_session": "Ota käyttöön ääni-ilmoitukset tälle istunnolle",
+            "enable_desktop_notifications_session": "Ota käyttöön työpöytäilmoitukset tälle istunnolle",
+            "enable_email_notifications": "Sähköposti-ilmoitukset osoitteeseen %(email)s",
+            "enable_notifications_account": "Ota ilmoitukset käyttöön tälle tilille",
+            "enable_notifications_account_detail": "Poista käytöstä, niin kaikkien laitteiden ja istuntojen ilmoitukset ovat pois päältä",
+            "enable_notifications_device": "Ota ilmoitukset käyttöön tälle laitteelle",
+            "error_loading": "Virhe ladatessa ilmoitusasetuksia.",
+            "error_permissions_denied": "%(brand)silla ei ole oikeuksia lähettää sinulle ilmoituksia. Ole hyvä ja tarkista selaimen asetukset",
+            "error_permissions_missing": "%(brand)s ei saanut lupaa lähettää ilmoituksia - yritä uudelleen",
+            "error_saving": "Virhe tallentaessa ilmoitusasetuksia",
+            "error_saving_detail": "Ilmoitusasetuksia tallentaessa tapahtui virhe.",
+            "error_title": "Ilmoitusten käyttöönotto epäonnistui",
+            "mentions_keywords": "Maininnat ja avainsanat",
+            "mentions_keywords_only": "Vain maininnat ja avainsanat",
+            "messages_containing_keywords": "Viestit, jotka sisältävät avainsanoja",
+            "noisy": "Äänekäs",
+            "people_mentions_keywords": "Ihmiset, maininnat ja avainsanat",
+            "push_targets": "Ilmoituksen kohteet",
+            "quick_actions_mark_all_read": "Merkitse kaikki viestit luetuiksi",
+            "quick_actions_reset": "Palauta oletusasetukset",
+            "quick_actions_section": "Pikatoiminnot",
+            "rule_call": "Puhelukutsu",
+            "rule_contains_display_name": "Viestit, jotka sisältävät näyttönimeni",
+            "rule_contains_user_name": "@maininnat ja vastaukset",
+            "rule_encrypted": "Salatut viestit ryhmissä",
+            "rule_encrypted_room_one_to_one": "Salatut viestit kahdenkeskisissä keskusteluissa",
+            "rule_invite_for_me": "Kun minut kutsutaan huoneeseen",
+            "rule_message": "Viestit ryhmissä",
+            "rule_room_one_to_one": "Viestit kahdenkeskisissä keskusteluissa",
+            "rule_roomnotif": "@room-maininnat",
+            "rule_suppress_notices": "Bottien lähettämät viestit",
+            "rule_tombstone": "Kun huoneet päivitetään",
+            "show_message_desktop_notification": "Näytä viestit ilmoituskeskuksessa",
+            "voip": "Ääni- ja videopuhelut"
+        },
+        "preferences": {
+            "always_show_menu_bar": "Näytä aina ikkunan valikkorivi",
+            "autocomplete_delay": "Automaattisen täydennyksen viive (ms)",
+            "code_blocks_heading": "Koodilohkot",
+            "compact_modern": "Käytä entistä kompaktimpaa, \"Modernia\", asettelua",
+            "composer_heading": "Viestin kirjoitus",
+            "default_timezone": "Selaimen oletus (%(timezone)s)",
+            "dialog_title": "<strong>Asetukset:</strong> Valinnat",
+            "enable_hardware_acceleration": "Ota laitteistokiihdytys käyttöön",
+            "enable_tray_icon": "Näytä ilmaisinalueen kuvake ja pienennä ikkuna siihen suljettaessa",
+            "keyboard_heading": "Pikanäppäimet",
+            "keyboard_view_shortcuts_button": "Katso kaikki pikanäppäimet <a>napsauttamalla tästä</a>.",
+            "media_heading": "Kuvat, GIF:t ja videot",
+            "presence_description": "Jaa toimintasi ja tilasi muiden kanssa.",
+            "publish_timezone": "Julkaise aikavyöhyke julkisessa profiilissa",
+            "rm_lifetime": "Viestin luetuksi merkkaamisen kesto (ms)",
+            "rm_lifetime_offscreen": "Viestin luetuksi merkkaamisen kesto, kun Element ei ole näkyvissä (ms)",
+            "room_directory_heading": "Huoneluettelo",
+            "room_list_heading": "Huoneluettelo",
+            "show_polls_button": "Näytä kyselypainike",
+            "time_heading": "Ajan näyttäminen",
+            "user_timezone": "Aseta aikavyöhyke"
+        },
+        "prompt_invite": "Kysy varmistus ennen kutsujen lähettämistä mahdollisesti epäkelpoihin Matrix ID:hin",
+        "replace_plain_emoji": "Korvaa automaattisesti teksimuotoiset emojit",
+        "security": {
+            "analytics_description": "Jaa nimettömiä tietoja auttaaksesi meitä tunnistamaan ongelmia. Ei mitään henkilökohtaista. Ei kolmansia osapuolia.",
+            "bulk_options_accept_all_invites": "Hyväksy kaikki %(invitedRooms)s kutsua",
+            "bulk_options_reject_all_invites": "Hylkää kaikki %(invitedRooms)s kutsua",
+            "bulk_options_section": "Massatoimintoasetukset",
+            "dialog_title": "<strong>Asetukset:</strong> Turvallisuus ja yksityisyys",
+            "e2ee_default_disabled_warning": "Palvelimesi ylläpitäjä on poistanut päästä päähän -salauksen oletuksena käytöstä yksityisissä huoneissa ja yksityisviesteissä.",
+            "enable_message_search": "Ota viestihaku salausta käyttävissä huoneissa käyttöön",
+            "encryption_section": "Salaus",
+            "ignore_users_empty": "Et ole sivuuttanut käyttäjiä.",
+            "ignore_users_section": "Sivuutetut käyttäjät",
+            "key_backup_algorithm": "Algoritmi:",
+            "message_search_disable_warning": "Jos ei ole käytössä, salattujen huoneiden viestejä ei näytetä hakutuloksissa.",
+            "message_search_disabled": "Pidä salatut viestit turvallisessa välimuistissa, jotta ne näkyvät hakutuloksissa.",
+            "message_search_enabled": {
+                "other": "Pidä salatut viestit turvallisessa välimuistissa, jotta ne näkyvät hakutuloksissa. Käytössä %(size)s, talletetaan viestit %(rooms)s huoneesta.",
+                "one": "Pidä salatut viestit turvallisessa välimuistissa, jotta ne näkyvät hakutuloksissa. Käytössä %(size)s, talletetaan viestit %(rooms)s huoneesta."
+            },
+            "message_search_failed": "Viestihaun alustus epäonnistui",
+            "message_search_indexed_messages": "Indeksoidut viestit:",
+            "message_search_indexed_rooms": "Indeksoidut huoneet:",
+            "message_search_indexing": "Indeksoidaan huonetta: %(currentRoom)s",
+            "message_search_indexing_idle": "Minkään huoneen viestejä ei tällä hetkellä indeksoida.",
+            "message_search_intro": "%(brand)s tallentaa turvallisesti salattuja viestejä välimuistiin, jotta ne näkyvät hakutuloksissa:",
+            "message_search_room_progress": "%(doneRooms)s / %(totalRooms)s",
+            "message_search_section": "Viestihaku",
+            "message_search_sleep_time": "Kuinka nopeasti viestit pitäisi ladata.",
+            "message_search_space_used": "Käytetty tila:",
+            "message_search_unsupported": "%(brand)sissa ei ole joitain komponentteja, joita tarvitaan viestien turvalliseen välimuistitallennukseen. Jos haluat kokeilla tätä ominaisuutta, käännä mukautettu %(brand)s Desktop, jossa on mukana <nativeLink>hakukomponentit</nativeLink>.",
+            "record_session_details": "Talleta asiakasohjelmiston nimi, versio ja URL-osoite tunnistaaksesi istunnot istuntohallinnassa",
+            "send_analytics": "Lähetä analytiikkatietoja",
+            "strict_encryption": "Lähetä viestejä vain vahvistetuille käyttäjille"
+        },
+        "send_read_receipts": "Lähetä lukukuittaukset",
+        "send_read_receipts_unsupported": "Palvelimesi ei tue lukukuittausten lähettämisen poistamista käytöstä.",
+        "send_typing_notifications": "Lähetä kirjoitusilmoituksia",
+        "sessions": {
+            "best_security_note": "Parhaan turvallisuuden takaamiseksi vahvista istuntosi ja poista istunnot, joita et tunnista tai et enää käytä.",
+            "confirm_sign_out": {
+                "one": "Vahvista tämän laitteen poistaminen",
+                "other": "Vahvista näiden laitteiden poistaminen"
+            },
+            "confirm_sign_out_body": {
+                "one": "Napsauta alla olevaa painiketta vahvistaaksesi tämän laitteen poistamisen.",
+                "other": "Napsauta alla olevaa painiketta vahvistaaksesi näiden laitteiden poistamisen."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Poista laite",
+                "other": "Poista laitteet"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Vahvista tämän laitteen poistaminen todistamalla henkilöllisyytesi kertakirjautumista käyttäen.",
+                "other": "Vahvista näiden laitteiden poistaminen todistamalla henkilöllisyytesi kertakirjautumista käyttäen."
+            },
+            "current_session": "Nykyinen istunto",
+            "desktop_session": "Työpöytäistunto",
+            "details_heading": "Istunnon tiedot",
+            "device_unverified_description": "Vahvista tai poista tämä istunto parhaan turvallisuuden ja luotettavuuden takaamiseksi.",
+            "device_verified_description": "Tämä istunto on valmis turvallista viestintää varten.",
+            "device_verified_description_current": "Nykyinen istuntosi on valmis turvalliseen viestintään.",
+            "dialog_title": "<strong>Asetukset:</strong> Istunnot",
+            "error_set_name": "Istunnon nimen asettaminen epäonnistui",
+            "filter_all": "Kaikki",
+            "filter_inactive": "Passiivinen",
+            "filter_inactive_description": "Passiivinen %(inactiveAgeDays)s päivää tai pidempään",
+            "filter_label": "Suodata laitteita",
+            "filter_unverified_description": "Ei valmis turvalliseen viestintään",
+            "filter_verified_description": "Valmis turvalliseen viestintään",
+            "hide_details": "Piilota yksityiskohdat",
+            "inactive_days": "Passiivinen %(inactiveAgeDays)s+ päivää",
+            "inactive_sessions": "Passiiviset istunnot",
+            "inactive_sessions_list_description": "Harkitse vanhojen (%(inactiveAgeDays)s tai useamman päivän ikäisiä), käyttämättömien istuntojen poistamista.",
+            "ip": "IP-osoite",
+            "last_activity": "Viimeisin toiminta",
+            "manage": "Hallitse tätä istuntoa",
+            "mobile_session": "Mobiili-istunto",
+            "n_sessions_selected": {
+                "one": "%(count)s istunto valittu",
+                "other": "%(count)s istuntoa valittu"
+            },
+            "no_inactive_sessions": "Passiivisia istuntoja ei löytynyt.",
+            "no_sessions": "Istuntoja ei löytynyt.",
+            "no_unverified_sessions": "Vahvistamattomia istuntoja ei löytynyt.",
+            "no_verified_sessions": "Vahvistettuja istuntoja ei löytynyt.",
+            "other_sessions_heading": "Muut istunnot",
+            "push_heading": "Push-ilmoitukset",
+            "push_subheading": "Vastaanota push-ilmoituksia tässä istunnossa.",
+            "push_toggle": "Push-ilmoitukset tälle istunnolle päälle/pois.",
+            "rename_form_caption": "Ota huomioon, että istuntojen nimet näkyvät ihmisille, joiden kanssa olet yhteydessä.",
+            "rename_form_heading": "Nimeä istunto uudelleen",
+            "rename_form_learn_more": "Istuntojen nimeäminen uudelleen",
+            "rename_form_learn_more_description_1": "Muut käyttäjät yksityisviesteissä ja huoneissa, joihin liityt, näkevät luettelon kaikista istunnoistasi.",
+            "rename_form_learn_more_description_2": "Tämä antaa heille varmuuden, että he keskustelevat oikeasti sinun kanssasi, mutta se myös tarkoittaa, että he näkevät tähän syöttämäsi istunnon nimen.",
+            "security_recommendations": "Turvallisuussuositukset",
+            "security_recommendations_description": "Paranna tilisi tietoturvaa seuraamalla näitä suosituksia.",
+            "session_id": "Istuntotunniste",
+            "show_details": "Näytä yksityiskohdat",
+            "sign_in_with_qr": "Yhdistä uusi laite",
+            "sign_in_with_qr_button": "Näytä QR-koodi",
+            "sign_in_with_qr_description": "Kirjaudu QR-koodin avulla toiseen laitteeseen ja määritä suojattu viestinvälitys.",
+            "sign_in_with_qr_unsupported": "Palveluntarjoajasi ei tue tätä",
+            "sign_out": "Poista tämä istunto",
+            "sign_out_all_other_sessions": "Poista kaikki muut istunnot (%(otherSessionsCount)s )",
+            "sign_out_confirm_description": {
+                "one": "Haluatko varmasti poistaa %(count)s istunnon?",
+                "other": "Haluatko varmasti poistaa %(count)s istuntoa?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Poista %(count)s istunto",
+                "other": "Poista %(count)s istuntoa"
+            },
+            "title": "Istunnot",
+            "unknown_session": "Tuntematon istunnon tyyppi",
+            "unverified_session": "Vahvistamaton istunto",
+            "unverified_session_explainer_1": "Tämä istunto ei tue salausta, joten sitä ei voi vahvistaa.",
+            "unverified_session_explainer_2": "Käyttäessäsi tätä istuntoa et voi osallistua huoneisiin, joissa salaus on käytössä.",
+            "unverified_session_explainer_3": "Parhaan tietoturvan ja yksityisyyden vuoksi on suositeltavaa käyttää salausta tukevia Matrix-asiakasohjelmistoja.",
+            "unverified_sessions": "Vahvistamattomat istunnot",
+            "url": "Verkko-osoite",
+            "verified_session": "Vahvistettu istunto",
+            "verified_sessions": "Vahvistetut istunnot",
+            "verified_sessions_list_description": "Parhaan turvallisuuden takaamiseksi poista istunnot, joita et tunnista tai et enää käytä.",
+            "verify_session": "Vahvista istunto",
+            "web_session": "Web-istunto"
+        },
+        "show_avatar_changes": "Näytä profiilikuvan muutokset",
+        "show_breadcrumbs": "Näytä oikotiet viimeksi katsottuihin huoneisiin huoneluettelon yläpuolella",
+        "show_chat_effects": "Näytä keskustelutehosteet (animaatiot, kun saat esim. konfettia)",
+        "show_displayname_changes": "Näytä näyttönimien muutokset",
+        "show_join_leave": "Näytä liittymis- ja poistumisviestit (ei vaikutusta kutsuihin, poistamisiin ja porttikieltoihin)",
+        "show_message_previews": "Näytä viestien esikatselut",
+        "show_nsfw_content": "Näytä NSFW-sisältö",
+        "show_read_receipts": "Näytä muiden käyttäjien lukukuittaukset",
+        "show_redaction_placeholder": "Näytä paikanpitäjä poistetuille viesteille",
+        "show_stickers_button": "Näytä tarrapainike",
+        "show_typing_notifications": "Näytä kirjoitusilmoitukset",
+        "sidebar": {
+            "dialog_title": "<strong>Asetukset:</strong> Sivupalkki",
+            "metaspaces_home_all_rooms": "Näytä kaikki huoneet",
+            "metaspaces_home_all_rooms_description": "Näytä kaikki huoneesi etusivulla, vaikka ne olisivat jossain muussa tilassa.",
+            "metaspaces_home_description": "Koti on hyödyllinen, sillä sieltä näet yleisnäkymän kaikkeen.",
+            "metaspaces_orphans": "Huoneet, jotka eivät kuulu mihinkään tilaan",
+            "metaspaces_orphans_description": "Ryhmitä kaikki huoneesi, jotka eivät ole osa tilaa, yhteen paikkaan.",
+            "metaspaces_subsection": "Näytettävät tilat",
+            "metaspaces_video_rooms": "Videohuoneet ja konferenssit",
+            "metaspaces_video_rooms_description": "Ryhmitä kaikki yksityiset videohuoneet ja konferenssit.",
+            "spaces_explainer": "Tilat ovat tapa ryhmitellä huoneita ja ihmisiä. Voit käyttää nykyisten tilojesi lisäksi esivalmisteltuja tiloja.",
+            "title": "Sivupalkki"
+        },
+        "use_12_hour_format": "Näytä aikaleimat 12 tunnin muodossa (esim. 2:30pm)",
+        "use_command_enter_send_message": "Komento + Enter lähettää viestin",
+        "use_command_f_search": "Komento + F hakee aikajanalta",
+        "use_control_enter_send_message": "Ctrl + Enter lähettää viestin",
+        "use_control_f_search": "Ctrl + F hakee aikajanalta",
+        "voip": {
+            "allow_p2p": "Salli vertaisyhteydet kahdenvälisissä puheluissa",
+            "allow_p2p_description": "Kun käytössä, toinen osapuoli voi mahdollisesti nähdä IP-osoitteesi",
+            "audio_input_empty": "Mikrofonia ei löytynyt",
+            "audio_output": "Äänen ulostulo",
+            "audio_output_empty": "Äänen ulostuloja ei havaittu",
+            "auto_gain_control": "Automaattinen vahvistuksen säätö",
+            "dialog_title": "<strong>Asetukset:</strong> Ääni ja video",
+            "echo_cancellation": "Kaiunpoisto",
+            "mirror_local_feed": "Peilaa paikallinen videosyöte",
+            "missing_permissions_prompt": "Jotta voit osallistua puheluihin, anna %(brand)s -sovellukselle lupa käyttää ääni- ja videolaitettasi.",
+            "noise_suppression": "Kohinanvaimennus",
+            "request_permissions": "Pyydä",
+            "title": "Ääni ja video",
+            "video_input_empty": "Kameroita ei löytynyt",
+            "video_section": "Videoasetukset",
+            "voice_agc": "Säädä mikrofonin äänenvoimakkuutta automaattisesti",
+            "voice_processing": "Äänenkäsittely",
+            "voice_section": "Ääniasetukset"
+        },
+        "warn_quit": "Varoita ennen lopettamista",
+        "warning": "<w>VAROITUS:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Linkki kopioitu",
+        "permalink_message": "Linkitä valittuun viestiin",
+        "permalink_most_recent": "Linkitä viimeisimpään viestiin",
+        "title_link": "Jaa linkki",
+        "title_message": "Jaa huoneviesti",
+        "title_room": "Jaa huone",
+        "title_user": "Jaa käyttäjä"
+    },
+    "slash_command": {
+        "addwidget": "Lisää huoneeseen määritetyssä osoitteessa olevan sovelman",
+        "addwidget_iframe_missing_src": "iframella ei ole src-attribuuttia",
+        "addwidget_invalid_protocol": "Lisää sovelman osoitteen alkuun https:// tai http://",
+        "addwidget_missing_url": "Anna sovelman osoite tai upotettava koodinpätkä",
+        "addwidget_no_permissions": "Et voi muokata tämän huoneen sovelmia.",
+        "ban": "Antaa porttikiellon tunnuksen mukaiselle käyttäjälle",
+        "category_actions": "Toiminnot",
+        "category_admin": "Ylläpitäjä",
+        "category_advanced": "Lisäasetukset",
+        "category_effects": "Tehosteet",
+        "category_messages": "Viestit",
+        "category_other": "Muut",
+        "command_error": "Komentovirhe",
+        "converttodm": "Muuntaa huoneen yksityisviestiksi",
+        "converttoroom": "Muuntaa yksityisviestin huoneeksi",
+        "could_not_find_room": "Huonetta ei löytynyt",
+        "deop": "Poistaa tunnuksen mukaiselta käyttäjältä ylläpito-oikeudet",
+        "devtools": "Avaa kehitystyökalujen dialogin",
+        "discardsession": "Pakottaa hylkäämään nykyisen ulospäin suuntautuvan ryhmäistunnon salatussa huoneessa",
+        "error_invalid_rendering_type": "Komentovirhe: Renderöintityyppiä (%(renderingType)s) ei löydy",
+        "error_invalid_room": "Komento epäonnistui: Huonetta ei löytynyt (%(roomId)s)",
+        "error_invalid_runfn": "Määräys virhe: Ei voitu käsitellä / komentoa",
+        "error_invalid_user_in_room": "Käyttäjää ei löytynyt huoneesta",
+        "help": "Näyttää luettelon komennoista käyttötavoin ja kuvauksin",
+        "help_dialog_title": "Komento-ohje",
+        "holdcall": "Asettaa nykyisen huoneen puhelun pitoon",
+        "html": "Lähettää viestin HTML-muodossa, tulkitsematta sitä markdownina",
+        "ignore": "Sivuuttaa käyttäjän, eli hänen viestejään ei näytetä sinulle",
+        "ignore_dialog_description": "Et enää huomioi käyttäjää %(userId)s",
+        "ignore_dialog_title": "Sivuutettu käyttäjä",
+        "invite": "Kutsuu tunnuksen mukaisen käyttäjän huoneeseen",
+        "invite_3pid_needs_is_error": "Voit käyttää identiteettipalvelinta sähköpostikutsujen lähettämiseen.",
+        "invite_3pid_use_default_is_title": "Käytä identiteettipalvelinta",
+        "invite_3pid_use_default_is_title_description": "Voit käyttää identiteettipalvelinta lähettääksesi sähköpostikutsuja. Napsauta Jatka käyttääksesi oletuspalvelinta (%(defaultIdentityServerName)s) tai syötä eri palvelin asetuksissa.",
+        "join": "Liittyy annetun osoitteen mukaiseen huoneeseen",
+        "jumptodate": "Siirry annetulle päivälle aikajanalla",
+        "jumptodate_invalid_input": "Annettua päivämäärää (%(inputDate)s) ei ymmärretty. Anna aika muodossa YYYY-MM-DD.",
+        "lenny": "Lisää ( ͡° ͜ʖ ͡°) viestin alkuun",
+        "me": "Näyttää toiminnan",
+        "msg": "Lähettää viestin annetulle käyttäjälle",
+        "myavatar": "Vaihtaa profiilikuvasi kaikissa huoneissa",
+        "myroomavatar": "Vaihtaa profiilikuvasi vain tässä nykyisessä huoneessa",
+        "myroomnick": "Vaihtaa näyttönimesi vain nykyisessä huoneessa",
+        "nick": "Vaihtaa näyttönimesi",
+        "no_active_call": "Huoneessa ei ole aktiivista puhelua",
+        "op": "Määritä käyttäjän oikeustaso",
+        "part_unknown_alias": "Huoneen osoitetta %(roomAlias)s ei tunnistettu",
+        "plain": "Lähettää viestin sellaisenaan, tulkitsematta sitä markdownina",
+        "query": "Avaa keskustelun annetun käyttäjän kanssa",
+        "query_not_found_phone_number": "Puhelinnumerolla ei löydy Matrix ID:tä",
+        "rageshake": "Lähetä virheilmoitus lokien kera",
+        "rainbow": "Lähettää viestin sateenkaaren väreissä",
+        "rainbowme": "Lähettää emoten sateenkaaren väreissä",
+        "remove": "Poistaa tunnuksen mukaisen käyttäjän tästä huoneesta",
+        "roomavatar": "Vaihtaa nykyisen huoneen kuvan",
+        "roomname": "Asettaa huoneen nimen",
+        "server_error": "Palvelinvirhe",
+        "server_error_detail": "Palvelin on saavuttamattomissa, ylikuormitettu tai jotain muuta meni vikaan.",
+        "shrug": "Lisää ¯\\_(ツ)_/¯ viestin alkuun",
+        "spoiler": "Lähettää annetun viestin spoilerina",
+        "tableflip": "Lisää (╯°□°）╯︵ ┻━┻ viestin alkuun",
+        "topic": "Hakee tai asettaa huoneen aiheen",
+        "topic_none": "Tässä huoneessa ei ole aihetta.",
+        "topic_room_error": "Huoneen aiheen hakeminen epäonnistui: huonetta (%(roomId)s ei löydy.",
+        "unban": "Poistaa porttikiellon tunnuksen mukaiselta käyttäjältä",
+        "unflip": "Lisää ┬──┬ ノ( ゜-゜ノ) viestin alkuun",
+        "unholdcall": "Ottaa nykyisen huoneen puhelun pois pidosta",
+        "unignore": "Lopettaa käyttäjän huomiotta jättämisen, jotta hänen viestinsä näytetään sinulle",
+        "unignore_dialog_description": "Huomioit jälleen käyttäjän %(userId)s",
+        "unignore_dialog_title": "Sallittu käyttäjä",
+        "unknown_command": "Tuntematon komento",
+        "unknown_command_button": "Lähetä viestinä",
+        "unknown_command_detail": "Tunnistamaton komento: %(commandText)s",
+        "unknown_command_help": "<code>/help</code> näyttää luettelon käytettävissä olevista komennoista. Oliko tarkoituksesi lähettää se viestinä?",
+        "unknown_command_hint": "Vinkki: <code>//</code> aloittaa viestin kauttaviivalla.",
+        "upgraderoom": "Päivittää huoneen uuteen versioon",
+        "upgraderoom_permission_error": "Sinulla ei ole vaadittavia oikeuksia tämän komennon käyttämiseksi.",
+        "usage": "Käyttö",
+        "verify": "Vahvista yksi omista laitteistasi manuaalisesti",
+        "whois": "Näyttää tietoa käyttäjästä"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "Haluatko kuitenkin lisätä uuden huoneen?",
+            "create_prompt": "Luo uusi huone",
+            "dm_heading": "Yksityisviestit",
+            "error_heading": "Kaikkia valittuja ei lisätty",
+            "progress_text": {
+                "one": "Lisätään huonetta...",
+                "other": "Lisätään huoneita... (%(progress)s/%(count)s)"
+            },
+            "space_dropdown_label": "Tilan valinta",
+            "space_dropdown_title": "Lisää olemassa olevia huoneita",
+            "subspace_moved_note": "Tilojen lisääminen on siirtynyt."
+        },
+        "add_existing_subspace": {
+            "create_button": "Luo uusi tila",
+            "create_prompt": "Haluatko lisätä sen sijaan uuden tilan?",
+            "filter_placeholder": "Etsi tiloja",
+            "space_dropdown_title": "Lisää olemassa oleva tila"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Näytä huoneen aikajana (devtools)",
+            "explore": "Selaa huoneita",
+            "home": "Tilan koti",
+            "manage_and_explore": "Hallitse ja selaa huoneita",
+            "options": "Tilan valinnat"
+        },
+        "failed_load_rooms": "Huoneluettelon lataaminen epäonnistui.",
+        "failed_remove_rooms": "Joitakin huoneita ei voitu poistaa. Yritä myöhemmin uudelleen",
+        "incompatible_server_hierarchy": "Palvelimesi ei tue tilahierarkioiden esittämistä.",
+        "invite": "Kutsu ihmisiä",
+        "invite_description": "Kutsu sähköpostiosoitteella tai käyttäjänimellä",
+        "invite_link": "Jaa kutsulinkki",
+        "joining_space": "Liitytään",
+        "landing_welcome": "Tervetuloa, tämä on <name/>",
+        "leave_dialog_action": "Poistu tilasta",
+        "leave_dialog_description": "Olet aikeissa poistua tilasta <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Olet ainoa ylläpitäjä joissain huoneissa tai tiloissa, joista haluat lähteä. Niistä lähteminen jättää ne ilman yhtään ylläpitäjää.",
+        "leave_dialog_only_admin_warning": "Olet tämän tilan ainoa ylläpitäjä. Tilasta lähteminen tarkoittaa, että kenelläkään ei ole oikeuksia hallita sitä.",
+        "leave_dialog_option_all": "Poistu kaikista huoneista",
+        "leave_dialog_option_intro": "Haluatko poistua tässä tilassa olevista huoneista?",
+        "leave_dialog_option_none": "Älä poistu mistään huoneesta",
+        "leave_dialog_option_specific": "Poistu joistakin huoneista",
+        "leave_dialog_public_rejoin_warning": "Et voi liittyä uudelleen, ellei sinua kutsuta uudelleen.",
+        "leave_dialog_title": "Poistu tilasta %(spaceName)s",
+        "mark_suggested": "Merkitse ehdotetuksi",
+        "no_search_result_hint": "Kokeile eri hakua tai tarkista haku kirjoitusvirheiden varalta.",
+        "preferences": {
+            "sections_section": "Näytettävät osiot",
+            "show_people_in_space": "Tämä ryhmittelee yksityisviestisi tilan jäsenten kanssa. Tämän poistaminen päältä piilottaa kyseiset keskustelut sinun näkymästäsi tilassa %(spaceName)s."
+        },
+        "room_filter_placeholder": "Etsi huoneita",
+        "search_children": "Etsi %(spaceName)s",
+        "search_placeholder": "Etsi nimistä ja kuvauksista",
+        "select_room_below": "Valitse ensin huone alta",
+        "share_public": "Jaa julkinen tilasi",
+        "suggested": "Ehdotettu",
+        "suggested_tooltip": "Tähän huoneeseen liittymistä suositellaan",
+        "title_when_query_available": "Tulokset",
+        "title_when_query_unavailable": "Huoneet ja tilat",
+        "unmark_suggested": "Merkitse ei-ehdotetuksi",
+        "user_lacks_permission": "Sinulla ei ole lupaa"
+    },
+    "space_settings": {
+        "title": "Asetukset - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Syötä sen uuden palvelimen nimi, jota haluat selata.",
+            "network_dropdown_add_dialog_placeholder": "Palvelimen nimi",
+            "network_dropdown_add_dialog_title": "Lisää uusi palvelin",
+            "network_dropdown_add_server_option": "Lisää uusi palvelin…",
+            "network_dropdown_available_invalid": "Tätä palvelinta tai sen huoneluetteloa ei löydy",
+            "network_dropdown_available_invalid_forbidden": "Sinulla ei ole oikeuksia nähdä tämän palvelimen huoneluetteloa",
+            "network_dropdown_available_valid": "Hyvältä näyttää",
+            "network_dropdown_remove_server_adornment": "Poista palvelin ”%(roomServer)s”",
+            "network_dropdown_required_invalid": "Syötä palvelimen nimi",
+            "network_dropdown_selected_label": "Näytä: Matrix-huoneet",
+            "network_dropdown_selected_label_instance": "Näytä: %(instance)s-huoneet (%(server)s)",
+            "network_dropdown_your_server_description": "Palvelimesi"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Jos et löydä etsimääsi henkilöä, lähetä hänelle kutsulinkki.",
+        "cant_find_room_helpful_hint": "Jos et löydä etsimääsi huonetta, pyydä kutsu tai luo uusi huone.",
+        "copy_link_text": "Kopioi kutsulinkki",
+        "count_of_members": {
+            "one": "%(count)s jäsen",
+            "other": "%(count)s jäsentä"
+        },
+        "create_new_room_button": "Luo uusi huone",
+        "failed_querying_public_rooms": "Julkisten huoneiden haku epäonnistui",
+        "failed_querying_public_spaces": "Julkisten tilojen haku epäonnistui",
+        "group_chat_section_title": "Muut vaihtoehdot",
+        "heading_with_query": "Etsitään \"%(query)s\"",
+        "heading_without_query": "Etsittävät kohteet",
+        "join_button_text": "Liity %(roomAddress)s",
+        "keyboard_scroll_hint": "Käytä <arrows/> vierittääksesi",
+        "messages_label": "Viestit",
+        "other_rooms_in_space": "Muut huoneet tilassa %(spaceName)s",
+        "public_rooms_label": "Julkiset huoneet",
+        "public_spaces_label": "Julkiset tilat",
+        "recent_searches_section_title": "Viimeaikaiset haut",
+        "recently_viewed_section_title": "Äskettäin katsottu",
+        "result_may_be_hidden_privacy_warning": "Jotkin tulokset saatetaan piilottaa tietosuojan takia",
+        "result_may_be_hidden_warning": "Jotkin tulokset saatetaan piilottaa",
+        "spaces_title": "Tilat, joissa olet",
+        "start_group_chat_button": "Aloita ryhmäkeskustelu"
+    },
+    "stickers": {
+        "empty": "Sinulla ei ole tarrapaketteja käytössä",
+        "empty_add_prompt": "Lisää muutamia"
+    },
+    "terms": {
+        "column_document": "Asiakirja",
+        "column_service": "Palvelu",
+        "column_summary": "Yhteenveto",
+        "identity_server_no_terms_description_1": "Tämä toiminto vaatii oletusidentiteettipalvelimen <server /> käyttämistä sähköpostiosoitteen tai puhelinnumeron validointiin, mutta palvelimella ei ole käyttöehtoja.",
+        "identity_server_no_terms_description_2": "Jatka vain, jos luotat palvelimen omistajaan.",
+        "identity_server_no_terms_title": "Identiteettipalvelimella ei ole käyttöehtoja",
+        "inline_intro_text": "Hyväksy <policyLink /> jatkaaksesi:",
+        "integration_manager": "Käytä botteja, siltoja, sovelmia ja tarrapaketteja",
+        "intro": "Sinun täytyy hyväksyä palvelun käyttöehdot jatkaaksesi.",
+        "summary_identity_server_1": "Löydä muita käyttäjiä puhelimen tai sähköpostin perusteella",
+        "summary_identity_server_2": "Varmista, että sinut löydetään puhelimen tai sähköpostin perusteella",
+        "tac_button": "Lue käyttöehdot",
+        "tac_description": "Jatkaaksesi kotipalvelimen %(homeserverDomain)s käyttöä, sinun täytyy lukea ja hyväksyä käyttöehtomme.",
+        "tac_title": "Käyttöehdot",
+        "tos": "Käyttöehdot"
+    },
+    "theme": {
+        "light_high_contrast": "Vaalea, suuri kontrasti",
+        "match_system": "Sama kuin järjestelmän"
+    },
+    "thread_view_back_action_label": "Takaisin ketjuun",
+    "threads": {
+        "all_threads": "Kaikki ketjut",
+        "all_threads_description": "Näytä kaikki ketjut nykyisestä huoneesta",
+        "count_of_reply": {
+            "one": "%(count)s vastaus",
+            "other": "%(count)s vastausta"
+        },
+        "mark_all_read": "Merkitse kaikki luetuiksi",
+        "my_threads": "Omat ketjut",
+        "my_threads_description": "Näyttää kaikki ketjut, joissa olet ollut osallinen",
+        "open_thread": "Avaa ketju",
+        "show_thread_filter": "Näytä:"
+    },
+    "time": {
+        "date_at_time": "%(date)s klo %(time)s",
+        "hours_minutes_seconds_left": "%(hours)s h %(minutes)s m %(seconds)s s jäljellä",
+        "left": "%(timeRemaining)s jäljellä",
+        "minutes_seconds_left": "%(minutes)s min %(seconds)s s jäljellä",
+        "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",
+        "short_hours": "%(value)s t",
+        "short_hours_minutes_seconds": "%(hours)s t %(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": "Supista vastausketju",
+            "external_url": "Lähdeosoite",
+            "open_in_osm": "Avaa OpenStreetMapissa",
+            "report": "Ilmoita",
+            "resent_unsent_reactions": "Lähetä %(unsentCount)s reaktio(ta) uudelleen",
+            "show_url_preview": "Näytä esikatselu",
+            "view_source": "Näytä lähde"
+        },
+        "creation_summary_dm": "%(creator)s loi tämän yksityisviestin.",
+        "creation_summary_room": "%(creator)s loi ja määritti huoneen.",
+        "decryption_failure": {
+            "unable_to_decrypt": "Viestin salausta ei voi purkaa"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Ladataan",
+        "download_failed": "Lataus epäonnistui",
+        "download_failed_description": "Tiedostoa ladattaessa tapahtui virhe",
+        "edits": {
+            "tooltip_label": "Muokattu %(date)s. Napsauta nähdäksesi muokkaukset.",
+            "tooltip_sub": "Napsauta nähdäksesi muokkaukset",
+            "tooltip_title": "Muokattu %(date)s"
+        },
+        "error_no_renderer": "Tätä tapahtumaa ei voitu näyttää",
+        "error_rendering_message": "Tätä viestiä ei voi ladata",
+        "historical_messages_unavailable": "Et voi nähdä aiempia viestejä",
+        "in_room_name": " huoneessa <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s on päivittänyt huoneen asettelun",
+        "load_error": {
+            "no_permission": "Aikajanan tietty hetki yritettiin ladata, mutta sinulla ei ole oikeutta nähdä kyseistä viestiä.",
+            "title": "Aikajanapaikan lataaminen epäonnistui",
+            "unable_to_find": "Huoneen aikajanan tietty hetki yritettiin ladata, mutta sitä ei löytynyt."
+        },
+        "m.audio": {
+            "error_downloading_audio": "Virhe ääntä ladattaessa",
+            "error_processing_audio": "Virhe ääniviestiä käsiteltäessä",
+            "error_processing_voice_message": "Virhe ääniviestin käsittelyssä"
+        },
+        "m.call": {
+            "video_call_ended": "Videopuhelu päättyi",
+            "video_call_started": "Videopuhelu alkoi huoneessa %(roomName)s.",
+            "video_call_started_text": "%(name)s aloitti videopuhelun",
+            "video_call_started_unsupported": "Videopuhelu alkoi huoneessa %(roomName)s. (ei tuettu selaimesi toimesta)"
+        },
+        "m.call.hangup": {
+            "dm": "Puhelu päättyi"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Vastattu muualla",
+            "call_back_prompt": "Soita takaisin",
+            "declined": "Puhelu hylätty",
+            "failed_connect_media": "Ei voitu yhdistää mediaa",
+            "failed_connection": "Yhteys epäonnistui",
+            "failed_opponent_media": "Laite ei voinut käyynnistää kameraa tai mikrofonia",
+            "missed_call": "Vastaamaton puhelu",
+            "no_answer": "Ei vastausta",
+            "unknown_error": "Tapahtui tuntematon virhe",
+            "unknown_failure": "Tuntematon virhe: %(reason)s",
+            "unknown_state": "Puhelu on tuntemattomassa tilassa!",
+            "video_call": "%(senderName)s soitti videopuhelun.",
+            "video_call_unsupported": "%(senderName)s soitti videopuhelun (selaimesi ei tue videopuheluita)",
+            "voice_call": "%(senderName)s soitti äänipuhelun.",
+            "voice_call_unsupported": "%(senderName)s soitti äänipuhelun. (selaimesi ei tue äänipuheluita)"
+        },
+        "m.file": {
+            "error_decrypting": "Virhe purettaessa liitteen salausta"
+        },
+        "m.image": {
+            "error": "Kuvan näyttäminen epäonnistui virheen vuoksi",
+            "error_decrypting": "Virhe purettaessa kuvan salausta",
+            "error_downloading": "Virhe kuvaa ladatessa",
+            "sent": "%(senderDisplayName)s lähetti kuvan.",
+            "show_image": "Näytä kuva"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s haluaa varmentaa",
+            "you_started": "Lähetit varmennuspyynnön"
+        },
+        "m.location": {
+            "full": "%(senderName)s on jakanut sijaintinsa",
+            "location": "Jakoi sijainnin: ",
+            "self_location": "Jakoi sijaintinsa: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s ääni",
+                "other": "%(count)s ääntä"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s on lopettanut kyselyn"
+        },
+        "m.poll.start": "%(senderName)s on aloittanut kyselyn - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s vaihtoi huoneen kuvan.",
+            "lightbox_title": "%(senderDisplayName)s vaihtoi huoneen %(roomName)s kuvan"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s lisäsi vaihtoehtoiset osoitteet %(addresses)s tälle huoneelle.",
+                "one": "%(senderName)s lisäsi vaihtoehtoisen osoitteen %(addresses)s tälle huoneelle."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s poisti vaihtoehtoiset osoitteet %(addresses)s tältä huoneelta.",
+                "one": "%(senderName)s poisti vaihtoehtoisen osoitteitteen %(addresses)s tältä huoneelta."
+            },
+            "changed": "%(senderName)s muutti tämän huoneen osoitteita.",
+            "changed_alternative": "%(senderName)s muutti tämän huoneen vaihtoehtoisia osoitteita.",
+            "changed_main_and_alternative": "%(senderName)s muutti tämän huoneen pää- sekä vaihtoehtoisia osoitteita.",
+            "removed": "%(senderName)s poisti tämän huoneen pääosoitteen.",
+            "set": "%(senderName)s asetti tälle huoneelle pääosoitteen %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Tämä huone on jatkumo toisesta keskustelusta.",
+            "see_older_messages": "Napsauta tästä nähdäksesi vanhemmat viestit."
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s salli vieraiden liittyvän huoneeseen.",
+            "forbidden": "%(senderDisplayName)s on estänyt vieraiden liittymisen huoneeseen.",
+            "unknown": "%(senderDisplayName)s vaihtoi vieraiden pääsyn tilaan %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s muutti tulevan huonehistorian näkyväksi kaikille huoneen jäsenille heidän kutsumisestaan alkaen.",
+            "joined": "%(senderName)s teki tulevan huonehistorian näkyväksi kaikille huoneen jäsenille, heidän liittymisestään alkaen.",
+            "shared": "%(senderName)s teki tulevan huonehistorian näkyväksi kaikille huoneen jäsenille.",
+            "unknown": "%(senderName)s asetti tulevan huonehistorian näkyvyydeksi tuntemattoman arvon (%(visibility)s).",
+            "world_readable": "%(senderName)s teki tulevan huonehistorian näkyväksi kaikille."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s muutti huoneeseen pääsyn vaatimaan kutsun.",
+            "public": "%(senderDisplayName)s teki tästä huoneesta julkisesti luettavan linkin kautta.",
+            "restricted": "%(senderDisplayName)s muutti asetusta, ketkä voivat liittyä tähän huoneeseen.",
+            "restricted_settings": "%(senderDisplayName)s muutti asetusta, ketkä voivat liittyä tähän huoneeseen. <a>Näytä asetukset</a>.",
+            "unknown": "%(senderDisplayName)s vaihtoi liittymisen ehdoksi säännön %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s hyväksyi kutsun %(displayName)s:tä",
+            "accepted_invite": "%(targetName)s hyväksyi kutsun",
+            "ban": "%(senderName)s antoi porttikiellon",
+            "ban_reason": "%(senderName)s antoi porttikiellon: %(reason)s",
+            "ban_reason_spoiler": "%(senderName)s antoi porttikiellon käyttäjälle <user/>: %(reason)s",
+            "ban_spoiler": "%(senderName)s antoi porttikiellon käyttäjälle <user/>",
+            "change_avatar": "%(senderName)s vaihtoi profiilikuvansa",
+            "change_name": "%(oldDisplayName)s vaihtoi näyttönimekseen %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s vaihtoi näyttönimensä ja profiilikuvansa",
+            "invite": "%(senderName)s kutsui käyttäjän %(targetName)s",
+            "join": "%(targetName)s liittyi huoneeseen",
+            "kick": "%(senderName)s poisti %(targetName)s",
+            "kick_reason": "%(senderName)s poisti %(targetName)s: %(reason)s",
+            "left": "%(targetName)s poistui huoneesta",
+            "left_reason": "%(targetName)s poistui huoneesta: %(reason)s",
+            "no_change": "%(senderName)s ei tehnyt muutosta",
+            "reject_invite": "%(targetName)s hylkäsi kutsun",
+            "reject_invite_reason": "%(targetName)s hylkäsi kutsun: %(reason)s",
+            "remove_avatar": "%(senderName)s poisti profiilikuvansa",
+            "remove_name": "%(senderName)s poisti näyttönimensä (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s asetti profiilikuvan",
+            "set_name": "%(senderName)s asetti näyttönimekseen %(displayName)s",
+            "unban": "%(senderName)s poisti porttikiellon käyttäjältä %(targetName)s",
+            "withdrew_invite": "%(senderName)s veti takaisin käyttäjän %(targetName)s kutsun",
+            "withdrew_invite_reason": "%(senderName)s veti takaisin käyttäjän %(targetName)s kutsun: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s vaihtoi huoneen nimen %(oldRoomName)s nimeksi %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s poisti huoneen nimen.",
+            "set": "%(senderDisplayName)s vaihtoi huoneen nimeksi %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s vaihtoi huoneen kiinnitettyjä viestejä.",
+            "changed_link": "%(senderName)s muutti huoneen <a>kiinnitettyjä viestejä</a>.",
+            "pinned": "%(senderName)s kiinnitti viestin tähän huoneeseen. Katso kaikki kiinnitetyt viestit.",
+            "pinned_link": "%(senderName)s kiinnitti <a>viestin</a> tähän huoneeseen. Katso kaikki <b>kiinnitetyt viestit</b>.",
+            "unpinned": "%(senderName)s poisti viestin kiinnityksen tästä huoneesta. Katso kaikki kiinnitetyt viestit.",
+            "unpinned_link": "%(senderName)s poisti <a>viestin</a> kiinnityksen tästä huoneesta. Katso kaikki <b>kiinnitetyt viestit</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s muutti %(powerLevelDiffText)s:n oikeustasoa.",
+            "user_from_to": "%(userId)s tasolta %(fromPowerLevel)s tasolle %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s kumosi henkilön %(targetDisplayName)s kutsun liittyä tähän huoneeseen.",
+            "sent": "%(senderName)s kutsui käyttäjän %(targetDisplayName)s liittymään huoneeseen."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s päivitti tämän huoneen.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s vaihtoi aiheeksi \"%(topic)s\".",
+            "removed": "%(senderDisplayName)s poisti aiheen."
+        },
+        "m.sticker": "%(senderDisplayName)s lähetti tarran.",
+        "m.video": {
+            "error_decrypting": "Virhe purettaessa videon salausta",
+            "show_video": "Näytä video"
+        },
+        "m.widget": {
+            "added": "%(senderName)s lisäsi sovelman %(widgetName)s",
+            "jitsi_ended": "%(senderName)s päätti ryhmävideopuhelun",
+            "jitsi_join_right_prompt": "Liity ryhmäpuheluun oikealla olevasta huoneen tiedoista",
+            "jitsi_join_top_prompt": "Liity ryhmäpuheluun huoneen ylälaidassa",
+            "jitsi_started": "%(senderName)s aloitti ryhmävideopuhelun",
+            "jitsi_updated": "%(senderName)s päivitti ryhmävideopuhelun",
+            "modified": "%(senderName)s muokkasi sovelmaa %(widgetName)s",
+            "removed": "%(senderName)s poisti sovelman %(widgetName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Kopioi linkki ketjuun",
+            "view_in_room": "Näytä huoneessa"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s muutti estosääntöä muodosta %(oldGlob)s muotoon %(newGlob)s. Syy: %(reason)s",
+            "changed_rule_rooms": "%(senderName)s muutti sääntöä, joka esti huoneita säännöllä %(oldGlob)s muotoon %(newGlob)s. Syy: %(reason)s",
+            "changed_rule_servers": "%(senderName)s muutti sääntöä, joka esti palvelimia säännöllä %(oldGlob)s muotoon %(newGlob)s. Syy: %(reason)s",
+            "changed_rule_users": "%(senderName)s muutti sääntöä, joka esti käyttäjiä säännöllä %(oldGlob)s muotoon %(newGlob)s. Syy: %(reason)s",
+            "created_rule": "%(senderName)s loi estosäännön %(glob)s, syy: %(reason)s",
+            "created_rule_rooms": "%(senderName)s loi huoneita estävän säännön %(glob)s, syy: %(reason)s",
+            "created_rule_servers": "%(senderName)s loi palvelimia estävän säännön %(glob)s, syy: %(reason)s",
+            "created_rule_users": "%(senderName)s loi porttikiellonsäännön %(glob)s, syy: %(reason)s",
+            "removed_rule": "%(senderName)s poisti estosäännön %(glob)s",
+            "removed_rule_rooms": "%(senderName)s poisti huoneita estävän säännön %(glob)s",
+            "removed_rule_servers": "%(senderName)s poisti palvelimia estävän säännön %(glob)s",
+            "removed_rule_users": "%(senderName)s poisti porttikiellon käyttäjiltä, jotka täsmäsivät sääntöön %(glob)s",
+            "updated_invalid_rule": "%(senderName)s muokkasi epäkelpoa estosääntöä",
+            "updated_rule": "%(senderName)s muokkasi estosääntöä %(glob)s seuraavasta syystä: %(reason)s",
+            "updated_rule_rooms": "%(senderName)s muokkasi huoneita estävää sääntöä %(glob)s seuraavasta syystä: %(reason)s",
+            "updated_rule_servers": "%(senderName)s muokkasi palvelimia estävää sääntöä %(glob)s seuraavasta syystä: %(reason)s",
+            "updated_rule_users": "%(senderName)s muokkasi käyttäjiä estävää sääntöä %(glob)s seuraavasta syystä: %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Sinulla ei ole oikeutta nähdä viestejä ajalta ennen kutsumistasi.",
+        "no_permission_messages_before_join": "Sinulla ei ole oikeutta nähdä viestejä ajalta ennen liittymistäsi.",
+        "pending_moderation": "Viesti odottaa moderointia",
+        "pending_moderation_reason": "Viesti odottaa moderointia: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Lisää reaktio"
+        },
+        "read_receipt_title": {
+            "one": "Nähnyt yksi ihminen",
+            "other": "Nähnyt %(count)s ihmistä"
+        },
+        "read_receipts_label": "Lukukuittaukset",
+        "redacted": {
+            "tooltip": "Viesti poistettu %(date)s"
+        },
+        "redaction": "%(name)s poisti viestin",
+        "reply": {
+            "error_loading": "Tapahtuman, johon oli vastattu, lataaminen epäonnistui. Se joko ei ole olemassa tai sinulla ei ole oikeutta katsoa sitä.",
+            "in_reply_to": "<a>Vastauksena käyttäjälle</a> <pill>",
+            "in_reply_to_for_export": "Vastauksena <a>tähän viestiin</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Sinut ohjataan kolmannen osapuolen sivustolle, jotta voit autentikoida tilisi käyttääksesi palvelua %(integrationsUrl)s. Haluatko jatkaa?",
+            "dialog_title": "Lisää integraatio"
+        },
+        "self_redaction": "Viesti poistettu",
+        "send_state_encrypting": "Salataan viestiäsi…",
+        "send_state_failed": "Lähettäminen epäonnistui",
+        "send_state_sending": "Lähetetään viestiäsi…",
+        "send_state_sent": "Viestisi lähetettiin",
+        "summary": {
+            "banned": {
+                "other": "sai porttikiellon %(count)s kertaa",
+                "one": "sai porttikiellon"
+            },
+            "banned_multiple": {
+                "other": "saivat porttikiellon %(count)s kertaa",
+                "one": "saivat porttikiellon"
+            },
+            "changed_name": {
+                "other": "%(oneUser)s vaihtoi nimensä %(count)s kertaa",
+                "one": "%(oneUser)s vaihtoi nimensä"
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)s vaihtoivat nimensä %(count)s kertaa",
+                "one": "%(severalUsers)s vaihtoivat nimensä"
+            },
+            "hidden_event": {
+                "one": "%(oneUser)slähetti piilotetun viestin",
+                "other": "%(oneUser)slähetti %(count)s piilotettua viestiä"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)slähettivät piilotetun viestin",
+                "other": "%(severalUsers)slähettivät %(count)s piilotettua viestiä"
+            },
+            "invite_withdrawn": {
+                "other": "Käyttäjän %(oneUser)s kutsu peruttiin %(count)s kertaa",
+                "one": "Käyttäjän %(oneUser)s kutsu peruttiin"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "Käyttäjien %(severalUsers)s kutsut peruttiin %(count)s kertaa",
+                "one": "Käyttäjien %(severalUsers)s kutsut peruttiin"
+            },
+            "invited": {
+                "other": "kutsuttiin %(count)s kertaa",
+                "one": "kutsuttiin"
+            },
+            "invited_multiple": {
+                "other": "kutsuttiin %(count)s kertaa",
+                "one": "kutsuttiin"
+            },
+            "joined": {
+                "other": "%(oneUser)s liittyi %(count)s kertaa",
+                "one": "%(oneUser)s liittyi"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)s liittyi ja poistui %(count)s kertaa",
+                "one": "%(oneUser)s liittyi ja poistui"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)s liittyivät ja poistuivat %(count)s kertaa",
+                "one": "%(severalUsers)s liittyivät ja poistuivat"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)s liittyivät",
+                "other": "%(severalUsers)s liittyivät %(count)s kertaa"
+            },
+            "kicked": {
+                "one": "poistettiin",
+                "other": "poistettiin %(count)s kertaa"
+            },
+            "kicked_multiple": {
+                "one": "poistettiin",
+                "other": "poistettiin %(count)s kertaa"
+            },
+            "left": {
+                "other": "%(oneUser)s poistui %(count)s kertaa",
+                "one": "%(oneUser)s poistui"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)s poistuivat %(count)s kertaa",
+                "one": "%(severalUsers)s poistuivat"
+            },
+            "no_change": {
+                "other": "%(oneUser)s ei tehnyt muutoksia %(count)s kertaa",
+                "one": "%(oneUser)s ei tehnyt muutoksia"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)s eivät tehneet muutoksia %(count)s kertaa",
+                "one": "%(severalUsers)s eivät tehneet muutoksia"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)svaihtoi huoneen <a>kiinnitettyjä viestejä</a>",
+                "other": "%(oneUser)svaihtoi huoneen <a>kiinnitettyjä viestejä</a> %(count)s kertaa"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)svaihtoivat huoneen <a>kiinnitettyjä viestejä</a>",
+                "other": "%(severalUsers)svaihtoivat huoneen <a>kiinnitettyjä viestejä</a> %(count)s kertaa"
+            },
+            "redacted": {
+                "one": "%(oneUser)spoisti viestin",
+                "other": "%(oneUser)spoistivat %(count)s viestiä"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)spoistivat viestin",
+                "other": "%(severalUsers)spoistivat %(count)s viestiä"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)s hylkäsi kutsun %(count)s kertaa",
+                "one": "%(oneUser)s hylkäsi kutsun"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s hylkäsivät kutsunsa %(count)s kertaa",
+                "one": "%(severalUsers)s hylkäsivät kutsunsa"
+            },
+            "rejoined": {
+                "other": "%(oneUser)s poistui ja liittyi uudelleen %(count)s kertaa",
+                "one": "%(oneUser)s poistui ja liittyi uudelleen"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)s poistuivat ja liittyivät uudelleen %(count)s kertaa",
+                "one": "%(severalUsers)s poistuivat ja liittyivät uudelleen"
+            },
+            "unbanned": {
+                "other": "porttikielto poistettiin %(count)s kertaa",
+                "one": "porttikielto poistettiin"
+            },
+            "unbanned_multiple": {
+                "other": "vapautettiin porttikiellosta %(count)s kertaa",
+                "one": "vapautettiin porttikiellosta"
+            }
+        },
+        "thread_info_basic": "Ketjusta",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s ja %(count)s muuta kirjoittavat…",
+                "one": "%(names)s ja yksi muu kirjoittavat…"
+            },
+            "one_user": "%(displayName)s kirjoittaa…",
+            "two_users": "%(names)s ja %(lastPerson)s kirjoittavat…"
+        },
+        "undecryptable_tooltip": "Tämän viestin salausta ei voitu purkaa"
+    },
+    "truncated_list_n_more": {
+        "other": "Ja %(count)s muuta..."
+    },
+    "unsupported_browser": {
+        "title": "%(brand)s ei tue tätä selainta"
+    },
+    "unsupported_server_title": "Palvelimesi ei ole tuettu",
+    "update": {
+        "changelog": "Muutosloki",
+        "check_action": "Tarkista päivitykset",
+        "checking": "Tarkistetaan päivityksiä…",
+        "downloading": "Ladataan päivitystä…",
+        "error_encountered": "Virhe: %(errorDetail)s.",
+        "error_unable_load_commit": "Commitin tietojen hakeminen epäonnistui: %(msg)s",
+        "new_version_available": "Uusi versio saatavilla. <a>Päivitä nyt.</a>",
+        "no_update": "Ei päivityksiä saatavilla.",
+        "release_notes_toast_title": "Mitä uutta",
+        "see_changes_button": "Mitä uutta?",
+        "toast_description": "%(brand)s-sovelluksesta on saatavilla uusi versio",
+        "toast_title": "Päivitä %(brand)s",
+        "unavailable": "Ei saatavilla"
+    },
+    "update_room_access_modal": {
+        "title": "Salli vieraskäyttäjien liittyä tähän huoneeseen"
+    },
+    "upload_failed_generic": "Tiedoston '%(fileName)s' lähettäminen ei onnistunut.",
+    "upload_failed_size": "Tiedoston '%(fileName)s' koko ylittää tämän kotipalvelimen lähetettyjen tiedostojen ylärajan",
+    "upload_failed_title": "Lähetys epäonnistui",
+    "upload_file": {
+        "cancel_all_button": "Peruuta kaikki",
+        "error_file_too_large": "Tiedosto on <b>liian iso</b> lähetettäväksi. Tiedostojen kokoraja on %(limit)s mutta tämä tiedosto on %(sizeOfThisFile)s.",
+        "error_files_too_large": "Tiedostot ovat <b>liian isoja</b> lähetettäväksi. Tiedoston kokoraja on %(limit)s.",
+        "error_some_files_too_large": "Osa tiedostoista on <b>liian isoja</b> lähetettäväksi. Tiedoston kokoraja on %(limit)s.",
+        "error_title": "Lähetysvirhe",
+        "not_image": "Valitsemasi tiedosto ei ole kelvollinen kuvatiedosto.",
+        "title": "Lähetä tiedostot",
+        "title_progress": "Lähettää tiedostoa (%(current)s / %(total)s)",
+        "upload_all_button": "Lähetä kaikki palvelimelle",
+        "upload_n_others_button": {
+            "other": "Lähetä %(count)s muuta tiedostoa",
+            "one": "Lähetä %(count)s muu tiedosto"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Ylläpitotyökalut",
+        "ban_button_room": "Anna porttikielto huoneeseen",
+        "ban_button_space": "Anna porttikielto tilasta",
+        "ban_room_confirm_title": "Anna porttikielto huoneeseen %(roomName)s",
+        "ban_space_everything": "Anna porttikielto kaikkeen, mihin pystyn",
+        "deactivate_confirm_action": "Poista käyttäjä pysyvästi",
+        "deactivate_confirm_description": "Käyttäjän poistaminen poistaa hänen laitteensa ja estää häntä kirjautumasta takaisin sisään. Lisäksi hän poistuu kaikista huoneista, joissa hän on. Tätä toimintoa ei voi kumota. Oletko varma, että haluat pysyvästi poistaa tämän käyttäjän?",
+        "deactivate_confirm_title": "Poista käyttäjä pysyvästi?",
+        "demote_button": "Alenna",
+        "demote_self_confirm_description_space": "Et voi perua tätä muutosta, koska olet alentamassa itseäsi. Jos olet viimeinen oikeutettu henkilö tässä tilassa, oikeuksia ei voi enää saada takaisin.",
+        "demote_self_confirm_room": "Et voi perua tätä muutosta, koska olet alentamassa itseäsi. Jos olet viimeinen oikeutettu henkilö tässä huoneessa, oikeuksia ei voi enää saada takaisin.",
+        "demote_self_confirm_title": "Alenna itsesi?",
+        "disinvite_button_space": "Peruuta kutsu tilaan",
+        "error_ban_user": "Porttikiellon antaminen epäonnistui",
+        "error_deactivate": "Käyttäjän poistaminen epäonnistui",
+        "error_kicking_user": "Käyttäjän poistaminen epäonnistui",
+        "error_mute_user": "Käyttäjän mykistäminen epäonnistui",
+        "error_revoke_3pid_invite_description": "Kutsun kumoaminen epäonnistui. Kyseessä saattaa olla väliaikainen ongelma tai sinulla ei ole tarvittavia oikeuksia kutsun kumoamiseen.",
+        "error_revoke_3pid_invite_title": "Kutsun kumoaminen epäonnistui",
+        "ignore_confirm_description": "Kaikki tämän käyttäjän lähettämät viestit ja kutsut sivuutetaan. Haluatko varmasti sivuuttaa hänet?",
+        "ignore_confirm_title": "Sivuuta %(user)s",
+        "invited_by": "Kutsuttu henkilön %(sender)s toimesta",
+        "jump_to_rr_button": "Hyppää lukukuittaukseen",
+        "kick_button_room": "Poista huoneesta",
+        "kick_button_room_name": "Poista huoneesta %(roomName)s",
+        "kick_button_space": "Poista tilasta",
+        "kick_button_space_everything": "Poista kaikesta mihin pystyn",
+        "promote_warning": "Et voi kumota tätä muutosta, koska olet ylentämässä käyttäjää samalle oikeustasolle kuin itsesi.",
+        "redact": {
+            "confirm_button": {
+                "other": "Poista %(count)s viestiä",
+                "one": "Poista yksi viesti"
+            },
+            "confirm_description_1": {
+                "other": "Olet poistamassa käyttäjän %(user)s %(count)s viestiä. Toimenpide poistaa ne pysyvästi kaikilta keskustelun osapuolilta. Haluatko jatkaa?",
+                "one": "Olet poistamassa käyttäjän %(user)s yhtä viestiä. Toimenpide poistaa ne pysyvästi kaikilta keskustelun osapuolilta. Haluatko jatkaa?"
+            },
+            "confirm_description_2": "Suuren viestimäärän tapauksessa toiminto voi kestää jonkin aikaa. Älä lataa asiakasohjelmaasi uudelleen sillä aikaa.",
+            "confirm_keep_state_label": "Säilytä järjestelmän viestit",
+            "confirm_title": "Poista käyttäjän %(user)s viimeaikaiset viestit",
+            "no_recent_messages_description": "Kokeile vierittää aikajanaa ylöspäin nähdäksesi, löytyykö aiempia viestejä.",
+            "no_recent_messages_title": "Käyttäjän %(user)s kirjoittamia viimeaikaisia viestejä ei löytynyt"
+        },
+        "redact_button": "Poista viestit",
+        "revoke_invite": "Kumoa kutsu",
+        "room_encrypted": "Tämän huoneen viestit ovat päästä päähän -salattuja.",
+        "room_encrypted_detail": "Viestisi ovat turvattu, ja vain sinulla ja vastaanottajalla on avaimet viestien lukemiseen.",
+        "room_unencrypted": "Tämän huoneen viestit eivät ole päästä päähän -salattuja.",
+        "room_unencrypted_detail": "Salausta käyttävissä huoneissa viestisi on turvattu, ja vain sinulla ja vastaanottajilla on yksityiset avaimet viestien lukemiseen.",
+        "send_message": "Lähetä viesti",
+        "share_button": "Jaa profiili",
+        "unban_button_room": "Poista porttikielto huoneesta",
+        "unban_button_space": "Poista porttikielto tilasta",
+        "unban_room_confirm_title": "Poista porttikielto huoneeseen %(roomName)s",
+        "unban_space_everything": "Poista porttikielto kaikesta, mihin pystyn",
+        "verify_button": "Varmenna käyttäjä",
+        "verify_explainer": "Lisäturvaksi, varmenna tämä käyttäjä tarkistamalla koodin kummankin laitteella."
+    },
+    "voip": {
+        "already_in_call": "Olet jo puhelussa",
+        "already_in_call_person": "Olet jo puhelussa tämän henkilön kanssa.",
+        "answered_elsewhere": "Vastattu muualla",
+        "answered_elsewhere_description": "Puheluun vastattiin toisessa laitteessa.",
+        "call_failed": "Puhelu epäonnistui",
+        "call_failed_description": "Puhelua ei voitu muodostaa",
+        "call_failed_media": "Puhelu epäonnistui, koska kameraa tai mikrofonia ei voitu käyttää. Tarkista että:",
+        "call_failed_media_applications": "Mikään muu sovellus ei käytä kameraa",
+        "call_failed_media_connected": "Mikrofoni ja kamera on kytketty ja asennettu oiken",
+        "call_failed_media_permissions": "Lupa käyttää kameraa myönnetty",
+        "call_failed_microphone": "Puhelu epäonnistui, koska mikrofonia ei voitu käyttää. Tarkista, että mikrofoni on kytketty ja asennettu oikein.",
+        "call_held": "%(peerName)s piti puhelua pidossa",
+        "call_held_resume": "Puhelu pidossa <a>Jatka</a>",
+        "call_held_switch": "Puhelu pidossa <a>Vaihda</a>",
+        "call_toast_unknown_room": "Tuntematon huone",
+        "camera_disabled": "Kamerasi on pois päältä",
+        "camera_enabled": "Kamerasi on edelleen päällä",
+        "cannot_call_yourself_description": "Et voi soittaa itsellesi.",
+        "close_lobby": "Sulje aula",
+        "connecting": "Yhdistetään",
+        "connection_lost": "Yhteys palvelimeen on katkennut",
+        "connection_lost_description": "Et voi soittaa puheluja ilman yhteyttä palvelimeen.",
+        "default_device": "Oletuslaite",
+        "dial": "Yhdistä",
+        "dialpad": "Numeronäppäimistö",
+        "disable_camera": "Sammuta kamera",
+        "disable_microphone": "Mykistä mikrofoni",
+        "disabled_no_perms_start_video_call": "Sinulla ei ole oikeutta aloittaa videopuheluita",
+        "disabled_no_perms_start_voice_call": "Sinulla ei ole oikeutta aloittaa äänipuheluita",
+        "disabled_ongoing_call": "Käynnissä oleva puhelu",
+        "element_call": "Element-puhelu",
+        "enable_camera": "Laita kamera päälle",
+        "enable_microphone": "Poista mikrofonin mykistys",
+        "expand": "Palaa puheluun",
+        "hangup": "Lopeta",
+        "hide_sidebar_button": "Piilota sivupalkki",
+        "input_devices": "Sisääntulolaitteet",
+        "jitsi_call": "Jitsi-konferenssi",
+        "maximise_call": "Suurenna puhelu",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Konferenssit"
+        },
+        "minimise_call": "Pienennä puhelu",
+        "misconfigured_server": "Puhelu epäonnistui palvelimen väärien asetusten takia",
+        "misconfigured_server_description": "Pyydä kotipalvelimesi (<code>%(homeserverDomain)s</code>) ylläpitäjää asentamaan TURN-palvelin, jotta puhelut toimisivat luotettavasti.",
+        "misconfigured_server_fallback_accept": "Yritä käyttäen palvelinta %(server)s",
+        "more_button": "Lisää",
+        "msisdn_lookup_failed": "Puhelinnumeroa ei voi hakea",
+        "msisdn_lookup_failed_description": "Puhelinnumeron haussa tapahtui virhe",
+        "msisdn_transfer_failed": "Puhelun siirtäminen ei onnistu",
+        "n_people_joined": {
+            "one": "%(count)s ihminen liittyi",
+            "other": "%(count)s ihmistä liittyi"
+        },
+        "no_audio_input_description": "Laitteestasi ei löytynyt mikrofonia. Tarkista asetuksesi ja yritä uudelleen.",
+        "no_audio_input_title": "Mikrofonia ei löytynyt",
+        "no_media_perms_description": "Voit joutua antamaan %(brand)sille luvan mikrofonin/kameran käyttöön",
+        "no_media_perms_title": "Ei mediaoikeuksia",
+        "no_permission_conference": "Lisäoikeuksia tarvitaan",
+        "no_permission_conference_description": "Sinulla ei ole oikeutta aloittaa ryhmäpuhelua tässä huoneessa",
+        "on_hold": "%(name)s on pidossa",
+        "output_devices": "Ulostulolaitteet",
+        "screenshare_monitor": "Jaa koko näyttö",
+        "screenshare_title": "Jaa sisältö",
+        "screenshare_window": "Sovelluksen ikkuna",
+        "show_sidebar_button": "Näytä sivupalkki",
+        "silence": "Hiljennä puhelu",
+        "silenced": "Ilmoitukset hiljennetty",
+        "start_screenshare": "Aloita näyttösi jakaminen",
+        "stop_screenshare": "Lopeta näyttösi jakaminen",
+        "too_many_calls": "Liian monta puhelua",
+        "too_many_calls_description": "Saavutit samanaikaisten puheluiden enimmäismäärän.",
+        "transfer_consult_first_label": "Tiedustele ensin",
+        "transfer_failed": "Siirto epäonnistui",
+        "transfer_failed_description": "Puhelunsiirto epäonnistui",
+        "unable_to_access_audio_input_description": "Mikrofoniasi ei voitu käyttää. Tarkista selaimesi asetukset ja yritä uudelleen.",
+        "unable_to_access_audio_input_title": "Mikrofonia ei voi käyttää",
+        "unable_to_access_media": "Kameraa / mikrofonia ei voi käyttää",
+        "unable_to_access_microphone": "Mikrofonia ei voi käyttää",
+        "unknown_caller": "Tuntematon soittaja",
+        "unknown_person": "tuntematon henkilö",
+        "unsilence": "Ääni päällä",
+        "unsupported": "Puhelut eivät ole tuettuja",
+        "unsupported_browser": "Et voi soittaa puheluja tässä selaimessa.",
+        "user_busy": "Käyttäjä varattu",
+        "user_busy_description": "Käyttäjä, jolle soitit, on varattu.",
+        "user_is_presenting": "%(sharerName)s esittää",
+        "video_call": "Videopuhelu",
+        "video_call_using": "Videopuhelu käyttäen:",
+        "voice_call": "Äänipuhelu",
+        "you_are_presenting": "Esität parhaillaan"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s käyttöjärjestelmällä %(osName)s",
+    "widget": {
+        "added_by": "Sovelman lisäsi",
+        "capabilities_dialog": {
+            "content_starting_text": "Tämä sovelma haluaa:",
+            "decline_all_permission": "Kieltäydy kaikista",
+            "remember_Selection": "Muista valintani tälle sovelmalle",
+            "title": "Hyväksy sovelman käyttöoikeudet"
+        },
+        "capability": {
+            "always_on_screen_generic": "Pysy ruudulla käynnissä olon ajan",
+            "always_on_screen_viewing_another_room": "Pysy ruudulla katsellessasi huonetta, kun se on käynnissä",
+            "capability": "<b>%(capability)s</b>-ominaisuus",
+            "change_avatar_active_room": "Vaihda aktiivisen huoneesi kuva",
+            "change_avatar_this_room": "Vaihda huoneen kuva",
+            "change_name_active_room": "Muuta aktiivisen huoneesi nimeä",
+            "change_name_this_room": "Muuta tämän huoneen nimeä",
+            "change_topic_active_room": "Muuta aktiivisen huoneesi aihetta",
+            "change_topic_this_room": "Muuta huoneen aihetta",
+            "receive_membership_active_room": "Näe kun ihmiset liittyvät, poistuvat tai tulevat kutsutuiksi aktiiviseen huoneeseen",
+            "receive_membership_this_room": "Näe milloin ihmiset liittyvät, poistuvat tai tulevat kutsutuiksi tähän huoneeseen",
+            "see_avatar_change_active_room": "Näe kun kuva vaihtuu aktiivisessa huoneessa",
+            "see_avatar_change_this_room": "Näe milloin avatar vaihtuu tässä huoneessa",
+            "see_images_sent_active_room": "Näe aktiiviseen huoneeseen lähetetyt kuvat",
+            "see_images_sent_this_room": "Näe tähän huoneeseen lähetetyt kuvat",
+            "see_messages_sent_active_room": "Näe aktiiviseen huoneeseen lähetetyt viestit",
+            "see_messages_sent_this_room": "Näe tähän huoneeseen lähetetyt viestit",
+            "see_name_change_active_room": "Näe milloin käyttäjän nimi muuttuu aktiivisessa huoneessa",
+            "see_name_change_this_room": "Näe milloin nimi muuttuu tässä huoneessa",
+            "see_sticker_posted_active_room": "Näe kun kuka tahansa lähettää tarran aktiiviseen huoneeseen",
+            "see_sticker_posted_this_room": "Näe kun tarra lähetetään tähän huoneeseen",
+            "see_text_messages_sent_this_room": "Näe tähän huoneeseen lähetetyt tekstiviestit",
+            "see_topic_change_active_room": "Näe kun aihe vaihtuu aktiivisessa huoneessa",
+            "see_topic_change_this_room": "Näe kun aihe vaihtuu tässä huoneessa",
+            "see_videos_sent_active_room": "Näe aktiiviseen huoneeseen lähetetyt videot",
+            "see_videos_sent_this_room": "Näe tähän huoneeseen lähetetyt videot",
+            "send_event_type_active_room": "Lähetä <b>%(eventType)s</b>-tapahtumia aktiiviseen huoneeseesi itsenäsi",
+            "send_event_type_this_room": "Lähetä <b>%(eventType)s</b>-tapahtumia tähän huoneeseen itsenäsi",
+            "send_files_active_room": "Lähetä aktiiviseen huoneeseesi yleisiä tiedostoja itsenäsi",
+            "send_files_this_room": "Lähetä tähän huoneeseen yleisiä tiedostoja itsenäsi",
+            "send_images_active_room": "Lähetä aktiiviseen huoneeseesi kuvia itsenäsi",
+            "send_images_this_room": "Lähetä tähän huoneeseen kuvia itsenäsi",
+            "send_messages_active_room": "Lähetä aktiiviseen huoneeseesi viestejä itsenäsi",
+            "send_messages_this_room": "Lähetä tähän huoneeseen viestejä itsenäsi",
+            "send_msgtype_active_room": "Lähetä <b>%(msgtype)s</b>-viestejä itsenäsi aktiiviseen huoneeseesi",
+            "send_msgtype_this_room": "Lähetä <b>%(msgtype)s</b>-viestejä itsenäsi tähän huoneeseen",
+            "send_stickers_active_room": "Lähetä tarroja aktiiviseen huoneeseesi",
+            "send_stickers_active_room_as_you": "Lähetä aktiiviseen huoneeseesi tarroja itsenäsi",
+            "send_stickers_this_room": "Lähetä tarroja tähän huoneeseen",
+            "send_stickers_this_room_as_you": "Lähetä tähän huoneeseen tarroja itsenäsi",
+            "send_text_messages_active_room": "Lähetä aktiiviseen huoneeseesi tekstiviestejä itsenäsi",
+            "send_text_messages_this_room": "Lähetä tähän huoneeseen tekstiviestejä itsenäsi",
+            "send_videos_active_room": "Lähetä aktiiviseen huoneeseesi videoita itsenäsi",
+            "send_videos_this_room": "Lähetä tähän huoneeseen videoita itsenäsi",
+            "switch_room": "Vaihda näytettävää huonetta",
+            "switch_room_message_user": "Vaihda näytettävää huonetta, viestiä tai käyttäjää"
+        },
+        "close_to_view_right_panel": "Sulje sovelma näyttääksesi sen tässä paneelissa",
+        "context_menu": {
+            "delete": "Poista sovelma",
+            "delete_warning": "Sovelman poistaminen poistaa sen kaikilta huoneen käyttäjiltä. Haluatko varmasti poistaa tämän sovelman?"
+        },
+        "cookie_warning": "Tämä sovelma saattaa käyttää evästeitä.",
+        "error_hangup_description": "Yhteytesi puheluun katkaistiin. (Virhe: %(message)s)",
+        "error_hangup_title": "Yhteys menetettiin",
+        "error_loading": "Virhe sovelman lataamisessa",
+        "error_mixed_content": "Virhe – sekasisältö",
+        "error_need_invite_permission": "Sinun pitää pystyä kutsua käyttäjiä voidaksesi tehdä tuon.",
+        "error_need_kick_permission": "Sinun täytyy pystyä potkia käyttäjiä voidaksesi tehdä tuon.",
+        "error_need_to_be_logged_in": "Sinun pitää olla kirjautunut.",
+        "error_unable_start_audio_stream_description": "Äänen suoratoiston aloittaminen ei onnistu.",
+        "modal_data_warning": "Alla olevat tiedot jaetaan verkkotunnuksen %(widgetDomain)s kanssa",
+        "no_name": "Tuntematon sovellus",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Muista tämä"
+        },
+        "popout": "Avaa sovelma omassa ikkunassaan",
+        "set_room_layout": "Aseta asettelu kaikille",
+        "shared_data_avatar": "Profiilikuvasi verkko-osoite",
+        "shared_data_device_id": "Laitteesi tunniste",
+        "shared_data_lang": "Kielesi",
+        "shared_data_mxid": "Käyttäjätunnuksesi",
+        "shared_data_name": "Näyttönimesi",
+        "shared_data_room_id": "Huoneen tunnus",
+        "shared_data_theme": "Teemasi",
+        "shared_data_url": "%(brand)sin URL-osoite",
+        "shared_data_warning": "Tämän sovelman käyttäminen voi jakaa tietoja <helpIcon /> verkkotunnukselle %(widgetDomain)s.",
+        "shared_data_warning_im": "Tämän sovelman käyttäminen saattaa jakaa tietoa <helpIcon /> osoitteille %(widgetDomain)s ja käyttämällesi integraatioiden lähteelle.",
+        "shared_data_widget_id": "Sovelman tunnus",
+        "unencrypted_warning": "Sovelmat eivät käytä viestien salausta.",
+        "unpin_to_view_right_panel": "Poista sovelman kiinnitys näyttääksesi sen tässä paneelissa"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Pelkästään isoilla kirjaimilla kirjoitettu on melkein yhtä helppo arvata kuin kokonaan pienillä kirjoitettu",
+            "anotherWord": "Lisää sana tai kaksi. Epätavalliset sanat ovat parempia.",
+            "associatedYears": "Vältä vuosia, jotka voi yhdistää sinuun",
+            "capitalization": "Isolla alkukirjaimella aloittaminen ei erityisesti hyödytä",
+            "dates": "Vältä päivämääriä ja vuosia, jotka liittyvät sinuun",
+            "l33t": "Arvattavat vaihdot, kuten ”@” ”a”:n sijaan ei auta paljoakaan",
+            "longerKeyboardPattern": "Käytä pidempiä näppäinyhdistelmiä, joissa on enemmän suunnanmuutoksia",
+            "noNeed": "Ei tarvetta symboleille, numeroille tai isoille kirjaimille",
+            "pwned": "Jos käytät tätä salasanaa muualla, vaihda se.",
+            "recentYears": "Vältä viime vuosia",
+            "repeated": "Vältä toistettuja sanoja ja merkkejä",
+            "reverseWords": "Takaperin kirjoitetut sanat eivät ole paljoakaan vaikeampia arvata",
+            "sequences": "Vältä sarjoja",
+            "useWords": "Käytä muutamaa sanaa, vältä yleisiä fraaseja"
+        },
+        "warnings": {
+            "common": "Tämä on erittäin yleinen salasana",
+            "commonNames": "Yleiset nimet ja sukunimet ovat helppoja arvata",
+            "dates": "Päivämäärät ovat usein helppoja arvata",
+            "extendedRepeat": "Toistot, kuten ”abcabcabe” ovat vain hieman hankalampia arvata kuin ”abc”",
+            "keyPattern": "Lyhyet näppäinsarjat ovat helppoja arvata",
+            "namesByThemselves": "Nimet ja sukunimet yksinään ovat helppoja arvata",
+            "pwned": "Salasanasi paljastui Internetissä tapahtuneen tietovuodon seurauksena.",
+            "recentYears": "Viime vuodet ovat helppoja arvata",
+            "sequences": "Sarjat, kuten ”abc” tai ”6543” ovat helppoja arvata",
+            "similarToCommon": "Tämä on samankaltainen kuin yleisesti käytetty salasana",
+            "simpleRepeat": "Toistot, kuten ”aaa”, ovat helppoja arvata",
+            "straightRow": "Näppäimistössä peräkkäin olevat merkit ovat helppoja arvata",
+            "topHundred": "Tämä on sadan yleisimmän salasanan joukossa",
+            "topTen": "Tämä on kymmenen yleisimmän salasanan joukossa",
+            "wordByItself": "Yksittäinen sana on helppo arvata"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/fr.json b/apps/web/src/i18n/strings/fr.json
new file mode 100644
index 00000000000..30b751b3978
--- /dev/null
+++ b/apps/web/src/i18n/strings/fr.json
@@ -0,0 +1,4082 @@
+{
+    "a11y": {
+        "jump_first_invite": "Aller à la première invitation.",
+        "message_composer": "Rédaction des messages",
+        "n_unread_messages": {
+            "other": "%(count)s messages non lus.",
+            "one": "1 message non lu."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s messages non lus y compris les mentions.",
+            "one": "1 mention non lue."
+        },
+        "room_status_bar": "Barre de statut du salon",
+        "seek_bar_label": "Barre de recherche audio",
+        "unread_messages": "Messages non lus."
+    },
+    "a11y_jump_first_unread_room": "Aller au premier salon non lu.",
+    "action": {
+        "accept": "Accepter",
+        "add": "Ajouter",
+        "add_existing_room": "Ajouter un salon existant",
+        "apply": "Appliquer",
+        "approve": "Approuver",
+        "ask_to_join": "Demander à rejoindre",
+        "back": "Retour",
+        "call": "Appel",
+        "cancel": "Annuler",
+        "change": "Changer",
+        "clear": "Effacer",
+        "click_to_copy": "Cliquez pour copier",
+        "close": "Fermer",
+        "collapse": "Réduire",
+        "complete": "Terminer",
+        "confirm": "Confirmer",
+        "continue": "Continuer",
+        "copy": "Copier",
+        "copy_link": "Copier le lien",
+        "create": "Créer",
+        "create_a_room": "Créer un salon",
+        "create_account": "Créer un compte",
+        "decline": "Refuser",
+        "decline_and_block": "Refuser et bloquer",
+        "decline_invite": "Refuser l’invitation",
+        "delete": "Supprimer",
+        "deny": "Interdire",
+        "disable": "Désactiver",
+        "disconnect": "Se déconnecter",
+        "dismiss": "Ignorer",
+        "done": "Terminé",
+        "download": "Télécharger",
+        "edit": "Modifier",
+        "enable": "Activer",
+        "enter_fullscreen": "Afficher en plein écran",
+        "exit_fullscreeen": "Quitter le plein écran",
+        "expand": "Développer",
+        "explore_rooms": "Parcourir les salons",
+        "export": "Exporter",
+        "forward": "Transférer",
+        "go": "C’est parti",
+        "go_back": "Revenir en arrière",
+        "got_it": "Compris",
+        "hide_advanced": "Masquer les paramètres avancés",
+        "hold": "Mettre en pause",
+        "ignore": "Ignorer",
+        "import": "Importer",
+        "invite": "Inviter",
+        "join": "Rejoindre",
+        "learn_more": "En savoir plus",
+        "leave": "Quitter",
+        "leave_room": "Quitter le salon",
+        "logout": "Se déconnecter",
+        "manage": "Gérer",
+        "maximise": "Maximiser",
+        "mention": "Mentionner",
+        "minimise": "Minimiser",
+        "new_room": "Nouveau salon",
+        "new_video_room": "Nouveau salon visio",
+        "next": "Suivant",
+        "no": "Non",
+        "ok": "OK",
+        "open": "Ouvrir",
+        "pin": "Épingler",
+        "proceed": "Appliquer",
+        "quote": "Citer",
+        "react": "Réagir",
+        "refresh": "Rafraîchir",
+        "register": "S’inscrire",
+        "reload": "Recharger",
+        "remove": "Supprimer",
+        "rename": "Renommer",
+        "reply": "Répondre",
+        "reply_in_thread": "Répondre dans le fil de discussion",
+        "report_room": "Signaler le salon",
+        "resend": "Renvoyer",
+        "reset": "Réinitialiser",
+        "resume": "Reprendre",
+        "retry": "Réessayer",
+        "review": "Examiner",
+        "revoke": "Révoquer",
+        "save": "Enregistrer",
+        "search": "Rechercher",
+        "send_report": "Envoyer le signalement",
+        "set_avatar": "Définir une photo de profil",
+        "share": "Partager",
+        "show": "Afficher",
+        "show_advanced": "Afficher les paramètres avancés",
+        "show_all": "Tout afficher",
+        "sign_in": "Se connecter",
+        "sign_out": "Supprimer cet appareil",
+        "skip": "Passer",
+        "start": "Commencer",
+        "stop": "Arrêter",
+        "submit": "Soumettre",
+        "subscribe": "S’inscrire",
+        "transfer": "Transférer",
+        "trust": "Faire confiance",
+        "try_again": "Réessayez",
+        "unban": "Révoquer le bannissement",
+        "unignore": "Ne plus ignorer",
+        "unpin": "Désépingler",
+        "unsubscribe": "Se désinscrire",
+        "update": "Mettre à jour",
+        "upgrade": "Mettre à niveau",
+        "upload": "Envoyer",
+        "upload_file": "Charger un fichier",
+        "verify": "Vérifier",
+        "view": "Afficher",
+        "view_all": "Tout voir",
+        "view_list": "Voir la liste",
+        "view_message": "Afficher le message",
+        "view_source": "Voir la source",
+        "yes": "Oui",
+        "yes_dismiss": "Oui, rejeter",
+        "zoom_in": "Zoomer",
+        "zoom_out": "Dé-zoomer"
+    },
+    "analytics": {
+        "accept_button": "C’est bon",
+        "bullet_1": "Nous n’enregistrons ou ne profilons <Bold>aucune</Bold> donnée du compte",
+        "bullet_2": "Nous ne partageons <Bold>aucune</Bold> information avec des tiers",
+        "consent_migration": "Vous aviez précédemment consenti au partage de données d’utilisation anonymisées avec nous. Nous sommes en train de changer ce fonctionnement.",
+        "disable_prompt": "Vous pouvez désactiver ceci à n’importe quel moment dans les paramètres",
+        "enable_prompt": "Aidez à améliorer %(analyticsOwner)s",
+        "learn_more": "Partager des données anonymisées pour nous aider à identifier les problèmes. Aucune tierce partie. <LearnMoreLink>En savoir plus</LearnMoreLink>",
+        "privacy_policy": "Vous pouvez lire toutes nos conditions <PrivacyPolicyUrl>ici</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Aidez nous à identifier les problèmes et améliorer %(analyticsOwner)s en envoyant des rapports d’usage anonymes. Pour comprendre de quelle manière les gens utilisent plusieurs appareils, nous créeront un identifiant aléatoire commun à tous vos appareils.",
+        "shared_data_heading": "Les données suivants peuvent être partagées :"
+    },
+    "auth": {
+        "3pid_in_use": "Cette adresse e-mail ou numéro de téléphone est déjà utilisé.",
+        "account_clash": "Votre nouveau compte (%(newAccountId)s) est créé, mais vous êtes déjà connecté avec un autre compte (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Continuer avec le compte précédent",
+        "account_deactivated": "Ce compte a été désactivé.",
+        "autodiscovery_generic_failure": "Échec de la découverte automatique de la configuration depuis le serveur",
+        "autodiscovery_hs_incompatible": "Votre serveur d’accueil est trop ancien et ne prend pas en charge la version minimale requise de l’API. Veuillez contacter le propriétaire du serveur, ou bien mettez à jour votre serveur.",
+        "autodiscovery_invalid": "Réponse de découverte du serveur d’accueil non valide",
+        "autodiscovery_invalid_hs": "L’URL du serveur d’accueil ne semble pas être un serveur d’accueil Matrix valide",
+        "autodiscovery_invalid_hs_base_url": "base_url pour m.homeserver non valide",
+        "autodiscovery_invalid_is": "L’URL du serveur d’identité ne semble pas être un serveur d’identité valide",
+        "autodiscovery_invalid_is_base_url": "base_url pour m.identity_server non valide",
+        "autodiscovery_invalid_is_response": "Réponse non valide lors de la découverte du serveur d'identité",
+        "autodiscovery_invalid_json": "JSON non valide",
+        "autodiscovery_no_well_known": "Aucun fichier JSON .well-known n’a été trouvé",
+        "autodiscovery_unexpected_error_hs": "Une erreur inattendue est survenue pendant la résolution de la configuration du serveur d’accueil",
+        "autodiscovery_unexpected_error_is": "Une erreur inattendue est survenue pendant la résolution de la configuration du serveur d’identité",
+        "captcha_description": "Ce serveur d’accueil veut s’assurer que vous n’êtes pas un robot.",
+        "change_password_action": "Changer le mot de passe",
+        "change_password_confirm_invalid": "Les mots de passe ne correspondent pas",
+        "change_password_confirm_label": "Confirmer le mot de passe",
+        "change_password_current_label": "Mot de passe actuel",
+        "change_password_empty": "Le mot de passe ne peut pas être vide",
+        "change_password_error": "Erreur lors du changement de mot de passe : %(error)s",
+        "change_password_mismatch": "Les mots de passe ne correspondent pas",
+        "change_password_new_label": "Nouveau mot de passe",
+        "check_email_explainer": "Suivez les instructions envoyées à <b>%(email)s</b>",
+        "check_email_resend_prompt": "Pas reçues ?",
+        "check_email_resend_tooltip": "E-mail du lien de vérification ré-envoyé !",
+        "check_email_wrong_email_button": "Re-saisir l’adresse e-mail",
+        "check_email_wrong_email_prompt": "Mauvaise adresse e-mail ?",
+        "continue_with_idp": "Continuer avec %(provider)s",
+        "continue_with_sso": "Continuer avec %(ssoButtons)s",
+        "country_dropdown": "Sélection du pays",
+        "create_account_prompt": "Nouveau ici ? <a>Créez un compte</a>",
+        "create_account_title": "Créer un compte",
+        "email_discovery_text": "Utiliser une adresse e-mail pour pouvoir être découvert par des contacts existants.",
+        "email_field_label": "Adresse e-mail",
+        "email_field_label_invalid": "Cela ne ressemble pas a une adresse e-mail valide",
+        "email_field_label_required": "Saisir l’adresse e-mail",
+        "email_help_text": "Ajouter une adresse e-mail pour pouvoir réinitialiser votre mot de passe.",
+        "email_phone_discovery_text": "Utiliser une adresse e-mail ou un numéro de téléphone pour pouvoir être découvert par des contacts existants.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> va vous envoyer un lien de vérification vous permettant de réinitialiser votre mot de passe.",
+        "enter_email_heading": "Saisir votre adresse e-mail pour réinitialiser le mot de passe",
+        "failed_connect_identity_server": "Impossible de joindre le serveur d’identité",
+        "failed_connect_identity_server_other": "Vous pouvez vous connecter, mais certaines fonctionnalités ne seront pas disponibles jusqu’au retour du serveur d’identité. Si vous continuez à voir cet avertissement, vérifiez votre configuration ou contactez un administrateur du serveur.",
+        "failed_connect_identity_server_register": "Vous pouvez vous inscrire, mais certaines fonctionnalités ne seront pas disponibles jusqu’au retour du serveur d’identité. Si vous continuez à voir cet avertissement, vérifiez votre configuration ou contactez un administrateur du serveur.",
+        "failed_connect_identity_server_reset_password": "Vous pouvez réinitialiser votre mot de passe, mais certaines fonctionnalités ne seront pas disponibles jusqu’au retour du serveur d’identité. Si vous continuez à voir cet avertissement, vérifiez votre configuration ou contactez un administrateur du serveur.",
+        "failed_homeserver_discovery": "Échec lors de la découverte du serveur d’accueil",
+        "failed_query_registration_methods": "Impossible de demander les méthodes d’inscription prises en charge.",
+        "failed_soft_logout_auth": "Échec de la ré-authentification",
+        "failed_soft_logout_homeserver": "Échec de la ré-authentification à cause d’un problème du serveur d’accueil",
+        "forgot_password_email_invalid": "L’adresse e-mail semble être invalide.",
+        "forgot_password_email_required": "L’adresse e-mail liée à votre compte doit être renseignée.",
+        "forgot_password_prompt": "Mot de passe oublié ?",
+        "forgot_password_send_email": "Envoyer l’e-mail",
+        "identifier_label": "Se connecter avec",
+        "incorrect_credentials": "Nom d’utilisateur et/ou mot de passe incorrect.",
+        "incorrect_credentials_detail": "Veuillez noter que vous vous connectez au serveur %(hs)s, pas à matrix.org.",
+        "incorrect_password": "Mot de passe incorrect",
+        "log_in_new_account": "<a>Connectez-vous</a> à votre nouveau compte.",
+        "logout_dialog": {
+            "description": "Êtes-vous sûr de vouloir supprimer cet appareil ?",
+            "setup_key_backup_title": "Vous êtes sur le point de perdre l'accès à vos discussions chiffrées.",
+            "setup_secure_backup_description": "Il s'agit de votre seul appareil. Si vous le supprimer, vous aurez besoin d'une clé de récupération pour confirmer votre identité numérique et restaurer vos discussions chiffrées lors de votre prochaine connexion.",
+            "skip_key_backup": "Supprimer cet appareil quand même"
+        },
+        "misconfigured_body": "Demandez à votre administrateur %(brand)s de vérifier que <a>votre configuration</a> ne contient pas d’entrées incorrectes ou en double.",
+        "misconfigured_title": "Votre %(brand)s est mal configuré",
+        "mobile_create_account_title": "Vous êtes sur le point de créer un compte sur %(hsName)s",
+        "msisdn_field_description": "D’autres utilisateurs peuvent vous inviter à des salons grâce à vos informations de contact",
+        "msisdn_field_label": "Numéro de téléphone",
+        "msisdn_field_number_invalid": "Ce numéro de téléphone ne semble pas correct, merci de vérifier et réessayer",
+        "msisdn_field_required_invalid": "Saisir le numéro de téléphone",
+        "no_hs_url_provided": "Aucune URL de serveur d’accueil fournie",
+        "oidc": {
+            "error_title": "Nous n’avons pas pu vous connecter",
+            "generic_auth_error": "Une erreur s’est produite lors de l’authentification. Allez à la page de connexion et réessayez.",
+            "missing_or_invalid_stored_state": "Nous avons demandé à votre navigateur de mémoriser votre serveur d’accueil, mais il semble l’avoir oublié. Rendez-vous à la page de connexion et réessayez."
+        },
+        "password_field_keep_going_prompt": "En cours…",
+        "password_field_label": "Saisir le mot de passe",
+        "password_field_strong_label": "Bien joué, un mot de passe robuste !",
+        "password_field_weak_label": "Ce mot de passe est autorisé, mais peu sûr",
+        "phone_label": "Numéro de téléphone",
+        "phone_optional_label": "Téléphone (facultatif)",
+        "qr_code_login": {
+            "check_code_explainer": "Cela vérifiera que la connexion à votre autre appareil est sécurisée.",
+            "check_code_heading": "Saisir le numéro affiché sur votre autre appareil",
+            "check_code_input_label": "code à 2 chiffres",
+            "check_code_mismatch": "Les chiffres ne correspondent pas",
+            "choose_desktop_computer": "Selectionné «%(desktopComputer)s »",
+            "completing_setup": "Fin de la configuration de votre nouvel appareil",
+            "desktop_computer": "Ordinateur de bureau",
+            "error_etag_missing": "Une erreur inattendue s'est produite. Cela peut être dû à une extension de navigateur, à un serveur proxy ou à une mauvaise configuration du serveur.",
+            "error_expired": "Connexion expirée. Veuillez réessayer.",
+            "error_expired_title": "La connexion a pris trop de temps.",
+            "error_insecure_channel_detected": "Une connexion sécurisée n’a pas pu être établie avec le nouvel appareil. Vos appareils existants sont toujours en sécurité et vous n’avez pas à vous en soucier.",
+            "error_insecure_channel_detected_instructions": "Et maintenant ?",
+            "error_insecure_channel_detected_instructions_1": "Essayez de vous connecter à nouveau à l’autre appareil à l’aide d’un QR code au cas où il s’agirait d’un problème de réseau",
+            "error_insecure_channel_detected_instructions_2": "Si vous rencontrez le même problème, essayez un autre réseau wifi ou utilisez vos données mobiles au lieu du wifi",
+            "error_insecure_channel_detected_instructions_3": "Si cela ne fonctionne pas, connectez-vous manuellement",
+            "error_insecure_channel_detected_title": "Connexion non sécurisée",
+            "error_other_device_already_signed_in": "Vous n’avez rien d’autre à faire.",
+            "error_other_device_already_signed_in_title": "Votre autre appareil est déjà connecté",
+            "error_rate_limited": "Trop de tentatives consécutives. Attendez un peu avant de réessayer.",
+            "error_unexpected": "Une erreur inattendue s'est produite. La demande de connexion de votre autre appareil a été annulée.",
+            "error_unsupported_protocol": "Cet appareil ne prend pas en charge la connexion à l'autre appareil à l'aide d'un QR code.",
+            "error_unsupported_protocol_title": "Autre appareil non compatible",
+            "error_user_cancelled": "La connexion a été annulée sur l'autre appareil.",
+            "error_user_cancelled_title": "Demande de connexion annulée",
+            "error_user_declined": "Vous ou le fournisseur de compte avez refusé la demande de connexion.",
+            "error_user_declined_title": "Connexion refusée",
+            "follow_remaining_instructions": "Suivez les instructions restantes",
+            "open_element_mobile_device": "Ouvrez %(brand)s sur votre smartphone",
+            "open_element_other_device": "Ouvrez %(brand)s sur votre autre appareil",
+            "point_the_camera": "Scannez le QR code affiché ici",
+            "ready_to_scan": "Prêt à scanner",
+            "scan_code_instruction": "Scannez le code QR",
+            "scan_code_instruction_reciprocate": "Scannez le code QR avec un autre appareil",
+            "scan_qr_code": "Se connecter avec un QR code",
+            "security_code_prompt": "Votre fournisseur de compte peut vous demander le code suivant pour vérifier la connexion.",
+            "security_code_title": "Votre code de vérification",
+            "select_qr_code": "Sélectionnez « %(scanQRCode)s »",
+            "select_ready_to_scan": "Sélectionnez « %(readyToScan)s » et scannez le QR code affiché ici.",
+            "start_over": "Recommencer",
+            "tap_avatar_link_new_device": "Cliquez sur votre avatar et sélectionnez « %(linkNewDevice)s »",
+            "unsupported_explainer": "Votre fournisseur de compte ne prend pas en charge la connexion à un nouvel appareil à l’aide d’un code QR.",
+            "unsupported_heading": "Le code QR n'est pas pris en charge",
+            "waiting_for_device": "En attente de votre autre appareil"
+        },
+        "register_action": "Créer un compte",
+        "registration": {
+            "continue_without_email_description": "Juste une remarque, si vous n'ajoutez pas d’adresse e-mail et que vous oubliez votre mot de passe, vous pourriez <b>perdre définitivement l’accès à votre compte</b>.",
+            "continue_without_email_field_label": "Adresse e-mail (facultatif)",
+            "continue_without_email_title": "Continuer sans adresse e-mail"
+        },
+        "registration_disabled": "L’inscription a été désactivée sur ce serveur d’accueil.",
+        "registration_msisdn_field_required_invalid": "Saisir le numéro de téléphone (obligatoire sur ce serveur d’accueil)",
+        "registration_successful": "Inscription réussie",
+        "registration_username_in_use": "Quelqu’un d’autre a déjà ce nom d’utilisateur. Essayez-en un autre ou bien, si c’est vous, connecter vous ci-dessous.",
+        "registration_username_unable_check": "Impossible de vérifier si le nom d’utilisateur est déjà utilisé. Veuillez réessayer plus tard.",
+        "registration_username_validation": "Utiliser uniquement des lettres minuscules, chiffres, traits d’union et tirets bas",
+        "reset_password": {
+            "confirm_new_password": "Confirmer le nouveau mot de passe",
+            "devices_logout_success": "Tous vos appareils ont été supprimés et ne recevront plus de notifications push. Pour réactiver les notifications, connectez-vous à nouveau sur chaque appareil.",
+            "other_devices_logout_warning_1": "La suppession de vos appareils va supprimer les clés de chiffrement des messages qu’ils possèdent, rendant l’historique des discussions chiffrées illisible.",
+            "other_devices_logout_warning_2": "Si vous voulez garder un accès à votre historique de discussion dans les salons chiffrés, configurez la clé de récupération, ou bien exportez vos clés de messages à partir de l’un de vos autres appareils avant de continuer.",
+            "password_not_entered": "Un nouveau mot de passe doit être saisi.",
+            "passwords_mismatch": "Les nouveaux mots de passe doivent être identiques.",
+            "rate_limit_error": "Trop de tentatives consécutives. Attendez un peu avant de réessayer.",
+            "rate_limit_error_with_time": "Trop de tentatives consécutives. Réessayez après %(timeout)s.",
+            "reset_successful": "Votre mot de passe a été réinitialisé.",
+            "return_to_login": "Retourner à l’écran de connexion",
+            "sign_out_other_devices": "Supprimer tous les appareils"
+        },
+        "reset_password_action": "Réinitialiser le mot de passe",
+        "reset_password_button": "Mot de passe oublié ?",
+        "reset_password_email_field_description": "Utiliser une adresse e-mail pour récupérer votre compte",
+        "reset_password_email_field_required_invalid": "Saisir l’adresse e-mail (obligatoire sur ce serveur d’accueil)",
+        "reset_password_email_not_associated": "Votre adresse e-mail ne semble pas être associée à un identifiant Matrix sur ce serveur d’accueil.",
+        "reset_password_email_not_found_title": "Cette adresse e-mail n’a pas été trouvée",
+        "reset_password_title": "Réinitialisez votre mot de passe",
+        "server_picker_custom": "Autre serveur d’accueil",
+        "server_picker_description": "Vous pouvez utiliser l’option de serveur personnalisé pour vous connecter à d'autres serveurs Matrix en spécifiant une URL de serveur d'accueil différente. Cela vous permet d’utiliser %(brand)s avec un compte Matrix existant sur un serveur d’accueil différent.",
+        "server_picker_description_matrix.org": "Rejoignez des millions d’utilisateurs gratuitement sur le plus grand serveur public",
+        "server_picker_dialog_title": "Décidez où votre compte est hébergé",
+        "server_picker_explainer": "Utilisez votre serveur d’accueil Matrix préféré si vous en avez un, ou hébergez le vôtre.",
+        "server_picker_failed_validate_homeserver": "Impossible de valider le serveur d’accueil",
+        "server_picker_intro": "Nous appelons « serveur d'accueils » les lieux où vous pouvez héberger votre compte.",
+        "server_picker_invalid_url": "URL invalide",
+        "server_picker_learn_more": "À propos des serveurs d’accueil",
+        "server_picker_matrix.org": "Matrix.org est le plus grand serveur d’accueil public, c'est donc un bon choix pour la plupart des gens.",
+        "server_picker_required": "Spécifiez un serveur d’accueil",
+        "server_picker_title": "Connectez-vous sur votre serveur d’accueil",
+        "server_picker_title_default": "Options serveur",
+        "server_picker_title_registration": "Héberger le compte sur",
+        "session_logged_out_description": "Par mesure de sécurité, la session a expiré. Merci de vous authentifier à nouveau.",
+        "session_logged_out_title": "Session supprimée",
+        "set_email": {
+            "description": "Ceci vous permettra de réinitialiser votre mot de passe et de recevoir des notifications.",
+            "verification_pending_description": "Veuillez consulter vos e-mails et cliquer sur le lien que vous avez reçu. Puis cliquez sur continuer.",
+            "verification_pending_title": "Vérification en attente"
+        },
+        "set_email_prompt": "Souhaitez-vous configurer une adresse e-mail ?",
+        "sign_in_description": "Utilisez votre compte pour continuer.",
+        "sign_in_instead": "Me connecter avec mon compte existant",
+        "sign_in_instead_prompt": "Vous avez déjà un compte ? <a>Connectez-vous ici</a>",
+        "sign_in_manually": "Se connecter manuellement",
+        "sign_in_or_register": "Se connecter ou créer un compte",
+        "sign_in_or_register_description": "Utilisez votre compte ou créez en un pour continuer.",
+        "sign_in_with_qr": "Se connecter avec un QR code",
+        "sign_in_with_sso": "Se connecter avec l’authentification unique",
+        "signing_in": "Authentification…",
+        "soft_logout": {
+            "clear_data_button": "Supprimer toutes les données",
+            "clear_data_description": "La suppression de toutes les données de cette session est permanente. Les messages chiffrés seront perdus sauf si les clés ont été sauvegardées.",
+            "clear_data_title": "Supprimer toutes les données de cette session ?"
+        },
+        "soft_logout_heading": "Vous êtes déconnecté",
+        "soft_logout_intro_password": "Saisissez votre mot de passe pour vous connecter et ré-accéder à votre compte.",
+        "soft_logout_intro_sso": "Connectez-vous et ré-accédez à votre compte.",
+        "soft_logout_intro_unsupported_auth": "Vous ne pouvez pas vous connecter à votre compte. Contactez l’administrateur de votre serveur d’accueil pour plus d’informations.",
+        "soft_logout_subheading": "Supprimer les données personnelles",
+        "soft_logout_warning": "Attention : vos données personnelles (y compris les clés de chiffrement) seront stockées dans cette session. Effacez-les si vous n’utilisez plus cette session ou si vous voulez vous connecter à un autre compte.",
+        "sso": "Authentification unique",
+        "sso_complete_in_browser_dialog_title": "Utilisez votre navigateur pour terminer la connexion",
+        "sso_failed_missing_storage": "Nous avons demandé à votre navigateur de mémoriser votre serveur d’accueil, mais il semble l’avoir oublié. Rendez-vous à la page de connexion et réessayez.",
+        "sso_or_username_password": "%(ssoButtons)s ou %(usernamePassword)s",
+        "sync_footer_subtitle": "Si vous avez rejoint beaucoup de salons, cela peut prendre du temps",
+        "syncing": "Synchronisation…",
+        "uia": {
+            "code": "Code",
+            "email": "Pour créer un compte, cliquez sur le lien dans l’e-mail que nous venons d’envoyer à %(emailAddress)s.",
+            "email_auth_header": "Vérifiez vos e-mail avant de continuer",
+            "email_resend_prompt": "Vous ne l’avez pas reçu ? <a>Le renvoyer</a>",
+            "email_resent": "Ré-envoyé !",
+            "fallback_button": "Commencer l’authentification",
+            "mas_cross_signing_reset_cta": "Accédez à votre compte",
+            "mas_cross_signing_reset_description": "Vous êtes sur le point d'aller sur votre compte %(serverName)s pour réinitialiser votre identité numérique. Une fois la réinitialisation terminée, revenez ici et cliquez sur Réessayer.",
+            "mas_cross_signing_reset_title": "Accédez à votre compte pour réinitialiser votre identité numérique.",
+            "msisdn": "Un message a été envoyé à %(msisdn)s",
+            "msisdn_token_incorrect": "Jeton incorrect",
+            "msisdn_token_prompt": "Merci de saisir le code qu’il contient :",
+            "password_prompt": "Confirmez votre identité en saisissant le mot de passe de votre compte ci-dessous.",
+            "recaptcha_missing_params": "Clé public du captcha manquante dans la configuration du serveur d’accueil. Veuillez le signaler à l’administrateur de votre serveur d’accueil.",
+            "registration_token_label": "Jeton d’enregistrement",
+            "registration_token_prompt": "Saisissez un jeton d’enregistrement fourni par l’administrateur du serveur d’accueil.",
+            "sso_body": "Confirmez l’ajout de cette adresse e-mail en utilisant l’authentification unique pour prouver votre identité.",
+            "sso_failed": "Une erreur s’est produite lors de la vérification de votre identité. Annulez et réessayez.",
+            "sso_postauth_body": "Cliquez sur le bouton ci-dessous pour confirmer votre identité.",
+            "sso_postauth_title": "Confirmer pour continuer",
+            "sso_preauth_body": "Pour continuer, utilisez l’authentification unique pour prouver votre identité.",
+            "sso_title": "Utiliser l’authentification unique pour continuer",
+            "terms": "Veuillez lire et accepter les politiques de ce serveur d’accueil :",
+            "terms_invalid": "Veuillez lire et accepter toutes les politiques du serveur d’accueil"
+        },
+        "unsupported_auth": "Ce serveur d’accueil n’offre aucune méthode d’identification compatible avec ce client.",
+        "unsupported_auth_email": "Ce serveur d’accueil ne prend pas en charge la connexion avec une adresse e-mail.",
+        "unsupported_auth_msisdn": "Ce serveur ne prend pas en charge l’authentification avec un numéro de téléphone.",
+        "username_field_required_invalid": "Saisir le nom d’utilisateur",
+        "username_in_use": "Quelqu’un possède déjà ce nom d’utilisateur, veuillez en essayer un autre.",
+        "verify_email_explainer": "Nous avons besoin de savoir que c’est vous avant de réinitialiser votre mot de passe. Cliquer sur le lien dans l’e-mail que nous venons juste d’envoyer à <b>%(email)s</b>",
+        "verify_email_heading": "Vérifiez vos e-mail avant de continuer"
+    },
+    "bug_reporting": {
+        "additional_context": "S’il y a des informations supplémentaires qui pourraient nous aider à analyser le problème, comme ce que vous faisiez, l’identifiant du salon ou des utilisateurs etc, veuillez les préciser ici.",
+        "before_submitting": "Avant de soumettre vos journaux, vous devez <a>créer une « issue » sur GitHub</a> pour décrire votre problème.",
+        "collecting_information": "Récupération des informations de version de l’application",
+        "collecting_logs": "Récupération des journaux",
+        "create_new_issue": "Veuillez <newIssueLink>créer un nouveau rapport</newIssueLink> sur GitHub afin que l’on enquête sur cette erreur.",
+        "description": "Les journaux de débogage contiennent les données d’utilisation de l’application incluant votre nom d’utilisateur, les identifiants ou les alias des salons que vous avez visités, les derniers élément de l’interface avec lesquels vous avez interagis, et les noms d’utilisateurs des autres utilisateurs. Ils ne contiennent pas de messages.",
+        "download_logs": "Télécharger les journaux",
+        "downloading_logs": "Téléchargement des journaux",
+        "error_empty": "Dites-nous ce qui s’est mal passé ou, encore mieux, créez un rapport d’erreur sur GitHub qui décrit le problème.",
+        "failed_download_logs": "Impossible de télécharger les journaux de débogage : ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Votre rapport de bogue a été rejeté. Le serveur Rageshake ne prend pas en charge cette application.",
+            "rejected_generic": "Votre rapport de bogue a été rejeté. Le serveur rageshake a rejeté le contenu du rapport en raison de règles internes.",
+            "rejected_recovery_key": "Votre rapport de bogue a été rejeté pour des raisons de sécurité, car il contenait une clé de récupération.",
+            "rejected_version": "Votre rapport de bogue a été rejeté car la version que vous utilisez est trop ancienne.",
+            "server_unknown_error": "Le serveur rageshake a rencontré une erreur inconnue et n'a pas pu gérer le rapport.",
+            "unknown_error": "Impossible d'envoyer les journaux de débogages."
+        },
+        "github_issue": "Rapport GitHub",
+        "introduction": "Si vous avez soumis une anomalie via GitHub, les journaux de débogage peuvent nous aider à cibler le problème. ",
+        "log_request": "Pour nous aider à éviter cela dans le futur, veuillez <a>nous envoyer les journaux</a>.",
+        "logs_sent": "Journaux envoyés",
+        "matrix_security_issue": "Pour signaler un problème de sécurité lié à Matrix, consultez <a>la politique de divulgation de sécurité</a> de Matrix.org.",
+        "preparing_download": "Préparation du téléchargement des journaux",
+        "preparing_logs": "Préparation de l’envoi des journaux",
+        "send_logs": "Envoyer les journaux",
+        "submit_debug_logs": "Envoyer les journaux de débogage",
+        "textarea_label": "Remarques",
+        "thank_you": "Merci !",
+        "title": "Signalement d’anomalies",
+        "unsupported_browser": "Rappel : Votre navigateur n’est pas pris en charge donc votre expérience pourrait être aléatoire.",
+        "uploading_logs": "Envoi des journaux",
+        "waiting_for_server": "En attente d’une réponse du serveur"
+    },
+    "cannot_invite_without_identity_server": "Impossible d’inviter un utilisateur par e-mail sans un serveur d’identité. Vous pouvez vous connecter à un serveur dans les « Paramètres ».",
+    "cannot_reach_homeserver": "Impossible de joindre le serveur d’accueil",
+    "cannot_reach_homeserver_detail": "Vérifiez que vous avec une connexion internet stable ou contactez l’administrateur du serveur",
+    "cant_load_page": "Impossible de charger la page",
+    "chat_card_back_action_label": "Retour à la conversation",
+    "chat_effects": {
+        "confetti_description": "Envoie le message avec des confettis",
+        "confetti_message": "envoie des confettis",
+        "fireworks_description": "Envoie le message donné avec des feux d'artifices",
+        "fireworks_message": "envoie des feux d’artifices",
+        "hearts_description": "Envoie le message donné avec des cœurs",
+        "hearts_message": "envoie des cœurs",
+        "rainfall_description": "Envoie le message avec de la pluie",
+        "rainfall_message": "envoie de la pluie",
+        "snowfall_description": "Envoie le message donné avec une chute de neige",
+        "snowfall_message": "envoie une chute de neige",
+        "spaceinvaders_description": "Envoyer le message avec un effet lié au thème de l’espace",
+        "spaceinvaders_message": "Envoie les Space Invaders"
+    },
+    "common": {
+        "access_token": "Jeton d’accès",
+        "accessibility": "Accessibilité",
+        "advanced": "Avancé",
+        "all_chats": "Toutes les discussions",
+        "analytics": "Collecte de données",
+        "and_n_others": {
+            "other": "et %(count)s autres…",
+            "one": "et un autre…"
+        },
+        "appearance": "Apparence",
+        "application": "Application",
+        "are_you_sure": "Êtes-vous sûr ?",
+        "attachment": "Pièce jointe",
+        "authentication": "Authentification",
+        "avatar": "Avatar",
+        "beta": "Bêta",
+        "camera": "Caméra",
+        "cameras": "Caméras",
+        "cancel": "Annuler",
+        "capabilities": "Capacités",
+        "copied": "Copié !",
+        "credits": "Crédits",
+        "dark": "Sombre",
+        "description": "Description",
+        "deselect_all": "Tout désélectionner",
+        "device": "Appareil",
+        "disabled_by_homeserver": "Désactivé par le serveur d’accueil",
+        "edited": "modifié",
+        "email_address": "Adresse e-mail",
+        "emoji": "Émojis",
+        "encrypted": "Chiffré",
+        "error": "Erreur",
+        "faq": "FAQ",
+        "feedback": "Commentaire",
+        "filter_results": "Filtrer les résultats",
+        "forward_message": "Transférer le message",
+        "general": "Général",
+        "go_to_settings": "Aller aux paramètres",
+        "guest": "Visiteur",
+        "help": "Aide",
+        "home": "Accueil",
+        "homeserver": "Serveur d’accueil",
+        "identity_server": "Serveur d’identité",
+        "image": "Image",
+        "integration_manager": "Gestionnaire d’intégration",
+        "joined": "Rejoint",
+        "labs": "Expérimental",
+        "legacy_voice_and_video_settings": "Appels Matrix 1:1 (ancienne génération)",
+        "legal": "Légal",
+        "light": "Clair",
+        "loading": "Chargement…",
+        "location": "Position",
+        "matrix": "Matrix",
+        "message": "Message",
+        "message_layout": "Mise en page des messages",
+        "message_timestamp_invalid": "Horodatage non valide",
+        "microphone": "Micro",
+        "moderation_and_safety": "Modération et sécurité",
+        "modern": "Moderne",
+        "mute": "Mettre en sourdine",
+        "n_members": {
+            "one": "%(count)s membre",
+            "other": "%(count)s membres"
+        },
+        "n_rooms": {
+            "one": "%(count)s salon",
+            "other": "%(count)s salons"
+        },
+        "name": "Nom",
+        "no_results": "Pas de résultat",
+        "no_results_found": "Aucun résultat",
+        "not_trusted": "Non fiable",
+        "off": "Désactivé",
+        "offline": "Hors ligne",
+        "on": "Activé",
+        "options": "Options",
+        "orphan_rooms": "Autres salons",
+        "password": "Mot de passe",
+        "people": "Personnes",
+        "preferences": "Préférences",
+        "presence": "Présence",
+        "preview_message": "Hé vous. Vous êtes le meilleur !",
+        "privacy": "Vie privée",
+        "private": "Privé",
+        "private_room": "Salon privé",
+        "private_space": "Espace privé",
+        "profile": "Profil",
+        "public": "Public",
+        "public_room": "Salon public",
+        "public_space": "Espace public",
+        "qr_code": "QR code",
+        "random": "Aléatoire",
+        "reactions": "Réactions",
+        "recommended": "Recommandé",
+        "report_a_bug": "Signaler un bug",
+        "room": "Salon",
+        "room_name": "Nom du salon",
+        "rooms": "Salons",
+        "save": "Enregistrer",
+        "saved": "Enregistré",
+        "saving": "Enregistrement…",
+        "secure_backup": "Sauvegarde sécurisée",
+        "select_all": "Tout sélectionner",
+        "server": "Serveur",
+        "settings": "Paramètres",
+        "setup_secure_messages": "Configurer les messages sécurisés",
+        "show_more": "En voir plus",
+        "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",
+        "suggestions": "Suggestions",
+        "support": "Prise en charge",
+        "theme": "Thème",
+        "thread": "Discussion",
+        "threads": "Fils de discussion",
+        "timeline": "Fil de discussion",
+        "unavailable": "indisponible",
+        "unencrypted": "Non chiffré",
+        "unmute": "Activer le son",
+        "unnamed_room": "Salon anonyme",
+        "unnamed_space": "Espace sans nom",
+        "unverified": "Non vérifiée",
+        "updating": "Mise à jour...",
+        "user": "Utilisateur",
+        "user_avatar": "Image de profil",
+        "username": "Nom d’utilisateur",
+        "verified": "Vérifiée",
+        "version": "Version",
+        "video_room": "Salon vidéo",
+        "view_message": "Afficher le message",
+        "warning": "Attention"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Notifier tout le salon",
+            "command_a11y": "Autocomplétion de commande",
+            "command_description": "Commandes",
+            "emoji_a11y": "Autocomplétion d’émoji",
+            "notification_a11y": "Autocomplétion de notification",
+            "notification_description": "Notification du salon",
+            "room_a11y": "Autocomplétion de salon",
+            "space_a11y": "Autocomplétion d’espace",
+            "user_a11y": "Autocomplétion d’utilisateur",
+            "user_description": "Utilisateurs"
+        },
+        "close_sticker_picker": "Cacher les autocollants",
+        "edit_composer_label": "Modifier le message",
+        "format_bold": "Gras",
+        "format_code_block": "Bloc de code",
+        "format_decrease_indent": "Réduire l’indentation",
+        "format_increase_indent": "Augmenter l’indentation",
+        "format_inline_code": "Code",
+        "format_insert_link": "Insérer un lien",
+        "format_italic": "Italique",
+        "format_italics": "Italique",
+        "format_link": "Lien",
+        "format_ordered_list": "Liste numérotée",
+        "format_strikethrough": "Barré",
+        "format_underline": "Souligné",
+        "format_unordered_list": "Liste à puces",
+        "formatting_toolbar_label": "Formatage",
+        "link_modal": {
+            "link_field_label": "Lien",
+            "text_field_label": "Texte",
+            "title_create": "Crée un lien",
+            "title_edit": "Éditer le lien"
+        },
+        "mode_plain": "Masquer le formatage",
+        "mode_rich_text": "Afficher le formatage",
+        "no_perms_notice": "Vous n’avez pas la permission de poster dans ce salon",
+        "placeholder": "Envoyer un message non chiffré…",
+        "placeholder_encrypted": "Envoyer un message chiffré…",
+        "placeholder_reply": "Envoyer une réponse non chiffrée…",
+        "placeholder_reply_encrypted": "Envoyer une réponse...",
+        "placeholder_thread": "Répondre au fil de discussion non chiffré…",
+        "placeholder_thread_encrypted": "Répondre au fil de discussion...",
+        "poll_button": "Sondage",
+        "poll_button_no_perms_description": "Vous n’avez pas la permission de démarrer un sondage dans ce salon.",
+        "poll_button_no_perms_title": "Autorisation requise",
+        "replying_title": "Répond",
+        "room_unencrypted": "Les messages dans ce salon ne sont pas chiffrés de bout en bout",
+        "room_upgraded_link": "La discussion continue ici.",
+        "room_upgraded_notice": "Ce salon a été remplacé et n’est plus actif.",
+        "send_button_title": "Envoyer le message",
+        "send_button_voice_message": "Envoyer un message vocal",
+        "send_voice_message": "Envoyer un message vocal",
+        "stop_voice_message": "Arrêter l’enregistrement",
+        "voice_message_button": "Message vocal"
+    },
+    "console_dev_note": "Si vous savez ce que vous faites, Element est un logiciel libre, n'hésitez pas à consulter notre GitHub (https://github.com/vector-im/element-web/) et à contribuer !",
+    "console_scam_warning": "Si quelqu'un vous a dit de copier/coller quelque chose ici, il y a de fortes chances que vous soyez victime d'une escroquerie !",
+    "console_wait": "Attendez !",
+    "create_room": {
+        "action_create_room": "Créer un salon",
+        "action_create_video_room": "Crée le salon visio",
+        "encrypted_video_room_warning": "Vous ne pourrez pas désactiver ceci plus tard. Ce salon sera chiffré mais l’appel intégré ne le sera pas.",
+        "encrypted_warning": "Vous ne pourrez pas le désactiver plus tard. Les passerelles et la plupart des bots ne fonctionneront pas pour le moment.",
+        "encryption_forced": "Votre serveur impose d’activer le chiffrement dans les salons privés.",
+        "encryption_label": "Activer le chiffrement de bout en bout",
+        "error_title": "Échec de création du salon",
+        "generic_error": "Le serveur semble être indisponible, surchargé ou vous êtes tombé sur un bug.",
+        "join_rule_change_notice": "Vous pouvez changer ceci n’importe quand depuis les paramètres du salon.",
+        "join_rule_invite": "Salon privé (uniquement sur invitation)",
+        "join_rule_invite_label": "Seules les personnes invitées pourront trouver et rejoindre ce salon.",
+        "join_rule_knock_label": "Tout le monde peut demander à venir, mais un admin ou un modérateur doit autoriser l’accès. Vous pouvez modifier ceci plus tard.",
+        "join_rule_public_label": "Quiconque pourra trouver et rejoindre ce salon.",
+        "join_rule_public_parent_space_label": "Quiconque pourra trouver et rejoindre ce salon, pas seulement les membres de <SpaceName/>.",
+        "join_rule_restricted": "Standard",
+        "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",
+        "topic_label": "Sujet (facultatif)",
+        "unfederated": "Empêche n’importe qui n’étant pas membre de %(serverName)s de rejoindre ce salon.",
+        "unfederated_label_default_off": "Vous devriez l’activer si le salon n’est utilisé que pour collaborer avec des équipes internes sur votre serveur d’accueil. Ceci ne peut pas être changé plus tard.",
+        "unfederated_label_default_on": "Vous devriez le déactiver si le salon est utilisé pour collaborer avec des équipes externes qui ont leur propre serveur d’accueil. Ceci ne peut pas être changé plus tard.",
+        "unsupported_version": "Le serveur ne prend pas en charge la version de salon spécifiée."
+    },
+    "create_section_dialog": {
+        "create_section": "Créer une section",
+        "description": "Ces sections sont réservées à vous.",
+        "label": "Nom de la section",
+        "title": "Créer une section",
+        "title_edition": "Modifier une section"
+    },
+    "create_space": {
+        "add_details_prompt": "Ajoutez des informations pour aider les personnes à l’identifier.",
+        "add_details_prompt_2": "Vous pouvez les changer à n’importe quel moment.",
+        "add_existing_rooms_description": "Choisissez des salons ou conversations à ajouter. C’est un espace rien que pour vous, personne n’en sera informé. Vous pourrez en ajouter plus tard.",
+        "add_existing_rooms_heading": "Que voulez-vous organiser ?",
+        "address_label": "Adresse",
+        "address_placeholder": "par ex. mon-espace",
+        "creating": "Création…",
+        "creating_rooms": "Création des salons…",
+        "done_action": "Accéder à mon espace",
+        "done_action_first_room": "Rejoindre mon premier salon",
+        "explainer": "Les espaces permettent d'organiser et de découvrir des salons. Quel type d'espace souhaitez-vous créer ?",
+        "failed_create_initial_rooms": "Échec de la création des salons initiaux de l’espace",
+        "failed_invite_users": "Échec de l’invitation des utilisateurs suivants à votre espace : %(csvUsers)s",
+        "invite_teammates_by_username": "Inviter par nom d’utilisateur",
+        "invite_teammates_description": "Assurez-vous que les accès soient accordés aux bonnes personnes. Vous pourrez en inviter d’autres plus tard.",
+        "invite_teammates_heading": "Invitez votre équipe",
+        "inviting_users": "Invitation…",
+        "label": "Créer un espace",
+        "name_required": "Veuillez renseigner un nom pour l’espace",
+        "personal_space": "Seulement moi",
+        "personal_space_description": "Un espace privé pour organiser vos salons",
+        "private_description": "Sur invitation, pour vous-même ou les équipes",
+        "private_heading": "Votre espace privé",
+        "private_only_heading": "Votre Espace",
+        "private_personal_description": "Assurez-vous que les bonnes personnes aient accès à %(name)s",
+        "private_personal_heading": "Avec qui travaillez-vous ?",
+        "private_space": "Moi et mon équipe",
+        "private_space_description": "Un espace privé pour vous et votre équipe",
+        "public_description": "Tout le monde peut rejoindre, idéal pour les communautés",
+        "public_heading": "Votre espace public",
+        "search_public_button": "Rechercher des espaces publics",
+        "setup_rooms_community_description": "Commençons par créer quelques salons.",
+        "setup_rooms_community_heading": "De quoi voulez-vous discuter dans %(spaceName)s ?",
+        "setup_rooms_description": "Vous pourrez ajouter ultérieurement d'autres salons à cet espace, y compris des salons existants.",
+        "setup_rooms_private_description": "Commencez par créer quelques salons.",
+        "setup_rooms_private_heading": "Sur quels projets travaille votre équipe ?",
+        "share_description": "Vous êtes seul pour l’instant, ce sera plus agréable avec de la compagnie.",
+        "share_heading": "Partager %(name)s",
+        "skip_action": "Passer pour l’instant",
+        "subspace_adding": "Ajout…",
+        "subspace_beta_notice": "Ajouter un espace à l’espace que vous gérez.",
+        "subspace_dropdown_title": "Créer un espace",
+        "subspace_existing_space_prompt": "Vous voulez plutôt ajouter un espace existant ?",
+        "subspace_join_rule_invite_description": "Seules les personnes invitées pourront trouver et rejoindre cet espace.",
+        "subspace_join_rule_invite_only": "Espace privé (uniquement sur invitation)",
+        "subspace_join_rule_label": "Visibilité de l’espace",
+        "subspace_join_rule_public_description": "Quiconque pourra trouver et rejoindre cet espace, pas seulement les membres de <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Tout le monde dans <SpaceName/> peut rejoindre."
+    },
+    "credits": {
+        "default_cover_photo": "La <photo>photo d’illustration par défaut</photo> est © <author>Jesús Roncero</author> utilisée selon les termes <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "L’art émoji <twemoji>Twemoji</twemoji> est © <author>Twitter, Inc et autres contributeurs</author> utilisé sous licence <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "La police <colr>twemoji-colr</colr> est © <author>Mozilla Foundation</author> utilisée sous licence <terms>Apache 2.0</terms>."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Êtes-vous sûr de vouloir refuser l'invitation à rejoindre \"%(roomName)s\"  ?",
+        "ignore_user_help": "Vous ne verrez aucun message ni aucune invitation à un salon de la part de cet utilisateur.",
+        "reason_description": "Décrivez la raison pour laquelle vous avez signalé le salon.",
+        "report_room_description": "Signalez ce salon à votre fournisseur de compte.",
+        "title": "Refuser l'invitation"
+    },
+    "desktop_default_device_name": "%(brand)s pour bureau : %(platformName)s",
+    "devtools": {
+        "active_widgets": "Widgets actifs",
+        "category_other": "Autre",
+        "category_room": "Salon",
+        "caution_colon": "Attention :",
+        "checking_sticky_events_support": "Vérification de la prise en charge des événements persistants...",
+        "client_versions": "Versions des clients",
+        "crypto": {
+            "4s_public_key_in_account_data": "dans les données du compte",
+            "4s_public_key_not_in_account_data": "non trouvé",
+            "4s_public_key_status": "Clé publique du coffre secret :",
+            "backup_key_cached": "mise en cache localement",
+            "backup_key_cached_status": "Clé de sauvegarde mise en cache :",
+            "backup_key_not_stored": "non sauvegardé",
+            "backup_key_stored": "dans le coffre secret",
+            "backup_key_stored_status": "Clé de sauvegarde enregistrée :",
+            "backup_key_unexpected_type": "type inattendu",
+            "backup_key_well_formed": "bien formée",
+            "cross_signing": "Signature croisée",
+            "cross_signing_cached": "mise en cache localement",
+            "cross_signing_not_ready": "La signature croisée n’est pas configurée.",
+            "cross_signing_private_keys_in_storage": "dans le coffre secret",
+            "cross_signing_private_keys_in_storage_status": "Clés privées de signature croisée :",
+            "cross_signing_private_keys_not_in_storage": "non trouvé dans le coffre",
+            "cross_signing_public_keys_on_device": "en mémoire",
+            "cross_signing_public_keys_on_device_status": "Clés publiques de signature croisée :",
+            "cross_signing_ready": "La signature croisée est prête à être utilisée.",
+            "cross_signing_status": "État de la signature croisée :",
+            "cross_signing_untrusted": "Votre compte possède une identité numérique stockée dans le coffre secret mais celle-ci n'est pas encore approuvée par cette session.",
+            "crypto_not_available": "Le module cryptographique n'est pas disponible",
+            "device_id": "Identifiant de l'appareil",
+            "key_backup_active_version": "Version de sauvegarde active :",
+            "key_backup_active_version_none": "Aucun",
+            "key_backup_inactive_warning": "Vos clés ne sont pas sauvegardées sur cette session.",
+            "key_backup_latest_version": "Dernière version de la sauvegarde sur le serveur :",
+            "key_storage": "Stockage des clés",
+            "master_private_key_cached_status": "Clé privée maîtresse :",
+            "not_found": "non trouvé",
+            "not_found_locally": "non trouvée localement",
+            "secret_storage_not_ready": "pas prêt",
+            "secret_storage_ready": "prêt",
+            "secret_storage_status": "Coffre secret :",
+            "self_signing_private_key_cached_status": "Clé privée d’auto-signature :",
+            "session": "Session",
+            "session_fingerprint": "Empreinte numérique (clé de la session)",
+            "title": "Chiffrement de bout en bout",
+            "user_signing_private_key_cached_status": "Clé privée de signature de l’utilisateur :"
+        },
+        "developer_mode": "Mode développeur",
+        "developer_tools": "Outils de développement",
+        "device_dehydrated_no": "Déshydraté : Non",
+        "device_dehydrated_yes": "Déshydraté : Oui",
+        "device_id": "Identifiant de l'appareil : %(deviceId)s",
+        "device_keys": "Clés d'appareil",
+        "device_verification_status": {
+            "signed_by_owner": "Statut de vérification : <E2EIcon /> Signé par le propriétaire",
+            "unknown": "Statut de vérification : Inconnu",
+            "unverified": "Statut de vérification : <E2EIcon /> Non signé par le propriétaire",
+            "verified": "Statut de vérification : <E2EIcon /> Vérifié par signature croisée"
+        },
+        "devices": "Appareils cryptographiques (%(count)s )",
+        "edit_setting": "Modifier le paramètre",
+        "edit_values": "Modifier les valeurs",
+        "empty_string": "<chaîne de caractères vide>",
+        "error_sticky_duration_must_be_a_number": "stickyDuration doit être un nombre",
+        "error_sticky_duration_out_of_range": "stickyDuration doit être compris entre 0 et 36000 millisecondes (1h)",
+        "event_content": "Contenu de l’évènement",
+        "event_id": "Identifiant d’événement : %(eventId)s",
+        "event_sent": "Évènement envoyé !",
+        "event_type": "Type d’évènement",
+        "expired": "Expiré",
+        "expires_in": "Expire dans",
+        "explore_account_data": "Parcourir les données du compte",
+        "explore_room_account_data": "Parcourir les données de compte du salon",
+        "explore_room_state": "Parcourir l’état du salon",
+        "explore_sticky_state": "Explorer l'état persistant",
+        "failed_to_find_widget": "Erreur lors de la récupération de ce widget.",
+        "failed_to_load": "Échec du chargement.",
+        "failed_to_save": "Échec lors de la sauvegarde des paramètres.",
+        "failed_to_send": "Échec de l’envoi de l’événement !",
+        "id": "ID : ",
+        "invalid_device_key_id": "L'ID de la clé de l'appareil est invalide",
+        "invalid_json": "Ne semble pas être du JSON valide.",
+        "level": "Rang",
+        "low_bandwidth_mode": "Mode faible bande passante",
+        "low_bandwidth_mode_description": "Désactive le chiffrement, la présence, les avatars, les accusés de lecture et les notifications de saisie.",
+        "main_timeline": "Historique principal",
+        "manual_device_verification": "Vérification manuelle de l'appareil",
+        "no_receipt_found": "Aucun accusé disponible",
+        "no_sticky_events": "Il n'y a pas d'événements persistants dans ce salon.",
+        "notification_state": "L’état des notifications est <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Débogage des notifications",
+        "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>",
+        "room_notifications_dot": "Point : ",
+        "room_notifications_highlight": "Mentions : ",
+        "room_notifications_last_event": "Dernier évènement :",
+        "room_notifications_sender": "Expéditeur : ",
+        "room_notifications_thread_id": "Id du fil de discussion : ",
+        "room_notifications_total": "Total : ",
+        "room_notifications_type": "Type : ",
+        "room_status": "Statut du salon",
+        "room_unread_status_count": {
+            "one": "Statut non-lus du salon : <strong>%(status)s</strong>, total : <strong>%(count)s</strong>",
+            "other": "Statut non-lus du salon : <strong>%(status)s</strong>, total : <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Enregistrer les valeurs des paramètres",
+        "see_history": "Afficher l’historique",
+        "send_custom_account_data_event": "Envoyer des événements personnalisés de données du compte",
+        "send_custom_room_account_data_event": "Envoyer des événements personnalisés de données du compte du salon",
+        "send_custom_state_event": "Envoyer des événements d’état personnalisés",
+        "send_custom_sticky_event": "Envoyer un événement personnalisé persistant",
+        "send_custom_timeline_event": "Envoyer des événements d’historique personnalisé",
+        "server_info": "Infos du serveur",
+        "server_versions": "Versions des serveurs",
+        "settable_global": "Définissable de manière globale",
+        "settable_room": "Définissable par salon",
+        "setting_colon": "Paramètre :",
+        "setting_definition": "Définition du paramètre :",
+        "setting_id": "Identifiant de paramètre",
+        "settings": {
+            "elementCallUrl": "Lien d'Element Call"
+        },
+        "settings_explorer": "Explorateur de paramètres",
+        "show_empty_content_events": "Afficher les événements sans contenu",
+        "show_hidden_events": "Afficher les évènements cachés dans le fil de discussion",
+        "spaces": {
+            "one": "<espace>",
+            "other": "<%(count)s espaces>"
+        },
+        "state_key": "Clé d’état",
+        "sticky_duration": "Durée de persistance (ms)",
+        "sticky_events_not_supported": "Votre serveur d'accueil ne prend pas encore en charge les événements persistants.",
+        "sticky_key": "Clé persistante",
+        "thread_root_id": "ID du fil de discussion racine : %(threadRootId)s",
+        "threads_timeline": "Historique des fils de discussion",
+        "title": "Outils de développement",
+        "toolbox": "Boîte à outils",
+        "use_at_own_risk": "Cette interface ne vérifie pas les types des valeurs. Utilisez la à vos propres risques.",
+        "user_avatar": "Avatar: %(avatar)s",
+        "user_displayname": "Nom d'affichage : %(displayname)s",
+        "user_id": "Identifiant utilisateur : %(userId)s",
+        "user_identity": "Identité cryptographique",
+        "user_identity_unknown": "Inconnu",
+        "user_no_avatar": "Avatar: <i> Aucun</i>",
+        "user_no_displayname": "Nom d'affichage : <i>Aucun</i>",
+        "user_read_up_to": "L’utilisateur a lu jusqu’à : ",
+        "user_read_up_to_ignore_synthetic": "L’utilisateur a lu jusqu’à (ignoreSynthetic) : ",
+        "user_read_up_to_private": "L’utilisateur a lu jusqu’à (m.read.private) : ",
+        "user_read_up_to_private_ignore_synthetic": "L’utilisateur a lu jusqu’à (m.read.private;ignoreSynthetic) : ",
+        "user_room_membership": "Adhésion : %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Statut de la vérification : <E2EIcon /> Non vérifié, et identité numérique changée",
+            "unverified": "Statut de la vérification vérification : <E2EIcon /> Non vérifié",
+            "verified": "Statut de la vérification : <E2EIcon /> Vérifié",
+            "was_verified": "Statut de la vérifcation vérification : <E2EIcon /> Etait vérifié, mais l'identité numérique a changé."
+        },
+        "users": "Utilisateurs",
+        "value": "Valeur",
+        "value_colon": "Valeur :",
+        "value_in_this_room": "Valeur pour ce salon",
+        "value_this_room_colon": "Valeur pour ce salon :",
+        "values_explicit": "Valeurs pour des rangs explicites",
+        "values_explicit_colon": "Valeurs pour les rangs explicites :",
+        "values_explicit_room": "Valeurs pour des rangs explicites dans ce salon",
+        "values_explicit_this_room_colon": "Valeurs pour les rangs explicites de ce salon :",
+        "view_servers_in_room": "Voir les serveurs dans le salon",
+        "view_source_decrypted_event_source": "Évènement source déchiffré",
+        "view_source_decrypted_event_source_unavailable": "Source déchiffrée non disponible",
+        "widget_screenshots": "Activer les captures d’écran pour les widgets pris en charge"
+    },
+    "dialog_close_label": "Fermer la boîte de dialogue",
+    "download_completed": "Téléchargement terminé",
+    "empty_room": "Salon vide",
+    "empty_room_was_name": "Salon vide (précédemment %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Si vous avez une clé de récupération ou une phrase de sécurité, cela fonctionnera également.",
+            "key_validation_text": {
+                "wrong_security_key": "La clé de récupération que vous avez saisie est incorrecte."
+            },
+            "privacy_warning": "Assurez-vous que personne d'autre ne regarde votre écran !",
+            "restoring": "Restauration des clés depuis la sauvegarde",
+            "security_key_label": "Clé de récupération",
+            "security_key_title": "Saisir votre clé de récupération"
+        },
+        "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",
+        "cross_signing_user_normal": "Vous n’avez pas vérifié cet utilisateur.",
+        "cross_signing_user_verified": "Vous avez vérifié cet utilisateur. Cet utilisateur a vérifié toutes ses sessions.",
+        "cross_signing_user_warning": "Cet utilisateur n’a pas vérifié toutes ses sessions.",
+        "enter_recovery_key": "Saisir la clé de récupération",
+        "event_shield_reason_authenticity_not_guaranteed": "L’authenticité de ce message chiffré ne peut pas être garantie sur cet appareil.",
+        "event_shield_reason_mismatched_sender": "L'expéditeur de ce message ne correspond pas au propriétaire de l'appareil qui l'a envoyé.",
+        "event_shield_reason_mismatched_sender_key": "Chiffré par une session non vérifiée",
+        "event_shield_reason_unknown_device": "Chiffré par un appareil inconnu ou supprimé.",
+        "event_shield_reason_unsigned_device": "Chiffré par un appareil non vérifié par son propriétaire.",
+        "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é numérique pour garantir l'accès à votre historique de discussions.",
+        "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.",
+        "messages_not_secure": {
+            "cause_1": "Votre serveur d’accueil",
+            "cause_2": "Le serveur d’accueil auquel l’utilisateur que vous vérifiez est connecté",
+            "cause_3": "Votre connexion internet ou celle de l’autre utilisateur",
+            "cause_4": "Votre session ou celle de l’autre utilisateur",
+            "heading": "Un des éléments suivants est peut-être compromis :",
+            "title": "Vos messages ne sont pas sécurisés"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Une nouvelle phrase et clé de sécurité pour les messages sécurisés ont été détectées.",
+            "description_2": "Cette session chiffre l’historique en utilisant la nouvelle méthode de récupération.",
+            "title": "Nouvelle méthode de récupération",
+            "warning": "Si vous n’avez pas activé de nouvelle méthode de récupération, un attaquant essaye peut-être d’accéder à votre compte. Changez immédiatement le mot de passe de votre compte et configurez une nouvelle méthode de récupération dans les paramètres."
+        },
+        "pinned_identity_changed": "L'identité numérique de %(displayName)s (<b>%(userId)s</b> a été réinitialisée. <a>En savoir plus</a>",
+        "pinned_identity_changed_no_displayname": "L' identité numérique de <b>%(userId)s</b> a été réinitialisée. <a>En savoir plus</a>",
+        "recovery_method_removed": {
+            "description_1": "Cette session a détecté que votre phrase de sécurité et clé de sécurité pour les messages sécurisés ont été supprimées.",
+            "description_2": "Si vous l’avez fait accidentellement, vous pouvez configurer les messages sécurisés sur cette session ce qui re-chiffrera l’historique des messages de cette session avec une nouvelle méthode de récupération.",
+            "title": "Méthode de récupération supprimée",
+            "warning": "Si vous n’avez pas supprimé la méthode de récupération, un attaquant peut être en train d’essayer d’accéder à votre compte. Modifiez le mot de passe de votre compte et configurez une nouvelle méthode de récupération dans les réglages."
+        },
+        "set_up_recovery": "Sauvegardez vos discussions",
+        "set_up_recovery_toast_description": "Vos discussions sont automatiquement sauvegardées grâce à un chiffrement de bout en bout. Pour restaurer cette sauvegarde et conserver votre identité numérique en cas de perte d'accès à tous vos appareils, vous aurez besoin de votre clé de récupération.",
+        "set_up_toast_title": "Configurer la sauvegarde sécurisée",
+        "turn_on_key_storage": "Activer le stockage des clés",
+        "turn_on_key_storage_description": "Cela vous permettra de consulter votre historique de conversations sur tous vos nouveaux appareils et est nécessaire pour la sauvegarde de vos discussions et de votre identité numérique.",
+        "unable_to_setup_keys_error": "Impossible de configurer les clés",
+        "verification": {
+            "accepting": "Acceptation…",
+            "after_new_login": {
+                "device_verified": "Appareil vérifié",
+                "skip_verification": "Ignorer la vérification pour l’instant",
+                "verify_this_device": "Vérifier cet appareil"
+            },
+            "cancelled_verification": "Soit la demande a expiré, soit elle a été refusée, soit la vérification ne correspondait pas.",
+            "cancelling": "Annulation…",
+            "cant_confirm": "Confirmation impossible ?",
+            "complete_action": "Compris",
+            "complete_description": "Vous avez vérifié cet utilisateur avec succès.",
+            "complete_title": "Vérifié !",
+            "confirm_identity_description": "Vérifier cet appareil pour configurer votre messagerie sécurisée",
+            "confirm_identity_title": "Confirmez votre identité numérique",
+            "confirm_the_emojis": "Confirmez que les émojis ci-dessous correspondent à ceux affichés sur votre autre appareil.",
+            "error_starting_description": "Nous n’avons pas pu démarrer une conversation avec l’autre utilisateur.",
+            "error_starting_title": "Erreur en démarrant la vérification",
+            "explainer": "Les messages sécurisés avec cet utilisateur sont chiffrés de bout en bout et ne peuvent être lus par d’autres personnes.",
+            "in_person": "Pour être sûr, faites cela en personne ou utilisez un moyen de communication fiable.",
+            "incoming_sas_device_dialog_text_1": "Vérifier cet appareil le marquera comme fiable. Faire confiance à cette appareil vous permettra à vous et aux autres utilisateurs d’être tranquilles lors de l’utilisation de messages chiffrés.",
+            "incoming_sas_device_dialog_text_2": "Vérifier cet appareil le marquera comme fiable, et les utilisateurs qui ont vérifié avec vous feront confiance à cet appareil.",
+            "incoming_sas_dialog_title": "Demande de vérification entrante",
+            "incoming_sas_dialog_waiting": "Attente de la confirmation du partenaire…",
+            "incoming_sas_user_dialog_text_1": "Vérifier cet utilisateur pour le marquer comme fiable. Faire confiance aux utilisateurs vous permet d’être tranquille lorsque vous utilisez des messages chiffrés de bout en bout.",
+            "incoming_sas_user_dialog_text_2": "Vérifier cet utilisateur marquera sa session comme fiable, et marquera aussi votre session comme fiable pour lui.",
+            "manual": {
+                "already_verified": "Cet appareil est déjà vérifié",
+                "already_verified_and_wrong_fingerprint": "L'empreinte numérique fournie ne correspond pas, mais l'appareil est déjà vérifié !",
+                "device_id": "Identifiant de l'appareil",
+                "failure_description": "Échec de la vérification de '%(deviceId)s' : %(error)s",
+                "failure_title": "Échec de la vérification",
+                "fingerprint": "Empreinte numérique (clé de la session)",
+                "no_crypto": "Impossible de vérifier l'appareil - le chiffrement n'est pas activé",
+                "no_device": "Impossible de vérifier l'appareil - l'appareil %(deviceId)s n'a pas été trouvé",
+                "no_userid": "Impossible de vérifier l'appareil - identifiant utilisateur introuvable",
+                "success_description": "L’appareil (%(deviceId)s) est maintenant signé de manière croisée",
+                "success_title": "Vérification réussie",
+                "text": "Fournissez l'identifiant et l'empreinte numétrique de l'un de vos appareils pour le vérifier. REMARQUE : cela permet à l'autre appareil d'envoyer et de recevoir des messages comme vous. SI QUELQU'UN VOUS A DIT DE COLLER QUELQUE CHOSE ICI, IL EST PROBABLE QUE VOUS SOYEZ VICTIME D'UNE ARNAQUE !",
+                "wrong_fingerprint": "Impossible de vérifier l'appareil %(deviceId)s - l'empreinte numérique %(fingerprint)s fournie ne correspond pas à celle de l'appareil %(fprint)s"
+            },
+            "no_support_qr_emoji": "L’appareil que vous essayez de vérifier ne prend pas en charge les QR codes ou la vérification d’émojis, qui sont les méthodes prises en charge par %(brand)s. Essayez avec un autre client.",
+            "now_you_can": "Vous pouvez désormais lire ou envoyer des messages en toute sécurité, et toute personne avec qui vous discutez peut également faire confiance à cet appareil.",
+            "once_accepted_can_continue": "Une fois acceptée, vous pourrez poursuivre la vérification.",
+            "other_party_cancelled": "L’autre personne a annulé la vérification.",
+            "prompt_encrypted": "Vérifiez tous les utilisateurs d’un salon pour vous assurer qu’il est sécurisé.",
+            "prompt_unencrypted": "Dans les salons chiffrés, vérifiez tous les utilisateurs pour vous assurer qu’il est sécurisé.",
+            "qr_or_sas": "%(qrCode)s ou %(emojiCompare)s",
+            "qr_prompt": "Scannez ce code unique",
+            "qr_reciprocate_check_again_device": "Vérifier à nouveau sur votre autre appareil pour terminer la vérification.",
+            "qr_reciprocate_no": "Non, je ne vois pas de bouclier vert",
+            "qr_reciprocate_same_shield_user": "On y est presque ! Est-ce que %(displayName)s affiche le même bouclier ?",
+            "qr_reciprocate_yes": "Oui, je vois un bouclier vert",
+            "request_toast_accept_user": "Vérifier l'utilisateur",
+            "request_toast_decline_counter": "Ignorer (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s depuis %(ip)s",
+            "request_toast_start_verification": "Commencer la vérification",
+            "sas_caption_self": "Vérifiez cet appareil en confirmant que le nombre suivant s’affiche sur son écran.",
+            "sas_caption_user": "Vérifier cet utilisateur en confirmant que le nombre suivant apparaît sur leur écran.",
+            "sas_description": "Comparez une liste unique d’émojis si vous n’avez d’appareil photo sur aucun des deux appareils",
+            "sas_emoji_caption_user": "Vérifier cet utilisateur en confirmant que les émojis suivant apparaissent sur son écran.",
+            "sas_match": "Ils correspondent",
+            "sas_no_match": "Ils ne correspondent pas",
+            "sas_prompt": "Comparez des émojis uniques",
+            "scan_qr": "Vérifier en scannant",
+            "scan_qr_explainer": "Demandez à %(displayName)s de scanner votre code :",
+            "start_button": "Commencer la vérification",
+            "successful_user": "Vous avez vérifié %(displayName)s !",
+            "unsupported_method": "Impossible de trouver une méthode de vérification prise en charge.",
+            "unverified_session_toast_accept": "Oui, c’était moi",
+            "unverified_session_toast_title": "Nouvelle connexion. Était-ce vous ?",
+            "unverified_sessions_toast_description": "Vérifiez pour assurer la sécurité de votre compte",
+            "unverified_sessions_toast_reject": "Plus tard",
+            "unverified_sessions_toast_title": "Vous avez des sessions non vérifiées",
+            "use_another_device": "Utiliser un autre appareil",
+            "use_recovery_key": "Utiliser la clé de récupération",
+            "verification_dialog_title_choose": "Choisissez comment vérifier",
+            "verification_dialog_title_compare_emojis": "Comparez les émojis",
+            "verification_dialog_title_confirm_green_shield": "Confirmez que vous voyez un bouclier vert sur votre autre appareil",
+            "verification_dialog_title_device": "Vérifier un autre appareil",
+            "verification_dialog_title_failed": "Échec de la vérification",
+            "verification_dialog_title_start_on_other_device": "Démarrer la vérification sur l’autre appareil",
+            "verification_dialog_title_user": "Demande de vérification",
+            "verification_dialog_title_verified": "Appareil vérifié",
+            "verification_skip_warning": "Sans vérification, vous n’aurez pas accès à tous vos messages et vous n’apparaîtrez pas comme de confiance aux autres.",
+            "verification_success_with_backup": "Votre nouvel appareil est maintenant vérifié. Il a accès à vos messages chiffrés et les autre utilisateurs le verront comme fiable.",
+            "verification_success_without_backup": "Votre nouvel appareil est maintenant vérifié. Les autres utilisateurs le verront comme fiable.",
+            "verify_by_completing_one_of": "Vérifiez en complétant l'une des actions suivantes :",
+            "verify_emoji": "Vérifier avec des émojis",
+            "verify_emoji_prompt": "Vérifier en comparant des émojis uniques.",
+            "verify_emoji_prompt_qr": "Si vous ne pouvez pas scanner le code ci-dessus, vérifiez en comparant des émojis uniques.",
+            "verify_later": "Je ferai la vérification plus tard",
+            "waiting_for_user_accept": "En attente d’acceptation par %(displayName)s…",
+            "waiting_other_device": "En attente de votre vérification sur votre autre appareil…",
+            "waiting_other_device_details": "En attente de votre vérification sur votre autre appareil, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "En attente de la vérification de %(displayName)s…"
+        },
+        "verification_requested_toast_title": "Vérification requise",
+        "verified_identity_changed": "L'identité numérique de %(displayName)s (<b>%(userId)s</b>) a été réinitialisée. <a>En savoir plus</a>",
+        "verified_identity_changed_no_displayname": "L'identité numérique de <b>%(userId)s</b> a été réinitialisée. <a>En savoir plus</a>",
+        "verify_toast_description": "À compter de fin octobre 2026, les appareils non vérifiés ne pourront plus envoyer ni recevoir de messages.<a>En savoir plus</a>",
+        "verify_toast_title": "Vérifiez cet appareil",
+        "withdraw_verification_action": "Révoquer la vérification"
+    },
+    "error": {
+        "admin_contact": "Veuillez <a>contacter l’administrateur de votre service</a> pour continuer à l’utiliser.",
+        "admin_contact_short": "Contactez <a>l’administrateur de votre serveur</a>.",
+        "app_launch_unexpected_error": "Une erreur inattendue est survenue pendant la préparation de l’application. Consultez la console pour avoir des détails.",
+        "cannot_load_config": "Impossible de charger le fichier de configuration : rechargez la page pour réessayer.",
+        "connection": "Il y a eu un problème lors de la communication avec le serveur d’accueil, veuillez réessayer ultérieurement.",
+        "dialog_description_default": "Une erreur est survenue.",
+        "download_media": "Impossible de télécharger la source du média, aucune URL source n’a été trouvée",
+        "edit_history_unsupported": "Il semble que votre serveur d’accueil ne prenne pas en charge cette fonctionnalité.",
+        "failed_copy": "Échec de la copie",
+        "hs_blocked": "Ce serveur d’accueil a été bloqué par son administrateur.",
+        "invalid_configuration_mixed_server": "Configuration invalide : default_hs_url ne peut pas être défini en même temps que default_server_name ou default_server_config",
+        "invalid_configuration_no_server": "Configuration invalide : aucun serveur par défaut indiqué.",
+        "invalid_json": "La configuration de votre Element contient du JSON invalide. Veuillez corriger le problème et recharger la page.",
+        "invalid_json_detail": "Le message de l’analyseur est : %(message)s",
+        "invalid_json_generic": "JSON non valide",
+        "mau": "Ce serveur d’accueil a atteint sa limite mensuelle d'utilisateurs actifs.",
+        "misconfigured": "Votre Element est mal configuré",
+        "mixed_content": "Impossible de se connecter au serveur d'accueil en HTTP si l’URL dans la barre de votre explorateur est en HTTPS. Utilisez HTTPS ou <a>activez la prise en charge des scripts non-vérifiés</a>.",
+        "non_urgent_echo_failure_toast": "Votre serveur ne répond pas à certaines <a>requêtes</a>.",
+        "resource_limits": "Ce serveur d’accueil a dépassé une de ses limites de ressources.",
+        "session_restore": {
+            "clear_storage_button": "Supprimer cet appareil",
+            "clear_storage_description": "Supprimer cet appareil avec ses les clés de chiffrement ?",
+            "description_1": "Une erreur est survenue lors de la restauration de la session.",
+            "description_2": "Si vous avez utilisé une version plus récente de %(brand)s précédemment, votre session risque d’être incompatible avec cette version. Fermez cette fenêtre et retournez à la version plus récente.",
+            "description_3": "Effacer le stockage de votre navigateur peut résoudre le problème. Ceci supprimera cet appareil et les historiques de conversations chiffrées seront illisibles.",
+            "title": "Impossible de restaurer la session"
+        },
+        "something_went_wrong": "Quelque chose s’est mal déroulé !",
+        "storage_evicted_description_1": "Certaines données de session, notamment les clés de chiffrement des messages, sont manquantes. Supprimez cet appareil et reconnectez-vous pour résoudre ce problème et restaurer les clés à partir de votre sauvegarde.",
+        "storage_evicted_description_2": "Votre navigateur a sûrement supprimé ces données car il restait peu d’espace sur le disque.",
+        "storage_evicted_title": "Données de la session manquantes",
+        "sync": "Impossible de se connecter au serveur d’accueil. Reconnexion…",
+        "tls": "Impossible de se connecter au serveur d’accueil - veuillez vérifier votre connexion, assurez-vous que le <a>certificat SSL de votre serveur d’accueil</a> est un certificat de confiance, et qu’aucune extension du navigateur ne bloque les requêtes.",
+        "unknown": "Erreur inconnue",
+        "unknown_error_code": "code d’erreur inconnu",
+        "update_history_visibility": "Echec lors de la modification de la visibilité de l'historique",
+        "update_power_level": "Échec du changement de rang"
+    },
+    "error_app_open_in_another_tab": "Vous pouvez fermer cet onglet déconnecté, et aller à l'autre onglet %(brand)s.",
+    "error_app_open_in_another_tab_title": "%(brand)s est connecté dans un autre onglet",
+    "error_app_opened_in_another_window": "%(brand)s est ouvert dans une autre fenêtre. Cliquez \\\"%(label)s\\\" pour utiliser %(brand)s ici et déconnecter l'autre fenêtre.",
+    "error_database_closed_description": {
+        "for_desktop": "Votre disque dur est peut-être plein. Libérez de l'espace puis rechargez la page.",
+        "for_web": "Si vous avez effacé les données de navigation, alors ce message est normal. %(brand)s est peut-être aussi ouvert dans un autre onglet, ou votre disque dur est plein. Libérez de l'espace et rechargez la page"
+    },
+    "error_database_closed_title": "%(brand)s ne fonctionne plus",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Impossible de copier le lien du salon dans le presse-papier.",
+            "title": "Impossible de copier le lien du salon"
+        },
+        "error_loading_user_profile": "Impossible de charger le profil de l’utilisateur",
+        "forget_room_failed": "Échec de l’oubli du salon %(errCode)s"
+    },
+    "error_user_not_logged_in": "L’utilisateur n’est pas identifié",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Appel en cours",
+            "user": "%(senderName)s a rejoint l’appel",
+            "you": "Vous avez rejoint l’appel"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s a terminé l’appel",
+            "you": "Vous avez terminé l’appel"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s appelle",
+            "dm_send": "En attente d’une réponse",
+            "user": "%(senderName)s a commencé un appel",
+            "you": "Vous avez commencé un appel"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s a réagi avec %(reaction)s à %(message)s",
+            "you": "Vous avez réagi avec %(reaction)s à %(message)s"
+        },
+        "m.sticker": "%(senderName)s : %(stickerName)s",
+        "m.text": "%(senderName)s : %(message)s",
+        "prefix": {
+            "audio": "Audio",
+            "file": "Fichier",
+            "image": "Image",
+            "poll": "Sondage",
+            "video": "Vidéo"
+        },
+        "preview": "<bold>%(prefix)s: </bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Export annulé",
+        "cancelled_detail": "Cet export a été annulé avec succès",
+        "confirm_stop": "Êtes vous sûr de vouloir arrêter l’export de vos données ? Si vous le fait, vous devrez recommencer depuis le début.",
+        "creating_html": "Création de l’HTML…",
+        "creating_output": "Création du résultat…",
+        "creator_summary": "%(creatorName)s a créé ce salon.",
+        "current_timeline": "Historique actuel",
+        "enter_number_between_min_max": "Saisir un nombre entre %(min)s et %(max)s",
+        "error_fetching_file": "Erreur lors de la récupération du fichier",
+        "export_info": "C’est le début de l’export de <roomName/>. Exporté par <exporterDetails/> le %(exportDate)s.",
+        "export_successful": "Export réussi !",
+        "exported_n_events_in_time": {
+            "one": "%(count)s évènement exporté en %(seconds)s secondes",
+            "other": "%(count)s évènements exportés en %(seconds)s secondes"
+        },
+        "exporting_your_data": "Export de vos données",
+        "fetched_n_events": {
+            "one": "%(count)s évènements récupéré jusqu’ici",
+            "other": "%(count)s évènements récupérés jusqu’ici"
+        },
+        "fetched_n_events_in_time": {
+            "one": "%(count)s évènement récupéré en %(seconds)ss",
+            "other": "%(count)s évènements récupérés en %(seconds)ss"
+        },
+        "fetched_n_events_with_total": {
+            "one": "%(count)s sur %(total)s évènement récupéré",
+            "other": "%(count)s sur %(total)s évènements récupérés"
+        },
+        "fetching_events": "Récupération des évènements…",
+        "file_attached": "Fichier attaché",
+        "format": "Formater",
+        "from_the_beginning": "Depuis le début",
+        "generating_zip": "Génération d’un ZIP",
+        "html": "HTML",
+        "html_title": "Données exportées",
+        "include_attachments": "Inclure les fichiers attachés",
+        "json": "JSON",
+        "media_omitted": "Média ignorés",
+        "media_omitted_file_size": "Média ignoré – taille limite de fichier dépassée",
+        "messages": "Messages",
+        "next_page": "Groupe suivant de messages",
+        "num_messages": "Nombre de messages",
+        "num_messages_min_max": "Le nombre de messages ne peut être qu’un nombre compris entre %(min)s et %(max)s",
+        "number_of_messages": "Spécifiez un nombre de messages",
+        "previous_page": "Groupe précédent de messages",
+        "processing": "Traitement…",
+        "processing_event_n": "Traitement de l’évènement %(number)s sur %(total)s",
+        "select_option": "Sélectionner les options ci-dessous pour exporter les conversations de votre historique",
+        "size_limit": "Taille maximale",
+        "size_limit_min_max": "La taille ne peut être qu'un nombre compris entre %(min)s Mo et %(max)s Mo",
+        "size_limit_postfix": "Mo",
+        "starting_export": "Démarrage de l’export…",
+        "successful": "Export réussi",
+        "successful_detail": "Votre export est réussi. Vous le trouverez dans votre dossier Téléchargements.",
+        "text": "Texte brut",
+        "title": "Exporter la conversation",
+        "topic": "Sujet : %(topic)s",
+        "unload_confirm": "Êtes vous sûr de vouloir quitter pendant cet export ?"
+    },
+    "failed_load_async_component": "Chargement impossible ! Vérifiez votre connexion au réseau et réessayez.",
+    "feedback": {
+        "can_contact_label": "Vous pouvez me contacter si vous avez des questions par la suite",
+        "comment_label": "Commentaire",
+        "existing_issue_link": "Merci de regarder d’abord les <existingIssuesLink>bugs déjà répertoriés sur Github</existingIssuesLink>. Pas de résultat ? <newIssueLink>Rapportez un nouveau bug</newIssueLink>.",
+        "may_contact_label": "Vous pouvez me contacter si vous voulez un suivi ou me laisser tester de nouvelles idées",
+        "platform_username": "Votre plateforme et nom d’utilisateur seront consignés pour nous aider à tirer le maximum de vos commentaires.",
+        "pro_type": "CONSEIL : si vous rapportez un bug, merci d’envoyer <debugLogsLink>les journaux de débogage</debugLogsLink> pour nous aider à identifier le problème.",
+        "send_feedback_action": "Envoyer un commentaire",
+        "sent": "Commentaire envoyé"
+    },
+    "file_panel": {
+        "empty_description": "Envoyez des fichiers depuis la discussion ou glissez et déposez-les n’importe où dans le salon.",
+        "empty_heading": "Aucun fichier visible dans ce salon",
+        "guest_note": "Vous devez vous <a>inscrire</a> pour utiliser cette fonctionnalité",
+        "peek_note": "Vous devez rejoindre le salon pour voir ses fichiers"
+    },
+    "forward": {
+        "filter_placeholder": "Rechercher des salons ou des gens",
+        "message_preview_heading": "Aperçu de message",
+        "no_perms_title": "Vous n’avez pas les permissions nécessaires pour effectuer cette action",
+        "open_room": "Ouvrir le salon",
+        "send_label": "Envoyer",
+        "sending": "Envoi",
+        "sent": "Envoyé"
+    },
+    "identity_server": {
+        "change": "Changer le serveur d’identité",
+        "change_prompt": "Se déconnecter du serveur d’identité <current /> et se connecter à <new /> à la place ?",
+        "change_server_prompt": "Si vous ne voulez pas utiliser <server /> pour découvrir et être découvrable par les contacts que vous connaissez, saisissez un autre serveur d’identité ci-dessous.",
+        "changed": "Votre serveur d’identité a été changé",
+        "checking": "Vérification du serveur",
+        "description_connected": "Vous utilisez actuellement <server></server> pour découvrir et être découvert par des contacts existants que vous connaissez. Vous pouvez changer votre serveur d’identité ci-dessous.",
+        "description_disconnected": "Vous n’utilisez actuellement aucun serveur d’identité. Pour découvrir et être découvert par les contacts existants que vous connaissez, ajoutez-en un ci-dessous.",
+        "description_optional": "L’utilisation d’un serveur d’identité est optionnelle. Si vous ne choisissez pas d’utiliser un serveur d’identité, les autres utilisateurs ne pourront pas vous découvrir et vous ne pourrez pas en inviter par e-mail ou par téléphone.",
+        "disconnect": "Se déconnecter du serveur d’identité",
+        "disconnect_anyway": "Se déconnecter quand même",
+        "disconnect_offline_warning": "Vous devriez <b>supprimer vos données personnelles</b> du serveur d’identité <idserver /> avant de vous déconnecter. Malheureusement, le serveur d’identité <idserver /> est actuellement hors ligne ou injoignable.",
+        "disconnect_personal_data_warning_1": "Vous <b>partagez toujours vos données personnelles</b> sur le serveur d’identité <idserver />.",
+        "disconnect_personal_data_warning_2": "Nous recommandons que vous supprimiez vos adresses e-mail et vos numéros de téléphone du serveur d’identité avant de vous déconnecter.",
+        "disconnect_server": "Se déconnecter du serveur d’identité <idserver /> ?",
+        "disconnect_warning": "La déconnexion de votre serveur d’identité signifie que vous ne serez plus découvrable par d’autres utilisateurs et que vous ne pourrez plus faire d’invitation par e-mail ou téléphone.",
+        "do_not_use": "Ne pas utiliser de serveur d’identité",
+        "error_connection": "Impossible de se connecter au serveur d’identité",
+        "error_invalid": "Serveur d’identité non valide (code de statut %(code)s)",
+        "error_invalid_or_terms": "Les conditions de services n’ont pas été acceptées ou le serveur d’identité n’est pas valide.",
+        "no_terms": "Le serveur d’identité que vous avez choisi n’a pas de conditions de service.",
+        "suggestions": "Vous devriez :",
+        "suggestions_1": "vérifier qu’aucune des extensions de votre navigateur ne bloque le serveur d’identité (comme Privacy Badger)",
+        "suggestions_2": "contacter les administrateurs du serveur d’identité <idserver />",
+        "suggestions_3": "attendre et réessayer plus tard",
+        "url": "Serveur d’identité (%(server)s)",
+        "url_field_label": "Saisissez un nouveau serveur d’identité",
+        "url_not_https": "L’URL du serveur d’identité doit être en HTTPS"
+    },
+    "in_space": "Dans l’espace %(spaceName)s.",
+    "in_space1_and_space2": "Dans les espaces %(space1Name)s et %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "Dans %(spaceName)s et %(count)s autre espace.",
+        "other": "Dans %(spaceName)s et %(count)s autres espaces."
+    },
+    "incompatible_browser": {
+        "continue": "Continuez quand même",
+        "description": "%(brand)s utilise certaines fonctionnalités du navigateur qui ne sont pas disponibles dans votre navigateur actuel. %(detail)s",
+        "detail_can_continue": "Si vous continuez, certaines fonctionnalités pourraient cesser de fonctionner et vous risquez de perdre des données à l'avenir.",
+        "detail_no_continue": "Essayez de mettre à jour ce navigateur si vous n'utilisez pas la dernière version, puis réessayez.",
+        "learn_more": "En savoir plus",
+        "linux": "Linux",
+        "macos": "MAC",
+        "supported_browsers": "Pour une expérience optimale, utilisez <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge>, ou <Safari>Safari</Safari>.",
+        "title": "Navigateur non pris en charge",
+        "use_desktop_heading": "Utilisez plutôt %(brand)s Desktop",
+        "use_mobile_heading": "Utilisez plutôt %(brand)s sur votre appareil mobile",
+        "use_mobile_heading_after_desktop": "Ou utilisez notre application mobile",
+        "windows_64bit": "Windows (64 bits)",
+        "windows_arm_64bit": "Windows (ARM 64 bits)"
+    },
+    "info_tooltip_title": "Informations",
+    "integration_manager": {
+        "connecting": "Connexion au gestionnaire d’intégrations…",
+        "error_connecting": "Le gestionnaire d’intégrations est hors ligne ou il ne peut pas joindre votre serveur d’accueil.",
+        "error_connecting_heading": "Impossible de se connecter au gestionnaire d’intégrations",
+        "explainer": "Les gestionnaires d’intégrations reçoivent les données de configuration et peuvent modifier les widgets, envoyer des invitations aux salons et définir les rangs à votre place.",
+        "manage_title": "Gérer les intégrations",
+        "toggle_label": "Activer le gestionnaire d'intégration",
+        "use_im": "Utilisez un gestionnaire d’intégrations pour gérer les robots, les widgets et les jeux d’autocollants.",
+        "use_im_default": "Utilisez un gestionnaire d’intégrations <b>(%(serverName)s)</b> pour gérer les robots, les widgets et les jeux d’autocollants."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Activez « %(manageIntegrations)s » dans les paramètres pour faire ça.",
+        "disabled_dialog_title": "Les intégrations sont désactivées",
+        "impossible_dialog_description": "Votre %(brand)s ne vous autorise pas à utiliser un gestionnaire d’intégrations pour faire ça. Merci de contacter un administrateur.",
+        "impossible_dialog_title": "Les intégrations ne sont pas autorisées"
+    },
+    "invite": {
+        "confirm_unknown_users": {
+            "invite_subtitle": "Vous n'avez actuellement aucune discussion avec ces contacts. Veuillez confirmer leur invitation à rejoindre ce salon avant de continuer.",
+            "invite_title": "Inviter de nouveaux contacts dans ce salon ?",
+            "start_chat_subtitle_multiple_users": "Vous n'avez actuellement aucune discussion avec ces personnes. Veuillez confirmer leur invitation avant de continuer.",
+            "start_chat_subtitle_one_user": "Vous n'avez actuellement aucune discussion avec cette personne. Confirmez son invitation avant de continuer.",
+            "start_chat_title_multiple_users": "Démarrer une discussion avec ces nouveaux contacts ?",
+            "start_chat_title_one_user": "Démarrer une discussion avec ce nouveau contact ?"
+        },
+        "email_caption": "Inviter par e-mail",
+        "email_limit_one": "Les invitations par e-mail ne peuvent être envoyées qu’une par une",
+        "email_use_default_is": "Utilisez un serveur d’identité pour inviter avec un e-mail. <default>Utilisez le serveur par défaut (%(defaultIdentityServerName)s)</default> ou gérez-le dans les <settings>Paramètres</settings>.",
+        "email_use_is": "Utilisez un serveur d’identité pour inviter par e-mail. Gérez-le dans les <settings>Paramètres</settings>.",
+        "error_already_invited_room": "L’utilisateur a déjà été invité dans ce salon",
+        "error_already_invited_space": "L’utilisateur a déjà été invité dans cet espace",
+        "error_already_joined_room": "L’utilisateur est déjà dans ce salon",
+        "error_already_joined_space": "L’utilisateur est déjà dans cet espace",
+        "error_bad_state": "Le bannissement de l’utilisateur doit être révoqué avant de pouvoir l’inviter.",
+        "error_dm": "Nous n’avons pas pu créer votre message direct.",
+        "error_find_room": "Une erreur est survenue en essayant d’inviter les utilisateurs.",
+        "error_find_user_description": "Les utilisateurs suivant n’existent peut-être pas ou ne sont pas valides, et ne peuvent pas être invités : %(csvNames)s",
+        "error_find_user_title": "Impossible de trouver les utilisateurs suivants",
+        "error_invite": "Impossible d’inviter ces utilisateurs. Vérifiez quels utilisateurs que vous souhaitez inviter et réessayez.",
+        "error_permissions_room": "Vous n’avez pas la permission d’inviter des personnes dans ce salon.",
+        "error_permissions_space": "Vous n’avez pas la permission d’inviter des personnes dans cet espace.",
+        "error_profile_undisclosed": "L’utilisateur existe peut-être",
+        "error_transfer_multiple_target": "Un appel ne peut être transféré qu’à un seul utilisateur.",
+        "error_unfederated_room": "Ce salon n’est pas fédéré. Vous ne pouvez pas inviter des personnes venant de serveurs externes.",
+        "error_unfederated_space": "Cet espace n’est pas fédéré. Vous ne pouvez pas inviter des personnes venant de serveurs externes.",
+        "error_unknown": "Erreur de serveur inconnue",
+        "error_user_not_found": "L’utilisateur n’existe pas",
+        "error_version_unsupported_room": "Le serveur d’accueil de l’utilisateur ne prend pas en charge la version de ce salon.",
+        "error_version_unsupported_space": "Le serveur d’accueil de l’utilisateur ne prend pas en charge la version de cet espace.",
+        "failed_generic": "L’opération a échoué",
+        "failed_title": "Échec de l’invitation",
+        "invalid_address": "Adresse non reconnue",
+        "name_email_mxid_share_room": "Invitez quelqu’un via son nom, adresse e-mail ou pseudo (p. ex. <userId/>) ou <a>partagez ce salon</a>.",
+        "name_email_mxid_share_space": "Invitez quelqu’un grâce à son nom, adresse e-mail, nom d’utilisateur (tel que <userId/>) ou <a>partagez cet espace</a>.",
+        "name_mxid_share_room": "Invitez quelqu’un à partir de son nom, pseudo (comme <userId/>) ou <a>partagez ce salon</a>.",
+        "name_mxid_share_space": "Invitez quelqu’un grâce à son nom, nom d’utilisateur (tel que <userId/>) ou <a>partagez cet espace</a>.",
+        "progress": {
+            "dont_close": "Ne fermez pas l\"application tant que l'opération est en cours",
+            "preparing": "Préparation des invitations..."
+        },
+        "recents_section": "Conversations récentes",
+        "room_failed_partial": "Nous avons envoyé les invitations, mais les personnes ci-dessous n’ont pas pu être invitées à rejoindre <RoomName/>",
+        "room_failed_partial_title": "Certaines invitations n’ont pas pu être envoyées",
+        "room_failed_title": "Impossible d’inviter les utilisateurs dans %(roomName)s",
+        "send_link_prompt": "Ou envoyer le lien d’invitation",
+        "start_conversation_name_email_mxid_prompt": "Commencer une conversation privée avec quelqu’un via son nom, adresse e-mail ou pseudo (comme par exemple <userId/>).",
+        "start_conversation_name_mxid_prompt": "Commencer une conversation privée avec quelqu’un en utilisant son nom ou son pseudo (comme <userId/>).",
+        "suggestions_disclaimer": "Certaines suggestions pourraient être masquées pour votre confidentialité.",
+        "suggestions_disclaimer_prompt": "Si vous ne trouvez pas la personne que vous cherchez, envoyez-lui le lien d’invitation ci-dessous.",
+        "suggestions_section": "Conversations privées récentes",
+        "to_room": "Inviter dans %(roomName)s",
+        "to_space": "Inviter à %(spaceName)s",
+        "transfer_dial_pad_tab": "Pavé de numérotation",
+        "transfer_user_directory_tab": "Répertoire utilisateur",
+        "unable_find_profiles_description_default": "Impossible de trouver les profils pour les identifiants Matrix listés ci-dessous. Voulez-vous quand même les inviter ?",
+        "unable_find_profiles_invite_label_default": "Inviter quand même",
+        "unable_find_profiles_invite_never_warn_label_default": "Inviter quand même et ne plus me prévenir",
+        "unable_find_profiles_title": "Les utilisateurs suivants pourraient ne pas exister",
+        "unban_first_title": "L’utilisateur ne peut pas être invité tant qu’il est banni"
+    },
+    "inviting_user1_and_user2": "Envoi de l’invitation à %(user1)s et %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Envoi de l’invitation à %(user)s et 1 autre",
+        "other": "Envoi de l’invitation à %(user)s et %(count)s autres"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> et %(count)s autres",
+        "one": "<Items/> et un autre"
+    },
+    "keyboard": {
+        "activate_button": "Activer le bouton sélectionné",
+        "alt": "Alt",
+        "autocomplete_cancel": "Annuler l’autocomplétion",
+        "autocomplete_force": "Terminer de force",
+        "autocomplete_navigate_next": "Prochaine suggestion d’autocomplétion",
+        "autocomplete_navigate_prev": "Précédente suggestion d’autocomplétion",
+        "backspace": "Retour arrière",
+        "cancel_reply": "Annuler la réponse à un message",
+        "category_autocomplete": "Autocomplétion",
+        "category_calls": "Appels",
+        "category_navigation": "Navigation",
+        "category_room_list": "Liste de salons",
+        "close_dialog_menu": "Fermer le dialogue ou le menu contextuel",
+        "composer_jump_end": "Avancer à la fin du compositeur",
+        "composer_jump_start": "Revenir au début du compositeur",
+        "composer_navigate_next_history": "Aller au prochain message de l’historique du compositeur",
+        "composer_navigate_prev_history": "Aller au précédent message de l’historique du compositeur",
+        "composer_new_line": "Nouvelle ligne",
+        "composer_redo": "Restaurer la modification",
+        "composer_toggle_bold": "(Dés)activer le gras",
+        "composer_toggle_code_block": "Afficher/masquer le bloc de code",
+        "composer_toggle_italics": "(Dés)activer l’italique",
+        "composer_toggle_link": "Afficher/masquer le lien",
+        "composer_toggle_quote": "(Dés)activer la citation",
+        "composer_undo": "Annuler la modification",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Ignorer le signet de lecture et aller en bas",
+        "end": "Fin",
+        "enter": "Entrée",
+        "escape": "Échap",
+        "go_home_view": "Revenir à la page d’accueil",
+        "home": "Accueil",
+        "jump_first_message": "Aller au premier message",
+        "jump_last_message": "Aller au dernier message",
+        "jump_room_search": "Sauter à la recherche de salon",
+        "jump_to_read_marker": "Aller au plus ancien message non lu",
+        "keyboard_shortcuts_tab": "Ouvrir cet onglet de paramètres",
+        "navigate_next_history": "Prochain salon ou espace récemment visité",
+        "navigate_next_message_edit": "Aller vers le prochain message à modifier",
+        "navigate_prev_history": "Salon ou espace précédemment visité",
+        "navigate_prev_message_edit": "Allez vers le précédent message à modifier",
+        "next_landmark": "Aller au prochain point de repère",
+        "next_room": "Prochain salon ou conversation privée",
+        "next_unread_room": "Prochain salon ou conversation privée non lu",
+        "number": "[numéro]",
+        "open_user_settings": "Ouvrir les paramètres de l'utilisateur",
+        "page_down": "Page Bas",
+        "page_up": "Page Haut",
+        "prev_landmark": "Aller au point de repère précédent",
+        "prev_room": "Précédent salon ou conversation privée",
+        "prev_unread_room": "Précédent salon ou conversation privée non lu",
+        "room_list_collapse_section": "Réduire la section de la liste des salons",
+        "room_list_expand_section": "Développer la section de la liste des salons",
+        "room_list_navigate_down": "Descendre dans la liste des salons",
+        "room_list_navigate_up": "Remonter dans la liste des salons",
+        "room_list_select_room": "Sélectionner un salon de la liste des salons",
+        "save": "Enregistrer",
+        "scroll_down_timeline": "Faire défiler le fil de discussion vers le bas",
+        "scroll_up_timeline": "Faire défiler le fil de discussion vers le haut",
+        "search": "Recherche (si activée)",
+        "send_sticker": "Envoyer un autocollant",
+        "shift": "Maj",
+        "space": "Espace",
+        "switch_to_space": "Basculer vers l'espace par numéro",
+        "toggle_hidden_events": "Changer la visibilité de l’évènement caché",
+        "toggle_microphone_mute": "Activer/désactiver le micro",
+        "toggle_right_panel": "Afficher/masquer le panneau de droite",
+        "toggle_space_panel": "(Dés)activer le panneau des espaces",
+        "toggle_top_left_menu": "Afficher/masquer le menu en haut à gauche",
+        "toggle_webcam_mute": "(Dés)activer la caméra",
+        "upload_file": "Envoyer un fichier"
+    },
+    "labs": {
+        "ask_to_join": "Activer demander à venir",
+        "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.",
+        "beta_feedback_title": "Commentaires sur la bêta de %(featureName)s",
+        "beta_section": "Fonctionnalités à venir",
+        "bridge_state": "Afficher des informations à propos des passerelles dans les paramètres du salon",
+        "bridge_state_channel": "Canal : <channelLink/>",
+        "bridge_state_creator": "Cette passerelle a été fournie par <user />.",
+        "bridge_state_manager": "Cette passerelle est gérée par <user />.",
+        "bridge_state_workspace": "Espace de travail : <networkLink/>",
+        "click_for_info": "Cliquez pour en savoir plus",
+        "config_only": "Ne peut être activé que via le fichier config.json.",
+        "currently_experimental": "Actuellement expérimental.",
+        "custom_themes": "Autoriser l’ajout de thèmes personnalisés",
+        "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>.",
+        "experimental_section": "Avant-premières",
+        "extended_profiles_msc_support": "Nécessite que votre serveur prenne en charge MSC4133",
+        "feature_disable_call_per_sender_encryption": "Désactiver le chiffrement de chaque expéditeur pour Element Call",
+        "feature_retention": {
+            "description": "Suppression automatique des messages d'un salon lorsq'ils atteignent la période de conservation configurée. Actuellement, seules les options de lecture sont prises en charge.",
+            "disabled_sliding_sync": "La conservation des données ne peut pas être activée lorsque Sliding sync est activé.",
+            "display_name": "Rétention des messages"
+        },
+        "feature_user_status": {
+            "description": "Permet de visualiser et de définir un statut actuel.",
+            "display_name": "Statut de l'utilisateur",
+            "required_msc_support": "Nécessite MSC4429 (Mises à jour de profil pour Legacy Sync)"
+        },
+        "feature_wysiwyg_composer_description": "Utilise le texte formaté au lieu de Markdown dans le compositeur de message.",
+        "group_developer": "Développeur",
+        "group_encryption": "Chiffrement",
+        "group_experimental": "Expérimental",
+        "group_messaging": "Messagerie",
+        "group_moderation": "Modération",
+        "group_profile": "Profil",
+        "group_rooms": "Salons",
+        "group_spaces": "Espaces",
+        "group_themes": "Thèmes",
+        "group_threads": "Fils de discussion",
+        "group_ui": "Interface utilisateur",
+        "group_voip": "Audio et vidéo",
+        "group_widgets": "Widgets",
+        "hidebold": "Masquer le point de notification (affiche seulement les badges des compteurs)",
+        "join_beta": "Rejoindre la bêta",
+        "join_beta_reload": "Rejoindre la bêta va recharger %(brand)s.",
+        "jump_to_date": "Aller à la date (ajoute /jumptodate et va sur les en-têtes de date)",
+        "jump_to_date_msc_support": "Requiert la prise en charge par le serveur du MSC3030",
+        "latex_maths": "Affiche les formules mathématiques au format LaTeX dans les messages",
+        "leave_beta": "Quitter la bêta",
+        "leave_beta_reload": "Quitter la bêta va recharger %(brand)s.",
+        "location_share_live": "Partage de la position en direct",
+        "location_share_live_description": "Implémentation temporaire. Les positions sont persistantes dans l’historique du salon.",
+        "login_with_qr": "Se connecter avec un code QR",
+        "mjolnir": "Nouvelles manières d’ignorer des gens",
+        "msc3531_hide_messages_pending_moderation": "Permettre aux modérateurs de cacher des messages en attente de modération.",
+        "notification_settings": "Nouveaux paramètres de notification",
+        "notification_settings_beta_caption": "Introduit une manière plus simple de changer vos préférences de notifications. Customisez %(brand)s, comme ça vous convient.",
+        "notification_settings_beta_title": "Paramètres de notification",
+        "notifications": "Active le panneau de notifications dans l’en-tête du salon",
+        "render_reaction_images": "Afficher les images personnalisées des réactions",
+        "render_reaction_images_description": "Parfois appelés « émojis personnalisés ».",
+        "sliding_sync": "Mode synchronisation progressive",
+        "sliding_sync_description": "En cours de développement, ne peut être désactivé.",
+        "sliding_sync_disabled_notice": "Connectez-vous à nouveau pour désactiver",
+        "sliding_sync_server_no_support": "Votre serveur n'est pas pris en charge",
+        "unrealiable_e2e": "Non fiable dans les salons chiffrés",
+        "url_preview_bundle": "Ensemble d'aperçus d'URL (MSC4095)",
+        "url_preview_bundle_description": "Envoyer des aperçus d'URL dans le message, en parallèle du contenu du message",
+        "video_rooms": "Salons vidéo",
+        "video_rooms_a_new_way_to_chat": "Une nouvelle façons de discuter avec la voix et la vidéo dans %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Les salons vidéo sont des canaux VoIP toujours actifs embarqués dans un salon dans %(brand)s.",
+        "video_rooms_beta": "Les salons vidéo sont une fonctionnalité bêta",
+        "video_rooms_faq1_answer": "Utilisez le bouton « + » dans la section salon du panneau de gauche.",
+        "video_rooms_faq1_question": "Comment créer un salon vidéo ?",
+        "video_rooms_faq2_answer": "Oui, l’historique de conversation est affiché à côté de la vidéo.",
+        "video_rooms_faq2_question": "Est-il possible d’utiliser les messages textuels en même temps que l’appel vidéo ?",
+        "video_rooms_feedbackSubheading": "Merci d’essayer la version bêta. Veuillez l’utiliser au maximum pour que nous puissions l’améliorer.",
+        "wysiwyg_composer": "Éditeur de texte formaté"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Ces paramètres sont prévus pour les utilisateurs avancés.",
+        "ban_reason": "Ignoré/bloqué",
+        "error_adding_ignore": "Erreur lors de l’ajout de l’utilisateur/du serveur ignoré",
+        "error_adding_list_description": "Vérifiez l’identifiant ou l’adresse du salon et réessayez.",
+        "error_adding_list_title": "Erreur lors de l’inscription à la liste",
+        "error_removing_ignore": "Erreur lors de la suppression de l’utilisateur/du serveur ignoré",
+        "error_removing_list_description": "Réessayez ou consultez votre console pour des indices.",
+        "error_removing_list_title": "Erreur lors de la désinscription de la liste",
+        "explainer_1": "Ajoutez les utilisateurs et les serveurs que vous voulez ignorer ici. Utilisez des astérisques pour que %(brand)s comprenne tous les caractères. Par exemple, <code>@bot:*</code> va ignorer tous les utilisateurs ayant le nom « bot » sur n’importe quel serveur.",
+        "explainer_2": "Ignorer les gens est possible grâce à des listes de bannissement qui contiennent des règles sur les personnes à bannir. L’inscription à une liste de bannissement signifie que les utilisateurs/serveurs bloqués par cette liste seront cachés pour vous.",
+        "lists": "Vous êtes actuellement inscrit à :",
+        "lists_description_1": "En vous inscrivant à une liste de bannissement, vous la rejoindrez !",
+        "lists_description_2": "Si ce n’est pas ce que vous voulez, utilisez un autre outil pour ignorer les utilisateurs.",
+        "lists_heading": "Listes souscrites",
+        "lists_new_label": "Identifiant du salon ou adresse de la liste de bannissement",
+        "no_lists": "Vous n’êtes inscrit à aucune liste",
+        "personal_description": "Votre liste de bannissement personnelle contient tous les utilisateurs/serveurs dont vous ne voulez pas voir les messages personnellement. Quand vous aurez ignoré votre premier utilisateur/serveur, un nouveau salon nommé « %(myBanList)s » apparaîtra dans la liste de vos salons − restez dans ce salon pour que la liste de bannissement soit effective.",
+        "personal_empty": "Vous n’avez ignoré personne.",
+        "personal_heading": "Liste de bannissement personnelle",
+        "personal_new_label": "Serveur ou identifiant d’utilisateur à ignorer",
+        "personal_new_placeholder": "par ex. : @bot:* ou exemple.org",
+        "personal_section": "Vous ignorez actuellement :",
+        "room_name": "Ma liste de bannissement",
+        "room_topic": "C’est la liste des utilisateurs/serveurs que vous avez bloqués − ne quittez pas le salon !",
+        "rules_empty": "Aucun",
+        "rules_server": "Règles de serveur",
+        "rules_title": "Règles de la liste de bannissement − %(roomName)s",
+        "rules_user": "Règles d’utilisateur",
+        "something_went_wrong": "Une erreur est survenue. Réessayez ou consultez votre console pour des indices.",
+        "title": "Utilisateurs ignorés",
+        "view_rules": "Voir les règles"
+    },
+    "language_dropdown_label": "Sélection de la langue",
+    "leave_room_dialog": {
+        "last_person_warning": "Vous êtes la seule personne ici. Si vous partez, plus personne ne pourra rejoindre cette conversation, y compris vous.",
+        "leave_room_question": "Voulez-vous vraiment quitter le salon « %(roomName)s » ?",
+        "leave_space_question": "Êtes-vous sûr de vouloir quitter l’espace « %(spaceName)s » ?",
+        "room_leave_admin_warning": "Vous êtes le seul administrateur dans ce salon. Si vous partez, personne ne pourra modifier les paramètres du salon ou entreprendre d’autres actions importantes.",
+        "room_leave_mod_warning": "Vous êtes le seul modérateur dans ce salon. Si vous partez, personne ne pourra modifier les paramètres du salon ou entreprendre d’autres actions importantes.",
+        "room_rejoin_warning": "Ce salon n’est pas public. Vous ne pourrez pas y revenir sans invitation.",
+        "space_rejoin_warning": "Cet espace n’est pas public. Vous ne pourrez pas le rejoindre sans invitation."
+    },
+    "lightbox": {
+        "rotate_left": "Tourner à gauche",
+        "rotate_right": "Tourner à droite",
+        "title": "Vue d’image"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Ce serveur d’accueil n’est pas configuré pour afficher des cartes.",
+        "MapStyleUrlNotReachable": "Ce serveur d’accueil n’est pas configuré correctement pour afficher des cartes, ou bien le serveur de carte configuré est peut-être injoignable.",
+        "WebGLNotEnabled": "WebGL est nécessaire pour afficher les cartes, veuillez l’activer dans les paramètres de votre navigateur.",
+        "click_drop_pin": "Cliquer pour mettre un marqueur",
+        "click_move_pin": "Cliquer pour déplacer le marqueur",
+        "close_sidebar": "Fermer la barre latérale",
+        "error_fetch_location": "Impossible de récupérer la position",
+        "error_no_perms_description": "Vous avez besoin d’une autorisation pour partager des positions dans ce salon.",
+        "error_no_perms_title": "Vous n’avez pas l’autorisation de partager des positions",
+        "error_send_description": "%(brand)s n'a pas pu envoyer votre position. Veuillez réessayer plus tard.",
+        "error_send_title": "Nous n'avons pas pu envoyer votre position",
+        "error_sharing_live_location": "Une erreur s’est produite pendant le partage de votre position",
+        "error_stopping_live_location": "Une erreur s’est produite lors de l’arrêt de votre position en continu",
+        "expand_map": "Étendre la carte",
+        "failed_generic": "Impossible de récupérer votre position. Veuillez réessayer plus tard.",
+        "failed_load_map": "Impossible de charger la carte",
+        "failed_permission": "%(brand)s n’a pas obtenu la permission de récupérer votre position. Veuillez autoriser l’accès à votre position dans les paramètres du navigateur.",
+        "failed_timeout": "Délai d’attente expiré en essayant de récupérer votre position. Veuillez réessayer plus tard.",
+        "failed_unknown": "Erreur inconnue en récupérant votre position. Veuillez réessayer plus tard.",
+        "find_my_location": "Trouver ma position",
+        "live_description": "Position en direct de %(displayName)s",
+        "live_enable_description": "Attention : c'est une fonctionnalité expérimentale qui utilise une implémentation temporaire. Cela implique que vous ne pourrez pas supprimer votre historique de positions, et les utilisateurs avancés pourront voir votre historique de positions même après avoir arrêter le partage de votre position en continu dans ce salon.",
+        "live_enable_heading": "Partage de position en continu",
+        "live_location_active": "Vous partagez votre position en direct",
+        "live_location_enabled": "Position en temps réel activée",
+        "live_location_ended": "Position en temps réel terminée",
+        "live_location_error": "Erreur de positionnement en temps réel",
+        "live_locations_empty": "Pas de position en continu",
+        "live_share_button": "Partagé pendant %(duration)s",
+        "live_toggle_label": "Activer le partage de position en continu",
+        "live_until": "En direct jusqu’à %(expiryTime)s",
+        "live_update_time": "Mis-à-jour %(humanizedUpdateTime)s",
+        "loading_live_location": "Chargement de la position en direct…",
+        "location_not_available": "Position non disponible",
+        "map_feedback": "Remarques sur la carte",
+        "mapbox_logo": "Logo de Mapbox",
+        "reset_bearing": "Repositionner vers le nord",
+        "share_button": "Partager la position",
+        "share_type_live": "Ma position en continu",
+        "share_type_own": "Ma position actuelle",
+        "share_type_pin": "Choisir sur la carte",
+        "share_type_prompt": "Quel type de localisation voulez-vous partager ?",
+        "toggle_attribution": "Changer l’attribution"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s Membre",
+            "other": "%(count)s Membres"
+        },
+        "filter_placeholder": "Filtrer les membres du salon",
+        "invite_button_no_perms_tooltip": "Vous n’avez pas la permission d’inviter des utilisateurs",
+        "invited_label": "Invité",
+        "list_title": "Liste des membres",
+        "no_matches": "Aucune correspondance"
+    },
+    "member_list_back_action_label": "Membres du salon",
+    "message_edit_dialog_title": "Modifications du message",
+    "migrating_crypto": "Accrochez-vous. Nous mettons à jour %(brand)s pour que le chiffrement soit plus rapide et plus fiable.",
+    "mobile_guide": {
+        "toast_accept": "Utiliser l’application",
+        "toast_description": "%(brand)s est expérimental sur un navigateur mobile. Pour une meilleure expérience et bénéficier des dernières fonctionnalités, utilisez notre application native gratuite.",
+        "toast_title": "Utilisez une application pour une meilleure expérience"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Fin des résultats",
+    "notif_panel": {
+        "empty_description": "Vous n’avez aucune notification visible.",
+        "empty_heading": "Vous êtes à jour"
+    },
+    "notifications": {
+        "all_messages": "Tous les messages",
+        "all_messages_description": "Recevoir une notification pour chaque message",
+        "class_global": "Global",
+        "class_other": "Autre",
+        "default": "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",
+        "enable_prompt_toast_title_from_message_send": "Ne ratez pas une réponse",
+        "error_change_title": "Modifier les paramètres de notification",
+        "keyword": "Mot-clé",
+        "keyword_new": "Nouveau mot-clé",
+        "level_activity": "Activité",
+        "level_highlight": "Surligner",
+        "level_muted": "Muet",
+        "level_none": "Aucun",
+        "level_notification": "Notification",
+        "level_unsent": "Non envoyé",
+        "mark_all_read": "Tout marquer comme lu",
+        "mentions_and_keywords": "@mentions et réponses uniquement",
+        "mentions_and_keywords_description": "Recevoir des notifications uniquement pour les mentions, les réponses 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"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s demande une vérification"
+    },
+    "onboarding": {
+        "create_room": "Créez une discussion de groupe",
+        "explore_rooms": "Explorez les salons publics",
+        "has_avatar_label": "Super, ceci aidera des personnes à confirmer qu’il s’agit bien de vous",
+        "intro_byline": "Contrôlez vos conversations.",
+        "intro_welcome": "Bienvenue sur %(appName)s",
+        "no_avatar_label": "Ajoutez une photo pour que les gens sachent qu’il s’agit de vous.",
+        "send_dm": "Envoyez un message privé",
+        "welcome_detail": "Maintenant, laissez-nous vous aider à démarrer",
+        "welcome_user": "Bienvenue %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Message dans %(room)s",
+        "permalink_this_room": "Message de %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Créer un sondage",
+        "create_poll_title": "Créer un sondage",
+        "disclosed_notes": "Les participants voient les résultats dès qu'ils ont voté",
+        "edit_poll_title": "Modifier le sondage",
+        "end_description": "Êtes-vous sûr de vouloir terminer ce sondage ? Les résultats définitifs du sondage seront affichés et les gens ne pourront plus voter.",
+        "end_message": "Le sondage est terminé. Meilleure réponse : %(topAnswer)s",
+        "end_message_no_votes": "Le sondage est terminé. Aucun vote n’a été exprimé.",
+        "end_title": "Terminer le sondage",
+        "ended_poll_label": "Le sondage est terminé",
+        "error_ending_description": "Désolé, le sondage n’a pas pu se terminer. Veuillez réessayer.",
+        "error_ending_title": "Impossible de terminer le sondage",
+        "error_voting_description": "Désolé, votre vote n’a pas été enregistré. Veuillez réessayer.",
+        "error_voting_title": "Vote non enregistré",
+        "failed_send_poll_description": "Désolé, le sondage que vous avez essayé de créer n’a pas été envoyé.",
+        "failed_send_poll_title": "Échec lors de la soumission du sondage",
+        "notes": "Les résultats ne sont révélés que lorsque vous terminez le sondage",
+        "option_label": "Choix %(number)s ,%(answer)s",
+        "option_label_winning_with_total": {
+            "one": "Choix %(number)s, %(answer)s, choix gagnant, %(count)s vote",
+            "other": "Choix %(number)s, %(answer)s, choix gagnant, %(count)s votes"
+        },
+        "option_label_with_total": {
+            "one": "Choix %(number)s, %(answer)s, %(count)s vote",
+            "other": "Choix %(number)s, %(answer)s, %(count)s votes"
+        },
+        "options_add_button": "Ajouter un choix",
+        "options_heading": "Créer des choix",
+        "options_label": "Choix %(number)s",
+        "options_placeholder": "Écrivez un choix",
+        "poll_label": "Sondage",
+        "topic_heading": "Quelle est la question ou le sujet de votre sondage ?",
+        "topic_label": "Question ou sujet",
+        "topic_placeholder": "Écrivez quelque chose…",
+        "total_decryption_errors": "À cause d’erreurs de déchiffrement, certains votes pourraient ne pas avoir été pris en compte",
+        "total_n_votes": {
+            "one": "%(count)s vote exprimé. Votez pour voir les résultats",
+            "other": "%(count)s votes exprimés. Votez pour voir les résultats"
+        },
+        "total_n_votes_voted": {
+            "one": "Sur la base de %(count)s vote",
+            "other": "Sur la base de %(count)s votes"
+        },
+        "total_no_votes": "Aucun vote exprimé",
+        "total_not_ended": "Les résultats seront visibles lorsque le sondage sera terminé",
+        "type_closed": "Sondage fermé",
+        "type_heading": "Type de sondage",
+        "type_open": "Sondage ouvert",
+        "unable_edit_description": "Désolé, vous ne pouvez pas modifier un sondage après que les votes aient été exprimés.",
+        "unable_edit_title": "Impossible de modifier le sondage"
+    },
+    "power_level": {
+        "admin": "Administrateur",
+        "creator": "Propriétaire",
+        "custom": "Personnalisé (%(level)s)",
+        "custom_level": "Rang personnalisé",
+        "default": "Par défaut",
+        "label": "Rang",
+        "moderator": "Modérateur",
+        "restricted": "Restreint"
+    },
+    "powered_by_matrix": "Propulsé par Matrix",
+    "presence": {
+        "away": "Absent",
+        "busy": "Occupé",
+        "idle": "Inactif",
+        "idle_for": "Inactif depuis %(duration)s",
+        "offline": "Hors ligne",
+        "offline_for": "Hors ligne depuis %(duration)s",
+        "online": "En ligne",
+        "online_for": "En ligne depuis %(duration)s",
+        "unknown": "Inconnu",
+        "unknown_for": "Inconnu depuis %(duration)s",
+        "unreachable": "Le serveur de l’utilisateur est inaccessible"
+    },
+    "quick_settings": {
+        "all_settings": "Tous les paramètres",
+        "sidebar_settings": "Plus d’options",
+        "title": "Paramètres rapides"
+    },
+    "quit_warning": {
+        "call_in_progress": "Vous semblez avoir un appel en cours, voulez-vous vraiment partir ?",
+        "file_upload_in_progress": "Vous semblez être en train d’envoyer des fichiers, voulez-vous vraiment partir ?"
+    },
+    "redact": {
+        "confirm_button": "Confirmer la suppression",
+        "confirm_description": "Êtes-vous sûr de vouloir supprimer cet évènement ?",
+        "confirm_description_state": "Notez bien que la suppression de modification du salon comme celui-ci peut annuler ce changement.",
+        "error": "Vous ne pouvez pas supprimer ce message. (%(code)s)",
+        "ongoing": "Suppression…",
+        "reason_label": "Raison (optionnelle)"
+    },
+    "remove_section_dialog": {
+        "confirmation": "Êtes-vous sûr de vouloir supprimer cette section ?",
+        "description": "Les discussions de cette section resteront disponibles dans votre liste de discussions.",
+        "remove_section": "Supprimer la section",
+        "title": "Supprimer la section ?"
+    },
+    "report_content": {
+        "description": "Le signalement de ce message enverra son « event ID » unique à l’administrateur de votre serveur d’accueil. Si les messages dans ce salon sont chiffrés, l’administrateur ne pourra pas lire le texte du message ou voir les fichiers ou les images.",
+        "hide_messages_from_user": "Cocher pour masquer tous les messages présents et futurs de cet utilisateur.",
+        "ignore_user": "Ignorer l’utilisateur",
+        "missing_reason": "Dites-nous pourquoi vous envoyez un signalement.",
+        "report_content_to_homeserver": "Signaler le contenu à l’administrateur de votre serveur d’accueil"
+    },
+    "report_room": {
+        "description": "Signalez ce salon à votre fournisseur de compte. Si les messages sont chiffrés, votre administrateur ne pourra pas les lire.",
+        "reason_label": "Décrivez la raison"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Le déchiffrement de %(failedCount)s sessions a échoué !",
+        "count_of_successfully_restored_keys": "%(sessionCount)s clés ont été restaurées avec succès",
+        "enter_key_description": "Accédez à votre historique de messages chiffrés et mettez en place la messagerie sécurisée en saisissant votre clé de récupération.",
+        "enter_key_title": "Saisir la clé de récupération",
+        "enter_phrase_description": "Accédez à votre historique de messages chiffrés et mettez en place la messagerie sécurisée en saisissant votre phrase de sécurité.",
+        "enter_phrase_title": "Saisir la phrase de sécurité",
+        "incorrect_security_phrase_dialog": "La sauvegarde n’a pas pu être déchiffrée avec cette phrase de sécurité : merci de vérifier que vous avez saisi la bonne phrase de sécurité.",
+        "incorrect_security_phrase_title": "Phrase de sécurité incorrecte",
+        "key_backup_warning": "<b>Attention</b> : vous ne devriez configurer la sauvegarde des clés que depuis un ordinateur de confiance.",
+        "key_fetch_in_progress": "Récupération des clés depuis le serveur…",
+        "key_forgotten_text": "Si vous avez oublié votre clé de récupération, vous pouvez <button>définir de nouvelles options de récupération</button>",
+        "key_is_invalid": "Clé de récupération invalide",
+        "key_is_valid": "La clé de récupération semble valide !",
+        "keys_restored_title": "Clés restaurées",
+        "load_error_content": "Impossible de récupérer l’état de la sauvegarde",
+        "load_keys_progress": "%(completed)s clés sur %(total)s restaurées",
+        "no_backup_error": "Aucune sauvegarde n’a été trouvée !",
+        "phrase_forgotten_text": "Si vous avez oublié votre phrase de sécurité, vous pouvez <button1>utiliser votre clé de récupération</button1> ou <button2>définir de nouvelles options de récupération</button2>",
+        "recovery_key_mismatch_description": "La sauvegarde n’a pas pu être déchiffrée avec cette clé de récupération : merci de vérifier que vous avez saisi la bonne clé de récupération.",
+        "recovery_key_mismatch_title": "Clé de récupération non concordante",
+        "restore_failed_error": "Impossible de restaurer la sauvegarde"
+    },
+    "right_panel": {
+        "add_integrations": "Ajouter des extensions",
+        "add_topic": "Ajouter un sujet",
+        "extensions_button": "Extensions",
+        "extensions_empty_description": "Sélectionnez « %(addIntegrations)s » pour explorer et ajouter des extensions à ce salon",
+        "extensions_empty_title": "Augmentez votre productivité avec plus d’outils, de widgets et de bots",
+        "files_button": "Fichiers",
+        "pinned_messages": {
+            "empty_description": "Sélectionnez un message et choisissez « %(pinAction)s » pour l'inclure ici.",
+            "empty_title": "Épingler des messages importants afin qu'ils puissent être facilement découverts",
+            "header": {
+                "one": "1 Message épinglé",
+                "other": "%(count)s Messages épinglés"
+            },
+            "limits": {
+                "other": "Vous ne pouvez épingler que jusqu’à %(count)s widgets"
+            },
+            "menu": "Ouvrir le menu",
+            "reply_thread": "Répondre à un un <link>message de fil de discussion</link>",
+            "unpin_all": {
+                "button": "Désépingler tous les messages",
+                "content": "Assurez-vous que vous voulez vraiment supprimer tous les messages épinglés. Cette action ne peut pas être annulée.",
+                "title": "Désépingler tous les messages ?"
+            },
+            "view": "Voir dans la discussion"
+        },
+        "pinned_messages_button": "Messages épinglés",
+        "poll": {
+            "active_heading": "Sondages en cours",
+            "empty_active": "Il n’y a aucun sondage en cours dans ce salon",
+            "empty_active_load_more": "Il n'y a pas de sondage en cours. Veuillez charger plus de sondages pour consulter les sondages des mois antérieurs",
+            "empty_active_load_more_n_days": {
+                "one": "Il n’y a aucun sondage actif depuis hier. Veuillez charger plus de sondages pour consulter les sondages des mois antérieurs",
+                "other": "Il n'y a pas de sondage en cours sur les %(count)s derniers jours. Veuillez charger plus de sondages pour consulter les sondages des mois antérieurs"
+            },
+            "empty_past": "Il n’y a aucun ancien sondage dans ce salon",
+            "empty_past_load_more": "Il n'y a pas d’ancien sondage. Veuillez charger plus de sondages pour consulter les sondages des mois antérieurs",
+            "empty_past_load_more_n_days": {
+                "one": "Il n'y a pas d’ancien sondage depuis hier. Veuillez charger plus de sondages pour consulter les sondages des mois antérieurs",
+                "other": "Il n'y a pas d’ancien sondage sur les %(count)s derniers jours. Veuillez charger plus de sondages pour consulter les sondages des mois antérieurs"
+            },
+            "final_result": {
+                "one": "Résultat final sur la base de %(count)s vote",
+                "other": "Résultat final sur la base de %(count)s votes"
+            },
+            "load_more": "Charger plus de sondages",
+            "loading": "Chargement des sondages",
+            "past_heading": "Anciens sondages",
+            "view_in_timeline": "Consulter la chronologie des sondages",
+            "view_poll": "Voir le sondage"
+        },
+        "polls_button": "Sondages",
+        "room_summary_card": {
+            "title": "Information du salon"
+        },
+        "thread_list": {
+            "context_menu_label": "Options des fils de discussion"
+        },
+        "video_room_chat": {
+            "title": "Conversation privée"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Cette invitation a été envoyée à %(email)s qui n’est pas associé à votre compte",
+        "3pid_invite_email_not_found_account_room": "Cette invitation à %(roomName)s a été envoyée à %(email)s qui n’est pas associé à votre compte",
+        "3pid_invite_error_description": "Une erreur (%(errcode)s) s’est produite en essayant de valider votre invitation. Vous pouvez essayer de transmettre cette information à la personne qui vous a invité(e).",
+        "3pid_invite_error_invite_action": "Essayer de le rejoindre quand même",
+        "3pid_invite_error_invite_subtitle": "Vous ne pouvez le rejoindre qu’avec une invitation fonctionnelle.",
+        "3pid_invite_error_public_subtitle": "Vous pouvez toujours rejoindre cet endroit.",
+        "3pid_invite_error_title": "Quelque chose s’est mal passé avec votre invitation.",
+        "3pid_invite_error_title_room": "Une erreur est survenue avec votre invitation à %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Utilisez un serveur d’identité dans les paramètres pour recevoir une invitation directement dans %(brand)s.",
+        "banned_by": "Vous avez été banni par %(memberName)s",
+        "banned_from_room_by": "Vous avez été banni de %(roomName)s par %(memberName)s",
+        "context_menu": {
+            "copy_link": "Copier le lien du salon",
+            "favourite": "Favoris",
+            "forget": "Oublier le salon",
+            "low_priority": "Priorité basse",
+            "mark_read": "Marquer comme lu",
+            "mark_unread": "Marquer comme non lu",
+            "notifications_default": "Réglage par défaut",
+            "notifications_mute": "Salon muet",
+            "title": "Options du salon",
+            "unfavourite": "Favori"
+        },
+        "creating_room_text": "Nous créons un salon avec %(names)s",
+        "dm_invite_action": "Commencer à discuter",
+        "dm_invite_subtitle": "<userName/> veut discuter",
+        "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_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.",
+        "error_join_404_2": "Si vous connaissez l’adresse d’un salon, essayez de l’utiliser à la place pour rejoindre ce salon.",
+        "error_join_404_invite": "La personne qui vous a invité(e) a déjà quitté le salon, ou son serveur est hors-ligne.",
+        "error_join_404_invite_same_hs": "La personne qui vous a invité(e) a déjà quitté le salon.",
+        "error_join_connection": "Il y a eu une erreur en rejoignant.",
+        "error_join_incompatible_version_1": "Désolé, votre serveur d'accueil est trop vieux pour participer ici.",
+        "error_join_incompatible_version_2": "Veuillez contacter l’administrateur de votre serveur d’accueil.",
+        "error_join_title": "Impossible de rejoindre",
+        "error_join_unknown": "Une erreur inconnue s'est produite",
+        "error_jump_to_date": "Le serveur a renvoyé %(statusCode)s avec le code d’erreur %(errorCode)s",
+        "error_jump_to_date_connection": "Une erreur réseau s’est produite en tentant de chercher et d’aller à la date choisie. Votre serveur d’accueil est peut-être hors-ligne, ou bien c’est un problème temporaire avec connexion Internet. Veuillez réessayer. Si cela persiste, veuillez contacter l’administrateur de votre serveur d’accueil.",
+        "error_jump_to_date_details": "Détails de l’erreur",
+        "error_jump_to_date_not_found": "Nous n’avons pas pu trouver d’événement à partir du %(dateString)s. Essayez avec une date antérieure.",
+        "error_jump_to_date_send_logs_prompt": "Merci d’envoyer <debugLogsLink>les journaux de débogage</debugLogsLink> pour nous aider à identifier le problème.",
+        "error_jump_to_date_title": "Impossible de trouver un évènement à cette date",
+        "face_pile_summary": {
+            "one": "%(count)s personne que vous connaissez en fait déjà partie",
+            "other": "%(count)s personnes que vous connaissez en font déjà partie"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Afficher le membre",
+            "other": "Afficher les %(count)s membres"
+        },
+        "face_pile_tooltip_shortcut": "Dont %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Dont vous, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Impossible de déterminer quel utilisateur à ignorer car l'événement des membres a changé.",
+        "failed_reject_invite": "Échec du rejet de l’invitation",
+        "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"
+            },
+            "room_is_public": "Ce salon est public",
+            "shared_history_tooltip": "Les nouveaux membres voient l'historique",
+            "world_readable_history_tooltip": "Tout le monde voit l'historique"
+        },
+        "header_avatar_open_settings_label": "Ouvrir les paramètres du salon",
+        "header_face_pile_tooltip": "Personnes",
+        "header_untrusted_label": "Non fiable",
+        "inaccessible": "Ce salon ou cet espace n’est pas accessible en ce moment.",
+        "inaccessible_name": "%(roomName)s n’est pas joignable pour le moment.",
+        "inaccessible_subtitle_1": "Réessayez plus tard ou demandez à l’administrateur du salon ou de l’espace si vous y avez accès.",
+        "inaccessible_subtitle_2": "%(errcode)s a été retourné en essayant d’accéder au salon. Si vous pensez que vous ne devriez pas voir ce message, veuillez <issueLink>soumettre un rapport d’anomalie</issueLink>.",
+        "intro": {
+            "display_topic": "Sujet: <topic/>",
+            "dm_caption": "Vous n’êtes que tous les deux dans cette conversation, à moins que l’un de vous invite quelqu’un à vous rejoindre.",
+            "edit_topic": "Sujet: <topic/> (<a>modifier</a> )",
+            "enable_encryption_prompt": "Activer le chiffrement dans les paramètres.",
+            "encrypted_3pid_dm_pending_join": "Quand tout le monde sera présent, vous pourrez discuter",
+            "no_avatar_label": "Ajoutez une photo afin que les gens repèrent facilement votre salon.",
+            "no_topic": "<a>Ajoutez un sujet</a> pour aider les gens à savoir de quoi il est question.",
+            "private_unencrypted_warning": "Vos messages privés sont normalement chiffrés, mais ce salon ne l’est pas. Cela est généralement dû à un périphérique non supporté, ou à un moyen de communication non supporté comme les invitations par e-mail.",
+            "room_invite": "Inviter seulement dans ce salon",
+            "send_message_start_dm": "Envoyez votre premier message pour inviter <displayName/> à discuter",
+            "start_of_dm_history": "C’est le début de l’historique de votre conversation privée avec <displayName/>.",
+            "start_of_room": "C’est le début de <roomName/>.",
+            "unencrypted_warning": "Le chiffrement de bout en bout n’est pas activé",
+            "user_created": "%(displayName)s a créé ce salon.",
+            "you_created": "Vous avez créé ce salon."
+        },
+        "invite_email_mismatch_suggestion": "Partagez cet e-mail dans les paramètres pour recevoir les invitations directement dans %(brand)s.",
+        "invite_sent_to_email": "Cet invitation a été envoyée à %(email)s",
+        "invite_sent_to_email_room": "Cette invitation à %(roomName)s a été envoyée à %(email)s",
+        "invite_subtitle": "<userName/> vous a invité",
+        "invite_this_room": "Inviter dans ce salon",
+        "invite_title": "Voulez-vous rejoindre %(roomName)s ?",
+        "inviter_unknown": "Inconnu",
+        "invites_you_text": "<inviter/> vous a invité",
+        "join_button_account": "S’inscrire",
+        "join_failed_needs_invite": "Pour afficher %(roomName)s, vous avez besoin d’une invitation",
+        "join_the_discussion": "Rejoindre la discussion",
+        "join_title": "Rejoindre le salon pour participer",
+        "join_title_account": "Rejoindre la conversation avec un compte",
+        "joining": "En train de rejoindre…",
+        "joining_room": "Entrée dans le salon…",
+        "joining_space": "Entrée dans l’espace…",
+        "jump_read_marker": "Aller au premier message non lu.",
+        "jump_to_bottom_button": "Sauter aux messages les plus récents",
+        "kick_reason": "Motif : %(reason)s",
+        "kicked_by": "Vous avez été retiré par %(memberName)s",
+        "kicked_from_room_by": "Vous avez été expulsé(e) de %(roomName)s par %(memberName)s",
+        "knock_cancel_action": "Annuler la demande",
+        "knock_denied_subtitle": "Puisque l’accès vous a été refusé, vous ne pourrez rejoindre le salon que sur invitation d’un administrateur ou d’un modérateur du groupe.",
+        "knock_denied_title": "L’accès vous a été refusé",
+        "knock_message_field_placeholder": "Message (optionnel)",
+        "knock_prompt": "Demander à venir ?",
+        "knock_prompt_name": "Demander à venir dans %(roomName)s ?",
+        "knock_send_action": "Demander l’accès",
+        "knock_sent": "Demande d’accès envoyée",
+        "knock_sent_subtitle": "Votre demande d’accès est en cours.",
+        "knock_subtitle": "Vous avez besoin d’une autorisation pour accéder à ce salon afin de voir et participer à la conversation. Vous pouvez envoyer une demande d’accès ci-dessous.",
+        "leave_error_title": "Erreur en essayant de quitter le salon",
+        "leave_server_notices_description": "Ce salon est utilisé pour les messages importants du serveur d’accueil, vous ne pouvez donc pas en partir.",
+        "leave_server_notices_title": "Impossible de quitter le salon des Annonces du Serveur",
+        "leave_unexpected_error": "Erreur de serveur inattendue en essayant de quitter le salon",
+        "link_email_to_receive_3pid_invite": "Associez cette adresse e-mail à votre compte dans les paramètres pour recevoir les invitations directement dans %(brand)s.",
+        "loading_preview": "Chargement de l’aperçu",
+        "no_peek_join_prompt": "Vous ne pouvez pas avoir d’aperçu de %(roomName)s. Voulez-vous rejoindre le salon ?",
+        "no_peek_no_name_join_prompt": "Il n’y a pas d’aperçu, voulez-vous rejoindre ?",
+        "not_found_subtitle": "Êtes-vous sûr d’être au bon endroit ?",
+        "not_found_title": "Ce salon ou cet espace n’existe pas.",
+        "not_found_title_name": "%(roomName)s n’existe pas.",
+        "peek_join_prompt": "Ceci est un aperçu de %(roomName)s. Voulez-vous rejoindre le salon ?",
+        "pinned_message_banner": {
+            "button_close_list": "Fermer la liste",
+            "button_view_all": "Voir tout",
+            "description": "Messages épinglés",
+            "go_to_newest_message": "Afficher le message épinglé dans la discussion et le plus récent ici",
+            "go_to_next_message": "Afficher le message épinglé dans la discussion et le plus ancien suivant ici",
+            "title": "<bold>%(index)s de %(length)s</bold> messages épinglés"
+        },
+        "read_topic": "Cliquer pour lire le sujet",
+        "rejecting": "Rejet de l’invitation…",
+        "rejoin_button": "Revenir",
+        "room_content": "Contenu du salon",
+        "room_is_low_priority": "Ce salon est de priorité basse",
+        "search": {
+            "all_rooms_button": "Rechercher dans tous les salons",
+            "placeholder": "Rechercher des messages…",
+            "summary": {
+                "one": "1 résultat trouvé pour « <query/> »",
+                "other": "%(count)srésultats trouvés pour « <query/> »"
+            },
+            "this_room_button": "Rechercher dans ce salon"
+        },
+        "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.",
+            "one": "Vous avez %(count)s notification non lue dans une version précédente de ce salon."
+        },
+        "upgrade_error_description": "Vérifiez que votre serveur prend en charge la version de salon choisie et réessayez.",
+        "upgrade_error_title": "Erreur lors de la mise à niveau du salon",
+        "upgrade_warning_bar": "La mise à niveau du salon désactivera cette instance du salon et créera un salon mis à niveau avec le même nom.",
+        "upgrade_warning_bar_admins": "Seuls les administrateurs du salon verront cet avertissement",
+        "upgrade_warning_bar_unstable": "Ce salon utilise la version <roomVersion />, que ce serveur d’accueil a marqué comme <i>instable</i>.",
+        "upgrade_warning_bar_upgraded": "Ce salon a déjà été mis à niveau.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Envoi de %(filename)s et %(count)s autre",
+                "other": "Envoi de %(filename)s et %(count)s autres"
+            },
+            "uploading_single_file": "Envoi de %(filename)s"
+        },
+        "video_room": "Ce salon est un salon vidéo",
+        "waiting_for_join_subtitle": "Une fois que les utilisateurs invités seront connectés sur %(brand)s, vous pourrez discuter et le salon sera chiffré de bout en bout",
+        "waiting_for_join_title": "En attente de connexion des utilisateurs à %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Ajouter un espace",
+        "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",
+        "list_title": "Liste de salons",
+        "more_options": {
+            "leave_room": "Quitter le salon"
+        },
+        "notification_options": "Paramètres de notifications",
+        "section": {
+            "chats": "Discussions",
+            "favourites": "Favoris",
+            "low_priority": "Priorité basse"
+        },
+        "show_less": "En voir moins"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Décider qui peut visualiser et rejoindre %(spaceName)s.",
+            "title": "Accès"
+        },
+        "advanced": {
+            "error_upgrade_description": "La mise à niveau du salon n’a pas pu être effectuée",
+            "error_upgrade_title": "Échec de la mise à niveau du salon",
+            "information_section_room": "Information du salon",
+            "information_section_space": "Informations de l’espace",
+            "room_id": "Identifiant interne du salon",
+            "room_predecessor": "Voir les messages plus anciens dans %(roomName)s.",
+            "room_upgrade_button": "Mettre à niveau ce salon vers la version recommandée",
+            "room_upgrade_warning": "<b>Attention</b> : la mise à niveau du salon <i>ne migrera pas automatiquement les membres du salon vers la nouvelle version du salon.</i> Nous enverrons un lien vers le nouveau salon dans l’ancienne version du salon. Les participants au salon devront cliquer sur ce lien pour rejoindre le nouveau salon.",
+            "room_version": "Version du salon :",
+            "room_version_section": "Version du salon",
+            "space_predecessor": "Voir l’ancienne version de %(spaceName)s.",
+            "space_upgrade_button": "Mettre à niveau cet espace vers la version recommandée",
+            "unfederated": "Ce salon n’est pas accessible par les serveurs Matrix distants",
+            "upgrade_button": "Mettre à niveau ce salon vers la version %(version)s",
+            "upgrade_dialog_description": "La mise à niveau de ce salon nécessite de fermer l’instance actuelle du salon et de créer un nouveau salon à la place. Pour fournir la meilleure expérience possible aux utilisateurs, nous allons :",
+            "upgrade_dialog_description_1": "Créer un salon avec le même nom, la même description et le même avatar",
+            "upgrade_dialog_description_2": "Mettre à jour tous les alias du salon locaux pour qu’ils dirigent vers le nouveau salon",
+            "upgrade_dialog_description_3": "Empêcher les utilisateurs de discuter dans l’ancienne version du salon et envoyer un message conseillant aux nouveaux utilisateurs d’aller dans le nouveau salon",
+            "upgrade_dialog_description_4": "Fournir un lien vers l’ancien salon au début du nouveau salon pour qu’il soit possible de consulter les anciens messages",
+            "upgrade_dialog_title": "Mettre à niveau la version du salon",
+            "upgrade_dwarning_ialog_title_public": "Mettre à niveau le salon public",
+            "upgrade_warning_dialog_description": "La mise à niveau d’un salon est une action avancée et qui est généralement recommandée quand un salon est instable à cause d’anomalies, de fonctionnalités manquantes ou de failles de sécurité.",
+            "upgrade_warning_dialog_explainer": "<b>Veuillez notez que la mise-à-jour va créer une nouvelle version de ce salon</b>. Tous les messages actuels resteront dans ce salon archivé.",
+            "upgrade_warning_dialog_footer": "Vous allez mettre à niveau ce salon de <oldVersion /> vers <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Inviter automatiquement les membres de ce salon dans le nouveau",
+            "upgrade_warning_dialog_report_bug_prompt": "Cela n’affecte généralement que la façon dont le salon est traité sur le serveur. Si vous avez des problèmes avec votre %(brand)s, signalez une anomalie.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Cela n’affecte généralement que la façon dont le salon est traité sur le serveur. Si vous avez des problèmes avec votre %(brand)s, <a>signalez une anomalie</a>.",
+            "upgrade_warning_dialog_title": "Mettre à niveau le salon",
+            "upgrade_warning_dialog_title_private": "Mettre à niveau le salon privé"
+        },
+        "alias_not_specified": "non spécifié",
+        "bridges": {
+            "description": "Ce salon transmet les messages vers les plateformes suivantes. <a>En savoir plus.</a>",
+            "empty": "Ce salon ne transmet les messages à aucune plateforme. <a>En savoir plus.</a>",
+            "title": "Passerelles"
+        },
+        "delete_avatar_label": "Supprimer l’avatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Séparateur de domaine manquant, par exemple (:domain.org)",
+            "alias_field_has_localpart_invalid": "Nom de salon ou séparateur manquant, par exemple (mon-salon:domain.org)",
+            "alias_field_matches_invalid": "Cette adresse ne pointe pas vers ce salon",
+            "alias_field_placeholder_default": "par ex. mon-salon",
+            "alias_field_required_invalid": "Veuillez fournir une adresse",
+            "alias_field_safe_localpart_invalid": "Certains caractères ne sont pas autorisés",
+            "alias_field_taken_invalid": "Cette adresse a un serveur invalide ou est déjà utilisée",
+            "alias_field_taken_invalid_domain": "Cette adresse est déjà utilisée",
+            "alias_field_taken_valid": "Cette adresse est disponible",
+            "alias_heading": "Adresse du salon",
+            "aliases_items_label": "Autres adresses publiées :",
+            "aliases_no_items_label": "Aucune autre adresse n’est publiée, ajoutez-en une ci-dessous",
+            "aliases_section": "Adresses du salon",
+            "avatar_field_label": "Avatar du salon",
+            "canonical_alias_field_label": "Adresse principale",
+            "description_space": "Modifiez les paramètres de votre espace.",
+            "error_creating_alias_description": "Une erreur est survenue lors de la création de l’adresse. Ce n’est peut-être pas autorisé par le serveur ou une erreur temporaire est survenue.",
+            "error_creating_alias_title": "Erreur lors de la création de l’adresse",
+            "error_deleting_alias_description": "Une erreur est survenue lors de la suppression de cette adresse. Elle n’existe peut-être plus ou une erreur temporaire est survenue.",
+            "error_deleting_alias_description_forbidden": "Vous n’avez pas la permission de supprimer cette adresse.",
+            "error_deleting_alias_title": "Erreur lors de la suppression de l’adresse",
+            "error_publishing": "Impossible de publier le salon",
+            "error_publishing_detail": "Une erreur s'est produite lors de la publication du salon",
+            "error_save_space_settings": "Échec de l’enregistrement des paramètres.",
+            "error_updating_alias_description": "Une erreur est survenue lors de la mise à jour des adresses alternatives du salon. Ce n’est peut-être pas permis par le serveur ou une défaillance temporaire est survenue.",
+            "error_updating_canonical_alias_description": "Une erreur est survenue lors de la mise à jour de l’adresse principale de salon. Ce n’est peut-être pas autorisé par le serveur ou une erreur temporaire est survenue.",
+            "error_updating_canonical_alias_title": "Erreur lors de la mise à jour de l’adresse principale",
+            "leave_space": "Quitter l’espace",
+            "local_alias_field_label": "Adresse locale",
+            "local_aliases_explainer_room": "Définissez les adresses de ce salon pour que les utilisateurs puissent trouver ce salon avec votre serveur d’accueil (%(localDomain)s)",
+            "local_aliases_explainer_space": "Définissez les adresses de cet espace pour que les utilisateurs puissent le trouver avec votre serveur d’accueil (%(localDomain)s)",
+            "local_aliases_section": "Adresses locales",
+            "name_field_label": "Nom du salon",
+            "new_alias_placeholder": "Nouvelles adresses publiées (par ex. #alias:serveur)",
+            "no_aliases_room": "Ce salon n’a pas d’adresse locale",
+            "no_aliases_space": "Cet espace n’a pas d’adresse locale",
+            "other_section": "Autre",
+            "publish_toggle": "Publier ce salon dans le répertoire de salons public de %(domain)s ?",
+            "publish_warn_invite_only": "Vous ne pouvez pas publier un salon accessible uniquement sur invitation.",
+            "publish_warn_no_canonical_permission": "Vous devez disposer de l'autorisation de définir l'adresse principale pour publier cet salon.",
+            "published_aliases_description": "Pour publier une adresse, elle doit d’abord être définie comme adresse locale.",
+            "published_aliases_explainer_room": "Les adresses publiées peuvent être utilisées par tout le monde sur tous les serveurs pour rejoindre votre salon.",
+            "published_aliases_explainer_space": "Les adresses publiées peuvent être utilisées par tout le monde sur tous les serveurs pour rejoindre votre espace.",
+            "published_aliases_section": "Adresses publiées",
+            "save": "Enregistrer les modifications",
+            "topic_field_label": "Sujet du salon"
+        },
+        "notifications": {
+            "browse_button": "Parcourir",
+            "custom_sound_prompt": "Définir un nouveau son personnalisé",
+            "notification_sound": "Son de notification",
+            "settings_link": "Recevoir les notifications comme défini dans vos <a>paramètres</a>",
+            "sounds_section": "Sons",
+            "upload_sound_label": "Envoyer un son personnalisé",
+            "uploaded_sound": "Son téléchargé"
+        },
+        "people": {
+            "knock_empty": "Aucune demande",
+            "knock_section": "Demander à rejoindre",
+            "see_less": "Voir moins",
+            "see_more": "Voir plus"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Donne plus de privilèges à un ou plusieurs utilisateurs de ce salon",
+            "add_privileged_user_filter_placeholder": "Chercher des utilisateurs dans ce salon…",
+            "add_privileged_user_heading": "Ajouter des utilisateurs privilégiés",
+            "ban": "Bannir des utilisateurs",
+            "ban_reason": "Raison",
+            "banned_by": "Banni par %(displayName)s",
+            "banned_users_section": "Utilisateurs bannis",
+            "error_changing_pl_description": "Une erreur est survenue lors du changement de rang de l’utilisateur. Vérifiez que vous avez les permissions nécessaires et réessayez.",
+            "error_changing_pl_reqs_description": "Une erreur est survenue lors de la modification des critères de rang du salon. Vérifiez que vous avez les permissions nécessaires et réessayez.",
+            "error_changing_pl_reqs_title": "Erreur de changement du critère de rang",
+            "error_changing_pl_title": "Erreur de changement de rang",
+            "error_unbanning": "Échec de la révocation du bannissement",
+            "events_default": "Envoyer des messages",
+            "invite": "Inviter des utilisateurs",
+            "kick": "Expulser des utilisateurs",
+            "m.call": "Démarrer des appels %(brand)s",
+            "m.call.member": "Rejoindre des appels %(brand)s",
+            "m.reaction": "Envoyer des réactions",
+            "m.room.avatar": "Changer l’avatar du salon",
+            "m.room.avatar_space": "Changer l’avatar de l’espace",
+            "m.room.canonical_alias": "Changer l’adresse principale du salon",
+            "m.room.canonical_alias_space": "Changer l’adresse principale de l’espace",
+            "m.room.encryption": "Activer le chiffrement du salon",
+            "m.room.history_visibility": "Changer la visibilité de l’historique",
+            "m.room.name": "Changer le nom du salon",
+            "m.room.name_space": "Changer le nom de l’espace",
+            "m.room.pinned_events": "Gérer les évènements épinglés",
+            "m.room.power_levels": "Changer les permissions",
+            "m.room.redaction": "Supprimer les messages que j'ai moi-même envoyés",
+            "m.room.server_acl": "Modifier les ACL du serveur",
+            "m.room.tombstone": "Mettre à niveau le salon",
+            "m.room.topic": "Changer le sujet",
+            "m.room.topic_space": "Changer la description",
+            "m.space.child": "Gérer les salons de cet espace",
+            "m.widget": "Modifier les widgets",
+            "muted_users_section": "Utilisateurs ignorés",
+            "no_privileged_users": "Aucun utilisateur n’a de privilège spécifique dans ce salon",
+            "notifications.room": "Avertir tout le monde",
+            "permissions_section": "Autorisations",
+            "permissions_section_description_room": "Sélectionner les rôles nécessaires pour modifier les différentes parties du salon",
+            "permissions_section_description_space": "Sélectionner les rôles nécessaires pour modifier les différentes parties de l’espace",
+            "privileged_users_section": "Utilisateurs privilégiés",
+            "redact": "Supprimer les messages envoyés par d’autres",
+            "send_event_type": "Envoyer %(eventType)s évènements",
+            "state_default": "Changer les paramètres",
+            "title": "Rôles et permissions",
+            "users_default": "Rôle par défaut"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "Vous n\"avez pas les autorisations nécessaires pour modifier l\"historique du salon. Ceci est dangereux, car cela pourrait permettre aux utilisateurs non présents de lire les messages.",
+                "title": "Impossible de rendre le salon privé"
+            },
+            "enable_encryption_confirm_description": "Le chiffrement du salon ne peut pas être désactivé après son activation. Les messages d’un salon chiffré ne peuvent pas être vus par le serveur, seulement par les membres du salon. Activer le chiffrement peut empêcher certains robots et certaines passerelles de fonctionner correctement. <a>En savoir plus sur le chiffrement.</a>",
+            "enable_encryption_confirm_title": "Activer le chiffrement ?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Il n'est pas recommandé d’ajouter le chiffrement aux salons publics.</b> Tout le monde peut trouver et rejoindre les salons publics, donc tout le monde peut lire les messages qui s’y trouvent. Vous n’aurez aucun des avantages du chiffrement, et vous ne pourrez pas le désactiver plus tard. Chiffrer les messages dans un salon public ralentira la réception et l’envoi de messages.",
+            "enable_encryption_public_room_confirm_description_2": "Pour éviter ces problèmes, créez un <a>nouveau salon chiffré</a> pour la conversation que vous souhaitez avoir.",
+            "enable_encryption_public_room_confirm_title": "Êtes-vous sûr de vouloir ajouter le chiffrement dans ce salon public ?",
+            "encrypted_room_public_confirm_description_1": "<b>Il n’est pas recommandé de rendre public les salons chiffrés.</b> Cela veut dire que quiconque pourra trouver et rejoindre le salon, donc tout le monde pourra lire les messages. Vous n’aurez plus aucun avantage lié au chiffrement. Chiffrer les messages dans un salon public ralentira la réception et l’envoi de messages.",
+            "encrypted_room_public_confirm_description_2": "Pour éviter ces problèmes, créez un <a>nouveau salon public</a> pour la conversation que vous souhaitez avoir.",
+            "encrypted_room_public_confirm_title": "Êtes-vous sûr de vouloir rendre public ce salon chiffré ?",
+            "encryption_forced": "Votre serveur impose la désactivation du chiffrement.",
+            "encryption_permanent": "Le chiffrement ne peut pas être désactivé une fois qu’il a été activé.",
+            "error_join_rule_change_title": "Échec de mise-à-jour des règles pour rejoindre le salon",
+            "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_legend": "Qui peut lire l’historique ?",
+            "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": "Sur invitation uniquement",
+            "join_rule_invite_description": "Seules les personnes invitées peuvent venir.",
+            "join_rule_knock": "Demander à venir",
+            "join_rule_knock_description": "Les personnes ne peuvent pas venir tant que l’accès ne leur est pas autorisé.",
+            "join_rule_public": "Quiconque",
+            "join_rule_public_description": "Tout le monde peut joindre",
+            "join_rule_restricted": "Membres de l’espace",
+            "join_rule_restricted_description": "Toute personne se trouvant dans un espace autorisé peut rejoindre sans invitation.<a> Gérer les espaces</a>",
+            "join_rule_restricted_description_active_space": "N'importe qui dans<spaceName/> peut joindre.",
+            "join_rule_restricted_description_prompt": "Toute personne présente dans un espace peut rejoindre.",
+            "join_rule_restricted_description_spaces": "Espaces autorisés",
+            "join_rule_restricted_dialog_description": "Espaces où les membres peuvent rejoindre <RoomName/> sans invitation.",
+            "join_rule_restricted_dialog_empty_warning": "Vous supprimez tous les espaces autorisés. L'accès sera par défaut limité aux invitations.",
+            "join_rule_restricted_dialog_filter_placeholder": "Rechercher des espaces",
+            "join_rule_restricted_dialog_heading_known": "Vos espaces qui ne contiennent pas ce salon",
+            "join_rule_restricted_dialog_heading_other": "Autres espaces dont vous n'êtes pas membre",
+            "join_rule_restricted_dialog_heading_room": "Vos espaces qui contiennent ce salon",
+            "join_rule_restricted_dialog_heading_space": "Les espaces connus qui contiennent cet espace",
+            "join_rule_restricted_dialog_heading_unknown": "Ces autres administrateurs du salon en font probablement partie.",
+            "join_rule_restricted_dialog_title": "Gérer les espaces",
+            "join_rule_restricted_n_more": {
+                "other": "& %(count)s de plus",
+                "one": "& %(count)s autres"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Actuellement, un espace a été authorisé",
+                "other": "%(count)s espaces ont été authorisés"
+            },
+            "join_rule_restricted_upgrade_description": "Cette mise-à-jour permettra aux membres des espaces sélectionnés d’accéder à ce salon sans invitation.",
+            "join_rule_restricted_upgrade_warning": "Ce salon se trouve dans certains espaces pour lesquels vous n’êtes pas administrateur. Dans ces espaces, l’ancien salon sera toujours disponible, mais un message sera affiché pour inciter les personnes à rejoindre le nouveau salon.",
+            "join_rule_upgrade_awaiting_room": "Chargement du nouveau salon",
+            "join_rule_upgrade_required": "Mise-à-jour nécessaire",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Envoi de l’invitation…",
+                "other": "Envoi des invitations… (%(progress)s sur %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Mise-à-jour de l’espace…",
+                "other": "Mise-à-jour des espaces… (%(progress)s sur %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Mise-à-jour du salon",
+            "join_rule_world_readable_description": "Changer qui peut rejoindre la salon modifiera également la visibilité des futurs messages.",
+            "public_without_alias_warning": "Pour créer un lien vers ce salon, ajoutez une adresse.",
+            "publish_room": "Rendez ce salon visible dans l’annuaire des salons publics.",
+            "publish_space": "Rendez cet espace visible dans le répertoires des salons publics.",
+            "strict_encryption": "Envoyez des messages uniquement aux utilisateurs vérifiés.",
+            "title": "Sécurité et vie privée"
+        },
+        "title": "Paramètres du salon – %(roomName)s",
+        "upload_avatar_label": "Envoyer un avatar",
+        "visibility": {
+            "alias_section": "Adresse",
+            "error_failed_save": "Impossible de mettre à jour les paramètres de cet espace.",
+            "error_update_guest_access": "Échec de la mise à jour de l’accès visiteur de cet espace",
+            "error_update_history_visibility": "Échec de la mise à jour de la visibilité de l’historique pour cet espace",
+            "guest_access_disabled": "Vous n'êtes pas autorisé à modifier les accès invités.",
+            "guest_access_explainer": "Les visiteurs peuvent rejoindre un espace sans disposer d’un compte. Ceci est utile pour les espaces publiques.",
+            "guest_access_label": "Activer l’accès visiteur",
+            "history_visibility_anyone_space": "Aperçu de l'espace",
+            "history_visibility_anyone_space_description": "Permettre aux personnes d’avoir un aperçu de l’espace avant de le rejoindre.",
+            "history_visibility_anyone_space_disabled": "Vous n'êtes pas autorisé à modifier la visibilité de l'historique.",
+            "history_visibility_anyone_space_recommendation": "Recommandé pour les espaces publics.",
+            "title": "Sécurité et confidentialité"
+        },
+        "voip": {
+            "call_type_section": "Type d’appel",
+            "enable_element_call_caption": "%(brand)s est chiffré de bout en bout, mais n’est actuellement utilisable qu’avec un petit nombre d’utilisateurs.",
+            "enable_element_call_label": "Activer %(brand)s comme une option supplémentaire d’appel dans ce salon",
+            "enable_element_call_no_permissions_tooltip": "Vous n’avez pas assez de permissions pour changer ceci."
+        }
+    },
+    "room_summary_card_back_action_label": "Information du salon",
+    "scalar": {
+        "error_create": "Impossible de créer le widget.",
+        "error_membership": "Vous n’êtes pas dans ce salon.",
+        "error_missing_room_id": "Identifiant de salon manquant.",
+        "error_missing_room_id_request": "Absence du room_id dans la requête",
+        "error_missing_user_id_request": "Absence du user_id dans la requête",
+        "error_permission": "Vous n’avez pas l’autorisation d’effectuer cette action dans ce salon.",
+        "error_power_level_invalid": "Le rang doit être un entier positif.",
+        "error_room_not_visible": "Le salon %(roomId)s n’est pas visible",
+        "error_room_unknown": "Ce salon n’est pas reconnu.",
+        "error_send_request": "Échec de l’envoi de la requête.",
+        "failed_read_event": "Échec de la lecture des évènements",
+        "failed_send_event": "Échec de l’envoi de l’évènement"
+    },
+    "server_offline": {
+        "description": "Votre serveur ne répond pas à certaines requêtes. Vous trouverez ci-dessus quelles en sont les raisons probables.",
+        "description_1": "Le serveur (%(serverName)s) met trop de temps à répondre.",
+        "description_2": "Votre pare-feu ou votre antivirus bloque la requête.",
+        "description_3": "Une extension du navigateur bloque la requête.",
+        "description_4": "Le serveur est éteint.",
+        "description_5": "Le serveur a refusé votre requête.",
+        "description_6": "Votre secteur connaît des difficultés à se connecter à Internet.",
+        "description_7": "Une erreur de connexion est survenue en essayant de contacter le serveur.",
+        "description_8": "Le serveur n’est pas configuré pour indiquer quel est le problème (CORS).",
+        "empty_timeline": "Vous êtes à jour.",
+        "recent_changes_heading": "Changements récents qui n’ont pas encore été reçus",
+        "title": "Le serveur ne répond pas"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s nécessite un service worker pour charger les médias authentifiés à partir des référentiels de contenu Matrix. Ceci n'est pas pris en charge par votre navigateur. Il est donc possible que le contenu multimédia ne se charge pas.",
+        "title": "Échec du chargement du service worker"
+    },
+    "seshat": {
+        "error_initialising": "Échec de l’initialisation de la recherche de messages, vérifiez <a>vos paramètres</a> pour plus d’information",
+        "reset_button": "Réinitialiser le magasin d’évènements",
+        "reset_description": "Il est probable que vous ne vouliez pas réinitialiser votre magasin d’index d’évènements",
+        "reset_explainer": "Si vous le faites, notez qu’aucun de vos messages ne sera supprimé, mais la recherche pourrait être dégradée pendant quelques instants, le temps de recréer l’index",
+        "reset_title": "Réinitialiser le magasin d’évènements ?",
+        "warning_kind_files": "Cette version de %(brand)s ne prend pas en charge l’affichage de certains fichiers chiffrés",
+        "warning_kind_files_app": "Utilisez une <a>Application de bureau</a> pour voir tous les fichiers chiffrés",
+        "warning_kind_search": "Cette version de %(brand)s ne prend pas en charge la recherche dans les messages chiffrés",
+        "warning_kind_search_app": "Utilisez une <a>Application de bureau</a> pour rechercher dans tous les messages chiffrés",
+        "warning_kind_search_partial": "Les résultats peuvent être incomplets car votre index de recherche est encore en cours de construction."
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Votre jeton d’accès donne un accès intégral à votre compte. Ne le partagez avec personne.",
+            "brand_version": "Version de %(brand)s :",
+            "clear_cache_reload": "Vider le cache et recharger",
+            "crypto_version": "Version crypto :",
+            "dialog_title": "<strong>Paramètres : </strong> Aide et À propos",
+            "help_link": "Pour obtenir de l’aide sur l’utilisation de %(brand)s, cliquez <a>ici</a>.",
+            "homeserver": "Le serveur d’accueil est <code>%(homeserverUrl)s</code>",
+            "identity_server": "Le serveur d’identité est <code>%(identityServerUrl)s</code>",
+            "title": "Aide et À propos",
+            "versions": "Versions"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Paramètres : </strong> Compte",
+            "title": "Compte"
+        },
+        "all_rooms_home": "Afficher tous les salons dans Accueil",
+        "all_rooms_home_description": "Tous les salons dans lesquels vous vous trouvez apparaîtront sur l’Accueil.",
+        "always_show_message_timestamps": "Toujours afficher l’heure des messages",
+        "appearance": {
+            "bundled_emoji_font": "Utilise la police d’émoji interne",
+            "compact_layout": "Afficher le texte et les messages compacts",
+            "compact_layout_description": "La mise en page moderne doit être sélectionnée pour utiliser cette fonctionnalité.",
+            "custom_font": "Utiliser une police du système",
+            "custom_font_description": "Définissez le nom d’une police de caractères installée sur votre système et %(brand)s essaiera de l’utiliser.",
+            "custom_font_name": "Nom de la police du système",
+            "custom_font_size": "Utiliser une taille personnalisée",
+            "custom_theme_add": "Ajouter un thème personnalisé",
+            "custom_theme_downloading": "Téléchargement du thème personnalisé…",
+            "custom_theme_error_downloading": "Erreur lors du téléchargement du thème",
+            "custom_theme_help": "Saisir l'URL du thème personnalisé que vous souhaitez appliquer.",
+            "custom_theme_invalid": "Schéma du thème invalide.",
+            "dialog_title": "<strong>Paramètres : </strong> Apparence",
+            "font_size": "Taille de la police",
+            "font_size_default": "%(fontSize)s(par défaut)",
+            "high_contrast": "Contraste élevé",
+            "image_size_default": "Par défaut",
+            "image_size_large": "Grande",
+            "layout_bubbles": "Message en bulles",
+            "layout_irc": "IRC (Expérimental)",
+            "match_system_theme": "S’adapter au thème du système",
+            "timeline_image_size": "Taille d’image dans l’historique"
+        },
+        "automatic_language_detection_syntax_highlight": "Activer la détection automatique du langage pour la coloration syntaxique",
+        "autoplay_gifs": "Jouer automatiquement les GIFs",
+        "autoplay_videos": "Jouer automatiquement les vidéos",
+        "big_emoji": "Activer les gros émojis dans les discussions",
+        "code_block_expand_default": "Développer les blocs de code par défaut",
+        "code_block_line_numbers": "Afficher les numéros de ligne dans les blocs de code",
+        "disable_historical_profile": "Afficher l’image de profil et le nom actuels des utilisateurs dans l’historique des messages",
+        "discovery": {
+            "title": "Comment vous trouver"
+        },
+        "emoji_autocomplete": "Activer la suggestion d’émojis lors de la saisie",
+        "enable_markdown": "Activer Markdown",
+        "enable_markdown_description": "Commencez les messages avec <code>/plain</code> pour les envoyer sans markdown.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Les détails de votre compte, vos contacts, vos préférences et votre liste de discussions seront conservés",
+                "breadcrumb_page": "Réinitialiser le chiffrement",
+                "breadcrumb_second_description": "Vous perdrez l’historique de vos messages",
+                "breadcrumb_third_description": "Vous devrez vérifier à nouveau tous vos appareils et tous vos contacts",
+                "breadcrumb_title": "Êtes-vous sûr de vouloir réinitialiser votre identité numérique ?",
+                "breadcrumb_title_cant_confirm": "Vous devez réinitialiser votre identité numérique",
+                "breadcrumb_title_forgot": "Vous avez oublié votre clé de récupération ? Vous devez réinitialiser votre identité numérique.",
+                "breadcrumb_title_sync_failed": "Impossible de synchroniser le stockage des clés. Vous devez réinitialiser votre identité numérique.",
+                "breadcrumb_warning": "Ne faites cela que si vous pensez que votre compte a été compromis.",
+                "details_title": "Détails du chiffrement",
+                "do_not_close_warning": "Ne fermez pas cette fenêtre tant que la réinitialisation n'est pas terminée",
+                "export_keys": "Exporter les clés",
+                "import_keys": "Importer les clés",
+                "other_people_device_description": "Attention : les utilisateurs qui ne se sont pas explicitement vérifiés auprès de vous (par exemple, via des émojis) ne recevront pas vos messages chiffrés. De même, les appareils non vérifiés des utilisateurs vérifiés ne recevront pas vos messages chiffrés. Cette fonctionalitée requiert le redémarrage de l'application pour prendre effet.",
+                "other_people_device_label": "Dans les salons chiffrés, envoyez des messages uniquement aux utilisateurs vérifiés",
+                "other_people_device_title": "Appareils d'autres personnes",
+                "reset_identity": "Réinitialiser l'identité cryptographique",
+                "reset_in_progress": "Réinitialisation en cours...",
+                "session_id": "Identifiant de session :",
+                "session_key": "Clé de session :",
+                "title": "Avancé"
+            },
+            "confirm_key_storage_off": "Êtes-vous sûr de vouloir désactiver le stockage des clés ?",
+            "confirm_key_storage_off_description": "Si vous supprimez tous vos appareils, vous perdrez l'historique de vos messages et devrez vérifier à nouveau tous vos contacts existants.<a>En savoir plus</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Désactiver la sauvegarde",
+                "confirm": "Désactiver la sauvegarde",
+                "description": "Désactiver la sauvegarde supprimera votre clé de récupération actuelle et désactivera d’autres mesures de sécurité. Dans ce cas :",
+                "list_first": "Pas d’accès à l’historique des discussions chiffrées sur vos nouveaux appareils",
+                "list_second": "Vous perdrez l'accès à vos messages chiffrés si vous n'êtes connecté à aucun appareil.",
+                "title": "Êtes-vous certain de vouloir désactiver la sauvegarde ?"
+            },
+            "device_not_verified_button": "Vérifiez cet appareil",
+            "device_not_verified_description": "Vous devez vérifier cet appareil afin de visualiser vos paramètres de chiffrement.",
+            "device_not_verified_title": "Appareil non vérifié",
+            "dialog_title": "<strong>Paramètres : </strong> Chiffrement",
+            "key_storage": {
+                "allow_key_storage": "Autoriser le stockage des clés",
+                "description": "Cela vous permettra de consulter votre historique de discussions sur tous vos nouveaux appareils. Nécessaire pour la sauvegarde de vos discussions et de votre identité numérique.<a>En savoir plus</a>",
+                "title": "Stockage des clés"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Confirmez la nouvelle clé de récupération",
+                "change_recovery_confirm_description": "Saisissez votre nouvelle clé de récupération ci-dessous pour terminer. Votre ancienne clé ne fonctionnera plus.",
+                "change_recovery_confirm_title": "Saisir votre nouvelle clé de récupération",
+                "change_recovery_key": "Changer la clé de récupération",
+                "change_recovery_key_description": "Notez cette nouvelle clé de récupération dans un endroit sûr. Cliquez ensuite sur Continuer pour confirmer la modification.",
+                "change_recovery_key_title": "Changer la clé de récupération ?",
+                "description": "Vos discussions sont automatiquement sauvegardées grâce à un chiffrement de bout en bout. Pour restaurer cette sauvegarde et conserver votre identité numérique en cas de perte d'accès à tous vos appareils, vous aurez besoin de votre clé de récupération.",
+                "enter_key_error": "La clé de récupération que vous avez saisie est incorrecte.",
+                "enter_recovery_key": "Saisir la clé de récupération",
+                "forgot_recovery_key": "Clé de récupération oubliée ?",
+                "key_storage_warning": "Le stockage de vos clés n'est pas synchronisé. Cliquez sur l'un des boutons ci-dessous pour résoudre le problème.",
+                "save_key_description": "Ne partagez cela avec personne !",
+                "save_key_title": "Clé de récupération",
+                "set_up_recovery": "Obtenir la clé de récupération",
+                "set_up_recovery_confirm_button": "Terminer la configuration",
+                "set_up_recovery_confirm_description": "Saisissez la clé de récupération affichée sur l’écran précédent pour terminer la configuration de la récupération.",
+                "set_up_recovery_confirm_title": "Saisissez votre clé de récupération pour confirmer",
+                "set_up_recovery_description": "Le stockage de vos clés est protégé par une clé de récupération. Si vous avez besoin d'une nouvelle clé de récupération après la création, vous pouvez la recréer en sélectionnant « %(changeRecoveryKeyButton)s ».",
+                "set_up_recovery_save_key_description": "Recopier cette clé de récupération dans un endroit sûr, comme un gestionnaire de mots de passe, une note chiffrée ou un coffre-fort physique.",
+                "set_up_recovery_save_key_title": "Enregistrez votre clé de récupération dans un endroit sûr",
+                "set_up_recovery_secondary_description": "Après avoir cliqué sur continuer, nous allons générer une clé de récupération pour vous.",
+                "title": "Sauvegarde"
+            },
+            "title": "Chiffrement"
+        },
+        "general": {
+            "account_management_section": "Gestion du compte",
+            "account_section": "Compte",
+            "add_email_dialog_title": "Ajouter une adresse e-mail",
+            "add_email_failed_verification": "La vérification de l’adresse e-mail a échoué : vérifiez que vous avez bien cliqué sur le lien dans l’e-mail",
+            "add_email_instructions": "Nous vous avons envoyé un e-mail pour vérifier votre adresse. Veuillez suivre les instructions qu’il contient puis cliquer sur le bouton ci-dessous.",
+            "add_msisdn_confirm_body": "Cliquez sur le bouton ci-dessous pour confirmer l’ajout de ce numéro de téléphone.",
+            "add_msisdn_confirm_button": "Confirmer l’ajout du numéro de téléphone",
+            "add_msisdn_confirm_sso_button": "Confirmez l’ajout de ce numéro de téléphone en utilisant l’authentification unique pour prouver votre identité.",
+            "add_msisdn_dialog_title": "Ajouter un numéro de téléphone",
+            "add_msisdn_instructions": "Un SMS a été envoyé à +%(msisdn)s. Saisissez le code de vérification qu’il contient.",
+            "add_msisdn_misconfigured": "L’ajout / liaison avec le flux MSISDN est mal configuré",
+            "allow_spellcheck": "Autoriser la vérification orthographique",
+            "application_language": "Langue de l'application",
+            "application_language_reload_hint": "L’application se rechargera après avoir sélectionné une autre langue",
+            "avatar_open_menu": "Ouvrir le menu de l'avatar",
+            "avatar_remove_progress": "Suppression de l'image...",
+            "avatar_save_progress": "Chargement de l'image...",
+            "avatar_upload_error_text": "Le format de fichier n'est pas pris en charge ou l'image est plus grande que%(size)s.",
+            "avatar_upload_error_text_generic": "Le format de fichier n'est peut-être pas pris en charge.",
+            "avatar_upload_error_title": "L'image de l'avatar n'a pas pu être téléchargée",
+            "confirm_adding_email_body": "Cliquez sur le bouton ci-dessous pour confirmer l’ajout de l’adresse e-mail.",
+            "confirm_adding_email_title": "Confirmer l’ajout de l’adresse e-mail",
+            "deactivate_confirm_body": "Voulez-vous vraiment désactiver votre compte ? Ceci est irréversible.",
+            "deactivate_confirm_body_sso": "Confirmez la désactivation de votre compte en utilisant l’authentification unique pour prouver votre identité.",
+            "deactivate_confirm_content": "Confirmez la désactivation de votre compte. Si vous continuez :",
+            "deactivate_confirm_content_1": "Vous ne pourrez plus réactiver votre compte",
+            "deactivate_confirm_content_2": "Vous ne pourrez plus vous connecter",
+            "deactivate_confirm_content_3": "Personne ne pourra réutiliser votre nom d’utilisateur (MXID), y compris vous-même : ce nom d’utilisateur restera indisponible",
+            "deactivate_confirm_content_4": "Vous quitterez tous les salons et les conversations auxquels vous participez",
+            "deactivate_confirm_content_5": "Vous serez retiré(e) du serveur d’identité : vos ami(e)s ne pourront plus vous trouver à l’aide de votre courriel ou de votre numéro de téléphone",
+            "deactivate_confirm_content_6": "Vos anciens messages seront toujours visibles des personnes qui les ont reçus, comme les courriels que vous leurs avez déjà envoyés. Voulez-vous cacher vos messages envoyés des personnes qui rejoindront les salons ultérieurement ?",
+            "deactivate_confirm_continue": "Confirmez la désactivation de votre compte",
+            "deactivate_confirm_erase_label": "Cacher mes messages pour les nouveaux venus",
+            "deactivate_section": "Fermer le compte",
+            "deactivate_warning": "La désactivation du compte est une action permanente. Soyez prudent !",
+            "discovery_email_empty": "Les options de découverte apparaîtront quand vous aurez ajouté une adresse e-mail.",
+            "discovery_email_verification_instructions": "Vérifiez le lien dans votre boîte de réception",
+            "discovery_msisdn_empty": "Les options de découverte apparaîtront quand vous aurez ajouté un numéro de téléphone ci-dessus.",
+            "discovery_needs_terms": "Acceptez les conditions de service du serveur d’identité (%(serverName)s) pour vous permettre d’être découvrable par votre adresse e-mail ou votre numéro de téléphone.",
+            "discovery_needs_terms_title": "Laissez les gens vous trouver",
+            "display_name": "Nom d'affichage",
+            "display_name_error": "Impossible de définir le nom d'affichage",
+            "email_adding_unsupported_by_hs": "Ce serveur d'accueil ne prend pas en charge l'ajout d'adresses e-mail à votre compte.",
+            "email_address_in_use": "Cette adresse e-mail est déjà utilisée",
+            "email_address_label": "Adresse e-mail",
+            "email_not_verified": "Votre adresse e-mail n’a pas encore été vérifiée",
+            "email_verification_instructions": "Cliquez sur le lien dans l’e-mail que vous avez reçu pour la vérifier et cliquez encore sur continuer.",
+            "emails_heading": "Adresses e-mail",
+            "error_add_email": "Impossible d'ajouter l’adresse e-mail",
+            "error_deactivate_communication": "Un problème est survenu en essayant de communiquer avec le serveur. Veuillez réessayer.",
+            "error_deactivate_invalid_auth": "Le serveur n’a pas renvoyé des informations d’authentification valides.",
+            "error_deactivate_no_auth": "Le serveur n’a pas demandé d’authentification",
+            "error_email_verification": "Impossible de vérifier l’adresse e-mail.",
+            "error_invalid_email": "Adresse e-mail non valide",
+            "error_invalid_email_detail": "Cette adresse e-mail ne semble pas valide",
+            "error_msisdn_verification": "Impossible de vérifier le numéro de téléphone.",
+            "error_password_change_403": "Échec du changement de mot de passe. Votre mot de passe est-il correct ?",
+            "error_password_change_http": "%(errorMessage)s (statut HTTP %(httpStatus)s)",
+            "error_password_change_title": "Erreur lors du changement de mot de passe",
+            "error_password_change_unknown": "Erreur inconnue du changement de mot de passe (%(stringifiedError)s)",
+            "error_remove_3pid": "Impossible de supprimer les informations du contact",
+            "error_revoke_email_discovery": "Impossible de révoquer le partage pour l’adresse e-mail",
+            "error_revoke_msisdn_discovery": "Impossible de révoquer le partage pour le numéro de téléphone",
+            "error_share_email_discovery": "Impossible de partager l’adresse e-mail",
+            "error_share_msisdn_discovery": "Impossible de partager le numéro de téléphone",
+            "identity_server_no_token": "Aucun jeton d’accès d’identité trouvé",
+            "identity_server_not_set": "Serveur d'identité non défini",
+            "invalid_phone_number": "Le numéro de téléphone fourni est invalide.",
+            "language_section": "Langue",
+            "msisdn_adding_unsupported_by_hs": "Ce serveur d'accueil ne prend pas en charge l'ajout de numéros de téléphone à votre compte.",
+            "msisdn_in_use": "Ce numéro de téléphone est déjà utilisé",
+            "msisdn_label": "Numéro de téléphone",
+            "msisdn_verification_field_label": "Code de vérification",
+            "msisdn_verification_instructions": "Veuillez saisir le code de vérification envoyé par SMS.",
+            "msisdns_heading": "Numéros de téléphone",
+            "oidc_manage_button": "Gérer le compte",
+            "password_change_section": "Définir un nouveau mot de passe de compte…",
+            "password_change_success": "Votre mot de passe a été mis à jour.",
+            "personal_info": "Informations personnelles",
+            "profile_subtitle": "Voici comment vous apparaissez aux autres utilisateurs de l'application.",
+            "profile_subtitle_oidc": "Votre compte est géré séparément par un fournisseur d'identité et certaines de vos informations personnelles ne peuvent donc pas être modifiées ici.",
+            "remove_email_prompt": "Supprimer %(email)s ?",
+            "remove_msisdn_prompt": "Supprimer %(phone)s ?",
+            "spell_check_locale_placeholder": "Choisir une langue",
+            "unable_to_load_emails": "Impossible de charger les adresses e-mail",
+            "unable_to_load_msisdns": "Impossible de charger les numéros de téléphone",
+            "username": "Nom d’utilisateur"
+        },
+        "inline_url_previews_default": "Activer les aperçus",
+        "inline_url_previews_encrypted": "Activer les aperçus dans les sallons chiffrés",
+        "insert_trailing_colon_mentions": "Insérer deux-points après les mentions de l'utilisateur au début d'un message",
+        "invite_controls": {
+            "default_label": "Autoriser les utilisateurs à vous inviter dans les salons"
+        },
+        "jump_to_bottom_on_send": "Sauter en bas du fil de discussion lorsque vous envoyez un message",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Vos clés sont maintenant sauvegardées depuis cet appareil.",
+                "backup_setup_success_title": "Sauvegarde sécurisée réalisée avec succès",
+                "cancel_warning": "Si vous annulez maintenant, vous pourriez perdre vos messages et données chiffrés si vous perdez l’accès à vos identifiants.",
+                "confirm_security_phrase": "Confirmez votre phrase de sécurité",
+                "description": "Protection afin d’éviter de perdre l’accès aux messages et données chiffrés en sauvegardant les clés de chiffrement sur votre serveur.",
+                "download_or_copy": "%(downloadButton)s ou %(copyButton)s",
+                "enter_phrase_description": "Saisissez une phrase de sécurité connue de vous seul·e car elle est utilisée pour protéger vos données. Pour plus de sécurité, vous ne devriez pas réutiliser le mot de passe de votre compte.",
+                "enter_phrase_title": "Saisir une phrase de sécurité",
+                "enter_phrase_to_confirm": "Saisissez à nouveau votre phrase de sécurité pour la confirmer.",
+                "generate_security_key_description": "Nous allons générer une clé de récupération que vous devrez conserver dans un endroit sûr, comme un gestionnaire de mots de passe ou un coffre.",
+                "generate_security_key_title": "Générer une clé de récupération",
+                "pass_phrase_match_failed": "Ça ne correspond pas.",
+                "pass_phrase_match_success": "Ça correspond !",
+                "phrase_strong_enough": "Super ! Cette phrase de sécurité a l’air assez robuste.",
+                "secret_storage_query_failure": "Impossible de demander le statut du coffre secret",
+                "security_key_safety_reminder": "Conservez votre clé de récupération dans un endroit sûr, comme un gestionnaire de mots de passe ou un coffre. Elle est utilisée pour protéger vos données chiffrées.",
+                "set_phrase_again": "Retournez en arrière pour la redéfinir.",
+                "settings_reminder": "Vous pouvez aussi configurer la sauvegarde sécurisée et gérer vos clés depuis les paramètres.",
+                "title_confirm_phrase": "Confirmer la phrase de sécurité",
+                "title_save_key": "Enregistrer votre clé de récupération",
+                "title_set_phrase": "Définir une phrase de sécurité",
+                "unable_to_setup": "Impossible de configurer le coffre secret",
+                "use_different_passphrase": "Utiliser une phrase secrète différente ?",
+                "use_phrase_only_you_know": "Utilisez une phrase secrète uniquement connue de vous et enregistrez éventuellement une clé de récupération à utiliser pour vos sauvegardes."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Confirmer le mot de passe",
+            "enter_passphrase": "Saisir le mot de passe",
+            "export_description_1": "Ce processus vous permet d’exporter dans un fichier local les clés pour les messages que vous avez reçus dans des salons chiffrés. Il sera ensuite possible d’importer ce fichier dans un autre client Matrix, afin de permettre à ce client de pouvoir déchiffrer ces messages.",
+            "export_description_2": "Le fichier exporté permettra à tous ceux qui peuvent le lire de déchiffrer tous les messages chiffrés auxquels vous avez accès, vous devez donc être vigilant et le stocker dans un endroit sûr. Afin de protéger ce fichier, saisissez ci-dessous une phrase secrète unique qui sera utilisée uniquement pour chiffrer les données exportées. Seule l’utilisation de la même phrase secrète permettra de déchiffrer et importer les données.",
+            "export_title": "Exporter les clés de salon",
+            "file_to_import": "Fichier à importer",
+            "import_description_1": "Ce processus vous permet d’importer les clés de chiffrement que vous avez précédemment exportées depuis un autre client Matrix. Vous serez alors capable de déchiffrer n’importe quel message que l’autre client pouvait déchiffrer.",
+            "import_description_2": "Le fichier exporté sera protégé par un mot de passe. Vous devez saisir ce mot de passe ici, pour déchiffrer le fichier.",
+            "import_title": "Importer les clés de salon",
+            "phrase_cannot_be_empty": "Le mot de passe ne peut pas être vide",
+            "phrase_must_match": "Les phrases secrètes doivent être identiques",
+            "phrase_strong_enough": "Super ! Cette phrase secrète a l’air assez robuste"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Paramètres : </strong> Clavier",
+            "title": "Clavier"
+        },
+        "labs": {
+            "dialog_title": "<strong>Paramètres : </strong> Expérimental"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Paramètres : </strong> Utilisateurs ignorés"
+        },
+        "media_preview": {
+            "hide_avatars": "Masquer les avatars des salons et des invitations",
+            "hide_media": "Toujours masquer",
+            "media_preview_description": "Un média masqué peut toujours être affiché en cliquant dessus",
+            "media_preview_label": "Afficher les médias dans les discussions",
+            "show_in_private": "Dans les salons privés",
+            "show_media": "Toujours afficher"
+        },
+        "not_supported": "Votre serveur ne propose pas cette fonctionnalité",
+        "notifications": {
+            "default_setting_description": "Ce réglage sera appliqué par défaut à tous vos salons.",
+            "default_setting_section": "Je veux être notifié pour (réglage par défaut)",
+            "desktop_notification_message_preview": "Afficher l’aperçu du message dans la notification de bureau",
+            "dialog_title": "<strong>Paramètres : </strong> Notifications",
+            "email_description": "Recevoir un résumé par courriel des notifications manquées",
+            "email_section": "Résumé en courriel",
+            "email_select": "Sélectionner les adresses auxquelles envoyer les résumés. Gérer vos courriels dans <button>Général</button>.",
+            "enable_audible_notifications_session": "Activer les notifications sonores pour cette session",
+            "enable_desktop_notifications_session": "Activer les notifications de bureau pour cette session",
+            "enable_email_notifications": "Activer les notifications par e-mail pour %(email)s",
+            "enable_notifications_account": "Activer les notifications pour ce compte",
+            "enable_notifications_account_detail": "Désactiver pour ne plus afficher les notifications sur tous vos appareils et sessions",
+            "enable_notifications_device": "Activer les notifications sur cet appareil",
+            "error_loading": "Une erreur est survenue lors du chargement de vos paramètres de notification.",
+            "error_permissions_denied": "%(brand)s n’a pas l’autorisation de vous envoyer des notifications - merci de vérifier les paramètres de votre navigateur",
+            "error_permissions_missing": "%(brand)s n’a pas reçu l’autorisation de vous envoyer des notifications - veuillez réessayer",
+            "error_saving": "Erreur lors de la sauvegarde des préférences de notification",
+            "error_saving_detail": "Une erreur est survenue lors de la sauvegarde de vos préférences de notification.",
+            "error_title": "Impossible d’activer les notifications",
+            "error_updating": "Nous avons rencontré une erreur lors de la mise-à-jour de vos préférences de notification. Veuillez essayer de réactiver l’option.",
+            "invites": "Invitation dans un salon",
+            "keywords": "Affiche un badge <badge/> quand des mots-clés sont utilisés dans un salon.",
+            "keywords_prompt": "Saisir des mots-clés ici, ou pour des orthographes alternatives ou des surnoms",
+            "labs_notice_prompt": "<strong>Mise-à-jour : </strong>Nous avons simplifié les paramètres de notifications pour rendre les options plus facile à trouver. Certains paramètres que vous aviez choisi par le passé ne sont pas visibles ici, mais ils sont toujours actifs. Si vous continuez, certains de vos paramètres peuvent changer. <a>En savoir plus</a>",
+            "mentions_keywords": "Mentions et mots-clés",
+            "mentions_keywords_only": "Seulement les mentions et les mots-clés",
+            "messages_containing_keywords": "Message contenant les mots-clés",
+            "noisy": "Sonore",
+            "notices": "Messages envoyés par des robots",
+            "notify_at_room": "Notifie lorsque quelqu’un utilise la mention @room",
+            "notify_keyword": "Notifie lorsque quelqu'un utilise un mot-clé",
+            "notify_mention": "Notifie lorsque quelqu’un utilise la mention @displayname ou %(mxid)s",
+            "other_section": "Autres choses qui, selon nous, pourraient vous intéresser :",
+            "people_mentions_keywords": "Personnes, mentions et mots-clés",
+            "play_sound_for_description": "Appliqué par défaut à tous les salons sur tous les appareils.",
+            "play_sound_for_section": "Jouer un son pour",
+            "push_targets": "Appareils recevant les notifications",
+            "quick_actions_mark_all_read": "Marquer tous les messages comme lus",
+            "quick_actions_reset": "Réinitialiser aux paramètres par défaut",
+            "quick_actions_section": "Actions rapides",
+            "room_activity": "Nouvelle activité du salon, mises-à-jour et messages de statut",
+            "rule_call": "Appel entrant",
+            "rule_contains_display_name": "Messages contenant mon nom d’affichage",
+            "rule_contains_user_name": "@mentions et réponses",
+            "rule_encrypted": "Messages chiffrés dans les discussions de groupe",
+            "rule_encrypted_room_one_to_one": "Messages chiffrés dans les conversations privées",
+            "rule_invite_for_me": "Quand je suis invité dans un salon",
+            "rule_message": "Messages dans les discussions de groupe",
+            "rule_room_one_to_one": "Messages dans les conversations privées",
+            "rule_roomnotif": "Messages contenants @room",
+            "rule_suppress_notices": "Messages envoyés par des robots",
+            "rule_tombstone": "Quand les salons sont mis à niveau",
+            "show_message_desktop_notification": "Afficher le message dans les notifications de bureau",
+            "voip": "Appels audio et vidéo"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Empêcher le contenu de la fenêtre d'être capturé par d'autres applications",
+            "Electron.enableHardwareAcceleration": "Activer l’accélération matérielle (redémarrez %(appName)s pour l'activer)",
+            "always_show_menu_bar": "Toujours afficher la barre de menu de la fenêtre",
+            "autocomplete_delay": "Délai pour l’autocomplétion (ms)",
+            "code_blocks_heading": "Blocs de code",
+            "compact_modern": "Utiliser une mise en page « moderne » plus compacte",
+            "composer_heading": "Compositeur",
+            "default_timezone": "Navigateur par défaut (%(timezone)s)",
+            "dialog_title": "<strong>Paramètres : </strong> Préférences",
+            "enable_content_protection": "Activer la protection du contenu",
+            "enable_hardware_acceleration": "Activer l’accélération matérielle",
+            "enable_tray_icon": "Afficher l’icône dans la barre d’état et minimiser la fenêtre lors de la fermeture",
+            "keyboard_heading": "Raccourcis clavier",
+            "keyboard_view_shortcuts_button": "Pour voir tous les raccourcis claviers, <a>cliquez ici</a>.",
+            "link_previews_description": "Affiche des informations sur les liens sous les messages",
+            "link_previews_heading": "Aperçus des liens",
+            "media_heading": "Images, GIF et vidéos",
+            "presence_description": "Partager votre activité et votre statut avec les autres.",
+            "publish_timezone": "Publier le fuseau horaire sur le profil public",
+            "rm_lifetime": "Durée de vie du repère de lecture (ms)",
+            "rm_lifetime_offscreen": "Durée de vie du repère de lecture en dehors de l’écran (ms)",
+            "room_directory_heading": "Répertoire des salons",
+            "room_list_heading": "Liste de salons",
+            "show_avatars_pills": "Afficher les avatars dans les mentions d'utilisateur, de salon et d’évènements",
+            "show_polls_button": "Afficher le bouton des sondages",
+            "startup_window_behaviour_label": "Comportement au démarrage et de la fenêtre",
+            "surround_text": "Entourer le texte sélectionné lors de la saisie de certains caractères",
+            "time_heading": "Affichage de l’heure",
+            "user_timezone": "Définir le fuseau horaire"
+        },
+        "prompt_invite": "Demander avant d’envoyer des invitations à des identifiants matrix potentiellement non valides",
+        "replace_plain_emoji": "Remplacer automatiquement le texte par des émojis",
+        "security": {
+            "analytics_description": "Partagez des données anonymes pour nous aider à identifier les problèmes. Rien de personnel. Aucune tierce partie.",
+            "bulk_options_accept_all_invites": "Accepter les %(invitedRooms)s invitations",
+            "bulk_options_reject_all_invites": "Rejeter la totalité des %(invitedRooms)s invitations",
+            "bulk_options_section": "Options de groupe",
+            "dehydrated_device_description": "La fonctionnalité d’appareil hors ligne vous permet de recevoir des messages chiffrés même lorsque vous n’êtes connecté à aucun appareil",
+            "dehydrated_device_enabled": "Appareil hors ligne activé",
+            "dialog_title": "<strong>Paramètres : </strong> Sécurité et confidentialité",
+            "e2ee_default_disabled_warning": "L’administrateur de votre serveur a désactivé le chiffrement de bout en bout par défaut dans les salons privés et les conversations privées.",
+            "enable_message_search": "Activer la recherche de messages dans les salons chiffrés",
+            "encryption_section": "Chiffrement",
+            "ignore_users_empty": "Vous n’avez ignoré personne.",
+            "ignore_users_section": "Utilisateurs ignorés",
+            "key_backup_algorithm": "Algorithme :",
+            "message_search_disable_warning": "Si l’option est désactivée, les messages des salons chiffrés n’apparaîtront pas dans les résultats de recherche.",
+            "message_search_disabled": "Mettre en cache les messages chiffrés localement et de manière sécurisée pour qu’ils apparaissent dans les résultats de recherche.",
+            "message_search_enabled": {
+                "one": "Mettre en cache localement et de manière sécurisée les messages chiffrés pour qu’ils apparaissent dans les résultats de recherche, en utilisant %(size)s pour stocker les messages de %(rooms)s salons.",
+                "other": "Mettre en cache localement et de manière sécurisée les messages chiffrés pour qu’ils apparaissent dans les résultats de recherche. Actuellement %(size)s sont utilisé pour stocker les messages de %(rooms)s salons."
+            },
+            "message_search_failed": "Échec de l’initialisation de la recherche de message",
+            "message_search_indexed_messages": "Messages indexés :",
+            "message_search_indexed_rooms": "Salons indexés :",
+            "message_search_indexing": "En train d’indexer : %(currentRoom)s",
+            "message_search_indexing_idle": "N’indexe aucun message en ce moment.",
+            "message_search_intro": "%(brand)s met en cache les messages chiffrés localement et de manière sécurisée pour qu’ils apparaissent dans les résultats de recherche :",
+            "message_search_pending_rooms": "Salons en attente d'indexation : %(pendingRooms)s",
+            "message_search_room_progress": "%(doneRooms)s sur %(totalRooms)s",
+            "message_search_section": "Recherche de message",
+            "message_search_sleep_time": "À quelle fréquence les messages doivent être téléchargés.",
+            "message_search_space_used": "Espace utilisé :",
+            "message_search_unsupported": "Il manque quelques composants à %(brand)s pour mettre en cache les messages chiffrés localement de manière sécurisée. Si vous voulez essayer cette fonctionnalité, construisez %(brand)s Desktop vous-même en <nativeLink>ajoutant les composants de recherche</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s ne peut actuellement mettre en cache vos messages chiffrés localement de manière sécurisée via le navigateur Web. Utilisez <desktopLink>%(brand)s Desktop</desktopLink> pour que les messages chiffrés apparaissent dans vos résultats de recherche.",
+            "record_session_details": "Enregistrez le nom, la version et l'URL du client afin de reconnaitre les sessions plus facilement dans le gestionnaire de sessions",
+            "send_analytics": "Envoyer les données de télémétrie",
+            "strict_encryption": "Envoyer des messages uniquement aux utilisateurs vérifiés"
+        },
+        "send_read_receipts": "Envoyer les accusés de réception",
+        "send_read_receipts_unsupported": "Votre serveur ne supporte pas la désactivation de l’envoi des accusés de réception.",
+        "send_typing_notifications": "Envoyer des notifications de saisie",
+        "sessions": {
+            "best_security_note": "Pour une sécurité optimale, vérifiez vos sessions et supprimez toutes sessions que vous ne reconnaissez pas ou que vous n’utilisez plus.",
+            "confirm_sign_out": {
+                "one": "Confirmer la suppression de cet appareil",
+                "other": "Confirmer la suppression de ces appareils"
+            },
+            "confirm_sign_out_body": {
+                "one": "Cliquez sur le bouton ci-dessous pour confirmer la suppression de cet appareil.",
+                "other": "Cliquez sur le bouton ci-dessous pour confirmer la suppression de ces périphériques."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Supprimer l'appareil",
+                "other": "Supprimer les appareils"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Confirmez la suppression de cet appareil en utilisant l'Authentification Unique pour prouver votre identitée.",
+                "other": "Confirmez la suppression de ces appareils en utilisant l'Authentification Unique pour prouver votre identitée."
+            },
+            "current_session": "Cette session",
+            "desktop_session": "Session de bureau",
+            "details_heading": "Détails de session",
+            "device_unverified_description": "Vérifiez ou supprimez cette session pour une meilleure sécurité et fiabilité.",
+            "device_unverified_description_current": "Vérifiez cette session pour renforcer la sécurité de votre messagerie.",
+            "device_verified_description": "Cette session est prête pour l’envoi de messages sécurisés.",
+            "device_verified_description_current": "Votre session actuelle est prête pour une messagerie sécurisée.",
+            "dialog_title": "<strong>Paramètres : </strong> Sessions",
+            "error_pusher_state": "Échec lors de la définition de l’état push",
+            "error_set_name": "Impossible d'enregistrer le nom de la session",
+            "filter_all": "Tout",
+            "filter_inactive": "Inactive",
+            "filter_inactive_description": "Inactive depuis au moins %(inactiveAgeDays)s jours",
+            "filter_label": "Filtrer les appareils",
+            "filter_unverified_description": "Messagerie non sécurisée",
+            "filter_verified_description": "Messagerie sécurisée",
+            "hide_details": "Masquer les détails",
+            "inactive_days": "Inactif depuis plus de %(inactiveAgeDays)s jours",
+            "inactive_sessions": "Sessions inactives",
+            "inactive_sessions_explainer_1": "Les sessions inactives sont des sessions que vous n’avez pas utilisées depuis un certain temps, mais elles reçoivent toujours les clés de chiffrement.",
+            "inactive_sessions_explainer_2": "Supprimer les sessions inactives améliore la sécurité et les performances, et vous permets plus facilement d’identifier une nouvelle session suspicieuse.",
+            "inactive_sessions_list_description": "Pensez à déconnecter les anciennes sessions (%(inactiveAgeDays)s jours ou plus) que vous n’utilisez plus.",
+            "ip": "Adresse IP",
+            "last_activity": "Dernière activité",
+            "manage": "Gérer cette session",
+            "mobile_session": "Session de téléphone portable",
+            "n_sessions_selected": {
+                "one": "%(count)s session sélectionnée",
+                "other": "%(count)s sessions sélectionnées"
+            },
+            "no_inactive_sessions": "Aucune session inactive n’a été trouvée.",
+            "no_sessions": "Aucune session n’a été trouvée.",
+            "no_unverified_sessions": "Aucune session non vérifiée n’a été trouvée.",
+            "no_verified_sessions": "Aucune session vérifiée n’a été trouvée.",
+            "other_sessions_heading": "Autres sessions",
+            "push_heading": "Notifications push",
+            "push_subheading": "Recevoir les notifications push sur cette session.",
+            "push_toggle": "Activer/désactiver les notifications push pour cette session.",
+            "rename_form_caption": "Soyez conscient que les noms de sessions sont également visibles pour les personnes avec lesquelles vous communiquez.",
+            "rename_form_heading": "Renommer la session",
+            "rename_form_learn_more": "Renommer les sessions",
+            "rename_form_learn_more_description_1": "Dans vos conversations privées et vos salons, les autres utilisateurs pourront voir la liste complète de vos sessions.",
+            "rename_form_learn_more_description_2": "Cela leur donne un gage de confiance qu’il parle vraiment avec vous, mais cela veut également dire qu’ils pourront voir le nom de la session que vous choisirez ici.",
+            "security_recommendations": "Recommandations de sécurité",
+            "security_recommendations_description": "Améliorez la sécurité de votre compte à l’aide de ces recommandations.",
+            "session_id": "Identifiant de session",
+            "show_details": "Afficher les détails",
+            "sign_in_with_qr": "Associer un nouvel appareil",
+            "sign_in_with_qr_button": "Afficher le QR code",
+            "sign_in_with_qr_description": "Utilisez un code QR pour vous connecter à un autre appareil et configurer votre messagerie sécurisée.",
+            "sign_in_with_qr_unsupported": "Non pris en charge par votre fournisseur de compte",
+            "sign_out": "Supprimer cette session",
+            "sign_out_all_other_sessions": "Supprimer toutes les autres sessions (%(otherSessionsCount)s )",
+            "sign_out_confirm_description": {
+                "one": "Voulez-vous vraiment supprimer %(count)s session ?",
+                "other": "Voulez-vous vraiment supprimer %(count)s sessions ?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Déconnecter %(count)s session",
+                "other": "Déconnecter %(count)s sessions"
+            },
+            "title": "Sessions",
+            "unknown_session": "Type de session inconnu",
+            "unverified_session": "Session non vérifiée",
+            "unverified_session_explainer_1": "Cette session ne prend pas en charge le chiffrement, elle ne peut donc pas être vérifiée.",
+            "unverified_session_explainer_2": "Vous ne pourrez pas participer aux salons qui ont activé le chiffrement en utilisant cette session.",
+            "unverified_session_explainer_3": "Pour de meilleures sécurité et confidentialité, il est recommandé d’utiliser des clients Matrix qui prennent en charge le chiffrement.",
+            "unverified_sessions": "Sessions non vérifiées",
+            "unverified_sessions_explainer_1": "Les sessions non vérifiées sont des sessions pour lesquelles vous vous êtes connecté avec vos identifiants, mais qui n'ont pas été confirmées avec votre identité numérique.",
+            "unverified_sessions_explainer_2": "Vous devriez vous tout particulièrement vous assurer que vous connaissez ces sessions, car elles peuvent représenter un usage frauduleux de votre compte.",
+            "unverified_sessions_list_description": "Vérifiez vos sessions pour améliorer la sécurité de votre messagerie, ou déconnectez celles que vous ne connaissez pas ou n’utilisez plus.",
+            "url": "URL",
+            "verified_session": "Session vérifiée",
+            "verified_sessions": "Sessions vérifiées",
+            "verified_sessions_explainer_1": "Les sessions vérifiées ont confirmé votre identité numérique.",
+            "verified_sessions_explainer_2": "Cela veut dire qu’elles disposent de toutes les clés nécessaires pour lire les messages chiffrés, et confirment aux autres utilisateur que vous faites confiance à cette session.",
+            "verified_sessions_list_description": "Pour une meilleure sécurité, supprimez toutes les sessions que vous ne connaissez pas ou que vous n’utilisez plus.",
+            "verify_session": "Vérifier la session",
+            "web_session": "session internet"
+        },
+        "show_avatar_changes": "Afficher les changements d’image de profil",
+        "show_breadcrumbs": "Afficher les raccourcis vers les salons vus récemment au-dessus de la liste des salons",
+        "show_chat_effects": "Afficher les animations de conversation (animations lors de la réception par ex. de confettis)",
+        "show_displayname_changes": "Afficher les changements de nom d’affichage",
+        "show_join_leave": "Afficher les messages d'arrivée et de départ (les invitations/expulsions/bannissements ne sont pas concernés)",
+        "show_message_previews": "Afficher les aperçus des messages",
+        "show_nsfw_content": "Afficher le contenu sensible (NSFW)",
+        "show_read_receipts": "Afficher les accusés de lecture envoyés par les autres utilisateurs",
+        "show_redaction_placeholder": "Afficher les messages supprimés",
+        "show_sections": "Afficher les sections",
+        "show_stickers_button": "Afficher le bouton des autocollants",
+        "show_typing_notifications": "Afficher les notifications de saisie",
+        "showbold": "Afficher toute l'activité dans la liste des salons (points ou nombre de messages non lus)",
+        "sidebar": {
+            "dialog_title": "<strong>Paramètres : </strong> Barre latérale",
+            "metaspaces_home_all_rooms": "Afficher tous les salons",
+            "metaspaces_home_all_rooms_description": "Affiche tous vos salons dans l’accueil, même s’ils font partis d’un espace.",
+            "metaspaces_home_description": "L’accueil permet d’avoir un aperçu global.",
+            "metaspaces_orphans": "Salons en dehors d’un espace",
+            "metaspaces_orphans_description": "Regroupe tous les salons n’appartenant pas à un espace au même endroit.",
+            "metaspaces_subsection": "Espaces à afficher",
+            "metaspaces_video_rooms": "Salons vidéo et conférences",
+            "metaspaces_video_rooms_description": "Regroupez tous les salons vidéo et conférences.",
+            "metaspaces_video_rooms_description_invite_extension": "Lors des conférences, vous pouvez inviter des personnes extérieures à Matrix.",
+            "spaces_explainer": "Les espaces sont un nouveau moyen de regrouper les salons et les gens. En plus des espaces auxquels vous participez, vous pouvez également utiliser ceux qui sont prédéfinis.",
+            "title": "Barre latérale"
+        },
+        "start_automatically": {
+            "disabled": "Non",
+            "enabled": "Oui",
+            "label": "Ouvrir %(brand)s au démarrage de votre ordinateur",
+            "minimised": "Minimisé"
+        },
+        "tac_only_notifications": "Afficher uniquement les notifications dans le centre d'activité des fils de discussions",
+        "use_12_hour_format": "Afficher l’heure au format am/pm (par ex. 2:30pm)",
+        "use_command_enter_send_message": "Utilisez Ctrl + Entrée pour envoyer un message",
+        "use_command_f_search": "Utilisez Commande + F pour rechercher dans le fil de discussion",
+        "use_control_enter_send_message": "Utilisez Ctrl + Entrée pour envoyer un message",
+        "use_control_f_search": "Utilisez Ctrl + F pour rechercher dans le fil de discussion",
+        "voip": {
+            "allow_p2p": "Autoriser le pair-à-pair pour les appels en face à face",
+            "allow_p2p_description": "Si activé, l’interlocuteur peut être capable de voir votre adresse IP",
+            "audio_input_empty": "Aucun micro détecté",
+            "audio_output": "Sortie audio",
+            "audio_output_empty": "Aucune sortie audio détectée",
+            "auto_gain_control": "Contrôle automatique du gain",
+            "dialog_title": "<strong>Paramètres : </strong> Audio et vidéo",
+            "echo_cancellation": "Annulation d’écho",
+            "echo_cancellation_description": "Supprime l'écho de votre microphone pendant les appels. Ce paramètre s'applique également à Element Call.",
+            "enable_fallback_ice_server": "Autoriser le serveur de secours d’assistance d’appel (%(server)s)",
+            "enable_fallback_ice_server_description": "Concerne seulement les serveurs d’accueil qui n’en proposent pas. Votre adresse IP pourrait être diffusée pendant un appel.",
+            "enable_legacy_calls": "Activer les appels voix/vidéo ancienne génération",
+            "enable_legacy_calls_description": "S'applique aux appels Jitsi et WebRTC 1:1",
+            "mirror_local_feed": "Inverser horizontalement la vidéo locale (effet miroir)",
+            "missing_permissions_prompt": "Pour participer aux appels, autorisez %(brand)s à accéder à votre périphérique audio et vidéo.",
+            "noise_suppression": "Suppression du bruit",
+            "noise_suppression_description": "Réduit le bruit de fond dans votre microphone pendant les appels. Ce paramètre s'applique également à Element Call.",
+            "permissions": "Autoriser l'accès au microphone et à la caméra",
+            "request_permissions": "Demande",
+            "title": "Audio et vidéo",
+            "video_input_empty": "Aucune caméra détectée",
+            "video_section": "Paramètres vidéo",
+            "voice_agc": "Ajuster le volume du microphone automatiquement",
+            "voice_input_description": "L'entrée audio configurée ici sert pour les messages vocaux et les appels (ancienne génération et 1:1).",
+            "voice_input_section": "Entrée audio",
+            "voice_processing": "Traitement vocal",
+            "voice_section": "Paramètres audio"
+        },
+        "warn_quit": "Avertir avant de quitter",
+        "warning": "<w>ATTENTION :</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Lien copié",
+        "permalink_message": "Lien vers le message sélectionné",
+        "permalink_most_recent": "Lien vers le message le plus récent",
+        "share_call": "Lien d'invitation à la conférence",
+        "share_call_subtitle": "Lien permettant aux utilisateurs externes de rejoindre l'appel sans compte Matrix :",
+        "title_link": "Lien de partage",
+        "title_message": "Partager le message du salon",
+        "title_room": "Partager le salon",
+        "title_user": "Partager l’utilisateur"
+    },
+    "slash_command": {
+        "addwidget": "Ajoute un widget personnalisé par URL au salon",
+        "addwidget_iframe_missing_src": "L’iframe n’a pas d’attribut src",
+        "addwidget_invalid_protocol": "Veuillez fournir une URL du widget en https:// ou http://",
+        "addwidget_missing_url": "Veuillez fournir l’URL ou le code d’intégration du widget",
+        "addwidget_no_permissions": "Vous ne pouvez pas modifier les widgets de ce salon.",
+        "ban": "Bannit l’utilisateur à partir de son identifiant",
+        "category_actions": "Actions",
+        "category_admin": "Administrateur",
+        "category_advanced": "Avancé",
+        "category_effects": "Effets",
+        "category_messages": "Messages",
+        "category_other": "Autre",
+        "command_error": "Erreur de commande",
+        "converttodm": "Transforme le salon en conversation privée",
+        "converttoroom": "Transforme la conversation privée en salon",
+        "could_not_find_room": "Impossible de trouver le salon",
+        "deop": "Retire le rang d’opérateur d’un utilisateur à partir de son identifiant",
+        "devtools": "Ouvre la fenêtre des outils de développeur",
+        "discardsession": "Force la session de groupe sortante actuelle dans un salon chiffré à être rejetée",
+        "error_invalid_rendering_type": "Erreur de commande : Impossible de trouver le type de rendu (%(renderingType)s)",
+        "error_invalid_room": "Échec de la commande : Impossible de trouver le salon (%(roomId)s)",
+        "error_invalid_runfn": "Erreur de commande : Impossible de gérer la commande de barre oblique.",
+        "error_invalid_user_in_room": "Impossible de trouver l’utilisateur dans le salon",
+        "help": "Affiche la liste des commandes avec leurs utilisations et descriptions",
+        "help_dialog_title": "Aide aux commandes",
+        "holdcall": "Met l’appel dans ce salon en attente",
+        "html": "Envoie un message en HTML, sans l’interpréter comme du Markdown",
+        "ignore": "Ignore un utilisateur, en masquant ses messages",
+        "ignore_dialog_description": "Vous ignorez désormais %(userId)s",
+        "ignore_dialog_title": "Utilisateur ignoré",
+        "invite": "Invite un utilisateur dans le salon actuel à partir de son identifiant",
+        "invite_3pid_needs_is_error": "Utilisez un serveur d’identité pour inviter par e-mail. Gérez-le dans les paramètres.",
+        "invite_3pid_use_default_is_title": "Utiliser un serveur d’identité",
+        "invite_3pid_use_default_is_title_description": "Utilisez un serveur d’identité pour inviter par e-mail. Cliquez sur continuer pour utiliser le serveur d’identité par défaut (%(defaultIdentityServerName)s) ou gérez-le dans les paramètres.",
+        "invite_failed": "L’utilisateur (%(user)s) n’a finalement pas été invité dans %(roomId)s mais aucune erreur n’a été fournie par la routine d’invitation",
+        "join": "Rejoint le salon à l’adresse donnée",
+        "jumptodate": "Aller à la date correspondante dans la discussion",
+        "jumptodate_invalid_input": "Nous n’avons pas pu comprendre la date saisie (%(inputDate)s). Veuillez essayer en utilisant le format AAAA-MM-JJ.",
+        "lenny": "Ajoute ( ͡° ͜ʖ ͡°) en préfixe du message",
+        "manual_device_verification_confirm_description": "Cela permettra à un autre appareil d'envoyer et de recevoir des messages comme vous. SI QUELQU'UN VOUS A DIT DE COLLER QUELQUE CHOSE ICI, IL EST PROBABLE QUE VOUS SOYEZ VICTIME D'UNE ARNAQUE ! Êtes-vous sûr de vouloir vérifier cet autre appareil ?",
+        "manual_device_verification_confirm_title": "Attention : vérification manuelle de l'appareil",
+        "me": "Affiche l’action",
+        "msg": "Envoie un message à l’utilisateur fourni",
+        "myavatar": "Modifier votre image de profil dans tous les salons",
+        "myroomavatar": "Modifie votre image de profil seulement dans le salon actuel",
+        "myroomnick": "Modifie votre nom d’affichage seulement dans le salon actuel",
+        "nick": "Modifie votre nom d’affichage",
+        "no_active_call": "Aucun appel en cours dans ce salon",
+        "op": "Définir le rang d’un utilisateur",
+        "part_unknown_alias": "Adresse de salon non reconnue : %(roomAlias)s",
+        "plain": "Envoie un message en texte brut, sans l’interpréter en format markdown",
+        "query": "Ouvre une discussion avec l’utilisateur fourni",
+        "query_not_found_phone_number": "Impossible de trouver un Matrix ID pour le numéro de téléphone",
+        "rageshake": "Envoyer un rapport d’anomalie avec les journaux",
+        "rainbow": "Envoie le message coloré aux couleurs de l’arc-en-ciel",
+        "rainbowme": "Envoie la réaction colorée aux couleurs de l’arc-en-ciel",
+        "remove": "Expulse l’utilisateur avec l’identifiant donné de ce salon",
+        "roomavatar": "Modifie l’avatar du salon actuel",
+        "roomname": "Définit le nom du salon",
+        "server_error": "Erreur du serveur",
+        "server_error_detail": "Le serveur semble être inaccessible, surchargé ou quelque chose s’est mal passé.",
+        "shrug": "Ajoute ¯\\_(ツ)_/¯ en préfixe du message",
+        "spoiler": "Envoie le message flouté",
+        "status": {
+            "description": "Définissez votre statut actuel",
+            "no_args": "Aucun argument fourni. Vous devez fournir un emoji et un composant texte facultatif.",
+            "no_emoji": "Vous n'avez pas fourni d'emoji",
+            "no_text": "Vous n'avez fourni aucun texte de statut",
+            "too_long_emoji": "Le premier paramètre doit être un emoji.",
+            "too_long_text": "Le texte que vous avez fourni était trop long."
+        },
+        "tableflip": "Ajoute (╯°□°）╯︵ ┻━┻ en préfixe du message",
+        "topic": "Récupère ou définit le sujet du salon",
+        "topic_none": "Ce salon n'a pas de sujet.",
+        "topic_room_error": "Impossible de récupérer le sujet du salon : Salon introuvable (%(roomId)s)",
+        "unban": "Révoque le bannissement de l’utilisateur ayant l’identifiant fourni",
+        "unflip": "Ajoute ┬──┬ ノ( ゜-゜ノ) en préfixe du message",
+        "unholdcall": "Reprend l’appel en attente dans ce salon",
+        "unignore": "Arrête d’ignorer un utilisateur, en affichant ses messages à partir de maintenant",
+        "unignore_dialog_description": "Vous n’ignorez plus %(userId)s",
+        "unignore_dialog_title": "L’utilisateur n’est plus ignoré",
+        "unknown_command": "Commande inconnue",
+        "unknown_command_button": "Envoyer comme message",
+        "unknown_command_detail": "Commande non reconnue : %(commandText)s",
+        "unknown_command_help": "Vous pouvez utiliser <code>/help</code> pour obtenir la liste des commandes disponibles. Vouliez-vous envoyer un message ?",
+        "unknown_command_hint": "Astuce : Votre message doit démarrer par <code>//</code> pour commencer par une barre oblique.",
+        "upgraderoom": "Met à niveau un salon vers une nouvelle version",
+        "upgraderoom_permission_error": "Vous n’avez pas les autorisations nécessaires pour utiliser cette commande.",
+        "usage": "Utilisation",
+        "verify": "Vérifiez manuellement l'un de vos appareils",
+        "view": "Affiche le salon avec cette adresse",
+        "whois": "Affiche des informations à propos de l’utilisateur"
+    },
+    "sliding_sync_legacy_no_longer_supported": "L'ancienne fonctionnalité Sliding Sync n'est plus prise en charge : veuillez vous déconnecter puis vous reconnecter pour activer la nouvelle version de la fonctionnalité Sliding Sync",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Voulez-vous plutôt ajouter un nouveau salon ?",
+            "create_prompt": "Créer un nouveau salon",
+            "dm_heading": "Conversations privées",
+            "error_heading": "Toute la sélection n’a pas été ajoutée",
+            "progress_text": {
+                "one": "Ajout du salon…",
+                "other": "Ajout des salons… (%(progress)s sur %(count)s)"
+            },
+            "space_dropdown_label": "Sélection d’un espace",
+            "space_dropdown_title": "Ajouter des salons existants",
+            "subspace_moved_note": "L’ajout d’espaces a été déplacé."
+        },
+        "add_existing_subspace": {
+            "create_button": "Créer un nouvel espace",
+            "create_prompt": "Vous voulez plutôt ajouter un nouvel espace ?",
+            "filter_placeholder": "Rechercher des espaces",
+            "space_dropdown_title": "Ajouter un espace existant"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Voir l’historique du salon (outils développeurs)",
+            "explore": "Parcourir les salons",
+            "home": "Accueil de l’espace",
+            "manage_and_explore": "Gérer et découvrir les salons",
+            "options": "Options de l’espace"
+        },
+        "failed_load_rooms": "Impossible de charger la liste des salons.",
+        "failed_remove_rooms": "Échec de la suppression de certains salons. Veuillez réessayez plus tard",
+        "incompatible_server_hierarchy": "Votre serveur ne prend pas en charge l’affichage des hiérarchies d’espaces.",
+        "invite": "Inviter des personnes",
+        "invite_description": "Inviter par e-mail ou nom d’utilisateur",
+        "invite_link": "Partager le lien d’invitation",
+        "joining_space": "En train de rejoindre",
+        "landing_welcome": "Bienvenue dans <name/>",
+        "leave_dialog_action": "Quitter l’espace",
+        "leave_dialog_description": "Vous êtes sur le point de quitter <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Vous êtes le seul administrateur de certains salons ou espaces que vous souhaitez quitter. En les quittant, vous les laisserez sans aucun administrateur.",
+        "leave_dialog_only_admin_warning": "Vous êtes le seul administrateur de cet espace. En le quittant, plus personne n’aura le contrôle dessus.",
+        "leave_dialog_option_all": "Quitter tous les salons",
+        "leave_dialog_option_intro": "Voulez-vous quitter les salons de cet espace ?",
+        "leave_dialog_option_none": "Ne quitter aucun salon",
+        "leave_dialog_option_specific": "Quitter certains salons",
+        "leave_dialog_public_rejoin_warning": "Il vous sera impossible de revenir à moins d’y être réinvité.",
+        "leave_dialog_title": "Quitter %(spaceName)s",
+        "mark_suggested": "Marquer comme recommandé",
+        "no_search_result_hint": "Essayez une requête différente, ou vérifiez que vous n’avez pas fait de faute de frappe.",
+        "preferences": {
+            "sections_section": "Sections à afficher",
+            "show_people_in_space": "Cela rassemble vos conversations privées avec les membres de cet espace. Le désactiver masquera ces conversations de votre vue de %(spaceName)s."
+        },
+        "room_filter_placeholder": "Rechercher des salons",
+        "search_children": "Rechercher %(spaceName)s",
+        "search_placeholder": "Rechercher par nom et description",
+        "select_room_below": "Sélectionnez un salon ci-dessous d’abord",
+        "share_public": "Partager votre espace public",
+        "suggested": "Recommandé",
+        "suggested_tooltip": "Ce salon recommandé peut être intéressant à rejoindre",
+        "title_when_query_available": "Résultats",
+        "title_when_query_unavailable": "Salons et espaces",
+        "unmark_suggested": "Marquer comme non recommandé",
+        "user_lacks_permission": "Vous n’avez pas l’autorisation"
+    },
+    "space_settings": {
+        "title": "Paramètres - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Saisissez le nom du nouveau serveur que vous voulez parcourir.",
+            "network_dropdown_add_dialog_placeholder": "Nom du serveur",
+            "network_dropdown_add_dialog_title": "Ajouter un nouveau serveur",
+            "network_dropdown_add_server_option": "Ajouter un nouveau serveur…",
+            "network_dropdown_available_invalid": "Impossible de trouver ce serveur ou sa liste de salons",
+            "network_dropdown_available_invalid_forbidden": "Vous n’avez pas l’autorisation d’accéder à la liste des salons de ce serveur",
+            "network_dropdown_available_valid": "Ça a l’air correct",
+            "network_dropdown_remove_server_adornment": "Supprimer le serveur « %(roomServer)s »",
+            "network_dropdown_required_invalid": "Saisissez le nom d’un serveur",
+            "network_dropdown_selected_label": "Afficher : Salons Matrix",
+            "network_dropdown_selected_label_instance": "Afficher : %(instance)s salons (%(server)s)",
+            "network_dropdown_your_server_description": "Votre serveur"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Si vous ne trouvez pas la personne que vous cherchez, envoyez-lui le lien d’invitation.",
+        "cant_find_room_helpful_hint": "Si vous ne trouvez pas le salon que vous cherchez, demandez une invitation ou créez un nouveau salon.",
+        "copy_link_text": "Copier le lien d’invitation",
+        "count_of_members": {
+            "one": "%(count)s membre",
+            "other": "%(count)s membres"
+        },
+        "create_new_room_button": "Créer un nouveau salon",
+        "failed_querying_public_rooms": "Impossible d’interroger les salons publics",
+        "failed_querying_public_spaces": "Impossible d’interroger les espaces publics",
+        "group_chat_section_title": "Autres options",
+        "heading_with_query": "Utilisez « %(query)s » pour rechercher",
+        "heading_without_query": "Recherche de",
+        "join_button_text": "Rejoindre %(roomAddress)s",
+        "keyboard_scroll_hint": "Utilisez <arrows/> pour faire défiler",
+        "messages_label": "Messages",
+        "other_rooms_in_space": "Autres salons dans %(spaceName)s",
+        "public_rooms_label": "Salons publics",
+        "public_spaces_label": "Espaces publics",
+        "recent_searches_section_title": "Recherches récentes",
+        "recently_viewed_section_title": "Affiché récemment",
+        "remove_filter": "Supprimer le filtre de recherche pour %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Certains résultats pourraient être masqués pour des raisons de confidentialité",
+        "result_may_be_hidden_warning": "Certains résultats peuvent être cachés",
+        "search_dialog": "Fenêtre de recherche",
+        "spaces_title": "Espaces où vous êtes",
+        "start_group_chat_button": "Démarrer une conversation de groupe"
+    },
+    "stickers": {
+        "empty": "Vous n'avez activé aucun jeu d’autocollants pour l’instant",
+        "empty_add_prompt": "En ajouter maintenant"
+    },
+    "terms": {
+        "column_document": "Document",
+        "column_service": "Service",
+        "column_summary": "Résumé",
+        "identity_server_no_terms_description_1": "Cette action nécessite l’accès au serveur d’identité par défaut <server /> afin de valider une adresse e-mail ou un numéro de téléphone, mais le serveur n’a aucune condition de service.",
+        "identity_server_no_terms_description_2": "Continuez seulement si vous faites confiance au propriétaire du serveur.",
+        "identity_server_no_terms_title": "Le serveur d’identité n’a pas de conditions de service",
+        "inline_intro_text": "Acceptez <policyLink /> pour continuer :",
+        "integration_manager": "Utiliser des robots, des passerelles, des widgets ou des jeux d’autocollants",
+        "intro": "Pour continuer vous devez accepter les conditions de ce service.",
+        "summary_identity_server_1": "Trouver d’autres personnes par téléphone ou e-mail",
+        "summary_identity_server_2": "Être trouvé par téléphone ou e-mail",
+        "tac_button": "Voir les conditions générales",
+        "tac_description": "Pour continuer à utiliser le serveur d’accueil %(homeserverDomain)s, vous devez lire et accepter nos conditions générales.",
+        "tac_title": "Conditions générales",
+        "tos": "Conditions de service"
+    },
+    "theme": {
+        "light_high_contrast": "Contraste élevé clair",
+        "match_system": "S’adapter au système"
+    },
+    "thread_view_back_action_label": "Retour au fil de discussion",
+    "threads": {
+        "all_threads": "Tous les fils de discussion",
+        "all_threads_description": "Affiche tous les fils de discussion du salon actuel",
+        "count_of_reply": {
+            "one": "%(count)s réponse",
+            "other": "%(count)s réponses"
+        },
+        "empty_description": "Utiliser \"%(replyInThread)s\" lorsque vous survolez un message.",
+        "empty_title": "Les fils de discussion aident à garder vos conversations sur le sujet et à les suivre facilement.",
+        "mark_all_read": "Tout marquer comme lu",
+        "my_threads": "Mes fils de discussion",
+        "my_threads_description": "Affiche tous les fils de discussion auxquels vous avez participé",
+        "open_thread": "Ouvrir le fil de discussion",
+        "show_thread_filter": "Affiche :"
+    },
+    "threads_activity_centre": {
+        "header": "Activité des fils de discussions",
+        "no_rooms_with_threads_notifs": "Vous n’avez pas encore de salons avec des notifications de fil de discussion.",
+        "no_rooms_with_unread_threads": "Vous n'avez pas encore de salons contenant des fils de discussion non lus."
+    },
+    "time": {
+        "date_at_time": "%(date)s à %(time)s",
+        "hours_minutes_seconds_left": "%(hours)sh %(minutes)sm %(seconds)ss restantes",
+        "left": "%(timeRemaining)s restant",
+        "minutes_seconds_left": "%(minutes)sm %(seconds)ss restantes",
+        "seconds_left": "%(seconds)s secondes restantes",
+        "short_days": "%(value)sj",
+        "short_days_hours_minutes_seconds": "%(days)sj %(hours)sh %(minutes)sm %(seconds)ss",
+        "short_hours": "%(value)sh",
+        "short_hours_minutes_seconds": "%(hours)sh %(minutes)sm %(seconds)ss",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)ss",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Masquer le fil de discussion",
+            "external_url": "URL de la source",
+            "open_in_osm": "Ouvrir dans OpenStreetMap",
+            "report": "Signaler",
+            "resent_unsent_reactions": "Renvoyer %(unsentCount)s réaction(s)",
+            "show_url_preview": "Afficher l’aperçu",
+            "view_related_event": "Voir l’événement associé",
+            "view_source": "Afficher la source"
+        },
+        "creation_summary_dm": "%(creator)s a créé cette conversation privée.",
+        "creation_summary_room": "%(creator)s a créé et configuré le salon.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "L'identité numérique vérifiée de l'expéditeur a été réinitialisée.",
+            "unable_to_decrypt": "Impossible de déchiffrer le message"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Téléchargement en cours",
+        "download_failed": "Échec du téléchargement",
+        "download_failed_description": "Une erreur s'est produite lors du téléchargement de ce fichier",
+        "edits": {
+            "tooltip_label": "Modifié le %(date)s. Cliquer pour voir les modifications.",
+            "tooltip_sub": "Cliquez pour voir les modifications",
+            "tooltip_title": "Modifié le %(date)s"
+        },
+        "error_no_renderer": "Cet évènement n’a pas pu être affiché",
+        "error_rendering_message": "Impossible de charger ce message",
+        "historical_messages_unavailable": "Vous ne pouvez pas voir les messages plus anciens",
+        "in_room_name": " dans <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s a mis à jour la mise en page du salon",
+        "late_event_separator": "Initialement envoyé%(dateTime)s",
+        "load_error": {
+            "no_permission": "Un instant donné du fil de discussion n’a pu être chargé car vous n’avez pas la permission de le visualiser.",
+            "title": "Échec du chargement de la position dans le fil de discussion",
+            "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": {
+            "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Voir la position en direct"
+        },
+        "m.call": {
+            "video_call_ended": "Appel vidéo terminé",
+            "video_call_started": "Appel vidéo commencé dans %(roomName)s.",
+            "video_call_started_text": "%(name)s a démarré un appel vidéo",
+            "video_call_started_unsupported": "Appel vidéo commencé dans %(roomName)s. (non pris en charge par ce navigateur)"
+        },
+        "m.call.hangup": {
+            "dm": "Appel terminé"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Répondu autre part",
+            "call_back_prompt": "Rappeler",
+            "declined": "Appel rejeté",
+            "failed_connect_media": "Impossible de se connecter au média",
+            "failed_connection": "Connexion échouée",
+            "failed_opponent_media": "Leur appareil n’a pas pu démarrer la caméra ou le microphone",
+            "missed_call": "Appel manqué",
+            "no_answer": "Pas de réponse",
+            "unknown_error": "Une erreur inconnue s’est produite",
+            "unknown_failure": "Erreur inconnue : %(reason)s",
+            "unknown_state": "Cet appel est dans un état inconnu !",
+            "video_call": "%(senderName)s a passé un appel vidéo.",
+            "video_call_unsupported": "%(senderName)s a passé un appel vidéo. (non pris en charge par ce navigateur)",
+            "voice_call": "%(senderName)s a passé un appel audio.",
+            "voice_call_unsupported": "%(senderName)s a passé un appel audio. (non pris en charge par ce navigateur)"
+        },
+        "m.file": {
+            "error_decrypting": "Erreur lors du déchiffrement de la pièce jointe"
+        },
+        "m.image": {
+            "error": "Impossible d’afficher l’image à cause d’une erreur",
+            "error_decrypting": "Erreur lors du déchiffrement de l’image",
+            "error_downloading": "Erreur lors du téléchargement de l’image",
+            "sent": "%(senderDisplayName)s a envoyé une image.",
+            "show_image": "Afficher l’image"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s veut vérifier",
+            "you_started": "Vous avez envoyé une demande de vérification"
+        },
+        "m.location": {
+            "full": "%(senderName)s a partagé sa position",
+            "location": "A partagé une position : ",
+            "self_location": "Ont partagé leur position : "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s vote",
+                "other": "%(count)s votes"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s a terminé un sondage"
+        },
+        "m.poll.start": "%(senderName)s a démarré un sondage – %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s a changé l’avatar du salon.",
+            "lightbox_title": "%(senderDisplayName)s a changé l’avatar de %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s a ajouté les adresses alternatives %(addresses)s pour ce salon.",
+                "one": "%(senderName)s a ajouté l’adresse alternative %(addresses)s pour ce salon."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s a supprimé les adresses alternatives %(addresses)s pour ce salon.",
+                "one": "%(senderName)s a supprimé l’adresse alternative %(addresses)s pour ce salon."
+            },
+            "changed": "%(senderName)s a changé les adresses de ce salon.",
+            "changed_alternative": "%(senderName)s a modifié les adresses alternatives de ce salon.",
+            "changed_main_and_alternative": "%(senderName)s a modifié l’adresse principale et les adresses alternatives pour ce salon.",
+            "removed": "%(senderName)s a supprimé l’adresse principale de ce salon.",
+            "set": "%(senderName)s a défini l’adresse principale pour ce salon comme %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Ce salon est la suite d’une autre discussion.",
+            "see_older_messages": "Cliquer ici pour voir les anciens messages.",
+            "unknown_predecessor": "L’ancienne version de ce salon (identifiant : %(roomId)s) est introuvable, et 'via_servers' ne nous a pas été fourni pour le trouver.",
+            "unknown_predecessor_guess_server": "L’ancienne version de ce salon (identifiant : %(roomId)s) est introuvable, et 'via_servers' ne nous a pas été fourni pour le trouver. Il est possible que déduire le serveur à partir de l’identifiant de salon puisse marcher. Si vous voulez essayer, cliquez sur ce lien :"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s a autorisé les visiteurs à rejoindre le salon.",
+            "forbidden": "%(senderDisplayName)s a empêché les visiteurs de rejoindre le salon.",
+            "unknown": "%(senderDisplayName)s a changé l’accès des visiteurs en %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s a changé un paramètre : désormais les nouveaux membres pourront voir l'historique de conversation du salon à partir du moment où ils ont été invités.",
+            "joined": "%(senderName)s a rendu l’historique visible à tous les membres du salon, à partir de leur arrivée.",
+            "shared": "%(senderName)s a rendu l’historique visible à tous les membres du salon.",
+            "unknown": "%(senderName)s a rendu l’historique visible à inconnu (%(visibility)s).",
+            "world_readable": "%(senderName)s a rendu l’historique visible à tout le monde."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s a rendu le salon disponible sur invitation seulement.",
+            "knock": "%(senderDisplayName)s a changé la règle pour venir : il faut demander à venir.",
+            "public": "%(senderDisplayName)s a rendu le salon public à tous ceux qui en connaissent le lien.",
+            "restricted": "%(senderDisplayName)s a modifié la liste des utilisateurs pouvant rejoindre ce salon. <a>Voir les paramètres</a>.",
+            "restricted_settings": "%(senderDisplayName)s a modifié la liste des utilisateurs pouvant rejoindre ce salon. <a>Voir les paramètres</a>.",
+            "unknown": "%(senderDisplayName)s a changé la règle d’adhésion en %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s a accepté l’invitation pour %(displayName)s",
+            "accepted_invite": "%(targetName)s a accepté une invitation",
+            "ban": "%(senderName)s a banni un utilisateur",
+            "ban_reason": "%(senderName)s a banni un utilisateur: %(reason)s",
+            "ban_reason_spoiler": "%(senderName)s a banni <user/> :%(reason)s",
+            "ban_spoiler": "%(senderName)s a banni <user/>",
+            "change_avatar": "%(senderName)s a changé son image de profil",
+            "change_name": "%(oldDisplayName)s a changé son nom d’affichage en %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s a changé son nom d’affichage et son image de profil",
+            "invite": "%(senderName)s a invité %(targetName)s",
+            "join": "%(targetName)s a rejoint le salon",
+            "kick": "%(senderName)s a expulsé %(targetName)s",
+            "kick_reason": "%(senderName)s a expulsé %(targetName)s : %(reason)s",
+            "left": "%(targetName)s a quitté le salon",
+            "left_reason": "%(targetName)s a quitté le salon : %(reason)s",
+            "no_change": "%(senderName)s n’a fait aucun changement",
+            "reject_invite": "%(targetName)s a rejeté l’invitation",
+            "reject_invite_reason": "%(targetName)s a rejeté l'invitation : %(reason)s",
+            "remove_avatar": "%(senderName)s a supprimé son image de profil",
+            "remove_name": "%(senderName)s a supprimé son nom d’affichage (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s a défini une image de profil",
+            "set_name": "%(senderName)s a défini son nom affiché comme %(displayName)s",
+            "unban": "%(senderName)s a révoqué le bannissement de %(targetName)s",
+            "withdrew_invite": "%(senderName)s a annulé l’invitation de %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s a annulé l’invitation de %(targetName)s : %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s a changé le nom du salon de %(oldRoomName)s en %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s a supprimé le nom du salon.",
+            "set": "%(senderDisplayName)s a changé le nom du salon en %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s a changé les messages épinglés du salon.",
+            "changed_link": "%(senderName)s a changé <a>les messages épinglés</a> du salon.",
+            "pinned": "%(senderName)s a épinglé un message dans ce salon. Voir tous les messages épinglés.",
+            "pinned_link": "%(senderName)s a épinglé <a>un message</a> dans ce salon. Voir tous les <b>messages épinglés</b>.",
+            "unpinned": "%(senderName)s a désépinglé un message de ce salon. Voir tous les messages épinglés.",
+            "unpinned_link": "%(senderName)s a désépinglé <a>un message</a> de ce salon. Voir tous les <b>messages épinglés</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s a changé le rang de %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s de %(fromPowerLevel)s à %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s a révoqué l’invitation de %(targetDisplayName)s à rejoindre le salon.",
+            "sent": "%(senderName)s a invité %(targetDisplayName)s à rejoindre le salon."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s a mis à niveau ce salon.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s a changé le sujet du salon en « %(topic)s ».",
+            "removed": "%(senderDisplayName)s a supprimé le sujet."
+        },
+        "m.sticker": "%(senderDisplayName)s a envoyé un autocollant.",
+        "m.video": {
+            "error_decrypting": "Erreur lors du déchiffrement de la vidéo",
+            "show_video": "Voir la vidéo"
+        },
+        "m.widget": {
+            "added": "Widget %(widgetName)s ajouté par %(senderName)s",
+            "jitsi_ended": "vidéoconférence terminée par %(senderName)s",
+            "jitsi_join_right_prompt": "Rejoignez la téléconférence à partir de la carte d’informations sur la droite",
+            "jitsi_join_top_prompt": "Rejoignez la téléconférence en haut de ce salon",
+            "jitsi_started": "vidéoconférence démarrée par %(senderName)s",
+            "jitsi_updated": "vidéoconférence mise à jour par %(senderName)s",
+            "modified": "Widget %(widgetName)s modifié par %(senderName)s",
+            "removed": "Widget %(widgetName)s supprimé par %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Copier le lien du fil de discussion",
+            "view_in_room": "Voir dans le salon"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s a mis à jour une règle de bannissement correspondant à %(oldGlob)s vers une règle correspondant à %(newGlob)s pour %(reason)s",
+            "changed_rule_rooms": "%(senderName)s a changé une règle qui bannit les salons correspondant à %(oldGlob)s vers une règle correspondant à %(newGlob)s pour %(reason)s",
+            "changed_rule_servers": "%(senderName)s a changé une règle qui bannit les serveurs correspondant à %(oldGlob)s vers une règle correspondant à %(newGlob)s pour %(reason)s",
+            "changed_rule_users": "%(senderName)s a changé une règle qui bannit les utilisateurs correspondant à %(oldGlob)s vers une règle correspondant à %(newGlob)s pour %(reason)s",
+            "created_rule": "%(senderName)s a créé une règle de bannissement correspondant à %(glob)s pour %(reason)s",
+            "created_rule_rooms": "%(senderName)s a créé une règle qui bannit les salons correspondant à %(glob)s pour %(reason)s",
+            "created_rule_servers": "%(senderName)s a créé une règle qui bannit les serveurs correspondant à %(glob)s pour %(reason)s",
+            "created_rule_users": "%(senderName)s a créé une règle qui bannit les utilisateurs correspondant à %(glob)s pour %(reason)s",
+            "removed_rule": "%(senderName)s a supprimé une règle de bannissement correspondant à %(glob)s",
+            "removed_rule_rooms": "%(senderName)s a supprimé la règle qui bannit les salons correspondant à %(glob)s",
+            "removed_rule_servers": "%(senderName)s a supprimé la règle qui bannit les serveurs correspondant à %(glob)s",
+            "removed_rule_users": "%(senderName)s a supprimé la règle qui bannit les utilisateurs correspondant à %(glob)s",
+            "updated_invalid_rule": "%(senderName)s a mis à jour une règle de bannissement non valide",
+            "updated_rule": "%(senderName)s a mis à jour la règle de bannissement correspondant à %(glob)s pour %(reason)s",
+            "updated_rule_rooms": "%(senderName)s a supprimé la règle qui bannit les salons correspondant à %(glob)s pour %(reason)s",
+            "updated_rule_servers": "%(senderName)s a supprimé la règle qui bannit les serveurs correspondant à %(glob)s pour %(reason)s",
+            "updated_rule_users": "%(senderName)s a mis à jour la règle qui bannit les utilisateurs correspondant à %(glob)s pour %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Vous n’avez pas l’autorisation de voir les messages antérieurs à votre invitation.",
+        "no_permission_messages_before_join": "Vous n’avez pas l’autorisation de voir les messages antérieurs à votre arrivée.",
+        "pending_moderation": "Message en attente de modération",
+        "pending_moderation_reason": "Message en attente de modération : %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Ajouter une réaction",
+            "custom_reaction_fallback_label": "Réaction personnalisée",
+            "label": "%(reactors)s ont réagi avec %(content)s",
+            "tooltip_caption": "a réagi avec %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Vu par %(count)s personne",
+            "other": "Vu par %(count)s personnes"
+        },
+        "read_receipts_label": "Accusés de réception",
+        "redacted": {
+            "tooltip": "Message supprimé le %(date)s"
+        },
+        "redaction": "Message supprimé par %(name)s",
+        "reply": {
+            "error_loading": "Impossible de charger l’évènement auquel il a été répondu, soit il n’existe pas, soit vous n'avez pas l’autorisation de le voir.",
+            "in_reply_to": "<a>En réponse à</a> <pill>",
+            "in_reply_to_for_export": "En réponse à <a>ce message</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Vous êtes sur le point d’accéder à un site tiers afin de pouvoir vous identifier pour utiliser %(integrationsUrl)s. Voulez-vous continuer ?",
+            "dialog_title": "Ajouter une intégration"
+        },
+        "self_redaction": "Message supprimé",
+        "send_state_encrypting": "Chiffrement de votre message…",
+        "send_state_failed": "Échec de l’envoi",
+        "send_state_sending": "Envoi de votre message…",
+        "send_state_sent": "Votre message a été envoyé",
+        "summary": {
+            "banned": {
+                "other": "a été banni %(count)s fois",
+                "one": "a été banni"
+            },
+            "banned_multiple": {
+                "other": "ont été bannis %(count)s fois",
+                "one": "ont été bannis"
+            },
+            "changed_avatar": {
+                "other": "%(oneUser)s a changé d’image de profil %(count)s fois",
+                "one": "%(oneUser)s a changé son image de profil"
+            },
+            "changed_avatar_multiple": {
+                "other": "%(severalUsers)s ont changé d’image de profil %(count)s fois",
+                "one": "%(severalUsers)s ont changé leur image de profil"
+            },
+            "changed_name": {
+                "other": "%(oneUser)s a changé de nom %(count)s fois",
+                "one": "%(oneUser)s a changé de nom"
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)s ont changé de nom %(count)s fois",
+                "one": "%(severalUsers)s ont changé de nom"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)s a envoyé un message caché",
+                "other": "%(oneUser)s ont envoyé %(count)s messages cachés"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)s ont envoyé un message caché",
+                "other": "%(severalUsers)s ont envoyé %(count)s messages cachés"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)s a vu son invitation révoquée %(count)s fois",
+                "one": "%(oneUser)s a vu son invitation révoquée"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)s ont vu leur invitation révoquée %(count)s fois",
+                "one": "%(severalUsers)s ont vu leur invitation révoquée"
+            },
+            "invited": {
+                "other": "a été invité %(count)s fois",
+                "one": "a été invité"
+            },
+            "invited_multiple": {
+                "other": "ont été invités %(count)s fois",
+                "one": "ont été invités"
+            },
+            "joined": {
+                "other": "%(oneUser)s a rejoint le salon %(count)s fois",
+                "one": "%(oneUser)s a rejoint le salon"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)s a rejoint le salon et en est parti %(count)s fois",
+                "one": "%(oneUser)s a rejoint le salon et en est parti"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)s ont rejoint le salon et en sont partis %(count)s fois",
+                "one": "%(severalUsers)s ont rejoint le salon et en sont partis"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s ont rejoint le salon %(count)s fois",
+                "one": "%(severalUsers)s ont rejoint le salon"
+            },
+            "kicked": {
+                "one": "a été expulsé(e)",
+                "other": "a été expulsé(e) %(count)s fois"
+            },
+            "kicked_multiple": {
+                "other": "ont été expulsé(e)s %(count)s fois",
+                "one": "ont été expulsé(e)s"
+            },
+            "left": {
+                "other": "%(oneUser)s est parti %(count)s fois",
+                "one": "%(oneUser)s est parti"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)s sont partis %(count)s fois",
+                "one": "%(severalUsers)s sont partis"
+            },
+            "no_change": {
+                "other": "%(oneUser)s n’a fait aucun changement %(count)s fois",
+                "one": "%(oneUser)s n’a fait aucun changement"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)s n’a fait aucun changement %(count)s fois",
+                "one": "%(severalUsers)s n’ont fait aucun changement"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)s a changé les <a>messages épinglés</a> du salon",
+                "other": "%(oneUser)s a changé %(count)s fois les <a>messages épinglés</a> du salon"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s ont modifié les <a>messages épinglés</a> pour le salon",
+                "other": "%(severalUsers)s ont changé %(count)s fois les <a>messages épinglés</a> du salon"
+            },
+            "redacted": {
+                "one": "%(oneUser)s a supprimé un message",
+                "other": "%(oneUser)s a supprimé %(count)s messages"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s ont supprimé un message",
+                "other": "%(severalUsers)s ont supprimé %(count)s messages"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)s a décliné son invitation %(count)s fois",
+                "one": "%(oneUser)s a décliné son invitation"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s ont décliné leur invitation %(count)s fois",
+                "one": "%(severalUsers)s ont décliné leur invitation"
+            },
+            "rejoined": {
+                "other": "%(oneUser)s est parti et revenu %(count)s fois",
+                "one": "%(oneUser)s est parti et revenu"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)s sont partis et revenus %(count)s fois",
+                "one": "%(severalUsers)s sont partis et revenus"
+            },
+            "unbanned": {
+                "other": "a vu son bannissement révoqué %(count)s fois",
+                "one": "a vu son bannissement révoqué"
+            },
+            "unbanned_multiple": {
+                "other": "ont vu leur bannissement révoqué %(count)s fois",
+                "one": "ont vu leur bannissement révoqué"
+            }
+        },
+        "thread_info_basic": "Depuis un fil de discussion",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s et %(count)s autres sont en train d’écrire…",
+                "one": "%(names)s et un autre sont en train d’écrire…"
+            },
+            "one_user": "%(displayName)s est en train d'écrire…",
+            "two_users": "%(names)s et %(lastPerson)s sont en train d’écrire…"
+        },
+        "undecryptable_tooltip": "Ce message n’a pas pu être déchiffré"
+    },
+    "truncated_list_n_more": {
+        "other": "Et %(count)s autres…"
+    },
+    "unsupported_browser": {
+        "description": "Si vous continuez, certaines fonctionnalités risquent de cesser de fonctionner et vous risquez de perdre des données à l'avenir. Mettez à jour votre navigateur pour continuer à utiliser%(brand)s .",
+        "title": "%(brand)s ne prend pas en charge ce navigateur"
+    },
+    "unsupported_server_description": "Ce serveur utilise une ancienne version de Matrix. Mettez-le à jour vers Matrix %(version)s pour utiliser %(brand)s sans erreurs.",
+    "unsupported_server_title": "Votre serveur n’est pas pris en charge",
+    "update": {
+        "changelog": "Journal des modifications",
+        "check_action": "Rechercher une mise à jour",
+        "checking": "Recherche de mise à jour…",
+        "downloading": "Téléchargement de la mise-à-jour…",
+        "error_encountered": "Erreur rencontrée (%(errorDetail)s).",
+        "error_unable_load_commit": "Impossible de charger les détails de l’envoi : %(msg)s",
+        "new_version_available": "Nouvelle version disponible. <a>Faire la mise à niveau maintenant.</a>",
+        "no_update": "Aucune mise à jour disponible.",
+        "release_notes_toast_title": "Nouveautés",
+        "see_changes_button": "Nouveautés",
+        "toast_description": "Nouvelle version de %(brand)s disponible",
+        "toast_title": "Mettre à jour %(brand)s",
+        "unavailable": "Indisponible"
+    },
+    "update_room_access_modal": {
+        "description": "Pour créer un lien de partage, rendez ce salon <b>publique</b> ou activer l 'option permettant aux utilisateurs de <b>demander à rejoindre</b>. Cela permet aux invités de participer sans être invités.",
+        "dont_change_description": "Si vous ne souhaitez pas modifier l'accès à ce salon, vous pouvez créer un nouveau salon pour le lien d'appel.",
+        "no_change": "Je ne souhaite pas modifier le niveau d'accès.",
+        "revert_access_description": "(Ceci peut être rétabli à sa valeur précédente dans les paramètres du salon : <b> Sécurité et confidentialité</b>/<b>Accès</b>)",
+        "title": "Autoriser les utilisateurs invités à rejoindre ce salon"
+    },
+    "upload_failed_generic": "Le fichier « %(fileName)s » n’a pas pu être envoyé.",
+    "upload_failed_size": "Le fichier « %(fileName)s » dépasse la taille limite autorisée par ce serveur pour les envois",
+    "upload_failed_title": "Échec de l’envoi",
+    "upload_file": {
+        "cancel_all_button": "Tout annuler",
+        "error_file_too_large": "Le fichier est <b>trop lourd</b> pour être envoyé. La taille limite est de %(limit)s mais la taille de ce fichier est de %(sizeOfThisFile)s.",
+        "error_files_too_large": "Ces fichiers sont <b>trop lourds</b> pour être envoyés. La taille limite des fichiers est de %(limit)s.",
+        "error_some_files_too_large": "Certains fichiers sont <b>trop lourds</b> pour être envoyés. La taille limite des fichiers est de %(limit)s.",
+        "error_title": "Erreur d’envoi",
+        "not_image": "Le fichier que vous avez choisi n'est pas un fichier image valide.",
+        "title": "Envoyer les fichiers",
+        "title_progress": "Envoi des fichiers (%(current)s sur %(total)s)",
+        "upload_all_button": "Tout envoyer",
+        "upload_n_others_button": {
+            "other": "Envoyer %(count)s autres fichiers",
+            "one": "Envoyer %(count)s autre fichier"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Outils d’administration",
+        "ban_button_room": "Bannir du salon",
+        "ban_button_space": "Bannir de l'espace",
+        "ban_room_confirm_title": "Bannir de %(roomName)s",
+        "ban_space_everything": "Les bannir de partout où j’ai le droit de le faire",
+        "ban_space_specific": "Les bannir de certains endroits où j’ai le droit de le faire",
+        "deactivate_confirm_action": "Désactiver l’utilisateur",
+        "deactivate_confirm_description": "La désactivation de cet utilisateur entraînera la suppression de ses appareils et l\"empêchera de se reconnecter. De plus, il quittera tous les salons auxquels il participe. Cette action est irréversible. Êtes-vous sûr de vouloir désactiver cet utilisateur ?",
+        "deactivate_confirm_title": "Désactiver l’utilisateur ?",
+        "demote_button": "Rétrograder",
+        "demote_self_confirm_description_space": "Vous ne pourrez pas annuler ce changement puisque vous vous rétrogradez. Si vous êtes le dernier utilisateur a privilèges de cet espace, il deviendra impossible d’en reprendre contrôle.",
+        "demote_self_confirm_room": "Vous ne pourrez pas annuler cette modification car vous vous rétrogradez. Si vous êtes le dernier utilisateur privilégié de ce salon, il sera impossible de récupérer les privilèges.",
+        "demote_self_confirm_title": "Vous rétrograder ?",
+        "disinvite_button_room": "Désinviter du salon",
+        "disinvite_button_room_name": "Annuler l’invitation à %(roomName)s",
+        "disinvite_button_space": "Désinviter de l’espace",
+        "error_ban_user": "Échec du bannissement de l’utilisateur",
+        "error_deactivate": "Échec de la désactivation de l’utilisateur",
+        "error_kicking_user": "Échec de l’expulsion de l’utilisateur",
+        "error_mute_user": "Échec de la mise en sourdine de l’utilisateur",
+        "error_revoke_3pid_invite_description": "Impossible de révoquer l’invitation. Le serveur subit peut-être un problème temporaire ou vous n’avez pas la permission de révoquer l’invitation.",
+        "error_revoke_3pid_invite_title": "Échec de la révocation de l’invitation",
+        "ignore_button": "Ignorer",
+        "ignore_confirm_description": "Tous les messages et invitations de cet utilisateur seront masqués. Êtes-vous sûr de vouloir les ignorer ?",
+        "ignore_confirm_title": "Ignorer %(user)s",
+        "invited_by": "Invité par %(sender)s",
+        "jump_to_rr_button": "Aller à l’accusé de lecture",
+        "kick_button_room": "Expulser du salon",
+        "kick_button_room_name": "Expulser de %(roomName)s",
+        "kick_button_space": "Supprimer de l’espace",
+        "kick_button_space_everything": "Les expulser de partout où j’ai le droit de le faire",
+        "kick_space_specific": "Les expulser de certains endroits où j’ai le droit de le faire",
+        "kick_space_warning": "Ils pourront toujours accéder aux endroits dans lesquels vous n’êtes pas administrateur.",
+        "promote_warning": "Vous ne pourrez pas annuler cette modification car vous promouvez l’utilisateur au même rang que le vôtre.",
+        "redact": {
+            "confirm_button": {
+                "other": "Supprimer %(count)s messages",
+                "one": "Supprimer 1 message"
+            },
+            "confirm_description_1": {
+                "other": "Vous êtes sur le point de supprimer %(count)s messages de %(user)s. Ils seront supprimés définitivement et pour tout le monde dans la conversation. Voulez-vous continuer ?",
+                "one": "Vous êtes sur le point de supprimer %(count)s message de %(user)s. Il sera supprimé définitivement et pour tout le monde dans la conversation. Voulez-vous continuer ?"
+            },
+            "confirm_description_2": "Pour un grand nombre de messages, cela peut prendre du temps. N’actualisez pas votre client pendant ce temps.",
+            "confirm_keep_state_explainer": "Décocher si vous voulez également retirer les messages systèmes de cet utilisateur (par exemple changement de statut ou de profil…)",
+            "confirm_keep_state_label": "Préserver les messages systèmes",
+            "confirm_title": "Supprimer les messages récents de %(user)s",
+            "no_recent_messages_description": "Essayez de faire défiler le fil de discussion vers le haut pour voir s’il y en a de plus anciens.",
+            "no_recent_messages_title": "Aucun message récent de %(user)s n’a été trouvé"
+        },
+        "redact_button": "Supprimer des messages",
+        "revoke_invite": "Révoquer l’invitation",
+        "room_encrypted": "Les messages dans ce salon sont chiffrés de bout en bout.",
+        "room_encrypted_detail": "Vos messages sont sécurisés et seuls vous et le destinataire avez les clés uniques pour les déchiffrer.",
+        "room_unencrypted": "Les messages dans ce salon ne sont pas chiffrés de bout en bout.",
+        "room_unencrypted_detail": "Dans les salons chiffrés, vos messages sont sécurisés et seuls vous et le destinataire avez les clés uniques pour les déchiffrer.",
+        "send_message": "Envoyer un message",
+        "share_button": "Partager le profil",
+        "unban_button_room": "Révoquer le bannissement du salon",
+        "unban_button_space": "Révoquer le bannissement de l’espace",
+        "unban_room_confirm_title": "Annuler le bannissement de %(roomName)s",
+        "unban_space_everything": "Annuler le bannissement de partout où j’ai le droit de le faire",
+        "unban_space_specific": "Annuler le bannissement de certains endroits où j’ai le droit de le faire",
+        "unban_space_warning": "Ils ne pourront plus accéder aux endroits dans lesquels vous n’êtes pas administrateur.",
+        "unignore_button": "Ne plus ignorer",
+        "verification_unavailable": "Vérification de l’utilisateur indisponible",
+        "verify_button": "Vérifier l’utilisateur",
+        "verify_explainer": "Pour une sécurité supplémentaire, vérifiez cet utilisateur en comparant un code à usage unique sur vos deux appareils."
+    },
+    "user_status": {
+        "on_a_call": "En appel"
+    },
+    "voip": {
+        "already_in_call": "Déjà en cours d’appel",
+        "already_in_call_person": "Vous êtes déjà en cours d’appel avec cette personne.",
+        "answered_elsewhere": "Répondu autre-part",
+        "answered_elsewhere_description": "L’appel a été décroché sur un autre appareil.",
+        "call_failed": "L’appel a échoué",
+        "call_failed_description": "L’appel n’a pas pu être établi",
+        "call_failed_media": "La fonction a échoué faute de pouvoir accéder à la caméra ou au microphone. Vérifiez que :",
+        "call_failed_media_applications": "Aucune autre application n’est en train d’utiliser la caméra",
+        "call_failed_media_connected": "Un microphone et une caméra sont branchés et bien configurés",
+        "call_failed_media_permissions": "L’autorisation d’accéder à la caméra a été accordée",
+        "call_failed_microphone": "La fonction a échoué faute de pouvoir accéder au microphone. Vérifiez qu’un microphone est branché et bien configuré.",
+        "call_held": "%(peerName)s a mis l’appel en attente",
+        "call_held_resume": "Vous avez mis l’appel en attente <a>Reprendre</a>",
+        "call_held_switch": "Vous avez mis l’appel en attente <a>Basculer</a>",
+        "call_members": {
+            "exhaustive": {
+                "one": "<avatars/> participant à l'appel",
+                "other": "<avatars/> participants à l'appel"
+            },
+            "overflow": {
+                "one": "<avatars/>+ %(overflowCount)s participant à l'appel",
+                "other": "<avatars/>+ %(overflowCount)s participants à l'appel"
+            }
+        },
+        "call_toast_unknown_room": "Salon inconnu",
+        "camera_disabled": "Votre caméra est éteinte",
+        "camera_enabled": "Votre caméra est toujours allumée",
+        "cannot_call_yourself_description": "Vous ne pouvez pas passer d’appel avec vous-même.",
+        "close_lobby": "Fermer la salle d'attente",
+        "connecting": "Connexion",
+        "connection_lost": "La connexion au serveur a été perdue",
+        "connection_lost_description": "Vous ne pouvez pas passer d’appels sans connexion au serveur.",
+        "consulting": "Consultation avec %(transferTarget)s. <a>Transfert à %(transferee)s</a>",
+        "default_device": "Appareil par défaut",
+        "dial": "Composer",
+        "dialpad": "Pavé numérique",
+        "disable_camera": "Désactiver la caméra",
+        "disable_microphone": "Désactiver le microphone",
+        "disabled_no_perms_start_video_call": "Vous n’avez pas la permission de démarrer un appel vidéo",
+        "disabled_no_perms_start_voice_call": "Vous n’avez pas la permission de démarrer un appel audio",
+        "disabled_ongoing_call": "Appel en cours",
+        "element_call": "Element Call",
+        "enable_camera": "Activer la caméra",
+        "enable_microphone": "Activer le microphone",
+        "expand": "Revenir à l’appel",
+        "get_call_link": "Partager le lien de l'appel",
+        "group_call_started": "L'appel de groupe a commencé",
+        "hangup": "Raccrocher",
+        "hide_sidebar_button": "Masquer la barre latérale",
+        "input_devices": "Périphériques d’entrée",
+        "jitsi_call": "Conférence Jitsi",
+        "join_with_video": "Rejoigner avec la vidéo",
+        "legacy_call": "Appel vidéo",
+        "maximise": "Remplir l’écran",
+        "maximise_call": "Plein écran",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Conférences"
+        },
+        "minimise_call": "Quitter le mode plein écran",
+        "misconfigured_server": "L’appel a échoué à cause d’un serveur mal configuré",
+        "misconfigured_server_description": "Demandez à l’administrateur de votre serveur d’accueil (<code>%(homeserverDomain)s</code>) de configurer un serveur TURN afin que les appels fonctionnent de manière fiable.",
+        "misconfigured_server_fallback": "Vous pouvez sinon essayer d’utiliser le serveur public <server/>, mais ça ne sera pas aussi fiable et votre adresse IP sera partagée avec ce serveur. Vous pouvez aussi gérer ce réglage dans les paramètres.",
+        "misconfigured_server_fallback_accept": "Essayer d’utiliser %(server)s",
+        "more_button": "Plus",
+        "msisdn_lookup_failed": "Impossible de trouver votre numéro de téléphone",
+        "msisdn_lookup_failed_description": "Erreur lors de la recherche de votre numéro de téléphone",
+        "msisdn_transfer_failed": "Impossible de transférer l’appel",
+        "n_people_joined": {
+            "one": "%(count)s personne s’est jointe",
+            "other": "%(count)s personnes se sont jointes"
+        },
+        "no_audio_input_description": "Nous n’avons pas détecté de microphone sur votre appareil. Merci de vérifier vos paramètres et de réessayer.",
+        "no_audio_input_title": "Aucun microphone détecté",
+        "no_media_perms_description": "Il est possible que vous deviez manuellement autoriser %(brand)s à accéder à votre micro/caméra",
+        "no_media_perms_title": "Pas de permission pour les médias",
+        "no_permission_conference": "Autorisation requise",
+        "no_permission_conference_description": "Vous n’avez pas l’autorisation de lancer un appel en téléconférence dans ce salon",
+        "on_hold": "%(name)s est en attente",
+        "output_devices": "Périphériques de sortie",
+        "screenshare_monitor": "Partager l’écran entier",
+        "screenshare_title": "Partager le contenu",
+        "screenshare_window": "Fenêtre d’application",
+        "show_sidebar_button": "Afficher la barre latérale",
+        "silence": "Mettre l’appel en sourdine",
+        "silenced": "Notifications silencieuses",
+        "start_screenshare": "Commencer à partager mon écran",
+        "stop_screenshare": "Arrêter de partager mon écran",
+        "too_many_calls": "Trop d’appels",
+        "too_many_calls_description": "Vous avez atteint le nombre maximum d’appels en simultané.",
+        "transfer_consult_first_label": "Consulter d’abord",
+        "transfer_failed": "Échec du transfert",
+        "transfer_failed_description": "Échec du transfert de l’appel",
+        "unable_to_access_audio_input_description": "Nous n’avons pas pu accéder à votre microphone. Merci de vérifier les paramètres de votre navigateur et de réessayer.",
+        "unable_to_access_audio_input_title": "Impossible d’accéder à votre microphone",
+        "unable_to_access_media": "Impossible d’accéder à la caméra ou au microphone",
+        "unable_to_access_microphone": "Impossible d’accéder au microphone",
+        "unknown_caller": "Appelant inconnu",
+        "unknown_person": "personne inconnue",
+        "unsilence": "Son activé",
+        "unsupported": "Les appels ne sont pas pris en charge",
+        "unsupported_browser": "Vous ne pouvez pas passer d’appels dans ce navigateur.",
+        "user_busy": "Utilisateur indisponible",
+        "user_busy_description": "L’utilisateur que vous avez appelé est indisponible.",
+        "user_is_presenting": "%(sharerName)s est à l’écran",
+        "video_call": "Appel vidéo",
+        "video_call_incoming": "Appel vidéo entrant",
+        "video_call_using": "Appel vidéo utilisant :",
+        "voice_call": "Appel audio",
+        "voice_call_incoming": "Appel vocal entrant",
+        "voice_call_using": "Appel vocal utilisant :",
+        "you_are_presenting": "Vous êtes à l’écran"
+    },
+    "web_default_device_name": "%(appName)s : %(browserName)s pour %(osName)s",
+    "welcome": {
+        "tagline_element": "Conçu pour la vitesse et la simplicité.",
+        "title_element": "Soyez dans votre Element",
+        "title_generic": "Bienvenue sur %(brand)s"
+    },
+    "widget": {
+        "added_by": "Widget ajouté par",
+        "capabilities_dialog": {
+            "content_starting_text": "Le widget voudrait :",
+            "decline_all_permission": "Tout refuser",
+            "remember_Selection": "Se souvenir de mon choix pour ce widget",
+            "title": "Approuver les permissions du widget"
+        },
+        "capability": {
+            "always_on_screen_generic": "Reste sur votre écran pendant l’appel",
+            "always_on_screen_viewing_another_room": "Reste sur votre écran lors de l’appel quand vous regardez un autre salon",
+            "any_room": "Comme ci-dessus, mais également dans tous les salons dans lesquels vous avez été invité ou que vous avez rejoint",
+            "byline_empty_state_key": "avec une clé d’état vide",
+            "byline_state_key": "avec la ou les clés d’état %(stateKey)s",
+            "capability": "La capacité <b>%(capability)s</b>",
+            "change_avatar_active_room": "Changer l’avatar du salon actuel",
+            "change_avatar_this_room": "Changer l’avatar de ce salon",
+            "change_name_active_room": "Changer le nom du salon actuel",
+            "change_name_this_room": "Changer le nom de ce salon",
+            "change_topic_active_room": "Changer le sujet dans le salon actuel",
+            "change_topic_this_room": "Changer le sujet de ce salon",
+            "download_file": "Télécharger des fichiers depuis le dépôt multimédia",
+            "receive_membership_active_room": "Afficher quand des personnes rejoignent, partent, ou sont invités dans votre salon actif",
+            "receive_membership_this_room": "Voir quand une personne rejoint, quitte ou est invitée sur ce salon",
+            "remove_ban_invite_leave_active_room": "Expulser, bannir ou inviter des personnes dans votre salon actif et en partir",
+            "remove_ban_invite_leave_this_room": "Expulser, bannir ou inviter une personne dans ce salon et vous permettre de partir",
+            "see_avatar_change_active_room": "Voir quand l’avatar change dans le salon actuel",
+            "see_avatar_change_this_room": "Voir quand l’avatar change dans ce salon",
+            "see_event_type_sent_active_room": "Voir les évènements <b>%(eventType)s</b> publiés dans votre salon actuel",
+            "see_event_type_sent_this_room": "Voir les évènements <b>%(eventType)s</b> envoyés dans ce salon",
+            "see_images_sent_active_room": "Voir les images publiées dans votre salon actif",
+            "see_images_sent_this_room": "Voir les images envoyées dans ce salon",
+            "see_messages_sent_active_room": "Voir les messages envoyés dans le salon actuel",
+            "see_messages_sent_this_room": "Voir les messages envoyés dans ce salon",
+            "see_msgtype_sent_active_room": "Voir les messages de type <b>%(msgtype)s</b> envoyés dans le salon actuel",
+            "see_msgtype_sent_this_room": "Voir les messages de type <b>%(msgtype)s</b> envoyés dans ce salon",
+            "see_name_change_active_room": "Suivre les changements de nom dans le salon actif",
+            "see_name_change_this_room": "Suivre quand le nom de ce salon change",
+            "see_sent_emotes_active_room": "Voir les réactions envoyées dans le salon actuel",
+            "see_sent_emotes_this_room": "Voir les réactions envoyées dans ce salon",
+            "see_sent_files_active_room": "Voir les fichiers postés dans votre salon actuel",
+            "see_sent_files_this_room": "Voir les fichiers envoyés dans ce salon",
+            "see_sticker_posted_active_room": "Voir quand n’importe qui envoie un autocollant dans le salon actuel",
+            "see_sticker_posted_this_room": "Voir quand un autocollant est envoyé dans ce salon",
+            "see_text_messages_sent_active_room": "Voir les messages textuels dans le salon actif",
+            "see_text_messages_sent_this_room": "Voir les messages textuels envoyés dans ce salon",
+            "see_topic_change_active_room": "Voir quand le sujet change dans le salon actuel",
+            "see_topic_change_this_room": "Voir quand le sujet change dans ce salon",
+            "see_videos_sent_active_room": "Voir les vidéos publiées dans votre salon actif",
+            "see_videos_sent_this_room": "Voir les vidéos envoyées dans ce salon",
+            "send_emotes_active_room": "Envoyer des réactions sous votre nom dans le salon actuel",
+            "send_emotes_this_room": "Envoyer des réactions sous votre nom dans ce salon",
+            "send_event_type_active_room": "Envoie des évènements <b>%(eventType)s</b> sous votre nom dans votre salon actuel",
+            "send_event_type_this_room": "Envoie des évènements <b>%(eventType)s</b> sous votre nom dans ce salon",
+            "send_files_active_room": "Envoyer des fichiers sous votre nom dans votre salon actif",
+            "send_files_this_room": "Envoyer des fichiers sous votre nom dans ce salon",
+            "send_images_active_room": "Envoie des images sous votre nom dans le salon actuel",
+            "send_images_this_room": "Envoie des images sous votre nom dans ce salon",
+            "send_messages_active_room": "Envoie des messages sous votre nom dans votre salon actif",
+            "send_messages_this_room": "Envoie des messages sous votre nom dans ce salon",
+            "send_msgtype_active_room": "Envoie des messages de type <b>%(msgtype)s</b> sous votre nom dans votre salon actif",
+            "send_msgtype_this_room": "Envoie les messages de type <b>%(msgtype)s</b> sous votre nom dans ce salon",
+            "send_stickers_active_room": "Envoyer des autocollants dans le salon actuel",
+            "send_stickers_active_room_as_you": "Envoie des autocollants sous votre nom dans le salon actuel",
+            "send_stickers_this_room": "Envoyer des autocollants dans ce salon",
+            "send_stickers_this_room_as_you": "Envoyer des autocollants dans ce salon sous votre nom",
+            "send_text_messages_active_room": "Envoyez des messages textuels sous votre nom dans le salon actif",
+            "send_text_messages_this_room": "Envoyez des messages textuels sous votre nom dans ce salon",
+            "send_videos_active_room": "Envoie des vidéos sous votre nom dans votre salon actuel",
+            "send_videos_this_room": "Envoie des vidéos sous votre nom dans ce salon",
+            "specific_room": "Comme ci-dessus, mais également dans <Room />",
+            "switch_room": "Changer le salon que vous êtes en train de lire",
+            "switch_room_message_user": "Changer le salon, message, ou la personne que vous visualisez"
+        },
+        "close_to_view_right_panel": "Fermer ce widget pour l’afficher dans ce panneau",
+        "context_menu": {
+            "delete": "Supprimer le widget",
+            "delete_warning": "Supprimer un widget le supprime pour tous les utilisateurs du salon. Voulez-vous vraiment supprimer ce widget ?"
+        },
+        "cookie_warning": "Ce widget pourrait utiliser des cookies.",
+        "error_hangup_description": "Vous avez déconnecté de l’appel. (Erreur : %(message)s)",
+        "error_hangup_title": "Connexion perdue",
+        "error_loading": "Erreur lors du chargement du widget",
+        "error_mixed_content": "Erreur - Contenu mixte",
+        "error_need_invite_permission": "Vous devez avoir l’autorisation d’inviter des utilisateurs pour faire ceci.",
+        "error_need_kick_permission": "Vous devez avoir l’autorisation d’expulser des utilisateurs pour faire ceci.",
+        "error_need_to_be_logged_in": "Vous devez être identifié.",
+        "error_unable_start_audio_stream_description": "Impossible de démarrer la diffusion audio.",
+        "error_unable_start_audio_stream_title": "Échec lors du démarrage de la diffusion en direct",
+        "modal_data_warning": "Les données ci-dessous sont partagées avec %(widgetDomain)s",
+        "modal_title_default": "Fenêtre de widget",
+        "no_name": "Application inconnue",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Mémoriser ceci",
+            "starting_text": "Ce widget vérifiera votre identifiant d’utilisateur, mais ne pourra pas effectuer des actions en votre nom :",
+            "title": "Autoriser ce widget à vérifier votre identité"
+        },
+        "popout": "Détacher le widget",
+        "set_room_layout": "Définir la mise en page pour tout le monde",
+        "shared_data_avatar": "Votre URL d’image de profil",
+        "shared_data_device_id": "Votre ID d’appareil",
+        "shared_data_lang": "Votre langue",
+        "shared_data_mxid": "Votre identifiant utilisateur",
+        "shared_data_name": "Votre nom d’affichage",
+        "shared_data_room_id": "Identifiant du salon",
+        "shared_data_theme": "Votre thème",
+        "shared_data_url": "URL de %(brand)s",
+        "shared_data_warning": "L’utilisation de ce widget pourrait partager des données <helpIcon /> avec %(widgetDomain)s.",
+        "shared_data_warning_im": "L’utilisation de ce widget pourrait partager des données <helpIcon /> avec %(widgetDomain)s et votre gestionnaire d’intégrations.",
+        "shared_data_widget_id": "Identifiant du widget",
+        "unencrypted_warning": "Les widgets n’utilisent pas le chiffrement des messages.",
+        "unmaximise": "Dé-maximiser",
+        "unpin_to_view_right_panel": "Désépinglez ce widget pour l’afficher dans ce panneau"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Uniquement des majuscules, c’est presque aussi facile à deviner qu’uniquement des minuscules",
+            "anotherWord": "Ajoutez un ou deux mots. Les mots rares sont à privilégier.",
+            "associatedYears": "Évitez les années qui ont un rapport avec vous",
+            "capitalization": "Les majuscules n’aident pas vraiment",
+            "dates": "Évitez les dates et les années qui ont un rapport avec vous",
+            "l33t": "Les substitutions prévisibles comme « @ » à la place de « a » ne sont pas très utiles",
+            "longerKeyboardPattern": "Utilisez un schéma plus long et avec plus de variations",
+            "noNeed": "Il n'y a pas besoin de symbole, de chiffre ou de majuscule",
+            "pwned": "Si vous utilisez ce mot de passe autre part, vous devriez le changer.",
+            "recentYears": "Évitez les années récentes",
+            "repeated": "Évitez de répéter des mots et des caractères",
+            "reverseWords": "Les mots inversés ne sont pas beaucoup plus difficiles à deviner",
+            "sequences": "Évitez les séquences",
+            "useWords": "Utilisez quelques mots, évitez les phrases courantes"
+        },
+        "warnings": {
+            "common": "C’est un mot de passe très répandu",
+            "commonNames": "Les noms et prénoms répandus sont faciles à deviner",
+            "dates": "Les dates sont généralement faciles à deviner",
+            "extendedRepeat": "Les répétitions comme « abcabcabc » ne sont pas beaucoup plus difficiles à deviner que « abc »",
+            "keyPattern": "Les répétitions de motif court sur un clavier sont faciles à deviner",
+            "namesByThemselves": "Les noms et prénoms seuls sont faciles à deviner",
+            "pwned": "Votre mot de passe a été exposé suite à une fuite de données sur Internet.",
+            "recentYears": "Les années récentes sont faciles à deviner",
+            "sequences": "Les séquences comme abc ou 6543 sont faciles à deviner",
+            "similarToCommon": "Cela ressemble à un mot de passe répandu",
+            "simpleRepeat": "Les répétitions comme « aaa » sont faciles à deviner",
+            "straightRow": "Les suites de touches sont faciles à deviner",
+            "topHundred": "Cela fait partie des 100 mots de passe les plus répandus",
+            "topTen": "Cela fait partie des 10 mots de passe les plus répandus",
+            "userInputs": "Il ne devrait y avoir aucune donnée personnelle ou relative à la page.",
+            "wordByItself": "Un mot seul est facile à deviner"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/gl.json b/apps/web/src/i18n/strings/gl.json
new file mode 100644
index 00000000000..75928ada598
--- /dev/null
+++ b/apps/web/src/i18n/strings/gl.json
@@ -0,0 +1,2951 @@
+{
+    "a11y": {
+        "jump_first_invite": "Vai ó primeiro convite.",
+        "n_unread_messages": {
+            "other": "%(count)s mensaxe non lidas.",
+            "one": "1 mensaxe non lida."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s mensaxes non lidas incluíndo mencións.",
+            "one": "1 mención non lida."
+        },
+        "unread_messages": "Mensaxes non lidas."
+    },
+    "a11y_jump_first_unread_room": "Vaite a primeira sala non lida.",
+    "action": {
+        "accept": "Aceptar",
+        "add": "Engadir",
+        "add_existing_room": "Engadir sala existente",
+        "approve": "Aprobar",
+        "back": "Atrás",
+        "call": "Chamar",
+        "cancel": "Cancelar",
+        "change": "Cambiar",
+        "clear": "Limpar",
+        "click_to_copy": "Click para copiar",
+        "close": "Pechar",
+        "collapse": "Pechar",
+        "complete": "Completar",
+        "confirm": "Confirmar",
+        "continue": "Continuar",
+        "copy": "Copiar",
+        "copy_link": "Copiar ligazón",
+        "create": "Crear",
+        "create_a_room": "Crear unha sala",
+        "create_account": "Crear conta",
+        "decline": "Rexeitar",
+        "delete": "Eliminar",
+        "disable": "Desactivar",
+        "disconnect": "Desconectar",
+        "dismiss": "Rexeitar",
+        "done": "Feito",
+        "download": "Descargar",
+        "edit": "Editar",
+        "enable": "Activar",
+        "enter_fullscreen": "Ir a pantalla completa",
+        "exit_fullscreeen": "Saír de pantalla completa",
+        "expand": "Despregar",
+        "explore_rooms": "Explorar salas",
+        "export": "Exportar",
+        "forward": "Reenviar",
+        "go": "Ir",
+        "go_back": "Atrás",
+        "got_it": "Vale",
+        "hide_advanced": "Ocultar Avanzado",
+        "hold": "Colgar",
+        "ignore": "Ignorar",
+        "import": "Importar",
+        "invite": "Convidar",
+        "join": "Únete",
+        "learn_more": "Saber máis",
+        "leave": "Saír",
+        "leave_room": "Deixar a sala",
+        "logout": "Saír",
+        "manage": "Xestionar",
+        "maximise": "Maximizar",
+        "mention": "Mención",
+        "minimise": "Minimizar",
+        "new_room": "Nova sala",
+        "new_video_room": "Nova sala de vídeo",
+        "next": "Seguinte",
+        "no": "Non",
+        "open": "Abrir",
+        "quote": "Cita",
+        "react": "Reacciona",
+        "refresh": "Actualizar",
+        "register": "Rexistrar",
+        "remove": "Eliminar",
+        "rename": "Cambiar nome",
+        "reply": "Resposta",
+        "reply_in_thread": "Responder nun fío",
+        "resend": "Volver a enviar",
+        "reset": "Restablecer",
+        "resume": "Retomar",
+        "retry": "Reintentar",
+        "review": "Revisar",
+        "revoke": "Revogar",
+        "save": "Gardar",
+        "search": "Busca",
+        "send_report": "Enviar denuncia",
+        "share": "Compartir",
+        "show": "Mostar",
+        "show_advanced": "Mostrar Avanzado",
+        "show_all": "Mostrar todo",
+        "sign_in": "Acceder",
+        "sign_out": "Saír",
+        "skip": "Saltar",
+        "start": "Comezar",
+        "stop": "Deter",
+        "submit": "Enviar",
+        "subscribe": "Subscribir",
+        "transfer": "Transferir",
+        "trust": "Confiar",
+        "try_again": "Intentar outra vez",
+        "unban": "Non bloquear",
+        "unignore": "Non ignorar",
+        "unpin": "Desafixar",
+        "unsubscribe": "Baixa na subscrición",
+        "update": "Actualizar",
+        "upgrade": "Mellorar",
+        "upload": "Subir",
+        "verify": "Verificar",
+        "view": "Vista",
+        "view_all": "Ver todo",
+        "view_list": "Ver lista",
+        "view_message": "Ver mensaxe",
+        "view_source": "Ver fonte",
+        "yes": "Si",
+        "zoom_in": "Achegar",
+        "zoom_out": "Alonxar"
+    },
+    "analytics": {
+        "accept_button": "Iso está ben",
+        "bullet_1": "<Bold>Non</Bold> rexistramos o teu perfil nin datos da conta",
+        "bullet_2": "<Bold>Non</Bold> compartimos a información con terceiras partes",
+        "consent_migration": "Consentiches con anterioridade compartir datos anónimos de uso con nós. Estamos actualizando o seu funcionamento.",
+        "disable_prompt": "Podes desactivar esto cando queiras non axustes",
+        "enable_prompt": "Axuda a mellorar %(analyticsOwner)s",
+        "learn_more": "Comparte datos anónimos para axudarnos a identificar os problemas. Nada persoal. Nin con terceiras partes. <LearnMoreLink>Coñece máis</LearnMoreLink>",
+        "privacy_policy": "Podes ler os nosos termos <PrivacyPolicyUrl>aquí</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Axúdanos a atopar problemas e mellorar %(analyticsOwner)s compartindo datos anónimos de uso. Para comprender de que xeito as persoas usan varios dispositivos imos crear un identificador aleatorio compartido polos teus dispositivos.",
+        "shared_data_heading": "Calquera do seguinte podería ser compartido:"
+    },
+    "auth": {
+        "account_clash": "A tú conta (%(newAccountId)s) foi rexistrada, pero iniciaches sesión usando outra conta (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Continúa coa conta anterior",
+        "account_deactivated": "Esta conta foi desactivada.",
+        "autodiscovery_generic_failure": "Fallo ó obter a configuración de autodescubrimento desde o servidor",
+        "autodiscovery_invalid": "Resposta de descubrimento do servidor non válida",
+        "autodiscovery_invalid_hs": "O URL do servidor non semella ser un servidor Matrix válido",
+        "autodiscovery_invalid_hs_base_url": "base_url non válido para m.homeserver",
+        "autodiscovery_invalid_is": "O URL do servidor de identidade non semella ser un servidor de identidade válido",
+        "autodiscovery_invalid_is_base_url": "base_url para m.identity_server non válida",
+        "autodiscovery_invalid_is_response": "Resposta de descubrimento de identidade do servidor non válida",
+        "autodiscovery_invalid_json": "JSON non válido",
+        "autodiscovery_unexpected_error_hs": "Houbo un fallo ao acceder a configuración do servidor",
+        "autodiscovery_unexpected_error_is": "Houbo un fallo ao acceder a configuración do servidor de identidade",
+        "captcha_description": "Este servidor quere asegurarse de que non es un robot.",
+        "change_password_action": "Cambiar contrasinal",
+        "change_password_confirm_invalid": "Non concordan os contrasinais",
+        "change_password_confirm_label": "Confirma o contrasinal",
+        "change_password_current_label": "Contrasinal actual",
+        "change_password_empty": "Os contrasinais non poden estar baleiros",
+        "change_password_mismatch": "Os contrasinais novos non coinciden",
+        "change_password_new_label": "Novo contrasinal",
+        "continue_with_idp": "Continuar con %(provider)s",
+        "continue_with_sso": "Continúa con %(ssoButtons)s",
+        "country_dropdown": "Despregable de países",
+        "create_account_prompt": "Acabas de coñecernos? <a>Crea unha conta</a>",
+        "create_account_title": "Crea unha conta",
+        "email_discovery_text": "Usa o email para ser opcionalmente descubrible para os contactos existentes.",
+        "email_field_label": "Correo electrónico",
+        "email_field_label_invalid": "Non semella un enderezo válido",
+        "email_field_label_required": "Escribe enderezo email",
+        "email_help_text": "Engade un email para poder restablecer o contrasinal.",
+        "email_phone_discovery_text": "Usa un email ou teléfono para ser (opcionalmente) descubrible polos contactos existentes.",
+        "failed_connect_identity_server": "Non se acadou o servidor de identidade",
+        "failed_connect_identity_server_other": "Podes acceder, pero algunhas características non estarán dispoñibles ata que o servidor de identidade volva a conectarse. Se continúas vendo este aviso, comproba os axustes ou contacta coa administración.",
+        "failed_connect_identity_server_register": "Podes rexistrarte, pero algunhas características non estarán dispoñibles ata que o servidor de identidade volte a conectarse. Se segues a ver este aviso, comproba os axustes ou contacta coa administración.",
+        "failed_connect_identity_server_reset_password": "Podes restablecer o contrasinal, pero algunhas características non estarán dispoñibles ata que o servidor de identidade se conecte. Se segues a ver este aviso comproba os axustes ou contacta coa administración.",
+        "failed_homeserver_discovery": "Fallo ao intentar o descubrimento do servidor",
+        "failed_query_registration_methods": "Non se puido consultar os métodos de rexistro soportados.",
+        "failed_soft_logout_auth": "Fallo na reautenticación",
+        "failed_soft_logout_homeserver": "Fallo ó reautenticar debido a un problema no servidor",
+        "forgot_password_email_invalid": "O enderezo de email non semella ser válido.",
+        "forgot_password_email_required": "Debe introducir o correo electrónico ligado a súa conta.",
+        "forgot_password_prompt": "¿Esqueceches o contrasinal?",
+        "identifier_label": "Acceder con",
+        "incorrect_credentials": "Nome de usuaria ou contrasinal non válidos.",
+        "incorrect_credentials_detail": "Ten en conta que estás accedendo ao servidor %(hs)s, non a matrix.org.",
+        "incorrect_password": "Contrasinal incorrecto",
+        "log_in_new_account": "<a>Accede</a> usando a conta nova.",
+        "logout_dialog": {
+            "description": "Tes a certeza de querer saír?",
+            "setup_key_backup_title": "Perderás o acceso as túas mensaxes cifradas",
+            "skip_key_backup": "Non quero as miñas mensaxes cifradas"
+        },
+        "misconfigured_body": "Pídelle a administración do teu %(brand)s que comprobe a <a>configuración</a> para entradas duplicadas ou incorrectas.",
+        "misconfigured_title": "O teu %(brand)s está mal configurado",
+        "msisdn_field_description": "Outras usuarias poden convidarte ás salas usando os teus detalles de contacto",
+        "msisdn_field_label": "Teléfono",
+        "msisdn_field_number_invalid": "Non semella correcto este número, compróbao e inténtao outra vez",
+        "msisdn_field_required_invalid": "Escribe número de teléfono",
+        "no_hs_url_provided": "Non se estableceu URL do servidor",
+        "oidc": {
+            "error_title": "Non puidemos conectarte",
+            "missing_or_invalid_stored_state": "Pedíramoslle ao teu navegador que lembrase o teu servidor de inicio para acceder, pero o navegador esqueceuno. Vaite á páxina de conexión e inténtao outra vez."
+        },
+        "password_field_label": "Escribe contrasinal",
+        "password_field_strong_label": "Ben, bo contrasinal!",
+        "password_field_weak_label": "O contrasinal é admisible, pero inseguro",
+        "phone_label": "Teléfono",
+        "phone_optional_label": "Teléfono (optativo)",
+        "register_action": "Crear conta",
+        "registration": {
+            "continue_without_email_description": "Lembra que se non engades un email e esqueces o contrasinal <b>perderás de xeito permanente o acceso á conta</b>.",
+            "continue_without_email_field_label": "Email (optativo)",
+            "continue_without_email_title": "Continuando sen email"
+        },
+        "registration_disabled": "O rexistro está desactivado neste servidor.",
+        "registration_msisdn_field_required_invalid": "Escribe un número de teléfono (requerido neste servidor)",
+        "registration_successful": "Rexistro correcto",
+        "registration_username_in_use": "Ese nome de usuaria xa está pillado. Inténtao con outro, ou se es ti, conéctate.",
+        "registration_username_unable_check": "Non se puido comprobar se o nome de usuaria xa está en uso. Inténtao máis tarde.",
+        "registration_username_validation": "Usa só minúsculas, números, trazos e trazos baixos",
+        "reset_password": {
+            "devices_logout_success": "Pechaches a sesión en tódolos dispositivos e non recibirás notificacións push. Para reactivalas notificacións volve a acceder en cada dispositivo.",
+            "other_devices_logout_warning_1": "Ao pechar sesión nos teus dispositivos eliminarás as chaves de cifrado de mensaxes gardadas neles, facendo ilexible o historial de conversas cifrado.",
+            "other_devices_logout_warning_2": "Se queres manter o acceso ao historial de conversas en salas cifradas, configura a Copia de Apoio das Chaves ou exporta as chaves das mensaxes desde un dos teus dispositivos antes de continuar.",
+            "password_not_entered": "Debe introducir un novo contrasinal.",
+            "passwords_mismatch": "Os novos contrasinais deben ser coincidentes.",
+            "reset_successful": "Restableceuse o contrasinal.",
+            "return_to_login": "Volver a pantalla de acceso"
+        },
+        "reset_password_email_field_description": "Usa un enderezo de email para recuperar a túa conta",
+        "reset_password_email_field_required_invalid": "Escribe o enderzo de email (requerido neste servidor)",
+        "reset_password_email_not_found_title": "Non se atopou este enderezo de correo",
+        "server_picker_custom": "Outro servidor de inicio",
+        "server_picker_description": "Podes usar as opcións personalizadas do servidor para acceder a outros servidores Matrix indicando o URL do servidor de inicio. Así podes usar %(brand)s cunha conta Matrix rexistrada nun servidor diferente.",
+        "server_picker_description_matrix.org": "Únete a millóns de persoas gratuitamente no maior servidor público",
+        "server_picker_dialog_title": "Decide onde queres crear a túa conta",
+        "server_picker_explainer": "Usa o teu servidor de inicio Matrix preferido, ou usa o teu propio.",
+        "server_picker_failed_validate_homeserver": "Non se puido validar o servidor de inicio",
+        "server_picker_intro": "Chamámoslle 'Servidores de Inicio' aos lugares onde podes ter a túa conta.",
+        "server_picker_invalid_url": "URL non válido",
+        "server_picker_learn_more": "Acerca dos servidores de inicio",
+        "server_picker_matrix.org": "Matrix.org é o servidor público máis grande do mundo, podería ser un bo lugar para comezar.",
+        "server_picker_required": "Indica un servidor de inicio",
+        "server_picker_title": "Conecta co teu servidor de inicio",
+        "server_picker_title_default": "Opcións do servidor",
+        "server_picker_title_registration": "Crea a conta en",
+        "session_logged_out_description": "Por seguridade, pechouse a sesión. Por favor, conéctate outra vez.",
+        "session_logged_out_title": "Desconectada",
+        "set_email": {
+            "description": "Isto permitiralle restablecer o seu contrasinal e recibir notificacións.",
+            "verification_pending_description": "Comprobe o seu correo electrónico e pulse na ligazón que contén. Unha vez feito iso prema continuar.",
+            "verification_pending_title": "Verificación pendente"
+        },
+        "set_email_prompt": "Quere establecer un enderezo de correo electrónico?",
+        "sign_in_instead_prompt": "Xa tes unha conta? <a>Conecta aquí</a>",
+        "sign_in_or_register": "Conéctate ou Crea unha Conta",
+        "sign_in_or_register_description": "Usa a túa conta ou crea unha nova para continuar.",
+        "sign_in_with_sso": "Entrar usando Single Sign On",
+        "soft_logout": {
+            "clear_data_button": "Eliminar todos os datos",
+            "clear_data_description": "O baleirado dos datos da sesión é permanente. As mensaxes cifradas perderánse a menos que as súas chaves estiveren nunha copia de apoio.",
+            "clear_data_title": "¿Baleirar todos os datos desta sesión?"
+        },
+        "soft_logout_heading": "Estás desconectada",
+        "soft_logout_intro_password": "Escribe o contrasinal para acceder e retomar o control da túa conta.",
+        "soft_logout_intro_sso": "Conéctate e recupera o acceso a túa conta.",
+        "soft_logout_intro_unsupported_auth": "Non podes conectar a conta. Contacta coa administración do teu servidor para máis información.",
+        "soft_logout_subheading": "Baleirar datos personais",
+        "sso_complete_in_browser_dialog_title": "Abre o navegador para realizar a Conexión",
+        "sso_failed_missing_storage": "Pedíramoslle ao teu navegador que lembrase o teu servidor de inicio para acceder, pero o navegador esqueceuno. Vaite á páxina de conexión e inténtao outra vez.",
+        "sso_or_username_password": "%(ssoButtons)s Ou %(usernamePassword)s",
+        "sync_footer_subtitle": "Se te uniches a moitas salas, esto podería levarnos un anaco",
+        "uia": {
+            "code": "Código",
+            "email": "Para crear a conta, abre a ligazón no email que che acabamos de enviar a %(emailAddress)s.",
+            "email_auth_header": "Comproba o teu email para continuar",
+            "email_resend_prompt": "Non o recibiches? <a>Volver a enviar</a>",
+            "email_resent": "Reenviado!",
+            "fallback_button": "Inicie a autenticación",
+            "msisdn": "Enviouse unha mensaxe de texto a %(msisdn)s",
+            "msisdn_token_incorrect": "Testemuño incorrecto",
+            "msisdn_token_prompt": "Por favor introduza o código que contén:",
+            "password_prompt": "Confirma a túa identidade escribindo o contrasinal da conta embaixo.",
+            "recaptcha_missing_params": "Falta a chave pública do captcha na configuración do servidor. Informa desto á administración do teu servidor.",
+            "sso_body": "Confirma que queres engadir este email usando Single Sign On como proba de identidade.",
+            "sso_failed": "Algo fallou ao intentar confirma a túa identidade. Cancela e inténtao outra vez.",
+            "sso_postauth_body": "Preme no botón inferior para confirmar a túa identidade.",
+            "sso_postauth_title": "Confirma para continuar",
+            "sso_preauth_body": "Para continuar, usa Single Sign On para probar a túa identidade.",
+            "sso_title": "Usar Single Sign On para continuar",
+            "terms": "Revisa e acepta as cláusulas deste servidor:",
+            "terms_invalid": "Revisa e acepta todas as cláusulas do servidor"
+        },
+        "unsupported_auth_email": "Este servidor non soporta o acceso usando enderezos de email.",
+        "unsupported_auth_msisdn": "O servidor non soporta a autenticación con número de teléfono.",
+        "username_field_required_invalid": "Escribe nome de usuaria",
+        "username_in_use": "Este nome de usuaria xa está pillado, inténtao con outro."
+    },
+    "bug_reporting": {
+        "additional_context": "Se hai contexto que cres que axudaría a analizar o problema, como o que estabas a facer, ID da sala, ID da usuaria, etc., por favor inclúeo aquí.",
+        "before_submitting": "Antes de enviar os rexistros, deberías <a>abrir un informe en GitHub</a> para describir o problema.",
+        "collecting_information": "Obtendo información sobre a versión da app",
+        "collecting_logs": "Obtendo rexistros",
+        "create_new_issue": "Por favor <newIssueLink>abre un novo informe</newIssueLink> en GitHub para poder investigar o problema.",
+        "description": "Os rexistros de depuración conteñen datos de uso da aplicación incluíndo o teu nome de usuaria, os IDs ou alias das salas que visitaches, os elementos da IU cos que interactuaches así como os identificadores de outras usuarias.",
+        "download_logs": "Descargar rexistro",
+        "downloading_logs": "Descargando o rexistro",
+        "error_empty": "Cóntanos o que fallou ou, mellor aínda, abre un informe en GitHub que describa o problema.",
+        "github_issue": "Informe en GitHub",
+        "introduction": "Se informaches do fallo en GitHub, os rexistros poden ser útiles para arranxar o problema. ",
+        "log_request": "Para axudarnos a evitar esto no futuro, envíanos <a>o rexistro</a>.",
+        "logs_sent": "Informes enviados",
+        "matrix_security_issue": "Para informar dun asunto relacionado coa seguridade de Matrix, le a <a>Política de Revelación de Privacidade</a> de Matrix.org.",
+        "preparing_download": "Preparándose para descargar rexistro",
+        "preparing_logs": "Preparándose para enviar informe",
+        "send_logs": "Enviar informes",
+        "submit_debug_logs": "Enviar informes de depuración",
+        "textarea_label": "Notas",
+        "thank_you": "Grazas!",
+        "title": "Informar de fallos",
+        "unsupported_browser": "Lembra: o teu navegador non está soportado, polo que poderían acontecer situacións non agardadas.",
+        "uploading_logs": "Subindo o rexistro",
+        "waiting_for_server": "Agardando pola resposta do servidor"
+    },
+    "cannot_reach_homeserver": "Non se acadou o servidor",
+    "cannot_reach_homeserver_detail": "Asegúrate de que tes boa conexión a internet, ou contacta coa administración do servidor",
+    "cant_load_page": "Non se puido cargar a páxina",
+    "chat_card_back_action_label": "Volver ao chat",
+    "chat_effects": {
+        "confetti_description": "Envía a mensaxe con confetti",
+        "confetti_message": "envía confetti",
+        "fireworks_description": "Envia a mensaxe dada con fogos de artificio",
+        "fireworks_message": "envía fogos de artificio",
+        "hearts_description": "Engádelle moitos corazóns á mensaxe",
+        "hearts_message": "envía corazóns",
+        "rainfall_description": "Envía a mensaxe dada incluíndo chuvia",
+        "rainfall_message": "envía chuvia",
+        "snowfall_description": "Engade neve caendo á mensaxe",
+        "snowfall_message": "envía neve",
+        "spaceinvaders_description": "Envía a mensaxe cun efecto de decorado espacial",
+        "spaceinvaders_message": "enviar invasores espaciais"
+    },
+    "common": {
+        "access_token": "Token de acceso",
+        "accessibility": "Accesibilidade",
+        "advanced": "Avanzado",
+        "analytics": "Análise",
+        "and_n_others": {
+            "other": "e %(count)s outras...",
+            "one": "e outra máis..."
+        },
+        "appearance": "Aparencia",
+        "are_you_sure": "Está segura?",
+        "attachment": "Anexo",
+        "authentication": "Autenticación",
+        "camera": "Cámara",
+        "cameras": "Cámaras",
+        "capabilities": "Capacidades",
+        "copied": "Copiado!",
+        "credits": "Créditos",
+        "dark": "Escuro",
+        "description": "Descrición",
+        "deselect_all": "Retirar selección a todos",
+        "device": "Dispositivo",
+        "edited": "editada",
+        "email_address": "Enderezo de correo",
+        "encrypted": "Cifrado",
+        "error": "Fallo",
+        "faq": "PMF",
+        "feedback": "Comenta",
+        "filter_results": "Filtrar resultados",
+        "forward_message": "Reenviar mensaxe",
+        "general": "Xeral",
+        "go_to_settings": "Ir a Axustes",
+        "guest": "Convidada",
+        "help": "Axuda",
+        "home": "Inicio",
+        "homeserver": "Servidor de inicio",
+        "identity_server": "Servidor de identidade",
+        "image": "Imaxe",
+        "integration_manager": "Xestor de Integracións",
+        "joined": "Unícheste",
+        "light": "Claro",
+        "location": "Localización",
+        "message": "Mensaxe",
+        "message_layout": "Disposición da mensaxe",
+        "microphone": "Micrófono",
+        "modern": "Moderna",
+        "mute": "Acalar",
+        "n_members": {
+            "one": "%(count)s participante",
+            "other": "%(count)s participantes"
+        },
+        "n_rooms": {
+            "one": "%(count)s sala",
+            "other": "%(count)s salas"
+        },
+        "name": "Nome",
+        "no_results": "Sen resultados",
+        "no_results_found": "Sen resultados",
+        "not_trusted": "Non confiable",
+        "offline": "Sen conexión",
+        "options": "Axustes",
+        "orphan_rooms": "Outras salas",
+        "password": "Contrasinal",
+        "people": "Persoas",
+        "preferences": "Preferencias",
+        "presence": "Presenza",
+        "preview_message": "Ei ti. Es grande!",
+        "privacy": "Privacidade",
+        "private": "Privado",
+        "private_room": "Sala privada",
+        "private_space": "Espazo privado",
+        "profile": "Perfil",
+        "public": "Público",
+        "public_room": "Sala pública",
+        "public_space": "Espazo público",
+        "qr_code": "Código QR",
+        "random": "Ao chou",
+        "reactions": "Reaccións",
+        "report_a_bug": "Informar dun fallo",
+        "room": "Sala",
+        "room_name": "Nome da sala",
+        "rooms": "Salas",
+        "secure_backup": "Copia Segura",
+        "select_all": "Seleccionar todos",
+        "server": "Servidor",
+        "settings": "Axustes",
+        "setup_secure_messages": "Configurar Mensaxes Seguras",
+        "show_more": "Mostrar máis",
+        "someone": "Alguén",
+        "space": "Espazo",
+        "spaces": "Espazos",
+        "sticker": "Adhesivo",
+        "stickerpack": "Iconas",
+        "success": "Parabéns",
+        "suggestions": "Suxestións",
+        "support": "Axuda",
+        "theme": "Decorado",
+        "thread": "Tema",
+        "threads": "Conversas",
+        "timeline": "Cronoloxía",
+        "unencrypted": "Non cifrada",
+        "unmute": "Non acalar",
+        "unnamed_room": "Sala sen nome",
+        "unnamed_space": "Espazo sen nome",
+        "unverified": "Non verificada",
+        "user_avatar": "Imaxe de perfil",
+        "username": "Nome de usuaria",
+        "verified": "Verificada",
+        "video_room": "Sala de vídeo",
+        "view_message": "Ver mensaxe",
+        "warning": "Aviso"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Notificar a toda a sala",
+            "command_a11y": "Autocompletado de comandos",
+            "command_description": "Comandos",
+            "emoji_a11y": "Autocompletado emoticonas",
+            "notification_a11y": "Autocompletado de notificacións",
+            "notification_description": "Notificación da sala",
+            "room_a11y": "Autocompletado de Salas",
+            "space_a11y": "Autocompletado do espazo",
+            "user_a11y": "Autocompletados de Usuaria",
+            "user_description": "Usuarias"
+        },
+        "close_sticker_picker": "Agochar adhesivos",
+        "edit_composer_label": "Editar mensaxe",
+        "format_bold": "Resaltado",
+        "format_code_block": "Bloque de código",
+        "format_inline_code": "Código",
+        "format_insert_link": "Escribir ligazón",
+        "format_italics": "Cursiva",
+        "format_strikethrough": "Sobrescrito",
+        "no_perms_notice": "Non ten permiso para comentar nesta sala",
+        "placeholder": "Enviar mensaxe…",
+        "placeholder_encrypted": "Enviar unha mensaxe cifrada…",
+        "placeholder_reply": "Responder…",
+        "placeholder_reply_encrypted": "Enviar unha resposta cifrada…",
+        "placeholder_thread": "Responder á conversa…",
+        "placeholder_thread_encrypted": "Responder á conversa cifrada…",
+        "poll_button": "Enquisa",
+        "poll_button_no_perms_description": "Non tes permiso para publicar enquisas nesta sala.",
+        "poll_button_no_perms_title": "Precísanse permisos",
+        "replying_title": "Respondendo",
+        "room_upgraded_link": "A conversa continúa aquí.",
+        "room_upgraded_notice": "Esta sala foi substituída e xa non está activa.",
+        "send_button_title": "Enviar mensaxe",
+        "send_button_voice_message": "Enviar mensaxe de voz",
+        "send_voice_message": "Enviar mensaxe de voz",
+        "stop_voice_message": "Deter a gravación",
+        "voice_message_button": "Mensaxe de voz"
+    },
+    "console_dev_note": "Se sabes o que estás a facer, o código de Element é aberto, podes comprobalo en GitHub (https://github.com/vector-im/element-web/) e colaborar!",
+    "console_scam_warning": "Se alguén che dixo que copies/pegues algo aquí, entón probablemente están intentando estafarte!",
+    "console_wait": "Agarda!",
+    "create_room": {
+        "action_create_room": "Crear sala",
+        "action_create_video_room": "Crear sala de vídeo",
+        "encrypted_video_room_warning": "Despois non poderás desfacer esto. A sala estará cifrada pero non a chamada que inclúe.",
+        "encrypted_warning": "Non poderás desactivar isto máis tarde. As pasarelas e a maioría de bots aínda non funcionan.",
+        "encryption_forced": "O servidor require que actives o cifrado nas salas privadas.",
+        "encryption_label": "Activar cifrado extremo-a-extremo",
+        "error_title": "Fallou a creación da sala",
+        "generic_error": "O servidor podería non estar dispoñible, con sobrecarga ou ter un fallo.",
+        "join_rule_change_notice": "Podes cambiar isto en calquera momento nos axustes da sala.",
+        "join_rule_invite": "Sala privada (só con convite)",
+        "join_rule_invite_label": "Só as persoas convidadas poderán atopar e unirse a esta sala.",
+        "join_rule_public_label": "Calquera poderá atopar e unirse a esta sala.",
+        "join_rule_public_parent_space_label": "Calquera poderá atopar e unirse a esta sala, non só os membros de <SpaceName/>.",
+        "join_rule_restricted": "Visible para membros do espazo",
+        "join_rule_restricted_label": "Todas en <SpaceName/> poderán atopar e unirse a esta sala.",
+        "name_validation_required": "Escribe un nome para a sala",
+        "room_visibility_label": "Visibilidade da sala",
+        "title_private_room": "Crear sala privada",
+        "title_public_room": "Crear sala pública",
+        "title_video_room": "Crear sala de vídeo",
+        "topic_label": "Asunto (optativo)",
+        "unfederated": "Evitar que calquera externo a %(serverName)s se poida unir a esta sala.",
+        "unfederated_label_default_off": "Pode resultar útil se a sala vai ser utilizada só polo equipo de xestión interna do servidor. Non se pode cambiar máis tarde.",
+        "unfederated_label_default_on": "Poderías desactivalo se a sala vai ser utilizada para colaborar con equipos externos que teñen o seu propio servidor. Esto non se pode cambiar máis tarde.",
+        "unsupported_version": "O servidor non soporta a versión da sala indicada."
+    },
+    "create_space": {
+        "add_details_prompt": "Engade algún detalle para que sexa recoñecible.",
+        "add_details_prompt_2": "Poderás cambialo en calquera momento.",
+        "add_existing_rooms_description": "Elixe salas ou conversas para engadilas. Este é un espazo para ti, ninguén será notificado. Podes engadir máis posteriormente.",
+        "add_existing_rooms_heading": "Que queres organizar?",
+        "address_label": "Enderezo",
+        "address_placeholder": "ex. o-meu-espazo",
+        "done_action": "Ir ao meu espazo",
+        "done_action_first_room": "Ir á miña primeira sala",
+        "explainer": "Espazos é o novo xeito de agrupar salas e persoas. Que tipo de Espazo queres crear? Pódelo cambiar máis tarde.",
+        "failed_create_initial_rooms": "Fallou a creación inicial das salas do espazo",
+        "failed_invite_users": "Fallou o convite ao teu espazo para as seguintes usuarias: %(csvUsers)s",
+        "invite_teammates_by_username": "Convidar por nome de usuaria",
+        "invite_teammates_description": "Asegúrate de que as persoas axeitadas teñen acceso. Podes convidar a outras máis tarde.",
+        "invite_teammates_heading": "Convida ao teu equipo",
+        "label": "Crear un espazo",
+        "name_required": "Escribe un nome para o espazo",
+        "personal_space": "Só eu",
+        "personal_space_description": "Un espazo privado para organizar as túas salas",
+        "private_description": "Só con convite, mellor para ti ou para equipos",
+        "private_heading": "O teu espazo privado",
+        "private_personal_description": "Asegúrate de que as persoas axeitadas teñen acceso a %(name)s",
+        "private_personal_heading": "Con quen estás a traballar?",
+        "private_space": "Eu máis o meu equipo",
+        "private_space_description": "Un espazo privado para ti e o teu equipo",
+        "public_description": "Espazo aberto para calquera, mellor para comunidades",
+        "public_heading": "O teu espazo público",
+        "setup_rooms_community_description": "Crea unha sala para cada un deles.",
+        "setup_rooms_community_heading": "Sobre que temas queres conversar en %(spaceName)s?",
+        "setup_rooms_description": "Podes engadir máis posteriormente, incluíndo os xa existentes.",
+        "setup_rooms_private_description": "Imos crear salas para cada un deles.",
+        "setup_rooms_private_heading": "En que proxectos está a traballar o teu equipo?",
+        "share_description": "Por agora só estás ti, será incluso mellor con outras persoas.",
+        "share_heading": "Compartir %(name)s",
+        "skip_action": "Omitir por agora",
+        "subspace_beta_notice": "Engade un espazo ao espazo que ti xestionas.",
+        "subspace_dropdown_title": "Crear un espazo",
+        "subspace_existing_space_prompt": "Queres engadir un espazo xa existente?",
+        "subspace_join_rule_invite_description": "Só as persoas convidadas poderán atopar e unirse a este espazo.",
+        "subspace_join_rule_invite_only": "Espazo privado (só convidadas)",
+        "subspace_join_rule_label": "Visibilidade do espazo",
+        "subspace_join_rule_public_description": "Calquera poderá atopar e unirse a este espazo, non só os membros de <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Calquera en <SpaceName/> poderá atopar e unirse."
+    },
+    "desktop_default_device_name": "%(brand)s para Escritorio: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Widgets activos",
+        "category_other": "Outro",
+        "category_room": "Sala",
+        "caution_colon": "Aviso:",
+        "client_versions": "Versións do cliente",
+        "developer_mode": "Modo desenvolvemento",
+        "developer_tools": "Ferramentas para desenvolver",
+        "edit_setting": "Editar axuste",
+        "edit_values": "Editar valores",
+        "empty_string": "<cadea baleira>",
+        "event_content": "Contido do evento",
+        "event_id": "ID do evento: %(eventId)s",
+        "event_sent": "Evento enviado!",
+        "event_type": "Tipo de evento",
+        "explore_account_data": "Explorar datos da conta",
+        "explore_room_account_data": "Explorar datos da conta da sala",
+        "explore_room_state": "Explorar estado da sala",
+        "failed_to_find_widget": "Houbo un fallo ao buscar o widget.",
+        "failed_to_load": "Fallou a carga.",
+        "failed_to_save": "Fallou o gardado dos axustes.",
+        "failed_to_send": "Fallou o envio do evento!",
+        "invalid_json": "Non semella un JSON válido.",
+        "level": "Nivel",
+        "number_of_users": "Número de usuarias",
+        "original_event_source": "Fonte orixinal do evento",
+        "room_id": "ID da sala: %(roomId)s",
+        "save_setting_values": "Gardar valores configurados",
+        "send_custom_account_data_event": "Enviar evento de datos da conta personalizado",
+        "send_custom_room_account_data_event": "Enviar evento de datos da sala personalizado",
+        "send_custom_state_event": "Enviar evento de estado personalizado",
+        "send_custom_timeline_event": "Enviar evento personalizado da cronoloxía",
+        "server_info": "Info do servidor",
+        "server_versions": "Versións do servidor",
+        "settable_global": "Configurable como global",
+        "settable_room": "Configurable na sala",
+        "setting_colon": "Axuste:",
+        "setting_definition": "Definición do axuste:",
+        "setting_id": "ID do axuste",
+        "settings_explorer": "Explorar axustes",
+        "show_hidden_events": "Mostrar na cronoloxía eventos ocultos",
+        "spaces": {
+            "one": "<spazo>",
+            "other": "<%(count)s espazos>"
+        },
+        "state_key": "Chave do estado",
+        "title": "Ferramentas desenvolvemento",
+        "toolbox": "Ferramentas",
+        "use_at_own_risk": "Esta IU non comproba os tipos dos valores. Usa baixo a túa responsabilidade.",
+        "value": "Valor",
+        "value_colon": "Valor:",
+        "value_in_this_room": "Valor nesta sala",
+        "value_this_room_colon": "Valor nesta sala:",
+        "values_explicit": "Valores e niveis explícitos",
+        "values_explicit_colon": "Valores a niveis explícitos:",
+        "values_explicit_room": "Valores a niveis explícitos nesta sala",
+        "values_explicit_this_room_colon": "Valores a niveis explícitos nesta sala:",
+        "view_servers_in_room": "Ver servidores na sala",
+        "view_source_decrypted_event_source": "Fonte descifrada do evento",
+        "widget_screenshots": "Activar as capturas de trebellos para aqueles que as permiten"
+    },
+    "dialog_close_label": "Pechar diálogo",
+    "download_completed": "Descarga realizada",
+    "empty_room": "Sala baleira",
+    "empty_room_was_name": "Sala baleira (era %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Chave de Seguridade incorrecta"
+            },
+            "restoring": "Restablecendo chaves desde a copia",
+            "security_key_title": "Chave de Seguridade"
+        },
+        "bootstrap_title": "Configurando as chaves",
+        "confirm_encryption_setup_body": "Preme no botón inferior para confirmar os axustes do cifrado.",
+        "confirm_encryption_setup_title": "Confirma os axustes de cifrado",
+        "cross_signing_room_normal": "Esta sala está cifrada extremo-a-extremo",
+        "cross_signing_room_verified": "Todas nesta sala están verificadas",
+        "cross_signing_room_warning": "Alguén está a usar unha sesión descoñecida",
+        "cross_signing_user_normal": "Non verificaches esta usuaria.",
+        "cross_signing_user_verified": "Verificaches esta usuaria. A usuaria verificou todas as súas sesións.",
+        "cross_signing_user_warning": "Esta usuaria non verificou ningunha das súas sesións.",
+        "event_shield_reason_authenticity_not_guaranteed": "A autenticidade desta mensaxe cifrada non está garantida neste dispositivo.",
+        "event_shield_reason_mismatched_sender_key": "Cifrada por unha sesión non verificada",
+        "export_unsupported": "O seu navegador non soporta as extensións de criptografía necesarias",
+        "import_invalid_keyfile": "Non é un ficheiro de chaves %(brand)s válido",
+        "import_invalid_passphrase": "Fallou a comprobación de autenticación: contrasinal incorrecto?",
+        "messages_not_secure": {
+            "cause_1": "O teu servidor",
+            "cause_2": "O servidor ao que está conectado a persoa que estás verificando",
+            "cause_3": "Da túa, ou da conexión a internet doutras persoas",
+            "cause_4": "Túas, ou da sesión doutras persoas",
+            "heading": "Un dos seguintes podería estar comprometido:",
+            "title": "As túas mensaxes non están aseguradas"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Detectouse unha nova Frase de Seguridade e chave para as Mensaxes Seguras.",
+            "description_2": "Esta sesión está cifrando o historial usando o novo método de recuperación.",
+            "title": "Novo Método de Recuperación",
+            "warning": "Se non configuras o novo método de recuperación, un atacante podería intentar o acceso á túa conta. Cambia inmediatamente o contrasinal da conta e configura un novo método de recuperación nos Axustes."
+        },
+        "recovery_method_removed": {
+            "description_1": "Esta sesión detectou que se eliminaron a túa Frase de Seguridade e chave para Mensaxes Seguras.",
+            "description_2": "Se fixeches esto sen querer, podes configurar Mensaxes Seguras nesta sesión e volverá a cifrar as mensaxes da sesión cun novo método de recuperación.",
+            "title": "Método de Recuperación eliminado",
+            "warning": "Se non eliminaches o método de recuperación, un atacante podería estar a intentar acceder á túa conta. Cambia inmediatamente o contrasinal da conta e establece un novo método de recuperación nos Axustes."
+        },
+        "set_up_toast_title": "Configurar Copia de apoio Segura",
+        "unable_to_setup_keys_error": "Non se puideron configurar as chaves",
+        "verification": {
+            "accepting": "Aceptando…",
+            "after_new_login": {
+                "device_verified": "Dispositivo verificado",
+                "skip_verification": "Omitir a verificación por agora",
+                "verify_this_device": "Verifica este dispositivo"
+            },
+            "cancelling": "Cancelando…",
+            "complete_action": "Vale",
+            "complete_description": "Verificaches esta usuaria.",
+            "complete_title": "Verificada!",
+            "explainer": "As mensaxes seguras con esta usuaria están cifradas extremo-a-extremo e non son lexibles por terceiras.",
+            "in_person": "Para estar seguro, fai esto en persoa ou utiliza un xeito seguro para comunicarte.",
+            "incoming_sas_device_dialog_text_1": "Verifica este dispositivo para marcalo como confiable. Confiando neste dispositivo permite que ti e outras usuarias estedes máis tranquilas ao utilizar mensaxes cifradas.",
+            "incoming_sas_device_dialog_text_2": "Ao verificar este dispositivo marcaralo como confiable, e as usuarias que confiaron en ti tamén confiarán nel.",
+            "incoming_sas_dialog_title": "Solicitude entrante de verificación",
+            "incoming_sas_user_dialog_text_1": "Verifica esta usuaria para marcala como confiable. Ao confiar nas usuarias proporcionache tranquilidade extra cando usas cifrado de extremo-a-extremo.",
+            "incoming_sas_user_dialog_text_2": "Ao verificar esta usuaria marcarás a súa sesión como confiable, e tamén marcará a túa sesión como confiable para elas.",
+            "no_support_qr_emoji": "Este dispositivo que intentas verificar non ten soporte para código QR nin verificación por emoji, que é o que %(brand)s soporta. Inténtao cun cliente diferente.",
+            "other_party_cancelled": "A outra parte cancelou a verificación.",
+            "prompt_encrypted": "Verificar todas as usuarias da sala para asegurar que é segura.",
+            "prompt_unencrypted": "En salas cifradas, verfica tódalas usuarias para ter certeza de que é segura.",
+            "qr_or_sas": "%(qrCode)s ou %(emojiCompare)s",
+            "qr_prompt": "Escanea este código único",
+            "qr_reciprocate_same_shield_user": "Case feito! ¿está %(displayName)s mostrando as mesmas emoticonas?",
+            "request_toast_detail": "%(deviceId)s desde %(ip)s",
+            "sas_caption_self": "Verifica este dispositivo confirmando que o seguinte número aparece na pantalla.",
+            "sas_caption_user": "Verifica esta usuaria confirmando que o seguinte número aparece na súa pantalla.",
+            "sas_description": "Compara o conxunto único de emoticonas se non tes cámara no outro dispositivo",
+            "sas_emoji_caption_user": "Verifica a usuaria confirmando que as emoticonas aparecen na súa pantalla.",
+            "sas_match": "Concordan",
+            "sas_no_match": "Non concordan",
+            "sas_prompt": "Compara os emoji",
+            "scan_qr": "Verificar escaneando",
+            "scan_qr_explainer": "Pídelle a %(displayName)s que escanee o teu código:",
+            "start_button": "Comezar a Verificación",
+            "successful_user": "Verificaches correctamente a %(displayName)s!",
+            "unsupported_method": "Non se atopa un método de verificación válido.",
+            "unverified_session_toast_title": "Nova sesión. Foches ti?",
+            "unverified_sessions_toast_description": "Revisa para asegurarte de que a túa conta está protexida",
+            "unverified_sessions_toast_reject": "Máis tarde",
+            "verification_dialog_title_device": "Verificar outro dispositivo",
+            "verification_dialog_title_user": "Solicitude de Verificación",
+            "verification_skip_warning": "Sen verificación non poderás acceder a tódalas túas mensaxes e poderían aparecer como non confiables ante outras persoas.",
+            "verification_success_with_backup": "O novo dispositivo xa está verificado. Ten acceso a tódalas túas mensaxes cifradas, e outra usuarias verano como confiable.",
+            "verification_success_without_backup": "O dispositivo xa está verificado. Outras persoas verano como confiable.",
+            "verify_emoji": "Verificar por emoticonas",
+            "verify_emoji_prompt": "Verficación por comparación de emoticonas.",
+            "verify_emoji_prompt_qr": "Se non podes escanear o código superior, verifica comparando as emoticonas.",
+            "verify_later": "Verificarei máis tarde",
+            "waiting_for_user_accept": "Agardando a que %(displayName)s acepte…",
+            "waiting_other_device": "Agardando a que verifiques no teu outro dispositivo…",
+            "waiting_other_device_details": "Agardando a que verifiques o teu outro dispositivo, %(deviceName)s %(deviceId)s …",
+            "waiting_other_user": "Agardando por %(displayName)s para verificar…"
+        },
+        "verification_requested_toast_title": "Verificación solicitada",
+        "verify_toast_description": "Outras usuarias poderían non confiar",
+        "verify_toast_title": "Verificar esta sesión"
+    },
+    "error": {
+        "admin_contact": "Por favor <a>contacte coa administración do servizo</a> para continuar utilizando o servizo.",
+        "admin_contact_short": "Contacta coa <a>administración</a>.",
+        "app_launch_unexpected_error": "Fallo non agardado ao preparar a app. Detalles na consola.",
+        "cannot_load_config": "Non se cargou o ficheiro de configuración: actualiza a páxina para reintentalo.",
+        "connection": "Houbo un problema de comunicación co servidor de inicio, inténtao máis tarde.",
+        "dialog_description_default": "Algo fallou.",
+        "edit_history_unsupported": "O servidor non semella soportar esta característica.",
+        "failed_copy": "Fallo ao copiar",
+        "hs_blocked": "O servidor de inicio foi bloqueado pola súa administración.",
+        "invalid_configuration_no_server": "Configuración non válida: non se indicou servidor por defecto.",
+        "invalid_json": "A configuración de Element contén JSON non válido. Corrixe o problema e recarga a páxina.",
+        "invalid_json_detail": "A mensaxe desde o intérprete é: %(message)s",
+        "invalid_json_generic": "JSON non válido",
+        "mau": "Este servidor acadou o límite mensual de usuarias activas.",
+        "misconfigured": "Element non está ben configurado",
+        "mixed_content": "Non se pode conectar ao servidor vía HTTP cando na barra de enderezos do navegador está HTTPS. Utiliza HTTPS ou <a>active scripts non seguros</a>.",
+        "non_urgent_echo_failure_toast": "O teu servidor non responde a algunhas <a>solicitudes</a>.",
+        "resource_limits": "Este servidor excedeu un dos seus límites de recursos.",
+        "session_restore": {
+            "clear_storage_button": "Limpar o almacenamento e Saír",
+            "clear_storage_description": "Saír e eliminar as chaves de cifrado?",
+            "description_1": "Atopamos un fallo intentando restablecer a súa sesión anterior.",
+            "description_2": "Se anteriormente utilizaches unha versión máis recente de %(brand)s, a túa sesión podería non ser compatible con esta versión. Pecha esta ventá e volve á versión máis recente.",
+            "description_3": "Limpando o almacenamento do navegador podería resolver o problema, pero sairás da sesión e non poderás ler o historial cifrado da conversa.",
+            "title": "Non se puido restaurar a sesión"
+        },
+        "something_went_wrong": "Algo fallou!",
+        "storage_evicted_description_1": "Faltan algúns datos da sesión, incluíndo chaves de mensaxes cifradas. Sae e volve a entrar para arranxalo, restaurando as chaves desde a copia.",
+        "storage_evicted_description_2": "O navegador probablemente eliminou estos datos ao quedar con pouco espazo de disco.",
+        "storage_evicted_title": "Faltan datos da sesión",
+        "tls": "Non se conectou ao servidor - por favor comprobe a conexión, asegúrese de que o<a>certificado SSL do servidor</a> sexa de confianza, e que ningún engadido do navegador estea bloqueando as peticións.",
+        "unknown": "Fallo descoñecido",
+        "unknown_error_code": "código de fallo descoñecido",
+        "update_power_level": "Fallo ao cambiar o nivel de permisos"
+    },
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Non se copiou a ligazón da sala ao portapapeis.",
+            "title": "Non se puido copiar ligazón da sala"
+        },
+        "error_loading_user_profile": "Non se cargou o perfil da usuaria",
+        "forget_room_failed": "Fallo ao esquecer sala %(errCode)s"
+    },
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Chamada en curso",
+            "user": "%(senderName)s uniuse á chamada",
+            "you": "Unícheste á chamada"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s finalizou a chamada",
+            "you": "Finalizaches a chamada"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s está chamando",
+            "dm_send": "Agardando resposta",
+            "user": "%(senderName)s iniciou unha chamada",
+            "you": "Iniciaches unha chamada"
+        }
+    },
+    "export_chat": {
+        "cancelled": "Exportación cancelada",
+        "cancelled_detail": "Cancelouse con éxito a exportación",
+        "confirm_stop": "Tes a certeza de querer deter a exportación de datos? Se é así, terás que volver a iniciala.",
+        "creator_summary": "%(creatorName)s creou esta sala.",
+        "current_timeline": "Cronoloxía actual",
+        "enter_number_between_min_max": "Escribe un número entre %(min)s e %(max)s",
+        "error_fetching_file": "Erro ao obter o ficheiro",
+        "export_info": "Este é o inicio da exportación de <roomName/>. Exportada por <exporterDetails/> o %(exportDate)s.",
+        "export_successful": "Exportación correcta!",
+        "exported_n_events_in_time": {
+            "one": "Exportado %(count)s evento en %(seconds)s segundos",
+            "other": "Exportados %(count)s eventos en %(seconds)s segundos"
+        },
+        "exporting_your_data": "Exportando os teus datos",
+        "fetched_n_events": {
+            "one": "Obtido %(count)s evento por agora",
+            "other": "Obtidos %(count)s eventos por agora"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Obtido %(count)s evento en %(seconds)ss",
+            "other": "Obtidos %(count)s eventos en %(seconds)ss"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Obtido %(count)s evento de %(total)s",
+            "other": "Obtidos %(count)s eventos de %(total)s"
+        },
+        "file_attached": "Ficheiro anexado",
+        "format": "Formato",
+        "from_the_beginning": "Desde o comezo",
+        "generating_zip": "Creando un ZIP",
+        "include_attachments": "Incluír anexos",
+        "media_omitted": "Omitir multimedia",
+        "media_omitted_file_size": "Multimedia omitido - excedeuse o límite de tamaño",
+        "messages": "Mensaxes",
+        "num_messages": "Número de mensaxes",
+        "num_messages_min_max": "O número de mensaxes só pode ser un número entre %(min)s e %(max)s",
+        "number_of_messages": "Indica un número de mensaxes",
+        "processing_event_n": "Procesando evento %(number)s de %(total)s",
+        "select_option": "Elixe entre as opcións seguintes para exportar a túa cronoloxía",
+        "size_limit": "Límite do tamaño",
+        "size_limit_min_max": "O tamaño só pode ser un número entre %(min)s MB e %(max)s MB",
+        "successful": "Exportación correcta",
+        "successful_detail": "A exportación foi correcta. Atoparala no cartafol de Descargas.",
+        "text": "Texto plano",
+        "title": "Exportar chat",
+        "topic": "Asunto: %(topic)s",
+        "unload_confirm": "Tes a certeza de querer saír durante esta exportación?"
+    },
+    "failed_load_async_component": "Non cargou! Comproba a conexión á rede e volta a intentalo.",
+    "feedback": {
+        "can_contact_label": "Podes contactar conmigo se tes algunha outra suxestión",
+        "comment_label": "Comentar",
+        "existing_issue_link": "Primeiro revisa <existingIssuesLink>a lista existente de fallo en Github</existingIssuesLink>. Non hai nada? <newIssueLink>Abre un novo</newIssueLink>.",
+        "may_contact_label": "Podes contactar conmigo se queres estar ao día ou comentarme algunha suxestión",
+        "platform_username": "A túa plataforma e nome de usuaria serán notificados para axudarnos a utilizar a túa opinión do mellor xeito posible.",
+        "pro_type": "PRO TIP: se inicias un novo informe, envía <debugLogsLink>rexistros de depuración</debugLogsLink> para axudarnos a investigar o problema.",
+        "send_feedback_action": "Enviar comentario",
+        "sent": "Comentario enviado"
+    },
+    "file_panel": {
+        "empty_description": "Anexa filecheiros desde a conversa ou arrastra e sóltaos onde queiras nunha sala.",
+        "empty_heading": "Non hai ficheiros visibles na sala",
+        "guest_note": "Debe <a>rexistrarse</a> para utilizar esta función",
+        "peek_note": "Debes unirte a sala para ver os seus ficheiros"
+    },
+    "forward": {
+        "filter_placeholder": "Busca salas ou persoas",
+        "message_preview_heading": "Vista previa da mensaxe",
+        "no_perms_title": "Non tes permiso para facer isto",
+        "open_room": "Abrir sala",
+        "send_label": "Enviar",
+        "sending": "Enviando",
+        "sent": "Enviado"
+    },
+    "identity_server": {
+        "change": "Cambiar de servidor de identidade",
+        "change_prompt": "Desconectar do servidor de identidade <current /> e conectar con <new />?",
+        "change_server_prompt": "Se non queres usar <server /> para atopar e ser atopado polos contactos existentes que coñeces, escribe embaixo outro servidor de identidade.",
+        "checking": "Comprobando servidor",
+        "description_connected": "Neste intre usas <server></server> para atopar e ser atopado polos contactos existentes que coñeces. Aquí abaixo podes cambiar de servidor de identidade.",
+        "description_disconnected": "Non estás a usar un servidor de identidade. Para atopar e ser atopado polos contactos existentes que coñeces, engade un embaixo.",
+        "description_optional": "Usar un servidor de identidade é optativo. Se escolles non usar un, non poderás ser atopado por outras usuarias e non poderás convidar a outras polo seu email ou teléfono.",
+        "disconnect": "Desconectar servidor de identidade",
+        "disconnect_anyway": "Desconectar igualmente",
+        "disconnect_offline_warning": "Deberías <b>eliminar os datos personais</b> do servidor de identidade <idserver /> antes de desconectar. Desgraciadamente, o servidor <idserver /> non está en liña ou non é accesible.",
+        "disconnect_personal_data_warning_1": "Aínda estás <b>compartindo datos personais</b> no servidor de identidade <idserver />.",
+        "disconnect_personal_data_warning_2": "Recomendámosche que elimines os teus enderezos de email e números de teléfono do servidor de identidade antes de desconectar del.",
+        "disconnect_server": "Desconectar do servidor de identidade <idserver />?",
+        "disconnect_warning": "Ao desconectar do teu servidor de identidade non te poderán atopar as outras usuarias e non poderás convidar a outras polo seu email ou teléfono.",
+        "do_not_use": "Non usar un servidor de identidade",
+        "error_connection": "Non hai conexión co Servidor de Identidade",
+        "error_invalid": "Servidor de Identidade non válido (código de estado %(code)s)",
+        "error_invalid_or_terms": "Non se aceptaron os Termos do servizo ou o servidor de identidade non é válido.",
+        "no_terms": "O servidor de identidade escollido non ten establecidos termos do servizo.",
+        "suggestions": "Deberías:",
+        "suggestions_1": "comprobar os engadidos do navegador por algún está bloqueando o servidor de identidade (como Privacy Badger)",
+        "suggestions_2": "contactar coa administración do servidor de identidade <idserver />",
+        "suggestions_3": "agardar e probar máis tarde",
+        "url": "Servidor de Identidade (%(server)s)",
+        "url_field_label": "Escribe o novo servidor de identidade",
+        "url_not_https": "O URL do servidor de identidade debe comezar HTTPS"
+    },
+    "in_space": "No espazo %(spaceName)s.",
+    "in_space1_and_space2": "Nos espazos %(space1Name)s e %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "No %(spaceName)s e %(count)s outro espazo.",
+        "other": "No espazo %(spaceName)s e %(count)s outros espazos."
+    },
+    "incompatible_browser": {
+        "title": "Navegador non soportado"
+    },
+    "info_tooltip_title": "Información",
+    "integration_manager": {
+        "error_connecting": "O xestor de integración non está en liña ou non é accesible desde o teu servidor.",
+        "error_connecting_heading": "Non se puido conectar co xestor de intregración",
+        "explainer": "Os xestores de integracións reciben datos de configuración, e poden modificar os widgets, enviar convites das salas, e establecer roles no teu nome.",
+        "manage_title": "Xestionar integracións",
+        "use_im": "Usa un Xestor de Integracións para xestionar bots, widgets e paquetes de adhesivos.",
+        "use_im_default": "Usa un Xestor de Integración <b>(%(serverName)s)</b> para xestionar bots, widgets e paquetes de adhesivos."
+    },
+    "integrations": {
+        "disabled_dialog_title": "As Integracións están desactivadas",
+        "impossible_dialog_description": "O teu %(brand)s non permite que uses o Xestor de Integracións, contacta coa administración.",
+        "impossible_dialog_title": "Non se permiten Integracións"
+    },
+    "invite": {
+        "email_caption": "Convidar por email",
+        "email_use_default_is": "Usa un servidor de identidade para convidar por email. <default>Usa o valor por defecto (%(defaultIdentityServerName)s)</default> ou xestionao en <settings>Axustes</settings>.",
+        "email_use_is": "Usa un servidor de identidade para convidar por email. Xestionao en <settings>Axustes</settings>.",
+        "error_already_invited_room": "A usuaria xa está convidada á sala",
+        "error_already_invited_space": "A usuaria xa está convidada ao espazo",
+        "error_already_joined_room": "A usuaria xa está na sala",
+        "error_already_joined_space": "A usuaria xa está no espazo",
+        "error_bad_state": "A usuria debe ser desbloqueada antes de poder convidala.",
+        "error_dm": "Non puidemos crear o teu MD.",
+        "error_find_room": "Algo fallou ao convidar as usuarias.",
+        "error_find_user_description": "As seguintes usuarias poderían non existir ou non son válidas, e non se poden convidar: %(csvNames)s",
+        "error_find_user_title": "Non atopamos as seguintes usuarias",
+        "error_invite": "Non puidemos invitar esas usuarias. Comprobas que son correctas e intenta convidalas outra vez.",
+        "error_permissions_room": "Non tes permiso para convidar a xente a esta sala.",
+        "error_permissions_space": "Non tes permiso para convidar persoas a este espazo.",
+        "error_profile_undisclosed": "A usuaria podería non existir",
+        "error_transfer_multiple_target": "Unha chamada só se pode transferir a unha única usuaria.",
+        "error_unknown": "Erro descoñecido no servidor",
+        "error_user_not_found": "A usuaria non existe",
+        "error_version_unsupported_room": "O servidor da usuaria non soporta a versión da sala.",
+        "error_version_unsupported_space": "O servidor de inicio da usuaria non soporta a versión do Espazo.",
+        "failed_generic": "Fallou a operación",
+        "failed_title": "Fallou o convite",
+        "invalid_address": "Enderezo non recoñecible",
+        "name_email_mxid_share_room": "Convida a persoas usando o seu nome, enderezo de email, nome de usuaria (como <userId/>) ou <a>comparte esta sala</a>.",
+        "name_email_mxid_share_space": "Convida a persoas usando o seu nome, enderezo de email, nome de usuaria (como <userId/>) ou <a>comparte este espazo</a>.",
+        "name_mxid_share_room": "Convida a alguén usando o seu nome, nome de usuaria (como <userId/>) ou <a>comparte esta sala</a>.",
+        "name_mxid_share_space": "Convida a alguén usando o seu nome, nome de usuaria (como <userId/>) ou <a>comparte este espazo</a>.",
+        "recents_section": "Conversas recentes",
+        "room_failed_partial": "Convidamos as outras, pero as persoas de aquí embaixo non foron convidadas a <RoomName/>",
+        "room_failed_partial_title": "Non se puideron enviar algúns convites",
+        "room_failed_title": "Fallou o convite das usuarias para %(roomName)s",
+        "send_link_prompt": "Ou envía ligazón de convite",
+        "start_conversation_name_email_mxid_prompt": "Inicia unha conversa con alguén usando o seu nome, enderezo de email ou nome de usuaria (como <userId/>).",
+        "start_conversation_name_mxid_prompt": "Inicia unha conversa con alguén usando o seu nome ou nome de usuaria (como <userId/>).",
+        "suggestions_disclaimer": "Algunhas suxestións poderían estar agochadas por privacidade.",
+        "suggestions_disclaimer_prompt": "Se non atopas a quen buscas, envíalle a túa ligazón de convite.",
+        "suggestions_section": "Mensaxes Directas recentes",
+        "to_room": "Convidar a %(roomName)s",
+        "to_space": "Convidar a %(spaceName)s",
+        "transfer_dial_pad_tab": "Marcador",
+        "transfer_user_directory_tab": "Directorio de Usuarias",
+        "unable_find_profiles_description_default": "Non se atopou o perfil dos IDs Matrix da lista inferior - ¿Desexas convidalas igualmente?",
+        "unable_find_profiles_invite_label_default": "Convidar igualmente",
+        "unable_find_profiles_invite_never_warn_label_default": "Convidar igualmente e non avisarme outra vez",
+        "unable_find_profiles_title": "As seguintes usuarias poderían non existir"
+    },
+    "inviting_user1_and_user2": "Convidando a %(user1)s e %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Convidando a %(user)s e outra persoa",
+        "other": "Convidando a %(user)s e %(count)s outras"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> e %(count)s outras",
+        "one": "<Items/> e outra máis"
+    },
+    "keyboard": {
+        "activate_button": "Activar o botón seleccionado",
+        "autocomplete_cancel": "Cancelar autocompletado",
+        "autocomplete_force": "Forzar completamento",
+        "autocomplete_navigate_next": "Seguinte suxestión de autocompletado",
+        "autocomplete_navigate_prev": "Anterior suxestión de autocompletado",
+        "backspace": "Retroceso",
+        "cancel_reply": "Cancelar a resposta a mensaxe",
+        "category_autocomplete": "Autocompletado",
+        "category_calls": "Chamadas",
+        "category_navigation": "Navegación",
+        "category_room_list": "Lista de Salas",
+        "close_dialog_menu": "Pechar o diálogo ou menú contextual",
+        "composer_jump_end": "Vai ao final no editor",
+        "composer_jump_start": "Vai ao inicio do editor",
+        "composer_navigate_next_history": "Vai á seguinte mensaxe no historial do editor",
+        "composer_navigate_prev_history": "Vai á mensaxe anterior no historial do editor",
+        "composer_new_line": "Nova liña",
+        "composer_redo": "Refacer a edición",
+        "composer_toggle_bold": "Activa Resaltar",
+        "composer_toggle_code_block": "Activar Bloque de Código",
+        "composer_toggle_italics": "Activa Cursiva",
+        "composer_toggle_link": "Activar Ligazón",
+        "composer_toggle_quote": "Activa Citación",
+        "composer_undo": "Desfacer a edición",
+        "dismiss_read_marker_and_jump_bottom": "Ignorar marcador de lectura e ir ó final",
+        "end": "Fin",
+        "enter": "Intro",
+        "go_home_view": "Ir á Páxina de Inicio",
+        "home": "Inicio",
+        "jump_first_message": "Ir á primeira mensaxe",
+        "jump_last_message": "Ir á última mensaxe",
+        "jump_room_search": "Ir a busca na sala",
+        "jump_to_read_marker": "Ir á mensaxe máis antiga non lida",
+        "keyboard_shortcuts_tab": "Abre esta lapela cos axustes",
+        "navigate_next_history": "Seguinte sala ou espazo visitados recentemente",
+        "navigate_next_message_edit": "Vai á seguinte mensaxe para editar",
+        "navigate_prev_history": "Anterior sala ou espazo visitados recentemente",
+        "navigate_prev_message_edit": "Vai á mensaxe anterior para editar",
+        "next_room": "Seguinte sala ou MD",
+        "next_unread_room": "Seguinte sala sen ler ou MD",
+        "number": "[número]",
+        "open_user_settings": "Abrir axustes",
+        "page_down": "Páxina inferior",
+        "page_up": "Páxina superior",
+        "prev_room": "Sala ou MD anterior",
+        "prev_unread_room": "Anterior sala sen ler ou MD",
+        "room_list_collapse_section": "Contraer a sección de lista de salas",
+        "room_list_expand_section": "Despregar a sección da lista de salas",
+        "room_list_navigate_down": "Vai abaixo na lista de salas",
+        "room_list_navigate_up": "Vai arriba na lista de salas",
+        "room_list_select_room": "Escoller sala da lista de salas",
+        "scroll_down_timeline": "Vai abaixo na cronoloxía",
+        "scroll_up_timeline": "Desprázate na cronoloxía",
+        "search": "Buscar (debe esta activa)",
+        "send_sticker": "Enviar un adhesivo",
+        "shift": "Maiús",
+        "space": "Espazo",
+        "switch_to_space": "Cambia á sala polo número",
+        "toggle_hidden_events": "Cambiar a visibilidade do evento",
+        "toggle_microphone_mute": "Acalar micrófono",
+        "toggle_right_panel": "Activar panel dereito",
+        "toggle_space_panel": "Activar panel do espazo",
+        "toggle_top_left_menu": "Activar o menú superior esquerdo",
+        "toggle_webcam_mute": "Cambia a webcam on/off",
+        "upload_file": "Subir ficheiro"
+    },
+    "labs": {
+        "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",
+        "bridge_state": "Mostrar info sobre pontes nos axustes da sala",
+        "bridge_state_channel": "Canle: <channelLink/>",
+        "bridge_state_creator": "Esta ponte está proporcionada por <user />.",
+        "bridge_state_manager": "Esta ponte está xestionada por <user />.",
+        "bridge_state_workspace": "Espazo de traballo: <networkLink/>",
+        "click_for_info": "Preme para máis info",
+        "custom_themes": "Permitir engadir decorados personalizados",
+        "element_call_video_rooms": "Salas de chamadas de vídeo Element",
+        "group_developer": "Desenvolvemento",
+        "group_encryption": "Cifrado",
+        "group_messaging": "Conversando",
+        "group_moderation": "Moderación",
+        "group_profile": "Perfil",
+        "group_rooms": "Salas",
+        "group_spaces": "Espazos",
+        "group_themes": "Decorados",
+        "group_threads": "Conversas",
+        "group_voip": "Voz e Vídeo",
+        "join_beta": "Unirse á beta",
+        "join_beta_reload": "Ao unirte á beta recargaremos %(brand)s.",
+        "jump_to_date": "Ir á data (engade cabeceiras /vaiadata e vai á data)",
+        "latex_maths": "Mostrar fórmulas matemáticas LaTex",
+        "leave_beta": "Saír da beta",
+        "leave_beta_reload": "Ao saír da beta volveremos a cargar %(brand)s.",
+        "msc3531_hide_messages_pending_moderation": "Permitir que a moderación agoche mensaxes pendentes de moderar.",
+        "sliding_sync_server_no_support": "O teu servidor non ten soporte nativo",
+        "video_rooms": "Salas de vídeo",
+        "video_rooms_a_new_way_to_chat": "Un novo xeito de conversar con voz e vídeo en %(brand)s.",
+        "video_rooms_always_on_voip_channels": "As salas de vídeo son canles VoIP sempre activas dentro dunha sala en %(brand)s.",
+        "video_rooms_beta": "As salas de vídeo están en fase beta",
+        "video_rooms_faq1_answer": "Usa o botón \"+\" na sección da sala do panel esquerdo.",
+        "video_rooms_faq1_question": "Como creo unha sala de vídeo?",
+        "video_rooms_faq2_answer": "Si, a cronoloxía de texto móstrase xunto co vídeo.",
+        "video_rooms_faq2_question": "Podo usar chat de texto xunto á chamada de vídeo?"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Estos axustes van dirixidos a usuarias avanzadas.",
+        "ban_reason": "Ignorado/Bloqueado",
+        "error_adding_ignore": "Fallo ao engadir a ignorado usuaria/servidor",
+        "error_adding_list_description": "Comproba o ID da sala ou enderezo e proba outra vez.",
+        "error_adding_list_title": "Fallo ao subscribirse a lista",
+        "error_removing_ignore": "Fallo ao eliminar a usuaria/servidor de ignorados",
+        "error_removing_list_description": "Inténtao outra vez ou mira na consola para ter algunha pista.",
+        "error_removing_list_title": "Fallo ao retirar a susbscrición a lista",
+        "explainer_1": "Engade aquí usuarias e servidores que desexas ignorar. Usa asterisco que %(brand)s usará como comodín. Exemplo, <code>@bot*</code> ignorará todas as usuarias de calquera servidor que teñan 'bot' no nome.",
+        "explainer_2": "Ignorar a persoas faise a través de listaxes de bloqueo que conteñen regras. Subscribíndote a unha listaxe de bloqueo fará que esas usuarias/servidores sexan inaccesibles para ti.",
+        "lists": "Estas subscrito a:",
+        "lists_description_1": "Subscribíndote a unha lista de bloqueo fará que te unas a ela!",
+        "lists_description_2": "Se esto non é o que queres, usa unha ferramenta diferente para ignorar usuarias.",
+        "lists_heading": "Listaxes subscritas",
+        "lists_new_label": "ID da sala ou enderezo da listaxe de bloqueo",
+        "no_lists": "Non estás subscrita a ningunha lista",
+        "personal_empty": "Non ignoraches a ninguén.",
+        "personal_heading": "Lista personal de bloqueo",
+        "personal_new_label": "ID de usuaria ou servidor a ignorar",
+        "personal_new_placeholder": "ex: @bot:* ou exemplo.org",
+        "personal_section": "Estás a ignorar a:",
+        "room_name": "Listaxe de bloqueo",
+        "room_topic": "Esta é a listaxe de usuarias/servidores que ti bloqueaches - non deixes a sala!",
+        "rules_empty": "Nada",
+        "rules_server": "Regras do servidor",
+        "rules_title": "Regras de bloqueo - %(roomName)s",
+        "rules_user": "Regras da usuaria",
+        "something_went_wrong": "Algo fallou. Inténtao outra vez o mira na consola para ter algunha pista.",
+        "title": "Usuarias ignoradas",
+        "view_rules": "Ver regras"
+    },
+    "language_dropdown_label": "Selector de idioma",
+    "leave_room_dialog": {
+        "last_person_warning": "Es a única persoa aquí. Se saes, ninguén poderá unirse no futuro, incluíndote a ti.",
+        "leave_room_question": "Seguro que desexa saír da sala '%(roomName)s'?",
+        "leave_space_question": "Tes a certeza de querer deixar o espazo '%(spaceName)s'?",
+        "room_rejoin_warning": "Esta sala non é pública. Non poderá volver a ela sen un convite.",
+        "space_rejoin_warning": "Este espazo non é público. Non poderás volver a unirte sen un convite."
+    },
+    "lightbox": {
+        "rotate_left": "Rotar á esquerda",
+        "rotate_right": "Rotar á dereita"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Este servidor non está configurado para mostrar mapas.",
+        "MapStyleUrlNotReachable": "Este servidor non está correctamente configurado para mostrar mapas, ou o servidor de mapas configurado non é accesible.",
+        "click_drop_pin": "Click para soltar un marcador",
+        "click_move_pin": "Click para mover marcador",
+        "close_sidebar": "Pechar panel lateral",
+        "error_fetch_location": "Non se obtivo a localización",
+        "error_no_perms_description": "Tes que ter os permisos axeitados para poder compartir a localización nesta sala.",
+        "error_no_perms_title": "Non tes permiso para compartir localizacións",
+        "error_send_description": "%(brand)s non enviou a túa localización. Inténtao máis tarde.",
+        "error_send_title": "Non puidemos enviar a túa localización",
+        "error_sharing_live_location": "Algo fallou ao intentar compartir a túa localización en directo",
+        "error_stopping_live_location": "Algo fallou ao deter a compartición da localización en directo",
+        "expand_map": "Despregar mapa",
+        "failed_generic": "Non se obtivo a localización, inténtao máis tarde.",
+        "failed_load_map": "Non se cargou o mapa",
+        "failed_permission": "%(brand)s non ten permiso para obter a túa localización. Concede acceso á localización nos axustes do navegador.",
+        "failed_timeout": "Caducou o intento de obter a localización, inténtao máis tarde.",
+        "failed_unknown": "Erro descoñecido ao obter a localización, inténtao máis tarde.",
+        "find_my_location": "Onde estou",
+        "live_description": "Localización en directo de %(displayName)s",
+        "live_enable_description": "Ten en conta que ésta é unha característica en probas cunha implementación temporal. Esto significa que non poderás borrar o teu historial de localización, e as usuarias más instruídas poderán ver o teu historial de localización incluso despois de que deixes de compartir a túa localización nesta sala.",
+        "live_enable_heading": "Compartición en directo da localización",
+        "live_location_active": "Vas compartir en directo a túa localización",
+        "live_location_enabled": "Activada a localización en directo",
+        "live_location_ended": "Rematou a localización en directo",
+        "live_location_error": "Erro na localización en directo",
+        "live_locations_empty": "Sen localizacións en directo",
+        "live_share_button": "Compartida durante %(duration)s",
+        "live_toggle_label": "Activar a compartición da localización",
+        "live_until": "En directo ata %(expiryTime)s",
+        "live_update_time": "Actualizado %(humanizedUpdateTime)s",
+        "location_not_available": "Localización non dispoñible",
+        "map_feedback": "Opinión sobre Mapa",
+        "mapbox_logo": "Logo Mapbox",
+        "reset_bearing": "Restablecer apuntando ao norte",
+        "share_button": "Compartir localización",
+        "share_type_live": "Localización en direto",
+        "share_type_own": "Localización actual",
+        "share_type_pin": "Fixa a posición",
+        "share_type_prompt": "Que tipo de localización queres compartir?",
+        "toggle_attribution": "Cambiar atribución"
+    },
+    "member_list": {
+        "filter_placeholder": "Filtrar os participantes da conversa"
+    },
+    "member_list_back_action_label": "Membros da sala",
+    "message_edit_dialog_title": "Edicións da mensaxe",
+    "mobile_guide": {
+        "toast_accept": "Usa a app",
+        "toast_description": "%(brand)s é experimental no navegador web móbil. Para ter unha mellor experiencia e as últimas características usa a nosa app nativa.",
+        "toast_title": "Para ter unha mellor experiencia usa a app"
+    },
+    "no_more_results": "Sen máis resultados",
+    "notif_panel": {
+        "empty_description": "Non tes notificacións visibles.",
+        "empty_heading": "Xa remataches"
+    },
+    "notifications": {
+        "all_messages": "Todas as mensaxes",
+        "all_messages_description": "Ter notificación de tódalas mensaxes",
+        "class_other": "Outro",
+        "default": "Por defecto",
+        "enable_prompt_toast_description": "Activar notificacións de escritorio",
+        "enable_prompt_toast_title": "Notificacións",
+        "enable_prompt_toast_title_from_message_send": "Non perdas as réplicas",
+        "error_change_title": "Cambiar os axustes das notificacións",
+        "keyword": "Palabra chave",
+        "keyword_new": "Nova palabra chave",
+        "level_activity": "Actividade",
+        "level_none": "Nada",
+        "level_unsent": "Sen enviar",
+        "mark_all_read": "Marcar todo como lido",
+        "mentions_and_keywords": "@mencións & palabras chave",
+        "mentions_and_keywords_description": "Ter notificacións só cando te mencionan e con palabras chave que indiques nos <a>axustes</a>",
+        "mentions_keywords": "Mencións e palabras chave",
+        "message_didnt_send": "Non se enviou a mensaxe. Click para info.",
+        "mute_description": "Non recibirás ningunha notificación"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s está pedindo a verificación"
+    },
+    "onboarding": {
+        "create_room": "Crear unha Conversa en Grupo",
+        "explore_rooms": "Explorar Salas Públicas",
+        "has_avatar_label": "Moi ben, así axudarás a que outras persoas te recoñezan",
+        "intro_byline": "As túas conversas son túas.",
+        "intro_welcome": "Benvida a %(appName)s",
+        "no_avatar_label": "Engade unha foto así a xente recoñecerate.",
+        "send_dm": "Envía unha Mensaxe Directa",
+        "welcome_detail": "Ímosche axudar neste comezo",
+        "welcome_user": "Benvida %(name)s"
+    },
+    "poll": {
+        "create_poll_action": "Crear Enquisa",
+        "create_poll_title": "Crear enquisa",
+        "disclosed_notes": "As votantes ven os resultados xusto despois de votar",
+        "edit_poll_title": "Editar enquisa",
+        "end_description": "Tes a certeza de querer rematar esta enquisa? Esto mostrará o resultado final da enquisa e evitará que máis persoas poidan votar.",
+        "end_message": "Rematou a enquisa. O máis votado: %(topAnswer)s",
+        "end_message_no_votes": "Rematou a enquisa. Non houbo votos.",
+        "end_title": "Rematar enquisa",
+        "error_ending_description": "A enquisa non rematou. Inténtao outra vez.",
+        "error_ending_title": "Non rematou a enquisa por un fallo",
+        "error_voting_description": "O teu voto non foi rexistrado, inténtao outra vez.",
+        "error_voting_title": "Voto non rexistrado",
+        "failed_send_poll_description": "A enquisa que ías publicar non se puido publicar.",
+        "failed_send_poll_title": "Non se puido publicar a enquisa",
+        "notes": "Os resultados só son visibles cando remata a enquisa",
+        "options_add_button": "Engade unha opción",
+        "options_heading": "Crea as opcións",
+        "options_label": "Opción %(number)s",
+        "options_placeholder": "Escribe unha opción",
+        "topic_heading": "Cal é o tema ou asunto da túa enquisa?",
+        "topic_label": "Pregunta ou tema",
+        "total_n_votes": {
+            "other": "%(count)s votos recollidos. Vota para ver os resultados",
+            "one": "%(count)s voto recollido. Vota para ver os resultados"
+        },
+        "total_n_votes_voted": {
+            "one": "Baseado en %(count)s voto",
+            "other": "Baseado en %(count)s votos"
+        },
+        "total_no_votes": "Sen votos",
+        "total_not_ended": "Os resultados serán visibles cando remate a enquisa",
+        "type_closed": "Enquisa pechada",
+        "type_heading": "Tipo de enquisa",
+        "type_open": "Abrir enquisa",
+        "unable_edit_description": "Non se pode editar unha enquisa cando xa recibiu votos.",
+        "unable_edit_title": "Non podes editar a enquisa"
+    },
+    "power_level": {
+        "admin": "Administrador",
+        "custom": "Personalizado (%(level)s)",
+        "custom_level": "Nivel personalizado",
+        "default": "Por defecto",
+        "label": "Nivel responsabilidade",
+        "moderator": "Moderador",
+        "restricted": "Restrinxido"
+    },
+    "powered_by_matrix": "Funciona grazas a Matrix",
+    "presence": {
+        "away": "Fóra",
+        "busy": "Ocupado",
+        "idle": "En pausa",
+        "idle_for": "En pausa desde %(duration)s",
+        "offline": "Sen conexión",
+        "offline_for": "Desconectado desde %(duration)s",
+        "online": "En liña",
+        "online_for": "En liña desde %(duration)s",
+        "unknown": "Descoñecido",
+        "unknown_for": "Descoñecido desde %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "Todos os axustes",
+        "sidebar_settings": "Máis opcións",
+        "title": "Axustes rápidos"
+    },
+    "quit_warning": {
+        "call_in_progress": "Semella estar en unha chamada, seguro que quere saír?",
+        "file_upload_in_progress": "Semella estar a subir ficheiros, seguro que desexa deixalo?"
+    },
+    "redact": {
+        "confirm_button": "Confirma a retirada",
+        "error": "Non pode eliminar esta mensaxe. (%(code)s)",
+        "ongoing": "Eliminando…",
+        "reason_label": "Razón (optativa)"
+    },
+    "report_content": {
+        "description": "Ao denunciar esta mensaxe vasnos enviar o seu 'event ID' único á administración do servidor. Se as mensaxes da sala están cifradas, a administración do servidor non poderá ler o texto da mensaxe ou ver imaxes ou ficheiros.",
+        "hide_messages_from_user": "Marcar para agochar as mensaxes actuais e futuras desta usuaria.",
+        "ignore_user": "Ignorar usuaria",
+        "missing_reason": "Escribe a razón do informe.",
+        "report_content_to_homeserver": "Denuncia sobre contido á Administración do teu servidor"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Fallo ao descifrar %(failedCount)s sesións!",
+        "count_of_successfully_restored_keys": "Restablecidas correctamente %(sessionCount)s chaves",
+        "enter_key_description": "Accede ao teu historial de mensaxes seguras e asegura a comunicación escribindo a Chave de Seguridade.",
+        "enter_key_title": "Escribe a Chave de Seguridade",
+        "enter_phrase_description": "Accede ao teu historial de mensaxes seguras e configura a comunicación segura escribindo a túa Frase de Seguridade.",
+        "enter_phrase_title": "Escribe a Frase de Seguridade",
+        "incorrect_security_phrase_dialog": "Non se puido descifrar a Copia con esta Frase de Seguridade: comproba que escribiches a Frase de Seguridade correcta.",
+        "incorrect_security_phrase_title": "Frase de Seguridade incorrecta",
+        "key_backup_warning": "<b>Aviso</b>: só deberías realizar a copia de apoio desde un ordenador de confianza.",
+        "key_forgotten_text": "Se esqueceches a túa Chave de Seguridade podes <button>establecer novas opcións de recuperación</button>",
+        "key_is_invalid": "Chave de Seguridade non válida",
+        "key_is_valid": "Semella unha Chave de Seguridade válida!",
+        "keys_restored_title": "Chaves restablecidas",
+        "load_error_content": "Non cargou o estado da copia",
+        "load_keys_progress": "%(completed)s de %(total)s chaves restablecidas",
+        "no_backup_error": "Non se atopou copia!",
+        "phrase_forgotten_text": "Se esqueceches a túa Frase de Seguridade podes <button1>usar a túa Chave de Seguridade</button1> ou <button2>establecer novas opcións de recuperación</button2>",
+        "recovery_key_mismatch_description": "Non se puido descifrar a Copia con esta Chave de Seguridade: comproba que aplicaches a Chave de Seguridade correcta.",
+        "recovery_key_mismatch_title": "Non concorda a Chave de Seguridade",
+        "restore_failed_error": "Non se restableceu a copia"
+    },
+    "right_panel": {
+        "add_integrations": "Engade widgets, pontes e bots",
+        "files_button": "Ficheiros",
+        "pinned_messages": {
+            "limits": {
+                "other": "Só podes fixar ata %(count)s widgets"
+            }
+        },
+        "pinned_messages_button": "Fixado",
+        "poll": {
+            "final_result": {
+                "one": "Resultado final baseado en %(count)s voto",
+                "other": "Resultado final baseado en %(count)s votos"
+            }
+        },
+        "thread_list": {
+            "context_menu_label": "Opcións da conversa"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "O convite enviouselle a %(email)s que non está asociado coa túa conta",
+        "3pid_invite_email_not_found_account_room": "Este convite para %(roomName)s foi enviado a %(email)s que non está asociado coa túa conta",
+        "3pid_invite_error_description": "Houbo un erro (%(errcode)s) ao intentar validar o teu convite. Podes intentar enviarlle esta información á persoa que te convidou.",
+        "3pid_invite_error_invite_action": "Inténtao igualmente",
+        "3pid_invite_error_invite_subtitle": "Só podes unirte cun convite activo.",
+        "3pid_invite_error_public_subtitle": "Podes entrar aquí igualmente.",
+        "3pid_invite_error_title": "Algo foi mal co teu convite.",
+        "3pid_invite_error_title_room": "Algo fallou co teu convite para %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Usa un servidor de identidade nos Axustes para recibir convites directamente en %(brand)s.",
+        "banned_by": "%(memberName)s vetoute",
+        "banned_from_room_by": "Foches bloqueada en %(roomName)s por %(memberName)s",
+        "context_menu": {
+            "copy_link": "Copiar ligazón á sala",
+            "favourite": "Favorita",
+            "forget": "Esquecer sala",
+            "low_priority": "Baixa prioridade",
+            "title": "Opcións da Sala",
+            "unfavourite": "Con marca de Favorita"
+        },
+        "creating_room_text": "Estamos creando unha sala con %(names)s",
+        "dm_invite_action": "Comeza a conversa",
+        "dm_invite_subtitle": "<userName/> quere conversar",
+        "dm_invite_title": "Desexas conversar con %(user)s?",
+        "drop_file_prompt": "Solte aquí o ficheiro para subilo",
+        "edit_topic": "Editar asunto",
+        "error_join_404_invite": "A persoa que te convidou xa saíu, ou o seu servidor non está conectado.",
+        "error_join_404_invite_same_hs": "A persoa que te convidou xa deixou o lugar.",
+        "error_join_connection": "Houbo un erro ao unirte.",
+        "error_join_incompatible_version_1": "Lamentámolo, o teu servidor de inicio é demasiado antigo para poder participar.",
+        "error_join_incompatible_version_2": "Por favor, contacte coa administración do seu servidor.",
+        "error_join_title": "Non puideches entrar",
+        "face_pile_summary": {
+            "other": "%(count)s persoas que coñeces xa se uniron",
+            "one": "%(count)s persoa que coñeces xa se uniu"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Ver 1 membro",
+            "other": "Ver tódolos %(count)s membros"
+        },
+        "face_pile_tooltip_shortcut": "Incluíndo a %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Incluíndote a ti, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "Fallo ao rexeitar o convite",
+        "forget_room": "Esquecer sala",
+        "forget_space": "Esquecer este espazo",
+        "header": {
+            "room_is_public": "Esta é unha sala pública"
+        },
+        "inaccessible": "Esta sala ou espazo non é accesible neste intre.",
+        "inaccessible_name": "%(roomName)s non está accesible neste momento.",
+        "inaccessible_subtitle_1": "Inténtao máis tarde, ou solicita a admin da sala ou espazo que mire se tes acceso.",
+        "inaccessible_subtitle_2": "Obtívose o erro %(errcode)s ao intentar acceder á sala ou espazo. Se cres que esta mensaxe é un erro, por favor <issueLink>envía un informe do fallo</issueLink>.",
+        "intro": {
+            "dm_caption": "Só vós estades nesta conversa, a non ser que convidedes a alguén máis.",
+            "enable_encryption_prompt": "Activar cifrado non axustes.",
+            "no_avatar_label": "Engade unha foto para que se poida identificar a sala facilmente.",
+            "no_topic": "<a>Engade un tema</a> para axudarlle á xente que coñeza de que trata.",
+            "private_unencrypted_warning": "As túas mensaxes privadas normalmente están cifradas, pero esta sala non o está. Normalmente esto é debido a que estás a usar un dispositivo ou método non soportados, como convites por email.",
+            "room_invite": "Convida só a esta sala",
+            "send_message_start_dm": "Envía a túa primeira mensaxe para convidar a <displayName/> ao chat",
+            "start_of_dm_history": "Este é o comezo do teu historial de conversa con <displayName/>.",
+            "start_of_room": "Este é o comezo de <roomName/>.",
+            "unencrypted_warning": "Non está activado o cifrado de extremo-a-extremo",
+            "user_created": "%(displayName)s creou esta sala.",
+            "you_created": "Creaches esta sala."
+        },
+        "invite_email_mismatch_suggestion": "Comparte este email en Axustes para recibir convites directamente en %(brand)s.",
+        "invite_sent_to_email": "Este convite enviouse a %(email)s",
+        "invite_sent_to_email_room": "Este convite para %(roomName)s foi enviado a %(email)s",
+        "invite_subtitle": "<userName/> convidoute",
+        "invite_this_room": "Convidar a esta sala",
+        "invite_title": "Queres unirte a %(roomName)s?",
+        "inviter_unknown": "Descoñecido",
+        "invites_you_text": "<inviter/> convídate",
+        "join_button_account": "Rexistro",
+        "join_failed_needs_invite": "Para ver %(roomName)s, precisas un convite",
+        "join_the_discussion": "Súmate a conversa",
+        "join_title": "Únete á sala para participar",
+        "join_title_account": "Únete a conversa cunha conta",
+        "joining": "Entrando…",
+        "jump_read_marker": "Ir a primeira mensaxe non lida.",
+        "jump_to_bottom_button": "Ir ás mensaxes máis recentes",
+        "kick_reason": "Razón: %(reason)s",
+        "kicked_by": "%(memberName)s eliminoute de aquí",
+        "kicked_from_room_by": "%(memberName)s sacoute da sala %(roomName)s",
+        "leave_error_title": "Erro ó saír da sala",
+        "leave_server_notices_description": "Esta sala emprégase para mensaxes importantes do servidor da sala, as que non pode saír dela.",
+        "leave_server_notices_title": "Non se pode saír da sala de información do servidor",
+        "leave_unexpected_error": "Fallo non agardado no servidor ó intentar saír da sala",
+        "link_email_to_receive_3pid_invite": "Liga este email coa túa conta nos Axustes para recibir convites directamente en %(brand)s.",
+        "loading_preview": "Cargando vista previa",
+        "no_peek_join_prompt": "%(roomName)s non ten vista previa. Queres unirte?",
+        "no_peek_no_name_join_prompt": "Non hai vista previa, queres unirte?",
+        "not_found_subtitle": "Tes a certeza de que é o lugar correcto?",
+        "not_found_title": "Esta sala ou espazo no existe.",
+        "not_found_title_name": "%(roomName)s non existe.",
+        "peek_join_prompt": "Vista previa de %(roomName)s. Queres unirte?",
+        "read_topic": "Preme para ler o tema",
+        "rejoin_button": "Volta a unirte",
+        "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."
+        },
+        "upgrade_error_description": "Comproba ben que o servidor soporta a versión da sala escollida e inténtao outra vez.",
+        "upgrade_error_title": "Fallo ao actualizar a sala",
+        "upgrade_warning_bar": "Ao actualizar a sala pecharás a instancia actual da sala e crearás unha versión mellorada co mesmo nome.",
+        "upgrade_warning_bar_admins": "Só a administración da sala pode ver este aviso",
+        "upgrade_warning_bar_unstable": "A sala está usando a versión <roomVersion />, que este servidor considera como <i>non estable</i>.",
+        "upgrade_warning_bar_upgraded": "Esta sala xa foi actualizada.",
+        "upload": {
+            "uploading_multiple_file": {
+                "other": "Subindo %(filename)s e %(count)s máis",
+                "one": "Subindo %(filename)s e %(count)s máis"
+            },
+            "uploading_single_file": "Subindo %(filename)s"
+        }
+    },
+    "room_list": {
+        "add_space_label": "Engadir espazo",
+        "failed_add_tag": "Fallo ao engadir a etiqueta %(tagName)s a sala",
+        "failed_remove_tag": "Fallo ao eliminar a etiqueta %(tagName)s da sala",
+        "failed_set_dm_tag": "Non se estableceu a etiqueta de mensaxe directa",
+        "notification_options": "Opcións de notificación",
+        "show_less": "Mostrar menos"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Decidir quen pode ver e unirse a %(spaceName)s.",
+            "title": "Acceder"
+        },
+        "advanced": {
+            "error_upgrade_description": "A actualización da sala non se completou",
+            "error_upgrade_title": "Fallou a actualización da sala",
+            "information_section_room": "Información da sala",
+            "information_section_space": "Información do Espazo",
+            "room_id": "ID interno da sala",
+            "room_predecessor": "Ver mensaxes antigas en %(roomName)s.",
+            "room_upgrade_button": "Actualiza esta sala á versión recomendada",
+            "room_version": "Versión da sala:",
+            "room_version_section": "Versión da sala",
+            "space_predecessor": "Ver versión anterior de %(spaceName)s.",
+            "space_upgrade_button": "Actualiza este espazo á última versión recomendada da sala",
+            "unfederated": "Esta sala non é accesible por servidores Matrix remotos",
+            "upgrade_button": "Actualiza esta sala á versión %(version)s",
+            "upgrade_dialog_description": "Para actualizar a sala debes pechar a instancia actual da sala e crear unha nova sala no seu lugar. Para proporcionar a mellor experiencia de usuaria, imos:",
+            "upgrade_dialog_description_1": "Crear unha nova sala co mesmo nome, descrición e avatar",
+            "upgrade_dialog_description_2": "Actualizar calquera alias local da sala para que apunte á nova sala",
+            "upgrade_dialog_description_3": "Evitar que as usuarias conversen na sala antiga e publicar unha mensaxe avisando ás usuarias para que veñan á nova sala",
+            "upgrade_dialog_description_4": "Poñer unha ligazón na nova sala cara a antiga para que as persoas poidan ver as mensaxes antigas",
+            "upgrade_dialog_title": "Actualiza a Versión da Sala",
+            "upgrade_dwarning_ialog_title_public": "Actualizar sala pública",
+            "upgrade_warning_dialog_description": "A actualización da sala é unha acción avanzada e recomendada cando unha sala se volta inestable debido aos fallos, características obsoletas e vulnerabilidades da seguridade.",
+            "upgrade_warning_dialog_explainer": "<b>Ten en conta que a actualización creará unha nova versión da sala</b>. Tódalas mensaxes actuais permanecerán nesta sala arquivada.",
+            "upgrade_warning_dialog_footer": "Vas actualizar a sala da versión <oldVersion /> á <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Convidar automáticamente membros desta sala á nova sala",
+            "upgrade_warning_dialog_report_bug_prompt": "Normalmente esto só afecta a como se xestiona a sala no servidor. Se tes problemas co teu %(brand)s, informa do fallo.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Esto normalmente só afecta ao xeito en que a sala se procesa no servidor. Se tes problemas con %(brand)s, <a>informa do problema</a>.",
+            "upgrade_warning_dialog_title_private": "Actualizar sala privada"
+        },
+        "alias_not_specified": "non indicado",
+        "bridges": {
+            "description": "Esta sala está enviando mensaxes ás seguintes plataformas. <a>Coñece máis.</a>",
+            "empty": "Esta sala non está a reenviar mensaxes a ningún outro sistema. <a>Saber máis.</a>",
+            "title": "Pontes"
+        },
+        "delete_avatar_label": "Eliminar avatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Falta o separador do cominio ex. (:dominio.org)",
+            "alias_field_has_localpart_invalid": "Falta o nome da sala ou separador ex. (sala:dominio.org)",
+            "alias_field_matches_invalid": "Este enderezo non dirixe a esta sala",
+            "alias_field_placeholder_default": "ex. a-miña-sala",
+            "alias_field_required_invalid": "Proporciona un enderezo",
+            "alias_field_safe_localpart_invalid": "Algúns caracteres non permitidos",
+            "alias_field_taken_invalid": "Este enderezo ten un servidor non válido ou xa está en uso",
+            "alias_field_taken_invalid_domain": "Este enderezo xa se está a utilizar",
+            "alias_field_taken_valid": "Este enderezo está dispoñible",
+            "alias_heading": "Enderezo da sala",
+            "aliases_items_label": "Outros enderezos publicados:",
+            "aliases_no_items_label": "Aínda non hai outros enderezos publicados, engade un embaixo",
+            "aliases_section": "Enderezos da sala",
+            "avatar_field_label": "Avatar da sala",
+            "canonical_alias_field_label": "Enderezo principal",
+            "description_space": "Editar os axustes relativos ao teu espazo.",
+            "error_creating_alias_description": "Algo fallou ao crear ese enderezo. Podería non estar autorizado polo servidor ou ser un fallo temporal.",
+            "error_creating_alias_title": "Fallo ao crear o enderezo",
+            "error_deleting_alias_description": "Houbo un erro ao eliminar o enderezo. Podería non existir ou ser un fallo temporal.",
+            "error_deleting_alias_description_forbidden": "Non tes permiso para eliminar o enderezo.",
+            "error_deleting_alias_title": "Erro ao eliminar o enderezo",
+            "error_save_space_settings": "Fallo ao gardar os axustes do espazo.",
+            "error_updating_alias_description": "Algo fallou ao actualizar os enderezos alternativos da sala. É posible que o servidor non o permita ou acontecese un fallo temporal.",
+            "error_updating_canonical_alias_description": "Algo fallou ao actualizar o enderezo principal da sala. Podería non estar autorizado polo servidor ou ser un fallo temporal.",
+            "error_updating_canonical_alias_title": "Fallo ao actualizar o enderezo principal",
+            "leave_space": "Deixar o Espazo",
+            "local_alias_field_label": "Enderezo local",
+            "local_aliases_explainer_room": "Establecer enderezos para a sala para que poida ser atopada no teu servidor local (%(localDomain)s)",
+            "local_aliases_explainer_space": "Establecer enderezos para este espazo para que as usuarias poidan atopar o espazo no servidor (%(localDomain)s)",
+            "local_aliases_section": "Enderezos locais",
+            "name_field_label": "Nome da sala",
+            "new_alias_placeholder": "Novo enderezo publicado (ex. #alias:servidor)",
+            "no_aliases_room": "Esta sala non ten enderezos locais",
+            "no_aliases_space": "Este espazo non ten enderezos locais",
+            "other_section": "Outro",
+            "publish_toggle": "Publicar esta sala no directorio público de salas de %(domain)s?",
+            "published_aliases_description": "Para publicar un enderezo, primeiro debe establecerse como enderezo local.",
+            "published_aliases_explainer_room": "Os enderezos publicados poden ser utilizados por calquera en calquera servidor para unirse á túa sala.",
+            "published_aliases_explainer_space": "Os enderezos publicados podense usar por calquera en calquera servidor para unirse ao teu espazo.",
+            "published_aliases_section": "Enderezos publicados",
+            "save": "Gardar cambios",
+            "topic_field_label": "Asunto da sala"
+        },
+        "notifications": {
+            "browse_button": "Buscar",
+            "custom_sound_prompt": "Establecer novo ton personalizado",
+            "notification_sound": "Ton de notificación",
+            "settings_link": "Ter notificacións tal como se indica nos <a>axustes</a>",
+            "sounds_section": "Audios",
+            "uploaded_sound": "Audio subido"
+        },
+        "permissions": {
+            "ban": "Bloquear usuarias",
+            "ban_reason": "Razón",
+            "banned_by": "Non aceptado por %(displayName)s",
+            "banned_users_section": "Usuarias excluídas",
+            "error_changing_pl_description": "Algo fallou ao cambiar o nivel de responsabilidade da usuaria. Asegúrate de ter permiso suficiente e inténtao outra vez.",
+            "error_changing_pl_reqs_description": "Algo fallou ao cambiar os requerimentos de nivel de responsabilidade na sala. Asegúrate de ter os permisos suficientes e volve a intentalo.",
+            "error_changing_pl_reqs_title": "Erro ao cambiar o requerimento de nivel de responsabilidade",
+            "error_changing_pl_title": "Erro ao cambiar nivel de responsabilidade",
+            "error_unbanning": "Fallou eliminar a prohibición",
+            "events_default": "Enviar mensaxes",
+            "invite": "Convidar usuarias",
+            "kick": "Eliminar usuarias",
+            "m.reaction": "Enviar reaccións",
+            "m.room.avatar": "Cambiar avatar da sala",
+            "m.room.avatar_space": "Cambiar o avatar do espazo",
+            "m.room.canonical_alias": "Cambiar enderezo principal da sala",
+            "m.room.canonical_alias_space": "Cambiar o enderezo principal do espazo",
+            "m.room.encryption": "Activar cifrado da sala",
+            "m.room.history_visibility": "Cambiar visibilidade do historial",
+            "m.room.name": "Cambiar nome da sala",
+            "m.room.name_space": "Cambiar o nome do espazo",
+            "m.room.pinned_events": "Xestiona os eventos fixados",
+            "m.room.power_levels": "Cambiar permisos",
+            "m.room.redaction": "Eliminar mensaxes que enviei",
+            "m.room.server_acl": "Cambiar ACLs do servidor",
+            "m.room.tombstone": "Actualizar a sala",
+            "m.room.topic": "Cambiar tema",
+            "m.room.topic_space": "Cambiar a descrición",
+            "m.space.child": "Xestionar salas neste espazo",
+            "m.widget": "Modificar widgets",
+            "muted_users_section": "Usuarias silenciadas",
+            "no_privileged_users": "Non hai usuarias con privilexios específicos nesta sala",
+            "notifications.room": "Notificar a todas",
+            "permissions_section": "Permisos",
+            "permissions_section_description_room": "Escolle os roles requeridos para cambiar determinadas partes da sala",
+            "permissions_section_description_space": "Elexir os roles requeridos para cambiar varias partes do espazo",
+            "privileged_users_section": "Usuarias con privilexios",
+            "redact": "Eliminar mensaxes enviadas por outras",
+            "send_event_type": "Enviar %(eventType)s eventos",
+            "state_default": "Cambiar axustes",
+            "title": "Roles & Permisos",
+            "users_default": "Rol por omsión"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Unha vez activado, non se pode desactivar o cifrado da sala. As mensaxes enviadas nunha sala cifrada non poder ser vistas polo servidor, só polas participantes da sala. Ao activar o cifrado poderías causar que bots e pontes deixen de funcionar correctamente. <a>Coñece máis sobre o cifrado.</a>",
+            "enable_encryption_confirm_title": "Activar cifrado?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Non é recomendable engadir o cifrado a salas públicas.</b> Calquera pode atopar salas públicas, e pode ler as mensaxes nela. Non terás ningún destos beneficios se activas o cifrado, e non poderás retiralo posteriormente. Ademáis ao cifrar as mensaxes dunha sala pública fará que se envíen e reciban máis lentamente.",
+            "enable_encryption_public_room_confirm_description_2": "Para evitar estos problemas, crea unha <a>nova sala cifrada</a> para a conversa que pretendes manter.",
+            "enable_encryption_public_room_confirm_title": "Tes a certeza de querer engadir cifrado a esta sala pública?",
+            "encrypted_room_public_confirm_description_1": "<b>Non se recomenda converter salas cifradas en salas públicas.</b> Significará que calquera pode atopar e unirse á sala, e calquera poderá ler as mensaxes. Non terás ningún dos beneficios do cifrado. Cifrar mensaxes nunha sala pública fará máis lenta a entrega e recepción das mensaxes.",
+            "encrypted_room_public_confirm_description_2": "Par evitar estos problemas, crea unha <a>nova sala pública</a> para a conversa que pretendes manter.",
+            "encrypted_room_public_confirm_title": "Tes a certeza de querer convertir en pública esta sala cifrada?",
+            "encryption_permanent": "Unha vez activado, non se pode desactivar.",
+            "error_join_rule_change_title": "Fallou a actualización das normas para unirse",
+            "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_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á.",
+            "history_visibility_world_readable": "Calquera",
+            "join_rule_description": "Decidir quen pode unirse a %(roomName)s.",
+            "join_rule_invite": "Privada (só con convite)",
+            "join_rule_invite_description": "Só se poden unir persoas con convite.",
+            "join_rule_public_description": "Calquera pode atopala e unirse.",
+            "join_rule_restricted": "Membros do espazo",
+            "join_rule_restricted_description": "Calquera nun espazo pode atopala e unirse. <a>Editar que espazos poden acceder aquí.</a>",
+            "join_rule_restricted_description_active_space": "Calquera en <spaceName/> pode atopar e unirse. Tamén podes elexir outros espazos.",
+            "join_rule_restricted_description_prompt": "Calquera nun espazo pode atopar e unirse. Podes elexir múltiples espazos.",
+            "join_rule_restricted_description_spaces": "Espazos con acceso",
+            "join_rule_restricted_dialog_description": "Decide que espazos poderán acceder a esta sala. Se un espazo é elexido, os seus membros poderán atopar e unirse a <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Vas eliminar tódolos espazos. Por defecto o acceso cambiará a só por convite",
+            "join_rule_restricted_dialog_filter_placeholder": "Buscar espazos",
+            "join_rule_restricted_dialog_heading_other": "Outros espazos ou salas que poderías coñecer",
+            "join_rule_restricted_dialog_heading_room": "Espazos que coñeces que conteñen a esta sala",
+            "join_rule_restricted_dialog_heading_space": "Espazos que sabes conteñen este espazo",
+            "join_rule_restricted_dialog_heading_unknown": "Probablemente estas son salas das que forman parte outras administradoras da sala.",
+            "join_rule_restricted_dialog_title": "Elixe espazos",
+            "join_rule_restricted_n_more": {
+                "other": "e %(count)s máis",
+                "one": "e %(count)s máis"
+            },
+            "join_rule_restricted_summary": {
+                "other": "Actualmente, %(count)s espazos teñen acceso",
+                "one": "Actualmente, un espazo ten acceso"
+            },
+            "join_rule_restricted_upgrade_description": "Esta actualización permitirá que os membros dos espazos seleccionados teñan acceso á sala sen precisar convite.",
+            "join_rule_restricted_upgrade_warning": "Esta sala está nalgúns espazos nos que non es admin. Nesos espazos, seguirase mostrando a sala antiga, pero as usuarias serán convidadas a unirse á nova.",
+            "join_rule_upgrade_awaiting_room": "Cargando nova sala",
+            "join_rule_upgrade_required": "Actualización requerida",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Enviando convite...",
+                "other": "Enviando convites... (%(progress)s de %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Actualizando espazo...",
+                "other": "Actualizando espazos... (%(progress)s de %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Actualizando sala",
+            "public_without_alias_warning": "Para ligar a esta sala, engade un enderezo.",
+            "strict_encryption": "Non enviar mensaxes cifradas desde esta sesión a sesións non verificadas nesta sala",
+            "title": "Seguridade & Privacidade"
+        },
+        "title": "Axustes da sala - %(roomName)s",
+        "upload_avatar_label": "Subir avatar",
+        "visibility": {
+            "alias_section": "Enderezo",
+            "error_failed_save": "Fallou a actualización da visibilidade do espazo",
+            "error_update_guest_access": "Fallou a actualización do acceso de convidadas ao espazo",
+            "error_update_history_visibility": "Fallou a actualización da visibilidade do historial do espazo",
+            "guest_access_explainer": "As convidadas poden unirse ao espazo sen ter unha conta.",
+            "guest_access_label": "Activar acceso de convidadas",
+            "history_visibility_anyone_space": "Vista previa do Espazo",
+            "history_visibility_anyone_space_description": "Permitir que sexa visible o espazo antes de unirte a el.",
+            "history_visibility_anyone_space_recommendation": "Recomendado para espazos públicos.",
+            "title": "Visibilidade"
+        }
+    },
+    "room_summary_card_back_action_label": "Información da sala",
+    "scalar": {
+        "error_create": "Non se puido crear o trebello.",
+        "error_membership": "Non está nesta sala.",
+        "error_missing_room_id": "Falta o ID da sala.",
+        "error_missing_room_id_request": "Falta o room_id na petición",
+        "error_missing_user_id_request": "Falta o user_id na petición",
+        "error_permission": "Non ten permiso para facer iso nesta sala.",
+        "error_power_level_invalid": "O nivel de poder ten que ser un enteiro positivo.",
+        "error_room_not_visible": "A sala %(roomId)s non é visible",
+        "error_room_unknown": "Non se recoñece esta sala.",
+        "error_send_request": "Fallo ao enviar a petición.",
+        "failed_read_event": "Fallou a lectura de eventos",
+        "failed_send_event": "Fallo ao enviar o evento"
+    },
+    "server_offline": {
+        "description": "O servidor non responde a algunhas peticións. Aquí tes algunha das razóns máis probables.",
+        "description_1": "O servidor (%(serverName)s) tardou moito en responder.",
+        "description_2": "O cortalumes ou antivirus está bloqueando a solicitude.",
+        "description_3": "Unha extensión do navegador está evitando a solicitude.",
+        "description_4": "O servidor está apagado.",
+        "description_5": "O servidor rexeitou a solicitude.",
+        "description_6": "Hai problemas de conexión a internet na túa localidade.",
+        "description_7": "Aconteceu un fallo de conexión ó intentar contactar co servidor.",
+        "description_8": "O servidor non está configurado para sinalar cal é o problema (CORS).",
+        "empty_timeline": "Xa estás ó día.",
+        "recent_changes_heading": "Cambios recentes que aínda non foron recibidos",
+        "title": "O servidor non responde"
+    },
+    "seshat": {
+        "error_initialising": "Fallou a inicialización da busca de mensaxes, comproba <a>os axustes</a> para máis información",
+        "reset_button": "Restablecer almacenaxe de eventos",
+        "reset_description": "Probablemente non queiras restablecer o índice de almacenaxe do evento",
+        "reset_explainer": "Se o fas, ten en conta que non se borrará ningunha das túas mensaxes, mais a experiencia de busca podería degradarse durante uns momentos ata que se recrea o índice",
+        "reset_title": "Restablecer almacenaxe do evento?",
+        "warning_kind_files": "Esta versión de %(brand)s non soporta o visionado dalgúns ficheiros cifrados",
+        "warning_kind_files_app": "Usa a <a>app de Escritorio</a> para ver todos os ficheiros cifrados",
+        "warning_kind_search": "Esta versión de %(brand)s non soporta a busca de mensaxes cifradas",
+        "warning_kind_search_app": "Usa a <a>app de Escritorio</a> para buscar mensaxes cifradas"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "O teu token de acceso da acceso completo á túa conta. Non o compartas con ninguén.",
+            "brand_version": "versión %(brand)s:",
+            "clear_cache_reload": "Baleirar caché e recargar",
+            "help_link": "Para ter axuda con %(brand)s, preme <a>aquí</a>.",
+            "title": "Axuda & Acerca de",
+            "versions": "Versións"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "Mostrar tódalas salas no Inicio",
+        "all_rooms_home_description": "Tódalas salas nas que estás aparecerán en Inicio.",
+        "always_show_message_timestamps": "Mostrar sempre marcas de tempo",
+        "appearance": {
+            "custom_font": "Usar tipo de letra do sistema",
+            "custom_font_description": "Escolle unha das tipografías instaladas no teu sistema e %(brand)s intentará utilizalas.",
+            "custom_font_name": "Nome da letra do sistema",
+            "custom_font_size": "Usar tamaño personalizado",
+            "custom_theme_error_downloading": "Erro ao descargar información do decorado.",
+            "custom_theme_invalid": "Esquema do decorado incorrecto.",
+            "font_size": "Tamaño da letra",
+            "image_size_default": "Por defecto",
+            "image_size_large": "Grande",
+            "layout_bubbles": "Burbullas con mensaxes",
+            "match_system_theme": "Imitar o aspecto do sistema",
+            "timeline_image_size": "Tamaño de imaxe na cronoloxía"
+        },
+        "automatic_language_detection_syntax_highlight": "Activar a detección automática de idioma para o resalte da sintaxe",
+        "autoplay_gifs": "Reprod. automática GIFs",
+        "autoplay_videos": "Reprod. automática vídeo",
+        "big_emoji": "Activar Emojis grandes na conversa",
+        "code_block_expand_default": "Por defecto despregar bloques de código",
+        "code_block_line_numbers": "Mostrar números de liña nos bloques de código",
+        "emoji_autocomplete": "Activar suxestión de Emoji ao escribir",
+        "enable_markdown": "Activar Markdown",
+        "general": {
+            "account_management_section": "Xestión da conta",
+            "account_section": "Conta",
+            "add_email_dialog_title": "Engadir email",
+            "add_email_failed_verification": "Fallo na verificación do enderezo de correo: asegúrese de ter picado na ligazón do correo",
+            "add_email_instructions": "Enviamosche un email para verificar o enderezo. Segue as instrucións incluídas e após preme no botón inferior.",
+            "add_msisdn_confirm_body": "Preme no botón inferior para confirmar que engades este número.",
+            "add_msisdn_confirm_button": "Confirma a adición do teléfono",
+            "add_msisdn_confirm_sso_button": "Confirma que queres engadir este teléfono usando Single Sign On como proba de identidade.",
+            "add_msisdn_dialog_title": "Engadir novo Número",
+            "add_msisdn_instructions": "Enviamosche un SMS ao +%(msisdn)s. Escribe o código de verificación que contén.",
+            "confirm_adding_email_body": "Preme no botón inferior para confirmar que queres engadir o email.",
+            "confirm_adding_email_title": "Confirma novo email",
+            "deactivate_confirm_body": "¿Tes a certeza de querer desactivar a túa conta? Esto é irreversible.",
+            "deactivate_confirm_body_sso": "Confirma a desactivación da túa conta usando Single Sign On para probar a túa identidade.",
+            "deactivate_confirm_content": "Confirma que desexas desactivar a túa conta. Se continúas:",
+            "deactivate_confirm_content_1": "Non poderás reactivar a túa conta",
+            "deactivate_confirm_content_2": "Non poderás acceder",
+            "deactivate_confirm_content_3": "Ninguén poderá utilizar o teu identificador (MXID), incluíndote a ti: este nome de usuaria non estará dispoñible",
+            "deactivate_confirm_content_4": "Sairás de tódalas salas e MDs nas que estés",
+            "deactivate_confirm_content_5": "Borrarémoste do servidor de identidades: as túas amizades non poderán atoparte a través do email ou número de teléfono",
+            "deactivate_confirm_content_6": "As túas mensaxes antigas serán visibles para quen as recibeu, como os emails que enviaches no pasado. Desexas agochar as mensaxes enviadas para as persoas que se unan a esas salas no futuro?",
+            "deactivate_confirm_continue": "Confirma a desactivación da conta",
+            "deactivate_confirm_erase_label": "Agochar as miñas mensaxes para as recén chegadas",
+            "deactivate_section": "Desactivar conta",
+            "deactivate_warning": "A desactivación da conta é unha acción permanente — coidado!",
+            "discovery_email_empty": "As opcións de descubrimento aparecerán após ti engadas un email.",
+            "discovery_email_verification_instructions": "Verifica a ligazón na túa caixa de correo",
+            "discovery_msisdn_empty": "As opción para atoparte aparecerán cando engadas un número de teléfono.",
+            "discovery_needs_terms": "Acepta os Termos do Servizo do servidor (%(serverName)s) para permitir que te atopen polo enderezo de email ou número de teléfono.",
+            "email_address_in_use": "Xa se está a usar este email",
+            "email_address_label": "Enderezo de Email",
+            "email_not_verified": "O teu enderezo de email aínda non foi verificado",
+            "email_verification_instructions": "Preme na ligazón do email recibido para verificalo e após preme en continuar outra vez.",
+            "emails_heading": "Enderezos de email",
+            "error_add_email": "Non se puido engadir enderezo de correo",
+            "error_deactivate_communication": "Houbo un problema ao comunicar co servidor. Inténtao outra vez.",
+            "error_deactivate_invalid_auth": "O servidor non devolveu información válida de autenticación.",
+            "error_deactivate_no_auth": "O servidor non require auténticación",
+            "error_email_verification": "Non se puido verificar enderezo de correo electrónico.",
+            "error_invalid_email": "Enderezo de correo non válido",
+            "error_invalid_email_detail": "Este non semella ser un enderezo de correo válido",
+            "error_msisdn_verification": "Non se puido verificar o número de teléfono.",
+            "error_password_change_403": "Fallo ao cambiar o contrasinal. É correcto o contrasinal?",
+            "error_remove_3pid": "Non se puido eliminar a información do contacto",
+            "error_revoke_email_discovery": "Non se puido revogar a compartición para o enderezo de correo",
+            "error_revoke_msisdn_discovery": "Non se puido revogar a compartición do número de teléfono",
+            "error_share_email_discovery": "Non se puido compartir co enderezo de email",
+            "error_share_msisdn_discovery": "Non se puido compartir o número de teléfono",
+            "language_section": "Idioma e rexión",
+            "msisdn_in_use": "Xa se está a usar este teléfono",
+            "msisdn_label": "Número de teléfono",
+            "msisdn_verification_field_label": "Código de verificación",
+            "msisdn_verification_instructions": "Escribe o código de verificación enviado no SMS.",
+            "msisdns_heading": "Número de teléfono",
+            "password_change_success": "Cambiouse correctamente o contrasinal.",
+            "remove_email_prompt": "Eliminar %(email)s?",
+            "remove_msisdn_prompt": "Eliminar %(phone)s?",
+            "spell_check_locale_placeholder": "Elixe o idioma"
+        },
+        "inline_url_previews_default": "Activar por defecto as vistas previas en liña de URL",
+        "insert_trailing_colon_mentions": "Inserir dous puntos tras mencionar a outra usuaria no inicio da mensaxe",
+        "jump_to_bottom_on_send": "Ir ao final da cronoloxía cando envías unha mensaxe",
+        "key_backup": {
+            "setup_secure_backup": {
+                "cancel_warning": "Se cancelas agora, poderías perder mensaxes e datos cifrados se perdes o acceso ás sesións iniciadas.",
+                "confirm_security_phrase": "Confirma a Frase de Seguridade",
+                "description": "Protección contra a perda do acceso ás mensaxes cifradas e datos facendo unha copia de apoio das chaves no servidor.",
+                "download_or_copy": "%(downloadButton)s ou %(copyButton)s",
+                "enter_phrase_title": "Escribe unha Frase de Seguridade",
+                "enter_phrase_to_confirm": "Escribe a túa Frase de Seguridade por segunda vez para confirmala.",
+                "generate_security_key_description": "Imos crear unha Chave de Seguridade para que a gardes nun lugar seguro, como nun xestor de contrasinais ou caixa forte.",
+                "generate_security_key_title": "Crear unha Chave de Seguridade",
+                "pass_phrase_match_failed": "Non concorda.",
+                "pass_phrase_match_success": "Concorda!",
+                "phrase_strong_enough": "Ben! Esta Frase de Seguridade semella ser forte abondo.",
+                "secret_storage_query_failure": "Non se obtivo o estado do almacenaxe segredo",
+                "security_key_safety_reminder": "Garda a túa Chave de Seguridade nun lugar seguro, como un xestor de contrasinais ou caixa forte, xa que vai protexer os teus datos cifrados.",
+                "set_phrase_again": "Vai atrás e volve a escribila.",
+                "settings_reminder": "Podes configurar a Copia de apoio Segura e xestionar as chaves en Axustes.",
+                "title_confirm_phrase": "Confirma a Frase de Seguridade",
+                "title_save_key": "Garda a Chave de Seguridade",
+                "title_set_phrase": "Establece a Frase de Seguridade",
+                "unable_to_setup": "Non se configurou un almacenaxe segredo",
+                "use_different_passphrase": "¿Usar unha frase de paso diferente?",
+                "use_phrase_only_you_know": "Usa unha frase segreda que só ti coñezas, e de xeito optativo unha Chave de Seguridade para usar como apoio."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Confirma a frase de paso",
+            "enter_passphrase": "Introduza a frase de paso",
+            "export_description_1": "Este proceso permíteche exportar a un ficheiro local as chaves para as mensaxes que recibiches en salas cifradas. Após poderás importar as chaves noutro cliente Matrix no futuro, así o cliente poderá descifrar esas mensaxes.",
+            "export_title": "Exportar chaves da sala",
+            "file_to_import": "Ficheiro a importar",
+            "import_description_1": "Este proceso permíteche importar chaves de cifrado que exportaches doutro cliente Matrix. Así poderás descifrar calquera mensaxe que o outro cliente puidese cifrar.",
+            "import_description_2": "O ficheiro exportado estará protexido con unha frase de paso. Debe introducir aquí esa frase de paso para descifrar o ficheiro.",
+            "import_title": "Importar chaves de sala",
+            "phrase_cannot_be_empty": "A frase de paso non pode quedar baldeira",
+            "phrase_must_match": "As frases de paso deben coincidir"
+        },
+        "keyboard": {
+            "title": "Teclado"
+        },
+        "notifications": {
+            "enable_audible_notifications_session": "Activa as notificacións por son para esta sesión",
+            "enable_desktop_notifications_session": "Activa as notificacións de escritorio para esta sesión",
+            "enable_email_notifications": "Activar notificacións de email para %(email)s",
+            "error_loading": "Houbo un erro ao cargar os axustes de notificación.",
+            "error_permissions_denied": "%(brand)s non ten permiso para enviarlle notificacións: comprobe os axustes do navegador",
+            "error_permissions_missing": "%(brand)s non ten permiso para enviar notificacións: inténteo de novo",
+            "error_saving": "Erro ao gardar os axustes de notificación",
+            "error_saving_detail": "Algo fallou ao gardar as túas preferencias de notificación.",
+            "error_title": "Non se puideron activar as notificacións",
+            "messages_containing_keywords": "Mensaxes coas palabras chave",
+            "noisy": "Ruidoso",
+            "push_targets": "Obxectivos das notificacións",
+            "rule_call": "Convite de chamada",
+            "rule_contains_display_name": "Mensaxes que conteñen o meu nome público",
+            "rule_contains_user_name": "Mensaxes que conteñen o meu nome de usuaria",
+            "rule_encrypted": "Mensaxes cifradas en convesas en grupo",
+            "rule_encrypted_room_one_to_one": "Mensaxes cifradas en conversas 1:1",
+            "rule_invite_for_me": "Cando son convidado a unha sala",
+            "rule_message": "Mensaxes en grupos de chat",
+            "rule_room_one_to_one": "Mensaxes en chats un-a-un",
+            "rule_roomnotif": "Mensaxes que conteñen @room",
+            "rule_suppress_notices": "Mensaxes enviadas por bot",
+            "rule_tombstone": "Cando se actualizan as salas",
+            "show_message_desktop_notification": "Mostrar mensaxe nas notificacións de escritorio"
+        },
+        "preferences": {
+            "always_show_menu_bar": "Mostrar sempre a barra de menú da ventá",
+            "autocomplete_delay": "Retraso no autocompletado (ms)",
+            "code_blocks_heading": "Bloques de código",
+            "compact_modern": "Usar unha disposición 'Moderna' máis compacta",
+            "composer_heading": "Editor",
+            "enable_hardware_acceleration": "Activar aceleración por hardware",
+            "enable_tray_icon": "Mostra icona na bandexa do sistema e minimiza ventá ao pechar",
+            "keyboard_heading": "Atallos de teclado",
+            "keyboard_view_shortcuts_button": "Para ver tódolos atallos de teclado, <a>preme aquí</a>.",
+            "media_heading": "Imaxes, GIFs e vídeos",
+            "presence_description": "Comparte a túa actividade e estado con outras persoas.",
+            "rm_lifetime": "Duración do marcador de lectura (ms)",
+            "rm_lifetime_offscreen": "Duración do marcador de lectura fóra de pantall (ms)",
+            "room_list_heading": "Listaxe de Salas",
+            "show_polls_button": "Mostrar botón de enquisas",
+            "surround_text": "Rodea o texto seleccionado ao escribir caracteres especiais",
+            "time_heading": "Mostrar hora"
+        },
+        "prompt_invite": "Avisar antes de enviar convites a IDs de Matrix potencialmente incorrectos",
+        "replace_plain_emoji": "Substituír automaticamente Emoji en texto plano",
+        "security": {
+            "bulk_options_accept_all_invites": "Aceptar os %(invitedRooms)s convites",
+            "bulk_options_reject_all_invites": "Rexeitar todos os %(invitedRooms)s convites",
+            "bulk_options_section": "Opcións agrupadas",
+            "e2ee_default_disabled_warning": "A administración do servidor desactivou por defecto o cifrado extremo-a-extremo en salas privadas e Mensaxes Directas.",
+            "enable_message_search": "Activar a busca de mensaxes en salas cifradas",
+            "encryption_section": "Cifrado",
+            "ignore_users_empty": "Non tes usuarias ignoradas.",
+            "ignore_users_section": "Usuarias ignoradas",
+            "key_backup_algorithm": "Algoritmo:",
+            "message_search_disable_warning": "Se está desactivado, as mensaxes das salas cifradas non aparecerán nos resultados das buscas.",
+            "message_search_disabled": "Gardar de xeito seguro mensaxes cifradas na caché local para que aparezan nos resultados de buscas.",
+            "message_search_enabled": {
+                "one": "Conservar na memoria local as mensaxes cifradas de xeito seguro para que aparezan nas buscas, usando %(size)s para gardar mensaxes de %(rooms)s salas.",
+                "other": "Conservar na memoria local as mensaxes cifradas de xeito seguro para que aparezan nas buscas, usando %(size)s para gardar mensaxes de %(rooms)s salas."
+            },
+            "message_search_failed": "Fallou a inicialización da busca de mensaxes",
+            "message_search_indexed_messages": "Mensaxes indexadas:",
+            "message_search_indexed_rooms": "Salas indexadas:",
+            "message_search_indexing": "Indexando actualmente: %(currentRoom)s",
+            "message_search_indexing_idle": "Non se están indexando as mensaxes de ningunha sala.",
+            "message_search_intro": "%(brand)s está gardando de xeito seguro na caché local mensaxes cifradas para que aparezan nos resultados das buscas:",
+            "message_search_room_progress": "%(doneRooms)s de %(totalRooms)s",
+            "message_search_section": "Buscar mensaxe",
+            "message_search_sleep_time": "Velocidade á que deberían descargarse as mensaxes.",
+            "message_search_space_used": "Espazo utilizado:",
+            "message_search_unsupported": "Falta un compoñente de %(brand)s requerido para almacenar localmente mensaxes cifradas na caché. Se queres experimentar con esta función, compila unha versión personalizada de %(brand)s Desktop <nativeLink>cos compoñentes de busca engadidos</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s non pode por na caché local de xeito as mensaxes cifradas cando usa un navegador web. Usa <desktopLink>%(brand)s Desktop</desktopLink> para que as mensaxes cifradas aparezan nos resultados.",
+            "send_analytics": "Enviar datos de análises",
+            "strict_encryption": "Non enviar nunca desde esta sesión mensaxes cifradas a sesións non verificadas"
+        },
+        "send_read_receipts": "Enviar resgardos de lectura",
+        "send_read_receipts_unsupported": "O teu servidor non ten soporte para desactivar o envío de resgardos de lectura.",
+        "send_typing_notifications": "Enviar notificación de escritura",
+        "sessions": {
+            "confirm_sign_out": {
+                "one": "Confirma a desconexión deste dispositivo",
+                "other": "Confirma a desconexión destos dispositivos"
+            },
+            "confirm_sign_out_body": {
+                "one": "Preme no botón inferior para confirmar a desconexión deste dispositivo.",
+                "other": "Preme no botón inferior para confirmar a desconexión destos dispositivos."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Desconectar dispositivo",
+                "other": "Desconectar dispositivos"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Confirma a desconexión deste dispositivo usando Single Sign On para probar a túa identidade.",
+                "other": "Confirma a desconexión destos dispositivos usando Single Sign On para probar a túa identidade."
+            },
+            "current_session": "Sesión actual",
+            "details_heading": "Detalles da sesión",
+            "device_unverified_description": "Verifica ou pecha esta sesión para máis seguridade e fiabilidade.",
+            "device_verified_description": "Esta sesión está preparada para mensaxería segura.",
+            "filter_all": "Todo",
+            "filter_inactive": "Inactiva",
+            "filter_inactive_description": "Inactiva desde hai %(inactiveAgeDays)s días ou máis",
+            "filter_label": "Filtrar dispositivos",
+            "filter_unverified_description": "Non está listo para mensaxería segura",
+            "filter_verified_description": "Preparado para mensaxería segura",
+            "inactive_days": "Inactiva durante %(inactiveAgeDays)s+ días",
+            "inactive_sessions": "Sesións inactivas",
+            "ip": "Enderezo IP",
+            "last_activity": "Última actividade",
+            "no_inactive_sessions": "Non hai sesións inactivas.",
+            "no_sessions": "Non se atopan sesións.",
+            "no_unverified_sessions": "Non se atopan sesións sen verificar.",
+            "no_verified_sessions": "Non hai sesións sen verificar.",
+            "other_sessions_heading": "Outras sesións",
+            "rename_form_heading": "Renomear sesión",
+            "security_recommendations": "Recomendacións de seguridade",
+            "session_id": "ID de sesión",
+            "sign_out": "Pechar esta sesión",
+            "title": "Sesións",
+            "unverified_session": "Sesión non verificada",
+            "unverified_sessions": "Sesións non verificadas",
+            "unverified_sessions_list_description": "Verifica as túas sesións para ter maior seguridade nas comunicacións e desconecta aquelas que non recoñezas ou uses.",
+            "verified_session": "Sesión verificada",
+            "verified_sessions": "Sesións verificadas",
+            "verified_sessions_list_description": "Para a mellor seguridade, desconecta calquera outra sesión que xa non recoñezas ou uses.",
+            "verify_session": "Verificar sesión"
+        },
+        "show_breadcrumbs": "Mostrar atallos a salas vistas recentemente enriba da lista de salas",
+        "show_chat_effects": "Mostrar efectos no chat (animacións na recepción, ex. confetti)",
+        "show_displayname_changes": "Mostrar cambios do nome mostrado",
+        "show_join_leave": "Mostrar unirse/saír (convites/eliminacións/vetos non afectados)",
+        "show_read_receipts": "Mostrar resgardo de lectura enviados por outras usuarias",
+        "show_redaction_placeholder": "Resaltar o lugar das mensaxes eliminadas",
+        "show_stickers_button": "Mostrar botón dos adhesivos",
+        "show_typing_notifications": "Mostrar notificacións de escritura",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "Mostar tódalas salas",
+            "metaspaces_home_all_rooms_description": "Mostra tódalas túas salas en Inicio, incluso se están nun espazo.",
+            "metaspaces_home_description": "O Inicio é útil para ter unha visión xeral do que acontece.",
+            "metaspaces_orphans": "Salas fóra dun espazo",
+            "metaspaces_orphans_description": "Agrupa nun só lugar tódalas túas salas que non forman parte dun espazo.",
+            "metaspaces_subsection": "Espazos a mostrar",
+            "title": "Barra lateral"
+        },
+        "use_12_hour_format": "Mostrar marcas de tempo con formato 12 horas (ex. 2:30pm)",
+        "use_command_enter_send_message": "Usar Command + Enter para enviar unha mensaxe",
+        "use_command_f_search": "Usar Command + F para buscar na cronoloxía",
+        "use_control_enter_send_message": "Usar Ctrl + Enter para enviar unha mensaxe",
+        "use_control_f_search": "Usar Ctrl + F para buscar na cronoloxía",
+        "voip": {
+            "audio_input_empty": "Non se detectaron micrófonos",
+            "audio_output": "Saída de audio",
+            "audio_output_empty": "Non se detectou unha saída de audio",
+            "mirror_local_feed": "Replicar a fonte de vídeo local",
+            "missing_permissions_prompt": "Falta permiso acceso multimedia, preme o botón para solicitalo.",
+            "request_permissions": "Solicitar permiso a multimedia",
+            "title": "Voz e Vídeo",
+            "video_input_empty": "Non se detectaron cámaras"
+        },
+        "warn_quit": "Aviso antes de saír"
+    },
+    "share": {
+        "permalink_message": "Ligazón á mensaxe escollida",
+        "permalink_most_recent": "Ligazón ás mensaxes máis recentes",
+        "title_message": "Compartir unha mensaxe da sala",
+        "title_room": "Compartir sala",
+        "title_user": "Compartir usuaria"
+    },
+    "slash_command": {
+        "addwidget": "Engade un widget por URL personalizado a sala",
+        "addwidget_invalid_protocol": "Escribe un https:// ou http:// como URL do widget",
+        "addwidget_missing_url": "Proporciona o URL do widget ou incrusta o código",
+        "addwidget_no_permissions": "Non podes modificar os widgets desta sala.",
+        "ban": "Prohibe a usuaria co ID indicado",
+        "category_actions": "Accións",
+        "category_admin": "Administrador",
+        "category_advanced": "Avanzado",
+        "category_effects": "Efectos",
+        "category_messages": "Mensaxes",
+        "category_other": "Outro",
+        "command_error": "Erro na orde",
+        "converttodm": "Converte a sala en MD",
+        "converttoroom": "Converte a MD nunha sala",
+        "deop": "Degrada usuaria co id proporcionado",
+        "devtools": "Abre o cadro de Ferramentas de desenvolvemento",
+        "discardsession": "Forza que se descarte a sesión de saída actual nunha sala cifrada",
+        "error_invalid_rendering_type": "Erro no comando: non se puido atopa o tipo de renderizado (%(renderingType)s)",
+        "error_invalid_runfn": "Erro no comando: non se puido xestionar o comando con barra.",
+        "help": "Mostra unha listaxe de comandos con usos e descricións",
+        "help_dialog_title": "Comando Axuda",
+        "holdcall": "Pon en pausa a chamada da sala actual",
+        "html": "Envía unha mensaxe como html, sen interpretalo como markdown",
+        "ignore": "Ignora unha usuaria, agochándolle as súas mensaxes",
+        "ignore_dialog_description": "Agora está a ignorar %(userId)s",
+        "ignore_dialog_title": "Usuaria ignorada",
+        "invite": "Convida a usuaria co id proporcionado a sala actual",
+        "invite_3pid_needs_is_error": "Usar un servidor de indentidade para convidar por email. Xestionao en Axustes.",
+        "invite_3pid_use_default_is_title": "Usar un servidor de identidade",
+        "invite_3pid_use_default_is_title_description": "Usar un servidor de identidade para convidar por email. Preme continuar para usar o servidor de identidade por defecto (%(defaultIdentityServerName)s) ou cambiao en Axustes.",
+        "join": "Unirse a sala co enderezo dado",
+        "jumptodate": "Ir á seguinte data dada na cronoloxía",
+        "jumptodate_invalid_input": "Non entendemos a data proporcionada (%(inputDate)s). Intenta usar o formato AAAA-MM-DD.",
+        "lenny": "Engade ( ͡° ͜ʖ ͡°) a unha mensaxe de texto-plano",
+        "me": "Mostra acción",
+        "msg": "Envía unha mensaxe a usuaria",
+        "myroomnick": "Cambia o teu nome mostrado só para esta sala",
+        "nick": "Cambia o alcume mostrado",
+        "no_active_call": "Sen chamada activa nesta sala",
+        "op": "Define o nivel de permisos de unha usuaria",
+        "part_unknown_alias": "Enderezo da sala non recoñecido: %(roomAlias)s",
+        "plain": "Envía unha mensaxe como texto plano, sen interpretalo como markdown",
+        "query": "Abre unha conversa coa usuaria",
+        "query_not_found_phone_number": "Non se atopa un ID Matrix para o número de teléfono",
+        "rageshake": "Envía un informe de fallos con rexistros",
+        "rainbow": "Envía a mensaxe dada colorida como o arco da vella",
+        "rainbowme": "Envía o emoji colorido como un arco da vella",
+        "remove": "Elimina desta sala á usuaria co ID dado",
+        "roomavatar": "Cambia o avatar da sala actual",
+        "roomname": "Establecer nome da sala",
+        "server_error": "Fallo no servidor",
+        "server_error_detail": "Servidor non dispoñible, sobrecargado, ou outra cousa puido fallar.",
+        "shrug": "Antecede con ¯\\_(ツ)_/¯ a mensaxe en texto plano",
+        "spoiler": "Envía a mensaxe dada como un spoiler",
+        "tableflip": "Antecede con (╯°□°）╯︵ ┻━┻ a unha mensaxe de texto plano",
+        "topic": "Obtén ou establece o asunto da sala",
+        "topic_none": "Esta sala non ten asunto.",
+        "topic_room_error": "Non se obtivo o asunto da sala: Non se atopou a sala (%(roomId)s)",
+        "unban": "Desbloquea usuaria co ID dado",
+        "unflip": "Antecede con ┬──┬ ノ( ゜-゜ノ) a unha mensaxe de texto plano",
+        "unholdcall": "Acepta a chamada na sala actual",
+        "unignore": "Deixa de ignorar unha usuaria, mostrándolles as súas mensaxes a partir de agora",
+        "unignore_dialog_description": "Xa non está a ignorar a %(userId)s",
+        "unignore_dialog_title": "Usuarias non ignoradas",
+        "unknown_command": "Comando descoñecido",
+        "unknown_command_button": "Enviar como mensaxe",
+        "unknown_command_detail": "Comando non recoñecido: %(commandText)s",
+        "unknown_command_help": "Podes usar <code>axuda</code> para ver os comandos dispoñibles. ¿Querías mellor enviar esto como unha mensaxe?",
+        "unknown_command_hint": "Truco: Comeza a mensaxe con <code>//</code> para comezar cun trazo.",
+        "upgraderoom": "Subir a sala de versión",
+        "upgraderoom_permission_error": "Non tes os permisos suficientes para usar este comando.",
+        "usage": "Uso",
+        "verify": "Verifica unha usuaria, sesión e chave pública",
+        "whois": "Mostra información acerca da usuaria"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "Queres engadir unha nova sala?",
+            "create_prompt": "Crear unha nova sala",
+            "dm_heading": "Mensaxes Directas",
+            "error_heading": "Non se engadiron tódolos seleccionados",
+            "progress_text": {
+                "one": "Engadindo sala...",
+                "other": "Engadindo salas... (%(progress)s de %(count)s)"
+            },
+            "space_dropdown_label": "Selección de Espazos",
+            "space_dropdown_title": "Engadir salas existentes",
+            "subspace_moved_note": "Engadir espazos moveuse."
+        },
+        "add_existing_subspace": {
+            "create_button": "Crear un novo espazo",
+            "create_prompt": "Queres engadir un espazo no seu lugar?",
+            "filter_placeholder": "Buscar espazos",
+            "space_dropdown_title": "Engadir un espazo existente"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Ver cronoloxía da sala (devtools)",
+            "explore": "Explorar salas",
+            "home": "Inicio do espazo",
+            "manage_and_explore": "Xestionar e explorar salas",
+            "options": "Opcións do Espazo"
+        },
+        "failed_load_rooms": "Fallou a carga da lista de salas.",
+        "failed_remove_rooms": "Fallou a eliminación de algunhas salas. Inténtao máis tarde",
+        "incompatible_server_hierarchy": "O teu servidor non soporta amosar xerarquías dos espazos.",
+        "invite": "Convidar persoas",
+        "invite_description": "Convida con email ou nome de usuaria",
+        "invite_link": "Compartir ligazón do convite",
+        "joining_space": "Uníndote",
+        "landing_welcome": "Benvida a <name/>",
+        "leave_dialog_action": "Saír do espazo",
+        "leave_dialog_description": "Vas saír de <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Es a única administradora dalgunhas salas ou espazos dos que queres saír. Ao saír deles deixaralos sen administración.",
+        "leave_dialog_only_admin_warning": "Ti es a única administradora deste espazo. Ao saír farás que a ninguén teña control sobre el.",
+        "leave_dialog_option_all": "Saír de tódalas salas",
+        "leave_dialog_option_intro": "Queres saír destas salas neste espazo?",
+        "leave_dialog_option_none": "Non saír de ningunha sala",
+        "leave_dialog_option_specific": "Saír de algunhas salas",
+        "leave_dialog_public_rejoin_warning": "Non poderás volver a unirte se non te volven a convidar.",
+        "leave_dialog_title": "Saír de %(spaceName)s",
+        "mark_suggested": "Marcar como suxerida",
+        "no_search_result_hint": "Podes intentar unha busca diferente ou comprobar o escrito.",
+        "preferences": {
+            "sections_section": "Seccións a mostrar",
+            "show_people_in_space": "Esto agrupa os teus chats cos membros deste espazo. Apagandoo ocultará estos chats da túa vista de %(spaceName)s."
+        },
+        "room_filter_placeholder": "Buscar salas",
+        "search_children": "Buscar %(spaceName)s",
+        "search_placeholder": "Buscar nome e descricións",
+        "select_room_below": "Primeiro elixe embaixo unha sala",
+        "share_public": "Comparte o teu espazo público",
+        "suggested": "Recomendada",
+        "suggested_tooltip": "Esta sala é recomendada como apropiada para unirse",
+        "title_when_query_available": "Resultados",
+        "title_when_query_unavailable": "Salas e espazos",
+        "unmark_suggested": "Marcar como non suxerida",
+        "user_lacks_permission": "Non tes permiso"
+    },
+    "space_settings": {
+        "title": "Axustes - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Escribe o nome do novo servidor que queres explorar.",
+            "network_dropdown_add_dialog_placeholder": "Nome do servidor",
+            "network_dropdown_add_dialog_title": "Engadir novo servidor",
+            "network_dropdown_add_server_option": "Engadir novo servidor…",
+            "network_dropdown_available_invalid": "Non se atopa o servidor ou a súa lista de salas",
+            "network_dropdown_available_invalid_forbidden": "Non tes permiso para ver a lista de salas deste servidor",
+            "network_dropdown_available_valid": "Pinta ben",
+            "network_dropdown_remove_server_adornment": "Eliminar servidor \"%(roomServer)s\"",
+            "network_dropdown_required_invalid": "Escribe un nome de servidor",
+            "network_dropdown_selected_label": "Mostrar: salas Matrix",
+            "network_dropdown_selected_label_instance": "Mostrar: salas de %(instance)s (%(server)s)",
+            "network_dropdown_your_server_description": "O teu servidor"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Se non atopas a quen buscas, envíalle unha ligazón de convite.",
+        "cant_find_room_helpful_hint": "Se non atopas a sala que buscas, pide un convite ou crea unha nova sala.",
+        "copy_link_text": "Copia a ligazón de convite",
+        "count_of_members": {
+            "one": "%(count)s Participante",
+            "other": "%(count)s Participantes"
+        },
+        "create_new_room_button": "Crear unha nova sala",
+        "group_chat_section_title": "Outras opcións",
+        "heading_with_query": "Usa \"%(query)s\" para buscar",
+        "heading_without_query": "Buscar",
+        "join_button_text": "Unirse a %(roomAddress)s",
+        "keyboard_scroll_hint": "Usa <arrows/> para desprazarte",
+        "other_rooms_in_space": "Outras salas en %(spaceName)s",
+        "public_rooms_label": "Salas públicas",
+        "recent_searches_section_title": "Buscas recentes",
+        "recently_viewed_section_title": "Visto recentemente",
+        "remove_filter": "Elimina o filtro de busca de %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Algúns resultados poden estar agochados por privacidade",
+        "result_may_be_hidden_warning": "Algúns resultados poderían estar agochados",
+        "search_dialog": "Diálogo de busca",
+        "spaces_title": "Espazos nos que estás",
+        "start_group_chat_button": "Inicia un chat en grupo"
+    },
+    "stickers": {
+        "empty": "Non ten paquetes de iconas activados",
+        "empty_add_prompt": "Engade algún agora"
+    },
+    "terms": {
+        "column_document": "Documento",
+        "column_service": "Servizo",
+        "column_summary": "Resumo",
+        "identity_server_no_terms_description_1": "Esta acción precisa acceder ao servidor de indentidade <server /> para validar o enderezo de email ou o número de teléfono, pero o servidor non publica os seus termos do servizo.",
+        "identity_server_no_terms_description_2": "Continúa se realmente confías no dono do servidor.",
+        "identity_server_no_terms_title": "O servidor de identidade non ten termos dos servizo",
+        "inline_intro_text": "Acepta <policyLink /> para continuar:",
+        "integration_manager": "Usa bots, pontes, widgets e paquetes de adhesivos",
+        "intro": "Para continuar tes que aceptar os termos deste servizo.",
+        "summary_identity_server_1": "Atopa a outras por teléfono ou email",
+        "summary_identity_server_2": "Permite ser atopada polo email ou teléfono",
+        "tac_button": "Revise os termos e condicións",
+        "tac_description": "Para continuar usando o servidor %(homeserverDomain)s ten que revisar primeiro os seus termos e condicións e logo aceptalos.",
+        "tac_title": "Termos e condicións",
+        "tos": "Termos do Servizo"
+    },
+    "theme": {
+        "light_high_contrast": "Alto contraste claro",
+        "match_system": "Seguir o sistema"
+    },
+    "thread_view_back_action_label": "Volver ao fío",
+    "threads": {
+        "all_threads": "Tódalas conversas",
+        "all_threads_description": "Mostra tódalas conversas da sala actual",
+        "count_of_reply": {
+            "one": "%(count)s resposta",
+            "other": "%(count)s respostas"
+        },
+        "my_threads": "As miñas conversas",
+        "my_threads_description": "Mostra tódalas conversas nas que participaches",
+        "open_thread": "Abrir fío",
+        "show_thread_filter": "Mostrar:"
+    },
+    "time": {
+        "date_at_time": "%(date)s ás %(time)s",
+        "hours_minutes_seconds_left": "%(hours)sh %(minutes)sm %(seconds)ss restantes",
+        "left": "%(timeRemaining)s restante",
+        "minutes_seconds_left": "%(minutes)sm %(seconds)ss restantes",
+        "seconds_left": "%(seconds)ss restantes"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Contraer fío de resposta",
+            "external_url": "URL fonte",
+            "open_in_osm": "Abrir en OpenStreetMap",
+            "report": "Denunciar",
+            "resent_unsent_reactions": "Reenviar %(unsentCount)s reacción(s)",
+            "show_url_preview": "Ver vista previa",
+            "view_related_event": "Ver evento relacionado",
+            "view_source": "Ver fonte"
+        },
+        "creation_summary_dm": "%(creator)s creou esta MD.",
+        "creation_summary_room": "%(creator)s creou e configurou a sala.",
+        "download_action_downloading": "Descargando",
+        "edits": {
+            "tooltip_label": "Editada o %(date)s. Preme para ver edicións.",
+            "tooltip_sub": "Preme para ver as edicións",
+            "tooltip_title": "Editado o %(date)s"
+        },
+        "error_no_renderer": "Non se puido amosar este evento",
+        "error_rendering_message": "Non se cargou a mensaxe",
+        "historical_messages_unavailable": "Non podes ver mensaxes anteriores",
+        "io.element.widgets.layout": "%(senderName)s actualizou a disposición da sala",
+        "load_error": {
+            "no_permission": "Intentouse cargar un punto concreto do historial desta sala, pero non tes permiso para ver a mensaxe en cuestión.",
+            "title": "Fallo ao cargar posición da liña temporal",
+            "unable_to_find": "Intentouse cargar un punto específico do historial desta sala, pero non se puido atopar."
+        },
+        "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Ver localización en directo"
+        },
+        "m.call": {
+            "video_call_started": "Chamada de vídeo iniciada en %(roomName)s.",
+            "video_call_started_unsupported": "Chamada de vídeo iniciada en %(roomName)s. (sen soporte neste navegador)"
+        },
+        "m.call.hangup": {
+            "dm": "Chamada rematada"
+        },
+        "m.call.invite": {
+            "call_back_prompt": "Devolver a chamada",
+            "declined": "Chamada rexeitada",
+            "failed_connect_media": "Non se puido conectar o multimedia",
+            "failed_connection": "Fallou a conexión",
+            "failed_opponent_media": "O seu dispositivo non puido acender a cámara ou micrófono",
+            "missed_call": "Chamada perdida",
+            "no_answer": "Sen resposta",
+            "unknown_error": "Aconteceu un fallo descoñecido",
+            "unknown_failure": "Fallo descoñecido: %(reason)s",
+            "unknown_state": "Esta chamada ten un estado descoñecido!",
+            "video_call": "%(senderName)s fixo unha chamada de vídeo.",
+            "video_call_unsupported": "%(senderName)s fixo unha chamada de vídeo. (non soportado por este navegador)",
+            "voice_call": "%(senderName)s fixo unha chamada de voz.",
+            "voice_call_unsupported": "%(senderName)s fixo unha chamada de voz. (non soportado neste navegador)"
+        },
+        "m.file": {
+            "error_decrypting": "Fallo descifrando o anexo"
+        },
+        "m.image": {
+            "error_decrypting": "Fallo ao descifrar a imaxe",
+            "sent": "%(senderDisplayName)s enviou unha imaxe.",
+            "show_image": "Mostrar imaxe"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s desexa verificar",
+            "you_started": "Enviaches unha solicitude de verificación"
+        },
+        "m.location": {
+            "full": "%(senderName)s compartiu a súa localización",
+            "location": "Compartiu unha localización: ",
+            "self_location": "Compartiron a súa localización: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s voto",
+                "other": "%(count)s votos"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s finalizou a enquisa"
+        },
+        "m.poll.start": "%(senderName)s publicou unha enquisa - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s cambiou o avatar da sala.",
+            "lightbox_title": "%(senderDisplayName)s cambiou o avatar para %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s engadiu os enderezos alternativos %(addresses)s para esta sala.",
+                "one": "%(senderName)s engadiu o enderezo alternativo %(addresses)s para esta sala."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s eliminou os enderezos alternativos %(addresses)s desta sala.",
+                "one": "%(senderName)s eliminou o enderezo alternativo %(addresses)s desta sala."
+            },
+            "changed": "%(senderName)s cambiou o enderezo desta sala.",
+            "changed_alternative": "%(senderName)s cambiou os enderezos alternativos desta sala.",
+            "changed_main_and_alternative": "%(senderName)s cambiou o enderezo principal e alternativo para esta sala.",
+            "removed": "%(senderName)s eliminiou o enderezo principal desta sala.",
+            "set": "%(senderName)s estableceu o enderezo principal da sala %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Esta sala é continuación doutra conversa.",
+            "see_older_messages": "Preme aquí para ver mensaxes antigas."
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s permite que as convidadas se unan a sala.",
+            "forbidden": "%(senderDisplayName)s non permite que as convidadas se unan a sala.",
+            "unknown": "%(senderDisplayName)s cambiou acceso de convidada a %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s fixo o historial da sala visible para todos os participantes, desde o punto en que foron convidadas.",
+            "joined": "%(senderName)s estableceu o historial futuro visible a todos os participantes, desde o punto en que se uniron.",
+            "shared": "%(senderName)s fixo visible para todos participantes o historial futuro da sala.",
+            "unknown": "%(senderName)s fixo visible o historial futuro da sala para descoñecidos (%(visibility)s).",
+            "world_readable": "%(senderName)s fixo visible para calquera o historial futuro da sala."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s fixo que a sala sexa só por convite.",
+            "public": "%(senderDisplayName)s converteu en pública a sala para calquera que teña a ligazón.",
+            "restricted": "%(senderDisplayName)s cambiou quen pode unirse a esta sala.",
+            "restricted_settings": "%(senderDisplayName)s cambiou quen pode unirse a esta sala. <a>Ver axustes</a>.",
+            "unknown": "%(senderDisplayName)s cambiou a regra de participación a %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s aceptou o convite a %(displayName)s",
+            "accepted_invite": "%(targetName)s aceptou o convite",
+            "ban": "%(senderName)s vetou %(targetName)s",
+            "ban_reason": "%(senderName)s vetou %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s cambiou a súa foto de perfil",
+            "change_name": "%(oldDisplayName)s cambiou o seu nome público a %(displayName)s",
+            "invite": "%(senderName)s convidou a %(targetName)s",
+            "join": "%(targetName)s uniuse á sala",
+            "kick": "%(senderName)s eliminou %(targetName)s",
+            "kick_reason": "%(senderName)s eliminou %(targetName)s: %(reason)s",
+            "left": "%(targetName)s saíu da sala",
+            "left_reason": "%(targetName)s saíu da sala: %(reason)s",
+            "no_change": "%(senderName)s non fixo cambios",
+            "reject_invite": "%(targetName)s rexeitou o convite",
+            "remove_avatar": "%(senderName)s eliminou a súa foto de perfil",
+            "remove_name": "%(senderName)s eliminou o seu nome público (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s estableceu a foto de perfil",
+            "set_name": "%(senderName)s estableceu o seu nome público como %(displayName)s",
+            "unban": "%(senderName)s retiroulle o veto a %(targetName)s",
+            "withdrew_invite": "%(senderName)s retirou o convite para %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s retirou o convite para %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s cambiou o nome da sala de %(oldRoomName)s a %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s eliminou o nome da sala.",
+            "set": "%(senderDisplayName)s cambiou o nome da sala a %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s cambiou as mensaxes fixadas para a sala.",
+            "changed_link": "%(senderName)s cambiou a <a>mensaxe fixada</a> da sala.",
+            "pinned": "%(senderName)s fixou unha mensaxe nesta sala. Mira tódalas mensaxes fixadas.",
+            "pinned_link": "%(senderName)s fixou <a>unha mensaxe</a> nesta sala. Mira tódalas <b>mensaxes fixadas</b>.",
+            "unpinned": "%(senderName)s desafixou unha mensaxe desta sala. Mira tódalas mensaxes fixadas.",
+            "unpinned_link": "%(senderName)s deafixou <a>unha mensaxe</a> desta sala. Mira tódalas <b>mensaxes fixadas</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s cambiou o nivel de autoridade a %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s desde %(fromPowerLevel)s a %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s revogou o convite para que %(targetDisplayName)s se una a esta sala.",
+            "sent": "%(senderName)s enviou un convite a %(targetDisplayName)s para unirse a sala."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s actualizou esta sala.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s cambiou o asunto a \"%(topic)s\"."
+        },
+        "m.sticker": "%(senderDisplayName)s enviou un adhesivo.",
+        "m.video": {
+            "error_decrypting": "Fallo descifrando vídeo"
+        },
+        "m.widget": {
+            "added": "O trebello %(widgetName)s engadido por %(senderName)s",
+            "jitsi_ended": "Video conferencia rematada por %(senderName)s",
+            "jitsi_join_right_prompt": "Únete á conferencia desde a tarxeta con información da sala á dereita",
+            "jitsi_join_top_prompt": "Únete á conferencia na ligazón arriba nesta sala",
+            "jitsi_started": "Video conferencia iniciada por %(senderName)s",
+            "jitsi_updated": "Video conferencia actualizada por %(senderName)s",
+            "modified": "O trebello %(widgetName)s modificado por %(senderName)s",
+            "removed": "%(widgetName)s eliminado por %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Copiar ligazón da conversa",
+            "view_in_room": "Ver na sala"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s actualizou unha regra de bloqueo con %(oldGlob)s a %(newGlob)s por %(reason)s",
+            "changed_rule_rooms": "%(senderName)s cambiou unha regra que bloqueaba salas con %(oldGlob)s a %(newGlob)s por %(reason)s",
+            "changed_rule_servers": "%(senderName)s cambiou unha regra que bloqueaba servidores con %(oldGlob)s a %(newGlob)s por %(reason)s",
+            "changed_rule_users": "%(senderName)s cambiou unha regra que bloqueaba usuarias con %(oldGlob)s a %(newGlob)s por %(reason)s",
+            "created_rule": "%(senderName)s creou unha regra de bloqueo con %(glob)s por %(reason)s",
+            "created_rule_rooms": "%(senderName)s creou unha regra bloqueando salas con %(glob)s por %(reason)s",
+            "created_rule_servers": "%(senderName)s creou unha regra bloqueando servidores con %(glob)s por %(reason)s",
+            "created_rule_users": "%(senderName)s creou unha regra de bloqueo de usuarias con %(glob)s por %(reason)s",
+            "removed_rule": "%(senderName)s eliminou a regra de bloqueo con %(glob)s",
+            "removed_rule_rooms": "%(senderName)s eliminou a regra que bloquea salas con %(glob)s",
+            "removed_rule_servers": "%(senderName)s eliminou a regra que bloquea servidores con %(glob)s",
+            "removed_rule_users": "%(senderName)s eliminou a regra que bloqueaba usuarias con %(glob)s",
+            "updated_invalid_rule": "%(senderName)s actualizou unha regra de bloqueo non válida",
+            "updated_rule": "%(senderName)s actualizou a regra de bloqueo con %(glob)s por %(reason)s",
+            "updated_rule_rooms": "%(senderName)s actualizou a regra de bloqueo de salas con %(glob)s por %(reason)s",
+            "updated_rule_servers": "%(senderName)s actualizou a regra de bloqueo de servidores con %(glob)s por %(reason)s",
+            "updated_rule_users": "%(senderName)s actualizou a regra que bloquea usuarias con %(glob)s por %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Non tes permiso para ver mensaxes anteriores a que te unises.",
+        "no_permission_messages_before_join": "Non tes permiso para ver mensaxes anteriores a que te unises.",
+        "pending_moderation": "Mensaxe pendente de moderar",
+        "pending_moderation_reason": "Mensaxe pendente de moderar: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Engadir reacción",
+            "label": "%(reactors)s reaccionou con %(content)s"
+        },
+        "read_receipt_title": {
+            "one": "Visto por %(count)s persoa",
+            "other": "Visto por %(count)s persoas"
+        },
+        "read_receipts_label": "Resgados de lectura",
+        "redacted": {
+            "tooltip": "Mensaxe eliminada o %(date)s"
+        },
+        "redaction": "Mensaxe eliminada por %(name)s",
+        "reply": {
+            "error_loading": "Non se cargou o evento ao que respondía, ou non existe ou non ten permiso para velo.",
+            "in_reply_to": "<a>En resposta a</a> <pill>",
+            "in_reply_to_for_export": "En resposta a <a>esta mensaxe</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Vai ser redirixido a unha web de terceiros para poder autenticar a súa conta e así utilizar %(integrationsUrl)s. Quere continuar?",
+            "dialog_title": "Engadir unha integración"
+        },
+        "self_redaction": "Mensaxe eliminada",
+        "send_state_failed": "Fallou o envío",
+        "send_state_sent": "Enviouse a túa mensaxe",
+        "summary": {
+            "banned": {
+                "other": "foi vetada %(count)s veces",
+                "one": "foi prohibida"
+            },
+            "banned_multiple": {
+                "other": "foron prohibidas %(count)s veces",
+                "one": "foron prohibidas"
+            },
+            "changed_name": {
+                "other": "%(oneUser)s cambiou o seu nome %(count)s veces",
+                "one": "%(oneUser)s cambiou o seu nome"
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)s cambiaron o seu nome %(count)s veces",
+                "one": "%(severalUsers)s cambiaron o seu nome"
+            },
+            "hidden_event": {
+                "one": "%(oneUser)s enviou unha mensaxe oculta",
+                "other": "%(oneUser)s enviou %(count)s mensaxes ocultas"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)s enviou unha mensaxe oculta",
+                "other": "%(severalUsers)s enviaron %(count)s mensaxes ocultas"
+            },
+            "invite_withdrawn": {
+                "other": "retiróuselle o convite a %(oneUser)s %(count)s veces",
+                "one": "retiróuselle o convite a %(oneUser)s"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "retiróuselle o convite a %(severalUsers)s %(count)s veces",
+                "one": "retiróuselle o convite a %(severalUsers)s"
+            },
+            "invited": {
+                "other": "foi convidada %(count)s veces",
+                "one": "foi convidada"
+            },
+            "invited_multiple": {
+                "other": "foron convidados %(count)s veces",
+                "one": "foron convidados"
+            },
+            "joined": {
+                "other": "%(oneUser)s uniuse %(count)s veces",
+                "one": "%(oneUser)s uniuse"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)s uníuse e saíu %(count)s veces",
+                "one": "%(oneUser)s uniuse e saíu"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)s uníronse e saíron %(count)s veces",
+                "one": "%(severalUsers)s uníronse e saíron"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s uníronse %(count)s veces",
+                "one": "%(severalUsers)s uníronse"
+            },
+            "kicked": {
+                "one": "foi eliminado",
+                "other": "foi eliminado %(count)s veces"
+            },
+            "kicked_multiple": {
+                "one": "foi eliminado",
+                "other": "foron eliminados %(count)s veces"
+            },
+            "left": {
+                "other": "%(oneUser)s saíu %(count)s veces",
+                "one": "%(oneUser)s saíu"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)s saíron %(count)s veces",
+                "one": "%(severalUsers)s saíron"
+            },
+            "no_change": {
+                "other": "%(oneUser)s non fixo cambios %(count)s veces",
+                "one": "%(oneUser)s non fixo cambios"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)s non fixeron cambios %(count)s veces",
+                "one": "%(severalUsers)s non fixeron cambios"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)s cambiou as <a>mensaxes fixadas</a> da sala",
+                "other": "%(oneUser)s cambiou as <a>mensaxes fixadas</a> da sala %(count)s veces"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s cambiaron as <a>mensaxes fixadas</a> da sala",
+                "other": "%(severalUsers)s cambiaron as <a>mensaxes fixadas</a> da sala %(count)s veces"
+            },
+            "redacted": {
+                "one": "%(oneUser)s eliminou unha mensaxe",
+                "other": "%(oneUser)s eliminou %(count)s mensaxes"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s eliminaron unha mensaxe",
+                "other": "%(severalUsers)s eliminaron %(count)s mensaxes"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)s rexeitou o seu convite %(count)s veces",
+                "one": "%(oneUser)s rexeitou o seu convite"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s rexeitaron convites %(count)s veces",
+                "one": "%(severalUsers)s rexeitaron os seus convites"
+            },
+            "rejoined": {
+                "other": "%(oneUser)s saíu e volveu %(count)s veces",
+                "one": "%(oneUser)s saíu e volveu"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)s saíron e volveron %(count)s veces",
+                "one": "%(severalUsers)s saíron e votaron"
+            },
+            "unbanned": {
+                "other": "retirouselle o veto %(count)s veces",
+                "one": "retiróuselle a prohibición"
+            },
+            "unbanned_multiple": {
+                "other": "retiróuselle a prohibición %(count)s veces",
+                "one": "retrouseille a prohibición"
+            }
+        },
+        "thread_info_basic": "Desde un fío",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s e outras %(count)s están escribindo…",
+                "one": "%(names)s e outra están escribindo…"
+            },
+            "one_user": "%(displayName)s está escribindo…",
+            "two_users": "%(names)s e %(lastPerson)s están escribindo…"
+        }
+    },
+    "truncated_list_n_more": {
+        "other": "E %(count)s máis..."
+    },
+    "update": {
+        "changelog": "Rexistro de cambios",
+        "check_action": "Comprobar actualización",
+        "error_encountered": "Houbo un erro (%(errorDetail)s).",
+        "error_unable_load_commit": "Non se cargou o detalle do commit: %(msg)s",
+        "new_version_available": "Nova versión dispoñible. <a>Actualiza.</a>",
+        "no_update": "Sen actualizacións.",
+        "release_notes_toast_title": "Que hai de novo",
+        "see_changes_button": "Que hai de novo?",
+        "toast_description": "Hai unha nova versión de %(brand)s dispoñible",
+        "toast_title": "Actualizar %(brand)s",
+        "unavailable": "Non dispoñible"
+    },
+    "upload_failed_generic": "Fallou a subida do ficheiro '%(fileName)s'.",
+    "upload_failed_size": "O ficheiro '%(fileName)s' supera o tamaño máximo permitido polo servidor",
+    "upload_failed_title": "Fallou o envío",
+    "upload_file": {
+        "cancel_all_button": "Cancelar todo",
+        "error_file_too_large": "Este ficheiro é <b>demasiado grande</b> para subilo. O límite é %(limit)s mais o ficheiro é %(sizeOfThisFile)s.",
+        "error_files_too_large": "Estes ficheiros son <b>demasiado grandes</b> para subilos. O límite é %(limit)s.",
+        "error_some_files_too_large": "Algúns ficheiros son <b>demasiado grandes</b> para subilos. O límite é %(limit)s.",
+        "error_title": "Fallo ao subir",
+        "title": "Subir ficheiros",
+        "title_progress": "Subir ficheiros (%(current)s de %(total)s)",
+        "upload_all_button": "Subir todo",
+        "upload_n_others_button": {
+            "other": "Subir outros %(count)s ficheiros",
+            "one": "Subir %(count)s ficheiro máis"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Ferramentas de administración",
+        "ban_button_room": "Vetar na sala",
+        "ban_button_space": "Vetar ao espazo",
+        "ban_room_confirm_title": "Vetar en %(roomName)s",
+        "ban_space_everything": "Vetalos en tódolos sitios nos que eu poida",
+        "ban_space_specific": "Vetalos en lugares específicos nos que eu poida",
+        "deactivate_confirm_action": "Desactivar usuaria",
+        "deactivate_confirm_description": "Ao desactivar esta usuaria ficará desconectada e non poderá volver a acceder. Ademáis deixará todas as salas nas que estivese. Esta acción non ten volta, ¿desexas desactivar esta usuaria?",
+        "deactivate_confirm_title": "¿Desactivar usuaria?",
+        "demote_button": "Baixar de rango",
+        "demote_self_confirm_description_space": "Non poderás desfacer este cambio xa que te estás degradando a ti mesma, se es a última usuaria con privilexios no espazo será imposible volver a obter os privilexios.",
+        "demote_self_confirm_room": "Non poderá desfacer este cambio xa que está a diminuír a súa autoridade, se é a única persoa con autorización na sala será imposible volver a obter privilexios.",
+        "demote_self_confirm_title": "Baixarse a ti mesma de rango?",
+        "disinvite_button_room": "Retirar convite á sala",
+        "disinvite_button_room_name": "Retirar o convite para %(roomName)s",
+        "disinvite_button_space": "Retirar convite ao espazo",
+        "error_ban_user": "Fallo ao bloquear usuaria",
+        "error_deactivate": "Fallo ao desactivar a usuaria",
+        "error_kicking_user": "Fallou a eliminación da usuaria",
+        "error_mute_user": "Fallo ó silenciar usuaria",
+        "error_revoke_3pid_invite_description": "Non se revogou o convite. O servidor podería estar experimentando un problema temporal ou non tes permisos suficientes para revogar o convite.",
+        "error_revoke_3pid_invite_title": "Fallo ao revogar o convite",
+        "invited_by": "Convidada por %(sender)s",
+        "jump_to_rr_button": "Ir ao resgardo de lectura",
+        "kick_button_room": "Eliminar da sala",
+        "kick_button_room_name": "Eliminar de %(roomName)s",
+        "kick_button_space": "Retirar do espazo",
+        "kick_button_space_everything": "Eliminar de tódolos lugares nos que podo facelo",
+        "kick_space_specific": "Eliminar de lugares concretos nos que podo facelo",
+        "kick_space_warning": "Poderán seguir accedendo a sitios onde ti non es administradora.",
+        "promote_warning": "Non poderá desfacer este cambio xa que lle estará promocionando e outorgándolle a outra persoa os mesmos permisos que os seus.",
+        "redact": {
+            "confirm_button": {
+                "other": "Eliminar %(count)s mensaxes",
+                "one": "Eliminar 1 mensaxe"
+            },
+            "confirm_description_1": {
+                "one": "Vas eliminar %(count)s mensaxe de %(user)s. Esto eliminaraa de xeito permanente para todas na conversa. Tes a certeza de querer eliminala?",
+                "other": "Vas a eliminar %(count)s mensaxes de %(user)s. Así eliminaralos de xeito permanente para todas na conversa. Tes a certeza de facelo?"
+            },
+            "confirm_description_2": "Podería demorar un tempo se é un número grande de mensaxes. Non actualices o cliente mentras tanto.",
+            "confirm_keep_state_explainer": "Desmarcar se tamén queres eliminar as mensaxes do sistema acerca da usuaria (ex. cambios na membresía, cambios no perfil...)",
+            "confirm_keep_state_label": "Conservar mensaxes do sistema",
+            "confirm_title": "Eliminar mensaxes recentes de %(user)s",
+            "no_recent_messages_description": "Desprázate na cronoloxía para ver se hai algúns máis recentes.",
+            "no_recent_messages_title": "Non se atoparon mensaxes recentes de %(user)s"
+        },
+        "redact_button": "Eliminar mensaxes recentes",
+        "revoke_invite": "Revogar convite",
+        "room_encrypted": "As mensaxes desta sala están cifradas de extremo-a-extremo.",
+        "room_encrypted_detail": "As túas mensaxes están seguras e só ti e o correspondente tedes as únicas chaves que as desbloquean.",
+        "room_unencrypted": "As mensaxes desta sala non están cifradas de extremo-a-extremo.",
+        "room_unencrypted_detail": "Nas salas cifradas, as túas mensaxes están seguras e só ti e o correspondente tedes as únicas chaves que as desbloquean.",
+        "share_button": "Compartir a ligazón coa usuaria",
+        "unban_button_room": "Retirar veto á sala",
+        "unban_button_space": "Retirar veto ao espazo",
+        "unban_room_confirm_title": "Permitir acceso a %(roomName)s",
+        "unban_space_everything": "Devolverlle o acceso a tódolos sitios onde eu poida",
+        "unban_space_specific": "Retirar o veto de lugares específicos que eu poida",
+        "unban_space_warning": "Non poderán acceder a calquera lugar no que non sexas administradora.",
+        "verify_button": "Verificar Usuaria",
+        "verify_explainer": "Para maior seguridade, verifica esta usuaria comprobando o código temporal en dous dos teus dispositivos."
+    },
+    "voip": {
+        "already_in_call": "Xa estás nunha chamada",
+        "already_in_call_person": "Xa estás nunha conversa con esta persoa.",
+        "answered_elsewhere": "Respondido noutro lugar",
+        "answered_elsewhere_description": "A chamada foi respondida noutro dispositivo.",
+        "call_failed": "Fallou a chamada",
+        "call_failed_description": "Non se puido establecer a chamada",
+        "call_failed_media": "A chamada fallou porque non tiñas acceso á cámara ou ó micrófono. Comproba:",
+        "call_failed_media_applications": "Outra aplicación non está usando a cámara",
+        "call_failed_media_connected": "O micrófono e a cámara están conectados e correctamente configurados",
+        "call_failed_media_permissions": "Tes permiso para acceder ó uso da cámara",
+        "call_failed_microphone": "A chamada fallou porque non tiñas acceso ó micrófono. Comproba que o micrófono está conectado e correctamente configurado.",
+        "call_held": "%(peerName)s finalizou a chamada",
+        "call_held_resume": "Colgaches a chamada, <a>Retomar</a>",
+        "call_held_switch": "Pausaches a chamada <a>Cambiar</a>",
+        "camera_disabled": "A túa cámara está apagada",
+        "camera_enabled": "A túa cámara aínda está acendida",
+        "cannot_call_yourself_description": "Non podes facer unha chamada a ti mesma.",
+        "connecting": "Conectando",
+        "connection_lost": "Perdeuse a conexión ao servidor",
+        "connection_lost_description": "Non podes facer chamadas se non tes conexión ao servidor.",
+        "consulting": "Consultando con %(transferTarget)s. <a>Transferir a %(transferee)s</a>",
+        "default_device": "Dispositivo por defecto",
+        "dial": "Marcar",
+        "dialpad": "Teclado",
+        "disable_camera": "Apagar cámara",
+        "disable_microphone": "Acalar micrófono",
+        "enable_camera": "Activar cámara",
+        "enable_microphone": "Activar micrófono",
+        "expand": "Volver á chamada",
+        "hangup": "Quedada",
+        "hide_sidebar_button": "Agochar barra lateral",
+        "input_devices": "Dispositivos de entrada",
+        "misconfigured_server": "Fallou a chamada porque o servidor está mal configurado",
+        "misconfigured_server_description": "Contacta coa administración do teu servidor (<code>%(homeserverDomain)s</code>) para configurar un servidor TURN para que as chamadas funcionen de xeito fiable.",
+        "more_button": "Máis",
+        "msisdn_lookup_failed": "Non atopamos o número de teléfono",
+        "msisdn_lookup_failed_description": "Houbo un erro buscando o número de teléfono",
+        "msisdn_transfer_failed": "Non se puido transferir a chamada",
+        "n_people_joined": {
+            "one": "uníuse %(count)s persoa",
+            "other": "%(count)s persoas uníronse"
+        },
+        "no_audio_input_description": "Non atopamos ningún micrófono no teu dispositivo. Comproba os axustes e proba outra vez.",
+        "no_audio_input_title": "Non atopamos ningún micrófono",
+        "no_media_perms_description": "Igual ten que permitir manualmente a %(brand)s acceder ao seus micrófono e cámara",
+        "no_media_perms_title": "Sen permisos de medios",
+        "no_permission_conference": "Precísanse permisos",
+        "no_permission_conference_description": "Non tes permisos para comezar unha chamada de conferencia nesta sala",
+        "on_hold": "%(name)s agardando",
+        "output_devices": "Dispositivos de saída",
+        "screenshare_monitor": "Compartir pantalla completa",
+        "screenshare_title": "Compartir contido",
+        "screenshare_window": "Ventá da aplicación",
+        "show_sidebar_button": "Mostrar a barra lateral",
+        "silence": "Acalar chamada",
+        "start_screenshare": "Comparte a túa pantalla",
+        "stop_screenshare": "Deixar de compartir a pantalla",
+        "too_many_calls": "Demasiadas chamadas",
+        "too_many_calls_description": "Acadaches o número máximo de chamadas simultáneas.",
+        "transfer_consult_first_label": "Preguntar primeiro",
+        "transfer_failed": "Fallou a transferencia",
+        "transfer_failed_description": "Fallou a transferencia da chamada",
+        "unable_to_access_audio_input_description": "Non puidemos acceder ao teu micrófono. Comproba os axustes do navegador e proba outra vez.",
+        "unable_to_access_audio_input_title": "Non se puido acceder ao micrófono",
+        "unable_to_access_media": "Non se puido acceder a cámara / micrófono",
+        "unable_to_access_microphone": "Non se puido acceder ó micrófono",
+        "unknown_caller": "Descoñecido",
+        "unknown_person": "persoa descoñecida",
+        "unsilence": "Son activado",
+        "unsupported": "Non hai soporte para chamadas",
+        "unsupported_browser": "Non podes facer chamadas con este navegador.",
+        "user_busy": "Usuaria ocupada",
+        "user_busy_description": "A persoa á que chamas está ocupada.",
+        "user_is_presenting": "%(sharerName)s estase presentando",
+        "video_call": "Chamada de vídeo",
+        "voice_call": "Chamada de voz",
+        "you_are_presenting": "Estaste a presentar"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s en %(osName)s",
+    "widget": {
+        "added_by": "Widget engadido por",
+        "capabilities_dialog": {
+            "content_starting_text": "O widget podería querer:",
+            "decline_all_permission": "Rexeitar todo",
+            "remember_Selection": "Lembrar a miña decisión para este widget",
+            "title": "Aprovar permisos do widget"
+        },
+        "capability": {
+            "always_on_screen_generic": "Permanecer na túa pantalla mentras se executa",
+            "always_on_screen_viewing_another_room": "Permanecer na túa pantalla cando visualizas outra sala, ó executar",
+            "any_room": "O de enriba, pero en calquera sala á que te uniches ou foches convidada",
+            "byline_empty_state_key": "cunha chave de estado baleiro",
+            "byline_state_key": "coa chave de estado %(stateKey)s",
+            "capability": "A capacidade de <b>%(capability)s</b>",
+            "change_avatar_active_room": "Cambiar o avatar da túa sala activa",
+            "change_avatar_this_room": "Cambiar o avatar desta sala",
+            "change_name_active_room": "Cambiar o tema da túa sala activa",
+            "change_name_this_room": "Cambiar o nome desta sala",
+            "change_topic_active_room": "Cambiar o tema da túa sala activa",
+            "change_topic_this_room": "Cambiar o tema desta sala",
+            "receive_membership_active_room": "Mira cando alguén se une, sae ou é convidada á túa sala activa",
+            "receive_membership_this_room": "Mira cando se une alguén, sae ou é convidada a esta sala",
+            "remove_ban_invite_leave_active_room": "Eliminar, vetar ou convidar persoas á túa sala activa, e saír ti mesmo",
+            "remove_ban_invite_leave_this_room": "Eliminar, vetar, ou convidar persas a esta sala, e saír ti mesmo",
+            "see_avatar_change_active_room": "Ver cando o avatar da túa sala activa cambie",
+            "see_avatar_change_this_room": "Ver cando o avatar desta sala cambie",
+            "see_event_type_sent_active_room": "Ver os eventos <b>%(eventType)s</b> publicados na túa sala activa",
+            "see_event_type_sent_this_room": "Ver <b>%(eventType)s</b> eventos publicados nesta sala",
+            "see_images_sent_active_room": "Ver imaxes publicadas na túa sala activa",
+            "see_images_sent_this_room": "Ver imaxes publicadas nesta sala",
+            "see_messages_sent_active_room": "Ver as mensaxes publicadas na túa sala activa",
+            "see_messages_sent_this_room": "Ver as mensaxes publicadas nesta sala",
+            "see_msgtype_sent_active_room": "Ver mensaxes <b>%(msgtype)s</b> publicados na túa sala activa",
+            "see_msgtype_sent_this_room": "Ver mensaxes <b>%(msgtype)s</b> publicados nesta sala",
+            "see_name_change_active_room": "Ver cando o nome da túa sala activa cambie",
+            "see_name_change_this_room": "Ver cando o nome desta sala cambie",
+            "see_sent_emotes_active_room": "Ver emotes publicados na túa sala activa",
+            "see_sent_emotes_this_room": "Ver emotes publicados nesta sala",
+            "see_sent_files_active_room": "Ver ficheiros publicados na túa sala activa",
+            "see_sent_files_this_room": "Ver ficheiros publicados nesta sala",
+            "see_sticker_posted_active_room": "Ver cando alguén publica un adhesivo na túa sala activa",
+            "see_sticker_posted_this_room": "Ver cando un adhesivo se publica nesta sala",
+            "see_text_messages_sent_active_room": "Ver mensaxes de texto publicados na túa sala activa",
+            "see_text_messages_sent_this_room": "Ver mensaxes de texto publicados nesta sala",
+            "see_topic_change_active_room": "Ver cando o tema da túa sala activa cambie",
+            "see_topic_change_this_room": "Ver cando o tema desta sala cambie",
+            "see_videos_sent_active_room": "Ver vídeos publicados na túa sala activa",
+            "see_videos_sent_this_room": "Ver vídeos publicados nesta sala",
+            "send_emotes_active_room": "Enviar emotes no teu nome á túa sala activa",
+            "send_emotes_this_room": "Enviar emotes no teu nome a esta sala",
+            "send_event_type_active_room": "Envía no teu nome <b>%(eventType)s</b> eventos á túa sala activa",
+            "send_event_type_this_room": "Envia no teu nome <b>%(eventType)s</b> eventos a esta sala",
+            "send_files_active_room": "Enviar ficheiros no teu nome á túa sala activa",
+            "send_files_this_room": "Enviar ficheiros no teu nome a esta sala",
+            "send_images_active_room": "Enviar imaxes no teu nome á túa sala activa",
+            "send_images_this_room": "Enviar imaxes no teu nome a esta sala",
+            "send_messages_active_room": "Enviar mensaxes no teu nome na túa sala activa",
+            "send_messages_this_room": "Enviar mensaxes no teu nome nesta sala",
+            "send_msgtype_active_room": "Enviar mensaxes <b>%(msgtype)s</b> no teu nome á túa sala activa",
+            "send_msgtype_this_room": "Enviar mensaxes <b>%(msgtype)s</b> no teu nome a esta sala",
+            "send_stickers_active_room": "Enviar adhesivos á túa sala activa",
+            "send_stickers_active_room_as_you": "Enviar no teu nome adhesivos á túa sala activa",
+            "send_stickers_this_room": "Enviar adhesivos a esta sala",
+            "send_stickers_this_room_as_you": "Enviar no teu nome adhesivos a esta sala",
+            "send_text_messages_active_room": "Enviar mensaxes de texto no teu nome á túa sala activa",
+            "send_text_messages_this_room": "Enviar mensaxes de texto no teu nome a esta sala",
+            "send_videos_active_room": "Enviar vídeos no teu nome á túa sala activa",
+            "send_videos_this_room": "Enviar vídeos no teu nome a esta sala",
+            "specific_room": "O de arriba, pero tamén en <Room />",
+            "switch_room": "Cambiar a sala que estás vendo",
+            "switch_room_message_user": "Cambia a sala, mensaxe ou usuaria que estás vendo"
+        },
+        "close_to_view_right_panel": "Pecha este widget para velo neste panel",
+        "context_menu": {
+            "delete": "Eliminar widget",
+            "delete_warning": "Quitando un trebello elimínalo para todas as usuarias desta sala. ¿tes certeza de querer eliminar este widget?"
+        },
+        "cookie_warning": "Este widget podería usar cookies.",
+        "error_hangup_description": "Desconectouse a chamada. (Erro: %(message)s)",
+        "error_hangup_title": "Perdeuse a conexión",
+        "error_loading": "Erro ao cargar o Widget",
+        "error_mixed_content": "Erro - Contido variado",
+        "error_need_invite_permission": "Precisa autorización para convidar a outros usuarias para poder facer iso.",
+        "error_need_kick_permission": "Tes que poder expulsar usuarias para facer eso.",
+        "error_need_to_be_logged_in": "Tes que iniciar sesión.",
+        "error_unable_start_audio_stream_description": "Non se puido iniciar a retransmisión de audio.",
+        "error_unable_start_audio_stream_title": "Fallou o inicio da emisión en directo",
+        "modal_data_warning": "Os datos nesta pantalla compártense con %(widgetDomain)s",
+        "modal_title_default": "Widget modal",
+        "no_name": "App descoñecida",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Lembrar isto",
+            "starting_text": "Este widget vai verificar o ID do teu usuario, pero non poderá realizar accións no teu nome:",
+            "title": "Permitir a este widget verificar a túa identidade"
+        },
+        "popout": "trebello emerxente",
+        "set_room_layout": "Establecer a miña disposición da sala para todas",
+        "shared_data_mxid": "ID de usuaria",
+        "shared_data_name": "Nome mostrado",
+        "shared_data_room_id": "ID da sala",
+        "shared_data_theme": "O teu decorado",
+        "shared_data_url": "URL %(brand)s",
+        "shared_data_warning": "Ao utilizar este widget poderías compartir datos <helpIcon /> con %(widgetDomain)s.",
+        "shared_data_warning_im": "Ao utilizar este widget poderías compartir datos <helpIcon /> con %(widgetDomain)s e o teu Xestor de integracións.",
+        "shared_data_widget_id": "ID do widget",
+        "unencrypted_warning": "Os Widgets non usan cifrado de mensaxes.",
+        "unmaximise": "Restablecer",
+        "unpin_to_view_right_panel": "Desafixar este widget para velo neste panel"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "As maiúsculas son case tan fáciles de adiviñar como as minúsculas",
+            "anotherWord": "Engade unha ou dúas palabras máis. Mellor que sexan raras.",
+            "associatedYears": "Evita anos que están asociados a ti",
+            "capitalization": "Escribir con maiúsculas non axuda moito",
+            "dates": "Evita datas e anos que están relacionados contigo",
+            "l33t": "Substitucións predecibles como '@' no lugar de 'a' non son de gran axuda",
+            "longerKeyboardPattern": "Usa un patrón de teclado máis grande con algún xiro",
+            "noNeed": "Non precisa símbolos, díxitos ou maiúsculas",
+            "recentYears": "Evita anos recentes",
+            "repeated": "Evita palabras repetidas ou caracteres",
+            "reverseWords": "A escritura inversa non é moi difícil de adiviñar",
+            "sequences": "Evita secuencias",
+            "useWords": "Usa unhas poucas palabras, evita frases comúns"
+        },
+        "warnings": {
+            "common": "Este é un contrasinal moi común",
+            "commonNames": "Os nomes e alcumes son fáciles de adiviñar",
+            "dates": "Normalmente as datas son fáciles de adiviñar",
+            "extendedRepeat": "Repeticións com \"abcabcabc\" son só un pouco máis difíciles de adiviñar que \"abc\"",
+            "keyPattern": "Patróns curtos de teclas son doados de adiviñar",
+            "namesByThemselves": "Nomes e apelidos por si mesmos son fáciles de adiviñar",
+            "recentYears": "Os anos recentes son fáciles de adiviñar",
+            "sequences": "Secuencias como abc ou 6543 son fáciles de adiviñar",
+            "similarToCommon": "É semellante a un contrasinal habitualmente utilizado",
+            "simpleRepeat": "Repeticións com \"aaa\" son fáciles de adiviñar",
+            "straightRow": "Palabras de letras contiguas son doadas de adiviñar",
+            "topHundred": "Este un top-100 dos contrasinais habituais",
+            "topTen": "Este é o top-10 dos contrasinais habituais",
+            "wordByItself": "Por si sola, unha palabra é fácil de adiviñar"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/he.json b/apps/web/src/i18n/strings/he.json
new file mode 100644
index 00000000000..3a54c26209e
--- /dev/null
+++ b/apps/web/src/i18n/strings/he.json
@@ -0,0 +1,2428 @@
+{
+    "a11y": {
+        "jump_first_invite": "קפצו להזמנה ראשונה.",
+        "n_unread_messages": {
+            "one": "1 הודעה שלא נקראה.",
+            "other": "%(count)s הודעות שלא נקראו."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 אזכור שלא נקרא.",
+            "other": "%(count)s הודעות שלא נקראו כולל אזכורים."
+        },
+        "unread_messages": "הודעות שלא נקראו."
+    },
+    "a11y_jump_first_unread_room": "קפצו לחדר הראשון שלא נקרא.",
+    "action": {
+        "accept": "קבל",
+        "add": "הוספה",
+        "approve": "אישור",
+        "back": "אחורה",
+        "cancel": "ביטול",
+        "change": "שנה",
+        "click_to_copy": "לחץ להעתקה",
+        "close": "סגור",
+        "collapse": "הִתמוֹטְטוּת",
+        "complete": "מושלם",
+        "confirm": "אישור",
+        "continue": "המשך",
+        "copy": "העתק",
+        "create": "צור",
+        "create_account": "משתמש חדש",
+        "decline": "סרב",
+        "delete": "מחק",
+        "disable": "השבת",
+        "disconnect": "התנתק",
+        "dismiss": "התעלם",
+        "done": "סיום",
+        "download": "הורדה",
+        "edit": "ערוך",
+        "enable": "אפשר",
+        "enter_fullscreen": "עברו למסך מלא",
+        "exit_fullscreeen": "יציאה ממסך מלא",
+        "expand": "להרחיב",
+        "explore_rooms": "גלה חדרים",
+        "export": "ייצוא",
+        "forward": "קדימה",
+        "go": "המשך",
+        "go_back": "חזרה",
+        "got_it": "הבנתי",
+        "hide_advanced": "הסתר מתקדם",
+        "hold": "החזק",
+        "ignore": "התעלם",
+        "import": "יבא",
+        "invite": "הזמן",
+        "join": "הצטרפות",
+        "learn_more": "לימדו עוד",
+        "leave": "לעזוב",
+        "leave_room": "עזוב חדר",
+        "logout": "יציאה",
+        "manage": "ניהול",
+        "mention": "אזכר",
+        "new_room": "חדר חדש",
+        "next": "הבא",
+        "no": "לא",
+        "ok": "בסדר",
+        "open": "פתח",
+        "pin": "נעץ",
+        "quote": "ציטוט",
+        "react": "הגב",
+        "refresh": "רענן",
+        "register": "צור חשבון",
+        "reload": "טעינה מחדש",
+        "remove": "הסר",
+        "rename": "שנה שם",
+        "reply": "תשובה",
+        "reply_in_thread": "מענה בשרשור",
+        "resend": "שלח מחדש",
+        "reset": "אתחל",
+        "resume": "תקציר",
+        "retry": "נסה שוב",
+        "review": "סקירה",
+        "revoke": "לשלול",
+        "save": "שמירה",
+        "search": "חפש",
+        "send_report": "שלח דיווח",
+        "share": "לשתף",
+        "show_advanced": "הצג מתקדם",
+        "show_all": "הצג הכל",
+        "sign_in": "כניסה",
+        "sign_out": "יציאה",
+        "skip": "דלג",
+        "start": "התחל",
+        "stop": "עצור",
+        "submit": "הגש",
+        "subscribe": "הרשמה",
+        "transfer": "לְהַעֲבִיר",
+        "trust": "לבטוח",
+        "try_again": "נסה שוב",
+        "unban": "הסר חסימה",
+        "unignore": "הסר התעלמות",
+        "unpin": "הסר נעיצה",
+        "unsubscribe": "הסרת הרשמה",
+        "update": "עדכון",
+        "upgrade": "שדרג",
+        "upload": "העלאה",
+        "verify": "אימות",
+        "view": "צפה",
+        "view_source": "הצג מקור",
+        "yes": "כן",
+        "zoom_in": "התמקדות פנימה",
+        "zoom_out": "התמקדות החוצה"
+    },
+    "analytics": {
+        "accept_button": "זה בסדר",
+        "consent_migration": "הסכמתם בעבר לשתף איתנו מידע אנונימי לגבי השימוש שלכם. אנחנו מעדכנים איך זה מתבצע.",
+        "enable_prompt": "עזרו בשיפור %(analyticsOwner)s",
+        "learn_more": "שתף נתונים אנונימיים כדי לעזור לנו לזהות בעיות. ללא אישי. אין צדדים שלישיים. <LearnMoreLink>למידע נוסף</LearnMoreLink>",
+        "shared_data_heading": "ניתן לשתף כל אחד מהנתונים הבאים:"
+    },
+    "auth": {
+        "account_clash": "החשבון החדש שלך (%(newAccountId)s) רשום, אך אתה כבר מחובר לחשבון אחר (%(loggedInUserId)s).",
+        "account_clash_previous_account": "המשך בחשבון הקודם",
+        "account_deactivated": "חשבון זה הושבת.",
+        "autodiscovery_generic_failure": "קבלת תצורת הגילוי האוטומטי מהשרת נכשלה",
+        "autodiscovery_invalid": "תגובת גילוי שרת בית לא חוקית",
+        "autodiscovery_invalid_hs": "נראה שכתובת האתר של שרת הבית אינה שרת ביתי של מטריקס",
+        "autodiscovery_invalid_hs_base_url": "Base_url לא חוקי עבור m.homeserver",
+        "autodiscovery_invalid_is": "נראה שכתובת האתר של שרת זהות אינה שרת זהות חוקי",
+        "autodiscovery_invalid_is_base_url": "Base_url לא חוקי עבור m.identity_server",
+        "autodiscovery_invalid_is_response": "תגובת גילוי שרת זהות לא חוקית",
+        "autodiscovery_invalid_json": "JSON לא חוקי",
+        "autodiscovery_unexpected_error_hs": "שגיאה לא צפוייה של התחברות לשרת הראשי",
+        "autodiscovery_unexpected_error_is": "שגיאה לא צפויה בהתחברות אל שרת הזיהוי",
+        "captcha_description": "שרת בית זה רוצה לוודא שאתה לא רובוט.",
+        "change_password_action": "שנה סיסמא",
+        "change_password_confirm_invalid": "ססמאות לא תואמות",
+        "change_password_confirm_label": "אשרו סיסמא",
+        "change_password_current_label": "הסיסמא הנוכחית",
+        "change_password_empty": "ססמאות לא יכולות להיות ריקות",
+        "change_password_mismatch": "הססמאות החדשות לא תואמות",
+        "change_password_new_label": "סיסמה חדשה",
+        "continue_with_idp": "המשך עם %(provider)s",
+        "continue_with_sso": "המשך עם %(ssoButtons)s",
+        "country_dropdown": "נפתח במדינה",
+        "create_account_prompt": "חדש פה? <a> צור חשבון </a>",
+        "create_account_title": "חשבון משתמש חדש",
+        "email_discovery_text": "השתמש באימייל כדי שאפשר יהיה למצוא אותו על ידי אנשי קשר קיימים.",
+        "email_field_label": "דוא\"ל",
+        "email_field_label_invalid": "לא נראה כמו כתובת דוא\"ל תקפה",
+        "email_field_label_required": "הזן כתובת דוא\"ל",
+        "email_help_text": "הוסף דוא\"ל כדי שתוכל לאפס את הסיסמה שלך.",
+        "email_phone_discovery_text": "השתמש בדוא\"ל או בטלפון בכדי שאפשר יהיה לגלות אותם על ידי אנשי קשר קיימים.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> ישלח אליך קישור לצורך איפוס הסיסמה שלך.",
+        "enter_email_heading": "הקלד את כתובת הדואר האלקטרוני שלך לצורך איפוס סיסמה",
+        "failed_connect_identity_server": "אין תקשורת עם שרת הזיהוי",
+        "failed_connect_identity_server_other": "אתם יכולים להכנס, אך כמה מן התכונות יהיו לא פעילים עד ששרת הזיהוי ישוב לפעילות תקינה. אם אתם עדיין רואים את השגיאה הזו אנא צרו קשר עם אדמין השרת או בדקו את ההגדרות שלכם.",
+        "failed_connect_identity_server_register": "אתם יכולים להרשם, אך כמה מן התכונות יהיו לא פעילים עד ששרת הזיהוי ישוב לפעילות תקינה. אם אתם עדיין רואים את השגיאה הזו אנא צרו קשר עם אדמין השרת או בדקו את ההגדרות שלכם.",
+        "failed_connect_identity_server_reset_password": "אתם יכולים לחדש סיסמא, אך כמה מן התכונות יהיו לא פעילים עד ששרת הזיהוי ישוב לפעילות תקינה. אם אתם עדיין רואים את השגיאה הזו אנא צרו קשר עם אדמין השרת או בדקו את ההגדרות שלכם.",
+        "failed_homeserver_discovery": "נכשל גילוי שרת הבית",
+        "failed_query_registration_methods": "לא ניתן לשאול לשיטות רישום נתמכות.",
+        "failed_soft_logout_auth": "האימות מחדש נכשל",
+        "failed_soft_logout_homeserver": "האימות מחדש נכשל עקב בעיית שרת בית",
+        "forgot_password_email_required": "יש להזין את כתובת הדוא\"ל המקושרת לחשבונך.",
+        "forgot_password_prompt": "שכחת את הסיסמה שלך?",
+        "forgot_password_send_email": "שלח אימייל",
+        "identifier_label": "כניסה עם",
+        "incorrect_credentials": "שם משתמש ו / או סיסמה שגויים.",
+        "incorrect_credentials_detail": "שים לב שאתה מתחבר לשרת %(hs)s, לא ל- matrix.org.",
+        "incorrect_password": "סיסמה שגויה",
+        "log_in_new_account": "<a> היכנס </a> לחשבונך החדש.",
+        "logout_dialog": {
+            "description": "האם אתה בטוח שברצונך לצאת?",
+            "setup_key_backup_title": "תאבד את הגישה להודעות המוצפנות שלך",
+            "skip_key_backup": "אני לא רוצה את ההודעות המוצפנות שלי"
+        },
+        "misconfigured_body": "בקשו מהאדמין של %(brand)s לבדוק <a>קונפיגורציה</a> לרשומות כפולות שגויות.",
+        "misconfigured_title": "ה %(brand)s שלך מוגדר באופן שגוי",
+        "msisdn_field_description": "משתמשים אחרים יכולים להזמין אותך לחדרים באמצעות פרטי יצירת הקשר שלך",
+        "msisdn_field_label": "טלפון",
+        "msisdn_field_number_invalid": "מספר הטלפון הזה לא נראה בסדר, אנא בדוק ונסה שוב",
+        "msisdn_field_required_invalid": "הזן טלפון",
+        "no_hs_url_provided": "לא סופקה כתובת של שרת הראשי",
+        "oidc": {
+            "error_title": "לא הצלחנו להתחבר אליך",
+            "missing_or_invalid_stored_state": "ביקשנו מהדפדפן לזכור באיזה שרת בית אתה משתמש כדי לאפשר לך להיכנס, אך למרבה הצער הדפדפן שלך שכח אותו. עבור לדף הכניסה ונסה שוב."
+        },
+        "password_field_label": "הזן סיסמה",
+        "password_field_strong_label": "יפה, סיסמה חזקה!",
+        "password_field_weak_label": "סיסמא מותרת, אך אינה בטוחה",
+        "phone_label": "טלפון",
+        "phone_optional_label": "טלפון (לא חובה)",
+        "register_action": "משתמש חדש",
+        "registration": {
+            "continue_without_email_description": "שים לב, אם לא תשייך כתובת דואר אלקטרוני ותשכח את הסיסמה שלך, אתה תאבד <b>לצמיתות</b> את הגישה לחשבונך.",
+            "continue_without_email_field_label": "דוא\"ל (לא חובה)",
+            "continue_without_email_title": "ממשיך ללא דוא\"ל"
+        },
+        "registration_disabled": "ההרשמה הושבתה בשרת הבית הזה.",
+        "registration_msisdn_field_required_invalid": "הזן מספר טלפון (חובה בשרת בית זה)",
+        "registration_successful": "ההרשמה בוצעה בהצלחה",
+        "registration_username_validation": "השתמש באותיות קטנות, מספרים, מקפים וקווים תחתונים בלבד",
+        "reset_password": {
+            "other_devices_logout_warning_2": "אם ברצונכם לשמור על גישה להיסטוריית הצ'אט שלכם בחדרים מוצפנים, הגדירו גיבוי מפתחות או ייצאו את מפתחות ההודעות שלכם מאחד מהמכשירים האחרים שלכם לפני שתמשיך.",
+            "password_not_entered": "יש להזין סיסמה חדשה.",
+            "passwords_mismatch": "סיסמאות חדשות חייבות להתאים זו לזו.",
+            "reset_successful": "הסיסמה שלך אופסה.",
+            "return_to_login": "חזור למסך הכניסה"
+        },
+        "reset_password_email_field_description": "השתמש בכתובת דוא\"ל לשחזור חשבונך",
+        "reset_password_email_field_required_invalid": "הזן כתובת דוא\"ל (חובה בשרת הבית הזה)",
+        "reset_password_email_not_found_title": "המייל הזה לא נמצא",
+        "server_picker_custom": "שרת בית אחר",
+        "server_picker_description_matrix.org": "הצטרפו למיליונים בחינם בשרת הציבורי הגדול ביותר",
+        "server_picker_dialog_title": "החלט היכן מתארח חשבונך",
+        "server_picker_explainer": "השתמש בשרת הבית המועדף על מטריקס אם יש לך כזה, או מארח משלך.",
+        "server_picker_failed_validate_homeserver": "לא ניתן לאמת את שרת הבית",
+        "server_picker_invalid_url": "כתובת אתר לא חוקית",
+        "server_picker_learn_more": "אודות שרתי בית",
+        "server_picker_required": "ציין שרת בית",
+        "server_picker_title": "היכנס לשרת הבית שלך",
+        "server_picker_title_default": "אפשרויות שרת",
+        "server_picker_title_registration": "חשבון מארח ב",
+        "session_logged_out_description": "למען ביטחון, הפגישה הזו נותקה. אנא היכנסו שוב.",
+        "session_logged_out_title": "יציאה",
+        "set_email": {
+            "description": "זה יאפשר לך לאפס את הסיסמה שלך ולקבל התראות.",
+            "verification_pending_description": "אנא בדוק את הדוא\"ל שלך ולחץ על הקישור שהוא מכיל. לאחר שתסיים, לחץ על המשך.",
+            "verification_pending_title": "אימות בהמתנה"
+        },
+        "set_email_prompt": "האם אתם רוצים להגדיר כתובת דוא\"ל?",
+        "sign_in_instead": "התחבר במקום זאת",
+        "sign_in_instead_prompt": "התחבר במקום זאת",
+        "sign_in_or_register": "התחברו או צרו חשבון",
+        "sign_in_or_register_description": "השתמשו בחשבונכם או צרו חשבון חדש.",
+        "sign_in_with_sso": "היכנס באמצעות כניסה יחידה",
+        "soft_logout": {
+            "clear_data_button": "נקה את כל הנתונים",
+            "clear_data_description": "ניקוי כל הנתונים מהפגישה זו הוא קבוע. הודעות מוצפנות יאבדו אלא אם כן גובו על המפתחות שלהן.",
+            "clear_data_title": "למחוק את כל הנתונים בפגישה זו?"
+        },
+        "soft_logout_heading": "התנתקתם",
+        "soft_logout_intro_password": "הזן את הסיסמה שלך כדי להיכנס לחזרה ולחזור אליה.",
+        "soft_logout_intro_sso": "היכנס וקבל שוב גישה לחשבונך.",
+        "soft_logout_intro_unsupported_auth": "אינך יכול להיכנס לחשבונך. אנא פנה למנהל שרת הבית שלך למידע נוסף.",
+        "soft_logout_subheading": "נקה מידע אישי",
+        "sso": "כניסה חד שלבית",
+        "sso_complete_in_browser_dialog_title": "עבור לדפדפן להמשך ההתחברות",
+        "sso_failed_missing_storage": "ביקשנו מהדפדפן לזכור באיזה שרת בית אתה משתמש כדי לאפשר לך להיכנס, אך למרבה הצער הדפדפן שלך שכח אותו. עבור לדף הכניסה ונסה שוב.",
+        "sso_or_username_password": "%(ssoButtons)s או %(usernamePassword)s",
+        "sync_footer_subtitle": "אם הצטרפת להרבה חדרים, זה עשוי לקחת זמן מה",
+        "uia": {
+            "code": "קוד",
+            "fallback_button": "התחל אימות",
+            "msisdn": "הודעת טקסט נשלחה אל %(msisdn)s",
+            "msisdn_token_incorrect": "אסימון שגוי",
+            "msisdn_token_prompt": "אנא הכנס את הקוד שהוא מכיל:",
+            "password_prompt": "אשר את זהותך על ידי הזנת סיסמת החשבון שלך למטה.",
+            "recaptcha_missing_params": "חסר מפתח ציבורי של captcha בתצורת שרת הבית. אנא דווח על כך למנהל שרת הבית שלך.",
+            "sso_body": "אשרו הוספת מייל זה על ידי כניסה למערכת להוכיח את זהותכם.",
+            "sso_postauth_body": "לחץ על הלחצן למטה כדי לאשר את זהותך.",
+            "sso_postauth_title": "אשרו בכדי להמשיך",
+            "sso_preauth_body": "כדי להמשיך, השתמש בכניסה יחידה כדי להוכיח את זהותך.",
+            "sso_title": "השתמש בכניסה חד שלבית על מנת להמשיך",
+            "terms": "אנא עיין וקבל את המדיניות של שרת בית זה:",
+            "terms_invalid": "אנא עיין וקבל את כל המדיניות של שרת הבית"
+        },
+        "unsupported_auth_email": "שרת בית זה אינו תומך בכניסה באמצעות כתובת דוא\"ל.",
+        "unsupported_auth_msisdn": "שרת זה אינו תומך באימות עם מספר טלפון.",
+        "username_field_required_invalid": "הזן שם משתמש"
+    },
+    "bug_reporting": {
+        "additional_context": "אם ישנו הקשר נוסף שיעזור לניתוח הבעיה, כגון מה שעשיתם באותו זמן, תעודות זהות, מזהי משתמש וכו ', אנא כללו את הדברים כאן.",
+        "before_submitting": "לפני שמגישים יומנים, עליכם <a> ליצור בעיה של GitHub </a> כדי לתאר את הבעיה שלכם.",
+        "collecting_information": "אוסף מידע על גרסת היישום",
+        "collecting_logs": "אוסף יומנים לנפוי שגיאה (דבאג)",
+        "create_new_issue": "אנא <newIssueLink> צור בעיה חדשה </newIssueLink> ב- GitHub כדי שנוכל לחקור את הבאג הזה.",
+        "description": "לוגים מכילים נתוני שימוש באפליקציה, לרבות שם המשתמש שלכם, המזהים או הכינויים של החדרים שבהם ביקרתם, עם אילו רכיבי ממשק משתמש ביצעתם אינטראקציה אחרונה ושמות המשתמש של משתמשים אחרים. הם אינם מכילים הודעות.",
+        "download_logs": "הורד יומנים",
+        "downloading_logs": "מוריד לוגים",
+        "error_empty": "אנא ספר לנו מה השתבש או, יותר טוב, צור בעיה של GitHub המתארת את הבעיה.",
+        "github_issue": "סוגיית GitHub",
+        "introduction": "אם שלחתם באג דרך GitHub, שליחת לוגים יכולה לעזור לנו לאתר את הבעיה. ",
+        "log_request": "כדי לעזור לנו למנוע זאת בעתיד, אנא <a> שלחו לנו יומנים </a>.",
+        "logs_sent": "יומנים נשלחו",
+        "matrix_security_issue": "כדי לדווח על בעיית אבטחה , אנא קראו את <a> מדיניות גילוי האבטחה של Matrix.org </a>.",
+        "preparing_download": "מתכונן להורדת יומנים",
+        "preparing_logs": "מתכונן לשלוח יומנים",
+        "send_logs": "שלח יומנים",
+        "submit_debug_logs": "צרף לוגים",
+        "textarea_label": "הערות",
+        "thank_you": "רב תודות!",
+        "title": "דיווח על תקלות ובאגים",
+        "unsupported_browser": "תזכורת: הדפדפן שלך אינו נתמך, כך שהחוויה שלך עשויה להיות בלתי צפויה.",
+        "uploading_logs": "מעלה לוגים",
+        "waiting_for_server": "ממתין לתשובה מהשרת"
+    },
+    "cannot_reach_homeserver": "אין תקשורת עם השרת הראשי",
+    "cannot_reach_homeserver_detail": "בדקו שיש לכם תקשורת אינטרנט יציבה, או צרו קשר עם האדמין של השרת",
+    "cant_load_page": "לא ניתן לטעון את הדף",
+    "chat_card_back_action_label": "חזרה לצ'אט",
+    "chat_effects": {
+        "confetti_description": "שולח הודעה זו ביחד עם קונפטי",
+        "confetti_message": "שלח קונפטי",
+        "fireworks_description": "שולח הודעה זו עם זיקוקים",
+        "fireworks_message": "שלח זיקוקים",
+        "hearts_message": "שולח לבבות",
+        "rainfall_description": "שלח הודעה זו עם גשם נופל",
+        "rainfall_message": "שלח גשם נופל",
+        "snowfall_description": "שלח הודעה זו עם שלג נופל",
+        "snowfall_message": "שלח שלג נופל",
+        "spaceinvaders_description": "שולח את ההודעה הנתונה עם אפקט בנושא חלל",
+        "spaceinvaders_message": "שולח פולשים לחלל"
+    },
+    "common": {
+        "accessibility": "נגישות",
+        "advanced": "מתקדם",
+        "analytics": "אנליטיקה",
+        "and_n_others": {
+            "one": "ועוד אחד אחר...",
+            "other": "ו %(count)s אחרים..."
+        },
+        "appearance": "מראה",
+        "are_you_sure": "האם אתם בטוחים?",
+        "attachment": "נספחים",
+        "authentication": "אימות",
+        "camera": "מצלמה",
+        "capabilities": "יכולות",
+        "copied": "הועתק!",
+        "credits": "נקודות זכות",
+        "dark": "כהה",
+        "description": "תאור",
+        "deselect_all": "הסר סימון מהכל",
+        "edited": "נערך",
+        "email_address": "כתובת דוא\"ל",
+        "emoji": "אימוג'י",
+        "encrypted": "מוצפן",
+        "error": "שגיאה",
+        "faq": "שאלות נפוצות",
+        "feedback": "משוב",
+        "filter_results": "סנן התוצאות",
+        "forward_message": "העבירו את ההודעה",
+        "general": "כללי",
+        "go_to_settings": "עבור להגדרות",
+        "guest": "אורח",
+        "help": "עזרה",
+        "home": "הבית",
+        "homeserver": "שרת הבית",
+        "identity_server": "שרת הזדהות",
+        "integration_manager": "מנהל אינטגרציה",
+        "labs": "מעבדת הפיתוח",
+        "legal": "חוקי",
+        "light": "בהיר",
+        "location": "מיקום",
+        "matrix": "מטריקס",
+        "message_layout": "תבנית הודעה",
+        "microphone": "מיקרופון",
+        "modern": "מודרני",
+        "mute": "השתק",
+        "n_rooms": {
+            "other": "%(count)s חדרים"
+        },
+        "name": "שם",
+        "no_results": "אין תוצאות",
+        "not_trusted": "לא אמין",
+        "off": "ללא",
+        "offline": "לא מחובר",
+        "on": "התראה",
+        "options": "אפשרויות",
+        "orphan_rooms": "חדרים אחרים",
+        "password": "סיסמה",
+        "people": "אנשים",
+        "preferences": "העדפות",
+        "presence": "נוכחות",
+        "preview_message": "היי, אתם אלופים!",
+        "privacy": "פרטיות",
+        "private": "פרטי",
+        "private_space": "מרחב עבודה פרטי",
+        "profile": "פרופיל",
+        "public": "ציבורי",
+        "public_space": "מרחב עבודה ציבורי",
+        "qr_code": "קוד QR",
+        "random": "אקראי",
+        "reactions": "תגובות",
+        "report_a_bug": "דיווח על תקלה",
+        "room": "חדר",
+        "room_name": "שם חדר",
+        "rooms": "חדרים",
+        "secure_backup": "גיבוי מאובטח",
+        "select_all": "בחר הכל",
+        "server": "שרת",
+        "settings": "הגדרות",
+        "setup_secure_messages": "הגדר הודעות מאובטחות",
+        "show_more": "הצג יותר",
+        "someone": "משהו",
+        "space": "מקש רווח",
+        "spaces": "מרחבי עבודה",
+        "sticker": "מַדבֵּקָה",
+        "stickerpack": "חבילת מדבקות",
+        "success": "הצלחה",
+        "suggestions": "הצעות",
+        "support": "תמיכה",
+        "theme": "ערכת נושא",
+        "thread": "שרשורים",
+        "threads": "שרשורים",
+        "timeline": "קו זמן",
+        "unencrypted": "לא מוצפן",
+        "unmute": "בטל השתקה",
+        "unnamed_room": "חדר ללא שם",
+        "user_avatar": "תמונת פרופיל",
+        "username": "שם משתמש",
+        "warning": "התראה"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "הודע לכל החדר",
+            "command_a11y": "השלמה אוטומטית של פקודות",
+            "command_description": "פקודות",
+            "emoji_a11y": "השלמה אוטומטית של אימוג'י",
+            "notification_a11y": "השלמה אוטומטית להתראות",
+            "notification_description": "הודעת חדר",
+            "room_a11y": "השלמה אוטומטית לחדרים",
+            "space_a11y": "השלמה אוטומטית של חלל העבודה",
+            "user_a11y": "השלמה אוטומטית למשתמשים",
+            "user_description": "משתמשים"
+        },
+        "edit_composer_label": "ערוך הודעה",
+        "format_bold": "מודגש",
+        "format_code_block": "בלוק קוד",
+        "format_inline_code": "קוד",
+        "format_italics": "נטוי",
+        "format_strikethrough": "קו חוצה",
+        "no_perms_notice": "אין לך הרשאה לפרסם בחדר זה",
+        "placeholder": "שליחת הודעה…",
+        "placeholder_encrypted": "שליחת הודעה מוצפנת…",
+        "placeholder_reply": "שליחת תגובה…",
+        "placeholder_reply_encrypted": "שליחת תגובה מוצפנת…",
+        "placeholder_thread": "תשובה לשרשור…",
+        "placeholder_thread_encrypted": "מענה לשרשור מוצפן…",
+        "poll_button": "סקר",
+        "poll_button_no_perms_description": "אין לכם הרשאה להתחיל סקר בחדר זה.",
+        "poll_button_no_perms_title": "הרשאה דרושה",
+        "replying_title": "משיבים",
+        "room_upgraded_link": "השיחה נמשכת כאן.",
+        "room_upgraded_notice": "חדר זה הוחלף ואינו פעיל יותר.",
+        "send_button_title": "לשלוח הודעה",
+        "send_button_voice_message": "שלח הודעה קולית",
+        "send_voice_message": "שלח הודעה קולית",
+        "voice_message_button": "הודעה קולית"
+    },
+    "create_room": {
+        "encryption_forced": "השרת שלכם דורש הפעלת הצפנה בחדרים פרטיים.",
+        "encryption_label": "אפשר הצפנה מקצה לקצה",
+        "error_title": "כשלון ביצירת חדר",
+        "generic_error": "יתכן והשרת לא זמין, עמוס, או שקיימת תקלה.",
+        "join_rule_public_parent_space_label": "כל אחד יוכל למצוא ולהצטרך אל חדר זה, לא רק משתתפי מרחב עבודה <SpaceName/>.",
+        "join_rule_restricted": "נראה לחברי מרחב העבודה",
+        "join_rule_restricted_label": "כל אחד ב<SpaceName/> יוכל למצוא ולהצטרף אל חדר זה.",
+        "name_validation_required": "אנא הזינו שם לחדר",
+        "room_visibility_label": "נראות של החדר",
+        "title_private_room": "צור חדר פרטי",
+        "title_public_room": "צור חדר ציבורי",
+        "title_video_room": "צרו חדר וידאו",
+        "topic_label": "נושא (לא חובה)",
+        "unfederated": "חסום ממישהו שאינו חלק מ- %(serverName)s מלהצטרף אי פעם לחדר זה.",
+        "unfederated_label_default_off": "ייתכן שתאפשר זאת אם החדר ישמש רק לשיתוף פעולה עם צוותים פנימיים בשרת הבית שלך. לא ניתן לשנות זאת מאוחר יותר.",
+        "unfederated_label_default_on": "ייתכן שתשבית זאת אם החדר ישמש לשיתוף פעולה עם צוותים חיצוניים שיש להם שרת בית משלהם. לא ניתן לשנות זאת מאוחר יותר.",
+        "unsupported_version": "השרת אינו תומך בגירסת החדר הזו."
+    },
+    "create_space": {
+        "add_existing_rooms_description": "ביחרו חדרים או שיחות להוספה. זה רק מקום בשבילכם, אף אחד לא ייודע. תוכלו להוסיף עוד מאוחר יותר.",
+        "add_existing_rooms_heading": "מה ברצונכם לארגן ?",
+        "address_label": "כתובת",
+        "address_placeholder": "לדוגמא מרחב העבודה שלי",
+        "done_action": "גש לחלל העבודה שלי",
+        "done_action_first_room": "גש לחדר הראשון שלי",
+        "explainer": "מרחבי עבודה הם דרך חדשה לקבץ חדרים ואנשים. איזה סוג של מרחב עבודה אתם רוצים ליצור? תוכלו לשנות זאת מאוחר יותר.",
+        "failed_create_initial_rooms": "יצירת חדר חלל עבודה ראשוני נכשלה",
+        "failed_invite_users": "נכשל בהזמנת המשתמשים הבאים לחלל העבודה שלכם %(csvUsers)s",
+        "invite_teammates_by_username": "הזמנה באמצעות שם משתמש",
+        "invite_teammates_description": "ודאו שלאנשים הנכונים תהיה גישה. תוכלו להזמין עוד מאוחר יותר.",
+        "invite_teammates_heading": "הזמינו את חברי הצוות שלכם",
+        "label": "צור מרחב עבודה",
+        "name_required": "נא הגדירו שם עבור מרחב העבודה",
+        "personal_space": "רק אני",
+        "personal_space_description": "חלל עבודה פרטי לארגן בו את החדרים שלכם",
+        "private_heading": "מרחב העבודה הפרטי שלך",
+        "private_personal_description": "שימו לב שלאנשים המתאימים יש גישה אל %(name)s",
+        "private_personal_heading": "עם מי אתם עובדים ?",
+        "private_space": "אני וחברי הצוות שלי",
+        "private_space_description": "חלל עבודה פרטי לכם ולחברי הצוות שלכם",
+        "public_description": "מרחב עבודה פתוח לכולם, מיועד לקהילות",
+        "public_heading": "מרחב העבודה הציבורי שלך",
+        "setup_rooms_community_description": "בואו ניצור חדר לכל אחד מהם.",
+        "setup_rooms_community_heading": "באילו דברים אתם רוצים לדון ב-%(spaceName)s?",
+        "setup_rooms_description": "אתם יכולים להוסיף עוד מאוחר יותר, כולל אלה שכבר קיימים.",
+        "setup_rooms_private_description": "ניצור חדרים לכל אחד מהם.",
+        "setup_rooms_private_heading": "על אילו פרויקטים הצוות שלכם עובד?",
+        "share_description": "זה רק אתם כרגע, זה יהיה אפילו טוב יותר עם אחרים.",
+        "share_heading": "שתפו %(name)s",
+        "skip_action": "דלגו לעת עתה",
+        "subspace_dropdown_title": "צור מרחב עבודה",
+        "subspace_join_rule_public_description": "כל אחד יוכל למצוא ולהצטרך אל חלל עבודה זה. לא רק חברי <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "כל אחד ב<SpaceName/> יוכל למצוא ולהצטרף."
+    },
+    "desktop_default_device_name": "%(brand)s שולחן עבודה: %(platformName)s",
+    "devtools": {
+        "active_widgets": "יישומונים פעילים",
+        "category_other": "אחר",
+        "category_room": "חדר",
+        "client_versions": "גירסאות",
+        "developer_mode": "מצב מפתח",
+        "developer_tools": "כלי מפתחים",
+        "empty_string": "<מחרוזת ריקה>",
+        "event_content": "תוכן הארוע",
+        "event_sent": "ארוע נשלח!",
+        "event_type": "סוג ארוע",
+        "failed_to_find_widget": "אירעה שגיאה במציאת היישומון הזה.",
+        "failed_to_load": "נכשל בטעינה.",
+        "invalid_json": "תבנית JSON לא חוקית",
+        "room_id": "זיהוי חדר: %(roomId)s",
+        "send_custom_state_event": "שלח אירוע מצב מותאם אישית",
+        "server_versions": "גירסאות שרת",
+        "show_hidden_events": "הצג ארועים מוסתרים בקו הזמן",
+        "spaces": {
+            "one": "<רווח>"
+        },
+        "state_key": "מקש מצב",
+        "toolbox": "תיבת כלים",
+        "value_colon": "ערך:",
+        "widget_screenshots": "אפשר צילומי מסך של ישומונים עבור ישומונים נתמכים"
+    },
+    "dialog_close_label": "סגור דיאלוג",
+    "download_completed": "ההורדה הושלמה",
+    "empty_room": "חדר ריק",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "מפתח אבטחה שגוי"
+            },
+            "restoring": "שחזור מפתחות מגיבוי",
+            "security_key_title": "מפתח אבטחה"
+        },
+        "bootstrap_title": "מגדיר מפתחות",
+        "confirm_encryption_setup_body": "לחץ על הלחצן למטה כדי לאשר את הגדרת ההצפנה.",
+        "confirm_encryption_setup_title": "אשר את הגדרת ההצפנה",
+        "cross_signing_room_normal": "חדר זה מוצפן מקצה לקצה",
+        "cross_signing_room_verified": "כולם מאומתים בחדר זה",
+        "cross_signing_room_warning": "מישהו משתמש בהפעלה לא ידועה",
+        "cross_signing_user_normal": "לא אימתת משתמש זה.",
+        "cross_signing_user_verified": "אימתת משתמש זה. משתמש זה אימת את כל ההפעלות שלו.",
+        "cross_signing_user_warning": "משתמש זה לא אימת את כל ההפעלות שלו.",
+        "event_shield_reason_authenticity_not_guaranteed": "לא ניתן להבטיח את האותנטיות של הודעה מוצפנת זו במכשיר זה.",
+        "event_shield_reason_mismatched_sender_key": "הוצפן על ידי מושב לא מאומת",
+        "export_unsupported": "הדפדפן שלכם אינו תומך בהצפנה הדרושה",
+        "import_invalid_keyfile": "קובץ מפתח של %(brand)s אינו תקין",
+        "import_invalid_passphrase": "האימות שלכם נכשל: סיסמא שגויה?",
+        "messages_not_secure": {
+            "cause_1": "שרת הבית שלכם",
+            "heading": "אחד מהדברים הבאים עלול להוות סיכון:",
+            "title": "ההודעות שלך אינן מאובטחות"
+        },
+        "new_recovery_method_detected": {
+            "description_2": "הפעלה זו היא הצפנת היסטוריה בשיטת השחזור החדשה.",
+            "title": "שיטת שחזור חדשה",
+            "warning": "אם לא הגדרת את שיטת השחזור החדשה, ייתכן שתוקף מנסה לגשת לחשבונך. שנה את סיסמת החשבון שלך והגדר מיד שיטת שחזור חדשה בהגדרות."
+        },
+        "recovery_method_removed": {
+            "description_2": "אם עשית זאת בטעות, באפשרותך להגדיר הודעות מאובטחות בהפעלה זו אשר תצפין מחדש את היסטוריית ההודעות של הפגישה בשיטת שחזור חדשה.",
+            "title": "שיטת השחזור הוסרה",
+            "warning": "אם לא הסרת את שיטת השחזור, ייתכן שתוקף מנסה לגשת לחשבונך. שנה את סיסמת החשבון שלך והגדר מיד שיטת שחזור חדשה בהגדרות."
+        },
+        "set_up_toast_title": "צור גיבוי מאובטח",
+        "unable_to_setup_keys_error": "לא ניתן להגדיר מקשים",
+        "verification": {
+            "accepting": "מקבל…",
+            "after_new_login": {
+                "device_verified": "המכשיר אומת",
+                "verify_this_device": "אמתו את מכשיר זה"
+            },
+            "cancelling": "מבטל…",
+            "complete_action": "קבלתי",
+            "complete_description": "המשתמש הזה אומת בהצלחה.",
+            "complete_title": "אומת!",
+            "explainer": "הודעות מאובטחות עם משתמש זה כעת מוצפנות מקצה לקצה ואינן יכולות להקרא על ידי אחרים.",
+            "in_person": "בכדי להיות מאובטח, עשו זאת ביחד או השתמשו בדרך בטוחה לתקשר.",
+            "incoming_sas_device_dialog_text_1": "אמתו את המכשיר הזה כדי לסמן אותו כאמין. אמון במכשיר זה מעניק לכם ולמשתמשים אחרים שקט נפשי נוסף בשימוש בהודעות מוצפנות מקצה לקצה.",
+            "incoming_sas_device_dialog_text_2": "אימות מכשיר זה יסמן אותו כאמין, ומשתמשים שאימתו אתכם יסמכו על מכשיר זה.",
+            "incoming_sas_dialog_title": "בקשת אימות נכנסת",
+            "incoming_sas_user_dialog_text_1": "אמתו את המשתמש הזה כדי לסמן אותו כאמין. אמון במשתמשים מעניק לכם שקט נפשי נוסף בשימוש בהודעות מוצפנות מקצה לקצה.",
+            "incoming_sas_user_dialog_text_2": "אימות משתמש זה יסמן את ההפעלה שלו כאמינה, וגם יסמן את ההפעלה שלכם כאמינה להם.",
+            "other_party_cancelled": "הצד השני ביטל את האימות.",
+            "prompt_encrypted": "אמת את כל המשתמשים בחדר כדי לוודא שהוא מאובטח.",
+            "qr_prompt": "סרוק את הקוד הזה",
+            "qr_reciprocate_same_shield_user": "כמעט שם! האם %(displayName)s מציג את אותו מגן?",
+            "sas_caption_user": "אמת את המשתמש הזה בכך שאותו מספר מופיע אצלו במסך.",
+            "sas_description": "השווה קבוצה של סמלים אם אין ברשותכם מצלמה על שום מכשיר",
+            "sas_emoji_caption_user": "אמת את המשתמש הזה בכך שסדרת הסמלים מוצגת זהה אצלו במסך.",
+            "sas_match": "הם זהים",
+            "sas_no_match": "הם לא זהים",
+            "sas_prompt": "השווה סמלים מסויימים",
+            "scan_qr": "אמת על ידי סריקה",
+            "scan_qr_explainer": "בקש מ- %(displayName)s לסרוק את הקוד שלכם:",
+            "start_button": "התחל אימות",
+            "successful_user": "אמתתם בהצלחה את %(displayName)s!",
+            "unsupported_method": "לא מצליח למצוא שיטות אימות נתמכות.",
+            "unverified_session_toast_title": "כניסה חדשה. האם זה אתם?",
+            "unverified_sessions_toast_description": "בידקו כדי לוודא שהחשבון שלך בטוח",
+            "unverified_sessions_toast_reject": "מאוחר יותר",
+            "verification_dialog_title_user": "בקשת אימות",
+            "verification_success_with_backup": "המכשיר שלך מוגדר כעת כמאומת. יש לו גישה להודעות המוצפנות שלך ומשתמשים אחרים יראו אותו כמכשיר מהימן.",
+            "verification_success_without_backup": "המכשיר שלך מוגדר כעת כמאומת. משתמשים אחרים יראו אותו כמכשיר מהימן.",
+            "verify_emoji": "אמת על ידי אמוג'י",
+            "verify_emoji_prompt": "אמת את זה על ידי השוואת אמוג'י ייחודי.",
+            "verify_emoji_prompt_qr": "אם אינך יכול לסרוק את הקוד לעיל, ודא על ידי השוואת אמוג'י ייחודי.",
+            "waiting_for_user_accept": "ממתין לקבלת %(displayName)s …",
+            "waiting_other_device": "ממתין לאישור שלך במכשיר השני…",
+            "waiting_other_user": "ממתין ל- %(displayName)s בכדי לאמת…"
+        },
+        "verification_requested_toast_title": "התבקש אימות",
+        "verify_toast_description": "יתכן משתמשים אחרים לא יבטחו בזה",
+        "verify_toast_title": "אשרו את ההתחברות הזאת"
+    },
+    "error": {
+        "admin_contact": "אנא <a> פנה למנהל השירות שלך </a> כדי להמשיך להשתמש בשירות זה.",
+        "admin_contact_short": "צרו קשר עם <a>מנהל השרת</a>.",
+        "app_launch_unexpected_error": "שגיאה לא צפויה במהלך טעינת האפליקציה. ראו קונסול לפרטים נוספים.",
+        "cannot_load_config": "לא ניתן לטעון את קובץ ההגדרות: יש לרענן את הדף כדי לנסות שנית.",
+        "connection": "הייתה תקשורת עם שרת הבית. נסה שוב מאוחר יותר.",
+        "dialog_description_default": "קרתה שגיאה.",
+        "edit_history_unsupported": "נראה ששרת הבית שלך אינו תומך בתכונה זו.",
+        "failed_copy": "שגיאה בהעתקה",
+        "hs_blocked": "שרת זה נחסם על ידי מנהלו.",
+        "invalid_configuration_no_server": "תצורה שגויה: לא צוין שרת ברירת מחדל.",
+        "invalid_json": "האלמנט מכיל הגדרת JSON שגויה, אנא תקנו את הבעיה ואתחלו את הדף.",
+        "invalid_json_detail": "ההודעה מהמנתח היא: %(message)s",
+        "invalid_json_generic": "JSON לא חוקי",
+        "mau": "השרת הזה הגיע לקצה מספר המשתמשים הפעילים לחודש.",
+        "misconfigured": "Element אינו מוגדר תקין",
+        "mixed_content": "לא ניתן להתחבר לשרת ביתי באמצעות HTTP כאשר כתובת HTTPS נמצאת בסרגל הדפדפן שלך. השתמש ב- HTTPS או <a> הפעל סקריפטים לא בטוחים </a>.",
+        "non_urgent_echo_failure_toast": "השרת שלכם אינו מגיב לבקשות מסויימות <a>בקשות</a>.",
+        "resource_limits": "השרת הזה חרג מאחד ממגבלות המשאבים שלו.",
+        "session_restore": {
+            "clear_storage_button": "נקה אחסון והתנתק",
+            "clear_storage_description": "להתנתק ולהסיר מפתחות הצפנה?",
+            "description_1": "נתקלנו בשגיאה בניסיון לשחזר את ההפעלה הקודמת שלך.",
+            "description_2": "אם השתמשת בעבר בגרסה עדכנית יותר של %(brand)s, ייתכן שההפעלה שלך אינה תואמת לגרסה זו. סגרו חלון זה וחזרו לגרסה העדכנית יותר.",
+            "description_3": "ניקוי שטח האחסון של הדפדפן עשוי לפתור את הבעיה, אך ינתק אתכם ויגרום לכל היסטוריית צ'אט מוצפנת להיות בלתי קריאה.",
+            "title": "לא ניתן לשחזר את ההפעלה"
+        },
+        "something_went_wrong": "משהו השתבש!",
+        "storage_evicted_description_1": "חלק מנתוני ההפעלה, כולל מפתחות הודעות מוצפנים, חסרים. צא והיכנס כדי לתקן זאת, ושחזר את המפתחות מהגיבוי.",
+        "storage_evicted_description_2": "סביר להניח שהדפדפן שלך הסיר נתונים אלה כאשר שטח הדיסק שלהם נמוך.",
+        "storage_evicted_title": "חסרים נתוני הפעלות",
+        "tls": "לא ניתן להתחבר לשרת בית - אנא בדוק את הקישוריות שלך, וודא ש- <a> תעודת ה- SSL של שרת הביתה </a> שלך מהימנה ושהסיומת לדפדפן אינה חוסמת בקשות.",
+        "unknown": "שגיאה לא ידועה",
+        "unknown_error_code": "קוד שגיאה לא מוכר",
+        "update_power_level": "שינוי דרגת מנהל נכשל"
+    },
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "title": "לא ניתן להעתיק קישור לחדר"
+        },
+        "error_loading_user_profile": "לא ניתן לטעון את פרופיל המשתמש",
+        "forget_room_failed": "נכשל בעת בקשה לשכוח חדר %(errCode)s"
+    },
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "שיחה פעילה",
+            "user": "%(senderName)s התחבר אל השיחה",
+            "you": "התחברתם אל השיחה בהצלחה"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s סיים את השיחה",
+            "you": "סיימתם את השיחה"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s מתקשר",
+            "dm_send": "ממתין לתשובה",
+            "user": "%(senderName)s התחיל שיחה",
+            "you": "התחלתם שיחה"
+        },
+        "m.text": "%(senderName)s :%(message)s"
+    },
+    "export_chat": {
+        "cancelled": "ייצוא בוטל",
+        "cancelled_detail": "הייצוא בוטל בהצלחה",
+        "confirm_stop": "האם אתם בטוחים שברצונכם להפסיק לייצא את הנתונים שלכם? אם כן, תצטרכו להתחיל מחדש.",
+        "creator_summary": "%(creatorName)s יצר/ה חדר זה.",
+        "current_timeline": "ציר הזמן הנוכחי",
+        "enter_number_between_min_max": "הכניסו מספר בין %(min)s ל %(max)s",
+        "error_fetching_file": "שגיאה באחזור הקובץ",
+        "export_info": "זאת התחלת ייצוא של <roomName/>. ייצוא ע\"י <exporterDetails/> ב %(exportDate)s.",
+        "export_successful": "הייצוא הצליח!",
+        "exported_n_events_in_time": {
+            "one": "ייצא %(count)s תוך %(seconds)s שניות",
+            "other": "ייצא %(count)s אירועים תוך %(seconds)s שניות"
+        },
+        "exporting_your_data": "מייצא את המידע שלכם",
+        "fetched_n_events": {
+            "other": "נטענו %(count)s אירועים עד כה",
+            "one": "נטענו %(count)s אירועים עד כה"
+        },
+        "fetched_n_events_in_time": {
+            "one": "משך %(count)s אירועים תוך %(seconds)s שניות",
+            "other": "עיבד %(count)s אירועים תוך %(seconds)s שניות"
+        },
+        "fetched_n_events_with_total": {
+            "other": "טוען %(count)s אירועים מתוך %(total)s",
+            "one": "טוען %(count)s אירועים מתוך %(total)s"
+        },
+        "file_attached": "מצורף קובץ",
+        "format": "פורמט",
+        "from_the_beginning": "מההתחלה",
+        "generating_zip": "מייצר קובץ ZIP",
+        "include_attachments": "כלול קבצים מצורפים",
+        "media_omitted": "מדיה הושמטה",
+        "media_omitted_file_size": "מדיה הושמטה - גודל קובץ חרג מהמותר",
+        "messages": "הודעות",
+        "num_messages": "מספר הודעות",
+        "num_messages_min_max": "מספר ההודעות יכול להיות רק מספר בין %(min)s ו %(max)s",
+        "number_of_messages": "ציין מספר הודעות",
+        "processing_event_n": "מעבד אירוע %(number)s מתוך %(total)s",
+        "select_option": "ביחרו מבין האפשרויות למטה כדי לייצא צ'אטים מציר הזמן שלכם",
+        "size_limit": "הגבלת גודל",
+        "size_limit_min_max": "גודל יכול להיות רק מספר בין MB %(min)s ו MB%(max)s",
+        "successful": "ייצוא בוצע בהצלחה",
+        "successful_detail": "הייצוא שלכם הצליח. מיצאו אותו בתיקיית ההורדות שלכם.",
+        "text": "טקסט רגיל",
+        "title": "ייצוא צ'אט",
+        "topic": "נושא: %(topic)s",
+        "unload_confirm": "האם אתם בטוחים שברצונכם לצאת במהלך הייצוא הזה?"
+    },
+    "failed_load_async_component": "טעינת הדף נכשלה. אנא בדקו את החיבור שלכם לאינטרנט ונסו שנית.",
+    "feedback": {
+        "can_contact_label": "אתם יכולים לתקשר איתי אם יש לכם שאלות המשך",
+        "comment_label": "תגובה",
+        "existing_issue_link": "אנא צפה תחילה ב <existingIssuesLink> באגים קיימים ב- Github </existingIssuesLink>. אין התאמה? <newIssueLink> התחל חדש </newIssueLink>.",
+        "pro_type": "טיפ למקצוענים: אם אתה מפעיל באג, שלח <debugLogsLink> יומני איתור באגים </debugLogsLink> כדי לעזור לנו לאתר את הבעיה.",
+        "send_feedback_action": "שלח משוב",
+        "sent": "משוב נשלח"
+    },
+    "file_panel": {
+        "empty_description": "צרף קבצים מצ'ט או פשוט גרור ושחרר אותם לכל מקום בחדר.",
+        "empty_heading": "אין קבצים גלויים בחדר זה",
+        "guest_note": "עליך <a> להירשם </a> כדי להשתמש בפונקציונליות זו",
+        "peek_note": "עליך להצטרף לחדר כדי לראות את הקבצים שלו"
+    },
+    "forward": {
+        "filter_placeholder": "חפשו אנשים או חדרים",
+        "message_preview_heading": "צפו בהודעה",
+        "send_label": "שלח"
+    },
+    "identity_server": {
+        "change": "שנה כתובת של שרת הזיהוי",
+        "change_prompt": "התנתק משרת זיהוי עכשווי <current /> והתחבר אל <new /> במקום?",
+        "change_server_prompt": "אם אינך רוצה להשתמש ב- <server /> כדי לגלות ולהיות נגלה על ידי אנשי קשר קיימים שאתה מכיר, הזן שרת זהות אחר למטה.",
+        "checking": "בודק שרת",
+        "description_connected": "אתה משתמש כרגע ב <server></server> די לגלות ולהיות נגלה על ידי אנשי קשר קיימים שאתה מכיר. תוכל לשנות את שרת הזהות שלך למטה.",
+        "description_disconnected": "אינך משתמש כרגע בשרת זהות. כדי לגלות ולהיות נגלים על ידי אנשי קשר קיימים שאתה מכיר, הוסף אחד למטה.",
+        "description_optional": "השימוש בשרת זהות הוא אופציונלי. אם תבחר לא להשתמש בשרת זהות, משתמשים אחרים לא יוכלו לגלות ולא תוכל להזמין אחרים בדוא\"ל או בטלפון.",
+        "disconnect": "נתק שרת הזדהות",
+        "disconnect_anyway": "התנתק בכל מקרה",
+        "disconnect_offline_warning": "עליך <b> להסיר את הנתונים האישיים שלך </b> משרת הזהות <idserver /> לפני ההתנתקות. למרבה הצער, שרת זהות <idserver /> נמצא במצב לא מקוון או שאי אפשר להגיע אליו.",
+        "disconnect_personal_data_warning_1": "אתה עדיין <b> משתף את הנתונים האישיים שלך </b> בשרת הזהות <idserver />.",
+        "disconnect_personal_data_warning_2": "אנו ממליצים שתסיר את כתובות הדוא\"ל ומספרי הטלפון שלך משרת הזהות לפני שתתנתק.",
+        "disconnect_server": "התנק משרת ההזדהות <idserver /> ?",
+        "disconnect_warning": "ההתנתקות משרת הזהות שלך פירושה שלא תגלה משתמשים אחרים ולא תוכל להזמין אחרים בדוא\"ל או בטלפון.",
+        "do_not_use": "אל תשתמש בשרת הזדהות",
+        "error_connection": "לא ניתן להתחבר אל שרת הזיהוי",
+        "error_invalid": "שרת זיהוי לא מאושר(קוד סטטוס %(code)s)",
+        "error_invalid_or_terms": "תנאי השרות לא התקבלו או ששרת הזיהוי אינו תקין.",
+        "no_terms": "לשרת הזהות שבחרת אין תנאי שירות.",
+        "suggestions": "עליכם:",
+        "suggestions_1": "בדוק בתוספי הדפדפן שלך כל דבר העלול לחסום את שרת הזהות (כגון תגית פרטיות)",
+        "suggestions_2": "צרו קשר עם מנהל שרת ההזדהות <idserver />",
+        "suggestions_3": "המתינו ונסו שוב מאוחר יותר",
+        "url": "שרת הזדהות (%(server)s)",
+        "url_field_label": "הכנס שרת הזדהות חדש",
+        "url_not_https": "הזיהוי של כתובת השרת חייבת להיות מאובטחת ב- HTTPS"
+    },
+    "in_space": "במרחבי עבודה%(spaceName)s.",
+    "in_space1_and_space2": "במרחבי עבודה %(space1Name)sו%(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "ב%(spaceName)sו%(count)s מרחבי עבודה אחרים.",
+        "other": "%(spaceName)sו%(count)s מרחבי עבודה אחרים."
+    },
+    "incompatible_browser": {
+        "title": "דפדפן לא נתמך"
+    },
+    "info_tooltip_title": "מידע",
+    "integration_manager": {
+        "error_connecting": "מנהל האינטגרציה לא מקוון או שהוא לא יכול להגיע לשרת הבית שלך.",
+        "error_connecting_heading": "לא ניתן להתחבר אל מנהל האינטגרציה",
+        "explainer": "מנהלי שילוב מקבלים נתוני תצורה ויכולים לשנות ווידג'טים, לשלוח הזמנות לחדר ולהגדיר רמות הספק מטעמכם.",
+        "manage_title": "נהל שילובים",
+        "use_im": "השתמש במנהל שילוב לניהול בוטים, ווידג'טים וחבילות מדבקות.",
+        "use_im_default": "השתמש במנהל שילוב <b> (%(serverName)s) </b> כדי לנהל בוטים, ווידג'טים וחבילות מדבקות."
+    },
+    "integrations": {
+        "disabled_dialog_title": "שילובים מושבתים",
+        "impossible_dialog_description": "%(brand)s שלכם אינו מאפשר לך להשתמש במנהל שילוב לשם כך. אנא צרו קשר עם מנהל מערכת.",
+        "impossible_dialog_title": "שילובים אינם מורשים"
+    },
+    "invite": {
+        "email_caption": "הזמנה באמצעות דוא\"ל",
+        "email_use_default_is": "השתמש בשרת זהות כדי להזמין בדוא\"ל. <default> השתמש בברירת המחדל (%(defaultIdentityServerName)s) </default> או נהל ב <settings>הגדרות</settings>.",
+        "email_use_is": "השתמש בשרת זהות כדי להזמין בדוא\"ל. לנהל ב <settings>הגדרות</settings>.",
+        "error_already_invited_space": "המשתמש כבר מוזמן למרחב העבודה",
+        "error_already_joined_space": "המשתמש כבר במרחב העבודה",
+        "error_bad_state": "על המשתמש להיום לא חסום לפני שניתן יהיה להזמינו לחדר.",
+        "error_find_room": "משהו השתבש בניסיון להזמין את המשתמשים.",
+        "error_find_user_description": "המשתמשים הבאים עשויים שלא להתקיים או שאינם תקפים, ולא ניתן להזמין אותם: %(csvNames)s",
+        "error_find_user_title": "מציאת המשתמשים הבאים נכשלה",
+        "error_invite": "לא יכולנו להזמין את המשתמשים האלה. אנא בדוק את המשתמשים שברצונך להזמין ונסה שוב.",
+        "error_permissions_room": "אין לכם הרשאות להזמין אנשים לחדר זה.",
+        "error_permissions_space": "אין לכם הרשאה להזמין משתתפים אחרים למרחב עבודה זה.",
+        "error_transfer_multiple_target": "ניתן להעביר שיחה רק למשתמש יחיד.",
+        "error_unknown": "שגיאת שרת לא ידועה",
+        "error_version_unsupported_room": "השרת של המשתמש אינו תומך בחדר זה.",
+        "error_version_unsupported_space": "השרת של המשתמש אינו תומך בגירסא זו של מרחבי עבודה.",
+        "failed_generic": "פעולה נכשלה",
+        "failed_title": "הזמנה נכשלה",
+        "invalid_address": "כתובת לא מזוהה",
+        "name_email_mxid_share_room": "הזמינו מישהו המשתמש בשמו, כתובת הדוא\"ל, שם המשתמש (כמו <userId/>) או <a> שתפו את החדר הזה </a>.",
+        "name_mxid_share_room": "הזמינו מישהו המשתמש בשמו, שם המשתמש (כמו <userId/>) או <a> שתפו את החדר הזה </a>.",
+        "recents_section": "שיחות אחרונות",
+        "room_failed_partial": "ההזמנה נשלחה, פרט למשתמשים הבאים שלא ניתן להזמינם ל - <RoomName/>",
+        "room_failed_partial_title": "לא ניתן לשלוח חלק מההזמנות",
+        "room_failed_title": "נכשל בהזמנת משתמשים לחדר - %(roomName)",
+        "start_conversation_name_email_mxid_prompt": "התחל שיחה עם מישהו המשתמש בשמו, כתובת הדוא\"ל או שם המשתמש שלו (כמו <userId/>).",
+        "start_conversation_name_mxid_prompt": "התחל שיחה עם מישהו המשתמש בשמו או בשם המשתמש שלו (כמו <userId/>).",
+        "suggestions_section": "הודעות ישירות לאחרונה",
+        "to_space": "הזמן אל %(spaceName)s",
+        "transfer_dial_pad_tab": "לוח חיוג",
+        "transfer_user_directory_tab": "ספריית משתמשים",
+        "unable_find_profiles_description_default": "לא הצלחת למצוא פרופילים עבור מזהי המטריצה המפורטים להלן - האם תרצה להזמין אותם בכל זאת?",
+        "unable_find_profiles_invite_label_default": "הזמן בכל מקרה",
+        "unable_find_profiles_invite_never_warn_label_default": "הזמן בכל מקרה ולעולם לא הזהיר אותי שוב",
+        "unable_find_profiles_title": "המשתמשים הבאים עשויים שלא להתקיים"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> ועוד אחד אחר",
+        "other": "<Items/> ו%(count)s אחרים"
+    },
+    "keyboard": {
+        "activate_button": "הפעל את הלחצן שנבחר",
+        "alt": "ALT",
+        "autocomplete_cancel": "בטל השלמה אוטומטית",
+        "autocomplete_force": "אלץ השלמת טקסט",
+        "autocomplete_navigate_next": "הצעת השלמה אוטומטית הבאה",
+        "autocomplete_navigate_prev": "הצעת השלמה אוטומטית קודמת",
+        "backspace": "מקש חזרה לאחור",
+        "cancel_reply": "בטל מענה להודעה",
+        "category_autocomplete": "השלמה אוטומטית",
+        "category_calls": "שיחות",
+        "category_navigation": "ניווט",
+        "category_room_list": "רשימת חדרים",
+        "close_dialog_menu": "סגור את תיבת הדו-שיח או את תפריט ההקשר",
+        "composer_jump_end": "עבור לסוף ההתכתבות",
+        "composer_jump_start": "עבור לתחילת ההתכתבות",
+        "composer_navigate_next_history": "עבור להודעה הבאה בהיסטוריית התכתבות",
+        "composer_navigate_prev_history": "עבור להודעה הקודמת בהיסטוריית התכתבות",
+        "composer_new_line": "שורה חדשה",
+        "composer_redo": "חזור על העריכה",
+        "composer_toggle_bold": "הדגשת אותיות",
+        "composer_toggle_italics": "אותיות נטויות",
+        "composer_toggle_quote": "גרשיים",
+        "composer_undo": "בטל את העריכה",
+        "control": "CTRL",
+        "dismiss_read_marker_and_jump_bottom": "דחה את סמן הקריאה וקפוץ לתחתית",
+        "end": "מקש סוף",
+        "enter": "מקש אנטר",
+        "escape": "אסקייפ Esc",
+        "go_home_view": "עבור אל תצוגת הבית",
+        "home": "הבית",
+        "jump_first_message": "קיפצו להודעה הראשונה",
+        "jump_last_message": "קיפצו להודעה האחרונה",
+        "jump_room_search": "קפצו לחיפוש חדרים",
+        "jump_to_read_marker": "קפיצה להודעה הוותיקה ביותר שלא נקראה",
+        "keyboard_shortcuts_tab": "פתיחת חלון אפשרויות זה",
+        "navigate_next_message_edit": "עבור לעריכת ההודעה הבאה",
+        "navigate_prev_message_edit": "עבור לעריכת ההודעה הקודמת",
+        "next_room": "חדר הבא או התכתבות ישירה",
+        "page_down": "עמוד למטה",
+        "page_up": "גלול למעלה",
+        "prev_room": "חדר קודם או התכתבות ישירה",
+        "room_list_collapse_section": "כווץ את קטע רשימת החדרים",
+        "room_list_expand_section": "הרחב את קטע רשימת החדרים",
+        "room_list_navigate_down": "נווט מטה ברשימת החדרים",
+        "room_list_navigate_up": "נווט מעלה ברשימת החדרים",
+        "room_list_select_room": "בחר חדר מרשימת החדרים",
+        "scroll_down_timeline": "גלילה מטה בציר הזמן",
+        "scroll_up_timeline": "גלילה מעלה בציר הזמן",
+        "search": "חיפוש (חייב להיות מופעל)",
+        "send_sticker": "שלח מדבקה",
+        "shift": "הזזה",
+        "space": "מקש רווח",
+        "toggle_microphone_mute": "הפעלת / השתקת מיקרופון",
+        "toggle_right_panel": "החלף את החלונית הימנית",
+        "toggle_top_left_menu": "החלף את התפריט הימני העליון",
+        "toggle_webcam_mute": "הפעלת / כיבוי מצלמה",
+        "upload_file": "לעלות קובץ"
+    },
+    "labs": {
+        "beta_feedback_leave_button": "כדי לעזוב את התכונה הניסיונית, כנסו להגדרות.",
+        "bridge_state": "הצג מידע אודות גשרים בהגדרות של החדרים",
+        "bridge_state_channel": "ערוץ: <channelLink/>",
+        "bridge_state_creator": "הגשר הזה נוצר על ידי משתמש <user />.",
+        "bridge_state_manager": "הגשר הזה מנוהל על ידי משתמש <user />.",
+        "bridge_state_workspace": "סביבת עבודה: <networkLink/>",
+        "custom_themes": "מיכה להוספת תבניות מותאמות אישית",
+        "group_developer": "מפתח",
+        "group_encryption": "הצפנה",
+        "group_experimental": "נִסיוֹנִי",
+        "group_messaging": "הודעות",
+        "group_moderation": "מְתִינוּת",
+        "group_profile": "פרופיל",
+        "group_rooms": "חדרים",
+        "group_spaces": "מרחבי עבודה",
+        "group_voip": "שמע ווידאו",
+        "group_widgets": "ישומונים",
+        "join_beta": "הצטרך לניסוי",
+        "join_beta_reload": "הצטרפות לפיתוח תטען מחדש את %(brand)s.",
+        "jump_to_date": "קיפצו לתאריך (מוסיף /jumptodate וקפוץ לכותרות תאריך)",
+        "latex_maths": "בצע מתמטיקה של LaTeX בהודעות",
+        "leave_beta_reload": "עזיבת הניסוי תטען מחדש את %(brand)s."
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ הגדרות אלה מיועדות למשתמשים מתקדמים.",
+        "ban_reason": "התעלם\\חסום",
+        "error_adding_ignore": "שגיאה בהוספת שרת\\משתמש שהתעלמתם ממנו",
+        "error_adding_list_description": "אנא אמת את מזהה החדר או את הכתובת ונסה שוב.",
+        "error_adding_list_title": "שגיאה בהרשמה אל הרשימה",
+        "error_removing_ignore": "שגיאה בהסרת משתמש / שרת שהתעלמו ממנו",
+        "error_removing_list_description": "נסה שוב או הצג את המסוף שלך לקבלת רמזים.",
+        "error_removing_list_title": "שגיאה בהסרת הרשמה מרשימה זו",
+        "explainer_1": "הוסף משתמשים ושרתים שתרצה להתעלם מהם כאן. השתמש בכוכביות כדי שאחוזים %(brand)s יתאימו לכל תו. לדוגמא, <code> @bot: * </code> יתעלם מכל המשתמשים שיש להם את השם 'בוט' בשרת כלשהו.",
+        "explainer_2": "התעלמות מאנשים נעשית באמצעות רשימות איסור המכילות כללים למי לאסור. הרשמה להרשמה לרשימת איסורים פירושה שהמשתמשים / השרתים החסומים על ידי רשימה זו יוסתרו ממך.",
+        "lists": "אתם רשומים אל:",
+        "lists_description_1": "הרשמה לרשימת איסורים תגרום לך להצטרף אליה!",
+        "lists_description_2": "אם זה לא מה שאתה רוצה, השתמש בכלי אחר כדי להתעלם ממשתמשים.",
+        "lists_heading": "רשימת הרשמות",
+        "lists_new_label": "זהות החדר או כתובת של רשימת החסומים",
+        "no_lists": "אימכם רשומים לשום רשימה",
+        "personal_empty": "לא התעלמתם מאף אחד.",
+        "personal_heading": "רשימת חסומים פרטית",
+        "personal_new_label": "שרת או משתמש להתעלם ממנו",
+        "personal_new_placeholder": "למשל: @bot: * או example.org",
+        "personal_section": "אתם כרגע מתעלמים מ:",
+        "room_name": "רשימת החסומים שלי",
+        "room_topic": "זוהי רשימת השרתים\\משתמשים אשר בחרתם לחסום - אל תצאו מחדר זה!",
+        "rules_empty": "ללא",
+        "rules_server": "כללי שרת",
+        "rules_title": "כללים לרשימת חסימות - %(roomName)s",
+        "rules_user": "כללי משתמש",
+        "something_went_wrong": "משהו השתבש. נסה שוב או הצג את המסוף שלך לקבלת רמזים.",
+        "title": "משתמשים שהתעלמתם מהם",
+        "view_rules": "צפה בכללים"
+    },
+    "language_dropdown_label": "תפריט שפות",
+    "leave_room_dialog": {
+        "leave_room_question": "האם אתה בטוח שברצונך לעזוב את החדר '%(roomName)s'?",
+        "room_rejoin_warning": "חדר זה אינו ציבורי. לא תוכל להצטרף שוב ללא הזמנה."
+    },
+    "lightbox": {
+        "rotate_left": "סובב שמאלה",
+        "rotate_right": "סובב ימינה"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotReachable": "שרת בית זה אינו מוגדר כהלכה להצגת מפות, או ששרת המפות המוגדר אינו ניתן לגישה.",
+        "close_sidebar": "סגור סרגל צד",
+        "failed_generic": "איתור המיקום שלך נכשל. אנא נסה שוב מאוחר יותר.",
+        "find_my_location": "מצא את מיקומי",
+        "live_enable_description": "שימו לב: זוהי תכונת פיתוח המשתמשת ביישום זמני. משמעות הדבר היא שלא תוכלו למחוק את היסטוריית המיקומים שלכם, ומשתמשים מתקדמים יוכלו לראות את היסטוריית המיקומים שלך גם לאחר שתפסיקו לשתף את המיקום החי שלכם עם החדר הזה.",
+        "location_not_available": "מיקום אינו זמין",
+        "map_feedback": "משוב על המפות",
+        "mapbox_logo": "לוגו",
+        "reset_bearing": "נעלו את המפה לכיוון צפון",
+        "share_button": "שתף מיקום",
+        "toggle_attribution": "דפדפו בין האפשרויות"
+    },
+    "member_list": {
+        "filter_placeholder": "סינון חברי חדר"
+    },
+    "member_list_back_action_label": "חברי החדר",
+    "message_edit_dialog_title": "עריכת הודעות",
+    "mobile_guide": {
+        "toast_accept": "השתמש באפליקציה",
+        "toast_title": "השתמש באפליקציה לחוויה טובה יותר"
+    },
+    "name_and_id": "%(userId)s %(name)s",
+    "no_more_results": "אין יותר תוצאות",
+    "notif_panel": {
+        "empty_description": "אין לך התראות גלויות.",
+        "empty_heading": "אתם כבר מעודכנים בהכל"
+    },
+    "notifications": {
+        "all_messages": "כל ההודעות",
+        "all_messages_description": "קבלת התראות על כל הודעה",
+        "class_global": "כללי",
+        "class_other": "אחר",
+        "default": "ברירת מחדל",
+        "enable_prompt_toast_description": "אשרו התראות שולחן עבודה",
+        "enable_prompt_toast_title": "התראות",
+        "enable_prompt_toast_title_from_message_send": "אל תפספסו תגובה",
+        "error_change_title": "שינוי הגדרת התרעות",
+        "keyword": "מילת מפתח",
+        "keyword_new": "מילת מפתח חדשה",
+        "level_activity": "פעילות",
+        "level_none": "ללא",
+        "mark_all_read": "סמן הכל כנקרא",
+        "mentions_and_keywords": "אזכורים ומילות מפתח",
+        "mentions_and_keywords_description": "קבלו התראה רק עם אזכורים ומילות מפתח כפי שהוגדרו ב<a>הגדרות</a> שלכם",
+        "mentions_keywords": "אזכורים ומילות מפתח",
+        "mute_description": "לא תקבל שום התראה"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s מבקש אימות"
+    },
+    "onboarding": {
+        "create_room": "צור צ'אט קבוצתי",
+        "explore_rooms": "חקור חדרים ציבוריים",
+        "has_avatar_label": "נהדר, זה יעזור לאנשים לדעת שזה אתה",
+        "intro_welcome": "ברוכים הבאים אל %(appName)s",
+        "no_avatar_label": "הוסף תמונה כדי שאנשים יידעו שאתה זה.",
+        "send_dm": "שלח הודעה ישירה",
+        "welcome_detail": "עכשיו, בואו נעזור לכם להתחיל",
+        "welcome_user": "ברוכים הבאים %(name)s"
+    },
+    "poll": {
+        "create_poll_action": "צרו סקר",
+        "create_poll_title": "צרו סקר",
+        "edit_poll_title": "ערוך סקר",
+        "end_description": "האם אתם בטוחים שברצונכם לסיים את הסקר הזה? זה יציג את התוצאות הסופיות של הסקר וימנע מאנשים את האפשרות להצביע.",
+        "end_message": "הסקר הסתיים. תשובה הכי נפוצה: %(topAnswer)s",
+        "end_message_no_votes": "הסקר הסתיים. לא היו הצבעות.",
+        "end_title": "סיים סקר",
+        "error_ending_description": "סליחה, הסקר לא הסתיים. נא נסו שוב.",
+        "error_ending_title": "תקלה בסגירת הסקר",
+        "failed_send_poll_description": "סליחה, הסקר שיצרתם לא פורסם.",
+        "failed_send_poll_title": "תקלה בפרסום הסקר",
+        "notes": "תוצאות יהיה זמינות להצגה רק עם סגירת הסקר",
+        "topic_heading": "מה השאלה או הנושא שלכם בסקר?",
+        "total_n_votes": {
+            "one": "%(count)s.קולות הצביעו כדי לראות את התוצאות"
+        },
+        "total_n_votes_voted": {
+            "one": "מתבסס על %(count)s הצבעות",
+            "other": "מתבסס על %(count)s הצבעות"
+        },
+        "total_not_ended": "תוצאות יהיו זמינות כאשר הסקר יסתיים",
+        "type_closed": "סגר סקר",
+        "type_heading": "סוג סקר",
+        "type_open": "פתח סקר",
+        "unable_edit_description": "סליחה, אתם לא יכולים לערוך את שאלות הסקר לאחר שבוצעו הצבעות.",
+        "unable_edit_title": "לא ניתן לערוךסקר"
+    },
+    "power_level": {
+        "admin": "אדמין",
+        "custom": "ידני %(level)s",
+        "custom_level": "דרגה מותאמת",
+        "default": "ברירת מחדל",
+        "label": "דרגת מנהל",
+        "moderator": "מנהל",
+        "restricted": "מחוץ לתחום"
+    },
+    "powered_by_matrix": "מופעל על ידי מטריקס",
+    "presence": {
+        "away": "מרוחק",
+        "idle": "לא פעיל",
+        "idle_for": "לא פעיל %(duration)s",
+        "offline": "לא מחובר",
+        "offline_for": "לא מחובר %(duration)s",
+        "online": "מקוון",
+        "online_for": "מחובר %(duration)s",
+        "unknown": "לא ידוע",
+        "unknown_for": "זמן לא ידוע %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "כל ההגדרות",
+        "sidebar_settings": "אפשרויות נוספות",
+        "title": "הגדרות מהירות"
+    },
+    "quit_warning": {
+        "call_in_progress": "נראה שאתה בשיחה, האם אתה בטוח שאתה רוצה להפסיק?",
+        "file_upload_in_progress": "נראה שאתה מעלה קבצים, האם אתה בטוח שברצונך להפסיק?"
+    },
+    "redact": {
+        "confirm_button": "אשר הסרה",
+        "error": "לא ניתן למחוק הודעה זו. (%(code)s)",
+        "ongoing": "מסיר…",
+        "reason_label": "סיבה (לא חובה)"
+    },
+    "report_content": {
+        "description": "דיווח על הודעה זו ישלח את 'מזהה האירוע' הייחודי למנהל שרת הבית שלך. אם הודעות בחדר זה מוצפנות, מנהל שרת הבית שלך לא יוכל לקרוא את טקסט ההודעה או להציג קבצים או תמונות.",
+        "missing_reason": "אנא מלאו מדוע אתם מדווחים.",
+        "report_content_to_homeserver": "דווח על תוכן למנהל שרת הבית שלך"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "הפענוח של %(failedCount)s חיבורים נכשל!",
+        "count_of_successfully_restored_keys": "שוחזר בהצלחה %(sessionCount)s מפתחות",
+        "enter_key_description": "גש להיסטוריית ההודעות המאובטחות שלך והגדר הודעות מאובטחות על ידי הזנת מפתח האבטחה שלך.",
+        "enter_key_title": "הזן מפתח אבטחה",
+        "enter_phrase_description": "גש להיסטוריית ההודעות המאובטחת שלך והגדר הודעות מאובטחות על ידי הזנת ביטוי האבטחה שלך.",
+        "enter_phrase_title": "הזן ביטוי אבטחה",
+        "incorrect_security_phrase_dialog": "לא ניתן לפענח גיבוי עם ביטוי אבטחה זה: אנא ודא שהזנת את ביטוי האבטחה הנכון.",
+        "incorrect_security_phrase_title": "ביטוי אבטחה שגוי",
+        "key_backup_warning": "<b>אזהרה</b>: עליך להגדיר גיבוי מפתחות הצפנה רק ממחשב מהימן.",
+        "key_forgotten_text": "אם שכחת את מפתח האבטחה שלך תוכל <button> להגדיר אפשרויות שחזור חדשות</button>",
+        "key_is_invalid": "מפתח האבטחה לא חוקי",
+        "keys_restored_title": "מפתחות משוחזרים",
+        "load_error_content": "לא ניתן לטעון את מצב הגיבוי",
+        "load_keys_progress": "%(completed)s שניות מתוך %(total)s מפתחות שוחזרו",
+        "no_backup_error": "לא נמצא גיבוי!",
+        "recovery_key_mismatch_description": "לא ניתן היה לפענח את הגיבוי באמצעות מפתח האבטחה הזה: ודא שהזנת את מפתח האבטחה הנכון.",
+        "recovery_key_mismatch_title": "מפתחות האבטחה לא תואמים",
+        "restore_failed_error": "לא ניתן לשחזר את הגיבוי"
+    },
+    "right_panel": {
+        "add_integrations": "הוסף יישומונים, גשרים ובוטים",
+        "files_button": "קבצים",
+        "pinned_messages": {
+            "limits": {
+                "other": "אתה יכול להצמיד עד%(count)s ווידג'טים בלבד"
+            }
+        },
+        "pinned_messages_button": "הודעות נעוצות",
+        "room_summary_card": {
+            "title": "מידע על החדר"
+        },
+        "thread_list": {
+            "context_menu_label": "אפשרויות שרשור"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account_room": "הזמנה זו ל-%(roomName)s נשלחה ל-%(email)s שאינה משויכת לחשבונך",
+        "3pid_invite_error_invite_action": "נסה להצטרף בכל מקרה",
+        "3pid_invite_error_invite_subtitle": "אתה יכול להצטרף אליו רק עם הזמנה עובדת.",
+        "3pid_invite_error_title_room": "משהו השתבש עם ההזמנה שלכם אל חדר %(roomName)s",
+        "3pid_invite_no_is_subtitle": "השתמש בשרת זהות בהגדרות כדי לקבל הזמנות ישירות ב-%(brand)s.",
+        "banned_from_room_by": "נחסמתם מ-%(roomName)s על ידי %(memberName)s",
+        "context_menu": {
+            "copy_link": "העתק קישור לחדר",
+            "favourite": "מועדף",
+            "forget": "שכח חדר",
+            "low_priority": "עדיפות נמוכה",
+            "title": "אפשרויות חדר",
+            "unfavourite": "מועדפים"
+        },
+        "creating_room_text": "יצרנו חדר עם %(names)s",
+        "dm_invite_action": "החלו לדבר",
+        "dm_invite_subtitle": "<userName/> מעוניין לדבר איתכם",
+        "dm_invite_title": "האם אתם רוצים לדבר עם %(user)s?",
+        "drop_file_prompt": "גרור קובץ לכאן בכדי להעלות",
+        "error_join_incompatible_version_2": "אנא צרו קשר עם מנהל השרת שלכם.",
+        "failed_reject_invite": "דחיית הזמנה נכשלה",
+        "forget_room": "שכח חדר זה",
+        "forget_space": "שכח את מרחב עבודה זה",
+        "header": {
+            "room_is_public": "חדר זה ציבורי"
+        },
+        "inaccessible": "חדר זה או מרחב העבודה אינם זמינים כעת.",
+        "inaccessible_name": "לא ניתן להכנס אל %(roomName)s בזמן הזה.",
+        "inaccessible_subtitle_1": "נסו שנית מאוחר יותר, בקשו ממנהל החדר או מרחב העבודה לוודא אם יש לכם גישה.",
+        "inaccessible_subtitle_2": "%(errcode)s הוחזר בעת ניסיון לגשת לחדר או למרחב העבודה. אם אתם חושבים שאתם רואים הודעה זו בטעות, אנא <issueLink>שילחו דוח באג</issueLink>.",
+        "intro": {
+            "dm_caption": "רק שניכם נמצאים בשיחה הזו, אלא אם כן מישהו מכם מזמין מישהו להצטרף.",
+            "no_avatar_label": "הוסף תמונה, כך שאנשים יוכלו לזהות את החדר שלך בקלות.",
+            "no_topic": "<a>הוספת נושא</a> לעזור לאנשים להבין במה מדובר.",
+            "send_message_start_dm": "שילחו את ההודעה הראשונה שלכם להזמין את <displayName/> לצ'אט",
+            "start_of_dm_history": "זו ההתחלה של היסטוריית ההודעות הישירות שלך עם <displayName/>.",
+            "start_of_room": "זוהי התחלת השיחה בחדר <roomName/>.",
+            "user_created": "%(displayName)s יצר את החדר הזה.",
+            "you_created": "אתם יצרתם את החדר הזה."
+        },
+        "invite_email_mismatch_suggestion": "שתף דוא\"ל זה בהגדרות כדי לקבל הזמנות ישירות ב-%(brand)s.",
+        "invite_sent_to_email_room": "הזמנה לחדר %(roomName)s נשלחה לכתובת %(email)s",
+        "invite_subtitle": "<userName/> הזמין אתכם",
+        "invite_this_room": "הזמן לחדר זה",
+        "invite_title": "האם אתם מעוניינים להצטרף אל %(roomName)s?",
+        "inviter_unknown": "לא ידוע",
+        "join_button_account": "הרשמה",
+        "join_the_discussion": "הצטרף אל הדיון",
+        "join_title_account": "הצטרף לשיחה עם חשבון",
+        "jump_read_marker": "קפצו להודעה הראשונה שלא נקראה.",
+        "jump_to_bottom_button": "גלול להודעות האחרונות",
+        "kick_reason": "סיבה: %(reason)s",
+        "leave_error_title": "שגיאת נסיון לצאת מהחדר",
+        "leave_server_notices_description": "החדר הזה משמש להודעות חשובות מהשרת ולכן אינכם יכולים לעזוב אותו.",
+        "leave_server_notices_title": "לא יכול לעזוב את חדר ההודעות של השרת",
+        "leave_unexpected_error": "שגיאת שרת לא צפויה בנסיון לעזוב את החדר",
+        "link_email_to_receive_3pid_invite": "קשר דוא\"ל זה לחשבונך בהגדרות כדי לקבל הזמנות ישירות ב-%(brand)s.",
+        "no_peek_join_prompt": "לא ניתן לצפות ב־%(roomName)s. האם תרצו להצטרף?",
+        "not_found_title": "חדר זה או מרחב עבודה אינם קיימים.",
+        "not_found_title_name": "%(roomName)s לא קיים.",
+        "peek_join_prompt": "אתם צופים ב־%(roomName)s. האם תרצו להצטרף?",
+        "rejoin_button": "הצטרפות מחדש",
+        "unread_notifications_predecessor": {
+            "one": "יש לך %(count)s הודעה שלא נקראה בגירסה קודמת של חדר זה.",
+            "other": "יש לך %(count)s הודעות שלא נקראו בגרסה קודמת של חדר זה."
+        },
+        "upgrade_error_description": "בדקו שהשרת תומך בגרסאת החדר ונסו שוב.",
+        "upgrade_error_title": "שגיאה בשדרוג חדר",
+        "upgrade_warning_bar": "שדרוג חדר זה יסגור את המופע הנוכחי של החדר וייצור חדר משודרג עם אותו שם.",
+        "upgrade_warning_bar_admins": "רק מנהלי חדרים יראו את האזהרה הזו",
+        "upgrade_warning_bar_unstable": "חדר זה מריץ את גרסת החדר <roomVersion/>, ששרת הבית הזה סימן כ- <i> לא יציב </i>.",
+        "upgrade_warning_bar_upgraded": "החדר הזה כבר שודרג.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "מעלה %(filename)s ו-%(count)s אחרים",
+                "other": "מעלה %(filename)s ו-%(count)s אחרים"
+            },
+            "uploading_single_file": "מעלה %(filename)s"
+        }
+    },
+    "room_list": {
+        "add_space_label": "הוסיפו מרחב עבודה",
+        "failed_add_tag": "נכשל בעת הוספת תג %(tagName)s לחדר",
+        "failed_remove_tag": "נכשל בעת נסיון הסרת תג %(tagName)s מהחדר",
+        "notification_options": "אפשרויות התרעות",
+        "show_less": "הצג פחות"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "החליטו מי יכול לראות ולהצטרף אל %(spaceName)s.",
+            "title": "גישה"
+        },
+        "advanced": {
+            "error_upgrade_description": "לא ניתן היה להשלים את שדרוג החדר",
+            "error_upgrade_title": "שדרוג החדר נכשל",
+            "information_section_room": "מידע החדר",
+            "information_section_space": "מידע על מרחב העבודה",
+            "room_predecessor": "צפה בהודעות ישנות ב-%(roomName)s.",
+            "room_upgrade_button": "שדרג חדר זה לגרסת החדר המומלצת",
+            "room_version": "גרסאת חדש:",
+            "room_version_section": "גרסאת חדר",
+            "space_predecessor": "צפו בגירסא ישנה יותר של %(spaceName)s.",
+            "space_upgrade_button": "שדרג את מרחב העבודה הזה לגרסת החדר המומלצת",
+            "unfederated": "לא ניתן לגשת לחדר זה באמצעות שרתי מטריקס מרוחקים",
+            "upgrade_button": "שדרג חדר זה לגרסה %(version)s",
+            "upgrade_dialog_description": "שדרוג חדר זה מחייב סגירת המופע הנוכחי של החדר ויצירת חדר חדש במקומו. כדי להעניק לחברי החדר את החוויה הטובה ביותר האפשרית, אנו:",
+            "upgrade_dialog_description_1": "צור חדר חדש עם אותו שם, תיאור ואווטאר",
+            "upgrade_dialog_description_2": "עדכן את כינויי החדר המקומיים בכדי להצביע על החדר החדש",
+            "upgrade_dialog_description_3": "עצור מהמשתמשים לדבר בגרסה הישנה של החדר, ושלח הודעה הממליצה למשתמשים לעבור לחדר החדש",
+            "upgrade_dialog_description_4": "החזירו קישור לחדר הישן בתחילת החדר החדש כדי שאנשים יוכלו לראות הודעות ישנות",
+            "upgrade_dialog_title": "גרסת חדר שדרוג",
+            "upgrade_dwarning_ialog_title_public": "שדרג חדר ציבורי",
+            "upgrade_warning_dialog_description": "שדרוג חדר הוא פעולה מתקדמת ומומלץ בדרך כלל כאשר החדר אינו יציב עקב באגים, תכונות חסרות או פרצות אבטחה.",
+            "upgrade_warning_dialog_footer": "תשדרג את החדר הזה מ- <oldVersion/> ל- <newVersion/>.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "זה בדרך כלל משפיע רק על אופן עיבוד החדר בשרת. אם אתה נתקל בבעיות באחוזים שלך %(brand)s, אנא <a> דווח על באג </a>.",
+            "upgrade_warning_dialog_title_private": "שדרג חדר פרטי"
+        },
+        "alias_not_specified": "לא מוגדר",
+        "bridges": {
+            "description": "חדר זה מגשר בין מסרים לפלטפורמות הבאות. <a> למידע נוסף. </a>",
+            "title": "גשרים"
+        },
+        "general": {
+            "alias_field_placeholder_default": "כגון החדר-שלי",
+            "alias_field_safe_localpart_invalid": "חלק מהתווים אינם מורשים",
+            "alias_field_taken_invalid_domain": "כתובת זו נמצאת בשימוש",
+            "alias_field_taken_valid": "כתובת זו זמינה לשימוש",
+            "alias_heading": "כתובת חדר",
+            "aliases_items_label": "כתובות מפורסמות אחרות:",
+            "aliases_no_items_label": "עדיין אין כתובות שפורסמו, הוסף כתובת למטה",
+            "aliases_section": "כתובות חדרים",
+            "avatar_field_label": "אוואטר של החדר",
+            "canonical_alias_field_label": "כתובת ראשית",
+            "description_space": "שינוי הגדרות הנוגעות למרחב העבודה שלכם.",
+            "error_creating_alias_description": "אירעה שגיאה ביצירת כתובת זו. ייתכן שהשרת אינו מאפשר זאת או שהתרחש כשל זמני.",
+            "error_creating_alias_title": "שגיאה ביצירת כתובת",
+            "error_deleting_alias_description": "אירעה שגיאה בהסרת כתובת זו. יתכן שהוא כבר לא קיים או שהתרחשה שגיאה זמנית.",
+            "error_deleting_alias_description_forbidden": "אין לך הרשאה למחוק את הכתובת.",
+            "error_deleting_alias_title": "שגיאה בהסרת כתובת",
+            "error_save_space_settings": "כישלון בשמירת הגדרות מרחב העבודה.",
+            "error_updating_alias_description": "אירעה שגיאה בעדכון הכתובות החלופיות של החדר. ייתכן שהשרת אינו מאפשר זאת או שהתרחש כשל זמני.",
+            "error_updating_canonical_alias_description": "אירעה שגיאה בעדכון הכתובת הראשית של החדר. ייתכן שהשרת אינו מאפשר זאת או שהתרחש כשל זמני.",
+            "error_updating_canonical_alias_title": "שגיאה בעדכון כתובת ראשית",
+            "leave_space": "עזוב את מרחב העבודה",
+            "local_alias_field_label": "כתובות מקומיות",
+            "local_aliases_explainer_room": "הגדר כתובות לחדר זה כדי שמשתמשים יוכלו למצוא את החדר הזה דרך שרת הבית שלך (%(localDomain)s)",
+            "local_aliases_explainer_space": "הגדר כתובות עבור מרחב העבודה הזה כדי שמשתמשים יוכלו למצוא את מרחב העבודה הזה דרך השרת שלך (%(localDomain)s)",
+            "local_aliases_section": "כתובות מקומיות",
+            "name_field_label": "שם חדר",
+            "new_alias_placeholder": "כתובת חדשה שפורסמה (למשל #alias:server)",
+            "no_aliases_room": "לחדר זה אין כתובות מקומיות",
+            "no_aliases_space": "למרחב עבודה זה לא מוגדרת כתובת מקומית בשרת",
+            "other_section": "אחר",
+            "publish_toggle": "לפרסם את החדר הזה לציבור במדריך החדרים של%(domain)s?",
+            "published_aliases_description": "כדי לפרסם כתובת, יש להגדיר אותה ככתובת מקומית תחילה.",
+            "published_aliases_explainer_room": "כל אחד בכל שרת יכול להשתמש בכתובות שפורסמו כדי להצטרף לחלל העבודה שלכם.",
+            "published_aliases_explainer_space": "כל אחד בכל שרת יכול להשתמש בכתובות שפורסמו כדי להצטרף למרחב העבודה שלכם.",
+            "published_aliases_section": "כתובות מפורסמות",
+            "save": "שמור שינוייים",
+            "topic_field_label": "נושא החדר"
+        },
+        "notifications": {
+            "browse_button": "דפדף",
+            "custom_sound_prompt": "הגדר צליל מותאם אישי",
+            "notification_sound": "צליל התראה",
+            "settings_link": "קבלת התראות על פי ההעדפות שלך במסך<a>הגדרות</a>",
+            "sounds_section": "צלילים",
+            "uploaded_sound": "צלילים שהועלו"
+        },
+        "permissions": {
+            "add_privileged_user_description": "הענק למשתמש או מספר משתמשים בחדר זה הרשאות נוספות",
+            "add_privileged_user_filter_placeholder": "חיפוש משתמשים בחדר זה…",
+            "add_privileged_user_heading": "הוספת משתמשים מורשים",
+            "ban": "חסימת משתמשים",
+            "ban_reason": "סיבה",
+            "banned_by": "נחסם על ידי %(displayName)s",
+            "banned_users_section": "משתמשים חסומים",
+            "error_changing_pl_description": "אירעה שגיאה בשינוי רמת ההספק של המשתמש. ודא שיש לך הרשאות מספיקות ונסה שוב.",
+            "error_changing_pl_reqs_description": "אירעה שגיאה בשינוי דרישות רמת הניהול של החדר. ודא שיש לך הרשאות מספיקות ונסה שוב.",
+            "error_changing_pl_reqs_title": "שגיאה בשינוי דרישת דרגת ניהול",
+            "error_changing_pl_title": "שגיאה בשינוי דרגת הניהול",
+            "error_unbanning": "שגיאה בהסרת חסימה",
+            "events_default": "שלח הודעות",
+            "invite": "הזמנת משתמשים",
+            "kick": "הסר משתמשים",
+            "m.reaction": "שלח תגובות",
+            "m.room.avatar": "שנה אווטר של החדר",
+            "m.room.avatar_space": "שנה את דמות מרחב העבודה",
+            "m.room.canonical_alias": "שנה את הכתובת הראשית של החדר",
+            "m.room.canonical_alias_space": "שינוי הכתובת הראשית של מרחב העבודה",
+            "m.room.encryption": "הפעל הצפנת חדר",
+            "m.room.history_visibility": "שנה תצוגת הסטוריה",
+            "m.room.name": "שנה את שם החדר",
+            "m.room.name_space": "שינוי שם מרחב העבודה",
+            "m.room.pinned_events": "נהל אירועים נעוצים",
+            "m.room.power_levels": "שנה הרשאות",
+            "m.room.tombstone": "שדרג את החדר",
+            "m.room.topic": "שנה נושא",
+            "m.space.child": "נהלו חדרים במרחב העבודה הנוכחי",
+            "m.widget": "שנה ישומונים",
+            "muted_users_section": "משתמשים מושתקים",
+            "no_privileged_users": "אין למשתמשים הרשאות ספציפיות בחדר זה",
+            "notifications.room": "התראה לכולם",
+            "permissions_section": "הרשאות",
+            "permissions_section_description_room": "בחר את התפקידים הנדרשים לשינוי חלקים שונים של החדר",
+            "permissions_section_description_space": "ביחרו את ההרשאות הנדרשות כדי לשנות חלקים שונים של מרחב העבודה",
+            "privileged_users_section": "משתמשים מורשים",
+            "redact": "הסרת הודעות שנשלחו על ידי אחרים",
+            "send_event_type": "שלח התרעות %(eventType)s",
+            "state_default": "שינוי הגדרות",
+            "title": "תפקידים והרשאות",
+            "users_default": "תפקיד ברירת מחדל"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "לאחר הפעלתו, לא ניתן להשבית את ההצפנה לחדר. הודעות שנשלחות בחדר מוצפן אינן נראות על ידי השרת, רק על ידי משתתפי החדר. הפעלת הצפנה עשויה למנוע בוטים וגשרים רבים לעבוד כראוי. <a> למידע נוסף על הצפנה. </a>",
+            "enable_encryption_confirm_title": "הפעל הצפנה?",
+            "encryption_permanent": "לאחר הפעלת הצפנה - לא ניתן לבטל אותה.",
+            "error_join_rule_change_unknown": "כשל לא ידוע",
+            "guest_access_warning": "אורחים בעלי תוכנת התחברות מתאימה יוכלו להצטרף לחדר גם אם אין להם חשבון משתמש.",
+            "history_visibility_invited": "חברים בלבד (מאז שהוזמנו)",
+            "history_visibility_legend": "למי מותר לקרוא הסטוריה?",
+            "history_visibility_shared": "חברים בלבד (מרגע בחירת אפשרות זו)",
+            "history_visibility_warning": "שינויים במי שיכול לקרוא היסטוריה יחולו רק על הודעות עתידיות בחדר זה. נראות ההיסטוריה הקיימת לא תשתנה.",
+            "history_visibility_world_readable": "כולם",
+            "join_rule_description": "החליטו מי יוכל להצטרף ל - %(roomName)s.",
+            "join_rule_invite": "פרטי (הזמנות בלבד)",
+            "join_rule_invite_description": "רק משתשים מוזמנים יכולים להצטרף.",
+            "join_rule_public_description": "כל אחד יכול למצוא ולהצטרף.",
+            "join_rule_restricted": "משתתפי מרחב העבודה",
+            "join_rule_restricted_description": "כל אחד במרחב העבודה יכול למצוא ולהצטרף. <a>ערוך לאילו מרחבי עבודה יש גישה כאן.</a>",
+            "join_rule_restricted_description_active_space": "כל אחד ב-<spaceName/> יכול למצוא ולהצטרף. אתם יכולים לבחור גם מרחבי עבודה אחרים.",
+            "join_rule_restricted_description_prompt": "כל אחד במרחב עבודה יכול למצוא ולהצטרף. אתם יכולים לבחור מספר מרחבי עבודה.",
+            "join_rule_restricted_description_spaces": "מרחבי עבודה עם גישה",
+            "join_rule_restricted_summary": {
+                "one": "כרגע, למרחב העבודה יש גישה",
+                "other": "כרגע ל, %(count)s מרחבי עבודה יש גישה"
+            },
+            "join_rule_restricted_upgrade_description": "שדרוג זה יאפשר לחברים במרחבים נבחרים גישה לחדר זה ללא הזמנה.",
+            "join_rule_restricted_upgrade_warning": "החדר הזה נמצא בחלק ממרחבי העבודה שאתם לא מוגדרים כמנהלים בהם. במרחבים האלה, החדר הישן עדיין יוצג, אבל אנשים יתבקשו להצטרף לחדר החדש.",
+            "join_rule_upgrade_awaiting_room": "טוען חדר חדש",
+            "join_rule_upgrade_required": "נדרש שדרוג",
+            "join_rule_upgrade_sending_invites": {
+                "one": "שולח הזמנה..."
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "מעדכן מרחב עבודה...",
+                "other": "מעדכן את מרחבי העבודה...%(progress)s מתוך %(count)s"
+            },
+            "public_without_alias_warning": "לקישור לחדר זה, אנא הוסף כתובת.",
+            "strict_encryption": "לעולם אל תשלח הודעות מוצפנות אל התחברות שאינה מאומתת בחדר זה, מהתחברות זו",
+            "title": "אבטחה ופרטיות"
+        },
+        "title": "הגדרות חדר - %(roomName)s",
+        "upload_avatar_label": "העלה אוואטר",
+        "visibility": {
+            "alias_section": "כתובת",
+            "error_failed_save": "עדכון הנראות של מרחב העבודה הזה נכשל",
+            "error_update_guest_access": "עדכון גישת האורח של מרחב העבודה הזה נכשל",
+            "error_update_history_visibility": "נכשל עדכון נראות ההיסטוריה של מרחב עבודה זה",
+            "guest_access_explainer": "אורחים יכולים להצטרף אל מרחב העבודה ללא חשבון פעיל.",
+            "guest_access_label": "אפשר גישה לאורחים",
+            "history_visibility_anyone_space": "תצוגה מקדימה של מרחב העבודה",
+            "history_visibility_anyone_space_description": "אפשרו לאנשים תצוגה מקדימה של מרחב העבודה שלכם לפני שהם מצטרפים.",
+            "history_visibility_anyone_space_recommendation": "מומלץ למרחבי עבודה ציבוריים.",
+            "title": "רְאוּת"
+        }
+    },
+    "room_summary_card_back_action_label": "מידע החדר",
+    "scalar": {
+        "error_create": "לא ניתן היה ליצור ווידג'ט.",
+        "error_membership": "אינכם נמצאים בחדר זה.",
+        "error_missing_room_id": "קוד זיהוי של החדר חסר.",
+        "error_missing_room_id_request": "קוד זיהוי החדר חסר בשורת הבקשה",
+        "error_missing_user_id_request": "קוד זיהוי משתמש חסר בשורת הבקשה",
+        "error_permission": "אין לכם הרשאות לבצע פעולה זו בחדר זה.",
+        "error_power_level_invalid": "דרגת הרשאות חייבת להיות מספר חיובי.",
+        "error_room_not_visible": "קוד זיהוי החדר %(roomId)s אינו נראה",
+        "error_room_unknown": "החדר הזה אינו מזוהה.",
+        "error_send_request": "שליחת בקשה נכשלה."
+    },
+    "server_offline": {
+        "description": "השרת שלך לא מגיב לחלק מהבקשות שלך. להלן כמה מהסיבות הסבירות ביותר.",
+        "description_1": "לשרת (%(serverName)s) לקח יותר מדי זמן להגיב.",
+        "description_2": "חומת האש או האנטי-וירוס שלך חוסמים את הבקשה.",
+        "description_3": "סיומת דפדפן מונעת את הבקשה.",
+        "description_4": "השרת לא מקוון.",
+        "description_5": "השרת דחה את בקשתך.",
+        "description_6": "האזור שלך חווה קשיים בחיבור לאינטרנט.",
+        "description_7": "אירעה שגיאת חיבור בעת ניסיון ליצור קשר עם השרת.",
+        "description_8": "השרת אינו מוגדר לציין מהי הבעיה (CORS).",
+        "empty_timeline": "כולכם נתפסתם.",
+        "recent_changes_heading": "שינויים אחרונים שטרם התקבלו",
+        "title": "השרת לא מגיב"
+    },
+    "seshat": {
+        "error_initialising": "אתחול חיפוש ההודעות נכשל. בדוק את <a>ההגדרות שלך</a> למידע נוסף",
+        "warning_kind_files": "גרסה זו של %(brand)s אינה תומכת בצפייה בקבצים מוצפנים מסוימים",
+        "warning_kind_files_app": "השתמשו ב <a> אפליקציית שולחן העבודה </a> כדי לראות את כל הקבצים המוצפנים",
+        "warning_kind_search": "גרסה זו של %(brand)s אינה תומכת בחיפוש הודעות מוצפנות",
+        "warning_kind_search_app": "השתמשו ב <a> אפליקציית שולחן העבודה </a> לחיפוש הודעות מוצפנות"
+    },
+    "setting": {
+        "help_about": {
+            "brand_version": "גרסאת %(brand)s:",
+            "clear_cache_reload": "נקה מטמון ואתחל",
+            "help_link": "בשביל לעזור בקידום ושימוש ב- %(brand)s, לחצו <a>כאן</a>.",
+            "title": "עזרה ואודות",
+            "versions": "גרסאות"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "הצג את כל החדרים בבית",
+        "all_rooms_home_description": "כל החדרים שבהם אתם נמצאים יופיעו בדף הבית.",
+        "always_show_message_timestamps": "תמיד הצג חותמות זמן של הודעות",
+        "appearance": {
+            "custom_font": "השתמש בגופן מערכת",
+            "custom_font_description": "הגדר את שם הגופן המותקן במערכת שלך ו- %(brand)s ים ינסו להשתמש בו.",
+            "custom_font_name": "שם גופן מערכת",
+            "custom_font_size": "השתמשו בגודל מותאם אישית",
+            "custom_theme_error_downloading": "שגיאה בהורדת מידע אודות ערכת הנושא.",
+            "custom_theme_invalid": "סכמת תבנית לא תקינה.",
+            "font_size": "גודל אותיות",
+            "image_size_default": "ברירת מחדל",
+            "image_size_large": "גדול",
+            "layout_bubbles": "בועות הודעות",
+            "match_system_theme": "התאם לתבנית המערכת",
+            "timeline_image_size": "גודל תמונה בציר הזמן"
+        },
+        "automatic_language_detection_syntax_highlight": "החל זיהוי שפה אוטומטי עבור הדגשת מבנה הכתיבה",
+        "autoplay_gifs": "הפעלה אוטומטית של אנימציות GIF",
+        "autoplay_videos": "הפעלה אוטומטית של סרטונים",
+        "big_emoji": "החל סמלים גדולים בצאט",
+        "code_block_expand_default": "הרחב את בלוקי הקוד כברירת מחדל",
+        "code_block_line_numbers": "הצג מספרי שורות במקטעי קוד",
+        "emoji_autocomplete": "החל הצעות לסמלים בזמן כתיבה",
+        "enable_markdown": "אפשר Markdown",
+        "general": {
+            "account_management_section": "ניהול חשבון",
+            "account_section": "חשבון",
+            "add_email_dialog_title": "הוספת כתובת מייל",
+            "add_email_failed_verification": "אימות כתובת הדוא\"ל נכשלה: וודא שלחצת על הקישור בדוא\"ל",
+            "add_email_instructions": "שלחנו לך דוא\"ל לאימות הכתובת שלך. אנא עקוב אחר ההוראות שם ואז לחץ על הכפתור למטה.",
+            "add_msisdn_confirm_body": "לחצו על הכפתור לאישור הוספת מספר הטלפון הזה.",
+            "add_msisdn_confirm_button": "אישור הוספת מספר טלפון",
+            "add_msisdn_confirm_sso_button": "אשר הוספת מספר טלפון על ידי כניסה חד שלבית לאימות חשבונכם.",
+            "add_msisdn_dialog_title": "הוסף מספר טלפון",
+            "add_msisdn_instructions": "הודעת טקסט נשלחה אל %(msisdn)s. אנא הזן את קוד האימות שהוא מכיל.",
+            "confirm_adding_email_body": "לחץ על הכפתור בכדי לאשר הוספה של כתובת מייל הזו.",
+            "confirm_adding_email_title": "אשר הוספת כתובת מייל",
+            "deactivate_confirm_body": "האם אתה בטוח שברצונך להשבית את חשבונך? זה בלתי הפיך.",
+            "deactivate_confirm_body_sso": "אשר את השבתת חשבונך באמצעות כניסה יחידה כדי להוכיח את זהותך.",
+            "deactivate_confirm_continue": "אשר את השבתת החשבון",
+            "deactivate_section": "סגור חשבון",
+            "deactivate_warning": "סגירת החשבון הינה פעולה שלא ניתנת לביטול - שים לב!",
+            "discovery_email_empty": "אפשרויות גילוי יופיעו לאחר הוספת דוא\"ל לעיל.",
+            "discovery_email_verification_instructions": "אמת את הקישור בתיבת הדואר הנכנס שלך",
+            "discovery_msisdn_empty": "אפשרויות גילוי יופיעו לאחר הוספת מספר טלפון לעיל.",
+            "discovery_needs_terms": "הסכים לתנאי השירות של שרת הזהות (%(serverName)s) כדי לאפשר לעצמך להיות גלוי על ידי כתובת דוא\"ל או מספר טלפון.",
+            "email_address_in_use": "כתובת הדואר הזו כבר בשימוש",
+            "email_address_label": "כתובת דוא\"ל",
+            "email_not_verified": "כתובת הדוא\"ל שלך עדיין לא אומתה",
+            "email_verification_instructions": "לחץ על הקישור בהודעת הדוא\"ל שקיבלת כדי לאמת ואז לחץ על המשך שוב.",
+            "emails_heading": "כתובות דוא\"ל",
+            "error_add_email": "לא ניתן להוסיף את כתובת הדוא\"ל",
+            "error_deactivate_communication": "הייתה בעיה בתקשורת עם השרת. בבקשה נסה שוב.",
+            "error_deactivate_invalid_auth": "השרת לא החזיר מידע אימות תקף.",
+            "error_deactivate_no_auth": "השרת לא נדרש לאימות כלשהו",
+            "error_email_verification": "לא ניתן לאמת את כתובת הדוא\"ל.",
+            "error_invalid_email": "כתובת דוא\"ל לא תקינה",
+            "error_invalid_email_detail": "לא נראה שזו כתובת דוא\"ל חוקית",
+            "error_msisdn_verification": "לא ניתן לאמת את מספר הטלפון.",
+            "error_password_change_403": "שינוי הסיסמה נכשל. האם הסיסמה שלך נכונה?",
+            "error_remove_3pid": "לא ניתן להסיר את פרטי הקשר",
+            "error_revoke_email_discovery": "לא ניתן לבטל את השיתוף לכתובת הדוא\"ל",
+            "error_revoke_msisdn_discovery": "לא ניתן לבטל את השיתוף למספר טלפון",
+            "error_share_email_discovery": "לא ניתן לשתף את כתובת הדוא\"ל",
+            "error_share_msisdn_discovery": "לא ניתן לשתף מספר טלפון",
+            "language_section": "שפה ואיזור",
+            "msisdn_in_use": "מספר הטלפון הזה כבר בשימוש",
+            "msisdn_label": "מספר טלפון",
+            "msisdn_verification_field_label": "קוד אימות",
+            "msisdn_verification_instructions": "אנא הזן קוד אימות שנשלח באמצעות טקסט.",
+            "msisdns_heading": "מספרי טלפון",
+            "password_change_section": "הגדרת סיסמה חדשה לחשבונך…",
+            "remove_email_prompt": "הסר כתובות %(email)s ?",
+            "remove_msisdn_prompt": "הסר מספרי %(phone)s ?"
+        },
+        "inline_url_previews_default": "אפשר צפייה של תצוגת קישורים בצאט כברירת מחדל",
+        "insert_trailing_colon_mentions": "הוסף נקודתיים לאחר אזכור המשתמש בתחילת ההודעה",
+        "jump_to_bottom_on_send": "קפוץ לתחתית השיחה בעת שליחת הודעה",
+        "key_backup": {
+            "setup_secure_backup": {
+                "cancel_warning": "אם תבטל עכשיו, אתה עלול לאבד הודעות ונתונים מוצפנים אם תאבד את הגישה לכניסות שלך.",
+                "confirm_security_phrase": "אשר את ביטוי האבטחה שלך",
+                "description": "הגן מפני אובדן גישה להודעות ונתונים מוצפנים על ידי גיבוי של מפתחות הצפנה בשרת שלך.",
+                "enter_phrase_title": "הזן ביטוי אבטחה",
+                "generate_security_key_title": "צור מפתח אבטחה",
+                "pass_phrase_match_failed": "זה לא תואם.",
+                "pass_phrase_match_success": "זה מתאים!",
+                "phrase_strong_enough": "מצוין! ביטוי אבטחה זה נראה מספיק חזק.",
+                "secret_storage_query_failure": "לא ניתן לשאול על סטטוס האחסון הסודי",
+                "set_phrase_again": "חזור להגדיר אותו שוב.",
+                "settings_reminder": "אתה יכול גם להגדיר גיבוי מאובטח ולנהל את המפתחות שלך בהגדרות.",
+                "title_confirm_phrase": "אשר את ביטוי האבטחה",
+                "title_save_key": "שמור את מפתח האבטחה שלך",
+                "title_set_phrase": "הגדר ביטוי אבטחה",
+                "unable_to_setup": "לא ניתן להגדיר אחסון סודי",
+                "use_different_passphrase": "להשתמש בביטוי סיסמה אחר?",
+                "use_phrase_only_you_know": "השתמש בביטוי סודי רק אתה מכיר, ושמור שמור מפתח אבטחה לשימוש לגיבוי."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "אשר ביטוי",
+            "enter_passphrase": "הזן ביטוי סיסמה",
+            "export_description_1": "תהליך זה מאפשר לך לייצא את המפתחות להודעות שקיבלת בחדרים מוצפנים לקובץ מקומי. לאחר מכן תוכל לייבא את הקובץ ללקוח מטריקס אחר בעתיד, כך שלקוח יוכל גם לפענח הודעות אלה.",
+            "export_title": "ייצא מפתחות לחדר",
+            "file_to_import": "קובץ ליבא",
+            "import_description_1": "תהליך זה מאפשר לך לייבא מפתחות הצפנה שייצאת בעבר מלקוח מטריקס אחר. לאחר מכן תוכל לפענח את כל ההודעות שהלקוח האחר יכול לפענח.",
+            "import_description_2": "קובץ הייצוא יהיה מוגן באמצעות משפט סיסמה. עליך להזין כאן את משפט הסיסמה כדי לפענח את הקובץ.",
+            "import_title": "יבא מפתחות חדר",
+            "phrase_cannot_be_empty": "ביטוי הסיסמה לא יכול להיות ריק",
+            "phrase_must_match": "ביטויי סיסמה חייבים להתאים"
+        },
+        "keyboard": {
+            "title": "מקלדת"
+        },
+        "notifications": {
+            "enable_audible_notifications_session": "אפשר התראות נשמעות עבור התחברות זו",
+            "enable_desktop_notifications_session": "החל התראות עבור התחברות זו",
+            "enable_notifications_account": "אפשר קבלת התראות לחשבון זה",
+            "enable_notifications_account_detail": "כבה אפשרות זו כדי לבטל התראות בכל המכשירים והחיבורים שלך",
+            "enable_notifications_device": "אפשר קבלת התראות במכשיר זה",
+            "error_permissions_denied": "%(brand)s אין אישור לשלוח אליכם הודעות - אנא בדקו את הרשאות הדפדפן",
+            "error_permissions_missing": "%(brand)s לא נתנו הרשאות לשלוח התרעות - אנא נסו שוב",
+            "error_title": "לא ניתן להפעיל התראות",
+            "messages_containing_keywords": "הודעות המכילות מילות מפתח",
+            "noisy": "התראה קולית",
+            "push_targets": "יעדי התראה",
+            "rule_call": "הזמנה לשיחה",
+            "rule_contains_display_name": "הודעות המכילות את שם התצוגה שלי",
+            "rule_contains_user_name": "הודעות שמכילות את שם המשתמש שלי",
+            "rule_encrypted": "הודעות מוצפנות בצאטים של קבוצות",
+            "rule_encrypted_room_one_to_one": "הודעות מוצפנות בחדרים של אחד-על-אחד",
+            "rule_invite_for_me": "כאשר אני מוזמן לחדר",
+            "rule_message": "הודעות בקבוצות השיחה",
+            "rule_room_one_to_one": "הודעות בשיחות פרטיות",
+            "rule_roomnotif": "הודעות שמכילות שם חדר כגון: room@",
+            "rule_suppress_notices": "הודעות שנשלחו באמצעות בוט",
+            "rule_tombstone": "כאשר חדרים משתדרגים",
+            "show_message_desktop_notification": "הצג הודעה בהתראות שולחן עבודה"
+        },
+        "preferences": {
+            "always_show_menu_bar": "הראה תמיד את שורת תפריט החלונות",
+            "autocomplete_delay": "עיכוב השלמה אוטומטית (ms)",
+            "code_blocks_heading": "מקטעי קוד",
+            "composer_heading": "כתבן",
+            "keyboard_heading": "קיצורי מקלדת",
+            "keyboard_view_shortcuts_button": "כדי לצפות בכל קיצורי המקלדת , <a>לחצו כאן</a>.",
+            "media_heading": "תמונות, GIF ווידאו",
+            "presence_description": "שתפו את הפעילות והסטטוס שלכם עם אחרים.",
+            "rm_lifetime": "חיי סמן קריאה (ms)",
+            "rm_lifetime_offscreen": "חיי סמן קריאה מחוץ למסך (ms)",
+            "room_directory_heading": "רשימת חדרים",
+            "room_list_heading": "רשימת חדרים",
+            "show_polls_button": "הצג את כפתור הסקרים",
+            "surround_text": "סמן טקסט כאשר מקלידים סמלים מיוחדים",
+            "time_heading": "מציג זמן"
+        },
+        "prompt_invite": "שאלו אותי לפני שאתם שולחים הזמנה אל קוד זיהוי אפשרי של משתמש מערכת",
+        "replace_plain_emoji": "החלף טקסט עם סמל באופן אוטומטי",
+        "security": {
+            "bulk_options_accept_all_invites": "קבל את כל ההזמנות של %(invitedRooms)s",
+            "bulk_options_reject_all_invites": "דחה את כל ההזמנות של %(invitedRooms)s",
+            "bulk_options_section": "אפשרויות בתפזורת",
+            "e2ee_default_disabled_warning": "מנהל השרת שלך השבית הצפנה מקצה לקצה כברירת מחדל בחדרים פרטיים ובהודעות ישירות.",
+            "enable_message_search": "אפשר חיפוש הודעות בחדרים מוצפנים",
+            "encryption_section": "הצפנה",
+            "ignore_users_empty": "אין לך משתמשים שהתעלמו מהם.",
+            "ignore_users_section": "משתמשים שהתעלמתם מהם",
+            "key_backup_algorithm": "אלגוריתם:",
+            "message_search_disable_warning": "אם מושבת, הודעות מחדרים מוצפנים לא יופיעו בתוצאות החיפוש.",
+            "message_search_disabled": "שמור באופן מאובטח הודעות מוצפנות באופן מקומי כדי שיופיעו בתוצאות החיפוש.",
+            "message_search_enabled": {
+                "one": "שמור באופן מאובטח הודעות מוצפנות באופן מקומי כדי שיופיעו בתוצאות החיפוש באמצעות %(size)s לשמור הודעות מחדרים %(rooms)s.",
+                "other": "שמור באופן מאובטח הודעות מוצפנות באופן מקומי כדי שיופיעו בתוצאות החיפוש באמצעות %(size)s לשמור הודעות מחדרים %(rooms)s."
+            },
+            "message_search_failed": "אתחול חיפוש הודעות נכשל",
+            "message_search_indexed_messages": "הודעות באינדקס:",
+            "message_search_indexed_rooms": "חדרים רשומים:",
+            "message_search_indexing": "אינדקס כרגע: %(currentRoom)s",
+            "message_search_indexing_idle": "כרגע לא מוסיף לאינדקס הודעות עבור אף חדר.",
+            "message_search_intro": "%(brand)s מאחסן באופן מאובטח הודעות מוצפנות באופן מקומי כדי שיופיעו בתוצאות החיפוש:",
+            "message_search_room_progress": "%(doneRooms)s מתוך %(totalRooms)s",
+            "message_search_section": "חיפוש הודעה",
+            "message_search_sleep_time": "באיזו מהירות הודעות יורדות.",
+            "message_search_space_used": "שטח משומש:",
+            "message_search_unsupported": "%(brand)s חסרים כמה רכיבים הנדרשים לצורך אחסון במטמון מאובטח של הודעות מוצפנות באופן מקומי. אם תרצה להתנסות בתכונה זו, בנה %(brand)s מותאם אישית לדסקטום עם <nativeLink>חפש רכיבים להוספה</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s אינם יכולים לשמור במטמון מאובטח הודעות מוצפנות באופן מקומי בזמן שהם פועלים בדפדפן אינטרנט. השתמש ב- <desktopLink>%(brand)s Desktop </desktopLink> כדי שהודעות מוצפנות יופיעו בתוצאות החיפוש.",
+            "send_analytics": "שלח מידע אנליטי",
+            "strict_encryption": "לעולם אל תשלח הודעות מוצפנות אל התחברות שאינה מאומתת מהתחברות זו"
+        },
+        "send_read_receipts": "שילחו אישורי קריאה",
+        "send_read_receipts_unsupported": "השרת שלכם לא תומך בביטול שליחת אישורי קריאה.",
+        "send_typing_notifications": "שלח התרעות כתיבה",
+        "sessions": {
+            "confirm_sign_out_continue": {
+                "one": "צא מהמכשיר",
+                "other": "צא ממכשירים"
+            },
+            "last_activity": "פעילות אחרונה",
+            "no_unverified_sessions": "לא נמצאו הפעלות לא מאומתות.",
+            "session_id": "זהות מושב",
+            "verify_session": "אמת מושב"
+        },
+        "show_breadcrumbs": "הצג קיצורים אל חדרים שנצפו לאחרונה מעל לרשימת החדרים",
+        "show_chat_effects": "הצג אפקטים בצ'אט (אנימציות, למשל קונפטי)",
+        "show_displayname_changes": "הצג שינויים של שמות",
+        "show_join_leave": "הצג הודעות הצטרפות/עזיבה (הזמנות/הסרות/איסורים) לא מושפעים",
+        "show_nsfw_content": "הצג תוכן NSFW (תוכן שלא מתאים לצפיה במקום ציבורי)",
+        "show_read_receipts": "הצג הודעות שנקראו בידי משתמשים אחרים",
+        "show_redaction_placeholder": "הצד מקום לתצוגת הודעות שהוסרו",
+        "show_stickers_button": "הצג את לחצן המדבקות",
+        "show_typing_notifications": "הצג התרעות כתיבה",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "הצג את כל החדרים",
+            "metaspaces_home_all_rooms_description": "הצג את כל החדרים שלכם במסך הבית, אפילו אם הם משויכים למרחב עבודה.",
+            "metaspaces_home_description": "מסך הבית עוזר לסקירה כללית.",
+            "metaspaces_orphans": "חדרים שמחוץ למרחב העבודה",
+            "metaspaces_orphans_description": "קבצו את כל החדרים שלכם שאינם משויכים למרחב עבודה במקום אחד.",
+            "metaspaces_subsection": "מרחבי עבודה להצגה",
+            "title": "סרגל צד"
+        },
+        "use_12_hour_format": "הצג חותמות זמן של 12 שעות (כלומר 2:30pm)",
+        "use_command_enter_send_message": "השתמש במקלדת Command + Enter על מנת לשלוח הודעה",
+        "use_control_enter_send_message": "השתמש ב Ctrl + Enter על מנת לשלוח הודעה",
+        "use_control_f_search": "השתמש ב Ctrl + F כדי לחפש הודעות",
+        "voip": {
+            "allow_p2p": "אפשר חיבור ישיר (Peer-to-Peer) בשיחות 1:1",
+            "allow_p2p_description": "כאשר מופעל, הצד השני יוכל לראות את כתובת ה-IP שלך",
+            "audio_input_empty": "לא נמצא מיקרופון",
+            "audio_output": "יציאת שמע",
+            "audio_output_empty": "לא התגלו יציאות אודיו",
+            "echo_cancellation": "ביטול הד",
+            "enable_fallback_ice_server_description": "רלוונטי רק אם שרת הבית לא מציע שרת שיחות. כתובת ה-IP שלך תשותף במהלך שיחה.",
+            "mirror_local_feed": "שקף זרימת וידאו מקומית",
+            "missing_permissions_prompt": "חסרות הרשאות מדיה, לחץ על הלחצן למטה כדי לבקש.",
+            "noise_suppression": "ביטול רעשים",
+            "request_permissions": "בקש הרשאות למדיה",
+            "title": "שמע ווידאו",
+            "video_input_empty": "לא נמצאה מצלמת רשת",
+            "video_section": "הגדרות וידאו",
+            "voice_agc": "התאמה אוטומטית של עוצמת המיקרופון",
+            "voice_processing": "עיבוד קול",
+            "voice_section": "הגדרות קול"
+        }
+    },
+    "share": {
+        "permalink_message": "קישור להודעה שנבחרה",
+        "permalink_most_recent": "קישור להודעה האחרונה",
+        "title_message": "שתף הודעה בחדר",
+        "title_room": "שתף חדר",
+        "title_user": "שתף משתמש"
+    },
+    "slash_command": {
+        "addwidget": "מוסיף ווידג'ט מותאם לפי קישור לחדר זה",
+        "addwidget_invalid_protocol": "אנא הוסיפו קישור לווידג'ט עם http:// או https://",
+        "addwidget_missing_url": "אנא ספקו כתובת של ווידג'ט או קוד הטמעה",
+        "addwidget_no_permissions": "אינכם יכולים לערוך ווידג'ט בחדר זה.",
+        "ban": "חסום משתמש עם קוד זיהוי",
+        "category_actions": "פעולות",
+        "category_admin": "אדמין",
+        "category_advanced": "מתקדם",
+        "category_effects": "אפקטים",
+        "category_messages": "הודעות",
+        "category_other": "אחר",
+        "command_error": "שגיאת פקודה",
+        "converttodm": "ממיר את החדר ל- DM",
+        "converttoroom": "המר את השיחה הפרטית לחדר",
+        "deop": "מסיר משתמש עם קוד זיהוי זה",
+        "devtools": "פותח את דיאלוג כלי המפתחים",
+        "discardsession": "מאלץ להתעלם מהתקשורת היוצאת מהתחברות של קבוצה בחדר מוצפן",
+        "error_invalid_rendering_type": "שגיאת פקודה: לא ניתן למצוא את סוג העיבוד (%(renderingType)s)",
+        "error_invalid_runfn": "שגיאת פקודה: לא ניתן לטפל בפקודת לוכסן.",
+        "help": "מציג רשימת פקודות עם שימוש והוראות",
+        "help_dialog_title": "עזרה לפיקוד",
+        "holdcall": "שם את השיחה הנוכחית במצב המתנה",
+        "html": "שלח הודעות כ HTML ללא תרגום שלהם כ MARKDOWN",
+        "ignore": "התעלם ממשתמש, הסתר הודעות מהם",
+        "ignore_dialog_description": "אתם עכשיו מתעלמים מ %(userId)s",
+        "ignore_dialog_title": "משתמש נעלם",
+        "invite": "מזמין משתמש עם זיהוי מוגדר לחדר זה",
+        "invite_3pid_needs_is_error": "השתמש בשרת זיהוי להזמין דרך מייל. ניהול דרך ההגדרות.",
+        "invite_3pid_use_default_is_title": "השתמש בשרת זיהוי",
+        "invite_3pid_use_default_is_title_description": "השתמש בשרת זיהוי על מנת להזמין דרך מייל. לחצו על המשך להשתמש בשרת ברירת המחדל %(defaultIdentityServerName)s או הגדירו את השרת שלכם בהגדרות.",
+        "join": "חיבור לחדר עם כתובת מסויימת",
+        "jumptodate": "קיפצו לתאריך הנתון בציר הזמן",
+        "jumptodate_invalid_input": "לא הצלחנו להבין את התאריך שסופק (%(inputDate)s). נסה להשתמש במבנה YYYY-MM-DD.",
+        "lenny": "הוסף לפני הודעת טקסט ( ͡° ͜ʖ ͡°)",
+        "me": "הצג פעולה",
+        "msg": "שליחת הודעת למשתמש מסויים",
+        "myroomnick": "משנה את שם התצוגה שלכם בחדר זה בלבד",
+        "nick": "משנה את שם התצוגה שלכם",
+        "no_active_call": "אין שיחה פעילה בחדר זה",
+        "op": "הגדירו את רמת ההרשאות של משתמש",
+        "part_unknown_alias": "כתובת חדר לא מוכרת: %(roomAlias)s",
+        "plain": "שלח הודעה כטקסט פשוט ללא תרגום כקוד MARKDOWN",
+        "query": "פתח שיחה עם המשתמש הזה",
+        "query_not_found_phone_number": "לא ניתן למצוא מזהה משתמש למספר טלפון",
+        "rageshake": "שולח דוח תקלה עם לוג",
+        "rainbow": "שולח את ההודעה כקשת של צבעים",
+        "rainbowme": "שולח את האימוג'י צבוע בקשת של צבעים",
+        "remove": "הוצאת משתמש מחדר זה",
+        "roomavatar": "משנה את האווטר של החדר הנוכחי",
+        "roomname": "מגדיר את שם החדר",
+        "server_error": "שגיאת שרת",
+        "server_error_detail": "השרת לא זמין, עמוס מדי או שמשהו אחר השתבש.",
+        "shrug": "הוסף לפני הודעת טקסט ¯\\_(ツ)_/¯",
+        "spoiler": "שולח הודעה ומסמן אותה כספוילר",
+        "tableflip": "הוסף לפני הודעת טקסט (╯°□°）╯︵ ┻━┻",
+        "topic": "קורא או כותב את נושא החדר",
+        "topic_none": "לחדר זה אין נושא.",
+        "topic_room_error": "לא ניתן למצוא את כותרת החדר: החדר לא נמצא (%(roomId)s",
+        "unban": "ביטול חסימה של משתמש עם קוד זיהוי",
+        "unflip": "הוסף לפני הודעת טקסט ┬──┬ ノ( ゜-゜ノ)",
+        "unholdcall": "מחזיר את השיחה הנוכחית ממצב המתנה",
+        "unignore": "הפסקת התעלמות ממשתמש, אשרו את ההודעות שלהם אליכם",
+        "unignore_dialog_description": "אינכם מתעלמים יותר מ %(userId)s",
+        "unignore_dialog_title": "משתמש מוכר",
+        "unknown_command": "פקודה לא ידועה",
+        "unknown_command_button": "שלח כהודעה",
+        "unknown_command_detail": "פקודה לא מזוהה: %(commandText)s",
+        "unknown_command_help": "באפשרותך להשתמש ב- <code> /help </code> כדי לרשום פקודות זמינות. האם התכוונת לשלוח זאת כהודעה?",
+        "unknown_command_hint": "רמז: התחל את ההודעה שלך עם <code>//</code> כדי להתחיל אותה עם קו נטוי.",
+        "upgraderoom": "משדרג את החדר לגרסא חדשה",
+        "upgraderoom_permission_error": "אין לכם הרשאות להשתמש בפקודה זו.",
+        "usage": "שימוש",
+        "verify": "מוודא משתמש, התחברות וצמד מפתח ציבורי",
+        "whois": "מציג מידע אודות משתמש"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "dm_heading": "הודעות ישירות",
+            "space_dropdown_label": "בחירת מרחב עבודה",
+            "subspace_moved_note": "הוספת מרחבי עבודה הוזז."
+        },
+        "add_existing_subspace": {
+            "create_button": "הגדרת מרחב עבודה חדש",
+            "create_prompt": "רוצים להוסיף מרחב עבודה חדש במקום?",
+            "filter_placeholder": "חיפוש מרחבי עבודה",
+            "space_dropdown_title": "הוסף מרחב עבודה קיים"
+        },
+        "context_menu": {
+            "explore": "גלה חדרים",
+            "options": "אפשרויות מרחב העבודה"
+        },
+        "failed_load_rooms": "טעינת רשימת החדרים נכשלה.",
+        "incompatible_server_hierarchy": "השרת שלכם אינו תומך בהצגת היררכית חללי עבודה.",
+        "invite": "הזמן אנשים",
+        "invite_link": "שתף קישור להזמנה",
+        "landing_welcome": "ברוכים הבאים אל <name/>",
+        "no_search_result_hint": "אולי תרצו לנסות חיפוש אחר או לבדוק אם יש שגיאות הקלדה.",
+        "search_children": "חיפוש %(spaceName)s",
+        "search_placeholder": "חיפוש שמות ותיאורים",
+        "share_public": "שתף את מרחב העבודה הציבורי שלך",
+        "title_when_query_available": "תוצאות",
+        "title_when_query_unavailable": "חדרים וחללי עבודה"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "הזן את שם השרת החדש שתרצה לחקור.",
+            "network_dropdown_add_dialog_placeholder": "שם השרת",
+            "network_dropdown_add_dialog_title": "הוסף שרת חדש",
+            "network_dropdown_available_invalid": "לא ניתן למצוא שרת זה או את רשימת החדרים שלו",
+            "network_dropdown_available_valid": "נראה טוב",
+            "network_dropdown_required_invalid": "הכנס שם שרת",
+            "network_dropdown_your_server_description": "השרת שלכם"
+        }
+    },
+    "spotlight_dialog": {
+        "count_of_members": {
+            "one": "%(count)s חברים"
+        },
+        "create_new_room_button": "צור חדר חדש"
+    },
+    "stickers": {
+        "empty": "כרגע אין לך חבילות מדבקה מופעלות",
+        "empty_add_prompt": "הוסף אותם כעת"
+    },
+    "terms": {
+        "column_document": "מסמך",
+        "column_service": "שֵׁרוּת",
+        "column_summary": "תקציר",
+        "identity_server_no_terms_description_1": "פעולה זו דורשת להכנס אל שרת הזיהוי <server /> לאשר מייל או טלפון, אבל לשרת אין כללי שרות.",
+        "identity_server_no_terms_description_2": "המשיכו רק אם הנכם בוטחים בבעלים של השרת.",
+        "identity_server_no_terms_title": "לשרת הזיהוי אין כללי שרות",
+        "inline_intro_text": "קבל <policyLink /> להמשך:",
+        "integration_manager": "השתמש בבוטים, גשרים, ווידג'טים וחבילות מדבקות",
+        "intro": "כדי להמשיך עליך לקבל את תנאי השירות הזה.",
+        "summary_identity_server_1": "מצא אחרים בטלפון או בדוא\"ל",
+        "summary_identity_server_2": "להימצא בטלפון או בדוא\"ל",
+        "tac_button": "עיין בתנאים ובהגבלות",
+        "tac_description": "כדי להמשיך להשתמש בשרת הבית (%(homeserverDomain)s), עליך לבדוק ולהסכים לתנאים ולהגבלות שלנו.",
+        "tac_title": "תנאים והגבלות",
+        "tos": "תנאי שימוש בשירות"
+    },
+    "theme": {
+        "match_system": "בהתאם למערכת"
+    },
+    "thread_view_back_action_label": "חזרה לשרשור",
+    "threads": {
+        "all_threads": "כל הקישורים",
+        "all_threads_description": "הצג את כל הקישורים מחדר זה",
+        "my_threads": "הקישורים שלי",
+        "my_threads_description": "הצג את כל השרשורים שאתם משתתפים בהם",
+        "open_thread": "פתיחת שרשור",
+        "show_thread_filter": "הצג:"
+    },
+    "time": {
+        "date_at_time": "%(date)s בשעה %(time)s",
+        "hours_minutes_seconds_left": "נשארו %(hours)s שעות, %(minutes)s דקות ו-%(seconds)s שניות",
+        "minutes_seconds_left": "נשארו %(minutes)s דקות ו-%(seconds)s שניות",
+        "seconds_left": "נשארו %(seconds)s שניות",
+        "short_days": "%(value)s ימים",
+        "short_hours": "%(value)s שעות",
+        "short_minutes": "%(value)s דקות",
+        "short_seconds": "%(value)s שניות"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "אחד שרשור של התשובות",
+            "external_url": "כתובת URL אתר המקור",
+            "resent_unsent_reactions": "שלח שוב תגובות %(unsentCount)s"
+        },
+        "creation_summary_dm": "%(creator)s יצר את DM הזה.",
+        "creation_summary_room": "%(creator)s יצר/ה והגדיר/ה את החדר.",
+        "download_action_downloading": "מוריד",
+        "edits": {
+            "tooltip_label": "נערך ב-%(date)s. לחץ לצפייה בעריכות.",
+            "tooltip_sub": "לחץ לצפות בעריכות",
+            "tooltip_title": "נערך ב-%(date)s"
+        },
+        "error_no_renderer": "לא ניתן להציג את הארוע הזה",
+        "error_rendering_message": "לא ניתן לטעון הודעה זו",
+        "historical_messages_unavailable": "לא ניתן לצפות בהודעות קודמות",
+        "load_error": {
+            "no_permission": "ניסיתי לטעון נקודה ספציפית בציר הזמן של החדר הזה, אך אין לך הרשאה להציג את ההודעה המדוברת.",
+            "title": "טעינת מיקום ציר הזמן נכשלה",
+            "unable_to_find": "ניסה לטעון נקודה מסוימת בציר הזמן של החדר הזה, אך לא הצליח למצוא אותה."
+        },
+        "m.call.hangup": {
+            "dm": "השיחה הסתיימה"
+        },
+        "m.call.invite": {
+            "failed_connection": "החיבור נכשל",
+            "video_call": "%(senderName)s התחיל שיחת וידאו.",
+            "video_call_unsupported": "%(senderName)s התחיל שיחת וידאו. (אינו נתמך בדפדפן זה)",
+            "voice_call": "%(senderName)s התחיל שיחה קולית.",
+            "voice_call_unsupported": "%(senderName)s התחיל שיחה קולית. (אינו נתמך בדפדפן זה)"
+        },
+        "m.file": {
+            "error_decrypting": "שגיאה בפענוח קבצים מצורפים"
+        },
+        "m.image": {
+            "error_decrypting": "שגיאה בפענוח הודעה",
+            "sent": "%(senderDisplayName)s שלח תמונה.",
+            "show_image": "הצג תמונה"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s רוצה לאמת",
+            "you_started": "שלחתם בקשה לקוד אימות"
+        },
+        "m.location": {
+            "full": "%(senderName)s שיתף/ה מיקום"
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)sסיים סקר"
+        },
+        "m.poll.start": "%(senderName)s התחיל סקר - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s שינה את תמונת החדר.",
+            "lightbox_title": "%(senderDisplayName)s שינה את האווטר עבור חדר %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s הוסיף כתובת משנית %(addresses)s עבור חדר זה.",
+                "other": "%(senderName)s הוסיף את הכתובת המשנית %(addresses)s עבור חדר זה."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s הסיר את הכתובת המשנית %(addresses)s עבור חדר זה.",
+                "other": "%(senderName)s הסיר את הכתובת המשנית %(addresses)s עבור חדר זה."
+            },
+            "changed": "%(senderName)s שינה את הכתובות של חדר זה.",
+            "changed_alternative": "%(senderName)s שניה את הכתובת המשנית של חדר זה.",
+            "changed_main_and_alternative": "%(senderName)s שינה את הכתובת הראשית והמשנית של חדר זה.",
+            "removed": "%(senderName)s הסיר את הכתובת הראשית עבור חדר זה.",
+            "set": "%(senderName)s הגדיר את הכתובת הראשית עבור חדר זה ל- %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "החדר הזה הוא המשך לשיחה אחרת.",
+            "see_older_messages": "לחץ כאן לראות הודעות ישנות."
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s איפשר לאורחים להכנס אל החדר.",
+            "forbidden": "%(senderDisplayName)s מנע אפשרות מאורחים להכנס אל החדר.",
+            "unknown": "%(senderDisplayName)s שינה את כללי הכניסה לאורחים ל- %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s הגדיר את תצוגת ההסטוריה של החדר כפתוחה עבור כל משתמשי החדר, מהרגע שבו הם הוזמנו.",
+            "joined": "%(senderName)s הגדיר/ה את תצוגת ההיסטוריה של החדר כפתוחה עבור כל משתמשי החדר, מהרגע שבו הם הצטרפו.",
+            "shared": "%(senderName)s הגדיר את הסטוריית החדר כפתוחה לכל משתמשי החדר.",
+            "unknown": "%(senderName)s הגדיר את הסטוריית החדר פתוחה עבור (%(visibility)s) לא ידועים.",
+            "world_readable": "%(senderName)s הגדיר את הסטוריית החדר פתוחה עבור כולם."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s הגדיר את החדר כ- \"הזמנה בלבד!\".",
+            "public": "%(senderDisplayName)s הגדיר את החדר כציבורי עבור כל מי שקיבל את הקישור.",
+            "restricted": "%(senderDisplayName)s שינה את הגדרת המורשים להצטרף לחדר.",
+            "restricted_settings": "%(senderDisplayName)s שינה את הגדרת המורשים להצטרף לחדר. <a>הגדרות</a>",
+            "unknown": "%(senderDisplayName)s שינה את כללי ההצטרפות ל־%(rule)s"
+        },
+        "m.room.member": {
+            "ban": "%(senderName)s חסם/ה את %(targetName)s",
+            "ban_reason": "%(senderName)s חסם/ה את %(targetName)s: %(reason)s",
+            "change_name": "%(oldDisplayName)s בחר/ה שם תצוגה חדש - %(displayName)s",
+            "invite": "%(senderName)s הזמין/ה את %(targetName)s",
+            "join": "%(targetName)s הצטרף/ה לחדר",
+            "left": "%(targetName)s עזב/ה את החדר",
+            "left_reason": "%(targetName)s עזב/ה את החדר: %(reason)s",
+            "set_avatar": "%(senderName)s הגדיר/ה תמונת פרופיל",
+            "set_name": "%(oldDisplayName)s קבע/ה שם תצוגה חדש: %(displayName)s",
+            "unban": "%(senderName)s הסיר/ה את החסימה של %(targetName)s",
+            "withdrew_invite": "%(senderName)s ביטל/ה את ההזמנה של %(targetName)s לחדר",
+            "withdrew_invite_reason": "%(senderName)s ביטל/ה את ההזמנה של %(targetName)s לחדר: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s שינה את שם החדר מ-%(oldRoomName)s ל%(newRoomName)s.",
+            "remove": "%(senderDisplayName)s הסיר את שם החדר.",
+            "set": "%(senderDisplayName)s שינה את שם החדר ל%(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s שינה את ההודעה הנעוצה של החדר.",
+            "pinned": "%(senderName)s נעצ/ה הודעה בחדר זה. צפה בכל ההודעות הנעוצות.",
+            "pinned_link": "%(senderName)s נעצ/ה <a>הודעה</a> בחדר זה. צפה בכל<b>ההודעות הנעוצות</b>.",
+            "unpinned": "%(senderName)s ביטל/ה נעיצה של הודעה בחדר זה. צפה בכל ההודעות הנעוצות.",
+            "unpinned_link": "%(senderName)s ביטל/ה נעיצה של <a>הודעה</a> בחדר זה. צפה בכל <b>ההודעות הנעוצות</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s שינה את רמת ההרשאה של %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s מ%(fromPowerLevel)s ל%(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s דחה את ההזמנה של %(targetDisplayName)s להצטרף אל החדר.",
+            "sent": "%(senderName)s שלח הזמנה ל%(targetDisplayName)s להצטרף אל החדר."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s שידרג את החדר הזה.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s שינה את שם הנושא ל-\"%(topic)s\"."
+        },
+        "m.sticker": "%(senderDisplayName)s שלח מדבקה",
+        "m.video": {
+            "error_decrypting": "שגיאה בפענוח וידאו"
+        },
+        "m.widget": {
+            "added": "היישומון %(widgetName)s התווסף על ידי %(senderName)s",
+            "jitsi_ended": "ועידת הווידיאו הסתיימה ב- %(senderName)s",
+            "jitsi_join_right_prompt": "הצטרפו לכנס מכרטיס המידע על החדר בצד ימין",
+            "jitsi_join_top_prompt": "הצטרף לכנס בחלק העליון של החדר הזה",
+            "jitsi_started": "ועידת וידאו התחילה על ידי %(senderName)s",
+            "jitsi_updated": "ועידת הווידאו עודכנה על ידי %(senderName)s",
+            "modified": "היישומון %(widgetName)s שונה על ידי %(senderName)s",
+            "removed": "היישומון %(widgetName)s הוסר על ידי %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "העתק קישור לשרשור"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s עדכן כלל חסימה אשר תאם ל%(oldGlob)s ל%(newGlob)s עבור %(reason)s",
+            "changed_rule_rooms": "%(senderName)s שינה כלל אשר חסם חדרים התואמים ל%(oldGlob)s ל%(newGlob)s עבור %(reason)s",
+            "changed_rule_servers": "%(senderName)sשינה כלל אשר חסם שרתים שתאמו ל%(oldGlob)s ל%(newGlob)s עבור %(reason)s",
+            "changed_rule_users": "%(senderName)s שינה כלל אשר חסם משתמשים שתאמו ל%(oldGlob)s ל%(newGlob)s עבור %(reason)s",
+            "created_rule": "%(senderName)s יצר כלל חסימה התואם ל%(glob)s עבור %(reason)s",
+            "created_rule_rooms": "%(senderName)s יצר כלל החוסם חדרים התואמים ל%(glob)s עבור %(reason)s",
+            "created_rule_servers": "%(senderName)s יצר כלל החוסם שרתים התואמים ל%(glob)s עבור %(reason)s",
+            "created_rule_users": "%(senderName)s יצר כלל החוסם משתמשים התואמים ל%(glob)s עבור %(reason)s",
+            "removed_rule": "%(senderName)s הסיר כלל חסימה התואם ל%(glob)s",
+            "removed_rule_rooms": "%(senderName)s הסיר את הכלל שחוסם חדרים התואמים ל%(glob)s",
+            "removed_rule_servers": "%(senderName)s הסיר את הכלל החוסם שרתים התואמים ל%(glob)s",
+            "removed_rule_users": "%(senderName)s הסיר את הכלל שחוסם משתמשים התואמים ל %(glob)s",
+            "updated_invalid_rule": "%(senderName)s עידכן כלל חסימה שגוי",
+            "updated_rule": "%(senderName)s עדכן כלל חסימה התואם ל%(glob)s עבור %(reason)s",
+            "updated_rule_rooms": "%(senderName)s עדכן את הכלל שפאפשר חסימה של חדרים התואמים ל%(glob)s עבור %(reason)s",
+            "updated_rule_servers": "%(senderName)s עדכן את הכללים המאפשרים חסימת שרתים התואמים ל%(glob)s עבור %(reason)s",
+            "updated_rule_users": "%(senderName)s עדכן את הכלל שמאפשר חסימת משתמשים התואמים ל%(glob)s עבור %(reason)s"
+        },
+        "redacted": {
+            "tooltip": "הודעה נמחקה בתאריך %(date)s"
+        },
+        "redaction": "הודעה נמחקה על ידיד%(name)s",
+        "reply": {
+            "error_loading": "לא ניתן לטעון אירוע שהשיב לו, או שהוא לא קיים או שאין לך הרשאה להציג אותו.",
+            "in_reply_to": "<a> בתשובה ל- </a> <pill>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "אתה עומד להועבר לאתר של צד שלישי כדי שתוכל לאמת את חשבונך לשימוש עם %(integrationsUrl)s. האם אתה מקווה להמשיך?",
+            "dialog_title": "הוסף אינטגרציה"
+        },
+        "self_redaction": "הודעה נמחקה",
+        "send_state_failed": "השליחה נכשלה",
+        "send_state_sent": "ההודעה שלך נשלחה",
+        "summary": {
+            "banned": {
+                "one": "נחסם",
+                "other": "נחסם %(count)s פעמים"
+            },
+            "banned_multiple": {
+                "one": "נחסמו",
+                "other": "נחסם %(count)s פעמים"
+            },
+            "changed_name": {
+                "one": "%(oneUser)s שינו את שמם",
+                "other": "%(oneUser)s שינו את שמם %(count)s פעמים"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)s שינו את שמם",
+                "other": "%(severalUsers)s שינו את שמם %(count)s פעמים"
+            },
+            "format": "%(nameList)s-%(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)sשלח הודעה חבויה",
+                "other": "%(oneUser)sשלח%(count)sהודעות מוחבאות"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)sשלחו הודעות מוחבאות",
+                "other": "%(severalUsers)sשלחו%(count)sהודעות מוחבאות"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)s משכו את ההזמנה שלהם",
+                "other": "%(oneUser)s משך את ההזמנה שלו %(count)s פעמים"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)s משכו את ההזמנות שלהם",
+                "other": "%(severalUsers)s משכו את ההזמנות שלהם %(count)s פעמים"
+            },
+            "invited": {
+                "one": "הוזמן",
+                "other": "הוזמן %(count)s פעמים"
+            },
+            "invited_multiple": {
+                "one": "הוזמנו",
+                "other": "הוזמנו %(count)s פעמים"
+            },
+            "joined": {
+                "one": "%(oneUser)s הצטרף/ה",
+                "other": "%(oneUser)s הצטרף/ה %(count)s פעמים"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)s הצטרף/ה ועזב/ה",
+                "other": "%(oneUser)s הצטרף/ה ועזב/ה %(count)s פעמים"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)s הצטרפו ועזבו",
+                "other": "%(severalUsers)s הצטרפו ועזבו %(count)s פעמים"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s הצטרפו %(count)s פעמים",
+                "one": "%(severalUsers)s הצטרפ/ה"
+            },
+            "left": {
+                "one": "%(oneUser)s עזב/ה",
+                "other": "%(oneUser)s עזב/ה %(count)s פעמים"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)s עזבו",
+                "other": "%(severalUsers)s עזבו %(count)s פעמים"
+            },
+            "no_change": {
+                "one": "%(oneUser)s לא ערכו שינוי",
+                "other": "%(oneUser)s לא ערך שום שינוי %(count)s פעמים"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)s לא ערכו שום שינוי",
+                "other": "%(severalUsers)s לא ערכו שום שינוי %(count)s פעמים"
+            },
+            "redacted": {
+                "other": "%(oneUser)sהסיר%(count)sהודעות",
+                "one": "%(oneUser)sהסיר הודעה"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)sהסיר הודעה"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)s דחו את ההזמנה שלו\\ה",
+                "other": "%(oneUser)s דחה את ההזמנה %(count)s פעמים"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)s דחו את ההזמנה שלהם",
+                "other": "%(severalUsers)s דחו את ההזמנה שלהם%(count)s פעמים"
+            },
+            "rejoined": {
+                "one": "%(oneUser)s עזב/ה וחזר/ה",
+                "other": "%(oneUser)s עזב/ה וחזר/ה %(count)s פעמים"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)s עזבו וחזרו",
+                "other": "%(severalUsers)s עזבו וחזרו %(count)s פעמים"
+            },
+            "unbanned": {
+                "one": "חסימה בוטלה",
+                "other": "חסימה בוטלה %(count)s פעמים"
+            },
+            "unbanned_multiple": {
+                "one": "חסימה בוטלה",
+                "other": "חסימה בוטלה %(count)s פעמים"
+            }
+        },
+        "thread_info_basic": "משרשור",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s ועוד משהו כותבים…",
+                "other": "%(names)s ו%(count)s אחרים כותבים…"
+            },
+            "one_user": "%(displayName)s כותב…",
+            "two_users": "%(names)s ו%(lastPerson)s כותבים…"
+        }
+    },
+    "truncated_list_n_more": {
+        "other": "ו%(count)s עוד..."
+    },
+    "update": {
+        "changelog": "דו\"ח שינויים",
+        "check_action": "בדוק עדכונים",
+        "error_encountered": "ארעה שגיעה %(errorDetail)s .",
+        "error_unable_load_commit": "לא ניתן לטעון את פרטי ההתחייבות: %(msg)s",
+        "new_version_available": "גרסא חדשה קיימת. <a>שדרגו עכשיו.</a>",
+        "no_update": "אין עדכון זמין.",
+        "release_notes_toast_title": "מה חדש",
+        "see_changes_button": "מה חדש?",
+        "toast_description": "גרסה חדשה של %(brand)s קיימת",
+        "toast_title": "עדכן %(brand)s",
+        "unavailable": "לא זמין"
+    },
+    "upload_failed_generic": "נכשלה העלאת הקובץ %(fileName)s.",
+    "upload_failed_size": "הקובץ %(fileName)s עולה בגודלו על הגודל המותר להעלאה",
+    "upload_failed_title": "העלאה נכשלה",
+    "upload_file": {
+        "cancel_all_button": "בטל הכל",
+        "error_file_too_large": "קובץ זה <b> גדול מדי </b> להעלאה. מגבלת גודל הקובץ היא %(limit)s אך קובץ זה הוא %(sizeOfThisFile)s.",
+        "error_files_too_large": "קבצים אלה <b> גדולים מדי </b> להעלאה. מגבלת גודל הקובץ היא %(limit)s.",
+        "error_some_files_too_large": "חלק מהקבצים <b> גדולים מדי </b> כדי להעלות אותם. מגבלת גודל הקובץ היא %(limit)s.",
+        "error_title": "שגיאת העלאה",
+        "title": "מעלה קבצים",
+        "title_progress": "מעלה קבצים (%(current)s מ %(total)s)",
+        "upload_all_button": "מעלה הכל",
+        "upload_n_others_button": {
+            "one": "העלה %(count)s של קובץ אחר",
+            "other": "העלה %(count)s של קבצים אחרים"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "כלי מנהל",
+        "ban_button_space": "חסום ממרחב העבודה",
+        "deactivate_confirm_action": "השבת משתמש",
+        "deactivate_confirm_description": "השבתת משתמש זה תנתק אותו וימנע ממנו להתחבר חזרה. בנוסף, הם יעזבו את כל החדרים בהם הם נמצאים. לא ניתן לבטל פעולה זו. האם אתה בטוח שברצונך להשבית משתמש זה?",
+        "deactivate_confirm_title": "השבת משתמש?",
+        "demote_button": "הורד",
+        "demote_self_confirm_description_space": "לא תוכלו לבטל את השינוי הזה מכיוון שאתם מורידים לעצמכם את רמת ההרשאה, יהיה בלתי אפשרי להחזיר את ההרשאות אם אתם המשתמשים האחרונים בעלי רמת הרשאה זו במרחב עבודה זה .",
+        "demote_self_confirm_room": "לא תוכל לבטל את השינוי הזה מכיוון שאתה מוריד את עצמך בדרגה, אם אתה המשתמש המיועד האחרון בחדר, אי אפשר יהיה להחזיר לו הרשאות.",
+        "demote_self_confirm_title": "להוריד את עצמך?",
+        "disinvite_button_space": "בטל הזמנה ממרחב העבודה",
+        "error_ban_user": "כשלון בחסימת משתמש",
+        "error_deactivate": "השבתת משתמש נכשלה",
+        "error_kicking_user": "הסרת המשתמש נכשלה",
+        "error_mute_user": "כשלון בהשתקת משתמש",
+        "error_revoke_3pid_invite_description": "לא ניתן היה לבטל את ההזמנה. ייתכן שהשרת נתקל בבעיה זמנית או שאין לך הרשאות מספיקות לבטל את ההזמנה.",
+        "error_revoke_3pid_invite_title": "ביטול ההזמנה נכשל",
+        "invited_by": "הוזמנו על ידי %(sender)s",
+        "jump_to_rr_button": "קפצו לקבלת קריאה",
+        "kick_button_space": "הסר ממרחב העבודה",
+        "promote_warning": "לא תוכל לבטל את השינוי הזה מכיוון שאתה מקדם את המשתמש לאותה רמת ניהול כמוך.",
+        "redact": {
+            "confirm_button": {
+                "one": "הסר הודעה 1",
+                "other": "הסר %(count)s הודעות"
+            },
+            "confirm_description_2": "עבור כמות גדולה של הודעות, זה עלול לארוך זמן מה. אנא אל תרענן את הלקוח שלך בינתיים.",
+            "confirm_keep_state_label": "שמור את הודעות המערכת",
+            "confirm_title": "הסר את ההודעות האחרונות של %(user)s",
+            "no_recent_messages_description": "נסה לגלול למעלה בציר הזמן כדי לראות אם יש קודמים.",
+            "no_recent_messages_title": "לא נמצאו הודעות אחרונות של %(user)s"
+        },
+        "redact_button": "הסר הודעות אחרונות",
+        "revoke_invite": "שלול הזמנה",
+        "room_encrypted": "ההודעות בחדר זה מוצפנות מקצה לקצה.",
+        "room_encrypted_detail": "ההודעות שלך מאובטחות ורק לך ולמקבל יש את המפתחות הייחודיים לפתיחתן.",
+        "room_unencrypted": "הודעות בחדר זה אינן מוצפנות מקצה לקצה.",
+        "room_unencrypted_detail": "בחדרים מוצפנים ההודעות שלכם מאובטחות ורק לכם ולמקבל יש את המפתחות הייחודיים לפתיחתן.",
+        "share_button": "שתף קישור למשתמש",
+        "unban_button_space": "הסר חסימה ממרחב העבודה",
+        "verify_button": "אמת משתמש",
+        "verify_explainer": "ליתר ביטחון, אמת משתמש זה על ידי בדיקת קוד חד פעמי בשני המכשירים שלך."
+    },
+    "voip": {
+        "already_in_call": "כבר בשיחה",
+        "already_in_call_person": "אתה כבר בשיחה עם האדם הזה.",
+        "answered_elsewhere": "נענה במקום אחר",
+        "answered_elsewhere_description": "השיחה נענתה במכשיר אחר.",
+        "call_failed": "השיחה נכשלה",
+        "call_failed_description": "לא ניתן להתקשר",
+        "call_failed_media": "השיחה נכשלה משום שלא ניתן היה להפעיל מצלמה או מיקרופון, בדקו:",
+        "call_failed_media_applications": "שום אפליקציה אחרת אינה משתמשת במצלמה",
+        "call_failed_media_connected": "מצלמה ומיקרופון מחוברים ומוגדרים היטב",
+        "call_failed_media_permissions": "ניתנה הרשאה לשימוש במצלמה",
+        "call_failed_microphone": "השיחה נכשלה בגלל שלא ניתן היה להפעיל את המיקרופון. אנא בדקו שהמיקרופון מחובר ומוגדר נכון.",
+        "call_held": "%(peerName)s שם את השיחה במצב המתנה",
+        "call_held_resume": "שמתם את השיחה במצב המתנה <a>לשוב</a>",
+        "call_held_switch": "שמם את השיחה על המתנה <a>להחליף</a>",
+        "camera_disabled": "המצלמה שלך כבויה",
+        "camera_enabled": "המצלמה שלך עדיין מופעלת",
+        "cannot_call_yourself_description": "אין אפשרות ליצור שיחה עם עצמך.",
+        "connecting": "מקשר",
+        "connection_lost": "נותק החיבור מול השרת",
+        "connection_lost_description": "אינך יכול לבצע שיחות ללא חיבור לשרת.",
+        "default_device": "התקן ברירת מחדל",
+        "dial": "לחייג",
+        "dialpad": "משטח חיוג",
+        "disable_camera": "עצור את המצלמה",
+        "disable_microphone": "השתקת המיקרופון",
+        "enable_camera": "הפעל את המצלמה",
+        "enable_microphone": "בטל את השתקת המיקרופון",
+        "expand": "חזור לשיחה",
+        "hangup": "ניתוק",
+        "hide_sidebar_button": "הסתר סרגל צד",
+        "misconfigured_server": "השיחה נכשלה בגלל הגדרות שרת שגויות",
+        "misconfigured_server_description": "אנא בקשו ממנהל השרת (<code>%(homeserverDomain)s</code>) לסדר את הגדרות שרת TURN על מנת שהשיחות יפעלו בעקביות.",
+        "more_button": "יותר",
+        "msisdn_lookup_failed": "לא ניתן לחפש את מספר הטלפון",
+        "msisdn_lookup_failed_description": "אירעה שגיאה בחיפוש מספר הטלפון",
+        "msisdn_transfer_failed": "לא ניתן להעביר שיחה",
+        "no_media_perms_description": "ייתכן שיהיה עליך לאפשר ידנית ל-%(brand)s גישה למיקרופון / מצלמת האינטרנט שלך",
+        "no_media_perms_title": "אין הרשאות מדיה",
+        "no_permission_conference": "הרשאה דרושה",
+        "no_permission_conference_description": "אין לכם הרשאות להתחיל ועידה בחדר זה",
+        "on_hold": "%(name)s במצב המתנה",
+        "screenshare_window": "חלון אפליקציה",
+        "show_sidebar_button": "הצג סרגל צד",
+        "silence": "השתקת שיחה",
+        "start_screenshare": "התחל לשתף את המסך שלך",
+        "stop_screenshare": "הפסק לשתף את המסך שלך",
+        "too_many_calls": "יותר מדי שיחות",
+        "too_many_calls_description": "הגעתם למקסימום שיחות שניתן לבצע בו זמנית.",
+        "transfer_failed": "ההעברה נכשלה",
+        "transfer_failed_description": "העברת השיחה נכשלה",
+        "unable_to_access_media": "לא ניתן היה להפעיל מצלמה / מיקרופון",
+        "unable_to_access_microphone": "לא ניתן לגשת אל המיקרופון",
+        "unknown_caller": "מתקשר לא ידוע",
+        "unknown_person": "אדם לא ידוע",
+        "unsilence": "צליל דולק",
+        "unsupported": "שיחות לא נתמכות",
+        "unsupported_browser": "לא ניתן לבצע שיחות בדפדפן זה.",
+        "user_busy": "המשתמש עסוק",
+        "user_busy_description": "המשתמש עסוק כרגע.",
+        "video_call": "שיחת וידאו",
+        "voice_call": "שיחת אודיו",
+        "you_are_presenting": "אתה מציג"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s עַל %(osName)s",
+    "widget": {
+        "added_by": "ישומון נוסף על ידי",
+        "capabilities_dialog": {
+            "content_starting_text": "יישומון זה רוצה:",
+            "decline_all_permission": "סרב להכל",
+            "remember_Selection": "זכור את הבחירה שלי עבור יישומון זה",
+            "title": "אשר הרשאות יישומון"
+        },
+        "capability": {
+            "always_on_screen_generic": "השארו במסך זה כאשר אתם פעילים",
+            "always_on_screen_viewing_another_room": "השארו במסך הראשי כאשר אתם עברים בין חדרים בכל קהילה",
+            "byline_empty_state_key": "עם מפתח ללא מצב",
+            "byline_state_key": "עם מפתח מצב %(stateKey)s",
+            "capability": "ה<b>%(capability)s</b> יכולת",
+            "change_avatar_active_room": "שנו את האווטר של החדר הפעיל שלכם",
+            "change_avatar_this_room": "שנו את האווטר של החדר הזה",
+            "change_name_active_room": "שנו את השם של החדר הפעיל שלכם",
+            "change_name_this_room": "שנו את שם החדר הזה",
+            "change_topic_active_room": "שנו את שם הנושא של החדר הפעיל שלכם",
+            "change_topic_this_room": "שנו את שם הנושא של חדר זה",
+            "see_avatar_change_active_room": "ראו מתי שונה האווטר בחדר הפעיל שלכם",
+            "see_avatar_change_this_room": "ראו מתי האוורט משתנה בחדר זה",
+            "see_event_type_sent_active_room": "ראו <b>%(eventType)s</b> התרעות שפורסמו בחדר הפעיל שלכם",
+            "see_event_type_sent_this_room": "ראו <b>%(eventType)s</b> התרעות שפורסמו בשמכם בחדר זה",
+            "see_images_sent_active_room": "ראו תמונות שפורסמו בחדר הפעיל שלכם",
+            "see_images_sent_this_room": "ראו תמונות שפוסמו בחדר זה",
+            "see_messages_sent_active_room": "ראו הודעות שפורסמו בחדר הפעיל שלכם",
+            "see_messages_sent_this_room": "ראו הודעות שפורסמו בחדר זה",
+            "see_msgtype_sent_active_room": "ראו <b>%(msgtype)s</b> הודעות שפורסמו בחדר הפעיל שלכם",
+            "see_msgtype_sent_this_room": "ראו <b>%(msgtype)s</b> הודעות שפורסמו בחדר זה",
+            "see_name_change_active_room": "ראו מתי השם משתנה בחדר הפעיל שלכם",
+            "see_name_change_this_room": "ראו מתי השם שונה בחדר זה",
+            "see_sent_emotes_active_room": "ראו סמלים שפורסמו בחדר הפעיל שלכם",
+            "see_sent_emotes_this_room": "ראו סמלים שפורסמו בחדר זה",
+            "see_sent_files_active_room": "צפו בקבצים הכללים שפורסמו בחדר הפעיל שלכם",
+            "see_sent_files_this_room": "צפו בקבצים כללים אשר פורסמו בחדר זה",
+            "see_sticker_posted_active_room": "ראו מתי כל אחד מפרסם מדבקה בחדר הפעיל שלכם",
+            "see_sticker_posted_this_room": "ראו מתי מדבקה מפורסמת בחדר זה",
+            "see_text_messages_sent_active_room": "ראו הודעות טקסט שפורסמו בחדר הפעיל שלכם",
+            "see_text_messages_sent_this_room": "ראו הודעות טקסט שפורסמו בחדר זה",
+            "see_topic_change_active_room": "ראו מתי שונה שם הנושא של הקבוצה הפעילה שלכם",
+            "see_topic_change_this_room": "ראו מתי הנושא שונה בחדר זה",
+            "see_videos_sent_active_room": "ראו סרטונים שנשלחו לחדר הפעיל שלכם",
+            "see_videos_sent_this_room": "ראו סרטונים שנשלחו לחדר זה",
+            "send_emotes_active_room": "שלחו סמלים בשמכם בחדר הפעיל שלכם",
+            "send_emotes_this_room": "שלחו סמלים בשמכם בחדר זה",
+            "send_event_type_active_room": "שלח <b>%(eventType)s</b> התרעות בשמכם לחדר הפעיל שלכם",
+            "send_event_type_this_room": "שלח <b>%(eventType)s</b> התרעות בשמכם לחדר זה",
+            "send_files_active_room": "שלחו קבצים כללים בשמכם בחדר הפעיל שלכם",
+            "send_files_this_room": "שלחו קבצים כללים בשמכם בחדר זה",
+            "send_images_active_room": "שלחו תמונות בשמכם בחדר הפעיל שלכם",
+            "send_images_this_room": "שלחו תמונות בשמכם בחדר זה",
+            "send_messages_active_room": "שלחו הודעות בשמכם בחדר הפעיל שלכם",
+            "send_messages_this_room": "שלחו הודעות בשמכם בחדר זה",
+            "send_msgtype_active_room": "שלחו <b>%(msgtype)s</b> הודעות בשמכם בחדר הפעיל שלכם",
+            "send_msgtype_this_room": "שלחו <b>%(msgtype)s</b> הודעות בשמכם בחדר זה",
+            "send_stickers_active_room": "שלחו מדבקות אל החדר הפעיל שלכם",
+            "send_stickers_active_room_as_you": "שלחו מדבקות אל החדר הפעיל שלכם בשמכם",
+            "send_stickers_this_room": "שלחו מדבקות לחדר זה",
+            "send_stickers_this_room_as_you": "שלחו מדבקות לחדר זה בשמכם",
+            "send_text_messages_active_room": "שלחו הודעות טקסט בשמכם בחדר הפעיל שלכם",
+            "send_text_messages_this_room": "שלחו הודעות טקסט בשמכם בחדר זה",
+            "send_videos_active_room": "שלחו סרטונים בשמכם בחדר הפעיל שלכם",
+            "send_videos_this_room": "שלחו סרטונים בשמכם בחדר זה",
+            "switch_room": "שנו את החדר שבו אתם נמצאים",
+            "switch_room_message_user": "שנה את החדר, ההודעה או המשתמש שאתה צופה בו"
+        },
+        "context_menu": {
+            "delete": "מחק ישומון",
+            "delete_warning": "מחיקת יישומון מסירה אותו לכל המשתמשים בחדר זה. האם אתה בטוח שברצונך למחוק את היישומון הזה?"
+        },
+        "cookie_warning": "יישומון זה עשוי להשתמש בעוגיות.",
+        "error_need_invite_permission": "עליכם להיות מאושרים להזמין משתמשים על מנת לבצע פעולה זו.",
+        "error_need_to_be_logged_in": "עליכם להיות מחוברים.",
+        "modal_data_warning": "הנתונים על המסך הזה משותפים עם %(widgetDomain)s",
+        "modal_title_default": "יישומון מודאלי",
+        "no_name": "אפליקציה לא ידועה",
+        "open_id_permissions_dialog": {
+            "remember_selection": "זכור את זה",
+            "starting_text": "היישומון יאמת את מזהה המשתמש שלך, אך לא יוכל לבצע פעולות עבורך:",
+            "title": "אפשר לווידג'ט זה לאמת את זהותך"
+        },
+        "popout": "יישומון קופץ",
+        "set_room_layout": "הגדר את פריסת החדר שלי עבור כולם",
+        "shared_data_mxid": "קוד זהות המשתמש שלכם",
+        "shared_data_name": "שם התצוגה שלך",
+        "shared_data_room_id": "קוד זהות החדר",
+        "shared_data_theme": "ערכת הנושא שלכם",
+        "shared_data_url": "קישור %(brand)s",
+        "shared_data_warning": "שימוש ביישומון זה עשוי לשתף נתונים <helpIcon /> עם %(widgetDomain)s.",
+        "shared_data_warning_im": "שימוש ביישומון זה עשוי לשתף נתונים <helpIcon /> עם %(widgetDomain)s ומנהל האינטגרציה שלך.",
+        "shared_data_widget_id": "קוד זהות הישומון",
+        "unencrypted_warning": "יישומונים אינם משתמשים בהצפנת הודעות."
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "ניתן לנחש את כל האותיות הקטנות כגדולות בקלות",
+            "anotherWord": "הוסיפו עוד מילה או שניים. מילים לא מוכרות טובות יותר.",
+            "associatedYears": "המנעו משנים אשר משוייכים אליכם",
+            "capitalization": "אותיות גדולות לא ממש עוזרות",
+            "dates": "המנעו מתאריכים ושנים אשר משוייכים אליכם",
+            "l33t": "שינויים צפויים כמו שינוי a ל '@' גם לא עוזר הרבה",
+            "longerKeyboardPattern": "השתמשו בדפוס ארוך שמכיל אותיות מכל שורה במקלדת",
+            "noNeed": "אין צורך בסמלים, מספרים או אותיות גדולות",
+            "recentYears": "המנעו משימוש בשנים קודמות",
+            "repeated": "המנעו ממילים ואותיות נשנות",
+            "reverseWords": "מילים הפוכות לא ממש קשה לנחש",
+            "sequences": "המנעו מסדרות",
+            "useWords": "השתמשו במילים ספורות, המנעו מביטויים מוכרים"
+        },
+        "warnings": {
+            "common": "זוהי סיסמא מאוד מוכרת",
+            "commonNames": "שמות משפחה ושמות רגילים מאוד קל לנחש",
+            "dates": "תאריכים לעתים קל לנחש",
+            "extendedRepeat": "דפוסים כמו 'abcabcabc' קשות רק מעט יותר מ- 'abc'",
+            "keyPattern": "דפוסים קצרים קל לנחש",
+            "namesByThemselves": "שמות ושמות משפחה בעצמם קלים מאוד לניחוש",
+            "recentYears": "קל לנחש שנים קודמות",
+            "sequences": "סדרות כמו 'abc' ו '6543' קלות לניחוש",
+            "similarToCommon": "זוהי סיסמא זהה לסיסמא מאוד מוכרת",
+            "simpleRepeat": "דפוסים כמו 'aaa' קל לנחש",
+            "straightRow": "שורות מסודרות של מקשים מאוד קל לנחש",
+            "topHundred": "זוהי אחת ממאה הסיסמאות המוכרות ביותר",
+            "topTen": "זוהי אחת מעשר הסיסמאות המוכרות ביותר",
+            "wordByItself": "מילה כשלעצמה מאוד קל לנחש"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/hr.json b/apps/web/src/i18n/strings/hr.json
new file mode 100644
index 00000000000..167845ce386
--- /dev/null
+++ b/apps/web/src/i18n/strings/hr.json
@@ -0,0 +1,4173 @@
+{
+    "a11y": {
+        "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."
+        },
+        "room_status_bar": "Traka statusa sobe",
+        "seek_bar_label": "Traka za traženje zvuka",
+        "unread_messages": "Nepročitane poruke."
+    },
+    "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",
+        "apply": "Primijeni",
+        "approve": "Odobri",
+        "ask_to_join": "Zatraži pridruživanje",
+        "back": "Natrag",
+        "call": "Poziv",
+        "cancel": "Otkazati",
+        "change": "Promijeni",
+        "clear": "Očisti",
+        "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_rooms": "Pretražuj sobe",
+        "export": "Izvoz",
+        "forward": "Proslijedi",
+        "go": "Idi",
+        "go_back": "Idi natrag",
+        "got_it": "Shvaćam",
+        "hide_advanced": "Sakrij napredno",
+        "hold": "Čekanje",
+        "ignore": "Ignoriraj",
+        "import": "Uvezi",
+        "invite": "Pozovi",
+        "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_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": "Ukloni ovaj uređaj",
+        "skip": "Preskoči",
+        "start": "Započni",
+        "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 želite ukloniti ovaj uređaj?",
+            "setup_key_backup_title": "Izgubit ćete pristup svojim šifriranim razgovorima",
+            "setup_secure_backup_description": "Ovo je vaš jedini uređaj. Ako ga uklonite, trebat će vam ključ za oporavak kako biste potvrdili svoj digitalni identitet i vratili šifrirane razgovore sljedeći put kada se prijavite.",
+            "skip_key_backup": "Svejedno ukloni ovaj uređaj"
+        },
+        "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",
+            "choose_desktop_computer": "Odaberite „%(desktopComputer)s”",
+            "completing_setup": "Dovršavanje postavljanja vašeg novog uređaja",
+            "desktop_computer": "Stolno računalo",
+            "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_mobile_device": "Otvorite %(brand)s na svom mobilnom uređaju",
+            "open_element_other_device": "Otvorite %(brand)s na drugom uređaju",
+            "point_the_camera": "Skenirajte QR kod koji je ovdje prikazan",
+            "ready_to_scan": "Spremno za skeniranje",
+            "scan_code_instruction": "Skeniraj QR kod",
+            "scan_code_instruction_reciprocate": "Skenirajte QR kod drugim uređajem",
+            "scan_qr_code": "Prijavi se pomoću QR koda",
+            "security_code_prompt": "Davatelj usluge računa može zatražiti sljedeći kod za potvrdu prijave.",
+            "security_code_title": "Vaš verifikacijski kod",
+            "select_qr_code": "Odaberite „%(scanQRCode)s”",
+            "select_ready_to_scan": "Odaberite „%(readyToScan)s” i skenirajte ovdje prikazani QR kod",
+            "start_over": "Počni ispočetka",
+            "tap_avatar_link_new_device": "Dodirnite svoj avatar i odaberite „%(linkNewDevice)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 vaš drugi uređaj"
+        },
+        "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": "Svi su vaši uređaji oklonjeni 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": "Uklanjanjem svojih 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, nabavite ključ za oporavak ili izvezite ključeve poruka s jednog od svojih 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": "Ukloni druge uređaje"
+        },
+        "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 uklonjena iz sigurnosnih razloga. Ponovno se prijavite.",
+        "session_logged_out_title": "Sesija je uklonjena",
+        "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_manually": "Prijavi se ručno",
+        "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_with_qr": "Prijavi se pomoću QR koda",
+        "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 svoj račun na poslužitelju %(serverName)s kako biste poništili svoj digitalni identitet. Nakon što dovršite poništavanje na svom računu, vratite se ovdje i kliknite Pokušaj ponovno.",
+            "mas_cross_signing_reset_title": "Idite na svoj račun kako biste poništili svoj digitalni 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",
+        "disabled_by_homeserver": "Onemogućio matični poslužitelj",
+        "edited": "uređeno",
+        "email_address": "E-adresa",
+        "emoji": "Emotikon",
+        "encrypted": "Šifrirano",
+        "error": "Geška",
+        "faq": "Česta pitanja",
+        "feedback": "Povratne informacije",
+        "filter_results": "Filtriraj rezultate",
+        "forward_message": "Proslijedi poruku",
+        "general": "Općenito",
+        "go_to_settings": "Idi na postavke",
+        "guest": "Gost",
+        "help": "Pomoć",
+        "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",
+        "legacy_voice_and_video_settings": "Matrixovi pozivi jedan na jedan (naslijeđeni)",
+        "legal": "Pravne napomene",
+        "light": "Svijetlo",
+        "loading": "Učitavanje…",
+        "location": "Lokacija",
+        "matrix": "Matrix",
+        "message": "Poruka",
+        "message_layout": "Izgled poruke",
+        "message_timestamp_invalid": "Vremenska oznaka nije valjana",
+        "microphone": "Mikrofon",
+        "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",
+        "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_room": "Videosoba",
+        "view_message": "Prikaži poruku",
+        "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": "Standardno",
+        "join_rule_restricted_label": "Svatko u prostoru <SpaceName/> može se pridružiti.",
+        "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_section_dialog": {
+        "create_section": "Izradi odjeljak",
+        "description": "Odjeljci su samo za vas",
+        "label": "Naziv odjeljka",
+        "title": "Izradi odjeljak",
+        "title_edition": "Uredi odjeljak"
+    },
+    "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 služe za organiziranje i otkrivanje soba. Kakav prostor želite izraditi?",
+        "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, osobno ili za vaš tim",
+        "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": "Svatko se može pridružiti, najbolje za zajednice",
+        "public_heading": "Vaš javni prostor",
+        "search_public_button": "Pretražite javne prostore",
+        "setup_rooms_community_description": "Za početak stvorimo nekoliko soba.",
+        "setup_rooms_community_heading": "O čemu želite razgovarati u prostoru %(spaceName)s?",
+        "setup_rooms_description": "Poslije možete dodati još soba u prostor, uključujući i postojeće.",
+        "setup_rooms_private_description": "Za početak izradimo nekoliko soba.",
+        "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že se pridružiti."
+    },
+    "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:",
+        "checking_sticky_events_support": "Provjera podrške za sticky događaje...",
+        "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 digitalni identitet 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>",
+        "error_sticky_duration_must_be_a_number": "stickyDuration mora biti broj",
+        "error_sticky_duration_out_of_range": "stickyDuration mora biti između 0 i 36 000 milisekunda (1 sat)",
+        "event_content": "Sadržaj događaja",
+        "event_id": "ID događaja: %(eventId)s",
+        "event_sent": "Događaj je poslan!",
+        "event_type": "Vrsta događaja",
+        "expired": "Isteklo",
+        "expires_in": "Istječe za",
+        "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",
+        "explore_sticky_state": "Istraži stanje sticky događaja",
+        "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": "Onemogući značajke koje zahtijevaju puno propusnosti",
+        "low_bandwidth_mode_description": "Onemogućuje šifriranje, prisutnost, avatare, potvrde o čitanju i obavijesti o tipkanju",
+        "main_timeline": "Glavna vremenska traka",
+        "manual_device_verification": "Ručna potvrda uređaja",
+        "no_receipt_found": "Nije pronađen račun",
+        "no_sticky_events": "U ovoj sobi nema sticky događaja.",
+        "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_sticky_event": "Pošalji prilagođeni sticky događaj",
+        "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",
+        "sticky_duration": "Trajanje sticky događaja (ms)",
+        "sticky_events_not_supported": "Vaš matični poslužitelj još ne podržava sticky događaje.",
+        "sticky_key": "Ključ za sticky događaj",
+        "thread_root_id": "ID korijena niti: %(threadRootId)s",
+        "threads_timeline": "Vremenska traka niti",
+        "title": "Alati za razvojne inženjere",
+        "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_identity": "Kriptografski identitet",
+        "user_identity_unknown": "Nepoznato",
+        "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 digitalni identitet je promijenjen",
+            "unverified": "Status provjere: <E2EIcon /> Nepotvrđen",
+            "verified": "Status provjere: <E2EIcon /> Potvrđen",
+            "was_verified": "Status provjere: <E2EIcon /> Bio je potvrđen, ali je digitalni 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",
+    "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 digitalni identitet 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": "Poništen je digitalni identitet %(displayName)s (<b>%(userId)s</b>). <a>Saznajte više</a>",
+        "pinned_identity_changed_no_displayname": "Poništen je digitalni identitet korisnika <b>%(userId)s</b>. <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": "Napravite sigurnosnu kopiju svojih razgovora",
+        "set_up_recovery_toast_description": "Vaši se razgovori automatski sigurnosno kopiraju sveobuhvatnim šifriranjem. Kako biste vratili ovu sigurnosnu kopiju i zadržali svoj digitalni identitet kada izgubite pristup svim svojim uređajima, trebat će vam ključ za oporavak.",
+        "set_up_toast_title": "Postavljanje zaštićene sigurnosne kopije",
+        "turn_on_key_storage": "Uključi pohranu ključeva",
+        "turn_on_key_storage_description": "To će vam omogućiti pregled povijesti razgovora na bilo kojem novom uređaju i potrebno je za sigurnosno kopiranje razgovora i digitalnog identiteta.",
+        "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 digitalni 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": "Poništen je digitalni identitet %(displayName)s (<b>%(userId)s</b>). <a>Saznajte više</a>",
+        "verified_identity_changed_no_displayname": "Poništen je digitalni identitet korisnika <b>%(userId)s</b>. <a>Saznajte više</a>",
+        "verify_toast_description": "Od kraja listopada 2026. neprovjereni uređaji neće moći slati i primati poruke. <a>Saznajte više</a>",
+        "verify_toast_title": "Potvrdi ovaj uređaj",
+        "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 ovaj uređaj",
+            "clear_storage_description": "Želite li ukloniti ovaj uređaj i njegove ključeve za šifriranje?",
+            "description_1": "Došlo je do pogreške prilikom pokušaja vraćanja vaše 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 pohrane preglednika možete riješiti problem, ali time ćete ukloniti ovaj uređaj 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 ključeve za šifriranje poruka. Uklonite ovaj uređaj i ponovno se 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": {
+        "confirm_unknown_users": {
+            "invite_subtitle": "Trenutačno nemate razgovora s ovim kontaktima. Potvrdite da ih želite pozvati u ovu sobu prije nego što nastavite.",
+            "invite_title": "Želite li pozvati nove kontakte u ovu sobu?",
+            "start_chat_subtitle_multiple_users": "Trenutačno nemate razgovora s ovim osobama. Potvrdite da ih želite pozvati prije nego što nastavite.",
+            "start_chat_subtitle_one_user": "Trenutačno nemate razgovora s ovom osobom. Potvrdite da je želite pozvati prije nego što nastavite.",
+            "start_chat_title_multiple_users": "Želite li započeti razgovor s ovim novim kontaktima?",
+            "start_chat_title_one_user": "Želite li započeti razgovor s ovim novim kontaktom?"
+        },
+        "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",
+        "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",
+        "config_only": "Može se omogućiti samo putem config.json.",
+        "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_retention": {
+            "description": "Automatski uklonite poruke iz sobe kada istekne konfigurirano razdoblje čuvanja. Trenutačno podržava samo postavke čitanja.",
+            "disabled_sliding_sync": "Čuvanje se ne može omogućiti kada je omogućen Sliding Sync.",
+            "display_name": "Čuvanje poruka"
+        },
+        "feature_user_status": {
+            "description": "Omogućuje pregled i postavljanje trenutačnog statusa.",
+            "display_name": "Status korisnika",
+            "required_msc_support": "Zahtijeva MSC4429 (ažuriranja profila za naslijeđeni Sync)"
+        },
+        "feature_wysiwyg_composer_description": "Upotrebljavaj obogaćeni tekst umjesto Markdowna u sastavljaču poruka.",
+        "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)",
+        "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.",
+        "login_with_qr": "Prijavi se pomoću QR koda",
+        "mjolnir": "Novi načini ignoriranja osoba",
+        "msc3531_hide_messages_pending_moderation": "Dopusti moderatorima da sakriju poruke koje čekaju moderiranje.",
+        "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",
+        "render_reaction_images": "Prikaži prilagođene slike u reakcijama",
+        "render_reaction_images_description": "Ponekad se nazivaju „prilagođeni emotikoni”",
+        "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": "Ponovno se prijavite da biste onemogućili",
+        "sliding_sync_server_no_support": "Vaš poslužitelj nema podršku",
+        "unrealiable_e2e": "Nepouzdano u šifriranim sobama",
+        "url_preview_bundle": "Paket za pretpregled URL-ova (MSC4095)",
+        "url_preview_bundle_description": "Pošaljite pretpreglede URL-ova u poruci uz sadržaj poruke",
+        "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."
+    },
+    "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": "samo @spominjanja i odgovori",
+        "mentions_and_keywords_description": "Primajte obavijesti samo o spominjanjima, odgovorima 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",
+    "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",
+        "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)"
+    },
+    "remove_section_dialog": {
+        "confirmation": "Sigurno želite ukloniti ovaj odjeljak?",
+        "description": "Razgovori u ovom odjeljku i dalje će biti dostupni na vašem popisu razgovora.",
+        "remove_section": "Ukloni odjeljak",
+        "title": "Želite li ukloniti odjeljak?"
+    },
+    "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.",
+        "hide_messages_from_user": "Označite ako želite sakriti sve trenutačne i buduće poruke od ovog korisnika.",
+        "ignore_user": "Ignoriraj korisnika",
+        "missing_reason": "Navedite razlog prijave.",
+        "report_content_to_homeserver": "Prijavite sadržaj administratoru matičnog poslužitelja"
+    },
+    "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_join_unknown": "Došlo je do nepoznate pogreške.",
+        "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",
+            "shared_history_tooltip": "Novi članovi vide povijest",
+            "world_readable_history_tooltip": "Svatko može vidjeti povijest"
+        },
+        "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",
+        "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_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_space_label": "Dodaj prostor",
+        "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",
+        "list_title": "Popis soba",
+        "more_options": {
+            "leave_room": "Napusti sobu"
+        },
+        "notification_options": "Mogućnosti obavijesti",
+        "section": {
+            "chats": "Razgovori",
+            "favourites": "Favoriti",
+            "low_priority": "Niski prioritet"
+        },
+        "show_less": "Prikaži manje"
+    },
+    "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",
+            "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"
+        },
+        "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)",
+            "join_rule_description": "Odlučite tko se može pridružiti sobi %(roomName)s.",
+            "join_rule_invite": "Samo s pozivnicom",
+            "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": "Bilo tko",
+            "join_rule_public_description": "Svatko se može pridružiti.",
+            "join_rule_restricted": "Članovi prostora",
+            "join_rule_restricted_description": "Svatko u ovlaštenim prostorima može se pridružiti bez pozivnice. <a>Upravljanje prostorom</a>",
+            "join_rule_restricted_description_active_space": "Svatko u prostoru <spaceName/> može se pridružiti.",
+            "join_rule_restricted_description_prompt": "Svatko u prostoru može se pridružiti.",
+            "join_rule_restricted_description_spaces": "Ovlašteni prostori",
+            "join_rule_restricted_dialog_description": "Prostori u kojima se članovi mogu pridružiti sobi <RoomName/> bez pozivnice.",
+            "join_rule_restricted_dialog_empty_warning": "Uklonit ćete sve ovlaštene prostore. Pristup će zadano biti samo uz pozivnicu",
+            "join_rule_restricted_dialog_filter_placeholder": "Pretraži prostore",
+            "join_rule_restricted_dialog_heading_known": "Vaši prostori koji ne sadrže ovu sobu",
+            "join_rule_restricted_dialog_heading_other": "Drugi prostori kojih niste član",
+            "join_rule_restricted_dialog_heading_room": "Vaši prostori 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": "Upravljaj prostorima",
+            "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 je jedan prostor ovlašten",
+                "few": "Trenutačno su %(count)s prostora ovlaštena",
+                "other": "Trenutačno je %(count)s prostora ovlašteno"
+            },
+            "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 postavki 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": "Pretpregled 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": "Sigurnost i privatnost"
+        },
+        "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",
+        "warning_kind_search_partial": "Rezultati mogu biti nepotpuni jer se vaš indeks pretraživanja još uvijek izrađuje."
+    },
+    "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": "Sigurno želite poništiti svoj digitalni identitet?",
+                "breadcrumb_title_cant_confirm": "Morate poništiti svoj digitalni identitet",
+                "breadcrumb_title_forgot": "Zaboravili ste ključ za oporavak? Morat ćete poništiti svoj digitalni identitet.",
+                "breadcrumb_title_sync_failed": "Sinkronizacija pohrane ključeva nije uspjela. Trebate poništiti svoj digitalni 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 uklonite sve svoje uređaje, izgubit ćete povijest poruka i trebat ćete ponovno potvrditi sve svoje 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": "Izgubit ćete pristup svojim šifriranim porukama ako niste prijavljeni ni na jedan uređaj",
+                "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": "To će vam omogućiti pregled povijesti razgovora na svakom novom uređaju i potrebno je za sigurnosno kopiranje razgovora i digitalnog identiteta. <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": "Vaši se razgovori automatski sigurnosno kopiraju sveobuhvatnim šifriranjem. Kako biste vratili ovu sigurnosnu kopiju i zadržali svoj digitalni identitet kada izgubite pristup svim svojim uređajima, trebat će vam ključ 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": "Nabavite ključ za oporavak",
+                "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": "Sigurnosna kopija"
+            },
+            "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": "Omogući pretpreglede",
+        "inline_url_previews_encrypted": "Omogući pretpreglede u šifriranim sobama",
+        "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": "@spominjanja i odgovori",
+            "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": "@spominjanja u sobi",
+            "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>.",
+            "link_previews_description": "Prikazuje informacije o poveznicama ispod poruka",
+            "link_previews_heading": "Pretpregledi poveznica",
+            "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 uklonite bilo koju sesiju koju više ne prepoznajete ili upotrebljavate.",
+            "confirm_sign_out": {
+                "one": "Potvrdite uklanjanje ovog uređaja",
+                "few": "Potvrdite uklanjanje ovih uređaja",
+                "other": "Potvrdite uklanjanje ovih uređaja"
+            },
+            "confirm_sign_out_body": {
+                "one": "Kliknite ispod navedeni gumb kako biste potvrdili uklanjanje ovog uređaja.",
+                "few": "Kliknite ispod navedeni gumb kako biste potvrdili uklanjanje ovih uređaja.",
+                "other": "Kliknite ispod navedeni gumb kako biste potvrdili uklanjanje ovih uređaja."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Ukloni uređaj",
+                "few": "Ukloni uređaje",
+                "other": "Ukloni uređaje"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Potvrdite uklanjanje ovog uređaja koristeći jedinstvenu prijavu (SSO) kako biste dokazali svoj identitet.",
+                "few": "Potvrdite uklanjanje ovih uređaja koristeći jedinstvenu prijavu (SSO) kako biste dokazali svoj identitet.",
+                "other": "Potvrdite uklanjanje 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 ili uklonite ovu sesiju.",
+            "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 uklanjanju 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.",
+            "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": "Ukloni ovu sesiju",
+            "sign_out_all_other_sessions": "Ukloni sve ostale sesije (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Sigurno želite ukloniti %(count)s sesiju?",
+                "few": "Sigurno želite ukloniti %(count)s sesije?",
+                "other": "Sigurno želite ukloniti %(count)s sesija?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Ukloni %(count)s sesiju",
+                "few": "Ukloni %(count)s sesije",
+                "other": "Ukloni %(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 sa svojim vjerodajnicama, ali koje nisu potvrđene vašim digitalnim identitetom.",
+            "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 uklonite one 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 potvrdile su vaš digitalni identitet.",
+            "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, uklonite svaku sesiju 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_sections": "Prikaži odjeljke",
+        "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_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_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",
+            "dialog_title": "<strong>Postavke:</strong> Glas i videozapis",
+            "echo_cancellation": "Poništavanje jeke",
+            "echo_cancellation_description": "Uklanja jeku iz mikrofona tijekom poziva. Ova postavka vrijedi i za Element Call.",
+            "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.",
+            "enable_legacy_calls": "Omogući naslijeđene glasovne pozive / videopozive",
+            "enable_legacy_calls_description": "Vrijedi za Jitsi i WebRTC pozive jedan na jedan",
+            "mirror_local_feed": "Zrcali lokalni videoprikaz",
+            "missing_permissions_prompt": "Kako biste mogli sudjelovati u pozivima, dajte %(brand)s dopuštenje za pristup vašem audiouređaju i videouređaju.",
+            "noise_suppression": "Prigušivanje buke",
+            "noise_suppression_description": "Smanjuje pozadinsku buku u mikrofonu tijekom poziva. Ova postavka vrijedi i za Element Call.",
+            "permissions": "Dopusti pristup mikrofonu i kameri",
+            "request_permissions": "Zahtjev",
+            "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_input_description": "Ovdje konfigurirani audioulaz upotrebljava se za glasovne poruke i pozive (naslijeđene / jedan na jedan).",
+            "voice_input_section": "Audioulaz",
+            "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",
+        "status": {
+            "description": "Postavi svoj trenutačni status",
+            "no_args": "Nisu navedeni argumenti. Trebali biste navesti emoji i opcijsku tekstnu komponentu.",
+            "no_emoji": "Niste naveli emoji",
+            "no_text": "Niste naveli nikakav tekst statusa",
+            "too_long_emoji": "Prvi argument mora biti emoji",
+            "too_long_text": "Tekst koji ste naveli bio je predugačak."
+        },
+        "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": "Naslijeđeni sliding sync više nije podržan: ponovno se 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"
+    },
+    "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.",
+        "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 digitalni identitet je poništen",
+            "unable_to_decrypt": "Nije moguće dešifrirati poruku"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Preuzimanje",
+        "download_failed": "Preuzimanje nije uspjelo",
+        "download_failed_description": "Došlo je do pogreške prilikom preuzimanja ove datoteke",
+        "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"
+        },
+        "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.",
+            "lightbox_title": "%(senderDisplayName)s promijenio/la je avatar za %(roomName)s"
+        },
+        "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.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 pristup korisniku",
+            "ban_reason": "%(senderName)s zabranio/la je pristup korisniku: %(reason)s",
+            "ban_reason_spoiler": "%(senderName)s je zabranio/la pristup korisniku <user/>: %(reason)s",
+            "ban_spoiler": "%(senderName)s je zabranio/la pristup korisniku <user/>",
+            "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.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": {
+            "copy_link_thread": "Kopiraj poveznicu u nit",
+            "view_in_room": "Pregled u sobi"
+        },
+        "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",
+            "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"
+            },
+            "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"
+    },
+    "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 uklonit ćete njegove uređaje 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. Sigurno ž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_status": {
+        "on_a_call": "U pozivu"
+    },
+    "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_members": {
+            "exhaustive": {
+                "one": "<avatars/> je u pozivu",
+                "few": "<avatars/> su u pozivu",
+                "other": "<avatars/> su u pozivu"
+            },
+            "overflow": {
+                "one": "<avatars/> + %(overflowCount)s je u pozivu",
+                "few": "<avatars/> + %(overflowCount)s su u pozivu",
+                "other": "<avatars/> + %(overflowCount)s su u pozivu"
+            }
+        },
+        "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>",
+        "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",
+        "group_call_started": "Grupni poziv je započeo",
+        "hangup": "Prekini poziv",
+        "hide_sidebar_button": "Sakrij bočnu traku",
+        "input_devices": "Ulazni uređaji",
+        "jitsi_call": "Konferencija na Jitsiju",
+        "join_with_video": "Pridruži se putem videoveze",
+        "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",
+        "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_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": {
+        "tagline_element": "Maksimalno unaprijeđen za brzinu i jednostavnost.",
+        "title_element": "Budi u elementu",
+        "title_generic": "Dobro došli u %(brand)s"
+    },
+    "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",
+            "download_file": "Preuzmi datoteke iz repozitorija medija",
+            "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?"
+        },
+        "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/apps/web/src/i18n/strings/hu.json b/apps/web/src/i18n/strings/hu.json
new file mode 100644
index 00000000000..a067dff0700
--- /dev/null
+++ b/apps/web/src/i18n/strings/hu.json
@@ -0,0 +1,4045 @@
+{
+    "a11y": {
+        "jump_first_invite": "Ugrás az első meghívóhoz.",
+        "message_composer": "Üzenetszerkesztő",
+        "n_unread_messages": {
+            "%(count)s olvasatlan üzenet.": "other",
+            "1 olvasatlan üzenet.": "one"
+        },
+        "n_unread_messages_mentions": {
+            "%(count)s olvasatlan üzenet megemlítéssel.": "other",
+            "1 olvasatlan megemlítés.": "one"
+        },
+        "room_status_bar": "Szoba állapotsora",
+        "seek_bar_label": "Hang keresősávja",
+        "unread_messages": "Olvasatlan üzenetek."
+    },
+    "a11y_jump_first_unread_room": "Ugrás az első olvasatlan szobához.",
+    "action": {
+        "accept": "Elfogadás",
+        "add": "Hozzáadás",
+        "add_existing_room": "Létező szoba hozzáadása",
+        "apply": "Alkalmaz",
+        "approve": "Engedélyezés",
+        "ask_to_join": "Csatlakozási kérés",
+        "back": "Vissza",
+        "call": "Hívás",
+        "cancel": "Mégse",
+        "change": "Módosítás",
+        "clear": "Törlés",
+        "click_to_copy": "Másolás kattintással",
+        "close": "Bezárás",
+        "collapse": "Összecsukás",
+        "complete": "Kiegészítés",
+        "confirm": "Megerősítés",
+        "continue": "Folytatás",
+        "copy": "Másolás",
+        "copy_link": "Hivatkozás másolása",
+        "create": "Létrehozás",
+        "create_a_room": "Szoba létrehozása",
+        "create_account": "Fiók létrehozása",
+        "decline": "Elutasítás",
+        "decline_and_block": "Elutasítás és letiltás",
+        "decline_invite": "Meghívás elutasítása",
+        "delete": "Törlés",
+        "deny": "Megtagadás",
+        "disable": "Tiltás",
+        "disconnect": "Kapcsolat bontása",
+        "dismiss": "Eltüntetés",
+        "done": "Kész",
+        "download": "Letöltés",
+        "edit": "Szerkesztés",
+        "enable": "Engedélyezés",
+        "enter_fullscreen": "Teljes képernyőre váltás",
+        "exit_fullscreeen": "Kilépés a teljes képernyőből",
+        "expand": "Kibontás",
+        "explore_rooms": "Szobák felderítése",
+        "export": "Mentés",
+        "forward": "Továbbítás",
+        "go": "Meghívás",
+        "go_back": "Vissza",
+        "got_it": "Értem",
+        "hide_advanced": "Speciális beállítások elrejtése",
+        "hold": "Várakoztatás",
+        "ignore": "Mellőzés",
+        "import": "Betöltés",
+        "invite": "Meghívás",
+        "join": "Csatlakozás",
+        "learn_more": "További információk",
+        "leave": "Elhagyás",
+        "leave_room": "Szoba elhagyása",
+        "logout": "Kilépés",
+        "manage": "Kezelés",
+        "maximise": "Teljes méret",
+        "mention": "Megemlítés",
+        "minimise": "Lecsukás",
+        "new_room": "Új szoba",
+        "new_video_room": "Új videószoba",
+        "next": "Következő",
+        "no": "Nem",
+        "ok": "Rendben",
+        "open": "Megnyitás",
+        "pin": "Kitűzés",
+        "proceed": "Folytatás",
+        "quote": "Idézés",
+        "react": "Reakció",
+        "refresh": "Frissítés",
+        "register": "Regisztráció",
+        "reload": "Újratöltés",
+        "remove": "Eltávolítás",
+        "rename": "Átnevezés",
+        "reply": "Válasz",
+        "reply_in_thread": "Válasz üzenetszálban",
+        "report_room": "Szoba jelentése",
+        "resend": "Újraküldés",
+        "reset": "Visszaállítás",
+        "resume": "Folytatás",
+        "retry": "Újra",
+        "review": "Átnézés",
+        "revoke": "Visszavon",
+        "save": "Mentés",
+        "search": "Keresés",
+        "send_report": "Jelentés küldése",
+        "set_avatar": "Profilkép beállítása",
+        "share": "Megosztás",
+        "show": "Megjelenítés",
+        "show_advanced": "Speciális beállítások megjelenítése",
+        "show_all": "Összes megjelenítése",
+        "sign_in": "Bejelentkezés",
+        "sign_out": "Eszköz eltávolítása",
+        "skip": "Kihagyás",
+        "start": "Indítás",
+        "stop": "Leállítás",
+        "submit": "Elküldés",
+        "subscribe": "Feliratkozás",
+        "transfer": "Átadás",
+        "trust": "Megbízom benne",
+        "try_again": "Újrapróbálkozás",
+        "unban": "Kitiltás visszavonása",
+        "unignore": "Mellőzés feloldása",
+        "unpin": "Leszedés",
+        "unsubscribe": "Leiratkozás",
+        "update": "Frissítés",
+        "upgrade": "Fejlesztés",
+        "upload": "Feltöltés",
+        "upload_file": "Fájl feltöltése",
+        "verify": "Ellenőrzés",
+        "view": "Megtekintés",
+        "view_all": "Összes megtekintése",
+        "view_list": "Lista megjelenítése",
+        "view_message": "Üzenet megjelenítése",
+        "view_source": "Forrás megjelenítése",
+        "yes": "Igen",
+        "yes_dismiss": "Igen, elvetés",
+        "zoom_in": "Nagyítás",
+        "zoom_out": "Kicsinyítés"
+    },
+    "analytics": {
+        "accept_button": "Rendben van",
+        "bullet_1": "<Bold>Nem</Bold> mentjük vagy profilozzuk a felhasználói adatokat",
+        "bullet_2": "<Bold>Nem</Bold> osztunk meg információt harmadik féllel",
+        "consent_migration": "Előzőleg beleegyezett, hogy anonimizált használati adatokat oszt meg velünk. Most frissítjük ennek a működését.",
+        "disable_prompt": "Ezt bármikor kikapcsolhatja a beállításokban",
+        "enable_prompt": "Segítsen jobbá tenni az %(analyticsOwner)set",
+        "learn_more": "Anonimizált adatok megosztása a problémák feltárásához. Semmi személyes. Nincs harmadik fél. <LearnMoreLink>További információk</LearnMoreLink>",
+        "privacy_policy": "Elolvashatja az összes feltételünket <PrivacyPolicyUrl>itt</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Segítsen észrevennünk a hibákat, és jobbá tenni az %(analyticsOwner)set a névtelen használati adatok küldése által. Ahhoz, hogy megértsük, hogyan használnak a felhasználók egyszerre több eszközt, egy véletlenszerű azonosítót generálunk, amely az eszközei között meg lesz osztva.",
+        "shared_data_heading": "Az alábbi adatok közül bármelyik megosztásra kerülhet:"
+    },
+    "auth": {
+        "3pid_in_use": "Ez az e-mail-cím vagy telefonszám már használatban van.",
+        "account_clash": "Az új (%(newAccountId)s) fiókod elkészült, de jelenleg egy másik fiókba (%(loggedInUserId)s) vagy bejelentkezve.",
+        "account_clash_previous_account": "Folytatás az előző fiókkal",
+        "account_deactivated": "Ez a fiók zárolva van.",
+        "autodiscovery_generic_failure": "Nem sikerült lekérni az automatikus felderítés beállításait a kiszolgálóról",
+        "autodiscovery_hs_incompatible": "A Matrix-kiszolgálója túl régi, és nem támogatja a minimálisan szükséges API-verziót. Lépjen kapcsolatba a kiszolgáló tulajdonosával, vagy frissítse.",
+        "autodiscovery_invalid": "A Matrix-kiszolgáló felderítésére kapott válasz érvénytelen",
+        "autodiscovery_invalid_hs": "A Matrix-kiszolgáló webcíme nem tűnik érvényesnek",
+        "autodiscovery_invalid_hs_base_url": "Az m.homeserver beállításhoz megadott base_url érvénytelen",
+        "autodiscovery_invalid_is": "Az azonosítási kiszolgáló webcíme nem tűnik érvényesnek",
+        "autodiscovery_invalid_is_base_url": "Az m.identity_server beállításhoz megadott base_url érvénytelen",
+        "autodiscovery_invalid_is_response": "Az azonosítási kiszolgáló felderítésére érkezett válasz érvénytelen",
+        "autodiscovery_invalid_json": "Érvénytelen JSON",
+        "autodiscovery_no_well_known": "Nem található .well-known JSON-fájl",
+        "autodiscovery_unexpected_error_hs": "A Matrix-kiszolgáló konfiguráció betöltésekor váratlan hiba történt",
+        "autodiscovery_unexpected_error_is": "Az azonosítási kiszolgáló beállításainak feldolgozásakor váratlan hiba történt",
+        "captcha_description": "A Matrix-kiszolgáló ellenőrizné, hogy Ön nem egy robot.",
+        "change_password_action": "Jelszó módosítása",
+        "change_password_confirm_invalid": "A jelszavak nem egyeznek meg",
+        "change_password_confirm_label": "Jelszó megerősítése",
+        "change_password_current_label": "Jelenlegi jelszó",
+        "change_password_empty": "A jelszó nem lehet üres",
+        "change_password_error": "Hiba a jelszó módosítása során: %(error)s",
+        "change_password_mismatch": "Az új jelszavak nem egyeznek",
+        "change_password_new_label": "Új jelszó",
+        "check_email_explainer": "Kövesse az ide küldött utasításokat: <b>%(email)s</b>",
+        "check_email_resend_prompt": "Nem érkezett meg?",
+        "check_email_resend_tooltip": "Az ellenőrzési hivatkozást tartalmazó e-mail újraküldve!",
+        "check_email_wrong_email_button": "E-mail-cím újbóli megadása",
+        "check_email_wrong_email_prompt": "Hibás e-mail-cím?",
+        "continue_with_idp": "Folytatás ezzel a szolgáltatóval: %(provider)s",
+        "continue_with_sso": "Folytatás ezzel: %(ssoButtons)s",
+        "country_dropdown": "Ország legördülő menü",
+        "create_account_prompt": "Új itt? <a>Hozzon létre egy fiókot</a>",
+        "create_account_title": "Fiók létrehozása",
+        "email_discovery_text": "Az e-mail-cím (nem kötelező) megadása segíthet abban, hogy az ismerősei megtalálják a Matrixon.",
+        "email_field_label": "E-mail",
+        "email_field_label_invalid": "Az e-mail-cím nem tűnik érvényesnek",
+        "email_field_label_required": "E-mail-cím megadása",
+        "email_help_text": "Adjon hozzá egy e-mail-címet, hogy visszaállíthassa jelszavát.",
+        "email_phone_discovery_text": "Ha megadja az e-mail-címét vagy telefonszámát, akkor megtalálhatják a jelenlegi ismerősei.",
+        "enter_email_explainer": "A(z) <b>%(homeserver)s</b> e-mailt küld a jelszó-visszaállítási hivatkozással.",
+        "enter_email_heading": "Adja meg az e-mail-címét a jelszó visszaállításhoz",
+        "failed_connect_identity_server": "Az azonosítási kiszolgáló nem érhető el",
+        "failed_connect_identity_server_other": "Beléphet, de néhány funkció nem lesz elérhető, amíg az azonosítási kiszolgáló újra elérhető nem lesz. Ha ezt a figyelmeztetést folyamatosan látja, akkor ellenőrizze a beállításokat, vagy vegye fel a kapcsolatot a kiszolgáló adminisztrátorával.",
+        "failed_connect_identity_server_register": "Regisztrálhat, de néhány funkció nem lesz elérhető, amíg az azonosítási kiszolgáló újra elérhető nem lesz. Ha ezt a figyelmeztetést folyamatosan látja, akkor ellenőrizze a beállításokat, vagy vegye fel a kapcsolatot a kiszolgáló adminisztrátorával.",
+        "failed_connect_identity_server_reset_password": "A jelszavát visszaállíthatja, de néhány funkció nem lesz elérhető, amíg az azonosítási kiszolgáló újra elérhető nem lesz. Ha ezt a figyelmeztetést folyamatosan látja, akkor ellenőrizze a beállításokat, vagy vegye fel a kapcsolatot a kiszolgáló adminisztrátorával.",
+        "failed_homeserver_discovery": "A Matrix-kiszolgáló felderítése sikertelen",
+        "failed_query_registration_methods": "A támogatott regisztrációs módokat nem lehet lekérdezni.",
+        "failed_soft_logout_auth": "Az újbóli hitelesítés sikertelen",
+        "failed_soft_logout_homeserver": "Az újbóli hitelesítés a Matrix-kiszolgáló hibájából sikertelen",
+        "forgot_password_email_invalid": "Az e-mail-cím nem tűnik érvényesnek.",
+        "forgot_password_email_required": "A fiókjához kötött e-mail-címet kell megadnia.",
+        "forgot_password_prompt": "Elfelejtette a jelszavát?",
+        "forgot_password_send_email": "E-mail küldése",
+        "identifier_label": "Bejelentkezés ezzel:",
+        "incorrect_credentials": "Helytelen felhasználónév vagy jelszó.",
+        "incorrect_credentials_detail": "Vegye figyelembe, hogy a(z) %(hs)s kiszolgálóra jelentkezik be, és nem a matrix.org-ra.",
+        "incorrect_password": "Helytelen jelszó",
+        "log_in_new_account": "<a>Belépés</a> az új fiókjába.",
+        "logout_dialog": {
+            "description": "Biztosan eltávolítja ezt az eszközt?",
+            "setup_key_backup_title": "Hamarosan elveszíti a hozzáférését a titkosított csevegéseihez",
+            "setup_secure_backup_description": "Ez az egyetlen eszköze. Ha eltávolítja, a következő bejelentkezéskor szüksége lesz egy helyreállítási kulcsra a digitális személyazonossága megerősítéséhez és a titkosított csevegések helyreállításához.",
+            "skip_key_backup": "Eszköz eltávolítása mindenképpen"
+        },
+        "misconfigured_body": "Kérje meg a(z) %(brand)s adminisztrátorát, hogy ellenőrizze a <a>beállításait</a>, hibás vagy duplikált bejegyzéseket keresve.",
+        "misconfigured_title": "Az %(brand)s hibásan van beállítva",
+        "mobile_create_account_title": "Fiók létrehozására készül a következőn:%(hsName)s",
+        "msisdn_field_description": "Meghívhatják mások szobákba a kapcsolatoknál megadott adatai alapján",
+        "msisdn_field_label": "Telefonszám",
+        "msisdn_field_number_invalid": "Ez a telefonszám nem tűnik teljesen helyesnek, ellenőrizze újra",
+        "msisdn_field_required_invalid": "Telefonszám megadása",
+        "no_hs_url_provided": "Nincs megadva a Matrix-kiszolgáló webcíme",
+        "oidc": {
+            "error_title": "Sajnos nem tudtuk bejelentkeztetni",
+            "generic_auth_error": "Hiba történt a hitelesítés során. Lépjen a bejelentkezési oldalra, és próbálja újra.",
+            "missing_or_invalid_stored_state": "A böngészőt arra kértük, hogy jegyezze meg, melyik Matrix-kiszolgálót használta a bejelentkezéshez, de sajnos a böngészője elfelejtette. Navigáljon a bejelentkezési oldalra, és próbálja újra."
+        },
+        "password_field_keep_going_prompt": "Így tovább…",
+        "password_field_label": "Adja meg a jelszót",
+        "password_field_strong_label": "Szép, erős jelszó!",
+        "password_field_weak_label": "A jelszó engedélyezett, de nem biztonságos",
+        "phone_label": "Telefonszám",
+        "phone_optional_label": "Telefonszám (nem kötelező)",
+        "qr_code_login": {
+            "check_code_explainer": "Ezzel ellenőrizni fogja, hogy a másik eszközzel való kapcsolat biztonságos-e.",
+            "check_code_heading": "Adja meg a másik készüléken megjelenő számot",
+            "check_code_input_label": "2 számjegyű kód",
+            "check_code_mismatch": "A számok nem egyeznek meg",
+            "choose_desktop_computer": "A(z) „%(desktopComputer)s” választása",
+            "completing_setup": "Új eszköz beállításának elvégzése",
+            "desktop_computer": "Asztali számítógép",
+            "error_etag_missing": "Váratlan hiba történt. Ennek oka lehet egy böngészőbővítmény, proxykiszolgáló vagy kiszolgáló hibás konfigurációja.",
+            "error_expired": "A bejelentkezés lejárt. Próbálja újra.",
+            "error_expired_title": "A bejelentkezés nem fejeződött be időben",
+            "error_insecure_channel_detected": "Nem sikerült biztonságos kapcsolatot létesíteni az új eszközzel. Meglévő eszközei továbbra is biztonságban vannak, és nem kell aggódnia miattuk.",
+            "error_insecure_channel_detected_instructions": "És most mi lesz?",
+            "error_insecure_channel_detected_instructions_1": "Próbáljon meg újra bejelentkezni a másik eszközre QR-kóddal, ha hálózati probléma lépett fel",
+            "error_insecure_channel_detected_instructions_2": "Ha ugyanezzel a problémával találkozik, próbáljon ki egy másik Wi-Fi-hálózatot, vagy Wi-Fi helyett használja mobiladat-kapcsolatát",
+            "error_insecure_channel_detected_instructions_3": "Ha ez nem működik, akkor jelentkezzen be kézileg",
+            "error_insecure_channel_detected_title": "A kapcsolat nem biztonságos",
+            "error_other_device_already_signed_in": "Semmi mást nem kell tennie.",
+            "error_other_device_already_signed_in_title": "A másik eszköz már be van jelentkezve",
+            "error_rate_limited": "Túl sok próbálkozás rövid időn belül. Várjon egy kicsit, mielőtt újra próbálkozna.",
+            "error_unexpected": "Váratlan hiba történt. A másik eszköz csatlakoztatására vonatkozó kérés megszakadt.",
+            "error_unsupported_protocol": "Ez az eszköz nem támogatja a másik eszközre QR-kóddal való bejelentkezést.",
+            "error_unsupported_protocol_title": "A másik eszköz nem kompatibilis",
+            "error_user_cancelled": "A bejelentkezés megszakadt a másik eszközön.",
+            "error_user_cancelled_title": "Bejelentkezési kérés törölve",
+            "error_user_declined": "Elutasította a másik eszközéről érkező bejelentkezési kérést.",
+            "error_user_declined_title": "A bejelentkezés elutasítva",
+            "follow_remaining_instructions": "Kövesse az utasításokat a másik eszköz összekapcsolásához",
+            "open_element_mobile_device": "Nyissa meg az %(brand)set a mobileszközén",
+            "open_element_other_device": "Nyissa meg a másik eszközön ezt: %(brand)s",
+            "point_the_camera": "Irányítsa a kamerát az itt látható QR-kódra",
+            "ready_to_scan": "Készen áll a beolvasásra",
+            "scan_code_instruction": "Olvassa be a QR-kódot",
+            "scan_code_instruction_reciprocate": "Olvassa be a QR-kódot egy másik eszközzel",
+            "scan_qr_code": "Bejelentkezés QR-kóddal",
+            "security_code_prompt": "A fiókszolgáltatója kérheti a következő kódot a bejelentkezése ellenőrzéséhez.",
+            "security_code_title": "Az Ön ellenőrzőkódja",
+            "select_qr_code": "Válassza a „%(scanQRCode)s” lehetőséget",
+            "select_ready_to_scan": "Válassza a „%(readyToScan)s” lehetőséget, majd olvassa be az itt látható QR-kódot",
+            "start_over": "Újrakezdés",
+            "tap_avatar_link_new_device": "Koppints a profilképére, és válassza az „%(linkNewDevice)s” lehetőséget",
+            "unsupported_explainer": "Fiókszolgáltatója nem támogatja a bejelentkezést egy új eszközre QR-kóddal.",
+            "unsupported_heading": "A QR-kód nem támogatott",
+            "waiting_for_device": "Várakozás a másik eszközre"
+        },
+        "register_action": "Fiók létrehozása",
+        "registration": {
+            "continue_without_email_description": "Csak egy figyelmeztetés, ha nem ad meg e-mail-címet, és elfelejti a jelszavát, akkor <b>véglegesen elveszíti a hozzáférést a fiókjához</b>.",
+            "continue_without_email_field_label": "E-mail-cím (nem kötelező)",
+            "continue_without_email_title": "Folytatás e-mail-cím nélkül"
+        },
+        "registration_disabled": "A regisztráció ki van kapcsolva ezen a Matrix-kiszolgálón.",
+        "registration_msisdn_field_required_invalid": "Telefonszám megadása (ennél a Matrix-kiszolgálónál kötelező)",
+        "registration_successful": "Sikeres regisztráció",
+        "registration_username_in_use": "Valaki már használja ezt a felhasználónevet. Próbáljon ki egy másikat, illetve ha Ön az, akkor jelentkezzen be lent.",
+        "registration_username_unable_check": "A felhasználónév foglaltságának ellenőrzése nem sikerült. Próbálja meg később.",
+        "registration_username_validation": "Csak kisbetűt, számokat, kötőjeleket és aláhúzásokat használj",
+        "reset_password": {
+            "confirm_new_password": "Új jelszó megerősítése",
+            "devices_logout_success": "Minden eszköze eltávolításra került, és többé nem fog leküldéses értesítéseket kapni. Az értesítések újraengedélyezéséhez jelentkezzen be újra minden eszközön.",
+            "other_devices_logout_warning_1": "Az eszközök eltávolításával törlődnek az azokon tárolt üzenettitkosítási kulcsok, így a titkosított csevegési előzmények olvashatatlanok lesznek.",
+            "other_devices_logout_warning_2": "Ha szeretné megtartani a hozzáférést a titkosított szobákban lévő csevegésekhez, állítson be kulcsmentést vagy exportálja a kulcsokat valamelyik eszközéről mielőtt továbblép.",
+            "password_not_entered": "Új jelszót kell megadni.",
+            "passwords_mismatch": "Az új jelszavaknak meg kell egyezniük egymással.",
+            "rate_limit_error": "Rövid idő alatt túl sok próbálkozás. Várjon egy kicsit mielőtt újra próbálkozik.",
+            "rate_limit_error_with_time": "Rövid idő alatt túl sok próbálkozás. Próbálkozzon ennyi idő múlva: %(timeout)s.",
+            "reset_successful": "A jelszava vissza lett állítva.",
+            "return_to_login": "Vissza a bejelentkezési képernyőre",
+            "sign_out_other_devices": "Többi eszköz eltávolítása"
+        },
+        "reset_password_action": "Jelszó visszaállítása",
+        "reset_password_button": "Elfelejtette a jelszavát?",
+        "reset_password_email_field_description": "A felhasználói fiók visszaszerzése e-mail-címmel",
+        "reset_password_email_field_required_invalid": "E-mail-cím megadása (ezen a Matrix-kiszolgálón kötelező)",
+        "reset_password_email_not_associated": "Úgy tűnik, hogy ez az e-mail-cím nincs összekötve Matrix-azonosítóval ezen a Matrix-kiszolgálón.",
+        "reset_password_email_not_found_title": "Az e-mail-cím nem található",
+        "reset_password_title": "Jelszó visszaállítása",
+        "server_picker_custom": "Másik Matrix-kiszolgáló",
+        "server_picker_description": "Használhatja az egyéni kiszolgáló lehetőséget, hogy egy másik Matrix-kiszolgáló címének megadásával jelentkezzen be. Ezzel használhatja az %(brand)s klienst egy már létező Matrix-fiókkal, egy másik Matrix-kiszolgálón.",
+        "server_picker_description_matrix.org": "Csatlakozzon több millió felhasználóhoz ingyen, a legnagyobb nyilvános kiszolgálón",
+        "server_picker_dialog_title": "Döntse el, hol szeretne fiókot létrehozni",
+        "server_picker_explainer": "Használja a választott Matrix-kiszolgálóját, ha van ilyenje, vagy üzemeltessen egy sajátot.",
+        "server_picker_failed_validate_homeserver": "A Matrix-kiszolgálót nem lehet ellenőrizni",
+        "server_picker_intro": "Matrix-kiszolgálóknak nevezzük azokat a helyeket, ahol fiókot lehet létrehozni.",
+        "server_picker_invalid_url": "Érvénytelen webcím",
+        "server_picker_learn_more": "A Matrix-kiszolgálókról",
+        "server_picker_matrix.org": "A matrix.org a legnagyobb nyilvános Matrix-kiszolgáló a világon, és sok felhasználónak megfelelő választás.",
+        "server_picker_required": "Matrix-kiszolgáló megadása",
+        "server_picker_title": "Bejelentkezés a Matrix-kiszolgálójába",
+        "server_picker_title_default": "Kiszolgálóbeállítások",
+        "server_picker_title_registration": "Fiók létrehozása itt:",
+        "session_logged_out_description": "Biztonsági okokból ez a munkamenet el lett távolítva. Jelentkezzen be újra.",
+        "session_logged_out_title": "Munkamenet eltávolítva",
+        "set_email": {
+            "description": "Ez lehetővé teszi, hogy vissza tudja állítani a jelszavát, és értesítéseket fogadjon.",
+            "verification_pending_description": "Nézze meg a levelét és kattintson a benne lévő hivatkozásra. Ha ez megvan, kattintson a folytatásra.",
+            "verification_pending_title": "Ellenőrzés függőben"
+        },
+        "set_email_prompt": "Szeretne beállítani e-mail-címet?",
+        "sign_in_description": "Használja a fiókját a továbblépéshez.",
+        "sign_in_instead": "Bejelentkezés inkább",
+        "sign_in_instead_prompt": "Már van fiókja? <a>Jelentkezzen be itt</a>",
+        "sign_in_manually": "Kézi bejelentkezés",
+        "sign_in_or_register": "Bejelentkezés vagy fiók létrehozása",
+        "sign_in_or_register_description": "A folytatáshoz használja a fiókját, vagy hozzon létre egy újat.",
+        "sign_in_with_qr": "Bejelentkezés QR-kóddal",
+        "sign_in_with_sso": "Bejelentkezés „egyszeri bejelentkezéssel”",
+        "signing_in": "Bejelentkezés…",
+        "soft_logout": {
+            "clear_data_button": "Összes adat törlése",
+            "clear_data_description": "Az adatok törlése ebből a munkamenetből végleges. A titkosított üzenetek elvesznek, hacsak nincsenek mentve a kulcsai.",
+            "clear_data_title": "Törli az összes adatot ebben a munkamenetben?"
+        },
+        "soft_logout_heading": "Kijelentkezett",
+        "soft_logout_intro_password": "Adja meg a jelszavát a belépéshez, hogy visszaszerezze a hozzáférését a fiókjához.",
+        "soft_logout_intro_sso": "Jelentkezzen be, és szerezze vissza a hozzáférését a fiókjához.",
+        "soft_logout_intro_unsupported_auth": "Nem tud bejelentkezni a fiókjába. További információkért vegye fel a kapcsolatot a Matrix-kiszolgáló adminisztrátorával.",
+        "soft_logout_subheading": "Személyes adatok törlése",
+        "soft_logout_warning": "Figyelmeztetés: A személyes adatai (beleértve a titkosító kulcsokat is) továbbra is az eszközön vannak tárolva. Ha az eszközt nem használja tovább vagy másik fiókba szeretne bejelentkezni, törölje őket.",
+        "sso": "Egyszeri bejelentkezés",
+        "sso_complete_in_browser_dialog_title": "A böngészőben fejezze be a bejelentkezést",
+        "sso_failed_missing_storage": "A böngészőt arra kértük, hogy jegyezze meg, melyik Matrix-kiszolgálót használta a bejelentkezéshez, de sajnos a böngészője elfelejtette. Navigáljon a bejelentkezési oldalra, és próbálja újra.",
+        "sso_or_username_password": "%(ssoButtons)s vagy %(usernamePassword)s",
+        "sync_footer_subtitle": "Ha sok szobához csatlakozott, ez eltarthat egy darabig",
+        "syncing": "Szinkronizálás…",
+        "uia": {
+            "code": "Kód",
+            "email": "A fiók elkészítéséhez nyissa meg az e-mailben elküldött hivatkozást, melyet erre a címre küldtünk: %(emailAddress)s.",
+            "email_auth_header": "Ellenőrizze a leveleit a továbblépéshez",
+            "email_resend_prompt": "Nem kapta meg? <a>Újraküldés</a>",
+            "email_resent": "Újraküldve!",
+            "fallback_button": "Hitelesítés indítása",
+            "mas_cross_signing_reset_cta": "Ugrás a fiókjához",
+            "mas_cross_signing_reset_description": "Arra készül, hogy a(z) %(serverName)s kiszolgálón lévő fiókjához menjen, hogy alaphelyzetbe állítsa a digitiális személyazonosságát. Amint befejezte a fiókja alaphelyezbe állítását, térjen vissza, és kattintson az „Újra” gombra.",
+            "mas_cross_signing_reset_title": "Ugorjon a fiókjához a digitális személyazonossága alaphelyzetbe állításához",
+            "msisdn": "Szöveges üzenet küldve ide: %(msisdn)s",
+            "msisdn_token_incorrect": "Helytelen token",
+            "msisdn_token_prompt": "Adja meg a benne lévő kódot:",
+            "password_prompt": "Erősítse meg a személyazonosságát a fiókja jelszavának megadásával.",
+            "recaptcha_missing_params": "A Matrix-kiszolgáló konfigurációjából hiányzik a captcha nyilvános kulcsa. Értesítse erről a Matrix-kiszolgáló adminisztrátorát.",
+            "registration_token_label": "Regisztrációs token",
+            "registration_token_prompt": "Adja meg a regisztrációs tokent, amelyet a Matrix-kiszolgáló adminisztrátora adott meg.",
+            "sso_body": "Erősítse meg az e-mail-cím hozzáadását azáltal, hogy az egyszeri bejelentkezéssel bizonyítja a személyazonosságát.",
+            "sso_failed": "A személyazonosság ellenőrzésénél valami hiba történt. Megszakítás és próbálja újra.",
+            "sso_postauth_body": "A személyazonossága megerősítéséhez kattintson a lenti gombra.",
+            "sso_postauth_title": "Erősítse meg a továbblépéshez",
+            "sso_preauth_body": "A folytatáshoz használja az egyszeri bejelentkezést, hogy megerősítse a személyazonosságát.",
+            "sso_title": "A folytatáshoz használja az egyszeri bejelentkezést (SSO)",
+            "terms": "Nézze át és fogadja el a Matrix-kiszolgáló felhasználási feltételeit:",
+            "terms_invalid": "Nézze át és fogadja el a Matrix-kiszolgáló felhasználási feltételeit"
+        },
+        "unsupported_auth": "Ez a Matrix-kiszolgáló nem biztosít olyan bejelentkezési folyamatot, amelyet a kliens támogatna.",
+        "unsupported_auth_email": "Ez a Matrix-kiszolgáló nem támogatja az e-mail-címmel történő bejelentkezést.",
+        "unsupported_auth_msisdn": "Ez a kiszolgáló nem támogatja a telefonszámmal történő hitelesítést.",
+        "username_field_required_invalid": "Felhasználónév megadása",
+        "username_in_use": "Ez a felhasználónév már foglalt, próbáljon ki másikat.",
+        "verify_email_explainer": "Mielőtt visszaállíthatja a jelszót, tudnunk kell, hogy tényleg az, akinek mondja magát. Kattintson a hivatkozásra az e-mailben, melyet épp most küldtünk ide: <b>%(email)s</b>",
+        "verify_email_heading": "Erősítse meg az e-mailt a továbblépéshez"
+    },
+    "bug_reporting": {
+        "additional_context": "Ha a hiba felderítésében további adatok is segíthetnek, mint az, hogy mit csinált épp, mik a szobák vagy felhasználók azonosítói, stb. Ezeket itt adja meg.",
+        "before_submitting": "Mielőtt elküldi a naplókat, <a>hozzon létre egy jegyet a GitHubon</a>, amelyben leírja a problémáját.",
+        "collecting_information": "Alkalmazás verzióinformációinak összegyűjtése",
+        "collecting_logs": "Naplók összegyűjtése",
+        "create_new_issue": "Hogy megvizsgálhassuk a hibát, <newIssueLink>hozzon létre egy új jegyet</newIssueLink> a GitHubon.",
+        "description": "A hibakeresési naplók alkalmazáshasználati adatokat tartalmaznak, amelyek tartalmazzák a felkeresett szobák azonosítóit vagy álneveit, a legutóbb használt felületi elemeket, valamint a többi felhasználó neveit. A csevegőüzenetek szövegét nem tartalmazza.",
+        "download_logs": "Naplók letöltése",
+        "downloading_logs": "Naplók letöltése folyamatban",
+        "error_empty": "Mondja el nekünk, hogy mi az, ami nem működött, vagy még jobb, ha egy GitHub-jegyben írja le a problémát.",
+        "failed_download_logs": "Nem sikerült letölteni a hibakeresési naplókat: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "A hibajelentését elutasították. A rageshake kiszolgáló nem támogatja ezt az alkalmazást.",
+            "rejected_generic": "A hibajelentését elutasították. A rageshake kiszolgáló egy házirend miatt elutasította a jelentés tartalmát.",
+            "rejected_recovery_key": "A hibajelentést biztonsági okokból elutasították, mivel helyreállítási kulcsot tartalmazott.",
+            "rejected_version": "Hibajelentését elutasították, mivel az Ön által használt verzió túl régi.",
+            "server_unknown_error": "A rageshake kiszolgáló ismeretlen hibát észlelt, és nem tudta kezelni a jelentést.",
+            "unknown_error": "A naplók elküldése sikertelen."
+        },
+        "github_issue": "GitHub-jegy",
+        "introduction": "Ha a GitHubon keresztül küldött be hibajegyet, akkor a hibakeresési naplók segítenek nekünk felderíteni a problémát. ",
+        "log_request": "Segítsen abban, hogy ez később ne fordulhasson elő, <a>küldje el nekünk a naplókat</a>.",
+        "logs_sent": "Naplók elküldve",
+        "matrix_security_issue": "A Matrixszal kapcsolatos biztonsági hibák jelentésével kapcsolatban olvassa el a Matrix.org <a>biztonsági hibák közzétételi házirendjét</a>.",
+        "preparing_download": "Naplók előkészítése a feltöltéshez",
+        "preparing_logs": "Felkészülés a naplók küldéséhez",
+        "send_logs": "Naplók elküldése",
+        "submit_debug_logs": "Hibakeresési naplók elküldése",
+        "textarea_label": "Megjegyzések",
+        "thank_you": "Köszönjük!",
+        "title": "Hibajelentés",
+        "unsupported_browser": "Emlékeztető: A böngészője nem támogatott, így az élmény kiszámíthatatlan lehet.",
+        "uploading_logs": "Naplók feltöltése folyamatban",
+        "waiting_for_server": "Várakozás a kiszolgáló válaszára"
+    },
+    "cannot_invite_without_identity_server": "Matrix-kiszolgáló nélkül nem lehet felhasználókat meghívni e-mailben. Kapcsolódjon egyhez a „Beállítások” alatt.",
+    "cannot_reach_homeserver": "A Matrix-kiszolgáló nem érhető el",
+    "cannot_reach_homeserver_detail": "Győződjön meg arról, hogy stabil az internetkapcsolata, vagy vegye fel a kapcsolatot a kiszolgáló adminisztrátorával",
+    "cant_load_page": "Az oldal nem tölthető be",
+    "chat_card_back_action_label": "Vissza a csevegéshez",
+    "chat_effects": {
+        "confetti_description": "Konfettivel küldi el az üzenetet",
+        "confetti_message": "konfettit küld",
+        "fireworks_description": "Tűzijátékkal küldi el az üzenetet",
+        "fireworks_message": "tűzijátékot küld",
+        "hearts_description": "Szívecskékkel küldi el az üzenetet",
+        "hearts_message": "szívecskéket küld",
+        "rainfall_description": "Esővel küldi el az üzenetet",
+        "rainfall_message": "esőt küld",
+        "snowfall_description": "Hóeséssel küldi el az üzenetet",
+        "snowfall_message": "hóesést küld",
+        "spaceinvaders_description": "Világűrös effekttel küldi el az üzenetet",
+        "spaceinvaders_message": "space invaders küldése"
+    },
+    "common": {
+        "access_token": "Hozzáférési kulcs",
+        "accessibility": "Akadálymentesség",
+        "advanced": "Speciális",
+        "all_chats": "Összes csevegés",
+        "analytics": "Analitika",
+        "and_n_others": {
+            "és még: %(count)s ...": "other",
+            "és még egy...": "one"
+        },
+        "appearance": "Megjelenítés",
+        "application": "Alkalmazás",
+        "are_you_sure": "Biztos?",
+        "attachment": "Melléklet",
+        "authentication": "Hitelesítés",
+        "avatar": "Profilkép",
+        "beta": "Béta",
+        "camera": "Kamera",
+        "cameras": "Kamerák",
+        "cancel": "Mégse",
+        "capabilities": "Képességek",
+        "copied": "Másolva!",
+        "credits": "Közreműködők",
+        "dark": "Sötét",
+        "description": "Leírás",
+        "deselect_all": "Kijelölés megszüntetése",
+        "device": "Eszköz",
+        "disabled_by_homeserver": "A Matrix-kiszolgáló letiltotta",
+        "edited": "szerkesztve",
+        "email_address": "E-mail-cím",
+        "emoji": "Emodzsi",
+        "encrypted": "Titkosítva",
+        "error": "Hiba",
+        "faq": "GYIK",
+        "feedback": "Visszajelzés",
+        "filter_results": "Találatok szűrése",
+        "forward_message": "Üzenet továbbítása",
+        "general": "Általános",
+        "go_to_settings": "Ugrás a Beállításokhoz",
+        "guest": "Vendég",
+        "help": "Súgó",
+        "home": "Kezdőlap",
+        "homeserver": "Matrix-kiszolgáló",
+        "identity_server": "Azonosítási kiszolgáló",
+        "image": "Kép",
+        "integration_manager": "Integrációkezelő",
+        "joined": "Csatlakozva",
+        "labs": "Labor",
+        "legal": "Jogi feltételek",
+        "light": "Világos",
+        "loading": "Betöltés…",
+        "location": "Földrajzi helyzet",
+        "matrix": "Matrix",
+        "message": "Üzenet",
+        "message_layout": "Üzenet elrendezése",
+        "message_timestamp_invalid": "Érvénytelen időbélyeg",
+        "microphone": "Mikrofon",
+        "moderation_and_safety": "Moderálás és biztonság",
+        "modern": "Modern",
+        "mute": "Némítás",
+        "n_members": {
+            "%(count)s tag": "other"
+        },
+        "n_rooms": {
+            "%(count)s szoba": "other"
+        },
+        "name": "Név",
+        "no_results": "Nincs találat",
+        "no_results_found": "Nincs találat",
+        "not_trusted": "Megbízhatatlan",
+        "off": "Ki",
+        "offline": "Nem érhető el",
+        "on": "Be",
+        "options": "Lehetőségek",
+        "orphan_rooms": "További szobák",
+        "password": "Jelszó",
+        "people": "Emberek",
+        "preferences": "Beállítások",
+        "presence": "Állapot",
+        "preview_message": "Szia! Te vagy a legjobb!",
+        "privacy": "Adatvédelem",
+        "private": "Privát",
+        "private_room": "Privát szoba",
+        "private_space": "Privát tér",
+        "profile": "Profil",
+        "public": "Nyilvános",
+        "public_room": "Nyilvános szoba",
+        "public_space": "Nyilvános tér",
+        "qr_code": "QR-kód",
+        "random": "Véletlen",
+        "reactions": "Reakciók",
+        "recommended": "Ajánlott",
+        "report_a_bug": "Hibajegy feladása",
+        "room": "Szoba",
+        "room_name": "Szoba neve",
+        "rooms": "Szobák",
+        "save": "Mentés",
+        "saved": "Mentve",
+        "saving": "Mentés…",
+        "secure_backup": "Biztonsági mentés",
+        "select_all": "Összes kijelölése",
+        "server": "Kiszolgáló",
+        "settings": "Beállítások",
+        "setup_secure_messages": "Biztonságos üzenetek beállítása",
+        "show_more": "Több megjelenítése",
+        "someone": "Valaki",
+        "space": "Tér",
+        "spaces": "Terek",
+        "state_encryption_enabled": "Kísérleti állapottitkosítás engedélyezve",
+        "sticker": "Matrica",
+        "stickerpack": "Matricacsomag",
+        "success": "Sikeres",
+        "suggestions": "Javaslatok",
+        "support": "Támogatás",
+        "theme": "Téma",
+        "thread": "Üzenetszál",
+        "threads": "Üzenetszálak",
+        "timeline": "Idővonal",
+        "unavailable": "nem érhető el",
+        "unencrypted": "Titkosítatlan",
+        "unmute": "Némítás visszavonása",
+        "unnamed_room": "Névtelen szoba",
+        "unnamed_space": "Névtelen tér",
+        "unverified": "Ellenőrizetlen",
+        "updating": "Frissítés…",
+        "user": "Felhasználó",
+        "user_avatar": "Profilkép",
+        "username": "Felhasználói név",
+        "verified": "Ellenőrizve",
+        "version": "Verzió",
+        "video_room": "Videószoba",
+        "view_message": "Üzenet megjelenítése",
+        "warning": "Figyelmeztetés"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Az egész szoba értesítése",
+            "command_a11y": "Parancsok automatikus kiegészítése",
+            "command_description": "Parancsok",
+            "emoji_a11y": "Emodzsik automatikus kiegészítése",
+            "notification_a11y": "Értesítések automatikus kiegészítése",
+            "notification_description": "Szobaértesítés",
+            "room_a11y": "Szobák automatikus kiegészítése",
+            "space_a11y": "Terek automatikus kiegészítése",
+            "user_a11y": "Felhasználók automatikus kiegészítése",
+            "user_description": "Felhasználók"
+        },
+        "close_sticker_picker": "Matricák elrejtése",
+        "edit_composer_label": "Üzenet szerkesztése",
+        "format_bold": "Félkövér",
+        "format_code_block": "Kódblokk",
+        "format_decrease_indent": "Behúzás csökkentése",
+        "format_increase_indent": "Behúzás növelése",
+        "format_inline_code": "Kód",
+        "format_insert_link": "Hivatkozás beillesztése",
+        "format_italic": "Dőlt",
+        "format_italics": "Dőlt",
+        "format_link": "Hivatkozás",
+        "format_ordered_list": "Számozott lista",
+        "format_strikethrough": "Áthúzott",
+        "format_underline": "Aláhúzott",
+        "format_unordered_list": "Lista",
+        "formatting_toolbar_label": "Formázás",
+        "link_modal": {
+            "link_field_label": "Hivatkozás",
+            "text_field_label": "Szöveg",
+            "title_create": "Hivatkozás készítése",
+            "title_edit": "Hivatkozás szerkesztése"
+        },
+        "mode_plain": "Formázás elrejtése",
+        "mode_rich_text": "Formázás megjelenítése",
+        "no_perms_notice": "Nincs joga üzenetet küldeni ebbe a szobába",
+        "placeholder": "Titkosítatlan üzenet küldése…",
+        "placeholder_encrypted": "Üzenet küldése…",
+        "placeholder_reply": "Titkosítatlan válasz küldése…",
+        "placeholder_reply_encrypted": "Válasz küldése…",
+        "placeholder_thread": "Válasz titkosítatlan üzenetszálra…",
+        "placeholder_thread_encrypted": "Válasz az üzenetszálra…",
+        "poll_button": "Szavazás",
+        "poll_button_no_perms_description": "Nincs joga szavazást kezdeményezni ebben a szobában.",
+        "poll_button_no_perms_title": "Jogosultság szükséges",
+        "replying_title": "Válasz",
+        "room_unencrypted": "A szobában lévő üzenetek nincsenek végponttól végpontig titkosítva",
+        "room_upgraded_link": "A beszélgetés itt folytatódik.",
+        "room_upgraded_notice": "Ezt a szobát lecseréltük és nem aktív többé.",
+        "send_button_title": "Üzenet küldése",
+        "send_button_voice_message": "Hangüzenet küldése",
+        "send_voice_message": "Hangüzenet küldése",
+        "stop_voice_message": "Felvétel leállítása",
+        "voice_message_button": "Hangüzenet"
+    },
+    "console_dev_note": "Ha tudja mit csinál, az Element nyílt forráskódú szoftver, nézze meg a GitHubon (https://github.com/vector-im/element-web/) és működjön közre!",
+    "console_scam_warning": "Ha valaki azt kéri hogy másoljon/illesszen be itt valamit, nagy esély van rá hogy valaki becsapja!",
+    "console_wait": "Várjon!",
+    "create_room": {
+        "action_create_room": "Szoba létrehozása",
+        "action_create_video_room": "Videószoba létrehozása",
+        "encrypted_video_room_warning": "Ezt később nem lehet kikapcsolni. A szoba titkosítva lesz, de a beágyazott hívás nem.",
+        "encrypted_warning": "Ezt később nem lehet kikapcsolni. A hidak és a legtöbb bot egyelőre nem fog működni.",
+        "encryption_forced": "A kiszolgálója megköveteli, hogy a titkosítás be legyen kapcsolva a privát szobákban.",
+        "encryption_label": "Végpontok közti titkosítás engedélyezése",
+        "error_title": "A szoba létrehozása sikertelen",
+        "generic_error": "A kiszolgáló elérhetetlen, túlterhelt vagy hibára futott.",
+        "join_rule_change_notice": "A szoba beállításaiban ezt bármikor megváltoztathatja.",
+        "join_rule_invite": "Privát szoba (csak meghívóval)",
+        "join_rule_invite_label": "Csak a meghívott emberek fogják megtalálni és tudnak belépni a szobába.",
+        "join_rule_knock_label": "Bárki kérheti a belépést, de az adminisztrátoroknak vagy moderátoroknak kell engedélyezniük. Ezt később megváltoztathatja.",
+        "join_rule_public_label": "Bárki megtalálhatja és beléphet ebbe a szobába.",
+        "join_rule_public_parent_space_label": "Bárki megtalálhatja és beléphet a szobába, nem csak <SpaceName/> tér tagsága.",
+        "join_rule_restricted": "Szokásos",
+        "join_rule_restricted_label": "A(z) <SpaceName/> térből bárki beléphet.",
+        "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",
+        "topic_label": "Téma (nem kötelező)",
+        "unfederated": "A szobába ne léphessenek be azok, akik nem ezen a kiszolgálón vannak: %(serverName)s.",
+        "unfederated_label_default_off": "Beállíthatja, ha a szobát csak a belső csapatok használhassák a Matrix-kiszolgálóján. Ezt később nem lehet megváltoztatni.",
+        "unfederated_label_default_on": "Ne engedélyezze ezt, ha a szobát külső csapat is használja másik Matrix-kiszolgálóról. Ezt később nem lehet megváltoztatni.",
+        "unsupported_version": "A kiszolgáló nem támogatja a megadott szobaverziót."
+    },
+    "create_section_dialog": {
+        "create_section": "Szakasz létrehozása",
+        "description": "A szakaszok csak Önnek szólnak",
+        "label": "Szakasz neve",
+        "title": "Szakasz létrehozása",
+        "title_edition": "Szakasz szerkesztése"
+    },
+    "create_space": {
+        "add_details_prompt": "Adjon hozzá néhány részletet, hogy könnyebben felismerhető legyen.",
+        "add_details_prompt_2": "Ezeket bármikor megváltoztathatja.",
+        "add_existing_rooms_description": "Válassz szobákat vagy beszélgetéseket amit hozzáadhat. Ez csak az ön tere, senki nem lesz értesítve. Továbbiakat később is hozzáadhat.",
+        "add_existing_rooms_heading": "Mit szeretne megszervezni?",
+        "address_label": "Cím",
+        "address_placeholder": "például sajat-ter",
+        "creating": "Létrehozás…",
+        "creating_rooms": "Szobák létrehozása…",
+        "done_action": "Ugrás a saját teréhez",
+        "done_action_first_room": "Ugrás az első szobájához",
+        "explainer": "A terek a szobák és emberek csoportosításának egy módja. Milyen teret szeretne létrehozni?",
+        "failed_create_initial_rooms": "Térhez tartozó kezdő szobákat nem sikerült elkészíteni",
+        "failed_invite_users": "Az alábbi felhasználókat nem sikerült meghívni a térbe: %(csvUsers)s",
+        "invite_teammates_by_username": "Meghívás felhasználónévvel",
+        "invite_teammates_description": "Ellenőrizze, hogy a megfelelő személyeknek van hozzáférése. Később meghívhat másokat is.",
+        "invite_teammates_heading": "Csoporttársak meghívása",
+        "inviting_users": "Meghívás…",
+        "label": "Tér létrehozása",
+        "name_required": "Adjon meg egy nevet a térhez",
+        "personal_space": "Csak én",
+        "personal_space_description": "Privát tér a szobái csoportosításához",
+        "private_description": "Csak meghívóval, személyes beszélgetéshez vagy a csapatok számára",
+        "private_heading": "Saját privát tér",
+        "private_only_heading": "Saját tér",
+        "private_personal_description": "Ellenőrizze, hogy a megfelelő személyeknek hozzáférése van ehhez: %(name)s",
+        "private_personal_heading": "Kivel dolgozik együtt?",
+        "private_space": "Én és a csoporttársaim",
+        "private_space_description": "Privát tér önnek és a csoporttársainak",
+        "public_description": "Bárki csatlakozhat, a közösségek számára a legjobb",
+        "public_heading": "Saját nyilvános tér",
+        "search_public_button": "Nyilvános terek keresése",
+        "setup_rooms_community_description": "Kezdésként hozzunk létre néhány szobát.",
+        "setup_rooms_community_heading": "Mik azok amikről beszélni szeretne itt: %(spaceName)s?",
+        "setup_rooms_description": "Később további szobákat is hozzáadhat a térhez, beleértve a meglévő szobákat is.",
+        "setup_rooms_private_description": "Kezdésként hozzunk létre néhány szobát.",
+        "setup_rooms_private_heading": "Milyen projekteken dolgozik a csoportja?",
+        "share_description": "Egyenlőre csak ön, még jobb lehet másokkal együtt.",
+        "share_heading": "Megosztás: %(name)s",
+        "skip_action": "Kihagyás egyelőre",
+        "subspace_adding": "Hozzáadás…",
+        "subspace_beta_notice": "Tér hozzáadása az Ön által kezelt térhez.",
+        "subspace_dropdown_title": "Tér létrehozása",
+        "subspace_existing_space_prompt": "Inkább meglévő teret adna hozzá?",
+        "subspace_join_rule_invite_description": "Csak a meghívott emberek fogják megtalálni és tudnak belépni erre a térre.",
+        "subspace_join_rule_invite_only": "Privát tér (csak meghívóval)",
+        "subspace_join_rule_label": "Tér láthatósága",
+        "subspace_join_rule_public_description": "Bárki megtalálhatja és beléphet a térbe, nem csak a(z) <SpaceName/> tér tagsága.",
+        "subspace_join_rule_restricted_description": "A(z) <SpaceName/> térből bárki beléphet."
+    },
+    "credits": {
+        "default_cover_photo": "Az <photo>alapértelmezett borítóképre</photo> a következő vonatkozik: © <author>Jesús Roncero</author>, a <terms>CC BY-SA 4.0</terms> licenc feltételei szerint használva.",
+        "twemoji": "A <twemoji>Twemoji</twemoji> emodzsikra a következő vonatkozik: © <author>Twitter, Inc. és egyéb közreműködők</author>, a <terms>CC-BY 4.0</terms> licenc feltételei szerint használva.",
+        "twemoji_colr": "A <colr>twemoji-colr</colr> betűkészletre a következő vonatkozik: © <author>Mozilla Foundation</author>, az <terms>Apache 2.0</terms> licenc feltételei szerint használva."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Biztos, hogy elutasítja a(z) „%(roomName)s” szobába való meghívást?",
+        "ignore_user_help": "Ettől a felhasználótól nem fog többé üzeneteket vagy meghívásokat látni.",
+        "reason_description": "Írja le a szoba jelentésének okát.",
+        "report_room_description": "A szoba jelentése a fiókszolgáltatójának.",
+        "title": "Meghívás elutasítása"
+    },
+    "desktop_default_device_name": "Asztali %(brand)s: (%(platformName)s)",
+    "devtools": {
+        "active_widgets": "Aktív kisalkalmazások",
+        "category_other": "Egyéb",
+        "category_room": "Szoba",
+        "caution_colon": "Figyelmeztetés:",
+        "checking_sticky_events_support": "Kiemelt események támogatásának ellenőrzése…",
+        "client_versions": "Kliensverziók",
+        "crypto": {
+            "4s_public_key_in_account_data": "a fiókadatokban",
+            "4s_public_key_not_in_account_data": "nem található",
+            "4s_public_key_status": "Titkos tároló nyilvános kulcsa:",
+            "backup_key_cached": "helyileg gyorsítótárazva",
+            "backup_key_cached_status": "Biztonsági kulcs gyorsítótárazva:",
+            "backup_key_not_stored": "nincs tárolva",
+            "backup_key_stored": "titkos tárolóban",
+            "backup_key_stored_status": "Biztonsági kulcs tárolva:",
+            "backup_key_unexpected_type": "váratlan típus",
+            "backup_key_well_formed": "helyesen formázott",
+            "cross_signing": "Eszközök közti hitelesítés",
+            "cross_signing_cached": "helyileg gyorsítótárazva",
+            "cross_signing_not_ready": "Az eszközök közti hitelesítés nincs beállítva.",
+            "cross_signing_private_keys_in_storage": "a biztonsági tárolóban",
+            "cross_signing_private_keys_in_storage_status": "Az eszközök közti hitelesítés titkos kulcsai:",
+            "cross_signing_private_keys_not_in_storage": "nem találhatók a tárolóban",
+            "cross_signing_public_keys_on_device": "a memóriában",
+            "cross_signing_public_keys_on_device_status": "Az eszközök közti hitelesítés nyilvános kulcsai:",
+            "cross_signing_ready": "Az eszközök közti hitelesítés használatra kész.",
+            "cross_signing_status": "Eszközök közti hitelesítés állapota:",
+            "cross_signing_untrusted": "A fiókjához tartozik egy digitális személyazonosság a titkos tárolóban, de ez a munkamenet még nem lett megbízhatónak jelölve.",
+            "crypto_not_available": "A kriptográfiai modul nem érhető el",
+            "device_id": "Eszközazonosító",
+            "key_backup_active_version": "Aktív biztonsági mentés verziója:",
+            "key_backup_active_version_none": "Nincs",
+            "key_backup_inactive_warning": "A kulcsokról nem készül biztonsági mentés ebből a munkamenetből.",
+            "key_backup_latest_version": "A legújabb biztonsági mentés verziója a kiszolgálón:",
+            "key_storage": "Kulcstároló",
+            "master_private_key_cached_status": "Elsődleges titkos kulcs:",
+            "not_found": "nem található",
+            "not_found_locally": "helyben nem található",
+            "secret_storage_not_ready": "nincs kész",
+            "secret_storage_ready": "kész",
+            "secret_storage_status": "Titkos tároló:",
+            "self_signing_private_key_cached_status": "Önaláíró titkos kulcs:",
+            "session": "Munkamenet",
+            "session_fingerprint": "Ujjlenyomat (munkamenetkulcs)",
+            "title": "Végpontok közti titkosítás",
+            "user_signing_private_key_cached_status": "Felhasználó aláírási titkos kulcsa:"
+        },
+        "developer_mode": "Fejlesztői mód",
+        "developer_tools": "Fejlesztői eszközök",
+        "device_dehydrated_no": "Dehidratált: Nem",
+        "device_dehydrated_yes": "Dehidratált: Igen",
+        "device_id": "Eszközazonosító:%(deviceId)s",
+        "device_keys": "Eszközkulcsok",
+        "device_verification_status": {
+            "signed_by_owner": "Ellenőrzés állapota: <E2EIcon /> Tulajdonos által aláírt",
+            "unknown": "Ellenőrzés állapota: Ismeretlen",
+            "unverified": "Ellenőrzés állapota: <E2EIcon /> A tulajdonos nem írta alá",
+            "verified": "Ellenőrzés állapota: <E2EIcon /> Keresztaláírással ellenőrizve"
+        },
+        "devices": "Kriptográfiai eszközök (%(count)s)",
+        "edit_setting": "Beállítások szerkesztése",
+        "edit_values": "Értékek szerkesztése",
+        "empty_string": "<üres karakterek>",
+        "error_sticky_duration_must_be_a_number": "A stickyDuration értékének számnak kell lennie",
+        "error_sticky_duration_out_of_range": "A stickyDuration értékének 0 és 36000 ezredmásodperc (1 óra) között kell lennie.",
+        "event_content": "Esemény tartalma",
+        "event_id": "Eseményazonosító: %(eventId)s",
+        "event_sent": "Az esemény elküldve!",
+        "event_type": "Esemény típusa",
+        "expired": "Lejárt",
+        "expires_in": "Lejár:",
+        "explore_account_data": "Fiókadatok felderítése",
+        "explore_room_account_data": "Szoba fiókadatainak felderítése",
+        "explore_room_state": "Szobaállapot felderítése",
+        "explore_sticky_state": "Kiemelt események felderítése",
+        "failed_to_find_widget": "Hiba történt a kisalkalmazás keresése során.",
+        "failed_to_load": "A betöltés sikertelen.",
+        "failed_to_save": "A beállítások elmentése sikertelen.",
+        "failed_to_send": "Az eseményt nem sikerült elküldeni!",
+        "id": "Azonosító: ",
+        "invalid_device_key_id": "Érvénytelen eszközkulcs-azonosító",
+        "invalid_json": "Nem tűnik érvényes JSON szövegnek.",
+        "level": "Szint",
+        "low_bandwidth_mode": "A nagy sávszélességet igénylő funkciók letiltása",
+        "low_bandwidth_mode_description": "Kikapcsolja a titkosítást, a jelenléti jelzéseket, a profilképeket, az olvasási visszajelzéseket és a gépelési értesítéseket.",
+        "main_timeline": "Fő idővonal",
+        "manual_device_verification": "Kézi eszközellenőrzés",
+        "no_receipt_found": "Nincs visszajelzés",
+        "no_sticky_events": "Ebben a szobában nincs kiemelt esemény.",
+        "notification_state": "Értesítés állapota: <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Értesítések hibakeresése",
+        "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>",
+        "room_notifications_dot": "Pont: ",
+        "room_notifications_highlight": "Kiemelt: ",
+        "room_notifications_last_event": "Utolsó esemény:",
+        "room_notifications_sender": "Küldő: ",
+        "room_notifications_thread_id": "Üzenetszál-azonosító: ",
+        "room_notifications_total": "Összesen: ",
+        "room_notifications_type": "Típus: ",
+        "room_status": "Szoba állapota",
+        "room_unread_status_count": {
+            "Szoba állapota: <strong>%(status)s</strong>, darabszám: <strong>%(count)s</strong>": "other"
+        },
+        "save_setting_values": "Beállított értékek mentése",
+        "see_history": "Előzmények megtekintése",
+        "send_custom_account_data_event": "Egyéni fiókadat-esemény küldése",
+        "send_custom_room_account_data_event": "Egyéni szobafiókadat-esemény küldése",
+        "send_custom_state_event": "Egyéni állapotesemény küldése",
+        "send_custom_sticky_event": "Egyéni kiemelt esemény küldése",
+        "send_custom_timeline_event": "Egyéni idővonal-esemény küldése",
+        "server_info": "Kiszolgálóinformációk",
+        "server_versions": "Kiszolgálóverziók",
+        "settable_global": "Általánosan beállítható",
+        "settable_room": "Szobára beállítható",
+        "setting_colon": "Beállítás:",
+        "setting_definition": "Beállítás leírása:",
+        "setting_id": "Beállításazonosító",
+        "settings": {
+            "elementCallUrl": "Element Call webcím"
+        },
+        "settings_explorer": "Beállításböngésző",
+        "show_empty_content_events": "Üres tartalmú események megjelenítése",
+        "show_hidden_events": "Rejtett események megjelenítése az idővonalon",
+        "spaces": {
+            "<%(count)s szóköz>": "other",
+            "<szóköz>": "one"
+        },
+        "state_key": "Állapotkulcs",
+        "sticky_duration": "Kiemelés időtartama",
+        "sticky_events_not_supported": "A Matrix-kiszolgáló egyelőre nem támogatja a kiemelt eseményeket.",
+        "sticky_key": "Kiemelés gomb",
+        "thread_root_id": "Üzenetszál gyökérazonosítója: %(threadRootId)s",
+        "threads_timeline": "Üzenetszálak idővonala",
+        "title": "Fejlesztői eszközök",
+        "toolbox": "Eszköztár",
+        "use_at_own_risk": "Ez a felület nem ellenőrzi az érték típusát. Csak saját felelősségére használja.",
+        "user_avatar": "Profilkép: %(avatar)s",
+        "user_displayname": "Megjelenített név: %(displayname)s",
+        "user_id": "Felhasználói azonosító: %(userId)s",
+        "user_identity": "Kriptográfiai személyazonosság",
+        "user_identity_unknown": "Ismeretlen",
+        "user_no_avatar": "Profilkép: <i>Nincs</i>",
+        "user_no_displayname": "Megjelenített név: <i>Nincs</i>",
+        "user_read_up_to": "A felhasználó eddig olvasta el: ",
+        "user_read_up_to_ignore_synthetic": "A felhasználó eddig olvasott felfelé (ignoreSynthetic): ",
+        "user_read_up_to_private": "A felhasználó eddig olvasott felfelé (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "A felhasználó eddig olvasott felfelé (m.read.private;ignoreSynthetic): ",
+        "user_room_membership": "Tagság: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Ellenőrzés állapota: <E2EIcon /> Nincs ellenőrizve, és a digitális személyazonosság megváltozott",
+            "unverified": "Ellenőrzés állapota: <E2EIcon /> Nem ellenőrzött",
+            "verified": "Ellenőrzés állapota: <E2EIcon /> Ellenőrzött",
+            "was_verified": "Ellenőrzési állapot: <E2EIcon /> Ellenőrizve, de a digitális személyazonosság megváltozott"
+        },
+        "users": "Felhasználók",
+        "value": "Érték",
+        "value_colon": "Érték:",
+        "value_in_this_room": "Érték ebben a szobában",
+        "value_this_room_colon": "Érték ebben a szobában:",
+        "values_explicit": "Egyéni szinthez tartozó értékek",
+        "values_explicit_colon": "Egyéni szinthez tartozó értékek:",
+        "values_explicit_room": "Egyéni szinthez tartozó értékek ebben a szobában",
+        "values_explicit_this_room_colon": "Egyéni szinthez tartozó értékek ebben a szobában:",
+        "view_servers_in_room": "Kiszolgálók megjelenítése a szobában",
+        "view_source_decrypted_event_source": "Visszafejtett esemény forráskódja",
+        "view_source_decrypted_event_source_unavailable": "A visszafejtett forráskód nem érhető el",
+        "widget_screenshots": "Kisalkalmazások képernyőképének engedélyezése a támogatott kisalkalmazásoknál"
+    },
+    "dialog_close_label": "Ablak bezárása",
+    "download_completed": "A letöltés befejeződött",
+    "empty_room": "Üres szoba",
+    "empty_room_was_name": "Üres szoba (%(oldName)s volt)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Ha van biztonsági kulcsa vagy biztonsági jelmondata, akkor ez is fog működni.",
+            "key_validation_text": {
+                "wrong_security_key": "A megadott helyreállítási kulcs helytelen."
+            },
+            "privacy_warning": "Győződjön meg arról, hogy senki sem látja ezt a képernyőt!",
+            "restoring": "Kulcsok helyreállítása mentésből",
+            "security_key_label": "Helyreállítási kulcs",
+            "security_key_title": "Adja meg a helyreállítási kulcsát"
+        },
+        "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",
+        "cross_signing_user_normal": "Még nem ellenőrizte ezt a felhasználót.",
+        "cross_signing_user_verified": "Ellenőrizte ezt a felhasználót. Ez a felhasználó ellenőrizte az összes munkamenetét.",
+        "cross_signing_user_warning": "Ez a felhasználó még nem ellenőrizte az összes munkamenetét.",
+        "enter_recovery_key": "Adja meg a helyreállítási kulcsot",
+        "event_shield_reason_authenticity_not_guaranteed": "A titkosított üzenetek valódiságát ezen az eszközön nem lehet garantálni.",
+        "event_shield_reason_mismatched_sender": "Az esemény feladója nem egyezik meg az eseményt küldő eszköz tulajdonosával.",
+        "event_shield_reason_mismatched_sender_key": "Ellenőrizetlen munkamenet által titkosítva",
+        "event_shield_reason_unknown_device": "Ismeretlen vagy törölt eszköz által titkosítva.",
+        "event_shield_reason_unsigned_device": "A tulajdonos által nem ellenőrzött eszköz által titkosítva.",
+        "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 csevegéselőzményekhez való hozzáférés biztosítása érdekében alaphelyzetbe kell állítania a digitális 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.",
+        "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:",
+            "cause_3": "Az Ön vagy más felhasználók internetkapcsolata",
+            "cause_4": "Az Ön vagy más felhasználók munkamenete",
+            "heading": "A következők egyike kompromittálva lehet:",
+            "title": "Az üzenetei nincsenek biztonságban"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "A biztonságos üzenetekhez új biztonsági jelmondat és kulcs lett észlelve.",
+            "description_2": "Ez a munkamenet az új helyreállítási móddal titkosítja a régi üzeneteket.",
+            "title": "Új helyreállítási mód",
+            "warning": "Ha nem Ön állította be az új helyreállítási módot, akkor lehet, hogy egy támadó próbálja elérni a fiókját. Változtassa meg a fiókja jelszavát, és amint csak lehet, állítsa be az új helyreállítási módot a Beállításokban."
+        },
+        "pinned_identity_changed": "Úgy tűnik, hogy %(displayName)s (<b>%(userId)s</b>) digitális személyazonossága alaphelyzetbe lett állítva. <a>További információ</a>",
+        "pinned_identity_changed_no_displayname": "<b>%(userId)s</b> digitális személyazonossága alaphelyzetbe lett állítva. <a>További információ</a>",
+        "recovery_method_removed": {
+            "description_1": "Ez a munkamenet azt észlelte, hogy a biztonságos üzenetek biztonsági jelmondata és kulcsa törölve lett.",
+            "description_2": "Ha véletlenül tette, akkor beállíthatja a biztonságos üzeneteket ebben a munkamenetben, ami újra titkosítja a régi üzeneteket a helyreállítási móddal.",
+            "title": "Helyreállítási mód eltávolítva",
+            "warning": "Ha nem Ön távolított el a helyreállítási módot, akkor lehet, hogy egy támadó hozzá akar férni a fiókjához. Azonnal változtassa meg a jelszavát, és állítson be egy helyreállítási módot a Beállításokban."
+        },
+        "set_up_recovery": "Csevegések biztonsági mentése",
+        "set_up_recovery_toast_description": "A csevegései automatikusan mentve vannak, végpontok közti titkosítással Ahhoz, hogy az eszközei elvesztése esetén helyre tudja állítani a biztonsági mentést és megtartsa a digitális személyazonosságát, egy helyreállítási kulcsra van szüksége.",
+        "set_up_toast_title": "Biztonsági mentés beállítása",
+        "turn_on_key_storage": "A kulcstárolás bekapcsolása",
+        "turn_on_key_storage_description": "Ez lehetővé teszi az üzenetelőzmények megtekintését bármely új eszközön, és szükséges a csevegések és a digitális személyazonossága biztonsági mentéséhez.",
+        "unable_to_setup_keys_error": "Nem sikerült a kulcsok beállítása",
+        "verification": {
+            "accepting": "Elfogadás…",
+            "after_new_login": {
+                "device_verified": "Eszköz ellenőrizve",
+                "skip_verification": "Ellenőrzés kihagyása most",
+                "verify_this_device": "Az eszköz ellenőrzése"
+            },
+            "cancelled_verification": "Vagy időtúllépés történt a kérésnél, vagy elutasították a kérést, vagy ellenőrzési történt hiba.",
+            "cancelling": "Megszakítás…",
+            "cant_confirm": "Nem tudja megerősíteni?",
+            "complete_action": "Megértettem",
+            "complete_description": "Sikeresen ellenőrizte ezt a felhasználót.",
+            "complete_title": "Ellenőrizve!",
+            "confirm_identity_description": "A biztonságos üzenetkezelés beállításához ellenőrizze ezt az eszközt.",
+            "confirm_identity_title": "Erősítse meg digitális személyazonosságát",
+            "confirm_the_emojis": "Erősítse meg, hogy a lenti emodzsik megegyeznek a másik eszközön megjelenítettekkel.",
+            "error_starting_description": "A beszélgetést a másik felhasználóval nem lehetett elindítani.",
+            "error_starting_title": "Hiba az ellenőrzés indításakor",
+            "explainer": "Az ezzel felhasználóval váltott biztonságos üzenetek végpontok közti titkosítással védettek, és azt harmadik fél nem tudja elolvasni.",
+            "in_person": "A biztonság érdekében ezt végezze el személyesen, vagy használjon megbízható kommunikációs csatornát.",
+            "incoming_sas_device_dialog_text_1": "Eszköz ellenőrzése és beállítás megbízhatóként. Az eszközben való megbízás megnyugtató lehet, ha végpontok közti titkosítást használ.",
+            "incoming_sas_device_dialog_text_2": "Az eszköz ellenőrzése megbízhatónak fogja jelezni az eszközt és azok a felhasználók, akik ellenőrizték, megbíznak majd ebben az eszközében.",
+            "incoming_sas_dialog_title": "Bejövő ellenőrzési kérés",
+            "incoming_sas_dialog_waiting": "Várakozás a partner megerősítésére…",
+            "incoming_sas_user_dialog_text_1": "Ellenőrizze ezt a felhasználót, hogy megbízhatónak jelölje. A felhasználók megbízhatóságának megerősítése további biztonságot nyújt a végpontok közti titkosítással rendelkező üzenetek használatakor.",
+            "incoming_sas_user_dialog_text_2": "A felhasználó ellenőrzése megbízhatónak jelöli az ő munkamenetét, és az Ön munkamenetét is megbízhatónak lesz jelölve nála.",
+            "manual": {
+                "already_verified": "Ez az eszköz már ellenőrzött",
+                "already_verified_and_wrong_fingerprint": "A megadott ujjlenyomat nem egyezik, de az eszköz már ellenőrizve van!",
+                "device_id": "Eszközazonosító",
+                "failure_description": "Nem sikerült ellenőrizni ezt: %(deviceId)s: %(error)s",
+                "failure_title": "Az ellenőrzés sikertelen",
+                "fingerprint": "Ujjlenyomat (munkamenetkulcs)",
+                "no_crypto": "Nem lehet ellenőrizni az eszközt – a titkosítás nincs engedélyezve",
+                "no_device": "Nem sikerült ellenőrizni az eszközt – a(z) „%(deviceId)s” eszköz nem található",
+                "no_userid": "Nem sikerült ellenőrizni az eszközt – nem található a felhasználói azonosító",
+                "success_description": "Az eszköz (%(deviceId)s) mostantól keresztaláírással rendelkezik.",
+                "success_title": "Az ellenőrzés sikeres",
+                "text": "Adja meg valamelyik saját eszköze azonosítóját és ujjlenyomatát annak ellenőrzéséhez. MEGJEGYZÉS: ez lehetővé teszi a másik eszköz számára, hogy az Ön nevében küldjön és fogadjon üzeneteket. HA VALAKI AZT MONDTA, HOGY ILLESSZEN BE IDE VALAMIT, VALÓSZÍNŰLEG ÁTVERIK!",
+                "wrong_fingerprint": "Nem sikerült ellenőrizni a(z) „%(deviceId)s” eszközt – a mellékelt „%(fingerprint)s” ujjlenyomat nem egyezik az eszköz ujjlenyomatával: „%(fprint)s”"
+            },
+            "no_support_qr_emoji": "Az ellenőrizni kívánt eszköz nem támogatja sem a QR-kód leolvasását, sem az emodzsis ellenőrzést, amelyeket az %(brand)s támogat. Próbálja meg egy másik klienssel.",
+            "now_you_can": "Mostantól biztonságosan olvashat vagy küldhet üzeneteket, és bárki, akivel cseveg, szintén megbízhat ebben az eszközben.",
+            "once_accepted_can_continue": "Az elfogadást követően folytathatja az ellenőrzést.",
+            "other_party_cancelled": "A másik fél megszakította az ellenőrzést.",
+            "prompt_encrypted": "Ellenőrizze a szoba összes tagját, hogy meggyőződjön a biztonságáról.",
+            "prompt_unencrypted": "A titkosított szobákban ellenőrizze az összes tagot, hogy meggyőződjön a biztonságosságáról.",
+            "qr_or_sas": "%(qrCode)s vagy %(emojiCompare)s",
+            "qr_prompt": "Ennek az egyedi kódnak a beolvasása",
+            "qr_reciprocate_check_again_device": "Az ellenőrzés befejezéséhez nézze meg újra a másik eszközén.",
+            "qr_reciprocate_no": "Nem, nem látok zöld pajzsot",
+            "qr_reciprocate_same_shield_user": "Majdnem kész! %(displayName)s is ugyanazt a pajzsot mutatja?",
+            "qr_reciprocate_yes": "Igen, látok egy zöld pajzsot",
+            "request_toast_accept_user": "Felhasználó ellenőrzése",
+            "request_toast_decline_counter": "Mellőzés (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s innen: %(ip)s",
+            "request_toast_start_verification": "Ellenőrzés indítása",
+            "sas_caption_self": "Ellenőrizze ezt az eszközt azzal, hogy megerősíti, hogy a következő szám jelenik meg a képernyőjén.",
+            "sas_caption_user": "Ellenőrizze ezt a felhasználót azzal, hogy megerősíti, hogy a következő szám jelenik meg a képernyőjén.",
+            "sas_description": "Hasonlítsd össze az egyedi emodzsikat ha valamelyik eszközön nincs kamera",
+            "sas_emoji_caption_user": "Ellenőrizze ezt a felhasználót azzal, hogy megerősíti, hogy a következő emodzsi jelenik meg a képernyőjén.",
+            "sas_match": "Egyeznek",
+            "sas_no_match": "Nem egyeznek",
+            "sas_prompt": "Egyedi emodzsik összehasonlítása",
+            "scan_qr": "Ellenőrzés kód beolvasással",
+            "scan_qr_explainer": "Kérd meg %(displayName)s felhasználót, hogy olvassa be a kódot:",
+            "start_button": "Ellenőrzés elindítása",
+            "successful_user": "Sikeresen ellenőrizted a felhasználót: %(displayName)s!",
+            "unsupported_method": "Nem található támogatott ellenőrzési eljárás.",
+            "unverified_session_toast_accept": "Igen, én voltam",
+            "unverified_session_toast_title": "Új bejelentkezés. Ön volt az?",
+            "unverified_sessions_toast_description": "Tekintse át, hogy meggyőződjön arról, hogy a fiókja biztonságban van",
+            "unverified_sessions_toast_reject": "Később",
+            "unverified_sessions_toast_title": "Ellenőrizetlen bejelentkezései vannak",
+            "use_another_device": "Másik eszköz használata",
+            "use_recovery_key": "Helyreállítási kulcs használata",
+            "verification_dialog_title_choose": "Válassza ki az ellenőrzés módját",
+            "verification_dialog_title_compare_emojis": "Emodzsik összehasonlítása",
+            "verification_dialog_title_confirm_green_shield": "Ellenőrizze, hogy a másik eszközén zöld pajzs látható-e.",
+            "verification_dialog_title_device": "Másik eszköz ellenőrzése",
+            "verification_dialog_title_failed": "Az ellenőrzés sikertelen",
+            "verification_dialog_title_start_on_other_device": "Ellenőrzés megkezdése a másik eszközön",
+            "verification_dialog_title_user": "Ellenőrzési kérés",
+            "verification_dialog_title_verified": "Eszköz ellenőrizve",
+            "verification_skip_warning": "Az ellenőrzés nélkül nem fér hozzá az összes üzenetéhez és mások számára megbízhatatlannak fog látszani.",
+            "verification_success_with_backup": "Ez az eszköz hitelesítve van. A titkosított üzenetekhez hozzáférése van és más felhasználók megbízhatónak látják.",
+            "verification_success_without_backup": "Az új eszköze ellenőrizve van. Mások megbízhatónak fogják látni.",
+            "verify_by_completing_one_of": "Az ellenőrzéshez végezze el az alábbiak egyikét:",
+            "verify_emoji": "Ellenőrzés emodzsival",
+            "verify_emoji_prompt": "Ellenőrzés egyedi emodzsik összehasonlításával.",
+            "verify_emoji_prompt_qr": "Ha nem tudod beolvasni az alábbi kódot, ellenőrizd az egyedi emodzsik összehasonlításával.",
+            "verify_later": "Később ellenőrzöm",
+            "waiting_for_user_accept": "%(displayName)s felhasználóra várakozás az elfogadáshoz…",
+            "waiting_other_device": "Várakozás a másik eszköztől való ellenőrzésre…",
+            "waiting_other_device_details": "Várakozás a másik eszközről való ellenőrzésre: %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Várakozás %(displayName)s felhasználóra az ellenőrzéshez…"
+        },
+        "verification_requested_toast_title": "Hitelesítés kérés elküldve",
+        "verified_identity_changed": "%(displayName)s (<b>%(userId)s</b> ) digitális személyazonossága alaphelyzetbe lett állítva. <a>További információ</a>",
+        "verified_identity_changed_no_displayname": "<b>%(userId)s</b> digitális személyazonossága alaphelyzetbe lett állítva. <a>További információ</a>",
+        "verify_toast_description": "2026. október végétől a nem ellenőrzött eszközök nem tudnak üzeneteket küldeni és fogadni. <a>További információk</a>",
+        "verify_toast_title": "Az eszköz ellenőrzése",
+        "withdraw_verification_action": "Ellenőrzés visszavonása"
+    },
+    "error": {
+        "admin_contact": "A szolgáltatás további használatához <a>vegye fel a kapcsolatot a szolgáltatás adminisztrátorával</a>.",
+        "admin_contact_short": "Vegye fel a kapcsolatot a <a>kiszolgáló adminisztrátorával</a>.",
+        "app_launch_unexpected_error": "Váratlan hiba történt az alkalmazás előkészítésénél. A részletekért lásd a konzolt.",
+        "cannot_load_config": "A konfigurációs fájlt nem sikerült betölteni: frissítse az oldalt és próbálja meg újra.",
+        "connection": "A kiszolgálóval való kommunikáció során probléma történt, próbálja újra.",
+        "dialog_description_default": "Hiba történt.",
+        "download_media": "A forrásmédia letöltése sikertelen, nem található forráswebcím",
+        "edit_history_unsupported": "Úgy tűnik, hogy a Matrix-kiszolgálója nem támogatja ezt a szolgáltatást.",
+        "failed_copy": "Sikertelen másolás",
+        "hs_blocked": "A Matrix-kiszolgálót az adminisztrátor zárolta.",
+        "invalid_configuration_mixed_server": "Érvénytelen konfiguráció: a default_hs_url nem adható meg a default_server_name vagy a default_server_config kulcsokkal együtt",
+        "invalid_configuration_no_server": "Érvénytelen konfiguráció: nincs megadva alapértelmezett kiszolgáló.",
+        "invalid_json": "Az Element érvénytelen JSON-t tartalmazó konfigurációval rendelkezik. Javítsa és töltse újra az oldalt.",
+        "invalid_json_detail": "A feldolgozó algoritmus üzenete: %(message)s",
+        "invalid_json_generic": "Érvénytelen JSON",
+        "mau": "A Matrix-kiszolgáló elérte a havi aktív felhasználói korlátot.",
+        "misconfigured": "Az Element hibásan van beállítva",
+        "mixed_content": "Nem lehet HTTP-vel csatlakozni a Matrix-kiszolgálóhoz, ha HTTPS van a böngésző címsorában. Vagy használjon HTTPS-t vagy <a>engedélyezze a nem biztonságos parancsfájlokat</a>.",
+        "non_urgent_echo_failure_toast": "A kiszolgálója nem válaszol néhány <a>kérésre</a>.",
+        "resource_limits": "A Matrix-kiszolgáló túllépte valamelyik erőforráskorlátját.",
+        "session_restore": {
+            "clear_storage_button": "Eszköz eltávolítása",
+            "clear_storage_description": "Eszköz eltávolítása a titkosítási kulcsokkal együtt?",
+            "description_1": "Hiba történt a munkamenet helyreállítása során.",
+            "description_2": "Ha egy újabb %(brand)s verziót használt, akkor valószínűleg ez a munkamenet nem lesz kompatibilis vele. Zárja be az ablakot és térjen vissza az újabb verzióhoz.",
+            "description_3": "A böngésző tárolójának törlése megoldhatja a problémát, viszont ez eltávolítja az eszközt, és a titkosított csevegéselőzményei olvashatatlanná válnak.",
+            "title": "A munkamenetet nem lehet helyreállítani"
+        },
+        "something_went_wrong": "Valami rosszul sikerült.",
+        "storage_evicted_description_1": "Néhány munkamenetadat, beleértve a titkosított üzenetkulcsokat is, hiányzik. Távolítsa el ezt az eszközt, majd jelentkezzen be újra, hogy a biztonsági másolatból helyreállítsa a kulcsokat.",
+        "storage_evicted_description_2": "A böngésző valószínűleg törölte ezeket az adatokat, amikor lecsökkent a szabad lemezterület.",
+        "storage_evicted_title": "A munkamenetadatok hiányzik",
+        "sync": "A Matrix-kiszolgálóval nem lehet felvenni a kapcsolatot. Újrapróbálkozás…",
+        "tls": "Nem lehet kapcsolódni a Matrix-kiszolgálóhoz – ellenőrizze a kapcsolatot, győződjön meg arról, hogy a <a>Matrix-kiszolgáló tanúsítványa</a> hiteles, és hogy a böngészőkiegészítők nem blokkolják a kéréseket.",
+        "unknown": "Ismeretlen hiba",
+        "unknown_error_code": "ismeretlen hibakód",
+        "update_history_visibility": "A régi üzenetek láthatóságának módosítása nem sikerült",
+        "update_power_level": "A hozzáférési szint megváltoztatása sikertelen"
+    },
+    "error_app_open_in_another_tab": "Váltson a másik lapra a csatlakozáshoz ide: %(brand)s. Ez a lap most bezárható.",
+    "error_app_open_in_another_tab_title": "%(brand)s egy másik lapon csatlakoztatva van",
+    "error_app_opened_in_another_window": "%(brand)s egy másik ablakban nyitva van. Kattintson a \"%(label)s\" gombra ennek a használatához: %(brand)s, és zárja be a másik ablakot.",
+    "error_database_closed_description": {
+        "for_desktop": "Lehet, hogy a tárhely megtelt. Kérjük, szabadítson fel egy kis helyet, és töltse be újra.",
+        "for_web": "Ha törölte a böngészési adatokat, akkor ez az üzenet várható. %(brand)s lehet, hogy egy másik lapon is nyitva van, vagy a tárhely betelt. Kérjük, szabadítson fel egy kis helyet és töltse be újra"
+    },
+    "error_database_closed_title": "%(brand)s leállt",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Ennek a szobának a hivatkozását nem sikerül a vágólapra másolni.",
+            "title": "A szoba hivatkozása nem másolható"
+        },
+        "error_loading_user_profile": "A felhasználói profil nem tölthető be",
+        "forget_room_failed": "A szobát nem sikerült elfelejtetni: %(errCode)s"
+    },
+    "error_user_not_logged_in": "A felhasználó nincs bejelentkezve",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Folyamatban lévő hívás",
+            "user": "%(senderName)s csatlakozott a hívásba",
+            "you": "Csatlakozott a hívásba"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s befejezte a hívást",
+            "you": "Befejezte a hívást"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s hívja",
+            "dm_send": "Válaszra várakozás",
+            "user": "%(senderName)s hívást indított",
+            "you": "Hívást indított"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s ezzel a reagált: %(reaction)s, a következőre: %(message)s",
+            "you": "Ezzel a reagált: %(reaction)s, a következőre: %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Hang",
+            "file": "Fájl",
+            "image": "Kép",
+            "poll": "Szavazás",
+            "video": "Videó"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Exportálás megszakítva",
+        "cancelled_detail": "Az exportálás sikeresen félbeszakítva",
+        "confirm_stop": "Biztos, hogy megállítja az adatai exportálását? Ha igen, később újra előröl kell kezdeni.",
+        "creating_html": "HTML létrehozása…",
+        "creating_output": "Kimenet létrehozása…",
+        "creator_summary": "%(creatorName)s hozta létre ezt a szobát.",
+        "current_timeline": "Jelenlegi idővonal",
+        "enter_number_between_min_max": "Adjon meg egy számot %(min)s és %(max)s között",
+        "error_fetching_file": "Fájlletöltési hiba",
+        "export_info": "Ez a(z) <roomName/> szoba exportálásának kezdete. Exportálta: <exporterDetails/>, időpont: %(exportDate)s.",
+        "export_successful": "Sikeres exportálás!",
+        "exported_n_events_in_time": {
+            "%(count)s esemény exportálva %(seconds)s másodperc alatt": "other"
+        },
+        "exporting_your_data": "Adatai exportálása",
+        "fetched_n_events": {
+            "Eddig %(count)s esemény lett lekérve": "other"
+        },
+        "fetched_n_events_in_time": {
+            "%(count)s esemény lekérve %(seconds)s másodperc alatt": "other"
+        },
+        "fetched_n_events_with_total": {
+            "%(count)s / %(total)s esemény lekérve": "other"
+        },
+        "fetching_events": "Események lekérése…",
+        "file_attached": "Fájl mellékelve",
+        "format": "Formátum",
+        "from_the_beginning": "Az elejétől",
+        "generating_zip": "ZIP előállítása",
+        "html": "HTML",
+        "html_title": "Exportált adatok",
+        "include_attachments": "Mellékletekkel együtt",
+        "json": "JSON",
+        "media_omitted": "Média nélkül",
+        "media_omitted_file_size": "Média nélkül – fájlméretkorlát túllépve",
+        "messages": "Üzenetek",
+        "next_page": "Következő üzenetcsoport",
+        "num_messages": "Üzenetek száma",
+        "num_messages_min_max": "Az üzenetek száma csak %(min)s és %(max)s közti szám lehet",
+        "number_of_messages": "Üzenetek számának megadása",
+        "previous_page": "Előző üzenetcsoport",
+        "processing": "Feldolgozás…",
+        "processing_event_n": "Esemény feldolgozása: %(number)s. / %(total)s",
+        "select_option": "Az idővonalon a beszélgetés exportálásához tartozó beállítások kiválasztása",
+        "size_limit": "Méretkorlát",
+        "size_limit_min_max": "A méret csak %(min)s MB és %(max)s MB közti szám lehet",
+        "size_limit_postfix": "MB",
+        "starting_export": "Exportálás kezdése…",
+        "successful": "Exportálás sikeres",
+        "successful_detail": "Az exportálás sikeres volt. Megtalálja a Letöltések könyvtárban.",
+        "text": "Egyszerű szöveg",
+        "title": "Beszélgetés exportálása",
+        "topic": "Téma: %(topic)s",
+        "unload_confirm": "Biztos, hogy kilép az exportálás közben?"
+    },
+    "failed_load_async_component": "A betöltés sikertelen. Ellenőrizze a hálózati kapcsolatot, és próbálja újra.",
+    "feedback": {
+        "can_contact_label": "Ha további kérdés merülne fel, kapcsolatba léphetnek velem",
+        "comment_label": "Megjegyzés",
+        "existing_issue_link": "Először nézze meg, hogy <existingIssuesLink>van-e már róla jegy a GitHubon</existingIssuesLink>. Nincs? <newIssueLink>Adjon fel egy új jegyet</newIssueLink>.",
+        "may_contact_label": "Kapcsolatba léphetnek velem, ha további információkra lenne szükségük, vagy szeretnék, hogy a készülő ötleteket teszteljem",
+        "platform_username": "A platformja és a felhasználóneve fel lesz jegyezve, hogy segítsen nekünk a lehető legjobban felhasználni a visszajelzését.",
+        "pro_type": "Tipp: Ha hibajegyet nyit, akkor küldje el a <debugLogsLink>hibakeresési naplókat</debugLogsLink> a probléma feltárása érdekében.",
+        "send_feedback_action": "Visszajelzés küldése",
+        "sent": "Visszajelzés elküldve. Köszönjük, nagyra értékeljük!"
+    },
+    "file_panel": {
+        "empty_description": "Csatoljon fájlt a csevegésből, vagy húzza és ejtse bárhova a szobában.",
+        "empty_heading": "Ebben a szobában nincsenek fájlok",
+        "guest_note": "<a>Regisztrálnia kell</a> hogy ezt használhassa",
+        "peek_note": "Ahhoz, hogy lássa a fájlokat, be kell lépnie a szobába"
+    },
+    "forward": {
+        "filter_placeholder": "Szobák vagy emberek keresése",
+        "message_preview_heading": "Üzenet-előnézet",
+        "no_perms_title": "Nincs jogosultsága ehhez",
+        "open_room": "Szoba megnyitása",
+        "send_label": "Elküldés",
+        "sending": "Küldés",
+        "sent": "Elküldve"
+    },
+    "identity_server": {
+        "change": "Azonosítási kiszolgáló módosítása",
+        "change_prompt": "Bontja a kapcsolatot a(z) <current /> azonosítási kiszolgálóval, és inkább ehhez kapcsolódik: <new />?",
+        "change_server_prompt": "Ha nem szeretné a(z) <server /> kiszolgálót használnia kapcsolatok kereséséhez, és hogy megtalálják az ismerősei, akkor adjon meg egy másik azonosítási kiszolgálót.",
+        "changed": "Az azonosítási kiszolgáló megváltozott",
+        "checking": "Kiszolgáló ellenőrzése",
+        "description_connected": "Jelenleg a(z) <server></server> kiszolgálót használja a kapcsolatok kereséséhez, és hogy megtalálják az ismerősei. A használt azonosítási kiszolgálót alább tudja megváltoztatni.",
+        "description_disconnected": "Jelenleg nem használ azonosítási kiszolgálót. A kapcsolatok kereséséhez, és hogy megtalálják az ismerősei, adjon hozzá egy azonosítási kiszolgálót.",
+        "description_optional": "Az azonosítási kiszolgáló használata nem kötelező. Ha úgy dönt, hogy nem használ azonosítási kiszolgálót, akkor felhasználók nem találják meg Önt, és nem tud másokat meghívni e-mail-cím vagy telefonszám alapján.",
+        "disconnect": "Kapcsolat bontása az azonosítási kiszolgálóval",
+        "disconnect_anyway": "Kapcsolat bontása mindenképp",
+        "disconnect_offline_warning": "A kapcsolat bontása előtt <b>törölje a személyes adatait</b> a(z) <idserver /> azonosítási kiszolgálóról. Sajnos a(z) <idserver /> azonosítási kiszolgáló jelenleg nem érhető el.",
+        "disconnect_personal_data_warning_1": "Továbbra is <b>megosztja a személyes adatait</b> a(z) <idserver /> azonosítási kiszolgálón.",
+        "disconnect_personal_data_warning_2": "Javasoljuk, hogy a kapcsolat bontása előtt távolítsa el az e-mail-címét és a telefonszámát az azonosítási kiszolgálóról.",
+        "disconnect_server": "Bontja a kapcsolatot ezzel az azonosítási kiszolgálóval: <idserver />?",
+        "disconnect_warning": "Az azonosítási kiszolgáló kapcsolatának bontása azt eredményezi, hogy más felhasználók nem találják meg Önt, és nem tud másokat meghívni e-mail-cím vagy telefonszám alapján.",
+        "do_not_use": "Az azonosítási kiszolgáló mellőzése",
+        "error_connection": "Az azonosítási kiszolgálóhoz nem lehet csatlakozni",
+        "error_invalid": "Az azonosítási kiszolgáló nem érvényes (állapotkód: %(code)s)",
+        "error_invalid_or_terms": "A felhasználási feltételek nincsenek elfogadva, vagy az azonosítási kiszolgáló nem érvényes.",
+        "no_terms": "A választott azonosítási kiszolgálóhoz nem tartoznak felhasználási feltételek.",
+        "suggestions": "Ezt kellene tennie:",
+        "suggestions_1": "ellenőrizze a böngészőkiegészítőket, hogy nem blokkolja-e valami az azonosítási kiszolgálót (például a Privacy Badger)",
+        "suggestions_2": "vegye fel a kapcsolatot a(z) <idserver /> azonosítási kiszolgáló adminisztrátoraival",
+        "suggestions_3": "várjon és próbálja újra",
+        "url": "Azonosítási kiszolgáló (%(server)s)",
+        "url_field_label": "Új azonosítási kiszolgáló hozzáadása",
+        "url_not_https": "Az azonosítási kiszolgáló webcímének HTTPS-nek kell lennie"
+    },
+    "in_space": "Ebben a térben: %(spaceName)s.",
+    "in_space1_and_space2": "Ezekben a terekben: %(space1Name)s és %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "Itt: %(spaceName)s és %(count)s másik térben.": "other"
+    },
+    "incompatible_browser": {
+        "continue": "Folytatás mégis",
+        "description": "%(brand)s olyan böngészőfunkciókat használ, amelyek nem érhetők el az aktuális böngészőben. %(detail)s",
+        "detail_can_continue": "Ha folytatja, előfordulhat, hogy egyes funkciók nem működnek, és fennáll annak a kockázata, hogy a jövőben elveszítheti adatait.",
+        "detail_no_continue": "Próbálja meg frissíteni ezt a böngészőt, ha nem a legújabb verziót használja, és próbálja újra.",
+        "learn_more": "Tudjon meg többet",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "A legjobb élmény érdekében használja a <Chrome> Chrome</Chrome>, <Firefox> Firefox </Firefox>, <Edge> Edge</Edge> vagy <Safari> Safari</Safari> alkalmazást.",
+        "title": "Nem támogatott böngésző",
+        "use_desktop_heading": "Használjon inkább %(brand)s asztali alkalmazást",
+        "use_mobile_heading": "%(brand)s mobil alkalmazás használata",
+        "use_mobile_heading_after_desktop": "Vagy használja mobilalkalmazásunkat",
+        "windows_64bit": "Windows (64 bites)",
+        "windows_arm_64bit": "Windows (64 bites ARM)"
+    },
+    "info_tooltip_title": "Információ",
+    "integration_manager": {
+        "connecting": "Kapcsolódás az integrációkezelőhöz…",
+        "error_connecting": "Az integrációkezelő nem működik, vagy nem éri el a Matrix-kiszolgálóját.",
+        "error_connecting_heading": "Nem lehet kapcsolódni az integrációkezelőhöz",
+        "explainer": "Az integrációkezelők megkapják a beállításokat, módosíthatják a kisalkalmazásokat, szobameghívókat küldhetnek és a hozzáférési szintet állíthatnak be az Ön nevében.",
+        "manage_title": "Integrációk kezelése",
+        "toggle_label": "Az integrációkezelő engedélyezése",
+        "use_im": "Integrációkezelő használata a botok, kisalkalmazások és matricacsomagok kezeléséhez.",
+        "use_im_default": "Integrációkezelő használata <b>(%(serverName)s)</b> a botok, kisalkalmazások és matricacsomagok kezeléséhez."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Ehhez engedélyezze az „%(manageIntegrations)s” lehetőséget a beállításokban.",
+        "disabled_dialog_title": "Az integrációk le vannak tiltva",
+        "impossible_dialog_description": "A %(brand)s nem használhat integrációkezelőt. Vegye fel a kapcsolatot egy adminisztrátorral.",
+        "impossible_dialog_title": "Az integrációk nem engedélyezettek"
+    },
+    "invite": {
+        "confirm_unknown_users": {
+            "invite_subtitle": "Jelenleg nincsenek csevegései ezekkel a személyekkel. Mielőtt továbbmenne, erősítse meg, hogy meghívja őket ebbe a szobába.",
+            "invite_title": "Új személyeket hív meg ebbe a szobába?",
+            "start_chat_subtitle_multiple_users": "Jelenleg nincs folyamatban lévő csevegése ezekkel a felhasználókkal. A folytatáshoz erősítse meg a meghívást.",
+            "start_chat_subtitle_one_user": "Még nem beszélgetett ezzel a személlyel. Folytatás előtt erősítse meg a meghívást.",
+            "start_chat_title_multiple_users": "Szeretne csevegni ezekkel az új személyekkel?",
+            "start_chat_title_one_user": "Csevegést kezdeményez ezzel az új felhasználóval?"
+        },
+        "email_caption": "Meghívás e-maillel",
+        "email_limit_one": "E-mail meghívóból egyszerre csak egy küldhető el",
+        "email_use_default_is": "Használjon azonosítási kiszolgálót az e-mailben történő meghíváshoz. <default> Használja az alapértelmezett kiszolgálót (%(defaultIdentityServerName)s)</default> vagy adjon meg egy másikat a <settings>Beállításokban</settings>.",
+        "email_use_is": "Használjon egy azonosítási kiszolgálót az e-maillel történő meghíváshoz. Kezelés a <settings>Beállításokban</settings>.",
+        "error_already_invited_room": "A felhasználó már meg van hívva a szobába",
+        "error_already_invited_space": "A felhasználó már meg van hívva a térre",
+        "error_already_joined_room": "A felhasználó már a szobában van",
+        "error_already_joined_space": "A felhasználó már a téren van",
+        "error_bad_state": "Előbb vissza kell vonni felhasználó kitiltását, mielőtt újra meghívható lesz.",
+        "error_dm": "Nem tudjuk elkészíteni a közvetlen üzenetét.",
+        "error_find_room": "Valami nem sikerült a felhasználók meghívása során.",
+        "error_find_user_description": "Az alábbi felhasználók nem léteznek vagy hibásan vannak megadva, és nem lehet őket meghívni: %(csvNames)s",
+        "error_find_user_title": "Az alábbi felhasználók nem találhatók",
+        "error_invite": "Ezeket a felhasználókat nem tudtuk meghívni. Ellenőrizd azokat a felhasználókat akiket meg szeretnél hívni és próbáld újra.",
+        "error_permissions_room": "Nincs jogosultsága embereket meghívni ebbe a szobába.",
+        "error_permissions_space": "Nincs jogosultsága embereket meghívni ebbe a térbe.",
+        "error_profile_undisclosed": "A felhasználó lehet, hogy nem létezik",
+        "error_transfer_multiple_target": "Csak egy felhasználónak lehet átadni a hívást.",
+        "error_unfederated_room": "Ez a szoba nincs megosztva más szerverekkel. Nem hívhat meg embereket külső szerverekről.",
+        "error_unfederated_space": "Ez a tér nincs megosztva más szerverekkel. Nem hívhat meg embereket külső szerverekről.",
+        "error_unknown": "Ismeretlen kiszolgálóhiba",
+        "error_user_not_found": "A felhasználó nem létezik",
+        "error_version_unsupported_room": "A felhasználó Matrix-kiszolgálója nem támogatja a megadott szobaverziót.",
+        "error_version_unsupported_space": "A felhasználó Matrix-kiszolgálója nem támogatja a megadott tér verziót.",
+        "failed_generic": "Sikertelen művelet",
+        "failed_title": "Meghívás sikertelen",
+        "invalid_address": "Ismeretlen cím",
+        "name_email_mxid_share_room": "Hívjon meg valakit a nevét, e-mail-címét vagy felhasználónevét (például <userId/>) megadva, vagy <a>ossza meg ezt a szobát</a>.",
+        "name_email_mxid_share_space": "Hívjon meg valakit a nevét, e-mail-címét vagy felhasználónevét (például <userId/>) megadva, vagy <a>ossza meg ezt a teret</a>.",
+        "name_mxid_share_room": "Hívjon meg valakit a nevét vagy felhasználónevét (például <userId/>) megadva, vagy <a>ossza meg ezt a szobát</a>.",
+        "name_mxid_share_space": "Hívjon meg valakit a nevét vagy felhasználónevét (például <userId/>) megadva, vagy <a>ossza meg ezt a teret</a>.",
+        "progress": {
+            "dont_close": "Ne zárja be az alkalmazást, amíg be nem fejezte.",
+            "preparing": "Meghívók előkészítése…"
+        },
+        "recents_section": "Legújabb beszélgetések",
+        "room_failed_partial": "Az alábbi embereket nem sikerül meghívni ide: <RoomName/>, de a többi meghívó elküldve",
+        "room_failed_partial_title": "Néhány meghívót nem sikerült elküldeni",
+        "room_failed_title": "A felhasználók meghívása sikertelen ide: %(roomName)s",
+        "send_link_prompt": "Vagy meghívási hivatkozás küldése",
+        "start_conversation_name_email_mxid_prompt": "Indítson beszélgetést valakivel a nevének, e-mail-címének vagy a felhasználónevének (például <userId/>) használatával.",
+        "start_conversation_name_mxid_prompt": "Indítson beszélgetést valakivel a nevének vagy felhasználónevének (például <userId/>) használatával.",
+        "suggestions_disclaimer": "Adatvédelmi okokból néhány javaslat rejtve lehet.",
+        "suggestions_disclaimer_prompt": "Ha nem található a keresett személy, küldje el az alábbi hivatkozást neki.",
+        "suggestions_section": "Nemrég küldött közvetlen üzenetek",
+        "to_room": "Meghívás ide: %(roomName)s",
+        "to_space": "Meghívás ide: %(spaceName)s",
+        "transfer_dial_pad_tab": "Tárcsázó számlap",
+        "transfer_user_directory_tab": "Felhasználójegyzék",
+        "unable_find_profiles_description_default": "Az alábbi Matrix-azonosítókhoz nem sikerült profilokat találni – így is meghívja őket?",
+        "unable_find_profiles_invite_label_default": "Meghívás mindenképp",
+        "unable_find_profiles_invite_never_warn_label_default": "Meghívás mindenképp, és ne legyen több figyelmeztetés",
+        "unable_find_profiles_title": "Az alábbi felhasználók lehet, hogy nem léteznek",
+        "unban_first_title": "A felhasználó addig nem hívható meg, amíg fel nem oldják a kitiltását"
+    },
+    "inviting_user1_and_user2": "%(user1)s és %(user2)s meghívása",
+    "inviting_user_and_n_others": {
+        "%(user)s és 1 további meghívása": "one",
+        "%(user)s és %(count)s további meghívása": "other"
+    },
+    "items_and_n_others": {
+        "<Items/> és még %(count)s másik": "other",
+        "<Items/> és még egy másik": "one"
+    },
+    "keyboard": {
+        "activate_button": "Kiválasztott gomb aktiválása",
+        "alt": "Alt",
+        "autocomplete_cancel": "Automatikus kiegészítés megszakítása",
+        "autocomplete_force": "Befejezés mindenképp",
+        "autocomplete_navigate_next": "Következő automatikus kiegészítési javaslat",
+        "autocomplete_navigate_prev": "Előző automatikus kiegészítési javaslat",
+        "backspace": "Visszatörlés",
+        "cancel_reply": "Üzenetre válaszolás megszakítása",
+        "category_autocomplete": "Automatikus kiegészítés",
+        "category_calls": "Hívások",
+        "category_navigation": "Navigáció",
+        "category_room_list": "Szobalista",
+        "close_dialog_menu": "Párbeszédablak vagy menü bezárása",
+        "composer_jump_end": "Az üzenet végére ugrás a szerkesztőben",
+        "composer_jump_start": "Az üzenet elejére ugrás a szerkesztőben",
+        "composer_navigate_next_history": "Következő üzenetre navigálás a szerkesztőben",
+        "composer_navigate_prev_history": "Előző üzenetre navigálás a szerkesztőben",
+        "composer_new_line": "Új sor",
+        "composer_redo": "Szerkesztés újbóli végrehajtása",
+        "composer_toggle_bold": "Félkövér be/ki",
+        "composer_toggle_code_block": "Kódblokk be/ki",
+        "composer_toggle_italics": "Dőlt be/ki",
+        "composer_toggle_link": "Hivatkozás be/ki",
+        "composer_toggle_quote": "Idézet be/ki",
+        "composer_undo": "Szerkesztés visszavonása",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Az olvasási jelzés eltüntetése és ugrás az aljára",
+        "end": "End",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Ugrás a kezdőképernyőre",
+        "home": "Kezdőlap",
+        "jump_first_message": "Ugrás az első üzenethez",
+        "jump_last_message": "Ugrás az utolsó üzenethez",
+        "jump_room_search": "Ugrás a szobakeresésre",
+        "jump_to_read_marker": "A legrégebbi olvasatlan üzenetre ugrás",
+        "keyboard_shortcuts_tab": "Beállítások lap megnyitása",
+        "navigate_next_history": "Következő, nemrég meglátogatott szoba vagy tér",
+        "navigate_next_message_edit": "Következő üzenetre navigálás szerkesztéshez",
+        "navigate_prev_history": "Előző, nemrég meglátogatott szoba vagy tér",
+        "navigate_prev_message_edit": "Előző üzenetre navigálás szerkesztéshez",
+        "next_landmark": "Ugrás a következő mérföldkőhöz",
+        "next_room": "Következő szoba vagy közvetlen üzenet",
+        "next_unread_room": "Következő olvasatlan szoba vagy közvetlen üzenet",
+        "number": "[szám]",
+        "open_user_settings": "Felhasználói beállítások megnyitása",
+        "page_down": "Page Down",
+        "page_up": "Page Up",
+        "prev_landmark": "Ugrás az előző mérföldkőhöz",
+        "prev_room": "Előző szoba vagy közvetlen üzenet",
+        "prev_unread_room": "Előző olvasatlan szoba vagy közvetlen üzenet",
+        "room_list_collapse_section": "Szobalista rész összecsukása",
+        "room_list_expand_section": "Szobalista rész kibontása",
+        "room_list_navigate_down": "Navigálás lefelé a szobalistában",
+        "room_list_navigate_up": "Navigálás felfelé a szobalistában",
+        "room_list_select_room": "Szoba kiválasztása a szobalistából",
+        "save": "Mentés",
+        "scroll_down_timeline": "Görgetés lefelé az idővonalon",
+        "scroll_up_timeline": "Görgetés felfelé az idővonalon",
+        "search": "Keresés (engedélyezni kell)",
+        "send_sticker": "Matrica küldése",
+        "shift": "Shift",
+        "space": "Tér",
+        "switch_to_space": "Tér váltása szám alapján",
+        "toggle_hidden_events": "Rejtett esemény láthatósága be/ki",
+        "toggle_microphone_mute": "Mikrofon némítása be/ki",
+        "toggle_right_panel": "Jobb oldali panel be/ki",
+        "toggle_space_panel": "Tér panel be/ki",
+        "toggle_top_left_menu": "Bal felső menü be/ki",
+        "toggle_webcam_mute": "Webkamera be/ki",
+        "upload_file": "Fájl feltöltése"
+    },
+    "labs": {
+        "ask_to_join": "A kérést igénylő csatlakozás engedélyezése",
+        "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.",
+        "beta_feedback_title": "%(featureName)s béta visszajelzés",
+        "beta_section": "Készülő funkciók",
+        "bridge_state": "Híd információk megjelenítése a szobabeállításokban",
+        "bridge_state_channel": "Csatorna: <channelLink/>",
+        "bridge_state_creator": "Ezt a hidat a következő készítette: <user />.",
+        "bridge_state_manager": "Ezt a hidat a következő kezeli: <user />.",
+        "bridge_state_workspace": "Munkaterület: <networkLink/>",
+        "click_for_info": "Kattintson a további információkhoz",
+        "config_only": "Csak a config.json fájlon keresztül engedélyezhető.",
+        "currently_experimental": "Jelenleg kísérleti állapotban van.",
+        "custom_themes": "Egyéni témák támogatásának hozzáadása",
+        "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>.",
+        "experimental_section": "Korai előzetesek",
+        "extended_profiles_msc_support": "A kiszolgálónak támogatnia kell az MSC4133-at",
+        "feature_disable_call_per_sender_encryption": "Küldőnkénti titkosítás letiltása Element Callhoz",
+        "feature_retention": {
+            "description": "Az üzenetek automatikus eltávolítása egy szobából, ha elérik a beállított megőrzési időszakot. Jelenleg csak a beállítások olvasását támogatja.",
+            "disabled_sliding_sync": "A megőrzés nem kapcsolható be, ha a csúszóablakos szinkronizálás be van kapcsolva.",
+            "display_name": "Üzenetek megőrzése"
+        },
+        "feature_user_status": {
+            "description": "Lehetővé teszi az aktuális állapot megtekintését és beállítását.",
+            "display_name": "Felhasználói állapot",
+            "required_msc_support": "MSC4429 szükséges (profilfrissítések a régi szinkronizáláshoz)"
+        },
+        "feature_wysiwyg_composer_description": "Szövegszerkesztő használata a Markdown formázás helyett az üzenet írásakor.",
+        "group_developer": "Fejlesztői",
+        "group_encryption": "Titkosítás",
+        "group_experimental": "Kísérleti",
+        "group_messaging": "Üzenetküldés",
+        "group_moderation": "Moderálás",
+        "group_profile": "Profil",
+        "group_rooms": "Szobák",
+        "group_spaces": "Terek",
+        "group_themes": "Témák",
+        "group_threads": "Üzenetszálak",
+        "group_ui": "Felhasználói felület",
+        "group_voip": "Hang és videó",
+        "group_widgets": "Kisalkalmazások",
+        "hidebold": "Értesítési pötty elrejtése (csak darabszám megjelenítése)",
+        "join_beta": "Csatlakozás béta lehetőségekhez",
+        "join_beta_reload": "A béta funkció bekapcsolása újratölti ezt: %(brand)s.",
+        "jump_to_date": "Dátumra ugrás (hozzáadja a /jumptodate parancsot és a dátumra ugrási fejléceket)",
+        "jump_to_date_msc_support": "A Matrix-kiszolgálónak támogatnia kell az MSC3030-at",
+        "latex_maths": "LaTeX matematikai kifejezések megjelenítése az üzenetekben",
+        "leave_beta": "Béta kikapcsolása",
+        "leave_beta_reload": "A béta kikapcsolása újratölti ezt: %(brand)s.",
+        "location_share_live": "Élő földrajzi hely megosztása",
+        "location_share_live_description": "Átmeneti megvalósítás. A helyadatok megmaradnak a szoba naplójában.",
+        "login_with_qr": "Bejelentkezés QR-kóddal",
+        "mjolnir": "Új lehetőség emberek figyelmen kívül hagyására",
+        "msc3531_hide_messages_pending_moderation": "A moderátorok kitakarhatják a még nem moderált üzeneteket.",
+        "notification_settings": "Új értesítési beállítások",
+        "notification_settings_beta_caption": "Bemutatjuk az értesítési beállítások módosításának egyszerűbb módját. Testreszabhatja a sajátját, ahogy tetszik itt: %(brand)s.",
+        "notification_settings_beta_title": "Értesítési beállítások",
+        "notifications": "Engedélyezze az értesítési panelt a szoba fejlécében",
+        "render_reaction_images": "Egyéni képek megjelenítése reakciókban",
+        "render_reaction_images_description": "Néha „egyéni emodzsiknak” nevezik.",
+        "sliding_sync": "Csúszóablakos szinkronizálási mód",
+        "sliding_sync_description": "Aktív fejlesztés alatt, nem kapcsolható ki.",
+        "sliding_sync_disabled_notice": "Jelentkezzen be újra a letiltáshoz",
+        "sliding_sync_server_no_support": "A kiszolgálója nem támogatja",
+        "unrealiable_e2e": "Megbízhatatlan titkosított szobákban",
+        "video_rooms": "Videószobák",
+        "video_rooms_a_new_way_to_chat": "Új csevegési lehetőség a(z) %(brand)s alkalmazásban, hanggal és videóval.",
+        "video_rooms_always_on_voip_channels": "A videószobák szobákba ágyazott, folyamatosan bekapcsolat VoIP-csatornák a(z) %(brand)s alkalmazásban.",
+        "video_rooms_beta": "A videó szobák béta állapotúak",
+        "video_rooms_faq1_answer": "A „+” gomb használatával a szoba bal oldali panelén.",
+        "video_rooms_faq1_question": "Hogy lehet videószobát készíteni?",
+        "video_rooms_faq2_answer": "Igen, a szöveges idővonal a videóval együtt megjelenik.",
+        "video_rooms_faq2_question": "Lehet a videóhívás közben szövegesen is csevegni?",
+        "video_rooms_feedbackSubheading": "Köszönjük, hogy kipróbálta a béta verziót. Kérjük, fejtse ki a lehető legrészletesebben, hogy fejleszthessük.",
+        "wysiwyg_composer": "Szövegszerkesztő használata"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Ezek a beállítások haladó felhasználók számára vannak.",
+        "ban_reason": "Mellőzött/tiltott",
+        "error_adding_ignore": "Hiba a mellőzendő felhasználó/kiszolgáló hozzáadása során",
+        "error_adding_list_description": "Ellenőrizze a szobaazonosítót vagy a címet, és próbálja újra.",
+        "error_adding_list_title": "Hiba a listára való feliratkozás során",
+        "error_removing_ignore": "Hiba a mellőzendő felhasználó/kiszolgáló törlése során",
+        "error_removing_list_description": "Próbálja újra, vagy nézze meg a konzolt a hiba okának felderítéséhez.",
+        "error_removing_list_title": "Hiba a listáról való leiratkozás során",
+        "explainer_1": "A mellőzendő felhasználókat és kiszolgálókat itt adja meg. Használjon csillagot a(z) %(brand)s kliensben, hogy minden karakterre illeszkedjen. Például a <code>@bot:*</code> figyelmen kívül fog hagyni minden „bot” nevű felhasználót, minden kiszolgálóról.",
+        "explainer_2": "Az emberek mellőzése tiltólista használatával történik, ami arról tartalmaz szabályokat, hogy kiket kell kitiltani. A tiltólistára történő feliratkozás azt jelenti, hogy a lista által tiltott felhasználók/kiszolgálók üzenetei rejtve maradnak a számára.",
+        "lists": "Jelenleg ezekre van feliratkozva:",
+        "lists_description_1": "A tiltólistára történő feliratkozás azzal jár, hogy csatlakozik hozzá!",
+        "lists_description_2": "Ha nem ez az amit szeretne, akkor használjon más eszközt a felhasználók mellőzéséhez.",
+        "lists_heading": "Feliratkozott listák",
+        "lists_new_label": "A tiltólista szobaazonosítója vagy címe",
+        "no_lists": "Nem iratkozott fel egyetlen listára sem",
+        "personal_description": "A személyes tiltólistája tartalmazza azokat a személyeket/kiszolgálókat, akiktől nem szeretne üzeneteket látni. Az első felhasználó/kiszolgáló mellőzése után egy új szoba jelenik meg a szobalistájában „%(myBanList)s” névvel – ahhoz, hogy a lista érvényben maradjon, maradjon a szobában.",
+        "personal_empty": "Senkit sem mellőz.",
+        "personal_heading": "Személyes tiltólista",
+        "personal_new_label": "Mellőzendő kiszolgáló- vagy felhasználói azonosító",
+        "personal_new_placeholder": "például @bot:* vagy example.org",
+        "personal_section": "Jelenleg őket mellőzi:",
+        "room_name": "Saját tiltólista",
+        "room_topic": "Ez a saját, tiltott felhasználókat és kiszolgálókat tartalmazó listája – ne hagyja el ezt a szobát!",
+        "rules_empty": "Semmi",
+        "rules_server": "Kiszolgálószabályok",
+        "rules_title": "Tiltólistaszabályok - %(roomName)s",
+        "rules_user": "Felhasználói szabályok",
+        "something_went_wrong": "Valami nem sikerült. Próbálja újra, vagy nézze meg a konzolt a hiba okának felderítéséhez.",
+        "title": "Mellőzött felhasználók",
+        "view_rules": "Szabályok megtekintése"
+    },
+    "language_dropdown_label": "Nyelvválasztó lenyíló menü",
+    "leave_room_dialog": {
+        "last_person_warning": "Egyedül van itt. Ha kilép, akkor a jövőben senki nem tud majd ide belépni, beleértve Önt is.",
+        "leave_room_question": "Biztos, hogy elhagyja ezt a szobát: „%(roomName)s”?",
+        "leave_space_question": "Biztos, hogy elhagyja ezt a teret: %(spaceName)s?",
+        "room_leave_admin_warning": "Ön az egyetlen rendszergazda ebben a szobában. Ha elhagyja, senki sem tudja módosítani a szoba beállításait, vagy más fontos műveleteket végrehajtani.",
+        "room_leave_mod_warning": "Ön az egyetlen rendszergazda ebben a szobában. Ha elhagyja, senki sem tudja módosítani a szoba beállításait, vagy más fontos műveleteket végrehajtani.",
+        "room_rejoin_warning": "Ez a szoba nem nyilvános. Kilépés után csak újabb meghívóval lehet újra belépni a szobába.",
+        "space_rejoin_warning": "Ez a tér nem nyilvános. Kilépés után csak újabb meghívóval lehet újra belépni."
+    },
+    "lightbox": {
+        "rotate_left": "Forgatás balra",
+        "rotate_right": "Forgatás jobbra",
+        "title": "Képnézet"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Ezen a Matrix-kiszolgálón nincs beállítva a térképek megjelenítése.",
+        "MapStyleUrlNotReachable": "Ez a Matrix-kiszolgáló nincs megfelelően beállítva a térképek megjelenítéséhez, vagy a beállított térképkiszolgáló nem érhető el.",
+        "WebGLNotEnabled": "A WebGL szükséges a térképek megjelenítéséhez, engedélyezze a böngészőbeállításokban.",
+        "click_drop_pin": "Kattintson a hely megjelöléséhez",
+        "click_move_pin": "Kattintson a jelölő áthelyezéséhez",
+        "close_sidebar": "Oldalsáv bezárása",
+        "error_fetch_location": "Nem lehet elérni a földrajzi helyzetét",
+        "error_no_perms_description": "Az ebben a szobában történő helymegosztáshoz a megfelelő jogosultságokra van szüksége.",
+        "error_no_perms_title": "Nincs jogosultsága a helymegosztáshoz",
+        "error_send_description": "Az %(brand)s nem tudja elküldeni a földrajzi helyzetét. Próbálja újra később.",
+        "error_send_title": "A földrajzi helyzetet nem sikerült elküldeni",
+        "error_sharing_live_location": "Hiba történt az élő pozíciómegosztás során",
+        "error_stopping_live_location": "Hiba történt az élő pozíciómegosztás leállítása során",
+        "expand_map": "Térkép szétnyitása",
+        "failed_generic": "Nem sikerült a földrajzi helyzetének lekérése. Próbálja újra később.",
+        "failed_load_map": "A térkép betöltése sikertelen",
+        "failed_permission": "A(z) %(brand)s alkalmazásnak nincs jogosultsága a földrajzi helyzetének lekérdezéséhez. Engedélyezze a hely hozzáférését a böngészőbeállításokban.",
+        "failed_timeout": "Időtúllépés történt a földrajzi helyzetének lekérésekor. Próbálja újra később.",
+        "failed_unknown": "Ismeretlen hiba a földrajzi helyzetének lekérésekor. Próbálja újra később.",
+        "find_my_location": "Saját hely megkeresése",
+        "live_description": "%(displayName)s élő földrajzi helyzete",
+        "live_enable_description": "Figyelem: ez a labor lehetőség egy átmeneti megvalósítás. Ez azt jelenti, hogy a szobába már elküldött helyadatok az élő hely megosztás leállítása után is hozzáférhetők maradnak a szobában.",
+        "live_enable_heading": "Élő földrajzi hely megosztása",
+        "live_location_active": "Ön folyamatosan megosztja az aktuális földrajzi pozícióját",
+        "live_location_enabled": "Élő pozíciómegosztás engedélyezve",
+        "live_location_ended": "Élő pozíciómegosztás befejezve",
+        "live_location_error": "Élő pozíció megosztás hiba",
+        "live_locations_empty": "Nincs élő pozíció megosztás",
+        "live_share_button": "Megosztás eddig: %(duration)s",
+        "live_toggle_label": "Élő helymegosztás engedélyezése",
+        "live_until": "Élő eddig: %(expiryTime)s",
+        "live_update_time": "Frissítve %(humanizedUpdateTime)s",
+        "loading_live_location": "Élő földrajzi helyzet meghatározás betöltése…",
+        "location_not_available": "A földrajzi helyzet nem érhető el",
+        "map_feedback": "Visszajelzés a térképről",
+        "mapbox_logo": "Mapbox logó",
+        "reset_bearing": "Északi irányba állítás",
+        "share_button": "Tartózkodási hely megosztása",
+        "share_type_live": "Folyamatos saját földrajzi helyzet",
+        "share_type_own": "Jelenlegi saját földrajzi helyzet",
+        "share_type_pin": "Hely kijelölése",
+        "share_type_prompt": "Milyen jellegű földrajzi helyzetet szeretne megosztani?",
+        "toggle_attribution": "Forrásmegjelölés be/ki"
+    },
+    "member_list": {
+        "count": {
+            "%(count)s tag": "other"
+        },
+        "filter_placeholder": "Szoba tagság szűrése",
+        "invite_button_no_perms_tooltip": "Nincs jogosultsága felhasználók meghívására",
+        "invited_label": "Meghívott",
+        "list_title": "Tagok listája",
+        "no_matches": "Nincs egyezés"
+    },
+    "member_list_back_action_label": "Szobatagok",
+    "message_edit_dialog_title": "Üzenetszerkesztések",
+    "migrating_crypto": "Kérjük várjon. Frissítjük a(z) %(brand)s alkalmazás titkosítását, hogy gyorsabbá és megbízhatóbbá tegyük azt.",
+    "mobile_guide": {
+        "toast_accept": "Alkalmazás használata",
+        "toast_description": "A(z) %(brand)s kísérleti állapotban van a mobilos webböngészőkben. A jobb élmény és a legújabb funkciók használatához használja az ingyenes natív alkalmazásunkat.",
+        "toast_title": "A jobb élmény érdekében használjon alkalmazást"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Nincs több találat",
+    "notif_panel": {
+        "empty_description": "Nincsenek látható értesítések.",
+        "empty_heading": "Minden elolvasva"
+    },
+    "notifications": {
+        "all_messages": "Összes üzenet",
+        "all_messages_description": "Értesítés fogadása az összes üzenetről",
+        "class_global": "Globális",
+        "class_other": "Egyéb",
+        "default": "Alapértelmezett",
+        "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",
+        "enable_prompt_toast_title_from_message_send": "Ne szalasszon el egy választ se",
+        "error_change_title": "Értesítési beállítások megváltoztatása",
+        "keyword": "Kulcsszó",
+        "keyword_new": "Új kulcsszó",
+        "level_activity": "Tevékenység",
+        "level_highlight": "Kiemelés",
+        "level_muted": "Némítva",
+        "level_none": "Egyik sem",
+        "level_notification": "Értesítés",
+        "level_unsent": "Elküldetlen",
+        "mark_all_read": "Összes megjelölése olvasottként",
+        "mentions_and_keywords": "@megemlítések és kulcsszavak",
+        "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"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s ellenőrzést kér"
+    },
+    "onboarding": {
+        "create_room": "Készíts csoportos beszélgetést",
+        "explore_rooms": "Nyilvános szobák felfedezése",
+        "has_avatar_label": "Nagyszerű, ez segíteni eldönteni másoknak, hogy tényleg Ön az",
+        "intro_byline": "Az ön beszélgetései csak az öné.",
+        "intro_welcome": "Üdvözli a(z) %(appName)s",
+        "no_avatar_label": "Állítson be egy fényképet, hogy tudják mások, hogy Ön az.",
+        "send_dm": "Közvetlen üzenet küldése",
+        "welcome_detail": "És most segítünk az indulásban",
+        "welcome_user": "Üdv %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Üzenet itt: %(room)s",
+        "permalink_this_room": "Üzenet tőle: %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Szavazás létrehozása",
+        "create_poll_title": "Szavazás létrehozása",
+        "disclosed_notes": "A szavazók a szavazásuk után látják a szavazatokat",
+        "edit_poll_title": "Szavazás szerkesztése",
+        "end_description": "Biztosan lezárod ezt a szavazást? Ez megszünteti az új szavazatok leadásának lehetőségét, és kijelzi a végeredményt.",
+        "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.",
+        "error_voting_title": "Nem regisztrált szavazat",
+        "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…",
+        "total_decryption_errors": "Visszafejtési hibák miatt néhány szavazat nem kerül beszámításra",
+        "total_n_votes": {
+            "%(count)s leadott szavazat. Szavazzon az eredmény megtekintéséhez": "other"
+        },
+        "total_n_votes_voted": {
+            "%(count)s szavazat alapján": "other"
+        },
+        "total_no_votes": "Nem adtak le szavazatot",
+        "total_not_ended": "Az eredmény a szavazás végeztével válik láthatóvá",
+        "type_closed": "Zárt szavazás",
+        "type_heading": "Szavazás típusa",
+        "type_open": "Nyitott szavazás",
+        "unable_edit_description": "Sajnos a szavazás nem szerkeszthető miután szavazatok érkeztek.",
+        "unable_edit_title": "A szavazás nem szerkeszthető"
+    },
+    "power_level": {
+        "admin": "Adminisztrátor",
+        "creator": "Tulajdonos",
+        "custom": "Egyéni (%(level)s)",
+        "custom_level": "Egyéni szint",
+        "default": "Alapértelmezett",
+        "label": "Hozzáférési szint",
+        "moderator": "Moderátor",
+        "restricted": "Korlátozott"
+    },
+    "powered_by_matrix": "A gépházban: Matrix",
+    "presence": {
+        "away": "Távol",
+        "busy": "Foglalt",
+        "idle": "Várakozik",
+        "idle_for": "%(duration)s óta tétlen",
+        "offline": "Nem érhető el",
+        "offline_for": "%(duration)s óta elérhetetlen",
+        "online": "Elérhető",
+        "online_for": "%(duration)s óta elérhető",
+        "unknown": "Ismeretlen",
+        "unknown_for": "%(duration)s óta az állapota ismeretlen",
+        "unreachable": "A felhasználó szervere elérhetetlen"
+    },
+    "quick_settings": {
+        "all_settings": "Minden beállítás",
+        "sidebar_settings": "További beállítások",
+        "title": "Gyors beállítások"
+    },
+    "quit_warning": {
+        "call_in_progress": "Úgy tűnik hívásban van, biztos, hogy kilép?",
+        "file_upload_in_progress": "Úgy tűnik fájlokat tölt fel, biztos, hogy kilép?"
+    },
+    "redact": {
+        "confirm_button": "Törlés megerősítése",
+        "confirm_description": "Biztos benne, hogy el kívánja távolítani (törölni) ezt az eseményt?",
+        "confirm_description_state": "Vegye figyelembe, hogy a szoba ilyen jellegű módosításainak eltávolítása visszavonhatja a változtatást.",
+        "error": "Nem törölheti ezt az üzenetet. (%(code)s)",
+        "ongoing": "Eltávolítás…",
+        "reason_label": "Ok (nem kötelező)"
+    },
+    "remove_section_dialog": {
+        "confirmation": "Biztos, hogy eltávolítja ezt a szakaszt?",
+        "description": "Az ebben a szakaszban található beszélgetések továbbra is elérhetők lesznek a csevegések listájában.",
+        "remove_section": "Szakasz eltávolítása",
+        "title": "Eltávolítja a szakaszt?"
+    },
+    "report_content": {
+        "description": "Az üzenet bejelentése egy egyedi „eseményazonosítót” küld el a Matrix-kiszolgáló adminisztrátorának. Ha az üzenetek titkosítottak a szobában, akkor a Matrix-kiszolgáló adminisztrátora nem tudja elolvasni az üzenetet, vagy nem tudja megnézni a fájlokat vagy képeket.",
+        "hide_messages_from_user": "Jelölje be, ha ennek a felhasználónak a jelenlegi és jövőbeli üzeneteit is el szeretné rejteni.",
+        "ignore_user": "Felhasználó mellőzése",
+        "missing_reason": "Adja meg, hogy miért jelenti.",
+        "report_content_to_homeserver": "Tartalom bejelentése a Matrix-kiszolgáló adminisztrátorának"
+    },
+    "report_room": {
+        "description": "A szoba jelentése a Matrix-kiszolgáló rendszergazdájának. Ha az üzenetek titkosítva vannak, a rendszergazda nem fogja tudni elolvasni azokat.",
+        "reason_label": "Írja le az okot"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "%(failedCount)s munkamenetet nem lehet visszafejteni!",
+        "count_of_successfully_restored_keys": "%(sessionCount)s kulcs sikeresen helyreállítva",
+        "enter_key_description": "A helyreállítási kulcs megadásával hozzáférhet a régi biztonságos üzeneteihez és beállíthatja a biztonságos üzenetküldést.",
+        "enter_key_title": "Adja meg a helyreállítási kulcsot",
+        "enter_phrase_description": "A biztonsági jelmondattal hozzáférhet a régi titkosított üzeneteihez, és beállíthatja a biztonságos üzenetküldést.",
+        "enter_phrase_title": "Biztonsági jelmondat megadása",
+        "incorrect_security_phrase_dialog": "A mentést nem lehet visszafejteni ezzel a biztonsági jelmondattal: ellenőrizze, hogy a megfelelő biztonsági jelmondatot adta-e meg.",
+        "incorrect_security_phrase_title": "Helytelen biztonsági jelmondat",
+        "key_backup_warning": "<b>Figyelmeztetés</b>: csak biztonságos számítógépről állítson be kulcsmentést.",
+        "key_fetch_in_progress": "Kulcsok lekérése a kiszolgálóról…",
+        "key_forgotten_text": "Ha elfelejtette a helyreállítási kulcsot, <button>állítson be új helyreállítási lehetőséget</button>",
+        "key_is_invalid": "Érvénytelen helyreállítási kulcs",
+        "key_is_valid": "Ez érvényes helyreállítási kulcsnak tűnik.",
+        "keys_restored_title": "Kulcsok helyreállítva",
+        "load_error_content": "A mentés állapotát nem lehet lekérdezni",
+        "load_keys_progress": "%(completed)s/%(total)s kulcs helyreállítva",
+        "no_backup_error": "Nem található mentés!",
+        "phrase_forgotten_text": "Ha elfelejtette a biztonsági jelmondatot, használhatja a <button1>helyreállítási kulcsot</button1> vagy <button2>új helyreállítási lehetőségeket állíthat be</button2>",
+        "recovery_key_mismatch_description": "Ezzel a helyreállítási kulccsal t nem lehet visszafejteni a mentést: ellenőrizze, hogy a biztonsági kulcsot jól adta-e meg.",
+        "recovery_key_mismatch_title": "A helyreállítási kulcsok nem egyeznek",
+        "restore_failed_error": "A mentést nem lehet helyreállítani"
+    },
+    "right_panel": {
+        "add_integrations": "Bővítmények hozzáadása",
+        "add_topic": "Téma hozzáadása",
+        "extensions_button": "Bővítmények",
+        "extensions_empty_description": "Válassza a „%(addIntegrations)s” lehetőséget a szoba böngészéséhez és bővítmények hozzáadásához",
+        "extensions_empty_title": "Növelje a hatékonyságát több eszközzel, kisalkalmazásokkal és botokkal",
+        "files_button": "Fájlok",
+        "pinned_messages": {
+            "empty_description": "Válasszon ki egy üzenetet, majd válassza a „%(pinAction)s” lehetőséget, hogy ide kerüljön.",
+            "empty_title": "Tűzze ki a fontos üzeneteket, hogy könnyen felfedezhetők legyenek",
+            "header": {
+                "one": "1 kitűzött üzenet",
+                "other": "%(count)s kitűzött üzenet"
+            },
+            "limits": {
+                "other": "Legfeljebb %(count)s kisalkalmazást tűzhet ki"
+            },
+            "menu": "Menü megnyitása",
+            "reply_thread": "Válasz egy <link>üzenetszálra</link>",
+            "unpin_all": {
+                "button": "Az összes üzenet kitűzésének feloldása",
+                "content": "Győződjön meg róla, hogy valóban el akarja távolítani az összes üzenet kitűzését. Ezt a műveletet nem lehet visszavonni.",
+                "title": "Feloldja az összes üzenet kitűzését?"
+            },
+            "view": "Megtekintés az idővonalon"
+        },
+        "pinned_messages_button": "Kitűzött üzenetek",
+        "poll": {
+            "active_heading": "Aktív szavazások",
+            "empty_active": "Nincsenek aktív szavazások ebben a szobában",
+            "empty_active_load_more": "Nincs aktív szavazás. További szavazások betöltése az előző havi szavazások megjelenítéséhez",
+            "empty_active_load_more_n_days": {
+                "%(count)s napja nincs aktív szavazás. További szavazások betöltése az előző havi szavazások megjelenítéséhez": "other",
+                "Nincs aktív szavazás az elmúlt napokból. További szavazások betöltése az előző havi szavazások megjelenítéséhez": "one"
+            },
+            "empty_past": "Nincsenek régebbi szavazások ebben a szobában",
+            "empty_past_load_more": "Nincs régebbi szavazás. További szavazások betöltése az előző havi szavazások megjelenítéséhez",
+            "empty_past_load_more_n_days": {
+                "Nincs aktív szavazás az elmúlt napokból. További szavazások betöltése az előző havi szavazások megjelenítéséhez": "one",
+                "%(count)s napja nincs aktív szavazás. További szavazások betöltése az előző havi szavazások megjelenítéséhez": "other"
+            },
+            "final_result": {
+                "Végeredmény %(count)s szavazat alapján": "other"
+            },
+            "load_more": "Még több szavazás betöltése",
+            "loading": "Szavazások betöltése",
+            "past_heading": "Régi szavazások",
+            "view_in_timeline": "Szavazás megjelenítése az idővonalon",
+            "view_poll": "Szavazás megtekintése"
+        },
+        "polls_button": "Szavazások",
+        "room_summary_card": {
+            "title": "Szoba információ"
+        },
+        "thread_list": {
+            "context_menu_label": "Üzenetszál beállításai"
+        },
+        "video_room_chat": {
+            "title": "Csevegés"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Ez a meghívó a(z) %(email)s címre lett küldve, amely nincs összekötve a fiókjával",
+        "3pid_invite_email_not_found_account_room": "A(z) %(roomName)s szobához való meghívó a(z) %(email)s címre lett küldve, amely nincs összekötve a fiókjával",
+        "3pid_invite_error_description": "A meghívó ellenőrzésekor az alábbi hibát kaptuk: %(errcode)s. Ezt az információt megpróbálhatja eljuttatni a szoba gazdájának.",
+        "3pid_invite_error_invite_action": "Csatlakozás mindenképp",
+        "3pid_invite_error_invite_subtitle": "Csak érvényes meghívóval tudsz csatlakozni.",
+        "3pid_invite_error_public_subtitle": "Itt továbbra is tud csatlakozni.",
+        "3pid_invite_error_title": "Valami hiba történt a meghívójával.",
+        "3pid_invite_error_title_room": "A meghívóddal ebbe a szobába: %(roomName)s valami baj történt",
+        "3pid_invite_no_is_subtitle": "Használjon egy azonosítási kiszolgálót a Beállításokban, hogy közvetlenül az %(brand)sben kapja meg a meghívókat.",
+        "banned_by": "%(memberName)s felhasználó kitiltotta",
+        "banned_from_room_by": "%(memberName)s kitiltotta ebből a szobából: %(roomName)s",
+        "context_menu": {
+            "copy_link": "Szoba hivatkozásának másolása",
+            "favourite": "Kedvencnek jelölés",
+            "forget": "Szoba elfelejtése",
+            "low_priority": "Alacsony prioritás",
+            "mark_read": "Megjelölés olvasottként",
+            "mark_unread": "Megjelölés olvasatlanként",
+            "notifications_default": "Az alapértelmezett beállítások szerint",
+            "notifications_mute": "Szoba némítása",
+            "title": "Szobabeállítások",
+            "unfavourite": "Kedvencnek jelölt"
+        },
+        "creating_room_text": "Szobát készítünk: %(names)s",
+        "dm_invite_action": "Beszélgetés elkezdése",
+        "dm_invite_subtitle": "<userName/> csevegni szeretne",
+        "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_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.",
+        "error_join_404_2": "Ha ismeri a szoba címét próbáljon inkább azzal belépni.",
+        "error_join_404_invite": "Aki meghívta a szobába már távozott, vagy a kiszolgálója nem érhető el.",
+        "error_join_404_invite_same_hs": "A személy, aki meghívta, már távozott.",
+        "error_join_connection": "A csatlakozás során hiba történt.",
+        "error_join_incompatible_version_1": "Sajnáljuk, a Matrix-kiszolgáló túl régi verziójú ahhoz, hogy ebben részt vegyen.",
+        "error_join_incompatible_version_2": "Vegye fel a kapcsolatot a Matrix-kiszolgáló adminisztrátorával.",
+        "error_join_title": "Csatlakozás sikertelen",
+        "error_join_unknown": "Ismeretlen hiba történt.",
+        "error_jump_to_date": "A kiszolgáló a következő állapotkóddal és hibakóddal tért vissza: %(statusCode)s – %(errorCode)s",
+        "error_jump_to_date_connection": "Hálózati hiba történt az adott dátum keresése és az ahhoz ugrás során. A Matrix-kiszolgálója lehet, hogy nem érhető el, vagy ideiglenes probléma van az internetkapcsolatával. Próbálja újra később. Ha ez továbbra is fennáll, akkor lépjen kapcsolatba a kiszolgáló adminisztrátorával.",
+        "error_jump_to_date_details": "Hiba részletei",
+        "error_jump_to_date_not_found": "Nem sikerült megtalálni az eseményt %(dateString)s után keresve. Próbáljon egy korábbi dátumot kiválasztani.",
+        "error_jump_to_date_send_logs_prompt": "Küldjön be <debugLogsLink>hibakeresési naplókat</debugLogsLink>, hogy segítsen nekünk a hiba megtalálásában.",
+        "error_jump_to_date_title": "Nem található esemény az adott dátumkor",
+        "face_pile_summary": {
+            "%(count)s ismerős már csatlakozott": "other"
+        },
+        "face_pile_tooltip_label": {
+            "1 résztvevő megmutatása": "one",
+            "Az összes %(count)s résztvevő megmutatása": "other"
+        },
+        "face_pile_tooltip_shortcut": "Beleértve: %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Önt is beleértve, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Nem lehet meghatározni, hogy melyik felhasználót kell figyelmen kívül hagyni, mivel az esemény megváltozott.",
+        "failed_reject_invite": "A meghívót nem sikerült elutasítani",
+        "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",
+            "shared_history_tooltip": "Az új tagok látják az előzményeket",
+            "world_readable_history_tooltip": "Bárki láthatja az előzményeket"
+        },
+        "header_avatar_open_settings_label": "Szobabeállítások megnyitása",
+        "header_face_pile_tooltip": "Taglista váltása",
+        "header_untrusted_label": "Nem megbízható",
+        "inaccessible": "Ez a szoba vagy tér jelenleg elérhetetlen.",
+        "inaccessible_name": "%(roomName)s jelenleg nem érhető el.",
+        "inaccessible_subtitle_1": "Próbálkozzon később vagy kérje meg a szoba vagy tér adminisztrátorát, hogy nézze meg van-e hozzáférése.",
+        "inaccessible_subtitle_2": "A szoba vagy tér elérésekor ez a hibaüzenetet érkezett: %(errcode)s. Ha úgy gondolja, hogy az üzenetet egy hiba miatt látja, <issueLink>nyisson egy hibajegyet</issueLink>.",
+        "intro": {
+            "display_topic": "Téma: <topic/>",
+            "dm_caption": "Csak önök ketten vannak ebben a beszélgetésben, hacsak valamelyikőjük nem hív meg valakit, hogy csatlakozzon.",
+            "edit_topic": "Téma: <topic/> (<a>szerkesztés</a> )",
+            "enable_encryption_prompt": "Titkosítás bekapcsolása a beállításokban.",
+            "encrypted_3pid_dm_pending_join": "Amint mindenki belépett lekezdheti a beszélgetést",
+            "no_avatar_label": "Állítson be egy fényképet, hogy az emberek könnyebben felismerjék a szobáját.",
+            "no_topic": "<a>Állítsd be a szoba témáját</a>, hogy az emberek tudják, hogy miről van itt szó.",
+            "private_unencrypted_warning": "A privát üzenetek általában titkosítottak de ez a szoba nem az. Általában ez a titkosítást nem támogató eszköz vagy metódus használata miatt lehet, mint az e-mail meghívók.",
+            "room_invite": "Meghívás csak ebbe a szobába",
+            "send_message_start_dm": "Küldj egy üzenetet ahhoz, hogy meghívd <displayName/> felhasználót",
+            "start_of_dm_history": "Ez a közvetlen beszélgetés kezdete <displayName/> felhasználóval.",
+            "start_of_room": "Ez a(z) <roomName/> kezdete.",
+            "unencrypted_warning": "A végpontok közti titkosítás nincs engedélyezve",
+            "user_created": "%(displayName)s készítette ezt a szobát.",
+            "you_created": "Ön hozta létre ezt a szobát."
+        },
+        "invite_email_mismatch_suggestion": "Oszd meg a Beállításokban ezt az e-mail címet, hogy közvetlen meghívókat kaphass %(brand)sba.",
+        "invite_sent_to_email": "Ez a meghívó ide lett küldve: %(email)s",
+        "invite_sent_to_email_room": "A meghívó ehhez a szobához: %(roomName)s ide lett elküldve: %(email)s",
+        "invite_subtitle": "Meghívta: <userName/>",
+        "invite_this_room": "Meghívás a szobába",
+        "invite_title": "%(roomName)s szobába szeretnél belépni?",
+        "inviter_unknown": "Ismeretlen",
+        "invites_you_text": "<inviter/> meghívta",
+        "join_button_account": "Regisztráció",
+        "join_failed_needs_invite": "A %(roomName)s megjelenítéséhez meghívó szükséges",
+        "join_the_discussion": "Beszélgetéshez csatlakozás",
+        "join_title": "Csatlakozz a szobához, hogy részt vehess",
+        "join_title_account": "Csatlakozzon a beszélgetéshez egy fiók létrehozásával",
+        "joining": "Belépés…",
+        "joining_room": "Belépés a szobába…",
+        "joining_space": "Belépés a térbe…",
+        "jump_read_marker": "Ugrás az első olvasatlan üzenetre.",
+        "jump_to_bottom_button": "A legfrissebb üzenethez görgetés",
+        "kick_reason": "Ok: %(reason)s",
+        "kicked_by": "%(memberName)s felhasználó eltávolította",
+        "kicked_from_room_by": "Önt %(memberName)s eltávolította ebből a szobából: %(roomName)s",
+        "knock_cancel_action": "Kérés törlése",
+        "knock_denied_subtitle": "Mivel megtagadták a hozzáférést, csak akkor csatlakozhat újra, ha a csoport rendszergazdája vagy moderátora meghívja.",
+        "knock_denied_title": "A hozzáférést megtagadták",
+        "knock_message_field_placeholder": "Üzenet (opcionális)",
+        "knock_prompt": "Szeretne csatlakozni?",
+        "knock_prompt_name": "Szeretne csatlakozni ide:%(roomName)s?",
+        "knock_send_action": "Hozzáférés kérése",
+        "knock_sent": "Csatlakozási kérelem elküldve",
+        "knock_sent_subtitle": "Csatlakozási kérelme függőben van.",
+        "knock_subtitle": "A beszélgetés megtekintéséhez vagy abban való részvételhez hozzáférést kell kapnia ebbe a szobába. Az alábbiakban küldhet csatlakozási kérelmet.",
+        "leave_error_title": "Hiba a szoba elhagyásakor",
+        "leave_server_notices_description": "Ez a szoba a Matrix-kiszolgáló fontos kiszolgálóüzenetei közlésére jött létre, nem tud belőle kilépni.",
+        "leave_server_notices_title": "Nem lehet elhagyni a Kiszolgálóüzenetek szobát",
+        "leave_unexpected_error": "Váratlan kiszolgálóhiba lépett fel a szobából való kilépés során",
+        "link_email_to_receive_3pid_invite": "Kösse össze a Beállításokban ezt az e-mail-címet a fiókjával, hogy közvetlenül az %(brand)sben kapja meg a meghívókat.",
+        "loading_preview": "Előnézet betöltése",
+        "no_peek_join_prompt": "%(roomName)s szobának nincs előnézete. Be szeretnél lépni?",
+        "no_peek_no_name_join_prompt": "Előnézet nincs, szeretne csatlakozni?",
+        "not_found_subtitle": "Biztos benne, hogy jó helyen jár?",
+        "not_found_title": "Ez a szoba vagy tér nem létezik.",
+        "not_found_title_name": "%(roomName)s nem létezik.",
+        "peek_join_prompt": "%(roomName)s szoba előnézetét látod. Belépsz?",
+        "pinned_message_banner": {
+            "button_close_list": "Lista bezárása",
+            "button_view_all": "Összes megtekintése",
+            "description": "Kitűzött üzenetek",
+            "go_to_newest_message": "A kitűzött üzenet megtekintése az idővonalon, a legújabbé pedig itt",
+            "go_to_next_message": "A kitűzött üzenet megtekintése az idővonalon, a következő legrégebbié pedig itt",
+            "title": "<bold>%(index)s. / %(length)s </bold> kitűzött üzenet"
+        },
+        "read_topic": "Kattintson a téma elolvasásához",
+        "rejecting": "Meghívó elutasítása…",
+        "rejoin_button": "Újra-csatlakozás",
+        "room_content": "Szoba tartalma",
+        "room_is_low_priority": "Ez egy alacsony prioritású szoba",
+        "search": {
+            "all_rooms_button": "Keresés az összes szobában",
+            "placeholder": "Üzenetek keresése...",
+            "summary": {
+                "1 találat ehhez: „<query/>”": "one",
+                "%(count)s találat ehhez: „<query/>”": "other"
+            },
+            "this_room_button": "Keresés ebben a szobában"
+        },
+        "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"
+        },
+        "upgrade_error_description": "Ellenőrizze még egyszer, hogy a kiszolgálója támogatja-e kiválasztott szobaverziót, és próbálja újra.",
+        "upgrade_error_title": "Hiba a szoba verziófrissítésekor",
+        "upgrade_warning_bar": "A szoba fejlesztése bezárja ezt a szobát és új, frissített verzióval ugyanezen a néven létrehoz egy újat.",
+        "upgrade_warning_bar_admins": "Csak a szoba adminisztrátorai látják ezt a figyelmeztetést",
+        "upgrade_warning_bar_unstable": "A szoba verziója: <roomVersion />, amelyet a Matrix-kiszolgáló <i>instabilnak</i> tekint.",
+        "upgrade_warning_bar_upgraded": "Ez a szoba már fejlesztve van.",
+        "upload": {
+            "uploading_multiple_file": {
+                "%(filename)s és még %(count)s db másik feltöltése": "other"
+            },
+            "uploading_single_file": "%(filename)s feltöltése"
+        },
+        "video_room": "Ez a szoba egy videószoba",
+        "waiting_for_join_subtitle": "Miután a meghívott felhasználók csatlakoztak ide: %(brand)s, beszélgethet, és a szoba végponttól végpontig titkosítva lesz",
+        "waiting_for_join_title": "Várakozás a felhasználók csatlakozására ide: %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Tér hozzáadá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",
+        "list_title": "Szobalista",
+        "more_options": {
+            "leave_room": "Szoba elhagyása"
+        },
+        "notification_options": "Értesítési beállítások",
+        "section": {
+            "chats": "Csevegések",
+            "favourites": "Kedvencek",
+            "low_priority": "Alacsony prioritás"
+        },
+        "show_less": "Kevesebb megjelenítése"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Döntse el, hogy ki láthatja, és léphet be ide: %(spaceName)s.",
+            "title": "Hozzáférés"
+        },
+        "advanced": {
+            "error_upgrade_description": "A szoba fejlesztését nem sikerült befejezni",
+            "error_upgrade_title": "A szoba fejlesztése sikertelen",
+            "information_section_room": "Szobainformációk",
+            "information_section_space": "Tér információi",
+            "room_id": "Belső szobaazonosító",
+            "room_predecessor": "Régebbi üzenetek megjelenítése itt: %(roomName)s.",
+            "room_upgrade_button": "A szoba fejlesztése a javasolt szobaverzióra",
+            "room_upgrade_warning": "<b>Figyelmeztetés</b>: A szoba fejlesztése <i>nem fogja automatikusan átvinni a szoba résztvevőit az új verziójú szobába.</i> A régi szobába bekerül egy az új szobára mutató hivatkozás – a tagoknak rá kell kattintaniuk a hivatkozásra az új szobába való belépéshez.",
+            "room_version": "Szoba verziója:",
+            "room_version_section": "Szoba verziója",
+            "space_predecessor": "A(z) %(spaceName)s tér régebbi verziójának megtekintése.",
+            "space_upgrade_button": "A tér frissítése a javasolt szobaverzióra",
+            "unfederated": "Ez a szoba távoli Matrix-kiszolgálóról nem érhető el",
+            "upgrade_button": "A szoba fejlesztése erre a verzióra: %(version)s",
+            "upgrade_dialog_description": "A szoba fejlesztéséhez be kell zárnia ezt a szobát, és egy újat kell létrehoznia helyette. Hogy a szoba tagjai számára a lehető legjobb legyen a felhasználói élmény, a következők lépések lesznek végrehajtva:",
+            "upgrade_dialog_description_1": "Új szoba készítése ugyanazzal a névvel, leírással és profilképpel",
+            "upgrade_dialog_description_2": "A helyi szobaálnevek frissítése, hogy az új szobára mutassanak",
+            "upgrade_dialog_description_3": "A felhasználók megakadályozása, hogy a régi szobában beszélgessenek, és üzenet küldése, hogy menjenek át az új szobába",
+            "upgrade_dialog_description_4": "A régi szobára mutató hivatkozás beszúrása a új szoba elejére, hogy az emberek lássák a régi üzeneteket",
+            "upgrade_dialog_title": "Szoba verziójának fejlesztése",
+            "upgrade_dwarning_ialog_title_public": "Nyilvános szoba fejlesztése",
+            "upgrade_warning_dialog_description": "A szoba frissítése nem egyszerű művelet, általában a szoba hibás működése, hiányzó funkció vagy biztonsági sérülékenység esetén javasolt.",
+            "upgrade_warning_dialog_explainer": "<b>Vegye figyelembe, hogy a fejlesztés a szoba új verzióját hozza létre</b>. Minden jelenlegi üzenet itt marad ebben az archivált szobában.",
+            "upgrade_warning_dialog_footer": "<oldVersion /> verzióról <newVersion /> verzióra fogja fejleszteni a szobát.",
+            "upgrade_warning_dialog_invite_label": "Tagok automatikus meghívása ebből a szobából az újba",
+            "upgrade_warning_dialog_report_bug_prompt": "Ez általában a szoba kiszolgálóoldali kezelésében jelent változást. Ha a(z) %(brand)s kliensben tapasztal problémát, akkor küldjön egy hibajelentést.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Ez általában a szoba kiszolgálóoldali kezelésében jelent változást. Ha a(z) %(brand)s kliensben tapasztal problémát, akkor <a>küldjön egy hibajelentést</a>.",
+            "upgrade_warning_dialog_title": "Szoba fejlesztése",
+            "upgrade_warning_dialog_title_private": "Privát szoba fejlesztése"
+        },
+        "alias_not_specified": "nincs meghatározva",
+        "bridges": {
+            "description": "Ez a szoba áthidalja az üzeneteket a felsorolt platformok felé. <a>Tudjon meg többet.</a>",
+            "empty": "Ez a szoba egy platformra sem hidalja át az üzeneteket. <a>Tudjon meg többet.</a>",
+            "title": "Hidak"
+        },
+        "delete_avatar_label": "Profilkép törlése",
+        "general": {
+            "alias_field_has_domain_invalid": "Domain elválasztás hiányzik, pl.: (:domain.org)",
+            "alias_field_has_localpart_invalid": "Szoba név vagy elválasztó hiányzik, pl.: (szobam:domain.org)",
+            "alias_field_matches_invalid": "Ez a cím nem erre a szobára mutat",
+            "alias_field_placeholder_default": "pl.: szobam",
+            "alias_field_required_invalid": "Kérem adja meg a címet",
+            "alias_field_safe_localpart_invalid": "Néhány karakter nem engedélyezett",
+            "alias_field_taken_invalid": "Ez a cím érvénytelen kiszolgálót tartalmaz, vagy már használatban van",
+            "alias_field_taken_invalid_domain": "Ez a cím már használatban van",
+            "alias_field_taken_valid": "Ez a cím használható",
+            "alias_heading": "Szoba címe",
+            "aliases_items_label": "Másik nyilvánosságra hozott cím:",
+            "aliases_no_items_label": "Nincs másik nyilvánosságra hozott cím, alább adj hozzá egyet",
+            "aliases_section": "Szobacímek",
+            "avatar_field_label": "Szoba profilképe",
+            "canonical_alias_field_label": "Fő cím",
+            "description_space": "A tér beállításainak szerkesztése.",
+            "error_creating_alias_description": "Hiba történt a cím létrehozása során. Nincs engedélyezve a kiszolgálón, vagy átmeneti hiba történt.",
+            "error_creating_alias_title": "Cím beállítási hiba",
+            "error_deleting_alias_description": "A cím törlésénél hiba történt. Vagy már nem létezik vagy átmeneti hiba történt.",
+            "error_deleting_alias_description_forbidden": "A cím törléséhez nincs jogosultságod.",
+            "error_deleting_alias_title": "Cím törlésénél hiba történt",
+            "error_publishing": "Nem lehet közzétenni a szobát",
+            "error_publishing_detail": "Hiba történt a szoba közzétételekor",
+            "error_save_space_settings": "A tér beállításának mentése sikertelen.",
+            "error_updating_alias_description": "Hiba történt a szoba alternatív címeinek frissítése során. Nincs engedélyezve a kiszolgálón, vagy átmeneti hiba történt.",
+            "error_updating_canonical_alias_description": "Hiba történt a szoba elsődleges címének frissítése során. Nincs engedélyezve a kiszolgálón, vagy átmeneti hiba történt.",
+            "error_updating_canonical_alias_title": "Az elsődleges cím frissítése sikertelen",
+            "leave_space": "Tér elhagyása",
+            "local_alias_field_label": "Helyi cím",
+            "local_aliases_explainer_room": "Állítson be címeket ehhez a szobához, hogy a felhasználók megtalálhassák a Matrix-kiszolgálón (%(localDomain)s) keresztül",
+            "local_aliases_explainer_space": "Állítson be címeket ehhez a térhez, hogy a felhasználók megtalálhassák a Matrix-kiszolgálón (%(localDomain)s) keresztül",
+            "local_aliases_section": "Helyi címek",
+            "name_field_label": "Szoba neve",
+            "new_alias_placeholder": "Új nyilvános cím (pl.: #becenév:kiszolgáló)",
+            "no_aliases_room": "Ennek a szobának nincs helyi címe",
+            "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.",
+            "published_aliases_section": "Nyilvánosságra hozott cím",
+            "save": "Változtatások mentése",
+            "topic_field_label": "Szoba témája"
+        },
+        "notifications": {
+            "browse_button": "Böngészés",
+            "custom_sound_prompt": "Új egyéni hang beállítása",
+            "notification_sound": "Értesítési hang",
+            "settings_link": "Értesítések fogadása a <a>beállításokban</a> megadottak szerint",
+            "sounds_section": "Hangok",
+            "upload_sound_label": "Egyéni hang feltöltése",
+            "uploaded_sound": "Feltöltött hang"
+        },
+        "people": {
+            "knock_empty": "Nincsenek kérések",
+            "knock_section": "Csatlakozás kérése",
+            "see_less": "Részletek elrejtése",
+            "see_more": "Részletek megjelenítése"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Több jog adása egy vagy több felhasználónak a szobában",
+            "add_privileged_user_filter_placeholder": "Felhasználók keresése a szobában…",
+            "add_privileged_user_heading": "Privilegizált felhasználók hozzáadása",
+            "ban": "Felhasználók kitiltása",
+            "ban_reason": "Ok",
+            "banned_by": "Kitiltotta: %(displayName)s",
+            "banned_users_section": "Kitiltott felhasználók",
+            "error_changing_pl_description": "Hiba történt a felhasználó hozzáférési szintjének megváltoztatása során. Ellenőrizze, hogy megvan-e hozzá a megfelelő jogosultsága, és próbálja újra.",
+            "error_changing_pl_reqs_description": "Hiba történt a szobához szükséges hozzáférési szint megváltoztatása során. Ellenőrizze, hogy megvan-e hozzá a megfelelő jogosultsága, és próbálja újra.",
+            "error_changing_pl_reqs_title": "A szükséges hozzáférési szint megváltoztatása nem sikerült",
+            "error_changing_pl_title": "Hiba történt a hozzáférési szint megváltoztatása során",
+            "error_unbanning": "A kitiltás visszavonása sikertelen",
+            "events_default": "Üzenetek küldése",
+            "invite": "Felhasználók meghívása",
+            "kick": "Felhasználók eltávolítása",
+            "m.call": "%(brand)s hívás indítása",
+            "m.call.member": "Csatlakozás ebbe a hívásba: %(brand)s",
+            "m.reaction": "Reakció küldése",
+            "m.room.avatar": "Szoba profilképének megváltoztatása",
+            "m.room.avatar_space": "Tér profilképének megváltoztatása",
+            "m.room.canonical_alias": "A szoba elsődleges címének megváltoztatása",
+            "m.room.canonical_alias_space": "Tér elsődleges címének megváltoztatása",
+            "m.room.encryption": "Szoba titkosításának bekapcsolása",
+            "m.room.history_visibility": "Régi üzenetek láthatóságának megváltoztatása",
+            "m.room.name": "Szoba nevének megváltoztatása",
+            "m.room.name_space": "Tér nevének megváltoztatása",
+            "m.room.pinned_events": "Kitűzött események kezelése",
+            "m.room.power_levels": "Jogosultságok megváltoztatása",
+            "m.room.redaction": "Saját elküldött üzenetek törlése",
+            "m.room.server_acl": "Kiszolgáló ACL-ek módosítása",
+            "m.room.tombstone": "Szoba fejlesztése",
+            "m.room.topic": "Téma megváltoztatása",
+            "m.room.topic_space": "Leírás megváltoztatása",
+            "m.space.child": "A tér szobáinak kezelése",
+            "m.widget": "Kisalkalmazások megváltoztatása",
+            "muted_users_section": "Elnémított felhasználók",
+            "no_privileged_users": "Egy felhasználónak sincsenek specifikus jogosultságai ebben a szobában",
+            "notifications.room": "Mindenki értesítése",
+            "permissions_section": "Jogosultságok",
+            "permissions_section_description_room": "A szoba bizonyos beállításainak megváltoztatásához szükséges szerep kiválasztása",
+            "permissions_section_description_space": "A tér bizonyos beállításainak megváltoztatásához szükséges szerep kiválasztása",
+            "privileged_users_section": "Privilegizált felhasználók",
+            "redact": "Mások által küldött üzenetek törlése",
+            "send_event_type": "%(eventType)s esemény küldése",
+            "state_default": "Beállítások megváltoztatása",
+            "title": "Szerepek és jogosultságok",
+            "users_default": "Alapértelmezett szerep"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "Nincs jogosultsága a szoba előzményeinek láthatóságának módosítására. Ez veszélyes, mivel lehetővé teheti a nem csatlakozott felhasználók számára az üzenetek olvasását.",
+                "title": "A szobát nem lehet priváttá tenni"
+            },
+            "enable_encryption_confirm_description": "Ha egyszer engedélyezve lett, a szoba titkosítását nem lehet kikapcsolni. A titkosított szobákban küldött üzenetek a kiszolgáló számára nem, csak a szoba tagjai számára láthatók. A titkosítás bekapcsolása megakadályoz sok botot és hidat a megfelelő működésben. <a>Tudjon meg többet a titkosításról.</a>",
+            "enable_encryption_confirm_title": "Titkosítás engedélyezése?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Nyilvános szobához nem javasolt a titkosítás beállítása.</b>Bárki megtalálhatja és csatlakozhat nyilvános szobákhoz, így bárki elolvashatja az üzeneteket bennük. A titkosítás előnyeit így nem jelentkeznek és később ezt nem lehet kikapcsolni. Nyilvános szobákban a titkosított üzenetek az üzenetküldést és fogadást csak lassítják.",
+            "enable_encryption_public_room_confirm_description_2": "Az ehhez hasonló problémák elkerüléséhez készítsen <a>új titkosított szobát</a> a tervezett beszélgetésekhez.",
+            "enable_encryption_public_room_confirm_title": "Biztos, hogy titkosítást állít be ehhez a nyilvános szobához?",
+            "encrypted_room_public_confirm_description_1": "<b>Titkosított szobát nem célszerű nyilvánossá tenni.</b> Bárki megtalálhatja és csatlakozhat nyilvános szobákhoz, így bárki elolvashatja az üzeneteket bennük. A titkosítás előnyeit így nem jelentkeznek és később ezt nem lehet kikapcsolni. Nyilvános szobákban a titkosított üzenetek az üzenetküldést és fogadást csak lassítják.",
+            "encrypted_room_public_confirm_description_2": "Az ehhez hasonló problémák elkerüléséhez készítsen <a>új nyilvános szobát</a> a tervezett beszélgetésekhez.",
+            "encrypted_room_public_confirm_title": "Biztos, hogy nyilvánossá teszi ezt a titkosított szobát?",
+            "encryption_forced": "A kiszolgáló megköveteli a titkosítás letiltását.",
+            "encryption_permanent": "Ha egyszer bekapcsolod, már nem lehet kikapcsolni.",
+            "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": "Tagok a meghívásuktól",
+            "history_visibility_legend": "Ki olvashatja a régi üzeneteket?",
+            "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": "Csak meghívóval",
+            "join_rule_invite_description": "Csak a meghívott emberek léphetnek be.",
+            "join_rule_knock": "Kérjen csatlakozást",
+            "join_rule_knock_description": "Az emberek nem léphetnek be, hacsak nem kapnak engedélyt a belépéshez.",
+            "join_rule_public": "Bárki",
+            "join_rule_public_description": "Bárki csatlakozhat.",
+            "join_rule_restricted": "Tértagság",
+            "join_rule_restricted_description": "Az engedélyezett terekben bárki csatlakozhat meghívó nélkül. <a>Terek kezelése</a>",
+            "join_rule_restricted_description_active_space": "A(z) <spaceName/> térből bárki beléphet.",
+            "join_rule_restricted_description_prompt": "Bárki csatlakozhat, aki a téren van.",
+            "join_rule_restricted_description_spaces": "Engedélyezett terek",
+            "join_rule_restricted_dialog_description": "Terek, ahol a tagok meghívás nélkül csatlakozhatnak ide: <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Az összes engedélyezett teret eltávolítja. A hozzáférés alapértelmezés szerint csak meghívóval lesz elérhető.",
+            "join_rule_restricted_dialog_filter_placeholder": "Terek keresése",
+            "join_rule_restricted_dialog_heading_known": "Az Ön terei közül azok, amelyek nem tartalmazzák ezt a szobát",
+            "join_rule_restricted_dialog_heading_other": "Egyéb terek, amelyeknek nem tagja",
+            "join_rule_restricted_dialog_heading_room": "Az Ön terei, amelyek ezt a szobát tartalmazzák",
+            "join_rule_restricted_dialog_heading_space": "Terek melyről tudja, hogy ezt a teret tartalmazzák",
+            "join_rule_restricted_dialog_heading_unknown": "Ezek valószínűleg olyanok, amelyeknek más szobaadminisztrátorok is tagjai.",
+            "join_rule_restricted_dialog_title": "Terek kezelése",
+            "join_rule_restricted_n_more": {
+                "és még %(count)s": "one"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Jelenleg egy tér engedélyezett",
+                "other": "Jelenleg %(count)s tér engedélyezett"
+            },
+            "join_rule_restricted_upgrade_description": "Ez a fejlesztés lehetővé teszi, hogy a kiválasztott terek tagjai meghívó nélkül is elérjék ezt a szobát.",
+            "join_rule_restricted_upgrade_warning": "Ez a szoba olyan terekben is benne van, amelynek nem Ön az adminisztrátora. Ezekben a terekben továbbra is a régi szoba jelenik meg, de az emberek jelzést kapnak, hogy lépjenek be az újba.",
+            "join_rule_upgrade_awaiting_room": "Új szoba betöltése",
+            "join_rule_upgrade_required": "Fejlesztés szükséges",
+            "join_rule_upgrade_sending_invites": {
+                "Meghívók küldése…": "one",
+                "Meghívók küldése… (%(progress)s / %(count)s)": "other"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "Terek frissítése…": "one",
+                "Terek frissítése… (%(progress)s / %(count)s)": "other"
+            },
+            "join_rule_upgrade_upgrading_room": "Szoba fejlesztése",
+            "join_rule_world_readable_description": "A szobába való belépés jogosultságának módosítása a jövőbeli üzenetek láthatóságát is megváltoztatja.",
+            "public_without_alias_warning": "Hogy hivatkozhasson erre a szobára, adjon hozzá egy címet.",
+            "publish_room": "Szoba láthatóvá tétele a nyilvános szobakatalógusban.",
+            "publish_space": "Tér láthatóvá tétele a nyilvános szobakatalógusban.",
+            "strict_encryption": "Üzenetküldés csak ellenőrzött felhasználóknak",
+            "title": "Biztonság és adatvédelem"
+        },
+        "title": "Szoba beállításai – %(roomName)s",
+        "upload_avatar_label": "Profilkép feltöltése",
+        "visibility": {
+            "alias_section": "Cím",
+            "error_failed_save": "Nem sikerült frissíteni a tér beállításait",
+            "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_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": "Biztonság és adatvédelem"
+        },
+        "voip": {
+            "call_type_section": "Hívás típusa",
+            "enable_element_call_caption": "%(brand)s végpontok között titkosított de jelenleg csak kevés számú résztvevővel működik.",
+            "enable_element_call_label": "%(brand)s engedélyezése mint további opció hívásokhoz a szobában",
+            "enable_element_call_no_permissions_tooltip": "Nincs megfelelő jogosultság a megváltoztatáshoz."
+        }
+    },
+    "room_summary_card_back_action_label": "Szobainformációk",
+    "scalar": {
+        "error_create": "Nem lehet kisalkalmazást létrehozni.",
+        "error_membership": "Nem tagja ennek a szobának.",
+        "error_missing_room_id": "Hiányzó szobaazonosító.",
+        "error_missing_room_id_request": "A kérésből hiányzik a szobaazonosító",
+        "error_missing_user_id_request": "A kérésből hiányzik a szobaazonosító",
+        "error_permission": "Nincs jogosultsága ezt tenni ebben a szobában.",
+        "error_power_level_invalid": "A szintnek pozitív egésznek kell lennie.",
+        "error_room_not_visible": "A(z) %(roomId)s szoba nem látható",
+        "error_room_unknown": "Ez a szoba nem ismerős.",
+        "error_send_request": "A kérést nem sikerült elküldeni.",
+        "failed_read_event": "Az esemény olvasása sikertelen",
+        "failed_send_event": "Az esemény küldése sikertelen"
+    },
+    "server_offline": {
+        "description": "A kiszolgálója nem válaszol egyes kéréseire. Alább látható pár lehetséges ok.",
+        "description_1": "A kiszolgálónak (%(serverName)s) túl sokáig tartott, hogy válaszoljon.",
+        "description_2": "A tűzfala vagy víruskeresője blokkolja a kérést.",
+        "description_3": "Egy böngészőkiegészítő megakadályozza a kérést.",
+        "description_4": "A kiszolgáló nem működik.",
+        "description_5": "A kiszolgáló elutasította a kérést.",
+        "description_6": "A területe nehézségeket tapasztal az internetkapcsolatában.",
+        "description_7": "Kapcsolati hiba történt a kiszolgáló elérése során.",
+        "description_8": "A kiszolgáló nem úgy van beállítva, hogy megjelenítse a probléma forrását (CORS).",
+        "empty_timeline": "Mindennel naprakész.",
+        "recent_changes_heading": "A legutóbbi változások, amelyek még nem érkeztek meg",
+        "title": "A kiszolgáló nem válaszol"
+    },
+    "service_worker_error": {
+        "description": "Az %(brand)s ún. service workert igényel a hitelesített médiafájlok Matrix tartalomtárolókból történő betöltéséhez. Ezt a böngészője nem támogatja, ezért előfordulhat, hogy a médiafájlok nem töltődnek be.",
+        "title": "Nem sikerült betölteni a service workert"
+    },
+    "seshat": {
+        "error_initialising": "Az üzenetkeresés előkészítése sikertelen, további információkért ellenőrizze a <a>beállításait</a>",
+        "reset_button": "Az eseménytároló alaphelyzetbe állítása",
+        "reset_description": "Az eseményindex-tárolót nagy valószínűséggel nem szeretné alaphelyzetbe állítani",
+        "reset_explainer": "Ha ezt teszi, tudnia kell, hogy az üzenetek nem lesznek törölve, de a keresési élmény addig nem lesz tökéletes, amíg az indexek újra el nem készülnek",
+        "reset_title": "Alaphelyzetbe állítja az eseménytárolót?",
+        "warning_kind_files": "Az %(brand)s ezen verziója nem minden titkosított fájl megjelenítését támogatja",
+        "warning_kind_files_app": "Az összes titkosított fájl eléréséhez használja az <a>asztali alkalmazást</a>",
+        "warning_kind_search": "Az %(brand)s ezen verziója nem támogatja a titkosított üzenetekben való keresést",
+        "warning_kind_search_app": "A titkosított üzenetek kereséséhez használja az <a>asztali alkalmazást</a>"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "A hozzáférési kulcs teljes elérést biztosít a fiókhoz. Soha ne ossza meg mással.",
+            "brand_version": "%(brand)s verzió:",
+            "clear_cache_reload": "Gyorsítótár ürítése és újratöltés",
+            "crypto_version": "Kripto verzió:",
+            "dialog_title": "<strong>Beállítások:</strong> Súgó és névjegy",
+            "help_link": "Az %(brand)s használatában való segítséghez kattintson <a>ide</a>.",
+            "homeserver": "Matrix-kiszolgáló: <code>%(homeserverUrl)s</code>",
+            "identity_server": "Azonosítási kiszolgáló: <code>%(identityServerUrl)s</code>",
+            "title": "Súgó és névjegy",
+            "versions": "Verziók"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Beállítások: </strong> Fiók",
+            "title": "Fiók"
+        },
+        "all_rooms_home": "Minden szoba megjelenítése a Kezdőlapon",
+        "all_rooms_home_description": "Minden szoba, amelybe belépett, megjelenik a Kezdőlapon.",
+        "always_show_message_timestamps": "Üzenetek időbélyegének megjelenítése mindig",
+        "appearance": {
+            "bundled_emoji_font": "Mellékelt emodzsi-betűkészlet használata",
+            "compact_layout": "Kompakt szövegek és üzenetek megjelenítése",
+            "compact_layout_description": "A funkció használatához modern elrendezést kell választani.",
+            "custom_font": "Rendszer betűkészletének használata",
+            "custom_font_description": "Adja meg a rendszer által használt betűkészlet nevét, és az %(brand)s megpróbálja azt használni.",
+            "custom_font_name": "Rendszer betűkészletének neve",
+            "custom_font_size": "Egyéni méret használata",
+            "custom_theme_add": "Egyéni téma hozzáadása",
+            "custom_theme_downloading": "Egyéni téma letöltése…",
+            "custom_theme_error_downloading": "Hiba a téma letöltése során",
+            "custom_theme_help": "Adja meg az alkalmazandó egyéni téma webcímét.",
+            "custom_theme_invalid": "Érvénytelen témaséma.",
+            "dialog_title": "<strong>Beállítások:</strong> Megjelenés",
+            "font_size": "Betűméret",
+            "font_size_default": "%(fontSize)s (alapértelmezett)",
+            "high_contrast": "Magas kontrasztú",
+            "image_size_default": "Alapértelmezett",
+            "image_size_large": "Nagy",
+            "layout_bubbles": "Üzenetbuborékok",
+            "layout_irc": "IRC (kísérleti)",
+            "match_system_theme": "Rendszer témájához megfelelő",
+            "timeline_image_size": "Képméret az idővonalon"
+        },
+        "automatic_language_detection_syntax_highlight": "Nyelv automatikus felismerése a szintaxiskiemeléshez",
+        "autoplay_gifs": "GIF-ek automatikus lejátszása",
+        "autoplay_videos": "Videók automatikus lejátszása",
+        "big_emoji": "Nagy emodzsik engedélyezése a csevegésekben",
+        "code_block_expand_default": "Kódblokkok kibontása alapértelmezetten",
+        "code_block_line_numbers": "Sorszámok megjelenítése a kódblokkokban",
+        "disable_historical_profile": "A felhasználók jelenlegi profilképének és nevének megjelenítése az üzenetelőzményekben",
+        "discovery": {
+            "title": "Hogyan találhatják meg"
+        },
+        "emoji_autocomplete": "Emodzsik gépelés közbeni felajánlásának bekapcsolása",
+        "enable_markdown": "Markdown engedélyezése",
+        "enable_markdown_description": "Kezdje az üzenetet a <code>/plain</code> paranccsal, hogy markdown formázás nélkül küldje el.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Fiókadatait, névjegyeit, beállításait és csevegési listáját megőrizzük",
+                "breadcrumb_page": "Titkosítás alaphelyzetbe állítása",
+                "breadcrumb_second_description": "Elveszít minden olyan üzenetelőzményt, amely csak a kiszolgálón van tárolva.",
+                "breadcrumb_third_description": "Újra ellenőriznie kell az összes meglévő eszközét és névjegyét",
+                "breadcrumb_title": "Biztos, hogy alaphelyzetbe állítja a digitális személyazonosságát?",
+                "breadcrumb_title_cant_confirm": "Alaphelyzetbe kell állítania a digitális személyazonosságát",
+                "breadcrumb_title_forgot": "Elfelejtette a helyreállítási kulcsot? Alaphelyzetbe kell állítania a digitális személyazonosságát.",
+                "breadcrumb_title_sync_failed": "A kulcstároló szinkronizálása sikertelen. Alaphelyzetbe kell állítania a digitális személyazonosságát.",
+                "breadcrumb_warning": "Csak akkor tegye ezt, ha úgy gondolja, hogy fiókját feltörték.",
+                "details_title": "Titkosítás részletei",
+                "do_not_close_warning": "Ne zárja be ezt az ablakot, amíg az alaphelyzetbe állítás be nem fejeződik",
+                "export_keys": "Kulcsok exportálása",
+                "import_keys": "Kulcsok importálása",
+                "other_people_device_description": "Figyelmeztetés: azok a felhasználók, akikkel nem ellenőrizték kölcsönösen egymást (például emodzsik használatával), nem kapják meg a titkosított üzeneteket. Ezenkívül az ellenőrzött felhasználók nem ellenőrzött eszközei sem kapják meg a titkosított üzeneteket.",
+                "other_people_device_label": "Titkosított szobákban csak az ellenőrzött felhasználók kapják meg az üzeneteket",
+                "other_people_device_title": "Mások eszközei",
+                "reset_identity": "Kriptográfiai személyazonosság alaphelyzetbe állítása",
+                "reset_in_progress": "Alaphelyzetbe állítás folyamatban…",
+                "session_id": "Munkamenet-azonosító:",
+                "session_key": "Munkamenetkulcs:",
+                "title": "Speciális"
+            },
+            "confirm_key_storage_off": "Biztosan kikapcsolva szeretné tartani a kulcstárolást?",
+            "confirm_key_storage_off_description": "Ha eltávolítja az összes eszközét, elveszíti üzenetelőzményeit, és újra ellenőriznie kell az összes meglévő kapcsolatát. <a>Tudjon meg többet</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Kulcstároló törlése",
+                "confirm": "Kulcstároló törlése",
+                "description": "A kulcstároló törlése eltávolítja a kriptográfiai személyazonosságát és üzenetkulcsát a kiszolgálóról, és kikapcsolja a következő biztonsági funkciókat:",
+                "list_first": "Nem lesznek meg a titkosított üzenetek előzményei az új eszközein",
+                "list_second": "Elveszíti hozzáférését titkosított üzeneteihez, ha egy eszközön sincs bejelentkezve.",
+                "title": "Biztos, hogy kikapcsolja a kulcstárolót és törli azt?"
+            },
+            "device_not_verified_button": "Az eszköz ellenőrzése",
+            "device_not_verified_description": "A titkosítási beállítások megtekintéséhez ellenőriznie kell ezt az eszközt.",
+            "device_not_verified_title": "Az eszköz nincs ellenőrizve",
+            "dialog_title": "<strong>Beállítások:</strong> Titkosítás",
+            "key_storage": {
+                "allow_key_storage": "Kulcstárolás engedélyezése",
+                "description": "Ez lehetővé teszi az üzenetelőzmények megtekintését bármely új eszközön, és szükséges a csevegések és a digitális személyazonossága biztonsági mentéséhez. <a>További információ</a>",
+                "title": "Kulcstároló"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Új helyreállítási kulcs megerősítése",
+                "change_recovery_confirm_description": "A befejezéshez adja meg alább az új helyreállítási kulcsot. A régi már nem fog működni.",
+                "change_recovery_confirm_title": "Adja meg az új helyreállítási kulcsot",
+                "change_recovery_key": "Helyreállítási kulcs módosítása",
+                "change_recovery_key_description": "Írja le ezt az új helyreállítási kulcsot egy biztonságos helyre. Ezután kattintson a Folytatás gombra a módosítás megerősítéséhez.",
+                "change_recovery_key_title": "Módosítja a helyreállítási kulcsot?",
+                "description": "A csevegései automatikusan mentve vannak, végpontok közti titkosítással Ahhoz, hogy az eszközei elvesztése esetén helyre tudja állítani a biztonsági mentést és megtartsa a digitális személyazonosságát, egy helyreállítási kulcsra van szüksége.",
+                "enter_key_error": "A megadott helyreállítási kulcs helytelen.",
+                "enter_recovery_key": "Adja meg a helyreállítási kulcsot",
+                "forgot_recovery_key": "Elfelejtette a helyreállítási kulcsot?",
+                "key_storage_warning": "A kulcstároló nincs szinkronban. Kattintson az alábbi gombra a probléma megoldásához.",
+                "save_key_description": "Ne ossza meg ezt senkivel!",
+                "save_key_title": "Helyreállítási kulcs",
+                "set_up_recovery": "Helyreállítási kulcs beszerzése",
+                "set_up_recovery_confirm_button": "Beállítás befejezése",
+                "set_up_recovery_confirm_description": "Adja meg az előző képernyőn látható helyreállítási kulcsot a helyreállítás beállításának befejezéséhez.",
+                "set_up_recovery_confirm_title": "A megerősítéshez adja meg a helyreállítási kulcsot",
+                "set_up_recovery_description": "A kulcstárolót helyreállítási kulcs védi. Ha a beállítás után új helyreállítási kulcsra van szüksége, akkor azt a „%(changeRecoveryKeyButton)s” választásával hozhatja létre újra.",
+                "set_up_recovery_save_key_description": "Jegyezze fel ezt a helyreállítási kulcsot egy biztonságos helyre, például jelszókezelőbe, titkosított jegyzetbe vagy fizikai széfbe.",
+                "set_up_recovery_save_key_title": "Mentse a helyreállítási kulcsot egy biztonságos helyre",
+                "set_up_recovery_secondary_description": "Miután rákattintott a folytatásra, létrehozunk Önnek egy helyreállítási kulcsot.",
+                "title": "Biztonsági mentés"
+            },
+            "title": "Titkosítás"
+        },
+        "general": {
+            "account_management_section": "Fiókkezelés",
+            "account_section": "Fiók",
+            "add_email_dialog_title": "E-mail-cím hozzáadása",
+            "add_email_failed_verification": "Az e-mail-cím ellenőrzése sikertelen: ellenőrizze, hogy az e-mailben lévő hivatkozásra kattintott-e",
+            "add_email_instructions": "E-mail üzenetet küldtünk Önnek, hogy ellenőrizzük a címét. Kövesse az ott leírt utasításokat, és kattintson az alábbi gombra.",
+            "add_msisdn_confirm_body": "A telefonszám hozzáadásának megerősítéséhez kattintson a lenti gombra.",
+            "add_msisdn_confirm_button": "Telefonszám hozzáadásának megerősítése",
+            "add_msisdn_confirm_sso_button": "Erősítse meg a telefonszám hozzáadását azáltal, hogy az egyszeri bejelentkezéssel bizonyítja a személyazonosságát.",
+            "add_msisdn_dialog_title": "Telefonszám hozzáadása",
+            "add_msisdn_instructions": "A szöveges üzenetet elküldtük a +%(msisdn)s számra. Kérlek add meg az ellenőrző kódot amit tartalmazott.",
+            "add_msisdn_misconfigured": "Az MSISDN folyamattal történő hozzáadás / kötés hibásan van beállítva",
+            "allow_spellcheck": "Helyesírás-ellenőrzés engedélyezése",
+            "application_language": "Alkalmazás nyelve",
+            "application_language_reload_hint": "Az alkalmazás újratöltődik egy másik nyelv kiválasztása után",
+            "avatar_open_menu": "Profilkép menü megnyitása",
+            "avatar_remove_progress": "Kép eltávolítása...",
+            "avatar_save_progress": "Kép feltöltése...",
+            "avatar_upload_error_text": "A fájlformátum nem támogatott, vagy a kép nagyobb, mint %(size)s.",
+            "avatar_upload_error_text_generic": "Előfordulhat, hogy a fájlformátum nem támogatott.",
+            "avatar_upload_error_title": "Az profilképet nem lehetett feltölteni",
+            "confirm_adding_email_body": "Az e-mail-cím hozzáadásának megerősítéséhez kattintson a lenti gombra.",
+            "confirm_adding_email_title": "E-mail-cím hozzáadásának megerősítése",
+            "deactivate_confirm_body": "Biztos, hogy felfüggeszted a fiókodat? Ezt nem lehet visszavonni.",
+            "deactivate_confirm_body_sso": "Erősítsd meg egyszeri bejelentkezéssel, hogy felfüggeszted ezt a fiókot.",
+            "deactivate_confirm_content": "Erősítse meg a fiók deaktiválását. Ha folytatja:",
+            "deactivate_confirm_content_1": "Nem fogja tudni újraaktiválni a fiókját",
+            "deactivate_confirm_content_2": "Nem lehet többé bejelentkezni",
+            "deactivate_confirm_content_3": "Senki nem használhatja többet a felhasználónevet (matrix azonosítot), Önt is beleértve: ez a felhasználói név használhatatlan marad",
+            "deactivate_confirm_content_4": "Minden szobából és közvetlen beszélgetésből kilép",
+            "deactivate_confirm_content_5": "Az azonosítási kiszolgálóról törlésre kerül: a barátai többé nem találják meg az e-mail-címe vagy a telefonszáma alapján",
+            "deactivate_confirm_content_6": "Azok a régi üzenetek, melyeket az emberek már megkaptak továbbra is láthatóak maradnak, mint a korábban küldött e-mailek. Szeretné elrejteni az üzeneteit azok elől, akik később lépnek be a szobába?",
+            "deactivate_confirm_continue": "Fiók deaktiválásának megerősítése",
+            "deactivate_confirm_erase_label": "Saját üzenetek elrejtése az újonnan csatlakozók elől",
+            "deactivate_section": "Fiók deaktiválása",
+            "deactivate_warning": "A fiók deaktiválása végleges – legyen óvatos!",
+            "discovery_email_empty": "A felderítési lehetőségek e-mail-cím hozzáadása után jelennek meg.",
+            "discovery_email_verification_instructions": "Ellenőrizze a hivatkozást a bejövő levelei közt",
+            "discovery_msisdn_empty": "A felderítési lehetőségek telefonszám hozzáadása után jelennek meg.",
+            "discovery_needs_terms": "Azonosítási kiszolgáló (%(serverName)s) felhasználási feltételeinek elfogadása, ezáltal megtalálhatóvá lesz e-mail-cím vagy telefonszám alapján.",
+            "discovery_needs_terms_title": "Hagyja, hogy mások megtalálhassák",
+            "display_name": "Megjelenítendő név",
+            "display_name_error": "Nem sikerült beállítani a megjelenítési nevet",
+            "email_adding_unsupported_by_hs": "Ez a Matrix-kiszolgáló nem támogatja az e-mail-címek hozzáadását a fiókjához.",
+            "email_address_in_use": "Ez az e-mail-cím már használatban van",
+            "email_address_label": "E-mail cím",
+            "email_not_verified": "Az e-mail-címe még nincs ellenőrizve",
+            "email_verification_instructions": "Az ellenőrzéshez kattintson a kapott e-mailben lévő hivatkozásra, és kattintson újra a folytatásra.",
+            "emails_heading": "E-mail-cím",
+            "error_add_email": "Az e-mail címet nem sikerült hozzáadni",
+            "error_deactivate_communication": "Hiba történt a kiszolgálóval való kommunikáció során. Próbálja újra.",
+            "error_deactivate_invalid_auth": "A kiszolgáló nem küldött vissza érvényes hitelesítési információkat.",
+            "error_deactivate_no_auth": "A kiszolgáló nem követelt meg semmilyen hitelesítést",
+            "error_email_verification": "Az e-mail cím ellenőrzése sikertelen.",
+            "error_invalid_email": "Érvénytelen e-mail-cím",
+            "error_invalid_email_detail": "Ez nem tűnik helyes e-mail címnek",
+            "error_msisdn_verification": "A telefonszámot nem sikerült ellenőrizni.",
+            "error_password_change_403": "Nem sikerült megváltoztatni a jelszót. Helyesen írta be a jelszavát?",
+            "error_password_change_http": "%(errorMessage)s (HTTP állapot: %(httpStatus)s)",
+            "error_password_change_title": "Hiba a jelszó módosítása során",
+            "error_password_change_unknown": "Ismeretlen jelszómódosítási hiba (%(stringifiedError)s)",
+            "error_remove_3pid": "A névjegy információkat nem sikerült törölni",
+            "error_revoke_email_discovery": "Az e-mail cím megosztását nem sikerült visszavonni",
+            "error_revoke_msisdn_discovery": "A telefonszám megosztást nem sikerült visszavonni",
+            "error_share_email_discovery": "Az e-mail címet nem sikerült megosztani",
+            "error_share_msisdn_discovery": "A telefonszámot nem sikerült megosztani",
+            "identity_server_no_token": "Nem található személyazonosság-hozzáférési kulcs",
+            "identity_server_not_set": "Az azonosítási kiszolgáló nincs megadva",
+            "invalid_phone_number": "A megadott telefonszám nem tűnik érvényesnek.",
+            "language_section": "Nyelv",
+            "msisdn_adding_unsupported_by_hs": "Ez a Matrix-kiszolgáló nem támogatja a telefonszámok hozzáadását a fiókjához.",
+            "msisdn_in_use": "Ez a telefonszám már használatban van",
+            "msisdn_label": "Telefonszám",
+            "msisdn_verification_field_label": "Ellenőrző kód",
+            "msisdn_verification_instructions": "Kérlek add meg az ellenőrző kódot amit szövegben küldtünk.",
+            "msisdns_heading": "Telefonszámok",
+            "oidc_manage_button": "Fiók kezelése",
+            "password_change_section": "Új fiókjelszó beállítása…",
+            "password_change_success": "A jelszó sikeresen megváltozott.",
+            "personal_info": "Személyes információk",
+            "profile_subtitle": "Így jelenik meg mások számára az alkalmazásban.",
+            "profile_subtitle_oidc": "Fiókját egy személyazonosság-szolgáltató külön kezeli, így a személyes adatok egy része itt nem változtatható meg.",
+            "remove_email_prompt": "%(email)s törlése?",
+            "remove_msisdn_prompt": "%(phone)s törlése?",
+            "spell_check_locale_placeholder": "Válasszon nyelvet",
+            "unable_to_load_emails": "Nem sikerült betölteni az e-mail-címeket",
+            "unable_to_load_msisdns": "Nem sikerült betölteni a telefonszámokat",
+            "username": "Felhasználónév"
+        },
+        "inline_url_previews_default": "Előnézetek engedélyezése",
+        "inline_url_previews_encrypted": "Előnézetek engedélyezése a titkosított szobákban",
+        "insert_trailing_colon_mentions": "Záró kettőspont beszúrása egy felhasználó üzenet elején való megemlítésekor",
+        "invite_controls": {
+            "default_label": "Felhasználók meghívhatják szobákba"
+        },
+        "jump_to_bottom_on_send": "Üzenetküldés után az idővonal aljára ugrás",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "A kulcsai nem kerülnek elmentésre erről az eszközről.",
+                "backup_setup_success_title": "Biztonsági mentés sikeres",
+                "cancel_warning": "Ha most megszakítja, akkor a munkameneteihez való hozzáférés elvesztésével elveszítheti a titkosított üzeneteit és adatait.",
+                "confirm_security_phrase": "Biztonsági Jelmondat megerősítése",
+                "description": "Védekezzen a titkosított üzenetekhez és adatokhoz való hozzáférés elvesztése ellen a titkosítási kulcsok kiszolgálóra történő mentésével.",
+                "download_or_copy": "%(downloadButton)s vagy %(copyButton)s",
+                "enter_phrase_description": "Olyan biztonsági jelmondatot adjon meg amit csak Ön ismer, mert ez fogja az adatait őrizni. Hogy biztonságos legyen ne használja a fiók jelszavát.",
+                "enter_phrase_title": "Biztonsági jelmondat megadása",
+                "enter_phrase_to_confirm": "A megerősítéshez adja meg a biztonsági jelmondatot még egyszer.",
+                "generate_security_key_description": "A helyreállítási kulcsa elő lesz állítva, ezt tárolja valamilyen biztonságos helyen, például egy jelszókezelőben vagy egy széfben.",
+                "generate_security_key_title": "Helyreállítási kulcs előállítása",
+                "pass_phrase_match_failed": "Nem egyeznek.",
+                "pass_phrase_match_success": "Egyeznek!",
+                "phrase_strong_enough": "Nagyszerű! Ez a biztonsági jelmondat elég erősnek tűnik.",
+                "secret_storage_query_failure": "A biztonsági tároló állapotát nem lehet lekérdezni",
+                "security_key_safety_reminder": "A helyreállítási kulcsot tárolja biztonságos helyen, például egy jelszókezelőben vagy egy széfben, mivel ez tartja biztonságban a titkosított adatait.",
+                "set_phrase_again": "Lépjen vissza és állítsa be újra.",
+                "settings_reminder": "A biztonsági mentés beállítását és a kulcsok kezelését a Beállításokban is megadhatja.",
+                "title_confirm_phrase": "Biztonsági jelmondat megerősítése",
+                "title_save_key": "Mentse el a helyreállítási kulcsát",
+                "title_set_phrase": "Biztonsági jelmondat beállítása",
+                "unable_to_setup": "A biztonsági tárolót nem sikerült beállítani",
+                "use_different_passphrase": "Másik jelmondat használata?",
+                "use_phrase_only_you_know": "Olyan biztonsági jelmondatot használjon, amelyet csak Ön ismer, és esetleg mentsen el egy helyreállítási kulcsot vésztartalékként."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Jelmondat megerősítése",
+            "enter_passphrase": "Jelmondat megadása",
+            "export_description_1": "Ezzel a folyamattal kimentheted a titkosított szobák üzeneteihez tartozó kulcsokat egy helyi fájlba. Ez után be tudod tölteni ezt a fájlt egy másik Matrix kliensbe, így az a kliens is vissza tudja fejteni az üzeneteket.",
+            "export_description_2": "Az exportált fájl lehetővé teszi, hogy bárki, aki el tudja olvasni, visszafejtse a titkosított üzeneteket, amelyeket Ön láthat, ezért ügyeljen a biztonságra. Ennek érdekében az alábbiakban adjon meg egy egyedi jelmondatot, amely csak az exportált adatok titkosítására szolgál. Az adatok importálása csak ugyanezen jelszó használatával lesz lehetséges.",
+            "export_title": "Szobakulcsok exportálása",
+            "file_to_import": "Fájl betöltése",
+            "import_description_1": "Ezzel a folyamattal importálhatja a titkosítási kulcsokat, melyeket egy másik Matrix-kliensből exportált. Ezután minden olyan üzenetet vissza tud fejteni, melyet a másik kliens is tudott.",
+            "import_description_2": "Az exportált fájl jelmondattal van védve. A kibontásához adja meg a jelmondatot.",
+            "import_title": "Szobakulcsok importálása",
+            "phrase_cannot_be_empty": "A jelmondat nem lehet üres",
+            "phrase_must_match": "A jelmondatoknak meg kell egyezniük",
+            "phrase_strong_enough": "Nagyszerű! Ez a jelmondat elég erősnek tűnik."
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Beállítások:</strong> Billentyűzet",
+            "title": "Billentyűzet"
+        },
+        "labs": {
+            "dialog_title": "<strong>Beállítások:</strong> Labor"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Beállítások:</strong> Figyelmen kívül hagyott felhasználók"
+        },
+        "media_preview": {
+            "hide_avatars": "A szoba és a meghívó profilképének elrejtése",
+            "hide_media": "Elrejtés mindig",
+            "media_preview_description": "A rejtett médiatartalmak koppintással jeleníthetők meg",
+            "media_preview_label": "Média megjelenítése az idővonalon",
+            "show_in_private": "Privát szobákban",
+            "show_media": "Megjelenítés mindig"
+        },
+        "not_supported": "A kiszolgálója nem valósítja meg ezt a funkciót.",
+        "notifications": {
+            "default_setting_description": "Ez a beállítás alapértelmezés szerint az összes szobájára érvényes lesz.",
+            "default_setting_section": "Szeretnék értesítést kapni az alábbiakról (Alapértelmezett beállítás)",
+            "desktop_notification_message_preview": "Üzenet-előnézet megjelenítése az asztali értesítésben",
+            "dialog_title": "<strong>Beállítások:</strong> Értesítések",
+            "email_description": "Összefoglaló fogadása e-mailben a nem fogadott értesítésekről",
+            "email_section": "E-mail-összefoglaló",
+            "email_select": "Válassza ki, hogy mely e-mail-címekre szeretne összefoglalókat küldeni. Itt kezelje az e-mail-címeit: <button>Általános</button>.",
+            "enable_audible_notifications_session": "Hallható értesítések engedélyezése ehhez a munkamenethez",
+            "enable_desktop_notifications_session": "Asztali értesítések engedélyezése ehhez a munkamenethez",
+            "enable_email_notifications": "E-mail-értesítések engedélyezése ehhez: %(email)s",
+            "enable_notifications_account": "Értesítések engedélyezése ehhez a fiókhoz",
+            "enable_notifications_account_detail": "Kapcsolja ki, hogy letiltsa az értesítéseket az összes eszközökén és munkamenetében",
+            "enable_notifications_device": "Értesítések engedélyezése ehhez az eszközhöz",
+            "error_loading": "Hiba történt az értesítés beállítások betöltése során.",
+            "error_permissions_denied": "A(z) %(brand)s alkalmazásnak nincs jogosultsága értesítést küldeni – ellenőrizze a böngésző beállításait",
+            "error_permissions_missing": "A(z) %(brand)s alkalmazásnak nincs jogosultsága értesítést küldeni – próbálja újra",
+            "error_saving": "Hiba az értesítési beállítások mentése során",
+            "error_saving_detail": "Hiba történt az értesítési beállításai mentése során.",
+            "error_title": "Az értesítések engedélyezése sikertelen",
+            "error_updating": "Hiba történt az értesítési beállítások frissítése során. Próbálja meg be- és kikapcsolni a beállítást.",
+            "invites": "Meghívták egy szobába",
+            "keywords": "A(z) <badge/> jelvény megjelenítése, amikor kulcsszavakat használnak egy szobában.",
+            "keywords_prompt": "Írja be ide a kulcsszavakat, vagy használjon eltérő betűzésű változatokat vagy beceneveket",
+            "labs_notice_prompt": "<strong>Frissítés:</strong> Egyszerűsítettük az Értesítési beállításokat, hogy azok könnyebben megtalálhatók legyenek. Néhány a múltban kiválasztott egyéni beállítás itt nem jelenik meg, de továbbra is aktív. Ha folytatja, néhány beállítás megváltozhat. <a>Tudjon meg többet</a>",
+            "mentions_keywords": "Említések és kulcsszavak",
+            "mentions_keywords_only": "Csak említések és kulcsszavak",
+            "messages_containing_keywords": "Kulcsszavakat tartalmazó üzenetek",
+            "noisy": "Hangos",
+            "notices": "Botok által küldött üzenetek",
+            "notify_at_room": "Értesítés, ha valaki megemlíti a @room használatával",
+            "notify_keyword": "Értesítés, ha valaki egy kulcsszót használ",
+            "notify_mention": "Értesítés, ha valaki megemlíti a @megjelenítendő-név vagy %(mxid)s használatával",
+            "other_section": "Egyéb dolgok, amelyekről úgy gondoljuk, hogy érdekelhetik:",
+            "people_mentions_keywords": "Emberek, említések és kulcsszavak",
+            "play_sound_for_description": "Alapértelmezés szerint az összes szobára érvényes, az összes eszközön.",
+            "play_sound_for_section": "Hang lejátszása a következőkhöz",
+            "push_targets": "Értesítések célpontja",
+            "quick_actions_mark_all_read": "Összes üzenet megjelölése olvasottként",
+            "quick_actions_reset": "Alapértelmezett beállítások visszaállítása",
+            "quick_actions_section": "Gyors műveletek",
+            "room_activity": "Új szobatevékenységek, frissítések és állapotüzenetek történtek",
+            "rule_call": "Hívásmeghívások",
+            "rule_contains_display_name": "A saját megjelenítendő nevét tartalmazó üzenetek",
+            "rule_contains_user_name": "A saját felhasználónevét tartalmazó üzenetek",
+            "rule_encrypted": "A csoportos csevegések titkosított üzenetei",
+            "rule_encrypted_room_one_to_one": "A közvetlen csevegések titkosított üzenetei",
+            "rule_invite_for_me": "Amikor meghívják egy szobába",
+            "rule_message": "A csoportos csevegések üzenetei",
+            "rule_room_one_to_one": "A közvetlen csevegések üzenetei",
+            "rule_roomnotif": "A @room megemlítést tartalmazó üzenetek",
+            "rule_suppress_notices": "Botok üzenetei",
+            "rule_tombstone": "Amikor a szobák fejlesztésre kerülnek",
+            "show_message_desktop_notification": "Üzenet megjelenítése az asztali értesítésekben",
+            "voip": "Hang- és videóhívások"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Ablak tartalmának más alkalmazások általi rögzítésének megakadályozása",
+            "Electron.enableHardwareAcceleration": "Hardveres gyorsítás engedélyezése (a(z) %(appName)s újraindítása szükséges az érvénybe lépéshez)",
+            "always_show_menu_bar": "Ablak menüsávjának megjelenítése mindig",
+            "autocomplete_delay": "Automatikus kiegészítés késleltetése (ms)",
+            "code_blocks_heading": "Kódblokkok",
+            "compact_modern": "Kompaktabb „Modern” elrendezés használata",
+            "composer_heading": "Szerkesztő",
+            "default_timezone": "Böngésző alapértelmezése (%(timezone)s)",
+            "dialog_title": "<strong>Beállítások:</strong> Beállítások",
+            "enable_content_protection": "Tartalomvédelem engedélyezése",
+            "enable_hardware_acceleration": "Hardveres gyorsítás engedélyezése",
+            "enable_tray_icon": "Tálcaikon megjelenítése és az ablak minimalizálása bezáráskor",
+            "keyboard_heading": "Gyorsbillentyűk",
+            "keyboard_view_shortcuts_button": "Az összes gyorsbillentyű megtekintéséhez <a>kattintson ide</a>.",
+            "link_previews_description": "Információkat jelenít meg a hivatkozásokról az üzenetek alatt",
+            "link_previews_heading": "Hivatkozás-előnézetek",
+            "media_heading": "Képek, GIF-ek és videók",
+            "presence_description": "Ossza meg a tevékenységét és állapotát másokkal.",
+            "publish_timezone": "Időzóna közzététele a nyilvános profilon",
+            "rm_lifetime": "Olvasási visszajelzés érvényessége (ms)",
+            "rm_lifetime_offscreen": "Olvasási visszajelzés érvényessége a képernyőn kívül (ms)",
+            "room_directory_heading": "Szobalista",
+            "room_list_heading": "Szobalista",
+            "show_avatars_pills": "Profilképek megjelenítése a felhasználók, szobák és események megemlítésénél",
+            "show_polls_button": "Szavazások gomb megjelenítése",
+            "startup_window_behaviour_label": "Az indítás és az ablak viselkedése",
+            "surround_text": "Kijelölt szöveg körülvétele speciális karakterek beírásakor",
+            "time_heading": "Idő megjelenítése",
+            "user_timezone": "Időzóna beállítása"
+        },
+        "prompt_invite": "Kérdés a vélhetően hibás Matrix-azonosítóknak küldött meghívók elküldése előtt",
+        "replace_plain_emoji": "Egyszerű szöveg automatikus cseréje emodzsira",
+        "security": {
+            "analytics_description": "Anonim adatok megosztása, hogy segítsen nekünk azonosítani a problémákat. Semmi személyes. Nincs harmadik fél.",
+            "bulk_options_accept_all_invites": "Mind a(z) %(invitedRooms)s meghívó elfogadása",
+            "bulk_options_reject_all_invites": "Mind a(z) %(invitedRooms)s meghívó elutasítása",
+            "bulk_options_section": "Tömeges beállítások",
+            "dehydrated_device_description": "Az offline eszköz funkció lehetővé teszi titkosított üzenetek fogadását akkor is, ha nincs bejelentkezve egyetlen eszközre sem",
+            "dehydrated_device_enabled": "Offline eszköz engedélyezve",
+            "dialog_title": "<strong>Beállítások:</strong> Biztonság és adatvédelem",
+            "e2ee_default_disabled_warning": "A kiszolgáló rendszergazdája alapértelmezetten kikapcsolta a végpontok közti titkosítást a privát szobákban és a közvetlen beszélgetésekben.",
+            "enable_message_search": "Üzenetek keresésének bekapcsolása a titkosított szobákban",
+            "encryption_section": "Titkosítás",
+            "ignore_users_empty": "Nincsenek mellőzött felhasználók.",
+            "ignore_users_section": "Mellőzött felhasználók",
+            "key_backup_algorithm": "Algoritmus:",
+            "message_search_disable_warning": "Ha nincs engedélyezve akkor a titkosított szobák üzenetei nem jelennek meg a keresések között.",
+            "message_search_disabled": "A titkosított üzenetek biztonságos helyi gyorsítótárazása, hogy megjelenhessenek a keresési találatok között.",
+            "message_search_enabled": {
+                "A titkosított üzenetek biztonságos helyi gyorsítótárazása, hogy megjelenhessenek a keresési találatok között, ehhez %(size)s helyet használ %(rooms)s szoba üzeneteihez.": "other"
+            },
+            "message_search_failed": "Az üzenetkeresés előkészítése sikertelen",
+            "message_search_indexed_messages": "Indexált üzenetek:",
+            "message_search_indexed_rooms": "Indexált szobák:",
+            "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.",
+            "message_search_space_used": "Felhasznált hely:",
+            "message_search_unsupported": "A titkosított üzenetek biztonságos helyi tárolásához hiányzik néhány összetevő a(z) %(brand)s alkalmazásból. Ha kísérletezni szeretne ezzel a funkcióval, akkor állítson össze egy egyéni asztali %(brand)s alkalmazást, amely <nativeLink>tartalmazza a keresési összetevőket</nativeLink>.",
+            "message_search_unsupported_web": "A(z) %(brand)s nem képes helyileg biztonságosan elmenteni a titkosított üzeneteket, ha webböngészőben fut. Használja az <desktopLink>asztali %(brand)s</desktopLink> alkalmazást, hogy az üzenetekben való kereséskor a titkosított üzenetek is megjelenjenek.",
+            "record_session_details": "A kliens nevének, verziójának és webcímének felvétele a munkamenetek könnyebb felismerése érdekében a munkamenet-kezelőben",
+            "send_analytics": "Analitikai adatok küldése",
+            "strict_encryption": "Üzenetküldés csak ellenőrzött felhasználóknak"
+        },
+        "send_read_receipts": "Olvasási visszajelzés küldése",
+        "send_read_receipts_unsupported": "A kiszolgálója nem támogatja az olvasási visszajelzések elküldésének kikapcsolását.",
+        "send_typing_notifications": "Gépelési visszajelzés küldése",
+        "sessions": {
+            "best_security_note": "A nagyobb biztonság érdekében ellenőrizze a munkameneteit, és távolítson el minden olyan munkamenetet, amelyet nem ismer fel vagy már nem használ.",
+            "confirm_sign_out": {
+                "one": "Erősítse meg az eszköz eltávolítását",
+                "other": "Erősítse meg az eszközök eltávolítását"
+            },
+            "confirm_sign_out_body": {
+                "one": "Kattintson az alábbi gombra az eszköz eltávolításának megerősítéséhez.",
+                "other": "Kattintson az alábbi gombra az eszközök eltávolításának megerősítéséhez."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Eszköz eltávolítása",
+                "other": "Eszközök eltávolítása"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Erősítse meg az eszköz eltávolítását a bejelentkezési adatok újbóli megadásával.",
+                "other": "Erősítse meg az eszközök eltávolítását a bejelentkezési adatok újbóli megadásával."
+            },
+            "current_session": "Jelenlegi munkamenet",
+            "desktop_session": "Asztali munkamenet",
+            "details_heading": "Munkamenet-információk",
+            "device_unverified_description": "A legjobb biztonság és megbízhatóság érdekében ellenőrizze vagy távolítsa el ezt a munkamenetet.",
+            "device_unverified_description_current": "Ellenőrizze az aktuális munkamenetet a biztonságos üzenetküldéshez.",
+            "device_verified_description": "Ez a munkamenet beállítva a biztonságos üzenetküldéshez.",
+            "device_verified_description_current": "Az aktuális munkamenet készen áll a biztonságos üzenetküldésre.",
+            "dialog_title": "<strong>Beállítások:</strong> Munkamenetek",
+            "error_pusher_state": "A leküldő állapotának beállítása sikertelen",
+            "error_set_name": "Nem sikerült beállítani a munkamenet nevét",
+            "filter_all": "Mind",
+            "filter_inactive": "Inaktív",
+            "filter_inactive_description": "%(inactiveAgeDays)s napja vagy régebb óta inaktív",
+            "filter_label": "Szűrőeszközök",
+            "filter_unverified_description": "Nem áll készen a biztonságos üzenetküldésre",
+            "filter_verified_description": "Felkészülve a biztonságos üzenetküldésre",
+            "hide_details": "Részletek elrejtése",
+            "inactive_days": "Több mint %(inactiveAgeDays)s napja inaktív",
+            "inactive_sessions": "Inaktív munkamenetek",
+            "inactive_sessions_explainer_1": "Az inaktív munkamenetek olyan régóta nem használt munkamenetek, melyek még mindig megkapják a titkosítási kulcsokat.",
+            "inactive_sessions_explainer_2": "Az inaktív munkamenetek törlése növeli a biztonságot és a sebességet, valamint egyszerűbbé teszi a gyanús munkamenetek felismerését.",
+            "inactive_sessions_list_description": "Fontolja meg a régi munkamenetek eltávolítását (%(inactiveAgeDays)s nap vagy régebbi), amelyeket már nem használ.",
+            "ip": "IP-cím",
+            "last_activity": "Utolsó tevékenység",
+            "manage": "Munkamenet kezelése",
+            "mobile_session": "Mobil munkamenet",
+            "n_sessions_selected": {
+                "%(count)s munkamenet kiválasztva": "other"
+            },
+            "no_inactive_sessions": "Nincs inaktív munkamenet.",
+            "no_sessions": "Nincs munkamenet.",
+            "no_unverified_sessions": "Nincs ellenőrizetlen munkamenet.",
+            "no_verified_sessions": "Nincs ellenőrzött munkamenet.",
+            "other_sessions_heading": "Más munkamenetek",
+            "push_heading": "Leküldéses értesítések",
+            "push_subheading": "Leküldéses értesítések fogadása ebben a munkamenetben.",
+            "push_toggle": "Leküldéses értesítések be- és kikapcsolása ebben a munkamenetben.",
+            "rename_form_caption": "Fontos, hogy a munkamenet neve a kommunikációban résztvevők számára látható.",
+            "rename_form_heading": "Munkamenet átnevezése",
+            "rename_form_learn_more": "Munkamenet átnevezése",
+            "rename_form_learn_more_description_1": "Mások a közvetlen beszélgetésekben és szobákban, amiben jelen van, láthatják a munkameneteinek a listáját.",
+            "rename_form_learn_more_description_2": "Ez bizonyosságot adhat nekik abban, hogy valóban Önnel beszélnek, de azt is jelenti, hogy az itt beírt munkamenet nevét el tudják olvasni.",
+            "security_recommendations": "Biztonsági javaslatok",
+            "security_recommendations_description": "Javítsa a fiókja biztonságát azzal, hogy követi a következő javaslatokat.",
+            "session_id": "Kapcsolat azonosító",
+            "show_details": "Részletek megmutatása",
+            "sign_in_with_qr": "Új eszköz összekapcsolása",
+            "sign_in_with_qr_button": "QR kód beolvasása",
+            "sign_in_with_qr_description": "Használjon QR-kódot egy másik eszközre való bejelentkezéshez és biztonságos üzenetküldés beállításához.",
+            "sign_in_with_qr_unsupported": "A fiókszolgáltató nem támogatja",
+            "sign_out": "Munkamenet eltávolítása",
+            "sign_out_all_other_sessions": "Az összes többi munkamenet eltávolítása (%(otherSessionsCount)s )",
+            "sign_out_confirm_description": {
+                "one": "Biztosan el akar távolítani %(count)s munkamenetet?",
+                "other": "Biztosan el akar távolítani %(count)s munkamenetet?"
+            },
+            "sign_out_n_sessions": {
+                "one": "%(count)s munkamenet eltávolítása",
+                "other": "%(count)s munkamenet eltávolítása"
+            },
+            "title": "Munkamenetek",
+            "unknown_session": "Ismeretlen munkamenettípus",
+            "unverified_session": "Ellenőrizetlen munkamenet",
+            "unverified_session_explainer_1": "Ez a munkamenet nem támogatja a titkosítást, így nem lehet ellenőrizni sem.",
+            "unverified_session_explainer_2": "Ezzel a munkamenettel azokban szobákban nem tud részt venni, ahol a titkosítás be van kapcsolva.",
+            "unverified_session_explainer_3": "A biztonság és adatvédelem érdekében javasolt olyan Matrix klienst használni, amely támogatja a titkosítást.",
+            "unverified_sessions": "Nem ellenőrzött munkamenetek",
+            "unverified_sessions_explainer_1": "A nem ellenőrzött munkamenetek olyan munkamenetek, amelyekbe a hitelesítő adataival jelentkezett be, viszont a digitális személyazonosságával nem lettek megerősítve.",
+            "unverified_sessions_explainer_2": "Egészen bizonyosodjon meg arról, hogy ismeri ezeket a munkameneteket, mivel elképzelhető, hogy jogosulatlan fiókhasználatot jeleznek.",
+            "unverified_sessions_list_description": "Ellenőrizze a munkameneteit a fokozottan biztonságos üzenetküldés érdekében, vagy távolítsa el azokat, amelyeket nem ismer fel vagy már nem használ.",
+            "url": "Webcím",
+            "verified_session": "Ellenőrzött munkamenet",
+            "verified_sessions": "Ellenőrzött munkamenetek",
+            "verified_sessions_explainer_1": "Az ellenőrzött munkamenetek megerősítették a digitális személyazonosságát.",
+            "verified_sessions_explainer_2": "Ez azt jelenti, hogy a titkosított üzenetek visszafejtéséhez minden kulccsal rendelkezik valamint a többi felhasználó megbízhat ebben a munkamenetben.",
+            "verified_sessions_list_description": "A legjobb biztonság érdekében távolítson el minden olyan munkamenetet, melyet nem ismer fel, vagy már nem használ.",
+            "verify_session": "Munkamenet ellenőrzése",
+            "web_session": "Webes munkamenet"
+        },
+        "show_avatar_changes": "Profilképváltozások megjelenítése",
+        "show_breadcrumbs": "Gyors elérési gombok megjelenítése a nemrég meglátogatott szobákhoz a szobalista felett",
+        "show_chat_effects": "Csevegési effektek (például a konfetti animáció) megjelenítése",
+        "show_displayname_changes": "Megjelenítendő nevek változásának megjelenítése",
+        "show_join_leave": "Be- és kilépési üzenetek megjelenítése (a meghívók/kirúgások/kitiltások üzeneteit nem érinti)",
+        "show_message_previews": "Üzenetelőnézetek megjelenítése",
+        "show_nsfw_content": "Felnőtt tartalmak megjelenítése",
+        "show_read_receipts": "Mások által küldött olvasási visszajelzések megjelenítése",
+        "show_redaction_placeholder": "Helykitöltő megjelenítése a törölt szövegek helyett",
+        "show_stickers_button": "Matricák gomb megjelenítése",
+        "show_typing_notifications": "Gépelési visszajelzés megjelenítése",
+        "showbold": "Az összes tevékenység megjelenítése a szobalistában (pontok vagy az olvasatlan üzenetek száma)",
+        "sidebar": {
+            "dialog_title": "<strong>Beállítások:</strong> Oldalsáv",
+            "metaspaces_home_all_rooms": "Minden szoba megjelenítése",
+            "metaspaces_home_all_rooms_description": "Minden szoba megjelenítése a Kezdőlapon, akkor is ha egy tér része.",
+            "metaspaces_home_description": "A Kezdőlap áttekintést adhat mindenről.",
+            "metaspaces_orphans": "Téren kívüli szobák",
+            "metaspaces_orphans_description": "Csoportosítsa egy helyre az összes olyan szobát, amely nem egy tér része.",
+            "metaspaces_subsection": "Megjelenítendő terek",
+            "metaspaces_video_rooms": "Videótermek és konferenciák",
+            "metaspaces_video_rooms_description": "Csoportosítsa az összes privát videótermet és konferenciát.",
+            "metaspaces_video_rooms_description_invite_extension": "A konferenciákra a matrixon kívüli embereket is meghívhat.",
+            "spaces_explainer": "A terek a szobák és az emberek csoportosításának módjai. A terek mellett, amelyekben tartózkodik, használhat néhány előre beépítettet is.",
+            "title": "Oldalsáv"
+        },
+        "start_automatically": {
+            "disabled": "Nem",
+            "enabled": "Igen",
+            "label": "Az %(brand)s indítása, amikor bejelentkezik a számítógépére.",
+            "minimised": "Minimalizálva"
+        },
+        "tac_only_notifications": "Csak az üzenetszálak központban jelenítsen meg értesítéseket",
+        "use_12_hour_format": "Az időbélyegek megjelenítése 12 órás formátumban (például du. 2:30)",
+        "use_command_enter_send_message": "Command + Enter használata az üzenet küldéséhez",
+        "use_command_f_search": "Command + F használata az idővonalon való kereséshez",
+        "use_control_enter_send_message": "Ctrl + Enter használata az üzenet elküldéséhez",
+        "use_control_f_search": "Ctrl + F használata az idővonalon való kereséshez",
+        "voip": {
+            "allow_p2p": "Közvetlen kapcsolat engedélyezése a kétszereplős hívásoknál",
+            "allow_p2p_description": "Ha engedélyezett, akkor a másik fél láthatja az Ön IP-címét",
+            "audio_input_empty": "Nem található mikrofon",
+            "audio_output": "Hangkimenet",
+            "audio_output_empty": "Nem található hangkimenet",
+            "auto_gain_control": "Automatikus hangerőszabályozás",
+            "dialog_title": "<strong>Beállítások:</strong> Hang és videó",
+            "echo_cancellation": "Visszhangcsillapítás",
+            "echo_cancellation_description": "Eltávolítja a mikrofonbemenet visszhangját hívások közben. Ez a beállítás az Element Call funkcióra is vonatkozik.",
+            "enable_fallback_ice_server": "Tartalék hívásasszisztens-kiszolgáló engedélyezése (%(server)s)",
+            "enable_fallback_ice_server_description": "Csak abban az esetben, ha a Matrix-kiszolgáló nem kínál fel egyet sem. Az IP-címe megosztásra kerülhet a hívás során.",
+            "mirror_local_feed": "Helyi videófolyam tükrözése",
+            "missing_permissions_prompt": "Hiányzó média jogosultságok, kattintson a lenti gombra a jogosultságok megadásához.",
+            "noise_suppression": "Zajcsillapítás",
+            "noise_suppression_description": "Csökkenti a háttérzajt a mikrofonbemenetben hívások közben. Ez a beállítás az Element Call funkcióra is vonatkozik.",
+            "request_permissions": "Média jogosultságok megkérése",
+            "title": "Hang és videó",
+            "video_input_empty": "Nem található webkamera",
+            "video_section": "Videóbeállítások",
+            "voice_agc": "Mikrofon hangerejének automatikus beállítása",
+            "voice_processing": "Hangfeldolgozás",
+            "voice_section": "Hangbeállítások"
+        },
+        "warn_quit": "Figyelmeztetés kilépés előtt",
+        "warning": "<w>FIGYELEM:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Hivatkozás másolva",
+        "permalink_message": "Hivatkozás a kijelölt üzenethez",
+        "permalink_most_recent": "Hivatkozás a legfrissebb üzenethez",
+        "share_call": "Konferencia meghívási hivatkozása",
+        "share_call_subtitle": "Hivatkozás a külső felhasználók számára, hogy Matrix-fiók nélkül csatlakozzanak a híváshoz:",
+        "title_link": "Hivatkozás megosztása",
+        "title_message": "Szoba üzenetének megosztása",
+        "title_room": "Szoba megosztása",
+        "title_user": "Felhasználó megosztása"
+    },
+    "slash_command": {
+        "addwidget": "Egyéni kisalkalmazás hozzáadása a szobához webcím alapján",
+        "addwidget_iframe_missing_src": "az iframe-nek nincs src attribútuma",
+        "addwidget_invalid_protocol": "Adja meg a kisalkalmazás https:// vagy http:// webcímét",
+        "addwidget_missing_url": "Adja meg a kisalkalmazás webcímét vagy a beágyazási kódot",
+        "addwidget_no_permissions": "Nem módosíthatja a kisalkalmazásokat ebben a szobában.",
+        "ban": "Kitiltja a megadott azonosítójú felhasználót",
+        "category_actions": "Műveletek",
+        "category_admin": "Adminisztrátor",
+        "category_advanced": "Speciális",
+        "category_effects": "Effektek",
+        "category_messages": "Üzenetek",
+        "category_other": "Egyéb",
+        "command_error": "Parancshiba",
+        "converttodm": "Közvetlen beszélgetéssé alakítja a szobát",
+        "converttoroom": "Szobává alakítja a közvetlen beszélgetést",
+        "could_not_find_room": "A szoba nem található",
+        "deop": "A megadott azonosítójú felhasználó lefokozása",
+        "devtools": "Megnyitja a fejlesztői eszközök párbeszédablakát",
+        "discardsession": "Kikényszeríti a jelenlegi kimeneti csoportos munkamenet törlését a titkosított szobában",
+        "error_invalid_rendering_type": "Parancs hiba: A megjelenítési típus nem található (%(renderingType)s)",
+        "error_invalid_room": "A parancs sikertelen: Nem sikerült megtalálni a szobát (%(roomId)s",
+        "error_invalid_runfn": "Parancs hiba: A / jellel kezdődő parancs támogatott.",
+        "error_invalid_user_in_room": "A felhasználó nem található a szobában",
+        "help": "Parancsok megjelenítése példával és leírással",
+        "help_dialog_title": "Parancsok súgója",
+        "holdcall": "Tartásba teszi a jelenlegi szoba hívását",
+        "html": "Az üzenet elküldése HTML-ként anélkül, hogy markdown formázásként értelmezné",
+        "ignore": "Figyelmen kívül hagy egy felhasználót, elrejtve az üzeneteit",
+        "ignore_dialog_description": "Most már figyelmen kívül hagyja: %(userId)s",
+        "ignore_dialog_title": "Figyelmen kívül hagyott felhasználó",
+        "invite": "A megadott azonosítójú felhasználó meghívása a jelenlegi szobába",
+        "invite_3pid_needs_is_error": "Egy azonosítási kiszolgáló használata az e-maillel történő meghíváshoz. Módosítás a Beállításokban.",
+        "invite_3pid_use_default_is_title": "Azonosítási kiszolgáló használata",
+        "invite_3pid_use_default_is_title_description": "Azonosítási kiszolgáló használata az e-maillel történő meghíváshoz. Kattintson a folytatásra az alapértelmezett azonosítási kiszolgáló (%(defaultIdentityServerName)s) használatához, vagy állítsa be a Beállításokban.",
+        "invite_failed": "A felhasználó (%(user)s) végül nem került meghívásra ebbe a szobába: %(roomId)s, de a meghívó fél nem adott hibát",
+        "join": "A megadott címmel csatlakozik a szobához",
+        "jumptodate": "Az idővonalon megadott dátumra ugrás",
+        "jumptodate_invalid_input": "A megadott dátum (%(inputDate)s) nem értelmezhető. Próbálja meg az ÉÉÉÉ-HH-NN formátum használatát.",
+        "lenny": "Az egyszerű szöveges üzenet elé teszi ezt: ( ͡° ͜ʖ ͡°)",
+        "manual_device_verification_confirm_description": "Ez lehetővé teszi egy másik eszköz számára, hogy az Ön nevében üzeneteket küldjön és fogadjon. HA VALAKI AZT MONDTA, HOGY ILLESSZEN BE IDE VALAMIT, VALÓSZÍNŰLEG ÁTVERIK! Biztosan ellenőrizni szeretné ezt a másik eszközt?",
+        "manual_device_verification_confirm_title": "Vigyázat: kézi eszközellenőrzés",
+        "me": "Megjeleníti a tevékenységet",
+        "msg": "Üzenet küldése a megadott felhasználónak",
+        "myavatar": "Az összes szobában módosítja a profilképét",
+        "myroomavatar": "Csak ebben a jelenlegi szobában módosítja a profilképét",
+        "myroomnick": "Csak ebben a szobában változtatja meg a megjelenítendő becenevét",
+        "nick": "Megváltoztatja a megjelenítendő becenevét",
+        "no_active_call": "Nincs aktív hívás a szobában",
+        "op": "A felhasználó szintjének meghatározása",
+        "part_unknown_alias": "Ismeretlen szoba cím: %(roomAlias)s",
+        "plain": "Az üzenet elküldése egyszerű szövegként anélkül, hogy markdown formázásként értelmezné",
+        "query": "Megnyitja a beszélgetést a megadott felhasználóval",
+        "query_not_found_phone_number": "Nem található Matrix-azonosító a telefonszámhoz",
+        "rageshake": "Hibajelentés beküldése naplóval",
+        "rainbow": "A megadott üzenetet szivárványszínben küldi el",
+        "rainbowme": "A megadott hangulatjelet szivárványszínben küldi el",
+        "remove": "Eltávolítja a megadott azonosítójú felhasználót a szobából",
+        "roomavatar": "Megváltoztatja a profilképét a jelenlegi szobában",
+        "roomname": "Szobanév beállítása",
+        "server_error": "Kiszolgálóhiba",
+        "server_error_detail": "A kiszolgáló nem érhető el, túlterhelt vagy valami más probléma van.",
+        "shrug": "Az egyszerű szöveges üzenet elé teszi ezt: ¯\\_(ツ)_/¯",
+        "spoiler": "A megadott üzenet elküldése kitakarva",
+        "status": {
+            "description": "Jelenlegi állapot beállítása",
+            "no_args": "Nincsenek megadva paraméterek. Adjon meg egy emodzsit, és esetlegesen egy szöveget.",
+            "no_emoji": "Nem adott meg emodzsit",
+            "no_text": "Nem adott meg állapotszöveget",
+            "too_long_emoji": "Az első paraméternek egy emodzsinak kell lennie.",
+            "too_long_text": "Az Ön által megadott szöveg túl hosszú volt."
+        },
+        "tableflip": "Az egyszerű szöveges üzenet elé teszi ezt: (╯°□°）╯︵ ┻━┻",
+        "topic": "Lekérdezi vagy beállítja a szoba témáját",
+        "topic_none": "A szobának nincs témája.",
+        "topic_room_error": "A szoba téma nem található: A szoba nem található (%(roomId)s)",
+        "unban": "Visszaengedi a megadott azonosítójú felhasználót",
+        "unflip": "Az egyszerű szöveges üzenet elé teszi ezt: ┬──┬ ノ( ゜-゜ノ)",
+        "unholdcall": "Visszaveszi tartásból a jelenlegi szoba hívását",
+        "unignore": "A felhasználó újbóli figyelembe vétele, és a jövőbeli üzenetei megjelenítése",
+        "unignore_dialog_description": "Ismét figyelembe veszi: %(userId)s",
+        "unignore_dialog_title": "Figyelembe vett felhasználó",
+        "unknown_command": "Ismeretlen parancs",
+        "unknown_command_button": "Küldés üzenetként",
+        "unknown_command_detail": "Ismeretlen parancs: %(commandText)s",
+        "unknown_command_help": "Használhatja a <code>/help</code> parancsot az elérhető parancsok listázásához. Ezt üzenetként akarta elküldeni?",
+        "unknown_command_hint": "Tipp: Kezdje az üzenetet ezzel: <code>//</code>, ha perjellel szeretné kezdeni.",
+        "upgraderoom": "Új verzióra fejleszti a szobát",
+        "upgraderoom_permission_error": "A parancs használatához nincs meg a megfelelő jogosultsága.",
+        "usage": "Használat",
+        "verify": "Az egyik saját eszköz kézi ellenőrzése",
+        "view": "Megadott címmel rendelkező szobák megjelenítése",
+        "whois": "Információt jelenít meg a felhasználóról"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Az örökölt csúszóablakos szinkronizálás már nem támogatott: jelentkezzen be újra, hogy engedélyezze az új csúszóablakos szinkronizálás jelzőjét",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Inkább új szobát adna hozzá?",
+            "create_prompt": "Új szoba készítése",
+            "dm_heading": "Közvetlen Beszélgetések",
+            "error_heading": "Nem az összes kijelölt lett hozzáadva",
+            "progress_text": {
+                "Szobák hozzáadása…": "one",
+                "Szobák hozzáadása… (%(progress)s ennyiből: %(count)s)": "other"
+            },
+            "space_dropdown_label": "Tér kiválasztása",
+            "space_dropdown_title": "Létező szobák hozzáadása",
+            "subspace_moved_note": "Terek hozzáadása elköltözött."
+        },
+        "add_existing_subspace": {
+            "create_button": "Új tér készítése",
+            "create_prompt": "Inkább új teret adna hozzá?",
+            "filter_placeholder": "Terek keresése",
+            "space_dropdown_title": "Meglévő tér hozzáadása"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Szoba idővonal megjelenítése (fejlesztői eszközök)",
+            "explore": "Szobák felderítése",
+            "home": "Kezdő tér",
+            "manage_and_explore": "Szobák kezelése és felderítése",
+            "options": "Tér beállításai"
+        },
+        "failed_load_rooms": "A szobák listájának betöltése nem sikerült.",
+        "failed_remove_rooms": "Néhány szoba törlése sikertelen. Próbálja később",
+        "incompatible_server_hierarchy": "A kiszolgálója nem támogatja a terek hierarchiájának megjelenítését.",
+        "invite": "Emberek meghívása",
+        "invite_description": "Meghívás e-mail-címmel vagy felhasználónévvel",
+        "invite_link": "Meghívási hivatkozás megosztása",
+        "joining_space": "Belépés",
+        "landing_welcome": "Üdvözli a(z) <name/>",
+        "leave_dialog_action": "Tér elhagyása",
+        "leave_dialog_description": "Éppen el akarja hagyni <spaceName/> teret.",
+        "leave_dialog_only_admin_room_warning": "Ön az adminisztrátora néhány szobának vagy térnek amiből ki szeretne lépni. Ha kilép belőlük akkor azok adminisztrátor nélkül maradnak.",
+        "leave_dialog_only_admin_warning": "Ön az egyetlen adminisztrátora a térnek. Ha kilép, senki nem tudja irányítani.",
+        "leave_dialog_option_all": "Kilépés minden szobából",
+        "leave_dialog_option_intro": "Ki szeretne lépni ennek a térnek minden szobájából?",
+        "leave_dialog_option_none": "Ne lépjen ki egy szobából sem",
+        "leave_dialog_option_specific": "Kilépés néhány szobából",
+        "leave_dialog_public_rejoin_warning": "Nem fog tudni újra belépni amíg nem hívják meg újra.",
+        "leave_dialog_title": "Kilép innen: %(spaceName)s",
+        "mark_suggested": "Javasoltnak jelölés",
+        "no_search_result_hint": "Esetleg próbáljon ki egy másik keresést vagy nézze át elgépelések után.",
+        "preferences": {
+            "sections_section": "Megjelenítendő részek",
+            "show_people_in_space": "Ez csoportosítja a tér tagjaival folytatott közvetlen beszélgetéseit. A kikapcsolása elrejti ezeket a beszélgetéseket a(z) %(spaceName)s nézetéből."
+        },
+        "room_filter_placeholder": "Szobák keresése",
+        "search_children": "Keresés: %(spaceName)s",
+        "search_placeholder": "Nevek és leírások keresése",
+        "select_room_below": "Először válasszon ki szobát alulról",
+        "share_public": "Nyilvános tér megosztása",
+        "suggested": "Javaslat",
+        "suggested_tooltip": "Ez egy javasolt szoba csatlakozáshoz",
+        "title_when_query_available": "Eredmények",
+        "title_when_query_unavailable": "Szobák és terek",
+        "unmark_suggested": "Nem javasoltnak jelölés",
+        "user_lacks_permission": "Nincs jogosultsága"
+    },
+    "space_settings": {
+        "title": "Beállítások – %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Adja meg a felfedezendő új kiszolgáló nevét.",
+            "network_dropdown_add_dialog_placeholder": "Kiszolgáló neve",
+            "network_dropdown_add_dialog_title": "Új kiszolgáló hozzáadása",
+            "network_dropdown_add_server_option": "Új kiszolgáló hozzáadása…",
+            "network_dropdown_available_invalid": "A kiszolgáló vagy a szobalistája nem található",
+            "network_dropdown_available_invalid_forbidden": "Nincs joga a kiszolgáló szobalistájának megtekintéséhez",
+            "network_dropdown_available_valid": "Jól néz ki",
+            "network_dropdown_remove_server_adornment": "Távoli kiszolgáló: „%(roomServer)s”",
+            "network_dropdown_required_invalid": "Adja meg a kiszolgáló nevét",
+            "network_dropdown_selected_label": "Megjelenítés: Matrix szobák",
+            "network_dropdown_selected_label_instance": "Megjelenítés: %(instance)s-szobák (%(server)s)",
+            "network_dropdown_your_server_description": "Saját Matrix-kiszolgáló"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Ha nem találja, akit keres, küldje el neki a meghívási hivatkozást.",
+        "cant_find_room_helpful_hint": "Ha nem található az szoba, amelyet keresett, kérjen egy meghívót, vagy készítsen egy új szobát.",
+        "copy_link_text": "Meghívó hivatkozás másolása",
+        "count_of_members": {
+            "%(count)s tag": "other"
+        },
+        "create_new_room_button": "Új szoba létrehozása",
+        "failed_querying_public_rooms": "Nem sikerült lekérdezni nyilvános szobákat",
+        "failed_querying_public_spaces": "Nem sikerült lekérdezni a nyilvános tereket",
+        "group_chat_section_title": "További lehetőségek",
+        "heading_with_query": "Keresés erre a kifejezésre: „%(query)s”",
+        "heading_without_query": "Keresés:",
+        "join_button_text": "Belépés ide: %(roomAddress)s",
+        "keyboard_scroll_hint": "Görgetés ezekkel: <arrows/>",
+        "messages_label": "Üzenetek",
+        "other_rooms_in_space": "Más szobák itt: %(spaceName)s",
+        "public_rooms_label": "Nyilvános szobák",
+        "public_spaces_label": "Nyilvános terek",
+        "recent_searches_section_title": "Keresési előzmények",
+        "recently_viewed_section_title": "Nemrég megtekintett",
+        "remove_filter": "Keresési szűrő eltávolítása innen: %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Adatvédelmi okokból néhány találat rejtve lehet",
+        "result_may_be_hidden_warning": "Néhány találat rejtve lehet",
+        "search_dialog": "Keresési párbeszédablak",
+        "spaces_title": "Terek, amelynek tagja",
+        "start_group_chat_button": "Csoportos csevegés indítása"
+    },
+    "stickers": {
+        "empty": "Jelenleg nincsenek engedélyezve matricacsomagok",
+        "empty_add_prompt": "Adjon hozzá néhányat"
+    },
+    "terms": {
+        "column_document": "Dokumentum",
+        "column_service": "Szolgáltatás",
+        "column_summary": "Összefoglaló",
+        "identity_server_no_terms_description_1": "Ez a művelet az e-mail-cím vagy telefonszám ellenőrzése miatt hozzáférést igényel a(z) <server /> alapértelmezett azonosítási kiszolgálójához, de a kiszolgálónak nincsenek felhasználási feltételei.",
+        "identity_server_no_terms_description_2": "Csak akkor lépjen tovább, ha megbízik a kiszolgáló tulajdonosában.",
+        "identity_server_no_terms_title": "Az azonosítási kiszolgálónak nincsenek felhasználási feltételei",
+        "inline_intro_text": "<policyLink /> elfogadása a továbblépéshez:",
+        "integration_manager": "Használjon botokat, hidakat, kisalkalmazásokat és matricacsomagokat",
+        "intro": "A folytatáshoz el kell fogadnia a felhasználási feltételeket.",
+        "summary_identity_server_1": "Keressen meg másokat telefonszám vagy e-mail-cím alapján",
+        "summary_identity_server_2": "Találják meg telefonszám vagy e-mail-cím alapján",
+        "tac_button": "Általános Szerződési Feltételek elolvasása",
+        "tac_description": "A(z) %(homeserverDomain)s Matrix-kiszolgáló használatának folytatásához el kell olvasnia és el kell fogadnia a felhasználási feltételeket.",
+        "tac_title": "Általános Szerződési Feltételek",
+        "tos": "Felhasználási feltételek"
+    },
+    "theme": {
+        "light_high_contrast": "Világos, nagy kontrasztú",
+        "match_system": "Rendszer beállításával megegyező"
+    },
+    "thread_view_back_action_label": "Vissza az üzenetszálhoz",
+    "threads": {
+        "all_threads": "Minden üzenetszál",
+        "all_threads_description": "A szobában lévő összes üzenetszál megjelenítése",
+        "count_of_reply": {
+            "%(count)s válasz": "other"
+        },
+        "empty_description": "Amikor az egérmutatót egy üzenet fölé viszi használja ezt: „%(replyInThread)s ”.",
+        "empty_title": "Az üzenetszálak segítenek a különböző témájú beszélgetések figyelemmel kísérésében.",
+        "mark_all_read": "Az összes megjelölése olvasottként",
+        "my_threads": "Saját üzenetszálak",
+        "my_threads_description": "Összes olyan üzenetszál megjelenítése, amelyben részt vesz",
+        "open_thread": "Üzenetszál megnyitása",
+        "show_thread_filter": "Megjelenítés:"
+    },
+    "threads_activity_centre": {
+        "header": "Üzenetszál-tevékenységek",
+        "no_rooms_with_threads_notifs": "Még nincsenek olyan szobái, amelyek üzenetszál értesítéseket tartalmaznak.",
+        "no_rooms_with_unread_threads": "Nincsenek még olvasatlan üzenetszálakkal rendelkező szobái."
+    },
+    "time": {
+        "date_at_time": "%(date)s %(time)s",
+        "hours_minutes_seconds_left": "%(hours)s ó %(minutes)s p %(seconds)s mp van hátra",
+        "left": "Maradék idő: %(timeRemaining)s",
+        "minutes_seconds_left": "%(minutes)s p %(seconds)s mp van hátra",
+        "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",
+        "short_hours": "%(value)s ó",
+        "short_hours_minutes_seconds": "%(hours)s ó %(minutes)s p %(seconds)s mp",
+        "short_minutes": "%(value)s p",
+        "short_minutes_seconds": "%(minutes)s p %(seconds)s mp",
+        "short_seconds": "%(value)s mp"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Üzenetszál összecsukása",
+            "external_url": "Forráswebcím",
+            "open_in_osm": "Megnyitás az OpenStreetMapen",
+            "report": "Jelentés",
+            "resent_unsent_reactions": "%(unsentCount)s reakció újraküldése",
+            "show_url_preview": "Előnézet megjelenítése",
+            "view_related_event": "Kapcsolódó események megjelenítése",
+            "view_source": "Forrás megtekintése"
+        },
+        "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": {
+            "sender_identity_previously_verified": "A feladó ellenőrzött digitális személyazonossága alaphelyzetbe lett állítva",
+            "unable_to_decrypt": "Nem sikerült visszafejteni az üzenetet"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Letöltés",
+        "download_failed": "Letöltés sikertelen",
+        "download_failed_description": "Hiba történt a fájl letöltése közben",
+        "edits": {
+            "tooltip_label": "Szerkesztés ideje: %(date)s. Kattintson a szerkesztések megtekintéséhez.",
+            "tooltip_sub": "A szerkesztések megtekintéséhez kattints",
+            "tooltip_title": "Szerkesztve ekkor: %(date)s"
+        },
+        "error_no_renderer": "Az eseményt nem lehet megjeleníteni",
+        "error_rendering_message": "Ezt az üzenetet nem sikerült betölteni",
+        "historical_messages_unavailable": "Nem tekintheted meg a régebbi üzeneteket",
+        "in_room_name": " itt: <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s frissítette a szoba kinézetét",
+        "late_event_separator": "Eredetileg elküldve: %(dateTime)s",
+        "load_error": {
+            "no_permission": "Megpróbálta betölteni a szoba megadott időpontjának megfelelő adatait, de nincs joga a kérdéses üzenetek megjelenítéséhez.",
+            "title": "Az idővonal pozíciót nem sikerült betölteni",
+            "unable_to_find": "Megpróbálta betölteni a szoba megadott időpontjának megfelelő adatait, de az nem található."
+        },
+        "m.audio": {
+            "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Élő földrajzi helyzet megtekintése"
+        },
+        "m.call": {
+            "video_call_ended": "Videó hívás befejeződött",
+            "video_call_started": "Videóhívás indult itt: %(roomName)s.",
+            "video_call_started_text": "%(name)s videóhívást indított",
+            "video_call_started_unsupported": "Videóhívás indult itt: %(roomName)s. (ebben a böngészőben ez nem támogatott)"
+        },
+        "m.call.hangup": {
+            "dm": "A hívás befejeződött"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Máshol lett felvéve",
+            "call_back_prompt": "Visszahívás",
+            "declined": "Hívás elutasítva",
+            "failed_connect_media": "Média kapcsolat nem hozható létre",
+            "failed_connection": "Kapcsolódás sikertelen",
+            "failed_opponent_media": "A másik fél eszköze nem képes használni a kamerát vagy a mikrofont",
+            "missed_call": "Nem fogadott hívás",
+            "no_answer": "Nincs válasz",
+            "unknown_error": "Ismeretlen hiba történt",
+            "unknown_failure": "Ismeretlen hiba: %(reason)s",
+            "unknown_state": "A hívás ismeretlen állapotban van!",
+            "video_call": "%(senderName)s videóhívást indított.",
+            "video_call_unsupported": "%(senderName)s videóhívást indított. (ebben a böngészőben nem támogatott)",
+            "voice_call": "%(senderName)s hanghívást indított.",
+            "voice_call_unsupported": "%(senderName)s hanghívást indított. (ebben a böngészőben nem támogatott)"
+        },
+        "m.file": {
+            "error_decrypting": "Csatolmány visszafejtése sikertelen"
+        },
+        "m.image": {
+            "error": "Kép megjelenítése egy hiba miatt nem lehetséges",
+            "error_decrypting": "Hiba a kép visszafejtésénél",
+            "error_downloading": "Kép letöltési hiba",
+            "sent": "%(senderDisplayName)s képet küldött.",
+            "show_image": "Kép megjelenítése"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s ellenőrizni szeretné",
+            "you_started": "Ellenőrzési kérést küldtél"
+        },
+        "m.location": {
+            "full": "%(senderName)s megosztotta a földrajzi helyzetét",
+            "location": "Megosztott egy földrajzi helyzetet: ",
+            "self_location": "Megosztották a földrajzi helyzetüket: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "%(count)s szavazat": "other"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s lezárta a szavazást"
+        },
+        "m.poll.start": "%(senderName)s szavazást indított - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s megváltoztatta a szoba profilképét.",
+            "lightbox_title": "%(senderDisplayName)s megváltoztatta %(roomName)s szoba profilképét"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "%(senderName)s hozzáadta a szoba alternatív címeit: %(addresses)s.": "other",
+                "%(senderName)s alternatív címeket adott hozzá a szobához: %(addresses)s.": "one"
+            },
+            "alt_removed": {
+                "%(senderName)s eltávolította az alternatív címeket a szobáról: %(addresses)s.": "other",
+                "%(senderName)s eltávolította az alternatív címet a szobáról: %(addresses)s.": "one"
+            },
+            "changed": "%(senderName)s megváltoztatta a szoba címeit.",
+            "changed_alternative": "%(senderName)s megváltoztatta a szoba alternatív címeit.",
+            "changed_main_and_alternative": "%(senderName)s megváltoztatta a szoba elsődleges és alternatív címeit.",
+            "removed": "%(senderName)s törölte a szoba elsődleges címét.",
+            "set": "%(senderName)s erre állította az elsődleges szobacímet: %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Ez a szoba egy másik beszélgetés folytatása.",
+            "see_older_messages": "Ide kattintva megnézheted a régi üzeneteket.",
+            "unknown_predecessor": "A szoba régi verziója nem található (szobaazonosító: %(roomId)s), és a megkereséséhez nem lett megadva a „via_servers”.",
+            "unknown_predecessor_guess_server": "A szoba régi verziója nem található (szobaazonosító: %(roomId)s), és a megkereséséhez nem lett megadva a „via_servers”. Lehetséges, hogy a szobaazonosító kitalálása működni fog. Ha meg akarja próbálni, kattintson erre a hivatkozásra:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s megengedte a vendégeknek, hogy beléphessenek a szobába.",
+            "forbidden": "%(senderDisplayName)s megtiltotta a vendégeknek, hogy belépjenek a szobába.",
+            "unknown": "%(senderDisplayName)s a vendégek hozzáférését erre állította be: %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s láthatóvá tette a szoba új üzeneteit minden új szobatagnak, a meghívásuk idejétől kezdve.",
+            "joined": "%(senderName)s láthatóvá tette a szoba új üzeneteit minden szobatagnak, a csatlakozásuk idejétől kezdve.",
+            "shared": "%(senderName)s láthatóvá tette a szoba új üzeneteit minden szobatagnak.",
+            "unknown": "%(senderName)s elérhetővé tette a szoba új üzeneteit az ismeretlenek (%(visibility)s) számára is.",
+            "world_readable": "%(senderName)s mindenki számára láthatóvá tette a szoba új üzeneteit."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s beállította, hogy a szobába csak meghívóval lehessen belépni.",
+            "knock": "%(senderDisplayName)s megváltoztatta a csatlakozási szabályt, a csatlakozást kérni kell.",
+            "public": "%(senderDisplayName)s elérhetővé tette a szobát bárkinek, aki ismeri a hivatkozást.",
+            "restricted": "%(senderDisplayName)s megváltoztatta, hogy ki léphet be ebbe a szobába.",
+            "restricted_settings": "%(senderDisplayName)s megváltoztatta, hogy ki léphet be ebbe a szobába. <a>Beállítások megtekintése</a>.",
+            "unknown": "%(senderDisplayName)s a belépési szabályt erre állította be: %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s elfogadta a meghívást ide: %(displayName)s",
+            "accepted_invite": "%(targetName)s elfogadta a meghívást",
+            "ban": "%(senderName)s kitiltott egy felhasználót",
+            "ban_reason": "%(senderName)s kitiltott egy felhasználót: %(reason)s",
+            "ban_reason_spoiler": "%(senderName)s kitiltotta <user/> felhasználót: %(reason)s",
+            "ban_spoiler": "%(senderName)s kitiltotta <user/> felhasználót",
+            "change_avatar": "%(senderName)s megváltoztatta a profilképét",
+            "change_name": "s%(oldDisplayName)s a következőre változtatta a nevét: %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s megváltoztatta a megjelenítendő nevét és profilképét",
+            "invite": "%(senderName)s meghívta a következőt: %(targetName)s",
+            "join": "%(targetName)s belépett a szobába",
+            "kick": "%(senderName)s eltávolította a következőt: %(targetName)s",
+            "kick_reason": "%(senderName)s eltávolította a következőt: %(targetName)s. Ok: %(reason)s",
+            "left": "%(targetName)s elhagyta a szobát",
+            "left_reason": "%(targetName)s elhagyta a szobát, ok: %(reason)s",
+            "no_change": "%(senderName)s nem változtatott semmit",
+            "reject_invite": "%(targetName)s elutasította a meghívót",
+            "reject_invite_reason": "%(targetName)s elutasította a meghívást: %(reason)s",
+            "remove_avatar": "%(senderName)s törölte a profilképét",
+            "remove_name": "%(senderName)s törölte a megjelenítendő nevét (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s profilképet állított be",
+            "set_name": "%(senderName)s a következőre változtatta a megjelenítendő nevét: %(displayName)s",
+            "unban": "%(senderName)s visszaengedte őt: %(targetName)s",
+            "withdrew_invite": "%(senderName)s visszavonta %(targetName)s meghívóját",
+            "withdrew_invite_reason": "%(senderName)s visszavonta %(targetName)s meghívóját, ok: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s megváltoztatta a szoba nevét erről: %(oldRoomName)s, erre: %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s törölte a szoba nevét.",
+            "set": "%(senderDisplayName)s a következőre változtatta a szoba nevét: %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s megváltoztatta a szoba kitűzött üzeneteit.",
+            "changed_link": "%(senderName)s megváltoztatta a szoba <a>kitűzött üzeneteit</a>.",
+            "pinned": "%(senderName)s kitűzött egy üzenetet ebben a szobában. Minden kitűzött üzenet megjelenítése.",
+            "pinned_link": "%(senderName)s kitűzött <a>egy üzenetet</a> ebben a szobában. Minden <b>kitűzött üzenet</b> megjelenítése.",
+            "unpinned": "%(senderName)s levett egy kitűzött üzenetet ebben a szobában. Minden kitűzött üzenet megjelenítése.",
+            "unpinned_link": "%(senderName)s levett egy kitűzött <a>üzenetet</a> ebben a szobában. Minden <b>kitűzött üzenet</b> megjelenítése."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s megváltoztatta a hozzáférési szintet: %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s: %(fromPowerLevel)s -> %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s visszavonta %(targetDisplayName)s a szobába való belépéséhez szükséges meghívóját.",
+            "sent": "%(senderName)s meghívót küldött %(targetDisplayName)s számára, hogy lépjen be a szobába."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s fejlesztette a szobát.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s a következőre változtatta a témát: „%(topic)s”.",
+            "removed": "%(senderDisplayName)s eltávolította a témát."
+        },
+        "m.sticker": "%(senderDisplayName)s matricát küldött.",
+        "m.video": {
+            "error_decrypting": "Hiba a videó visszafejtésénél",
+            "show_video": "Videó megjelenítése"
+        },
+        "m.widget": {
+            "added": "%(senderName)s hozzáadta a %(widgetName)s kisalkalmazást",
+            "jitsi_ended": "A videókonferenciát befejezte: %(senderName)s",
+            "jitsi_join_right_prompt": "Csatlakozzon a konferenciához a jobb oldali szobainformációs panel segítségével",
+            "jitsi_join_top_prompt": "Csatlakozz a konferenciához a szoba tetején",
+            "jitsi_started": "A videókonferenciát elindította: %(senderName)s",
+            "jitsi_updated": "A videókonferenciát frissítette: %(senderName)s",
+            "modified": "%(senderName)s módosította a(z) %(widgetName)s kisalkalmazást",
+            "removed": "%(senderName)s eltávolította a %(widgetName)s kisalkalmazást"
+        },
+        "mab": {
+            "copy_link_thread": "Hivatkozás másolása az üzenetszálba",
+            "view_in_room": "Megjelenítés szobában"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s megváltoztatta a kitiltó szabályt erről: %(oldGlob)s, erre: %(newGlob)s, ok: %(reason)s",
+            "changed_rule_rooms": "%(senderName)s megváltoztatta a szobákat kitiltó szabályt erről: %(oldGlob)s, erre: %(newGlob)s, ok: %(reason)s",
+            "changed_rule_servers": "%(senderName)s megváltoztatta a kiszolgálókat kitiltó szabályt erről: %(oldGlob)s, erre: %(newGlob)s, ok: %(reason)s",
+            "changed_rule_users": "%(senderName)s megváltoztatta a felhasználókat kitiltó szabályt erről: %(oldGlob)s, erre: %(newGlob)s, ok: %(reason)s",
+            "created_rule": "%(senderName)s hozzáadta ezt a kitiltó szabályt: %(glob)s, ok: %(reason)s",
+            "created_rule_rooms": "%(senderName)s hozzáadta azt a szabályt, amellyel az ennek megfelelő szobák voltak kitiltva: %(glob)s, ok: %(reason)s",
+            "created_rule_servers": "%(senderName)s hozzáadta azt a szabályt, amellyel az ennek megfelelő kiszolgálók voltak kitiltva: %(glob)s, ok: %(reason)s",
+            "created_rule_users": "%(senderName)s hozzáadta azt a szabályt, amellyel az ennek megfelelő felhasználók voltak kitiltva: %(glob)s, ok: %(reason)s",
+            "removed_rule": "%(senderName)s törölte az ennek megfelelő kitiltó szabályt: %(glob)s",
+            "removed_rule_rooms": "%(senderName)s törölte azt a szabályt, amellyel az ennek megfelelő szobák voltak kitiltva: %(glob)s",
+            "removed_rule_servers": "%(senderName)s törölte azt a szabályt, amellyel az ennek megfelelő kiszolgálók ki voltak tiltva: %(glob)s",
+            "removed_rule_users": "%(senderName)s törölte azt a szabályt, amellyel az ennek megfelelő felhasználók voltak kitiltva: %(glob)s",
+            "updated_invalid_rule": "%(senderName)s frissített egy érvénytelen kitiltó szabályt",
+            "updated_rule": "%(senderName)s frissítette ezt a kitiltó szabályt: %(glob)s, ok: %(reason)s",
+            "updated_rule_rooms": "%(senderName)s frissítette azt a szabályt, amellyel az ennek megfelelő szobák voltak kitiltva: %(glob)s, ok: %(reason)s",
+            "updated_rule_servers": "%(senderName)s frissítette azt a szabályt, amellyel az ennek megfelelő kiszolgálók voltak kitiltva: %(glob)s, ok: %(reason)s",
+            "updated_rule_users": "%(senderName)s frissítette azt a szabályt, amellyel az ennek megfelelő felhasználók voltak kitiltva: %(glob)s, ok: %(reason)s"
+        },
+        "no_permission_messages_before_invite": "A meghívás előtti üzenetek megtekintéséhez nincs engedélye.",
+        "no_permission_messages_before_join": "A belépés előtti üzenetek megtekintése nincs engedélyezve számodra.",
+        "pending_moderation": "Az üzenet moderálásra vár",
+        "pending_moderation_reason": "Az üzenet moderálásra vár, ok: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Reakció hozzáadása",
+            "custom_reaction_fallback_label": "Egyéni reakció",
+            "label": "%(reactors)s reagált: %(content)s",
+            "tooltip_caption": "ezzel reagált: %(shortName)s"
+        },
+        "read_receipt_title": {
+            "%(count)s ember látta": "other"
+        },
+        "read_receipts_label": "Olvasási visszajelzés",
+        "redacted": {
+            "tooltip": "Az üzenetet ekkor törölték: %(date)s"
+        },
+        "redaction": "%(name)s törölte ezt az üzenetet",
+        "reply": {
+            "error_loading": "Nem lehet betölteni azt az eseményt amire válaszoltál, mert vagy nem létezik, vagy nincs jogod megnézni.",
+            "in_reply_to": "<a>Válasz neki</a> <pill>",
+            "in_reply_to_for_export": "Válasz erre az <a>üzenetre</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Hitelesítés céljából egy harmadik félhez lesz irányítva (%(integrationsUrl)s). Folytatja?",
+            "dialog_title": "Integráció hozzáadása"
+        },
+        "self_redaction": "Üzenet törölve",
+        "send_state_encrypting": "Üzenet titkosítása…",
+        "send_state_failed": "Küldés sikertelen",
+        "send_state_sending": "Üzenet küldése…",
+        "send_state_sent": "Üzenet elküldve",
+        "summary": {
+            "banned": {
+                "%(count)s alkalommal lett kitiltva": "other",
+                "ki lett tiltva": "one"
+            },
+            "banned_multiple": {
+                "%(count)s alkalommal lett kitiltva": "other",
+                "lett kitiltva": "one"
+            },
+            "changed_avatar": {
+                "%(oneUser)s megváltoztatta a profilképét": "one",
+                "%(oneUser)s %(count)s alkalommal megváltoztatta a profilképét": "other"
+            },
+            "changed_avatar_multiple": {
+                "%(severalUsers)s megváltoztatta a profilképét": "one",
+                "%(severalUsers)s %(count)s alkalommal megváltoztatta a profilképét": "other"
+            },
+            "changed_name": {
+                "%(oneUser)s %(count)s alkalommal megváltoztatta a nevét": "other",
+                "%(oneUser)s megváltoztatta a nevét": "one"
+            },
+            "changed_name_multiple": {
+                "%(severalUsers)s %(count)s alkalommal megváltoztatta a nevét": "other",
+                "%(severalUsers)s megváltoztatta a nevét": "one"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "%(oneUser)s rejtett üzenetet küldött": "one",
+                "%(oneUser)s %(count)s rejtett üzenetet küldött": "other"
+            },
+            "hidden_event_multiple": {
+                "%(severalUsers)s rejtett üzenetet küldött": "one",
+                "%(severalUsers)s %(count)s rejtett üzenetet küldött": "other"
+            },
+            "invite_withdrawn": {
+                "%(oneUser)s meghívóit %(count)s alkalommal vonták vissza": "other",
+                "%(oneUser)s meghívóit visszavonták": "one"
+            },
+            "invite_withdrawn_multiple": {
+                "%(severalUsers)s meghívóit %(count)s alkalommal visszavonták": "other",
+                "%(severalUsers)s visszavonták a meghívásukat": "one"
+            },
+            "invited": {
+                "%(count)s alkalommal lett meghívva": "other",
+                "meg lett hívva": "one"
+            },
+            "invited_multiple": {
+                "%(count)s alkalommal lett meghívva": "other",
+                "meg lett hívva": "one"
+            },
+            "joined": {
+                "%(oneUser)s %(count)s alkalommal csatlakozott": "other",
+                "%(oneUser)s csatlakozott": "one"
+            },
+            "joined_and_left": {
+                "%(oneUser)s %(count)s alkalommal csatlakozott és távozott": "other",
+                "%(oneUser)s csatlakozott és távozott": "one"
+            },
+            "joined_and_left_multiple": {
+                "%(severalUsers)s %(count)s alkalommal csatlakozott és távozott": "other",
+                "%(severalUsers)s csatlakozott és távozott": "one"
+            },
+            "joined_multiple": {
+                "%(severalUsers)s %(count)s alkalommal csatlakozott": "other",
+                "%(severalUsers)s csatlakozott": "one"
+            },
+            "kicked": {
+                "eltávolítva": "one",
+                "%(count)s alkalommal lett eltávolítva": "other"
+            },
+            "kicked_multiple": {
+                "eltávolítva": "one",
+                "%(count)s alkalommal lett eltávolítva": "other"
+            },
+            "left": {
+                "%(oneUser)s %(count)s alkalommal távozott": "other",
+                "%(oneUser)s távozott": "one"
+            },
+            "left_multiple": {
+                "%(severalUsers)s %(count)s alkalommal távozott": "other",
+                "%(severalUsers)s távozott": "one"
+            },
+            "no_change": {
+                "%(oneUser)s %(count)s alkalommal nem változtatott semmit": "other",
+                "%(oneUser)snem változtatott semmit": "one"
+            },
+            "no_change_multiple": {
+                "%(severalUsers)s %(count)s alkalommal nem változtattak semmit": "other",
+                "%(severalUsers)s nem változtattak semmit": "one"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)s megváltoztatta a szoba <a>kitűzött üzeneteit</a>",
+                "other": "%(oneUser)s %(count)s alkalommal megváltoztatta a szoba <a>kitűzött üzeneteit</a>"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s megváltoztatta a szoba <a>kitűzött üzeneteit</a>",
+                "other": "%(severalUsers)s %(count)s alkalommal megváltoztatta a szoba <a>kitűzött üzeneteit</a>"
+            },
+            "redacted": {
+                "%(oneUser)s üzenetet törölt": "one",
+                "%(oneUser)s %(count)s üzenetet törölt": "other"
+            },
+            "redacted_multiple": {
+                "%(severalUsers)s üzenetet törölt": "one",
+                "%(severalUsers)s %(count)s üzenetet törölt": "other"
+            },
+            "rejected_invite": {
+                "%(oneUser)s %(count)s alkalommal elutasította a meghívóit": "other",
+                "%(oneUser)s elutasította a meghívóit": "one"
+            },
+            "rejected_invite_multiple": {
+                "%(severalUsers)s %(count)s alkalommal elutasította a meghívóit": "other",
+                "%(severalUsers)s elutasította a meghívóit": "one"
+            },
+            "rejoined": {
+                "%(oneUser)s %(count)s alkalommal távozott és újra csatlakozott": "other",
+                "%(oneUser)s távozott és újra csatlakozott": "one"
+            },
+            "rejoined_multiple": {
+                "%(severalUsers)s %(count)s alkalommal távozott és újra csatlakozott": "other",
+                "%(severalUsers)s távozott és újra csatlakozott": "one"
+            },
+            "unbanned": {
+                "%(count)s alkalommal lett visszaengedve": "other",
+                "vissza lett engedve": "one"
+            },
+            "unbanned_multiple": {
+                "%(count)s alkalommal lett visszaengedve": "other",
+                "vissza lett engedve": "one"
+            }
+        },
+        "thread_info_basic": "Az üzenetszálból",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s és még valaki gépel…",
+                "other": "%(names)s és még %(count)s felhasználó gépel…"
+            },
+            "one_user": "%(displayName)s gépel…",
+            "two_users": "%(names)s és %(lastPerson)s gépelnek…"
+        },
+        "undecryptable_tooltip": "Ezt az üzenetet nem lehet visszafejteni"
+    },
+    "truncated_list_n_more": {
+        "És még %(count)s...": "other"
+    },
+    "unsupported_browser": {
+        "description": "Ha folytatja, előfordulhat, hogy egyes funkciók nem működnek, és fennáll annak a kockázata, hogy a jövőben elveszítheti adatait. Frissítse böngészőjét ennek a használatához: %(brand)s.",
+        "title": "%(brand)s nem támogatja ezt a böngészőt"
+    },
+    "unsupported_server_description": "Ez a kiszolgáló a Matrix régebbi verzióját használja. Frissítsen a Matrix %(version)s verzióra az %(brand)s hibamentes használatához.",
+    "unsupported_server_title": "A kiszolgálója nem támogatott",
+    "update": {
+        "changelog": "Változások",
+        "check_action": "Frissítések keresése",
+        "checking": "Frissítés keresése…",
+        "downloading": "Frissítés letöltése…",
+        "error_encountered": "Hiba történt (%(errorDetail)s).",
+        "error_unable_load_commit": "A véglegesítés részleteinek betöltése sikertelen: %(msg)s",
+        "new_version_available": "Új verzió érhető el. <a>Frissítés most.</a>",
+        "no_update": "Nincs elérhető frissítés.",
+        "release_notes_toast_title": "Újdonságok",
+        "see_changes_button": "Mik az újdonságok?",
+        "toast_description": "Új %(brand)s verzió érhető el",
+        "toast_title": "Az %(brand)s frissítése",
+        "unavailable": "Elérhetetlen"
+    },
+    "update_room_access_modal": {
+        "description": "Megosztási hivatkozás létrehozásához tegye <b>nyilvánossá</b> ezt a szobát, vagy engedélyezze azt a lehetőséget, hogy a felhasználók csatlakozást <b>kérhessenek</b>. Ez lehetővé teszi a vendégek számára, hogy meghívás nélkül csatlakozzanak.",
+        "dont_change_description": "Ha nem szeretné módosítani a szoba hozzáférését, létrehozhat egy új szobát a híváshoz.",
+        "no_change": "Nem akarom megváltoztatni a hozzáférési szintet.",
+        "revert_access_description": "(Ez visszaállítható az előző értékre a Szoba beállításaiban: <b>Biztonság és adatvédelem </b> / <b>Hozzáférés</b>)",
+        "title": "Vendégfelhasználók csatlakozásának engedélyezése ehhez a szobához"
+    },
+    "upload_failed_generic": "A(z) „%(fileName)s” fájl feltöltése sikertelen.",
+    "upload_failed_size": "A(z) „%(fileName)s” mérete túllépi a Matrix-kiszolgáló által megengedett korlátot",
+    "upload_failed_title": "Feltöltés sikertelen",
+    "upload_file": {
+        "cancel_all_button": "Összes megszakítása",
+        "error_file_too_large": "Ez a fájl <b>túl nagy</b>, hogy fel lehessen tölteni. A fájlméret korlátja %(limit)s, de a fájl %(sizeOfThisFile)s méretű.",
+        "error_files_too_large": "A fájl <b>túl nagy</b> a feltöltéshez. A fájlméret korlátja %(limit)s.",
+        "error_some_files_too_large": "Néhány fájl <b>túl nagy</b>, hogy fel lehessen tölteni. A fájlméret korlátja %(limit)s.",
+        "error_title": "Feltöltési hiba",
+        "not_image": "A kiválasztott fájl nem érvényes képfájl.",
+        "title": "Fájlok feltöltése",
+        "title_progress": "Fájlok feltöltése (%(current)s / %(total)s)",
+        "upload_all_button": "Összes feltöltése",
+        "upload_n_others_button": {
+            "%(count)s másik fájlt feltöltése": "other",
+            "%(count)s másik fájl feltöltése": "one"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Adminisztrációs eszközök",
+        "ban_button_room": "Kitiltás a szobából",
+        "ban_button_space": "Kitiltás a térről",
+        "ban_room_confirm_title": "Kitiltás innen: %(roomName)s",
+        "ban_space_everything": "Kitiltani őket mindenhonnan ahonnan joga van hozzá",
+        "ban_space_specific": "Kitiltani őket bizonyos helyekről ahonnan joga van hozzá",
+        "deactivate_confirm_action": "Felhasználó felfüggesztése",
+        "deactivate_confirm_description": "A felhasználó deaktiválásával az eszközei eltávolításra kerülnek, és nem tud majd újra bejelentkezni. Ezen felül kilép minden szobából, amelyben jelenleg tartózkodik. Ez a művelet visszafordíthatatlan. Biztosan szeretné deaktiválni ezt a felhasználót?",
+        "deactivate_confirm_title": "Felhasználó felfüggesztése?",
+        "demote_button": "Lefokozás",
+        "demote_self_confirm_description_space": "Nem fogja tudni visszavonni ezt a változtatást, mert lefokozza magát, ha Ön az utolsó privilegizált felhasználó a térben, akkor lehetetlen lesz a jogosultságok visszanyerése.",
+        "demote_self_confirm_room": "Nem fogja tudni visszavonni ezt a változtatást, mert lefokozza magát, ha Ön az utolsó privilegizált felhasználó a térben, akkor lehetetlen lesz a jogosultságok visszanyerése.",
+        "demote_self_confirm_title": "Lefokozza magát?",
+        "disinvite_button_room": "Meghívó visszavonása a szobából",
+        "disinvite_button_room_name": "Meghívó visszavonása innen: %(roomName)s",
+        "disinvite_button_space": "Meghívó visszavonása a térről",
+        "error_ban_user": "A felhasználó kizárása sikertelen",
+        "error_deactivate": "A felhasználó felfüggesztése sikertelen",
+        "error_kicking_user": "A felhasználó eltávolítása sikertelen",
+        "error_mute_user": "A felhasználó némítása sikertelen",
+        "error_revoke_3pid_invite_description": "A meghívót nem lehet visszavonni. A kiszolágónak átmeneti problémái vannak, vagy nincs megfelelő jogosultsága a meghívó visszavonásához.",
+        "error_revoke_3pid_invite_title": "A meghívó visszavonása sikertelen",
+        "ignore_button": "Mellőzés",
+        "ignore_confirm_description": "Minden üzenet és meghívó ettől a felhasználótól rejtve marad. Biztos, hogy figyelmen kívül hagyja?",
+        "ignore_confirm_title": "%(user)s figyelmen kívül hagyása",
+        "invited_by": "Meghívta: %(sender)s",
+        "jump_to_rr_button": "Olvasási visszaigazolásra ugrás",
+        "kick_button_room": "Eltávolítás a szobából",
+        "kick_button_room_name": "Eltávolít innen: %(roomName)s",
+        "kick_button_space": "Eltávolítás a térről",
+        "kick_button_space_everything": "Eltávolításuk mindenhonnan ahonnan csak lehet",
+        "kick_space_specific": "Eltávolításuk bizonyos helyekről ahonnan lehet",
+        "kick_space_warning": "Továbbra is hozzáférhetnek olyan helyekhez, ahol Ön nem adminisztrátor.",
+        "promote_warning": "Nem fogja tudni visszavonni ezt a változtatást, mert a felhasználót a sajátjával azonos szintre emeli.",
+        "redact": {
+            "confirm_button": {
+                "%(count)s db üzenet törlése": "other",
+                "1 üzenet törlése": "one"
+            },
+            "confirm_description_1": {
+                "%(count)s üzenetet készül törölni az alábbi felhasználótól: %(user)s. A művelet mindenki számára visszavonhatatlanul eltávolítja ezeket a beszélgetésekből. Biztos, hogy folytatja?": "other"
+            },
+            "confirm_description_2": "Ez sok üzenet esetén eltarthat egy darabig. Közben ne frissítse a klienst.",
+            "confirm_keep_state_explainer": "Törölje a kijelölést ha a rendszerüzeneteket is törölni szeretné ettől a felhasználótól (például tagságváltozás, profilváltozás…)",
+            "confirm_keep_state_label": "Rendszerüzenetek megtartása",
+            "confirm_title": "Friss üzenetek törlése a felhasználótól: %(user)s",
+            "no_recent_messages_description": "Próbáljon meg felfelé görgetni az idővonalon, hogy megnézze, van-e régebbi üzenet.",
+            "no_recent_messages_title": "Nincs friss üzenet ettől a felhasználótól: %(user)s"
+        },
+        "redact_button": "Üzenetek eltávolítása",
+        "revoke_invite": "Meghívó visszavonása",
+        "room_encrypted": "Az üzenetek a szobában végponttól végpontig titkosítottak.",
+        "room_encrypted_detail": "Az üzenete biztonságban van, és csak Ön és a címzettek rendelkeznek a visszafejtéshez szükséges egyedi kulcsokkal.",
+        "room_unencrypted": "A szobában lévő üzenetek nincsenek végponttól végpontig titkosítva.",
+        "room_unencrypted_detail": "A titkosított szobákban az üzenete biztonságban van, és csak Ön és a címzettek rendelkeznek a visszafejtéshez szükséges egyedi kulcsokkal.",
+        "send_message": "Üzenet küldése",
+        "share_button": "Profil megosztása",
+        "unban_button_room": "Visszaengedés a szobába",
+        "unban_button_space": "Visszaengedés a térre",
+        "unban_room_confirm_title": "Kitiltás visszavonása innen: %(roomName)s",
+        "unban_space_everything": "Kitiltásuk visszavonása mindenhonnan ahol joga van hozzá",
+        "unban_space_specific": "Kitiltásuk visszavonása bizonyos helyekről ahol joga van hozzá",
+        "unban_space_warning": "Később nem férhetnek hozzá olyan helyekhez, ahol Ön nem adminisztrátor.",
+        "unignore_button": "Mellőzés feloldása",
+        "verification_unavailable": "A felhasználó-ellenőrzés nem érhető el",
+        "verify_button": "Felhasználó ellenőrzése",
+        "verify_explainer": "A biztonság fokozásáért ellenőrizd ezt a felhasználót egy egyszeri kód egyeztetésével mindkettőtök készülékén."
+    },
+    "voip": {
+        "already_in_call": "A hívás már folyamatban van",
+        "already_in_call_person": "Már hívásban van ezzel a személlyel.",
+        "answered_elsewhere": "Máshol lett felvéve",
+        "answered_elsewhere_description": "A hívás másik eszközön lett fogadva.",
+        "call_failed": "Sikertelen hívás",
+        "call_failed_description": "A hívás felépítése sikertelen",
+        "call_failed_media": "A hívás sikertelen, mert a webkamera, vagy a mikrofon nem érhető el. Ellenőrizze a következőket:",
+        "call_failed_media_applications": "A webkamerát nem használja másik alkalmazás",
+        "call_failed_media_connected": "A mikrofon és webkamera csatlakoztatva van és megfelelően be van állítva",
+        "call_failed_media_permissions": "A webkamera használatának engedélye meg van adva",
+        "call_failed_microphone": "A hívás sikertelen mert a mikrofont nem lehet használni. Ellenőrizze, hogy csatlakoztatva van-e és megfelelően van-e beállítva.",
+        "call_held": "%(peerName)s várakoztatja a hívást",
+        "call_held_resume": "A hívás várakozik, <a>folytatás</a>",
+        "call_held_switch": "A hívás várakozik, <a>átkapcsolás</a>",
+        "call_members": {
+            "exhaustive": {
+                "one": "<avatars/> hívásban",
+                "other": "<avatars/> hívásban"
+            },
+            "overflow": {
+                "one": "<avatars/> +%(overflowCount)s a hívásban",
+                "other": "<avatars/> +%(overflowCount)s a hívásban"
+            }
+        },
+        "call_toast_unknown_room": "Ismeretlen szoba",
+        "camera_disabled": "A kamerája ki van kapcsolva",
+        "camera_enabled": "A kamerája még mindig be van kapcsolva",
+        "cannot_call_yourself_description": "Nem hívhatja fel saját magát.",
+        "close_lobby": "Várószoba bezárása",
+        "connecting": "Kapcsolódás",
+        "connection_lost": "Megszakadt a kapcsolat a kiszolgálóval",
+        "connection_lost_description": "Nem kezdeményezhet hívást a kiszolgálóval való kapcsolat nélkül.",
+        "consulting": "Egyeztetés vele: %(transferTarget)s. <a>Átadás ide: %(transferee)s</a>",
+        "default_device": "Alapértelmezett eszköz",
+        "dial": "Tárcsázás",
+        "dialpad": "Tárcsázó",
+        "disable_camera": "Kamera kikapcsolása",
+        "disable_microphone": "Mikrofon némítása",
+        "disabled_no_perms_start_video_call": "Nincs jogosultsága videóhívást indítani",
+        "disabled_no_perms_start_voice_call": "Nincs jogosultsága hanghívást indítani",
+        "disabled_ongoing_call": "Hívás folyamatban",
+        "element_call": "Element Call",
+        "enable_camera": "Kamera bekapcsolása",
+        "enable_microphone": "Mikrofon némításának feloldása",
+        "expand": "Visszatérés a híváshoz",
+        "get_call_link": "Hívási hivatkozás megosztása",
+        "group_call_started": "Csoportos hívás elindítva",
+        "hangup": "Bontás",
+        "hide_sidebar_button": "Oldalsáv elrejtése",
+        "input_devices": "Beviteli eszközök",
+        "jitsi_call": "Jitsi konferencia",
+        "join_with_video": "Csatlakozás videóval",
+        "legacy_call": "Örökölt hívás",
+        "maximise": "Képernyő kitöltése",
+        "maximise_call": "Maximalizálja a hívást",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Konferenciák"
+        },
+        "minimise_call": "Minimalizálja a hívást",
+        "misconfigured_server": "A hívás a helytelenül beállított kiszolgáló miatt sikertelen",
+        "misconfigured_server_description": "Kérje meg a Matrix-kiszolgáló (<code>%(homeserverDomain)s</code>) adminisztrátorát, hogy a hívások megfelelő működéséhez állítson be egy TURN-kiszolgálót.",
+        "misconfigured_server_fallback": "Alternatív megoldásként megpróbálhatja használni a <server/> nyilvános kiszolgálót, de ez nem lesz olyan megbízható, és megosztja az IP-címét azzal a kiszolgálóval. Ezt a Beállításokban is kezelheti.",
+        "misconfigured_server_fallback_accept": "A %(server)s használatának kipróbálása",
+        "more_button": "Több",
+        "msisdn_lookup_failed": "A telefonszámot nem sikerült megtalálni",
+        "msisdn_lookup_failed_description": "Hiba történt a telefonszám megkeresése során",
+        "msisdn_transfer_failed": "A hívás átadása nem lehetséges",
+        "n_people_joined": {
+            "%(count)s személy belépett": "other"
+        },
+        "no_audio_input_description": "Nem található mikrofon. Ellenőrizze a beállításokat és próbálja újra.",
+        "no_audio_input_title": "Nem található mikrofon",
+        "no_media_perms_description": "Lehet, hogy kézileg kell engedélyeznie a(z) %(brand)s számára, hogy hozzáférjen a mikrofonjához és webkamerájához",
+        "no_media_perms_title": "Nincs média jogosultság",
+        "no_permission_conference": "Jogosultság szükséges",
+        "no_permission_conference_description": "Nincs jogosultsága konferenciahívást kezdeményezni ebben a szobában",
+        "on_hold": "%(name)s várakoztatva",
+        "output_devices": "Kimeneti eszközök",
+        "screenshare_monitor": "A teljes képernyő megosztása",
+        "screenshare_title": "Tartalom megosztása",
+        "screenshare_window": "Alkalmazásablak",
+        "show_sidebar_button": "Oldalsáv megjelenítése",
+        "silence": "Hívás némítása",
+        "silenced": "Értesítések némítva",
+        "start_screenshare": "Képernyőmegosztás bekapcsolása",
+        "stop_screenshare": "Képernyőmegosztás kikapcsolása",
+        "too_many_calls": "Túl sok hívás",
+        "too_many_calls_description": "Elérte az egyidejű hívások maximális számát.",
+        "transfer_consult_first_label": "Kérjen először véleményt",
+        "transfer_failed": "Átadás sikertelen",
+        "transfer_failed_description": "A hívás átadása nem sikerült",
+        "unable_to_access_audio_input_description": "Nem lehet a mikrofont használni. Ellenőrizze a böngésző beállításait és próbálja újra.",
+        "unable_to_access_audio_input_title": "A mikrofont nem lehet használni",
+        "unable_to_access_media": "A webkamerát / mikrofont nem lehet használni",
+        "unable_to_access_microphone": "A mikrofont nem lehet használni",
+        "unknown_caller": "Ismeretlen hívó",
+        "unknown_person": "ismeretlen személy",
+        "unsilence": "Hang be",
+        "unsupported": "A hívások nem támogatottak",
+        "unsupported_browser": "Nem indíthat hívást ebben a böngészőben.",
+        "user_busy": "A felhasználó foglalt",
+        "user_busy_description": "A hívott felhasználó foglalt.",
+        "user_is_presenting": "%(sharerName)s tartja a bemutatót",
+        "video_call": "Videóhívás",
+        "video_call_incoming": "Bejövő videóhívás",
+        "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)",
+    "welcome": {
+        "tagline_element": "A sebesség és az egyszerűség jegyében.",
+        "title_element": "Legyen elemében",
+        "title_generic": "Üdvözli az %(brand)s"
+    },
+    "widget": {
+        "added_by": "A kisalkalmazást hozzáadta",
+        "capabilities_dialog": {
+            "content_starting_text": "A kisalkalmazás ezeket szeretné:",
+            "decline_all_permission": "Összes elutasítása",
+            "remember_Selection": "A döntés megjegyzése ehhez a kisalkalmazáshoz",
+            "title": "Kisalkalmazás-engedélyek elfogadása"
+        },
+        "capability": {
+            "always_on_screen_generic": "Amíg fut, addig maradjon a képernyőn",
+            "always_on_screen_viewing_another_room": "Amíg fut, akkor is maradjon a képernyőn, ha egy másik szobát néz",
+            "any_room": "A fentiek, de minden szobában, amelybe belépett vagy meghívták",
+            "byline_empty_state_key": "üres állapotkulccsal",
+            "byline_state_key": "ezzel az állapotkulccsal: %(stateKey)s",
+            "capability": "<b>%(capability)s</b> képesség",
+            "change_avatar_active_room": "Az aktív szoba profilképének megváltoztatása",
+            "change_avatar_this_room": "A szoba profilképének megváltoztatása",
+            "change_name_active_room": "Az aktív szoba nevének megváltoztatása",
+            "change_name_this_room": "A szoba nevének megváltoztatása",
+            "change_topic_active_room": "Az aktív szobája témájának módosítása",
+            "change_topic_this_room": "A szoba témájának megváltoztatása",
+            "download_file": "Fájlok letöltése a médiatárból",
+            "receive_membership_active_room": "Emberek belépésének, távozásának vagy meghívásának a megjelenítése az aktív szobájában",
+            "receive_membership_this_room": "Emberek belépésének, távozásának vagy meghívásának a megjelenítése ebben a szobában",
+            "remove_ban_invite_leave_active_room": "Eltávolítani, kitiltani vagy meghívni embereket az aktív szobába és, hogy ön elhagyja a szobát",
+            "remove_ban_invite_leave_this_room": "Eltávolítani, kitiltani vagy meghívni embereket ebbe a szobába és, hogy ön elhagyja a szobát",
+            "see_avatar_change_active_room": "Profilképváltozás megjelenítése az aktív szobában",
+            "see_avatar_change_this_room": "Profilképváltozás megjelenítése ebben a szobában",
+            "see_event_type_sent_active_room": "<b>%(eventType)s</b> események megjelenítése az aktív szobájában",
+            "see_event_type_sent_this_room": "<b>%(eventType)s</b> események megjelenítése ebben a szobában",
+            "see_images_sent_active_room": "Az aktív szobádba küldött képek megjelenítése",
+            "see_images_sent_this_room": "Ebbe a szobába küldött képek megjelenítése",
+            "see_messages_sent_active_room": "Az aktív szobájába küldött üzenetek megjelenítése",
+            "see_messages_sent_this_room": "Az ebbe a szobába küldött üzenetek megjelenítése",
+            "see_msgtype_sent_active_room": "Az aktív szobájába küldött <b>%(msgtype)s</b> üzenetek megjelenítése",
+            "see_msgtype_sent_this_room": "Az ebbe a szobába küldött <b>%(msgtype)s</b> üzenetek megjelenítése",
+            "see_name_change_active_room": "Névváltozások megjelenítése az aktív szobában",
+            "see_name_change_this_room": "Névváltozások megjelenítése ebben a szobában",
+            "see_sent_emotes_active_room": "Az aktív szobájába küldött emodzsik megjelenítése",
+            "see_sent_emotes_this_room": "Ebbe a szobába küldött emodzsik megjelenítése",
+            "see_sent_files_active_room": "Az aktív szobádba küldött fájlok megjelenítése",
+            "see_sent_files_this_room": "Ebbe a szobába küldött fájlok megjelenítése",
+            "see_sticker_posted_active_room": "Bárki által az aktív szobájába küldött matrica megjelenítése",
+            "see_sticker_posted_this_room": "Matricaküldések megjelenítése ebben a szobában",
+            "see_text_messages_sent_active_room": "Az aktív szobájába küldött szöveges üzenetek megjelenítése",
+            "see_text_messages_sent_this_room": "Az ebbe a szobába küldött szöveges üzenetek megjelenítése",
+            "see_topic_change_active_room": "Témaváltozások megjelenítése az aktív szobájában",
+            "see_topic_change_this_room": "A szoba témaváltozásainak megjelenítése",
+            "see_videos_sent_active_room": "Az aktív szobádba küldött videók megjelenítése",
+            "see_videos_sent_this_room": "Ebbe a szobába küldött videók megjelenítése",
+            "send_emotes_active_room": "Emodzsik küldése az aktív szobájába saját néven",
+            "send_emotes_this_room": "Emodzsik küldése ebbe a szobába saját néven",
+            "send_event_type_active_room": "<b>%(eventType)s</b> események küldése a saját nevében az aktív szobájában",
+            "send_event_type_this_room": "<b>%(eventType)s</b> események küldése a saját nevében a szobába",
+            "send_files_active_room": "Fájlok küldése az aktív szobájába saját néven",
+            "send_files_this_room": "Fájlok küldése ebbe a szobába saját néven",
+            "send_images_active_room": "Képek küldése az aktív szobájába saját néven",
+            "send_images_this_room": "Képek küldése ebbe a szobába saját néven",
+            "send_messages_active_room": "Üzenetek küldése az aktív szobájába saját néven",
+            "send_messages_this_room": "Üzenetek küldése ebbe a szobába saját néven",
+            "send_msgtype_active_room": "<b>%(msgtype)s</b> üzenetek küldése az aktív szobájába saját néven",
+            "send_msgtype_this_room": "<b>%(msgtype)s</b> üzenetek küldése ebbe a szobába saját néven",
+            "send_stickers_active_room": "Matricák küldése az aktív szobájába",
+            "send_stickers_active_room_as_you": "Matricák küldése az aktív szobájába saját néven",
+            "send_stickers_this_room": "Matricák küldése ebbe a szobába",
+            "send_stickers_this_room_as_you": "Matricák küldése ebbe a szobába saját néven",
+            "send_text_messages_active_room": "Szöveges üzenetek küldése az aktív szobájába saját néven",
+            "send_text_messages_this_room": "Szöveges üzenetek küldése ebbe a szobába saját néven",
+            "send_videos_active_room": "Videók küldése az aktív szobájába saját néven",
+            "send_videos_this_room": "Videók küldése ebbe a szobába saját néven",
+            "specific_room": "A fentiek, de ebben a szobában is: <Room />",
+            "switch_room": "Az Ön által nézett szoba megváltoztatása",
+            "switch_room_message_user": "Az épp megtekintett szoba, üzenet vagy felhasználó megváltoztatása"
+        },
+        "close_to_view_right_panel": "Kisalkalmazás bezárása ezen a panelen való megjelenítéshez",
+        "context_menu": {
+            "delete": "Kisalkalmazás törlése",
+            "delete_warning": "A kisalkalmazás törlése minden felhasználót érint a szobában. Biztos, hogy törli a kisalkalmazást?"
+        },
+        "cookie_warning": "Ez a kisalkalmazás sütiket használhat.",
+        "error_hangup_description": "A híváskapcsolat megszakadt (Hiba: %(message)s)",
+        "error_hangup_title": "A kapcsolat megszakadt",
+        "error_loading": "Hiba a kisalkalmazás betöltése során",
+        "error_mixed_content": "Hiba – Vegyes tartalom",
+        "error_need_invite_permission": "Hogy ezt tegye, ahhoz meg kell tudnia hívni felhasználókat.",
+        "error_need_kick_permission": "Hogy ezt tegye, ahhoz ki kell tudnia rúgni felhasználókat.",
+        "error_need_to_be_logged_in": "Be kell jelentkeznie.",
+        "error_unable_start_audio_stream_description": "A hangközvetítés indítása sikertelen.",
+        "error_unable_start_audio_stream_title": "Az élő adás indítása sikertelen",
+        "modal_data_warning": "Az alábbi adatok a következővel vannak megosztva: %(widgetDomain)s",
+        "modal_title_default": "Előugró kisalkalmazás",
+        "no_name": "Ismeretlen alkalmazás",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Emlékezzen erre",
+            "starting_text": "A kisalkalmazás ellenőrizni fogja a felhasználói azonosítóját, de az alábbi tevékenységeket nem tudja végrehajtani:",
+            "title": "A kisalkalmazás ellenőrizheti a személyazonosságát"
+        },
+        "popout": "Kiugró kisalkalmazás",
+        "set_room_layout": "Elrendezés beállítása mindenki számára",
+        "shared_data_avatar": "A profilképének webcíme",
+        "shared_data_device_id": "Saját eszközazonosító",
+        "shared_data_lang": "Saját nyelv",
+        "shared_data_mxid": "Saját felhasználói azonosítója",
+        "shared_data_name": "Saját megjelenítendő neve",
+        "shared_data_room_id": "Szobaazonosító",
+        "shared_data_theme": "Saját témája",
+        "shared_data_url": "Az %(brand)s webcíme",
+        "shared_data_warning": "Ennek a kisalkalmazásnak a használata adatot oszthat meg <helpIcon /> a(z) %(widgetDomain)s domainnel.",
+        "shared_data_warning_im": "Ennek a kisalkalmazásnak a használata adatot oszthat meg <helpIcon /> a(z) %(widgetDomain)s oldallal és az integrációkezelőjével.",
+        "shared_data_widget_id": "Kisalkalmazás-azonosító",
+        "unencrypted_warning": "A kisalkalmazások nem használnak üzenettitkosítást.",
+        "unmaximise": "Kicsinyítés",
+        "unpin_to_view_right_panel": "Kisalkalmazás rögzítésének megszüntetése az ezen a panelen való megjelenítéshez"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "A csupa nagybetűset majdnem olyan könnyű kitalálni mint a csupa kisbetűset",
+            "anotherWord": "Adjon hozzá még egy-két szót. A ritkán használt szavak jobbak.",
+            "associatedYears": "Kerülje azokat az éveket, melyek összefüggésbe hozhatók Önnel",
+            "capitalization": "A nagybetűk nem igazán segítenek",
+            "dates": "Kerülje azokat a dátumokat és évszámokat, melyek összefüggésbe hozhatók Önnel",
+            "l33t": "A kiszámítható helyettesítések, mint az „a” helyett a „@”, nem sokat segítenek",
+            "longerKeyboardPattern": "Használj hosszabb billentyűzetmintát, több kanyarral",
+            "noNeed": "Nincs szükség szimbólumokra, számokra vagy nagybetűkre",
+            "pwned": "Ha máshol is használja ezt a jelszót, változtassa meg.",
+            "recentYears": "Kerülje a közeli éveket",
+            "repeated": "Kerülje a szó-, vagy betűismétlést",
+            "reverseWords": "A fordított betűrendet sem sokkal nehezebb kitalálni",
+            "sequences": "Kerülje a sorozatokat",
+            "useWords": "Néhány szót használjon, és kerülje a szokásos kifejezéseket"
+        },
+        "warnings": {
+            "common": "Ez egy nagyon gyakori jelszó",
+            "commonNames": "Elterjedt neveket könnyű kitalálni",
+            "dates": "Általában a dátumokat könnyű kitalálni",
+            "extendedRepeat": "Az „abcabcabc” sorozatot csak kicsivel nehezebb kitalálni mint az „abc”-t",
+            "keyPattern": "A rövid billentyűzetmintákat könnyű kitalálni",
+            "namesByThemselves": "Neveket egymagukban könnyű kitalálni",
+            "pwned": "A jelszavát egy internetes adatlopás miatt felfedték.",
+            "recentYears": "A közelmúlt évszámait könnyű kitalálni",
+            "sequences": "Az olyan sorozatokat mint az abc vagy 6543, könnyű kitalálni",
+            "similarToCommon": "Ez nagyon hasonlít egy gyakori jelszóhoz",
+            "simpleRepeat": "Az ismétlések, mint az „aaa” könnyen kitalálhatók",
+            "straightRow": "A billentyűsorokat könnyű kitalálni",
+            "topHundred": "Ez benne van a 100 legelterjedtebb jelszó listájában",
+            "topTen": "Ez benne van a 10 legelterjedtebb jelszó listájában",
+            "userInputs": "Nem lehetnek személyes vagy oldalakkal kapcsolatos adatok.",
+            "wordByItself": "Egy szót magában könnyű kitalálni"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/hy.json b/apps/web/src/i18n/strings/hy.json
new file mode 100644
index 00000000000..853e7ff9157
--- /dev/null
+++ b/apps/web/src/i18n/strings/hy.json
@@ -0,0 +1,3875 @@
+{
+    "a11y": {
+        "jump_first_invite": "Անցնել առաջին հրավերին:",
+        "message_composer": "Հաղորդագրություն կազմող",
+        "n_unread_messages": {
+            "one": "1 չկարդացված հաղորդագրություն:",
+            "other": "%(count)s չկարդացված հաղորդագրություններ:"
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 չկարդացված հիշատակում:",
+            "other": "%(count)s չկարդացված հաղորդագրություններ, ներառյալ հիշատակումները։"
+        },
+        "room_status_bar": "Սենյակի կարգավիճակի գոտի/վահանակ",
+        "seek_bar_label": "Աուդիո որոնման գոտի",
+        "unread_messages": "Չկարդացված հաղորդագրություններ։"
+    },
+    "a11y_jump_first_unread_room": "Անցնել առաջին չկարդացած սենյակ:",
+    "action": {
+        "accept": "Ընդունել",
+        "add": "Ավելացնել",
+        "add_existing_room": "Ավելացնել գոյություն ունեցող սենյակ",
+        "apply": "Կիրառել",
+        "approve": "Հաստատել",
+        "ask_to_join": "Խնդրել միանալ",
+        "back": "Վերադառնալ",
+        "call": "Զանգահարել",
+        "cancel": "Չեղարկել",
+        "change": "Փոփոխություն",
+        "clear": "Մաքրել",
+        "click_to_copy": "Սեղմեք՝ պատճենելու համար",
+        "close": "Փակել",
+        "collapse": "Կոծկել",
+        "complete": "Վերջացնել",
+        "confirm": "Հաստատել",
+        "continue": "Շարունակել",
+        "copy": "Պատճենել",
+        "copy_link": "Պատճենել հղումը",
+        "create": "Ստեղծել",
+        "create_a_room": "Ստեղծել սենյակ",
+        "create_account": "Ստեղծել հաշիվ",
+        "decline": "Մերժել",
+        "decline_and_block": "Մերժել և արգելափակել",
+        "decline_invite": "Մերժել հրավերը",
+        "delete": "Ջնջել",
+        "deny": "Մերժել",
+        "disable": "Անջատել",
+        "disconnect": "Անջատել",
+        "dismiss": "Հեռացնել",
+        "done": "Կատարված է",
+        "download": "Ներբեռնել",
+        "edit": "Խմբագրել",
+        "enable": "Միացնել",
+        "enter_fullscreen": "Մուտք գործել լիաէկրան ռեժիմ",
+        "exit_fullscreeen": "Ելք լիաէկրան ռեժիմից",
+        "expand": "Ընդլայնել",
+        "explore_rooms": "Փնտրել սենյակներ",
+        "export": "Արտահանել",
+        "forward": "Առաջ",
+        "go": "Գնալ",
+        "go_back": "Վերադառնալ",
+        "got_it": "Հասկացա",
+        "hide_advanced": "Թաքցնել ընդլայնվածները",
+        "hold": "Պահել",
+        "ignore": "Անտեսել",
+        "import": "Ներմուծել",
+        "invite": "Հրավիրել",
+        "join": "Միանալ",
+        "learn_more": "Իմանալ ավելին",
+        "leave": "Հեռանալ",
+        "leave_room": "Դուրս գալ սենյակից",
+        "logout": "Ելք",
+        "manage": "Կառավարել",
+        "maximise": "Առավելագույնի հասցնել",
+        "mention": "Նշել",
+        "minimise": "Նվազագույնի հասցնել",
+        "new_room": "Նոր սենյակ",
+        "new_video_room": "Նոր վիդեո սենյակ",
+        "next": "Հաջորդ",
+        "no": "Ոչ",
+        "ok": "Լավ",
+        "open": "Բաց(ել)",
+        "pin": "Քորոց",
+        "proceed": "Շարունակել",
+        "quote": "Մեջբերում",
+        "react": "Արձագանքել",
+        "refresh": "Թարմացնել",
+        "register": "Գրանցվել",
+        "reload": "Վերբեռնել",
+        "remove": "Հեռացնել",
+        "rename": "Վերանվանել",
+        "reply": "Պատասխանել",
+        "reply_in_thread": "Պատասխանել թեմայում",
+        "report_room": "Տեղեկացնել/բողոքել սենյակի մասին",
+        "resend": "Վերաուղարկել",
+        "reset": "Վերականգնել",
+        "resume": "Վերսկսել",
+        "retry": "Կրկին փորձեք",
+        "review": "Վերանայել",
+        "revoke": "Չեղարկել",
+        "save": "Պահպանել",
+        "search": "Որոնել",
+        "send_report": "Ուղարկել զեկույցը",
+        "set_avatar": "Սահմանել պրոֆիլի նկար",
+        "share": "Կիսվել",
+        "show": "Ցույց տալ",
+        "show_advanced": "Ցույց տալ ընդլայնվածները",
+        "show_all": "Ցույց տալ բոլորը",
+        "sign_in": "Մուտք գործել",
+        "sign_out": "Դուրս գալ",
+        "skip": "Բաց թողնել",
+        "start": "Սկսել",
+        "stop": "Դադարեցնել",
+        "submit": "Հաստատել",
+        "subscribe": "Բաժանորդագրվել",
+        "transfer": "Փոխանցում",
+        "trust": "Վստահություն",
+        "try_again": "Կրկին փորձել",
+        "unban": "Ապաալգելափակել",
+        "unignore": "Չեղարկել անտեսումը",
+        "unpin": "Ապաամրացնել",
+        "unsubscribe": "Հրաժարվել բաժանորդագրությունից",
+        "update": "Թարմացնել",
+        "upgrade": "Թարմացնել",
+        "upload": "Վերբեռնել",
+        "upload_file": "Վերբեռնել ֆայլ",
+        "verify": "Ստուգել",
+        "view": "Դիտել",
+        "view_all": "Դիտել բոլորը",
+        "view_list": "Դիտել ցուցակը",
+        "view_message": "Դիտել հաղորդագրությունը",
+        "view_source": "Դիտել աղբյուրը",
+        "yes": "Այո",
+        "yes_dismiss": "Այո, փակել",
+        "zoom_in": "Մեծացնել",
+        "zoom_out": "Փոքրացնել"
+    },
+    "analytics": {
+        "accept_button": "Լավ է",
+        "bullet_1": "Մենք <Bold> չենք </Bold> արձանագրում կամ պրոֆիլավորում հաշվի որևէ տվյալ",
+        "bullet_2": "Մենք <Bold> չենք </Bold> կիսվում տվյալներով երրորդ անձանց հետ",
+        "consent_migration": "Դուք նախկինում համաձայնություն եք տվել մեզ հետ անանուն օգտագործման տվյալներով կիսվելու համար։ Մենք թարմացնում ենք դրա աշխատանքի սկզբունքը։",
+        "disable_prompt": "Դուք կարող եք անջատել սա ցանկացած պահի կարգավորումներում",
+        "enable_prompt": "Օգնեք բարելավել %(analyticsOwner)s",
+        "learn_more": "Կիսվեք անանուն տվյալներով, որոնք կօգնեն մեզ բացահայտել խնդիրները: Ոչ մի անձնական բան։ Ոչ մի երրորդ կողմ։ <LearnMoreLink>Իմանալ ավելին</LearnMoreLink>",
+        "privacy_policy": "Մեր բոլոր պայմանները կարող եք կարդալ <PrivacyPolicyUrl> այստեղ </PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Օգնեք մեզ բացահայտել խնդիրները եւ բարելավել %(analyticsOwner)s՝ կիսվելով անանուն օգտագործման տվյալներով: Հասկանալու համար, թե ինչպես են մարդիկ օգտագործում մի քանի սարքեր, մենք կստեղծենք պատահական նույնացուցիչ, որը կիսվում է ձեր սարքերի կողմից:",
+        "shared_data_heading": "Հետևյալ տվյալներից ցանկացած մեկը կարող է տարածվել."
+    },
+    "auth": {
+        "3pid_in_use": "Այդ էլեկտրոնային փոստի հասցեն կամ հեռախոսահամարն արդեն օգտագործվում է։",
+        "account_clash": "Ձեր նոր հաշիվը (%(newAccountId)s ) գրանցված է, բայց դուք արդեն մուտք եք գործել այլ հաշիվ (%(loggedInUserId)s )։",
+        "account_clash_previous_account": "Շարունակել նախորդ հաշվով",
+        "account_deactivated": "Այս հաշիվը ապաակտիվացված է:",
+        "autodiscovery_generic_failure": "Չհաջողվեց սերվերից ստանալ ավտոմատ հայտնաբերման կարգավորումը",
+        "autodiscovery_hs_incompatible": "Ձեր սերվերը չափազանց հին է և չի աջակցում պահանջվող API-ի նվազագույն տարբերակը: Խնդրում ենք կապվել ձեր սերվերի սեփականատիրոջ հետ կամ թարմացնել այն:",
+        "autodiscovery_invalid": "Սերվերի հայտնաբերման անվավեր պատասխան",
+        "autodiscovery_invalid_hs": "Homeserver-ի URL-ը, կարծես թե, վավեր Matrix homeserver չէ։",
+        "autodiscovery_invalid_hs_base_url": "Անվավեր base_url m.homeserver-ի համար",
+        "autodiscovery_invalid_is": "Նույնականացման սերվերի URL-ը, կարծես թե, վավեր նույնականացման սերվեր չէ",
+        "autodiscovery_invalid_is_base_url": "Անվավեր base_url m.identificty_server-ի համար",
+        "autodiscovery_invalid_is_response": "Անվավեր նույնականացման սերվերի հայտնաբերման պատասխան",
+        "autodiscovery_invalid_json": "Չաշխատող JSON",
+        "autodiscovery_no_well_known": ".well-known JSON ֆայլ չի գտնվել",
+        "autodiscovery_unexpected_error_hs": "Անսպասելի սխալ՝ homeserver-ի կարգավորումները ստուգելու ժամանակ",
+        "autodiscovery_unexpected_error_is": "Անսպասելի սխալ՝ ինքնության սերվերի կարգավորումները ստուգելիս",
+        "captcha_description": "Այս սերվերը ցանկանում է համոզվել, որ դուք ռոբոտ չեք։",
+        "change_password_action": "Փոխել գաղտնաբառը",
+        "change_password_confirm_invalid": "Գաղտնաբառերը չեն համընկնում",
+        "change_password_confirm_label": "Հաստատեք գաղտնաբառը",
+        "change_password_current_label": "Ընթացիկ գաղտնաբառը",
+        "change_password_empty": "Գաղտնաբառերը չեն կարող դատարկ լինել",
+        "change_password_error": "Գաղտնաբառը փոխելիս սխալ առաջացավ. %(error)s",
+        "change_password_mismatch": "Նոր գաղտնաբառերը չեն համընկնում",
+        "change_password_new_label": "Նոր գաղտնաբառ",
+        "check_email_explainer": "Հետևեք <b>%(email)s</b> էլ․փոստի հասցեին ուղարկված հրահանգներին",
+        "check_email_resend_prompt": "Չե՞ք ստացել այն։",
+        "check_email_resend_tooltip": "Հաստատման հղման էլ. նամակը վերստին ուղարկվեց։",
+        "check_email_wrong_email_button": "Կրկին մուտքագրեք էլ․ հասցեն",
+        "check_email_wrong_email_prompt": "Սխա՞լ էլ․ հասցե է։",
+        "continue_with_idp": "Շարունակել %(provider)s-ի հետ",
+        "continue_with_sso": "Շարունակել %(ssoButtons)s-ով",
+        "country_dropdown": "Երկրի ցանկ",
+        "create_account_prompt": "Նորեկ եք այստեղ՞։ <a> Ստեղծեք հաշիվ</a>",
+        "create_account_title": "Ստեղծել հաշիվ",
+        "email_discovery_text": "Օգտագործեք էլ․ փոստը՝ առկա կոնտակտների կողմից հայտնաբերելի լինելու համար։",
+        "email_field_label": "Էլ․ փոստ",
+        "email_field_label_invalid": "Չի համապատասխանում վավեր էլեկտրոնային հասցեին",
+        "email_field_label_required": "Մուտքագրեք էլ․ հասցե",
+        "email_help_text": "Ավելացրեք էլ.փոստ, որպեսզի կարողանաք վերականգնել ձեր գաղտնաբառը:",
+        "email_phone_discovery_text": "Օգտագործեք էլ. փոստ կամ հեռախոս՝ առկա կոնտակտների կողմից հայտնաբերելի լինելու համար։",
+        "enter_email_explainer": "<b>%(homeserver)s</b> կուղարկի ձեզ հաստատման հղում՝ գաղտնաբառը վերականգնելու համար։",
+        "enter_email_heading": "Մուտքագրեք ձեր էլ․ հասցեն՝ գաղտնաբառը վերականգնելու համար",
+        "failed_connect_identity_server": "Անհնար է կապ հաստատել նույնականացման սերվերի հետ",
+        "failed_connect_identity_server_other": "Կարող եք մուտք գործել, սակայն որոշ գործառույթներ անհասանելի կլինեն մինչև նույնականացման սերվերը կրկին կմիանա ցանցին։ Եթե շարունակեք տեսնել այս նախազգուշացումը, ստուգեք ձեր կարգավորումները կամ կապվեք սերվերի ադմինիստրատորի հետ։",
+        "failed_connect_identity_server_register": "Կարող եք գրանցվել, սակայն որոշ գործառույթներ անհասանելի կլինեն մինչև նույնականացման սերվերի նորից միացումը առցանց։ Եթե շարունակեք տեսնել այս նախազգուշացումը, ստուգեք ձեր կարգավորումները կամ կապվեք սերվերի ադմինիստրատորի հետ։",
+        "failed_connect_identity_server_reset_password": "Դուք կարող եք վերականգնել ձեր գաղտնաբառը, սակայն որոշ գործառույթներ անհասանելի կլինեն մինչև նույնականացման սերվերը կրկին միանա ցանցին։ Եթե շարունակեք տեսնել այս նախազգուշացումը, ստուգեք ձեր կարգավորումները կամ կապվեք սերվերի ադմինիստրատորի հետ։",
+        "failed_homeserver_discovery": "Սերվերի հայտնաբերումը չհաջողվեց",
+        "failed_query_registration_methods": "Անհնար է հարցում կատարել գրանցման աջակցվող մեթոդների համար:",
+        "failed_soft_logout_auth": "Վերստին նույնականացումը չհաջողվեց",
+        "failed_soft_logout_homeserver": "Վերստին նույնականացումը չհաջողվեց՝ սերվերի խնդրի պատճառով",
+        "forgot_password_email_invalid": "Էլ․ հասցեն, կարծես թե, վավեր չէ։",
+        "forgot_password_email_required": "Անհրաժեշտ է մուտքագրել ձեր հաշվին կցված էլեկտրոնային փոստի հասցեն։",
+        "forgot_password_prompt": "Մոռացե՞լ եք գաղտնաբառը։",
+        "forgot_password_send_email": "Ուղարկել էլ. նամակ",
+        "identifier_label": "Մուտք գործել",
+        "incorrect_credentials": "Սխալ օգտանուն և/կամ գաղտնաբառ։",
+        "incorrect_credentials_detail": "Խնդրում ենք նկատի ունենալ, որ դուք մուտք եք գործում %(hs)s սերվեր, այլ ոչ թե matrix.org։",
+        "incorrect_password": "Սխալ գաղտնաբառ",
+        "log_in_new_account": "<a>Մուտք գործել</a> ձեր նոր հաշիվ։",
+        "logout_dialog": {
+            "description": "Իսկապե՞ս ուզում եք դուրս գալ:",
+            "setup_key_backup_title": "Դուք կկորցնեք հասանելիությունը ձեր ծածկագրված հաղորդագրություններին ",
+            "skip_key_backup": "Ես չեմ ուզում, որ իմ գաղտնագրված հաղորդագրությունները"
+        },
+        "misconfigured_body": "Խնդրեք ձեր %(brand)s ադմինիստրատորին ստուգել <a>ձեր կարգավորումը</a> սխալ կամ կրկնվող գրառումների առկայության համար։",
+        "misconfigured_title": "Ձեր %(brand)s-ը սխալ է կարգավորված",
+        "mobile_create_account_title": "Դուք պատրաստվում եք ստեղծել հաշիվ %(hsName)s-ում։",
+        "msisdn_field_description": "Այլ օգտատերեր կարող են հրավիրել ձեզ սենյակներ՝ օգտագործելով ձեր կոնտակտային տվյալները",
+        "msisdn_field_label": "Հեռախոս",
+        "msisdn_field_number_invalid": "Այդ հեռախոսահամարը այնքան էլ ճիշտ տեսք չունի, խնդրում ենք ստուգել և նորից փորձել",
+        "msisdn_field_required_invalid": "Մուտքագրեք հեռախոսահամար",
+        "no_hs_url_provided": "Ոչ մի homeserver URL չի տրամադրվել",
+        "oidc": {
+            "error_title": "Մենք չկարողացանք մուտքագրել ձեզ",
+            "generic_auth_error": "Նույնականացման ընթացքում ինչոր սխալ է տեղի ունեցել: Անցեք մուտքի էջ և կրկին փորձեք:",
+            "missing_or_invalid_stored_state": "Մենք խնդրեցինք զննարկիչին հիշել, թե որ սերվերն եք օգտագործում մուտք գործելու համար, բայց, ցավոք, ձեր զննարկիչը մոռացել է այն։ Անցեք մուտքի էջ և փորձեք կրկին։"
+        },
+        "password_field_keep_going_prompt": "Շարունակեք…",
+        "password_field_label": "Մուտքագրեք գաղտնաբառը",
+        "password_field_strong_label": "Գեղեցիկ, ուժեղ գաղտնաբառ!",
+        "password_field_weak_label": "Գաղտնաբառը թույլատրված է, բայց անվտանգ չէ",
+        "phone_label": "Հեռախոս",
+        "phone_optional_label": "Հեռախոս (ըստ ցանկության)",
+        "qr_code_login": {
+            "check_code_explainer": "Սա կհաստատի, որ ձեր մյուս սարքի հետ կապն անվտանգ է։",
+            "check_code_heading": "Մուտքագրեք ձեր մյուս սարքի էկրանին ցուցադրված համարը",
+            "check_code_input_label": "2-նիշանոց կոդ",
+            "check_code_mismatch": "Թվերը չեն համընկնում",
+            "completing_setup": "Ձեր նոր սարքի կարգավորումն ավարտվում է",
+            "error_etag_missing": "Անսպասելի սխալ տեղի ունեցավ։ Սա կարող է պայմանավորված լինել զննարկիչի ընդլայնմամբ, պրոքսի սերվերով կամ սերվերի սխալ կարգավորմամբ։",
+            "error_expired": "Մուտք գործելու ժամկետը լրացել է։ Խնդրում ենք կրկին փորձել։",
+            "error_expired_title": "Մուտք գործելը ժամանակին չի ավարտվել",
+            "error_insecure_channel_detected": "Չհաջողվեց ստեղծել անվտանգ կապ նոր սարքի հետ։ Ձեր մնացած սարքերը մնում են ապահով, անհանգստանալու անհրաժեշտություն չկա։",
+            "error_insecure_channel_detected_instructions": "Հիմա ի՞նչ",
+            "error_insecure_channel_detected_instructions_1": "Կրկին փորձեք մուտք գործել մյուս սարքում QR կոդի միջոցով՝ հավանաբար խնդիրը կապված էր ցանցի հետ։",
+            "error_insecure_channel_detected_instructions_2": "Եթե կրկին հանդիպեք նույն խնդրին, միացեք ուրիշ Wi-Fi ցանցի կամ Wi-Fi-ի փոխարեն օգտագործեք բջջային ինտերնետ։",
+            "error_insecure_channel_detected_instructions_3": "Եթե դա չի աշխատում, մուտք գործեք ձեռքով",
+            "error_insecure_channel_detected_title": "Կապը անվտանգ չէ",
+            "error_other_device_already_signed_in": "Այլ բան անելու կարիք չկա։",
+            "error_other_device_already_signed_in_title": "Ձեր մյուս սարքն արդեն մուտք է գործել",
+            "error_rate_limited": "Կարճ ժամանակում չափազանց շատ փորձեր։ Սպասեք որոշ ժամանակ, նախքան կրկին փորձելը։",
+            "error_unexpected": "Տեղի է ունեցել անսպասելի սխալ: Ձեր մյուս սարքը կապակցելու հարցումը չեղարկվել է:",
+            "error_unsupported_protocol": "Այս սարքը չի աջակցում QR կոդով մյուս սարք մուտք գործելը։",
+            "error_unsupported_protocol_title": "Այլ/մյուս սարքը համատեղելի չէ",
+            "error_user_cancelled": "Մուտքը չեղարկվել է մյուս սարքի վրա։",
+            "error_user_cancelled_title": "Մուտք գործելու հարցումը չեղարկվել է",
+            "error_user_declined": "Դուք կամ հաշվի մատակարարը(պրովայդեր) մերժել է մուտք գործելու հարցումը։",
+            "error_user_declined_title": "Մուտքը մերժվեց",
+            "follow_remaining_instructions": "Հետևեք մնացած հրահանգներին",
+            "open_element_other_device": "Բացեք %(brand)s-ը ձեր մյուս սարքի վրա",
+            "point_the_camera": "Սկանավորեք այստեղ ցուցադրված QR կոդը",
+            "scan_code_instruction": "Սկանավորեք QR կոդը մեկ այլ սարքով",
+            "scan_qr_code": "Մուտք գործեք QR կոդով",
+            "security_code_prompt": "Եթե պահանջվի, մուտքագրեք ստորև նշված կոդը ձեր մյուս սարքում։",
+            "select_qr_code": "Ընտրեք “%(scanQRCode)s”",
+            "unsupported_explainer": "Ձեր հաշվի մատակարարը չի աջակցում նոր սարքում QR կոդով մուտք գործելուն։",
+            "unsupported_heading": "QR կոդը չի աջակցվում",
+            "waiting_for_device": "Սպասում է սարքի մուտքին"
+        },
+        "register_action": "Ստեղծել օգտահաշիվ",
+        "registration": {
+            "continue_without_email_description": "Պարզապես զգուշացում, եթե չավելացնեք էլ․ հասցե և մոռանաք ձեր գաղտնաբառը, կարող եք<b> ընդմիշտ կորցնել մուտքը ձեր հաշվին</b> .",
+            "continue_without_email_field_label": "Էլ․ փոստ (ըստ ցանկության)",
+            "continue_without_email_title": "Շարունակել առանց էլեկտրոնային փոստի"
+        },
+        "registration_disabled": "Գրանցումը անջատված է այս սերվերի վրա։",
+        "registration_msisdn_field_required_invalid": "Մուտքագրեք հեռախոսահամարը (պարտադիր է այս սերվերի վրա)",
+        "registration_successful": "Գրանցումը հաջողվեց",
+        "registration_username_in_use": "Այդ օգտանունն արդեն ինչ-որ մեկն օգտագործում է։ Փորձեք մեկ այլ անուն, կամ եթե դա դուք եք, մուտք գործեք ստորև։",
+        "registration_username_unable_check": "Հնարավոր չէ ստուգել, թե արդյոք օգտատիրոջ անունը զբաղված է։ Փորձեք կրկին ավելի ուշ։",
+        "registration_username_validation": "Օգտագործեք միայն փոքրատառեր, թվեր, գծիկներ և ընդգծման նշաններ",
+        "reset_password": {
+            "confirm_new_password": "Հաստատեք նոր գաղտնաբառը",
+            "devices_logout_success": "Դուք դուրս եք եկել բոլոր սարքերից և այլևս չեք ստանա push ծանուցումներ: Ծանուցումները նորից միացնելու համար կրկին մուտք գործեք յուրաքանչյուր սարքից:",
+            "other_devices_logout_warning_1": "Ձեր սարքերից դուրս գալը կջնջի դրանց վրա պահված հաղորդագրությունների գաղտնագրված բանալիները, ինչը գաղտնագրված զրույցի պատմությունը կդարձնի անընթեռնելի։",
+            "other_devices_logout_warning_2": "Եթե ցանկանում եք պահպանել ձեր զրույցի պատմության հասանելիությունը գաղտնագրված սենյակներում, ստեղծեք Key Backup կամ արտահանեք ձեր հաղորդագրության բանալիները ձեր այլ սարքերից մեկից, նախքան շարունակելը:",
+            "password_not_entered": "Պետք է մուտքագրվի նոր գաղտնաբառ։",
+            "passwords_mismatch": "Նոր գաղտնաբառերը պետք է համընկնեն միմյանց հետ։",
+            "rate_limit_error": "Կարճ ժամանակում չափազանց շատ փորձեր։ Սպասեք որոշ ժամանակ, նախքան կրկին փորձելը։",
+            "rate_limit_error_with_time": "Կարճ ժամանակում չափազանց շատ փորձեր։ Կրկին փորձեք %(timeout)s անց։",
+            "reset_successful": "Ձեր գաղտնաբառը վերականգնվել է:",
+            "return_to_login": "Վերադառնալ մուտքի էկրանին",
+            "sign_out_other_devices": "Դուրս գալ բոլոր սարքերից"
+        },
+        "reset_password_action": "Վերականգնել գաղտնաբառը",
+        "reset_password_button": "Մոռացել եք գաղտնաբառը",
+        "reset_password_email_field_description": "Օգտագործեք էլ․ հասցե՝ ձեր հաշիվը վերականգնելու համար",
+        "reset_password_email_field_required_invalid": "Մուտքագրեք էլ.փոստի հասցեն (պարտադիր է այս սերվերի վրա)",
+        "reset_password_email_not_associated": "Ձեր էլ. փոստի հասցեն, կարծես թե, կապված չէ տնային սերվերի Matrix ID-ի հետ։",
+        "reset_password_email_not_found_title": "Այս էլ.փոստի հասցեն չի գտնվել",
+        "reset_password_title": "Վերականգնել Ձեր գաղտնաբառը",
+        "server_picker_custom": "Այլ homeserver",
+        "server_picker_description": "Դուք կարող եք օգտագործել սերվերի հատուկ տարբերակները՝ այլ Matrix սերվերներ մուտք գործելու համար՝ նշելով այլ սերվերի URL-ը: Սա թույլ է տալիս օգտագործել %(brand)s-ը առկա Matrix հաշվի հետ՝ այլ սերվերի վրա։",
+        "server_picker_description_matrix.org": "Միացեք միլիոնավորներին անվճար ամենամեծ հանրային սերվերում",
+        "server_picker_dialog_title": "Որոշեք, թե որտեղ է տեղակայված ձեր հաշիվը",
+        "server_picker_explainer": "Օգտագործեք ձեր նախընտրած Matrix homeserver-ը, եթե ունեք, կամ ստեղծեք/տեղադրեք ձեր սեփականը։",
+        "server_picker_failed_validate_homeserver": "Հնարավոր չէ վավերացնել սերվերը",
+        "server_picker_intro": "Այն վայրերը, որտեղ կարող եք տեղակայել ձեր հաշիվը, մենք անվանում ենք «homeservers»՝ գլխավոր սերվերներ։",
+        "server_picker_invalid_url": "Անվավեր URL",
+        "server_picker_learn_more": "Գլխավոր սերվերների(homeserver) մասին",
+        "server_picker_matrix.org": "Matrix.org-ը աշխարհի ամենամեծ հանրային սերվերն է, ուստի այն լավ վայր է շատերի համար։",
+        "server_picker_required": "Նշե սերվեր",
+        "server_picker_title": "Մուտք գործեք ձեր գլխավոր սերվեր",
+        "server_picker_title_default": "Սերվերի ընտրանքներ",
+        "server_picker_title_registration": "Հյուրընկալող հաշիվը միացված է",
+        "session_logged_out_description": "Անվտանգության նկատառումներից ելնելով՝ այս սեսիայից դուրս եք եկել։ Խնդրում ենք կրկին մուտք գործել։",
+        "session_logged_out_title": "Դուրս է եկել",
+        "set_email": {
+            "description": "Սա թույլ կտա վերականգնել ձեր գաղտնաբառը եւ ստանալ ծանուցումներ:",
+            "verification_pending_description": "Խնդրում ենք ստուգել ձեր էլ. փոստը և սեղմել դրա մեջ պարունակվող հղման վրա: Դրանից հետո սեղմեք «Շարունակել»:",
+            "verification_pending_title": "Հաստատումը սպասվում է"
+        },
+        "set_email_prompt": "Ցանկանո՞ւմ եք սահմանել էլ-փոստի հասցե:",
+        "sign_in_description": "Օգտագործեք ձեր հաշիվը՝ շարունակելու համար։",
+        "sign_in_instead": "Փոխարենը մուտք գործել",
+        "sign_in_instead_prompt": "Արդեն ունե՞ք հաշիվ։<a> Մուտք գործեք այստեղ</a>",
+        "sign_in_or_register": "Մուտք գործել կամ ստեղծել հաշիվ",
+        "sign_in_or_register_description": "Շարունակելու համար օգտագործեք ձեր հաշիվը կամ ստեղծեք նորը։",
+        "sign_in_with_sso": "Մուտք գործեք միասնական մուտքի միջոցով",
+        "signing_in": "Մուտք գործում...",
+        "soft_logout": {
+            "clear_data_button": "Մաքրել բոլոր տվյալները",
+            "clear_data_description": "Այս սեսիայից բոլոր տվյալների մաքրումը մշտական է: Գաղտնագրված հաղորդագրությունները կկորչեն, եթե դրանց բանալիները պահուստավորված չեն:",
+            "clear_data_title": "Մաքրե՞լ այս սեսիայի բոլոր տվյալները։"
+        },
+        "soft_logout_heading": "Դուք դուրս եք եկել հաշվից",
+        "soft_logout_intro_password": "Մուտքագրեք ձեր գաղտնաբառը՝ մուտք գործելու և ձեր հաշվին մուտքը վերականգնելու համար։",
+        "soft_logout_intro_sso": "Մուտք գործեք և վերականգնեք մուտքը ձեր հաշվին:",
+        "soft_logout_intro_unsupported_auth": "Դուք չեք կարող մուտք գործել ձեր հաշիվ։ Լրացուցիչ տեղեկությունների համար կապվեք ձեր սերվերի ադմինիստրատորի հետ։",
+        "soft_logout_subheading": "Մաքրել անձնական տվյալները",
+        "soft_logout_warning": "Զգուշացում. Ձեր անձնական տվյալները (ներառյալ գաղտնագրված բանալիները) դեռևս պահվում են այս սեսիայում: Մաքրեք դրանք, եթե ավարտել եք այս սեսիայի օգտագործումը կամ ցանկանում եք մուտք գործել մեկ այլ հաշիվ:",
+        "sso": "Single Sign On",
+        "sso_complete_in_browser_dialog_title": "Մուտք գործեք ձեր զննարկիչ՝ մուտքն ավարտելու համար",
+        "sso_failed_missing_storage": "Մենք \"խնդրեցինք\" զննարկիչին հիշել, թե որ homeserver-ն եք օգտագործում մուտք գործելու համար, բայց, ցավոք, ձեր զննարկիչը մոռացել է այն։ Անցեք մուտքի էջ և փորձեք կրկին։",
+        "sso_or_username_password": "%(ssoButtons)s կամ %(usernamePassword)s",
+        "sync_footer_subtitle": "Եթե դուք միացել եք շատ սենյակների, դա կարող է որոշ ժամանակ պահանջել",
+        "syncing": "Համաժամեցվում է…",
+        "uia": {
+            "code": "Կոդը",
+            "email": "Ձեր հաշիվը ստեղծելու համար բացեք այն հղումը, որը մենք հենց նոր ուղարկեցինք %(emailAddress)s հասցեին:",
+            "email_auth_header": "Ստուգեք ձեր էլ. փոստը՝ շարունակելու համար",
+            "email_resend_prompt": "Չե՞ք ստացել այն։<a> Վերուղարկել այն</a>",
+            "email_resent": "Վերաուղարկվել է",
+            "fallback_button": "Սկսել նույնականացումը",
+            "mas_cross_signing_reset_cta": "Անցնել հաշվին",
+            "mas_cross_signing_reset_description": "Դուք պատրաստվում եք անցնել ձեր %(serverName)s հաշիվ՝ ձեր ինքնությունը վերականգնելու համար։ Երբ ավարտեք վերականգնումը ձեր հաշվից, վերադարձեք այստեղ և սեղմեք «Կրկին փորձել»։",
+            "mas_cross_signing_reset_title": "Մուտք գործեք ձեր հաշիվ՝ ձեր ինքնությունը վերակայելու համար",
+            "msisdn": "Տեքստային հաղորդագրություն է ուղարկվել հետևյալ հասցեին՝ %(msisdn)s",
+            "msisdn_token_incorrect": "Թոքենը սխալ է",
+            "msisdn_token_prompt": "Խնդրում ենք մուտքագրել դրա մեջ պարունակվող կոդը.",
+            "password_prompt": "Հաստատեք Ձեր ինքնությունը՝ մուտքագրելով Ձեր հաշվի գաղտնաբառը ստորև:",
+            "recaptcha_missing_params": "Գլխավոր սերվերի(homeserver) կարգավորումներում captcha հանրային բանալին բացակայում է: Խնդրում ենք տեղեկացնել դրա մասին ձեր homeserver ադմինիստրատորին:",
+            "registration_token_label": "Գրանցման տոկեն",
+            "registration_token_prompt": "Մուտքագրեք տնային սերվերի ադմինիստրատորի կողմից տրամադրված գրանցման տոկենը։",
+            "sso_body": "Հաստատեք այս էլ․ հասցեի ավելացումը՝ օգտագործելով Single Sign On-ը՝ ձեր ինքնությունը հաստատելու համար։",
+            "sso_failed": "Ինչ-որ բան սխալ է գնացել ձեր ինքնությունը հաստատելու հարցում: Չեղարկեք և փորձեք նորից:",
+            "sso_postauth_body": "Սեղմեք ներքևում գտնվող կոճակը՝ ձեր ինքնությունը հաստատելու համար:",
+            "sso_postauth_title": "Հաստատեք՝ շարունակելու համար",
+            "sso_preauth_body": "Շարունակելու համար օգտագործեք Single Sign On-ը՝ ձեր ինքնությունը հաստատելու համար։",
+            "sso_title": "Շարունակելու համար օգտագործեք Single Sign On-ը(միանգամյա մուտք)",
+            "terms": "Խնդրում ենք վերանայել և ընդունել այս սերվերի քաղաքականությունը.",
+            "terms_invalid": "Խնդրում ենք վերանայել եւ ընդունել բոլոր homeserver-ի քաղաքականությունը"
+        },
+        "unsupported_auth": "Այս սերվերը չի առաջարկում մուտքի որևէ հոսք, որոնք աջակցվում են այս ծրագրի կողմից։",
+        "unsupported_auth_email": "Այս սերվերը չի աջակցում մուտք գործել էլեկտրոնային փոստի հասցեով։",
+        "unsupported_auth_msisdn": "Այս սերվերը չի աջակցում հեռախոսահամարով նույնականացումը։",
+        "username_field_required_invalid": "Մուտքագրեք օգտանուն",
+        "username_in_use": "Այդ օգտանունն արդեն ինչ-որ մեկն օգտագործում է, խնդրում ենք փորձել մեկ ուրիշը։",
+        "verify_email_explainer": "Մենք պետք է իմանանք, որ դա դուք եք, նախքան ձեր գաղտնաբառը վերականգնելը: Սեղմեք <b>%(email)s</b>-ին մեր ուղարկած էլ. նամակում նշված հղմանը:",
+        "verify_email_heading": "Ստուգեք ձեր էլ․ հասցեն՝ շարունակելու համար"
+    },
+    "bug_reporting": {
+        "additional_context": "Եթե լրացուցիչ համատեքստ ​​կա, որը կարող է օգնել խնդրի վերլուծությանը, օրինակ՝ ինչ էիք անում այդ պահին, սենյակների ID-ները, օգտատերերի ID-ները և այլն, խնդրում ենք ներառել այդ տվյալներն այստեղ։",
+        "before_submitting": "Մենք խորհուրդ ենք տալիս <a>ստեղծել GitHub տոմսակ</a>՝ ձեր զեկույցի վերանայումն ապահովելու համար։",
+        "collecting_information": "Հավելվածի տարբերակի տեղեկատվության հավաքում",
+        "collecting_logs": "Գրանցամատյանների(logs) հավաքում",
+        "create_new_issue": "Խնդրում ենք <newIssueLink>ստեղծել նոր տոմսակ</newIssueLink> GitHub-ում, որպեսզի կարողանանք ուսումնասիրել այս սխալը։",
+        "description": "Վրիպազերծման գրանցամատյանները(debug logs) պարունակում են ծրագրի օգտագործման տվյալներ, ներառյալ ձեր օգտատիրոջ անունը, ձեր այցելած սենյակների ID-ները կամ կեղծանունները, վերջին անգամ օգտագործողի ինտերֆեյսի որ տարրերի հետ եք փոխազդել և այլ օգտատերերի օգտատիրոջ անունները: Դրանք չեն պարունակում որևէ հաղորդագրություններ:",
+        "download_logs": "Ներբեռնել գրանցամատյանները",
+        "downloading_logs": "Գրանցամատյանների(logs) ներբեռնում",
+        "error_empty": "Խնդրում ենք պատմել մեզ, թե ինչ սխալ է տեղի ունեցել կամ, ավելի լավ՝ ստեղծել GitHub տոմսակ, որը նկարագրում է խնդիրը։",
+        "failed_download_logs": "Չհաջողվեց ներբեռնել վրիպազերծման մատյանները(debug logs)․ ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Ձեր սխալի մասին զեկույցը(bug report) մերժվել է։ Rageshake սերվերը չի աջակցում այս հավելվածին։",
+            "rejected_generic": "Ձեր սխալի մասին զեկույցը(bug report) մերժվել է։ Rageshake սերվերը մերժեց զեկույցի պարունակությունը` քաղաքականության պատճառով։",
+            "rejected_recovery_key": "Ձեր սխալի մասին զեկույցը(bug report) մերժվել է անվտանգության նկատառումներից ելնելով, քանի որ այն պարունակում էր վերականգնման բանալի։",
+            "rejected_version": "Ձեր սխալի մասին զեկույցը(bug report) մերժվել է, քանի որ ձեր հավելվածի տարբերակը չափազանց հին է։",
+            "server_unknown_error": "Rageshake սերվերը հանդիպեց անհայտ սխալի և չկարողացավ մշակել հաշվետվությունը։",
+            "unknown_error": "Չհաջողվեց ուղարկել գրանցամատյանները(logs)։"
+        },
+        "github_issue": "GitHub տոմսակ",
+        "introduction": "Եթե ​​դուք GitHub-ի միջոցով սխալ եք հայտնել, վրիպազերծման գրանցամատյանները(debug logs) կարող են մեզ օգնել գտնել խնդիրը: ",
+        "log_request": "Ապագայում սա կանխելու համար խնդրում ենք <a>մեզ ուղարկել գրանցամատյաններ(logs)</a>:",
+        "logs_sent": "Գրանցամատյաններն(logs) ուղարկվեցին",
+        "matrix_security_issue": "Matrix-ի հետ կապված անվտանգության խնդրի մասին հաղորդելու համար, խնդրում ենք կարդալ Matrix.org-ի <a>Անվտանգության բացահայտման քաղաքականությունը</a>:",
+        "preparing_download": "Պատրաստվում է գրանցամատյանների(logs) ներբեռնում",
+        "preparing_logs": "Պատրաստվում է տեղեկամատյաններ(logs) ուղարկելուն",
+        "send_logs": "Ուղարկել տեղեկամատյաններ(logs)",
+        "submit_debug_logs": "Ուղարկել վրիպազերծման գրանցամատյանները",
+        "textarea_label": "Նշումներ",
+        "thank_you": "Շնորհակալություն",
+        "title": "Սխալների մասին հաղորդում",
+        "unsupported_browser": "Հիշեցում․ ձեր զննարկիչը չի աջակցվում, ուստի ձեր փորձը կարող է անկանխատեսելի լինել:",
+        "uploading_logs": "Գրանցամատյանների(logs) վերբեռնում",
+        "waiting_for_server": "Սպասում ենք սերվերի պատասխանին"
+    },
+    "cannot_invite_without_identity_server": "Հնարավոր չէ օգտատիրոջը էլ. փոստով հրավիրել առանց նույնականացման սերվերի։ Դուք կարող եք միանալ դրան «Կարգավորումներ» բաժնում։",
+    "cannot_reach_homeserver": "Հնարավոր չէ կապ հաստատել սերվերի հետ",
+    "cannot_reach_homeserver_detail": "Համոզվեք, որ ունեք կայուն ինտերնետային կապ կամ կապվեք սերվերի ադմինիստրատորի հետ",
+    "cant_load_page": "Չհաջողվեց բեռնել էջը",
+    "chat_card_back_action_label": "Վերադառնալ զրույցին",
+    "chat_effects": {
+        "confetti_description": "Ուղարկում է տրված հաղորդագրությունը կոնֆետտիով",
+        "confetti_message": "ուղարկում է կոնֆետտի",
+        "fireworks_description": "Ուղարկում է տվյալ հաղորդագրությունը հրավառությամբ",
+        "fireworks_message": "ուղարկում է հրավառություն",
+        "hearts_description": "Ուղարկում է տրված հաղորդագրությունը սրտերով",
+        "hearts_message": "ուղարկում է սրտեր",
+        "rainfall_description": "Ուղարկում է տվյալ հաղորդագրությունը անձրևներով",
+        "rainfall_message": "ուղարկում է անձրև",
+        "snowfall_description": "Ուղարկում է տվյալ հաղորդագրությունը ձնաբքի հետ",
+        "snowfall_message": "ուղարկում է ձյուն",
+        "spaceinvaders_description": "Ուղարկում է տվյալ հաղորդագրությունը տիեզերական թեմատիկ էֆեկտով",
+        "spaceinvaders_message": "ուղարկում է space invaders 👾"
+    },
+    "common": {
+        "access_token": "Մուտքի նշան",
+        "accessibility": "Մատչելիություն",
+        "advanced": "Ընդլայնված",
+        "all_chats": "Բոլոր զրույցները",
+        "analytics": "Վերլուծություն",
+        "and_n_others": {
+            "one": "և մեկ այլ...",
+            "other": "և %(count)s ուրիշներ..."
+        },
+        "appearance": "Արտաքին տեսք",
+        "application": "Հավելված",
+        "are_you_sure": "Վստա՞հ եք։",
+        "attachment": "Կցորդ",
+        "authentication": "Վավերացում",
+        "avatar": "Ավատար",
+        "beta": "Բետա",
+        "camera": "Տեսախցիկ",
+        "cameras": "Տեսախցիկներ",
+        "cancel": "Չեղարկել",
+        "capabilities": "Հնարավորություններ",
+        "copied": "Պատճենված։",
+        "credits": "Վարկեր",
+        "dark": "Մութ",
+        "description": "Նկարագրություն",
+        "deselect_all": "Ապընտրել բոլորը",
+        "device": "Սարք",
+        "edited": "խմբագրված",
+        "email_address": "Էլ.փոստի հասցե",
+        "emoji": "Էմոջի",
+        "encrypted": "Ծածկագրված",
+        "error": "Սխալ",
+        "faq": "Հաճախ տրվող հարցեր",
+        "feedback": "Հետադարձ կապ",
+        "filter_results": "Ֆիլտրի արդյունքները",
+        "forward_message": "Փոխանցել հաղորդագրությունը",
+        "general": "Ընդհանուր",
+        "go_to_settings": "Գնալ դեպի Կարգավորումներ",
+        "guest": "Հյուր",
+        "help": "Օգնություն",
+        "home": "Գլխավոր էջ",
+        "homeserver": "Գլխավոր սպասարկող",
+        "identity_server": "Նույնականացման սերվեր",
+        "image": "Պատկեր",
+        "integration_manager": "Ինտեգրման մենեջեր",
+        "joined": "Միացված է",
+        "labs": "Լաբորատորիաներ",
+        "legal": "Իրավական",
+        "light": "Լուսավոր",
+        "loading": "Բեռնվում է...",
+        "location": "Գտնվելու վայրը",
+        "matrix": "Matrix",
+        "message": "Հաղորդագրություն",
+        "message_layout": "Հաղորդագրության դասավորություն",
+        "message_timestamp_invalid": "Անվավեր ժամանակային դրոշմանիշ",
+        "microphone": "Խոսափող",
+        "moderation_and_safety": "Վերահսկողություն և անվտանգություն",
+        "modern": "Ժամանակակից",
+        "mute": "Անջատել ձայնը",
+        "n_members": {
+            "one": "%(count)s անդամ",
+            "other": "%(count)s անդամներ"
+        },
+        "n_rooms": {
+            "one": "%(count)s սենյակ",
+            "other": "%(count)s սենյակներ"
+        },
+        "name": "Անուն",
+        "no_results": "Ոչ մի արդյունք",
+        "no_results_found": "Ոչ մի արդյունք չի գտնվել",
+        "not_trusted": "Անվստահելի",
+        "off": "Անջատված է",
+        "offline": "Անցանց",
+        "on": "Միացված է",
+        "options": "Տարբերակներ",
+        "orphan_rooms": "Այլ սենյակներ",
+        "password": "Գաղտնաբառ",
+        "people": "Մարդիկ",
+        "preferences": "Նախապատվություններ",
+        "presence": "Ներկայություն",
+        "preview_message": "Բարև քեզ։ Դու լավագույնն ես։",
+        "privacy": "Գաղտնիություն",
+        "private": "Մասնավոր",
+        "private_room": "Մասնավոր սենյակ",
+        "private_space": "Մասնավոր տարածք",
+        "profile": "Պրոֆիլ",
+        "public": "Հանրային",
+        "public_room": "Հասարակական սենյակ",
+        "public_space": "Հանրային տարածք",
+        "qr_code": "QR կոդ",
+        "random": "Պատահական",
+        "reactions": "Արձագանքներ",
+        "recommended": "Առաջարկվող",
+        "report_a_bug": "Հաղորդել սխալի մասին",
+        "room": "Սենյակ",
+        "room_name": "Սենյակի անունը",
+        "rooms": "Սենյակներ",
+        "save": "Պահել",
+        "saved": "Պահված է",
+        "saving": "Պահպանվում է…",
+        "secure_backup": "Անվտանգ պահուստավորում",
+        "select_all": "Ընտրել բոլորը",
+        "server": "Սերվեր",
+        "settings": "Կարգավորումներ",
+        "setup_secure_messages": "Կարգավորել Անվտանգ Հաղորդագրությունները",
+        "show_more": "Ցույց տալ ավելին",
+        "someone": "Ինչոր մեկը",
+        "space": "Տարածք",
+        "spaces": "Տարածքներ",
+        "sticker": "Ստիկեր",
+        "stickerpack": "Ստիկերների փաթեթ",
+        "success": "Հաջող",
+        "suggestions": "Առաջարկներ",
+        "support": "Աջակցություն",
+        "theme": "Թեմա",
+        "thread": "Թեմա",
+        "threads": "Թեմաներ",
+        "timeline": "Ժամանակացույց",
+        "unavailable": "անհասանելի",
+        "unencrypted": "Գաղտնագրված չէ",
+        "unmute": "Միացնել ձայնը",
+        "unnamed_room": "Անանուն սենյակ",
+        "unnamed_space": "Անանուն տարածք",
+        "unverified": "Չստուգված",
+        "updating": "Արդիացում...",
+        "user": "Օգտատեր",
+        "user_avatar": "Պրոֆիլի նկար",
+        "username": "Օգտանուն",
+        "verified": "Ստուգված",
+        "version": "Տարբերակ",
+        "video_room": "Վիդեո սենյակ",
+        "view_message": "Դիտել հաղորդագրությունը",
+        "warning": "Զգուշացում"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Տեղեկացնել ամբողջ սենյակին",
+            "command_a11y": "Հրամանի ավտոմատ լրացում",
+            "command_description": "Հրամաններ",
+            "emoji_a11y": "Էմոջիների ավտոմատ լրացում",
+            "notification_a11y": "Ծանուցման ավտոմատ լրացում",
+            "notification_description": "Սենյակի ծանուցում",
+            "room_a11y": "Սենյակի ավտոմատ լրացում",
+            "space_a11y": "Տարածքի ավտոմատ լրացում",
+            "user_a11y": "Օգտատիրոջ ավտոմատ լրացում",
+            "user_description": "Օգտատերեր"
+        },
+        "close_sticker_picker": "Թաքցնել ստիկերները",
+        "edit_composer_label": "Խմբագրել հաղորդագրությունը",
+        "format_bold": "Թավատառ",
+        "format_code_block": "Կոդի բլոկ",
+        "format_decrease_indent": "Ներդրման նվազեցում",
+        "format_increase_indent": "Ներդրման ավելացում",
+        "format_inline_code": "Կոդ",
+        "format_insert_link": "Զետեղել հղում",
+        "format_italic": "Շեղագիր",
+        "format_italics": "Շեղատառեր",
+        "format_link": "Հղում",
+        "format_ordered_list": "Համարակալված ցանկ",
+        "format_strikethrough": "Վրագծված",
+        "format_underline": "Ընդգծված",
+        "format_unordered_list": "Կետավոր ցուցակ",
+        "formatting_toolbar_label": "Ձևաչափում(ֆորմատավորում)",
+        "link_modal": {
+            "link_field_label": "Հղում",
+            "text_field_label": "Տեքստ",
+            "title_create": "Ստեղծել հղում",
+            "title_edit": "Խմբագրել հղումը"
+        },
+        "mode_plain": "Թաքցնել ձևաչափումը",
+        "mode_rich_text": "Ցուցադրել ձևաչափումը",
+        "no_perms_notice": "Դուք այս սենյակում գրառում անելու թույլտվություն չունեք",
+        "placeholder": "Ուղարկել հաղորդագրություն...",
+        "placeholder_encrypted": "Ուղարկել գաղտնագրված հաղորդագրություն...",
+        "placeholder_reply": "Ուղարկել պատասխան…",
+        "placeholder_reply_encrypted": "Ուղարկել գաղտնագրված պատասխան...",
+        "placeholder_thread": "Պատասխանել թեմային...",
+        "placeholder_thread_encrypted": "Պատասխանել գաղտնագրված թեմային...",
+        "poll_button": "Հարցում",
+        "poll_button_no_perms_description": "Դուք այս սենյակում հարցումներ սկսելու թույլտվություն չունեք։",
+        "poll_button_no_perms_title": "Անհրաժեշտ է թույլտվություն",
+        "replying_title": "Պատասխանում",
+        "room_unencrypted": "Այս սենյակում հաղորդագրությունները ծայրից ծայր գաղտնագրված չեն։",
+        "room_upgraded_link": "Խոսակցությունը շարունակվում է այստեղ։",
+        "room_upgraded_notice": "Այս սենյակը փոխարինվել է և այլևս ակտիվ չէ։",
+        "send_button_title": "Ուղարկել հաղորդագրություն",
+        "send_button_voice_message": "Ուղարկել ձայնային հաղորդագրություն",
+        "send_voice_message": "Ուղարկել ձայնային հաղորդագրություն",
+        "stop_voice_message": "Դադարեցնել ձայնագրումը",
+        "voice_message_button": "Ձայնային հաղորդագրություն"
+    },
+    "console_dev_note": "Եթե գիտեք, թե ինչ եք անում, Element-ի կոդերը բաց են, անպայման այցելեք մեր GitHub-ի էջը (https://github.com/vector-im/element-web/) և ունեցեք ձեր ներդրումը։",
+    "console_scam_warning": "Եթե ինչ-որ մեկը ձեզ ասել է այստեղ ինչ-որ բան պատճենել/տեղադրել, մեծ հավանականություն կա, որ ձեզ խաբում են։",
+    "console_wait": "Սպասե՛ք",
+    "create_room": {
+        "action_create_room": "Ստեղծել սենյակ",
+        "action_create_video_room": "Ստեղծել վիդեո սենյակ",
+        "encrypted_video_room_warning": "Հետագայում չեք կարող անջատել սա: Սենյակը կծածկագրվի, բայց ներմուծված զանգը՝ ոչ։",
+        "encrypted_warning": "Հետագայում չեք կարող անջատել սա: Կամուրջները եւ բոտերի մեծ մասը դեռ չեն աշխատի։",
+        "encryption_forced": "Ձեր սերվերը պահանջում է, որ մասնավոր սենյակներում միացված լինի գաղտնագրումը։",
+        "encryption_label": "Միացնել ծայրից ծայր գաղտնագրումը",
+        "error_title": "Սենյակի ստեղծման ձախողում",
+        "generic_error": "Հնարավոր է՝ սերվերը անհասանելի է, գերծանրաբեռնված է, կամ դուք սխալի եք հանդիպել։",
+        "join_rule_change_notice": "Դուք կարող եք սա փոխել ցանկացած պահիէ սենյակի կարգավորումներից։",
+        "join_rule_invite": "Մասնավոր սենյակ (միայն հրավերով)",
+        "join_rule_invite_label": "Միայն հրավիրված մարդիկ կկարողանան գտնել և միանալ այս սենյակին։",
+        "join_rule_knock_label": "Յուրաքանչյուր ոք կարող է դիմել միանալու համար, բայց ադմինիստրատորները կամ մոդերատորները պետք է թույլ տան դա։ Դուք կարող եք փոխել սա ավելի ուշ:",
+        "join_rule_public_label": "Յուրաքանչյուր ոք կկարողանա գտնել և միանալ այս սենյակին։",
+        "join_rule_public_parent_space_label": "Յուրաքանչյուր ոք կկարողանա գտնել և միանալ այս սենյակին, ոչ միայն <SpaceName/>-ի անդամները։",
+        "join_rule_restricted": "Տեսանելի է տարածքի անդամների համար",
+        "join_rule_restricted_label": "<SpaceName/>-ում բոլորը կկարողանան գտնել և միանալ այս սենյակին:",
+        "name_validation_required": "Խնդրում ենք մուտքագրել սենյակի անունը",
+        "room_visibility_label": "Սենյակի տեսանելիություն",
+        "title_private_room": "Ստեղծել մասնավոր սենյակ",
+        "title_public_room": "Ստեղծել հանրային սենյակ",
+        "title_video_room": "Ստեղծել վիդեո սենյակ",
+        "topic_label": "Թեմա (ըստ ցանկության)",
+        "unfederated": "Արգելափակել %(serverName)s-ի անդամ չհանդիսացող ցանկացած անձի միանալը այս սենյակին։",
+        "unfederated_label_default_off": "Դուք կարող եք միացնել սա, եթե սենյակը օգտագործվելու է միայն ձեր սերվերի ներքին թիմերի հետ համագործակցության համար: Սա հետագայում չի կարող փոխվել:",
+        "unfederated_label_default_on": "Դուք կարող եք անջատել սա, եթե սենյակը օգտագործվելու է արտաքին թիմերի հետ համագործակցության համար, որոնք ունեն իրենց սեփական սերվերը: Սա հետագայում չի կարող փոխվել:",
+        "unsupported_version": "Սերվերը չի աջակցում նշված սենյակի տարբերակը։"
+    },
+    "create_space": {
+        "add_details_prompt": "Ավելացրեք որոշ մանրամասներ, որոնք կօգնեն մարդկանց ճանաչել այն:",
+        "add_details_prompt_2": "Դուք կարող եք փոխել դրանք ցանկացած պահի:",
+        "add_existing_rooms_description": "Ընտրեք սենյակներ կամ զրույցներ՝ ավելացնելու համար։ Սա պարզապես ձեզ համար նախատեսված տարածք է, ոչ ոքի սրա մասին չի տեղեկացվի։ Ավելի ուշ կարող եք ավելացնել ավելին։",
+        "add_existing_rooms_heading": "Ի՞նչ եք ուզում կազմակերպել։",
+        "address_label": "Հասցե",
+        "address_placeholder": "օրինակ՝ my-space (իմ տարածքը)",
+        "creating": "Ստեղծում է…",
+        "creating_rooms": "Սենյակների ստեղծում...",
+        "done_action": "Գնալ իմ տարածք",
+        "done_action_first_room": "Գնալ իմ առաջին սենյակ",
+        "explainer": "Տարածքները սենյակներն ու մարդկանց խմբավորելու նոր միջոց են: Ինչպիսի՞ տարածք եք ուզում ստեղծել: Կարող եք սա փոխել ավելի ուշ:",
+        "failed_create_initial_rooms": "Չհաջողվեց ստեղծել նախնական տարածքի սենյակներ",
+        "failed_invite_users": "Չհաջողվեց հրավիրել հետևյալ օգտատերերին ձեր տարածք․ %(csvUsers)s",
+        "invite_teammates_by_username": "Հրավիրել օգտատիրոջ անունով",
+        "invite_teammates_description": "Համոզվեք, որ ճիշտ մարդիկ ունեն մուտքի իրավունք։ Ավելի ուշ կարող եք հրավիրել ավելի շատերին։",
+        "invite_teammates_heading": "Հրավիրեք ձեր թիմակիցներին",
+        "inviting_users": "Հրավիրում...",
+        "label": "Ստեղծել տարածք",
+        "name_required": "Խնդրում ենք մուտքագրել տարածքի անուն",
+        "personal_space": "Միայն ես",
+        "personal_space_description": "Անհատական ​​տարածք՝ ձեր սենյակները կազմակերպելու համար",
+        "private_description": "Միայն հրավերով, լավագույնը՝ ձեր կամ թիմերի համար",
+        "private_heading": "Ձեր մասնավոր տարածքը",
+        "private_personal_description": "Համոզվեք, որ ճիշտ մարդիկ հասանելիություն ունեն %(name)s-ին",
+        "private_personal_heading": "Ո՞ւմ հետ եք աշխատում:",
+        "private_space": "Ես և իմ թիմակիցները",
+        "private_space_description": "Մասնավոր տարածք ձեզ և ձեր թիմակիցների համար",
+        "public_description": "Բաց տարածք բոլորի համար, լավագույնը՝ համայնքների համար",
+        "public_heading": "Ձեր հանրային տարածքը",
+        "search_public_button": "Որոնել հանրային տարածքներ",
+        "setup_rooms_community_description": "Եկեք նրանցից յուրաքանչյուրի համար սենյակ ստեղծենք։",
+        "setup_rooms_community_heading": "Ի՞նչ թեմաներ եք ուզում քննարկել %(spaceName)s-ում։",
+        "setup_rooms_description": "Հետագայում նույնպես կարող եք ավելացնել ավելին, ներառյալ արդեն գոյություն ունեցողները:",
+        "setup_rooms_private_description": "Մենք նրանցից յուրաքանչյուրի համար սենյակներ կստեղծենք:",
+        "setup_rooms_private_heading": "Ի՞նչ նախագծերի վրա է աշխատում ձեր թիմը:",
+        "share_description": "Այս պահին միայն դու ես, ուրիշների հետ ավելի լավ կլինի։",
+        "share_heading": "Կիսվել %(name)s-ով",
+        "skip_action": "Առայժմ բաց տողնել",
+        "subspace_adding": "Ավելացվում է…",
+        "subspace_beta_notice": "Ավելացրեք տարածք ձեր կառավարվող տարածքին:",
+        "subspace_dropdown_title": "Ստեղծել տարածք",
+        "subspace_existing_space_prompt": "Ցանկան՞ում եք դրա փոխարեն ավելացնել գոյություն ունեցող տարածք:",
+        "subspace_join_rule_invite_description": "Միայն հրավիրված մարդիկ կկարողանան գտնել և միանալ այս տարածքին:",
+        "subspace_join_rule_invite_only": "Մասնավոր տարածք (միայն հրավերով)",
+        "subspace_join_rule_label": "Տարածքի տեսանելիություն",
+        "subspace_join_rule_public_description": "Այս տարածքը կարող է գտնել և միանալ ցանկացած մեկը, ոչ միայն <SpaceName/>-ի անդամները։",
+        "subspace_join_rule_restricted_description": "<SpaceName/>-ում գտնվող ցանկացած մեկը կկարողանա գտնել և միանալ։"
+    },
+    "credits": {
+        "default_cover_photo": "<photo>լռելյայն շապիկի լուսանկարը</photo> © <author>Jesús Roncero</author>, օգտագործվում է <terms>CC-BY-SA 4.0</terms> լիցենզիայի պայմաններով։",
+        "twemoji": "<twemoji>Twemoji</twemoji> էմոջի գրաֆիկան © <author>Twitter, Inc և այլ ներդրողներ</author>, օգտագործվում է <terms>CC-BY 4.0</terms> լիցենզիայի պայմաններով։",
+        "twemoji_colr": "<colr>twemoji-colr</colr> տառատեսակը © <author>Mozilla Foundation</author>, օգտագործվում է <terms>Apache 2.0</terms> լիցենզիայի պայմաններով։"
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Վստա՞հ եք, որ ցանկանում եք մերժել \"%(roomName)s\"-ին միանալու հրավերը",
+        "ignore_user_help": "Դուք չեք տեսնի որևէ հաղորդագրություն կամ սենյակի հրավեր այս օգտատիրոջից",
+        "reason_description": "Նկարագրեք սենյակի մասին զեկուցելու(բողոքելու) պատճառը",
+        "report_room_description": "Զեկուցել այս սենյակի մասին ձեր հաշվի մատակարարին(account provider)",
+        "title": "Մերժել հրավերը"
+    },
+    "desktop_default_device_name": "%(brand)s Համակարգչային աշխատասեղան(desktop)․ %(platformName)s",
+    "devtools": {
+        "active_widgets": "Ակտիվ վիջեթներ",
+        "category_other": "Այլ",
+        "category_room": "Սենյակ",
+        "caution_colon": "Զգուշացում.",
+        "client_versions": "Ծրագրի տարբերակները",
+        "crypto": {
+            "4s_public_key_in_account_data": "հաշվի տվյալներում",
+            "4s_public_key_not_in_account_data": "չի գտնվել",
+            "4s_public_key_status": "Գաղտնի պահեստի հանրային բանալի․",
+            "backup_key_cached": "քեշավորված է տեղային մակարդակում",
+            "backup_key_cached_status": "Պահուստային բանալին պահված է․",
+            "backup_key_not_stored": "չի պահպանվել",
+            "backup_key_stored": "գաղտնի պահեստում",
+            "backup_key_stored_status": "Պահուստային բանալին պահված է․",
+            "backup_key_unexpected_type": "անսպասելի տեսակ",
+            "backup_key_well_formed": "լավ ձևավորված",
+            "cross_signing": "Խաչաձև ստորագրություն",
+            "cross_signing_cached": "քեշավորված է տեղային մակարդակում",
+            "cross_signing_not_ready": "Խաչաձև ստորագրությունը կարգավորված չէ։",
+            "cross_signing_private_keys_in_storage": "գաղտնի պահեստում",
+            "cross_signing_private_keys_in_storage_status": "Խաչաձև ստորագրման մասնավոր բանալիներ․",
+            "cross_signing_private_keys_not_in_storage": "չի գտնվել պահեստում",
+            "cross_signing_public_keys_on_device": "հիշողության մեջ",
+            "cross_signing_public_keys_on_device_status": "Խաչաձև ստորագրման հանրային բանալիներ․",
+            "cross_signing_ready": "Խաչաձև ստորագրությունը պատրաստ է օգտագործման համար։",
+            "cross_signing_status": "Խաչաձև ստորագրման կարգավիճակ․",
+            "cross_signing_untrusted": "Ձեր հաշիվն ունի խաչաձև ստորագրման նույնականացում գաղտնի պահեստում, բայց այն դեռևս վստահելի չէ այս սեսիայի կողմից։",
+            "crypto_not_available": "Կրիպտոգրաֆիկ մոդուլը հասանելի չէ",
+            "device_id": "Սարքի ID",
+            "key_backup_active_version": "Ակտիվ պահուստային տարբերակ․",
+            "key_backup_active_version_none": "Ոչ մեկ",
+            "key_backup_inactive_warning": "Ձեր բանալիները այս սեսիայից չեն պահուստավորվում։",
+            "key_backup_latest_version": "Սերվերի վրա պահուստային պատճենի վերջին տարբերակ․",
+            "key_storage": "Բանալիների պահեստ",
+            "master_private_key_cached_status": "Գլխավոր մասնավոր բանալի․",
+            "not_found": "չի գտնվել",
+            "not_found_locally": "տեղային մակարդակում չի գտնվել",
+            "secret_storage_not_ready": "պատրաստ չէ",
+            "secret_storage_ready": "պատրաստ է",
+            "secret_storage_status": "Գաղտնի պահեստ.",
+            "self_signing_private_key_cached_status": "Ինքնաստորագրման մասնավոր բանալի․",
+            "session": "Սեսիա",
+            "session_fingerprint": "Մատնահետք (սեսիայի բանալի)",
+            "title": "\"Ծայրից ծայր\" գաղտնագրում",
+            "user_signing_private_key_cached_status": "Օգտատիրոջ ստորագրման մասնավոր բանալի․"
+        },
+        "developer_mode": "Ծրագրավորողի ռեժիմ",
+        "developer_tools": "Ծրագրավորողի գործիքներ",
+        "edit_setting": "Խմբագրել կարգավորումը",
+        "edit_values": "Խմբագրել արժեքները",
+        "empty_string": "<empty string>",
+        "event_content": "Իրադարձության բովանդակություն",
+        "event_id": "Իրադարձության ID-ն՝ %(eventId)s",
+        "event_sent": "Իրադարձությունն ուղարկվել է !",
+        "event_type": "Իրադարաձության տեսակ",
+        "explore_account_data": "Ուսումնասիրել հաշվի տվյալները",
+        "explore_room_account_data": "Ուսումնասիրել սենյակի հաշվի տվյալները",
+        "explore_room_state": "Ուսումնասիրել սենյակի վիճակը",
+        "failed_to_find_widget": "Այս վիջեթը գտնելիս սխալ տեղի ունեցավ։",
+        "failed_to_load": "Չհաջողվեց բեռնել:",
+        "failed_to_save": "Չհաջողվեց պահպանել կարգավորումները։",
+        "failed_to_send": "Չհաջողվեց ուղարկել իրադարձությունը։",
+        "id": "ID՝ ",
+        "invalid_json": "Կարծես անվավեր JSON է։",
+        "level": "Մակարդակ",
+        "low_bandwidth_mode": "Ցածր թողունակության ռեժիմ",
+        "low_bandwidth_mode_description": "Պահանջում է համատեղելի սերվեր:",
+        "main_timeline": "Հիմնական ժամանակացույց",
+        "manual_device_verification": "Սարքի ձեռքով ստուգում",
+        "no_receipt_found": "Անդորրագիրը չի գտնվել",
+        "notification_state": "Ծանուցման վիճակը՝ <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Ծանուցումների վրիպազերծում",
+        "number_of_users": "Օգտագործողների քանակը",
+        "original_event_source": "Իրադարձության սկզբնական աղբյուր",
+        "room_encrypted": "Սենյակը <strong>կոդավորված է ✅</strong>",
+        "room_id": "Սենյակի ID: %(roomId)s",
+        "room_not_encrypted": "Սենյակը <strong>կոդավորված չէ ✅</strong>",
+        "room_notifications_dot": "Կետ. ",
+        "room_notifications_highlight": "Ընդգծում. ",
+        "room_notifications_last_event": "Վերջին իրադարձություն.",
+        "room_notifications_sender": "Ուղարկող՝ ",
+        "room_notifications_thread_id": "Թեմայի ID՝ ",
+        "room_notifications_total": "Ընդհանուր՝ ",
+        "room_notifications_type": "Տեսակ՝ ",
+        "room_status": "Սենյակի կարգավիճակ",
+        "room_unread_status_count": {
+            "one": "Սենյակի չկարդացված կարգավիճակը. <strong> %(status)s</strong>, քանակ՝ <strong> %(count)s </strong>",
+            "other": "Սենյակի չկարդացված կարգավիճակը. <strong> %(status)s</strong>, քանակ՝ <strong> %(count)s </strong>"
+        },
+        "save_setting_values": "Պահպանել կարգավորումների արժեքները",
+        "see_history": "Տեսնել պատմությունը",
+        "send_custom_account_data_event": "Ուղարկել հաշվի տվյալների հատուկ իրադարձություն",
+        "send_custom_room_account_data_event": "Ուղարկել սենյակի հաշվի տվյալների հատուկ իրադարձություն",
+        "send_custom_state_event": "Ուղարկել հատուկ վիճակի իրադարձություն",
+        "send_custom_timeline_event": "Ուղարկել հատուկ ժամանակացույցի իրադարձություն",
+        "server_info": "Սերվերի տեղեկություններ",
+        "server_versions": "Սերվերի տարբերակները",
+        "settable_global": "Կարգավորելի է գլոբալ մակարդակում",
+        "settable_room": "Կարգավորելի է սենյակում",
+        "setting_colon": "Կարգավորում․",
+        "setting_definition": "Կարգավորման սահմանում.",
+        "setting_id": "Կարգավորման ID",
+        "settings": {
+            "elementCallUrl": "Element զանգի հղում"
+        },
+        "settings_explorer": "Կարգավորումների հետազոտող",
+        "show_empty_content_events": "Ցուցադրել դատարկ բովանդակությամբ իրադարձությունները",
+        "show_hidden_events": "Ցույց տալ թաքնված իրադարձությունները ժամանակացույցում",
+        "spaces": {
+            "one": "<տարածք>",
+            "other": "<%(count)s տարածքներ>"
+        },
+        "state_key": "Վիճակի բանալի",
+        "thread_root_id": "Թեմայի արմատային ID: %(threadRootId)s",
+        "threads_timeline": "Թեմաների ժամանակագրություն",
+        "title": "Ծրագրավորողի գործիքներ",
+        "toolbox": "Գործիքակազմ",
+        "use_at_own_risk": "Այս UI-ը(օգտագործողի ինտերֆեյսը) չի ստուգում արժեքների տեսակները: Օգտագործել ձեր սեփական ռիսկով:",
+        "user_read_up_to": "Օգտատերը կարդացել է մինչև՝ ",
+        "user_read_up_to_ignore_synthetic": "Օգտվողը կարդացել է մինչեւ (ignoreSynthetic): ",
+        "user_read_up_to_private": "Օգտվողը կարդացել է մինչեւ (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Օգտվողը կարդացել է մինչեւ (m.read.private; ignoreSynthetic): ",
+        "value": "Արժեք",
+        "value_colon": "Արժեք՝",
+        "value_in_this_room": "Արժեքն այս սենյակում",
+        "value_this_room_colon": "Արժեքը այս սենյակում՝",
+        "values_explicit": "Արժեքներ հստակ մակարդակներում",
+        "values_explicit_colon": "Արժեքները հստակ մակարդակներում՝",
+        "values_explicit_room": "Արժեքները հստակ մակարդակներում այս սենյակում",
+        "values_explicit_this_room_colon": "Այս սենյակում հստակ մակարդակների արժեքները՝",
+        "view_servers_in_room": "Դիտել սենյակում գտնվող սերվերները",
+        "view_source_decrypted_event_source": "Վերծանված իրադարձության աղբյուր",
+        "view_source_decrypted_event_source_unavailable": "Վերծանված աղբյուրն անհասանելի է",
+        "widget_screenshots": "Միացնել վիջեթի screenshot-ը աջակցվող վիջեթների վրա"
+    },
+    "dialog_close_label": "Փակել երկխոսությունը",
+    "download_completed": "Ներբեռնումն ավարտվեց",
+    "empty_room": "Դատարկ սենյակ",
+    "empty_room_was_name": "Դատարկ սենյակ (նախկինում՝ %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Եթե ​​ունեք անվտանգության բանալի կամ անվտանգության արտահայտություն, սա նույնպես կաշխատի։",
+            "key_validation_text": {
+                "wrong_security_key": "Ձեր մուտքագրած վերականգնման բանալին սխալ է։"
+            },
+            "privacy_warning": "Համոզվեք, որ ոչ ոք չի կարող տեսնել այս էկրանը։",
+            "restoring": "Բանալիների վերականգնում պահուստային պատճենից",
+            "security_key_label": "Վերականգնման բանալի",
+            "security_key_title": "Վերականգնման բանալի(Recovery key)"
+        },
+        "bootstrap_title": "Բանալիների կարգավորում",
+        "confirm_encryption_setup_body": "Սեղմեք ներքեւի կոճակը՝ գաղտնագրումը հաստատելու համար:",
+        "confirm_encryption_setup_title": "Հաստատել գաղտնագրման կարգավորումը",
+        "cross_signing_room_normal": "Այս սենյակը ծայրից ծայր գաղտնագրված է",
+        "cross_signing_room_verified": "Այս սենյակում բոլորը ստուգված են",
+        "cross_signing_room_warning": "Ինչոր մեկն օգտագործում է անհայտ սեսիա",
+        "cross_signing_user_normal": "Դուք չեք ստուգել այս օգտատիրոջը:",
+        "cross_signing_user_verified": "Դուք ստուգել եք այս օգտատիրոջը։ Այս օգտատերը հաստատել է իր բոլոր սեսիաները։",
+        "cross_signing_user_warning": "Այս օգտատերը չի հաստատել իր բոլոր սեսիաները։",
+        "enter_recovery_key": "Մուտքագրեք վերականգնման բանալին",
+        "event_shield_reason_authenticity_not_guaranteed": "Այս գաղտնագրված հաղորդագրության իսկությունը չի կարող երաշխավորվել այս սարքի վրա։",
+        "event_shield_reason_mismatched_sender": "Միջոցառման ուղարկողը չի համընկնում այն սարքի սեփականատիրոջ հետ, որն այն ուղարկել է։",
+        "event_shield_reason_mismatched_sender_key": "Գաղտնագրված է չստուգված սեսիայի կողմից",
+        "event_shield_reason_unknown_device": "Գաղտնագրված է անհայտ կամ ջնջված սարքով:",
+        "event_shield_reason_unsigned_device": "Գաղտնագրված է սարքի կողմից, որը չի ստուգվել իր սեփականատիրոջ կողմից։",
+        "event_shield_reason_unverified_identity": "Գաղտնագրված է չստուգված օգտվողի կողմից:",
+        "export_unsupported": "Ձեր զննարկիչը չի աջակցում գաղտնագրման պահանջվող ընդարձակումները",
+        "forgot_recovery_key": "Մոռացե՞լ եք վերականգնման բանալին",
+        "import_invalid_keyfile": "Անվավեր %(brand)s բանալի ֆայլ",
+        "import_invalid_passphrase": "Նույնականացման ստուգումը ձախողվեց. սխալ գաղտնաբառ՞",
+        "key_storage_out_of_sync": "Ձեր բանալիների պահեստը համաժամեցված չէ։",
+        "key_storage_out_of_sync_description": "Հաստատեք ձեր վերականգնման բանալին՝ բանալիների պահոցի և հաղորդագրությունների պատմության հասանելիությունը պահպանելու համար։",
+        "messages_not_secure": {
+            "cause_1": "Ձեր սերվերը",
+            "cause_2": "Գլխավոր երվերը, որին միացված է ձեր կողմից հաստատվող օգտատերը",
+            "cause_3": "Ձեր կամ մյուս օգտատերերի ինտերնետային կապը",
+            "cause_4": "Ձեր կամ մյուս օգտատերերի սեսիան",
+            "heading": "Հետևյալներից մեկը կարող է վտանգվել.",
+            "title": "Ձեր հաղորդագրություններն անվտանգ չեն"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Հայտնաբերվել են անվտանգ հաղորդագրությունների նոր անվտանգության արտահայտություն և բանալի։",
+            "description_2": "Այս սեսիան գաղտնագրում է պատմությունը՝ օգտագործելով վերականգնման նոր մեթոդը։",
+            "title": "Նոր վերականգնման մեթոդ",
+            "warning": "Եթե վերականգնման նոր մեթոդը չեք սահմանել, հարձակվողը կարող է փորձել մուտք գործել ձեր հաշիվ: Անմիջապես փոխեք ձեր հաշվի գաղտնաբառը և կարգավորեք նոր վերականգնման մեթոդը Կարգավորումներում:"
+        },
+        "pinned_identity_changed": "%(displayName)s-ի (<b>%(userId)s</b> ) ինքնությունը վերակայվել է։ <a> Իմանալ ավելին</a>",
+        "pinned_identity_changed_no_displayname": "<b>%(userId)s</b>-ի ինքնությունը վերակայվել է։ <a> Իմանալ ավելին</a>",
+        "recovery_method_removed": {
+            "description_1": "Այս սեսիան հայտնաբերել է, որ ձեր անվտանգության արտահայտությունը և անվտանգ հաղորդագրությունների բանալին հեռացված են եղել։",
+            "description_2": "Եթե ​​սա պատահաբար եք արել, կարող եք այս սեսիայի համար կարգավորել անվտանգ հաղորդագրություններ, որոնք կվերագաղտնագրեն այս սեսիայի հաղորդագրությունների պատմությունը նոր վերականգնման մեթոդով։",
+            "title": "Վերականգնման մեթոդը հեռացված է",
+            "warning": "Եթե դուք չեք հեռացրել վերականգնման մեթոդը, հարձակվողը կարող է փորձել մուտք գործել ձեր հաշիվ: Անմիջապես փոխեք ձեր հաշվի գաղտնաբառը եւ կարգավորեք նոր վերականգնման մեթոդ Կարգավորումներում:"
+        },
+        "set_up_recovery": "Կարգավորել վերականգնումը",
+        "set_up_recovery_toast_description": "Ստեղծեք վերականգնման բանալի, որը կարող է օգտագործվել ձեր գաղտնագրված հաղորդագրությունների պատմությունը վերականգնելու համար` ձեր սարքերի կորուստի դեպքում։",
+        "set_up_toast_title": "Կարգավորել անվտանգ պահուստավորում",
+        "turn_on_key_storage": "Միացնել բանալիների պահեստը",
+        "turn_on_key_storage_description": "Ապահով կերպով պահեք ձեր գաղտնագրական ինքնությունը և հաղորդագրությունների բանալիները սերվերի վրա: Սա թույլ կտա ձեզ դիտել ձեր հաղորդագրությունների պատմությունը ցանկացած նոր սարքի վրա:",
+        "unable_to_setup_keys_error": "Հնարավոր չէ կարգավորել բանալիները",
+        "verification": {
+            "accepting": "Ընդունվում է…",
+            "after_new_login": {
+                "device_verified": "Սարքը ստուգված է",
+                "skip_verification": "Առայժմ բաց թողնել ստուգումը",
+                "verify_this_device": "Ստուգել այս սարքը"
+            },
+            "cancelling": "Չեղարկվում է…",
+            "complete_action": "Հասկացա",
+            "complete_description": "Դուք հաջողությամբ ստուգել եք այս օգտվողին:",
+            "complete_title": "Ստուգված է!",
+            "error_starting_description": "Մեզ չհաջողվեց սկսել զրույցը մյուս օգտատիրոջ հետ։",
+            "error_starting_title": "Սխալ՝ ստուգումը սկսելիս",
+            "explainer": "Այս օգտատիրոջ հետ անվտանգ հաղորդագրությունները ծայրից ծայր գաղտնագրված են և չեն կարող կարդացվել երրորդ կողմերի կողմից։",
+            "in_person": "Անվտանգ լինելու համար սա արեք անձամբ կամ օգտագործեք հաղորդակցման վստահելի միջոց։",
+            "incoming_sas_device_dialog_text_1": "Ստուգեք այս սարքը՝ այն որպես վստահելի նշելու համար: Այս սարքին վստահելը ձեզ և մյուս օգտատերերին լրացուցիչ մտքի խաղաղություն է տալիս ծայրից ծայր գաղտնագրված հաղորդագրություններ օգտագործելիս։",
+            "incoming_sas_device_dialog_text_2": "Այս սարքը ստուգելը կնշի այն որպես վստահելի, և օգտատերերը, ովքեր ստուգել են ձեզ հետ, կվստահեն այս սարքին:",
+            "incoming_sas_dialog_title": "Մուտքային ստուգման հարցում",
+            "incoming_sas_dialog_waiting": "Սպասում ենք զուգընկերոջ հաստատմանը…",
+            "incoming_sas_user_dialog_text_1": "Ստուգեք այս օգտատիրոջը՝ նրան որպես վստահելի նշելու համար: Օգտատերերին վստահելը ձեզ լրացուցիչ հանգստություն է տալիս ծայրից ծայր գաղտնագրված հաղորդագրություններ օգտագործելիս։",
+            "incoming_sas_user_dialog_text_2": "Այս օգտատիրոջ ստուգումը կնշի նրա սեսիան որպես վստահելի, ինչպես նաև կնշի ձեր սեսիան որպես վստահելի նրանց համար։",
+            "manual": {
+                "already_verified": "Այս սարքն արդեն ստուգված է",
+                "already_verified_and_wrong_fingerprint": "Տրված մատնահետքը չի համապատասխանում, բայց սարքը արդեն հաստատված է։",
+                "device_id": "Սարքի ID",
+                "failure_description": "Չհաջողվեց ստուգել '%(deviceId)s' սարքը․ %(error)s",
+                "failure_title": "Հաստատումը ձախողվեց",
+                "fingerprint": "Մատնահետք (սեսիայի բանալի)",
+                "no_crypto": "Չհաջողվեց ստուգել սարքը․ գաղտնագրումը միացված չէ",
+                "no_device": "Չհաջողվեց ստուգել սարքը․ '%(deviceId)s' սարքը չի գտնվել",
+                "no_userid": "Հնարավոր չէ հաստատել սարքը․ մեր օգտատիրոջ ID-ն չի գտնվել",
+                "success_description": "Սարքը (%(deviceId)s) այժմ խաչաձև ստորագրված է",
+                "success_title": "Հաստատումը հաջողվեց",
+                "text": "Մուտքագրեք ձեր սարքերից մեկի ID-ն և մատնահետքը՝ այն ստուգելու համար։ ՆԿԱՏԻ ՈՒՆԵՑԵՔ, որ սա թույլ է տալիս մյուս սարքին ուղարկել և ստանալ հաղորդագրություններ ձեր անունից։ ԵԹԵ ՈՐԵՎԷ ՄԵԿԸ ՁԵԶ ԱՍԵԼ/ԽՆԴՐԵԼ Է ԱՅՍՏԵՂ ԻՆՉ-ՈՐ ԲԱՆ ՏԵՂԱԴՐԵԼ, ՀԱՎԱՆԱԿԱՆ Է, ՈՐ ՁԵԶ ԽԱԲԵՈՒՄ ԵՆ:",
+                "wrong_fingerprint": "Հնարավոր չէ հաստատել «%(deviceId)s» սարքը․ տրված մատնահետքը (%(fingerprint)s) տարբեր է սարքի մատնահետքից՝ «%(fprint)s»"
+            },
+            "no_support_qr_emoji": "Սարքը, որը դուք փորձում եք ստուգել, չի աջակցում QR կոդի կամ էմոջիի ստուգման սկանավորումը, ինչը %(brand)s-ն աջակցում է: Փորձեք մեկ այլ հաճախորդի/ծրագրի հետ:",
+            "other_party_cancelled": "Մյուս կողմը չեղարկել է ստուգումը:",
+            "prompt_encrypted": "Ստուգել սենյակում գտնվող բոլոր օգտատերերին՝ համոզվելու համար, որ այն անվտանգ է։",
+            "prompt_unencrypted": "Գաղտնագրված սենյակներում ստուգել բոլոր օգտատերերին՝ համոզվելու համար, որ այն անվտանգ է:։",
+            "qr_or_sas": "%(qrCode)s կամ %(emojiCompare)s",
+            "qr_prompt": "Սկանավորեք այս եզակի կոդը",
+            "qr_reciprocate_same_shield_user": "Գրեթե պատրաստ է։%(displayName)s-ը նույն էկրանն է ցուցադրում՞",
+            "request_toast_accept_user": "Հաստատել օգտատիրոջը",
+            "request_toast_decline_counter": "Անտեսել (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s %(ip)s-ից",
+            "sas_caption_self": "Ստուգեք այս սարքը՝ հաստատելով, որ հետևյալ համարը երևում է դրա էկրանին։",
+            "sas_caption_user": "Ստուգեք այս օգտատիրոջը՝ հաստատելով, որ հետևյալ համարը երևում է նրա էկրանին։",
+            "sas_description": "Համեմատեք էմոջիների եզակի հավաքածու, եթե որևէ սարքի վրա տեսախցիկ չունեք",
+            "sas_emoji_caption_user": "Ստուգեք այս օգտատիրոջը՝ հաստատելով, որ հետևյալ էմոջիները հայտնվեն նրա էկրանին։",
+            "sas_match": "Նրանք համապատասխանում են",
+            "sas_no_match": "Նրանք չեն համապատասխանում",
+            "sas_prompt": "Համեմատեք եզակի էմոջիները",
+            "scan_qr": "Ստուգել սկանավորմամբ",
+            "scan_qr_explainer": "Հարցրեք %(displayName)s-ին սկանավորել ձեր կոդը.",
+            "start_button": "Սկսել ստուգումը",
+            "successful_user": "Դուք հաջողությամբ հաստատել եք %(displayName)s !",
+            "unsupported_method": "Հնարավոր չէ գտնել աջակցվող ստուգման մեթոդ։",
+            "unverified_session_toast_accept": "Այո, ես էի",
+            "unverified_session_toast_title": "Նոր մուտք։ Դուք էիք՞",
+            "unverified_sessions_toast_description": "Վերանայեք՝ համոզվելու համար, որ ձեր հաշիվը անվտանգ է",
+            "unverified_sessions_toast_reject": "Ավելի ուշ",
+            "unverified_sessions_toast_title": "Դուք ունեք չհաստատված սեսիաներ",
+            "verification_dialog_title_device": "Ստուգել այլ սարքը",
+            "verification_dialog_title_user": "Ստուգման հարցում",
+            "verification_skip_warning": "Առանց ստուգման, դուք չեք ունենա ձեր բոլոր հաղորդագրություններին հասանելիություն և կարող եք ուրիշներին անվստահելի թվալ։",
+            "verification_success_with_backup": "Ձեր նոր սարքն այժմ ստուգված է։ Այն հասանելիություն ունի ձեր գաղտնագրված հաղորդագրություններին, և մյուս օգտատերերն այն կտեսնեն որպես վստահելի։",
+            "verification_success_without_backup": "Ձեր նոր սարքն այժմ ստուգված է։ Մյուս օգտատերերը այն կտեսնեն որպես վստահելի։",
+            "verify_emoji": "Ստուգել էմոջիի միջոցով",
+            "verify_emoji_prompt": "Ստուգեք՝ համեմատելով եզակի էմոջիները։",
+            "verify_emoji_prompt_qr": "Եթե չեք կարողանում սկանավորել վերևում նշված կոդը, ստուգեք՝ համեմատելով եզակի էմոջիները։",
+            "verify_later": "Ես ավելի ուշ կստուգեմ",
+            "waiting_for_user_accept": "Սպասում ենք %(displayName)s-ին ընդունելու համար...",
+            "waiting_other_device": "Սպասում ենք ձեր մյուս սարքի վրա հաստատմանը…",
+            "waiting_other_device_details": "Սպասում ենք ձեր մյուս սարքի վրա հաստատմանը, %(deviceName)s (%(deviceId)s )…",
+            "waiting_other_user": "Սպասում ենք %(displayName)s-ին ստուգելու համար..."
+        },
+        "verification_requested_toast_title": "Ստուգումը պահանջվել է",
+        "verified_identity_changed": "%(displayName)s-ի (<b>%(userId)s</b>) ինքնությունը վերակայվել է։ <a>Իմանալ ավելին</a>",
+        "verified_identity_changed_no_displayname": "<b>%(userId)s</b>-ի ինքնությունը վերակայվել է։ <a>Իմանալ ավելին</a>",
+        "verify_toast_description": "Մյուս օգտատերերը կարող են չվստահել դրան",
+        "verify_toast_title": "Ստուգել այս սեսիան",
+        "withdraw_verification_action": "Հետ կանչել հաստատումը"
+    },
+    "error": {
+        "admin_contact": "Տվյալ ծառայությունն օգտագործելու համար խնդրում ենք <a> կապվեք ձեր ծառայության ադմինիստրատորի հետ</a>։",
+        "admin_contact_short": "Կապվեք ձեր <a>սերվերի ադմինիստրատորի հետ</a>։",
+        "app_launch_unexpected_error": "Հավելվածի նախապատրաստման ժամանակ անսպասելի սխալ առաջացավ։ Մանրամասների համար դիտեք կոնսոլը։",
+        "cannot_load_config": "Անհնար է բեռնել կարգավորման ֆայլը։ Խնդրում ենք թարմացնել էջը՝ կրկին փորձելու համար։",
+        "connection": "Սերվերի հետ կապ հաստատելու խնդիր առաջացավ, խնդրում ենք կրկին փորձել ավելի ուշ։",
+        "dialog_description_default": "Սխալ է տեղի ունեցել։",
+        "download_media": "Աղբյուրի մեդիան ներբեռնելը չհաջողվեց, աղբյուրի URL-ը չի գտնվել",
+        "edit_history_unsupported": "Ձեր սերվերը, կարծես թե, չի աջակցում այս գործառույթը։",
+        "failed_copy": "Չհաջողվեց պատճենել",
+        "hs_blocked": "Այս սերվերը արգելափակվել է իր ադմինիստրատորի կողմից։",
+        "invalid_configuration_mixed_server": "Անվավեր կարգավորում. default_hs_url-ը չի կարող նշվել default_server_name-ի կամ default_server_config-ի հետ միասին։",
+        "invalid_configuration_no_server": "Անվավեր կարգավորում. լռելյայն սերվեր նշված չէ։",
+        "invalid_json": "Ձեր Element կոնֆիգուրացիան պարունակում է անվավեր JSON ֆայլ։ Խնդրում ենք շտկել խնդիրը և վերաբեռնել էջը։",
+        "invalid_json_detail": "Վերլուծիչի հաղորդագրությունը հետևյալն է.%(message)s",
+        "invalid_json_generic": "Անվավեր JSON",
+        "mau": "Այս սերվերը հասել է իր ամսական ակտիվ օգտատերերի սահմանաչափին։",
+        "misconfigured": "Ձեր Element-ը սխալ է կարգավորված",
+        "mixed_content": "Հնարավոր չէ միանալ գլխավոր սերվերին HTTP-ի միջոցով, երբ ձեր զննարկիչի URL-վահանակում HTTPS-ով URL կա: Կամ օգտագործեք HTTPS, կամ <a>միացրեք անվտանգ չլինող սկրիպտները</a>:",
+        "non_urgent_echo_failure_toast": "Ձեր սերվերը չի արձագանքում որոշ <a>հարցումներներին</a>։",
+        "resource_limits": "Այս սերվերը գերազանցել է իր ռեսուրսների սահմանաչափերից մեկը։",
+        "session_restore": {
+            "clear_storage_button": "Մաքրել պահեստը և դուրս գալ",
+            "clear_storage_description": "Դու՞րս գալ և հեռացնե՞լ գաղտնագրման բանալիները",
+            "description_1": "Ձեր նախորդ սեսիան վերականգնելու փորձի ժամանակ սխալ առաջացավ։",
+            "description_2": "Եթե նախկինում օգտագործել եք %(brand)s-ի ավելի նոր տարբերակ, ձեր սեսիան կարող է անհամատեղելի լինել այս տարբերակի հետ։ Փակեք այս պատուհանը և վերադարձեք ավելի նոր տարբերակին։",
+            "description_3": "Ձեր զննարկիչի պահեստը մաքրելը կարող է լուծել խնդիրը, բայց դա ձեզ ավտոմատ կերպով դուրս կհանի հաշվից, և գաղտնագրված զրույցի պատմությունը կդառնա անընթեռնելի։",
+            "title": "Անհնար է վերականգնել սեսիան"
+        },
+        "something_went_wrong": "Ինչոր բան սխալ գնաց։",
+        "storage_evicted_description_1": "Սեսիայի որոշ տվյալներ, այդ թվում՝ գաղտնագրված հաղորդագրության բանալիները, բացակայում են: Դա շտկելու համար դուրս եկեք և մուտք գործեք հաշիվ՝ բանալիները վերականգնելով պահուստային պատճենից:",
+        "storage_evicted_description_2": "Ձեր զննարկիչը, հավանաբար, հեռացրել է այս տվյալները, երբ հանդիպել է սկավառակի տարածքի սուղության։",
+        "storage_evicted_title": "Սեսիայի տվյալները բացակայում են",
+        "sync": "Հնարավոր չէ միանալ Homeserver-ին։ Կրկին փորձում ենք…",
+        "tls": "Հնարավոր չէ միանալ սերվերին. խնդրում ենք ստուգել ձեր կապը, համոզվել, որ ձեր <a>սերվերի SSL վկայականը</a> վստահելի է, և որ զննարկիչի որևէ ընդլայնում չի արգելափակում հարցումները։",
+        "unknown": "Անհայտ սխալ",
+        "unknown_error_code": "սխալի անհայտ կոդ",
+        "update_power_level": "Չհաջողվեց փոխել հզորության մակարդակը"
+    },
+    "error_app_open_in_another_tab": "%(brand)s-ին միանալու համար անցեք մյուս ներդիրին։ Այս ներդիրը այժմ կարող է փակվել։",
+    "error_app_open_in_another_tab_title": "%(brand)s-ը միացված է մեկ այլ ներդիրում",
+    "error_app_opened_in_another_window": "%(brand)s-ը բաց է մեկ այլ պատուհանում: Սեղմեք «%(label)s»՝ %(brand)s-ը այստեղ օգտագործելու և մյուս պատուհանը անջատելու համար:",
+    "error_database_closed_description": {
+        "for_desktop": "Ձեր սկավառակը կարող է լիքը լինել։ Խնդրում ենք ազատել որոշակի հատված և վերաբեռնել։",
+        "for_web": "IԵթե մաքրել եք դիտարկման տվյալները, ապա այս հաղորդագրությունը սպասելի է։ %(brand)s-ը կարող է բաց լինել նաև մեկ այլ ներդիրում, կամ ձեր սկավառակը լիքն է։ Խնդրում ենք ազատել որոշ տարածք և վերաբեռնել այն։"
+    },
+    "error_database_closed_title": "%(brand)s-ը դադարել է աշխատել",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Հնարավոր չէ պատճենել սենյակի հղումը պահեստային հիշողությունում(clipboard):",
+            "title": "Հնարավոր չէ պատճենել սենյակի հղումը"
+        },
+        "error_loading_user_profile": "Հնարավոր չէ բեռնել օգտատիրոջ պրոֆիլը",
+        "forget_room_failed": "Չհաջողվեց մոռանալ %(errCode)s սենյակը"
+    },
+    "error_user_not_logged_in": "Օգտատերը մուտք չի գործել",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Զանգն ընթացքի մեջ է",
+            "user": "%(senderName)s-ը միացավ զանգին",
+            "you": "Դուք միացել եք զանգին"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s-ն ավարտեց զանգը",
+            "you": "Դուք ավարտեցիք զանգը"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s-ը զանգահարում է",
+            "dm_send": "Պատասխանի սպասում",
+            "user": "%(senderName)s-ն սկսել է զանգ",
+            "you": "Դուք զանգ եք սկսել"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s-ն արձագանքել է %(reaction)s-ով %(message)s հաղորդագրությանը",
+            "you": "Դուք արձագանքել եք %(reaction)s-ով %(message)s հաղորդագրությանը"
+        },
+        "m.sticker": "%(senderName)s․ %(stickerName)s",
+        "m.text": "%(senderName)s․ %(message)s",
+        "prefix": {
+            "audio": "Աուդիո",
+            "file": "Ֆայլ",
+            "image": "Պատկեր",
+            "poll": "Հարցում.",
+            "video": "Տեսանյութ"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Արտահանումը չեղարկվել է",
+        "cancelled_detail": "Արտահանումը հաջողությամբ չեղարկվեց",
+        "confirm_stop": "Համոզվա՞ծ եք, որ ցանկանում եք դադարեցնել ձեր տվյալների արտահանումը: Եթե դա անեք, կարիք կլնի սկսել նորից:",
+        "creating_html": "HTML- ի ստեղծում...",
+        "creating_output": "Արդյունքի ստեղծում...",
+        "creator_summary": "%(creatorName)s-ը ստեղծել է այս սենյակը:",
+        "current_timeline": "Ընթացիկ ժամանակացույց",
+        "enter_number_between_min_max": "Մուտքագրեք թիվ %(min)s-ի և %(max)s-ի միջև",
+        "error_fetching_file": "Սխալ՝ ֆայլը բեռնելիս",
+        "export_info": "Սա <roomName/>-ի արտահանման սկիզբն է։ Արտահանվել է <exporterDetails/>-ի կողմից %(exportDate)s-ին.",
+        "export_successful": "Արտահանումը հաջողվեց։",
+        "exported_n_events_in_time": {
+            "one": "Արտահանվել է %(count)s իրադարձություն %(seconds)s վայրկյանում",
+            "other": "Արտահանվել է %(count)s իրադարձություն %(seconds)s վայրկյանում"
+        },
+        "exporting_your_data": "Ձեր տվյալների արտահանում",
+        "fetched_n_events": {
+            "one": "Մինչ այժմ ստացվել է %(count)s իրադարձություն",
+            "other": "Մինչ այժմ ստացվել են %(count)s իրադարձություններ"
+        },
+        "fetched_n_events_in_time": {
+            "one": "%(count)s իրադարձությունը ստացվել է %(seconds)s վայրկյանում",
+            "other": "%(count)s իրադարձությունները ստացվել են %(seconds)s վայրկյանում"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Բերվել է %(count)s իրադարձություն %(total)s-ից",
+            "other": "Բերվել է %(count)s իրադարձություն %(total)s-ից"
+        },
+        "fetching_events": "Իրադարձությունների բեռնում...",
+        "file_attached": "Ֆայլը կցված է",
+        "format": "Ձևաչափ",
+        "from_the_beginning": "Սկզբից",
+        "generating_zip": "ZIP- ի ստեղծում",
+        "html": "HTML",
+        "html_title": "Արտահանված տվյալներ",
+        "include_attachments": "Ներառել հավելվածներ(կից ֆայլեր)",
+        "json": "JSON",
+        "media_omitted": "Մեդիան բաց է թողնված",
+        "media_omitted_file_size": "Մեդիան բաց է թողնվել․ ֆայլի ծավալի սահմանաչափը գերազանցվել է",
+        "messages": "Հաղորդագրություններ",
+        "next_page": "Հաղորդագրությունների հաջորդ խումբը",
+        "num_messages": "Հաղորդագրությունների քանակը",
+        "num_messages_min_max": "Հաղորդագրությունների քանակը կարող է լինել միայն %(min)s-ի և %(max)s-ի միջև",
+        "number_of_messages": "Նշեք հաղորդագրությունների քանակը",
+        "previous_page": "Հաղորդագրությունների նախորդ խումբը",
+        "processing": "Մշակվում է…",
+        "processing_event_n": "%(total)s-ից %(number)s իրադարձությունների մշակում",
+        "select_option": "Ընտրեք ստորև բերված տարբերակներից ՝ զրույցները ձեր ժամանակացույցից արտահանելու համար",
+        "size_limit": "Չափի սահմանափակում",
+        "size_limit_min_max": "Չափը կարող է լինել միայն %(min)s ՄԲ-ի և %(max)s ՄԲ-ի միջև",
+        "size_limit_postfix": "ՄԲ",
+        "starting_export": "Արտահանումը սկսվում է…",
+        "successful": "Արտահանումը հաջողվեց",
+        "successful_detail": "Ձեր արտահանումը հաջողվեց: Այն կարող եք գտնել ձեր Ներբեռնումների թղթապանակում:",
+        "text": "Պարզ տեքստ",
+        "title": "Արտահանել զրույց",
+        "topic": "Թեմա․ %(topic)s",
+        "unload_confirm": "Իրո՞ք ցանկանում եք դուրս գալ արտահանման ընթացքում:"
+    },
+    "failed_load_async_component": "Անհնար է բեռնել։ Ստուգեք ձեր ցանցային կապը և փորձեք կրկին։",
+    "feedback": {
+        "can_contact_label": "Լրացուցիչ հարցերի դեպքում կարող եք կապվել ինձ հետ",
+        "comment_label": "Մեկնաբանություն",
+        "existing_issue_link": "Խնդրում ենք նախ վերանայել <existingIssuesLink>GitHub-ում առկա սխալները</existingIssuesLink>: Համընկնում չկա՞: <newIssueLink>Սկսեք նորը</newIssueLink>:",
+        "may_contact_label": "Կարող եք կապվել ինձ հետ, եթե ցանկանում եք հետևել նորություններին կամ թույլ տալ ինձ փորձարկել առաջիկա գաղափարները։",
+        "platform_username": "Ձեր հարթակը և օգտատիրոջ անունը կհիշատակվեն, որպեսզի մենք կարողանանք հնարավորինս շատ օգտագործել ձեր կարծիքը։",
+        "pro_type": "ՄԱՍՆԱԳԵՏԻ ՀՈՐԴՈՐ. Եթե սխալ եք հայտնաբերել, խնդրում ենք ներկայացնել <debugLogsLink>վրիպազերծման գրանցամատյաններ(debug logs)</debugLogsLink>, որպեսզի մենք կարողանանք գտնել խնդիրը։",
+        "send_feedback_action": "Ուղարկել արձագանք(կարծիք հայտնել)",
+        "sent": "Կարծիքն ուղարկված է։ Շնորհակալություն, մենք գնահատում ենք այն։"
+    },
+    "file_panel": {
+        "empty_description": "Կցեք ֆայլերը զրույցից կամ պարզապես քաշեք և գցեք դրանք սենյակի ցանկացած վայրում։",
+        "empty_heading": "Այս սենյակում տեսանելի ֆայլեր չկան",
+        "guest_note": "Դուք պետք է <a>գրանցվեք</a>՝ այս գործառույթն/ֆունկցիոնալությունն օգտագործելու համար",
+        "peek_note": "Դուք պետք է միանաք այս սենյակին՝ դրա ֆայլերը դիտելու համար"
+    },
+    "forward": {
+        "filter_placeholder": "Որոնել սենյակներ կամ մարդկանց",
+        "message_preview_heading": "Հաղորդագրության նախադիտում",
+        "no_perms_title": "Դուք դա անելու թույլտվություն չունեք",
+        "open_room": "Բաց սենյակ",
+        "send_label": "Ուղարկել",
+        "sending": "Ուղարկվում է",
+        "sent": "Ուղարկված է"
+    },
+    "identity_server": {
+        "change": "Փոխել նույնականացման սերվերը",
+        "change_prompt": "Անջատվե՞լ <current /> նույնականացման սերվերից և փոխարենը միանալ <new />-ին։",
+        "change_server_prompt": "Եթե ​​չեք ցանկանում օգտագործել <server />-ը՝ ձեր ծանոթ առկա կոնտակտները հայտնաբերելու և նրանց կողմից հայտնաբերելի լինելու համար, ստորև մուտքագրեք մեկ այլ նույնականացման սերվեր։",
+        "changed": "Ձեր նույնականացման սերվերը փոխվել է",
+        "checking": "Սերվերի ստուգում",
+        "description_connected": "Դուք ներկայումս օգտագործում եք <server></server>-ը՝ ձեր ծանոթ առկա կոնտակտները հայտնաբերելու և նրանց կողմից հայտնաբերելի լինելու համար: Կարող եք փոխել ձեր նույնականացման սերվերը ստորև:",
+        "description_disconnected": "Դուք ներկայումս չեք օգտագործում նույնականացման սերվեր։ Ձեր ծանոթ առկա կոնտակտները հայտնաբերելու և նրանց կողմից հայտնաբերելի լինելու համար ավելացրեք մեկը ստորև։",
+        "description_optional": "Նույնականացման սերվերի օգտագործումը պարտադիր չէ: Եթե որոշեք չօգտագործել նույնականացման սերվեր, ձեզ չեն հայտնաբերի այլ օգտատերերը և չեք կարողանա հրավիրել ուրիշներին էլ. փոստով կամ հեռախոսով:",
+        "disconnect": "Անջատել նույնականացման սերվերը",
+        "disconnect_anyway": "Ամեն դեպքում անջատել",
+        "disconnect_offline_warning": "Դուք պետք է <b>հեռացնեք ձեր անձնական տվյալները</b> <idserver /> նույնականացման սերվերից՝ անջատվելուց առաջ։ Ցավոք, <idserver /> նույնականացման սերվերը ներկայումս անջատված է կամ անհասանելի է։",
+        "disconnect_personal_data_warning_1": "Դուք դեռևս <b>կիսվում եք ձեր անձնական տվյալներով</b> <idserver /> նույնականացման սերվերում",
+        "disconnect_personal_data_warning_2": "Խորհուրդ ենք տալիս անջատվելուց առաջ հեռացնել ձեր էլեկտրոնային փոստի հասցեները և հեռախոսահամարները նույնականացման սերվերից։",
+        "disconnect_server": "Անջատվե՞լ <idserver /> նույնականացման սերվերից:",
+        "disconnect_warning": "Ձեր նույնականացման սերվերից անջատվելը նշանակում է, որ դուք տեսանելի չեք լինի այլ օգտատերերի համար, և դուք չեք կարողանա հրավիրել ուրիշներին էլ.փոստով կամ հեռախոսահամարով։",
+        "do_not_use": "Չօգտագործել նույնականացման սերվեր",
+        "error_connection": "Չկարողացավ միանալ նույնականացման սերվերին",
+        "error_invalid": "Անվավեր նույնականացման սերվեր (կարգավիճակի կոդ՝ %(code)s)",
+        "error_invalid_or_terms": "Օգտագործման պայմանները չեն ընդունվել, կամ նույնականացման սերվերը անվավեր է։",
+        "no_terms": "Ձեր ընտրած նույնականացման սերվերը չունի որևէ ծառայության մատուցման պայմաններ։",
+        "suggestions": "Դուք պետք է.",
+        "suggestions_1": "ստուգեք ձեր զննարկիչի հավելվածները՝ նույնականացման սերվերը արգելափակող որևէ բանի համար (օրինակ՝ Privacy Badger-ը):",
+        "suggestions_2": "կապվեք <idserver /> նույնականացման սերվերի ադմինիստրատորների հետ",
+        "suggestions_3": "սպասեք և փորձեք կրկին՝ ավելի ուշ",
+        "url": "Նույնականացման սերվեր (%(server)s)",
+        "url_field_label": "Մուտքագրել նոր նույնականացման սերվեր",
+        "url_not_https": "Նույնականացման սերվերի URL-ը պետք է լինի HTTPS-ով"
+    },
+    "in_space": "%(spaceName)s տարածքում",
+    "in_space1_and_space2": "%(space1Name)s և %(space2Name)s տարածքներում",
+    "in_space_and_n_other_spaces": {
+        "one": "%(spaceName)s-ում և մեկ այլ տարածքում:",
+        "other": "%(spaceName)s-ում և %(count)s այլ տարածքններում:"
+    },
+    "incompatible_browser": {
+        "continue": "Այնուամենայնիվ շարունակել",
+        "description": "%(brand)sօգտագործում է զննարկիչի որոշ գործառույթներ, որոնք հասանելի չեն ձեր ներկայիս զննարկիչում։%(detail)s",
+        "detail_can_continue": "Եթե շարունակեք, որոշ ֆունկցիաներ կարող են դադարեցնել աշխատանքը, և գոյություն ունի տվյալների կորուստի ռիսկ։",
+        "detail_no_continue": "Փորձեք թարմացնել այս զննարկիչը, եթե չեք օգտագործում վերջին տարբերակը, և փորձեք կրկին։",
+        "learn_more": "Իմանալ ավելին",
+        "linux": "Լինուքս",
+        "macos": "Մակ",
+        "supported_browsers": "Լավագույն փորձի համար օգտագործեք <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge>, կամ <Safari>Safari</Safari>։",
+        "title": "%(brand)s-ն չի աջակցում այս զննարկչին",
+        "use_desktop_heading": "Օգտագործեք %(brand)s Desktop-ը դրա փոխարեն",
+        "use_mobile_heading": "Այլընտրանքորեն օգտագործեք %(brand)s բջջայինում",
+        "use_mobile_heading_after_desktop": "Կամ օգտագործեք մեր բջջային հավելվածը",
+        "windows_64bit": "Windows (64-bit)",
+        "windows_arm_64bit": "Windows (ARM 64-bit)"
+    },
+    "info_tooltip_title": "Տեղեկություն",
+    "integration_manager": {
+        "connecting": "Միացում ինտեգրման կառավարչին...",
+        "error_connecting": "Ինտեգրացիայի մենեջերը անջատված է կամ չի կարող միանալ ձեր գլխավոր սերվերին։",
+        "error_connecting_heading": "Հնարավոր չէ միանալ ինտեգրման կառավարչին",
+        "explainer": "Ինտեգրացիայի կառավարիչները ստանում են կարգավորման տվյալներ և կարող են փոփոխել վիջեթները, ուղարկել սենյակների հրավերներ և ձեր անունից սահմանել հզորության մակարդակները։",
+        "manage_title": "Կառավարել ինտեգրումները",
+        "toggle_label": "Ակտիվացնել ինտեգրացիաների կառավարչի գործառույթը",
+        "use_im": "Օգտագործեք ինտեգրման մենեջեր՝ բոտերը, վիջեթները և ստիկերների փաթեթները կառավարելու համար։",
+        "use_im_default": "Օգտագործեք ինտեգրման կառավարիչ <b>(%(serverName)s)</b>՝ բոտերը, վիջեթները և ստիկերների փաթեթները կառավարելու համար։"
+    },
+    "integrations": {
+        "disabled_dialog_description": "Դա անելու համար կարգավորումներում միացրեք '%(manageIntegrations)s'-ը։",
+        "disabled_dialog_title": "Ինտեգրումներն անջատված են",
+        "impossible_dialog_description": "Ձեր %(brand)s-ը թույլ չի տալիս օգտագործել ինտեգրման մենեջեր սա անելու համար։ Խնդրում ենք կապվել ադմինիստրատորի հետ։",
+        "impossible_dialog_title": "Ինտեգրումները թույլատրված չեն"
+    },
+    "invite": {
+        "email_caption": "Հրավիրել էլ.փոստով",
+        "email_limit_one": "Էլ.փոստով հրավերները կարող են ուղարկվել միայն մեկ առ մեկ",
+        "email_use_default_is": "Օգտագործեք նույնականացման սերվեր՝ էլ. փոստով հրավիրելու համար։<default> Օգտագործեք լռելյայնը (%(defaultIdentityServerName)s )</default> կամ կառավարել<settings> Կարգավորումներում</settings> .",
+        "email_use_is": "Օգտագործեք նույնականացման սերվեր՝ էլ. փոստով հրավիրելու համար: Կառավարեք<settings> Կարգավորումներում</settings> .",
+        "error_already_invited_room": "Օգտատերը արդեն հրավիրված է սենյակ",
+        "error_already_invited_space": "Օգտատերը արդեն հրավիրված է տարածք",
+        "error_already_joined_room": "Օգտատերը արդեն սենյակում է",
+        "error_already_joined_space": "Օգտատերը արդեն տարածքում է",
+        "error_bad_state": "Օգտատերը պետք է հանվի արգելափակումից, նախքան նրան հրավիրելը:",
+        "error_dm": "Մեզ չհաջողվեց ստեղծել ձեր անձնական հաղորդագրությունը։",
+        "error_find_room": "Օգտատերերին հրավիրելիս ինչ-որ սխալ է տեղի ունեցել։",
+        "error_find_user_description": "Հետևյալ օգտատերերը կարող են գոյություն չունենալ կամ անվավեր լինել, և չեն կարող հրավիրվել։ %(csvNames)s",
+        "error_find_user_title": "Հետևյալ օգտատերերին չհաջողվեց գտնել",
+        "error_invite": "Մենք չկարողացանք հրավիրել այդ օգտատերերին։ Խնդրում ենք նշել այն օգտատերերին, որոնց ցանկանում եք հրավիրել, և կրկին փորձել։",
+        "error_permissions_room": "Դուք չունեք մարդկանց այս սենյակ հրավիրելու թույլտվություն։",
+        "error_permissions_space": "Դուք չունեք մարդկանց այս տարածք հրավիրելու թույլտվություն։",
+        "error_profile_undisclosed": "Օգտվողը կարող է գոյություն ունենալ կամ գոյություն չունենալ",
+        "error_transfer_multiple_target": "Զանգը կարող է փոխանցվել միայն մեկ օգտատիրոջ:",
+        "error_unfederated_room": "Այս սենյակը չի կարող միացվել որևէ այլ սենյակի։ Դուք չեք կարող օգտվողներին հրավիրել արտաքին սերվերներից:",
+        "error_unfederated_space": "Այս տարածքը չի կարող միացվել որևէ այլ տարածքի։ Դուք չեք կարող օգտվողներին հրավիրել արտաքին սերվերներից:",
+        "error_unknown": "Սերվերի անհայտ սխալ",
+        "error_user_not_found": "Օգտատերը գոյություն չունի",
+        "error_version_unsupported_room": "Օգտատիրոջ սերվերը չի աջակցում սենյակի տարբերակը։",
+        "error_version_unsupported_space": "Օգտատիրոջ սերվերը չի աջակցում տարածքի տարբերակը։",
+        "failed_generic": "Գործողությունը ձախողվեց",
+        "failed_title": "Չհաջողվեց հրավիրել",
+        "invalid_address": "Չճանաչված հասցե",
+        "name_email_mxid_share_room": "Հրավիրեք ինչոր մեկին իր անունով, էլ.փոստի հասցեով, օգտատիրոջ օգտանունով (օրինակ՝<userId/> ) կամ<a> կիսվեք այս սենյակով</a> ։",
+        "name_email_mxid_share_space": "Հրավիրեք ինչոր մեկին իր անունով, էլ.փոստի հասցեով, օգտատիրոջ օգտանունով (օրինակ՝<userId/> ) կամ<a> կիսվեք այս տարածքով</a> ։",
+        "name_mxid_share_room": "Հրավիրեք ինչոր մեկին իր անունով, օգտատիրոջ օգտանունով (օրինակ՝<userId/> ) կամ<a> կիսվեք այս սենյակով</a> ։",
+        "name_mxid_share_space": "Հրավիրեք ինչոր մեկին իր անունով, օգտատիրոջ օգտանունով (օրինակ՝<userId/> ) կամ<a> կիսվեք այս տարածքով</a>։",
+        "progress": {
+            "dont_close": "Մի՛ փակեք ծրագիրը մինչեւ ավարտվի:",
+            "preparing": "Հրավերների պատրաստում..."
+        },
+        "recents_section": "Վերջին զրույցները",
+        "room_failed_partial": "Մյուսներին ուղարկեցինք, բայց ստորև բերված մարդկանց չհաջողվեց հրավիրել <RoomName/>",
+        "room_failed_partial_title": "Որոշ հրավերներ չհաջողվեց ուղարկել",
+        "room_failed_title": "Չհաջողվեց հրավիրել օգտատերերին %(roomName)s",
+        "send_link_prompt": "Կամ ուղարկեք հրավերի հղումը",
+        "start_conversation_name_email_mxid_prompt": "Սկսեք զրույց ինչ-որ մեկի հետ, օգտագործելով իր անունը, էլ.փոստի հասցեն կամ օգտատիրոջ անունը (օրինակ՝ <userId/>)։",
+        "start_conversation_name_mxid_prompt": "Սկսեք զրույց ինչ-որ մեկի հետ՝ օգտագործելով նրա անունը կամ օգտատիրոջ անունը (օրինակ՝ <userId/>):",
+        "suggestions_disclaimer": "Որոշ առաջարկներ կարող են թաքցված լինել գաղտնիության համար։",
+        "suggestions_disclaimer_prompt": "Եթե չեք տեսնում, թե ում եք փնտրում, ուղարկեք նրանց ձեր հրավերի հղումը ստորև։",
+        "suggestions_section": "Վերջին ուղիղ հաղորդագրությունները",
+        "to_room": "Հրավիրել %(roomName)s",
+        "to_space": "Հրավիրել %(spaceName)s",
+        "transfer_dial_pad_tab": "Թվային ստեղնաշար",
+        "transfer_user_directory_tab": "Օգտատերերի տեղեկատու",
+        "unable_find_profiles_description_default": "Անհնար է գտնել ստորև թվարկված Matrix ID-ների պրոֆիլները։ Ցանկանո՞ւմ եք այնուամենայնիվ հրավիրել նրանց։",
+        "unable_find_profiles_invite_label_default": "Հրավիրել ամեն դեպքում",
+        "unable_find_profiles_invite_never_warn_label_default": "Ամեն դեպքում հրավիրել և այլևս երբեք չզգուշացնել ինձ",
+        "unable_find_profiles_title": "Հետևյալ օգտատերերը կարող են գոյություն չունենալ",
+        "unban_first_title": "Օգտատիրոջը չի կարելի հրավիրել, քանի դեռ նրա արգելափակումը չի հանվել"
+    },
+    "inviting_user1_and_user2": "%(user1)s և %(user2)s անձանց հրավիրում",
+    "inviting_user_and_n_others": {
+        "one": "Հրավիրում է %(user)s և մեկ այլ",
+        "other": "Հրավիրում է %(user)s և %(count)s ուրիշներին"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> և մեկ այլ",
+        "other": "<Items/> և %(count)s մյուսները"
+    },
+    "keyboard": {
+        "activate_button": "Ակտիվացնել ընտրված կոճակը",
+        "alt": "Alt",
+        "autocomplete_cancel": "Չեղարկել ավտոմատ լրացումը",
+        "autocomplete_force": "Հարկադիր ավարտ",
+        "autocomplete_navigate_next": "Հաջորդ ավտոմատ լրացման առաջարկը",
+        "autocomplete_navigate_prev": "Նախորդ ավտոմատ լրացման առաջարկը",
+        "backspace": "Backspace",
+        "cancel_reply": "Չեղարկել հաղորդագրությանը պատասխանելը",
+        "category_autocomplete": "Ավտոմատ լրացում (ինքնալրացում)",
+        "category_calls": "Զանգեր",
+        "category_navigation": "Տեղորոշում",
+        "category_room_list": "Սենյակների ցուցակ",
+        "close_dialog_menu": "Փակել երկխոսության պատուհանը կամ համատեքստային ցանկը",
+        "composer_jump_end": "Անցնել խմբագրիչի վերջ",
+        "composer_jump_start": "Անցնել խմբագրիչի սկիզբ",
+        "composer_navigate_next_history": "Անցնել հաջորդ հաղորդագրությանը խմբագրիչի պատմության մեջ",
+        "composer_navigate_prev_history": "Անցնել նախորդ հաղորդագրությանը խմբագրիչի պատմության մեջ",
+        "composer_new_line": "Նոր տող",
+        "composer_redo": "Կրկնել խմբագրումը",
+        "composer_toggle_bold": "Միացնել/անջատել թավատառը",
+        "composer_toggle_code_block": "Միացնել/անջատել կոդի բլոկը",
+        "composer_toggle_italics": "Միացնել/անջատել շողատառերը",
+        "composer_toggle_link": "Միացնել/անջատել հղումը",
+        "composer_toggle_quote": "Միացնել/անջատել մեջբերումը",
+        "composer_undo": "Հետարկել խմբագրումը",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Փակել ընթերցման նշիչը և անցնել ներքև",
+        "end": "End",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Անցնել գլխավոր/հիմնական տեսքին",
+        "home": "Home",
+        "jump_first_message": "Անցնել առաջին հաղորդագրությանը",
+        "jump_last_message": "Անցնել վերջին հաղորդագրությանը",
+        "jump_room_search": "Անցնել սենյակի որոնմանը",
+        "jump_to_read_marker": "Անցեք ամենահին չընթերցված հաղորդագրությանը",
+        "keyboard_shortcuts_tab": "Բացել այս կարգավորումների ներդիրը",
+        "navigate_next_history": "Վերջերս այցելած հաջորդ սենյակը կամ տարածքը",
+        "navigate_next_message_edit": "Խմբագրման համար անցեք հաջորդ հաղորդագրությանը",
+        "navigate_prev_history": "Վերջերս այցելած սենյակ կամ տարածք",
+        "navigate_prev_message_edit": "Խմբագրման համար անցեք նախորդ հաղորդագրությանը",
+        "next_landmark": "Անցնել հաջորդ նշանային կետին",
+        "next_room": "Հաջորդ սենյակը կամ ուղիղ/անձնական հաղորդագրությունը",
+        "next_unread_room": "Հաջորդ չկարդացված սենյակը կամ ուղիղ/անձնական հաղորդագրությունը",
+        "number": "[թիվ]",
+        "open_user_settings": "Բացել օգտատիրոջ կարգավորումները",
+        "page_down": "Page Down",
+        "page_up": "Page Up",
+        "prev_landmark": "Անցնել նախորդ նշանային կետին",
+        "prev_room": "Նախորդ սենյակը կամ ուղիղ/անձնական հաղորդագրությունը",
+        "prev_unread_room": "Նախորդ չկարդացված սենյակը կամ ուղիղ/անձնական հաղորդագրությունը",
+        "room_list_collapse_section": "Ծալել սենյակների ցանկի բաժինը",
+        "room_list_expand_section": "Ընդարձակել սենյակների ցանկի բաժինը",
+        "room_list_navigate_down": "Շարժվել ներքև սենյակների ցանկում",
+        "room_list_navigate_up": "Շարժվել վերև սենյակների ցանկում",
+        "room_list_select_room": "Ընտրել սենյակ՝ սենյակների ցանկից",
+        "save": "Պահել",
+        "scroll_down_timeline": "Ժամանակացույցում ներքև գլորել",
+        "scroll_up_timeline": "Ժամանակացույցում վերև գլորել",
+        "search": "Որոնում (պետք է միացված լինի)",
+        "send_sticker": "Ուղարկել կպչուն պիտակ(ստիկեր)",
+        "shift": "Shift",
+        "space": "Բացատ",
+        "switch_to_space": "Անցնել տարածքին՝ ըստ համարի",
+        "toggle_hidden_events": "Միացնել/անջատել թաքնված միջոցառման տեսանելիությունը",
+        "toggle_microphone_mute": "Միացնել/անջատել խոսափողի լռեցումը",
+        "toggle_right_panel": "Բացել/փակել աջ վահանակը",
+        "toggle_space_panel": "Բացել/փակել տարածքի վահանակը",
+        "toggle_top_left_menu": "Բացել/փակել վերևի ձախ մենյուն",
+        "toggle_webcam_mute": "Միացնել/անջատել վեբ տեսախցիկը",
+        "upload_file": "Ֆայլի վերբեռնում"
+    },
+    "labs": {
+        "ask_to_join": "Միացնել միանալու հարցումը",
+        "beta_description": "Ի՞նչ է սպասվում %(brand)s-ին հաջորդիվ։ Լաբորատորիաները լավագույն միջոցն են ամեն ինչ վաղ փուլում սկսելու, նոր գործառույթները փորձարկելու և դրանք ձևավորելու համար, նախքան դրանց թողարկումը։",
+        "beta_feature": "Սա բետա առանձնահատկություն է",
+        "beta_feedback_leave_button": "Բետա տարբերակից դուրս գալու համար այցելեք ձեր կարգավորումները:",
+        "beta_feedback_title": "%(featureName)s Բետա հետադարձ կապ",
+        "beta_section": "Առաջիկա առանձնահատկություններ",
+        "bridge_state": "Ցույց տալ կամուրջների մասին տեղեկություններ սենյակի կարգավորումներում",
+        "bridge_state_channel": "Ալիք․ <channelLink/>",
+        "bridge_state_creator": "Այս կամուրջն ապահովված էր <user />֊ի կողմից։",
+        "bridge_state_manager": "Այս կամուրջը կառավարվում է <user />֊ի կողմից։",
+        "bridge_state_workspace": "Աշխատանքային տարածք․ <networkLink/>",
+        "click_for_info": "Սեղմեք լրացուցիչ տեղեկությունների համար",
+        "currently_experimental": "Ներկայումս փորձնական։",
+        "custom_themes": "Աջակցեl անհատական ​​​​թեմաների/ոճերի ավելացմանը",
+        "dynamic_room_predecessors": "Դինամիկ սենյակի նախորդներ",
+        "dynamic_room_predecessors_description": "Միացնել MSC3946- ը (ուշ ժամանող սենյակների արխիվներին աջակցելու համար)",
+        "element_call_video_rooms": "Element Call վիդեո սենյակներ",
+        "exclude_insecure_devices": "Բացառել անապահով սարքերը հաղորդագրություններ ուղարկելիս/ստանալիս  ",
+        "exclude_insecure_devices_description": "Երբ այս ռեժիմը միացված է, գաղտնագրված հաղորդագրությունները չեն կիսվի չվավերացված սարքերի հետ, իսկ չվավերացված սարքերից ստացված հաղորդագրությունները կցուցադրվեն որպես սխալ։ Նկատի ունեցեք, որ այս ռեժիմը միացնելիս, հնարավոր է, չկարողանաք շփվել այն օգտատերերի հետ, ովքեր չեն վավերացրել իրենց սարքերը։",
+        "experimental_description": "Փորձարկման կարիք ունե՞ք։ Փորձեք մեր վերջին գաղափարները մշակման փուլում։ Այս գործառույթները դեռևս վերջնականապես մշակված չեն. դրանք կարող են անկայուն լինել, կարող են փոխվել կամ ընդհանրապես հանվել։ <a>Իմացեք ավելին</a>։",
+        "experimental_section": "Վաղ նախադիտումներ",
+        "extended_profiles_msc_support": "Պահանջում է, որ ձեր սերվերը աջակցի MSC4133-ը",
+        "feature_disable_call_per_sender_encryption": "Անջատել յուրաքանչյուր ուղարկողի գաղտնագրումը Element զանգի համար",
+        "feature_wysiwyg_composer_description": "Հաղորդագրության խմբագրիչում օգտագործել \"ձևաչափված տեքստ\" (Rich Text)՝ Markdown-ի փոխարեն",
+        "group_developer": "Ծրագրավորող",
+        "group_encryption": "Գաղտնագրում",
+        "group_experimental": "Փորձարարական",
+        "group_messaging": "Նամակագրություն",
+        "group_moderation": "Մոդերացիա(չափավորում)",
+        "group_profile": "Պրոֆիլ",
+        "group_rooms": "Սենյակներ",
+        "group_spaces": "Տարածքներ",
+        "group_themes": "Ոճեր",
+        "group_threads": "Թեմաներ",
+        "group_ui": "Օգտագործողի միջերես(ինտերֆեյս)",
+        "group_voip": "Ձայն և վիդեո",
+        "group_widgets": "Վիջեթներ",
+        "hidebold": "Թաքցնել ծանուցման կետը (ցուցադրել միայն քանակների նշանները)",
+        "join_beta": "Միանալ բետային",
+        "join_beta_reload": "Բետային միանալը կվերաբեռնի %(brand)s-ը։",
+        "jump_to_date": "Անցնել ամսաթվին (ավելացնում է /jumptodate և անցնում ամսաթվի վերնագրին)",
+        "jump_to_date_msc_support": "Պահանջում է, որ ձեր սերվերը աջակցի MSC3030-ը",
+        "latex_maths": "Հաղորդագրություններում արտապատկերել LaTeX-ով մաթեմատիկական արտահայտությունները",
+        "leave_beta": "Լքել բետան",
+        "leave_beta_reload": "Բետայից դուրս գալը կվերաբեռնի %(brand)s-ը։",
+        "location_share_live": "Իրական ժամանակում գտնվելու վայրի կիսում",
+        "location_share_live_description": "Ժամանակավոր իրականացում: Տեղերը պահպանվում են սենյակների պատմության մեջ:",
+        "mjolnir": "Մարդկանց անտեսելու նոր եղանակներ",
+        "msc3531_hide_messages_pending_moderation": "Թույլատրել մոդերատորներին թաքցնել մոդերացիայի սպասող հաղորդագրությունները։",
+        "notification_settings": "Նոր ծանուցումների կարգավորումներ",
+        "notification_settings_beta_caption": "Ներկայացնում ենք ձեր ծանուցումների կարգավորումները փոխելու ավելի պարզ միջոց: Անհատականացրեք ձեր %(brand)s-ն այնպես, ինչպես ցանկանում եք:",
+        "notification_settings_beta_title": "Ծանուցման կարգավորումներ",
+        "notifications": "Միացնել ծանուցումների վահանակը սենյակի վերնագրում",
+        "render_reaction_images": "Արձանագրել հատուկ պատկերներ ռեակցիաներում",
+        "render_reaction_images_description": "Երբեմն կոչվում է “հատուկ էմոջիներ”:",
+        "sliding_sync": "Սահող համաժամեցման(Sliding Sync) ռեժիմ",
+        "sliding_sync_description": "Ակտիվ մշակման փուլում է, չի կարող անջատվել։",
+        "sliding_sync_disabled_notice": "Անջատելու համար դուրս եկեք և նորից մուտք գործեք",
+        "sliding_sync_server_no_support": "Ձեր սերվերը չունի աջակցություն",
+        "unrealiable_e2e": "Անհուսալի է գաղտնագրված սենյակներում",
+        "video_rooms": "Վիդեո սենյակներ",
+        "video_rooms_a_new_way_to_chat": "Ձայնի և տեսանյութի միջոցով զրուցելու նոր եղանակ %(brand)s-ում:",
+        "video_rooms_always_on_voip_channels": "Տեսասենյակները միշտ միացված VoIP(ձայնային փոխանցում ինտերնետային արձանագրության միջոցով) ալիքներ են, որոնք ներդրված են %(brand)s-ի սենյակում։",
+        "video_rooms_beta": "Վիդեո սենյակները բետա առանձնահատկություն են",
+        "video_rooms_faq1_answer": "Օգտագործեք ձախ վահանակի սենյակի բաժնում գտնվող «+» կոճակը:",
+        "video_rooms_faq1_question": "Ինչպե՞ս կարող եմ ստեղծել վիդեո սենյակ:",
+        "video_rooms_faq2_answer": "Այո, զրույցի ժամանակացույցը ցուցադրվում է վիդեոի հետ մեկտեղ:",
+        "video_rooms_faq2_question": "Կարո՞ղ եմ տեսազանգի հետ մեկտեղ օգտագործել տեքստային զրույց։",
+        "video_rooms_feedbackSubheading": "Շնորհակալություն բետա տարբերակը փորձելու համար, խնդրում ենք մանրամասնել որքան կարող եք, որպեսզի մենք կարողանանք բարելավել այն:",
+        "wysiwyg_composer": "Տեքստի կատարելագործված խմբագրիչ"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Այս կարգավորումները նախատեսված են առաջադեմ օգտատերերի համար։",
+        "ban_reason": "Անտեսված/Արգելափակված",
+        "error_adding_ignore": "Սխալ առաջացավ անտեսված օգտատիրոջ/սերվերի ավելացման ժամանակ",
+        "error_adding_list_description": "Խնդրում ենք ստուգել սենյակի ID-ն կամ հասցեն, և կրկին փորձել:",
+        "error_adding_list_title": "Սխալ՝ ցուցակին բաժանորդագրվելիս",
+        "error_removing_ignore": "Սխալ առաջացավ անտեսված օգտատիրոջը/սերվերին հեռացնելիս",
+        "error_removing_list_description": "Խնդրում ենք կրկին փորձել կամ դիտել ձեր կոնսոլը՝ հուշումներ ստանալու համար։",
+        "error_removing_list_title": "Սխալ՝ ցուցակից հրաժարվելու ժամանակ",
+        "explainer_1": "Այստեղ ավելացրեք այն օգտատերերին և սերվերներին, որոնց ցանկանում եք անտեսել: Օգտագործեք աստղանիշներ, որպեսզի %(brand)s-ը համապատասխանի ցանկացած նիշի: Օրինակ՝ <code>@bot:*</code>-ը կանտեսի բոլոր օգտատերերին, որոնք ունեն 'bot' անունը որևէ սերվերի վրա:",
+        "explainer_2": "Մարդկանց անտեսումը կատարվում է արգելափակման ցուցակների միջոցով, որոնք պարունակում են արգելափակման կանոններ: Արգելափակման ցուցակին բաժանորդագրվելը նշանակում է, որ այդ ցուցակով արգելափակված օգտատերերը/սերվերները կթաքցվեն ձեզանից:",
+        "lists": "Դուք ներկայումս բաժանորդագրված եք՝",
+        "lists_description_1": "Արգելափակված ցուցակին բաժանորդագրվելը ձեզ կհանգեցնի դրան միանալուն։",
+        "lists_description_2": "Եթե ​​սա այն չէ, ինչ դուք ուզում եք, խնդրում ենք օգտագործել այլ գործիք՝ օգտատերերին անտեսելու համար։",
+        "lists_heading": "Բաժանորդագրված ցուցակներ",
+        "lists_new_label": "Սենյակի ID-ն կամ արգելափակված ցուցակի հասցեն",
+        "no_lists": "Դուք բաժանորդագրված չեք որևէ ցուցակի",
+        "personal_description": "Ձեր անձնական արգելափակվածների ցանկը պարունակում է բոլոր այն օգտատերերին/սերվերներին, որոնցից դուք անձամբ չեք ցանկանում տեսնել հաղորդագրություններ։ Առաջին օգտատիրոջը/սերվերին անտեսելուց հետո, ձեր սենյակների ցանկում կհայտնվի նոր սենյակ՝ '%(myBanList)s անունով․ մնացեք այս սենյակում՝ արգելափակումների ցանկը ուժի մեջ պահելու համար։",
+        "personal_empty": "Դուք ոչ ոքի չեք անտեսել:",
+        "personal_heading": "Անձնական արգելքների ցանկ",
+        "personal_new_label": "Անտեսելու համար սպասարկողի կամ օգտատիրոջ ID",
+        "personal_new_placeholder": "օրինակ՝ @bot:* կամ example.org",
+        "personal_section": "Դուք ներկայումս անտեսում եք՝",
+        "room_name": "Իմ արգելափակումների ցանկը",
+        "room_topic": "Սա ձեր կողմից արգելափակված օգտատերերի/սերվերների ցանկն է. սենյակից դուրս մի՛ եկեք։",
+        "rules_empty": "Ոչ ոք",
+        "rules_server": "Սերվերի կանոններ",
+        "rules_title": "Արգելափակումների ցանկի կանոններ․ %(roomName)s",
+        "rules_user": "Օգտագործողի կանոններ",
+        "something_went_wrong": "Ինչոր բան սխալ է գնացել։ Խնդրում ենք կրկին փորձել կամ դիտել ձեր կոնսոլը՝ հուշումներ ստանալու համար։",
+        "title": "Անտեսված օգտատերեր",
+        "view_rules": "Դիտել կանոնները"
+    },
+    "language_dropdown_label": "Լեզվի ցանկ",
+    "leave_room_dialog": {
+        "last_person_warning": "Դուք այստեղ միակ մարդն եք։ Եթե դուրս գաք, ապագայում ոչ ոք չի կարողանա միանալ, այդ թվում՝ դուք։",
+        "leave_room_question": "Վստա՞հ եք, որ ցանկանում եք լքել «%(roomName)s» սենյակը",
+        "leave_space_question": "Վստա՞հ եք, որ ցանկանում եք լքել «%(spaceName)s» տարածքը",
+        "room_leave_admin_warning": "Դուք այս սենյակում միակ ադմինիստրատորն եք։ Եթե դուրս գաք, ոչ ոք չի կարողանա փոխել սենյակի կարգավորումները կամ կատարել այլ կարևոր գործողություններ։",
+        "room_leave_mod_warning": "Դուք այս սենյակի միակ վերահսկողն(մոդերատոր) եք։ Եթե դուրս գաք, ոչ ոք չի կարողանա փոխել սենյակի կարգավորումները կամ կատարել այլ կարևոր գործողություններ։",
+        "room_rejoin_warning": "Այս սենյակը հանրային չէ։ Դուք չեք կարողանա նորից միանալ առանց հրավերի։",
+        "space_rejoin_warning": "Այս տարածքը հանրային չէ։ Դուք չեք կարողանա կրկին միանալ առանց հրավերի։"
+    },
+    "lightbox": {
+        "rotate_left": "Պտտել ձախ",
+        "rotate_right": "Պտտել աջ",
+        "title": "Պատկերի տեսք"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Այս սերվերը կարգավորված չէ քարտեզները ցուցադրելու համար:",
+        "MapStyleUrlNotReachable": "Այս սերվերը ճիշտ չէ կարգավորված քարտեզները ցուցադրելու համար, կամ հնարավոր է կարգավորված քարտեզի սերվերն անհասանելի լինի:",
+        "WebGLNotEnabled": "Քարտեզները ցուցադրելու համար անհրաժեշտ է WebGL(վեբ գրաֆիկայի գրադարան), խնդրում ենք միացնել այն ձեր զննարկիչի կարգավորումներում։",
+        "click_drop_pin": "Սեղմել՝ քորոցը կորցնելու համար",
+        "click_move_pin": "Սեղմել՝ քորոցը տեղափոխելու համար",
+        "close_sidebar": "Փակել կողային վահանակը",
+        "error_fetch_location": "Չհաջողվեց գտնել գտնվելու վայրը",
+        "error_no_perms_description": "Դուք պետք է ունենաք թույլտվություններ, որպեսզի կիսեք վայրերն այս սենյակում:",
+        "error_no_perms_title": "Դուք չունեք գտնվելու վայրեր կիսելու թույլտվություն",
+        "error_send_description": "%(brand)s-ը չկարողացավ ուղարկել ձեր գտնվելու վայրը: Խնդրում ենք կրկին փորձել ավելի ուշ:",
+        "error_send_title": "Մենք չկարողացանք ուղարկել ձեր գտնվելու վայրը",
+        "error_sharing_live_location": "Ձեր կենդանի գտնվելու վայրը կիսելիս սխալ է տեղի ունեցել",
+        "error_stopping_live_location": "Ձեր կենդանի գտնվելու վայրը դադարեցնելիս սխալ է տեղի ունեցել",
+        "expand_map": "Ընդլայնել քարտեզը",
+        "failed_generic": "Չհաջողվեց գտնել ձեր գտնվելու վայրը: Խնդրում ենք կրկին փորձել ավելի ուշ:",
+        "failed_load_map": "Չնհնար է բեռնել քարտեզը",
+        "failed_permission": "%(brand)s-ին մերժվեց ձեր գտնվելու վայրը գտնելու թույլտվությունը: Խնդրում ենք թույլատրել գտնվելու վայրի հասանելիությունը ձեր զննարկիչի կարգավորումներում:",
+        "failed_timeout": "Ձեր գտնվելու վայրի փնտրման ժամանակն ավարտվել է: Խնդրում ենք կրկին փորձել ավելի ուշ:",
+        "failed_unknown": "Գտնվելու վայրի փնտրման անհայտ սխալ: Խնդրում ենք կրկին փորձել ավելի ուշ:",
+        "find_my_location": "Գտնել իմ գտնվելու վայրը",
+        "live_description": "%(displayName)s-ի կենդանի գտնվելու վայրը",
+        "live_enable_description": "Խնդրում ենք նկատի ունենալ, որ սա լաբորատորիաների առանձնահատկություն է, որն օգտագործում է ժամանակավոր իրականացում: Սա նշանակում է, որ դուք չեք կարողանա ջնջել ձեր գտնվելու վայրի պատմությունը, և առաջադեմ օգտատերերը կկարողանան տեսնել ձեր գտնվելու վայրի պատմությունը նույնիսկ այն բանից հետո, երբ դուք դադարում եք կիսել ձեր կենդանի գտնվելու վայրը այս սենյակի հետ:",
+        "live_enable_heading": "Ուղիղ գտնվելու վայրի տարածում/կիսում",
+        "live_location_active": "Դուք կիսում եք ձեր կենդանի գտնվելու վայրը",
+        "live_location_enabled": "Միացված է կենդանի գտնվելու վայրը",
+        "live_location_ended": "Ուղիղ գտնվելու վայրն ավարտվեց",
+        "live_location_error": "Ուղիղ գտնվելու վայրի սխալ",
+        "live_locations_empty": "Կենդանի վայրեր չկան",
+        "live_share_button": "Կիսվել %(duration)s տևողությամբ",
+        "live_toggle_label": "Միացնել կենդանի գտնվելու վայրի տարածումը/կիսումը",
+        "live_until": "Գործում է մինչև %(expiryTime)s",
+        "live_update_time": "Թարմացվել է %(humanizedUpdateTime)s",
+        "loading_live_location": "Ուղիղ գտնվելու վայրը բեռնվում է...",
+        "location_not_available": "Գտնվելու վայրը հասանելի չէ",
+        "map_feedback": "Քարտեզի հետադարձ կապ",
+        "mapbox_logo": "Քարտեզագրման լոգո",
+        "reset_bearing": "Վերականգնել կրիչը դեպի հյուսիս",
+        "share_button": "Տարածել գտնվելու վայրը",
+        "share_type_live": "Իմ կենդանի գտնվելու վայրը",
+        "share_type_own": "Իմ ներկայիս գտնվելու վայրը",
+        "share_type_pin": "Կորցնել քորոցը",
+        "share_type_prompt": "Ո՞ր տեսակի գտնվելու վայրն եք ցանկանում կիսել:",
+        "toggle_attribution": "Միացնել/անջատել վերագրումը"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s անդամ",
+            "other": "%(count)s անդամներ"
+        },
+        "filter_placeholder": "Որոնել սենյակի անդամներին",
+        "invite_button_no_perms_tooltip": "Դուք չունեք օգտատերեր հրավիրելու թույլտվություն",
+        "invited_label": "Հրավիրված",
+        "list_title": "Անդամների ցանկ",
+        "no_matches": "Համընկնումներ չկան"
+    },
+    "member_list_back_action_label": "Սենյակի անդամներ",
+    "message_edit_dialog_title": "Հաղորդագրությունների խմբագրումներ",
+    "migrating_crypto": "Սպասեք մի փոքր։ Մենք թարմացնում ենք %(brand)s-ը՝ գաղտնագրումն ավելի արագ և հուսալի դարձնելու համար։",
+    "mobile_guide": {
+        "toast_accept": "Օգտագործել հավելվածը",
+        "toast_description": "%(brand)s-ը փորձարարական է բջջային վեբ զննարկիչում: Ավելի լավ փորձի և վերջին հնարավորությունների համար օգտագործեք մեր անվճար ծրագիրը:",
+        "toast_title": "Օգտագործեք հավելվածը ավելի լավ փորձի համար"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Այլ արդյունքներ չկան",
+    "notif_panel": {
+        "empty_description": "Դուք տեսանելի ծանուցումներ չունեք։",
+        "empty_heading": "Ամեն ինչ կարդացված է"
+    },
+    "notifications": {
+        "all_messages": "Բոլոր հաղորդագրությունները",
+        "all_messages_description": "Ստանալ ծանուցում յուրաքանչյուր հաղորդագրության համար",
+        "class_global": "Գլոբալ",
+        "class_other": "Այլ",
+        "default": "Լռելյայն",
+        "email_pusher_app_display_name": "Ծանուցումներ էլ.փոստով",
+        "enable_prompt_toast_description": "Միացնել աշխատասեղանի ծանուցումները",
+        "enable_prompt_toast_title": "Ծանուցումներ",
+        "enable_prompt_toast_title_from_message_send": "Բաց մի թողեք պատասխանը",
+        "error_change_title": "Փոխել ծանուցման կարգավորումները",
+        "keyword": "Բանալի բառ",
+        "keyword_new": "Նոր բանալի բառ",
+        "level_activity": "Գործունեություն",
+        "level_highlight": "Ընդգծում",
+        "level_muted": "Խլացված",
+        "level_none": "Ոչ մի",
+        "level_notification": "Ծանուցում",
+        "level_unsent": "Չուղարկված",
+        "mark_all_read": "Բոլորը նշել որպես կարդացված",
+        "mentions_and_keywords": "@mentions (հիշատակումներ) և բանալի բառեր",
+        "mentions_and_keywords_description": "Ստանալ ծանուցում միայն հիշատակումներով և բանալի բառերով, ինչպես սահմանված են ձեր <a> կարգաբերումներում</a>",
+        "mentions_keywords": "Նշումներ/հիշատակումներ և բանալի բառեր",
+        "message_didnt_send": "Հաղորդագրությունը չի ուղարկվել: Սեղմեք տեղեկությունների համար:",
+        "mute_description": "Դուք չեք ստանա ոչ մի ծանուցում"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s-ը պահանջում է ստուգում"
+    },
+    "onboarding": {
+        "create_room": "Ստեղծել խմբային զրույց",
+        "explore_rooms": "Ուսումնասիրել հանրային սենյակները",
+        "has_avatar_label": "Հիանալի է, դա կօգնի մարդկանց իմանալ, որ դա դու ես",
+        "intro_byline": "Սեփականացրեք/կառավարեք ձեր խոսակցությունները:",
+        "intro_welcome": "Բարի գալուստ %(appName)s",
+        "no_avatar_label": "Ավելացրեք լուսանկար, որպեսզի մարդիկ իմանան, որ դա դուք եք:",
+        "send_dm": "Ուղարկել անմիջական հաղորդագրություն",
+        "welcome_detail": "Այժմ, եկեք օգնենք ձեզ սկսել",
+        "welcome_user": "Բարի գալուստ %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Հաղորդագրություն %(room)s-ում",
+        "permalink_this_room": "Հաղորդագրություն %(user)s-ից"
+    },
+    "poll": {
+        "create_poll_action": "Ստեղծել Հարցում",
+        "create_poll_title": "Ստեղծել հարցում",
+        "disclosed_notes": "Քվեարկողներն արդյունքները տեսնում են քվեարկելուց անմիջապես հետո",
+        "edit_poll_title": "Խմբագրել հարցումը",
+        "end_description": "Վստա՞հ եք, որ ցանկանում եք ավարտել այս հարցումը։ Սա կցուցադրի հարցման վերջնական արդյունքները և մարդկանց կզրկի քվեարկելու հնարավորությունից։",
+        "end_message": "Հարցումն ավարտված է։ Ամենաշատ պատասխանը՝ %(topAnswer)s",
+        "end_message_no_votes": "Հարցումն ավարտվել է։ Քվեարկություն չի անցկացվել։",
+        "end_title": "Հարցման ավարտ",
+        "error_ending_description": "Կներեք, հարցումը չի ավարտվել։ Խնդրում ենք կրկին փորձել։",
+        "error_ending_title": "Չհաջողվեց ավարտել հարցումը",
+        "error_voting_description": "Կներեք, ձեր քվեն/ձայնը չի գրանցվել։ Խնդրում ենք կրկին փորձել։",
+        "error_voting_title": "Քվեարկությունը չի գրանցվել",
+        "failed_send_poll_description": "Կներեք, ձեր կողմից ստեղծված հարցումը չի հրապարակվել։",
+        "failed_send_poll_title": "Չհաջողվեց հրապարակել հարցումը",
+        "notes": "Արդյունքները կհայտնվեն/կհրապարակվեն միայն հարցման ավարտից հետո",
+        "options_add_button": "Ավելացնել տարբերակ",
+        "options_heading": "Ստեղծել տարբերակներ",
+        "options_label": "Տարբերակ %(number)s",
+        "options_placeholder": "Գրել տարբերակ",
+        "topic_heading": "Ո՞րն է ձեր հարցման հարցը կամ թեման։",
+        "topic_label": "Հարց կամ թեմա",
+        "topic_placeholder": "Գրեք ինչոր բան…",
+        "total_decryption_errors": "Վերծանման սխալների պատճառով որոշ ձայներ կարող են չհաշվվել",
+        "total_n_votes": {
+            "one": "%(count)s ձայն է տվել։ Քվեարկեք՝ արդյունքները տեսնելու համար։",
+            "other": "%(count)s ձայներ են տվել։ Քվեարկեք՝ արդյունքները տեսնելու համար։"
+        },
+        "total_n_votes_voted": {
+            "one": "Հիմնված %(count)s ձայնի վրա",
+            "other": "Հիմնված %(count)s ձայների վրա"
+        },
+        "total_no_votes": "Ձայներ չեն ներկայացվել",
+        "total_not_ended": "Արդյունքները տեսանելի կլինեն, երբ հարցումն ավարտվի",
+        "type_closed": "Փակ հարցում",
+        "type_heading": "Հարցման տեսակը",
+        "type_open": "Բաց հարցում",
+        "unable_edit_description": "Ցավոք, ձայները ներկայացնելուց(քվեարկությունն ավարտվելուց) հետո դուք չեք կարող խմբագրել հարցումը:",
+        "unable_edit_title": "Հարցումը հնարավոր չէ խմբագրել"
+    },
+    "power_level": {
+        "admin": "Ադմին",
+        "creator": "Սեփականատեր",
+        "custom": "Հատուկ (%(level)s)",
+        "custom_level": "Հատուկ մակարդակ",
+        "default": "Լռելյայն",
+        "label": "Էլեկտրաէներգիայի մակարդակը",
+        "moderator": "Մոդերատոր",
+        "restricted": "Սահմանափակված"
+    },
+    "powered_by_matrix": "Մշակված Matrix-ի կողմից",
+    "presence": {
+        "away": "Տեղում չէ",
+        "busy": "Զբաղված",
+        "idle": "Անզբաղ",
+        "idle_for": "Անզբաղ %(duration)s ժամանակ",
+        "offline": "Անցանց",
+        "offline_for": "Անցանց %(duration)s ժամանակ",
+        "online": "Առցանց",
+        "online_for": "Առցանց %(duration)s ժամանակ",
+        "unknown": "Անհայտ",
+        "unknown_for": "Անհայտ %(duration)s ժամանակ",
+        "unreachable": "Օգտատիրոջ սերվերը անհասանելի է"
+    },
+    "quick_settings": {
+        "all_settings": "Բոլոր կարգավորումները",
+        "sidebar_settings": "Լրացուցիչ ընտրանքներ",
+        "title": "Արագ կարգավորումներ"
+    },
+    "quit_warning": {
+        "call_in_progress": "Դուք, կարծես, զանգի մեջ եք, վստա՞հ եք, որ ցանկանում եք դուրս գալ։",
+        "file_upload_in_progress": "Դուք, կարծես թե, ֆայլեր եք վերբեռնում, վստա՞հ եք, որ ցանկանում եք դուրս գալ։"
+    },
+    "redact": {
+        "confirm_button": "Հաստատեք հեռացումը",
+        "confirm_description": "Վստա՞հ եք, որ ցանկանում եք հեռացնել (ջնջել) այս միջոցառումը։",
+        "confirm_description_state": "Նկատի ունեցեք, որ սենյակի նման փոփոխությունները հեռացնելը կարող է չեղարկել փոփոխությունը։",
+        "error": "Դուք չեք կարող ջնջել այս հաղորդագրությունը։ (%(code)s)",
+        "ongoing": "Հեռացվում է…",
+        "reason_label": "Պատճառ (ըստ ցանկության)"
+    },
+    "report_content": {
+        "description": "Այս հաղորդագրության մասին հաղորդելը կուղարկի դրա եզակի «իրադարձության ID-ն» ձեր գլխավոր սերվերի ադմինիստրատորին: Եթե այս սենյակում հաղորդագրությունները գաղտնագրված են, ձեր գլխավոր սերվերի ադմինիստրատորը չի կարողանա կարդալ հաղորդագրության տեքստը կամ դիտել որևէ ֆայլ կամ պատկեր:",
+        "hide_messages_from_user": "Նշեք, եթե ցանկանում եք թաքցնել այս օգտատիրոջից ստացված բոլոր ներկա և ապագա հաղորդագրությունները։",
+        "ignore_user": "Անտեսել օգտատիրոջը",
+        "missing_reason": "Խնդրում ենք նշել, թե ինչու եք հայտնում(բողոքում) այդ մասին:",
+        "report_content_to_homeserver": "Հաղորդել բովանդակությունը ձեր գլխավոր սերվերի(Homeserver) ադմինիստրատորին"
+    },
+    "report_room": {
+        "description": "Հաղորդե այս սենյակի մասին ձեր հաշվի մատակարարին(account provider)։ Եթե հաղորդագրությունները գաղտնագրված են, ձեր ադմինիստրատորը չի կարողանա կարդալ դրանք։",
+        "reason_label": "Նկարագրել պատճառը"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Չհաջողվեց վերծանել %(failedCount)s սեսիա",
+        "count_of_successfully_restored_keys": "%(sessionCount)s բանալիները հաջողությամբ վերականգնվեցին",
+        "enter_key_description": "Մուտք գործեք ձեր անվտանգ հաղորդագրությունների պատմություն և կարգավորեք անվտանգ հաղորդագրությունները՝ մուտքագրելով ձեր վերականգնման բանալին։",
+        "enter_key_title": "Մուտքագրեք վերականգնման բանալին(Recovery Key)",
+        "enter_phrase_description": "Մուտք գործեք ձեր անվտանգ հաղորդագրությունների պատմություն և կարգավորեք անվտանգ հաղորդագրություններ՝ մուտքագրելով ձեր անվտանգության արտահայտությունը:",
+        "enter_phrase_title": "Մուտքագրեք անվտանգության արտահայտությունը",
+        "incorrect_security_phrase_dialog": "Պահուստային պատճենը հնարավոր չէ վերծանել այս անվտանգության արտահայտությամբ. խնդրում ենք ստուգել, որ մուտքագրել եք ճիշտ անվտանգության արտահայտությունը։",
+        "incorrect_security_phrase_title": "Սխալ անվտանգության արտահայտություն(Security Phrase)",
+        "key_backup_warning": "<b>Զգուշացում</b>. Դուք պետք է բանալիների պահուստավորումը կարգավորեք միայն վստահելի համակարգչից։",
+        "key_fetch_in_progress": "Սերվերից բանալիների ստացում…",
+        "key_forgotten_text": "Եթե մոռացել եք ձեր վերականգնման բանալին, կարող եք <button>կարգավորել վերականգնման նոր տարբերակներ</button>",
+        "key_is_invalid": "Վերականգնման բանալի(Recovery Key) վավեր չէ",
+        "key_is_valid": "Սա կարծես վավեր վերականգնման բանալի է։",
+        "keys_restored_title": "Բանալիները վերականգնված են",
+        "load_error_content": "Անհնար է բեռնել պահուստավորման կարգավիճակը",
+        "load_keys_progress": "%(completed)s-ը %(total)s բանալիներից վերականգնվել է",
+        "no_backup_error": "Պահուստային պատճեն չի գտնվել։",
+        "phrase_forgotten_text": "Եթե մոռացել եք ձեր անվտանգության արտահայտությունը, կարող եք <button1>օգտագործել ձեր վերականգնման բանալին</button1> կամ <button2>կարգավորել վերականգնման նոր տարբերակներ</button2>",
+        "recovery_key_mismatch_description": "Պահուստային պատճենը հնարավոր չէ վերծանել այս վերականգնման բանալիով. խնդրում ենք ստուգել, որ մուտքագրել եք ճիշտ վերականգնման բանալին։",
+        "recovery_key_mismatch_title": "Վերականգնման բանալու(Recovery Key) անհամապատասխանություն",
+        "restore_failed_error": "Անհնար է վերականգնել պահուստային պատճենը"
+    },
+    "right_panel": {
+        "add_integrations": "Ավելացնել ընդլայնումներ",
+        "add_topic": "Ավելացնել թեմա",
+        "extensions_button": "Ընդլայնումներ",
+        "extensions_empty_description": "Ընտրեք «%(addIntegrations)s»՝ սենյակին ընդլայնումներ ավելացնելու և զննելու համար",
+        "extensions_empty_title": "Բարձրացրեք արդյունավետությունը ավելի շատ գործիքների, վիջեթների և բոտերի միջոցով",
+        "files_button": "Ֆայլեր",
+        "pinned_messages": {
+            "empty_description": "Սեղմեք հաղորդագրությանը և ընտրեք «%(pinAction)s», որպեսզի այն ներառվի այստեղ։",
+            "empty_title": "Ամրացրեք(pin) կարևոր հաղորդագրությունները, որպեսզի դրանք հեշտությամբ հայտնաբերվեն",
+            "header": {
+                "one": "1 ամրացված հաղորդագրություն",
+                "other": "%(count)s ամրացված հաղորդագրություններ"
+            },
+            "limits": {
+                "one": "",
+                "other": "Դուք կարող եք ամրացնել միայն մինչև%(count)s վիջեթներ"
+            },
+            "menu": "Բացել մենյուն",
+            "reply_thread": "Պատասխանել <link>թեմատիկ հաղորդագրությանը</link>",
+            "unpin_all": {
+                "button": "Ապաամրացնել բոլոր հաղորդագրությունները",
+                "content": "Համոզվեք, որ իսկապես ուզում եք հեռացնել բոլոր ամրացված հաղորդագրությունները: Այս գործողությունը չի կարող հետարկվել:",
+                "title": "Ապաամրացնե՞լ բոլոր հաղորդագրությունները։"
+            },
+            "view": "Դիտել ժամանակագրության մեջ"
+        },
+        "pinned_messages_button": "Ամրացված հաղորդագրություններ",
+        "poll": {
+            "active_heading": "Ակտիվ հարցումներ",
+            "empty_active": "Այս սենյակում ակտիվ հարցումներ չկան",
+            "empty_active_load_more": "Ակտիվ հարցումներ չկան: Բեռնեք ավելի շատ հարցումներ՝ նախորդ ամիսների հարցումները դիտելու համար:",
+            "empty_active_load_more_n_days": {
+                "one": "Անցած օրվա համար ակտիվ հարցումներ չկան: Բեռնեք ավելի շատ հարցումներ՝ նախորդ ամիսների հարցումները դիտելու համար:",
+                "other": "Վերջին %(count)s օրերի համար ակտիվ հարցումներ չկան։ Բեռնեք ավելի շատ հարցումներ՝ նախորդ ամիսների հարցումները դիտելու համար։"
+            },
+            "empty_past": "Այս սենյակում անցյալ հարցումներ չկան",
+            "empty_past_load_more": "Անցյալ հարցումներ չկան: Բեռնեք ավելի շատ հարցումներ՝ նախորդ ամիսների հարցումները դիտելու համար:",
+            "empty_past_load_more_n_days": {
+                "one": "Անցած օրվա համար անցյալ հարցումներ չկան: Բեռնեք ավելի շատ հարցումներ՝ նախորդ ամիսների հարցումները դիտելու համար:",
+                "other": "Վերջին %(count)s օրերի համար անցյալ հարցումներ չկան։ Բեռնեք ավելի շատ հարցումներ՝ նախորդ ամիսների հարցումները դիտելու համար։"
+            },
+            "final_result": {
+                "one": "Վերջնական արդյունքը՝ հիմնված %(count)s ձայնի վրա",
+                "other": "Վերջնական արդյունքը՝ հիմնված %(count)s ձայների վրա"
+            },
+            "load_more": "Բեռնել ավելի շատ հարցումներ",
+            "loading": "Հարցումների բեռնում",
+            "past_heading": "Անցյալ հարցումներ",
+            "view_in_timeline": "Դիտել հարցումը ժամանակացույցում",
+            "view_poll": "Դիտել հարցումը"
+        },
+        "polls_button": "Հարցումներ",
+        "room_summary_card": {
+            "title": "Սենյակի տեղեկություններ"
+        },
+        "thread_list": {
+            "context_menu_label": "Թեմայի ընտրանքներ"
+        },
+        "video_room_chat": {
+            "title": "Զրուցարան"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Այս հրավերը ուղարկվել է %(email)s հասցեին, որը կապված չէ ձեր հաշվի հետ",
+        "3pid_invite_email_not_found_account_room": "%(roomName)s սենյակի հրավերը %(email)s հասցեին է ուղարկվել, որը կապված չէ ձեր հաշվի հետ",
+        "3pid_invite_error_description": "Ձեր հրավերը վավերացնելու փորձի ժամանակ վերադարձվել է սխալ (%(errcode)s): Դուք կարող եք փորձել այս տեղեկությունը փոխանցել այն մարդուն, ով հրավիրել է ձեզ։",
+        "3pid_invite_error_invite_action": "Ամեն դեպքում փորձել միանալ",
+        "3pid_invite_error_invite_subtitle": "Դուք կարող եք միանալ միայն գործող հրավերով։",
+        "3pid_invite_error_public_subtitle": "Դուք դեռ կարող եք միանալ այստեղ։",
+        "3pid_invite_error_title": "Ձեր հրավերի հետ կապված ինչոր բան սխալ է եղել։",
+        "3pid_invite_error_title_room": "%(roomName)s սենյակի ձեր հրավերի հետ կապված ինչոր բան սխալ է գնացել",
+        "3pid_invite_no_is_subtitle": "Օգտագործեք նույնականացման սերվերը Կարգավորումներում՝ հրավերներ ստանալու համար անմիջապես %(brand)s-ում:",
+        "banned_by": "Դուք արգելափակվել եք %(memberName)s-ի կողմից",
+        "banned_from_room_by": "Դուք արգելափակվել եք %(roomName)s-ից %(memberName)s-ի կողմից",
+        "context_menu": {
+            "copy_link": "Պատճենել սենյակի հղումը",
+            "favourite": "Սիրված",
+            "forget": "Մոռանալ սենյակը",
+            "low_priority": "Ցածր առաջնահերթություն",
+            "mark_read": "Նշել որպես կարդացված",
+            "mark_unread": "Նշել որպես չկարդացված",
+            "notifications_default": "Համապատասխանում լռելյայն կարգավորումը",
+            "notifications_mute": "Լռեցնել սենյակը",
+            "title": "Սենյակի տարբերակներ",
+            "unfavourite": "Ավելացված է ընտրյալների մեջ"
+        },
+        "creating_room_text": "Մենք ստեղծում ենք սենյակ %(names)s անունով",
+        "dm_invite_action": "Սկսել զրուցել",
+        "dm_invite_subtitle": "<userName/>-ը ցանկանում է զրուցել",
+        "dm_invite_title": "Ցանկանո՞ւմ եք զրուցել %(user)s-ի հետ:",
+        "drop_file_prompt": "Ֆայլը գցեք այստեղ՝ վերբեռնելու համար",
+        "edit_topic": "Խմբագրել թեման",
+        "error_cancel_knock_title": "Չհաջողվեց չեղարկել",
+        "error_join_403": "Այս սենյակ մուտք գործելու համար ձեզ անհրաժեշտ է հրավեր:",
+        "error_join_404_1": "Դուք փորձել եք միանալ սենյակի ID-ով՝ առանց միանալու սերվերների ցանկ տրամադրելու։ Սենյակի ID-ները ներքին նույնականացուցիչներ են և չեն կարող օգտագործվել սենյակին միանալու համար՝ առանց լրացուցիչ տեղեկությունների։",
+        "error_join_404_2": "Եթե գիտեք սենյակի հասցեն, փորձեք միանալ դրանով։",
+        "error_join_404_invite": "Ձեզ հրավիրող անձը արդեն հեռացել է, կամ նրա սերվերը անջատված է։",
+        "error_join_404_invite_same_hs": "Ձեզ հրավիրած անձն արդեն հեռացել է։",
+        "error_join_connection": "Միանալու սխալ տեղի ունեցավ։",
+        "error_join_incompatible_version_1": "Կներեք, ձեր սերվերը չափազանց հին է այստեղ մասնակցելու համար։",
+        "error_join_incompatible_version_2": "Խնդրում ենք կապվել ձեր սերվերի ադմինիստրատորի հետ։",
+        "error_join_title": "Չհաջողվեց միանալ",
+        "error_jump_to_date": "Սերվերը վերադարձրեց %(statusCode)s վիճակի կոդ՝ %(errorCode)s սխալի կոդով",
+        "error_jump_to_date_connection": "Տվյալ ամսաթիվը գտնելու և դրան անցնելու փորձի ժամանակ ցանցային սխալ տեղի ունեցավ: Հնարավոր է՝ ձեր սերվերը անջատված է, կամ ձեր ինտերնետ կապի հետ կապված ժամանակավոր խնդիր է եղել: Խնդրում ենք կրկին փորձել: Եթե սա շարունակվի, խնդրում ենք կապվել ձեր սերվերի ադմինիստրատորի հետ:",
+        "error_jump_to_date_details": "Սխալի մանրամասներ",
+        "error_jump_to_date_not_found": "Մենք չկարողացանք գտնել %(dateString)s-ից առաջ սպասվող իրադարձություն։ Փորձեք ընտրել ավելի վաղ ամսաթիվ։",
+        "error_jump_to_date_send_logs_prompt": "Խնդրում եմ ներկայացնել <debugLogsLink>վրիպազերծման գրանցամատյանները (debug logs)</debugLogsLink>, որպեսզի օգնեք մեզ հետևել խնդրին։",
+        "error_jump_to_date_title": "Անհնար է գտնել այդ ամսաթվի իրադարձությունը",
+        "face_pile_summary": {
+            "one": "%(count)s անձ, ում գիտեք, արդեն միացել է",
+            "other": "%(count)s մարդիկ, ում գիտեք, արդեն միացել են"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Դիտել 1 անդամ",
+            "other": "Դիտել բոլոր %(count)s անդամներին"
+        },
+        "face_pile_tooltip_shortcut": "Ներառյալ %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Ներառյալ ձեզ, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Հնարավոր չէ պարզել, թե որ օգտվողին պետք է անտեսել, քանի որ անդամակցության իրադարձությունը փոխվել է։",
+        "failed_reject_invite": "Հրավերի մերժումը ձախողվեց",
+        "forget_room": "Մոռանալ այս սենյակը",
+        "forget_space": "Մոռանալ այս տարածքը",
+        "header": {
+            "n_people_asking_to_join": {
+                "one": "Խնդրում են միանալ",
+                "other": "%(count)s մարդիկ խնդրում են միանալ"
+            },
+            "room_is_public": "Այս սենյակը հանրային է"
+        },
+        "header_avatar_open_settings_label": "Բացել սենյակի կարգավորումները",
+        "header_face_pile_tooltip": "Մարդիկ",
+        "header_untrusted_label": "Անվստահելի",
+        "inaccessible": "Այս սենյակը կամ տարածքը այս պահին հասանելի չէ։",
+        "inaccessible_name": "%(roomName)s-ն այս պահին հասանելի չէ։",
+        "inaccessible_subtitle_1": "Փորձեք կրկին ավելի ուշ կամ խնդրեք սենյակի կամ տարածքի ադմինիստրատորին ստուգել, թե արդյոք դուք ունեք հասանելիություն:",
+        "inaccessible_subtitle_2": "%(errcode)s-ը վերադարձվել է սենյակ կամ տարածք մուտք գործելու փորձի ժամանակ։ Եթե կարծում եք, որ այս հաղորդագրությունը սխալմամբ եք տեսնում, խնդրում ենք <issueLink> ուղարկել սխալի մասին հաղորդում</issueLink> .",
+        "intro": {
+            "dm_caption": "Այս զրույցին մասնակցում եք միայն դուք երկուսով, քանի դեռ ձեզանից որևէ մեկը չհրավիրի ուրիշ մեկին միանալու։",
+            "enable_encryption_prompt": "Միացրեք կոդավորումը կարգավորումներում։",
+            "encrypted_3pid_dm_pending_join": "Երբ բոլորը միանան, դուք կկարողանաք զրուցել",
+            "no_avatar_label": "Ավելացրեք լուսանկար, որպեսզի մարդիկ հեշտությամբ տեսնեն ձեր սենյակը։",
+            "no_topic": "<a>Ավելացրեք թեմա </a>, որը կօգնի մարդկանց իմանալ, թե ինչի մասին է խոսքը:",
+            "private_unencrypted_warning": "Ձեր մասնավոր հաղորդագրությունները սովորաբար գաղտնագրված են, բայց այս սենյակը՝ ոչ: Սովորաբար դա պայմանավորված է չաջակցվող սարքով կամ մեթոդով, օրինակ՝ էլ.փոստային հրավերներով։",
+            "room_invite": "Հրավիրել միայն այս սենյակ",
+            "send_message_start_dm": "Ուղարկեք Ձեր առաջին հաղորդագրությունը՝ <displayName/>-ին զրույցի հրավիրելու համար",
+            "start_of_dm_history": "Սա ձեր անհատական հաղորդագրությունների պատմության սկիզբն է <displayName/>֊ի հետ.",
+            "start_of_room": "Սա <roomName/>-ի սկիզբն է",
+            "unencrypted_warning": "Ծայրից ծայր գաղտնագրումը միացված չէ",
+            "user_created": "%(displayName)s-ն ստեղծել է այս սենյակը։",
+            "you_created": "Դուք ստեղծեցիք այս սենյակը:"
+        },
+        "invite_email_mismatch_suggestion": "Հրավերներն անմիջապես %(brand)s֊ում ստանալու համար կիսվեք այս էլ․փոստով Կարգավորումներում.",
+        "invite_sent_to_email": "Այս հրավերը ուղարկվել է %(email)s հասցեին",
+        "invite_sent_to_email_room": "%(roomName)s սենյակի այս հրավերը %(email)s հասցեին է ուղարկվել",
+        "invite_subtitle": "Հրավիրված <userName/>֊ի կողմից",
+        "invite_this_room": "Հրավիրել այս սենյակ",
+        "invite_title": "Ցանկանո՞ւմ եք միանալ %(roomName)s֊ին",
+        "inviter_unknown": "Անհայտ",
+        "invites_you_text": "<inviter/>-ը հրավիրում է ձեզ",
+        "join_button_account": "Գրանցվել",
+        "join_failed_needs_invite": "%(roomName)s-ը դիտելու համար անհրաժեշտ է հրավեր",
+        "join_the_discussion": "Միանալ քննարկմանը",
+        "join_title": "Միացեք սենյակին՝ մասնակցելու համար",
+        "join_title_account": "Միանալ զրույցին հաշվի միջոցով",
+        "joining": "Միանում է…",
+        "joining_room": "Միանում է սենյակին…",
+        "joining_space": "Միանում է տարածքին…",
+        "jump_read_marker": "Անցնել առաջին չկարդացված հաղորդագրությանը։",
+        "jump_to_bottom_button": "Անցնել ամենավերջին հաղորդագրություններին",
+        "kick_reason": "Պատճառը՝ %(reason)s",
+        "kicked_by": "Դուք հեռացվել եք %(memberName)s-ի կողմից",
+        "kicked_from_room_by": "Դուք հեռացվել եք%(roomName)s-ից՝ %(memberName)s-ի կողմից",
+        "knock_cancel_action": "Չեղարկել հարցումը",
+        "knock_denied_subtitle": "Քանի որ ձեզ մերժվել է մուտքը, դուք չեք կարող կրկին միանալ, եթե ձեզ չհրավիրեն խմբի ադմինիստրատորը կամ մոդերատորը։",
+        "knock_denied_title": "Ձեզ թույլ չեն տվել մուտք գործել",
+        "knock_message_field_placeholder": "Հաղորդագրություն (ըստ ցանկության)",
+        "knock_prompt": "Խնդրե՞լ միանալ",
+        "knock_prompt_name": "Խնդրե՞լ միանալ %(roomName)s֊ին",
+        "knock_send_action": "Հայցել հասանելիություն",
+        "knock_sent": "Միանալու հարցումն ուղարկվել է",
+        "knock_sent_subtitle": "Ձեր միանալու հարցումը սպասման մեջ է։",
+        "knock_subtitle": "Զրույցը դիտելու կամ դրան մասնակցելու համար ձեզ անհրաժեշտ է այս սենյակ մուտք գործելու թույլտվություն։ Միանալու հարցում կարող եք ուղարկել ստորև։",
+        "leave_error_title": "Սենյակից դուրս գալու սխալ",
+        "leave_server_notices_description": "Այս սենյակն օգտագործվում է Homeserver-ից կարևոր հաղորդագրությունների համար, ուստի դուք չեք կարող այն լքել։",
+        "leave_server_notices_title": "Հնարավոր չէ լքել սերվերի ծանուցումների սենյակը",
+        "leave_unexpected_error": "Անսպասելի սերվերի սխալ սենյակից դուրս գալու փորձի ժամանակ",
+        "link_email_to_receive_3pid_invite": "Կապեք այս էլ.փոստը Ձեր հաշվի հետ Կարգավորումներում՝ հրավերներ ստանալու համար անմիջապես %(brand)s֊ում:",
+        "loading_preview": "Նախադիտումը բեռնվում է",
+        "no_peek_join_prompt": "%(roomName)s-ը հնարավոր չէ նախադիտել։ Ցանկանո՞ւմ եք միանալ դրան։",
+        "no_peek_no_name_join_prompt": "Նախադիտում չկա, ուզո՞ւմ եք միանալ։",
+        "not_found_subtitle": "Վստա՞հ եք, որ ճիշտ տեղում եք:",
+        "not_found_title": "Այս սենյակը կամ տարածքը գոյություն չունի։",
+        "not_found_title_name": "%(roomName)s-ը գոյություն չունի։",
+        "peek_join_prompt": "Դուք նախադիտում եք %(roomName)s-ը. Ուզու՞մ եք միանալ դրան։",
+        "pinned_message_banner": {
+            "button_close_list": "Փակել ցանկը",
+            "button_view_all": "Դիտել բոլորը",
+            "description": "Այս սենյակում կան ամրացված հաղորդագրություններ։ Սեղմեք՝ դրանք դիտելու համար։",
+            "title": "<bold>%(index)s-ից %(length)s</bold> Ամրացված հաղորդագրություններ"
+        },
+        "read_topic": "Սեղմեք՝ թեման կարդալու համար",
+        "rejecting": "Հրավերի մերժում…",
+        "rejoin_button": "Կրկին միանալ",
+        "room_content": "Սենյակի պարունակությունը",
+        "room_is_low_priority": "Սա ցածր առաջնահերթության սենյակ է",
+        "search": {
+            "all_rooms_button": "Որոնել բոլոր սենյակները",
+            "placeholder": "Փնտրել հաղորդագրություններ…",
+            "summary": {
+                "one": "«<query/>»–ի համար կա 1 արդյունք",
+                "other": "«<query/>»–ի համար կա %(count)s արդյունք"
+            },
+            "this_room_button": "Որոնել այս սենյակը"
+        },
+        "unknown_status_code_for_timeline_jump": "անհայտ կարգավիճակի կոդ",
+        "unread_notifications_predecessor": {
+            "one": "Դուք ունեք %(count)s չընթերցված ծանուցում այս սենյակի նախորդ տարբերակում։",
+            "other": "Դուք ունեք %(count)s չընթերցված ծանուցումներ այս սենյակի նախորդ տարբերակում։"
+        },
+        "upgrade_error_description": "Կրկնակի ստուգեք, որ ձեր սերվերը աջակցում է ընտրված սենյակի տարբերակը և փորձեք կրկին։",
+        "upgrade_error_title": "Սենյակի թարմացման սխալ",
+        "upgrade_warning_bar": "Այս սենյակի արդիականացումը կփակի սենյակի ներկայիս օրինակը և կստեղծի արդիականացված սենյակ նույն անունով։",
+        "upgrade_warning_bar_admins": "Միայն սենյակի ադմինիստրատորները կտեսնեն այս նախազգուշացումը",
+        "upgrade_warning_bar_unstable": "Այս սենյակում աշխատում է <roomVersion /> սենյակի տարբերակը, որը այս սերվերը նշել է որպես <i>անկայուն</i>:",
+        "upgrade_warning_bar_upgraded": "Այս սենյակն արդեն արդիականացվել է։",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Բեռնվում է %(filename)s և %(count)s այլ ֆայլ",
+                "other": "Բեռնվում է %(filename)s և %(count)s այլ ֆայլեր"
+            },
+            "uploading_single_file": "Բեռնվում է %(filename)s-ը"
+        },
+        "video_room": "Սենյակը նախատեսված է վիդեո կապի համար",
+        "waiting_for_join_subtitle": "Երբ հրավիրված օգտատերերը միանան %(brand)s-ին, դուք կկարողանաք զրուցել և սենյակը կլինի ծայրից ծայր գաղտնագրված",
+        "waiting_for_join_title": "Սպասում ենք %(brand)s-ին օգտատերերի միանալուն"
+    },
+    "room_list": {
+        "add_space_label": "Ավելացնել տարածք",
+        "failed_add_tag": "Չհաջողվեց %(tagName)s պիտակը(tag) ավելացնել սենյակին",
+        "failed_remove_tag": "Չհաջողվեց հեռացնել %(tagName)s պիտակը(tag) սենյակից",
+        "failed_set_dm_tag": "Չհաջողվեց սահմանել ուղիղ հաղորդագրության պիտակը(tag)",
+        "list_title": "Սենյակների ցանկ",
+        "more_options": {
+            "leave_room": "Լքել սենյակը"
+        },
+        "notification_options": "Ծանուցման ընտրանքներ",
+        "show_less": "Ցուցադրել ավելի քիչ"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Որոշել, թե ով կարող է դիտել և միանալ %(spaceName)s-ին:",
+            "title": "Մուտք/հասանելիություն"
+        },
+        "advanced": {
+            "error_upgrade_description": "Սենյակի թարմացումը/արդիականացումը հնարավոր չէր ավարտել",
+            "error_upgrade_title": "Չհաջողվեց թարմացնել սենյակը",
+            "information_section_room": "Սենյակի մասին տեղեկատվություն",
+            "information_section_space": "Տարածքի մասին տեղեկատվություն",
+            "room_id": "Ներքին սենյակի ID",
+            "room_predecessor": "Դիտել հին հաղորդագրությունները %(roomName)s֊ում։",
+            "room_upgrade_button": "Թարմացրեք այս սենյակը սենյակի առաջարկվող տարբերակով",
+            "room_upgrade_warning": "<b>Զգուշացում</b>․ սենյակի թարմացումը <i>չի հանգեցնի սենյակի անդամների ավտոմատ տեղափոխմանը սենյակի նոր տարբերակին։</i> Մենք նոր սենյակի հղումը կտեղադրենք սենյակի հին տարբերակում. սենյակի անդամները պետք է սեղմեն այս հղման վրա՝ նոր սենյակին միանալու համար։",
+            "room_version": "Սենյակի տարբերակ․",
+            "room_version_section": "Սենյակի տարբերակ",
+            "space_predecessor": "Դիտել %(spaceName)s-ի ավելի հին տարբերակը",
+            "space_upgrade_button": "Թարմացրեք այս տարածքը սենյակի առաջարկվող տարբերակով",
+            "unfederated": "Այս սենյակը հասանելի չէ հեռակա Matrix սերվերների կողմից",
+            "upgrade_button": "Թարմացնել այս սենյակը մինչև %(version)s տարբերակը",
+            "upgrade_dialog_description": "Այս սենյակի թարմացումը/արդիականացումը պահանջում է սենյակի ներկայիս օրինակի փակումը և դրա տեղում նոր սենյակի ստեղծումը։ Սենյակի անդամներին լավագույն հնարավոր փորձառություն տրամադրելու համար մենք կանենք հետևյալը՝",
+            "upgrade_dialog_description_1": "Ստեղծել նոր սենյակ՝ նույն անունով, նկարագրությամբ և ավատարով",
+            "upgrade_dialog_description_2": "Թարմացնել ցանկացած տեղական սենյակի կեղծանուն՝ նոր սենյակին մատնանշելու համար",
+            "upgrade_dialog_description_3": "Կանխել օգտատերերի խոսելը սենյակի հին տարբերակում և տեղադրել հաղորդագրություն՝ խորհուրդ տալով օգտատերերին տեղափոխվել նոր սենյակ։",
+            "upgrade_dialog_description_4": "Նոր սենյակի սկզբում տեղադրեք հղում դեպի հին սենյակ, որպեսզի մարդիկ կարողանան տեսնել հին հաղորդագրությունները",
+            "upgrade_dialog_title": "Թարմացնել սենյակի տարբերակը",
+            "upgrade_dwarning_ialog_title_public": "Թարմացնել/արդիականացնել հանրային սենյակը",
+            "upgrade_warning_dialog_description": "Սենյակի արդիականացումը լրացուցիչ գործողություն է և սովորաբար խորհուրդ է տրվում, երբ սենյակը անկայուն է սխալների, բացակայող գործառույթների կամ անվտանգության խոցելիությունների պատճառով։",
+            "upgrade_warning_dialog_explainer": "<b>Խնդրում ենք նկատի ունենալ, որ արդիականացումը կստեղծի սենյակի նոր տարբերակ</b>։ Բոլոր ընթացիկ հաղորդագրությունները կմնան այս արխիվացված սենյակում։",
+            "upgrade_warning_dialog_footer": "Դուք կարդիականացնեք այս սենյակը <oldVersion />-ից <newVersion />-ի։",
+            "upgrade_warning_dialog_invite_label": "Ավտոմատ կերպով այս սենյակի անդամներին հրավիրել նոր սենյակ",
+            "upgrade_warning_dialog_report_bug_prompt": "Սա սովորաբար ազդում է միայն այն բանի վրա, թե ինչպես է սենյակը մշակվում սերվերի վրա։ Եթե ​​խնդիրներ ունեք ձեր %(brand)s-ի հետ, խնդրում ենք հաղորդել սխալի մասին։",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Սա սովորաբար ազդում է միայն այն բանի վրա, թե ինչպես է սենյակը մշակվում սերվերի վրա։ Եթե ​​խնդիրներ ունեք ձեր %(brand)s-ի հետ, խնդրում ենք <a>հաղորդել սխալի մասին</a>:",
+            "upgrade_warning_dialog_title": "Թարմացնել/արդիականացնել սենյակը",
+            "upgrade_warning_dialog_title_private": "Թարմացնել մասնավոր սենյակը"
+        },
+        "alias_not_specified": "նշված չէ",
+        "bridges": {
+            "description": "Այս սենյակը կամուրջ է հանդիսանում հետևյալ հարթակների հետ հաղորդագրությունների համար։ <a>Իմանալ ավելին։</a>",
+            "empty": "Այս սենյակը որևէ հարթակի հետ հաղորդագրություններ չի կապում։ <a>Իմանալ ավելին։</a>",
+            "title": "Կամուրջներ"
+        },
+        "delete_avatar_label": "Ջնջել ավատարը",
+        "general": {
+            "alias_field_has_domain_invalid": "Դոմենի բաժանարարը բացակայում է, օրինակ. (:domain.org)",
+            "alias_field_has_localpart_invalid": "Սենյակի անունը կամ բաժանիչը բացակայում է, օրինակ. (my-room:domain.org)",
+            "alias_field_matches_invalid": "Այս հասցեն չի մատնանշում այս սենյակին",
+            "alias_field_placeholder_default": "օրինակ՝ իմ-սենյակը",
+            "alias_field_required_invalid": "Խնդրում ենք տրամադրել հասցե",
+            "alias_field_safe_localpart_invalid": "Որոշ նիշեր թույլատրված չեն",
+            "alias_field_taken_invalid": "Այս հասցեն ուներ անվավեր սերվեր կամ արդեն օգտագործվում է",
+            "alias_field_taken_invalid_domain": "Այս հասցեն արդեն օգտագործվում է",
+            "alias_field_taken_valid": "Այս հասցեն հասանելի է օգտագործման համար",
+            "alias_heading": "Սենյակի հասցե",
+            "aliases_items_label": "Այլ հրապարակված հասցեներ.",
+            "aliases_no_items_label": "Այլ հրապարակված հասցեներ դեռ չկան, ավելացրեք մեկը ստորև",
+            "aliases_section": "Սենյակի հասցեներ",
+            "avatar_field_label": "Սենյակի ավատար",
+            "canonical_alias_field_label": "Հիմնական հասցե",
+            "description_space": "Խմբագրել ձեր տարածքին վերաբերող կարգավորումները:",
+            "error_creating_alias_description": "Այդ հասցեն ստեղծելիս սխալ տեղի ունեցավ։ Հնարավոր է՝ սերվերը թույլ չի տվել դա, կամ ժամանակավոր խափանում է տեղի ունեցել։",
+            "error_creating_alias_title": "Հասցեի ստեղծման սխալ",
+            "error_deleting_alias_description": "Այդ հասցեն հեռացնելիս սխալ տեղի ունեցավ։ Հնարավոր է՝ այն այլևս գոյություն չունի, կամ ժամանակավոր սխալ է տեղի ունեցել։",
+            "error_deleting_alias_description_forbidden": "Դուք չունեք հասցեն ջնջելու թույլտվություն։",
+            "error_deleting_alias_title": "Հասցեն հեռացնելիս սխալ առաջացավ։",
+            "error_publishing": "Հնարավոր չէ հրապարակել սենյակը",
+            "error_publishing_detail": "Այս սենյակը հրապարակելիս սխալ տեղի ունեցավ",
+            "error_save_space_settings": "Չհաջողվեց պահպանել տարածքի կարգավորումները։",
+            "error_updating_alias_description": "Սենյակի այլընտրանքային հասցեները թարմացնելու սխալ է տեղի ունեցել: Հնարավոր է՝ սերվերը թույլ չի տվել դա, կամ ժամանակավոր խափանում է տեղի ունեցել։",
+            "error_updating_canonical_alias_description": "Սենյակի հիմնական հասցեն թարմացնելու սխալ է եղել: Հնարավոր է՝ սերվերը թույլ չի տվել դա, կամ ժամանակավոր խափանում է տեղի ունեցել։",
+            "error_updating_canonical_alias_title": "Հիմնական հասցեի թարմացման սխալ",
+            "leave_space": "Լքել տարածքը",
+            "local_alias_field_label": "Լոկալ հասցե",
+            "local_aliases_explainer_room": "Սահմանեք հասցեներ այս սենյակի համար, որպեսզի օգտատերերը կարողանան գտնել այս սենյակը ձեր homeserver-ի միջոցով (%(localDomain)s)",
+            "local_aliases_explainer_space": "Սահմանեք հասցեներ այս տարածքի համար, որպեսզի օգտատերերը կարողանան գտնել այս տարածքը ձեր homeserver-ի միջոցով (%(localDomain)s)",
+            "local_aliases_section": "Լոկալ հասցեներ",
+            "name_field_label": "Սենյակի անուն",
+            "new_alias_placeholder": "Նոր հրապարակված հասցե (օրինակ ՝ #alias:server)",
+            "no_aliases_room": "Այս սենյակը չունի լոկալ հասցեներ",
+            "no_aliases_space": "Այս տարածքը չունի լոկալ հասցեներ",
+            "other_section": "Այլ",
+            "publish_toggle": "Հրապարակեք այս սենյակը հանրության համար %(domain)s-ի սենյակների տեղեկատուում:",
+            "published_aliases_description": "Հասցե հրապարակելու համար նախ այն պետք է սահմանվի որպես լոկալ հասցե:",
+            "published_aliases_explainer_room": "Հրապարակված հասցեները կարող են օգտագործվել ցանկացած մեկի կողմից ցանկացած սերվերում՝ ձեր սենյակին միանալու համար։",
+            "published_aliases_explainer_space": "Հրապարակված հասցեները կարող են օգտագործվել ցանկացած մեկի կողմից ցանկացած սերվերում` ձեր տարածքին միանալու համար:",
+            "published_aliases_section": "Հրապարակված հասցեներ",
+            "save": "Պահպանել փոփոխությունները",
+            "topic_field_label": "Սենյակի թեմա"
+        },
+        "notifications": {
+            "browse_button": "Զննել",
+            "custom_sound_prompt": "Սահմանել նոր անհատական ձայն",
+            "notification_sound": "Ծանուցման ձայն",
+            "settings_link": "Ստացեք ծանուցումներ, ինչպես սահմանված է ձեր <a>կարգավորումներում</a>",
+            "sounds_section": "Ձայներ",
+            "upload_sound_label": "Վերբեռնել անհատական ձայն",
+            "uploaded_sound": "Վերբեռնված ձայն"
+        },
+        "people": {
+            "knock_empty": "Ոչ մի խնդրանք",
+            "knock_section": "Միանալու խնդրանք",
+            "see_less": "Տեսնել ավելի քիչ",
+            "see_more": "Տեսնել ավելին"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Այս սենյակում մեկ կամ մի քանի օգտատերերին տալ ավելի շատ արտոնություններ",
+            "add_privileged_user_filter_placeholder": "Որոնել օգտատերերին այս սենյակում...",
+            "add_privileged_user_heading": "Ավելացնել արտոնյալ օգտատերեր",
+            "ban": "Արգելափակել օգտվողներին",
+            "ban_reason": "Պատճառ",
+            "banned_by": "Արգելափակված է %(displayName)s֊ի կողմից",
+            "banned_users_section": "Արգելափակված օգտատերեր",
+            "error_changing_pl_description": "Սխալ է տեղի ունեցել օգտատիրոջ հզորության մակարդակը փոխելիս։ Համոզվեք, որ ունեք բավարար թույլտվություններ և փորձեք կրկին։",
+            "error_changing_pl_reqs_description": "Սենյակի հզորության մակարդակի պահանջները փոխելիս սխալ է տեղի ունեցել։ Համոզվեք, որ ունեք բավարար թույլտվություններ և փորձեք կրկին։",
+            "error_changing_pl_reqs_title": "Սխալ առաջացավ հզորության մակարդակի պահանջը փոխելիս",
+            "error_changing_pl_title": "Սխալ առաջացավ հզորության մակարդակը փոխելիս։",
+            "error_unbanning": "Չհաջողվեց ապաարգելափակել",
+            "events_default": "Ուղարկել հաղորդագրությունները",
+            "invite": "Հրավիրել օգտվողներին",
+            "kick": "Հեռացնել օգտվողներին",
+            "m.call": "Սկսել %(brand)s զանգեր",
+            "m.call.member": "Միանալ %(brand)s զանգերին",
+            "m.reaction": "Ուղարկել արձագանքներ",
+            "m.room.avatar": "Փոխեք սենյակի ավատարը",
+            "m.room.avatar_space": "Փոխեք տարածության ավատարը",
+            "m.room.canonical_alias": "Փոխեք սենյակի հիմնական հասցեն",
+            "m.room.canonical_alias_space": "Փոխեք տարածության հիմնական հասցեն",
+            "m.room.encryption": "Միացնել սենյակի կոդավորումը",
+            "m.room.history_visibility": "Փոխել պատմության տեսանելիությունը",
+            "m.room.name": "Փոխել սենյակի անունը",
+            "m.room.name_space": "Փոխել տարածության անունը",
+            "m.room.pinned_events": "Կառավարել ամրացված իրադարձությունները",
+            "m.room.power_levels": "Փոխել թույլտվությունները",
+            "m.room.redaction": "Ջնջել իմ կողմից ուղարկված հաղորդագրությունները",
+            "m.room.server_acl": "Փոխել սերվերի ACL-ները(մուտքի վերահսկման ցուցակներ)",
+            "m.room.tombstone": "Թարմացնել սենյակը",
+            "m.room.topic": "Փոխել թեման",
+            "m.room.topic_space": "Փոխել նկարագրությունը",
+            "m.space.child": "Կառավարեք սենյակները այս տարածքում",
+            "m.widget": "Փոփոխել վիջեթները",
+            "muted_users_section": "Անջատված օգտատերեր",
+            "no_privileged_users": "Այս սենյակում ոչ մի օգտատեր չունի հատուկ արտոնություններ",
+            "notifications.room": "Տեղեկացնել բոլորին",
+            "permissions_section": "Թույլտվություններ",
+            "permissions_section_description_room": "Ընտրել սենյակի տարբեր մասերը փոխելու համար անհրաժեշտ դերերը",
+            "permissions_section_description_space": "Ընտրել տարածքի տարբեր մասերը փոխելու համար անհրաժեշտ դերերը",
+            "privileged_users_section": "Արտոնյալ օգտատերեր",
+            "redact": "Հեռացրեք ուրիշների կողմից ուղարկված հաղորդագրությունները",
+            "send_event_type": "Ուղարկել %(eventType)s իրադարձություններ",
+            "state_default": "Փոխել կարգավորումները",
+            "title": "Դերեր և թույլտվություններ",
+            "users_default": "Լռելյայն դեր"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Սենյակի գաղտնագրումը միացնելուց հետո՝ չի կարող անջատվել: Գաղտնագրված սենյակում ուղարկված հաղորդագրությունները չեն կարող տեսանելի լինել սերվերի կողմից, միայն սենյակի մասնակիցների կողմից։ Գաղտնագրումը միացնելը կարող է կանխել բազմաթիվ բոտերի և կամուրջների ճիշտ աշխատանքը: <a>Իմանալ ավելին գաղտնագրման մասին:</a>",
+            "enable_encryption_confirm_title": "Միացնե՞լ գաղտնագրումը",
+            "enable_encryption_public_room_confirm_description_1": "<b>Խորհուրդ չի տրվում ավելացնել գաղտնագրում հանրային սենյակներում: </b> Յուրաքանչյուր ոք կարող է գտնել և միանալ հանրային սենյակներին, այնպես որ ցանկացած մեկը կարող է կարդալ այդտեղի հաղորդագրությունները. Դուք չեք ստանա գաղտնագրման ոչ մի առավելություն, և հետագայում չեք կարողանա այն անջատել: Հաղորդագրությունների գաղտնագրումը հասարակական սենյակում կդարձնի հաղորդագրությունների ստացումն ու ուղարկումն ավելի դանդաղ:",
+            "enable_encryption_public_room_confirm_description_2": "Այս հարցերից խուսափելու համար ստեղծեք <a>նոր գաղտնագրված սենյակ</a>՝ ձեր նախատեսած զրույցների համար։",
+            "enable_encryption_public_room_confirm_title": "Համոզվա՞ծ եք, որ ցանկանում եք ավելացնել գաղտնագրում այս հանրային սենյակում:",
+            "encrypted_room_public_confirm_description_1": "<b>Խորհուրդ չի տրվում գաղտնագրված սենյակները հանրայնացնել:</b> Դա կնշանակի, որ ցանկացած մեկը կարող է գտնել և միանալ սենյակին, այնպես որ ցանկացած մեկը կարող է կարդալ հաղորդագրությունները. Դուք չեք ստանա գաղտնագրման առավելություններից ոչ մեկը: Հասարակական սենյակում հաղորդագրությունների գաղտնագրումը հաղորդագրությունների ստացումը և ուղարկումը կդարձնի ավելի դանդաղ:",
+            "encrypted_room_public_confirm_description_2": "Այս խնդիրներից խուսափելու համար ստեղծեք <a>նոր հանրային սենյակ</a>՝ ձեր նախատեսած զրույցների համար։",
+            "encrypted_room_public_confirm_title": "Համոզվա՞ծ եք, որ ցանկանում եք հանրայնացնել այս գաղտնագրված սենյակը:",
+            "encryption_forced": "Ձեր սերվերը պահանջում է անջատել գաղտնագրումը։",
+            "encryption_permanent": "Միացնելուց հետո՝ գաղտնագրումը չի կարող անջատվել:",
+            "error_join_rule_change_title": "Չհաջողվեց թարմացնել միացման կանոնները",
+            "error_join_rule_change_unknown": "Անհայտ ձախողում",
+            "guest_access_warning": "Աջակցվող ծրագրեր ունեցող մարդիկ կկարողանան միանալ սենյակին՝ առանց գրանցված հաշիվ ունենալու:",
+            "history_visibility_invited": "Միայն անդամներ (քանի որ նրանք հրավիրված էին)",
+            "history_visibility_legend": "Ո՞վ կարող է կարդալ պատմությունը:",
+            "history_visibility_shared": "Միայն անդամներ (այս տարբերակն ընտրելու պահից ի վեր)",
+            "history_visibility_warning": "Պատմությունը կարդալու իրավունք ունեցողների փոփոխությունները կկիրառվեն միայն այս սենյակի ապագա հաղորդագրություններին։ Գոյություն ունեցող պատմության տեսանելիությունը չի փոխվի։",
+            "history_visibility_world_readable": "Յուրաքանչյուր ոք",
+            "join_rule_description": "Որոշեք, թե ով կարող է միանալ %(roomName)s֊ին։",
+            "join_rule_invite": "Մասնավոր (միայն հրավերով)",
+            "join_rule_invite_description": "Միայն հրավիրված անձինք կարող են միանալ:",
+            "join_rule_knock": "Խնդրել միանալ",
+            "join_rule_knock_description": "Մարդիկ չեն կարող միանալ, եթե մուտք չտրվի:",
+            "join_rule_public_description": "Յուրաքանչյուր ոք կարող է գտնել և միանալ:",
+            "join_rule_restricted": "Տարածքի անդամներ",
+            "join_rule_restricted_description": "Յուրաքանչյուր ոք տարածքում կարող է գտնել և միանալ: <a>Խմբագրել, թե որ տարածքները կարող են մուտք գործել այստեղ:</a>",
+            "join_rule_restricted_description_active_space": "Յուրաքանչյուր ոք <spaceName/>-ում կարող է գտնել և միանալ: Դուք կարող եք ընտրել նաև այլ տարածքներ:",
+            "join_rule_restricted_description_prompt": "Յուրաքանչյուր ոք տարածքում կարող է գտնել և միանալ: Դուք կարող եք ընտրել բազմաթիվ տարածքներ:",
+            "join_rule_restricted_description_spaces": "Մուտք ունեցող տարածքներ",
+            "join_rule_restricted_dialog_description": "Որոշել, թե որ տարածքները կարող են մուտք գործել այս սենյակ: Եթե ընտրված է տարածք, դրա անդամները կարող են գտնել և միանալ <RoomName/>-ին:",
+            "join_rule_restricted_dialog_empty_warning": "Դուք հեռացնում եք բոլոր տարածքները: Մուտքը լռելյայն կլինի միայն հրավերով",
+            "join_rule_restricted_dialog_filter_placeholder": "Որոնել տարածքներ",
+            "join_rule_restricted_dialog_heading_known": "Այլ տարածքներ, որոնք դուք գիտեք",
+            "join_rule_restricted_dialog_heading_other": "Այլ տարածքներ կամ սենյակներ, որոնք դուք կարող եք չիմանալ",
+            "join_rule_restricted_dialog_heading_room": "Ձեր իմացած տարածքները, որոնք պարունակում են այս սենյակը",
+            "join_rule_restricted_dialog_heading_space": "Ձեր իմացած տարածքները, որոնք պարունակում են այս տարածքը",
+            "join_rule_restricted_dialog_heading_unknown": "Սրանք, ամենայն հավանականությամբ, նրանք են, որոնց մասնակցում են նաև սենյակի այլ ադմինիստրատորներ։",
+            "join_rule_restricted_dialog_title": "Ընտրել տարածքներ",
+            "join_rule_restricted_n_more": {
+                "one": "և %(count)s ավելին",
+                "other": "և %(count)s ավելին"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Ներկայումս տարածքը հասանելի է",
+                "other": "Ներկայումս %(count)s տարածքները հասանելի են"
+            },
+            "join_rule_restricted_upgrade_description": "Այս թարմացումը թույլ կտա ընտրված տարածքների անդամներին մուտք ունենալ այս սենյակ առանց հրավերի.",
+            "join_rule_restricted_upgrade_warning": "Այս սենյակը գտնվում է որոշ տարածքներում, որտեղ դուք ադմինիստրատոր չեք: Այդ տարածքներում դեռ կցուցադրվի հին սենյակը, բայց մարդկանց հուշում կտրվի միանալ նորին։",
+            "join_rule_upgrade_awaiting_room": "Բեռնվում է նոր սենյակ",
+            "join_rule_upgrade_required": "Պահանջվում է թարմացում",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Հրավերի ուղարկում...",
+                "other": "Հրավերների ուղարկում... (%(count)s-ից %(progress)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Տարածքի թարմացում...",
+                "other": "Տարածքների թարմացում... (%(count)s-ից %(progress)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Սենյակի թարմացում",
+            "public_without_alias_warning": "Խնդրում ենք ավելացնել հասցե այս սենյակին հղելու համար:",
+            "publish_room": "Դարձնել այս սենյակը տեսանելի հանրային սենյակների գրացուցակում:",
+            "publish_space": "Դարձնել այս տարածքը տեսանելի հանրային սենյակների գրացուցակում:",
+            "strict_encryption": "Ուղարկեք հաղորդագրություններ միայն ստուգված օգտատերերին:",
+            "title": "Անվտանգություն և գաղտնիություն"
+        },
+        "title": "Սենյակի կարգավորումներ՝ %(roomName)s",
+        "upload_avatar_label": "Վերբեռնել ավատար",
+        "visibility": {
+            "alias_section": "Հասցե",
+            "error_failed_save": "Չհաջողվեց թարմացնել այս տարածքի տեսանելիությունը",
+            "error_update_guest_access": "Այս տարածքի հյուրերի հասանելիությունը թարմացնել չհաջողվեց",
+            "error_update_history_visibility": "Չհաջողվեց թարմացնել այս տարածքի պատմության տեսանելիությունը",
+            "guest_access_explainer": "Հյուրերը կարող են միանալ տարածքին առանց հաշիվ ունենալու:",
+            "guest_access_label": "Միացնել հյուրերի մուտքը",
+            "history_visibility_anyone_space": "Տարածքի նախադիտում",
+            "history_visibility_anyone_space_description": "Թույլատրել մարդկանց նախադիտել ձեր տարածքը՝ նախքան նրանք միանալը:",
+            "history_visibility_anyone_space_recommendation": "Խորհուրդ է տրվում հանրային տարածքների համար:",
+            "title": "Տեսանելիություն"
+        },
+        "voip": {
+            "call_type_section": "Զանգի տեսակ",
+            "enable_element_call_caption": "%(brand)s-ը ծայրից ծայր գաղտնագրված է, բայց ներկայումս սահմանափակված է ավելի փոքր թվով օգտատերերով։",
+            "enable_element_call_label": "Միացրեք %(brand)s-ը որպես լրացուցիչ զանգի տարբերակ այս սենյակում",
+            "enable_element_call_no_permissions_tooltip": "Դուք չունեք բավարար թույլտվություններ սա փոխելու համար:"
+        }
+    },
+    "room_summary_card_back_action_label": "Սենյակի մասին",
+    "scalar": {
+        "error_create": "Անհնար է ստեղծել Widget:",
+        "error_membership": "Դուք այս սենյակում չեք։",
+        "error_missing_room_id": "Սենյակի ID- ն բացակայում է:",
+        "error_missing_room_id_request": "Հարցման մեջ բացակայում է room_id-ն",
+        "error_missing_user_id_request": "Հարցման մեջ բացակայում է user_id-ն",
+        "error_permission": "Դուք այս սենյակում դա անելու թույլտվություն չունեք։",
+        "error_power_level_invalid": "Էլեկտրաէներգիայի մակարդակը պետք է լինի դրական ամբողջ թիվ:",
+        "error_room_not_visible": "%(roomId)s սենակը տեսանելի չէ",
+        "error_room_unknown": "Այս սենյակը ճանաչված չէ:",
+        "error_send_request": "Հարցումը չհաջողվեց ուղարկել։",
+        "failed_read_event": "Չհաջողվեց կարդալ իրադարձությունները",
+        "failed_send_event": "Չհաջողվեց ուղարկել իրադարձությունը"
+    },
+    "server_offline": {
+        "description": "Ձեր սերվերը չի արձագանքում ձեր որոշ հարցումներին: Ստորև բերված են ամենահավանական պատճառներից մի քանիսը:",
+        "description_1": "Սերվերը (%(serverName)s) շատ երկար ժամանակ չպատասխանեց:",
+        "description_2": "Ձեր firewall-ը կամ հակավիրուսային ծրագիրը արգելափակում է հարցումը։",
+        "description_3": "Զննարկչի ընդլայնումը կանխում է հարցումը։",
+        "description_4": "Սերվերը անցանց/անջատված է:",
+        "description_5": "Սերվերը մերժել է ձեր հարցումը։",
+        "description_6": "Ձեր տարածքում ինտերնետին միանալու խնդիրներ կան։",
+        "description_7": "Սերվերի հետ կապվելու փորձի ժամանակ կապի սխալ տեղի ունեցավ։",
+        "description_8": "Սերվերը կարգավորված չէ խնդիրը ցույց տալու համար (CORS):",
+        "empty_timeline": "Ամեն ինչ կարդացված է։",
+        "recent_changes_heading": "Վերջին փոփոխությունները, որոնք դեռևս չեն ստացվել",
+        "title": "Սերվերը չի արձագանքում"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s-ը Matrix-ի պահոցներից մեդիա բեռնելու համար օգտագործում է service worker։ Ձեր զննարկիչը դա չի աջակցում, ուստի մեդիան կարող է չբեռնվել։",
+        "title": "Չհաջողվեց բեռնել ծառայության գործընթացը։"
+    },
+    "seshat": {
+        "error_initialising": "Հաղորդագրությունների որոնման նախնականացումը ձախողվեց, ստուգեք <a>ձեր կարգավորումները</a>՝ լրացուցիչ տեղեկությունների համար",
+        "reset_button": "Վերականգնել իրադարձությունների պահեստը",
+        "reset_description": "Դուք, ամենայն հավանականությամբ, չեք ցանկանա վերականգնել իրադարձությունների ինդեքսի պահեստը",
+        "reset_explainer": "Եթե դուք դա անում եք, խնդրում ենք նկատի ունենալ, որ ձեր հաղորդագրություններից ոչ մեկը չի ջնջվի, բայց որոնման որակը կարող է մի քանի վայրկյան վատթարանալ, մինչև ինդեքսը նորից ստեղծվի",
+        "reset_title": "Վերականգնե՞լ իրադարձությունների պահեստը",
+        "warning_kind_files": "%(brand)s-ի այս տարբերակը չի աջակցում որոշ գաղտնագրված ֆայլերի դիտմանը։",
+        "warning_kind_files_app": "Օգտագործեք <a>Համակարգչային հավելվածը</a>՝ բոլոր գաղտնագրված ֆայլերը տեսնելու համար",
+        "warning_kind_search": "%(brand)s-ի այս տարբերակը չի աջակցում գաղտնագրված հաղորդագրությունների որոնումը",
+        "warning_kind_search_app": "Օգտագործեք <a>Համակարգչային հավելվածը</a>՝ գաղտնագրվաժ հաղորդագրությունները որոնելու համար"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Ձեր մուտքի տոկենը լիարժեք մուտք է տալիս ձեր հաշվին։ Մի կիսվեք դրանով որևէ մեկի հետ։",
+            "brand_version": "%(brand)s-ի տարբերակը՝",
+            "clear_cache_reload": "Մաքրել քեշը(գաղտնարանը) և վերաբեռնել",
+            "crypto_version": "Գաղտնագրման(կրիպտո) տարբերակ՝",
+            "dialog_title": "<strong>Կարգավորումներ․</strong> Օգնություն և Մեր մասին",
+            "help_link": "%(brand)s-ի օգտագործման հետ կապված օգնության համար սեղմեք <a>այստեղ</a>։",
+            "homeserver": "Գլխավոր սերվերը <code> %(homeserverUrl)s </code>-ն է",
+            "identity_server": "Նույնականացման սերվերը <code>%(identityServerUrl)s</code>-ն է",
+            "title": "Օգնություն և Մեր մասին",
+            "versions": "Տարբերակներ"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Կարգավորումներ․</strong> Հաշվի տվյալներ",
+            "title": "Հաշիվ"
+        },
+        "all_rooms_home": "Ցույց տալ բոլոր սենյակները Գլխավոր էջում",
+        "all_rooms_home_description": "Բոլոր սենյակները, որոնցում դուք գտնվում եք, կհայտնվեն Գլխավոր էջում:",
+        "always_show_message_timestamps": "Միշտ ցուցադրել հաղորդագրությունների ժամանակային նշագրերը",
+        "appearance": {
+            "bundled_emoji_font": "Օգտագործեք ներկառուցված էմոջիի տառատեսակը",
+            "compact_layout": "Ցուցադրել կրճատ տեսքով տեքստ ու հաղորդագրություններ",
+            "compact_layout_description": "Այս ֆունկցիան հասանելի է միայն դիզայնի ժամանակակից տարբերակի ընտրության դեպքում",
+            "custom_font": "Օգտագործել համակարգային տառատեսակը",
+            "custom_font_description": "Սահմանել ձեր համակարգում տեղադրված տառատեսակի անունը և %(brand)s-ը կփորձի օգտագործել այն։",
+            "custom_font_name": "Համակարգային տառատեսակի անվանում",
+            "custom_font_size": "Օգտագործել հատուկ չափս",
+            "custom_theme_add": "Ավելացնել անհատական գունային ոճ",
+            "custom_theme_downloading": "Անհատական գունային ոճի ներբեռնում…",
+            "custom_theme_error_downloading": "Տեսաձեւի ներբեռնման սխալ",
+            "custom_theme_help": "Մուտքագրեք այն գունային ոճի URL-ը, որը ցանկանում եք կիրառել։",
+            "custom_theme_invalid": "Տեսաձևի անվավեր սխեմա։",
+            "dialog_title": "<strong>Կարգավորումներ․</strong> Արտաքին տեսք",
+            "font_size": "Տառատեսակի չափը",
+            "font_size_default": "%(fontSize)s (լռելյայն)",
+            "high_contrast": "Հակադրության բարձր ռեժիմ",
+            "image_size_default": "Լռելյայն",
+            "image_size_large": "Մեծ",
+            "layout_bubbles": "Հաղորդագրությունների պղպջակներ",
+            "layout_irc": "Ինտերնետային զրույց (փորձարարական)",
+            "match_system_theme": "Համապատասխանեցնել համակարգի թեմաի հետ",
+            "timeline_image_size": "Պատկերի չափը ժամանակացույցում"
+        },
+        "automatic_language_detection_syntax_highlight": "Միացնել լեզվի ավտոմատ հայտնաբերումը շարահյուսության ընդգծման համար",
+        "autoplay_gifs": "GIF-ների ավտոմատ նվագարկում",
+        "autoplay_videos": "Վիդեոների ավտոմատ նվագարկում",
+        "big_emoji": "Միացնել զրուցարանում մեծ էմոջիները",
+        "code_block_expand_default": "Լռելյայնորեն ընդլայնել կոդի բլոկները",
+        "code_block_line_numbers": "Ցուցադրել տողերի համարները կոդի բլոկներում",
+        "disable_historical_profile": "Ցույց տալ ընթացիկ պրոֆիլի նկարը և անունը՝ օգտվողների համար հաղորդագրությունների պատմության մեջ",
+        "discovery": {
+            "title": "Ինչպես գտնել քեզ"
+        },
+        "emoji_autocomplete": "Միացնել էմոջիների առաջարկները տեքստ գրելու ժամանակ",
+        "enable_markdown": "Միացնել Markdown",
+        "enable_markdown_description": "Սկսեք հաղորդագրությունները <code> /հասարակ տեքստ </code> -ով՝ առանց նշման ուղարկելու համար:",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Ձեր հաշվի տվյալները, կոնտակտները, նախընտրությունները և զրույցների ցանկը կպահպանվեն",
+                "breadcrumb_page": "Վերակայել գաղտնագրումը",
+                "breadcrumb_second_description": "Դուք կկորցնեք ցանկացած հաղորդագրության պատմություն, որը պահված է միայն սերվերի վրա",
+                "breadcrumb_third_description": "Դուք պետք է կրկին հաստատեք ձեր բոլոր առկա սարքերը և կոնտակտները",
+                "breadcrumb_title": "Վստա՞հ եք, որ ուզում եք վերակայել(reset) ձեր ինքնությունը։",
+                "breadcrumb_title_forgot": "Մոռացե՞լ եք վերականգնման բանալին։ Դուք պետք է վերակայեք ձեր ինքնությունը։",
+                "breadcrumb_title_sync_failed": "Բանալիների պահոցը համաժամեցումը ձախողվեց։ Դուք պետք է վերակայեք ձեր ինքնությունը։",
+                "breadcrumb_warning": "Սա արեք միայն այն դեպքում, եթե կարծում եք, որ ձեր հաշիվը վտանգված է։",
+                "details_title": "Գաղտնագրման մանրամասներ",
+                "do_not_close_warning": "Մի՛ փակեք այս պատուհանը, մինչև վերակայումը չավարտվի",
+                "export_keys": "Արտահանել բանալիները",
+                "import_keys": "Ներմուծել բանալիները",
+                "other_people_device_description": "Զգուշացում․ օգտատերերը, որոնք բացահայտ չեն հաստատել ձեզ հետ (օր.՝ էմոջիով), չեն ստանա ձեր գաղտնագրված հաղորդագրությունները։ Բացի այդ, հաստատված օգտատերերի չհաստատված սարքերը նույնպես չեն ստանա ձեր գաղտնագրված հաղորդագրությունները։",
+                "other_people_device_label": "Գաղտնագրված սենյակներում ուղարկեք հաղորդագրություններ միայն հաստատված օգտատերերին։",
+                "other_people_device_title": "Այլ մարդկանց սարքերը",
+                "reset_identity": "Վերակայել կրիպտոգրաֆիկ ինքնությունը",
+                "reset_in_progress": "Վերակայումը ընթացքի մեջ է...",
+                "session_id": "Սեսիայի ID․",
+                "session_key": "Սեսիայի բանալի․",
+                "title": "Հավելյալ"
+            },
+            "confirm_key_storage_off": "Վստա՞հ եք, որ ուզում եք բանալիների պահեստը անջատված պահել։",
+            "confirm_key_storage_off_description": "Եթե դուրս գաք բոլոր սարքերից, կկորցնեք ձեր հաղորդագրությունների պատմությունը և ստիպված կլինեք կրկին հաստատել ձեր բոլոր գոյություն ունեցող կոնտակտները։ <a>Իմանալ ավելին</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Ջնջել բանալիների պահոցը",
+                "confirm": "Ջնջել բանալիների պահոցը",
+                "description": "Բանալիների պահոցը ջնջելը կհեռացնի ձեր կրիպտոգրաֆիկ ինքնությունը և հաղորդագրությունների բանալիները սերվերից և կանջատի հետևյալ անվտանգության գործառույթները՝",
+                "list_first": "Նոր սարքերի վրա դուք չեք ունենա գաղտնագրված հաղորդագրությունների պատմություն",
+                "list_second": "Եթե դուրս գաք %(brand)s-ից բոլոր տեղերում, դուք կկորցնեք հասանելիությունը ձեր գաղտնագրված հաղորդագրություններին։",
+                "title": "Վստա՞հ եք, որ ուզում եք անջատել բանալիների պահեստը և ջնջել այն։"
+            },
+            "device_not_verified_button": "Հաստատել այս սարքը",
+            "device_not_verified_description": "Դուք պետք է վավերացնեք այս սարքը, որպեսզի դիտեք ձեր գաղտնագրման կարգավորումները։",
+            "device_not_verified_title": "Սարքը հաստատված չէ",
+            "dialog_title": "<strong>Կարգավորումներ․</strong> Գաղտնագրում",
+            "key_storage": {
+                "allow_key_storage": "Թույլատրել բանալիների պահոցը",
+                "description": "Անվտանգ կերպով պահեք ձեր կրիպտոգրաֆիկ ինքնությունը և հաղորդագրությունների բանալիները սերվերի վրա։ Սա թույլ կտա դիտել ձեր հաղորդագրությունների պատմությունը ցանկացած նոր սարքի վրա։ <a>Իմանալ ավելին</a>",
+                "title": "Բանալիների պահեստ"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Հաստատեք նոր վերականգնման բանալին",
+                "change_recovery_confirm_description": "Ավարտելու համար ստորև մուտքագրեք ձեր նոր վերականգնման բանալին: Ձեր հինը այլևս չի աշխատի:",
+                "change_recovery_confirm_title": "Մուտքագրեք ձեր նոր վերականգնման բանալին",
+                "change_recovery_key": "Փոխել վերականգնման բանալին",
+                "change_recovery_key_description": "Գրեք այս նոր վերականգնման բանալին որևէ անվտանգ տեղում: Այնուհետև սեղմեք «Շարունակել»՝ փոփոխությունը հաստատելու համար:",
+                "change_recovery_key_title": "Փոխե՞լ վերականգնման բանալին",
+                "description": "Վերականգնեք ձեր գաղտնագրված ինքնությունը և հաղորդագրությունների պատմությունը վերականգնման բանալիով՝ սարքերի հասանելիության բացակայության դեպքում։",
+                "enter_key_error": "Մուտքագրված վերականգնման բանալին սխալ է։",
+                "enter_recovery_key": "Մուտքագրեք վերականգնման բանալին",
+                "forgot_recovery_key": "Մոռացե՞լ եք վերականգնման բանալին",
+                "key_storage_warning": "Ձեր բանալիների պահոցը համաժամեցված չէ։ Սխալը շտկելու համար սեղմեք ստորև ներկայացված որևէ կոճակ։",
+                "save_key_description": "Մի՛ կիսվեք սրանով որևէ մեկի հետ։",
+                "save_key_title": "Վերականգնման բանալի",
+                "set_up_recovery": "Կարգավորեք վերականգնումը",
+                "set_up_recovery_confirm_button": "Ավարտեք կարգավորումը",
+                "set_up_recovery_confirm_description": "Ներմուծեք նախորդ էկրանում ցուցադրված վերականգնման բանալին՝ վերականգնումը ավարտելու համար։",
+                "set_up_recovery_confirm_title": "Մուտքագրեք ձեր վերականգնման բանալին՝ հաստատելու համար։",
+                "set_up_recovery_description": "Ձեր բանալիների պահոցը պաշտպանված է վերականգնման բանալիով։ Եթե կարգավորումից հետո նոր վերականգնման բանալի է անհրաժեշտ, կարող եք այն ստեղծել կրկին՝ ընտրելով «%(changeRecoveryKeyButton)s»։",
+                "set_up_recovery_save_key_description": "Գրեք այս վերականգնման բանալին որևէ անվտանգ տեղում, օրինակ՝ գաղտնաբառերի կառավարիչում, գաղտնագրված նշումներում կամ ֆիզիկական սեյֆում։",
+                "set_up_recovery_save_key_title": "Պահպանեք ձեր վերականգնման բանալին որևէ անվտանգ տեղում",
+                "set_up_recovery_secondary_description": "«Շարունակել» կոճակը սեղմելուց հետո մենք ձեզ համար կստեղծենք վերականգնման բանալի։",
+                "title": "Վերականգնում"
+            },
+            "title": "Գաղտնագրում"
+        },
+        "general": {
+            "account_management_section": "Հաշվի կառավարում",
+            "account_section": "Հաշիվ",
+            "add_email_dialog_title": "Ավելացնել էլ․ հասցե",
+            "add_email_failed_verification": "Էլեկտրոնային հասցեն չհաջողվեց ստուգել. համոզվեք, որ սեղմել եք էլ. նամակում առկա հղման վրա։",
+            "add_email_instructions": "Մենք ձեզ էլ. նամակ ենք ուղարկել՝ ձեր հասցեն հաստատելու համար: Խնդրում ենք հետևել այնտեղ տրված հրահանգներին, ապա սեղմել ստորև նշված կոճակը:",
+            "add_msisdn_confirm_body": "Սեղմեք ստորև նշված կոճակը ՝ այս հեռախոսահամարի ավելացումը հաստատելու համար:",
+            "add_msisdn_confirm_button": "Հաստատեք հեռախոսահամարի ավելացումը",
+            "add_msisdn_confirm_sso_button": "Հաստատեք այս հեռախոսահամարի ավելացումը՝ օգտագործելով Single Sign On ՝ ձեր ինքնությունը ապացուցելու համար:",
+            "add_msisdn_dialog_title": "Ավելացնել հեռախոսահամար",
+            "add_msisdn_instructions": "SMS հաղորդագրություն է ուղարկվել +%(msisdn)s համարին։ Խնդրում ենք մուտքագրել դրանում պարունակվող հաստատման կոդը։",
+            "add_msisdn_misconfigured": "Ավելացնել / կապել գործառույթը(MSISDN-ի հետ) սխալ է կարգավորված",
+            "allow_spellcheck": "Թույլատրել ուղղագրության ստուգումը",
+            "application_language": "Ծրագրի լեզուն",
+            "application_language_reload_hint": "Հավելվածը կվերաբեռնվի մեկ այլ լեզու ընտրելուց հետո",
+            "avatar_remove_progress": "Պատկերը հեռացվում է...",
+            "avatar_save_progress": "Պատկերի վերբեռնում...",
+            "avatar_upload_error_text": "Ֆայլի ձևաչափը չի աջակցվում, կամ պատկերը %(size)s-ից ավելի մեծ է։",
+            "avatar_upload_error_text_generic": "Ֆայլի ձևաչափը կարող է չաջակցվել։",
+            "avatar_upload_error_title": "Ավատարի պատկերը չհաջողվեց վերբեռնել",
+            "confirm_adding_email_body": "Սեղմեք ներքեւի կոճակը՝ այս էլ-փոստի հասցեն ավելացնելու համար։",
+            "confirm_adding_email_title": "Հաստատեք էլ․ հասցեի ավելացումը",
+            "deactivate_confirm_body": "Համոզվա՞ծ եք, որ ցանկանում եք ապաակտիվացնել ձեր հաշիվը: Սա անդարձելի է:",
+            "deactivate_confirm_body_sso": "Հաստատեք ձեր հաշվի ապաակտիվացումը՝ օգտագործելով Single Sign On ՝ ձեր ինքնությունը հաստատելու համար:",
+            "deactivate_confirm_content": "Հաստատեք, որ ցանկանում եք ապաակտիվացնել ձեր հաշիվը: Եթե շարունակեք.",
+            "deactivate_confirm_content_1": "Դուք չեք կարողանա վերաակտիվացնել ձեր հաշիվը",
+            "deactivate_confirm_content_2": "Դուք այլևս չեք կարողանա մուտք գործել",
+            "deactivate_confirm_content_3": "Ոչ ոք չի կարողանա վերաօգտագործել Ձեր օգտվողի անունը (MXID), ներառյալ ձեզ. այս օգտանունն անհասանելի կմնա",
+            "deactivate_confirm_content_4": "Դուք կհեռանաք բոլոր սենյակներից և ուղիղ հաղորդագրություններից, որտեղ գտնվում եք։",
+            "deactivate_confirm_content_5": "Դուք կհեռացվեք նույնականացման սերվերից. ձեր ընկերները այլևս չեն կարողանա գտնել ձեզ ձեր էլ. փոստի հասցեով կամ հեռախոսահամարով։",
+            "deactivate_confirm_content_6": "Ձեր հին հաղորդագրությունները դեռ տեսանելի կլինեն այն մարդկանց համար, ովքեր ստացել են դրանք, ճիշտ այնպես, ինչպես նամակները, որոնք դուք ուղարկել եք անցյալում: Ցանկանում եք թաքցնել ձեզ ուղարկված հաղորդագրությունները այն մարդկանցից, ովքեր ապագայում միանում են սենյակներին:",
+            "deactivate_confirm_continue": "Հաստատել հաշվի ապաակտիվացումը",
+            "deactivate_confirm_erase_label": "Թաքցնել իմ հաղորդագրությունները նոր միացողներից",
+            "deactivate_section": "Ապաակտիվացրեք հաշիվը",
+            "deactivate_warning": "Ձեր հաշիվն ապաակտիվացնելը մշտական գործողություն է. Ուշադիր եղեք:",
+            "discovery_email_empty": "Հայտնաբերման տարբերակները կհայտնվեն էլեկտրոնային նամակ ավելացնելուց հետո:",
+            "discovery_email_verification_instructions": "Հաստատեք հղումը ձեր նամակների մուտքի արկղում",
+            "discovery_msisdn_empty": "Հայտնաբերման տարբերակները կհայտնվեն հեռախոսահամար ավելացնելուց հետո:",
+            "discovery_needs_terms": "Համաձայնեք ինքնության սերվերի (%(serverName)s) Ծառայությունների մատուցման պայմաններին՝ թույլ տալու ինքներդ ձեզ հայտնաբերել էլեկտրոնային փոստի հասցեով կամ հեռախոսահամարով:",
+            "discovery_needs_terms_title": "Թող մարդիկ գտնեն ձեզ",
+            "display_name": "Ցուցադրման անուն",
+            "display_name_error": "Հնարավոր չէ սահմանել ցուցադրման անուն",
+            "email_adding_unsupported_by_hs": "Այս homeserver-ը չի աջակցում ձեր հաշվի հետ էլ.փոստի հասցեներ ավելացնելուն։",
+            "email_address_in_use": "Այս էլ-փոստի հասցեն արդեն օգտագործվում է",
+            "email_address_label": "Էլ.փոստի հասցե",
+            "email_not_verified": "Ձեր էլ-փոստի հասցեն դեռ չի ստուգվել",
+            "email_verification_instructions": "Սեղմեք ստացված էլ. նամակում առկա հղումը՝ հաստատելու համար, ապա կրկին սեղմեք «Շարունակել»։",
+            "emails_heading": "Էլ.փոստի հասցեներ",
+            "error_add_email": "Անհնար է ավելացնել էլ․ հասցեներ",
+            "error_deactivate_communication": "Սերվերի հետ կապ հաստատելու խնդիր առաջացավ։ Խնդրում ենք կրկին փորձել։",
+            "error_deactivate_invalid_auth": "Սերվերը չի վերադարձրել վավեր նույնականացման տեղեկատվություն:",
+            "error_deactivate_no_auth": "Սերվերը որևէ նույնականացում չէր պահանջում",
+            "error_email_verification": "Անհնար է ստուգել էլ-փոստի հասցեն:",
+            "error_invalid_email": "Անվավեր էլ․ հասցե",
+            "error_invalid_email_detail": "Սա կարծես վավեր էլփոստի հասցե չէ",
+            "error_msisdn_verification": "Անհնար է ստուգել հեռախոսահամարը:",
+            "error_password_change_403": "Չհաջողվեց փոխել գաղտնաբառը։ Ձեր գաղտնաբառը ճի՞շտ է։",
+            "error_password_change_http": "%(errorMessage)s (HTTP կարգավիճակ՝ %(httpStatus)s)",
+            "error_password_change_title": "Գաղտնաբառի փոփոխման սխալ",
+            "error_password_change_unknown": "Գաղտնաբառի փոփոխման անհայտ սխալ (%(stringifiedError)s)",
+            "error_remove_3pid": "Անհնար է հեռացնել կոնտակտային տվյալները",
+            "error_revoke_email_discovery": "Անհնար է չեղարկել էլ-փոստի հասցեի համօգտագործումը",
+            "error_revoke_msisdn_discovery": "Անհնար է չեղարկել հեռախոսահամարի համօգտագործումը",
+            "error_share_email_discovery": "Անհնար է համօգտագործել էլ-փոստի հասցեն",
+            "error_share_msisdn_discovery": "Անհնար է համօգտագործել հեռախոսահամարը",
+            "identity_server_no_token": "Ինքնության հասանելիության նշան չի գտնվել",
+            "identity_server_not_set": "Նույնականացման սերվերը կարգավորված չէ",
+            "invalid_phone_number": "Նշված հեռախոսահամարը, կարծես թե, վավեր չէ։",
+            "language_section": "Լեզու",
+            "msisdn_adding_unsupported_by_hs": "Այս homeserver-ը չի աջակցում ձեր հաշվին հեռախոսահամարներ ավելացնելը։",
+            "msisdn_in_use": "Այս հեռախոսահամարն արդեն օգտագործվում է",
+            "msisdn_label": "Հեռախոսահամար",
+            "msisdn_verification_field_label": "Ստուգման կոդ",
+            "msisdn_verification_instructions": "Խնդրում ենք մուտքագրել տեքստով ուղարկված ստուգման կոդը:",
+            "msisdns_heading": "Հեռախոսահամարներ",
+            "oidc_manage_button": "Կառավարել հաշիվը",
+            "password_change_section": "Սահմանեք նոր հաշվի գաղտնաբառ...",
+            "password_change_success": "Ձեր գաղտնաբառը հաջողությամբ փոխվել է:",
+            "personal_info": "Անձնական տեղեկություն",
+            "profile_subtitle": "Ահա թե ինչպես եք դուք երևում մյուսներին հավելվածում։",
+            "profile_subtitle_oidc": "Ձեր հաշիվը առանձին կառավարվում է նույնականացման մատակարարի կողմից, ուստի ձեր անձնական տվյալների մի մասը չի կարող փոխվել այստեղ։",
+            "remove_email_prompt": "Հեռացնել %(email)s-ը ?",
+            "remove_msisdn_prompt": "Հեռացնել %(phone)s-ը ?",
+            "spell_check_locale_placeholder": "Ընտրեք տեղանք",
+            "unable_to_load_emails": "Անհնար է բեռնել էլ․փոստի հասցեները",
+            "unable_to_load_msisdns": "Հեռախոսահամարները չհաջողվեց բեռնել",
+            "username": "Օգտանուն"
+        },
+        "inline_url_previews_default": "Լռելյայն միացնել URL- ի ներդիրային նախադիտումները",
+        "insert_trailing_colon_mentions": "Հաղորդագրության սկզբում գտնվող օգտատիրոջ հիշատակումից հետո ավելացնել երկկետ",
+        "invite_controls": {
+            "default_label": "Թույլատրել օգտատերերին հրավիրել ձեզ սենյակներ"
+        },
+        "jump_to_bottom_on_send": "Հաղորդագրություն ուղարկելիս անցնել ժամանակագրության ներքևի մաս",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Ձեր բանալիներն այժմ պահուստավորվում են այս սարքից։",
+                "backup_setup_success_title": "Անվտանգ պահուստավորումը հաջողվեց",
+                "cancel_warning": "Եթե հիմա չեղարկեք, կկորցնեք գաղտնագրված հաղորդագրությունները և տվյալները, եթե կորցնեք ձեր մուտքանուններին հասանելիությունը։",
+                "confirm_security_phrase": "Հաստատեք Ձեր անվտանգության արտահայտությունը",
+                "description": "Պաշտպանեք կոդավորված հաղորդագրությունների և տվյալների հասանելիության կորստի դեմ՝ կրկնօրինակելով ձեր սերվերի գաղտնագրման բանալիները:",
+                "download_or_copy": "%(downloadButton)s կամ %(copyButton)s",
+                "enter_phrase_description": "Մուտքագրեք անվտանգության արտահայտություն, որը միայն դուք գիտեք, քանի որ այն օգտագործվում է ձեր տվյալները պաշտպանելու համար: Անվտանգ լինելու համար չպետք է կրկին օգտագործեք ձեր հաշվի գաղտնաբառը:",
+                "enter_phrase_title": "Մուտքագրել անվտանգության արտահայտությունը",
+                "enter_phrase_to_confirm": "Մուտքագրեք Ձեր անվտանգության արտահայտությունը երկրորդ անգամ՝ այն հաստատելու համար:",
+                "generate_security_key_description": "Մենք կստեղծենք վերականգնման բանալի, որը դուք կարող եք պահել անվտանգ տեղում, օրինակ՝ գաղտնաբառերի կառավարիչում կամ սեյֆում։",
+                "generate_security_key_title": "Ստեղծել Recovery Key(վերականգնման բանալի)",
+                "pass_phrase_match_failed": "Դա չի համընկնում։",
+                "pass_phrase_match_success": "Դա համապատասխանում է!",
+                "phrase_strong_enough": "Հրաշալի! Այս անվտանգության արտահայտությունը բավականաչափ ուժեղ է երևում։",
+                "secret_storage_query_failure": "Հնարավոր չէ հարցնել գաղտնի պահեստի կարգավիճակը",
+                "security_key_safety_reminder": "Պահեք ձեր վերականգնման բանալին ինչոր անվտանգ վայրում, ինչպիսիք են գաղտնաբառերի կառավարիչը կամ սեյֆը, քանի որ այն օգտագործվում է ձեր գաղտնագրված տվյալները պաշտպանելու համար:",
+                "set_phrase_again": "Վերադառնալ այն նորից կարգավորելու համար։",
+                "settings_reminder": "Կարող եք նաև կարգավորել անվտանգ պահուստավորումը և կառավարել ձեր բանալիները Կարգավորումներում։",
+                "title_confirm_phrase": "Հաստատեք անվտանգության արտահայտությունը",
+                "title_save_key": "Պահպանեք ձեր Recovery Key-ն (վերականգնման բանալին)",
+                "title_set_phrase": "Սահմանել անվտանգության արտահայտություն",
+                "unable_to_setup": "Հնարավոր չէ կարգավորել գաղտնի պահեստը",
+                "use_different_passphrase": "Օգտագործե՞լ այլ գաղտնաբառ։",
+                "use_phrase_only_you_know": "Օգտագործեք գաղտնի արտահայտություն, որը միայն դուք գիտեք, և ըստ ցանկության պահպանեք վերականգնման բանալին՝ կրկնօրինակման համար օգտագործելու համար:"
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Հաստատեք գաղտնաբառը",
+            "enter_passphrase": "Մուտքագրեք գաղտնաբառ",
+            "export_description_1": "Այս գործընթացը թույլ է տալիս արտահանել գաղտնագրված սենյակներում ստացված հաղորդագրությունների բանալիները տեղային ֆայլի մեջ։ Այնուհետև դուք կկարողանաք ապագայում ներմուծել ֆայլը մեկ այլ Matrix հաճախորդի մեջ, որպեսզի այդ հաճախորդը նույնպես կարողանա վերծանել այդ հաղորդագրությունները։",
+            "export_description_2": "Արտահանված ֆայլը թույլ կտա այն կարդացող ցանկացած անձի վերծանել այն գաղտնագրված հաղորդագրությունները, որոնք դուք տեսնում եք, ուստի պետք է զգուշորեն պահեք այն։ Դրան օգնելու համար ներքևում պետք է մուտքագրեք եզակի գաղտնաբառ, որը կօգտագործվի միայն արտահանված տվյալները գաղտնագրելու համար։ Տվյալները հնարավոր կլինի ներմուծել միայն նույն գաղտնաբառը օգտագործելով։",
+            "export_title": "Արտահանել սենյակի բանալիները",
+            "file_to_import": "Ներմուծվող ֆայլ",
+            "import_description_1": "Այս գործընթացը թույլ է տալիս ներմուծել գաղտնագրման բանալիներ, որոնք նախկինում արտահանել էիք Matrix-ի մեկ այլ հաճախորդից։ Այնուհետև դուք կկարողանաք վերծանել ցանկացած հաղորդագրություն, որը կարողացել էր վերծանել մյուս հաճախորդը։",
+            "import_description_2": "Արտահանման ֆայլը պաշտպանված կլինի գաղտնաբառով: Ֆայլը վերծանելու համար դուք պետք է մուտքագրեք գաղտնաբառն այստեղ:",
+            "import_title": "Սենյակի բանալիների ներմուծում",
+            "phrase_cannot_be_empty": "Գաղտնաբառը չպետք է դատարկ լինի",
+            "phrase_must_match": "Գաղտնաբառերը պետք է համընկնեն",
+            "phrase_strong_enough": "Հրաշալի! Այս գաղտնաբառը բավականին ուժեղ է"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Կարգավորումներ․</strong> Ստեղնաշար",
+            "title": "Ստեղնաշար"
+        },
+        "labs": {
+            "dialog_title": "<strong>Կարգավորումներ․</strong> Լաբորատորիաներ"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Կարգավորումներ․</strong> Անտեսված օգտատերեր"
+        },
+        "media_preview": {
+            "hide_avatars": "Թաքցնել սենյակի և հրավեր ուղարկողի պրոֆիլային նկարները",
+            "hide_media": "Միշտ թաքցնել",
+            "media_preview_description": "Թաքնված մեդիան(նկար, տեսանյութ և այլն) միշտ կարող է ցուցադրվել՝ դրա վրա սեղմելով",
+            "media_preview_label": "Ցուցադրել մեդիան ժամանակագրության մեջ",
+            "show_in_private": "Մասնավոր սենյակներում",
+            "show_media": "Միշտ ցուցադրել"
+        },
+        "not_supported": "Ձեր սերվերը չի իրականացնում այս գործառույթը։",
+        "notifications": {
+            "default_setting_description": "Այս կարգավորումը լռելյայնորեն կկիրառվի ձեր բոլոր սենյակների համար։",
+            "default_setting_section": "Ես ուզում եմ ծանուցում ստանալ (Լռելյայն կարգավորում)",
+            "desktop_notification_message_preview": "Ցուցադրել հաղորդագրության նախադիտումը աշխատասեղանի ծանուցման մեջ",
+            "dialog_title": "<strong>Կարգավորումներ․</strong> Ծանուցումներ",
+            "email_description": "Ստացեք բաց թողնված ծանուցումների ամփոփագիր էլ.փոստով",
+            "email_section": "Էլ․փոստի նամակի ամփոփում",
+            "email_select": "Ընտրեք, թե որ էլ.հասցեներին եք ուզում ուղարկել ամփոփագրերը: Կառավարեք ձեր էլ. նամակները <button>Ընդհանուր</button> բաժնում:",
+            "enable_audible_notifications_session": "Միացնել լսելի ծանուցումները այս սեսիայի համար",
+            "enable_desktop_notifications_session": "Միացնել աշխատասեղանի ծանուցումները այս սեսիայի համար",
+            "enable_email_notifications": "Միացնել էլ-փոստային ծանուցումները %(email)s-ի համար",
+            "enable_notifications_account": "Միացնել ծանուցումները այս հաշվի համար",
+            "enable_notifications_account_detail": "Անջատել՝ ձեր բոլոր սարքերի եւ նիստերի ծանուցումները անջատելու համար",
+            "enable_notifications_device": "Միացնել ծանուցումները այս սարքի համար",
+            "error_loading": "Ձեր ծանուցումների կարգավորումները բեռնելիս սխալ տեղի ունեցավ։",
+            "error_permissions_denied": "%(brand)s-ը Ձեզ ծանուցումներ ուղարկելու թույլտվություն չունի. խնդրում ենք ստուգել ձեր զննարկիչի կարգավորումները",
+            "error_permissions_missing": "%(brand)s-ին ծանուցումներ ուղարկելու թույլտվություն չի տրվել. Խնդրում ենք կրկին փորձել",
+            "error_saving": "Սխալ առաջացավ ծանուցումների նախընտրությունները պահպանելիս։",
+            "error_saving_detail": "Ձեր ծանուցման նախապատվությունները պահպանելիս սխալ է տեղի ունեցել:",
+            "error_title": "Անհնար է միացնել ծանուցումները",
+            "error_updating": "Ձեր ծանուցման նախապատվությունները թարմացնելիս սխալ է տեղի ունեցել: Խնդրում ենք փորձեք կրկին միացնել ձեր տարբերակը:",
+            "invites": "Հրավիրվել է սենյակ",
+            "keywords": "Ցուցադրել <badge/> նշանը, երբ սենյակում օգտագործվում են բանալի բառեր։",
+            "keywords_prompt": "Մուտքագրեք բանալի բառեր այստեղ կամ օգտագործեք ուղղագրության տարբերակների կամ մականունների համար",
+            "labs_notice_prompt": "<strong>Թարմացում՝</strong> Մենք պարզեցրել ենք ծանուցումների կարգավորումները՝ տարբերակները ավելի հեշտ գտնելու համար: Անցյալում ընտրված որոշ հատուկ կարգավորումներ այստեղ չեն ցուցադրվում, բայց դրանք դեռևս ակտիվ են: Եթե շարունակեք, ձեր որոշ կարգավորումներ կարող են փոխվել:<a> Իմանալ ավելին</a>",
+            "mentions_keywords": "Հիշատակումներ և բանալի բառեր",
+            "mentions_keywords_only": "Միայն հիշատակումներ և բանալի բառեր",
+            "messages_containing_keywords": "Բանալի բառեր պարունակող հաղորդագրություններ",
+            "noisy": "Աղմկոտ",
+            "notices": "Բոտերի կողմից ուղարկված հաղորդագրություններ",
+            "notify_at_room": "Ծանուցել, երբ ինչ-որ մեկը հիշատակի @room-ի օգտագործումը",
+            "notify_keyword": "Ծանուցել, երբ ինչ-որ մեկը օգտագործում է բանալի բառ",
+            "notify_mention": "Ծանուցել, երբ ինչ-որ մեկը հիշատակում է @displayname կամ %(mxid)s",
+            "other_section": "Այլ բաներ, որոնք, մեր կարծիքով, կարող են ձեզ հետաքրքրել.",
+            "people_mentions_keywords": "Մարդիկ, հիշատակումներ և բանալի բառեր",
+            "play_sound_for_description": "Կիրառվում է լռելյայնորեն բոլոր սարքերի բոլոր սենյակների համար։",
+            "play_sound_for_section": "Նվագարկել ձայն",
+            "push_targets": "Ծանուցման թիրախներ",
+            "quick_actions_mark_all_read": "Նշել բոլոր հաղորդագրությունները որպես կարդացված",
+            "quick_actions_reset": "Վերականգնել լռելյայն կարգավորումները",
+            "quick_actions_section": "Արագ գործողություններ",
+            "room_activity": "Տեղի են ունենում սենյակի նոր ակտիվություններ, թարմացումներ և կարգավիճակի հաղորդագրություններ",
+            "rule_call": "Զանգի հրավեր",
+            "rule_contains_display_name": "Իմ անունը(display name) պարունակող հաղորդագրություններ",
+            "rule_contains_user_name": "Հաղորդագրություններ, որոնք պարունակում են իմ օգտանունը",
+            "rule_encrypted": "Գաղտնագրված հաղորդագրություններ խմբային զրույցներում",
+            "rule_encrypted_room_one_to_one": "Գաղտնագրված հաղորդագրություններն անհատական զրույցներում",
+            "rule_invite_for_me": "Երբ ինձ հրավիրում են սենյակ",
+            "rule_message": "Հաղորդագրություններ խմբային զրույցներում",
+            "rule_room_one_to_one": "Հաղորդագրություններ անհատական զրույցներում",
+            "rule_roomnotif": "@room պարունակող հաղորդագրություններ",
+            "rule_suppress_notices": "Բոտի կողմից ուղարկված հաղորդագրություններ",
+            "rule_tombstone": "Երբ սենյակները թարմացվում են",
+            "show_message_desktop_notification": "Ցույց տալ հաղորդագրությունը աշխատասեղանի ծանուցման մեջ",
+            "voip": "Աուդիո և վիդեո զանգեր"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Կանխել պատուհանի պարունակության \"բռնագրումը\" այլ ծրագրերի կողմից",
+            "Electron.enableHardwareAcceleration": "Միացնել ապարատային արագացումը (վերագործարկում՝ %(appName)s֊ը ուժի մեջ մտնելու համար)",
+            "always_show_menu_bar": "Միշտ ցուցադրել պատուհանի ընտրացանկի վահանակը",
+            "autocomplete_delay": "Ավտոմատ լրացման ուշացում (միլիվրկ)",
+            "code_blocks_heading": "Կոդի բլոկներ",
+            "compact_modern": "Օգտագործել ավելի կոմպակտ “Ժամանակակից” դասավորություն",
+            "composer_heading": "Կազմող",
+            "default_timezone": "Զննարկչի նախնական կարգավորում (%(timezone)s)",
+            "dialog_title": "<strong>Կարգավորումներ․</strong> Նախընտրություններ",
+            "enable_content_protection": "Միացնել բովանդակության պաշտպանությունը",
+            "enable_hardware_acceleration": "Միացնել ապարատային արագացումը",
+            "enable_tray_icon": "Ցույցադրել սկուտեղի պատկերակը և փակելիս նվազագույնի հասցնել դրա պատուհանը",
+            "keyboard_heading": "Ստեղնաշարի դյուրանցումներ",
+            "keyboard_view_shortcuts_button": "Բոլոր ստեղնաշարի դյուրանցումները դիտելու համար՝<a> սեղմեք այստեղ</a> .",
+            "media_heading": "Պատկերներ, GIF-եր և տեսանյութեր",
+            "presence_description": "Կիսվել ձեր գործունեությամբ և կարգավիճակով ուրիշների հետ։",
+            "publish_timezone": "Հրապարակել ժամային գոտին հանրային պրոֆիլում",
+            "rm_lifetime": "Կարդացված նշիչի կյանքի տևողությունը (մվ)",
+            "rm_lifetime_offscreen": "Կարդալու նշիչի էկրանից-դուրս կյանքի տևողությունը (մվ)",
+            "room_directory_heading": "Սենյակների գրացուցակ",
+            "room_list_heading": "Սենյակների ցանկ",
+            "show_avatars_pills": "Ցույց տալ ավատարները օգտվողի, սենյակի եւ իրադարձությունների հիշատակումներում",
+            "show_polls_button": "Ցույց տալ հարցումների կոճակը",
+            "surround_text": "Հատուկ նիշերի մուտքագրման ժամանակ շրջապատել ընտրված տեքստը",
+            "time_heading": "Ժամանակի ցուցադրում",
+            "user_timezone": "Սահմանել ժամային գոտի"
+        },
+        "prompt_invite": "Հուշել՝ նախքան պոտենցիալ անվավեր matrix ID-ներին հրավերներ ուղարկելը",
+        "replace_plain_emoji": "Ավտոմատ կերպով փոխարինել պարզ տեքստով էմոջիները",
+        "security": {
+            "analytics_description": "Կիսվել անանուն տվյալներով՝ խնդիրները բացահայտելու համար։ Ոչինչ անձնական։ Ոչ մի երրորդ կողմ։",
+            "bulk_options_accept_all_invites": "Ընդունել բոլոր %(invitedRooms)s հրավերները",
+            "bulk_options_reject_all_invites": "Մերժել բոլոր %(invitedRooms)s հրավերները",
+            "bulk_options_section": "Զանգվածային ընտրանքներ",
+            "dehydrated_device_description": "Օֆլայն սարքի հնարավորությունը թույլ է տալիս ստանալ գաղտնագրված հաղորդագրություններ, նույնիսկ երբ որևէ սարքում մուտք գործած չեք։",
+            "dehydrated_device_enabled": "Օֆլայն սարքը միացված է",
+            "dialog_title": "<strong>Կարգավորումներ․</strong> Անվտանգություն և գաղտնիություն",
+            "e2ee_default_disabled_warning": "Ձեր սերվերի ադմինիստրատորը լռելյայնորեն անջատել է ծայրից ծայր գաղտնագրումը մասնավոր սենյակներիև անհատական հաղորդագրությունների համար։",
+            "enable_message_search": "Թույլատրել հաղորդագրությունների որոնումը գաղտնագրված սենյակներում",
+            "encryption_section": "Գաղտնագրում",
+            "ignore_users_empty": "Դուք համակարգի անտեսված օգտագործողներ չունեք:",
+            "ignore_users_section": "Անտեսված օգտատերեր",
+            "key_backup_algorithm": "Ալգորիթմ՝",
+            "message_search_disable_warning": "Եթե անջատված է, գաղտնագրված սենյակներից հաղորդագրությունները չեն հայտնվի որոնման արդյունքներում:",
+            "message_search_disabled": "Անվտանգ կերպով տեղայնորեն քեշավորեք գաղտնագրված հաղորդագրություններ , որպեսզի դրանք հայտնվեն որոնման արդյունքներում:",
+            "message_search_enabled": {
+                "one": "Գաղտնագրված հաղորդագրությունները տեղայնորեն պահել ապահով քեշում, որպեսզի դրանք հայտնվեն որոնման արդյունքներում, օգտագործելով %(size)s՝ %(rooms)s սենյակի հաղորդագրությունները պահելու համար",
+                "other": "Գաղտնագրված հաղորդագրությունները տեղայնորեն պահել ապահով քեշում, որպեսզի դրանք հայտնվեն որոնման արդյունքներում, օգտագործելով %(size)s՝ %(rooms)s սենյակների հաղորդագրությունները պահելու համար\n"
+            },
+            "message_search_failed": "Հաղորդագրության որոնման սկզբնավորումը ձախողվեց",
+            "message_search_indexed_messages": "Ինդեքսավորված հաղորդագրություններ՝",
+            "message_search_indexed_rooms": "Ինդեքսավորված սենյակներ՝",
+            "message_search_indexing": "Ներկայումս ինդեքսավորվում է՝ %(currentRoom)s",
+            "message_search_indexing_idle": "Ներկայումս չի ինդեքսավորվում որեւէ սենյակի հաղորդագրությունները:",
+            "message_search_intro": "%(brand)s-ն անվտանգ կերպով տեղայնորեն քեշավորում է գաղտնագրված հաղորդագրությունները, որպեսզի դրանք հայտնվեն որոնման արդյունքներում։",
+            "message_search_room_progress": "%(totalRooms)s-ից %(doneRooms)s",
+            "message_search_section": "Հաղորդագրությունների որոնում",
+            "message_search_sleep_time": "Որքան արագ պետք է ներբեռնվեն հաղորդագրությունները:",
+            "message_search_space_used": "Օգտագործված տարածք՝",
+            "message_search_unsupported": "%(brand)s-ում բացակայում են որոշ բաղադրիչներ, որոնք անհրաժեշտ են գաղտնագրված հաղորդագրությունները տեղայնորեն անվտանգ քեշավորելու համար։ Եթե ցանկանում եք փորձարկել այս հնարավորությունը, կառուցեք անհատական %(brand)s Desktop՝ <nativeLink>ավելացված որոնման բաղադրիչներով</nativeLink>։",
+            "message_search_unsupported_web": "Վեբ զննարկչում աշխատելիս %(brand)s-ը չի կարող գաղտնագրված հաղորդագրությունները տեղայնորեն ապահով քեշավորել։ Որպեսզի գաղտնագրված հաղորդագրությունները հայտնվեն որոնման արդյունքներում, օգտագործեք <desktopLink>%(brand)s Desktop</desktopLink>։",
+            "record_session_details": "Նշել հաճախորդի(ծրագրի} անունը, տարբերակը և URL-ը՝ սեսիայի կառավարիչում դրանք ավելի հեշտ ճանաչելու համար",
+            "send_analytics": "Ուղարկել վերլուծական տվյալներ",
+            "strict_encryption": "Ուղարկել հաղորդագրություններ միայն հաստատված օգտատերերին"
+        },
+        "send_read_receipts": "Ուղարկել ընթերցման ստացականներ",
+        "send_read_receipts_unsupported": "Ձեր սերվերը չի աջակցում ընթերցման ստացականների ուղարկման անջատումը։",
+        "send_typing_notifications": "Ուղարկել տեքստ գրելու ծանուցումներ",
+        "sessions": {
+            "best_security_note": "Լավագույն անվտանգության համար ստուգեք ձեր սեսիաները և դուրս եկեք ցանկացած սեսիայից, որը այլևս չեք ճանաչում կամ չեք օգտագործում։",
+            "confirm_sign_out": {
+                "one": "Հաստատեք այս սարքից դուրս գալը",
+                "other": "Հաստատեք այս սարքերից դուրս գալը"
+            },
+            "confirm_sign_out_body": {
+                "one": "Սեղմեք ստորև նշված կոճակը ՝ այս սարքից դուրս գալը հաստատելու համար:",
+                "other": "Սեղմեք ստորև նշված կոճակը ՝ այս սարքերից դուրս գալը հաստատելու համար:"
+            },
+            "confirm_sign_out_continue": {
+                "one": "Ելք սարքից",
+                "other": "Ելք սարքերից"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Հաստատեք այս սարքից դուրս գալը՝ օգտագործելով Single Sign On-ը՝ ձեր ինքնությունը հաստատելու համար։",
+                "other": "Հաստատեք այս սարքերից դուրս գալը՝ օգտագործելով Single Sign On-ը՝ ձեր ինքնությունը հաստատելու համար։"
+            },
+            "current_session": "Ընթացիկ սեսիա",
+            "desktop_session": "Համակարգչային սեսիան",
+            "details_heading": "Սեսիայի մանրամասները",
+            "device_unverified_description": "Լավագույն անվտանգության և հուսալիության համար հաստատեք կամ դուրս եկեք այս սեսիայից։",
+            "device_unverified_description_current": "Հաստատեք ձեր ընթացիկ սեսիան՝ հաղորդագրությունների անվտանգությունն ապահովելու համար։",
+            "device_verified_description": "Այս սեսիան պատրաստ է անվտանգ հաղորդագրությունների համար։",
+            "device_verified_description_current": "Ձեր ընթացիկ սեսիան պատրաստ է անվտանգ հաղորդագրությունների համար։",
+            "dialog_title": "<strong>Կարգավորումներ․</strong> Սեսիաներ",
+            "error_pusher_state": "Չհաջողվեց սահմանել pusher-ի վիճակը",
+            "error_set_name": "Չհաջողվեց սահմանել սեսիայի անունը",
+            "filter_all": "Բոլորը",
+            "filter_inactive": "Ոչ ակտիվ",
+            "filter_inactive_description": "Անգործուն է %(inactiveAgeDays)s օրեր կամ ավելի երկար",
+            "filter_label": "Ֆիլտրել սարքեր",
+            "filter_unverified_description": "Պատրաստ չէ անվտանգ հաղորդագրություններ ուղարկելու համար",
+            "filter_verified_description": "Պատրաստ է անվտանգ հաղորդագրությունների ուղարկման համար",
+            "hide_details": "Թաքցնել մանրամասները",
+            "inactive_days": "Անգործուն է %(inactiveAgeDays)s + օրեր",
+            "inactive_sessions": "Անգործուն սեսիաներ",
+            "inactive_sessions_explainer_1": "Անգործուն սեսիաները այն սեսիաներն են, որոնք դուք որոշ ժամանակ չեք օգտագործել, բայց դրանք շարունակում են ստանալ գաղտնագրման բանալիներ։",
+            "inactive_sessions_explainer_2": "Անգործուն սեսիաների հեռացումը բարելավում է անվտանգությունն ու արդյունավետությունը, ինչպես նաև հեշտացնում է նոր սեսիայի կասկածելիության հայտնաբերումը։",
+            "inactive_sessions_list_description": "Դիտարկեք հին սեսիաներից դուրս գալը (%(inactiveAgeDays)s օր կամ ավելի), որոնք այլևս չեք օգտագործում։",
+            "ip": "IP հասցե",
+            "last_activity": "Վերջին ակտիվությունը",
+            "manage": "Կառավարել այս սեսիան",
+            "mobile_session": "Բջջային սեսիա",
+            "n_sessions_selected": {
+                "one": "%(count)s ընտրված սեսիա",
+                "other": "%(count)s ընտրված սեսիաներ"
+            },
+            "no_inactive_sessions": "Անգործուն սեսիաներ չեն գտնվել։",
+            "no_sessions": "Սեսիաներ չեն գտնվել։",
+            "no_unverified_sessions": "Չստուգված սեսիաներ չեն գտնվել:",
+            "no_verified_sessions": "Հաստատված սեսիաներ չեն գտնվել։",
+            "other_sessions_heading": "Այլ սեսիաներ",
+            "push_heading": "Push ծանուցումներ",
+            "push_subheading": "Ստանալ push ծանուցումներ այս սեսիայում։",
+            "push_toggle": "Այս սեսիայի ընթացքում միացնել/անջատել push ծանուցումները։",
+            "rename_form_caption": "Խնդրում ենք հաշվի առնել, որ սեսիաների անունները տեսանելի են նաև այն մարդկանց համար, ում հետ շփվում եք։",
+            "rename_form_heading": "Վերանվանել սեսիան",
+            "rename_form_learn_more": "Սեսիաների վերանվանում",
+            "rename_form_learn_more_description_1": "Ձեր միացած ուղիղ հաղորդագրություններում և սենյակներում գտնվող մյուս օգտատերերը կարող են դիտել ձեր սեսիաների ամբողջական ցանկը։",
+            "rename_form_learn_more_description_2": "Սա նրանց վստահություն է տալիս, որ նրանք իսկապես խոսում են ձեզ հետ, բայց նաև նշանակում է, որ նրանք կարող են տեսնել այստեղ մուտքագրված սեսիայի անվանումը։",
+            "security_recommendations": "Անվտանգության խորհուրդներ",
+            "security_recommendations_description": "Բարելավեք ձեր հաշվի անվտանգությունը՝ հետևելով այս խորհուրդներին։",
+            "session_id": "Սեսիայի ID",
+            "show_details": "Ցուցադրել մանրամասները",
+            "sign_in_with_qr": "Կապել նոր սարք",
+            "sign_in_with_qr_button": "Ցուցադրել QR կոդը",
+            "sign_in_with_qr_description": "Օգտագործեք QR կոդ՝ մեկ այլ սարք մուտք գործելու և անվտանգ հաղորդագրություններ կարգավորելու համար։",
+            "sign_in_with_qr_unsupported": "Չի աջակցվում ձեր հաշվի մատակարարի կողմից",
+            "sign_out": "Դուրս գալ այս սեսիայից",
+            "sign_out_all_other_sessions": "Դուրս գալ մյուս բոլոր սեսիաներից (%(otherSessionsCount)s )",
+            "sign_out_confirm_description": {
+                "one": "Համոզվա՞ծ եք, որ ցանկանում եք դուրս գալ %(count)s սեսիայից:",
+                "other": "Համոզվա՞ծ եք, որ ցանկանում եք դուրս գալ %(count)s սեսիաներից:"
+            },
+            "sign_out_n_sessions": {
+                "one": "Դուրս գալ %(count)s սեսիայից",
+                "other": "Դուրս գալ %(count)s սեսիաներից"
+            },
+            "title": "Սեսիաներ",
+            "unknown_session": "Անհայտ սեսիայի տեսակ",
+            "unverified_session": "Չհաստատված սեսիա",
+            "unverified_session_explainer_1": "Այս սեսիան չի աջակցում գաղտնագրումը և, հետևաբար, չի կարող ստուգվել։",
+            "unverified_session_explainer_2": "Այս սեսիան օգտագործելիս դուք չեք կարողանա մասնակցել այն սենյակներին, որտեղ գաղտնագրումը միացված է։",
+            "unverified_session_explainer_3": "Լավագույն անվտանգության և գաղտնիության համար խորհուրդ է տրվում օգտագործել Matrix հաճախորդներ, որոնք աջակցում են գաղտնագրում:",
+            "unverified_sessions": "Չհաստատված սեսիաներ",
+            "unverified_sessions_explainer_1": "Չհաստատված սեսիաները այն սեսիաներն են, որոնցում մուտք եք գործել ձեր մուտքային տվյալներով, բայց խաչաձև հաստատում չեն անցել։",
+            "unverified_sessions_explainer_2": "Դուք պետք է հատկապես համոզվեք, որ ճանաչում եք այս սեսիաները, քանի որ դրանք կարող են ներկայացնել ձեր հաշվի անթույլատրելի օգտագործումը։",
+            "unverified_sessions_list_description": "Ստուգեք ձեր սեսիաները՝ ավելի անվտանգ հաղորդագրությունների փոխանակման համար, կամ դուրս եկեք այն սեսիաներից, որոնք այլևս չեք ճանաչում կամ չեք օգտագործում։",
+            "url": "URL",
+            "verified_session": "Հաստատված սեսիա",
+            "verified_sessions": "Հաստատված սեսիաներ",
+            "verified_sessions_explainer_1": "Ստուգված սեսիաները գտնվում են ցանկացած վայրում, որտեղ դուք օգտագործում եք այս հաշիվը՝ ձեր անցաբառը մուտքագրելուց կամ ձեր ինքնությունը հաստատելուց հետո։",
+            "verified_sessions_explainer_2": "Սա նշանակում է, որ դուք ունեք բոլոր բանալիները, որոնք անհրաժեշտ են ձեր գաղտնագրված հաղորդագրությունները բացելու և այլ օգտվողներին հաստատելու համար, որ վստահում եք այս սեսիայում:",
+            "verified_sessions_list_description": "Լավագույն անվտանգության համար դուրս եկեք ցանկացած սեսիայից, որը այլևս չեք ճանաչում կամ չեք օգտագործում։",
+            "verify_session": "Հաստատել սեսիան",
+            "web_session": "Վեբ սեսիա"
+        },
+        "show_avatar_changes": "Ցույց տալ պրոֆիլի նկարի փոփոխությունները",
+        "show_breadcrumbs": "Ցուցադրել վերջերս դիտված սենյակների դյուրանցումները սենյակների ցանկի վերևում",
+        "show_chat_effects": "Ցույց տալ զրույցի էֆեկտները (անիմացիաներ, օրինակ ՝ կոնֆետտի ստանալիս)",
+        "show_displayname_changes": "Ցույց տալ ցուցադրման անվան փոփոխությունները",
+        "show_join_leave": "Ցույց տալ միանալ/լքել հաղորդագրությունները (հրավերները/հեռացումները/արգելքները կմնան անփոփոխ)",
+        "show_message_previews": "Ցուցադրել հաղորդագրությունների նախադիտումները",
+        "show_nsfw_content": "Ցույց տալ NSFW բովանդակությունը",
+        "show_read_receipts": "Ցուցադրել այլ օգտատերերի կողմից ուղարկված ընթերցման ստացականները",
+        "show_redaction_placeholder": "Ցուցադրել տեղապահ` հեռացված հաղորդագրությունների համար",
+        "show_stickers_button": "Ցույց տալ ստիկերների կոճակը",
+        "show_typing_notifications": "Ցուցադրել տեքստ գրելու ծանուցումները",
+        "showbold": "Ցուցադրել բոլոր գործողությունները սենյակների ցանկում (կետեր կամ չկարդացված հաղորդագրությունների քանակ)",
+        "sidebar": {
+            "dialog_title": "<strong>Կարգավորումներ․</strong> Կողային վահանակ",
+            "metaspaces_home_all_rooms": "Ցուցադրել բոլոր սենյակները",
+            "metaspaces_home_all_rooms_description": "Ցուցադրել ձեր բոլոր սենյակները Գլխավոր էջում, նույնիսկ եթե դրանք գտնվում են որևէ տարածքում։",
+            "metaspaces_home_description": "Գլխավոր էջը օգտակար է ամեն ինչի մասին ընդհանուր պատկերացում կազմելու համար։",
+            "metaspaces_orphans": "Տարածքից դուրս սենյակներ",
+            "metaspaces_orphans_description": "Խմբավորել ձեր բոլոր սենյակները, որոնք տարածքի մաս չեն կազմում, մեկ տեղում։",
+            "metaspaces_subsection": "Ցուցադրվող տարածքներ",
+            "metaspaces_video_rooms": "Տեսազանգի սենյակներ և համաժողովներ(կոնֆերանսներ)",
+            "metaspaces_video_rooms_description": "Խմբավորել բոլոր մասնավոր տեսազանգի սենյակներն ու համաժողովները(կոնֆերանսները)։",
+            "metaspaces_video_rooms_description_invite_extension": "Համաժողովներում(կոնֆերանսներում) դուք կարող եք հրավիրել Matrix-ից դուրս գտնվող մարդկանց։",
+            "spaces_explainer": "Տարածքները սենյակներն ու մարդկանց խմբավորելու միջոցներ են: Ձեր գտնվելու վայրերից բացի, կարող եք օգտագործել նաև նախապես կառուցված տարածքներ:",
+            "title": "Կողային վահանակ"
+        },
+        "tac_only_notifications": "Միայն ցուցադրել ծանուցումները թեմայի գործունեության կենտրոնում",
+        "use_12_hour_format": "Ցուցադրել ժամանակային նշանները 12 ժամյա ձևաչափով (օրինակ՝ 2:30pm)",
+        "use_command_enter_send_message": "Հաղորդագրություն ուղարկելու համար օգտագործեք Command + Enter",
+        "use_command_f_search": "Ժամանակացույցը որոնելու համար օգտագործեք Command + F",
+        "use_control_enter_send_message": "Հաղորդագրություն ուղարկելու համար օգտագործեք Ctrl + Enter",
+        "use_control_f_search": "Ժամանակացույցը որոնելու համար օգտագործեք Control + F",
+        "voip": {
+            "allow_p2p": "Թույլատրել Peer-to-Peer կապը 1:1 զանգերի համար",
+            "allow_p2p_description": "Երբ միացված է, մյուս կողմը կարող է տեսնել ձեր IP հասցեն",
+            "audio_input_empty": "Խոսափողեր չեն հայտնաբերվել",
+            "audio_output": "Աուդիո ելք",
+            "audio_output_empty": "Աուդիո ելքեր չեն հայտնաբերվել",
+            "auto_gain_control": "Ավտոմատ ուժեղացման կառավարում",
+            "dialog_title": "<strong>Կարգավորումներ․</strong> Ձայն և վիդեո",
+            "echo_cancellation": "Արձագանքի չեղարկում",
+            "enable_fallback_ice_server": "Թույլատրել հետադարձ զանգի օժանդակ սերվեր () %(server)s",
+            "enable_fallback_ice_server_description": "Գործում է միայն այն դեպքում, եթե ձեր սերվերը չի առաջարկում այն։ Ձեր IP հասցեն կփոխանցվի զանգի ընթացքում։",
+            "mirror_local_feed": "Լոկալ տեսանյութերի հոսքի անդրադարձում",
+            "missing_permissions_prompt": "Մեդիա թույլտվությունները բացակայում են, սեղմեք ներքևի կոճակը՝ հարցման համար:",
+            "noise_suppression": "Աղմուկի ճնշում",
+            "request_permissions": "Մեդիա թույլտվությունների հարցում",
+            "title": "Ձայն եւ վիդեո",
+            "video_input_empty": "Վեբ-տեսախցիկներ չեն հայտնաբերվել",
+            "video_section": "Վիդեո կարգավորումներ",
+            "voice_agc": "Ավտոմատ կերպով կարգավորել խոսափողի ձայնը",
+            "voice_processing": "Ձայնի մշակում",
+            "voice_section": "Ձայնային կարգավորումներ"
+        },
+        "warn_quit": "Զգուշացում՝ հեռանալուց առաջ",
+        "warning": "<w>ԶԳՈՒՇԱՑՈՒՄ: </w> <description/>"
+    },
+    "share": {
+        "link_copied": "Հղումը պատճենվեց",
+        "permalink_message": "Հղում դեպի ընտրված հաղորդագրությունը",
+        "permalink_most_recent": "Հղում դեպի ամենավերջին գրառումը/հաղորդագրությունը",
+        "share_call": "Ժողովի հրավերի հղում",
+        "share_call_subtitle": "Հղում արտաքին օգտատերերի համար՝ matrix հաշվի բացակայության դեպքում զանգին միանալու համար.",
+        "title_link": "Կիսվել հղումով",
+        "title_message": "Կիսվել սենյակի հաղորդագրությամբ",
+        "title_room": "Կիսվել սենյակով",
+        "title_user": "Կիսվել օգտատիրոջ հետ"
+    },
+    "slash_command": {
+        "addwidget": "Սենյակում ավելացնում է հատուկ վիջեթ՝ ըստ URL-ի",
+        "addwidget_iframe_missing_src": "iframe-ը src ատրիբուտ չունի",
+        "addwidget_invalid_protocol": "Խնդրում ենք տրամադրել վիջեթի https:// կամ http:// URL-ը",
+        "addwidget_missing_url": "Խնդրում ենք տրամադրել վիջեթի URL-ը կամ ներդրման կոդը",
+        "addwidget_no_permissions": "Դուք չեք կարող փոփոխել վիջեթները այս սենյակում։",
+        "ban": "Արգելափակում է տրված ID-ով օգտատիրոջը",
+        "category_actions": "Գործողություններ",
+        "category_admin": "Ադմին",
+        "category_advanced": "Ընդլայնված",
+        "category_effects": "Էֆեկտներ",
+        "category_messages": "Հաղորդագրություններ",
+        "category_other": "Այլ",
+        "command_error": "Հրամանի սխալ",
+        "converttodm": "Սենյակը վերածում է DM-ի(անհատական զրույցի)",
+        "converttoroom": "Փոխակերպում է DM-ը (անձնական զրույցը)՝ սենյակի",
+        "could_not_find_room": "Չհաջողվեց գտնել սենյակ",
+        "deop": "Տրված ID-ով օգտատիրոջից հանում է օպերատորի իրավունքները",
+        "devtools": "Բացում է Ծրագրավորողի գործիքների պատուհանը",
+        "discardsession": "Ստիպում է ջնջել գաղտնագրված սենյակում գտնվող ընթացիկ արտագնա խմբային սեսիան։",
+        "error_invalid_rendering_type": "Հրամանի սխալ. Չի կարելի գտնել մատուցման տեսակը (%(renderingType)s)",
+        "error_invalid_room": "Հրամանը ձախողվեց. Հնարավոր չէ գտնել (%(roomId)s ) սենյակը",
+        "error_invalid_runfn": "Հրամանի սխալ. անհնար է մշակել slash հրամանը։",
+        "error_invalid_user_in_room": "Չհաջողվեց գտնել օգտատիրոջը սենյակում",
+        "help": "Ցուցադրում է հրամանների ցանկը՝ օգտագործման և նկարագրությունների հետ միասին",
+        "help_dialog_title": "Հրամանի օգնություն",
+        "holdcall": "Ընթացիկ սենյակում զանգը դնում է սպասման ռեժիմի վրա",
+        "html": "Ուղարկում է հաղորդագրություն որպես html ՝ առանց մեկնաբանելու այն որպես նշագրված",
+        "ignore": "Անտեսում է օգտվողին ՝ թաքցնելով նրա հաղորդագրությունները ձեզանից",
+        "ignore_dialog_description": "Դուք հիմա անտեսում եք %(userId)s-ին",
+        "ignore_dialog_title": "Անտեսված օգտատեր",
+        "invite": "Հրավիրում է տվյալ ID ունեցող օգտատիրոջը ընթացիկ սենյակ",
+        "invite_3pid_needs_is_error": "Օգտագործեք նույնականացման սերվեր՝ էլ. փոստով հրավիրելու համար: Կառավարեք այն կարգավորումներում:",
+        "invite_3pid_use_default_is_title": "Օգտագործեք նույնականացման սերվեր",
+        "invite_3pid_use_default_is_title_description": "Օգտագործեք նույնականացման սերվեր՝ էլ. փոստով հրավիրելու համար: Սեղմեք շարունակել՝ լռելյայն նույնականացման սերվերն (%(defaultIdentityServerName)s ) օգտագործելու համար կամ Կարգավորումներում կառավարելու համար։",
+        "invite_failed": "(%(user)s ) օգտատերը հրավեր չստացավ %(roomId)s սենյակին, բայց հրավիրողի ծրագիրը սխալ չի տվել",
+        "join": "Միանում է տրված հասցեով սենյակին",
+        "jumptodate": "Անցնել ժամանակացույցում տրված ամսաթվին",
+        "jumptodate_invalid_input": "Մենք չկարողացանք հասկանալ տվյալ ամսաթիվը (%(inputDate)s): Փորձեք օգտագործել YYYY-MM-DD ձևաչափը:",
+        "lenny": "Պարզ տեքստային հաղորդագրության սկզբից ավելացնում է ( ͡° ͜ʖ ͡°) նշանները",
+        "manual_device_verification_confirm_description": "Սա թույլ կտա մեկ այլ սարքի ուղարկել և ստանալ հաղորդագրություններ ձեր անունից։ ԵԹԵ ԻՆՉ-ՈՐԸ ՁԵԶ ԱՍԵԼ/ԽՆԴՐԵԼ Է ԱՅՍՏԵՂ ԻՆՉ-ՈՐ ԲԱՆ ՏԵՂԱԴՐԵԼ, ՀԱՎԱՆԱԿԱՆ Է, ՈՐ ՁԵԶ ԽԱԲԵՈՒՄ ԵՆ։ Վստա՞հ եք, որ ուզում եք ստուգել/հաստատել այս մյուս սարքը։",
+        "manual_device_verification_confirm_title": "Զգուշացում. սարքի ձեռքով ստուգում",
+        "me": "Ցուցադրում է գործողություն",
+        "msg": "Ուղարկում է հաղորդագրություն տվյալ օգտվողին",
+        "myavatar": "Փոխում է ձեր պրոֆիլի նկարը բոլոր սենյակներում",
+        "myroomavatar": "Փոխում է ձեր պրոֆիլի նկարը միայն այս ընթացիկ սենյակում",
+        "myroomnick": "Փոխում է ձեր ցուցադրման մականունը միայն ընթացիկ սենյակում",
+        "nick": "Փոխում է ձեր ցուցադրման մականունը",
+        "no_active_call": "Այս սենյակում ակտիվ զանգ չկա",
+        "op": "Սահմանեք օգտատիրոջ հզորության մակարդակը",
+        "part_unknown_alias": "Չճանաչված սենյակի հասցե. %(roomAlias)s",
+        "plain": "Ուղարկում է հաղորդագրություն որպես պարզ տեքստ ՝ առանց մեկնաբանելու այն որպես նշանգրված",
+        "query": "Բացում է տվյալ օգտատիրոջ հետ զրույցը",
+        "query_not_found_phone_number": "Հեռախոսահամարի համար Matrix ID- ն չի գտնվել",
+        "rageshake": "Ուղարկել սխալի մասին հաշվետվություն",
+        "rainbow": "Ուղարկում է տրված հաղորդագրությունը՝ ծիածանի պես գունավորված",
+        "rainbowme": "Ուղարկում է տվյալ զգացմունքի նշանը՝ ծիածանի պես գունավորված",
+        "remove": "Հեռացնում է տվյալ id ունեցող օգտվողին այս սենյակից",
+        "roomavatar": "Փոխում է ընթացիկ սենյակի ավատարը",
+        "roomname": "Սահմանում է սենյակի անունը",
+        "server_error": "Սերվերի սխալ",
+        "server_error_detail": "Սերվերը անհասանելի է, ծանրաբեռնված է կամ ինչոր այլ խնդիր է առաջացել։",
+        "shrug": "Պարզ տեքստային հաղորդագրության սկզբից ավելացնում է ¯\\_(ツ)_/¯ նշանները",
+        "spoiler": "Ուղարկում է տվյալ հաղորդագրությունը որպես սպոյլեր",
+        "tableflip": "Պարզ տեքստային հաղորդագրության սկզբից ավելացնում է (╯°□°）╯︵ ┻━┻ նշանները",
+        "topic": "Ստանում կամ սահմանում է սենյակի թեման",
+        "topic_none": "Այս սենյակը թեմա չունի։",
+        "topic_room_error": "Չհաջողվեց ստանալ սենյակի թեման. Չհաջողվեց գտնել սենյակը ՝ (%(roomId)s",
+        "unban": "Ապաարգելափակում է տրված ID-ով օգտատիրոջը",
+        "unflip": "Պարզ տեքստային հաղորդագրության սկզբից ավելացնում է ┬──┬ ノ( ゜-゜ノ) նշանները",
+        "unholdcall": "Ընթացիկ սենյակում զանգը հանում է սպասման ռեժիմից",
+        "unignore": "Դադարեցնում է օգտատիրոջ անտեսումը՝ ցուցադրելով նրա հաղորդագրությունները հետագայի համար",
+        "unignore_dialog_description": "Դուք այլևս չեք անտեսում %(userId)s-ին",
+        "unignore_dialog_title": "Ապաանտեսված օգտատեր",
+        "unknown_command": "Անհայտ հրաման",
+        "unknown_command_button": "Ուղարկել որպես հաղորդագրություն",
+        "unknown_command_detail": "Չճանաչված հրաման. %(commandText)s",
+        "unknown_command_help": "Դուք կարող եք օգտագործել <code>/օգնություն</code>թխ` հասանելի հրամանների ցուցակը ցույց տալու համար։ Արդյո՞ք դուք ուզում էիք սա ուղարկել որպես հաղորդագրություն։",
+        "unknown_command_hint": "Հուշում. սկսեք ձեր հաղորդագրությունը <code>//</code>-ով՝ թեք գծիկով սկսելու համար։",
+        "upgraderoom": "Սենյակը թարմացնում է նոր տարբերակով",
+        "upgraderoom_permission_error": "Դուք չունեք այս հրամանն օգտագործելու համար անհրաժեշտ թույլտվությունները։",
+        "usage": "Օգտագործում",
+        "verify": "Ձեռքով ստուգել ձեր սեփական սարքերից մեկը",
+        "view": "Դիտել նշված հասցեով սենյակը",
+        "whois": "Ցուցադրում է տեղեկատվություն օգտատիրոջ մասին"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Հնագույն \"սահող համաժամեցումը\"(sliding sync) այլևս չի աջակցվում. խնդրում ենք դուրս գալ և նորից մուտք գործել՝ նոր sliding sync-ի դրոշը միացնելու համար։",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Ցանկան՞ում եք փոխարենն ավելացնել նոր սենյակ:",
+            "create_prompt": "Ստեղծել նոր սենյակ",
+            "dm_heading": "Անհատական(առանձին) հաղորդագրություններ",
+            "error_heading": "Ոչ բոլոր ընտրվածներն են ավելացվել",
+            "progress_text": {
+                "one": "Սենյակի ավելացում...",
+                "other": "Սենյակների ավելացում... (%(progress)s՝ %(count)s-ից)"
+            },
+            "space_dropdown_label": "Տարածքի ընտրություն",
+            "space_dropdown_title": "Ավելացնել գոյություն ունեցող սենյակներ",
+            "subspace_moved_note": "Տարածքների ավելացումը տեղափոխվել է:"
+        },
+        "add_existing_subspace": {
+            "create_button": "Ստեղծել նոր տարածք",
+            "create_prompt": "Ցանկան՞ում եք փոխարենն ավելացնել նոր տարածք:",
+            "filter_placeholder": "Որոնել տարածքներ",
+            "space_dropdown_title": "Ավելացնել գոյություն ունեցող տարածք"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Տեսնել սենյակի ժամանակացույցը (devtools)",
+            "explore": "Փնտրել սենյակներ",
+            "home": "Տարածքի հիմնական էջ",
+            "manage_and_explore": "Կառավարել և ուսումնասիրել սենյակները",
+            "options": "Տարածքի ընտրանքներ"
+        },
+        "failed_load_rooms": "Չհաջողվեց բեռնել սենյակների ցանկը:",
+        "failed_remove_rooms": "Որոշ սենյակներ չհաջողվեց հեռացնել: Փորձեք նորից ավելի ուշ։",
+        "incompatible_server_hierarchy": "Ձեր սերվերը չի աջակցում տարածքների հիերարխիաների ցուցադրումը:",
+        "invite": "Հրավիրել մարդկանց",
+        "invite_description": "Հրավիրել էլ.փոստով կամ օգտատիրոջ անունով",
+        "invite_link": "Կիսվել հրավիրման հղումով",
+        "joining_space": "Միացում",
+        "landing_welcome": "Բարի գալուստ <name/>",
+        "leave_dialog_action": "Լքել տարածքը",
+        "leave_dialog_description": "Դուք պատրաստվում եք լքել <spaceName/>֊ը։",
+        "leave_dialog_only_admin_room_warning": "Դուք որոշ սենյակների կամ տարածքների միակ ադմինիստրատորն եք, որոնցից ցանկանում եք հեռանալ: Հեռացումը նրանց կթողնի առանց ադմինիստրատորների:",
+        "leave_dialog_only_admin_warning": "Դուք այս տարածքի միակ ադմինիստրատորն եք: Այն լքելը կնշանակի, որ ոչ ոք վերահսկողություն չի ունենա դրա վրա:",
+        "leave_dialog_option_all": "Լքել բոլոր սենյակները",
+        "leave_dialog_option_intro": "Կցանկանայի՞ք լքել այս տարածքի սենյակները:",
+        "leave_dialog_option_none": "Չլքել ոչ մի սենյակ",
+        "leave_dialog_option_specific": "Լքել որոշ սենյակներ",
+        "leave_dialog_public_rejoin_warning": "Դուք չեք կարողանա կրկին միանալ, եթե ձեզ նորից չհրավիրեն:",
+        "leave_dialog_title": "Լքել %(spaceName)s-ը",
+        "mark_suggested": "Նշել որպես առաջարկվող",
+        "no_search_result_hint": "Հնարավոր է, որ ցանկանաք փորձել այլ որոնում, կամ ստուգել տառասխալների առկայությունը:",
+        "preferences": {
+            "sections_section": "Ցուցադրելու բաժիններ",
+            "show_people_in_space": "Սա խմբավորում է ձեր զրույցները այս տարածքի անդամների հետ: Սա անջատելը կթաքցնի այդ զրույցները ձեր %(spaceName)s-ի տեսադաշտից:"
+        },
+        "room_filter_placeholder": "Սենյակների որոնում",
+        "search_children": "Որոնել %(spaceName)s",
+        "search_placeholder": "Որոնել անուններ և նկարագրություններ",
+        "select_room_below": "Նախ ներքևում ընտրեք որևէ սենյակ",
+        "share_public": "Կիսվեք ձեր հանրային տարածքով",
+        "suggested": "Խորհուրդ տրվող",
+        "suggested_tooltip": "Այս սենյակը առաջարկվում է որպես լավ սենյակ միանալու համար",
+        "title_when_query_available": "Արդյունքներ",
+        "title_when_query_unavailable": "Սենյակներ և տարածքներ",
+        "unmark_suggested": "Նշել որպես չառաջարկվող",
+        "user_lacks_permission": "Դուք թույլտվություն չունեք"
+    },
+    "space_settings": {
+        "title": "Կարգավորումներ - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Մուտքագրեք այն նոր սերվերի անունը, որը ցանկանում եք ուսումնասիրել։",
+            "network_dropdown_add_dialog_placeholder": "Սերվերի անունը",
+            "network_dropdown_add_dialog_title": "Ավելացնել նոր սերվեր",
+            "network_dropdown_add_server_option": "Ավելացնել նոր սերվեր…",
+            "network_dropdown_available_invalid": "Հնարավոր չէ գտնել այս սերվերը կամ դրա սենյակների ցանկը",
+            "network_dropdown_available_invalid_forbidden": "Դուք չունեք այս սերվերի սենյակների ցանկը դիտելու թույլտվություն",
+            "network_dropdown_available_valid": "Լավ է",
+            "network_dropdown_remove_server_adornment": "Հեռացնել «%(roomServer)s» սերվերը",
+            "network_dropdown_required_invalid": "Մուտքագրեք սերվերի անունը",
+            "network_dropdown_selected_label": "Ցուցադրել՝ Matrix սենյակներ",
+            "network_dropdown_selected_label_instance": "Ցուցադրել՝ %(instance)s սենյակներ (%(server)s )",
+            "network_dropdown_your_server_description": "Ձեր սերվերը"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Եթե չեք տեսնում նրան, ում փնտրում եք, ուղարկեք նրան ձեր հրավերի հղումը:",
+        "cant_find_room_helpful_hint": "Եթե չեք կարողանում գտնել այն սենյակը, որը փնտրում եք, խնդրեք հրավիրել ձեզ կամ ստեղծել նոր սենյակ:",
+        "copy_link_text": "Պատճենել հրավերի հղումը",
+        "count_of_members": {
+            "one": "%(count)s անդամ",
+            "other": "%(count)s անդամներ"
+        },
+        "create_new_room_button": "Ստեղծել նոր սենյակ",
+        "failed_querying_public_rooms": "Հանրային սենյակների հարցումը չհաջողվեց",
+        "failed_querying_public_spaces": "Հանրային տարածքների հարցումը չհաջողվեց",
+        "group_chat_section_title": "Այլ տարբերակներ/ընտրանքներ",
+        "heading_with_query": "Օգտագործեք «%(query)s»՝ փնտրելու համար",
+        "heading_without_query": "Փնտրել",
+        "join_button_text": "Միանալ %(roomAddress)s-ին",
+        "keyboard_scroll_hint": "Ոլորելու համար օգտագործեք <arrows/>",
+        "messages_label": "Հաղորդագրություններ",
+        "other_rooms_in_space": "Այլ սենյակներ %(spaceName)s-ում",
+        "public_rooms_label": "Հանրային սենյակներ",
+        "public_spaces_label": "Հանրային տարածքներ",
+        "recent_searches_section_title": "Վերջին որոնումները",
+        "recently_viewed_section_title": "Վերջերս դիտված",
+        "remove_filter": "Հեռացնել %(filter)s-ի որոնման ֆիլտրը",
+        "result_may_be_hidden_privacy_warning": "Որոշ արդյունքներ կարող են թաքնված լինել գաղտնիության նպատակներով",
+        "result_may_be_hidden_warning": "Որոշ արդյունքներ կարող են թաքնված լինել",
+        "search_dialog": "Որոնման պատուհան",
+        "spaces_title": "Տարածքներ, որտեղ դուք գտնվում եք",
+        "start_group_chat_button": "Սկսել խմբային զրույց"
+    },
+    "stickers": {
+        "empty": "Դուք ներկայումս չունեք որևէ միացված ստիկերների փաթեթ",
+        "empty_add_prompt": "Ավելացնել մի քանիսը հիմա"
+    },
+    "terms": {
+        "column_document": "Փաստաթուղթ",
+        "column_service": "Ծառայություն",
+        "column_summary": "Ամփոփում",
+        "identity_server_no_terms_description_1": "Այս գործողությունը պահանջում է մուտք գործել ինքնության լռելյայն սերվեր՝ <server /> էլ․փոստի հասցեն կամ հեռախոսահամարը վավերացնելու համար, սակայն սերվերը չունի ծառայությունների մատուցման պայմաններ:",
+        "identity_server_no_terms_description_2": "Շարունակեք միայն այն դեպքում, եթե վստահում եք սերվերի սեփականատիրոջը։",
+        "identity_server_no_terms_title": "Նույնականացման սերվերը ծառայության պայմաններ չունի",
+        "inline_intro_text": "Շարունակելու համար ընդունեք <policyLink />-ը.",
+        "integration_manager": "Օգտագործեք բոտեր, կամուրջներ, վիջեթներ և պիտակների փաթեթներ",
+        "intro": "Շարունակելու համար դուք պետք է ընդունեք այս ծառայության պայմանները:",
+        "summary_identity_server_1": "Գտնել ուրիշներին հեռախոսով կամ էլ.փոստով",
+        "summary_identity_server_2": "Գտնվել հեռախոսով կամ էլ.փոստով",
+        "tac_button": "Վերանայեք ընդհանուր դրույթները և պայմանները",
+        "tac_description": "%(homeserverDomain)s սերվերի օգտագործումը շարունակելու համար դուք պետք է վերանայեք և համաձայնեք մեր դրույթներին և պայմաններին:",
+        "tac_title": "Ընդհանուր դրույթներ և պայմաններ",
+        "tos": "Ծառայությունների մատուցման պայմաններ"
+    },
+    "theme": {
+        "light_high_contrast": "Լույսի բարձր հակադրություն",
+        "match_system": "Համակարգին համապատասխան"
+    },
+    "thread_view_back_action_label": "Վերադառնալ թեմային",
+    "threads": {
+        "all_threads": "Բոլոր թեմաները/հոսքերը",
+        "all_threads_description": "Ցուցադրում է ընթացիկ սենյակի բոլոր թեմաները/հոսքերը",
+        "count_of_reply": {
+            "one": "%(count)s պատասխան",
+            "other": "%(count)s պատասխաններ"
+        },
+        "empty_description": "Օգտագործեք «%(replyInThread)s» երբ կուրսորը պահում եք հաղորդագրության վրա։",
+        "empty_title": "Թեմաները օգնում են պահել ձեր խոսակցությունները թեմային համապատասխան և հեշտ հետևելի։",
+        "mark_all_read": "Բոլորը նշել որպես կարդացված",
+        "my_threads": "Իմ թեմաները",
+        "my_threads_description": "Ցուցադրում է բոլոր թեմաները, որոնց դուք մասնակցել եք",
+        "open_thread": "Բացել թեման",
+        "show_thread_filter": "Ցուցադրել՝"
+    },
+    "threads_activity_centre": {
+        "header": "Թեմաների ակտիվություն",
+        "no_rooms_with_threads_notifs": "Դուք դեռ չունեք սենյակներ թեմատիկ ծանուցումներով։",
+        "no_rooms_with_unread_threads": "Դուք դեռ չունեք սենյակներ, որտեղ կան չկարդացած թեմաներ։"
+    },
+    "time": {
+        "date_at_time": "%(date)s ժամը %(time)s",
+        "hours_minutes_seconds_left": "Մնաց %(hours)sժ %(minutes)sր %(seconds)sվ",
+        "left": "%(timeRemaining)s մնաց",
+        "minutes_seconds_left": "Մնաց %(minutes)sր %(seconds)sվ",
+        "seconds_left": "Մնաց %(seconds)sվ",
+        "short_days": "%(value)sօր",
+        "short_days_hours_minutes_seconds": "%(days)sօր %(hours)sժ %(minutes)sր %(seconds)sվ",
+        "short_hours": "%(value)sժ",
+        "short_hours_minutes_seconds": "%(hours)sժ %(minutes)sր %(seconds)sվ",
+        "short_minutes": "%(value)sր",
+        "short_minutes_seconds": "%(minutes)sր %(seconds)sվ",
+        "short_seconds": "%(value)sվ"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Ծալել պատասխանի թեման",
+            "external_url": "Աղբյուրի URL",
+            "open_in_osm": "Բացել OpenStreetMap-ում",
+            "report": "Բողոք",
+            "resent_unsent_reactions": "Կրկին ուղարկել %(unsentCount)s արձագանք(ներ)",
+            "show_url_preview": "Ցուցադրել նախադիտումը",
+            "view_related_event": "Դիտել կապակցված իրադարձությունը",
+            "view_source": "Դիտել աղբյուրը"
+        },
+        "creation_summary_dm": "%(creator)s-ն ստեղծեց այս DM-ը (անձնական հաղորդագրություններ)։",
+        "creation_summary_room": "%(creator)s-ն ստեղծել և կարգավորել է սենյակը։",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Ուղարկողի վավերացված ինքնությունը վերակայվել է։",
+            "unable_to_decrypt": "Հնարավոր չէ վերծանել հաղորդագրությունը"
+        },
+        "disambiguated_profile": "%(displayName)s(%(matrixId)s)",
+        "download_action_downloading": "Ներբեռնում",
+        "download_failed": "Չհաջողվեց ներբեռնել",
+        "download_failed_description": "Այս ֆայլը ներբեռնելիս սխալ տեղի ունեցավ",
+        "edits": {
+            "tooltip_label": "Խմբագրվել է %(date)s-ին։ Սեղմեք՝ փոփոխությունները դիտելու համար։",
+            "tooltip_sub": "Սեղմեք՝ փոփոխությունները դիտելու համար",
+            "tooltip_title": "Խմբագրվել է %(date)s-ին"
+        },
+        "error_no_renderer": "Անհնար է ցուցադրել այս իրադարձությունը",
+        "error_rendering_message": "Հնարավոր չէ բեռնել այս հաղորդագրությունը",
+        "historical_messages_unavailable": "Դուք չեք կարող տեսնել նախորդ/հին հաղորդագրությունները",
+        "in_room_name": " <strong>%(room)s</strong> սենյակում",
+        "io.element.widgets.layout": "%(senderName)s-ը թարմացրել է սենյակի դասավորությունը",
+        "late_event_separator": "Սկզբնապես ուղարկված %(dateTime)s-ին",
+        "load_error": {
+            "no_permission": "Փորձեցնք բեռնել այս սենյակի ժամանակացույցի որոշակի կետ, բայց դուք թույլտվություն չունեք դիտելու տվյալ հաղորդագրությունը։",
+            "title": "Ժամանակացույցի դիրքը չհաջողվեց բեռնել",
+            "unable_to_find": "Փորձեցինք բեռնել այս սենյակի ժամանակագրության որոշակի կետ, բայց չկարողացանք գտնել այն։"
+        },
+        "m.audio": {
+            "error_downloading_audio": "Աուդիո ներբեռնման սխալ",
+            "error_processing_audio": "Ձայնային հաղորդագրության մշակման սխալ",
+            "error_processing_voice_message": "Ձայնային հաղորդագրության մշակման սխալ"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Դիտել կենդանի գտնվելու վայրը"
+        },
+        "m.call": {
+            "video_call_ended": "Տեսազանգն ավարտվեց",
+            "video_call_started": "Տեսազանգը սկսվեց %(roomName)s֊ում:",
+            "video_call_started_text": "%(name)s-ը սկսել է տեսազանգ",
+            "video_call_started_unsupported": "Տեսազանգը սկսվեց %(roomName)s֊ում․ (չի աջակցվում այս զննարկչի կողմից)"
+        },
+        "m.call.hangup": {
+            "dm": "Զանգն ավարտվել է"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Պատասխանել է այլ տեղ",
+            "call_back_prompt": "Հետզանգահարել",
+            "declined": "Զանգը մերժվեց",
+            "failed_connect_media": "Հնարավոր չէ միացնել մեդիան",
+            "failed_connection": "Կապը ձախողվեց",
+            "failed_opponent_media": "Նրանց սարքը չկարողացավ միացնել տեսախցիկը կամ խոսափողը",
+            "missed_call": "Բաց թողնված զանգ",
+            "no_answer": "Պատասխան չկա",
+            "unknown_error": "Անհայտ սխալ տեղի ունեցավ",
+            "unknown_failure": "Անհայտ ձախողում. %(reason)s",
+            "unknown_state": "Զանգը անհայտ վիճակում է։",
+            "video_call": "%(senderName)s-ը տեղադրել է տեսազանգ:",
+            "video_call_unsupported": "%(senderName)s-ը տեղադրել է տեսազանգ. (չի աջակցվում այս զննարկիչի կողմից)",
+            "voice_call": "%(senderName)s-ը տեղադրել է ձայնային զանգ:",
+            "voice_call_unsupported": "%(senderName)s-ը տեղադրել է ձայնային զանգ․ (չի աջակցվում այս զննարկիչի կողմից)"
+        },
+        "m.file": {
+            "error_decrypting": "Կցորդի վերծանման սխալ"
+        },
+        "m.image": {
+            "error": "Սխալի պատճառով նկարը չի կարող ցուցադրվել",
+            "error_decrypting": "Նկարի վերծանման սխալ",
+            "error_downloading": "Նկարի ներբեռնման սխալ",
+            "sent": "%(senderDisplayName)s-ն նկար է ուղարկել:",
+            "show_image": "Ցուցադրել նկարը"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s-ը ցանկանում է ստուգել",
+            "you_started": "Դուք ուղարկել եք ստուգման հարցում"
+        },
+        "m.location": {
+            "full": "%(senderName)s-ը կիսվել է իր գտնվելու վայրով",
+            "location": "Կիսվել է գտնվելու վայրով՝ ",
+            "self_location": "Կիսվել են իրենց գտնվելու վայրով՝ "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s ձայն",
+                "other": "%(count)s ձայներ"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s-ն ավարտել է հարցումը"
+        },
+        "m.poll.start": "%(senderName)s-ը սկսել է հարցում՝ %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s-ը փոխել է սենյակի ավատարը:",
+            "lightbox_title": "%(senderDisplayName)s-ը փոխել է %(roomName)s֊ի ավատարը"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s-ն ավելացրել է %(addresses)s այլընտրանքային հասցեն այս սենյակի համար։",
+                "other": "%(senderName)s-ն ավելացրել է %(addresses)s այլընտրանքային հասցեներն այս սենյակի համար։"
+            },
+            "alt_removed": {
+                "one": "%(senderName)s-ը հեռացրել է %(addresses)s այլընտրանքային հասցեն այս սենյակի համար։",
+                "other": "%(senderName)s-ը հեռացրել է %(addresses)s այլընտրանքային հասցեներն այս սենյակի համար։"
+            },
+            "changed": "%(senderName)s-ը փոխել է այս սենյակի հասցեները:",
+            "changed_alternative": "%(senderName)s-ը փոխել է այս սենյակի այլընտրանքային հասցեները:",
+            "changed_main_and_alternative": "%(senderName)s-ը փոխել է այս սենյակի հիմնական և այլընտրանքային հասցեները:",
+            "removed": "%(senderName)s-ը հեռացրել է այս սենյակի հիմնական հասցեն:",
+            "set": "%(senderName)s-ը սահմանել է այս սենյակի հիմնական հասցեն՝ %(address)s:"
+        },
+        "m.room.create": {
+            "continuation": "Այս սենյակը մեկ այլ զրույցի շարունակությունն է։",
+            "see_older_messages": "Սեղմեք այստեղ՝ ավելի հին հաղորդագրությունները տեսնելու համար։",
+            "unknown_predecessor": "Հնարավոր չէ գտնել այս սենյակի հին տարբերակը (սենյակի ID՝ %(roomId)s ), և մեզ չի տրամադրվել «via_servers»՝ այն փնտրելու համար։",
+            "unknown_predecessor_guess_server": "Հնարավոր չէ գտնել այս սենյակի հին տարբերակը (սենյակի ID՝ %(roomId)s ), և մեզ չի տրամադրվել «via_servers»՝ այն որոնելու համար։ Հնարավոր է, որ սենյակի ID-ից սերվերը գուշակելը կստացվի։ Եթե ուզում եք փորձել, սեղմեք այս հղման վրա։"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s-ը թույլ է տվել հյուրերին միանալ սենյակին:",
+            "forbidden": "%(senderDisplayName)s-ը կանխել է հյուրերին միանալ սենյակին:",
+            "unknown": "%(senderDisplayName)s-ը փոխել է հյուրի մուտքի թույլտվությունը %(rule)s-ով"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s-ը ապագա սենյակի պատմությունը տեսանելի է դարձրել սենյակի բոլոր անդամների համար՝ սկսած նրանց հրավիրելու պահից։",
+            "joined": "%(senderName)s-ը սենյակի ապագա պատմությունը տեսանելի է դարձրել սենյակի բոլոր անդամների համար՝ սկսած նրանց միանալու պահից։",
+            "shared": "%(senderName)s-ը սենյակի ապագա պատմությունը տեսանելի է դարձրել սենյակի բոլոր անդամների համար։",
+            "unknown": "%(senderName)s-ը ապագա սենյակի պատմությունը տեսանելի դարձրեց անհայտ անձանց (%(visibility)s):",
+            "world_readable": "%(senderName)s-ը սենյակի ապագա պատմությունը տեսանելի է դարձրել բոլորի համար։"
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s-ը սենյակի մուտքը դարձրեց միայն հրավերով։",
+            "knock": "%(senderDisplayName)s-ը փոխել է միանալու կանոնը՝ միանալ խնդրելու եղանակով:",
+            "public": "%(senderDisplayName)s-ը սենյակը հանրայնացրել է այն մարդկանց համար, ովքեր ունեն սենյակի հղումը:",
+            "restricted": "%(senderDisplayName)s-ը փոխել է կարգը, թե ով կարող է միանալ այս սենյակին:",
+            "restricted_settings": "%(senderDisplayName)s-ը փոխել է կարգը, թե ով կարող է միանալ այս սենյակին: <a>Դիտել կարգավորումները</a>։",
+            "unknown": "%(senderDisplayName)s-ը փոխել է միացման կանոնը %(rule)s֊ով։"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s-ն ընդունել է հրավերը․ %(displayName)s",
+            "accepted_invite": "%(targetName)s-ն ընդունել է հրավերը",
+            "ban": "%(senderName)s֊ը արգելափակել է %(targetName)s-ին․",
+            "ban_reason": "%(senderName)s֊ը արգելափակել է %(targetName)s-ին․ %(reason)s",
+            "change_avatar": "%(senderName)s-ը փոխել է իր պրոֆիլի նկարը",
+            "change_name": "%(oldDisplayName)s-ը փոխել է իր ցուցադրման անունը %(displayName)s-նով",
+            "change_name_avatar": "%(oldDisplayName)s-ը փոխել է իր ցուցադրման անունը և պրոֆիլի նկարը",
+            "invite": "%(senderName)s-ը հրավիրվել է %(targetName)s-ին",
+            "join": "%(targetName)s-ը միացել է սենյակին",
+            "kick": "%(senderName)s-ը հեռացրել է %(targetName)s-ին",
+            "kick_reason": "%(senderName)s-ը հեռացրել է %(targetName)s-ին․ %(reason)s",
+            "left": "%(targetName)s-ը լքել է սենյակը",
+            "left_reason": "%(targetName)s-ը լքեց սենյակը. (%(reason)s",
+            "no_change": "%(senderName)s-ը փոփոխություն չի կատարել",
+            "reject_invite": "%(targetName)s-ը մերժել է հրավերը",
+            "reject_invite_reason": "%(targetName)s-ի կողմից հրավերը մերժվել է․ %(reason)s։",
+            "remove_avatar": "%(senderName)s-ը հեռացրել են իր պրոֆիլի նկարը",
+            "remove_name": "%(senderName)s-ը հեռացրել է իր ցուցադրման անունը․ (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s-ը սահմանել է պրոֆիլի նկար",
+            "set_name": "%(senderName)s-ը սահմանել է իր ցուցադրման անունը %(displayName)s֊ն",
+            "unban": "%(senderName)s-ն ապաարգելափակել է %(targetName)s-ին",
+            "withdrew_invite": "%(senderName)s-ը հետ վերցրեց %(targetName)s-ի հրավերը",
+            "withdrew_invite_reason": "%(senderName)s-ը հետ վերցրեց %(targetName)s-ի հրավերը. %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s-ը փոխել է սենյակի անունը՝ %(oldRoomName)s-ից %(newRoomName)s-ն.",
+            "remove": "%(senderDisplayName)s-ը հեռացրել է սենյակի անունը:",
+            "set": "%(senderDisplayName)s-ը փոխել է սենյակի անունը %(roomName)s-ն:"
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s-ը փոխել է սենյակի համար ամրացված հաղորդագրությունները:",
+            "changed_link": "%(senderName)s-ը փոխել է սենյակի համար <a>ամրացված հաղորդագրությունը</a>։",
+            "pinned": "%(senderName)s-ն ամրացրել է հաղորդագրություն այս սենյակում։ Տեսնել բոլոր ամրացված հաղորդագրությունները։",
+            "pinned_link": "%(senderName)s-ն ամրացրել է <a>հաղորդագրությունը</a> այս սենյակում։ Տեսնել բոլոր <b>ամրացված հաղորդագրությունները</b>․",
+            "unpinned": "%(senderName)s-ն ապաամրացրել է հաղորդագրություն այս սենյակից։ Տեսնել բոլոր ամրացված հաղորդագրությունները։",
+            "unpinned_link": "%(senderName)s-ն ապաամրացրել է <a>հաղորդագրություն</a> այս սենյակից։ Տեսնել բոլոր <b>ամրացված հաղորդագրությունները</b>։"
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s-ը փոխել է %(powerLevelDiffText)s֊ի հզորության մակարդակը։",
+            "user_from_to": "%(userId)s-ը %(fromPowerLevel)s-ից %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s-ը չեղյալ է համարել %(targetDisplayName)s-ի սենյակին միանալու հրավերը:",
+            "sent": "%(senderName)s-ը հրավեր է ուղարկել %(targetDisplayName)s-ին՝ սենյակին միանալու համար։"
+        },
+        "m.room.tombstone": "%(senderDisplayName)s-ը թարմացրել է այս սենյակը:",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s-ը թարմացրեց թեման՝ \"%(topic)s\"։",
+            "removed": "%(senderDisplayName)s-ը հեռացրեց թեման։"
+        },
+        "m.sticker": "%(senderDisplayName)s-ը ուղարկել է ստիկեր:",
+        "m.video": {
+            "error_decrypting": "Տեսանյութի վերծանման սխալ",
+            "show_video": "Ցուցադրել տեսանյութը"
+        },
+        "m.widget": {
+            "added": "%(widgetName)s վիջեթն ավելացվել է %(senderName)s-ի կողմից",
+            "jitsi_ended": "Տեսակոնֆերանսն ավարտվել է %(senderName)s-ի կողմից",
+            "jitsi_join_right_prompt": "Միացեք կոնֆերանսին՝ աջ կողմում գտնվող սենյակի տեղեկատվական քարտից",
+            "jitsi_join_top_prompt": "Միացեք կոնֆերանսին այս սենյակի վերևի մասում",
+            "jitsi_started": "Տեսակոնֆերանսը սկսվել է %(senderName)s֊ի կողմից",
+            "jitsi_updated": "Տեսակոնֆերանսը թարմացվել է %(senderName)s-ի կողմից",
+            "modified": "%(widgetName)s վիջեթը փոփոխվել է %(senderName)s-ի կողմից",
+            "removed": "%(widgetName)s վիջեթը հեռացվել է %(senderName)s-ի կողմից"
+        },
+        "mab": {
+            "copy_link_thread": "Պատճենել հղումը թեմայում",
+            "view_in_room": "Դիտել սենյակում"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s թարմացրեց արգելքի կանոնը, որը նախկինում համապատասխանում էր %(oldGlob)s-ին, այժմ՝ %(newGlob)s-ին՝ %(reason)s պատճառով։",
+            "changed_rule_rooms": "%(senderName)s փոխեց կանոնը, որը արգելափակում էր %(oldGlob)s համապատասխանող սենյակները, այժմ այն գործում է %(newGlob)s համապատասխանողների համար՝ %(reason)s պատճառով։",
+            "changed_rule_servers": "%(senderName)s փոխեց կանոնը, որը արգելափակում էր %(oldGlob)s համապատասխանող սերվերները, այժմ այն գործում է %(newGlob)s համապատասխանողների համար՝ %(reason)s պատճառով։",
+            "changed_rule_users": "%(senderName)s փոխեց կանոնը, որը արգելափակում էր %(oldGlob)s համապատասխանող օգտատերերին, այժմ այն գործում է %(newGlob)s համապատասխանողների համար՝ %(reason)s պատճառով։",
+            "created_rule": "%(senderName)s-ը ստեղծեց %(glob)s–ին համապատասխանող արգելքի կանոն՝ %(reason)s պատճառով",
+            "created_rule_rooms": "%(senderName)s-ը ստեղծեց %(glob)s–ին համապատասխանող սենյակները արգելող կանոն՝ %(reason)s պատճառով",
+            "created_rule_servers": "%(senderName)s-ը ստեղծեց %(glob)s–ին համապատասխանող սերվերները արգելող կանոն՝ %(reason)s պատճառով",
+            "created_rule_users": "%(senderName)s-ը ստեղծեց %(glob)s–ին համապատասխանող օգտատերերին արգելող կանոն՝ %(reason)s պատճառով",
+            "removed_rule": "%(senderName)s-ը հեռացրել է %(glob)s-ին համապատասխանող արգելքի կանոնը",
+            "removed_rule_rooms": "%(senderName)s-ը հեռացրեց %(glob)s-ին համապատասխանող սենյակներն արգելող կանոնը",
+            "removed_rule_servers": "%(senderName)s-ը հեռացրեց %(glob)s-ին համապատասխանող սերվերներն արգելող կանոնը",
+            "removed_rule_users": "%(senderName)s-ը հեռացրեց %(glob)s-ին համապատասխանող օգտատերերին արգելող կանոնը",
+            "updated_invalid_rule": "%(senderName)s-ը թարմացրել է անվավեր արգելքի կանոնը",
+            "updated_rule": "%(senderName)s-ը թարմացրեց %(glob)s–ին համապատասխանող արգելքի կանոնը՝ %(reason)s պատճառով",
+            "updated_rule_rooms": "%(senderName)s-ը թարմացրեց այն կանոնը, որը արգելում է %(glob)s–ին համապատասխանող սենյակները՝ %(reason)s պատճառով",
+            "updated_rule_servers": "%(senderName)s-ը թարմացրեց այն կանոնը, որը արգելում է %(glob)s–ին համապատասխանող սերվերները՝ %(reason)s պատճառով",
+            "updated_rule_users": "%(senderName)s-ը թարմացրեց այն կանոնը, որը արգելում է %(glob)s–ին համապատասխանող օգտատերերին՝ %(reason)s պատճառով"
+        },
+        "no_permission_messages_before_invite": "Դուք թույլտվություն չունեք դիտելու այն հաղորդագրությունները, որոնք ուղարկված են եղել ձեր հրավերն ստանալուց առաջ։",
+        "no_permission_messages_before_join": "Դուք թույլտվություն չունեք դիտելու այն հաղորդագրությունները, որոնք ուղարկված են եղել ձեր միանալուց առաջ։",
+        "pending_moderation": "Հաղորդագրությունը սպասում է մոդերացիայի",
+        "pending_moderation_reason": "Մոդերացիայի սպասող հաղորդագրություն․ %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Ավելացնել արձագանք",
+            "custom_reaction_fallback_label": "Հատուկ արձագանք",
+            "label": "%(reactors)s-ն արձագանքեց %(content)s-ով",
+            "tooltip_caption": "արձագանքեց %(shortName)s-ով"
+        },
+        "read_receipt_title": {
+            "one": "Տեսել է %(count)s մարդ",
+            "other": "Տեսել է %(count)s մարդիկ"
+        },
+        "read_receipts_label": "Կարդալ անդորրագրերը",
+        "redacted": {
+            "tooltip": "Հաղորդագրությունը ջնջվել է %(date)s"
+        },
+        "redaction": "Հաղորդագրությունը ջնջվել է %(name)s-ի կողմից",
+        "reply": {
+            "error_loading": "Անհնար է բեռնել պատասխանված իրադարձությունը, այն կա՛մ գոյություն չունի, կա՛մ դուք չունեք այն դիտելու թույլտվություն:",
+            "in_reply_to": "<a>Ի պատասխան</a><pill>",
+            "in_reply_to_for_export": "Ի պատասխան <a> այս հաղորդագրությանը </a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Դուք շուտով կտեղափոխվեք երրորդ կողմի կայք, որպեսզի կարողանաք վավերացնել ձեր հաշիվը՝ %(integrationsUrl)s-ով օգտագործելու համար: Ցանկանո՞ւմ եք շարունակել:",
+            "dialog_title": "Ավելացնել ինտեգրում"
+        },
+        "self_redaction": "Հաղորդագրությունը ջնջված է",
+        "send_state_encrypting": "Ձեր հաղորդագրության գաղտնագրում...",
+        "send_state_failed": "Չհաջողվեց ուղարկել",
+        "send_state_sending": "Ձեր հաղորդագրությունն ուղարկվում է…",
+        "send_state_sent": "Ձեր հաղորդագրությունն ուղարկվեց",
+        "summary": {
+            "banned": {
+                "one": "արգելվել է",
+                "other": "արգելվել է %(count)s անգամ"
+            },
+            "banned_multiple": {
+                "one": "արգելվել են",
+                "other": "արգելվել են %(count)s անգամ"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)s փոխելէ իր պրոֆիլի նկարը",
+                "other": "%(oneUser)s փոխել իր պրոֆիլի նկարը %(count)s անգամ"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)s փոխել են իրենց պրոֆիլի նկարը",
+                "other": "%(severalUsers)s փոխել են իրենց պրոֆիլի նկարը %(count)s անգամ"
+            },
+            "changed_name": {
+                "one": "%(oneUser)s փոխել է իր անունը",
+                "other": "%(oneUser)s փոխել է իր անունը %(count)s անգամ"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)s փոխել են իրենց անունը",
+                "other": "%(severalUsers)s փոխել են իրենց անուն %(count)s անգամ"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)s ուղարկել է թաքնված հաղորդագրություն",
+                "other": "%(oneUser)s ուղարկել է %(count)s թաքնված հաղորդագրություններ"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)s ուղարկել են թաքնված հաղորդագրություն",
+                "other": "%(severalUsers)s ուղարկել են %(count)s թաքնված հաղորդագրություններ"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)s հրավերը հետ է կանչել",
+                "other": "%(oneUser)s հրավերը հետ է կանչվել %(count)s անգամ"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)s հրավերները հետ են կանչվել",
+                "other": "%(severalUsers)s հրավերները հետ են կանչվել %(count)s անգամ"
+            },
+            "invited": {
+                "one": "հրավիրվել էր",
+                "other": "հրավիրվել էր %(count)s անգամ"
+            },
+            "invited_multiple": {
+                "one": "հրավիրվել են",
+                "other": "հրավիրվել են %(count)s անգամ"
+            },
+            "joined": {
+                "one": "%(oneUser)s միացավ",
+                "other": "%(oneUser)s միացավ %(count)s անգամ"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)s միացավ և լքեց",
+                "other": "%(oneUser)s միացավ և լքեց %(count)s անգամ"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)s միացած և լքած",
+                "other": "%(severalUsers)s միացած և լքած %(count)s անգամ"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)s միացած",
+                "other": "%(severalUsers)s միացած %(count)s անգամ"
+            },
+            "kicked": {
+                "one": "հեռացվել է",
+                "other": "հեռացվել է %(count)s անգամ"
+            },
+            "kicked_multiple": {
+                "one": "հեռացվել են",
+                "other": "հեռացվել են %(count)s անգամ"
+            },
+            "left": {
+                "one": "%(oneUser)s լքեց",
+                "other": "%(oneUser)s լքեց %(count)s անգամ"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)s լքած",
+                "other": "%(severalUsers)s լքած %(count)s անգամ"
+            },
+            "no_change": {
+                "one": "%(oneUser)s փոփոխություններ չի կատարել",
+                "other": "%(oneUser)s փոփոխություններ չի կատարել %(count)s անգամ"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)s փոփոխություններ չեն կատարել",
+                "other": "%(severalUsers)s փոփոխություններ չեն կատարել %(count)s անգամ"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)s փոխել է սենյակի համար <a>ամրացված հաղորդագրությունները</a>",
+                "other": "%(oneUser)s փոխել է սենյակի համար <a>ամրացված հաղորդագրությունները</a> %(count)s անգամ"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s փոխել են սենյակի համար <a>ամրացված հաղորդագրությունները</a>",
+                "other": "%(severalUsers)s փոխել են սենյակի համար <a>ամրացված հաղորդագրությունները</a> %(count)s անգամ"
+            },
+            "redacted": {
+                "one": "%(oneUser)s հեռացրել է հաղորդագրություն",
+                "other": "%(oneUser)s հեռացրել է %(count)s հաղորդագրություններ"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s հեռացրել են հաղորդագրություն",
+                "other": "%(severalUsers)s հեռացրել են %(count)s հաղորդագրություններ"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)s մերժել է իր հրավերը",
+                "other": "%(oneUser)s մերժել է իր հրավերը %(count)s անգամ"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)s մերժել են իրենց հրավերները",
+                "other": "%(severalUsers)s մերժել են իրենց հրավերների %(count)s անգամ"
+            },
+            "rejoined": {
+                "one": "%(oneUser)s լքեց և նորից միացավ",
+                "other": "%(oneUser)s լքեց և նորից միացավ %(count)s անգամ"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)s լքած և նորից միացած",
+                "other": "%(severalUsers)s լքած և նորից միացած %(count)s անգամ"
+            },
+            "unbanned": {
+                "one": "ապաարգելվել է",
+                "other": "ապաարգելվել է %(count)s անգամ"
+            },
+            "unbanned_multiple": {
+                "one": "ապաարգելվել են",
+                "other": "ապաարգելվել են %(count)s անգամ"
+            }
+        },
+        "thread_info_basic": "Թեմաից",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s-ը և մեկ ուրիշը գրում են ...",
+                "other": "%(names)s-ը և %(count)s այլ օգտատերեր գրում են ․․․"
+            },
+            "one_user": "%(displayName)s-ը գրում է ...",
+            "two_users": "%(names)s-ը և %(lastPerson)s-ը գրում են ․․․"
+        },
+        "undecryptable_tooltip": "Անհնար է վերծանել այս հաղորդագրությունը"
+    },
+    "truncated_list_n_more": {
+        "one": "",
+        "other": "Եվ ևս %(հաշվարկ)s..."
+    },
+    "unsupported_browser": {
+        "description": "Եթե շարունակեք, որոշ հնարավորություններ կարող են դադարեցնել աշխատանքը, և գոյություն ունի տվյալների կորուստի ռիսկ։ Թարմացրեք ձեր զննարկիչը, որպեսզի շարունակեք օգտագործել %(brand)s-ը։",
+        "title": "Այս զննարկիչը չի աջակցվում %(brand)s-ի կողմից"
+    },
+    "unsupported_server_description": "Այս սերվերը օգտագործում է Matrix-ի ավելի հին տարբերակը: Թարմացրեք Matrix %(version)s տարբերակով՝ %(brand)s-ն առանց սխալների օգտագործելու համար:",
+    "unsupported_server_title": "Ձեր սերվերը չի աջակցվում",
+    "update": {
+        "changelog": "Փոփոխությունների մատյան",
+        "check_action": "Ստուգել նոր տարբերակի առկայությունը",
+        "checking": "Թարմացման ստուգում...",
+        "downloading": "Թարմացումը ներբեռնվում է…",
+        "error_encountered": "Սխալ է առաջացել (%(errorDetail)s):",
+        "error_unable_load_commit": "Անհնար է բեռնել հանձնման մանրամասները. %(msg)s",
+        "new_version_available": "Նոր տարբերակը հասանելի է: <a>Թարմացնել հիմա։</a>",
+        "no_update": "Թարմացում հասանելի չէ:",
+        "release_notes_toast_title": "Ինչ է նոր",
+        "see_changes_button": "Ի՞նչ նոր բան կա:",
+        "toast_description": "%(brand)s-ի նոր տարբերակը հասանելի է",
+        "toast_title": "Թարմացնել %(brand)s-ը",
+        "unavailable": "Անհասանելի"
+    },
+    "update_room_access_modal": {
+        "description": "Կիսման հղում ստեղծելու համար դարձրեք այս սենյակը <b>հանրային</b> կամ ակտիվացրեք այն տարբերակը, որը թույլ է տալիս օգտատերերին <b>խնդրել միանալ</b>։ Սա հնարավորություն է տալիս հյուրերին միանալ առանց հրավերի։",
+        "dont_change_description": "Եթե չեք ցանկանում փոխել այս սենյակի հասանելիությունը, կարող եք ստեղծել նոր սենյակ զանգի հղման համար։",
+        "no_change": "Ես չեմ ցանկանում փոխել հասանելիության աստիճանը։",
+        "revert_access_description": "(Սա կարող է վերադարձվել նախորդ արժեքին սենյակի կարգավորումներում․ <b>Անվտանգություն և գաղտնիություն</b> / <b>Մուտք</b>)",
+        "title": "Թույլատրել հյուր օգտատերերին միանալ այս սենյակին"
+    },
+    "upload_failed_generic": "“%(fileName)s' ֆայլը չի հաջողվել վերբեռնել:",
+    "upload_failed_size": "“%(fileName)s” ֆայլը գերազանցում է այս սերվերում վերբեռնումների համար նախատեսված ծավալը",
+    "upload_failed_title": "Վերբեռնումը ձախողվեց",
+    "upload_file": {
+        "cancel_all_button": "Չեղարկել բոլորը",
+        "error_file_too_large": "Այս ֆայլը <b>չափազանց մեծ է</b> ներբեռնելու համար: Ֆայլի չափի սահմանը %(limit)s է, բայց այս ֆայլը %(sizeOfThisFile)s է:",
+        "error_files_too_large": "Այս ֆայլերը <b>չափազանց մեծ են</b> վերբեռնելու համար։ Ֆայլի չափի սահմանաչափը %(limit)s է։",
+        "error_some_files_too_large": "Որոշ ֆայլեր <b>չափազանց մեծ են</b> վերբեռնման համար։ Ֆայլի չափի սահմանաչափը %(limit)s է։",
+        "error_title": "Վերբեռնման սխալ",
+        "not_image": "Ձեր ընտրած ֆայլը վավեր պատկերի ֆայլ չէ։",
+        "title": "Ֆայլերի վերբեռնում",
+        "title_progress": "Բեռնել ֆայլերը (%(current)s-ը %(total)s-ից)",
+        "upload_all_button": "Բեռնել բոլորը",
+        "upload_n_others_button": {
+            "one": "Բեռնել %(count)s այլ ֆայլ",
+            "other": "Բեռնել %(count)s այլ ֆայլեր"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Ադմինիստրատորի գործիքներ",
+        "ban_button_room": "Արգելափակել սենյակից",
+        "ban_button_space": "Արգելափակել տարածքից",
+        "ban_room_confirm_title": "Արգելափակել %(roomName)s֊ից",
+        "ban_space_everything": "Արգելափակել նրանց ամեն ինչից, ինչից կարող եմ",
+        "ban_space_specific": "Արգելափակել նրանց որոշակի բաներից, որոնք ես կարող եմ անել",
+        "deactivate_confirm_action": "Ապաակտիվացնել օգտատիրոջը",
+        "deactivate_confirm_description": "Այս օգտատիրոջ ապաակտիվացումը կհանգեցնի համակարգից նրա դուրս գալուն և թույլ չի տա նրան նորից մուտք գործել։ Բացի այդ, նա կլքի բոլոր սենյակները, որտեղ գտնվում է։ Այս գործողությունը չի կարող հետադարձվել։ Վստա՞հ եք, որ ցանկանում եք ապաակտիվացնել այս օգտատիրոջը։",
+        "deactivate_confirm_title": "Ապաակտիվացնե՞լ օգտատիրոջը",
+        "demote_button": "Նվազեցնել պաշտոնը",
+        "demote_self_confirm_description_space": "Դուք չեք կարողանա չեղարկել այս փոփոխությունը, քանի որ դուք իջեցնում եք ձեր կարգավիճակը։ Եթե դուք տարածքում վերջին արտոնյալ օգտատերն եք, ապա անհնար կլինի վերականգնել արտոնությունները։",
+        "demote_self_confirm_room": "Դուք չեք կարողանա չեղարկել այս փոփոխությունը, քանի որ դուք իջեցնում եք ձեր կարգավիճակը։ Եթե դուք սենյակի վերջին արտոնյալ օգտատերն եք, ապա անհնար կլինի վերականգնել արտոնությունները։",
+        "demote_self_confirm_title": "Ինքներդ ձեզ պաշտոնից ցածրացնե՞լ",
+        "disinvite_button_room": "Հրավերը հանել սենյակից",
+        "disinvite_button_room_name": "Հրավերը հանել %(roomName)s-ից",
+        "disinvite_button_space": "Հրավերը հանել տարածքից",
+        "error_ban_user": "Չհաջողվեց արգելափակել օգտատիրոջը",
+        "error_deactivate": "Չհաջողվեց ապաակտիվացնել օգտատիրոջը",
+        "error_kicking_user": "Չհաջողվեց հեռացնել օգտատիրոջը",
+        "error_mute_user": "Չհաջողվեց լռեցնել օգտատիրոջը",
+        "error_revoke_3pid_invite_description": "Հնարավոր չէ չեղարկել հրավերը: Հնարավոր է՝ սերվերը ժամանակավոր խնդիր ունի, կամ դուք բավարար թույլտվություններ չունեք հրավերը չեղարկելու համար:",
+        "error_revoke_3pid_invite_title": "Չհաջողվեց չեղարկել հրավերը",
+        "ignore_button": "Անտեսել",
+        "ignore_confirm_description": "Այս օգտատիրոջ բոլոր հաղորդագրությունները և հրավերները կթաքցվեն։ Վստա՞հ եք, որ ցանկանում եք անտեսել դրանք։",
+        "ignore_confirm_title": "Անտեսել %(user)s֊ին",
+        "invited_by": "Հրավիրված է %(sender)s֊ի կողմից",
+        "jump_to_rr_button": "Անցնել «բաղադրատոմսերի» ընթերցմանը",
+        "kick_button_room": "Հեռացնել սենյակից",
+        "kick_button_room_name": "Հեռացնել %(roomName)s-ից",
+        "kick_button_space": "Հեռացնել տարածքից",
+        "kick_button_space_everything": "Հեռացնել դրանք ամեն ինչից, ինչից կարող եմ",
+        "kick_space_specific": "Հեռացնել դրանք որոշակի բաներից, որոնք ես կարող եմ",
+        "kick_space_warning": "Նրանք դեռ կկարողանան մուտք գործել/դիմել այն ամենին, որի ադմինիստրատորը դուք չեք։",
+        "promote_warning": "Դուք չեք կարողանա հետարկել այս փոփոխությունը, քանի որ դուք օգտատիրոջը նույն հզորության մակարդակն եք առաջարկում, ինչ ձերը։",
+        "redact": {
+            "confirm_button": {
+                "one": "Հեռացնել 1 հաղորդագրություն",
+                "other": "Հեռացնել %(count)s հաղորդագրություններ"
+            },
+            "confirm_description_1": {
+                "one": "Դուք պատրաստվում եք հեռացնել %(count)s հաղորդագրություն՝ ուղարկված %(user)s-ի կողմից։ Սա ընդմիշտ կհեռացնի դրանք զրույցի բոլոր մասնակիցների համար։ Ցանկանո՞ւմ եք շարունակել։",
+                "other": "Դուք պատրաստվում եք հեռացնել %(count)s հաղորդագրություն՝ ուղարկված %(user)s-ի կողմից։ Սա ընդմիշտ կհեռացնի դրանք զրույցի բոլոր մասնակիցների համար։ Ցանկանո՞ւմ եք շարունակել։"
+            },
+            "confirm_description_2": "Մեծ քանակությամբ հաղորդագրությունների դեպքում սա կարող է որոշ ժամանակ պահանջել: Խնդրում ենք մինչ այդ չթարմացնել ձեր ծրագրի էջը:",
+            "confirm_keep_state_explainer": "Հանեք նշումը, եթե ցանկանում եք նաև հեռացնել այս օգտատիրոջ համակարգային հաղորդագրությունները (օրինակ՝ անդամակցության փոփոխություն, պրոֆիլի փոփոխություն…):",
+            "confirm_keep_state_label": "Պահպանել համակարգի հաղորդագրությունները",
+            "confirm_title": "Հեռացնել %(user)s֊ի կողմից վերջերս ուղարկված հաղորդագրությունները",
+            "no_recent_messages_description": "Փորձեք ոլորել ժամանակացույցը դեպի վեր՝ տեսնելու, թե արդյոք կան ավելի վաղ գրառումներ:",
+            "no_recent_messages_title": "%(user)s-ի կողմից վերջերս ուղարկված հաղորդագրություններ չեն գտնվել"
+        },
+        "redact_button": "Ջնջել հաղորդագրությունները",
+        "revoke_invite": "Հրավերի չեղարկում",
+        "room_encrypted": "Այս սենյակում հաղորդագրությունները ծայրից ծայր գաղտնագրված են։",
+        "room_encrypted_detail": "Ձեր հաղորդագրությունները պաշտպանված են, և միայն դուք և ստացողը ունեք դրանք բացելու եզակի բանալիներ։",
+        "room_unencrypted": "Այս սենյակում հաղորդագրությունները ծայրից ծայր գաղտնագրված չեն։",
+        "room_unencrypted_detail": "Գաղտնագրված սենյակներում ձեր հաղորդագրությունները պաշտպանված են, և միայն դուք և ստացողն ունեք դրանք բացելու եզակի բանալիներ։",
+        "send_message": "Ուղարկել հաղորդագրություն",
+        "share_button": "Կիսվել պրոֆիլով",
+        "unban_button_room": "Ապաարգելափակել սենյակից",
+        "unban_button_space": "Ապաարգելափակել տարածքից",
+        "unban_room_confirm_title": "Ապարագելափակել %(roomName)s֊ից",
+        "unban_space_everything": "Ապաարգելափակել նրանց ամեն ինչից, ինչից կարող եմ",
+        "unban_space_specific": "Ապաարգելափակել նրանց որոշակի բաներից, որոնք ես կարող եմ անել",
+        "unban_space_warning": "Նրանք չեն կարողանա մուտք գործել/դիմել այն ամենին, որի ադմինիստրատորը դուք չեք։",
+        "unignore_button": "Դադարեցնել անտեսումը",
+        "verification_unavailable": "Օգտատիրոջ ստուգումը հասանելի չէ",
+        "verify_button": "Հաստատել օգտատիրոջը",
+        "verify_explainer": "Լրացուցիչ անվտանգության համար հաստատեք այս օգտատիրոջը՝ ստուգելով միանգամյա կոդը ձեր երկու սարքերի վրա։"
+    },
+    "voip": {
+        "already_in_call": "Արդեն զանգի մեջ է",
+        "already_in_call_person": "Դուք արդեն զանգի մեջ եք այս անձի հետ։",
+        "answered_elsewhere": "Պատասխանել է այլ տեղ",
+        "answered_elsewhere_description": "Զանգին պատասխանվել է մեկ այլ սարքից։",
+        "call_failed": "Զանգը ձախողվեց",
+        "call_failed_description": "Զանգը չհաջողվեց հաստատել",
+        "call_failed_media": "Զանգը ձախողվեց, քանի որ անհնար էր դիմել վեբտեսախցիկին կամ խոսափողին: Ստուգեք, որ.",
+        "call_failed_media_applications": "Ոչ մի այլ ծրագիր չի օգտագործում վեբ-տեսախցիկը",
+        "call_failed_media_connected": "Խոսափողը եւ վեբ-տեսախցիկը միացված են և ճիշտ կարգավորված",
+        "call_failed_media_permissions": "Վեբ-տեսախցիկի օգտագործման թույլտվությունը տրված է",
+        "call_failed_microphone": "Զանգը ձախողվեց, քանի որ անհնար էր դիմել խոսափողին: Ստուգեք, որ խոսափողը միացված է և ճիշտ կարգավորված:",
+        "call_held": "%(peerName)s-ը զանգը պահեց",
+        "call_held_resume": "Դուք զանգը պահեցիք <a>Վերսկսել</a>",
+        "call_held_switch": "Դուք զանգը պահեցիք <a>Փոխել</a>",
+        "call_toast_unknown_room": "Անհայտ սենյակ",
+        "camera_disabled": "Ձեր տեսախցիկն անջատված է",
+        "camera_enabled": "Ձեր տեսախցիկը դեռ միացված է",
+        "cannot_call_yourself_description": "Դուք չեք կարող զանգահարել ինքներդ ձեզ։",
+        "close_lobby": "Փակել նախասրահը",
+        "connecting": "Միանում է",
+        "connection_lost": "Սերվերի հետ կապը կորել է",
+        "connection_lost_description": "Դուք չեք կարող զանգեր կատարել առանց սերվերի հետ կապի։",
+        "consulting": "Խորհրդատվություն %(transferTarget)s-ի հետ։ <a>Փոխանցում է %(transferee)s-ին </a>",
+        "default_device": "Լռելյայն սարք",
+        "dial": "Զանգահարել",
+        "dialpad": "Թվաշար",
+        "disable_camera": "Անջատել տեսախցիկը",
+        "disable_microphone": "Խլացնել խոսափողը",
+        "disabled_no_perms_start_video_call": "Դուք չունեք տեսազանգեր սկսելու թույլտվություն",
+        "disabled_no_perms_start_voice_call": "Դուք չունեք ձայնային զանգեր սկսելու թույլտվություն",
+        "disabled_ongoing_call": "Շարունակական զանգ",
+        "element_call": "Element զանգ",
+        "enable_camera": "Միացնել տեսախցիկը",
+        "enable_microphone": "Ապախլացնել խոսափողը",
+        "expand": "Վերադառնալ զանգին",
+        "get_call_link": "Կիսվել զանգի հղումով",
+        "hangup": "Կանգ առնել",
+        "hide_sidebar_button": "Թաքցնել կողային վահանակը",
+        "input_devices": "Մուտքագրման սարքեր",
+        "jitsi_call": "Jitsi կոնֆերանս(ժողով)",
+        "legacy_call": "Հնացած զանգ",
+        "maximise": "Լրացնել էկրանը",
+        "maximise_call": "Զանգը առավելագույնի հասցնել",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Համաժողովներ"
+        },
+        "minimise_call": "Զանգը նվազագույնի հասցնել",
+        "misconfigured_server": "Զանգը ձախողվեց սխալ կարգավորված սերվերի պատճառով",
+        "misconfigured_server_description": "Խնդրում ենք խնդրել ձեր սերվերի ադմինիստրատորին (<code>%(homeserverDomain)s</code> )՝ TURN սերվերը կարգավորելու համար, որպեսզի զանգերը հուսալիորեն աշխատեն։",
+        "misconfigured_server_fallback": "Այլապես, դուք կարող եք փորձել օգտագործել հանրային սերվեր՝ <server/>, սակայն սա այնքան էլ հուսալի չի լինի, և այն կկիսվի ձեր IP հասցեով այդ սերվերի հետ։ Դուք կարող եք նաև կառավարել սա Կարգավորումներում։",
+        "misconfigured_server_fallback_accept": "Փորձել օգտագործել %(server)s-ը",
+        "more_button": "Ավելին",
+        "msisdn_lookup_failed": "Հեռախոսահամարը հնարավոր չէ գտնել",
+        "msisdn_lookup_failed_description": "Հեռախոսահամարը որոնելիս սխալ առաջացավ",
+        "msisdn_transfer_failed": "Զանգը հնարավոր չէ փոխանցել",
+        "n_people_joined": {
+            "one": "%(count)s անձ միացել է",
+            "other": "%(count)s մարդիկ միացել են"
+        },
+        "no_audio_input_description": "Ձեր սարքում խոսափող չգտանք: Խնդրում ենք ստուգել ձեր պարամետրերը և կրկին փորձեք:",
+        "no_audio_input_title": "Խոսափող չի գտնվել",
+        "no_media_perms_description": "Հնարավոր է՝ անհրաժեշտ լինի %(brand)s-ին ձեռքով թույլտվություն տալ ձեր խոսափողին/տեսախցիկին դիմելու համար",
+        "no_media_perms_title": "Մեդիա թույլտվություններ չկան",
+        "no_permission_conference": "Պահանջվում է թույլտվություն",
+        "no_permission_conference_description": "Դուք չունեք այս սենյակում կոնֆերանս զանգ սկսելու թույլտվություն",
+        "on_hold": "%(name)s-ը սպասման մեջ է",
+        "output_devices": "Ելքային սարքեր",
+        "screenshare_monitor": "Կիսվել ամբողջ էկրանով",
+        "screenshare_title": "Կիսվել բովանդակությամբ",
+        "screenshare_window": "Ծրագրի պատուհան",
+        "show_sidebar_button": "Ցուցադրել կողային վահանակը",
+        "silence": "Զանգի լռեցում",
+        "silenced": "Ծանուցումները լռեցված են",
+        "start_screenshare": "Սկսել կիսել ձեր էկրանը",
+        "stop_screenshare": "Ընդհատել էկրանի կիսումը",
+        "too_many_calls": "Չափազանց շատ զանգեր",
+        "too_many_calls_description": "Դուք հասել եք միաժամանակյա զանգերի առավելագույն քանակին։",
+        "transfer_consult_first_label": "Նախ խորհրդակցեք",
+        "transfer_failed": "Փոխանցումը ձախողվեց",
+        "transfer_failed_description": "Զանգը չհաջողվեց փոխանցել",
+        "unable_to_access_audio_input_description": "Մենք չկարողացանք դիմել ձեր խոսափողին: Ստուգեք ձեր զննարկիչի կարգավորումները և կրկին փորձեք:",
+        "unable_to_access_audio_input_title": "Անհնար է դիմել ձեր խոսափողին",
+        "unable_to_access_media": "Անհնար է դիմել վեբ-տեսախցիկին / խոսափողին",
+        "unable_to_access_microphone": "Անհնար է դիմել խոսափողին",
+        "unknown_caller": "Անհայտ զանգահարող",
+        "unknown_person": "անհայտ անձ",
+        "unsilence": "Ձայնը միացնել",
+        "unsupported": "Զանգերը չեն աջակցվում",
+        "unsupported_browser": "Դուք չեք կարող զանգեր կատարել այս զննարկիչում:",
+        "user_busy": "Օգտատերը զբաղված է",
+        "user_busy_description": "Ձեր զանգահարած օգտատերը զբաղված է։",
+        "user_is_presenting": "%(sharerName)s-ը ներկայացնում է",
+        "video_call": "Տեսազանգ",
+        "video_call_using": "Տեսազանգ՝ օգտագործելով՝",
+        "voice_call": "Ձայնային զանգ",
+        "you_are_presenting": "Դուք ներկայացնում եք"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s %(osName)s-ի վրա",
+    "widget": {
+        "added_by": "Վիջեթը ավելացվել է",
+        "capabilities_dialog": {
+            "content_starting_text": "Այս վիջեթը կցանկանար՝",
+            "decline_all_permission": "Մերժել բոլորը",
+            "remember_Selection": "Հիշեք իմ ընտրությունը այս վիջեթի համար",
+            "title": "Հաստատել վիջեթի թույլտվությունները"
+        },
+        "capability": {
+            "always_on_screen_generic": "Մնալ էկրանին աշխատելու ընթացքում",
+            "always_on_screen_viewing_another_room": "Մնալ էկրանին այլ սենյակ դիտելիս",
+            "any_room": "Վերը նշվածը, բայց ցանկացած սենյակում, որտեղ դուք միացած եք կամ հրավիրված եք, նույնպես",
+            "byline_empty_state_key": "վիճակի դատարկ բանալիով",
+            "byline_state_key": "%(stateKey)s վիճակի բանալիով",
+            "capability": "<b>%(capability)s</b> հնարավորություն",
+            "change_avatar_active_room": "Փոխել ձեր ակտիվ սենյակի ավատարը",
+            "change_avatar_this_room": "Փոխել այս սենյակի ավատարը",
+            "change_name_active_room": "Փոխել ձեր ակտիվ սենյակի անունը",
+            "change_name_this_room": "Փոխել այս սենյակի անունը",
+            "change_topic_active_room": "Փոխեք ձեր ակտիվ սենյակի թեման",
+            "change_topic_this_room": "Փոխեք այս սենյակի թեման",
+            "receive_membership_active_room": "Տեսնել, թե երբ են մարդիկ միանում, դուրս գալիս կամ հրավիրվում ձեր ակտիվ սենյակ",
+            "receive_membership_this_room": "Տեսնել, թե երբ են մարդիկ միանում, դուրս գալիս կամ հրավիրվում այս սենյակ",
+            "remove_ban_invite_leave_active_room": "Հեռացնել, արգելափակել կամ հրավիրել մարդկանց ձեր ակտիվ սենյակ, և ստիպել ձեզ հեռանալ",
+            "remove_ban_invite_leave_this_room": "Հեռացնել, արգելափակել կամ հրավիրել մարդկանց այս սենյակ, և ստիպել ձեզ դուրս գալ",
+            "see_avatar_change_active_room": "Տեսնել, թե երբ է ձեր ակտիվ սենյակում ավատարը փոխվում",
+            "see_avatar_change_this_room": "Տեսնել, թե երբ է այս սենյակում ավատարը փոխվում",
+            "see_event_type_sent_active_room": "Տեսնել <b>%(eventType)s</b> իրադարձությունները՝ տեղադրված ձեր ակտիվ սենյակում",
+            "see_event_type_sent_this_room": "Տեսնել <b>%(eventType)s</b> իրադարձությունները՝ տեղադրված այս սենյակում",
+            "see_images_sent_active_room": "Տեսնել ձեր ակտիվ սենյակում տեղադրված պատկերները",
+            "see_images_sent_this_room": "Տեսնել այս սենյակում տեղադրված պատկերները",
+            "see_messages_sent_active_room": "Դիտել ձեր ակտիվ սենյակում տեղադրված հաղորդագրությունները",
+            "see_messages_sent_this_room": "Տեսնել այս սենյակում ուղարկված հաղորդագրությունները",
+            "see_msgtype_sent_active_room": "Տեսնել <b>%(msgtype)s</b> հաղորդագրությունները՝ տեղադրված ձեր ակտիվ սենյակում",
+            "see_msgtype_sent_this_room": "Տեսնել <b>%(msgtype)s</b> հաղորդագրությունները՝ տեղադրված այս սենյակում",
+            "see_name_change_active_room": "Տեսնել, թե երբ է անունը փոխվում ձեր ակտիվ սենյակում",
+            "see_name_change_this_room": "Տեսնել, թե երբ է այս սենյակի անունը փոխվում",
+            "see_sent_emotes_active_room": "Տեսնել ձեր ակտիվ սենյակում տեղադրված էմոցիաները",
+            "see_sent_emotes_this_room": "Տեսնել այս սենյակում տեղադրված էմոցիաները",
+            "see_sent_files_active_room": "Տեսնել ձեր ակտիվ սենյակում տեղադրված ընդհանուր ֆայլերը",
+            "see_sent_files_this_room": "Տեսնել այս սենյակում տեղադրված ընդհանուր ֆայլերը",
+            "see_sticker_posted_active_room": "Տեսնել, երբ որևէ մեկը կպչուն պիտակ է տեղադրում ձեր ակտիվ սենյակում",
+            "see_sticker_posted_this_room": "Տեսնել, թե երբ է այս սենյակում կպչուն պիտակ փակցվում",
+            "see_text_messages_sent_active_room": "Դիտել ձեր ակտիվ սենյակում ուղարկված տեքստային հաղորդագրությունները",
+            "see_text_messages_sent_this_room": "Դիտել այս սենյակում ուղարկված տեքստային հաղորդագրությունները",
+            "see_topic_change_active_room": "Տեսնել, թե երբ է ձեր ակտիվ սենյակի թեման փոխվում",
+            "see_topic_change_this_room": "Տեսնել, թե երբ է այս սենյակում թեման փոխվում",
+            "see_videos_sent_active_room": "Տեսնել ձեր ակտիվ սենյակում տեղադրված տեսանյութերը",
+            "see_videos_sent_this_room": "Տեսնել այս սենյակում տեղադրված տեսանյութերը",
+            "send_emotes_active_room": "Ուղարկել էմոցիաներ ձեր անունից ձեր ակտիվ սենյակում",
+            "send_emotes_this_room": "Ուղարկել էմոցիաներ ձեր անունից այս սենյակում",
+            "send_event_type_active_room": "Ուղարկել <b>%(eventType)s</b> իրադարձություններ ձեր անունից ձեր ակտիվ սենյակում",
+            "send_event_type_this_room": "Ուղարկել <b>%(eventType)s</b> իրադարձություններ ձեր անունից այս սենյակում",
+            "send_files_active_room": "Ուղարկել ընդհանուր ֆայլեր ձեր անունից ձեր ակտիվ սենյակում",
+            "send_files_this_room": "Ուղարկել ընդհանուր ֆայլեր ձեր անունից այս սենյակում",
+            "send_images_active_room": "Ուղարկել պատկերներ ձեր անունից ձեր ակտիվ սենյակում",
+            "send_images_this_room": "Ուղարկել պատկերներ ձեր անունից այս սենյակում",
+            "send_messages_active_room": "Ուղարկել հաղորդագրություններ ձեր անունից ձեր ակտիվ սենյակում",
+            "send_messages_this_room": "Ուղարկել հաղորդագրություններ ձեր անունից այս սենյակում",
+            "send_msgtype_active_room": "Ուղարկել <b>%(msgtype)s</b> հաղորդագրություններ ձեր անունից ձեր ակտիվ սենյակում",
+            "send_msgtype_this_room": "Ուղարկել <b>%(msgtype)s</b> հաղորդագրություններ ձեր անունից այս սենյակում",
+            "send_stickers_active_room": "Ուղարկեք ստիկերներ ձեր ակտիվ սենյակ",
+            "send_stickers_active_room_as_you": "Ուղարկել ստիկերներ ձեր անունից ձեր ակտիվ սենյակում",
+            "send_stickers_this_room": "Ուղարկեք կպչուն պիտակներ այս սենյակ",
+            "send_stickers_this_room_as_you": "Ուղարկել ստիկերներ ձեր անունից այս սենյակում",
+            "send_text_messages_active_room": "Ուղարկել տեքստային հաղորդագրություններ ձեր անունից ձեր ակտիվ սենյակում",
+            "send_text_messages_this_room": "Ուղարկել տեքստային հաղորդագրություններ ձեր անունից այս սենյակում",
+            "send_videos_active_room": "Ուղարկել տեսանյութեր ձեր անունից ձեր ակտիվ սենյակում",
+            "send_videos_this_room": "Ուղարկել տեսանյութեր ձեր անունից այս սենյակում",
+            "specific_room": "Վերը նշվածը, բայց նաև <Room />-ում",
+            "switch_room": "Փոխեք այն սենյակը, որը դիտում եք",
+            "switch_room_message_user": "Փոխեք, թե որ սենյակը, հաղորդագրությունը կամ օգտատիրոջն եք դիտում"
+        },
+        "close_to_view_right_panel": "Փակել այս վիջեթը՝ այն այս վահանակում դիտելու համար",
+        "context_menu": {
+            "delete": "Ջնջել վիջեթը",
+            "delete_warning": "Վիջեթը ջնջելիս այն կհեռացվի այս սենյակի բոլոր օգտատերերի համար։ Վստա՞հ եք, որ ուզում եք ջնջել այս վիջեթը։"
+        },
+        "cookie_warning": "Այս վիջեթը կարող է օգտագործել cookie-ներ։",
+        "error_hangup_description": "Դուք անջատվել եք զանգից։ (Սխալ՝ %(message)s )",
+        "error_hangup_title": "Կապը կորավ",
+        "error_loading": "Վիջեթի բեռնման սխալ",
+        "error_mixed_content": "Սխալ. խառնված բովանդակություն",
+        "error_need_invite_permission": "Դուք պետք է կարողանաք հրավիրել օգտատերերին դա անելու համար։",
+        "error_need_kick_permission": "Դա անելու համար դուք պետք է կարողանաք հեռացնել օգտատերերին",
+        "error_need_to_be_logged_in": "Դուք պետք է մուտք գործեք։",
+        "error_unable_start_audio_stream_description": "Անհնար է սկսել աուդիո հոսքային հեռարձակումը։",
+        "error_unable_start_audio_stream_title": "Չհաջողվեց սկսել ուղիղ հեռարձակումը",
+        "modal_data_warning": "Ստորև բերված տվյալները կիսվում են %(widgetDomain)s-ի հետ",
+        "modal_title_default": "Մոդալային վիջեթ",
+        "no_name": "Անհայտ հավելված",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Հիշել սա",
+            "starting_text": "Վիջեթը կհաստատի ձեր օգտատիրոջ ID-ն, բայց չի կարողանա կատարել գործողություններ ձեզ համար․",
+            "title": "Թույլատրել այս վիջեթին ստուգել ձեր ինքնությունը"
+        },
+        "popout": "Բացվող պատուհանի վիջեթ",
+        "set_room_layout": "Սահմանել դասավորություն բոլորի համար",
+        "shared_data_avatar": "Ձեր պրոֆիլի նկարի URL-ը",
+        "shared_data_device_id": "Ձեր սարքի ID-ն",
+        "shared_data_lang": "Ձեր լեզուն",
+        "shared_data_mxid": "Ձեր օգտատիրոջ ID-ն",
+        "shared_data_name": "Ձեր ցուցադրվող անունը",
+        "shared_data_room_id": "Սենյակի ID",
+        "shared_data_theme": "Ձեր թեման",
+        "shared_data_url": "%(brand)s URL",
+        "shared_data_warning": "Այս վիջեթի օգտագործումը կարող է տվյալներ կիսել <helpIcon /> %(widgetDomain)s-ի հետ։",
+        "shared_data_warning_im": "Այս վիջեթի օգտագործումը կարող է տվյալներ կիսել <helpIcon /> %(widgetDomain)s-ի և ձեր ինտեգրման մենեջերի հետ։",
+        "shared_data_widget_id": "Վիջեթի ID",
+        "unencrypted_warning": "Վիջեթները չեն օգտագործում հաղորդագրությունների գաղտնագրում։",
+        "unmaximise": "Առավելագույնի չհասցնել",
+        "unpin_to_view_right_panel": "Հանել այս վիջեթը՝ այն այս վահանակում դիտելու համար"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Բոլոր մեծատառերը գրեթե նույնքան հեշտ է կռահել, որքան բոլոր փոքրատառերը",
+            "anotherWord": "Ավելացրեք մեկ այլ բառ, կամ երկու: Ավելի լավ է օգտագործել հազվադեպ բառեր:",
+            "associatedYears": "Խուսափեք տարիներից, որոնք կապված են ձեզ հետ",
+            "capitalization": "Մեծատառերով գրելը շատ չի օգնում",
+            "dates": "Խուսափեք ամսաթվերից և տարիներից, որոնք կապված են ձեզ հետ",
+            "l33t": "Կանխատեսելի փոխարինումները, ինչպիսիք են “@” -ը “a” -ի փոխարեն, շատ չեն օգնում",
+            "longerKeyboardPattern": "Օգտագործեք ավելի խճճված երկար ստեղների կաղապար",
+            "noNeed": "Նշանների, թվանշանների կամ մեծատառերի կարիք չկա",
+            "pwned": "Եթե դուք օգտագործում եք այս գաղտնաբառը այլ վայրում, ապա պետք է փոխեք այն:",
+            "recentYears": "Խուսափեք վերջին տարիներից",
+            "repeated": "Խուսափեք կրկնվող բառերից և նիշերից",
+            "reverseWords": "Հակադարձ բառերը շատ դժվար չէ կռահել",
+            "sequences": "Խուսափեք հաջորդականություններից",
+            "useWords": "Օգտագործեք մի քանի բառ, խուսափեք ընդհանուր արտահայտություններից"
+        },
+        "warnings": {
+            "common": "Սա շատ տարածված գաղտնաբառ է",
+            "commonNames": "Ընդհանուր անուններն ու ազգանունները հեշտ է կռահել",
+            "dates": "Ամսաթվերը հաճախ հեշտ կռահելի են:",
+            "extendedRepeat": "“abcabcabc”-ի նման կրկնությունները միայն մի փոքր են դժվար կռահելի, քան “abc”-ն",
+            "keyPattern": "Կարճ ստեղնային օրինաչափությունները հեշտ կռահելի են:",
+            "namesByThemselves": "Անուններն ու ազգանուններն ինքնին հեշտ է կռահել",
+            "pwned": "Ձեր գաղտնաբառը բացահայտվել է ինտերնետում տվյալների խախտման պատճառով:",
+            "recentYears": "Վերջին տարիները հեշտ կռահելի են:",
+            "sequences": "ABC-ի կամ 6543-ի նման հաջորդականությունները հեշտ կռահելի են",
+            "similarToCommon": "Սա նման է սովորաբար օգտագործվող գաղտնաբառերին",
+            "simpleRepeat": "“Աաա” -ի նման կրկնությունները հեշտ կռահելի են",
+            "straightRow": "Ստեղների շարունակական շարքը հեշտ կռահելի է:",
+            "topHundred": "Սա top-100 ամենատարածված գաղտնաբառերն են",
+            "topTen": "Սա top-10 ամենատարածված գաղտնաբառերն են",
+            "userInputs": "Չպետք է լինեն անձնական կամ էջի հետ կապված տվյալներ:",
+            "wordByItself": "Բառն ինքնին հեշտ է կռահել"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/id.json b/apps/web/src/i18n/strings/id.json
new file mode 100644
index 00000000000..7a1350cbf31
--- /dev/null
+++ b/apps/web/src/i18n/strings/id.json
@@ -0,0 +1,3959 @@
+{
+    "a11y": {
+        "jump_first_invite": "Pergi ke undangan pertama.",
+        "message_composer": "Komposer pesan",
+        "n_unread_messages": {
+            "one": "1 pesan yang belum dibaca.",
+            "other": "%(count)s pesan yang belum dibaca."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 sebutan yang belum dibaca.",
+            "other": "%(count)s pesan yang belum dibaca termasuk sebutan."
+        },
+        "room_status_bar": "Bilah status ruangan",
+        "seek_bar_label": "Bilah pencarian audio",
+        "unread_messages": "Pesan yang belum dibaca."
+    },
+    "a11y_jump_first_unread_room": "Pergi ke ruangan yang belum dibaca.",
+    "action": {
+        "accept": "Terima",
+        "add": "Tambahkan",
+        "add_existing_room": "Tambahkan ruangan yang sudah ada",
+        "apply": "Terapkan",
+        "approve": "Setujui",
+        "ask_to_join": "Bertanya untuk bergabung",
+        "back": "Kembali",
+        "call": "Panggil",
+        "cancel": "Batalkan",
+        "change": "Ubah",
+        "clear": "Hapus",
+        "click_to_copy": "Klik untuk menyalin",
+        "close": "Tutup",
+        "collapse": "Tutup",
+        "complete": "Selesai",
+        "confirm": "Konfirmasi",
+        "continue": "Lanjut",
+        "copy": "Salin",
+        "copy_link": "Salin tautan",
+        "create": "Buat",
+        "create_a_room": "Buat sebuah ruangan",
+        "create_account": "Buat Akun",
+        "decline": "Tolak",
+        "decline_and_block": "Tolak dan blokir",
+        "decline_invite": "Tolak undangan",
+        "delete": "Hapus",
+        "deny": "Tolak",
+        "disable": "Nonaktifkan",
+        "disconnect": "Lepaskan Hubungan",
+        "dismiss": "Abaikan",
+        "done": "Selesai",
+        "download": "Unduh",
+        "edit": "Edit",
+        "enable": "Aktifkan",
+        "enter_fullscreen": "Masuki layar penuh",
+        "exit_fullscreeen": "Keluar dari layar penuh",
+        "expand": "Buka",
+        "explore_rooms": "Jelajahi ruangan",
+        "export": "Ekspor",
+        "forward": "Teruskan",
+        "go": "Mulai",
+        "go_back": "Kembali ke sebelumnya",
+        "got_it": "Mengerti",
+        "hide_advanced": "Sembunyikan lanjutan",
+        "hold": "Jeda",
+        "ignore": "Abaikan",
+        "import": "Impor",
+        "invite": "Undang",
+        "join": "Bergabung",
+        "learn_more": "Pelajari lebih lanjut",
+        "leave": "Tinggalkan",
+        "leave_room": "Tinggalkan ruangan",
+        "logout": "Keluar",
+        "manage": "Kelola",
+        "maximise": "Maksimalkan",
+        "mention": "Sebutkan",
+        "minimise": "Minimalkan",
+        "new_room": "Ruangan baru",
+        "new_video_room": "Ruangan video baru",
+        "next": "Lanjut",
+        "no": "Tidak",
+        "ok": "Oke",
+        "open": "Buka",
+        "pin": "Sematkan",
+        "proceed": "Lanjut",
+        "quote": "Kutip",
+        "react": "Bereaksi",
+        "refresh": "Muat Ulang",
+        "register": "Daftar",
+        "reload": "Muat ulang",
+        "remove": "Hapus",
+        "rename": "Ubah Nama",
+        "reply": "Balas",
+        "reply_in_thread": "Balas di utasan",
+        "report_room": "Laporkan ruangan",
+        "resend": "Kirim Ulang",
+        "reset": "Atur Ulang",
+        "resume": "Lanjutkan",
+        "retry": "Coba Ulang",
+        "review": "Lihat",
+        "revoke": "Hapus",
+        "save": "Simpan",
+        "search": "Cari",
+        "send_report": "Kirimkan laporan",
+        "set_avatar": "Atur foto profil",
+        "share": "Bagikan",
+        "show": "Tampilkan",
+        "show_advanced": "Tampilkan lanjutan",
+        "show_all": "Tampilkan semua",
+        "sign_in": "Masuk",
+        "sign_out": "Hapus perangkat ini",
+        "skip": "Lewat",
+        "start": "Mulai",
+        "stop": "Berhenti",
+        "submit": "Kirim",
+        "subscribe": "Berlangganan",
+        "transfer": "Pindah",
+        "trust": "Percayakan",
+        "try_again": "Coba lagi",
+        "unban": "Hilangkan Cekalan",
+        "unignore": "Hilangkan Abaian",
+        "unpin": "Lepaskan Pin",
+        "unsubscribe": "Berhenti Berlangganan",
+        "update": "Perbarui",
+        "upgrade": "Tingkatkan",
+        "upload": "Unggah",
+        "upload_file": "Unggah berkas",
+        "verify": "Lakukan verifikasi",
+        "view": "Pratinjau",
+        "view_all": "Tampilkan semua",
+        "view_list": "Tampilkan daftar",
+        "view_message": "Tampilkan pesan",
+        "view_source": "Tampilkan Sumber",
+        "yes": "Ya",
+        "yes_dismiss": "Ya, abaikan",
+        "zoom_in": "Perbesar",
+        "zoom_out": "Perkecil"
+    },
+    "analytics": {
+        "accept_button": "Saya tidak keberatan",
+        "bullet_1": "Kami <Bold>tidak</Bold> merekam atau memprofil data akun apa pun",
+        "bullet_2": "Kami <Bold>tidak</Bold> membagikan informasi ini dengan pihak ketiga",
+        "consent_migration": "Anda sebelumnya setuju untuk membagikan data penggunaan anonim dengan kami. Kami memperbarui cara kerjanya.",
+        "disable_prompt": "Anda dapat mematikannya kapan saja di pengaturan",
+        "enable_prompt": "Bantu membuat %(analyticsOwner)s lebih baik",
+        "learn_more": "Bagikan data anonim untuk membantu kami mengidentifikasi masalah-masalah. Tidak ada yang pribadi. Tidak ada pihak ketiga. <LearnMoreLink>Pelajari Lebih Lanjut</LearnMoreLink>",
+        "privacy_policy": "Anda dapat membaca kebijakan kami <PrivacyPolicyUrl>di sini</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Bantu kami mengidentifikasi masalah-masalah dan membuat %(analyticsOwner)s lebih baik dengan membagikan data penggunaan anonim. Untuk memahami bagaimana orang-orang menggunakan beberapa perangkat-perangkat, kami akan membuat pengenal acak, yang dibagikan oleh perangkat Anda.",
+        "shared_data_heading": "Data berikut ini mungkin dibagikan:"
+    },
+    "auth": {
+        "3pid_in_use": "Alamat e-mail atau nomor telepon itu sudah digunakan.",
+        "account_clash": "Akun Anda yang baru (%(newAccountId)s) telah didaftarkan, tetapi Anda telah masuk ke akun yang lain (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Lanjutkan dengan akun sebelumnya",
+        "account_deactivated": "Akun ini telah dinonaktifkan.",
+        "autodiscovery_generic_failure": "Gagal untuk mendapatkan konfigurasi penemuan otomatis dari server",
+        "autodiscovery_hs_incompatible": "Homeserver Anda terlalu lawas dan tidak mendukung versi API minimum yang diperlukan. Silakan menghubungi pemilik server Anda, atau tingkatkan server Anda.",
+        "autodiscovery_invalid": "Respons penemuan homeserver tidak absah",
+        "autodiscovery_invalid_hs": "URL homeserver sepertinya bukan sebagai homeserver Matrix yang absah",
+        "autodiscovery_invalid_hs_base_url": "base_url tidak absah untuk m.homeserver",
+        "autodiscovery_invalid_is": "URL server identitas terlihat bukan sebagai server identitas yang absah",
+        "autodiscovery_invalid_is_base_url": "base_url tidak absah untuk m.identity_server",
+        "autodiscovery_invalid_is_response": "Respons penemuan server identitas tidak absah",
+        "autodiscovery_invalid_json": "JSON tidak absah",
+        "autodiscovery_no_well_known": "Tidak ditemukan berkas JSON .well-known",
+        "autodiscovery_unexpected_error_hs": "Kesalahan tidak terduga saat menyelesaikan konfigurasi homeserver",
+        "autodiscovery_unexpected_error_is": "Kesalahan tidak terduga saat menyelesaikan konfigurasi server identitas",
+        "captcha_description": "Homeserver ini memastikan Anda bahwa Anda bukan sebuah robot.",
+        "change_password_action": "Ubah Kata Sandi",
+        "change_password_confirm_invalid": "Kata sandi tidak cocok",
+        "change_password_confirm_label": "Konfirmasi kata sandi",
+        "change_password_current_label": "Kata sandi sekarang",
+        "change_password_empty": "Kata sandi tidak boleh kosong",
+        "change_password_error": "Terjadi kesalahan mengubah kata sandi: %(error)s",
+        "change_password_mismatch": "Kata sandi baru tidak cocok",
+        "change_password_new_label": "Kata sandi baru",
+        "check_email_explainer": "Ikuti petunjuk yang dikirim ke <b>%(email)s</b>",
+        "check_email_resend_prompt": "Tidak menerimanya?",
+        "check_email_resend_tooltip": "Email tautan verifikasi dikirim ulang!",
+        "check_email_wrong_email_button": "Masukkan ulang alamat email",
+        "check_email_wrong_email_prompt": "Alamat email salah?",
+        "continue_with_idp": "Lanjutkan dengan %(provider)s",
+        "continue_with_sso": "Lanjutkan dengan %(ssoButtons)s",
+        "country_dropdown": "Dropdown Negara",
+        "create_account_prompt": "Baru di sini? <a>Buat sebuah akun</a>",
+        "create_account_title": "Buat akun",
+        "email_discovery_text": "Gunakan email untuk dapat ditemukan oleh kontak yang sudah ada secara opsional.",
+        "email_field_label": "E-mail",
+        "email_field_label_invalid": "Kelihatannya bukan sebuah alamat email yang absah",
+        "email_field_label_required": "Masukkan alamat email",
+        "email_help_text": "Tambahkan sebuah email untuk dapat mengatur ulang kata sandi Anda.",
+        "email_phone_discovery_text": "Gunakan email atau nomor telepon untuk dapat ditemukan oleh kontak yang sudah ada secara opsional.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> akan mengirim Anda sebuah tautan verifikasi untuk memperbolehkan Anda untuk mengatur ulang kata sandi Anda.",
+        "enter_email_heading": "Masukkan email Anda untuk mengatur ulang kata sandi",
+        "failed_connect_identity_server": "Tidak dapat mencapai server identitas",
+        "failed_connect_identity_server_other": "Anda dapat masuk, tetapi beberapa fitur tidak akan tersedia sampai server identitasnya kembali daring. Jika Anda masih melihat peringatan ini, periksa konfigurasi Anda atau hubungi sebuah admin server.",
+        "failed_connect_identity_server_register": "Anda dapat mendaftar, tetapi beberapa fitur tidak akan tersedia sampai server identitasnya kembali daring. Jika Anda masih melihat peringatan ini, periksa konfigurasi Anda atau hubungi sebuah admin server.",
+        "failed_connect_identity_server_reset_password": "Anda dapat mengatur ulang kata sandi Anda, tetapi beberapa fitur tidak akan tersedia sampai server identitasnya kembali daring. Jika Anda masih melihat peringatan ini, periksa konfigurasi Anda atau hubungi sebuah admin server.",
+        "failed_homeserver_discovery": "Gagal untuk melakukan penemuan homeserver",
+        "failed_query_registration_methods": "Tidak dapat menanyakan metode pendaftaran yang didukung.",
+        "failed_soft_logout_auth": "Gagal untuk mengautentikasi ulang",
+        "failed_soft_logout_homeserver": "Gagal untuk mengautentikasi ulang karena masalah homeserver",
+        "forgot_password_email_invalid": "Alamat email ini tidak terlihat absah.",
+        "forgot_password_email_required": "Alamat email yang tertaut ke akun Anda harus dimasukkan.",
+        "forgot_password_prompt": "Lupa kata sandi Anda?",
+        "forgot_password_send_email": "Kirim email",
+        "identifier_label": "Masuk dengan",
+        "incorrect_credentials": "Username dan/atau kata sandi salah.",
+        "incorrect_credentials_detail": "Mohon dicatat Anda akan masuk ke server %(hs)s, bukan matrix.org.",
+        "incorrect_password": "Kata sandi salah",
+        "log_in_new_account": "<a>Masuk</a> ke akun yang baru.",
+        "logout_dialog": {
+            "description": "Apakah Anda yakin ingin keluar?",
+            "setup_key_backup_title": "Anda akan kehilangan akses ke pesan terenkripsi Anda",
+            "skip_key_backup": "Saya tidak ingin pesan-pesan terenkripsi saya"
+        },
+        "misconfigured_body": "Tanyakan admin %(brand)s Anda untuk memeriksa <a>konfigurasi Anda</a> untuk entri yang tidak benar atau entri duplikat.",
+        "misconfigured_title": "%(brand)s Anda telah diatur dengan salah",
+        "mobile_create_account_title": "Anda akan membuat akun di %(hsName)s",
+        "msisdn_field_description": "Pengguna lain dapat mengundang Anda ke ruangan menggunakan detail kontak Anda",
+        "msisdn_field_label": "Ponsel",
+        "msisdn_field_number_invalid": "Nomor teleponnya tidak terlihat benar, mohon periksa dan coba lagi",
+        "msisdn_field_required_invalid": "Masukkan nomor telepon",
+        "no_hs_url_provided": "Tidak ada URL homeserver yang disediakan",
+        "oidc": {
+            "error_title": "Kami tidak dapat memasukkan Anda",
+            "generic_auth_error": "Terjadi kesalahan saat autentikasi. Buka laman masuk dan coba lagi.",
+            "missing_or_invalid_stored_state": "Kami menanyakan browser ini untuk mengingat homeserver apa yang Anda gunakan untuk membantu Anda masuk, tetapi sayangnya browser ini melupakannya. Pergi ke halaman masuk dan coba lagi."
+        },
+        "password_field_keep_going_prompt": "Lanjutkan…",
+        "password_field_label": "Masukkan kata sandi",
+        "password_field_strong_label": "Bagus, kata sandinya kuat!",
+        "password_field_weak_label": "Kata sandi diperbolehkan, tetapi tidak aman",
+        "phone_label": "Ponsel",
+        "phone_optional_label": "Nomor telepon (opsional)",
+        "qr_code_login": {
+            "check_code_explainer": "Ini akan memverifikasi bahwa koneksi ke perangkat Anda yang lain aman.",
+            "check_code_heading": "Masukkan nomor yang ditampilkan di perangkat Anda yang lain",
+            "check_code_input_label": "Kode 2 digit",
+            "check_code_mismatch": "Angkanya tidak cocok",
+            "completing_setup": "Menyelesaikan penyiapan perangkat baru Anda",
+            "error_etag_missing": "Terjadi kesalahan yang tidak terduga. Hal ini mungkin disebabkan oleh pengaya peramban, server proksi atau kesalahan konfigurasi server.",
+            "error_expired": "Masa masuk sudah habis. Silakan coba lagi.",
+            "error_expired_title": "Proses masuk tidak selesai tepat waktu",
+            "error_insecure_channel_detected": "Koneksi aman tidak dapat dibuat ke perangkat baru. Perangkat Anda yang ada masih aman dan Anda tidak perlu khawatir tentang mereka.",
+            "error_insecure_channel_detected_instructions": "Sekarang apa?",
+            "error_insecure_channel_detected_instructions_1": "Coba masuk ke perangkat lain lagi dengan kode QR jika ini adalah masalah jaringan",
+            "error_insecure_channel_detected_instructions_2": "Jika Anda mengalami masalah yang sama, coba jaringan Wi-Fi yang berbeda atau gunakan data seluler Anda daripada Wi-Fi",
+            "error_insecure_channel_detected_instructions_3": "Jika tidak berhasil, masuk secara manual",
+            "error_insecure_channel_detected_title": "Koneksi tidak aman",
+            "error_other_device_already_signed_in": "Anda tidak perlu melakukan hal lain.",
+            "error_other_device_already_signed_in_title": "Perangkat Anda yang lain sudah masuk",
+            "error_rate_limited": "Terlalu banyak percobaan dalam waktu yang singkat. Tunggu beberapa waktu sebelum mencoba lagi.",
+            "error_unexpected": "Terjadi kesalahan yang tidak terduga. Permintaan untuk menghubungkan perangkat Anda yang lain telah dibatalkan.",
+            "error_unsupported_protocol": "Perangkat ini tidak mendukung masuk ke perangkat lain dengan kode QR.",
+            "error_unsupported_protocol_title": "Perangkat lain tidak kompatibel",
+            "error_user_cancelled": "Proses masuk dibatalkan di perangkat lain.",
+            "error_user_cancelled_title": "Permintaan masuk dibatalkan",
+            "error_user_declined": "Anda menolak permintaan dari perangkat Anda yang lain untuk masuk.",
+            "error_user_declined_title": "Masuk ditolak",
+            "follow_remaining_instructions": "Ikuti petunjuk selanjutnya untuk memverifikasi perangkat Anda yang lain",
+            "open_element_other_device": "Buka %(brand)s di perangkat Anda yang lain",
+            "point_the_camera": "Arahkan kamera ke kode QR yang ditampilkan di sini",
+            "scan_code_instruction": "Pindai kode QR dengan perangkat lain",
+            "scan_qr_code": "Masuk dengan kode QR",
+            "security_code_prompt": "Jika diminta, masukkan kode di bawah ini pada perangkat Anda yang lain.",
+            "select_qr_code": "Pilih \"%(scanQRCode)s\"",
+            "unsupported_explainer": "Penyedia akun Anda tidak mendukung masuk ke perangkat baru dengan kode QR.",
+            "unsupported_heading": "Kode QR tidak didukung",
+            "waiting_for_device": "Menunggu perangkat untuk masuk"
+        },
+        "register_action": "Buat Akun",
+        "registration": {
+            "continue_without_email_description": "Sekadar mengingatkan saja, jika Anda belum menambahkan sebuah email dan Anda lupa kata sandi, Anda mungkin <b>dapat kehilangan akses ke akun Anda</b>.",
+            "continue_without_email_field_label": "Email (opsional)",
+            "continue_without_email_title": "Melanjutkan tanpa email"
+        },
+        "registration_disabled": "Pendaftaran telah dinonaktifkan di homeserver ini.",
+        "registration_msisdn_field_required_invalid": "Masukkan nomor telepon (diperlukan di homeserver ini)",
+        "registration_successful": "Pendaftaran Berhasil",
+        "registration_username_in_use": "Seseorang sudah memiliki nama pengguna itu. Coba yang lain atau jika itu Anda, masuk di bawah.",
+        "registration_username_unable_check": "Tidak dapat memeriksa jika nama pengguna telah dipakai. Coba lagi nanti.",
+        "registration_username_validation": "Gunakan huruf kecil, angka, tanda hubung, dan garis bawah saja",
+        "reset_password": {
+            "confirm_new_password": "Konfirmasi kata sandi baru",
+            "devices_logout_success": "Anda telah dikeluarkan dari semua perangkat Anda dan tidak akan dapat notifikasi. Untuk mengaktifkan ulang notifikasi, masuk ulang pada setiap perangkat.",
+            "other_devices_logout_warning_1": "Mengeluarkan perangkat Anda akan menghapus kunci enkripsi pesan pada perangkat, dan membuat riwayat obrolan terenkripsi tidak dapat dibaca.",
+            "other_devices_logout_warning_2": "Jika Anda ingin mengakses riwayat obrolan di ruangan terenkripsi Anda, siapkan Cadangan Kunci atau ekspor kunci-kunci pesan Anda dari salah satu perangkat Anda yang lain sebelum melanjutkan.",
+            "password_not_entered": "Kata sandi baru harus dimasukkan.",
+            "passwords_mismatch": "Kata sandi baru harus cocok.",
+            "rate_limit_error": "Terlalu banyak upaya. Tunggu beberapa waktu sebelum mencoba lagi.",
+            "rate_limit_error_with_time": "Terlalu banyak upaya dalam waktu yang singkat. Coba lagi setelah %(timeout)s.",
+            "reset_successful": "Kata sandi Anda telah diatur ulang.",
+            "return_to_login": "Kembali ke halaman masuk",
+            "sign_out_other_devices": "Keluarkan semua perangkat"
+        },
+        "reset_password_action": "Atur ulang kata sandi",
+        "reset_password_button": "Lupa kata sandi?",
+        "reset_password_email_field_description": "Gunakan sebuah alamat email untuk memulihkan akun Anda",
+        "reset_password_email_field_required_invalid": "Masukkan alamat email (diperlukan di homeserver ini)",
+        "reset_password_email_not_associated": "Alamat email Anda terlihat tidak diasosiasikan dengan sebuah ID Matrix di homeserver ini.",
+        "reset_password_email_not_found_title": "Alamat email ini tidak ditemukan",
+        "reset_password_title": "Atur ulang kata sandi Anda",
+        "server_picker_custom": "Homeserver lainnya",
+        "server_picker_description": "Anda dapat menggunakan opsi server khusus untuk masuk ke server Matrix lain dengan menentukan URL homeserver yang berbeda. Ini memungkinkan Anda untuk menggunakan %(brand)s dengan akun Matrix yang ada di homeserver yang berbeda.",
+        "server_picker_description_matrix.org": "Bergabung dengan jutaan orang lainnya secara gratis di server publik terbesar",
+        "server_picker_dialog_title": "Putuskan di mana untuk menghost akun Anda",
+        "server_picker_explainer": "Gunakan homeserver Matrix yang Anda inginkan jika Anda punya satu, atau host sendiri.",
+        "server_picker_failed_validate_homeserver": "Tidak dapat memvalidasi homeserver",
+        "server_picker_intro": "Kami memanggil tempat-tempat yang Anda dapat menghost akun Anda sebagai 'homeserver'.",
+        "server_picker_invalid_url": "URL tidak absah",
+        "server_picker_learn_more": "Tentang homeserver",
+        "server_picker_matrix.org": "Matrix.org adalah homeserver publik terbesar di dunia, jadi itu adalah tempat yang bagus untuk banyak orang.",
+        "server_picker_required": "Tentukan sebuah homeserver",
+        "server_picker_title": "Masuk ke homeserver Anda",
+        "server_picker_title_default": "Opsi Server",
+        "server_picker_title_registration": "Host akun di",
+        "session_logged_out_description": "Untuk keamanan, sesi ini telah dikeluarkan. Silakan masuk lagi.",
+        "session_logged_out_title": "Keluar",
+        "set_email": {
+            "description": "Ini akan mengizinkan Anda untuk mengatur ulang kata sandi Anda dan menerima notifikasi.",
+            "verification_pending_description": "Mohon periksa email Anda dan klik tautannya. Setelah itu, klik lanjut.",
+            "verification_pending_title": "Verifikasi Menunggu"
+        },
+        "set_email_prompt": "Apakah Anda ingin menetapkan sebuah alamat email?",
+        "sign_in_description": "Gunakan akun Anda untuk melanjutkan.",
+        "sign_in_instead": "Masuk saja",
+        "sign_in_instead_prompt": "Masuk saja",
+        "sign_in_or_register": "Masuk atau Buat Akun",
+        "sign_in_or_register_description": "Gunakan akun Anda atau buat akun baru untuk lanjut.",
+        "sign_in_with_sso": "Masuk dengan single sign on",
+        "signing_in": "Memasuki…",
+        "soft_logout": {
+            "clear_data_button": "Hapus semua data",
+            "clear_data_description": "Menghapus semua data dari sesi ini itu permanen. Pesan-pesan terenkripsi akan hilang kecuali jika kunci-kuncinya telah dicadangkan.",
+            "clear_data_title": "Hapus semua data di sesi ini?"
+        },
+        "soft_logout_heading": "Anda dikeluarkan",
+        "soft_logout_intro_password": "Masukkan kata sandi Anda untuk masuk dan mendapatkan kembali akses ke akun Anda.",
+        "soft_logout_intro_sso": "Masuk dan dapatkan kembali akses ke akun Anda.",
+        "soft_logout_intro_unsupported_auth": "Anda tidak dapat masuk ke akun Anda. Mohon hubungi admin homeserver untuk informasi lanjut.",
+        "soft_logout_subheading": "Hapus data personal",
+        "soft_logout_warning": "Peringatan: Data personal Anda (termasuk kunci enkripsi) masih disimpan di sesi ini. Hapus jika Anda selesai menggunakan sesi ini, atau jika ingin masuk ke akun yang lain.",
+        "sso": "Sistem Masuk Tunggal",
+        "sso_complete_in_browser_dialog_title": "Buka peramban Anda untuk menyelesaikan Sign In",
+        "sso_failed_missing_storage": "Kami menanyakan browser ini untuk mengingat homeserver apa yang Anda gunakan untuk membantu Anda masuk, tetapi sayangnya browser ini melupakannya. Pergi ke halaman masuk dan coba lagi.",
+        "sso_or_username_password": "%(ssoButtons)s Atau %(usernamePassword)s",
+        "sync_footer_subtitle": "Jika Anda bergabung dengan banyak ruangan, ini mungkin membutuhkan beberapa waktu",
+        "syncing": "Menyinkronkan…",
+        "uia": {
+            "code": "Kode",
+            "email": "Untuk membuat akun Anda, buka tautan dalam email yang kami kirim ke %(emailAddress)s.",
+            "email_auth_header": "Periksa email Anda untuk melanjutkan",
+            "email_resend_prompt": "Belum menerima? <a>Kirim ulang</a>",
+            "email_resent": "Dikirimkan ulang!",
+            "fallback_button": "Mulai autentikasi",
+            "mas_cross_signing_reset_cta": "Buka akun Anda",
+            "mas_cross_signing_reset_description": "Atur ulang identitas Anda melalui penyedia akun Anda, kemudian kembali dan klik “Coba lagi”.",
+            "mas_cross_signing_reset_title": "Buka akun Anda untuk mengatur ulang identitas Anda",
+            "msisdn": "Sebuah pesan teks telah dikirim ke %(msisdn)s",
+            "msisdn_token_incorrect": "Token salah",
+            "msisdn_token_prompt": "Silakan masukkan kode yang berisi:",
+            "password_prompt": "Konfirmasi identitas Anda dengan memasukkan kata sandi akun Anda di bawah.",
+            "recaptcha_missing_params": "Tidak ada kunci publik captcha di konfigurasi homeserver. Mohon melaporkannya ke administrator homeserver Anda.",
+            "registration_token_label": "Token pendaftaran",
+            "registration_token_prompt": "Masukkan token pendaftaran yang disediakan oleh administrator homeserver.",
+            "sso_body": "Konfirmasi penambahan alamat email ini dengan menggunakan Single Sign On untuk membuktikan identitas Anda.",
+            "sso_failed": "Ada sesuatu yang salah saat mengkonfirmasi identitas Anda. Batalkan dan coba lagi.",
+            "sso_postauth_body": "Klik tombol di bawah untuk mengkonfirmasi identitas Anda.",
+            "sso_postauth_title": "Konfirmasi untuk melanjutkan",
+            "sso_preauth_body": "Untuk melanjutkan, gunakan Single Sign On untuk membuktikan identitas Anda.",
+            "sso_title": "Gunakan Single Sign On untuk melanjutkan",
+            "terms": "Mohon lihat dan terima semua kebijakan homeserver ini:",
+            "terms_invalid": "Mohon lihat dan terima semua kebijakan homeserver ini"
+        },
+        "unsupported_auth": "Homeserver ini tidak menawarkan alur masuk yang tidak didukung oleh klien ini.",
+        "unsupported_auth_email": "Homeserver ini tidak mendukung login menggunakan alamat email.",
+        "unsupported_auth_msisdn": "Server ini tidak mendukung autentikasi dengan sebuah nomor telepon.",
+        "username_field_required_invalid": "Masukkan nama pengguna",
+        "username_in_use": "Seseorang sudah memiliki nama pengguna itu, mohon coba yang lain.",
+        "verify_email_explainer": "Kami harus tahu bahwa itu Anda sebelum mengatur ulang kata sandi Anda. Klik tautan dalam email yang kami sudah kirim ke <b>%(email)s</b>",
+        "verify_email_heading": "Verifikasi email Anda untuk melanjutkan"
+    },
+    "bug_reporting": {
+        "additional_context": "Jika ada konteks yang mungkin akan membantu saat memeriksa masalahnya, seperti apa yang Anda lakukan waktu itu, ID ruangan, ID pengguna, dll., dan silakan menambahkannya di sini.",
+        "before_submitting": "Sebelum mengirimkan catatan, Anda harus <a>membuat sebuah issue GitHub</a> untuk menjelaskan masalah Anda.",
+        "collecting_information": "Mengumpulkan informasi versi aplikasi",
+        "collecting_logs": "Mengumpulkan catatan",
+        "create_new_issue": "Mohon <newIssueLink>buat sebuah issue baru</newIssueLink> di GitHub supaya kami dapat memeriksa kutu ini.",
+        "description": "Catatan pengawakutu berisi data penggunaan aplikasi termasuk nama pengguna Anda, ID atau alias ruangan yang telah Anda kunjungi, elemen UI apa saja yang Anda terakhir berinteraksi, dan nama pengguna lain. Mereka tidak berisi pesan.",
+        "download_logs": "Unduh catatan",
+        "downloading_logs": "Mengunduh catatan",
+        "error_empty": "Mohon beri tahu kami apa saja yang salah atau, lebih baik, buat sebuah issue GitHub yang menjelaskan masalahnya.",
+        "failed_download_logs": "Gagal mengunduh log pengawakutuan: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Laporan pengawakutuan Anda ditolak. Server rageshake tidak mendukung aplikasi ini.",
+            "rejected_generic": "Laporan bug Anda ditolak. Server rageshake menolak isi laporan karena suatu kebijakan.",
+            "rejected_recovery_key": "Laporan pengawakutuan Anda ditolak karena alasan keamanan, karena berisi kunci pemulihan.",
+            "rejected_version": "Laporan pengawakutuan Anda ditolak karena versi yang Anda jalankan terlalu lawas.",
+            "server_unknown_error": "Server rageshake mengalami kesalahan yang tidak diketahui dan tidak dapat menangani laporan.",
+            "unknown_error": "Gagal mengirim log."
+        },
+        "github_issue": "Masalah GitHub",
+        "introduction": "Jika Anda mengirim sebuah kutu via GitHub, catatan pengawakutu dapat membantu kami melacak masalahnya. ",
+        "log_request": "Untuk membantu kami mencegahnya di masa mendatang, silakan <a>kirimkan kami catatan</a>.",
+        "logs_sent": "Catatan terkirim",
+        "matrix_security_issue": "Untuk melaporkan masalah keamanan yang berkaitan dengan Matrix, mohon baca <a>Kebijakan Penyingkapan Keamanan</a> Matrix.org.",
+        "preparing_download": "Mempersiapkan untuk mengunduh catatan",
+        "preparing_logs": "Mempersiapkan untuk mengirimkan catatan",
+        "send_logs": "Kirim catatan",
+        "submit_debug_logs": "Kirim catatan pengawakutu",
+        "textarea_label": "Nota",
+        "thank_you": "Terima kasih!",
+        "title": "Pelaporan bug",
+        "unsupported_browser": "Ingat: Browser Anda tidak didukung, jadi pengalaman Anda mungkin tidak dapat diprediksi.",
+        "uploading_logs": "Mengunggah catatan",
+        "waiting_for_server": "Menunggu respon dari server"
+    },
+    "cannot_invite_without_identity_server": "Tidak dapat mengundang pengguna dengan surel tanpa server identitas. Anda dapat menghubungkan di \"Pengaturan\".",
+    "cannot_reach_homeserver": "Tidak dapat mencapai homeserver",
+    "cannot_reach_homeserver_detail": "Pastikan Anda punya koneksi internet yang stabil, atau hubungi admin servernya",
+    "cant_load_page": "Tidak dapat memuat halaman",
+    "chat_card_back_action_label": "Kembali ke obrolan",
+    "chat_effects": {
+        "confetti_description": "Kirim pesan dengan konfeti",
+        "confetti_message": "mengirim konfeti",
+        "fireworks_description": "Kirim pesan dengan kembang api",
+        "fireworks_message": "mengirim kembang api",
+        "hearts_description": "Kirim pesan dengan hati",
+        "hearts_message": "mengirim hati",
+        "rainfall_description": "Kirim pesan dengan hujan",
+        "rainfall_message": "mengirim hujan",
+        "snowfall_description": "Kirim pesan dengan salju",
+        "snowfall_message": "mengirim salju",
+        "spaceinvaders_description": "Kirim pesan dengan efek luar angkasa",
+        "spaceinvaders_message": "mengirim penjajah luar angkasa"
+    },
+    "common": {
+        "access_token": "Token Akses",
+        "accessibility": "Aksesibilitas",
+        "advanced": "Tingkat Lanjut",
+        "all_chats": "Semua Obrolan",
+        "analytics": "Analitik",
+        "and_n_others": {
+            "one": "dan satu lainnya...",
+            "other": "dan %(count)s lainnya..."
+        },
+        "appearance": "Tampilan",
+        "application": "Aplikasi",
+        "are_you_sure": "Apakah Anda yakin?",
+        "attachment": "Lampiran",
+        "authentication": "Autentikasi",
+        "avatar": "Avatar",
+        "beta": "Beta",
+        "camera": "Kamera",
+        "cameras": "Kamera",
+        "cancel": "Batalkan",
+        "capabilities": "Kemampuan",
+        "copied": "Disalin!",
+        "credits": "Kredit",
+        "dark": "Gelap",
+        "description": "Deskripsi",
+        "deselect_all": "Batalkan semua pilihan",
+        "device": "Perangkat",
+        "edited": "diedit",
+        "email_address": "Alamat email",
+        "emoji": "Emoji",
+        "encrypted": "Terenkripsi",
+        "error": "Kesalahan",
+        "faq": "Pertanyaan Umum",
+        "feedback": "Masukan",
+        "filter_results": "Saring hasil",
+        "forward_message": "Teruskan pesan",
+        "general": "Umum",
+        "go_to_settings": "Pergi ke Pengaturan",
+        "guest": "Tamu",
+        "help": "Bantuan",
+        "home": "Beranda",
+        "homeserver": "Homeserver",
+        "identity_server": "Server identitas",
+        "image": "Gambar",
+        "integration_manager": "Manajer integrasi",
+        "joined": "Tergabung",
+        "labs": "Uji Coba",
+        "legal": "Hukum",
+        "light": "Terang",
+        "loading": "Memuat…",
+        "location": "Lokasi",
+        "matrix": "Matrix",
+        "message": "Pesan",
+        "message_layout": "Tata letak pesan",
+        "message_timestamp_invalid": "Stempel waktu tidak valid",
+        "microphone": "Mikrofon",
+        "moderation_and_safety": "Moderasi dan keamanan",
+        "modern": "Modern",
+        "mute": "Bisukan",
+        "n_members": {
+            "one": "%(count)s anggota",
+            "other": "%(count)s anggota"
+        },
+        "n_rooms": {
+            "one": "%(count)s ruangan",
+            "other": "%(count)s ruangan"
+        },
+        "name": "Nama",
+        "no_results": "Tidak ada hasil",
+        "no_results_found": "Tidak ada hasil yang ditemukan",
+        "not_trusted": "Tidak dipercayai",
+        "off": "Mati",
+        "offline": "Luring",
+        "on": "Nyala",
+        "options": "Opsi",
+        "orphan_rooms": "Ruangan lainnya",
+        "password": "Kata Sandi",
+        "people": "Orang",
+        "preferences": "Preferensi",
+        "presence": "Presensi",
+        "preview_message": "Hei kamu. Kamu adalah yang terbaik!",
+        "privacy": "Privasi",
+        "private": "Privat",
+        "private_room": "Ruangan privat",
+        "private_space": "Space pribadi",
+        "profile": "Profil",
+        "public": "Publik",
+        "public_room": "Ruangan publik",
+        "public_space": "Space publik",
+        "qr_code": "Kode QR",
+        "random": "Sembarangan",
+        "reactions": "Reaksi",
+        "recommended": "Disarankan",
+        "report_a_bug": "Laporkan sebuah bug",
+        "room": "Ruangan",
+        "room_name": "Nama ruangan",
+        "rooms": "Ruangan",
+        "save": "Simpan",
+        "saved": "Disimpan",
+        "saving": "Menyimpan…",
+        "secure_backup": "Cadangan Aman",
+        "select_all": "Pilih semua",
+        "server": "Server",
+        "settings": "Pengaturan",
+        "setup_secure_messages": "Siapkan Pesan Aman",
+        "show_more": "Tampilkan lebih banyak",
+        "someone": "Seseorang",
+        "space": "Space",
+        "spaces": "Space",
+        "state_encryption_enabled": "Enkripsi status eksperimental diaktifkan",
+        "sticker": "Stiker",
+        "stickerpack": "Paket Stiker",
+        "success": "Berhasil",
+        "suggestions": "Saran",
+        "support": "Dukungan",
+        "theme": "Tema",
+        "thread": "Utasan",
+        "threads": "Utasan",
+        "timeline": "Lini Masa",
+        "unavailable": "tidak tersedia",
+        "unencrypted": "Tidak Dienkripsi",
+        "unmute": "Suarakan",
+        "unnamed_room": "Ruangan Tanpa Nama",
+        "unnamed_space": "Space Tidak Dinamai",
+        "unverified": "Belum diverifikasi",
+        "updating": "Memperbarui...",
+        "user": "Pengguna",
+        "user_avatar": "Gambar profil",
+        "username": "Nama Pengguna",
+        "verified": "Terverifikasi",
+        "version": "Versi",
+        "video_room": "Ruangan video",
+        "view_message": "Tampilkan pesan",
+        "warning": "Peringatan"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Beri tahu seluruh ruangan",
+            "command_a11y": "Penyelesaian Perintah Otomatis",
+            "command_description": "Perintah",
+            "emoji_a11y": "Penyelesaian Otomatis Emoji",
+            "notification_a11y": "Penyelesaian Notifikasi Otomatis",
+            "notification_description": "Notifikasi Ruangan",
+            "room_a11y": "Penyelesaian Ruangan Otomatis",
+            "space_a11y": "Penyelesaian Space Otomatis",
+            "user_a11y": "Penyelesaian Pengguna Otomatis",
+            "user_description": "Pengguna"
+        },
+        "close_sticker_picker": "Sembunyikan stiker",
+        "edit_composer_label": "Edit pesan",
+        "format_bold": "Tebal",
+        "format_code_block": "Blok kode",
+        "format_decrease_indent": "Kurangi indentasi",
+        "format_increase_indent": "Tambahkan indentasi",
+        "format_inline_code": "Kode",
+        "format_insert_link": "Tambahkan tautan",
+        "format_italic": "Miring",
+        "format_italics": "Miring",
+        "format_link": "Tautan",
+        "format_ordered_list": "Daftar nomor",
+        "format_strikethrough": "Coret",
+        "format_underline": "Garis Bawah",
+        "format_unordered_list": "Daftar bulat",
+        "formatting_toolbar_label": "Format",
+        "link_modal": {
+            "link_field_label": "Tautan",
+            "text_field_label": "Teks",
+            "title_create": "Buat sebuah tautan",
+            "title_edit": "Edit tautan"
+        },
+        "mode_plain": "Sembunyikan format",
+        "mode_rich_text": "Tampilkan formatting",
+        "no_perms_notice": "Anda tidak memiliki izin untuk mengirim ke ruangan ini",
+        "placeholder": "Kirim pesan tidak terenkripsi…",
+        "placeholder_encrypted": "Kirim pesan…",
+        "placeholder_reply": "Kirim balasan tidak terenkripsi…",
+        "placeholder_reply_encrypted": "Kirim balasan…",
+        "placeholder_thread": "Balas utas tidak terenkripsi…",
+        "placeholder_thread_encrypted": "Balas utas…",
+        "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",
+        "room_unencrypted": "Pesan dalam ruangan ini tidak dienkripsi secara ujung ke ujung",
+        "room_upgraded_link": "Obrolannya dilanjutkan di sini.",
+        "room_upgraded_notice": "Ruangan ini telah diganti dan tidak aktif lagi.",
+        "send_button_title": "Kirim pesan",
+        "send_button_voice_message": "Kirim sebuah pesan suara",
+        "send_voice_message": "Kirim sebuah pesan suara",
+        "stop_voice_message": "Hentikan merekam",
+        "voice_message_button": "Pesan Suara"
+    },
+    "console_dev_note": "Jika Anda tahu apa yang Anda lakukan, Element itu sumber-terbuka, pastikan untuk mengunjungi GitHub kami (https://github.com/vector-im/element-web/) dan berkontribusi!",
+    "console_scam_warning": "Jika seseorang membilangi Anda untuk salin/tempel sesuatu di sini, mungkin saja Anda sedang ditipu!",
+    "console_wait": "Tunggu!",
+    "create_room": {
+        "action_create_room": "Buat ruangan",
+        "action_create_video_room": "Buat ruangan video",
+        "encrypted_video_room_warning": "Anda tidak menonaktifkan ini nanti. Ruangannya akan terenkripsi tetapi panggilan yang tersemat tidak.",
+        "encrypted_warning": "Anda tidak dapat menonaktifkannya nanti. Jembatan & kebanyakan bot belum dapat digunakan.",
+        "encryption_forced": "Server Anda memerlukan mengaktifkan enkripsi di ruangan privat.",
+        "encryption_label": "Aktifkan enkripsi ujung ke ujung",
+        "error_title": "Gagal untuk membuat ruangan",
+        "generic_error": "Server mungkin tidak tersedia, kelebihan beban, atau Anda mengalami bug.",
+        "join_rule_change_notice": "Anda dapat mengubahnya kapan saja dari pengaturan ruangan.",
+        "join_rule_invite": "Ruangan privat (undangan saja)",
+        "join_rule_invite_label": "Hanya orang-orang yang diundang dapat menemukan dan bergabung dengan ruangan ini.",
+        "join_rule_knock_label": "Siapa pun dapat meminta untuk bergabung, tetapi admin atau administrator perlu memberikan akses. Anda dapat mengubah ini nanti.",
+        "join_rule_public_label": "Siapa saja dapat menemukan dan bergabung dengan ruangan ini.",
+        "join_rule_public_parent_space_label": "Siapa saja dapat menemukan dan bergabung dengan ruangan ini, tidak hanya anggota dari <SpaceName/>.",
+        "join_rule_restricted": "Dapat dilihat oleh anggota space",
+        "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",
+        "topic_label": "Topik (opsional)",
+        "unfederated": "Blokir siapa saja yang bukan bagian dari %(serverName)s untuk bergabung dengan ruangan ini.",
+        "unfederated_label_default_off": "Anda mungkin aktifkan jika ruangan ini hanya digunakan untuk berkolabroasi dengan tim internal di homeserver Anda. Ini tidak dapat diubah nanti.",
+        "unfederated_label_default_on": "Anda mungkin menonaktifkannya jika ruangan ini akan digunakan untuk berkolabroasi dengan tim eksternal yang mempunyai homeserver sendiri. Ini tidak dapat diubah nanti.",
+        "unsupported_version": "Server ini tidak mendukung versi ruangan yang dicantumkan."
+    },
+    "create_space": {
+        "add_details_prompt": "Tambahkan detail untuk membantu pengguna mengenalnya.",
+        "add_details_prompt_2": "Anda dapat mengubahnya kapan saja.",
+        "add_existing_rooms_description": "Pilih ruangan atau percakapan untuk ditambahkan. Ini adalah hanya sebuah space untuk Anda, tidak ada siapa pun yang diberi tahu. Anda dapat menambahkan lagi nanti.",
+        "add_existing_rooms_heading": "Apa saja yang Anda ingin organisirkan?",
+        "address_label": "Alamat",
+        "address_placeholder": "mis. space-saya",
+        "creating": "Membuat…",
+        "creating_rooms": "Membuat ruangan…",
+        "done_action": "Pergi ke space saya",
+        "done_action_first_room": "Pergi ke ruangan pertama saya",
+        "explainer": "Space adalah cara yang baru untuk mengelompokkan ruangan dan orang. Space apa yang Anda ingin buat? Ini dapat diubah nanti.",
+        "failed_create_initial_rooms": "Gagal membuat ruangan space awal",
+        "failed_invite_users": "Gagal untuk mengundang pengguna berikut ini ke space Anda: %(csvUsers)s",
+        "invite_teammates_by_username": "Undang dengan nama pengguna",
+        "invite_teammates_description": "Pastikan orang-orang tertentu mempunyai akses. Anda dapat mengundang lagi nanti.",
+        "invite_teammates_heading": "Undang tim Anda",
+        "inviting_users": "Mengundang…",
+        "label": "Buat space",
+        "name_required": "Mohon masukkan nama untuk space ini",
+        "personal_space": "Hanya saya saja",
+        "personal_space_description": "Sebuah space pribadi untuk mengorganisir ruangan Anda",
+        "private_description": "Undangan saja, baik untuk Anda sendiri atau tim",
+        "private_heading": "Space pribadi Anda",
+        "private_only_heading": "Ruangan Anda",
+        "private_personal_description": "Pastikan orang-orang tertentu punya akses ke %(name)s",
+        "private_personal_heading": "Dengan siapa Anda bekerja?",
+        "private_space": "Saya dan tim saya",
+        "private_space_description": "Sebuah space pribadi untuk Anda dan tim Anda",
+        "public_description": "Space terbuka untuk siapa saja, baik untuk komunitas",
+        "public_heading": "Space publik Anda",
+        "search_public_button": "Cari ruangan publik",
+        "setup_rooms_community_description": "Mari kita buat ruangan untuk masing-masing.",
+        "setup_rooms_community_heading": "Apa saja yang Anda ingin bahas di %(spaceName)s?",
+        "setup_rooms_description": "Anda juga dapat menambahkan lebih banyak nanti, termasuk yang sudah ada.",
+        "setup_rooms_private_description": "Kami akan membuat ruangan untuk masing-masing.",
+        "setup_rooms_private_heading": "Proyek apa yang sedang dikerjakan tim Anda?",
+        "share_description": "Hanya Anda sendiri yang ada saat ini, akan lebih baik jika dengan orang lain.",
+        "share_heading": "Bagikan %(name)s",
+        "skip_action": "Lewat untuk sementara",
+        "subspace_adding": "Menambahkan…",
+        "subspace_beta_notice": "Tambahkan sebuah space ke space yang Anda kelola.",
+        "subspace_dropdown_title": "Buat space",
+        "subspace_existing_space_prompt": "Ingin menambahkan sebuah space yang sudah ada saja?",
+        "subspace_join_rule_invite_description": "Hanya orang-orang yang diundang dapat menemukan dan bergabung dengan space ini.",
+        "subspace_join_rule_invite_only": "Space pribadi (undangan saja)",
+        "subspace_join_rule_label": "Visibilitas space",
+        "subspace_join_rule_public_description": "Siapa saja dapat menemukan dan bergabung space ini, tidak hanya anggota dari <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Siapa saja di <SpaceName/> dapat menemukan dan bergabung."
+    },
+    "credits": {
+        "default_cover_photo": "<photo>Foto kover bawaan</photo> © <author>Jesús Roncero</author> digunakan di bawah ketentuan <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "Gambar emoji <twemoji>Twemoji</twemoji> © <author>Twitter, Inc dan kontributor lainnya</author> digunakan di bawah ketentuan <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "Fon <colr>twemoji-colr</colr> © <author>Mozilla Foundation</author> digunakan di bawah ketentuan <terms>Apache 2.0</terms>."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Apakah Anda yakin ingin menolak undangan untuk bergabung dengan \"%(roomName)s\"?",
+        "ignore_user_help": "Anda tidak akan melihat pesan atau undangan ruangan dari pengguna ini.",
+        "reason_description": "Jelaskan alasan untuk melaporkan ruangan.",
+        "report_room_description": "Laporkan ruangan ini ke penyedia akun Anda.",
+        "title": "Tolak undangan"
+    },
+    "desktop_default_device_name": "%(brand)s Desktop: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Widget Aktif",
+        "category_other": "Lainnya",
+        "category_room": "Ruangan",
+        "caution_colon": "Peringatan:",
+        "client_versions": "Versi Klien",
+        "crypto": {
+            "4s_public_key_in_account_data": "dalam data akun",
+            "4s_public_key_not_in_account_data": "tidak ditemukan",
+            "4s_public_key_status": "Kunci publik penyimpanan rahasia:",
+            "backup_key_cached": "dalam tembolok secara lokal",
+            "backup_key_cached_status": "Kunci cadangan dalam tembolok:",
+            "backup_key_not_stored": "tidak disimpan",
+            "backup_key_stored": "dalam penyimpanan rahasia",
+            "backup_key_stored_status": "Kunci cadangan disimpan:",
+            "backup_key_unexpected_type": "jenis tidak terduga",
+            "backup_key_well_formed": "terbentuk dengan baik",
+            "cross_signing": "Penandatanganan silang",
+            "cross_signing_cached": "dalam tembolok secara lokal",
+            "cross_signing_not_ready": "Penandatanganan silang belum disiapkan.",
+            "cross_signing_private_keys_in_storage": "dalam penyimpanan rahasia",
+            "cross_signing_private_keys_in_storage_status": "Kunci pribadi penandatanganan silang:",
+            "cross_signing_private_keys_not_in_storage": "tidak ditemukan dalam penyimpanan",
+            "cross_signing_public_keys_on_device": "dalam memori",
+            "cross_signing_public_keys_on_device_status": "Kunci publik penandatanganan silang:",
+            "cross_signing_ready": "Penandatanganan silang siap digunakan.",
+            "cross_signing_status": "Status penandatanganan silang:",
+            "cross_signing_untrusted": "Akun Anda memiliki identitas penandatanganan silang dalam penyimpanan rahasia, tetapi belum dipercaya oleh sesi ini.",
+            "crypto_not_available": "Modul kriptografi tidak tersedia",
+            "device_id": "ID Perangkat",
+            "key_backup_active_version": "Versi cadangan aktif:",
+            "key_backup_active_version_none": "Tidak ada",
+            "key_backup_inactive_warning": "Kunci Anda tidak dicadangkan dari sesi ini.",
+            "key_backup_latest_version": "Versi cadangan terbaru di server:",
+            "key_storage": "Penyimpanan Kunci",
+            "master_private_key_cached_status": "Kunci pribadi utama:",
+            "not_found": "tidak ditemukan",
+            "not_found_locally": "tidak ditemukan secara lokal",
+            "secret_storage_not_ready": "belum siap",
+            "secret_storage_ready": "siap",
+            "secret_storage_status": "Penyimpanan rahasia:",
+            "self_signing_private_key_cached_status": "Kunci pribadi penandatanganan sendiri:",
+            "session": "Sesi",
+            "session_fingerprint": "Sidik jari (kunci sesi)",
+            "title": "Enkripsi ujung ke ujung",
+            "user_signing_private_key_cached_status": "Kunci pribadi penandatanganan pengguna:"
+        },
+        "developer_mode": "Mode pengembang",
+        "developer_tools": "Alat Pengembang",
+        "device_dehydrated_no": "Dehidrasi: Tidak",
+        "device_dehydrated_yes": "Dehidrasi: Ya",
+        "device_id": "ID Perangkat: %(deviceId)s",
+        "device_keys": "Kunci perangkat",
+        "device_verification_status": {
+            "signed_by_owner": "Status verifikasi: <E2EIcon /> Ditandatangani oleh pemilik",
+            "unknown": "Status verifikasi: Tidak diketahui",
+            "unverified": "Status verifikasi: <E2EIcon /> Tidak ditandatangani oleh pemilik",
+            "verified": "Status verifikasi: <E2EIcon /> Diverifikasi dengan penandatanganan silang"
+        },
+        "devices": "Perangkat kriptografi (%(count)s)",
+        "edit_setting": "Edit pengaturan",
+        "edit_values": "Edit nilai",
+        "empty_string": "<string kosong>",
+        "event_content": "Konten Peristiwa",
+        "event_id": "ID peristiwa: %(eventId)s",
+        "event_sent": "Peristiwa terkirim!",
+        "event_type": "Tipe Peristiwa",
+        "explore_account_data": "Jelajahi data akun",
+        "explore_room_account_data": "Jelajahi data akun ruangan",
+        "explore_room_state": "Jelajahi status ruangan",
+        "failed_to_find_widget": "Terjadi sebuah kesalahan menemukan widget ini.",
+        "failed_to_load": "Gagal untuk dimuat.",
+        "failed_to_save": "Gagal menyimpan pengaturan.",
+        "failed_to_send": "Gagal mengirimkan pertistiwa!",
+        "id": "ID: ",
+        "invalid_device_key_id": "ID kunci perangkat tidak valid",
+        "invalid_json": "Tidak terlihat seperti JSON yang absah.",
+        "level": "Tingkat",
+        "low_bandwidth_mode": "Mode bandwidth rendah",
+        "low_bandwidth_mode_description": "Membutuhkan homeserver yang kompatibel.",
+        "main_timeline": "Lini masa utama",
+        "manual_device_verification": "Verifikasi perangkat manual",
+        "no_receipt_found": "Tidak ada laporan yang ditemukan",
+        "notification_state": "Keadaan notifikasi adalah <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Pengawakutuan notifikasi",
+        "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>",
+        "room_notifications_dot": "Titik: ",
+        "room_notifications_highlight": "Sorotan: ",
+        "room_notifications_last_event": "Peristiwa terakhir:",
+        "room_notifications_sender": "Pengirim: ",
+        "room_notifications_thread_id": "ID utasan: ",
+        "room_notifications_total": "Jumlah: ",
+        "room_notifications_type": "Jenis: ",
+        "room_status": "Keadaan ruangan",
+        "room_unread_status_count": {
+            "other": "Keadaan ruangan belum dibaca: <strong>%(status)s</strong>, jumlah: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Simpan pengaturan nilai",
+        "see_history": "Lihat riwayat",
+        "send_custom_account_data_event": "Kirim peristiwa data akun kustom",
+        "send_custom_room_account_data_event": "Kirim peristiwa data akun ruangan kustom",
+        "send_custom_state_event": "Kirim peristiwa status kustom",
+        "send_custom_timeline_event": "Kirim peristiwa lini masa khusus",
+        "server_info": "Info server",
+        "server_versions": "Versi Server",
+        "settable_global": "Dapat diatur secara global",
+        "settable_room": "Dapat diatur di ruangan",
+        "setting_colon": "Pengaturan:",
+        "setting_definition": "Definisi pengaturan:",
+        "setting_id": "ID Pengaturan",
+        "settings": {
+            "elementCallUrl": "URL Element Call"
+        },
+        "settings_explorer": "Penelusur pengaturan",
+        "show_empty_content_events": "Tampilkan peristiwa dengan isi kosong",
+        "show_hidden_events": "Tampilkan peristiwa tersembunyi di lini masa",
+        "spaces": {
+            "one": "<space>",
+            "other": "<%(count)s space>"
+        },
+        "state_key": "Kunci Status",
+        "thread_root_id": "ID Akar Utas: %(threadRootId)s",
+        "threads_timeline": "Lini masa utasan",
+        "title": "Alat pengembang",
+        "toolbox": "Kotak Peralatan",
+        "use_at_own_risk": "UI ini TIDAK memeriksa tipe nilai. Gunakan dengan hati-hati.",
+        "user_avatar": "Avatar: %(avatar)s",
+        "user_displayname": "Nama tampilan: %(displayname)s",
+        "user_id": "ID Pengguna: %(userId)s",
+        "user_no_avatar": "Avatar: <i>Tidak ada</i>",
+        "user_no_displayname": "Nama tampilan: <i>Tidak ada</i>",
+        "user_read_up_to": "Pembacaan pengguna sampai: ",
+        "user_read_up_to_ignore_synthetic": "Pengguna membaca sampai (ignoreSynthetic): ",
+        "user_read_up_to_private": "Pengguna membaca sampai (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Pengguna membaca sampai (m.read.private;ignoreSynthetic): ",
+        "user_room_membership": "Keanggotaan: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Status verifikasi: <E2EIcon /> Belum diverifikasi, dan identitas berubah",
+            "unverified": "Status verifikasi: <E2EIcon /> Belum diverifikasi",
+            "verified": "Status verifikasi: <E2EIcon /> Terverifikasi",
+            "was_verified": "Status verifikasi: <E2EIcon /> Telah diverifikasi, tetapi identitas berubah"
+        },
+        "users": "Pengguna",
+        "value": "Nilai",
+        "value_colon": "Nilai:",
+        "value_in_this_room": "Nilai di ruangan ini",
+        "value_this_room_colon": "Nilai-nilai di ruangan ini:",
+        "values_explicit": "Nilai-nilai di tingkat eksplisit",
+        "values_explicit_colon": "Nilai-nilai di tingkat eksplisit:",
+        "values_explicit_room": "Nilai-nilai di tingkat eksplisit di ruangan ini",
+        "values_explicit_this_room_colon": "Nilai-nilai di tingkat ekspliksi di ruangan ini:",
+        "view_servers_in_room": "Tampilkan server-server di ruangan",
+        "view_source_decrypted_event_source": "Sumber peristiwa terdekripsi",
+        "view_source_decrypted_event_source_unavailable": "Sumber terdekripsi tidak tersedia",
+        "widget_screenshots": "Aktifkan tangkapan layar widget di widget yang didukung"
+    },
+    "dialog_close_label": "Tutup dialog",
+    "download_completed": "Unduhan Selesai",
+    "empty_room": "Ruangan kosong",
+    "empty_room_was_name": "Ruangan kosong (sebelumnya %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Jika Anda memiliki kunci keamanan atau frasa keamanan, ini juga bisa digunakan.",
+            "key_validation_text": {
+                "wrong_security_key": "Kunci pemulihan yang Anda masukkan salah."
+            },
+            "privacy_warning": "Pastikan tidak ada yang bisa melihat layar ini!",
+            "restoring": "Memulihkan kunci-kunci dari cadangan",
+            "security_key_label": "Kunci pemulihan",
+            "security_key_title": "Konfirmasi kunci pemulihan Anda"
+        },
+        "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",
+        "cross_signing_user_normal": "Anda belum memverifikasi pengguna ini.",
+        "cross_signing_user_verified": "Anda telah memverifikasi pengguna ini. Pengguna ini telah memverifikasi semua sesinya.",
+        "cross_signing_user_warning": "Pengguna ini belum memverifikasi semua sesinya.",
+        "enter_recovery_key": "Masukkan kunci pemulihan",
+        "event_shield_reason_authenticity_not_guaranteed": "Keaslian pesan terenkripsi ini tidak dapat dijamin pada perangkat ini.",
+        "event_shield_reason_mismatched_sender": "Pengirim peristiwa tidak cocok dengan pemilik perangkat yang mengirimnya.",
+        "event_shield_reason_mismatched_sender_key": "Terenkripsi oleh sesi yang belum diverifikasi",
+        "event_shield_reason_unknown_device": "Dienkripsi oleh perangkat yang tidak dikenal atau dihapus.",
+        "event_shield_reason_unsigned_device": "Dienkripsi oleh perangkat yang tidak diverifikasi oleh pemiliknya.",
+        "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.",
+        "messages_not_secure": {
+            "cause_1": "Homeserver Anda",
+            "cause_2": "Homeserver pengguna yang Anda memverifikasi",
+            "cause_3": "Koneksi internet Anda, atau pengguna yang lain",
+            "cause_4": "Sesi Anda, atau pengguna yang lain",
+            "heading": "Salah satu dari berikut ini dapat dikompromikan:",
+            "title": "Pesan-pesan Anda tidak aman"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Sebuah Frasa Keamanan dan kunci untuk Pesan Aman telah terdeteksi.",
+            "description_2": "Sesi ini mengenkripsi riwayat menggunakan metode pemulihan yang baru.",
+            "title": "Metode Pemulihan Baru",
+            "warning": "Jika Anda tidak menyetel metode pemulihan yang baru, sebuah penyerang mungkin mencoba mengakses akun Anda. Ubah kata sandi akun Anda dan segera tetapkan metode pemulihan yang baru di Pengaturan."
+        },
+        "pinned_identity_changed": "Identitas (<b>%(userId)s</b>) %(displayName)s tampaknya telah berubah. <a>Pelajari lebih lanjut</a>",
+        "pinned_identity_changed_no_displayname": "Identitas <b>%(userId)s</b> tampaknya telah berubah. <a>Pelajari lebih lanjut</a>",
+        "recovery_method_removed": {
+            "description_1": "Sesi ini telah mendeteksi bahwa Frasa Keamanan dan kunci untuk Pesan Aman Anda telah dihapus.",
+            "description_2": "Jika Anda melakukan ini secara tidak sengaja, Anda dapat mengatur Pesan Aman pada sesi ini yang akan mengenkripsi ulang riwayat pesan sesi ini dengan metode pemulihan baru.",
+            "title": "Metode Pemulihan Dihapus",
+            "warning": "Jika Anda tidak menghapus metode pemulihan, sebuah penyerang mungkin mencoba mengakses akun Anda. Ubah kata sandi akun Anda dan segera tetapkan metode pemulihan baru di Pengaturan."
+        },
+        "set_up_recovery": "Siapkan pemulihan",
+        "set_up_recovery_toast_description": "Buat kunci pemulihan yang dapat digunakan untuk memulihkan riwayat pesan terenkripsi jika Anda kehilangan akses ke perangkat Anda.",
+        "set_up_toast_title": "Siapkan Cadangan Aman",
+        "turn_on_key_storage": "Aktifkan penyimpanan kunci",
+        "turn_on_key_storage_description": "Simpan identitas kriptografi dan kunci pesan Anda secara aman di server. Ini akan memungkinkan Anda untuk melihat riwayat pesan Anda di perangkat baru mana pun.",
+        "unable_to_setup_keys_error": "Tidak dapat mengatur kunci-kunci",
+        "verification": {
+            "accepting": "Menerima…",
+            "after_new_login": {
+                "device_verified": "Perangkat telah diverifikasi",
+                "skip_verification": "Lewatkan verifikasi untuk sementara",
+                "verify_this_device": "Verifikasi perangkat ini"
+            },
+            "cancelled_verification": "Permintaan telah kedaluwarsa, permintaan ditolak, atau terdapat ketidaksesuaian verifikasi.",
+            "cancelling": "Membatalkan…",
+            "cant_confirm": "Tidak dapat mengonfirmasi?",
+            "complete_action": "Mengerti",
+            "complete_description": "Anda berhasil memverifikasi pengguna ini.",
+            "complete_title": "Terverifikasi!",
+            "confirm_identity_description": "Verifikasi perangkat ini untuk menyiapkan perpesanan aman",
+            "confirm_identity_title": "Konfirmasikan identitas Anda",
+            "confirm_the_emojis": "Pastikan emoji di bawah ini sesuai dengan yang ditampilkan di perangkat lain Anda.",
+            "error_starting_description": "Kami tidak dapat memulai sebuah obrolan dengan pengguna lain.",
+            "error_starting_title": "Terjadi kesalahan memulai verifikasi",
+            "explainer": "Pesan dengan pengguna ini terenkripsi secara ujung ke ujung dan tidak dapat dibaca oleh pihak ketiga.",
+            "in_person": "Supaya aman, lakukan ini secara langsung atau gunakan cara lain yang terpercaya untuk berkomunikasi.",
+            "incoming_sas_device_dialog_text_1": "Verifikasi perangkat ini untuk menandainya sebagai terpercaya. Mempercayai perangkat ini akan memberikan Anda dan pengguna lain ketenangan saat menggunakan pesan terenkripsi secara ujung ke ujung.",
+            "incoming_sas_device_dialog_text_2": "Memverifikasi perangkat ini akan menandainya sebagai terpercaya, dan pengguna yang telah diverifikasi dengan Anda akan mempercayai perangkat ini.",
+            "incoming_sas_dialog_title": "Permintaan Verifikasi Masuk",
+            "incoming_sas_dialog_waiting": "Menunggu pengguna untuk konfirmasi…",
+            "incoming_sas_user_dialog_text_1": "Verifikasi pengguna ini untuk menandainya sebagai terpercaya. Mempercayai pengguna memberikan Anda ketenangan saat menggunakan pesan terenkripsi secara ujung ke ujung.",
+            "incoming_sas_user_dialog_text_2": "Memverifikasi pengguna ini akan menandai sesinya sebagai terpercaya, dan juga menandai sesi Anda sebagai terpercaya kepadanya.",
+            "manual": {
+                "already_verified": "Perangkat ini sudah diverifikasi",
+                "already_verified_and_wrong_fingerprint": "Sidik jari yang disediakan tidak cocok, tetapi perangkat sudah diverifikasi!",
+                "device_id": "ID Perangkat",
+                "failure_description": "Gagal memverifikasi '%(deviceId)s': %(error)s",
+                "failure_title": "Verifikasi gagal",
+                "fingerprint": "Sidik jari (kunci sesi)",
+                "no_crypto": "Tidak dapat memverifikasi perangkat - kripto tidak diaktifkan",
+                "no_device": "Tidak dapat memverifikasi perangkat - perangkat %(deviceId)s '' tidak ditemukan",
+                "no_userid": "Tidak dapat memverifikasi perangkat - tidak dapat menemukan ID Pengguna kami",
+                "success_description": "Perangkat (%(deviceId)s) sekarang ditandatangani silang",
+                "success_title": "Verifikasi berhasil",
+                "text": "Berikan ID dan sidik jari salah satu perangkat Anda untuk memverifikasinya. PERHATIKAN bahwa ini memungkinkan perangkat lain untuk mengirim dan menerima pesan seperti Anda. JIKA SESEORANG MEMINTA ANDA UNTUK MENEMPELKAN SESUATU DI SINI, KEMUNGKINAN ANDA SEDANG DITIPU!",
+                "wrong_fingerprint": "Tidak dapat memverifikasi perangkat '%(deviceId)s' - sidik jari yang disediakan '%(fingerprint)s' tidak cocok dengan sidik jari perangkat, '%(fprint)s'"
+            },
+            "no_support_qr_emoji": "Perangkat yang Anda sedang verifikasi tidak mendukung pemindaian kode QR atau verifikasi emoji, yang didukung oleh %(brand)s. Coba menggunakan klien yang lain.",
+            "now_you_can": "Sekarang Anda dapat membaca atau mengirim pesan dengan aman, dan siapa pun yang mengobrol dengan Anda juga dapat mempercayai perangkat ini.",
+            "once_accepted_can_continue": "Setelah diterima, Anda dapat melanjutkan verifikasi.",
+            "other_party_cancelled": "Pengguna yang lain membatalkan proses verifikasi ini.",
+            "prompt_encrypted": "Verifikasi semua pengguna di sebuah ruangan untuk memastikan keamanannya.",
+            "prompt_unencrypted": "Di ruangan terenkripsi, verifikasi semua pengguna untuk memastikan keamanannya.",
+            "qr_or_sas": "%(qrCode)s atau %(emojiCompare)s",
+            "qr_prompt": "Pindai kode unik ini",
+            "qr_reciprocate_check_again_device": "Periksa kembali di perangkat lain Anda untuk menyelesaikan verifikasi.",
+            "qr_reciprocate_no": "Tidak, saya tidak melihat perisai hijau",
+            "qr_reciprocate_same_shield_user": "Hampir selesai! Apakah %(displayName)s menampilkan perisai yang sama?",
+            "qr_reciprocate_yes": "Ya, saya melihat perisai hijau",
+            "request_toast_accept_user": "Verifikasi Pengguna",
+            "request_toast_decline_counter": "Abaikan (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s dari %(ip)s",
+            "request_toast_start_verification": "Mulai Verifikasi",
+            "sas_caption_self": "Verifikasi perangkat ini dengan mengkonfirmasi nomor berikut ini yang ditampilkan di layarnya.",
+            "sas_caption_user": "Verifikasi pengguna ini dengan mengkonfirmasi nomor berikut yang ditampilkan.",
+            "sas_description": "Bandingkan emoji jika Anda tidak memiliki sebuah kamera di kedua perangkat",
+            "sas_emoji_caption_user": "Verifikasi pengguna ini dengan mengkonfirmasi emoji berikut yang ditampilkan.",
+            "sas_match": "Mereka cocok",
+            "sas_no_match": "Mereka tidak cocok",
+            "sas_prompt": "Bandingkan emoji unik",
+            "scan_qr": "Verifikasi dengan memindai",
+            "scan_qr_explainer": "Tanyakan %(displayName)s untuk memindai kode Anda:",
+            "start_button": "Mulai Verifikasi",
+            "successful_user": "Anda berhasil memverifikasi %(displayName)s!",
+            "unsupported_method": "Tidak dapat menemukan metode verifikasi yang didukung.",
+            "unverified_session_toast_accept": "Ya, itu saya",
+            "unverified_session_toast_title": "Login baru. Apakah itu Anda?",
+            "unverified_sessions_toast_description": "Periksa untuk memastikan akun Anda aman",
+            "unverified_sessions_toast_reject": "Nanti",
+            "unverified_sessions_toast_title": "Anda memiliki sesi yang belum diverifikasi",
+            "use_another_device": "Gunakan perangkat lain",
+            "use_recovery_key": "Gunakan kunci pemulihan",
+            "verification_dialog_title_choose": "Pilih cara verifikasi",
+            "verification_dialog_title_compare_emojis": "Bandingkan emoji",
+            "verification_dialog_title_confirm_green_shield": "Konfirmasikan bahwa Anda melihat perisai hijau di perangkat Anda yang lain",
+            "verification_dialog_title_device": "Verifikasi perangkat lain",
+            "verification_dialog_title_failed": "Verifikasi gagal",
+            "verification_dialog_title_start_on_other_device": "Mulai verifikasi di perangkat lain",
+            "verification_dialog_title_user": "Permintaan Verifikasi",
+            "verification_dialog_title_verified": "Perangkat telah diverifikasi",
+            "verification_skip_warning": "Tanpa memverifikasi, Anda tidak akan memiliki akses ke semua pesan Anda dan tampak tidak dipercayai kepada lainnya.",
+            "verification_success_with_backup": "Perangkat baru Anda telah diverifikasi. Perangkat baru Anda dapat mengakses pesan-pesan terenkripsi Anda, dan pengguna lain akan melihat perangkat baru Anda sebagai dipercayai.",
+            "verification_success_without_backup": "Perangkat baru Anda telah diverifikasi. Pengguna lain akan melihat perangkat baru Anda sebagai dipercayai.",
+            "verify_by_completing_one_of": "Verifikasi dengan menyelesaikan salah satu dari berikut ini:",
+            "verify_emoji": "Verifikasi dengan emoji",
+            "verify_emoji_prompt": "Verifikasi dengan membandingkan emoji unik.",
+            "verify_emoji_prompt_qr": "Jika Anda tidak dapat memindai kode di atas, verifikasi dengan membandingkan emoji yang unik.",
+            "verify_later": "Saya verifikasi nanti",
+            "waiting_for_user_accept": "Menunggu untuk %(displayName)s untuk menerima…",
+            "waiting_other_device": "Menunggu Anda untuk verifikasi di perangkat Anda yang lain…",
+            "waiting_other_device_details": "Menunggu Anda untuk memverifikasi perangkat Anda yang lain, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Menunggu %(displayName)s untuk memverifikasi…"
+        },
+        "verification_requested_toast_title": "Verifikasi diminta",
+        "verified_identity_changed": "Identitas terverifikasi %(displayName)s (<b>%(userId)s</b>) telah berubah. <a>Pelajari lebih lanjut</a>",
+        "verified_identity_changed_no_displayname": "Identitas terverifikasi <b>%(userId)s</b> telah berubah. <a>Pelajari lebih lanjut</a>",
+        "verify_toast_description": "Pengguna yang lain mungkin tidak mempercayainya",
+        "verify_toast_title": "Verifikasi sesi ini",
+        "withdraw_verification_action": "Tolak verifikasi"
+    },
+    "error": {
+        "admin_contact": "Mohon <a>hubungi administrator layanan Anda</a> untuk melanjutkan menggunakan layanannya.",
+        "admin_contact_short": "Hubungi <a>admin server</a> Anda.",
+        "app_launch_unexpected_error": "Kesalahan tak terduga saat menyiapkan aplikasi. Lihat konsol untuk detail.",
+        "cannot_load_config": "Tidak dapat memuat file konfigurasi: mohon muat ulang laman ini untuk mencoba lagi.",
+        "connection": "Terjadi sebuah masalah berkomunikasi dengan homeservernya, coba lagi nanti.",
+        "dialog_description_default": "Telah terjadi kesalahan.",
+        "download_media": "Gagal mengunduh media sumber, tidak ada URL sumber yang ditemukan",
+        "edit_history_unsupported": "Homeserver Anda sepertinya tidak mendukung fitur ini.",
+        "failed_copy": "Gagal untuk menyalin",
+        "hs_blocked": "Homeserver ini telah diblokir oleh administratornya.",
+        "invalid_configuration_mixed_server": "Konfigurasi tidak valid: default_hs_url tidak dapat ditentukan bersama dengan default_server_name atau default_server_config",
+        "invalid_configuration_no_server": "Konfigurasi tidak absah: server bawaan belum ditentukan.",
+        "invalid_json": "Konfigurasi Element Anda berisi JSON yang tidak absah. Mohon perbaiki masalahnya dan muat ulang laman ini.",
+        "invalid_json_detail": "Pesan dari pengurai adalah: %(message)s",
+        "invalid_json_generic": "JSON tidak absah",
+        "mau": "Homeserver ini telah mencapai batasnya Pengguna Aktif Bulanan.",
+        "misconfigured": "Anda salah mengatur Element",
+        "mixed_content": "Tidak dapat terhubung ke homeserver melalui HTTP ketika URL di browser berupa HTTPS. Gunakan HTTPS atau <a>aktifkan skrip yang tidak aman</a>.",
+        "non_urgent_echo_failure_toast": "Server Anda tidak menanggapi beberapa <a>permintaan</a>.",
+        "resource_limits": "Homeserver ini telah melebihi batas sumber dayanya.",
+        "session_restore": {
+            "clear_storage_button": "Hapus Penyimpanan dan Keluar",
+            "clear_storage_description": "Keluar dan hapus kunci-kunci enkripsi?",
+            "description_1": "Kami mengalami sebuah kesalahan saat memulihkan sesi Anda sebelumnya.",
+            "description_2": "Jika Anda sebelumnya menggunakan versi %(brand)s yang lebih baru, sesi Anda mungkin tidak kompatibel dengan versi ini. Tutup jendela ini dan kembali ke versi yang lebih baru.",
+            "description_3": "Menghapus penyimpanan browser Anda mungkin memperbaiki masalahnya, tetapi akan mengeluarkan Anda dan membuat riwayat obrolan tidak dapat dibaca.",
+            "title": "Tidak dapat memulihkan sesi"
+        },
+        "something_went_wrong": "Ada sesuatu yang salah!",
+        "storage_evicted_description_1": "Beberapa data sesi, termasuk kunci pesan terenkripsi, hilang. Keluar dan masuk lagi untuk memperbaikinya, memulihkan kunci-kunci dari cadangan.",
+        "storage_evicted_description_2": "Kemungkinan browser Anda menghapus datanya ketika ruang disk rendah.",
+        "storage_evicted_title": "Data sesi hilang",
+        "sync": "Tidak dapat menghubungkan ke Homeserver. Mencoba ulang…",
+        "tls": "Tidak dapat terhubung ke homeserver — harap cek koneksi anda, pastikan <a>sertifikat SSL homeserver</a> Anda terpercaya, dan ekstensi browser tidak memblokir permintaan.",
+        "unknown": "Kesalahan tidak diketahui",
+        "unknown_error_code": "kode kesalahan tidak diketahui",
+        "update_history_visibility": "Gagal mengubah visibilitas riwayat",
+        "update_power_level": "Gagal untuk mengubah tingkat daya"
+    },
+    "error_app_open_in_another_tab": "%(brand)s telah dibuka di tab lain.",
+    "error_app_open_in_another_tab_title": "%(brand)s sedang terhubung di tab lain",
+    "error_app_opened_in_another_window": "%(brand)s sedang dibuka di jendela lain. Klik \"%(label)s\" untuk menggunakan %(brand)s di sini dan putuskan sambungan di jendela lainnya.",
+    "error_database_closed_description": {
+        "for_desktop": "Diska Anda mungkin sudah penuh. Mohon bersihkan beberapa ruang dan muat ulang.",
+        "for_web": "Jika Anda menghapus data penelusuran, maka pesan ini akan muncul. %(brand)s mungkin juga terbuka di tab lain, atau diska Anda penuh. Tolong bersihkan beberapa ruang dan muat ulang"
+    },
+    "error_database_closed_title": "%(brand)s berhenti bekerja",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Tidak dapat menyalin sebuah tautan ruangan ke papan klip.",
+            "title": "Tidak dapat menyalin tautan ruangan"
+        },
+        "error_loading_user_profile": "Tidak dapat memuat profil pengguna",
+        "forget_room_failed": "Gagal melupakan ruangan %(errCode)s"
+    },
+    "error_user_not_logged_in": "Pengguna belum masuk",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Panggilan sedang berjalan",
+            "user": "%(senderName)s bergabung dengan panggilan saat ini",
+            "you": "Anda bergabung dengan panggilan saat ini"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s mengakhiri panggilan ini",
+            "you": "Anda mengakhiri panggilan ini"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s sedang memanggil",
+            "dm_send": "Menunggu untuk jawaban",
+            "user": "%(senderName)s memulai sebuah panggilan",
+            "you": "Anda memulai sebuah panggilan"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s bereaksi %(reaction)s ke %(message)s",
+            "you": "Anda bereaksi %(reaction)s ke %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Audio",
+            "file": "Berkas",
+            "image": "Gambar",
+            "poll": "Pemugutan suara",
+            "video": "Video"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Ekspor Dibatalkan",
+        "cancelled_detail": "Ekspor berhasil dibatalkan",
+        "confirm_stop": "Apakah Anda yakin Anda ingin menghentikan mengekspor data Anda? Jika iya, Anda harus mulai lagi dari awal.",
+        "creating_html": "Membuat HTML…",
+        "creating_output": "Membuat keluaran…",
+        "creator_summary": "%(creatorName)s membuat ruangan ini.",
+        "current_timeline": "Lini Masa Saat Ini",
+        "enter_number_between_min_max": "Masukkan sebuah angka antara %(min)s dan %(max)s",
+        "error_fetching_file": "Terjadi kesalahan saat mendapatkan file",
+        "export_info": "Ini adalah awalan dari ekspor <roomName/>. Diekspor oleh <exporterDetails/> di %(exportDate)s.",
+        "export_successful": "Pengeksporan berhasil!",
+        "exported_n_events_in_time": {
+            "one": "Telah mengekspor %(count)s peristiwa dalam %(seconds)s detik",
+            "other": "Telah mengekspor %(count)s peristiwa dalam %(seconds)s detik"
+        },
+        "exporting_your_data": "Mengekspor data Anda",
+        "fetched_n_events": {
+            "one": "Telah mendapatkan %(count)s peristiwa sejauh ini",
+            "other": "Telah mendapatkan %(count)s peristiwa sejauh ini"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Telah mendapatkan %(count)s peristiwa dalam %(seconds)sd",
+            "other": "Telah mendapatkan %(count)s peristiwa dalam %(seconds)sd"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Mendapatkan %(count)s peristiwa dari %(total)s peristiwa",
+            "other": "Mendapatkan %(count)s peristiwa dari %(total)s peristiwa"
+        },
+        "fetching_events": "Mendapatkan peristiwa…",
+        "file_attached": "File Dilampirkan",
+        "format": "Format",
+        "from_the_beginning": "Dari awal",
+        "generating_zip": "Membuat sebuah ZIP",
+        "html": "HTML",
+        "html_title": "Data Terekspor",
+        "include_attachments": "Tambahkan Lampiran",
+        "json": "JSON",
+        "media_omitted": "Media tidak disertakan",
+        "media_omitted_file_size": "Media tidak disertakan — melebihi batas ukuran file",
+        "messages": "Pesan",
+        "next_page": "Grup pesan berikutnya",
+        "num_messages": "Jumlah pesan",
+        "num_messages_min_max": "Jumlah pesan hanya boleh antara %(min)s dan %(max)s",
+        "number_of_messages": "Tentukan berapa pesan",
+        "previous_page": "Grup pesan sebelumnya",
+        "processing": "Memproses…",
+        "processing_event_n": "Memproses peristiwa %(number)s dari %(total)s peristiwa",
+        "select_option": "Pilih dari opsi di bawah untuk mengekspor obrolan dari lini masa Anda",
+        "size_limit": "Batas Ukuran",
+        "size_limit_min_max": "Ukuran harus sebuah angka antara %(min)s MB dan %(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Memulai pengeksporan…",
+        "successful": "Ekspor Berhasil",
+        "successful_detail": "Ekspor Anda berhasil. Temukan di folder Unduhan Anda.",
+        "text": "Teks Biasa",
+        "title": "Ekspor Obrolan",
+        "topic": "Topik: %(topic)s",
+        "unload_confirm": "Apakah Anda yakin untuk membatalkan ekspor ini?"
+    },
+    "failed_load_async_component": "Tidak dapat memuat! Periksa koneksi jaringan Anda dan coba lagi.",
+    "feedback": {
+        "can_contact_label": "Anda mungkin menghubungi saya jika Anda mempunyai pertanyaan lanjutan",
+        "comment_label": "Komentar",
+        "existing_issue_link": "Mohon lihat <existingIssuesLink>bug yang sudah ada di GitHub</existingIssuesLink> dahulu. Tidak ada? <newIssueLink>Buat yang baru</newIssueLink>.",
+        "may_contact_label": "Anda mungkin hubungi saya jika Anda ingin menindaklanjuti atau memberi tahu saya untuk menguji ide baru",
+        "platform_username": "Platform dan nama pengguna Anda akan dicatat untuk membantu kami menggunakan masukan Anda sebanyak yang kita bisa.",
+        "pro_type": "Jika Anda membuat issue, silakan kirimkan <debugLogsLink>log pengawakutu</debugLogsLink> untuk membantu kami menemukan masalahnya.",
+        "send_feedback_action": "Kirimkan masukan",
+        "sent": "Masukan terkirim"
+    },
+    "file_panel": {
+        "empty_description": "Lampirkan file dari komposer atau tarik dan lepaskan di mana saja di sebuah ruangan.",
+        "empty_heading": "Tidak ada file di ruangan ini",
+        "guest_note": "Anda harus <a>mendaftar</a> untuk menggunakan kegunaan ini",
+        "peek_note": "Anda harus bergabung ruangannya untuk melihat file-filenya"
+    },
+    "forward": {
+        "filter_placeholder": "Cari ruangan atau orang",
+        "message_preview_heading": "Tampilan pesan",
+        "no_perms_title": "Anda tidak memiliki izin untuk melakukannya",
+        "open_room": "Buka ruangan",
+        "send_label": "Kirim",
+        "sending": "Mengirim",
+        "sent": "Terkirim"
+    },
+    "identity_server": {
+        "change": "Ubah server identitas",
+        "change_prompt": "Putuskan hubungan dari server identitas <current /> dan hubungkan ke <new />?",
+        "change_server_prompt": "Jika Anda tidak ingin menggunakan <server /> untuk menemukan dan dapat ditemukan oleh kontak yang Anda tahu, masukkan server identitas yang lain di bawah.",
+        "changed": "Server identitas Anda telah diubah",
+        "checking": "Memeriksa server",
+        "description_connected": "Anda saat ini menggunakan <server></server> untuk menemukan dan dapat ditemukan oleh kontak yang Anda tahu. Anda dapat mengubah server identitas di bawah.",
+        "description_disconnected": "Anda saat ini tidak menggunakan sebuah server identitas. Untuk menemukan dan dapat ditemukan oleh kontak yang Anda tahu, tambahkan satu di bawah.",
+        "description_optional": "Menggunakan sebuah server identitas itu opsional. Jika Anda tidak menggunakan sebuah server identitas, Anda tidak dapat ditemukan oleh pengguna lain dan Anda tidak dapat mengundang orang lain menggunakan email atau nomor telepon.",
+        "disconnect": "Putuskan hubungan server identitas",
+        "disconnect_anyway": "Lepaskan hubungan saja",
+        "disconnect_offline_warning": "Anda seharusnya <b>menghapus data personal Anda</b> dari server identitas <idserver /> sebelum memutuskan hubungan. Sayangnya, server identitas <idserver /> saat ini sedang luring atau tidak dapat dicapai.",
+        "disconnect_personal_data_warning_1": "Anda masih <b>membagikan data personal Anda</b> di server identitas <idserver />.",
+        "disconnect_personal_data_warning_2": "Kami merekomendasikan Anda menghapus alamat email dan nomor telepon Anda dari server identitasnya sebelum memutuskan hubungan.",
+        "disconnect_server": "Putuskan hubungan dari server identitas <idserver />?",
+        "disconnect_warning": "Memutuskan hubungan dari server identitas Anda akan berarti Anda tidak dapat ditemukan oleh pengguna lain dan Anda tidak dapat mengundang orang lain menggunakan email atau nomor telepon.",
+        "do_not_use": "Jangan menggunakan sebuah server identitas",
+        "error_connection": "Tidak dapat menghubung ke server identitas",
+        "error_invalid": "Bukan server identitas yang absah (kode status %(code)s)",
+        "error_invalid_or_terms": "Persyaratan layanan tidak diterima atau server identitasnya tidak absah.",
+        "no_terms": "Server identitas yang Anda pilih tidak memiliki persyaratan layanan.",
+        "suggestions": "Anda seharusnya:",
+        "suggestions_1": "periksa plugin browser Anda untuk apa saja yang mungkin memblokir server identitasnya (seperti Privacy Badger)",
+        "suggestions_2": "menghubungi administrator server identitas <idserver />",
+        "suggestions_3": "tunggu dan coba lagi",
+        "url": "Server identitas (%(server)s)",
+        "url_field_label": "Masukkan sebuah server identitas baru",
+        "url_not_https": "URL server identitas harus HTTPS"
+    },
+    "in_space": "Dalam space %(spaceName)s.",
+    "in_space1_and_space2": "Dalam space %(space1Name)s dan %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "Dalam %(spaceName)s dan %(count)s space lainnya.",
+        "other": "Dalam %(spaceName)s dan %(count)s space lainnya."
+    },
+    "incompatible_browser": {
+        "continue": "Tetap lanjutkan",
+        "description": "%(brand)s menggunakan beberapa fitur peramban yang tidak tersedia di peramban Anda saat ini. %(detail)s",
+        "detail_can_continue": "Jika Anda melanjutkan, beberapa fitur mungkin berhenti bekerja dan ada risiko kehilangan data di masa mendatang.",
+        "detail_no_continue": "Coba perbarui peramban ini jika Anda tidak menggunakan versi terbaru dan coba lagi.",
+        "learn_more": "Pelajari lebih lanjut",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "Untuk pengalaman terbaik, gunakan <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge>, atau <Safari>Safari</Safari>.",
+        "title": "Peramban tidak didukung",
+        "use_desktop_heading": "Gunakan %(brand)s Desktop sebagai gantinya",
+        "use_mobile_heading": "Gunakan %(brand)s di ponsel sebagai gantinya",
+        "use_mobile_heading_after_desktop": "Atau gunakan aplikasi ponsel kami",
+        "windows_64bit": "Windows (64-bit)",
+        "windows_arm_64bit": "Windows (ARM 64-bit)"
+    },
+    "info_tooltip_title": "Informasi",
+    "integration_manager": {
+        "connecting": "Menghubungkan ke pengelola integrasi…",
+        "error_connecting": "Manager integrasinya mungkin sedang luring atau tidak dapat mencapai homeserver Anda.",
+        "error_connecting_heading": "Tidak dapat menghubungkan ke manajer integrasi",
+        "explainer": "Manajer integrasi menerima data pengaturan, dan dapat mengubah widget, mengirimkan undangan ruangan, dan mengatur tingkat daya dengan sepengetahuan Anda.",
+        "manage_title": "Kelola integrasi",
+        "toggle_label": "Aktifkan pengelola integrasi",
+        "use_im": "Gunakan sebuah manajer integrasi untuk mengelola bot, widget, dan paket stiker.",
+        "use_im_default": "Gunakan manajer integrasi <b>(%(serverName)s)</b> untuk mengelola bot, widget, dan paket stiker."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Aktifkan '%(manageIntegrations)s' di Pengaturan untuk melakukan ini.",
+        "disabled_dialog_title": "Integrasi dinonaktifkan",
+        "impossible_dialog_description": "%(brand)s Anda tidak mengizinkan Anda menggunakan sebuah manajer integrasi untuk melakukan ini. Mohon hubungi sebuah admin.",
+        "impossible_dialog_title": "Integrasi tidak diperbolehkan"
+    },
+    "invite": {
+        "email_caption": "Undang melalui email",
+        "email_limit_one": "Undangan lewat surel hanya dapat dikirim satu-satu",
+        "email_use_default_is": "Gunakan sebuah server identitas untuk mengundang melalui email. <default>Gunakan bawaan (%(defaultIdentityServerName)s)</default> atau kelola di <settings>Pengaturan</settings>.",
+        "email_use_is": "Gunakan sebuah server identitas untuk mengundang melalui email. Kelola di <settings>Pengaturan</settings>.",
+        "error_already_invited_room": "Pengguna sudah diundang ke ruangan",
+        "error_already_invited_space": "Pengguna sudah diundang ke space",
+        "error_already_joined_room": "Pengguna sudah ada di ruangan",
+        "error_already_joined_space": "Pengguna sudah ada di space",
+        "error_bad_state": "Pengguna harus dihilangkan cekalannya sebelum diundang kembali.",
+        "error_dm": "Kami tidak dapat membuat pesan langsung Anda.",
+        "error_find_room": "Ada sesuatu yang salah ketika mengundang penggunanya.",
+        "error_find_user_description": "Pengguna berikut ini mungkin tidak ada atau tidak absah, dan tidak dapat diundang: %(csvNames)s",
+        "error_find_user_title": "Gagal untuk mencari pengguna berikut ini",
+        "error_invite": "Kami tidak dapat mengundang penggunanya. Mohon periksa pengguna yang Anda ingin undang dan coba lagi.",
+        "error_permissions_room": "Anda tidak ada izin untuk mengundang orang ke ruangan ini.",
+        "error_permissions_space": "Anda tidak memiliki izin untuk mengundang seseorang ke space ini.",
+        "error_profile_undisclosed": "Pengguna mungkin atau mungkin tidak ada",
+        "error_transfer_multiple_target": "Sebuah panggilan dapat dipindah ke sebuah pengguna.",
+        "error_unfederated_room": "Ruangan ini tidak terfederasi. Anda tidak dapat mengundang orang dari server eksternal.",
+        "error_unfederated_space": "Space ini tidak terfederasi. Anda tidak dapat mengundang orang dari server eksternal.",
+        "error_unknown": "Kesalahan server yang tidak diketahui",
+        "error_user_not_found": "Pengguna tidak ada",
+        "error_version_unsupported_room": "Homeserver penggunanya tidak mendukung versi ruangannya.",
+        "error_version_unsupported_space": "Homeserver pengguna tidak mendukung versi space.",
+        "failed_generic": "Operasi gagal",
+        "failed_title": "Gagal untuk mengundang",
+        "invalid_address": "Alamat tidak dikenal",
+        "name_email_mxid_share_room": "Undang seseorang menggunakan namanya, alamat email, nama pengguna (seperti <userId/>) atau <a>bagikan ruangan ini</a>.",
+        "name_email_mxid_share_space": "Undang seseorang menggunakan namanya, alamat email, nama pengguna (seperti <userId/>) atau <a>bagikan space ini</a>.",
+        "name_mxid_share_room": "Undang seseorang menggunakan namanya, nama pengguna (seperti <userId/>) atau <a>bagikan ruangan ini</a>.",
+        "name_mxid_share_space": "Undang seseorang menggunakan namanya, nama pengguna (seperti <userId/>) atau <a>bagikan space ini</a>.",
+        "progress": {
+            "dont_close": "Jangan tutup aplikasi sampai selesai.",
+            "preparing": "Menyiapkan undangan..."
+        },
+        "recents_section": "Obrolan Terkini",
+        "room_failed_partial": "Kami telah mengirim yang lainnya, tetapi orang berikut ini tidak dapat diundang ke <RoomName/>",
+        "room_failed_partial_title": "Beberapa undangan tidak dapat dikirim",
+        "room_failed_title": "Gagal mengundang pengguna ke %(roomName)s",
+        "send_link_prompt": "Atau kirim tautan undangan",
+        "start_conversation_name_email_mxid_prompt": "Mulai sebuah obrolan dengan sesorang menggunakan namanya, alamat email atau nama pengguna (seperti <userId/>).",
+        "start_conversation_name_mxid_prompt": "Mulai sebuah obrolan dengan seseorang menggunakan namanya atau nama pengguna (seperti <userId/>).",
+        "suggestions_disclaimer": "Beberapa saran mungkin disembunyikan untuk privasi.",
+        "suggestions_disclaimer_prompt": "Jika Anda tidak dapat menemukan siapa yang Anda mencari, kirimkan tautan undangan Anda di bawah.",
+        "suggestions_section": "Pesan Langsung Kini",
+        "to_room": "Undang ke %(roomName)s",
+        "to_space": "Undang ke %(spaceName)s",
+        "transfer_dial_pad_tab": "Tombol penyetel",
+        "transfer_user_directory_tab": "Direktori Pengguna",
+        "unable_find_profiles_description_default": "Tidak dapat menemukan profil untuk ID Matrix yang dicantumkan di bawah — apakah Anda ingin mengundang mereka saja?",
+        "unable_find_profiles_invite_label_default": "Undang saja",
+        "unable_find_profiles_invite_never_warn_label_default": "Undang saja dan jangan peringatkan saya lagi",
+        "unable_find_profiles_title": "Pengguna berikut ini mungkin tidak ada",
+        "unban_first_title": "Pengguna tidak dapat diundang sampai dibatalkan cekalannya"
+    },
+    "inviting_user1_and_user2": "Mengundang %(user1)s dan %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Mengundang %(user)s dan 1 lainnya",
+        "other": "Mengundang %(user)s dan %(count)s lainnya"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> dan satu lainnya",
+        "other": "<Items/> dan %(count)s lainnya"
+    },
+    "keyboard": {
+        "activate_button": "Aktivasi tombol yang dipilih",
+        "alt": "Alt",
+        "autocomplete_cancel": "Batalkan penyelesaian otomatis",
+        "autocomplete_force": "Selesaikan dengan paksa",
+        "autocomplete_navigate_next": "Saran penyelesaian otomatis berikutnya",
+        "autocomplete_navigate_prev": "Saran penyelesaian otomatis sebelumnya",
+        "backspace": "Hapus",
+        "cancel_reply": "Batalkan membalas ke pesan",
+        "category_autocomplete": "Pelengkapan Otomatis",
+        "category_calls": "Panggilan",
+        "category_navigation": "Navigasi",
+        "category_room_list": "Daftar Ruangan",
+        "close_dialog_menu": "Tutup dialog atau menu konteks",
+        "composer_jump_end": "Pergi ke akhiran komposer",
+        "composer_jump_start": "Pergi ke awalan komposer",
+        "composer_navigate_next_history": "Pergi ke pesan berikutnya di riwayat komposer",
+        "composer_navigate_prev_history": "Pergi ke pesan sebelumnya di riwayat komposer",
+        "composer_new_line": "Baris baru",
+        "composer_redo": "Ulangi editan",
+        "composer_toggle_bold": "Tebal",
+        "composer_toggle_code_block": "Alih Blok Kode",
+        "composer_toggle_italics": "Italic",
+        "composer_toggle_link": "Alih Tautan",
+        "composer_toggle_quote": "Kutip",
+        "composer_undo": "Urungkan editan",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Abaikan penanda baca dan pergi ke bawah",
+        "end": "End",
+        "enter": "Masuk",
+        "escape": "Esc",
+        "go_home_view": "Pergi ke Tampilan Beranda",
+        "home": "Beranda",
+        "jump_first_message": "Pergi ke pesan pertama",
+        "jump_last_message": "Pergi ke pesan terakhir",
+        "jump_room_search": "Pergi ke pencarian ruangan",
+        "jump_to_read_marker": "Pergi ke pesan paling lama yang belum dibaca",
+        "keyboard_shortcuts_tab": "Buka tab pengaturan ini",
+        "navigate_next_history": "Ruangan atau space berikut yang dikunjungi",
+        "navigate_next_message_edit": "Pergi ke pesan berikutnya untuk diedit",
+        "navigate_prev_history": "Ruangan atau space yang dikunjungi sebelumnya",
+        "navigate_prev_message_edit": "Pergi ke pesan sebelumnya untuk diedit",
+        "next_landmark": "Pergi ke tengara berikutnya",
+        "next_room": "Ruangan atau pesan langsung berikutnya",
+        "next_unread_room": "Ruangan atau pesan langsung berikutnya yang belum dibaca",
+        "number": "[nomor]",
+        "open_user_settings": "Buka pengaturan pengguna",
+        "page_down": "Halaman Bawah",
+        "page_up": "Halaman Atas",
+        "prev_landmark": "Pergi ke tengara sebelumnya",
+        "prev_room": "Ruangan atau pesan langsung sebelumnya",
+        "prev_unread_room": "Ruangan atau pesan langsung sebelumnya yang belum dibaca",
+        "room_list_collapse_section": "Tutup bagian daftar ruangan",
+        "room_list_expand_section": "Buka bagian daftar ruangan",
+        "room_list_navigate_down": "Pergi ke bawah di daftar ruangan",
+        "room_list_navigate_up": "Pergi ke atas di daftar ruangan",
+        "room_list_select_room": "Pilih ruangan dari daftar ruangan",
+        "save": "Simpan",
+        "scroll_down_timeline": "Gulir ke bawah di lini masa",
+        "scroll_up_timeline": "Gulir ke atas di lini masa",
+        "search": "Cari (harus diaktifkan)",
+        "send_sticker": "Kirim sebuah stiker",
+        "shift": "Shift",
+        "space": "Spasi",
+        "switch_to_space": "Ganti ke space oleh nomor",
+        "toggle_hidden_events": "Alih visibilitas peristiwa tersembunyi",
+        "toggle_microphone_mute": "Bisukan/suarakan mikrofon",
+        "toggle_right_panel": "Buka/tutup panel kanan",
+        "toggle_space_panel": "Alih panel space",
+        "toggle_top_left_menu": "Alihkan menu kiri atas",
+        "toggle_webcam_mute": "Nyalakan/matikan webcam",
+        "upload_file": "Unggah sebuah file"
+    },
+    "labs": {
+        "ask_to_join": "Aktifkan bertanya untuk bergabung",
+        "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.",
+        "beta_feedback_title": "Masukan %(featureName)s Beta",
+        "beta_section": "Fitur yang akan datang",
+        "bridge_state": "Tampilkan informasi tentang jembatan di pengaturan ruangan",
+        "bridge_state_channel": "Saluran: <channelLink/>",
+        "bridge_state_creator": "Jembatan ini disediakan oleh <user />.",
+        "bridge_state_manager": "Jembatan ini dikelola oleh <user />.",
+        "bridge_state_workspace": "Ruang kerja: <networkLink/>",
+        "click_for_info": "Klik untuk info lanjut",
+        "currently_experimental": "Saat ini masih dalam uji coba.",
+        "custom_themes": "Dukungan penambahan tema kustom",
+        "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>.",
+        "experimental_section": "Pratinjau awal",
+        "extended_profiles_msc_support": "Memerlukan server Anda untuk mendukung MSC4133",
+        "feature_disable_call_per_sender_encryption": "Nonaktifkan enkripsi per pengirim untuk Element Call",
+        "feature_wysiwyg_composer_description": "Menggunakan teks kaya daripada Markdown dalam komposer pesan.",
+        "group_developer": "Pengembang",
+        "group_encryption": "Enkripsi",
+        "group_experimental": "Eksperimental",
+        "group_messaging": "Perpesanan",
+        "group_moderation": "Moderasi",
+        "group_profile": "Profil",
+        "group_rooms": "Ruangan",
+        "group_spaces": "Space",
+        "group_themes": "Tema",
+        "group_threads": "Utas",
+        "group_ui": "Antarmuka pengguna",
+        "group_voip": "Suara & Video",
+        "group_widgets": "Widget",
+        "hidebold": "Sembunyikan titik notifikasi (hanya tampilkan lencana penghitung)",
+        "join_beta": "Bergabung dengan beta",
+        "join_beta_reload": "Bergabung dengan beta akan memuat ulang %(brand)s.",
+        "jump_to_date": "Pergi ke tanggal (menambahkan /jumptodate dan pergi ke tajukan tanggal)",
+        "jump_to_date_msc_support": "Mengharuslkan server Anda mendukung MSC3030",
+        "latex_maths": "Tampilkan matematika LaTeX di pesan",
+        "leave_beta": "Tinggalkan beta",
+        "leave_beta_reload": "Meninggalkan beta akan memuat ulang %(brand)s.",
+        "location_share_live": "Pembagian Lokasi Langsung",
+        "location_share_live_description": "Penerapan sementara. Lokasi tetap berada di riwayat ruangan.",
+        "mjolnir": "Cara baru mengabaikan orang",
+        "msc3531_hide_messages_pending_moderation": "Memperbolehkan moderator untuk menyembunyikan pesan yang akan dimoderasikan.",
+        "notification_settings": "Pengaturan Notifikasi Baru",
+        "notification_settings_beta_caption": "Perkenalkan cara yang lebih sederhana untuk mengubah pengaturan notifikasi Anda. Sesuaikan %(brand)s Anda, sesuai keinginan Anda.",
+        "notification_settings_beta_title": "Pengaturan Notifikasi",
+        "notifications": "Aktifkan panel notifikasi di tajuk ruangan",
+        "render_reaction_images": "Render gambar khusus dalam reaksi",
+        "render_reaction_images_description": "Terkadang disebut sebagai \"emoji khusus\".",
+        "sliding_sync": "Mode Sinkronisasi Geser",
+        "sliding_sync_description": "Dalam pengembangan aktif, tidak dapat dinonaktifkan.",
+        "sliding_sync_disabled_notice": "Keluar dan masuk kembali ke akun untuk menonaktifkan",
+        "sliding_sync_server_no_support": "Server Anda tidak memiliki dukungan",
+        "unrealiable_e2e": "Tidak dapat diandalkan di ruangan terenkripsi",
+        "video_rooms": "Ruangan video",
+        "video_rooms_a_new_way_to_chat": "Sebuah cara baru untuk mengobrol melalui suara dan video di %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Ruangan video adalah saluran VoIP yang selalu ada tersemat di dalam sebuah ruangan di %(brand)s.",
+        "video_rooms_beta": "Ruangan video adalah fitur beta",
+        "video_rooms_faq1_answer": "Gunakan tombol “+” di bagian ruangan di panel kiri.",
+        "video_rooms_faq1_question": "Bagaimana caranya saya membuat sebuah ruangan video?",
+        "video_rooms_faq2_answer": "Ya, lini masa obrolan akan ditampilkan di sebelah videonya.",
+        "video_rooms_faq2_question": "Bisakah saya mengobrol dengan teks saat ada panggilan video?",
+        "video_rooms_feedbackSubheading": "Terima kasih telah mencoba fitur beta, mohon berikan masukan sedetail mungkin supaya kami dapat menyempurnakannya.",
+        "wysiwyg_composer": "Editor teks kaya"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Pengaturan ini hanya untuk pengguna berkelanjutan saja.",
+        "ban_reason": "Diabaikan/Diblokir",
+        "error_adding_ignore": "Terjadi kesalahan menambahkan pengguna/server yang diabaikan",
+        "error_adding_list_description": "Mohon verifikasi ID ruangan atau alamat dan coba lagi.",
+        "error_adding_list_title": "Terjadi kesalahan berlangganan daftar",
+        "error_removing_ignore": "Terjadi kesalahan menghapus pengguna/server yang diabaikan",
+        "error_removing_list_description": "Mohon coba lagi atau lihat konsol Anda untuk petunjuk.",
+        "error_removing_list_title": "Terjadi kesalahan membatalkan langganan daftar",
+        "explainer_1": "Tambahkan pengguna dan server yang ingin Anda abaikan di sini. Gunakan tanda bintang agar %(brand)s cocok dengan karakter apa saja. Misalnya, <code>@bot:*</code> akan mengabaikan semua pengguna yang memiliki nama 'bot' di server apa saja.",
+        "explainer_2": "Mengabaikan orang dilakukan melalui daftar larangan yang berisi aturan tentang siapa yang harus dicekal. Berlangganan daftar larangan berarti pengguna/server yang diblokir oleh daftar itu akan disembunyikan dari Anda.",
+        "lists": "Anda saat ini berlangganan:",
+        "lists_description_1": "Berlangganan sebuah daftar larangan akan membuat Anda bergabung!",
+        "lists_description_2": "Jika itu bukan yang Anda ingin, mohon pakai alat yang lain untuk mengabaikan pengguna.",
+        "lists_heading": "Langganan daftar",
+        "lists_new_label": "ID ruangan atau alamat daftar larangan",
+        "no_lists": "Anda belum berlangganan daftar apa pun",
+        "personal_description": "Daftar larangan pribadi Anda menampung semua pengguna/server yang secara pribadi tidak ingin Anda lihat pesannya. Setelah mengabaikan pengguna/server pertama Anda, sebuah ruangan yang baru akan muncul di daftar ruangan Anda yang bernama '%(myBanList)s' - tetaplah di ruangan ini agar daftar larangan tetap berlaku.",
+        "personal_empty": "Anda belum mengabaikan siapa pun.",
+        "personal_heading": "Daftar Larangan Saya",
+        "personal_new_label": "Server atau ID pengguna untuk diabaikan",
+        "personal_new_placeholder": "mis: @bot:* atau contoh.org",
+        "personal_section": "Anda saat ini mengabaikan:",
+        "room_name": "Daftar Cekalan Saya",
+        "room_topic": "Ini adalah daftar pengguna/server Anda telah blokir — jangan tinggalkan ruangan ini!",
+        "rules_empty": "Tidak Ada",
+        "rules_server": "Aturan server",
+        "rules_title": "Daftar aturan cekalan — %(roomName)s",
+        "rules_user": "Aturan pengguna",
+        "something_went_wrong": "Ada sesuatu yang salah. Mohon coba lagi atau lihat konsol Anda untuk petunjuk.",
+        "title": "Pengguna yang diabaikan",
+        "view_rules": "Tampilkan aturan"
+    },
+    "language_dropdown_label": "Dropdown Bahasa",
+    "leave_room_dialog": {
+        "last_person_warning": "Anda adalah satu-satunya di sini. Jika Anda keluar, tidak ada siapa saja dapat bergabung di masa mendatang, termasuk Anda.",
+        "leave_room_question": "Anda yakin ingin meninggalkan ruangan '%(roomName)s'?",
+        "leave_space_question": "Apakah Anda yakin untuk keluar dari space '%(spaceName)s'?",
+        "room_leave_admin_warning": "Anda adalah administrator satu-satunya di ruangan ini. Jika Anda keluar, tidak ada siapa pun yang dapat mengubah pengaturan ruangan atau melakukan tindakan penting lainnya.",
+        "room_leave_mod_warning": "Anda adalah moderator satu-satunya di ruangan ini. Jika Anda keluar, tidak ada siapa pun yang dapat mengubah pengaturan ruangan atau melakukan tindakan penting lainnya.",
+        "room_rejoin_warning": "Ruangan ini tidak publik. Anda tidak dapat bergabung lagi tanpa sebuah undangan.",
+        "space_rejoin_warning": "Space ini tidak publik. Anda tidak dapat bergabung lagi tanpa sebuah undangan."
+    },
+    "lightbox": {
+        "rotate_left": "Putar ke Kiri",
+        "rotate_right": "Putar ke Kanan",
+        "title": "Tampilan gambar"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Homeserver ini tidak diatur untuk menampilkan peta.",
+        "MapStyleUrlNotReachable": "Homeserver ini tidak diatur dengan benar untuk memuat peta, atau server peta yang diatur mungkin tidak tersedia.",
+        "WebGLNotEnabled": "WebGL diperlukam untuk menampilkan peta, silakan aktifkan di pengaturan peramban.",
+        "click_drop_pin": "Klik untuk menaruh pin",
+        "click_move_pin": "Klik untuk memindahkan pin",
+        "close_sidebar": "Tutup bilah samping",
+        "error_fetch_location": "Tidak dapat mendapatkan lokasi",
+        "error_no_perms_description": "Anda harus mempunyai izin yang diperlukan untuk membagikan lokasi di ruangan ini.",
+        "error_no_perms_title": "Anda tidak memiliki izin untuk membagikan lokasi",
+        "error_send_description": "%(brand)s tidak dapat mengirimkan lokasi Anda. Silakan coba lagi nanti.",
+        "error_send_title": "Kami tidak dapat mengirimkan lokasi Anda",
+        "error_sharing_live_location": "Sebuah kesalahan terjadi saat berbagi lokasi langsung Anda",
+        "error_stopping_live_location": "Sebuah kesalahan terjadi saat menghentikan lokasi langsung Anda",
+        "expand_map": "Buka peta",
+        "failed_generic": "Gagal untuk mendapatkan lokasi Anda. Silakan coba lagi nanti.",
+        "failed_load_map": "Tidak dapat memuat peta",
+        "failed_permission": "Izin %(brand)s ditolak untuk mengakses lokasi Anda. Mohon izinkan akses lokasi di pengaturan peramban Anda.",
+        "failed_timeout": "Waktu habis dalam mendapatkan lokasi Anda. Silakan coba lagi nanti.",
+        "failed_unknown": "Kesalahan yang tidak ketahui terjadi saat mendapatkan lokasi. Silakan coba lagi nanti.",
+        "find_my_location": "Temukan lokasi saya",
+        "live_description": "Lokasi langsung %(displayName)s",
+        "live_enable_description": "Mohon dicatat: ini adalah fitur uji coba menggunakan implementasi sementara. Ini berarti Anda tidak akan dapat menghapus riwayat lokasi Anda, dan pengguna tingkat lanjut akan dapat melihat riwayat lokasi Anda bahkan setelah Anda berhenti membagikan lokasi langsung Anda dengan ruangan ini.",
+        "live_enable_heading": "Pembagian lokasi langsung",
+        "live_location_active": "Anda membagikan lokasi langsung Anda",
+        "live_location_enabled": "Lokasi langsung diaktifkan",
+        "live_location_ended": "Lokasi langsung berakhir",
+        "live_location_error": "Kesalahan lokasi langsung",
+        "live_locations_empty": "Tidak ada lokasi langsung",
+        "live_share_button": "Bagikan selama %(duration)s",
+        "live_toggle_label": "Aktifkan pembagian lokasi langsung",
+        "live_until": "Langsung sampai %(expiryTime)s",
+        "live_update_time": "Diperbarui %(humanizedUpdateTime)s",
+        "loading_live_location": "Memuat lokasi langsung…",
+        "location_not_available": "Lokasi tidak tersedia",
+        "map_feedback": "Masukan peta",
+        "mapbox_logo": "Logo Mapbox",
+        "reset_bearing": "Atur ulang bantalan ke utara",
+        "share_button": "Bagikan lokasi",
+        "share_type_live": "Lokasi langsung saya",
+        "share_type_own": "Lokasi saya saat ini",
+        "share_type_pin": "Drop sebuah Pin",
+        "share_type_prompt": "Tipe lokasi apa yang Anda ingin bagikan?",
+        "toggle_attribution": "Alih atribusi"
+    },
+    "member_list": {
+        "count": {
+            "other": "%(count)s Anggota"
+        },
+        "filter_placeholder": "Saring anggota ruangan",
+        "invite_button_no_perms_tooltip": "Anda tidak memiliki izin untuk mengundang pengguna",
+        "invited_label": "Diundang",
+        "list_title": "Daftar anggota",
+        "no_matches": "Tidak ada kecocokan"
+    },
+    "member_list_back_action_label": "Anggota ruangan",
+    "message_edit_dialog_title": "Editan pesan",
+    "migrating_crypto": "Bersabarlah. Kami sedang memperbarui Element untuk membuat enkripsi lebih cepat dan andal.",
+    "mobile_guide": {
+        "toast_accept": "Gunakan aplikasi",
+        "toast_description": "%(brand)s bersifat eksperimental pada peramban web ponsel. Untuk pengalaman yang lebih baik dan fitur-fitur terkini, gunakan aplikasi natif gratis kami.",
+        "toast_title": "Gunakan aplikasi untuk pengalaman yang lebih baik"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Tidak ada hasil lagi",
+    "notif_panel": {
+        "empty_description": "Anda tidak memiliki notifikasi.",
+        "empty_heading": "Anda selesai"
+    },
+    "notifications": {
+        "all_messages": "Semua pesan",
+        "all_messages_description": "Dapatkan notifikasi untuk setiap pesan",
+        "class_global": "Global",
+        "class_other": "Lainnya",
+        "default": "Bawaan",
+        "email_pusher_app_display_name": "Notifikasi Surel",
+        "enable_prompt_toast_description": "Aktifkan notifikasi desktop",
+        "enable_prompt_toast_title": "Notifikasi",
+        "enable_prompt_toast_title_from_message_send": "Jangan lewatkan sebuah balasan",
+        "error_change_title": "Ubah pengaturan notifikasi",
+        "keyword": "Kata kunci",
+        "keyword_new": "Kata kunci baru",
+        "level_activity": "Aktivitas",
+        "level_highlight": "Sorotan",
+        "level_muted": "Dibisukan",
+        "level_none": "Tidak ada",
+        "level_notification": "Notifikasi",
+        "level_unsent": "Pengiriman dibatalkan",
+        "mark_all_read": "Tandai semua sebagai dibaca",
+        "mentions_and_keywords": "@sebutan & kata kunci",
+        "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"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s meminta verifikasi"
+    },
+    "onboarding": {
+        "create_room": "Buat sebuah Obrolan Grup",
+        "explore_rooms": "Jelajahi Ruangan Publik",
+        "has_avatar_label": "Hebat, itu akan membantu orang-orang tahu bahwa itu Anda",
+        "intro_byline": "Miliki percakapan Anda.",
+        "intro_welcome": "Selamat datang di %(appName)s",
+        "no_avatar_label": "Tambahkan sebuah foto supaya orang-orang tahu bahwa itu Anda.",
+        "send_dm": "Kirim sebuah Pesan Langsung",
+        "welcome_detail": "Sekarang, mari bantu Anda memulai",
+        "welcome_user": "Selamat datang %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Pesan dalam %(room)s",
+        "permalink_this_room": "Pesan dari %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Buat Poll",
+        "create_poll_title": "Buat poll",
+        "disclosed_notes": "Pemberi suara akan melihat hasilnya ketika mereka telah memberikan suara",
+        "edit_poll_title": "Edit pungutan suara",
+        "end_description": "Apakah Anda yakin untuk mengakhiri poll ini? Ini akan menampilkan hasil akhir dari poll dan orang-orang tidak dapat memberikan suara lagi.",
+        "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 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…",
+        "total_decryption_errors": "Karena kesalahan pendekripsian, beberapa suara tidak dihitung",
+        "total_n_votes": {
+            "one": "%(count)s suara. Vote untuk melihat hasilnya",
+            "other": "%(count)s suara. Vote untuk melihat hasilnya"
+        },
+        "total_n_votes_voted": {
+            "one": "Berdasarkan oleh %(count)s suara",
+            "other": "Berdasarkan oleh %(count)s suara"
+        },
+        "total_no_votes": "Tidak ada suara",
+        "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",
+        "creator": "Pemilik",
+        "custom": "Kustom (%(level)s)",
+        "custom_level": "Tingkat kustom",
+        "default": "Bawaan",
+        "label": "Tingkat daya",
+        "moderator": "Moderator",
+        "restricted": "Dibatasi"
+    },
+    "powered_by_matrix": "Diberdayakan oleh Matrix",
+    "presence": {
+        "away": "Idle",
+        "busy": "Sibuk",
+        "idle": "Diam",
+        "idle_for": "Idle untuk %(duration)s",
+        "offline": "Luring",
+        "offline_for": "Luring selama %(duration)s",
+        "online": "Daring",
+        "online_for": "Daring selama %(duration)s",
+        "unknown": "Tidak Dikenal",
+        "unknown_for": "Tidak diketahui untuk %(duration)s",
+        "unreachable": "Server pengguna tidak dapat dijangkau"
+    },
+    "quick_settings": {
+        "all_settings": "Semua pengaturan",
+        "sidebar_settings": "Opsi lebih banyak",
+        "title": "Pengaturan cepat"
+    },
+    "quit_warning": {
+        "call_in_progress": "Anda sepertinya masih berada di panggilan, apakah Anda yakin untuk keluar?",
+        "file_upload_in_progress": "Anda sepertinya masih menunggah beberapa file, apakah Anda yakin untuk keluar?"
+    },
+    "redact": {
+        "confirm_button": "Konfirmasi Penghapusan",
+        "confirm_description": "Apakah Anda yakin ingin menghilangkan (menghapus) peristiwa ini?",
+        "confirm_description_state": "Diingat bahwa menghilangkan perubahan ruangan dapat mengurungkan perubahannya.",
+        "error": "Anda tidak dapat menghapus pesan ini. (%(code)s)",
+        "ongoing": "Menghilangkan…",
+        "reason_label": "Alasan (opsional)"
+    },
+    "report_content": {
+        "description": "Melaporkan pesan ini akan mengirimkan ID peristiwa yang untuk ke administrator homeserver Anda. Jika pesan-pesan di ruangan ini terenkripsi, maka administrator homeserver Anda tidak akan dapat membaca teks pesan atau menampilkan file atau gambar apa saja.",
+        "hide_messages_from_user": "Periksa jika Anda ingin menyembunyikan semua pesan saat ini dan pesan baru dari pengguna ini.",
+        "ignore_user": "Abaikan pengguna",
+        "missing_reason": "Mohon isi kenapa Anda melaporkan.",
+        "report_content_to_homeserver": "Laporkan Konten ke Administrator Homeserver Anda"
+    },
+    "report_room": {
+        "description": "Laporkan ruangan ini ke admin homeserver Anda. Ini akan mengirimkan ID unik ruangan, tetapi jika pesan dienkripsi, administrator tidak akan dapat membacanya atau melihat file terbagi.",
+        "reason_label": "Jelaskan alasannya"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Gagal untuk mendekripsi %(failedCount)s sesi!",
+        "count_of_successfully_restored_keys": "Berhasil memulihkan %(sessionCount)s kunci",
+        "enter_key_description": "Akses riwayat pesan aman Anda dan siapkan perpesanan aman dengan memasukkan Kunci Keamanan Anda.",
+        "enter_key_title": "Masukkan Kunci Keamanan",
+        "enter_phrase_description": "Akses riwayat pesan aman Anda dan siapkan perpesanan aman dengan memasukkan Frasa Keamanan Anda.",
+        "enter_phrase_title": "Masukkan Frasa Keamanan",
+        "incorrect_security_phrase_dialog": "Cadangan tidak dapat didekripsikan dengan Frasa Keamanan ini: mohon periksa jika Anda memasukkan Frasa Keamanan yang benar.",
+        "incorrect_security_phrase_title": "Frasa Keamanan tidak benar",
+        "key_backup_warning": "<b>Peringatan</b>: Anda seharusnya menyiapkan cadangan kunci di komputer yang dipercayai.",
+        "key_fetch_in_progress": "Mendapatkan kunci- dari server…",
+        "key_forgotten_text": "Jika Anda lupa Kunci Keamanan, Anda dapat <button>menyiapkan opsi pemulihan baru</button>",
+        "key_is_invalid": "Bukan Kunci Pemulihan yang valid",
+        "key_is_valid": "Ini sepertinya Kunci Pemulihan yang valid!",
+        "keys_restored_title": "Kunci-kunci terpulihkan",
+        "load_error_content": "Tidak dapat memuat status cadangan",
+        "load_keys_progress": "%(completed)s dari %(total)s kunci dipulihkan",
+        "no_backup_error": "Tidak ada cadangan yang ditemukan!",
+        "phrase_forgotten_text": "Jika Anda lupa Frasa Keamanan Anda, Anda dapat <button1>menggunakan Kunci Pemulihan Anda</button1> atau <button2>mengatur opsi pemulihan baru</button2>",
+        "recovery_key_mismatch_description": "Cadangan tidak dapat didekripsi dengan Kunci Pemulihan ini: mohon pastikan Anda memasukkan Kunci Pemulihan yang benar.",
+        "recovery_key_mismatch_title": "Kunci Keamanan tidak cocok",
+        "restore_failed_error": "Tidak dapat memulihkan cadangan"
+    },
+    "right_panel": {
+        "add_integrations": "Tambahkan ekstensi",
+        "add_topic": "Tambahkan topik",
+        "extensions_button": "Ekstensi",
+        "extensions_empty_description": "Pilih “%(addIntegrations)s” untuk menelusuri dan menambahkan ekstensi ke ruangan ini",
+        "extensions_empty_title": "Tingkatkan produktivitas dengan lebih banyak alat, widget, dan bot",
+        "files_button": "File",
+        "pinned_messages": {
+            "empty_description": "Pilih pesan dan pilih “%(pinAction)s” untuk disertakan di sini.",
+            "empty_title": "Sematkan pesan penting agar mudah ditemukan",
+            "header": {
+                "other": "%(count)s Pesan tersemat"
+            },
+            "limits": {
+                "other": "Anda hanya dapat memasang pin sampai %(count)s widget"
+            },
+            "menu": "Buka menu",
+            "reply_thread": "Balas ke <link>pesan dalam utas</link>",
+            "unpin_all": {
+                "button": "Lepas sematan semua pesan",
+                "content": "Pastikan Anda benar-benar ingin melepaskan sematan semua pesan tersemat. Tindakan ini tidak dapat diurungkan.",
+                "title": "Hapus sematan semua pesan?"
+            },
+            "view": "Lihat di lini masa"
+        },
+        "pinned_messages_button": "Pesan yang disematkan",
+        "poll": {
+            "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": {
+                "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 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": {
+                "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 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": "Jajak pendapat",
+        "room_summary_card": {
+            "title": "Informasi ruangan"
+        },
+        "thread_list": {
+            "context_menu_label": "Opsi utasan"
+        },
+        "video_room_chat": {
+            "title": "Obrolan"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Undangan ini telah dikirim ke %(email)s yang tidak ditautkan dengan akun Anda",
+        "3pid_invite_email_not_found_account_room": "Undangan ini yang ke %(roomName)s terkirim ke %(email)s yang tidak diasosiasikan dengan akun Anda",
+        "3pid_invite_error_description": "Sebuah kesalahan (%(errcode)s) telah diberikan saat mencoba untuk memvalidasikan undangan. Anda bisa saja dapat memberikan informasi ini ke orang yang mengundang Anda.",
+        "3pid_invite_error_invite_action": "Coba bergabung saja",
+        "3pid_invite_error_invite_subtitle": "Anda hanya dapat bergabung dengan undangan yang dapat dipakai.",
+        "3pid_invite_error_public_subtitle": "Anda masih dapat bergabung di sini.",
+        "3pid_invite_error_title": "Terjadi kesalahan dengan undangan Anda.",
+        "3pid_invite_error_title_room": "Ada sesuatu yang salah dengan undangan Anda ke %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Gunakan sebuah server identitas di Pengaturan untuk menerima undangan secara langsung di %(brand)s.",
+        "banned_by": "Anda telah dicekal oleh %(memberName)s",
+        "banned_from_room_by": "Anda telah dicekal dari %(roomName)s oleh %(memberName)s",
+        "context_menu": {
+            "copy_link": "Salin tautan ruangan",
+            "favourite": "Favorit",
+            "forget": "Lupakan Ruangan",
+            "low_priority": "Prioritas Rendah",
+            "mark_read": "Tandai sebagai dibaca",
+            "mark_unread": "Tandai sebagai belum dibaca",
+            "notifications_default": "Sesuai dengan pengaturan bawaan",
+            "notifications_mute": "Bisukan ruangan",
+            "title": "Opsi ruangan",
+            "unfavourite": "Difavorit"
+        },
+        "creating_room_text": "Kami sedang membuat sebuah ruangan dengan %(names)s",
+        "dm_invite_action": "Mulai mengobrol",
+        "dm_invite_subtitle": "<userName/> ingin mengobrol dengan Anda",
+        "dm_invite_title": "Apakah Anda ingin mengobrol dengan %(user)s?",
+        "drop_file_prompt": "Lepaskan file di sini untuk mengunggah",
+        "edit_topic": "Edit topik",
+        "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.",
+        "error_join_404_2": "Jika Anda tahu sebuah alamat ruangan, coba bergabung melalui itu saja.",
+        "error_join_404_invite": "Orang yang mengundang Anda telah keluar, atau servernya sedang luring.",
+        "error_join_404_invite_same_hs": "Orang yang mengundang Anda telah keluar.",
+        "error_join_connection": "Terjadi sebuah kesalahan bergabung.",
+        "error_join_incompatible_version_1": "Maaf, homeserver Anda terlalu usang untuk berpartisipasi di sini.",
+        "error_join_incompatible_version_2": "Mohon hubungi administrator homeserver Anda.",
+        "error_join_title": "Gagal untuk bergabung",
+        "error_jump_to_date": "Server merespons dengan %(statusCode)s dengan kode kesalahan %(errorCode)s",
+        "error_jump_to_date_connection": "Sebuah kesalahan jaringan terjadi saat mencari dan menuju ke tanggal yang diberikan. Homeserver Anda mungkin tidak tersedia atau ada masalah sementara dengan koneksi internet Anda. Silakan coba lagi. Jika ini masih berlanjut, silakan hubungi administrator homeserver Anda.",
+        "error_jump_to_date_details": "Detail kesalahan",
+        "error_jump_to_date_not_found": "Kami tidak dapat menemukan peristiwa sebelumnya dari %(dateString)s. Coba pilih tanggal yang lebih awal.",
+        "error_jump_to_date_send_logs_prompt": "Silakan kirim <debugLogsLink>catatan pengawakutu</debugLogsLink> untuk membantu kami melacak masalah.",
+        "error_jump_to_date_title": "Tidak dapat menemukan peristiwa di tanggal itu",
+        "face_pile_summary": {
+            "one": "%(count)s orang yang Anda tahu telah bergabung",
+            "other": "%(count)s orang yang Anda tahu telah bergabung"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Tampilkan 1 pengguna",
+            "other": "Tampilkan semua %(count)s anggota"
+        },
+        "face_pile_tooltip_shortcut": "Termasuk %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Termasuk Anda, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Tidak dapat menentukan pengguna mana yang akan diabaikan karena peristiwa anggota telah berubah.",
+        "failed_reject_invite": "Gagal untuk menolak undangan",
+        "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"
+            },
+            "room_is_public": "Ruangan ini publik"
+        },
+        "header_avatar_open_settings_label": "Buka pengaturan ruangan",
+        "header_face_pile_tooltip": "Alihkan daftar anggota",
+        "header_untrusted_label": "Tidak dipercaya",
+        "inaccessible": "Ruangan atau space ini tidak dapat diakses pada saat ini.",
+        "inaccessible_name": "%(roomName)s tidak dapat diakses sekarang.",
+        "inaccessible_subtitle_1": "Coba ulang nanti, atau tanya kepada admin ruangan atau space untuk memeriksa jika Anda memiliki akses.",
+        "inaccessible_subtitle_2": "%(errcode)s didapatkan saat mencoba mengakses ruangan atau space. Jika Anda pikir Anda melihat pesan ini secara tidak benar, silakan <issueLink>kirim sebuah laporan kutu</issueLink>.",
+        "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>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.",
+            "no_topic": "<a>Tambahkan sebuah topik</a> supaya orang-orang tahu tentang ruangan ini.",
+            "private_unencrypted_warning": "Pesan privat Anda biasanya dienkripsi, tetapi di ruangan ini tidak terenkripsi. Biasanya ini disebabkan oleh perangkat yang tidak mendukung atau metode yang sedang digunakan, seperti undangan email.",
+            "room_invite": "Undang ke ruangan ini saja",
+            "send_message_start_dm": "Kirim pesan pertama Anda untuk mengundang <displayName/> ke obrolan",
+            "start_of_dm_history": "Ini adalah awal dari pesan langsung Anda dengan <displayName/>.",
+            "start_of_room": "Ini adalah awal dari <roomName/>.",
+            "unencrypted_warning": "Enkripsi ujung ke ujung tidak diaktifkan",
+            "user_created": "%(displayName)s membuat ruangan ini.",
+            "you_created": "Anda membuat ruangan ini."
+        },
+        "invite_email_mismatch_suggestion": "Bagikan email ini di Pengaturan untuk mendapatkan undangan secara langsung di %(brand)s.",
+        "invite_sent_to_email": "Undangan ini telah dikirim ke %(email)s",
+        "invite_sent_to_email_room": "Undangan ke %(roomName)s ini terkirim ke %(email)s",
+        "invite_subtitle": "Diundang oleh <userName/>",
+        "invite_this_room": "Undang ke ruangan ini",
+        "invite_title": "Apakah Anda ingin bergabung %(roomName)s?",
+        "inviter_unknown": "Tidak Dikenal",
+        "invites_you_text": "<inviter/> mengundang Anda",
+        "join_button_account": "Daftar",
+        "join_failed_needs_invite": "Untuk menampilkan %(roomName)s, Anda perlu sebuah undangan",
+        "join_the_discussion": "Bergabung dengan diskusinya",
+        "join_title": "Bergabung dengan ruangan ini untuk berpartisipasi",
+        "join_title_account": "Bergabung obrolan dengan sebuah akun",
+        "joining": "Bergabung…",
+        "joining_room": "Bergabung dengan ruangan…",
+        "joining_space": "Bergabung dengan space…",
+        "jump_read_marker": "Pergi ke pesan pertama yang belum dibaca.",
+        "jump_to_bottom_button": "Gulir ke pesan yang terbaru",
+        "kick_reason": "Alasan: %(reason)s",
+        "kicked_by": "Anda telah dikeluarkan oleh %(memberName)s",
+        "kicked_from_room_by": "Anda telah dikeluarkan dari %(roomName)s oleh %(memberName)s",
+        "knock_cancel_action": "Batalkan permintaan",
+        "knock_denied_subtitle": "Karena Anda telah ditolak aksesnya, Anda tidak dapat bergabung kembali kecuali Anda diundang oleh admin atau moderator grup.",
+        "knock_denied_title": "Anda telah ditolak aksesnya",
+        "knock_message_field_placeholder": "Pesan (opsional)",
+        "knock_prompt": "Tanyakan untuk bergabung?",
+        "knock_prompt_name": "Tanyakan untuk bergabung ke %(roomName)s?",
+        "knock_send_action": "Minta akses",
+        "knock_sent": "Permintaan untuk bergabung terkirim",
+        "knock_sent_subtitle": "Permintaan Anda untuk bergabung sedang ditunda.",
+        "knock_subtitle": "Anda memerlukan akses untuk mengakses ruangan ini supaya dapat melihat atau berpartisipasi dalam percakapan. Anda dapat mengirimkan permintaan untuk bergabung di bawah.",
+        "leave_error_title": "Terjadi kesalahan saat meninggalkan ruangan",
+        "leave_server_notices_description": "Ruangan ini digunakan untuk pesan yang penting dari Homeservernya, jadi Anda tidak dapat meninggalkannya.",
+        "leave_server_notices_title": "Tidak dapat meninggalkan ruangan Pemberitahuan Server",
+        "leave_unexpected_error": "Kesalahan server yang tidak terduga saat mencoba untuk meninggalkan ruangannya",
+        "link_email_to_receive_3pid_invite": "Tautkan email ini dengan akun Anda di Pengaturan untuk mendapat undangan secara langsung ke %(brand)s.",
+        "loading_preview": "Memuat tampilan",
+        "no_peek_join_prompt": "%(roomName)s tidak dapat ditampilkan. Apakah Anda ingin bergabung?",
+        "no_peek_no_name_join_prompt": "Tidak ada tampilan, apakah Anda ingin bergabung?",
+        "not_found_subtitle": "Apakah Anda yakin Anda berada di tempat yang benar?",
+        "not_found_title": "Ruangan atau space ini tidak ada.",
+        "not_found_title_name": "%(roomName)s tidak ada.",
+        "peek_join_prompt": "Anda melihat tampilan %(roomName)s. Ingin bergabung?",
+        "pinned_message_banner": {
+            "button_close_list": "Tutup daftar",
+            "button_view_all": "Lihat semua",
+            "description": "Pesan yang disematkan",
+            "go_to_newest_message": "Lihat pesan yang disematkan di lini masa dan pesan terbaru yang disematkan di sini",
+            "go_to_next_message": "Lihat pesan yang disematkan di lini masa dan pesan terlama berikutnya yang disematkan di sini",
+            "title": "<bold>%(index)s dari %(length)s</bold> Pesan yang disematkan"
+        },
+        "read_topic": "Klik untuk membaca topik",
+        "rejecting": "Menolak undangan…",
+        "rejoin_button": "Bergabung Ulang",
+        "room_content": "Isi ruangan",
+        "room_is_low_priority": "Ini adalah ruangan dengan prioritas rendah",
+        "search": {
+            "all_rooms_button": "Cari semua ruangan",
+            "placeholder": "Cari pesan...",
+            "summary": {
+                "other": "%(count)s hasil ditemukan untuk “<query/>”"
+            },
+            "this_room_button": "Cari ruangan ini"
+        },
+        "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.",
+            "other": "Anda punya %(count)s notifikasi yang belum dibaca dalam versi sebelumnya dari ruangan ini."
+        },
+        "upgrade_error_description": "Periksa ulang jika server Anda mendukung versi ruangan ini dan coba lagi.",
+        "upgrade_error_title": "Gagal meningkatkan ruangan",
+        "upgrade_warning_bar": "Meningkatkan ruangan ini akan mematikan instansi ruangan saat ini dan membuat ruangan yang ditingkatkan dengan nama yang sama.",
+        "upgrade_warning_bar_admins": "Hanya administrator ruangan yang akan melihat peringatan ini",
+        "upgrade_warning_bar_unstable": "Ruangan ini berjalan dengan versi ruangan <roomVersion />, yang homeserver ini menandainya sebagai <i>tidak stabil</i>.",
+        "upgrade_warning_bar_upgraded": "Ruangan ini telah ditingkatkan.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Mengunggah %(filename)s dan %(count)s lainnya",
+                "other": "Mengunggah %(filename)s dan %(count)s lainnya"
+            },
+            "uploading_single_file": "Mengunggah %(filename)s"
+        },
+        "video_room": "Ruangan ini adalah ruangan video",
+        "waiting_for_join_subtitle": "Setelah pengguna yang diundang telah bergabung ke %(brand)s, Anda akan dapat bercakapan dan ruangan akan terenkripsi secara ujung ke ujung",
+        "waiting_for_join_title": "Menunggu pengguna untuk bergabung ke %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Tambahkan space",
+        "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",
+        "list_title": "Daftar ruangan",
+        "more_options": {
+            "leave_room": "Tinggalkan ruangan"
+        },
+        "notification_options": "Opsi notifikasi",
+        "show_less": "Tampilkan lebih sedikit"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Putuskan siapa yang dapat melihat dan bergabung dengan %(spaceName)s.",
+            "title": "Akses"
+        },
+        "advanced": {
+            "error_upgrade_description": "Peningkatan ruangan tidak dapat diselesaikan",
+            "error_upgrade_title": "Gagal untuk meningkatkan ruangan",
+            "information_section_room": "Informasi ruangan",
+            "information_section_space": "Informasi space",
+            "room_id": "ID ruangan internal",
+            "room_predecessor": "Lihat pesan-pesan lama di %(roomName)s.",
+            "room_upgrade_button": "Tingkatkan ruangan ini ke versi ruangan yang direkomendasikan",
+            "room_upgrade_warning": "<b>Peringatan</b>: meningkatkan sebuah ruangan <i>tidak akan memindahkan anggota ruang ke versi baru ruangan secara otomatis.</i> Kami akan mengirimkan sebuah tautan ke ruangan yang baru di versi lama ruangan - anggota ruangan harus mengeklik tautan ini untuk bergabung dengan ruangan yang baru.",
+            "room_version": "Versi ruangan:",
+            "room_version_section": "Versi ruangan",
+            "space_predecessor": "Lihat versi %(spaceName)s yang lama.",
+            "space_upgrade_button": "Tingkatkan space ini ke versi ruangan yang disarankan",
+            "unfederated": "Ruangan ini tidak dapat diakses oleh pengguna Matrix jarak jauh",
+            "upgrade_button": "Tingkatkan ruangan ini ke versi %(version)s",
+            "upgrade_dialog_description": "Meningkatkan ruangan ini membutuhkan penutupan instansi ruangan saat ini dan membuat ruangan yang baru di tempatnya. Untuk memberikan anggota ruangan pengalaman yang baik, kami akan:",
+            "upgrade_dialog_description_1": "Membuat ruangan baru dengan nama, deskripsi, dan avatar yang sama",
+            "upgrade_dialog_description_2": "Memperbarui alias ruangan lokal apa saja untuk diarahkan ke ruangan yang baru",
+            "upgrade_dialog_description_3": "Menghentikan pengguna dari berbicara di versi ruangan yang lama, dan mengirimkan sebuah pesan memberi tahu pengguna untuk pindah ke ruangan yang baru",
+            "upgrade_dialog_description_4": "Letakkan sebuah tautan kembali ke ruangan yang lama di awal ruangan baru supaya orang-orang dapat melihat pesan-pesan lama",
+            "upgrade_dialog_title": "Tingkatkan Versi Ruangan",
+            "upgrade_dwarning_ialog_title_public": "Tingkatkan ruangan publik",
+            "upgrade_warning_dialog_description": "Meningkatkan sebuah ruangan adalah aksi lanjutan dan biasanya direkomendasikan ketika sebuah ruangan tidak stabil karena adanya bug, fitur-fitur yang tidak ada, atau kerentanan keamanan.",
+            "upgrade_warning_dialog_explainer": "<b>Mohon dicatat bahwa meningkatkan akan membuat versi yang baru dari ruangannya.</b> Semua pesan saat ini akan tetap di ruangan terarsip ini.",
+            "upgrade_warning_dialog_footer": "Anda akan meningkatkan ruangan ini dari <oldVersion /> ke <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Mengundang pengguna dari ruangan ini ke yang baru secara otomatis",
+            "upgrade_warning_dialog_report_bug_prompt": "Ini biasanya hanya memengaruhi bagaimana ruangan diproses di servernya. Jika Anda memiliki masalah dengan %(brand)s, mohon melaporkannya.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Ini biasanya hanya memengaruhi bagaimana ruangan diproses di servernya. Jika Anda memiliki masalah dengan %(brand)s, mohon <a>melaporkannya</a>.",
+            "upgrade_warning_dialog_title": "Tingkatkan ruangan",
+            "upgrade_warning_dialog_title_private": "Tingkatkan ruangan privat"
+        },
+        "alias_not_specified": "tidak ditentukan",
+        "bridges": {
+            "description": "Ruangan ini menjembatani pesan-pesan ke platform berikut ini. <a>Pelajari lebih lanjut.</a>",
+            "empty": "Ruangan tidak ini menjembatani pesan-pesan ke platform apa pun. <a>Pelajari lebih lanjut.</a>",
+            "title": "Jembatan"
+        },
+        "delete_avatar_label": "Hapus avatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Kurang pemisah domain mis. (:domain.org)",
+            "alias_field_has_localpart_invalid": "Kurang nama ruangan atau pemisah mis. (ruangan-saya:domain.org)",
+            "alias_field_matches_invalid": "Alamat ini tidak mengarah ke ruangan ini",
+            "alias_field_placeholder_default": "mis. ruangan-saya",
+            "alias_field_required_invalid": "Mohon masukkan sebuah alamat",
+            "alias_field_safe_localpart_invalid": "Beberapa karakter tidak diizinkan",
+            "alias_field_taken_invalid": "Alamat ini memiliki server yang tidak absah atau telah digunakan",
+            "alias_field_taken_invalid_domain": "Alamat ini sudah digunakan",
+            "alias_field_taken_valid": "Alamat ini dapat digunakan",
+            "alias_heading": "Alamat ruangan",
+            "aliases_items_label": "Alamat lainnya yang dipublikasikan:",
+            "aliases_no_items_label": "Tidak ada alamat yang dipublikasikan, tambahkan satu di bawah",
+            "aliases_section": "Alamat Ruangan",
+            "avatar_field_label": "Avatar ruangan",
+            "canonical_alias_field_label": "Alamat utama",
+            "description_space": "Edit pengaturan yang berkaitan dengan space Anda.",
+            "error_creating_alias_description": "Terjadi sebuah kesalahan membuat alamat. Ini mungkin tidak diperbolehkan oleh servernya atau ada kegagalan sementara.",
+            "error_creating_alias_title": "Terjadi kesalahan membuat alamat",
+            "error_deleting_alias_description": "Terjadi sebuah kesalahan menghapus alamat. Itu mungkin sudah tidak ada atau ada kesalahan sementara.",
+            "error_deleting_alias_description_forbidden": "Anda tidak memiliki izin untuk menghapus alamatnya.",
+            "error_deleting_alias_title": "Terjadi kesalahan menghapus alamat",
+            "error_publishing": "Tidal dapat menerbitkan ruangan",
+            "error_publishing_detail": "Terjadi kesalahan saat menerbitkan ruangan ini",
+            "error_save_space_settings": "Gagal untuk menyimpan pengaturan space.",
+            "error_updating_alias_description": "Terjadi sebuah kesalahan memperbarui alamat alternatif ruangan. Ini mungkin tidak diperbolehkan oleh servernya atau ada kegagalan sementara.",
+            "error_updating_canonical_alias_description": "Terjadi sebuah kesalahan memperbarui alamat utama ruangan. Ini mungkin tidak diperbolehkan oleh servernya atau ada kegagalan sementara.",
+            "error_updating_canonical_alias_title": "Terjadi kesalahan memperbarui alamat utama",
+            "leave_space": "Tinggalkan Space",
+            "local_alias_field_label": "Alamat lokal",
+            "local_aliases_explainer_room": "Tetapkan alamat untuk ruangan ini supaya pengguna dapat menemukan space ini melalui homeserver Anda (%(localDomain)s)",
+            "local_aliases_explainer_space": "Tetapkan alamat untuk space ini supaya pengguna dapat menemukan space ini melalui homeserver Anda (%(localDomain)s)",
+            "local_aliases_section": "Alamat Lokal",
+            "name_field_label": "Nama Ruangan",
+            "new_alias_placeholder": "Alamat baru yang akan dipublikasikan (mis. #alias:server)",
+            "no_aliases_room": "Ruangan ini tidak memiliki alamat lokal",
+            "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.",
+            "published_aliases_section": "Alamat yang Dipublikasikan",
+            "save": "Simpan Perubahan",
+            "topic_field_label": "Topik Ruangan"
+        },
+        "notifications": {
+            "browse_button": "Jelajahi",
+            "custom_sound_prompt": "Atur suara kustom baru",
+            "notification_sound": "Suara notifikasi",
+            "settings_link": "Dapatkan notifikasi yang diatur di <a>pengaturan</a> Anda",
+            "sounds_section": "Suara",
+            "upload_sound_label": "Unggah suara kustom",
+            "uploaded_sound": "Suara terunggah"
+        },
+        "people": {
+            "knock_empty": "Tidak ada permintaan",
+            "knock_section": "Meminta untuk bergabung",
+            "see_less": "Lihat lebih sedikit",
+            "see_more": "Lihat lebih banyak"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Berikan satu atau beberapa pengguna dalam ruangan ini lebih banyak izin",
+            "add_privileged_user_filter_placeholder": "Cari pengguna di ruangan ini…",
+            "add_privileged_user_heading": "Tambahkan pengguna yang diizinkan",
+            "ban": "Cekal pengguna",
+            "ban_reason": "Alasan",
+            "banned_by": "Dicekal oleh %(displayName)s",
+            "banned_users_section": "Pengguna yang dicekal",
+            "error_changing_pl_description": "Sebuah kesalahan terjadi mengubah persyaratan tingkat daya pengguna. Pastikan Anda mempunyai izin yang dibutuhkan dan coba lagi.",
+            "error_changing_pl_reqs_description": "Sebuah kesalahan terjadi mengubah persyaratan tingkat daya ruangan. Pastikan Anda mempunyai izin yang dibutuhkan dan coba lagi.",
+            "error_changing_pl_reqs_title": "Terjadi kesalahan saat mengubah persyaratan tingkat daya",
+            "error_changing_pl_title": "Terjadi kesalahan saat mengubah tingkat daya",
+            "error_unbanning": "Gagal untuk menghapus cekalan",
+            "events_default": "Kirim pesan",
+            "invite": "Undang pengguna",
+            "kick": "Keluarkan pengguna",
+            "m.call": "Mulai panggilan %(brand)s",
+            "m.call.member": "Bergabung panggilan %(brand)s",
+            "m.reaction": "Kirim reaksi",
+            "m.room.avatar": "Ubah avatar ruangan",
+            "m.room.avatar_space": "Ubah avatar space",
+            "m.room.canonical_alias": "Ubah alamat utama untuk ruangan ini",
+            "m.room.canonical_alias_space": "Ubah alamat utama untuk space ini",
+            "m.room.encryption": "Aktifkan enkripsi ruangan",
+            "m.room.history_visibility": "Ubah visibilitas riwayat",
+            "m.room.name": "Ubah nama ruangan",
+            "m.room.name_space": "Ubah nama space",
+            "m.room.pinned_events": "Kelola peristiwa yang disematkan",
+            "m.room.power_levels": "Ubah izin",
+            "m.room.redaction": "Hapus pesan yang terkirim oleh saya",
+            "m.room.server_acl": "Ubah ACL server",
+            "m.room.tombstone": "Tingkatkan ruangan ini",
+            "m.room.topic": "Ubah topik",
+            "m.room.topic_space": "Ubah deskripsi",
+            "m.space.child": "Kelola ruangan di space ini",
+            "m.widget": "Ubah widget",
+            "muted_users_section": "Pengguna yang Dibisukan",
+            "no_privileged_users": "Tidak ada pengguna yang memiliki hak khusus di ruangan ini",
+            "notifications.room": "Beri tahu semua",
+            "permissions_section": "Izin",
+            "permissions_section_description_room": "Pilih peran yang dibutuhkan untuk mengubah bagian-bagian ruangan ini",
+            "permissions_section_description_space": "Pilih peran yang dibutuhkan untuk mengubah bagian-bagian space ini",
+            "privileged_users_section": "Pengguna Istimewa",
+            "redact": "Hapus pesan yang dikirim oleh orang lain",
+            "send_event_type": "Kirim peristiwa %(eventType)s",
+            "state_default": "Ubah pengaturan",
+            "title": "Peran & Izin",
+            "users_default": "Peran bawaan"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "Anda tidak memiliki izin untuk mengubah visibilitas riwayat ruangan. Hal ini berbahaya karena dapat memungkinkan pengguna yang tidak bergabung untuk membaca pesan.",
+                "title": "Tidak dapat menjadikan ruangan privat"
+            },
+            "enable_encryption_confirm_description": "Ketika diaktifkan, enkripsi untuk sebuah ruangan tidak dapat dinonaktifkan. Pesan-pesan yang terkirim di sebuah ruangan terenkripsi tidak dapat dilihat oleh server, hanya anggota di ruangan. <a>Pelajari lebih lanjut tentang enkripsi.</a>",
+            "enable_encryption_confirm_title": "Aktifkan enkripsi?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Menambahkan enkripsi pada ruangan publik tidak disarankan.</b> Siapa pun dapat menemukan dan bergabung dengan ruangan publik, supaya siapa pun dapat membaca pesan di ruangan. Anda tidak akan mendapatkan manfaat dari enkripsi, dan Anda tidak akan dapat menonaktifkan nanti. Mengenkripsi pesan di ruangan publik akan membuat penerimaan dan pengiriman pesan lebih lambat.",
+            "enable_encryption_public_room_confirm_description_2": "Untuk menghindari masalah-masalah ini, buat sebuah <a>ruangan terenkripsi yang baru</a> untuk obrolan yang Anda rencanakan.",
+            "enable_encryption_public_room_confirm_title": "Apakah Anda yakin untuk menambahkan enkripsi ke ruangan publik ini?",
+            "encrypted_room_public_confirm_description_1": "<b>Ini tidak direkomendasikan untuk membuat ruangan terenkripsi publik.</b> Ini berarti siapa saja dapat menemukan dan bergabung dengan ruangannya, jadi siapa saja dapat membaca pesan di ruangan itu. Anda tidak akan mendapatkan manfaat apa pun dari enkripsi. Mengenkripsi pesan di ruangan yang publik akan membuat menerima dan mengirim pesan lebih lambat.",
+            "encrypted_room_public_confirm_description_2": "Untuk menghindari masalah-masalah ini, buat sebuah <a>ruangan terenkripsi yang baru</a> untuk obrolan yang Anda rencanakan.",
+            "encrypted_room_public_confirm_title": "Apakah Anda yakin untuk membuat ruangan terenkripsi ini publik?",
+            "encryption_forced": "Server Anda memerlukan enkripsi untuk dinonaktifkan.",
+            "encryption_permanent": "Setelah diaktifkan, enkripsi tidak dapat dinonaktifkan.",
+            "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 sejak diundang",
+            "history_visibility_legend": "Siapa yang dapat membaca riwayat?",
+            "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.",
+            "join_rule_knock": "Bertanya untuk bergabung",
+            "join_rule_knock_description": "Orang-orang tidak dapat bergabung kecuali diberikan akses.",
+            "join_rule_public_description": "Siapa saja dapat menemukan dan bergabung.",
+            "join_rule_restricted": "Anggota space",
+            "join_rule_restricted_description": "Siapa saja di dalam space dapat menemukan dan bergabung. <a>Edit space apa saja yang dapat mengakses.</a>",
+            "join_rule_restricted_description_active_space": "Siapa saja di <spaceName/> dapat menemukan dan bergabung. Anda juga dapat memilih space yang lain.",
+            "join_rule_restricted_description_prompt": "Siapa saja di sebuah space dapat menemukan dan bergabung. Anda dapat memilih beberapa space.",
+            "join_rule_restricted_description_spaces": "Space dengan akses",
+            "join_rule_restricted_dialog_description": "Tentukan space mana yang dapat mengakses ruangan ini. Jika sebuah space dipilih, anggotanya dapat menemukan dan bergabung <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Anda menghilangkan semua space. Akses secara bawaan ke undangan saja",
+            "join_rule_restricted_dialog_filter_placeholder": "Cari space",
+            "join_rule_restricted_dialog_heading_known": "Space lainnya yang Anda tahu",
+            "join_rule_restricted_dialog_heading_other": "Space atau ruangan lainnya yang Anda mungkin tidak tahu",
+            "join_rule_restricted_dialog_heading_room": "Space yang Anda tahu yang berisi ruangan ini",
+            "join_rule_restricted_dialog_heading_space": "Space yang Anda tahu yang berisi space ini",
+            "join_rule_restricted_dialog_heading_unknown": "Ini kemungkinan adalah bagian dari admin ruangan lain.",
+            "join_rule_restricted_dialog_title": "Pilih space",
+            "join_rule_restricted_n_more": {
+                "one": "& %(count)s lainnya",
+                "other": "& %(count)s lainnya"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Saat ini, sebuah space memiliki akses",
+                "other": "Saat ini, %(count)s space memiliki akses"
+            },
+            "join_rule_restricted_upgrade_description": "Peningkatan ini akan mengizinkan anggota di space yang terpilih untuk dapat mengakses ruangan ini tanpa sebuah undangan.",
+            "join_rule_restricted_upgrade_warning": "Ruangan ini masih ada di dalam space yang Anda bukan admin di sana. Di space itu, ruangan yang lama masih terlihat, tetapi orang akan diberi tahu untuk bergabung dengan ruangan yang baru.",
+            "join_rule_upgrade_awaiting_room": "Memuat ruangan baru",
+            "join_rule_upgrade_required": "Peningkatan diperlukan",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Mengirimkan undangan...",
+                "other": "Mengirimkan undangan... (%(progress)s dari %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Memperbarui space...",
+                "other": "Memperbarui space... (%(progress)s dari %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Meningkatkan ruangan",
+            "join_rule_world_readable_description": "Mengubah siapa yang dapat bergabung ke dalam ruangan juga akan mengubah visibilitas pesan di masa mendatang.",
+            "public_without_alias_warning": "Untuk menautkan ruangan ini, mohon tambahkan sebuah alamat.",
+            "publish_room": "Buat ruangan ini terlihat di direktori ruangan publik.",
+            "publish_space": "Buat ruang ini terlihat di direktori ruangan publik.",
+            "strict_encryption": "Hanya kirim pesan ke pengguna terverifikasi.",
+            "title": "Keamanan & Privasi"
+        },
+        "title": "Pengaturan Ruangan — %(roomName)s",
+        "upload_avatar_label": "Unggah avatar",
+        "visibility": {
+            "alias_section": "Alamat",
+            "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_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"
+        },
+        "voip": {
+            "call_type_section": "Jenis panggilan",
+            "enable_element_call_caption": "%(brand)s terenkripsi secara ujung ke ujung, tetapi saat ini terbatas jumlah penggunanya.",
+            "enable_element_call_label": "Aktifkan %(brand)s sebagai opsi panggilan tambahan di ruangan ini",
+            "enable_element_call_no_permissions_tooltip": "Anda tidak memiliki izin untuk mengubah ini."
+        }
+    },
+    "room_summary_card_back_action_label": "Informasi ruangan",
+    "scalar": {
+        "error_create": "Tidak dapat membuat widget.",
+        "error_membership": "Anda tidak berada di ruangan ini.",
+        "error_missing_room_id": "Kurang ID ruangan.",
+        "error_missing_room_id_request": "Kurang room_id di permintaan",
+        "error_missing_user_id_request": "Kurang user_id di permintaan",
+        "error_permission": "Anda tidak memiliki izin untuk melakukannya di ruangan ini.",
+        "error_power_level_invalid": "Level kekuatan harus angka yang positif.",
+        "error_room_not_visible": "Ruangan %(roomId)s tidak terlihat",
+        "error_room_unknown": "Ruangan ini tidak dikenal.",
+        "error_send_request": "Gagal untuk mengirim permintaan.",
+        "failed_read_event": "Gagal membaca peristiwa",
+        "failed_send_event": "Gagal mengirimkan peristiwa"
+    },
+    "server_offline": {
+        "description": "Server Anda tidak merespon dengan beberapa permintaan Anda. Berikut ini adalah beberapa alasan yang paling mungkin terjadi.",
+        "description_1": "Server (%(serverName)s) terlalu lama untuk merespon.",
+        "description_2": "Tembok api atau antivirus memblokir permintaannya.",
+        "description_3": "Sebuah ekstensi browser mencegah permintaannya.",
+        "description_4": "Server sedang luring.",
+        "description_5": "Server menolak permintaan Anda.",
+        "description_6": "Area Anda mengalami kesulitan menghubung ke internet.",
+        "description_7": "Sebuah kesalahan koneksi terjadi ketika mencoba untuk menghubungi server.",
+        "description_8": "Server tidak diatur untuk menandakan apa masalahnya (CORS).",
+        "empty_timeline": "Anda selesai.",
+        "recent_changes_heading": "Perubahan terbaru yang belum diterima",
+        "title": "Server tidak merespon"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s memerlukan pekerja layanan untuk memuat media yang diautentikasi dari repositori konten Matrix. Ini tidak didukung oleh peramban Anda sehingga Anda mungkin mengalami kegagalan pemuatan media.",
+        "title": "Gagal memuat pekerja layanan"
+    },
+    "seshat": {
+        "error_initialising": "Initialisasi pencarian pesan gagal, periksa <a>pengaturan Anda</a> untuk informasi lanjut",
+        "reset_button": "Atur ulang penyimpanan peristiwa",
+        "reset_description": "Kemungkinan besar Anda tidak ingin mengatur ulang penyimpanan indeks peristiwa Anda",
+        "reset_explainer": "Jika Anda ingin, dicatat bahwa pesan-pesan Anda tidak dihapus, tetapi pengalaman pencarian mungkin terdegradasi untuk beberapa saat indeksnya sedang dibuat ulang",
+        "reset_title": "Atur ulang penyimanan peristiwa?",
+        "warning_kind_files": "Versi %(brand)s ini tidak mendukung penampilan beberapa file terenkripsi",
+        "warning_kind_files_app": "Gunakan <a>aplikasi desktop</a> untuk melihat semua file terenkripsi",
+        "warning_kind_search": "Versi %(brand)s ini tidak mendukung pencarian pesan terenkripsi",
+        "warning_kind_search_app": "Gunakan <a>aplikasi desktop</a> untuk mencari pesan-pesan terenkripsi"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Token akses Anda memberikan akses penuh ke akun Anda. Jangan bagikan dengan siapa pun.",
+            "brand_version": "Versi %(brand)s:",
+            "clear_cache_reload": "Hapus cache dan muat ulang",
+            "crypto_version": "Versi kripto:",
+            "dialog_title": "<strong>Pengaturan:</strong> Bantuan & Tentang",
+            "help_link": "Untuk bantuan dengan menggunakan %(brand)s, klik <a>di sini</a>.",
+            "homeserver": "Homeserver adalah <code>%(homeserverUrl)s</code>",
+            "identity_server": "Server identitas adalah <code>%(identityServerUrl)s</code>",
+            "title": "Bantuan & Tentang",
+            "versions": "Versi"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Pengaturan:</strong> Akun",
+            "title": "Akun"
+        },
+        "all_rooms_home": "Tampilkan semua ruangan di Beranda",
+        "all_rooms_home_description": "Semua ruangan yang Anda bergabung akan ditampilkan di Beranda.",
+        "always_show_message_timestamps": "Selalu tampilkan stempel waktu pesan",
+        "appearance": {
+            "bundled_emoji_font": "Gunakan fon emoji yang dibundel",
+            "compact_layout": "Tampilkan teks dan pesan ringkas",
+            "compact_layout_description": "Tata letak modern harus dipilih untuk menggunakan fitur ini.",
+            "custom_font": "Gunakan sebuah font sistem",
+            "custom_font_description": "Atur sebuah nama font yang terinstal di sistem Anda & %(brand)s akan mencoba menggunakannya.",
+            "custom_font_name": "Nama font sistem",
+            "custom_font_size": "Gunakan ukuran kustom",
+            "custom_theme_add": "Tambahkan tema kustom",
+            "custom_theme_downloading": "Mengunduh tema kustom...",
+            "custom_theme_error_downloading": "Terjadi kesalahan mengunduh tema",
+            "custom_theme_help": "Masukkan URL tema kustom yang ingin Anda terapkan.",
+            "custom_theme_invalid": "Skema tema tidak absah.",
+            "dialog_title": "<strong>Pengaturan:</strong> Penampilan",
+            "font_size": "Ukuran font",
+            "font_size_default": "%(fontSize)s (bawaan)",
+            "high_contrast": "Kontras tinggi",
+            "image_size_default": "Bawaan",
+            "image_size_large": "Besar",
+            "layout_bubbles": "Gelembung pesan",
+            "layout_irc": "IRC (eksperimental)",
+            "match_system_theme": "Sesuaikan dengan tema sistem",
+            "timeline_image_size": "Ukuran gambar di lini masa"
+        },
+        "automatic_language_detection_syntax_highlight": "Aktifkan deteksi bahasa otomatis untuk penyorotan sintaks",
+        "autoplay_gifs": "Mainkan GIF secara otomatis",
+        "autoplay_videos": "Mainkan video secara otomatis",
+        "big_emoji": "Aktifkan emoji besar di lini masa",
+        "code_block_expand_default": "Buka blok kode secara bawaan",
+        "code_block_line_numbers": "Tampilkan nomor barisan di blok kode",
+        "disable_historical_profile": "Tampilkan foto profil dan nama saat ini untuk pengguna dalam riwayat pesan",
+        "discovery": {
+            "title": "Cara menemukan Anda"
+        },
+        "emoji_autocomplete": "Aktifkan saran emoji saat mengetik",
+        "enable_markdown": "Aktifkan Markdown",
+        "enable_markdown_description": "Mulai pesan dengan <code>/plain</code> untuk mengirim tanpa Markdown.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Detail akun, kontak, preferensi, dan daftar obrolan Anda akan disimpan",
+                "breadcrumb_page": "Atur ulang enkripsi",
+                "breadcrumb_second_description": "Anda akan kehilangan semua riwayat pesan yang hanya disimpan di server",
+                "breadcrumb_third_description": "Anda perlu memverifikasi ulang semua perangkat dan kontak yang ada",
+                "breadcrumb_title": "Apakah Anda yakin ingin mengatur ulang identitas Anda?",
+                "breadcrumb_title_cant_confirm": "Anda perlu mengatur ulang identitas Anda",
+                "breadcrumb_title_forgot": "Lupa kunci pemulihan Anda? Anda harus mengatur ulang identitas Anda.",
+                "breadcrumb_title_sync_failed": "Gagal menyinkronkan penyimpanan kunci. Anda perlu mengatur ulang identitas Anda.",
+                "breadcrumb_warning": "Lakukan ini hanya jika Anda yakin akun Anda telah terkompromi.",
+                "details_title": "Detail enkripsi",
+                "do_not_close_warning": "Jangan tutup jendela ini sampai pengaturan ulang selesai",
+                "export_keys": "Ekspor kunci",
+                "import_keys": "Impor kunci",
+                "other_people_device_description": "Peringatan: pengguna yang belum secara eksplisit memverifikasi dengan Anda (misalnya menggunakan emoji) tidak akan menerima pesan terenkripsi Anda. Selain itu, device yang belum diverifikasi dari pengguna yang telah diverifikasi juga tidak akan menerima pesan terenkripsi Anda. Perubahan memerlukan pemulaian ulang aplikasi agar berlaku.",
+                "other_people_device_label": "Jangan pernah mengirim pesan terenkripsi ke perangkat yang tidak terverifikasi",
+                "other_people_device_title": "Perangkat orang lain",
+                "reset_identity": "Atur ulang identitas kriptografi",
+                "reset_in_progress": "Pengaturan ulang sedang berlangsung...",
+                "session_id": "ID sesi:",
+                "session_key": "Kunci sesi:",
+                "title": "Lanjutan"
+            },
+            "confirm_key_storage_off": "Apakah Anda yakin ingin tetap menonaktifkan penyimpanan kunci?",
+            "confirm_key_storage_off_description": "Jika Anda keluar dari semua perangkat, Anda akan kehilangan riwayat pesan dan perlu memverifikasi semua kontak yang ada lagi. <a> Pelajari lebih lanjut</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Hapus penyimpanan kunci",
+                "confirm": "Hapus penyimpanan kunci",
+                "description": "Menghapus penyimpanan kunci akan menghapus identitas kriptografi dan kunci pesan Anda dari server dan menonaktifkan fitur keamanan berikut:",
+                "list_first": "Anda tidak akan memiliki riwayat pesan terenkripsi di perangkat baru",
+                "list_second": "Anda akan kehilangan akses ke pesan terenkripsi jika Anda keluar dari %(brand)s di mana pun",
+                "title": "Apakah Anda yakin ingin mematikan penyimpanan kunci dan menghapusnya?"
+            },
+            "device_not_verified_button": "Verifikasi perangkat ini",
+            "device_not_verified_description": "Anda perlu memverifikasi perangkat ini untuk melihat pengaturan enkripsi Anda.",
+            "device_not_verified_title": "Perangkat tidak diverifikasi",
+            "dialog_title": "<strong>Pengaturan:</strong> Enkripsi",
+            "key_storage": {
+                "allow_key_storage": "Izinkan penyimpanan kunci",
+                "description": "Simpan identitas kriptografi dan kunci pesan Anda secara aman di server. Hal ini akan memungkinkan Anda untuk melihat riwayat pesan Anda di perangkat baru. <a>Pelajari lebih lanjut</a>",
+                "title": "Penyimpanan kunci"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Konfirmasikan kunci pemulihan baru",
+                "change_recovery_confirm_description": "Masukkan kunci pemulihan baru Anda di bawah ini untuk menyelesaikannya. Kunci lama Anda tidak akan berfungsi lagi.",
+                "change_recovery_confirm_title": "Masukkan kunci pemulihan baru Anda",
+                "change_recovery_key": "Ubah kunci pemulihan",
+                "change_recovery_key_description": "Tuliskan kunci pemulihan baru ini di tempat yang aman. Kemudian klik Lanjutkan untuk mengonfirmasi perubahan.",
+                "change_recovery_key_title": "Ubah kunci pemulihan?",
+                "description": "Pulihkan identitas kriptografi dan riwayat pesan Anda dengan kunci pemulihan jika Anda kehilangan semua perangkat yang ada.",
+                "enter_key_error": "Kunci pemulihan yang Anda masukkan salah.",
+                "enter_recovery_key": "Masukkan kunci pemulihan",
+                "forgot_recovery_key": "Lupa kunci pemulihan?",
+                "key_storage_warning": "Penyimpanan kunci Anda tidak tersinkron. Klik tombol di bawah ini untuk memperbaiki masalah.",
+                "save_key_description": "Jangan bagikan ini kepada siapa pun!",
+                "save_key_title": "Kunci pemulihan",
+                "set_up_recovery": "Siapkan pemulihan",
+                "set_up_recovery_confirm_button": "Selesaikan penyiapan",
+                "set_up_recovery_confirm_description": "Masukkan kunci pemulihan yang ditunjukkan pada layar sebelumnya untuk menyelesaikan penyiapan pemulihan.",
+                "set_up_recovery_confirm_title": "Masukkan kunci pemulihan Anda untuk mengonfirmasi",
+                "set_up_recovery_description": "Penyimpanan kunci Anda dilindungi oleh kunci pemulihan. Jika Anda memerlukan kunci pemulihan baru setelah penyiapan, Anda dapat membuatnya kembali dengan memilih '%(changeRecoveryKeyButton)s'.",
+                "set_up_recovery_save_key_description": "Catatlah kunci pemulihan ini di tempat yang aman, seperti pengelola kata sandi, catatan terenkripsi, atau brankas fisik.",
+                "set_up_recovery_save_key_title": "Simpan kunci pemulihan Anda di tempat yang aman",
+                "set_up_recovery_secondary_description": "Setelah mengeklik lanjutkan, kami akan membuat kunci pemulihan untuk Anda.",
+                "title": "Pemulihan"
+            },
+            "title": "Enkripsi"
+        },
+        "general": {
+            "account_management_section": "Manajemen akun",
+            "account_section": "Akun",
+            "add_email_dialog_title": "Tambahkan Alamat Email",
+            "add_email_failed_verification": "Gagal memverifikasi alamat email: pastikan Anda telah menekan link di dalam email",
+            "add_email_instructions": "Kami telah mengirim sebuah email untuk memverifikasi alamat Anda. Silakan ikuti instruksinya dan klik tombol di bawah.",
+            "add_msisdn_confirm_body": "Klik tombol di bawah untuk mengkonfirmasi penambahan nomor telepon ini.",
+            "add_msisdn_confirm_button": "Konfirmasi penambahan nomor telepon",
+            "add_msisdn_confirm_sso_button": "Konfirmasi penambahan nomor telepon ini dengan menggunakan Single Sign On untuk membuktikan identitas Anda.",
+            "add_msisdn_dialog_title": "Tambahkan Nomor Telepon",
+            "add_msisdn_instructions": "Sebuah teks pesan telah dikirim ke +%(msisdn)s. Silakan masukkan kode verifikasinya.",
+            "add_msisdn_misconfigured": "Aliran penambahan/pengaitan MSISDN tidak diatur dengan benar",
+            "allow_spellcheck": "Izinkan pemeriksaan ejaan",
+            "application_language": "Bahasa aplikasi",
+            "application_language_reload_hint": "Aplikasi akan dimuat ulang setelah memilih bahasa lain",
+            "avatar_open_menu": "Buka menu avatar",
+            "avatar_remove_progress": "Menghapus gambar...",
+            "avatar_save_progress": "Mengunggah gambar...",
+            "avatar_upload_error_text": "Format berkas tidak didukung atau gambar lebih besar dari %(size)s.",
+            "avatar_upload_error_text_generic": "Format berkas mungkin tidak didukung.",
+            "avatar_upload_error_title": "Gambar avatar tidak dapat diunggah",
+            "confirm_adding_email_body": "Klik tombol di bawah untuk mengkonfirmasi penambahan alamat email ini.",
+            "confirm_adding_email_title": "Konfirmasi penambahan email",
+            "deactivate_confirm_body": "Apakah Anda yakin ingin menonaktifkan akun Anda? Ini tidak dapat dibatalkan.",
+            "deactivate_confirm_body_sso": "Konfirmasi penonaktifan akun Anda dengan menggunakan Single Sign On untuk membuktikan identitas Anda.",
+            "deactivate_confirm_content": "Konfirmasi jika Anda ingin menonaktifkan akun Anda. Jika Anda lanjut:",
+            "deactivate_confirm_content_1": "Anda tidak akan dapat mengaktifkan ulang akun Anda",
+            "deactivate_confirm_content_2": "Anda tidak akan dapat lagi masuk",
+            "deactivate_confirm_content_3": "Siapa pun tidak akan dapat menggunakan ulang nama pengguna (MXID), termasuk Anda: nama pengguna ini akan tetap tidak tersedia",
+            "deactivate_confirm_content_4": "Anda akan meninggalkan semua ruangan dan pesan langsung yang Anda berada",
+            "deactivate_confirm_content_5": "Anda akan dihapus dari server identitas: teman-teman Anda tidak akan dapat menemukan Anda dari email atau nomor telepon Anda",
+            "deactivate_confirm_content_6": "Pesan lama Anda akan masih terlihat kepada orang-orang yang menerimanya, sama seperti email yang Anda kirim di masa lalu. Apakah Anda ingin menyembunyikan pesan terkirim Anda dari orang-orang yang bergabung ruangan di masa depan?",
+            "deactivate_confirm_continue": "Konfirmasi penonaktifan akun",
+            "deactivate_confirm_erase_label": "Sembunyikan pesan saya dari orang baru bergabung",
+            "deactivate_section": "Nonaktifkan Akun",
+            "deactivate_warning": "Menonaktifkan akun Anda adalah aksi yang permanen — hati-hati!",
+            "discovery_email_empty": "Opsi penemuan akan muncul setelah Anda menambahkan surel.",
+            "discovery_email_verification_instructions": "Verifikasi tautannya di kotak masuk Anda",
+            "discovery_msisdn_empty": "Opsi penemuan akan muncul setelah Anda telah menambahkan nomor telepon.",
+            "discovery_needs_terms": "Terima Ketentuan Layanannya server identitas %(serverName)s untuk mengizinkan Anda untuk dapat ditemukan dengan alamat email atau nomor telepon.",
+            "discovery_needs_terms_title": "Biarkan orang lain menemukan Anda",
+            "display_name": "Nama Tampilan",
+            "display_name_error": "Tidak dapat mengatur nama tampilan",
+            "email_adding_unsupported_by_hs": "Homeserver ini tidak mendukung penambahan alamat surel ke akun Anda.",
+            "email_address_in_use": "Alamat email ini telah dipakai",
+            "email_address_label": "Alamat Email",
+            "email_not_verified": "Alamat email Anda belum diverifikasi",
+            "email_verification_instructions": "Klik tautan di email yang Anda terima untuk memverifikasi dan klik lanjutkan lagi.",
+            "emails_heading": "Alamat email",
+            "error_add_email": "Tidak dapat menambahkan alamat email",
+            "error_deactivate_communication": "Terjadi sebuah masalah ketika berkomunikasi dengan server. Mohon coba lagi.",
+            "error_deactivate_invalid_auth": "Server tidak memberikan informasi autentikasi yang absah.",
+            "error_deactivate_no_auth": "Server tidak membutuhkan autentikasi apa pun",
+            "error_email_verification": "Tidak dapat memverifikasi alamat email.",
+            "error_invalid_email": "Alamat Email Tidak Absah",
+            "error_invalid_email_detail": "Ini sepertinya bukan alamat email yang absah",
+            "error_msisdn_verification": "Tidak dapat memverifikasi nomor telepon.",
+            "error_password_change_403": "Gagal untuk mengubah kata sandi. Apakah kata sandi Anda benar?",
+            "error_password_change_http": "%(errorMessage)s (status HTTP %(httpStatus)s)",
+            "error_password_change_title": "Terjadi kesalahan mengubah kata sandi",
+            "error_password_change_unknown": "Terjadi kesalahan perubahan kata sandi yang tidak diketahui (%(stringifiedError)s)",
+            "error_remove_3pid": "Tidak dapat menghapus informasi kontak",
+            "error_revoke_email_discovery": "Tidak dapat membatalkan pembagian alamat email",
+            "error_revoke_msisdn_discovery": "Tidak dapat membatalkan pembagian nomor telepon",
+            "error_share_email_discovery": "Tidak dapat membagikan alamat email",
+            "error_share_msisdn_discovery": "Tidak dapat membagikan nomor telepon",
+            "identity_server_no_token": "Tidak ada token akses identitas yang ditemukan",
+            "identity_server_not_set": "Server identitas tidak diatur",
+            "invalid_phone_number": "Nomor telepon yang diberikan tampaknya tidak valid.",
+            "language_section": "Bahasa",
+            "msisdn_adding_unsupported_by_hs": "Homeserver ini tidak mendukung penambahan nomor telepon ke akun Anda.",
+            "msisdn_in_use": "Nomor telepon ini telah dipakai",
+            "msisdn_label": "Nomor Telepon",
+            "msisdn_verification_field_label": "Kode verifikasi",
+            "msisdn_verification_instructions": "Silakan masukkan kode verifikasi yang terkirim melalui teks.",
+            "msisdns_heading": "Nomor telepon",
+            "oidc_manage_button": "Kelola akun",
+            "password_change_section": "Atur kata sandi akun baru…",
+            "password_change_success": "Kata sandi Anda berhasil diubah.",
+            "personal_info": "Info pribadi",
+            "profile_subtitle": "Ini adalah bagaimana Anda akan terlihat kepada orang lain dalam aplikasi.",
+            "profile_subtitle_oidc": "Akun Anda dikelola secara terpisah oleh penyedia identitas sehingga beberapa informasi pribadi Anda tidak dapat diubah di sini.",
+            "remove_email_prompt": "Hapus %(email)s?",
+            "remove_msisdn_prompt": "Hapus %(phone)s?",
+            "spell_check_locale_placeholder": "Pilih locale",
+            "unable_to_load_emails": "Tidak dapat memuat alamat surel",
+            "unable_to_load_msisdns": "Tidak dapat memuat nomor telepon",
+            "username": "Nama pengguna"
+        },
+        "inline_url_previews_default": "Aktifkan tampilan URL secara bawaan",
+        "insert_trailing_colon_mentions": "Tambahkan sebuah karakter titik dua sesudah sebutan pengguna dari awal pesan",
+        "invite_controls": {
+            "default_label": "Izinkan pengguna mengundang Anda ke ruangan"
+        },
+        "jump_to_bottom_on_send": "Pergi ke bawah lini masa ketika Anda mengirim pesan",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Kunci Anda sekarang dicadangkan dari perangkat ini.",
+                "backup_setup_success_title": "Pencadangan Aman berhasil",
+                "cancel_warning": "Jika Anda batalkan sekarang, Anda mungkin kehilangan pesan & data terenkripsi jika Anda kehilangan akses ke login Anda.",
+                "confirm_security_phrase": "Konfirmasi Frasa Keamanan Anda",
+                "description": "Amankan dari kehilangan akses ke pesan & data terenkripsi dengan mencadangkan kunci enkripsi ke server Anda.",
+                "download_or_copy": "-%(downloadButton)s atau %(copyButton)s",
+                "enter_phrase_description": "Masukkan frasa keamanan yang hanya Anda tahu, yang digunakan untuk mengamankan data Anda. Supaya aman, jangan menggunakan ulang kata sandi akun Anda.",
+                "enter_phrase_title": "Masukkan sebuah Frasa Keamanan",
+                "enter_phrase_to_confirm": "Masukkan Frasa Keamanan sekali lagi untuk mengkonfirmasinya.",
+                "generate_security_key_description": "Kami akan membuat Kunci Pemulihan untuk Anda simpan di tempat yang aman, seperti pengelola kata sandi atau brankas.",
+                "generate_security_key_title": "Buat Kunci Pemulihan",
+                "pass_phrase_match_failed": "Itu tidak cocok.",
+                "pass_phrase_match_success": "Mereka cocok!",
+                "phrase_strong_enough": "Hebat! Frasa Keamanan ini kelihatannya kuat.",
+                "secret_storage_query_failure": "Tidak dapat menanyakan status penyimpanan rahasia",
+                "security_key_safety_reminder": "Simpan Kunci Pemulihan Anda di tempat yang aman, seperti pengelola kata sandi atau brankas, karena digunakan untuk melindungi data terenkripsi Anda.",
+                "set_phrase_again": "Pergi kembali untuk menyiapkannya lagi.",
+                "settings_reminder": "Anda juga dapat menyiapkan Cadangan Aman & kelola kunci Anda di Pengaturan.",
+                "title_confirm_phrase": "Konfirmasi Frasa Keamanan",
+                "title_save_key": "Simpan Kunci Keamanan Anda",
+                "title_set_phrase": "Atur sebuah Frasa Keamanan",
+                "unable_to_setup": "Tidak dapat menyiapkan penyimpanan rahasia",
+                "use_different_passphrase": "Gunakan frasa sandi yang berbeda?",
+                "use_phrase_only_you_know": "Gunakan frasa rahasia yang hanya Anda ketahui, dan secara opsional simpan Kunci Pemulihan untuk digunakan untuk cadangan."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Konfirmasi frasa sandi",
+            "enter_passphrase": "Masukkan frasa sandi",
+            "export_description_1": "Proses ini memungkinkan Anda untuk mengekspor kunci untuk pesan yang Anda terima di ruangan terenkripsi ke file lokal. Anda kemudian dapat mengimpor file ke klien Matrix lain di masa mendatang, sehingga klien juga dapat mendekripsi pesan ini.",
+            "export_description_2": "Berkas yang diekspor akan memungkinkan siapa saja yang dapat membacanya untuk mendekripsi semua pesan terenkripsi yang dapat Anda lihat, jadi Anda harus berhati-hati untuk menjaganya tetap aman. Untuk mengamankannya, Anda harus memasukkan frasa sandi di bawah ini, yang akan digunakan untuk mengenkripsi data yang diekspor. Impor data hanya dapat dilakukan dengan menggunakan frasa sandi yang sama.",
+            "export_title": "Ekspor kunci ruangan",
+            "file_to_import": "File untuk diimpor",
+            "import_description_1": "Proses ini memungkinkan Anda untuk mengimpor kunci enkripsi yang sebelumnya telah Anda ekspor dari klien Matrix lain. Anda kemudian akan dapat mendekripsi pesan apa saja yang dapat didekripsi oleh klien lain.",
+            "import_description_2": "File yang diekspor akan dilindungi dengan sebuah frasa sandi. Anda harus memasukkan frasa sandinya di sini untuk mendekripsi filenya.",
+            "import_title": "Impor kunci ruangan",
+            "phrase_cannot_be_empty": "Frasa sandi harus tidak kosong",
+            "phrase_must_match": "Frasa sandi harus cocok",
+            "phrase_strong_enough": "Hebat! Frasa keamanan ini kelihatannya kuat"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Pengaturan:</strong> Papan Ketik",
+            "title": "Papan tik"
+        },
+        "labs": {
+            "dialog_title": "<strong>Pengaturan:</strong> Uji Coba"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Pengaturan:</strong> Pengguna yang Diabaikan"
+        },
+        "media_preview": {
+            "hide_avatars": "Sembunyikan avatar ruangan dan pengundang",
+            "hide_media": "Selalu sembunyikan",
+            "media_preview_description": "Media tersembunyi selalu dapat ditampilkan dengan mengetuknya",
+            "media_preview_label": "Tampilkan media di lini masa",
+            "show_in_private": "Di ruangan privat",
+            "show_media": "Selalu tampilkan"
+        },
+        "not_supported": "Server Anda tidak menerapkan fitur ini.",
+        "notifications": {
+            "default_setting_description": "Pengaturan ini akan diterapkan secara bawaan ke semua ruangan Anda.",
+            "default_setting_section": "Saya ingin diberi tahu (Pengaturan Bawaan)",
+            "desktop_notification_message_preview": "Tampilkan tampilan pesan di notifikasi desktop",
+            "dialog_title": "<strong>Pengaturan:</strong> Notifikasi",
+            "email_description": "Terima surel ikhtisar notifikasi yang terlewat",
+            "email_section": "Kirim surel ikhtisar",
+            "email_select": "Pilih surel mana yang ingin dikirimkan ikhtisar. Kelola surel Anda di <button>Umum</button>.",
+            "enable_audible_notifications_session": "Aktifkan notifikasi bersuara untuk sesi ini",
+            "enable_desktop_notifications_session": "Aktifkan notifikasi desktop untuk sesi ini",
+            "enable_email_notifications": "Aktifkan notifikasi email untuk %(email)s",
+            "enable_notifications_account": "Aktifkan notifikasi untuk akun ini",
+            "enable_notifications_account_detail": "Matikan untuk menonaktifkan notifikasi pada semua perangkat dan sesi Anda",
+            "enable_notifications_device": "Aktifkan notifikasi untuk perangkat ini",
+            "error_loading": "Sebuah kesalahan terjadi saat memuat pengaturan notifikasi Anda.",
+            "error_permissions_denied": "%(brand)s tidak memiliki izin untuk mengirim Anda notifikasi — mohon periksa pengaturan browser Anda",
+            "error_permissions_missing": "%(brand)s tidak memiliki izin untuk mengirim Anda notifikasi — silakan coba lagi",
+            "error_saving": "Gagal menyimpan preferensi notifikasi",
+            "error_saving_detail": "Sebuah kesalahan terjadi saat menyimpan preferensi notifikasi Anda.",
+            "error_title": "Tidak dapat mengaktifkan Notifikasi",
+            "error_updating": "Sebuah kesalahan terjadi saat memperbarui preferensi notifikasi Anda. Silakan coba mengubah opsi Anda lagi.",
+            "invites": "Diundang ke sebuah ruangan",
+            "keywords": "Tampilkan lencana <badge/> ketika kata kunci digunakan dalam sebuah ruangan.",
+            "keywords_prompt": "Masukkan kata kunci di sini, atau gunakan untuk variasi ejaan atau nama panggilan",
+            "labs_notice_prompt": "<strong>Pembaruan:</strong>Kami telah menyederhanakan Pengaturan notifikasi untuk membuat opsi-opsi lebih mudah untuk dicari. Beberapa pengaturan kustom yang Anda pilih tidak ditampilkan di sini, tetapi masih aktif. Jika Anda lanjut, beberapa pengaturan Anda dapat berubah. <a>Pelajari lebih lanjut</a>",
+            "mentions_keywords": "Sebutan dan Kata Kunci",
+            "mentions_keywords_only": "Hanya Sebutan dan Kata Kunci",
+            "messages_containing_keywords": "Pesan berisi kata kunci",
+            "noisy": "Berisik",
+            "notices": "Pesan terkirim oleh bot",
+            "notify_at_room": "Beri tahu ketika seseorang memberi tahu menggunakan @room",
+            "notify_keyword": "Beri tahu ketika seseorang menggunakan kata kunci",
+            "notify_mention": "Beri tahu ketika seseorang memberi tahu menggunakan @namatampilan atau %(mxid)s",
+            "other_section": "Hal-hal lain yang kami pikir menarik bagi Anda:",
+            "people_mentions_keywords": "Orang, Sebutan, dan Kata Kunci",
+            "play_sound_for_description": "Diterapkan secara bawaan ke semua ruangan di semua perangkat.",
+            "play_sound_for_section": "Mainkan suara",
+            "push_targets": "Target notifikasi",
+            "quick_actions_mark_all_read": "Tandai semua pesan sebagai dibaca",
+            "quick_actions_reset": "Atur ulang ke pengaturan bawaan",
+            "quick_actions_section": "Tindakan Cepat",
+            "room_activity": "Aktivitas ruangan baru, pembaruan, dan pesan keadaan terjadi",
+            "rule_call": "Undangan panggilan",
+            "rule_contains_display_name": "Pesan yang berisi nama tampilan saya",
+            "rule_contains_user_name": "Pesan yang berisi nama tampilan saya",
+            "rule_encrypted": "Pesan terenkripsi di grup",
+            "rule_encrypted_room_one_to_one": "Pesan terenkripsi di pesan langsung",
+            "rule_invite_for_me": "Ketika saya diundang ke ruangan",
+            "rule_message": "Pesan di obrolan grup",
+            "rule_room_one_to_one": "Pesan di obrolan satu-ke-satu",
+            "rule_roomnotif": "Pesan yang berisi @room",
+            "rule_suppress_notices": "Pesan dikirim oleh bot",
+            "rule_tombstone": "Ketika ruangan telah ditingkatkan",
+            "show_message_desktop_notification": "Tampilkan pesan di notifikasi desktop",
+            "voip": "Panggilan Audio dan Video"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Mencegah konten jendela agar tidak ditangkap oleh aplikasi lain",
+            "Electron.enableHardwareAcceleration": "Aktifkan akselerasi perangkat keras (mulai ulang %(appName)s untuk menerapkan)",
+            "always_show_menu_bar": "Selalu tampilkan bilah menu window",
+            "autocomplete_delay": "Delay penyelesaian otomatis (md)",
+            "code_blocks_heading": "Blok kode",
+            "compact_modern": "Gunakan tata letak 'Modern' yang lebih kecil",
+            "composer_heading": "Komposer",
+            "default_timezone": "Bawaan peramban (%(timezone)s)",
+            "dialog_title": "<strong>Pengaturan:</strong> Preferensi",
+            "enable_content_protection": "Aktifkan perlindungan konten",
+            "enable_hardware_acceleration": "Aktifkan akselerasi perangkat keras",
+            "enable_tray_icon": "Tampilkan ikon baki dan minimalkan window ke ikonnya jika ditutup",
+            "keyboard_heading": "Pintasan keyboard",
+            "keyboard_view_shortcuts_button": "Untuk melihat semua shortcut keyboard, <a>klik di sini</a>.",
+            "media_heading": "Gambar, GIF, dan video",
+            "presence_description": "Bagikan aktivitas dan status Anda dengan orang lain.",
+            "publish_timezone": "Terbitkan zona waktu di profil publik",
+            "rm_lifetime": "Delay Penanda Bacaan (md)",
+            "rm_lifetime_offscreen": "Delay Penanda Bacaan diluar layar (md)",
+            "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 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",
+            "user_timezone": "Atur zona waktu"
+        },
+        "prompt_invite": "Tanyakan sebelum mengirim undangan ke ID Matrix yang mungkin tidak absah",
+        "replace_plain_emoji": "Ganti emoji teks biasa secara otomatis",
+        "security": {
+            "analytics_description": "Bagikan data anonim untuk membantu kami mengenal masalah. Tidak ada yang pribadi. Tanpa pihak ketiga.",
+            "bulk_options_accept_all_invites": "Terima semua %(invitedRooms)s undangan",
+            "bulk_options_reject_all_invites": "Tolak semua %(invitedRooms)s undangan",
+            "bulk_options_section": "Opsi massal",
+            "dehydrated_device_description": "Fitur perangkat luring memungkinkan Anda menerima pesan terenkripsi bahkan ketika Anda tidak masuk ke perangkat apa pun",
+            "dehydrated_device_enabled": "Perangkat luring diaktifkan",
+            "dialog_title": "<strong>Pengaturan:</strong> Keamanan & Privasi",
+            "e2ee_default_disabled_warning": "Admin server Anda telah menonaktifkan enkripsi ujung ke ujung secara bawaan di ruangan privat & Pesan Langsung.",
+            "enable_message_search": "Aktifkan pencarian pesan di ruangan terenkripsi",
+            "encryption_section": "Enkripsi",
+            "ignore_users_empty": "Anda tidak memiliki pengguna yang diabaikan.",
+            "ignore_users_section": "Pengguna yang diabaikan",
+            "key_backup_algorithm": "Algoritma:",
+            "message_search_disable_warning": "Jika dinonaktifkan, pesan dari ruangan terenkripsi tidak akan muncul di hasil pencarian.",
+            "message_search_disabled": "Simpan pesan terenkripsi secara lokal dengan aman agar muncul di hasil pencarian.",
+            "message_search_enabled": {
+                "one": "Simpan pesan terenkripsi secara lokal dengan aman agar muncul di hasil pencarian, menggunakan %(size)s untuk menyimpan pesan dari %(rooms)s ruangan.",
+                "other": "Simpan pesan terenkripsi secara lokal dengan aman agar muncul di hasil pencarian, menggunakan %(size)s untuk menyimpan pesan dari %(rooms)s ruangan."
+            },
+            "message_search_failed": "Inisialisasi pencarian pesan gagal",
+            "message_search_indexed_messages": "Pesan terindeks:",
+            "message_search_indexed_rooms": "Ruangan terindeks:",
+            "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.",
+            "message_search_space_used": "Ruangan terpakai:",
+            "message_search_unsupported": "%(brand)s tidak memiliki beberapa komponen yang diperlukan untuk menyimpan pesan terenkripsi secara lokal dengan aman. Jika Anda ingin bereksperimen dengan fitur ini, buat %(brand)s Desktop yang khusus dengan <nativeLink>tambahan komponen penelusuran</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s tidak dapat menyimpan pesan terenkripsi secara lokal dengan aman saat dijalankan di browser. Gunakan <desktopLink>%(brand)s Desktop</desktopLink> supaya pesan terenkripsi dapat muncul di hasil pencarian.",
+            "record_session_details": "Rekam nama, versi, dan URL klien untuk dapat mengenal sesi dengan lebih mudah dalam pengelola sesi",
+            "send_analytics": "Kirim data analitik",
+            "strict_encryption": "Hanya kirim pesan ke pengguna terverifikasi"
+        },
+        "send_read_receipts": "Kirim laporan dibaca",
+        "send_read_receipts_unsupported": "Server Anda tidak mendukung penonaktifkan pengiriman laporan dibaca.",
+        "send_typing_notifications": "Kirim notifikasi pengetikan",
+        "sessions": {
+            "best_security_note": "Untuk keamanan yang terbaik, verifikasi sesi Anda dan keluarkan sesi yang Anda tidak kenal atau tidak digunakan lagi.",
+            "confirm_sign_out": {
+                "one": "Konfirmasi mengeluarkan perangkat ini",
+                "other": "Konfirmasi mengeluarkan perangkat ini"
+            },
+            "confirm_sign_out_body": {
+                "one": "Klik tombol di bawah untuk mengkonfirmasi mengeluarkan perangkat ini.",
+                "other": "Klik tombol di bawah untuk mengkonfirmasi mengeluarkan perangkat-perangkat ini."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Keluarkan perangkat",
+                "other": "Keluarkan perangkat"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Konfirmasi mengeluarkan perangkat ini dengan menggunakan Single Sign On untuk membuktikan identitas Anda.",
+                "other": "Konfirmasi mengeluarkan perangkat-perangkat ini dengan menggunakan Single Sign On untuk membuktikan identitas Anda."
+            },
+            "current_session": "Sesi saat ini",
+            "desktop_session": "Sesi desktop",
+            "details_heading": "Detail sesi",
+            "device_unverified_description": "Verifikasi atau keluarkan dari sesi ini untuk keamanan dan keandalan yang terbaik.",
+            "device_unverified_description_current": "Verifikasi sesi Anda saat ini untuk perpesanan aman yang ditingkatkan.",
+            "device_verified_description": "Sesi ini siap untuk perpesanan yang aman.",
+            "device_verified_description_current": "Sesi Anda saat ini siap untuk perpesanan aman.",
+            "dialog_title": "<strong>Pengaturan:</strong> Sesi",
+            "error_pusher_state": "Gagal menetapkan keadaan pendorong",
+            "error_set_name": "Gagal mengatur nama sesi",
+            "filter_all": "Semua",
+            "filter_inactive": "Tidak aktif",
+            "filter_inactive_description": "Tidak aktif selama %(inactiveAgeDays)s hari atau lebih",
+            "filter_label": "Saring perangkat",
+            "filter_unverified_description": "Belum siap untuk perpesanan aman",
+            "filter_verified_description": "Siap untuk perpesanan aman",
+            "hide_details": "Sembunyikan detail",
+            "inactive_days": "Tidak aktif selama %(inactiveAgeDays)s+ hari",
+            "inactive_sessions": "Sesi tidak aktif",
+            "inactive_sessions_explainer_1": "Sesi tidak aktif adalah sesi yang Anda belum gunakan dalam beberapa waktu, tetapi mereka masih mendapatkan kunci enkripsi.",
+            "inactive_sessions_explainer_2": "Mengeluarkan sesi yang tidak aktif meningkatkan keamanan dan performa, dan membuatnya lebih mudah untuk Anda untuk mengenal jika sebuah sesi baru itu mencurigakan.",
+            "inactive_sessions_list_description": "Pertimbangkan untuk mengeluarkan sesi lama (%(inactiveAgeDays)s hari atau lebih) yang Anda tidak gunakan lagi.",
+            "ip": "Alamat IP",
+            "last_activity": "Aktivitas terakhir",
+            "manage": "Kelola sesi ini",
+            "mobile_session": "Sesi ponsel",
+            "n_sessions_selected": {
+                "one": "%(count)s sesi dipilih",
+                "other": "%(count)s sesi dipilih"
+            },
+            "no_inactive_sessions": "Tidak ditemukan sesi yang tidak aktif.",
+            "no_sessions": "Tidak ditemukan sesi apa pun.",
+            "no_unverified_sessions": "Tidak ditemukan sesi yang belum diverifikasi.",
+            "no_verified_sessions": "Tidak ditemukan sesi yang terverifikasi.",
+            "other_sessions_heading": "Sesi lainnya",
+            "push_heading": "Notifikasi dorongan",
+            "push_subheading": "Terima notifikasi dorongan di sesi ini.",
+            "push_toggle": "Aktifkan atau nonaktifkan notifikasi dorongan di sesi ini.",
+            "rename_form_caption": "Harap diketahui bahwa nama sesi juga terlihat ke orang-orang yang Anda berkomunikasi.",
+            "rename_form_heading": "Ubah nama sesi",
+            "rename_form_learn_more": "Mengubah nama sesi",
+            "rename_form_learn_more_description_1": "Pengguna lain dalam pesan langsung dan ruangan yang Anda bergabung dapat melihat daftar sesi Anda yang lengkap.",
+            "rename_form_learn_more_description_2": "Ini memberikan kepercayaan bahwa mereka benar-benar berbicara kepada Anda, tetapi ini juga berarti mereka dapat melihat nama sesi yang Anda masukkan di sini.",
+            "security_recommendations": "Saran keamanan",
+            "security_recommendations_description": "Tingkatkan keamanan akun Anda dengan mengikuti saran berikut.",
+            "session_id": "ID Sesi",
+            "show_details": "Tampilkan detail",
+            "sign_in_with_qr": "Tautkan perangkat baru",
+            "sign_in_with_qr_button": "Tampilkan kode QR",
+            "sign_in_with_qr_description": "Gunakan kode QR untuk masuk ke akun di perangkat lain dan menyiapkan perpesanan aman.",
+            "sign_in_with_qr_unsupported": "Tidak didukung oleh penyedia akun Anda",
+            "sign_out": "Keluarkan sesi ini",
+            "sign_out_all_other_sessions": "Keluar dari semua sesi lain (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Apakah Anda yakin untuk mengeluarkan %(count)s sesi?",
+                "other": "Apakah Anda yakin untuk mengeluarkan %(count)s sesi?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Keluar dari %(count)s sesi",
+                "other": "Keluar dari %(count)s sesi"
+            },
+            "title": "Sesi",
+            "unknown_session": "Jenis sesi tidak diketahui",
+            "unverified_session": "Sesi belum diverifikasi",
+            "unverified_session_explainer_1": "Sesi ini tidak mendukung enkripsi dan tidak dapat diverifikasi.",
+            "unverified_session_explainer_2": "Anda tidak akan dapat berpartisipasi dalam ruangan di mana enkripsi diaktifkan ketika menggunakan sesi ini.",
+            "unverified_session_explainer_3": "Untuk keamanan dan privasi yang terbaik, kami merekomendasikan menggunakan klien Matrix yang mendukung enkripsi.",
+            "unverified_sessions": "Sesi belum diverifikasi",
+            "unverified_sessions_explainer_1": "Sesi yang belum diverifikasi adalah sesi yang telah masuk dengan kredensial Anda tetapi belum diverifikasi secara silang.",
+            "unverified_sessions_explainer_2": "Anda seharusnya yakin bahwa Anda mengenal sesi ini karena mereka dapat berarti bahwa seseorang telah menggunakan akun Anda tanpa diketahui.",
+            "unverified_sessions_list_description": "Verifikasi sesi Anda untuk perpesanan aman yang baik atau keluarkan sesi yang Anda tidak kenal atau tidak digunakan lagi.",
+            "url": "URL",
+            "verified_session": "Sesi terverifikasi",
+            "verified_sessions": "Sesi terverifikasi",
+            "verified_sessions_explainer_1": "Sesi terverifikasi bisa dari menggunakan akun ini setelah memasukkan frasa sandi atau mengonfirmasi identitas Anda dengan sesi terverifikasi lain.",
+            "verified_sessions_explainer_2": "Ini berarti bahwa Anda memiliki semua kunci yang dibutuhkan untuk membuka pesan terenkripsi Anda dan mengonfirmasi ke pengguna lain bahwa Anda mempercayai sesi ini.",
+            "verified_sessions_list_description": "Untuk keamanan yang terbaik, keluarkan sesi yang Anda tidak kenal atau tidak digunakan lagi.",
+            "verify_session": "Verifikasi sesi",
+            "web_session": "Sesi web"
+        },
+        "show_avatar_changes": "Tampilkan perubahan foto profil",
+        "show_breadcrumbs": "Tampilkan jalan pintas ke ruangan yang baru saja ditampilkan di atas daftar ruangan",
+        "show_chat_effects": "Tampilkan efek (animasi ketika menerima konfeti, misalnya)",
+        "show_displayname_changes": "Tampilkan perubahan nama tampilan",
+        "show_join_leave": "Tampilkan pesan-pesan gabung/keluar (undangan/pengeluaran/cekalan tidak terpengaruh)",
+        "show_message_previews": "Tampilkan pratinjau pesan",
+        "show_nsfw_content": "Tampilkan konten NSFW",
+        "show_read_receipts": "Tampilkan laporan dibaca terkirim oleh pengguna lain",
+        "show_redaction_placeholder": "Tampilkan sebuah penampung untuk pesan terhapus",
+        "show_stickers_button": "Tampilkan tombol stiker",
+        "show_typing_notifications": "Tampilkan notifikasi pengetikan",
+        "showbold": "Tampilkan semua aktivitas dalam daftar ruangan (titik atau jumlah pesan belum dibaca)",
+        "sidebar": {
+            "dialog_title": "<strong>Pengaturan:</strong> Bilah Samping",
+            "metaspaces_home_all_rooms": "Tampilkan semua ruangan",
+            "metaspaces_home_all_rooms_description": "Tampilkan semua ruangan di Beranda, walaupun mereka berada di sebuah space.",
+            "metaspaces_home_description": "Beranda berguna untuk mendapatkan ikhtisar tentang semuanya.",
+            "metaspaces_orphans": "Ruangan yang tidak berada di sebuah space",
+            "metaspaces_orphans_description": "Kelompokkan semua ruangan yang tidak ada di sebuah space di satu tempat.",
+            "metaspaces_subsection": "Space yang ditampilkan",
+            "metaspaces_video_rooms": "Ruangan dan konferensi video",
+            "metaspaces_video_rooms_description": "Kelompokkan semua ruangan dan konferensi video privat.",
+            "metaspaces_video_rooms_description_invite_extension": "Dalam konferensi, Anda dapat mengundang orang-orang di luar Matrix.",
+            "spaces_explainer": "Space adalah cara untuk mengelompokkan ruangan dan orang-orang. Di samping space yang Anda berada, Anda juga dapat menggunakan beberapa yang sudah dibuat sebelumnya.",
+            "title": "Bilah Samping"
+        },
+        "start_automatically": {
+            "disabled": "Tidak",
+            "enabled": "Ya",
+            "label": "Buka %(brand)s saat Anda masuk ke komputer Anda",
+            "minimised": "Diminimalkan"
+        },
+        "tac_only_notifications": "Hanya tampilkan notifikasi dalam pusat aktivitas utas",
+        "use_12_hour_format": "Tampilkan stempel waktu dalam format 12 jam (mis. 2:30pm)",
+        "use_command_enter_send_message": "Gunakan ⌘ + Enter untuk mengirim pesan",
+        "use_command_f_search": "Gunakan ⌘ + F untuk cari di lini masa",
+        "use_control_enter_send_message": "Gunakan Ctrl + Enter untuk mengirim pesan",
+        "use_control_f_search": "Gunakan Ctrl + F untuk cari di lini masa",
+        "voip": {
+            "allow_p2p": "Perbolehkan Peer-to-Peer untuk panggilan 1:1",
+            "allow_p2p_description": "Ketika diaktifkan, pihak lain mungkin dapat melihat alamat IP Anda",
+            "audio_input_empty": "Tidak ada mikrofon terdeteksi",
+            "audio_output": "Output Audio",
+            "audio_output_empty": "Tidak ada output audio yang terdeteksi",
+            "auto_gain_control": "Kendali suara otomatis",
+            "dialog_title": "<strong>Pengaturan:</strong> Suara & Video",
+            "echo_cancellation": "Pembatalan gema",
+            "enable_fallback_ice_server": "Perbolehkan server bantuan panggilan cadangan (%(server)s)",
+            "enable_fallback_ice_server_description": "Hanya diterapkan jika homeserver Anda tidak menyediakan satu. Alamat IP Anda akan dibagikan selama panggilan berlangsung.",
+            "mirror_local_feed": "Balikkan saluran video lokal",
+            "missing_permissions_prompt": "Membutuhkan izin media, klik tombol di bawah untuk meminta izin.",
+            "noise_suppression": "Pengurangan suara bising",
+            "request_permissions": "Minta izin media",
+            "title": "Suara & Video",
+            "video_input_empty": "Tidak ada Webcam terdeteksi",
+            "video_section": "Pengaturan video",
+            "voice_agc": "Atur volume mikrofon secara otomatis",
+            "voice_processing": "Pemrosesan suara",
+            "voice_section": "Pengaturan suara"
+        },
+        "warn_quit": "Beri tahu sebelum keluar",
+        "warning": "<w>PERINGATAN:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Tautan disalin",
+        "permalink_message": "Tautan ke pesan yang dipilih",
+        "permalink_most_recent": "Tautan ke pesan terkini",
+        "share_call": "Tautan undangan konferensi",
+        "share_call_subtitle": "Tautan bagi pengguna eksternal untuk bergabung ke panggilan tanpa akun Matrix:",
+        "title_link": "Bagikan Tautan",
+        "title_message": "Bagikan Pesan Ruangan",
+        "title_room": "Bagikan Ruangan",
+        "title_user": "Bagikan Pengguna"
+    },
+    "slash_command": {
+        "addwidget": "Menambahkan widget kustom dari URL ke ruangan ini",
+        "addwidget_iframe_missing_src": "iframe tidak memiliki atribut src",
+        "addwidget_invalid_protocol": "Mohon masukkan sebuah URL widget https:// atau http://",
+        "addwidget_missing_url": "Silakan masukkan URL widget atau kode embed",
+        "addwidget_no_permissions": "Anda tidak dapat mengubah widget di ruangan ini.",
+        "ban": "Blokir pengguna dengan id yang dicantumkan",
+        "category_actions": "Aksi",
+        "category_admin": "Admin",
+        "category_advanced": "Tingkat Lanjut",
+        "category_effects": "Efek",
+        "category_messages": "Pesan",
+        "category_other": "Lainnya",
+        "command_error": "Perintah gagal",
+        "converttodm": "Mengubah ruangan ini ke pesan langsung",
+        "converttoroom": "Mengubah pesan langsung ke ruangan",
+        "could_not_find_room": "Tidak dapat mencari ruangan",
+        "deop": "De-op pengguna dengan ID yang dicantumkan",
+        "devtools": "Membuka dialog Peralatan Pengembang",
+        "discardsession": "Memaksa sesi grup keluar saat ini di ruang terenkripsi untuk dibuang",
+        "error_invalid_rendering_type": "Kesalahan perintah: Tidak dapat menemukan tipe render (%(renderingType)s)",
+        "error_invalid_room": "Perintah gagal: Tidak dapat menemukan ruangan (%(roomId)s)",
+        "error_invalid_runfn": "Kesalahan perintah: Tidak dapat menangani perintah slash.",
+        "error_invalid_user_in_room": "Tidak dapat menemukan pengguna dalam ruangan",
+        "help": "Menampilkan daftar perintah dengan penggunaan dan deskripsi",
+        "help_dialog_title": "Bantuan Perintah",
+        "holdcall": "Menunda panggilan di ruangan saat ini",
+        "html": "Mengirim pesan sebagai HTML, tanpa mengubahnya ke Markdown",
+        "ignore": "Mengabaikan pengguna, dan sembunyikan pesan mereka",
+        "ignore_dialog_description": "Anda sekarang mengabaikan %(userId)s",
+        "ignore_dialog_title": "Pengguna yang diabaikan",
+        "invite": "Mengundang pengguna dengan ID yang dicantumkan ke ruangan saat ini",
+        "invite_3pid_needs_is_error": "Gunakan server identitas untuk mengundang melalui email. Kelola di Pengaturan.",
+        "invite_3pid_use_default_is_title": "Gunakan sebuah server identitias",
+        "invite_3pid_use_default_is_title_description": "Gunakan server identitas untuk mengundang melalui email. Klik lanjutkan untuk menggunakan server identitas bawaan (%(defaultIdentityServerName)s) atau kelola di Pengaturan.",
+        "invite_failed": "Pengguna (%(user)s) akhirnya tidak diundang ke %(roomId)s tetapi tidak ada kesalahan yang diberikan dari utilitas pengundang",
+        "join": "Bergabung dengan ruangan dengan alamat yang dicantumkan",
+        "jumptodate": "Pergi ke tanggal yang diberikan di lini masa",
+        "jumptodate_invalid_input": "Kami tidak dapat mengerti tanggal yang dicantumkan (%(inputDate)s). Coba menggunakan format TTTT-BB-HH.",
+        "lenny": "Menambahkan ( ͡° ͜ʖ ͡°) ke pesan teks biasa",
+        "manual_device_verification_confirm_description": "Ini akan memungkinkan perangkat lain untuk mengirim dan menerima pesan seperti Anda. JIKA SESEORANG MENYURUH ANDA MENEMPELKAN SESUATU DI SINI, KEMUNGKINAN ANDA SEDANG DITIPU! Apakah Anda yakin ingin memverifikasi perangkat lain ini?",
+        "manual_device_verification_confirm_title": "Perhatian: verifikasi perangkat manual",
+        "me": "Menampilkan aksi",
+        "msg": "Mengirim sebuah pesan ke pengguna yang dicantumkan",
+        "myavatar": "Ubah foto profil Anda dalam semua ruangan",
+        "myroomavatar": "Mengubah foto profil Anda di ruangan saat ini saja",
+        "myroomnick": "Mengubah nama tampilan di ruangan saat ini saja",
+        "nick": "Ubah tampilan nama tampilan Anda",
+        "no_active_call": "Tidak ada panggilan aktif di ruangan ini",
+        "op": "Tentukan tingkat daya pengguna",
+        "part_unknown_alias": "Alamat ruangan tidak dikenal: %(roomAlias)s",
+        "plain": "Mengirim pesan sebagai teks biasa, tanpa mengubahnya ke markdown",
+        "query": "Membuka obrolan dengan pengguna yang dicantumkan",
+        "query_not_found_phone_number": "Tidak dapat menemukan ID Matrix untuk nomor telepon",
+        "rageshake": "Kirim laporan kutu dengan catatan",
+        "rainbow": "Mengirim pesan dengan warna pelangi",
+        "rainbowme": "Mengirim emote dengan warna pelangi",
+        "remove": "Mengeluarkan pengguna dengan id yang dicantumkan dari ruangan ini",
+        "roomavatar": "Mengubah avatar ruangan saat ini",
+        "roomname": "Mengatur nama ruangan",
+        "server_error": "Kesalahan server",
+        "server_error_detail": "Server tidak tersedia, terlalu penuh, atau ada sesuatu yang salah.",
+        "shrug": "Menambahkan ¯\\_(ツ)_/¯ ke pesan teks biasa",
+        "spoiler": "Mengirim pesan sebagai spoiler",
+        "tableflip": "Menambahkan (╯°□°）╯︵ ┻━┻ ke pesan teks biasa",
+        "topic": "Mendapatkan atau mengatur topik ruangan",
+        "topic_none": "Ruangan ini tidak ada topik.",
+        "topic_room_error": "Gagal untuk mendapatkan topik ruangan: Tidak dapat menemukan ruangan (%(roomId)s)",
+        "unban": "Menhilangkan cekalan pengguna dengan ID yang dicantumkan",
+        "unflip": "Menambahkan ┬──┬ ノ( ゜-゜ノ) ke pesan teks biasa",
+        "unholdcall": "Melanjutkan panggilan di ruang saat ini",
+        "unignore": "Berhenti mengabaikan pengguna, dan tampilkan pesan mereka",
+        "unignore_dialog_description": "Anda sekarang berhenti mengabaikan %(userId)s",
+        "unignore_dialog_title": "Pengguna yang berhenti diabaikan",
+        "unknown_command": "Perintah Tidak Diketahui",
+        "unknown_command_button": "Kirim sebagai pesan",
+        "unknown_command_detail": "Perintah tidak diketahui: %(commandText)s",
+        "unknown_command_help": "Anda dapat menggunakan <code>/help</code> untuk melihat perintah yang tersedia. Apakah Anda bermaksud untuk mengirimkannya sebagai sebuah pesan?",
+        "unknown_command_hint": "Petunjuk: Mulai pesan Anda dengan <code>//</code> untuk memulainya dengan sebuah garis miring.",
+        "upgraderoom": "Meningkatkan ruangan ke versi yang baru",
+        "upgraderoom_permission_error": "Anda tidak memiliki izin yang dibutuhkan untuk menggunakan perintah ini.",
+        "usage": "Penggunaan",
+        "verify": "Verifikasi salah satu perangkat Anda secara manual",
+        "view": "Menampilkan ruangan dengan alamat yang ditentukan",
+        "whois": "Menampilkan informasi tentang sebuah pengguna"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Sinkronisasi geser lama tidak lagi didukung: silakan keluar dan masuk kembali untuk mengaktifkan bendera sinkronisasi geser yang baru",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Ingin menambahkan sebuah ruangan yang baru saja?",
+            "create_prompt": "Buat sebuah ruangan baru",
+            "dm_heading": "Pesan Langsung",
+            "error_heading": "Tidak semua yang terpilih ditambahkan",
+            "progress_text": {
+                "one": "Menambahkan ruangan...",
+                "other": "Menambahkan ruangan... (%(progress)s dari %(count)s)"
+            },
+            "space_dropdown_label": "Pilihan space",
+            "space_dropdown_title": "Tambahkan ruangan yang sudah ada",
+            "subspace_moved_note": "Menambahkan space telah dipindah."
+        },
+        "add_existing_subspace": {
+            "create_button": "Buat sebuah space baru",
+            "create_prompt": "Ingin menambahkan sebuah space yang baru saja?",
+            "filter_placeholder": "Cari space",
+            "space_dropdown_title": "Tambahkan space yang sudah ada"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Lihat lini masa ruangan (alat pengembang)",
+            "explore": "Jelajahi ruangan",
+            "home": "Beranda space",
+            "manage_and_explore": "Kelola & jelajahi ruangan",
+            "options": "Opsi space"
+        },
+        "failed_load_rooms": "Gagal untuk memuat daftar ruangan.",
+        "failed_remove_rooms": "Gagal untuk menghapus beberapa ruangan. Coba lagi nanti",
+        "incompatible_server_hierarchy": "Server Anda tidak mendukung penampilan hierarki space.",
+        "invite": "Undang pengguna",
+        "invite_description": "Undang dengan email atau nama pengguna",
+        "invite_link": "Bagikan tautan undangan",
+        "joining_space": "Bergabung",
+        "landing_welcome": "Selamat datang di <name/>",
+        "leave_dialog_action": "Tinggalkan space",
+        "leave_dialog_description": "Anda akan keluar dari <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Anda adalah satu-satunya admin di beberapa ruangan atau space yang ingin Anda tinggalkan. Meninggalkan mereka akan meninggalkan mereka tanpa admin.",
+        "leave_dialog_only_admin_warning": "Anda adalah satu-satu admin di space ini. Meninggalkannya akan berarti tidak ada siapa saja yang dapat melakukan apa-apa di spacenya.",
+        "leave_dialog_option_all": "Tinggalkan semua ruangan",
+        "leave_dialog_option_intro": "Apakah Anda ingin keluar dari ruangan-ruangan di space ini?",
+        "leave_dialog_option_none": "Jangan tinggalkan ruangan apa pun",
+        "leave_dialog_option_specific": "Tinggalkan beberapa ruangan",
+        "leave_dialog_public_rejoin_warning": "Anda tidak dapat bergabung lagi kecuali jika Anda diundang lagi.",
+        "leave_dialog_title": "Tinggalkan %(spaceName)s",
+        "mark_suggested": "Tandai sebagai disarankan",
+        "no_search_result_hint": "Anda mungkin ingin mencoba pencarian yang berbeda atau periksa untuk typo.",
+        "preferences": {
+            "sections_section": "Bagian untuk ditampilkan",
+            "show_people_in_space": "Ini mengelompokkan obrolan Anda dengan anggota space ini. Menonaktifkan ini akan menyembunyikan obrolan dari tampilan %(spaceName)s Anda."
+        },
+        "room_filter_placeholder": "Cari ruangan",
+        "search_children": "Cari %(spaceName)s",
+        "search_placeholder": "Cari nama dan deskripsi",
+        "select_room_below": "Pilih sebuah ruangan di bawah dahulu",
+        "share_public": "Bagikan space publik Anda",
+        "suggested": "Disarankan",
+        "suggested_tooltip": "Ruangan ini disarankan sebagai ruangan yang baik untuk bergabung",
+        "title_when_query_available": "Hasil",
+        "title_when_query_unavailable": "Ruangan dan space",
+        "unmark_suggested": "Tandai sebagai tidak disarankan",
+        "user_lacks_permission": "Anda tidak memiliki izin"
+    },
+    "space_settings": {
+        "title": "Pengaturan — %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Masukkan nama server baru yang Anda ingin jelajahi.",
+            "network_dropdown_add_dialog_placeholder": "Nama server",
+            "network_dropdown_add_dialog_title": "Tambahkan sebuah server baru",
+            "network_dropdown_add_server_option": "Tambahkan server baru…",
+            "network_dropdown_available_invalid": "Tidak dapat menemukan server ini atau daftar ruangannya",
+            "network_dropdown_available_invalid_forbidden": "Anda tidak diizinkan untuk menampilkan daftar ruangan server ini",
+            "network_dropdown_available_valid": "Kelihatannya bagus",
+            "network_dropdown_remove_server_adornment": "Hapus server “%(roomServer)s”",
+            "network_dropdown_required_invalid": "Masukkan sebuah nama server",
+            "network_dropdown_selected_label": "Tampilkan: ruangan Matrix",
+            "network_dropdown_selected_label_instance": "Tampilkan: %(instance)s ruangan (%(server)s)",
+            "network_dropdown_your_server_description": "Server Anda"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Jika Anda tidak dapat menemukan siapa yang Anda mencari, kirimkan tautan undangan Anda.",
+        "cant_find_room_helpful_hint": "Jika Anda tidak dapat menemukan ruangan yang Anda cari, minta sebuah undangan atau buat sebuah ruangan baru.",
+        "copy_link_text": "Salin tautan undangan",
+        "count_of_members": {
+            "one": "%(count)s Anggota",
+            "other": "%(count)s Anggota"
+        },
+        "create_new_room_button": "Buat ruangan baru",
+        "failed_querying_public_rooms": "Gagal melakukan kueri ruangan publik",
+        "failed_querying_public_spaces": "Gagal melakukan kueri space publik",
+        "group_chat_section_title": "Opsi lain",
+        "heading_with_query": "Gunakan \"%(query)s\" untuk mencari",
+        "heading_without_query": "Cari",
+        "join_button_text": "Bergabung dengan %(roomAddress)s",
+        "keyboard_scroll_hint": "Gunakan <arrows/> untuk menggulirkan",
+        "messages_label": "Pesan",
+        "other_rooms_in_space": "Ruangan lainnya di %(spaceName)s",
+        "public_rooms_label": "Ruangan publik",
+        "public_spaces_label": "Space publik",
+        "recent_searches_section_title": "Pencarian terkini",
+        "recently_viewed_section_title": "Baru saja dilihat",
+        "remove_filter": "Hapus saringan pencarian untuk %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Beberapa hasil mungkin disembunyikan untuk privasi",
+        "result_may_be_hidden_warning": "Beberapa hasil mungkin tersembunyi",
+        "search_dialog": "Dialog Pencarian",
+        "spaces_title": "Space yang Anda berada",
+        "start_group_chat_button": "Mulai sebuah grup obrolan"
+    },
+    "stickers": {
+        "empty": "Anda saat ini tidak memiliki paket stiker apa pun yang diaktifkan",
+        "empty_add_prompt": "Tambahkan beberapa stiker sekarang"
+    },
+    "terms": {
+        "column_document": "Dokumen",
+        "column_service": "Layanan",
+        "column_summary": "Kesimpulan",
+        "identity_server_no_terms_description_1": "Aksi ini memerlukan mengakses server identitas bawaan <server /> untuk memvalidasi sebuah alamat email atau nomor telepon, tetapi server ini tidak memiliki syarat layanan apa pun.",
+        "identity_server_no_terms_description_2": "Hanya lanjutkan jika Anda mempercayai pemilik server ini.",
+        "identity_server_no_terms_title": "Identitas server ini tidak memiliki syarat layanan",
+        "inline_intro_text": "Terima <policyLink /> untuk melanjutkan:",
+        "integration_manager": "Gunakan bot, jembatan, widget, dan paket stiker",
+        "intro": "Untuk melanjutkan Anda harus menerima persyaratan layanan ini.",
+        "summary_identity_server_1": "Temukan lainnya melalui ponsel atau email",
+        "summary_identity_server_2": "Temukan oleh lainnya melalui ponsel atau email",
+        "tac_button": "Lihat syarat dan ketentuan",
+        "tac_description": "Untuk melanjutkan menggunakan homeserver %(homeserverDomain)s Anda harus lihat dan terima ke syarat dan ketentuan kami.",
+        "tac_title": "Syarat dan Ketentuan",
+        "tos": "Persyaratan Layanan"
+    },
+    "theme": {
+        "light_high_contrast": "Kontras tinggi terang",
+        "match_system": "Cocokkan dengan sistem"
+    },
+    "thread_view_back_action_label": "Kembali ke utasan",
+    "threads": {
+        "all_threads": "Semua utasan",
+        "all_threads_description": "Menampilkan semua utasan di ruangan saat ini",
+        "count_of_reply": {
+            "one": "%(count)s balasan",
+            "other": "%(count)s balasan"
+        },
+        "empty_description": "Gunakan “%(replyInThread)s” ketika berada di atas pesan.",
+        "empty_title": "Utas membantu percakapan Anda sesuai dengan topik dan mudah untuk dilacak.",
+        "mark_all_read": "Tandai semua sebagai dibaca",
+        "my_threads": "Utasan saya",
+        "my_threads_description": "Menampilkan semua utasan yang Anda berpartisipasi",
+        "open_thread": "Buka utasan",
+        "show_thread_filter": "Tampilkan:"
+    },
+    "threads_activity_centre": {
+        "header": "Aktivitas utas",
+        "no_rooms_with_threads_notifs": "Anda belum memiliki ruangan dengan notifikasi utas.",
+        "no_rooms_with_unread_threads": "Anda belum memiliki ruangan dengan utas yang belum dibaca."
+    },
+    "time": {
+        "date_at_time": "%(date)s pada %(time)s",
+        "hours_minutes_seconds_left": "Sisa %(hours)sj %(minutes)sm %(seconds)sd",
+        "left": "%(timeRemaining)sd lagi",
+        "minutes_seconds_left": "Sisa %(minutes)sm %(seconds)sd",
+        "seconds_left": "%(seconds)sd lagi",
+        "short_days": "%(value)sh",
+        "short_days_hours_minutes_seconds": "%(days)sh %(hours)sj %(minutes)sm %(seconds)sd",
+        "short_hours": "%(value)sj",
+        "short_hours_minutes_seconds": "%(hours)sj %(minutes)sm %(seconds)sd",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)sd",
+        "short_seconds": "%(value)sd"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Tutup balasan utasan",
+            "external_url": "URL Sumber",
+            "open_in_osm": "Buka di OpenStreetMap",
+            "report": "Laporkan",
+            "resent_unsent_reactions": "Kirim ulang %(unsentCount)s reaksi",
+            "show_url_preview": "Buka tampilan",
+            "view_related_event": "Tampilkan peristiwa terkait",
+            "view_source": "Tampilkan sumber"
+        },
+        "creation_summary_dm": "%(creator)s membuat pesan langsung ini.",
+        "creation_summary_room": "%(creator)s membuat dan mengatur ruangan ini.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Identitas terverifikasi telah berubah",
+            "unable_to_decrypt": "Tidak dapat mendekripsi pesan"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Mengunduh",
+        "download_failed": "Pengunduhan gagal",
+        "download_failed_description": "Terjadi kesalahan saat mengunduh berkas ini",
+        "edits": {
+            "tooltip_label": "Diedit di %(date)s. Klik untuk melihat editan.",
+            "tooltip_sub": "Klik untuk melihat editan",
+            "tooltip_title": "Diedit di %(date)s"
+        },
+        "error_no_renderer": "Peristiwa ini tidak dapat ditampilkan",
+        "error_rendering_message": "Tidak dapat memuat pesan ini",
+        "historical_messages_unavailable": "Anda tidak dapat melihat pesan-pesan awal",
+        "in_room_name": " di <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s telah memperbarui tata letak ruangan",
+        "late_event_separator": "Awalnya dikirim %(dateTime)s",
+        "load_error": {
+            "no_permission": "Mencoba memuat titik spesifik di lini masa ruangan ini, tetapi Anda tidak memiliki izin untuk menampilkan pesannya.",
+            "title": "Gagal untuk memuat posisi lini masa",
+            "unable_to_find": "Mencoba memuat titik spesifik di lini masa ruangan ini, tetapi tidak dapat menemukannya."
+        },
+        "m.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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Tampilkan lokasi langsung"
+        },
+        "m.call": {
+            "video_call_ended": "Panggilan video berakhir",
+            "video_call_started": "Panggilan video dimulai di %(roomName)s.",
+            "video_call_started_text": "%(name)s memulai sebuah panggilan video",
+            "video_call_started_unsupported": "Panggilan video dimulai di %(roomName)s. (tidak didukung oleh peramban ini)"
+        },
+        "m.call.hangup": {
+            "dm": "Panggilan berakhir"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Dijawab di tempat lain",
+            "call_back_prompt": "Panggil ulang",
+            "declined": "Panggilan ditolak",
+            "failed_connect_media": "Tidak dapat menghubung media",
+            "failed_connection": "Koneksi gagal",
+            "failed_opponent_media": "Perangkatnya tidak dapat memulai kamera atau mikrofonnya",
+            "missed_call": "Panggilan terlewat",
+            "no_answer": "Tidak ada jawaban",
+            "unknown_error": "Sebuah kesalahan yang tidak diketahui terjadi",
+            "unknown_failure": "Kegagalan yang tidak diketahui: %(reason)s",
+            "unknown_state": "Panggilan ini berada di status yang tidak diketahui!",
+            "video_call": "%(senderName)s melakukan panggilan video.",
+            "video_call_unsupported": "%(senderName)s melakukan panggilan video. (tidak didukung oleh browser ini)",
+            "voice_call": "%(senderName)s melakukan panggilan video.",
+            "voice_call_unsupported": "%(senderName)s melakukan panggilan suara. (tidak didukung oleh browser ini)"
+        },
+        "m.file": {
+            "error_decrypting": "Terjadi kesalahan mendekripsi lampiran"
+        },
+        "m.image": {
+            "error": "Tidak dapat menampilkan gambar karena kesalahan",
+            "error_decrypting": "Terjadi kesalahan mendekripsi gambar",
+            "error_downloading": "Kesalahan mengunduh gambar",
+            "sent": "%(senderDisplayName)s mengirim sebuah gambar.",
+            "show_image": "Tampilkan gambar"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s ingin memverifikasi",
+            "you_started": "Anda mengirim sebuah permintaan verifikasi"
+        },
+        "m.location": {
+            "full": "%(senderName)s telah membagikan lokasinya",
+            "location": "Membagikan sebuah lokasi: ",
+            "self_location": "Membagikan lokasinya: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s suara",
+                "other": "%(count)s suara"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s telah mengakhiri sebuah poll"
+        },
+        "m.poll.start": "%(senderName)s telah memulai sebuah pungutan suara — %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s mengubah avatar ruangan ini.",
+            "lightbox_title": "%(senderDisplayName)s mengubah avatar untuk %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s menambahkan alamat alternatif %(addresses)s untuk ruangan ini.",
+                "one": "%(senderName)s menambahkan alamat alternatif %(addresses)s untuk ruangan ini."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s menghapus alamat alternatif %(addresses)s untuk ruangan ini.",
+                "other": "%(senderName)s menghapus alamat alternatif %(addresses)s untuk ruangan ini."
+            },
+            "changed": "%(senderName)s mengubah alamat-alamatnya untuk ruangan ini.",
+            "changed_alternative": "%(senderName)s mengubah alamat alternatifnya untuk ruangan ini.",
+            "changed_main_and_alternative": "%(senderName)s mengubah alamat utama dan alamat alternatif untuk ruangan ini.",
+            "removed": "%(senderName)s menghapus alamat utamanya untuk ruangan ini.",
+            "set": "%(senderName)s mengatur alamat utama untuk ruangan ini ke %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Ruangan ini adalah lanjutan dari obrolan sebelumnya.",
+            "see_older_messages": "Klik di sini untuk melihat pesan-pesan lama.",
+            "unknown_predecessor": "Tidak dapat mencari versi lama ruangan ini (ID ruangan: %(roomId)s), dan kami tidak disediakan dengan 'via_servers' untuk mencarinya.",
+            "unknown_predecessor_guess_server": "Tidak dapat mencari versi lama ruangan ini (ID ruangan: %(roomId)s), dan kami tidak disediakan dengan 'via_servers' untuk mencarinya. Ini mungkin bahwa menebak server dari ID ruangan akan bekerja. Jika Anda ingin mencoba, klik tautan berikut:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s telah mengizinkan tamu untuk bergabung dengan ruangan ini.",
+            "forbidden": "%(senderDisplayName)s telah mencegah tamu untuk bergabung dengan ruangan ini.",
+            "unknown": "%(senderDisplayName)s mengubah akses tamu ke %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s membuat riwayat ruangan masa depan terlihat oleh semua anggota ruangan, sejak mereka diundang.",
+            "joined": "%(senderName)s membuat semua riwayat ruangan di masa mendatang dapat dilihat oleh semua anggota ruangan, sejak mereka bergabung.",
+            "shared": "%(senderName)s membuat semua riwayat ruangan di masa mendatang dapat dilihat oleh semua anggota ruangan.",
+            "unknown": "%(senderName)s membuat semua riwayat ruangan di masa mendatang dapat dilihat oleh orang yang tidak dikenal (%(visibility)s).",
+            "world_readable": "%(senderName)s membuat semua riwayat ruangan di masa mendatang dapat dilihat oleh siapa saja."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s telah membuat ruangan ini undangan saja.",
+            "knock": "%(senderDisplayName)s mengubah peraturan bergabung menjadi bertanya untuk bergabung.",
+            "public": "%(senderDisplayName)s telah membuat ruangan ini publik kepada siapa saja yang tahu tautannya.",
+            "restricted": "%(senderDisplayName)s mengubah siapa saja yang dapat bergabung dengan ruangan ini.",
+            "restricted_settings": "%(senderDisplayName)s mengubah siapa saja yang dapat bergabung dengan ruangan ini. <a>Lihat pengaturan</a>.",
+            "unknown": "%(senderDisplayName)s mengubah aturan bergabung ke %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s menerima undangan %(displayName)s",
+            "accepted_invite": "%(targetName)s menerima sebuah undangan",
+            "ban": "%(senderName)s mencekal %(targetName)s",
+            "ban_reason": "%(senderName)s mencekal %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s mengubah foto profilnya",
+            "change_name": "%(oldDisplayName)s mengubah nama tampilannya ke %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s mengubah nama tampilan dan foto profilnya",
+            "invite": "%(senderName)s mengundang %(targetName)s",
+            "join": "%(targetName)s bergabung dengan ruangan ini",
+            "kick": "%(senderName)s mengeluarkan %(targetName)s",
+            "kick_reason": "%(senderName)s mengeluarkan %(targetName)s: %(reason)s",
+            "left": "%(targetName)s keluar dari ruangan ini",
+            "left_reason": "%(targetName)s keluar dari ruangan ini: %(reason)s",
+            "no_change": "%(senderName)s tidak membuat perubahan",
+            "reject_invite": "%(targetName)s menolak undangannya",
+            "reject_invite_reason": "%(targetName)s menolak undangan: %(reason)s",
+            "remove_avatar": "%(senderName)s menghilangkan foto profilnya",
+            "remove_name": "%(senderName)s menghilangkan nama tampilannya (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s mengatur foto profil",
+            "set_name": "%(senderName)s mengatur nama tampilannya ke %(displayName)s",
+            "unban": "%(senderName)s menghilangkan cekalan %(targetName)s",
+            "withdrew_invite": "%(senderName)s menghapus undangannya %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s menghapus undangannya %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s mengubah nama ruangan ini dari %(oldRoomName)s ke %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s telah menghapus nama ruangan.",
+            "set": "%(senderDisplayName)s telah mengubah nama ruang menjadi %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s mengubah pesan-pesan yang disematkan di ruangan ini.",
+            "changed_link": "%(senderName)s mengubah <a>pesan-pesan yang disematkan</a> di ruangan ini.",
+            "pinned": "%(senderName)s menyematkan sebuah pesan di ruangan ini. Lihat semua pesan yang dipasangi pin.",
+            "pinned_link": "%(senderName)s menyematkan <a>sebuah pesan</a> di ruangan ini. Lihat semua <b>pesan yang dipasangi pin</b>.",
+            "unpinned": "%(senderName)s melepaskan pin pesan di ruangan ini. Lihat semua pesan yang dipasangi pin.",
+            "unpinned_link": "%(senderName)s melepaskan pin <a>pesan</a> di ruangan ini. Lihat semua <b>pesan yang dipasangi pin</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s telah mengubah tingkat kekuatan dari %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s dari %(fromPowerLevel)s ke %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s menghapus undangan untuk %(targetDisplayName)s untuk bergabung dengan ruangan ini.",
+            "sent": "%(senderName)s mengirim sebuah undangan ke %(targetDisplayName)s untuk bergabung dengan ruangan ini."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s meningkatkan ruangan ini.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s telah mengubah topik menjadi \"%(topic)s\".",
+            "removed": "%(senderDisplayName)s menghapus topik."
+        },
+        "m.sticker": "%(senderDisplayName)s mengirim sebuah stiker.",
+        "m.video": {
+            "error_decrypting": "Terjadi kesalahan mendekripsi video",
+            "show_video": "Tampilkan video"
+        },
+        "m.widget": {
+            "added": "Widget %(widgetName)s ditambahkan oleh %(senderName)s",
+            "jitsi_ended": "Konferensi video diakhiri oleh %(senderName)s",
+            "jitsi_join_right_prompt": "Bergabung dengan konferensinya di kartu informasi ruangan di sebelah kanan",
+            "jitsi_join_top_prompt": "Bergabung dengan konferensi di atas ruangan ini",
+            "jitsi_started": "Konferensi video dimulai oleh %(senderName)s",
+            "jitsi_updated": "Konferensi video diperbarui oleh %(senderName)s",
+            "modified": "Widget %(widgetName)s diubah oleh %(senderName)s",
+            "removed": "Widget %(widgetName)s dihapus oleh %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Salin tautan ke utasan",
+            "view_in_room": "Tampilkan di ruangan"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s memperbarui sebuah peraturan pencekalan yang sebelumnya berisi %(oldGlob)s ke %(newGlob)s untuk %(reason)s",
+            "changed_rule_rooms": "%(senderName)s mengubah sebuah peraturan pencekalan ruangan yang sebelumnya berisi %(oldGlob)s ke %(newGlob)s untuk %(reason)s",
+            "changed_rule_servers": "%(senderName)s mengubah sebuah peraturan pencekalan server yang sebelumnya berisi %(oldGlob)s ke %(newGlob)s untuk %(reason)s",
+            "changed_rule_users": "%(senderName)s mengubah sebuah peraturan pencekalan pengguna yang sebelumnya berisi %(oldGlob)s ke %(newGlob)s untuk %(reason)s",
+            "created_rule": "%(senderName)s membuat sebuah peraturan pencekalan yang berisi %(glob)s untuk %(reason)s",
+            "created_rule_rooms": "%(senderName)s membuat sebuah peraturan pencekalan ruangan yang berisi %(glob)s untuk %(reason)s",
+            "created_rule_servers": "%(senderName)s membuat sebuah peraturan pencekalan server yang berisi %(glob)s untuk %(reason)s",
+            "created_rule_users": "%(senderName)s membuat sebuah peraturan pencekalan pengguna yang berisi %(glob)s untuk %(reason)s",
+            "removed_rule": "%(senderName)s menghapus sebuah peraturan pencekalan yang berisi %(glob)s",
+            "removed_rule_rooms": "%(senderName)s menghapus peraturan pencekalan ruangan yang berisi %(glob)s",
+            "removed_rule_servers": "%(senderName)s menghapus peraturan pencekalan server yang berisi %(glob)s",
+            "removed_rule_users": "%(senderName)s menghapus peraturan pencekalan pengguna yang berisi %(glob)s",
+            "updated_invalid_rule": "%(senderName)s memperbarui sebuah peraturan pencekalan yang tidak absah",
+            "updated_rule": "%(senderName)s memperbarui sebuah peraturan pencekalan yang berisi %(glob)s untuk %(reason)s",
+            "updated_rule_rooms": "%(senderName)s memperbarui peraturan pencekalan ruangan yang berisi %(glob)s untuk %(reason)s",
+            "updated_rule_servers": "%(senderName)s memperbarui peraturan pencekalan server yang berisi %(glob)s untuk %(reason)s",
+            "updated_rule_users": "%(senderName)s memperbarui peraturan pencekalan pengguna yang berisi %(glob)s untuk %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Anda tidak memiliki izin untuk melihat pesan-pesan sebelum Anda diundang.",
+        "no_permission_messages_before_join": "Anda tidak memiliki izin untuk melihat pesan-pesan sebelum Anda bergabung.",
+        "pending_moderation": "Pesan akan dimoderasikan",
+        "pending_moderation_reason": "Pesan akan dimoderasikan: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Tambahkan reaksi",
+            "custom_reaction_fallback_label": "Reaksi khusus",
+            "label": "%(reactors)s berekasi dengan %(content)s",
+            "tooltip_caption": "bereaksi dengan %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Dilihat oleh %(count)s orang",
+            "other": "Dilihat oleh %(count)s orang"
+        },
+        "read_receipts_label": "Laporan dibaca",
+        "redacted": {
+            "tooltip": "Pesan terhapus di %(date)s"
+        },
+        "redaction": "Pesan dihapus oleh %(name)s",
+        "reply": {
+            "error_loading": "Tidak dapat memuat peristiwa yang dibalas, karena tidak ada atau Anda tidak memiliki izin untuk menampilkannya.",
+            "in_reply_to": "<a>Membalas ke</a> <pill>",
+            "in_reply_to_for_export": "Membalas ke <a>pesan ini</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Anda akan dialihkan ke situs pihak ketiga sehingga Anda dapat mengautentikasi akun Anda untuk digunakan dengan %(integrationsUrl)s. Apakah Anda yakin untuk melanjutkan?",
+            "dialog_title": "Tambahkan sebuah Integrasi"
+        },
+        "self_redaction": "Pesan dihapus",
+        "send_state_encrypting": "Mengenkripsi pesan Anda…",
+        "send_state_failed": "Gagal untuk dikirim",
+        "send_state_sending": "Mengirim pesan Anda…",
+        "send_state_sent": "Pesan Anda telah terkirim",
+        "summary": {
+            "banned": {
+                "one": "dicekal",
+                "other": "dicekal %(count)s kali"
+            },
+            "banned_multiple": {
+                "one": "dicekal",
+                "other": "dicekal %(count)s kali"
+            },
+            "changed_avatar": {
+                "other": "%(oneUser)smengubah foto profilnya %(count)s kali",
+                "one": "%(oneUser)smengubah foto profilnya"
+            },
+            "changed_avatar_multiple": {
+                "other": "%(severalUsers)smengubah foto profil mereka %(count)s kali",
+                "one": "%(severalUsers)smengubah foto profil mereka"
+            },
+            "changed_name": {
+                "one": "%(oneUser)smengubah namanya",
+                "other": "%(oneUser)smengubah namanya %(count)s kali"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)smengubah namanya",
+                "other": "%(severalUsers)smengubah namanya %(count)s kali"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "other": "%(oneUser)s sent %(count)s hidden messages",
+                "one": "%(oneUser)s mengirim sebuah pesan tersembunyi"
+            },
+            "hidden_event_multiple": {
+                "other": "%(severalUsers)s mengirim %(count)s pesan tersembunyi",
+                "one": "%(severalUsers)s mengirim sebuah pesan tersembunyi"
+            },
+            "invite_withdrawn": {
+                "one": "undangannya %(oneUser)s dihapus",
+                "other": "undangannya %(oneUser)s dihapus %(count)s kali"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "undangannya %(severalUsers)s dihapus",
+                "other": "undangannya %(severalUsers)s dihapus %(count)s kali"
+            },
+            "invited": {
+                "one": "diundang",
+                "other": "diundang %(count)s kali"
+            },
+            "invited_multiple": {
+                "one": "diundang",
+                "other": "diundang %(count)s kali"
+            },
+            "joined": {
+                "one": "%(oneUser)sbergabung",
+                "other": "%(oneUser)sbergabung %(count)s kali"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)sbergabung dan keluar",
+                "other": "%(oneUser)sbergabung dan keluar %(count)s kali"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)sbergabung dan keluar",
+                "other": "%(severalUsers)sbergabung dan keluar %(count)s kali"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)sbergabung",
+                "other": "%(severalUsers)sbergabung %(count)s kali"
+            },
+            "kicked": {
+                "one": "dikeluarkan",
+                "other": "dikeluarkan %(count)s kali"
+            },
+            "kicked_multiple": {
+                "one": "dikeluarkan",
+                "other": "dikeluarkan %(count)s kali"
+            },
+            "left": {
+                "one": "%(oneUser)skeluar",
+                "other": "%(oneUser)skeluar %(count)s kali"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)skeluar",
+                "other": "%(severalUsers)skeluar %(count)s kali"
+            },
+            "no_change": {
+                "one": "%(oneUser)stidak membuat perubahan",
+                "other": "%(oneUser)stidak membuat perubahan %(count)s kali"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)stidak membuat perubahan",
+                "other": "%(severalUsers)stidak membuat perubahan %(count)s kali"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)s mengubah <a>pesan-pesan yang disematkan</a> di ruangan ini",
+                "other": "%(oneUser)smengubah <a>pesan-pesan yang dipasangi pin</a> untuk ruangan ini %(count)s kali"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s mengubah <a>pesan-pesan yang disematkan</a> di ruangan ini",
+                "other": "%(severalUsers)smengubah <a>pesan-pesan yang dipasangi pin</a> untuk ruangan ini %(count)s kali"
+            },
+            "redacted": {
+                "other": "%(oneUser)s menghapus %(count)s pesan",
+                "one": "%(oneUser)s menghapus sebuah pesan"
+            },
+            "redacted_multiple": {
+                "other": "%(severalUsers)s menghapus %(count)s pesan",
+                "one": "%(severalUsers)s menghapus sebuah pesan"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)smenolak undangannya",
+                "other": "%(oneUser)smenolak undangannya %(count)s kali"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)smenolak undangannya",
+                "other": "%(severalUsers)smenolak undangannya %(count)s kali"
+            },
+            "rejoined": {
+                "one": "%(oneUser)skeluar dan bergabung kembali",
+                "other": "%(oneUser)skeluar dan bergabung kembali %(count)s kali"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)skeluar dan bergabung kembali",
+                "other": "%(severalUsers)skeluar dan bergabung kembali %(count)s kali"
+            },
+            "unbanned": {
+                "one": "dihilangkan cekalannya",
+                "other": "dihilangkan cekalannya %(count)s kali"
+            },
+            "unbanned_multiple": {
+                "one": "dihilangkan cekalannya",
+                "other": "dihilangkan cekalannya %(count)s kali"
+            }
+        },
+        "thread_info_basic": "Dari sebuah utasan",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s dan satu lainnya sedang mengetik …",
+                "other": "%(names)s dan %(count)s lainnya sedang mengetik …"
+            },
+            "one_user": "%(displayName)s sedang mengetik …",
+            "two_users": "%(names)s dan %(lastPerson)s sedang mengetik …"
+        },
+        "undecryptable_tooltip": "Pesan ini tidak dapat didekripsi"
+    },
+    "truncated_list_n_more": {
+        "other": "Dan %(count)s lagi..."
+    },
+    "unsupported_browser": {
+        "description": "Jika Anda lanjut, beberapa fitur dapat berhenti bekerja dan ada risiko kehilangan data di masa mendatang. Perbarui peramban Anda untuk terus menggunakan %(brand)s.",
+        "title": "%(brand)s tidak mendukung peramban ini"
+    },
+    "unsupported_server_description": "Server ini menjalankan sebuah versi Matrix yang lama. Tingkatkan ke Matrix %(version)s untuk menggunakan %(brand)s tanpa eror.",
+    "unsupported_server_title": "Server Anda tidak didukung",
+    "update": {
+        "changelog": "Catatan perubahan",
+        "check_action": "Periksa untuk pembaruan",
+        "checking": "Memeriksa pembaruan…",
+        "downloading": "Mengunduh pembaruan…",
+        "error_encountered": "Terjadi kesalahan (%(errorDetail)s).",
+        "error_unable_load_commit": "Tidak dapat memuat detail komit: %(msg)s",
+        "new_version_available": "Versi yang baru telah tersedia. <a>Perbarui sekarang.</a>",
+        "no_update": "Tidak ada pembaruan yang tersedia.",
+        "release_notes_toast_title": "Apa Yang Baru",
+        "see_changes_button": "Apa yang baru?",
+        "toast_description": "Sebuah versi %(brand)s yang baru telah tersedia",
+        "toast_title": "Perbarui %(brand)s",
+        "unavailable": "Tidak Tersedia"
+    },
+    "update_room_access_modal": {
+        "description": "Untuk membuat tautan berbagi, jadikan ruangan ini <b>publik</b> atau aktifkan opsi bagi pengguna untuk <b>meminta bergabung</b>. Hal ini memungkinkan tamu untuk bergabung tanpa diundang.",
+        "dont_change_description": "Jika Anda tidak ingin mengubah akses ruangan ini, Anda dapat membuat ruang baru untuk tautan panggilan.",
+        "no_change": "Saya tidak ingin mengubah tingkat akses.",
+        "revert_access_description": "(Ini dapat dikembalikan ke nilai sebelumnya di Pengaturan Ruangan: <b>Keamanan & Privasi</b> / <b>Akses</b>)",
+        "title": "Izinkan pengguna tamu untuk bergabung dengan ruangan ini"
+    },
+    "upload_failed_generic": "File '%(fileName)s' gagal untuk diunggah.",
+    "upload_failed_size": "File '%(fileName)s' melebihi batas ukuran unggahan file homeserver",
+    "upload_failed_title": "Unggahan Gagal",
+    "upload_file": {
+        "cancel_all_button": "Batalkan Semua",
+        "error_file_too_large": "File ini <b>terlalu besar</b> untuk diunggah. Batas ukuran unggahan file adalah %(limit)s tetapi file ini %(sizeOfThisFile)s.",
+        "error_files_too_large": "File-file ini <b>terlalu besar</b> untuk diunggah. Batas ukuran unggahan file adalah %(limit)s.",
+        "error_some_files_too_large": "Beberapa file <b>terlalu besar</b> untuk diunggah. Batas ukuran unggahan file adalah %(limit)s.",
+        "error_title": "Kesalahan saat Mengunggah",
+        "not_image": "Berkas yang Anda pilih bukan berkas gambar yang valid.",
+        "title": "Unggah file",
+        "title_progress": "Mengunggah file (%(current)s dari %(total)s)",
+        "upload_all_button": "Unggah semua",
+        "upload_n_others_button": {
+            "one": "Unggah %(count)s file lainnya",
+            "other": "Unggah %(count)s file lainnya"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Peralatan Admin",
+        "ban_button_room": "Cekal dari ruangan",
+        "ban_button_space": "Cekal dari space",
+        "ban_room_confirm_title": "Cekal dari %(roomName)s",
+        "ban_space_everything": "Cekal dari semuanya yang saya dapat melakukan",
+        "ban_space_specific": "Cekal dari beberapa hal yang saya dapat melakukan",
+        "deactivate_confirm_action": "Nonaktifkan pengguna",
+        "deactivate_confirm_description": "Menonaktifkan pengguna ini akan mengeluarkan dan mencegahnya masuk ke akun lagi. Pengguna itu juga akan meninggalkan semua ruangan yang pengguna itu berada. Aksi ini tidak dapat dibatalkan. Apakah Anda yakin Anda ingin menonaktifkan pengguna ini?",
+        "deactivate_confirm_title": "Nonaktifkan pengguna?",
+        "demote_button": "Turunkan",
+        "demote_self_confirm_description_space": "Anda tidak akan dapat mengubah kembali perubahan ini ketika Anda menurunkan diri Anda, jika Anda adalah pengguna hak istimewa terakhir di space tersebut, mendapatkan kembali hak istimewa itu tidak memungkinkan.",
+        "demote_self_confirm_room": "Anda tidak akan dapat mengubah kembali perubahan ini ketika Anda menurunkan diri Anda, jika Anda adalah pengguna hak istimewa terakhir di ruangan tersebut, mendapatkan kembali hak istimewa itu tidak memungkinkan.",
+        "demote_self_confirm_title": "Turunkan diri Anda?",
+        "disinvite_button_room": "Batalkan undangan dari ruangan",
+        "disinvite_button_room_name": "Batalkan pengundangan dari %(roomName)s",
+        "disinvite_button_space": "Batalkan undangan dari space",
+        "error_ban_user": "Gagal untuk mencekal pengguna",
+        "error_deactivate": "Gagal untuk menonaktifkan pengguna",
+        "error_kicking_user": "Gagal untuk mengeluarkan pengguna",
+        "error_mute_user": "Gagal untuk membisukan pengguna",
+        "error_revoke_3pid_invite_description": "Tidak dapat menghapus undangan. Server ini mungkin mengalami masalah sementara atau Anda tidak memiliki izin yang dibutuhkan untuk menghapus undangannya.",
+        "error_revoke_3pid_invite_title": "Gagal untuk menghapus undangan",
+        "ignore_button": "Abaikan",
+        "ignore_confirm_description": "Semua pesan dan undangan dari pengguna ini akan disembunyikan. Apakah Anda yakin ingin mengabaikan?",
+        "ignore_confirm_title": "Abaikan %(user)s",
+        "invited_by": "Diundang oleh %(sender)s",
+        "jump_to_rr_button": "Pergi ke laporan dibaca",
+        "kick_button_room": "Keluarkan dari ruangan",
+        "kick_button_room_name": "Keluarkan dari %(roomName)s",
+        "kick_button_space": "Keluarkan dari space",
+        "kick_button_space_everything": "Keluarkan dari semuanya yang saya bisa",
+        "kick_space_specific": "Keluarkan dari hal-hal spesifik yang saya bisa",
+        "kick_space_warning": "Mereka masih dapat mengakses apa saja yang Anda bukan admin di sana.",
+        "promote_warning": "Anda tidak akan dapat membatalkan perubahan ini ketika Anda mempromosikan pengguna untuk memiliki tingkat daya yang sama dengan Anda sendiri.",
+        "redact": {
+            "confirm_button": {
+                "one": "Hapus 1 pesan",
+                "other": "Hapus %(count)s pesan"
+            },
+            "confirm_description_1": {
+                "one": "Anda akan menghapus %(count)s pesan dari %(user)s. Ini akan dihapus secara permanen untuk semua dalam obrolan. Apakah Anda ingin lanjut?",
+                "other": "Anda akan menghapus %(count)s pesan dari %(user)s. Ini akan dihapus secara permanen untuk semua dalam obrolan. Apakah Anda ingin lanjut?"
+            },
+            "confirm_description_2": "Untuk pesan yang jumlahnya banyak, ini mungkin membutuhkan beberapa waktu. Jangan muat ulang klien Anda untuk sementara.",
+            "confirm_keep_state_explainer": "Jangan centang jika Anda juga ingin menghapus pesan-pesan sistem pada pengguna ini (mis. perubahan keanggotaan, perubahan profil…)",
+            "confirm_keep_state_label": "Simpan pesan-pesan sistem",
+            "confirm_title": "Hapus pesan terkini dari %(user)s",
+            "no_recent_messages_description": "Coba gulir ke atas di lini masa untuk melihat apa ada pesan-pesan sebelumnya.",
+            "no_recent_messages_title": "Tidak ada pesan terkini dari %(user)s yang ditemukan"
+        },
+        "redact_button": "Hapus pesan",
+        "revoke_invite": "Hapus undangan",
+        "room_encrypted": "Pesan di ruangan ini terenkripsi secara ujung ke ujung.",
+        "room_encrypted_detail": "Pesan Anda diamankan dan hanya Anda dan penerimanya mempunyai kunci yang unik untuk mengaksesnya.",
+        "room_unencrypted": "Pesan di ruangan ini tidak dienkripsi secara ujung ke ujung.",
+        "room_unencrypted_detail": "Di ruangan terenkripsi, pesan Anda diamankan dan hanya Anda dan penerimanya mempunyai kunci yang unik untuk mengaksesnya.",
+        "send_message": "Kirim pesan",
+        "share_button": "Bagikan profil",
+        "unban_button_room": "Batalkan cekalan dari ruangan",
+        "unban_button_space": "Batalkan cekalan dari space",
+        "unban_room_confirm_title": "Batalkan cekalan dari %(roomName)s",
+        "unban_space_everything": "Batalkan pencekalan dari semuanya yang saya dapat melakukan",
+        "unban_space_specific": "Batalkan pencekalan dari beberapa hal yang saya dapat melakukan",
+        "unban_space_warning": "Mereka tidak dapat mengakses apa saja yang Anda bukan admin di sana.",
+        "unignore_button": "Batalkan pengabaian",
+        "verification_unavailable": "Verifikasi pengguna tidak tersedia",
+        "verify_button": "Verifikasi Pengguna",
+        "verify_explainer": "Untuk keamanan lebih, verifikasi pengguna ini dengan memeriksa kode satu kali di kedua perangkat Anda."
+    },
+    "voip": {
+        "already_in_call": "Sudah ada di panggilan",
+        "already_in_call_person": "Anda sudah ada di panggilan dengan orang itu.",
+        "answered_elsewhere": "Dijawab di Perangkat Lain",
+        "answered_elsewhere_description": "Panggilan dijawab di perangkat lainnya.",
+        "call_failed": "Panggilan Gagal",
+        "call_failed_description": "Panggilan tidak dapat dilakukan",
+        "call_failed_media": "Panggilan gagal karena webcam atau mikrofon tidak dapat diakses. Periksa bahwa:",
+        "call_failed_media_applications": "Tidak ada aplikasi lain yang menggunakan webcam",
+        "call_failed_media_connected": "Mikrofon dan webcam telah dicolokkan dan diatur dengan benar",
+        "call_failed_media_permissions": "Izin diberikan untuk menggunakan webcam",
+        "call_failed_microphone": "Panggilan gagal karena mikrofon tidak dapat diakses. Periksa apakah mikrofon sudah dicolokkan dan diatur dengan benar.",
+        "call_held": "%(peerName)s menahan panggilan",
+        "call_held_resume": "Anda menahan panggilan <a>Lanjutkan</a>",
+        "call_held_switch": "Anda menahan panggilan <a>Ubah</a>",
+        "call_toast_unknown_room": "Ruangan yang tidak diketahui",
+        "camera_disabled": "Kamera Anda dimatikan",
+        "camera_enabled": "Kamera Anda masih nyala",
+        "cannot_call_yourself_description": "Anda tidak dapat melakukan panggilan dengan diri sendiri.",
+        "close_lobby": "Tutup lobi",
+        "connecting": "Menghubungkan",
+        "connection_lost": "Koneksi ke server telah hilang",
+        "connection_lost_description": "Anda tidak dapat membuat panggilan tanpa terhubung ke server.",
+        "consulting": "Mengkonsultasi dengan %(transferTarget)s. <a>Transfer ke %(transferee)s</a>",
+        "default_device": "Perangkat Bawaan",
+        "dial": "Panggil",
+        "dialpad": "Tombol Penyetel",
+        "disable_camera": "Matikan kamera",
+        "disable_microphone": "Bisukan mikrofon",
+        "disabled_no_perms_start_video_call": "Anda tidak memiliki izin untuk memulai panggilan video",
+        "disabled_no_perms_start_voice_call": "Anda tidak memiliki izin untuk memulai panggilan suara",
+        "disabled_ongoing_call": "Panggilan sedang berlangsung",
+        "element_call": "Element Call",
+        "enable_camera": "Nyalakan kamera",
+        "enable_microphone": "Suarakan mikrofon",
+        "expand": "Kembali ke panggilan",
+        "get_call_link": "Bagikan tautan panggilan",
+        "hangup": "Akhiri",
+        "hide_sidebar_button": "Sembunyikan sisi bilah",
+        "input_devices": "Perangkat masukan",
+        "jitsi_call": "Konferensi Jitsi",
+        "legacy_call": "Panggilan Lawas",
+        "maximise": "Penuhi layar",
+        "maximise_call": "Maksimalkan panggilan",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Konferensi"
+        },
+        "minimise_call": "Minimalkan panggilan",
+        "misconfigured_server": "Panggilan gagal karena servernya tidak dikonfigurasi dengan benar",
+        "misconfigured_server_description": "Mohon tanyakan ke administrator homeserver Anda (<code>%(homeserverDomain)s</code>) untuk mengkonfigurasikan server TURN supaya panggilan dapat bekerja dengan benar.",
+        "misconfigured_server_fallback": "Secara alternatif, Anda dapat menggunakan server publik di <server/>, tetapi ini tidak akan selalu tersedia, dan akan membagikan alamat IP Anda dengan server itu. Anda juga dapat mengelola ini di Pengaturan.",
+        "misconfigured_server_fallback_accept": "Coba gunakan %(server)s",
+        "more_button": "Lagi",
+        "msisdn_lookup_failed": "Tidak dapat mencari nomor telepon",
+        "msisdn_lookup_failed_description": "Sebuah kesalahan terjadi mencari nomor teleponnya",
+        "msisdn_transfer_failed": "Tidak dapat memindahkan panggilan",
+        "n_people_joined": {
+            "one": "%(count)s orang bergabung",
+            "other": "%(count)s orang bergabung"
+        },
+        "no_audio_input_description": "Kami tidak menemukan sebuah mikrofon di perangkat Anda. Mohon periksa pengaturan Anda dan coba lagi.",
+        "no_audio_input_title": "Tidak ada mikrofon yang ditemukan",
+        "no_media_perms_description": "Anda mungkin perlu mengizinkan %(brand)s secara manual untuk mengakses mikrofon/webcam",
+        "no_media_perms_title": "Tidak ada izin media",
+        "no_permission_conference": "Izin Dibutuhkan",
+        "no_permission_conference_description": "Anda tidak memiliki permisi untuk memulai panggilan konferensi di ruang ini",
+        "on_hold": "%(name)s ditahan",
+        "output_devices": "Perangkat keluaran",
+        "screenshare_monitor": "Bagikan seluruh layar",
+        "screenshare_title": "Bagikan konten",
+        "screenshare_window": "Jendela aplikasi",
+        "show_sidebar_button": "Tampilkan sisi bilah",
+        "silence": "Diamkan panggilan",
+        "silenced": "Notifikasi dibisukan",
+        "start_screenshare": "Mulai membagikan layar Anda",
+        "stop_screenshare": "Berhenti membagikan layar Anda",
+        "too_many_calls": "Terlalu Banyak Panggilan",
+        "too_many_calls_description": "Anda telah mencapai jumlah maksimum panggilan pada waktu bersamaan.",
+        "transfer_consult_first_label": "Konsultasi dahulu",
+        "transfer_failed": "Pemindahan Gagal",
+        "transfer_failed_description": "Gagal untuk memindahkan panggilan",
+        "unable_to_access_audio_input_description": "Kami tidak dapat mengakses mikrofon Anda. Mohon periksa pengaturan browser Anda dan coba lagi.",
+        "unable_to_access_audio_input_title": "Tidak dapat mengakses mikrofon Anda",
+        "unable_to_access_media": "Tidak dapat mengakses webcam/mikrofon",
+        "unable_to_access_microphone": "Tidak dapat mengakses mikrofon",
+        "unknown_caller": "Penelpon tak dikenal",
+        "unknown_person": "pengguna tidak dikenal",
+        "unsilence": "Suara dinyalakan",
+        "unsupported": "Panggilan tidak didukung",
+        "unsupported_browser": "Anda tidak dapat membuat panggilan di browser ini.",
+        "user_busy": "Pengguna Sibuk",
+        "user_busy_description": "Pengguna yang Anda panggil sedang sibuk.",
+        "user_is_presenting": "%(sharerName)s sedang mempresentasi",
+        "video_call": "Panggilan video",
+        "video_call_incoming": "Panggilan video masuk",
+        "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",
+    "widget": {
+        "added_by": "Widget ditambahkan oleh",
+        "capabilities_dialog": {
+            "content_starting_text": "Widget ini ingin:",
+            "decline_all_permission": "Tolak Semua",
+            "remember_Selection": "Ingat pilihan saya untuk widget ini",
+            "title": "Setujui izin widget"
+        },
+        "capability": {
+            "always_on_screen_generic": "Tetap di layar Anda saat berjalan",
+            "always_on_screen_viewing_another_room": "Tetap di layar Anda saat melihat ruangan yang lain, saat berjalan",
+            "any_room": "Yang di atas, tetapi di ruangan apa saja dan Anda bergabung atau diundang juga",
+            "byline_empty_state_key": "dengan kunci status kosong",
+            "byline_state_key": "dengan kunci status %(stateKey)s",
+            "capability": "Kemampuan <b>%(capability)s</b>",
+            "change_avatar_active_room": "Ubah avatar ruangan aktif Anda",
+            "change_avatar_this_room": "Ubah avatar ruangan ini",
+            "change_name_active_room": "Ubah nama ruangan aktif Anda",
+            "change_name_this_room": "Ubah nama ruangan ini",
+            "change_topic_active_room": "Ubah topik ruangan aktif Anda",
+            "change_topic_this_room": "Ubah topik ruangan ini",
+            "receive_membership_active_room": "Lihat saat orang-orang bergabung, keluar, atau diundang dengan ruangan aktif Anda",
+            "receive_membership_this_room": "Lihat saat orang-orang bergabung, keluar, atau diundang dengan ruangan ini",
+            "remove_ban_invite_leave_active_room": "Keluarkan, cekal, atau undang orang-orang ke ruangan aktif Anda, dan keluarkan Anda sendiri",
+            "remove_ban_invite_leave_this_room": "Keluarkan, cekal, atau undang orang-orang ke ruangan ini, dan keluarkan Anda sendiri",
+            "see_avatar_change_active_room": "Lihat saat avatarnya diubah di ruangan aktif Anda",
+            "see_avatar_change_this_room": "Lihat saat avatarnya diubah di ruangan ini",
+            "see_event_type_sent_active_room": "Lihat peristiwa <b>%(eventType)s</b> yang terkirim ke ruangan aktif Anda",
+            "see_event_type_sent_this_room": "Lihat peristiwa <b>%(eventType)s</b> yang terkirim ke ruangan ini",
+            "see_images_sent_active_room": "Lihat gambar terkirim ke ruangan aktif Anda",
+            "see_images_sent_this_room": "Lihat gambar yang terkirim ke ruangan ini",
+            "see_messages_sent_active_room": "Lihat pesan yang terkirim ke ruangan aktif Anda",
+            "see_messages_sent_this_room": "Lihat pesan yang terkirim ke ruangan ini",
+            "see_msgtype_sent_active_room": "Lihat pesan <b>%(msgtype)s</b> yang terkirim ke ruangan aktif Anda",
+            "see_msgtype_sent_this_room": "Lihat pesan <b>%(msgtype)s</b> yang terkirim ke ruangan ini",
+            "see_name_change_active_room": "Lihat saat namanya diubah di ruangan aktif Anda",
+            "see_name_change_this_room": "Lihat saat namanya diubah di ruangan ini",
+            "see_sent_emotes_active_room": "Lihat emot terkirim ke ruangan aktif Anda",
+            "see_sent_emotes_this_room": "Lihat emot yang terkirim ke ruangan ini",
+            "see_sent_files_active_room": "Lihat file umum yang terkirim ke ruangan aktif Anda",
+            "see_sent_files_this_room": "Lihat file umum yang terkirim ke ruangan ini",
+            "see_sticker_posted_active_room": "Lihat saat seseorang mengirimkan sebuah stiker ke ruangan aktif Anda",
+            "see_sticker_posted_this_room": "Lihat saat sebuah stiker telah dikirim ke ruangan ini",
+            "see_text_messages_sent_active_room": "Lihat pesan teks yang terkirim ke ruangan aktif Anda",
+            "see_text_messages_sent_this_room": "Lihat pesan teks yang terkirim ke ruangan ini",
+            "see_topic_change_active_room": "Lihat saat topiknya diubah di ruangan aktif Anda",
+            "see_topic_change_this_room": "Lihat saat topiknya diubah di ruangan ini",
+            "see_videos_sent_active_room": "Lihat video yang terkirim ke ruangan aktif Anda",
+            "see_videos_sent_this_room": "Lihat video yang terkirim ke ruangan ini",
+            "send_emotes_active_room": "Kirim emot sebagai Anda di ruangan aktif Anda",
+            "send_emotes_this_room": "Kirim emot sebagai Anda di ruangan ini",
+            "send_event_type_active_room": "Kirim peristiwa <b>%(eventType)s</b> sebagai Anda di ruangan aktif Anda",
+            "send_event_type_this_room": "Kirim peristiwa <b>%(eventType)s</b> sebagai Anda di ruangan ini",
+            "send_files_active_room": "Kirim file umum sebagai Anda di ruangan aktif Anda",
+            "send_files_this_room": "Kirim file umum sebagai Anda di ruangan ini",
+            "send_images_active_room": "Kirim gambar sebagai Anda di ruangan aktif Anda",
+            "send_images_this_room": "Kirim gambar sebagai Anda di ruangan ini",
+            "send_messages_active_room": "Kirim pesan sebagai Anda di ruangan aktif Anda",
+            "send_messages_this_room": "Kirim pesan sebagai Anda di ruangan ini",
+            "send_msgtype_active_room": "Kirim pesan <b>%(msgtype)s</b> sebagai Anda di ruangan aktif Anda",
+            "send_msgtype_this_room": "Kirim pesan <b>%(msgtype)s</b> sebagai Anda di ruangan ini",
+            "send_stickers_active_room": "Kirim stiker ke ruangan aktif Anda",
+            "send_stickers_active_room_as_you": "Kirim stiker ke ruangan aktif Anda sebagai Anda",
+            "send_stickers_this_room": "Kirim stiker ke ruangan ini",
+            "send_stickers_this_room_as_you": "Kirim stiker ke ruangan ini sebagai Anda",
+            "send_text_messages_active_room": "Kirim pesan teks sebagai Anda di ruangan aktif Anda",
+            "send_text_messages_this_room": "Kirim pesan teks sebagai Anda di ruangan ini",
+            "send_videos_active_room": "Kirim video sebagai Anda di ruangan aktif Anda",
+            "send_videos_this_room": "Kirim video sebagai Anda di ruangan ini",
+            "specific_room": "Yang di atas, tetapi di <Room /> juga",
+            "switch_room": "Ubah ruangan apa yang Anda lihat",
+            "switch_room_message_user": "Ubah ruangan, pesan, atau pengguna apa saja yang Anda lihat"
+        },
+        "close_to_view_right_panel": "Tutup widget ini untuk menampilkannya di panel ini",
+        "context_menu": {
+            "delete": "Hapus widget",
+            "delete_warning": "Menghapus sebuah widget menghapusnya untuk semua pengguna di ruangan ini. Apakah Anda yakin untuk menghapus widget ini?"
+        },
+        "cookie_warning": "Widget ini mungkin menggunakan kuki.",
+        "error_hangup_description": "Anda terputus dari panggilan. (Terjadi kesalahan: %(message)s)",
+        "error_hangup_title": "Koneksi putus",
+        "error_loading": "Terjadi kesalahan saat memuat Widget",
+        "error_mixed_content": "Terjadi kesalahan — Konten tercampur",
+        "error_need_invite_permission": "Anda harus dapat mengundang pengguna untuk melakukannya.",
+        "error_need_kick_permission": "Anda harus dapat mengeluarkan pengguna untuk melakukan itu.",
+        "error_need_to_be_logged_in": "Anda harus masuk.",
+        "error_unable_start_audio_stream_description": "Tidak dapat memulai penyiaran audio.",
+        "error_unable_start_audio_stream_title": "Gagal untuk memulai siaran langsung",
+        "modal_data_warning": "Data di bawah ini dibagikan dengan %(widgetDomain)s",
+        "modal_title_default": "Widget Modal",
+        "no_name": "Aplikasi Tidak Diketahui",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Ingat ini",
+            "starting_text": "Widget ini akan memverifikasi ID pengguna Anda, tetapi tidak dapat melakukan aksi untuk Anda:",
+            "title": "Izinkan widget ini untuk memverifikasi identitas Anda"
+        },
+        "popout": "Widget popout",
+        "set_room_layout": "Tetapkan tata letak untuk semua orang",
+        "shared_data_avatar": "URL foto profil Anda",
+        "shared_data_device_id": "ID perangkat Anda",
+        "shared_data_lang": "Bahasa Anda",
+        "shared_data_mxid": "ID pengguna Anda",
+        "shared_data_name": "Nama tampilan Anda",
+        "shared_data_room_id": "ID Ruangan",
+        "shared_data_theme": "Tema Anda",
+        "shared_data_url": "URL %(brand)s",
+        "shared_data_warning": "Menggunakan widget ini mungkin membagikan data <helpIcon /> dengan %(widgetDomain)s.",
+        "shared_data_warning_im": "Menggunakan widget ini mungkin membagikan data <helpIcon /> dengan %(widgetDomain)s & manajer integrasi Anda.",
+        "shared_data_widget_id": "ID Widget",
+        "unencrypted_warning": "Widget tidak menggunakan enkripsi pesan.",
+        "unmaximise": "Minimalkan",
+        "unpin_to_view_right_panel": "Lepaskan pin widget ini untuk menampilkanya di panel ini"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Semua huruf besar hampir semudah dengan menebak semua huruf kecil",
+            "anotherWord": "Tambahkan satu atau dua kata lagi. Kata yang tidak biasa lebih baik.",
+            "associatedYears": "Hindari tahun yang terkait dengan Anda",
+            "capitalization": "Kapitalisasi tidak terlalu membantu",
+            "dates": "Hindari tanggal atau tahun yang terkait dengan Anda",
+            "l33t": "Pergantian yang dapat diprediksi seperti '@' daripada 'a' tidak terlalu membantu",
+            "longerKeyboardPattern": "Gunakan pola keyboard yang lebih panjang dengan lebih banyak putaran",
+            "noNeed": "Tidak perlu untuk simbol, digit, atau huruf besar",
+            "pwned": "Jika Anda menggunakan kata sandi ini di tempat lain, Anda harus mengubahnya.",
+            "recentYears": "Hindari tahun terkini",
+            "repeated": "HIndari kata dan karakter yang diulang",
+            "reverseWords": "Kata yang dibalik tidak terlalu susah untuk ditebak",
+            "sequences": "Hindari urutan",
+            "useWords": "Gunakan beberapa kata, hindari frasa yang umum"
+        },
+        "warnings": {
+            "common": "Ini adalah kata sandi yang sangat umum",
+            "commonNames": "Nama depan dan nama belakang umum mudah ditebak",
+            "dates": "Tanggal biasanya mudah untuk ditebak",
+            "extendedRepeat": "Kata yang berulang seperti \"abcabcabc\" masih sedikit susah untuk ditebak daripada \"abc\"",
+            "keyPattern": "Pola keyboard yang pendek mudah ditebak",
+            "namesByThemselves": "Nama depan dan nama belakang sendiri mudah ditebak",
+            "pwned": "Kata sandi Anda telah terekspos oleh pelanggaran data di Internet.",
+            "recentYears": "Tahun terkini masih mudah untuk ditebak",
+            "sequences": "Urutan seperti abc atau 6543 masih mudah untuk ditebak",
+            "similarToCommon": "Ini mirip dengan kata sandi yang biasa digunakan",
+            "simpleRepeat": "Kata yang berulang seperti \"aaa\" mudah untuk ditebak",
+            "straightRow": "Deretan tombol keyboard yang lurus mudah ditebak",
+            "topHundred": "Ini adalah 100 kata sandi umum teratas",
+            "topTen": "Ini adalah 10 kata sandi umum teratas",
+            "userInputs": "Seharusnya tidak ada data pribadi atau halaman yang terkait.",
+            "wordByItself": "Sebuah kata dengan sendirinya mudah ditebak"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/is.json b/apps/web/src/i18n/strings/is.json
new file mode 100644
index 00000000000..8211a133596
--- /dev/null
+++ b/apps/web/src/i18n/strings/is.json
@@ -0,0 +1,2861 @@
+{
+    "a11y": {
+        "jump_first_invite": "Fara í fyrsta boð.",
+        "n_unread_messages": {
+            "one": "1 ólesin skilaboð.",
+            "other": "%(count)s ólesin skilaboð."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 ólesin tilvísun í þig.",
+            "other": "%(count)s ólesin skilaboð að meðtöldum þar sem minnst er á þig."
+        },
+        "unread_messages": "Ólesin skilaboð."
+    },
+    "a11y_jump_first_unread_room": "Fara í fyrstu ólesnu spjallrásIna.",
+    "action": {
+        "accept": "Samþykkja",
+        "add": "Bæta við",
+        "add_existing_room": "Bæta við fyrirliggjandi spjallrás",
+        "apply": "Virkja",
+        "approve": "Samþykkja",
+        "back": "Til baka",
+        "call": "Símtal",
+        "cancel": "Hætta við",
+        "change": "Breyta",
+        "clear": "Hreinsa",
+        "click_to_copy": "Smelltu til að afrita",
+        "close": "Loka",
+        "collapse": "Fella saman",
+        "complete": "Fullklára",
+        "confirm": "Staðfesta",
+        "continue": "Halda áfram",
+        "copy": "Afrita",
+        "copy_link": "Afrita tengil",
+        "create": "Búa til",
+        "create_a_room": "Búa til spjallrás",
+        "create_account": "Búa til notandaaðgang",
+        "decline": "Hafna",
+        "delete": "Eyða",
+        "disable": "Gera óvirkt",
+        "disconnect": "Aftengjast",
+        "dismiss": "Hunsa",
+        "done": "Lokið",
+        "download": "Niðurhal",
+        "edit": "Breyta",
+        "enable": "Virkja",
+        "enter_fullscreen": "Fara í fullskjásstillingu",
+        "exit_fullscreeen": "Fara úr fullskjásstillingu",
+        "expand": "Fletta út",
+        "explore_rooms": "Kanna spjallrásir",
+        "export": "Flytja út",
+        "forward": "Áfram",
+        "go": "Fara",
+        "go_back": "Til baka",
+        "got_it": "Náði því",
+        "hide_advanced": "Fela ítarlegt",
+        "hold": "Bíða",
+        "ignore": "Hunsa",
+        "import": "Flytja inn",
+        "invite": "Bjóða",
+        "join": "Taka þátt",
+        "learn_more": "Kanna nánar",
+        "leave": "Fara út",
+        "leave_room": "Fara af spjallrás",
+        "logout": "Útskráning",
+        "manage": "Stjórna",
+        "maximise": "Hámarka",
+        "mention": "Minnst á",
+        "minimise": "Lágmarka",
+        "new_room": "Ný spjallrás",
+        "new_video_room": "Ný myndspjallrás",
+        "next": "Næsta",
+        "no": "Nei",
+        "ok": "Í lagi",
+        "open": "Opna",
+        "pin": "Pinni",
+        "quote": "Tilvitnun",
+        "react": "Bregðast við",
+        "refresh": "Endurlesa",
+        "register": "Nýskrá",
+        "remove": "Fjarlægja",
+        "rename": "Endurnefna",
+        "reply": "Svara",
+        "reply_in_thread": "Svara í spjallþræði",
+        "resend": "Endursenda",
+        "reset": "Endursetja",
+        "resume": "Halda áfram",
+        "retry": "Reyna aftur",
+        "review": "Yfirfara",
+        "revoke": "Afturkalla",
+        "save": "Vista",
+        "search": "Leita",
+        "send_report": "Senda kæru",
+        "share": "Deila",
+        "show": "Sýna",
+        "show_advanced": "Birta ítarlegt",
+        "show_all": "Sýna allt",
+        "sign_in": "Skrá inn",
+        "sign_out": "Skrá út",
+        "skip": "Sleppa",
+        "start": "Byrja",
+        "stop": "Stöðva",
+        "submit": "Senda inn",
+        "subscribe": "Skrá",
+        "transfer": "Flutningur",
+        "trust": "Treysta",
+        "try_again": "Reyna aftur",
+        "unban": "Afbanna",
+        "unignore": "Hætta að hunsa",
+        "unpin": "Losa",
+        "unsubscribe": "Afskrá",
+        "update": "Uppfæra",
+        "upgrade": "Uppfæra",
+        "upload": "Senda inn",
+        "verify": "Sannreyna",
+        "view": "Skoða",
+        "view_all": "Skoða allt",
+        "view_list": "Skoða lista",
+        "view_message": "Sjá skilaboð",
+        "view_source": "Skoða frumkóða",
+        "yes": "Já",
+        "zoom_in": "Renna að",
+        "zoom_out": "Renna frá"
+    },
+    "analytics": {
+        "accept_button": "Það er í góðu",
+        "bullet_1": "Við skráum <Bold>ekki</Bold> eða búum til snið með gögnum notendaaðganga",
+        "bullet_2": "Við deilum <Bold>ekki</Bold> upplýsingum með utanaðkomandi aðilum",
+        "consent_migration": "Þú hefur áður samþykkt að deila nafnlausum upplýsingum um notkun forritsins með okkur. Við erum að uppfæra hvernig það virkar.",
+        "disable_prompt": "Þú getur slökkt á þessu hvenær sem er í stillingunum",
+        "enable_prompt": "Hjálpaðu okkur að bæta %(analyticsOwner)s",
+        "learn_more": "Deildu nafnlausum gögnum til að hjálpa okkur við að greina vandamál. Ekkert persónulegt. Engir utanaðkomandi. <LearnMoreLink>Kanna nánar</LearnMoreLink>",
+        "privacy_policy": "Þú getur lesið skilmálana okkar <PrivacyPolicyUrl>hér</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Hjálpaðu okkur við að greina vandamál og bæta %(analyticsOwner)s með því að deila nafnlausum gögnum varðandi notkun. Til að skilja hvernig fólk notar saman mörg tæki, munum við útbúa tilviljanakennt auðkenni, sem tækin þín deila.",
+        "shared_data_heading": "Eftirfarandi gögnum gæti verið deilt:"
+    },
+    "auth": {
+        "account_clash": "Nýi aðgangurinn þinn (%(newAccountId)s) er skráður, eð þú ert þegar skráð/ur inn á öðrum notandaaðgangi (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Halda áfram með fyrri aðgangi",
+        "account_deactivated": "Þessi notandaaðgangur hefur verið gerður óvirkur.",
+        "autodiscovery_invalid_hs": "Slóð heimaþjóns virðist ekki beina á gildan heimaþjón",
+        "autodiscovery_invalid_hs_base_url": "Ógilt base_url fyrir m.homeserver",
+        "autodiscovery_invalid_is": "Slóð á auðkennisþjón virðist ekki vera á gildan auðkennisþjón",
+        "autodiscovery_invalid_is_base_url": "Ógilt base_url fyrir m.identity_server",
+        "autodiscovery_invalid_json": "Ógilt JSON",
+        "autodiscovery_unexpected_error_hs": "Óvænt villa kom upp við að lesa uppsetningu heimaþjóns",
+        "autodiscovery_unexpected_error_is": "Óvænt villa kom upp við að lesa uppsetningu auðkenningarþjóns",
+        "captcha_description": "Þessi heimaþjónn vill ganga úr skugga um að þú sért ekki vélmenni.",
+        "change_password_action": "Breyta lykilorði",
+        "change_password_confirm_invalid": "Lykilorðin samsvara ekki",
+        "change_password_confirm_label": "Staðfestu lykilorðið",
+        "change_password_current_label": "Núverandi lykilorð",
+        "change_password_empty": "Lykilorð mega ekki vera auð",
+        "change_password_mismatch": "Nýju lykilorðin eru ekki eins",
+        "change_password_new_label": "Nýtt lykilorð",
+        "check_email_resend_prompt": "Fékkstu ekki póstinn?",
+        "check_email_resend_tooltip": "Endursendi póst með staðfestingartengli!",
+        "check_email_wrong_email_button": "Settu aftur inn tölvupóstfangið þitt",
+        "check_email_wrong_email_prompt": "Rangt tölvupóstfang?",
+        "continue_with_idp": "Halda áfram með %(provider)s",
+        "continue_with_sso": "Halda áfram með %(ssoButtons)s",
+        "country_dropdown": "Fellilisti með löndum",
+        "create_account_prompt": "Nýr hérna? <a>Stofnaðu aðgang</a>",
+        "create_account_title": "Stofna notandaaðgang",
+        "email_discovery_text": "Notaðu tölvupóstfang til að geta verið finnanleg/ur fyrir tengiliðina þína.",
+        "email_field_label": "Tölvupóstfang",
+        "email_field_label_invalid": "Þetta lítur ekki út eins og gilt tölvupóstfang",
+        "email_field_label_required": "Skrifaðu netfang",
+        "email_help_text": "Bættu við tölvupóstfangi til að geta endurstillt lykilorðið þitt.",
+        "email_phone_discovery_text": "Notaðu tölvupóstfang eða símanúmer til að geta verið finnanleg/ur fyrir tengiliðina þína.",
+        "enter_email_heading": "Settu inn tölvupóstfangið þitt til að endurstilla lykilorðið þitt",
+        "failed_connect_identity_server": "Næ ekki sambandi við auðkennisþjón",
+        "failed_soft_logout_auth": "Tókst ekki að endurauðkenna",
+        "failed_soft_logout_homeserver": "Tókst ekki að endurauðkenna vegna vandamála með heimaþjón",
+        "forgot_password_email_invalid": "Tölvupóstfangið lítur ekki út fyrir að vera í lagi.",
+        "forgot_password_email_required": "Það þarf að setja inn tölvupóstfangið sem tengt er notandaaðgangnum þínum.",
+        "forgot_password_prompt": "Gleymdirðu lykilorðinu þínu?",
+        "forgot_password_send_email": "Senda tölvupóst",
+        "identifier_label": "Skrá inn með",
+        "incorrect_credentials": "Rangt notandanafn og/eða lykilorð.",
+        "incorrect_credentials_detail": "Athugaðu að þú ert að skrá þig inn á %(hs)s þjóninn, ekki inn á matrix.org.",
+        "incorrect_password": "Rangt lykilorð",
+        "log_in_new_account": "<a>Skráðu þig inn</a> í nýja notandaaðganginn þinn.",
+        "logout_dialog": {
+            "description": "Ertu viss um að þú viljir skrá þig út?",
+            "setup_key_backup_title": "Þú munt tapa dulrituðu skilaboðunum þínum",
+            "skip_key_backup": "Ég vil ekki dulrituðu skilaboðin mín"
+        },
+        "misconfigured_body": "Biddu kerfisstjórann á %(brand)s að athuga hvort <a>uppsetningin þín</a> innihaldi rangar eða tvíteknar færslur.",
+        "misconfigured_title": "%(brand)s-uppsetningin þín er rangt stillt",
+        "msisdn_field_description": "Aðrir notendur geta boðið þér á spjallrásir með því að nota nánari tengiliðaupplýsingar þínar",
+        "msisdn_field_label": "Sími",
+        "msisdn_field_number_invalid": "Þetta símanúmer lítur ekki rétt út, yfirfarðu það og prófaðu svo aftur",
+        "msisdn_field_required_invalid": "Settu inn símanúmer",
+        "no_hs_url_provided": "Engin slóð heimaþjóns tilgreind",
+        "oidc": {
+            "error_title": "Við gátum ekki skráð þig inn",
+            "missing_or_invalid_stored_state": "Við báðum vafrann þinn að muna hvaða heimaþjón þú notar til að skrá þig inn, en því miður virðist það hafa gleymst. Farðu á innskráningarsíðuna og reyndu aftur."
+        },
+        "password_field_label": "Settu inn lykilorð",
+        "password_field_strong_label": "Fínt, sterkt lykilorð!",
+        "password_field_weak_label": "Lykilorð er leyfilegt, en óöruggt",
+        "phone_label": "Sími",
+        "phone_optional_label": "Sími (valfrjálst)",
+        "qr_code_login": {
+            "waiting_for_device": "Bíð eftir að tækið skráist inn"
+        },
+        "register_action": "Búa til notandaaðgang",
+        "registration": {
+            "continue_without_email_description": "Bara til að minna á; ef þú gleymir lykilorðinu þínu, <b>þá er engin leið til að endurheimta aðganginn þinn</b>.",
+            "continue_without_email_field_label": "Tölvupóstfang (valfrjálst)",
+            "continue_without_email_title": "Halda áfram án tölvupósts"
+        },
+        "registration_disabled": "Nýskráning hefur verið gerð óvirk á þessum heimaþjóni.",
+        "registration_msisdn_field_required_invalid": "Settu inn símanúmer (nauðsynlegt á þessum heimaþjóni)",
+        "registration_successful": "Nýskráning tókst",
+        "registration_username_in_use": "Einhver annar er að nota þetta notandanafn. Prófaðu eitthvað annað, eða ef þetta ert þú, skaltu skrá þig inn hér fyrir neðan.",
+        "registration_username_unable_check": "Ekki er hægt að athuga hvort notandanafnið sé frátekið. Prófaðu aftur síðar.",
+        "registration_username_validation": "Notaðu einungis bókstafi, tölur, skástrik og undirstrik",
+        "reset_password": {
+            "confirm_new_password": "Staðfestu nýja lykilorðið",
+            "devices_logout_success": "Þú hefur verið skráður út úr öllum tækjum og munt ekki lengur fá ýti-tilkynningar. Til að endurvirkja tilkynningar, þarf að skrá sig aftur inn á hverju tæki fyrir sig.",
+            "password_not_entered": "Það verður að setja inn nýtt lykilorð.",
+            "passwords_mismatch": "Nýju lykilorðin verða að vera þau sömu.",
+            "reset_successful": "Lykilorðið þitt hefur verið endursett.",
+            "return_to_login": "Fara aftur í innskráningargluggann",
+            "sign_out_other_devices": "Skrá út af öllum tækjum"
+        },
+        "reset_password_action": "Endurstilla lykilorð",
+        "reset_password_email_field_description": "Notaðu tölvupóstfang til að endurheimta aðganginn þinn",
+        "reset_password_email_field_required_invalid": "Settu inn tölvupóstfang (nauðsynlegt á þessum heimaþjóni)",
+        "reset_password_email_not_found_title": "Tölvupóstfangið fannst ekki",
+        "reset_password_title": "Endurstilltu lykilorðið þitt",
+        "server_picker_custom": "Annar heimaþjónn",
+        "server_picker_description_matrix.org": "Taktu þátt ókeypis ásamt milljónum annarra á stærsta almenningsþjóninum",
+        "server_picker_dialog_title": "Ákveddu hvar aðgangurinn þinn er hýstur",
+        "server_picker_failed_validate_homeserver": "Ekki tókst að sannreyna heimaþjón",
+        "server_picker_invalid_url": "Ógild slóð",
+        "server_picker_learn_more": "Um heimaþjóna",
+        "server_picker_matrix.org": "Matrix.org is er heimsins stærsti opinberi heimaþjónninn, þannig að þar er góður staður fyrir marga.",
+        "server_picker_required": "Tilgreindu heimaþjón",
+        "server_picker_title": "Skráðu þig inn á heimaþjóninn þinn",
+        "server_picker_title_default": "Valkostir vefþjóns",
+        "server_picker_title_registration": "Hýsa notandaaðgang á",
+        "session_logged_out_description": "Í öryggisskyni hefur verið skráð út þessari setu. Skráðu þig aftur inn.",
+        "session_logged_out_title": "Skráð/ur út",
+        "set_email": {
+            "verification_pending_description": "Skoðaðu tölvupóstinn þinn og smelltu á tengilinn sem hann inniheldur. Þegar því er lokið skaltu smella á að halda áfram.",
+            "verification_pending_title": "Sannvottun í bið"
+        },
+        "set_email_prompt": "Viltu skrá tölvupóstfang?",
+        "sign_in_instead": "Skrá inn í staðinn",
+        "sign_in_instead_prompt": "Skrá inn í staðinn",
+        "sign_in_or_register": "Skráðu þig inn eða búðu til aðgang",
+        "sign_in_or_register_description": "Notaðu aðganginn þinn eða búðu til nýjan til að halda áfram.",
+        "sign_in_with_sso": "Skrá inn með einfaldri innskráningu (single sign-on)",
+        "soft_logout": {
+            "clear_data_button": "Hreinsa öll gögn",
+            "clear_data_title": "Hreinsa öll gögn í þessari setu?"
+        },
+        "soft_logout_heading": "Þú ert skráð/ur út",
+        "soft_logout_intro_password": "Settu inn lykilorðið þitt til að skrá þig inn og fáðu aftur aðgang að notandaaðgangnum þínum.",
+        "soft_logout_intro_sso": "Skráðu þig inn og fáðu aftur aðgang að notandaaðgangnum þínum.",
+        "soft_logout_intro_unsupported_auth": "Þú getur ekki skráð þig inn á notandaaðganginn þinn. Hafðu samband við stjórnanda heimaþjónsins þíns til að fá frekari upplýsingar.",
+        "soft_logout_subheading": "Hreinsa persónuleg gögn",
+        "sso": "Einföld innskráning (single-sign-on)",
+        "sso_complete_in_browser_dialog_title": "Farðu í vafrann þinn til að ljúka innskráningu",
+        "sso_failed_missing_storage": "Við báðum vafrann þinn að muna hvaða heimaþjón þú notar til að skrá þig inn, en því miður virðist það hafa gleymst. Farðu á innskráningarsíðuna og reyndu aftur.",
+        "sso_or_username_password": "%(ssoButtons)s eða %(usernamePassword)s",
+        "sync_footer_subtitle": "Þetta getur tekið dálítinn tíma ef þú tekur þátt í mörgum spjallrásum",
+        "uia": {
+            "code": "Kóði",
+            "email_auth_header": "Skoðaðu tölvupóstinn þinn til að halda áfram",
+            "email_resend_prompt": "Fékkstu hann ekki? <a>Endursenda hann</a>",
+            "email_resent": "Endursent!",
+            "fallback_button": "Hefja auðkenningu",
+            "msisdn": "Textaskilaboð hafa verið send á %(msisdn)s",
+            "msisdn_token_incorrect": "Rangt teikn",
+            "msisdn_token_prompt": "Settu inn kóðann sem þau innihalda:",
+            "password_prompt": "Staðfestu auðkennin þín með því að setja inn hér fyrir neðan lykilorðið á aðganginn þinn.",
+            "recaptcha_missing_params": "Vantar captcha fyrir dreifilykil í uppsetningu heimaþjónsins. Tilkynntu þetta til kerfisstjóra heimaþjónsins þíns.",
+            "sso_body": "Staðfestu viðbætingu þessa tölvupóstfangs með því að nota einfalda innskráningu (single-sign-on) til að sanna auðkennið þitt.",
+            "sso_failed": "Eitthvað fór úrskeiðis við að staðfesta auðkennin þín. Hættu við og prófaðu aftur.",
+            "sso_postauth_body": "Smelltu á hnappinn hér að neðan til að staðfesta auðkennið þitt.",
+            "sso_postauth_title": "Staðfestu til að halda áfram",
+            "sso_preauth_body": "Til að halda áfram skaltu nota einfalda innskráningu (single-sign-on) til að sanna auðkennið þitt.",
+            "sso_title": "Notaðu einfalda innskráningu (single-sign-on) til að halda áfram",
+            "terms": "Yfirfarðu og samþykktu reglur þessa heimaþjóns:",
+            "terms_invalid": "Yfirfarðu og samþykktu allar reglur þessa heimaþjóns"
+        },
+        "unsupported_auth_email": "Þessi heimaþjónn styður ekki innskráningu með tölvupóstfangi.",
+        "unsupported_auth_msisdn": "Þessi netþjónn styður ekki auðkenningu með símanúmeri.",
+        "username_field_required_invalid": "Settu inn notandanafn",
+        "username_in_use": "Einhver annar er að nota þetta notandanafn, prófaðu eitthvað annað.",
+        "verify_email_heading": "Skoðaðu tölvupóstinn þinn til að halda áfram"
+    },
+    "bug_reporting": {
+        "collecting_information": "Safna upplýsingum um útgáfu smáforrits",
+        "collecting_logs": "Safna atvikaskrám",
+        "description": "Atvikaskrár innihalda gögn varðandi virkni hugbúnaðarins en líka notandanafn þitt, auðkenni eða samnefni spjallrása sem þú hefur skoðað, hvaða viðmótshluta þú hefur átt við, auk notendanafna annarra notenda. Atvikaskrár innihalda ekki skilaboð.",
+        "download_logs": "Niðurhal atvikaskrá",
+        "downloading_logs": "Sæki atvikaskrá",
+        "github_issue": "Villutilkynning á GitHub",
+        "introduction": "Ef þú hefur tilkynnt vandamál í gegnum GitHub, þá geta atvikaskrár hjálpað okkur við að finna ástæður vandamálanna. ",
+        "logs_sent": "Sendi atvikaskrár",
+        "matrix_security_issue": "Til að tilkynna Matrix-tengd öryggisvandamál, skaltu lesa <a>Security Disclosure Policy</a> á matrix.org.",
+        "preparing_download": "Undirbý niðurhal atvikaskráa",
+        "preparing_logs": "Undirbý sendingu atvikaskráa",
+        "send_logs": "Senda atvikaskrá",
+        "submit_debug_logs": "Senda inn villuleitarskrár",
+        "textarea_label": "Minnispunktar",
+        "thank_you": "Takk fyrir!",
+        "title": "Tilkynningar um villur",
+        "uploading_logs": "Sendi inn atvikaskrár",
+        "waiting_for_server": "Bíð eftir svari frá vefþjóni"
+    },
+    "cannot_reach_homeserver": "Næ ekki að tengjast heimaþjóni",
+    "cannot_reach_homeserver_detail": "Gakktu úr skugga um að þú hafir stöðuga nettengingu, eða hafðu samband við kerfisstjóra netþjónsins þíns",
+    "cant_load_page": "Gat ekki hlaðið inn síðu",
+    "chat_card_back_action_label": "Til baka í spjall",
+    "chat_effects": {
+        "confetti_description": "Sendir skilaboðin með skrauti",
+        "confetti_message": "sendir skraut",
+        "fireworks_description": "Sendir skilaboðin með flugeldum",
+        "fireworks_message": "sendir flugelda",
+        "hearts_description": "Sendir skilaboðin með hjörtum",
+        "hearts_message": "sendir hjörtu",
+        "rainfall_description": "Sendir skilaboðin með rigningu",
+        "rainfall_message": "sendir rigningu",
+        "snowfall_description": "Sendir skilaboðin með snjókomu",
+        "snowfall_message": "sendir snjókomu",
+        "spaceinvaders_description": "Sendir skilaboðin með geimveruþema",
+        "spaceinvaders_message": "sendir geimverur til árásar"
+    },
+    "common": {
+        "access_token": "Aðgangsteikn",
+        "accessibility": "Auðveldað aðgengi",
+        "advanced": "Nánar",
+        "analytics": "Greiningar",
+        "and_n_others": {
+            "one": "og einn í viðbót...",
+            "other": "og %(count)s til viðbótar..."
+        },
+        "appearance": "Útlit",
+        "application": "Forrit",
+        "are_you_sure": "Ertu viss?",
+        "attachment": "Viðhengi",
+        "authentication": "Auðkenning",
+        "avatar": "Auðkennismynd",
+        "beta": "Beta-prófunarútgáfa",
+        "camera": "Myndavél",
+        "cameras": "Myndavélar",
+        "capabilities": "Geta",
+        "copied": "Afritað!",
+        "credits": "Framlög",
+        "dark": "Dökkt",
+        "description": "Lýsing",
+        "deselect_all": "Afvelja allt",
+        "device": "Tæki",
+        "edited": "breytti",
+        "email_address": "Tölvupóstfang",
+        "emoji": "Tjáningartáknmynd",
+        "encrypted": "Dulritað",
+        "error": "Villa",
+        "faq": "Algengar spurningar",
+        "feedback": "Umsagnir",
+        "filter_results": "Sía niðurstöður",
+        "forward_message": "Áframsenda skilaboð",
+        "general": "Almennt",
+        "go_to_settings": "Fara í stillingar",
+        "guest": "Gestur",
+        "help": "Hjálp",
+        "home": "Forsíða",
+        "homeserver": "Heimaþjónn",
+        "identity_server": "Auðkennisþjónn",
+        "image": "Mynd",
+        "integration_manager": "Samþættingarstýring",
+        "joined": "Gekk í hópinn",
+        "labs": "Tilraunir",
+        "legal": "Lagalegir fyrirvarar",
+        "light": "Ljóst",
+        "location": "Staðsetning",
+        "message": "Skilaboð",
+        "message_layout": "Framsetning skilaboða",
+        "microphone": "Hljóðnemi",
+        "modern": "Nútímalegt",
+        "mute": "Þagga niður",
+        "n_members": {
+            "one": "%(count)s þátttakandi",
+            "other": "%(count)s þátttakendur"
+        },
+        "n_rooms": {
+            "one": "%(count)s spjallrás",
+            "other": "%(count)s spjallrásir"
+        },
+        "name": "Heiti",
+        "no_results": "Engar niðurstöður",
+        "no_results_found": "Engar niðurstöður fundust",
+        "not_trusted": "Ekki treyst",
+        "off": "Slökkt",
+        "offline": "Ónettengt",
+        "on": "Kveikt",
+        "options": "Valkostir",
+        "orphan_rooms": "Aðrar spjallrásir",
+        "password": "Lykilorð",
+        "people": "Fólk",
+        "preferences": "Stillingar",
+        "presence": "Viðvera",
+        "preview_message": "Hæ þú. Þú ert algjört æði!",
+        "privacy": "Friðhelgi",
+        "private": "Einka",
+        "private_room": "Einkaspjallrás",
+        "private_space": "Einkasvæði",
+        "profile": "Notandasnið",
+        "public": "Opinbert",
+        "public_room": "Almenningsspjallrás",
+        "public_space": "Opinbert svæði",
+        "qr_code": "QR-kóði",
+        "random": "Slembið",
+        "reactions": "Viðbrögð",
+        "report_a_bug": "Tilkynna um villu",
+        "room": "Spjallrás",
+        "room_name": "Heiti spjallrásar",
+        "rooms": "Spjallrásir",
+        "secure_backup": "Varið öryggisafrit",
+        "select_all": "Velja allt",
+        "server": "Netþjónn",
+        "settings": "Stillingar",
+        "setup_secure_messages": "Setja upp örugg skilaboð",
+        "show_more": "Sýna meira",
+        "someone": "Einhver",
+        "space": "Bil",
+        "spaces": "Svæði",
+        "sticker": "Límmerki",
+        "stickerpack": "Límmerkjapakki",
+        "success": "Tókst",
+        "suggestions": "Tillögur",
+        "support": "Aðstoð",
+        "theme": "Þema",
+        "thread": "Spjallþráður",
+        "threads": "Spjallþræðir",
+        "timeline": "Tímalína",
+        "unencrypted": "Ódulritað",
+        "unmute": "Ekki þagga",
+        "unnamed_room": "Nafnlaus spjallrás",
+        "unnamed_space": "Nafnlaust svæði",
+        "unverified": "Óstaðfest",
+        "user_avatar": "Notandamynd",
+        "username": "Notandanafn",
+        "verified": "Staðfest",
+        "version": "Útgáfa",
+        "video_room": "Myndspjallrás",
+        "view_message": "Sjá skilaboð",
+        "warning": "Aðvörun"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Tilkynna öllum á spjallrásinni",
+            "command_a11y": "Orðaklárun skipana",
+            "command_description": "Skipanir",
+            "emoji_a11y": "Orðaklárun Emoji-tákna",
+            "notification_a11y": "Orðaklárun tilkynninga",
+            "notification_description": "Tilkynning á spjallrás",
+            "room_a11y": "Orðaklárun spjallrása",
+            "space_a11y": "Orðaklárun svæða",
+            "user_a11y": "Orðaklárun notanda",
+            "user_description": "Notendur"
+        },
+        "close_sticker_picker": "Fela límmerki",
+        "edit_composer_label": "Breyta skilaboðum",
+        "format_bold": "Feitletrað",
+        "format_code_block": "Kóðablokk",
+        "format_inline_code": "Kóði",
+        "format_insert_link": "Setja inn tengil",
+        "format_italic": "Skáletrað",
+        "format_italics": "Skáletrað",
+        "format_link": "Tengill",
+        "format_ordered_list": "Tölusettur listi",
+        "format_strikethrough": "Yfirstrikletrað",
+        "format_underline": "Undirstrikað",
+        "format_unordered_list": "Punktalisti",
+        "link_modal": {
+            "link_field_label": "Tengill",
+            "text_field_label": "Texti",
+            "title_create": "Búa til tengil",
+            "title_edit": "Breyta tengli"
+        },
+        "mode_plain": "Fela sniðmótun",
+        "mode_rich_text": "Sýna sniðmótun",
+        "no_perms_notice": "Þú hefur ekki heimild til að senda skilaboð á þessa spjallrás",
+        "placeholder": "Senda skilaboð…",
+        "placeholder_encrypted": "Senda dulrituð skilaboð…",
+        "placeholder_reply": "Senda svar…",
+        "placeholder_reply_encrypted": "Senda dulritað svar…",
+        "placeholder_thread": "Svara spjallþræði…",
+        "placeholder_thread_encrypted": "Svara dulrituðum þræði…",
+        "poll_button": "Könnun",
+        "poll_button_no_perms_description": "Þú hefur ekki aðgangsheimildir til að hefja kannanir á þessari spjallrás.",
+        "poll_button_no_perms_title": "Krafist er heimildar",
+        "replying_title": "Svara",
+        "room_upgraded_link": "Samtalið heldur áfram hér.",
+        "room_upgraded_notice": "Þessari spjallrás hefur verið skipt út og er hún ekki lengur virk.",
+        "send_button_title": "Senda skilaboð",
+        "send_button_voice_message": "Senda talskilaboð",
+        "send_voice_message": "Senda talskilaboð",
+        "stop_voice_message": "Stöðva upptöku",
+        "voice_message_button": "Talskilaboð"
+    },
+    "console_dev_note": "Ef þú veist hvað þú átt að gera, þá er Element með opinn grunnkóða; þú getur alltaf skoðað kóðann á GitHub (https://github.com/vector-im/element-web/) og lagt þitt af mörkum!",
+    "console_scam_warning": "Ef einhver sagði þér að afrita/líma eitthvað hér, eru miklar líkur á að það sé verið að gabba þig!",
+    "console_wait": "Bíddu!",
+    "create_room": {
+        "action_create_room": "Búa til spjallrás",
+        "action_create_video_room": "Búa til myndspjallrás",
+        "encryption_label": "Virkja enda-í-enda dulritun",
+        "error_title": "Mistókst að búa til spjallrás",
+        "generic_error": "Netþjónninn gæti verið undir miklu álagi eða ekki til taks, nú eða að þú hafir hitt á galla.",
+        "join_rule_invite": "Einkaspjallrás (einungis gegn boði)",
+        "join_rule_invite_label": "Aðeins fólk sem hefur verið boðið getur fundið og tekið þátt í þessari spjallrás.",
+        "join_rule_public_label": "Hver sem er getur fundið og tekið þátt í þessari spjallrás.",
+        "join_rule_public_parent_space_label": "Hver sem er getur fundið og tekið þátt í þessari spjallrás, ekki bara meðlimir í <SpaceName/>.",
+        "join_rule_restricted": "Sýnilegt meðlimum svæðis",
+        "join_rule_restricted_label": "Hver sem er í <SpaceName/> getur fundið og tekið þátt í þessari spjallrás.",
+        "name_validation_required": "Settu inn eitthvað nafn fyrir spjallrásina",
+        "room_visibility_label": "Sýnileiki spjallrásar",
+        "title_private_room": "Búa til einkaspjallrás",
+        "title_public_room": "Búa til opinbera almenningsspjallrás",
+        "title_video_room": "Búa til myndspjallrás",
+        "topic_label": "Umfjöllunarefni (valkvætt)",
+        "unsupported_version": "Þjónninn styður ekki tilgreinda útgáfu spjallrásarinnar."
+    },
+    "create_space": {
+        "add_details_prompt": "Bættu við nánari atriðum svo fólk eigi auðveldara með að þekkja þetta.",
+        "add_details_prompt_2": "Þú getur breytt þessu hvenær sem er.",
+        "add_existing_rooms_heading": "Hvað viltu skipuleggja?",
+        "address_label": "Vistfang",
+        "address_placeholder": "t.d. mitt-svæði",
+        "done_action": "Fara í svæðið mitt",
+        "done_action_first_room": "Fara í fyrstu spjallrásIna mína",
+        "explainer": "Svæði eru ný leið til að hópa fólk og spjallrásir. Hverskyns svæði langar þig til að útbúa? Þessu má breyta síðar.",
+        "failed_invite_users": "Mistókst að bjóða eftirfarandi notendum á svæðið þitt: %(csvUsers)s",
+        "invite_teammates_by_username": "Bjóða með notandanafni",
+        "invite_teammates_description": "Gakktu úr skugga um að rétta fólkið hafi aðgang. Þú getur boðið fleira fólki síðar.",
+        "invite_teammates_heading": "Bjóddu félögum þínum",
+        "label": "Búa til svæði",
+        "name_required": "Settu inn eitthvað nafn fyrir svæðið",
+        "personal_space": "Bara ég",
+        "personal_space_description": "Einkasvæði til að skipuleggja spjallrásirnar þínar",
+        "private_description": "Einungis gegn boði, best fyrir þig og lítinn hóp",
+        "private_heading": "Einkasvæðið þitt",
+        "private_personal_description": "Gakktu úr skugga um að rétta fólkið hafi aðgang að %(name)s",
+        "private_personal_heading": "Hverjum ertu að vinna með?",
+        "private_space": "Ég og félagar í teyminu mínu",
+        "private_space_description": "Einkasvæði fyrir þig og félaga í teyminu þínu",
+        "public_description": "Opið öllum, best fyrir dreifða hópa",
+        "public_heading": "Opinbera svæðið þitt",
+        "setup_rooms_community_description": "Búum til spjallrás fyrir hvern og einn þeirra.",
+        "share_description": "Í augnablikinu ert þetta bara þú, þetta verður enn betra með fleirum.",
+        "share_heading": "Deila %(name)s",
+        "skip_action": "Sleppa í bili",
+        "subspace_beta_notice": "Bættu svæði við eitthvað svæði sem þú stýrir.",
+        "subspace_dropdown_title": "Búa til svæði",
+        "subspace_existing_space_prompt": "Viltu frekar bæta við fyrirliggjandi svæði?",
+        "subspace_join_rule_invite_description": "Aðeins fólk sem hefur verið boðið getur fundið og tekið þátt í þessu svæði.",
+        "subspace_join_rule_invite_only": "Einkasvæði (einungis gegn boði)",
+        "subspace_join_rule_label": "Sýnileiki svæðis",
+        "subspace_join_rule_public_description": "Hver sem er getur fundið og tekið þátt í þessu svæði, ekki bara meðlimir í <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Hver sem er í <SpaceName/> getur fundið og tekið þátt."
+    },
+    "desktop_default_device_name": "%(brand)s borðtölvuútgáfa: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Virkir viðmótshlutar",
+        "category_other": "Annað",
+        "category_room": "Spjallrás",
+        "caution_colon": "Varúð:",
+        "client_versions": "Útgáfur biðlaraforrita",
+        "developer_mode": "Forritarahamur",
+        "developer_tools": "Forritunartól",
+        "edit_setting": "Breyta stillingu",
+        "edit_values": "Breyta gildum",
+        "empty_string": "<auður strengur>",
+        "event_content": "Efni atburðar",
+        "event_id": "Auðkenni atburðar: %(eventId)s",
+        "event_sent": "Atburður sendur!",
+        "event_type": "Tegund atburðar",
+        "explore_account_data": "Skoða aðgangsgögn",
+        "explore_room_account_data": "Skoða aðgangsgögn spjallrásar",
+        "explore_room_state": "Skoða stöðu spjallrásar",
+        "failed_to_find_widget": "Það kom upp villa við að finna þennan viðmótshluta.",
+        "failed_to_load": "Mistókst að hlaða inn.",
+        "failed_to_save": "Mistókst að vista stillingar.",
+        "failed_to_send": "Mistókst að senda atburð!",
+        "invalid_json": "Þetta lítur ekki út eins og gilt JSON.",
+        "level": "Stig",
+        "low_bandwidth_mode": "Hamur fyrir litla bandbreidd",
+        "low_bandwidth_mode_description": "Krefst samhæfðs heimaþjóns.",
+        "number_of_users": "Fjöldi notenda",
+        "room_id": "Auðkenni spjallrásar: %(roomId)s",
+        "save_setting_values": "Vista gildi valkosta",
+        "send_custom_state_event": "Senda sérsniðinn stöðuatburð",
+        "send_custom_timeline_event": "Senda sérsniðinn tímalínuatburð",
+        "server_info": "Upplýsingar um þjón",
+        "server_versions": "Útgáfur þjóna",
+        "settable_global": "Stillanlegt víðvært",
+        "settable_room": "Stillanlegt fyrir hverja spjallrás",
+        "setting_colon": "Stilling:",
+        "setting_definition": "Skilgreining stillingar:",
+        "setting_id": "Auðkenni stillingar",
+        "show_hidden_events": "Birta falda atburði í tímalínu",
+        "spaces": {
+            "one": "<svæði>",
+            "other": "<%(count)s svæði>"
+        },
+        "state_key": "Stöðulykill",
+        "title": "Forritunartól",
+        "toolbox": "Verkfærakassi",
+        "use_at_own_risk": "Þetta viðmót athugar EKKI tegundir gildanna. Notist á eigin ábyrgð.",
+        "value": "Gildi",
+        "value_colon": "Gildi:",
+        "value_in_this_room": "Gildi á þessari spjallrás",
+        "value_this_room_colon": "Gildi á þessari spjallrás:",
+        "values_explicit": "Gildi á skilgreindum stigum",
+        "values_explicit_colon": "Gildi á skilgreindum stigum:",
+        "values_explicit_room": "Gildi á skilgreindum stigum í þessari spjallrás",
+        "values_explicit_this_room_colon": "Gildi á skilgreindum stigum í þessari spjallrás:",
+        "view_servers_in_room": "Skoða netþjóna á spjallrás",
+        "widget_screenshots": "Virkja skjámyndir viðmótshluta í studdum viðmótshlutum"
+    },
+    "dialog_close_label": "Loka glugga",
+    "download_completed": "Niðurhali lokið",
+    "empty_room": "Tóm spjallrás",
+    "empty_room_was_name": "Tóm spjallrás (var %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Rangur öryggislykill"
+            },
+            "restoring": "Endurheimti lykla úr öryggisafriti",
+            "security_key_title": "Öryggislykill"
+        },
+        "bootstrap_title": "Set upp dulritunarlykla",
+        "confirm_encryption_setup_body": "Smelltu á hnappinn hér að neðan til að staðfesta uppsetningu á dulritun.",
+        "confirm_encryption_setup_title": "Staðfestu uppsetningu dulritunar",
+        "cross_signing_room_normal": "Þessi spjallrás er enda-í-enda dulrituð",
+        "cross_signing_room_verified": "Allir á þessari spjallrás eru staðfestir",
+        "cross_signing_room_warning": "Einhver er að nota óþekkta setu",
+        "cross_signing_user_normal": "Þér hefur ekki sannreynt þennan notanda.",
+        "cross_signing_user_verified": "Þú hefur sannreynt þennan notanda. Þessi notandi hefur sannreynt öll tæki þeirra.",
+        "cross_signing_user_warning": "Þessi notandi hefur ekki sannreynt öll tæki þeirra.",
+        "event_shield_reason_mismatched_sender_key": "Dulritað meðf ósannreyndu tæki",
+        "export_unsupported": "Vafrinn þinn styður ekki nauðsynlegar dulritunarviðbætur",
+        "import_invalid_keyfile": "Er ekki gild %(brand)s lykilskrá",
+        "import_invalid_passphrase": "Sannvottun auðkenningar mistókst: er lykilorðið rangt?",
+        "messages_not_secure": {
+            "cause_1": "Heimaþjónninn þinn",
+            "heading": "Eitt af eftirfarandi gæti verið berskjaldað:",
+            "title": "Skilaboðin þín eru ekki örugg"
+        },
+        "new_recovery_method_detected": {
+            "title": "Ný endurheimtuaðferð"
+        },
+        "recovery_method_removed": {
+            "title": "Endurheimtuaðferð fjarlægð"
+        },
+        "set_up_toast_title": "Setja upp varið öryggisafrit",
+        "unable_to_setup_keys_error": "Tókst ekki að setja upp lykla",
+        "verification": {
+            "accepting": "Samþykki…",
+            "after_new_login": {
+                "device_verified": "Tæki er sannreynt",
+                "skip_verification": "Sleppa sannvottun í bili",
+                "verify_this_device": "Sannreyna þetta tæki"
+            },
+            "cancelling": "Hætti við…",
+            "complete_action": "Náði því",
+            "complete_description": "Þér hefur tekist að sannreyna þennan notanda.",
+            "complete_title": "Sannreynt!",
+            "explainer": "Örugg skilaboð við þennan notanda eru enda-í-enda dulrituð þannig að enginn annar getur lesið þau.",
+            "in_person": "Til öryggis, gerðu þetta í eigin persónu eða notaðu einhverja samskiptaleið sem þú treystir.",
+            "incoming_sas_dialog_title": "Innkomin beiðni um sannvottun",
+            "other_party_cancelled": "Hinn aðilinn hætti við sannvottunina.",
+            "prompt_encrypted": "Sannreyndu alla notendur á spjallrás til að tryggja að hún sé örugg.",
+            "prompt_unencrypted": "Í dulrituðum spjallrásum skaltu sannreyna alla notendur til að tryggja að hún sé örugg.",
+            "qr_or_sas": "%(qrCode)s eða %(emojiCompare)s",
+            "qr_prompt": "Skanna þennan einstaka kóða",
+            "qr_reciprocate_same_shield_user": "Næstum því búið! Sýnir %(displayName)s sama skjöldinn?",
+            "request_toast_detail": "%(deviceId)s frá %(ip)s",
+            "sas_caption_self": "Sannreyndu þetta tæki með því að staðfesta eftirfarandi númer sem birtist á skjá þess.",
+            "sas_caption_user": "Sannreyndu þennan notanda með því að staðfesta eftirfarandi númer sem birtist á skjánum hans.",
+            "sas_description": "Berðu saman einstakar táknmyndir ef ekki er myndavél á tækjunum",
+            "sas_emoji_caption_user": "Sannreyndu þennan notanda með því að staðfesta eftirfarandi táknmynd sem birtist á skjánum hans.",
+            "sas_match": "Þau samsvara",
+            "sas_no_match": "Þau samsvara ekki",
+            "sas_prompt": "Bera saman einstakar táknmyndir",
+            "scan_qr": "Sannprófa með skönnun",
+            "scan_qr_explainer": "Biddu %(displayName)s um að skanna kóðann þinn:",
+            "start_button": "Hefja sannvottun",
+            "successful_user": "Þér hefur tekist að sannreyna %(displayName)s!",
+            "unsupported_method": "Fann ekki neina studda sannvottunaraðferð.",
+            "unverified_session_toast_title": "Ný innskráning. Varst þetta þú?",
+            "unverified_sessions_toast_description": "Yfirfarðu þetta til að tryggja að aðgangurinn þinn sé öruggur",
+            "unverified_sessions_toast_reject": "Seinna",
+            "unverified_sessions_toast_title": "Þú ert með óstaðfestar setur",
+            "verification_dialog_title_device": "Sannreyndu hitt tækið",
+            "verification_dialog_title_user": "Beiðni um sannvottun",
+            "verify_emoji": "Sannprófa með táknmyndum",
+            "verify_emoji_prompt": "Sannprófaðu með því að bera saman einstakar táknmyndir.",
+            "verify_emoji_prompt_qr": "Ef þú getur ekki skannað kóðann hér fyrir ofan, skaltu sannprófa með því að bera saman einstakar táknmyndir.",
+            "verify_later": "Ég mun sannreyna síðar",
+            "waiting_for_user_accept": "Bíð eftir að %(displayName)s samþykki…",
+            "waiting_other_device": "Bíð eftir að þú staðfestir á hinu tækinu…",
+            "waiting_other_device_details": "Bíð eftir að þú staðfestir á hinu tækinu, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Bíð eftir að %(displayName)s sannreyni…"
+        },
+        "verification_requested_toast_title": "Beðið um sannvottun",
+        "verify_toast_description": "Aðrir notendur gætu ekki treyst því",
+        "verify_toast_title": "Sannprófa þessa setu"
+    },
+    "error": {
+        "admin_contact": "<a>Hafðu samband við kerfisstjóra þjónustunnar þinnar</a> til að halda áfram að nota þessa þjónustu.",
+        "admin_contact_short": "Hafðu samband við <a>kerfisstjórann þinn</a>.",
+        "app_launch_unexpected_error": "Óvænt villa við undirbúning forritsins. Sjá nánar á stjórnskjá.",
+        "cannot_load_config": "Ekki er hægt að hlaða stillingaskrána: endurnýjaðu síðuna til að reyna aftur.",
+        "connection": "Vandamál kom upp í samskiptunum við heimaþjóninn, reyndu aftur síðar.",
+        "dialog_description_default": "Villa kom upp.",
+        "edit_history_unsupported": "Heimaþjóninn þinn virðist ekki styðja þennan eiginleika.",
+        "failed_copy": "Mistókst að afrita",
+        "hs_blocked": "Þessi heimaþjónn hefur verið útilokaður af kerfisstjóra hans.",
+        "invalid_configuration_no_server": "Ógild uppsetning: enginn sjálfgefinn vefþjónn tilgreindur.",
+        "invalid_json": "Element-stillingar þínar innihalda ógilt JSON. Leiðréttu vandamálið og endurlestu síðuna.",
+        "invalid_json_detail": "Skilaboðið frá þáttaranum er %(message)s",
+        "invalid_json_generic": "Ógilt JSON",
+        "mau": "Þessi heimaþjónn er kominn fram yfir takmörk á mánaðarlega virkum notendum.",
+        "misconfigured": "Element-tilvikið þitt er rangt stillt",
+        "non_urgent_echo_failure_toast": "Netþjónninn þinn er ekki að svara sumum <a>beiðnum</a>.",
+        "resource_limits": "Þessi heimaþjónn er kominn fram yfir takmörk á tilföngum sínum.",
+        "session_restore": {
+            "clear_storage_button": "Hreinsa gagnageymslu og skrá út",
+            "clear_storage_description": "Skrá út og fjarlægja dulritunarlykla?",
+            "description_1": "Villa kom upp þegar reynt var að endurheimta fyrri setuna þína.",
+            "description_3": "Hreinsun geymslu vafrans gæti lagað vandamálið en mun skrá þig út og valda því að dulritaður spjallferil verði ólæsilegur.",
+            "title": "Tókst ekki að endurheimta setu"
+        },
+        "something_went_wrong": "Eitthvað fór úrskeiðis!",
+        "storage_evicted_title": "Vantar setugögn",
+        "unknown": "Óþekkt villa",
+        "unknown_error_code": "óþekktur villukóði",
+        "update_power_level": "Mistókst að breyta valdastigi"
+    },
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Tókst ekki að afrita tengil á spjallrás á klippispjaldið.",
+            "title": "Tókst ekki að afrita tengil spjallrásar"
+        },
+        "error_loading_user_profile": "Gat ekki hlaðið inn notandasniði",
+        "forget_room_failed": "Mistókst að gleyma spjallrásinni %(errCode)s"
+    },
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Símtal í gangi",
+            "user": "%(senderName)s kom inn í símtalið",
+            "you": "Þú komst inn í símtalið"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s lauk símtalinu",
+            "you": "Þú laukst símtalinu"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s er að hringja",
+            "dm_send": "Bíð eftir svari",
+            "user": "%(senderName)s hóf símtal",
+            "you": "Þú hófst símtal"
+        }
+    },
+    "export_chat": {
+        "cancelled": "Hætt við útflutning",
+        "creator_summary": "%(creatorName)s bjó til þessa spjallrás.",
+        "current_timeline": "Núverandi tímalína",
+        "enter_number_between_min_max": "Settu inn tölu á milli %(min)s og %(max)s",
+        "error_fetching_file": "Villa við að sækja skrá",
+        "export_info": "Þetta er upphaf útflutning á <roomName/>. Var flutt út af <exporterDetails/> þann %(exportDate)s.",
+        "export_successful": "Útflutningur tókst!",
+        "exported_n_events_in_time": {
+            "one": "Flutti út %(count)s atburð á %(seconds)ssek",
+            "other": "Flutti út %(count)s atburði á %(seconds)ssek"
+        },
+        "exporting_your_data": "Útflutningur gagnanna þinna",
+        "fetched_n_events": {
+            "one": "Hef náð í %(count)s atburð að svo komnu",
+            "other": "Hef náð í %(count)s atburði að svo komnu"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Hef náð í %(count)s atburð á %(seconds)ssek",
+            "other": "Hef náð í %(count)s atburði á %(seconds)ssek"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Hef náð í %(count)s atburð af %(total)s",
+            "other": "Hef náð í %(count)s atburði af %(total)s"
+        },
+        "file_attached": "Viðhengd skrá",
+        "format": "Snið",
+        "from_the_beginning": "Frá byrjun",
+        "generating_zip": "Útbý ZIP-safnskrá",
+        "include_attachments": "Hafa með viðhengi",
+        "media_omitted": "Myndefni sleppt",
+        "media_omitted_file_size": "Myndefni sleppt - skráastærð fer fram úr hámarki",
+        "messages": "Skilaboð",
+        "num_messages": "Fjöldi skilaboða",
+        "num_messages_min_max": "Fjöldi skilaboða getur aðeins verið tala á milli %(min)s og %(max)s",
+        "number_of_messages": "Skilgreindu fjölda skilaboða",
+        "processing_event_n": "Vinn með atburð %(number)s af %(total)s",
+        "select_option": "Veldu úr valkostunum hér fyrir neðan til að flytja spjall út úr tímalínunni þinni",
+        "size_limit": "Stærðarmörk",
+        "size_limit_min_max": "Stærð getur aðeins verið tala á milli %(min)s og %(max)s",
+        "successful": "Útflutningur tókst",
+        "text": "Ósniðinn texti",
+        "title": "Flytja út spjall",
+        "topic": "Umfjöllunarefni: %(topic)s",
+        "unload_confirm": "Ertu viss um að þú viljir hætta á meðan þessum útflutningi stendur?"
+    },
+    "failed_load_async_component": "Mistókst að hlaða inn. Athugaðu nettenginguna þína og reyndu aftur.",
+    "feedback": {
+        "comment_label": "Athugasemd",
+        "send_feedback_action": "Senda umsögn",
+        "sent": "Umsögn send"
+    },
+    "file_panel": {
+        "empty_description": "Hengdu við skrár úr spjalli eða bara dragðu þær og slepptu einhversstaðar á spjallrásina.",
+        "empty_heading": "Engar skrár sýnilegar á þessari spjallrás",
+        "guest_note": "Þú verður að <a>skrá þig</a> til að geta notað þennan eiginleika",
+        "peek_note": "Þú verður að taka þátt í spjallrás til að sjá skrárnar á henni"
+    },
+    "forward": {
+        "filter_placeholder": "Leita að spjallrásum eða fólki",
+        "message_preview_heading": "Forskoðun skilaboða",
+        "no_perms_title": "Þú hefur ekki heimildir til að gera þetta",
+        "open_room": "Opin spjallrás",
+        "send_label": "Senda",
+        "sending": "Sendi"
+    },
+    "identity_server": {
+        "change": "Skipta um auðkennisþjón",
+        "change_prompt": "Aftengjast frá auðkennisþjóninum <current /> og tengjast í staðinn við <new />?",
+        "change_server_prompt": "Ef þú vilt ekki nota <server /> til að uppgötva og vera finnanleg/ur fyrir þá tengiliði sem þú þekkir, skaltu setja inn annan auðkennisþjón hér fyrir neðan.",
+        "checking": "Athuga með þjón",
+        "description_connected": "Þú ert núna að nota <server></server> til að uppgötva og vera finnanleg/ur fyrir þá tengiliði sem þú þekkir. Þú getur breytt auðkennisþjóninum hér fyrir neðan.",
+        "description_disconnected": "Þú ert núna ekki að nota neinn auðkennisþjón. Til að uppgötva og vera finnanleg/ur fyrir þá tengiliði sem þú þekkir, skaltu bæta við auðkennisþjóni hér fyrir neðan.",
+        "description_optional": "Að nota auðkennisþjón er valkvætt. Ef þú velur að nota ekki auðkennisþjón, munu aðrir notendur ekki geta fundið þig og þú munt ekki geta boðið öðrum með símanúmeri eða tölvupósti.",
+        "disconnect": "Aftengja auðkennisþjón",
+        "disconnect_anyway": "Aftengja samt",
+        "disconnect_personal_data_warning_1": "Þú ert áfram að <b>deila persónulegum gögnum</b> á auðkenningarþjóninum <idserver />.",
+        "disconnect_personal_data_warning_2": "Við mælum með því að þú fjarlægir tölvupóstföngin þín og símanúmer af auðkennisþjóninum áður en þú aftengist.",
+        "disconnect_server": "Aftengjast frá auðkennisþjóni <idserver />?",
+        "disconnect_warning": "Ef þú aftengist frá auðkennisþjóninum þínum, munu aðrir notendur ekki geta fundið þig og þú munt ekki geta boðið öðrum með símanúmeri eða tölvupósti.",
+        "do_not_use": "Ekki nota auðkennisþjón",
+        "error_connection": "Gat ekki tengst við auðkennisþjón",
+        "error_invalid": "Ekki gildur auðkennisþjónn (stöðukóði %(code)s)",
+        "error_invalid_or_terms": "Þjónustuskilmálar eru ekki samþykktir eða að auðkennisþjónn er ógildur.",
+        "no_terms": "Auðkennisþjónninn sem þú valdir er ekki með neina þjónustuskilmála.",
+        "suggestions": "Þú ættir:",
+        "suggestions_1": "að yfirfara vafraviðbæturnar þínar ef vera kynni að einhverjar þeirra loki á auðkenningarþjóninn (eins og t.d. Privacy Badger)",
+        "suggestions_2": "að hafa samband við stjórnendur auðkennisþjónsins <idserver />",
+        "suggestions_3": "bíða og reyna aftur síðar",
+        "url": "Auðkennisþjónn (%(server)s)",
+        "url_field_label": "Settu inn nýjan auðkennisþjón",
+        "url_not_https": "Slóð á auðkennisþjón verður að vera HTTPS"
+    },
+    "in_space": "Á svæðinu %(spaceName)s.",
+    "in_space1_and_space2": "Á svæðunum %(space1Name)s og %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "Á %(spaceName)s og %(count)s svæði til viðbótar.",
+        "other": "Á %(spaceName)s og %(count)s svæðum til viðbótar."
+    },
+    "incompatible_browser": {
+        "title": "Óstuddur vafri"
+    },
+    "info_tooltip_title": "Upplýsingar",
+    "integration_manager": {
+        "error_connecting": "Samþættingarstýringin er ekki nettengd og nær ekki að tengjast heimaþjóninum þínum.",
+        "error_connecting_heading": "Get ekki tengst samþættingarstýringu",
+        "explainer": "Samþættingarstýringar taka við stillingagögnum og geta breytt viðmótshlutum, sent boð í spjallrásir, auk þess að geta úthlutað völdum fyrir þína hönd.",
+        "manage_title": "Sýsla með samþættingar",
+        "use_im": "Notaðu samþættingarstýringu til að stýra vélmennum, viðmótshlutum og límmerkjapökkum.",
+        "use_im_default": "Notaðu samþættingarstýringu <b>(%(serverName)s)</b> til að stýra vélmennum, viðmótshlutum og límmerkjapökkum."
+    },
+    "integrations": {
+        "disabled_dialog_title": "Samþættingar eru óvirkar",
+        "impossible_dialog_description": "%(brand)s leyfir þér ekki að nota samþættingarstýringu til að gera þetta. Hafðu samband við kerfisstjóra.",
+        "impossible_dialog_title": "Samþættingar eru ekki leyfðar"
+    },
+    "invite": {
+        "email_caption": "Bjóða með tölvupósti",
+        "email_use_default_is": "Notaðu auðkennisþjón til að geta boðið með tölvupósti. <default>Notaðu sjálfgefinn auðkennisþjón (%(defaultIdentityServerName)s(</default> eða sýslaðu með þetta í <settings>stillingunum</settings>.",
+        "email_use_is": "Notaðu auðkennisþjón til að geta boðið með tölvupósti. Sýslaðu með þetta í <settings>stillingunum</settings>.",
+        "error_already_invited_room": "Notandanum hefur nú þegar verið boðið á spjallrásina",
+        "error_already_invited_space": "Notandanum hefur nú þegar verið boðið á svæðið",
+        "error_already_joined_room": "Notandinn er nú þegar á spjallrásinni",
+        "error_already_joined_space": "Notandinn er nú þegar á svæðinu",
+        "error_bad_state": "Notandinn þarf að vera afbannaður áður en að hægt er að bjóða þeim.",
+        "error_dm": "Það tókst ekki að útbúa beinu skilaboðin þin.",
+        "error_find_room": "Eitthvað fór úrskeiðis við að bjóða notendunum.",
+        "error_find_user_title": "Mistókst að finna eftirfarandi notendur",
+        "error_permissions_room": "Þú hefur ekki heimild til að bjóða fólk í þessa spjallrás.",
+        "error_permissions_space": "Þú hefur ekki heimild til að bjóða fólk á þetta svæði.",
+        "error_profile_undisclosed": "Notandinn gæti verið til eða ekki",
+        "error_unknown": "Óþekkt villa á þjóni",
+        "error_user_not_found": "Notandinn er ekki til",
+        "error_version_unsupported_room": "Heimaþjónn notandans styður ekki útgáfu spjallrásarinnar.",
+        "error_version_unsupported_space": "Heimaþjónn notandans styður ekki útgáfu svæðisins.",
+        "failed_generic": "Aðgerð tókst ekki",
+        "failed_title": "Mistókst að bjóða",
+        "invalid_address": "Óþekkjanlegt vistfang",
+        "name_email_mxid_share_room": "Bjóddu einhverjum með því að nota nafn, tölvupóstfang, notandanafn (eins og <userId/>) eða <a>deildu þessari spjallrás</a>.",
+        "name_email_mxid_share_space": "Bjóddu einhverjum með því að nota nafn, tölvupóstfang, notandanafn (eins og <userId/>) eða <a>deildu þessu svæði</a>.",
+        "name_mxid_share_room": "Bjóddu einhverjum með því að nota nafn, notandanafn (eins og <userId/>) eða <a>deildu þessari spjallrás</a>.",
+        "name_mxid_share_space": "Bjóddu einhverjum með því að nota nafn, notandanafn (eins og <userId/>) eða <a>deildu þessu svæði</a>.",
+        "recents_section": "Nýleg samtöl",
+        "room_failed_partial": "Við sendum hin boðin, en fólkinu hér fyrir neðan var ekki hægt að bjóða í <RoomName/>",
+        "room_failed_partial_title": "Sumar boðsbeiðnir var ekki hægt að senda",
+        "room_failed_title": "Mistókst að bjóða notendum í %(roomName)s",
+        "send_link_prompt": "Eða senda boðstengil",
+        "start_conversation_name_email_mxid_prompt": "Byrjaðu samtal með einhverjum með því að nota nafn viðkomandi, tölvupóstfang eða notandanafn (eins og <userId/>).",
+        "start_conversation_name_mxid_prompt": "Byrjaðu samtal með einhverjum með því að nota nafn viðkomandi eða notandanafn (eins og <userId/>).",
+        "suggestions_section": "Nýsend bein skilaboð",
+        "to_room": "Bjóða í %(roomName)s",
+        "to_space": "Bjóða inn á %(spaceName)s",
+        "transfer_dial_pad_tab": "Talnaborð",
+        "transfer_user_directory_tab": "Mappa notanda",
+        "unable_find_profiles_invite_label_default": "Bjóða samt",
+        "unable_find_profiles_invite_never_warn_label_default": "Bjóða samt og ekki vara mig við aftur",
+        "unable_find_profiles_title": "Eftirfarandi notendur eru mögulega ekki til"
+    },
+    "inviting_user1_and_user2": "Býð %(user1)s og %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Býð %(user)s og 1 öðrum",
+        "other": "Býð %(user)s og %(count)s til viðbótar"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> og einn til viðbótar",
+        "other": "<Items/> og %(count)s til viðbótar"
+    },
+    "keyboard": {
+        "activate_button": "Virkja valinn hnapp",
+        "autocomplete_cancel": "Hætta orðaklárun",
+        "autocomplete_force": "Þvinga klárun",
+        "autocomplete_navigate_next": "Næsta tillaga sjálfvirkrar orðaklárunar",
+        "autocomplete_navigate_prev": "Fyrri tillaga sjálfvirkrar orðaklárunar",
+        "backspace": "Baklykill (backspace)",
+        "cancel_reply": "Hætta við að svara skilaboðum",
+        "category_autocomplete": "Sjálfvirk orðaklárun",
+        "category_calls": "Símtöl",
+        "category_navigation": "Flakk",
+        "category_room_list": "Spjallrásalisti",
+        "close_dialog_menu": "Loka glugga eða samhengisvalmynd",
+        "composer_jump_end": "Hoppa á enda skrifreits",
+        "composer_jump_start": "Hoppa á byrjun skrifreits",
+        "composer_navigate_next_history": "Fara í næstu skilaboð í ferli skrifreits",
+        "composer_navigate_prev_history": "Fara í næstu skilaboð í ferli skrifreits",
+        "composer_new_line": "Ný lína",
+        "composer_redo": "Endurtaka breytingu",
+        "composer_toggle_bold": "Víxla feitletruðu af/á",
+        "composer_toggle_code_block": "Víxla kóðablokk af/á",
+        "composer_toggle_italics": "Víxla skáletruðu af/á",
+        "composer_toggle_link": "Víxla tengli af/á",
+        "composer_toggle_quote": "Víxla tilvitnun af/á",
+        "composer_undo": "Afturkalla breytingu",
+        "dismiss_read_marker_and_jump_bottom": "Hunsa lesmerki og hoppa neðst",
+        "go_home_view": "Fara á forsíðu",
+        "home": "Forsíða",
+        "jump_first_message": "Fara í fyrstu skilaboðin",
+        "jump_last_message": "Fara í síðustu skilaboðin",
+        "jump_room_search": "Hoppa í leit í spjallrásum",
+        "jump_to_read_marker": "Fara í elstu ólesnu skilaboð",
+        "keyboard_shortcuts_tab": "Opna þennan stillingaflipa",
+        "navigate_next_history": "Næsta nýlega heimsótt spjallrás eða svæði",
+        "navigate_next_message_edit": "Fara í næstu skilaboð sem á að breyta",
+        "navigate_prev_history": "Fyrra nýlega heimsótt spjallrás eða svæði",
+        "navigate_prev_message_edit": "Fara í fyrri skilaboð sem á að breyta",
+        "next_room": "Næsta spjallrás eða bein skilaboð",
+        "next_unread_room": "Næsta ólesna spjallrás eða bein skilaboð",
+        "number": "[tala]",
+        "open_user_settings": "Opna notandastillingar",
+        "page_down": "Síða niður",
+        "page_up": "Síða upp",
+        "prev_room": "Fyrri spjallrás eða bein skilaboð",
+        "prev_unread_room": "Fyrri ólesna spjallrás eða bein skilaboð",
+        "room_list_collapse_section": "Fella saman hluta spjallrásalista",
+        "room_list_expand_section": "Fletta út hluta spjallrásalista",
+        "room_list_navigate_down": "Fara niður í spjallrásalista",
+        "room_list_navigate_up": "Fara upp í spjallrásalista",
+        "room_list_select_room": "Veldu spjallrás úr spjallrásalistanum",
+        "scroll_down_timeline": "Skruna niður í tímalínu",
+        "scroll_up_timeline": "Skruna upp í tímalínu",
+        "search": "Leita (verður að vera virkjað)",
+        "send_sticker": "Senda límmerki",
+        "space": "Bil",
+        "switch_to_space": "Skipta yfir í spjallrás með númeri",
+        "toggle_hidden_events": "Víxla sýnileika falins atburðar",
+        "toggle_microphone_mute": "Víxla þöggun hljóðnema af/á",
+        "toggle_right_panel": "Víxla hægra hliðarspjaldi af/á",
+        "toggle_space_panel": "Víxla svæðaspjaldi af/á",
+        "toggle_top_left_menu": "Víxla valmynd efst til vinstri af/á",
+        "toggle_webcam_mute": "Víxla vefmyndavél af/á",
+        "upload_file": "Senda inn skrá"
+    },
+    "labs": {
+        "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.",
+        "beta_feedback_title": "%(featureName)s beta umsögn",
+        "beta_section": "Væntanlegir eiginleikar",
+        "bridge_state": "Sýna upplýsingar um brýr í stillingum spjallrása",
+        "bridge_state_channel": "Rás: <channelLink/>",
+        "bridge_state_creator": "Brúin var veitt af <user />.",
+        "bridge_state_manager": "Þessari brú er stýrt af <user />.",
+        "bridge_state_workspace": "Vinnusvæði: <networkLink/>",
+        "click_for_info": "Smelltu til að sjá frekari upplýsingar",
+        "currently_experimental": "Í augnablikinu á tilraunastigi.",
+        "custom_themes": "Stuðningur við að bæta við sérsniðnum þemum",
+        "group_developer": "Forritari",
+        "group_encryption": "Dulritun",
+        "group_experimental": "Á tilraunastigi",
+        "group_messaging": "Skilaboð",
+        "group_moderation": "Umsjón",
+        "group_profile": "Notandasnið",
+        "group_rooms": "Spjallrásir",
+        "group_spaces": "Svæði",
+        "group_themes": "Þemu",
+        "group_threads": "Spjallþræðir",
+        "group_voip": "Tal og myndmerki",
+        "group_widgets": "Viðmótshlutar",
+        "join_beta": "Taka þátt í Beta-prófunum",
+        "join_beta_reload": "Ef tekið er þátt í beta-prófunum verður %(brand)s endurhlaðið.",
+        "jump_to_date": "Hoppa á dagsetningu (bætir við /jumptodate og jump to date hausum)",
+        "latex_maths": "Myndgera LaTeX-stærðfræðitákn í skilaboðum",
+        "leave_beta": "Fara út úr Beta-prófunarútgáfu",
+        "location_share_live": "Deiling staðsetningar í rauntíma",
+        "location_share_live_description": "Bráðabirgðaútfærsla. Staðsetningar haldast í ferli spjallrása.",
+        "mjolnir": "Nýjar leiðir til að hunsa fólk",
+        "msc3531_hide_messages_pending_moderation": "Láta umsjónarmenn fela skilaboð sem bíða yfirferðar.",
+        "video_rooms": "Myndspjallrásir",
+        "video_rooms_a_new_way_to_chat": "Ný leið til að spjalla með tali og myndmerki í %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Myndspjallrásir eru sívirkar VoIP-rásir sem ívafðar eru í spjallrásir innan %(brand)s.",
+        "video_rooms_beta": "Myndspjallrásir eru beta-prófunareiginleiki",
+        "video_rooms_faq1_answer": "Notaðu “+” hnappinn í spjallrásarhluta hliðarspjaldsins vinstra megin.",
+        "video_rooms_faq1_question": "Hvernig bý ég til myndspjallrás?",
+        "video_rooms_faq2_answer": "Já, tímalína spjallsins birtist við hlið myndmerkisins.",
+        "video_rooms_faq2_question": "Get ég notað textaspjall samhliða myndsímtali?",
+        "wysiwyg_composer": "Þróaður textaritill"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Þessar stillingar eru ætlaðar fyrir þaulvana notendur.",
+        "ban_reason": "Hunsað/Hindrað",
+        "error_adding_ignore": "Villa við að bæta við hunsuðum notanda/netþjóni",
+        "error_adding_list_description": "Yfirfarðu auðkenni spjallrásar og vistfang hennar og reyndu aftur.",
+        "error_adding_list_title": "Villa við að gerast áskrifandi að lista",
+        "error_removing_ignore": "Villa við að fjarlægja hunsaða notanda/netþjón",
+        "error_removing_list_description": "Reyndu aftur eða skoðaðu vísbendingar á stjórnskjánum þínum.",
+        "error_removing_list_title": "Galli við að afskrá frá lista",
+        "lists": "Þú ert skráður til:",
+        "lists_heading": "Skráðir listar",
+        "lists_new_label": "Auðkenni spjallrásar eða vistfang bannlista",
+        "no_lists": "Þú ert ekki skráður fyrir neina lista",
+        "personal_empty": "Þú hefur ekki hunsað nein.",
+        "personal_heading": "Persónulegur bannlisti",
+        "personal_new_label": "Netþjónn eða auðkenni notanda sem á að hunsa",
+        "personal_new_placeholder": "t.d.: @vélmenni:* eða dæmi.is",
+        "personal_section": "Þú ert að hunsa:",
+        "room_name": "Bannlistinn minn",
+        "room_topic": "Þetta er listinn þinn yfir notendur/netþjóna sem þú hefur lokað á - ekki fara af spjallsvæðinu!",
+        "rules_empty": "Ekkert",
+        "rules_server": "Reglur netþjóns",
+        "rules_title": "Reglur bannlista - %(roomName)s",
+        "rules_user": "Reglur notanda",
+        "something_went_wrong": "Eitthvað fór úrskeiðis. Reyndu aftur eða skoðaðu vísbendingar á stjórnskjánum þínum.",
+        "title": "Hunsaðir notendur",
+        "view_rules": "Skoða reglur"
+    },
+    "language_dropdown_label": "Fellilisti tungumála",
+    "leave_room_dialog": {
+        "last_person_warning": "Þú ert eini eintaklingurinn hérna. Ef þú ferð út, mun enginn framar geta tekið þátt, að þér meðtöldum.",
+        "leave_room_question": "Ertu viss um að þú viljir yfirgefa spjallrásina '%(roomName)s'?",
+        "leave_space_question": "Ertu viss um að þú viljir yfirgefa svæðið '%(spaceName)s'?",
+        "room_rejoin_warning": "Þessi spjallrás er ekki opinber. Þú munt ekki geta tekið aftur þátt nema að vera boðið.",
+        "space_rejoin_warning": "Þetta svæði er ekki opinbert. Þú munt ekki geta tekið aftur þátt nema að vera boðið."
+    },
+    "lightbox": {
+        "rotate_left": "Snúa til vinstri",
+        "rotate_right": "Snúa til hægri"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Heimaþjónninn er ekki stilltur til að birta landakort.",
+        "MapStyleUrlNotReachable": "Heimaþjónninn er ekki rétt stilltur til að geta birt landakort, eða að uppsettur kortaþjónn er ekki aðgengilegur.",
+        "click_drop_pin": "Smelltu til að sleppa pinna",
+        "click_move_pin": "Smelltu til að færa pinnann",
+        "close_sidebar": "Loka hliðarstiku",
+        "error_fetch_location": "Gat ekki náð í staðsetningu",
+        "error_no_perms_title": "Þú hefur ekki heimildir til að deila staðsetningum",
+        "error_send_description": "%(brand)s gat ekki sent staðsetninguna þína. Reyndu aftur síðar.",
+        "error_send_title": "Við gátum ekki sent staðsetninguna þína",
+        "expand_map": "Stækka landakort",
+        "failed_generic": "Mistókst að sækja staðsetninguna þína. Reyndu aftur síðar.",
+        "failed_load_map": "Gat ekki hlaðið inn landakorti",
+        "failed_permission": "%(brand)s hefur ekki heimildir til að ná í staðsetninguna þína. Leyfðu aðgang að staðsetningum í stillingum vafrans þíns.",
+        "failed_timeout": "Rann út á tíma við að sækja staðsetninguna þína. Reyndu aftur síðar.",
+        "failed_unknown": "Óþekkt villa kom upp við að sækja staðsetningu. Reyndu aftur síðar.",
+        "find_my_location": "Finna staðsetningu mína",
+        "live_description": "Staðsetning fyrir %(displayName)s í rauntíma",
+        "live_enable_heading": "Deiling staðsetningar í rauntíma",
+        "live_location_active": "Þú ert að deila staðsetninu þinni í rauntíma",
+        "live_location_enabled": "Staðsetning í rauntíma virkjuð",
+        "live_location_ended": "Staðsetningu í rauntíma lauk",
+        "live_location_error": "Villa í rauntímastaðsetningu",
+        "live_locations_empty": "Engar staðsetningar í rauntíma",
+        "live_share_button": "Deila í %(duration)s",
+        "live_toggle_label": "Virkja deilingu rauntímastaðsetninga",
+        "location_not_available": "Staðsetning ekki tiltæk",
+        "mapbox_logo": "Mapbox-táknmerki",
+        "reset_bearing": "Frumstilla stefnu á norður",
+        "share_button": "Deila staðsetningu",
+        "share_type_live": "Staðsetning mín í rauntíma",
+        "share_type_own": "Núverandi staðsetning mín",
+        "share_type_pin": "Sleppa pinna",
+        "share_type_prompt": "Hvaða gerð staðsetningar vilt þú deila?",
+        "toggle_attribution": "Víxla tilvísun af/á"
+    },
+    "member_list": {
+        "filter_placeholder": "Sía meðlimi spjallrásar"
+    },
+    "member_list_back_action_label": "Meðlimir spjallrásar",
+    "message_edit_dialog_title": "Breytingar á skilaboðum",
+    "mobile_guide": {
+        "toast_accept": "Nota smáforrit",
+        "toast_description": "%(brand)s í farsímavafra er á tilraunastigi. Til að fá eðlilegri hegðun og nýjustu eiginleikana, ættirðu að nota til þess gerða smáforritið okkar.",
+        "toast_title": "Notaðu smáforritið til að njóta betur reynslunnar"
+    },
+    "no_more_results": "Ekki fleiri niðurstöður",
+    "notif_panel": {
+        "empty_description": "Þú átt engar sýnilegar tilkynningar.",
+        "empty_heading": "Þú hefur klárað að lesa allt"
+    },
+    "notifications": {
+        "all_messages": "Öll skilaboð",
+        "all_messages_description": "Fáðu tilkynningu fyrir öll skilaboð",
+        "class_global": "Víðvært",
+        "class_other": "Annað",
+        "default": "Sjálfgefið",
+        "enable_prompt_toast_description": "Virkja tilkynningar á skjáborði",
+        "enable_prompt_toast_title": "Tilkynningar",
+        "enable_prompt_toast_title_from_message_send": "Ekki missa af svari",
+        "error_change_title": "Breytta tilkynningastillingum",
+        "keyword": "Stikkorð",
+        "keyword_new": "Nýtt stikkorð",
+        "level_activity": "Virkni",
+        "level_none": "Ekkert",
+        "level_unsent": "Ósent",
+        "mark_all_read": "Merkja allt sem lesið",
+        "mentions_and_keywords": "@minnst á og stikkorð",
+        "mentions_keywords": "Tilvísanir og stikkorð",
+        "message_didnt_send": "Mistókst að senda skilaboð. Smelltu til að fá nánari upplýsingar.",
+        "mute_description": "Þú munt ekki fá neinar tilkynningar"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s biður um sannvottun"
+    },
+    "onboarding": {
+        "create_room": "Búa til hópspjall",
+        "explore_rooms": "Kanna almenningsspjallrásir",
+        "has_avatar_label": "Frábært, það mun hjálpa fólki að vita að þetta sért þú",
+        "intro_byline": "Eigðu samtölin þín.",
+        "intro_welcome": "Velkomin í %(appName)s",
+        "no_avatar_label": "Bættu við mynd, svo fólk viti að þetta sért þú.",
+        "send_dm": "Senda bein skilaboð",
+        "welcome_detail": "Hefjumst handa við að koma þér í gang",
+        "welcome_user": "Velkomin/n %(name)s"
+    },
+    "poll": {
+        "create_poll_action": "Búa til könnun",
+        "create_poll_title": "Búa til könnun",
+        "disclosed_notes": "Kjósendur sjá niðurstöðurnar þegar þeir hafa kosið",
+        "edit_poll_title": "Breyta könnun",
+        "end_description": "Ertu viss um að þú viljir ljúka þessari könnun? Þetta mun birta lokaniðurstöður könnunarinnar og koma í veg fyrir að fólk geti kosið.",
+        "end_message": "Könnuninni er lokið. Efsta svarið: %(topAnswer)s",
+        "end_message_no_votes": "Könnuninni er lokið. Engin atkvæði voru greidd.",
+        "end_title": "Ljúka könnun",
+        "error_ending_description": "Því miður, könnuninni lauk ekki. Prófaðu aftur.",
+        "error_ending_title": "Mistókst að ljúka könnun",
+        "error_voting_description": "Því miður, atkvæðið þitt var ekki skráð. Prófaðu aftur.",
+        "error_voting_title": "Atkvæði ekki skráð",
+        "failed_send_poll_description": "Því miður, könnunin sem þú varst að reyna að útbúa birtist ekki.",
+        "failed_send_poll_title": "Mistókst að birta könnun",
+        "notes": "Niðurstöður birtast einungis eftir að þú hefur lokað könnuninni",
+        "options_add_button": "Bæta við valkosti",
+        "options_heading": "Búa til valkosti",
+        "options_label": "Valkostur %(number)s",
+        "options_placeholder": "Skrifaðu valmöguleika",
+        "topic_heading": "Hver er spurning eða viðfangsefni könnunarinnar?",
+        "topic_label": "Spurning eða viðfangsefni",
+        "total_n_votes": {
+            "one": "%(count)s atkvæði greitt. Greiddu atkvæði til að sjá útkomuna",
+            "other": "%(count)s atkvæði greidd. Greiddu atkvæði til að sjá útkomuna"
+        },
+        "total_n_votes_voted": {
+            "one": "Byggt á %(count)s atkvæði",
+            "other": "Byggt á %(count)s atkvæðum"
+        },
+        "total_no_votes": "Engin atkvæði greidd",
+        "total_not_ended": "Niðurstöður birtast einungis eftir að könnuninni hefur lokið",
+        "type_closed": "Lokuð könnun",
+        "type_heading": "Tegund könnunar",
+        "type_open": "Opna könnun",
+        "unable_edit_description": "Því miður, þú getur ekki breytt könnun eftir að atkvæði hafa verið greidd.",
+        "unable_edit_title": "Get ekki breytt könnun"
+    },
+    "power_level": {
+        "admin": "Stjórnandi",
+        "custom": "Sérsniðið (%(level)s)",
+        "custom_level": "Sérsniðið stig",
+        "default": "Sjálfgefið",
+        "label": "Stig valda",
+        "moderator": "Umsjónarmaður",
+        "restricted": "Takmarkað"
+    },
+    "powered_by_matrix": "Keyrt með Matrix",
+    "presence": {
+        "away": "Fjarverandi",
+        "busy": "Upptekinn",
+        "idle": "Iðjulaust",
+        "idle_for": "Aðgerðalaust í %(duration)s",
+        "offline": "Ónettengt",
+        "offline_for": "Ekki á netinu í %(duration)s",
+        "online": "Nettengt",
+        "online_for": "Á netinu í %(duration)s",
+        "unknown": "Óþekkt",
+        "unknown_for": "Óþekkt í %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "Allar stillingar",
+        "sidebar_settings": "Fleiri valkostir",
+        "title": "Flýtistillingar"
+    },
+    "quit_warning": {
+        "call_in_progress": "Það lítur út eins og þú sért í símtali, ertu viss um að þú viljir hætta?",
+        "file_upload_in_progress": "Það lítur út eins og þú sért að senda inn skrár, ertu viss um að þú viljir hætta?"
+    },
+    "redact": {
+        "confirm_button": "Staðfesta fjarlægingu",
+        "error": "Þú getur ekki eytt þessum skilaboðum. (%(code)s)",
+        "ongoing": "Er að fjarlægja…",
+        "reason_label": "Ástæða (valkvætt)"
+    },
+    "report_content": {
+        "description": "Tilkynning um þessi skilaboð mun senda einstakt 'atviksauðkenni' til stjórnanda heimaþjóns. Ef skilaboð í þessari spjallrás eru dulrituð getur stjórnandi heimaþjóns ekki lesið skilaboðatextann eða skoðað skrár eða myndir.",
+        "ignore_user": "Hunsa notanda",
+        "missing_reason": "Fylltu út skýringu á því hvers vegna þú ert að kæra.",
+        "report_content_to_homeserver": "Kæra efni til kerfisstjóra heimaþjónsins þíns"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Mistókst að afkóða %(failedCount)s setur!",
+        "enter_key_title": "Settu inn öryggislykil",
+        "enter_phrase_title": "Settu inn öryggisfrasa",
+        "incorrect_security_phrase_title": "Rangur öryggisfrasi",
+        "key_is_invalid": "Ekki gildur öryggislykill",
+        "key_is_valid": "Þetta lítur út eins og gildur öryggislykill!",
+        "keys_restored_title": "Dulritunarlyklar endurheimtir",
+        "load_error_content": "Tókst ekki að hlaða inn stöðu öryggisafritunar dulritunarlykla",
+        "load_keys_progress": "%(completed)s af %(total)s lyklum endurheimtir",
+        "no_backup_error": "Ekkert öryggisafrit fannst!",
+        "recovery_key_mismatch_title": "Misræmi í öryggislyklum",
+        "restore_failed_error": "Tekst ekki að endurheimta öryggisafrit"
+    },
+    "right_panel": {
+        "add_integrations": "Bæta við viðmótshlutum, brúm og vélmennum",
+        "files_button": "Skrár",
+        "pinned_messages": {
+            "limits": {
+                "other": "Þú getur bara fest allt að %(count)s viðmótshluta"
+            }
+        },
+        "pinned_messages_button": "Fest",
+        "poll": {
+            "final_result": {
+                "one": "Lokaniðurstöður byggðar á %(count)s atkvæði",
+                "other": "Lokaniðurstöður byggðar á %(count)s atkvæðum"
+            }
+        },
+        "room_summary_card": {
+            "title": "Upplýsingar um spjallrás"
+        },
+        "thread_list": {
+            "context_menu_label": "Valkostir spjallþráðar"
+        },
+        "video_room_chat": {
+            "title": "Spjall"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Þetta boð var sent til %(email)s sem er ekki tengt notandaaðgangnum þínum",
+        "3pid_invite_email_not_found_account_room": "Þetta boð í %(roomName)s var sent til %(email)s sem er ekki tengt notandaaðgangnum þínum",
+        "3pid_invite_error_invite_action": "Reyna samt að taka þátt",
+        "3pid_invite_error_public_subtitle": "Þú getur samt tekið þátt hér.",
+        "3pid_invite_error_title": "Eitthvað fór úrskeiðis varðandi boðið þitt.",
+        "3pid_invite_error_title_room": "Eitthvað fór úrskeiðis varðandi boðið þitt á %(roomName)s",
+        "banned_by": "Þú hefur verið settur í bann af %(memberName)s",
+        "banned_from_room_by": "Þú hefur verið settur í bann á %(roomName)s af %(memberName)s",
+        "context_menu": {
+            "copy_link": "Afrita tengil spjallrásar",
+            "favourite": "Eftirlæti",
+            "forget": "Gleyma spjallrás",
+            "low_priority": "Lítill forgangur",
+            "mark_read": "Merkja sem lesið",
+            "title": "Valkostir spjallrásar",
+            "unfavourite": "Í eftirlætum"
+        },
+        "dm_invite_action": "Hefja spjall",
+        "dm_invite_subtitle": "<userName/> langar til að spjalla",
+        "dm_invite_title": "Viltu spjalla við %(user)s?",
+        "drop_file_prompt": "Slepptu hér skrá til að senda inn",
+        "edit_topic": "Breyta umfjöllunarefni",
+        "error_join_404_invite": "Aðilinn sem bauð þér er þegar farinn eða að netþjónninn hans/hennar er ekki tengdur.",
+        "error_join_404_invite_same_hs": "Aðilinn sem bauð þér er þegar farinn.",
+        "error_join_connection": "Það kom upp villa við að taka þátt.",
+        "error_join_incompatible_version_1": "Því miður, heimaþjónninn þinn er of gamall til að taka þátt í þessu.",
+        "error_join_incompatible_version_2": "Hafðu samband við kerfisstjóra heimaþjónsins þíns.",
+        "error_join_title": "Mistókst að taka þátt",
+        "face_pile_summary": {
+            "one": "%(count)s aðili sem þú þekkir hefur þegar tekið þátt",
+            "other": "%(count)s aðilar sem þú þekkir hafa þegar tekið þátt"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Sjá 1 meðlim",
+            "other": "Sjá alla %(count)s meðlimina"
+        },
+        "face_pile_tooltip_shortcut": "Þar með taldir %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Að þér meðtöldum, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "Mistókst að hafna boði",
+        "forget_room": "Gleyma þessari spjallrás",
+        "forget_space": "Gleyma þessu svæði",
+        "header": {
+            "room_is_public": "Þessi spjallrás er opinber"
+        },
+        "inaccessible": "Þessi spjallrás eða svæði er ekki aðgengilegt í augnablikinu.",
+        "inaccessible_name": "%(roomName)s er ekki aðgengileg í augnablikinu.",
+        "inaccessible_subtitle_1": "Prófaðu aftur síðar, eða spurðu einhvern stjórnanda spjallrásar eða svæðis hvort þú hafir aðgang.",
+        "intro": {
+            "dm_caption": "Aðeins þið tveir/tvö eruð í þessu samtali, nema annar hvor bjóði einhverjum að taka þátt.",
+            "enable_encryption_prompt": "Virkjaðu dulritun í stillingum.",
+            "no_avatar_label": "Bættu við mynd, svo fólk eigi auðveldara með að finna spjallið þitt.",
+            "no_topic": "<a>Bættu við umfjöllunarefni</a> svo fólk viti að um hvað málin snúist.",
+            "private_unencrypted_warning": "Einkaskilaboðin þín eru venjulega dulrituð, en þessi spjallrás er það hinsvegar ekki. Venjulega kemur þetta til vegna tækis sem ekki sé stutt, eða aðferðarinnar sem sé notuð, eins og t.d. boðum í tölvupósti.",
+            "room_invite": "Bjóða inn á aðeins þessa spjallrás",
+            "send_message_start_dm": "Sendu fyrstu skilaboðin þín til að bjóða <displayName/> að spjalla",
+            "start_of_dm_history": "Þetta er upphaf ferils beinna skilaboða með <displayName/>.",
+            "start_of_room": "Þetta er upphafið á <roomName/>.",
+            "unencrypted_warning": "Enda-í-enda dulritun er ekki virkjuð",
+            "user_created": "%(displayName)s bjó til þessa spjallrás.",
+            "you_created": "Þú bjóst til þessa spjallrás."
+        },
+        "invite_sent_to_email": "Þetta boð var sent til %(email)s",
+        "invite_sent_to_email_room": "Þetta boð í %(roomName)s var sent til %(email)s",
+        "invite_subtitle": "<userName/> bauð þér",
+        "invite_this_room": "Bjóða inn á þessa spjallrás",
+        "invite_title": "Viltu taka þátt í %(roomName)s?",
+        "inviter_unknown": "Óþekkt",
+        "invites_you_text": "<inviter/> býður þér",
+        "join_button_account": "Nýskrá",
+        "join_failed_needs_invite": "Til að skoða %(roomName)s þarftu boð",
+        "join_the_discussion": "Taktu þátt í umræðunni",
+        "join_title": "Taka þátt í spjallrás",
+        "join_title_account": "Taktu þátt í samtalinu með notandaaðgangi",
+        "joining": "Geng í hópinn…",
+        "jump_read_marker": "Fara í fyrstu ólesnu skilaboðin.",
+        "jump_to_bottom_button": "Skruna að nýjustu skilaboðunum",
+        "kick_reason": "Ástæða: %(reason)s",
+        "kicked_by": "Þú hefur verið fjarlægð/ur af %(memberName)s",
+        "kicked_from_room_by": "Þú hefur verið fjarlægð/ur á %(roomName)s af %(memberName)s",
+        "leave_error_title": "Villa við að yfirgefa spjallrás",
+        "leave_server_notices_description": "Þessi spjallrás er notuð fyrir mikilvæg skilaboð frá heimaþjóninum, þannig að þú getur ekki yfirgefið hana.",
+        "leave_server_notices_title": "Getur ekki yfirgefið spjallrásina fyrir tilkynningar frá netþjóni",
+        "leave_unexpected_error": "Óvænt villa kom upp við að reyna að yfirgefa spjallrásina",
+        "loading_preview": "Hleð inn forskoðun",
+        "no_peek_join_prompt": "Ekki er hægt að forskoða %(roomName)s. Viltu taka þátt í henni?",
+        "not_found_subtitle": "Ertu viss um að þú sért á réttum stað?",
+        "not_found_title": "Þessi spjallrás eða svæði er ekki til.",
+        "not_found_title_name": "%(roomName)s er ekki til.",
+        "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",
+        "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",
+        "upgrade_warning_bar_upgraded": "Þessi spjallrás hefur þegar verið uppfærð.",
+        "upload": {
+            "uploading_multiple_file": {
+                "other": "Sendi inn %(filename)s og %(count)s til viðbótar",
+                "one": "Sendi inn %(filename)s og %(count)s til viðbótar"
+            },
+            "uploading_single_file": "Sendi inn %(filename)s"
+        }
+    },
+    "room_list": {
+        "add_space_label": "Bæta við svæði",
+        "failed_add_tag": "Mistókst að bæta merkinu %(tagName)s á spjallrás",
+        "failed_remove_tag": "Mistókst að fjarlægja merkið %(tagName)s af spjallrás",
+        "failed_set_dm_tag": "Ekki tókst að stilla merki um bein skilaboð",
+        "notification_options": "Valkostir tilkynninga",
+        "show_less": "Sýna minna"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Veldu hverjir geta skoðað og tekið þátt í %(spaceName)s.",
+            "title": "Aðgangur"
+        },
+        "advanced": {
+            "error_upgrade_description": "Ekki tókst að ljúka uppfærslu spjallrásarinnar",
+            "error_upgrade_title": "Mistókst að uppfæra spjallrás",
+            "information_section_room": "Upplýsingar um spjallrás",
+            "information_section_space": "Upplýsingar um svæði",
+            "room_id": "Innra auðkenni spjallrásar",
+            "room_predecessor": "Skoða eldri skilaboð í %(roomName)s.",
+            "room_upgrade_button": "Uppfæra þessa spjallrás í þá útgáfu spjallrásar sem mælt er með",
+            "room_version": "Útgáfa spjallrásar:",
+            "room_version_section": "Útgáfa spjallrásar",
+            "space_predecessor": "Skoða eldri útgáfu af %(spaceName)s.",
+            "space_upgrade_button": "Uppfæra þetta svæði í þá útgáfu spjallrásar sem mælt er með",
+            "unfederated": "Þessi spjallrás er ekki aðgengileg fjartengdum Matrix-netþjónum",
+            "upgrade_button": "Uppfæra þessa spjallrás í útgáfu %(version)s",
+            "upgrade_dialog_description_1": "Búa til nýja spjallrás með sama heiti, lýsingu og auðkennismynd",
+            "upgrade_dialog_title": "Uppfæra útgáfu spjallrásar",
+            "upgrade_dwarning_ialog_title_public": "Uppfæra almenningsspjallrás",
+            "upgrade_warning_dialog_footer": "Þú munt uppfæra þessa spjallrás úr <oldVersion /> upp í <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Bjóða meðlimum á þessari spjallrás sjálfvirkt yfir í þá nýju",
+            "upgrade_warning_dialog_title_private": "Uppfæra einkaspjallrás"
+        },
+        "alias_not_specified": "ekki tilgreint",
+        "bridges": {
+            "title": "Brýr"
+        },
+        "delete_avatar_label": "Eyða auðkennismynd",
+        "general": {
+            "alias_field_has_domain_invalid": "Vantar aðgreini léns, t.d. (:lén.org)",
+            "alias_field_has_localpart_invalid": "Vantar heiti spjallrásar eða aðgreini, t.d. (spjallrásin-mín:lén.org)",
+            "alias_field_matches_invalid": "Vistfangið beinir ekki á þessa spjallrás",
+            "alias_field_placeholder_default": "t.d. mín-spjallrás",
+            "alias_field_required_invalid": "Gefðu upp vistfang",
+            "alias_field_safe_localpart_invalid": "Sumir stafir eru óleyfilegir",
+            "alias_field_taken_invalid": "Þetta vistfang er með ógildan netþjón eða er nú þegar í notkun",
+            "alias_field_taken_invalid_domain": "Þetta vistfang er nú þegar í notkun",
+            "alias_field_taken_valid": "Þetta vistfang er tiltækt til notkunar",
+            "alias_heading": "Vistfang spjallrásar",
+            "aliases_items_label": "Önnur birt vistföng:",
+            "aliases_no_items_label": "Engin önnur birt vistföng ennþá, bættu einu við hér fyrir neðan",
+            "aliases_section": "Vistföng spjallrása",
+            "avatar_field_label": "Auðkennismynd spjallrásar",
+            "canonical_alias_field_label": "Aðalvistfang",
+            "description_space": "Breyta stillingum viðkomandi svæðinu þínu.",
+            "error_creating_alias_title": "Villa við að búa til vistfang",
+            "error_deleting_alias_description_forbidden": "Þú hefur ekki heimild til að eyða vistfanginu.",
+            "error_deleting_alias_title": "Villa við að fjarlægja vistfang",
+            "error_save_space_settings": "Mistókst að vista stillingar svæðis.",
+            "error_updating_canonical_alias_title": "Villa við uppfærslu á aðalvistfangi",
+            "leave_space": "Yfirgefa svæði",
+            "local_alias_field_label": "Staðvært vistfang",
+            "local_aliases_explainer_room": "Stilltu vistföng fyrir þessa spjallrás svo notendur geti fundið hana í gegnum heimaþjóninn þinn (%(localDomain)s)",
+            "local_aliases_explainer_space": "Stilltu vistföng fyrir þetta svæði svo notendur geti fundið það í gegnum heimaþjóninn þinn (%(localDomain)s)",
+            "local_aliases_section": "Staðvær vistföng",
+            "name_field_label": "Heiti spjallrásar",
+            "new_alias_placeholder": "Nýtt birt vistfangs (t.d. #samnefni:netþjónn)",
+            "no_aliases_room": "Þessi spjallrás er ekki með nein staðvær vistföng",
+            "no_aliases_space": "Þetta svæði er ekki með nein staðvær vistföng",
+            "other_section": "Annað",
+            "publish_toggle": "Birta þessa spjallrás opinberlega á skrá %(domain)s yfir spjallrásir?",
+            "published_aliases_section": "Birt vistföng",
+            "save": "Vista breytingar",
+            "topic_field_label": "Umfjöllunarefni spjallrásar"
+        },
+        "notifications": {
+            "browse_button": "Skoða",
+            "custom_sound_prompt": "Stilla nýtt sérsniðið hljóð",
+            "notification_sound": "Hljóð með tilkynningu",
+            "sounds_section": "Hljóð",
+            "uploaded_sound": "Innsent hljóð"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Gefðu einum eða fleiri notendum á þessari spjallrás auknar heimildir",
+            "add_privileged_user_filter_placeholder": "Leita að notendum á þessari spjallrás…",
+            "add_privileged_user_heading": "Bæta við notendum með auknar heimildir",
+            "ban": "Banna notendur",
+            "ban_reason": "Ástæða",
+            "banned_by": "Bannaður af %(displayName)s",
+            "banned_users_section": "Bannaðir notendur",
+            "error_changing_pl_description": "Villa kom upp við að breyta valdastigi notandans. Athugaðu hvort þú hafir nægilegar heimildir og prófaðu aftur.",
+            "error_changing_pl_reqs_description": "Villa kom upp við að breyta kröfum spjallrásarinnar um valdastig. Athugaðu hvort þú hafir nægilegar heimildir og prófaðu aftur.",
+            "error_changing_pl_reqs_title": "Villa við að breyta kröfum um valdastig",
+            "error_changing_pl_title": "Villa við að breyta valdastigi",
+            "error_unbanning": "Tókst ekki að taka úr banni",
+            "events_default": "Senda skilaboð",
+            "invite": "Bjóða notendum",
+            "kick": "Fjarlægja notendur",
+            "m.call": "Byrja %(brand)s samtal",
+            "m.call.member": "Taka þátt í %(brand)s samtali",
+            "m.reaction": "Senda viðbrögð",
+            "m.room.avatar": "Skipta um auðkennismynd spjallrásar",
+            "m.room.avatar_space": "Skipta um táknmynd svæðis",
+            "m.room.canonical_alias": "Skipta um aðalvistfang spjallrásarinnar",
+            "m.room.canonical_alias_space": "Skipta um aðalvistfang svæðisins",
+            "m.room.encryption": "Virkja dulritun spjallrásar",
+            "m.room.history_visibility": "Breyta sýnileika ferils",
+            "m.room.name": "Breyta nafni spjallrásar",
+            "m.room.name_space": "Breyta nafni svæðis",
+            "m.room.pinned_events": "Sýsla með festa atburði",
+            "m.room.power_levels": "Breyta aðgangsheimildum",
+            "m.room.redaction": "Fjarlægja skilaboð send af mér",
+            "m.room.server_acl": "Breyta ACL á netþjóni",
+            "m.room.tombstone": "Uppfæra spjallrásina",
+            "m.room.topic": "Breyta umfjöllunarefni",
+            "m.room.topic_space": "Breyta lýsingu",
+            "m.space.child": "Sýsla með spjallrásir á þessu svæði",
+            "m.widget": "Breyta viðmótshluta",
+            "muted_users_section": "Þaggaðir notendur",
+            "no_privileged_users": "Engir notendur eru með neinar sérheimildir á þessari spjallrás",
+            "notifications.room": "Tilkynna öllum",
+            "permissions_section": "Heimildir",
+            "permissions_section_description_room": "Veldu þau hlutverk sem krafist er til að breyta ýmsum þáttum spjallrásarinnar",
+            "permissions_section_description_space": "Veldu þau hlutverk sem krafist er til að breyta ýmsum þáttum svæðisins",
+            "privileged_users_section": "Notendur með auknar heimildir",
+            "redact": "Fjarlægja skilaboð send af öðrum",
+            "send_event_type": "Senda %(eventType)s atburði",
+            "state_default": "Breyta stillingum",
+            "title": "Hlutverk og heimildir",
+            "users_default": "Sjálfgefið hlutverk"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Þegar hún er gerð virk er ekki hægt að gera dulritun óvirka. Skilaboð á dulritaðri spjallrás getur netþjónninn ekki séð, aðeins þátttakendur á spjallrásinni. Virkjun dulritunar gæti komið í veg fyrir að vélmenni og brýr virki rétt. <a>Lærðu meira um dulritun.</a>",
+            "enable_encryption_confirm_title": "Virkja dulritun?",
+            "encryption_permanent": "Eftir að kveikt er á dulritun er ekki hægt að slökkva á henni.",
+            "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_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",
+            "join_rule_description": "Veldu hverjir geta tekið þátt í %(roomName)s.",
+            "join_rule_invite": "Einka (einungis gegn boði)",
+            "join_rule_invite_description": "Aðeins fólk sem er boðið getur tekið þátt.",
+            "join_rule_public_description": "Hver sem er getur fundið og tekið þátt.",
+            "join_rule_restricted": "Meðlimir svæðis",
+            "join_rule_restricted_description": "Hver sem er í svæði getur fundið og tekið þátt. <a>Breyttu hér því hvaða svæði hafa aðgang.</a>",
+            "join_rule_restricted_description_active_space": "Hver sem er í <spaceName/> getur fundið og tekið þátt. Þú getur einnig valið önnur svæði.",
+            "join_rule_restricted_description_prompt": "Hver sem er í svæði getur fundið og tekið þátt. Þú getur valið mörg svæði.",
+            "join_rule_restricted_description_spaces": "Svæði með aðgang",
+            "join_rule_restricted_dialog_description": "Veldu hvaða svæði hafa aðgang að þessari spjallrás. Ef svæði er valið geta meðlimir þess fundið og tekið þátt í spjallrásinni<RoomName/>.",
+            "join_rule_restricted_dialog_filter_placeholder": "Leita að svæðum",
+            "join_rule_restricted_dialog_heading_other": "Önnur svæði sem þú gætir ekki vitað um",
+            "join_rule_restricted_dialog_heading_room": "Svæði sem þú veist að innihalda þetta svæði",
+            "join_rule_restricted_dialog_heading_space": "Svæði sem þú veist að innihalda þetta svæði",
+            "join_rule_restricted_dialog_title": "Veldu svæði",
+            "join_rule_restricted_n_more": {
+                "one": "og %(count)s til viðbótar",
+                "other": "og %(count)s til viðbótar"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Núna er svæði með aðgang",
+                "other": "Núna eru %(count)s svæði með aðgang"
+            },
+            "join_rule_upgrade_awaiting_room": "Hleð inn nýrri spjallrás",
+            "join_rule_upgrade_required": "Uppfærsla er nauðsynleg",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Sendi boð...",
+                "other": "Sendi boð... (%(progress)s af %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Uppfæri svæði...",
+                "other": "Uppfæri svæði... (%(progress)s af %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Uppfæri spjallrás",
+            "public_without_alias_warning": "Til að tengja við þessa spjallrás skaltu bæta við vistfangi.",
+            "strict_encryption": "Aldrei senda dulrituð skilaboð af þessu tæki til ósannvottaðra tækja á þessari spjallrás úr þessari setu",
+            "title": "Öryggi og gagnaleynd"
+        },
+        "title": "Stillingar spjallrásar - %(roomName)s",
+        "upload_avatar_label": "Senda inn auðkennismynd",
+        "visibility": {
+            "alias_section": "Vistfang",
+            "error_failed_save": "Mistókst að uppfæra sýnileika þessa svæðis",
+            "error_update_guest_access": "Mistókst að uppfæra gestaaðgang þessa svæðis",
+            "error_update_history_visibility": "Mistókst að uppfæra sýnileika atvikaferils þessa svæðis",
+            "guest_access_explainer": "Gestir geta tekið þátt í svæði án þess að vera með notandaaðgang.",
+            "guest_access_label": "Leyfa aðgang gesta",
+            "history_visibility_anyone_space": "Forskoða svæði",
+            "history_visibility_anyone_space_description": "Bjóddu fólki að forskoða svæðið þitt áður en þau geta tekið þátt.",
+            "history_visibility_anyone_space_recommendation": "Mælt með fyrir opinber almenningssvæði.",
+            "title": "Sýnileiki"
+        },
+        "voip": {
+            "call_type_section": "Tegund samtals"
+        }
+    },
+    "room_summary_card_back_action_label": "Upplýsingar um spjallrás",
+    "scalar": {
+        "error_create": "Gat ekki búið til viðmótshluta.",
+        "error_membership": "Þú ert ekki á þessari spjallrás.",
+        "error_missing_room_id": "Vantar spjallrásarauðkenni.",
+        "error_missing_room_id_request": "Vantar spjallrásarauðkenni í beiðni",
+        "error_missing_user_id_request": "Vantar notandaauðkenni í beiðni",
+        "error_permission": "Þú hefur ekki réttindi til þess að gera þetta á þessari spjallrás.",
+        "error_power_level_invalid": "Völd verða að vera jákvæð heiltala.",
+        "error_room_not_visible": "Spjallrásin %(roomId)s er ekki sýnileg",
+        "error_room_unknown": "Spjallrás er ekki þekkt.",
+        "error_send_request": "Mistókst að senda beiðni.",
+        "failed_read_event": "Mistókst að lesa atburði",
+        "failed_send_event": "Mistókst að senda atburð"
+    },
+    "server_offline": {
+        "description": "Netþjónninn þinn er ekki að svara sumum beiðnum frá þér. Hér fyrir neðan eru sumar líklegustu ástæðurnar.",
+        "description_1": "Þjónninn (%(serverName)s) var of lengi að svara.",
+        "description_2": "Eldveggur eða vírusvarnarforrit kemur í veg fyrir beiðnina.",
+        "description_3": "Vafraviðbót kemur í veg fyrir beiðnina.",
+        "description_4": "Netþjónninn er ekki tengdur.",
+        "description_5": "Þjóninum hefur hafnað beiðninni þinni.",
+        "description_6": "Landssvæðið þar sem þú ert á í vandræðum með að tengjast við internetið.",
+        "description_7": "Villa kom upp þegar reynt var að tengjast þjóninum.",
+        "empty_timeline": "Þú hefur klárað að lesa allt.",
+        "title": "Netþjónninn er ekki að svara"
+    },
+    "seshat": {
+        "error_initialising": "Frumstilling leitar í skilaboðum mistókst, skoðaðu <a>stillingarnar þínar</a> til að fá nánari upplýsingar",
+        "warning_kind_files_app": "Notaðu <a>tölvuforritið</a> til að sjá öll dulrituð gögn",
+        "warning_kind_search_app": "Notaðu <a>tölvuforritið</a> til að sía dulrituð skilaboð"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Aðgangsteiknið þitt gefur fullan aðgang að notandaaðgangnum þínum. Ekki deila því með neinum.",
+            "brand_version": "Útgáfa %(brand)s:",
+            "clear_cache_reload": "Hreinsa skyndiminni og endurhlaða",
+            "help_link": "Til að fá aðstoð við að nota %(brand)s, smelltu <a>hér</a>.",
+            "title": "Hjálp og um hugbúnaðinn",
+            "versions": "Útgáfur"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "Sýna allar spjallrásir á forsíðu",
+        "all_rooms_home_description": "Allar spjallrásir sem þú ert í munu birtast á forsíðu.",
+        "always_show_message_timestamps": "Alltaf birta tímamerki skilaboða",
+        "appearance": {
+            "custom_font": "Nota kerfisletur",
+            "custom_font_description": "Settu inn heiti á letri sem er uppsett á kerfinu þínu og %(brand)s mun reyna að nota það.",
+            "custom_font_name": "Nafn kerfisleturs",
+            "custom_font_size": "Nota sérsniðna stærð",
+            "custom_theme_error_downloading": "Villa við að niðurhala þemaupplýsingum.",
+            "custom_theme_invalid": "Ógilt þemaskema.",
+            "font_size": "Leturstærð",
+            "image_size_default": "Sjálfgefið",
+            "image_size_large": "Stórt",
+            "layout_bubbles": "Skilaboðablöðrur",
+            "layout_irc": "IRC (á tilraunastigi)",
+            "match_system_theme": "Samsvara þema kerfis",
+            "timeline_image_size": "Stærð myndar í tímalínunni"
+        },
+        "automatic_language_detection_syntax_highlight": "Virkja greiningu á forritunarmálum fyrir málskipunarlitun",
+        "autoplay_gifs": "Spila GIF-myndir sjálfkrafa",
+        "autoplay_videos": "Spila myndskeið sjálfkrafa",
+        "big_emoji": "Virkja stór tákn í spjalli",
+        "code_block_expand_default": "Fletta sjálfgefið út textablokkum með kóða",
+        "code_block_line_numbers": "Sýna línunúmer í kóðablokkum",
+        "emoji_autocomplete": "Virkja uppástungur tákna á meðan skrifað er",
+        "enable_markdown": "Virkja Markdown",
+        "general": {
+            "account_management_section": "Umsýsla notandaaðgangs",
+            "account_section": "Notandaaðgangur",
+            "add_email_dialog_title": "Bæta við tölvupóstfangi",
+            "add_email_failed_verification": "Gat ekki sannprófað tölvupóstfang: gakktu úr skugga um að þú hafir smellt á tengilinn í tölvupóstinum",
+            "add_msisdn_confirm_body": "Smelltu á hnappinn hér að neðan til að staðfesta að bæta við þessu símanúmeri.",
+            "add_msisdn_confirm_button": "Staðfestu að bæta við símanúmeri",
+            "add_msisdn_confirm_sso_button": "Staðfestu viðbætingu þessa símanúmers með því að nota einfalda innskráningu (single-sign-on) til að sanna auðkennið þitt.",
+            "add_msisdn_dialog_title": "Bæta við símanúmeri",
+            "confirm_adding_email_body": "Smelltu á hnappinn hér að neðan til að staðfesta að bæta við þessu netfangi.",
+            "confirm_adding_email_title": "Staðfestu að bæta við tölvupósti",
+            "deactivate_confirm_body_sso": "Staðfestu að aðgangurinn þinn sé gerður óvirkur með því að nota einfalda innskráningu (single-sign-on) til að sanna auðkennið þitt.",
+            "deactivate_confirm_content_1": "Þú munt ekki geta endurvirkjað aðganginn þinn",
+            "deactivate_confirm_content_2": "Þú munt ekki lengur geta skráð þig inn",
+            "deactivate_confirm_continue": "Staðfestu óvirkjun reiknings",
+            "deactivate_section": "Gera notandaaðgang óvirkann",
+            "deactivate_warning": "Að gera aðganginn þinn óvirkan er endanleg aðgerð - farðu varlega!",
+            "discovery_email_empty": "Valkostir fyrir uppgötvun munu birtast um leið og þú hefur bætt inn tölvupóstfangi hér fyrir ofan.",
+            "discovery_email_verification_instructions": "Athugaðu tengilinn í pósthólfinu þínu",
+            "discovery_msisdn_empty": "Valkostir fyrir uppgötvun munu birtast um leið og þú hefur bætt inn símanúmeri hér fyrir ofan.",
+            "discovery_needs_terms": "Samþykktu þjónustuskilmála auðkennisþjónsins (%(serverName)s) svo hægt sé að finna þig með tölvupóstfangi eða símanúmeri.",
+            "email_address_in_use": "Þetta tölvupóstfang er nú þegar í notkun",
+            "email_address_label": "Tölvupóstfang",
+            "email_not_verified": "Tölvupóstfangið þitt hefur ekki ennþá verið staðfest",
+            "emails_heading": "Tölvupóstföng",
+            "error_add_email": "Get ekki bætt við tölvupóstfangi",
+            "error_email_verification": "Get ekki sannreynt tölvupóstfang.",
+            "error_invalid_email": "Ógilt tölvupóstfang",
+            "error_invalid_email_detail": "Þetta lítur ekki út eins og gilt tölvupóstfang",
+            "error_msisdn_verification": "Ekki var hægt að sannreyna símanúmer.",
+            "error_password_change_403": "Mistókst að breyta lykilorðinu. Er lykilorðið rétt?",
+            "error_remove_3pid": "Ekki tókst að fjarlægja upplýsingar um tengilið",
+            "error_revoke_email_discovery": "Ekki er hægt að afturkalla að deila tölvupóstfangi",
+            "error_revoke_msisdn_discovery": "Ekki er hægt að afturkalla að deila símanúmeri",
+            "error_share_email_discovery": "Get ekki deilt tölvupóstfangi",
+            "error_share_msisdn_discovery": "Ekki er hægt að deila símanúmeri",
+            "language_section": "Tungumál og landsvæði",
+            "msisdn_in_use": "Þetta símanúmer er nú þegar í notkun",
+            "msisdn_label": "Símanúmer",
+            "msisdn_verification_field_label": "Sannvottunarkóði",
+            "msisdn_verification_instructions": "Settu inn staðfestingarkóða sem sendur var með SMS.",
+            "msisdns_heading": "Símanúmer",
+            "password_change_success": "Það tókst að breyta lykilorðinu þínu.",
+            "remove_email_prompt": "Fjarlægja %(email)s?",
+            "remove_msisdn_prompt": "Fjarlægja %(phone)s?",
+            "spell_check_locale_placeholder": "Veldu staðfærslu"
+        },
+        "inline_url_previews_default": "Sjálfgefið virkja forskoðun innfelldra vefslóða",
+        "insert_trailing_colon_mentions": "Setja tvípunkt á eftir þar sem minnst er á notanda í upphafi skilaboða",
+        "jump_to_bottom_on_send": "Hoppa neðst á tímalínuna þegar þú sendir skilaboð",
+        "key_backup": {
+            "setup_secure_backup": {
+                "cancel_warning": "Ef þú hættir við núna, geturðu tapað dulrituðum skilaboðum og gögnum ef þú missir aðgang að innskráningum þínum.",
+                "confirm_security_phrase": "Staðfestu öryggisfrasann þinn",
+                "description": "Tryggðu þig gegn því að missa aðgang að dulrituðum skilaboðum og gögnum með því að taka öryggisafrit af dulritunarlyklunum á netþjóninum þinum.",
+                "download_or_copy": "%(downloadButton)s eða %(copyButton)s",
+                "enter_phrase_title": "Settu inn öryggisfrasa",
+                "enter_phrase_to_confirm": "Settu aftur inn öryggisfrasann þinn til að staðfesta hann.",
+                "generate_security_key_description": "Við munum útbúa öryggislykil fyrir þig til að geyma á öruggum stað, eins og í lykilorðastýringu eða jafnvel í peningaskáp.",
+                "generate_security_key_title": "Útbúa öryggislykil",
+                "pass_phrase_match_failed": "Þetta stemmir ekki.",
+                "pass_phrase_match_success": "Þetta passar!",
+                "phrase_strong_enough": "Frábært! Þessi öryggisfrasi virðist vera nógu sterkur.",
+                "secret_storage_query_failure": "Tókst ekki að finna stöðu á leynigeymslu",
+                "security_key_safety_reminder": "Geymdu öryggislykilinn þinn á öruggum stað, eins og í lykilorðastýringu eða jafnvel í peningaskáp, þar sem hann er notaður til að verja gögnin þín.",
+                "set_phrase_again": "Farðu til baka til að setja hann aftur.",
+                "settings_reminder": "Þú getur líka sett upp varið öryggisafrit og sýslað með dulritunarlykla í stillingunum.",
+                "title_confirm_phrase": "Staðfestu öryggisfrasa",
+                "title_save_key": "Vista öryggislykilinn þinn",
+                "title_set_phrase": "Setja öryggisfrasa",
+                "unable_to_setup": "Tókst ekki að setja upp leynigeymslu",
+                "use_different_passphrase": "Nota annan lykilfrasa?",
+                "use_phrase_only_you_know": "Notaðu leynilegan frasa eða setningu sem aðeins þú þekkir, og útbúðu öryggislykil fyrir öryggisafrit."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Staðfestu lykilfrasa",
+            "enter_passphrase": "Settu inn lykilfrasann",
+            "export_title": "Flytja út dulritunarlykla spjallrásar",
+            "file_to_import": "Skrá til að flytja inn",
+            "import_description_2": "Útflutta skráin verður varin með lykilfrasa. Settu inn lykilfrasann hér til að afkóða skrána.",
+            "import_title": "Flytja inn dulritunarlykla spjallrásar",
+            "phrase_cannot_be_empty": "Lykilfrasi má ekki vera auður",
+            "phrase_must_match": "Lykilfrasar verða að stemma"
+        },
+        "keyboard": {
+            "title": "Lyklaborð"
+        },
+        "notifications": {
+            "enable_audible_notifications_session": "Virkja tilkynningar með hljóði fyrir þessa setu",
+            "enable_desktop_notifications_session": "Virkja tilkynningar á skjáborði fyrir þessa setu",
+            "enable_email_notifications": "Virkja tilkynningar í tölvupósti fyrir %(email)s",
+            "enable_notifications_account": "Virkja tilkynningar fyrir þennan notandaaðgang",
+            "enable_notifications_device": "Virkja tilkynningar á þessu tæki",
+            "error_loading": "Það kom upp villa við að hlaða inn stillingum fyrir tilkynningar.",
+            "error_permissions_denied": "%(brand)s hefur ekki heimildir til að senda þér tilkynningar - yfirfarðu stillingar vafrans þíns",
+            "error_permissions_missing": "%(brand)s voru ekki gefnar heimildir til að senda þér tilkynningar - reyndu aftur",
+            "error_saving": "Villa við að vista valkosti tilkynninga",
+            "error_saving_detail": "Villa kom upp við að vista valkosti þína fyrir tilkynningar.",
+            "error_title": "Tekst ekki að virkja tilkynningar",
+            "messages_containing_keywords": "Skilaboð sem innihalda stikkorð",
+            "noisy": "Hávært",
+            "push_targets": "Markmið tilkynninga",
+            "rule_call": "Boð um þátttöku í símtali",
+            "rule_contains_display_name": "Skilaboð sem innihalda birtingarnafn mitt",
+            "rule_contains_user_name": "Skilaboð sem innihalda notandanafn mitt",
+            "rule_encrypted": "Dulrituð skilaboð í hópaspjalli",
+            "rule_encrypted_room_one_to_one": "Dulrituð skilaboð í maður-á-mann spjalli",
+            "rule_invite_for_me": "Þegar mér er boðið á spjallrás",
+            "rule_message": "Skilaboð í hópaspjalli",
+            "rule_room_one_to_one": "Skilaboð í maður-á-mann spjalli",
+            "rule_roomnotif": "Skilaboð sem innihalda @room",
+            "rule_suppress_notices": "Skilaboð send af vélmennum",
+            "rule_tombstone": "Þegar spjallrásir eru uppfærðar",
+            "show_message_desktop_notification": "Birta tilkynningu í innbyggðu kerfistilkynningakerfi"
+        },
+        "preferences": {
+            "always_show_menu_bar": "Alltaf að sýna valmyndastiku glugga",
+            "autocomplete_delay": "Töf við sjálfvirka klárun (ms)",
+            "code_blocks_heading": "Kóðablokkir",
+            "compact_modern": "Nota þjappaðri 'nútímalegri' framsetningu",
+            "composer_heading": "Skrifreitur",
+            "enable_hardware_acceleration": "Virkja vélbúnaðarhröðun",
+            "enable_tray_icon": "Sýna táknmynd í kerfisbakka og lágmarka forritið niður í hana þegar því er lokað",
+            "keyboard_heading": "Flýtileiðir á lyklaborði",
+            "keyboard_view_shortcuts_button": "Til að sjá allar flýtileiðir á lyklaborði, skaltu <a>smella hér</a>.",
+            "media_heading": "Myndir, GIF-hreyfimyndir og myndskeið",
+            "presence_description": "Deila virkni og stöðu þinni með öðrum.",
+            "rm_lifetime": "Líftími lesmerkis (ms)",
+            "rm_lifetime_offscreen": "Líftími lesmerkis utan skjás (ms)",
+            "room_list_heading": "Spjallrásalisti",
+            "show_polls_button": "Birta hnapp fyrir kannanir",
+            "surround_text": "Umlykja valinn texta þegar sértákn eru skrifuð",
+            "time_heading": "Birting tíma"
+        },
+        "prompt_invite": "Spyrja áður en boð eru send á mögulega ógild matrix-auðkenni",
+        "replace_plain_emoji": "Skipta sjálfkrafa út Emoji-táknum á hreinum texta",
+        "security": {
+            "bulk_options_accept_all_invites": "Samþykkja alla boðsgesti %(invitedRooms)s",
+            "bulk_options_reject_all_invites": "Hafna öllum boðsgestum %(invitedRooms)s",
+            "bulk_options_section": "Valkostir magnvinnslu",
+            "e2ee_default_disabled_warning": "Kerfisstjóri netþjónsins þíns hefur lokað á sjálfvirka dulritun í einkaspjallrásum og beinum skilaboðum.",
+            "enable_message_search": "Virka skilaboðleit í dulrituðum spjallrásum",
+            "encryption_section": "Dulritun",
+            "ignore_users_empty": "Þú ert ekki með neina hunsaða notendur.",
+            "ignore_users_section": "Hunsaðir notendur",
+            "key_backup_algorithm": "Reiknirit:",
+            "message_search_disable_warning": "Ef þetta er óvirkt, munu skilaboð frá dulrituðum spjallrásum ekki birtast í leitarniðurstöðum.",
+            "message_search_disabled": "Setja dulrituð skilaboð leynilega í skyndiminni á tækinu svo þau birtist í leitarniðurstöðum.",
+            "message_search_enabled": {
+                "one": "Setja dulrituð skilaboð leynilega í skyndiminni á tækinu svo þau birtist í leitarniðurstöðum, notar %(size)s til að geyma skilaboð frá %(rooms)s spjallrásum.",
+                "other": "Setja dulrituð skilaboð leynilega í skyndiminni á tækinu svo þau birtist í leitarniðurstöðum, notar %(size)s til að geyma skilaboð frá %(rooms)s spjallrásum."
+            },
+            "message_search_failed": "Frumstilling leitar í skilaboðum mistókst",
+            "message_search_indexed_messages": "Skilaboð í efnisyfirliti:",
+            "message_search_indexed_rooms": "Spjallrásir í efnisyfirliti:",
+            "message_search_indexing": "Set í efnisyfirlit: %(currentRoom)s",
+            "message_search_indexing_idle": "Ekki að setja nein skilaboð í efnisyfirlit neinnar spjallrásar.",
+            "message_search_intro": "%(brand)s er að setja dulrituð skilaboð leynilega í skyndiminni á tækinu svo þau birtist í leitarniðurstöðum:",
+            "message_search_room_progress": "%(doneRooms)s af %(totalRooms)s",
+            "message_search_section": "Leita í skilaboðum",
+            "message_search_sleep_time": "Hve hratt ætti að hlaða niður skilaboðum.",
+            "message_search_space_used": "Notað geymslupláss:",
+            "message_search_unsupported_web": "%(brand)s nær ekki að setja dulrituð skilaboð leynilega í skyndiminni á tækinu á meðan keyrt er í vafra. Notaðu <desktopLink>%(brand)s Desktop vinnutölvuútgáfuna</desktopLink> svo skilaboðin birtist í leitarniðurstöðum.",
+            "send_analytics": "Senda greiningargögn",
+            "strict_encryption": "Aldrei senda dulrituð skilaboð af þessu tæki til ósannvottaðra tækja"
+        },
+        "send_read_receipts": "Senda leskvittanir",
+        "send_read_receipts_unsupported": "Netþjónninn þinn styður ekki að sending leskvittana sé gerð óvirk.",
+        "send_typing_notifications": "Senda skriftilkynningar",
+        "sessions": {
+            "confirm_sign_out": {
+                "one": "Staðfestu útskráningu þessa tækis",
+                "other": "Staðfestu útskráningu þessara tækja"
+            },
+            "confirm_sign_out_body": {
+                "one": "Smelltu á hnappinn hér að neðan til að staðfesta útskráningu þessa tækis.",
+                "other": "Smelltu á hnappinn hér að neðan til að staðfesta útskráningu þessara tækja."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Skrá út tæki",
+                "other": "Skrá út tæki"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Staðfestu útskráningu af þessu tæki með því að nota einfalda innskráningu (single-sign-on) til að sanna auðkennið þitt.",
+                "other": "Staðfestu útskráningu af þessum tækjum með því að nota einfalda innskráningu (single-sign-on) til að sanna auðkennið þitt."
+            },
+            "current_session": "Núverandi seta",
+            "desktop_session": "Borðtölvuseta",
+            "details_heading": "Nánar um setuna",
+            "filter_all": "Allt",
+            "filter_inactive": "Óvirkt",
+            "filter_inactive_description": "Óvirk í %(inactiveAgeDays)s+ daga eða lengur",
+            "filter_label": "Sía tæki",
+            "filter_unverified_description": "Ekki tilbúið fyrir örugg skilaboð",
+            "filter_verified_description": "Tilbúið fyrir örugg skilaboð",
+            "hide_details": "Fela nánari upplýsingar",
+            "inactive_days": "Óvirk í %(inactiveAgeDays)s+ daga",
+            "inactive_sessions": "Óvirkar setur",
+            "ip": "IP-vistfang",
+            "last_activity": "Síðasta virkni",
+            "mobile_session": "Farsímaseta",
+            "n_sessions_selected": {
+                "one": "%(count)s seta valin",
+                "other": "%(count)s setur valdar"
+            },
+            "no_inactive_sessions": "Engar óvirkar setur fundust.",
+            "no_sessions": "Engar setur fundust.",
+            "no_unverified_sessions": "Engar óstaðfestar setur fundust.",
+            "no_verified_sessions": "Engar staðfestar setur fundust.",
+            "other_sessions_heading": "Aðrar setur",
+            "push_heading": "Ýti-tilkynningar",
+            "push_subheading": "Taka á móti ýti-tilkynningum á þessu tæki.",
+            "push_toggle": "Víxla af/á ýti-tilkynningum á þessu tæki.",
+            "rename_form_caption": "Athugaðu að heiti á setum eru sýnileg þeim sem þú átt samskipti við.",
+            "rename_form_heading": "Endurnefna setu",
+            "rename_form_learn_more": "Endurnefna setur",
+            "security_recommendations": "Ráðleggingar varðandi öryggi",
+            "session_id": "Auðkenni setu",
+            "show_details": "Sýna nánari upplýsingar",
+            "sign_in_with_qr": "Skrá inn með QR-kóða",
+            "sign_in_with_qr_button": "Birta QR-kóða",
+            "sign_out": "Skrá út úr þessari setu",
+            "sign_out_all_other_sessions": "Skrá út úr öllum öðrum setum (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Ertu viss um að þú viljir skrá þig út úr %(count)s setu?",
+                "other": "Ertu viss um að þú viljir skrá þig út úr %(count)s setum?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Skrá út úr %(count)s setu",
+                "other": "Skrá út úr %(count)s setum"
+            },
+            "title": "Setur",
+            "unknown_session": "Óþekkt gerð setu",
+            "unverified_session": "Óstaðfest seta",
+            "unverified_sessions": "Óstaðfestar setur",
+            "url": "Slóð (URL)",
+            "verified_session": "Staðfest seta",
+            "verified_sessions": "Sannreyndar setur",
+            "verify_session": "Sannprófa setu",
+            "web_session": "Vefseta"
+        },
+        "show_breadcrumbs": "Sýna flýtileiðir í nýskoðaðar spjallrásir fyrir ofan listann yfir spjallrásir",
+        "show_chat_effects": "Sýna hreyfingar í spjalli (t.d. þegar tekið er við skrauti)",
+        "show_displayname_changes": "Sýna breytingar á birtingarnafni",
+        "show_join_leave": "Birta taka-þátt/hætta skilaboð (hefur ekki áhrif á boð/fjarlægingu/bönn)",
+        "show_read_receipts": "Birta leskvittanir frá öðrum notendum",
+        "show_redaction_placeholder": "Birta frátökutákn fyrir fjarlægð skilaboð",
+        "show_stickers_button": "Birta límmerkjahnapp",
+        "show_typing_notifications": "Sýna skriftilkynningar",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "Sýna allar spjallrásir",
+            "metaspaces_home_all_rooms_description": "Birtu allar spjallrásirnar þínar á forsíðunni, jafnvel þótt þær tilheyri svæði.",
+            "metaspaces_home_description": "Forsíðan nýtist til að hafa yfirsýn yfir allt.",
+            "metaspaces_orphans": "Spjallrásir utan svæðis",
+            "metaspaces_orphans_description": "Hópaðu allar spjallrásir sem ekki eru hluti af svæðum á einum stað.",
+            "metaspaces_subsection": "Svæði sem á að birta",
+            "title": "Hliðarspjald"
+        },
+        "use_12_hour_format": "Birta tímamerki á 12 stunda sniði (t.d. 2:30 fh)",
+        "use_command_enter_send_message": "Notaðu Command + Enter til að senda skilaboð",
+        "use_command_f_search": "Notaðu Command + F til að leita í tímalínu",
+        "use_control_enter_send_message": "Notaðu Ctrl + Enter til að senda skilaboð",
+        "use_control_f_search": "Notaðu Ctrl + F til að leita í tímalínu",
+        "voip": {
+            "allow_p2p": "Leyfa jafningi-á-jafningja fyrir maður-á-mann samtöl",
+            "allow_p2p_description": "Ef þetta er virkjað, getur viðkomandi mögulega séð IP-vistfangið þitt",
+            "audio_input_empty": "Engir hljóðnemar fundust",
+            "audio_output": "Hljóðúttak",
+            "audio_output_empty": "Engir hljóðútgangar fundust",
+            "auto_gain_control": "Sjálfvirk stýring styrkaukningar",
+            "echo_cancellation": "Útrýming bergmáls",
+            "mirror_local_feed": "Spegla staðværu myndmerki",
+            "missing_permissions_prompt": "Vantar heimildir fyrir margmiðlunarefni, smelltu á hnappinn hér fyrir neðan til að biðja um þær.",
+            "noise_suppression": "Truflanabæling",
+            "request_permissions": "Biðja um heimildir fyrir myndefni",
+            "title": "Tal og myndmerki",
+            "video_input_empty": "Engar vefmyndavélar fundust",
+            "video_section": "Myndstillingar",
+            "voice_agc": "Aðlaga hljóðstyrk hljóðnema sjálfvirkt",
+            "voice_processing": "Meðhöndlun tals",
+            "voice_section": "Raddstillingar"
+        },
+        "warn_quit": "Aðvara áður en hætt er",
+        "warning": "<w>AÐVÖRUN:</w> <description/>"
+    },
+    "share": {
+        "permalink_message": "Tengill í valin skilaboð",
+        "permalink_most_recent": "Tengill í nýjustu skilaboðin",
+        "title_message": "Deila skilaboðum spjallrásar",
+        "title_room": "Deila spjallrás",
+        "title_user": "Deila notanda"
+    },
+    "slash_command": {
+        "addwidget": "Bætir sérsniðnum viðmótshluta við með slóð í spjallrásina",
+        "addwidget_invalid_protocol": "Gefðu upp https:// eða http:// slóð á viðmótshluta",
+        "addwidget_missing_url": "Gefðu upp slóð á viðmótshluta eða ívefðu kóða",
+        "addwidget_no_permissions": "Þú getur ekki sýslað með viðmótshluta á þessari spjallrás.",
+        "ban": "Bannar notanda með uppgefið auðkenni",
+        "category_actions": "Aðgerðir",
+        "category_admin": "Stjórnandi",
+        "category_advanced": "Nánar",
+        "category_effects": "Brellur",
+        "category_messages": "Skilaboð",
+        "category_other": "Annað",
+        "command_error": "Skipanavilla",
+        "converttodm": "Umbreytir spjallrás yfir í bein skilaboð",
+        "converttoroom": "Umbreytir beinum skilaboðum yfir í spjallrás",
+        "deop": "Tekur stjórnunarréttindi af notanda með uppgefið auðkenni",
+        "devtools": "Opnar valmyndina fyrir forritunartól",
+        "error_invalid_rendering_type": "Villa í skipun: Get ekki fundið myndgerðartegundina (%(renderingType)s)",
+        "error_invalid_runfn": "Villa í skipun: Get ekki meðhöndlað skástriks-skipun.",
+        "help": "Birtir lista yfir skipanir með notkunarleiðbeiningum og lýsingum",
+        "help_dialog_title": "Hjálp við skipun",
+        "holdcall": "Setur símtalið í fyrirliggjandi spjallrás í bið",
+        "html": "Sendir skilaboð sem html, án þess að túlka það sem markdown",
+        "ignore": "Hunsar notanda, felur skilaboð viðkomandi fyrir þér",
+        "ignore_dialog_description": "Þú ert núna að hunsa %(userId)s",
+        "ignore_dialog_title": "Hunsaður notandi",
+        "invite": "Býður notanda með uppgefið auðkenni í fyrirliggjandi spjallrás",
+        "invite_3pid_needs_is_error": "Notaðu auðkennisþjón til að geta boðið með tölvupósti. Sýslaðu með þetta í stillingunum.",
+        "invite_3pid_use_default_is_title": "Nota auðkennisþjón",
+        "invite_3pid_use_default_is_title_description": "Notaðu auðkennisþjón til að geta boðið með tölvupósti. Smelltu á að halda áfram til að nota sjálfgefinn auðkennisþjón (%(defaultIdentityServerName)s) eða sýslaðu með þetta í stillingunum.",
+        "join": "Gengur til liðs við spjallrás með uppgefnu vistfangi",
+        "jumptodate": "Hoppa í uppgefna dagsetningu á tímalínunni",
+        "jumptodate_invalid_input": "Okkur tókst ekki að túlka uppgefna dagsetningu (%(inputDate)s). Prófaðu að nota YYYY-MM-DD sniðið.",
+        "lenny": "Setur ( ͡° ͜ʖ ͡°) framan við hrein textaskilaboð",
+        "me": "Birtir aðgerð",
+        "msg": "Sendir skilaboð til viðkomandi notanda",
+        "myroomnick": "Breytir birtu gælunafni þínu einungis í fyrirliggjandi spjallrás",
+        "nick": "Breytir birtu gælunafni þínu",
+        "no_active_call": "Ekkert virkt símtal á þessari spjallrás",
+        "op": "Skilgreindu völd notanda",
+        "part_unknown_alias": "Óþekkjanlegt vistfang spjallrásar: %(roomAlias)s",
+        "plain": "Sendir skilaboð sem óbreyttur texti án þess að túlka það sem markdown",
+        "query": "Opnar spjall við viðkomandi notanda",
+        "query_not_found_phone_number": "Gat ekki fundið Matrix-auðkenni fyrir símanúmer",
+        "rageshake": "Senda villuskýrslu með atvikaskrám",
+        "rainbow": "Sendir uppgefin skilaboð lituð sem regnboga",
+        "rainbowme": "Sendir uppgefna tjáningu litaða sem regnboga",
+        "remove": "Fjarlægir notanda með uppgefið auðkenni úr þessari spjallrás",
+        "roomavatar": "Breytir auðkennismyndinni einungis í fyrirliggjandi spjallrás",
+        "roomname": "Stillir heiti spjallrásar",
+        "server_error": "Villa á þjóni",
+        "server_error_detail": "Netþjónninn gæti verið undir miklu álagi eða ekki til taks, nú eða að eitthvað hafi farið úrskeiðis.",
+        "shrug": "Setur ¯\\_(ツ)_/¯ framan við hrein textaskilaboð",
+        "spoiler": "Sendir skilaboðin sem stríðni",
+        "tableflip": "Setur (╯°□°）╯︵ ┻━┻ framan við hrein textaskilaboð",
+        "topic": "Nær í eða stillir umfjöllunarefni spjallrásar",
+        "topic_none": "Þessi spjallrás er ekki með umfjöllunarefni.",
+        "topic_room_error": "Mistókst að ná í umfjöllunarefni spjallrásar: Gat ekki fundið spjallrásina (%(roomId)s",
+        "unban": "Tekur bann af notanda með uppgefið auðkenni",
+        "unflip": "Setur ┬──┬ ノ( ゜-゜ノ) framan við hrein textaskilaboð",
+        "unholdcall": "Tekur símtalið í fyrirliggjandi spjallrás úr bið",
+        "unignore": "Hættir að hunsa notanda, birtir skilaboð viðkomandi héðan í frá",
+        "unignore_dialog_description": "Þú ert ekki lengur að hunsa %(userId)s",
+        "unignore_dialog_title": "Ekki-hunsaður notandi",
+        "unknown_command": "Óþekkt skipun",
+        "unknown_command_button": "Senda sem skilaboð",
+        "unknown_command_detail": "Óþekkt skipun: %(commandText)s",
+        "unknown_command_help": "Þú getur notað <code>/help</code> til að lista tilteknar skipanir. Ætlaðir þú að senda þetta sem skilaboð?",
+        "unknown_command_hint": "Vísbending: Byrjaðu skilaboðin þín með <code>//</code> til að þau byrji með skástriki.",
+        "upgraderoom": "Uppfærir spjallrás í nýja útgáfu",
+        "upgraderoom_permission_error": "Þú hefur ekki nauðsynlegar heimildir til að nota þessa skipun.",
+        "usage": "Notkun",
+        "verify": "Sannreynir auðkenni notanda, setu og dreifilykils",
+        "whois": "Birtir upplýsingar um notanda"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "Viltu frekar bæta við nýrri spjallrás?",
+            "create_prompt": "Búa til nýja spjallrás",
+            "dm_heading": "Bein skilaboð",
+            "error_heading": "Ekki var öllu völdu bætt við",
+            "progress_text": {
+                "one": "Bæti við spjallrás ...",
+                "other": "Bæti við spjallrásum... (%(progress)s af %(count)s)"
+            },
+            "space_dropdown_label": "Val svæðis",
+            "space_dropdown_title": "Bæta við fyrirliggjandi spjallrásum",
+            "subspace_moved_note": "Aðgerðin til að bæta við svæðum hefur verið flutt."
+        },
+        "add_existing_subspace": {
+            "create_button": "Búa til nýtt svæði",
+            "create_prompt": "Viltu frekar bæta við nýju svæði?",
+            "filter_placeholder": "Leita að svæðum",
+            "space_dropdown_title": "Bæta við fyrirliggjandi svæði"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Skoða tímalínu spjallrásar (forritaratól)",
+            "explore": "Kanna spjallrásir",
+            "home": "Forsíða svæðis",
+            "manage_and_explore": "Sýsla með og kanna spjallrásir",
+            "options": "Valkostir svæðis"
+        },
+        "failed_load_rooms": "Mistókst að hlaða inn lista yfir spjallrásir.",
+        "failed_remove_rooms": "Mistókst að fjarlægja sumar spjallrásir. Reyndu aftur síðar",
+        "invite": "Bjóða fólki",
+        "invite_description": "Bjóða með tölvupóstfangi eða notandanafni",
+        "invite_link": "Deila boðstengli",
+        "joining_space": "Geng í hópinn",
+        "landing_welcome": "Velkomin í <name/>",
+        "leave_dialog_action": "Yfirgefa svæði",
+        "leave_dialog_description": "Þú ert í þann mund að yfirgefa <spaceName/>.",
+        "leave_dialog_only_admin_warning": "Þú ert eini stjórnandi þessa svæðis. Ef þú yfirgefur það verður enginn annar sem er með stjórn yfir því.",
+        "leave_dialog_option_all": "Yfirgefa allar spjallrásir",
+        "leave_dialog_option_none": "Ekki yfirgefa neinar spjallrásir",
+        "leave_dialog_option_specific": "Yfirgefa sumar spjallrásir",
+        "leave_dialog_public_rejoin_warning": "Þú munt ekki geta tekið þátt aftur nema þér verði boðið aftur.",
+        "leave_dialog_title": "Yfirgefa %(spaceName)s",
+        "mark_suggested": "Merkja sem tillögu",
+        "preferences": {
+            "sections_section": "Hlutar sem á að sýna"
+        },
+        "room_filter_placeholder": "Leita að spjallrásum",
+        "search_children": "Leita í %(spaceName)s",
+        "search_placeholder": "Leita í nöfnum og lýsingum",
+        "select_room_below": "Veldu fyrst spjallrás hér fyrir neðan",
+        "share_public": "Deildu opinbera svæðinu þínu",
+        "suggested": "Tillögur",
+        "title_when_query_available": "Niðurstöður",
+        "title_when_query_unavailable": "Spjallrásir og svæði",
+        "unmark_suggested": "Merkja sem ekki-tillögu",
+        "user_lacks_permission": "Þú hefur ekki heimild"
+    },
+    "space_settings": {
+        "title": "Stillingar - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Sláðu inn nafn nýja netþjónsins sem þú vilt skoða.",
+            "network_dropdown_add_dialog_placeholder": "Heiti þjóns",
+            "network_dropdown_add_dialog_title": "Bæta við nýjum þjóni",
+            "network_dropdown_add_server_option": "Bæta við nýjum þjóni…",
+            "network_dropdown_available_invalid": "Fann ekki þennan netþjón eða spjallrásalista hans",
+            "network_dropdown_available_invalid_forbidden": "Þú hefur ekki heimild til að skoða spjallrásalistann á þessum netþjóni",
+            "network_dropdown_available_valid": "Lítur vel út",
+            "network_dropdown_remove_server_adornment": "Fjarlægja netþjóninn “%(roomServer)s”",
+            "network_dropdown_required_invalid": "Settu inn nafn á þjóni",
+            "network_dropdown_selected_label": "Birta: Matrix-spjallrásir",
+            "network_dropdown_selected_label_instance": "Sýna: %(instance)s spjallrásir (%(server)s)",
+            "network_dropdown_your_server_description": "Netþjónninn þinn"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Ef þú sérð ekki þann sem þú ert að leita að, ættirðu að senda viðkomandi boðstengil.",
+        "cant_find_room_helpful_hint": "Ef þú finnur ekki spjallrásina sem þú leitar að, skaltu biðja um boð eða útbúa nýja spjallrás.",
+        "copy_link_text": "Afrita boðstengil",
+        "count_of_members": {
+            "one": "%(count)s meðlimur",
+            "other": "%(count)s meðlimir"
+        },
+        "create_new_room_button": "Búa til nýja spjallrás",
+        "group_chat_section_title": "Aðrir valkostir",
+        "heading_with_query": "Notaðu \"%(query)s\" til að leita",
+        "heading_without_query": "Leita að",
+        "join_button_text": "Taka þátt í %(roomAddress)s",
+        "keyboard_scroll_hint": "Notaðu <arrows/> til að skruna",
+        "other_rooms_in_space": "Aðrar spjallrásir í %(spaceName)s",
+        "public_rooms_label": "Almenningsspjallrásir",
+        "recent_searches_section_title": "Nýlegar leitir",
+        "recently_viewed_section_title": "Nýlega skoðað",
+        "result_may_be_hidden_privacy_warning": "Sumar niðurstöður gætu verið faldar þar sem þær eru einkamál",
+        "result_may_be_hidden_warning": "Sumar niðurstöður gætu verið faldar",
+        "search_dialog": "Leitargluggi",
+        "spaces_title": "Svæði sem þú tilheyrir",
+        "start_group_chat_button": "Hefja hópspjall"
+    },
+    "stickers": {
+        "empty": "Í augnablikinu ertu ekki með neina límmerkjapakka virkjaða",
+        "empty_add_prompt": "Bæta við núna"
+    },
+    "terms": {
+        "column_document": "Skjal",
+        "column_service": "Þjónusta",
+        "column_summary": "Yfirlit",
+        "identity_server_no_terms_description_1": "Þessi aðgerð krefst þess að til að fá aðgang að sjálfgefna auðkennisþjóninum <server /> þurfi að sannreyna tölvupóstfang eða símanúmer, en netþjónninn er hins vegar ekki með neina þjónustuskilmála.",
+        "identity_server_no_terms_description_2": "Ekki halda áfram nema þú treystir eiganda netþjónsins.",
+        "identity_server_no_terms_title": "Auðkennisþjónninn er ekki með neina þjónustuskilmála",
+        "inline_intro_text": "Samþykktu <policyLink /> til að halda áfram:",
+        "integration_manager": "Notaðu vélmenni, viðmótshluta og límmerkjapakka",
+        "intro": "Þú verður að samþykkja þjónustuskilmálana til að geta haldið áfram.",
+        "summary_identity_server_1": "Finndu aðra með símanúmeri eða tölvupóstfangi",
+        "summary_identity_server_2": "Láttu finna þig með símanúmeri eða tölvupóstfangi",
+        "tac_button": "Yfirfara skilmála og kvaðir",
+        "tac_description": "Til að halda áfram að nota %(homeserverDomain)s heimaþjóninn þarftu að yfirfara og samþykkja skilmála okkar og kvaðir.",
+        "tac_title": "Skilmálar og kvaðir",
+        "tos": "Þjónustuskilmálar"
+    },
+    "theme": {
+        "light_high_contrast": "Ljóst með mikil birtuskil",
+        "match_system": "Samsvara kerfinu"
+    },
+    "thread_view_back_action_label": "Til baka í spjallþráð",
+    "threads": {
+        "all_threads": "Allir spjallþræðir",
+        "all_threads_description": "Birtir alla spjallþræði úr fyrirliggjandi spjallrás",
+        "count_of_reply": {
+            "one": "%(count)s svar",
+            "other": "%(count)s svör"
+        },
+        "my_threads": "Spjallþræðirnir mínir",
+        "my_threads_description": "Birtir alla spjallþræði sem þú hefur tekið þátt í",
+        "open_thread": "Opna spjallþráð",
+        "show_thread_filter": "Sýna:"
+    },
+    "time": {
+        "date_at_time": "%(date)s kl. %(time)s",
+        "hours_minutes_seconds_left": "%(hours)sk %(minutes)sm %(seconds)ss eftir",
+        "left": "%(timeRemaining)s eftir",
+        "minutes_seconds_left": "%(minutes)sm %(seconds)ss eftir",
+        "seconds_left": "%(seconds)ssek eftir",
+        "short_days_hours_minutes_seconds": "%(days)sd %(hours)sk %(minutes)sm %(seconds)ss",
+        "short_hours": "%(value)sklst",
+        "short_hours_minutes_seconds": "%(hours)sk %(minutes)sm %(seconds)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Fella saman svarþráð",
+            "external_url": "Upprunaslóð",
+            "open_in_osm": "Opna í OpenStreetMap",
+            "report": "Tilkynna",
+            "resent_unsent_reactions": "Endursenda %(unsentCount)s reaction(s)",
+            "show_url_preview": "Birta forskoðun",
+            "view_related_event": "Skoða tengdan atburð",
+            "view_source": "Skoða frumkóða"
+        },
+        "creation_summary_dm": "%(creator)s bjó til oþessi beinu skilaboð.",
+        "creation_summary_room": "%(creator)s bjó til og stillti spjallrásina.",
+        "download_action_downloading": "Sæki",
+        "edits": {
+            "tooltip_label": "Breytt þann %(date)s. Smelltu hér til að skoða breytingar.",
+            "tooltip_sub": "Smelltu hér til að skoða breytingar",
+            "tooltip_title": "Breytt þann %(date)s"
+        },
+        "error_no_renderer": "Ekki tókst að birta þennan atburð",
+        "error_rendering_message": "Gat ekki hlaðið inn þessum skilaboðum",
+        "historical_messages_unavailable": "Þú getur ekki séð eldri skilaboð",
+        "in_room_name": " í <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s hefur uppfært framsetningu spjallrásarinnar",
+        "load_error": {
+            "no_permission": "Reyndi að hlaða inn tilteknum punkti úr tímalínu þessarar spjallrásar, en þú ert ekki með heimild til að skoða tilteknu skilaboðin.",
+            "title": "Mistókst að hlaða inn staðsetningu á tímalínu",
+            "unable_to_find": "Reyndi að hlaða inn tilteknum punkti úr tímalínu þessarar spjallrásar, en tókst ekki að finna þetta."
+        },
+        "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Skoða staðsetningu í rauntíma"
+        },
+        "m.call": {
+            "video_call_ended": "Mynddsímtali lauk",
+            "video_call_started": "Myndsamtal er byrjað í %(roomName)s.",
+            "video_call_started_text": "%(name)s hóf myndsímtal",
+            "video_call_started_unsupported": "Myndsamtal er byrjað í %(roomName)s. (Ekki stutt af þessum vafra)"
+        },
+        "m.call.hangup": {
+            "dm": "Símtali lokið"
+        },
+        "m.call.invite": {
+            "call_back_prompt": "Hringja til baka",
+            "declined": "Símtali hafnað",
+            "failed_connect_media": "Gat ekki tengt gagnamiðil",
+            "failed_connection": "Tenging mistókst",
+            "failed_opponent_media": "Hitt tækið gat ekki ræst myndavélina eða hljóðnemann",
+            "missed_call": "Ósvarað símtal",
+            "no_answer": "Ekkert svar",
+            "unknown_error": "Óþekkt villa kom upp",
+            "unknown_failure": "Óþekkt bilun: %(reason)s",
+            "unknown_state": "Símtalið er í óþekktu ástandi!",
+            "video_call": "%(senderName)s hringdi myndsímtal.",
+            "video_call_unsupported": "%(senderName)s hringdi myndsímtal. (Ekki stutt af þessum vafra)",
+            "voice_call": "%(senderName)s hringdi raddsímtal.",
+            "voice_call_unsupported": "%(senderName)s hringdi raddsímtal. (Ekki stutt af þessum vafra)"
+        },
+        "m.file": {
+            "error_decrypting": "Villa við afkóðun viðhengis"
+        },
+        "m.image": {
+            "error": "Get ekki birt mynd vegna villu",
+            "error_decrypting": "Villa við afkóðun myndar",
+            "error_downloading": "Villa kom upp við að sækja mynd",
+            "sent": "%(senderDisplayName)s sendi mynd.",
+            "show_image": "Birta mynd"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s vill sannreyna",
+            "you_started": "Þú sendir beiðni um sannvottun"
+        },
+        "m.location": {
+            "full": "%(senderName)s hefur deilt staðsetningu sinni",
+            "location": "Deildi staðsetningu: ",
+            "self_location": "Deildi staðsetningu sinni: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s atkvæði",
+                "other": "%(count)s atkvæði"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s hefur lokið könnun"
+        },
+        "m.poll.start": "%(senderName)s hefur sett í gang könnun - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s breytti auðkennismynd spjallrásarinnar.",
+            "lightbox_title": "%(senderDisplayName)s breytti auðkennismyndinni fyrir %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s bætti við varavistfanginu %(addresses)s fyrir þessa spjallrás.",
+                "other": "%(senderName)s bætti við varavistföngunum %(addresses)s fyrir þessa spjallrás."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s fjarlægði varavistfangið %(addresses)s af þessari spjallrás.",
+                "other": "%(senderName)s fjarlægði varavistföngin %(addresses)s af þessari spjallrás."
+            },
+            "changed": "%(senderName)s breytti vistföngunum fyrir þessa spjallrás.",
+            "changed_alternative": "%(senderName)s breytti varavistfanginu fyrir þessa spjallrás.",
+            "changed_main_and_alternative": "%(senderName)s breytti aðal- og varavistföngunum fyrir þessa spjallrás.",
+            "removed": "%(senderName)s fjarlægði aðalvistfang spjallrásarinnar.",
+            "set": "%(senderName)s stillti aðalvistfang spjallrásarinnar sem %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Þessi spjallrás er framhald af öðru samtali.",
+            "see_older_messages": "Smelltu hér til að sjá eldri skilaboð."
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s hefur leyft gestum að koma inn á spjallrásina.",
+            "forbidden": "%(senderDisplayName)s hefur bannað gestum að koma inn á spjallrásina.",
+            "unknown": "%(senderDisplayName)s breytti gestaaðgangi í %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s gerði ferilskrá spjallrásar héðan í frá sýnilega fyrir alla meðlimi spjallrásarinnar síðan þeim var boðið.",
+            "joined": "%(senderName)s gerði ferilskrá spjallrásar héðan í frá sýnilega fyrir alla meðlimi spjallrásarinnar síðan þeir skráðu sig.",
+            "shared": "%(senderName)s gerði ferilskrá spjallrásar héðan í frá sýnilega fyrir alla meðlimi spjallrásarinnar.",
+            "unknown": "%(senderName)s gerði ferilskrá spjallrásar héðan í frá sýnilega fyrir óþekkta (%(visibility)s).",
+            "world_readable": "%(senderName)s gerði ferilskrá spjallrásar héðan í frá sýnilega fyrir alla."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s gerði spjallrás einungis aðgengilega gegn boði.",
+            "public": "%(senderDisplayName)s gerði spjallrásina opinbera fyrir hverja þá sem þekkja slóðina á hana.",
+            "restricted": "%(senderDisplayName)s breytti því hverjir geta tekið þátt í þessari spjallrás.",
+            "restricted_settings": "%(senderDisplayName)s breytti því hverjir geta tekið þátt í þessari spjallrás. <a>Skoða stillingar</a>.",
+            "unknown": "%(senderDisplayName)s breytti þátttökureglu í %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s samþykkti boð um að taka þátt í %(displayName)s",
+            "accepted_invite": "%(targetName)s samþykkti boð",
+            "ban": "%(senderName)s bannaði %(targetName)s",
+            "ban_reason": "%(senderName)s bannaði %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s breytti notandamyndinni sinni",
+            "change_name": "%(oldDisplayName)s breytti birtingarnafni sínu í %(displayName)s",
+            "invite": "%(senderName)s bauð %(targetName)s",
+            "join": "%(targetName)s kom inn á spjallsvæðið",
+            "kick": "%(senderName)s fjarlægði %(targetName)s",
+            "kick_reason": "%(senderName)s fjarlægði %(targetName)s: %(reason)s",
+            "left": "%(targetName)s yfirgaf spjallsvæðið",
+            "left_reason": "%(targetName)s yfirgaf spjallsvæðið: %(reason)s",
+            "no_change": "%(senderName)s gerði enga breytingu",
+            "reject_invite": "%(targetName)s hafnaði boðinu",
+            "remove_avatar": "%(senderName)s fjarlægði notandamyndina sína",
+            "remove_name": "%(senderName)s fjarlægði birtingarnafn sitt (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s stillti notandamynd",
+            "set_name": "%(senderName)s setti birtingarnafn sitt sem %(displayName)s",
+            "unban": "%(senderName)s tók bann af %(targetName)s",
+            "withdrew_invite": "%(senderName)s tók til baka boð til %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s tók til baka boð til %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s breytti heiti spjallrásarinnar úr %(oldRoomName)s yfir í %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s fjarlægði heiti spjallrásarinnar.",
+            "set": "%(senderDisplayName)s breytti heiti spjallrásarinnar í %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s breytti föstum skilaboðum fyrir spjallrásina.",
+            "changed_link": "%(senderName)s breytti <a>föstum skilaboðum</a> fyrir spjallrásina.",
+            "pinned": "%(senderName)s festi skilaboð í þessari spjallrás. Skoðaðu öll fest skilaboð.",
+            "pinned_link": "%(senderName)s festi <a>skilaboð</a> í þessari spjallrás. Skoða öll <b>fest skilaboð</b>.",
+            "unpinned": "%(senderName)s losaði skilaboð af þessari spjallrás. Skoðaðu öll fest skilaboð.",
+            "unpinned_link": "%(senderName)s losaði <a>skilaboð</a> af þessari spjallrás. Skoða öll <b>fest skilaboð</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s breytti völdum %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s úr %(fromPowerLevel)s í %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s afturkallaði boð til %(targetDisplayName)s um þátttöku í spjallrásinni.",
+            "sent": "%(senderName)s sendi boð til %(targetDisplayName)s um þátttöku í spjallrásinni."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s uppfærði þessa spjallrás.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s breytti umræðuefninu í \"%(topic)s\"."
+        },
+        "m.sticker": "%(senderDisplayName)s sendi límmerki.",
+        "m.video": {
+            "error_decrypting": "Villa við afkóðun myndskeiðs"
+        },
+        "m.widget": {
+            "added": "%(widgetName)s viðmótshluta var bætt við af %(senderName)s",
+            "jitsi_ended": "Myndfjarfundi lokið af %(senderName)s",
+            "jitsi_join_right_prompt": "Taka þátt í fjarfundinum á upplýsingaspjaldi spjallrásaarinnar til hægri",
+            "jitsi_join_top_prompt": "Taka þátt í fjarfundinum efst í þessari spjallrás",
+            "jitsi_started": "Myndfjarfundur hafinn af %(senderName)s",
+            "jitsi_updated": "Myndfjarfundur uppfærður af %(senderName)s",
+            "modified": "%(widgetName)s viðmótshluta var breytt af %(senderName)s",
+            "removed": "%(widgetName)s viðmótshluti var fjarlægður af %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Afrita tengil á spjallþráð",
+            "view_in_room": "Skoða á spjallrás"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s uppfærði bannreglu sem samsvarar %(oldGlob)s yfir í að samsvara %(glob)s, vegna %(reason)s",
+            "changed_rule_rooms": "%(senderName)s breytti reglu sem bannar spjallrásir sem samsvara %(oldGlob)s yfir í að samsvara %(glob)s, vegna %(reason)s",
+            "changed_rule_servers": "%(senderName)s breytti reglu sem bannar netþjóna sem samsvara %(oldGlob)s yfir í að samsvara %(glob)s, vegna %(reason)s",
+            "changed_rule_users": "%(senderName)s breytti reglu sem bannar notendur sem samsvara %(oldGlob)s yfir í að samsvara %(glob)s, vegna %(reason)s",
+            "created_rule": "%(senderName)s bjó til bannreglu samsvarar %(glob)s, vegna %(reason)s",
+            "created_rule_rooms": "%(senderName)s bjó til reglu sem bannar spjallrásir sem samsvara %(glob)s, vegna %(reason)s",
+            "created_rule_servers": "%(senderName)s bjó til reglu sem bannar netþjóna sem samsvara %(glob)s, vegna %(reason)s",
+            "created_rule_users": "%(senderName)s bjó til reglu sem bannar notendur sem samsvara %(glob)s, vegna %(reason)s",
+            "removed_rule": "%(senderName)s fjarlægði bannreglu sem samsvarar %(glob)s",
+            "removed_rule_rooms": "%(senderName)s fjarlægði regluna sem bannar spjallrásir sem samsvara %(glob)s",
+            "removed_rule_servers": "%(senderName)s fjarlægði regluna sem bannar netþjóna sem samsvara %(glob)s",
+            "removed_rule_users": "%(senderName)s fjarlægði regluna sem bannar notendur sem samsvara %(glob)s",
+            "updated_invalid_rule": "%(senderName)s fjarlægði ógilda bannreglu",
+            "updated_rule": "%(senderName)s uppfærði bannreglu sem samsvarar %(glob)s, vegna %(reason)s",
+            "updated_rule_rooms": "%(senderName)s uppfærði regluna sem bannar spjallrásir sem samsvara %(glob)s, vegna %(reason)s",
+            "updated_rule_servers": "%(senderName)s uppfærði regluna sem bannar netþjóna sem samsvara %(glob)s, vegna %(reason)s",
+            "updated_rule_users": "%(senderName)s uppfærði regluna sem bannar notendur sem samsvara %(glob)s, vegna %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Þú hefur ekki heimildir til að skoða skilaboð frá því áður en þér var boðið.",
+        "no_permission_messages_before_join": "Þú hefur ekki heimildir til að skoða skilaboð frá því áður en þú fórst að taka þátt.",
+        "pending_moderation": "Efni sem bíður yfirferðar",
+        "pending_moderation_reason": "Efni sem bíður yfirferðar: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Bæta við viðbrögðum",
+            "label": "%(reactors)s brást við með %(content)s"
+        },
+        "read_receipt_title": {
+            "one": "Séð af %(count)s aðila",
+            "other": "Séð af %(count)s aðilum"
+        },
+        "read_receipts_label": "Leskvittanir",
+        "redacted": {
+            "tooltip": "Skilaboð eytt á %(date)s"
+        },
+        "redaction": "Skilaboðum eytt af %(name)s",
+        "reply": {
+            "in_reply_to": "<a>Sem svar til</a> <pill>",
+            "in_reply_to_for_export": "Sem svar við <a>þessum skilaboðum</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Verið er að beina þér á utanaðkomandi vefsvæði til að auðkenna aðganginn þinn til notkunar með %(integrationsUrl)s. Viltu halda áfram?",
+            "dialog_title": "Bæta við samþættingu"
+        },
+        "self_redaction": "Skilaboðum eytt",
+        "send_state_failed": "Mistókst að senda",
+        "send_state_sent": "Skilaboðin þín voru send",
+        "summary": {
+            "banned": {
+                "one": "var bannaður",
+                "other": "var bannaður %(count)s sinnum"
+            },
+            "banned_multiple": {
+                "one": "voru bönnuð",
+                "other": "voru bönnuð %(count)s sinnum"
+            },
+            "changed_name": {
+                "one": "%(oneUser)sbreytti nafni sínu",
+                "other": "%(oneUser)sbreytti nafni sínu %(count)s sinnum"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)sbreyttu nafni sínu",
+                "other": "%(severalUsers)sbreyttu nafni sínu %(count)s sinnum"
+            },
+            "hidden_event": {
+                "one": "%(oneUser)ssendi falin skilaboð",
+                "other": "%(oneUser)ssendi %(count)s falin skilaboð"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)ssendu falin skilaboð",
+                "other": "%(severalUsers)ssendu %(count)s falin skilaboð"
+            },
+            "invited": {
+                "one": "var boðið",
+                "other": "var boðið %(count)s sinnum"
+            },
+            "invited_multiple": {
+                "one": "var boðið",
+                "other": "var boðið %(count)s sinnum"
+            },
+            "joined": {
+                "one": "%(oneUser)sskráði sig",
+                "other": "%(oneUser)shefur skráð sig %(count)s sinnum"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)sskráði sig og fór",
+                "other": "%(oneUser)shefur skráð sig og farið %(count)s sinnum"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)sskráðu sig og fóru",
+                "other": "%(severalUsers)sskráðu sig og fóru %(count)s sinnum"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)sskráðu sig",
+                "other": "%(severalUsers)shafa skráð sig %(count)s sinnum"
+            },
+            "kicked": {
+                "one": "var fjarlægð/ur",
+                "other": "var fjarlægður %(count)s sinnum"
+            },
+            "kicked_multiple": {
+                "one": "voru fjarlægð",
+                "other": "voru fjarlægð %(count)s sinnum"
+            },
+            "left": {
+                "one": "%(oneUser)sfór út",
+                "other": "%(oneUser)sfór út %(count)s sinnum"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)sfóru út",
+                "other": "%(severalUsers)sfóru út %(count)s sinnum"
+            },
+            "no_change": {
+                "one": "%(oneUser)sgerði engar breytingar",
+                "other": "%(oneUser)sgerði engar breytingar %(count)s sinnum"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)sgerðu engar breytingar"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)sbreytti <a>föstum skilaboðum</a> fyrir spjallrásina",
+                "other": "%(oneUser)sbreytti <a>föstum skilaboðum</a> fyrir spjallrásina %(count)s sinnum"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)sbreyttu <a>föstum skilaboðum</a> fyrir spjallrásina",
+                "other": "%(severalUsers)sbreyttu <a>föstum skilaboðum</a> fyrir spjallrásina %(count)s sinnum"
+            },
+            "redacted": {
+                "one": "%(oneUser)sfjarlægði skilaboð",
+                "other": "%(oneUser)sfjarlægði %(count)s skilaboð"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)sfjarlægðu skilaboð",
+                "other": "%(severalUsers)sfjarlægðu %(count)s skilaboð"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)shafnaði boði sínu",
+                "other": "%(oneUser)shafnaði boði sínu %(count)s sinnum"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)shöfnuðu boði þeirra",
+                "other": "%(severalUsers)shöfnuðu boðum þeirra %(count)s sinnum"
+            },
+            "rejoined": {
+                "one": "%(oneUser)sfór og skráði sig aftur",
+                "other": "%(oneUser)sfór og skráði sig aftur %(count)s sinnum"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)sfóru og skráðu sig aftur",
+                "other": "%(severalUsers)shafa skráð sig aftur %(count)s sinnum"
+            },
+            "unbanned": {
+                "one": "var tekin/n úr banni",
+                "other": "var tekin/n úr banni %(count)s sinnum"
+            },
+            "unbanned_multiple": {
+                "one": "voru tekin úr banni",
+                "other": "voru tekin úr banni %(count)s sinnum"
+            }
+        },
+        "thread_info_basic": "Úr spjallþræði",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s og einn til viðbótar eru að skrifa……",
+                "other": "%(names)s og %(count)s til viðbótar eru að skrifa……"
+            },
+            "one_user": "%(displayName)s er að skrifa…",
+            "two_users": "%(names)s og %(lastPerson)s eru að skrifa…… …"
+        },
+        "undecryptable_tooltip": "Þessi skilaboð er ekki hægt að afkóða"
+    },
+    "truncated_list_n_more": {
+        "other": "Og %(count)s til viðbótar..."
+    },
+    "update": {
+        "changelog": "Breytingaskrá",
+        "check_action": "Athuga með uppfærslu",
+        "error_encountered": "Villa fannst (%(errorDetail)s).",
+        "new_version_available": "Ný útgáfa tiltæk. <a>Uppfæra núna.</a>",
+        "no_update": "Engin uppfærsla tiltæk.",
+        "release_notes_toast_title": "Nýtt á döfinni",
+        "see_changes_button": "Hvað er nýtt á döfinni?",
+        "toast_description": "Ný útgáfa %(brand)s er tiltæk",
+        "toast_title": "Uppfæra %(brand)s",
+        "unavailable": "Ekki tiltækt"
+    },
+    "upload_failed_generic": "Skrána '%(fileName)s' mistókst að senda inn.",
+    "upload_failed_size": "Skráin '%(fileName)s' fer yfir stærðarmörk þessa heimaþjóns fyrir innsendar skrár",
+    "upload_failed_title": "Innsending mistókst",
+    "upload_file": {
+        "cancel_all_button": "Hætta við allt",
+        "error_title": "Villa við innsendingu",
+        "title": "Hlaða inn skrám",
+        "title_progress": "Senda inn skrár (%(current)s oaf %(total)s)",
+        "upload_all_button": "Senda allt inn",
+        "upload_n_others_button": {
+            "one": "Senda inn %(count)s skrá til viðbótar",
+            "other": "Senda inn %(count)s skrár til viðbótar"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Kerfisstjóratól",
+        "ban_button_room": "Banna úr herbergi",
+        "ban_button_space": "Banna úr svæði",
+        "ban_room_confirm_title": "Banna í %(roomName)s",
+        "ban_space_everything": "Banna viðkomandi frá því að gera allt það sem ég get gert",
+        "ban_space_specific": "Banna viðkomandi frá því að gera tiltekna hluti sem ég get gert",
+        "deactivate_confirm_action": "Gera notanda óvirkan",
+        "deactivate_confirm_title": "Gera notanda óvirkan?",
+        "demote_button": "Leggja til baka",
+        "demote_self_confirm_description_space": "Þú getur ekki afturkallað þessa aðgerð, þar sem þú ert að lækka sjálfa/n þig í tign, og ef þú ert síðasti notandinn með nógu mikil völd á þessu svæði, verður ómögulegt að ná aftur stjórn á því.",
+        "demote_self_confirm_room": "Þú getur ekki afturkallað þessa aðgerð, þar sem þú ert að lækka sjálfa/n þig í tign, og ef þú ert síðasti notandinn með nógu mikil völd á þessari spjallrás, verður ómögulegt að ná aftur stjórn á henni.",
+        "demote_self_confirm_title": "Lækka þig sjálfa/n í tign?",
+        "disinvite_button_room": "Afbjóða úr herbergi",
+        "disinvite_button_room_name": "Afturkalla boð á %(roomName)s",
+        "disinvite_button_space": "Afbjóða frá stað",
+        "error_ban_user": "Mistókst að banna notanda",
+        "error_deactivate": "Mistókst að gera þennan notanda óvirkan",
+        "error_kicking_user": "Mistókst að fjarlægja notanda",
+        "error_mute_user": "Mistókst að þagga niður í notanda",
+        "error_revoke_3pid_invite_title": "Mistókst að afturkalla boð",
+        "invited_by": "Boðið af %(sender)s",
+        "jump_to_rr_button": "Fara í fyrstu leskvittun",
+        "kick_button_room": "Fjarlægja úr spjallrás",
+        "kick_button_room_name": "Fjarlægja úr %(roomName)s",
+        "kick_button_space": "Fjarlægja úr stað",
+        "kick_button_space_everything": "Fjarlægja viðkomandi úr öllu því sem ég get gert",
+        "kick_space_specific": "Fjarlægja viðkomandi úr tilteknum hlutum sem ég get gert",
+        "kick_space_warning": "Viðkomandi munu eftir sem áður hafa aðgang að hverju því sem þú ert ekki stjórnandi fyrir.",
+        "promote_warning": "Þú getur ekki afturkallað þessa aðgerð, þar sem þú ert að gefa notandanum jafn mikil völd og þú hefur sjálf/ur.",
+        "redact": {
+            "confirm_button": {
+                "one": "Fjarlægja 1 skilaboð",
+                "other": "Fjarlægja %(count)s skilaboð"
+            },
+            "confirm_keep_state_label": "Geyma kerfisskilaboð",
+            "confirm_title": "Fjarlægja nýleg skilaboð frá %(user)s",
+            "no_recent_messages_description": "Prófaðu að skruna upp í tímalínunni til að sjá hvort það séu einhver eldri.",
+            "no_recent_messages_title": "Engin nýleg skilaboð frá %(user)s fundust"
+        },
+        "redact_button": "Fjarlægja nýleg skilaboð",
+        "revoke_invite": "Afturkalla boð",
+        "room_encrypted": "Skilaboð í þessari spjallrás eru enda-í-enda dulrituð.",
+        "room_encrypted_detail": "Öryggi skilaboðanna þinna er tryggt og einungis þú og viðtakendurnir hafa dulritunarlyklana til að opna skilaboðin.",
+        "room_unencrypted": "Skilaboð í þessari spjallrás eru ekki enda-í-enda dulrituð.",
+        "room_unencrypted_detail": "Á dulrituðum spjallrásum er öryggi skilaboðanna þinna tryggt og einungis þú og viðtakendurnir hafa dulritunarlyklana til að opna skilaboðin.",
+        "share_button": "Deila Hlekk að Notanda",
+        "unban_button_room": "Afbanna úr herbergi",
+        "unban_button_space": "Afbanna úr svæði",
+        "unban_room_confirm_title": "Afbanna í %(roomName)s",
+        "unban_space_everything": "Afturkalla bann viðkomandi frá því að gera allt það sem ég get gert",
+        "unban_space_specific": "Afturkalla bann viðkomandi frá því að gera tiltekna hluti sem ég get gert",
+        "unban_space_warning": "Viðkomandi munu ekki hafa aðgang að því sem þú ert ekki stjórnandi fyrir.",
+        "verify_button": "Sannreyna notanda"
+    },
+    "voip": {
+        "already_in_call": "Nú þegar í símtali",
+        "already_in_call_person": "Þú ert nú þegar í símtali við þennan aðila.",
+        "answered_elsewhere": "Svarað annars staðar",
+        "answered_elsewhere_description": "Símtalinu var svarað á öðru tæki.",
+        "call_failed": "Símtal mistókst",
+        "call_failed_description": "Ekki tókst að koma símtalinu á",
+        "call_failed_media": "Símtal mistókst þar sem ekki tókst að fá aðgang að vefmyndavél eða hljóðnema. Athugaðu þetta:",
+        "call_failed_media_applications": "Ekkert annað forrit er að nota vefmyndavélina",
+        "call_failed_media_connected": "Hljóðnemi og vefmyndavél eru tengd og rétt upp sett",
+        "call_failed_media_permissions": "Heimild veitt til að nota vefmyndavélina",
+        "call_failed_microphone": "Símtal mistókst þar sem ekki tókst að fá aðgang að hljóðnema. Athugaðu hvort hljóðnemi sé tengdur og rétt upp settur.",
+        "call_held": "%(peerName)s setti símtalið í bið",
+        "call_held_resume": "Þú settir símtalið í bið <a>Halda áfram</a>",
+        "call_held_switch": "Þú settir símtalið í bið <a>Skipta</a>",
+        "call_toast_unknown_room": "Óþekkt spjallrás",
+        "camera_disabled": "Slökkt er á myndavélinni þinni",
+        "camera_enabled": "Enn er kveikt á myndavélinni þinni",
+        "cannot_call_yourself_description": "Þú getur ekki byrjað símtal með sjálfum þér.",
+        "connecting": "Tengist",
+        "connection_lost": "Tenging við vefþjón hefur rofnað",
+        "connection_lost_description": "Þú getur ekki hringt símtöl án tengingar við netþjóninn.",
+        "consulting": "Ráðfæri við %(transferTarget)s. <a>Flytja á %(transferee)s</a>",
+        "default_device": "Sjálfgefið tæki",
+        "dial": "Hringja",
+        "dialpad": "Talnaborð",
+        "disable_camera": "Slökkva á myndavél",
+        "disable_microphone": "Þagga niður í hljóðnema",
+        "disabled_no_perms_start_video_call": "Þú hefur ekki heimildir til að hefja myndsímtöl",
+        "disabled_no_perms_start_voice_call": "Þú hefur ekki heimildir til að hefja raddsímtöl",
+        "disabled_ongoing_call": "Símtal í gangi",
+        "enable_camera": "Kveikja á myndavél",
+        "enable_microphone": "Kveikja á hljóðnema",
+        "expand": "Fara til baka í símtal",
+        "hangup": "Leggja á",
+        "hide_sidebar_button": "Fela hliðarspjald",
+        "input_devices": "Inntakstæki",
+        "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.",
+        "more_button": "Meira",
+        "msisdn_lookup_failed": "Ekki er hægt að fletta upp símanúmeri",
+        "msisdn_lookup_failed_description": "Það kom upp villa við að fletta upp símanúmerinu",
+        "msisdn_transfer_failed": "Mistókst að áframsenda símtal",
+        "n_people_joined": {
+            "one": "%(count)s aðili hefur tekið þátt",
+            "other": "%(count)s aðilar hafa tekið þátt"
+        },
+        "no_audio_input_description": "Fundum ekki neinn hljóðnema á tækinu þínu. Skoðaðu stillingarnar þínar og reyndu aftur.",
+        "no_audio_input_title": "Enginn hljóðnemi fannst",
+        "no_media_perms_title": "Engar heimildir fyrir myndefni",
+        "no_permission_conference": "Krafist er heimildar",
+        "no_permission_conference_description": "Þú hefur ekki aðgangsheimildir til að hefja fjarfund á þessari spjallrás",
+        "on_hold": "%(name)s er í bið",
+        "output_devices": "Úttakstæki",
+        "screenshare_monitor": "Deila öllum skjánum",
+        "screenshare_title": "Deila efni",
+        "screenshare_window": "Forritsgluggi",
+        "show_sidebar_button": "Sýna hliðarspjald",
+        "silence": "Þagga niður í símtali",
+        "silenced": "Þaggað niður í tilkynningum",
+        "start_screenshare": "Byrjaðu að deila skjánum þínum",
+        "stop_screenshare": "Hætta að deila skjánum þínum",
+        "too_many_calls": "Of mörg símtöl",
+        "too_many_calls_description": "Þú hefur náð hámarksfjölda samhliða símtala.",
+        "transfer_consult_first_label": "Ráðfæra fyrst",
+        "transfer_failed": "Flutningur mistókst",
+        "transfer_failed_description": "Mistókst að áframsenda símtal",
+        "unable_to_access_audio_input_description": "Gat ekki tengst hljóðnemanum þínum. Skoðaðu stillingar vafrans þíns og reyndu aftur.",
+        "unable_to_access_audio_input_title": "Mistókst að ná aðgangi að hljóðnema",
+        "unable_to_access_media": "Mistókst að ná aðgangi að vefmyndavél / hljóðnema",
+        "unable_to_access_microphone": "Mistókst að ná aðgangi að hljóðnema",
+        "unknown_caller": "Óþekktur hringjandi",
+        "unknown_person": "óþekktur einstaklingur",
+        "unsilence": "Hljóð á",
+        "unsupported": "Ekki er stuðningur við símtöl",
+        "unsupported_browser": "Þú getur ekki hringt símtöl í þessum vafra.",
+        "user_busy": "Notandi upptekinn",
+        "user_busy_description": "Notandinn sem þú hringdir í er upptekinn.",
+        "user_is_presenting": "%(sharerName)s er að kynna",
+        "video_call": "Myndsímtal",
+        "voice_call": "Raddsímtal",
+        "you_are_presenting": "Þú ert að kynna"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s á %(osName)s",
+    "widget": {
+        "added_by": "Viðmótshluta bætt við af",
+        "capabilities_dialog": {
+            "content_starting_text": "Þessi viðmótshluti vill:",
+            "decline_all_permission": "Hafna öllu",
+            "remember_Selection": "Muna val mitt fyrir þennan viðmótshluta",
+            "title": "Samþykkja heimildir viðmótshluta"
+        },
+        "capability": {
+            "always_on_screen_generic": "Vertu áfram á skjánum á meðan þú keyrir",
+            "always_on_screen_viewing_another_room": "Vertu áfram á skjánum þegar önnur spjallrás er skoðuð, á meðan þú keyrir",
+            "any_room": "Ofangreint, en einnig í hverri þeirri spjallrás sem þú tekur þátt í eða hefur verið boðið að taka þátt í",
+            "byline_empty_state_key": "með tómum stöðulykli",
+            "byline_state_key": "með stöðulykli %(stateKey)s",
+            "capability": "Geta <b>%(capability)s</b>-þjónsins",
+            "change_avatar_active_room": "Breyta auðkennismynd virku spjallrásarinnar þinnar",
+            "change_avatar_this_room": "Breyta auðkennismynd þessarar spjallrásar",
+            "change_name_active_room": "Breyta heiti virku spjallrásarinnar þinnar",
+            "change_name_this_room": "Breyta heiti þessarar spjallrásar",
+            "change_topic_active_room": "Breyta umfjöllunarefni virku spjallrásarinnar þinnar",
+            "change_topic_this_room": "Breyta heiti þessarar spjallrásar",
+            "receive_membership_active_room": "Sjá þegar fólk tekur þátt, yfirgefur eða er boðið á virku spjallrásina þína",
+            "receive_membership_this_room": "Sjá þegar fólk tekur þátt, yfirgefur eða er boðið á þessa spjallrás",
+            "remove_ban_invite_leave_active_room": "Fjarlægðu, bannaðu eða bjóddu fólki í virku spjallrásina þína auk þess að þú getur yfirgefið hana",
+            "remove_ban_invite_leave_this_room": "Fjarlægðu, bannaðu eða bjóddu fólki í þessa spjallrás auk þess að þú getur yfirgefið hana",
+            "see_avatar_change_active_room": "Sjá þegar auðkennismynd virku spjallrásarinnar þinnar breytist",
+            "see_avatar_change_this_room": "Sjá þegar auðkennismynd þessarar spjallrásar breytist",
+            "see_event_type_sent_active_room": "Sjá <b>%(eventType)s</b> atburði sem birtast í virku spjallrásina þinni",
+            "see_event_type_sent_this_room": "Sjá <b>%(eventType)s</b> atburði sem birtast í þessari spjallrás",
+            "see_images_sent_active_room": "Sjá myndir sem birtast í virku spjallrásina þinni",
+            "see_images_sent_this_room": "Sjá myndir sem birtast í þessari spjallrás",
+            "see_messages_sent_active_room": "Sjá skilaboð sem birtast í virku spjallrásina þinni",
+            "see_messages_sent_this_room": "Sjá skilaboð sem birtast í þessari spjallrás",
+            "see_msgtype_sent_active_room": "Sjá <b>%(msgtype)s</b> skilaboð sem birtast í virku spjallrásina þinni",
+            "see_msgtype_sent_this_room": "Sjá <b>%(msgtype)s</b> skilaboð sem birtast í þessari spjallrás",
+            "see_name_change_active_room": "Sjá þegar heiti virku spjallrásarinnar þinnar breytist",
+            "see_name_change_this_room": "Sjá þegar heiti þessarar spjallrásar breytist",
+            "see_sent_emotes_active_room": "Sjá tjáningar sem birtast í virku spjallrásina þinni",
+            "see_sent_emotes_this_room": "Sjá tjáningar sem birtast í þessari spjallrás",
+            "see_sent_files_active_room": "Sjá almennar skrár sem birtast í virku spjallrásina þinni",
+            "see_sent_files_this_room": "Sjá almennar skrár sem birtast í þessari spjallrás",
+            "see_sticker_posted_active_room": "Sjá þegar límmerki er birt í virku spjallrásinni þinni",
+            "see_sticker_posted_this_room": "Sjá þegar límmerki er birt í þessari spjallrás",
+            "see_text_messages_sent_active_room": "Sjá textaskilaboð sem birtast í virku spjallrásina þinni",
+            "see_text_messages_sent_this_room": "Sjá textaskilaboð sem birtast í þessari spjallrás",
+            "see_topic_change_active_room": "Sjá þegar umfjöllunarefni virku spjallrásarinnar þinnar breytist",
+            "see_topic_change_this_room": "Sjá þegar umfjöllunarefni þessarar spjallrásar breytist",
+            "see_videos_sent_active_room": "Sjá myndskeið sem birtast í virku spjallrásina þinni",
+            "see_videos_sent_this_room": "Sjá myndskeið sem birtast í þessari spjallrás",
+            "send_emotes_active_room": "Senda tjáningu sem þú á virku spjallrásina þína",
+            "send_emotes_this_room": "Senda tjáningu sem þú í þessari spjallrás",
+            "send_event_type_active_room": "Senda <b>%(eventType)s</b> atburði sem þú á virku spjallrásina þína",
+            "send_event_type_this_room": "Senda <b>%(eventType)s</b> atburði sem þú á þessa spjallrás",
+            "send_files_active_room": "Senda almennar skrár sem þú á virku spjallrásina þína",
+            "send_files_this_room": "Senda almennar skrár sem þú í þessari spjallrás",
+            "send_images_active_room": "Senda myndir sem þú á virku spjallrásina þína",
+            "send_images_this_room": "Senda myndir sem þú í þessari spjallrás",
+            "send_messages_active_room": "Senda skilaboð sem þú á virku spjallrásina þína",
+            "send_messages_this_room": "Senda skilaboð sem þú í þessari spjallrás",
+            "send_msgtype_active_room": "Senda <b>%(msgtype)s</b>-skilaboð sem þú á virku spjallrásina þína",
+            "send_msgtype_this_room": "Senda <b>%(msgtype)s</b>-skilaboð sem þú á þessa spjallrás",
+            "send_stickers_active_room": "Senda límmerki á virku spjallrásina þína",
+            "send_stickers_active_room_as_you": "Senda límmerki sem þú á virku spjallrásina þína",
+            "send_stickers_this_room": "Senda límmerki á þessa spjallrás",
+            "send_stickers_this_room_as_you": "Senda límmerki sem þú á þessa spjallrás",
+            "send_text_messages_active_room": "Senda textaskilaboð sem þú á virku spjallrásina þína",
+            "send_text_messages_this_room": "Senda textaskilaboð sem þú á þessa spjallrás",
+            "send_videos_active_room": "Senda myndskeið sem þú á virku spjallrásina þína",
+            "send_videos_this_room": "Senda myndskeið sem þú í þessari spjallrás",
+            "specific_room": "Ofangreint, en einnig í <Room />",
+            "switch_room": "Breyttu hvaða spjallrás þú ert að skoða",
+            "switch_room_message_user": "Breyttu hvaða spjallrás, skilaboð eða notanda þú ert að skoða"
+        },
+        "close_to_view_right_panel": "Lokaðu þessum viðmótshluta til að sjá hann á þessu spjaldi",
+        "context_menu": {
+            "delete": "Eyða viðmótshluta",
+            "delete_warning": "Sé viðmótshluta eytt hverfur hann hjá öllum notendum í þessari spjallrás. Ertu viss um að þú viljir eyða þessum viðmótshluta?"
+        },
+        "cookie_warning": "Þessi viðmótshluti gæti notað vefkökur.",
+        "error_hangup_description": "Þú varst aftengd/ur frá samtalinu. (Villa: %(message)s)",
+        "error_hangup_title": "Tenging rofnaði",
+        "error_loading": "Villa við að hlaða inn viðmótshluta",
+        "error_mixed_content": "Villa - blandað efni",
+        "error_need_invite_permission": "Þú þarft að hafa heimild til að bjóða notendum til að gera þetta.",
+        "error_need_kick_permission": "Þú þarft að hafa heimild til að sparka notendum til að gera þetta.",
+        "error_need_to_be_logged_in": "Þú þarft að vera skráð/ur inn.",
+        "error_unable_start_audio_stream_description": "Get ekki ræst hljóðstreymi.",
+        "error_unable_start_audio_stream_title": "Tókst ekki að ræsa beint streymi",
+        "modal_data_warning": "Gögnum á þessum skjá er deilt með %(widgetDomain)s",
+        "no_name": "Óþekkt forrit",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Muna þetta",
+            "title": "Leyfa þessum viðmótshluta að sannreyna auðkennin þín"
+        },
+        "popout": "Sprettviðmótshluti",
+        "shared_data_mxid": "Notandaauðkennið þitt",
+        "shared_data_name": "Birtingarnafnið þitt",
+        "shared_data_room_id": "Auðkenni spjallrásar",
+        "shared_data_theme": "Þemað þitt",
+        "shared_data_warning": "Að nota þennan viðmótshluta gæti deilt gögnum <helpIcon /> með %(widgetDomain)s.",
+        "shared_data_warning_im": "Að nota þennan viðmótshluta gæti deilt gögnum <helpIcon /> með %(widgetDomain)s og samþættingarstýringunni þinni.",
+        "shared_data_widget_id": "Auðkenni viðmótshluta",
+        "unencrypted_warning": "Viðmótshlutar nota ekki dulritun skilaboða.",
+        "unmaximise": "Ekki-hámarka",
+        "unpin_to_view_right_panel": "Losaðu þennan viðmótshluta til að sjá hann á þessu spjaldi"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Allt í hástöfum en næstum eins auðvelt að giska á og allt í lágstöfum",
+            "anotherWord": "Bættu við öðru orði eða tveimur. Sjaldgæf orð eru betri.",
+            "associatedYears": "Forðastu ártöl sem tengjast þér",
+            "capitalization": "Hástafaritun hjálpar ekki mikið",
+            "dates": "Forðastu dagsetningar og ártöl sem tengjast þér",
+            "l33t": "Augljósar útskiptingar á borð við '@' í stað 'a' hjálpa ekki mikið",
+            "longerKeyboardPattern": "Notaðu lengri lyklaborðsmynstur með fleiri beygjum",
+            "noNeed": "Engin þörf á táknum, tölustöfum, eða hástöfum",
+            "recentYears": "Forðastu nýleg ártöl",
+            "repeated": "Forðastu endurtekin orð og stafi",
+            "reverseWords": "Viðsnúin orð er ekki mikið erfiðara að giska á",
+            "sequences": "Forðastu runur",
+            "useWords": "Notaðu nokkur orð. Forðastu algengar setningar"
+        },
+        "warnings": {
+            "common": "Þetta er mjög algengt lykilorð",
+            "commonNames": "Auðvelt er að giska á algeng nöfn og kenninöfn",
+            "dates": "Oft er auðvelt að giska á dagsetningar",
+            "extendedRepeat": "Ekki er mikið erfiðara að giska á endurtekningar eins og\"abcabcabc\" heldur en \"aaa\"\"",
+            "keyPattern": "Auðvelt er að giska á styttri mynstur á lyklaborði",
+            "namesByThemselves": "Auðvelt er að giska á eiginnöfn og kenninöfn",
+            "recentYears": "Auðvelt er að giska á nýleg ártöl",
+            "sequences": "Auðvelt er að giska á runur eins og \"abc\" eða \"6543\"",
+            "similarToCommon": "Þetta líkist algengu lykilorði",
+            "simpleRepeat": "Auðvelt er að giska á endurtekningar eins og \"aaa\"",
+            "straightRow": "Auðvelt er að giska á beinar raðir af lyklum á lyklaborði",
+            "topHundred": "Þetta er í hópi 100 algengustu lykilorða",
+            "topTen": "Þetta er í hópi 10 algengustu lykilorða",
+            "wordByItself": "Auðvelt er að giska á stakt orð"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/it.json b/apps/web/src/i18n/strings/it.json
new file mode 100644
index 00000000000..77cf8acbbd9
--- /dev/null
+++ b/apps/web/src/i18n/strings/it.json
@@ -0,0 +1,3452 @@
+{
+    "a11y": {
+        "jump_first_invite": "Salta al primo invito.",
+        "message_composer": "Compositore di messaggi",
+        "n_unread_messages": {
+            "other": "%(count)s messaggi non letti.",
+            "one": "1 messaggio non letto."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s messaggi non letti incluse le citazioni.",
+            "one": "1 citazione non letta."
+        },
+        "room_status_bar": "Barra di stato della stanza",
+        "seek_bar_label": "Barra di ricerca audio",
+        "unread_messages": "Messaggi non letti."
+    },
+    "a11y_jump_first_unread_room": "Salta alla prima stanza non letta.",
+    "action": {
+        "accept": "Accetta",
+        "add": "Aggiungi",
+        "add_existing_room": "Aggiungi stanza esistente",
+        "apply": "Applica",
+        "approve": "Approva",
+        "ask_to_join": "Chiedi di entrare",
+        "back": "Indietro",
+        "call": "Chiama",
+        "cancel": "Annulla",
+        "change": "Cambia",
+        "clear": "Svuota",
+        "click_to_copy": "Clicca per copiare",
+        "close": "Chiudi",
+        "collapse": "Riduci",
+        "complete": "Completa",
+        "confirm": "Conferma",
+        "continue": "Continua",
+        "copy": "Copia",
+        "copy_link": "Copia collegamento",
+        "create": "Crea",
+        "create_a_room": "Crea una stanza",
+        "create_account": "Crea account",
+        "decline": "Rifiuta",
+        "delete": "Elimina",
+        "deny": "Nega",
+        "disable": "Disattiva",
+        "disconnect": "Disconnetti",
+        "dismiss": "Chiudi",
+        "done": "Fatto",
+        "download": "Scarica",
+        "edit": "Modifica",
+        "enable": "Attiva",
+        "enter_fullscreen": "Attiva schermo intero",
+        "exit_fullscreeen": "Esci da schermo intero",
+        "expand": "Espandi",
+        "explore_rooms": "Esplora stanze",
+        "export": "Esporta",
+        "forward": "Inoltra",
+        "go": "Vai",
+        "go_back": "Torna",
+        "got_it": "Capito",
+        "hide_advanced": "Nascondi avanzate",
+        "hold": "Sospendi",
+        "ignore": "Ignora",
+        "import": "Importa",
+        "invite": "Invita",
+        "join": "Entra",
+        "learn_more": "Maggiori informazioni",
+        "leave": "Esci",
+        "leave_room": "Esci dalla stanza",
+        "logout": "Disconnetti",
+        "manage": "Gestisci",
+        "maximise": "Espandi",
+        "mention": "Cita",
+        "minimise": "Riduci",
+        "new_room": "Nuova stanza",
+        "new_video_room": "Nuova stanza video",
+        "next": "Avanti",
+        "no": "No",
+        "ok": "OK",
+        "open": "Apri",
+        "pin": "Spillo",
+        "proceed": "Procedi",
+        "quote": "Cita",
+        "react": "Reagisci",
+        "refresh": "Aggiorna",
+        "register": "Registrati",
+        "reload": "Ricarica",
+        "remove": "Rimuovi",
+        "rename": "Rinomina",
+        "reply": "Rispondi",
+        "reply_in_thread": "Rispondi nella conversazione",
+        "resend": "Reinvia",
+        "reset": "Ripristina",
+        "resume": "Riprendi",
+        "retry": "Riprova",
+        "review": "Controlla",
+        "revoke": "Revoca",
+        "save": "Salva",
+        "search": "Cerca",
+        "send_report": "Invia segnalazione",
+        "share": "Condividi",
+        "show": "Mostra",
+        "show_advanced": "Mostra avanzate",
+        "show_all": "Mostra tutto",
+        "sign_in": "Accedi",
+        "sign_out": "Disconnetti",
+        "skip": "Salta",
+        "start": "Inizia",
+        "stop": "Ferma",
+        "submit": "Invia",
+        "subscribe": "Iscriviti",
+        "transfer": "Trasferisci",
+        "trust": "Fidati",
+        "try_again": "Riprova",
+        "unban": "Togli ban",
+        "unignore": "Non ignorare più",
+        "unpin": "Sblocca",
+        "unsubscribe": "Disiscriviti",
+        "update": "Aggiornamento",
+        "upgrade": "Aggiorna",
+        "upload": "Carica",
+        "verify": "Verifica",
+        "view": "Vedi",
+        "view_all": "Vedi tutto",
+        "view_list": "Vedi lista",
+        "view_message": "Vedi messaggio",
+        "view_source": "Visualizza sorgente",
+        "yes": "Sì",
+        "zoom_in": "Ingrandisci",
+        "zoom_out": "Rimpicciolisci"
+    },
+    "analytics": {
+        "accept_button": "Va bene",
+        "bullet_1": "<Bold>Non</Bold> registriamo o profiliamo alcun dato dell'account",
+        "bullet_2": "<Bold>Non</Bold> condividiamo informazioni con terze parti",
+        "consent_migration": "Hai precedentemente accettato di condividere dati anonimi di utilizzo con noi. Ne stiamo aggiornando il funzionamento.",
+        "disable_prompt": "Puoi disattivarlo in qualsiasi momento nelle impostazioni",
+        "enable_prompt": "Aiuta a migliorare %(analyticsOwner)s",
+        "learn_more": "Condividi dati anonimi per aiutarci a identificare problemi. Niente di personale. Niente terze parti. <LearnMoreLink>Maggiori informazioni</LearnMoreLink>",
+        "privacy_policy": "Puoi leggere tutti i nostri termini di servizio <PrivacyPolicyUrl>qui</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Aiutaci a identificare problemi e a migliorare %(analyticsOwner)s condividendo dati di utilizzo anonimi. Per capire come le persone usano diversi dispositivi, genereremo un identificativo casuale, condiviso dai tuoi dispositivi.",
+        "shared_data_heading": "Possono essere condivisi tutti i seguenti dati:"
+    },
+    "auth": {
+        "3pid_in_use": "Quell'indirizzo email o numero di telefono è già in uso.",
+        "account_clash": "Il tuo nuovo account (%(newAccountId)s) è registrato, ma hai già fatto l'accesso in un account diverso (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Continua con l'account precedente",
+        "account_deactivated": "Questo account è stato disattivato.",
+        "autodiscovery_generic_failure": "Ottenimento automatico configurazione dal server fallito",
+        "autodiscovery_hs_incompatible": "Il tuo homeserver è troppo vecchio e non supporta la versione API minima richiesta. Contatta il proprietario del server o aggiornalo.",
+        "autodiscovery_invalid": "Risposta della ricerca homeserver non valida",
+        "autodiscovery_invalid_hs": "L'URL dell'homeserver non sembra essere un homeserver Matrix valido",
+        "autodiscovery_invalid_hs_base_url": "Base_url per m.homeserver non valido",
+        "autodiscovery_invalid_is": "L'URL del server di identità non sembra essere un server di identità valido",
+        "autodiscovery_invalid_is_base_url": "Base_url per m.identity_server non valido",
+        "autodiscovery_invalid_is_response": "Risposta non valida cercando server di identità",
+        "autodiscovery_invalid_json": "JSON non valido",
+        "autodiscovery_no_well_known": "Nessun file JSON .well-known trovato",
+        "autodiscovery_unexpected_error_hs": "Errore inaspettato nella risoluzione della configurazione homeserver",
+        "autodiscovery_unexpected_error_is": "Errore inaspettato risolvendo la configurazione del server identità",
+        "captcha_description": "Questo homeserver vorrebbe assicurarsi che non sei un robot.",
+        "change_password_action": "Modifica password",
+        "change_password_confirm_invalid": "Le password non corrispondono",
+        "change_password_confirm_label": "Conferma password",
+        "change_password_current_label": "Password attuale",
+        "change_password_empty": "Le password non possono essere vuote",
+        "change_password_error": "Errore nella modifica della password: %(error)s",
+        "change_password_mismatch": "Le nuove password non corrispondono",
+        "change_password_new_label": "Nuova password",
+        "check_email_explainer": "Segui le istruzioni inviate a <b>%(email)s</b>",
+        "check_email_resend_prompt": "Non l'hai ricevuta?",
+        "check_email_resend_tooltip": "Email con link di verifica reinviata!",
+        "check_email_wrong_email_button": "Re-inserisci l'indirizzo email",
+        "check_email_wrong_email_prompt": "Indirizzo email sbagliato?",
+        "continue_with_idp": "Continua con %(provider)s",
+        "continue_with_sso": "Continua con %(ssoButtons)s",
+        "country_dropdown": "Nazione a tendina",
+        "create_account_prompt": "Prima volta qui? <a>Crea un account</a>",
+        "create_account_title": "Crea account",
+        "email_discovery_text": "Usa l'email per essere facoltativamente trovabile dai contatti esistenti.",
+        "email_field_label": "Email",
+        "email_field_label_invalid": "Non sembra essere un indirizzo email valido",
+        "email_field_label_required": "Inserisci indirizzo email",
+        "email_help_text": "Aggiungi un'email per poter reimpostare la password.",
+        "email_phone_discovery_text": "Usa l'email o il telefono per essere facoltativamente trovabile dai contatti esistenti.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> ti invierà un link di verifica per farti reimpostare la password.",
+        "enter_email_heading": "Inserisci la tua email per reimpostare la password",
+        "failed_connect_identity_server": "Impossibile raggiungere il server identità",
+        "failed_connect_identity_server_other": "Puoi accedere, ma alcune funzioni non saranno disponibili finchè il server identità non sarà tornato online. Se continui a vedere questo avviso, controlla la tua configurazione o contatta un amministratore del server.",
+        "failed_connect_identity_server_register": "Puoi registrarti, ma alcune funzioni non saranno disponibili finchè il server identità non sarà tornato online. Se continui a vedere questo avviso, controlla la tua configurazione o contatta un amministratore del server.",
+        "failed_connect_identity_server_reset_password": "Puoi ripristinare la password, ma alcune funzioni non saranno disponibili finchè il server identità non sarà tornato online. Se continui a vedere questo avviso, controlla la tua configurazione o contatta un amministratore del server.",
+        "failed_homeserver_discovery": "Ricerca dell'homeserver fallita",
+        "failed_query_registration_methods": "Impossibile richiedere i metodi di registrazione supportati.",
+        "failed_soft_logout_auth": "Riautenticazione fallita",
+        "failed_soft_logout_homeserver": "Riautenticazione fallita per un problema dell'homeserver",
+        "forgot_password_email_invalid": "L'indirizzo email non sembra essere valido.",
+        "forgot_password_email_required": "Deve essere inserito l'indirizzo email collegato al tuo account.",
+        "forgot_password_prompt": "Hai dimenticato la password?",
+        "forgot_password_send_email": "Invia email",
+        "identifier_label": "Accedi con",
+        "incorrect_credentials": "Nome utente e/o password sbagliati.",
+        "incorrect_credentials_detail": "Nota che stai accedendo nel server %(hs)s , non matrix.org.",
+        "incorrect_password": "Password sbagliata",
+        "log_in_new_account": "<a>Accedi</a> al tuo nuovo account.",
+        "logout_dialog": {
+            "description": "Sei sicuro di volerti disconnettere?",
+            "setup_key_backup_title": "Perderai l'accesso ai tuoi messaggi cifrati",
+            "skip_key_backup": "Non voglio i miei messaggi cifrati"
+        },
+        "misconfigured_body": "Chiedi al tuo amministratore di %(brand)s di controllare <a>la tua configurazione</a> per voci non valide o doppie.",
+        "misconfigured_title": "Il tuo %(brand)s è configurato male",
+        "msisdn_field_description": "Altri utenti ti possono invitare nelle stanze usando i tuoi dettagli di contatto",
+        "msisdn_field_label": "Telefono",
+        "msisdn_field_number_invalid": "Quel numero di telefono non sembra corretto, controlla e riprova",
+        "msisdn_field_required_invalid": "Inserisci numero di telefono",
+        "no_hs_url_provided": "Nessun URL homeserver fornito",
+        "oidc": {
+            "error_title": "Non abbiamo potuto farti accedere",
+            "generic_auth_error": "Qualcosa è andato storto durante l'autenticazione. Vai alla pagina di accesso e riprova.",
+            "missing_or_invalid_stored_state": "Abbiamo chiesto al browser di ricordare quale homeserver usi per farti accedere, ma sfortunatamente l'ha dimenticato. Vai alla pagina di accesso e riprova."
+        },
+        "password_field_keep_going_prompt": "Continua…",
+        "password_field_label": "Inserisci password",
+        "password_field_strong_label": "Bene, password robusta!",
+        "password_field_weak_label": "La password è permessa, ma non sicura",
+        "phone_label": "Telefono",
+        "phone_optional_label": "Telefono (facoltativo)",
+        "qr_code_login": {
+            "completing_setup": "Completamento configurazione nuovo dispositivo",
+            "error_rate_limited": "Troppi tentativi in poco tempo. Attendi un po' prima di riprovare.",
+            "error_unexpected": "Si è verificato un errore imprevisto. La richiesta di connessione dell'altro dispositivo è stata annullata.",
+            "scan_code_instruction": "Scansiona il codice QR con un altro dispositivo",
+            "scan_qr_code": "Accedi con codice QR",
+            "select_qr_code": "Seleziona \"%(scanQRCode)s\"",
+            "waiting_for_device": "In attesa che il dispositivo acceda"
+        },
+        "register_action": "Crea account",
+        "registration": {
+            "continue_without_email_description": "Solo un avviso, se non aggiungi un'email e dimentichi la password, potresti <b>perdere permanentemente l'accesso al tuo account</b>.",
+            "continue_without_email_field_label": "Email (facoltativa)",
+            "continue_without_email_title": "Continuando senza email"
+        },
+        "registration_disabled": "La registrazione è stata disattivata su questo homeserver.",
+        "registration_msisdn_field_required_invalid": "Inserisci numero di telefono (necessario in questo homeserver)",
+        "registration_successful": "Registrazione riuscita",
+        "registration_username_in_use": "Qualcuno ha già quel nome utente. Provane un altro o se sei tu, accedi qui sotto.",
+        "registration_username_unable_check": "Impossibile controllare se il nome utente è già in uso. Riprova più tardi.",
+        "registration_username_validation": "Usa solo minuscole, numeri, trattini e trattini bassi",
+        "reset_password": {
+            "confirm_new_password": "Conferma nuova password",
+            "devices_logout_success": "Hai eseguito la disconnessione da tutti i dispositivi e non riceverai più notifiche push. Per riattivare le notifiche, riaccedi su ogni dispositivo.",
+            "other_devices_logout_warning_1": "La disconnessione dai tuoi dispositivi eliminerà le chiavi di crittografia dei messaggi salvate in essi, rendendo illeggibile la cronologia delle chat cifrate.",
+            "other_devices_logout_warning_2": "Se vuoi mantenere l'accesso alla cronologia della chat nelle stanze cifrate, imposta il backup delle chiavi o esporta le tue chiavi dei messaggi da un altro dispositivo prima di procedere.",
+            "password_not_entered": "Deve essere inserita una nuova password.",
+            "passwords_mismatch": "Le nuove password devono coincidere.",
+            "rate_limit_error": "Troppi tentativi in poco tempo. Attendi un po' prima di riprovare.",
+            "rate_limit_error_with_time": "Troppi tentativi in poco tempo. Riprova dopo %(timeout)s.",
+            "reset_successful": "La tua password è stata reimpostata.",
+            "return_to_login": "Torna alla schermata di accesso",
+            "sign_out_other_devices": "Disconnetti tutti i dispositivi"
+        },
+        "reset_password_action": "Reimposta password",
+        "reset_password_button": "Password dimenticata?",
+        "reset_password_email_field_description": "Usa un indirizzo email per ripristinare il tuo account",
+        "reset_password_email_field_required_invalid": "Inserisci indirizzo email (necessario in questo homeserver)",
+        "reset_password_email_not_associated": "Il tuo indirizzo email non sembra associato a nessun ID utente registrato su questo homeserver.",
+        "reset_password_email_not_found_title": "Indirizzo email non trovato",
+        "reset_password_title": "Reimposta la tua password",
+        "server_picker_custom": "Altro homeserver",
+        "server_picker_description": "Puoi usare le opzioni server personalizzate per accedere ad altri server Matrix specificando un URL homeserver diverso. Ciò ti permette di usare %(brand)s con un account Matrix esistente su un homeserver differente.",
+        "server_picker_description_matrix.org": "Unisciti gratis a milioni nel più grande server pubblico",
+        "server_picker_dialog_title": "Decidi dove ospitare il tuo account",
+        "server_picker_explainer": "Usa il tuo homeserver Matrix preferito se ne hai uno, o ospitane uno tuo.",
+        "server_picker_failed_validate_homeserver": "Impossibile validare l'homeserver",
+        "server_picker_intro": "Chiamiamo \"homeserver\" i posti dove puoi ospitare il tuo account.",
+        "server_picker_invalid_url": "URL non valido",
+        "server_picker_learn_more": "Riguardo gli homeserver",
+        "server_picker_matrix.org": "Matrix.org è il più grande homeserver pubblico del mondo, quindi è un buon posto per molti.",
+        "server_picker_required": "Specifica un homeserver",
+        "server_picker_title": "Accedi al tuo homeserver",
+        "server_picker_title_default": "Opzioni server",
+        "server_picker_title_registration": "Ospita account su",
+        "session_logged_out_description": "Per sicurezza questa sessione è stata disconnessa. Accedi di nuovo.",
+        "session_logged_out_title": "Disconnesso",
+        "set_email": {
+            "description": "Ciò ti permetterà di reimpostare la tua password e ricevere notifiche.",
+            "verification_pending_description": "Controlla la tua email e clicca il link contenuto. Una volta fatto, clicca continua.",
+            "verification_pending_title": "In attesa di verifica"
+        },
+        "set_email_prompt": "Vuoi impostare un indirizzo email?",
+        "sign_in_description": "Usa il tuo account per continuare.",
+        "sign_in_instead": "Oppure accedi",
+        "sign_in_instead_prompt": "Oppure accedi",
+        "sign_in_or_register": "Accedi o crea account",
+        "sign_in_or_register_description": "Usa il tuo account o creane uno nuovo per continuare.",
+        "sign_in_with_sso": "Accedi con single sign-on",
+        "signing_in": "Accesso…",
+        "soft_logout": {
+            "clear_data_button": "Elimina tutti i dati",
+            "clear_data_description": "Lo svuotamento dei dati di questa sessione è permanente. I messaggi cifrati andranno persi a meno non si abbia un backup delle loro chiavi.",
+            "clear_data_title": "Svuotare tutti i dati in questa sessione?"
+        },
+        "soft_logout_heading": "Sei disconnesso",
+        "soft_logout_intro_password": "Inserisci la tua password per accedere ed ottenere l'accesso al tuo account.",
+        "soft_logout_intro_sso": "Accedi ed ottieni l'accesso al tuo account.",
+        "soft_logout_intro_unsupported_auth": "Non puoi accedere al tuo account. Contatta l'admin del tuo homeserver per maggiori informazioni.",
+        "soft_logout_subheading": "Elimina dati personali",
+        "soft_logout_warning": "Attenzione: i tuoi dati personali (incluse le chiavi di crittografia) sono ancora memorizzati in questa sessione. Cancellali se hai finito di usare questa sessione o se vuoi accedere ad un altro account.",
+        "sso": "Single sign-on",
+        "sso_complete_in_browser_dialog_title": "Vai nel tuo browser per completare l'accesso",
+        "sso_failed_missing_storage": "Abbiamo chiesto al browser di ricordare quale homeserver usi per farti accedere, ma sfortunatamente l'ha dimenticato. Vai alla pagina di accesso e riprova.",
+        "sso_or_username_password": "%(ssoButtons)s o %(usernamePassword)s",
+        "sync_footer_subtitle": "Se sei dentro a molte stanze, potrebbe impiegarci un po'",
+        "syncing": "Sincronizzazione…",
+        "uia": {
+            "code": "Codice",
+            "email": "Per creare il tuo account, apri il collegamento nell'email che abbiamo inviato a %(emailAddress)s.",
+            "email_auth_header": "Controlla l'email per continuare",
+            "email_resend_prompt": "Non l'hai ricevuta? <a>Inviala di nuovo</a>",
+            "email_resent": "Inviata!",
+            "fallback_button": "Inizia l'autenticazione",
+            "msisdn": "È stato inviato un messaggio di testo a %(msisdn)s",
+            "msisdn_token_incorrect": "Token errato",
+            "msisdn_token_prompt": "Inserisci il codice contenuto:",
+            "password_prompt": "Conferma la tua identità inserendo la password dell'account sotto.",
+            "recaptcha_missing_params": "Chiave pubblica di Captcha mancante nella configurazione dell'homeserver. Segnalalo all'amministratore dell'homeserver.",
+            "registration_token_label": "Token di registrazione",
+            "registration_token_prompt": "Inserisci un token di registrazione fornito dall'amministratore dell'homeserver.",
+            "sso_body": "Conferma aggiungendo questa email usando Single Sign On per provare la tua identità.",
+            "sso_failed": "Qualcosa è andato storto confermando la tua identità. Annulla e riprova.",
+            "sso_postauth_body": "Clicca il pulsante sotto per confermare la tua identità.",
+            "sso_postauth_title": "Conferma per continuare",
+            "sso_preauth_body": "Per continuare, usa Single Sign On per provare la tua identità.",
+            "sso_title": "Usa Single Sign On per continuare",
+            "terms": "Consulta ed accetta le condizioni di questo homeserver:",
+            "terms_invalid": "Si prega di rivedere e accettare tutte le politiche dell'homeserver"
+        },
+        "unsupported_auth": "Questo homeserver non offre alcuna procedura di accesso supportata da questo client.",
+        "unsupported_auth_email": "Questo homeserver non supporta l'accesso tramite indirizzo email.",
+        "unsupported_auth_msisdn": "Questo server non supporta l'autenticazione tramite numero di telefono.",
+        "username_field_required_invalid": "Inserisci nome utente",
+        "username_in_use": "Qualcuno ha già quel nome utente, provane un altro.",
+        "verify_email_explainer": "Dobbiamo sapere che sei tu prima di reimpostare la password. Clicca il link nell'email che abbiamo inviato a <b>%(email)s</b>",
+        "verify_email_heading": "Verifica l'email per continuare"
+    },
+    "bug_reporting": {
+        "additional_context": "Se ci sono ulteriori dettagli che possono aiutare ad analizzare il problema, ad esempio cosa stavi facendo in quel momento, ID stanze, ID utenti, ecc., puoi includerli qui.",
+        "before_submitting": "Prima di inviare i log, devi <a>creare una segnalazione su GitHub</a> per descrivere il tuo problema.",
+        "collecting_information": "Raccolta di informazioni sulla versione dell'applicazione",
+        "collecting_logs": "Sto recuperando i log",
+        "create_new_issue": "<newIssueLink>Segnala un nuovo problema</newIssueLink> su GitHub in modo che possiamo indagare su questo errore.",
+        "description": "I log di debug contengono dati di utilizzo dell'applicazione inclusi il nome utente, gli ID o alias delle stanze o gruppi visitati, gli ultimi elementi dell'interfaccia con cui hai interagito e i nomi degli altri utenti. Non contengono messaggi.",
+        "download_logs": "Scarica i log",
+        "downloading_logs": "Scaricamento dei log",
+        "error_empty": "Per favore dicci cos'è andato storto, o meglio, crea una segnalazione su GitHub che descriva il problema.",
+        "github_issue": "Segnalazione GitHub",
+        "introduction": "Se hai inviato un errore via GitHub, i log di debug possono aiutarci ad individuare il problema. ",
+        "log_request": "Per aiutarci a prevenire questa cosa in futuro, <a>inviaci i log</a>.",
+        "logs_sent": "Log inviati",
+        "matrix_security_issue": "Per segnalare un problema di sicurezza relativo a Matrix, leggi la <a>Politica di divulgazione della sicurezza</a> di Matrix.org .",
+        "preparing_download": "Preparazione al download dei log",
+        "preparing_logs": "Preparazione invio dei log",
+        "send_logs": "Invia i log",
+        "submit_debug_logs": "Invia log di debug",
+        "textarea_label": "Note",
+        "thank_you": "Grazie!",
+        "title": "Segnalazione errori",
+        "unsupported_browser": "Promemoria: il tuo browser non è supportato, perciò la tua esperienza può essere imprevedibile.",
+        "uploading_logs": "Invio dei log",
+        "waiting_for_server": "In attesa di una risposta dal server"
+    },
+    "cannot_invite_without_identity_server": "Impossibile invitare l'utente per email senza un server d'identità. Puoi connetterti a uno in \"Impostazioni\".",
+    "cannot_reach_homeserver": "Impossibile raggiungere l'homeserver",
+    "cannot_reach_homeserver_detail": "Assicurati di avere una connessione internet stabile, o contatta l'amministratore del server",
+    "cant_load_page": "Caricamento pagina fallito",
+    "chat_card_back_action_label": "Torna alla chat",
+    "chat_effects": {
+        "confetti_description": "Invia il messaggio in questione con coriandoli",
+        "confetti_message": "invia coriandoli",
+        "fireworks_description": "Invia il messaggio con fuochi d'artificio",
+        "fireworks_message": "invia fuochi d'artificio",
+        "hearts_description": "Invia il messaggio con cuori",
+        "hearts_message": "invia cuori",
+        "rainfall_description": "Invia il messaggio in questione con pioggia",
+        "rainfall_message": "invia pioggia",
+        "snowfall_description": "Invia il messaggio con una nevicata",
+        "snowfall_message": "invia nevicata",
+        "spaceinvaders_description": "Invia il messaggio con un effetto a tema spaziale",
+        "spaceinvaders_message": "invia space invaders"
+    },
+    "common": {
+        "access_token": "Token di accesso",
+        "accessibility": "Accessibilità",
+        "advanced": "Avanzato",
+        "analytics": "Statistiche",
+        "and_n_others": {
+            "other": "e altri %(count)s ...",
+            "one": "e un altro..."
+        },
+        "appearance": "Aspetto",
+        "application": "Applicazione",
+        "are_you_sure": "Sei sicuro?",
+        "attachment": "Allegato",
+        "authentication": "Autenticazione",
+        "avatar": "Avatar",
+        "beta": "Beta",
+        "camera": "Videocamera",
+        "cameras": "Fotocamere",
+        "capabilities": "Capacità",
+        "copied": "Copiato!",
+        "credits": "Crediti",
+        "dark": "Scuro",
+        "description": "Descrizione",
+        "deselect_all": "Deseleziona tutti",
+        "device": "Dispositivo",
+        "edited": "modificato",
+        "email_address": "Indirizzo email",
+        "emoji": "Emoji",
+        "encrypted": "Crittografato",
+        "error": "Errore",
+        "faq": "Domande frequenti",
+        "feedback": "Commenti",
+        "filter_results": "Filtra risultati",
+        "forward_message": "Inoltra messaggio",
+        "general": "Generale",
+        "go_to_settings": "Vai alle impostazioni",
+        "guest": "Ospite",
+        "help": "Aiuto",
+        "home": "Pagina iniziale",
+        "homeserver": "Homeserver",
+        "identity_server": "Server di identità",
+        "image": "Immagine",
+        "integration_manager": "Gestore di integrazioni",
+        "joined": "Entrato/a",
+        "labs": "Laboratori",
+        "legal": "Informazioni legali",
+        "light": "Chiaro",
+        "loading": "Caricamento…",
+        "location": "Posizione",
+        "matrix": "Matrix",
+        "message": "Messaggio",
+        "message_layout": "Disposizione del messaggio",
+        "microphone": "Microfono",
+        "modern": "Moderno",
+        "mute": "Silenzia",
+        "n_members": {
+            "one": "%(count)s membro",
+            "other": "%(count)s membri"
+        },
+        "n_rooms": {
+            "one": "%(count)s stanza",
+            "other": "%(count)s stanze"
+        },
+        "name": "Nome",
+        "no_results": "Nessun risultato",
+        "no_results_found": "Nessun risultato trovato",
+        "not_trusted": "Non fidato",
+        "off": "Spento",
+        "offline": "Offline",
+        "on": "Acceso",
+        "options": "Opzioni",
+        "orphan_rooms": "Altre stanze",
+        "password": "Password",
+        "people": "Persone",
+        "preferences": "Preferenze",
+        "presence": "Presenza",
+        "preview_message": "Ehi tu. Sei il migliore!",
+        "privacy": "Privacy",
+        "private": "Privato",
+        "private_room": "Stanza privata",
+        "private_space": "Spazio privato",
+        "profile": "Profilo",
+        "public": "Pubblico",
+        "public_room": "Stanza pubblica",
+        "public_space": "Spazio pubblico",
+        "qr_code": "Codice QR",
+        "random": "Casuale",
+        "reactions": "Reazioni",
+        "report_a_bug": "Segnala un errore",
+        "room": "Stanza",
+        "room_name": "Nome stanza",
+        "rooms": "Stanze",
+        "saving": "Salvataggio…",
+        "secure_backup": "Backup Sicuro",
+        "select_all": "Seleziona tutti",
+        "server": "Server",
+        "settings": "Impostazioni",
+        "setup_secure_messages": "Imposta i messaggi sicuri",
+        "show_more": "Mostra altro",
+        "someone": "Qualcuno",
+        "space": "Spazio",
+        "spaces": "Spazi",
+        "sticker": "Adesivo",
+        "stickerpack": "Pacchetto adesivi",
+        "success": "Successo",
+        "suggestions": "Suggerimenti",
+        "support": "Supporto",
+        "theme": "Tema",
+        "thread": "Conversazione",
+        "threads": "Conversazioni",
+        "timeline": "Linea temporale",
+        "unavailable": "non disponibile",
+        "unencrypted": "Non crittografato",
+        "unmute": "Togli silenzio",
+        "unnamed_room": "Stanza senza nome",
+        "unnamed_space": "Spazio senza nome",
+        "unverified": "Non verificato",
+        "user": "Utente",
+        "user_avatar": "Immagine del profilo",
+        "username": "Nome utente",
+        "verified": "Verificato",
+        "version": "Versione",
+        "video_room": "Stanza video",
+        "view_message": "Vedi messaggio",
+        "warning": "Attenzione"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Notifica l'intera stanza",
+            "command_a11y": "Autocompletamento comando",
+            "command_description": "Comandi",
+            "emoji_a11y": "Autocompletamento emoji",
+            "notification_a11y": "Autocompletamento notifiche",
+            "notification_description": "Notifica della stanza",
+            "room_a11y": "Autocompletamento stanze",
+            "space_a11y": "Autocompletamento spazio",
+            "user_a11y": "Autocompletamento utenti",
+            "user_description": "Utenti"
+        },
+        "close_sticker_picker": "Nascondi gli adesivi",
+        "edit_composer_label": "Modifica messaggio",
+        "format_bold": "Grassetto",
+        "format_code_block": "Blocco di codice",
+        "format_decrease_indent": "Diminuzione indentazione",
+        "format_increase_indent": "Aumento indentazione",
+        "format_inline_code": "Codice",
+        "format_insert_link": "Inserisci collegamento",
+        "format_italic": "Corsivo",
+        "format_italics": "Corsivo",
+        "format_link": "Collegamento",
+        "format_ordered_list": "Elenco numerato",
+        "format_strikethrough": "Barrato",
+        "format_underline": "Sottolineato",
+        "format_unordered_list": "Elenco puntato",
+        "formatting_toolbar_label": "Formattazione",
+        "link_modal": {
+            "link_field_label": "Collegamento",
+            "text_field_label": "Testo",
+            "title_create": "Crea un collegamento",
+            "title_edit": "Modifica collegamento"
+        },
+        "mode_plain": "Nascondi formattazione",
+        "mode_rich_text": "Mostra formattazione",
+        "no_perms_notice": "Non hai il permesso di inviare in questa stanza",
+        "placeholder": "Invia un messaggio…",
+        "placeholder_encrypted": "Invia un messaggio crittografato…",
+        "placeholder_reply": "Invia risposta…",
+        "placeholder_reply_encrypted": "Invia una risposta criptata…",
+        "placeholder_thread": "Rispondi alla conversazione…",
+        "placeholder_thread_encrypted": "Rispondi alla conversazione cifrata…",
+        "poll_button": "Sondaggio",
+        "poll_button_no_perms_description": "Non hai i permessi per creare sondaggi in questa stanza.",
+        "poll_button_no_perms_title": "Permesso richiesto",
+        "replying_title": "Rispondere",
+        "room_upgraded_link": "La conversazione continua qui.",
+        "room_upgraded_notice": "Questa stanza è stata sostituita e non è più attiva.",
+        "send_button_title": "Invia messaggio",
+        "send_button_voice_message": "Invia messaggio vocale",
+        "send_voice_message": "Invia messaggio vocale",
+        "stop_voice_message": "Ferma la registrazione",
+        "voice_message_button": "Messaggio vocale"
+    },
+    "console_dev_note": "Se sai quello che stai facendo, Element è open source, assicurati di controllare il nostro GitHub (https://github.com/vector-im/element-web/) e contribuisci!",
+    "console_scam_warning": "Se qualcuno ti ha detto di copiare/incollare qualcosa qui, è molto probabile che ti stia truffando!",
+    "console_wait": "Aspetta!",
+    "create_room": {
+        "action_create_room": "Crea stanza",
+        "action_create_video_room": "Crea stanza video",
+        "encrypted_video_room_warning": "Non puoi disattivarlo in seguito. La stanza sarà crittografata ma la chiamata integrata no.",
+        "encrypted_warning": "Non potrai più disattivarla. I bridge e molti bot non funzioneranno.",
+        "encryption_forced": "Il tuo server richiede la crittografia attiva nelle stanze private.",
+        "encryption_label": "Attiva crittografia end-to-end",
+        "error_title": "Creazione della stanza fallita",
+        "generic_error": "Il server potrebbe essere non disponibile, sovraccarico o hai trovato un errore.",
+        "join_rule_change_notice": "Puoi cambiarlo in qualsiasi momento dalle impostazioni della stanza.",
+        "join_rule_invite": "Stanza privata (solo a invito)",
+        "join_rule_invite_label": "Solo le persone invitate potranno trovare ed entrare in questa stanza.",
+        "join_rule_knock_label": "Chiunque può chiedere di entrare, ma gli admin o i moderatori devono concedere l'accesso. Puoi cambiarlo in seguito.",
+        "join_rule_public_label": "Chiunque potrà trovare ed entrare in questa stanza.",
+        "join_rule_public_parent_space_label": "Chiunque potrà trovare ed entrare in questa stanza, non solo i membri di <SpaceName/>.",
+        "join_rule_restricted": "Visibile ai membri dello spazio",
+        "join_rule_restricted_label": "Chiunque in <SpaceName/> potrà trovare ed entrare in questa stanza.",
+        "name_validation_required": "Inserisci un nome per la stanza",
+        "room_visibility_label": "Visibilità stanza",
+        "title_private_room": "Crea una stanza privata",
+        "title_public_room": "Crea una stanza pubblica",
+        "title_video_room": "Crea una stanza video",
+        "topic_label": "Argomento (facoltativo)",
+        "unfederated": "Blocca l'accesso alla stanza per chiunque non faccia parte di %(serverName)s.",
+        "unfederated_label_default_off": "Dovresti attivarlo se questa stanza verrà usata solo per collaborazioni tra squadre interne nel tuo homeserver. Non può essere cambiato in seguito.",
+        "unfederated_label_default_on": "Dovresti disattivarlo se questa stanza verrà usata per collaborazioni con squadre esterne che hanno il loro homeserver. Non può essere cambiato in seguito.",
+        "unsupported_version": "Il server non supporta la versione di stanza specificata."
+    },
+    "create_space": {
+        "add_details_prompt": "Aggiungi qualche dettaglio per aiutare le persone a riconoscerlo.",
+        "add_details_prompt_2": "Puoi cambiarli in qualsiasi momento.",
+        "add_existing_rooms_description": "Scegli le stanze o le conversazioni da aggiungere. Questo è uno spazio solo per te, nessuno ne saprà nulla. Puoi aggiungerne altre in seguito.",
+        "add_existing_rooms_heading": "Cosa vuoi organizzare?",
+        "address_label": "Indirizzo",
+        "address_placeholder": "es. mio-spazio",
+        "creating": "Creazione…",
+        "creating_rooms": "Creazione stanze…",
+        "done_action": "Vai nel mio spazio",
+        "done_action_first_room": "Vai alla mia prima stanza",
+        "explainer": "Gli spazi sono un nuovo modo di raggruppare stanze e persone. Che tipo di spazio vuoi creare? Puoi cambiarlo in seguito.",
+        "failed_create_initial_rooms": "Creazione di stanze iniziali dello spazio fallita",
+        "failed_invite_users": "Impossibile invitare i seguenti utenti nello spazio: %(csvUsers)s",
+        "invite_teammates_by_username": "Invita per nome utente",
+        "invite_teammates_description": "Assicurati che le persone giuste abbiano accesso. Puoi invitarne altre dopo.",
+        "invite_teammates_heading": "Invita la tua squadra",
+        "inviting_users": "Invito in corso…",
+        "label": "Crea uno spazio",
+        "name_required": "Inserisci un nome per lo spazio",
+        "personal_space": "Solo io",
+        "personal_space_description": "Uno spazio privato per organizzare le tue stanze",
+        "private_description": "Solo su invito, la scelta migliore per te o i team",
+        "private_heading": "Il tuo spazio privato",
+        "private_personal_description": "Assicurati che le persone giuste abbiano accesso a %(name)s",
+        "private_personal_heading": "Con chi stai lavorando?",
+        "private_space": "Io e la mia squadra",
+        "private_space_description": "Uno spazio privato per te e i tuoi compagni",
+        "public_description": "Spazio aperto a tutti, la scelta migliore per le comunità",
+        "public_heading": "Il tuo spazio pubblico",
+        "search_public_button": "Cerca spazi pubblici",
+        "setup_rooms_community_description": "Creiamo una stanza per ognuno di essi.",
+        "setup_rooms_community_heading": "Quali sono le cose di cui vuoi discutere in %(spaceName)s?",
+        "setup_rooms_description": "Puoi aggiungerne anche altri in seguito, inclusi quelli già esistenti.",
+        "setup_rooms_private_description": "Creeremo stanze per ognuno di essi.",
+        "setup_rooms_private_heading": "Su quali progetti sta lavorando la tua squadra?",
+        "share_description": "Ci sei solo tu al momento, sarà ancora meglio con gli altri.",
+        "share_heading": "Condividi %(name)s",
+        "skip_action": "Salta per adesso",
+        "subspace_adding": "Aggiunta…",
+        "subspace_beta_notice": "Aggiungi uno spazio ad un altro che gestisci.",
+        "subspace_dropdown_title": "Crea uno spazio",
+        "subspace_existing_space_prompt": "Vuoi piuttosto aggiungere uno spazio esistente?",
+        "subspace_join_rule_invite_description": "Solo le persone invitate potranno trovare ed entrare in questo spazio.",
+        "subspace_join_rule_invite_only": "Spazio privato (solo a invito)",
+        "subspace_join_rule_label": "Visibilità spazio",
+        "subspace_join_rule_public_description": "Chiunque potrà trovare ed entrare in questo spazio, non solo i membri di <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Chiunque in <SpaceName/> potrà trovare ed entrare."
+    },
+    "credits": {
+        "default_cover_photo": "La <photo>foto di copertina predefinita</photo> è © <author>Jesús Roncero</author> utilizzata secondo i termini <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "Gli emoji <twemoji>Twemoji</twemoji> sono © <author>Twitter, Inc ed altri collaboratori</author> utilizzati secondo i termini <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "Il font <colr>twemoji-colr</colr> è © <author>Mozilla Foundation</author> utilizzato secondo i termini <terms>Apache 2.0</terms>."
+    },
+    "devtools": {
+        "active_widgets": "Widget attivi",
+        "category_other": "Altro",
+        "category_room": "Stanza",
+        "caution_colon": "Attenzione:",
+        "client_versions": "Versioni client",
+        "developer_mode": "Modalità sviluppatore",
+        "developer_tools": "Strumenti per sviluppatori",
+        "edit_setting": "Modifica impostazione",
+        "edit_values": "Modifica valori",
+        "empty_string": "<stringa vuota>",
+        "event_content": "Contenuto dell'Evento",
+        "event_id": "ID evento: %(eventId)s",
+        "event_sent": "Evento inviato!",
+        "event_type": "Tipo di Evento",
+        "explore_account_data": "Esplora dati account",
+        "explore_room_account_data": "Esplora i dati di account della stanza",
+        "explore_room_state": "Esplora lo stato della stanza",
+        "failed_to_find_widget": "Si è verificato un errore trovando i widget.",
+        "failed_to_load": "Caricamento fallito.",
+        "failed_to_save": "Salvataggio impostazioni fallito.",
+        "failed_to_send": "Invio dell'evento fallito!",
+        "id": "ID: ",
+        "invalid_json": "Non sembra essere un JSON valido.",
+        "level": "Livello",
+        "low_bandwidth_mode": "Modalità larghezza di banda bassa",
+        "low_bandwidth_mode_description": "Richiede un homeserver compatibile.",
+        "main_timeline": "Linea temporale principale",
+        "no_receipt_found": "Nessuna ricevuta trovata",
+        "notification_state": "Lo stato di notifica è <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Debug notifiche",
+        "number_of_users": "Numero di utenti",
+        "original_event_source": "Sorgente dell'evento originale",
+        "room_encrypted": "La stanza è <strong>crittografata ✅</strong>",
+        "room_id": "ID stanza: %(roomId)s",
+        "room_not_encrypted": "La stanza <strong>non è crittografata 🚨</strong>",
+        "room_notifications_dot": "Punto: ",
+        "room_notifications_highlight": "Evidenziazione: ",
+        "room_notifications_last_event": "Ultimo evento:",
+        "room_notifications_sender": "Mittente: ",
+        "room_notifications_thread_id": "ID conversazione: ",
+        "room_notifications_total": "Totale: ",
+        "room_notifications_type": "Tipo: ",
+        "room_status": "Stato della stanza",
+        "room_unread_status_count": {
+            "one": "Stato \"non letto\" nella stanza: <strong>%(status)s</strong>, conteggio: <strong>%(count)s</strong>",
+            "other": "Stato \"non letto\" nella stanza: <strong>%(status)s</strong>, conteggio: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Salva valori impostazione",
+        "see_history": "Vedi cronologia",
+        "send_custom_account_data_event": "Invia evento dati di account personalizzato",
+        "send_custom_room_account_data_event": "Invia evento dati di account della stanza personalizzato",
+        "send_custom_state_event": "Invia evento di stato personalizzato",
+        "send_custom_timeline_event": "Invia evento della linea temporale personalizzato",
+        "server_info": "Info server",
+        "server_versions": "Versioni server",
+        "settable_global": "Impostabile globalmente",
+        "settable_room": "Impostabile per stanza",
+        "setting_colon": "Impostazione:",
+        "setting_definition": "Definizione impostazione:",
+        "setting_id": "ID impostazione",
+        "settings_explorer": "Esploratore di impostazioni",
+        "show_hidden_events": "Mostra eventi nascosti nella linea temporale",
+        "spaces": {
+            "one": "<spazio>",
+            "other": "<%(count)s spazi>"
+        },
+        "state_key": "Chiave dello stato",
+        "thread_root_id": "ID root del thread: %(threadRootId)s",
+        "threads_timeline": "Linea temporale conversazioni",
+        "title": "Strumenti per sviluppatori",
+        "toolbox": "Strumenti",
+        "use_at_own_risk": "Questa interfaccia NON controlla i tipi dei valori. Usa a tuo rischio.",
+        "user_read_up_to": "L'utente ha letto fino: ",
+        "user_read_up_to_ignore_synthetic": "L'utente ha letto fino a (ignoreSynthetic): ",
+        "user_read_up_to_private": "L'utente ha letto fino a (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "L'utente ha letto fino a (m.read.private;ignoreSynthetic): ",
+        "value": "Valore",
+        "value_colon": "Valore:",
+        "value_in_this_room": "Valore in questa stanza",
+        "value_this_room_colon": "Valore in questa stanza:",
+        "values_explicit": "Valori a livelli espliciti",
+        "values_explicit_colon": "Valori a livelli espliciti:",
+        "values_explicit_room": "Valori a livelli espliciti in questa stanza",
+        "values_explicit_this_room_colon": "Valori a livelli espliciti in questa stanza:",
+        "view_servers_in_room": "Vedi i server nella stanza",
+        "view_source_decrypted_event_source": "Sorgente dell'evento decrittografato",
+        "view_source_decrypted_event_source_unavailable": "Sorgente decifrata non disponibile",
+        "widget_screenshots": "Attiva le schermate dei widget sui widget supportati"
+    },
+    "dialog_close_label": "Chiudi finestra",
+    "download_completed": "Scaricamento completato",
+    "empty_room": "Stanza vuota",
+    "empty_room_was_name": "Stanza vuota (era %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Chiave di sicurezza sbagliata"
+            },
+            "restoring": "Ripristino delle chiavi dal backup",
+            "security_key_title": "Chiave di sicurezza"
+        },
+        "bootstrap_title": "Configurazione chiavi",
+        "confirm_encryption_setup_body": "Clicca il pulsante sotto per confermare l'impostazione della crittografia.",
+        "confirm_encryption_setup_title": "Conferma impostazione crittografia",
+        "cross_signing_room_normal": "Questa stanza è cifrata end-to-end",
+        "cross_signing_room_verified": "Tutti in questa stanza sono verificati",
+        "cross_signing_room_warning": "Qualcuno sta usando una sessione sconosciuta",
+        "cross_signing_user_normal": "Non hai verificato questo utente.",
+        "cross_signing_user_verified": "Hai verificato questo utente. Questo utente ha verificato tutte le sue sessioni.",
+        "cross_signing_user_warning": "Questo utente non ha verificato tutte le sue sessioni.",
+        "event_shield_reason_authenticity_not_guaranteed": "L'autenticità di questo messaggio crittografato non può essere garantita su questo dispositivo.",
+        "event_shield_reason_mismatched_sender_key": "Crittografato da una sessione non verificata",
+        "event_shield_reason_unknown_device": "Crittografato da un dispositivo sconosciuto o eliminato.",
+        "event_shield_reason_unsigned_device": "Crittografato da un dispositivo non verificato dal suo proprietario.",
+        "event_shield_reason_unverified_identity": "Cifrato da un utente non verificato.",
+        "export_unsupported": "Il tuo browser non supporta l'estensione crittografica richiesta",
+        "import_invalid_keyfile": "Non è una chiave di %(brand)s valida",
+        "import_invalid_passphrase": "Controllo di autenticazione fallito: password sbagliata?",
+        "messages_not_secure": {
+            "cause_1": "Il tuo homeserver",
+            "cause_2": "L'homeserver al quale è connesso l'utente che stai verificando",
+            "cause_3": "La tua connessione internet o quella degli altri utenti",
+            "cause_4": "La tua sessione o quella degli altri utenti",
+            "heading": "Uno dei seguenti potrebbe essere compromesso:",
+            "title": "I tuoi messaggi non sono sicuri"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Sono state rilevate una nuova password di sicurezza e una chiave per i messaggi sicuri.",
+            "description_2": "Questa sessione sta cifrando la cronologia usando il nuovo metodo di recupero.",
+            "title": "Nuovo metodo di recupero",
+            "warning": "Se non hai impostato il nuovo metodo di recupero, un aggressore potrebbe tentare di accedere al tuo account. Cambia la password del tuo account e imposta immediatamente un nuovo metodo di recupero nelle impostazioni."
+        },
+        "recovery_method_removed": {
+            "description_1": "Questa sessione ha rilevato che la tua password di sicurezza e la chiave per i messaggi sicuri sono state rimosse.",
+            "description_2": "Se l'hai fatto accidentalmente, puoi configurare Messaggi Sicuri su questa sessione che cripterà nuovamente la cronologia dei messaggi con un nuovo metodo di recupero.",
+            "title": "Metodo di ripristino rimosso",
+            "warning": "Se non hai rimosso il metodo di ripristino, è possibile che un aggressore stia cercando di accedere al tuo account. Cambia la password del tuo account e imposta immediatamente un nuovo metodo di recupero nelle impostazioni."
+        },
+        "set_up_toast_title": "Imposta il Backup Sicuro",
+        "unable_to_setup_keys_error": "Impossibile impostare le chiavi",
+        "verification": {
+            "accepting": "Accettazione…",
+            "after_new_login": {
+                "device_verified": "Dispositivo verificato",
+                "skip_verification": "Salta la verifica per adesso",
+                "verify_this_device": "Verifica questo dispositivo"
+            },
+            "cancelling": "Annullamento…",
+            "complete_action": "Capito",
+            "complete_description": "Hai verificato correttamente l'utente.",
+            "complete_title": "Verificato!",
+            "error_starting_description": "Non siamo riusciti ad avviare la conversazione con l'altro utente.",
+            "error_starting_title": "Errore di avvio della verifica",
+            "explainer": "I messaggi sicuri con questo utente sono criptati end-to-end e non possono essere letti da terze parti.",
+            "in_person": "Per sicurezza, fatelo di persona o usate un metodo fidato per comunicare.",
+            "incoming_sas_device_dialog_text_1": "Verifica questo dispositivo per segnarlo come fidato. Fidarsi di questo dispositivo offre a te e agli altri utenti una maggiore tranquillità nell'uso di messaggi cifrati end-to-end.",
+            "incoming_sas_device_dialog_text_2": "La verifica di questo dispositivo lo segnerà come fidato e gli utenti che si sono verificati con te si fideranno di questo dispositivo.",
+            "incoming_sas_dialog_title": "Richiesta di verifica in arrivo",
+            "incoming_sas_dialog_waiting": "In attesa che il partner confermi…",
+            "incoming_sas_user_dialog_text_1": "Verifica questo utente per contrassegnarlo come affidabile. La fiducia degli utenti offre una maggiore tranquillità quando si utilizzano messaggi cifrati end-to-end.",
+            "incoming_sas_user_dialog_text_2": "La verifica di questo utente contrassegnerà come fidata la sua sessione a te e viceversa.",
+            "no_support_qr_emoji": "Il dispositivo che stai cercando di verificare non supporta la scansione di un codice QR o la verifica emoji, che sono supportate da %(brand)s. Prova con un client diverso.",
+            "other_party_cancelled": "L'altra parte ha annullato la verifica.",
+            "prompt_encrypted": "Verifica tutti gli utenti in una stanza per confermare che sia sicura.",
+            "prompt_unencrypted": "Nelle stanze cifrate, verifica tutti gli utenti per confermare che siano sicure.",
+            "qr_or_sas": "%(qrCode)s o %(emojiCompare)s",
+            "qr_prompt": "Scansiona questo codice univoco",
+            "qr_reciprocate_same_shield_user": "Quasi fatto! %(displayName)s sta mostrando lo stesso scudo?",
+            "request_toast_decline_counter": "Ignora (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s da %(ip)s",
+            "sas_caption_self": "Verifica questo dispositivo confermando che il seguente numero appare sul suo schermo.",
+            "sas_caption_user": "Verifica questo utente confermando che il seguente numero appare sul suo schermo.",
+            "sas_description": "Confrontate un set di emoji univoci se non avete una fotocamera sui dispositivi",
+            "sas_emoji_caption_user": "Verifica questo utente confermando che la seguente emoji appare sul suo schermo.",
+            "sas_match": "Corrispondono",
+            "sas_no_match": "Non corrispondono",
+            "sas_prompt": "Confronta emoji univoci",
+            "scan_qr": "Verifica con la scansione",
+            "scan_qr_explainer": "Chiedi a %(displayName)s di scansionare il tuo codice:",
+            "start_button": "Inizia la verifica",
+            "successful_user": "Hai verificato correttamente %(displayName)s!",
+            "unsupported_method": "Impossibile trovare un metodo di verifica supportato.",
+            "unverified_session_toast_accept": "Sì, ero io",
+            "unverified_session_toast_title": "Nuovo accesso. Eri tu?",
+            "unverified_sessions_toast_description": "Controlla per assicurarti che l'account sia sicuro",
+            "unverified_sessions_toast_reject": "Più tardi",
+            "unverified_sessions_toast_title": "Hai sessioni non verificate",
+            "verification_dialog_title_device": "Verifica altro dispositivo",
+            "verification_dialog_title_user": "Richiesta verifica",
+            "verification_skip_warning": "Senza la verifica, non avrai accesso a tutti i tuoi messaggi e potresti apparire agli altri come non fidato.",
+            "verification_success_with_backup": "Il tuo nuovo dispositivo ora è verificato. Ha accesso ai messaggi cifrati e gli altri utenti lo vedranno come fidato.",
+            "verification_success_without_backup": "Il tuo nuovo dispositivo è ora verificato. Gli altri utenti lo vedranno come fidato.",
+            "verify_emoji": "Verifica via emoji",
+            "verify_emoji_prompt": "Verifica confrontando emoji specifici.",
+            "verify_emoji_prompt_qr": "Se non riesci a scansionare il codice sopra, verifica confrontando emoji specifiche.",
+            "verify_later": "Verificherò dopo",
+            "waiting_for_user_accept": "In attesa che %(displayName)s accetti…",
+            "waiting_other_device": "In attesa della verifica nel tuo altro dispositivo…",
+            "waiting_other_device_details": "In attesa della verifica nel tuo altro dispositivo, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "In attesa della verifica da %(displayName)s …"
+        },
+        "verification_requested_toast_title": "Verifica richiesta",
+        "verify_toast_description": "Altri utenti potrebbero non fidarsi",
+        "verify_toast_title": "Verifica questa sessione"
+    },
+    "error": {
+        "admin_contact": "<a>Contatta l'amministratore del servizio</a> per continuare ad usarlo.",
+        "admin_contact_short": "Contatta il tuo <a>amministratore del server</a>.",
+        "app_launch_unexpected_error": "Errore inaspettato preparando l'app. Vedi la console per i dettagli.",
+        "cannot_load_config": "Impossibile caricare il file di configurazione: ricarica la pagina per riprovare.",
+        "connection": "C'è stato un problema nella comunicazione con l'homeserver, riprova più tardi.",
+        "dialog_description_default": "Si è verificato un errore.",
+        "download_media": "Scaricamento della fonte fallito, nessun url trovato",
+        "edit_history_unsupported": "Il tuo homeserver non sembra supportare questa funzione.",
+        "failed_copy": "Copia fallita",
+        "hs_blocked": "Questo homeserver è stato bloccato dal suo amministratore.",
+        "invalid_configuration_mixed_server": "Configurazione non valida: default_hs_url non può essere specificato assieme a default_server_name o default_server_config",
+        "invalid_configuration_no_server": "Configurazione non valida: nessun server predefinito specificato.",
+        "invalid_json": "La configurazione del tuo elemento contiene un JSON non valido. Correggi il problema e ricarica la pagina.",
+        "invalid_json_detail": "Il messaggio dal parser è: %(message)s",
+        "invalid_json_generic": "JSON non valido",
+        "mau": "Questo homeserver ha raggiunto il suo limite di utenti attivi mensili.",
+        "misconfigured": "Il tuo elemento è configurato male",
+        "mixed_content": "Impossibile connettersi all'homeserver via HTTP quando c'è un URL HTTPS nella barra del tuo browser. Usa HTTPS o <a>attiva gli script non sicuri</a>.",
+        "non_urgent_echo_failure_toast": "Il tuo server non sta rispondendo ad alcune <a>richieste</a>.",
+        "resource_limits": "Questo homeserver ha oltrepassato uno dei suoi limiti di risorse.",
+        "session_restore": {
+            "clear_storage_button": "Elimina l'archiviazione e disconnetti",
+            "clear_storage_description": "Disconnettere e rimuovere le chiavi di crittografia?",
+            "description_1": "Abbiamo riscontrato un errore tentando di ripristinare la tua sessione precedente.",
+            "description_2": "Se hai usato precedentemente una versione più recente di %(brand)s, la tua sessione potrebbe essere incompatibile con questa versione. Chiudi questa finestra e torna alla versione più recente.",
+            "description_3": "Eliminare l'archiviazione del browser potrebbe risolvere il problema, ma verrai disconnesso e la cronologia delle chat criptate sarà illeggibile.",
+            "title": "Impossibile ripristinare la sessione"
+        },
+        "something_went_wrong": "Qualcosa è andato storto!",
+        "storage_evicted_description_1": "Alcuni dati di sessione, incluse le chiavi dei messaggi cifrati, sono mancanti. Esci e riaccedi per risolvere, ripristinando le chiavi da un backup.",
+        "storage_evicted_description_2": "Probabilmente il tuo browser ha rimosso questi dati per mancanza di spazio su disco.",
+        "storage_evicted_title": "Dati di sessione mancanti",
+        "sync": "Impossibile connettersi all'homeserver. Riprovo…",
+        "tls": "Impossibile connettersi all'homeserver - controlla la tua connessione, assicurati che il <a>certificato SSL dell'homeserver</a> sia fidato e che un'estensione del browser non stia bloccando le richieste.",
+        "unknown": "Errore sconosciuto",
+        "unknown_error_code": "codice errore sconosciuto",
+        "update_power_level": "Cambio di livello poteri fallito"
+    },
+    "error_app_open_in_another_tab": "Passa all'altra scheda per connetterti a %(brand)s. Questa scheda può ora essere chiusa.",
+    "error_app_open_in_another_tab_title": "%(brand)s è connesso in un'altra scheda",
+    "error_app_opened_in_another_window": "%(brand)s è aperto in un'altra finestra. Clicca \"%(label)s\" per usare %(brand)s qui e scollegare l'altra finestra.",
+    "error_database_closed_description": {
+        "for_desktop": "Il disco potrebbe essere pieno. Libera spazio e ricarica.",
+        "for_web": "Se hai cancellato i dati di navigazione, questo messaggio è normale. %(brand)s potrebbe anche essere aperto in un'altra scheda o il disco è pieno. Libera spazio e ricarica"
+    },
+    "error_database_closed_title": "%(brand)s ha smesso di funzionare",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Impossibile copiare un collegamento alla stanza negli appunti.",
+            "title": "Impossibile copiare il link della stanza"
+        },
+        "error_loading_user_profile": "Impossibile caricare il profilo utente",
+        "forget_room_failed": "Impossibile dimenticare la stanza %(errCode)s"
+    },
+    "error_user_not_logged_in": "Utente non connesso",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Chiamata in corso",
+            "user": "%(senderName)s si è unito alla chiamata",
+            "you": "Ti sei unito alla chiamata"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s ha terminato la chiamata",
+            "you": "Hai terminato la chiamata"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s sta chiamando",
+            "dm_send": "In attesa di risposta",
+            "user": "%(senderName)s ha iniziato una chiamata",
+            "you": "Hai iniziato una chiamata"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s ha reagito con %(reaction)s a %(message)s",
+            "you": "Hai reagito con %(reaction)s a %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s"
+    },
+    "export_chat": {
+        "cancelled": "Esportazione annullata",
+        "cancelled_detail": "Esportazione annullata correttamente",
+        "confirm_stop": "Vuoi davvero fermare l'esportazione dei dati? Se lo fai, dovrai ricominciare da capo.",
+        "creating_html": "Creazione HTML…",
+        "creating_output": "Creazione output…",
+        "creator_summary": "%(creatorName)s ha creato questa stanza.",
+        "current_timeline": "Linea temporale attuale",
+        "enter_number_between_min_max": "Inserisci un numero tra %(min)s e %(max)s",
+        "error_fetching_file": "Errore di recupero del file",
+        "export_info": "Questo è l'inizio dell'esportazione di <roomName/>. Esportata da <exporterDetails/> il %(exportDate)s.",
+        "export_successful": "Esportazione riuscita!",
+        "exported_n_events_in_time": {
+            "one": "Esportato %(count)s evento in %(seconds)s secondi",
+            "other": "Esportati %(count)s eventi in %(seconds)s secondi"
+        },
+        "exporting_your_data": "Esportazione dei dati",
+        "fetched_n_events": {
+            "one": "Ricevuto %(count)s evento finora",
+            "other": "Ricevuti %(count)s eventi finora"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Ricevuto %(count)s evento in %(seconds)ss",
+            "other": "Ricevuti %(count)s eventi in %(seconds)ss"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Ricevuto %(count)s evento di %(total)s",
+            "other": "Ricevuti %(count)s eventi di %(total)s"
+        },
+        "fetching_events": "Ricezione eventi…",
+        "file_attached": "File allegato",
+        "format": "Formato",
+        "from_the_beginning": "Dall'inizio",
+        "generating_zip": "Generazione di uno ZIP",
+        "html": "HTML",
+        "html_title": "Dati esportati",
+        "include_attachments": "Includi allegati",
+        "json": "JSON",
+        "media_omitted": "File omesso",
+        "media_omitted_file_size": "File omesso - superata dimensione massima",
+        "messages": "Messaggi",
+        "next_page": "Gruppo di messaggi successivo",
+        "num_messages": "Numero di messaggi",
+        "num_messages_min_max": "Il numero di messaggi può essere solo tra %(min)s e %(max)s",
+        "number_of_messages": "Specifica un numero di messaggi",
+        "previous_page": "Gruppo di messaggi precedente",
+        "processing": "Elaborazione…",
+        "processing_event_n": "Elaborazione evento %(number)s di %(total)s",
+        "select_option": "Seleziona dalle opzioni sotto per esportare le chat dalla linea temporale",
+        "size_limit": "Limite dimensione",
+        "size_limit_min_max": "La dimensione può essere solo tra %(min)s MB e %(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Inizio esportazione…",
+        "successful": "Esportazione riuscita",
+        "successful_detail": "Esportazione riuscita. La puoi trovare nella cartella Download.",
+        "text": "Testo semplice",
+        "title": "Esporta conversazione",
+        "topic": "Argomento: %(topic)s",
+        "unload_confirm": "Vuoi davvero uscire durante l'esportazione?"
+    },
+    "failed_load_async_component": "Impossibile caricare! Controlla la tua connessione di rete e riprova.",
+    "feedback": {
+        "can_contact_label": "Potete contattarmi se avete altre domande",
+        "comment_label": "Commento",
+        "existing_issue_link": "Prima controlla <existingIssuesLink>gli errori esistenti su Github</existingIssuesLink>. Non l'hai trovato? <newIssueLink>Apri una segnalazione</newIssueLink>.",
+        "may_contact_label": "Potete contattarmi se volete rispondermi o per farmi provare nuove idee in arrivo",
+        "platform_username": "Verranno annotate la tua piattaforma e il nome utente per aiutarci ad usare la tua opinione al meglio.",
+        "pro_type": "CONSIGLIO: se segnali un errore, invia <debugLogsLink>i log di debug</debugLogsLink> per aiutarci ad individuare il problema.",
+        "send_feedback_action": "Invia feedback",
+        "sent": "Feedback inviato"
+    },
+    "file_panel": {
+        "empty_description": "Allega file dalla chat o trascinali in qualsiasi punto in una stanza.",
+        "empty_heading": "Nessun file visibile in questa stanza",
+        "guest_note": "Devi <a>registrarti</a> per usare questa funzionalità",
+        "peek_note": "Devi entrare nella stanza per vederne i file"
+    },
+    "forward": {
+        "filter_placeholder": "Cerca stanze o persone",
+        "message_preview_heading": "Anteprima messaggio",
+        "no_perms_title": "Non hai il permesso per farlo",
+        "open_room": "Apri stanza",
+        "send_label": "Invia",
+        "sending": "Invio in corso",
+        "sent": "Inviato"
+    },
+    "identity_server": {
+        "change": "Cambia server d'identità",
+        "change_prompt": "Disconnettersi dal server d'identità <current /> e connettesi invece a <new />?",
+        "change_server_prompt": "Se non vuoi usare <server /> per trovare ed essere trovato dai contatti esistenti che conosci, inserisci un altro server di identità qua sotto.",
+        "checking": "Controllo del server",
+        "description_connected": "Stai attualmente usando <server></server> per trovare ed essere trovabile dai contatti esistenti che conosci. Puoi cambiare il tuo server di identità sotto.",
+        "description_disconnected": "Attualmente non stai usando un server di identità. Per trovare ed essere trovabile dai contatti esistenti che conosci, aggiungine uno sotto.",
+        "description_optional": "Usare un server di identità è facoltativo. Se scegli di non usarne uno, non potrai essere trovato dagli altri utenti e non potrai invitarne altri per email o telefono.",
+        "disconnect": "Disconnetti dal server d'identità",
+        "disconnect_anyway": "Disconnetti comunque",
+        "disconnect_offline_warning": "Dovresti <b>rimuovere i tuoi dati personali</b> dal server di identità <idserver /> prima di disconnetterti. Sfortunatamente, il server di identità <idserver /> attualmente è offline o non raggiungibile.",
+        "disconnect_personal_data_warning_1": "Stai ancora <b> fornendo le tue informazioni personali </b> sul server d'identità <idserver />.",
+        "disconnect_personal_data_warning_2": "Ti suggeriamo di rimuovere il tuo indirizzo email e numero di telefono dal server d'identità prima di disconnetterti.",
+        "disconnect_server": "Disconnettere dal server di identità <idserver />?",
+        "disconnect_warning": "La disconnessione dal tuo server di identità significa che non sarai trovabile da altri utenti e non potrai invitare nessuno per email o telefono.",
+        "do_not_use": "Non usare un server di identità",
+        "error_connection": "Impossibile connettersi al server di identità",
+        "error_invalid": "Non è un server di identità valido (codice di stato %(code)s)",
+        "error_invalid_or_terms": "Condizioni di servizio non accettate o server di identità non valido.",
+        "no_terms": "Il server di identità che hai scelto non ha alcuna condizione di servizio.",
+        "suggestions": "Dovresti:",
+        "suggestions_1": "cercare tra i plugin del browser se qualcosa potrebbe bloccare il server di identità (come Privacy Badger)",
+        "suggestions_2": "contattare l'amministratore del server di identità <idserver />",
+        "suggestions_3": "attendere e riprovare più tardi",
+        "url": "Server di identità (%(server)s)",
+        "url_field_label": "Inserisci un nuovo server di identità",
+        "url_not_https": "L'URL del server di identità deve essere HTTPS"
+    },
+    "in_space": "Nello spazio %(spaceName)s.",
+    "in_space1_and_space2": "Negli spazi %(space1Name)s e %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "In %(spaceName)s e in %(count)s altro spazio.",
+        "other": "In %(spaceName)s e in altri %(count)s spazi."
+    },
+    "incompatible_browser": {
+        "title": "Browser non supportato"
+    },
+    "info_tooltip_title": "Informazione",
+    "integration_manager": {
+        "connecting": "Connessione al gestore di integrazioni…",
+        "error_connecting": "Il gestore di integrazioni è offline o non riesce a raggiungere il tuo homeserver.",
+        "error_connecting_heading": "Impossibile connettere al gestore di integrazioni",
+        "explainer": "I gestori di integrazione ricevono dati di configurazione e possono modificare widget, inviare inviti alla stanza, assegnare permessi a tuo nome.",
+        "manage_title": "Gestisci integrazioni",
+        "use_im": "Usa un gestore di integrazioni per gestire bot, widget e pacchetti di adesivi.",
+        "use_im_default": "Usa un gestore di integrazioni <b>(%(serverName)s)</b> per gestire bot, widget e pacchetti di adesivi."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Attiva '%(manageIntegrations)s' nelle impostazioni per continuare.",
+        "disabled_dialog_title": "Le integrazioni sono disattivate",
+        "impossible_dialog_description": "Il tuo %(brand)s non ti permette di usare il gestore di integrazioni per questa azione. Contatta un amministratore.",
+        "impossible_dialog_title": "Integrazioni non permesse"
+    },
+    "invite": {
+        "email_caption": "Invita per email",
+        "email_limit_one": "Gli inviti per email possono essere inviati uno per volta",
+        "email_use_default_is": "Usa un server d'identità per invitare via email. <default>Usa quello predefinito (%(defaultIdentityServerName)s)</default> o gestiscilo nelle <settings>impostazioni</settings>.",
+        "email_use_is": "Usa un server di identità per invitare via email. Gestisci nelle <settings>impostazioni</settings>.",
+        "error_already_invited_room": "L'utente è già stato invitato nella stanza",
+        "error_already_invited_space": "L'utente è già stato invitato nello spazio",
+        "error_already_joined_room": "L'utente è già nella stanza",
+        "error_already_joined_space": "L'utente è già nello spazio",
+        "error_bad_state": "L'utente non deve essere bandito per essere invitato.",
+        "error_dm": "Non abbiamo potuto creare il tuo messaggio diretto.",
+        "error_find_room": "Qualcosa è andato storto provando ad invitare gli utenti.",
+        "error_find_user_description": "I seguenti utenti potrebbero non esistere o non sono validi, perciò non possono essere invitati: %(csvNames)s",
+        "error_find_user_title": "Impossibile trovare i seguenti utenti",
+        "error_invite": "Impossibile invitare quegli utenti. Ricontrolla gli utenti che vuoi invitare e riprova.",
+        "error_permissions_room": "Non hai l'autorizzazione di invitare persone in questa stanza.",
+        "error_permissions_space": "Non hai l'autorizzazione di invitare persone in questo spazio.",
+        "error_profile_undisclosed": "L'utente forse non esiste",
+        "error_transfer_multiple_target": "Una chiamata può essere trasferita solo ad un singolo utente.",
+        "error_unfederated_room": "Questa stanza non è federata. Non puoi invitare persone da server esterni.",
+        "error_unfederated_space": "Questo spazio non è federato. Non puoi invitare persone da server esterni.",
+        "error_unknown": "Errore sconosciuto del server",
+        "error_user_not_found": "L'utente non esiste",
+        "error_version_unsupported_room": "L'homeserver dell'utente non supporta la versione della stanza.",
+        "error_version_unsupported_space": "L'homeserver dell'utente non supporta la versione dello spazio.",
+        "failed_generic": "Operazione fallita",
+        "failed_title": "Invito fallito",
+        "invalid_address": "Indirizzo non riconosciuto",
+        "name_email_mxid_share_room": "Invita qualcuno usando il suo nome, indirizzo email, nome utente (come <userId/>) o <a>condividi questa stanza</a>.",
+        "name_email_mxid_share_space": "Invita qualcuno usando il suo nome, indirizzo email, nome utente (come <userId/>) o <a>condividi questo spazio</a>.",
+        "name_mxid_share_room": "Invita qualcuno usando il suo nome, nome utente (come <userId/>) o <a>condividi questa stanza</a>.",
+        "name_mxid_share_space": "Invita qualcuno usando il suo nome, nome utente (come <userId/>) o <a>condividi questo spazio</a>.",
+        "recents_section": "Conversazioni recenti",
+        "room_failed_partial": "Abbiamo inviato gli altri, ma non è stato possibile invitare le seguenti persone in <RoomName/>",
+        "room_failed_partial_title": "Alcuni inviti non sono stati spediti",
+        "room_failed_title": "Impossibile invitare gli utenti in %(roomName)s",
+        "send_link_prompt": "O manda un collegamento di invito",
+        "start_conversation_name_email_mxid_prompt": "Inizia una conversazione con qualcuno usando il suo nome, indirizzo email o nome utente (come <userId/>).",
+        "start_conversation_name_mxid_prompt": "Inizia una conversazione con qualcuno usando il suo nome o il nome utente (come <userId/>).",
+        "suggestions_disclaimer": "Alcuni suggerimenti potrebbero essere nascosti per privacy.",
+        "suggestions_disclaimer_prompt": "Se non vedi chi stai cercando, mandagli il collegamento di invito sottostante.",
+        "suggestions_section": "Contattati direttamente di recente",
+        "to_room": "Invita in %(roomName)s",
+        "to_space": "Invita in %(spaceName)s",
+        "transfer_dial_pad_tab": "Tastierino",
+        "transfer_user_directory_tab": "Elenco utenti",
+        "unable_find_profiles_description_default": "Impossibile trovare profili per gli ID Matrix elencati sotto - vuoi comunque invitarli?",
+        "unable_find_profiles_invite_label_default": "Invita comunque",
+        "unable_find_profiles_invite_never_warn_label_default": "Invitali lo stesso e non avvisarmi più",
+        "unable_find_profiles_title": "I seguenti utenti potrebbero non esistere",
+        "unban_first_title": "L'utente non può essere invitato finché è bandito"
+    },
+    "inviting_user1_and_user2": "Invito di %(user1)s e %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Invito di %(user)s e 1 altro",
+        "other": "Invito di %(user)s e altri %(count)s"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> e altri %(count)s",
+        "one": "<Items/> e un altro"
+    },
+    "keyboard": {
+        "activate_button": "Attiva pulsante selezionato",
+        "alt": "Alt",
+        "autocomplete_cancel": "Annulla autocompletamento",
+        "autocomplete_force": "Forza completamento",
+        "autocomplete_navigate_next": "Prossimo suggerimento di autocompletamento",
+        "autocomplete_navigate_prev": "Precedente suggerimento di autocompletamento",
+        "backspace": "Backspace",
+        "cancel_reply": "Annulla la risposta a un messaggio",
+        "category_autocomplete": "Autocompletamento",
+        "category_calls": "Chiamate",
+        "category_navigation": "Navigazione",
+        "category_room_list": "Elenco stanze",
+        "close_dialog_menu": "Chiudi finestra o menu contestuale",
+        "composer_jump_end": "Salta alla fine del compositore",
+        "composer_jump_start": "Salta all'inizio del compositore",
+        "composer_navigate_next_history": "Vai al prossimo messaggio nella cronologia del compositore",
+        "composer_navigate_prev_history": "Vai al precedente messaggio nella cronologia del compositore",
+        "composer_new_line": "Nuova riga",
+        "composer_redo": "Ripeti modifica",
+        "composer_toggle_bold": "Grassetto sì/no",
+        "composer_toggle_code_block": "Attiva/disattiva blocco di codice",
+        "composer_toggle_italics": "Corsivo sì/no",
+        "composer_toggle_link": "Attiva/disattiva collegamento",
+        "composer_toggle_quote": "Attiva/disattiva citazione",
+        "composer_undo": "Annulla modifica",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Scarta il segno di lettura e salta alla fine",
+        "end": "Fine",
+        "enter": "Invio",
+        "escape": "Esc",
+        "go_home_view": "Vai alla vista home",
+        "home": "Pagina iniziale",
+        "jump_first_message": "Salta al primo messaggio",
+        "jump_last_message": "Salta all'ultimo messaggio",
+        "jump_room_search": "Salta alla ricerca stanze",
+        "jump_to_read_marker": "Salta al messaggio non letto più vecchio",
+        "keyboard_shortcuts_tab": "Apri questa scheda di impostazioni",
+        "navigate_next_history": "Successiva stanza o spazio visitati di recente",
+        "navigate_next_message_edit": "Vai al prossimo messaggio da modificare",
+        "navigate_prev_history": "Precedente stanza o spazio visitati di recente",
+        "navigate_prev_message_edit": "Vai al precedente messaggio da modificare",
+        "next_room": "Prossima stanza o msg",
+        "next_unread_room": "Prossima stanza o msg non letto",
+        "number": "[numero]",
+        "open_user_settings": "Apri impostazioni utente",
+        "page_down": "Pagina giù",
+        "page_up": "Pagina su",
+        "prev_room": "Precedente stanza o msg",
+        "prev_unread_room": "Precedente stanza o msg non letto",
+        "room_list_collapse_section": "Riduci sezione elenco stanze",
+        "room_list_expand_section": "Espandi sezione elenco stanze",
+        "room_list_navigate_down": "Naviga in giù nell'elenco stanze",
+        "room_list_navigate_up": "Naviga in su nell'elenco stanze",
+        "room_list_select_room": "Seleziona stanza dall'elenco stanze",
+        "scroll_down_timeline": "Scorri in giù nella linea temporale",
+        "scroll_up_timeline": "Scorri in su nella linea temporale",
+        "search": "Cerca (deve essere attivato)",
+        "send_sticker": "Invia uno sticker",
+        "shift": "Shift",
+        "space": "Spazio",
+        "switch_to_space": "Passa allo spazio per numero",
+        "toggle_hidden_events": "Cambia visibilità evento nascosto",
+        "toggle_microphone_mute": "Attiva/disattiva microfono",
+        "toggle_right_panel": "Apri/chiudi pannello a destra",
+        "toggle_space_panel": "Apri/chiudi pannello spazio",
+        "toggle_top_left_menu": "Attiva/disattiva menu in alto a sinistra",
+        "toggle_webcam_mute": "Attiva/disattiva webcam",
+        "upload_file": "Invia un file"
+    },
+    "labs": {
+        "ask_to_join": "Attiva \"Chiedi di entrare\"",
+        "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.",
+        "beta_feedback_title": "Feedback %(featureName)s beta",
+        "beta_section": "Funzionalità in arrivo",
+        "bridge_state": "Mostra info sui bridge nelle impostazioni stanza",
+        "bridge_state_channel": "Canale: <channelLink/>",
+        "bridge_state_creator": "Questo bridge è stato fornito da <user />.",
+        "bridge_state_manager": "Questo bridge è gestito da <user />.",
+        "bridge_state_workspace": "Spazio di lavoro: <networkLink/>",
+        "click_for_info": "Clicca per altre info",
+        "currently_experimental": "Al momento è sperimentale.",
+        "custom_themes": "Supporta l'aggiunta di temi personalizzati",
+        "dynamic_room_predecessors": "Predecessori della stanza dinamici",
+        "dynamic_room_predecessors_description": "Attiva MSC3946 (per supportare archivi della stanza arrivati in ritardo)",
+        "element_call_video_rooms": "Stanze video di Element Call",
+        "experimental_description": "Ti senti di sperimentare? Prova le nostre ultime idee in sviluppo. Queste funzioni non sono complete; potrebbero essere instabili, cambiare o essere scartate. <a>Maggiori informazioni</a>.",
+        "experimental_section": "Anteprime",
+        "feature_disable_call_per_sender_encryption": "Disattiva la crittografia per mittente in Element Call",
+        "feature_wysiwyg_composer_description": "Usa il rich text invece del Markdown nel compositore di messaggi.",
+        "group_developer": "Sviluppatore",
+        "group_encryption": "Crittografia",
+        "group_experimental": "Sperimentale",
+        "group_messaging": "Messaggi",
+        "group_moderation": "Moderazione",
+        "group_profile": "Profilo",
+        "group_rooms": "Stanze",
+        "group_spaces": "Spazi",
+        "group_themes": "Temi",
+        "group_threads": "Conversazioni",
+        "group_voip": "Voce e video",
+        "group_widgets": "Widget",
+        "hidebold": "Nascondi il punto di notifica (mostra solo i contatori)",
+        "join_beta": "Unisciti alla beta",
+        "join_beta_reload": "Unirsi alla beta ricaricherà %(brand)s.",
+        "jump_to_date": "Salta alla data (aggiunge /jumptodate e le intestazioni di salto data)",
+        "jump_to_date_msc_support": "Richiede che il tuo server supporti MSC3030",
+        "latex_maths": "Renderizza matematica LaTeX nei messaggi",
+        "leave_beta": "Abbandona la beta",
+        "leave_beta_reload": "Lasciare la beta ricaricherà %(brand)s.",
+        "location_share_live": "Condivisione posizione in tempo reale",
+        "location_share_live_description": "Implementazione temporanea: le posizioni persistono nella cronologia della stanza.",
+        "mjolnir": "Nuovi modi di ignorare le persone",
+        "msc3531_hide_messages_pending_moderation": "Lascia che i moderatori nascondano i messaggi in attesa di moderazione.",
+        "notification_settings": "Nuove impostazioni di notifica",
+        "notification_settings_beta_caption": "Ti presentiamo un modo più semplice per modificare le impostazioni delle notifiche. Personalizza il tuo %(brand)s, proprio come piace a te.",
+        "notification_settings_beta_title": "Impostazioni di notifica",
+        "notifications": "Attiva il pannello delle notifiche nell'intestazione della stanza",
+        "render_reaction_images": "Mostra immagini personalizzate nelle reazioni",
+        "render_reaction_images_description": "A volte chiamati \"emoji personalizzati\".",
+        "sliding_sync": "Modalità di sincr. con slide",
+        "sliding_sync_description": "In sviluppo attivo, non può essere disattivato.",
+        "sliding_sync_disabled_notice": "Disconnettiti e riconnettiti per disattivare",
+        "sliding_sync_server_no_support": "Il tuo server non ha il supporto nativo",
+        "unrealiable_e2e": "Inaffidabile nelle stanze cifrate",
+        "video_rooms": "Stanze video",
+        "video_rooms_a_new_way_to_chat": "Un nuovo modo di fare chiamate audio e video in %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Le stanze video sono canali VoIP sempre attivi integrati all'interno della stanza in %(brand)s.",
+        "video_rooms_beta": "Le stanze video sono una funzionalità beta",
+        "video_rooms_faq1_answer": "Usa il pulsante “+” nella sezione stanza del pannello sinistro.",
+        "video_rooms_faq1_question": "Come posso creare una stanza video?",
+        "video_rooms_faq2_answer": "Sì, la cronologia della chat viene mostrata assieme al video.",
+        "video_rooms_faq2_question": "Posso usare la chat testuale assieme alla chiamata video?",
+        "video_rooms_feedbackSubheading": "Grazie per aver provato la beta, ti preghiamo di fornire tutti i dettagli possibili in modo da poterla migliorare.",
+        "wysiwyg_composer": "Editor in rich text"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Queste opzioni sono pensate per utenti esperti.",
+        "ban_reason": "Ignorati/Bloccati",
+        "error_adding_ignore": "Errore di aggiunta utente/server ignorato",
+        "error_adding_list_description": "Verifica l'ID o l'indirizzo della stanza e riprova.",
+        "error_adding_list_title": "Errore di iscrizione alla lista",
+        "error_removing_ignore": "Errore di rimozione utente/server ignorato",
+        "error_removing_list_description": "Riprova o controlla la console per suggerimenti.",
+        "error_removing_list_title": "Errore di disiscrizione dalla lista",
+        "explainer_1": "Aggiungi qui gli utenti e i server che vuoi ignorare. Usa l'asterisco perchè %(brand)s consideri qualsiasi carattere. Ad esempio, <code>@bot:*</code> ignorerà tutti gli utenti che hanno il nome 'bot' su qualsiasi server.",
+        "explainer_2": "Si possono ignorare persone attraverso liste di ban contenenti regole per chi bandire. Iscriversi ad una lista di ban significa che gli utenti/server bloccati da quella lista ti verranno nascosti.",
+        "lists": "Attualmente sei iscritto a:",
+        "lists_description_1": "Iscriversi ad una lista di ban implica di unirsi ad essa!",
+        "lists_description_2": "Se non è ciò che vuoi, usa uno strumento diverso per ignorare utenti.",
+        "lists_heading": "Liste sottoscritte",
+        "lists_new_label": "ID o indirizzo stanza della lista ban",
+        "no_lists": "Non sei iscritto ad alcuna lista",
+        "personal_description": "La tua lista personale di ban contiene tutti gli utenti/server da cui non vuoi vedere messaggi. Dopo aver ignorato il tuo primo utente/server, apparirà una nuova stanza nel tuo elenco stanze chiamata '%(myBanList)s' - resta in questa stanza per mantenere effettiva la lista ban.",
+        "personal_empty": "Non hai ignorato nessuno.",
+        "personal_heading": "Lista di ban personale",
+        "personal_new_label": "Server o ID utente da ignorare",
+        "personal_new_placeholder": "es: @bot:* o esempio.org",
+        "personal_section": "Attualmente stai ignorando:",
+        "room_name": "Mia lista ban",
+        "room_topic": "Questa è la lista degli utenti/server che hai bloccato - non lasciare la stanza!",
+        "rules_empty": "Nessuno",
+        "rules_server": "Regole server",
+        "rules_title": "Regole lista banditi - %(roomName)s",
+        "rules_user": "Regole utente",
+        "something_went_wrong": "Qualcosa è andato storto. Riprova o controlla la console per suggerimenti.",
+        "title": "Utenti ignorati",
+        "view_rules": "Vedi regole"
+    },
+    "language_dropdown_label": "Lingua a tendina",
+    "leave_room_dialog": {
+        "last_person_warning": "Sei l'unica persona qui. Se esci, nessuno potrà entrare in futuro, incluso te.",
+        "leave_room_question": "Sei sicuro di volere uscire dalla stanza '%(roomName)s'?",
+        "leave_space_question": "Vuoi veramente uscire dallo spazio '%(spaceName)s'?",
+        "room_rejoin_warning": "Questa stanza non è pubblica. Non potrai rientrare senza un invito.",
+        "space_rejoin_warning": "Questo spazio non è pubblico. Non potrai rientrare senza un invito."
+    },
+    "lightbox": {
+        "rotate_left": "Ruota a sinistra",
+        "rotate_right": "Ruota a destra",
+        "title": "Vista immagine"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Questo homeserver non è configurato per mostrare mappe.",
+        "MapStyleUrlNotReachable": "Questo homeserver non è configurato correttamente per mostrare mappe, o il server di mappe configurato non è raggiungibile.",
+        "WebGLNotEnabled": "WebGL è necessario per mostrare mappe, attivalo nelle impostazioni del browser.",
+        "click_drop_pin": "Clicca per lasciare una puntina",
+        "click_move_pin": "Clicca per spostare la puntina",
+        "close_sidebar": "Chiudi barra laterale",
+        "error_fetch_location": "Impossibile rilevare la posizione",
+        "error_no_perms_description": "Devi avere le giuste autorizzazioni per potere condividere le posizioni in questa stanza.",
+        "error_no_perms_title": "Non hai l'autorizzazione di condividere la posizione",
+        "error_send_description": "%(brand)s non ha potuto inviare la tua posizione. Riprova più tardi.",
+        "error_send_title": "Non siamo riusciti ad inviare la tua posizione",
+        "error_sharing_live_location": "Si è verificato un errore condividendo la tua posizione in tempo reale",
+        "error_stopping_live_location": "Si è verificato un errore fermando la tua posizione in tempo reale",
+        "expand_map": "Espandi mappa",
+        "failed_generic": "Impossibile rilevare la tua posizione. Riprova più tardi.",
+        "failed_load_map": "Impossibile caricare la mappa",
+        "failed_permission": "%(brand)s non ha l'autorizzazione per rilevare la tua posizione. Consenti l'accesso alla posizione nelle impostazioni del browser.",
+        "failed_timeout": "Tentativo di rilevare la tua posizione scaduto. Riprova più tardi.",
+        "failed_unknown": "Errore sconosciuto rilevando la posizione. Riprova più tardi.",
+        "find_my_location": "Trova la mia posizione",
+        "live_description": "Posizione in tempo reale di %(displayName)s",
+        "live_enable_description": "Nota: si tratta di una funzionalità sperimentale che usa un'implementazione temporanea. Ciò significa che non potrai eliminare la cronologia delle posizioni e gli utenti avanzati potranno vederla anche dopo l'interruzione della tua condivisione con questa stanza.",
+        "live_enable_heading": "Condivisione posizione in tempo reale",
+        "live_location_active": "Stai condividendo la tua posizione in tempo reale",
+        "live_location_enabled": "Posizione in tempo reale attivata",
+        "live_location_ended": "Posizione in tempo reale terminata",
+        "live_location_error": "Errore della posizione in tempo reale",
+        "live_locations_empty": "Nessuna posizione in tempo reale",
+        "live_share_button": "Condividi per %(duration)s",
+        "live_toggle_label": "Attiva condivisione posizione in tempo reale",
+        "live_until": "In tempo reale fino a %(expiryTime)s",
+        "live_update_time": "Aggiornato %(humanizedUpdateTime)s",
+        "loading_live_location": "Caricamento posizione in tempo reale…",
+        "location_not_available": "Posizione non disponibile",
+        "map_feedback": "Feedback mappa",
+        "mapbox_logo": "Logo di Mapbox",
+        "reset_bearing": "Reimposta direzione a nord",
+        "share_button": "Condividi posizione",
+        "share_type_live": "La mia posizione in tempo reale",
+        "share_type_own": "La mia posizione attuale",
+        "share_type_pin": "Lascia una puntina",
+        "share_type_prompt": "Che tipo di posizione vuoi condividere?",
+        "toggle_attribution": "Attiva/disattiva attribuzione"
+    },
+    "member_list": {
+        "filter_placeholder": "Filtra membri della stanza",
+        "invite_button_no_perms_tooltip": "Non hai l'autorizzazione per invitare utenti"
+    },
+    "member_list_back_action_label": "Membri stanza",
+    "message_edit_dialog_title": "Modifiche del messaggio",
+    "migrating_crypto": "Tieni duro. Stiamo aggiornando %(brand)s per rendere la crittografia più veloce e affidabile.",
+    "mobile_guide": {
+        "toast_accept": "Usa l'app",
+        "toast_description": "%(brand)s è sperimentale su un browser web mobile. Per un'esperienza migliore e le ultime funzionalità, usa la nostra app nativa gratuita.",
+        "toast_title": "Usa l'app per un'esperienza migliore"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Nessun altro risultato",
+    "notif_panel": {
+        "empty_description": "Non hai notifiche visibili.",
+        "empty_heading": "Non hai nulla di nuovo da vedere"
+    },
+    "notifications": {
+        "all_messages": "Tutti i messaggi",
+        "all_messages_description": "Ricevi notifiche per ogni messaggio",
+        "class_global": "Globale",
+        "class_other": "Altro",
+        "default": "Predefinito",
+        "email_pusher_app_display_name": "Notifiche email",
+        "enable_prompt_toast_description": "Attiva le notifiche desktop",
+        "enable_prompt_toast_title": "Notifiche",
+        "enable_prompt_toast_title_from_message_send": "Non perdere una risposta",
+        "error_change_title": "Cambia impostazioni di notifica",
+        "keyword": "Parola chiave",
+        "keyword_new": "Nuova parola chiave",
+        "level_activity": "Attività",
+        "level_highlight": "Evidenzia",
+        "level_muted": "Silenziato",
+        "level_none": "Nessuno",
+        "level_notification": "Notifica",
+        "level_unsent": "Non inviato",
+        "mark_all_read": "Segna tutto come letto",
+        "mentions_and_keywords": "@citazioni e parole chiave",
+        "mentions_and_keywords_description": "Ricevi notifiche solo per citazioni e parole chiave come configurato nelle tue <a>impostazioni</a>",
+        "mentions_keywords": "Citazioni e parole chiave",
+        "message_didnt_send": "Il messaggio non è stato inviato. Clicca per informazioni.",
+        "mute_description": "Non riceverai alcuna notifica"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s sta richiedendo la verifica"
+    },
+    "onboarding": {
+        "create_room": "Crea una chat di gruppo",
+        "explore_rooms": "Esplora le stanze pubbliche",
+        "has_avatar_label": "Ottimo, ciò aiuterà le persone a capire che sei tu",
+        "intro_byline": "Prendi il controllo delle tue conversazioni.",
+        "intro_welcome": "Benvenuti su %(appName)s",
+        "no_avatar_label": "Aggiungi una foto in modo che le persone ti riconoscano.",
+        "send_dm": "Invia un messaggio diretto",
+        "welcome_detail": "Alcuni consigli per iniziare",
+        "welcome_user": "Benvenuto/a %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Messaggio in %(room)s",
+        "permalink_this_room": "Messaggio da %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Crea sondaggio",
+        "create_poll_title": "Crea sondaggio",
+        "disclosed_notes": "I votanti vedranno i risultati appena avranno votato",
+        "edit_poll_title": "Modifica sondaggio",
+        "end_description": "Vuoi davvero terminare questo sondaggio? Verranno mostrati i risultati finali e le persone non potranno più votare.",
+        "end_message": "Il sondaggio è terminato. Risposta più scelta: %(topAnswer)s",
+        "end_message_no_votes": "Il sondaggio è terminato. Nessun voto inviato.",
+        "end_title": "Termina sondaggio",
+        "error_ending_description": "Spiacenti, il sondaggio non è terminato. Riprova.",
+        "error_ending_title": "Chiusura del sondaggio fallita",
+        "error_voting_description": "Spiacenti, il tuo voto non è stato registrato. Riprova.",
+        "error_voting_title": "Voto non registrato",
+        "failed_send_poll_description": "Spiacenti, il sondaggio che hai provato a creare non è stato inviato.",
+        "failed_send_poll_title": "Invio del sondaggio fallito",
+        "notes": "I risultati verranno rivelati solo quando termini il sondaggio",
+        "options_add_button": "Aggiungi opzione",
+        "options_heading": "Crea opzioni",
+        "options_label": "Opzione %(number)s",
+        "options_placeholder": "Scrivi un'opzione",
+        "topic_heading": "Qual è la domanda o l'argomento del sondaggio?",
+        "topic_label": "Domanda o argomento",
+        "topic_placeholder": "Scrivi qualcosa…",
+        "total_decryption_errors": "A causa di errori di decifrazione, alcuni voti potrebbero non venire contati",
+        "total_n_votes": {
+            "one": "%(count)s voto. Vota per vedere i risultati",
+            "other": "%(count)s voti. Vota per vedere i risultati"
+        },
+        "total_n_votes_voted": {
+            "one": "Basato su %(count)s voto",
+            "other": "Basato su %(count)s voti"
+        },
+        "total_no_votes": "Nessun voto",
+        "total_not_ended": "I risultati saranno visibili quando il sondaggio è terminato",
+        "type_closed": "Sondaggio chiuso",
+        "type_heading": "Tipo sondaggio",
+        "type_open": "Apri sondaggio",
+        "unable_edit_description": "Spiacenti, non puoi modificare un sondaggio dopo che sono stati inviati voti.",
+        "unable_edit_title": "Impossibile modificare il sondaggio"
+    },
+    "power_level": {
+        "admin": "Amministratore",
+        "custom": "Personalizzato (%(level)s)",
+        "custom_level": "Livello personalizzato",
+        "default": "Predefinito",
+        "label": "Livello poteri",
+        "moderator": "Moderatore",
+        "restricted": "Limitato"
+    },
+    "powered_by_matrix": "Offerto da Matrix",
+    "presence": {
+        "away": "Assente",
+        "busy": "Occupato",
+        "idle": "Inattivo",
+        "idle_for": "Inattivo per %(duration)s",
+        "offline": "Offline",
+        "offline_for": "Offline per %(duration)s",
+        "online": "Online",
+        "online_for": "Online per %(duration)s",
+        "unknown": "Sconosciuto",
+        "unknown_for": "Sconosciuto per %(duration)s",
+        "unreachable": "Server dell'utente irraggiungibile"
+    },
+    "quick_settings": {
+        "all_settings": "Tutte le impostazioni",
+        "sidebar_settings": "Altre opzioni",
+        "title": "Impostazioni rapide"
+    },
+    "quit_warning": {
+        "call_in_progress": "Sembra che tu sia in una chiamata, sei sicuro di volere uscire?",
+        "file_upload_in_progress": "Sembra che tu stia inviando file, sei sicuro di volere uscire?"
+    },
+    "redact": {
+        "confirm_button": "Conferma la rimozione",
+        "confirm_description": "Vuoi davvero rimuovere (eliminare) questo evento?",
+        "confirm_description_state": "Nota che la rimozione delle modifiche della stanza come questa può annullare la modifica.",
+        "error": "Non puoi eliminare questo messaggio. (%(code)s)",
+        "ongoing": "Rimozione…",
+        "reason_label": "Motivo (facoltativo)"
+    },
+    "report_content": {
+        "description": "La segnalazione di questo messaggio invierà il suo 'ID evento' univoco all'amministratore del tuo homeserver. Se i messaggi della stanza sono cifrati, l'amministratore non potrà leggere il messaggio o vedere file e immagini.",
+        "hide_messages_from_user": "Seleziona se vuoi nascondere tutti i messaggi attuali e futuri di questo utente.",
+        "ignore_user": "Ignora utente",
+        "missing_reason": "Inserisci il motivo della segnalazione.",
+        "report_content_to_homeserver": "Segnala il contenuto all'amministratore dell'homeserver"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Decifrazione di %(failedCount)s sessioni fallita!",
+        "count_of_successfully_restored_keys": "Ripristinate %(sessionCount)s chiavi correttamente",
+        "enter_key_description": "Accedi alla cronologia sicura dei messaggi e imposta la messaggistica sicura inserendo la tua chiave di sicurezza.",
+        "enter_key_title": "Inserisci chaive di sicurezza",
+        "enter_phrase_description": "Accedi alla cronologia sicura dei messaggi e imposta la messaggistica sicura inserendo la tua password di sicurezza.",
+        "enter_phrase_title": "Inserisci password di sicurezza",
+        "incorrect_security_phrase_dialog": "Impossibile decifrare il backup con questa password di sicurezza: verifica di avere inserito la password di sicurezza corretta.",
+        "incorrect_security_phrase_title": "Password di sicurezza sbagliata",
+        "key_backup_warning": "<b>Attenzione</b>: dovresti impostare il backup chiavi solo da un computer fidato.",
+        "key_fetch_in_progress": "Ricezione delle chiavi dal server…",
+        "key_forgotten_text": "Se hai dimenticato la tua chiave di sicurezza puoi <button>impostare nuove opzioni di recupero</button>",
+        "key_is_invalid": "Chiave di sicurezza non valida",
+        "key_is_valid": "Sembra essere una chiave di sicurezza valida!",
+        "keys_restored_title": "Chiavi ripristinate",
+        "load_error_content": "Impossibile caricare lo stato del backup",
+        "load_keys_progress": "%(completed)s di %(total)s chiavi ripristinate",
+        "no_backup_error": "Nessun backup trovato!",
+        "phrase_forgotten_text": "Se hai dimenticato la password di sicurezza puoi <button1>usare la tua chiave di sicurezza</button1> o <button2>impostare nuove opzioni di recupero</button2>",
+        "recovery_key_mismatch_description": "Impossibile decifrare il backup con questa chiave di sicurezza: verifica di avere inserito la chiave di sicurezza corretta.",
+        "recovery_key_mismatch_title": "La chiave di sicurezza non corrisponde",
+        "restore_failed_error": "Impossibile ripristinare il backup"
+    },
+    "right_panel": {
+        "add_integrations": "Aggiungi widget, bridge e bot",
+        "files_button": "File",
+        "pinned_messages": {
+            "limits": {
+                "other": "Puoi ancorare al massimo %(count)s widget"
+            }
+        },
+        "pinned_messages_button": "Fissato",
+        "poll": {
+            "active_heading": "Sondaggi attivi",
+            "empty_active": "In questa stanza non ci sono sondaggi attivi",
+            "empty_active_load_more": "Non ci sono sondaggi attivi. Carica più sondaggi per vedere quelli dei mesi precedenti",
+            "empty_active_load_more_n_days": {
+                "one": "Non ci sono sondaggi attivi nell'ultimo giorno. Carica più sondaggi per vedere quelli dei mesi precedenti",
+                "other": "Non ci sono sondaggi attivi negli ultimi %(count)s giorni. Carica più sondaggi per vedere quelli dei mesi precedenti"
+            },
+            "empty_past": "In questa stanza non ci sono sondaggi passati",
+            "empty_past_load_more": "Non ci sono sondaggi passati. Carica più sondaggi per vedere quelli dei mesi precedenti",
+            "empty_past_load_more_n_days": {
+                "one": "Non ci sono sondaggi passati nell'ultimo giorno. Carica più sondaggi per vedere quelli dei mesi precedenti",
+                "other": "Non ci sono sondaggi passati negli ultimi %(count)s giorni. Carica più sondaggi per vedere quelli dei mesi precedenti"
+            },
+            "final_result": {
+                "one": "Risultato finale basato su %(count)s voto",
+                "other": "Risultato finale basato su %(count)s voti"
+            },
+            "load_more": "Carica più sondaggi",
+            "loading": "Caricamento sondaggi",
+            "past_heading": "Sondaggi passati",
+            "view_in_timeline": "Vedi sondaggio nella linea temporale",
+            "view_poll": "Vedi sondaggio"
+        },
+        "polls_button": "Cronologia sondaggi",
+        "room_summary_card": {
+            "title": "Info stanza"
+        },
+        "thread_list": {
+            "context_menu_label": "Opzioni conversazione"
+        },
+        "video_room_chat": {
+            "title": "Chat"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Questo invito è stato inviato a %(email)s , la quale non è associata al tuo account",
+        "3pid_invite_email_not_found_account_room": "Questo invito per %(roomName)s è stato inviato a %(email)s , la quale non è associata al tuo account",
+        "3pid_invite_error_description": "Si è verificato un errore (%(errcode)s) tentando di validare il tuo invito. Puoi provare a passare questa informazione alla persona che ti ha invitato/a.",
+        "3pid_invite_error_invite_action": "Prova ad unirti comunque",
+        "3pid_invite_error_invite_subtitle": "Puoi unirti solo con un invito valido.",
+        "3pid_invite_error_public_subtitle": "Puoi comunque entrare qui.",
+        "3pid_invite_error_title": "Qualcosa è andato storto con il tuo invito.",
+        "3pid_invite_error_title_room": "Qualcosa è andato storto con il tuo invito a %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Usa un server di identià nelle impostazioni per ricevere inviti direttamente in %(brand)s.",
+        "banned_by": "Sei stato bandito da %(memberName)s",
+        "banned_from_room_by": "Sei stato bandito da %(roomName)s da %(memberName)s",
+        "context_menu": {
+            "copy_link": "Copia collegamento stanza",
+            "favourite": "Preferito",
+            "forget": "Dimentica stanza",
+            "low_priority": "Priorità bassa",
+            "mark_read": "Segna come letto",
+            "notifications_default": "Corrispondi l'impostazione predefinita",
+            "notifications_mute": "Silenzia stanza",
+            "title": "Opzioni stanza",
+            "unfavourite": "Preferito"
+        },
+        "creating_room_text": "Stiamo creando una stanza con %(names)s",
+        "dm_invite_action": "Inizia a chattare",
+        "dm_invite_subtitle": "<userName/> vuole chattare",
+        "dm_invite_title": "Vuoi chattare con %(user)s?",
+        "drop_file_prompt": "Trascina un file qui per l'invio",
+        "edit_topic": "Modifica argomento",
+        "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.",
+        "error_join_404_2": "Se conosci un indirizzo della stanza, prova ad entrare tramite quello.",
+        "error_join_404_invite": "La persona che ti ha invitato/a è già uscita, o il suo server è offline.",
+        "error_join_404_invite_same_hs": "La persona che ti ha invitato/a è già uscita.",
+        "error_join_connection": "Si è verificato un errore entrando.",
+        "error_join_incompatible_version_1": "Spiacenti, il tuo homeserver è troppo vecchio per partecipare qui.",
+        "error_join_incompatible_version_2": "Contatta l'amministratore del tuo homeserver.",
+        "error_join_title": "Entrata fallita",
+        "error_jump_to_date": "Il server ha risposto %(statusCode)s con codice errore %(errorCode)s",
+        "error_jump_to_date_connection": "Si è verificato un errore di rete tentando di trovare e saltare alla data scelta. Il tuo homeserver potrebbe essere irraggiungibile o c'è stato un problema temporaneo con la tua connessione. Riprova. Se persiste, contatta l'amministratore del tuo homeserver.",
+        "error_jump_to_date_details": "Dettagli errore",
+        "error_jump_to_date_not_found": "Non siamo riusciti a trovare un evento successivo al %(dateString)s. Prova con una data precedente.",
+        "error_jump_to_date_send_logs_prompt": "Ti preghiamo di inviare <debugLogsLink>i log di debug</debugLogsLink> per aiutarci ad individuare il problema.",
+        "error_jump_to_date_title": "Impossibile trovare l'evento in quella data",
+        "face_pile_summary": {
+            "other": "%(count)s persone che conosci sono già entrate",
+            "one": "%(count)s persona che conosci è già entrata"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Vedi 1 membro",
+            "other": "Vedi tutti i %(count)s membri"
+        },
+        "face_pile_tooltip_shortcut": "Inclusi %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Incluso te, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "Rifiuto dell'invito fallito",
+        "forget_room": "Dimentica questa stanza",
+        "forget_space": "Dimentica questo spazio",
+        "header": {
+            "n_people_asking_to_join": {
+                "one": "Richiesta di entrare",
+                "other": "%(count)s persone chiedono di entrare"
+            },
+            "room_is_public": "Questa stanza è pubblica"
+        },
+        "header_face_pile_tooltip": "Cambia l'elenco dei membri",
+        "header_untrusted_label": "Non fidato",
+        "inaccessible": "Questa stanza o spazio non è al momento accessibile.",
+        "inaccessible_name": "%(roomName)s non è al momento accessibile.",
+        "inaccessible_subtitle_1": "Riprova più tardi, o chiedi ad un admin della stanza o spazio di controllare se hai l'accesso.",
+        "inaccessible_subtitle_2": "%(errcode)s si è verificato tentando di accedere alla stanza o spazio. Se pensi che tu stia vedendo questo messaggio per errore, <issueLink>invia una segnalazione</issueLink>.",
+        "intro": {
+            "dm_caption": "Solo voi due siete in questa conversazione, a meno che uno di voi non inviti qualcuno.",
+            "enable_encryption_prompt": "Attiva la crittografia nelle impostazioni.",
+            "encrypted_3pid_dm_pending_join": "Una volta che tutti si saranno uniti, potrete scrivervi",
+            "no_avatar_label": "Aggiungi una foto, in modo che le persone notino facilmente la stanza.",
+            "no_topic": "<a>Aggiungi un argomento</a> per aiutare le persone a capire di cosa si parla.",
+            "private_unencrypted_warning": "I tuoi messaggi privati normalmente sono cifrati, ma questa stanza non lo è. Di solito ciò è dovuto ad un dispositivo non supportato o dal metodo usato, come gli inviti per email.",
+            "room_invite": "Invita solo in questa stanza",
+            "send_message_start_dm": "Invia il primo messaggio per invitare <displayName/> a parlare",
+            "start_of_dm_history": "Questo è l'inizio della tua cronologia di messaggi diretti con <displayName/>.",
+            "start_of_room": "Questo è l'inizio di <roomName/>.",
+            "unencrypted_warning": "La crittografia end-to-end non è attiva",
+            "user_created": "%(displayName)s ha creato questa stanza.",
+            "you_created": "Hai creato questa stanza."
+        },
+        "invite_email_mismatch_suggestion": "Condividi questa email nelle impostazioni per ricevere inviti direttamente in %(brand)s.",
+        "invite_sent_to_email": "Questo invito è stato inviato a %(email)s",
+        "invite_sent_to_email_room": "Questo invito per %(roomName)s è stato inviato a %(email)s",
+        "invite_subtitle": "<userName/> ti ha invitato/a",
+        "invite_this_room": "Invita in questa stanza",
+        "invite_title": "Vuoi unirti a %(roomName)s?",
+        "inviter_unknown": "Sconosciuto",
+        "invites_you_text": "<inviter/> ti ha invitato/a",
+        "join_button_account": "Registrati",
+        "join_failed_needs_invite": "Per vedere %(roomName)s ti serve un invito",
+        "join_the_discussion": "Unisciti alla discussione",
+        "join_title": "Entra nella stanza per partecipare",
+        "join_title_account": "Unisciti alla conversazione con un account",
+        "joining": "Ingresso…",
+        "joining_room": "Ingresso nella stanza…",
+        "joining_space": "Ingresso nello spazio…",
+        "jump_read_marker": "Salta al primo messaggio non letto.",
+        "jump_to_bottom_button": "Scorri ai messaggi più recenti",
+        "kick_reason": "Motivo: %(reason)s",
+        "kicked_by": "Sei stato rimosso da %(memberName)s",
+        "kicked_from_room_by": "Sei stato rimosso da %(roomName)s da %(memberName)s",
+        "knock_cancel_action": "Annulla richiesta",
+        "knock_denied_subtitle": "Poiché ti è stato negato l'accesso, non puoi rientrare a meno che tu non venga invitato dall'amministratore o dal moderatore del gruppo.",
+        "knock_denied_title": "Ti è stato negato l'accesso",
+        "knock_message_field_placeholder": "Messaggio (facoltativo)",
+        "knock_prompt": "Chiedi di entrare?",
+        "knock_prompt_name": "Chiedi di entrare in %(roomName)s?",
+        "knock_send_action": "Richiedi accesso",
+        "knock_sent": "Richiesta di ingresso inviata",
+        "knock_sent_subtitle": "La tua richiesta di ingresso è in attesa.",
+        "knock_subtitle": "Ti deve venire dato l'accesso alla stanza per potere vedere o partecipare alla conversazione. Puoi inviare una richiesta di accesso sotto.",
+        "leave_error_title": "Errore uscendo dalla stanza",
+        "leave_server_notices_description": "Questa stanza viene usata per messaggi importanti dall'homeserver, quindi non puoi lasciarla.",
+        "leave_server_notices_title": "Impossibile abbandonare la stanza Notifiche Server",
+        "leave_unexpected_error": "Errore inaspettato del server tentando di abbandonare la stanza",
+        "link_email_to_receive_3pid_invite": "Collega questa email al tuo account nelle impostazioni per ricevere inviti direttamente in %(brand)s.",
+        "loading_preview": "Caricamento anteprima",
+        "no_peek_join_prompt": "Anteprima di %(roomName)s non disponibile. Vuoi unirti?",
+        "no_peek_no_name_join_prompt": "Non c'è un'anteprima, vuoi entrare?",
+        "not_found_subtitle": "Sei sicuro di essere nel posto giusto?",
+        "not_found_title": "Questa stanza o spazio non esiste.",
+        "not_found_title_name": "%(roomName)s non esiste.",
+        "peek_join_prompt": "Stai vedendo l'anteprima di %(roomName)s. Vuoi unirti?",
+        "read_topic": "Clicca per leggere l'argomento",
+        "rejecting": "Rifiuto dell'invito…",
+        "rejoin_button": "Rientra",
+        "search": {
+            "all_rooms_button": "Cerca in tutte le stanze",
+            "this_room_button": "Cerca in questa stanza"
+        },
+        "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.",
+            "one": "Hai %(count)s notifiche non lette in una versione precedente di questa stanza."
+        },
+        "upgrade_error_description": "Controlla che il tuo server supporti la versione di stanza scelta e riprova.",
+        "upgrade_error_title": "Errore di aggiornamento stanza",
+        "upgrade_warning_bar": "Aggiornare questa stanza spegnerà l'istanza attuale della stanza e ne creerà una aggiornata con lo stesso nome.",
+        "upgrade_warning_bar_admins": "Solo gli amministratori della stanza vedranno questo avviso",
+        "upgrade_warning_bar_unstable": "La versione di questa stanza è <roomVersion />, che questo homeserver ha segnalato come <i>non stabile</i>.",
+        "upgrade_warning_bar_upgraded": "Questa stanza è già stata aggiornata.",
+        "upload": {
+            "uploading_multiple_file": {
+                "other": "Invio di %(filename)s e altri %(count)s",
+                "one": "Invio di %(filename)s e altri %(count)s"
+            },
+            "uploading_single_file": "Invio di %(filename)s"
+        },
+        "waiting_for_join_subtitle": "Una volta che gli utenti si saranno uniti a %(brand)s, potrete scrivervi e la stanza sarà crittografata end-to-end",
+        "waiting_for_join_title": "In attesa che gli utenti si uniscano a %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Aggiungi spazio",
+        "failed_add_tag": "Aggiunta etichetta %(tagName)s alla stanza fallita",
+        "failed_remove_tag": "Rimozione etichetta %(tagName)s dalla stanza fallita",
+        "failed_set_dm_tag": "Impostazione etichetta chat diretta fallita",
+        "notification_options": "Opzioni di notifica",
+        "show_less": "Mostra meno"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Decidi chi può vedere ed entrare in %(spaceName)s.",
+            "title": "Accesso"
+        },
+        "advanced": {
+            "error_upgrade_description": "Non è stato possibile completare l'aggiornamento della stanza",
+            "error_upgrade_title": "Aggiornamento stanza fallito",
+            "information_section_room": "Informazioni stanza",
+            "information_section_space": "Informazioni spazio",
+            "room_id": "ID interno stanza",
+            "room_predecessor": "Vedi messaggi più vecchi in %(roomName)s.",
+            "room_upgrade_button": "Aggiorna questa stanza alla versione consigliata",
+            "room_upgrade_warning": "<b>Attenzione</b>: aggiornare una stanza <i>non migrerà automaticamente i membri della stanza alla nuova versione.</i> Inseriremo un link alla nuova stanza nella vecchia versione - i membri dovranno cliccare questo link per unirsi alla nuova stanza.",
+            "room_version": "Versione stanza:",
+            "room_version_section": "Versione stanza",
+            "space_predecessor": "Vedi versione più vecchia di %(spaceName)s.",
+            "space_upgrade_button": "Aggiorna questo spazio alla versione di stanza consigliata",
+            "unfederated": "Questa stanza non è accessibile da server di Matrix remoti",
+            "upgrade_button": "Aggiorna questa stanza alla versione %(version)s",
+            "upgrade_dialog_description": "Per aggiornare questa stanza devi chiudere l'istanza attuale e creare una nuova stanza al suo posto. Per offrire la migliore esperienza possibile ai membri della stanza:",
+            "upgrade_dialog_description_1": "Creeremo una nuova stanza con lo stesso nome, descrizione e avatar",
+            "upgrade_dialog_description_2": "Aggiorneremo qualsiasi alias di stanza in modo che punti a quella nuova",
+            "upgrade_dialog_description_3": "Eviteremo che gli utenti parlino nella vecchia versione della stanza e posteremo un messaggio avvisando gli utenti di spostarsi in quella nuova",
+            "upgrade_dialog_description_4": "Inseriremo un link alla vecchia stanza all'inizio della di quella nuova in modo che la gente possa vedere i messaggi precedenti",
+            "upgrade_dialog_title": "Aggiorna versione stanza",
+            "upgrade_dwarning_ialog_title_public": "Aggiorna stanza pubblica",
+            "upgrade_warning_dialog_description": "Aggiornare una stanza è un'azione avanzata ed è consigliabile quando una stanza non è stabile a causa di errori, funzioni mancanti o vulnerabilità di sicurezza.",
+            "upgrade_warning_dialog_explainer": "<b>Nota che aggiornare creerà una nuova versione della stanza</b>. Tutti i messaggi attuali resteranno in questa stanza archiviata.",
+            "upgrade_warning_dialog_footer": "Aggiornerai questa stanza dalla <oldVersion /> alla <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Invita automaticamente i membri da questa stanza a quella nuova",
+            "upgrade_warning_dialog_report_bug_prompt": "Solitamente ciò influisce solo su come la stanza viene elaborata sul server. Se stai riscontrando problemi con il tuo %(brand)s, segnala un errore.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Solitamente ciò influisce solo come la stanza viene elaborata sul server. Se stai riscontrando problemi con il tuo %(brand)s, <a>segnala un errore</a>.",
+            "upgrade_warning_dialog_title": "Aggiorna stanza",
+            "upgrade_warning_dialog_title_private": "Aggiorna stanza privata"
+        },
+        "alias_not_specified": "non specificato",
+        "bridges": {
+            "description": "Questa stanza fa un bridge dei messaggi con le seguenti piattaforme. <a>Maggiori informazioni.</a>",
+            "empty": "Questa stanza non fa un bridge dei messaggi con alcuna piattaforma. <a>Maggiori informazioni.</a>",
+            "title": "Bridge"
+        },
+        "delete_avatar_label": "Elimina avatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Separatore del dominio mancante, es. (:dominio.org)",
+            "alias_field_has_localpart_invalid": "Nome o separatore della stanza mancante, es. (mia-stanza:dominio.org)",
+            "alias_field_matches_invalid": "Questo indirizzo non punta a questa stanza",
+            "alias_field_placeholder_default": "es. mia-stanza",
+            "alias_field_required_invalid": "Inserisci un indirizzo",
+            "alias_field_safe_localpart_invalid": "Alcuni caratteri non sono permessi",
+            "alias_field_taken_invalid": "Questo indirizzo aveva un server non valido o è già in uso",
+            "alias_field_taken_invalid_domain": "Questo indirizzo è già in uso",
+            "alias_field_taken_valid": "Questo indirizzo è disponibile per l'uso",
+            "alias_heading": "Indirizzo stanza",
+            "aliases_items_label": "Altri indirizzi pubblicati:",
+            "aliases_no_items_label": "Nessun altro indirizzo ancora pubblicato, aggiungine uno sotto",
+            "aliases_section": "Indirizzi stanza",
+            "avatar_field_label": "Avatar della stanza",
+            "canonical_alias_field_label": "Indirizzo principale",
+            "description_space": "Modifica le impostazioni relative al tuo spazio.",
+            "error_creating_alias_description": "Si è verificato un errore creando l'indirizzo. Potrebbe non essere permesso dal server o un problema temporaneo.",
+            "error_creating_alias_title": "Errore creazione indirizzo",
+            "error_deleting_alias_description": "Si è verificato un errore rimuovendo l'indirizzo. Potrebbe non esistere più o essere un problema temporaneo.",
+            "error_deleting_alias_description_forbidden": "Non hai l'autorizzazione per eliminare l'indirizzo.",
+            "error_deleting_alias_title": "Errore rimozione indirizzo",
+            "error_save_space_settings": "Impossibile salvare le impostazioni dello spazio.",
+            "error_updating_alias_description": "Si è verificato un errore aggiornando gli indirizzi alternativi della stanza. Potrebbe non essere consentito dal server o essere un errore temporaneo.",
+            "error_updating_canonical_alias_description": "Si è verificato un errore aggiornando l'indirizzo principale della stanza. Potrebbe non essere permesso dal server o un problema temporaneo.",
+            "error_updating_canonical_alias_title": "Errore di aggiornamento indirizzo principale",
+            "leave_space": "Esci dallo spazio",
+            "local_alias_field_label": "Indirizzo locale",
+            "local_aliases_explainer_room": "Imposta gli indirizzi per la stanza affinché gli utenti la trovino attraverso il tuo homeserver (%(localDomain)s)",
+            "local_aliases_explainer_space": "Imposta gli indirizzi per questo spazio affinché gli utenti lo trovino attraverso il tuo homeserver (%(localDomain)s)",
+            "local_aliases_section": "Indirizzi locali",
+            "name_field_label": "Nome stanza",
+            "new_alias_placeholder": "Nuovo indirizzo pubblicato (es. #alias:server)",
+            "no_aliases_room": "Questa stanza non ha indirizzi locali",
+            "no_aliases_space": "Questo spazio non ha indirizzi locali",
+            "other_section": "Altro",
+            "publish_toggle": "Pubblicare questa stanza nell'elenco pubblico delle stanze in %(domain)s ?",
+            "published_aliases_description": "Per pubblicare un indirizzo, deve prima essere impostato come indirizzo locale.",
+            "published_aliases_explainer_room": "Gli indirizzi pubblicati possono essere usati da chiunque su tutti i server per entrare nella tua stanza.",
+            "published_aliases_explainer_space": "Gli indirizzi pubblicati possono essere usati da chiunque su tutti i server per entrare nel tuo spazio.",
+            "published_aliases_section": "Indirizzi pubblicati",
+            "save": "Salva modifiche",
+            "topic_field_label": "Argomento stanza"
+        },
+        "notifications": {
+            "browse_button": "Sfoglia",
+            "custom_sound_prompt": "Imposta un nuovo suono personalizzato",
+            "notification_sound": "Suoni di notifica",
+            "settings_link": "Ricevi notifiche come configurato nelle tue <a>impostazioni</a>",
+            "sounds_section": "Suoni",
+            "upload_sound_label": "Carica suono personalizzato",
+            "uploaded_sound": "Suono inviato"
+        },
+        "people": {
+            "knock_empty": "Nessuna richiesta",
+            "knock_section": "Richiesta di entrare",
+            "see_less": "Riduci",
+            "see_more": "Espandi"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Dai più privilegi a uno o più utenti in questa stanza",
+            "add_privileged_user_filter_placeholder": "Cerca utenti in questa stanza…",
+            "add_privileged_user_heading": "Aggiungi utenti privilegiati",
+            "ban": "Bandisci utenti",
+            "ban_reason": "Motivo",
+            "banned_by": "Bandito da %(displayName)s",
+            "banned_users_section": "Utenti banditi",
+            "error_changing_pl_description": "Si è verificato un errore cambiando il livello di poteri dell'utente. Assicurati di averne l'autorizzazione e riprova.",
+            "error_changing_pl_reqs_description": "C'é stato un errore nel cambio di libelli dei permessi. Assicurati di avere i permessi necessari e riprova.",
+            "error_changing_pl_reqs_title": "Errore nella modifica del livello dei permessi",
+            "error_changing_pl_title": "Errore cambiando il livello di poteri",
+            "error_unbanning": "Rimozione ban fallita",
+            "events_default": "Invia messaggi",
+            "invite": "Invita utenti",
+            "kick": "Rimuovi utenti",
+            "m.call": "Inizia chiamate di %(brand)s",
+            "m.call.member": "Entra in chiamate di %(brand)s",
+            "m.reaction": "Invia reazioni",
+            "m.room.avatar": "Cambia avatar stanza",
+            "m.room.avatar_space": "Cambia avatar dello spazio",
+            "m.room.canonical_alias": "Modifica indirizzo principale della stanza",
+            "m.room.canonical_alias_space": "Cambia indirizzo principale dello spazio",
+            "m.room.encryption": "Attiva la crittografia della stanza",
+            "m.room.history_visibility": "Cambia visibilità cronologia",
+            "m.room.name": "Modifica nome stanza",
+            "m.room.name_space": "Cambia nome dello spazio",
+            "m.room.pinned_events": "Gestisci eventi ancorati",
+            "m.room.power_levels": "Cambia autorizzazioni",
+            "m.room.redaction": "Rimuovi i messaggi che ho inviato",
+            "m.room.server_acl": "Modifica le ACL del server",
+            "m.room.tombstone": "Aggiorna la stanza",
+            "m.room.topic": "Modifica argomento",
+            "m.room.topic_space": "Cambia descrizione",
+            "m.space.child": "Gestisci le stanze in questo spazio",
+            "m.widget": "Modifica i widget",
+            "muted_users_section": "Utenti silenziati",
+            "no_privileged_users": "Nessun utente ha privilegi specifici in questa stanza",
+            "notifications.room": "Notifica tutti",
+            "permissions_section": "Autorizzazioni",
+            "permissions_section_description_room": "Seleziona i ruoli necessari per cambiare varie parti della stanza",
+            "permissions_section_description_space": "Seleziona i ruoli necessari per cambiare varie parti dello spazio",
+            "privileged_users_section": "Utenti privilegiati",
+            "redact": "Rimuovi i messaggi inviati dagli altri",
+            "send_event_type": "Invia eventi %(eventType)s",
+            "state_default": "Modifica impostazioni",
+            "title": "Ruoli e permessi",
+            "users_default": "Ruolo predefinito"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Una volta attivata, la crittografia di una stanza non può essere disattivata. I messaggi inviati in una stanza cifrata non possono essere letti dal server, solo dai partecipanti della stanza. L'attivazione della crittografia può impedire il corretto funzionamento di bot e bridge. <a>Maggiori informazioni sulla crittografia.</a>",
+            "enable_encryption_confirm_title": "Attivare la crittografia?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Non è consigliabile aggiungere la crittografia alle stanze pubbliche.</b>Chiunque può trovare ed entrare in stanze pubbliche, quindi chiunque può leggere i messaggi. Non avrai alcun beneficio dalla crittografia e non potrai disattivarla in seguito. Cifrare i messaggi in una stanza pubblica renderà più lenti l'invio e la ricezione dei messaggi.",
+            "enable_encryption_public_room_confirm_description_2": "Per evitare questi problemi, crea una <a>nuova stanza cifrata</a> per la conversazione che vuoi avere.",
+            "enable_encryption_public_room_confirm_title": "Vuoi veramente aggiungere la crittografia a questa stanza pubblica?",
+            "encrypted_room_public_confirm_description_1": "<b>Non è consigliabile rendere pubbliche le stanze cifrate.</b> Se lo fai, chiunque potrà trovare ed entrare nella stanza, quindi chiunque potrà leggere i messaggi. Non avrai alcun beneficio dalla crittografia. Cifrare i messaggi in una stanza pubblica renderà più lenti l'invio e la ricezione dei messaggi.",
+            "encrypted_room_public_confirm_description_2": "Per evitare questi problemi, crea una <a>nuova stanza pubblica</a> per la conversazione che vuoi avere.",
+            "encrypted_room_public_confirm_title": "Vuoi veramente rendere pubblica questa stanza cifrata?",
+            "encryption_forced": "Il tuo server richiede di disattivare la crittografia.",
+            "encryption_permanent": "Una volta attivata, la crittografia non può essere disattivata.",
+            "error_join_rule_change_title": "Modifica delle regole di accesso fallita",
+            "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_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.",
+            "history_visibility_world_readable": "Chiunque",
+            "join_rule_description": "Decidi chi può entrare in %(roomName)s.",
+            "join_rule_invite": "Privato (solo a invito)",
+            "join_rule_invite_description": "Solo le persone invitate possono entrare.",
+            "join_rule_knock": "Chiedi di entrare",
+            "join_rule_knock_description": "Nessuno può entrare previo consenso di accesso.",
+            "join_rule_public_description": "Chiunque può trovare ed entrare.",
+            "join_rule_restricted": "Membri dello spazio",
+            "join_rule_restricted_description": "Chiunque in uno spazio può trovare ed entrare. <a>Modifica quali spazi possono accedere qui.</a>",
+            "join_rule_restricted_description_active_space": "Chiunque in <spaceName/> può trovare ed entrare. Puoi selezionare anche altri spazi.",
+            "join_rule_restricted_description_prompt": "Chiunque in uno spazio può trovare ed entrare. Puoi selezionare più spazi.",
+            "join_rule_restricted_description_spaces": "Spazi con accesso",
+            "join_rule_restricted_dialog_description": "Decidi quali spazi possono accedere a questa stanza. Se uno spazio è selezionato, i suoi membri possono trovare ed entrare in <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Stai rimuovendo tutti gli spazi. L'accesso tornerà solo su invito",
+            "join_rule_restricted_dialog_filter_placeholder": "Cerca spazi",
+            "join_rule_restricted_dialog_heading_known": "Altri spazi che conosci",
+            "join_rule_restricted_dialog_heading_other": "Altri spazi o stanze che potresti non conoscere",
+            "join_rule_restricted_dialog_heading_room": "Spazi di cui sai che contengono questa stanza",
+            "join_rule_restricted_dialog_heading_space": "Spazi di cui sai che contengono questo spazio",
+            "join_rule_restricted_dialog_heading_unknown": "Questi sono probabilmente quelli di cui fanno parte gli altri amministratori delle stanze.",
+            "join_rule_restricted_dialog_title": "Seleziona spazi",
+            "join_rule_restricted_n_more": {
+                "other": "e altri %(count)s",
+                "one": "e altri %(count)s"
+            },
+            "join_rule_restricted_summary": {
+                "other": "Attualmente, %(count)s spazi hanno accesso",
+                "one": "Attualmente, uno spazio ha accesso"
+            },
+            "join_rule_restricted_upgrade_description": "Questo aggiornamento permetterà ai membri di spazi selezionati di accedere alla stanza senza invito.",
+            "join_rule_restricted_upgrade_warning": "Questa stanza è in alcuni spazi di cui non sei amministratore. In quegli spazi, la vecchia stanza verrà ancora mostrata, ma alla gente verrà chiesto di entrare in quella nuova.",
+            "join_rule_upgrade_awaiting_room": "Caricamento nuova stanza",
+            "join_rule_upgrade_required": "Aggiornamento necessario",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Spedizione invito...",
+                "other": "Spedizione inviti... (%(progress)s di %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Aggiornamento spazio...",
+                "other": "Aggiornamento spazi... (%(progress)s di %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Aggiornamento stanza",
+            "public_without_alias_warning": "Per collegare a questa stanza, aggiungi un indirizzo.",
+            "publish_room": "Rendi questa stanza visibile nell'elenco delle stanze pubbliche.",
+            "publish_space": "Rendi visibile questo spazio nell'elenco delle stanze pubbliche.",
+            "strict_encryption": "Non inviare mai messaggi cifrati a sessioni non verificate in questa stanza da questa sessione",
+            "title": "Sicurezza e privacy"
+        },
+        "title": "Impostazioni stanza - %(roomName)s",
+        "upload_avatar_label": "Invia avatar",
+        "visibility": {
+            "alias_section": "Indirizzo",
+            "error_failed_save": "Aggiornamento visibilità dello spazio fallito",
+            "error_update_guest_access": "Aggiornamento accesso ospiti dello spazio fallito",
+            "error_update_history_visibility": "Aggiornamento visibilità cronologia dello spazio fallito",
+            "guest_access_explainer": "Gli ospiti possono entrare in uno spazio senza avere un account.",
+            "guest_access_label": "Attiva accesso ospiti",
+            "history_visibility_anyone_space": "Anteprima spazio",
+            "history_visibility_anyone_space_description": "Permetti a chiunque di vedere l'anteprima dello spazio prima di unirsi.",
+            "history_visibility_anyone_space_recommendation": "Consigliato per gli spazi pubblici.",
+            "title": "Visibilità"
+        },
+        "voip": {
+            "call_type_section": "Tipo chiamata",
+            "enable_element_call_caption": "%(brand)s è crittografato end-to-end, ma attualmente è limitato ad un minore numero di utenti.",
+            "enable_element_call_label": "Attiva %(brand)s come opzione di chiamata aggiuntiva in questa stanza",
+            "enable_element_call_no_permissions_tooltip": "Non hai autorizzazioni sufficienti per cambiarlo."
+        }
+    },
+    "room_summary_card_back_action_label": "Informazioni stanza",
+    "scalar": {
+        "error_create": "Impossibile creare il widget.",
+        "error_membership": "Non sei in questa stanza.",
+        "error_missing_room_id": "ID stanza mancante.",
+        "error_missing_room_id_request": "Manca l'id_stanza nella richiesta",
+        "error_missing_user_id_request": "Manca l'id_utente nella richiesta",
+        "error_permission": "Non hai l'autorizzazione per farlo in questa stanza.",
+        "error_power_level_invalid": "Il livello di poteri deve essere un intero positivo.",
+        "error_room_not_visible": "Stanza %(roomId)s non visibile",
+        "error_room_unknown": "Stanza non riconosciuta.",
+        "error_send_request": "Invio della richiesta fallito.",
+        "failed_read_event": "Lettura degli eventi fallita",
+        "failed_send_event": "Invio dell'evento fallito"
+    },
+    "server_offline": {
+        "description": "Il tuo server non sta rispondendo ad alcune tue richieste. Sotto trovi alcuni probabili motivi.",
+        "description_1": "Il server (%(serverName)s) ha impiegato troppo tempo per rispondere.",
+        "description_2": "Il tuo firewall o antivirus sta bloccando la richiesta.",
+        "description_3": "Un'estensione del browser sta impedendo la richiesta.",
+        "description_4": "Il server è offline.",
+        "description_5": "Il server ha negato la tua richiesta.",
+        "description_6": "La tua area sta riscontrando difficoltà di connessione a internet.",
+        "description_7": "Si è verificato un errore di connessione tentando di contattare il server.",
+        "description_8": "Il server non è configurato per indicare qual è il problema (CORS).",
+        "empty_timeline": "Non hai nulla di nuovo da vedere.",
+        "recent_changes_heading": "Modifiche recenti che non sono ancora state ricevute",
+        "title": "Il server non risponde"
+    },
+    "seshat": {
+        "error_initialising": "Inizializzazione ricerca messaggi fallita, controlla <a>le impostazioni</a> per maggiori informazioni",
+        "reset_button": "Reinizializza archivio eventi",
+        "reset_description": "Probabilmente non hai bisogno di reinizializzare il tuo archivio indice degli eventi",
+        "reset_explainer": "Se lo fai, ricorda che nessuno dei tuoi messaggi verrà eliminato, ma l'esperienza di ricerca potrà peggiorare per qualche momento mentre l'indice viene ricreato",
+        "reset_title": "Reinizializzare l'archivio eventi?",
+        "warning_kind_files": "Questa versione di %(brand)s non supporta la visualizzazione di alcuni file cifrati",
+        "warning_kind_files_app": "Usa <a>l'app desktop</a> per vedere tutti i file cifrati",
+        "warning_kind_search": "Questa versione di %(brand)s non supporta la ricerca di messaggi cifrati",
+        "warning_kind_search_app": "Usa <a>l'app desktop</a> per cercare i messaggi cifrati"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Il tuo token di accesso ti dà l'accesso al tuo account. Non condividerlo con nessuno.",
+            "brand_version": "versione %(brand)s:",
+            "clear_cache_reload": "Svuota la cache e ricarica",
+            "crypto_version": "Versione crittografica:",
+            "help_link": "Per aiuto su come usare %(brand)s, clicca <a>qui</a>.",
+            "homeserver": "L'homeserver è <code>%(homeserverUrl)s</code>",
+            "identity_server": "Il server d'identità è <code>%(identityServerUrl)s</code>",
+            "title": "Aiuto e informazioni",
+            "versions": "Versioni"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "Mostra tutte le stanze nella pagina principale",
+        "all_rooms_home_description": "Tutte le stanze in cui sei appariranno nella pagina principale.",
+        "always_show_message_timestamps": "Mostra sempre l'orario dei messaggi",
+        "appearance": {
+            "bundled_emoji_font": "Usa i font emoji integrati",
+            "custom_font": "Usa un carattere di sistema",
+            "custom_font_description": "Imposta il nome di un font installato nel tuo sistema e %(brand)s proverà ad usarlo.",
+            "custom_font_name": "Nome carattere di sistema",
+            "custom_font_size": "Usa dimensione personalizzata",
+            "custom_theme_error_downloading": "Errore di scaricamento del tema",
+            "custom_theme_invalid": "Schema del tema non valido.",
+            "font_size": "Dimensione carattere",
+            "font_size_default": "%(fontSize)s (predefinito)",
+            "image_size_default": "Predefinito",
+            "image_size_large": "Grande",
+            "layout_bubbles": "Messaggi",
+            "layout_irc": "IRC (sperimentale)",
+            "match_system_theme": "Usa il tema di sistema",
+            "timeline_image_size": "Dimensione immagine nella linea temporale"
+        },
+        "automatic_language_detection_syntax_highlight": "Attiva la rilevazione automatica della lingua per l'evidenziazione della sintassi",
+        "autoplay_gifs": "Auto-riproduci le GIF",
+        "autoplay_videos": "Auto-riproduci i video",
+        "big_emoji": "Attiva gli emoji grandi in chat",
+        "code_block_expand_default": "Espandi blocchi di codice in modo predefinito",
+        "code_block_line_numbers": "Mostra numeri di riga nei blocchi di codice",
+        "disable_historical_profile": "Mostra immagine del profilo e nomi attuali degli utenti nella cronologia dei messaggi",
+        "emoji_autocomplete": "Attiva suggerimenti Emoji durante la digitazione",
+        "enable_markdown": "Attiva markdown",
+        "enable_markdown_description": "Inizia i messaggi con <code>/plain</code> per inviarli senza markdown.",
+        "general": {
+            "account_management_section": "Gestione account",
+            "account_section": "Account",
+            "add_email_dialog_title": "Aggiungi indirizzo email",
+            "add_email_failed_verification": "Impossibile verificare l'indirizzo e-mail: assicurati di aver cliccato il link nell'e-mail",
+            "add_email_instructions": "Ti abbiamo inviato un'email per verificare il tuo indirizzo. Segui le istruzioni contenute e poi clicca il pulsante sotto.",
+            "add_msisdn_confirm_body": "Clicca il pulsante sotto per confermare l'aggiunta di questo numero di telefono.",
+            "add_msisdn_confirm_button": "Conferma aggiungendo un numero di telefono",
+            "add_msisdn_confirm_sso_button": "Conferma aggiungendo questo numero di telefono usando Single Sign On per provare la tua identità.",
+            "add_msisdn_dialog_title": "Aggiungi numero di telefono",
+            "add_msisdn_instructions": "È stato inviato un SMS a +%(msisdn)s. Inserisci il codice di verifica contenuto.",
+            "add_msisdn_misconfigured": "L'aggiunta / bind con il flusso MSISDN è mal configurata",
+            "confirm_adding_email_body": "Clicca il pulsante sotto per confermare l'aggiunta di questa email.",
+            "confirm_adding_email_title": "Conferma aggiungendo email",
+            "deactivate_confirm_body": "Sei sicuro di volere disattivare il tuo account? È irreversibile.",
+            "deactivate_confirm_body_sso": "Conferma la disattivazione del tuo account usando Single Sign On per dare prova della tua identità.",
+            "deactivate_confirm_content": "Conferma che vorresti disattivare il tuo account. Se procedi:",
+            "deactivate_confirm_content_1": "Non potrai più riattivare il tuo account",
+            "deactivate_confirm_content_2": "Non potrai più accedere",
+            "deactivate_confirm_content_3": "Nessuno potrà riutilizzare il tuo nome utente (MXID), incluso te stesso: questo nome utente resterà non disponibile",
+            "deactivate_confirm_content_4": "Uscirai da tutte le stanze e messaggi diretti in cui sei",
+            "deactivate_confirm_content_5": "Verrai rimosso dal server d'identità: i tuoi amici non potranno più trovarti tramite l'email o il numero di telefono",
+            "deactivate_confirm_content_6": "I tuoi vecchi messaggi saranno ancora visibili alle persone che li hanno ricevuti, proprio come le email che hai inviato in passato. Vuoi nascondere i tuoi messaggi inviati alle persone che entreranno nelle stanze in futuro?",
+            "deactivate_confirm_continue": "Conferma disattivazione account",
+            "deactivate_confirm_erase_label": "Nascondi i miei messaggi ai nuovi membri",
+            "deactivate_section": "Disattiva l'account",
+            "deactivate_warning": "La disattivazione dell'account è permanente - attenzione!",
+            "discovery_email_empty": "Le opzioni di scoperta appariranno dopo aver aggiunto un'email.",
+            "discovery_email_verification_instructions": "Verifica il link nella tua posta in arrivo",
+            "discovery_msisdn_empty": "Le opzioni di scoperta appariranno dopo aver aggiunto un numero di telefono.",
+            "discovery_needs_terms": "Accetta le condizioni di servizio del server di identità (%(serverName)s) per poter essere trovabile tramite indirizzo email o numero di telefono.",
+            "email_address_in_use": "Questo indirizzo e-mail è già in uso",
+            "email_address_label": "Indirizzo email",
+            "email_not_verified": "Il tuo indirizzo email non è ancora stato verificato",
+            "email_verification_instructions": "Clicca il link nell'email che hai ricevuto per verificare e poi clicca di nuovo Continua.",
+            "emails_heading": "Indirizzi email",
+            "error_add_email": "Impossibile aggiungere l'indirizzo email",
+            "error_deactivate_communication": "C'è stato un problema nella comunicazione con il server. Riprova.",
+            "error_deactivate_invalid_auth": "Il server non ha restituito informazioni di autenticazione valide.",
+            "error_deactivate_no_auth": "Il server non ha richiesto alcuna autenticazione",
+            "error_email_verification": "Impossibile verificare l'indirizzo email.",
+            "error_invalid_email": "Indirizzo email non valido",
+            "error_invalid_email_detail": "Questo non sembra essere un indirizzo email valido",
+            "error_msisdn_verification": "Impossibile verificare il numero di telefono.",
+            "error_password_change_403": "Modifica password fallita. La tua password è corretta?",
+            "error_password_change_http": "%(errorMessage)s (stato HTTP %(httpStatus)s)",
+            "error_password_change_title": "Errore nella modifica della password",
+            "error_password_change_unknown": "Errore sconosciuto di modifica della password (%(stringifiedError)s)",
+            "error_remove_3pid": "Impossibile rimuovere le informazioni di contatto",
+            "error_revoke_email_discovery": "Impossibile revocare la condivisione dell'indirizzo email",
+            "error_revoke_msisdn_discovery": "Impossibile revocare la condivisione del numero di telefono",
+            "error_share_email_discovery": "Impossibile condividere l'indirizzo email",
+            "error_share_msisdn_discovery": "Impossibile condividere il numero di telefono",
+            "identity_server_no_token": "Nessun token di accesso d'identità trovato",
+            "identity_server_not_set": "Server d'identità non impostato",
+            "language_section": "Lingua",
+            "msisdn_in_use": "Questo numero di telefono è già in uso",
+            "msisdn_label": "Numero di telefono",
+            "msisdn_verification_field_label": "Codice di verifica",
+            "msisdn_verification_instructions": "Inserisci il codice di verifica inviato via SMS.",
+            "msisdns_heading": "Numeri di telefono",
+            "oidc_manage_button": "Gestisci account",
+            "password_change_section": "Imposta una nuova password dell'account…",
+            "password_change_success": "La tua password è stata cambiata correttamente.",
+            "remove_email_prompt": "Rimuovere %(email)s?",
+            "remove_msisdn_prompt": "Rimuovere %(phone)s?",
+            "spell_check_locale_placeholder": "Scegli una lingua"
+        },
+        "inline_url_previews_default": "Attiva le anteprime URL in modo predefinito",
+        "insert_trailing_colon_mentions": "Inserisci dei due punti dopo le citazioni degli utenti all'inizio di un messaggio",
+        "jump_to_bottom_on_send": "Salta in fondo alla linea temporale quando invii un messaggio",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Viene ora fatto il backup delle tue chiavi da questo dispositivo.",
+                "backup_setup_success_title": "Backup Sicuro completato",
+                "cancel_warning": "Se annulli ora, potresti perdere i messaggi e dati cifrati in caso tu perda l'accesso ai tuoi login.",
+                "confirm_security_phrase": "Conferma password di sicurezza",
+                "description": "Proteggiti contro la perdita dell'accesso ai messaggi e dati cifrati facendo un backup delle chiavi crittografiche sul tuo server.",
+                "download_or_copy": "%(downloadButton)s o %(copyButton)s",
+                "enter_phrase_description": "Inserisci una frase di sicurezza che conosci solo tu, dato che è usata per proteggere i tuoi dati. Per sicurezza, non dovresti riutilizzare la password dell'account.",
+                "enter_phrase_title": "Inserisci una frase di sicurezza",
+                "enter_phrase_to_confirm": "Inserisci di nuovo la password di sicurezza per confermarla.",
+                "generate_security_key_description": "Genereremo per te una Chiave di Recupero da conservare in un posto sicuro, come un gestore di password o una cassaforte.",
+                "generate_security_key_title": "Genera una Chiave di Recupero",
+                "pass_phrase_match_failed": "Non corrisponde.",
+                "pass_phrase_match_success": "Corrisponde!",
+                "phrase_strong_enough": "Ottimo! Questa password di sicurezza sembra abbastanza robusta.",
+                "secret_storage_query_failure": "Impossibile rilevare lo stato dell'archivio segreto",
+                "security_key_safety_reminder": "Conserva la chiave di sicurezza in un posto sicuro, come in un gestore di password o in una cassaforte, dato che è usata per proteggere i tuoi dati cifrati.",
+                "set_phrase_again": "Torna per reimpostare.",
+                "settings_reminder": "Puoi anche impostare il Backup Sicuro e gestire le tue chiavi nelle impostazioni.",
+                "title_confirm_phrase": "Conferma frase di sicurezza",
+                "title_save_key": "Salva la tua chiave di sicurezza",
+                "title_set_phrase": "Imposta una frase di sicurezza",
+                "unable_to_setup": "Impossibile impostare un archivio segreto",
+                "use_different_passphrase": "Usare una password diversa?",
+                "use_phrase_only_you_know": "Usa una frase segreta che conosci solo tu e salva facoltativamente una chiave di sicurezza da usare come backup."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Conferma password",
+            "enter_passphrase": "Inserisci password",
+            "export_description_1": "Questa procedura ti permette di esportare in un file locale le chiavi per i messaggi che hai ricevuto nelle stanze criptate. Potrai poi importare il file in un altro client Matrix in futuro, in modo che anche quel client possa decifrare quei messaggi.",
+            "export_description_2": "Il file esportato permetterà a chiunque possa leggerlo di decifrare tutti i messaggi criptati che vedi, quindi dovresti conservarlo in modo sicuro. Per aiutarti, potresti inserire una password dedicata sotto, che verrà usata per criptare i dati esportati. Sarà possibile importare i dati solo usando la stessa password.",
+            "export_title": "Esporta chiavi della stanza",
+            "file_to_import": "File da importare",
+            "import_description_1": "Questa procedura ti permette di importare le chiavi di crittografia precedentemente esportate da un altro client Matrix. Potrai poi decifrare tutti i messaggi che quel client poteva decifrare.",
+            "import_description_2": "Il file esportato sarà protetto da una password. Dovresti inserire la password qui, per decifrarlo.",
+            "import_title": "Importa chiavi della stanza",
+            "phrase_cannot_be_empty": "La password non può essere vuota",
+            "phrase_must_match": "Le password devono coincidere",
+            "phrase_strong_enough": "Ottimo! Questa password sembra abbastanza robusta"
+        },
+        "keyboard": {
+            "title": "Tastiera"
+        },
+        "notifications": {
+            "default_setting_description": "Questa impostazione verrà applicata in modo predefinito a tutte le tue stanze.",
+            "default_setting_section": "Voglio ricevere una notifica per (impostazione predefinita)",
+            "desktop_notification_message_preview": "Mostra l'anteprima dei messaggi nelle notifiche desktop",
+            "email_description": "Ricevi un riepilogo via email delle notifiche perse",
+            "email_section": "Riepilogo email",
+            "email_select": "Seleziona a quali email vuoi inviare i riepiloghi. Gestisci le email in <button>Generale</button>.",
+            "enable_audible_notifications_session": "Attiva le notifiche audio per questa sessione",
+            "enable_desktop_notifications_session": "Attiva le notifiche desktop per questa sessione",
+            "enable_email_notifications": "Attive le notifiche email per %(email)s",
+            "enable_notifications_account": "Attiva le notifiche per questo account",
+            "enable_notifications_account_detail": "Disattiva per spegnere le notifiche in tutti i dispositivi e sessioni",
+            "enable_notifications_device": "Attiva le notifiche per questo dispositivo",
+            "error_loading": "Si è verificato un errore caricando le tue impostazioni di notifica.",
+            "error_permissions_denied": "%(brand)s non ha l'autorizzazione ad inviarti notifiche - controlla le impostazioni del browser",
+            "error_permissions_missing": "Non è stata data a %(brand)s l'autorizzazione ad inviare notifiche - riprova",
+            "error_saving": "Errore nel salvataggio delle preferenze di notifica",
+            "error_saving_detail": "Si è verificato un errore durante il salvataggio delle tue preferenze di notifica.",
+            "error_title": "Impossibile attivare le notifiche",
+            "error_updating": "Si è verificato un errore aggiornando le tue preferenze di notifica. Prova ad attivare/disattivare di nuovo l'opzione.",
+            "invites": "Invitato in una stanza",
+            "keywords": "Mostra una targhetta <badge/> quando vendono usate parole chiave in una stanza.",
+            "keywords_prompt": "Inserisci le parole chiave qui, o usa per variazioni ortografiche o nomi utente",
+            "labs_notice_prompt": "<strong>Aggiornamento:</strong>abbiamo semplificato le impostazioni di notifica per rendere più facili da trovare le opzioni. Alcune impostazioni personalizzate che hai scelto in precedenza non vengono mostrate qui, ma sono ancora attive. Se procedi, alcune tue impostazioni possono cambiare. <a>Maggiori info</a>",
+            "mentions_keywords": "Menzioni e parole chiave",
+            "mentions_keywords_only": "Solo menzioni e parole chiave",
+            "messages_containing_keywords": "Messaggi contenenti parole chiave",
+            "noisy": "Rumoroso",
+            "notices": "Messaggi inviati da bot",
+            "notify_at_room": "Avvisa quando qualcuno menziona usando @stanza",
+            "notify_keyword": "Avvisa quando qualcuno usa una parola chiave",
+            "notify_mention": "Avvisa quando qualcuno menziona usando @nomeutente o %(mxid)s",
+            "other_section": "Altre cose che pensiamo potrebbero interessarti:",
+            "people_mentions_keywords": "Persone, menzioni e parole chiave",
+            "play_sound_for_description": "Applicato in modo predefinito a tutte le stanze su tutti i dispositivi.",
+            "play_sound_for_section": "Riproduci un suono per",
+            "push_targets": "Obiettivi di notifica",
+            "quick_actions_mark_all_read": "Segna tutti i messaggi come letti",
+            "quick_actions_reset": "Ripristina alle impostazioni predefinite",
+            "quick_actions_section": "Azioni rapide",
+            "room_activity": "Si verificano nuove attività nella stanza, aggiornamenti e messaggi di stato",
+            "rule_call": "Invito ad una chiamata",
+            "rule_contains_display_name": "Messaggi contenenti il mio nome visualizzato",
+            "rule_contains_user_name": "Messaggi contenenti il mio nome utente",
+            "rule_encrypted": "Messaggi cifrati in chat di gruppo",
+            "rule_encrypted_room_one_to_one": "Messaggi cifrati in chat uno-ad-uno",
+            "rule_invite_for_me": "Quando vengo invitato/a in una stanza",
+            "rule_message": "Messaggi nelle chat di gruppo",
+            "rule_room_one_to_one": "Messaggi in chat uno-a-uno",
+            "rule_roomnotif": "Messaggi contenenti @room",
+            "rule_suppress_notices": "Messaggi inviati dai bot",
+            "rule_tombstone": "Quando le stanze vengono aggiornate",
+            "show_message_desktop_notification": "Mostra i messaggi nelle notifiche desktop",
+            "voip": "Chiamate audio e video"
+        },
+        "preferences": {
+            "Electron.enableHardwareAcceleration": "Abilita l'accelerazione hardware (riavvia %(appName)s per avere effetto)",
+            "always_show_menu_bar": "Mostra sempre la barra dei menu della finestra",
+            "autocomplete_delay": "Ritardo autocompletamento (ms)",
+            "code_blocks_heading": "Blocchi di codice",
+            "compact_modern": "Usa una disposizione \"Moderna\" più compatta",
+            "composer_heading": "Compositore",
+            "enable_hardware_acceleration": "Attiva l'accelerazione hardware",
+            "enable_tray_icon": "Mostra icona in tray e usala alla chiusura della finestra",
+            "keyboard_heading": "Scorciatoie da tastiera",
+            "keyboard_view_shortcuts_button": "Per vedere tutte le scorciatoie, <a>clicca qui</a>.",
+            "media_heading": "Immagini, GIF e video",
+            "presence_description": "Condividi la tua attività e lo stato con gli altri.",
+            "rm_lifetime": "Durata delle conferme di lettura (ms)",
+            "rm_lifetime_offscreen": "Durata della conferma di lettura off-screen (ms)",
+            "room_directory_heading": "Elenco delle stanze",
+            "room_list_heading": "Elenco stanze",
+            "show_avatars_pills": "Mostra gli avatar nelle citazioni di utenti, stanze ed eventi",
+            "show_polls_button": "Mostra pulsante sondaggi",
+            "surround_text": "Circonda il testo selezionato quando si digitano caratteri speciali",
+            "time_heading": "Visualizzazione dell'ora"
+        },
+        "prompt_invite": "Chiedi prima di inviare inviti a possibili ID matrix non validi",
+        "replace_plain_emoji": "Sostituisci automaticamente le emoji testuali",
+        "security": {
+            "analytics_description": "Condividi dati anonimi per aiutarci ad identificare i problemi. Niente di personale. Niente terze parti.",
+            "bulk_options_accept_all_invites": "Accetta tutti i %(invitedRooms)s inviti",
+            "bulk_options_reject_all_invites": "Rifiuta tutti gli inviti da %(invitedRooms)s",
+            "bulk_options_section": "Opzioni generali",
+            "e2ee_default_disabled_warning": "L'amministratore del server ha disattivato la crittografia end-to-end in modo predefinito nelle stanze private e nei messaggi diretti.",
+            "enable_message_search": "Attiva la ricerca messaggi nelle stanze cifrate",
+            "encryption_section": "Crittografia",
+            "ignore_users_empty": "Non hai utenti ignorati.",
+            "ignore_users_section": "Utenti ignorati",
+            "key_backup_algorithm": "Algoritmo:",
+            "message_search_disable_warning": "Se disattivato, i messaggi delle stanze cifrate non appariranno nei risultati di ricerca.",
+            "message_search_disabled": "Tieni in cache localmente i messaggi cifrati in modo sicuro affinché appaiano nei risultati di ricerca.",
+            "message_search_enabled": {
+                "one": "Salva in cache i messaggi cifrati localmente in modo che appaiano nei risultati di ricerca, usando %(size)s per salvarli da %(rooms)s stanza.",
+                "other": "Salva in cache i messaggi cifrati localmente in modo che appaiano nei risultati di ricerca, usando %(size)s per salvarli da %(rooms)s stanze."
+            },
+            "message_search_failed": "Inizializzazione ricerca messaggi fallita",
+            "message_search_indexed_messages": "Messaggi indicizzati:",
+            "message_search_indexed_rooms": "Stanze indicizzate:",
+            "message_search_indexing": "Attualmente si indicizzano: %(currentRoom)s",
+            "message_search_indexing_idle": "Attualmente non si stanno indicizzando i messaggi di alcuna stanza.",
+            "message_search_intro": "%(brand)s sta tenendo in cache localmente i messaggi cifrati in modo sicuro affinché appaiano nei risultati di ricerca:",
+            "message_search_room_progress": "%(doneRooms)s di %(totalRooms)s",
+            "message_search_section": "Ricerca messaggio",
+            "message_search_sleep_time": "Quanto veloce devono essere scaricati i messaggi.",
+            "message_search_space_used": "Spazio usato:",
+            "message_search_unsupported": "A %(brand)s mancano alcuni componenti richiesti per tenere in cache i messaggi cifrati in modo sicuro. Se vuoi sperimentare questa funzionalità, compila un %(brand)s Desktop personale con <nativeLink>i componenti di ricerca aggiunti</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s non può tenere in cache i messaggi cifrati quando usato in un browser web. Usa <desktopLink>%(brand)s Desktop</desktopLink> affinché i messaggi cifrati appaiano nei risultati di ricerca.",
+            "record_session_details": "Registra il nome, la versione e l'url del client per riconoscere le sessioni più facilmente nel gestore di sessioni",
+            "send_analytics": "Invia dati statistici",
+            "strict_encryption": "Non inviare mai messaggi cifrati a sessioni non verificate da questa sessione"
+        },
+        "send_read_receipts": "Invia le conferme di lettura",
+        "send_read_receipts_unsupported": "Il tuo server non supporta la disattivazione delle conferme di lettura.",
+        "send_typing_notifications": "Invia notifiche di scrittura",
+        "sessions": {
+            "best_security_note": "Per una maggiore sicurezza, verifica le tue sessioni ed esci da quelle che non riconosci o non usi più.",
+            "confirm_sign_out": {
+                "one": "Conferma la disconnessione da questo dispositivo",
+                "other": "Conferma la disconnessione da questi dispositivi"
+            },
+            "confirm_sign_out_body": {
+                "one": "Clicca il pulsante sottostante per confermare la disconnessione da questo dispositivo.",
+                "other": "Clicca il pulsante sottostante per confermare la disconnessione da questi dispositivi."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Disconnetti dispositivo",
+                "other": "Disconnetti dispositivi"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Conferma la disconnessione da questo dispositivo usando Single Sign On per dare prova della tua identità.",
+                "other": "Conferma la disconnessione da questi dispositivi usando Single Sign On per dare prova della tua identità."
+            },
+            "current_session": "Sessione attuale",
+            "desktop_session": "Sessione desktop",
+            "details_heading": "Dettagli sessione",
+            "device_unverified_description": "Verifica o disconnetti questa sessione per una migliore sicurezza e affidabilità.",
+            "device_unverified_description_current": "Verifica la tua sessione attuale per messaggi più sicuri.",
+            "device_verified_description": "Questa sessione è pronta per i messaggi sicuri.",
+            "device_verified_description_current": "La tua sessione attuale è pronta per i messaggi sicuri.",
+            "error_pusher_state": "Impostazione stato del push fallita",
+            "error_set_name": "Impossibile impostare il nome della sessione",
+            "filter_all": "Tutte",
+            "filter_inactive": "Inattiva",
+            "filter_inactive_description": "Inattiva da %(inactiveAgeDays)s giorni o più",
+            "filter_label": "Filtra dispositivi",
+            "filter_unverified_description": "Non pronto per messaggi sicuri",
+            "filter_verified_description": "Pronto per messaggi sicuri",
+            "hide_details": "Nascondi dettagli",
+            "inactive_days": "Inattivo da %(inactiveAgeDays)s+ giorni",
+            "inactive_sessions": "Sessioni inattive",
+            "inactive_sessions_explainer_1": "Le sessioni inattive sono quelle che non usi da un po' di tempo, ma che continuano a ricevere le chiavi di crittografia.",
+            "inactive_sessions_explainer_2": "La rimozione delle sessioni inattive migliora la sicurezza e le prestazioni, e ti semplifica identificare se una sessione nuova è sospetta.",
+            "inactive_sessions_list_description": "Considera di disconnettere le vecchie sessioni (%(inactiveAgeDays)s giorni o più) che non usi più.",
+            "ip": "Indirizzo IP",
+            "last_activity": "Ultima attività",
+            "mobile_session": "Sessione mobile",
+            "n_sessions_selected": {
+                "one": "%(count)s sessione selezionata",
+                "other": "%(count)s sessioni selezionate"
+            },
+            "no_inactive_sessions": "Nessuna sessione inattiva trovata.",
+            "no_sessions": "Nessuna sessione trovata.",
+            "no_unverified_sessions": "Nessuna sessione non verificata trovata.",
+            "no_verified_sessions": "Nessuna sessione verificata trovata.",
+            "other_sessions_heading": "Altre sessioni",
+            "push_heading": "Notifiche push",
+            "push_subheading": "Ricevi notifiche push in questa sessione.",
+            "push_toggle": "Attiva/disattiva le notifiche push in questa sessione.",
+            "rename_form_caption": "Ricorda che i nomi di sessione sono anche visibili alle persone con cui comunichi.",
+            "rename_form_heading": "Rinomina sessione",
+            "rename_form_learn_more": "Rinominare le sessioni",
+            "rename_form_learn_more_description_1": "Gli altri utenti nei messaggi diretti e nelle stanze in cui entri possono vedere la lista completa delle tue sessioni.",
+            "rename_form_learn_more_description_2": "Ciò li rassicura che stiano veramente parlando con te, ma significa anche che possono vedere il nome della sessione che inserisci qui.",
+            "security_recommendations": "Consigli di sicurezza",
+            "security_recommendations_description": "Migliora la sicurezza del tuo account seguendo questi consigli.",
+            "session_id": "ID sessione",
+            "show_details": "Mostra dettagli",
+            "sign_in_with_qr": "Collega un nuovo dispositivo",
+            "sign_in_with_qr_button": "Mostra codice QR",
+            "sign_in_with_qr_description": "Usa un codice QR per accedere a un altro dispositivo e impostare la messaggistica sicura.",
+            "sign_out": "Disconnetti da questa sessione",
+            "sign_out_all_other_sessions": "Disconnetti tutte le altre sessioni (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Vuoi davvero disconnetterti da %(count)s sessione?",
+                "other": "Vuoi davvero disconnetterti da %(count)s sessioni?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Disconnetti %(count)s sessione",
+                "other": "Disconnetti %(count)s sessioni"
+            },
+            "title": "Sessioni",
+            "unknown_session": "Tipo di sessione sconosciuta",
+            "unverified_session": "Sessione non verificata",
+            "unverified_session_explainer_1": "Questa sessione non supporta la crittografia, perciò non può essere verificata.",
+            "unverified_session_explainer_2": "Non potrai partecipare in stanze dove la crittografia è attiva mentre usi questa sessione.",
+            "unverified_session_explainer_3": "Per maggiore sicurezza e privacy, è consigliabile usare i client di Matrix che supportano la crittografia.",
+            "unverified_sessions": "Sessioni non verificate",
+            "unverified_sessions_explainer_1": "Le sessioni non verificate sono quelle che hanno effettuato l'accesso con le tue credenziali ma non sono state verificate.",
+            "unverified_sessions_explainer_2": "Dovresti essere particolarmente certo di riconoscere queste sessioni dato che potrebbero rappresentare un uso non autorizzato del tuo account.",
+            "unverified_sessions_list_description": "Verifica le tue sessioni per avere conversazioni più sicure o disconnetti quelle che non riconosci o che non usi più.",
+            "url": "URL",
+            "verified_session": "Sessione verificata",
+            "verified_sessions": "Sessioni verificate",
+            "verified_sessions_explainer_1": "Le sessioni verificate sono ovunque tu usi questo account dopo l'inserimento della frase di sicurezza o la conferma della tua identità con un'altra sessione verificata.",
+            "verified_sessions_explainer_2": "Ciò significa che hai tutte le chiavi necessarie per sbloccare i tuoi messaggi cifrati e che confermi agli altri utenti di fidarti di questa sessione.",
+            "verified_sessions_list_description": "Per una maggiore sicurezza, disconnetti tutte le sessioni che non riconosci o che non usi più.",
+            "verify_session": "Verifica sessione",
+            "web_session": "Sessione web"
+        },
+        "show_avatar_changes": "Mostra cambiamenti dell'immagine del profilo",
+        "show_breadcrumbs": "Mostra scorciatoie per le stanze viste di recente sopra l'elenco stanze",
+        "show_chat_effects": "Mostra effetti chat (animazioni quando si ricevono ad es. coriandoli)",
+        "show_displayname_changes": "Mostra i cambi di nomi visualizzati",
+        "show_join_leave": "Mostra messaggi di entrata/uscita (non influenza inviti/rimozioni/ban)",
+        "show_nsfw_content": "Mostra contenuti per adulti",
+        "show_read_receipts": "Mostra ricevute di lettura inviate da altri utenti",
+        "show_redaction_placeholder": "Mostra un segnaposto per i messaggi rimossi",
+        "show_stickers_button": "Mostra pulsante adesivi",
+        "show_typing_notifications": "Mostra notifiche di scrittura",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "Mostra tutte le stanze",
+            "metaspaces_home_all_rooms_description": "Mostra tutte le tue stanze nella pagina principale, anche se sono in uno spazio.",
+            "metaspaces_home_description": "La pagina principale è utile per avere una panoramica generale.",
+            "metaspaces_orphans": "Stanze fuori da uno spazio",
+            "metaspaces_orphans_description": "Raggruppa tutte le tue stanze che non fanno parte di uno spazio in un unico posto.",
+            "metaspaces_subsection": "Spazi da mostrare",
+            "spaces_explainer": "Gli spazi sono modi per raggruppare stanze e persone. Oltre agli spazi in cui ti trovi, puoi usarne anche altri già integrati.",
+            "title": "Barra laterale"
+        },
+        "use_12_hour_format": "Mostra gli orari nel formato 12 ore (es. 2:30pm)",
+        "use_command_enter_send_message": "Usa Comando + Invio per inviare un messaggio",
+        "use_command_f_search": "Usa Comando + F per cercare nella linea temporale",
+        "use_control_enter_send_message": "Usa Ctrl + Invio per inviare un messaggio",
+        "use_control_f_search": "Usa Ctrl + F per cercare nella linea temporale",
+        "voip": {
+            "allow_p2p": "Permetti Peer-to-Peer per chiamate 1:1",
+            "allow_p2p_description": "Quando attivo, l'altra parte potrebbe riuscire a vedere il tuo indirizzo IP",
+            "audio_input_empty": "Nessun Microfono rilevato",
+            "audio_output": "Uscita audio",
+            "audio_output_empty": "Nessuna uscita audio rilevata",
+            "auto_gain_control": "Controllo automatico del guadagno",
+            "echo_cancellation": "Cancellazione dell'eco",
+            "enable_fallback_ice_server": "Permetti server di chiamata di ripiego (%(server)s)",
+            "enable_fallback_ice_server_description": "Si applica solo se il tuo homeserver non ne offre uno. Il tuo indirizzo IP verrebbe condiviso durante una chiamata.",
+            "mirror_local_feed": "Invertire orizzontalmente il video locale (effetto specchio)",
+            "missing_permissions_prompt": "Autorizzazione multimediale mancante, clicca il pulsante sotto per richiederla.",
+            "noise_suppression": "Riduzione del rumore",
+            "request_permissions": "Richiedi autorizzazioni multimediali",
+            "title": "Voce e video",
+            "video_input_empty": "Nessuna Webcam rilevata",
+            "video_section": "Impostazioni video",
+            "voice_agc": "Regola automaticamente il volume del microfono",
+            "voice_processing": "Elaborazione vocale",
+            "voice_section": "Impostazioni voce"
+        },
+        "warn_quit": "Avvisa prima di uscire",
+        "warning": "<w>ATTENZIONE:</w> <description/>"
+    },
+    "share": {
+        "permalink_message": "Link al messaggio selezionato",
+        "permalink_most_recent": "Link al messaggio più recente",
+        "title_message": "Condividi messaggio stanza",
+        "title_room": "Condividi stanza",
+        "title_user": "Condividi utente"
+    },
+    "slash_command": {
+        "addwidget": "Aggiunge alla stanza un widget personalizzato da URL",
+        "addwidget_iframe_missing_src": "L'iframe non ha l'attributo src",
+        "addwidget_invalid_protocol": "Fornisci un URL https:// o http:// per il widget",
+        "addwidget_missing_url": "Inserisci un URL del widget o un codice di incorporamento",
+        "addwidget_no_permissions": "Non puoi modificare i widget in questa stanza.",
+        "ban": "Bandisce l'utente per ID",
+        "category_actions": "Azioni",
+        "category_admin": "Amministratore",
+        "category_advanced": "Avanzato",
+        "category_effects": "Effetti",
+        "category_messages": "Messaggi",
+        "category_other": "Altro",
+        "command_error": "Errore nel comando",
+        "converttodm": "Converte la stanza in un MD",
+        "converttoroom": "Converte il MD in una stanza",
+        "could_not_find_room": "Stanza non trovata",
+        "deop": "Toglie privilegi all'utente per ID",
+        "devtools": "Apre la finestra di strumenti per sviluppatori",
+        "discardsession": "Forza l'eliminazione dell'attuale sessione di gruppo in uscita in una stanza criptata",
+        "error_invalid_rendering_type": "Errore comando: impossibile trovare il tipo di rendering (%(renderingType)s)",
+        "error_invalid_room": "Comando fallito: impossibile trovare la stanza (%(roomId)s)",
+        "error_invalid_runfn": "Errore comando: impossibile gestire il comando slash.",
+        "error_invalid_user_in_room": "Impossibile trovare l'utente nella stanza",
+        "help": "Visualizza l'elenco dei comandi con usi e descrizioni",
+        "help_dialog_title": "Aiuto comando",
+        "holdcall": "Mette in pausa la chiamata nella stanza attuale",
+        "html": "Invia un messaggio come html, senza interpretarlo come markdown",
+        "ignore": "Ignora un utente, non mostrandoti i suoi messaggi",
+        "ignore_dialog_description": "Ora stai ignorando %(userId)s",
+        "ignore_dialog_title": "Utente ignorato",
+        "invite": "Invita l'utente per ID alla stanza attuale",
+        "invite_3pid_needs_is_error": "Usa un server di identità per invitare via email. Gestisci nelle impostazioni.",
+        "invite_3pid_use_default_is_title": "Usa un server di identità",
+        "invite_3pid_use_default_is_title_description": "Usa un server d'identità per invitare via email. Clicca \"Continua\" per usare quello predefinito (%(defaultIdentityServerName)s) o gestiscilo nelle impostazioni.",
+        "invite_failed": "L'utente (%(user)s) non è stato segnato come invitato in %(roomId)s, ma non c'è stato alcun errore dall'utilità di invito",
+        "join": "Accede alla stanza con l'indirizzo dato",
+        "jumptodate": "Salta alla data scelta nella linea temporale",
+        "jumptodate_invalid_input": "Non siamo riusciti a capire la data scelta (%(inputDate)s). Prova ad usare il formato YYYY-MM-DD.",
+        "lenny": "Antepone ( ͡° ͜ʖ ͡°) ad un messaggio di testo",
+        "me": "Mostra l'azione",
+        "msg": "Invia un messaggio all'utente specificato",
+        "myavatar": "Cambia la tua immagine del profilo in tutte le stanze",
+        "myroomavatar": "Cambia la tua immagine del profilo solo nella stanza attuale",
+        "myroomnick": "Cambia il tuo nick visualizzato solo nella stanza attuale",
+        "nick": "Modifica il tuo nick visualizzato",
+        "no_active_call": "Nessuna chiamata attiva in questa stanza",
+        "op": "Definisce il livello di poteri di un utente",
+        "part_unknown_alias": "Indirizzo stanza non riconosciuto: %(roomAlias)s",
+        "plain": "Invia un messaggio in testo semplice, senza interpretarlo come markdown",
+        "query": "Apre una chat con l'utente specificato",
+        "query_not_found_phone_number": "Impossibile trovare ID Matrix per il numero di telefono",
+        "rageshake": "Invia una segnalazione di errore con i registri",
+        "rainbow": "Invia il messaggio dato colorato come un arcobaleno",
+        "rainbowme": "Invia l'emoticon dato colorato come un arcobaleno",
+        "remove": "Rimuove l'utente con il dato ID da questa stanza",
+        "roomavatar": "Cambia l'avatar della stanza attuale",
+        "roomname": "Imposta il nome della stanza",
+        "server_error": "Errore del server",
+        "server_error_detail": "Server non disponibile, sovraccarico o qualcos'altro è andato storto.",
+        "shrug": "Aggiunge ¯\\_(ツ)_/¯ ad un messaggio di testo semplice",
+        "spoiler": "Invia il messaggio come spoiler",
+        "tableflip": "Antepone (╯°□°）╯︵ ┻━┻ ad un messaggio di testo",
+        "topic": "Ottiene o imposta l'argomento della stanza",
+        "topic_none": "Questa stanza non ha un argomento.",
+        "topic_room_error": "Lettura argomento stanza fallita: impossibile trovare la stanza (%(roomId)s",
+        "unban": "Riammette l'utente con l'ID dato",
+        "unflip": "Antepone ┬──┬ ノ( ゜-゜ノ) ad un messaggio di testo",
+        "unholdcall": "Riprende la chiamata nella stanza attuale",
+        "unignore": "Smetti di ignorare un utente, mostrando i suoi messaggi successivi",
+        "unignore_dialog_description": "Non stai più ignorando %(userId)s",
+        "unignore_dialog_title": "Utente non più ignorato",
+        "unknown_command": "Comando sconosciuto",
+        "unknown_command_button": "Invia come messaggio",
+        "unknown_command_detail": "Comando non riconosciuto: %(commandText)s",
+        "unknown_command_help": "Puoi usare <code>/help</code> per elencare i comandi disponibili. Volevo forse inviarlo come messaggio?",
+        "unknown_command_hint": "Suggerimento: anteponi al tuo messaggio <code>//</code> per farlo iniziare con uno slash.",
+        "upgraderoom": "Aggiorna una stanza ad una nuova versione",
+        "upgraderoom_permission_error": "Non hai l'autorizzazione necessaria per usare questo comando.",
+        "usage": "Utilizzo",
+        "verify": "Verifica un utente, una sessione e una tupla pubblica",
+        "view": "Visualizza la stanza con l'indirizzo dato",
+        "whois": "Mostra le informazioni di un utente"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "Vuoi invece aggiungere una nuova stanza?",
+            "create_prompt": "Crea nuova stanza",
+            "dm_heading": "Messaggi diretti",
+            "error_heading": "Non tutti i selezionati sono stati aggiunti",
+            "progress_text": {
+                "one": "Aggiunta stanza...",
+                "other": "Aggiunta stanze... (%(progress)s di %(count)s)"
+            },
+            "space_dropdown_label": "Selezione spazio",
+            "space_dropdown_title": "Aggiungi stanze esistenti",
+            "subspace_moved_note": "L'aggiunta di spazi è stata spostata."
+        },
+        "add_existing_subspace": {
+            "create_button": "Crea un nuovo spazio",
+            "create_prompt": "Vuoi piuttosto aggiungere un nuovo spazio?",
+            "filter_placeholder": "Cerca spazi",
+            "space_dropdown_title": "Aggiungi spazio esistente"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Mostra linea temporale della stanza (strumenti per sviluppatori)",
+            "explore": "Esplora stanze",
+            "home": "Pagina iniziale dello spazio",
+            "manage_and_explore": "Gestisci ed esplora le stanze",
+            "options": "Opzioni dello spazio"
+        },
+        "failed_load_rooms": "Caricamento dell'elenco di stanze fallito.",
+        "failed_remove_rooms": "Rimozione di alcune stanze fallita. Riprova più tardi",
+        "incompatible_server_hierarchy": "Il tuo server non supporta la visualizzazione di gerarchie di spazi.",
+        "invite": "Invita persone",
+        "invite_description": "Invita con email o nome utente",
+        "invite_link": "Condividi collegamento di invito",
+        "joining_space": "Entrata in corso",
+        "landing_welcome": "Ti diamo il benvenuto in <name/>",
+        "leave_dialog_action": "Esci dallo spazio",
+        "leave_dialog_description": "Stai per uscire da <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Sei l'unico amministratore di alcune delle stanze o spazi che vuoi abbandonare. Se esci li lascerai senza amministratori.",
+        "leave_dialog_only_admin_warning": "Sei l'unico amministratore di questo spazio. Se esci nessuno ne avrà il controllo.",
+        "leave_dialog_option_all": "Esci da tutte le stanze",
+        "leave_dialog_option_intro": "Vuoi uscire dalle stanze di questo spazio?",
+        "leave_dialog_option_none": "Non uscire da alcuna stanza",
+        "leave_dialog_option_specific": "Esci da alcune stanze",
+        "leave_dialog_public_rejoin_warning": "Non potrai rientrare a meno che non ti invitino di nuovo.",
+        "leave_dialog_title": "Esci da %(spaceName)s",
+        "mark_suggested": "Segna come consigliato",
+        "no_search_result_hint": "Prova a fare una ricerca diversa o controllare errori di battitura.",
+        "preferences": {
+            "sections_section": "Sezioni da mostrare",
+            "show_people_in_space": "Ciò raggruppa le tue chat con i membri di questo spazio. Se lo disattivi le chat verranno nascoste dalla tua vista di %(spaceName)s."
+        },
+        "room_filter_placeholder": "Cerca stanze",
+        "search_children": "Cerca %(spaceName)s",
+        "search_placeholder": "Cerca nomi e descrizioni",
+        "select_room_below": "Prima seleziona una stanza sotto",
+        "share_public": "Condividi il tuo spazio pubblico",
+        "suggested": "Consigliato",
+        "suggested_tooltip": "Questa è una buona stanza in cui entrare",
+        "title_when_query_available": "Risultati",
+        "title_when_query_unavailable": "Stanze e spazi",
+        "unmark_suggested": "Segna come non consigliato",
+        "user_lacks_permission": "Non hai il permesso"
+    },
+    "space_settings": {
+        "title": "Impostazioni - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Inserisci il nome di un nuovo server che vuoi esplorare.",
+            "network_dropdown_add_dialog_placeholder": "Nome server",
+            "network_dropdown_add_dialog_title": "Aggiungi un nuovo server",
+            "network_dropdown_add_server_option": "Aggiungi nuovo server…",
+            "network_dropdown_available_invalid": "Impossibile trovare questo server o l'elenco delle sue stanze",
+            "network_dropdown_available_invalid_forbidden": "Non hai i permessi per vedere l'elenco di stanze del server",
+            "network_dropdown_available_valid": "Sembra giusto",
+            "network_dropdown_remove_server_adornment": "Rimuovi server “%(roomServer)s”",
+            "network_dropdown_required_invalid": "Inserisci il nome di un server",
+            "network_dropdown_selected_label": "Mostra: stanze di Matrix",
+            "network_dropdown_selected_label_instance": "Mostra: stanze di %(instance)s (%(server)s)",
+            "network_dropdown_your_server_description": "Il tuo server"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Se non vedi chi stai cercando, mandagli il tuo collegamento di invito.",
+        "cant_find_room_helpful_hint": "Se non trovi la stanza che stai cercando, chiedi un invito o crea una stanza nuova.",
+        "copy_link_text": "Copia collegamento di invito",
+        "count_of_members": {
+            "one": "%(count)s membro",
+            "other": "%(count)s membri"
+        },
+        "create_new_room_button": "Crea una nuova stanza",
+        "failed_querying_public_rooms": "Richiesta di stanze pubbliche fallita",
+        "failed_querying_public_spaces": "Interrogazione degli spazi pubblici fallita",
+        "group_chat_section_title": "Altre opzioni",
+        "heading_with_query": "Usa \"%(query)s\" per cercare",
+        "heading_without_query": "Cerca",
+        "join_button_text": "Entra in %(roomAddress)s",
+        "keyboard_scroll_hint": "Usa <arrows/> per scorrere",
+        "other_rooms_in_space": "Altre stanze in %(spaceName)s",
+        "public_rooms_label": "Stanze pubbliche",
+        "public_spaces_label": "Spazi pubblici",
+        "recent_searches_section_title": "Ricerche recenti",
+        "recently_viewed_section_title": "Visti di recente",
+        "remove_filter": "Rimuovi filtro di ricerca per %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Alcuni risultati potrebbero essere nascosti per privacy",
+        "result_may_be_hidden_warning": "Alcuni risultati potrebbero essere nascosti",
+        "search_dialog": "Finestra di ricerca",
+        "spaces_title": "Spazi in cui sei",
+        "start_group_chat_button": "Inizia una conversazione di gruppo"
+    },
+    "stickers": {
+        "empty": "Non hai ancora alcun pacchetto di adesivi attivato",
+        "empty_add_prompt": "Aggiungine ora"
+    },
+    "terms": {
+        "column_document": "Documento",
+        "column_service": "Servizio",
+        "column_summary": "Riepilogo",
+        "identity_server_no_terms_description_1": "Questa azione richiede l'accesso al server di identità predefinito <server /> per verificare un indirizzo email o numero di telefono, ma il server non ha termini di servizio.",
+        "identity_server_no_terms_description_2": "Continua solo se ti fidi del proprietario del server.",
+        "identity_server_no_terms_title": "Il server di identità non ha condizioni di servizio",
+        "inline_intro_text": "Accetta la <policyLink /> per continuare:",
+        "integration_manager": "Usa bot, bridge, widget e pacchetti di adesivi",
+        "intro": "Per continuare devi accettare le condizioni di servizio.",
+        "summary_identity_server_1": "Trova altri per telefono o email",
+        "summary_identity_server_2": "Trovato per telefono o email",
+        "tac_button": "Leggi i termini e condizioni",
+        "tac_description": "Per continuare a usare l'homeserver %(homeserverDomain)s devi leggere e accettare i nostri termini e condizioni.",
+        "tac_title": "Termini e condizioni",
+        "tos": "Condizioni di servizio"
+    },
+    "theme": {
+        "light_high_contrast": "Alto contrasto chiaro",
+        "match_system": "Uguale al sistema"
+    },
+    "thread_view_back_action_label": "Torna alla conversazione",
+    "threads": {
+        "all_threads": "Tutte le conversazioni",
+        "all_threads_description": "Mostra tutte le conversazioni dalla stanza attuale",
+        "count_of_reply": {
+            "one": "%(count)s risposta",
+            "other": "%(count)s risposte"
+        },
+        "my_threads": "Le mie conversazioni",
+        "my_threads_description": "Mostra tutte le conversazioni a cui hai partecipato",
+        "open_thread": "Apri conversazione",
+        "show_thread_filter": "Mostra:"
+    },
+    "threads_activity_centre": {
+        "header": "Attività delle conversazioni"
+    },
+    "time": {
+        "date_at_time": "%(date)s alle %(time)s",
+        "hours_minutes_seconds_left": "%(hours)so %(minutes)sm %(seconds)ss rimasti",
+        "left": "%(timeRemaining)s rimasti",
+        "minutes_seconds_left": "%(minutes)sm %(seconds)ss rimasti",
+        "seconds_left": "%(seconds)ss rimanenti",
+        "short_days": "%(value)sg",
+        "short_days_hours_minutes_seconds": "%(days)sg %(hours)so %(minutes)sm %(seconds)ss",
+        "short_hours": "%(value)so",
+        "short_hours_minutes_seconds": "%(hours)so %(minutes)sm %(seconds)ss",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)ss",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Riduci conversazione di risposta",
+            "external_url": "URL d'origine",
+            "open_in_osm": "Apri in OpenStreetMap",
+            "report": "Segnala",
+            "resent_unsent_reactions": "Reinvia %(unsentCount)s reazione/i",
+            "show_url_preview": "Mostra anteprima",
+            "view_related_event": "Vedi evento correlato",
+            "view_source": "Visualizza sorgente"
+        },
+        "creation_summary_dm": "%(creator)s ha creato questo MD.",
+        "creation_summary_room": "%(creator)s ha creato e configurato la stanza.",
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Scaricamento",
+        "edits": {
+            "tooltip_label": "Modificato alle %(date)s. Clicca per vedere le modifiche.",
+            "tooltip_sub": "Clicca per vedere le modifiche",
+            "tooltip_title": "Modificato il %(date)s"
+        },
+        "error_no_renderer": "Questo evento non può essere mostrato",
+        "error_rendering_message": "Impossibile caricare questo messaggio",
+        "historical_messages_unavailable": "Non puoi vedere i messaggi precedenti",
+        "in_room_name": " in <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s ha aggiornato la disposizione della stanza",
+        "late_event_separator": "Inviato originariamente il %(dateTime)s",
+        "load_error": {
+            "no_permission": "Si è tentato di caricare un punto specifico nella cronologia della stanza, ma non hai l'autorizzazione per vedere il messaggio in questione.",
+            "title": "Caricamento posizione cronologica fallito",
+            "unable_to_find": "Si è tentato di caricare un punto specifico nella cronologia della stanza, ma non è stato trovato."
+        },
+        "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Vedi posizione in tempo reale"
+        },
+        "m.call": {
+            "video_call_ended": "Videochiamata terminata",
+            "video_call_started": "Videochiamata iniziata in %(roomName)s.",
+            "video_call_started_text": "%(name)s ha iniziato una videochiamata",
+            "video_call_started_unsupported": "Videochiamata iniziata in %(roomName)s. (non supportata da questo browser)"
+        },
+        "m.call.hangup": {
+            "dm": "Chiamata terminata"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Risposto altrove",
+            "call_back_prompt": "Richiama",
+            "declined": "Chiamata rifiutata",
+            "failed_connect_media": "Connessione del media fallita",
+            "failed_connection": "Connessione fallita",
+            "failed_opponent_media": "Il suo dispositivo non ha potuto avviare la fotocamera o il microfono",
+            "missed_call": "Chiamata persa",
+            "no_answer": "Nessuna risposta",
+            "unknown_error": "Si è verificato un errore sconosciuto",
+            "unknown_failure": "Malfunzionamento sconosciuto: %(reason)s",
+            "unknown_state": "La chiamata è in uno stato sconosciuto!",
+            "video_call": "%(senderName)s ha iniziato una videochiamata.",
+            "video_call_unsupported": "%(senderName)s ha iniziato una videochiamata. (non supportata da questo browser)",
+            "voice_call": "%(senderName)s ha iniziato una telefonata.",
+            "voice_call_unsupported": "%(senderName)s ha iniziato una telefonata. (non supportata da questo browser)"
+        },
+        "m.file": {
+            "error_decrypting": "Errore decifratura allegato"
+        },
+        "m.image": {
+            "error": "Impossibile mostrare l'immagine per un errore",
+            "error_decrypting": "Errore decifratura immagine",
+            "error_downloading": "Errore di scaricamento dell'immagine",
+            "sent": "%(senderDisplayName)s ha inviato un'immagine.",
+            "show_image": "Mostra immagine"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s vuole verificare",
+            "you_started": "Hai inviato una richiesta di verifica"
+        },
+        "m.location": {
+            "full": "%(senderName)s ha condiviso la sua posizione",
+            "location": "Ha condiviso una posizione: ",
+            "self_location": "Ha condiviso la sua posizione: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s voto",
+                "other": "%(count)s voti"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s ha terminato un sondaggio"
+        },
+        "m.poll.start": "%(senderName)s ha iniziato un sondaggio - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s ha cambiato l'avatar della stanza.",
+            "lightbox_title": "%(senderDisplayName)s ha cambiato l'avatar per %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s ha aggiunto gli indirizzi alternativi %(addresses)s per questa stanza.",
+                "one": "%(senderName)s ha aggiunto l'indirizzo alternativo %(addresses)s per questa stanza."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s ha rimosso gli indirizzi alternativi %(addresses)s per questa stanza.",
+                "one": "%(senderName)s ha rimosso l'indirizzo alternativo %(addresses)s per questa stanza."
+            },
+            "changed": "%(senderName)s ha cambiato gli indirizzi per questa stanza.",
+            "changed_alternative": "%(senderName)s ha cambiato gli indirizzi alternativi per questa stanza.",
+            "changed_main_and_alternative": "%(senderName)s ha cambiato gli indirizzi principali ed alternativi per questa stanza.",
+            "removed": "%(senderName)s ha rimosso l'indirizzo principale di questa stanza.",
+            "set": "%(senderName)s ha messo %(address)s come indirizzo principale per questa stanza."
+        },
+        "m.room.create": {
+            "continuation": "Questa stanza è la continuazione di un'altra conversazione.",
+            "see_older_messages": "Clicca qui per vedere i messaggi precedenti.",
+            "unknown_predecessor": "Impossibile trovare la vecchia versione della stanza (ID stanza: %(roomId)s) e non ci è stato fornito 'via_servers' per cercarla.",
+            "unknown_predecessor_guess_server": "Impossibile trovare la vecchia versione della stanza (ID stanza: %(roomId)s) e non ci è stato fornito 'via_servers' per cercarla. È possibile che indovinare il server dall'ID della stanza possa funzionare. Se vuoi provare, clicca questo link:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s ha attivato l'accesso per ospiti alla stanza.",
+            "forbidden": "%(senderDisplayName)s ha disattivato l'accesso per ospiti alla stanza.",
+            "unknown": "%(senderDisplayName)s ha cambiato l'accesso per ospiti a %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s ha reso visibile la futura cronologia della stanza a tutti i membri della stanza, dal momento del loro invito.",
+            "joined": "%(senderName)s ha reso visibile la futura cronologia della stanza a tutti i membri della stanza, dal momento in cui sono entrati.",
+            "shared": "%(senderName)s ha reso visibile la futura cronologia della stanza a tutti i membri della stanza.",
+            "unknown": "%(senderName)s ha reso visibile la futura cronologia della stanza a sconosciuti (%(visibility)s).",
+            "world_readable": "%(senderName)s ha reso visibile la futura cronologia della stanza a tutti."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s ha reso la stanza accessibile solo su invito.",
+            "knock": "%(senderDisplayName)s ha cambiato la regola di accesso in \"Chiedi di entrare\".",
+            "public": "%(senderDisplayName)s ha reso pubblica la stanza a chiunque conosca il link.",
+            "restricted": "%(senderDisplayName)s ha cambiato chi può entrare nella stanza.",
+            "restricted_settings": "%(senderDisplayName)s ha cambiato chi può entrare nella stanza. <a>Vedi le impostazioni</a>.",
+            "unknown": "%(senderDisplayName)s ha cambiato la regola di accesso a %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s ha accettato l'invito per %(displayName)s",
+            "accepted_invite": "%(targetName)s ha accettato un invito",
+            "ban": "%(senderName)s ha bandito %(targetName)s",
+            "ban_reason": "%(senderName)s ha bandito %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s ha cambiato la propria immagine del profilo",
+            "change_name": "%(oldDisplayName)s ha modificato il proprio nome in %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s ha cambiato il nome visualizzato e l'immagine del profilo",
+            "invite": "%(senderName)s ha invitato %(targetName)s",
+            "join": "%(targetName)s è entrato/a nella stanza",
+            "kick": "%(senderName)s ha rimosso %(targetName)s",
+            "kick_reason": "%(senderName)s ha rimosso %(targetName)s: %(reason)s",
+            "left": "%(targetName)s ha lasciato la stanza",
+            "left_reason": "%(targetName)s ha abbandonato la stanza: %(reason)s",
+            "no_change": "%(senderName)s non ha fatto modifiche",
+            "reject_invite": "%(targetName)s ha rifiutato l'invito",
+            "remove_avatar": "%(senderName)s ha rimosso la propria immagine del profilo",
+            "remove_name": "%(senderName)s ha rimosso il proprio nome (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s ha impostato un'immagine del profilo",
+            "set_name": "%(senderName)s ha impostato il proprio nome a %(displayName)s",
+            "unban": "%(senderName)s ha riammesso %(targetName)s",
+            "withdrew_invite": "%(senderName)s ha revocato l'invito per %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s ha revocato l'invito per %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s ha cambiato il nome della stanza da %(oldRoomName)s a %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s ha rimosso il nome della stanza.",
+            "set": "%(senderDisplayName)s ha modificato il nome della stanza in %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s ha cambiato i messaggi ancorati della stanza.",
+            "changed_link": "%(senderName)s ha cambiato i <a>messaggi ancorati</a> della stanza.",
+            "pinned": "%(senderName)s ha ancorato un messaggio a questa stanza. Vedi tutti i messaggi ancorati.",
+            "pinned_link": "%(senderName)s ha ancorato <a>un messaggio</a> a questa stanza. Vedi tutti i <b>messaggi ancorati</b>.",
+            "unpinned": "%(senderName)s ha tolto un messaggio ancorato da questa stanza. Vedi tutti i messaggi ancorati.",
+            "unpinned_link": "%(senderName)s ha tolto un <a>messaggio ancorato</a> da questa stanza. Vedi tutti i <b>messaggi ancorati</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s ha modificato il livello di poteri di %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s da %(fromPowerLevel)s a %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s ha revocato l'invito a %(targetDisplayName)s di unirsi alla stanza.",
+            "sent": "%(senderName)s ha mandato un invito a %(targetDisplayName)s per unirsi alla stanza."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s ha aggiornato questa stanza.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s ha modificato l'argomento in \"%(topic)s\"."
+        },
+        "m.sticker": "%(senderDisplayName)s ha inviato uno sticker.",
+        "m.video": {
+            "error_decrypting": "Errore decifratura video"
+        },
+        "m.widget": {
+            "added": "Widget %(widgetName)s aggiunto da %(senderName)s",
+            "jitsi_ended": "Conferenza video terminata da %(senderName)s",
+            "jitsi_join_right_prompt": "Entra nella conferenza dalla scheda di informazione della stanza a destra",
+            "jitsi_join_top_prompt": "Entra nella conferenza in cima alla stanza",
+            "jitsi_started": "Conferenza video iniziata da %(senderName)s",
+            "jitsi_updated": "Conferenza video aggiornata da %(senderName)s",
+            "modified": "Widget %(widgetName)s modificato da %(senderName)s",
+            "removed": "Widget %(widgetName)s rimosso da %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Copia link nella conversazione",
+            "view_in_room": "Vedi nella stanza"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s ha modificato una regola di ban che corrispondeva a %(oldGlob)s per corrispondere a %(newGlob)s perchè %(reason)s",
+            "changed_rule_rooms": "%(senderName)s ha modificato una regola che bandiva stanze corrispondenti a %(oldGlob)s per corrispondere a %(newGlob)s perchè %(reason)s",
+            "changed_rule_servers": "%(senderName)s ha modificato una regola che bandiva server corrispondenti a %(oldGlob)s per corrispondere a %(newGlob)s perchè %(reason)s",
+            "changed_rule_users": "%(senderName)s ha modificato una regola che bandiva utenti corrispondenti a %(oldGlob)s per corrispondere a %(newGlob)s perchè %(reason)s",
+            "created_rule": "%(senderName)s ha creato una regola di ban corrispondente a %(glob)s perchè %(reason)s",
+            "created_rule_rooms": "%(senderName)s ha creato una regola che bandisce stanze corrispondenti a %(glob)s perchè %(reason)s",
+            "created_rule_servers": "%(senderName)s ha creato una regola che bandisce server corrispondenti a %(glob)s perchè %(reason)s",
+            "created_rule_users": "%(senderName)s ha creato una regola che bandisce utenti corrispondenti a %(glob)s perchè %(reason)s",
+            "removed_rule": "%(senderName)s ha rimosso una regola di ban corrispondente a %(glob)s",
+            "removed_rule_rooms": "%(senderName)s ha rimosso la regola che bandisce stanze corrispondenti a %(glob)s",
+            "removed_rule_servers": "%(senderName)s ha rimosso la regola che bandisce server corrispondenti a %(glob)s",
+            "removed_rule_users": "%(senderName)s ha rimosso la regola che bandisce utenti corrispondenti a %(glob)s",
+            "updated_invalid_rule": "%(senderName)s ha aggiornato una regola di ban non valida",
+            "updated_rule": "%(senderName)s ha aggiornato una regola di ban corrispondente a %(glob)s perchè %(reason)s",
+            "updated_rule_rooms": "%(senderName)s ha aggiornato la regola che bandisce stanze corrispondenti a %(glob)s perchè %(reason)s",
+            "updated_rule_servers": "%(senderName)s ha aggiornato la regola che bandisce server corrispondenti a %(glob)s perchè %(reason)s",
+            "updated_rule_users": "%(senderName)s ha aggiornato la regola che bandisce utenti corrispondenti a %(glob)s perchè %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Non hai l'autorizzazione per vedere i messaggi precedenti al tuo invito.",
+        "no_permission_messages_before_join": "Non hai l'autorizzazione per vedere i messaggi precedenti alla tua entrata.",
+        "pending_moderation": "Messaggio in attesa di moderazione",
+        "pending_moderation_reason": "Messaggio in attesa di moderazione: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Aggiungi reazione",
+            "custom_reaction_fallback_label": "Reazione personalizzata",
+            "label": "%(reactors)s ha reagito con %(content)s"
+        },
+        "read_receipt_title": {
+            "one": "Visto da %(count)s persona",
+            "other": "Visto da %(count)s persone"
+        },
+        "read_receipts_label": "Ricevuta di lettura",
+        "redacted": {
+            "tooltip": "Messaggio eliminato il %(date)s"
+        },
+        "redaction": "Messaggio eliminato da %(name)s",
+        "reply": {
+            "error_loading": "Impossibile caricare l'evento a cui si è risposto, o non esiste o non hai il permesso di visualizzarlo.",
+            "in_reply_to": "<a>In risposta a</a> <pill>",
+            "in_reply_to_for_export": "In risposta a <a>questo messaggio</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Stai per essere portato in un sito di terze parti per autenticare il tuo account da usare con %(integrationsUrl)s. Vuoi continuare?",
+            "dialog_title": "Aggiungi un'integrazione"
+        },
+        "self_redaction": "Messaggio eliminato",
+        "send_state_encrypting": "Crittazione del tuo messaggio…",
+        "send_state_failed": "Invio fallito",
+        "send_state_sending": "Invio del tuo messaggio…",
+        "send_state_sent": "Il tuo messaggio è stato inviato",
+        "summary": {
+            "banned": {
+                "other": "è stato bandito %(count)s volte",
+                "one": "è stato bandito"
+            },
+            "banned_multiple": {
+                "other": "sono stati banditi %(count)s volte",
+                "one": "sono stati banditi"
+            },
+            "changed_avatar": {
+                "other": "%(oneUser)sha cambiato la sua immagine del profilo %(count)s volte",
+                "one": "%(oneUser)sha cambiato la propria immagine del profilo"
+            },
+            "changed_avatar_multiple": {
+                "other": "%(severalUsers)shanno cambiato la loro immagine del profilo %(count)s volte",
+                "one": "%(severalUsers)shanno cambiato la propria immagine del profilo"
+            },
+            "changed_name": {
+                "other": "%(oneUser)sha modificato il suo nome %(count)s volte",
+                "one": "%(oneUser)sha modificato il suo nome"
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)shanno modificato il loro nome %(count)s volte",
+                "one": "%(severalUsers)shanno modificato il loro nome"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)sha inviato un messaggio nascosto",
+                "other": "%(oneUser)sha inviato %(count)s messaggi nascosti"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)shanno inviato un messaggio nascosto",
+                "other": "%(severalUsers)shanno inviato %(count)s messaggi nascosti"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)sha visto revocato il suo invito %(count)s volte",
+                "one": "%(oneUser)sha visto revocato il suo invito"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)shanno visto revocato il loro invito %(count)s volte",
+                "one": "%(severalUsers)shanno visto revocato il loro invito"
+            },
+            "invited": {
+                "other": "è stato/a invitato/a %(count)s volte",
+                "one": "è stato/a invitato/a"
+            },
+            "invited_multiple": {
+                "other": "sono stati invitati %(count)s volte",
+                "one": "sono stati invitati"
+            },
+            "joined": {
+                "other": "%(oneUser)s è entrato/a %(count)s volte",
+                "one": "%(oneUser)s è entrato/a"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)s è entrato/a e uscito/a %(count)s volte",
+                "one": "%(oneUser)s è entrato/a e uscito/a"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)ssono entrati e usciti %(count)s volte",
+                "one": "%(severalUsers)ssono entrati e usciti"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)ssono entrati %(count)s volte",
+                "one": "%(severalUsers)ssono entrati"
+            },
+            "kicked": {
+                "one": "è stato rimosso",
+                "other": "è stato rimosso %(count)s volte"
+            },
+            "kicked_multiple": {
+                "one": "sono stati rimossi",
+                "other": "sono stati rimossi %(count)s volte"
+            },
+            "left": {
+                "other": "%(oneUser)s è uscito/a %(count)s volte",
+                "one": "%(oneUser)s è uscito/a"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)ssono usciti %(count)s volte",
+                "one": "%(severalUsers)ssono usciti"
+            },
+            "no_change": {
+                "other": "%(oneUser)snon ha fatto modifiche %(count)s volte",
+                "one": "%(oneUser)snon ha fatto modifiche"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)snon hanno fatto modifiche %(count)s volte",
+                "one": "%(severalUsers)snon hanno fatto modifiche"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)shanno cambiato i <a>messaggi ancorati</a> della stanza",
+                "other": "%(oneUser)sha cambiato i <a>messaggi ancorati</a> della stanza %(count)s volte"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)shanno cambiato i <a>messaggi ancorati</a> della stanza",
+                "other": "%(severalUsers)shanno cambiato i <a>messaggi ancorati</a> della stanza %(count)s volte"
+            },
+            "redacted": {
+                "one": "%(oneUser)sha rimosso un messaggio",
+                "other": "%(oneUser)sha rimosso %(count)s messaggi"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)shanno rimosso un messaggio",
+                "other": "%(severalUsers)shanno rimosso %(count)s messaggi"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)sha rifiutato il suo invito %(count)s volte",
+                "one": "%(oneUser)sha rifiutato il suo invito"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)shanno rifiutato i loro inviti %(count)s volte",
+                "one": "%(severalUsers)shanno rifiutato i loro inviti"
+            },
+            "rejoined": {
+                "other": "%(oneUser)s è uscito/a e rientrato/a %(count)s volte",
+                "one": "%(oneUser)s è uscito/a e rientrato/a"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)ssono usciti e rientrati %(count)s volte",
+                "one": "%(severalUsers)ssono usciti e rientrati"
+            },
+            "unbanned": {
+                "other": "è stato riammesso %(count)s volte",
+                "one": "è stato riammesso"
+            },
+            "unbanned_multiple": {
+                "other": "sono stati riammessi %(count)s volte",
+                "one": "sono stati riammessi"
+            }
+        },
+        "thread_info_basic": "Da una conversazione",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s e altri %(count)s stanno scrivendo …",
+                "one": "%(names)s ed un altro stanno scrivendo …"
+            },
+            "one_user": "%(displayName)s sta scrivendo …",
+            "two_users": "%(names)s e %(lastPerson)s stanno scrivendo …"
+        },
+        "undecryptable_tooltip": "Non è stato possibile decifrare questo messaggio"
+    },
+    "truncated_list_n_more": {
+        "other": "E altri %(count)s ..."
+    },
+    "unsupported_server_description": "Questo server usa una versione più vecchia di Matrix. Aggiorna a Matrix %(version)s per usare %(brand)s senza errori.",
+    "unsupported_server_title": "Il tuo server non è supportato",
+    "update": {
+        "changelog": "Cambiamenti",
+        "check_action": "Controlla aggiornamenti",
+        "checking": "Controllo aggiornamenti…",
+        "downloading": "Scaricamento aggiornamento…",
+        "error_encountered": "Errore riscontrato (%(errorDetail)s).",
+        "error_unable_load_commit": "Caricamento dettagli del commit fallito: %(msg)s",
+        "new_version_available": "Nuova versione disponibile. <a>Aggiorna ora.</a>",
+        "no_update": "Nessun aggiornamento disponibile.",
+        "release_notes_toast_title": "Novità",
+        "see_changes_button": "Cosa c'è di nuovo?",
+        "toast_description": "Nuova versione di %(brand)s disponibile",
+        "toast_title": "Aggiorna %(brand)s",
+        "unavailable": "Non disponibile"
+    },
+    "upload_failed_generic": "Invio del file '%(fileName)s' fallito.",
+    "upload_failed_size": "Il file '%(fileName)s' supera la dimensione massima di invio su questo homeserver",
+    "upload_failed_title": "Invio fallito",
+    "upload_file": {
+        "cancel_all_button": "Annulla tutto",
+        "error_file_too_large": "Questo file è <b>troppo grande</b> da inviare. Il limite di dimensione è %(limit)s ma questo file è di %(sizeOfThisFile)s.",
+        "error_files_too_large": "Questi file sono <b>troppo grandi</b> da inviare. Il limite di dimensione è %(limit)s.",
+        "error_some_files_too_large": "Alcuni file sono <b>troppo grandi</b> da inviare. Il limite di dimensione è %(limit)s.",
+        "error_title": "Errore di invio",
+        "title": "Invia i file",
+        "title_progress": "Invio dei file (%(current)s di %(total)s)",
+        "upload_all_button": "Invia tutto",
+        "upload_n_others_button": {
+            "other": "Invia altri %(count)s file",
+            "one": "Invia %(count)s altro file"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Strumenti di amministrazione",
+        "ban_button_room": "Bandisci dalla stanza",
+        "ban_button_space": "Bandisci dallo spazio",
+        "ban_room_confirm_title": "Bandisci da %(roomName)s",
+        "ban_space_everything": "Bandiscilo ovunque io possa farlo",
+        "ban_space_specific": "Bandiscilo da cose specifiche dove posso farlo",
+        "deactivate_confirm_action": "Disattiva utente",
+        "deactivate_confirm_description": "Disattivare questo utente lo disconnetterà e ne impedirà nuovi accessi. In aggiunta, abbandonerà tutte le stanze in cui è presente. Questa azione non può essere annullata. Sei sicuro di volere disattivare questo utente?",
+        "deactivate_confirm_title": "Disattivare l'utente?",
+        "demote_button": "Declassa",
+        "demote_self_confirm_description_space": "Non potrai annullare questa modifica dato che ti stai declassando, se sei l'ultimo utente privilegiato nello spazio sarà impossibile riottenere il grado.",
+        "demote_self_confirm_room": "Non potrai annullare questa modifica dato che ti stai declassando, se sei l'ultimo utente privilegiato nella stanza sarà impossibile ottenere di nuovo i privilegi.",
+        "demote_self_confirm_title": "Vuoi declassarti?",
+        "disinvite_button_room": "Disinvita dalla stanza",
+        "disinvite_button_room_name": "Annulla l'invito da %(roomName)s",
+        "disinvite_button_space": "Disinvita dallo spazio",
+        "error_ban_user": "Ban utente fallito",
+        "error_deactivate": "Disattivazione utente fallita",
+        "error_kicking_user": "Rimozione utente fallita",
+        "error_mute_user": "Impossibile silenziare l'utente",
+        "error_revoke_3pid_invite_description": "Impossibile revocare l'invito. Il server potrebbe avere un problema temporaneo o non si dispone di autorizzazioni sufficienti per revocare l'invito.",
+        "error_revoke_3pid_invite_title": "Revoca dell'invito fallita",
+        "ignore_confirm_description": "Tutti i messaggi e gli inviti da questo utente verranno nascosti. Vuoi davvero ignorarli?",
+        "ignore_confirm_title": "Ignora %(user)s",
+        "invited_by": "Invitato/a da %(sender)s",
+        "jump_to_rr_button": "Salta alla ricevuta di lettura",
+        "kick_button_room": "Rimuovi dalla stanza",
+        "kick_button_room_name": "Rimuovi da %(roomName)s",
+        "kick_button_space": "Rimuovi dallo spazio",
+        "kick_button_space_everything": "Rimuovilo da ovunque io possa farlo",
+        "kick_space_specific": "Rimuovilo da cose specifiche dove posso farlo",
+        "kick_space_warning": "Potrà ancora accedere dove non sei amministratore.",
+        "promote_warning": "Non potrai annullare questa modifica dato che stai promuovendo l'utente al tuo stesso grado.",
+        "redact": {
+            "confirm_button": {
+                "other": "Rimuovi %(count)s messaggi",
+                "one": "Rimuovi 1 messaggio"
+            },
+            "confirm_description_1": {
+                "one": "Stai per rimuovere %(count)s messaggio di %(user)s. Verrà rimosso permanentemente per chiunque nella conversazione. Vuoi continuare?",
+                "other": "Stai per rimuovere %(count)s messaggi di %(user)s. Verranno rimossi permanentemente per chiunque nella conversazione. Vuoi continuare?"
+            },
+            "confirm_description_2": "Se i messaggi sono tanti può volerci un po' di tempo. Nel frattempo, per favore, non fare alcun refresh.",
+            "confirm_keep_state_explainer": "Deseleziona se vuoi rimuovere anche i messaggi di sistema per questo utente (es. cambiamenti di sottoscrizione, modifiche al profilo…)",
+            "confirm_keep_state_label": "Conserva i messaggi di sistema",
+            "confirm_title": "Rimuovi gli ultimi messaggi di %(user)s",
+            "no_recent_messages_description": "Prova a scorrere la linea temporale per vedere se ce ne sono di precedenti.",
+            "no_recent_messages_title": "Non sono stati trovati messaggi recenti dell'utente %(user)s"
+        },
+        "redact_button": "Rimuovi i messaggi recenti",
+        "revoke_invite": "Revoca invito",
+        "room_encrypted": "I messaggi in questa stanza sono cifrati end-to-end.",
+        "room_encrypted_detail": "I tuoi messaggi sono protetti e solo tu ed il destinatario avete le chiavi univoche per sbloccarli.",
+        "room_unencrypted": "I messaggi in questa stanza non sono cifrati end-to-end.",
+        "room_unencrypted_detail": "Nelle stanze cifrate, i tuoi messaggi sono protetti e solo tu ed il destinatario avete le chiavi univoche per sbloccarli.",
+        "share_button": "Condividi link utente",
+        "unban_button_room": "Riammetti nella stanza",
+        "unban_button_space": "Riammetti nello spazio",
+        "unban_room_confirm_title": "Riammetti in %(roomName)s",
+        "unban_space_everything": "Riammettilo ovunque io possa farlo",
+        "unban_space_specific": "Riammettilo in cose specifiche dove posso farlo",
+        "unban_space_warning": "Non potrà più accedere anche dove non sei amministratore.",
+        "verify_button": "Verifica utente",
+        "verify_explainer": "Per maggiore sicurezza, verifica questo utente controllando un codice univoco sui vostri dispositivi."
+    },
+    "voip": {
+        "already_in_call": "Già in una chiamata",
+        "already_in_call_person": "Sei già in una chiamata con questa persona.",
+        "answered_elsewhere": "Risposto altrove",
+        "answered_elsewhere_description": "La chiamata è stata accettata su un altro dispositivo.",
+        "call_failed": "Chiamata fallita",
+        "call_failed_description": "Impossibile stabilire la chiamata",
+        "call_failed_media": "Chiamata fallita perchè la webcam o il microfono non sono accessibili. Controlla che:",
+        "call_failed_media_applications": "Nessun'altra applicazione sta usando la webcam",
+        "call_failed_media_connected": "Un microfono e una webcam siano collegati e configurati correttamente",
+        "call_failed_media_permissions": "Permesso concesso per usare la webcam",
+        "call_failed_microphone": "Chiamata fallita perchè il microfono non è accessibile. Controlla che ci sia un microfono collegato e configurato correttamente.",
+        "call_held": "%(peerName)s ha sospeso la chiamata",
+        "call_held_resume": "Hai sospeso la chiamata <a>Riprendi</a>",
+        "call_held_switch": "Hai sospeso la chiamata <a>Cambia</a>",
+        "call_toast_unknown_room": "Stanza sconosciuta",
+        "camera_disabled": "La tua fotocamera è spenta",
+        "camera_enabled": "La tua fotocamera è ancora attiva",
+        "cannot_call_yourself_description": "Non puoi chiamare te stesso.",
+        "close_lobby": "Chiudi sala d'attesa",
+        "connecting": "In connessione",
+        "connection_lost": "La connessione al server è stata persa",
+        "connection_lost_description": "Non puoi fare chiamate senza una connessione al server.",
+        "consulting": "Consultazione con %(transferTarget)s. <a>Trasferisci a %(transferee)s</a>",
+        "default_device": "Dispositivo Predefinito",
+        "dial": "Componi",
+        "dialpad": "Tastierino",
+        "disable_camera": "Spegni la fotocamera",
+        "disable_microphone": "Spegni il microfono",
+        "disabled_no_perms_start_video_call": "Non hai il permesso di avviare videochiamate",
+        "disabled_no_perms_start_voice_call": "Non hai il permesso di avviare chiamate",
+        "disabled_ongoing_call": "Chiamata in corso",
+        "element_call": "Element Call",
+        "enable_camera": "Accendi la fotocamera",
+        "enable_microphone": "Riaccendi il microfono",
+        "expand": "Torna alla chiamata",
+        "hangup": "Riaggancia",
+        "hide_sidebar_button": "Nascondi barra laterale",
+        "input_devices": "Dispositivi di input",
+        "jitsi_call": "Conferenza Jitsi",
+        "legacy_call": "Chiamata legacy",
+        "maximise": "Riempi schermo",
+        "maximise_call": "Massimizza la chiamata",
+        "minimise_call": "Minimizza la chiamata",
+        "misconfigured_server": "Chiamata non riuscita a causa di un server non configurato correttamente",
+        "misconfigured_server_description": "Chiedi all'amministratore del tuo homeserver(<code>%(homeserverDomain)s</code>) per configurare un server TURN affinché le chiamate funzionino in modo affidabile.",
+        "misconfigured_server_fallback": "In alternativa puoi provare ad usare il server pubblico <server/>, ma non è molto affidabile e il tuo indirizzo IP verrà condiviso con tale server. Puoi gestire questa cosa nelle impostazioni.",
+        "misconfigured_server_fallback_accept": "Prova ad usare %(server)s",
+        "more_button": "Altro",
+        "msisdn_lookup_failed": "Impossibile cercare il numero di telefono",
+        "msisdn_lookup_failed_description": "Si è verificato un errore nella ricerca del numero di telefono",
+        "msisdn_transfer_failed": "Impossibile trasferire la chiamata",
+        "n_people_joined": {
+            "one": "È entrata %(count)s persona",
+            "other": "Sono entrate %(count)s persone"
+        },
+        "no_audio_input_description": "Non abbiamo trovato un microfono nel tuo dispositivo. Controlla le impostazioni e riprova.",
+        "no_audio_input_title": "Nessun microfono trovato",
+        "no_media_perms_description": "Potresti dover permettere manualmente a %(brand)s di accedere al tuo microfono/webcam",
+        "no_media_perms_title": "Nessuna autorizzazione per i media",
+        "no_permission_conference": "Permesso richiesto",
+        "no_permission_conference_description": "Non hai il permesso di avviare una chiamata di gruppo in questa stanza",
+        "on_hold": "%(name)s in sospeso",
+        "output_devices": "Dispositivi di output",
+        "screenshare_monitor": "Condividi schermo intero",
+        "screenshare_title": "Condividi contenuto",
+        "screenshare_window": "Finestra applicazione",
+        "show_sidebar_button": "Mostra barra laterale",
+        "silence": "Silenzia la chiamata",
+        "silenced": "Notifiche silenziose",
+        "start_screenshare": "Avvia la condivisione dello schermo",
+        "stop_screenshare": "Ferma la condivisione dello schermo",
+        "too_many_calls": "Troppe chiamate",
+        "too_many_calls_description": "Hai raggiungo il numero massimo di chiamate simultanee.",
+        "transfer_consult_first_label": "Prima consulta",
+        "transfer_failed": "Trasferimento fallito",
+        "transfer_failed_description": "Trasferimento chiamata fallito",
+        "unable_to_access_audio_input_description": "Non abbiamo potuto accedere al tuo microfono. Controlla le impostazioni del browser e riprova.",
+        "unable_to_access_audio_input_title": "Impossibile accedere al microfono",
+        "unable_to_access_media": "Impossibile accedere alla webcam / microfono",
+        "unable_to_access_microphone": "Impossibile accedere al microfono",
+        "unknown_caller": "Chiamante sconosciuto",
+        "unknown_person": "persona sconosciuta",
+        "unsilence": "Audio attivo",
+        "unsupported": "Le chiamate non sono supportate",
+        "unsupported_browser": "Non puoi fare chiamate in questo browser.",
+        "user_busy": "Utente occupato",
+        "user_busy_description": "L'utente che hai chiamato è occupato.",
+        "user_is_presenting": "%(sharerName)s sta presentando",
+        "video_call": "Videochiamata",
+        "video_call_using": "Videochiamata usando:",
+        "voice_call": "Telefonata",
+        "you_are_presenting": "Stai presentando"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s su %(osName)s",
+    "widget": {
+        "added_by": "Widget aggiunto da",
+        "capabilities_dialog": {
+            "content_starting_text": "Il widget vorrebbe:",
+            "decline_all_permission": "Rifiuta tutti",
+            "remember_Selection": "Ricorda la mia scelta per questo widget",
+            "title": "Approva permessi del widget"
+        },
+        "capability": {
+            "always_on_screen_generic": "Resta sul tuo schermo mentre in esecuzione",
+            "always_on_screen_viewing_another_room": "Resta sul tuo schermo quando vedi un'altra stanza, quando in esecuzione",
+            "any_room": "Quanto sopra, ma anche in qualsiasi stanza tu sia entrato/a o invitato/a",
+            "byline_empty_state_key": "con una chiave di stato vuota",
+            "byline_state_key": "con la chiave di stato %(stateKey)s",
+            "capability": "La capacità <b>%(capability)s</b>",
+            "change_avatar_active_room": "Cambia l'avatar della tua stanza attiva",
+            "change_avatar_this_room": "Cambia l'avatar di questa stanza",
+            "change_name_active_room": "Cambia il nome della tua stanza attiva",
+            "change_name_this_room": "Cambia il nome di questa stanza",
+            "change_topic_active_room": "Cambia l'argomento della tua stanza attiva",
+            "change_topic_this_room": "Cambia l'argomento di questa stanza",
+            "receive_membership_active_room": "Vedere quando le persone entrano, escono o sono invitate nella tua stanza attiva",
+            "receive_membership_this_room": "Vedere quando le persone entrano, escono o sono invitate in questa stanza",
+            "remove_ban_invite_leave_active_room": "Buttare fuori, bandire o invitare persone nella tua stanza attiva e farti uscire",
+            "remove_ban_invite_leave_this_room": "Buttare fuori, bandire o invitare persone in questa stanza e farti uscire",
+            "see_avatar_change_active_room": "Vedi quando l'avatar cambia nella tua stanza attiva",
+            "see_avatar_change_this_room": "Vedi quando l'avatar cambia in questa stanza",
+            "see_event_type_sent_active_room": "Vedi eventi <b>%(eventType)s</b> inviati alla tua stanza attiva",
+            "see_event_type_sent_this_room": "Vedi eventi <b>%(eventType)s</b> inviati a questa stanza",
+            "see_images_sent_active_room": "Vedi immagini inviate alla tua stanza attiva",
+            "see_images_sent_this_room": "Vedi immagini inviate a questa stanza",
+            "see_messages_sent_active_room": "Vedi messaggi inviati alla tua stanza attiva",
+            "see_messages_sent_this_room": "Vedi messaggi inviati a questa stanza",
+            "see_msgtype_sent_active_room": "Vedi messaggi <b>%(msgtype)s</b> inviati alla tua stanza attiva",
+            "see_msgtype_sent_this_room": "Vedi messaggi <b>%(msgtype)s</b> inviati a questa stanza",
+            "see_name_change_active_room": "Vedi quando il nome cambia nella tua stanza attiva",
+            "see_name_change_this_room": "Vedi quando il nome cambia in questa stanza",
+            "see_sent_emotes_active_room": "Vedi emoticon inviate alla tua stanza attiva",
+            "see_sent_emotes_this_room": "Vedi emoticon inviate a questa stanza",
+            "see_sent_files_active_room": "Vedi file generici inviati alla tua stanza attiva",
+            "see_sent_files_this_room": "Vedi file generici inviati a questa stanza",
+            "see_sticker_posted_active_room": "Vedi quando qualcuno invia un adesivo alla tua stanza attiva",
+            "see_sticker_posted_this_room": "Vedi quando viene inviato un adesivo in questa stanza",
+            "see_text_messages_sent_active_room": "Vedi messaggi di testo inviati alla tua stanza attiva",
+            "see_text_messages_sent_this_room": "Vedi messaggi di testo inviati a questa stanza",
+            "see_topic_change_active_room": "Vedi quando l'argomento cambia nella tua stanza attiva",
+            "see_topic_change_this_room": "Vedi quando l'argomento cambia in questa stanza",
+            "see_videos_sent_active_room": "Vedi video inviati alla tua stanza attiva",
+            "see_videos_sent_this_room": "Vedi video inviati a questa stanza",
+            "send_emotes_active_room": "Invia emoticon a tuo nome nella tua stanza attiva",
+            "send_emotes_this_room": "Invia emoticon a tuo nome in questa stanza",
+            "send_event_type_active_room": "Invia eventi <b>%(eventType)s</b> a tuo nome nella tua stanza attiva",
+            "send_event_type_this_room": "Invia eventi <b>%(eventType)s</b> a tuo nome in questa stanza",
+            "send_files_active_room": "Invia file generici a tuo nome nella tua stanza attiva",
+            "send_files_this_room": "Invia file generici a tuo nome in questa stanza",
+            "send_images_active_room": "Invia immagini a tuo nome nella tua stanza attiva",
+            "send_images_this_room": "Invia immagini a tuo nome in questa stanza",
+            "send_messages_active_room": "Invia messaggi a tuo nome nella tua stanza attiva",
+            "send_messages_this_room": "Invia messaggi a tuo nome in questa stanza",
+            "send_msgtype_active_room": "Invia messaggi <b>%(msgtype)s</b> a tuo nome nella tua stanza attiva",
+            "send_msgtype_this_room": "Invia messaggi <b>%(msgtype)s</b> a tuo nome in questa stanza",
+            "send_stickers_active_room": "Invia adesivi nella tua stanza attiva",
+            "send_stickers_active_room_as_you": "Invia adesivi alla tua stanza attiva a tuo nome",
+            "send_stickers_this_room": "Invia adesivi in questa stanza",
+            "send_stickers_this_room_as_you": "Invia adesivi a questa stanza a tuo nome",
+            "send_text_messages_active_room": "Invia messaggi di testo a tuo nome nella tua stanza attiva",
+            "send_text_messages_this_room": "Invia messaggi di testo a tuo nome in questa stanza",
+            "send_videos_active_room": "Invia video a tuo nome nella tua stanza attiva",
+            "send_videos_this_room": "Invia video a tuo nome in questa stanza",
+            "specific_room": "Quanto sopra, ma anche in <Room />",
+            "switch_room": "Cambia quale stanza stai vedendo",
+            "switch_room_message_user": "Cambia quale stanza, messaggio o utente stai vedendo"
+        },
+        "close_to_view_right_panel": "Chiudi questo widget per vederlo in questo pannello",
+        "context_menu": {
+            "delete": "Elimina widget",
+            "delete_warning": "L'eliminazione di un widget lo rimuove per tutti gli utenti della stanza. Sei sicuro di eliminare il widget?"
+        },
+        "cookie_warning": "Questo widget può usare cookie.",
+        "error_hangup_description": "Sei stato disconnesso dalla chiamata. (Errore: %(message)s)",
+        "error_hangup_title": "Connessione persa",
+        "error_loading": "Errore di caricamento del widget",
+        "error_mixed_content": "Errore - Contenuto misto",
+        "error_need_invite_permission": "Devi poter invitare utenti per completare l'azione.",
+        "error_need_kick_permission": "Devi poter cacciare via utenti per completare l'azione.",
+        "error_need_to_be_logged_in": "Devi aver eseguito l'accesso.",
+        "error_unable_start_audio_stream_description": "Impossibile avviare lo streaming audio.",
+        "error_unable_start_audio_stream_title": "Impossibile avviare lo stream in diretta",
+        "modal_data_warning": "I dati in questa schermata vengono condivisi con %(widgetDomain)s",
+        "modal_title_default": "Widget modale",
+        "no_name": "App sconosciuta",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Ricordalo",
+            "starting_text": "Il widget verificherà il tuo ID utente, ma non sarà un grado di eseguire azioni per te:",
+            "title": "Permetti a questo widget di verificare la tua identità"
+        },
+        "popout": "Oggetto a comparsa",
+        "set_room_layout": "Imposta la disposizione per tutti",
+        "shared_data_avatar": "L'URL della tua immagine del profilo",
+        "shared_data_device_id": "L'ID del tuo dispositivo",
+        "shared_data_lang": "La tua lingua",
+        "shared_data_mxid": "Il tuo ID utente",
+        "shared_data_name": "Il tuo nome visualizzato",
+        "shared_data_room_id": "ID stanza",
+        "shared_data_theme": "Il tuo tema",
+        "shared_data_url": "URL di %(brand)s",
+        "shared_data_warning": "Usando questo widget i dati possono essere condivisi <helpIcon /> con %(widgetDomain)s.",
+        "shared_data_warning_im": "Usando questo widget i dati possono essere condivisi <helpIcon /> con %(widgetDomain)s e il tuo gestore di integrazioni.",
+        "shared_data_widget_id": "ID widget",
+        "unencrypted_warning": "I widget non usano la crittografia dei messaggi.",
+        "unmaximise": "Demassimizza",
+        "unpin_to_view_right_panel": "Sblocca questo widget per vederlo in questo pannello"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Tutte maiuscole è altrettanto facile da indovinare come tutte minuscole",
+            "anotherWord": "Aggiungi ancora una o due parole. Meglio parole non comuni.",
+            "associatedYears": "Evita anni che sono associati a te",
+            "capitalization": "Le maiuscole non aiutano molto",
+            "dates": "Evita date e anni che sono associati a te",
+            "l33t": "Sostituzioni prevedibili come '@' al posto di 'a' non aiutano molto",
+            "longerKeyboardPattern": "Usa una tastiera più lunga con più variazioni",
+            "noNeed": "Non sono necessari simboli, numeri o maiuscole",
+            "pwned": "Se utilizzi questa password altrove, dovresti cambiarla.",
+            "recentYears": "Evita anni recenti",
+            "repeated": "Evita ripetizioni di parole e caratteri",
+            "reverseWords": "Le parole invertite non sono molto più difficili da indovinare",
+            "sequences": "Evita sequenze",
+            "useWords": "Usa poche parole, evita frasi comuni"
+        },
+        "warnings": {
+            "common": "Questa è una password molto comune",
+            "commonNames": "Nomi e cognomi comuni sono facili da indovinare",
+            "dates": "Le date sono spesso facili da indovinare",
+            "extendedRepeat": "Ripetizioni come \"abcabcabc\" sono solo leggermente più difficili da indovinare di \"abc\"",
+            "keyPattern": "Sequenze di tasti brevi sono facili da indovinare",
+            "namesByThemselves": "Nomi e cognomi di per sé sono facili da indovinare",
+            "pwned": "La tua password è stata esposta a causa di una violazione dei dati su Internet.",
+            "recentYears": "Gli anni recenti sono facili da indovinare",
+            "sequences": "Sequenze come abc o 6543 sono facili da indovinare",
+            "similarToCommon": "Questa è simile a una password usata comunemente",
+            "simpleRepeat": "Ripetizioni come \"aaa\" sono facili da indovinare",
+            "straightRow": "Sequenze di tasti in riga sono facili da indovinare",
+            "topHundred": "Queste sono le 100 password più comuni",
+            "topTen": "Queste sono le 10 password più comuni",
+            "userInputs": "Non dovrebbero esserci dati personali o relativi alla pagina.",
+            "wordByItself": "Una parola di per sé è facile da indovinare"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/ja.json b/apps/web/src/i18n/strings/ja.json
new file mode 100644
index 00000000000..a3ae7afe98a
--- /dev/null
+++ b/apps/web/src/i18n/strings/ja.json
@@ -0,0 +1,3176 @@
+{
+    "a11y": {
+        "jump_first_invite": "最初の招待に移動。",
+        "n_unread_messages": {
+            "one": "未読メッセージ1件。",
+            "other": "未読メッセージ%(count)s件。"
+        },
+        "n_unread_messages_mentions": {
+            "one": "未読のメンション1件。",
+            "other": "メンションを含む未読メッセージ%(count)s件。"
+        },
+        "unread_messages": "未読メッセージ。"
+    },
+    "a11y_jump_first_unread_room": "未読のある最初のルームにジャンプします。",
+    "action": {
+        "accept": "同意",
+        "add": "追加",
+        "add_existing_room": "既存のルームを追加",
+        "apply": "適用",
+        "approve": "同意",
+        "back": "戻る",
+        "call": "通話",
+        "cancel": "キャンセル",
+        "change": "変更",
+        "clear": "消去",
+        "click_to_copy": "クリックでコピー",
+        "close": "閉じる",
+        "collapse": "折りたたむ",
+        "complete": "完了",
+        "confirm": "承認",
+        "continue": "続行",
+        "copy": "コピー",
+        "copy_link": "リンクをコピー",
+        "create": "作成",
+        "create_a_room": "ルームを作成",
+        "create_account": "アカウントを作成",
+        "decline": "拒否",
+        "delete": "削除",
+        "disable": "無効にする",
+        "disconnect": "切断",
+        "dismiss": "閉じる",
+        "done": "完了",
+        "download": "ダウンロード",
+        "edit": "編集",
+        "enable": "有効にする",
+        "enter_fullscreen": "フルスクリーンにする",
+        "exit_fullscreeen": "フルスクリーンを解除",
+        "expand": "展開",
+        "explore_rooms": "ルームを探す",
+        "export": "エクスポート",
+        "forward": "転送",
+        "go": "続行",
+        "go_back": "戻る",
+        "got_it": "了解",
+        "hide_advanced": "高度な設定を非表示にする",
+        "hold": "保留",
+        "ignore": "無視",
+        "import": "インポート",
+        "invite": "招待",
+        "join": "参加",
+        "learn_more": "詳細を表示",
+        "leave": "退出",
+        "leave_room": "ルームから退出",
+        "logout": "ログアウト",
+        "manage": "管理",
+        "maximise": "最大化",
+        "mention": "メンション",
+        "minimise": "最小化",
+        "new_room": "新しいルーム",
+        "new_video_room": "新しいビデオ通話ルーム",
+        "next": "次へ",
+        "no": "いいえ",
+        "open": "開く",
+        "pin": "ピン",
+        "quote": "引用",
+        "react": "リアクション",
+        "refresh": "再読み込み",
+        "register": "登録",
+        "remove": "削除",
+        "rename": "表示名を変更",
+        "reply": "返信",
+        "reply_in_thread": "スレッドで返信",
+        "resend": "再送信",
+        "reset": "リセット",
+        "resume": "再開",
+        "retry": "再試行",
+        "review": "確認",
+        "revoke": "取り消す",
+        "save": "保存",
+        "search": "検索",
+        "send_report": "報告を送信",
+        "share": "共有",
+        "show": "表示",
+        "show_advanced": "高度な設定を表示",
+        "show_all": "全て表示",
+        "sign_in": "サインイン",
+        "sign_out": "サインアウト",
+        "skip": "スキップ",
+        "start": "開始",
+        "stop": "停止",
+        "submit": "送信",
+        "subscribe": "購読",
+        "transfer": "転送",
+        "trust": "信頼",
+        "try_again": "もう一度試す",
+        "unban": "ブロックを解除",
+        "unignore": "無視を解除",
+        "unpin": "ピン留めを外す",
+        "unsubscribe": "購読の解除",
+        "update": "更新",
+        "upgrade": "アップグレード",
+        "upload": "アップロード",
+        "verify": "認証",
+        "view": "表示",
+        "view_all": "全て表示",
+        "view_list": "一覧を表示",
+        "view_message": "メッセージを表示",
+        "view_source": "ソースコードを表示",
+        "yes": "はい",
+        "zoom_in": "拡大",
+        "zoom_out": "縮小"
+    },
+    "analytics": {
+        "accept_button": "問題ありません",
+        "bullet_1": "私たちは、アカウントのいかなるデータも記録したり分析したりすることは<Bold>ありません</Bold>",
+        "bullet_2": "私たちは、情報を第三者と共有することは<Bold>ありません</Bold>",
+        "consent_migration": "以前あなたは利用状況に関する匿名データの共有に同意しました。私たちはそれが機能する仕方を更新しています。",
+        "disable_prompt": "これはいつでも設定から無効にできます",
+        "enable_prompt": "%(analyticsOwner)sの改善を手伝う",
+        "learn_more": "匿名のデータを共有すると、問題の特定に役立ちます。個人情報の収集や、第三者とのデータ共有はありません。<LearnMoreLink>詳細を確認</LearnMoreLink>",
+        "privacy_policy": "規約は<PrivacyPolicyUrl>ここ</PrivacyPolicyUrl>で確認できます",
+        "pseudonymous_usage_data": "%(analyticsOwner)sの改善と課題抽出のために、匿名の使用状況データの送信をお願いします。複数の端末での使用を分析するために、あなたの全端末共通のランダムな識別子を生成します。",
+        "shared_data_heading": "以下のデータが共有される可能性があります："
+    },
+    "auth": {
+        "3pid_in_use": "そのメールアドレスまたは電話番号は既に使われています。",
+        "account_clash": "新しいアカウント（%(newAccountId)s）が登録されましたが、あなたは別のアカウント（%(loggedInUserId)s）でログインしています。",
+        "account_clash_previous_account": "以前のアカウントで続行",
+        "account_deactivated": "このアカウントは無効化されています。",
+        "autodiscovery_generic_failure": "自動発見の設定をサーバーから取得できませんでした",
+        "autodiscovery_invalid": "ホームサーバーのディスカバリー（発見）に関する不正な応答です",
+        "autodiscovery_invalid_hs": "これは正しいMatrixのホームサーバーのURLではありません",
+        "autodiscovery_invalid_hs_base_url": "m.homeserverの不正なbase_url",
+        "autodiscovery_invalid_is": "これは正しいIDサーバーのURLではありません",
+        "autodiscovery_invalid_is_base_url": "m.identity_serverの不正なbase_url",
+        "autodiscovery_invalid_is_response": "IDサーバーのディスカバリー（発見）に関する不正な応答です",
+        "autodiscovery_invalid_json": "不正なJSON",
+        "autodiscovery_unexpected_error_hs": "ホームサーバーの設定の解釈中に予期しないエラーが発生しました",
+        "autodiscovery_unexpected_error_is": "IDサーバーの設定の解釈中に予期しないエラーが発生しました",
+        "captcha_description": "このホームサーバーは、あなたがロボットではないことの確認を求めています。",
+        "change_password_action": "パスワードを変更",
+        "change_password_confirm_invalid": "パスワードが一致しません",
+        "change_password_confirm_label": "パスワードを確認",
+        "change_password_current_label": "現在のパスワード",
+        "change_password_empty": "パスワードを空にすることはできません",
+        "change_password_mismatch": "新しいパスワードが一致しません",
+        "change_password_new_label": "新しいパスワード",
+        "check_email_explainer": "<b>%(email)s</b>に送信される指示に従ってください",
+        "check_email_resend_prompt": "届きませんでしたか？",
+        "check_email_resend_tooltip": "認証リンクの電子メールを再送信しました！",
+        "check_email_wrong_email_button": "メールアドレスを再入力",
+        "check_email_wrong_email_prompt": "メールアドレスが正しくありませんか？",
+        "continue_with_idp": "%(provider)sで続行",
+        "continue_with_sso": "以下のサービスにより続行%(ssoButtons)s",
+        "country_dropdown": "国一覧",
+        "create_account_prompt": "初めてですか？<a>アカウントを作成しましょう</a>",
+        "create_account_title": "アカウントを作成",
+        "email_discovery_text": "後ほど、このメールアドレスで連絡先に見つけてもらうことができるようになります。",
+        "email_field_label": "電子メール",
+        "email_field_label_invalid": "メールアドレスの形式が正しくありません",
+        "email_field_label_required": "メールアドレスを入力",
+        "email_help_text": "アカウント復旧用のメールアドレスを追加。",
+        "email_phone_discovery_text": "後ほど、このメールアドレスまたは電話番号で連絡先に見つけてもらうことができるようになります。",
+        "enter_email_explainer": "<b>%(homeserver)s</b>が、パスワードの再設定用の認証リンクを送信します。",
+        "enter_email_heading": "パスワードを再設定するには、あなたの電子メールを入力してください",
+        "failed_connect_identity_server": "IDサーバーに接続できません",
+        "failed_connect_identity_server_other": "ログインできますが、IDサーバーがオンラインになるまで一部の機能を使用できません。この警告が引き続き表示される場合は、設定を確認するか、サーバー管理者にお問い合わせください。",
+        "failed_connect_identity_server_register": "登録できますが、IDサーバーがオンラインになるまで一部の機能は使用できません。この警告が引き続き表示される場合は、設定を確認するか、サーバー管理者にお問い合わせください。",
+        "failed_connect_identity_server_reset_password": "パスワードをリセットできますが、IDサーバーがオンラインになるまで一部の機能を使用できません。この警告が引き続き表示される場合は、設定を確認するか、サーバー管理者にお問い合わせください。",
+        "failed_homeserver_discovery": "ホームサーバーを発見できませんでした",
+        "failed_query_registration_methods": "サポートしている登録方法を照会できません。",
+        "failed_soft_logout_auth": "再認証に失敗しました",
+        "failed_soft_logout_homeserver": "ホームサーバーの問題のため再認証に失敗しました",
+        "forgot_password_email_invalid": "メールアドレスが正しくありません。",
+        "forgot_password_email_required": "あなたのアカウントに登録されたメールアドレスの入力が必要です。",
+        "forgot_password_prompt": "パスワードを忘れてしまいましたか？",
+        "forgot_password_send_email": "電子メールを送信",
+        "identifier_label": "ログインに使用するユーザー情報",
+        "incorrect_credentials": "ユーザー名とパスワードの一方あるいは両方が正しくありません。",
+        "incorrect_credentials_detail": "matrix.orgではなく、%(hs)sのサーバーにログインしていることに注意してください。",
+        "incorrect_password": "誤ったパスワード",
+        "log_in_new_account": "新しいアカウントに<a>ログイン</a>しましょう。",
+        "logout_dialog": {
+            "description": "サインアウトしてよろしいですか？",
+            "setup_key_backup_title": "暗号化されたメッセージにアクセスできなくなります",
+            "skip_key_backup": "暗号化されたメッセージは不要です"
+        },
+        "misconfigured_body": "<a>設定</a>が間違っているか重複しているか確認するよう、%(brand)sの管理者に問い合わせてください。",
+        "misconfigured_title": "あなたの%(brand)sは正しく設定されていません",
+        "msisdn_field_description": "他のユーザーはあなたの連絡先の情報を用いてルームに招待することができます",
+        "msisdn_field_label": "電話",
+        "msisdn_field_number_invalid": "電話番号が正しくありません。確認してもう一度やり直してください",
+        "msisdn_field_required_invalid": "電話番号を入力",
+        "no_hs_url_provided": "ホームサーバーのURLが指定されていません",
+        "oidc": {
+            "error_title": "ログインできませんでした",
+            "missing_or_invalid_stored_state": "残念ながら、ブラウザーはサインインするホームサーバーを忘れてしまいました。サインインページに移動して再試行してください。"
+        },
+        "password_field_keep_going_prompt": "続行…",
+        "password_field_label": "パスワードを入力してください",
+        "password_field_strong_label": "素晴らしい、強固なパスワードです！",
+        "password_field_weak_label": "パスワードの要件は満たしていますが、安全ではありません",
+        "phone_label": "電話",
+        "phone_optional_label": "電話番号（任意）",
+        "qr_code_login": {
+            "completing_setup": "新しい端末の設定を完了しています",
+            "error_rate_limited": "再試行の数が多すぎます。少し待ってから再度試してください。",
+            "error_unexpected": "予期しないエラーが発生しました。",
+            "scan_code_instruction": "サインアウトした端末で以下のQRコードをスキャンしてください。",
+            "scan_qr_code": "QRコードをスキャン",
+            "select_qr_code": "「%(scanQRCode)s」を選択",
+            "waiting_for_device": "端末のサインインを待機しています"
+        },
+        "register_action": "アカウントを作成",
+        "registration": {
+            "continue_without_email_description": "注意：メールアドレスを追加せずパスワードを忘れた場合、<b>永久にアカウントにアクセスできなくなる</b>可能性があります。",
+            "continue_without_email_field_label": "電子メール（任意）",
+            "continue_without_email_title": "メールアドレスを使用せずに続行"
+        },
+        "registration_disabled": "このサーバーはアカウントの新規登録を受け入れていません。",
+        "registration_msisdn_field_required_invalid": "電話番号を入力（このホームサーバーでは必須）",
+        "registration_successful": "登録しました",
+        "registration_username_in_use": "そのユーザー名は既に使用されています。別のユーザー名を試すか、あなたのユーザー名なら、以下でサインインしてください。",
+        "registration_username_unable_check": "そのユーザー名が既に取得されているか確認できません。後でもう一度やり直してください。",
+        "registration_username_validation": "小文字、数字、ダッシュ、アンダースコアのみを使ってください",
+        "reset_password": {
+            "confirm_new_password": "新しいパスワードを確認",
+            "devices_logout_success": "すべての端末からログアウトしているため、プッシュ通知を受け取れません。通知を再び有効にするには、各端末でサインインしてください。",
+            "other_devices_logout_warning_1": "端末からサインアウトすると、暗号化の鍵が削除され、暗号化された会話の履歴を読むことができなくなります。",
+            "other_devices_logout_warning_2": "暗号化されたルームの会話を今後も読み込めるようにしたい場合は、続行する前に、鍵のバックアップを設定するか、他の端末からメッセージの鍵をエクスポートしてください。",
+            "password_not_entered": "新しいパスワードを入力する必要があります。",
+            "passwords_mismatch": "新しいパスワードは互いに一致する必要があります。",
+            "rate_limit_error": "再試行の数が多すぎます。少し待ってから再度試してください。",
+            "rate_limit_error_with_time": "再試行の数が多すぎます。%(timeout)s後に再度試してください。",
+            "reset_successful": "パスワードを再設定しました。",
+            "return_to_login": "ログイン画面に戻る",
+            "sign_out_other_devices": "全ての端末からサインアウト"
+        },
+        "reset_password_action": "パスワードを再設定",
+        "reset_password_email_field_description": "アカウント復旧用のメールアドレスを設定してください",
+        "reset_password_email_field_required_invalid": "メールアドレスを入力してください（このホームサーバーでは必須）",
+        "reset_password_email_not_associated": "あなたのメールアドレスは、このホームサーバーのMatrix IDに関連付けられていないようです。",
+        "reset_password_email_not_found_title": "このメールアドレスが見つかりませんでした",
+        "reset_password_title": "パスワードを再設定",
+        "server_picker_custom": "他のホームサーバー",
+        "server_picker_description": "異なるホームサーバーのURLを設定すると、他のMatrixのサーバーにサインインできます。それにより、異なるホームサーバーにある既存のMatrixのアカウントを%(brand)sで使用できます。",
+        "server_picker_description_matrix.org": "最大の公開サーバーで、数百万人に無料で参加",
+        "server_picker_dialog_title": "アカウントを管理する場所を決めましょう",
+        "server_picker_explainer": "好みのホームサーバーがあるか、自分でホームサーバーを運営している場合は、そちらをお使いください。",
+        "server_picker_failed_validate_homeserver": "ホームサーバーを認証できません",
+        "server_picker_intro": "Matrixでは、あなたが自分のアカウントを管理する場所を「ホームサーバー」と呼んでいます。",
+        "server_picker_invalid_url": "不正なURL",
+        "server_picker_learn_more": "ホームサーバーについて（英語）",
+        "server_picker_matrix.org": "Matrix.orgは、公開されているホームサーバーで世界最大のものなので、多くの人に適しています。",
+        "server_picker_required": "ホームサーバーを指定してください",
+        "server_picker_title": "あなたのホームサーバーにサインイン",
+        "server_picker_title_default": "サーバーのオプション",
+        "server_picker_title_registration": "アカウントを以下のホームサーバーでホスト",
+        "session_logged_out_description": "セキュリティー上、このセッションはログアウトされています。もう一度サインインしてください。",
+        "session_logged_out_title": "サインアウトしました",
+        "set_email": {
+            "description": "パスワードをリセットして通知を受け取れるようになります。",
+            "verification_pending_description": "電子メールを確認して、本文中のURLをクリックしてください。完了したら「続行」をクリックしてください。",
+            "verification_pending_title": "認証の保留中"
+        },
+        "set_email_prompt": "メールアドレスを設定しますか？",
+        "sign_in_instead": "サインイン",
+        "sign_in_instead_prompt": "サインイン",
+        "sign_in_or_register": "サインインするか、アカウントを作成してください",
+        "sign_in_or_register_description": "続行するには、作成済のアカウントを使用するか、新しいアカウントを作成してください。",
+        "sign_in_with_sso": "シングルサインオンを使用してサインイン",
+        "signing_in": "サインインしています…",
+        "soft_logout": {
+            "clear_data_button": "全てのデータを消去",
+            "clear_data_description": "このセッションのデータの消去は取り消せません。鍵がバックアップされていない限り、暗号化されたメッセージを読むことはできなくなります。",
+            "clear_data_title": "このセッションの全てのデータを削除してよろしいですか？"
+        },
+        "soft_logout_heading": "サインアウトしました",
+        "soft_logout_intro_password": "アカウントへのアクセスを回復するには、パスワードを入力してサインインしてください。",
+        "soft_logout_intro_sso": "サインインして、アカウントへのアクセスを回復しましょう。",
+        "soft_logout_intro_unsupported_auth": "アカウントにサインインできません。ホームサーバーの管理者に連絡して詳細を確認してください。",
+        "soft_logout_subheading": "個人データを消去",
+        "soft_logout_warning": "警告：あなたの個人データ（暗号化の鍵を含む）が、このセッションに保存されています。このセッションの使用を終了するか、他のアカウントにログインしたい場合は、そのデータを消去してください。",
+        "sso": "シングルサインオン",
+        "sso_complete_in_browser_dialog_title": "ブラウザーに移動してサインインを完了してください",
+        "sso_failed_missing_storage": "残念ながら、ブラウザーはサインインするホームサーバーを忘れてしまいました。サインインページに移動して再試行してください。",
+        "sso_or_username_password": "%(ssoButtons)sあるいは、以下に入力して登録%(usernamePassword)s",
+        "sync_footer_subtitle": "多くのルームに参加している場合は、時間がかかる可能性があります",
+        "syncing": "同期しています…",
+        "uia": {
+            "code": "コード",
+            "email": "アカウントを作成するには、 %(emailAddress)sに送ったメールの中のリンクを開いてください。",
+            "email_auth_header": "続行するには電子メールを確認してください",
+            "email_resend_prompt": "届きませんでしたか？<a>再送する</a>",
+            "email_resent": "再送しました！",
+            "fallback_button": "認証を開始",
+            "msisdn": "テキストメッセージを%(msisdn)sに送信しました",
+            "msisdn_token_incorrect": "誤ったトークン",
+            "msisdn_token_prompt": "それに含まれるコードを入力してください：",
+            "password_prompt": "以下にアカウントのパスワードを入力して本人確認を行ってください。",
+            "recaptcha_missing_params": "ホームサーバーの設定にcaptchaの公開鍵が入力されていません。ホームサーバーの管理者に報告してください。",
+            "registration_token_label": "登録用トークン",
+            "registration_token_prompt": "ホームサーバーの管理者から提供された登録用トークンを入力してください。",
+            "sso_body": "シングルサインオンを使用して本人確認を行い、メールアドレスの追加を承認してください。",
+            "sso_failed": "本人確認を行う際に問題が発生しました。キャンセルして、もう一度やり直してください。",
+            "sso_postauth_body": "本人確認のため、下のボタンをクリックしてください。",
+            "sso_postauth_title": "確認して続行",
+            "sso_preauth_body": "続行するには、シングルサインオンを使用して、本人確認を行ってください。",
+            "sso_title": "シングルサインオンを使用して続行",
+            "terms": "このホームサーバーの運営方針を確認し、同意してください：",
+            "terms_invalid": "ホームサーバーの運営方針を確認し、同意してください"
+        },
+        "unsupported_auth_email": "このホームサーバーではメールアドレスによるログインをサポートしていません。",
+        "unsupported_auth_msisdn": "このサーバーは、電話番号による認証をサポートしていません。",
+        "username_field_required_invalid": "ユーザー名を入力",
+        "username_in_use": "そのユーザー名は既に使用されています。他のユーザー名を試してください。",
+        "verify_email_explainer": "パスワードを再設定する前に本人確認を行います。<b>%(email)s</b>に送信した電子メールにあるリンクをクリックしてください。",
+        "verify_email_heading": "続行するには電子メールを認証してください"
+    },
+    "bug_reporting": {
+        "additional_context": "実行していたこと、ルームID、ユーザーIDなど、問題を分析するのに役立つ追加情報があれば、それをここに含めてください。",
+        "before_submitting": "ログを送信する前に、問題を説明する<a>GitHub issueを作成</a>してください。",
+        "collecting_information": "アプリのバージョン情報を収集",
+        "collecting_logs": "ログを収集しています",
+        "create_new_issue": "不具合を調査できるように、GitHubで<newIssueLink>新しいIssueを作成</newIssueLink>してください。",
+        "description": "デバッグログは、ユーザー名、訪問済のルームのIDやエイリアス、最後に使用したユーザーインターフェース上の要素、他のユーザーのユーザー名などを含むアプリケーションの使用状況データを含みます。メッセージは含まれません。",
+        "download_logs": "ログのダウンロード",
+        "downloading_logs": "ログをダウンロードしています",
+        "error_empty": "発生した問題を教えてください。または、問題を説明するGitHub issueを作成してください。",
+        "introduction": "もしGitHubで不具合を報告した場合は、デバッグログが問題の解決に役立ちます。 ",
+        "log_request": "今後これが起こらないようにするために、<a>ログを送信</a>してください。",
+        "logs_sent": "ログが送信されました",
+        "matrix_security_issue": "Matrix関連のセキュリティー問題を報告するには、Matrix.orgの<a>Security Disclosure Policy</a>をご覧ください。",
+        "preparing_download": "ログのダウンロードを準備しています",
+        "preparing_logs": "ログを送信する準備をしています",
+        "send_logs": "ログを送信",
+        "submit_debug_logs": "デバッグログを送信",
+        "textarea_label": "メモ",
+        "thank_you": "ありがとうございます！",
+        "title": "不具合の報告",
+        "unsupported_browser": "注意：ブラウザーはサポートされていません。期待通りに動作しない可能性があります。",
+        "uploading_logs": "ログをアップロードしています",
+        "waiting_for_server": "サーバーからの応答を待っています"
+    },
+    "cannot_reach_homeserver": "ホームサーバーに接続できません",
+    "cannot_reach_homeserver_detail": "安定したインターネット接続があることを確認するか、サーバー管理者に連絡してください",
+    "cant_load_page": "ページを読み込めませんでした",
+    "chat_card_back_action_label": "チャットに戻る",
+    "chat_effects": {
+        "confetti_description": "メッセージを紙吹雪と共に送信",
+        "confetti_message": "紙吹雪を送る",
+        "fireworks_description": "メッセージを花火と共に送信",
+        "fireworks_message": "花火を送る",
+        "hearts_description": "メッセージをハートと共に送信",
+        "hearts_message": "ハートを送信",
+        "rainfall_description": "メッセージを雨と共に送信",
+        "rainfall_message": "雨を送信",
+        "snowfall_description": "メッセージを降雪と共に送信",
+        "snowfall_message": "降雪を送る",
+        "spaceinvaders_description": "メッセージを宇宙のテーマのエフェクトと共に送信",
+        "spaceinvaders_message": "スペースインベーダーを送る"
+    },
+    "common": {
+        "access_token": "アクセストークン",
+        "accessibility": "アクセシビリティー",
+        "advanced": "詳細",
+        "analytics": "分析",
+        "and_n_others": {
+            "other": "他%(count)s人…",
+            "one": "他1人…"
+        },
+        "appearance": "外観",
+        "application": "アプリケーション",
+        "are_you_sure": "よろしいですか？",
+        "attachment": "添付ファイル",
+        "authentication": "認証",
+        "avatar": "アバター",
+        "beta": "ベータ版",
+        "camera": "カメラ",
+        "cameras": "カメラ",
+        "capabilities": "機能",
+        "copied": "コピーしました！",
+        "credits": "クレジット",
+        "dark": "ダーク",
+        "description": "詳細",
+        "deselect_all": "全ての選択を解除",
+        "device": "端末",
+        "edited": "編集済",
+        "email_address": "メールアドレス",
+        "emoji": "絵文字",
+        "encrypted": "暗号化",
+        "error": "エラー",
+        "faq": "よくある質問",
+        "feedback": "フィードバック",
+        "filter_results": "結果を絞り込む",
+        "forward_message": "メッセージを転送",
+        "general": "一般",
+        "go_to_settings": "設定を開く",
+        "guest": "ゲスト",
+        "help": "ヘルプ",
+        "home": "ホーム",
+        "homeserver": "ホームサーバー",
+        "identity_server": "IDサーバー",
+        "image": "画像",
+        "integration_manager": "インテグレーションマネージャー",
+        "joined": "参加済",
+        "labs": "ラボ",
+        "legal": "法的情報",
+        "light": "ライト",
+        "loading": "読み込んでいます…",
+        "location": "位置情報",
+        "message": "メッセージ",
+        "message_layout": "メッセージのレイアウト",
+        "microphone": "マイク",
+        "modern": "モダン",
+        "mute": "ミュート",
+        "n_members": {
+            "one": "%(count)s人",
+            "other": "%(count)s人"
+        },
+        "n_rooms": {
+            "one": "%(count)s個のルーム",
+            "other": "%(count)s個のルーム"
+        },
+        "name": "名前",
+        "no_results": "結果がありません",
+        "no_results_found": "検索結果がありません",
+        "not_trusted": "信頼されていません",
+        "off": "オフ",
+        "offline": "オフライン",
+        "on": "オン",
+        "options": "オプション",
+        "orphan_rooms": "他のルーム",
+        "password": "パスワード",
+        "people": "連絡先",
+        "preferences": "環境設定",
+        "presence": "プレゼンス（ステータス表示）",
+        "preview_message": "こんにちは、よろしくね！",
+        "privacy": "プライバシー",
+        "private": "非公開",
+        "private_room": "非公開ルーム",
+        "private_space": "非公開スペース",
+        "profile": "プロフィール",
+        "public": "公開",
+        "public_room": "公開ルーム",
+        "public_space": "公開スペース",
+        "qr_code": "QRコード",
+        "random": "ランダム",
+        "reactions": "リアクション",
+        "report_a_bug": "不具合の報告",
+        "room": "ルーム",
+        "room_name": "ルーム名",
+        "rooms": "ルーム",
+        "saving": "保存しています…",
+        "secure_backup": "セキュアバックアップ",
+        "select_all": "全て選択",
+        "server": "サーバー",
+        "settings": "設定",
+        "setup_secure_messages": "セキュアメッセージを設定",
+        "show_more": "さらに表示",
+        "someone": "誰か",
+        "space": "スペース",
+        "spaces": "スペース",
+        "sticker": "ステッカー",
+        "stickerpack": "ステッカーパック",
+        "success": "成功",
+        "suggestions": "提案",
+        "support": "サポート",
+        "theme": "テーマ",
+        "thread": "スレッド",
+        "threads": "スレッド",
+        "timeline": "タイムライン",
+        "unencrypted": "暗号化されていません",
+        "unmute": "ミュート解除",
+        "unnamed_room": "名前のないルーム",
+        "unnamed_space": "名前のないスペース",
+        "unverified": "未認証",
+        "user_avatar": "プロフィール画像",
+        "username": "ユーザー名",
+        "verified": "認証済",
+        "version": "バージョン",
+        "video_room": "ビデオ通話ルーム",
+        "view_message": "メッセージを表示",
+        "warning": "警告"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "ルーム全体に通知",
+            "command_a11y": "コマンドの自動補完",
+            "command_description": "コマンド",
+            "emoji_a11y": "絵文字の自動補完",
+            "notification_a11y": "通知の自動補完",
+            "notification_description": "ルームの通知",
+            "room_a11y": "ルームの自動補完",
+            "space_a11y": "スペースの自動補完",
+            "user_a11y": "ユーザーの自動補完",
+            "user_description": "ユーザー"
+        },
+        "close_sticker_picker": "ステッカーを表示しない",
+        "edit_composer_label": "メッセージを編集",
+        "format_bold": "太字",
+        "format_code_block": "コードブロック",
+        "format_decrease_indent": "インデントを減らす",
+        "format_increase_indent": "インデントを増やす",
+        "format_inline_code": "コード",
+        "format_insert_link": "リンクを挿入",
+        "format_italic": "斜字体",
+        "format_italics": "斜字体",
+        "format_link": "リンク",
+        "format_ordered_list": "番号付きリスト",
+        "format_strikethrough": "取り消し線",
+        "format_underline": "下線",
+        "format_unordered_list": "箇条書きリスト",
+        "link_modal": {
+            "link_field_label": "リンク",
+            "text_field_label": "テキスト",
+            "title_create": "リンクを作成",
+            "title_edit": "リンクを編集"
+        },
+        "mode_plain": "フォーマットを表示しない",
+        "mode_rich_text": "フォーマットを表示",
+        "no_perms_notice": "このルームに投稿する権限がありません",
+        "placeholder": "メッセージを送信…",
+        "placeholder_encrypted": "暗号化されたメッセージを送信…",
+        "placeholder_reply": "返信を送る…",
+        "placeholder_reply_encrypted": "暗号化された返信を送る…",
+        "placeholder_thread": "スレッドに返信…",
+        "placeholder_thread_encrypted": "暗号化されたスレッドに返信…",
+        "poll_button": "アンケート",
+        "poll_button_no_perms_description": "このルームでアンケートを開始する権限がありません。",
+        "poll_button_no_perms_title": "権限が必要です",
+        "replying_title": "以下に返信",
+        "room_upgraded_link": "こちらから継続中の会話を確認。",
+        "room_upgraded_notice": "このルームは置き換えられており、アクティブではありません。",
+        "send_button_title": "メッセージを送信",
+        "send_button_voice_message": "音声メッセージを送信",
+        "send_voice_message": "音声メッセージを送信",
+        "stop_voice_message": "録音を停止",
+        "voice_message_button": "音声メッセージ"
+    },
+    "console_dev_note": "もし開発者の方であれば、Elementはオープンソースですので、ぜひ私たちのGitHub（https://github.com/vector-im/element-web/）をご覧いただき、開発にご参加ください！",
+    "console_scam_warning": "ここでコピーペーストを行うように伝えられた場合は、あなたが詐欺の対象となっている可能性が非常に高いです！",
+    "console_wait": "お待ちください！",
+    "create_room": {
+        "action_create_room": "ルームを作成",
+        "action_create_video_room": "ビデオ通話ルームを作成",
+        "encrypted_video_room_warning": "これは後で無効にできません。ルームは暗号化されますが、埋め込まれる通話は暗号化されません。",
+        "encrypted_warning": "後から無効にすることはできません。ブリッジおよびほとんどのボットはまだ動作しません。",
+        "encryption_forced": "このサーバーでは、非公開のルームでは暗号化を有効にする必要があります。",
+        "encryption_label": "エンドツーエンド暗号化を有効にする",
+        "error_title": "ルームの作成に失敗",
+        "generic_error": "サーバーが使用できないか、オーバーロードしているか、または不具合が発生した可能性があります。",
+        "join_rule_change_notice": "これはルームの設定で後からいつでも変更できます。",
+        "join_rule_invite": "非公開ルーム（招待者のみ参加可能）",
+        "join_rule_invite_label": "招待された人のみがこのルームを検索し、参加できます。",
+        "join_rule_public_label": "誰でもこのルームを検索し、参加できます。",
+        "join_rule_public_parent_space_label": "<SpaceName/>のメンバーだけでなく、誰でもこのルームを検索し、参加できます。",
+        "join_rule_restricted": "スペースの参加者に表示",
+        "join_rule_restricted_label": "<SpaceName/>の誰でもこのルームを検索し、参加できます。",
+        "name_validation_required": "ルームの名前を入力してください",
+        "room_visibility_label": "ルームの見え方",
+        "title_private_room": "非公開ルームを作成",
+        "title_public_room": "公開ルームを作成",
+        "title_video_room": "ビデオ通話ルームを作成",
+        "topic_label": "トピック（任意）",
+        "unfederated": "%(serverName)s以外からの参加をブロック。",
+        "unfederated_label_default_off": "このルームを、あなたのホームサーバーで、組織内のチームとのコラボレーションにのみ使用するなら、この設定を有効にするといいかもしれません。これは後から変更できません。",
+        "unfederated_label_default_on": "このルームを、自身のホームサーバーをもつ組織外のチームとのコラボレーションに使用するなら、この設定を無効にするといいかもしれません。これは後から変更できません。",
+        "unsupported_version": "このサーバーは指定されたルームのバージョンをサポートしていません。"
+    },
+    "create_space": {
+        "add_details_prompt": "説明を入力してください。",
+        "add_details_prompt_2": "ここで入力した情報はいつでも編集できます。",
+        "add_existing_rooms_description": "ルームや会話を追加できます。これはあなた専用のスペースで、他の人からは見えません。後から追加することもできます。",
+        "add_existing_rooms_heading": "何を追加しますか？",
+        "address_label": "アドレス",
+        "address_placeholder": "例：my-space",
+        "creating": "作成しています…",
+        "creating_rooms": "ルームを作成しています…",
+        "done_action": "自分のスペースに移動",
+        "done_action_first_room": "最初のルームに移動",
+        "explainer": "スペースは、ルームや連絡先をまとめる新しい方法です。どんなグループを作りますか？これは後から変更できます。",
+        "failed_create_initial_rooms": "最初のスペースのルームの作成に失敗しました",
+        "failed_invite_users": "以下のユーザーをスペースに招待するのに失敗しました：%(csvUsers)s",
+        "invite_teammates_by_username": "ユーザー名で招待",
+        "invite_teammates_description": "正しい参加者がアクセスできるようにしましょう。後から追加で招待できます。",
+        "invite_teammates_heading": "チームの仲間を招待しましょう",
+        "inviting_users": "招待しています…",
+        "label": "スペースを作成",
+        "name_required": "スペースの名前を入力してください",
+        "personal_space": "自分専用",
+        "personal_space_description": "ルームを整理するための非公開のスペース",
+        "private_description": "招待者のみ参加可能。個人やチーム向け",
+        "private_heading": "あなたの非公開のスペース",
+        "private_personal_description": "正しい参加者が%(name)sにアクセスできるようにしましょう。",
+        "private_personal_heading": "誰と使いますか？",
+        "private_space": "自分とチームメイト",
+        "private_space_description": "自分とチームメイトの非公開のスペース",
+        "public_description": "誰でも参加できる公開スペース。コミュニティー向け",
+        "public_heading": "あなたの公開スペース",
+        "setup_rooms_community_description": "テーマごとにルームを作りましょう。",
+        "setup_rooms_community_heading": "%(spaceName)sのテーマは何でしょうか？",
+        "setup_rooms_description": "ルームは後からも追加できます。",
+        "setup_rooms_private_description": "それぞれのプロジェクトにルームを作りましょう。",
+        "setup_rooms_private_heading": "あなたのチームはどのようなプロジェクトに取り組みますか？",
+        "share_description": "まだ他の参加者はいません。招待しましょう。",
+        "share_heading": "%(name)sを共有",
+        "skip_action": "スキップ",
+        "subspace_adding": "追加しています…",
+        "subspace_beta_notice": "新しいスペースを、あなたが管理するスペースに追加。",
+        "subspace_dropdown_title": "スペースを作成",
+        "subspace_existing_space_prompt": "代わりに既存のスペースを追加しますか？",
+        "subspace_join_rule_invite_description": "招待された人のみがこのスペースを検索し、参加できます。",
+        "subspace_join_rule_invite_only": "非公開スペース（招待者のみ参加可能）",
+        "subspace_join_rule_label": "スペースの見え方",
+        "subspace_join_rule_public_description": "<SpaceName/>のメンバーだけでなく、誰でもこのスペースを検索し、参加できます。",
+        "subspace_join_rule_restricted_description": "<SpaceName/>の誰でも検索し、参加できます。"
+    },
+    "desktop_default_device_name": "%(brand)sデスクトップ：%(platformName)s",
+    "devtools": {
+        "active_widgets": "使用中のウィジェット",
+        "category_other": "その他",
+        "category_room": "ルーム",
+        "caution_colon": "注意：",
+        "client_versions": "クライアントのバージョン",
+        "developer_mode": "開発者モード",
+        "developer_tools": "開発者ツール",
+        "edit_setting": "設定を編集",
+        "edit_values": "値の編集",
+        "empty_string": "<空の文字列>",
+        "event_content": "イベントの内容",
+        "event_id": "イベントID：%(eventId)s",
+        "event_sent": "イベントを送信しました！",
+        "event_type": "イベントの種類",
+        "explore_account_data": "アカウントデータを調査",
+        "explore_room_account_data": "ルームのアカウントデータを調査",
+        "explore_room_state": "ルームの状態を調査",
+        "failed_to_find_widget": "このウィジェットを発見する際にエラーが発生しました。",
+        "failed_to_load": "読み込みに失敗しました。",
+        "failed_to_save": "設定の保存に失敗しました。",
+        "failed_to_send": "イベントの送信に失敗しました！",
+        "id": "ID： ",
+        "invalid_json": "正しいJSONではありません。",
+        "level": "レベル",
+        "low_bandwidth_mode": "低速モード",
+        "low_bandwidth_mode_description": "対応するホームサーバーが必要。",
+        "main_timeline": "メインのタイムライン",
+        "no_receipt_found": "開封確認が見つかりません",
+        "notifications_debug": "通知のデバッグ",
+        "number_of_users": "ユーザー数",
+        "original_event_source": "元のイベントのソースコード",
+        "room_id": "ルームID：%(roomId)s",
+        "room_notifications_dot": "ドット： ",
+        "room_notifications_highlight": "ハイライト： ",
+        "room_notifications_last_event": "最新のイベント：",
+        "room_notifications_sender": "送信者： ",
+        "room_notifications_thread_id": "スレッドID： ",
+        "room_notifications_total": "合計： ",
+        "room_notifications_type": "種類： ",
+        "room_status": "ルームの状態",
+        "save_setting_values": "設定の値を保存",
+        "send_custom_account_data_event": "アカウントのユーザー定義のデータイベントを送信",
+        "send_custom_room_account_data_event": "ルームアカウントのユーザー定義のデータイベントを送信",
+        "send_custom_state_event": "ユーザー定義のステートイベントを送信",
+        "send_custom_timeline_event": "ユーザー定義のタイムラインイベントを送信",
+        "server_info": "サーバーの情報",
+        "server_versions": "サーバーのバージョン",
+        "settable_global": "全体で設定可能",
+        "settable_room": "ルームの中で設定可能",
+        "setting_colon": "設定：",
+        "setting_definition": "設定の定義：",
+        "setting_id": "設定のID",
+        "settings_explorer": "設定を調査",
+        "show_hidden_events": "タイムラインで非表示のイベントを表示",
+        "spaces": {
+            "one": "<スペース>",
+            "other": "<%(count)s個のスペース>"
+        },
+        "state_key": "ステートキー",
+        "threads_timeline": "スレッドのタイムライン",
+        "title": "開発者ツール",
+        "toolbox": "ツールボックス",
+        "use_at_own_risk": "このユーザーインターフェースは、値の種類を確認しません。自己責任で使用してください。",
+        "user_read_up_to": "ユーザーの既読状況： ",
+        "value": "値",
+        "value_colon": "値：",
+        "value_in_this_room": "このルームでの値",
+        "value_this_room_colon": "このルームでの値：",
+        "values_explicit": "明示的なレベルでの値",
+        "values_explicit_colon": "明示的なレベルでの値：",
+        "values_explicit_room": "このルーム内の明示的なレベルでの値",
+        "values_explicit_this_room_colon": "このルーム内の明示的なレベルでの値：",
+        "view_servers_in_room": "ルームでサーバーを表示",
+        "view_source_decrypted_event_source": "復号化したイベントのソースコード",
+        "view_source_decrypted_event_source_unavailable": "復号化したソースコードが利用できません",
+        "widget_screenshots": "サポートされているウィジェットで、ウィジェットのスクリーンショットを有効にする"
+    },
+    "dialog_close_label": "ダイアログを閉じる",
+    "download_completed": "ダウンロードが完了しました",
+    "empty_room": "空のルーム",
+    "empty_room_was_name": "空のルーム（以前の名前は%(oldName)s）",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "正しくないセキュリティーキー"
+            },
+            "restoring": "バックアップから鍵を復元",
+            "security_key_title": "セキュリティーキー"
+        },
+        "bootstrap_title": "鍵のセットアップ",
+        "confirm_encryption_setup_body": "以下のボタンをクリックして、暗号化の設定を承認してください。",
+        "confirm_encryption_setup_title": "暗号化の設定を承認してください",
+        "cross_signing_room_normal": "このルームはエンドツーエンドで暗号化されています",
+        "cross_signing_room_verified": "このルーム内の全員を認証済",
+        "cross_signing_room_warning": "誰かが不明なセッションを使用しています",
+        "cross_signing_user_normal": "あなたはこのユーザーを認証していません。",
+        "cross_signing_user_verified": "このユーザーを認証しました。このユーザーは全てのセッションを認証しました。",
+        "cross_signing_user_warning": "このユーザーは全てのセッションを確認していません。",
+        "event_shield_reason_authenticity_not_guaranteed": "この暗号化されたメッセージの真正性はこの端末では保証できません。",
+        "event_shield_reason_mismatched_sender_key": "未認証のセッションによる暗号化",
+        "export_unsupported": "お使いのブラウザーは、必要な暗号化拡張機能をサポートしていません",
+        "import_invalid_keyfile": "有効な%(brand)sキーファイルではありません",
+        "import_invalid_passphrase": "認証に失敗しました：間違ったパスワード？",
+        "messages_not_secure": {
+            "cause_1": "あなたのホームサーバー",
+            "cause_2": "認証しようとしているユーザーが接続しているホームサーバー",
+            "cause_3": "あなた、もしくは他のユーザーのインターネット接続",
+            "cause_4": "あなた、もしくは他のユーザーのセッション",
+            "heading": "次のいずれかのセキュリティーが破られている可能性があります。",
+            "title": "あなたのメッセージは保護されていません"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "新しいセキュリティーフレーズと、セキュアメッセージの鍵が検出されました。",
+            "description_2": "このセッションでは新しい復元方法で履歴を暗号化しています。",
+            "title": "新しい復元方法",
+            "warning": "新しい復元方法を設定しなかった場合、攻撃者がアカウントへアクセスしようとしている可能性があります。設定画面ですぐにアカウントのパスワードを変更し、新しい復元方法を設定してください。"
+        },
+        "recovery_method_removed": {
+            "description_1": "セキュリティーフレーズと、セキュアメッセージの鍵が削除されました。",
+            "description_2": "偶然削除してしまった場合は、このセッションで、メッセージの暗号化を設定することができます。設定すると、新しい復元方法でセッションのデータを改めて暗号化します。",
+            "title": "復元方法を削除しました",
+            "warning": "復元方法を削除しなかった場合、攻撃者があなたのアカウントにアクセスしようとしている可能性があります。設定画面でアカウントのパスワードを至急変更し、新しい復元方法を設定してください。"
+        },
+        "set_up_toast_title": "セキュアバックアップを設定",
+        "unable_to_setup_keys_error": "鍵を設定できません",
+        "verification": {
+            "accepting": "承認しています…",
+            "after_new_login": {
+                "device_verified": "端末が認証されました",
+                "skip_verification": "認証をスキップ",
+                "verify_this_device": "この端末を認証"
+            },
+            "cancelling": "キャンセルしています…",
+            "complete_action": "了解",
+            "complete_description": "このユーザーを認証しました。",
+            "complete_title": "認証しました！",
+            "error_starting_description": "他のユーザーをチャットを開始できませんでした。",
+            "error_starting_title": "認証を開始する際にエラーが発生しました",
+            "explainer": "このユーザーとのメッセージはエンドツーエンドで暗号化されており、第三者が解読することはできません。",
+            "in_person": "セキュリティーを高めるために、対面で行うか、または他の信頼できる通信手段を利用しましょう。",
+            "incoming_sas_device_dialog_text_1": "この端末を認証すると、信頼済として表示します。相手の端末を信頼すると、より一層安心してエンドツーエンド暗号化を使用することができます。",
+            "incoming_sas_device_dialog_text_2": "この端末を認証すると、信頼済として表示します。あなたを認証したユーザーはこの端末を信頼することができるようになります。",
+            "incoming_sas_dialog_title": "認証のリクエストが届いています",
+            "incoming_sas_dialog_waiting": "相手の承認を待機しています…",
+            "incoming_sas_user_dialog_text_1": "このユーザーを認証すると、信頼済として表示します。ユーザーを信頼すると、より一層安心してエンドツーエンド暗号化を使用することができます。",
+            "incoming_sas_user_dialog_text_2": "このユーザーを認証すると、相手のセッションと自分のセッションを信頼済として表示します。",
+            "no_support_qr_emoji": "認証しようとしている端末は、QRコードのスキャンや絵文字による認証をサポートしていませんが、%(brand)sではサポートされています。異なるクライアントで試してください。",
+            "other_party_cancelled": "相手が認証をキャンセルしました。",
+            "prompt_encrypted": "ルームの全てのユーザーを認証すると、ルームが安全であることを確認できます。",
+            "prompt_unencrypted": "暗号化されたルームでは、安全確認のために全てのユーザーを認証しましょう。",
+            "qr_or_sas": "%(qrCode)sまたは%(emojiCompare)s",
+            "qr_prompt": "ユニークなコードをスキャン",
+            "qr_reciprocate_same_shield_user": "あと少しです！%(displayName)sは同じ盾マークを表示していますか？",
+            "request_toast_detail": "%(ip)sの%(deviceId)s",
+            "sas_caption_self": "この端末を認証するには、画面に以下の数字が表示されていることを確認してください。",
+            "sas_caption_user": "このユーザーを認証するには、相手の画面に以下の数字が表示されていることを確認してください。",
+            "sas_description": "両方の端末でQRコードをキャプチャできない場合、絵文字の比較を選んでください",
+            "sas_emoji_caption_user": "このユーザーを認証するには、相手の画面に以下の絵文字が表示されていることを確認してください。",
+            "sas_match": "一致しています",
+            "sas_no_match": "一致していません",
+            "sas_prompt": "絵文字の並びを比較",
+            "scan_qr": "QRコードスキャンで認証",
+            "scan_qr_explainer": "%(displayName)sにQRコードをスキャンするよう問い合わせてください：",
+            "start_button": "認証を開始",
+            "successful_user": "%(displayName)sは正常に認証されました！",
+            "unsupported_method": "サポートしている認証方法が見つかりません。",
+            "unverified_session_toast_title": "新しいログインです。ログインしましたか？",
+            "unverified_sessions_toast_description": "アカウントが安全かどうか確認してください",
+            "unverified_sessions_toast_reject": "後で",
+            "unverified_sessions_toast_title": "未認証のセッションがあります",
+            "verification_dialog_title_device": "他の端末を認証",
+            "verification_dialog_title_user": "認証の要求",
+            "verification_skip_warning": "認証を行わないと、あなたの全てのメッセージにアクセスできず、他のユーザーに信頼済として表示されない可能性があります。",
+            "verification_success_with_backup": "新しい端末が認証されました。端末は暗号化されたメッセージにアクセスすることができます。また、端末は他のユーザーに「信頼済」として表示されます。",
+            "verification_success_without_backup": "端末が認証されました。他のユーザーに「信頼済」として表示されます。",
+            "verify_emoji": "絵文字で認証",
+            "verify_emoji_prompt": "絵文字の並びを比較して認証。",
+            "verify_emoji_prompt_qr": "上記のコードをスキャンできない場合は、絵文字による確認を行ってください。",
+            "verify_later": "後で認証",
+            "waiting_for_user_accept": "%(displayName)sによる承認を待機しています…",
+            "waiting_other_device": "他の端末での認証を待機しています…",
+            "waiting_other_device_details": "端末 %(deviceName)s（%(deviceId)s）での認証を待機しています…",
+            "waiting_other_user": "%(displayName)sによる認証を待機しています…"
+        },
+        "verification_requested_toast_title": "認証が必要です",
+        "verify_toast_description": "他のユーザーはこのセッションを信頼しない可能性があります",
+        "verify_toast_title": "このセッションを認証"
+    },
+    "error": {
+        "admin_contact": "このサービスを引き続き使用するには、<a>サービス管理者にお問い合わせ</a>ください。",
+        "admin_contact_short": "<a>サーバー管理者</a>に問い合わせてください。",
+        "app_launch_unexpected_error": "アプリケーションの準備中に予期しないエラーが発生しました。詳細はコンソールを参照してください。",
+        "cannot_load_config": "設定ファイルの読み込みに失敗しました：ページを再読み込みして、もう一度やり直してください。",
+        "connection": "ホームサーバーとの通信時に問題が発生しました。後でもう一度やり直してください。",
+        "dialog_description_default": "エラーが発生しました。",
+        "edit_history_unsupported": "ホームサーバーはこの機能をサポートしていません。",
+        "failed_copy": "コピーに失敗しました",
+        "hs_blocked": "このホームサーバーは管理者によりブロックされています。",
+        "invalid_configuration_no_server": "不正な設定：デフォルトのサーバーが設定されていません。",
+        "invalid_json": "Elementの設定ファイルに不正なJSONが含まれています。問題を修正してからページを再読み込みしてください。",
+        "invalid_json_detail": "パーサーのメッセージ：%(message)s",
+        "invalid_json_generic": "不正なJSON",
+        "mau": "このホームサーバーは月間アクティブユーザー数の上限に達しました 。",
+        "misconfigured": "Elementの設定が誤っています",
+        "mixed_content": "HTTPSのURLがブラウザーのバーにある場合、HTTP経由でホームサーバーに接続することはできません。HTTPSを使用するか<a>安全でないスクリプトを有効にしてください</a>。",
+        "non_urgent_echo_failure_toast": "あなたのサーバーはいくつかの<a>リクエスト</a>に応答しません。",
+        "resource_limits": "このホームサーバーはリソースの上限に達しました。",
+        "session_restore": {
+            "clear_storage_button": "ストレージをクリアし、サインアウト",
+            "clear_storage_description": "サインアウトして、暗号鍵を削除しますか？",
+            "description_1": "以前のセッションを復元する際にエラーが発生しました。",
+            "description_2": "以前に%(brand)sの最新バージョンを使用していた場合、セッションはこのバージョンと互換性がない可能性があります。このウィンドウを閉じて、最新のバージョンに戻ってください。",
+            "description_3": "ブラウザーのストレージを消去すると問題は解決するかもしれません。ただし、サインアウトを行うため、暗号化されたチャットの履歴を読むことができなくなります。",
+            "title": "セッションを復元できません"
+        },
+        "something_went_wrong": "問題が発生しました！",
+        "storage_evicted_description_1": "暗号化されたメッセージの鍵を含むセッションのデータが見つかりません。サインアウトして改めてサインインすると、バックアップから鍵を回復します。",
+        "storage_evicted_description_2": "ディスクの空き容量が少なかったため、ブラウザーはこのデータを削除しました。",
+        "storage_evicted_title": "セッションのデータがありません",
+        "sync": "ホームサーバーに接続できません。 再試行しています…",
+        "tls": "ホームサーバーに接続できません。接続を確認し、<a>ホームサーバーのSSL証明書</a>が信頼できるものであり、ブラウザーの拡張機能が要求をブロックしていないことを確認してください。",
+        "unknown": "不明なエラー",
+        "unknown_error_code": "不明なエラーコード",
+        "update_power_level": "権限レベルの変更に失敗しました"
+    },
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "ルームのリンクをクリップボードにコピーできませんでした。",
+            "title": "ルームのリンクをコピーできません"
+        },
+        "error_loading_user_profile": "ユーザーのプロフィールを読み込めませんでした",
+        "forget_room_failed": "ルームの履歴を消去するのに失敗しました %(errCode)s"
+    },
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "通話しています",
+            "user": "%(senderName)sが通話に参加しました",
+            "you": "通話に参加しました"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)sが通話を終了しました",
+            "you": "通話を終了しました"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)sが呼び出しています",
+            "dm_send": "応答を待機しています",
+            "user": "%(senderName)sが通話を開始しました",
+            "you": "通話を開始しました"
+        },
+        "m.sticker": "%(senderName)s：%(stickerName)s",
+        "m.text": "%(senderName)s：%(message)s"
+    },
+    "export_chat": {
+        "cancelled": "エクスポートをキャンセルしました",
+        "cancelled_detail": "エクスポートをキャンセルしました",
+        "confirm_stop": "データのエクスポートを停止してよろしいですか？改めてやり直す必要があります。",
+        "creating_html": "HTMLファイルを作成しています…",
+        "creating_output": "出力しています…",
+        "creator_summary": "%(creatorName)sがこのルームを作成しました。",
+        "current_timeline": "現在のタイムライン",
+        "enter_number_between_min_max": "%(min)sから%(max)sまでの間の数字を入力してください",
+        "error_fetching_file": "ファイルの取得中にエラーが発生しました",
+        "export_info": "ここが<roomName/>のエクスポートの先頭です。<exporterDetails/>により%(exportDate)sにエクスポートされました。",
+        "export_successful": "エクスポートが成功しました！",
+        "exported_n_events_in_time": {
+            "one": "%(count)s個のイベントを%(seconds)s秒でエクスポートしました",
+            "other": "%(count)s個のイベントを%(seconds)s秒でエクスポートしました"
+        },
+        "exporting_your_data": "データをエクスポートしています",
+        "fetched_n_events": {
+            "one": "%(count)s個のイベントを取得しました",
+            "other": "%(count)s個のイベントを取得しました"
+        },
+        "fetched_n_events_in_time": {
+            "other": "%(count)s個のイベントを%(seconds)s秒で取得しました",
+            "one": "%(count)s個のイベントを%(seconds)s秒で取得しました"
+        },
+        "fetched_n_events_with_total": {
+            "one": "計%(total)s個のうち%(count)s個のイベントを取得しました",
+            "other": "計%(total)s個のうち%(count)s個のイベントを取得しました"
+        },
+        "fetching_events": "イベントを取得しています…",
+        "file_attached": "添付されたファイル",
+        "format": "形式",
+        "from_the_beginning": "一番最初から",
+        "generating_zip": "ZIPファイルを生成しています",
+        "include_attachments": "添付ファイルを含める",
+        "media_omitted": "メディアファイルは省かれました",
+        "media_omitted_file_size": "ファイルのサイズの超過により、メディアファイルは省かれました",
+        "messages": "メッセージ",
+        "num_messages": "メッセージ数",
+        "num_messages_min_max": "メッセージの数は%(min)sから%(max)sの間で指定してください",
+        "number_of_messages": "メッセージ数を指定",
+        "processing": "処理しています…",
+        "processing_event_n": "計%(total)s個のうち%(number)s個のイベントを処理しています",
+        "select_option": "以下のオプションを選択して、チャットをエクスポートできます",
+        "size_limit": "サイズ制限",
+        "size_limit_min_max": "サイズは%(min)sMBから%(max)sMBの間で指定してください",
+        "starting_export": "エクスポートを開始しています…",
+        "successful": "エクスポートが成功しました",
+        "successful_detail": "エクスポートに成功しました。ダウンロード先のフォルダーを確認してください。",
+        "text": "プレーンテキスト",
+        "title": "チャットをエクスポート",
+        "topic": "トピック：%(topic)s",
+        "unload_confirm": "エクスポートを中断してよろしいですか？"
+    },
+    "failed_load_async_component": "読み込めません！ネットワークの通信状態を確認して、もう一度やり直してください。",
+    "feedback": {
+        "can_contact_label": "追加で確認が必要な事項がある場合は、連絡可",
+        "comment_label": "コメント",
+        "existing_issue_link": "まず、<existingIssuesLink>Githubで既知の不具合</existingIssuesLink>を確認してください。また掲載されていない新しい不具合を発見した場合は<newIssueLink>報告してください</newIssueLink>。",
+        "may_contact_label": "追加で確認が必要な事項や、テストすべき新しいアイデアがある場合は、連絡可",
+        "platform_username": "フィードバックを最大限に活用するため、使用中のプラットフォームとユーザー名が送信されます。",
+        "pro_type": "ヒント：バグレポートを報告する場合は、問題の分析のために<debugLogsLink>デバッグログ</debugLogsLink>を送信してください。",
+        "send_feedback_action": "フィードバックを送信",
+        "sent": "フィードバックを送信しました"
+    },
+    "file_panel": {
+        "empty_description": "チャットで添付するか、ルームにドラッグ＆ドロップすると、ファイルを追加できます。",
+        "empty_heading": "このルームにファイルはありません",
+        "guest_note": "この機能を使用するには<a>登録</a>する必要があります",
+        "peek_note": "ルームのファイルを表示するには、ルームに参加する必要があります"
+    },
+    "forward": {
+        "filter_placeholder": "ルームと連絡先を検索",
+        "message_preview_heading": "メッセージのプレビュー",
+        "no_perms_title": "これを行う権限がありません",
+        "open_room": "ルームを開く",
+        "send_label": "送信",
+        "sending": "送信しています",
+        "sent": "送信済"
+    },
+    "identity_server": {
+        "change": "IDサーバーを変更",
+        "change_prompt": "IDサーバー <current /> から切断して<new />に接続しますか？",
+        "change_server_prompt": "連絡先の検出に<server />ではなく他のIDサーバーを使いたい場合は、以下で指定してください。",
+        "checking": "サーバーをチェックしています",
+        "description_connected": "現在<server></server>を使用して、自分の連絡先を見つけたり、連絡先から見つけてもらったりできるようにしています。以下でIDサーバーを変更できます。",
+        "description_disconnected": "現在、IDサーバーを使用していません。連絡先を見つけたり、連絡先から見つけてもらったりするには、以下でIDサーバーを追加してください。",
+        "description_optional": "IDサーバーの使用は任意です。IDサーバーを使用しない場合、他のユーザーによって見つけられず、また、メールアドレスや電話で他のユーザーを招待することもできません。",
+        "disconnect": "IDサーバーから切断",
+        "disconnect_anyway": "切断",
+        "disconnect_offline_warning": "切断する前にIDサーバー <idserver /> から<b>個人データを削除</b>するべきですが、IDサーバー <idserver /> は現在オフライン状態か、またはアクセスできません。",
+        "disconnect_personal_data_warning_1": "まだIDサーバー <idserver /> で<b>個人データを共有</b>しています。",
+        "disconnect_personal_data_warning_2": "切断する前に、IDサーバーからメールアドレスと電話番号を削除することを推奨します。",
+        "disconnect_server": "IDサーバー <idserver /> から切断しますか？",
+        "disconnect_warning": "IDサーバーから切断すると、他のユーザーによって見つけられなくなり、また、メールアドレスや電話で他のユーザーを招待することもできなくなります。",
+        "do_not_use": "IDサーバーを使用しない",
+        "error_connection": "IDサーバーに接続できませんでした",
+        "error_invalid": "有効なIDサーバーではありません（ステータスコード %(code)s）",
+        "error_invalid_or_terms": "利用規約に同意していないか、IDサーバーが無効です。",
+        "no_terms": "選択したIDサーバーには利用規約がありません。",
+        "suggestions": "するべきこと：",
+        "suggestions_1": "ブラウザーのプラグインの内、IDサーバーをブロックする可能性があるもの（Privacy Badgerなど）を確認してください",
+        "suggestions_2": "IDサーバー <idserver /> の管理者に連絡してください",
+        "suggestions_3": "後でもう一度やり直してください",
+        "url": "IDサーバー（%(server)s）",
+        "url_field_label": "新しいIDサーバーを入力",
+        "url_not_https": "IDサーバーのURLはHTTPSスキーマである必要があります"
+    },
+    "in_space": "スペース %(spaceName)s内。",
+    "in_space1_and_space2": "スペース %(space1Name)sと%(space2Name)s内。",
+    "in_space_and_n_other_spaces": {
+        "one": "%(spaceName)sと他%(count)s個のスペース。",
+        "other": "スペース %(spaceName)s と他%(count)s個のスペース内。"
+    },
+    "incompatible_browser": {
+        "title": "サポートされていないブラウザー"
+    },
+    "info_tooltip_title": "情報",
+    "integration_manager": {
+        "connecting": "インテグレーションマネージャーに接続しています…",
+        "error_connecting": "インテグレーションマネージャーがオフラインか、またはあなたのホームサーバーに到達できません。",
+        "error_connecting_heading": "インテグレーションマネージャーに接続できません",
+        "explainer": "インテグレーションマネージャーは設定データを受け取り、ユーザーの代わりにウィジェットの変更や、ルームへの招待の送信、権限レベルの設定を行うことができます。",
+        "manage_title": "インテグレーションを管理",
+        "use_im": "インテグレーションマネージャーを使用すると、ボット、ウィジェット、ステッカーパックを管理できます。",
+        "use_im_default": "インテグレーションマネージャー<b>（%(serverName)s）</b> を使用すると、ボット、ウィジェット、ステッカーパックを管理できます。"
+    },
+    "integrations": {
+        "disabled_dialog_description": "これを行うには設定から「%(manageIntegrations)s」を有効にしてください。",
+        "disabled_dialog_title": "インテグレーションが無効になっています",
+        "impossible_dialog_description": "%(brand)sでは、インテグレーションマネージャーでこれを行うことができません。管理者に連絡してください。",
+        "impossible_dialog_title": "インテグレーションは許可されていません"
+    },
+    "invite": {
+        "email_caption": "電子メールで招待",
+        "email_use_default_is": "IDサーバーを使うと、メールアドレスで招待できます。<default>既定（%(defaultIdentityServerName)s）のサーバーを使う</default>か、<settings>設定画面</settings>で管理できます。",
+        "email_use_is": "IDサーバーを使うと、メールアドレスで招待できます。<settings>設定画面</settings>で管理できます。",
+        "error_already_invited_room": "ユーザーは既にルームに招待されています",
+        "error_already_invited_space": "ユーザーは既にスペースに招待されています",
+        "error_already_joined_room": "ユーザーは既にルームに入っています",
+        "error_already_joined_space": "ユーザーは既にスペースに入っています",
+        "error_bad_state": "招待する前にユーザーのブロックを解除する必要があります。",
+        "error_dm": "ダイレクトメッセージを作成できませんでした。",
+        "error_find_room": "ユーザーを招待する際に、問題が発生しました。",
+        "error_find_user_description": "以下のユーザーは存在しないか不正であるため、招待できません：%(csvNames)s",
+        "error_find_user_title": "次のユーザーの発見に失敗しました",
+        "error_invite": "ユーザーを招待できませんでした。招待したいユーザーを確認して、もう一度試してください。",
+        "error_permissions_room": "このルームにユーザーを招待する権限がありません。",
+        "error_permissions_space": "このスペースにユーザーを招待する権限がありません。",
+        "error_profile_undisclosed": "ユーザーが存在するか不明です",
+        "error_transfer_multiple_target": "通話は1人のユーザーにしか転送できません。",
+        "error_unknown": "不明なサーバーエラー",
+        "error_user_not_found": "ユーザーは存在しません",
+        "error_version_unsupported_room": "ユーザーのホームサーバーは、このバージョンのルームをサポートしていません。",
+        "error_version_unsupported_space": "ユーザーのホームサーバーは、このバージョンのスペースをサポートしていません。",
+        "failed_generic": "操作に失敗しました",
+        "failed_title": "招待に失敗しました",
+        "invalid_address": "認識されないアドレス",
+        "name_email_mxid_share_room": "このルームに誰かを招待したい場合は、招待したいユーザーの名前、メールアドレス、またはユーザー名（<userId/>の形式）を指定するか、<a>このルームを共有</a>してください。",
+        "name_email_mxid_share_space": "このスペースに誰かを招待したい場合は、招待したいユーザーの名前、メールアドレス、またはユーザー名（<userId/>の形式）を指定するか、<a>このスペースを共有</a>してください。",
+        "name_mxid_share_room": "このルームに誰かを招待したい場合は、招待したいユーザーの名前、またはユーザー名（<userId/>の形式）を指定するか、<a>このルームを共有</a>してください。",
+        "name_mxid_share_space": "このスペースに誰かを招待したい場合は、招待したいユーザーの名前、またはユーザー名（<userId/>の形式）を指定するか、<a>このスペースを共有</a>してください。",
+        "recents_section": "最近会話したユーザー",
+        "room_failed_partial": "以下の人たちを<RoomName/>に招待できませんでした",
+        "room_failed_partial_title": "いくつかの招待を送信できませんでした",
+        "room_failed_title": "ユーザーを%(roomName)sに招待するのに失敗しました",
+        "send_link_prompt": "もしくはリンクを送信",
+        "start_conversation_name_email_mxid_prompt": "名前、メールアドレス、ユーザー名（<userId/>の形式）で検索して、チャットを開始しましょう。",
+        "start_conversation_name_mxid_prompt": "名前かユーザー名（<userId/>の形式）で検索して、チャットを開始しましょう。",
+        "suggestions_disclaimer": "プライバシーの観点から表示していない候補があります。",
+        "suggestions_disclaimer_prompt": "探している相手が見つからなければ、以下のリンクを送信してください。",
+        "suggestions_section": "最近ダイレクトメッセージで会話したユーザー",
+        "to_room": "%(roomName)sに招待",
+        "to_space": "%(spaceName)sに招待",
+        "transfer_dial_pad_tab": "ダイヤルパッド",
+        "transfer_user_directory_tab": "ユーザーディレクトリー",
+        "unable_find_profiles_description_default": "以下のMatrix IDのプロフィールを発見できません。招待しますか？",
+        "unable_find_profiles_invite_label_default": "招待",
+        "unable_find_profiles_invite_never_warn_label_default": "招待し、再び警告しない",
+        "unable_find_profiles_title": "次のユーザーは存在しない可能性があります"
+    },
+    "inviting_user1_and_user2": "%(user1)sと%(user2)sを招待しています",
+    "inviting_user_and_n_others": {
+        "one": "%(user)sと1人を招待しています",
+        "other": "%(user)sと%(count)s人を招待しています"
+    },
+    "items_and_n_others": {
+        "other": "<Items/>と他%(count)s人",
+        "one": "<Items/>ともう1人"
+    },
+    "keyboard": {
+        "activate_button": "選択したボタンを有効にする",
+        "autocomplete_cancel": "自動補完をキャンセル",
+        "autocomplete_force": "強制的に自動補完",
+        "autocomplete_navigate_next": "次の自動補完の候補",
+        "autocomplete_navigate_prev": "前の自動補完の候補",
+        "backspace": "バックスペース",
+        "cancel_reply": "メッセージへの返信をキャンセル",
+        "category_autocomplete": "自動補完",
+        "category_calls": "通話",
+        "category_navigation": "ナビゲーション",
+        "category_room_list": "ルーム一覧",
+        "close_dialog_menu": "ダイアログまたはコンテクストメニューを閉じる",
+        "composer_jump_end": "入力欄の最後に移動",
+        "composer_jump_start": "入力欄の最初に移動",
+        "composer_navigate_next_history": "入力履歴の次のメッセージに移動",
+        "composer_navigate_prev_history": "入力履歴の前のメッセージに移動",
+        "composer_new_line": "新しい行",
+        "composer_redo": "編集をやり直す",
+        "composer_toggle_bold": "太字を切り替える",
+        "composer_toggle_code_block": "コードブロックの表示を切り替える",
+        "composer_toggle_italics": "斜字体を切り替える",
+        "composer_toggle_link": "リンクを切り替える",
+        "composer_toggle_quote": "引用の表示を切り替える",
+        "composer_undo": "編集を元に戻す",
+        "dismiss_read_marker_and_jump_bottom": "既読マーカーを外して最下部に移動",
+        "go_home_view": "ホームに移動",
+        "home": "ホーム",
+        "jump_first_message": "最初のメッセージに移動",
+        "jump_last_message": "最後のメッセージに移動",
+        "jump_room_search": "ルームの検索に移動",
+        "jump_to_read_marker": "最も古い未読メッセージに移動",
+        "keyboard_shortcuts_tab": "この設定のタブを開く",
+        "navigate_next_history": "以後に訪問したルームあるいはスペース",
+        "navigate_next_message_edit": "次のメッセージに移動して編集",
+        "navigate_prev_history": "以前に訪問したルームあるいはスペース",
+        "navigate_prev_message_edit": "前のメッセージに移動して編集",
+        "next_room": "次のルームまたはダイレクトメッセージに移動",
+        "next_unread_room": "次の未読のルームあるいはダイレクトメッセージに移動",
+        "number": "［番号］",
+        "open_user_settings": "ユーザーの設定を開く",
+        "prev_room": "前のルームまたはダイレクトメッセージに移動",
+        "prev_unread_room": "前の未読のルームあるいはダイレクトメッセージに移動",
+        "room_list_collapse_section": "ルーム一覧のセクションを折りたたむ",
+        "room_list_expand_section": "ルーム一覧のセクションを展開",
+        "room_list_navigate_down": "ルーム一覧で下を選択",
+        "room_list_navigate_up": "ルーム一覧で上を選択",
+        "room_list_select_room": "ルーム一覧からルームを選択",
+        "scroll_down_timeline": "タイムラインを下にスクロール",
+        "scroll_up_timeline": "タイムラインを上にスクロール",
+        "search": "検索（有効とされている場合のみ）",
+        "send_sticker": "ステッカーを送信",
+        "space": "スペース",
+        "switch_to_space": "スペースを番号で切り替える",
+        "toggle_hidden_events": "非表示のイベントの見え方を切り替える",
+        "toggle_microphone_mute": "マイクのミュートを切り替える",
+        "toggle_right_panel": "右のパネルの表示を切り替える",
+        "toggle_space_panel": "スペースのパネルを切り替える",
+        "toggle_top_left_menu": "左上のメニューを切り替える",
+        "toggle_webcam_mute": "Webカメラのオン/オフを切り替える",
+        "upload_file": "ファイルをアップロード"
+    },
+    "labs": {
+        "beta_description": "%(brand)sのラボでは、最新の機能をいち早く使用したり、テストしたりできるほか、機能が実際にリリースされる前の改善作業を支援することができます。",
+        "beta_feature": "この機能はベータ版です",
+        "beta_feedback_leave_button": "ベータ版の使用を終了するには、設定を開いてください。",
+        "beta_feedback_title": "%(featureName)sのベータ版のフィードバック",
+        "beta_section": "今後の機能",
+        "bridge_state": "ルームの設定にブリッジの情報を表示",
+        "bridge_state_channel": "チャンネル：<channelLink/>",
+        "bridge_state_creator": "このブリッジは<user />により提供されました。",
+        "bridge_state_manager": "このブリッジは<user />により管理されています。",
+        "bridge_state_workspace": "ワークスペース：<networkLink/>",
+        "click_for_info": "クリックすると詳細を表示",
+        "currently_experimental": "現在実験中。",
+        "custom_themes": "ユーザー定義のテーマの追加をサポート",
+        "dynamic_room_predecessors_description": "MSC3946を有効にする（遅延ルームアーカイブのサポート）",
+        "element_call_video_rooms": "Element Callのビデオ通話ルーム",
+        "experimental_description": "実験に参加したいですか？開発中のアイディアを試してください。これらの機能は完成していません。不安定な可能性や変更される可能性、また、開発が中止される可能性もあります。<a>詳細を確認</a>。",
+        "experimental_section": "早期プレビュー",
+        "feature_wysiwyg_composer_description": "メッセージ入力欄でマークダウンの代わりにリッチテキストを使用。",
+        "group_developer": "開発者",
+        "group_encryption": "暗号化",
+        "group_experimental": "実験的",
+        "group_messaging": "メッセージ",
+        "group_moderation": "モデレート",
+        "group_profile": "プロフィール",
+        "group_rooms": "ルーム",
+        "group_spaces": "スペース",
+        "group_themes": "テーマ",
+        "group_threads": "スレッド",
+        "group_voip": "音声とビデオ",
+        "group_widgets": "ウィジェット",
+        "hidebold": "通知のドットを非表示にする（カウンターのバッジのみを表示）",
+        "join_beta": "ベータ版に参加",
+        "join_beta_reload": "ベータ版に参加すると%(brand)sをリロードします。",
+        "jump_to_date": "日付に移動（/jumptodateを追加すると、日付のヘッダーに移動します）",
+        "latex_maths": "メッセージ中のLaTeX数式を描画",
+        "leave_beta": "ベータ版を終了",
+        "leave_beta_reload": "ベータ版を終了すると%(brand)sをリロードします。",
+        "location_share_live": "位置情報（ライブ）の共有",
+        "location_share_live_description": "一時的な実装。位置情報がルームの履歴に残ります。",
+        "mjolnir": "参加者を無視する新しい方法",
+        "msc3531_hide_messages_pending_moderation": "モデレーターに、保留中のモデレーションのメッセージを非表示にすることを許可。",
+        "sliding_sync": "スライド式同期モード",
+        "sliding_sync_description": "開発中です。無効にできません。",
+        "sliding_sync_server_no_support": "あなたのサーバーはネイティブでサポートしていません",
+        "video_rooms": "ビデオ通話ルーム",
+        "video_rooms_a_new_way_to_chat": "%(brand)sで音声と動画により会話する新しい方法です。",
+        "video_rooms_always_on_voip_channels": "ビデオ通話ルームは、%(brand)sのルームに埋め込まれている、VoIPが常時有効のチャンネルです。",
+        "video_rooms_beta": "ビデオ通話ルームはベータ版の機能です",
+        "video_rooms_faq1_answer": "左のパネルにあるルームのセクションの「＋」ボタンで作成できます。",
+        "video_rooms_faq1_question": "ビデオ通話ルームの作成方法",
+        "video_rooms_faq2_answer": "はい、会話のタイムラインが動画と並んで表示されます。",
+        "video_rooms_faq2_question": "テキストによる会話も行えますか？",
+        "wysiwyg_composer": "リッチテキストエディター"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠以下の設定は、上級ユーザーを対象としています。",
+        "ban_reason": "無視/ブロック",
+        "error_adding_ignore": "無視したユーザーまたはサーバーを追加する際にエラーが発生しました",
+        "error_adding_list_description": "ルームのIDやアドレスを確認して、もう一度お試しください。",
+        "error_adding_list_title": "リストを購読する際にエラーが発生しました",
+        "error_removing_ignore": "無視したユーザーまたはサーバーを削除する際にエラーが発生しました",
+        "error_removing_list_description": "もう一度試すか、コンソールで手がかりを確認してください。",
+        "error_removing_list_title": "リストの購読を解除する際にエラーが発生しました",
+        "explainer_1": "無視するユーザー/サーバーをここに追加してください。アスタリスクを使用すると、%(brand)sに任意の文字を対象とするよう指示できます。たとえば、<code>@bot:*</code>は、あらゆるサーバーで「bot」という名前の全てのユーザーを無視します。",
+        "explainer_2": "無視はブロックリストにより行われます。ブロックリストは、ブロックする対象に関するルールを含みます。ブロックリストに登録されたユーザーやサーバーは、今後表示されなくなります。",
+        "lists": "以下を購読しています：",
+        "lists_description_1": "ブロックリストを購読すると、そのリストに参加します！",
+        "lists_description_2": "望ましくない場合は、別のツールを使用してユーザーを無視してください。",
+        "lists_heading": "購読済のリスト",
+        "lists_new_label": "ブロックリストのルームIDまたはアドレス",
+        "no_lists": "どのリストも購読していません",
+        "personal_description": "個人用ブロックリストには、メッセージを表示しない全てのユーザーもしくはサーバーが記録されます。最初のユーザーまたはサーバーを無視すると、「%(myBanList)s」という名前の新しいルームがリストに表示されます。このルームから退出すると、ブロックリストは機能しなくなります。",
+        "personal_empty": "誰も無視していません。",
+        "personal_heading": "個人用ブロックリスト",
+        "personal_new_label": "無視するサーバーまたはユーザーID",
+        "personal_new_placeholder": "例：@bot:*やexample.orgなど",
+        "personal_section": "以下を無視しています：",
+        "room_name": "マイブロックリスト",
+        "room_topic": "あなたがブロックしたユーザーとサーバーのリストです。このルームから退出しないでください！",
+        "rules_empty": "なし",
+        "rules_server": "サーバールール",
+        "rules_title": "ブロックに関するルールのリスト - %(roomName)s",
+        "rules_user": "ユーザールール",
+        "something_went_wrong": "問題が発生しました。もう一度試すか、コンソールで手がかりを確認してください。",
+        "title": "無視しているユーザー",
+        "view_rules": "ルールを表示"
+    },
+    "language_dropdown_label": "言語一覧",
+    "leave_room_dialog": {
+        "last_person_warning": "このルームの参加者はあなただけです。退出すると、今後あなたを含めて誰もこのルームに参加できなくなります。",
+        "leave_room_question": "このルーム「%(roomName)s」から退出してよろしいですか？",
+        "leave_space_question": "このスペース「%(spaceName)s」から退出してよろしいですか？",
+        "room_rejoin_warning": "このルームは公開されていません。再度参加するには、招待が必要です。",
+        "space_rejoin_warning": "このスペースは公開されていません。再度参加するには、招待が必要です。"
+    },
+    "lightbox": {
+        "rotate_left": "左に回転",
+        "rotate_right": "右に回転"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "このホームサーバーは地図を表示するように設定されていません。",
+        "MapStyleUrlNotReachable": "このホームサーバーが地図を表示するよう正しく設定されていないか、地図のサーバーに接続できません。",
+        "click_drop_pin": "クリックして位置情報を共有",
+        "click_move_pin": "クリックしてピンを移動",
+        "close_sidebar": "サイドバーを閉じる",
+        "error_fetch_location": "位置情報を取得できませんでした",
+        "error_no_perms_description": "このルームでの位置情報の共有には適切な権限が必要です。",
+        "error_no_perms_title": "位置情報の共有に必要な権限がありません",
+        "error_send_description": "%(brand)sは位置情報を送信できませんでした。後でもう一度やり直してください。",
+        "error_send_title": "位置情報を送信できませんでした",
+        "error_sharing_live_location": "位置情報（ライブ）を共有している際にエラーが発生しました",
+        "error_stopping_live_location": "位置情報（ライブ）を停止する際にエラーが発生しました",
+        "expand_map": "地図を開く",
+        "failed_generic": "位置情報の取得に失敗しました。後でもう一度やり直してください。",
+        "failed_load_map": "地図を読み込めません",
+        "failed_permission": "%(brand)sは位置情報を取得できませんでした。ブラウザーの設定画面から位置情報の取得を許可してください。",
+        "failed_timeout": "位置情報を取得する際にタイムアウトしました。後でもう一度やり直してください。",
+        "failed_unknown": "位置情報を取得する際に不明なエラーが発生しました。後でもう一度やり直してください。",
+        "find_my_location": "位置を発見",
+        "live_description": "%(displayName)sの位置情報（ライブ）",
+        "live_enable_description": "注意：これは一時的な実装による試験機能です。位置情報の履歴を削除することはできません。高度なユーザーは、あなたがこのルームで位置情報（ライブ）の共有を停止した後でも、あなたの位置情報の履歴を閲覧することができます。",
+        "live_enable_heading": "位置情報（ライブ）の共有",
+        "live_location_active": "位置情報（ライブ）を共有しています",
+        "live_location_enabled": "位置情報（ライブ）が有効です",
+        "live_location_ended": "位置情報（ライブ）が終了しました",
+        "live_location_error": "位置情報（ライブ）のエラー",
+        "live_locations_empty": "位置情報（ライブ）がありません",
+        "live_share_button": "%(duration)sの間共有",
+        "live_toggle_label": "位置情報（ライブ）の共有を有効にする",
+        "live_until": "%(expiryTime)sまで共有",
+        "live_update_time": "%(humanizedUpdateTime)sに更新",
+        "loading_live_location": "位置情報（ライブ）を読み込んでいます…",
+        "location_not_available": "位置情報は利用できません",
+        "map_feedback": "地図のフィードバック",
+        "mapbox_logo": "Mapboxのロゴ",
+        "reset_bearing": "北向きにリセット",
+        "share_button": "位置情報を共有",
+        "share_type_live": "自分の位置情報（ライブ）",
+        "share_type_own": "自分の現在の位置情報",
+        "share_type_pin": "場所を選択",
+        "share_type_prompt": "どのような種類の位置情報を共有したいですか？",
+        "toggle_attribution": "属性を切り替える"
+    },
+    "member_list": {
+        "filter_placeholder": "ルームのメンバーを絞り込む"
+    },
+    "member_list_back_action_label": "ルームのメンバー",
+    "message_edit_dialog_title": "メッセージの編集履歴",
+    "mobile_guide": {
+        "toast_accept": "アプリを使用",
+        "toast_description": "%(brand)sは携帯端末のウェブブラウザーでは実験的です。よりよい使用経験や最新機能を求める場合は、フリーのネイティブアプリをご利用ください。",
+        "toast_title": "より良い体験のためにアプリケーションを使用"
+    },
+    "name_and_id": "%(name)s（%(userId)s）",
+    "no_more_results": "結果がありません",
+    "notif_panel": {
+        "empty_description": "未読の通知はありません。",
+        "empty_heading": "未読はありません"
+    },
+    "notifications": {
+        "all_messages": "全てのメッセージ",
+        "all_messages_description": "全てのメッセージを通知",
+        "class_global": "全体",
+        "class_other": "その他",
+        "default": "既定値",
+        "enable_prompt_toast_description": "デスクトップ通知を有効にする",
+        "enable_prompt_toast_title": "通知",
+        "enable_prompt_toast_title_from_message_send": "返信をお見逃しなく",
+        "error_change_title": "通知設定を変更",
+        "keyword": "キーワード",
+        "keyword_new": "新しいキーワード",
+        "level_activity": "アクティビティー順",
+        "level_none": "なし",
+        "level_unsent": "未送信",
+        "mark_all_read": "全て既読にする",
+        "mentions_and_keywords": "メンションとキーワード",
+        "mentions_and_keywords_description": "メンションと、<a>設定</a>したキーワードのみを通知",
+        "mentions_keywords": "メンションとキーワード",
+        "message_didnt_send": "メッセージが送信されませんでした。クリックすると詳細を表示します。",
+        "mute_description": "通知を送信しません"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)sは認証を要求しています"
+    },
+    "onboarding": {
+        "create_room": "グループチャットを作成",
+        "explore_rooms": "公開ルームを探す",
+        "has_avatar_label": "すばらしい、他の人があなただと気づく助けになるでしょう",
+        "intro_byline": "自分の会話は、自分のもの。",
+        "intro_welcome": "%(appName)sにようこそ",
+        "no_avatar_label": "写真を追加して、あなただとわかるようにしましょう。",
+        "send_dm": "ダイレクトメッセージを送信",
+        "welcome_detail": "何をしたいですか？",
+        "welcome_user": "ようこそ、%(name)s"
+    },
+    "poll": {
+        "create_poll_action": "アンケートを作成",
+        "create_poll_title": "アンケートを作成",
+        "disclosed_notes": "投票した人には、投票の際に即座に結果が表示されます",
+        "edit_poll_title": "アンケートを編集",
+        "end_description": "アンケートを終了してよろしいですか？投票を締め切り、最終結果を表示します。",
+        "end_message": "アンケートが終了しました。最も多い投票数を獲得した選択肢：%(topAnswer)s",
+        "end_message_no_votes": "アンケートが終了しました。投票はありませんでした。",
+        "end_title": "アンケートを終了",
+        "error_ending_description": "アンケートを終了できませんでした。もう一度やり直してください。",
+        "error_ending_title": "アンケートの終了に失敗しました",
+        "error_voting_description": "投票できませんでした。もう一度やり直してください。",
+        "error_voting_title": "投票できませんでした",
+        "failed_send_poll_description": "アンケートを作成できませんでした。",
+        "failed_send_poll_title": "アンケートの作成に失敗しました",
+        "notes": "結果はアンケートが終了した後で表示されます",
+        "options_add_button": "選択肢を追加",
+        "options_heading": "選択肢を作成",
+        "options_label": "選択肢%(number)s",
+        "options_placeholder": "選択肢を記入",
+        "topic_heading": "アンケートの質問、あるいはトピックは何でしょうか？",
+        "topic_label": "質問あるいはトピック",
+        "topic_placeholder": "記入してください…",
+        "total_n_votes": {
+            "one": "合計%(count)s票。投票すると結果を確認できます",
+            "other": "合計%(count)s票。投票すると結果を確認できます"
+        },
+        "total_n_votes_voted": {
+            "one": "%(count)s個の投票に基づく",
+            "other": "%(count)s個の投票に基づく"
+        },
+        "total_no_votes": "投票がありません",
+        "total_not_ended": "アンケートが終了するまで結果は表示できません",
+        "type_closed": "アンケートの終了後に結果を公開",
+        "type_heading": "アンケートの種類",
+        "type_open": "投票の際に結果を公開",
+        "unable_edit_description": "投票があったアンケートは編集できません。",
+        "unable_edit_title": "アンケートは編集できません"
+    },
+    "power_level": {
+        "admin": "管理者",
+        "custom": "ユーザー定義（%(level)s）",
+        "custom_level": "ユーザー定義のレベル",
+        "default": "既定値",
+        "label": "権限レベル",
+        "moderator": "モデレーター",
+        "restricted": "制限"
+    },
+    "presence": {
+        "away": "離席中",
+        "busy": "取り込み中",
+        "idle": "待機中",
+        "idle_for": "アイドル時間 %(duration)s",
+        "offline": "オフライン",
+        "offline_for": "オフライン時間 %(duration)s",
+        "online": "オンライン",
+        "online_for": "オンライン時間 %(duration)s",
+        "unknown": "不明",
+        "unknown_for": "不明な時間 %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "全ての設定",
+        "sidebar_settings": "他のオプション",
+        "title": "クイック設定"
+    },
+    "quit_warning": {
+        "call_in_progress": "通話中のようですが、中止しますか？",
+        "file_upload_in_progress": "ファイルをアップロードしているようですが、中止しますか？"
+    },
+    "redact": {
+        "confirm_button": "削除の確認",
+        "error": "このメッセージを削除できません。(%(code)s）",
+        "ongoing": "削除しています…",
+        "reason_label": "理由（任意）"
+    },
+    "report_content": {
+        "description": "このメッセージを報告すると、このメッセージの一意の「イベントID」があなたのホームサーバーの管理者に送信されます。このルーム内のメッセージが暗号化されている場合、ホームサーバーの管理者はメッセージのテキストを読んだり、ファイルや画像を表示したりすることはできません。",
+        "hide_messages_from_user": "このユーザーのメッセージを非表示にするかどうか確認してください。",
+        "ignore_user": "ユーザーを無視",
+        "missing_reason": "報告する理由を記入してください。",
+        "report_content_to_homeserver": "あなたのホームサーバーの管理者にコンテンツを報告"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "%(failedCount)s個のセッションの復号化に失敗しました！",
+        "count_of_successfully_restored_keys": "%(sessionCount)s個の鍵が復元されました",
+        "enter_key_description": "保護されたメッセージの履歴にアクセスし、安全なメッセージのやり取りを行うには、セキュリティーキーを入力してください。",
+        "enter_key_title": "セキュリティーキーを入力",
+        "enter_phrase_description": "保護されたメッセージの履歴にアクセスし、安全なメッセージのやり取りを行うには、セキュリティーフレーズを入力してください。",
+        "enter_phrase_title": "セキュリティーフレーズを入力",
+        "incorrect_security_phrase_dialog": "このセキュリティーフレーズではバックアップを復号化できませんでした。正しいセキュリティーフレーズを入力したことを確認してください。",
+        "incorrect_security_phrase_title": "セキュリティーフレーズが正しくありません",
+        "key_backup_warning": "<b>警告</b>：信頼済のコンピューターからのみ鍵のバックアップを設定してください。",
+        "key_fetch_in_progress": "鍵をサーバーから取得しています…",
+        "key_forgotten_text": "セキュリティーキーを紛失した場合は、<button>新しい復元方法を設定</button>できます",
+        "key_is_invalid": "セキュリティーキーが正しくありません",
+        "key_is_valid": "正しいセキュリティーキーです！",
+        "keys_restored_title": "鍵が復元されました",
+        "load_error_content": "バックアップの状態を読み込めません",
+        "load_keys_progress": "計%(total)s個のうち%(completed)s個の鍵が復元されました",
+        "no_backup_error": "バックアップがありません！",
+        "phrase_forgotten_text": "セキュリティーフレーズを紛失した場合は、<button1>セキュリティーキーを使用</button1>するか、<button2>新しい復旧用の手段</button2>を設定することができます",
+        "recovery_key_mismatch_description": "このセキュリティーキーではバックアップを復号化できませんでした。正しいセキュリティーキーを入力したことを確認してください。",
+        "recovery_key_mismatch_title": "セキュリティーキーが一致しません",
+        "restore_failed_error": "バックアップを復元できません"
+    },
+    "right_panel": {
+        "add_integrations": "ウィジェット、ブリッジ、ボットの追加",
+        "files_button": "ファイル",
+        "pinned_messages": {
+            "limits": {
+                "other": "ウィジェットのピン留めは%(count)s件までです"
+            }
+        },
+        "pinned_messages_button": "固定メッセージ",
+        "poll": {
+            "empty_active": "このルームに実施中のアンケートはありません",
+            "empty_past": "このルームに過去のアンケートはありません",
+            "final_result": {
+                "one": "合計%(count)s票に基づく最終結果",
+                "other": "合計%(count)s票に基づく最終結果"
+            }
+        },
+        "room_summary_card": {
+            "title": "ルームの情報"
+        },
+        "thread_list": {
+            "context_menu_label": "スレッドの設定"
+        },
+        "video_room_chat": {
+            "title": "会話"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "この招待は、アカウントに関連付けられていないメールアドレス %(email)s に送信されました",
+        "3pid_invite_email_not_found_account_room": "ルーム %(roomName)s への招待が、アカウントに関連付けられていないメールアドレス %(email)s に送信されました",
+        "3pid_invite_error_description": "招待の検証を試みる際にエラー（%(errcode)s）が発生しました。あなたを招待した人にこの情報を渡してみてください。",
+        "3pid_invite_error_invite_action": "参加を試みる",
+        "3pid_invite_error_invite_subtitle": "有効な招待がある場合にのみ参加できます。",
+        "3pid_invite_error_public_subtitle": "参加できます。",
+        "3pid_invite_error_title": "招待に問題が発生しました。",
+        "3pid_invite_error_title_room": "%(roomName)sへの招待に問題が発生しました",
+        "3pid_invite_no_is_subtitle": "設定からIDサーバーを使用すると、%(brand)sから直接招待を受け取れます。",
+        "banned_by": "%(memberName)sによりブロックされました",
+        "banned_from_room_by": "%(memberName)sにより%(roomName)sからブロックされました",
+        "context_menu": {
+            "copy_link": "ルームのリンクをコピー",
+            "favourite": "お気に入り",
+            "forget": "ルームを消去",
+            "low_priority": "低優先度",
+            "mark_read": "既読にする",
+            "title": "ルームの設定",
+            "unfavourite": "お気に入り登録中"
+        },
+        "creating_room_text": "%(names)sという名前のルームを作成しています",
+        "dm_invite_action": "チャットを開始",
+        "dm_invite_subtitle": "<userName/>がチャットの開始を求めています",
+        "dm_invite_title": "%(user)sとのチャットを開始しますか？",
+        "drop_file_prompt": "アップロードするファイルをここにドロップしてください",
+        "edit_topic": "トピックを編集",
+        "error_join_404_invite": "招待した人が既に退出したか、サーバーがオフラインです。",
+        "error_join_404_invite_same_hs": "招待した人は既に退出しました。",
+        "error_join_connection": "参加する際にエラーが発生しました。",
+        "error_join_incompatible_version_1": "あなたのホームサーバーはここに参加するには古すぎます。",
+        "error_join_incompatible_version_2": "ホームサーバー管理者に連絡してください。",
+        "error_join_title": "参加に失敗しました",
+        "face_pile_summary": {
+            "one": "%(count)s人の知人が既に参加しています",
+            "other": "%(count)s人の知人が既に参加しています"
+        },
+        "face_pile_tooltip_label": {
+            "one": "1人のメンバーを表示",
+            "other": "全%(count)s人のメンバーを表示"
+        },
+        "face_pile_tooltip_shortcut": "%(commaSeparatedMembers)sを含む",
+        "face_pile_tooltip_shortcut_joined": "あなたと%(commaSeparatedMembers)sを含む",
+        "failed_reject_invite": "招待を辞退できませんでした",
+        "forget_room": "このルームを消去",
+        "forget_space": "このスペースの履歴を消去",
+        "header": {
+            "room_is_public": "このルームは公開されています"
+        },
+        "inaccessible": "このルームまたはスペースは現在アクセスできません。",
+        "inaccessible_name": "%(roomName)sは現在アクセスできません。",
+        "inaccessible_subtitle_1": "後でもう一度やり直すか、ルームまたはスペースの管理者に、アクセス権の有無を確認してください。",
+        "inaccessible_subtitle_2": "ルームまたはスペースにアクセスする際にエラー %(errcode)s が発生しました。エラー発生時にこのメッセージが表示されているなら、<issueLink>バグレポートを送信してください</issueLink>。",
+        "intro": {
+            "dm_caption": "あなたか相手が誰かを招待しない限りは、この会話に参加しているのはあなたたちだけです。",
+            "enable_encryption_prompt": "暗号化を設定から有効にする。",
+            "no_avatar_label": "写真を追加して、あなたのルームを目立たせましょう。",
+            "no_topic": "<a>トピックを追加する</a>と、このルームの目的が分かりやすくなります。",
+            "private_unencrypted_warning": "通常、ダイレクトメッセージは暗号化されていますが、このルームは暗号化されていません。一般にこれは、非サポートの端末が使用されているか、電子メールなどによる招待が行われたことが理由です。",
+            "room_invite": "このルームにのみ招待",
+            "send_message_start_dm": "最初のメッセージを送信すると、<displayName/>を会話に招待",
+            "start_of_dm_history": "ここがあなたと<displayName/>のダイレクトメッセージの履歴の先頭です。",
+            "start_of_room": "ここが<roomName/>の先頭です。",
+            "unencrypted_warning": "エンドツーエンド暗号化が有効になっていません",
+            "user_created": "%(displayName)sがこのルームを作成しました。",
+            "you_created": "このルームを作成しました。"
+        },
+        "invite_email_mismatch_suggestion": "このメールアドレスを設定から共有すると、%(brand)sから招待を受け取れます。",
+        "invite_sent_to_email": "招待が%(email)sに送信されました",
+        "invite_sent_to_email_room": "ルーム %(roomName)sへの招待がメールアドレス %(email)s へ送信されました",
+        "invite_subtitle": "<userName/>があなたを招待しています",
+        "invite_this_room": "このルームに招待",
+        "invite_title": "%(roomName)sに参加しますか？",
+        "inviter_unknown": "不明",
+        "invites_you_text": "<inviter/>があなたを招待しています",
+        "join_button_account": "サインアップ",
+        "join_failed_needs_invite": "%(roomName)sを見るには招待が必要です",
+        "join_the_discussion": "ルームに参加",
+        "join_title": "ルームに参加",
+        "join_title_account": "アカウントで会話に参加",
+        "joining": "参加しています…",
+        "joining_room": "ルームに参加しています…",
+        "joining_space": "スペースに参加しています…",
+        "jump_read_marker": "最初の未読メッセージに移動。",
+        "jump_to_bottom_button": "最新のメッセージを表示",
+        "kick_reason": "理由：%(reason)s",
+        "kicked_by": "%(memberName)sにより追放されました",
+        "kicked_from_room_by": "%(memberName)sにより%(roomName)sから追放されました",
+        "leave_error_title": "ルームを退出する際にエラーが発生しました",
+        "leave_server_notices_description": "このルームはホームサーバーからの重要なメッセージに使用されるので、退出することはできません。",
+        "leave_server_notices_title": "サーバー通知ルームから退出することはできません",
+        "leave_unexpected_error": "ルームから退出する際に予期しないサーバーエラーが発生しました",
+        "link_email_to_receive_3pid_invite": "このメールアドレスを設定からあなたのアカウントにリンクすると%(brand)sから直接招待を受け取ることができます。",
+        "loading_preview": "プレビューを読み込んでいます",
+        "no_peek_join_prompt": "%(roomName)sはプレビューできません。ルームに参加しますか？",
+        "no_peek_no_name_join_prompt": "プレビューはありませんが、参加しますか？",
+        "not_found_subtitle": "正しい場所にいますか？",
+        "not_found_title": "このルームまたはスペースは存在しません。",
+        "not_found_title_name": "%(roomName)sは存在しません。",
+        "peek_join_prompt": "ルーム %(roomName)s のプレビューです。参加しますか？",
+        "read_topic": "クリックしてトピックを読む",
+        "rejecting": "招待を拒否しています…",
+        "rejoin_button": "再参加",
+        "unread_notifications_predecessor": {
+            "one": "このルームの以前のバージョンに、未読の通知が%(count)s件あります。",
+            "other": "このルームの以前のバージョンに、未読の通知が%(count)s件あります。"
+        },
+        "upgrade_error_description": "選択したルームのバージョンをあなたのサーバーがサポートしているか改めて確認し、もう一度試してください。",
+        "upgrade_error_title": "ルームをアップグレードする際にエラーが発生しました",
+        "upgrade_warning_bar": "このルームをアップグレードすると、現在のルームの使用を終了し、アップグレードしたルームを同じ名前で作成します。",
+        "upgrade_warning_bar_admins": "この警告はルームの管理者にのみ表示されます",
+        "upgrade_warning_bar_unstable": "このルームはホームサーバーが<i>不安定</i>と判断したルームバージョン<roomVersion />で動作しています。",
+        "upgrade_warning_bar_upgraded": "このルームは既にアップグレードされています。",
+        "upload": {
+            "uploading_multiple_file": {
+                "other": "%(filename)sと他%(count)s件をアップロードしています",
+                "one": "%(filename)sと他%(count)s件をアップロードしています"
+            },
+            "uploading_single_file": "%(filename)sをアップロードしています"
+        }
+    },
+    "room_list": {
+        "add_space_label": "スペースを追加",
+        "failed_add_tag": "ルームにタグ %(tagName)s を追加できませんでした",
+        "failed_remove_tag": "ルームからタグ %(tagName)s を削除できませんでした",
+        "failed_set_dm_tag": "ダイレクトメッセージのタグの設定に失敗しました",
+        "notification_options": "通知設定",
+        "show_less": "詳細を非表示"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "%(spaceName)sを表示、参加できる範囲を設定してください。",
+            "title": "アクセス"
+        },
+        "advanced": {
+            "error_upgrade_description": "ルームのアップグレードを完了できませんでした",
+            "error_upgrade_title": "ルームをアップグレードできませんでした",
+            "information_section_room": "ルームの情報",
+            "information_section_space": "スペースの情報",
+            "room_id": "内部ルームID：",
+            "room_predecessor": "%(roomName)sの古いメッセージを表示。",
+            "room_upgrade_button": "このルームを推奨のルームバージョンにアップグレード",
+            "room_upgrade_warning": "<b>警告</b>: ルームをアップグレードしても、<i>ルームのメンバーが新しいバージョンのルームに自動的に移行されることはありません。</i> 古いバージョンのルームに、新しいルームへのリンクを投稿します。ルームのメンバーは、そのリンクをクリックして新しいルームに参加する必要があります。",
+            "room_version": "ルームのバージョン：",
+            "room_version_section": "ルームのバージョン",
+            "space_predecessor": "%(spaceName)sの以前のバージョンを表示。",
+            "space_upgrade_button": "このスペースを推奨のバージョンにアップグレード",
+            "unfederated": "このルームはリモートのMatrixサーバーからアクセスできません",
+            "upgrade_button": "このルームをバージョン%(version)sにアップグレード",
+            "upgrade_dialog_description": "このルームをアップグレードするには、現在のルームを閉鎖し、新しくルームを作成する必要があります。ルームの参加者のため、アップグレードの際に以下を行います。",
+            "upgrade_dialog_description_1": "同じ名前、説明、アバターで新しいルームを作成",
+            "upgrade_dialog_description_2": "新しいルームを指すようにローカルルームのエイリアスを更新",
+            "upgrade_dialog_description_3": "古いバージョンのルームでユーザーが投稿できないよう設定し、新しいルームに移動するようユーザーに通知するメッセージを投稿",
+            "upgrade_dialog_description_4": "以前のメッセージを閲覧できるように、新しいルームの先頭に古いルームへのリンクを設定",
+            "upgrade_dialog_title": "ルームのバージョンをアップグレード",
+            "upgrade_dwarning_ialog_title_public": "公開ルームをアップグレード",
+            "upgrade_warning_dialog_description": "ルームのアップグレードは高度な操作です。バグや欠けている機能、セキュリティーの脆弱性などによってルームが不安定な場合に、アップデートを推奨します。",
+            "upgrade_warning_dialog_explainer": "<b>アップグレードすると、このルームの新しいバージョンが作成されます。</b>今ある全てのメッセージは、アーカイブしたルームに残ります。",
+            "upgrade_warning_dialog_footer": "このルームを<oldVersion />から<newVersion />にアップグレードします。",
+            "upgrade_warning_dialog_invite_label": "このルームのメンバーを新しいルームに自動的に招待",
+            "upgrade_warning_dialog_report_bug_prompt": "この変更は、ルームがサーバー上で処理される方法にのみ影響します。%(brand)sで問題が発生した場合は、不具合を報告してください。",
+            "upgrade_warning_dialog_report_bug_prompt_link": "この変更は、ルームがサーバー上で処理される方法にのみ影響します。%(brand)sで問題が発生した場合は、<a>不具合を報告してください</a>。",
+            "upgrade_warning_dialog_title_private": "非公開のルームをアップグレード"
+        },
+        "alias_not_specified": "指定なし",
+        "bridges": {
+            "description": "このルームは以下のプラットフォームにメッセージをブリッジしています。<a>詳細</a>",
+            "empty": "このルームはどのプラットフォームにもメッセージをブリッジしていません。<a>詳細</a>",
+            "title": "ブリッジ"
+        },
+        "delete_avatar_label": "アバターを削除",
+        "general": {
+            "alias_field_has_domain_invalid": "ドメイン名のセパレーターが入力されていません。例は:domain.orgとなります",
+            "alias_field_has_localpart_invalid": "ルーム名あるいはセパレーターが入力されていません。例はmy-room:domain.orgとなります",
+            "alias_field_matches_invalid": "このアドレスはこのルームを指していません",
+            "alias_field_placeholder_default": "例：my-room",
+            "alias_field_required_invalid": "アドレスを入力してください",
+            "alias_field_safe_localpart_invalid": "使用できない文字が含まれています",
+            "alias_field_taken_invalid": "このアドレスは不正なサーバーを含んでいるか、既に使用されています",
+            "alias_field_taken_invalid_domain": "このアドレスは既に使用されています",
+            "alias_field_taken_valid": "このアドレスは使用できます",
+            "alias_heading": "ルームのアドレス",
+            "aliases_items_label": "他の公開アドレス：",
+            "aliases_no_items_label": "他の公開アドレスはまだありません。以下から追加できます",
+            "aliases_section": "ルームのアドレス",
+            "avatar_field_label": "ルームのアバター",
+            "canonical_alias_field_label": "メインアドレス",
+            "description_space": "スペースの設定を変更します。",
+            "error_creating_alias_description": "アドレスを作成する際にエラーが発生しました。サーバーで許可されていないか、一時的な障害が発生した可能性があります。",
+            "error_creating_alias_title": "アドレスを作成する際にエラーが発生しました",
+            "error_deleting_alias_description": "アドレスを削除する際にエラーが発生しました。既にルームが存在しないか、一時的なエラーが発生しました。",
+            "error_deleting_alias_description_forbidden": "アドレスを削除する権限がありません。",
+            "error_deleting_alias_title": "アドレスを削除する際にエラーが発生しました",
+            "error_save_space_settings": "スペースの設定を保存できませんでした。",
+            "error_updating_alias_description": "ルームの代替アドレスを更新する際にエラーが発生しました。サーバーで許可されていないか、一時的な障害が発生した可能性があります。",
+            "error_updating_canonical_alias_description": "ルームのメインアドレスを更新する際にエラーが発生しました。サーバーで許可されていないか、一時的な障害が発生した可能性があります。",
+            "error_updating_canonical_alias_title": "メインアドレスを更新する際にエラーが発生しました",
+            "leave_space": "スペースから退出",
+            "local_alias_field_label": "ローカルアドレス",
+            "local_aliases_explainer_room": "アドレスを設定すると、他のユーザーがあなたのホームサーバー（%(localDomain)s）を通じてこのルームを見つけられるようになります。",
+            "local_aliases_explainer_space": "アドレスを設定すると、他のユーザーがあなたのホームサーバー（%(localDomain)s）を通じてこのスペースを見つけられるようになります。",
+            "local_aliases_section": "ローカルアドレス",
+            "name_field_label": "ルーム名",
+            "new_alias_placeholder": "新しい公開アドレス（例：#alias:server）",
+            "no_aliases_room": "このルームにはローカルアドレスがありません",
+            "no_aliases_space": "このスペースにはローカルアドレスがありません",
+            "other_section": "その他",
+            "publish_toggle": "%(domain)sのルームディレクトリーにこのルームを公開しますか？",
+            "published_aliases_description": "アドレスを公開するには、まずローカルアドレスに設定する必要があります。",
+            "published_aliases_explainer_room": "公開アドレスを設定すると、どのサーバーのユーザーでも、あなたのルームに参加できるようになります。",
+            "published_aliases_explainer_space": "公開アドレスを設定すると、どのサーバーのユーザーでも、あなたのスペースに参加できるようになります。",
+            "published_aliases_section": "公開アドレス",
+            "save": "変更を保存",
+            "topic_field_label": "ルームのトピック"
+        },
+        "notifications": {
+            "browse_button": "参照",
+            "custom_sound_prompt": "カスタム音を設定",
+            "notification_sound": "通知音",
+            "settings_link": "<a>設定</a>に従って通知",
+            "sounds_section": "音",
+            "uploaded_sound": "アップロードされた音"
+        },
+        "permissions": {
+            "add_privileged_user_description": "このルームのユーザーに権限を付与",
+            "add_privileged_user_filter_placeholder": "このルームのユーザーを検索…",
+            "add_privileged_user_heading": "特権ユーザーを追加",
+            "ban": "ユーザーのブロック",
+            "ban_reason": "理由",
+            "banned_by": "%(displayName)sによってブロックされました",
+            "banned_users_section": "ブロックされたユーザー",
+            "error_changing_pl_description": "ユーザーの権限レベルを変更する際にエラーが発生しました。必要な権限があることを確認して、もう一度やり直してください。",
+            "error_changing_pl_reqs_description": "ルームで必要な権限レベルを変更する際にエラーが発生しました。必要な権限があることを確認したうえで、もう一度やり直してください。",
+            "error_changing_pl_reqs_title": "必要な権限レベルを変更する際にエラーが発生しました",
+            "error_changing_pl_title": "権限レベルを変更する際にエラーが発生しました",
+            "error_unbanning": "ブロック解除に失敗しました",
+            "events_default": "メッセージの送信",
+            "invite": "ユーザーの招待",
+            "kick": "ユーザーの追放",
+            "m.call": "%(brand)s通話を開始",
+            "m.call.member": "%(brand)s通話に参加",
+            "m.reaction": "リアクションの送信",
+            "m.room.avatar": "ルームのアバターの変更",
+            "m.room.avatar_space": "スペースのアバターの変更",
+            "m.room.canonical_alias": "ルームのメインアドレスの変更",
+            "m.room.canonical_alias_space": "スペースのメインアドレスの変更",
+            "m.room.encryption": "ルームの暗号化を有効にする",
+            "m.room.history_visibility": "履歴の見え方の変更",
+            "m.room.name": "ルーム名の変更",
+            "m.room.name_space": "スペース名の変更",
+            "m.room.pinned_events": "固定されたイベントの管理",
+            "m.room.power_levels": "権限の変更",
+            "m.room.redaction": "自分が送信したメッセージの削除",
+            "m.room.server_acl": "サーバーのアクセス制御リストの変更",
+            "m.room.tombstone": "ルームのアップグレード",
+            "m.room.topic": "トピックの変更",
+            "m.room.topic_space": "説明文の変更",
+            "m.space.child": "このスペースのルームの管理",
+            "m.widget": "ウィジェットの変更",
+            "muted_users_section": "ミュートされたユーザー",
+            "no_privileged_users": "このルームには特定の権限を持つユーザーはいません",
+            "notifications.room": "全員に通知",
+            "permissions_section": "権限",
+            "permissions_section_description_room": "ルームに関する変更を行うために必要な役割を選択",
+            "permissions_section_description_space": "スペースに関する変更を行うために必要な役割を選択",
+            "privileged_users_section": "特権ユーザー",
+            "redact": "他の人から送信されたメッセージの削除",
+            "send_event_type": "%(eventType)sイベントの送信",
+            "state_default": "設定の変更",
+            "title": "役割と権限",
+            "users_default": "既定の役割"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "一度有効にしたルームの暗号化は無効にすることはできません。暗号化されたルームで送信されたメッセージは、サーバーからは閲覧できず、そのルームのメンバーだけが閲覧できます。暗号化を有効にすると、多くのボットやブリッジが正常に動作しなくなる可能性があります。<a>暗号化についての詳細はこちらをご覧ください。</a>",
+            "enable_encryption_confirm_title": "暗号化を有効にしますか？",
+            "enable_encryption_public_room_confirm_description_1": "<b>公開ルームを暗号化することは推奨されません。</b>公開ルームは誰でも検索、参加でき、メッセージを読むことができます。暗号化の利益を得ることはできず、後で暗号化を無効にすることもできません。また、公開ルームでメッセージを暗号化すると、メッセージの送受信が遅くなります。",
+            "enable_encryption_public_room_confirm_description_2": "これらの問題を避けるには、予定している会話用に<a>暗号化されたルーム</a>を新しく作成してください。",
+            "enable_encryption_public_room_confirm_title": "公開ルームに暗号化を追加してよろしいですか？",
+            "encrypted_room_public_confirm_description_1": "<b>暗号化されたルームを公開することは推奨されません。</b>ルームを公開すると、誰でもルームを検索、参加して、メッセージを読むことができるため、暗号化の利益を得ることができません。また、公開ルームでメッセージを暗号化すると、メッセージの送受信が遅くなります。",
+            "encrypted_room_public_confirm_description_2": "これらの問題を避けるには、予定している会話用に<a>公開ルーム</a>を新しく作成してください。",
+            "encrypted_room_public_confirm_title": "この暗号化されたルームを公開してよろしいですか？",
+            "encryption_permanent": "いったん有効にすると、暗号化を無効にすることはできません。",
+            "error_join_rule_change_title": "参加のルールの更新に失敗しました",
+            "error_join_rule_change_unknown": "不明なエラー",
+            "guest_access_warning": "サポートしているクライアントから、登録済のアカウントを使用せずルームに参加できるようになります。",
+            "history_visibility_invited": "メンバーのみ（招待を送った時点から）",
+            "history_visibility_legend": "履歴の閲覧権限",
+            "history_visibility_shared": "メンバーのみ（この設定を選択した時点から）",
+            "history_visibility_warning": "履歴の閲覧権限に関する変更は、今後、このルームで表示されるメッセージにのみ適用されます。既存の履歴の見え方には影響しません。",
+            "history_visibility_world_readable": "誰でも",
+            "join_rule_description": "%(roomName)sに参加できる人を設定してください。",
+            "join_rule_invite": "非公開（招待者のみ参加可能）",
+            "join_rule_invite_description": "招待された人のみ参加できます。",
+            "join_rule_public_description": "誰でも検索し、参加できます。",
+            "join_rule_restricted": "スペースのメンバー",
+            "join_rule_restricted_description": "スペースの誰でも検索し、参加できます。<a>ここをクリックすると、どのスペースにアクセスできるかを編集できます。</a>",
+            "join_rule_restricted_description_active_space": "<spaceName/>の誰でも検索し、参加できます。他のスペースも選択できます。",
+            "join_rule_restricted_description_prompt": "スペースのメンバーが検索し、参加できます。複数のスペースを選択できます。",
+            "join_rule_restricted_description_spaces": "アクセスできるスペース",
+            "join_rule_restricted_dialog_description": "このルームにアクセスできるスペースを選択してください。選択したスペースのメンバーは<RoomName/>を検索し、参加できるようになります。",
+            "join_rule_restricted_dialog_empty_warning": "全てのスペースを削除しようとしています。招待者しかアクセスできなくなります",
+            "join_rule_restricted_dialog_filter_placeholder": "スペースを検索",
+            "join_rule_restricted_dialog_heading_other": "知らないかもしれない他のスペースやルーム",
+            "join_rule_restricted_dialog_heading_room": "このルームを含む参加済のスペース",
+            "join_rule_restricted_dialog_heading_space": "このスペースを含む参加済のスペース",
+            "join_rule_restricted_dialog_heading_unknown": "これらは、他のルームの管理者がいるスペースまたはルームです。",
+            "join_rule_restricted_dialog_title": "スペースを選択",
+            "join_rule_restricted_summary": {
+                "other": "現在%(count)s個のスペースがアクセスできます",
+                "one": "現在1個のスペースがアクセスできます"
+            },
+            "join_rule_restricted_upgrade_description": "このアップグレードにより、選択したスペースのメンバーは、招待なしでこのルームにアクセスできるようになります。",
+            "join_rule_restricted_upgrade_warning": "このルームは、あなたが管理者でないスペースの中にあります。そのスペースでは古いルームは表示され続けますが、参加者は新しいルームに参加するように求められます。",
+            "join_rule_upgrade_awaiting_room": "新しいルームを読み込んでいます",
+            "join_rule_upgrade_required": "アップグレードが必要",
+            "join_rule_upgrade_sending_invites": {
+                "one": "招待を送信しています…",
+                "other": "招待を送信しています…（計%(count)s件のうち%(progress)s件）"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "スペースを更新しています…",
+                "other": "スペースを更新しています…（計%(count)s個のうち%(progress)s個）"
+            },
+            "join_rule_upgrade_upgrading_room": "ルームをアップグレードしています",
+            "public_without_alias_warning": "このルームにリンクするにはアドレスを追加してください。",
+            "strict_encryption": "このセッションでは、このルームの未認証のセッションに対して暗号化されたメッセージを送信しない",
+            "title": "セキュリティーとプライバシー"
+        },
+        "title": "ルームの設定 - %(roomName)s",
+        "upload_avatar_label": "アバターをアップロード",
+        "visibility": {
+            "alias_section": "アドレス",
+            "error_failed_save": "このスペースの見え方の更新に失敗しました",
+            "error_update_guest_access": "ゲストのアクセスの更新に失敗しました",
+            "error_update_history_visibility": "このスペースの履歴の見え方の更新に失敗しました",
+            "guest_access_explainer": "ゲストはアカウントを使用せずに参加できます。",
+            "guest_access_label": "ゲストによるアクセスを有効にする",
+            "history_visibility_anyone_space": "スペースのプレビュー",
+            "history_visibility_anyone_space_description": "参加する前にスペースのプレビューを閲覧することを許可。",
+            "history_visibility_anyone_space_recommendation": "公開のスペースでは許可することを推奨します。",
+            "title": "見え方"
+        },
+        "voip": {
+            "call_type_section": "通話の種類",
+            "enable_element_call_caption": "%(brand)sではエンドツーエンド暗号化が設定されていますが、より少ないユーザー数に限定されています。",
+            "enable_element_call_label": "%(brand)sをこのルームの追加の通話手段として有効にする",
+            "enable_element_call_no_permissions_tooltip": "この変更に必要な権限がありません。"
+        }
+    },
+    "room_summary_card_back_action_label": "ルームの情報",
+    "scalar": {
+        "error_create": "ウィジェットを作成できません。",
+        "error_membership": "あなたはこのルームのメンバーではありません。",
+        "error_missing_room_id": "roomIdがありません。",
+        "error_missing_room_id_request": "リクエストにroom_idがありません",
+        "error_missing_user_id_request": "リクエストにuser_idがありません",
+        "error_permission": "このルームでそれを行う権限がありません。",
+        "error_power_level_invalid": "権限レベルは正の整数でなければなりません。",
+        "error_room_not_visible": "ルーム %(roomId)s は見えません",
+        "error_room_unknown": "このルームは認識されていません。",
+        "error_send_request": "リクエストの送信に失敗しました。",
+        "failed_read_event": "イベントの受信に失敗しました",
+        "failed_send_event": "イベントの送信に失敗しました"
+    },
+    "server_offline": {
+        "description": "サーバーはいくつかのリクエストに応答していません。以下に考えられる理由を表示します。",
+        "description_1": "サーバー（%(serverName)s）が時間内に応答しませんでした。",
+        "description_2": "ファイアーウォールまたはアンチウイルスソフトがリクエストをブロックしています。",
+        "description_3": "ブラウザーの拡張機能がリクエストを妨げています。",
+        "description_4": "サーバーはオフラインです。",
+        "description_5": "サーバーがリクエストを拒否しました。",
+        "description_6": "インターネットに接続できません。",
+        "description_7": "サーバーに接続する際にエラーが発生しました。",
+        "description_8": "サーバーは問題を特定するように設定されていません（CORS）。",
+        "empty_timeline": "未読はありません。",
+        "recent_changes_heading": "まだ受信していない最近の変更",
+        "title": "サーバーが応答していません"
+    },
+    "seshat": {
+        "error_initialising": "メッセージの検索の初期化に失敗しました。<a>設定</a>から詳細を確認してください",
+        "reset_button": "イベントストアをリセット",
+        "reset_description": "必要がなければ、イベントインデックスストアをリセットするべきではありません",
+        "reset_explainer": "メッセージは削除されませんが、インデックスを再構成している間、検索のパフォーマンスが低下します",
+        "reset_title": "イベントストアをリセットしますか？",
+        "warning_kind_files": "この%(brand)sのバージョンは、暗号化されたファイルの表示をサポートしていません",
+        "warning_kind_files_app": "全ての暗号化されたファイルを表示するには<a>デスクトップ用のアプリ</a>を使用してください",
+        "warning_kind_search": "この%(brand)sのバージョンは、暗号化されたメッセージの検索をサポートしていません",
+        "warning_kind_search_app": "<a>デスクトップアプリ</a>を使用すると暗号化されたメッセージを検索できます"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "アクセストークンを用いると、あなたのアカウントの全ての情報にアクセスできます。外部に公開したり、誰かと共有したりしないでください。",
+            "brand_version": "%(brand)sのバージョン：",
+            "clear_cache_reload": "キャッシュを削除して再読み込み",
+            "help_link": "%(brand)sの使用方法に関するヘルプは<a>こちら</a>をご覧ください。",
+            "title": "ヘルプと概要",
+            "versions": "バージョン"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "ホームに全てのルームを表示",
+        "all_rooms_home_description": "あなたが参加している全てのルームがホームに表示されます。",
+        "always_show_message_timestamps": "メッセージの時刻を常に表示",
+        "appearance": {
+            "custom_font": "システムフォントを使用",
+            "custom_font_description": "システムにインストールされているフォントの名前を設定すると、%(brand)sはそれを使用します。",
+            "custom_font_name": "システムフォントの名前",
+            "custom_font_size": "ユーザー定義のサイズを使用",
+            "custom_theme_error_downloading": "テーマの情報をダウンロードする際にエラーが発生しました。",
+            "custom_theme_invalid": "テーマスキーマが無効です。",
+            "font_size": "フォントの大きさ",
+            "image_size_default": "既定値",
+            "image_size_large": "大",
+            "layout_bubbles": "吹き出し",
+            "layout_irc": "IRC（実験的）",
+            "match_system_theme": "システムテーマに合わせる",
+            "timeline_image_size": "タイムライン上での画像のサイズ"
+        },
+        "automatic_language_detection_syntax_highlight": "構文強調表示の自動言語検出を有効にする",
+        "autoplay_gifs": "GIFアニメーションを自動再生",
+        "autoplay_videos": "動画を自動再生",
+        "big_emoji": "チャットで大きな絵文字を有効にする",
+        "code_block_expand_default": "コードのブロックを既定で展開",
+        "code_block_line_numbers": "コードのブロックに行番号を表示",
+        "emoji_autocomplete": "入力中に絵文字を提案",
+        "enable_markdown": "マークダウンを有効にする",
+        "general": {
+            "account_management_section": "アカウントの管理",
+            "account_section": "アカウント",
+            "add_email_dialog_title": "メールアドレスを追加",
+            "add_email_failed_verification": "メールアドレスの認証に失敗しました。電子メール内のリンクをクリックしたことを確認してください",
+            "add_email_instructions": "アドレスを確認するためメールを送りました。そこにある手順に従い、その後に下のボタンを押してください。",
+            "add_msisdn_confirm_body": "下のボタンをクリックすると、この電話番号を追加します。",
+            "add_msisdn_confirm_button": "電話番号の追加を承認",
+            "add_msisdn_confirm_sso_button": "シングルサインオンを使用して本人確認を行い、電話番号の追加を承認してください。",
+            "add_msisdn_dialog_title": "電話番号を追加",
+            "add_msisdn_instructions": "+%(msisdn)sにテキストメッセージを送りました。メッセージ内の確認コードを入力してください。",
+            "confirm_adding_email_body": "下のボタンをクリックすると、このメールアドレスを追加します。",
+            "confirm_adding_email_title": "メールアドレスの追加を承認",
+            "deactivate_confirm_body": "アカウントを無効化してよろしいですか？この操作は元に戻すことができません。",
+            "deactivate_confirm_body_sso": "シングルサインオンを使用して本人確認を行い、アカウントの無効化を承認してください。",
+            "deactivate_confirm_content": "アカウントを無効化したいことを確認してください。継続すると、",
+            "deactivate_confirm_content_1": "アカウントを再開できなくなります",
+            "deactivate_confirm_content_2": "ログインできなくなります",
+            "deactivate_confirm_content_3": "あなたのユーザー名（MXID）は、あなた自身を含めて誰も再利用することができなくなります",
+            "deactivate_confirm_content_4": "全てのルームとダイレクトメッセージから退出します",
+            "deactivate_confirm_content_5": "あなたの情報はIDサーバーから削除されます。あなたの友達は、電子メールまたは電話番号であなたを検索することができなくなります",
+            "deactivate_confirm_content_6": "あなたの古いメッセージは、それを受信した人には表示され続けます。これは電子メールの場合と同様です。あなたが送信したメッセージを今後のルームの参加者に表示しないようにしますか？",
+            "deactivate_confirm_continue": "アカウントの無効化を承認",
+            "deactivate_confirm_erase_label": "自分のメッセージを新しい参加者に表示しない",
+            "deactivate_section": "アカウントの無効化",
+            "deactivate_warning": "アカウントを無効化すると取り消せません。ご注意ください！",
+            "discovery_email_empty": "上でメールアドレスを追加すると、発見可能に設定するメールアドレスを選択できるようになります。",
+            "discovery_email_verification_instructions": "受信したメールの認証リンクを開いてください",
+            "discovery_msisdn_empty": "上で電話番号を追加すると、発見可能に設定する電話番号を選択できるようになります。",
+            "discovery_needs_terms": "メールアドレスか電話番号でアカウントを検出可能にするには、IDサーバー（%(serverName)s）の利用規約への同意が必要です。",
+            "email_address_in_use": "このメールアドレスは既に使用されています",
+            "email_address_label": "メールアドレス",
+            "email_not_verified": "メールアドレスはまだ認証されていません",
+            "email_verification_instructions": "受信したメールにあるリンクを開いて認証した後、改めて「続行する」を押してください。",
+            "emails_heading": "メールアドレス",
+            "error_add_email": "メールアドレスを追加できません",
+            "error_deactivate_communication": "サーバーとの通信時に問題が発生しました。もう一度やり直してください。",
+            "error_deactivate_invalid_auth": "サーバーは正しい認証情報を返しませんでした。",
+            "error_deactivate_no_auth": "サーバーは認証を要求しませんでした",
+            "error_email_verification": "メールアドレスを確認できません。",
+            "error_invalid_email": "無効なメールアドレス",
+            "error_invalid_email_detail": "メールアドレスの形式が正しくありません",
+            "error_msisdn_verification": "電話番号を認証できません。",
+            "error_password_change_403": "パスワードの変更に失敗しました。パスワードは正しいですか？",
+            "error_remove_3pid": "連絡先の情報を削除できません",
+            "error_revoke_email_discovery": "メールアドレスの共有を取り消せません",
+            "error_revoke_msisdn_discovery": "電話番号の共有を取り消せません",
+            "error_share_email_discovery": "メールアドレスを共有できません",
+            "error_share_msisdn_discovery": "電話番号を共有できません",
+            "language_section": "言語と地域",
+            "msisdn_in_use": "この電話番号は既に使用されています",
+            "msisdn_label": "電話番号",
+            "msisdn_verification_field_label": "認証コード",
+            "msisdn_verification_instructions": "テキストで送信された確認コードを入力してください。",
+            "msisdns_heading": "電話番号",
+            "oidc_manage_button": "アカウントを管理",
+            "password_change_section": "アカウントの新しいパスワードを設定…",
+            "password_change_success": "パスワードを変更しました。",
+            "remove_email_prompt": "%(email)sを削除しますか？",
+            "remove_msisdn_prompt": "%(phone)sを削除しますか？",
+            "spell_check_locale_placeholder": "ロケールを選択"
+        },
+        "inline_url_previews_default": "既定でインラインURLプレビューを有効にする",
+        "insert_trailing_colon_mentions": "ユーザーをメンションする際にコロンを挿入",
+        "jump_to_bottom_on_send": "メッセージを送信する際にタイムラインの最下部に移動",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "鍵はこの端末からバックアップされています。",
+                "backup_setup_success_title": "セキュアバックアップに成功しました",
+                "cancel_warning": "いまキャンセルすると、ログイン情報にアクセスできなくなった場合に、暗号化されたメッセージやデータを失ってしまう可能性があります。",
+                "confirm_security_phrase": "セキュリティーフレーズを確認",
+                "description": "サーバー上の暗号鍵をバックアップして、暗号化されたメッセージとデータへのアクセスが失われるのを防ぎましょう。",
+                "download_or_copy": "%(downloadButton)sまたは%(copyButton)s",
+                "enter_phrase_description": "あなただけが知っているセキュリティーフレーズを入力してください。あなたのデータを保護するために使用されます。セキュリティーの観点から、アカウントのパスワードと異なるものを設定してください。",
+                "enter_phrase_title": "セキュリティーフレーズを入力",
+                "enter_phrase_to_confirm": "確認のため、セキュリティーフレーズを再入力してください。",
+                "generate_security_key_description": "セキュリティーキーを生成します。パスワードマネージャーもしくは金庫のような安全な場所で保管してください。",
+                "generate_security_key_title": "セキュリティーキーを生成",
+                "pass_phrase_match_failed": "合致しません。",
+                "pass_phrase_match_success": "合致します！",
+                "phrase_strong_enough": "すばらしい！ このセキュリティーフレーズは十分に強力なようです。",
+                "secret_storage_query_failure": "機密ストレージの状態を読み込めません",
+                "security_key_safety_reminder": "セキュリティーキーは、暗号化されたデータを保護するために使用されます。パスワードマネージャーもしくは金庫のような安全な場所で保管してください。",
+                "set_phrase_again": "戻って、改めて設定してください。",
+                "settings_reminder": "セキュアバックアップを設定し、設定画面から鍵を管理することもできます。",
+                "title_confirm_phrase": "セキュリティーフレーズを確認",
+                "title_save_key": "セキュリティーキーを保存",
+                "title_set_phrase": "セキュリティーフレーズを設定",
+                "unable_to_setup": "機密ストレージを設定できません",
+                "use_different_passphrase": "異なるパスフレーズを使用しますか？",
+                "use_phrase_only_you_know": "あなただけが知っている秘密のパスワードを使用してください。また、バックアップ用にセキュリティーキーを保存することができます（任意）。"
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "パスフレーズを確認",
+            "enter_passphrase": "パスフレーズを入力",
+            "export_description_1": "このプロセスでは、暗号化されたルームで受信したメッセージの鍵をローカルファイルにエクスポートできます。その後、クライアントがこれらのメッセージを復号化できるように、鍵のファイルを別のMatrixクライアントにインポートすることができます。",
+            "export_title": "ルームの暗号鍵をエクスポート",
+            "file_to_import": "インポートするファイル",
+            "import_description_1": "このプロセスでは、以前に別のMatrixクライアントからエクスポートした暗号鍵をインポートできます。これにより、他のクライアントが解読できる全てのメッセージを解読することができます。",
+            "import_description_2": "エクスポートされたファイルはパスフレーズで保護されています。ファイルを復号化するには、パスフレーズを以下に入力してください。",
+            "import_title": "ルームの鍵をインポート",
+            "phrase_cannot_be_empty": "パスフレーズには1文字以上が必要です",
+            "phrase_must_match": "パスフレーズが一致していません"
+        },
+        "keyboard": {
+            "title": "キーボード"
+        },
+        "notifications": {
+            "enable_audible_notifications_session": "このセッションで音声通知を有効にする",
+            "enable_desktop_notifications_session": "このセッションでデスクトップ通知を有効にする",
+            "enable_email_notifications": "%(email)sへの電子メール通知を有効にする",
+            "enable_notifications_account": "このアカウントで通知を有効にする",
+            "enable_notifications_account_detail": "オフにすると、全ての端末とセッションで通知が無効になります",
+            "enable_notifications_device": "この端末で通知を有効にする",
+            "error_loading": "通知設定を読み込む際にエラーが発生しました。",
+            "error_permissions_denied": "%(brand)sに通知を送信する権限がありません。ブラウザーの設定を確認してください",
+            "error_permissions_missing": "%(brand)sに通知を送信する権限がありませんでした。もう一度試してください",
+            "error_saving": "通知の設定を保存する際にエラーが発生しました",
+            "error_saving_detail": "通知の設定を保存する際にエラーが発生しました。",
+            "error_title": "通知を有効にできません",
+            "messages_containing_keywords": "指定のキーワードを含むメッセージ",
+            "noisy": "音量大",
+            "push_targets": "通知対象",
+            "rule_call": "通話への招待",
+            "rule_contains_display_name": "自身の表示名を含むメッセージ",
+            "rule_contains_user_name": "自身のユーザー名を含むメッセージ",
+            "rule_encrypted": "グループチャットでの暗号化されたメッセージ",
+            "rule_encrypted_room_one_to_one": "1対1のチャットでの暗号化されたメッセージ",
+            "rule_invite_for_me": "ルームに招待されたとき",
+            "rule_message": "グループチャットでのメッセージ",
+            "rule_room_one_to_one": "1対1のチャットでのメッセージ",
+            "rule_roomnotif": "@roomを含むメッセージ",
+            "rule_suppress_notices": "ボットによるメッセージ",
+            "rule_tombstone": "ルームがアップグレードされたとき",
+            "show_message_desktop_notification": "デスクトップ通知にメッセージの内容を表示"
+        },
+        "preferences": {
+            "always_show_menu_bar": "常にウィンドウメニューバーを表示",
+            "autocomplete_delay": "自動補完の遅延（ミリ秒）",
+            "code_blocks_heading": "コードブロック",
+            "compact_modern": "よりコンパクトな「モダン」レイアウトを使用",
+            "composer_heading": "入力欄",
+            "enable_hardware_acceleration": "ハードウェアアクセラレーションを有効にする",
+            "enable_tray_icon": "トレイアイコンを表示し、ウインドウを閉じるとトレイに最小化",
+            "keyboard_heading": "キーボードショートカット",
+            "keyboard_view_shortcuts_button": "<a>ここをクリック</a>すると、全てのキーボードのショートカットを表示します。",
+            "media_heading": "画像・GIF・動画",
+            "presence_description": "アクティビティーやステータスを他の人と共有します。",
+            "rm_lifetime": "既読マーカーを動かすまでの時間（ミリ秒）",
+            "rm_lifetime_offscreen": "既読マーカーを動かすまでの時間（画面オフ時）（ミリ秒）",
+            "room_list_heading": "ルーム一覧",
+            "show_avatars_pills": "アバターをユーザー、ルーム、イベントのメンションに表示",
+            "show_polls_button": "アンケートのボタンを表示",
+            "surround_text": "特殊な文字の入力中に、選択した文章を囲む",
+            "time_heading": "表示時刻"
+        },
+        "prompt_invite": "不正の可能性があるMatrix IDに招待を送信する前に確認",
+        "replace_plain_emoji": "自動的にプレーンテキストの絵文字を置き換える",
+        "security": {
+            "bulk_options_accept_all_invites": "%(invitedRooms)sの全ての招待を承認",
+            "bulk_options_reject_all_invites": "%(invitedRooms)sの全ての招待を拒否",
+            "bulk_options_section": "一括オプション",
+            "e2ee_default_disabled_warning": "サーバー管理者は、非公開のルームとダイレクトメッセージで既定でエンドツーエンド暗号化を無効にしています。",
+            "enable_message_search": "暗号化されたルームでメッセージの検索を有効にする",
+            "encryption_section": "暗号化",
+            "ignore_users_empty": "無視しているユーザーはいません。",
+            "ignore_users_section": "無視しているユーザー",
+            "key_backup_algorithm": "アルゴリズム：",
+            "message_search_disable_warning": "無効にすると、暗号化されたルームのメッセージは検索結果に表示されません。",
+            "message_search_disabled": "検索結果の表示用に、暗号化されたメッセージをローカルに安全にキャッシュしています。",
+            "message_search_enabled": {
+                "one": "検索結果の表示用に、暗号化されたメッセージをローカルに安全にキャッシュしています。現在、%(rooms)s個のルームのメッセージの保存に%(size)sを使用しています。",
+                "other": "検索結果の表示用に、暗号化されたメッセージをローカルに安全にキャッシュしています。現在、%(rooms)s個のルームのメッセージの保存に%(size)sを使用しています。"
+            },
+            "message_search_failed": "メッセージの検索機能の初期化に失敗しました",
+            "message_search_indexed_messages": "インデックス済のメッセージ数：",
+            "message_search_indexed_rooms": "インデックス済のルーム数：",
+            "message_search_indexing": "現在インデックス中のルーム：%(currentRoom)s",
+            "message_search_indexing_idle": "現在、どのルームのメッセージのインデックスも作成していません。",
+            "message_search_intro": "%(brand)sは検索結果の表示用に、暗号化されたメッセージをローカルに安全にキャッシュしています。",
+            "message_search_room_progress": "計%(totalRooms)s個のルームの内%(doneRooms)s個",
+            "message_search_section": "メッセージの検索",
+            "message_search_sleep_time": "メッセージをダウンロードする速度。",
+            "message_search_space_used": "使用中のストレージ容量：",
+            "message_search_unsupported": "暗号化されたメッセージの安全なキャッシュをローカルに保存するためのコンポーネントが%(brand)sにありません。この機能を試してみたい場合は、<nativeLink>検索コンポーネントが追加された</nativeLink>%(brand)sデスクトップのカスタム版をビルドしてください。",
+            "message_search_unsupported_web": "Webブラウザー上で動作する%(brand)sは、暗号化メッセージの安全なキャッシュをローカルに保存できません。<desktopLink>%(brand)s デスクトップ</desktopLink>を使用すると、暗号化メッセージを検索結果に表示することができます。",
+            "record_session_details": "クライアントの名称、バージョン、URLを記録し、セッションマネージャーでより容易にセッションを認識できるよう設定",
+            "send_analytics": "分析データを送信",
+            "strict_encryption": "このセッションでは、未認証のセッションに対して暗号化されたメッセージを送信しない"
+        },
+        "send_read_receipts": "開封確認メッセージを送信",
+        "send_read_receipts_unsupported": "あなたのサーバーは開封確認メッセージの送信防止をサポートしていません。",
+        "send_typing_notifications": "入力中通知を送信",
+        "sessions": {
+            "confirm_sign_out": {
+                "other": "端末からのサインアウトを承認",
+                "one": "端末からのサインアウトを承認"
+            },
+            "confirm_sign_out_body": {
+                "one": "下のボタンをクリックして、端末からのログアウトを承認してください。",
+                "other": "下のボタンをクリックして、端末からのログアウトを承認してください。"
+            },
+            "confirm_sign_out_continue": {
+                "one": "端末からサインアウト",
+                "other": "端末からサインアウト"
+            },
+            "confirm_sign_out_sso": {
+                "one": "シングルサインオンを使用して本人確認を行い、端末からのログアウトを承認してください。",
+                "other": "シングルサインオンを使用して本人確認を行い、端末からのログアウトを承認してください。"
+            },
+            "current_session": "現在のセッション",
+            "desktop_session": "デスクトップセッション",
+            "details_heading": "セッションの詳細",
+            "device_unverified_description": "セキュリティーと安定性の観点から、このセッションを認証するかサインアウトしてください。",
+            "device_unverified_description_current": "より安全なメッセージのやりとりのために、現在のセッションを認証しましょう。",
+            "device_verified_description": "このセッションは安全なメッセージのやりとりの準備ができています。",
+            "device_verified_description_current": "現在のセッションは安全なメッセージのやりとりに対応しています。",
+            "error_pusher_state": "プッシュサービスの設定に失敗しました",
+            "filter_all": "全て",
+            "filter_inactive": "非アクティブ",
+            "filter_inactive_description": "%(inactiveAgeDays)s日以上使用されていないセッション",
+            "filter_label": "端末を絞り込む",
+            "filter_unverified_description": "安全なメッセージのやりとりに非対応",
+            "filter_verified_description": "安全なメッセージのやりとりに対応",
+            "hide_details": "詳細を非表示にする",
+            "inactive_days": "%(inactiveAgeDays)s日以上使用されていません",
+            "inactive_sessions": "非アクティブなセッション",
+            "inactive_sessions_explainer_1": "非アクティブなセッションは、しばらく使用されていませんが、暗号鍵を受信しているセッションです。",
+            "inactive_sessions_explainer_2": "使用していないセッションを削除すると、セキュリティーとパフォーマンスが改善されます。また、新しいセッションが疑わしい場合に、より容易に特定できるようになります。",
+            "inactive_sessions_list_description": "使用していない古いセッション（%(inactiveAgeDays)s日以上使用されていません）からのサインアウトを検討してください。",
+            "ip": "IPアドレス",
+            "last_activity": "直近のアクティビティー",
+            "mobile_session": "モバイル端末セッション",
+            "n_sessions_selected": {
+                "one": "%(count)s個のセッションを選択済",
+                "other": "%(count)s個のセッションを選択済"
+            },
+            "no_inactive_sessions": "使用していないセッションはありません。",
+            "no_sessions": "セッションが見つかりません。",
+            "no_unverified_sessions": "未認証のセッションはありません。",
+            "no_verified_sessions": "認証済のセッションはありません。",
+            "other_sessions_heading": "その他のセッション",
+            "push_heading": "プッシュ通知",
+            "push_subheading": "このセッションでプッシュ通知を受信。",
+            "push_toggle": "このセッションのプッシュ通知を切り替える。",
+            "rename_form_caption": "セッション名は連絡先に対しても表示されます。ご注意ください。",
+            "rename_form_heading": "セッション名を変更",
+            "rename_form_learn_more": "セッション名の変更",
+            "rename_form_learn_more_description_1": "あなたが参加するダイレクトメッセージとルームの他のユーザーは、あなたのセッションの一覧を閲覧できます。",
+            "rename_form_learn_more_description_2": "セッションの一覧から、相手はあなたとやり取りしていることを確かめることができます。なお、あなたがここに入力するセッション名は相手に対して表示されます。",
+            "security_recommendations": "セキュリティーに関する勧告",
+            "security_recommendations_description": "以下の勧告に従い、アカウントのセキュリティーを改善しましょう。",
+            "session_id": "セッションID",
+            "show_details": "詳細を表示",
+            "sign_in_with_qr": "QRコードでサインイン",
+            "sign_in_with_qr_button": "QRコードを表示",
+            "sign_in_with_qr_description": "この端末を使い、QRコードをスキャンして新しい端末でサインインできます。この端末に表示されるQRコードを、サインインしていない端末でスキャンしてください。",
+            "sign_out": "このセッションからサインアウト",
+            "sign_out_all_other_sessions": "他のすべてのセッションからサインアウト（%(otherSessionsCount)s）",
+            "sign_out_confirm_description": {
+                "one": "%(count)s個のセッションからサインアウトしてよろしいですか？",
+                "other": "%(count)s個のセッションからサインアウトしてよろしいですか？"
+            },
+            "sign_out_n_sessions": {
+                "other": "%(count)s件のセッションからサインアウト",
+                "one": "%(count)s件のセッションからサインアウト"
+            },
+            "title": "セッション",
+            "unknown_session": "セッションタイプ不明",
+            "unverified_session": "未認証のセッション",
+            "unverified_session_explainer_1": "このセッションは暗号化をサポートしていないため、認証できません。",
+            "unverified_session_explainer_2": "このセッションでは、暗号化が有効になっているルームに参加することができません。",
+            "unverified_session_explainer_3": "セキュリティーとプライバシー保護の観点から、暗号化をサポートしているMatrixのクライアントの使用を推奨します。",
+            "unverified_sessions": "未認証のセッション",
+            "unverified_sessions_explainer_1": "未認証のセッションは、認証情報でログインされていますが、クロス認証は行われていないセッションです。",
+            "unverified_sessions_explainer_2": "これらのセッションは、アカウントの不正使用を示している可能性があるため、注意して確認してください。",
+            "unverified_sessions_list_description": "セッションを認証すると、より安全なメッセージのやりとりが可能になります。見覚えのない、または使用していないセッションがあれば、サインアウトしましょう。",
+            "verified_session": "認証済のセッション",
+            "verified_sessions": "認証済のセッション",
+            "verified_sessions_explainer_1": "認証済のセッションは、パスフレーズの入力、または他の認証済のセッションで本人確認を行ったセッションです。",
+            "verified_sessions_explainer_2": "認証済のセッションには、暗号化されたメッセージを復号化する際に使用する全ての鍵が備わっています。また、他のユーザーに対しては、あなたがこのセッションを信頼していることが表示されます。",
+            "verified_sessions_list_description": "セキュリティーを最大限に高めるには、不明なセッションや使用していないセッションからサインアウトしてください。",
+            "verify_session": "セッションを認証",
+            "web_session": "Webセッション"
+        },
+        "show_breadcrumbs": "ルームの一覧の上に、最近表示したルームのショートカットを表示",
+        "show_chat_effects": "チャットのエフェクトを表示（紙吹雪などを受け取ったときのアニメーション）",
+        "show_displayname_changes": "表示名の変更を表示",
+        "show_join_leave": "参加/退出のメッセージを表示（招待/削除/ブロックには影響しません）",
+        "show_read_receipts": "他のユーザーの開封確認メッセージを表示",
+        "show_redaction_placeholder": "削除されたメッセージに関する通知を表示",
+        "show_stickers_button": "ステッカーボタンを表示",
+        "show_typing_notifications": "入力中通知を表示",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "全てのルームを表示",
+            "metaspaces_home_all_rooms_description": "他のスペースに存在するルームを含めて、全てのルームをホームに表示。",
+            "metaspaces_home_description": "ホームは全体を把握するのに便利です。",
+            "metaspaces_orphans": "スペース外のルーム",
+            "metaspaces_orphans_description": "スペースに含まれない全てのルームを一箇所にまとめる。",
+            "metaspaces_subsection": "表示するスペース",
+            "title": "サイドバー"
+        },
+        "use_12_hour_format": "発言時刻を12時間形式で表示（例：2:30午後）",
+        "use_command_enter_send_message": "Command+Enterでメッセージを送信",
+        "use_command_f_search": "Command+Fでタイムラインを検索",
+        "use_control_enter_send_message": "Ctrl+Enterでメッセージを送信",
+        "use_control_f_search": "Ctrl+Fでタイムラインを検索",
+        "voip": {
+            "allow_p2p": "1対1通話でP2Pを使用する",
+            "allow_p2p_description": "有効にすると、第三者があなたのIPアドレスを閲覧できるようになる可能性があります",
+            "audio_input_empty": "マイクが検出されません",
+            "audio_output": "音声出力",
+            "audio_output_empty": "音声出力が検出されません",
+            "auto_gain_control": "自動音量調整",
+            "echo_cancellation": "エコーキャンセル",
+            "enable_fallback_ice_server_description": "あなたのホームサーバーがアシストサーバーを提供していない場合にのみ適用。IPアドレスが通話中に共有されます。",
+            "mirror_local_feed": "ビデオ映像のミラー効果（反転）を有効にする",
+            "missing_permissions_prompt": "メディアの使用に関する権限がありません。リクエストするには下のボタンを押してください。",
+            "noise_suppression": "雑音抑制",
+            "request_permissions": "メディア権限をリクエスト",
+            "title": "音声とビデオ",
+            "video_input_empty": "Webカメラが検出されません",
+            "video_section": "ビデオの設定",
+            "voice_agc": "マイクの音量を自動的に調節",
+            "voice_processing": "音声を処理しています",
+            "voice_section": "音声の設定"
+        },
+        "warn_quit": "終了する際に警告",
+        "warning": "<w>警告：</w><description/>"
+    },
+    "share": {
+        "permalink_message": "選択したメッセージにリンク",
+        "permalink_most_recent": "最新のメッセージにリンク",
+        "title_message": "ルームのメッセージを共有",
+        "title_room": "ルームを共有",
+        "title_user": "ユーザーを共有"
+    },
+    "slash_command": {
+        "addwidget": "URLで指定したユーザー定義のウィジェットをルームに追加",
+        "addwidget_invalid_protocol": "https:// または http:// で始まるウィジェットURLを指定してください",
+        "addwidget_missing_url": "ウィジェットのURLまたは埋め込みコードを入力してください",
+        "addwidget_no_permissions": "このルームのウィジェットを変更できません。",
+        "ban": "指定したIDのユーザーをブロック",
+        "category_actions": "アクション",
+        "category_admin": "管理者",
+        "category_advanced": "詳細",
+        "category_effects": "効果",
+        "category_messages": "メッセージ",
+        "category_other": "その他",
+        "command_error": "コマンドエラー",
+        "converttodm": "ルームをダイレクトメッセージに変換",
+        "converttoroom": "ダイレクトメッセージをルームに変換",
+        "deop": "指定したIDのユーザーの権限をリセット",
+        "devtools": "開発者ツールダイアログを開く",
+        "discardsession": "暗号化されたルーム内の現在のアウトバウンドグループセッションを強制的に破棄",
+        "error_invalid_rendering_type": "コマンドエラー：レンダリングの種類（%(renderingType)s）が見つかりません",
+        "error_invalid_runfn": "コマンドエラー：スラッシュコマンドは使えません。",
+        "help": "使い方と説明付きのコマンド一覧を表示",
+        "help_dialog_title": "コマンドヘルプ",
+        "holdcall": "現在のルームの通話を保留",
+        "html": "メッセージをマークダウンと解釈せずHTMLとして送信",
+        "ignore": "ユーザーを無視し、そのメッセージを非表示に設定",
+        "ignore_dialog_description": "%(userId)sを無視しています",
+        "ignore_dialog_title": "無視しているユーザー",
+        "invite": "指定したIDのユーザーを現在のルームに招待",
+        "invite_3pid_needs_is_error": "IDサーバーを使用し、メールで招待。設定画面で管理。",
+        "invite_3pid_use_default_is_title": "IDサーバーを使用",
+        "invite_3pid_use_default_is_title_description": "メールでの招待にIDサーバーを使用します。デフォルトのIDサーバー（%(defaultIdentityServerName)s）を使用する場合は「続行」をクリックしてください。または設定画面を開いて変更してください。",
+        "join": "指定したアドレスのルームに参加",
+        "jumptodate": "タイムラインの指定した日に移動",
+        "jumptodate_invalid_input": "指定した日時（%(inputDate)s）を理解できませんでした。YYYY-MM-DDのフォーマットを使用してください。",
+        "lenny": "プレーンテキストメッセージの前に ( ͡° ͜ʖ ͡°) を付ける",
+        "me": "アクションを表示",
+        "msg": "指定したユーザーにメッセージを送信",
+        "myroomnick": "表示されるニックネームをこのルームに関してのみ変更",
+        "nick": "表示されるニックネームを変更",
+        "no_active_call": "このルームにアクティブな通話はありません",
+        "op": "ユーザーの権限レベルを規定",
+        "part_unknown_alias": "ルームのアドレスが認識できません：%(roomAlias)s",
+        "plain": "メッセージをマークダウンと解釈せずプレーンテキストとして送信",
+        "query": "指定したユーザーとのチャットを開く",
+        "query_not_found_phone_number": "電話番号からMatrix IDを発見できません",
+        "rageshake": "ログ付きのバグレポートを送信",
+        "rainbow": "指定したメッセージを虹色で送信",
+        "rainbowme": "指定したエモートを虹色で送信",
+        "remove": "指定したIDのユーザーをこのルームから追放",
+        "roomavatar": "現在のルームのアバターを変更",
+        "roomname": "ルーム名を設定",
+        "server_error": "サーバーエラー",
+        "server_error_detail": "サーバーが使用できないか、オーバーロードしているか、または問題が発生しました。",
+        "shrug": "プレーンテキストメッセージの前に ¯\\_(ツ)_/¯ を付ける",
+        "spoiler": "選択したメッセージをネタバレとして送信",
+        "tableflip": "プレーンテキストメッセージの前に (╯°□°）╯︵ ┻━┻ を付ける",
+        "topic": "ルームのトピックを取得または設定",
+        "topic_none": "このルームにはトピックがありません。",
+        "topic_room_error": "ルームのトピックの取得に失敗しました：ルームを発見できません（%(roomId)s）",
+        "unban": "指定したIDのユーザーのブロックを解除",
+        "unflip": "プレーンテキストメッセージの前に ┬──┬ ノ( ゜-゜ノ) を付ける",
+        "unholdcall": "現在のルームの通話を保留から外す",
+        "unignore": "ユーザーの無視を解除し、以後のメッセージを表示",
+        "unignore_dialog_description": "あなたは%(userId)sを無視していません",
+        "unignore_dialog_title": "無視していないユーザー",
+        "unknown_command": "不明なコマンド",
+        "unknown_command_button": "メッセージとして送信",
+        "unknown_command_detail": "認識されていないコマンド：%(commandText)s",
+        "unknown_command_help": "<code>/help</code>を使うと利用可能なコマンドを一覧できます。メッセージとして送信するつもりでしたか？",
+        "unknown_command_hint": "ヒント：通常メッセージをスラッシュで開始したい場合は<code>//</code>から始めます。",
+        "upgraderoom": "ルームを新しいバージョンにアップグレード",
+        "upgraderoom_permission_error": "このコマンドを実行するのに必要な権限がありません。",
+        "usage": "用法",
+        "verify": "ユーザー、セッション、およびpubkeyタプルを認証",
+        "whois": "ユーザーの情報を表示"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "代わりに新しいルームを追加しますか？",
+            "create_prompt": "新しいルームを作成",
+            "dm_heading": "ダイレクトメッセージ",
+            "error_heading": "選択されたもの全てが追加されてはいません",
+            "progress_text": {
+                "one": "ルームを追加しています…",
+                "other": "ルームを追加しています…（計%(count)s個のうち%(progress)s個）"
+            },
+            "space_dropdown_label": "スペースの選択",
+            "space_dropdown_title": "既存のルームを追加",
+            "subspace_moved_note": "スペースの追加機能は移動しました。"
+        },
+        "add_existing_subspace": {
+            "create_button": "新しいスペースを作成",
+            "create_prompt": "代わりに新しいスペースを追加しますか？",
+            "filter_placeholder": "スペースを検索",
+            "space_dropdown_title": "既存のスペースを追加"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "ルームのタイムラインを表示（開発者ツール）",
+            "explore": "ルームを探す",
+            "home": "スペースのホーム",
+            "manage_and_explore": "ルームの管理および探索",
+            "options": "スペースのオプション"
+        },
+        "failed_load_rooms": "ルームの一覧を読み込むのに失敗しました。",
+        "failed_remove_rooms": "いくつかのルームの削除に失敗しました。後でもう一度やり直してください",
+        "incompatible_server_hierarchy": "あなたのサーバーはスペースの階層表示をサポートしていません。",
+        "invite": "連絡先を招待",
+        "invite_description": "メールアドレスまたはユーザー名で招待",
+        "invite_link": "招待リンクを共有",
+        "joining_space": "参加しています",
+        "landing_welcome": "<name/>にようこそ",
+        "leave_dialog_action": "スペースから退出",
+        "leave_dialog_description": "<spaceName/>から退出しようとしています。",
+        "leave_dialog_only_admin_room_warning": "あなたは、退出しようとしているいくつかのルームとスペースの唯一の管理者です。退出すると、誰もそれらを管理できなくなります。",
+        "leave_dialog_only_admin_warning": "あなたはこのスペースの唯一の管理者です。退出すると、誰もそれを管理できなくなります。",
+        "leave_dialog_option_all": "全てのルームから退出",
+        "leave_dialog_option_intro": "このスペースのルームから退出しますか？",
+        "leave_dialog_option_none": "どのルームからも退出しない",
+        "leave_dialog_option_specific": "退出するルームを選択",
+        "leave_dialog_public_rejoin_warning": "再び招待されない限り、再参加することはできません。",
+        "leave_dialog_title": "%(spaceName)sから退出",
+        "mark_suggested": "おすすめに追加",
+        "no_search_result_hint": "別のキーワードで検索するか、キーワードが正しいか確認してください。",
+        "preferences": {
+            "sections_section": "表示するセクション",
+            "show_people_in_space": "このスペースのメンバーとの会話をまとめます。無効にすると、それらの会話は%(spaceName)sの表示画面に表示されなくなります。"
+        },
+        "room_filter_placeholder": "ルームを検索",
+        "search_children": "%(spaceName)sを検索",
+        "search_placeholder": "名前と説明文を検索",
+        "select_room_below": "以下からルームを選択してください",
+        "share_public": "公開スペースを共有",
+        "suggested": "おすすめ",
+        "suggested_tooltip": "このルームは、参加を推奨するルームとしておすすめされています",
+        "title_when_query_available": "結果",
+        "title_when_query_unavailable": "ルームとスペース",
+        "unmark_suggested": "おすすめから除外",
+        "user_lacks_permission": "権限がありません"
+    },
+    "space_settings": {
+        "title": "設定 - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "探したい新しいサーバーの名前を入力してください。",
+            "network_dropdown_add_dialog_placeholder": "サーバー名",
+            "network_dropdown_add_dialog_title": "新しいサーバーを追加",
+            "network_dropdown_add_server_option": "新しいサーバーを追加…",
+            "network_dropdown_available_invalid": "このサーバーまたはそのルーム一覧が見つかりません",
+            "network_dropdown_available_invalid_forbidden": "このサーバーのルームの一覧を閲覧する許可がありません",
+            "network_dropdown_available_valid": "問題ありません",
+            "network_dropdown_remove_server_adornment": "サーバー“%(roomServer)s”を削除",
+            "network_dropdown_required_invalid": "サーバー名を入力",
+            "network_dropdown_selected_label": "表示：Matrixルーム",
+            "network_dropdown_selected_label_instance": "表示：%(instance)s ルーム（%(server)s）",
+            "network_dropdown_your_server_description": "あなたのサーバー"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "探している相手が見つからなければ、招待リンクを送信してください。",
+        "cant_find_room_helpful_hint": "探しているルームが見つからない場合、招待を要求するか新しいルームを作成してください。",
+        "copy_link_text": "招待リンクをコピー",
+        "count_of_members": {
+            "other": "%(count)s人の参加者",
+            "one": "%(count)s人の参加者"
+        },
+        "create_new_room_button": "新しいルームを作成",
+        "group_chat_section_title": "その他のオプション",
+        "heading_with_query": "「%(query)s」のキーワードで検索",
+        "heading_without_query": "検索",
+        "join_button_text": "%(roomAddress)sに参加",
+        "keyboard_scroll_hint": "<arrows/>でスクロール",
+        "other_rooms_in_space": "%(spaceName)sの他のルーム",
+        "public_rooms_label": "公開ルーム",
+        "recent_searches_section_title": "最近の検索",
+        "recently_viewed_section_title": "最近表示したルーム",
+        "remove_filter": "%(filter)sの検索フィルターを削除",
+        "result_may_be_hidden_privacy_warning": "プライバシーの観点から表示していない結果があります",
+        "result_may_be_hidden_warning": "いくつかの結果が表示されていない可能性があります",
+        "search_dialog": "検索ダイアログ",
+        "spaces_title": "参加しているスペース",
+        "start_group_chat_button": "グループチャットを開始"
+    },
+    "stickers": {
+        "empty": "現在、ステッカーパックが有効になっていません",
+        "empty_add_prompt": "今すぐ追加"
+    },
+    "terms": {
+        "column_document": "ドキュメント",
+        "column_service": "サービス",
+        "column_summary": "概要",
+        "identity_server_no_terms_description_1": "このアクションを行うには、既定のIDサーバー <server /> にアクセスしてメールアドレスまたは電話番号を認証する必要がありますが、サーバーには利用規約がありません。",
+        "identity_server_no_terms_description_2": "サーバーの所有者を信頼する場合のみ続行してください。",
+        "identity_server_no_terms_title": "IDサーバーには利用規約がありません",
+        "inline_intro_text": "<policyLink />に同意して続行：",
+        "integration_manager": "ボット、ブリッジ、ウィジェット、ステッカーパックを使用",
+        "intro": "続行するには、このサービスの利用規約に同意する必要があります。",
+        "summary_identity_server_1": "知人を電話番号か電子メールで探す",
+        "summary_identity_server_2": "自分を電話番号か電子メールで見つけられるようにする",
+        "tac_button": "利用規約を確認",
+        "tac_description": "%(homeserverDomain)sのホームサーバーを引き続き使用するには、利用規約を確認して同意する必要があります。",
+        "tac_title": "利用規約",
+        "tos": "利用規約"
+    },
+    "theme": {
+        "light_high_contrast": "ライト（高コントラスト）",
+        "match_system": "システムに合致"
+    },
+    "thread_view_back_action_label": "スレッドに戻る",
+    "threads": {
+        "all_threads": "全てのスレッド",
+        "all_threads_description": "現在のルームのスレッドを全て表示",
+        "count_of_reply": {
+            "other": "%(count)s件の返信",
+            "one": "%(count)s件の返信"
+        },
+        "my_threads": "自分のスレッド",
+        "my_threads_description": "参加している全スレッドを表示",
+        "open_thread": "スレッドを開く",
+        "show_thread_filter": "表示："
+    },
+    "time": {
+        "date_at_time": "%(date)s %(time)s",
+        "hours_minutes_seconds_left": "残り%(hours)s時間%(minutes)s分%(seconds)s秒",
+        "left": "残り%(timeRemaining)s",
+        "minutes_seconds_left": "残り%(minutes)s分%(seconds)s秒",
+        "seconds_left": "残り%(seconds)s秒",
+        "short_days": "%(value)s日",
+        "short_days_hours_minutes_seconds": "%(days)s日%(hours)s時%(minutes)s分%(seconds)s秒",
+        "short_hours": "%(value)s時",
+        "short_hours_minutes_seconds": "%(hours)s時%(minutes)s分%(seconds)s秒",
+        "short_minutes": "%(value)s分",
+        "short_minutes_seconds": "%(minutes)s分%(seconds)s秒",
+        "short_seconds": "%(value)s秒"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "返信のスレッドを折りたたむ",
+            "external_url": "ソースのURL",
+            "open_in_osm": "OpenStreetMapで開く",
+            "report": "報告",
+            "resent_unsent_reactions": "%(unsentCount)s個のリアクションを再送信",
+            "show_url_preview": "プレビューを表示",
+            "view_related_event": "関連するイベントを表示",
+            "view_source": "ソースコードを表示"
+        },
+        "creation_summary_dm": "%(creator)sがこのダイレクトメッセージを作成しました。",
+        "creation_summary_room": "%(creator)sがルームを作成し設定しました。",
+        "disambiguated_profile": "%(displayName)s（%(matrixId)s）",
+        "download_action_downloading": "ダウンロードしています",
+        "edits": {
+            "tooltip_label": "%(date)sに編集済。クリックすると変更履歴を表示。",
+            "tooltip_sub": "クリックすると変更履歴を表示",
+            "tooltip_title": "%(date)sに編集済"
+        },
+        "error_no_renderer": "このイベントは表示できませんでした",
+        "error_rendering_message": "このメッセージを読み込めません",
+        "historical_messages_unavailable": "以前のメッセージは表示できません",
+        "in_room_name": " <strong>%(room)s</strong>内で",
+        "io.element.widgets.layout": "%(senderName)sがルームのレイアウトを更新しました",
+        "load_error": {
+            "no_permission": "このルームのタイムラインの特定の地点を読み込もうとしましたが、問題のメッセージを閲覧する権限がありません。",
+            "title": "タイムラインの位置を読み込めませんでした",
+            "unable_to_find": "このルームのタイムラインの特定の地点を読み込もうとしましたが、見つけられませんでした。"
+        },
+        "m.audio": {
+            "error_downloading_audio": "音声をダウンロードする際にエラーが発生しました",
+            "error_processing_audio": "音声メッセージを処理する際にエラーが発生しました",
+            "error_processing_voice_message": "音声メッセージを処理する際にエラーが発生しました"
+        },
+        "m.beacon_info": {
+            "view_live_location": "位置情報（ライブ）を表示"
+        },
+        "m.call": {
+            "video_call_ended": "ビデオ通話が終了しました",
+            "video_call_started": "ビデオ通話が%(roomName)sで開始しました。",
+            "video_call_started_text": "%(name)sがビデオ通話を始めました",
+            "video_call_started_unsupported": "ビデオ通話が%(roomName)sで開始しました。（このブラウザーではサポートされていません）"
+        },
+        "m.call.hangup": {
+            "dm": "通話が終了しました"
+        },
+        "m.call.invite": {
+            "call_back_prompt": "かけ直す",
+            "declined": "拒否しました",
+            "failed_connect_media": "メディアに接続できませんでした",
+            "failed_connection": "接続に失敗しました",
+            "failed_opponent_media": "相手の端末はカメラ、もしくはマイクを使用できませんでした",
+            "missed_call": "不在着信",
+            "no_answer": "応答がありません",
+            "unknown_error": "不明なエラーが発生しました",
+            "unknown_failure": "不明なエラー：%(reason)s",
+            "unknown_state": "通話の状態が不明です！",
+            "video_call": "%(senderName)sがビデオ通話を行いました。",
+            "video_call_unsupported": "%(senderName)sがビデオ通話を行いました。（このブラウザーではサポートされていません）",
+            "voice_call": "%(senderName)sが音声通話を行いました。",
+            "voice_call_unsupported": "%(senderName)sが音声通話を行いました。（このブラウザーではサポートされていません）"
+        },
+        "m.file": {
+            "error_decrypting": "添付ファイルを復号化する際にエラーが発生しました"
+        },
+        "m.image": {
+            "error": "エラーにより画像を表示できません",
+            "error_decrypting": "画像を復号化する際にエラーが発生しました",
+            "error_downloading": "画像をダウンロードする際にエラーが発生しました",
+            "sent": "%(senderDisplayName)sが画像を送信しました。",
+            "show_image": "画像を表示"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)sが認証を要求しています",
+            "you_started": "認証リクエストを送信しました"
+        },
+        "m.location": {
+            "full": "%(senderName)sが位置情報を共有しました",
+            "location": "位置情報を共有しました： ",
+            "self_location": "位置情報を共有しました： "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s個の投票",
+                "other": "%(count)s個の投票"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)sがアンケートを終了しました"
+        },
+        "m.poll.start": "%(senderName)sがアンケートを開始しました - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)sがルームのアバターを変更しました。",
+            "lightbox_title": "%(senderDisplayName)sが%(roomName)sのアバターを変更しました"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)sがこのルームの代替アドレス %(addresses)s を追加しました。",
+                "other": "%(senderName)sがこのルームの代替アドレス %(addresses)s を追加しました。"
+            },
+            "alt_removed": {
+                "one": "%(senderName)sがこのルームの代替アドレス %(addresses)s を削除しました。",
+                "other": "%(senderName)sがこのルームの代替アドレス %(addresses)s を削除しました。"
+            },
+            "changed": "%(senderName)sがこのルームのアドレスを変更しました。",
+            "changed_alternative": "%(senderName)sがこのルームの代替アドレスを変更しました。",
+            "changed_main_and_alternative": "%(senderName)sがこのルームのメインアドレスと代替アドレスを変更しました。",
+            "removed": "%(senderName)sがこのルームのメインアドレスを削除しました。",
+            "set": "%(senderName)sがこのルームのメインアドレスを%(address)sに設定しました。"
+        },
+        "m.room.create": {
+            "continuation": "このルームは別の会話の続きです。",
+            "see_older_messages": "ここをクリックすると、以前のメッセージを表示します。"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)sがこのルームへのゲストによる参加を許可しました。",
+            "forbidden": "%(senderDisplayName)sがこのルームへのゲストによる参加を拒否しました。",
+            "unknown": "%(senderDisplayName)sがゲストによるアクセスを「%(rule)s」に変更しました。"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)sが、今後のルームの履歴を「メンバーのみ（招待された時点以降）」閲覧可能に設定しました。",
+            "joined": "%(senderName)sが、今後のルームの履歴を「メンバーのみ（参加した時点以降）」閲覧可能に設定しました。",
+            "shared": "%(senderName)sが、今後のルームの履歴を「メンバーのみ」閲覧可能に設定しました。",
+            "unknown": "%(senderName)sが、今後のルームの履歴を「不明（%(visibility)s）」に閲覧可能に設定しました。",
+            "world_readable": "%(senderName)sが、今後のルームの履歴を「誰でも」閲覧可能に設定しました。"
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)sがこのルームを「招待者のみ参加可能」に変更しました。",
+            "public": "%(senderDisplayName)sがこのルームを「リンクを知っている人全員」に公開しました。",
+            "restricted": "%(senderDisplayName)sがこのルームに参加できる対象を変更しました。",
+            "restricted_settings": "%(senderDisplayName)sがこのルームに参加できる対象を変更しました。<a>設定を表示</a>。",
+            "unknown": "%(senderDisplayName)sが参加ルールを「%(rule)s」に変更しました。"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)sが%(displayName)sの招待を受け入れました",
+            "accepted_invite": "%(targetName)sが招待を受け入れました",
+            "ban": "%(senderName)sが%(targetName)sをブロックしました",
+            "ban_reason": "%(senderName)sが%(targetName)sをブロックしました。理由：%(reason)s",
+            "change_avatar": "%(senderName)sがプロフィール画像を変更しました",
+            "change_name": "%(oldDisplayName)sが表示名を%(displayName)sに変更しました",
+            "invite": "%(senderName)sが%(targetName)sを招待しました",
+            "join": "%(targetName)sがこのルームに参加しました",
+            "kick": "%(senderName)sが%(targetName)sを追放しました",
+            "kick_reason": "%(senderName)sが%(targetName)sを追放しました。理由：%(reason)s",
+            "left": "%(targetName)sがこのルームから退出しました",
+            "left_reason": "%(targetName)sがルームから退出しました。理由：%(reason)s",
+            "no_change": "%(senderName)sは変更を加えませんでした",
+            "reject_invite": "%(targetName)sが招待を拒否しました",
+            "remove_avatar": "%(senderName)sがプロフィール画像を削除しました",
+            "remove_name": "%(senderName)sが表示名（%(oldDisplayName)s）を削除しました",
+            "set_avatar": "%(senderName)sがプロフィール画像を設定しました",
+            "set_name": "%(senderName)sが表示名を%(displayName)sに設定しました",
+            "unban": "%(senderName)sが%(targetName)sのブロックを解除しました",
+            "withdrew_invite": "%(senderName)sが%(targetName)sの招待を取り下げました",
+            "withdrew_invite_reason": "%(senderName)sが%(targetName)sの招待を取り下げました。理由：%(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)sがルーム名を%(oldRoomName)sから%(newRoomName)sに変更しました。",
+            "remove": "%(senderDisplayName)sがルーム名を削除しました。",
+            "set": "%(senderDisplayName)sがルーム名を%(roomName)sに変更しました。"
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)sが、ルームの固定メッセージを変更しました。",
+            "changed_link": "%(senderName)sがこのルームの<a>固定メッセージ</a>を変更しました。",
+            "pinned": "%(senderName)sがメッセージをこのルームに固定しました。全ての固定メッセージを表示。",
+            "pinned_link": "%(senderName)sが<a>メッセージ</a>をこのルームに固定しました。全ての<b>固定メッセージ</b>を表示。",
+            "unpinned": "%(senderName)sがメッセージの固定を解除しました。全ての固定メッセージを表示。",
+            "unpinned_link": "%(senderName)sが<a>このメッセージ</a>の固定を解除しました。全ての<b>固定メッセージ</b>を表示。"
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)sが%(powerLevelDiffText)s",
+            "user_from_to": "%(userId)sの権限レベルを%(fromPowerLevel)sから%(toPowerLevel)sに変更しました。"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)sが%(targetDisplayName)sへのルームの招待を取り消しました。",
+            "sent": "%(senderName)sが%(targetDisplayName)sをこのルームに招待しました。"
+        },
+        "m.room.tombstone": "%(senderDisplayName)sがこのルームをアップグレードしました。",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)sがトピックを\"%(topic)s\"に変更しました。"
+        },
+        "m.sticker": "%(senderDisplayName)sがステッカーを送信しました。",
+        "m.video": {
+            "error_decrypting": "動画を復号化する際にエラーが発生しました"
+        },
+        "m.widget": {
+            "added": "%(widgetName)sウィジェットが%(senderName)sによって追加されました",
+            "jitsi_ended": "%(senderName)sがビデオ会議を終了しました",
+            "jitsi_join_right_prompt": "右側のルーム情報カードから会議に参加",
+            "jitsi_join_top_prompt": "このルームの上部で会議に参加",
+            "jitsi_started": "%(senderName)sがビデオ会議を開始しました",
+            "jitsi_updated": "%(senderName)sがビデオ会議を更新しました",
+            "modified": "%(widgetName)sウィジェットは%(senderName)sによって変更されました",
+            "removed": "%(widgetName)sウィジェットが%(senderName)sによって削除されました"
+        },
+        "mab": {
+            "copy_link_thread": "スレッドへのリンクをコピー",
+            "view_in_room": "ルーム内で表示"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)sが、%(oldGlob)sにマッチするブロック用ルールを、%(newGlob)sにマッチするブロック用ルールに更新しました（理由：%(reason)s）",
+            "changed_rule_rooms": "%(senderName)sが、%(oldGlob)sにマッチするルームをブロックするルールを、%(newGlob)sにマッチするルームをブロックするルールに変更しました（理由：%(reason)s）",
+            "changed_rule_servers": "%(senderName)sが、%(oldGlob)sにマッチするサーバーをブロックするルールを、%(newGlob)sにマッチするサーバーをブロックするルールに変更しました（理由：%(reason)s）",
+            "changed_rule_users": "%(senderName)sが、%(oldGlob)sにマッチするユーザーをブロックするルールを、%(newGlob)sにマッチするユーザーをブロックするルールに変更しました（理由：%(reason)s）",
+            "created_rule": "%(senderName)sが%(glob)sにマッチするブロック用ルールを作成しました（理由：%(reason)s）",
+            "created_rule_rooms": "%(senderName)sが%(glob)sにマッチするルームをブロックするルールを作成しました（理由：%(reason)s）",
+            "created_rule_servers": "%(senderName)sが%(glob)sにマッチするサーバーをブロックするルールを作成しました（理由：%(reason)s）",
+            "created_rule_users": "%(senderName)sが%(glob)sにマッチするユーザーをブロックするルールを作成しました（理由：%(reason)s）",
+            "removed_rule": "%(senderName)sが%(glob)sにマッチするブロック用ルールを削除しました",
+            "removed_rule_rooms": "%(senderName)sが%(glob)sにマッチするルームをブロックするルールを削除しました",
+            "removed_rule_servers": "%(senderName)sが%(glob)sにマッチするサーバーをブロックするルールを削除しました",
+            "removed_rule_users": "%(senderName)sが%(glob)sにマッチするユーザーをブロックするルールを削除しました",
+            "updated_invalid_rule": "%(senderName)sが不正なブロックに関するルールを更新しました",
+            "updated_rule": "%(senderName)sが%(glob)sにマッチするブロック用ルールを更新しました（理由：%(reason)s）",
+            "updated_rule_rooms": "%(senderName)sが%(glob)sにマッチするルームをブロックするルールを更新しました（理由：%(reason)s）",
+            "updated_rule_servers": "%(senderName)sが%(glob)sにマッチするサーバーをブロックするルールを更新しました（理由：%(reason)s）",
+            "updated_rule_users": "%(senderName)sが%(glob)sにマッチするユーザーをブロックするルールを更新しました（理由：%(reason)s）"
+        },
+        "no_permission_messages_before_invite": "招待される前のメッセージを表示する権限がありません。",
+        "no_permission_messages_before_join": "参加する前のメッセージを表示する権限がありません。",
+        "pending_moderation": "保留中のメッセージのモデレート",
+        "pending_moderation_reason": "メッセージはモデレートの保留中です：%(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "リアクションを追加",
+            "label": "%(reactors)sは%(content)sでリアクションしました"
+        },
+        "read_receipt_title": {
+            "one": "%(count)s人が閲覧済",
+            "other": "%(count)s人が閲覧済"
+        },
+        "read_receipts_label": "開封確認メッセージ",
+        "redacted": {
+            "tooltip": "%(date)sにメッセージが削除されました"
+        },
+        "redaction": "%(name)sによってメッセージが削除されました",
+        "reply": {
+            "error_loading": "返信されたイベントを読み込めません。存在しないか、表示する権限がありません。",
+            "in_reply_to": "<pill>への<a>返信</a>",
+            "in_reply_to_for_export": "<a>このメッセージ</a>への返信"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "%(integrationsUrl)sで使用するアカウントを認証するため、外部サイトに移動します。続行してよろしいですか？",
+            "dialog_title": "統合を追加"
+        },
+        "self_redaction": "メッセージが削除されました",
+        "send_state_encrypting": "メッセージを暗号化しています…",
+        "send_state_failed": "送信に失敗しました",
+        "send_state_sending": "メッセージを送信しています…",
+        "send_state_sent": "メッセージが送信されました",
+        "summary": {
+            "banned": {
+                "other": "が%(count)s回ブロックされました",
+                "one": "がブロックされました"
+            },
+            "banned_multiple": {
+                "other": "が%(count)s回ブロックされました",
+                "one": "がブロックされました"
+            },
+            "changed_name": {
+                "other": "%(oneUser)sが%(count)s回名前を変更しました",
+                "one": "%(oneUser)sが名前を変更しました"
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)sが%(count)s回名前を変更しました",
+                "one": "%(severalUsers)sが名前を変更しました"
+            },
+            "format": "%(nameList)s%(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)sが1件の非表示のメッセージを送信しました",
+                "other": "%(oneUser)sが%(count)s件の非表示のメッセージを送信しました"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)sが1件の非表示のメッセージを送信しました",
+                "other": "%(severalUsers)sが%(count)s件の非表示のメッセージを送信しました"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)sが%(count)s回招待を取り消しました",
+                "one": "%(oneUser)sが招待を取り消しました"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)sが招待を取り消しました",
+                "other": "%(severalUsers)sが%(count)s回招待を取り消しました"
+            },
+            "invited": {
+                "other": "が%(count)s回招待されました",
+                "one": "が招待されました"
+            },
+            "invited_multiple": {
+                "other": "が%(count)s回招待されました",
+                "one": "が招待されました"
+            },
+            "joined": {
+                "other": "%(oneUser)sが%(count)s回参加しました",
+                "one": "%(oneUser)sが参加しました"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)sが%(count)s回参加し退出しました",
+                "one": "%(oneUser)sが参加し退出しました"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)sが%(count)s回参加し、退出しました",
+                "one": "%(severalUsers)sが参加して退出しました"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)sが%(count)s回参加しました",
+                "one": "%(severalUsers)sが参加しました"
+            },
+            "kicked": {
+                "one": "が追放されました",
+                "other": "が%(count)s回追放されました"
+            },
+            "kicked_multiple": {
+                "one": "が追放されました",
+                "other": "が%(count)s回追放されました"
+            },
+            "left": {
+                "other": "%(oneUser)sが%(count)s回退出しました",
+                "one": "%(oneUser)sが退出しました"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)sが%(count)s回退出しました",
+                "one": "%(severalUsers)sが退出しました"
+            },
+            "no_change": {
+                "one": "%(oneUser)sは変更を加えませんでした",
+                "other": "%(oneUser)sが%(count)s回変更を加えませんでした"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)sが%(count)s回変更を加えませんでした",
+                "one": "%(severalUsers)sは変更を加えませんでした"
+            },
+            "pinned_events": {
+                "other": "%(oneUser)sがこのルームの<a>固定メッセージ</a>を%(count)s回変更しました",
+                "one": "%(oneUser)sがこのルームの<a>固定メッセージ</a>を変更しました"
+            },
+            "pinned_events_multiple": {
+                "other": "%(severalUsers)sがこのルームの<a>固定メッセージ</a>を%(count)s回変更しました",
+                "one": "%(severalUsers)sがこのルームの<a>固定メッセージ</a>を変更しました"
+            },
+            "redacted": {
+                "one": "%(oneUser)sがメッセージを削除しました",
+                "other": "%(oneUser)sが%(count)s件のメッセージを削除しました"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)sがメッセージを削除しました",
+                "other": "%(severalUsers)sが%(count)s件のメッセージを削除しました"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)sが%(count)s回招待を拒否しました",
+                "one": "%(oneUser)sが招待を拒否しました"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)sが%(count)s回招待を拒否しました",
+                "one": "%(severalUsers)sが招待を拒否しました"
+            },
+            "rejoined": {
+                "other": "%(oneUser)sが%(count)s回退出し再参加しました",
+                "one": "%(oneUser)sが退出し再参加しました"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)sが%(count)s回退出し再参加しました",
+                "one": "%(severalUsers)sが退出し再参加しました"
+            },
+            "unbanned": {
+                "other": "が%(count)s回ブロック解除されました",
+                "one": "がブロック解除されました"
+            },
+            "unbanned_multiple": {
+                "other": "が%(count)s回ブロック解除されました",
+                "one": "がブロック解除されました"
+            }
+        },
+        "thread_info_basic": "スレッドから",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)sと他%(count)s人が入力しています…",
+                "one": "%(names)sともう1人が入力しています…"
+            },
+            "one_user": "%(displayName)sが入力しています…",
+            "two_users": "%(names)sと%(lastPerson)sが入力しています…"
+        },
+        "undecryptable_tooltip": "このメッセージを復号化できませんでした"
+    },
+    "truncated_list_n_more": {
+        "other": "他%(count)s人以上…"
+    },
+    "update": {
+        "changelog": "更新履歴",
+        "check_action": "更新を確認",
+        "checking": "更新を確認しています…",
+        "downloading": "更新をダウンロードしています…",
+        "error_encountered": "エラーが発生しました（%(errorDetail)s）。",
+        "error_unable_load_commit": "コミットの詳細を読み込めません：%(msg)s",
+        "new_version_available": "新しいバージョンが利用可能です。<a>今すぐ更新</a>",
+        "no_update": "更新はありません。",
+        "release_notes_toast_title": "新着",
+        "see_changes_button": "新着",
+        "toast_description": "%(brand)sの新しいバージョンが利用可能です",
+        "toast_title": "%(brand)sの更新",
+        "unavailable": "使用できません"
+    },
+    "upload_failed_generic": "ファイル '%(fileName)s' のアップロードに失敗しました。",
+    "upload_failed_size": "ファイル '%(fileName)s' はこのホームサーバーのアップロードのサイズ上限を超過しています",
+    "upload_failed_title": "アップロードに失敗しました",
+    "upload_file": {
+        "cancel_all_button": "全てキャンセル",
+        "error_file_too_large": "アップロードしようとしているファイルのサイズが<b>大きすぎます</b>。最大のサイズは%(limit)sですが、ファイルのサイズは%(sizeOfThisFile)sです。",
+        "error_files_too_large": "アップロードしようとしているファイルのサイズが<b>大きすぎます</b>。最大のサイズは%(limit)sです。",
+        "error_some_files_too_large": "アップロードしようとしているいくつかのファイルのサイズが<b>大きすぎます</b>。最大のサイズは%(limit)sです。",
+        "error_title": "アップロードエラー",
+        "title": "ファイルのアップロード",
+        "title_progress": "ファイルのアップロード（%(current)s/%(total)s）",
+        "upload_all_button": "全てアップロード",
+        "upload_n_others_button": {
+            "one": "あと%(count)s個のファイルをアップロード",
+            "other": "あと%(count)s個のファイルをアップロード"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "管理者ツール",
+        "ban_button_room": "ルームからブロック",
+        "ban_button_space": "スペースからブロック",
+        "ban_room_confirm_title": "%(roomName)sからブロック",
+        "ban_space_everything": "自分に可能な範囲で、全てのものからブロック",
+        "ban_space_specific": "自分に可能な範囲で、特定のものからブロック",
+        "deactivate_confirm_action": "ユーザーを無効化",
+        "deactivate_confirm_description": "このユーザーを無効化すると、このユーザーはログアウトし、再度ログインすることはできなくなります。また、現在参加している全てのルームから退出します。このアクションを元に戻すことはできません。このユーザーを無効化してもよろしいですか？",
+        "deactivate_confirm_title": "ユーザーを無効化しますか？",
+        "demote_button": "降格する",
+        "demote_self_confirm_description_space": "あなたは自分自身を降格させようとしています。この変更は取り消せません。あなたがスペースの中で最後の特権ユーザーである場合、特権を再取得することはできなくなります。",
+        "demote_self_confirm_room": "あなたは自分自身を降格させようとしています。この変更は取り消せません。あなたがルームの中で最後の特権ユーザーである場合、特権を再取得することはできなくなります。",
+        "demote_self_confirm_title": "自身を降格しますか？",
+        "disinvite_button_room": "ルームへの招待を取り消す",
+        "disinvite_button_room_name": "%(roomName)sへの招待を取り消す",
+        "disinvite_button_space": "スペースへの招待を取り消す",
+        "error_ban_user": "ユーザーをブロックできませんでした",
+        "error_deactivate": "ユーザーの無効化に失敗しました",
+        "error_kicking_user": "ユーザーの追放に失敗しました",
+        "error_mute_user": "ユーザーのミュートに失敗しました",
+        "error_revoke_3pid_invite_description": "招待を取り消すことができませんでした。サーバーで一時的な問題が発生しているか、招待を取り消すための十分な権限がありません。",
+        "error_revoke_3pid_invite_title": "招待を取り消せませんでした",
+        "ignore_confirm_description": "このユーザーのメッセージと招待を非表示にします。無視してよろしいですか？",
+        "ignore_confirm_title": "%(user)sを無視",
+        "invited_by": "%(sender)sからの招待",
+        "jump_to_rr_button": "既読通知へ移動",
+        "kick_button_room": "ルームから追放",
+        "kick_button_room_name": "%(roomName)sから追放",
+        "kick_button_space": "スペースから追放",
+        "kick_button_space_everything": "自分に可能な範囲で、全てのものから追放",
+        "kick_space_specific": "自分に可能な範囲で、特定のものから追放",
+        "kick_space_warning": "あなたが管理者ではないスペースやルームには、引き続きアクセスできます。",
+        "promote_warning": "このユーザーにあなたと同じ権限レベルを与えようとしています。この変更は取り消せません。",
+        "redact": {
+            "confirm_button": {
+                "one": "1件のメッセージを削除",
+                "other": "%(count)s件のメッセージを削除"
+            },
+            "confirm_description_1": {
+                "one": "%(user)sによる%(count)s件のメッセージを削除しようとしています。これは会話に参加している全員からメッセージを永久に削除します。続行してよろしいですか？",
+                "other": "%(user)sによる%(count)s件のメッセージを削除しようとしています。これは会話に参加している全員からメッセージを永久に削除します。続行してよろしいですか？"
+            },
+            "confirm_description_2": "大量のメッセージだと時間がかかるかもしれません。その間はクライアントを再読み込みしないでください。",
+            "confirm_keep_state_explainer": "このユーザーに関するシステムメッセージ（メンバーシップの変更、プロフィールの変更など）も削除したい場合は、チェックを外してください",
+            "confirm_keep_state_label": "システムメッセージを保存",
+            "confirm_title": "%(user)sからの最近のメッセージを削除",
+            "no_recent_messages_description": "タイムラインを上にスクロールして、以前のものがあるかどうかを確認してください。",
+            "no_recent_messages_title": "%(user)sからの最近のメッセージが見つかりません"
+        },
+        "redact_button": "最近のメッセージを削除",
+        "revoke_invite": "招待を取り消す",
+        "room_encrypted": "このルームのメッセージはエンドツーエンドで暗号化されています。",
+        "room_encrypted_detail": "あなたのメッセージは保護されています。メッセージのロックを解除するための固有の鍵は、あなたと受信者だけが持っています。",
+        "room_unencrypted": "このルームのメッセージはエンドツーエンドで暗号化されていません。",
+        "room_unencrypted_detail": "暗号化されたルームでは、あなたのメッセージは保護されています。メッセージのロックを解除するための固有の鍵は、あなたと受信者だけが持っています。",
+        "share_button": "ユーザーへのリンクを共有",
+        "unban_button_room": "ルームからのブロックを解除",
+        "unban_button_space": "スペースからのブロックを解除",
+        "unban_room_confirm_title": "%(roomName)sからのブロックを解除",
+        "unban_space_everything": "自分に可能な範囲で、全てのものからブロック解除",
+        "unban_space_specific": "自分に可能な範囲で、特定のものからブロック解除",
+        "unban_space_warning": "あなたが管理者でない場所にアクセスすることができなくなります。",
+        "verify_button": "ユーザーの認証",
+        "verify_explainer": "セキュリティー強化のため、両者の端末でワンタイムコードを確認し、このユーザーを認証してください。"
+    },
+    "voip": {
+        "already_in_call": "既に通話中です",
+        "already_in_call_person": "既にこの人と通話中です。",
+        "answered_elsewhere": "他の端末で応答しました",
+        "answered_elsewhere_description": "他の端末で呼び出しに応答しました。",
+        "call_failed": "呼び出しに失敗しました",
+        "call_failed_description": "通話を確立できませんでした",
+        "call_failed_media": "Webカメラまたはマイクを使用できなかったため、通話に失敗しました。以下を確認してください：",
+        "call_failed_media_applications": "他のアプリケーションがWebカメラを使用していないこと",
+        "call_failed_media_connected": "マイクとWebカメラが接続されていて、正しく設定されていること",
+        "call_failed_media_permissions": "Webカメラを使用する権限が与えられていること",
+        "call_failed_microphone": "マイクを使用できなかったため、通話に失敗しました。マイクが接続され、正しく設定されているか確認してください。",
+        "call_held": "%(peerName)sが通話を保留しました",
+        "call_held_resume": "通話を保留しました <a>再開</a>",
+        "call_held_switch": "通話を保留しました <a>切り替える</a>",
+        "call_toast_unknown_room": "不明のルーム",
+        "camera_disabled": "カメラが無効です",
+        "camera_enabled": "カメラがまだ有効です",
+        "cannot_call_yourself_description": "自分自身に通話を発信することはできません。",
+        "connecting": "接続しています",
+        "connection_lost": "サーバーとの接続が失われました",
+        "connection_lost_description": "サーバーに接続していないため、通話を発信できません。",
+        "consulting": "%(transferTarget)sと相談しています。<a>%(transferee)sに転送</a>",
+        "default_device": "既定の端末",
+        "dial": "ダイヤル",
+        "dialpad": "ダイヤルパッド",
+        "disable_camera": "カメラを無効にする",
+        "disable_microphone": "マイクをミュート",
+        "disabled_no_perms_start_video_call": "ビデオ通話を開始する権限がありません",
+        "disabled_no_perms_start_voice_call": "音声通話を開始する権限がありません",
+        "disabled_ongoing_call": "通話中",
+        "enable_camera": "カメラを有効にする",
+        "enable_microphone": "マイクのミュートを解除",
+        "expand": "通話に戻る",
+        "hangup": "電話を切る",
+        "hide_sidebar_button": "サイドバーを表示しない",
+        "input_devices": "入力装置",
+        "maximise": "全画面",
+        "misconfigured_server": "サーバーの不正な設定のため通話に失敗しました",
+        "misconfigured_server_description": "安定した通話のために、ホームサーバー（<code>%(homeserverDomain)s</code>）の管理者にTURNサーバーの設定を依頼してください。",
+        "more_button": "その他",
+        "msisdn_lookup_failed": "電話番号が見つかりません",
+        "msisdn_lookup_failed_description": "電話番号を検索する際にエラーが発生しました",
+        "msisdn_transfer_failed": "通話を転送できません",
+        "n_people_joined": {
+            "one": "%(count)s人が参加しました",
+            "other": "%(count)s人が参加しました"
+        },
+        "no_audio_input_description": "マイクが見つかりません。設定を確認して、もう一度やり直してください。",
+        "no_audio_input_title": "マイクが見つかりません",
+        "no_media_perms_description": "マイクまたはWebカメラにアクセスするために、手動で%(brand)sを許可する必要があるかもしれません",
+        "no_media_perms_title": "メディア権限がありません",
+        "no_permission_conference": "権限が必要です",
+        "no_permission_conference_description": "このルームでグループ通話を開始する権限がありません",
+        "on_hold": "%(name)sを保留しています",
+        "output_devices": "出力装置",
+        "screenshare_monitor": "全画面を共有",
+        "screenshare_title": "コンテンツを共有",
+        "screenshare_window": "アプリケーションのウィンドウ",
+        "show_sidebar_button": "サイドバーを表示",
+        "silence": "サイレントモード",
+        "silenced": "無音で通知",
+        "start_screenshare": "画面共有を開始",
+        "stop_screenshare": "画面共有を停止",
+        "too_many_calls": "通話が多すぎます",
+        "too_many_calls_description": "同時通話数の上限に達しました。",
+        "transfer_consult_first_label": "初めに相談",
+        "transfer_failed": "転送に失敗しました",
+        "transfer_failed_description": "通話の転送に失敗しました",
+        "unable_to_access_audio_input_description": "マイクにアクセスできませんでした。ブラウザーの設定を確認して、もう一度やり直してください。",
+        "unable_to_access_audio_input_title": "マイクを使用できません",
+        "unable_to_access_media": "Webカメラまたはマイクを使用できません",
+        "unable_to_access_microphone": "マイクを使用できません",
+        "unknown_caller": "不明な発信者",
+        "unknown_person": "不明な人間",
+        "unsilence": "音を有効にする",
+        "unsupported": "通話はサポートされていません",
+        "unsupported_browser": "このブラウザーで通話を発信することはできません。",
+        "user_busy": "通話中",
+        "user_busy_description": "呼び出したユーザーは通話中です。",
+        "user_is_presenting": "%(sharerName)sが画面を共有しています",
+        "video_call": "ビデオ通話",
+        "voice_call": "音声通話",
+        "you_are_presenting": "あなたが画面を共有しています"
+    },
+    "web_default_device_name": "%(appName)s： %(osName)sの%(browserName)s",
+    "widget": {
+        "added_by": "ウィジェットの追加者",
+        "capabilities_dialog": {
+            "content_starting_text": "ウィジェットによる要求：",
+            "decline_all_permission": "全て拒否",
+            "remember_Selection": "このウィジェットに関する選択を記憶",
+            "title": "ウィジェットの権限を承認"
+        },
+        "capability": {
+            "always_on_screen_generic": "実行中は画面に留まる",
+            "always_on_screen_viewing_another_room": "他のルームを表示している間も実行中は画面に留まる",
+            "any_room": "上記、ただし参加または招待されたルームでも同様",
+            "byline_empty_state_key": "空のステートキーと一緒に",
+            "byline_state_key": "ステートキー %(stateKey)s と一緒に",
+            "capability": "<b>%(capability)s</b> 機能",
+            "change_avatar_active_room": "アクティブなルームのアバター画像を変更",
+            "change_avatar_this_room": "ルームのアバター画像を変更",
+            "change_name_active_room": "アクティブなルームの名前を変更",
+            "change_name_this_room": "ルームの名前を変更",
+            "change_topic_active_room": "アクティブなルームのトピックを変更",
+            "change_topic_this_room": "ルームのトピックを変更",
+            "receive_membership_active_room": "アクティブなルームに参加、退出、招待された日時を表示",
+            "receive_membership_this_room": "このルームに参加、退出、招待された日時を表示",
+            "remove_ban_invite_leave_active_room": "アクティブなルームから追放、ブロック、ルームに招待、また、退出を要求",
+            "remove_ban_invite_leave_this_room": "ルームから追放、ブロック、ルームに招待、また、退出を要求",
+            "see_avatar_change_active_room": "アクティブなルームでアバターが変更された時刻を表示",
+            "see_avatar_change_this_room": "ルームのアバター画像が変更された時刻を表示",
+            "see_event_type_sent_active_room": "アクティブなルームに投稿されたイベント（<b>%(eventType)s</b>）を表示",
+            "see_event_type_sent_this_room": "このルームに投稿されたイベント（<b>%(eventType)s</b>）を表示",
+            "see_images_sent_active_room": "アクティブなルームに投稿された画像を表示",
+            "see_images_sent_this_room": "このルームに投稿された画像を表示",
+            "see_messages_sent_active_room": "アクティブなルームに投稿されたメッセージを表示",
+            "see_messages_sent_this_room": "このルームに投稿されたメッセージを表示",
+            "see_msgtype_sent_active_room": "アクティブなルームに投稿された<b>%(msgtype)s</b>メッセージを表示",
+            "see_msgtype_sent_this_room": "このルームに投稿された<b>%(msgtype)s</b>メッセージを表示",
+            "see_name_change_active_room": "アクティブなルームで名前が変更された時刻を表示",
+            "see_name_change_this_room": "ルームの名前が変更された時刻を表示",
+            "see_sent_emotes_active_room": "アクティブなルームに投稿されたエモートを表示",
+            "see_sent_emotes_this_room": "このルームに投稿されたエモートを表示",
+            "see_sent_files_active_room": "アクティブなルームに投稿されたファイルを表示",
+            "see_sent_files_this_room": "このルームに投稿されたファイルを表示",
+            "see_sticker_posted_active_room": "アクティブなルームにステッカーが投稿された時刻を表示",
+            "see_sticker_posted_this_room": "ルームにステッカーが投稿された時刻を表示",
+            "see_text_messages_sent_active_room": "アクティブなルームに投稿されたテキストメッセージを表示",
+            "see_text_messages_sent_this_room": "このルームに投稿されたテキストメッセージを表示",
+            "see_topic_change_active_room": "アクティブなルームでトピックが変更された時刻を表示",
+            "see_topic_change_this_room": "ルームのトピックが変更された時刻を表示",
+            "see_videos_sent_active_room": "アクティブなルームに投稿された動画を表示",
+            "see_videos_sent_this_room": "このルームに投稿された動画を表示",
+            "send_emotes_active_room": "あなたとしてアクティブなルームにエモートを送信",
+            "send_emotes_this_room": "あなたとしてこのルームにエモートを送信",
+            "send_event_type_active_room": "あなたとしてイベント（<b>%(eventType)s</b>）をアクティブなルームに送信",
+            "send_event_type_this_room": "あなたとしてイベント（<b>%(eventType)s</b>）をこのルームに送信",
+            "send_files_active_room": "あなたとしてアクティブなルームにファイルを送信",
+            "send_files_this_room": "あなたとしてファイルをこのルームに送信",
+            "send_images_active_room": "あなたとしてアクティブなルームに画像を送信",
+            "send_images_this_room": "あなたとしてこのルームに画像を送信",
+            "send_messages_active_room": "あなたとしてメッセージをアクティブなルームに送信",
+            "send_messages_this_room": "あなたとしてメッセージをこのルームに送信",
+            "send_msgtype_active_room": "あなたとしてアクティブなルームに<b>%(msgtype)s</b>メッセージを送信",
+            "send_msgtype_this_room": "あなたとしてこのルームに<b>%(msgtype)s</b>メッセージを送信",
+            "send_stickers_active_room": "アクティブなルームにステッカーを送信",
+            "send_stickers_active_room_as_you": "あなたとしてアクティブなルームにステッカーを送信",
+            "send_stickers_this_room": "このルームにステッカーを送信",
+            "send_stickers_this_room_as_you": "あなたとしてルームにステッカーを送信",
+            "send_text_messages_active_room": "あなたとしてアクティブなルームにメッセージを送信",
+            "send_text_messages_this_room": "あなたとしてテキストメッセージをこのルームに送信",
+            "send_videos_active_room": "あなたとしてアクティブなルームに動画を送信",
+            "send_videos_this_room": "あなたとしてこのルームに動画を送信",
+            "specific_room": "上記、ただし<Room />でも同様",
+            "switch_room": "表示しているルームを変更",
+            "switch_room_message_user": "表示しているルーム、メッセージ、またはユーザーを変更"
+        },
+        "close_to_view_right_panel": "ウィジェットを閉じて、このパネルに表示",
+        "context_menu": {
+            "delete": "ウィジェットを削除",
+            "delete_warning": "ウィジェットを削除すると、このルームの全てのユーザーから削除されます。削除してよろしいですか？"
+        },
+        "cookie_warning": "このウィジェットはクッキーを使用する可能性があります。",
+        "error_hangup_description": "通話から切断されました。（エラー：%(message)s）",
+        "error_hangup_title": "接続が切断されました",
+        "error_loading": "ウィジェットを読み込む際にエラーが発生しました",
+        "error_mixed_content": "エラー - 混在コンテンツ",
+        "error_need_invite_permission": "それを行うにはユーザーを招待する権限が必要です。",
+        "error_need_kick_permission": "それを行うにはユーザーをキックする権限が必要です。",
+        "error_need_to_be_logged_in": "ログインする必要があります。",
+        "error_unable_start_audio_stream_description": "音声ストリーミングを開始できません。",
+        "error_unable_start_audio_stream_title": "ライブストリームの開始に失敗しました",
+        "modal_data_warning": "このスクリーンのデータは%(widgetDomain)sと共有されます",
+        "modal_title_default": "モーダルウィジェット",
+        "no_name": "不明なアプリ",
+        "open_id_permissions_dialog": {
+            "remember_selection": "これを記憶",
+            "starting_text": "ウィジェットはあなたのユーザーIDを認証しますが、操作を行うことはできません：",
+            "title": "このウィジェットに本人確認を許可"
+        },
+        "popout": "ウィジェットをポップアウト",
+        "set_room_layout": "このルームのレイアウトを参加者全体に設定",
+        "shared_data_mxid": "あなたのユーザーID",
+        "shared_data_name": "あなたの表示名",
+        "shared_data_room_id": "ルームID",
+        "shared_data_theme": "あなたのテーマ",
+        "shared_data_url": "%(brand)sのURL",
+        "shared_data_warning": "このウィジェットを使うと、データ<helpIcon />が%(widgetDomain)sと共有される可能性があります。",
+        "shared_data_warning_im": "このウィジェットを使うと、データ<helpIcon />が%(widgetDomain)sとインテグレーションマネージャーと共有される可能性があります。",
+        "shared_data_widget_id": "ウィジェットID",
+        "unencrypted_warning": "ウィジェットはメッセージの暗号化を行いません。",
+        "unmaximise": "最大化をやめる",
+        "unpin_to_view_right_panel": "ウィジェットの固定を解除して、このパネルに表示"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "全て大文字を使用したケースは、全て小文字を使用した場合と同じ程度簡単に推測できます",
+            "anotherWord": "単語をあと1個か2個追加してください。それほど使わない単語がよいです。",
+            "associatedYears": "あなたに関係のある年号は避けましょう",
+            "capitalization": "大文字を使用してもそれほど効果はありません",
+            "dates": "あなたに関係のある日付や年号は避けましょう",
+            "l33t": "「a」を「@」に替えるような予測可能な変換に、それほど効果はありません",
+            "longerKeyboardPattern": "より長いパターンで、より多様な文字の組み合わせを使用してください",
+            "noNeed": "記号、数字、大文字を含む必要はありません",
+            "recentYears": "最近の年号は避けましょう",
+            "repeated": "単語や文字の繰り返しは避けましょう",
+            "reverseWords": "逆さ言葉は簡単に推測されます",
+            "sequences": "規則的な文字列は避けましょう",
+            "useWords": "単語をいくつか組み合わせてください。ありきたりなフレーズは避けましょう。"
+        },
+        "warnings": {
+            "common": "これはとてもよく使われるパスワードです",
+            "commonNames": "名前や名字は簡単に推測されます",
+            "dates": "たいていの日付は簡単に推測されます",
+            "extendedRepeat": "\"abcabcabc\"のような繰り返しは\"abc\"と同じ程度簡単に推測されます",
+            "keyPattern": "短いキーボードパターンは簡単に推測されます",
+            "namesByThemselves": "名前や名字は簡単に推測されます",
+            "recentYears": "最近の年号は簡単に推測されます",
+            "sequences": "abc や 6543 のような規則的な文字列は簡単に推測されます",
+            "similarToCommon": "これはよく使われるパスワードに似ています",
+            "simpleRepeat": "\"aaa\" のような繰り返しは簡単に推測されます",
+            "straightRow": "キーボードの同じ列の文字を使用すると簡単に推測されます",
+            "topHundred": "これがよく使われるパスワードの上位100個です",
+            "topTen": "これがよく使われるパスワードの上位10個です",
+            "wordByItself": "単語1つだけだと簡単に推測されます"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/ka.json b/apps/web/src/i18n/strings/ka.json
new file mode 100644
index 00000000000..cbe43fe9183
--- /dev/null
+++ b/apps/web/src/i18n/strings/ka.json
@@ -0,0 +1,2766 @@
+{
+    "action": {
+        "accept": "მიღება",
+        "add": "რჩეულებში",
+        "add_existing_room": "დაამატეთ არსებული ოთახი",
+        "apply": "მიმართვა",
+        "approve": "დადასტურება",
+        "ask_to_join": "მოითხოვეთ შეერთება",
+        "back": "უკან",
+        "call": "ზარი",
+        "cancel": "გაუქმება",
+        "change": "ცვლილება",
+        "clear": "გასუფთავება",
+        "click_to_copy": "დააწკაპუნეთ კოპირებისთვის",
+        "close": "დახურვა",
+        "collapse": "აკეცვა",
+        "complete": "დასრულება",
+        "confirm": "დადასტურება",
+        "continue": "განაგრძეთ",
+        "copy": "კოპირება",
+        "copy_link": "ბმულის კოპირება",
+        "create": "შექმნა",
+        "create_a_room": "ოთახის შექმნა",
+        "decline": "უარყოფა",
+        "delete": "წაშლა",
+        "deny": "აკრძალვა",
+        "disable": "გამორთვა",
+        "disconnect": "კავშირის გაწყვეტა",
+        "dismiss": "დახურვა",
+        "done": "მზადაა",
+        "download": "ჩამოტვირთვა",
+        "edit": "რედაქტირება",
+        "enable": "ჩართვა",
+        "enter_fullscreen": "შედით სრულ ეკრანზე",
+        "exit_fullscreeen": "სრული ეკრანიდან გამოსვლა",
+        "expand": "გაფართოება",
+        "explore_rooms": "ოთახების დათავლიერება",
+        "export": "ექსპორტი",
+        "forward": "გადაგზავნა",
+        "go": "წადი",
+        "go_back": "Დაბრუნდი",
+        "got_it": "გასაგებია",
+        "hide_advanced": "გაფართოების დამალვა",
+        "hold": "გამართავს",
+        "ignore": "უგულებელყოფა",
+        "import": "",
+        "invite": "მოწვევა",
+        "join": "შეუერთდი",
+        "learn_more": "Გაიგე მეტი",
+        "leave": "დატოვება",
+        "leave_room": "დატოვე ოთახი",
+        "logout": "გამოსვლა",
+        "manage": "Მართვა",
+        "maximise": "მაქსიმალური ზომა",
+        "mention": "ახსენეთ",
+        "minimise": "ჩაკემინიმიზაციაცვა",
+        "new_room": "ახალი ოთახი",
+        "new_video_room": "ახალი ვიდეო ოთახი",
+        "next": "შემდეგი",
+        "no": "არა",
+        "ok": "OK",
+        "pin": "$",
+        "proceed": "განაგრძეთ",
+        "quote": "ციტირება",
+        "react": "რეაგირება",
+        "refresh": "განახლება",
+        "register": "რეგისტრაცია",
+        "reload": "განაახლეთ",
+        "remove": "წაშლა",
+        "rename": "გადარქმევა",
+        "reply": "პასუხი",
+        "reply_in_thread": "პასუხი თემაში",
+        "resend": "გადაგზავნა",
+        "reset": "აღდგენა",
+        "resume": "Გაგრძელება",
+        "retry": "ხელახლა ცდა",
+        "review": "Მიმოხილვა",
+        "revoke": "გაუქმება",
+        "save": "შენახვა",
+        "search": "ძიება",
+        "send_report": "ანგარიშის გაგზავნა",
+        "share": "გაზიარება",
+        "show": "ჩვენება",
+        "show_advanced": "გაფართოების ჩვენება",
+        "show_all": "ყველას ჩვენება",
+        "sign_in": "შესვლა",
+        "sign_out": "გამოსვლა",
+        "skip": "გამოტოვება",
+        "start": "დაწყება",
+        "stop": "შეწყვეტა",
+        "submit": "წარადგინეთ",
+        "subscribe": "გამოწერა",
+        "transfer": "გადაცემა",
+        "trust": "ნდობა",
+        "try_again": "სცადეთ კიდევ ერთხელ",
+        "unban": "გაუქმება",
+        "unignore": "უგულებელყოფა",
+        "unpin": "ჩამაგრების მოხსნა",
+        "unsubscribe": "გაუქმება",
+        "update": "განახლებულია",
+        "upgrade": "გაუმჯობესება",
+        "upload": "ატვირთეთ",
+        "verify": "$",
+        "view": "ნახვა",
+        "view_all": "იხილეთ ყველა",
+        "view_list": "სიის ნახვა",
+        "view_message": "შეტყობინების ნახვა",
+        "view_source": "Წყაროს ნახვა",
+        "yes": "დიახ",
+        "zoom_in": "მასშტაბირება",
+        "zoom_out": "მასშტაბირება"
+    },
+    "analytics": {
+        "accept_button": "ეს კარგია",
+        "bullet_1": "ჩვენ<Bold> ნუ</Bold> ნებისმიერი ანგარიშის მონაცემების ჩაწერა ან პროფილირება",
+        "bullet_2": "ჩვენ<Bold> ნუ</Bold> ინფორმაციის გაზიარება მესამე პირებთან",
+        "consent_migration": "თქვენ ადრე დათანხმდით მოგვაზიაროთ ანონიმური გამოყენების მონაცემები. ჩვენ ვაახლებთ, თუ როგორ მუშაობს ეს.",
+        "disable_prompt": "ამის გამორთვა ნებისმიერ დროს შეგიძლიათ პარამეტრებში",
+        "enable_prompt": "დაეხმარეთ გაუმჯობესებას%(analyticsOwner)s",
+        "learn_more": "გააზიარეთ ანონიმური მონაცემები, რათა დაგვეხმაროთ პრობლემების იდენტიფიცირებაში. არაფერი პირადული. არ არის მესამე მხარე.<LearnMoreLink> გაიგე მეტი</LearnMoreLink>",
+        "privacy_policy": "თქვენ შეგიძლიათ წაიკითხოთ ჩვენი ყველა პირობა<PrivacyPolicyUrl> აქ</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "დაგვეხმარეთ პრობლემების ამოცნობაში და გაუმჯობესებაში%(analyticsOwner)s ანონიმური გამოყენების მონაცემების გაზიარებით. იმის გასაგებად, თუ როგორ იყენებენ ადამიანები მრავალ მოწყობილობას, ჩვენ გამოვქმნით შემთხვევით იდენტიფიკატორს, რომელიც გაზიარებულია თქვენი მოწყობილობების მიერ.",
+        "shared_data_heading": "ნებისმიერი შემდეგი მონაცემი შეიძლება იყოს გაზიარებული:"
+    },
+    "auth": {
+        "3pid_in_use": "ეს ელექტრონული ფოსტის მისამართი ან ტელეფონის ნომერი უკვე გამოიყენება.",
+        "account_clash": "თქვენი ახალი ანგარიში (%(newAccountId)s ) რეგისტრირებულია, მაგრამ თქვენ უკვე შესული ხართ სხვა ანგარიშზე (%(loggedInUserId)s ).",
+        "account_clash_previous_account": "გააგრძელეთ წინა ანგარიშით",
+        "account_deactivated": "ეს ანგარიში დეაქტივირებულია.",
+        "autodiscovery_generic_failure": "სერვერიდან ავტომატური აღმოჩენის კონფიგურაციის მიღება ვერ მოხერხდა",
+        "autodiscovery_hs_incompatible": "თქვენი სახლის სერვერი ძალიან ძველია და არ აქვს საჭირო მინიმალური API ვერსიის მხარდაჭერა. გთხოვთ, დაუკავშირდეთ თქვენი სერვერის მფლობელს, ან განაახლეთ თქვენი სერვერი.",
+        "autodiscovery_invalid": "სახლის სერვერის აღმოჩენის არასწორი პასუხი",
+        "autodiscovery_invalid_hs": "ჰომოსერვერის URL არ არის მართებული Matrix ჰომესერვერი",
+        "autodiscovery_invalid_hs_base_url": "არასწორი base_url m.homeserver-ისთვის",
+        "autodiscovery_invalid_is": "პირადობის სერვერის URL, როგორც ჩანს, არ არის სწორი საიდენტიფიკაციო სერვერი",
+        "autodiscovery_invalid_is_base_url": "არასწორი base_url m.identity_server-ისთვის",
+        "autodiscovery_invalid_is_response": "საიდენტიფიკაციო სერვერის აღმოჩენის არასწორი პასუხი",
+        "autodiscovery_invalid_json": "არასწორი JSON",
+        "autodiscovery_no_well_known": "კარგად ცნობილი JSON ფაილი ვერ მოიძებნა",
+        "autodiscovery_unexpected_error_hs": "მოულოდნელი შეცდომა სახლის სერვერის კონფიგურაციის გადაჭრისას",
+        "autodiscovery_unexpected_error_is": "იდენტიფიკაციის სერვერის კონფიგურაციის გადაჭრისას მოულოდნელი შეცდომა",
+        "captcha_description": "ამ სახლის სერვერს სურს დარწმუნდეს, რომ თქვენ არ ხართ რობოტი.",
+        "change_password_action": "Პაროლის შეცვლა",
+        "change_password_confirm_invalid": "პაროლები არ ემთხვევა",
+        "change_password_confirm_label": "Პაროლის დადასტურება",
+        "change_password_current_label": "Მიმდინარე პაროლი",
+        "change_password_empty": "პაროლები არ შეიძლება იყოს ცარიელი",
+        "change_password_error": "შეცდომა პაროლის შეცვლისას:%(error)s",
+        "change_password_mismatch": "ახალი პაროლები არ ემთხვევა",
+        "change_password_new_label": "Ახალი პაროლი",
+        "check_email_explainer": "მიჰყევით გაგზავნილ ინსტრუქციას<b>%(email)s</b>",
+        "check_email_resend_prompt": "არ მიგიღიათ?",
+        "check_email_resend_tooltip": "დამადასტურებელი ბმული ელფოსტა ხელახლა გაიგზავნა!",
+        "check_email_wrong_email_button": "ხელახლა შეიყვანეთ ელფოსტის მისამართი",
+        "check_email_wrong_email_prompt": "არასწორი ელფოსტის მისამართი?",
+        "continue_with_idp": "გააგრძელე%(provider)s",
+        "continue_with_sso": "გააგრძელე%(ssoButtons)s",
+        "country_dropdown": "ქვეყნის ჩამოსაშლელი სია",
+        "create_account_prompt": "ახალი აქ?<a> შექმენით ანგარიში</a>",
+        "create_account_title": "Შექმენი ანგარიში",
+        "email_discovery_text": "გამოიყენეთ ელფოსტა, რათა სურვილისამებრ იყოს აღმოჩენილი არსებული კონტაქტების მიერ.",
+        "email_field_label": "ელფოსტა",
+        "email_field_label_invalid": "არ ჰგავს მოქმედ ელფოსტის მისამართს",
+        "email_field_label_required": "შეიყვანეთ ელ.ფოსტის მისამართი",
+        "email_help_text": "დაამატეთ ელფოსტა, რათა შეძლოთ პაროლის გადაყენება.",
+        "email_phone_discovery_text": "გამოიყენეთ ელფოსტა ან ტელეფონი, რათა სურვილისამებრ აღმოჩნდეთ არსებული კონტაქტების მიერ.",
+        "enter_email_explainer": "<b>%(homeserver)s</b>გამოგიგზავნით დამადასტურებელ ბმულს, რომელიც საშუალებას მოგცემთ აღადგინოთ თქვენი პაროლი.",
+        "enter_email_heading": "შეიყვანეთ თქვენი ელფოსტა პაროლის აღსადგენად",
+        "failed_connect_identity_server": "პირადობის სერვერთან დაკავშირება შეუძლებელია",
+        "failed_connect_identity_server_other": "შეგიძლიათ შეხვიდეთ, მაგრამ ზოგიერთი ფუნქცია მიუწვდომელი იქნება მანამ, სანამ საიდენტიფიკაციო სერვერი არ დაბრუნდება ონლაინ რეჟიმში. თუ კვლავ ხედავთ ამ გაფრთხილებას, შეამოწმეთ თქვენი კონფიგურაცია ან დაუკავშირდით სერვერის ადმინისტრატორს.",
+        "failed_connect_identity_server_register": "შეგიძლიათ დარეგისტრირდეთ, მაგრამ ზოგიერთი ფუნქცია მიუწვდომელი იქნება მანამ, სანამ საიდენტიფიკაციო სერვერი არ დაბრუნდება ონლაინ რეჟიმში. თუ კვლავ ხედავთ ამ გაფრთხილებას, შეამოწმეთ თქვენი კონფიგურაცია ან დაუკავშირდით სერვერის ადმინისტრატორს.",
+        "failed_connect_identity_server_reset_password": "შეგიძლიათ პაროლის გადატვირთვა, მაგრამ ზოგიერთი ფუნქცია მიუწვდომელი იქნება მანამ, სანამ საიდენტიფიკაციო სერვერი არ დაბრუნდება ონლაინ რეჟიმში. თუ კვლავ ხედავთ ამ გაფრთხილებას, შეამოწმეთ თქვენი კონფიგურაცია ან დაუკავშირდით სერვერის ადმინისტრატორს.",
+        "failed_homeserver_discovery": "სახლის სერვერის აღმოჩენა ვერ მოხერხდა",
+        "failed_query_registration_methods": "მხარდაჭერილი რეგისტრაციის მეთოდების მოთხოვნა შეუძლებელია.",
+        "failed_soft_logout_auth": "ხელახალი ავტორიზაცია ვერ მოხერხდა",
+        "failed_soft_logout_homeserver": "ხელახალი ავტორიზაცია ვერ მოხერხდა სახლის სერვერის პრობლემის გამო",
+        "forgot_password_email_invalid": "ელფოსტის მისამართი, როგორც ჩანს, არასწორია.",
+        "forgot_password_email_required": "თქვენს ანგარიშთან დაკავშირებული ელ.ფოსტის მისამართი უნდა შეიყვანოთ.",
+        "forgot_password_prompt": "დაგავიწყდათ პაროლი?",
+        "forgot_password_send_email": "ელ.ფოსტის გაგზავნა",
+        "identifier_label": "შედით სისტემაში",
+        "incorrect_credentials": "არასწორი მომხმარებლის სახელი და/ან პაროლი.",
+        "incorrect_credentials_detail": "გთხოვთ გაითვალისწინოთ, რომ შედიხართ%(hs)s სერვერი და არა matrix.org.",
+        "incorrect_password": "არასწორი პაროლი",
+        "log_in_new_account": "<a>შესვლა</a> თქვენს ახალ ანგარიშზე.",
+        "logout_dialog": {
+            "description": "დარწმუნებული ხართ, რომ გსურთ გამოსვლა?",
+            "setup_key_backup_title": "თქვენ დაკარგავთ წვდომას თქვენს დაშიფრულ შეტყობინებებზე",
+            "skip_key_backup": "არ მინდა ჩემი დაშიფრული შეტყობინებები"
+        },
+        "misconfigured_body": "ჰკითხეთ თქვენს%(brand)s ადმინი შესამოწმებლად<a> თქვენი კონფიგურაცია</a> არასწორი ან დუბლიკატი ჩანაწერებისთვის.",
+        "misconfigured_title": "შენი%(brand)s არასწორად არის კონფიგურირებული",
+        "msisdn_field_description": "სხვა მომხმარებლებს შეუძლიათ მოგიწვიონ ოთახებში თქვენი საკონტაქტო მონაცემების გამოყენებით",
+        "msisdn_field_label": "ტელეფონი",
+        "msisdn_field_number_invalid": "ეს ტელეფონის ნომერი არ გამოიყურება საკმაოდ სწორად, გთხოვთ, შეამოწმოთ და ხელახლა სცადოთ",
+        "msisdn_field_required_invalid": "შეიყვანეთ ტელეფონის ნომერი",
+        "no_hs_url_provided": "სახლის სერვერის URL არ არის მოწოდებული",
+        "oidc": {
+            "error_title": "ჩვენ ვერ შევედით თქვენ"
+        },
+        "password_field_keep_going_prompt": "გააგრძელე…",
+        "password_field_label": "შეიყვანეთ პაროლი",
+        "password_field_strong_label": "კარგი, ძლიერი პაროლი!",
+        "password_field_weak_label": "პაროლი დაშვებულია, მაგრამ არაუსაფრთხო",
+        "phone_label": "",
+        "phone_optional_label": "ტელეფონი (სურვილისამებრ)",
+        "qr_code_login": {
+            "completing_setup": "თქვენი ახალი მოწყობილობის დაყენების დასრულება",
+            "error_unexpected": "მოხდა მოულოდნელი შეცდომა. თქვენი სხვა მოწყობილობის დაკავშირების მოთხოვნა გაუქმდა.",
+            "scan_code_instruction": "QR კოდის სკანირება სხვა მოწყობილობით",
+            "scan_qr_code": "შედით QR კოდით",
+            "select_qr_code": "აირჩიეთ &quot;%(scanQRCode)s &quot;",
+            "waiting_for_device": "ელოდება მოწყობილობის შესვლას"
+        },
+        "register_action": "ანგარიშის შექმნა",
+        "registration": {
+            "continue_without_email_description": "უბრალოდ, თუ არ დაამატებთ ელფოსტას და არ დაგავიწყდებათ პაროლი, შეგიძლიათ<b> სამუდამოდ დაკარგეთ წვდომა თქვენს ანგარიშზე</b> .",
+            "continue_without_email_field_label": "ელფოსტა (სურვილისამებრ)",
+            "continue_without_email_title": "გაგრძელება ელფოსტის გარეშე"
+        },
+        "registration_disabled": "რეგისტრაცია გათიშულია ამ სახლის სერვერზე.",
+        "registration_msisdn_field_required_invalid": "შეიყვანეთ ტელეფონის ნომერი (აუცილებელია ამ სახლის სერვერზე)",
+        "registration_successful": "რეგისტრაცია წარმატებით დასრულდა",
+        "registration_username_in_use": "ვიღაცას უკვე აქვს ეს მომხმარებლის სახელი. სცადეთ სხვა, ან თუ ეს თქვენ ხართ, შედით ქვემოთ.",
+        "registration_username_unable_check": "შეუძლებელია იმის შემოწმება, არის თუ არა მომხმარებლის სახელი აღებული. სცადეთ მოგვიანებით.",
+        "registration_username_validation": "გამოიყენეთ მხოლოდ მცირე ასოები, რიცხვები, ტირეები და ხაზგასმული",
+        "reset_password": {
+            "confirm_new_password": "Დაადასტურეთ ახალი პაროლი",
+            "devices_logout_success": "",
+            "other_devices_logout_warning_1": "თქვენი მოწყობილობებიდან გასვლა წაშლის მათზე შენახულ შეტყობინებების დაშიფვრის გასაღებებს, რაც დაშიფრული ჩეთის ისტორიას წაუკითხავად გახდის.",
+            "other_devices_logout_warning_2": "თუ გსურთ შეინარჩუნოთ წვდომა თქვენს ჩეთის ისტორიაზე დაშიფრულ ოთახებში, დააყენეთ გასაღების სარეზერვო ასლი ან თქვენი შეტყობინებების კლავიშების ექსპორტი სხვა მოწყობილობიდან გაგრძელებამდე.",
+            "password_not_entered": "ახალი პაროლი უნდა შეიყვანოთ.",
+            "passwords_mismatch": "ახალი პაროლები უნდა ემთხვეოდეს ერთმანეთს.",
+            "rate_limit_error": "ძალიან ბევრი მცდელობა მოკლე დროში. დაელოდეთ ცოტა ხანს ხელახლა ცდამდე.",
+            "rate_limit_error_with_time": "ძალიან ბევრი მცდელობა მოკლე დროში. ხელახლა სცადეთ შემდეგ%(timeout)s .",
+            "reset_successful": "თქვენი პაროლი აღდგენილია.",
+            "return_to_login": "დაბრუნება შესვლის ეკრანზე",
+            "sign_out_other_devices": "გადით ყველა მოწყობილობიდან"
+        },
+        "reset_password_action": "პაროლის აღდგენა",
+        "reset_password_button": "დაგავიწყდა შენი პაროლი?",
+        "reset_password_email_field_description": "გამოიყენეთ ელფოსტის მისამართი თქვენი ანგარიშის აღსადგენად",
+        "reset_password_email_field_required_invalid": "შეიყვანეთ ელფოსტის მისამართი (აუცილებელია ამ სახლის სერვერზე)",
+        "reset_password_email_not_associated": "როგორც ჩანს, თქვენი ელფოსტის მისამართი არ ასოცირდება Matrix ID-თან ამ სახლის სერვერზე.",
+        "reset_password_email_not_found_title": "ეს ელფოსტის მისამართი ვერ მოიძებნა",
+        "reset_password_title": "გადააყენეთ თქვენი პაროლი",
+        "server_picker_custom": "სხვა სახლის სერვერი",
+        "server_picker_description": "თქვენ შეგიძლიათ გამოიყენოთ პერსონალური სერვერის ვარიანტები სხვა Matrix სერვერებზე შესასვლელად, სახლის სერვერის სხვა URL-ის მითითებით. ეს საშუალებას გაძლევთ გამოიყენოთ%(brand)s არსებული Matrix ანგარიშით სხვა ჰომოსერვერზე.",
+        "server_picker_description_matrix.org": "შეუერთდით მილიონებს უფასოდ უდიდეს საჯარო სერვერზე",
+        "server_picker_dialog_title": "გადაწყვიტეთ სად განთავსდება თქვენი ანგარიში",
+        "server_picker_explainer": "გამოიყენეთ თქვენი სასურველი Matrix ჰომესერვერი, თუ გაქვთ, ან მასპინძლობს საკუთარ თავს.",
+        "server_picker_failed_validate_homeserver": "სახლის სერვერის დადასტურება შეუძლებელია",
+        "server_picker_intro": "ჩვენ ვეძახით იმ ადგილებს, სადაც შეგიძლიათ თქვენი ანგარიშის ჰოსტინგი &quot;homeservers&quot;.",
+        "server_picker_invalid_url": "არასწორი ლინკი",
+        "server_picker_learn_more": "სახლის სერვერების შესახებ",
+        "server_picker_matrix.org": "Matrix.org არის ყველაზე დიდი საჯარო ჰომოსერვერი მსოფლიოში, ამიტომ ის ბევრისთვის კარგი ადგილია.",
+        "server_picker_required": "მიუთითეთ სახლის სერვერი",
+        "server_picker_title": "შედით თქვენს სახლის სერვერზე",
+        "server_picker_title_default": "სერვერის პარამეტრები",
+        "server_picker_title_registration": "მასპინძლის ანგარიში ჩართულია",
+        "session_logged_out_description": "უსაფრთხოების მიზნით, ეს სესია გამორთულია. გთხოვთ შეხვიდეთ ხელახლა.",
+        "session_logged_out_title": "გამოსული",
+        "set_email": {
+            "description": "ეს საშუალებას მოგცემთ აღადგინოთ პაროლი და მიიღოთ შეტყობინებები.",
+            "verification_pending_description": "გთხოვთ, შეამოწმოთ თქვენი ელფოსტა და დააწკაპუნოთ მასში არსებულ ბმულზე. როდესაც ეს გაკეთდება, დააჭირეთ გაგრძელება.",
+            "verification_pending_title": "დადასტურება მოლოდინშია"
+        },
+        "set_email_prompt": "გსურთ ელ.ფოსტის მისამართის დაყენება?",
+        "sign_in_description": "გამოიყენეთ თქვენი ანგარიში გასაგრძელებლად.",
+        "sign_in_instead": "ამის ნაცვლად შედით სისტემაში",
+        "sign_in_instead_prompt": "უკვე გაქვთ ანგარიში?<a> შედით აქ</a>",
+        "sign_in_or_register": "შედით ან შექმენით ანგარიში",
+        "sign_in_or_register_description": "გამოიყენეთ თქვენი ანგარიში ან შექმენით ახალი გასაგრძელებლად.",
+        "sign_in_with_sso": "შედით ერთი შესვლით",
+        "signing_in": "შესვლა…",
+        "soft_logout": {
+            "clear_data_button": "ყველა მონაცემის გასუფთავება",
+            "clear_data_description": "ამ სესიიდან ყველა მონაცემის გასუფთავება მუდმივია. დაშიფრული შეტყობინებები დაიკარგება, თუ მათი გასაღებები არ იქნება სარეზერვო ასლი.",
+            "clear_data_title": "გსურთ ამ სესიის ყველა მონაცემის გასუფთავება?"
+        },
+        "soft_logout_heading": "თქვენ გასული ხართ",
+        "soft_logout_intro_password": "შეიყვანეთ პაროლი სისტემაში შესასვლელად და თქვენს ანგარიშზე წვდომის აღსადგენად.",
+        "soft_logout_intro_sso": "შედით სისტემაში და აღადგინეთ წვდომა თქვენს ანგარიშზე.",
+        "soft_logout_intro_unsupported_auth": "თქვენ არ შეგიძლიათ შეხვიდეთ თქვენს ანგარიშში. გთხოვთ, დაუკავშირდეთ თქვენი სახლის სერვერის ადმინისტრატორს დამატებითი ინფორმაციისთვის.",
+        "soft_logout_subheading": "პირადი მონაცემების გასუფთავება",
+        "soft_logout_warning": "გაფრთხილება: თქვენი პერსონალური მონაცემები (მათ შორის დაშიფვრის გასაღებები) კვლავ ინახება ამ სესიაზე. გაასუფთავეთ, თუ დაასრულეთ ამ სესიის გამოყენება ან გსურთ სხვა ანგარიშში შესვლა.",
+        "sso": "ერთჯერადი ავტორიზაცია",
+        "sso_failed_missing_storage": "ჩვენ ვთხოვეთ ბრაუზერს დაემახსოვრებინა, რომელ ჰომესერვერს იყენებდით, რომ შეხვიდეთ სისტემაში, მაგრამ სამწუხაროდ თქვენს ბრაუზერს დაავიწყდა ეს. გადადით შესვლის გვერდზე და სცადეთ ხელახლა.",
+        "sso_or_username_password": "%(ssoButtons)sან%(usernamePassword)s",
+        "sync_footer_subtitle": "თუ ბევრ ოთახს შეუერთდით, ამას შეიძლება გარკვეული დრო დასჭირდეს",
+        "syncing": "სინქრონიზაცია…",
+        "uia": {
+            "code": "კოდი",
+            "email": "თქვენი ანგარიშის შესაქმნელად, გახსენით ბმული იმ ელფოსტაში, რომელსაც ახლახან გავგზავნეთ%(emailAddress)s .",
+            "email_auth_header": "შეამოწმეთ თქვენი ელფოსტა გასაგრძელებლად",
+            "email_resend_prompt": "არ მიგიღიათ?<a> ხელახლა გაგზავნეთ</a>",
+            "email_resent": "გაბრაზება!",
+            "fallback_button": "დაიწყეთ ავტორიზაცია",
+            "msisdn": "ტექსტური შეტყობინება გაიგზავნა%(msisdn)s",
+            "msisdn_token_incorrect": "ჟეტონი არასწორია",
+            "msisdn_token_prompt": "გთხოვთ შეიყვანოთ კოდი, რომელიც შეიცავს:",
+            "password_prompt": "დაადასტურეთ თქვენი ვინაობა ქვემოთ თქვენი ანგარიშის პაროლის შეყვანით.",
+            "recaptcha_missing_params": "გამოტოვებულია captcha-ს საჯარო გასაღები სახლის სერვერის კონფიგურაციაში. გთხოვთ, შეატყობინოთ ამის შესახებ თქვენი სახლის სერვერის ადმინისტრატორს.",
+            "registration_token_label": "რეგისტრაციის ნიშანი",
+            "registration_token_prompt": "შეიყვანეთ სარეგისტრაციო ჟეტონი, რომელიც მოწოდებულია სახლის სერვერის ადმინისტრატორის მიერ.",
+            "sso_body": "ელ. ფოსტის მისამართის დასადასტურებლად გამოიყენე ერთჯერადი ავტორიზაცია, საკუთარი იდენტობის დასადასტურებლად.",
+            "sso_failed": "თქვენი ვინაობის დადასტურებისას მოხდა რაღაც შეცდომა. გააუქმეთ და სცადეთ ხელახლა.",
+            "sso_postauth_body": "დააწკაპუნეთ ქვემოთ მოცემულ ღილაკზე თქვენი ვინაობის დასადასტურებლად.",
+            "sso_postauth_title": "დაადასტურეთ გასაგრძელებლად",
+            "sso_preauth_body": "გასაგრძელებლად გამოიყენეთ Single Sign On თქვენი ვინაობის დასადასტურებლად.",
+            "sso_title": "გასაგრძელებლად გამოიყენე ერთჯერადი ავტორიზაცია",
+            "terms": "გთხოვთ, გადახედოთ და დაეთანხმოთ ამ სახლის სერვერის პოლიტიკას:",
+            "terms_invalid": "გთხოვთ, გადახედოთ და დაეთანხმოთ სახლის სერვერის ყველა პოლიტიკას"
+        },
+        "unsupported_auth": "ეს სახლის სერვერი არ გვთავაზობს შესვლის ნაკადებს, რომლებიც მხარდაჭერილია ამ კლიენტის მიერ.",
+        "unsupported_auth_email": "ამ სახლის სერვერს არ აქვს ელ.ფოსტის მისამართის გამოყენებით შესვლის მხარდაჭერა.",
+        "unsupported_auth_msisdn": "ამ სერვერს არ აქვს ტელეფონის ნომრით ავტორიზაციის მხარდაჭერა.",
+        "username_field_required_invalid": "შეიყვანეთ მომხმარებლის სახელი",
+        "username_in_use": "ვიღაცას უკვე აქვს ეს მომხმარებლის სახელი, გთხოვთ სცადოთ სხვა.",
+        "verify_email_explainer": "პაროლის გადაყენებამდე უნდა ვიცოდეთ, რომ ეს თქვენ ხართ. დააწკაპუნეთ ბმულზე იმ ელფოსტაში, რომელსაც ახლახან გავგზავნეთ<b>%(email)s</b>",
+        "verify_email_heading": "გადაამოწმეთ თქვენი ელფოსტა გასაგრძელებლად"
+    },
+    "bug_reporting": {
+        "additional_context": "თუ არსებობს დამატებითი კონტექსტი, რომელიც დაგვეხმარება საკითხის ანალიზში, მაგალითად, რას აკეთებდით იმ დროს, ოთახის ID, მომხმარებლის ID და ა.შ., გთხოვთ, მიუთითოთ ეს საკითხები აქ.",
+        "before_submitting": "ჟურნალების გაგზავნამდე, თქვენ უნდა<a> შექმენით GitHub საკითხი</a> თქვენი პრობლემის აღსაწერად.",
+        "collecting_information": "აპლიკაციის ვერსიის ინფორმაციის შეგროვება",
+        "collecting_logs": "მორების შეგროვება",
+        "create_new_issue": "გთხოვთ<newIssueLink> ახალი საკითხის შექმნა</newIssueLink> GitHub-ზე, რათა გამოვიკვლიოთ ეს შეცდომა.",
+        "download_logs": "ჩამოტვირთეთ ჟურნალები",
+        "downloading_logs": "ლოგების ჩამოტვირთვა",
+        "error_empty": "გთხოვთ, გვითხრათ, რა მოხდა არასწორედ, ან, უკეთესი, შექმენით GitHub პრობლემა, რომელიც აღწერს პრობლემას.",
+        "github_issue": "GitHub-ის პრობლემა",
+        "introduction": "თუ თქვენ წარადგინეთ ხარვეზი GitHub-ის მეშვეობით, გამართვის ჟურნალები დაგვეხმარება პრობლემის გარკვევაში. ",
+        "log_request": "მომავალში ამის თავიდან ასაცილებლად, გთხოვთ<a> გამოგვიგზავნეთ ჟურნალები</a> .",
+        "logs_sent": "ჟურნალები გაიგზავნა",
+        "matrix_security_issue": "Matrix-თან დაკავშირებული უსაფრთხოების საკითხის შესახებ შეტყობინებისთვის გთხოვთ, წაიკითხოთ Matrix.org<a> უსაფრთხოების გამჟღავნების პოლიტიკა</a> .",
+        "preparing_download": "ემზადება ჟურნალების ჩამოსატვირთად",
+        "preparing_logs": "ემზადება ჟურნალების გასაგზავნად",
+        "send_logs": "მორების გაგზავნა",
+        "submit_debug_logs": "გამართვის ჟურნალების გაგზავნა",
+        "textarea_label": "შენიშვნები",
+        "thank_you": "გმადლობთ!",
+        "title": "შეცდომის შესახებ შეტყობინება",
+        "unsupported_browser": "შეხსენება: თქვენი ბრაუზერი არ არის მხარდაჭერილი, ამიტომ თქვენი გამოცდილება შეიძლება არაპროგნოზირებადი იყოს.",
+        "uploading_logs": "ლოგების ატვირთვა",
+        "waiting_for_server": "ველოდებით პასუხს სერვერისგან"
+    },
+    "cannot_invite_without_identity_server": "შეუძლებელია მომხმარებლის ელ.ფოსტით დამატება პირადობის სერვერის გარეშე. თქვენ შეგიძლიათ დაუკავშირდეთ ერთ-ერთს \"პარამეტრებში\".",
+    "cannot_reach_homeserver": "სახლის სერვერთან მისვლა შეუძლებელია",
+    "cannot_reach_homeserver_detail": "დარწმუნდით, რომ გაქვთ სტაბილური ინტერნეტ კავშირი, ან დაუკავშირდით სერვერის ადმინისტრატორს",
+    "chat_card_back_action_label": "დაბრუნება ჩატში",
+    "common": {
+        "access_token": "წვდომის ჟეტონი",
+        "accessibility": "მარტივი წვდომა",
+        "advanced": "გაფართოებული",
+        "analytics": "ანალიტიკა",
+        "and_n_others": {
+            "one": "და ერთი სხვა...",
+            "other": "და%(count)s სხვები..."
+        },
+        "appearance": "გარეგნობა",
+        "application": "განაცხადი",
+        "are_you_sure": "Დარწმუნებული ხარ?",
+        "attachment": "Მიმაგრებული ფაილი",
+        "authentication": "ავთენტიფიკაცია",
+        "avatar": "ავატარი",
+        "beta": "ბეტა",
+        "camera": "კამერა",
+        "cameras": "კამერები",
+        "capabilities": "შესაძლებლობები",
+        "copied": "დაკოპირებულია!",
+        "credits": "კრედიტები",
+        "dark": "მუქი",
+        "description": "აღწერა",
+        "deselect_all": "Გააუქმეთ ყველა მონიშვნა",
+        "device": "მოწყობილობა",
+        "edited": "რედაქტირებულია",
+        "email_address": "Ელექტრონული მისამართი",
+        "emoji": "სიცილაკები",
+        "encrypted": "დაშიფრულია",
+        "error": "შეცდომა",
+        "faq": "ხშირად დასმული კითხვები",
+        "feedback": "კავშირი",
+        "filter_results": "შედეგების გაფილტვრა",
+        "forward_message": "შეტყობინების გადაგზავნა",
+        "general": "გენერალი",
+        "go_to_settings": "გადადით პარამეტრებში",
+        "guest": "სტუმარი",
+        "help": "დახმარება",
+        "home": "მთავარი",
+        "homeserver": "სახლის სერვერი",
+        "identity_server": "პირადობის სერვერი",
+        "image": "სურათი",
+        "integration_manager": "ინტეგრაციის მენეჯერი",
+        "joined": "შეუერთდა",
+        "labs": "ლაბორატორიები",
+        "legal": "კანონიერი",
+        "light": "ღია",
+        "loading": "იტვირთება…",
+        "location": "მდებარეობა",
+        "matrix": "Matrix",
+        "message": "შეტყობინება",
+        "message_layout": "შეტყობინებების ფორმა",
+        "microphone": "მიკროფონი",
+        "modern": "თანამედროვე",
+        "mute": "დადუმება",
+        "n_members": {
+            "one": "%(count)sწევრი",
+            "other": "%(count)sწევრები"
+        },
+        "n_rooms": {
+            "one": "%(count)sოთახი",
+            "other": "%(count)sოთახები"
+        },
+        "name": "სახელი",
+        "no_results": "შედეგი არ არის",
+        "no_results_found": "Შედეგები არ მოიძებნა",
+        "not_trusted": "არ არის სანდო",
+        "off": "გამორთულია",
+        "offline": "ხაზგარეშე",
+        "on": "ჩართულია",
+        "options": "პარამეტრები",
+        "orphan_rooms": "სხვა ოთახები",
+        "password": "პაროლი",
+        "people": "ხალხი",
+        "preferences": "პარამეტრები",
+        "presence": "ყოფნა",
+        "preview_message": "ჰეი შენ. შენ საუკეთესო ხარ!",
+        "privacy": "კონფიდენციალურობა",
+        "private": "პირადი",
+        "private_room": "პირადი ოთახი",
+        "private_space": "კერძო ფართი",
+        "profile": "პროფილი",
+        "public": "საჯარო",
+        "public_room": "საჯარო ოთახი",
+        "public_space": "საჯარო სივრცე",
+        "qr_code": "QR კოდი",
+        "random": "შემთხვევითი",
+        "reactions": "რეაქციები",
+        "report_a_bug": "ხარვეზის შეტყობინება",
+        "room": "ოთახი",
+        "room_name": "ოთახის სახელი",
+        "rooms": "ოთახები",
+        "saving": "მიმდინარეობს შენახვა…",
+        "secure_backup": "უსაფრთხო სარეზერვო",
+        "select_all": "Მონიშნე ყველა",
+        "server": "სერვერი",
+        "settings": "პარამეტრები",
+        "setup_secure_messages": "დააყენეთ უსაფრთხო შეტყობინებები",
+        "show_more": "მეტის ჩვენება",
+        "someone": "ვინმე",
+        "space": "შორისი",
+        "spaces": "ფართები",
+        "sticker": "სტიკერი",
+        "stickerpack": "სტიკერპაკეტი",
+        "success": "წარმატება",
+        "suggestions": "შეთავაზებები",
+        "support": "დახმარება",
+        "theme": "თემა",
+        "thread": "თემა",
+        "threads": "ძაფები",
+        "timeline": "ვადები",
+        "unavailable": "მიუწვდომელია",
+        "unencrypted": "არ არის დაშიფრული",
+        "unmute": "დადუმების გაუქმება",
+        "unnamed_room": "უსახელო ოთახი",
+        "unnamed_space": "უსახელო სივრცე",
+        "unverified": "გადაუმოწმებელი",
+        "user": "მომხმარებელი:",
+        "user_avatar": "პროფილის სურათი",
+        "username": "მომხმარებლის სახელი",
+        "verified": "დამოწმებულია",
+        "version": "ვერსია",
+        "video_room": "ვიდეო ოთახი",
+        "view_message": "შეტყობინების ნახვა",
+        "warning": "გაფრთხილება"
+    },
+    "composer": {
+        "format_bold": "თამამი",
+        "format_code_block": "კოდის ბლოკი",
+        "format_decrease_indent": "შეწევის შემცირება",
+        "format_increase_indent": "შეწევის გაზრდა",
+        "format_inline_code": "კოდი",
+        "format_italic": "დახრილი",
+        "format_link": "Ბმული",
+        "format_ordered_list": "დანომრილი სია",
+        "format_strikethrough": "დარტყმა",
+        "format_underline": "ხაზი გაუსვით",
+        "format_unordered_list": "ბურთულებიანი სია",
+        "placeholder": "შეტყობინების გაგზავნა…",
+        "placeholder_encrypted": "დაშიფრული შეტყობინების გაგზავნა…",
+        "placeholder_reply": "პასუხის გაგზავნა…",
+        "placeholder_reply_encrypted": "დაშიფრული პასუხის გაგზავნა…",
+        "placeholder_thread": "თემის პასუხი…",
+        "placeholder_thread_encrypted": "პასუხი დაშიფრულ თემას…",
+        "send_button_title": "შეტყობინების გაგზავნა"
+    },
+    "create_room": {
+        "action_create_room": "",
+        "action_create_video_room": "შექმენით ვიდეო ოთახი",
+        "encrypted_video_room_warning": "თქვენ არ შეგიძლიათ გამორთოთ ეს მოგვიანებით. ოთახი დაშიფრული იქნება, მაგრამ ჩაშენებული ზარი არა.",
+        "encrypted_warning": "თქვენ არ შეგიძლიათ გამორთოთ ეს მოგვიანებით. ხიდები და ბოტების უმეტესობა ჯერ არ იმუშავებს.",
+        "encryption_forced": "თქვენი სერვერი ითხოვს დაშიფვრას პირად ოთახებში გასააქტიურებლად.",
+        "encryption_label": "ჩართეთ ბოლოდან ბოლომდე დაშიფვრა",
+        "error_title": "ოთახის შექმნის შეცდომა",
+        "generic_error": "სერვერი შეიძლება იყოს მიუწვდომელი, გადატვირთული, ან შეიძლება ეს ბაგია.",
+        "join_rule_change_notice": "ამის შეცვლა ნებისმიერ დროს შეგიძლიათ ოთახის პარამეტრებიდან.",
+        "join_rule_invite": "პირადი ოთახი (მხოლოდ მოსაწვევი)",
+        "join_rule_invite_label": "მხოლოდ მოწვეული ადამიანები შეძლებენ ამ ოთახის პოვნას და შეერთებას.",
+        "join_rule_knock_label": "ნებისმიერს შეუძლია შეერთების მოთხოვნა, მაგრამ ადმინისტრატორებმა ან მოდერატორებმა უნდა მიანიჭონ წვდომა. თქვენ შეგიძლიათ შეცვალოთ ეს მოგვიანებით.",
+        "join_rule_public_label": "ნებისმიერს შეეძლება ამ ოთახის პოვნა და გაწევრიანება.",
+        "join_rule_public_parent_space_label": "ნებისმიერს შეეძლება ამ ოთახის პოვნა და გაწევრიანება და არა მხოლოდ წევრები<SpaceName/> .",
+        "join_rule_restricted": "ხილული კოსმოსური წევრებისთვის",
+        "join_rule_restricted_label": "ყველა შიგნით<SpaceName/> შეძლებს ამ ოთახის პოვნას და შეერთებას.",
+        "name_validation_required": "გთხოვთ, შეიყვანოთ ოთახის სახელი",
+        "room_visibility_label": "ოთახის ხილვადობა",
+        "title_private_room": "შექმენით კერძო ოთახი",
+        "title_public_room": "შექმენით საჯარო ოთახი",
+        "title_video_room": "შექმენით ვიდეო ოთახი",
+        "topic_label": "თემა (სურვილისამებრ)",
+        "unfederated": "დაბლოკეთ ვინმე, რომლის წევრი არ არის%(serverName)s ოდესმე ამ ოთახში შესვლიდან.",
+        "unfederated_label_default_off": "თქვენ შეიძლება ჩართოთ ეს, თუ ოთახი გამოყენებული იქნება მხოლოდ თქვენი სახლის სერვერზე შიდა გუნდებთან თანამშრომლობისთვის. ამის მოგვიანებით შეცვლა შეუძლებელია.",
+        "unfederated_label_default_on": "შეგიძლიათ გამორთოთ ეს, თუ ოთახი გამოყენებული იქნება გარე გუნდებთან თანამშრომლობისთვის, რომლებსაც აქვთ საკუთარი სახლის სერვერი. ამის მოგვიანებით შეცვლა შეუძლებელია.",
+        "unsupported_version": "სერვერი არ მუშაობს ოთახის მითითებულ ვერსიაზე."
+    },
+    "credits": {
+        "default_cover_photo": "The<photo> ნაგულისხმევი ყდის ფოტო</photo> არის ©<author> ჯესუს რონსერო</author> გამოიყენება პირობების მიხედვით<terms> CC-BY-SA 4.0</terms> .",
+        "twemoji": "The<twemoji> Twemoji</twemoji> emoji ხელოვნება არის ©<author> Twitter, Inc და სხვა კონტრიბუტორები</author> გამოიყენება პირობების მიხედვით<terms> CC-BY 4.0</terms> .",
+        "twemoji_colr": "The<colr> twemoji-colr</colr> შრიფტი არის ©<author> Mozilla Foundation</author> გამოიყენება პირობების მიხედვით<terms> Apache 2.0</terms> ."
+    },
+    "devtools": {
+        "active_widgets": "აქტიური ვიჯეტები",
+        "category_other": "სხვა",
+        "category_room": "ოთახი",
+        "caution_colon": "სიფრთხილე:",
+        "client_versions": "კლიენტის ვერსიები",
+        "developer_mode": "დეველოპერის რეჟიმი",
+        "developer_tools": "დეველოპერის ინსტრუმენტები",
+        "edit_setting": "პარამეტრის რედაქტირება",
+        "edit_values": "მნიშვნელობების რედაქტირება",
+        "empty_string": "<empty string>",
+        "event_content": "ღონისძიების შინაარსი",
+        "event_id": "ღონისძიების ID:%(eventId)s",
+        "event_sent": "ღონისძიება გაგზავნილია!",
+        "event_type": "ღონისძიების ტიპი",
+        "explore_account_data": "შეისწავლეთ ანგარიშის მონაცემები",
+        "explore_room_account_data": "შეისწავლეთ ოთახის ანგარიშის მონაცემები",
+        "explore_room_state": "შეისწავლეთ ოთახის მდგომარეობა",
+        "failed_to_find_widget": "ამ ვიჯეტის პოვნისას მოხდა შეცდომა.",
+        "failed_to_load": "ჩატვირთვა ვერ მოხერხდა.",
+        "failed_to_save": "პარამეტრების შენახვა ვერ მოხერხდა.",
+        "failed_to_send": "ღონისძიების გაგზავნა ვერ მოხერხდა!",
+        "id": "ID: ",
+        "invalid_json": "არ ჰგავს მოქმედ JSON-ს.",
+        "level": "დონე",
+        "low_bandwidth_mode": "დაბალი გამტარობის რეჟიმი",
+        "low_bandwidth_mode_description": "მოითხოვს თავსებადი სახლის სერვერს.",
+        "main_timeline": "მთავარი ვადები",
+        "no_receipt_found": "ქვითარი ვერ მოიძებნა",
+        "notification_state": "შეტყობინების მდგომარეობა არის<strong>%(notificationState)s</strong>",
+        "notifications_debug": "შეტყობინებების გამართვა",
+        "number_of_users": "მომხმარებელთა რაოდენობა",
+        "original_event_source": "ღონისძიების ორიგინალური წყარო",
+        "room_encrypted": "ოთახი არის<strong> დაშიფრული ✅</strong>",
+        "room_id": "ოთახის ID:%(roomId)s",
+        "room_not_encrypted": "ოთახი არის<strong> არ არის დაშიფრული 🚨</strong>",
+        "room_notifications_dot": "წერტილი: ",
+        "room_notifications_highlight": "მონიშნეთ: ",
+        "room_notifications_last_event": "ბოლო ღონისძიება:",
+        "room_notifications_sender": "გამგზავნი: ",
+        "room_notifications_thread_id": "თემის ID: ",
+        "room_notifications_total": "სულ:",
+        "room_notifications_type": "ტიპი: ",
+        "room_status": "ოთახის სტატუსი",
+        "room_unread_status_count": {
+            "one": "ოთახის წაუკითხავი სტატუსი:<strong>%(status)s</strong> , დათვალეთ:<strong>%(count)s</strong>",
+            "other": "ოთახის წაუკითხავი სტატუსი:<strong>%(status)s</strong> , დათვალეთ:<strong>%(count)s</strong>"
+        },
+        "save_setting_values": "პარამეტრების მნიშვნელობების შენახვა",
+        "see_history": "იხილეთ ისტორია",
+        "send_custom_account_data_event": "პირადი ანგარიშის მონაცემების ღონისძიების გაგზავნა",
+        "send_custom_room_account_data_event": "პირადი ოთახის ანგარიშის მონაცემების ღონისძიების გაგზავნა",
+        "send_custom_state_event": "პირადი სახელმწიფო ღონისძიების გაგზავნა",
+        "send_custom_timeline_event": "პირადი ქრონოლოგიის ღონისძიების გაგზავნა",
+        "server_info": "სერვერის ინფორმაცია",
+        "server_versions": "სერვერის ვერსიები",
+        "settable_global": "დაყენება შესაძლებელია გლობალურ დონეზე",
+        "settable_room": "დაყენება ოთახში",
+        "setting_colon": "პარამეტრი:",
+        "setting_definition": "პარამეტრის განმარტება:",
+        "setting_id": "ID-ის დაყენება",
+        "settings_explorer": "პარამეტრების მკვლევარი",
+        "show_hidden_events": "დამალული მოვლენების ჩვენება ქრონიკაში",
+        "state_key": "სახელმწიფო გასაღები",
+        "thread_root_id": "თემის ფესვის ID:%(threadRootId)s",
+        "threads_timeline": "თემების ვადები",
+        "title": "დეველოპერის ინსტრუმენტები",
+        "toolbox": "ხელსაწყოს ყუთი",
+        "use_at_own_risk": "ეს UI არ ამოწმებს მნიშვნელობების ტიპებს. გამოიყენეთ საკუთარი რისკის ქვეშ.",
+        "user_read_up_to": "მომხმარებელმა წაიკითხა: ",
+        "user_read_up_to_ignore_synthetic": "მომხმარებელმა წაიკითხა მდე (იგნორირება Synthetic): ",
+        "user_read_up_to_private": "მომხმარებელი წაიკითხა მდე (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "მომხმარებელმა წაიკითხა მდე (m.read.private;ignoreSynthetic):",
+        "value": "ღირებულება",
+        "value_colon": "ღირებულება:",
+        "value_in_this_room": "ღირებულება ამ ოთახში",
+        "value_this_room_colon": "ღირებულება ამ ოთახში:",
+        "values_explicit": "ღირებულებები აშკარა დონეზე",
+        "values_explicit_colon": "ღირებულებები აშკარა დონეზე:",
+        "values_explicit_room": "ღირებულებები აშკარა დონეზე ამ ოთახში",
+        "values_explicit_this_room_colon": "მნიშვნელობები აშკარა დონეზე ამ ოთახში:",
+        "view_servers_in_room": "იხილეთ სერვერები ოთახში",
+        "view_source_decrypted_event_source": "გაშიფრული მოვლენის წყარო",
+        "view_source_decrypted_event_source_unavailable": "გაშიფრული წყარო მიუწვდომელია",
+        "widget_screenshots": "ჩართეთ ვიჯეტის ეკრანის ანაბეჭდები მხარდაჭერილ ვიჯეტებზე"
+    },
+    "empty_room": "ცარიელი ოთახი",
+    "empty_room_was_name": "ცარიელი ოთახი (იყო%(oldName)s )",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "არასწორი უსაფრთხოების გასაღები"
+            },
+            "restoring": "გასაღებების აღდგენა სარეზერვო ასლიდან",
+            "security_key_title": "უსაფრთხოების გასაღები"
+        },
+        "bootstrap_title": "გასაღებების დაყენება",
+        "confirm_encryption_setup_body": "დააწკაპუნეთ ქვემოთ მოცემულ ღილაკზე დაშიფვრის დაყენების დასადასტურებლად.",
+        "confirm_encryption_setup_title": "დაადასტურეთ დაშიფვრის დაყენება",
+        "cross_signing_room_normal": "",
+        "cross_signing_room_verified": "ამ ოთახში ყველა დამოწმებულია",
+        "cross_signing_room_warning": "ვიღაც უცნობ სესიას იყენებს",
+        "cross_signing_user_normal": "თქვენ არ დაადასტურეთ ეს მომხმარებელი.",
+        "cross_signing_user_verified": "თქვენ დაადასტურეთ ეს მომხმარებელი. ამ მომხმარებელმა დაადასტურა ყველა მათი სესია.",
+        "cross_signing_user_warning": "ამ მომხმარებელს არ დაუდასტურებია ყველა მათი სესია.",
+        "event_shield_reason_authenticity_not_guaranteed": "ამ დაშიფრული შეტყობინების ავთენტურობის გარანტია შეუძლებელია ამ მოწყობილობაზე.",
+        "event_shield_reason_mismatched_sender_key": "დაშიფრულია დაუდასტურებელი სესიით",
+        "event_shield_reason_unknown_device": "დაშიფრულია უცნობი ან წაშლილი მოწყობილობით.",
+        "event_shield_reason_unsigned_device": "დაშიფრულია მოწყობილობის მიერ, რომელიც არ არის დადასტურებული მისი მფლობელის მიერ.",
+        "event_shield_reason_unverified_identity": "დაშიფრულია დაუდასტურებელი მომხმარებლის მიერ.",
+        "export_unsupported": "თქვენი ბრაუზერი არ უჭერს მხარს კრიპტოგრაფიის საჭირო გაფართოებებს",
+        "import_invalid_keyfile": "არ არის მოქმედი%(brand)s გასაღები ფაილი",
+        "import_invalid_passphrase": "ავტორიზაციის შემოწმება ვერ მოხერხდა: პაროლი არასწორია?",
+        "messages_not_secure": {
+            "cause_1": "თქვენი სახლის სერვერი",
+            "cause_2": "ჰომოსერვერი, რომელსაც ადასტურებთ მომხმარებელი, დაკავშირებულია",
+            "cause_3": "თქვენი ან სხვა მომხმარებლების ინტერნეტ კავშირი",
+            "cause_4": "თქვენი ან სხვა მომხმარებლების სესია",
+            "heading": "ერთ-ერთი შემდეგი შეიძლება იყოს კომპრომეტირებული:",
+            "title": "თქვენი შეტყობინებები არ არის დაცული"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "აღმოჩენილია უსაფრთხოების ახალი ფრაზა და გასაღები Secure Messages-ისთვის.",
+            "description_2": "ეს სესია შიფრავს ისტორიას ახალი აღდგენის მეთოდის გამოყენებით.",
+            "title": "აღდგენის ახალი მეთოდი",
+            "warning": "თუ თქვენ არ დააყენეთ აღდგენის ახალი მეთოდი, შესაძლოა თავდამსხმელი ცდილობდეს თქვენს ანგარიშზე წვდომას. შეცვალეთ თქვენი ანგარიშის პაროლი და დააყენეთ აღდგენის ახალი მეთოდი დაუყოვნებლივ პარამეტრებში."
+        },
+        "recovery_method_removed": {
+            "description_1": "ამ სესიამ დაადგინა, რომ თქვენი უსაფრთხოების ფრაზა და Secure Messages გასაღები წაიშალა.",
+            "description_2": "თუ ეს შემთხვევით გააკეთეთ, შეგიძლიათ დააყენოთ Secure Messages ამ სესიაზე, რომელიც ხელახლა დაშიფვრავს ამ სესიის შეტყობინებების ისტორიას აღდგენის ახალი მეთოდით.",
+            "title": "აღდგენის მეთოდი ამოღებულია",
+            "warning": "თუ თქვენ არ წაშალეთ აღდგენის მეთოდი, შესაძლოა თავდამსხმელი ცდილობდეს თქვენს ანგარიშზე წვდომას. შეცვალეთ თქვენი ანგარიშის პაროლი და დააყენეთ აღდგენის ახალი მეთოდი დაუყოვნებლივ პარამეტრებში."
+        },
+        "set_up_toast_title": "დააყენეთ უსაფრთხო სარეზერვო ასლი",
+        "unable_to_setup_keys_error": "გასაღებების დაყენება შეუძლებელია",
+        "verification": {
+            "accepting": "მიღება…",
+            "after_new_login": {
+                "device_verified": "მოწყობილობა დადასტურებულია",
+                "skip_verification": "ამ დროისთვის გამოტოვეთ დადასტურება",
+                "verify_this_device": "დაადასტურეთ ეს მოწყობილობა"
+            },
+            "cancelling": "მიმდინარეობს გაუქმება…",
+            "complete_action": "Გავიგე",
+            "complete_description": "თქვენ წარმატებით დაადასტურეთ ეს მომხმარებელი.",
+            "complete_title": "დამოწმებულია!",
+            "error_starting_description": "ჩვენ ვერ შევძელით ჩეთის დაწყება სხვა მომხმარებელთან.",
+            "error_starting_title": "შეცდომა დადასტურების დაწყებისას",
+            "explainer": "ამ მომხმარებლის უსაფრთხო შეტყობინებები არის ბოლომდე დაშიფრული და ვერ წაიკითხება მესამე მხარის მიერ.",
+            "in_person": "უსაფრთხოების მიზნით, გააკეთეთ ეს პირადად ან გამოიყენეთ სანდო გზა კომუნიკაციისთვის.",
+            "incoming_sas_device_dialog_text_1": "დაადასტურეთ ეს მოწყობილობა, რომ მონიშნოთ ის სანდოდ. ამ მოწყობილობის ნდობა მოგანიჭებთ თქვენ და სხვა მომხმარებლებს დამატებით სიმშვიდეს, როდესაც იყენებთ ბოლომდე დაშიფრულ შეტყობინებებს.",
+            "incoming_sas_device_dialog_text_2": "ამ მოწყობილობის დადასტურება მონიშნავს მას სანდოდ და მომხმარებლები, რომლებმაც დაადასტურეს თქვენთან, ენდობიან ამ მოწყობილობას.",
+            "incoming_sas_dialog_title": "შემომავალი დადასტურების მოთხოვნა",
+            "incoming_sas_dialog_waiting": "ელოდება პარტნიორის დადასტურებას…",
+            "incoming_sas_user_dialog_text_1": "დაადასტურეთ ეს მომხმარებელი, რათა მონიშნოთ ისინი სანდოდ. მომხმარებელთა ნდობა გაძლევთ დამატებით სიმშვიდეს, როდესაც იყენებთ ბოლომდე დაშიფრული შეტყობინებების გამოყენებას.",
+            "incoming_sas_user_dialog_text_2": "ამ მომხმარებლის დადასტურება მონიშნავს მის სესიას სანდოდ და ასევე მონიშნავს თქვენს სესიას, როგორც მისთვის სანდო.",
+            "no_support_qr_emoji": "მოწყობილობა, რომლის გადამოწმებას ცდილობთ, არ უჭერს მხარს QR კოდის ან emoji-ის დადასტურებას, რაც არის%(brand)s მხარს უჭერს. სცადეთ სხვა კლიენტთან.",
+            "other_party_cancelled": "მეორე მხარემ გააუქმა გადამოწმება.",
+            "prompt_encrypted": "დაადასტურეთ ოთახის ყველა მომხმარებელი, რომ დარწმუნდეთ, რომ ის უსაფრთხოა.",
+            "prompt_unencrypted": "დაშიფრულ ოთახებში გადაამოწმეთ ყველა მომხმარებელი, რომ დარწმუნდეთ, რომ ის უსაფრთხოა.",
+            "qr_or_sas": "%(qrCode)sან%(emojiCompare)s",
+            "qr_prompt": "დაასკანირეთ ეს უნიკალური კოდი",
+            "qr_reciprocate_same_shield_user": "თითქმის იქ! არის%(displayName)s იგივე ფარს აჩვენებს?",
+            "request_toast_decline_counter": "იგნორირება (%(counter)s )",
+            "request_toast_detail": "%(deviceId)sსაწყისი%(ip)s",
+            "sas_caption_self": "დაადასტურეთ ეს მოწყობილობა და დაადასტურეთ, რომ შემდეგი ნომერი გამოჩნდება მის ეკრანზე.",
+            "sas_caption_user": "დაადასტურეთ ეს მომხმარებელი და დაადასტურეთ, რომ შემდეგი ნომერი გამოჩნდება მის ეკრანზე.",
+            "sas_description": "შეადარეთ emoji-ების უნიკალური ნაკრები, თუ არცერთ მოწყობილობაზე არ გაქვთ კამერა",
+            "sas_emoji_caption_user": "დაადასტურეთ ეს მომხმარებელი და დაადასტურეთ, რომ შემდეგი emoji გამოჩნდება მის ეკრანზე.",
+            "sas_match": "ისინი ემთხვევა",
+            "sas_no_match": "ისინი არ ემთხვევა",
+            "sas_prompt": "შეადარეთ უნიკალური emoji",
+            "scan_qr": "გადაამოწმეთ სკანირებით",
+            "scan_qr_explainer": "იკითხე%(displayName)s თქვენი კოდის სკანირებისთვის:",
+            "start_button": "დაიწყეთ გადამოწმება",
+            "successful_user": "თქვენ წარმატებით დაადასტურეთ%(displayName)s !",
+            "unsupported_method": "დადასტურების მხარდაჭერილი მეთოდის პოვნა შეუძლებელია.",
+            "unverified_session_toast_accept": "დიახ, მე ვიყავი",
+            "unverified_session_toast_title": "ახალი შესვლა. ეს შენ იყავი?",
+            "unverified_sessions_toast_description": "გადახედეთ, რათა დარწმუნდეთ, რომ თქვენი ანგარიში უსაფრთხოა",
+            "unverified_sessions_toast_reject": "მოგვიანებით",
+            "unverified_sessions_toast_title": "თქვენ გაქვთ დაუდასტურებელი სესიები",
+            "verification_dialog_title_device": "გადაამოწმეთ სხვა მოწყობილობა",
+            "verification_dialog_title_user": "გადამოწმების მოთხოვნა",
+            "verification_skip_warning": "დადასტურების გარეშე, თქვენ არ გექნებათ წვდომა თქვენს ყველა შეტყობინებაზე და შეიძლება სხვებისთვის არასანდო გამოჩნდეთ.",
+            "verification_success_with_backup": "თქვენი ახალი მოწყობილობა ახლა დადასტურებულია. მას აქვს წვდომა თქვენს დაშიფრულ შეტყობინებებზე და სხვა მომხმარებლები დაინახავენ მას, როგორც სანდო.",
+            "verification_success_without_backup": "თქვენი ახალი მოწყობილობა ახლა დადასტურებულია. სხვა მომხმარებლები დაინახავენ მას, როგორც სანდო.",
+            "verify_emoji": "გადაამოწმეთ emoji-ით",
+            "verify_emoji_prompt": "გადაამოწმეთ უნიკალური emoji-ების შედარებით.",
+            "verify_emoji_prompt_qr": "თუ ზემოთ მოცემულ კოდს ვერ სკანირებთ, გადაამოწმეთ უნიკალური emoji-ების შედარებით.",
+            "verify_later": "მოგვიანებით გადავამოწმებ",
+            "waiting_for_user_accept": "ელოდება%(displayName)s მიღება…",
+            "waiting_other_device": "ელოდება თქვენ გადამოწმებას თქვენს სხვა მოწყობილობაზე…",
+            "waiting_other_device_details": "გელოდებათ გადამოწმებას თქვენს სხვა მოწყობილობაზე,%(deviceName)s (%(deviceId)s )…",
+            "waiting_other_user": "ელოდება%(displayName)s გადამოწმება…"
+        },
+        "verification_requested_toast_title": "მოთხოვნილია დადასტურება",
+        "verify_toast_description": "სხვა მომხმარებლებს შეიძლება არ ენდონ მას",
+        "verify_toast_title": "გადაამოწმეთ ეს სესია"
+    },
+    "error": {
+        "admin_contact": "გთხოვთ<a> დაუკავშირდით თქვენი სერვისის ადმინისტრატორს</a> ამ სერვისის გამოყენების გასაგრძელებლად.",
+        "admin_contact_short": "დაუკავშირდით თქვენს<a> სერვერის ადმინი</a> .",
+        "connection": "სახლის სერვერთან კომუნიკაციისას წარმოიშვა პრობლემა, გთხოვთ, სცადოთ მოგვიანებით.",
+        "dialog_description_default": "",
+        "download_media": "წყაროს მედია ვერ ჩამოიტვირთა, წყაროს url ვერ მოიძებნა",
+        "edit_history_unsupported": "როგორც ჩანს, თქვენი სახლის სერვერი არ უჭერს მხარს ამ ფუნქციას.",
+        "failed_copy": "კოპირება ვერ მოხერხდა",
+        "hs_blocked": "ეს სახლის სერვერი დაბლოკილია მისი ადმინისტრატორის მიერ.",
+        "mau": "",
+        "mixed_content": "HTTP-ის მეშვეობით ჰომოსერვერთან დაკავშირება შეუძლებელია, როდესაც თქვენი ბრაუზერის ზოლში არის HTTPS URL. გამოიყენეთ ან HTTPS ან<a> არაუსაფრთხო სკრიპტების ჩართვა</a> .",
+        "non_urgent_echo_failure_toast": "თქვენი სერვერი ზოგიერთს არ პასუხობს<a> ითხოვს</a> .",
+        "resource_limits": "ამ სახლის სერვერმა გადააჭარბა რესურსის ერთ-ერთ ლიმიტს.",
+        "session_restore": {
+            "clear_storage_button": "გაასუფთავეთ მეხსიერება და გამოდით",
+            "clear_storage_description": "გამოხვალთ სისტემიდან და ამოიღეთ დაშიფვრის გასაღებები?",
+            "description_1": "",
+            "description_2": "თუ ადრე იყენებდით უფრო უახლეს ვერსიას%(brand)s , თქვენი სესია შეიძლება შეუთავსებელი იყოს ამ ვერსიასთან. დახურეთ ეს ფანჯარა და დაუბრუნდით უახლეს ვერსიას.",
+            "description_3": "თქვენი ბრაუზერის მეხსიერების გასუფთავებამ შეიძლება მოაგვაროს პრობლემა, მაგრამ გამოხვალთ სისტემიდან და გამოიწვევს დაშიფრული ჩეთის ისტორიის წაკითხვას.",
+            "title": "სესიის აღდგენა შეუძლებელია"
+        },
+        "something_went_wrong": "რაღაც შეფერხდა!",
+        "storage_evicted_description_1": "სესიის ზოგიერთი მონაცემი, მათ შორის დაშიფრული შეტყობინების გასაღებები, აკლია. გამოდით და შედით სისტემაში ამის გამოსასწორებლად, გასაღებების აღდგენით სარეზერვო ასლიდან.",
+        "storage_evicted_description_2": "თქვენმა ბრაუზერმა, სავარაუდოდ, წაშალა ეს მონაცემები, როდესაც დისკზე ნაკლები სივრცეა.",
+        "storage_evicted_title": "სესიის მონაცემები აკლია",
+        "sync": "Homeserver-თან დაკავშირება შეუძლებელია. ხელახლა მცდელობა…",
+        "tls": "სახლის სერვერთან დაკავშირება შეუძლებელია - გთხოვთ, შეამოწმოთ თქვენი დაკავშირება, დარწმუნდით<a> ჰომოსერვერის SSL სერთიფიკატი</a> არის სანდო და რომ ბრაუზერის გაფართოება არ ბლოკავს მოთხოვნებს.",
+        "unknown": "უცნობი შეცდომა",
+        "unknown_error_code": "უცნობი შეცდომის კოდი",
+        "update_power_level": "დენის დონის შეცვლა ვერ მოხერხდა"
+    },
+    "error_database_closed_title": "%(brand)sშეწყვიტა მუშაობა",
+    "error_user_not_logged_in": "მომხმარებელი არ არის შესული",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "ზარი მიმდინარეობს",
+            "user": "%(senderName)sშეუერთდა ზარს",
+            "you": "თქვენ შეუერთდით ზარს"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)sდაასრულა ზარი",
+            "you": "თქვენ დაასრულეთ ზარი"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)sრეკავს",
+            "dm_send": "პასუხს ელოდება",
+            "user": "%(senderName)sდაიწყო ზარი",
+            "you": "თქვენ დაიწყეთ ზარი"
+        },
+        "m.emote": "*%(senderName)s%(emote)s",
+        "m.reaction": {
+            "user": "%(sender)sგამოეხმაურა%(reaction)s რომ%(message)s",
+            "you": "შენ რეაგირებდი%(reaction)s რომ%(message)s"
+        },
+        "m.sticker": "%(senderName)s:%(stickerName)s",
+        "m.text": "%(senderName)s:%(message)s"
+    },
+    "export_chat": {
+        "cancelled": "ექსპორტი გაუქმდა",
+        "cancelled_detail": "ექსპორტი წარმატებით გაუქმდა",
+        "confirm_stop": "დარწმუნებული ხართ, რომ გსურთ თქვენი მონაცემების ექსპორტის შეწყვეტა? თუ ამას გააკეთებთ, თავიდან უნდა დაიწყოთ.",
+        "creating_html": "HTML- ის შექმნა...",
+        "creating_output": "გამომავალი შექმნა...",
+        "creator_summary": "%(creatorName)sშექმნა ეს ოთახი.",
+        "current_timeline": "მიმდინარე ვადები",
+        "enter_number_between_min_max": "შეიყვანეთ რიცხვი შორის%(min)s და%(max)s",
+        "error_fetching_file": "შეცდომა ფაილის აღებაში",
+        "export_info": "ეს არის ექსპორტის დასაწყისი<roomName/>. ექსპორტირ <exporterDetails/> ებულია at%(exportDate)s.",
+        "export_successful": "წარმატებული ექსპორტი!",
+        "exported_n_events_in_time": {
+            "one": "ექსპორტი %(count)s მოვლენა წ %(seconds)s ამებში",
+            "other": "ექსპორტი %(count)s მოვლენები წ %(seconds)s ამებში"
+        },
+        "exporting_your_data": "მიმდინარეობს თქვენი მონაცემების ექსპორტი",
+        "fetched_n_events": {
+            "one": "ჯერჯერობით მიღ %(count)s ებული მოვლენა",
+            "other": "ჯერჯერობით მიღ %(count)s ებული მოვლენები"
+        },
+        "fetched_n_events_in_time": {
+            "one": "მიღებული ღონის %(count)s ძიება s %(seconds)s",
+            "other": "მიღებული მო %(count)s ვლენები s- ში %(seconds)s"
+        },
+        "fetched_n_events_with_total": {
+            "one": "ამოღებული ღონის %(count)s ძიებიდან %(total)s",
+            "other": "ამოღებული მო %(count)s ვლენებიდან %(total)s"
+        },
+        "fetching_events": "მოვლენების მოპოვება...",
+        "file_attached": "ფაილი თანდართულია",
+        "format": "ფორმატი",
+        "from_the_beginning": "თავიდანვე",
+        "generating_zip": "ZIP გენერირება",
+        "html": "ჰტმლ",
+        "html_title": "ექსპორტი მონაცემ",
+        "include_attachments": "ჩართეთ დანართები",
+        "json": "ჯსონი",
+        "media_omitted": "მედია გამოტოვებულია",
+        "media_omitted_file_size": "მედია გამოტოვებულია - ფაილის ზომის ლიმიტი გადაემატ",
+        "messages": "შეტყობინებები",
+        "next_page": "მესიჯების შემდეგი ჯგუფი",
+        "num_messages": "შეტყობინებების რაოდენობა",
+        "num_messages_min_max": "შეტყობინებების რაოდენობა შეიძლება იყოს მხოლოდ მათ შორის%(min)s და%(max)s",
+        "number_of_messages": "მიუთითეთ რამდენიმე შეტყობინება",
+        "previous_page": "შეტყობინებების წინა ჯგ",
+        "processing": "მუშავდება…",
+        "processing_event_n": "დამუშავების ღონ %(number)s ისძიება %(total)s",
+        "select_option": "აირჩიეთ ქვემოთ მოცემული ვარიანტებიდან ჩეთის ექსპორტისთვის თქვენი დროის ხაზიდან",
+        "size_limit": "ზომის ლიმიტი",
+        "size_limit_min_max": "ზომა შეიძლება იყოს მხოლოდ რიცხვი შორის%(min)s MB და%(max)s მბ",
+        "size_limit_postfix": "მბ",
+        "starting_export": "ექსპორტის დაწყება...",
+        "successful": "ექსპორტი წარმატებულია",
+        "successful_detail": "თქვენი ექსპორტი წარმატებით დასრულდა. იპოვეთ ის თქვენს ჩამოტვირთვების საქაღალდეში.",
+        "text": "უბრალო ტექსტი",
+        "title": "ჩეთის ექსპორტი",
+        "topic": "თემა: %(topic)s",
+        "unload_confirm": "დარწმუნებული ხართ, რომ გსურთ გასვლა ამ ექსპორტის დროს?"
+    },
+    "failed_load_async_component": "ვერ იტვირთება! შეამოწმეთ თქვენი ინტერნეტ-კავშირი და სცადეთ ისევ.",
+    "in_space": "In%(spaceName)s .",
+    "in_space1_and_space2": "სივრცეებში%(space1Name)s და%(space2Name)s .",
+    "in_space_and_n_other_spaces": {
+        "one": "In%(spaceName)s და კიდევ ერთი სივრცე.",
+        "other": "In%(spaceName)s და%(count)s სხვა სივრცეები."
+    },
+    "invite": {
+        "email_caption": "მოიწვიე ელექტრონული ფოსტით",
+        "email_limit_one": "მოწვევები ელექტრონული ფოსტით შეიძლება გაიგზავნოს მხოლოდ ერთ ჯერზე",
+        "email_use_default_is": "გამოიყენეთ საიდენტიფიკაციო სერვერი ელექტრონული ფოსტით მოსაწვევად.<default> გამოიყენეთ ნაგულისხმევი (%(defaultIdentityServerName)s )</default> ან მართეთ<settings> პარამეტრები</settings> .",
+        "email_use_is": "გამოიყენეთ საიდენტიფიკაციო სერვერი ელექტრონული ფოსტით მოსაწვევად. მართვა შიგნით<settings> პარამეტრები</settings> .",
+        "error_already_invited_room": "მომხმარებელი უკვე მოწვეულია ოთახში",
+        "error_already_invited_space": "მომხმარებელი უკვე მოწვეულია სივრცეში",
+        "error_already_joined_room": "მომხმარებელი უკვე ოთახშია",
+        "error_already_joined_space": "მომხმარებელი უკვე სივრცეშია",
+        "error_bad_state": "მომხმარებლის მოწვევამდე მომხმარებლის აკრძალვა უნდა მოხდეს.",
+        "error_dm": "ჩვენ ვერ შევქმენით თქვენი DM.",
+        "error_find_room": "მომხმარებლების მოწვევის მცდელობამ წარმოიქმნა შეფერხება.",
+        "error_find_user_description": "შემდეგი მომხმარებლები შეიძლება არ არსებობდეს ან არასწორია და მათი მოწვევა შეუძლებელია:%(csvNames)s",
+        "error_find_user_title": "შემდეგი მომხმარებლების პოვნა ვერ მოხერხდა",
+        "error_invite": "ჩვენ ვერ მოვიწვიეთ ეს მომხმარებლები. გთხოვთ, შეამოწმოთ მომხმარებლები, რომელთა მოწვევაც გსურთ და ხელახლა სცადოთ.",
+        "error_permissions_room": "თქვენ არ გაქვთ ამ ოთახში ხალხის მოწვევის უფლება.",
+        "error_permissions_space": "",
+        "error_profile_undisclosed": "მომხმარებელი შეიძლება არსებობდეს ან არ არსებობდეს",
+        "error_transfer_multiple_target": "ზარის გადაცემა შესაძლებელია მხოლოდ ერთ მომხმარებელზე.",
+        "error_unknown": "სერვერის უცნობი შეცდომა",
+        "error_user_not_found": "მომხმარებელი არ არსებობს",
+        "error_version_unsupported_room": "მომხმარებლის სახლის სერვერი არ უჭერს მხარს ოთახის ვერსიას.",
+        "error_version_unsupported_space": "მომხმარებლის სახლის სერვერი არ უჭერს მხარს სივრცის ვერსიას.",
+        "failed_generic": "ოპერაცია ჩაიშალა",
+        "failed_title": "მოწვევა ვერ მოხერხდა",
+        "invalid_address": "არაღიარებული მისამართი",
+        "name_email_mxid_share_room": "მოიწვიე ვინმე თავისი სახელის, ელფოსტის მისამართის, მომხმარებლის სახელის გამოყენებით (როგორც<userId/> ) ან<a> გააზიარე ეს ოთახი</a> .",
+        "name_email_mxid_share_space": "მოიწვიე ვინმე თავისი სახელის, ელფოსტის მისამართის, მომხმარებლის სახელის გამოყენებით (მაგ<userId/> ) ან<a> გააზიარე ეს სივრცე</a> .",
+        "name_mxid_share_room": "მოიწვიე ვინმე თავისი სახელის, მომხმარებლის სახელის (მაგ<userId/> ) ან<a> გააზიარე ეს ოთახი</a> .",
+        "name_mxid_share_space": "მოიწვიე ვინმე თავისი სახელის, მომხმარებლის სახელის (მაგ<userId/> ) ან<a> გააზიარე ეს სივრცე</a> .",
+        "recents_section": "ბოლო საუბრები",
+        "room_failed_partial": "ჩვენ გავაგზავნეთ სხვები, მაგრამ ქვემოთ მოყვანილი ადამიანების მოწვევა ვერ მოხერხდა<RoomName/>",
+        "room_failed_partial_title": "ზოგიერთი მოწვევის გაგზავნა ვერ მოხერხდა",
+        "room_failed_title": "მომხმარებლების მოწვევა ვერ მოხერხდა%(roomName)s",
+        "send_link_prompt": "ან გაგზავნეთ მოწვევის ბმული",
+        "start_conversation_name_email_mxid_prompt": "დაიწყეთ საუბარი ვინმესთან მისი სახელის, ელფოსტის მისამართის ან მომხმარებლის სახელის გამოყენებით (მაგ<userId/> ).",
+        "start_conversation_name_mxid_prompt": "დაიწყეთ საუბარი ვინმესთან მისი სახელის ან მომხმარებლის სახელის გამოყენებით (მაგ<userId/> ).",
+        "suggestions_disclaimer": "ზოგიერთი შემოთავაზება შესაძლოა დამალული იყოს კონფიდენციალურობისთვის.",
+        "suggestions_disclaimer_prompt": "თუ ვერ ხედავთ ვისაც ეძებთ, გაუგზავნეთ თქვენი მოწვევის ბმული ქვემოთ.",
+        "suggestions_section": "ახლახანს პირდაპირი შეტყობინება",
+        "to_room": "მოიწვიე%(roomName)s",
+        "to_space": "მოიწვიე%(spaceName)s",
+        "transfer_dial_pad_tab": "აკრიფეთ pad",
+        "transfer_user_directory_tab": "მომხმარებლის დირექტორია",
+        "unable_find_profiles_description_default": "ქვემოთ ჩამოთვლილი Matrix ID-ების პროფილების პოვნა ვერ ხერხდება - მაინც გსურთ მათი მოწვევა?",
+        "unable_find_profiles_invite_label_default": "მოიწვიე მაინც",
+        "unable_find_profiles_invite_never_warn_label_default": "მოიწვიე მაინც და აღარასოდეს გამაფრთხილო",
+        "unable_find_profiles_title": "შემდეგი მომხმარებლები შეიძლება არ არსებობდეს",
+        "unban_first_title": "მომხმარებლის მოწვევა შეუძლებელია მანამ, სანამ ის არ იქნება აკრძალული"
+    },
+    "inviting_user1_and_user2": "მოწვევა%(user1)s და%(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "მოწვევა%(user)s და ერთი სხვა",
+        "other": "მოწვევა%(user)s და%(count)s სხვები"
+    },
+    "items_and_n_others": {
+        "one": "<Items/>და ერთი სხვა",
+        "other": "<Items/>და%(count)s სხვები"
+    },
+    "keyboard": {
+        "alt": "ყველა",
+        "backspace": "Backspace",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "გააუქმეთ წაკითხული მარკერი და გადადით ქვემოთ",
+        "end": "დასასრული",
+        "enter": "შედი",
+        "escape": "ესკ",
+        "home": "სახლში",
+        "number": "[ნომერი]",
+        "page_down": "გვერდი ქვემოთ",
+        "page_up": "გვერდი ზემოთ",
+        "shift": "ცვლა",
+        "space": "სივრცე"
+    },
+    "labs": {
+        "ask_to_join": "ჩართეთ შეერთების მოთხოვნა",
+        "beta_description": "რა არის შემდეგი%(brand)s ? ლაბორატორიები საუკეთესო საშუალებაა ნივთების ადრეულ ეტაპზე მისაღებად, ახალი ფუნქციების შესამოწმებლად და მათ ჩამოყალიბებაში, სანამ ისინი რეალურად დაიწყება.",
+        "beta_feature": "ეს არის ბეტა ფუნქცია",
+        "beta_feedback_leave_button": "ბეტადან გასასვლელად ეწვიეთ თქვენს პარამეტრებს.",
+        "beta_feedback_title": "%(featureName)sბეტა გამოხმაურება",
+        "beta_section": "მომავალი ფუნქციები",
+        "bridge_state": "აჩვენეთ ინფორმაცია ხიდების შესახებ ოთახის პარამეტრ",
+        "bridge_state_channel": "არხი:<channelLink/>",
+        "bridge_state_creator": "ეს ხიდი უზრუნველყოფილი იყო<user /> .",
+        "bridge_state_manager": "ამ ხიდს მართავს<user /> .",
+        "bridge_state_workspace": "სამუშაო ადგილი:<networkLink/>",
+        "click_for_info": "დააწკაპუნეთ მეტი ინფორმაციისთვის",
+        "currently_experimental": "ახლა ექსპერიმენტული.",
+        "custom_themes": "დახმარება მორგებული თემების",
+        "dynamic_room_predecessors": "დინამიური ოთახის წინამორბედები",
+        "dynamic_room_predecessors_description": "",
+        "element_call_video_rooms": "ელემენტის ზარის ვიდეოოო",
+        "experimental_description": "ექსპერიმენტულად გრძნობ თავს? სცადეთ ჩვენი უახლესი იდეები განვითარების პროცესში. ეს მახასიათებლები არ არის დასრულებული; ისინი შეიძლება იყოს არასტაბილური, შეიძლება შეიცვალოს ან საერთოდ ჩამოაგდეს.<a> გაიგე მეტი</a> .",
+        "experimental_section": "ადრეული გადახედვები",
+        "feature_wysiwyg_composer_description": "გამოიყენეთ მდიდარი ტექსტი Markdown ნაცვლად შეტყობინების კომპოზიტორში.",
+        "group_developer": "დეველოპერი",
+        "group_encryption": "დაშიფვრა",
+        "group_experimental": "ექსპერიმენტული",
+        "group_messaging": "შეტყობინებები",
+        "group_moderation": "ზომიერება",
+        "group_profile": "პროფილი",
+        "group_rooms": "ოთახები",
+        "group_spaces": "ფართები",
+        "group_themes": "თემები",
+        "group_voip": "ხმა და ვიდეო",
+        "group_widgets": "ვიჯეტები",
+        "hidebold": "შეტყობინების წერტილის დამალვა (მხოლოდ მრიცხველების სამკერდე ნიშნების ჩვენება)",
+        "join_beta": "შეუერთდი ბეტას",
+        "join_beta_reload": "ბეტაში შეერთება ხელახლა ჩაიტვირთება%(brand)s .",
+        "jump_to_date": "",
+        "jump_to_date_msc_support": "მოითხოვს თქვენს სერვერს MSC3030 მხარდაჭერას",
+        "latex_maths": "შეტყობინებებში LaTeX მათემატიკის",
+        "leave_beta": "დატოვე ბეტა",
+        "leave_beta_reload": "ბეტადან გასვლა ხელახლა ჩაიტვირთება%(brand)s .",
+        "location_share_live": "ადგილმდებარეობის ცოცხალი",
+        "location_share_live_description": "დროებითი განხორციელება ადგილები შენარჩუნებულია ოთახის ისტორიაში.",
+        "mjolnir": "ხალხის უგულებელყოფის ახალი გზები",
+        "msc3531_hide_messages_pending_moderation": "დაე მოდერატორებს დაიმალონ შეტყობინებები",
+        "notification_settings": "ახალი შეტყობინების პარა",
+        "notification_settings_beta_caption": "წარმოგიდგენთ შეტყობინებების პარამეტრების შესაცვლელად უფრო მარტივ გზას. მოარგეთ თქვენი%(brand)s , ისე როგორც შენ მოგწონს.",
+        "notification_settings_beta_title": "შეტყობინებების პარამეტრები",
+        "notifications": "ჩართეთ შეტყობინებების პანელი ოთახის სათაურში",
+        "render_reaction_images": "რეაქციებში მორგებული სურათების გადაცემა",
+        "render_reaction_images_description": "ზოგჯერ მოიხსენიება როგორც &quot;მორგებული emojis&quot;.",
+        "sliding_sync": "მოსლაიდული სინქრო",
+        "sliding_sync_description": "აქტიური განვითარების პირობებში არ შეიძლება გამორთული იყოს.",
+        "sliding_sync_disabled_notice": "გამოდით და ისევ გამორთეთ",
+        "sliding_sync_server_no_support": "თქვენს სერვერს არ აქვს მხარდაჭერა",
+        "unrealiable_e2e": "არასანდო დაშიფრულ ოთახებში",
+        "video_rooms": "ვიდეო ოთახები",
+        "video_rooms_a_new_way_to_chat": "ხმოვან და ვიდეოზე საუბრის ახალი გზა%(brand)s.",
+        "video_rooms_always_on_voip_channels": "ვიდეო ოთახები ყოველთვის ჩართული VoIP არხებია, რომლებიც ჩართულია ოთახში. %(brand)s",
+        "video_rooms_beta": "ვიდეო ოთახები ბეტა ფუნქციაა",
+        "video_rooms_faq1_answer": "გამოიყენეთ ღილაკი „+“ მარცხენა პანელის ოთახის განყოფილებაში.",
+        "video_rooms_faq1_question": "როგორ შემიძლია შევქმნათ ვიდეო ოთახი?",
+        "video_rooms_faq2_answer": "დიახ, ჩატის ქრონოლოგია ნაჩვენებია ვიდეოს გვერდით.",
+        "video_rooms_faq2_question": "შემიძლია ვიდეო ზარის გვერდით ტექსტური ჩატის გამოყენება?",
+        "video_rooms_feedbackSubheading": "გმადლობთ, რომ სცადეთ ბეტა. გთხოვთ, შეძლებისდაგვარად შეხვიდეთ დეტალურად, რათა გავაუმჯობესოთ იგი.",
+        "wysiwyg_composer": "მდიდარი ტექსტის რედაქ"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ ეს პარამეტრები განკუთვნილია მოწინავე მომხმარებლებისთვის.",
+        "ban_reason": "იგნორირებული/დაბლოკილი",
+        "error_adding_ignore": "შეცდომა იგნორირებული მომხმარებლის/სერვერის დამატებისას",
+        "error_adding_list_description": "გთხოვთ, დაადასტუროთ ოთახის ID ან მისამართი და სცადოთ ხელახლა.",
+        "error_adding_list_title": "შეცდომა სიაში გამოწერისას",
+        "error_removing_ignore": "შეცდომა იგნორირებული მომხმარებლის/სერვერის წაშლისას",
+        "error_removing_list_description": "გთხოვთ, სცადოთ ხელახლა ან ნახეთ თქვენი კონსოლი მინიშნებებისთვის.",
+        "error_removing_list_title": "შეცდომა სიიდან გამოწერის გაუქმებისას",
+        "explainer_1": "აქ დაამატეთ მომხმარებლები და სერვერები, რომელთა იგნორირება გსურთ. გამოიყენეთ ვარსკვლავები რომ გქონდეთ%(brand)s ემთხვევა ნებისმიერ პერსონაჟს. მაგალითად,<code> @bot:*</code> უგულებელყოფს ყველა მომხმარებელს, რომელსაც აქვს სახელი &quot;bot&quot; ნებისმიერ სერვერზე.",
+        "explainer_2": "ადამიანების იგნორირება ხდება აკრძალვის სიების საშუალებით, რომლებიც შეიცავს წესებს, თუ ვინ უნდა აიკრძალოს. აკრძალვის სიის გამოწერა ნიშნავს, რომ ამ სიით დაბლოკილი მომხმარებლები/სერვერები დაიმალება თქვენგან.",
+        "lists": "თქვენ ამჟამად გამოწერილი ხართ:",
+        "lists_description_1": "აკრძალვის სიის გამოწერა გამოიწვევს მასში გაწევრიანებას!",
+        "lists_description_2": "თუ ეს არ არის ის, რაც გსურთ, გთხოვთ, გამოიყენოთ სხვა ინსტრუმენტი მომხმარებლების უგულებელყოფისთვის.",
+        "lists_heading": "გამოწერილი სიები",
+        "lists_new_label": "ოთახის ID ან აკრძალვის სიის მისამართი",
+        "no_lists": "თქვენ არ ხართ გამოწერილი არცერთი სიით",
+        "personal_description": "თქვენი პერსონალური აკრძალვის სია შეიცავს ყველა მომხმარებელს/სერვერს, საიდანაც პირადად არ გსურთ შეტყობინებების ნახვა. თქვენი პირველი მომხმარებლის/სერვერის უგულებელყოფის შემდეგ, ახალი ოთახი გამოჩნდება თქვენს ოთახების სიაში სახელად &#39;%(myBanList)s - დარჩით ამ ოთახში აკრძალვის სიის მოქმედების შესანარჩუნებლად.",
+        "personal_empty": "თქვენ არავის უგულებელყოფთ.",
+        "personal_heading": "პირადი აკრძალვის სია",
+        "personal_new_label": "სერვერის ან მომხმარებლის ID იგნორირება",
+        "personal_new_placeholder": "მაგ.: @bot:* ან example.org",
+        "personal_section": "თქვენ ამჟამად უგულებელყოფთ:",
+        "room_name": "ჩემი აკრძალვის სია",
+        "room_topic": "ეს არის თქვენი დაბლოკილი მომხმარებლების/სერვერების სია - არ დატოვოთ ოთახი!",
+        "rules_empty": "არცერთი",
+        "rules_server": "სერვერის წესები",
+        "rules_title": "აკრძალვის სიის წესები -%(roomName)s",
+        "rules_user": "მომხმარებლის წესები",
+        "something_went_wrong": "რაღაც შეფერხდა. გთხოვთ, სცადოთ ხელახლა ან ნახეთ თქვენი კონსოლი მინიშნებებისთვის.",
+        "title": "იგნორირებული მომხმარებლები",
+        "view_rules": "წესების ნახვა"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "ეს სახლის სერვერი არ არის კონფიგურირებული რუკების ჩვენებისთვის.",
+        "MapStyleUrlNotReachable": "ეს სახლის სერვერი არ არის სწორად კონფიგურირებული რუკების საჩვენებლად, ან კონფიგურირებული რუქის სერვერი შეიძლება მიუწვდომელი იყოს.",
+        "WebGLNotEnabled": "WebGL საჭიროა რუკების საჩვენებლად, გთხოვთ, ჩართოთ ის თქვენი ბრაუზერის პარამეტრებში.",
+        "click_drop_pin": "დააწკაპუნეთ ქინძისთავის დასაშვებად",
+        "click_move_pin": "დააწკაპუნეთ პინის გადასატანად",
+        "close_sidebar": "გვერდითი ზოლის დახურვა",
+        "error_fetch_location": "მდებარეობის მოძიება ვერ მოხერხდა",
+        "error_no_perms_description": "ამ ოთახში მდებარეობების გასაზიარებლად უნდა გქონდეთ შესაბამისი ნებართვები.",
+        "error_no_perms_title": "თქვენ არ გაქვთ მდებარეობების გაზიარების ნებართვა",
+        "error_send_description": "%(brand)sთქვენი მდებარეობის გაგზავნა ვერ მოხერხდა. გთხოვთ, სცადოთ მოგვიანებით.",
+        "error_send_title": "თქვენი მდებარეობის გაგზავნა ვერ მოხერხდა",
+        "error_sharing_live_location": "თქვენი პირდაპირი მდებარეობის გაზიარებისას მოხდა შეცდომა",
+        "error_stopping_live_location": "თქვენი პირდაპირი მდებარეობის შეჩერებისას მოხდა შეცდომა",
+        "expand_map": "გააფართოვეთ რუკა",
+        "failed_generic": "თქვენი მდებარეობის მიღება ვერ მოხერხდა. გთხოვთ, სცადოთ მოგვიანებით.",
+        "failed_load_map": "რუკის ჩატვირთვა შეუძლებელია",
+        "failed_permission": "%(brand)sუარი ეთქვა თქვენი მდებარეობის მოპოვების ნებართვაზე. გთხოვთ, დაუშვათ მდებარეობაზე წვდომა თქვენი ბრაუზერის პარამეტრებში.",
+        "failed_timeout": "თქვენი მდებარეობის მოპოვების მცდელობის დრო ამოიწურა. გთხოვთ, სცადოთ მოგვიანებით.",
+        "failed_unknown": "უცნობი შეცდომა მდებარეობის მიღებისას. გთხოვთ, სცადოთ მოგვიანებით.",
+        "find_my_location": "იპოვე ჩემი მდებარეობა",
+        "live_description": "%(displayName)sცოცხალი მდებარეობა",
+        "live_enable_description": "გთხოვთ გაითვალისწინოთ: ეს არის ლაბორატორიის ფუნქცია, რომელიც დროებითი გან ეს ნიშნავს, რომ თქვენ ვერ შეძლებთ წაშალოთ თქვენი მდებარეობის ისტორია და მოწინავე მომხმარებლები შეძლებენ თქვენი მდებარეობის ისტორიის ნახვას მაშინაც კი, რაც შეწყვეტთ თქვენი ცოცხალი ადგილმდებარეობის გაზიარებას",
+        "live_enable_heading": "მდებარეობის პირდაპირი გაზიარება",
+        "live_location_active": "თქვენ აზიარებთ თქვენს პირდაპირ მდებარეობას",
+        "live_location_enabled": "პირდაპირი მდებარეობა ჩართულია",
+        "live_location_ended": "პირდაპირი მდებარეობა დასრულდა",
+        "live_location_error": "პირდაპირი მდებარეობის შეცდომა",
+        "live_locations_empty": "ცოცხალი მდებარეობები არ არის",
+        "live_share_button": "გააზიარეთ%(duration)s",
+        "live_toggle_label": "ჩართეთ მდებარეობის პირდაპირი გაზიარება",
+        "live_until": "იცოცხლე სანამ%(expiryTime)s",
+        "live_update_time": "განახლებულია%(humanizedUpdateTime)s",
+        "loading_live_location": "მიმდინარეობს პირდაპირი მდებარეობის ჩატვირთვა…",
+        "location_not_available": "მდებარეობა მიუწვდომელია",
+        "map_feedback": "რუკის გამოხმაურება",
+        "mapbox_logo": "Mapbox ლოგო",
+        "reset_bearing": "ტარების გადატვირთვა ჩრდილოეთით",
+        "share_button": "მდებარეობის გაზიარება",
+        "share_type_live": "ჩემი ცოცხალი ადგილმდებარეობა",
+        "share_type_own": "ჩემი ამჟამინდელი მდებარეობა",
+        "share_type_pin": "დააგდე პინი",
+        "share_type_prompt": "რა ტიპის მდებარეობის გაზიარება გსურთ?",
+        "toggle_attribution": "მიკუთვნების გადართვა"
+    },
+    "member_list_back_action_label": "ოთახის წევრები",
+    "mobile_guide": {
+        "toast_accept": "გამოიყენეთ აპლიკაცია",
+        "toast_description": "%(brand)sექსპერიმენტულია მობილური ვებ ბრაუზერზე. უკეთესი გამოცდილებისა და უახლესი ფუნქციებისთვის გამოიყენეთ ჩვენი უფასო მშობლიური აპლიკაცია.",
+        "toast_title": "გამოიყენეთ აპლიკაცია უკეთესი გამოცდილებისთვის"
+    },
+    "name_and_id": "%(name)s(%(userId)s )",
+    "notifications": {
+        "all_messages": "ყველა შეტყობინება",
+        "all_messages_description": "მიიღეთ შეტყობინება ყოველი შეტყობინებისთვის",
+        "class_global": "გლობალური",
+        "class_other": "სხვა",
+        "default": "ნაგულისხმევი",
+        "email_pusher_app_display_name": "ელ.ფოსტის შეტყობინებები",
+        "enable_prompt_toast_description": "დესკტოპის შეტყობინებების ჩართვა",
+        "enable_prompt_toast_title": "შეტყობინებები",
+        "enable_prompt_toast_title_from_message_send": "არ გამოტოვოთ პასუხი",
+        "error_change_title": "შეტყობინებების პარამეტრების შეცვლა",
+        "keyword": "საკვანძო სიტყვა",
+        "keyword_new": "ახალი საკვანძო სიტყვა",
+        "mark_all_read": "მონიშნეთ ყველა წაკითხულად",
+        "mentions_and_keywords": "@ხსენებები და საკვანძო სიტყვები",
+        "mentions_and_keywords_description": "მიიღეთ შეტყობინებები მხოლოდ ხსენებებითა და საკვანძო სიტყვებით, როგორც დაყენებულია თქვენსში<a> პარამეტრები</a>",
+        "mentions_keywords": "ხსენებები და საკვანძო სიტყვები",
+        "message_didnt_send": "შეტყობინება არ გაიგზავნა. დააწკაპუნეთ ინფორმაციისთვის.",
+        "mute_description": "თქვენ არ მიიღებთ შეტყობინებებს"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)sშემოწმებას ითხოვს"
+    },
+    "power_level": {
+        "admin": "ადმინისტრატორი",
+        "custom": "მორგებული (%(level)s )",
+        "custom_level": "მორგებული დონე",
+        "default": "ნაგულისხმევი",
+        "label": "სიმძლავრის დონე",
+        "moderator": "მოდერატორი",
+        "restricted": "შეზღუდული"
+    },
+    "presence": {
+        "away": "მოშორებით",
+        "busy": "დაკავებულია",
+        "idle": "უსაქმური",
+        "idle_for": "უსაქმური ამისთვის%(duration)s",
+        "offline": "ხაზგარეშე",
+        "offline_for": "ხაზგარეშე ამისთვის%(duration)s",
+        "online": "ონლაინ",
+        "online_for": "ონლაინ ამისთვის%(duration)s",
+        "unknown": "უცნობი",
+        "unknown_for": "უცნობია%(duration)s"
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "ეს მოწვევა გაიგზავნა%(email)s რომელიც არ არის დაკავშირებული თქვენს ანგარიშთან",
+        "3pid_invite_email_not_found_account_room": "ეს მოწვევა%(roomName)s გაგზავნეს%(email)s რომელიც არ არის დაკავშირებული თქვენს ანგარიშთან",
+        "3pid_invite_error_description": "შეცდომა (%(errcode)s ) დაბრუნდა თქვენი მოწვევის დადასტურების მცდელობისას. შეგიძლიათ სცადოთ ამ ინფორმაციის გადაცემა იმ პირს, ვინც მოგიწვიათ.",
+        "3pid_invite_error_invite_action": "შეეცადეთ შეუერთდეთ მაინც",
+        "3pid_invite_error_invite_subtitle": "თქვენ შეგიძლიათ შეუერთდეთ მას მხოლოდ სამუშაო მოწვევით.",
+        "3pid_invite_error_public_subtitle": "აქ მაინც შეგიძლიათ შეუერთდეთ.",
+        "3pid_invite_error_title": "თქვენს მოწვევასთან დაკავშირებით მოხდა რაღაც შეცდომა.",
+        "3pid_invite_error_title_room": "შეფერხება მოხდა თქვენს მოწვევასთან დაკავშირებით%(roomName)s",
+        "3pid_invite_no_is_subtitle": "გამოიყენეთ პირადობის სერვერი პარამეტრებში, რათა მიიღოთ მოწვევები პირდაპირ%(brand)s .",
+        "banned_by": "აკრძალული იყავით%(memberName)s",
+        "banned_from_room_by": "აგეკრძალათ%(roomName)s მიერ%(memberName)s",
+        "context_menu": {
+            "copy_link": "დააკოპირეთ ოთახის ბმული",
+            "favourite": "საყვარელი",
+            "forget": "დაივიწყე ოთახი",
+            "low_priority": "დაბალი პრიორიტეტი",
+            "mark_read": "წაკითხულად მონიშვნა",
+            "notifications_default": "ემთხვევა ნაგულისხმევ პარამეტრს",
+            "notifications_mute": "მუნჯი ოთახი",
+            "title": "ოთახის ვარიანტები",
+            "unfavourite": "ფავორიტი"
+        },
+        "creating_room_text": "ჩვენ ვქმნით ოთახს%(names)s",
+        "dm_invite_action": "დაიწყეთ საუბარი",
+        "dm_invite_subtitle": "<userName/>სურს ჩატი",
+        "dm_invite_title": "გსურთ ესაუბროთ%(user)s ?",
+        "drop_file_prompt": "ჩამოაგდეთ ფაილი აქ ასატვირთად",
+        "edit_topic": "თემის რედაქტირება",
+        "error_cancel_knock_title": "გაუქმება ვერ მოხერხდა",
+        "error_join_403": "ამ ოთახში შესასვლელად მოწვევა გჭირდებათ.",
+        "error_join_404_1": "თქვენ სცადეთ შეერთება ოთახის ID-ის გამოყენებით, სერვერების სიის მოწოდების გარეშე, რომელთა მეშვეობითაც შეგიძლიათ შეუერთდეთ. ოთახის ID არის შიდა იდენტიფიკატორი და არ შეიძლება გამოყენებულ იქნას ოთახთან შესაერთებლად დამატებითი ინფორმაციის გარეშე.",
+        "error_join_404_2": "თუ იცით ოთახის მისამართი, სცადეთ მის ნაცვლად შემოერთება.",
+        "error_join_404_invite": "ადამიანი, ვინც მოგიწვიათ, უკვე წავიდა, ან მისი სერვერი ხაზგარეშეა.",
+        "error_join_404_invite_same_hs": "ვინც მოგიწვია უკვე წავიდა.",
+        "error_join_connection": "შეერთებისას მოხდა შეცდომა.",
+        "error_join_incompatible_version_1": "უკაცრავად, თქვენი სახლის სერვერი ძალიან ძველია აქ მონაწილეობისთვის.",
+        "error_join_incompatible_version_2": "გთხოვთ, დაუკავშირდეთ თქვენი სახლის სერვერის ადმინისტრატორს.",
+        "error_join_title": "შეერთება ვერ მოხერხდა",
+        "error_jump_to_date": "სერვერი დაბრუნდა%(statusCode)s შეცდომის კოდით%(errorCode)s",
+        "error_jump_to_date_connection": "ქსელის შეცდომა მოხდა მოცემული თარიღის პოვნისა და გადასვლის მცდელობისას. თქვენი საშინაო სერვერი შეიძლება ამოქმედებული იყოს ან უბრალოდ დროებითი პრობლემა იყო თქვენს ინტერნეტთან დაკავშირებით. გთხოვთ კვლავ სცადოთ თუ ეს გაგრძელდება, გთხოვთ, დაუკავშირდეთ თქვენს ჰოისსერვერის",
+        "error_jump_to_date_details": "შეცდომის დეტალები",
+        "error_jump_to_date_not_found": "ჩვენ ვერ ვიპოვეთ მოლოდინში მოვლენილი ღონისძიება%(dateString)s . სცადეთ აირჩიოთ უფრო ადრეული თარიღი.",
+        "error_jump_to_date_send_logs_prompt": "გთხოვთ წარადგინოთ<debugLogsLink> გამართვის ჟურნალები</debugLogsLink> დაგვეხმარება პრობლემის გარკვევაში.",
+        "error_jump_to_date_title": "ამ თარიღის მოვლენის პოვნა შეუძლებელია",
+        "face_pile_summary": {
+            "one": "%(count)sადამიანი, რომელსაც იცნობთ, უკვე შემოუერთდა",
+            "other": "%(count)sადამიანები, რომლებსაც იცნობთ, უკვე შემოუერთდნენ"
+        },
+        "face_pile_tooltip_label": {
+            "one": "1 წევრის ნახვა",
+            "other": "ყველას ნახვა%(count)s წევრები"
+        },
+        "face_pile_tooltip_shortcut": "მათ შორის%(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "მათ შორის შენც,%(commaSeparatedMembers)s",
+        "failed_reject_invite": "მოწვევის უარყოფა ვერ მოხერხდა",
+        "forget_room": "დაივიწყე ეს ოთახი",
+        "forget_space": "დაივიწყეთ ეს სივრცე",
+        "header": {
+            "n_people_asking_to_join": {
+                "one": "ითხოვს შეერთებას",
+                "other": "%(count)sადამიანები, რომლებიც ითხოვენ შეერთებას"
+            },
+            "room_is_public": "ეს ოთახი საჯაროა"
+        },
+        "header_untrusted_label": "არასანდო",
+        "inaccessible": "ეს ოთახი ან სივრცე ამჟამად მიუწვდომელია.",
+        "inaccessible_name": "%(roomName)sამ დროისთვის მიუწვდომელია.",
+        "inaccessible_subtitle_1": "სცადეთ ხელახლა მოგვიანებით, ან სთხოვეთ ოთახის ან სივრცის ადმინისტრატორს, შეამოწმოს, გაქვთ თუ არა წვდომა.",
+        "inaccessible_subtitle_2": "%(errcode)sდააბრუნეს ოთახში ან სივრცეში შესვლის მცდელობისას. თუ ფიქრობთ, რომ ამ შეტყობინებას შეცდომით ხედავთ, გთხოვთ<issueLink> შეცდომის ანგარიშის გაგზავნა</issueLink> .",
+        "intro": {
+            "dm_caption": "მხოლოდ თქვენ ორნი ხართ ამ საუბარში, თუ რომელიმე თქვენგანი არ მოიწვევს ვინმეს.",
+            "enable_encryption_prompt": "ჩართეთ დაშიფვრა პარამეტრებში.",
+            "encrypted_3pid_dm_pending_join": "მას შემდეგ რაც ყველა შეუერთდება, თქვენ შეძლებთ ჩეთს",
+            "no_avatar_label": "დაამატეთ ფოტო, რათა ადამიანებმა ადვილად შეამჩნიონ თქვენი ოთახი.",
+            "no_topic": "<a>დაამატეთ თემა</a> დაეხმარონ ხალხს გაიგონ რაზეა საუბარი.",
+            "private_unencrypted_warning": "თქვენი პირადი შეტყობინებები ჩვეულებრივ დაშიფრულია, მაგრამ ეს ოთახი არ არის. ჩვეულებრივ, ეს გამოწვეულია მხარდაჭერილი მოწყობილობის ან მეთოდის გამოყენების გამო, როგორიცაა ელფოსტის მოწვევები.",
+            "room_invite": "მოიწვიე მხოლოდ ამ ოთახში",
+            "send_message_start_dm": "გაგზავნეთ თქვენი პირველი შეტყობინება მოსაწვევად<displayName/> სასაუბროდ",
+            "start_of_dm_history": "ეს არის თქვენი პირდაპირი შეტყობინებების ისტორიის დასაწყისი<displayName/> .",
+            "start_of_room": "ეს არის დასაწყისი<roomName/> .",
+            "unencrypted_warning": "ბოლოდან ბოლომდე დაშიფვრა არ არის ჩართული",
+            "user_created": "%(displayName)sშექმნა ეს ოთახი.",
+            "you_created": "თქვენ შექმენით ეს ოთახი."
+        },
+        "invite_email_mismatch_suggestion": "გააზიარეთ ეს ელფოსტა პარამეტრებში, რათა პირდაპირ მიიღოთ მოწვევები%(brand)s .",
+        "invite_sent_to_email": "ეს მოწვევა გაიგზავნა%(email)s",
+        "invite_sent_to_email_room": "ეს მოწვევა%(roomName)s გაგზავნეს%(email)s",
+        "invite_subtitle": "მოწვეული<userName/>",
+        "invite_this_room": "მოიწვიე ამ ოთახში",
+        "invite_title": "გინდა შემოუერთდე%(roomName)s ?",
+        "inviter_unknown": "უცნობი",
+        "invites_you_text": "<inviter/>გიწვევთ",
+        "join_button_account": "დარეგისტრირდით",
+        "join_failed_needs_invite": "სანახავად%(roomName)s , მოწვევა გჭირდებათ",
+        "join_the_discussion": "შეუერთდით დისკუსიას",
+        "join_title": "ჩაერთეთ ოთახში მონაწილეობის მისაღებად",
+        "join_title_account": "შეუერთდით საუბარს ანგარიშით",
+        "joining": "უერთდება…",
+        "joining_room": "ოთახთან შეერთება…",
+        "joining_space": "სივრცის შეერთება…",
+        "jump_read_marker": "გადადით პირველ წაუკითხავ შეტყობინებაზე.",
+        "jump_to_bottom_button": "გადადით უახლეს შეტყობინებებზე",
+        "kick_reason": "მიზეზი:%(reason)s",
+        "kicked_by": "თქვენ წაშალეთ%(memberName)s",
+        "kicked_from_room_by": "თქვენ წაშალეთ%(roomName)s მიერ%(memberName)s",
+        "knock_cancel_action": "Მოთხოვნის გაუქმება",
+        "knock_denied_subtitle": "ვინაიდან წვდომაზე უარი გეთქვათ, თქვენ ვერ შეუერთდებით, თუ ჯგუფის ადმინისტრატორის ან მოდერატორის მიერ არ მოგიწვევთ.",
+        "knock_denied_title": "თქვენ უარი თქვით წვდომაზე",
+        "knock_message_field_placeholder": "შეტყობინება (სურვილისამებრ)",
+        "knock_prompt": "გთხოვ შეერთდეს?",
+        "knock_prompt_name": "მოითხოვეთ შეერთება%(roomName)s ?",
+        "knock_send_action": "მოითხოვეთ წვდომა",
+        "knock_sent": "გაწევრიანების მოთხოვნა გაიგზავნა",
+        "knock_sent_subtitle": "თქვენი შეერთების მოთხოვნა მოლოდინშია.",
+        "knock_subtitle": "თქვენ უნდა გქონდეთ წვდომა ამ ოთახში, რათა ნახოთ ან მონაწილეობა მიიღოთ საუბარში. თქვენ შეგიძლიათ გააგზავნოთ მოთხოვნა გაწევრიანების შესახებ ქვემოთ.",
+        "leave_error_title": "შეცდომა ოთახიდან გასვლისას",
+        "leave_server_notices_description": "ეს ოთახი გამოიყენება Homeserver-ის მნიშვნელოვანი შეტყობინებებისთვის, ასე რომ თქვენ არ შეგიძლიათ მისი დატოვება.",
+        "leave_server_notices_title": "სერვერის შეტყობინებების ოთახიდან გასვლა შეუძლებელია",
+        "leave_unexpected_error": "სერვერის მოულოდნელი შეცდომა ოთახიდან გასვლის მცდელობისას",
+        "link_email_to_receive_3pid_invite": "დააკავშირეთ ეს ელფოსტა თქვენს ანგარიშთან პარამეტრებში, რათა პირდაპირ მიიღოთ მოწვევები%(brand)s .",
+        "loading_preview": "გადახედვის ჩატვირთვა",
+        "no_peek_join_prompt": "%(roomName)sწინასწარ დათვალიერება შეუძლებელია. გსურთ შეუერთდეთ მას?",
+        "no_peek_no_name_join_prompt": "გადახედვა არ არის, გსურთ შეუერთდეთ?",
+        "not_found_subtitle": "დარწმუნებული ხარ, რომ სწორ ადგილას ხარ?",
+        "not_found_title": "ეს ოთახი ან სივრცე არ არსებობს.",
+        "not_found_title_name": "%(roomName)sარ არსებობს.",
+        "peek_join_prompt": "თქვენ ათვალიერებთ%(roomName)s . გსურთ შეუერთდეთ მას?",
+        "read_topic": "დააწკაპუნეთ თემის წასაკითხად",
+        "rejecting": "მოწვევის უარყოფა…",
+        "rejoin_button": "ხელახლა შეერთება",
+        "search": {
+            "all_rooms_button": "მოძებნეთ ყველა ოთახი",
+            "this_room_button": "მოძებნეთ ეს ოთახი"
+        },
+        "unknown_status_code_for_timeline_jump": "უცნობი სტატუსის კოდი",
+        "unread_notifications_predecessor": {
+            "one": "თქვენ გაქვთ%(count)s წაუკითხავი შეტყობინება ამ ოთახის წინა ვერსიაში.",
+            "other": "თქვენ გაქვთ%(count)s წაუკითხავი შეტყობინებები ამ ოთახის წინა ვერსიაში."
+        },
+        "upgrade_error_description": "ორჯერ შეამოწმეთ, რომ თქვენს სერვერს აქვს არჩეული ოთახის ვერსია და სცადეთ ხელახლა.",
+        "upgrade_error_title": "შეცდომა ოთახის განახლებისას",
+        "upgrade_warning_bar": "ამ ოთახის განახლება დახურავს ოთახის ამჟამინდელ ინსტანციას და შექმნის განახლებულ ოთახს ამავე სახელწოდებით.",
+        "upgrade_warning_bar_admins": "მხოლოდ ოთახის ადმინისტრატორები დაინახავენ ამ გაფრთხილებას",
+        "upgrade_warning_bar_unstable": "ეს ოთახი არის გაშვებული ოთახის ვერსია<roomVersion /> , რომელიც ამ სახლის სერვერმა მოინიშნა, როგორც<i> არასტაბილური</i> .",
+        "upgrade_warning_bar_upgraded": "ეს ოთახი უკვე განახლებულია.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "ატვირთვა%(filename)s და%(count)s სხვა",
+                "other": "ატვირთვა%(filename)s და%(count)s სხვები"
+            },
+            "uploading_single_file": "ატვირთვა%(filename)s"
+        },
+        "waiting_for_join_subtitle": "მას შემდეგ, რაც მოწვეული მომხმარებლები შეუერთდებიან%(brand)s , თქვენ შეძლებთ ჩეთს და ოთახი იქნება ბოლომდე დაშიფრული",
+        "waiting_for_join_title": "ელოდება მომხმარებლების შეერთებას%(brand)s"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "გადაწყვიტეთ ვის შეუძლია ნახოს და შეუერთდეს%(spaceName)s .",
+            "title": "წვდომა"
+        },
+        "advanced": {
+            "error_upgrade_description": "ოთახის განახლება ვერ დასრულდა",
+            "error_upgrade_title": "ოთახის განახლება ვერ მოხერხდა",
+            "information_section_room": "ოთახის ინფორმაცია",
+            "information_section_space": "კოსმოსური ინფორმაცია",
+            "room_id": "შიდა ოთახის ID",
+            "room_predecessor": "იხილეთ ძველი შეტყობინებები%(roomName)s .",
+            "room_upgrade_button": "განაახლეთ ეს ოთახი ოთახის რეკომენდებულ ვერსიამდე",
+            "room_upgrade_warning": "<b>გაფრთხილება</b> : ოთახის განახლება იქნება<i> არ მოხდეს ოთახის წევრების ავტომატურად მიგრაცია ოთახის ახალ ვერსიაში.</i> ჩვენ გამოვაქვეყნებთ ახალი ოთახის ბმულს ოთახის ძველ ვერსიაში - ოთახის წევრებს მოუწევთ დააწკაპუნოთ ამ ბმულზე, რათა შეუერთდნენ ახალ ოთახს.",
+            "room_version": "ოთახის ვერსია:",
+            "room_version_section": "ოთახის ვერსია",
+            "space_predecessor": "იხილეთ ძველი ვერსია%(spaceName)s .",
+            "space_upgrade_button": "განაახლეთ ეს სივრცე ოთახის რეკომენდებულ ვერსიამდე",
+            "unfederated": "ეს ოთახი მიუწვდომელია დისტანციური Matrix სერვერებით",
+            "upgrade_button": "განაახლეთ ეს ოთახი ვერსიამდე%(version)s",
+            "upgrade_dialog_description": "ამ ოთახის განახლება მოითხოვს ოთახის ამჟამინდელი ინსტანციის დახურვას და მის ადგილას ახალი ოთახის შექმნას. იმისათვის, რომ ოთახის წევრებს მივცეთ საუკეთესო გამოცდილება, ჩვენ:",
+            "upgrade_dialog_description_1": "შექმენით ახალი ოთახი იგივე სახელით, აღწერილობით და ავატარით",
+            "upgrade_dialog_description_2": "განაახლეთ ოთახის ნებისმიერი ლოკალური მეტსახელი, რათა მიუთითოთ ახალი ოთახი",
+            "upgrade_dialog_description_3": "შეაჩერეთ მომხმარებლების საუბარი ოთახის ძველ ვერსიაში და გამოაქვეყნეთ შეტყობინება, რომელიც მომხმარებლებს ახალ ოთახში გადასვლის რეკომენდაციას აძლევდა",
+            "upgrade_dialog_description_4": "დააბრუნეთ ძველი ოთახის ბმული ახალი ოთახის დასაწყისში, რათა ხალხმა ნახოს ძველი შეტყობინებები",
+            "upgrade_dialog_title": "განაახლეთ ოთახის ვერსია",
+            "upgrade_dwarning_ialog_title_public": "განაახლეთ საჯარო ოთახი",
+            "upgrade_warning_dialog_description": "ოთახის განახლება არის მოწინავე ქმედება და ჩვეულებრივ რეკომენდებულია, როდესაც ოთახი არასტაბილურია შეცდომების, დაკარგული ფუნქციების ან უსაფრთხოების დაუცველობის გამო.",
+            "upgrade_warning_dialog_explainer": "<b>გთხოვთ გაითვალისწინოთ, რომ განახლება გახდის ოთახის ახალ ვერსიას</b> . ყველა მიმდინარე შეტყობინება დარჩება ამ დაარქივებულ ოთახში.",
+            "upgrade_warning_dialog_footer": "თქვენ განაახლებთ ამ ოთახს<oldVersion /> რომ<newVersion /> .",
+            "upgrade_warning_dialog_invite_label": "ავტომატურად მოიწვიეთ წევრები ამ ოთახიდან ახალ ოთახში",
+            "upgrade_warning_dialog_report_bug_prompt": "ეს ჩვეულებრივ გავლენას ახდენს მხოლოდ სერვერზე ოთახის დამუშავებაზე. თუ თქვენ გაქვთ პრობლემები თქვენს%(brand)s , გთხოვთ შეატყობინოთ ხარვეზის შესახებ.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "ეს ჩვეულებრივ გავლენას ახდენს მხოლოდ სერვერზე ოთახის დამუშავებაზე. თუ თქვენ გაქვთ პრობლემები თქვენს%(brand)s , გთხოვთ<a> შეატყობინეთ შეცდომის შესახებ</a> .",
+            "upgrade_warning_dialog_title": "ოთახის განახლება",
+            "upgrade_warning_dialog_title_private": "განაახლეთ პირადი ოთახი"
+        },
+        "alias_not_specified": "არ არის მითითებული",
+        "bridges": {
+            "description": "ეს ოთახი აკავშირებს შეტყობინებებს შემდეგ პლატფორმებზე.<a> გაიგე მეტი.</a>",
+            "empty": "ეს ოთახი არ აკავშირებს შეტყობინებებს არცერთ პლატფორმაზე.<a> გაიგე მეტი.</a>",
+            "title": "ხიდები"
+        },
+        "delete_avatar_label": "ავატარის წაშლა",
+        "general": {
+            "alias_field_has_domain_invalid": "აკლია დომენის გამყოფი მაგ.:domain .org)",
+            "alias_field_has_localpart_invalid": "გამოტოვებულია ოთახის სახელი ან გამყოფი მაგ. (my-room:domain.org)",
+            "alias_field_matches_invalid": "ეს მისამართი არ მიუთითებს ამ ოთახში",
+            "alias_field_placeholder_default": "მაგ. ჩემი ოთახი",
+            "alias_field_required_invalid": "გთხოვთ მიუთითოთ მისამართი",
+            "alias_field_safe_localpart_invalid": "ზოგიერთი პერსონაჟი დაუშვებელია",
+            "alias_field_taken_invalid": "ამ მისამართს ჰქონდა არასწორი სერვერი ან უკვე გამოიყენება",
+            "alias_field_taken_invalid_domain": "ეს მისამართი უკვე გამოიყენება",
+            "alias_field_taken_valid": "ეს მისამართი ხელმისაწვდომია გამოსაყენებლად",
+            "alias_heading": "ოთახის მისამართი",
+            "aliases_items_label": "სხვა გამოქვეყნებული მისამართები:",
+            "aliases_no_items_label": "სხვა გამოქვეყნებული მისამართი ჯერ არ არის, დაამატეთ ერთი ქვემოთ",
+            "aliases_section": "ოთახის მისამართები",
+            "avatar_field_label": "ოთახის ავატარი",
+            "canonical_alias_field_label": "მთავარი მისამართი",
+            "description_space": "შეცვალეთ პარამეტრები, რომლებიც დაკავშირებულია თქვენს სივრცესთან.",
+            "error_creating_alias_description": "ამ მისამართის შექმნისას მოხდა შეცდომა. ეს შეიძლება არ იყოს დაშვებული სერვერის მიერ ან მოხდა დროებითი უკმარისობა.",
+            "error_creating_alias_title": "შეცდომა მისამართის შექმნისას",
+            "error_deleting_alias_description": "ამ მისამართის წაშლისას მოხდა შეცდომა. ის შეიძლება აღარ არსებობდეს ან მოხდა დროებითი შეცდომა.",
+            "error_deleting_alias_description_forbidden": "თქვენ არ გაქვთ მისამართის წაშლის უფლება.",
+            "error_deleting_alias_title": "მისამართის წაშლისას მოხდა შეცდომა",
+            "error_save_space_settings": "სივრცის პარამეტრების შენახვა ვერ მოხერხდა.",
+            "error_updating_alias_description": "ოთახის ალტერნატიული მისამართების განახლებისას მოხდა შეცდომა. ეს შეიძლება არ იყოს დაშვებული სერვერის მიერ ან მოხდა დროებითი უკმარისობა.",
+            "error_updating_canonical_alias_description": "ოთახის მთავარი მისამართის განახლებისას მოხდა შეცდომა. ეს შეიძლება არ იყოს დაშვებული სერვერის მიერ ან მოხდა დროებითი უკმარისობა.",
+            "error_updating_canonical_alias_title": "შეცდომა ძირითადი მისამართის განახლებისას",
+            "leave_space": "",
+            "local_alias_field_label": "ადგილობრივი მისამართი",
+            "local_aliases_explainer_room": "დააყენეთ მისამართები ამ ოთახისთვის, რათა მომხმარებლებმა შეძლონ ამ ოთახის პოვნა თქვენი სახლის სერვერის მეშვეობით (%(localDomain)s )",
+            "local_aliases_explainer_space": "დააყენეთ მისამართები ამ სივრცისთვის, რათა მომხმარებლებმა იპოვონ ეს სივრცე თქვენი სახლის სერვერის საშუალებით (%(localDomain)s )",
+            "local_aliases_section": "ადგილობრივი მისამართები",
+            "name_field_label": "ოთახის სახელი",
+            "new_alias_placeholder": "ახალი გამოქვეყნებული მისამართი (მაგ. #alias:server)",
+            "no_aliases_room": "ამ ოთახს არ აქვს ადგილობრივი მისამართები",
+            "no_aliases_space": "ამ სივრცეს არ აქვს ადგილობრივი მისამართები",
+            "other_section": "სხვა",
+            "publish_toggle": "გამოაქვეყნეთ ეს ოთახი საზოგადოებისთვის%(domain)s ოთახის დირექტორია?",
+            "published_aliases_description": "მისამართის გამოსაქვეყნებლად, ის ჯერ უნდა დაყენდეს ადგილობრივ მისამართად.",
+            "published_aliases_explainer_room": "გამოქვეყნებული მისამართები შეიძლება გამოყენებულ იქნას ნებისმიერ სერვერზე, რათა შეუერთდეს თქვენს ოთახში.",
+            "published_aliases_explainer_space": "გამოქვეყნებული მისამართები შეიძლება გამოყენებულ იქნას ნებისმიერ სერვერზე, რათა შეუერთდეს თქვენს სივრცეს.",
+            "published_aliases_section": "გამოქვეყნებული მისამართები",
+            "save": "ცვლილებების შენახვა",
+            "topic_field_label": "ოთახის თემა"
+        },
+        "notifications": {
+            "browse_button": "დათვალიერება",
+            "custom_sound_prompt": "დააყენეთ ახალი მორგებული ხმა",
+            "notification_sound": "შეტყობინების ხმა",
+            "settings_link": "მიიღეთ შეტყობინებები, როგორც დაყენებულია თქვენს<a> პარამეტრები</a>",
+            "sounds_section": "ხმები",
+            "upload_sound_label": "ატვირთეთ მორგებული ხმა",
+            "uploaded_sound": "ატვირთული ხმა"
+        },
+        "people": {
+            "knock_empty": "არანაირი მოთხოვნა",
+            "knock_section": "ითხოვს შეერთებას",
+            "see_less": "ნახე ნაკლები",
+            "see_more": "Მეტის ნახვა"
+        },
+        "permissions": {
+            "add_privileged_user_description": "მიეცით ამ ოთახში ერთ ან რამდენიმე მომხმარებელს მეტი პრივილეგიები",
+            "add_privileged_user_filter_placeholder": "მომხმარებლების ძიება ამ ოთახში…",
+            "add_privileged_user_heading": "დაამატეთ პრივილეგირებული მომხმარებლები",
+            "ban": "აკრძალეთ მომხმარებლები",
+            "ban_reason": "მიზეზი",
+            "banned_by": "აკრძალულია%(displayName)s",
+            "banned_users_section": "აკრძალული მომხმარებლები",
+            "error_changing_pl_description": "მოხდა შეცდომა მომხმარებლის ენერგიის დონის შეცვლისას. დარწმუნდით, რომ გაქვთ საკმარისი ნებართვები და სცადეთ ხელახლა.",
+            "error_changing_pl_reqs_description": "ოთახის დენის დონის მოთხოვნების შეცვლა მოხდა შეცდომა. დარწმუნდით, რომ გაქვთ საკმარისი ნებართვები და სცადეთ ხელახლა.",
+            "error_changing_pl_reqs_title": "ელექტროენერგიის დონის მოთხოვნის შეცვლისას შეცდომა",
+            "error_changing_pl_title": "დენის დონის შეცვლის შეცდომა",
+            "error_unbanning": "აკრძალვის გაუქმება ვერ მოხერხდა",
+            "events_default": "გაგზავნეთ შეტყობინებები",
+            "invite": "მოიწვიე მომხმარებლები",
+            "kick": "მომხმარებლების ამოღება",
+            "m.call": "დაწყება%(brand)s ზარები",
+            "m.call.member": "შეუერთდი%(brand)s ზარები",
+            "m.reaction": "გაგზავნეთ რეაქციები",
+            "m.room.avatar": "ოთახის ავატარის შეცვლა",
+            "m.room.avatar_space": "სივრცის ავატარის შეცვლა",
+            "m.room.canonical_alias": "შეცვალეთ ოთახის მთავარი მისამართი",
+            "m.room.canonical_alias_space": "სივრცის მთავარი მისამართის შეცვლა",
+            "m.room.encryption": "ოთახის დაშიფვრის ჩართვა",
+            "m.room.history_visibility": "ისტორიის ხილვადობის შეცვლა",
+            "m.room.name": "ოთახის სახელის შეცვლა",
+            "m.room.name_space": "სივრცის სახელის შეცვლა",
+            "m.room.pinned_events": "ჩამაგრებული მოვლენების მართვა",
+            "m.room.power_levels": "შეცვალეთ ნებართვები",
+            "m.room.redaction": "ჩემს მიერ გამოგზავნილი შეტყობინებების წაშლა",
+            "m.room.server_acl": "სერვერის ACL-ების შეცვლა",
+            "m.room.tombstone": "განაახლეთ ოთახი",
+            "m.room.topic": "თემის შეცვლა",
+            "m.room.topic_space": "შეცვალეთ აღწერა",
+            "m.space.child": "მართეთ ოთახები ამ სივრცეში",
+            "m.widget": "ვიჯეტების შეცვლა",
+            "muted_users_section": "დადუმებული მომხმარებლები",
+            "no_privileged_users": "არცერთ მომხმარებელს არ აქვს კონკრეტული პრივილეგიები ამ ოთახში",
+            "notifications.room": "შეატყობინეთ ყველას",
+            "permissions_section": "ნებართვები",
+            "permissions_section_description_room": "შეარჩიეთ როლები, რომლებიც საჭიროა ოთახის სხვადასხვა ნაწილის შესაცვლელად",
+            "permissions_section_description_space": "შეარჩიეთ როლები, რომლებიც საჭიროა სივრცის სხვადასხვა ნაწილის შესაცვლელად",
+            "privileged_users_section": "პრივილეგირებული მომხმარებლები",
+            "redact": "წაშალეთ სხვების მიერ გაგზავნილი შეტყობინებები",
+            "send_event_type": "გაგზავნა%(eventType)s მოვლენები",
+            "state_default": "პარამეტრების შეცვლა",
+            "title": "როლები და ნებართვები",
+            "users_default": "ნაგულისხმევი როლი"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "ჩართვის შემდეგ, ოთახის დაშიფვრა ვერ იქნება გამორთული. დაშიფრულ ოთახში გაგზავნილ შეტყობინებებს სერვერი ვერ ხედავს, მხოლოდ ოთახის მონაწილეებს. დაშიფვრის ჩართვამ შესაძლოა ხელი შეუშალოს მრავალი ბოტისა და ხიდის სწორად მუშაობას.<a> შეიტყვეთ მეტი დაშიფვრის შესახებ.</a>",
+            "enable_encryption_confirm_title": "ჩართოთ დაშიფვრა?",
+            "enable_encryption_public_room_confirm_description_1": "<b>არ არის რეკომენდებული დაშიფვრის დამატება საჯარო ოთახებში.</b> ნებისმიერს შეუძლია საჯარო ოთახების პოვნა და შეერთება, ასე რომ ნებისმიერს შეუძლია მათში შეტყობინებების წაკითხვა. თქვენ ვერ მიიღებთ დაშიფვრის სარგებელს და ვერ შეძლებთ მის გამორთვას მოგვიანებით. საჯარო ოთახში შეტყობინებების დაშიფვრა შეანელებს შეტყობინებების მიღებასა და გაგზავნას.",
+            "enable_encryption_public_room_confirm_description_2": "ამ პრობლემების თავიდან ასაცილებლად, შექმენით ა<a> ახალი დაშიფრული ოთახი</a> საუბრისთვის, რომლის გამართვას აპირებთ.",
+            "enable_encryption_public_room_confirm_title": "დარწმუნებული ხართ, რომ გსურთ ამ საჯარო ოთახში დაშიფვრის დამატება?",
+            "encrypted_room_public_confirm_description_1": "<b>არ არის რეკომენდებული დაშიფრული ოთახების გასაჯაროება.</b> ეს ნიშნავს, რომ ნებისმიერს შეუძლია იპოვოს და შეუერთდეს ოთახს, ასე რომ, ნებისმიერს შეუძლია წაიკითხოს შეტყობინებები. თქვენ არ მიიღებთ დაშიფვრის არცერთ სარგებელს. საჯარო ოთახში შეტყობინებების დაშიფვრა შეანელებს შეტყობინებების მიღებასა და გაგზავნას.",
+            "encrypted_room_public_confirm_description_2": "ამ პრობლემების თავიდან ასაცილებლად, შექმენით ა<a> ახალი საჯარო ოთახი</a> საუბრისთვის, რომლის გამართვას აპირებთ.",
+            "encrypted_room_public_confirm_title": "დარწმუნებული ხართ, რომ გსურთ გახადოთ ეს დაშიფრული ოთახი საჯარო?",
+            "encryption_forced": "თქვენი სერვერი მოითხოვს დაშიფვრის გამორთვას.",
+            "encryption_permanent": "ჩართვის შემდეგ, დაშიფვრის გამორთვა შეუძლებელია.",
+            "error_join_rule_change_title": "შეერთების წესების განახლება ვერ მოხერხდა",
+            "error_join_rule_change_unknown": "უცნობი მარცხი",
+            "guest_access_warning": "მხარდაჭერილი კლიენტების მქონე პირები შეძლებენ ოთახში გაწევრიანებას რეგისტრირებული ანგარიშის გარეშე.",
+            "history_visibility_invited": "მხოლოდ წევრები (რადგან ისინი მოწვეულნი იყვნენ)",
+            "history_visibility_legend": "ვის შეუძლია ისტორიის წაკითხვა?",
+            "history_visibility_shared": "მხოლოდ წევრები (ამ ვარიანტის არჩევის მომენტიდან)",
+            "history_visibility_warning": "ცვლილებები იმაში, ვისაც შეუძლია ისტორიის წაკითხვა, გავრცელდება მხოლოდ ამ ოთახში მომავალ შეტყობინებებზე. არსებული ისტორიის ხილვადობა უცვლელი იქნება.",
+            "history_visibility_world_readable": "ვინმეს",
+            "join_rule_description": "გადაწყვიტეთ ვის შეუძლია შეუერთდეს%(roomName)s .",
+            "join_rule_invite": "პირადი (მხოლოდ მოწვევა)",
+            "join_rule_invite_description": "მხოლოდ მოწვეულ ადამიანებს შეუძლიათ შემოერთება.",
+            "join_rule_knock": "მოითხოვეთ შეერთება",
+            "join_rule_knock_description": "ხალხი ვერ შეუერთდება, სანამ წვდომა არ არის მინიჭებული.",
+            "join_rule_public_description": "ნებისმიერს შეუძლია იპოვოს და შეუერთდეს.",
+            "join_rule_restricted": "კოსმოსის წევრები",
+            "join_rule_restricted_description": "ნებისმიერს სივრცეში შეუძლია იპოვოს და შეუერთდეს.<a> დაარედაქტირეთ რომელ სივრცეებს შეუძლიათ აქ წვდომა.</a>",
+            "join_rule_restricted_description_active_space": "ვინმეს<spaceName/> შეუძლია იპოვოს და შეუერთდეს. თქვენ შეგიძლიათ აირჩიოთ სხვა ადგილებიც.",
+            "join_rule_restricted_description_prompt": "ნებისმიერს სივრცეში შეუძლია იპოვოს და შეუერთდეს. თქვენ შეგიძლიათ აირჩიოთ რამდენიმე სივრცე.",
+            "join_rule_restricted_description_spaces": "სივრცეები წვდომით",
+            "join_rule_restricted_dialog_description": "გადაწყვიტეთ რომელ სივრცეებს შეუძლია ამ ოთახში წვდომა. თუ არჩეულია სივრცე, მის წევრებს შეუძლიათ იპოვონ და შეუერთდნენ<RoomName/> .",
+            "join_rule_restricted_dialog_empty_warning": "თქვენ ხსნით ყველა სივრცეს. წვდომა ნაგულისხმევად იქნება მხოლოდ მოწვევისთვის",
+            "join_rule_restricted_dialog_filter_placeholder": "ადგილების ძებნა",
+            "join_rule_restricted_dialog_heading_known": "სხვა სივრცეები თქვენ იცით",
+            "join_rule_restricted_dialog_heading_other": "სხვა სივრცეები ან ოთახები, რომლებიც შეიძლება არ იცოდეთ",
+            "join_rule_restricted_dialog_heading_room": "თქვენთვის ცნობილი სივრცეები, რომლებიც შეიცავს ამ ოთახს",
+            "join_rule_restricted_dialog_heading_space": "თქვენთვის ცნობილი სივრცეები, რომლებიც შეიცავს ამ სივრცეს",
+            "join_rule_restricted_dialog_heading_unknown": "ეს, სავარაუდოდ, ოთახის სხვა ადმინისტრატორები არიან.",
+            "join_rule_restricted_dialog_title": "აირჩიეთ სივრცეები",
+            "join_rule_restricted_n_more": {
+                "one": "&amp;%(count)s მეტი",
+                "other": "&amp;%(count)s მეტი"
+            },
+            "join_rule_restricted_summary": {
+                "one": "ამჟამად სივრცეს აქვს წვდომა",
+                "other": "ამჟამად,%(count)s სივრცეებს აქვს წვდომა"
+            },
+            "join_rule_restricted_upgrade_description": "ეს განახლება საშუალებას მისცემს შერჩეული სივრცეების წევრებს წვდომას ამ ოთახში მოწვევის გარეშე.",
+            "join_rule_restricted_upgrade_warning": "ეს ოთახი არის ზოგიერთ სივრცეში, რომლის ადმინი არ ხართ. ამ სივრცეებში ძველი ოთახი კვლავ იქნება ნაჩვენები, მაგრამ ხალხს მოუწოდებენ შეუერთდნენ ახალს.",
+            "join_rule_upgrade_awaiting_room": "იტვირთება ახალი ოთახი",
+            "join_rule_upgrade_required": "საჭიროა განახლება",
+            "join_rule_upgrade_sending_invites": {
+                "one": "მოწვევის გაგზავნა...",
+                "other": "მოწვევების გაგზავნა... (%(progress)s გარეთ%(count)s )"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "სივრცის განახლება...",
+                "other": "სივრცეების განახლება... (%(progress)s გარეთ%(count)s )"
+            },
+            "join_rule_upgrade_upgrading_room": "განახლების ოთახი",
+            "public_without_alias_warning": "ამ ოთახთან დასაკავშირებლად, გთხოვთ, დაამატოთ მისამართი.",
+            "publish_room": "გახადეთ ეს ოთახი ხილული საჯარო ოთახის დირექტორიაში.",
+            "publish_space": "გახადეთ ეს სივრცე ხილული საჯარო ოთახის დირექტორიაში.",
+            "strict_encryption": "არასოდეს გაუგზავნოთ დაშიფრული შეტყობინებები ამ ოთახის დაუდასტურებელ სესიებს ამ სესიიდან",
+            "title": "უსაფრთხოება და კონფიდენციალურობა"
+        },
+        "title": "ოთახის პარამეტრები -%(roomName)s",
+        "upload_avatar_label": "ატვირთეთ ავატარი",
+        "visibility": {
+            "alias_section": "მისამართი",
+            "error_failed_save": "ამ სივრცის ხილვადობის განახლება ვერ მოხერხდა",
+            "error_update_guest_access": "ამ სივრცეში სტუმრის წვდომის განახლება ვერ მოხერხდა",
+            "error_update_history_visibility": "ამ სივრცის ისტორიის ხილვადობის განახლება ვერ მოხერხდა",
+            "guest_access_explainer": "სტუმრებს შეუძლიათ შეუერთდნენ სივრცეს ანგარიშის გარეშე.",
+            "guest_access_label": "ჩართეთ სტუმრის წვდომა",
+            "history_visibility_anyone_space": "გადახედვის სივრცე",
+            "history_visibility_anyone_space_description": "ნება მიეცით ხალხს, გადახედონ თქვენს სივრცეს, სანამ შეუერთდებიან.",
+            "history_visibility_anyone_space_recommendation": "რეკომენდირებულია საჯარო სივრცეებისთვის.",
+            "title": "ხილვადობა"
+        },
+        "voip": {
+            "call_type_section": "ზარის ტიპი",
+            "enable_element_call_caption": "%(brand)sარის ბოლომდე დაშიფრული, მაგრამ ამჟამად შეზღუდულია მომხმარებელთა მცირე რაოდენობით.",
+            "enable_element_call_label": "ჩართვა%(brand)s როგორც დამატებითი დარეკვის ვარიანტი ამ ოთახში",
+            "enable_element_call_no_permissions_tooltip": "თქვენ არ გაქვთ საკმარისი ნებართვები ამის შესაცვლელად."
+        }
+    },
+    "room_summary_card_back_action_label": "ოთახის ინფორმაცია",
+    "scalar": {
+        "error_create": "ვიჯეტის შექმნა შეუძლებელია.",
+        "error_membership": "თქვენ არ ხართ ამ ოთახში.",
+        "error_missing_room_id": "აკლია ოთახის ID.",
+        "error_missing_room_id_request": "გამოტოვებულია room_id მოთხოვნაში",
+        "error_missing_user_id_request": "მოთხოვნაში user_id აკლია",
+        "error_permission": "თქვენ არ გაქვთ ამის უფლება ამ ოთახში.",
+        "error_power_level_invalid": "სიმძლავრის დონე უნდა იყოს დადებითი მთელი რიცხვი.",
+        "error_room_not_visible": "ოთახი%(roomId)s არ ჩანს",
+        "error_room_unknown": "ეს ოთახი არ არის აღიარებული.",
+        "error_send_request": "მოთხოვნის გაგზავნა ვერ მოხერხდა.",
+        "failed_read_event": "მოვლენების წაკითხვა ვერ მოხერხდა",
+        "failed_send_event": "ღონისძიების გაგზავნა ვერ მოხერხდა"
+    },
+    "settings": {
+        "all_rooms_home": "სახლის ყველა ოთახის ჩვენება",
+        "all_rooms_home_description": "ყველა ოთახი, რომელშიც იმყოფებით, გამოჩნდება მთავარ გვერდზე.",
+        "always_show_message_timestamps": "ყოველთვის აჩვენე შეტყობინების დროის ანაბეჭდები",
+        "appearance": {
+            "custom_font": "გამოიყენეთ სისტემის შრიფტი",
+            "custom_font_description": "დააყენეთ თქვენს სისტემაში დაინსტალირებული შრიფტის სახელი და%(brand)s შეეცდება მის გამოყენებას.",
+            "custom_font_name": "სისტემის შრიფტის სახელი",
+            "custom_font_size": "გამოიყენეთ მორგებული ზომა",
+            "custom_theme_error_downloading": "თემის ჩამოტვირთვის შეცდომა",
+            "custom_theme_invalid": "თემის არასწორი სქემა.",
+            "font_size": "შრიფტის ზომა",
+            "image_size_default": "ნაგულისხმევი",
+            "image_size_large": "დიდი",
+            "layout_bubbles": "შეტყობინების ბუშტები",
+            "layout_irc": "IRC (ექსპერიმენტული)",
+            "match_system_theme": "ემთხვევა სისტემის თემას",
+            "timeline_image_size": "სურათის ზომა ვადებში"
+        },
+        "automatic_language_detection_syntax_highlight": "ჩართეთ ენის ავტომატური ამოცნობა სინტაქსის ხაზგასმისთვის",
+        "autoplay_gifs": "GIF-ების ავტომატური დაკვრა",
+        "autoplay_videos": "ვიდეოების ავტომატური დაკვრა",
+        "big_emoji": "ჩატში ჩართეთ დიდი emoji",
+        "code_block_expand_default": "ნაგულისხმევად გააფართოვეთ კოდის ბლოკები",
+        "code_block_line_numbers": "ხაზების ნომრების ჩვენება კოდის ბლოკებში",
+        "disable_historical_profile": "აჩვენეთ მომხმარებლის მიმდინარე პროფილის სურათი და სახელი შეტყობინებების ისტორიაში",
+        "emoji_autocomplete": "აკრეფისას ჩართეთ Emoji შემოთავაზებები",
+        "enable_markdown": "ჩართეთ Markdown",
+        "enable_markdown_description": "დაიწყეთ შეტყობინებები<code> /სადა</code> მარკირების გარეშე გაგზავნა.",
+        "general": {
+            "account_management_section": "ანგარიშის მართვა",
+            "account_section": "ანგარიში",
+            "add_email_dialog_title": "ელ. ფოსტის მისამართის დამატება",
+            "add_email_failed_verification": "ელ. ფოსტის მისამართის ვერიფიკაცია ვერ მოხერხდა: დარწმუნდი, რომ დააჭირე ბმულს ელ. ფოსტის წერილში",
+            "add_email_instructions": "ჩვენ გამოგიგზავნეთ ელფოსტა თქვენი მისამართის დასადასტურებლად. გთხოვთ, მიჰყევით იქ არსებულ ინსტრუქციას და შემდეგ დააჭირეთ ქვემოთ მოცემულ ღილაკს.",
+            "add_msisdn_confirm_body": "დააჭირეთ ღილაკს მობილურის ნომრის დასადასტურებლად.",
+            "add_msisdn_confirm_button": "დაადასტურეთ მობილურის ნომრის დამატება",
+            "add_msisdn_confirm_sso_button": "ამ ტელეფონის ნომრის დასადასტურებლად გამოიყენე ერთჯერადი ავტორიზაცია, საკუთარი იდენტობის დასადასტურებლად.",
+            "add_msisdn_dialog_title": "მობილურის ნომრის დამატება",
+            "add_msisdn_instructions": "ტექსტური შეტყობინება გაიგზავნა +%(msisdn)s . გთხოვთ, შეიყვანოთ დამადასტურებელი კოდი მასში.",
+            "add_msisdn_misconfigured": "MSISDN ნაკადის დამატება/დაკავშირება არასწორად არის კონფიგურირებული",
+            "confirm_adding_email_body": "ელ. ფოსტის ამ მისამართის დამატება დაადასტურე ღილაკზე დაჭერით.",
+            "confirm_adding_email_title": "დაადასტურე ელ.ფოსტის დამატება",
+            "deactivate_confirm_body": "დარწმუნებული ხართ, რომ გსურთ თქვენი ანგარიშის დეაქტივაცია? ეს შეუქცევადია.",
+            "deactivate_confirm_body_sso": "დაადასტურეთ თქვენი ანგარიშის დეაქტივაცია ერთი შესვლის გამოყენებით თქვენი ვინაობის დასადასტურებლად.",
+            "deactivate_confirm_content": "დაადასტურეთ, რომ გსურთ თქვენი ანგარიშის დეაქტივაცია. თუ გააგრძელებ:",
+            "deactivate_confirm_content_1": "თქვენ ვერ შეძლებთ თქვენი ანგარიშის ხელახლა გააქტიურებას",
+            "deactivate_confirm_content_2": "თქვენ ვეღარ შეძლებთ შესვლას",
+            "deactivate_confirm_content_3": "ვერავინ შეძლებს თქვენი მომხმარებლის სახელის (MXID) ხელახლა გამოყენებას, მათ შორის თქვენც: ეს მომხმარებლის სახელი მიუწვდომელი დარჩება",
+            "deactivate_confirm_content_4": "თქვენ დატოვებთ ყველა ოთახს და DM-ს, რომელშიც იმყოფებით",
+            "deactivate_confirm_content_5": "თქვენ წაიშლებით პირადობის სერვერიდან: თქვენი მეგობრები ვეღარ გიპოვიან თქვენი ელ.ფოსტის ან ტელეფონის ნომრით",
+            "deactivate_confirm_content_6": "თქვენი ძველი შეტყობინებები კვლავ ხილული იქნება იმ ადამიანებისთვის, რომლებმაც მიიღეს ისინი, ისევე როგორც წარსულში გაგზავნილი წერილები. გსურთ თქვენი გაგზავნილი შეტყობინებების დამალვა იმ ადამიანებისგან, რომლებიც მომავალში შეუერთდებიან ოთახებს?",
+            "deactivate_confirm_continue": "დაადასტურეთ ანგარიშის დეაქტივაცია",
+            "deactivate_confirm_erase_label": "ჩემი შეტყობინებების დამალვა ახალი დამფუძნებლებისგან",
+            "deactivate_section": "ანგარიშის დეაქტივაცია",
+            "deactivate_warning": "თქვენი ანგარიშის დეაქტივაცია მუდმივი ქმედებაა — ფრთხილად იყავით!",
+            "discovery_email_empty": "",
+            "discovery_email_verification_instructions": "გადაამოწმეთ ბმული თქვენს შემოსულებში",
+            "discovery_msisdn_empty": "აღმოჩენის ვარიანტები გამოჩნდება მას შემდეგ, რაც დაამატებთ ტელეფონის ნომერს.",
+            "discovery_needs_terms": "ვეთანხმები პირადობის სერვერს (%(serverName)s ) მომსახურების პირობები, რათა საკუთარ თავს საშუალება მისცეთ აღმოაჩინოთ ელექტრონული ფოსტის მისამართით ან ტელეფონის ნომრით.",
+            "email_address_in_use": "ელ. ფოსტის ეს მისამართი დაკავებულია",
+            "email_address_label": "Ელექტრონული მისამართი",
+            "email_not_verified": "თქვენი ელფოსტის მისამართი ჯერ არ არის დადასტურებული",
+            "email_verification_instructions": "",
+            "emails_heading": "ელფოსტის მისამართები",
+            "error_add_email": "ელფოსტის მისამართის დამატება შეუძლებელია",
+            "error_deactivate_communication": "სერვერთან კომუნიკაციისას წარმოიშვა პრობლემა. გთხოვთ, სცადოთ ხელახლა.",
+            "error_deactivate_invalid_auth": "სერვერმა არ დააბრუნა ავთენტიფიკაციის მოქმედი ინფორმაცია.",
+            "error_deactivate_no_auth": "სერვერს არ სჭირდებოდა ავთენტიფიკაცია",
+            "error_email_verification": "",
+            "error_invalid_email": "ელფოსტის მისამართი არასწორია",
+            "error_invalid_email_detail": "როგორც ჩანს, ეს არ არის სწორი ელფოსტის მისამართი",
+            "error_msisdn_verification": "",
+            "error_password_change_403": "პაროლის შეცვლა ვერ მოხერხდა. თქვენი პაროლი სწორია?",
+            "error_password_change_http": "%(errorMessage)s(HTTP სტატუსი%(httpStatus)s )",
+            "error_password_change_title": "პაროლის შეცვლა მოხდა შეცდომა",
+            "error_password_change_unknown": "პაროლის შეცვლის უცნობი შეცდომა (%(stringifiedError)s )",
+            "error_remove_3pid": "",
+            "error_revoke_email_discovery": "ელფოსტის მისამართისთვის გაზიარების გაუქმება შეუძლებელია",
+            "error_revoke_msisdn_discovery": "",
+            "error_share_email_discovery": "",
+            "error_share_msisdn_discovery": "ტელეფონის ნომრის გაზიარება შეუძლებელია",
+            "identity_server_no_token": "იდენთიფიკაციის წვდომის ტოკენი ვერ მოიძებნა",
+            "identity_server_not_set": "იდენთიფიკაციის სერვერი არ არის განსაზღვრული",
+            "language_section": "Ენა",
+            "msisdn_in_use": "ტელეფონის ეს ნომერი დაკავებულია",
+            "msisdn_label": "ტელეფონის ნომერი",
+            "msisdn_verification_field_label": "დამადასტურებელი კოდი",
+            "msisdn_verification_instructions": "გთხოვთ, შეიყვანოთ ტექსტით გაგზავნილი დამადასტურებელი კოდი.",
+            "msisdns_heading": "ტელეფონის ნომრები",
+            "oidc_manage_button": "Ანგარიშის მართვა",
+            "password_change_section": "დააყენეთ ახალი ანგარიშის პაროლი…",
+            "password_change_success": "თქვენი პაროლი წარმატებით შეიცვალა.",
+            "remove_email_prompt": "ამოღება%(email)s ?",
+            "remove_msisdn_prompt": "ამოღება%(phone)s ?",
+            "spell_check_locale_placeholder": "აირჩიეთ ლოკალი"
+        },
+        "inline_url_previews_default": "ნაგულისხმევად ჩართული URL-ის გადახედვის ჩართვა",
+        "insert_trailing_colon_mentions": "ჩადეთ ბოლო ორწერტილი მას შემდეგ, რაც მომხმარებელი აღნიშნავს შეტყობინების დასაწყისში",
+        "jump_to_bottom_on_send": "შეტყობინების გაგზავნისას გადადით ქრონოლოგიის ბოლოში",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "ახლა მიმდინარეობს თქვენი გასაღებების სარეზერვო ასლის შექმნა ამ მოწყობილობიდან.",
+                "backup_setup_success_title": "უსაფრთხო სარეზერვო ასლის შექმნა წარმატებით დასრულდა",
+                "cancel_warning": "თუ ახლა გააუქმებთ, შეიძლება დაკარგოთ დაშიფრული შეტყობინებები და მონაცემები, თუ დაკარგავთ წვდომას თქვენს შესვლაზე.",
+                "confirm_security_phrase": "დაადასტურეთ თქვენი უსაფრთხოების ფრაზა",
+                "description": "დაიცავით დაშიფრულ შეტყობინებებსა და მონაცემებზე წვდომის დაკარგვისგან თქვენს სერვერზე დაშიფვრის გასაღებების სარეზერვო ასლის შექმნა.",
+                "download_or_copy": "%(downloadButton)sან%(copyButton)s",
+                "enter_phrase_description": "შეიყვანეთ უსაფრთხოების ფრაზა მხოლოდ თქვენ იცით, რადგან ის გამოიყენება თქვენი მონაცემების დასაცავად. უსაფრთხოების მიზნით, არ უნდა გამოიყენოთ თქვენი ანგარიშის პაროლი.",
+                "enter_phrase_title": "შეიყვანეთ უსაფრთხოების ფრაზა",
+                "enter_phrase_to_confirm": "მეორედ შეიყვანეთ თქვენი უსაფრთხოების ფრაზა მის დასადასტურებლად.",
+                "generate_security_key_description": "ჩვენ გამოგიმუშავებთ უსაფრთხოების გასაღებს, რომ შეინახოთ სადმე უსაფრთხო ადგილას, როგორიცაა პაროლის მენეჯერი ან სეიფი.",
+                "generate_security_key_title": "შექმენით უსაფრთხოების გასაღები",
+                "pass_phrase_match_failed": "ეს არ ემთხვევა.",
+                "pass_phrase_match_success": "რომ ემთხვევა!",
+                "phrase_strong_enough": "დიდი! უსაფრთხოების ეს ფრაზა საკმაოდ ძლიერი ჩანს.",
+                "secret_storage_query_failure": "საიდუმლო შენახვის სტატუსის მოთხოვნა შეუძლებელია",
+                "security_key_safety_reminder": "შეინახეთ თქვენი უსაფრთხოების გასაღები სადმე უსაფრთხო ადგილას, როგორიცაა პაროლის მენეჯერი ან სეიფი, რადგან ის გამოიყენება თქვენი დაშიფრული მონაცემების დასაცავად.",
+                "set_phrase_again": "დაბრუნდით ისევ დასაყენებლად.",
+                "settings_reminder": "თქვენ ასევე შეგიძლიათ დააყენოთ უსაფრთხო სარეზერვო ასლი და მართოთ თქვენი გასაღებები პარამეტრებში.",
+                "title_confirm_phrase": "დაადასტურეთ უსაფრთხოების ფრაზა",
+                "title_save_key": "შეინახეთ უსაფრთხოების გასაღები",
+                "title_set_phrase": "დააყენეთ უსაფრთხოების ფრაზა",
+                "unable_to_setup": "საიდუმლო მეხსიერების დაყენება შეუძლებელია",
+                "use_different_passphrase": "გამოიყენოთ სხვა საიდუმლო ფრაზა?",
+                "use_phrase_only_you_know": "გამოიყენეთ საიდუმლო ფრაზა მხოლოდ თქვენ იცით და სურვილისამებრ შეინახეთ უსაფრთხოების გასაღები სარეზერვო ასლისთვის გამოსაყენებლად."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "დაადასტურეთ პაროლი",
+            "enter_passphrase": "შეიყვანეთ პაროლი",
+            "export_description_1": "ეს პროცესი საშუალებას გაძლევთ დაშიფრულ ოთახებში მიღებული შეტყობინებების გასაღებები ადგილობრივ ფაილში გადაიტანოთ. ამის შემდეგ თქვენ შეძლებთ ფაილის იმპორტს მომავალში Matrix-ის სხვა კლიენტში, ასე რომ კლიენტი ასევე შეძლებს ამ შეტყობინებების გაშიფვრას.",
+            "export_description_2": "ექსპორტირებული ფაილი საშუალებას მისცემს ნებისმიერს, ვისაც მისი წაკითხვა შეუძლია, გაშიფროს დაშიფრული შეტყობინებები, რომელთა ნახვაც შეგიძლიათ, ამიტომ ფრთხილად უნდა იყოთ მისი დაცვით. ამის დასახმარებლად, ქვემოთ უნდა შეიყვანოთ უნიკალური საიდუმლო ფრაზა, რომელიც გამოყენებული იქნება მხოლოდ ექსპორტირებული მონაცემების დაშიფვრისთვის. მონაცემთა იმპორტი მხოლოდ იმავე პაროლის გამოყენებით იქნება შესაძლებელი.",
+            "export_title": "ოთახის გასაღებების ექსპორტი",
+            "file_to_import": "ფაილი იმპორტისთვის",
+            "import_description_1": "ეს პროცესი საშუალებას გაძლევთ შემოიტანოთ დაშიფვრის გასაღებები, რომლებიც ადრე გქონდათ ექსპორტირებული სხვა Matrix კლიენტიდან. ამის შემდეგ თქვენ შეძლებთ ნებისმიერი შეტყობინების გაშიფვრას, რომელიც სხვა კლიენტს შეეძლო.",
+            "import_description_2": "ექსპორტის ფაილი დაცული იქნება პაროლით. აქ უნდა შეიყვანოთ პაროლი ფაილის გაშიფვრისთვის.",
+            "import_title": "ოთახის გასაღებების იმპორტი",
+            "phrase_cannot_be_empty": "პაროლი არ უნდა იყოს ცარიელი",
+            "phrase_must_match": "პაროლის ფრაზები უნდა ემთხვეოდეს",
+            "phrase_strong_enough": "დიდი! ეს საიდუმლო ფრაზა საკმაოდ მტკიცედ გამოიყურება"
+        },
+        "keyboard": {
+            "title": "კლავიატურა"
+        },
+        "notifications": {
+            "default_setting_description": "ეს პარამეტრი ნაგულისხმევად გამოყენებული იქნება თქვენს ყველა ოთახში.",
+            "default_setting_section": "მინდა მივიღო შეტყობინება (ნაგულისხმევი პარამეტრი)",
+            "desktop_notification_message_preview": "შეტყობინების გადახედვის ჩვენება დესკტოპის შეტყობინებაში",
+            "email_description": "მიიღეთ გამოტოვებული შეტყობინებების შეჯამება ელექტრონული ფოსტით",
+            "email_section": "ელფოსტის შეჯამება",
+            "email_select": "აირჩიეთ რომელ ელფოსტაზე გსურთ შეჯამების გაგზავნა. მართეთ თქვენი ელფოსტა<button> გენერალი</button> .",
+            "enable_audible_notifications_session": "ჩართეთ ხმოვანი შეტყობინებები ამ სესიისთვის",
+            "enable_desktop_notifications_session": "ჩართეთ დესკტოპის შეტყობინებები ამ სესიისთვის",
+            "enable_email_notifications": "ელ.ფოსტის შეტყობინებების ჩართვა ამისთვის%(email)s",
+            "enable_notifications_account": "ჩართეთ შეტყობინებები ამ ანგარიშისთვის",
+            "enable_notifications_account_detail": "გამორთეთ შეტყობინებების გამორთვა ყველა თქვენს მოწყობილობაზე და სესიაზე",
+            "enable_notifications_device": "ჩართეთ შეტყობინებები ამ მოწყობილობისთვის",
+            "error_loading": "თქვენი შეტყობინებების პარამეტრების ჩატვირთვისას მოხდა შეცდომა.",
+            "error_permissions_denied": "%(brand)sარ აქვს უფლება გამოგიგზავნოთ შეტყობინებები - გთხოვთ, შეამოწმოთ თქვენი ბრაუზერის პარამეტრები",
+            "error_permissions_missing": "%(brand)sარ მიეცა შეტყობინებების გაგზავნის ნებართვა - გთხოვთ, სცადოთ ხელახლა",
+            "error_saving": "შეტყობინებების პარამეტრების შენახვისას მოხდა შეცდომა",
+            "error_saving_detail": "თქვენი შეტყობინებების პარამეტრების შენახვისას მოხდა შეცდომა.",
+            "error_title": "შეტყობინებების ჩართვა შეუძლებელია",
+            "error_updating": "თქვენი შეტყობინებების პარამეტრების განახლებისას მოხდა შეცდომა. გთხოვთ, კვლავ სცადოთ თქვენი ვარიანტის გადართვა.",
+            "invites": "ოთახში დაპატიჟა",
+            "keywords": "აჩვენე სამკერდე ნიშანი<badge/> როდესაც საკვანძო სიტყვები გამოიყენება ოთახში.",
+            "keywords_prompt": "შეიყვანეთ აქ საკვანძო სიტყვები, ან გამოიყენეთ ორთოგრაფიული ვარიაციები ან მეტსახელები",
+            "labs_notice_prompt": "<strong>განახლება:</strong> ჩვენ გავამარტივეთ შეტყობინებების პარამეტრები, რათა გაადვილდეს ვარიანტების პოვნა. თქვენ მიერ წარსულში არჩეული ზოგიერთი მორგებული პარამეტრი აქ არ არის ნაჩვენები, მაგრამ ისინი კვლავ აქტიურია. თუ გააგრძელებთ, თქვენი ზოგიერთი პარამეტრი შეიძლება შეიცვალოს.<a> გაიგე მეტი</a>",
+            "mentions_keywords": "ხსენებები და საკვანძო სიტყვები",
+            "mentions_keywords_only": "მხოლოდ ხსენებები და საკვანძო სიტყვები",
+            "messages_containing_keywords": "შეტყობინებები, რომლებიც შეიცავს საკვანძო სიტყვებს",
+            "noisy": "ხმაურიანი",
+            "notices": "ბოტების მიერ გაგზავნილი შეტყობინებები",
+            "notify_at_room": "შეატყობინეთ, როდესაც ვინმე ახსენებს @room-ის გამოყენებას",
+            "notify_keyword": "შეატყობინეთ, როდესაც ვინმე იყენებს საკვანძო სიტყვას",
+            "notify_mention": "შეატყობინეთ, როდესაც ვინმე ახსენებს @displayname ან%(mxid)s",
+            "other_section": "სხვა რამ, რაც ვფიქრობთ, დაგაინტერესებთ:",
+            "people_mentions_keywords": "ხალხი, ხსენებები და საკვანძო სიტყვები",
+            "play_sound_for_description": "ნაგულისხმევად გამოიყენება ყველა ოთახში ყველა მოწყობილობაზე.",
+            "play_sound_for_section": "დაუკარით ხმა",
+            "push_targets": "შეტყობინებების მიზნები",
+            "quick_actions_mark_all_read": "მონიშნეთ ყველა შეტყობინება წაკითხულად",
+            "quick_actions_reset": "გადატვირთეთ ნაგულისხმევ პარამეტრებზე",
+            "quick_actions_section": "სწრაფი მოქმედებები",
+            "room_activity": "ხდება ახალი აქტივობა ოთახში, განახლებები და სტატუსის შეტყობინებები",
+            "rule_call": "ზარის მოწვევა",
+            "rule_contains_display_name": "",
+            "rule_contains_user_name": "",
+            "rule_encrypted": "დაშიფრული შეტყობინებები ჯგუფურ ჩეთებში",
+            "rule_encrypted_room_one_to_one": "დაშიფრული შეტყობინებები ერთ-ერთ ჩეთებში",
+            "rule_invite_for_me": "როცა ოთახში დამპატიჟებენ",
+            "rule_message": "შეტყობინებები ჯგუფურ ჩეთებში",
+            "rule_room_one_to_one": "შეტყობინებები ერთ-ერთ ჩატში",
+            "rule_roomnotif": "@room-ის შემცველი შეტყობინებები",
+            "rule_suppress_notices": "ბოტის მიერ გაგზავნილი შეტყობინებები",
+            "rule_tombstone": "როდესაც ოთახები განახლებულია",
+            "show_message_desktop_notification": "შეტყობინების ჩვენება დესკტოპის შეტყობინებაში",
+            "voip": "აუდიო და ვიდეო ზარები"
+        },
+        "preferences": {
+            "Electron.enableHardwareAcceleration": "ტექნიკის აჩქარების ჩართვა (გადატვირთვა%(appName)s ამოქმედდეს)",
+            "always_show_menu_bar": "ყოველთვის აჩვენე ფანჯრის მენიუს ზოლი",
+            "autocomplete_delay": "ავტომატური დასრულების დაყოვნება (მმ)",
+            "code_blocks_heading": "კოდის ბლოკები",
+            "compact_modern": "გამოიყენეთ უფრო კომპაქტური „თანამედროვე“ განლაგება",
+            "composer_heading": "კომპოზიტორი",
+            "enable_hardware_acceleration": "ტექნიკის აჩქარების ჩართვა",
+            "enable_tray_icon": "აჩვენეთ უჯრის ხატულა და დახურეთ ფანჯრის მინიმიზაცია",
+            "keyboard_heading": "კლავიატურის მალსახმობები",
+            "keyboard_view_shortcuts_button": "კლავიატურის ყველა მალსახმობის სანახავად,<a> დააწკაპუნეთ აქ</a> .",
+            "media_heading": "სურათები, GIF და ვიდეოები",
+            "presence_description": "გაუზიარეთ თქვენი აქტივობა და სტატუსი სხვებს.",
+            "rm_lifetime": "მარკერის წაკითხვის ხანგრძლივობა (მმ)",
+            "rm_lifetime_offscreen": "მარკერის წაკითხვის ხანგრძლივობა ეკრანიდან (მმ)",
+            "room_directory_heading": "ოთახის დირექტორია",
+            "room_list_heading": "ოთახის სია",
+            "show_avatars_pills": "აჩვენეთ ავატარები მომხმარებლის, ოთახისა და მოვლენის ხსენებებში",
+            "show_polls_button": "გამოკითხვების ღილაკის ჩვენება",
+            "surround_text": "შერჩეული ტექსტის გარშემორტყმა სპეციალური სიმბოლოების აკრეფისას",
+            "time_heading": "დროის ჩვენება"
+        },
+        "prompt_invite": "მოითხოვეთ მოწვევის გაგზავნამდე პოტენციურად არასწორი matrix ID-ებზე",
+        "replace_plain_emoji": "ავტომატური ჩანაცვლება უბრალო ტექსტური Emoji",
+        "security": {
+            "analytics_description": "გააზიარეთ ანონიმური მონაცემები, რათა დაგვეხმაროთ პრობლემების იდენტიფიცირებაში. არაფერი პირადული. არ არის მესამე მხარე.",
+            "bulk_options_accept_all_invites": "მიიღე ყველა%(invitedRooms)s იწვევს",
+            "bulk_options_reject_all_invites": "უარყოთ ყველა%(invitedRooms)s იწვევს",
+            "bulk_options_section": "ნაყარი ვარიანტები",
+            "e2ee_default_disabled_warning": "თქვენმა სერვერის ადმინისტრატორმა ნაგულისხმევად გათიშული დაშიფვრა პირად ოთახებში და პირდაპირ შეტყობინებებში.",
+            "enable_message_search": "ჩართეთ შეტყობინებების ძებნა დაშიფრულ ოთახებში",
+            "encryption_section": "დაშიფვრა",
+            "ignore_users_empty": "თქვენ არ გყავთ უგულებელყოფილი მომხმარებლები.",
+            "ignore_users_section": "იგნორირებული მომხმარებლები",
+            "key_backup_algorithm": "ალგორითმი:",
+            "message_search_disable_warning": "თუ გამორთულია, დაშიფრული ოთახებიდან შეტყობინებები არ გამოჩნდება ძიების შედეგებში.",
+            "message_search_disabled": "დაშიფრული შეტყობინებების ლოკალურად დაშიფვრა, რათა გამოჩნდეს ძიების შედეგებში.",
+            "message_search_enabled": {
+                "one": "დაშიფრული შეტყობინებების უსაფრთხოდ ქეშირება ადგილობრივად, რათა გამოჩნდეს ძიების შედეგებში, გამოყენებით%(size)s შეტყობინებების შესანახად%(rooms)s ოთახი.",
+                "other": "დაშიფრული შეტყობინებების უსაფრთხოდ ქეშირება ადგილობრივად, რათა გამოჩნდეს ძიების შედეგებში, გამოყენებით%(size)s შეტყობინებების შესანახად%(rooms)s ოთახები."
+            },
+            "message_search_failed": "შეტყობინების ძიების ინიციალიზაცია ვერ მოხერხდა",
+            "message_search_indexed_messages": "ინდექსირებული შეტყობინებები:",
+            "message_search_indexed_rooms": "ინდექსირებული ოთახები:",
+            "message_search_indexing": "ამჟამად მიმდინარეობს ინდექსირება:%(currentRoom)s",
+            "message_search_indexing_idle": "ამჟამად არ არის ინდექსირებული შეტყობინებები არცერთი ოთახისთვის.",
+            "message_search_intro": "%(brand)sუსაფრთხოდ ინახავს დაშიფრულ შეტყობინებებს ადგილობრივად, რათა გამოჩნდეს ძიების შედეგებში:",
+            "message_search_room_progress": "%(doneRooms)sგარეთ%(totalRooms)s",
+            "message_search_section": "შეტყობინებების ძებნა",
+            "message_search_sleep_time": "რამდენად სწრაფად უნდა ჩამოიტვირთოს შეტყობინებები.",
+            "message_search_space_used": "გამოყენებული სივრცე:",
+            "message_search_unsupported": "%(brand)sაკლია ზოგიერთი კომპონენტი, რომელიც საჭიროა დაშიფრული შეტყობინებების ადგილობრივად უსაფრთხოდ შესანახად. თუ გსურთ ამ ფუნქციის ექსპერიმენტი, შექმენით საბაჟო%(brand)s დესკტოპი ერთად<nativeLink> დამატებულია საძიებო კომპონენტები</nativeLink> .",
+            "message_search_unsupported_web": "%(brand)sარ შეუძლია დაშიფრული შეტყობინებების ლოკალურად დაშიფვრა ვებ-ბრაუზერში მუშაობისას. გამოყენება<desktopLink>%(brand)s სამუშაო მაგიდა</desktopLink> დაშიფრული შეტყობინებების გამოსაჩენად ძიების შედეგებში.",
+            "record_session_details": "ჩაწერეთ კლიენტის სახელი, ვერსია და url, რათა უფრო ადვილად ამოიცნოთ სესიები სესიების მენეჯერში",
+            "send_analytics": "ანალიტიკის მონაცემების გაგზავნა",
+            "strict_encryption": "არასოდეს გაუგზავნოთ დაშიფრული შეტყობინებები დაუდასტურებელ სესიებზე ამ სესიიდან"
+        },
+        "send_read_receipts": "გაგზავნეთ წაკითხული ქვითრები",
+        "send_read_receipts_unsupported": "თქვენს სერვერს არ აქვს წაკითხული ქვითრების გაგზავნის გათიშვის მხარდაჭერა.",
+        "send_typing_notifications": "აკრეფის შეტყობინებების გაგზავნა",
+        "sessions": {
+            "best_security_note": "საუკეთესო უსაფრთხოებისთვის, გადაამოწმეთ თქვენი სესიები და გამოდით ნებისმიერი სესიიდან, რომელსაც აღარ იცნობთ ან აღარ იყენებთ.",
+            "confirm_sign_out": {
+                "one": "დაადასტურეთ ამ მოწყობილობის გამოსვლა",
+                "other": "დაადასტურეთ ამ მოწყობილობებიდან გამოსვლა"
+            },
+            "confirm_sign_out_body": {
+                "one": "დააწკაპუნეთ ქვემოთ მოცემულ ღილაკზე, რათა დაადასტუროთ ამ მოწყობილობიდან გასვლა.",
+                "other": "დააწკაპუნეთ ქვემოთ მოცემულ ღილაკზე ამ მოწყობილობებიდან გასვლის დასადასტურებლად."
+            },
+            "confirm_sign_out_continue": {
+                "one": "მოწყობილობიდან გასვლა",
+                "other": "მოწყობილობებიდან გასვლა"
+            },
+            "confirm_sign_out_sso": {
+                "one": "დაადასტურეთ ამ მოწყობილობიდან გამოსვლა ერთჯერადი შესვლის გამოყენებით თქვენი პირადობის დასამტ",
+                "other": "დაადასტურეთ ამ მოწყობილობების გამოსვლა ერთჯერადი შესვლის გამოყენებით თქვენი პირადობის დასამტ"
+            },
+            "current_session": "მიმდინარე სესია",
+            "desktop_session": "დესკტოპის სესია",
+            "details_heading": "სესიის დეტალები",
+            "device_unverified_description": "დაადასტურეთ ან გამოდით ამ სესიიდან საუკეთესო უსაფრთხოებისა და საიმედოობისთვის.",
+            "device_unverified_description_current": "დაადასტურეთ თქვენი მიმდინარე სესია გაძლიერებული უსაფრთხო შეტყობინებებისთვის.",
+            "device_verified_description": "ეს სესია მზად არის უსაფრთხო შეტყობინებებისთვის.",
+            "device_verified_description_current": "თქვენი მიმდინარე სესია მზად არის უსაფრთხო შეტყობინებებისთვის.",
+            "error_pusher_state": "დამჭერის მდგომარეობის დაყენება ვერ მოხერხდა",
+            "error_set_name": "სესიის სახელის დაყენება ვერ მოხერხდა",
+            "filter_all": "ყველა",
+            "filter_inactive": "არააქტიური",
+            "filter_inactive_description": "არააქტიურია ამისთვის%(inactiveAgeDays)s დღეები ან მეტი",
+            "filter_label": "ფილტრაციის მოწყობილობები",
+            "filter_unverified_description": "არ არის მზად უსაფრთხო შეტყობინებებისთვის",
+            "filter_verified_description": "მზადაა უსაფრთხო შეტყობინებებისთვის",
+            "hide_details": "დეტალების დამალვა",
+            "inactive_days": "არააქტიურია ამისთვის%(inactiveAgeDays)s + დღეები",
+            "inactive_sessions": "არააქტიური სესიები",
+            "inactive_sessions_explainer_1": "არააქტიური სესიები არის სესიები, რომლებიც დიდი ხნის განმავლობაში არ გამოგიყენებიათ, მაგრამ ისინი აგრძელებენ დაშიფვრის გასაღებების მიღებას.",
+            "inactive_sessions_explainer_2": "არააქტიური სესიების წაშლა აუმჯობესებს უსაფრთხოებას და შესრულებას და გაგიადვილებთ იმის დადგენას, არის თუ არა ახალი სესია საეჭვო.",
+            "inactive_sessions_list_description": "იფიქრეთ ძველი სესიებიდან გასვლის შესახებ (%(inactiveAgeDays)s დღეები ან მეტი) თქვენ აღარ იყენებთ.",
+            "ip": "IP მისამართი",
+            "last_activity": "ბოლო აქტივობა",
+            "mobile_session": "მობილური სესია",
+            "n_sessions_selected": {
+                "one": "%(count)sარჩეული სესია",
+                "other": "%(count)sშერჩეული სესიები"
+            },
+            "no_inactive_sessions": "არააქტიური სესიები ვერ მოიძებნა.",
+            "no_sessions": "სესიები ვერ მოიძებნა.",
+            "no_unverified_sessions": "დაუდასტურებელი სესიები ვერ მოიძებნა.",
+            "no_verified_sessions": "დადასტურებული სესიები ვერ მოიძებნა.",
+            "other_sessions_heading": "სხვა სესიები",
+            "push_heading": "Push შეტყობინებები",
+            "push_subheading": "მიიღეთ push-შეტყობინებები ამ სესიაზე.",
+            "push_toggle": "ამ სესიაზე Push-შეტყობინებების გადართვა.",
+            "rename_form_caption": "გთხოვთ გაითვალისწინოთ, რომ სესიების სახელები ასევე ხილულია იმ ადამიანებისთვის, ვისთანაც ურთიერთობთ.",
+            "rename_form_heading": "სესიის გადარქმევა",
+            "rename_form_learn_more": "სესიების გადარქმევა",
+            "rename_form_learn_more_description_1": "სხვა მომხმარებლებს პირდაპირ შეტყობინებებში და ოთახებში, რომლებსაც თქვენ უერთდებით, შეუძლიათ ნახონ თქვენი სესიების სრული სია.",
+            "rename_form_learn_more_description_2": "ეს უზრუნველყოფს მათ დარწმუნებას, რომ ისინი ნამდვილად გესაუბრებიან თქვენთან, მაგრამ ეს ასევე ნიშნავს, რომ მათ შეუძლიათ დაინახონ სესიის სახელი, რომელსაც აქ შეიყვანთ.",
+            "security_recommendations": "უსაფრთხოების რეკომენდაციები",
+            "security_recommendations_description": "გააუმჯობესეთ თქვენი ანგარიშის უსაფრთხოება ამ რეკომენდაციების დაცვით.",
+            "session_id": "სესიის ID",
+            "show_details": "დეტალების ჩვენება",
+            "sign_in_with_qr": "ახალი მოწყობილობის მიბმა",
+            "sign_in_with_qr_button": "QR კოდის ჩვენება",
+            "sign_in_with_qr_description": "გამოიყენეთ QR კოდი სხვა მოწყობილობაში შესასვლელად და უსაფრთხო შეტყობინებების დასაყენებლად.",
+            "sign_out": "გადით ამ სესიიდან",
+            "sign_out_all_other_sessions": "გამოსვლა ყველა სხვა სესიიდან (%(otherSessionsCount)s )",
+            "sign_out_confirm_description": {
+                "one": "დარწმუნებული ხართ, რომ გსურთ სისტემიდან გამოსვლა%(count)s სესია?",
+                "other": "დარწმუნებული ხართ, რომ გსურთ სისტემიდან გამოსვლა%(count)s სესიები?"
+            },
+            "sign_out_n_sessions": {
+                "one": "გასვლა%(count)s სესია",
+                "other": "გასვლა%(count)s სესიები"
+            },
+            "title": "სესიები",
+            "unknown_session": "უცნობი სესიის ტიპი",
+            "unverified_session": "დაუდასტურებელი სესია",
+            "unverified_session_explainer_1": "ამ სესიას არ აქვს დაშიფვრის მხარდაჭერა და, შესაბამისად, ვერ დადასტურდება.",
+            "unverified_session_explainer_2": "თქვენ ვერ შეძლებთ მონაწილეობას ოთახებში, სადაც დაშიფვრა ჩართულია ამ სესიის გამოყენებისას.",
+            "unverified_session_explainer_3": "საუკეთესო უსაფრთხოებისა და კონფიდენციალურობისთვის რეკომენდებულია Matrix კლიენტების გამოყენება, რომლებიც მხარს უჭერენ დაშიფვრას.",
+            "unverified_sessions": "დაუმოწმებელი სესიები",
+            "unverified_sessions_explainer_1": "დაუდასტურებელი სესიები არის სესიები, რომლებიც შესულია თქვენი ავტორიზაციის მონაცემებით, მაგრამ არ არის გადამოწმებული.",
+            "unverified_sessions_explainer_2": "განსაკუთრებით უნდა დარწმუნდეთ, რომ აღიარებთ ამ სესიებს, რადგან ისინი შეიძლება წარმოადგენდეს თქვენი ანგარიშის არაავტორიზებულ გამოყენებას.",
+            "unverified_sessions_list_description": "დაადასტურეთ თქვენი სესიები გაძლიერებული უსაფრთხო შეტყობინებებისთვის ან გამოდით მათგან, რომლებსაც აღარ იცნობთ ან აღარ იყენებთ.",
+            "url": "URL",
+            "verified_session": "დამოწმებული სესია",
+            "verified_sessions": "დამოწმებული სესიები",
+            "verified_sessions_explainer_1": "დადასტურებული სესიები არის ყველგან, სადაც იყენებთ ამ ანგარიშს თქვენი საიდუმლო ფრაზის შეყვანის ან თქვენი ვინაობის დადასტურების შემდეგ სხვა დამოწმებული სესიით.",
+            "verified_sessions_explainer_2": "ეს ნიშნავს, რომ თქვენ გაქვთ ყველა გასაღები, რომელიც საჭიროა თქვენი დაშიფრული შეტყობინებების განბლოკვისთვის და სხვა მომხმარებლებისთვის დასადასტურებლად, რომ ენდობით ამ სესიას.",
+            "verified_sessions_list_description": "საუკეთესო უსაფრთხოებისთვის, გამოდით ნებისმიერი სესიიდან, რომელსაც აღარ იცნობთ ან აღარ იყენებთ.",
+            "verify_session": "სესიის გადამოწმება",
+            "web_session": "ვებ სესია"
+        },
+        "show_avatar_changes": "პროფილის სურათის ცვლილებების ჩვენება",
+        "show_breadcrumbs": "ოთახების სიის ზემოთ ახლახან ნანახი ოთახების მალსახმობების ჩვენება",
+        "show_chat_effects": "ჩეთის ეფექტების ჩვენება (ანიმაციები მაგ. კონფეტის მიღებისას)",
+        "show_displayname_changes": "საჩვენებელი სახელის ცვლილებების ჩვენება",
+        "show_join_leave": "შეერთების/დატოვების შეტყობინებების ჩვენება (მოწვევები/აშლი/აკრძალვები არ შეეხო)",
+        "show_nsfw_content": "NSFW შინაარსის ჩვენება",
+        "show_read_receipts": "სხვა მომხმარებლების მიერ გაგზავნილი წაკითხვის ქვითრების ჩვენება",
+        "show_redaction_placeholder": "წაშლილი შეტყობინებების ჩანაცვლების ველის ჩვენება",
+        "show_stickers_button": "სტიკერების ღილაკის ჩვენება",
+        "show_typing_notifications": "აჩვენეთ აკრეფის შეტყობინებები",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "ყველა ოთახის ჩვენება",
+            "metaspaces_home_all_rooms_description": "აჩვენეთ ყველა თქვენი ოთახი Home-ში, თუნდაც ისინი სივრცეში იყოს.",
+            "metaspaces_home_description": "სახლი სასარგებლოა ყველაფრის მიმოხილვისთვის.",
+            "metaspaces_orphans": "ოთახები სივრცის გარეთ",
+            "metaspaces_orphans_description": "დააჯგუფეთ ყველა თქვენი ოთახი, რომელიც არ არის სივრცის ნაწილი ერთ ადგილას.",
+            "metaspaces_subsection": "საჩვენებელი ადგილები",
+            "spaces_explainer": "სივრცეები არის ოთახების და ადამიანების დაჯგუფების გზები. იმ სივრცეებთან ერთად, სადაც იმყოფებით, შეგიძლიათ გამოიყენოთ რამდენიმე წინასწარ აშენებული.",
+            "title": "გვერდითი ზოლი"
+        },
+        "use_12_hour_format": "დროის ანაბეჭდების ჩვენება 12 საათის ფორმატში (მაგ. 14:30)",
+        "use_command_enter_send_message": "გამოიყენეთ Command + Enter შეტყობინების გასაგზავნად",
+        "use_command_f_search": "გამოიყენეთ Command + F დროის ხაზის მოსაძებნად",
+        "use_control_enter_send_message": "გამოიყენეთ Ctrl + Enter შეტყობინების გასაგზავნად",
+        "use_control_f_search": "გამოიყენეთ Ctrl + F დროის ხაზის მოსაძებნად",
+        "voip": {
+            "allow_p2p": "დაუშვით Peer-to-Peer 1:1 ზარებისთვის",
+            "allow_p2p_description": "როდესაც ჩართულია, მეორე მხარემ შესაძლოა დაინახოს თქვენი IP მისამართი",
+            "audio_input_empty": "მიკროფონები არ არის აღმოჩენილი",
+            "audio_output": "აუდიო გამომავალი",
+            "audio_output_empty": "აუდიო გამომავალი არ არის აღმოჩენილი",
+            "auto_gain_control": "მოგების ავტომატური კონტროლი",
+            "echo_cancellation": "ექოს გაუქმება",
+            "enable_fallback_ice_server": "სარეზერვო ზარის დამხმარე სერვერის დაშვება (%(server)s )",
+            "enable_fallback_ice_server_description": "ვრცელდება მხოლოდ იმ შემთხვევაში, თუ თქვენი სახლის სერვერი არ გთავაზობთ. თქვენი IP მისამართი გაზიარდება ზარის დროს.",
+            "mirror_local_feed": "ასახეთ ადგილობრივი ვიდეო არხი",
+            "missing_permissions_prompt": "აკლია მედიის ნებართვები, დააწკაპუნეთ ღილაკზე ქვემოთ მოთხოვნისთვის.",
+            "noise_suppression": "ხმაურის ჩახშობა",
+            "request_permissions": "მოითხოვეთ მედიის ნებართვები",
+            "title": "ხმა და ვიდეო",
+            "video_input_empty": "ვებკამერები არ არის აღმოჩენილი",
+            "video_section": "ვიდეოს პარამეტრები",
+            "voice_agc": "მიკროფონის ხმის ავტომატური რეგულირება",
+            "voice_processing": "ხმის დამუშავება",
+            "voice_section": "ხმის პარამეტრები"
+        },
+        "warn_quit": "გაფრთხილება შეწყვეტამდე",
+        "warning": "<w>გაფრთხილება:</w><description/>"
+    },
+    "slash_command": {
+        "addwidget": "ამატებს მორგებულ ვიჯეტს URL-ით ოთახში",
+        "addwidget_iframe_missing_src": "iframe-ს არ აქვს src ატრიბუტი",
+        "addwidget_invalid_protocol": "გთხოვთ, მოგვაწოდოთ https:// ან http:// ვიჯეტის URL",
+        "addwidget_missing_url": "გთხოვთ, მოგვაწოდოთ ვიჯეტის URL ან ჩადეთ კოდი",
+        "addwidget_no_permissions": "ამ ოთახში ვიჯეტების შეცვლა შეუძლებელია.",
+        "ban": "აკრძალავს მომხმარებელს მოცემული ID-ით",
+        "category_actions": "მოქმედებები",
+        "category_admin": "ადმინ",
+        "category_advanced": "გაფართოებული",
+        "category_effects": "ეფექტები",
+        "category_messages": "შეტყობინებები",
+        "category_other": "სხვა",
+        "command_error": "ბრძანების შეცდომა",
+        "converttodm": "გარდაქმნის ოთახს DM-ად",
+        "converttoroom": "გარდაქმნის DM-ს ოთახად",
+        "could_not_find_room": "ოთახი ვერ ვიპოვე",
+        "deop": "Deops მომხმარებელი მოცემული ID-ით",
+        "devtools": "ხსნის Developer Tools დიალოგს",
+        "discardsession": "აიძულებს დაშიფრულ ოთახში მიმდინარე გამავალი ჯგუფის სესიას გაუქმდეს",
+        "error_invalid_rendering_type": "ბრძანების შეცდომა: ვერ ვპოულობ რენდერის ტიპის (%(renderingType)s )",
+        "error_invalid_room": "ბრძანება ვერ მოხერხდა: ოთახის პოვნა შეუძლებელია (%(roomId)s )",
+        "error_invalid_runfn": "ბრძანების შეცდომა: slash ბრძანების დამუშავება შეუძლებელია.",
+        "error_invalid_user_in_room": "ოთახში მომხმარებელი ვერ მოიძებნა",
+        "help": "აჩვენებს ბრძანებების ჩამონათვალს გამოყენებისა და აღწერით",
+        "help_dialog_title": "ბრძანება დახმარება",
+        "holdcall": "ათავსებს ზარს მიმდინარე ოთახში",
+        "html": "აგზავნის შეტყობინებას html სახით, მისი მარკდაუნის ინტერპრეტაციის გარეშე",
+        "ignore": "უგულებელყოფს მომხმარებელს, მალავს მის შეტყობინებებს თქვენგან",
+        "ignore_dialog_description": "თქვენ ახლა უგულებელყოფთ%(userId)s",
+        "ignore_dialog_title": "იგნორირებული მომხმარებელი",
+        "invite": "იწვევს მომხმარებელს მოცემული ID-ით მიმდინარე ოთახში",
+        "invite_3pid_needs_is_error": "გამოიყენეთ საიდენტიფიკაციო სერვერი ელექტრონული ფოსტით მოსაწვევად. მართეთ პარამეტრებში.",
+        "invite_3pid_use_default_is_title": "გამოიყენეთ საიდენტიფიკაციო სერვერი",
+        "invite_3pid_use_default_is_title_description": "გამოიყენეთ საიდენტიფიკაციო სერვერი ელექტრონული ფოსტით მოსაწვევად. დააწკაპუნეთ გაგრძელებაზე ნაგულისხმევი საიდენტიფიკაციო სერვერის გამოსაყენებლად (%(defaultIdentityServerName)s ) ან მართეთ პარამეტრებში.",
+        "invite_failed": "მომხმარებელი (%(user)s ) არ დასრულებულა როგორც მოწვეული%(roomId)s მაგრამ არავითარი შეცდომა არ იყო მიცემული მომწვევის პროგრამისგან",
+        "join": "უერთდება ოთახს მოცემული მისამართით",
+        "jumptodate": "გადადით ვადებში მოცემულ თარიღზე",
+        "jumptodate_invalid_input": "ჩვენ ვერ გავიგეთ მოცემული თარიღი (%(inputDate)s ). სცადეთ გამოიყენოთ ფორმატი YYYY-MM-DD.",
+        "lenny": "ამზადებს (͡° ͜ʖ ͡°) უბრალო ტექსტურ შეტყობინებას",
+        "me": "აჩვენებს მოქმედებას",
+        "msg": "უგზავნის შეტყობინებას მოცემულ მომხმარებელს",
+        "myavatar": "ცვლის თქვენი პროფილის სურათს ყველა ოთახში",
+        "myroomavatar": "ცვლის თქვენი პროფილის სურათს მხოლოდ ამ მიმდინარე ოთახში",
+        "myroomnick": "ცვლის თქვენს ეკრანზე მეტსახელს მხოლოდ მიმდინარე ოთახში",
+        "nick": "ცვლის თქვენს ეკრანზე მეტსახელს",
+        "no_active_call": "ამ ოთახში აქტიური ზარი არ არის",
+        "op": "განსაზღვრეთ მომხმარებლის სიმძლავრის დონე",
+        "part_unknown_alias": "ოთახის არაღიარებული მისამართი:%(roomAlias)s",
+        "plain": "აგზავნის შეტყობინებას, როგორც უბრალო ტექსტს, მისი ჩანაწერის ინტერპრეტაციის გარეშე",
+        "query": "ხსნის ჩატს მოცემულ მომხმარებელთან",
+        "query_not_found_phone_number": "ტელეფონის ნომრისთვის Matrix ID-ის პოვნა შეუძლებელია",
+        "rageshake": "გაგზავნეთ შეცდომის ანგარიში ჟურნალებით",
+        "rainbow": "აგზავნის მოცემულ შეტყობინებას ცისარტყელას ფერად",
+        "rainbowme": "აგზავნის მოცემულ ემოციას ცისარტყელას ფერად",
+        "remove": "ამოიღებს მომხმარებელს მოცემული ID-ით ამ ოთახიდან",
+        "roomavatar": "ცვლის მიმდინარე ოთახის ავატარს",
+        "roomname": "აყენებს ოთახის სახელს",
+        "server_error": "სერვერის შეცდომა",
+        "server_error_detail": "სერვერი მიუწვდომელია, გადატვირთულია ან რაღაც სხვა შეფერხდა.",
+        "shrug": "აბრუნებს ¯\\_(ツ)_/¯ უბრალო ტექსტურ შეტყობინებას",
+        "spoiler": "აგზავნის მოცემულ შეტყობინებას სპოილერის სახით",
+        "tableflip": "ამზადებს (╯°□°）╯︵ ┻━┻ უბრალო ტექსტურ შეტყობინებას",
+        "topic": "იღებს ან ადგენს ოთახის თემას",
+        "topic_none": "ამ ოთახს თემა არ აქვს.",
+        "topic_room_error": "ოთახის თემის მიღება ვერ მოხერხდა: ოთახის პოვნა ვერ ხერხდება (%(roomId)s",
+        "unban": "მოხსნის მომხმარებლის აკრძალვას მოცემული ID-ით",
+        "unflip": "ამზადებს ┬──┬ ノ( ゜-゜ノ) უბრალო ტექსტურ შეტყობინებას",
+        "unholdcall": "წყვეტს ზარს მიმდინარე ოთახში",
+        "unignore": "წყვეტს მომხმარებლის იგნორირებას, შემდგომში მათი შეტყობინებების ჩვენებას",
+        "unignore_dialog_description": "თქვენ აღარ იგნორირებას უკეთებთ%(userId)s",
+        "unignore_dialog_title": "უიგნორირებული მომხმარებელი",
+        "unknown_command": "უცნობი ბრძანება",
+        "unknown_command_button": "გაგზავნა როგორც შეტყობინება",
+        "unknown_command_detail": "ამოუცნობი ბრძანება:%(commandText)s",
+        "unknown_command_help": "შეგიძლიათ გამოიყენოთ<code> /დახმარება</code> ხელმისაწვდომი ბრძანებების ჩამოთვლა. ამის მესიჯად გაგზავნა გინდოდა?",
+        "unknown_command_hint": "მინიშნება: დაიწყეთ თქვენი შეტყობინება<code> //</code> ხაზგასმით დასაწყებად.",
+        "upgraderoom": "განაახლებს ოთახს ახალ ვერსიაზე",
+        "upgraderoom_permission_error": "თქვენ არ გაქვთ საჭირო ნებართვები ამ ბრძანების გამოსაყენებლად.",
+        "usage": "გამოყენება",
+        "view": "ხედავს ოთახს მოცემული მისამართით",
+        "whois": "აჩვენებს ინფორმაციას მომხმარებლის შესახებ"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "გსურთ სანაცვლოდ ახალი ოთახის დამატება?",
+            "create_prompt": "შექმენით ახალი ოთახი",
+            "dm_heading": "პირდაპირი შეტყობინებები",
+            "error_heading": "ყველა არჩეული არ არის დამატებული",
+            "progress_text": {
+                "one": "ოთახის დამატება...",
+                "other": "ოთახების დამატება... (%(progress)s გარეთ%(count)s )"
+            },
+            "space_dropdown_label": "სივრცის შერჩევა",
+            "space_dropdown_title": "დაამატეთ არსებული ოთახები",
+            "subspace_moved_note": "სივრცეების დამატება გადავიდა."
+        },
+        "add_existing_subspace": {
+            "create_button": "შექმენით ახალი სივრცე",
+            "create_prompt": "გსურთ სანაცვლოდ ახალი სივრცის დამატება?",
+            "filter_placeholder": "მოძებნეთ სივრცეები",
+            "space_dropdown_title": "დაამატეთ არსებული სივრცე"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "ოთახის ქრონოლოგიის ნახვა (devools)",
+            "explore": "ოთახების დათავლიერება",
+            "home": "ფართი სახლი",
+            "manage_and_explore": "მართეთ და შეისწავლეთ ოთახები",
+            "options": "სივრცის პარამეტრები"
+        },
+        "failed_load_rooms": "ოთახების სიის ჩატვირთვა ვერ მოხერხდა.",
+        "failed_remove_rooms": "ზოგიერთი ოთახის ამოღება ვერ მოხერხდა. სცადეთ მოგვიანებით",
+        "incompatible_server_hierarchy": "თქვენს სერვერს არ აქვს სივრცის იერარქიების ჩვენების მხარდაჭერა.",
+        "invite": "მოიწვიე ხალხი",
+        "invite_description": "მოიწვიე ელექტრონული ფოსტით ან მომხმარებლის სახელით",
+        "invite_link": "გააზიარეთ მოწვევის ბმული",
+        "joining_space": "გაწევრიანება",
+        "landing_welcome": "მოგესალმებით<name/>",
+        "leave_dialog_action": "დატოვე სივრცე",
+        "leave_dialog_description": "თქვენ აპირებთ წასვლას<spaceName/> .",
+        "leave_dialog_only_admin_room_warning": "თქვენ ერთადერთი ადმინი ხართ იმ ზოგიერთი ოთახისა თუ სივრცის, რომლის დატოვებაც გსურთ. მათი დატოვება დატოვებს მათ ყოველგვარი ადმინების გარეშე.",
+        "leave_dialog_only_admin_warning": "თქვენ ხართ ამ სივრცის ერთადერთი ადმინი. მისი დატოვება ნიშნავს, რომ მასზე კონტროლი არავის ექნება.",
+        "leave_dialog_option_all": "დატოვე ყველა ოთახი",
+        "leave_dialog_option_intro": "გსურთ ამ სივრცეში ოთახების დატოვება?",
+        "leave_dialog_option_none": "არ დატოვოთ ოთახი",
+        "leave_dialog_option_specific": "დატოვე რამდენიმე ოთახი",
+        "leave_dialog_public_rejoin_warning": "თქვენ ვერ შეძლებთ ხელახლა შეერთებას, თუ ხელახლა არ იქნებით მოწვეული.",
+        "leave_dialog_title": "დატოვე%(spaceName)s",
+        "mark_suggested": "მონიშნეთ, როგორც შემოთავაზებულია",
+        "no_search_result_hint": "შეგიძლიათ სცადოთ სხვა ძიება ან შეამოწმოთ ბეჭდვითი შეცდომები.",
+        "preferences": {
+            "sections_section": "სექციები საჩვენებლად",
+            "show_people_in_space": "ეს აჯგუფებს თქვენს ჩეთებს ამ სივრცის წევრებთან. ამის გამორთვა დამალავს ამ ჩეთებს თქვენი ხედვიდან%(spaceName)s ."
+        },
+        "room_filter_placeholder": "ოთახების ძებნა",
+        "search_children": "ძიება%(spaceName)s",
+        "search_placeholder": "მოძებნეთ სახელები და აღწერილობები",
+        "select_room_below": "ჯერ აირჩიეთ ქვემოთ მოცემული ოთახი",
+        "share_public": "გააზიარეთ თქვენი საჯარო სივრცე",
+        "suggested": "შესთავაზა",
+        "suggested_tooltip": "ეს ოთახი შემოთავაზებულია, როგორც შესაერთებლად კარგი ოთახი",
+        "title_when_query_available": "შედეგები",
+        "title_when_query_unavailable": "ოთახები და ფართები",
+        "unmark_suggested": "მონიშნეთ, როგორც არ არის შემოთავაზებული",
+        "user_lacks_permission": "ნებართვა არ გაქვს"
+    },
+    "terms": {
+        "column_document": "დოკუმენტი",
+        "column_service": "სერვისი",
+        "column_summary": "რეზიუმე",
+        "identity_server_no_terms_description_1": "ეს მოქმედება საჭიროებს პირადობის სერვერთან კავშირს ელ.ფოსტის ან მობილურის ნომრის დასადასტურებლად, მაგრამ სერვერს არ გააჩნია მომსახურების პირობები.",
+        "identity_server_no_terms_description_2": "განაგრძეთ მხოლოდ იმ შემთხვევაში, თუ ენდობით სერვერის მფლობელს.",
+        "identity_server_no_terms_title": "პირადობის სერვერს არ აქვს მომსახურების პირობები",
+        "inline_intro_text": "მიღება<policyLink /> გასაგრძელებლად:",
+        "integration_manager": "გამოიყენეთ ბოტები, ხიდები, ვიჯეტები და სტიკერების პაკეტები",
+        "intro": "გასაგრძელებლად თქვენ უნდა დაეთანხმოთ ამ სერვისის პირობებს.",
+        "summary_identity_server_1": "იპოვნეთ სხვები ტელეფონით ან ელექტრონული ფოსტით",
+        "summary_identity_server_2": "იპოვეთ ტელეფონით ან ელექტრონული ფოსტით",
+        "tac_button": "გადახედეთ პირობებს",
+        "tac_description": "გამოყენების გასაგრძელებლად%(homeserverDomain)s homeserver თქვენ უნდა გადახედოთ და დაეთანხმოთ ჩვენს წესებსა და პირობებს.",
+        "tac_title": "Ვადები და პირობები",
+        "tos": "Მომსახურების პირობები"
+    },
+    "theme": {
+        "light_high_contrast": "მსუბუქი მაღალი კონტრასტი",
+        "match_system": "მატჩის სისტემა"
+    },
+    "thread_view_back_action_label": "თემაში დაბრუნება",
+    "time": {
+        "date_at_time": "%(date)s ზე %(time)s",
+        "hours_minutes_seconds_left": "%(hours)sს %(minutes)sწთ %(seconds)sწმ დარჩა",
+        "left": "%(timeRemaining)sდატოვა",
+        "minutes_seconds_left": "%(minutes)sწთ %(seconds)sწმ დარჩა",
+        "seconds_left": "%(seconds)sწმ დარჩა",
+        "short_days": "%(value)sდ",
+        "short_days_hours_minutes_seconds": "%(days)sდ%(hours)s თ%(minutes)s მ%(seconds)s ს",
+        "short_hours": "%(value)sთ",
+        "short_hours_minutes_seconds": "%(hours)sთ%(minutes)s მ%(seconds)s ს",
+        "short_minutes": "%(value)sმ",
+        "short_minutes_seconds": "%(minutes)sმ%(seconds)s ს",
+        "short_seconds": "%(value)sს"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "პასუხის თემის ჩაკეცვა",
+            "external_url": "წყაროს URL",
+            "open_in_osm": "გახსენით OpenStreetMap-ში",
+            "report": "მოხსენება",
+            "resent_unsent_reactions": "ხელახლა გაგზავნა%(unsentCount)s რეაქცია(ები)",
+            "show_url_preview": "გადახედვის ჩვენება",
+            "view_related_event": "იხილეთ დაკავშირებული მოვლენა",
+            "view_source": ""
+        },
+        "creation_summary_dm": "%(creator)sშექმნა ეს DM.",
+        "creation_summary_room": "%(creator)sოთახის შექმნა და კონფიგურაცია.",
+        "disambiguated_profile": "%(displayName)s(%(matrixId)s )",
+        "download_action_downloading": "ჩამოტვირთვა",
+        "edits": {
+            "tooltip_label": "რედაქტირებულია%(date)s . დააწკაპუნეთ რედაქტირების სანახავად.",
+            "tooltip_sub": "დააწკაპუნეთ რედაქტირების სანახავად",
+            "tooltip_title": "რედაქტირებულია%(date)s"
+        },
+        "error_no_renderer": "ამ მოვლენის ჩვენება ვერ მოხერხდა",
+        "error_rendering_message": "ამ შეტყობინების ჩატვირთვა შეუძლებელია",
+        "historical_messages_unavailable": "თქვენ ვერ ხედავთ ადრინდელ შეტყობინებებს",
+        "in_room_name": " in<strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)sგანაახლა ოთახის განლაგება",
+        "load_error": {
+            "no_permission": "ვცადე კონკრეტული წერტილის ჩატვირთვა ამ ოთახის ქრონოლოგიაში, მაგრამ თქვენ არ გაქვთ სადავო შეტყობინების ნახვის უფლება.",
+            "title": "ვადების პოზიციის ჩატვირთვა ვერ მოხერხდა",
+            "unable_to_find": "ვცადე კონკრეტული წერტილის ჩატვირთვა ამ ოთახის ვადებში, მაგრამ ვერ ვიპოვე."
+        },
+        "m.audio": {
+            "error_downloading_audio": "შეცდომა აუდიოს ჩამოტვირთვისას",
+            "error_processing_audio": "შეცდომა აუდიო შეტყობინების დამუშავებისას",
+            "error_processing_voice_message": "შეცდომა ხმოვანი შეტყობინების დამუშავებისას"
+        },
+        "m.beacon_info": {
+            "view_live_location": ""
+        },
+        "m.call": {
+            "video_call_ended": "ვიდეოზარი დასრულდა",
+            "video_call_started": "ვიდეო ზარი დაიწყო%(roomName)s .",
+            "video_call_started_text": "%(name)sდაიწყო ვიდეოზარი",
+            "video_call_started_unsupported": "ვიდეო ზარი დაიწყო%(roomName)s . (ამ ბრაუზერის მიერ არ არის მხარდაჭერილი)"
+        },
+        "m.call.hangup": {
+            "dm": "ზარი დასრულდა"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "სხვაგან უპასუხა",
+            "call_back_prompt": "დარეკე",
+            "declined": "ზარი უარყოფილია",
+            "failed_connect_media": "მედიის დაკავშირება ვერ მოხერხდა",
+            "failed_connection": "კავშირი ვერ მოხერხდა",
+            "failed_opponent_media": "მათ მოწყობილობას არ შეეძლო კამერის ან მიკროფონის გაშვება",
+            "missed_call": "გამოტოვებული ზარი",
+            "no_answer": "პასუხი არ არის",
+            "unknown_error": "მოხდა უცნობი შეცდომა",
+            "unknown_failure": "უცნობი მარცხი:%(reason)s",
+            "unknown_state": "ზარი გაურკვეველ მდგომარეობაშია!",
+            "video_call": "%(senderName)sმოახდინა ვიდეო ზარი.",
+            "video_call_unsupported": "%(senderName)sმოახდინა ვიდეო ზარი. (ამ ბრაუზერის მიერ არ არის მხარდაჭერილი)",
+            "voice_call": "%(senderName)sმოახდინა ხმოვანი ზარი.",
+            "voice_call_unsupported": "%(senderName)sმოახდინა ხმოვანი ზარი. (ამ ბრაუზერის მიერ არ არის მხარდაჭერილი)"
+        },
+        "m.file": {
+            "error_decrypting": "შეცდომა დანართის გაშიფვრისას"
+        },
+        "m.image": {
+            "error": "შეცდომის გამო სურათის ჩვენება შეუძლებელია",
+            "error_decrypting": "შეცდომა სურათის გაშიფვრისას",
+            "error_downloading": "შეცდომა სურათის ჩამოტვირთვისას",
+            "sent": "%(senderDisplayName)sგამოაგზავნა სურათი.",
+            "show_image": ""
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)sგადამოწმება სურს",
+            "you_started": "თქვენ გაგზავნეთ დადასტურების მოთხოვნა"
+        },
+        "m.location": {
+            "full": "%(senderName)sგააზიარა მათი მდებარეობა",
+            "location": "გააზიარა მდებარეობა: ",
+            "self_location": "გააზიარა მათი მდებარეობა: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)sხმის მიცემა",
+                "other": "%(count)sხმები"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s დაასრულა გამოკითხვა"
+        },
+        "m.poll.start": "%(senderName)sდაიწყო გამოკითხვა - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)sშეცვალა ოთახის ავატარი.",
+            "lightbox_title": "%(senderDisplayName)sშეცვალე ავატარი%(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)sდაემატა ალტერნატიული მისამართი%(addresses)s ამ ოთახისთვის.",
+                "other": "%(senderName)sდაამატა ალტერნატიული მისამართები%(addresses)s ამ ოთახისთვის."
+            },
+            "alt_removed": {
+                "one": "%(senderName)sამოღებულია ალტერნატიული მისამართი%(addresses)s ამ ოთახისთვის.",
+                "other": "%(senderName)sამოიღეს ალტერნატიული მისამართები%(addresses)s ამ ოთახისთვის."
+            },
+            "changed": "%(senderName)sშეცვალა მისამართები ამ ოთახისთვის.",
+            "changed_alternative": "%(senderName)sშეცვალა ამ ოთახის ალტერნატიული მისამართები.",
+            "changed_main_and_alternative": "%(senderName)sშეცვალა ამ ოთახის ძირითადი და ალტერნატიული მისამართები.",
+            "removed": "%(senderName)sამოიღეს ამ ოთახის მთავარი მისამართი.",
+            "set": "%(senderName)sდააყენეთ ამ ოთახის მთავარი მისამართი%(address)s."
+        },
+        "m.room.create": {
+            "continuation": "",
+            "see_older_messages": "დააწკაპუნეთ აქ ძველი შეტყობინებების სანახავად.",
+            "unknown_predecessor": "ამ ოთახის ძველი ვერსია ვერ მოიძებნა (ოთახის ID:%(roomId)s ), და ჩვენ არ მოგვაწოდეს &#39;via_servers&#39; მის მოსაძებნად.",
+            "unknown_predecessor_guess_server": "ამ ოთახის ძველი ვერსია ვერ მოიძებნა (ოთახის ID:%(roomId)s ), და ჩვენ არ მოგვაწოდეს &#39;via_servers&#39; მის მოსაძებნად. შესაძლებელია, რომ სერვერის გამოცნობა ოთახის ID-დან იმუშავებს. თუ გსურთ სცადოთ, დააწკაპუნეთ ამ ბმულზე:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)sსტუმრებს საშუალება მისცა შეუერთდნენ ოთახს.",
+            "forbidden": "%(senderDisplayName)sხელი შეუშალა სტუმრებს ოთახში შეერთებაში.",
+            "unknown": "%(senderDisplayName)sშეცვალა სტუმრის წვდომა %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)sოთახის მომავალი ისტორია ხილული გახადა ოთახის ყველა წევრისთვის, იმ მომწვეტიდან.",
+            "joined": "%(senderName)sოთახის მომავალი ისტორია ხილული გახადა ოთახის ყველა წევრისთვის, იმ მომენტიდან,",
+            "shared": "%(senderName)sოთახის მომავალი ისტორია ოთახის ყველა წევრისთვის ხილული",
+            "unknown": "%(senderName)sმომავალი ოთახის ისტორია უცნობისთვის ხილული გა %(visibility)s ხდა ()",
+            "world_readable": "%(senderName)sმომავალი ოთახის ისტორია ყველისთვის ხილული გახდა"
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)sოთახში მხოლოდ დაპატიჟება გააკეთა.",
+            "knock": "%(senderDisplayName)sშეცვალა გაწევრიანების წესი გაწევრიანების მოთხოვნ",
+            "public": "%(senderDisplayName)sგახადა ოთახი საჯარო, ვინც იცის ბმული.",
+            "restricted": "%(senderDisplayName)sშეიცვალა ვის შეუძლია შეუერთდეს ამ ოთახს.",
+            "restricted_settings": "%(senderDisplayName)sშეიცვალა ვის შეუძლია შეუერთდეს ამ ოთახს. <a>პარამეტრების ნახვ </a> ა.",
+            "unknown": "%(senderDisplayName)sშეცვალა გაწევრიანების წესი %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)sმიიღო მოწვევა%(displayName)s",
+            "accepted_invite": "%(targetName)sმიიღო მოწვევა",
+            "ban": "%(senderName)sაკრძალული%(targetName)s",
+            "ban_reason": "%(senderName)sაკრძალული%(targetName)s :%(reason)s",
+            "change_avatar": "%(senderName)sშეიცვალა პროფილის სურათი",
+            "change_name": "%(oldDisplayName)sშეიცვალა მათი საჩვენებელი სახელი%(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)sშეიცვალა მათი საჩვენებელი სახელი და პროფილის სურათი",
+            "invite": "%(senderName)sმოწვეული%(targetName)s",
+            "join": "%(targetName)sოთახს შეუერთდა",
+            "kick": "%(senderName)sამოღებულია%(targetName)s",
+            "kick_reason": "%(senderName)sამოღებულია%(targetName)s :%(reason)s",
+            "left": "%(targetName)sდატოვა ოთახი",
+            "left_reason": "%(targetName)sდატოვა ოთახი:%(reason)s",
+            "no_change": "%(senderName)sარ შეცვლილა",
+            "reject_invite": "%(targetName)sუარყო მოწვევა",
+            "remove_avatar": "%(senderName)sწაშალა მათი პროფილის სურათი",
+            "remove_name": "%(senderName)sამოიღეს მათი საჩვენებელი სახელი (%(oldDisplayName)s )",
+            "set_avatar": "%(senderName)sპროფილის სურათის დაყენება",
+            "set_name": "%(senderName)sდააყენეთ მათი საჩვენებელი სახელი%(displayName)s",
+            "unban": "%(senderName)sაკრძალული%(targetName)s",
+            "withdrew_invite": "%(senderName)sგაიყვანა%(targetName)s -ის მოწვევა",
+            "withdrew_invite_reason": "%(senderName)sგაიყვანა%(targetName)s -ის მოწვევა:%(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)sშეიცვალა ოთახის სახელი%(oldRoomName)s რომ%(newRoomName)s .",
+            "remove": "%(senderDisplayName)sამოიღო ოთახის სახელი.",
+            "set": "%(senderDisplayName)sშეცვალა ოთახის სახელი%(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)sშეცვალა ოთახის დამაგრებული შეტყობინებები.",
+            "changed_link": "%(senderName)sშეცვალა ო <a> თახის დამაგრებული შე </a> ტყობინებები.",
+            "pinned": "%(senderName)sშეტყობინება მიაკეთა ამ ოთახში. იხილეთ ყველა დამაგრებული შეტყობინება",
+            "pinned_link": "%(senderName)sშეტყობინ <a> ება მიაკეთა </a> ამ ოთახში. იხილეთ ყველა დამა <b> გრებული შეტყობინება </b>",
+            "unpinned": "%(senderName)sგამოვიდა შეტყობინება ამ ოთახიდან. იხილეთ ყველა დამაგრებული შეტყობინება",
+            "unpinned_link": "%(senderName)sგამოვიდა შეტყობ <a> ინება ამ ო </a> თახიდან. იხილეთ ყველა დამა <b> გრებული შეტყობინება </b>"
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)sშეიცვალა სიმძლავრის დონე%(powerLevelDiffText)s .",
+            "user_from_to": "%(userId)sსაწყისი%(fromPowerLevel)s რომ%(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)sგააუქმა ოთახში გაწევ %(targetDisplayName)s რიანების მოწვევა.",
+            "sent": "%(senderName)sგაუგზავნა მოწვევა ო %(targetDisplayName)s თახში გაწევრიანების შესახებ."
+        },
+        "m.room.tombstone": "%(senderDisplayName)sგანაახლეს ეს ოთახი.",
+        "m.sticker": "%(senderDisplayName)sგაგზავნა სტიკერი.",
+        "m.video": {
+            "error_decrypting": ""
+        },
+        "m.widget": {
+            "added": "%(widgetName)sვიჯეტი დაამატა %(senderName)s",
+            "jitsi_ended": "ვიდეოკონფერენცია დასრულდა%(senderName)s",
+            "jitsi_join_right_prompt": "შეუერთდით კონფერენციას ოთახის საინფორმაციო ბარათიდან მარჯვნივ",
+            "jitsi_join_top_prompt": "შეუერთდით კონფერენციას ამ ოთახის ზედა ნაწილში",
+            "jitsi_started": "ვიდეოკონფერენცია დაიწყო%(senderName)s",
+            "jitsi_updated": "ვიდეოკონფერენცია განახლებულია%(senderName)s",
+            "modified": "%(widgetName)sვიჯეტი შეცვლილია %(senderName)s",
+            "removed": "%(widgetName)sვიჯეტი ამოღებულია %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "დააკოპირეთ ბმული თემაში",
+            "view_in_room": "ხედი ოთახში"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)sგანახლდა აკრძალვის წესი, რომელიც ემთხვეოდა%(oldGlob)s შესატყვისებამდე%(newGlob)s ამისთვის%(reason)s",
+            "changed_rule_rooms": "%(senderName)sშეცვალა წესი, რომელიც კრძალავდა ოთახების შესატყვისს%(oldGlob)s შესატყვისებამდე%(newGlob)s ამისთვის%(reason)s",
+            "changed_rule_servers": "%(senderName)sშეცვალა წესი, რომელიც კრძალავდა სერვერების შესაბამისობას%(oldGlob)s შესატყვისებამდე%(newGlob)s ამისთვის%(reason)s",
+            "changed_rule_users": "%(senderName)sშეცვალა წესი, რომელიც კრძალავდა მომხმარებლების შესაბამისობას%(oldGlob)s შესატყვისებამდე%(newGlob)s ამისთვის%(reason)s",
+            "created_rule": "%(senderName)sშექმნა აკრძალვის წესის შესატყვისი%(glob)s ამისთვის%(reason)s",
+            "created_rule_rooms": "%(senderName)sშექმნეს წესი, რომელიც კრძალავს ოთახების შესაბამისობას%(glob)s ამისთვის%(reason)s",
+            "created_rule_servers": "%(senderName)sშექმნა წესი, რომელიც კრძალავს სერვერების შესაბამისობას%(glob)s ამისთვის%(reason)s",
+            "created_rule_users": "%(senderName)sშექმნეს წესი, რომელიც კრძალავს მომხმარებელთა შესაბამისობას%(glob)s ამისთვის%(reason)s",
+            "removed_rule": "%(senderName)sამოღებულია აკრძალვის წესის შესატყვისი%(glob)s",
+            "removed_rule_rooms": "%(senderName)sამოიღეს ოთახების შესატყვისი აკრძალვის წესი%(glob)s",
+            "removed_rule_servers": "%(senderName)sწაშალეს სერვერების დამთხვევის აკრძალვის წესი%(glob)s",
+            "removed_rule_users": "%(senderName)sამოიღეს წესი, რომელიც კრძალავს მომხმარებელთა დამთხვევას%(glob)s",
+            "updated_invalid_rule": "%(senderName)sგანაახლეს აკრძალვის არასწორი წესი",
+            "updated_rule": "%(senderName)sგანახლდა აკრძალვის წესის შესატყვისი%(glob)s ამისთვის%(reason)s",
+            "updated_rule_rooms": "%(senderName)sგანაახლეს ოთახების შესატყვისი აკრძალვის წესი%(glob)s ამისთვის%(reason)s",
+            "updated_rule_servers": "%(senderName)sგანაახლეს წესი, რომელიც კრძალავს სერვერების შესაბამისობას%(glob)s ამისთვის%(reason)s",
+            "updated_rule_users": "%(senderName)sგანაახლეს მომხმარებელთა დამთხვევის აკრძალვის წესი%(glob)s ამისთვის%(reason)s"
+        },
+        "no_permission_messages_before_invite": "თქვენ არ გაქვთ ნებართვა, იხილოთ შეტყობინებები, სანამ მოწვეული იქნებოდით.",
+        "no_permission_messages_before_join": "",
+        "pending_moderation": "შეტყობინება მოლოდინის რეჟიმშია",
+        "pending_moderation_reason": "შეტყობინება მოლოდინის რეჟიმშია: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "დაამატეთ რეაქცია",
+            "custom_reaction_fallback_label": "მორგებული რეაქცია",
+            "label": "%(reactors)sგამოეხმაურა%(content)s"
+        },
+        "read_receipt_title": {
+            "one": "პირის მიერ ნა %(count)s ხული",
+            "other": "ხალხის მიერ ნა %(count)s ხული"
+        },
+        "read_receipts_label": "წაიკითხეთ ქვითრები",
+        "redacted": {
+            "tooltip": "შეტყობინება წაიშალა%(date)s"
+        },
+        "redaction": "შეტყობინება წაშალ %(name)s",
+        "reply": {
+            "error_loading": "ღონისძიების ჩატვირთვა, რომელზეც პასუხი იყო, ვერ ხერხდება, ის ან არ არსებობს, ან არ გაქვთ მისი ნახვის უფლება.",
+            "in_reply_to": "<a>პასუხად </a> <pill>",
+            "in_reply_to_for_export": "საპასუხოდ<a> ეს შეტყობინება</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "თქვენ გადაგიყვანთ მესამე მხარის საიტზე, რათა შეძლოთ თქვენი ანგარიშის ავთენტიფიკაცია გამოსაყენებლად%(integrationsUrl)s. გსურთ გაგრძელება?",
+            "dialog_title": "დაამატეთ ინტეგრაცია"
+        },
+        "self_redaction": "მესიჯი წაშლილია",
+        "send_state_encrypting": "მიმდინარეობს თქვენი შეტყობინების დაშიფვრა…",
+        "send_state_failed": "გაგზავნა ვერ მოხერხდა",
+        "send_state_sending": "",
+        "send_state_sent": "თქვენი შეტყობინება გაიგზავნა",
+        "summary": {
+            "banned": {
+                "one": "აკრძალული იყო",
+                "other": "აკრძალული იყო%(count)s ჯერ"
+            },
+            "banned_multiple": {
+                "one": "აკრძალეს",
+                "other": "აკრძალეს%(count)s ჯერ"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)sშეიცვალა პროფილის სურათი",
+                "other": "%(oneUser)sშეიცვალა პროფილის სურათი%(count)s ჯერ"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)sშეცვალა პროფილის სურათი",
+                "other": "%(severalUsers)sშეცვალა მათი პროფილის სურათ %(count)s ის დრო"
+            },
+            "changed_name": {
+                "one": "%(oneUser)sსახელი შეუცვალეს",
+                "other": "%(oneUser)sსახელი შეუცვალეს%(count)s ჯერ"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)sსახელი შეუცვალეს",
+                "other": "%(severalUsers)sსახელი შეუცვალეს%(count)s ჯერ"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)sგაუგზავნა ფარული შეტყობინება",
+                "other": "%(oneUser)sგაგზავნილი%(count)s ფარული შეტყობინებები"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)sგაგზავნა ფარული შეტყობინ",
+                "other": "%(severalUsers)sგაგზავნ %(count)s ილი ფარული შეტ"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)sმოწვევა გაუქმდა",
+                "other": "%(oneUser)sმოწვევა გაუქმდა%(count)s ჯერ"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)sმოწვევები გაუქმნეს",
+                "other": "%(severalUsers)sმოწვევების გაუქმების დ %(count)s რო ჰქონდა"
+            },
+            "invited": {
+                "one": "იყო მიწვეული",
+                "other": "იყო მიწვეული%(count)s ჯერ"
+            },
+            "invited_multiple": {
+                "one": "მიიწვიეს",
+                "other": "მიიწვიეს%(count)s ჯერ"
+            },
+            "joined": {
+                "one": "%(oneUser)sშეუერთდა",
+                "other": "%(oneUser)sშეუერთდა%(count)s ჯერ"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)sშეუერთდა და წავიდა",
+                "other": "%(oneUser)sშეუერთდა და წავიდა%(count)s ჯერ"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)sშეუერთდა და წავიდა",
+                "other": "%(severalUsers)sდრო შეუერთდა და დატ %(count)s ოვა"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)sშეუერთდა",
+                "other": "%(severalUsers)sშეუერთდა%(count)s ჯერ"
+            },
+            "kicked": {
+                "one": "მოიხსნა",
+                "other": "მოიხსნა%(count)s ჯერ"
+            },
+            "kicked_multiple": {
+                "one": "ამოიღეს",
+                "other": "ამოიღეს%(count)s ჯერ"
+            },
+            "left": {
+                "one": "%(oneUser)sდატოვა",
+                "other": "%(oneUser)sდატოვა%(count)s ჯერ"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)sდატოვა",
+                "other": "%(severalUsers)sდატოვა%(count)s ჯერ"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)sცვლილებები არ შეიტანა",
+                "other": "%(severalUsers)sცვლილებები არ შეიტანა%(count)s ჯერ"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)sშეიცვალა<a> ჩამაგრებული შეტყობინებები</a> ოთახისთვის",
+                "other": "%(oneUser)sშეიცვალა<a> ჩამაგრებული შეტყობინებები</a> ოთახისთვის%(count)s ჯერ"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)sშეიცვალა<a> ჩამაგრებული შეტყობინებები</a> ოთახისთვის",
+                "other": "%(severalUsers)sშეიცვალა<a> ჩამაგრებული შეტყობინებები</a> ოთახისთვის%(count)s ჯერ"
+            },
+            "redacted": {
+                "one": "%(oneUser)sწაშალა შეტყობინება",
+                "other": "%(oneUser)sამოღებულია%(count)s შეტყობინებები"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)sწაშალა შეტყობინება",
+                "other": "%(severalUsers)sამოღებულია%(count)s შეტყობინებები"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)sუარყო მათი მოწვევა",
+                "other": "%(oneUser)sუარყო მათი მოწვევა%(count)s ჯერ"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)sუარყო მათი მოწვევა",
+                "other": "%(severalUsers)sუარყო მათი მოწვევა%(count)s ჯერ"
+            },
+            "rejoined": {
+                "one": "%(oneUser)sდატოვა და შეუერთდა",
+                "other": "%(oneUser)sდატოვა და შეუერთდა%(count)s ჯერ"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)sდატოვა და შეუერთდა",
+                "other": "%(severalUsers)sდატოვა და შეუერთდა%(count)s ჯერ"
+            },
+            "unbanned": {
+                "one": "იყო აკრძალული",
+                "other": "იყო აკრძალული%(count)s ჯერ"
+            },
+            "unbanned_multiple": {
+                "one": "არ იყვნენ აკრძალული",
+                "other": "იყო დაუკრძალებელი დრო %(count)s"
+            }
+        },
+        "thread_info_basic": "ძაფიდან",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)sდა ერთი მეორე აკრეფებს...",
+                "other": "%(names)sდა %(count)s სხვები აკრეფენ..."
+            },
+            "one_user": "%(displayName)sაკრეფებს...",
+            "two_users": "%(names)sდა აკ %(lastPerson)s რეფენ..."
+        },
+        "undecryptable_tooltip": "ამ შეტყობინების გაშიფვრა ვერ მოხერხდა"
+    },
+    "unsupported_server_description": "ეს სერვერი იყენებს Matrix-ის ძველ ვერსიას. განაახლეთ Matrix-ზე%(version)s გამოიყენოს%(brand)s შეცდომების გარეშე.",
+    "unsupported_server_title": "თქვენი სერვერი მხარდაჭერილი არ არის",
+    "update": {
+        "changelog": "ცვლილებების ჟურნალი",
+        "check_action": "შეამოწმეთ განახლება",
+        "checking": "მიმდინარეობს განახლების შემოწმება…",
+        "downloading": "მიმდინარეობს განახლების ჩამოტვირთვა…",
+        "error_encountered": "წარმოიშვა შეცდომა (%(errorDetail)s ).",
+        "error_unable_load_commit": "ჩაწერის დეტალების ჩატვირთვა შეუძლებელია:%(msg)s",
+        "new_version_available": "ხელმისაწვდომია ახალი ვერსია.<a> განაახლეთ ახლავე.</a>",
+        "no_update": "განახლება არ არის ხელმისაწვდომი.",
+        "release_notes_toast_title": "Რა არის ახალი",
+        "see_changes_button": "რა არის ახალი?",
+        "toast_description": "ახალი ვერსია%(brand)s ხელმისაწვდომია",
+        "toast_title": "განახლება%(brand)s",
+        "unavailable": "მიუწვდომელია"
+    },
+    "upload_failed_generic": "ფაილი '%(fileName)s' ვერ აიტვირთა.",
+    "upload_failed_size": "ფაილი '%(fileName)s' აჭარბებს ამ ჰომსერვერის ზომის ლიმიტს ატვირთვისთვის",
+    "upload_failed_title": "ატვირთვა ვერ მოხერხდა",
+    "voip": {
+        "already_in_call": "უკვე ზარი",
+        "already_in_call_person": "თქვენ უკვე ხართ ამ ადამიანთან ზარზე.",
+        "answered_elsewhere": "სხვაგან უპასუხა",
+        "answered_elsewhere_description": "ზარს სხვა მოწყობილობაზე უპასუხეს.",
+        "call_failed": "ზარი ვერ მოხერხდა",
+        "call_failed_description": "ზარის დამყარება ვერ მოხერხდა",
+        "call_failed_media": "ზარი ვერ მოხერხდა, რადგან ვებკამერაზე ან მიკროფონზე წვდომა ვერ მოხერხდა. შეამოწმეთ რომ:",
+        "call_failed_media_applications": "არცერთი სხვა აპლიკაცია არ იყენებს ვებკამერას",
+        "call_failed_media_connected": "მიკროფონი და ვებკამერა ჩართულია და სწორად არის დაყენებული",
+        "call_failed_media_permissions": "ვებკამერის გამოყენების ნებართვა გაცემულია",
+        "call_failed_microphone": "ზარი ვერ მოხერხდა, რადგან მიკროფონზე წვდომა ვერ მოხერხდა. შეამოწმეთ, რომ მიკროფონი ჩართულია და სწორად არის დაყენებული.",
+        "call_held": "%(peerName)sზარი გამართა",
+        "call_held_resume": "თქვენ შეასრულეთ ზარი<a> რეზიუმე</a>",
+        "call_held_switch": "თქვენ შეასრულეთ ზარი<a> გადართვა</a>",
+        "call_toast_unknown_room": "უცნობი ოთახი",
+        "camera_disabled": "თქვენი კამერა გამორთულია",
+        "camera_enabled": "თქვენი კამერა კვლავ ჩართულია",
+        "cannot_call_yourself_description": "თქვენ არ შეგიძლიათ დარეკოთ საკუთარ თავთან.",
+        "connecting": "",
+        "connection_lost": "სერვერთან კავშირი დაიკარგა",
+        "connection_lost_description": "თქვენ არ შეგიძლიათ განახორციელოთ ზარები სერვერთან კავშირის გარეშე.",
+        "consulting": "კონსულტაციასთან%(transferTarget)s .<a> გადარიცხვა%(transferee)s</a>",
+        "default_device": "ნაგულისხმევი მოწყობილობა",
+        "dial": "აკრიფეთ",
+        "dialpad": "ციფერბლატი",
+        "disable_camera": "გამორთეთ კამერა",
+        "disable_microphone": "მიკროფონის დადუმება",
+        "disabled_no_perms_start_video_call": "თქვენ არ გაქვთ ვიდეოზარების დაწყების ნებართვა",
+        "disabled_no_perms_start_voice_call": "თქვენ არ გაქვთ ხმოვანი ზარების დაწყების ნებართვა",
+        "disabled_ongoing_call": "მიმდინარე ზარი",
+        "enable_camera": "ჩართეთ კამერა",
+        "enable_microphone": "მიკროფონის დადუმების მოხსნა",
+        "expand": "ზარზე დაბრუნება",
+        "hangup": "დაიკიდე",
+        "hide_sidebar_button": "გვერდითი ზოლის დამალვა",
+        "input_devices": "შეყვანის მოწყობილობები",
+        "maximise": "ეკრანის შევსება",
+        "misconfigured_server": "ზარი ვერ მოხერხდა სერვერის არასწორი კონფიგურაციის გამო",
+        "misconfigured_server_description": "გთხოვთ, ჰკითხოთ თქვენი სახლის სერვერის ადმინისტრატორს (<code>%(homeserverDomain)s</code> ) TURN სერვერის კონფიგურაცია, რათა ზარებმა საიმედოდ იმუშაოს.",
+        "misconfigured_server_fallback": "ალტერნატიულად, შეგიძლიათ სცადოთ გამოიყენოთ საჯარო სერვერი<server/> , მაგრამ ეს არ იქნება ისეთი სანდო და თქვენს IP მისამართს გაუზიარებს ამ სერვერს. ამის მართვა ასევე შეგიძლიათ პარამეტრებში.",
+        "misconfigured_server_fallback_accept": "სცადეთ გამოყენება%(server)s",
+        "more_button": "მეტი",
+        "msisdn_lookup_failed": "ტელეფონის ნომრის მოძებნა შეუძლებელია",
+        "msisdn_lookup_failed_description": "ტელეფონის ნომრის მოძიებაში შეცდომა დაფიქსირდა",
+        "msisdn_transfer_failed": "ზარის გადატანა შეუძლებელია",
+        "n_people_joined": {
+            "one": "%(count)sადამიანი შეუერთდა",
+            "other": "%(count)sხალხი შეუერთდა"
+        },
+        "no_audio_input_description": "ჩვენ ვერ ვიპოვეთ მიკროფონი თქვენს მოწყობილობაზე. გთხოვთ, შეამოწმოთ თქვენი პარამეტრები და სცადოთ ხელახლა.",
+        "no_audio_input_title": "მიკროფონი ვერ მოიძებნა",
+        "no_media_perms_description": "შეიძლება დაგჭირდეთ ხელით ნებართვა%(brand)s თქვენს მიკროფონზე/ვებკამერაზე წვდომისთვის",
+        "no_media_perms_title": "მედიის ნებართვები არ არის",
+        "no_permission_conference": "საჭიროა ნებართვა",
+        "no_permission_conference_description": "ამ ოთახში საკონფერენციო ზარის დაწყების უფლება არ გაქვთ",
+        "on_hold": "%(name)sმოლოდინში",
+        "output_devices": "გამომავალი მოწყობილობები",
+        "screenshare_monitor": "გააზიარეთ მთელი ეკრანი",
+        "screenshare_title": "გააზიარეთ შინაარსი",
+        "screenshare_window": "განაცხადის ფანჯარა",
+        "show_sidebar_button": "გვერდითი ზოლის ჩვენება",
+        "silence": "ზარის გაჩუმება",
+        "silenced": "შეტყობინებები გაჩუმდა",
+        "start_screenshare": "დაიწყეთ თქვენი ეკრანის გაზიარება",
+        "stop_screenshare": "შეაჩერე ეკრანის გაზიარება",
+        "too_many_calls": "ძალიან ბევრი ზარი",
+        "too_many_calls_description": "თქვენ მიაღწიეთ ერთდროული ზარების მაქსიმალურ რაოდენობას.",
+        "transfer_consult_first_label": "ჯერ გაიარე კონსულტაცია",
+        "transfer_failed": "გადაცემა ვერ მოხერხდა",
+        "transfer_failed_description": "ზარის გადატანა ვერ მოხერხდა",
+        "unable_to_access_audio_input_description": "ჩვენ ვერ შევძელით თქვენს მიკროფონზე წვდომა. გთხოვთ, შეამოწმოთ თქვენი ბრაუზერის პარამეტრები და სცადოთ ხელახლა.",
+        "unable_to_access_audio_input_title": "თქვენს მიკროფონზე წვდომა შეუძლებელია",
+        "unable_to_access_media": "ვებკამერაზე / მიკროფონზე წვდომა შეუძლებელია",
+        "unable_to_access_microphone": "მიკროფონზე წვდომა შეუძლებელია",
+        "unknown_caller": "უცნობი აბონენტი",
+        "unknown_person": "უცნობი პირი",
+        "unsilence": "ხმა ჩართულია",
+        "unsupported": "ზარები მხარდაუჭერელია",
+        "unsupported_browser": "თქვენ არ შეგიძლიათ განახორციელოთ ზარები ამ ბრაუზერში.",
+        "user_busy": "მომხმარებელი დაკავებულია",
+        "user_busy_description": "მომხმარებელი, რომელსაც დაურეკე, დაკავებულია.",
+        "user_is_presenting": "%(sharerName)sწარმოადგენს",
+        "video_call": "ვიდეო ზარი",
+        "voice_call": "ხმოვანი ზარი",
+        "you_are_presenting": "წარმოგიდგენთ"
+    },
+    "widget": {
+        "added_by": "ვიჯეტი დაამატა",
+        "capabilities_dialog": {
+            "content_starting_text": "ამ ვიჯეტს სურს:",
+            "decline_all_permission": "უარყო ყველა",
+            "remember_Selection": "დაიმახსოვრე ჩემი არჩევანი ამ ვიჯეტისთვის",
+            "title": "ვიჯეტის ნებართვების დამტკიცება"
+        },
+        "capability": {
+            "always_on_screen_generic": "დარჩით ეკრანზე მუშაობისას",
+            "always_on_screen_viewing_another_room": "დარჩით ეკრანზე სხვა ოთახის ყურებისას, გაშვებისას",
+            "any_room": "ზემოაღნიშნული, მაგრამ ნებისმიერ ოთახში თქვენც შემოგიერთდებით ან გეპატიჟებით",
+            "byline_empty_state_key": "ცარიელი მდგომარეობის გასაღებით",
+            "byline_state_key": "სახელმწიფო გასაღებით%(stateKey)s",
+            "capability": "The<b>%(capability)s</b> უნარი",
+            "change_avatar_active_room": "შეცვალეთ თქვენი აქტიური ოთახის ავატარი",
+            "change_avatar_this_room": "შეცვალეთ ამ ოთახის ავატარი",
+            "change_name_active_room": "შეცვალეთ თქვენი აქტიური ოთახის სახელი",
+            "change_name_this_room": "შეცვალეთ ამ ოთახის სახელი",
+            "change_topic_active_room": "შეცვალეთ თქვენი აქტიური ოთახის თემა",
+            "change_topic_this_room": "შეცვალეთ ამ ოთახის თემა",
+            "receive_membership_active_room": "ნახეთ, როდის უერთდებიან ადამიანები, ტოვებენ ან მოწვეულნი არიან თქვენს აქტიურ ოთახში",
+            "receive_membership_this_room": "ნახეთ, როდის უერთდებიან ადამიანები, ტოვებენ ან მოწვეულნი არიან ამ ოთახში",
+            "remove_ban_invite_leave_active_room": "წაშალეთ, აკრძალეთ ან მოიწვიეთ ხალხი თქვენს აქტიურ ოთახში და გაიძულებთ დატოვოთ",
+            "remove_ban_invite_leave_this_room": "წაშალეთ, აკრძალეთ ან მოიწვიეთ ხალხი ამ ოთახში და გაიძულებთ წახვიდეთ",
+            "see_avatar_change_active_room": "ნახეთ, როდის იცვლება ავატარი თქვენს აქტიურ ოთახში",
+            "see_avatar_change_this_room": "ნახეთ, როდის იცვლება ავატარი ამ ოთახში",
+            "see_event_type_sent_active_room": "იხ<b>%(eventType)s</b> მოვლენები გამოქვეყნებულია თქვენს აქტიურ ოთახში",
+            "see_event_type_sent_this_room": "იხ<b>%(eventType)s</b> ამ ოთახში გამოქვეყნებული ღონისძიებები",
+            "see_images_sent_active_room": "იხილეთ თქვენს აქტიურ ოთახში გამოქვეყნებული სურათები",
+            "see_images_sent_this_room": "იხილეთ ამ ოთახში გამოქვეყნებული სურათები",
+            "see_messages_sent_active_room": "იხილეთ თქვენს აქტიურ ოთახში გამოქვეყნებული შეტყობინებები",
+            "see_messages_sent_this_room": "იხილეთ ამ ოთახში გამოქვეყნებული შეტყობინებები",
+            "see_msgtype_sent_active_room": "იხ<b>%(msgtype)s</b> შეტყობინებები გამოქვეყნებულია თქვენს აქტიურ ოთახში",
+            "see_msgtype_sent_this_room": "იხ<b>%(msgtype)s</b> ამ ოთახში გამოქვეყნებული შეტყობინებები",
+            "see_name_change_active_room": "ნახეთ, როდის იცვლება სახელი თქვენს აქტიურ ოთახში",
+            "see_name_change_this_room": "ნახეთ, როდის შეიცვლება სახელი ამ ოთახში",
+            "see_sent_emotes_active_room": "იხილეთ თქვენს აქტიურ ოთახში გამოქვეყნებული ემოციები",
+            "see_sent_emotes_this_room": "იხილეთ ამ ოთახში გამოქვეყნებული ემოციები",
+            "see_sent_files_active_room": "იხილეთ თქვენს აქტიურ ოთახში გამოქვეყნებული ზოგადი ფაილები",
+            "see_sent_files_this_room": "იხილეთ ამ ოთახში გამოქვეყნებული ზოგადი ფაილები",
+            "see_sticker_posted_active_room": "ნახეთ, როცა ვინმე აქვეყნებს სტიკერს თქვენს აქტიურ ოთახში",
+            "see_sticker_posted_this_room": "ნახეთ, როდის დაიდება სტიკერი ამ ოთახში",
+            "see_text_messages_sent_active_room": "იხილეთ თქვენს აქტიურ ოთახში გამოქვეყნებული ტექსტური შეტყობინებები",
+            "see_text_messages_sent_this_room": "იხილეთ ამ ოთახში გამოქვეყნებული ტექსტური შეტყობინებები",
+            "see_topic_change_active_room": "ნახეთ, როდის იცვლება თემა თქვენს აქტიურ ოთახში",
+            "see_topic_change_this_room": "ნახეთ, როდის შეიცვლება თემა ამ ოთახში",
+            "see_videos_sent_active_room": "იხილეთ თქვენს აქტიურ ოთახში გამოქვეყნებული ვიდეოები",
+            "see_videos_sent_this_room": "იხილეთ ამ ოთახში გამოქვეყნებული ვიდეოები",
+            "send_emotes_active_room": "გაუგზავნეთ ემოციები თქვენს აქტიურ ოთახში",
+            "send_emotes_this_room": "გაგზავნეთ ემოციები, როგორც თქვენ ამ ოთახში",
+            "send_event_type_active_room": "გაგზავნა<b>%(eventType)s</b> მოვლენები, როგორც თქვენ თქვენს აქტიურ ოთახში",
+            "send_event_type_this_room": "გაგზავნა<b>%(eventType)s</b> მოვლენები, როგორც თქვენ ამ ოთახში",
+            "send_files_active_room": "გააგზავნეთ ზოგადი ფაილები თქვენს აქტიურ ოთახში",
+            "send_files_this_room": "გაგზავნეთ ზოგადი ფაილები, როგორც თქვენ ამ ოთახში",
+            "send_images_active_room": "გაგზავნეთ სურათები თქვენს აქტიურ ოთახში",
+            "send_images_this_room": "გაგზავნეთ სურათები, როგორც თქვენ ამ ოთახში",
+            "send_messages_active_room": "გააგზავნეთ შეტყობინებები თქვენს აქტიურ ოთახში",
+            "send_messages_this_room": "გაგზავნეთ შეტყობინებები, როგორც თქვენ ამ ოთახში",
+            "send_msgtype_active_room": "გაგზავნა<b>%(msgtype)s</b> შეტყობინებები თქვენს აქტიურ ოთახში",
+            "send_msgtype_this_room": "გაგზავნა<b>%(msgtype)s</b> შეტყობინებები, როგორც თქვენ ამ ოთახში",
+            "send_stickers_active_room": "გაგზავნეთ სტიკერები თქვენს აქტიურ ოთახში",
+            "send_stickers_active_room_as_you": "გაუგზავნეთ სტიკერები თქვენს აქტიურ ოთახში, როგორც თქვენ",
+            "send_stickers_this_room": "გაგზავნეთ სტიკერები ამ ოთახში",
+            "send_stickers_this_room_as_you": "გაუგზავნეთ სტიკერები ამ ოთახში, როგორც თქვენ",
+            "send_text_messages_active_room": "გააგზავნეთ ტექსტური შეტყობინებები თქვენს აქტიურ ოთახში",
+            "send_text_messages_this_room": "გაგზავნეთ ტექსტური შეტყობინებები, როგორც თქვენ ამ ოთახში",
+            "send_videos_active_room": "გააგზავნეთ ვიდეოები თქვენს აქტიურ ოთახში",
+            "send_videos_this_room": "გაგზავნეთ ვიდეოები, როგორც თქვენ ამ ოთახში",
+            "specific_room": "ზემოთ, მაგრამ ში<Room /> ასევე",
+            "switch_room": "შეცვალეთ რომელ ოთახს უყურებთ",
+            "switch_room_message_user": "შეცვალეთ ოთახი, შეტყობინება ან მომხმარებელი, რომელსაც უყურებთ"
+        },
+        "close_to_view_right_panel": "დახურეთ ეს ვიჯეტი ამ პანელში სანახავად",
+        "context_menu": {
+            "delete": "ვიჯეტის წაშლა",
+            "delete_warning": "ვიჯეტის წაშლა წაშლის მას ამ ოთახში ყველა მომხმარებლისთვის. დარწმუნებული ხართ, რომ გსურთ ამ ვიჯეტის წაშლა?"
+        },
+        "cookie_warning": "ამ ვიჯეტმა შეიძლება გამოიყენოს ქუქიები.",
+        "error_hangup_description": "თქვენ გათიშული იყავით ზართან. (შეცდომა:%(message)s )",
+        "error_hangup_title": "კავშირი დაიკარგა",
+        "error_loading": "შეცდომა ვიჯეტის ჩატვირთვისას",
+        "error_mixed_content": "შეცდომა - შერეული შინაარსი",
+        "error_need_invite_permission": "ამისათვის თქვენ უნდა შეძლოთ მომხმარებლების მოწვევა.",
+        "error_need_kick_permission": "ამისათვის თქვენ უნდა შეძლოთ მომხმარებლების დარტყმა.",
+        "error_need_to_be_logged_in": "თქვენ უნდა იყოთ შესული.",
+        "error_unable_start_audio_stream_description": "აუდიო ნაკადის დაწყება შეუძლებელია.",
+        "error_unable_start_audio_stream_title": "პირდაპირი სტრიმინგის დაწყება ვერ მოხერხდა",
+        "modal_data_warning": "ამ ეკრანზე არსებული მონაცემები გაზიარებულია%(widgetDomain)s",
+        "modal_title_default": "ვიჯეტის კაპიტალი",
+        "no_name": "უცნობი აპლიკაცია",
+        "open_id_permissions_dialog": {
+            "remember_selection": "დაიმახსოვრე ეს",
+            "starting_text": "ვიჯეტი დაადასტურებს თქვენს მომხმარებლის ID-ს, მაგრამ ვერ შეძლებს თქვენთვის მოქმედებების შესრულებას:",
+            "title": "მიეცით საშუალება ამ ვიჯეტს დაადასტუროს თქვენი ვინაობა"
+        },
+        "popout": "ამომხტარი ვიჯეტი",
+        "set_room_layout": "განლაგების დაყენება ყველასთვის",
+        "shared_data_avatar": "თქვენი პროფილის სურათის URL",
+        "shared_data_device_id": "თქვენი მოწყობილობის ID",
+        "shared_data_lang": "შენი ენა",
+        "shared_data_mxid": "თქვენი მომხმარებლის ID",
+        "shared_data_name": "თქვენი საჩვენებელი სახელი",
+        "shared_data_room_id": "ოთახის ID",
+        "shared_data_theme": "შენი თემა",
+        "shared_data_url": "%(brand)sURL",
+        "shared_data_warning": "ამ ვიჯეტის გამოყენებამ შესაძლოა მონაცემების გაზიარება<helpIcon /> თან%(widgetDomain)s .",
+        "shared_data_warning_im": "ამ ვიჯეტის გამოყენებამ შესაძლოა მონაცემების გაზიარება<helpIcon /> თან%(widgetDomain)s და თქვენი ინტეგრაციის მენეჯერი.",
+        "shared_data_widget_id": "ვიჯეტის ID",
+        "unencrypted_warning": "ვიჯეტები არ იყენებენ შეტყობინებების დაშიფვრას.",
+        "unmaximise": "მაქსიმიზაციის გაუქმება",
+        "unpin_to_view_right_panel": "მოხსენით ამ ვიჯეტის ჩამაგრება ამ პანელში სანახავად"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "ყველა დიდი ასოების გამოცნობა თითქმის ისეთივე ადვილია, როგორც პატარა",
+            "anotherWord": "დაამატეთ კიდევ ერთი ან ორი სიტყვა. არაჩვეულებრივი სიტყვები უკეთესია.",
+            "associatedYears": "მოერიდეთ წლებს, რომლებიც დაკავშირებულია თქვენთან",
+            "capitalization": "კაპიტალიზაცია დიდად არ შველის",
+            "dates": "მოერიდეთ თარიღებს და წლებს, რომლებიც დაკავშირებულია თქვენთან",
+            "l33t": "პროგნოზირებადი ჩანაცვლება, როგორიცაა &#39;@&#39;, ნაცვლად &#39;a&#39;, დიდად არ დაგვეხმარება",
+            "longerKeyboardPattern": "გამოიყენეთ უფრო გრძელი კლავიატურის ნიმუში მეტი შემობრუნებით",
+            "noNeed": "არ არის საჭირო სიმბოლოები, ციფრები ან დიდი ასოები",
+            "pwned": "თუ ამ პაროლს სხვაგან იყენებთ, ის უნდა შეცვალოთ.",
+            "recentYears": "მოერიდეთ ბოლო წლებს",
+            "repeated": "მოერიდეთ განმეორებით სიტყვებსა და პერსონაჟებს",
+            "reverseWords": "შებრუნებული სიტყვების გამოცნობა არც ისე რთულია",
+            "sequences": "მოერიდეთ თანმიმდევრობებს",
+            "useWords": "გამოიყენეთ რამდენიმე სიტყვა, მოერიდეთ ჩვეულებრივ ფრაზებს"
+        },
+        "warnings": {
+            "common": "ეს არის ძალიან გავრცელებული პაროლი",
+            "commonNames": "საერთო სახელები და გვარები ადვილი გამოსაცნობია",
+            "dates": "თარიღების გამოცნობა ხშირად ადვილია",
+            "extendedRepeat": "გამეორებები, როგორიცაა &quot;abcabcabc&quot; ოდნავ უფრო რთული გამოსაცნობია, ვიდრე &quot;abc&quot;",
+            "keyPattern": "კლავიატურის მოკლე ნიმუშების გამოცნობა ადვილია",
+            "namesByThemselves": "სახელები და გვარები თავისთავად ადვილი გამოსაცნობია",
+            "pwned": "თქვენი პაროლი გამოვლინდა ინტერნეტში მონაცემთა გარღვევით.",
+            "recentYears": "ბოლო წლების გამოცნობა ადვილია",
+            "sequences": "თანმიმდევრობები, როგორიცაა abc ან 6543, ადვილი გამოსაცნობია",
+            "similarToCommon": "ეს ხშირად გამოყენებული პაროლის მსგავსია",
+            "simpleRepeat": "გამეორებები, როგორიცაა &quot;aaa&quot; ადვილი მისახვედრია",
+            "straightRow": "გასაღებების სწორი რიგები ადვილად გამოსაცნობია",
+            "topHundred": "ეს არის ყველაზე გავრცელებული 100 პაროლი",
+            "topTen": "ეს არის ტოპ-10 გავრცელებული პაროლი",
+            "userInputs": "არ უნდა იყოს პერსონალური ან გვერდთან დაკავშირებული მონაცემები.",
+            "wordByItself": "სიტყვა თავისთავად ადვილი გამოსაცნობია"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/ko.json b/apps/web/src/i18n/strings/ko.json
new file mode 100644
index 00000000000..edb3927429e
--- /dev/null
+++ b/apps/web/src/i18n/strings/ko.json
@@ -0,0 +1,3947 @@
+{
+    "a11y": {
+        "jump_first_invite": "첫 초대로 건너뜁니다.",
+        "message_composer": "메세지 작성자",
+        "n_unread_messages": {
+            "other": "읽지 않은 메시지 %(count)s개."
+        },
+        "n_unread_messages_mentions": {
+            "other": "읽지 않은 메시지 %(count)s개 (멘션 포함)."
+        },
+        "room_status_bar": "방 상태 표시줄",
+        "seek_bar_label": "오디오 탐색 바",
+        "unread_messages": "읽지 않은 메시지"
+    },
+    "a11y_jump_first_unread_room": "읽지 않은 첫 채팅방으로 건너뜁니다.",
+    "action": {
+        "accept": "수락",
+        "add": "추가",
+        "add_existing_room": "기존 방 목록에서 추가하기",
+        "apply": "적용",
+        "approve": "승인",
+        "ask_to_join": "참여를 요청하세요.",
+        "back": "돌아가기",
+        "call": "통화",
+        "cancel": "취소",
+        "change": "변경",
+        "clear": "지우기",
+        "click_to_copy": "복사하려면 클릭하세요.",
+        "close": "닫기",
+        "collapse": "접기",
+        "complete": "완료",
+        "confirm": "확인",
+        "continue": "계속하기",
+        "copy": "복사하기",
+        "copy_link": "링크 복사",
+        "create": "만들기",
+        "create_a_room": "방 생성",
+        "create_account": "계정 만들기",
+        "decline": "거절",
+        "decline_and_block": "거부 및 차단",
+        "decline_invite": "초대 거절",
+        "delete": "삭제",
+        "deny": "거부",
+        "disable": "비활성화",
+        "disconnect": "연결 끊기",
+        "dismiss": "버리기",
+        "done": "완료",
+        "download": "다운로드",
+        "edit": "편집",
+        "enable": "활성화",
+        "enter_fullscreen": "전체 화면 표시",
+        "exit_fullscreeen": "전체 화면 종료",
+        "expand": "펼치기",
+        "explore_rooms": "방 검색",
+        "export": "내보내기",
+        "forward": "전달",
+        "go": "이동",
+        "go_back": "돌아가기",
+        "got_it": "확인",
+        "hide_advanced": "고급 숨기기",
+        "hold": "대기",
+        "ignore": "무시",
+        "import": "가져오기",
+        "invite": "초대",
+        "join": "참가",
+        "learn_more": "자세히 알아보기",
+        "leave": "떠나기",
+        "leave_room": "방 떠나기",
+        "logout": "로그아웃",
+        "manage": "관리",
+        "maximise": "최대화",
+        "mention": "언급",
+        "minimise": "최소화",
+        "new_room": "새로운 방 만들기",
+        "new_video_room": "신규 영상 방",
+        "next": "다음",
+        "no": "아니오",
+        "ok": "네",
+        "open": "열기",
+        "pin": "핀",
+        "proceed": "진행",
+        "quote": "인용",
+        "react": "리액션",
+        "refresh": "새로고침",
+        "register": "등록",
+        "reload": "새로고침",
+        "remove": "제거",
+        "rename": "이름 변경",
+        "reply": "답장",
+        "reply_in_thread": "스레드에 답장",
+        "report_room": "방 신고",
+        "resend": "다시 보내기",
+        "reset": "되돌리기",
+        "resume": "계속",
+        "retry": "다시 시도",
+        "review": "평가",
+        "revoke": "취소",
+        "save": "저장",
+        "search": "찾기",
+        "send_report": "신고 보내기",
+        "set_avatar": "프로필 사진 설정",
+        "share": "공유",
+        "show": "표시",
+        "show_advanced": "고급 보이기",
+        "show_all": "전체 보기",
+        "sign_in": "로그인",
+        "sign_out": "이 기기 로그아웃",
+        "skip": "건너뛰기",
+        "start": "시작하기",
+        "stop": "중지",
+        "submit": "제출",
+        "subscribe": "구독",
+        "transfer": "전송",
+        "trust": "신뢰함",
+        "try_again": "다시 시도",
+        "unban": "출입 금지 풀기",
+        "unignore": "그만 무시하기",
+        "unpin": "고정 해제",
+        "unsubscribe": "구독 해제",
+        "update": "업데이트",
+        "upgrade": "업그레이드",
+        "upload": "업로드",
+        "upload_file": "파일 업로드",
+        "verify": "확인",
+        "view": "보기",
+        "view_all": "모두 보기",
+        "view_list": "목록 보기",
+        "view_message": "메시지 보기",
+        "view_source": "소스 보기",
+        "yes": "네",
+        "yes_dismiss": "확인",
+        "zoom_in": "확대",
+        "zoom_out": "축소"
+    },
+    "analytics": {
+        "accept_button": "네, 좋아요.",
+        "bullet_1": "저희는<Bold>어떠한 종류의 계정 데이터도</Bold>기록 또는 프로파일링하지 않습니다.",
+        "bullet_2": "저희 <Bold>는</Bold> 정보를 제3자와 공유하지 않습니다.",
+        "consent_migration": "고객님께서는 이전에 익명의 사용 데이터 공유에 동의하셨습니다. 이제 해당 데이터의 처리 방식이 업데이트될 예정입니다.",
+        "disable_prompt": "언제든지 설정에서 이 기능을 끌 수 있습니다.",
+        "enable_prompt": "개선에 도움을 주세요%(analyticsOwner)s",
+        "learn_more": "문제 해결 및 서비스 개선을 위해 익명의 데이터를 공유해주세요. 개인 정보는 포함되지 않으며, 제3자와 절대 공유하지 않습니다.<LearnMoreLink>더 알아보기</LearnMoreLink>",
+        "privacy_policy": "모든 이용 약관은<PrivacyPolicyUrl>에서 확인하실 수 있습니다.</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "익명의 사용 데이터를 공유해주시면 %(analyticsOwner)s의 문제를 해결하고 서비스를 개선하는 데 큰 도움이 됩니다. 사용자의 여러 기기 사용 현황을 파악하기 위해, 모든 기기에서 공통으로 사용되는 임의의 식별자가 생성됩니다.",
+        "shared_data_heading": "다음 데이터가 공유됩니다:"
+    },
+    "auth": {
+        "3pid_in_use": "해당 이메일 주소 또는 전화번호는 이미 사용 중입니다.",
+        "account_clash": "당신의 새 계정 (%(newAccountId)s)을 등록했습니다, 하지만 다른 계정 (%(loggedInUserId)s)으로 로그인하고 있습니다.",
+        "account_clash_previous_account": "이 계정으로 계속",
+        "account_deactivated": "이 계정은 비활성화되었습니다.",
+        "autodiscovery_generic_failure": "서버에서 자동 검색 설정 얻기에 실패함",
+        "autodiscovery_hs_incompatible": "귀하의 홈 서버가 너무 오래되어 필요한 최소 API 버전을 지원하지 않습니다. 서버 소유자에게 문의하거나 서버를 업그레이드하십시오.",
+        "autodiscovery_invalid": "잘못된 홈서버 검색 응답",
+        "autodiscovery_invalid_hs": "홈서버 URL이 올바른 Matrix 홈서버가 아님",
+        "autodiscovery_invalid_hs_base_url": "잘못된 m.homeserver 용 base_url",
+        "autodiscovery_invalid_is": "ID 서버 URL이 올바른 ID 서버가 아님",
+        "autodiscovery_invalid_is_base_url": "잘못된 m.identity_server 용 base_url",
+        "autodiscovery_invalid_is_response": "잘못된 ID 서버 검색 응답",
+        "autodiscovery_invalid_json": "유효하지 않은 JSON",
+        "autodiscovery_no_well_known": ".well-known JSON 파일을 찾을 수 없습니다.",
+        "autodiscovery_unexpected_error_hs": "홈서버 설정을 해결하는 중 예기치 않은 오류",
+        "autodiscovery_unexpected_error_is": "ID 서버 설정을 해결하는 중 예기치 않은 오류",
+        "captcha_description": "이 홈서버는 당신이 로봇이 아닌지 확인하고 싶어합니다.",
+        "change_password_action": "비밀번호 바꾸기",
+        "change_password_confirm_invalid": "비밀번호가 맞지 않음",
+        "change_password_confirm_label": "비밀번호 확인",
+        "change_password_current_label": "현재 비밀번호",
+        "change_password_empty": "비밀번호를 입력해주세요",
+        "change_password_error": "비밀번호 변경 중 오류 발생: %(error)s",
+        "change_password_mismatch": "새 비밀번호가 맞지 않음",
+        "change_password_new_label": "새 비밀번호",
+        "check_email_explainer": "전송된 지침을 따르세요<b>%(email)s</b>",
+        "check_email_resend_prompt": "받지 못하셨나요?",
+        "check_email_resend_tooltip": "인증 링크 이메일 재발송!",
+        "check_email_wrong_email_button": "이메일 주소를 다시 입력하세요",
+        "check_email_wrong_email_prompt": "잘못된 메일 주소",
+        "continue_with_idp": "계속하기%(provider)s",
+        "continue_with_sso": "계속하기%(ssoButtons)s",
+        "country_dropdown": "국가 드롭다운",
+        "create_account_prompt": "처음 오셨나요?<a> 계정을 생성하세요</a>",
+        "create_account_title": "계정 만들기",
+        "email_discovery_text": "기존 연락처에서 검색 가능하도록 하려면 이메일을 사용하세요.",
+        "email_field_label": "이메일",
+        "email_field_label_invalid": "올바른 이메일 주소가 아닙니다",
+        "email_field_label_required": "이메일 주소 입력",
+        "email_help_text": "비밀번호를 재설정할 수 있도록 이메일을 추가하세요.",
+        "email_phone_discovery_text": "기존 연락처의 친구가 이메일 또는 전화번호로 나를 찾도록 허용",
+        "enter_email_explainer": "<b>%(homeserver)s</b>에서 비밀번호를 재설정할 수 있는 인증 링크를 회원님께 보냅니다.",
+        "enter_email_heading": "비밀번호 재설정을 위해 이메일을 입력하세요",
+        "failed_connect_identity_server": "ID 서버에 연결할 수 없습니다",
+        "failed_connect_identity_server_other": "로그인할 수 있지만 ID 서버가 다시 온라인 상태가 될 때까지 일부 기능을 사용할 수 없습니다. 이 경고가 계속 표시되면, 설정을 확인하거나 서버 관리자에게 연락하세요.",
+        "failed_connect_identity_server_register": "등록할 수 있지만 ID 서버가 다시 온라인 상태가 될 때까지 일부 기능을 사용할 수 없습니다. 이 경고가 계속 표시되면, 설정을 확인하거나 서버 관리자에게 연락하세요.",
+        "failed_connect_identity_server_reset_password": "비밀번호를 다시 설정할 수 있지만 ID 서버가 다시 온라인 상태가 될 때까지 일부 기능을 사용할 수 없습니다. 이 경고가 계속 표시되면, 설정을 확인하거나 서버 관리자에게 연락하세요.",
+        "failed_homeserver_discovery": "홈서버 검색 수행에 실패함",
+        "failed_query_registration_methods": "지원하는 등록 방식을 쿼리할 수 없습니다.",
+        "failed_soft_logout_auth": "다시 인증에 실패함",
+        "failed_soft_logout_homeserver": "홈서버 문제로 다시 인증에 실패함",
+        "forgot_password_email_invalid": "이메일 주소가 유효하지 않습니다.",
+        "forgot_password_email_required": "계정에 연결한 이메일 주소를 입력해야 합니다.",
+        "forgot_password_prompt": "비밀번호를 잊었습니까?",
+        "forgot_password_send_email": "이메일 보내기",
+        "identifier_label": "이것으로 로그인",
+        "incorrect_credentials": "사용자 이름 혹은 비밀번호가 맞지 않습니다.",
+        "incorrect_credentials_detail": "지금 %(hs)s 서버로 로그인하고 있는데, matrix.org로 로그인해야 합니다.",
+        "incorrect_password": "맞지 않는 비밀번호",
+        "log_in_new_account": "새 계정으로 <a>로그인</a>하기.",
+        "logout_dialog": {
+            "description": "정말로 이 기기를 제거하시겠습니까?",
+            "setup_key_backup_title": "암호화된 채팅에 대한 접근 권한을 잃게 됩니다.",
+            "setup_secure_backup_description": "현재 유일하게 등록된 기기입니다. 이 기기를 제거하면 다음 로그인 시 디지털 신원을 인증하고 암호화된 대화를 복구하기 위해 복구 키가 필요합니다.",
+            "skip_key_backup": "그래도 이 기기 삭제"
+        },
+        "misconfigured_body": "%(brand)s 관리자에게 <a>당신의 설정</a>에 잘못되거나 중복된 항목이 있는지 확인하도록 요청하세요.",
+        "misconfigured_title": "%(brand)s이 잘못 설정됨",
+        "mobile_create_account_title": "계정을 만들려고 합니다.%(hsName)s",
+        "msisdn_field_description": "다른 사용자가 연락처 세부 정보를 사용해서 당신을 방에 초대할 수 있음",
+        "msisdn_field_label": "전화",
+        "msisdn_field_number_invalid": "해당 전화번호가 정확하지 않은 것 같습니다. 확인하고 다시 시도해 주세요.",
+        "msisdn_field_required_invalid": "전화번호를 입력하십시오.",
+        "no_hs_url_provided": "홈서버 URL이 제공되지 않음",
+        "oidc": {
+            "error_title": "로그인에 실패했습니다",
+            "generic_auth_error": "인증 중에 문제가 발생했습니다. 로그인 페이지로 이동하여 다시 시도해 보세요.",
+            "missing_or_invalid_stored_state": "간편한 로그인을 위해 사용하시는 홈서버 정보를 브라우저에 저장하도록 설정했으나, 안타깝게도 브라우저에 해당 정보가 남아있지 않습니다. 로그인 페이지로 이동하여 다시 시도해 주세요."
+        },
+        "password_field_keep_going_prompt": "계속하기",
+        "password_field_label": "비밀번호 입력",
+        "password_field_strong_label": "좋습니다, 강한 비밀번호!",
+        "password_field_weak_label": "비밀번호를 허용할 수는 있지만 안전하지 않음",
+        "phone_label": "전화",
+        "phone_optional_label": "전화 (선택)",
+        "qr_code_login": {
+            "check_code_explainer": "이렇게 하면 다른 기기와의 연결이 안전한지 확인할 수 있습니다.",
+            "check_code_heading": "다른 기기에 표시된 번호를 입력하세요",
+            "check_code_input_label": "2자리 코드",
+            "check_code_mismatch": "숫자가 일치하지 않습니다",
+            "completing_setup": "새 기기 설정 완료",
+            "error_etag_missing": "예기치 않은 오류가 발생했습니다. 이는 브라우저 확장 프로그램, 프록시 서버 또는 서버 설정 오류로 인해 발생했을 수 있습니다.",
+            "error_expired": "로그인이 만료되었습니다. 다시 시도해 주세요.",
+            "error_expired_title": "로그인 시간이 초과되었습니다.",
+            "error_insecure_channel_detected": "새 장치에 안전하게 연결할 수 없습니다. 기존 장치는 여전히 안전하므로 걱정할 필요가 없습니다.",
+            "error_insecure_channel_detected_instructions": "다음 단계",
+            "error_insecure_channel_detected_instructions_1": "네트워크 문제일 수 있으니 다른 기기에서 QR 코드로 다시 로그인해 보세요.",
+            "error_insecure_channel_detected_instructions_2": "동일한 문제를 겪으신 경우 다른 Wi-Fi 네트워크를 사용해 보거나 Wi-Fi 대신 모바일 데이터를 사용해 보세요.",
+            "error_insecure_channel_detected_instructions_3": "그래도 작동하지 않으면 수동으로 로그인하세요.",
+            "error_insecure_channel_detected_title": "연결이 안전하지 않습니다",
+            "error_other_device_already_signed_in": "추가로 진행할 작업은 없습니다.",
+            "error_other_device_already_signed_in_title": "다른 기기에서 이미 로그인되어 있습니다",
+            "error_rate_limited": "단시간에 너무 많은 요청을 보냈습니다. 잠시 후 다시 시도해 주세요.",
+            "error_unexpected": "예상치 못한 오류가 발생했습니다. 다른 기기 연결 요청이 취소되었습니다.",
+            "error_unsupported_protocol": "이 기기는 QR 코드를 사용하여 다른 기기에 로그인하는 기능을 지원하지 않습니다.",
+            "error_unsupported_protocol_title": "다른 기기와 호환되지 않습니다",
+            "error_user_cancelled": "다른 기기에서 로그인이 취소되었습니다.",
+            "error_user_cancelled_title": "로그인 요청이 취소되었습니다",
+            "error_user_declined": "귀하 또는 계정 제공자가 로그인 요청을 거부했습니다.",
+            "error_user_declined_title": "로그인 거부됨",
+            "follow_remaining_instructions": "나머지 지침을 따르세요",
+            "open_element_other_device": "다른 기기에서 %(brand)s 을 열어 보세요.",
+            "point_the_camera": "여기에 표시된 QR 코드를 스캔하세요",
+            "scan_code_instruction": "다른 기기로 QR 코드를 스캔하세요",
+            "scan_qr_code": "QR 코드로 로그인",
+            "security_code_prompt": "요청 시, 다른 기기에서 아래 코드를 입력하세요.",
+            "select_qr_code": "\"%(scanQRCode)s\"를 선택하십시오.",
+            "unsupported_explainer": "귀하의 계정 제공업체는 QR 코드를 사용한 새 기기 로그인을 지원하지 않습니다.",
+            "unsupported_heading": "QR 코드는 지원되지 않습니다",
+            "waiting_for_device": "장치 로그인 대기 중"
+        },
+        "register_action": "계정 만들기",
+        "registration": {
+            "continue_without_email_description": "참고로, 이메일 주소를 추가하지 않고 비밀번호를 잊어버리면 <b>계정에 영구적으로 접근할 수 없게 될 수 있습니다.</b>",
+            "continue_without_email_field_label": "이메일 (선택)",
+            "continue_without_email_title": "이메일 없이 계속하기"
+        },
+        "registration_disabled": "이 홈서버는 등록이 비활성화되어 있습니다.",
+        "registration_msisdn_field_required_invalid": "전화번호 입력 (이 홈서버에 필요함)",
+        "registration_successful": "등록 성공",
+        "registration_username_in_use": "해당 사용자 이름은 이미 사용 중입니다. 다른 이름을 사용해 보거나, 본인이라면 아래에서 로그인하세요.",
+        "registration_username_unable_check": "사용자 이름이 이미 사용 중인지 확인할 수 없습니다. 나중에 다시 시도하세요.",
+        "registration_username_validation": "소문자, 숫자, 가로선, 밑줄선만 사용할 수 있음",
+        "reset_password": {
+            "confirm_new_password": "새로운 비밀번호 확인",
+            "devices_logout_success": "모든 기기에서 로그아웃되었으며, 더 이상 푸시 알림이 전송되지 않습니다. 알림을 다시 받으려면 각 기기에서 다시 로그인해 주세요.",
+            "other_devices_logout_warning_1": "기기를 제거하면 해당 기기에 저장된 메시지 암호화 키가 삭제되어, 암호화된 대화 기록을 읽을 수 없게 됩니다.",
+            "other_devices_logout_warning_2": "암호화된 대화방의 기록을 계속 확인하려면, 진행하기 전에 다른 기기에서 복구 키를 받거나 메시지 키를 내보내세요.",
+            "password_not_entered": "새 비밀번호를 입력해주세요.",
+            "passwords_mismatch": "새 비밀번호는 서로 같아야 합니다.",
+            "rate_limit_error": "짧은 시간 내에 너무 많은 시도가 이루어졌습니다. 다시 시도하기 전에 잠시 기다려 주세요.",
+            "rate_limit_error_with_time": "짧은 시간 내에 너무 많은 시도가 있었습니다. %(timeout)s 후에 다시 시도하십시오.",
+            "reset_successful": "비밀번호가 초기화되었습니다.",
+            "return_to_login": "로그인 화면으로 돌아가기",
+            "sign_out_other_devices": "모든 기기에서 로그아웃"
+        },
+        "reset_password_action": "비밀번호 재설정",
+        "reset_password_button": "비밀번호를 잊으셨나요?",
+        "reset_password_email_field_description": "이메일 주소를 사용하여 계정을 복구",
+        "reset_password_email_field_required_invalid": "이메일 주소를 입력 (이 홈서버에 필요함)",
+        "reset_password_email_not_associated": "귀하의 이메일 주소는 이 홈서버에서 Matrix ID와 연결되어 있지 않은 것으로 보입니다.",
+        "reset_password_email_not_found_title": "이 이메일 주소를 찾을 수 없음",
+        "reset_password_title": "비밀번호 초기화",
+        "server_picker_custom": "다른 홈 서버",
+        "server_picker_description": "사용자 지정 서버 옵션을 사용하여 다른 홈 서버 URL을 지정함으로써 다른 Matrix 서버에 로그인할 수 있습니다. 이를 통해 기존 Matrix 계정을 다른 홈 서버에서 %(brand)s 와 함께 사용할 수 있습니다.",
+        "server_picker_description_matrix.org": "가장 넓은 공개 서버에 수 백 만명이 무료로 등록함",
+        "server_picker_dialog_title": "계정이 호스팅되는 위치를 결정하세요",
+        "server_picker_explainer": "사용 중인 매트릭스 홈서버가 있다면 그것을 사용하거나, 직접 호스팅하세요.",
+        "server_picker_failed_validate_homeserver": "홈 서버를 확인할 수 없습니다",
+        "server_picker_intro": "귀하의 계정을 호스팅할 수 있는 장소를 '홈서버'라고 부릅니다.",
+        "server_picker_invalid_url": "유효하지 않은 URL입니다.",
+        "server_picker_learn_more": "홈서버에 대하여",
+        "server_picker_matrix.org": "Matrix.org는 세계 최대의 공개 홈서버이므로 많은 사람들에게 적합한 장소입니다.",
+        "server_picker_required": "홈 서버를 지정하십시오",
+        "server_picker_title": "홈 서버에 로그인하세요",
+        "server_picker_title_default": "서버 옵션",
+        "server_picker_title_registration": "호스트 계정",
+        "session_logged_out_description": "보안을 위해 이 세션이 제거되었습니다. 다시 로그인해 주세요.",
+        "session_logged_out_title": "세션이 제거되었습니다",
+        "set_email": {
+            "description": "이렇게 하면 비밀번호를 다시 설정하고 알림을 받을 수 있습니다.",
+            "verification_pending_description": "이메일을 확인하고 안의 링크를 클릭합니다. 모두 마치고 나서, 계속하기를 누르세요.",
+            "verification_pending_title": "인증을 기다리는 중"
+        },
+        "set_email_prompt": "이메일 주소를 설정하시겠어요?",
+        "sign_in_description": "계정을 사용하여 계속하세요.",
+        "sign_in_instead": "대신 로그인하세요",
+        "sign_in_instead_prompt": "이미 계정이 있으신가요? <a>여기서 로그인하세요</a>",
+        "sign_in_or_register": "로그인 또는 계정 생성",
+        "sign_in_or_register_description": "계속하려면 기존 계정을 사용하거나 새 계정을 만드세요.",
+        "sign_in_with_sso": "통합 인증(SSO)으로 로그인",
+        "signing_in": "로그인 중…",
+        "soft_logout": {
+            "clear_data_button": "모든 데이터 지우기",
+            "clear_data_description": "이 세션의 모든 데이터를 지우면 영구적으로 삭제됩니다. 암호화된 메시지는 해당 키가 백업되지 않은 경우 손실됩니다.",
+            "clear_data_title": "이 세션의 모든 데이터를 삭제하시겠습니까?"
+        },
+        "soft_logout_heading": "로그아웃됬습니다",
+        "soft_logout_intro_password": "로그인하고 계정에 다시 접근하려면 비밀번호를 입력하세요.",
+        "soft_logout_intro_sso": "로그인하고 계정에 다시 접근하기.",
+        "soft_logout_intro_unsupported_auth": "계정에 로그인할 수 없습니다. 자세한 정보는 홈서버 관리자에게 연락하세요.",
+        "soft_logout_subheading": "개인 정보 지우기",
+        "soft_logout_warning": "경고: 귀하의 개인 데이터(암호화 키 포함)가 이 세션에 여전히 저장되어 있습니다. 이 세션 사용을 완료했거나 다른 계정에 로그인하려면 세션을 지우십시오.",
+        "sso": "단일 로그인",
+        "sso_complete_in_browser_dialog_title": "브라우저로 이동하여 로그인을 완료하세요.",
+        "sso_failed_missing_storage": "브라우저에 로그인할 때 사용하는 홈 서버를 기억하도록 요청했으나, 안타깝게도 브라우저가 이를 잊어버렸습니다. 로그인 페이지로 이동하여 다시 시도해 주세요.",
+        "sso_or_username_password": "%(ssoButtons)s또는%(usernamePassword)s",
+        "sync_footer_subtitle": "여러 방에 참여하셨다면 시간이 좀 걸릴 수 있습니다",
+        "syncing": "동기화 중...",
+        "uia": {
+            "code": "코드",
+            "email": "계정을 생성하려면 방금 %(emailAddress)s 으로 발송한 이메일 내 링크를 열어주세요.",
+            "email_auth_header": "계속하려면 이메일을 확인하세요",
+            "email_resend_prompt": "받지 못하셨나요? <a>재발송해 드립니다</a>",
+            "email_resent": "재전송 완료!",
+            "fallback_button": "인증 시작",
+            "mas_cross_signing_reset_cta": "계정으로 계속하기",
+            "mas_cross_signing_reset_description": "디지털 신원을 초기화하기 위해 %(serverName)s 계정 페이지로 이동합니다. 초기화를 완료한 후, 다시 여기로 돌아와 '다시 시도'를 클릭해 주세요.",
+            "mas_cross_signing_reset_title": "계정으로 이동하여 디지털 신원을 초기화하세요",
+            "msisdn": "%(msisdn)s님에게 문자 메시지를 보냈습니다",
+            "msisdn_token_incorrect": "토큰이 맞지 않음",
+            "msisdn_token_prompt": "들어있던 코드를 입력해주세요:",
+            "password_prompt": "아래에 계정 비밀번호를 입력하여 본인임을 확인하세요.",
+            "recaptcha_missing_params": "홈서버 설정에서 캡챠 공개 키가 없습니다. 홈서버 관리자에게 이것을 신고해주세요.",
+            "registration_token_label": "등록 토큰",
+            "registration_token_prompt": "홈서버 관리자가 제공한 등록 토큰을 입력하십시오.",
+            "sso_body": "단일 로그인(SSO)을 사용하여 본인임을 확인하고 이 이메일 주소를 추가했는지 확인하세요.",
+            "sso_failed": "신원 확인 과정에서 문제가 발생했습니다. 취소하고 다시 시도해 주세요.",
+            "sso_postauth_body": "아래 버튼을 클릭하여 본인 확인을 완료하세요.",
+            "sso_postauth_title": "계속하려면 확인하세요",
+            "sso_preauth_body": "계속하려면 싱글 사인온(SSO)을 사용하여 본인임을 확인하십시오.",
+            "sso_title": "SSO로 계속하기",
+            "terms": "이 홈서버의 정책을 검토하고 수락해주세요:",
+            "terms_invalid": "모든 홈서버의 정책을 검토하고 수락해주세요"
+        },
+        "unsupported_auth": "이 홈 서버는 이 클라이언트가 지원하는 로그인 절차를 제공하지 않습니다.",
+        "unsupported_auth_email": "이 홈서버는 이메일 주소로 로그인을 지원하지 않습니다.",
+        "unsupported_auth_msisdn": "이 서버는 전화번호 인증을 지원하지 않습니다.",
+        "username_field_required_invalid": "사용자 이름 입력",
+        "username_in_use": "해당 사용자 이름은 이미 사용 중입니다. 다른 이름을 사용해 주세요.",
+        "verify_email_explainer": "비밀번호를 재설정하기 전에 본인 확인이 필요합니다. 방금 발송한 이메일의 링크를 클릭하세요. <b>%(email)s</b>",
+        "verify_email_heading": "이메일을 확인하여 계속 진행하세요"
+    },
+    "bug_reporting": {
+        "additional_context": "언제, 방 ID, 사용자 ID 등, 문제 분석에 도움이 되는 추가 문맥이 있다면, 그것들도 여기에 포함해주세요.",
+        "before_submitting": "로그를 전송하기 전에, 문제를 설명하는 <a>GitHub 이슈를 만들어야 합니다</a>.",
+        "collecting_information": "앱 버전 정보를 수집하는 중",
+        "collecting_logs": "로그 수집 중",
+        "create_new_issue": "이 버그를 조사할 수 있도록 GitHub에 <newIssueLink>새 이슈를 추가</newIssueLink>해주세요.",
+        "description": "디버그 로그에는 사용자 이름, 방문한 방의 ID 또는 별칭, 마지막으로 상호작용한 UI 요소, 다른 사용자의 사용자 이름 등 애플리케이션 사용 데이터가 포함됩니다. 메시지는 포함되지 않습니다.",
+        "download_logs": "로그 다운로드",
+        "downloading_logs": "로그 다운로드 중",
+        "error_empty": "무엇이 잘못되거나 더 나은 지 알려주세요, 문제를 설명하는 GitHub 이슈를 만들어주세요.",
+        "failed_download_logs": "디버그 로그 다운로드 실패: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "버그 신고가 거부되었습니다. rageshake 서버는 이 애플리케이션을 지원하지 않습니다.",
+            "rejected_generic": "버그 신고가 거부되었습니다. rageshake 서버에서 정책 위반으로 신고 내용을 거부했습니다.",
+            "rejected_recovery_key": "귀하의 버그 보고서는 복구 키를 포함하고 있어 안전상의 이유로 거부되었습니다.",
+            "rejected_version": "귀하의 버그 보고서는 현재 사용 중인 버전이 너무 오래되어 거부되었습니다.",
+            "server_unknown_error": "rageshake 서버에서 알 수 없는 오류가 발생하여 보고서를 처리할 수 없습니다.",
+            "unknown_error": "로그 전송 실패"
+        },
+        "github_issue": "GitHub 이슈",
+        "introduction": "GitHub을 통해 버그를 제출하셨다면 디버그 로그가 문제 추적에 도움이 될 수 있습니다. ",
+        "log_request": "앞으로 이를 방지할 수 있도록, <a>로그를 보내주세요</a>.",
+        "logs_sent": "로그 보내짐",
+        "matrix_security_issue": "매트릭스 관련 보안 문제를 신고하려면 Matrix.org의 <a>보안 공개 정책(</a>)을 읽어보시기 바랍니다.",
+        "preparing_download": "로그 다운로드 준비 중",
+        "preparing_logs": "로그 보내려고 준비 중",
+        "send_logs": "로그 보내기",
+        "submit_debug_logs": "디버그 로그 전송하기",
+        "textarea_label": "참고",
+        "thank_you": "감사합니다!",
+        "title": "버그 신고하기",
+        "unsupported_browser": "알림: 귀하의 브라우저가 지원되지 않아 정상적인 사용이 어려울 수 있습니다.",
+        "uploading_logs": "로그 업로드 중…",
+        "waiting_for_server": "서버에서 응답을 기다리는 중"
+    },
+    "cannot_invite_without_identity_server": "아이덴티티 서버 없이 이메일로 사용자를 초대할 수 없습니다. \"설정\"에서 서버에 연결할 수 있습니다.",
+    "cannot_reach_homeserver": "홈서버에 연결할 수 없습니다",
+    "cannot_reach_homeserver_detail": "인터넷 연결이 안정적인지 확인하세요, 또는 서버 관리자에게 연락하세요",
+    "cant_load_page": "페이지를 불러올 수 없음",
+    "chat_card_back_action_label": "채팅으로 돌아가기",
+    "chat_effects": {
+        "confetti_description": "입력한 메시지를 콘페티 효과와 함께 보냅니다.",
+        "confetti_message": "콘페티 효과를 보냅니다.",
+        "fireworks_description": "입력한 메시지를 불꽃 효과와 함께 보냅니다.",
+        "fireworks_message": "불꽃효과 보내기",
+        "hearts_description": "지정된 메시지를 하트효과와 함께 전송합니다",
+        "hearts_message": "하트효과 보내기",
+        "rainfall_description": "입력한 메시지를 비가 내리는 효과와 함께 보냅니다.",
+        "rainfall_message": "비내리는 효과 보내기",
+        "snowfall_description": "입력한 메시지를 눈 내리는 효과와 함께 보냅니다.",
+        "snowfall_message": "눈 내리는 효과 보내기",
+        "spaceinvaders_description": "입력한 메시지를 우주테마 효과와 함께 보냅니다.",
+        "spaceinvaders_message": "우주테마 효과 보내기"
+    },
+    "common": {
+        "access_token": "액세스 토큰",
+        "accessibility": "접근성",
+        "advanced": "고급",
+        "all_chats": "모든 채팅",
+        "analytics": "정보 분석",
+        "and_n_others": {
+            "other": "외 %(count)s명..."
+        },
+        "appearance": "화면 설정",
+        "application": "애플리케이션",
+        "are_you_sure": "확신합니까?",
+        "attachment": "첨부 파일",
+        "authentication": "인증",
+        "avatar": "아바타",
+        "beta": "베타",
+        "camera": "카메라",
+        "cameras": "카메라",
+        "cancel": "취소",
+        "capabilities": "기능",
+        "copied": "복사했습니다!",
+        "credits": "크레딧",
+        "dark": "다크",
+        "description": "설명",
+        "deselect_all": "전체 선택 해제",
+        "device": "기기",
+        "disabled_by_homeserver": "홈서버에 의해 비활성화됨",
+        "edited": "편집됨",
+        "email_address": "이메일 주소",
+        "emoji": "이모지",
+        "encrypted": "암호화됨",
+        "error": "오류",
+        "faq": "자주 묻는 질문 (FAQ)",
+        "feedback": "피드백",
+        "filter_results": "필터 결과",
+        "forward_message": "전달 메세지",
+        "general": "기본",
+        "go_to_settings": "설정으로 가기",
+        "guest": "손님",
+        "help": "도움말",
+        "home": "홈",
+        "homeserver": "홈서버",
+        "identity_server": "ID 서버",
+        "image": "이미지",
+        "integration_manager": "통합 관리자",
+        "joined": "참여함",
+        "labs": "실험실",
+        "legal": "법적",
+        "light": "라이트",
+        "loading": "불러오는 중…",
+        "location": "위치",
+        "matrix": "매트릭스",
+        "message": "메시지",
+        "message_layout": "메시지 레이아웃",
+        "message_timestamp_invalid": "유효하지 않은 타임스탬프",
+        "microphone": "마이크",
+        "moderation_and_safety": "관리 및 안전",
+        "modern": "모던",
+        "mute": "음소거",
+        "n_members": {
+            "other": "%(count)s명의 회원들"
+        },
+        "n_rooms": {
+            "other": "%(count)s개의 채팅방"
+        },
+        "name": "이름",
+        "no_results": "결과 없음",
+        "no_results_found": "검색 결과가 없습니다",
+        "not_trusted": "신뢰하지 않음",
+        "off": "끄기",
+        "offline": "접속 없음",
+        "on": "켜기",
+        "options": "옵션",
+        "orphan_rooms": "다른 방 목록",
+        "password": "비밀번호",
+        "people": "사람들",
+        "preferences": "환경 설정",
+        "presence": "현재 상태",
+        "preview_message": "안녕, 너 최고야!",
+        "privacy": "프라이버시",
+        "private": "비공개",
+        "private_room": "비공개 방",
+        "private_space": "비공개 스페이스",
+        "profile": "프로필",
+        "public": "공개",
+        "public_room": "공개 방",
+        "public_space": "공개 스페이스",
+        "qr_code": "QR 코드",
+        "random": "랜덤",
+        "reactions": "반응",
+        "recommended": "추천",
+        "report_a_bug": "버그 보고",
+        "room": "방",
+        "room_name": "방 이름",
+        "rooms": "방",
+        "save": "저장",
+        "saved": "저장됨",
+        "saving": "저장 중...",
+        "secure_backup": "보안 백업",
+        "select_all": "전체 선택",
+        "server": "서버",
+        "settings": "설정",
+        "setup_secure_messages": "보안 메시지 설정",
+        "show_more": "더 보기",
+        "someone": "다른 사람",
+        "space": "스페이스",
+        "spaces": "스페이스",
+        "state_encryption_enabled": "실험적 상태 암호화 활성화됨",
+        "sticker": "스티커",
+        "stickerpack": "스티커 팩",
+        "success": "성공",
+        "suggestions": "추천 목록",
+        "support": "지원",
+        "theme": "테마",
+        "thread": "스레드",
+        "threads": "스레드",
+        "timeline": "타임라인",
+        "unavailable": "사용 불가",
+        "unencrypted": "암호화되지 않음",
+        "unmute": "음소거 끄기",
+        "unnamed_room": "이름 없는 방",
+        "unnamed_space": "이름 없는 Space",
+        "unverified": "검증 되지 않음",
+        "updating": "업데이트 중…",
+        "user": "사용자",
+        "user_avatar": "프로필 사진",
+        "username": "사용자 이름",
+        "verified": "검증됨",
+        "version": "버전",
+        "video_room": "비디오 room",
+        "view_message": "메시지 보기",
+        "warning": "경고"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "방 전체에 알림",
+            "command_a11y": "명령어 자동 완성",
+            "command_description": "명령어",
+            "emoji_a11y": "이모지 자동 완성",
+            "notification_a11y": "알림 자동 완성",
+            "notification_description": "방 알림",
+            "room_a11y": "방 자동 완성",
+            "space_a11y": "스페이스 자동 완성",
+            "user_a11y": "사용자 자동 완성",
+            "user_description": "사용자"
+        },
+        "close_sticker_picker": "스티커 숨기기",
+        "edit_composer_label": "메시지 편집",
+        "format_bold": "굵게",
+        "format_code_block": "코드 블록",
+        "format_decrease_indent": "들여쓰기 감소",
+        "format_increase_indent": "들여쓰기 증가",
+        "format_inline_code": "코드",
+        "format_insert_link": "링크 삽입",
+        "format_italic": "이탤릭체",
+        "format_italics": "기울게",
+        "format_link": "링크",
+        "format_ordered_list": "번호 목록",
+        "format_strikethrough": "취소선",
+        "format_underline": "밑줄",
+        "format_unordered_list": "글머리 기호",
+        "formatting_toolbar_label": "서식 지정",
+        "link_modal": {
+            "link_field_label": "링크",
+            "text_field_label": "글자",
+            "title_create": "링크 생성",
+            "title_edit": "링크 수정"
+        },
+        "mode_plain": "서식 숨기기",
+        "mode_rich_text": "서식 표시",
+        "no_perms_notice": "이 방에 글을 올릴 권한이 없습니다",
+        "placeholder": "암호화되지 않은 메시지 보내기",
+        "placeholder_encrypted": "메시지 보내기",
+        "placeholder_reply": "암호화되지 않은 답장 보내기",
+        "placeholder_reply_encrypted": "답변 보내기",
+        "placeholder_thread": "암호화되지 않은 스레드에 답장하기",
+        "placeholder_thread_encrypted": "스레드에 답글 달기…",
+        "poll_button": "투표",
+        "poll_button_no_perms_description": "이 방에서 투표를 시작할 권한이 없습니다.",
+        "poll_button_no_perms_title": "권한 필요",
+        "replying_title": "답장 중",
+        "room_unencrypted": "이 방의 메시지는 종단간 암호화가 되지 않았습니다.",
+        "room_upgraded_link": "이 대화는 여기서 이어집니다.",
+        "room_upgraded_notice": "이 방은 대체되어서 더 이상 활동하지 않습니다.",
+        "send_button_title": "메시지 보내기",
+        "send_button_voice_message": "음성 메세지 보내기",
+        "send_voice_message": "음성 메세지 보내기",
+        "stop_voice_message": "녹화 중지",
+        "voice_message_button": "음성 메세지"
+    },
+    "console_dev_note": "Element는 오픈소스입니다. 사용법을 알고 계시다면, 저희 GitHub(https://github.com/vector-im/element-web/)를 꼭 확인해 보시고 기여해 주세요!",
+    "console_scam_warning": "누군가 여기서 무언가를 복사/붙여넣으라고 했다면, 사기일 가능성이 매우 높습니다!",
+    "console_wait": "잠시 기다려 주세요.",
+    "create_room": {
+        "action_create_room": "방 만들기",
+        "action_create_video_room": "영상 방 만들기",
+        "encrypted_video_room_warning": "나중에 이 기능을 비활성화할 수 없습니다. 회의실은 암호화되지만 내장된 통화는 암호화되지 않습니다.",
+        "encrypted_warning": "나중에 이 기능을 비활성화할 수 없습니다. 브릿지와 대부분의 봇은 아직 작동하지 않습니다.",
+        "encryption_forced": "서버에서 비공개 방 암호화를 활성화해야 합니다.",
+        "encryption_label": "종단간 암호화 활성화",
+        "error_title": "방 만들기 실패",
+        "generic_error": "서버를 쓸 수 없거나 과부하거나, 오류입니다.",
+        "join_rule_change_notice": "방 설정에서 언제든지 변경할 수 있습니다.",
+        "join_rule_invite": "비공개 방 (초대 필요)",
+        "join_rule_invite_label": "초대받은 사람만 이 방에 참여할 수 있습니다.",
+        "join_rule_knock_label": "누구나 가입을 요청할 수 있지만, 관리자나 운영자가 접근 권한을 부여해야 합니다. 나중에 이 설정을 변경할 수 있습니다.",
+        "join_rule_public_label": "누구나 이 방을 찾아 참여할 수 있습니다.",
+        "join_rule_public_parent_space_label": "<SpaceName/> 회원뿐만 아니라 누구나 이 방을 찾아 참여할 수 있습니다.",
+        "join_rule_restricted": "표준",
+        "join_rule_restricted_label": "<SpaceName/>의 멤버라면 누구나 참여할 수 있습니다.",
+        "name_validation_required": "방 이름을 입력해주세요",
+        "room_visibility_label": "방 표시 여부",
+        "state_encrypted_warning": "상태 이벤트 암호화 실험 기능을 활성화하여 방 이름, 주제 등의 메타데이터를 서버로부터 숨깁니다. 단, 나중에 방에 참여하는 사용자나 MSC4362를 지원하지 않는 클라이언트 사용자에게는 이 정보가 표시되지 않습니다.",
+        "state_encryption_label": "암호화된 상태 이벤트",
+        "title_private_room": "개인 방 만들기",
+        "title_public_room": "공개 방 만들기",
+        "title_video_room": "영상 방 생성",
+        "topic_label": "주제 (선택)",
+        "unfederated": "%(serverName)s 에 속하지 않은 사람은 누구든 이 방에 절대 참여하지 못하도록 차단하십시오.",
+        "unfederated_label_default_off": "홈서버에서 내부 팀과의 협업에만 방을 사용할 경우 이 옵션을 활성화할 수 있습니다. 이 설정은 나중에 변경할 수 없습니다.",
+        "unfederated_label_default_on": "해당 방이 자체 홈서버를 보유한 외부 팀과의 협업에 사용될 경우 이 기능을 비활성화할 수 있습니다. 이 설정은 나중에 변경할 수 없습니다.",
+        "unsupported_version": "서버가 지정된 방 버전을 지원하지 않습니다."
+    },
+    "create_section_dialog": {
+        "create_section": "섹션 생성",
+        "description": "이 섹션은 당신만을 위한 공간입니다.",
+        "label": "섹션 이름",
+        "title": "섹션 만들기",
+        "title_edition": "섹션을 편집하세요"
+    },
+    "create_space": {
+        "add_details_prompt": "사람들이 알아볼 수 있도록 세부 사항을 추가하세요.",
+        "add_details_prompt_2": "이 설정은 언제든지 변경할 수 있습니다.",
+        "add_existing_rooms_description": "추가할 방이나 대화를 선택하세요. 이 공간은 오직 당신만을 위한 곳으로, 누구에게도 알리지 않습니다. 나중에 더 추가할 수 있습니다.",
+        "add_existing_rooms_heading": "무엇을 정리하고 싶으신가요?",
+        "address_label": "주소",
+        "address_placeholder": "예: 마이 스페이스",
+        "creating": "생성 중…",
+        "creating_rooms": "방 생성 중…",
+        "done_action": "내 스페이스로 가기",
+        "done_action_first_room": "내 첫 번째 방으로 가세요.",
+        "explainer": "스페이스는 방을 체계적으로 관리하고 찾는 방법입니다. 어떤 성격의 스페이스를 만들고 싶으신가요?",
+        "failed_create_initial_rooms": "초기 스페이스 방 생성 실패",
+        "failed_invite_users": "다음 사용자를 귀하의 공간에 초대하는 데 실패했습니다: %(csvUsers)s",
+        "invite_teammates_by_username": "사용자 이름으로 초대하기",
+        "invite_teammates_description": "적절한 사람들에게 접근 권한을 부여하세요. 나중에 더 초대할 수 있습니다.",
+        "invite_teammates_heading": "팀원을 초대하세요",
+        "inviting_users": "초대 중...",
+        "label": "스페이스 만들기",
+        "name_required": "스페이스 이름을 입력해 주세요",
+        "personal_space": "나만 보기",
+        "personal_space_description": "나의 대화방을 관리하는 개인 공간",
+        "private_description": "초대 전용이며, 개인용 또는 팀용으로 적합합니다.",
+        "private_heading": "당신의 비공개 스페이스",
+        "private_only_heading": "당신의 스페이스",
+        "private_personal_description": "적절한 사람들이 접근할 수 있도록 하십시오. %(name)s",
+        "private_personal_heading": "누구와 함께 일하고 있나요?",
+        "private_space": "나와 내 팀원들",
+        "private_space_description": "당신과 팀원들을 위한 전용 공간",
+        "public_description": "누구나 참여 가능하며, 커뮤니티에 가장 적합합니다.",
+        "public_heading": "당신의 공개 스페이스",
+        "search_public_button": "공개 스페이스 검색",
+        "setup_rooms_community_description": "시작하기 위해 방을 몇 개 만들어 보세요.",
+        "setup_rooms_community_heading": "%(spaceName)s 에서 어떤 것들을 논의하고 싶으신가요?",
+        "setup_rooms_description": "기존 방을 포함하여, 나중에 언제든지 스페이스에 방을 더 추가할 수 있습니다.",
+        "setup_rooms_private_description": "시작하기 위해 방을 몇 개 만들어 보세요.",
+        "setup_rooms_private_heading": "팀에서 어떤 프로젝트를 진행 중인가요?",
+        "share_description": "지금은 당신 혼자지만, 다른 사람들과 함께하면 더 좋을 거예요.",
+        "share_heading": "공유 '%(name)s'",
+        "skip_action": "지금은 건너뛰기",
+        "subspace_adding": "추가 중…",
+        "subspace_beta_notice": "관리하는 스페이스에 스페이스를 추가하세요.",
+        "subspace_dropdown_title": "스페이스 만들기",
+        "subspace_existing_space_prompt": "기존 스페이스를 추가하시겠습니까?",
+        "subspace_join_rule_invite_description": "초대받은 사람만 이 스페이스를 찾아 참여할 수 있습니다.",
+        "subspace_join_rule_invite_only": "비공개 스페이스 (초대 필요)",
+        "subspace_join_rule_label": "스페이스 표시",
+        "subspace_join_rule_public_description": "<SpaceName/> 회원뿐만 아니라 누구나 이 스페이스를 찾아 참여할 수 있습니다.",
+        "subspace_join_rule_restricted_description": "<SpaceName/>의 멤버라면 누구나 참여할 수 있습니다."
+    },
+    "credits": {
+        "default_cover_photo": "<photo>의 기본 커버 사진</photo> 은 © <author>Jesús Roncero</author> 의 작품으로, <terms>CC-BY-SA 4.0</terms> 라이선스 조건에 따라 사용되었습니다.",
+        "twemoji": "<twemoji>Twemoji</twemoji> 이모지 아트는 © <author>Twitter, Inc 및 기타 기여자</author> <terms> CC-BY 4.0</terms> 의 조건에 따라 사용되었습니다.",
+        "twemoji_colr": "<colr>twemoji-colr</colr> 폰트는 © <author>Mozilla Foundation</author> 에 있으며, <terms>Apache 2.0</terms> 의 조건에 따라 사용됩니다."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "\"%(roomName)s\" 가입 초대를 정말 거절하시겠습니까?",
+        "ignore_user_help": "이 사용자로부터는 어떤 메시지나 방 초대도 받지 못할 것입니다.",
+        "reason_description": "해당 방을 신고한 사유를 설명하십시오.",
+        "report_room_description": "이 방을 계정 제공자에게 신고하십시오.",
+        "title": "초대 거절"
+    },
+    "desktop_default_device_name": "%(brand)s 데스크톱: %(platformName)s",
+    "devtools": {
+        "active_widgets": "활성 위젯",
+        "category_other": "기타",
+        "category_room": "방",
+        "caution_colon": "주의:",
+        "checking_sticky_events_support": "고정 이벤트(Sticky events) 지원 여부 확인 중...",
+        "client_versions": "클라이언트 버전",
+        "crypto": {
+            "4s_public_key_in_account_data": "계정 데이터",
+            "4s_public_key_not_in_account_data": "찾을 수 없음",
+            "4s_public_key_status": "비밀 저장소 공개 키:",
+            "backup_key_cached": "로컬에 캐시됨",
+            "backup_key_cached_status": "백업 키 캐시됨:",
+            "backup_key_not_stored": "저장되지 않음",
+            "backup_key_stored": "비밀 저장소에",
+            "backup_key_stored_status": "백업 키 저장됨:",
+            "backup_key_unexpected_type": "예상치 못한 유형",
+            "backup_key_well_formed": "잘 형성됨",
+            "cross_signing": "교차 서명",
+            "cross_signing_cached": "로컬에 캐시됨",
+            "cross_signing_not_ready": "교차서명이 설정되지 않았습니다.",
+            "cross_signing_private_keys_in_storage": "비밀 저장소에",
+            "cross_signing_private_keys_in_storage_status": "개인 키 교차 서명:",
+            "cross_signing_private_keys_not_in_storage": "저장소에서 찾을 수 없음",
+            "cross_signing_public_keys_on_device": "메모리에",
+            "cross_signing_public_keys_on_device_status": "교차 서명 공개 키:",
+            "cross_signing_ready": "교차서명을 사용할 준비가 되었습니다.",
+            "cross_signing_status": "교차 서명 상태:",
+            "cross_signing_untrusted": "계정의 비밀 저장소에 디지털 신원이 저장되어 있으나, 현재 세션에서 아직 신뢰하도록 설정되지 않았습니다.",
+            "crypto_not_available": "암호화 모듈을 사용할 수 없습니다.",
+            "device_id": "기기 ID",
+            "key_backup_active_version": "활성 백업 버전:",
+            "key_backup_active_version_none": "설정없음",
+            "key_backup_inactive_warning": "이 세션에서는 키가 백업되지 않습니다.",
+            "key_backup_latest_version": "서버의 최신 백업 버전:",
+            "key_storage": "키 저장소",
+            "master_private_key_cached_status": "마스터 개인 키:",
+            "not_found": "찾을 수 없음",
+            "not_found_locally": "로컬에서 찾을 수 없음",
+            "secret_storage_not_ready": "준비되지 않음",
+            "secret_storage_ready": "준비",
+            "secret_storage_status": "비밀 저장소:",
+            "self_signing_private_key_cached_status": "자체 서명 개인 키:",
+            "session": "세션",
+            "session_fingerprint": "지문(세션 키)",
+            "title": "종단 간 암호화",
+            "user_signing_private_key_cached_status": "사용자 서명 개인 키:"
+        },
+        "developer_mode": "개발자 모드",
+        "developer_tools": "개발자 도구",
+        "device_dehydrated_no": "Dehydrated: 아니요",
+        "device_dehydrated_yes": "Dehydrated: 예",
+        "device_id": "device ID: %(deviceId)s",
+        "device_keys": "device 키",
+        "device_verification_status": {
+            "signed_by_owner": "검증 상태: <E2EIcon /> 소유자 서명",
+            "unknown": "검증 상태: 알 수 없음",
+            "unverified": "검증 상태: <E2EIcon /> 소유자에 의해 서명되지 않음",
+            "verified": "검증 상태: <E2EIcon /> 교차 서명으로 검증됨"
+        },
+        "devices": "암호화 장치(%(count)s )",
+        "edit_setting": "설정 편집",
+        "edit_values": "값 편집",
+        "empty_string": "<empty string>",
+        "error_sticky_duration_must_be_a_number": "stickyDuration 값은 숫자여야 합니다",
+        "error_sticky_duration_out_of_range": "stickyDuration 값은 0에서 36,000밀리초(1시간) 사이여야 합니다",
+        "event_content": "이벤트 내용",
+        "event_id": "이벤트 ID:%(eventId)s",
+        "event_sent": "이벤트를 보냈습니다!",
+        "event_type": "이벤트 종류",
+        "expired": "만료됨",
+        "expires_in": "만료까지",
+        "explore_account_data": "계정 데이터 탐색",
+        "explore_room_account_data": "방 계정 데이터 탐색",
+        "explore_room_state": "방 상태 탐색",
+        "explore_sticky_state": "고정 상태(Sticky state) 탐색",
+        "failed_to_find_widget": "이 위젯을 찾는 과정에서 오류가 발생했습니다.",
+        "failed_to_load": "불러 오지 못했습니다",
+        "failed_to_save": "설정 저장에 실패했습니다.",
+        "failed_to_send": "이벤트 전송하는 데 실패했습니다!",
+        "id": "ID: ",
+        "invalid_device_key_id": "잘못된 장치 키 ID입니다.",
+        "invalid_json": "유효한 JSON이 아닌 것 같습니다.",
+        "level": "레벨",
+        "low_bandwidth_mode": "저대역폭 모드",
+        "low_bandwidth_mode_description": "암호화, 상태 표시, 프로필 이미지, 읽음 확인, 타이핑 알림 기능이 비활성화됩니다.",
+        "main_timeline": "주 타임라인",
+        "manual_device_verification": "수동 기기 검증",
+        "no_receipt_found": "영수증을 찾을 수 없습니다",
+        "no_sticky_events": "이 방에 고정된 이벤트가 없습니다.",
+        "notification_state": "알림 상태는 <strong>%(notificationState)s</strong>",
+        "notifications_debug": "알림 디버그",
+        "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>",
+        "room_notifications_dot": "Dot: ",
+        "room_notifications_highlight": "하이라이트",
+        "room_notifications_last_event": "마지막 이벤트:",
+        "room_notifications_sender": "발신자:",
+        "room_notifications_thread_id": "스레드 ID: ",
+        "room_notifications_total": "합계:",
+        "room_notifications_type": "유형:",
+        "room_status": "방 현황",
+        "room_unread_status_count": {
+            "other": "채팅방 읽지 않은 상태: <strong>%(status)s</strong>, 개수: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "설정값 저장",
+        "see_history": "기록 보기",
+        "send_custom_account_data_event": "사용자 지정 계정 데이터 이벤트 전송",
+        "send_custom_room_account_data_event": "사용자 지정 방 계정 데이터 이벤트 전송",
+        "send_custom_state_event": "사용자 정의 상태 이벤트 전송",
+        "send_custom_sticky_event": "사용자 정의 고정 이벤트 보내기",
+        "send_custom_timeline_event": "사용자 지정 타임라인 이벤트 보내기",
+        "server_info": "서버 정보",
+        "server_versions": "서버 버전",
+        "settable_global": "전역으로 설정 가능",
+        "settable_room": "채팅방에서 설정 가능",
+        "setting_colon": "설정:",
+        "setting_definition": "설정 정의:",
+        "setting_id": "Setting ID",
+        "settings": {
+            "elementCallUrl": "엘리먼트 통화 URL"
+        },
+        "settings_explorer": "설정 탐색기",
+        "show_empty_content_events": "빈 콘텐츠가 있는 이벤트 표시",
+        "show_hidden_events": "타임라인에서 숨겨진 이벤트 보이기",
+        "spaces": {
+            "other": "<%(count)s 스페이스>"
+        },
+        "state_key": "상태 키",
+        "sticky_duration": "고정 유지 시간 (ms)",
+        "sticky_events_not_supported": "현재 사용 중인 홈서버가 아직 고정 이벤트를 지원하지 않습니다.",
+        "sticky_key": "고정 키",
+        "thread_root_id": "스레드 Root ID: %(threadRootId)s",
+        "threads_timeline": "스레드 타임라인",
+        "title": "개발자 도구",
+        "toolbox": "도구 상자",
+        "use_at_own_risk": "이 UI는 값의 유형을 확인하지 않습니다. 사용 시 주의하십시오.",
+        "user_avatar": "아바타: %(avatar)s",
+        "user_displayname": "표시 이름: %(displayname)s",
+        "user_id": "사용자 ID:%(userId)s",
+        "user_no_avatar": "아바타: <i>없음</i>",
+        "user_no_displayname": "표시 이름: <i>없음</i>",
+        "user_read_up_to": "사용자가 읽은 위치: ",
+        "user_read_up_to_ignore_synthetic": "사용자가 읽은 위치 (ignoreSynthetic 무시):",
+        "user_read_up_to_private": "사용자가 읽은 위치 (m.read.private):",
+        "user_read_up_to_private_ignore_synthetic": "사용자가 읽은 위치 (m.read.private; ignoreSynthetic):",
+        "user_room_membership": "회원:%(membership)s",
+        "user_verification_status": {
+            "identity_changed": "인증 상태: <E2EIcon /> 미인증 (디지털 신원 변경됨)",
+            "unverified": "검증 상태: <E2EIcon /> 미검증",
+            "verified": "검증 상태: <E2EIcon /> 검증됨",
+            "was_verified": "인증 상태: <E2EIcon /> 이전에 인증되었으나, 디지털 신원이 재설정되었습니다"
+        },
+        "users": "사용자",
+        "value": "Value",
+        "value_colon": "Value:",
+        "value_in_this_room": "이 채팅방의 값",
+        "value_this_room_colon": "이 채팅방의 값:",
+        "values_explicit": "명시적 수준의 값",
+        "values_explicit_colon": "명시적 수준의 값들:",
+        "values_explicit_room": "이 채팅방의 명시적 수준에서의 값들",
+        "values_explicit_this_room_colon": "이 채팅방의 명시적 수준에서의 값들:",
+        "view_servers_in_room": "채팅방 내 서버 보기",
+        "view_source_decrypted_event_source": "복호화된 이벤트 소스",
+        "view_source_decrypted_event_source_unavailable": "복호화된 소스 없음",
+        "widget_screenshots": "지원되는 위젯에 대해 위젯 스크린샷 사용하기"
+    },
+    "dialog_close_label": "대화 상자 닫기",
+    "download_completed": "다운로드 완료",
+    "empty_room": "빈 채팅방",
+    "empty_room_was_name": "빈 채팅방 (이전 이름: %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "보안 키나 보안 문구를 가지고 있다면 이 방법도 작동합니다.",
+            "key_validation_text": {
+                "wrong_security_key": "입력하신 복구 키가 올바르지 않습니다."
+            },
+            "privacy_warning": "아무도 이 화면을 볼 수 없도록 하세요!",
+            "restoring": "백업에서 키 복원",
+            "security_key_label": "복구 키",
+            "security_key_title": "복구 키를 입력하세요"
+        },
+        "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": "누군가가 알 수 없는 세션을 사용하고 있습니다.",
+        "cross_signing_user_normal": "이 사용자를 인증하지 않았습니다.",
+        "cross_signing_user_verified": "이 사용자를 인증했습니다. 이 사용자는 모든 세션을 인증했습니다.",
+        "cross_signing_user_warning": "이 사용자는 자신의 모든 세션을 확인하지 않았습니다.",
+        "enter_recovery_key": "복구 키 확인",
+        "event_shield_reason_authenticity_not_guaranteed": "이 장치에서는 이 암호화된 메시지의 진위 여부를 보장할 수 없습니다.",
+        "event_shield_reason_mismatched_sender": "이벤트의 발신자가 이벤트를 보낸 장치의 소유자와 일치하지 않습니다.",
+        "event_shield_reason_mismatched_sender_key": "검증되지 않은 세션으로 암호화됨",
+        "event_shield_reason_unknown_device": "알 수 없거나 삭제된 장치에 의해 암호화됩니다.",
+        "event_shield_reason_unsigned_device": "소유자가 확인하지 않은 장치에 의해 암호화되었습니다.",
+        "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": "키 저장소가 동기화되지 않았습니다.",
+        "key_storage_out_of_sync_description": "키 저장소 및 메시지 기록에 대한 액세스를 유지하려면 복구 키를 확인하세요.",
+        "messages_not_secure": {
+            "cause_1": "당신의 홈 서버",
+            "cause_2": "사용자가 확인 중인 홈 서버에 연결된 사용자",
+            "cause_3": "귀하의, 또는 다른 사용자들의 인터넷 연결",
+            "cause_4": "귀하의 세션 또는 다른 사용자의 세션",
+            "heading": "다음 중 하나가 손상되었을 수 있습니다:",
+            "title": "귀하의 메시지는 안전하지 않습니다"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "보안 메시지를 위한 새로운 보안 문구와 키가 감지되었습니다.",
+            "description_2": "이 세션은 새로운 복구 방법을 사용하여 기록을 암호화하고 있습니다.",
+            "title": "새 복구 방식",
+            "warning": "새 복구 방식을 설정하지 않으면, 공격자가 계정에 접근을 시도할 지도 모릅니다. 설정에서 계정 비밀번호를 바꾸고 즉시 새 복구 방식을 설정하세요."
+        },
+        "pinned_identity_changed": "%(displayName)s(<b>%(userId)s</b>)님의 디지털 신원이 초기화되었습니다. <a>자세히 보기</a>",
+        "pinned_identity_changed_no_displayname": "<b>%(userId)s</b>님의 디지털 신원이 초기화되었습니다. <a>자세히 보기</a>",
+        "recovery_method_removed": {
+            "description_1": "이번 세션에서 보안 문구와 보안 메시지용 키가 제거된 것으로 감지되었습니다.",
+            "description_2": "실수로 이 작업을 수행한 경우, 해당 세션에서 보안 메시지를 설정하면 새 복구 방법으로 해당 세션의 메시지 기록을 재암호화할 수 있습니다.",
+            "title": "복구 방식 제거됨",
+            "warning": "이 복구 방식을 제거하지 않으면, 공격자가 계정에 접근을 시도할 지도 모릅니다. 설정에서 계정 비밀번호를 바꾸고 즉시 새 복구 방식을 설정하세요."
+        },
+        "set_up_recovery": "대화 백업하기",
+        "set_up_recovery_toast_description": "대화 내용은 종단간 암호화 기술로 자동 백업됩니다. 모든 기기에 접속할 수 없는 상황에서 백업을 복구하고 디지털 신원을 유지하려면 복구 키가 반드시 필요합니다.",
+        "set_up_toast_title": "보안 백업 설정",
+        "turn_on_key_storage": "키 저장 기능 켜기",
+        "turn_on_key_storage_description": "이 설정을 통해 새로운 기기에서도 대화 기록을 확인할 수 있으며, 대화 및 디지털 신원 백업에 반드시 필요합니다.",
+        "unable_to_setup_keys_error": "키 설정이 불가능합니다",
+        "verification": {
+            "accepting": "수락 중…",
+            "after_new_login": {
+                "device_verified": "기기 검증됨",
+                "skip_verification": "지금은 인증을 건너뛰기",
+                "verify_this_device": "이 장치를 확인하십시오"
+            },
+            "cancelled_verification": "요청이 시간 초과되었거나, 요청이 거부되었거나, 인증 불일치가 발생했습니다.",
+            "cancelling": "취소 중…",
+            "cant_confirm": "확인할 수 없나요?",
+            "complete_action": "알겠습니다",
+            "complete_description": "성공적으로 이 사용자를 인증했습니다.",
+            "complete_title": "인증되었습니다!",
+            "confirm_identity_description": "보안 메시징을 설정하려면 이 장치를 확인하세요.",
+            "confirm_identity_title": "디지털 신원 확인",
+            "confirm_the_emojis": "아래 이모티콘이 다른 기기에서 표시되는 것과 일치하는지 확인하세요.",
+            "error_starting_description": "다른 사용자와 채팅을 시작할 수 없었습니다.",
+            "error_starting_title": "검증 시작 중 오류 발생",
+            "explainer": "이 사용자 간의 보안 메시지는 종단간 암호화되며 제 3자가 읽을 수 없습니다.",
+            "in_person": "안전을 위해 직접 만나거나 신뢰할 수 있는 방법으로 소통하십시오.",
+            "incoming_sas_device_dialog_text_1": "이 기기를 확인하여 신뢰할 수 있는 기기로 표시하세요. 이 기기를 신뢰하면 귀하와 다른 사용자들이 종단 간 암호화된 메시지를 사용할 때 더욱 안심할 수 있습니다.",
+            "incoming_sas_device_dialog_text_2": "이 기기를 인증하면 신뢰할 수 있는 기기로 표시되며, 귀하와 인증한 사용자들은 이 기기를 신뢰하게 됩니다.",
+            "incoming_sas_dialog_title": "수신 확인 요청",
+            "incoming_sas_dialog_waiting": "파트너가 확인하기를 기다리는 중…",
+            "incoming_sas_user_dialog_text_1": "이 사용자를 신뢰할 수 있도록 인증합니다. 종단간 암호화 메시지를 사용할 때 사용자를 신뢰하면 안심이 듭니다.",
+            "incoming_sas_user_dialog_text_2": "이 사용자를 인증하면 해당 사용자의 세션이 신뢰할 수 있는 세션으로 표시되며, 동시에 귀하의 세션도 해당 사용자에게 신뢰할 수 있는 세션으로 표시됩니다.",
+            "manual": {
+                "already_verified": "이 장치는 이미 검증되었습니다.",
+                "already_verified_and_wrong_fingerprint": "제공된 지문이 일치하지 않지만, 기기는 이미 인증되었습니다!",
+                "device_id": "기기 ID",
+                "failure_description": "'%(deviceId)s' 장치 인증 실패: %(error)s",
+                "failure_title": "인증 실패",
+                "fingerprint": "지문(세션 키)",
+                "no_crypto": "기기 확인 불가 - 암호화 기능이 활성화되지 않았습니다",
+                "no_device": "장치 인증 불가: '%(deviceId)s' 장치를 찾을 수 없음",
+                "no_userid": "장치 확인 불가 - 사용자 ID를 찾을 수 없습니다",
+                "success_description": "해당 장치(%(deviceId)s)는 이제 교차 서명되었습니다.",
+                "success_title": "인증 성공!",
+                "text": "자신의 장치 중 하나의 ID와 지문을 입력하여 장치를 검증하세요. 주의: 이렇게 하면 다른 장치가 사용자를 대신해 메시지를 보내고 받을 수 있습니다. 누군가 이곳에 무엇인가를 붙여넣으라고 했다면, 사기일 가능성이 높습니다!",
+                "wrong_fingerprint": "장치 '%(deviceId)s'를 검증할 수 없습니다 - 제공된 지문 '%(fingerprint)s'이 장치 지문 '%(fprint)s'과 일치하지 않습니다"
+            },
+            "no_support_qr_emoji": "확인하려는 장치는 QR 코드 또는 이모지 인증을 지원하지 않습니다. %(brand)s에서는 이 방식을 사용합니다. 다른 클라이언트로 시도하세요",
+            "now_you_can": "이제 메시지를 안전하게 읽거나 보낼 수 있으며, 채팅 상대도 이 기기를 신뢰할 수 있습니다.",
+            "once_accepted_can_continue": "승인되면 인증 절차를 계속 진행할 수 있습니다.",
+            "other_party_cancelled": "상대방이 확인을 취소했습니다.",
+            "prompt_encrypted": "채팅방의 보안을 보장하려면, 방에 있는 모든 사용자를 인증하세요.",
+            "prompt_unencrypted": "암호화된 채팅방에서는 보안을 보장하기 위해 모든 사용자를 인증해야 합니다.",
+            "qr_or_sas": "%(qrCode)s 또는 %(emojiCompare)s",
+            "qr_prompt": "이 고유 코드를 스캔하세요",
+            "qr_reciprocate_check_again_device": "다른 기기에서 다시 확인하여 인증을 완료하세요.",
+            "qr_reciprocate_no": "아니요, 녹색 방패가 보이지 않습니다.",
+            "qr_reciprocate_same_shield_user": "거의 다 됐습니다! %(displayName)s 기기에도 같은 방패 모양이 보이나요?",
+            "qr_reciprocate_yes": "네, 녹색 방패가 보입니다.",
+            "request_toast_accept_user": "사용자 확인",
+            "request_toast_decline_counter": "무시하다 (%(counter)s )",
+            "request_toast_detail": "%(ip)s에서 접속한 %(deviceId)s",
+            "request_toast_start_verification": "인증 시작",
+            "sas_caption_self": "다음 번호가 화면에 표시되는지 확인하여 이 장치를 인증하십시오.",
+            "sas_caption_user": "다음 숫자가 상대방의 화면에 나타나는 것을 확인하는 것으로 이 사용자를 인증합니다.",
+            "sas_description": "두 기기 모두 카메라가 없는 경우 고유한 이모지 세트를 비교하세요",
+            "sas_emoji_caption_user": "다음 이모지가 상대방의 화면에 나타나는 것을 확인하는 것으로 이 사용자를 인증합니다.",
+            "sas_match": "일치합니다",
+            "sas_no_match": "일치하지 않습니다",
+            "sas_prompt": "고유한 이모지 비교",
+            "scan_qr": "스캔하여 확인",
+            "scan_qr_explainer": "%(displayName)s 에 코드 스캔을 요청하세요:",
+            "start_button": "인증 시작",
+            "successful_user": "%(displayName)s 의 인증을 성공적으로 완료했습니다!",
+            "unsupported_method": "지원하는 인증 방식을 찾을 수 없습니다.",
+            "unverified_session_toast_accept": "네, 저였습니다",
+            "unverified_session_toast_title": "새로 로그인하셨습니다. 본인이신가요?",
+            "unverified_sessions_toast_description": "계정이 안전한지 확인하기 위해 검토하세요",
+            "unverified_sessions_toast_reject": "나중에 하기",
+            "unverified_sessions_toast_title": "확인되지 않은 세션이 있습니다",
+            "use_another_device": "다른 기기 사용",
+            "use_recovery_key": "복구 키 사용",
+            "verification_dialog_title_choose": "인증 방법을 선택하세요",
+            "verification_dialog_title_compare_emojis": "이모지 비교",
+            "verification_dialog_title_confirm_green_shield": "다른 기기에서 녹색 방패 아이콘이 표시되는지 확인하세요",
+            "verification_dialog_title_device": "다른 기기 확인",
+            "verification_dialog_title_failed": "인증 실패",
+            "verification_dialog_title_start_on_other_device": "다른 장치에서 인증 시작",
+            "verification_dialog_title_user": "인증 요청",
+            "verification_dialog_title_verified": "기기 인증됨",
+            "verification_skip_warning": "확인하지 않으면 모든 메시지에 접근할 수 없으며 다른 사람들에게 신뢰할 수 없는 계정으로 표시될 수 있습니다.",
+            "verification_success_with_backup": "새 기기가 이제 인증되었습니다. 암호화된 메시지에 접근할 수 있으며, 다른 사용자에게는 신뢰할 수 있는 기기로 표시됩니다.",
+            "verification_success_without_backup": "새 기기가 이제 인증되었습니다. 다른 사용자에게는 신뢰할 수 있는 기기로 표시됩니다.",
+            "verify_by_completing_one_of": "다음 중 하나를 완료하여 인증하세요.",
+            "verify_emoji": "이모지로 확인",
+            "verify_emoji_prompt": "고유한 이모지를 비교하여 확인하십시오.",
+            "verify_emoji_prompt_qr": "위 코드를 스캔할 수 없는 경우, 고유한 이모지를 비교하여 확인하십시오.",
+            "verify_later": "나중에 확인하겠습니다",
+            "waiting_for_user_accept": "%(displayName)s 의 승인을 기다리는 중…",
+            "waiting_other_device": "다른 기기에서 확인을 기다리는 중입니다...",
+            "waiting_other_device_details": "다른 기기에서 확인을 기다리고 있습니다. %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "%(displayName)s 의 확인을 기다리는 중…"
+        },
+        "verification_requested_toast_title": "검증이 요청되었습니다",
+        "verified_identity_changed": "%(displayName)s(<b>%(userId)s</b>)님의 디지털 신원이 초기화되었습니다. <a>자세히 보기</a>",
+        "verified_identity_changed_no_displayname": "<b>%(userId)s</b>님의 디지털 신원이 초기화되었습니다. <a>자세히 보기</a>",
+        "verify_toast_description": "2026년 4월 말부터 인증되지 않은 기기는 메시지를 주고받을 수 없습니다. <a>자세히 보기</a>",
+        "verify_toast_title": "이 기기 인증하기",
+        "withdraw_verification_action": "인증 취소"
+    },
+    "error": {
+        "admin_contact": "이 서비스를 계속 사용하려면 <a>서비스 관리자에게 연락</a>하세요.",
+        "admin_contact_short": "<a>서버 관리자</a>에게 문의하세요.",
+        "app_launch_unexpected_error": "앱 준비 중 예기치 않은 오류가 발생했습니다. 자세한 내용은 콘솔을 참조하십시오.",
+        "cannot_load_config": "구성 파일을 불러올 수 없습니다: 페이지를 새로고침하여 다시 시도해 주세요.",
+        "connection": "홈 서버와의 통신에 문제가 발생했습니다. 나중에 다시 시도해 주세요.",
+        "dialog_description_default": "오류가 발생했습니다.",
+        "download_media": "소스 미디어 다운로드 실패, 소스 URL을 찾을 수 없음",
+        "edit_history_unsupported": "홈서버가 이 기능을 지원하지 않는 모양입니다.",
+        "failed_copy": "복사 실패함",
+        "hs_blocked": "이 홈 서버는 관리자에 의해 차단되었습니다.",
+        "invalid_configuration_mixed_server": "잘못된 구성: default_hs_url은 default_server_name 또는 default_server_config와 함께 지정할 수 없습니다.",
+        "invalid_configuration_no_server": "잘못된 구성: 기본 서버가 지정되지 않았습니다.",
+        "invalid_json": "요소 구성에 잘못된 JSON이 포함되어 있습니다. 문제를 수정하고 페이지를 다시 로드하십시오.",
+        "invalid_json_detail": "파서에서 보낸 메시지는 다음과 같습니다: %(message)s",
+        "invalid_json_generic": "잘못된 JSON",
+        "mau": "이 홈서버가 월 간 활성 사용자 수 한도를 초과했습니다.",
+        "misconfigured": "요소가 잘못 구성되었습니다",
+        "mixed_content": "주소 창에 HTTPS URL이 있을 때는 HTTP로 홈서버를 연결할 수 없습니다. HTTPS를 쓰거나 <a>안전하지 않은 스크립트를 허용</a>해주세요.",
+        "non_urgent_echo_failure_toast": "서버가 일부 <a>요청</a>에 응답하지 않습니다.",
+        "resource_limits": "이 홈서버가 리소스 한도를 초과했습니다.",
+        "session_restore": {
+            "clear_storage_button": "이 기기 로그아웃",
+            "clear_storage_description": "이 기기에서 로그아웃하며 암호화 키도 함께 삭제하시겠습니까?",
+            "description_1": "세션을 복원하는 과정에서 오류가 발생했습니다.",
+            "description_2": "이전에 최근 버전의 %(brand)s을 썼다면, 세션이 이 버전과 맞지 않을 것입니다. 창을 닫고 최근 버전으로 돌아가세요.",
+            "description_3": "브라우저 저장소를 비우면 문제가 해결될 수 있으나, 이 기기에서 로그아웃되며 암호화된 대화 기록을 더 이상 읽을 수 없게 됩니다.",
+            "title": "세션을 복구할 수 없음"
+        },
+        "something_went_wrong": "문제가 생겼습니다!",
+        "storage_evicted_description_1": "암호화 메시지 키를 포함한 일부 세션 데이터가 누락되었습니다. 이 문제를 해결하려면 이 기기에서 로그아웃한 후 다시 로그인하여 백업에서 키를 복구하세요.",
+        "storage_evicted_description_2": "디스크 공간이 부족한 경우 브라우저에서 이 데이터를 제거했을 수 있습니다.",
+        "storage_evicted_title": "누락된 세션 데이터",
+        "sync": "홈 서버에 연결할 수 없습니다. 재시도 중…",
+        "tls": "홈서버에 연결할 수 없음 - 연결 상태를 확인하거나, <a>홈서버의 SSL 인증서</a>가 믿을 수 있는지 확인하고, 브라우저 확장 기능이 요청을 막고 있는지 확인해주세요.",
+        "unknown": "알 수 없는 오류",
+        "unknown_error_code": "알 수 없는 오류 코드",
+        "update_history_visibility": "히스토리 공개 설정 변경 실패",
+        "update_power_level": "권한 등급 변경에 실패함"
+    },
+    "error_app_open_in_another_tab": "다른 탭으로 전환하여 %(brand)s 에 접속하세요. 이 탭은 이제 닫을 수 있습니다.",
+    "error_app_open_in_another_tab_title": "%(brand)s가 다른 탭에서 사용 중입니다",
+    "error_app_opened_in_another_window": "%(brand)s가 다른 창에서 열려 있습니다. \"%(label)s\"를 클릭하면 여기에서 %(brand)s를 사용하고 다른 창과 연결을 끊습니다",
+    "error_database_closed_description": {
+        "for_desktop": "디스크 용량이 부족할 수 있습니다. 일부 공간을 확보하고 다시 로드하세요",
+        "for_web": "브라우저 데이터를 삭제했다면 이 메시지가 표시되는 것이 정상입니다. %(brand)s가 다른 탭에서 열려 있거나, 디스크 용량이 부족할 수도 있습니다. 일부 공간을 확보하고 페이지를 다시 로드하세요"
+    },
+    "error_database_closed_title": "%(brand)s 작동이 중단되었습니다",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "방 링크를 클립보드에 복사할 수 없습니다.",
+            "title": "방 링크를 복사할 수 없습니다"
+        },
+        "error_loading_user_profile": "사용자 프로필을 불러올 수 없음",
+        "forget_room_failed": "%(errCode)s 방 지우기에 실패함"
+    },
+    "error_user_not_logged_in": "사용자가 로그인하지 않았습니다",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "통화 연결 중",
+            "user": "%(senderName)s님과의 통화에 참여",
+            "you": "통화에 참여하셨습니다"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s님과의 통화가 종료됨",
+            "you": "통화를 종료했습니다"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s님에게 전화하고 있어요",
+            "dm_send": "통화받기를 기다리는 중",
+            "user": "%(senderName)s님과의  통화를 시작했습니다",
+            "you": "통화를 시작했습니다"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s님이 %(message)s 메시지에 %(reaction)s 반응을 표시했습니다",
+            "you": "%(message)s 메시지에 %(reaction)s 반응을 표시했습니다"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "오디오",
+            "file": "파일",
+            "image": "이미지",
+            "poll": "투표",
+            "video": "동영상"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "내보내기 취소됨",
+        "cancelled_detail": "내보내기가 성공적으로 취소되었습니다.",
+        "confirm_stop": "데이터 내보내기를 중지하시겠습니까? 중지할 경우 처음부터 다시 시작해야 합니다.",
+        "creating_html": "HTML 만들기…",
+        "creating_output": "출력 생성 중…",
+        "creator_summary": "%(creatorName)s님이 이 채팅방을 생성했습니다",
+        "current_timeline": "현재 타임라인",
+        "enter_number_between_min_max": "%(min)s에서 %(max)s 사이의 숫자를 입력하세요.",
+        "error_fetching_file": "파일 가져오기 중 오류 발생",
+        "export_info": "<roomName/> 채팅방 내보내기를 시작합니다. <exporterDetails/>가 %(exportDate)s에 내보냈습니다",
+        "export_successful": "내보내기 성공",
+        "exported_n_events_in_time": {
+            "other": "%(count)s 개의 이벤트를 %(seconds)s 초 만에 내보냄"
+        },
+        "exporting_your_data": "데이터 내보내기",
+        "fetched_n_events": {
+            "other": "지금까지 %(count)s 개의 이벤트를 가져왔습니다."
+        },
+        "fetched_n_events_in_time": {
+            "other": "%(seconds)s초 동안 %(count)s 개의 이벤트를 가져왔습니다."
+        },
+        "fetched_n_events_with_total": {
+            "other": "%(total)s개의 이벤트 중 %(count)s개를 가져왔습니다"
+        },
+        "fetching_events": "이벤트를 가져오는 중…",
+        "file_attached": "첨부 파일",
+        "format": "포맷",
+        "from_the_beginning": "처음부터",
+        "generating_zip": "ZIP 생성",
+        "html": "HTML",
+        "html_title": "내보낸 데이터",
+        "include_attachments": "첨부 파일 포함",
+        "json": "JSON",
+        "media_omitted": "미디어 생략",
+        "media_omitted_file_size": "미디어 생략 - 파일 크기 제한을 초과했습니다.",
+        "messages": "메시지",
+        "next_page": "다음 메시지 그룹",
+        "num_messages": "메시지 수",
+        "num_messages_min_max": "메시지 수는 %(min)s에서 %(max)s 사이의 숫자여야 합니다.",
+        "number_of_messages": "메시지 수를 지정하십시오",
+        "previous_page": "이전 메시지 그룹",
+        "processing": "처리 중...",
+        "processing_event_n": "%(total)s개의 이벤트 중 %(number)s번째 이벤트 처리 중",
+        "select_option": "아래 옵션 중에서 선택하여 타임라인에서 채팅을 내보내세요",
+        "size_limit": "크기 제한",
+        "size_limit_min_max": "크기는 %(min)sMB에서 %(max)sMB 사이의 숫자여야 합니다.",
+        "size_limit_postfix": "MB",
+        "starting_export": "내보내기를 시작합니다…",
+        "successful": "내보내기 성공",
+        "successful_detail": "내보내기가 성공적으로 완료되었습니다. 다운로드 폴더에서 확인하세요.",
+        "text": "일반 텍스트",
+        "title": "대화 내보내기",
+        "topic": "주제:%(topic)s",
+        "unload_confirm": "이 내보내기 작업을 종료하시겠습니까?"
+    },
+    "failed_load_async_component": "불러올 수 없습니다! 네트워크 연결 상태를 확인한 후 다시 시도하세요.",
+    "feedback": {
+        "can_contact_label": "추가 질문이 있으시면 언제든지 연락 주시기 바랍니다.",
+        "comment_label": "의견",
+        "existing_issue_link": "먼저 <existingIssuesLink>Github의 기존 버그</existingIssuesLink>를 확인해 주세요. 일치하는 항목이 없나요? <newIssueLink>새로 등록</newIssueLink>하세요.",
+        "may_contact_label": "추가 문의 사항이 있거나 향후 아이디어를 테스트해 보길 원하시면 연락 주시기 바랍니다.",
+        "platform_username": "플랫폼과 사용자 이름이 기록되며, 이를 통해 피드백을 최대한 활용할 수 있습니다",
+        "pro_type": "팁: 버그를 보고할 경우, 문제를 추적하는 데 도움이 되도록 <debugLogsLink>디버그 로그</debugLogsLink>를 제출해 주세요",
+        "send_feedback_action": "피드백 보내기",
+        "sent": "피드백을 보냈습니다! 감사합니다!"
+    },
+    "file_panel": {
+        "empty_description": "채팅에서 파일을 첨부하거나 채팅방 안 어디든 파일을 드래그 앤 드롭하세요.",
+        "empty_heading": "이 채팅방에는 파일이 없습니다.",
+        "guest_note": "이 기능을 쓰려면 <a>등록</a>해야 합니다",
+        "peek_note": "파일을 보려면 방에 참가해야 합니다"
+    },
+    "forward": {
+        "filter_placeholder": "방 또는 사람 검색",
+        "message_preview_heading": "메시지 미리보기",
+        "no_perms_title": "이 작업을 수행할 권한이 없습니다.",
+        "open_room": "채팅방 열기",
+        "send_label": "보내기",
+        "sending": "전송 중",
+        "sent": "전송됨"
+    },
+    "identity_server": {
+        "change": "ID 서버 변경",
+        "change_prompt": "현재 ID 서버 <current />와의 연결을 끊고 새 ID 서버 <new />에 연결하겠습니까?",
+        "change_server_prompt": "알고 있는 기존 연락처 사람들을 검색하거나 사람들이 당신을 검색할 수 있는 <server />을(를) 쓰고 싶지 않다면, 아래에 다른 ID 서버를 입력하세요.",
+        "changed": "귀하의 ID 서버가 변경되었습니다.",
+        "checking": "서버 확인 중",
+        "description_connected": "현재 <server></server>을(를) 사용하여 알고 있는 기존 연락처 사람들을 검색하거나 사람들이 당신을 검색할 수 있습니다. 아래에서 ID 서버를 변경할 수 있습니다.",
+        "description_disconnected": "현재 ID 서버를 사용하고 있지 않습니다. 알고 있는 기존 연락처 사람들을 검색하거나 사람들이 당신을 검색하려면, 아래에 하나를 추가하세요.",
+        "description_optional": "ID 서버를 사용하는 것은 선택입니다. ID 서버를 사용하지 않는다면, 다른 사용자에게 검색될 수 없고, 이메일과 전화번호로 다른 사람을 초대할 수 없게 됩니다.",
+        "disconnect": "ID 서버 연결 끊기",
+        "disconnect_anyway": "무시하고 연결 끊기",
+        "disconnect_offline_warning": "계정을 해제하기 전에 ID 서버 <idserver />에서 <b>개인 정보를 삭제</b>해야 합니다. 불행하게도 ID 서버 <idserver />가 현재 오프라인이거나 접근할 수 없는 상태입니다.",
+        "disconnect_personal_data_warning_1": "여전히 ID 서버 <idserver />에 <b>개인 정보를 공유</b>하고 있습니다.",
+        "disconnect_personal_data_warning_2": "연결을 끊기 전에 ID 서버에 이메일 주소와 전화번호를 지우기를 권합니다.",
+        "disconnect_server": "ID 서버 <idserver />(으)로부터 연결을 끊겠습니까?",
+        "disconnect_warning": "ID 서버로부터 연결을 끊으면 다른 사용자에게 검색될 수 없고, 이메일과 전화번호로 다른 사람을 초대할 수 없게 됩니다.",
+        "do_not_use": "ID 서버를 사용하지 않기",
+        "error_connection": "ID 서버에 연결할 수 없음",
+        "error_invalid": "올바르지 않은 ID 서버 (상태 코드 %(code)s)",
+        "error_invalid_or_terms": "서비스 약관에 동의하지 않거나 ID 서버가 올바르지 않습니다.",
+        "no_terms": "고른 ID 서버가 서비스 약관을 갖고 있지 않습니다.",
+        "suggestions": "이렇게 하세요:",
+        "suggestions_1": "브라우저 플러그인을 확인하고 (Privacy Badger같은) ID 서버를 막는 것이 있는지 확인하세요",
+        "suggestions_2": "ID 서버 <idserver />의 관리자와 연락하세요",
+        "suggestions_3": "기다리고 나중에 다시 시도하세요",
+        "url": "ID 서버 (%(server)s)",
+        "url_field_label": "새 ID 서버 입력",
+        "url_not_https": "ID 서버 URL은 HTTPS이어야 함"
+    },
+    "in_space": "%(spaceName)s 스페이스에 속함",
+    "in_space1_and_space2": "소속 스페이스: %(space1Name)s, %(space2Name)s",
+    "in_space_and_n_other_spaces": {
+        "other": "%(spaceName)s 외 %(count)s개의 스페이스에 속함"
+    },
+    "incompatible_browser": {
+        "continue": "그래도 계속하시겠습니까?",
+        "description": "%(brand)s가 현재 브라우저에서 지원되지 않는 일부 기능을 사용합니다. %(detail)s",
+        "detail_can_continue": "계속 진행할 경우 일부 기능이 작동하지 않을 수 있으며, 향후 데이터 손실 위험이 있습니다.",
+        "detail_no_continue": "최신 버전을 사용 중이 아니라면 이 브라우저를 업데이트한 후 다시 시도해 보세요.",
+        "learn_more": "더 알아보기",
+        "linux": "리눅스",
+        "macos": "맥",
+        "supported_browsers": "최상의 경험을 위해 다음 브라우저를 사용하세요. <Chrome>크롬</Chrome>, <Firefox>파이어폭스</Firefox>, <Edge>엣지</Edge>, 또는 <Safari>사파리</Safari>.",
+        "title": "%(brand)s 이 브라우저를 지원하지 않습니다",
+        "use_desktop_heading": "%(brand)s 데스크톱 앱 사용 권장",
+        "use_mobile_heading": "모바일에서는 %(brand)s 을 사용하세요",
+        "use_mobile_heading_after_desktop": "또는 모바일 앱을 사용하세요",
+        "windows_64bit": "Windows (64-bit)",
+        "windows_arm_64bit": "Windows (ARM 64-bit)"
+    },
+    "info_tooltip_title": "정보",
+    "integration_manager": {
+        "connecting": "통합 관리자에 연결 중…",
+        "error_connecting": "통합 관리자가 오프라인이거나 당신의 홈서버에서 접근할 수 없습니다.",
+        "error_connecting_heading": "통합 관리자에 연결할 수 없음",
+        "explainer": "통합 관리자는 구성 데이터를 수신하며, 귀하를 대신하여 위젯을 수정하고, 회의실 초대장을 발송하며, 전력 수준을 설정할 수 있습니다.",
+        "manage_title": "통합 관리",
+        "toggle_label": "통합 관리자 활성화",
+        "use_im": "통합 관리자를 사용하여 봇, 위젯 및 스티커 팩을 관리하세요.",
+        "use_im_default": "봇, 위젯, 스티커 팩을 관리하려면 통합 매니저<b>(%(serverName)s)</b>를 이용하세요."
+    },
+    "integrations": {
+        "disabled_dialog_description": "이 작업을 수행하려면 설정에서 '%(manageIntegrations)s'를 활성화하세요.",
+        "disabled_dialog_title": "통합 기능이 비활성화되었습니다",
+        "impossible_dialog_description": "%(brand)s 에서는 통합 관리자를 사용하여 이 작업을 수행할 수 없습니다. 관리자에게 문의하십시오.",
+        "impossible_dialog_title": "통합이 허용되지 않습니다"
+    },
+    "invite": {
+        "confirm_unknown_users": {
+            "invite_subtitle": "이 연락처들과는 기존 대화 기록이 없습니다. 계속하기 전에 이 방에 초대하는 것이 맞는지 확인해 주세요",
+            "invite_title": "이 방에 새 사용자를 초대할까요?",
+            "start_chat_subtitle_multiple_users": "이 사람들과는 기존 대화 기록이 없습니다. 계속하기 전에 초대를 진행할지 확인해 주세요.",
+            "start_chat_subtitle_one_user": "이 사람과는 기존 대화 기록이 없습니다. 계속하기 전에 초대를 진행할지 확인해 주세요.",
+            "start_chat_title_multiple_users": "이 새 연락처들과 대화를 시작하시겠습니까?",
+            "start_chat_title_one_user": "이 사용자와 대화를 시작하시겠습니까?"
+        },
+        "email_caption": "이메일로 초대",
+        "email_limit_one": "이메일 초대는 한 번에 하나씩만 보낼 수 있습니다",
+        "email_use_default_is": "이메일로 초대하기 위해 ID 서버를 사용합니다. <default>기본 (%(defaultIdentityServerName)s)을(를) 사용하거나</default> <settings>설정</settings>에서 관리하세요.",
+        "email_use_is": "이메일로 초대하기 위해 ID 서버를 사용합니다. <settings>설정</settings>에서 관리하세요.",
+        "error_already_invited_room": "사용자는 이미 채팅방에 초대되었습니다.",
+        "error_already_invited_space": "사용자는 이미 해당 스페이스에 초대되었습니다.",
+        "error_already_joined_room": "사용자는 이미 채팅방에 있습니다",
+        "error_already_joined_space": "사용자는 이미 해당 스페이스에 있습니다.",
+        "error_bad_state": "초대하려면 사용자가 출입 금지되지 않은 상태여야 합니다.",
+        "error_dm": "DM을 생성할 수 없습니다.",
+        "error_find_room": "사용자를 초대하는 과정에서 문제가 발생했습니다.",
+        "error_find_user_description": "다음 사용자는 존재하지 않거나 유효하지 않아 초대할 수 없습니다: %(csvNames)s",
+        "error_find_user_title": "다음 사용자를 찾을 수 없습니다.",
+        "error_invite": "해당 사용자를 초대할 수 없습니다. 초대하려는 사용자를 확인한 후 다시 시도해 주세요.",
+        "error_permissions_room": "이 방에 사람을 초대할 권한이 없습니다.",
+        "error_permissions_space": "이 스페이스에 사람을 초대할 권한이 없습니다.",
+        "error_profile_undisclosed": "사용자가 존재할 수도 있고 존재하지 않을 수도 있습니다.",
+        "error_transfer_multiple_target": "통화는 한 명의 사용자에게만 전송될 수 있습니다.",
+        "error_unfederated_room": "이 채팅방은 연동되지 않았습니다. 외부 서버의 사람들을 초대할 수 없습니다.",
+        "error_unfederated_space": "이 스페이스는 연동되지 않았습니다. 외부 서버의 사용자를 초대할 수 없습니다.",
+        "error_unknown": "알 수 없는 서버 오류",
+        "error_user_not_found": "사용자가 존재하지 않습니다.",
+        "error_version_unsupported_room": "사용자의 홈서버가 방의 버전을 호환하지 않습니다.",
+        "error_version_unsupported_space": "사용자의 홈 서버는 해당 스페이스의 버전을 지원하지 않습니다.",
+        "failed_generic": "작업 실패",
+        "failed_title": "초대 실패",
+        "invalid_address": "인식할 수 없는 주소",
+        "name_email_mxid_share_room": "이름, 이메일 주소, 사용자명(예: <userId/>)을 사용하여 다른 사람을 초대하거나, <a>이 채팅방 공유하기</a>.",
+        "name_email_mxid_share_space": "이름, 이메일 주소, 사용자명(예: <userId/>)을 사용하여 다른 사람을 초대하거나, <a>이 스페이스 공유하기</a>.",
+        "name_mxid_share_room": "이름, 사용자명(예: <userId/>)을 사용하여 다른 사람을 초대하거나, <a>이 채팅방 공유하기</a>.",
+        "name_mxid_share_space": "이름, 이메일 주소, 사용자명(예: <userId/>)을 사용하여 다른 사람을 초대하거나, <a>이 스페이스 공유하기</a>.",
+        "progress": {
+            "dont_close": "작업이 완료될 때까지 앱을 닫지 마십시오.",
+            "preparing": "초대장 준비 중..."
+        },
+        "recents_section": "최근 대화 목록",
+        "room_failed_partial": "사용자들은 초대했지만, 아래의 사용자들은 **<RoomName/>**에 초대할 수 없었습니다.",
+        "room_failed_partial_title": "일부 초대장이 발송되지 못했습니다",
+        "room_failed_title": "%(roomName)s에 사용자를 초대하지 못했습니다",
+        "send_link_prompt": "또는 초대 링크 보내기",
+        "start_conversation_name_email_mxid_prompt": "이름, 이메일, 사용자명(<userId/>) 으로 대화를 시작하세요.",
+        "start_conversation_name_mxid_prompt": "이름이나 사용자명(<userId/> 형식)을 사용하는 사람들과 대화를 시작하세요.",
+        "suggestions_disclaimer": "일부 추천 목록은 개인 정보 보호를 위해 보이지 않을 수 있습니다.",
+        "suggestions_disclaimer_prompt": "찾으려는 사람이 보이지 않으면, 아래의 초대링크를 보내세요.",
+        "suggestions_section": "최근 다이렉트 메세지",
+        "to_room": "%(roomName)s 채팅방에 초대",
+        "to_space": "%(spaceName)s에 초대",
+        "transfer_dial_pad_tab": "다이얼패드",
+        "transfer_user_directory_tab": "사용자 디렉토리",
+        "unable_find_profiles_description_default": "아래에 나열된 Matrix ID에서 프로필을 찾을 수 없습니다 - 무시하고 그들을 초대할까요?",
+        "unable_find_profiles_invite_label_default": "무시하고 초대",
+        "unable_find_profiles_invite_never_warn_label_default": "무시하고 초대, 그리고 다시 경고하지 않기",
+        "unable_find_profiles_title": "다음 사용자는 존재하지 않을 수 있습니다",
+        "unban_first_title": "사용자는 차단이 해제되기 전까지는 초대할 수 없습니다."
+    },
+    "inviting_user1_and_user2": "%(user1)s 및 %(user2)s 초대 중",
+    "inviting_user_and_n_others": {
+        "other": "%(user)s 및 다른 %(count)s명 초대 중"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> 외 %(count)s명"
+    },
+    "keyboard": {
+        "activate_button": "선택한 버튼 활성화",
+        "alt": "Alt",
+        "autocomplete_cancel": "자동완성 취소",
+        "autocomplete_force": "강제 완료",
+        "autocomplete_navigate_next": "다음 자동완성 제안",
+        "autocomplete_navigate_prev": "이전 자동완성 제안",
+        "backspace": "Backspace",
+        "cancel_reply": "메시지 답장 취소",
+        "category_autocomplete": "자동 완성",
+        "category_calls": "통화",
+        "category_navigation": "탐색",
+        "category_room_list": "방 목록",
+        "close_dialog_menu": "대화 상자 또는 컨텍스트 메뉴 닫기",
+        "composer_jump_end": "메시지 입력창 맨 끝으로 이동",
+        "composer_jump_start": "메시지 입력창 맨 앞으로 이동",
+        "composer_navigate_next_history": "다음 작성 메시지로 이동",
+        "composer_navigate_prev_history": "이전 작성 메시지로 이동",
+        "composer_new_line": "새 줄",
+        "composer_redo": "편집 다시하기",
+        "composer_toggle_bold": "굵게 전환",
+        "composer_toggle_code_block": "코드 블록 전환",
+        "composer_toggle_italics": "이탤릭체 전환",
+        "composer_toggle_link": "링크 토글",
+        "composer_toggle_quote": "인용 전환",
+        "composer_undo": "편집 취소",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "모두 읽음 처리하고 맨 아래로 이동",
+        "end": "End",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "홈 화면으로 이동",
+        "home": "홈",
+        "jump_first_message": "첫 번째 메시지로 이동",
+        "jump_last_message": "마지막 메시지로 이동",
+        "jump_room_search": "채팅방 검색으로 이동",
+        "jump_to_read_marker": "가장 오래된 읽지 않은 메시지로 이동",
+        "keyboard_shortcuts_tab": "이 설정 탭을 엽니다",
+        "navigate_next_history": "최근에 방문한 채팅방 또는 스페이스",
+        "navigate_next_message_edit": "다음 메시지로 이동하여 편집하세요",
+        "navigate_prev_history": "최근에 방문한 채팅방 또는 스페이스",
+        "navigate_prev_message_edit": "이전 메시지로 이동하여 편집하세요",
+        "next_landmark": "다음 랜드마크로 이동",
+        "next_room": "다음 채팅방 또는 DM",
+        "next_unread_room": "다음 읽지 않은 채팅방 또는 DM",
+        "number": "[number]",
+        "open_user_settings": "사용자 설정 열기",
+        "page_down": "Page Down",
+        "page_up": "Page Up",
+        "prev_landmark": "이전 랜드마크로 이동",
+        "prev_room": "이전 채팅방 또는 DM",
+        "prev_unread_room": "이전 안 읽은 채팅방 또는 DM",
+        "room_list_collapse_section": "채팅방 목록 섹션 접기",
+        "room_list_expand_section": "채팅방 목록 섹션 확장",
+        "room_list_navigate_down": "채팅방 목록에서 아래로 이동",
+        "room_list_navigate_up": "채팅방 목록에서 위로 이동",
+        "room_list_select_room": "채팅방 목록에서 선택 하세요",
+        "save": "저장",
+        "scroll_down_timeline": "타임라인 아래로 스크롤",
+        "scroll_up_timeline": "타임라인 위로 스크롤",
+        "search": "검색 (반드시 활성화해야 함)",
+        "send_sticker": "스티커 보내기",
+        "shift": "Shift",
+        "space": "Space",
+        "switch_to_space": "번호를 입력해 스페이스로 이동",
+        "toggle_hidden_events": "숨겨진 이벤트 표시 여부 전환",
+        "toggle_microphone_mute": "마이크 음소거 전환",
+        "toggle_right_panel": "오른쪽 패널 전환",
+        "toggle_space_panel": "스페이스 패널 토글",
+        "toggle_top_left_menu": "왼쪽 상단 메뉴 전환",
+        "toggle_webcam_mute": "웹캠 켜기/끄기",
+        "upload_file": "파일 업로드"
+    },
+    "labs": {
+        "ask_to_join": "참가 요청 허용",
+        "beta_description": "%(brand)s 의 다음 단계는 무엇일까요? Labs는 새로운 기능을 가장 먼저 접하고 테스트해 볼 수 있는 최고의 방법이며, 정식 출시 전에 기능 개발에 기여할 수 있는 기회입니다.",
+        "beta_feature": "이것은 베타 기능입니다",
+        "beta_feedback_leave_button": "베타를 종료하려면 설정을 방문하세요.",
+        "beta_feedback_title": "%(featureName)s 베타 피드백",
+        "beta_section": "예정된 기능",
+        "bridge_state": "채팅방 설정에서 브리지 정보를 확인하세요",
+        "bridge_state_channel": "채널:<channelLink/>",
+        "bridge_state_creator": "이 브리지는 <user /> 에서 제공되었습니다.",
+        "bridge_state_manager": "이 브리지는 <user /> 에서 관리합니다.",
+        "bridge_state_workspace": "작업 공간:<networkLink/>",
+        "click_for_info": "자세한 내용을 보려면 클릭하세요",
+        "currently_experimental": "현재 실험 중입니다.",
+        "custom_themes": "사용자 정의 테마 추가 지원",
+        "dynamic_room_predecessors": "동적 채팅방 이전 항목",
+        "dynamic_room_predecessors_description": "MSC3946 활성화 (지연 도착 채팅방 아카이브 지원)",
+        "element_call_video_rooms": "Element Call 영상 채팅방",
+        "encrypted_state_events": "암호화된 상태 이벤트(MSC4362)",
+        "encrypted_state_events_description": "상태 이벤트 암호화 실험 기능을 활성화하여 방 이름, 주제 등의 메타데이터를 서버로부터 숨깁니다. 단, 나중에 방에 참여하는 사용자나 MSC4362를 지원하지 않는 클라이언트 사용자에게는 이 정보가 표시되지 않습니다.",
+        "exclude_insecure_devices": "메세지 송수신 시 보안이 취약한 기기 제외",
+        "exclude_insecure_devices_description": "이 모드가 활성화되면 암호화된 메시지는 인증되지 않은 기기와 공유되지 않으며, 인증되지 않은 기기에서 보낸 메시지는 오류로 표시됩니다. 이 모드를 활성화하면 기기를 인증하지 않은 사용자와 통신할 수 없게 될 수 있음을 유의하십시오.",
+        "experimental_description": "실험적인 기분이 드시나요? 개발 중인 최신 아이디어를 시험해 보세요. 이 기능들은 아직 완성되지 않았으며, 불안정할 수 있고 변경되거나 아예 중단될 수도 있습니다. <a>자세히 알아보기</a>.",
+        "experimental_section": "조기 시연",
+        "extended_profiles_msc_support": "서버가 MSC4133을 지원해야 합니다.",
+        "feature_disable_call_per_sender_encryption": "Element 통화에서 발신자별 암호화 비활성화",
+        "feature_user_status": {
+            "description": "현재 상태를 확인하고 설정할 수 있도록 합니다.",
+            "display_name": "사용자 상태",
+            "required_msc_support": "레거시 동기화 프로필 업데이트를 위해 MSC4429 규격이 필요합니다."
+        },
+        "feature_wysiwyg_composer_description": "메시지 작성기에서 Markdown 대신 서식 있는 텍스트를 사용하세요",
+        "group_developer": "개발자",
+        "group_encryption": "암호화",
+        "group_experimental": "실험적 기능",
+        "group_messaging": "메시지",
+        "group_moderation": "관리",
+        "group_profile": "프로필",
+        "group_rooms": "방",
+        "group_spaces": "스페이스",
+        "group_themes": "테마",
+        "group_threads": "스레드",
+        "group_ui": "사용자 인터페이스",
+        "group_voip": "음성 & 영상",
+        "group_widgets": "위젯",
+        "hidebold": "알림 점 숨기기 (카운터 배지만 표시)",
+        "join_beta": "베타 참여",
+        "join_beta_reload": "베타에 참여하면 %(brand)s 페이지가 다시 로드됩니다.",
+        "jump_to_date": "날짜로 이동 ( /jumptodate 명령어 및 날짜 이동 헤더 추가 )",
+        "jump_to_date_msc_support": "서버가 MSC3030을 지원해야 합니다.",
+        "latex_maths": "메시지에 LaTeX 수식을 렌더링합니다",
+        "leave_beta": "베타를 종료하세요",
+        "leave_beta_reload": "베타를 종료하면 %(brand)s 가 다시 로드됩니다.",
+        "location_share_live": "실시간 위치 공유",
+        "location_share_live_description": "임시 구현. 위치는 채팅방 기록에 유지됩니다.",
+        "mjolnir": "새로운 차단/무시 기능",
+        "msc3531_hide_messages_pending_moderation": "관리자가 검토 대기 중인 메시지를 숨길 수 있도록 하십시오.",
+        "notification_settings": "새 알림 설정",
+        "notification_settings_beta_caption": "더욱 간편해진 알림 설정 방법을 만나보세요. 원하는 대로, 당신의 취향에 맞게 %(brand)s을(를) 설정할 수 있습니다.",
+        "notification_settings_beta_title": "알림 설정",
+        "notifications": "방 헤더에서 알림 패널 활성화",
+        "render_reaction_images": "반응에 사용자 정의 이미지 렌더링",
+        "render_reaction_images_description": "때로는 \"사용자 정의 이모지\"라고도 불립니다.",
+        "sliding_sync": "슬라이딩 동기화 모드",
+        "sliding_sync_description": "개발 진행 중인 기능이며 비활성화는 불가능합니다. 현재 Element Call 기능은 지원하지 않습니다.",
+        "sliding_sync_disabled_notice": "기능을 해제하려면 다시 로그인하세요",
+        "sliding_sync_server_no_support": "서버에서 지원하지 않는 기능입니다.",
+        "unrealiable_e2e": "암호화된 방에서는 신뢰할 수 없음",
+        "video_rooms": "영상채팅방",
+        "video_rooms_a_new_way_to_chat": "%(brand)s에서 음성 및 영상으로 채팅하는 새로운 방법",
+        "video_rooms_always_on_voip_channels": "영상 채팅방은 %(brand)s의 채팅방 내에 내장된 항상 활성화된 VoIP 채널입니다",
+        "video_rooms_beta": "영상 방은 베타 기능입니다",
+        "video_rooms_faq1_answer": "왼쪽 패널의 채팅방 섹션에 있는 \"+\" 버튼을 사용하세요.",
+        "video_rooms_faq1_question": "동영 채팅방을 어떻게 만들 수 있나요?",
+        "video_rooms_faq2_answer": "네, 채팅 타임라인이 영상과 함께 표시됩니다.",
+        "video_rooms_faq2_question": "영상 통화 중에도 텍스트 채팅을 함께 사용할 수 있나요?",
+        "video_rooms_feedbackSubheading": "베타 버전을 사용해 주셔서 감사합니다. 개선을 위해 가능한 한 상세하게 알려주시기 바랍니다.",
+        "wysiwyg_composer": "서식 있는 텍스트 편집기"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ 이 설정은 고급 사용자를 위한 것입니다.",
+        "ban_reason": "무시됨/차단됨",
+        "error_adding_ignore": "무시한 사용자/서버 추가 중 오류",
+        "error_adding_list_description": "방 ID 또는 주소를 확인한 후 다시 시도해 주세요.",
+        "error_adding_list_title": "목록으로 구독하는 중 오류",
+        "error_removing_ignore": "무시한 사용자/서버를 지우는 중 오류",
+        "error_removing_list_description": "다시 시도하거나 콘솔을 통해 원인을 알아봐주세요.",
+        "error_removing_list_title": "목록에서 구독 해제 중 오류",
+        "explainer_1": "무시하고 싶은 사용자와 서버를 여기에 추가하세요. 별표(*)를 사용해서 %(brand)s이 이름과 문자를 맞춰볼 수 있습니다. 예를 들어, <code>@bot:*</code>이라면 모든 서버에서 'bot'이라는 문자를 가진 이름의 모든 사용자를 무시합니다.",
+        "explainer_2": "차단당하는 사람은 규칙에 따라 차단 목록을 통해 무시됩니다. 차단 목록을 구독하면 그 목록에서 차단당한 사용자/서버를 당신으로부터 감추게됩니다.",
+        "lists": "현재 구독 중임:",
+        "lists_description_1": "차단 목록을 구독하면 차단 목록에 참여하게 됩니다!",
+        "lists_description_2": "이것을 원한 것이 아니라면, 사용자를 무시하는 다른 도구를 사용해주세요.",
+        "lists_heading": "구독 목록",
+        "lists_new_label": "방 ID 또는 차단 목록 주소",
+        "no_lists": "어느 목록에도 구독하고 있지 않습니다",
+        "personal_description": "개인 차단 목록은 회원님이 메시지를 받고 싶지 않은 모든 사용자 및 서버의 명단입니다. 첫 사용자 또는 서버를 차단하면, 채팅방 목록에 '%(myBanList)s'이라는 이름의 새로운 방이 나타납니다. 차단 효과를 계속 유지하려면 이 방에 참여 상태로 남아 있어야 합니다.",
+        "personal_empty": "아무도 무시하고 있지 않습니다.",
+        "personal_heading": "개인 차단 목록",
+        "personal_new_label": "무시할 서버 또는 사용자 ID",
+        "personal_new_placeholder": "예: @bot:* 또는 example.org",
+        "personal_section": "현재 무시하고 있음:",
+        "room_name": "차단 목록",
+        "room_topic": "차단한 사용자/서버 목록입니다 - 방을 떠나지 마세요!",
+        "rules_empty": "없음",
+        "rules_server": "서버 규칙",
+        "rules_title": "차단 목록 규칙 - %(roomName)s",
+        "rules_user": "사용자 규칙",
+        "something_went_wrong": "무언가 잘못되었습니다. 다시 시도하거나 콘솔을 통해 원인을 알아봐주세요.",
+        "title": "무시한 사용자",
+        "view_rules": "규칙 보기"
+    },
+    "language_dropdown_label": "언어 드롭다운",
+    "leave_room_dialog": {
+        "last_person_warning": "이 채팅방에는 당신만 있습니다. 나가면 앞으로 아무도 참여할 수 없으며, 당신도 다시 들어올 수 없습니다",
+        "leave_room_question": "%(roomName)s 방을 떠나겠습니까?",
+        "leave_space_question": "'%(spaceName)s' 스페이스를 정말로 떠나시겠습니까?",
+        "room_leave_admin_warning": "이 채팅방의 유일한 관리자입니다. 당신이 나가면 아무도 채팅방 설정을 변경하거나 다른 중요한 작업을 수행할 수 없습니다.",
+        "room_leave_mod_warning": "이 채팅방의 유일한 운영자입니다. 운영자가 방을 떠나면, 아무도 방 설정을 변경하거나 다른 중요한 작업을 수행할 수 없습니다.",
+        "room_rejoin_warning": "이 방은 공개되지 않았습니다. 초대 없이는 다시 들어올 수 없습니다.",
+        "space_rejoin_warning": "이 스페이스는 공개되지 않습니다. 초대 없이는 다시 참여할 수 없습니다."
+    },
+    "lightbox": {
+        "rotate_left": "왼쪽으로 회전",
+        "rotate_right": "오른쪽으로 회전",
+        "title": "이미지 보기"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "이 홈 서버는 지도를 표시하도록 설정되어 있지 않습니다.",
+        "MapStyleUrlNotReachable": "이 홈 서버는 지도를 표시하도록 올바르게 구성되지 않았거나, 구성된 지도 서버에 연결할 수 없을 수 있습니다.",
+        "WebGLNotEnabled": "지도를 표시하려면 WebGL이 필요합니다. 브라우저 설정에서 WebGL을 활성화해 주세요.",
+        "click_drop_pin": "핀을 놓으려면 클릭하세요",
+        "click_move_pin": "핀을 이동하려면 클릭하세요",
+        "close_sidebar": "사이드바 닫기",
+        "error_fetch_location": "위치를 가져올 수 없습니다",
+        "error_no_perms_description": "이 방에서 위치를 공유하려면 적절한 권한이 필요합니다.",
+        "error_no_perms_title": "위치 공유 권한이 없습니다.",
+        "error_send_description": "%(brand)s 현재 위치를 전송할 수 없습니다. 나중에 다시 시도해 주세요.",
+        "error_send_title": "귀하의 위치를 전송할 수 없습니다",
+        "error_sharing_live_location": "실시간 위치 공유 중 오류가 발생했습니다",
+        "error_stopping_live_location": "실시간 위치 중지 중 오류가 발생했습니다",
+        "expand_map": "지도 확대",
+        "failed_generic": "위치 정보를 가져오는 데 실패했습니다. 나중에 다시 시도해 주세요.",
+        "failed_load_map": "지도를 불러올 수 없습니다",
+        "failed_permission": "%(brand)s 위치 정보 수집이 거부되었습니다. 브라우저 설정에서 위치 정보 접근을 허용해 주세요.",
+        "failed_timeout": "위치 정보를 가져오는 중 시간 초과가 발생했습니다. 나중에 다시 시도해 주세요.",
+        "failed_unknown": "위치 가져오기 중 알 수 없는 오류가 발생했습니다. 나중에 다시 시도해 주세요.",
+        "find_my_location": "내 위치 찾기",
+        "live_description": "%(displayName)s실시간 위치",
+        "live_enable_description": "참고: 이 기능은 임시 구현을 사용하는 실험 기능입니다. 즉, 위치 기록을 삭제할 수 없으며, 고급 사용자는 실시간 위치 공유를 중지한 후에도 해당 방에서 귀하의 위치 기록을 볼 수 있습니다.",
+        "live_enable_heading": "실시간 위치 공유 중",
+        "live_location_active": "현재 위치 정보를 공유 중입니다",
+        "live_location_enabled": "실시간 위치 정보 활성화됨",
+        "live_location_ended": "실시간 위치 종료됨",
+        "live_location_error": "실시간 위치 오류",
+        "live_locations_empty": "실시간 위치 정보 없음",
+        "live_share_button": "공유하기 %(duration)s",
+        "live_toggle_label": "실시간 위치 공유 활성화",
+        "live_until": "%(expiryTime)s에 공유 만료",
+        "live_update_time": "%(humanizedUpdateTime)s에 업데이트됨",
+        "loading_live_location": "실시간 위치 불러오는 중…",
+        "location_not_available": "위치를 사용할 수 없습니다.",
+        "map_feedback": "지도 피드백",
+        "mapbox_logo": "맵박스 로고",
+        "reset_bearing": "방위를 북쪽으로 재설정",
+        "share_button": "위치 공유",
+        "share_type_live": "내 실시간 위치",
+        "share_type_own": "내 현재 위치",
+        "share_type_pin": "핀 놓기",
+        "share_type_prompt": "어떤 위치 유형을 공유하시겠습니까?",
+        "toggle_attribution": "속성 전환"
+    },
+    "member_list": {
+        "count": {
+            "other": "%(count)s명의 사용자"
+        },
+        "filter_placeholder": "방 구성원 필터",
+        "invite_button_no_perms_tooltip": "사용자를 초대할 권한이 없습니다.",
+        "invited_label": "초대됨",
+        "list_title": "구성원 목록",
+        "no_matches": "일치 항목 없음"
+    },
+    "member_list_back_action_label": "방 구성원",
+    "message_edit_dialog_title": "메시지 편집",
+    "migrating_crypto": "잠시만 기다려 주세요. %(brand)s 의 암호화 속도와 안정성을 개선하기 위해 업데이트 중입니다.",
+    "mobile_guide": {
+        "toast_accept": "앱 사용하기",
+        "toast_description": "모바일 웹 브라우저에서 사용하는 %(brand)s은(는) 아직 실험 단계에 있습니다. 더 나은 사용 환경과 최신 기능을 원하시면 무료 공식 앱을 이용해 보세요.",
+        "toast_title": "앱을 사용하면 더 나은 경험을 할 수 있습니다"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "더 이상 결과 없음",
+    "notif_panel": {
+        "empty_description": "표시되는 알림이 없습니다.",
+        "empty_heading": "모두 확인했습니다!"
+    },
+    "notifications": {
+        "all_messages": "모든 메시지",
+        "all_messages_description": "모든 메세지 알림을 받습니다",
+        "class_global": "글로벌",
+        "class_other": "기타",
+        "default": "기본",
+        "email_pusher_app_display_name": "이메일 알림",
+        "enable_prompt_toast_description": "데스크톱 알림 활성화",
+        "enable_prompt_toast_title": "알림",
+        "enable_prompt_toast_title_from_message_send": "답변을 놓치지 마세요",
+        "error_change_title": "알림 설정 변경",
+        "keyword": "키워드",
+        "keyword_new": "새로운 키워드",
+        "level_activity": "활동",
+        "level_highlight": "하이라이트",
+        "level_muted": "음소거",
+        "level_none": "설정 안 함",
+        "level_notification": "알림",
+        "level_unsent": "보내지 않음",
+        "mark_all_read": "모두 읽음으로 표시",
+        "mentions_and_keywords": "@멘션(언급) & 키워드",
+        "mentions_and_keywords_description": "<a>설정</a>에서 지정한 멘션과 키워드인 경우에만 알림을 받습니다",
+        "mentions_keywords": "멘션 및 키워드",
+        "message_didnt_send": "메시지가 전송되지 않았습니다. 자세한 내용은 클릭하세요.",
+        "mute_description": "어떤 알람도 받지 않습니다"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s님이 인증을 요청하고 있습니다"
+    },
+    "onboarding": {
+        "create_room": "그룹 대화 생성하기",
+        "explore_rooms": "공개 방 살펴보기",
+        "has_avatar_label": "좋아요, 그럼 사람들이 그게 당신이라는 걸 알 수 있겠네요",
+        "intro_byline": "대화를 주도하라.",
+        "intro_welcome": "환영합니다 %(appName)s",
+        "no_avatar_label": "사진을 추가해서 사람들이 당신임을 알 수 있게 하세요.",
+        "send_dm": "다이렉트 메세지 보내기",
+        "welcome_detail": "지금 시작할 수 있도록 도와드릴께요",
+        "welcome_user": "환영합니다 %(name)s님"
+    },
+    "pill": {
+        "permalink_other_room": "%(room)s의 메시지",
+        "permalink_this_room": "%(user)s의 메시지"
+    },
+    "poll": {
+        "create_poll_action": "투표 만들기",
+        "create_poll_title": "투표 만들기",
+        "disclosed_notes": "사용자들은 투표를 마치자마자 결과를 확인할 수 있습니다",
+        "edit_poll_title": "투표 수정",
+        "end_description": "이 투표를 종료하시겠습니까? 이렇게 하면 설문의 최종 결과가 표시되고 더 이상 투표할 수 없게 됩니다.",
+        "end_message": "투표가 종료되었습니다. 최다 선택 답변: %(topAnswer)s",
+        "end_message_no_votes": "투표가 종료되었습니다. 투표가 이루어지지 않았습니다.",
+        "end_title": "투표 종료",
+        "error_ending_description": "죄송합니다. 투표가 종료되지 않았습니다. 다시 시도해 주세요.",
+        "error_ending_title": "투표 종료 실패",
+        "error_voting_description": "죄송합니다. 투표가 등록되지 않았습니다. 다시 시도해 주세요.",
+        "error_voting_title": "투표가 등록되지 않았습니다",
+        "failed_send_poll_description": "죄송합니다. 생성하신 투표가 게시되지 않았습니다.",
+        "failed_send_poll_title": "투표 게시 실패",
+        "notes": "투표가 종료될 때만 결과가 공개됩니다",
+        "options_add_button": "옵션 추가",
+        "options_heading": "옵션 만들기",
+        "options_label": "옵션%(number)s",
+        "options_placeholder": "옵션을 작성하세요",
+        "topic_heading": "투표 질문이나 주제는 무엇입니까?",
+        "topic_label": "질문 또는 주제",
+        "topic_placeholder": "글 작성하기",
+        "total_decryption_errors": "복호화 오류로 인해 일부 투표가 집계되지 않을 수 있습니다",
+        "total_n_votes": {
+            "other": "%(count)s 투표 완료. 결과를 보려면 투표하세요."
+        },
+        "total_n_votes_voted": {
+            "other": "%(count)s 표 기준"
+        },
+        "total_no_votes": "투표가 이루어지지 않음",
+        "total_not_ended": "투표가 종료되면 결과가 표시됩니다",
+        "type_closed": "마감된 투표",
+        "type_heading": "투표 유형",
+        "type_open": "진행 중인 투표",
+        "unable_edit_description": "투표가 진행된 후에는 설문을 수정할 수 없습니다.",
+        "unable_edit_title": "투표 편집 불가"
+    },
+    "power_level": {
+        "admin": "관리자",
+        "creator": "소유자",
+        "custom": "맞춤 (%(level)s)",
+        "custom_level": "맞춤 등급",
+        "default": "기본",
+        "label": "권한 등급",
+        "moderator": "조정자",
+        "restricted": "제한됨"
+    },
+    "powered_by_matrix": "Powered by Matrix",
+    "presence": {
+        "away": "자리 비움",
+        "busy": "다른 용무 중",
+        "idle": "대기 중",
+        "idle_for": "%(duration)s 동안 대기 중",
+        "offline": "접속 없음",
+        "offline_for": "%(duration)s 동안 오프라인",
+        "online": "접속 중",
+        "online_for": "%(duration)s 동안 온라인",
+        "unknown": "알 수 없음",
+        "unknown_for": "%(duration)s 동안 어떤지 모름",
+        "unreachable": "사용자의 서버에 연결할 수 없습니다."
+    },
+    "quick_settings": {
+        "all_settings": "전체 설정",
+        "sidebar_settings": "추가 옵션",
+        "title": "빠른 설정"
+    },
+    "quit_warning": {
+        "call_in_progress": "전화 중인데, 끊겠습니까?",
+        "file_upload_in_progress": "파일을 업로드 중인데, 그만두겠습니까?"
+    },
+    "redact": {
+        "confirm_button": "삭제 확인",
+        "confirm_description": "이 이벤트를 정말로 삭제하시겠습니까?",
+        "confirm_description_state": "이와 같은 채팅방 변경 사항을 제거하면 변경 내용이 취소될 수 있습니다",
+        "error": "이 메시지를 삭제할 수 없습니다. (%(code)s)",
+        "ongoing": "제거 중…",
+        "reason_label": "이유(선택 사항)"
+    },
+    "remove_section_dialog": {
+        "confirmation": "이 섹션을 정말로 삭제하시겠습니까?",
+        "description": "섹션의 대화방들은 전체 채팅 목록에서 계속 확인할 수 있습니다.",
+        "remove_section": "섹션 제거",
+        "title": "이 섹션을 삭제하시겠습니까?"
+    },
+    "report_content": {
+        "description": "이 메시지를 신고하면 고유 '이벤트 ID'를 홈서버의 관리자에게 보내게 됩니다. 이 방의 메시지가 암호화되어 있다면, 홈서버 관리자는 메시지 문자를 읽거나 파일 혹은 사진을 볼 수 없습니다.",
+        "hide_messages_from_user": "이 사용자로부터 현재 및 향후 모든 메시지를 숨기려면 선택하십시오.",
+        "ignore_user": "사용자 무시",
+        "missing_reason": "왜 신고하는 지 이유를 적어주세요.",
+        "report_content_to_homeserver": "홈서버 관리자에게 내용 신고하기"
+    },
+    "report_room": {
+        "description": "이 채팅방을 계정 제공자에게 신고하세요. 메시지가 암호화된 경우, 관리자는 내용을 확인할 수 없습니다",
+        "reason_label": "이유를 설명하세요"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "%(failedCount)s개의 세션 복호화에 실패했습니다!",
+        "count_of_successfully_restored_keys": "%(sessionCount)s 키를 성공적으로 복원했습니다.",
+        "enter_key_description": "복구 키를 입력하여 보안 메시지 기록에 접근하고 보안 메시징을 설정하세요.",
+        "enter_key_title": "복구 키를 입력하세요",
+        "enter_phrase_description": "보안 문구를 입력하여 보안 메시지 기록에 접근하고 보안 메시징을 설정하세요.",
+        "enter_phrase_title": "보안 문구를 입력하세요",
+        "incorrect_security_phrase_dialog": "이 보안 문구로 백업을 복호화할 수 없습니다: 올바른 보안 문구를 입력했는지 확인하십시오.",
+        "incorrect_security_phrase_title": "잘못된 보안 문구",
+        "key_backup_warning": "<b>경고</b>: 신뢰할 수 있는 컴퓨터에서만 키 백업을 설정해야 합니다.",
+        "key_fetch_in_progress": "서버에서 키 가져오기 중…",
+        "key_forgotten_text": "복구 키를 잊으셨다면, <button>새 복구 옵션을 설정</button>할 수 있습니다",
+        "key_is_invalid": "유효하지 않은 복구 키입니다.",
+        "key_is_valid": "이것은 유효한 복구 키로 보입니다!",
+        "keys_restored_title": "키 복원됨",
+        "load_error_content": "백업 상태 불러올 수 없음",
+        "load_keys_progress": "%(total)s개 키 중 %(completed)s개 복원 완료",
+        "no_backup_error": "백업을 찾을 수 없습니다!",
+        "phrase_forgotten_text": "보안 문구를 잊으셨다면, <button1>복구 키를 사용</button1>하거나 <button2>새 복구 옵션을 설정</button2>할 수 있습니다",
+        "recovery_key_mismatch_description": "이 복구 키로 백업을 해독할 수 없습니다: 올바른 복구 키를 입력했는지 확인하십시오.",
+        "recovery_key_mismatch_title": "복구 키 불일치",
+        "restore_failed_error": "백업을 복구할 수 없음"
+    },
+    "right_panel": {
+        "add_integrations": "확장 기능 추가",
+        "add_topic": "주제 추가",
+        "extensions_button": "확장 기능",
+        "extensions_empty_description": "이 방에 확장 프로그램을 찾아 추가하려면 \"%(addIntegrations)s\"를 선택하세요.",
+        "extensions_empty_title": "더 많은 도구, 위젯 및 봇으로 생산성을 높이세요",
+        "files_button": "파일 목록",
+        "pinned_messages": {
+            "empty_description": "메시지를 선택하고 여기에 포함시키려면 \"%(pinAction)s\"를 선택하세요.",
+            "empty_title": "중요한 메시지를 고정하여 쉽게 찾을 수 있도록 합니다",
+            "header": {
+                "other": "%(count)s개의 고정 메시지"
+            },
+            "limits": {
+                "other": "%(count)s 개의 위젯만 고정할 수 있습니다"
+            },
+            "menu": "메뉴 열기",
+            "reply_thread": "<link>스레드 메시지에 답장</link>",
+            "unpin_all": {
+                "button": "모든 메시지 고정 해제",
+                "content": "모든 고정된 메시지를 정말로 제거하시겠습니까? 이 작업은 되돌릴 수 없습니다.",
+                "title": "모든 메세지를 고정 해제하시겠습니까?"
+            },
+            "view": "타임라인에서 보기"
+        },
+        "pinned_messages_button": "고정된 메세지",
+        "poll": {
+            "active_heading": "실시간 투표",
+            "empty_active": "이 방에는 진행 중인 투표가 없습니다",
+            "empty_active_load_more": "현재 진행 중인 투표가 없습니다. 이전 달의 투표를 보려면 더 많은 투표를 불러오세요.",
+            "empty_active_load_more_n_days": {
+                "other": "지난 %(count)s 일 동안 진행 중인 투표가 없습니다. 이전 달의 투표를 보려면 더 많은 투표를 불러오세요."
+            },
+            "empty_past": "이 방에는 과거의 투표 기록이 없습니다",
+            "empty_past_load_more": "과거 투표는 없습니다. 이전 달의 투표를 보려면 더 많은 투표를 불러오세요.",
+            "empty_past_load_more_n_days": {
+                "other": "지난 %(count)s 일 동안의 과거 투표는 없습니다. 이전 달의 투표를 보려면 더 많은 투표를 불러오세요."
+            },
+            "final_result": {
+                "other": "%(count)s 명의 투표를 바탕으로 한 최종 결과"
+            },
+            "load_more": "더 많은 투표 보기",
+            "loading": "투표 로딩 중",
+            "past_heading": "지난 투표",
+            "view_in_timeline": "타임라인에서 투표 보기",
+            "view_poll": "투표 보기"
+        },
+        "polls_button": "투표",
+        "room_summary_card": {
+            "title": "방 정보"
+        },
+        "thread_list": {
+            "context_menu_label": "스레드 옵션"
+        },
+        "video_room_chat": {
+            "title": "채팅"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "이 초대장은 귀하의 계정과 연결되지 않은 %(email)s 으로 발송되었습니다.",
+        "3pid_invite_email_not_found_account_room": "당신의 계정과 관계없는 %(email)s님으로 %(roomName)s으로의 초대를 보냈습니다",
+        "3pid_invite_error_description": "초대 유효성을 검사하는 중에 오류(%(errcode)s)가 발생했습니다. 이 정보를 회원님을 초대한 사람에게 전달하면 문제 해결에 도움이 될 수 있습니다.",
+        "3pid_invite_error_invite_action": "무시하고 참가 시도",
+        "3pid_invite_error_invite_subtitle": "초대받은 사람만 참가할 수 있습니다.",
+        "3pid_invite_error_public_subtitle": "여기에 아직 가입할 수 있습니다.",
+        "3pid_invite_error_title": "초대에 문제가 발생했습니다.",
+        "3pid_invite_error_title_room": "%(roomName)s 방으로의 초대에 문제가 있음",
+        "3pid_invite_no_is_subtitle": "설정에서 ID 서버를 사용해 %(brand)s에서 직접 초대를 받을 수 있습니다.",
+        "banned_by": "당신은 %(memberName)s에 의해 차단 당했습니다.",
+        "banned_from_room_by": "%(roomName)s 방에서 %(memberName)s님에 의해 출입 금지 당했습니다",
+        "context_menu": {
+            "copy_link": "방 링크 복사",
+            "favourite": "즐겨찾기",
+            "forget": "방 지우기",
+            "low_priority": "중요하지 않음",
+            "mark_read": "읽음으로 표시",
+            "mark_unread": "읽지 않음으로 표시",
+            "notifications_default": "기본 설정과 일치",
+            "notifications_mute": "음소거 방",
+            "title": "방 옵션",
+            "unfavourite": "즐겨찾기 됨"
+        },
+        "creating_room_text": "%(names)s님과의 채팅방을 만드는 중입니다.",
+        "dm_invite_action": "채팅 시작하기",
+        "dm_invite_subtitle": "<userName/>님이 대화를 원해요",
+        "dm_invite_title": "%(user)s님과 대화하겠습니까?",
+        "drop_file_prompt": "업로드할 파일을 여기에 놓으세요",
+        "edit_topic": "주제 편집",
+        "error_cancel_knock_title": "취소 실패",
+        "error_join_403": "이 방에 접근하려면 초대장이 필요합니다.",
+        "error_join_404_1": "방 ID만 입력하고 연결할 서버 목록을 제공하지 않은 상태로 방에 참여하려고 시도했습니다. 방 ID는 내부 식별자이므로 추가 정보 없이는 방에 참여할 수 없습니다.",
+        "error_join_404_2": "방 주소를 알고 있다면, 그 주소를 통해 접속해 보세요.",
+        "error_join_404_invite": "초대해 준 사람이 이미 떠났거나, 그들의 서버가 오프라인 상태입니다.",
+        "error_join_404_invite_same_hs": "당신을 초대한 사람은 이미 나갔습니다.",
+        "error_join_connection": "조인 과정에서 오류가 발생했습니다.",
+        "error_join_incompatible_version_1": "죄송합니다. 귀하의 홈서버가 너무 오래되어 여기에 참여할 수 없습니다.",
+        "error_join_incompatible_version_2": "홈서버 관리자에게 연락하세요.",
+        "error_join_title": "참가에 실패했습니다",
+        "error_join_unknown": "알 수 없는 오류가 발생했습니다.",
+        "error_jump_to_date": "서버가 %(statusCode)s 상태 코드와 %(errorCode)s 오류 코드를 반환했습니다.",
+        "error_jump_to_date_connection": "지정된 날짜를 찾아 이동하는 과정에서 네트워크 오류가 발생했습니다. 홈서버가 다운되었거나 인터넷 연결에 일시적인 문제가 있을 수 있습니다. 다시 시도해 주세요. 문제가 지속될 경우 홈서버 관리자에게 문의하시기 바랍니다.",
+        "error_jump_to_date_details": "오류 세부사항",
+        "error_jump_to_date_not_found": "%(dateString)s 에서 앞으로 예정된 이벤트를 찾을 수 없습니다. 더 이른 날짜를 선택해 보세요.",
+        "error_jump_to_date_send_logs_prompt": "문제의 원인을 파악하는 데 도움이 되도록 **<debugLogsLink>디버그 로그</debugLogsLink>**를 제출해 주세요.",
+        "error_jump_to_date_title": "해당 날짜에 이벤트를 찾을 수 없습니다.",
+        "face_pile_summary": {
+            "other": "회원님이 아는 지인 %(count)s명이 이미 가입했습니다."
+        },
+        "face_pile_tooltip_label": {
+            "other": "총 %(count)s명의 멤버 보기"
+        },
+        "face_pile_tooltip_shortcut": "%(commaSeparatedMembers)s 포함",
+        "face_pile_tooltip_shortcut_joined": "당신을 포함, %(commaSeparatedMembers)s",
+        "failed_determine_user": "멤버 이벤트가 변경되어 무시할 사용자를 확인할 수 없습니다.",
+        "failed_reject_invite": "초대 거부에 실패함",
+        "forget_room": "이 방 지우기",
+        "forget_space": "스페이지 지우기",
+        "header": {
+            "join_video_call": "영상 통화 참여하기",
+            "join_voice_call": "음성 통화 참여",
+            "n_people_asking_to_join": {
+                "other": "%(count)s명이 참여 요청 중"
+            },
+            "room_is_public": "이 방은 공개되어 있습니다",
+            "shared_history_tooltip": "신규 회원은 기록을 볼 수 있습니다.",
+            "world_readable_history_tooltip": "누구나 히스토리를 볼 수 있습니다"
+        },
+        "header_avatar_open_settings_label": "채팅방 설정 열기",
+        "header_face_pile_tooltip": "사람",
+        "header_untrusted_label": "신회할 수 없음",
+        "inaccessible": "이 방 또는 스페이스를 현재 이용하실 수 없습니다.",
+        "inaccessible_name": "현재는 %(roomName)s에 들어갈 수 없습니다.",
+        "inaccessible_subtitle_1": "나중에 다시 시도하거나, 방 또는 스페이스 관리자에게 접근 권한이 있는지 확인해 달라고 요청하세요.",
+        "inaccessible_subtitle_2": "채팅방 또는 스페이스에 접근하는 중에 %(errcode)s 오류가 발생했습니다. 이 메시지가 잘못 표시된 오류라고 생각되시면 **<issueLink>버그를 신고</issueLink>**해주세요.",
+        "intro": {
+            "display_topic": "주제:<topic/>",
+            "dm_caption": "이 대화에는 두 분만 참여하고 있습니다. 두 분 중 한 분이라도 다른 사람을 초대하지 않는 한 말이죠.",
+            "edit_topic": "주제: <topic/> (<a>편집</a>)",
+            "enable_encryption_prompt": "설정에서 암호화를 활성화하세요.",
+            "encrypted_3pid_dm_pending_join": "모두가 참여하면 채팅을 할 수 있습니다",
+            "no_avatar_label": "사진을 추가하면 사람들이 여러분의 방을 쉽게 찾을 수 있습니다.",
+            "no_topic": "<a>주제를 추가</a>하면 다른 멤버들이 이 채팅방의 대화 내용을 쉽게 알 수 있습니다.",
+            "private_unencrypted_warning": "개인 메시지는 일반적으로 암호화되지만, 이 방은 그렇지 않습니다. 보통 이메일 초대와 같이 지원되지 않는 기기나 방법이 사용되었기 때문입니다.",
+            "room_invite": "이 방에만 초대하기",
+            "send_message_start_dm": "첫 메시지를 보내 <displayName/>님을 대화에 초대하세요.",
+            "start_of_dm_history": "<displayName/>님과의 대화가 시작되었습니다",
+            "start_of_room": "<roomName/> 대화가 시작되었습니다.",
+            "unencrypted_warning": "종단 간 암호화가 활성화되지 않았습니다.",
+            "user_created": "%(displayName)s 이 방을 만들었습니다.",
+            "you_created": "당신이 이 방을 만들었습니다."
+        },
+        "invite_email_mismatch_suggestion": "설정에서 이 이메일을 공유해서 %(brand)s에서 직접 초대를 받을 수 있습니다.",
+        "invite_sent_to_email": "이 초대장은 다음 사람에게 전송되었습니다.%(email)s",
+        "invite_sent_to_email_room": "%(roomName)s으로의 초대가 %(email)s(으)로 보내졌습니다",
+        "invite_subtitle": "<userName/>님이 당신을 초대함",
+        "invite_this_room": "이 방에 초대",
+        "invite_title": "%(roomName)s 방에 참가하겠습니까?",
+        "inviter_unknown": "알 수 없음",
+        "invites_you_text": "<inviter/>님이 당신을 초대합니다",
+        "join_button_account": "등록",
+        "join_failed_needs_invite": "%(roomName)s 방을 보려면 , 초대장이 필요해요",
+        "join_the_discussion": "토론에 참가",
+        "join_title": "방에 참여하려면",
+        "join_title_account": "계정으로 대화에 참여",
+        "joining": "참가 중…",
+        "joining_room": "방에 조인 중",
+        "joining_space": "스페이스에 조인 중…",
+        "jump_read_marker": "읽지 않은 첫 메시지로 건너뜁니다.",
+        "jump_to_bottom_button": "가장 최근 메세지로 스크롤",
+        "kick_reason": "이유: %(reason)s",
+        "kicked_by": "당신은 %(memberName)s에 의해 제거되었습니다.",
+        "kicked_from_room_by": "%(memberName)s님이 회원님을 %(roomName)s에서 내보냈습니다.",
+        "knock_cancel_action": "요청 취소",
+        "knock_denied_subtitle": "접근이 거부되었으므로, 그룹 관리자나 운영자의 초대를 받지 않는 한 재가입할 수 없습니다.",
+        "knock_denied_title": "접근이 거부되었습니다",
+        "knock_message_field_placeholder": "메시지 (선택 사항)",
+        "knock_prompt": "참가 요청",
+        "knock_prompt_name": "%(roomName)s 에 가입을 요청하시겠습니까?",
+        "knock_send_action": "액세스 요청",
+        "knock_sent": "가입 요청이 전송되었습니다",
+        "knock_sent_subtitle": "가입 요청이 대기 중입니다.",
+        "knock_subtitle": "이 방의 대화를 보거나 참여하려면 접근 권한이 부여되어야 합니다. 아래에서 참여 요청을 보낼 수 있습니다.",
+        "leave_error_title": "방에서 나갈 때 오류",
+        "leave_server_notices_description": "이 방은 홈서버로부터 중요한 메시지를 받는 데 쓰이므로 떠날 수 없습니다.",
+        "leave_server_notices_title": "서버 알림 방을 떠날 수는 없음",
+        "leave_unexpected_error": "방에서 나가려는 중 예기치 못한 서버 오류가 발생했습니다",
+        "link_email_to_receive_3pid_invite": "설정에서 이 이메일을 계정에 연결하면 %(brand)s에서 직접 초대를 받을 수 있습니다.",
+        "loading_preview": "미리 보기 로딩중…",
+        "no_peek_join_prompt": "%(roomName)s 방을 미리 볼 수 없습니다. 참가하겠습니까?",
+        "no_peek_no_name_join_prompt": "미리보기가 없습니다. 참여하시겠습니까?",
+        "not_found_subtitle": "정말 여기가 맞나요?",
+        "not_found_title": "이 방 또는 스페이스가 존재하지 않습니다.",
+        "not_found_title_name": "%(roomName)s은 없는 방이에요.",
+        "peek_join_prompt": "%(roomName)s 방을 미리 보고 있습니다. 참가하겠습니까?",
+        "pinned_message_banner": {
+            "button_close_list": "목록닫기",
+            "button_view_all": "모두 보기",
+            "description": "고정된 메세지",
+            "go_to_newest_message": "타임라인에서 고정된 메시지를 확인하고, 여기에 최신 고정 메시지를 확인하세요.",
+            "go_to_next_message": "타임라인에서 고정된 메시지와 그 다음으로 오래된 고정된 메시지를 여기서 확인하세요",
+            "title": "<bold>%(index)s of %(length)s</bold>개의 고정 메시지"
+        },
+        "read_topic": "주제 읽기",
+        "rejecting": "초대 거절 중…",
+        "rejoin_button": "다시 참가",
+        "room_content": "채팅방 내용",
+        "room_is_low_priority": "이것은 낮은 우선순위의 채팅방입니다",
+        "search": {
+            "all_rooms_button": "모든 방 검색",
+            "placeholder": "메시지 검색...",
+            "summary": {
+                "other": "<query/>”에 대해 %(count)s개의 결과가 발견되었습니다"
+            },
+            "this_room_button": "이 방을 검색하세요"
+        },
+        "unknown_status_code_for_timeline_jump": "알 수 없는 상태 코드",
+        "unread_notifications_predecessor": {
+            "other": "이 방의 이전 버전에 읽지 않은 알림이 %(count)s개 있습니다."
+        },
+        "upgrade_error_description": "서버가 선택한 방 버전을 지원하는지 확인한 뒤에 다시 시도해주세요.",
+        "upgrade_error_title": "방 업그레이드 오류",
+        "upgrade_warning_bar": "이 방을 업그레이드하면 현재 방의 인스턴스는 문을 닫고 같은 이름의 업그레이드된 방을 만듭니다.",
+        "upgrade_warning_bar_admins": "방 관리자만이 이 경고를 볼 수 있음",
+        "upgrade_warning_bar_unstable": "이 방은 방 버전 <roomVersion />에서 실행 중이고, 이 홈서버가 <i>불안정</i>으로 표시됩니다.",
+        "upgrade_warning_bar_upgraded": "이 방은 이미 업그레이드됬습니다.",
+        "upload": {
+            "uploading_multiple_file": {
+                "other": "%(filename)s 외 %(count)s개 업로드 중"
+            },
+            "uploading_single_file": "%(filename)s을(를) 올리는 중"
+        },
+        "video_room": "이 채팅방은 영상채팅방입니다",
+        "waiting_for_join_subtitle": "초대된 사용자가 %(brand)s에 참여하면 대화를 시작할 수 있으며, 이 채팅방은 종단간 암호화됩니다.",
+        "waiting_for_join_title": "다른 사용자가 %(brand)s에 참여하기를 기다리는 중입니다."
+    },
+    "room_list": {
+        "add_space_label": "스페이스 추가하기",
+        "failed_add_tag": "방에 %(tagName)s 태그 추가에 실패함",
+        "failed_remove_tag": "방에 %(tagName)s 태그 제거에 실패함",
+        "failed_set_dm_tag": "다이렉트 메시지 태그 설정에 실패했습니다",
+        "list_title": "채팅방 목록",
+        "more_options": {
+            "leave_room": "채팅방 떠나기"
+        },
+        "notification_options": "알림 옵션",
+        "section": {
+            "chats": "채팅",
+            "favourites": "즐겨찾기",
+            "low_priority": "낮은 우선순위"
+        },
+        "show_less": "간단히 표시"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "누가 %(spaceName)s를 보거나 참여할 수 있는지 설정합니다.",
+            "title": "접근"
+        },
+        "advanced": {
+            "error_upgrade_description": "방 업그레이드를 완료할 수 없습니다",
+            "error_upgrade_title": "방 업그레이드에 실패함",
+            "information_section_room": "방 정보",
+            "information_section_space": "스페이스 정보",
+            "room_id": "내부 방 ID",
+            "room_predecessor": "%(roomName)s 방에서 오래된 메시지를 봅니다.",
+            "room_upgrade_button": "추천하는 방 버전으로 이 방 업그레이드",
+            "room_upgrade_warning": "<b>경고</b>: 채팅방을 업그레이드해도 <i>멤버들이 새 버전의 채팅방으로 자동 이동되지는 않습니다.</i> 시스템이 이전 버전 채팅방에 새 채팅방으로 이동하는 링크를 게시할 예정이며, 멤버들은 이 링크를 직접 클릭하여 새 채팅방에 참여해야 합니다.",
+            "room_version": "방 버전:",
+            "room_version_section": "방 버전",
+            "space_predecessor": "%(spaceName)s 의 이전 버전 보기.",
+            "space_upgrade_button": "이 스페이스를 권장되는 방 버전으로 업그레이드하세요",
+            "unfederated": "이 방은 원격 Matrix 서버로 접근할 수 없음",
+            "upgrade_button": "이 방을 %(version)s 버전으로 업그레이드",
+            "upgrade_dialog_description": "이 방을 업그레이드하려면 현재 방의 인스턴스를 닫고 그 자리에 새 방을 만들어야 합니다. 방 구성원에게 최상의 경험을 제공하려면 다음 조치를 취해야 합니다:",
+            "upgrade_dialog_description_1": "이름, 설명, 아바타가 같은 새 방 만들기",
+            "upgrade_dialog_description_2": "모든 로컬 방 별칭을 새 방을 향하도록 업데이트",
+            "upgrade_dialog_description_3": "이전 버전의 방에서 대화하는 사용자들을 멈추고, 사용자들에게 새 방으로 이동하라고 알리는 메시지를 게시",
+            "upgrade_dialog_description_4": "새 방을 시작할 때 이전 방을 연결해서 사람들이 이전 메시지를 볼 수 있게 하기",
+            "upgrade_dialog_title": "방 버전 업그레이드",
+            "upgrade_dwarning_ialog_title_public": "공개방 업그레이드",
+            "upgrade_warning_dialog_description": "방 업그레이드는 고급 작업으로, 버그, 누락된 기능 또는 보안 취약점으로 인해 방이 불안정할 때 일반적으로 권장됩니다.",
+            "upgrade_warning_dialog_explainer": "<b>업그레이드하면 방의 새로운 버전이 생성됩니다.</b> . 현재 모든 메세지가 보관된 방에 그대로 유지됩니다.",
+            "upgrade_warning_dialog_footer": "이 방을 <oldVersion /> 에서 <newVersion /> 로 업그레이드할 수 있습니다.",
+            "upgrade_warning_dialog_invite_label": "이 방의 구성원을 새 방에 자동으로 초대합니다",
+            "upgrade_warning_dialog_report_bug_prompt": "이 설정은 일반적으로 서버에서 채팅방이 처리되는 방식에만 영향을 미칩니다. 만약 %(brand)s 사용 중 문제가 발생하면 버그를 신고해 주세요.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "이것은 일반적으로 서버에서 방이 처리되는 방식에만 영향을 미칩니다. %(brand)s 관련 문제가 발생할 경우, <a>에 버그를 신고해 주십시오.</a>",
+            "upgrade_warning_dialog_title": "방 업그레이드",
+            "upgrade_warning_dialog_title_private": "개인 방 업그레이드"
+        },
+        "alias_not_specified": "지정되지 않음",
+        "bridges": {
+            "description": "이 방은 다음 플랫폼으로 메시지를 연결합니다. <a>자세히 알아보기.</a>",
+            "empty": "이 방은 어떤 플랫폼에도 메시지를 연결하지 않습니다. <a>자세히 알아보기.</a>",
+            "title": "중계서버"
+        },
+        "delete_avatar_label": "아바타 삭제",
+        "general": {
+            "alias_field_has_domain_invalid": "도메인 구분 기호가 없습니다. 예: (:domain .org)",
+            "alias_field_has_localpart_invalid": "방 이름 또는 구분자가 누락되었습니다. 예: (my-room:domain.org)",
+            "alias_field_matches_invalid": "이 주소는 이 방을 가리키지 않습니다",
+            "alias_field_placeholder_default": "예: my-room",
+            "alias_field_required_invalid": "주소를 입력해주세요",
+            "alias_field_safe_localpart_invalid": "일부 문자는 허용할 수 없습니다",
+            "alias_field_taken_invalid": "이 주소는 유효하지 않은 서버이거나 이미 사용 중입니다.",
+            "alias_field_taken_invalid_domain": "이 주소는 이미 사용 중입니다.",
+            "alias_field_taken_valid": "이 주소는 사용 가능합니다.",
+            "alias_heading": "방 주소",
+            "aliases_items_label": "기타 게시된 주소:",
+            "aliases_no_items_label": "아직 게시된 주소가 없습니다. 아래에 하나 추가하세요.",
+            "aliases_section": "방 주소",
+            "avatar_field_label": "방 아바타",
+            "canonical_alias_field_label": "기본 주소",
+            "description_space": "스페이스와 관련된 설정을 편집하세요.",
+            "error_creating_alias_description": "해당 주소를 생성하는 과정에서 오류가 발생했습니다. 서버에서 허용하지 않거나 일시적인 오류가 발생했을 수 있습니다.",
+            "error_creating_alias_title": "주소 생성 중 오류 발생",
+            "error_deleting_alias_description": "해당 주소를 삭제하는 과정에서 오류가 발생했습니다. 해당 주소가 더 이상 존재하지 않거나 일시적인 오류가 발생한 것 같습니다.",
+            "error_deleting_alias_description_forbidden": "해당 주소를 삭제할 권한이 없습니다.",
+            "error_deleting_alias_title": "주소 제거 중 오류 발생",
+            "error_publishing": "채팅방 게시 불가",
+            "error_publishing_detail": "이 채팅방을 게시하는 과정에서 오류가 발생했습니다.",
+            "error_save_space_settings": "스페이스 설정을 저장하지 못했습니다.",
+            "error_updating_alias_description": "방의 대체 주소 업데이트 중 오류가 발생했습니다. 서버에서 허용하지 않거나 일시적인 오류가 발생했을 수 있습니다.",
+            "error_updating_canonical_alias_description": "방의 기본 주소를 업데이트하는 중 오류가 발생했습니다. 서버가 허용하지 않거나 일시적인 오류 발생일 수 있습니다.",
+            "error_updating_canonical_alias_title": "기본 주소 업데이트 중 오류",
+            "leave_space": "스페이스 나가기",
+            "local_alias_field_label": "로컬 주소",
+            "local_aliases_explainer_room": "이 방의 주소를 설정하여 사용자가 홈 서버(%(localDomain)s)를 통해 이 방을 찾을 수 있도록 하세요.",
+            "local_aliases_explainer_space": "이 공간의 주소를 설정하여 사용자가 홈서버(%(localDomain)s)를 통해 이 공간을 찾을 수 있도록 하십시오.",
+            "local_aliases_section": "로컬 주소",
+            "name_field_label": "방 이름",
+            "new_alias_placeholder": "새로 게시된 주소(예: #alias:server)",
+            "no_aliases_room": "이 방은 로컬 주소가 없음",
+            "no_aliases_space": "이 스페이스에는 로컬 주소가 없습니다",
+            "other_section": "기타",
+            "publish_toggle": "%(domain)s님의 방 목록에서 이 방을 공개로 게시하겠습니까?",
+            "published_aliases_description": "주소를 게시하려면 먼저 로컬 주소로 설정해야 합니다.",
+            "published_aliases_explainer_room": "공개된 주소는 어떤 서버의 누구든지 귀하의 방에 참여하는 데 사용할 수 있습니다.",
+            "published_aliases_explainer_space": "공개된 주소는 어떤 서버의 누구든지 귀하의 공간에 참여하는 데 사용할 수 있습니다.",
+            "published_aliases_section": "공개된 주소",
+            "save": "변경 사항 저장",
+            "topic_field_label": "방 주제"
+        },
+        "notifications": {
+            "browse_button": "찾기",
+            "custom_sound_prompt": "새 맞춤 소리 설정",
+            "notification_sound": "알림 소리",
+            "settings_link": "<a>설정</a>에서 지정한 알림만 받습니다",
+            "sounds_section": "소리",
+            "upload_sound_label": "사용자 정의 사운드 업로드",
+            "uploaded_sound": "업로드된 소리"
+        },
+        "people": {
+            "knock_empty": "요청 없음",
+            "knock_section": "참여 요청",
+            "see_less": "간략히 보기",
+            "see_more": "더 보기"
+        },
+        "permissions": {
+            "add_privileged_user_description": "이 방의 한 명 또는 여러 명의 사용자에게 더 많은 권한 부여",
+            "add_privileged_user_filter_placeholder": "이 방에서 사용자를 검색하세요…",
+            "add_privileged_user_heading": "권한이 있는 사용자 추가",
+            "ban": "사용자 출입 금지",
+            "ban_reason": "이유",
+            "banned_by": "%(displayName)s님에 의해 출입 금지됨",
+            "banned_users_section": "출입 금지된 사용자",
+            "error_changing_pl_description": "사용자의 권한 등급을 변경하는 중 오류가 발생했습니다. 변경할 수 있는 권한이 있는 지 확인한 후 다시 시도하세요.",
+            "error_changing_pl_reqs_description": "방의 권한 등급 요구 사항을 변경하는 중 오류가 발생했습니다. 변경할 수 있는 권한을 갖고 있는 지 확인한 후 다시 시도하세요.",
+            "error_changing_pl_reqs_title": "권한 등급 요구 사항 변경 중 오류",
+            "error_changing_pl_title": "권한 등급 변경 중 오류",
+            "error_unbanning": "출입 금지 풀기에 실패함",
+            "events_default": "메시지 보내기",
+            "invite": "사용자 초대",
+            "kick": "사용자 제거",
+            "m.call": "%(brand)s 통화 시작",
+            "m.call.member": "%(brand)s의 통화에  참여",
+            "m.reaction": "반응 보내기",
+            "m.room.avatar": "방 아바타 변경",
+            "m.room.avatar_space": "스페이스 아바타 변경",
+            "m.room.canonical_alias": "방에 대한 기본 주소 변경",
+            "m.room.canonical_alias_space": "스페이스 주소를 변경합니다",
+            "m.room.encryption": "방 암호화 켜기",
+            "m.room.history_visibility": "기록 가시성 변경",
+            "m.room.name": "방 이름 변경",
+            "m.room.name_space": "스페이스 이름 변경",
+            "m.room.pinned_events": "고정된 이벤트 관리",
+            "m.room.power_levels": "권한 변경",
+            "m.room.redaction": "내가 보낸 메시지 삭제",
+            "m.room.server_acl": "서버 ACL 변경",
+            "m.room.tombstone": "방 업그레이드",
+            "m.room.topic": "주제 변경",
+            "m.room.topic_space": "설명 변경",
+            "m.space.child": "이 스페이스의 채팅방 관리",
+            "m.widget": "위젯 수정",
+            "muted_users_section": "음소거된 사용자",
+            "no_privileged_users": "모든 사용자가 이 방에 대한 특정 권한이 없음",
+            "notifications.room": "모두에게 알림",
+            "permissions_section": "권한",
+            "permissions_section_description_room": "방의 여러 부분을 변경하는 데 필요한 규칙을 선택",
+            "permissions_section_description_space": "스페이스의 다양한 부분을 변경하는 데 필요한 역할을 선택하십시오",
+            "privileged_users_section": "권한 있는 사용자",
+            "redact": "다른 사람이 보낸 메시지 삭제",
+            "send_event_type": "%(eventType)s 이벤트 보내기",
+            "state_default": "설정 변경",
+            "title": "규칙 & 권한",
+            "users_default": "기본 규칙"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "이 채팅방의 대화 기록 공개 범위를 변경할 권한이 없습니다. 권한 없이 변경하면 참여하지 않은 사용자가 메시지를 읽을 수 있어 위험합니다",
+                "title": "채팅방을 비공개로 설정할 수 없습니다"
+            },
+            "enable_encryption_confirm_description": "일단 켜면, 방에 대한 암호화는 끌 수 없습니다. 암호화된 방에서 보낸 메시지는 서버에서 볼 수 없고, 오직 방의 참가자만 볼 수 있습니다. 암호화를 켜면 많은 봇과 브릿지가 올바르게 작동하지 않을 수 있습니다. <a>암호화에 대해 더 자세히 알아보기.</a>",
+            "enable_encryption_confirm_title": "암호화를 켜겠습니까?",
+            "enable_encryption_public_room_confirm_description_1": "<b>공개 채팅방에 암호화를 설정하는 것은 권장하지 않습니다.</b> 공개 채팅방은 누구나 검색하여 참여할 수 있으므로, 사실상 모든 메시지를 누구나 읽을 수 있습니다. 따라서 암호화의 이점을 전혀 누릴 수 없으며, 나중에 이 기능을 비활성화할 수도 없습니다. 또한, 공개 채팅방에서 메시지를 암호화하면 메시지를 주고받는 속도가 느려질 수 있습니다.",
+            "enable_encryption_public_room_confirm_description_2": "이러한 문제를 피하려면, 계획 중인 대화를 위해 <a>에서 새 암호화 방(</a> )을 생성하세요.",
+            "enable_encryption_public_room_confirm_title": "이 공개 방에 암호화를 추가하시겠습니까?",
+            "encrypted_room_public_confirm_description_1": "<b>암호화된 방을 공개적으로 설정하는 것은 권장되지 않습니다.</b> 이는 누구나 방을 찾아 참여할 수 있음을 의미하므로, 누구나 메시지를 읽을 수 있습니다. 암호화의 이점을 전혀 누릴 수 없습니다. 공개 방에서 메시지를 암호화하면 메시지 수신 및 전송 속도가 느려집니다.",
+            "encrypted_room_public_confirm_description_2": "이러한 문제를 방지하려면, 나누려는 대화를 위해 **<a>새로운 공개 채팅방</a>**을 만드시는 것을 권장합니다.",
+            "encrypted_room_public_confirm_title": "이 암호화된 방을 공개로 설정하시겠습니까?",
+            "encryption_forced": "서버에서 암호화를 비활성화해야 합니다.",
+            "encryption_permanent": "일단 켜면, 암호화는 끌 수 없습니다.",
+            "error_join_rule_change_title": "조인 규칙을 업데이트하지 못했습니다.",
+            "error_join_rule_change_unknown": "알 수 없는 오류",
+            "guest_access_warning": "지원되는 클라이언트를 사용하는 사용자는 등록된 계정이 없어도 방에 참여할 수 있습니다.",
+            "history_visibility_invited": "초대된 회원들",
+            "history_visibility_legend": "누가 기록을 읽을 수 있나요?",
+            "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": "초대한 경우에만 참여할 수 있습니다.",
+            "join_rule_knock": "참가 요청",
+            "join_rule_knock_description": "접근 권한이 부여되지 않으면 사람들은 참여할 수 없습니다.",
+            "join_rule_public": "누구나",
+            "join_rule_public_description": "누구나 참여 가능",
+            "join_rule_restricted": "스페이스 멤버 목록",
+            "join_rule_restricted_description": "승인된 스페이스의 멤버라면 초대 없이도 참여할 수 있습니다. <a>스페이스 관리</a>",
+            "join_rule_restricted_description_active_space": "<spaceName/>의 멤버라면 누구나 참여할 수 있습니다.",
+            "join_rule_restricted_description_prompt": "스페이스의 멤버라면 누구나 참여할 수 있습니다.",
+            "join_rule_restricted_description_spaces": "승인된 스페이스",
+            "join_rule_restricted_dialog_description": "멤버들이 초대 없이 <RoomName/>에 참여할 수 있는 스페이스입니다.",
+            "join_rule_restricted_dialog_empty_warning": "모든 승인된 스페이스를 해제합니다. 이후 접근 권한은 '초대 전용'으로 기본 설정됩니다.",
+            "join_rule_restricted_dialog_filter_placeholder": "스페이스 검색",
+            "join_rule_restricted_dialog_heading_known": "이 방이 포함되지 않은 내 스페이스",
+            "join_rule_restricted_dialog_heading_other": "가입하지 않은 다른 스페이스",
+            "join_rule_restricted_dialog_heading_room": "이 방이 포함된 내 스페이스",
+            "join_rule_restricted_dialog_heading_space": "내가 참여 중인 상위 스페이스",
+            "join_rule_restricted_dialog_heading_unknown": "이 채팅방의 다른 관리자들도 참여 중인 스페이스일 가능성이 높습니다.",
+            "join_rule_restricted_dialog_title": "스페이스 관리",
+            "join_rule_restricted_n_more": {
+                "other": "외 %(count)s명"
+            },
+            "join_rule_restricted_summary": {
+                "other": "현재 %(count)s개의 스페이스가 승인되었습니다."
+            },
+            "join_rule_restricted_upgrade_description": "이번 업그레이드를 통해 선택된 스페이스의 구성원들은 초대 없이도 이 방에 접근할 수 있게 됩니다.",
+            "join_rule_restricted_upgrade_warning": "이 방은 귀하가 관리자가 아닌 일부 스페이스에 존재합니다. 해당 스페이스에서는 기존 방이 계속 표시되지만, 사용자에게 새 방에 참여하라는 안내가 제공됩니다.",
+            "join_rule_upgrade_awaiting_room": "새 방 로딩 중",
+            "join_rule_upgrade_required": "업그레이드가 필요합니다",
+            "join_rule_upgrade_sending_invites": {
+                "other": "초대 발송 중... (총 %(count)s개 중 %(progress)s개)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "other": "스페이스 업데이트 중... (총 %(count)s개 중 %(progress)s개)"
+            },
+            "join_rule_upgrade_upgrading_room": "방 업그레이드중",
+            "join_rule_world_readable_description": "채팅방 참여자 설정 변경 시, 이후 메시지의 공개 범위도 함께 변경됩니다",
+            "public_without_alias_warning": "이 방에 연결하려면 주소를 추가해 주세요.",
+            "publish_room": "이 방을 공개 방 디렉토리에 표시하세요.",
+            "publish_space": "이 스페이스를 공용 방 디렉토리에서 표시되도록 설정하세요.",
+            "strict_encryption": "이 채팅방의 현재 세션에서 확인되지 않은 세션으로 암호화된 메시지를 보내지 않음.",
+            "title": "보안 & 개인"
+        },
+        "title": "방 설정 - %(roomName)s",
+        "upload_avatar_label": "아바타 업로드",
+        "visibility": {
+            "alias_section": "주소",
+            "error_failed_save": "이 스페이스의 설정을 업데이트하지 못했습니다.",
+            "error_update_guest_access": "이 스페이스의 게스트 액세스 업데이트에 실패했습니다",
+            "error_update_history_visibility": "이 스페이스의 히스토리 공개 설정을 변경하는 데 실패했습니다.",
+            "guest_access_explainer": "계정이 없어도 스페이스에 참여할 수 있습니다.",
+            "guest_access_label": "게스트 액세스 활성화",
+            "history_visibility_anyone_space": "스페이스 둘러보기",
+            "history_visibility_anyone_space_description": "스페이스에 참여하기 전에 미리볼 수 있도록 허용합니다.",
+            "history_visibility_anyone_space_recommendation": "공개 스페이스에 권장 합니다.",
+            "title": "보안 및 개인정보 보호"
+        },
+        "voip": {
+            "call_type_section": "통화 유형",
+            "enable_element_call_caption": "%(brand)s 종단 간 암호화되지만, 현재는 소수의 사용자로 제한됩니다.",
+            "enable_element_call_label": "이 방에서 추가 발신 옵션으로 %(brand)s 을 활성화하십시오",
+            "enable_element_call_no_permissions_tooltip": "이 항목을 변경할 권한이 충분하지 않습니다."
+        }
+    },
+    "room_summary_card_back_action_label": "방 정보",
+    "scalar": {
+        "error_create": "위젯을 만들지 못합니다.",
+        "error_membership": "이 방의 구성원이 아닙니다.",
+        "error_missing_room_id": "roomid가 없습니다.",
+        "error_missing_room_id_request": "요청에서 room_id가 빠짐",
+        "error_missing_user_id_request": "요청에서 user_id이(가) 빠짐",
+        "error_permission": "이 방에서 그걸 할 수 있는 권한이 없습니다.",
+        "error_power_level_invalid": "권한 등급은 양의 정수이어야 합니다.",
+        "error_room_not_visible": "방 %(roomId)s이(가) 보이지 않음",
+        "error_room_unknown": "이 방은 드러나지 않습니다.",
+        "error_send_request": "요청을 보내지 못했습니다.",
+        "failed_read_event": "이벤트 읽기에 실패했습니다",
+        "failed_send_event": "이벤트 전송 실패"
+    },
+    "server_offline": {
+        "description": "서버가 일부 요청에 응답하지 않는 경우가 있습니다. 가능한 원인은 다음과 같습니다.",
+        "description_1": "서버(%(serverName)s)의 응답 시간이 너무 오래 걸렸습니다.",
+        "description_2": "방화벽이나 바이러스 백신 프로그램이 요청을 차단하고 있습니다.",
+        "description_3": "브라우저 확장 프로그램이 요청을 차단하고 있습니다.",
+        "description_4": "서버가 오프라인 상태입니다.",
+        "description_5": "서버가 귀하의 요청을 거부했습니다.",
+        "description_6": "현재 해당 지역에서 인터넷 연결에 문제가 발생하고 있습니다.",
+        "description_7": "서버에 접속하는 동안 연결 오류가 발생했습니다.",
+        "description_8": "서버는 문제의 원인을 표시하도록 구성되지 않았습니다(CORS).",
+        "empty_timeline": "모두 확인했습니다!",
+        "recent_changes_heading": "아직 수신되지 않은 최근 변경 사항",
+        "title": "서버가 응답하지 않습니다"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s 매트릭스 콘텐츠 저장소에서 인증된 미디어를 로드하려면 서비스 워커가 필요합니다. 현재 사용 중인 브라우저에서는 이 기능이 지원되지 않아 미디어 로드에 실패할 수 있습니다.",
+        "title": "서비스 워커를 로드하지 못했습니다"
+    },
+    "seshat": {
+        "error_initialising": "메시지 검색 초기화 실패, 자세한 내용은 <a>설정</a>를 확인하세요",
+        "reset_button": "이벤트 저장소 재설정",
+        "reset_description": "대부분의 경우 이벤트 인덱스 저장소를 초기화하지 않는 것이 좋습니다",
+        "reset_explainer": "해당 작업을 수행할 경우, 모든 메시지는 삭제되지 않지만 색인 재구축 과정에서 잠시 동안 검색 성능이 저하될 수 있음을 유의하시기 바랍니다.",
+        "reset_title": "이벤트 저장소를 초기화하시겠습니까?",
+        "warning_kind_files": "이 버전의 %(brand)s 은 일부 암호화된 파일의 보기를 지원하지 않습니다.",
+        "warning_kind_files_app": "모든 <encrypted>암호화된</encrypted> 파일을 확인하려면 <a>데스크톱 앱</a>을 사용하세요",
+        "warning_kind_search": "%(brand)s 이 버전에서는 암호화된 메시지 검색을 지원하지 않습니다",
+        "warning_kind_search_app": "암호화된 메시지를 검색하려면 <a>데스크톱 앱</a>을 사용하세요"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "귀하의 액세스 토큰은 계정에 대한 전체 접근 권한을 부여합니다. 누구와도 공유하지 마십시오.",
+            "brand_version": "%(brand)s 웹 버전:",
+            "clear_cache_reload": "캐시 지우기 및 새로고침",
+            "crypto_version": "암호화 버전:",
+            "dialog_title": "<strong>설정:</strong> 도움말 및 정보",
+            "help_link": "%(brand)s 사용 중 도움이 필요하다면, <a>여기</a>를 클릭하세요.",
+            "homeserver": "홈서버는 <code>%(homeserverUrl)s</code>",
+            "identity_server": "Identity server는 <code>%(identityServerUrl)s</code>",
+            "title": "도움 & 정보",
+            "versions": "버전"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>설정:</strong> 계정",
+            "title": "계정"
+        },
+        "all_rooms_home": "모든 방을 홈에서 보기",
+        "all_rooms_home_description": "현재 있는 모든 채팅방을 홈에 표시됩니다.",
+        "always_show_message_timestamps": "항상 메시지의 시간을 보이기",
+        "appearance": {
+            "bundled_emoji_font": "번들 이모지 글꼴 사용",
+            "compact_layout": "간결한 텍스트 및 메시지 표시",
+            "compact_layout_description": "이 기능을 사용하려면 모던 레이아웃을 선택해야 합니다.",
+            "custom_font": "시스템 폰트 사용",
+            "custom_font_description": "시스템에 설치된 글꼴의 이름을 설정하면 %(brand)s 에서 해당 글꼴을 사용하려고 시도합니다.",
+            "custom_font_name": "시스템 글꼴 이름",
+            "custom_font_size": "사용자 정의 크기 사용",
+            "custom_theme_add": "사용자 지정 테마 추가",
+            "custom_theme_downloading": "사용자 지정 테마 다운로드 중…",
+            "custom_theme_error_downloading": "테마 다운로드 중 오류 발생",
+            "custom_theme_help": "적용하려는 사용자 정의 테마의 URL을 입력하세요.",
+            "custom_theme_invalid": "유효하지 않은 테마 스키마입니다.",
+            "dialog_title": "<strong>설정:</strong> 화면 설정",
+            "font_size": "글자 크기",
+            "font_size_default": "%(fontSize)s (기본값)",
+            "high_contrast": "고대비",
+            "image_size_default": "기본",
+            "image_size_large": "크게",
+            "layout_bubbles": "말풍선 형식",
+            "layout_irc": "IRC(실험적)",
+            "match_system_theme": "시스템 테마 사용",
+            "timeline_image_size": "타임라인 내 이미지 크기"
+        },
+        "automatic_language_detection_syntax_highlight": "구문 강조를 위해 자동 언어 감지 사용하기",
+        "autoplay_gifs": "GIF 자동 재생",
+        "autoplay_videos": "동영상 자동재생",
+        "big_emoji": "대화에서 큰 이모지 켜기",
+        "code_block_expand_default": "기본적으로 코드 블록 확장",
+        "code_block_line_numbers": "코드 블록에 줄 번호 표시",
+        "disable_historical_profile": "메시지 기록에서 사용자의 현재 프로필 사진과 이름을 표시합니다",
+        "discovery": {
+            "title": "어떻게 당신을 찾을 수 있나요"
+        },
+        "emoji_autocomplete": "입력 중 이모지 제안 켜기",
+        "enable_markdown": "마크다운 활성화",
+        "enable_markdown_description": "메시지 앞에 <code>/plain</code>을 입력하면 Markdown 없이 전송됩니다",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "귀하의 계정 정보, 연락처, 기본 설정 및 채팅 목록은 보관됩니다",
+                "breadcrumb_page": "암호화 재설정",
+                "breadcrumb_second_description": "서버에만 저장된 모든 메시지 기록이 손실됩니다.",
+                "breadcrumb_third_description": "기존 장치와 연락처를 모두 다시 확인해야 합니다.",
+                "breadcrumb_title": "정말로 디지털 신원을 초기화하시겠습니까?",
+                "breadcrumb_title_cant_confirm": "디지털 신원을 재설정해야 합니다",
+                "breadcrumb_title_forgot": "복구 키를 잊어버리셨나요? 디지털 신원을 초기화해야 합니다.",
+                "breadcrumb_title_sync_failed": "키 저장소 동기화에 실패했습니다. 디지털 신원을 초기화해야 합니다.",
+                "breadcrumb_warning": "계정이 해킹당했다고 생각될 때만 이 작업을 수행하십시오.",
+                "details_title": "암호화 세부 정보",
+                "do_not_close_warning": "재설정이 완료될 때까지 이 창을 닫지 마십시오",
+                "export_keys": "키 내보내기",
+                "import_keys": "키 가져오기",
+                "other_people_device_description": "경고: 귀하와 명시적으로 인증하지 않은 사용자(예: 이모지 사용)는 귀하의 암호화된 메시지를 수신하지 못합니다. 또한 인증된 사용자의 미인증 기기 역시 귀하의 암호화된 메시지를 수신하지 못합니다.",
+                "other_people_device_label": "암호화된 방에서는 인증된 사용자에게만 메시지를 보내십시오",
+                "other_people_device_title": "다른 사람의 기기",
+                "reset_identity": "암호화 신원 재설정",
+                "reset_in_progress": "재설정 중...",
+                "session_id": "세션 ID:",
+                "session_key": "세션 키:",
+                "title": "고급 설정"
+            },
+            "confirm_key_storage_off": "키 저장 기능을 꺼진 상태로 유지하시겠습니까?",
+            "confirm_key_storage_off_description": "모든 기기를 제거(로그아웃)하면 대화 기록이 손실되며, 기존의 모든 연락처를 다시 인증해야 합니다. <a>자세히 보기</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "키 저장소 삭제",
+                "confirm": "키 저장소 삭제",
+                "description": "키 저장소를 삭제하면 서버에서 암호화 신원 및 메시지 키가 제거되며 다음 보안 기능이 비활성화됩니다:",
+                "list_first": "새 기기에서는 암호화된 메시지 기록을 확인할 수 없습니다.",
+                "list_second": "모든 기기에서 로그아웃하면 암호화된 메시지를 읽을 수 없게 됩니다.",
+                "title": "정말로 키 저장소를 비활성화하고 삭제하시겠습니까?"
+            },
+            "device_not_verified_button": "이 장치를 확인하십시오",
+            "device_not_verified_description": "암호화 설정을 확인하려면 이 기기를 인증해야 합니다.",
+            "device_not_verified_title": "장치가 인증되지 않았습니다",
+            "dialog_title": "<strong>설정:</strong> 암호화",
+            "key_storage": {
+                "allow_key_storage": "키 저장 허용",
+                "description": "이 설정을 통해 새로운 기기에서도 대화 기록을 확인할 수 있으며, 대화 및 디지털 신원 백업에 반드시 필요합니다. <a>자세히 보기</a>",
+                "title": "키 저장소"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "새 복구 키 확인",
+                "change_recovery_confirm_description": "아래에 새 복구 키를 입력하여 완료하세요. 기존 키는 더 이상 작동하지 않습니다.",
+                "change_recovery_confirm_title": "새 복구 키를 입력하세요",
+                "change_recovery_key": "복구 키 변경",
+                "change_recovery_key_description": "이 새로운 복구 키를 안전한 곳에 기록해 두십시오. 그런 다음 계속을 클릭하여 변경 사항을 확인하십시오.",
+                "change_recovery_key_title": "복구 키 변경하시겠습니까?",
+                "description": "대화 내용은 종단간 암호화 기술로 자동 백업됩니다. 모든 기기에 접속할 수 없는 상황에서 백업을 복구하고 디지털 신원을 유지하려면 복구 키가 반드시 필요합니다.",
+                "enter_key_error": "입력하신 복구 키가 올바르지 않습니다.",
+                "enter_recovery_key": "복구 키 확인",
+                "forgot_recovery_key": "복구 키를 잊으셨나요?",
+                "key_storage_warning": "키 저장소가 동기화되지 않았습니다. 아래 버튼 중 하나를 클릭하여 문제를 해결하세요.",
+                "save_key_description": "이 내용을 누구와도 공유하지 마십시오!",
+                "save_key_title": "복구 키",
+                "set_up_recovery": "복구 키 받기",
+                "set_up_recovery_confirm_button": "설정 완료",
+                "set_up_recovery_confirm_description": "복구 설정을 완료하려면 이전 화면에 표시된 복구 키를 입력하십시오.",
+                "set_up_recovery_confirm_title": "복구 키를 입력하여 확인하십시오",
+                "set_up_recovery_description": "키 저장소는 복구 키로 보호됩니다. 설정 후 새 복구 키가 필요한 경우 '%(changeRecoveryKeyButton)s'을 선택하여 재작성할 수 있습니다.",
+                "set_up_recovery_save_key_description": "이 복구 키를 암호 관리자, 암호화된 메모 또는 물리적 금고와 같은 안전한 곳에 기록해 두십시오.",
+                "set_up_recovery_save_key_title": "복구 키를 안전한 곳에 보관하세요.",
+                "set_up_recovery_secondary_description": "계속을 클릭하면 복구 키를 생성해 드립니다.",
+                "title": "백업"
+            },
+            "title": "암호화"
+        },
+        "general": {
+            "account_management_section": "계정 관리",
+            "account_section": "계정",
+            "add_email_dialog_title": "이메일 주소 추가",
+            "add_email_failed_verification": "이메일 주소를 인증하지 못했습니다. 메일에 나온 주소를 눌렀는지 확인해 보세요",
+            "add_email_instructions": "주소를 인증하기 위한 이메일을 보냈습니다. 여기있는 설명을 따라간 후 아래 버튼을 클릭하세요.",
+            "add_msisdn_confirm_body": "아래 버튼을 클릭하여 이 전화번호 추가를 확인하세요.",
+            "add_msisdn_confirm_button": "전화번호 추가 확인",
+            "add_msisdn_confirm_sso_button": "본인의 신원을 확인하기 위해 싱글 사인온(SSO)을 사용하여 이 전화번호 추가를 확인하세요.",
+            "add_msisdn_dialog_title": "전화번호 추가",
+            "add_msisdn_instructions": "문자 메시지를 +%(msisdn)s(으)로 보냈습니다. 메시지에 있는 인증 코드를 입력해주세요.",
+            "add_msisdn_misconfigured": "MSISDN을 사용한 추가/바인딩 흐름이 잘못 구성되었습니다.",
+            "allow_spellcheck": "맞춤법 검사 허용",
+            "application_language": "응용 프로그램 언어",
+            "application_language_reload_hint": "다른 언어를 선택하면 앱이 다시 로드됩니다",
+            "avatar_open_menu": "아바타 메뉴 열기",
+            "avatar_remove_progress": "이미지 삭제 중…",
+            "avatar_save_progress": "이미지 업로드 중…",
+            "avatar_upload_error_text": "파일 형식이 지원되지 않거나 이미지가 %(size)s 보다 큽니다.",
+            "avatar_upload_error_text_generic": "파일 형식이 지원되지 않을 수 있습니다.",
+            "avatar_upload_error_title": "아바타 이미지를 업로드할 수 없습니다",
+            "confirm_adding_email_body": "아래 버튼을 클릭하여 이메일 주소 추가를 확인하세요.",
+            "confirm_adding_email_title": "이메일 추가 확인",
+            "deactivate_confirm_body": "계정을 비활성화하시겠습니까? 이 설정은 되돌릴 수 없습니다.",
+            "deactivate_confirm_body_sso": "계정 비활성화를 확인하려면 신원 확인을 위해 싱글 사인온(SSO)을 사용하십시오.",
+            "deactivate_confirm_content": "계정을 비활성화하시겠습니까? 계속 진행하려면:",
+            "deactivate_confirm_content_1": "계정을 다시 활성화할 수 없습니다.",
+            "deactivate_confirm_content_2": "더 이상 로그인할 수 없습니다.",
+            "deactivate_confirm_content_3": "귀하를 포함하여 누구도 귀하의 사용자 이름(MXID)을 재사용할 수 없습니다. 이 사용자 이름은 계속 사용할 수 없습니다.",
+            "deactivate_confirm_content_4": "당신이 참여 중인 모든 방과 DM을 떠나게 됩니다",
+            "deactivate_confirm_content_5": "귀하는 ID 서버에서 제거됩니다: 친구들이 더 이상 이메일이나 전화번호로 귀하를 찾을 수 없게 됩니다",
+            "deactivate_confirm_content_6": "기존에 보낸 메시지는 과거에 보낸 이메일과 마찬가지로 수신자에게 계속 표시됩니다. 향후 방에 참여하는 사람들에게 보낸 메시지를 숨기시겠습니까?",
+            "deactivate_confirm_continue": "계정 비활성화 확인",
+            "deactivate_confirm_erase_label": "새로 가입한 회원에게 내 메시지를 숨기기",
+            "deactivate_section": "계정 비활성화",
+            "deactivate_warning": "계정을 비활성화 하는 것은 취소할 수 없습니다. 조심하세요!",
+            "discovery_email_empty": "이메일을 추가하면 검색 옵션이 표시됩니다.",
+            "discovery_email_verification_instructions": "메일함에 있는 링크로 확인",
+            "discovery_msisdn_empty": "전화번호를 추가하면 검색 옵션이 표시됩니다.",
+            "discovery_needs_terms": "이메일 주소나 전화번호로 자신을 발견할 수 있도록 ID 서버 (%(serverName)s) 서비스 약관에 동의하세요.",
+            "discovery_needs_terms_title": "사람들이 당신을 찾을 수 있도록 하세요",
+            "display_name": "표시 이름",
+            "display_name_error": "표시 이름 설정 불가",
+            "email_adding_unsupported_by_hs": "이 홈 서버는 계정에 이메일 주소를 추가하는 기능을 지원하지 않습니다.",
+            "email_address_in_use": "이 이메일 주소는 이미 사용 중입니다",
+            "email_address_label": "이메일 주소",
+            "email_not_verified": "이메일 주소가 아직 확인되지 않았습니다",
+            "email_verification_instructions": "받은 이메일에 있는 링크를 클릭해서 확인한 후에 계속하기를 클릭하세요.",
+            "emails_heading": "이메일 주소",
+            "error_add_email": "이메일 주소를 추가할 수 없음",
+            "error_deactivate_communication": "서버와 통신하는 데 문제가 발생했습니다. 다시 시도해 주세요.",
+            "error_deactivate_invalid_auth": "서버가 유효한 인증 정보를 반환하지 않았습니다.",
+            "error_deactivate_no_auth": "서버에서 인증이 필요하지 않았습니다",
+            "error_email_verification": "이메일 주소를 인증할 수 없습니다.",
+            "error_invalid_email": "잘못된 이메일 주소",
+            "error_invalid_email_detail": "올바르지 않은 이메일 주소로 보입니다",
+            "error_msisdn_verification": "전화번호를 인증할 수 없습니다.",
+            "error_password_change_403": "비밀번호를 바꾸지 못했습니다. 이 비밀번호가 맞나요?",
+            "error_password_change_http": "%(errorMessage)s (HTTP status %(httpStatus)s)",
+            "error_password_change_title": "비밀번호 변경 중 오류 발생",
+            "error_password_change_unknown": "알 수 없는 비밀번호 변경 오류 (%(stringifiedError)s)",
+            "error_remove_3pid": "연락처 정보를 제거할 수 없음",
+            "error_revoke_email_discovery": "이메일 주소 공유를 취소할 수 없음",
+            "error_revoke_msisdn_discovery": "전화번호 공유를 취소할 수 없음",
+            "error_share_email_discovery": "이메일 주소를 공유할 수 없음",
+            "error_share_msisdn_discovery": "전화번호를 공유할 수 없음",
+            "identity_server_no_token": "ID 액세스 토큰을 찾을 수 없습니다.",
+            "identity_server_not_set": "ID 서버가 설정되지 않았습니다",
+            "invalid_phone_number": "제공된 전화번호가 유효하지 않은 것으로 보입니다.",
+            "language_section": "언어",
+            "msisdn_adding_unsupported_by_hs": "이 홈 서버는 계정에 전화번호를 추가하는 기능을 지원하지 않습니다.",
+            "msisdn_in_use": "이 전화번호는 이미 사용 중입니다",
+            "msisdn_label": "전화번호",
+            "msisdn_verification_field_label": "인증 코드",
+            "msisdn_verification_instructions": "문자로 보낸 인증 코드를 입력해주세요.",
+            "msisdns_heading": "전화번호",
+            "oidc_manage_button": "계정 관리",
+            "password_change_section": "새 계정 비밀번호 설정…",
+            "password_change_success": "비밀번호가 성공적으로 변경되었습니다.",
+            "personal_info": "개인 정보",
+            "profile_subtitle": "앱에서 다른 사람들에게 보이는 모습입니다.",
+            "profile_subtitle_oidc": "귀하의 계정은 신원 제공자(IDP)에 의해 별도로 관리되므로 일부 개인 정보는 여기서 변경할 수 없습니다.",
+            "remove_email_prompt": "%(email)s을(를) 제거하겠습니까?",
+            "remove_msisdn_prompt": "%(phone)s을(를) 제거하겠습니까?",
+            "spell_check_locale_placeholder": "지역을 선택하세요",
+            "unable_to_load_emails": "이메일 주소를 불러올 수 없습니다",
+            "unable_to_load_msisdns": "전화번호를 불러올 수 없습니다",
+            "username": "사용자 이름"
+        },
+        "inline_url_previews_default": "기본으로 인라인 URL 미리 보기 사용하기",
+        "inline_url_previews_encrypted": "암호화된 방에서 미리 보기 기능 활성화",
+        "insert_trailing_colon_mentions": "메시지 시작 부분에 사용자 언급 뒤에 콜론을 추가합니다",
+        "invite_controls": {
+            "default_label": "사용자가 방에 초대할 수 있도록 허용"
+        },
+        "jump_to_bottom_on_send": "메시지를 보낼 때 타임라인 맨 아래로 이동합니다",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "현재 이 기기에서 키가 백업 중입니다.",
+                "backup_setup_success_title": "보안 백업 성공",
+                "cancel_warning": "지금 취소하면 로그인 정보에 접근할 수 없게 되어 암호화된 메시지와 데이터를 잃을 수 있습니다.",
+                "confirm_security_phrase": "보안 문구를 확인하세요",
+                "description": "암호화된 메시지와 데이터에 대한 접근 권한을 잃지 않도록 서버에 암호화 키를 백업하여 보호하십시오.",
+                "download_or_copy": "%(downloadButton)s 또는 %(copyButton)s",
+                "enter_phrase_description": "보안을 위해 본인만 알고 있는 보안 문구를 입력하세요. 이 문구는 데이터 보호에 사용됩니다. 보안을 위해 계정 비밀번호를 재사용하지 마십시오.",
+                "enter_phrase_title": "보안 문구를 입력하세요",
+                "enter_phrase_to_confirm": "보안 문구를 다시 한 번 입력하여 확인하십시오.",
+                "generate_security_key_description": "복구 키를 생성해 드리겠습니다. 비밀번호 관리자나 금고 같은 안전한 곳에 보관하시기 바랍니다.",
+                "generate_security_key_title": "복구 키 생성",
+                "pass_phrase_match_failed": "맞지 않습니다.",
+                "pass_phrase_match_success": "맞습니다!",
+                "phrase_strong_enough": "좋아요! 이 보안 문구는 충분히 강력해 보입니다.",
+                "secret_storage_query_failure": "비밀 저장소 상태를 쿼리할 수 없음",
+                "security_key_safety_reminder": "복구 키는 암호화된 데이터를 보호하는 데 사용되므로, 비밀번호 관리 프로그램이나 금고와 같은 안전한 장소에 보관하십시오.",
+                "set_phrase_again": "돌아가서 다시 설정하기.",
+                "settings_reminder": "보안 백업을 설정하고 키를 관리하려면 설정에서 가능합니다.",
+                "title_confirm_phrase": "보안 문구 확인",
+                "title_save_key": "복구 키를 저장하세요",
+                "title_set_phrase": "보안 문구 설정",
+                "unable_to_setup": "비밀 저장소 설정 불가",
+                "use_different_passphrase": "다른 암호를 사용하시겠습니까?",
+                "use_phrase_only_you_know": "자신만 아는 비밀 문구를 사용하고, 선택적으로 백업용 복구 키를 저장하세요."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "암호 확인",
+            "enter_passphrase": "암호 입력",
+            "export_description_1": "이 과정으로 암호화한 방에서 받은 메시지의 키를 로컬 파일로 내보낼 수 있습니다. 그런 다음 나중에 다른 Matrix 클라이언트에서 파일을 가져와서, 해당 클라이언트에서도 이 메시지를 복호화할 수 있도록 할 수 있습니다.",
+            "export_description_2": "내보낸 파일은 이를 읽을 수 있는 사람이라면 누구나 귀하가 볼 수 있는 암호화된 메시지를 해독할 수 있게 하므로, 반드시 안전하게 보관해야 합니다. 이를 위해 아래에 고유한 암호 문구를 입력해야 하며, 이 문구는 내보낸 데이터 암호화에만 사용됩니다. 동일한 암호 문구를 사용해야만 데이터를 다시 가져올 수 있습니다.",
+            "export_title": "방 키 내보내기",
+            "file_to_import": "가져올 파일",
+            "import_description_1": "이 과정으로 다른 Matrix 클라이언트에서 내보낸 암호화 키를 가져올 수 있습니다. 그런 다음 이전 클라이언트에서 복호화할 수 있는 모든 메시지를 복호화할 수 있습니다.",
+            "import_description_2": "내보낸 파일이 암호로 보호되어 있습니다. 파일을 복호화하려면, 여기에 암호를 입력해야 합니다.",
+            "import_title": "방 키 가져오기",
+            "phrase_cannot_be_empty": "암호를 입력해야 함",
+            "phrase_must_match": "암호가 일치해야 함",
+            "phrase_strong_enough": "좋아요! 이 암호는 충분히 강력해 보입니다."
+        },
+        "keyboard": {
+            "dialog_title": "<strong>설정:</strong> 키보드",
+            "title": "키보드 (단축키)"
+        },
+        "labs": {
+            "dialog_title": "<strong>설정:</strong> 실험실 기능"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>설정:</strong> 무시된 사용자"
+        },
+        "media_preview": {
+            "hide_avatars": "채팅방 및 초대자의 아바타 숨기기",
+            "hide_media": "항상 숨기기",
+            "media_preview_description": "숨겨진 미디어는 터치로 표시할 수 있습니다.",
+            "media_preview_label": "타임라인에 미디어 표시",
+            "show_in_private": "비공개 방에서",
+            "show_media": "항상 표시"
+        },
+        "not_supported": "귀하의 서버에서는 이 기능이 구현되어 있지 않습니다.",
+        "notifications": {
+            "default_setting_description": "이 설정은 기본적으로 모든 채팅방에 적용됩니다.",
+            "default_setting_section": "알림을 받고 싶습니다 (기본 설정)",
+            "desktop_notification_message_preview": "데스크톱 알림에 메시지 미리 보기 표시",
+            "dialog_title": "<strong>설정:</strong> 알림",
+            "email_description": "놓친 알림에 대한 이메일 요약을 받으세요",
+            "email_section": "이메일 요약",
+            "email_select": "요약 이메일을 받을 이메일을 선택하세요. 이메일 관리는 <button>일반</button>에서 할 수 있습니다",
+            "enable_audible_notifications_session": "이 세션에 대해 소리 알림을 켭니다",
+            "enable_desktop_notifications_session": "이 세션에 대해 데스크톱 알림을 활성화하세요",
+            "enable_email_notifications": "%(email)s에 대한 이메일 알림 활성화",
+            "enable_notifications_account": "이 계정에 대한 알림을 켭니다",
+            "enable_notifications_account_detail": "모든 기기 및 세션에서 알림을 비활성화하려면 끄기",
+            "enable_notifications_device": "이 기기에 대한 알림을 켭니다",
+            "error_loading": "알림 설정을 불러오는 중에 오류가 발생했습니다.",
+            "error_permissions_denied": "%(brand)s은 알림을 보낼 권한을 가지고 있지 않습니다. 브라우저 설정을 확인해주세요",
+            "error_permissions_missing": "%(brand)s이 알림을 보낼 권한을 받지 못했습니다. 다시 해주세요",
+            "error_saving": "알림 환경 설정을 저장하는 중 오류가 발생했습니다.",
+            "error_saving_detail": "알림 환경 설정을 저장하는 동안 오류가 발생했습니다.",
+            "error_title": "알림을 사용할 수 없음",
+            "error_updating": "알림 설정을 업데이트하는 중에 오류가 발생했습니다. 옵션을 다시 설정해 보세요.",
+            "invites": "채팅방에 초대됨",
+            "keywords": "채팅방에서 키워드가 사용될 때 배지 <badge/> 를 표시합니다.",
+            "keywords_prompt": "여기에 키워드를 입력하세요. 철자 변형이나 별명에도 사용할 수 있습니다",
+            "labs_notice_prompt": "<strong>업데이트:</strong> 알림 설정을 간소화하여 옵션을 더 쉽게 찾을 수 있도록 했습니다. 이전에 선택한 일부 맞춤 설정은 여기에서 표시되지 않지만, 여전히 활성 상태입니다. 진행하면 일부 설정이 변경될 수 있습니다. <a>자세히 알아보기</a>",
+            "mentions_keywords": "멘션 및 키워드",
+            "mentions_keywords_only": "멘션 및 키워드만",
+            "messages_containing_keywords": "키워드가 포함된 메시지",
+            "noisy": "소리",
+            "notices": "봇이 보낸 메시지",
+            "notify_at_room": "누군가 @채팅방을 사용해 언급하면 알림",
+            "notify_keyword": "누군가 키워드를 사용할 때 알림",
+            "notify_mention": "누군가 @사용자이름 또는 %(mxid)s로 언급(멘션)하면 알림",
+            "other_section": "귀하가 관심을 가질 만한 다른 사항:",
+            "people_mentions_keywords": "사람, 멘션 및 키워드",
+            "play_sound_for_description": "기본적으로 모든 기기의 모든 채팅방에 적용됩니다.",
+            "play_sound_for_section": "소리를 재생합니다",
+            "push_targets": "알림 대상",
+            "quick_actions_mark_all_read": "모든 메시지를 읽음으로 표시",
+            "quick_actions_reset": "기본 설정으로 재설정",
+            "quick_actions_section": "빠른 작업",
+            "room_activity": "새로운 채팅방 활동, 업그레이드 및 상태 메시지가 발생합니다",
+            "rule_call": "전화 초대",
+            "rule_contains_display_name": "내 표시 이름이 포함된 메시지",
+            "rule_contains_user_name": "내 사용자 이름이 있는 메시지",
+            "rule_encrypted": "그룹 대화 암호화된 메시지",
+            "rule_encrypted_room_one_to_one": "1:1 대화 암호화된 메시지",
+            "rule_invite_for_me": "방에 초대받았을 때",
+            "rule_message": "그룹 대화 메시지",
+            "rule_room_one_to_one": "1:1 대화 메시지",
+            "rule_roomnotif": "@room이(가) 있는 메시지",
+            "rule_suppress_notices": "봇에게 받은 메시지",
+            "rule_tombstone": "방을 업그레이드했을 때",
+            "show_message_desktop_notification": "컴퓨터 알림에서 내용 보이기",
+            "voip": "음성 및 영상 통화"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "다른 앱이 창 내용을 캡처하지 못하도록 방지합니다",
+            "Electron.enableHardwareAcceleration": "하드웨어 가속 사용 (적용하려면 %(appName)s을(를) 다시 시작하세요)",
+            "always_show_menu_bar": "항상 윈도우 메뉴 막대에 보이기",
+            "autocomplete_delay": "자동 완성 딜레이 (ms)",
+            "code_blocks_heading": "코드 블록",
+            "compact_modern": "더 간결한 '모던' 레이아웃을 사용하세요",
+            "composer_heading": "작성기",
+            "default_timezone": "브라우저 기본값(%(timezone)s )",
+            "dialog_title": "<strong>설정:</strong> 환경설정",
+            "enable_content_protection": "콘텐츠 보호 활성화",
+            "enable_hardware_acceleration": "하드웨어 가속 활성화",
+            "enable_tray_icon": "트레이 아이콘을 표시하고 닫을 때 창을 최소화합니다.",
+            "keyboard_heading": "키보드 단축키",
+            "keyboard_view_shortcuts_button": "모든 키보드 단축키를 보려면 <a>여기를 클릭하세요</a>.",
+            "link_previews_description": "메시지 아래에 링크 정보를 표시합니다.",
+            "link_previews_heading": "링크 미리보기",
+            "media_heading": "이미지, GIF 및 동영상",
+            "presence_description": "귀하의 활동과 상태를 다른 사람들과 공유하세요.",
+            "publish_timezone": "공개 프로필에 시간대 게시",
+            "rm_lifetime": "이전 대화 경계선 표시 시간 (ms)",
+            "rm_lifetime_offscreen": "이전 대화 경계선 사라지는 시간 (ms)",
+            "room_directory_heading": "채팅방 목록",
+            "room_list_heading": "방 목록",
+            "show_avatars_pills": "사용자, 방 및 이벤트 멘션에 아바타 표시",
+            "show_polls_button": "투표 버튼 표시",
+            "startup_window_behaviour_label": "시작 및 창 동작",
+            "surround_text": "특수 문자를 입력할 때 선택한 텍스트를 둘러싸기",
+            "time_heading": "시간 표시",
+            "user_timezone": "시간대 설정"
+        },
+        "prompt_invite": "잠재적으로 올바르지 않은 Matrix ID로 초대를 보내기 전에 확인",
+        "replace_plain_emoji": "일반 문자로 된 이모지 자동으로 변환하기",
+        "security": {
+            "analytics_description": "익명 데이터를 공유하여 문제점을 파악하는 데 도움을 주세요. 개인 정보는 포함되지 않습니다. 제3자에게 제공되지 않습니다.",
+            "bulk_options_accept_all_invites": "모든 %(invitedRooms)s개의 초대를 수락",
+            "bulk_options_reject_all_invites": "모든 %(invitedRooms)s개의 초대를 거절",
+            "bulk_options_section": "대량 설정",
+            "dehydrated_device_description": "오프라인 기기 기능을 사용하면 어떤 기기에도 로그인하지 않은 상태에서도 암호화된 메시지를 수신할 수 있습니다.",
+            "dehydrated_device_enabled": "오프라인 장치 활성화됨",
+            "dialog_title": "<strong>설정:</strong> 보안 및 개인 정보 보호",
+            "e2ee_default_disabled_warning": "서버 관리자가 비공개 채팅방과 1:1 메시지의 종단간 암호화를 기본적으로 비활성화했습니다.",
+            "enable_message_search": "암호화된 방에서 메시지 검색을 활성화합니다",
+            "encryption_section": "암호화",
+            "ignore_users_empty": "무시된 사용자가 없습니다.",
+            "ignore_users_section": "무시한 사용자",
+            "key_backup_algorithm": "알고리즘:",
+            "message_search_disable_warning": "비활성화된 경우, 암호화된 방의 메시지는 검색 결과에 표시되지 않습니다.",
+            "message_search_disabled": "암호화된 메시지를 안전하게 로컬에 캐시하여 검색 결과에 표시되도록 합니다.",
+            "message_search_enabled": {
+                "other": "암호화된 메시지를 안전하게 로컬에 캐시하여 검색 결과에 표시되도록 합니다. %(size)s 를 사용하여 %(rooms)s 방의 메시지를 저장합니다."
+            },
+            "message_search_failed": "메시지 검색 초기화 실패",
+            "message_search_indexed_messages": "색인된 메시지:",
+            "message_search_indexed_rooms": "색인된 채팅방:",
+            "message_search_indexing": "현재 색인 중: %(currentRoom)s",
+            "message_search_indexing_idle": "현재 어떤 채팅방의 메시지도 색인화하지 않고 있습니다.",
+            "message_search_intro": "%(brand)s은(는) 검색 결과에 표시하기 위해 암호화된 메시지를 로컬에 안전하게 캐싱합니다:",
+            "message_search_room_progress": "전체 %(totalRooms)s개 중 %(doneRooms)s개 완료",
+            "message_search_section": "메시지 검색",
+            "message_search_sleep_time": "메시지는 얼마나 빨리 다운로드되어야 합니까?",
+            "message_search_space_used": "사용된 공간:",
+            "message_search_unsupported": "%(brand)s에는 암호화된 메시지를 로컬에 안전하게 캐싱하는 데 필요한 일부 구성 요소가 누락되어 있습니다. 이 기능을 실험적으로 사용해 보려면, <nativeLink>검색 구성 요소가 추가된</nativeLink> 사용자 지정 %(brand)s 데스크톱을 직접 빌드하세요.",
+            "message_search_unsupported_web": "웹 브라우저에서 실행 중일 때 %(brand)s는 암호화된 메시지를 로컬에 안전하게 캐시할 수 없습니다. 암호화된 메시지를 검색 결과에 표시하려면 <desktopLink>%(brand)s 데스크톱</desktopLink>을 사용하세요.",
+            "record_session_details": "클라이언트 이름, 버전 및 URL을 기록하여 세션 관리자로 세션을 더 쉽게 식별할 수 있도록 합니다.",
+            "send_analytics": "정보 분석 데이터 보내기",
+            "strict_encryption": "인증된 사용자에게만 메시지를 보내세요"
+        },
+        "send_read_receipts": "읽음 확인 보내기",
+        "send_read_receipts_unsupported": "귀하의 서버는 읽음 확인 전송 비활성화를 지원하지 않습니다.",
+        "send_typing_notifications": "입력 알림 보내기",
+        "sessions": {
+            "best_security_note": "최상의 보안을 위해 세션을 인증하고, 인식하지 못하거나 더 이상 사용하지 않는 세션은 제거하세요.",
+            "confirm_sign_out": {
+                "other": "이 기기들을 제거하시겠습니까?"
+            },
+            "confirm_sign_out_body": {
+                "other": "아래 버튼을 클릭하여 기기 제거를 확정해 주세요."
+            },
+            "confirm_sign_out_continue": {
+                "other": "기기 제거"
+            },
+            "confirm_sign_out_sso": {
+                "other": "본인 인증을 위해 싱글 사인온(SSO)을 사용하여 기기 제거를 확정해 주세요."
+            },
+            "current_session": "현재 세션",
+            "desktop_session": "데스크톱 세션",
+            "details_heading": "세션 세부 정보",
+            "device_unverified_description": "최상의 보안과 신뢰성을 위해 이 세션을 인증하거나 제거해 주세요.",
+            "device_unverified_description_current": "보안 메시징 강화를 위해 현재 세션을 확인하십시오.",
+            "device_verified_description": "이 세션은 보안 메시징을 사용할 준비가 되었습니다.",
+            "device_verified_description_current": "현재 세션에서 보안 메세지를 사용할 수 있습니다.",
+            "dialog_title": "<strong>설정:</strong> 세션",
+            "error_pusher_state": "푸셔 상태를 설정하지 못했습니다.",
+            "error_set_name": "세션 이름을 설정하지 못했습니다.",
+            "filter_all": "전체",
+            "filter_inactive": "비활성",
+            "filter_inactive_description": "%(inactiveAgeDays)s 일 이상 비활성 상태",
+            "filter_label": "기기 필터링",
+            "filter_unverified_description": "보안 메시징 준비가 되지 않음",
+            "filter_verified_description": "보안 메시징 준비 완료",
+            "hide_details": "세부정보 숨기기",
+            "inactive_days": "%(inactiveAgeDays)s일 이상 비활성 상태",
+            "inactive_sessions": "비활성 세션",
+            "inactive_sessions_explainer_1": "비활성 세션은 일정 기간 사용하지 않은 세션이지만, 계속해서 암호화 키를 수신합니다.",
+            "inactive_sessions_explainer_2": "비활성 세션을 제거하면 보안성과 성능이 향상되며, 새로운 세션이 의심스러운지 식별하기가 더 쉬워집니다.",
+            "inactive_sessions_list_description": "더 이상 사용하지 않는 오래된 세션(%(inactiveAgeDays)s일 이상 경과)은 제거하는 것이 좋습니다.",
+            "ip": "IP 주소",
+            "last_activity": "최근 활동",
+            "manage": "이 세션 관리",
+            "mobile_session": "모바일 세션",
+            "n_sessions_selected": {
+                "other": "%(count)s개 세션 선택됨"
+            },
+            "no_inactive_sessions": "비활성 세션이 발견되지 않았습니다.",
+            "no_sessions": "세션을 찾을 수 없습니다.",
+            "no_unverified_sessions": "확인되지 않은 세션이 없습니다.",
+            "no_verified_sessions": "확인된 세션이 없습니다.",
+            "other_sessions_heading": "다른 세션",
+            "push_heading": "푸시 알림",
+            "push_subheading": "이 세션에 대한 푸시 알림을 받으세요.",
+            "push_toggle": "이 세션에서 푸시 알림을 전환합니다.",
+            "rename_form_caption": "세션 이름은 대화 상대방에게도 표시된다는 점을 유의하시기 바랍니다.",
+            "rename_form_heading": "세션 이름 바꾸기",
+            "rename_form_learn_more": "세션 이름 변경",
+            "rename_form_learn_more_description_1": "개인 메시지와 참여한 채팅방에 있는 다른 사용자는 사용자의 전체 세션 목록을 볼 수 있습니다.",
+            "rename_form_learn_more_description_2": "이렇게 하면 상대방은 당신과 대화하고 있다는 확신을 가질 수 있지만, 동시에 당신이 여기에 입력하는 세션 이름도 볼 수 있습니다.",
+            "security_recommendations": "보안 권고사항",
+            "security_recommendations_description": "다음 권장 사항을 따라 계정 보안을 강화하세요.",
+            "session_id": "세션 ID",
+            "show_details": "세부 정보 표시",
+            "sign_in_with_qr": "새 기기 연결",
+            "sign_in_with_qr_button": "QR 코드 보기",
+            "sign_in_with_qr_description": "QR 코드를 사용하여 다른 기기에 로그인하고 보안 메시징을 설정하세요.",
+            "sign_in_with_qr_unsupported": "귀하의 계정 제공업체에서 지원하지 않습니다.",
+            "sign_out": "이 세션 제거",
+            "sign_out_all_other_sessions": "다른 모든 세션 제거 (%(otherSessionsCount)s개)",
+            "sign_out_confirm_description": {
+                "other": "정말로 세션 %(count)s개를 제거하시겠습니까?"
+            },
+            "sign_out_n_sessions": {
+                "other": "세션 %(count)s개 제거"
+            },
+            "title": "세션목록",
+            "unknown_session": "알 수 없는 세션 유형",
+            "unverified_session": "검증되지 않은 세션",
+            "unverified_session_explainer_1": "이 세션은 암호화를 지원하지 않으므로 검증할 수 없습니다.",
+            "unverified_session_explainer_2": "이 세션을 사용할 때 암호화가 활성화된 방에는 참여할 수 없습니다.",
+            "unverified_session_explainer_3": "최상의 보안 및 개인정보 보호를 위해 암호화를 지원하는 Matrix 클라이언트를 사용하는 것이 권장됩니다.",
+            "unverified_sessions": "검증되지 않은 세션들",
+            "unverified_sessions_explainer_1": "인증되지 않은 세션은 계정 정보로 로그인되었으나, 디지털 신원이 아직 확인되지 않은 세션입니다.",
+            "unverified_sessions_explainer_2": "특히 이러한 세션을 반드시 확인해야 합니다. 이는 귀하의 계정이 무단으로 사용되고 있을 수 있음을 나타낼 수 있기 때문입니다.",
+            "unverified_sessions_list_description": "더 안전한 메시지 교신을 위해 세션을 인증하세요. 인식하지 못하거나 더 이상 사용하지 않는 세션은 제거해 주세요.",
+            "url": "URL",
+            "verified_session": "검증된 세션",
+            "verified_sessions": "검증된 세션들",
+            "verified_sessions_explainer_1": "인증된 세션은 사용자의 디지털 신원을 확인한 세션입니다.",
+            "verified_sessions_explainer_2": "이는 암호화된 메시지를 해독하는 데 필요한 모든 키를 보유하고 있으며, 다른 사용자에게 본 세션을 신뢰한다는 점을 확인할 수 있음을 의미합니다.",
+            "verified_sessions_list_description": "최상의 보안을 위해, 인식하지 못하거나 더 이상 사용하지 않는 세션은 모두 제거하세요.",
+            "verify_session": "세션 확인",
+            "web_session": "웹 세션"
+        },
+        "show_avatar_changes": "프로필 사진 변경 사항 표시",
+        "show_breadcrumbs": "채팅방 목록 위에 최근 본 채팅방 바로가기를 표시",
+        "show_chat_effects": "채팅 효과 표시 (메세지 전송시 애니메이션 효과등)",
+        "show_displayname_changes": "표시 이름 변경 사항 보이기",
+        "show_join_leave": "입장/퇴장 메시지 표시 (초대/강제 퇴장/차단에는 영향 없음)",
+        "show_message_previews": "메시지 미리 보기 표시",
+        "show_nsfw_content": "NSFW 콘텐츠 표시",
+        "show_read_receipts": "다른 사용자가 읽은 기록 보이기",
+        "show_redaction_placeholder": "감춘 메시지의 자리 표시하기",
+        "show_stickers_button": "스티커 표시 버튼",
+        "show_typing_notifications": "메세지 타이핑 알림 표시",
+        "showbold": "채팅방 목록에서 모든 활동 표시 (점 또는 읽지 않은 메시지 수)",
+        "sidebar": {
+            "dialog_title": "<strong>설정:</strong> 사이드바",
+            "metaspaces_home_all_rooms": "모든 방 목록 보기",
+            "metaspaces_home_all_rooms_description": "홈에서 모든 채팅방을 표시합니다. 채팅방이 스페이스에 속해 있어도 표시됩니다.",
+            "metaspaces_home_description": "홈은 모든 것을 한눈에 파악하는 데 유용합니다.",
+            "metaspaces_orphans": "스페이스 밖의 채팅방",
+            "metaspaces_orphans_description": "스페이스에 속하지 않은 모든 채팅방을 한곳에 모으기",
+            "metaspaces_subsection": "표시할 스페이스",
+            "metaspaces_video_rooms": "영상 회의실 및 회의",
+            "metaspaces_video_rooms_description": "모든 비공개 영상 방 및 회의를 그룹화합니다.",
+            "metaspaces_video_rooms_description_invite_extension": "컨퍼런스에서는 매트릭스 외부 사람들을 초대할 수 있습니다.",
+            "spaces_explainer": "스페이스는 채팅방과 사람들을 그룹화하는 방법입니다. 현재 참여 중인 스페이스와 함께, 미리 만들어진 스페이스도 사용할 수 있습니다.",
+            "title": "사이드바"
+        },
+        "start_automatically": {
+            "disabled": "아니요",
+            "enabled": "예",
+            "label": "컴퓨터에 로그인할 때 %(brand)s 을 열어주세요.",
+            "minimised": "최소화됨"
+        },
+        "tac_only_notifications": "스레드 활동 센터에서만 알림 표시",
+        "use_12_hour_format": "시간을 12시간제로 보이기(예: 오후 2:30)",
+        "use_command_enter_send_message": "Command + Enter 키를 눌러 메시지를 보내세요",
+        "use_command_f_search": "Command + F를 사용하여 타임라인 검색",
+        "use_control_enter_send_message": "메시지를 보내려면 Ctrl + Enter를 누르세요",
+        "use_control_f_search": "Ctrl + F를 사용하여 타임라인 검색",
+        "voip": {
+            "allow_p2p": "1:1 통화에 대해 P2P 허용",
+            "allow_p2p_description": "이 기능이 활성화되면 상대방이 귀하의 IP 주소를 볼 수 있습니다.",
+            "audio_input_empty": "마이크 감지 없음",
+            "audio_output": "오디오 출력",
+            "audio_output_empty": "오디오 출력 감지 없음",
+            "auto_gain_control": "자동 이득 제어",
+            "dialog_title": "<strong>설정:</strong> 음성 및 영상",
+            "echo_cancellation": "에코 제거",
+            "echo_cancellation_description": "통화 중 마이크 입력에서 에코를 제거합니다. 이 설정은 Element Call에도 적용됩니다.",
+            "enable_fallback_ice_server": "대체 통화 지원 서버 허용 (%(server)s)",
+            "enable_fallback_ice_server_description": "홈 서버에서 제공하지 않는 경우에만 적용됩니다. 통화 중 귀하의 IP 주소가 공유될 수 있습니다.",
+            "mirror_local_feed": "보고 있는 비디오 전송 상태 비추기",
+            "missing_permissions_prompt": "미디어 권한이 없습니다, 권한 요청을 보내려면 아래 버튼을 클릭하세요.",
+            "noise_suppression": "잡음 억제",
+            "noise_suppression_description": "통화 중 마이크로 입력되는 주변 소음을 줄여줍니다. 이 설정은 Element Call에도 적용됩니다.",
+            "request_permissions": "미디어 권한 요청",
+            "title": "음성 & 영상",
+            "video_input_empty": "카메라 감지 없음",
+            "video_section": "동영상 설정",
+            "voice_agc": "마이크 볼륨을 자동으로 조절합니다",
+            "voice_processing": "음성 처리",
+            "voice_section": "음성 설정"
+        },
+        "warn_quit": "종료하기 전에 경고",
+        "warning": "<w>경고:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "링크 복사됨",
+        "permalink_message": "선택한 메시지로 연결",
+        "permalink_most_recent": "가장 최근 메시지로 연결",
+        "share_call": "컨퍼런스 초대 링크",
+        "share_call_subtitle": "외부 사용자가 매트릭스 계정 없이 회의에 참여할 수 있는 링크:",
+        "title_link": "링크 공유",
+        "title_message": "방 메시지 공유",
+        "title_room": "방 공유",
+        "title_user": "사용자 공유"
+    },
+    "slash_command": {
+        "addwidget": "URL로 방에 맞춤 위젯 추가하기",
+        "addwidget_iframe_missing_src": "iframe에 src 속성이 없습니다",
+        "addwidget_invalid_protocol": "https:// 또는 http:// 위젯 URL을 제공하세요",
+        "addwidget_missing_url": "위젯 URL 또는 임베드 코드를 제공해 주세요.",
+        "addwidget_no_permissions": "이 방에서 위젯을 수정할 수 없습니다.",
+        "ban": "받은 ID로 사용자 출입 금지하기",
+        "category_actions": "활동",
+        "category_admin": "관리자",
+        "category_advanced": "고급",
+        "category_effects": "효과",
+        "category_messages": "메시지",
+        "category_other": "기타",
+        "command_error": "명령어 오류",
+        "converttodm": "방을 DM으로 변환합니다",
+        "converttoroom": "DM을 방으로 변환",
+        "could_not_find_room": "방이 없습니다",
+        "deop": "받은 ID로 사용자의 등급을 낮추기",
+        "devtools": "개발자 도구 대화 열기",
+        "discardsession": "암호화된 방에서 현재 방 외부의 그룹 세션을 강제로 삭제합니다",
+        "error_invalid_rendering_type": "명령 오류: 렌더링 유형을 찾을 수 없습니다 (%(renderingType)s)",
+        "error_invalid_room": "명령 실패: 방을 찾을 수 없습니다 (%(roomId)s)",
+        "error_invalid_runfn": "명령 오류: 슬래시 명령어를 처리할 수 없습니다.",
+        "error_invalid_user_in_room": "방에서 사용자를 찾을 수 없습니다",
+        "help": "사용법과 설명이 포함된 명령어 목록을 표시합니다",
+        "help_dialog_title": "명령어 도움",
+        "holdcall": "현재 방의 통화를 보류 상태로 전환합니다",
+        "html": "메시지를 마크다운으로서 해석하지 않고 html로서 전송",
+        "ignore": "사용자를 무시하고, 메시지 감추기",
+        "ignore_dialog_description": "%(userId)s님을 이제 무시합니다",
+        "ignore_dialog_title": "무시당한 사용자",
+        "invite": "받은 ID로 사용자를 현재 방에 초대하기",
+        "invite_3pid_needs_is_error": "ID 서버를 사용해 이메일로 초대하세요. 설정에서 관리하세요.",
+        "invite_3pid_use_default_is_title": "ID 서버 사용",
+        "invite_3pid_use_default_is_title_description": "ID 서버를 사용해 이메일로 초대하세요. 기본 ID 서버 (%(defaultIdentityServerName)s)를 사용하려면 계속을 클릭하거나 설정에서 관리하세요.",
+        "invite_failed": "사용자(%(user)s)는 %(roomId)s 에 초대되지 않았으나, 초대자 유틸리티에서 오류가 발생하지 않았습니다.",
+        "join": "지정된 주소로 방에 참여합니다",
+        "jumptodate": "타임라인에서 지정된 날짜로 이동",
+        "jumptodate_invalid_input": "입력한 날짜 (%(inputDate)s)를 이해할 수 없습니다. YYYY-MM-DD 형식을 사용해 보세요",
+        "lenny": "메시지 앞에 ( ͡° ͜ʖ ͡°) 추가",
+        "manual_device_verification_confirm_description": "이 기능은 다른 기기가 귀하를 사칭하여 메시지를 주고받을 수 있게 합니다. 누군가 여기에 무언가를 붙여넣으라고 했다면, 사기일 가능성이 높습니다! 정말 이 다른 기기를 인증하시겠습니까?",
+        "manual_device_verification_confirm_title": "주의: 수동 장치 확인",
+        "me": "활동 표시하기",
+        "msg": "지정된 사용자에게 메시지를 보냅니다",
+        "myavatar": "모든 채팅방에서 프로필 사진을 변경합니다",
+        "myroomavatar": "현재 채팅방에서만 프로필 사진을 변경합니다",
+        "myroomnick": "현재 방에서만 표시 별명 변경하기",
+        "nick": "표시 별명 변경하기",
+        "no_active_call": "이 방에 진행중인 통화 없음",
+        "op": "사용자의 권한 등급 정의하기",
+        "part_unknown_alias": "알 수 없는 방 주소: %(roomAlias)s",
+        "plain": "일반 문자로 메시지를 보냅니다, 마크다운으로 해석하지 않습니다",
+        "query": "지정된 사용자와 채팅을 시작합니다",
+        "query_not_found_phone_number": "전화번호에 대한 매트릭스 ID를 찾을 수 없습니다",
+        "rageshake": "버그 보고서를 로그와 함께 보내주세요",
+        "rainbow": "주어진 메시지를 무지개 색으로 보냅니다",
+        "rainbowme": "주어진 감정 표현을 무지개 색으로 보냅니다",
+        "remove": "지정된 ID를 가진 사용자를 이 방에서 제거합니다",
+        "roomavatar": "현재 방의 아바타 변경하기",
+        "roomname": "방 이름 설정하기",
+        "server_error": "서버 오류",
+        "server_error_detail": "서버를 쓸 수 없거나 과부하거나, 다른 문제가 있습니다.",
+        "shrug": "¯\\_(ツ)_/¯ 앞에 일반 문자 메시지를 놓으세요",
+        "spoiler": "스포일러로서 주어진 메시지를 전송",
+        "status": {
+            "description": "현재 상태 설정",
+            "no_args": "인자가 제공되지 않았습니다. 이모지와 선택 사항인 텍스트 컴포넌트를 입력해야 합니다.",
+            "no_emoji": "이모티콘을 제공하지 않으셨습니다.",
+            "no_text": "상태 메시지를 제공하지 않으셨습니다.",
+            "too_long_emoji": "첫 번째 인수는 이모티콘이어야 합니다.",
+            "too_long_text": "입력하신 텍스트가 너무 깁니다."
+        },
+        "tableflip": "평문 텍스트 메시지 앞에 (╯°□°）╯︵ ┻━┻ 를 덧붙임",
+        "topic": "방 주제를 얻거나 설정하기",
+        "topic_none": "이 방은 주제가 없습니다.",
+        "topic_room_error": "채팅방 주제 불러오기 실패: (%(roomId)s) 채팅방을 찾을 수 없음",
+        "unban": "받은 ID로 사용자 출입 금지 풀기",
+        "unflip": "평문 텍스트 메시지 앞에 ┬──┬ ノ( ゜-゜ノ) 를 덧붙임",
+        "unholdcall": "현재 방 통화를 보류 해제합니다",
+        "unignore": "사용자를 그만 무시하고 이제부터 메시지 보기",
+        "unignore_dialog_description": "%(userId)s님을 더 이상 무시하고 있지 않습니다",
+        "unignore_dialog_title": "무시하지 않게 된 사용자",
+        "unknown_command": "알 수 없는 명령",
+        "unknown_command_button": "메시지로 보내기",
+        "unknown_command_detail": "알 수 없는 명령어: %(commandText)s",
+        "unknown_command_help": "사용 가능한 명령어 목록을 보려면 <code>/help</code> 를 사용할 수 있습니다. 이 내용을 메시지로 보내려는 건가요?",
+        "unknown_command_hint": "팁: 메시지를 슬래시(/)로 시작하려면 <code>//</code>를 맨 앞에 입력하세요.",
+        "upgraderoom": "새 버전으로 방을 업그레이드하기",
+        "upgraderoom_permission_error": "이 명령어를 사용하기 위해 필요한 권한이 없습니다.",
+        "usage": "사용",
+        "verify": "자신의 기기 중 하나를 수동으로 확인하십시오",
+        "view": "주어진 주소로 방 보기",
+        "whois": "사용자에 대한 정보를 표시합니다"
+    },
+    "sliding_sync_legacy_no_longer_supported": "기존 슬라이딩 싱크 방식은 더 이상 지원되지 않습니다. 새로운 슬라이딩 싱크 설정을 활성화하려면 다시 로그인해 주세요.",
+    "space": {
+        "add_existing_room_space": {
+            "create": "대신 새 방을 추가하시겠습니까?",
+            "create_prompt": "새 방 만들기",
+            "dm_heading": "다이렉트 메세지",
+            "error_heading": "선택된 모든 항목이 추가된 것은 아닙니다.",
+            "progress_text": {
+                "other": "채팅방 추가 중... (총 %(count)s개 중 %(progress)s개)"
+            },
+            "space_dropdown_label": "스페이스 선택",
+            "space_dropdown_title": "기존 방 추가",
+            "subspace_moved_note": "추가 된 스페이스로 이동"
+        },
+        "add_existing_subspace": {
+            "create_button": "새로운 스페이스 만들기",
+            "create_prompt": "대신 새 스페이스를 추가하시겠습니까?",
+            "filter_placeholder": "스페이스 검색",
+            "space_dropdown_title": "기존 스페이스 추가"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "방 타임라인 보기 (개발자 도구)",
+            "explore": "방 검색",
+            "home": "스페이스 홈",
+            "manage_and_explore": "관리 및 방 목록 보기",
+            "options": "스페이스 옵션"
+        },
+        "failed_load_rooms": "방 목록을 불러오는 데 실패했습니다.",
+        "failed_remove_rooms": "일부 방을 제거하지 못했습니다. 나중에 다시 시도해 주세요.",
+        "incompatible_server_hierarchy": "귀하의 서버는 스페이스 계층 구조 표시를 지원하지 않습니다.",
+        "invite": "사람 초대하기",
+        "invite_description": "이메일 또는 사용자 이름으로 초대하기",
+        "invite_link": "초대 링크 공유하기",
+        "joining_space": "참가 중…",
+        "landing_welcome": "<name/>에 오신것을 환영합니다.",
+        "leave_dialog_action": "스페이스를 남겨두세요",
+        "leave_dialog_description": "<spaceName/>.를 떠나려고 하고 있습니다.",
+        "leave_dialog_only_admin_room_warning": "귀하는 일부 방이나 스페이스의 유일한 관리자입니다. 해당 공간을 떠나면 관리자 없이 남겨지게 됩니다.",
+        "leave_dialog_only_admin_warning": "이 스페이스의 유일한 관리자입니다. 이곳을 떠나면 아무도 관리할 수 없게 됩니다.",
+        "leave_dialog_option_all": "모든 방에서 떠나기",
+        "leave_dialog_option_intro": "이 스페이스의 방들을 떠나시겠습니까?",
+        "leave_dialog_option_none": "어떤 방도 나가지 마세요",
+        "leave_dialog_option_specific": "몇 개의 방을 남겨두세요",
+        "leave_dialog_public_rejoin_warning": "재 초대 받지 않는 한 다시 참여할 수 없습니다.",
+        "leave_dialog_title": "%(spaceName)s를 떠나기",
+        "mark_suggested": "제안된 대로 표시하기",
+        "no_search_result_hint": "다른 검색어를 사용해 보시거나 오타를 확인해 보시기 바랍니다.",
+        "preferences": {
+            "sections_section": "표시할 섹션",
+            "show_people_in_space": "이 설정은 해당 공간 구성원들과의 채팅을 그룹화합니다. 이 기능을 끄면 %(spaceName)s 에서 해당 채팅이 표시되지 않습니다."
+        },
+        "room_filter_placeholder": "방 검색",
+        "search_children": "%(spaceName)s 스페이스 찾기",
+        "search_placeholder": "이름 및 설명 검색",
+        "select_room_below": "아래에서 먼저 방을 선택하세요",
+        "share_public": "당신의 공개 스페이스 공유하기",
+        "suggested": "추천",
+        "suggested_tooltip": "이 방은 참여하기 좋은 방으로 추천됩니다",
+        "title_when_query_available": "결과",
+        "title_when_query_unavailable": "방 및 스페이스 목록",
+        "unmark_suggested": "추천하지 않음으로 표시",
+        "user_lacks_permission": "권한이 없습니다!"
+    },
+    "space_settings": {
+        "title": "설정 -%(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "접속할 새 서버 이름을 입력하세요",
+            "network_dropdown_add_dialog_placeholder": "서버 이름",
+            "network_dropdown_add_dialog_title": "새 서버 추가",
+            "network_dropdown_add_server_option": "새로운 서버 추가…",
+            "network_dropdown_available_invalid": "이 서버 또는 해당 서버의 채팅방 목록을 찾을 수 없습니다.",
+            "network_dropdown_available_invalid_forbidden": "이 서버의 채팅방 목록을 볼 수 없습니다.",
+            "network_dropdown_available_valid": "잘 하셨습니다!",
+            "network_dropdown_remove_server_adornment": "“%(roomServer)s” 서버 삭제",
+            "network_dropdown_required_invalid": "서버 이름을 입력하세요",
+            "network_dropdown_selected_label": "보기: 매트릭스 채팅방",
+            "network_dropdown_selected_label_instance": "표시: %(instance)s 스페이스 (%(server)s)",
+            "network_dropdown_your_server_description": "귀하의 서버"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "찾는 사람을 볼 수 없다면 초대 링크를 보내주세요.",
+        "cant_find_room_helpful_hint": "만약 찾고 있는 방이 없다면, 초대를 요청하거나 새로운 방을 만드세요.",
+        "copy_link_text": "초대 링크 복사",
+        "count_of_members": {
+            "other": "%(count)s 회원"
+        },
+        "create_new_room_button": "새 방 만들기",
+        "failed_querying_public_rooms": "공개 채팅방 조회에 실패했습니다",
+        "failed_querying_public_spaces": "공개 스페이스 조회에 실패했습니다",
+        "group_chat_section_title": "기타 옵션",
+        "heading_with_query": "\"%(query)s\"를 사용해 검색",
+        "heading_without_query": "검색 기준",
+        "join_button_text": "%(roomAddress)s 채팅방 참여",
+        "keyboard_scroll_hint": "<arrows/> 를 사용하여 스크롤하세요",
+        "messages_label": "메시지",
+        "other_rooms_in_space": "%(spaceName)s의 다른 채팅방",
+        "public_rooms_label": "공개 채팅방",
+        "public_spaces_label": "공개 스페이스",
+        "recent_searches_section_title": "최근 검색",
+        "recently_viewed_section_title": "최근에 확인한",
+        "remove_filter": "%(filter)s 검색 필터 제거",
+        "result_may_be_hidden_privacy_warning": "개인정보 보호를 위해 일부 결과가 숨겨질 수 있습니다",
+        "result_may_be_hidden_warning": "일부 결과가 숨겨져 있을 수 있습니다.",
+        "search_dialog": "검색 대화상자",
+        "spaces_title": "참여 중인 스페이스",
+        "start_group_chat_button": "그룹 채팅 시작"
+    },
+    "stickers": {
+        "empty": "현재 사용하고 있는 스티커 팩이 없음",
+        "empty_add_prompt": "몇 가지 추가"
+    },
+    "terms": {
+        "column_document": "문서",
+        "column_service": "서비스",
+        "column_summary": "개요",
+        "identity_server_no_terms_description_1": "이 작업에는 이메일 주소 또는 전화번호를 확인하기 위해 기본 ID 서버 <server />에 접근해야 합니다. 하지만 서버가 서비스 약관을 갖고 있지 않습니다.",
+        "identity_server_no_terms_description_2": "서버의 관리자를 신뢰하는 경우에만 계속하세요.",
+        "identity_server_no_terms_title": "ID 서버에 서비스 약관이 없음",
+        "inline_intro_text": "계속하려면 <policyLink />을(를) 수락하세요:",
+        "integration_manager": "봇, 브릿지, 위젯 그리고 스티커 팩을 사용",
+        "intro": "계속하려면 이 서비스 약관에 동의해야 합니다.",
+        "summary_identity_server_1": "전화번호 혹은 이메일로 상대방 찾기",
+        "summary_identity_server_2": "전화번호 혹은 이메일로 찾음",
+        "tac_button": "이용 약관 검토",
+        "tac_description": "홈서버 %(homeserverDomain)s을(를) 계속 사용하기 위해서는 저희 이용 약관을 검토하고 동의해주세요.",
+        "tac_title": "이용 약관",
+        "tos": "서비스 약관"
+    },
+    "theme": {
+        "light_high_contrast": "밝은 고대비",
+        "match_system": "시스템 테마"
+    },
+    "thread_view_back_action_label": "스레드로 돌아가기",
+    "threads": {
+        "all_threads": "모든 스레드",
+        "all_threads_description": "현재 방의 모든 스레드를 표시합니다",
+        "count_of_reply": {
+            "other": "%(count)s개의 답변들"
+        },
+        "empty_description": "메시지 위에 마우스를 올렸을 때 \"%(replyInThread)s\"를 사용하세요.",
+        "empty_title": "스레드는 대화를 주제 중심으로 유지하고 쉽게 추적할 수 있도록 도와줍니다.",
+        "mark_all_read": "모두 읽음으로 표시",
+        "my_threads": "내 스레드",
+        "my_threads_description": "참여한 모든 스레드를 표시합니다",
+        "open_thread": "스레드 열기",
+        "show_thread_filter": "표시:"
+    },
+    "threads_activity_centre": {
+        "header": "스레드 활동",
+        "no_rooms_with_threads_notifs": "아직 스레드 알림이 있는 방이 없습니다.",
+        "no_rooms_with_unread_threads": "아직 읽지 않은 스레드가 있는 방이 없습니다."
+    },
+    "time": {
+        "date_at_time": "%(date)s, %(time)s",
+        "hours_minutes_seconds_left": "남은 시간: %(hours)s시간 %(minutes)s분 %(seconds)s초",
+        "left": "%(timeRemaining)s 남음",
+        "minutes_seconds_left": "남은 시간: %(minutes)s분 %(seconds)s초",
+        "seconds_left": "남은 시간: %(seconds)s초",
+        "short_days": "%(value)s일",
+        "short_days_hours_minutes_seconds": "%(days)s일 %(hours)s시간 %(minutes)s분 %(seconds)s초",
+        "short_hours": "%(value)s시간",
+        "short_hours_minutes_seconds": "%(hours)s시간 %(minutes)s분 %(seconds)s초",
+        "short_minutes": "%(value)s분",
+        "short_minutes_seconds": "%(minutes)s분 %(seconds)s초",
+        "short_seconds": "%(value)s초"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "답글 스레드 접기",
+            "external_url": "출처 URL",
+            "open_in_osm": "OpenStreetMap에서 열기",
+            "report": "보고",
+            "resent_unsent_reactions": "%(unsentCount)s개의 리액션 다시 보내기",
+            "show_url_preview": "미리보기 표시",
+            "view_related_event": "관련 이벤트 보기",
+            "view_source": "소스 보기"
+        },
+        "creation_summary_dm": "%(creator)s 이 DM을 생성했습니다.",
+        "creation_summary_room": "%(creator)s님이 방을 만드고 설정했습니다.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "보낸 사람의 인증된 디지털 신원이 초기화되었습니다",
+            "unable_to_decrypt": "메시지를 해독할 수 없습니다."
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "다운로드 중",
+        "download_failed": "다운로드 실패",
+        "download_failed_description": "이 파일을 다운로드하는 동안 오류가 발생했습니다.",
+        "edits": {
+            "tooltip_label": "%(date)s에 편집함. 클릭해서 편집 보기.",
+            "tooltip_sub": "편집 내용을 보려면 클릭하세요",
+            "tooltip_title": "편집됨%(date)s"
+        },
+        "error_no_renderer": "이 이벤트를 표시할 수 없음",
+        "error_rendering_message": "이 메시지를 불러올 수 없습니다",
+        "historical_messages_unavailable": "이전 메시지는 볼 수 없습니다.",
+        "in_room_name": "<strong>%(room)s</strong> 안",
+        "io.element.widgets.layout": "%(senderName)s님이 채팅방 레이아웃을 업데이트했습니다",
+        "late_event_separator": "발송 시간: %(dateTime)s",
+        "load_error": {
+            "no_permission": "이 방의 타임라인에서 특정 시점을 불러오려고 했지만, 문제의 메시지를 볼 수 있는 권한이 없습니다.",
+            "title": "타임라인 위치 불러오기에 실패함",
+            "unable_to_find": "이 방의 타임라인에서 특정 시점을 불러오려고 했지만, 찾을 수 없었습니다."
+        },
+        "m.audio": {
+            "error_downloading_audio": "오디오 다운로드 중 오류 발생",
+            "error_processing_audio": "오디오 메시지 처리 중 오류 발생",
+            "error_processing_voice_message": "음성 메시지 처리 중 오류 발생"
+        },
+        "m.beacon_info": {
+            "view_live_location": "실시간 위치 보기"
+        },
+        "m.call": {
+            "video_call_ended": "영상통화가 종료되었습니다",
+            "video_call_started": "%(roomName)s 에서 영상 통화가 시작되었습니다.",
+            "video_call_started_text": "%(name)s 영상 통화를 시작했습니다",
+            "video_call_started_unsupported": "%(roomName)s 에서 영상 통화가 시작되었습니다. (이 브라우저에서는 지원되지 않습니다)"
+        },
+        "m.call.hangup": {
+            "dm": "통화 종료"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "다른 기기에서 응답함",
+            "call_back_prompt": "전화 걸기",
+            "declined": "통화 거부됨",
+            "failed_connect_media": "미디어를 연결할 수 없습니다",
+            "failed_connection": "연결 실패",
+            "failed_opponent_media": "그들의 기기는 카메라나 마이크를 시작할 수 없었습니다.",
+            "missed_call": "부재중 전화",
+            "no_answer": "응답 없음",
+            "unknown_error": "알 수 없는 오류가 발생했습니다.",
+            "unknown_failure": "알 수 없는 오류: %(reason)s",
+            "unknown_state": "통화 상태를 알 수 없습니다!",
+            "video_call": "%(senderName)s님이 영상 통화를 시작했습니다",
+            "video_call_unsupported": "%(senderName)s님이 영상 통화를 시작했습니다. (이 브라우저에서는 지원되지 않음)",
+            "voice_call": "%(senderName)s님이 음성 통화를 시작했습니다",
+            "voice_call_unsupported": "%(senderName)s님이 음성 통화를 시작했습니다. (이 브라우저에서는 지원되지 않음)"
+        },
+        "m.file": {
+            "error_decrypting": "첨부 파일 복호화 중 오류"
+        },
+        "m.image": {
+            "error": "오류로 인해 이미지를 표시할 수 없습니다",
+            "error_decrypting": "사진 복호화 중 오류",
+            "error_downloading": "이미지 다운로드 중 오류 발생",
+            "sent": "%(senderDisplayName)s님이 사진을 보냈습니다.",
+            "show_image": "이미지 보이기"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s님이 확인을 요청합니다",
+            "you_started": "확인 요청을 보냈습니다"
+        },
+        "m.location": {
+            "full": "%(senderName)s 자신의 위치를 공유했습니다",
+            "location": "위치를 공유했습니다: ",
+            "self_location": "위치를 공유했습니다: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "other": "%(count)s 투표"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s 투표가 종료되었습니다"
+        },
+        "m.poll.start": "%(senderName)s님이 설문을 시작했습니다 - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s 방 아바타를 변경했습니다.",
+            "lightbox_title": "%(senderDisplayName)s님이 %(roomName)s 방의 아바타를 바꿈"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s 이 방에 대한 대체 주소 %(addresses)s 을 추가했습니다."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s 해당 방에 대한 대체 주소 %(addresses)s 을 제거했습니다."
+            },
+            "changed": "%(senderName)s님이 이 채팅방의 주소를 변경했습니다.",
+            "changed_alternative": "%(senderName)s님이 이 채팅방의 대체 주소를 변경했습니다.",
+            "changed_main_and_alternative": "%(senderName)s님이 이 채팅방의 메인 및 대체 주소를 변경했습니다.",
+            "removed": "%(senderName)s님이 이 방의 메인 주소를 제거했습니다.",
+            "set": "%(senderName)s님이 이 방의 메인 주소를 %(address)s(으)로 설정했습니다."
+        },
+        "m.room.create": {
+            "continuation": "이 방은 다른 대화방의 연장선입니다.",
+            "see_older_messages": "여길 눌러 오래된 메시지를 보세요.",
+            "unknown_predecessor": "해당 방의 이전 버전(방 ID: %(roomId)s)을 찾을 수 없으며, 이를 검색할 수 있는 'via_servers' 정보도 제공받지 못했습니다.",
+            "unknown_predecessor_guess_server": "해당 방의 이전 버전(방 ID: %(roomId)s)을 찾을 수 없으며, 이를 검색할 'via_servers' 정보도 제공받지 못했습니다. 방 ID로 서버를 추측하는 방법이 통할 수도 있습니다. 시도해 보시려면 이 링크를 클릭하세요:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s님이 손님이 방에 들어갈 수 있도록 허용했습니다.",
+            "forbidden": "%(senderDisplayName)s님이 손님이 방에 들어가지 못하도록 했습니다.",
+            "unknown": "%(senderDisplayName)s님이 손님 접근을 %(rule)s(으)로 변경했습니다"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s님이 이후 방 구성원 모두, 초대받은 시점부터 방의 기록을 볼 수 있게 했습니다.",
+            "joined": "%(senderName)s님이 이후 방 구성원 모두, 들어온 시점부터 방의 기록을 볼 수 있게 했습니다.",
+            "shared": "%(senderName)s님이 이후 방 구성원 모두 방의 기록을 볼 수 있게 했습니다.",
+            "unknown": "%(senderName)s님이 이후 알 수 없음 (%(visibility)s)이 방의 기록을 볼 수 있게 했습니다.",
+            "world_readable": "%(senderName)s님이 이후 누구나 방의 기록을 볼 수 있게 했습니다."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s님이 초대받은 사람만 방에 들어오도록 설정했습니다.",
+            "knock": "%(senderDisplayName)s님이 참여 규칙을 ‘가입 요청’으로 변경했습니다",
+            "public": "%(senderDisplayName)s님이 링크를 아는 사람들에게 방을 공개했습니다.",
+            "restricted": "%(senderDisplayName)s님이 이 채팅방의 참여 권한을 변경했습니다",
+            "restricted_settings": "%(senderDisplayName)s님이 이 채팅방의 참여 권한을 변경했습니다. <a>설정 보기</a>",
+            "unknown": "%(senderDisplayName)s님이 입장 규칙을 %(rule)s(으)로 변경했습니다"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s님이 %(displayName)s님의 초대를 수락했습니다.",
+            "accepted_invite": "%(targetName)s님이 초대를 수락했습니다.",
+            "ban": "%(senderName)s님이 사용자를 차단했습니다",
+            "ban_reason": "%(senderName)s님이 사용자를 차단했습니다: %(reason)s",
+            "ban_reason_spoiler": "%(senderName)s님이 <user/>님을 차단했습니다: %(reason)s",
+            "ban_spoiler": "%(senderName)s님이 <user/>님을 차단했습니다",
+            "change_avatar": "%(senderName)s님이 프로필 사진을 변경했습니다",
+            "change_name": "%(oldDisplayName)s님이 표시이름을 %(displayName)s(으)로 변경했습니다",
+            "change_name_avatar": "%(oldDisplayName)s님이 디스플레이 이름과 프로필 사진을 변경했습니다",
+            "invite": "%(senderName)s님이 %(targetName)s님을 초대했습니다",
+            "join": "%(targetName)s님이 방에 참여했습니다",
+            "kick": "%(senderName)s님이 %(targetName)s님을 퇴장시켰습니다: %(reason)s",
+            "kick_reason": "%(senderName)s님이 %(targetName)s님을 퇴장시켰습니다: %(reason)s",
+            "left": "%(targetName)s님이 방을 떠났습니다",
+            "left_reason": "%(targetName)s님이 채팅방을 나갔습니다: %(reason)s",
+            "no_change": "%(senderName)s님이 변경하지 않았습니다",
+            "reject_invite": "%(targetName)s님이 초대를 거절했습니다.",
+            "reject_invite_reason": "%(targetName)s님이 초대를 거부함: %(reason)s",
+            "remove_avatar": "%(senderName)s님이 프로필 사진을 삭제함",
+            "remove_name": "%(senderName)s님이 표시이름을 제거했습니다 (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s님이 프로필 사진을 설정했습니다",
+            "set_name": "%(senderName)s님이 표시 이름을 %(displayName)s(으)로 변경했습니다",
+            "unban": "%(senderName)s님이 %(targetName)s님의 차단을 해제했습니다",
+            "withdrew_invite": "%(senderName)s님이 %(targetName)s님의 초대를 철회했습니다",
+            "withdrew_invite_reason": "%(senderName)s님이 %(targetName)s님의 초대를 철회했습니다: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s님이 방 이름을 %(oldRoomName)s에서 %(newRoomName)s(으)로 변경했습니다.",
+            "remove": "%(senderDisplayName)s님이 방 이름을 제거했습니다.",
+            "set": "%(senderDisplayName)s님이 방 이름을 %(roomName)s(으)로 바꿨습니다."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s가 방의 고정된 메시지를 바꿨습니다.",
+            "changed_link": "%(senderName)s님이 이 채팅방의 <a>고정된 메시지</a>를 변경했습니다.",
+            "pinned": "%(senderName)s님이 이 채팅방에 메시지를 고정했습니다. 모든 고정된 메시지 보기",
+            "pinned_link": "%(senderName)s님이 이 채팅방에 <a>메시지</a>를 고정했습니다. 모든 <b>고정된 메시지</b> 보기",
+            "unpinned": "%(senderName)s님이 이 채팅방에서 메시지 고정을 해제했습니다. 모든 고정된 메시지 보기",
+            "unpinned_link": "%(senderName)s님이 이 채팅방에서 <a>메시지</a> 고정을 해제했습니다. 모든 <b>고정된 메시지</b> 보기"
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s님이 %(powerLevelDiffText)s의 권한 등급을 바꿨습니다.",
+            "user_from_to": "%(userId)s를 %(fromPowerLevel)s에서 %(toPowerLevel)s로"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "방에 들어오라고 %(senderName)s님이 %(targetDisplayName)s님에게 보낸 초대를 취소했습니다.",
+            "sent": "방에 들어오라고 %(senderName)s님이 %(targetDisplayName)s님에게 초대를 보냈습니다."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s님이 이 방을 업그레이드했습니다.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s님이 채팅방 주제를 \"%(topic)s\"로 변경했습니다",
+            "removed": "%(senderDisplayName)s님이 주제를 삭제했습니다."
+        },
+        "m.sticker": "%(senderDisplayName)s님이 스티커를 전송했습니다.",
+        "m.video": {
+            "error_decrypting": "영상 복호화 중 오류",
+            "show_video": "동영상 보기"
+        },
+        "m.widget": {
+            "added": "%(senderName)s님이 추가한 %(widgetName)s 위젯",
+            "jitsi_ended": "영상 회의가 종료되었습니다. %(senderName)s",
+            "jitsi_join_right_prompt": "오른쪽의 방 정보 카드에서 회의에 참여하세요",
+            "jitsi_join_top_prompt": "이 방 맨 위에서 열리는 회의에 참여하세요",
+            "jitsi_started": "영상 회의 시작됨 %(senderName)s",
+            "jitsi_updated": "영상 회의 업데이트됨 %(senderName)s",
+            "modified": "%(senderName)s님이 수정한 %(widgetName)s 위젯",
+            "removed": "%(senderName)s님이 제거한 %(widgetName)s 위젯"
+        },
+        "mab": {
+            "copy_link_thread": "스레드 링크 복사",
+            "view_in_room": "방에서 보기"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s님이 차단 규칙의 일치 패턴을 **'%(oldGlob)s'**에서 '%(newGlob)s'(으)로 '%(reason)s' 사유로 변경했습니다.",
+            "changed_rule_rooms": "%(senderName)s님이 채팅방 차단 규칙의 일치 패턴을 **'%(oldGlob)s'**에서 '%(newGlob)s'(으)로 '%(reason)s' 사유로 변경했습니다.",
+            "changed_rule_servers": "%(senderName)s님이 서버 차단 규칙의 일치 패턴을 **'%(oldGlob)s'**에서 '%(newGlob)s'(으)로 변경했습니다. (사유: %(reason)s)",
+            "changed_rule_users": "%(senderName)s님이 사용자 차단 규칙의 일치 패턴을 **'%(oldGlob)s'**에서 '%(newGlob)s'(으)로 '%(reason)s' 사유로 변경했습니다.",
+            "created_rule": "%(senderName)s님이 '%(glob)s' 패턴과 일치하는 차단 규칙을 '%(reason)s' 사유로 생성했습니다.",
+            "created_rule_rooms": "%(senderName)s님이 '%(glob)s' 패턴과 일치하는 채팅방 차단 규칙을 '%(reason)s' 사유로 생성했습니다.",
+            "created_rule_servers": "%(senderName)s님이 '%(glob)s' 패턴과 일치하는 서버 차단 규칙을 '%(reason)s' 사유로 생성했습니다.",
+            "created_rule_users": "%(senderName)s님이 '%(glob)s' 패턴과 일치하는 사용자 차단 규칙을 '%(reason)s' 사유로 생성했습니다.",
+            "removed_rule": "%(senderName)s님이 '%(glob)s' 패턴과 일치하는 차단 규칙을 삭제했습니다.",
+            "removed_rule_rooms": "%(senderName)s님이 '%(glob)s' 패턴과 일치하는 채팅방 차단 규칙을 삭제했습니다.",
+            "removed_rule_servers": "%(senderName)s님이 '%(glob)s' 패턴과 일치하는 서버 차단 규칙을 삭제했습니다.",
+            "removed_rule_users": "%(senderName)s님이 '%(glob)s' 패턴과 일치하는 사용자 차단 규칙을 삭제했습니다.",
+            "updated_invalid_rule": "%(senderName)s 잘못된 금지 규칙을 업데이트했습니다",
+            "updated_rule": "%(senderName)s님이 '%(glob)s' 패턴과 일치하는 차단 규칙을 '%(reason)s' 사유로 수정했습니다.",
+            "updated_rule_rooms": "%(senderName)s님이 '%(glob)s' 패턴과 일치하는 채팅방 차단 규칙을 '%(reason)s' 사유로 수정했습니다.",
+            "updated_rule_servers": "%(senderName)s님이 '%(glob)s' 패턴과 일치하는 서버 차단 규칙을 '%(reason)s' 사유로 수정했습니다.",
+            "updated_rule_users": "%(senderName)s님이 '%(glob)s' 패턴과 일치하는 사용자 차단 규칙을 '%(reason)s' 사유로 수정했습니다."
+        },
+        "no_permission_messages_before_invite": "초대받기 전의 메시지는 볼 수 있는 권한이 없습니다.",
+        "no_permission_messages_before_join": "가입하기 전의 메시지는 볼 수 있는 권한이 없습니다.",
+        "pending_moderation": "검토 대기 중인 메시지",
+        "pending_moderation_reason": "검토 대기 중인 메시지: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "반응 추가",
+            "custom_reaction_fallback_label": "사용자 정의 반응",
+            "label": "%(reactors)s님이 %(content)s 반응을 남겼습니다.",
+            "tooltip_caption": "%(shortName)s로 반응함"
+        },
+        "read_receipt_title": {
+            "other": "%(count)s 명이 봤습니다"
+        },
+        "read_receipts_label": "읽음 확인",
+        "redacted": {
+            "tooltip": "메시지가 삭제되었습니다%(date)s"
+        },
+        "redaction": "%(name)s님이 메시지를 삭제했습니다",
+        "reply": {
+            "error_loading": "응답한 이벤트를 불러오지 못했습니다, 존재하지 않거나 볼 수 있는 권한이 없습니다.",
+            "in_reply_to": "<a>관련 대화</a> <pill>",
+            "in_reply_to_for_export": "<a>이 메시지</a>에 대한 답장"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "%(integrationsUrl)s에서 쓸 수 있도록 계정을 인증하려고 다른 사이트로 이동하고 있습니다. 계속하겠습니까?",
+            "dialog_title": "통합 추가"
+        },
+        "self_redaction": "메시지가 삭제됨",
+        "send_state_encrypting": "메시지를 암호화 중…",
+        "send_state_failed": "전송 실패",
+        "send_state_sending": "메시지를 보내는 중…",
+        "send_state_sent": "귀하의 메시지가 전송되었습니다",
+        "summary": {
+            "banned": {
+                "other": "%(count)s번 차단되었습니다"
+            },
+            "banned_multiple": {
+                "other": "%(count)s번 차단되었습니다"
+            },
+            "changed_avatar": {
+                "other": "%(oneUser)s님이 프로필 사진을 %(count)s회 변경했습니다"
+            },
+            "changed_avatar_multiple": {
+                "other": "%(severalUsers)s님이 프로필 사진을 %(count)s회 변경했습니다"
+            },
+            "changed_name": {
+                "other": "%(oneUser)s님이 이름을 %(count)s번 변경했습니다."
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)s님이 이름을 %(count)s번 변경했습니다."
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "other": "%(oneUser)s님이 숨겨진 메시지 %(count)s개를 보냈습니다"
+            },
+            "hidden_event_multiple": {
+                "other": "%(severalUsers)s님이 숨겨진 메시지 %(count)s개를 보냈습니다"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)s님의 초대가 %(count)s번 취소되었습니다."
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)s님의 초대가 %(count)s번 취소되었습니다."
+            },
+            "invited": {
+                "other": "%(count)s번 초대되었습니다"
+            },
+            "invited_multiple": {
+                "other": "%(count)s번 초대되었습니다"
+            },
+            "joined": {
+                "other": "%(oneUser)s님이 %(count)s번 참여했습니다."
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)s님이 %(count)s번 참여하고 나갔습니다."
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)s님이 %(count)s번 참여하고 나갔습니다."
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s님이 %(count)s번 참여했습니다."
+            },
+            "kicked": {
+                "other": "%(count)s회 제거됨"
+            },
+            "kicked_multiple": {
+                "other": "%(count)s회 제거됨"
+            },
+            "left": {
+                "other": "%(oneUser)s님이 %(count)s번 나갔습니다."
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)s님이 %(count)s번 나갔습니다."
+            },
+            "no_change": {
+                "other": "%(oneUser)s님이 변경 사항 없이 %(count)s번 저장했습니다."
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)s님이 변경 사항 없이 %(count)s번 저장했습니다."
+            },
+            "pinned_events": {
+                "other": "%(oneUser)s님이 이 채팅방의 <a>고정된 메시지</a>를 %(count)s회 변경했습니다"
+            },
+            "pinned_events_multiple": {
+                "other": "%(severalUsers)s님이 이 채팅방의 <a>고정된 메시지</a>를 %(count)s회 변경했습니다."
+            },
+            "redacted": {
+                "other": "%(oneUser)s님이 메시지 %(count)s개를 삭제했습니다"
+            },
+            "redacted_multiple": {
+                "other": "%(severalUsers)s님이 메시지 %(count)s개를 삭제했습니다"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)s님이 초대를 %(count)s번 거절했습니다."
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s님이 초대를 %(count)s번 거절했습니다."
+            },
+            "rejoined": {
+                "other": "%(oneUser)s님이 나갔다가 %(count)s번 다시 참여했습니다."
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)s님이 나갔다가 %(count)s번 다시 참여했습니다."
+            },
+            "unbanned": {
+                "other": "님의 출입 금지가 %(count)s번 해제되었습니다"
+            },
+            "unbanned_multiple": {
+                "other": "의 출입 금지이 %(count)s번 해제되었습니다"
+            }
+        },
+        "thread_info_basic": "한 스레드에서",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s님 외 %(count)s명이 입력 중입니다 …"
+            },
+            "one_user": "%(displayName)s님이 적고 있습니다 …",
+            "two_users": "%(names)s님과 %(lastPerson)s님이 적고 있습니다 …"
+        },
+        "undecryptable_tooltip": "이 메일은 복호화할 수 없습니다."
+    },
+    "truncated_list_n_more": {
+        "other": "외 %(count)s개 더..."
+    },
+    "unsupported_browser": {
+        "description": "계속 진행할 경우 일부 기능이 작동하지 않을 수 있으며, 향후 데이터 손실 위험이 있습니다. %(brand)s 을 계속 사용하려면 브라우저를 업데이트하십시오.",
+        "title": "%(brand)s 이 브라우저를 지원하지 않습니다"
+    },
+    "unsupported_server_description": "이 서버는 구버전의 Matrix를 사용하고 있습니다. %(brand)s 를 오류 없이 사용하려면 Matrix %(version)s 로 업그레이드하십시오.",
+    "unsupported_server_title": "해당 서버는 지원되지 않습니다.",
+    "update": {
+        "changelog": "바뀐 점",
+        "check_action": "업데이트 확인",
+        "checking": "업데이트 확인중.",
+        "downloading": "업데이트 다운로드 중",
+        "error_encountered": "오류가 일어났습니다 (%(errorDetail)s).",
+        "error_unable_load_commit": "커밋 세부 정보를 불러올 수 없음: %(msg)s",
+        "new_version_available": "새로운 버전이 출시되었습니다.<a> 지금 업데이트하세요.</a>",
+        "no_update": "업데이트가 없습니다.",
+        "release_notes_toast_title": "새로운 점",
+        "see_changes_button": "새로운 점은?",
+        "toast_description": "%(brand)s 의 새 버전이 출시되었습니다",
+        "toast_title": "%(brand)s 업데이트하기",
+        "unavailable": "이용할 수 없음"
+    },
+    "update_room_access_modal": {
+        "description": "공유 링크를 생성하려면, 이 채팅방을 <b>공개</b>로 설정하거나 사용자가 <b>참여 요청</b>할 수 있는 옵션을 활성화하세요. 이렇게 하면 초대 없이도 손님이 참여할 수 있습니다",
+        "dont_change_description": "이 채팅방의 접근 권한을 변경하고 싶지 않다면, 통화 링크용 새 채팅방을 생성할 수 있습니다",
+        "no_change": "접근 수준을 변경하고 싶지 않습니다.",
+        "revert_access_description": "(이 설정은 채팅방 설정의 <b>보안 및 개인 정보</b> / <b>접근</b>에서 이전 값으로 되돌릴 수 있습니다)",
+        "title": "이 방에 게스트 사용자의 참여를 허용합니다"
+    },
+    "upload_failed_generic": "'%(fileName)s' 파일 업로드에 실패했습니다.",
+    "upload_failed_size": "'%(fileName)s' 파일이 홈서버의 업로드 크기 제한을 초과합니다",
+    "upload_failed_title": "업로드 실패",
+    "upload_file": {
+        "cancel_all_button": "전부 취소",
+        "error_file_too_large": "이 파일은 업로드하기에 <b>너무 큽니다</b>. 파일 크기 한도는 %(limit)s이지만 이 파일은 %(sizeOfThisFile)s입니다.",
+        "error_files_too_large": "이 파일들은 업로드하기에 <b>너무 큽니다</b>. 파일 크기 한도는 %(limit)s입니다.",
+        "error_some_files_too_large": "일부 파일이 업로드하기에 <b>너무 큽니다</b>. 파일 크기 한도는 %(limit)s입니다.",
+        "error_title": "업로드 오류",
+        "not_image": "선택하신 파일은 유효한 이미지 파일이 아닙니다.",
+        "title": "파일 업로드",
+        "title_progress": "파일 업로드 (총 %(total)s개 중 %(current)s개)",
+        "upload_all_button": "전부 업로드",
+        "upload_n_others_button": {
+            "other": "그 외 파일 %(count)s개 업로드"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "관리자 도구",
+        "ban_button_room": "방에서 차단",
+        "ban_button_space": "스페이스에서 추방",
+        "ban_room_confirm_title": "금지 %(roomName)s",
+        "ban_space_everything": "내가 할 수 있는 모든 것에서 그들을 금지하라",
+        "ban_space_specific": "내가 할 수 있는 특정 것들로부터 그들을 금지합니다.",
+        "deactivate_confirm_action": "사용자 비활성화",
+        "deactivate_confirm_description": "이 사용자를 비활성화하면 모든 기기에서 로그아웃(제거)되며 다시 로그인할 수 없게 됩니다. 또한 참여 중인 모든 대화방에서 나가게 됩니다. 이 작업은 되돌릴 수 없습니다. 정말로 이 사용자를 비활성화하시겠습니까?",
+        "deactivate_confirm_title": "사용자를 비활성화합니까?",
+        "demote_button": "강등",
+        "demote_self_confirm_description_space": "이 변경 사항은 되돌릴 수 없습니다. 본인이 권한을 강등하는 행위이며, 해당 스페이스에서 마지막으로 권한을 가진 사용자라면 권한을 되찾는 것이 불가능해집니다.",
+        "demote_self_confirm_room": "자기 자신을 강등하는 것은 되돌릴 수 없고, 자신이 마지막으로 이 방에서 특권을 가진 사용자라면 다시 특권을 얻는 건 불가능합니다.",
+        "demote_self_confirm_title": "자신을 강등하시겠습니까?",
+        "disinvite_button_room": "방에서 초대 취소",
+        "disinvite_button_room_name": "%(roomName)s방의 초대 취소",
+        "disinvite_button_space": "스페이스에서 초대 취소",
+        "error_ban_user": "사용자 출입 금지에 실패함",
+        "error_deactivate": "사용자 비활성화에 실패함",
+        "error_kicking_user": "사용자 제거에 실패했습니다",
+        "error_mute_user": "사용자 음소거에 실패함",
+        "error_revoke_3pid_invite_description": "초대를 취소할 수 없습니다. 서버에 일시적인 문제가 발생했거나 초대를 취소할 수 있는 권한이 없습니다.",
+        "error_revoke_3pid_invite_title": "초대 취소에 실패함",
+        "ignore_button": "무시",
+        "ignore_confirm_description": "이 사용자로부터의 모든 메시지와 초대장이 숨겨집니다. 정말 무시하시겠습니까?",
+        "ignore_confirm_title": "무시 %(user)s",
+        "invited_by": "%(sender)s님에게 초대받음",
+        "jump_to_rr_button": "읽은 기록으로 건너뛰기",
+        "kick_button_room": "채팅방에서 제거",
+        "kick_button_room_name": "%(roomName)s방에서 제거",
+        "kick_button_space": "스페이스에서 제거",
+        "kick_button_space_everything": "내가 할 수 있는 모든 것에서 그들을 제거하세요",
+        "kick_space_specific": "특정 것들에서 그들을 제거할 수 있습니다",
+        "kick_space_warning": "관리자가 아닌 항목에는 여전히 접근할 수 있습니다.",
+        "promote_warning": "사용자를 자신과 같은 권한 등급으로 올리는 것은 취소할 수 없습니다.",
+        "redact": {
+            "confirm_button": {
+                "other": "메시지 %(count)s개 삭제"
+            },
+            "confirm_description_1": {
+                "other": "%(user)s님이 작성한 %(count)s개의 메시지를 삭제하려고 합니다. 이 작업은 되돌릴 수 없으며, 대화에 참여한 모든 사용자에게서 해당 메시지가 영구적으로 삭제됩니다. 계속하시겠습니까?"
+            },
+            "confirm_description_2": "메시지의 양이 많아서 시간이 걸릴 수 있습니다. 처리하는 동안 클라이언트를 새로고침하지 말아주세요.",
+            "confirm_keep_state_explainer": "이 사용자에 대한 시스템 메시지(예: 멤버십 변경, 프로필 변경 등)도 제거하려면 선택을 해제하십시오.",
+            "confirm_keep_state_label": "시스템 메시지 보존",
+            "confirm_title": "%(user)s님의 최근 메시지 삭제",
+            "no_recent_messages_description": "이전 타임라인이 있는지 위로 스크롤하세요.",
+            "no_recent_messages_title": "%(user)s님의 최근 메시지 없음"
+        },
+        "redact_button": "메시지 삭제",
+        "revoke_invite": "초대 취소",
+        "room_encrypted": "이 방의 메시지는 종단간 암호화되었습니다.",
+        "room_encrypted_detail": "귀하의 메시지는 안전하게 보호되며, 오직 귀하와 수신자만이 이를 해독할 수 있는 고유한 키를 보유하고 있습니다.",
+        "room_unencrypted": "이 방의 메시지는 종단간 암호화가 되지 않았습니다.",
+        "room_unencrypted_detail": "암호화된 방에서는 메시지가 안전하게 보호되며, 오직 당신과 수신자만이 이를 해독할 수 있는 고유한 키를 보유합니다.",
+        "send_message": "메시지 보내기",
+        "share_button": "프로필 공유",
+        "unban_button_room": "방에서 차단 해제",
+        "unban_button_space": "스페이스에서 차단 해제",
+        "unban_room_confirm_title": "차단 해제 %(roomName)s",
+        "unban_space_everything": "내가 할 수 있는 모든 것에서 그들의 차단 해제를 요청합니다",
+        "unban_space_specific": "특정 항목에 대한 차단 해제를 할 수 있습니다",
+        "unban_space_warning": "관리자가 아닌 권한이 없는 항목에는 접근할 수 없습니다.",
+        "unignore_button": "무시 해제",
+        "verification_unavailable": "사용자 인증 불가",
+        "verify_button": "사용자 확인",
+        "verify_explainer": "추가 보안을 위해 양쪽 기기에서 일회용 인증 코드를 확인하여 이 사용자를 인증하세요."
+    },
+    "voip": {
+        "already_in_call": "이미 전화중",
+        "already_in_call_person": "이미 이 사람과 통화 중입니다.",
+        "answered_elsewhere": "다른 기기에서 응답함",
+        "answered_elsewhere_description": "이 전화는 다른 기기에서 응답했습니다.",
+        "call_failed": "전화 실패",
+        "call_failed_description": "통화가 연결되지 않았습니다",
+        "call_failed_media": "웹캠 또는 마이크에 액세스할 수 없어 통화에 실패했습니다. 다음 사항을 확인하세요.",
+        "call_failed_media_applications": "다른 어떤 애플리케이션도 웹캠을 사용 중이 아닙니다.",
+        "call_failed_media_connected": "마이크와 웹캠이 연결되어 있고 올바르게 설정되어 있습니다.",
+        "call_failed_media_permissions": "웹캠 사용이 허용됩니다.",
+        "call_failed_microphone": "마이크에 접근할 수 없어 통화가 실패했습니다. 마이크가 제대로 연결되고 설정되었는지 확인하세요.",
+        "call_held": "%(peerName)s님이 통화를 보류했습니다",
+        "call_held_resume": "통화를 보류했습니다. <a>다시 시작</a>",
+        "call_held_switch": "통화를 보류했습니다. <a>전환</a>",
+        "call_members": {
+            "exhaustive": {
+                "other": "<avatars/> 통화 참여 중"
+            },
+            "overflow": {
+                "other": "<avatars/> +%(overflowCount)s명 통화 중"
+            }
+        },
+        "call_toast_unknown_room": "알 수 없는 채팅방",
+        "camera_disabled": "카메라가 꺼져 있습니다",
+        "camera_enabled": "카메라가 여전히 활성화되어 있습니다",
+        "cannot_call_yourself_description": "자기 자신에게는 전화를 걸 수 없습니다.",
+        "close_lobby": "로비 닫기",
+        "connecting": "연결 중...",
+        "connection_lost": "서버와의 연결이 끊어졌습니다.",
+        "connection_lost_description": "서버에 연결되지 않으면 전화를 걸 수 없습니다.",
+        "consulting": "%(transferTarget)s와 상담 중입니다. <a>%(transferee)s에게 통화 이전</a>",
+        "default_device": "기본 기기",
+        "dial": "전화걸기",
+        "dialpad": "다이얼패드",
+        "disable_camera": "카메라 끄기",
+        "disable_microphone": "마이크 음소거",
+        "disabled_no_perms_start_video_call": "영상 통화를 시작할 권한이 없습니다.",
+        "disabled_no_perms_start_voice_call": "음성 통화를 시작할 권한이 없습니다.",
+        "disabled_ongoing_call": "통화 중",
+        "element_call": "엘리먼트 통화",
+        "enable_camera": "카메라 켜기",
+        "enable_microphone": "마이크 음소거 해제",
+        "expand": "통화로 돌아가기",
+        "get_call_link": "통화 링크 공유하기",
+        "group_call_started": "그룹 통화 시작됨",
+        "hangup": "전화 끊기",
+        "hide_sidebar_button": "사이드바 숨기기",
+        "input_devices": "입력 장치",
+        "jitsi_call": "Jitsi 화상 회의",
+        "join_with_video": "동영상으로 참여하기",
+        "legacy_call": "레거시 콜",
+        "maximise": "화면 채우기",
+        "maximise_call": "통화 최대화",
+        "metaspace_video_rooms": {
+            "conference_room_section": "컨퍼런스"
+        },
+        "minimise_call": "통화 최소화",
+        "misconfigured_server": "잘못 구성된 서버로 전화에 실패함",
+        "misconfigured_server_description": "전화가 안정적으로 작동하도록 TURN 서버를 설정하려면 당신의 홈서버 (<code>%(homeserverDomain)s</code>) 관리자에게 물어보세요 .",
+        "misconfigured_server_fallback": "또는 <server/> 의 공용 서버를 사용해 볼 수 있지만, 이 방법은 안정성이 떨어지며 해당 서버와 IP 주소를 공유하게 됩니다. 설정에서 이 옵션을 관리할 수도 있습니다.",
+        "misconfigured_server_fallback_accept": "%(server)s 사용해 보기",
+        "more_button": "더 보기",
+        "msisdn_lookup_failed": "전화번호를 찾을 수 없습니다",
+        "msisdn_lookup_failed_description": "전화번호를 찾는 중 오류가 발생했습니다.",
+        "msisdn_transfer_failed": "통화 연결에 실패했습니다",
+        "n_people_joined": {
+            "other": "%(count)s명의 사람들이 참여했습니다"
+        },
+        "no_audio_input_description": "기기에서 마이크를 찾을 수 없습니다. 설정을 확인하고 다시 시도해 주세요.",
+        "no_audio_input_title": "마이크를 찾을 수 없습니다",
+        "no_media_perms_description": "수동으로 %(brand)s에 마이크와 카메라를 허용해야 함",
+        "no_media_perms_title": "미디어 권한 없음",
+        "no_permission_conference": "권한 필요",
+        "no_permission_conference_description": "이 방에서는 회의 전화를 시작할 권한이 없습니다",
+        "on_hold": "%(name)s님 통화 보류 중",
+        "output_devices": "출력 장치",
+        "screenshare_monitor": "전체 화면 공유",
+        "screenshare_title": "콘텐츠 공유",
+        "screenshare_window": "응용 프로그램 창",
+        "show_sidebar_button": "사이드바 표시",
+        "silence": "통화 음소거",
+        "silenced": "알림 음소거됨",
+        "start_screenshare": "화면 공유를 시작하세요",
+        "stop_screenshare": "화면 공유 중지",
+        "too_many_calls": "전화가 너무 많아요",
+        "too_many_calls_description": "동시 통화 가능 최대 수에 도달했습니다.",
+        "transfer_consult_first_label": "먼저 상담하세요",
+        "transfer_failed": "전송 실패",
+        "transfer_failed_description": "통화 연결에 실패했습니다",
+        "unable_to_access_audio_input_description": "마이크에 접근할 수 없습니다. 브라우저 설정을 확인하고 다시 시도해 주세요.",
+        "unable_to_access_audio_input_title": "마이크에 접근할 수 없습니다",
+        "unable_to_access_media": "웹캠 / 마이크에 접근 불가",
+        "unable_to_access_microphone": "마이크에 접근 불가",
+        "unknown_caller": "알 수 없는 발신자",
+        "unknown_person": "알 수 없는 사람",
+        "unsilence": "소리 켜기",
+        "unsupported": "통화가 지원되지 않습니다",
+        "unsupported_browser": "이 브라우저에서는 전화를 걸 수 없습니다.",
+        "user_busy": "사용자 바쁨",
+        "user_busy_description": "연락하신 상대방이 통화 중입니다.",
+        "user_is_presenting": "%(sharerName)s님이 화면을 공유중입니다.",
+        "video_call": "영상 통화",
+        "video_call_incoming": "수신 영상 통화",
+        "video_call_using": "사용 중인 영상 통화:",
+        "voice_call": "음성 통화",
+        "voice_call_incoming": "수신 음성 통화",
+        "you_are_presenting": "화면을 공유 중입니다."
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s on %(osName)s",
+    "welcome": {
+        "tagline_element": "압도적인 속도와 간결함.",
+        "title_element": "가장 나다운 공간, 엘리먼트에서",
+        "title_generic": "%(brand)s에 오신 것을 환영합니다"
+    },
+    "widget": {
+        "added_by": "위젯을 추가했습니다",
+        "capabilities_dialog": {
+            "content_starting_text": "이 위젯은 다음과 같은 기능을 원합니다:",
+            "decline_all_permission": "모두 거부",
+            "remember_Selection": "이 위젯에 대해 내 선택 기억하기",
+            "title": "위젯 권한 승인"
+        },
+        "capability": {
+            "always_on_screen_generic": "실행 중인 동안 현재 화면에 머무르기",
+            "always_on_screen_viewing_another_room": "다른 채팅방을 보거나 실행 중일 때, 현재 화면에 머무르기",
+            "any_room": "위 내용과 동일하나, 당신이 참여하거나 초대받은 모든 채팅방에서도 마찬가지입니다.",
+            "byline_empty_state_key": "빈 상태 키로",
+            "byline_state_key": "상태 키 '%(stateKey)s'(으)로",
+            "capability": "<b>%(capability)s</b> 기능",
+            "change_avatar_active_room": "현재 사용 중인 채팅방의 아바타 변경",
+            "change_avatar_this_room": "이 채팅방의 아바타를 변경하세요",
+            "change_name_active_room": "현재 사용 중인 채팅방의 이름을 변경하세요",
+            "change_name_this_room": "이 채팅방의 이름을 변경하세요",
+            "change_topic_active_room": "현재 사용 중인 채팅방의 주제를 변경하세요",
+            "change_topic_this_room": "이 채팅방의 주제를 변경하세요",
+            "download_file": "미디어 저장소에서 파일 다운로드",
+            "receive_membership_active_room": "현재 채팅방의 멤버 변동 내역 보기",
+            "receive_membership_this_room": "채팅방 멤버 변동 내역 보기",
+            "remove_ban_invite_leave_active_room": "다른 사용자를 현재 채팅방에서 내보내거나, 차단하거나, 초대할 수 있으며, 회원님 자신도 강제로 퇴장시킬 수 있습니다.",
+            "remove_ban_invite_leave_this_room": "다른 사용자를 이 채팅방에서 내보내거나, 차단하거나, 초대할 수 있으며, 회원님 자신도 강제로 퇴장시킬 수 있습니다.",
+            "see_avatar_change_active_room": "참여중인 채팅방의 프로필 사진 변경 내역 보기",
+            "see_avatar_change_this_room": "채팅방 프로필 사진 변경 내역 보기",
+            "see_event_type_sent_active_room": "현재 채팅방의 <b>%(eventType)s</b> 이벤트 내역 보기",
+            "see_event_type_sent_this_room": "채팅방의 <b>%(eventType)s</b> 이벤트 내역 보기",
+            "see_images_sent_active_room": "현재 채팅방의 이미지 보기",
+            "see_images_sent_this_room": "이 채팅방의 이미지 보기",
+            "see_messages_sent_active_room": "현재 채팅방의 메시지 읽기",
+            "see_messages_sent_this_room": "이 채팅방의 메시지 읽기",
+            "see_msgtype_sent_active_room": "현재 채팅방의 <b>%(msgtype)s</b> 메시지 보기",
+            "see_msgtype_sent_this_room": "이 채팅방의 <b>%(msgtype)s</b> 메시지 보기",
+            "see_name_change_active_room": "현재 채팅방의 이름 변경 내역 보기",
+            "see_name_change_this_room": "채팅방 이름 변경 내역 보기",
+            "see_sent_emotes_active_room": "현재 채팅방의 이모티콘 사용 내역 보기",
+            "see_sent_emotes_this_room": "채팅방 이모티콘 사용 내역 보기",
+            "see_sent_files_active_room": "현재 채팅방의 일반 파일 보기",
+            "see_sent_files_this_room": "이 채팅방의 일반 파일 보기",
+            "see_sticker_posted_active_room": "참여중인 채팅방의 스티커 사용 내역 보기",
+            "see_sticker_posted_this_room": "채팅방 스티커 사용 내역 보기",
+            "see_text_messages_sent_active_room": "참여중인 채팅방의 텍스트 메시지 읽기",
+            "see_text_messages_sent_this_room": "이 채팅방의 텍스트 메시지 읽기",
+            "see_topic_change_active_room": "현재 채팅방의 주제 변경 내역 보기",
+            "see_topic_change_this_room": "이 채팅방에서 주제가 바뀌는 시점을 확인하세요",
+            "see_videos_sent_active_room": "현재 채팅방의 동영상 보기",
+            "see_videos_sent_this_room": "이 채팅방의 동영상 보기",
+            "send_emotes_active_room": "회원님 이름으로 참여중인 채팅방에 이모티콘 보내기",
+            "send_emotes_this_room": "회원님 이름으로 이 채팅방에 이모티콘 보내기",
+            "send_event_type_active_room": "회원님 이름으로 참여중인 채팅방에 <b>%(eventType)s</b> 이벤트를 보냅니다.",
+            "send_event_type_this_room": "회원님 이름으로 이 채팅방에 <b>%(eventType)s</b> 이벤트를 보냅니다.",
+            "send_files_active_room": "회원님 이름으로 현재 채팅방에 일반 파일 보내기",
+            "send_files_this_room": "회원님 이름으로 이 채팅방에 일반 파일 보내기",
+            "send_images_active_room": "회원님 이름으로 현재 채팅방에 이미지 보내기",
+            "send_images_this_room": "회원님 이름으로 이 채팅방에 이미지 보내기",
+            "send_messages_active_room": "회원님 이름으로 현재 채팅방에 메시지 보내기",
+            "send_messages_this_room": "회원님 이름으로 이 채팅방에 메시지 보내기",
+            "send_msgtype_active_room": "회원님 이름으로 현재 채팅방에 <b>%(msgtype)s</b> 메시지 보내기",
+            "send_msgtype_this_room": "회원님 이름으로 이 채팅방에 <b>%(msgtype)s</b> 메시지 보내기",
+            "send_stickers_active_room": "활성 채팅방으로 스티커 보내기",
+            "send_stickers_active_room_as_you": "회원님을 대신하여 현재 채팅방에 스티커 전송",
+            "send_stickers_this_room": "이 채팅방으로 스티커 보내기",
+            "send_stickers_this_room_as_you": "회원님을 대신하여 이 채팅방에 스티커 전송",
+            "send_text_messages_active_room": "회원님 이름으로 참여중인 채팅방에 텍스트 메시지 보내기",
+            "send_text_messages_this_room": "회원님 이름으로 이 채팅방에 텍스트 메시지 보내기",
+            "send_videos_active_room": "회원님 이름으로 현재 채팅방에 동영상 보내기",
+            "send_videos_this_room": "회원님 이름으로 이 채팅방에 동영상 보내기",
+            "specific_room": "위 내용과 동일하지만, <Room /> 에서도 동일하게 적용됩니다.",
+            "switch_room": "채팅방 전환하기",
+            "switch_room_message_user": "다른 채팅방, 메시지 또는 사용자로 이동"
+        },
+        "close_to_view_right_panel": "이 위젯을 닫으면 이 패널에서 볼 수 있습니다",
+        "context_menu": {
+            "delete": "위젯 삭제",
+            "delete_warning": "위젯을 삭제하면 이 방의 모든 사용자에게도 제거됩니다. 위젯을 삭제하겠습니까?"
+        },
+        "cookie_warning": "이 위젯은 쿠키를 사용합니다.",
+        "error_hangup_description": "통화가 끊겼습니다. (오류:%(message)s )",
+        "error_hangup_title": "연결 끊김",
+        "error_loading": "위젯 로딩 중 오류 발생",
+        "error_mixed_content": "오류 - 혼합된 콘텐츠",
+        "error_need_invite_permission": "그러려면 사용자를 초대할 수 있어야 합니다.",
+        "error_need_kick_permission": "그렇게 하려면 사용자를 추방할 수 있어야 합니다.",
+        "error_need_to_be_logged_in": "로그인을 해야 합니다.",
+        "error_unable_start_audio_stream_description": "오디오 스트리밍을 시작할 수 없습니다.",
+        "error_unable_start_audio_stream_title": "라이브 스트리밍을 시작하지 못했습니다",
+        "modal_data_warning": "아래 데이터는 %(widgetDomain)s와(과) 공유됩니다.",
+        "modal_title_default": "Modal Widget",
+        "no_name": "알 수 없는 앱",
+        "open_id_permissions_dialog": {
+            "remember_selection": "이것을 기억하세요",
+            "starting_text": "위젯은 사용자 ID를 확인하지만, 사용자를 대신해 작업을 수행할 수는 없습니다:",
+            "title": "이 위젯이 귀하의 신원을 확인할 수 있도록 허용하세요"
+        },
+        "popout": "위젯 팝업",
+        "set_room_layout": "모든 사람을 위한 레이아웃 설정",
+        "shared_data_avatar": "프로필 사진 URL",
+        "shared_data_device_id": "귀하의 기기 ID",
+        "shared_data_lang": "설정언어",
+        "shared_data_mxid": "당신의 사용자 ID",
+        "shared_data_name": "당신의 표시 이름",
+        "shared_data_room_id": "방 ID",
+        "shared_data_theme": "당신의 테마",
+        "shared_data_url": "%(brand)s URL",
+        "shared_data_warning": "이 위젯을 사용하면 <helpIcon /> %(widgetDomain)s와(과) 데이터를 공유합니다.",
+        "shared_data_warning_im": "이 위젯을 사용하면 <helpcon /> %(widgetDomain)s & 통합 관리자와 데이터를 공유합니다.",
+        "shared_data_widget_id": "위젯 ID",
+        "unencrypted_warning": "위젯은 메시지 암호화를 사용하지 않습니다.",
+        "unmaximise": "최대화 해제",
+        "unpin_to_view_right_panel": "이 패널에서 보려면 이 위젯을 고정 해제하세요."
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "모두 대문자인 것은 모두 소문자인 것처럼 추측하기 쉬울 겁니다",
+            "anotherWord": "한 두 문자를 추가하세요. 흔하지 않은 문자일수록 좋습니다.",
+            "associatedYears": "당신과 관련된 연도는 피하세요",
+            "capitalization": "대문자는 큰 도움이 되지 않습니다",
+            "dates": "당신과 관련된 날짜와 연도는 피하세요",
+            "l33t": "'a'대신 '@'를 적는 등의 추측할 수 있는 대체제는 큰 도움이 되지 않습니다",
+            "longerKeyboardPattern": "더 긴 키보드 패턴을 사용하되, 많은 변수를 주는 것이 좋습니다",
+            "noNeed": "기호, 숫자 혹은 대문자는 필요하지 않습니다",
+            "pwned": "이 비밀번호를 다른 곳에서도 사용 중이라면 변경해야 합니다.",
+            "recentYears": "최근 연도는 피하세요",
+            "repeated": "반복하는 단어와 문자는 피하세요",
+            "reverseWords": "반대로 쓴 문자는 추측하기 어렵지 않습니다",
+            "sequences": "반복은 피하세요",
+            "useWords": "몇 단어를 사용하되, 흔한 단어는 피하세요"
+        },
+        "warnings": {
+            "common": "이것은 매우 흔한 비밀번호입니다",
+            "commonNames": "흔한 이름과 성은 추측하기 쉽습니다",
+            "dates": "날짜는 종종 추측하기 쉽습니다",
+            "extendedRepeat": "\"abcabcabc\"와 같은 반복은 \"abc\"에서 겨우 조금 더 어렵습니다",
+            "keyPattern": "짧은 키보드 패턴은 추측하기 쉽습니다",
+            "namesByThemselves": "이름과 성 자체는 추측하기 쉽습니다",
+            "pwned": "귀하의 비밀번호가 인터넷상의 데이터 유출 사고로 노출되었습니다.",
+            "recentYears": "최근 연도는 추측하기 쉽습니다",
+            "sequences": "abc나 6543과 같은 반복은 추측하기 쉽습니다",
+            "similarToCommon": "이것은 흔히 사용되는 비밀번호와 유사합니다",
+            "simpleRepeat": "\"aaa\"와 같은 반복은 쉽게 추측합니다",
+            "straightRow": "키의 한 줄은 추측하기 쉽습니다",
+            "topHundred": "이것은 상위 100에 해당하는 흔한 비밀번호입니다",
+            "topTen": "이것은 상위 10에 해당하는 흔한 비밀번호입니다",
+            "userInputs": "개인 정보나 웹페이지 관련 정보는 포함되어서는 안 됩니다.",
+            "wordByItself": "단어 자체는 추측하기 쉽습니다"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/lo.json b/apps/web/src/i18n/strings/lo.json
new file mode 100644
index 00000000000..d72d12de62e
--- /dev/null
+++ b/apps/web/src/i18n/strings/lo.json
@@ -0,0 +1,2853 @@
+{
+    "a11y": {
+        "jump_first_invite": "ໄປຫາຄຳເຊີນທຳອິດ.",
+        "n_unread_messages": {
+            "one": "1 ຂໍ້ຄວາມທີ່ຍັງບໍ່ໄດ້ອ່ານ.",
+            "other": "%(count)s ຂໍ້ຄວາມທີ່ຍັງບໍ່ໄດ້ອ່ານ."
+        },
+        "n_unread_messages_mentions": {
+            "one": "ການກ່າວເຖິງທີ່ຍັງບໍ່ໄດ້ອ່ານ 1.",
+            "other": "%(count)s ຂໍ້ຄວາມທີ່ຍັງບໍ່ໄດ້ອ່ານ ລວມທັງການກ່າວເຖິງ."
+        },
+        "unread_messages": "ຂໍ້ຄວາມທີ່ຍັງບໍ່ໄດ້ອ່ານ."
+    },
+    "a11y_jump_first_unread_room": "ໄປຫາຫ້ອງທໍາອິດທີ່ຍັງບໍ່ໄດ້ອ່ານ.",
+    "action": {
+        "accept": "ຍອມຮັບ",
+        "add": "ຕື່ມ",
+        "add_existing_room": "ເພີ່ມຫ້ອງທີ່ມີຢູ່",
+        "approve": "ອະນຸມັດ",
+        "back": "ກັບຄືນ",
+        "call": "ໂທ",
+        "cancel": "ຍົກເລີກ",
+        "change": "ປ່ຽນແປງ",
+        "clear": "ຈະແຈ້ງ",
+        "click_to_copy": "ກົດເພື່ອສຳເນົາ",
+        "close": "ປິດ",
+        "collapse": "ຫຍໍ້ລົງ",
+        "complete": "ສໍາເລັດ",
+        "confirm": "ຢືນຢັນ",
+        "continue": "ສືບຕໍ່",
+        "copy": "ສຳເນົາ",
+        "copy_link": "ສຳເນົາລິ້ງ",
+        "create": "ສ້າງ",
+        "create_a_room": "ສ້າງຫ້ອງ",
+        "create_account": "ສ້າງບັນຊີ",
+        "decline": "ຫຼຸດລົງ",
+        "delete": "ລຶບ",
+        "disable": "ປິດໃຊ້ງານ",
+        "disconnect": "ຕັດການເຊື່ອມຕໍ່",
+        "dismiss": "ຍົກເລີກ",
+        "done": "ສຳເລັດແລ້ວ",
+        "download": "ດາວໂຫຼດ",
+        "edit": "ແກ້ໄຂ",
+        "enable": "ເປີດໃຊ້ງານ",
+        "expand": "ຂະຫຍາຍ",
+        "explore_rooms": "ການສຳຫຼວດຫ້ອງ",
+        "export": "ສົ່ງອອກ",
+        "forward": "ສົ່ງຕໍ່",
+        "go": "ໄປ",
+        "go_back": "ກັບຄືນ",
+        "got_it": "ໄດ້ແລ້ວ",
+        "hide_advanced": "ເຊື່ອງຂັ້ນສູງ",
+        "hold": "ຖື",
+        "ignore": "ບໍ່ສົນໃຈ/ຍົກເວັ້ນ",
+        "import": "ນໍາເຂົ້າ",
+        "invite": "ເຊີນ",
+        "join": "ເຂົ້າຮ່ວມ",
+        "learn_more": "ສຶກສາເພີ່ມເຕີມ",
+        "leave": "ອອກຈາກ",
+        "leave_room": "ອອກຈາກຫ້ອງ",
+        "logout": "ອອກຈາກລະບົບ",
+        "manage": "ຄຸ້ມຄອງ",
+        "maximise": "ສູງສຸດ",
+        "mention": "ກ່າວເຖິງ",
+        "new_room": "ຫ້ອງໃຫມ່",
+        "new_video_room": "ຫ້ອງວິດີໂອໃຫມ່",
+        "next": "ຕໍ່ໄປ",
+        "no": "ບໍ່",
+        "ok": "ຕົກລົງ",
+        "open": "ເປີດ",
+        "pin": "ປັກໝຸດ",
+        "quote": "ວົງຢືມ",
+        "react": "ປະຕິກິລິຍາ",
+        "refresh": "ໂຫຼດຫນ້າຈໍຄືນ",
+        "register": "ລົງທະບຽນ",
+        "remove": "ເອົາອອກ",
+        "rename": "ປ່ຽນຊື່",
+        "reply": "ຕອບ",
+        "reply_in_thread": "ຕອບໃນກະທູ້",
+        "resend": "ສົ່ງຄືນ",
+        "reset": "ຕັ້ງຄ່າຄືນ",
+        "resume": "ປະຫວັດຫຍໍ້",
+        "retry": "ລອງໃໝ່",
+        "review": "ທົບທວນຄືນ",
+        "revoke": "ຖອນຄືນ",
+        "save": "ບັນທຶກ",
+        "search": "ຊອກຫາ",
+        "send_report": "ສົ່ງບົດລາຍງານ",
+        "share": "ແບ່ງປັນ",
+        "show_advanced": "ສະແດງຂັ້ນສູງ",
+        "show_all": "ສະແດງທັງໝົດ",
+        "sign_in": "ເຂົ້າສູ່ລະບົບ",
+        "sign_out": "ອອກຈາກລະບົບ",
+        "skip": "ຂ້າມ",
+        "start": "ເລີ່ມຕົ້ນ",
+        "stop": "ຢຸດ",
+        "submit": "ສົ່ງ",
+        "subscribe": "ຕິດຕາມ",
+        "transfer": "ໂອນ",
+        "trust": "ເຊື່ອຖືໄດ້",
+        "try_again": "ລອງໃໝ່ອີກຄັ້ງ",
+        "unban": "ຍົກເລີກການຫ້າມ",
+        "unignore": "ບໍ່ສົນໃຈ",
+        "unpin": "ຖອດປັກໝຸດ",
+        "unsubscribe": "ເຊົາຕິດຕາມ",
+        "update": "ອັບເດດ",
+        "upgrade": "ຍົກລະດັບ",
+        "upload": "ອັບໂຫຼດ",
+        "verify": "ຢືນຢັນ",
+        "view": "ເບິ່ງ",
+        "view_list": "ເບິ່ງລາຍຊື່",
+        "view_message": "ເບິ່ງຂໍ້ຄວາມ",
+        "view_source": "ເບິ່ງແຫຼ່ງ",
+        "yes": "ແມ່ນແລ້ວ",
+        "zoom_in": "ຂະຫຍາຍເຂົ້າ",
+        "zoom_out": "ຂະຫຍາຍອອກ"
+    },
+    "analytics": {
+        "accept_button": "ບໍ່ເປັນຫຍັງ",
+        "bullet_1": "ພວກເຮົາ <Bold>ບໍ່</Bold> ບັນທຶກ ຫຼື ປະຫວັດຂໍ້ມູນບັນຊີໃດໆ",
+        "bullet_2": "ພວກເຮົາ <Bold>ບໍ່</Bold> ແບ່ງປັນຂໍ້ມູນກັບພາກສ່ວນທີສາມ",
+        "consent_migration": "ກ່ອນໜ້ານີ້ທ່ານໄດ້ຍິນຍອມທີ່ຈະແບ່ງປັນຂໍ້ມູນການນຳໃຊ້ທີ່ບໍ່ເປີດເຜີຍຊື່ກັບພວກເຮົາ. ພວກເຮົາກຳລັງອັບເດດວິທີການເຮັດວຽກນັ້ນ.",
+        "disable_prompt": "ທ່ານສາມາດປິດຕັ້ງຄ່າໄດ້ທຸກເວລາ",
+        "enable_prompt": "ຊ່ວຍປັບປຸງ %(analyticsOwner)s",
+        "learn_more": "ແບ່ງປັນຂໍ້ມູນທີ່ບໍ່ເປີດເຜີຍຊື່ເພື່ອຊ່ວຍພວກເຮົາລະບຸບັນຫາ. ບໍ່ມີຫຍັງສ່ວນຕົວ. ບໍ່ມີຄົນທີສາມ. <LearnMoreLink>ສຶກສາເພີ່ມເຕີມ</LearnMoreLink>",
+        "privacy_policy": "ທ່ານສາມາດອ່ານເງື່ອນໄຂທັງໝົດຂອງພວກເຮົາໄດ້ <PrivacyPolicyUrl>ທີ່ນີ້</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "ຊ່ວຍພວກເຮົາລະບຸບັນຫາ ແລະ ປັບປຸງ %(analyticsOwner)s ໂດຍການແບ່ງປັນຂໍ້ມູນການນຳໃຊ້ທີ່ບໍ່ເປີດເຜີຍຊື່. ເພື່ອເຂົ້າໃຈວິທີທີ່ຄົນໃຊ້ຫຼາຍອຸປະກອນ, ພວກເຮົາຈະສ້າງຕົວລະບຸແບບສຸ່ມ, ແບ່ງປັນໂດຍອຸປະກອນຂອງທ່ານ.",
+        "shared_data_heading": "ຂໍ້ມູນຕໍ່ໄປນີ້ອາດຈະຖືກແບ່ງປັນ:"
+    },
+    "auth": {
+        "account_clash": "ບັນຊີໃຫມ່ຂອງທ່ານ (%(newAccountId)s) ໄດ້ລົງທະບຽນ, ແຕ່ວ່າທ່ານໄດ້ເຂົ້າສູ່ລະບົບບັນຊີອື່ນແລ້ວ (%(loggedInUserId)s).",
+        "account_clash_previous_account": "ສືບຕໍ່ກັບບັນຊີທີ່ຜ່ານມາ",
+        "account_deactivated": "ບັນຊີນີ້ຖືກປິດການນຳໃຊ້ແລ້ວ.",
+        "autodiscovery_generic_failure": "ບໍ່ສາມາດຮັບການກຳນົດຄ່າ ການຄົ້ນຫາອັດຕະໂນມັດ ຈາກເຊີບເວີໄດ້",
+        "autodiscovery_invalid": "ການຕອບກັບຫານຄົ້ນຫາ homeserver ບໍ່ຖືກຕ້ອງ",
+        "autodiscovery_invalid_hs": "Homeserver URL ບໍ່ສະເເດງເປັນ Matrix homeserver ທີ່ຖືກຕ້ອງ",
+        "autodiscovery_invalid_hs_base_url": "base_url ບໍ່ຖືກຕ້ອງສໍາລັບ m.homeserver",
+        "autodiscovery_invalid_is": "URL ເຊີບເວີປາກົດວ່າບໍ່ຖືກຕ້ອງ",
+        "autodiscovery_invalid_is_base_url": "base_url ບໍ່ຖືກຕ້ອງສໍາລັບ m.identity_server",
+        "autodiscovery_invalid_is_response": "ການຕອບສະໜອງ ການຄົ້ນພົບຕົວຕົນຂອງເຊີບເວີບໍ່ຖືກຕ້ອງ",
+        "autodiscovery_invalid_json": "JSON ບໍ່ຖືກຕ້ອງ",
+        "autodiscovery_unexpected_error_hs": "ເກີດຄວາມຜິດພາດທີ່ບໍ່ຄາດຄິດໃນການແກ້ໄຂການຕັ້ງຄ່າ homeserver",
+        "autodiscovery_unexpected_error_is": "ເກີດຄວາມຜິດພາດທີ່ບໍ່ຄາດຄິດໃນການແກ້ໄຂການກຳນົດຄ່າເຊີບເວີ",
+        "captcha_description": "homeserver ນີ້ຕ້ອງການໃຫ້ແນ່ໃຈວ່າທ່ານບໍ່ແມ່ນຫຸ່ນຍົນ.",
+        "change_password_action": "ປ່ຽນລະຫັດຜ່ານ",
+        "change_password_confirm_invalid": "ລະຫັດຜ່ານບໍ່ກົງກັນ",
+        "change_password_confirm_label": "ຢືນຢັນລະຫັດ",
+        "change_password_current_label": "ລະຫັດປັດຈຸບັນ",
+        "change_password_empty": "ລະຫັດຜ່ານບໍ່ສາມາດຫວ່າງເປົ່າໄດ້",
+        "change_password_mismatch": "ລະຫັດຜ່ານໃໝ່ບໍ່ກົງກັນ",
+        "change_password_new_label": "ລະຫັດຜ່ານໃໝ່",
+        "continue_with_idp": "ສືບຕໍ່ກັບ %(provider)s",
+        "continue_with_sso": "ສືບຕໍ່ດ້ວຍ %(ssoButtons)s",
+        "country_dropdown": "ເລືອກປະເທດຜ່ານເມນູແບບເລື່ອນລົງ",
+        "create_account_prompt": "ມາໃໝ່ບໍ? <a>ສ້າງບັນຊີ</a>",
+        "create_account_title": "ສ້າງບັນຊີ",
+        "email_discovery_text": "ໃຊ້ອີເມລ໌ເພື່ອເປັນທາງເລືອກໃຫ້ຜູ້ຕິດຕໍ່ທີ່ມີຢູ່ແລ້ວສາມາດຄົ້ນຫາໄດ້.",
+        "email_field_label": "ອີເມວ",
+        "email_field_label_invalid": "ເບິ່ງຄືວ່າທີ່ຢູ່ອີເມວບໍ່ຖືກຕ້ອງ",
+        "email_field_label_required": "ໃສ່ທີ່ຢູ່ອີເມວ",
+        "email_help_text": "ເພີ່ມອີເມວເພື່ອສາມາດກູ້ຄືນລະຫັດຜ່ານຂອງທ່ານໄດ້.",
+        "email_phone_discovery_text": "ໃຊ້ອີເມລ໌ ຫຼື ໂທລະສັບເພື່ອຜູ້ຕິດຕໍ່ທີ່ມີຢູ່ແລ້ວຄົ້ນຫາໄດ້.",
+        "failed_connect_identity_server": "ບໍ່ສາມາດເຂົ້າຫາເຊີບເວີທີ່ລະບຸຕົວຕົນໄດ້",
+        "failed_connect_identity_server_other": "ທ່ານສາມາດເຂົ້າສູ່ລະບົບ, ແຕ່ຄຸນສົມບັດບາງຢ່າງຈະບໍ່ມີຈົນກ່ວາເຊີບເວີທີ່ລະບຸຕົວຕົນຈະກັບຄືນໄປບ່ອນອອນໄລນ໌. ຖ້າທ່ານຍັງເຫັນຄໍາເຕືອນນີ້, ໃຫ້ກວດເບິ່ງການຕັ້ງຄ່າຂອງທ່ານ ຫຼື ຕິດຕໍ່ຜູ້ຄຸ້ມຄອງເຊີບເວີ.",
+        "failed_connect_identity_server_register": "ທ່ານສາມາດລົງທະບຽນໄດ້, ແຕ່ຄຸນສົມບັດບາງຢ່າງຈະບໍ່ສາມາດໃຊ້ໄດ້ຈົນກວ່າ ເຊີບເວີທີ່ລະບຸຕົວຕົນຈະກັບມາອອນລາຍ. ຖ້າຫາກທ່ານຍັງເຫັນຄໍາເຕືອນນີ້, ໃຫ້ກວດເບິ່ງການຕັ້ງຄ່າຂອງທ່ານ ຫຼື ຕິດຕໍ່ຜູ້ຄຸ້ມຄອງເຊີບເວີ.",
+        "failed_connect_identity_server_reset_password": "ທ່ານສາມາດຕັ້ງລະຫັດຜ່ານຂອງທ່ານໃໝ່ໄດ້, ແຕ່ບາງຄຸນສົມບັດຈະບໍ່ສາມາດໃຊ້ໄດ້ຈົນກວ່າເຊີບເວີທີ່ລະບຸຕົວຕົນຈະກັບມາອອນລາຍ. ຖ້າທ່ານຍັງເຫັນເຫັນຄໍາເຕືອນນີ້, ໃຫ້ກວດເບິ່ງການຕັ້ງຄ່າຂອງທ່ານ ຫຼື ຕິດຕໍ່ຜູ້ຄຸ້ມຄອງເຊີບເວີ.",
+        "failed_homeserver_discovery": "ການປະຕິບັດການຄົ້ນພົບ homeserver ບໍ່ສຳເລັດ",
+        "failed_query_registration_methods": "ບໍ່ສາມາດສອບຖາມວິທີການລົງທະບຽນໄດ້.",
+        "failed_soft_logout_auth": "ການພິສູດຢືນຢັນຄືນໃໝ່ບໍ່ສຳເລັດ",
+        "failed_soft_logout_homeserver": "ການພິສູດຢືນຢັນຄືນໃໝ່ເນື່ອງຈາກບັນຫາ homeserver ບໍ່ສຳເລັດ",
+        "forgot_password_email_invalid": "ທີ່ຢູ່ອີເມວບໍ່ຖືກຕ້ອງ.",
+        "forgot_password_email_required": "ຕ້ອງໃສ່ທີ່ຢູ່ອີເມວທີ່ເຊື່ອມຕໍ່ກັບບັນຊີຂອງທ່ານ.",
+        "forgot_password_prompt": "ລືມລະຫັດຜ່ານຂອງທ່ານບໍ?",
+        "identifier_label": "ເຂົ້າສູ່ລະບົບດ້ວຍ",
+        "incorrect_credentials": "ຊື່ຜູ້ໃຊ້ ແລະ/ຫຼືລະຫັດຜ່ານບໍ່ຖືກຕ້ອງ.",
+        "incorrect_credentials_detail": "ກະລຸນາຮັບຊາບວ່າທ່ານກຳລັງເຂົ້າສູ່ລະບົບເຊີບເວີ %(hs)s, ບໍ່ແມ່ນ matrix.org.",
+        "incorrect_password": "ລະຫັດຜ່ານບໍ່ຖືກຕ້ອງ",
+        "log_in_new_account": "<a>ເຂົ້າສູ່ລະບົບ</a> ບັນຊີໃໝ່ຂອງທ່ານ.",
+        "logout_dialog": {
+            "description": "ທ່ານແນ່ໃຈບໍ່ວ່າຕ້ອງການອອກຈາກລະບົບ?",
+            "setup_key_backup_title": "ທ່ານຈະສູນເສຍການເຂົ້າເຖິງລະຫັດຂໍ້ຄວາມຂອງທ່ານ",
+            "skip_key_backup": "ຂ້ອຍບໍ່ຕ້ອງການຂໍ້ຄວາມທີ່ຖືກເຂົ້າລະຫັດຂອງຂ້ອຍ"
+        },
+        "misconfigured_body": "ຂໍໃຫ້ຜູ້ຄຸ້ມຄອງ %(brand)s ຂອງທ່ານກວດເບິ່ງ <a>ການຕັ້ງຄ່າຂອງທ່ານ</a> ສໍາລັບລາຍການທີ່ບໍ່ຖືກຕ້ອງ ຫຼື ຊໍ້າກັນ.",
+        "misconfigured_title": "%(brand)s ກຳນົດຄ່າຂອງທ່ານບໍ່ຖືກຕ້ອງ",
+        "msisdn_field_description": "ຜູ້ໃຊ້ອື່ນສາມາດເຊີນທ່ານເຂົ້າຫ້ອງໄດ້ໂດຍການໃຊ້ລາຍລະອຽດຕິດຕໍ່ຂອງທ່ານ",
+        "msisdn_field_label": "ໂທລະສັບ",
+        "msisdn_field_number_invalid": "ເບີໂທລະສັບນັ້ນເບິ່ງຄືວ່າບໍ່ຖືກຕ້ອງ, ກະລຸນາກວດເບິ່ງແລ້ວລອງໃໝ່ອີກຄັ້ງ",
+        "msisdn_field_required_invalid": "ໃສ່ເບີໂທລະສັບ",
+        "no_hs_url_provided": "ບໍ່ມີການສະໜອງ URL homeserver",
+        "oidc": {
+            "error_title": "ພວກເຮົາບໍ່ສາມາດເຂົ້າສູ່ລະບົບທ່ານໄດ້",
+            "missing_or_invalid_stored_state": "ພວກເຮົາໃຫ້ບຣາວເຊີຈື່ homeserver ທີ່ທ່ານໃຊ້ ເຂົ້າສູ່ລະບົບ, ແຕ່ເສຍດາຍບຣາວເຊີຂອງທ່ານລືມມັນ. ກັບໄປທີ່ໜ້າເຂົ້າສູ່ລະບົບແລ້ວ ລອງໃໝ່ອີກຄັ້ງ."
+        },
+        "password_field_label": "ໃສ່ລະຫັດຜ່ານ",
+        "password_field_strong_label": "ດີ, ລະຫັດຜ່ານທີ່ເຂັ້ມແຂງ!",
+        "password_field_weak_label": "ອະນຸຍາດລະຫັດຜ່ານ, ແຕ່ບໍ່ປອດໄພ",
+        "phone_label": "ໂທລະສັບ",
+        "phone_optional_label": "ໂທລະສັບ (ທາງເລືອກ)",
+        "register_action": "ສ້າງບັນຊີ",
+        "registration": {
+            "continue_without_email_description": "ກະລຸນາຮັບຊາບວ່າ, ຖ້າທ່ານບໍ່ເພີ່ມອີເມວ ແລະ ລືມລະຫັດຜ່ານຂອງທ່ານ, ທ່ານອາດ <b>ສູນເສຍການເຂົ້າເຖິງບັນຊີຂອງທ່ານຢ່າງຖາວອນ</b>.",
+            "continue_without_email_field_label": "ອີເມວ (ທາງເລືອກ)",
+            "continue_without_email_title": "ສືບຕໍ່ໂດຍບໍ່ມີອີເມວ"
+        },
+        "registration_disabled": "ການລົງທະບຽນຖືກປິດການນຳໃຊ້ໃນ homeserver ນີ້.",
+        "registration_msisdn_field_required_invalid": "ໃສ່ເບີໂທລະສັບ (ຕ້ອງການຢູ່ໃນ homeserver ນີ້)",
+        "registration_successful": "ການລົງທະບຽນສຳເລັດແລ້ວ",
+        "registration_username_in_use": "ບາງຄົນມີຊື່ຜູ້ໃຊ້ນັ້ນແລ້ວ. ລອງທາງອື່ນ ຫຼື ຖ້າມັນແມ່ນຕົວເຈົ້າ, ເຂົ້າສູ່ລະບົບຂ້າງລຸ່ມນີ້.",
+        "registration_username_unable_check": "ບໍ່ສາມາດກວດສອບໄດ້ວ່າຊື່ຜູ້ໃຊ້ໄດ້ຖືກນຳໄປໃຊ້. ລອງໃໝ່ໃນພາຍຫຼັງ.",
+        "registration_username_validation": "ໃຊ້ຕົວພິມນ້ອຍ, ຕົວເລກ, ຂີດຕໍ່ ແລະ ຂີດກ້ອງເທົ່ານັ້ນ",
+        "reset_password": {
+            "devices_logout_success": "ທ່ານໄດ້ອອກຈາກລະບົບອຸປະກອນທັງໝົດແລ້ວ ແລະ ຈະບໍ່ຮັບການແຈ້ງເຕືອນ ອີກຕໍ່ໄປ. ເພື່ອເປີດໃຊ້ການແຈ້ງເຕືອນຄືນໃໝ່, ກະລຸນາເຂົ້າສູ່ລະບົບອີກຄັ້ງໃນແຕ່ລະອຸປະກອນ.",
+            "other_devices_logout_warning_1": "ການອອກຈາກລະບົບອຸປະກອນຂອງທ່ານຈະໄປລຶບອຸປະກອນເຂົ້າລະຫັດທີ່ເກັບໄວ້, ເຮັດໃຫ້ປະຫວັດການສົນທະນາທີ່ເຂົ້າລະຫັດໄວ້ບໍ່ສາມາດອ່ານໄດ້.",
+            "other_devices_logout_warning_2": "ຖ້າທ່ານຕ້ອງການຮັກສາການເຂົ້າເຖິງປະຫວັດການສົນທະນາຂອງທ່ານໃນຫ້ອງທີ່ເຂົ້າລະຫັດໄວ້, ໃຫ້ຕັ້ງຄ່າການສໍາຮອງກະແຈ ຫຼື ສົ່ງອອກກະແຈຂໍ້ຄວາມຂອງທ່ານຈາກອຸປະກອນອື່ນຂອງທ່ານກ່ອນດໍາເນີນການ.",
+            "password_not_entered": "ຕ້ອງໃສ່ລະຫັດຜ່ານໃໝ່.",
+            "passwords_mismatch": "ລະຫັດຜ່ານໃໝ່ຕ້ອງກົງກັນ.",
+            "reset_successful": "ລະຫັດຜ່ານຂອງທ່ານໄດ້ຖືກຕັ້ງໃໝ່ແລ້ວ.",
+            "return_to_login": "ກັບໄປທີ່ໜ້າຈໍເພື່ອເຂົ້າສູ່ລະບົບ"
+        },
+        "reset_password_email_field_description": "ໃຊ້ທີ່ຢູ່ອີເມວເພື່ອກູ້ຄືນບັນຊີຂອງທ່ານ",
+        "reset_password_email_field_required_invalid": "ໃສ່ທີ່ຢູ່ອີເມວ (ຕ້ອງຢູ່ໃນ homeserver ນີ້)",
+        "reset_password_email_not_found_title": "ບໍ່ພົບທີ່ຢູ່ອີເມວນີ້",
+        "server_picker_custom": "homeserver ອື່ນ",
+        "server_picker_description": "ທ່ານສາມາດໃຊ້ຕົວເລືອກເຊີບເວີແບບກຳນົດເອງເພື່ອເຂົ້າສູ່ລະບົບເຊີບເວີ Matrix ອື່ນໂດຍການລະບຸ URL ເຊີບເວີອື່ນ. ນີ້ແມ່ນອະນຸຍາດໃຫ້ທ່ານໃຊ້ %(brand)s ກັບບັນຊີ Matrix ທີ່ມີຢູ່ແລ້ວໃນ homeserver ອື່ນ.",
+        "server_picker_description_matrix.org": "ເຂົ້າຮ່ວມຫຼາຍລ້ານຄົນໄດ້ໂດຍບໍ່ເສຍຄ່າໃນເຊີບເວີສາທາລະນະທີ່ໃຫຍ່ທີ່ສຸດ",
+        "server_picker_dialog_title": "ຕັດສິນໃຈວ່າບັນຊີຂອງທ່ານໃຊ້ເປັນເຈົ້າພາບຢູ່ໃສ",
+        "server_picker_explainer": "ໃຊ້ Matrix homeserver ທີ່ທ່ານຕ້ອງການ ຖ້າຫາກທ່ານມີ ຫຼື ເປັນເຈົ້າພາບເອງ.",
+        "server_picker_failed_validate_homeserver": "ບໍ່ສາມາດກວດສອບ homeserver ໄດ້",
+        "server_picker_intro": "ພວກເຮົາໂທຫາສະຖານที่ບ່ອນທີ່ທ່ານເປັນhostບັນຊີຂອງທ່ານ 'homeservers'.",
+        "server_picker_invalid_url": "URL ບໍ່ຖືກຕ້ອງ",
+        "server_picker_learn_more": "ກ່ຽວກັບ homeservers",
+        "server_picker_matrix.org": "Matrix.org ເປັນ homeserver ສາທາລະນະທີ່ໃຫຍ່ທີ່ສຸດໃນໂລກ, ສະນັ້ນມັນເປັນສະຖານທີ່ທີ່ດີສໍາລັບຫຼາຍໆຄົນ.",
+        "server_picker_required": "ລະບຸ homeserver",
+        "server_picker_title": "ເຂົ້າສູ່ລະບົບ homeserver ຂອງທ່ານ",
+        "server_picker_title_default": "ຕົວເລືອກເຊີບເວີ",
+        "server_picker_title_registration": "ບັນຊີເຈົ້າພາບເປີດຢູ່",
+        "session_logged_out_description": "ເພື່ອຄວາມປອດໄພ, ລະບົບນີ້ໄດ້ຖືກອອກຈາກລະບົບແລ້ວ. ກະລຸນາເຂົ້າສູ່ລະບົບອີກຄັ້ງ.",
+        "session_logged_out_title": "ອອກຈາກລະບົບ",
+        "set_email": {
+            "description": "ນີ້ຈະຊ່ວຍໃຫ້ທ່ານສາມາດປັບລະຫັດຜ່ານຂອງທ່ານ ແລະ ໄດ້ຮັບການແຈ້ງເຕືອນ.",
+            "verification_pending_description": "ກະລຸນາກວດເບິ່ງອີເມວຂອງທ່ານ ແລະ ກົດໃສ່ການເຊື່ອມຕໍ່. ເມື່ອສຳເລັດແລ້ວ, ກົດສືບຕໍ່.",
+            "verification_pending_title": "ຢູ່ລະຫວ່າງການຢັ້ງຢືນ"
+        },
+        "set_email_prompt": "ທ່ານຕ້ອງການສ້າງທີ່ຢູ່ອີເມວບໍ?",
+        "sign_in_instead_prompt": "ມີບັນຊີແລ້ວບໍ? <a>ເຂົ້າສູ່ລະບົບທີ່ນີ້</a>",
+        "sign_in_or_register": "ເຂົ້າສູ່ລະບົບ ຫຼື ສ້າງບັນຊີ",
+        "sign_in_or_register_description": "ໃຊ້ບັນຊີຂອງທ່ານ ຫຼື ສ້າງອັນໃໝ່ເພື່ອສືບຕໍ່.",
+        "sign_in_with_sso": "ເຂົ້າສູ່ລະບົບດ້ວຍການລົງຊື່ເຂົ້າໃຊ້ພຽງຄັ້ງດຽວ",
+        "soft_logout": {
+            "clear_data_button": "ລຶບລ້າງຂໍ້ມູນທັງໝົດ",
+            "clear_data_description": "ການລຶບລ້າງຂໍ້ມູນທັງໝົດຈາກລະບົບນີ້ຖາວອນ. ຂໍ້ຄວາມທີ່ເຂົ້າລະຫັດຈະສູນເສຍເວັ້ນເສຍແຕ່ກະແຈຂອງເຂົາເຈົ້າໄດ້ຮັບການສໍາຮອງຂໍ້ມູນ.",
+            "clear_data_title": "ລຶບລ້າງຂໍ້ມູນທັງໝົດໃນລະບົບນີ້ບໍ?"
+        },
+        "soft_logout_heading": "ທ່ານອອກຈາກລະບົບແລ້ວ",
+        "soft_logout_intro_password": "ໃສ່ລະຫັດຜ່ານຂອງທ່ານເພື່ອເຂົ້າສູ່ລະບົບ ແລະ ເຂົ້າເຖິງບັນຊີຂອງທ່ານຄືນໃໝ່.",
+        "soft_logout_intro_sso": "ເຂົ້າສູ່ລະບົບ ແລະ ເຂົ້າເຖິງບັນຊີຂອງທ່ານຄືນໃໝ່.",
+        "soft_logout_intro_unsupported_auth": "ທ່ານບໍ່ສາມາດເຂົ້າສູ່ລະບົບບັນຊີຂອງທ່ານໄດ້. ກະລຸນາຕິດຕໍ່ຜູຸ້ຄຸ້ມຄອງ homeserver ຂອງທ່ານສໍາລັບຂໍ້ມູນເພີ່ມເຕີມ.",
+        "soft_logout_subheading": "ລຶບຂໍ້ມູນສ່ວນຕົວ",
+        "sso": "ເຂົ້າລະບົບແບບປະຕູດຽວ (SSO)",
+        "sso_complete_in_browser_dialog_title": "ໄປທີ່ໜ້າເວັບຂອງທ່ານເພື່ອເຂົ້າສູ່ລະບົບ",
+        "sso_failed_missing_storage": "ພວກເຮົາໃຫ້ບຣາວເຊີຈື່ homeserver ທີ່ທ່ານໃຊ້ ເຂົ້າສູ່ລະບົບ, ແຕ່ເສຍດາຍບຣາວເຊີຂອງທ່ານລືມມັນ. ກັບໄປທີ່ໜ້າເຂົ້າສູ່ລະບົບແລ້ວ ລອງໃໝ່ອີກຄັ້ງ.",
+        "sso_or_username_password": "%(ssoButtons)s ຫຼື %(usernamePassword)s",
+        "sync_footer_subtitle": "ຖ້າທ່ານໄດ້ເຂົ້າຮ່ວມຫຼາຍຫ້ອງ, ມັນອາດຈະໃຊ້ເວລາໄລຍະໜຶ່ງ",
+        "uia": {
+            "code": "ລະຫັດ",
+            "email": "ເພື່ອສ້າງບັນຊີເມວຂອງທ່ານ, ເປີດລິງໃນເມວທີ່ພວກເຮົາສົ່ງໄປ %(emailAddress)s.",
+            "email_auth_header": "ກວດເມວຂອງທ່ານເພື່ອສືບຕໍ່",
+            "email_resend_prompt": "ໄດ້ຮັບບໍ່? <a>ສົ່ງອີກຄັ້ງ</a>\"",
+            "email_resent": "ສົ່ງອີກຄັ້ງ!",
+            "fallback_button": "ເລີ່ມການພິສູດຢືນຢັນ",
+            "msisdn": "ຂໍ້ຄວາມໄດ້ຖືກສົ່ງໄປຫາ %(msisdn)s",
+            "msisdn_token_incorrect": "ໂທເຄັນບໍ່ຖືກຕ້ອງ",
+            "msisdn_token_prompt": "ກະລຸນາໃສ່ລະຫັດທີ່ມີຢູ່:",
+            "password_prompt": "ຢືນຢັນຕົວຕົນຂອງທ່ານໂດຍການໃສ່ລະຫັດຜ່ານບັນຊີຂອງທ່ານຂ້າງລຸ່ມນີ້.",
+            "recaptcha_missing_params": "ບໍ່ມີລະຫັດສາທາລະນະ captcha ໃນການຕັ້ງຄ່າ homeserver. ກະລຸນາລາຍງານນີ້ກັບຜູ້ຄຸູ້ມຄອງ homeserver ຂອງທ່ານ.",
+            "sso_body": "ຢືນຢັນການເພີ່ມອີເມວນີ້ໂດຍໃຊ້ ແບບປະຕູດຍວ (SSO)ເພື່ອພິສູດຕົວຕົນຂອງທ່ານ.",
+            "sso_failed": "ມີບາງຢ່າງຜິດພາດໃນການຢືນຢັນຕົວຕົນຂອງທ່ານ. ຍົກເລີກແລ້ວລອງໃໝ່.",
+            "sso_postauth_body": "ກົດທີ່ປຸ່ມຂ້າງລຸ່ມນີ້ເພື່ອຢືນຢັນຕົວຕົນຂອງທ່ານ.",
+            "sso_postauth_title": "ຢືນຢັນເພື່ອສືບຕໍ່",
+            "sso_preauth_body": "ເພື່ອສືບຕໍ່,ໃຊ້ການເຂົ້າສູ່ລະບົບດຽວເພື່ອພິສູດຕົວຕົນຂອງທ່ານ.",
+            "sso_title": "ໃຊ້ການເຂົ້າສູ່ລະບົບແບບປະຕູດຽວ (SSO) ເພື່ອສືບຕໍ່",
+            "terms": "ກະລຸນາກວດເບິ່ງ ແລະ ຍອມຮັບນະໂຍບາຍຂອງ homeserver ນີ້:",
+            "terms_invalid": "ກະລຸນາກວດເບິ່ງ ແລະ ຍອມຮັບນະໂຍບາຍທັງໝົດຂອງ homeserver"
+        },
+        "unsupported_auth_email": "homeserver ນີ້ບໍ່ຮອງຮັບການເຂົ້າສູ່ລະບົບໂດຍໃຊ້ທີ່ຢູ່ອີເມວ.",
+        "unsupported_auth_msisdn": "ເຊີບເວີນີ້ບໍ່ຮອງຮັບການພິສູດຢືນຢັນດ້ວຍເບີໂທລະສັບ.",
+        "username_field_required_invalid": "ໃສ່ຊື່ຜູ້ໃຊ້",
+        "username_in_use": "ບາງຄົນມີຊື່ຜູ້ໃຊ້ນັ້ນແລ້ວ, ກະລຸນາລອງຊຶ່ຜູ້ໃຊ້ອື່ນ."
+    },
+    "bug_reporting": {
+        "additional_context": "ຖ້າມີເນື້ອຫາເພີ່ມເຕີມທີ່ຈະຊ່ວຍໃນການວິເຄາະບັນຫາ, ເຊັ່ນວ່າທ່ານກໍາລັງເຮັດຫຍັງໃນເວລານັ້ນ, ID ຫ້ອງ, ID ຜູ້ໃຊ້, ແລະອື່ນໆ, ກະລຸນາລວມສິ່ງເຫຼົ່ານັ້ນຢູ່ທີ່ນີ້.",
+        "before_submitting": "ກ່ອນທີ່ຈະສົ່ງບັນທຶກ, ທ່ານຕ້ອງ <a>ສ້າງບັນຫາ GitHub</a> ເພື່ອອະທິບາຍບັນຫາຂອງທ່ານ.",
+        "collecting_information": "ກຳລັງເກັບກຳຂໍ້ມູນເວີຊັນແອັບ",
+        "collecting_logs": "ການເກັບກໍາຂໍ້ມູນບັນທຶກ",
+        "create_new_issue": "ກະລຸນາ <newIssueLink>ສ້າງບັນຫາໃໝ່</newIssueLink> ໃນ GitHub ເພື່ອໃຫ້ພວກເຮົາສາມາດກວດສອບຂໍ້ຜິດພາດນີ້ໄດ້.",
+        "description": "ບັນທຶກຂໍ້ຜິດພາດຂໍ້ມູນການນຳໃຊ້ແອັບພລິເຄຊັນ ລວມທັງຊື່ຜູ້ໃຊ້ຂອງທ່ານ, ID ຫຼືນາມແຝງຂອງຫ້ອງທີ່ທ່ານໄດ້ເຂົ້າເບິ່ງ, ເຊິ່ງອົງປະກອບ UI ທີ່ທ່ານໂຕ້ຕອບກັບຫຼ້າສຸດ, ແລະ ຊື່ຜູ້ໃຊ້ຂອງຜູ່ໃຊ້ອື່ນໆທີ່ບໍ່ມີຂໍ້ຄວາມ.",
+        "download_logs": "ບັນທຶກການດາວໂຫຼດ",
+        "downloading_logs": "ບັນທຶກການດາວໂຫຼດ",
+        "error_empty": "ກະລຸນາບອກພວກເຮົາວ່າມີຫຍັງຜິດພາດ ຫຼື, ດີກວ່າ, ສ້າງບັນຫາ GitHub ເພື່ອອະທິບາຍບັນຫາ.",
+        "github_issue": "ບັນຫາ GitHub",
+        "introduction": "ຖ້າທ່ານໄດ້ສົ່ງຂໍ້ບົກພ່ອງຜ່ານ GitHub, ບັນທຶກການຂໍ້ຜິດພາດສາມາດຊ່ວຍພວກເຮົາຕິດຕາມບັນຫາໄດ້. ",
+        "log_request": "ເພື່ອຊ່ວຍພວກເຮົາປ້ອງກັນສິ່ງນີ້ໃນອະນາຄົດ, ກະລຸນາ <a>ສົ່ງບັນທຶກໃຫ້ພວກເຮົາ</a>.",
+        "logs_sent": "ສົ່ງບັນທຶກແລ້ວ",
+        "matrix_security_issue": "ເພື່ອລາຍງານບັນຫາຄວາມປອດໄພທີ່ກ່ຽວຂ້ອງກັບ Matrix, ກະລຸນາອ່ານ <a>ນະໂຍບາຍການເປີດເຜີຍຄວາມປອດໄພ</a> Matrix.org.",
+        "preparing_download": "ກຳລັງກະກຽມດາວໂຫຼດບັນທຶກ",
+        "preparing_logs": "ກຳລັງກະກຽມສົ່ງບັນທຶກ",
+        "send_logs": "ສົ່ງບັນທຶກ",
+        "submit_debug_logs": "ສົ່ງບັນທຶກການແກ້ໄຂບັນຫາ",
+        "textarea_label": "ບັນທຶກ",
+        "thank_you": "ຂອບໃຈ!",
+        "title": "ລາຍງານຂໍ້ຜິດພາດ",
+        "unsupported_browser": "ແຈ້ງເຕືອນ: ບຼາວເຊີຂອງທ່ານບໍ່ຮອງຮັບ, ດັ່ງນັ້ນປະສົບການຂອງທ່ານຈຶ່ງຄາດເດົາບໍ່ໄດ້.",
+        "uploading_logs": "ກຳລັງບັນທຶກການອັບໂຫຼດ",
+        "waiting_for_server": "ກຳລັງລໍຖ້າການຕອບສະໜອງຈາກເຊີບເວີ"
+    },
+    "cannot_reach_homeserver": "ບໍ່ສາມາດຕິດຕໍ່ homeserver ໄດ້",
+    "cannot_reach_homeserver_detail": "ໃຫ້ແນ່ໃຈວ່າທ່ານມີການເຊື່ອມຕໍ່ອິນເຕີເນັດທີ່ຫມັ້ນຄົງ, ຫຼື ຕິດຕໍ່ກັບຜູ້ຄູ້ມຄອງເຊີບເວີ",
+    "cant_load_page": "ບໍ່ສາມາດໂຫຼດໜ້າໄດ້",
+    "chat_card_back_action_label": "ກັບໄປທີ່ການສົນທະນາ",
+    "chat_effects": {
+        "confetti_description": "ສົ່ງຂໍ້ຄວາມພ້ອມດ້ວຍ confetti",
+        "confetti_message": "ສົ່ງ confetti",
+        "fireworks_description": "ສົ່ງຂໍ້ຄວາມໃຫ້ດ້ວຍດອກໄມ້ໄຟ",
+        "fireworks_message": "ສົ່ງດອກໄມ້ໄຟ",
+        "hearts_description": "ສົ່ງຂໍ້ຄວາມທີ່ກຳນົດ ດ້ວຍຮູບຫົວໃຈ",
+        "hearts_message": "ສົ່ງຮູບຫົວໃຈ",
+        "rainfall_description": "ສົ່ງຂໍ້ຄວາມທີ່ກຳນົດພ້ອມດ້ວຍສາຍຝົນ",
+        "rainfall_message": "ສົ່ງຝົນ",
+        "snowfall_description": "ສົ່ງຂໍ້ຄວາມທີ່ກຳນົດພ້ອມດ້ວຍຫິມະຕົກ",
+        "snowfall_message": "ສົ່ງຫິມະຕົກ",
+        "spaceinvaders_description": "ສົ່ງຂໍ້ຄວາມທີ່ກຳນົດໃຫ້ພ້ອມດ້ວຍຫົວຂໍ້ພື້ນທີ່",
+        "spaceinvaders_message": "ສົ່ງຜູ້ຮຸກຮານພື້ນທີ່"
+    },
+    "common": {
+        "access_token": "ເຂົ້າເຖິງToken",
+        "accessibility": "ການເຂົ້າເຖິງ",
+        "advanced": "ຂັ້ນສູງ",
+        "analytics": "ວິເຄາະ",
+        "and_n_others": {
+            "one": "ແລະ ອີກອັນນຶ່ງ...",
+            "other": "ແລະ %(count)s ຜູ້ອຶ່ນ..."
+        },
+        "appearance": "ຮູບລັກສະນະ",
+        "are_you_sure": "ທ່ານແນ່ໃຈບໍ່?",
+        "attachment": "ຄັດຕິດ",
+        "authentication": "ການຢືນຢັນ",
+        "avatar": "ຮູບແທນຕົວ",
+        "beta": "ເບຕ້າ",
+        "camera": "ກ້ອງຖ່າຍຮູບ",
+        "cameras": "ກ້ອງ",
+        "capabilities": "ຄວາມສາມາດ",
+        "copied": "ສຳເນົາແລ້ວ!",
+        "credits": "ສິນເຊື່ອ",
+        "dark": "ມືດ",
+        "description": "ລາຍລະອຽດ",
+        "deselect_all": "ຍົກເລີກການເລືອກທັງໝົດ",
+        "edited": "ດັດແກ້",
+        "email_address": "ທີ່ຢູ່ອີເມວ",
+        "emoji": "ອີໂມຈິ",
+        "encrypted": "ເຂົ້າລະຫັດແລ້ວ",
+        "error": "ມີບັນຫາ",
+        "faq": "ຄໍາຖາມທີ່ພົບເປັນປະຈໍາ",
+        "feedback": "ຄໍາຕິຊົມ",
+        "filter_results": "ການກັ່ນຕອງຜົນຮັບ",
+        "forward_message": "ສົ່ງຂໍ້ຄວາມຕໍ່",
+        "general": "ທົ່ວໄປ",
+        "go_to_settings": "ໄປທີ່ການຕັ້ງຄ່າ",
+        "guest": "ແຂກ",
+        "help": "ຊ່ວຍເຫຼືອ",
+        "home": "ໜ້າຫຼັກ",
+        "identity_server": "ຕົວເຊີບເວີ",
+        "image": "ຮູບພາບ",
+        "integration_manager": "ຜູ້ຈັດການປະສົມປະສານ",
+        "joined": "ເຂົ້າຮ່ວມແລ້ວ",
+        "labs": "ຫ້ອງທົດລອງ",
+        "legal": "ຖືກກົດໝາຍ",
+        "light": "ແສງສະຫວ່າງ",
+        "location": "ສະຖານທີ່",
+        "message": "ຂໍ້ຄວາມ",
+        "message_layout": "ຮູບແບບຂໍ້ຄວາມ",
+        "microphone": "ໄມໂຄຣໂຟນ",
+        "modern": "ທັນສະໄຫມ",
+        "mute": "ປິດສຽງ",
+        "n_members": {
+            "one": "ສະມາຊິກ %(count)s",
+            "other": "ສະມາຊິກ %(count)s"
+        },
+        "n_rooms": {
+            "one": "%(count)s ຫ້ອງ",
+            "other": "%(count)s ຫ້ອງ"
+        },
+        "name": "ຊື່",
+        "no_results": "ບໍ່ເປັນຜົນ",
+        "no_results_found": "ບໍ່ພົບຜົນການຊອກຫາ",
+        "not_trusted": "ເຊື່ອຖືບໍ່ໄດ້",
+        "off": "ປິດ",
+        "offline": "ອອບໄລນ໌",
+        "on": "ເທິງ",
+        "options": "ທາງເລືອກ",
+        "orphan_rooms": "ຫ້ອງອື່ນໆ",
+        "password": "ລະຫັດຜ່ານ",
+        "people": "ຄົນ",
+        "preferences": "ການຕັ້ງຄ່າ",
+        "preview_message": "ສະບາຍດີ ທ່ານ. ທ່ານດີທີ່ສຸດ!",
+        "privacy": "ຄວາມເປັນສ່ວນຕົວ",
+        "private": "ສ່ວນຕົວ",
+        "private_room": "ຫ້ອງສ່ວນຕົວ",
+        "private_space": "ພື້ນທີ່ສ່ວນຕົວ",
+        "profile": "ໂປຣໄຟລ໌",
+        "public": "ສາທາລະນະ",
+        "public_room": "ຫ້ອງສາທາລະນະ",
+        "public_space": "ພື້ນທີ່ສາທາລະນະ",
+        "qr_code": "ລະຫັດ QR",
+        "random": "ສຸ່ມ",
+        "reactions": "ປະຕິກິລິຍາ",
+        "report_a_bug": "ລາຍງານຂໍ້ຜິດພາດ",
+        "room": "ຫ້ອງ",
+        "room_name": "ຊື່ຫ້ອງ",
+        "rooms": "ຫ້ອງ",
+        "secure_backup": "ການສໍາຮອງທີ່ປອດໄພ",
+        "select_all": "ເລືອກທັງຫມົດ",
+        "server": "ເຊີບເວີ",
+        "settings": "ການຕັ້ງຄ່າ",
+        "setup_secure_messages": "ຕັ້ງຄ່າຂໍ້ຄວາມທີ່ປອດໄພ",
+        "show_more": "ສະແດງເພີ່ມເຕີມ",
+        "someone": "ບາງຄົນ",
+        "space": "ຍະຫວ່າງ",
+        "spaces": "ພື້ນທີ່",
+        "sticker": "ສະຕິກເກີ",
+        "stickerpack": "ຊຸດສະຕິກເກີ",
+        "success": "ຄວາມສໍາເລັດ",
+        "suggestions": "ຄຳແນະນຳ",
+        "support": "ສະຫນັບສະຫນູນ",
+        "theme": "ຫົວຂໍ້",
+        "thread": "ກະທູ້",
+        "threads": "ກະທູ້",
+        "timeline": "ທາມລາຍ",
+        "unencrypted": "ບໍ່ໄດ້ເຂົ້າລະຫັດ",
+        "unmute": "ຍົກເລີກປິດສຽງ",
+        "unnamed_room": "ບໍ່ມີຊື່ຫ້ອງ",
+        "unnamed_space": "ພື້ນທີ່ບໍ່ລະບຸຊື່",
+        "user_avatar": "ຮູບໂປຣໄຟລ໌",
+        "username": "ຊື່ຜູ້ໃຊ້",
+        "video_room": "ຫ້ອງວີດີໂອ",
+        "view_message": "ເບິ່ງຂໍ້ຄວາມ",
+        "warning": "ຄຳເຕືອນ"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "ແຈ້ງຫ້ອງທັງໝົດ",
+            "command_a11y": "ຕື່ມຄໍາສັ່ງອັດຕະໂນມັດ",
+            "command_description": "ຄໍາສັ່ງ",
+            "emoji_a11y": "ຕື່ມຂໍ້ມູນ Emoji ອັດຕະໂນມັດ",
+            "notification_a11y": "ການແຈ້ງເຕືອນອັດຕະໂນມັດ",
+            "notification_description": "ການແຈ້ງເຕືອນຫ້ອງ",
+            "room_a11y": "ເພິ່ມຂໍ້ຄວາມອັດຕະໂນມັດ",
+            "space_a11y": "ການເພິ່ມຂໍ້ຄວາມອັດຕະໂນມັດໃນພື້ນທີ່",
+            "user_a11y": "ການຕຶ້ມຂໍ້ມູນອັດຕະໂນມັດຊື່ຜູ້ໃຊ້",
+            "user_description": "ຜູ້ໃຊ້"
+        },
+        "close_sticker_picker": "ເຊື່ອງສະຕິກເກີ",
+        "edit_composer_label": "ແກ້ໄຂຂໍ້ຄວາມ",
+        "format_bold": "ຕົວໜາ",
+        "format_code_block": "ບລັອກລະຫັດ",
+        "format_inline_code": "ລະຫັດ",
+        "format_insert_link": "ໃສ່ລິ້ງ",
+        "format_italics": "ໂຕໜັງສືອຽງ",
+        "format_strikethrough": "ບຸກທະລຸ",
+        "no_perms_notice": "ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ໂພສໃສ່ຫ້ອງນີ້",
+        "placeholder": "ສົ່ງຂໍ້ຄວາມ…",
+        "placeholder_encrypted": "ສົ່ງຂໍ້ຄວາມທີ່ເຂົ້າລະຫັດ…",
+        "placeholder_reply": "ສົ່ງຄຳຕອບ…",
+        "placeholder_reply_encrypted": "ສົ່ງຄຳຕອບທີ່ເຂົ້າລະຫັດໄວ້…",
+        "placeholder_thread": "ຕອບກັບກະທູ້…",
+        "placeholder_thread_encrypted": "ຕອບກັບກະທູ້ທີ່ເຂົ້າລະຫັດໄວ້…",
+        "poll_button": "ການສໍາຫລວດ",
+        "poll_button_no_perms_description": "ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ເລີ່ມແບບສຳຫຼວດຢູ່ໃນຫ້ອງນີ້.",
+        "poll_button_no_perms_title": "ຕ້ອງການອະນຸຍາດ",
+        "replying_title": "ກຳລັງຕອບກັບ",
+        "room_upgraded_link": "ການສົນທະນາສືບຕໍ່ຢູ່ທີ່ນີ້.",
+        "room_upgraded_notice": "ຫ້ອງນີ້ໄດ້ໍປ່ຽນແທນ ແລະບໍ່ມີການເຄື່ອນໄຫວອີກຕໍ່ໄປ.",
+        "send_button_title": "ສົ່ງຂໍ້ຄວາມ",
+        "send_button_voice_message": "ສົ່ງຂໍ້ຄວາມສຽງ",
+        "send_voice_message": "ສົ່ງຂໍ້ຄວາມສຽງ",
+        "stop_voice_message": "ຢຸດການບັນທຶກ",
+        "voice_message_button": "ຂໍ້ຄວາມສຽງ"
+    },
+    "console_dev_note": "ຖ້າທ່ານຮູ້ວ່າທ່ານກໍາລັງເຮັດຫຍັງ, Element ແມ່ນແຫຼ່ງເປີດ, ກວດເບິ່ງໃຫ້ແນ່ໃຈວ່າ GitHub ຂອງພວກເຮົາ (https://github.com/vector-im/element-web/) ແລະ ປະກອບສ່ວນ!",
+    "console_scam_warning": "ຖ້າມີຄົນບອກທ່ານໃຫ້ສຳເນົາ/ວາງບາງອັນຢູ່ບ່ອນນີ້, ມີໂອກາດສູງທີ່ທ່ານຈະຖືກຫລອກລວງ!",
+    "console_wait": "ລໍຖ້າ!",
+    "create_room": {
+        "action_create_room": "ສ້າງຫ້ອງ",
+        "action_create_video_room": "ສ້າງຫ້ອງວິດີໂອ",
+        "encrypted_warning": "ທ່ານບໍ່ສາມາດປິດການທໍາງານນີ້ໄດ້ໃນພາຍຫຼັງ. Bridges ແລະ bots ສ່ວນໃຫຍ່ຈະບໍ່ເຮັດວຽກເທື່ອ.",
+        "encryption_forced": "ເຊີບເວີຂອງທ່ານຮຽກຮ້ອງໃຫ້ມີການເຂົ້າລະຫັດເພື່ອເປີດໃຊ້ຫ້ອງສ່ວນຕົວ.",
+        "encryption_label": "ເປີດໃຊ້ການເຂົ້າລະຫັດແຕ່ຕົ້ນທາງເຖິງປາຍທາງ",
+        "error_title": "ການສ້າງຫ້ອງບໍ່ສຳເລັດ",
+        "generic_error": "ເຊີບເວີອາດບໍ່ພ້ອມໃຊ້ງານ, ໂຫຼດເກີນ, ຫຼື ທ່ານຖືກພົບຂໍ້ບົກຜ່ອງ.",
+        "join_rule_change_notice": "ທ່ານສາມາດປ່ຽນສິ່ງນີ້ໄດ້ທຸກເວລາຈາກການຕັ້ງຄ່າຫ້ອງ.",
+        "join_rule_invite": "ຫ້ອງສ່ວນຕົວ (ເຊີນເທົ່ານັ້ນ)",
+        "join_rule_invite_label": "ມີແຕ່ຄົນທີ່ໄດ້ຮັບເຊີນເທົ່ານັ້ນທີ່ສາມາດຊອກຫາ ແລະເຂົ້າຮ່ວມຫ້ອງນີ້ໄດ້.",
+        "join_rule_public_label": "ທຸກຄົນຈະສາມາດຊອກຫາ ແລະເຂົ້າຮ່ວມຫ້ອງນີ້ໄດ້.",
+        "join_rule_public_parent_space_label": "ທຸກຄົນຈະສາມາດຊອກຫາ ແລະເຂົ້າຮ່ວມຫ້ອງນີ້ໄດ້, ບໍ່ພຽງແຕ່ສະມາຊິກຂອງ <SpaceName/> ເທົ່ານັ້ນ.",
+        "join_rule_restricted": "ເບິ່ງເຫັນພື້ນທີ່ຂອງສະມາຊິກ",
+        "join_rule_restricted_label": "ທຸກຄົນໃນ <SpaceName/> ຈະສາມາດຊອກຫາ ແລະເຂົ້າຮ່ວມຫ້ອງນີ້ໄດ້.",
+        "name_validation_required": "ກະລຸນາໃສ່ຊື່ຫ້ອງ",
+        "room_visibility_label": "ການເບິ່ງເຫັນຫ້ອງ",
+        "title_private_room": "ສ້າງຫ້ອງສ່ວນຕົວ",
+        "title_public_room": "ສ້າງຫ້ອງສາທາລະນະ",
+        "title_video_room": "ສ້າງຫ້ອງວິດີໂອ",
+        "topic_label": "ຫົວຂໍ້ (ທາງເລືອກ)",
+        "unfederated": "ບລັອກຜູ້ທີ່ບໍ່ມີສ່ວນຮ່ວມ %(serverName)s ບໍ່ໃຫ້ເຂົ້າຮ່ວມຫ້ອງນີ້.",
+        "unfederated_label_default_off": "ທ່ານອາດຈະເປີດໃຊ້ງານຫ້ອງນີ້ຖ້າຫາກຈະໃຊ້ເພື່ອຮ່ວມມືກັບທີມງານພາຍໃນຢູ່ໃນເຊີບເວີຂອງທ່ານເທົ່ານັ້ນ. ອັນນີ້ບໍ່ສາມາດປ່ຽນແປງໄດ້ໃນພາຍຫຼັງ.",
+        "unfederated_label_default_on": "ທ່ານອາດຈະປິດການທໍາງານນີ້ຖ້າຫ້ອງຈະຖືກໃຊ້ສໍາລັບການຮ່ວມມືກັບທີມງານພາຍນອກທີ່ມີ homeserver ເປັນຂອງຕົນເອງ. ອັນນີ້ບໍ່ສາມາດປ່ຽນແປງໄດ້ໃນພາຍຫຼັງ.",
+        "unsupported_version": "ເຊີບເວີບໍ່ຮອງຮັບລຸ້ນຫ້ອງທີ່ລະບຸໄວ້ໄດ້."
+    },
+    "create_space": {
+        "add_details_prompt": "ເພີ່ມລາຍລະອຽດບາງຢ່າງເພື່ອຊ່ວຍໃຫ້ຄົນຮັບຮູ້.",
+        "add_details_prompt_2": "ທ່ານສາມາດປ່ຽນສິ່ງເຫຼົ່ານີ້ໄດ້ທຸກເວລາ.",
+        "add_existing_rooms_description": "ເລືອກຫ້ອງ ຫຼື ເພີ່ມການສົນທະນາ. ນີ້ເປັນພຽງແຕ່ພື້ນທີ່ສໍາລັບທ່ານ, ບໍ່ມີໃຜຈະໄດ້ຮັບແຈ້ງການ. ທ່ານສາມາດເພີ່ມຕື່ມອີກໃນພາຍຫຼັງ.",
+        "add_existing_rooms_heading": "ທ່ານຕ້ອງການຈັດບໍ?",
+        "address_label": "ທີ່ຢູ່",
+        "address_placeholder": "ຕົວຢ່າງ: ພື້ນທີ່ຂອງຂ້ອຍ",
+        "done_action": "ໄປທີ່ພື້ນທີ່ຂອງຂ້ອຍ",
+        "done_action_first_room": "ໄປຫ້ອງທໍາອິດຂອງຂ້ອຍ",
+        "explainer": "Spaces ເປັນວິທີໃໝ່ໃນການຈັດກຸ່ມຫ້ອງ ແລະ ຄົນ. ທ່ານຕ້ອງການສ້າງ Space ປະເພດໃດ? ທ່ານສາມາດປ່ຽນອັນນີ້ໃນພາຍຫຼັງ.",
+        "failed_create_initial_rooms": "ການສ້າງພື້ນທີ່ຫ້ອງເບື້ອງຕົ້ນບໍ່ສຳເລັດ",
+        "failed_invite_users": "ການເຊີນຜູ້ໃຊ້ຕໍ່ໄປນີ້ໄປຫາພື້ນທີ່ຂອງທ່ານ: %(csvUsers)s ບໍ່ສຳເລັດ",
+        "invite_teammates_by_username": "ເຊີນໂດຍຊື່ຜູ້ໃຊ້",
+        "invite_teammates_description": "ໃຫ້ແນ່ໃຈວ່າບຸກຄົນທີ່ຖືກຕ້ອງມີການເຂົ້າເຖິງ. ທ່ານສາມາດເຊີນເພີ່ມເຕີມໄດ້ໃນພາຍຫຼັງ.",
+        "invite_teammates_heading": "ເຊີນເພື່ອນຮ່ວມທີມຂອງທ່ານ",
+        "label": "ສ້າງພື້ນທີ່",
+        "name_required": "ກະລຸນາໃສ່ຊື່ສໍາລັບຊ່ອງຫວ່າງ",
+        "personal_space": "ພຽງແຕ່ຂ້ອຍ",
+        "personal_space_description": "ຈັດພຶ້ນທີ່ຫ້ອງສ່ວນຕົວຂອງທ່ານ",
+        "private_description": "ເຊີນເທົ່ານັ້ນ, ດີທີ່ສຸດສຳລັບຕົວທ່ານເອງ ຫຼື ທີມງານ",
+        "private_heading": "ພື້ນທີ່ສ່ວນຕົວຂອງທ່ານ",
+        "private_personal_description": "ໃຫ້ແນ່ໃຈວ່າມີການເຂົ້າເຖິງໂດຍບຸກຄົນທີ່ຖືກຕ້ອງ %(name)s",
+        "private_personal_heading": "ທ່ານເຮັດວຽກກັບໃຜ?",
+        "private_space": "ຂ້ອຍ ແລະ ເພື່ອນຮ່ວມທີມ",
+        "private_space_description": "ພື້ນທີ່ສ່ວນຕົວສຳລັບທ່ານ ແລະ ເພື່ອນຮ່ວມທີມ",
+        "public_description": "ເປີດພື້ນທີ່ສໍາລັບທຸກຄົນ, ດີທີ່ສຸດສໍາລັບຊຸມຊົນ",
+        "public_heading": "ພື້ນທີ່ສາທາລະນະຂອງທ່ານ",
+        "setup_rooms_community_description": "ສ້າງຫ້ອງສໍາລັບແຕ່ລະຄົນ.",
+        "setup_rooms_community_heading": "ມີຫຍັງແດ່ທີ່ທ່ານຕ້ອງການທີ່ຈະສົນທະນາໃນ %(spaceName)s?",
+        "setup_rooms_description": "ທ່ານສາມາດເພີ່ມເຕີມໃນພາຍຫຼັງ, ລວມທັງອັນທີ່ມີຢູ່ແລ້ວ.",
+        "setup_rooms_private_description": "ພວກເຮົາຈະສ້າງແຕ່ລະຫ້ອງ.",
+        "setup_rooms_private_heading": "ທີມງານຂອງທ່ານເຮັດວຽກຢູ່ໃນໂຄງການໃດ?",
+        "share_description": "ສຳລັບທ່ານໃນເວລານີ້, ມັນຈະດີກວ່າກັບຄົນອື່ນ.",
+        "share_heading": "ແບ່ງປັນ %(name)s",
+        "skip_action": "ຂ້າມໄປດຽວນີ້",
+        "subspace_beta_notice": "ເພີ່ມພື້ນທີ່ໃສ່ພື້ນທີ່ທີ່ທ່ານຈັດການ.",
+        "subspace_dropdown_title": "ສ້າງພື້ນທີ່",
+        "subspace_existing_space_prompt": "ຕ້ອງການເພີ່ມພື້ນທີ່ທີ່ມີຢູ່ແທນບໍ?",
+        "subspace_join_rule_invite_description": "ມີແຕ່ຄົນທີ່ຖືກເຊີນເທົ່ານັ້ນທີ່ສາມາດຊອກຫາ ແລະເຂົ້າຮ່ວມພື້ນທີ່ນີ້ໄດ້.",
+        "subspace_join_rule_invite_only": "ພື້ນທີ່ສ່ວນຕົວ (ເຊີນເທົ່ານັ້ນ)",
+        "subspace_join_rule_label": "ການເບິ່ງເຫັນພຶ້ນທີ່",
+        "subspace_join_rule_public_description": "ທຸກຄົນຈະສາມາດຊອກຫາ ແລະເຂົ້າຮ່ວມພື້ນທີ່ນີ້, ບໍ່ພຽງແຕ່ສະມາຊິກຂອງ <SpaceName/> ເທົ່ານັ້ນ.",
+        "subspace_join_rule_restricted_description": "ທຸກຄົນໃນ <SpaceName/> ຈະສາມາດຊອກຫາ ແລະ ເຂົ້າຮ່ວມໄດ້."
+    },
+    "devtools": {
+        "active_widgets": "Widgets ທີ່ໃຊ້ງານຢູ່",
+        "category_other": "ອື່ນໆ",
+        "category_room": "ຫ້ອງ",
+        "caution_colon": "ຂໍ້ຄວນລະວັງ:",
+        "client_versions": "ລຸ້ນຂອງລູກຄ້າ",
+        "developer_mode": "ຮູບແບບນັກພັດທະນາ",
+        "developer_tools": "ເຄື່ອງມືພັດທະນາ",
+        "edit_setting": "ແກ້ໄຂການຕັ້ງຄ່າ",
+        "edit_values": "ແກ້ໄຂຄ່າ",
+        "empty_string": "<Empty string>",
+        "event_content": "ເນື້ອໃນວຽກ",
+        "event_id": "ກໍລິນີ ID %(eventId)s",
+        "event_sent": "ສົ່ງວຽກແລ້ວ!",
+        "event_type": "ປະເພດວຽກ",
+        "explore_account_data": "ສຳຫຼວດຂໍ້ມູນບັນຊີ",
+        "explore_room_account_data": "ສຳຫຼວດຂໍ້ມູນບັນຊີຫ້ອງ",
+        "explore_room_state": "ສຳຫຼວດສະຖານະຫ້ອງ",
+        "failed_to_find_widget": "ມີຄວາມຜິດພາດໃນການຊອກຫາວິດເຈັດນີ້.",
+        "failed_to_load": "ໂຫຼດບໍ່ສຳເລັດ.",
+        "failed_to_save": "ການບັນທຶກການຕັ້ງຄ່າບໍ່ສຳເລັດ.",
+        "failed_to_send": "ສົ່ງນັດໝາຍບໍ່ສຳເລັດ!",
+        "invalid_json": "ເບິ່ງຄືວ່າ JSON ບໍ່ຖືກຕ້ອງ.",
+        "level": "ລະດັບ",
+        "number_of_users": "ຈໍານວນຜູ້ໃຊ້",
+        "original_event_source": "ແຫຼ່ງຕົ້ນສະບັບ",
+        "room_id": "ID ຫ້ອງ: %(roomId)s",
+        "save_setting_values": "ບັນທຶກຄ່າການຕັ້ງຄ່າ",
+        "send_custom_account_data_event": "ສົ່ງຂໍ້ມູນບັນຊີແບບກຳນົດເອງທຸກເຫດການ",
+        "send_custom_room_account_data_event": "ສົ່ງຂໍ້ມູນບັນຊີຫ້ອງແບບກຳນົດເອງ",
+        "send_custom_state_event": "ສົ່ງທາງລັດແບບກຳນົດເອງ",
+        "send_custom_timeline_event": "ສົ່ງລາຍແບບກຳນົດເອງ",
+        "server_info": "ຂໍ້ມູນເຊີບເວີ",
+        "server_versions": "ເວີຊັ່ນເຊີບເວີ",
+        "settable_global": "ຕັ້ງຄ່າໄດ້ໃນທົ່ວໂລກ",
+        "settable_room": "ຕັ້ງຄ່າໄດ້ຢູ່ທີ່ຫ້ອງ",
+        "setting_colon": "ການຕັ້ງຄ່າ:",
+        "setting_definition": "ຄໍານິຍາມການຕັ້ງຄ່າ:",
+        "setting_id": "ການຕັ້ງຄ່າ ID",
+        "settings_explorer": "ການຕັ້ງຄ່າຕົວສຳຫຼວດ",
+        "show_hidden_events": "ສະແດງເຫດການທີ່ເຊື່ອງໄວ້ໃນທາມລາຍ",
+        "state_key": "ປຸມລັດ",
+        "title": "ເຄື່ອງມືພັດທະນາ",
+        "toolbox": "ກ່ອງເຄື່ອງມື",
+        "use_at_own_risk": "UI ນີ້ບໍ່ໄດ້ກວດເບິ່ງປະເພດຂອງຄ່າ. ໃຊ້ຢູ່ໃນຄວາມສ່ຽງຂອງທ່ານເອງ.",
+        "value": "ຄ່າ",
+        "value_colon": "ມູນຄ່າ:",
+        "value_in_this_room": "ຄ່າໃນຫ້ອງນີ້",
+        "value_this_room_colon": "ຄ່າໃນຫ້ອງນີ້:",
+        "values_explicit": "ຄຸນຄ່າໃນລະດັບທີ່ຊັດເຈນ",
+        "values_explicit_colon": "ຄ່າໃນລະດັບທີ່ຊັດເຈນ:",
+        "values_explicit_room": "ປະເມີນຄ່າໃນລະດັບທີ່ຊັດເຈນຢູ່ໃນຫ້ອງນີ້",
+        "values_explicit_this_room_colon": "ຄ່າໃນລະດັບທີ່ຊັດເຈນຢູ່ໃນຫ້ອງນີ້:",
+        "view_servers_in_room": "ເບິ່ງເຊີບເວີໃນຫ້ອງ",
+        "view_source_decrypted_event_source": "ບ່ອນທີ່ຖືກຖອດລະຫັດໄວ້",
+        "widget_screenshots": "ເປີດໃຊ້ widget ຖ່າຍໜ້າຈໍໃນ widget ທີ່ຮອງຮັບ"
+    },
+    "dialog_close_label": "ປິດກ່ອງໂຕ້ຕອບ",
+    "download_completed": "ດາວໂຫຼດສຳເລັດແລ້ວ",
+    "empty_room": "ຫ້ອງຫວ່າງ",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "ກະແຈຄວາມປອດໄພບໍ່ຖຶກຕ້ອງ"
+            },
+            "restoring": "ການຟື້ນຟູລະຫັດຈາກການສໍາຮອງຂໍ້ມູນ",
+            "security_key_title": "ກະແຈຄວາມປອດໄພ"
+        },
+        "bootstrap_title": "ການຕັ້ງຄ່າກະແຈ",
+        "confirm_encryption_setup_body": "ກົດທີ່ປຸ່ມຂ້າງລຸ່ມນີ້ເພື່ອຢືນຢັນການຕັ້ງຄ່າການເຂົ້າລະຫັດ.",
+        "confirm_encryption_setup_title": "ຢືນຢັນການຕັ້ງຄ່າການເຂົ້າລະຫັດ",
+        "cross_signing_room_normal": "ຫ້ອງນີ້ຖືກເຂົ້າລະຫັດແບບຕົ້ນທາງ-ເຖິງປາຍທາງ",
+        "cross_signing_room_verified": "ທຸກຄົນຢູ່ໃນຫ້ອງນີ້ໄດ້ຮັບການຢັ້ງຢືນແລ້ວ",
+        "cross_signing_room_warning": "ບາງຄົນກໍາລັງໃຊ້ເງື່ອນໄຂທີ່ບໍ່ຮູ້ຈັກ",
+        "cross_signing_user_normal": "ທ່ານຍັງບໍ່ໄດ້ຢືນຢັນຜູ້ໃຊ້ນີ້.",
+        "cross_signing_user_verified": "ທ່ານໄດ້ຢັ້ງຢືນຜູ້ໃຊ້ນີ້ແລ້ວ. ຜູ້ໃຊ້ນີ້ໄດ້ຢັ້ງຢືນທຸກເງິຶອນໄຂຂອງເຂົາເຈົ້າແລ້ວ.",
+        "cross_signing_user_warning": "ຜູ້ໃຊ້ນີ້ຍັງບໍ່ໄດ້ຢຶນຢັນການເຂົ້າຮ່ວມຂອງເຂົາເຈົ້າທັງຫມົດຂອງ.",
+        "event_shield_reason_authenticity_not_guaranteed": "ອຸປະກອນນີ້ບໍ່ສາມາດຮັບປະກັນຄວາມຖືກຕ້ອງຂອງຂໍ້ຄວາມທີ່ເຂົ້າລະຫັດນີ້ໄດ້.",
+        "event_shield_reason_mismatched_sender_key": "ເຂົ້າລະຫັດໂດຍພາກສ່ວນທີ່ບໍ່ໄດ້ຮັບການຢືນຢັນ",
+        "export_unsupported": "ບຣາວເຊີຂອງທ່ານບໍ່ຮອງຮັບການເພິ່ມເຂົ້າລະຫັດລັບທີ່ຕ້ອງການ",
+        "import_invalid_keyfile": "ບໍ່ແມ່ນ %(brand)s ຟຮາຍຫຼັກ ທີ່ຖືກຕ້ອງ",
+        "import_invalid_passphrase": "ການກວດສອບຄວາມຖືກຕ້ອງບໍ່ສຳເລັດ: ລະຫັດຜ່ານບໍ່ຖືກຕ້ອງ?",
+        "messages_not_secure": {
+            "cause_1": "homeserver ຂອງທ່ານ",
+            "cause_2": "homeserver ຜູ້ໃຊ້ທີ່ທ່ານກໍາລັງຢືນຢັນແມ່ນເຊື່ອມຕໍ່ກັບ",
+            "cause_3": "ຂອງທ່ານ, ຫຼື ການເຊື່ອມຕໍ່ອິນເຕີເນັດຂອງຜູ້ໃຊ້ອື່ນ",
+            "cause_4": "ຂອງທ່ານ , ຫຼື session ຂອງຜູ້ໃຊ້ອື່ນໆ",
+            "heading": "ຫນຶ່ງໃນຕໍ່ໄປນີ້ອາດຈະຖືກທໍາລາຍ:",
+            "title": "ຂໍ້ຄວາມຂອງທ່ານບໍ່ປອດໄພ"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "ກວດພົບປະໂຫຍກຄວາມປອດໄພໃໝ່ ແລະ ກະແຈສຳລັບຂໍ້ຄວາມທີ່ປອດໄພຖືກກວດພົບ.",
+            "description_2": "ລະບົບນີ້ກຳລັງເຂົ້າລະຫັດປະຫວັດໂດຍໃຊ້ວິທີການກູ້ຂໍ້ມູນໃໝ່.",
+            "title": "ວິທີການກູ້ຄືນໃຫມ່",
+            "warning": "ຖ້າທ່ານບໍ່ໄດ້ກຳນົດວິທີການກູ້ຄືນໃໝ່, ຜູ້ໂຈມຕີອາດຈະພະຍາຍາມເຂົ້າເຖິງບັນຊີຂອງທ່ານ. ປ່ຽນລະຫັດຜ່ານບັນຊີຂອງທ່ານ ແລະກຳນົດ ວິທີການກູ້ຄືນໃໝ່ທັນທີໃນການຕັ້ງຄ່າ."
+        },
+        "recovery_method_removed": {
+            "description_1": "ລະບົບນີ້ໄດ້ກວດພົບປະໂຫຍກຄວາມປອດໄພ ແລະ ກະແຈຂໍ້ຄວາມທີ່ປອດໄພຂອງທ່ານໄດ້ຖືກເອົາອອກແລ້ວ.",
+            "description_2": "ຖ້າທ່ານດຳເນີນການສິ່ງນີ້ໂດຍບໍ່ໄດ້ຕັ້ງໃຈ, ທ່ານສາມາດຕັ້ງຄ່າຄວາມປອດໄພຂອງຂໍ້ຄວາມ ໃນລະບົບນີ້ ເຊິ່ງຈະມີການເຂົ້າລະຫັດປະຫວັດຂໍ້ຄວາມຂອງລະບົບນີ້ຄືນໃໝ່ດ້ວຍຂະບວນການກູ້ຂໍ້ມູນໃໝ່.",
+            "title": "ວິທີລົບຂະບວນການກູ້ຄືນ",
+            "warning": "ຖ້າທ່ານບໍ່ໄດ້ລືບຂະບວນການກູ້ຄືນ, ຜູ້ໂຈມຕີອາດຈະພະຍາຍາມເຂົ້າເຖິງບັນຊີຂອງທ່ານ. ປ່ຽນລະຫັດຜ່ານບັນຊີຂອງທ່ານ ແລະ ກຳນົດຂະບວນການກູ້ຄືນໃໝ່ທັນທີໃນການຕັ້ງຄ່າ."
+        },
+        "set_up_toast_title": "ຕັ້ງຄ່າການສໍາຮອງຂໍ້ມູນທີ່ປອດໄພ",
+        "unable_to_setup_keys_error": "ບໍ່ສາມາດຕັ້ງຄ່າກະແຈໄດ້",
+        "verification": {
+            "accepting": "ກຳລັງຍອມຮັບ…",
+            "after_new_login": {
+                "device_verified": "ຢັ້ງຢືນອຸປະກອນແລ້ວ",
+                "skip_verification": "ຂ້າມການຢັ້ງຢືນດຽວນີ້",
+                "verify_this_device": "ຢັ້ງຢືນອຸປະກອນນີ້"
+            },
+            "cancelling": "ກຳລັງຍົກເລີກ…",
+            "complete_action": "ເຂົ້າໃຈແລ້ວ",
+            "complete_description": "ທ່ານໄດ້ຢັ້ງຢືນຜູ້ໃຊ້ນີ້ສຳເລັດແລ້ວ.",
+            "complete_title": "ຢືນຢັນແລ້ວ!",
+            "explainer": "ຂໍ້ຄວາມທີ່ປອດໄພກັບຜູ້ໃຊ້ນີ້ແມ່ນຖືກເຂົ້າລະຫັດແຕ່ຕົ້ນທາງເຖິງປາຍທາງ ແລະ ບໍ່ສາມາດອ່ານໄດ້ໂດຍພາກສ່ວນທີສາມ.",
+            "in_person": "ເພື່ອຄວາມປອດໄພ, ໃຫ້ເຮັດແນວນີ້ດ້ວຍຕົນເອງ ຫຼືໃຊ້ວິທີຕິດຕໍ່ສື່ສານທີ່ເຊື່ອຖືໄດ້.",
+            "incoming_sas_device_dialog_text_1": "ຢັ້ງຢືນອຸປະກອນນີ້ເພື່ອເປັນເຄື່ອງໝາຍ ໜ້າເຊື່ອຖືໄດ້. ການໄວ້ໃຈໃນອຸປະກອນນີ້ເຮັດໃຫ້ທ່ານ ແລະ ຜູ້ໃຊ້ອື່ນໆມີຄວາມອູ່ນໃນຈິດໃຈຫຼາຍຂຶ້ນເມື່ອເຂົ້າລະຫັດຂໍ້ຄວາມເເຕ່ຕົ້ນທາງຫາປາຍທາງ.",
+            "incoming_sas_device_dialog_text_2": "ການຢັ້ງຢືນອຸປະກອນນີ້ຈະເປັນເຄື່ອງໝາຍໜ້າເຊື່ອຖືໄດ້ ແລະ ຜູ້ໃຊ້ທີ່ໄດ້ຢັ້ງຢືນກັບທ່ານຈະເຊື່ອຖືອຸປະກອນນີ້.",
+            "incoming_sas_dialog_title": "ການຮ້ອງຂໍການຢັ້ງຢືນຂາເຂົ້າ",
+            "incoming_sas_user_dialog_text_1": "ຢັ້ງຢືນຜູ້ໃຊ້ນີ້ເພື່ອສ້າງເຄື່ອງທີ່ເຊື່ອຖືໄດ້. ຜູ້ໃຊ້ທີ່ເຊື່ອຖືໄດ້ ເຮັດໃຫ້ທ່ານອຸ່ນໃຈຂື້ນເມື່ຶຶອເຂົ້າລະຫັດຂໍ້ຄວາມແຕ່ຕົ້ນທາງເຖິງປາຍທາງ.",
+            "incoming_sas_user_dialog_text_2": "ການຢືນຢັນຜູ້ໃຊ້ນີ້ຈະເປັນເຄື່ອງໝາຍໃນລະບົບຂອງເຂົາເຈົ້າໜ້າເຊື່ອຖືໄດ້ ແລະ ເປັນເຄື່ອງໝາຍເຖິງລະບົບຂອງທ່ານ ເປັນທີ່ເຊື່ອຖືໄດ້ຕໍ່ກັບເຂົາເຈົ້າ.",
+            "no_support_qr_emoji": "ອຸປະກອນທີ່ທ່ານພະຍາຍາມກວດສອບບໍ່ຮອງຮັບການສະແກນລະຫັດ QR ຫຼື ການຢັ້ງຢືນ emoji, ຊຶ່ງເປັນສິ່ງທີ່%(brand)sສະຫນັບສະຫນູນ. ລອງໃຊ້ກັບລູກຄ້າອື່ນ.",
+            "other_party_cancelled": "ອີກຝ່າຍໄດ້ຍົກເລີກການຢັ້ງຢືນ.",
+            "prompt_encrypted": "ຢັ້ງຢືນຜູ້ໃຊ້ທັງໝົດຢູ່ໃນຫ້ອງເພື່ອຮັບປະກັນວ່າມີຄວາມປອດໄພ.",
+            "prompt_unencrypted": "ໃນຫ້ອງທີ່ເຂົ້າລະຫັດໄວ້, ໃຫ້ກວດສອບຜູ້ໃຊ້ທັງໝົດເພື່ອຮັບປະກັນວ່າປອດໄພ.",
+            "qr_prompt": "ສະແກນລະຫັດສະເພາະນີ້",
+            "qr_reciprocate_same_shield_user": "ໃກ້ສຳເລັດແລ້ວ! %(displayName)s ສະແດງການປ້ອງກັນແບບດຽວກັນບໍ?",
+            "request_toast_detail": "%(deviceId)s ຈາກ %(ip)s",
+            "sas_caption_self": "ຢືນຢັນອຸປະກອນນີ້ໂດຍການຢືນຢັນຕົວເລກຕໍ່ໄປນີ້ໃຫ້ປາກົດຢູ່ໃນຫນ້າຈໍຂອງມັນ.",
+            "sas_caption_user": "ຢືນຢັນຜູ້ໃຊ້ນີ້ໂດຍການຢືນຢັນຕົວເລກຕໍ່ໄປນີ້ໃຫ້ປາກົດຢູ່ໃນຫນ້າຈໍຂອງເຂົາເຈົ້າ.",
+            "sas_description": "ປຽບທຽບຊຸດ emoji ທີ່ເປັນເອກະລັກຖ້າຫາກທ່ານບໍ່ມີກ້ອງຖ່າຍຮູບຢູ່ໃນອຸປະກອນໃດໜຶ່ງ",
+            "sas_emoji_caption_user": "ຢືນຢັນຜູ້ໃຊ້ນີ້ໂດຍການຢືນຢັນemoji ຕໍ່ໄປນີ້ປາກົດຢູ່ໃນຫນ້າຈໍຂອງເຂົາເຈົ້າ.",
+            "sas_match": "ກົງກັນ",
+            "sas_no_match": "ບໍ່ກົງກັນ",
+            "sas_prompt": "ປຽບທຽບ emoji ທີ່ເປັນເອກະລັກ",
+            "scan_qr": "ຢືນຢັນໂດຍການສະແກນ",
+            "scan_qr_explainer": "ໃຫ້ %(displayName)s ສະແກນລະຫັດຂອງທ່ານ:",
+            "start_button": "ເລີ່ມການຢັ້ງຢືນ",
+            "successful_user": "ທ່ານໄດ້ຢືນຢັນສຳເລັດແລ້ວ %(displayName)s!",
+            "unsupported_method": "ບໍ່ສາມາດຊອກຫາວິທີການຢັ້ງຢືນທີ່ຮອງຮັບໄດ້.",
+            "unverified_session_toast_title": "ເຂົ້າສູ່ລະບົບໃໝ່. ນີ້ແມ່ນທ່ານບໍ?",
+            "unverified_sessions_toast_description": "ກວດສອບໃຫ້ແນ່ໃຈວ່າບັນຊີຂອງທ່ານປອດໄພ",
+            "unverified_sessions_toast_reject": "ຕໍ່ມາ",
+            "verification_dialog_title_device": "ຢືນຢັນອຸປະກອນອື່ນ",
+            "verification_dialog_title_user": "ການຮ້ອງຂໍການຢັ້ງຢືນ",
+            "verification_skip_warning": "ໂດຍບໍ່ມີການຢັ້ງຢືນ, ທ່ານຈະບໍ່ສາມາດເຂົ້າເຖິງຂໍ້ຄວາມທັງຫມົດຂອງທ່ານ ແລະ ອາດຈະປາກົດວ່າບໍ່ຫນ້າເຊື່ອຖື.",
+            "verification_success_with_backup": "ດຽວນີ້ອຸປະກອນໃໝ່ຂອງທ່ານໄດ້ຮັບການຢັ້ງຢືນແລ້ວ. ມີການເຂົ້າເຖິງຂໍ້ຄວາມທີ່ຖືກເຂົ້າລະຫັດຂອງທ່ານ, ແລະຜູ້ໃຊ້ອື່ນໆຈະເຫັນວ່າເປັນທີ່ເຊື່ອຖືໄດ້.",
+            "verification_success_without_backup": "ດຽວນີ້ອຸປະກອນໃໝ່ຂອງທ່ານໄດ້ຮັບການຢັ້ງຢືນແລ້ວ. ຜູ້ໃຊ້ອື່ນໆຈະເຫັນວ່າມັນເປັນທີ່ເຊື່ອຖືໄດ້.",
+            "verify_emoji": "ຢືນຢັນໂດຍ emoji",
+            "verify_emoji_prompt": "ຢັ້ງຢືນໂດຍການປຽບທຽບ emoji ທີ່ເປັນເອກະລັກ.",
+            "verify_emoji_prompt_qr": "ຖ້າທ່ານບໍ່ສາມາດສະແກນລະຫັດຂ້າງເທິງໄດ້, ໃຫ້ກວດສອບໂດຍການປຽບທຽບອີໂມຈິທີ່ເປັນເອກະລັກ.",
+            "verify_later": "ຂ້ອຍຈະກວດສອບພາຍຫຼັງ",
+            "waiting_for_user_accept": "ກຳລັງລໍຖ້າ %(displayName)s ຍອມຮັບ…",
+            "waiting_other_device": "ກຳລັງລໍຖ້າໃຫ້ທ່ານຢັ້ງຢືນໃນອຸປະກອນອື່ນຂອງທ່ານ…",
+            "waiting_other_device_details": "ກຳລັງລໍຖ້າໃຫ້ທ່ານກວດສອບໃນອຸປະກອນອື່ນຂອງທ່ານ, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "ກຳລັງລໍຖ້າ %(displayName)s ເພື່ອຢັ້ງຢືນ…"
+        },
+        "verification_requested_toast_title": "ຂໍການຢັ້ງຢືນ",
+        "verify_toast_description": "ຜູ້ໃຊ້ອື່ນໆອາດຈະບໍ່ໄວ້ວາງໃຈ",
+        "verify_toast_title": "ຢືນຢັນລະບົບນີ້"
+    },
+    "error": {
+        "admin_contact": "ກະລຸນາ <a>ຕິດຕໍ່ຜູ້ຄຸ້ມຄອງການບໍລິການຂອງທ່ານ</a> ເພື່ອສືບຕໍ່ໃຊ້ບໍລິການນີ້.",
+        "admin_contact_short": "ຕິດຕໍ່ <a>ຜູ້ເບິ່ງຄຸ້ມຄອງເຊີບເວີ</a> ຂອງທ່ານ.",
+        "app_launch_unexpected_error": "ເກີດຄວາມຜິດພາດທີ່ບໍ່ຄາດຄິດໃນການກະກຽມແອັບຯ. ເບິ່ງ console ສໍາລັບລາຍລະອຽດ.",
+        "cannot_load_config": "ບໍ່ສາມາດໂຫຼດໄຟລ໌ config ໄດ້: ກະລຸນາໂຫຼດໜ້ານີ້ຄືນໃໝ່ເພື່ອລອງອີກຄັ້ງ.",
+        "connection": "ມີບັນຫາໃນການສື່ສານກັບ homeserver, ກະລຸນາລອງໃໝ່ໃນພາຍຫຼັງ.",
+        "dialog_description_default": "ໄດ້ເກີດຂໍ້ຜິດພາດ.",
+        "edit_history_unsupported": "ເບິ່ງຄືວ່າ homeserver ຂອງທ່ານບໍ່ຮອງຮັບຄຸນສົມບັດນີ້.",
+        "failed_copy": "ສຳເນົາບໍ່ສຳເລັດ",
+        "hs_blocked": "homeserver ນີ້ຖືກບລັອກໂດຍຜູູ້ຄຸ້ມຄອງລະບົບ.",
+        "invalid_configuration_no_server": "ການຕັ້ງຄ່າບໍ່ຖືກຕ້ອງ: ບໍ່ໄດ້ລະບຸເຊີບເວີເລີ່ມຕົ້ນ.",
+        "invalid_json": "ການຕັ້ງຄ່າແອັບ Element ຂອງທ່ານມີຄ່າ JSON ທີ່ບໍ່ຖືກຕ້ອງ. ກະລຸນາແກ້ໄຂບັນຫາ ແລະໂຫຼດໜ້ານີ້ຄືນໃໝ່.",
+        "invalid_json_detail": "ຂໍ້ຄວາມຈາກຕົວປ່ຽນແມ່ນ: %(message)s",
+        "invalid_json_generic": "JSON ບໍ່ຖືກຕ້ອງ",
+        "mau": "homeserver ນີ້ຮອດຂີດຈຳກັດຂອງຜູ້ໃຊ້ປະຈຳເດືອນແລ້ວ.",
+        "misconfigured": "ການຕັ້ງຄ່າແອັບ Element ຂອງທ່ານບໍ່ຖືກຕ້ອງ",
+        "mixed_content": "ບໍ່ສາມາດເຊື່ອມຕໍ່ກັບ homeserver ຜ່ານ HTTP ເມື່ອ HTTPS URL ຢູ່ໃນບຣາວເຊີຂອງທ່ານ. ໃຊ້ HTTPS ຫຼື <a>ເປີດໃຊ້ສະຄຣິບທີ່ບໍ່ປອດໄພ</a>.",
+        "non_urgent_echo_failure_toast": "ເຊີບເວີຂອງທ່ານບໍ່ຕອບສະໜອງບາງ <a>ຄຳຮ້ອງຂໍ</a>.",
+        "resource_limits": "homeserverນີ້ໃຊ້ຊັບພະຍາກອນເກີນຂີດຈຳກັດຢ່າງໃດຢ່າງໜຶ່ງ.",
+        "session_restore": {
+            "clear_storage_button": "ລຶບບ່ອນຈັດເກັບຂໍ້ມູນ ແລະ ອອກຈາກລະບົບ",
+            "clear_storage_description": "ອອກຈາກລະບົບ ແລະ ລຶບລະຫັດການເຂົ້າລະຫັດອອກບໍ?",
+            "description_1": "ພວກເຮົາພົບຄວາມຜິດພາດໃນການພະຍາຍາມຟື້ນຟູພາກສ່ວນທີ່ຜ່ານມາຂອງທ່ານ.",
+            "description_2": "ຖ້າຫາກວ່າທ່ານເຄິຍໃຊ້ເວີຊັ້ນທີ່ໃໝ່ກວ່າຂອງ %(brand)s,ລະບົບຂອງທ່ານອາດຈະບໍ່ສອດຄ່ອງກັນໄດ້ກັບເວີຊັ້ນນີ້. ປິດໜ້າຕ່າງນີ້ແລ້ວກັບຄືນໄປຫາເວີຊັ້ນຫຼ້າສຸດ.",
+            "description_3": "ການລຶບລ້າງພື້ນທີ່ຈັດເກັບຂໍ້ມູນຂອງບຣາວເຊີຂອງທ່ານອາດຈະແກ້ໄຂບັນຫາໄດ້, ແຕ່ຈະເຮັດໃຫ້ທ່ານອອກຈາກລະບົບ ແລະ ເຮັດໃຫ້ປະຫວັດການສົນທະນາທີ່ເຂົ້າລະຫັດໄວ້ນັ້ນບໍ່ສາມາດອ່ານໄດ້.",
+            "title": "ບໍ່ສາມາດກູ້ລະບົບໄດ້"
+        },
+        "something_went_wrong": "ມີບາງຢ່າງຜິດພາດ!",
+        "storage_evicted_description_1": "ບາງຂໍ້ມູນໃນລະບົບ, ລວມທັງກະແຈຂໍ້ຄວາມທີ່ຖືກເຂົ້າລະຫັດ, ຫາຍໄປ. ອອກຈາກລະບົບ ແລະ ເຂົ້າສູ່ລະບົບເພື່ອແກ້ໄຂສິ່ງນີ້, ການກູ້ຄືນກະແຈຈາກການສໍາຮອງຂໍ້ມູນ.",
+        "storage_evicted_description_2": "ບຣາວເຊີຂອງທ່ານອາດຈະລຶບຂໍ້ມູນນີ້ອອກເມື່ອພື້ນທີ່ດິສກ໌ເຫຼືອໜ້ອຍ.",
+        "storage_evicted_title": "ບໍ່ມີຂໍ້ມູນໃນລະບົບ",
+        "tls": "ບໍ່ສາມາດເຊື່ອມຕໍ່ກັບ homeserver ໄດ້ - ກະລຸນາກວດສອບການເຊື່ອມຕໍ່ຂອງທ່ານ, ໃຫ້ແນ່ໃຈວ່າ <a>ການຢັ້ງຢືນ SSL ຂອງ homeserver</a> ຂອງທ່ານແມ່ນເຊື່ອຖືໄດ້ ແລະ ການຂະຫຍາຍບຣາວເຊີບໍ່ໄດ້ປິດບັງການຮ້ອງຂໍ.",
+        "unknown": "ຄວາມຜິດພາດທີ່ບໍ່ຮູ້ຈັກ",
+        "unknown_error_code": "ລະຫັດຜິດພາດທີ່ບໍ່ຮູ້ຈັກ",
+        "update_power_level": "ການປ່ຽນແປງລະດັບພະລັງງານບໍ່ສຳເລັດ"
+    },
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "ບໍ່ສາມາດສຳເນົາລິ້ງໄປຫາຫ້ອງໃສ່ຄລິບບອດໄດ້.",
+            "title": "ບໍ່ສາມາດສຳເນົາລິ້ງຫ້ອງໄດ້"
+        },
+        "error_loading_user_profile": "ບໍ່ສາມາດໂຫຼດໂປຣໄຟລ໌ຂອງຜູ້ໃຊ້ໄດ້",
+        "forget_room_failed": "ບໍ່ສາມາດລືມຫ້ອງ ໄດ້%(errCode)s"
+    },
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "ກຳລັງໂທຢູ່",
+            "user": "%(senderName)s ເຂົ້າຮ່ວມການໂທ",
+            "you": "ທ່ານເຂົ້າຮ່ວມການໂທ"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s ວາງສາຍ",
+            "you": "ທ່ານສິ້ນສຸດການໂທ"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s ກຳລັງໂທຫາ",
+            "dm_send": "ລໍຖ້າຄໍາຕອບ",
+            "user": "%(senderName)s ເລີ່ມໂທ",
+            "you": "ທ່ານເລີ່ມໂທ"
+        },
+        "m.emote": "* %(senderName)s%(emote)s"
+    },
+    "export_chat": {
+        "cancelled": "ຍົກເລີກການສົ່ງອອກ",
+        "cancelled_detail": "ຍົກເລີກການສົ່ງອອກສຳເລັດແລ້ວ",
+        "confirm_stop": "ທ່ານແນ່ໃຈບໍ່ວ່າຕ້ອງການຢຸດການສົ່ງອອກຂໍ້ມູນຂອງທ່ານ? ຖ້າທ່ານດຳເນິນການ, ທ່ານຈະຕ້ອງເລີ່ມຕົ້ນໃໝ່.",
+        "creator_summary": "%(creatorName)s ສ້າງຫ້ອງນີ້.",
+        "current_timeline": "ທາມລາຍປັດຈຸບັນ",
+        "enter_number_between_min_max": "ໃສ່ຕົວເລກລະຫວ່າງ %(min)s ແລະ %(max)s",
+        "error_fetching_file": "ເກີດຄວາມຜິດພາດໃນການດຶງໄຟລ໌",
+        "export_info": "ນີ້ແມ່ນຈຸດເລີ່ມຕົ້ນຂອງການສົ່ງອອກຂອງ <roomName/>. ສົ່ງອອກໂດຍ <exporterDetails/> ທີ່ %(exportDate)s.",
+        "export_successful": "ສົ່ງອອກສຳເລັດ!",
+        "exported_n_events_in_time": {
+            "one": "ສົ່ງອອກ %(count)s ເຫດການໃນ %(seconds)sວິນາທີ",
+            "other": "ສົ່ງອອກ %(count)s ເຫດການໃນ %(seconds)s ວິນາທີ"
+        },
+        "exporting_your_data": "ກຳລັງສົ່ງອອກຂໍ້ມູນຂອງທ່ານ",
+        "fetched_n_events": {
+            "one": "ດຶງເອົາເຫດການ %(count)s ຈົນເຖິງຕອນນັ້ນ",
+            "other": "ດຶງເອົາເຫດການ %(count)s ຈົນເຖິງຕອນນັ້ນ"
+        },
+        "fetched_n_events_in_time": {
+            "one": "ດຶງເອົາ %(count)s ໃນເຫດການ%(seconds)ss",
+            "other": "ດຶງເອົາເຫດການ %(count)s ໃນ %(seconds)s"
+        },
+        "fetched_n_events_with_total": {
+            "one": "ດຶງເອົາເຫດການ %(count)s ອອກຈາກ %(total)s ແລ້ວ",
+            "other": "ດຶງເອົາ %(count)sunt)s ເຫດການອອກຈາກ %(total)s"
+        },
+        "file_attached": "ແນບໄຟລ໌",
+        "format": "ຮູບແບບ",
+        "from_the_beginning": "ຕັ້ງແຕ່ເລີ່ມຕົ້ນ",
+        "generating_zip": "ການສ້າງ ZIP",
+        "include_attachments": "ລວມເອົາໄຟລ໌ຄັດຕິດ",
+        "media_omitted": "ລະເວັ້ນສື່ມິເດຍ",
+        "media_omitted_file_size": "ລະເວັ້ນສື່ - ຂະໜາດໄຟລ໌ເກີນຂີດຈຳກັດ",
+        "messages": "ຂໍ້ຄວາມ",
+        "num_messages": "ຈໍານວນຂໍ້ຄວາມ",
+        "num_messages_min_max": "ຈໍານວນຂໍ້ຄວາມສາມາດເປັນຕົວເລກລະຫວ່າງ %(min)s ແລະ %(max)s ເທົ່ານັ້ນ",
+        "number_of_messages": "ກຳນົດຈໍານວນຂໍ້ຄວາມ",
+        "processing_event_n": "ກຳລັງປະມວນຜົນເຫດການ %(number)s ຈາກທັງໝົດ %(total)s",
+        "select_option": "ເລືອກ ຕົວເລືອກຂ້າງລຸ່ມນີ້ເພື່ອສົ່ງອອກການສົນທະນາຈາກທາມລາຍຂອງທ່ານ",
+        "size_limit": "ຂະໜາດຈຳກັດ",
+        "size_limit_min_max": "ຂະໜາດສາມາດເປັນຕົວເລກລະຫວ່າງ %(min)s MB ແລະ %(max)s MB ເທົ່ານັ້ນ",
+        "size_limit_postfix": "ເມກາໄບ",
+        "successful": "ສົ່ງອອກສຳເລັດ",
+        "successful_detail": "ການສົ່ງອອກຂອງທ່ານສຳເລັດແລ້ວ. ຊອກຫາຢູ່ໃນໂຟນເດີການດາວໂຫຼດຂອງທ່ານ.",
+        "text": "ຂໍ້ຄວາມທຳມະດາ",
+        "title": "ສົ່ງອອກການສົນທະນາ",
+        "topic": "ຫົວຂໍ້: %(topic)s",
+        "unload_confirm": "ທ່ານແນ່ໃຈບໍ່ວ່າຕ້ອງການອອກໃນລະຫວ່າງການສົ່ງອອກນີ້?"
+    },
+    "failed_load_async_component": "ບໍ່ສາມາດໂຫຼດໄດ້! ກະລຸນາກວດເບິ່ງການເຊື່ອມຕໍ່ເຄືອຂ່າຍຂອງທ່ານ ແລະ ລອງໃໝ່ອີກຄັ້ງ.",
+    "feedback": {
+        "can_contact_label": "ທ່ານສາມາດຕິດຕໍ່ຂ້ອຍໄດ້ ຖ້າທ່ານມີຄໍາຖາມເພີ່ມເຕີມ",
+        "comment_label": "ຄໍາເຫັນ",
+        "existing_issue_link": "ກະລຸນາເບິ່ງ <existingIssuesLink>ຂໍ້ບົກຜ່ອງທີ່ມີຢູ່ແລ້ວໃນ Github</existingIssuesLink> ກ່ອນ. ບໍ່ກົງກັນບໍ? <newIssueLink>ເລີ່ມອັນໃໝ່</newIssueLink>.",
+        "may_contact_label": "ທ່ານສາມາດຕິດຕໍ່ຫາຂ້ອຍໄດ້ ຖ້າທ່ານຕ້ອງການຕິດຕາມ ຫຼືໃຫ້ຂ້ອຍທົດສອບແນວຄວາມຄິດທີ່ເກີດຂື້ນ",
+        "platform_username": "ແຟັດຟອມ ແລະ ຊື່ຜູ້ໃຊ້ຂອງທ່ານຈະຖືກບັນທຶກໄວ້ເພື່ອຊ່ວຍໃຫ້ພວກເຮົາໃຊ້ຄໍາຕິຊົມຂອງທ່ານເທົ່າທີ່ພວກເຮົາສາມາດເຮັດໄດ້.",
+        "pro_type": "PRO TIP: ຖ້າທ່ານເລີ່ມມີຂໍ້ຜິດພາດ, ກະລຸນາສົ່ງ <debugLogsLink>ບັນທຶກການແກ້ບັນຫາ</debugLogsLink> ເພື່ອຊ່ວຍພວກເຮົາຕິດຕາມບັນຫາ.",
+        "send_feedback_action": "ສົ່ງຄໍາຄິດເຫັນ",
+        "sent": "ສົ່ງຄຳຕິຊົມແລ້ວ"
+    },
+    "file_panel": {
+        "empty_description": "ແນບໄຟລ໌ຈາກການສົນທະນາ ຫຼື ພຽງແຕ່ລາກແລ້ວວາງມັນໄວ້ບ່ອນໃດກໍໄດ້ໃນຫ້ອງ.",
+        "empty_heading": "ບໍ່ມີໄຟລ໌ທີ່ເບິ່ງເຫັນຢູ່ໃນຫ້ອງນີ້",
+        "guest_note": "ທ່ານຕ້ອງ <a>ລົງທະບຽນ</a> ເພື່ອໃຊ້ຟັງຊັນນີ້",
+        "peek_note": "ທ່ານຕ້ອງເຂົ້າຮ່ວມຫ້ອງເພື່ອເບິ່ງໄຟລ໌"
+    },
+    "forward": {
+        "filter_placeholder": "ຊອກຫາຫ້ອງ ຫຼື ຄົນ",
+        "message_preview_heading": "ສະເເດງຕົວຢ່າງຂໍ້ຄວາມ",
+        "no_perms_title": "ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ເຮັດສິ່ງນີ້",
+        "open_room": "ເປີດຫ້ອງ",
+        "send_label": "ສົ່ງ",
+        "sending": "ກຳລັງສົ່ງ",
+        "sent": "ສົ່ງແລ້ວ"
+    },
+    "identity_server": {
+        "change": "ປ່ຽນຕົວເຊີບເວີ",
+        "change_prompt": "ຕັດການເຊື່ອມຕໍ່ຈາກເຊີບເວີ<current />ແລະ ເຊື່ອມຕໍ່ຫາ <new /> ແທນບໍ?",
+        "change_server_prompt": "ຖ້າຫາກວ່າທ່ານບໍ່ຕ້ອງການທີ່ຈະນໍາໃຊ້ <server /> ເພື່ອຄົ້ນຫາ ແລະ ສາມາດຄົ້ນຫາໂດຍການຕິດຕໍ່ທີ່ມີຢູ່ແລ້ວ, ເຂົ້າໄປໃນຕົວ server ອື່ນຂ້າງລຸ່ມນີ້.",
+        "checking": "ກຳລັງກວດສອບເຊີບເວີ",
+        "description_connected": "ຕອນນີ້ທ່ານກຳລັງໃຊ້ <server></server> ເພື່ອຄົ້ນຫາ ແລະ ສາມາດຄົ້ນຫາໄດ້ໂດຍຜູ້ຕິດຕໍ່ທີ່ມີຢູ່ແລ້ວ. ທ່ານສາມາດປ່ຽນເຊີບເວນຂອງທ່ານໄດ້ຂ້າງລຸ່ມນີ້.",
+        "description_disconnected": "ໃນປັດຈຸບັນທ່ານບໍ່ໄດ້ໃຊ້ເຊີບເວີ. ເພື່ອຄົ້ນຫາ ແລະ ສາມາດຄົ້ນຫາໄດ້ໂດຍຜູ້ຕິດຕໍ່ທີ່ມີຢູ່ແລ້ວ, ໃຫ້ເພີ່ມທີ່ຢຸ່ຂ້າງລຸ່ມນີ້.",
+        "description_optional": "ການນໍາໃຊ້ຕົວເຊີບເວີເປັນທາງເລືອກ. ຖ້າທ່ານເລືອກທີ່ຈະບໍ່ໃຊ້ຕົວເຊີບເວີ, ທ່ານຈະບໍ່ຖືກຄົ້ນພົບໂດຍຜູ້ໃຊ້ອື່ນ ແລະ ທ່ານຈະບໍ່ສາມາດເຊີນຜູ້ອື່ນໂດຍອີເມລ໌ຫຼືໂທລະສັບ.",
+        "disconnect": "ຕັດການເຊື່ອມຕໍ່ເຊີບເວີ",
+        "disconnect_anyway": "ຍົກເລີກການເຊື່ອມຕໍ່",
+        "disconnect_offline_warning": "ທ່ານຄວນ <b>ລຶບຂໍ້ມູນສ່ວນຕົວຂອງທ່ານ</b> ອອກຈາກເຊີບເວີ <idserver /> ກ່ອນທີ່ຈະຕັດການເຊື່ອມຕໍ່. ຂໍອະໄພ, ເຊີບເວີ <idserver /> ຢູ່ໃນຂະນະອອບລາຍຢູ່ ຫຼືບໍ່ສາມາດຕິດຕໍ່ໄດ້.",
+        "disconnect_personal_data_warning_1": "ທ່ານຍັງ <b>ແບ່ງປັນຂໍ້ມູນສ່ວນຕົວຂອງທ່ານ</b> ຢູ່ໃນເຊີບເວີ <idserver />.",
+        "disconnect_personal_data_warning_2": "ພວກເຮົາແນະນໍາໃຫ້ທ່ານເອົາທີ່ຢູ່ອີເມວ ແລະ ເບີໂທລະສັບຂອງທ່ານອອກຈາກເຊີບເວີກ່ອນທີ່ຈະຕັດການເຊື່ອມຕໍ່.",
+        "disconnect_server": "ຕັດການເຊື່ອມຕໍ່ຈາກເຊີບເວີ <idserver />?",
+        "disconnect_warning": "ການຕັດການເຊື່ອມຕໍ່ຈາກຕົວເຊີບເວີຂອງທ່ານຈະຫມາຍຄວາມວ່າທ່ານຈະບໍ່ຖືກຄົ້ນຫາໂດຍຜູ້ໃຊ້ອື່ນ ແລະ ທ່ານຈະບໍ່ສາມາດເຊີນຜູ້ອື່ນໂດຍອີເມລ໌ ຫຼື ໂທລະສັບ.",
+        "do_not_use": "ກະລຸນນາຢ່າໃຊ້ເຊີບເວີລະບຸຕົວຕົນ",
+        "error_connection": "ບໍ່ສາມາດເຊື່ອມຕໍ່ກັບເຊີບເວີໄດ້",
+        "error_invalid": "ບໍ່ແມ່ນເຊີບເວີທີ່ຖືກຕ້ອງ (ລະຫັດສະຖານະ %(code)s)",
+        "error_invalid_or_terms": "ບໍ່ຖືກຍອມຮັບເງື່ອນໄຂການໃຫ້ບໍລິການ ຫຼື ເຊີບເວີບໍ່ຖືກຕ້ອງ.",
+        "no_terms": "ເຊີບທີ່ທ່ານເລືອກບໍ່ມີເງື່ອນໄຂການບໍລິການໃດໆ.",
+        "suggestions": "ທ່ານຄວນ:",
+        "suggestions_1": "ກວດເບິ່ງ plugins ຂອງບ່ໜາວເຊີຂອງທ່ານສໍາລັບສິ່ງໃດແດ່ທີ່ອາດຈະກີດກັ້ນເຊີບເວີ (ເຊັ່ນ: ຄວາມເປັນສ່ວນຕົວ Badger)",
+        "suggestions_2": "ຕິດຕໍ່ຜູ້ຄຸ້ມຄອງເຊີບເວີ <idserver />",
+        "suggestions_3": "ລໍຖ້າແລ້ວລອງໃໝ່ໃນພາຍຫຼັງ",
+        "url": "ເຊີບເວີ %(server)s)",
+        "url_field_label": "ໃສ່ເຊີບເວີໃໝ່",
+        "url_not_https": "URL ເຊີບເວີຕ້ອງເປັນ HTTPS"
+    },
+    "incompatible_browser": {
+        "title": "ບໍ່ຮັບຮອງເວັບບຣາວເຊີນີ້"
+    },
+    "info_tooltip_title": "ຂໍ້ມູນ",
+    "integration_manager": {
+        "error_connecting": "ຜູ້ຈັດການການເຊື່ອມໂຍງແມ່ນອອບໄລນ໌ຫຼືບໍ່ສາມາດເຂົ້າຫາ homeserver ຂອງທ່ານໄດ້.",
+        "error_connecting_heading": "ບໍ່ສາມາດເຊື່ອມຕໍ່ກັບຕົວຈັດການການເຊື່ອມໂຍງໄດ້",
+        "explainer": "ຜູ້ຈັດການລວມລະບົບໄດ້ຮັບຂໍ້ມູນການຕັ້ງຄ່າ ແລະ ສາມາດແກ້ໄຂ widget, ສົ່ງການເຊີນຫ້ອງ ແລະ ກໍານົດລະດັບພະລັງງານໃນນາມຂອງທ່ານ.",
+        "manage_title": "ຈັດການການເຊື່ອມໂຍງ",
+        "use_im": "ໃຊ້ຕົວຈັດການການເຊື່ອມໂຍງເພື່ອຈັດການ bots, widget, ແລະຊຸດສະຕິກເກີ.",
+        "use_im_default": "ໃຊ້ຕົວຈັດການການເຊື່ອມໂຍງ <b>(%(serverName)s)</b> ເພື່ອຈັດການບັອດ, widgets, ແລະ ຊຸດສະຕິກເກີ."
+    },
+    "integrations": {
+        "disabled_dialog_title": "ການເຊື່ອມໂຍງຖືກປິດໃຊ້ງານ",
+        "impossible_dialog_description": "%(brand)s ຂອງທ່ານບໍ່ອະນຸຍາດໃຫ້ທ່ານໃຊ້ຕົວຈັດການການເຊື່ອມໂຍງເພື່ອເຮັດສິ່ງນີ້. ກະລຸນາຕິດຕໍ່ຫາຜູ້ຄຸ້ມຄອງລະບົບ.",
+        "impossible_dialog_title": "ບໍ່ອະນຸຍາດໃຫ້ປະສົມປະສານກັນ"
+    },
+    "invite": {
+        "email_caption": "ເຊີນທາງອີເມລ໌",
+        "email_use_default_is": "ໃຊ້ເຊີບເວີລະບຸຕົວຕົນເພື່ອເຊີນທາງອີເມວ. <default>ໃຊ້ຄ່າເລີ່ມຕົ້ນ (%(defaultIdentityServerName)s)</default> ຫຼືຈັດການໃນ <settings>Settings</settings>.",
+        "email_use_is": "ໃຊ້ເຊີບເວີທີ່ລະບຸຕົວຕົນເພື່ອເຊີນທາງອີເມວ. ຈັດການໃນ <settings>ການຕັ້ງຄ່າ</settings>.",
+        "error_already_invited_room": "ໄດ້ເຊີນຜູ້ໃຊ້ເຂົ້າຫ້ອງແລ້ວ",
+        "error_already_invited_space": "ຜູ້ໃຊ້ໄດ້ຖືກເຊີນເຂົ້າໄປໃນພຶ້ນທີ່ແລ້ວ",
+        "error_already_joined_room": "ຜູ້ໃຊ້ຢູ່ໃນຫ້ອງແລ້ວ",
+        "error_already_joined_space": "ຜູ້ໃຊ້ຢູ່ໃນພື້ນທີ່ແລ້ວ",
+        "error_bad_state": "ຜູ້ໃຊ້ຕ້ອງຍົກເລີກການຫ້າມກ່ອນທີ່ຈະສາມາດເຊີນໄດ້.",
+        "error_dm": "ພວກເຮົາບໍ່ສາມາດສ້າງ DM ຂອງທ່ານໄດ້.",
+        "error_find_room": "ມີບາງຢ່າງຜິດພາດໃນການພະຍາຍາມເຊີນຜູ້ໃຊ້.",
+        "error_find_user_description": "ຜູ້ໃຊ້ຕໍ່ໄປນີ້ອາດຈະບໍ່ມີຢູ່ ຫຼືບໍ່ຖືກຕ້ອງ ແລະ ບໍ່ສາມາດເຊີນໄດ້: %(csvNames)s",
+        "error_find_user_title": "ການຊອກຫາຜູ້ໃຊ້ຕໍ່ໄປນີ້ບໍ່ສຳເລັດ",
+        "error_invite": "ພວກເຮົາບໍ່ສາມາດເຊີນຜູ້ໃຊ້ເຫຼົ່ານັ້ນໄດ້. ກະລຸນາກວດເບິ່ງຜູ້ໃຊ້ທີ່ທ່ານຕ້ອງການເຊີນແລ້ວລອງໃໝ່.",
+        "error_permissions_room": "ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ເຊີນຄົນເຂົ້າຫ້ອງນີ້.",
+        "error_permissions_space": "ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ເຊີນຄົນເຂົ້າມາໃນພື້ນທີ່ນີ້.",
+        "error_profile_undisclosed": "ຜູ້ໃຊ້ອາດມີ ຫຼືບໍ່ມີຢູ່",
+        "error_transfer_multiple_target": "ໂທສາມາດໂອນໄປຫາຜູ້ໃຊ້ຄົນດຽວເທົ່ານັ້ນ.",
+        "error_unknown": "ຄວາມຜິດພາດຂອງເຊີບເວີທີ່ບໍ່ຮູ້ຈັກ",
+        "error_user_not_found": "ບໍ່ມີຜູ້ໃຊ້",
+        "error_version_unsupported_room": "homeserver ຂອງຜູ້ໃຊ້ບໍ່ຮອງຮັບເວີຊັນຂອງຫ້ອງ.",
+        "error_version_unsupported_space": "homeserver ຂອງຜູ້ໃຊ້ບໍ່ຮອງຮັບເວີຊັນຂອງພື້ນທີ່ດັ່ງກ່າວ.",
+        "failed_generic": "ການດໍາເນີນງານບໍ່ສຳເລັດ",
+        "failed_title": "ການເຊີນບໍ່ສຳເລັດ",
+        "invalid_address": "ບໍ່ຮັບຮູ້ທີ່ຢູ່",
+        "name_email_mxid_share_room": "ເຊີນຄົນທີ່ໃຊ້ຊື່ຂອງເຂົາເຈົ້າ, ທີ່ຢູ່ອີເມວ, ຊື່ຜູ້ໃຊ້ (ເຊັ່ນ <userId/>) ຫຼື <a>ແບ່ງປັນຫ້ອງນີ້</a>.",
+        "name_email_mxid_share_space": "ເຊີນບຸຄົນອຶ່ນໂດຍໃຊ້ຊື່, ທີ່ຢູ່ອີເມວ, ຊື່ຜູ້ໃຊ້ (ເຊັ່ນ<userId/> ຫຼື <a>share this space</a>.",
+        "name_mxid_share_room": "ເຊີນຄົນທີ່ໃຊ້ຊື່ຂອງເຂົາເຈົ້າ, ຊື່ຜູ້ໃຊ້ (ເຊັ່ນ <userId/>) ຫຼື <a>ແບ່ງປັນຫ້ອງນີ້</a>.",
+        "name_mxid_share_space": "ເຊີນຄົນທີ່ໃຊ້ຊື່ຂອງເຂົາເຈົ້າ, ຊື່ຜູ້ໃຊ້ (ເຊັ່ນ <userId/>) ຫຼື <a>ແບ່ງປັນພື້ນທີ່ນີ້</a>.",
+        "recents_section": "ການສົນທະນາທີ່ຜ່ານມາ",
+        "room_failed_partial": "ພວກເຮົາໄດ້ສົ່ງຄົນອື່ນແລ້ວ, ແຕ່ຄົນລຸ່ມນີ້ບໍ່ສາມາດໄດ້ຮັບເຊີນໃຫ້ເຂົ້າຮ່ວມ <RoomName/>",
+        "room_failed_partial_title": "ບໍ່ສາມາດສົ່ງບາງຄຳເຊີນໄດ້",
+        "room_failed_title": "ໃນການເຊີນຜູ້ໃຊ້ໄປຫາ %(roomName)s ບໍ່ສຳເລັດ",
+        "send_link_prompt": "ຫຼື ສົ່ງລິ້ງເຊີນ",
+        "start_conversation_name_email_mxid_prompt": "ເລີ່ມການສົນທະນາກັບບາງຄົນໂດຍໃຊ້ຊື່, ທີ່ຢູ່ອີເມວ ຫຼື ຊື່ຜູ້ໃຊ້ຂອງເຂົາເຈົ້າ (ເຊັ່ນ: <userId/>).",
+        "start_conversation_name_mxid_prompt": "ເລີ່ມການສົນທະນາກັບບາງຄົນໂດຍໃຊ້ຊື່ ຫຼື ຊື່ຜູ້ໃຊ້ຂອງເຂົາເຈົ້າ (ເຊັ່ນ: <userId/>).",
+        "suggestions_disclaimer": "ບາງຄໍາແນະນໍາອາດຈະຖືກເຊື່ອງໄວ້ເພື່ອຄວາມເປັນສ່ວນຕົວ.",
+        "suggestions_disclaimer_prompt": "ຖ້າທ່ານບໍ່ສາມາດເຫັນຜູ້ທີ່ທ່ານກໍາລັງຊອກຫາ, ໃຫ້ສົ່ງລິ້ງເຊີນຂອງເຈົ້າຢູ່ລຸ່ມນີ້ໃຫ້ເຂົາເຈົ້າ.",
+        "suggestions_section": "ຂໍ້ຄວາມໂດຍກົງເມື່ອບໍ່ດົນມານີ້",
+        "to_room": "ຊີນໄປຫາ %(roomName)s",
+        "to_space": "ຊີນໄປທີ່ %(spaceName)s",
+        "transfer_dial_pad_tab": "ປຸ່ມກົດ",
+        "transfer_user_directory_tab": "ບັນຊີຜູ້ໃຊ້",
+        "unable_find_profiles_description_default": "ບໍ່ສາມາດຊອກຫາໂປຣໄຟລ໌ສຳລັບ Matrix IDs ທີ່ລະບຸໄວ້ຂ້າງລຸ່ມນີ້ - ທ່ານຕ້ອງການເຊີນເຂົາເຈົ້າບໍ່?",
+        "unable_find_profiles_invite_label_default": "ເຊີນເລີຍ",
+        "unable_find_profiles_invite_never_warn_label_default": "ເຊີນເລີຍ ແລະ ບໍ່ເຄີຍເຕືອນຂ້ອຍອີກ",
+        "unable_find_profiles_title": "ຜູ້ໃຊ້ຕໍ່ໄປນີ້ອາດຈະບໍ່ມີຢູ່"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> ແລະ ອີກນຶ່ງລາຍການ",
+        "other": "<Items/> ແລະ %(count)s ອື່ນໆ"
+    },
+    "keyboard": {
+        "activate_button": "ເປີດໃຊ້ປຸ່ມທີ່ເລືອກ",
+        "alt": "ປູ່ມ Alt",
+        "autocomplete_cancel": "ຍົກເລີກການຕື່ມຂໍ້ມູນອັດຕະໂນມັດ",
+        "autocomplete_force": "ບັງຄັບໃຫ້ສໍາເລັດ",
+        "autocomplete_navigate_next": "ການແນະນຳການຕື່ມຂໍ້ມູນອັດຕະໂນມັດ ໂຕຕໍ່ໄປ",
+        "autocomplete_navigate_prev": "ຄຳແນະນຳການຕື່ມຂໍ້ມູນອັດຕະໂນມັດທີ່ຜ່ານມາ",
+        "backspace": "ປຸ່ມກົດລຶບ",
+        "cancel_reply": "ຍົກເລີກການຕອບກັບຂໍ້ຄວາມ",
+        "category_autocomplete": "ຕື່ມຂໍ້ມູນອັດຕະໂນມັດ",
+        "category_calls": "ໂທ",
+        "category_navigation": "ການນໍາທາງ",
+        "category_room_list": "ລາຍການຫ້ອງ",
+        "close_dialog_menu": "ປິດກ່ອງໂຕ້ຕອບ ຫຼື ຫົວຂໍ້ລາຍການ",
+        "composer_jump_end": "ໄປຫາຈຸດສິ້ນສຸດຂອງການສ້າງຂໍ້ຄວາມ",
+        "composer_jump_start": "ໄປຈຸດເລີ່ມຕົ້ນຂອງການສ້າງຂໍ້ຄວາມ",
+        "composer_navigate_next_history": "ໄປທີ່ຂໍ້ຄວາມທັດໄປໃນປະຫວັດຂໍ້ຄວາມ",
+        "composer_navigate_prev_history": "ໄປທີ່ຂໍ້ຄວາມກ່ອນໜ້ານີ້ໃນປະຫວັດການສ້າງຂໍ້ຄວາມ",
+        "composer_new_line": "ແຖວໃໝ່",
+        "composer_redo": "ແກ້ໄຂຄືນໃໝ່",
+        "composer_toggle_bold": "ສະຫຼັບຕົວໜາ",
+        "composer_toggle_code_block": "ສະຫຼັບລະຫັດບລັອກ",
+        "composer_toggle_italics": "ສະຫຼັບຕົວອຽງ",
+        "composer_toggle_link": "ສະຫຼັບລິ້ງ",
+        "composer_toggle_quote": "ສະຫຼັບວົງຢືມ",
+        "composer_undo": "ຍົກເລີກການແກ້ໄຂ",
+        "control": "ປຸ່ມ Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "ປິດເຄື່ອງໝາຍການອ່ານ ແລະ ຂ້າມໄປດ້ານລຸ່ມສຸດ",
+        "end": "ສິ້ນສຸດ",
+        "enter": "ເຂົ້າສູ່",
+        "escape": "ປູ່ມກົດອອກ",
+        "go_home_view": "ໄປທີ່ທຳອິດ",
+        "home": "ໜ້າຫຼັກ",
+        "jump_first_message": "ໄປຫາຂໍ້ຄວາມທຳອິດ",
+        "jump_last_message": "ໄປຫາຂໍ້ຄວາມສຸດທ້າຍ",
+        "jump_room_search": "ໄປຫາຫ້ອງທີ່ຄົ້ນຫາ",
+        "jump_to_read_marker": "ໄປຫາຂໍ້ຄວາມເກົ່າແກ່ທີ່ສຸດທີ່ຍັງບໍ່ໄດ້ອ່ານ",
+        "keyboard_shortcuts_tab": "ເປີດແຖບການຕັ້ງຄ່ານີ້",
+        "navigate_next_history": "ຫ້ອງຫຼືພື້ນທີ່ຢ້ຽມຊົມຄັ້ງລ່າສຸດ",
+        "navigate_next_message_edit": "ໄປທີ່ຂໍ້ຄວາມທັດໄປເພື່ອແກ້ໄຂ",
+        "navigate_prev_history": "ຫ້ອງຫຼືພື້ນທີ່ຢ້ຽມຊົມກ່ອນໜ້ານີ້",
+        "navigate_prev_message_edit": "ໄປທີ່ຂໍ້ຄວາມກ່ອນໜ້າເພື່ອແກ້ໄຂ",
+        "next_room": "ຫ້ອງທັດໄປ ຫຼື DM",
+        "next_unread_room": "ຫ້ອງທັດໄປທີ່ຍັງບໍ່ໄດ້ອ່ານ ຫຼື DM",
+        "number": "[ຕົວເລກ]",
+        "open_user_settings": "ເປີດການຕັ້ງຄ່າຜູ້ໃຊ້",
+        "page_down": "ເລື່ອນໜ້າລົງ",
+        "page_up": "ເລື່ອນຂື້ນເທິງ",
+        "prev_room": "ຫ້ອງກ່ອນໜ້າ ຫຼື DM",
+        "prev_unread_room": "ຫ້ອງສົນທະນາທີ່ຍັງບໍ່ໄດ້ອ່ານກ່ອນໜ້າ ຫຼື DM",
+        "room_list_collapse_section": "ຫຍໍ້ພາກສ່ວນລາຍຊື່ຫ້ອງ",
+        "room_list_expand_section": "ຂະຫຍາຍພາກສ່ວນລາຍຊື່ຫ້ອງ",
+        "room_list_navigate_down": "ເລື່ອນລາຍການຫ້ອງລົງມາ",
+        "room_list_navigate_up": "ເລື່ອນລາຍຊື່ຫ້ອງຂຶ້ນໄປ",
+        "room_list_select_room": "ເລືອກຫ້ອງຕາມລາຍຊື່ຫ້ອງ",
+        "scroll_down_timeline": "ເລື່ອນທາມລາຍລົງມາ",
+        "scroll_up_timeline": "ເລື່ອນຂຶ້ນໃນທາມລາຍ",
+        "search": "ການຄົ້ນຫາ (ຕ້ອງເປີດໃຊ້ງານ)",
+        "send_sticker": "ສົ່ງສະຕິກເກີ",
+        "shift": "ປຸ່ມShift",
+        "space": "ຍະຫວ່າງ",
+        "switch_to_space": "ສະຫຼັບໄປໃສ່ພຶ້ນທີ່ຕາມຕົວເລກ",
+        "toggle_hidden_events": "ສະຫຼັບການເບິ່ງເຫັນທີ່ເຊື່ອງໄວ້",
+        "toggle_microphone_mute": "ປິດສຽງໄມໂຄຣໂຟນ",
+        "toggle_right_panel": "ສະຫຼັບແຜງດ້ານຂວາ",
+        "toggle_space_panel": "ສະຫຼັບແຖບພື້ນທີ່",
+        "toggle_top_left_menu": "ສະຫຼັບເມນູດ້ານຊ້າຍຂ້າງເທິງ",
+        "toggle_webcam_mute": "ເປີດ/ປິດ webcam",
+        "upload_file": "ອັບໂຫຼດໄຟລ໌"
+    },
+    "labs": {
+        "beta_feature": "ນີ້ແມ່ນຄຸນສົມບັດເບຕ້າ",
+        "beta_feedback_leave_button": "ເພື່ອອອກຈາກເບຕ້າ, ໃຫ້ເຂົ້າໄປທີ່ການຕັ້ງຄ່າຂອງທ່ານ.",
+        "beta_feedback_title": "%(featureName)s ຄຳຕິຊົມເບຕ້າ",
+        "bridge_state": "ສະແດງຂໍ້ມູນກ່ຽວກັບການແກ້ໄຂການຕັ້ງຄ່າຫ້ອງ",
+        "bridge_state_channel": "ຊ່ອງ: <channelLink/>",
+        "bridge_state_creator": "ຂົວນີ້ຖືກສະໜອງໃຫ້ໂດຍ <user />.",
+        "bridge_state_manager": "ຂົວນີ້ຖືກຄຸ້ມຄອງໂດຍ <user />.",
+        "bridge_state_workspace": "ພື້ນທີ່ເຮັດວຽກ: <networkLink/>",
+        "click_for_info": "ກົດສຳລັບຂໍ້ມູນເພີ່ມເຕີມ",
+        "custom_themes": "ສະຫນັບສະຫນູນການເພີ່ມຫົວຂໍ້ ທີ່ກຳນົດເອງ",
+        "group_developer": "ນັກພັດທະນາ",
+        "group_encryption": "ການເຂົ້າລະຫັດ",
+        "group_experimental": "ທົດລອງ",
+        "group_messaging": "ການສົ່ງຂໍ້ຄວາມ",
+        "group_moderation": "ປານກາງ",
+        "group_profile": "ໂປຣໄຟລ໌",
+        "group_rooms": "ຫ້ອງ",
+        "group_spaces": "ພື້ນທີ່",
+        "group_themes": "ຫົວຂໍ້",
+        "group_threads": "ກະທູ້",
+        "group_voip": "ສຽງ & ວິດີໂອ",
+        "group_widgets": "ວິດເຈັດ",
+        "join_beta": "ເຂົ້າຮ່ວມເບຕ້າ",
+        "jump_to_date": "ໄປຫາວັນທີ (ເພີ່ມ /jumptodate ແລະໄປຫາຫົວຂໍ້ວັນທີ)",
+        "latex_maths": "ສະແດງຜົນຄະນິດສາດ LaTeX ໃນຂໍ້ຄວາມ",
+        "leave_beta": "ອອກຈາກເບຕ້າ",
+        "msc3531_hide_messages_pending_moderation": "ໃຫ້ຜູ້ຄວບຄຸມການເຊື່ອງຂໍ້ຄວາມທີ່ລໍຖ້າການກັ່ນຕອງ."
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ ການຕັ້ງຄ່າເຫຼົ່ານີ້ແມ່ນຫມາຍເຖິງຜູ້ໃຊ້ຂັ້ນສູງ.",
+        "ban_reason": "ບໍ່ສົນໃຈ/ຖືກບລັອກ",
+        "error_adding_ignore": "ເກີດຄວາມຜິດພາດໃນການເພີ່ມຜູ້ໃຊ້/ເຊີບເວີທີ່ລະເລີຍ",
+        "error_adding_list_description": "ກະລຸນາຢັ້ງຢືນ ID ຫ້ອງ ຫຼື ທີ່ຢູ່ ແລ້ວລອງໃໝ່ອີກຄັ້ງ.",
+        "error_adding_list_title": "ເກີດຄວາມຜິດພາດໃນການຕິດຕາມລາຍຊື່",
+        "error_removing_ignore": "ເກີດຄວາມຜິດພາດໃນການລຶບຜູ້ໃຊ້/ເຊີບເວີທີ່ລະເລີຍອອກ",
+        "error_removing_list_description": "ກະລຸນາລອງອີກຄັ້ງ ຫຼື ເບິ່ງ console ຂອງທ່ານເພື່ອຂໍຄຳແນະນຳ.",
+        "error_removing_list_title": "ເກີດຄວາມຜິດພາດໃນການຍົກເລີກການຕິດຕາມລາຍຊື່",
+        "explainer_1": "ເພີ່ມຜູ້ໃຊ້ ແລະເຊີບເວີທີ່ທ່ານບໍ່ສົນໃຈໃນທີ່ນີ້. ໃຊ້ເຄື່ອງໝາຍດາວເພື່ອໃຫ້ %(brand)s ກົງກັບຕົວອັກສອນໃດນຶ່ງ. ຕົວຢ່າງ, <code>@bot:*</code> ຈະບໍ່ສົນໃຈຜູ້ໃຊ້ທັງໝົດທີ່ມີຊື່ 'bot' ຢູ່ໃນເຊີບເວີໃດນຶ່ງ.",
+        "explainer_2": "ການລະເວັ້ນຜູ້ຄົນແມ່ນເຮັດໄດ້ຜ່ານບັນຊີລາຍຊື່ການຫ້າມທີ່ມີກົດລະບຽບສໍາລັບທຸກຄົນທີ່ຈະຫ້າມ. ການສະໝັກໃຊ້ບັນຊີລາຍການຫ້າມໝາຍຄວາມວ່າຜູ້ໃຊ້/ເຊີບເວີທີ່ຖືກບລັອກໂດຍລາຍຊື່ນັ້ນຈະຖືກເຊື່ອງໄວ້ຈາກທ່ານ.",
+        "lists": "ປະຈຸບັນທ່ານສະໝັກໃຊ້:",
+        "lists_description_1": "ການສະໝັກບັນຊີລາຍການຫ້າມຈະເຮັດໃຫ້ທ່ານເຂົ້າຮ່ວມ!",
+        "lists_description_2": "ຖ້າສິ່ງນີ້ບໍ່ແມ່ນສິ່ງທີ່ທ່ານຕ້ອງການ, ກະລຸນາໃຊ້ເຄື່ອງມືອື່ນເພື່ອລະເວັ້ນຜູ້ໃຊ້.",
+        "lists_heading": "ລາຍຊື່ທີ່ສະໝັກແລ້ວ",
+        "lists_new_label": "IDຫ້ອງ ຫຼື ທີ່ຢູ່ຂອງລາຍການຫ້າມ",
+        "no_lists": "ເຈົ້າຍັງບໍ່ໄດ້ສະໝັກໃຊ້ລາຍການໃດໆ",
+        "personal_empty": "ເຈົ້າຍັງບໍ່ໄດ້ລະເລີຍຜູ້ໃດຜູ້ໜຶ່ງ.",
+        "personal_heading": "ບັນຊີລາຍຊື່ການຫ້າມສ່ວນບຸກຄົນ",
+        "personal_new_label": "ເຊີບເວີ ຫຼື ID ຜູ້ໃຊ້ທີ່ຍົກເວັ້ນ",
+        "personal_new_placeholder": "ຕົວຢ່າງ: @bot:* ຫຼື example.org",
+        "personal_section": "ຕອນນີ້ທ່ານກຳລັງລະເລີຍ:",
+        "room_name": "ບັນຊີລາຍຊື່ການຫ້າມຂອງຂ້ອຍ",
+        "room_topic": "ນີ້ແມ່ນບັນຊີລາຍຊື່ຜູ້ໃຊ້ / ເຊີບເວີຂອງທ່ານທີ່ທ່ານໄດ້ບລັອກ - ຢ່າອອກຈາກຫ້ອງ!",
+        "rules_empty": "ບໍ່ມີ",
+        "rules_server": "ກົດລະບຽບຂອງ ເຊີບເວີ",
+        "rules_title": "ກົດລະບຽບຂອງລາຍຊື່ຕ້ອງຫ້າມ-%(roomName)s",
+        "rules_user": "ກົດລະບຽບຂອງຜູ້ໃຊ້",
+        "something_went_wrong": "ມີບາງຢ່າງຜິດພາດ. ກະລຸນາລອງອີກຄັ້ງ ຫຼື ເບິ່ງ console ຂອງທ່ານເພື່ອຂໍຄຳແນະນຳ.",
+        "title": "ຜູ້ໃຊ້ຖືກຍົກເວັ້ນ",
+        "view_rules": "ເບິ່ງກົດລະບຽບ"
+    },
+    "language_dropdown_label": "ເລື່ອນພາສາລົງ",
+    "leave_room_dialog": {
+        "last_person_warning": "ເຈົ້າເປັນພຽງຄົນດຽວຢູ່ທີ່ນີ້. ຖ້າທ່ານອອກໄປ, ບໍ່ມີໃຜຈະສາມາດເຂົ້າຮ່ວມໃນອະນາຄົດໄດ້, ລວມທັງທ່ານ.",
+        "leave_room_question": "ທ່ານແນ່ໃຈບໍ່ວ່າຕ້ອງການອອກຈາກຫ້ອງ '%(roomName)s'?",
+        "leave_space_question": "ທ່ານແນ່ໃຈບໍ່ວ່າຕ້ອງການອອກຈາກພື້ນທີ່ '%(spaceName)s'?",
+        "room_rejoin_warning": "ຫ້ອງນີ້ບໍ່ແມ່ນສາທາລະນະ. ທ່ານຈະບໍ່ສາມາດເຂົ້າຮ່ວມຄືນໃໝ່ໄດ້ໂດຍບໍ່ມີການເຊີນ.",
+        "space_rejoin_warning": "ພື້ນທີ່ນີ້ບໍ່ແມ່ນສາທາລະນະ. ທ່ານຈະບໍ່ສາມາດເຂົ້າຮ່ວມຄືນໃໝ່ໄດ້ໂດຍບໍ່ມີການເຊີນ."
+    },
+    "lightbox": {
+        "rotate_left": "ໝຸນດ້ານຊ້າຍ",
+        "rotate_right": "ໝຸນດ້ານຂວາ"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "homeserver ນີ້ບໍ່ໄດ້ຕັ້ງຄ່າເພື່ອສະແດງແຜນທີ່.",
+        "MapStyleUrlNotReachable": "homeserver ນີ້ບໍ່ໄດ້ຖືກຕັ້ງຄ່າຢ່າງຖືກຕ້ອງເພື່ອສະແດງແຜນທີ່, ຫຼື ເຊີບເວີແຜນທີ່ ທີ່ຕັ້ງໄວ້ອາດຈະບໍ່ສາມາດຕິດຕໍ່ໄດ້.",
+        "click_drop_pin": "ກົດເພື່ອວາງປັກໝຸດ",
+        "click_move_pin": "ກົດເພື່ອຍ້າຍ PIN",
+        "close_sidebar": "ປິດແຖບດ້ານຂ້າງ",
+        "error_fetch_location": "ບໍ່ສາມາດດຶງຂໍ້ມູນສະຖານທີ່ໄດ້",
+        "error_send_description": "%(brand)s ບໍ່ສາມາດສົ່ງສະຖານທີ່ຂອງທ່ານໄດ້. ກະລຸນາລອງໃໝ່ໃນພາຍຫຼັງ.",
+        "error_send_title": "ພວກເຮົາບໍ່ສາມາດສົ່ງສະຖານທີ່ຂອງທ່ານໄດ້",
+        "error_sharing_live_location": "ພົບບັນຫາຕອນກຳລັງແບ່ງປັນຈຸດພິກັດຂອງທ່ານ",
+        "error_stopping_live_location": "ເກີດຄວາມຜິດພາດໃນຂະນະທີ່ຢຸດສະຖານທີ່ສະຖານທີ່ຂອງທ່ານ",
+        "expand_map": "ຂະຫຍາຍແຜນທີ່",
+        "failed_generic": "ດຶງຂໍ້ມູນສະຖານທີ່ຂອງທ່ານບໍ່ສຳເລັດ. ກະລຸນາລອງໃໝ່ໃນພາຍຫຼັງ.",
+        "failed_load_map": "ບໍ່ສາມາດໂຫຼດແຜນທີ່ໄດ້",
+        "failed_permission": "%(brand)s ຖືກປະຕິເສດການອະນຸຍາດໃຫ້ດຶງຂໍ້ມູນສະຖານທີ່ຂອງທ່ານ. ກະລຸນາອະນຸຍາດໃຫ້ເຂົ້າເຖິງສະຖານທີ່ໃນການຕັ້ງຄ່າບຣາວເຊີຂອງທ່ານ.",
+        "failed_timeout": "ໝົດເວລາດຶງຂໍ້ມູນສະຖານທີ່ຂອງທ່ານ. ກະລຸນາລອງໃໝ່ໃນພາຍຫຼັງ.",
+        "failed_unknown": "ການດຶງຂໍ້ມູນສະຖານທີ່ເກີດຄວາມຜິດພາດທີ່ບໍ່ຮູ້ຈັກ. ກະລຸນາລອງໃໝ່ໃນພາຍຫຼັງ.",
+        "live_description": "ສະຖານທີ່ປັດຈຸບັນຂອງ %(displayName)s",
+        "live_enable_description": "ກະລຸນາບັນທຶກ: ນີ້ແມ່ນຄຸນສົມບັດຫ້ອງທົດລອງການນໍາໃຊ້ການປະຕິບັດຊົ່ວຄາວ. ນີ້ຫມາຍຄວາມວ່າທ່ານຈະບໍ່ສາມາດລຶບປະຫວັດສະຖານທີ່ຂອງທ່ານໄດ້, ແລະ ຜູ້ໃຊ້ຂັ້ນສູງຈະສາມາດເຫັນປະຫວັດສະຖານທີ່ຂອງທ່ານເຖິງແມ່ນວ່າຫຼັງຈາກທີ່ທ່ານຢຸດການແບ່ງປັນສະຖານທີ່ປັດຈຸບັນຂອງທ່ານກັບຫ້ອງນີ້.",
+        "live_enable_heading": "ການແບ່ງປັນສະຖານທີ່ປັດຈຸບັນ",
+        "live_location_active": "ທ່ານກໍາລັງແບ່ງປັນສະຖານທີ່ປັດຈຸບັນຂອງທ່ານ",
+        "live_location_enabled": "ເປີດໃຊ້ສະຖານທີປັດຈຸບັນແລ້ວ",
+        "live_location_ended": "ສະຖານທີ່ປັດຈຸບັນສິ້ນສຸດລົງແລ້ວ",
+        "live_location_error": "ສະຖານທີ່ປັດຈຸບັນຜິດພາດ",
+        "live_locations_empty": "ບໍ່ມີສະຖານທີ່ປັດຈູບັນ",
+        "live_share_button": "ແບ່ງປັນເປັນ %(duration)s",
+        "live_toggle_label": "ເປີດໃຊ້ການແບ່ງປັນສະຖານທີ່ປັດຈຸບັນ",
+        "live_until": "ຢູ່ຈົນກ່ວາ %(expiryTime)s",
+        "live_update_time": "ອັບເດດ %(humanizedUpdateTime)s",
+        "share_button": "ແບ່ງປັນສະຖານທີ່",
+        "share_type_live": "ສະຖານທີ່ຂອງຂ້ອຍ",
+        "share_type_own": "ສະຖານທີ່ປະຈຸບັນຂອງຂ້ອຍ",
+        "share_type_pin": "ປັກໝຸດ",
+        "share_type_prompt": "ທ່ານຕ້ອງການແບ່ງປັນສະຖານທີ່ປະເພດໃດ?"
+    },
+    "member_list": {
+        "filter_placeholder": "ການກັ່ນຕອງສະມາຊິກຫ້ອງ"
+    },
+    "member_list_back_action_label": "ສະມາຊິກຫ້ອງ",
+    "message_edit_dialog_title": "ແກ້ໄຂຂໍ້ຄວາມ",
+    "mobile_guide": {
+        "toast_accept": "ໃຊ້ແອັບ",
+        "toast_description": "%(brand)s ແມ່ນທົດລອງຢູ່ໃນບຣາວຂອງມືຖື. ເພື່ອປະສົບການທີ່ດີກວ່າ ແລະ ຄຸນສົມບັດຫຼ້າສຸດ, ໃຫ້ໃຊ້ແອັບຟຣີຂອງພວກເຮົາ.",
+        "toast_title": "ໃຊ້ແອັບເພື່ອປະສົບການທີ່ດີກວ່າ"
+    },
+    "name_and_id": "%(name)s(%(userId)s)",
+    "no_more_results": "ບໍ່ມີຜົນອີກຕໍ່ໄປ",
+    "notif_panel": {
+        "empty_description": "ທ່ານບໍ່ເຫັນການເເຈ້ງເຕືອນ.",
+        "empty_heading": "ໝົດແລ້ວໝົດເລີຍ"
+    },
+    "notifications": {
+        "all_messages": "ຂໍ້ຄວາມທັງໝົດ",
+        "all_messages_description": "ໄດ້ຮັບການແຈ້ງເຕືອນສໍາລັບທຸກໆຂໍ້ຄວາມ",
+        "class_global": "ທົ່ວໂລກ",
+        "class_other": "ອື່ນໆ",
+        "default": "ຄ່າເລີ່ມຕົ້ນ",
+        "enable_prompt_toast_description": "ເປີດໃຊ້ການແຈ້ງເຕືອນເດັສທັອບ",
+        "enable_prompt_toast_title": "ການແຈ້ງເຕືອນ",
+        "enable_prompt_toast_title_from_message_send": "ຢ່າພາດການຕອບກັບ",
+        "error_change_title": "ປ່ຽນການຕັ້ງຄ່າການແຈ້ງເຕືອນ",
+        "keyword": "ຄໍາສໍາຄັນ",
+        "keyword_new": "ຄໍາສໍາຄັນໃຫມ່",
+        "level_activity": "ກິດຈະກໍາ",
+        "level_none": "ບໍ່ມີ",
+        "level_unsent": "ຍັງບໍ່ໄດ້ສົ່ງ",
+        "mark_all_read": "ໝາຍທັງໝົດວ່າອ່ານແລ້ວ",
+        "mentions_and_keywords": "@ກ່າວເຖິງ & ຄໍາສໍາຄັນ",
+        "mentions_and_keywords_description": "ຮັບການແຈ້ງເຕືອນພຽງແຕ່ມີການກ່າວເຖິງ ແລະ ຄໍາທີ່ກຳນົດໄວ້ໃນ<a>settings</a>ຂອງທ່ານ",
+        "mentions_keywords": "ກ່າວເຖິງ & ຄໍາສໍາຄັນ",
+        "message_didnt_send": "ບໍ່ໄດ້ສົ່ງຂໍ້ຄວາມ. ກົດສຳລັບຂໍ້ມູນ.",
+        "mute_description": "ທ່ານຈະບໍ່ໄດ້ຮັບການແຈ້ງເຕືອນໃດໆ"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s ກຳລັງຮ້ອງຂໍການຢັ້ງຢືນ"
+    },
+    "onboarding": {
+        "create_room": "ສ້າງກຸ່ມສົນທະນາ",
+        "explore_rooms": "ສຳຫຼວດຫ້ອງສາທາລະນະ",
+        "has_avatar_label": "ດີຫຼາຍ, ຊຶ່ງຈະຊ່ວຍໃຫ້ຄົນຮູ້ວ່າແມ່ນທ່ານ",
+        "intro_byline": "ເປັນເຈົ້າຂອງການສົນທະນາຂອງທ່ານ.",
+        "intro_welcome": "ຍິນດີຕ້ອນຮັບສູ່ %(appName)s",
+        "no_avatar_label": "ເພີ່ມຮູບເພື່ອໃຫ້ຄົນຮູ້ວ່າແມ່ນທ່ານ.",
+        "send_dm": "ສົ່ງຂໍ້ຄວາມໂດຍກົງ",
+        "welcome_detail": "ຕອນນີ້, ໄດ້ເລີ່ມຕົ້ນ",
+        "welcome_user": "ຍິນດີຕ້ອນຮັບ %(name)s"
+    },
+    "poll": {
+        "create_poll_action": "ສ້າງແບບສຳຫຼວດ",
+        "create_poll_title": "ສ້າງແບບສຳຫຼວດ",
+        "disclosed_notes": "ຜູ້ລົງຄະແນນເຫັນຜົນທັນທີທີ່ເຂົາເຈົ້າໄດ້ລົງຄະແນນສຽງ",
+        "edit_poll_title": "ແກ້ໄຂແບບສຳຫຼວດ",
+        "end_description": "ທ່ານແນ່ໃຈບໍ່ວ່າຕ້ອງການສິ້ນສຸດການສຳຫຼວດນີ້? ນີ້ຈະສະແດງຜົນສຸດທ້າຍຂອງການລົງຄະແນນສຽງ ແລະ ຢຸດບໍ່ໃຫ້ປະຊາຊົນສາມາດລົງຄະແນນສຽງໄດ້.",
+        "end_message": "ການສໍາຫຼວດໄດ້ສິ້ນສຸດລົງ. ຄຳຕອບສູງສຸດ: %(topAnswer)s",
+        "end_message_no_votes": "ການສໍາຫຼວດໄດ້ສິ້ນສຸດລົງ. ບໍ່ມີການລົງຄະແນນສຽງ.",
+        "end_title": "ສິ້ນສຸດການສຳຫຼວດ",
+        "error_ending_description": "ຂໍອະໄພ,ບໍ່ສາມາດສິ້ນສຸດການສຳຫຼວດ. ກະລຸນາລອງອີກຄັ້ງ.",
+        "error_ending_title": "ບໍ່ສາມາດສີ່ນສູດການສຳຫຼວດ",
+        "error_voting_description": "ຂໍອະໄພ, ການລົງຄະແນນສຽງຂອງທ່ານບໍ່ໄດ້ລົງທະບຽນ. ກະລຸນາລອງອີກຄັ້ງ.",
+        "error_voting_title": "ລົງຄະແນນສຽງບໍ່ໄດ້ລົງທະບຽນ",
+        "failed_send_poll_description": "ຂໍອະໄພ, ແບບສຳຫຼວດທີ່ທ່ານພະຍາຍາມສ້າງບໍ່ໄດ້ໂພສ.",
+        "failed_send_poll_title": "ການໂພສແບບສຳຫຼວດບໍ່ສຳເລັດ",
+        "notes": "ຜົນໄດ້ຮັບຈະຖືກເປີດເຜີຍເມື່ອທ່ານສິ້ນສຸດແບບສຳຫຼວດເທົ່ານັ້ນ",
+        "options_add_button": "ເພີ່ມຕົວເລືອກ",
+        "options_heading": "ສ້າງທາງເລືອກ",
+        "options_label": "ຕົວເລືອກ %(number)s",
+        "options_placeholder": "ຂຽນຕົວເລືອກ",
+        "topic_heading": "ຄຳຖາມ ຫຼື ຫົວຂໍ້ການສຳຫຼວດຂອງທ່ານແມ່ນຫຍັງ?",
+        "topic_label": "ຄໍາຖາມ ຫຼື ຫົວຂໍ້",
+        "total_n_votes": {
+            "one": "%(count)s ລົງຄະແນນສຽງ. ລົງຄະແນນສຽງເພື່ອເບິ່ງຜົນໄດ້ຮັບ",
+            "other": "%(count)s ລົງຄະແນນສຽງ. ລົງຄະແນນສຽງເພື່ອເບິ່ງຜົນໄດ້ຮັບ"
+        },
+        "total_n_votes_voted": {
+            "one": "ອີງຕາມການລົງຄະແນນສຽງ %(count)s",
+            "other": "ອີງຕາມ %(count)s ການລົງຄະເເນນສຽງ"
+        },
+        "total_no_votes": "ບໍ່ມີການລົງຄະແນນສຽງ",
+        "total_not_ended": "ຜົນໄດ້ຮັບຈະເຫັນໄດ້ເມື່ອການສໍາຫຼວດສິ້ນສຸດລົງ",
+        "type_closed": "ປິດການສຳຫຼວດ",
+        "type_heading": "ປະເພດແບບສຳຫຼວດ",
+        "type_open": "ເປີດການສຳຫຼວດ",
+        "unable_edit_description": "ຂໍອະໄພ, ທ່ານບໍ່ສາມາດແກ້ໄຂແບບສຳຫຼວດໄດ້ຫຼັງຈາກລົງຄະແນນສຽງແລ້ວ.",
+        "unable_edit_title": "ບໍ່ສາມາດແກ້ໄຂແບບສຳຫຼວດໄດ້"
+    },
+    "power_level": {
+        "admin": "ບໍລິຫານ",
+        "custom": "ກຳນົດ(%(level)s)ເອງ",
+        "custom_level": "ລະດັບທີ່ກໍາຫນົດເອງ",
+        "default": "ຄ່າເລີ່ມຕົ້ນ",
+        "label": "ລະດັບພະລັງງານ",
+        "moderator": "ຜູ້ດຳເນິນລາຍການ",
+        "restricted": "ຖືກຈຳກັດ"
+    },
+    "powered_by_matrix": "ສະໜັບສະໜູນໂດຍ Matrix",
+    "presence": {
+        "away": "ຫ່າງອອກໄປ",
+        "busy": "ບໍ່ຫວ່າງ",
+        "idle": "ບໍ່ເຮັດວຽກ",
+        "idle_for": "ບໍໄດ້ໃຊ້ງານສໍາລັບ %(duration)s",
+        "offline": "ອອບໄລນ໌",
+        "offline_for": "ອອບໄລນ໌ສໍາລັບ %(duration)s",
+        "online": "ອອນລາຍ",
+        "online_for": "ອອນລາຍ%(duration)s",
+        "unknown": "ບໍ່ຮູ້ຈັກ",
+        "unknown_for": "ບໍ່ຮູ້ຈັກສໍາລັບ %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "ການຕັ້ງຄ່າທັງໝົດ",
+        "sidebar_settings": "ທາງເລືອກເພີ່ມເຕີມ",
+        "title": "ການຕັ້ງຄ່າດ່ວນ"
+    },
+    "quit_warning": {
+        "call_in_progress": "ເບິ່ງຄືວ່າທ່ານຢູ່ໃນສາຍ, ທ່ານແນ່ໃຈບໍ່ວ່າທ່ານຢາກຢຸດຕິ?",
+        "file_upload_in_progress": "ເບິ່ງຄືວ່າທ່ານກຳລັງອັບໂຫລດໄຟລ໌ຢູ່,ທ່ານແນ່ໃຈບໍ່ວ່າຕ້ອງການອອກ?"
+    },
+    "redact": {
+        "confirm_button": "ຢືນຢັນການລຶບອອກ",
+        "error": "ທ່ານບໍ່ສາມາດລຶບຂໍ້ຄວາມນີ້ໄດ້. (%(code)s)",
+        "ongoing": "ກຳລັງລຶບ…",
+        "reason_label": "ເຫດຜົນ (ທາງເລືອກ)"
+    },
+    "report_content": {
+        "description": "ການລາຍງານຂໍ້ຄວາມນີ້ຈະສົ່ງ 'ID ເຫດການ' ທີ່ບໍ່ຊໍ້າກັນໄປຫາຜູ້ຄຸ້ມຄອງລະບົບເຊີບເວີຂອງທ່ານ. ຖ້າຂໍ້ຄວາມຢູ່ໃນຫ້ອງນີ້ຖືກເຂົ້າລະຫັດໄວ້, ຜູ້ຄຸ້ມຄອງລະບົບເຊີບເວີຂອງທ່ານຈະບໍ່ສາມາດອ່ານຂໍ້ຄວາມ ຫຼືເບິ່ງໄຟລ໌ ຫຼືຮູບພາບຕ່າງໆໄດ້.",
+        "hide_messages_from_user": "ກວດຄືນຫາກວ່ທ່ານຕ້ອງການເຊື່ອງການສົນທະນາກັບຜູ້ໃຊ້ນີ້ດຽວນີ້ ຫຼືໃນອະນາຄົດ.",
+        "ignore_user": "ລະເວັ້ນຜູ້ໃຊ້",
+        "missing_reason": "ກະລຸນາຕື່ມຂໍ້ມູນວ່າເປັນຫຍັງທ່ານກໍາລັງລາຍງານ.",
+        "report_content_to_homeserver": "ລາຍງານເນື້ອຫາໃຫ້ຜູ້ຄຸ້ມຄອງລະບົບ Homeserver ຂອງທ່ານ"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "ການຖອດລະຫັດ %(failedCount)s ລະບົບບໍ່ສຳເລັດ!",
+        "count_of_successfully_restored_keys": "ກູ້ຄືນກະແຈ %(sessionCount)s ສຳເລັດແລ້ວ",
+        "enter_key_description": "ເຂົ້າເຖິງປະຫວັດຂໍ້ຄວາມທີ່ປອດໄພຂອງທ່ານ ແລະ ຕັ້ງຄ່າການສົ່ງຂໍ້ຄວາມທີ່ປອດໄພໂດຍການໃສ່ກະແຈຄວາມປອດໄພຂອງທ່ານ.",
+        "enter_key_title": "ໃສ່ກະແຈຄວາມປອດໄພ",
+        "enter_phrase_description": "ເຂົ້າເຖິງປະຫວັດຂໍ້ຄວາມປອດໄພຂອງທ່ານ ແລະ ຕັ້ງຄ່າການສົ່ງຂໍ້ຄວາມທີ່ປອດໄພໂດຍການໃສ່ປະໂຫຍກຄວາມປອດໄພຂອງທ່ານ.",
+        "enter_phrase_title": "ໃສ່ປະໂຫຍກຄວາມປອດໄພ",
+        "incorrect_security_phrase_dialog": "ການສຳຮອງຂໍ້ມູນບໍ່ສາມາດຖອດລະຫັດດ້ວຍວະລີຄວາມປອດໄພນີ້: ກະລຸນາກວດສອບວ່າທ່ານໃສ່ປະໂຫຍກຄວາມປອດໄພທີ່ຖືກຕ້ອງ.",
+        "incorrect_security_phrase_title": "ປະໂຫຍກຄວາມປອດໄພບໍ່ຖືກຕ້ອງ",
+        "key_backup_warning": "<b>ຄຳເຕືອນ</b>: ທ່ານຄວນຕັ້ງການສຳຮອງຂໍ້ມູນລະຫັດຈາກຄອມພິວເຕີທີ່ເຊື່ອຖືໄດ້ເທົ່ານັ້ນ.",
+        "key_forgotten_text": "ຖ້າທ່ານລືມກະແຈຄວາມປອດໄພຂອງທ່ານ ທ່ານສາມາດ <button>ຕັ້ງຄ່າຕົວເລືອກການຟື້ນຕົວໃຫມ່</button>",
+        "key_is_invalid": "ກະແຈຄວາມປອດໄພບໍ່ຖືກຕ້ອງ",
+        "key_is_valid": "ກະແຈຄວາມປອດໄພທີ່ຖືກຕ້ອງ!",
+        "keys_restored_title": "ກູ້ກະແຈຄືນມາ",
+        "load_error_content": "ບໍ່ສາມາດໂຫຼດສະຖານະສຳຮອງໄດ້",
+        "load_keys_progress": "ກູ້ລະຫັດ %(completed)s ຂອງ %(total)sຄືນແລ້ວ",
+        "no_backup_error": "ບໍ່ພົບຂໍ້ມູນສຳຮອງ!",
+        "phrase_forgotten_text": "ຖ້າທ່ານລືມປະໂຫຍກຄວາມປອດໄພຂອງທ່ານ, ທ່ານສາມາດ <button1>ໃຊ້ກະແຈຄວາມປອດໄພຂອງທ່ານ</button1> ຫຼື <button2>ຕັ້ງຄ່າຕົວເລືອກການຟື້ນຕົວໃຫມ່</button2>",
+        "recovery_key_mismatch_description": "ການສຳຮອງຂໍ້ມູນບໍ່ສາມາດຖອດລະຫັດດ້ວຍກະແຈຄວາມປອດໄພນີ້ໄດ້: ກະລຸນາກວດສອບວ່າທ່ານໃສ່ກະແຈຄວາມປອດໄພຖືກຕ້ອງແລ້ວ.",
+        "recovery_key_mismatch_title": "ກະແຈຄວາມປອດໄພບໍ່ກົງກັນ",
+        "restore_failed_error": "ບໍ່ສາມາດກູ້ຂໍ້ມູນສຳຮອງຄືນມາໄດ້"
+    },
+    "right_panel": {
+        "add_integrations": "ເພີ່ມວິດເຈັດ, ຂົວ ແລະບັອດ",
+        "files_button": "ໄຟລ໌",
+        "pinned_messages": {
+            "limits": {
+                "other": "ທ່ານສາມາດປັກໝຸດໄດ້ເຖິງ %(count)s widget ເທົ່ານັ້ນ"
+            }
+        },
+        "pinned_messages_button": "ໄດ້ປັກໝຸດ",
+        "poll": {
+            "final_result": {
+                "one": "ຜົນສຸດທ້າຍໂດຍອີງໃສ່ %(count)s ຄະແນນສຽງ",
+                "other": "ຜົນສຸດທ້າຍໂດຍອີງໃສ່ %(count)s ຄະແນນສຽງ"
+            }
+        },
+        "thread_list": {
+            "context_menu_label": "ຕົວເລືອກກະທູ້"
+        },
+        "video_room_chat": {
+            "title": "ສົນທະນາ"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "ການເຊີນນີ້ຖືກສົ່ງໄປຫາ %(email)s ທີ່ບໍ່ກ່ຽວຂ້ອງກັບບັນຊີຂອງທ່ານ",
+        "3pid_invite_email_not_found_account_room": "ການເຊີນນີ້ໄປຫາ %(roomName)s ໄດ້ຖືກສົ່ງໄປຫາ %(email)s ຊຶ່ງບໍ່ກ່ຽວຂ້ອງກັບບັນຊີຂອງທ່ານ",
+        "3pid_invite_error_description": "ຄວາມຜິດພາດ (%(errcode)s) ໃນຂະນະທີ່ພະຍາຍາມທີ່ຈະກວດສອບການເຊີນຂອງທ່ານ. ທ່ານສາມາດທົດລອງສົ່ງຂໍ້ມູນນີ້ໄປຫາບບຸກຄົນທີ່ເຊີນທ່ານ.",
+        "3pid_invite_error_invite_action": "ພະຍາຍາມເຂົ້າຮ່ວມຕໍ່ໄປ",
+        "3pid_invite_error_invite_subtitle": "ທ່ານສາມາດເຂົ້າຮ່ວມໄດ້ດ້ວຍການເຊີນເຮັດວຽກເທົ່ານັ້ນ.",
+        "3pid_invite_error_public_subtitle": "ທ່ານຍັງສາມາດເຂົ້າຮ່ວມໄດ້ຢູ່ບ່ອນນີ້.",
+        "3pid_invite_error_title": "ມີບາງຢ່າງຜິດພາດກ່ຍວກັບການເຊີນຂອງທ່ານ.",
+        "3pid_invite_error_title_room": "ມີບາງຢ່າງຜິດພາດກ່ຽວກັບການເຊີນຂອງທ່ານໄປຫາ %(roomName)s",
+        "3pid_invite_no_is_subtitle": "ໃຊ້ເຊີບເວີໃນການຕັ້ງຄ່າເພື່ອຮັບການເຊີນໂດຍກົງໃນ %(brand)s.",
+        "banned_by": "ທ່ານຖືກຫ້າມໂດຍ %(memberName)s",
+        "banned_from_room_by": "ທ່ານຖືກຫ້າມຈາກ %(roomName)s ໂດຍ %(memberName)s",
+        "context_menu": {
+            "copy_link": "ສຳເນົາລິ້ງຫ້ອງ",
+            "favourite": "ສິ່ງທີ່ມັກ",
+            "forget": "ລືມຫ້ອງ",
+            "low_priority": "ຄວາມສຳຄັນຕໍ່າ",
+            "title": "ຕົວເລືອກຫ້ອງ",
+            "unfavourite": "ສີ່ງທີ່ມັກ"
+        },
+        "dm_invite_action": "ເລີ່ມການສົນທະນາ",
+        "dm_invite_subtitle": "<userName/> ຕ້ອງການສົນທະນາ",
+        "dm_invite_title": "ທ່ານຕ້ອງການສົນທະນາກັບ %(user)s ບໍ?",
+        "drop_file_prompt": "ວາງໄຟລ໌ໄວ້ບ່ອນນີ້ເພື່ອອັບໂຫລດ",
+        "edit_topic": "ແກ້ໄຂຫົວຂໍ້",
+        "error_join_404_invite": "ບຸກຄົນທີ່ເຊີນທ່ານໄດ້ອອກໄປແລ້ວ, ຫຼືເຊີບເວີຂອງເຂົາເຈົ້າອອບລາຍຢູ່.",
+        "error_join_404_invite_same_hs": "ຄົນທີ່ເຊີນເຈົ້າໄດ້ອອກໄປແລ້ວ.",
+        "error_join_connection": "ເກີດຄວາມຜິດພາດໃນການເຂົ້າຮ່ວມ.",
+        "error_join_incompatible_version_1": "ຂໍອະໄພ, homeserverຂອງທ່ານເກົ່າເກີນໄປທີ່ຈະເຂົ້າຮ່ວມທີ່ນີ້.",
+        "error_join_incompatible_version_2": "ກະລຸນາຕິດຕໍ່ຜູ້ຄຸ້ມຄອງເຊີບເວີຂອງທ່ານ.",
+        "error_join_title": "ການເຂົ້າຮ່ວມບໍ່ສຳເລັດ",
+        "face_pile_summary": {
+            "one": "%(count)s ຄົນທີ່ທ່ານຮູ້ຈັກໄດ້ເຂົ້າຮ່ວມແລ້ວ",
+            "other": "%(count)s ຄົນທີ່ທ່ານຮູ້ຈັກໄດ້ເຂົ້າຮ່ວມແລ້ວ"
+        },
+        "face_pile_tooltip_label": {
+            "one": "ເບິ່ງສະມາຊິກ 1 ຄົນ",
+            "other": "ເບິ່ງສະມາຊິກ %(count)s ທັງໝົດ"
+        },
+        "face_pile_tooltip_shortcut": "ລວມທັງ %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "ລວມທັງທ່ານ, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "ປະຕິເສດຄຳເຊີນບໍ່ສຳເລັດ",
+        "forget_room": "ລືມຫ້ອງນີ້",
+        "forget_space": "ລືມພຶ້ນທີ່ນີ້",
+        "header": {
+            "room_is_public": "ນີ້ແມ່ນຫ້ອງສາທາລະນະ"
+        },
+        "inaccessible": "ຫ້ອງ ຫຼື ພື້ນທີ່ນີ້ບໍ່ສາມາດເຂົ້າເຖິງໄດ້ໃນເວລານີ້.",
+        "inaccessible_name": "%(roomName)s ບໍ່ສາມາດເຂົ້າເຖິງໄດ້ໃນເວລານີ້.",
+        "inaccessible_subtitle_1": "ລອງໃໝ່ໃນພາຍຫຼັງ, ຫຼື ຂໍໃຫ້ຜູ້ຄຸ້ມຄອງຫ້ອງ ຫຼື ຜູ້ຄຸ້ມຄອງພື້ນທີ່ກວດເບິ່ງວ່າທ່ານມີການເຂົ້າເຖິງ ຫຼື ບໍ່.",
+        "inaccessible_subtitle_2": "%(errcode)s ຖືກສົ່ງຄືນໃນຂະນະທີ່ພະຍາຍາມເຂົ້າເຖິງຫ້ອງ ຫຼື ພື້ນທີ່. ຖ້າຫາກທ່ານຄິດວ່າທ່ານກໍາລັງເຫັນຂໍ້ຄວາມນີ້ຜິດພາດ, ກະລຸນາ <issueLink>ສົ່ງບົດລາຍງານ bug</issueLink>.",
+        "intro": {
+            "dm_caption": "ພຽງແຕ່ທ່ານສອງຄົນຢູ່ໃນການສົນທະນານີ້, ເວັ້ນເສຍແຕ່ວ່າທັງສອງທ່ານເຊີນຜູ້ໃດໜຶ່ງເຂົ້າຮ່ວມ.",
+            "enable_encryption_prompt": "ເປີດໃຊ້ການເຂົ້າລະຫັດໃນການຕັ້ງຄ່າ.",
+            "no_avatar_label": "ເພີ່ມຮູບ, ເພື່ອໃຫ້ຄົນສາມາດເຫັນຫ້ອງຂອງທ່ານໄດ້ຢ່າງງ່າຍດາຍ.",
+            "no_topic": "<a>ເພີ່ມຫົວຂໍ້</a> ເພື່ອຊ່ວຍໃຫ້ຄົນຮູ້ວ່າກ່ຽວກັບຫຍັງ.",
+            "private_unencrypted_warning": "ຂໍ້ຄວາມສ່ວນຕົວຂອງທ່ານຖືກເຂົ້າລະຫັດຕາມປົກກະຕິ, ແຕ່ຫ້ອງນີ້ບໍ່ແມ່ນ. ເນື່ອງມາຈາກອຸປະກອນທີ່ບໍ່ຮອງຮັບ ຫຼື ວິທີການຖືກໃຊ້ ເຊັ່ນ: ການເຊີນທາງອີເມວ.",
+            "room_invite": "ເຊີນເຂົ້າຫ້ອງນີ້ເທົ່ານັ້ນ",
+            "start_of_dm_history": "ຈຸດເລີ່ມຕົ້ນຂອງປະຫວັດຂໍ້ຄວາມໂດຍກົງຂອງທ່ານກັບ <displayName/>.",
+            "start_of_room": "ນີ້ແມ່ນຈຸດເລີ່ມຕົ້ນຂອງ <roomName/>.",
+            "unencrypted_warning": "ບໍ່ໄດ້ເປີດໃຊ້ການເຂົ້າລະຫັດແບບຕົ້ນທາງຮອດປາຍທາງ",
+            "user_created": "%(displayName)s ສ້າງຫ້ອງນີ້.",
+            "you_created": "ທ່ານສ້າງຫ້ອງນີ້."
+        },
+        "invite_email_mismatch_suggestion": "ແບ່ງປັນອີເມວນີ້ໃນການຕັ້ງຄ່າເພື່ອຮັບການເຊີນໂດຍກົງໃນ %(brand)s.",
+        "invite_sent_to_email": "ການເຊີນນີ້ຖືກສົ່ງໄປຫາ %(email)s",
+        "invite_sent_to_email_room": "ການເຊີນນີ້ໄປຫາ %(roomName)s ໄດ້ຖືກສົ່ງໄປຫາ %(email)s",
+        "invite_subtitle": "<userName/> ເຊີນທ່ານ",
+        "invite_this_room": "ເຊີນເຂົ້າຫ້ອງນີ້",
+        "invite_title": "ທ່ານຕ້ອງການເຂົ້າຮ່ວມ %(roomName)s ບໍ?",
+        "inviter_unknown": "ບໍ່ຮູ້ຈັກ",
+        "invites_you_text": "<inviter/> ເຊີນທ່ານ",
+        "join_button_account": "ລົງທະບຽນ",
+        "join_failed_needs_invite": "ເພື່ອເບິ່ງ %(roomName)s, ທ່ານຕ້ອງມີບັດເຊີນ",
+        "join_the_discussion": "ເຂົ້າຮ່ວມການສົນທະນາ",
+        "join_title_account": "ເຂົ້າຮ່ວມການສົນທະນາດ້ວຍບັນຊີ",
+        "joining": "ກຳລັງເຂົ້າ…",
+        "jump_read_marker": "ຂ້າມໄປຫາຂໍ້ຄວາມທຳອິດທີ່ຍັງບໍ່ໄດ້ອ່ານ.",
+        "jump_to_bottom_button": "ເລື່ອນໄປຫາຂໍ້ຄວາມຫຼ້າສຸດ",
+        "kick_reason": "ເຫດຜົນ: %(reason)s",
+        "kicked_by": "ທ່ານຖືກລຶບຍອອກໂດຍ %(memberName)s",
+        "kicked_from_room_by": "ທ່ານຖືກລຶບອອກຈາກ %(roomName)s ໂດຍ %(memberName)s",
+        "leave_error_title": "ເກີດຄວາມຜິດພາດໃນຄະນະທີ່ອອກຈາກຫ້ອງ",
+        "leave_server_notices_description": "ຫ້ອງນີ້ໃຊ້ສໍາລັບຂໍ້ຄວາມທີ່ສໍາຄັນຈາກ Homeserver, ດັ່ງນັ້ນທ່ານບໍ່ສາມາດອອກຈາກມັນ.",
+        "leave_server_notices_title": "ບໍ່ສາມາດອອກຈາກຫ້ອງແຈ້ງເຕືອນຂອງເຊີບເວີໄດ້",
+        "leave_unexpected_error": "ເກີດຄວາມຜິດພາດທີ່ບໍ່ຄາດຄິດຂອງເຊີບເວີ ໃນຄະນະທີ່ພະຍາຍາມອອກຈາກຫ້ອງ",
+        "link_email_to_receive_3pid_invite": "ເຊື່ອມຕໍ່ອີເມວນີ້ກັບບັນຊີຂອງທ່ານໃນການຕັ້ງຄ່າເພື່ອຮັບການເຊີນໂດຍກົງໃນ %(brand)s.",
+        "loading_preview": "ກຳລັງໂຫຼດຕົວຢ່າງ",
+        "no_peek_join_prompt": "ບໍ່ສາມາດເບິ່ງຕົວຢ່າງ %(roomName)s ໄດ້. ທ່ານຕ້ອງການເຂົ້າຮ່ວມມັນບໍ?",
+        "no_peek_no_name_join_prompt": "ບໍ່ມີຕົວຢ່າງ, ທ່ານຕ້ອງການເຂົ້າຮ່ວມບໍ?",
+        "not_found_subtitle": "ທ່ານແນ່ໃຈບໍ່ວ່າທ່ານຢູ່ບ່ອນທີ່ຖືກຕ້ອງ?",
+        "not_found_title": "ບໍ່ມີຫ້ອງ ຫຼື ພື້ນທີ່ນີ້.",
+        "not_found_title_name": "%(roomName)s ບໍ່ມີ.",
+        "peek_join_prompt": "ທ່ານກຳລັງເບິ່ງຕົວຢ່າງ %(roomName)s. ຕ້ອງການເຂົ້າຮ່ວມບໍ?",
+        "read_topic": "ກົດເພື່ອອ່ານຫົວຂໍ້",
+        "rejoin_button": "ເຂົ້າຮ່ວມອີກຄັ້ງ",
+        "unread_notifications_predecessor": {
+            "one": "ທ່ານມີ %(count)s ການແຈ້ງເຕືອນທີ່ຍັງບໍ່ໄດ້ອ່ານຢູ່ໃນສະບັບກ່ອນໜ້າຂອງຫ້ອງນີ້.",
+            "other": "ທ່ານມີ %(count)s ການແຈ້ງເຕືອນທີ່ຍັງບໍ່ໄດ້ອ່ານຢູ່ໃນສະບັບກ່ອນໜ້າຂອງຫ້ອງນີ້."
+        },
+        "upgrade_error_description": "ກວດເບິ່ງຄືນວ່າເຊີບເວີຂອງທ່ານຮອງຮັບເວີຊັນຫ້ອງທີ່ເລືອກແລ້ວ ແລະ ລອງໃໝ່ອີກ.",
+        "upgrade_error_title": "ເກີດຄວາມຜິດພາດໃນການຍົກລະດັບຫ້ອງ",
+        "upgrade_warning_bar": "ການຍົກລະດັບຫ້ອງນີ້ຈະປິດຕົວຢ່າງປັດຈຸບັນຂອງຫ້ອງ ແລະ ຍົກລະດັບການສ້າງຫ້ອງທີ່ມີຊື່ດຽວກັນ.",
+        "upgrade_warning_bar_admins": "ມີແຕ່ຜູ້ຄຸ້ມຄອງຫ້ອງເທົ່ານັ້ນທີ່ເຫັນຄຳເຕືອນນີ້",
+        "upgrade_warning_bar_unstable": "ຫ້ອງນີ້ກຳລັງດຳເນິນເວີຊັ້ນຫ້ອງ <roomVersion />, ເຊິ່ງ homeserver ນີ້ໄດ້ສ້າງເຄື່ອງໝາຍເປັນ <i>unstable</i>.",
+        "upgrade_warning_bar_upgraded": "ຫ້ອງນີ້ໄດ້ຖືກປັບປຸງແລ້ວ.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "ກຳລັງອັບໂຫລດ %(filename)s ແລະ %(count)s ອື່ນໆ",
+                "other": "ກຳລັງອັບໂຫລດ %(filename)s ແລະ %(count)s ອື່ນໆ"
+            },
+            "uploading_single_file": "ກຳລັງອັບໂຫລດ %(filename)s"
+        }
+    },
+    "room_list": {
+        "add_space_label": "ເພີ່ມພື້ນທີ່",
+        "failed_add_tag": "ເພີ່ມແທັກ %(tagName)s ໃສ່ຫ້ອງບໍ່ສຳເລັດ",
+        "failed_remove_tag": "ລຶບແທັກ %(tagName)s ອອກຈາກຫ້ອງບໍ່ສຳເລັດ",
+        "notification_options": "ຕົວເລືອກການແຈ້ງເຕືອນ",
+        "show_less": "ສະແດງໜ້ອຍລົງ"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "ຕັດສິນໃຈວ່າໃຜສາມາດເບິ່ງ ແລະ ເຂົ້າຮ່ວມ %(spaceName)s.",
+            "title": "ການເຂົ້າເຖິງ"
+        },
+        "advanced": {
+            "error_upgrade_description": "ການຍົກລະດັບຫ້ອງບໍ່ສຳເລັດໄດ້",
+            "error_upgrade_title": "ຍົກລະດັບຫ້ອງບໍ່ສຳເລັດ",
+            "information_section_room": "ຂໍ້ມູນຫ້ອງ",
+            "information_section_space": "ຂໍ້ມູນພື້ນທີ່",
+            "room_id": "ID ຫ້ອງພາຍໃນ",
+            "room_predecessor": "ບິ່ງຂໍ້ຄວາມເກົ່າໃນ %(roomName)s.",
+            "room_upgrade_button": "ຍົກລະດັບຫ້ອງນີ້ເປັນເວີຊັນຫ້ອງທີ່ແນະນຳ",
+            "room_version": "ເວີຊັ້ນຫ້ອງ:",
+            "room_version_section": "ເວີຊັ້ນຫ້ອງ",
+            "space_predecessor": "ເບິ່ງເວີຊັນເກົ່າກວ່າຂອງ %(spaceName)s.",
+            "space_upgrade_button": "ຍົກລະດັບພື້ນທີ່ນີ້ເປັນເວີຊັນຫ້ອງທີ່ແນະນຳ",
+            "unfederated": "ຫ້ອງນີ້ບໍ່ສາມາດເຂົ້າເຖິງໄດ້ໂດຍເຊີບເວີ Matrix ໄລຍະໄກ",
+            "upgrade_button": "ຍົກລະດັບຫ້ອງນີ້ເປັນເວີຊັ່ນ %(version)s",
+            "upgrade_dialog_description": "ການຍົກລະດັບຫ້ອງນີ້ຮຽກຮ້ອງໃຫ້ມີການປິດຕົວຢ່າງປັດຈຸບັນຂອງຫ້ອງ ແລະ ສ້າງຫ້ອງໃຫມ່ໃນສະຖານທີ່ຂອງມັນ. ເພື່ອໃຫ້ສະມາຊິກຫ້ອງມີປະສົບການທີ່ດີທີ່ສຸດທີ່, ພວກເຮົາຈະ:",
+            "upgrade_dialog_description_1": "ສ້າງຫ້ອງໃຫມ່ທີ່ມີຊື່ດຽວກັນ, ຄໍາອະທິບາຍ ແລະ ຮຸບແທນຕົວ",
+            "upgrade_dialog_description_2": "ອັບເດດຊື່ແທນຫ້ອງໃນພື້ນຈັດເກັບເພື່ອໄປຫາຫ້ອງໃໝ່",
+            "upgrade_dialog_description_3": "ຢຸດຜູ້ໃຊ້ບໍ່ໃຫ້ເວົ້າຢູ່ໃນຫ້ອງສະບັບເກົ່າ ແລະ ປະກາດຂໍ້ຄວາມແນະນໍາໃຫ້ຜູ້ໃຊ້ຍ້າຍໄປຫ້ອງໃຫມ່",
+            "upgrade_dialog_description_4": "ໃສ່ລິ້ງກັບຄືນໄປຫາຫ້ອງເກົ່າຕອນທີ່ເລີ່ມຕົ້ນຂອງຫ້ອງໃຫມ່ເພື່ອໃຫ້ຄົນສາມາດເຫັນຂໍ້ຄວາມເກົ່າ",
+            "upgrade_dialog_title": "ຍົກລະດັບເວີຊັນຫ້ອງ",
+            "upgrade_dwarning_ialog_title_public": "ຍົກລະດັບຫ້ອງສາທາລະນະ",
+            "upgrade_warning_dialog_description": "ການຍົກລະດັບຫ້ອງແມ່ນເປັນການກະທຳຂັ້ນສູງ ແລະ ປົກກະຕິແລ້ວແມ່ນແນະນຳເມື່ອຫ້ອງບໍ່ສະຖຽນເນື່ອງຈາກມີຂໍ້ບົກພ່ອງ, ຄຸນສົມບັດທີ່ຂາດຫາຍໄປ ຫຼື ຊ່ອງໂຫວ່ດ້ານຄວາມປອດໄພ.",
+            "upgrade_warning_dialog_explainer": "<b>ກະລຸນາຮັບຊາບການຍົກລະດັບຈະເຮັດໃຫ້ຫ້ອງເປັນເວີຊັນໃໝ່</b>. ຂໍ້ຄວາມປັດຈຸບັນທັງໝົດຈະຢູ່ໃນຫ້ອງເກັບມ້ຽນນີ້.",
+            "upgrade_warning_dialog_footer": "ເຈົ້າຈະຍົກລະດັບຫ້ອງນີ້ຈາກ <oldVersion /> ເປັນ <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "ເຊີນສະມາຊິກຈາກຫ້ອງນີ້ໄປຫາຫ້ອງໃໝ່ໂດຍອັດຕະໂນມັດ",
+            "upgrade_warning_dialog_report_bug_prompt": "ປົກກະຕິແລ້ວນີ້ມີຜົນກະທົບພຽງແຕ່ວິທີການປະມວນຜົນຫ້ອງຢູ່ໃນເຊີບເວີ. ຖ້າທ່ານມີບັນຫາກັບ %(brand)s ຂອງທ່ານ, ກະລຸນາລາຍງານຂໍ້ຜິດພາດ.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "ປົກກະຕິແລ້ວຈະມີຜົນກະທົບແຕ່ວິທີການປະມວນຜົນຫ້ອງຢູ່ໃນເຊີບເວີເທົ່ານັ້ນ. ຖ້າຫາກວ່າທ່ານກໍາລັງມີບັນຫາກັບ %(brand)s ຂອງທ່ານ, ກະລຸນາ<a>report a bug</a>.",
+            "upgrade_warning_dialog_title_private": "ຍົກລະດັບຫ້ອງສ່ວນຕົວ"
+        },
+        "alias_not_specified": "ບໍ່ໄດ້ລະບຸ",
+        "bridges": {
+            "description": "ຫ້ອງນີ້ກໍາລັງເຊື່ອມຕໍ່ຂໍ້ຄວາມໄປຫາພັລດຟອມຕໍ່ໄປນີ້. <a>ສຶກສາເພີ່ມເຕີມ.</a>",
+            "empty": "ຫ້ອງນີ້ບໍ່ໄດ້ເຊື່ອມຕໍ່ຂໍ້ຄວາມໄປຫາພັລດຟອມໃດໆ. <a>ສຶກສາເພີ່ມເຕີມ.</a>",
+            "title": "ເປັນຂົວຕໍ່"
+        },
+        "delete_avatar_label": "ລືບອາວາຕ້າ",
+        "general": {
+            "alias_field_has_domain_invalid": "ຂາດຕົວແຍກໂດເມນ e.g. (:domain.org)",
+            "alias_field_has_localpart_invalid": "ບໍ່ມີຊື່ຫ້ອງ ຫຼື ຕົວແຍກເຊັ່ນ: (my-room:domain.org)",
+            "alias_field_matches_invalid": "ທີ່ຢູ່ນີ້ບໍ່ໄດ້ຊີ້ໄປທີ່ຫ້ອງນີ້",
+            "alias_field_placeholder_default": "ຕົວຢ່າງ: ຫ້ອງຂອງຂ້ອຍ",
+            "alias_field_required_invalid": "ກະລຸນາລະບຸທີ່ຢູ່",
+            "alias_field_safe_localpart_invalid": "ບໍ່ອະນຸຍາດໃຫ້ບາງຕົວອັກສອນ",
+            "alias_field_taken_invalid": "ທີ່ຢູ່ນີ້ມີເຊີບເວີທີ່ບໍ່ຖືກຕ້ອງ ຫຼື ຖືກໃຊ້ງານຢູ່ແລ້ວ",
+            "alias_field_taken_invalid_domain": "ທີ່ຢູ່ນີ້ຖືກໃຊ້ແລ້ວ",
+            "alias_field_taken_valid": "ທີ່ຢູ່ນີ້ສາມາດໃຊ້ໄດ້",
+            "alias_heading": "ທີ່ຢູ່ຫ້ອງ",
+            "aliases_items_label": "ທີ່ຢູ່ອື່ນໆທີ່ເຜີຍແຜ່:",
+            "aliases_no_items_label": "ບໍ່ມີທີ່ຢູ່ທີ່ເຜີຍແຜ່ອື່ນໆເທື່ອ, ເພີ່ມທີ່ຢູ່ຫນຶ່ງຂ້າງລຸ່ມນີ້",
+            "aliases_section": "ທີ່ຢູ່ຂອງຫ້ອງ",
+            "avatar_field_label": "ຮູບ avatar ຫ້ອງ",
+            "canonical_alias_field_label": "ທີ່ຢູ່ຫຼັກ",
+            "description_space": "ແກ້ໄຂການຕັ້ງຄ່າທີ່ກ່ຽວຂ້ອງກັບພື້ນທີ່ຂອງທ່ານ.",
+            "error_creating_alias_description": "ເກີດຄວາມຜິດພາດໃນການສ້າງທີ່ຢູ່ນັ້ນ. ມັນອາດຈະບໍ່ໄດ້ຮັບການອະນຸຍາດຈາກເຊີບເວີ ຫຼືບໍ່ສຳເລັດ ຊົ່ວຄາວເກີດຂຶ້ນ.",
+            "error_creating_alias_title": "ເກີດຄວາມຜິດພາດໃນການສ້າງທີ່ຢູ່",
+            "error_deleting_alias_description": "ມີຄວາມຜິດພາດໃນການລຶບທີ່ຢູ່ນັ້ນອອກ. ມັນອາດຈະບໍ່ມີແລ້ວ ຫຼືມີຄວາມຜິດພາດຊົ່ວຄາວເກີດຂຶ້ນ.",
+            "error_deleting_alias_description_forbidden": "ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ລຶບທີ່ຢູ່.",
+            "error_deleting_alias_title": "ການລຶບທີ່ຢູ່ຜິດພາດ",
+            "error_save_space_settings": "ບັນທຶກການຕັ້ງຄ່າພື້ນທີ່ບໍ່ສຳເລັດ.",
+            "error_updating_alias_description": "ມີຄວາມຜິດພາດໃນການອັບເດດທີ່ຢູ່ສຳຮອງຂອງຫ້ອງ. ມັນອາດຈະບໍ່ໄດ້ຮັບການອະນຸຍາດຈາກເຊີບເວີ ຫຼືບໍ່ສຳເລັດ ຊົ່ວຄາວເກີດຂຶ້ນ.",
+            "error_updating_canonical_alias_description": "ມີຄວາມຜິດພາດໃນການອັບເດດທີ່ຢູ່ຫຼັກຂອງຫ້ອງ. ມັນອາດຈະບໍ່ໄດ້ຮັບການອະນຸຍາດຈາກເຊີບເວີ ຫຼື ຄວາມບໍ່ສຳເລັດຊົ່ວຄາວເກີດຂຶ້ນ.",
+            "error_updating_canonical_alias_title": "ເກີດຄວາມຜິດພາດໃນການອັບເດດທີ່ຢູ່ຫຼັກ",
+            "leave_space": "ອອກຈາກພື້ນທີ່",
+            "local_alias_field_label": "ທີ່ຢູ່ຊ່ອງເກັບ",
+            "local_aliases_explainer_room": "ກໍານົດທີ່ຢູ່ສໍາລັບຫ້ອງນີ້ເພື່ອໃຫ້ຜູ້ໃຊ້ສາມາດຊອກຫາຫ້ອງນີ້ຜ່ານ homeserver ຂອງທ່ານ (%(localDomain)s)",
+            "local_aliases_explainer_space": "ກໍານົດທີ່ຢູ່ສໍາລັບພື້ນທີ່ນີ້ເພື່ອໃຫ້ຜູ້ໃຊ້ສາມາດຊອກຫາພື້ນທີ່ນີ້ຜ່ານ homeserver ຂອງທ່ານ (%(localDomain)s)",
+            "local_aliases_section": "ທີ່ຢູ່ຊ່ອງເກັບ",
+            "name_field_label": "ຊື່ຫ້ອງ",
+            "new_alias_placeholder": "ທີ່ຢູ່ທີ່ເຜີຍແຜ່ໃໝ່ (ເຊັ່ນ: #alias: server)",
+            "no_aliases_room": "ຫ້ອງນີ້ບໍ່ມີທີ່ຢູ່ຊ່ອງເກັບ",
+            "no_aliases_space": "ພື້ນທີ່ນີ້ບໍ່ມີທີ່ຢູ່ໃນຊ່ອງເກັບ",
+            "other_section": "ອື່ນໆ",
+            "publish_toggle": "ເຜີຍແຜ່ຫ້ອງນີ້ຕໍ່ສາທາລະນະຢູ່ໃນຄຳນຳຫ້ອງຂອງ %(domain)s ບໍ?",
+            "published_aliases_description": "ເພື່ອເຜີຍແຜ່ທີ່ຢູ່, ມັນຈໍາເປັນຕ້ອງຕັ້ງເປັນທີ່ຢູ່ຊ່ອງເກັບກ່ອນ.",
+            "published_aliases_explainer_room": "ທີ່ຢູ່ທີ່ເຜີຍແຜ່ສາມາດຖືກນໍາໃຊ້ໂດຍຜູ້ໃດຜູ້ຫນຶ່ງໃນເຊີບເວີຂອງການເຂົ້າຮ່ວມຫ້ອງຂອງທ່ານ.",
+            "published_aliases_explainer_space": "ທີ່ຢູ່ທີ່ເຜີຍແຜ່ສາມາດຖືກນໍາໃຊ້ໂດຍຜູ້ໃດຜູ້ຫນຶ່ງໃນເຊີບເວີຂອງການເຂົ້າຮ່ວມຊ່ອງຂອງທ່ານ.",
+            "published_aliases_section": "ທີ່ຢູ່ເຜີຍແຜ່",
+            "save": "ບັນທຶກການປ່ຽນແປງ",
+            "topic_field_label": "ຫົວຂໍ້ຫ້ອງ"
+        },
+        "notifications": {
+            "browse_button": "ຄົ້ນຫາ",
+            "custom_sound_prompt": "ຕັ້ງສຽງແບບກຳນົດເອງ",
+            "notification_sound": "ສຽງແຈ້ງເຕຶອນ",
+            "settings_link": "ຮັບການແຈ້ງເຕືອນຕາມທີ່ກຳນົດໄວ້ໃນ <a>ການຕັ້ງຄ່າ</a> ຂອງທ່ານ",
+            "sounds_section": "ສຽງ",
+            "uploaded_sound": "ອັບໂຫຼດສຽງ"
+        },
+        "permissions": {
+            "ban": "ຫ້າມຜູ້ໃຊ້",
+            "ban_reason": "ເຫດຜົນ",
+            "banned_by": "ຫ້າມໂດຍ %(displayName)s",
+            "banned_users_section": "ຫ້າມຜູ້ໃຊ້",
+            "error_changing_pl_description": "ເກີດຄວາມຜິດພາດໃນການປ່ຽນແປງລະດັບສິດຂອງຜູ້ໃຊ້. ກວດໃຫ້ແນ່ໃຈວ່າເຈົ້າມີສິດອະນຸຍາດພຽງພໍແລ້ວລອງໃໝ່ອີກຄັ້ງ.",
+            "error_changing_pl_reqs_description": "ເກີດຄວາມຜິດພາດໃນການປ່ຽນແປງຂໍ້ກຳນົດລະດັບສິດຂອງຫ້ອງ. ກວດໃຫ້ແນ່ໃຈວ່າເຈົ້າມີສິດອະນຸຍາດພຽງພໍແລ້ວລອງໃໝ່ອີກຄັ້ງ.",
+            "error_changing_pl_reqs_title": "ເກີດຄວາມຜິດພາດໃນການປ່ຽນແປງຄວາມຕ້ອງການລະດັບພະລັງງານ",
+            "error_changing_pl_title": "ເກີດຄວາມຜິດພາດໃນການປ່ຽນແປງລະດັບສິດ",
+            "error_unbanning": "ຍົກເລີກບໍ່ສໍາເລັດ",
+            "events_default": "ສົ່ງຂໍ້ຄວາມ",
+            "invite": "ເຊີນຜູ້ໃຊ້",
+            "kick": "ເອົາຜູ້ໃຊ້ອອກ",
+            "m.reaction": "ສົ່ງການຕອບກັບ",
+            "m.room.avatar": "ປ່ຽນ avatar ຂອງຫ້ອງ",
+            "m.room.avatar_space": "ປ່ຽນຮູບ avatar",
+            "m.room.canonical_alias": "ປ່ຽນທີ່ຢູ່ຫຼັກສຳລັບຫ້ອງ",
+            "m.room.canonical_alias_space": "ປ່ຽນທີ່ຢູ່ຫຼັກສຳລັບພື້ນທີ່",
+            "m.room.encryption": "ເປີດໃຊ້ການເຂົ້າລະຫັດຫ້ອງ",
+            "m.room.history_visibility": "ປ່ຽນການເບິ່ງເຫັນປະຫວັດ",
+            "m.room.name": "ປ່ຽນຊື່ຫ້ອງ",
+            "m.room.name_space": "ປ່ຽນຊື່ພຶ້ນທີ່",
+            "m.room.pinned_events": "ຈັດການເຫດການທີ່ປັກໝຸດໄວ້",
+            "m.room.power_levels": "ປ່ຽນສິດອະນຸຍາດ",
+            "m.room.redaction": "ເອົາຂໍ້ຄວາມທີ່ຂ້ອຍສົ່ງອອກ",
+            "m.room.server_acl": "ປ່ຽນ ACL ຂອງເຊີບເວີ",
+            "m.room.tombstone": "ຍົກລະດັບຫ້ອງ",
+            "m.room.topic": "ປ່ຽນຫົວຂໍ້",
+            "m.room.topic_space": "ປ່ຽນຄຳອະທິບາຍ",
+            "m.space.child": "ຈັດການຫ້ອງຢູ່ໃນພື້ນທີ່ນີ້",
+            "m.widget": "ແກ້ໄຂ widget",
+            "muted_users_section": "ຜູ້ໃຊ້ທີ່ປິດສຽງ",
+            "no_privileged_users": "ບໍ່ມີຜູ້ໃຊ້ໃດມີສິດທິພິເສດຢູ່ໃນຫ້ອງນີ້",
+            "notifications.room": "ແຈ້ງເຕືອນທຸກຄົນ",
+            "permissions_section": "ການອະນຸຍາດ",
+            "permissions_section_description_room": "ເລືອກພາລະບົດບາດທີ່ຕ້ອງການໃນການປ່ຽນແປງພາກສ່ວນຕ່າງໆຂອງຫ້ອງ",
+            "permissions_section_description_space": "ເລືອກພາລະບົດບາດທີ່ຕ້ອງການໃນການປ່ຽນແປງພາກສ່ວນຕ່າງໆຂອງພຶ້ນທີ່",
+            "privileged_users_section": "ສິດທິພິເສດຂອງຜູ້ໃຊ້",
+            "redact": "ລົບຂໍ້ຄວາມທີ່ຄົນອື່ນສົ່ງມາ",
+            "send_event_type": "ສົ່ງເຫດການ %(eventType)s",
+            "state_default": "ປ່ຽນການຕັ້ງຄ່າ",
+            "title": "ພາລະບົດບາດ & ການອະນຸຍາດ",
+            "users_default": "ບົດບາດເລີ່ມຕົ້ນ"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "ເມື່ອເປີດໃຊ້ແລ້ວ, ການເຂົ້າລະຫັດລັບຂອງຫ້ອງບໍ່ສາມາດປິດໃຊ້ງານໄດ້. ຂໍ້ຄວາມທີ່ສົ່ງຢູ່ໃນຫ້ອງທີ່ເຂົ້າລະຫັດບໍ່ສາມາດເຫັນໄດ້ໂດຍເຊີບເວີ, ສະເພາະແຕ່ຜູ້ເຂົ້າຮ່ວມຂອງຫ້ອງເທົ່ານັ້ນ. ການເປີດໃຊ້ການເຂົ້າລະຫັດອາດຈະເຮັດໃຫ້ bots ແລະ bridges ຈໍານວນຫຼາຍເຮັດວຽກບໍ່ຖືກຕ້ອງ. <a>ສຶກສາເພີ່ມເຕີມກ່ຽວກັບການເຂົ້າລະຫັດ.</a>",
+            "enable_encryption_confirm_title": "ເປີດໃຊ້ງານການເຂົ້າລະຫັດບໍ?",
+            "enable_encryption_public_room_confirm_description_2": "ເພື່ອຫຼີກລ້ຽງບັນຫາເຫຼົ່ານີ້, ສ້າງ <a>ຫ້ອງເຂົ້າລະຫັດໃຫມ່</a> ສໍາລັບການສົນທະນາທີ່ທ່ານວາງແຜນຈະມີ.",
+            "enable_encryption_public_room_confirm_title": "ທ່ານແນ່ໃຈບໍ່ວ່າຕ້ອງການເພີ່ມການເຂົ້າລະຫັດໃສ່ຫ້ອງສາທາລະນະນີ້?",
+            "encrypted_room_public_confirm_description_1": "<b>ບໍ່ໄດ້ແນະນໍາໃຫ້ເຮັດໃຫ້ຫ້ອງທີ່ເຂົ້າລະຫັດເປັນສາທາລະນະ.</b> ມັນຈະຫມາຍຄວາມວ່າທຸກຄົນສາມາດຊອກຫາແລະເຂົ້າຮ່ວມຫ້ອງໄດ້, ດັ່ງນັ້ນທຸກຄົນສາມາດອ່ານຂໍ້ຄວາມໄດ້. ທ່ານຈະບໍ່ໄດ້ຮັບຜົນປະໂຫຍດອັນໃດຈາກການເຂົ້າລະຫັດ.",
+            "encrypted_room_public_confirm_description_2": "ເພື່ອຫຼີກເວັ້ນບັນຫາເຫຼົ່ານີ້, ສ້າງ <a>new public room</a> ສໍາລັບການສົນທະນາທີ່ທ່ານວາງແຜນໄວ້.",
+            "encrypted_room_public_confirm_title": "ທ່ານແນ່ໃຈບໍ່ວ່າຕ້ອງການເຮັດໃຫ້ຫ້ອງທີ່ຖືກເຂົ້າລະຫັດນີ້ເປັນສາທາລະນະ?",
+            "encryption_permanent": "ເມື່ອເປີດໃຊ້ແລ້ວ, ການເຂົ້າລະຫັດບໍ່ສາມາດຖືກປິດໃຊ້ງານໄດ້.",
+            "error_join_rule_change_title": "ອັບເດດກົດລະບຽບການເຂົ້າຮ່ວມບໍ່ສຳເລັດ",
+            "error_join_rule_change_unknown": "ຄວາມລົ້ມເຫຼວທີ່ບໍ່ຮູ້ສາເຫດ",
+            "guest_access_warning": "ຄົນທີ່ມີລູກຄ້າສະຫນັບສະຫນູນຈະສາມາດເຂົ້າຮ່ວມຫ້ອງໄດ້ໂດຍບໍ່ຕ້ອງມີບັນຊີລົງທະບຽນ.",
+            "history_visibility_invited": "ສະເພາະສະມາຊິກເທົ່ານັ້ນ (ນັບແຕ່ພວກເຂົາຖືກເຊີນ)",
+            "history_visibility_legend": "ຜູ້ໃດອ່ານປະຫວັດໄດ້?",
+            "history_visibility_shared": "(ນັບແຕ່ຊ່ວງເວລາຂອງການເລືອກນີ້) ສຳລັບສະມາຊິກເທົ່ານັ້ນ",
+            "history_visibility_warning": "ການປ່ຽນແປງຜູ້ທີ່ອ່ານປະຫວັດຈະມີຜົນກັບຂໍ້ຄວາມໃນອະນາຄົດທີ່ຢູ່ໃນຫ້ອງນີ້ເທົ່ານັ້ນ.",
+            "history_visibility_world_readable": "ຄົນໃດຄົນໜຶ່ງ",
+            "join_rule_description": "ຕັດສິນໃຈວ່າໃຜສາມາດເຂົ້າຮ່ວມ %(roomName)s.",
+            "join_rule_invite": "ສ່ວນຕົວ (ເຊີນສ່ວນຕົວເທົ່ານັ້ນ )",
+            "join_rule_invite_description": "ສະເພາະຄົນທີ່ຖືກເຊີນເທົ່ານັ້ນທີ່ສາມາດເຂົ້າຮ່ວມໄດ້.",
+            "join_rule_public_description": "ທຸກຄົນສາມາດຊອກຫາ ແລະ ເຂົ້າຮ່ວມໄດ້.",
+            "join_rule_restricted": "ພຶ້ນທີ່ຂອງສະມາຊິກ",
+            "join_rule_restricted_description": "ທຸກຄົນຢູ່ໃນພື້ນທີ່ສາມາດຊອກຫາ ແລະເຂົ້າຮ່ວມໄດ້. <a>ແກ້ໄຂພື້ນທີ່ໃດທີ່ສາມາດເຂົ້າເຖິງທີ່ນີ້.</a>",
+            "join_rule_restricted_description_active_space": "ທຸກຄົນໃນ <spaceName/> ສາມາດຊອກຫາ ແລະເຂົ້າຮ່ວມໄດ້. ທ່ານສາມາດເລືອກບ່ອນອື່ນໄດ້ຄືກັນ.",
+            "join_rule_restricted_description_prompt": "ທຸກຄົນຢູ່ໃນພື້ນທີ່ສາມາດຊອກຫາ ແລະເຂົ້າຮ່ວມໄດ້. ທ່ານສາມາດເລືອກຫຼາຍໄດ້ຫຼາຍພຶ້ນທີ່.",
+            "join_rule_restricted_description_spaces": "ພຶ້ນທີ່ ທີ່ມີການເຂົ້າເຖິງ",
+            "join_rule_restricted_dialog_description": "ຕັດສິນໃຈວ່າບ່ອນໃດທີ່ສາມາດເຂົ້າເຖິງຫ້ອງນີ້ໄດ້. ຖ້າຫາກພື້ນທີ່ເລືອກ, ສະມາຊິກຂອງຕົນສາມາດຊອກຫາ ແລະເຂົ້າຮ່ວມ <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "ທ່ານກຳລັງລຶບພື້ນທີ່ທັງໝົດອອກ. ການເຂົ້າເຖິງຈະເປັນຄ່າເລີ່ມຕົ້ນເພື່ອເຊີນເທົ່ານັ້ນ",
+            "join_rule_restricted_dialog_filter_placeholder": "ຊອກຫາສະຖານທີ່",
+            "join_rule_restricted_dialog_heading_other": "ພື້ນທີ່ ຫຼື ຫ້ອງອື່ນໆທີ່ທ່ານອາດບໍ່ຮູ້ຈັກ",
+            "join_rule_restricted_dialog_heading_room": "ພື້ນທີ່ທີ່ທ່ານຮູ້ຈັກ ຊຶ່ງບັນຈຸໃນຫ້ອງນີ້",
+            "join_rule_restricted_dialog_heading_space": "ພື້ນທີ່ ທີ່ທ່ານຮູ້ຈັກ ທີ່ບັນຈຸພື້ນທີ່ນີ້",
+            "join_rule_restricted_dialog_heading_unknown": "ເຫຼົ່ານີ້ອາດຈະເປັນຜູ້ຄຸ້ມຄອງຫ້ອງອື່ນໆເປັນສ່ວນຫນຶ່ງຂອງ.",
+            "join_rule_restricted_dialog_title": "ເລືອກພື້ນທີ່",
+            "join_rule_restricted_n_more": {
+                "one": "& %(count)s ເພີ່ມເຕີມ",
+                "other": "&%(count)s ເພີ່ມເຕີມ"
+            },
+            "join_rule_restricted_summary": {
+                "one": "ໃນປັດຈຸບັນ, ມີການເຂົ້າເຖິງພື້ນທີ່",
+                "other": "ໃນປັດຈຸບັນ, %(count)s ມີການເຂົ້າເຖິງພື້ນທີ່"
+            },
+            "join_rule_restricted_upgrade_description": "ການຍົກລະດັບນີ້ຈະອະນຸຍາດໃຫ້ສະມາຊິກຂອງພື້ນທີ່ທີ່ເລືອກເຂົ້າມາໃນຫ້ອງນີ້ໂດຍບໍ່ມີການເຊີນ.",
+            "join_rule_restricted_upgrade_warning": "ຫ້ອງນີ້ແມ່ນຢູ່ໃນບາງພື້ນທີ່ທີ່ທ່ານບໍ່ແມ່ນຜູ້ຄຸ້ມຄອງ. ໃນສະຖານທີ່ເຫຼົ່ານັ້ນ, ຫ້ອງເກົ່າຍັງຈະສະແດງຢູ່, ແຕ່ຜູ້ຄົນຈະຖືກກະຕຸ້ນໃຫ້ເຂົ້າຮ່ວມຫ້ອງໃຫມ່.",
+            "join_rule_upgrade_awaiting_room": "ກຳລັງໂຫຼດຫ້ອງໃໝ່",
+            "join_rule_upgrade_required": "ຕ້ອງການບົກລະດັບ",
+            "join_rule_upgrade_sending_invites": {
+                "one": "ກຳລັງສົ່ງຄຳເຊີນ...",
+                "other": "ກຳລັງສົ່ງຄຳເຊີນ... (%(progress)s ຈາກທັງໝົດ %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "ກຳລັງປັບປຸງພື້ນທີ່..",
+                "other": "ກຳລັງຍົກລະດັບພື້ນທີ່... (%(progress)s ຈາກທັງໝົດ %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "ການຍົກລະດັບຫ້ອງ",
+            "public_without_alias_warning": "ເພື່ອເຊື່ອມຕໍ່ຫາຫ້ອງນີ້, ກະລຸນາເພີ່ມທີ່ຢູ່.",
+            "strict_encryption": "ບໍ່ສົ່ງຂໍ້ຄວາມເຂົ້າລະຫັດໄປຫາລະບົບທີ່ບໍ່ໄດ້ຢືນຢັນໃນຫ້ອງນີ້ຈາກລະບົບນີ້",
+            "title": "ຄວາມປອດໄພ & ຄວາມເປັນສ່ວນຕົວ"
+        },
+        "title": "ການຕັ້ງຄ່າຫ້ອງ - %(roomName)s",
+        "upload_avatar_label": "ອັບໂຫຼດອາວາຕ້າ",
+        "visibility": {
+            "alias_section": "ທີ່ຢູ່",
+            "error_failed_save": "ອັບເດດການເບິ່ງເຫັນພື້ນທີ່ນີ້ບໍ່ສຳເລັດ",
+            "error_update_guest_access": "ການອັບເດດການເຂົ້າເຖິງຂອງແຂກຂອງພື້ນທີ່ນີ້ບໍ່ສຳເລັດ",
+            "error_update_history_visibility": "ການອັບເດດປະຫວັດການເບິ່ງເຫັນຂອງພື້ນທີ່ນີ້ບໍ່ສຳເລັດ",
+            "guest_access_explainer": "ແຂກສາມາດເຂົ້າຮ່ວມພື້ນທີ່ໄດ້ໂດຍບໍ່ຕ້ອງມີບັນຊີ.",
+            "guest_access_label": "ເປີດໃຊ້ການເຂົ້າເຖິງແຂກ/ຜູ້ຖືກເຊີນ",
+            "history_visibility_anyone_space": "ເບິ່ງຕົວຢ່າງພື້ນທີ່",
+            "history_visibility_anyone_space_description": "ອະນຸຍາດໃຫ້ຄົນເບິ່ງຕົວຢ່າງພື້ນທີ່ຂອງທ່ານກ່ອນທີ່ເຂົາເຈົ້າເຂົ້າຮ່ວມ.",
+            "history_visibility_anyone_space_recommendation": "ແນະນຳສຳລັບສະຖານທີ່ສາທາລະນະ.",
+            "title": "ການເບິ່ງເຫັນ"
+        }
+    },
+    "room_summary_card_back_action_label": "ຂໍ້ມູນຫ້ອງ",
+    "scalar": {
+        "error_create": "ບໍ່ສາມາດສ້າງ widget ໄດ້.",
+        "error_membership": "ທ່ານບໍ່ໄດ້ຢູ່ໃນຫ້ອງນີ້.",
+        "error_missing_room_id": "ລະຫັດຫ້ອງຫາຍໄປ.",
+        "error_missing_room_id_request": "ບໍ່ມີການຮ້ອງຂໍ room_id",
+        "error_missing_user_id_request": "ບໍ່ມີ user_id ໃນການຮ້ອງຂໍ",
+        "error_permission": "ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ເຮັດສິ່ງນັ້ນຢູ່ໃນຫ້ອງນີ້.",
+        "error_power_level_invalid": "ລະດັບພະລັງງານຈະຕ້ອງເປັນຈຳນວນບວກ.",
+        "error_room_not_visible": "ບໍ່ເຫັນຫ້ອງ %(roomId)s",
+        "error_room_unknown": "ຫ້ອງນີ້ບໍ່ຖືກຮັບຮູ້.",
+        "error_send_request": "ສົ່ງຄຳຮ້ອງຂໍບໍ່ສຳເລັດ."
+    },
+    "server_offline": {
+        "description": "ເຊີບເວີຂອງທ່ານບໍ່ຕອບສະໜອງຕໍ່ບາງຄຳຮ້ອງຂໍຂອງທ່ານ. ຂ້າງລຸ່ມນີ້ແມ່ນສາເຫດທີ່ເປັນໄປໄດ້ທີ່ສຸດ.",
+        "description_1": "ເຊີບເວີ (%(serverName)s) ໃຊ້ເວລາດົນເກີນໄປທີ່ຈະຕອບສະໜອງ.",
+        "description_2": "Firewall ຫຼື ໂປຣແກມປ້ອງກັນໄວຣັດ ຂອງທ່ານກຳລັງບັລອກການຮ້ອງຂໍ.",
+        "description_3": "ສ່ວນຂະຫຍາຍຂອງບຣາວເຊີກໍາລັງປ້ອງກັນການຮ້ອງຂໍ.",
+        "description_4": "ເຊີບເວີອອບລາຍ.",
+        "description_5": "ເຊີບເວີໄດ້ປະຕິເສດຄຳຮ້ອງຂໍຂອງທ່ານ.",
+        "description_6": "ພື້ນທີ່ຂອງທ່ານປະສົບກັບຄວາມຫຍຸ້ງຍາກໃນການເຊື່ອມຕໍ່ອິນເຕີເນັດ.",
+        "description_7": "ເກີດຄວາມຜິດພາດໃນການເຊື່ອມຕໍ່ໃນຂະນະທີ່ພະຍາຍາມຕິດຕໍ່ກັບເຊີບເວີ.",
+        "description_8": "ເຊີບເວີບໍ່ໄດ້ຖືກຕັ້ງຄ່າເພື່ອຊີ້ບອກວ່າບັນຫາແມ່ນຫຍັງ (CORS).",
+        "empty_timeline": "ຕາມທັນທັງໝົດ.",
+        "recent_changes_heading": "ການປ່ຽນແປງຫຼ້າສຸດທີ່ຍັງບໍ່ທັນໄດ້ຮັບ",
+        "title": "ເຊີບເວີບໍ່ຕອບສະໜອງ"
+    },
+    "seshat": {
+        "error_initialising": "ເລີ່ມຕົ້ນການຄົ້ນຫາຂໍ້ຄວາມບ່ສຳເລັດ, ໃຫ້ກວດເບິ່ງ <a>ການຕັ້ງຄ່າຂອງທ່ານ</a> ສໍາລັບຂໍ້ມູນເພີ່ມເຕີມ",
+        "reset_button": "ກູ້ຄືນທີ່ຈັດເກັບ",
+        "reset_description": "ສ່ວນຫຼາຍແລ້ວທ່ານບໍ່ຢາກຈະກູ້ຄືນດັດສະນີຂອງທ່ານ",
+        "reset_explainer": "ຖ້າທ່ານດຳເນິນການ, ກະລຸນາຮັບຊາບວ່າຂໍ້ຄວາມຂອງທ່ານຈະບໍ່ຖືກລຶບ, ແຕ່ການຊອກຫາອາດຈະຖືກຫຼຸດໜ້ອຍລົງເປັນເວລາສອງສາມນາທີໃນຂະນະທີ່ດັດສະນີຈະຖືກສ້າງໃໝ່",
+        "reset_title": "ກູ້ຄືນການຕັ້ງຄ່າບໍ?",
+        "warning_kind_files": "%(brand)s ລຸ້ນນີ້ບໍ່ຮອງຮັບການເບິ່ງບາງໄຟລ໌ທີ່ເຂົ້າລະຫັດໄວ້",
+        "warning_kind_files_app": "ໃຊ້ <a>ແອັບເດັສທັອບ</a> ເພື່ອເບິ່ງໄຟລ໌ທີ່ຖືກເຂົ້າລະຫັດທັງໝົດ",
+        "warning_kind_search": "ເວີຊັ້ນຂອງ %(brand)s ບໍ່ຮອງຮັບການຊອກຫາຂໍ້ຄວາມທີ່ຖືກເຂົ້າລະຫັດ",
+        "warning_kind_search_app": "ໃຊ້ <a>ແອັບເດັສທັອບ</a> ເພື່ອຊອກຫາຂໍ້ຄວາມທີ່ເຂົ້າລະຫັດໄວ້"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "ການເຂົ້າເຖິງໂທເຄັນຂອງທ່ານເປັນການເຂົ້າເຖິງບັນຊີຂອງທ່ານຢ່າງເຕັມທີ່. ຢ່າແບ່ງປັນໃຫ້ຄົນອຶ່ນ.",
+            "brand_version": "%(brand)sເວີຊັ້ນ:",
+            "clear_cache_reload": "ລຶບ cache ແລະ ໂຫຼດໃຫມ່",
+            "help_link": "ສໍາລັບການຊ່ວຍເຫຼືອໃນການນໍາໃຊ້ %(brand)s, ກົດ <a>ທີ່ນີ້</a>.",
+            "title": "ຊ່ວຍເຫຼືອ & ກ່ຽວກັບ",
+            "versions": "ເວິຊັ້ນ"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "ສະແດງຫ້ອງທັງໝົດໃນໜ້າ Home",
+        "all_rooms_home_description": "ຫ້ອງທັງໝົດທີ່ທ່ານຢູ່ຈະປາກົດຢູ່ໃນໜ້າ Home.",
+        "always_show_message_timestamps": "ສະແດງເວລາຂອງຂໍ້ຄວາມສະເໝີ",
+        "appearance": {
+            "custom_font": "ໃຊ້ຕົວອັກສອນຂອງລະບົບ",
+            "custom_font_description": "ກຳນົດຊື່ຕົວອັກສອນທີ່ຕິດຕັ້ງຢູ່ໃນລະບົບຂອງທ່ານ & %(brand)sຈະພະຍາຍາມໃຊ້ມັນ.",
+            "custom_font_name": "ຊື່ຕົວອັກສອນລະບົບ",
+            "custom_font_size": "ໃຊ້ຂະຫນາດທີ່ກໍາຫນົດເອງ",
+            "custom_theme_error_downloading": "ເກີດຄວາມຜິດພາດໃນການດາວໂຫຼດຂໍ້ມູນ.",
+            "custom_theme_invalid": "ຮູບແບບschemaບໍ່ຖືກຕ້ອງ.",
+            "font_size": "ຂະໜາດຕົວອັກສອນ",
+            "image_size_default": "ຄ່າເລີ່ມຕົ້ນ",
+            "image_size_large": "ຂະຫນາດໃຫຍ່",
+            "layout_bubbles": "ຟອງຂໍ້ຄວາມ",
+            "layout_irc": "(ທົດລອງ)IRC",
+            "match_system_theme": "ລະບົບຈັບຄູ່ຫົວຂໍ້",
+            "timeline_image_size": "ຂະຫນາດຮູບພາບຢູ່ໃນທາມລາຍ"
+        },
+        "automatic_language_detection_syntax_highlight": "ເປີດໃຊ້ການກວດຫາພາສາອັດຕະໂນມັດສຳລັບການເນັ້ນໄວຍະກອນ",
+        "autoplay_gifs": "ຫຼິ້ນ GIFs ອັດຕະໂນມັດ",
+        "autoplay_videos": "ຫຼິ້ນວິດີໂອອັດຕະໂນມັດ",
+        "big_emoji": "ເປີດໃຊ້ emoji ໃຫຍ່ໃນການສົນທະນາ",
+        "code_block_expand_default": "ຂະຫຍາຍບລັອກລະຫັດຕາມຄ່າເລີ່ມຕົ້ນ",
+        "code_block_line_numbers": "ສະແດງຕົວເລກແຖວຢູ່ໃນບລັອກລະຫັດ",
+        "emoji_autocomplete": "ເປີດໃຊ້ການແນະນຳອີໂມຈິໃນຂະນະທີ່ພິມ",
+        "enable_markdown": "ເປີດໃຊ້ Markdown",
+        "general": {
+            "account_management_section": "ການຈັດການບັນຊີ",
+            "account_section": "ບັນຊີ",
+            "add_email_dialog_title": "ເພີ່ມອີເມວ",
+            "add_email_failed_verification": "ບໍ່ສາມາດກວດສອບອີເມວໄດ້: ໃຫ້ແນ່ໃຈວ່າທ່ານໄດ້ກົດໃສ່ການເຊື່ອມຕໍ່ໃນອີເມວ",
+            "add_email_instructions": "ພວກເຮົາໄດ້ສົ່ງອີເມວຫາທ່ານເພື່ອຢືນຢັນທີ່ຢູ່ຂອງທ່ານ. ກະລຸນາປະຕິບັດຕາມຄໍາແນະນໍາຢູ່ທີ່ນັ້ນ ແລະ ຫຼັງຈາກນັ້ນໃຫ້ຄລິກໃສ່ປຸ່ມຂ້າງລຸ່ມນີ້.",
+            "add_msisdn_confirm_body": "ກົດປຸ່ມຂ້າງລຸ່ມເພື່ອຢືນຢັນການເພີ່ມອີເມວນີ້.",
+            "add_msisdn_confirm_button": "ຢືນຢັນການເພີ່ມເບີໂທລະສັບ",
+            "add_msisdn_confirm_sso_button": "ຢືນຢັນການເພີ່ມອີເມວນີ້ໂດຍໃຊ້ Single Sign On ເພື່ອພິສູດຕົວຕົນຂອງທ່ານ.",
+            "add_msisdn_dialog_title": "ເພີ່ມເບີໂທລະສັບ",
+            "add_msisdn_instructions": "ຂໍ້ຄວາມໄດ້ຖືກສົ່ງໄປຫາ +%(msisdn)s. ກະລຸນາໃສ່ລະຫັດຢືນຢັນ.",
+            "confirm_adding_email_body": "ກົດປຸ່ມຂ້າງລຸ່ມເພື່ອຢືນຢັນການເພີ່ມອີເມວນີ້.",
+            "confirm_adding_email_title": "ຢືນຢັນການເພີ່ມອີເມວ",
+            "deactivate_confirm_body": "ທ່ານແນ່ໃຈບໍ່ວ່າຕ້ອງການປິດການນຳໃຊ້ບັນຊີຂອງທ່ານ? ນີ້ແມ່ນບໍ່ສາມາດປີ້ນກັບກັນໄດ້.",
+            "deactivate_confirm_body_sso": "ຢືນຢັນການປິດບັນຊີຂອງທ່ານໂດຍການໃຊ້ການເຂົ້າສູ່ລະບົບດຽວເພື່ອພິສູດຕົວຕົນຂອງທ່ານ.",
+            "deactivate_confirm_content": "ຢືນຢັນວ່າທ່ານຕ້ອງການປິດການນຳໃຊ້ບັນຊີຂອງທ່ານ. ຖ້າທ່ານດໍາເນີນການ:",
+            "deactivate_confirm_content_1": "ທ່ານຈະບໍ່ສາມາດເປີດໃຊ້ບັນຊີຂອງທ່ານຄືນໄດ້",
+            "deactivate_confirm_content_2": "ທ່ານຈະບໍ່ສາມາດເຂົ້າສູ່ລະບົບໄດ້",
+            "deactivate_confirm_content_3": "ບໍ່ມີໃຜຈະສາມາດນໍາໃຊ້ຄືນຊື່ຜູ້ໃຊ້ຂອງທ່ານ (MXID), ລວມທັງທ່ານ: ຈະບໍ່ມີຊື່ຜູ້ໃຊ້ນີ້",
+            "deactivate_confirm_content_4": "ທ່ານຈະອອກຈາກຫ້ອງທັງໝົດ ແລະ DM ທີ່ທ່ານຢູ່",
+            "deactivate_confirm_content_5": "ທ່ານຈະຖືກລຶບອອກຈາກຂໍ້ມູນເຊີບເວີ: ໝູ່ຂອງທ່ານຈະບໍ່ສາມາດຊອກຫາທ່ານດ້ວຍອີເມວ ຫຼືເບີໂທລະສັບຂອງທ່ານໄດ້ອີກຕໍ່ໄປ",
+            "deactivate_confirm_content_6": "ຂໍ້ຄວາມເກົ່າຂອງທ່ານຍັງເບິ່ງເຫັນໄດ້ໂດຍຜູ້ທີ່ໄດ້ຮັບຂໍ້ຄວາມ, ຄືກັນກັບອີເມວທີ່ທ່ານສົ່ງໃນອະດີດ. ທ່ານຕ້ອງການເຊື່ອງຂໍ້ຄວາມທີ່ສົ່ງຂອງທ່ານຈາກຄົນທີ່ເຂົ້າຮ່ວມຫ້ອງໃນອະນາຄົດບໍ?",
+            "deactivate_confirm_continue": "ຢືນຢັນການປິດບັນຊີ",
+            "deactivate_confirm_erase_label": "ເຊື່ອງຂໍ້ຄວາມຂອງຂ້ອຍຈາກຜູ້ເຂົ້າໃໝ່",
+            "deactivate_section": "ປິດການນຳໃຊ້ບັນຊີ",
+            "discovery_email_empty": "ຕົວເລືອກການຄົ້ນພົບຈະປາກົດຂຶ້ນເມື່ອທ່ານໄດ້ເພີ່ມອີເມວຂ້າງເທິງ.",
+            "discovery_email_verification_instructions": "ຢືນຢັນການເຊື່ອມຕໍ່ໃນ inbox ຂອງທ່ານ",
+            "discovery_msisdn_empty": "ຕົວເລືອກການຄົ້ນພົບຈະປາກົດເມື່ອທ່ານໄດ້ເພີ່ມເບີໂທລະສັບຂ້າງເທິງ.",
+            "discovery_needs_terms": "ຕົກລົງເຫັນດີກັບ ເຊີບເວີ(%(serverName)s) ເງື່ອນໄຂການໃຫ້ບໍລິການເພື່ອອະນຸຍາດໃຫ້ຕົວທ່ານເອງສາມາດຄົ້ນພົບໄດ້ໂດຍທີ່ຢູ່ອີເມວ ຫຼືເບີໂທລະສັບ.",
+            "email_address_in_use": "ອີເມວນີ້ຖືກໃຊ້ແລ້ວ",
+            "email_address_label": "ທີ່ຢູ່ອີເມວ",
+            "email_not_verified": "ທີ່ຢູ່ອີເມວຂອງທ່ານຍັງບໍ່ໄດ້ຖືກຢືນຢັນເທື່ອ",
+            "email_verification_instructions": "ກົດທີ່ລິ້ງໃນອີເມວທີ່ທ່ານໄດ້ຮັບເພື່ອກວດສອບ ແລະ ຈາກນັ້ນກົດສືບຕໍ່ອີກຄັ້ງ.",
+            "emails_heading": "ທີ່ຢູ່ອີເມວ",
+            "error_add_email": "ບໍ່ສາມາດເພີ່ມທີ່ຢູ່ອີເມວໄດ້",
+            "error_deactivate_communication": "ມີບັນຫາໃນການສື່ສານກັບເຊີບເວີ. ກະລຸນາລອງອີກຄັ້ງ.",
+            "error_deactivate_invalid_auth": "ເຊີບເວີບໍ່ໄດ້ສົ່ງຂໍ້ມູນຄືນຂໍ້ມູນການຮັບຮອງທີ່ຖືກຕ້ອງ.",
+            "error_deactivate_no_auth": "ເຊີບເວີບໍ່ໄດ້ຮຽກຮ້ອງໃຫ້ມີການພິສູດຢືນຢັນໃດໆ",
+            "error_email_verification": "ບໍ່ສາມາດຢັ້ງຢືນທີ່ຢູ່ອີເມວໄດ້.",
+            "error_invalid_email": "ທີ່ຢູ່ອີເມວບໍ່ຖືກຕ້ອງ",
+            "error_invalid_email_detail": "ສິ່ງນີ້ເບິ່ງຄືວ່າບໍ່ແມ່ນທີ່ຢູ່ອີເມວທີ່ຖືກຕ້ອງ",
+            "error_msisdn_verification": "ບໍ່ສາມາດຢັ້ງຢືນເບີໂທລະສັບໄດ້.",
+            "error_password_change_403": "ປ່ຽນລະຫັດຜ່ານບໍ່ສຳເລັດ. ລະຫັດຜ່ານຂອງທ່ານຖືກຕ້ອງບໍ?",
+            "error_remove_3pid": "ບໍ່ສາມາດລຶບຂໍ້ມູນການຕິດຕໍ່ໄດ້",
+            "error_revoke_email_discovery": "ບໍ່ສາມາດຖອນການແບ່ງປັນສໍາລັບທີ່ຢູ່ອີເມວໄດ້",
+            "error_revoke_msisdn_discovery": "ບໍ່ສາມາດຖອນການແບ່ງປັນສຳລັບເບີໂທລະສັບໄດ້",
+            "error_share_email_discovery": "ບໍ່ສາມາດແບ່ງປັນທີ່ຢູ່ອີເມວໄດ້",
+            "error_share_msisdn_discovery": "ບໍ່ສາມາດແບ່ງປັນເບີໂທລະສັບໄດ້",
+            "language_section": "ພາສາ ແລະ ພາກພື້ນ",
+            "msisdn_in_use": "ເບີໂທນີ້ຖືກໃຊ້ແລ້ວ",
+            "msisdn_label": "ເບີໂທລະສັບ",
+            "msisdn_verification_field_label": "ລະຫັດຢືນຢັນ",
+            "msisdn_verification_instructions": "ກະລຸນາໃສ່ລະຫັດຢືນຢັນທີ່ສົ່ງຜ່ານຂໍ້ຄວາມ.",
+            "msisdns_heading": "ເບີໂທລະສັບ",
+            "password_change_success": "ລະຫັດຜ່ານຂອງທ່ານຖືກປ່ຽນສຳເລັດແລ້ວ.",
+            "remove_email_prompt": "ລຶບ %(email)s ອອກບໍ?",
+            "remove_msisdn_prompt": "ລຶບ %(phone)sອອກບໍ?"
+        },
+        "inline_url_previews_default": "ເປີດໃຊ້ການສະແດງຕົວຢ່າງ URL ໃນແຖວຕາມຄ່າເລີ່ມຕົ້ນ",
+        "insert_trailing_colon_mentions": "ຈໍ້າສອງເມັດພາຍຫຼັງຈາກຜູ້ໃຊ້ກ່າວເຖິງໃນຕອນເລີ່ມຕົ້ນຂອງຂໍ້ຄວາມ",
+        "jump_to_bottom_on_send": "ໄປຫາລຸ່ມສຸດຂອງທາມລາຍເມື່ອທ່ານສົ່ງຂໍ້ຄວາມ",
+        "key_backup": {
+            "setup_secure_backup": {
+                "cancel_warning": "ຖ້າທ່ານຍົກເລີກດຽວນີ້, ທ່ານອາດຈະສູນເສຍຂໍ້ຄວາມ & ຂໍ້ມູນທີ່ຖືກເຂົ້າລະຫັດ ແລະ ທ່ານສູນເສຍການເຂົ້າເຖິງການເຂົ້າສູ່ລະບົບຂອງທ່ານ.",
+                "confirm_security_phrase": "ຢືນຢັນປະໂຫຍກຄວາມປອດໄພຂອງທ່ານ",
+                "description": "ປ້ອງກັນການສູນເສຍການເຂົ້າເຖິງຂໍ້ຄວາມ & ຂໍ້ມູນທີ່ຖືກເຂົ້າລະຫັດໂດຍການສໍາຮອງລະຫັດການເຂົ້າລະຫັດຢູ່ໃນເຊີບເວີຂອງທ່ານ.",
+                "enter_phrase_title": "ໃສ່ປະໂຫຍກເພື່ອຄວາມປອດໄພ",
+                "enter_phrase_to_confirm": "ກະລຸນາໃສ່ປະໂຫຍກຄວາມປອດໄພຂອງທ່ານເປັນເທື່ອທີສອງເພື່ອຢືນຢັນ.",
+                "generate_security_key_description": "ພວກເຮົາຈະສ້າງກະແຈຄວາມປອດໄພໃຫ້ທ່ານເກັບຮັກສາໄວ້ບ່ອນໃດບ່ອນໜຶ່ງທີ່ປອດໄພ ເຊັ່ນ: ຕົວຈັດການລະຫັດຜ່ານ ຫຼື ຕູ້ນິລະໄພ.",
+                "generate_security_key_title": "ສ້າງກະແຈຄວາມປອດໄພ",
+                "pass_phrase_match_failed": "ບໍ່ກົງກັນ.",
+                "pass_phrase_match_success": "ກົງກັນ!",
+                "phrase_strong_enough": "ດີເລີດ! ປະໂຫຍກຄວາມປອດໄພນີ້ເບິ່ງຄືວ່າເຂັ້ມແຂງພຽງພໍ.",
+                "secret_storage_query_failure": "ບໍ່ສາມາດຄົ້ນຫາສະຖານະການເກັບຮັກສາຄວາມລັບໄດ້",
+                "security_key_safety_reminder": "ການເກັບຮັກສາກະແຈຄວາມປອດໄພຂອງທ່ານໄວ້ບ່ອນໃດບ່ອນໜຶ່ງທີ່ປອດໄພ ເຊັ່ນ: ຕົວຈັດການລະຫັດຜ່ານ ຫຼືບ່ອນປອດໄພ ເພາະຈະຖືກໃຊ້ເພື່ອປົກປ້ອງຂໍ້ມູນທີ່ເຂົ້າລະຫັດໄວ້ຂອງທ່ານ.",
+                "set_phrase_again": "ກັບຄືນໄປຕັ້ງໃໝ່ອີກຄັ້ງ.",
+                "settings_reminder": "ນອກນັ້ນທ່ານຍັງສາມາດຕັ້ງຄ່າການສໍາຮອງຂໍ້ມູນທີ່ປອດໄພ & ຈັດການກະແຈຂອງທ່ານໃນການຕັ້ງຄ່າ.",
+                "title_confirm_phrase": "ຢືນຢັນປະໂຫຍກຄວາມປອດໄພ",
+                "title_save_key": "ບັນທຶກກະແຈຄວາມປອດໄພຂອງທ່ານ",
+                "title_set_phrase": "ຕັ້ງຄ່າປະໂຫຍກຄວາມປອດໄພ",
+                "unable_to_setup": "ບໍ່ສາມາດກຳນົດບ່ອນເກັບຂໍ້ມູນລັບໄດ້",
+                "use_different_passphrase": "ໃຊ້ຂໍ້ຄວາມລະຫັດຜ່ານອື່ນບໍ?",
+                "use_phrase_only_you_know": "ໃຊ້ປະໂຫຍກລັບທີ່ທ່ານຮູ້ເທົ່ານັ້ນ, ແລະ ເປັນທາງເລືອກທີ່ຈະບັນທຶກກະແຈຄວາມປອດໄພເພື່ອໃຊ້ສຳລັບການສຳຮອງຂໍ້ມູນ."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "ຢືນຢັນລະຫັດຜ່ານ",
+            "enter_passphrase": "ໃສ່ລະຫັດຜ່ານ",
+            "export_description_1": "ຂະບວນການນີ້ຊ່ວຍໃຫ້ທ່ານສາມາດສົ່ງອອກລະຫັດສໍາລັບຂໍ້ຄວາມທີ່ທ່ານໄດ້ຮັບໃນຫ້ອງທີ່ຖືກເຂົ້າລະຫັດໄປຫາໄຟລ໌ໃນຊ່ອງເກັບຂໍ້ມູນ. ຫຼັງຈາກນັ້ນທ່ານຈະສາມາດນໍາເຂົ້າໄຟລ໌ເຂົ້າໄປໃນລູກຄ້າ Matrix ອື່ນໃນອະນາຄົດ, ດັ່ງນັ້ນລູກຄ້ານັ້ນຈະສາມາດຖອດລະຫັດຂໍ້ຄວາມເຫຼົ່ານີ້ໄດ້.",
+            "export_title": "ສົ່ງກະແຈຫ້ອງອອກ",
+            "file_to_import": "ໄຟລ໌ທີ່ຈະນໍາເຂົ້າ",
+            "import_description_1": "ຂະບວນການນີ້ອະນຸຍາດໃຫ້ທ່ານນໍາເຂົ້າລະຫັດ ທີ່ທ່ານໄດ້ສົ່ງອອກຜ່ານມາຈາກລູກຄ້າ Matrix ອື່ນ. ຈາກນັ້ນທ່ານຈະສາມາດຖອດລະຫັດຂໍ້ຄວາມໃດໆທີ່ລູກຄ້າອື່ນສາມາດຖອດລະຫັດໄດ້.",
+            "import_description_2": "ໄຟລ໌ທີສົ່ງອອກຈະຖືກປ້ອງກັນດ້ວຍປະໂຫຍກລະຫັດຜ່ານ. ທ່ານຄວນໃສ່ລະຫັດຜ່ານທີ່ນີ້, ເພື່ອຖອດລະຫັດໄຟລ໌.",
+            "import_title": "ນຳເຂົ້າກະແຈຫ້ອງ",
+            "phrase_cannot_be_empty": "ຂໍ້ຄວາມລະຫັດຜ່ານຈະຕ້ອງບໍ່ຫວ່າງເປົ່າ",
+            "phrase_must_match": "ປະໂຫຍກຕ້ອງກົງກັນ"
+        },
+        "keyboard": {
+            "title": "ແປ້ນພິມ"
+        },
+        "notifications": {
+            "enable_audible_notifications_session": "ເປີດໃຊ້ການແຈ້ງເຕືອນທີ່ໄດ້ຍິນໄດ້ສໍາລັບລະບົບນີ້",
+            "enable_desktop_notifications_session": "ເປີດໃຊ້ການແຈ້ງເຕືອນເດັສທັອບສຳລັບລະບົບນີ້",
+            "enable_email_notifications": "ເປີດໃຊ້ການແຈ້ງເຕືອນອີເມວສຳລັບ %(email)s",
+            "error_loading": "ເກີດຄວາມຜິດພາດໃນການໂຫຼດການຕັ້ງຄ່າການແຈ້ງເຕືອນຂອງທ່ານ.",
+            "error_permissions_denied": "%(brand)s ບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ສົ່ງການແຈ້ງເຕືອນໃຫ້ທ່ານ - ກະລຸນາກວດສອບການຕັ້ງຄ່າຂອງບຣາວເຊີຂອງທ່ານ",
+            "error_permissions_missing": "%(brand)s ບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ສົ່ງການແຈ້ງເຕືອນ - ກະລຸນາລອງໃໝ່ອີກຄັ້ງ",
+            "error_saving": "ເກີດຄວາມຜິດພາດໃນການບັນທຶກການຕັ້ງຄ່າການແຈ້ງເຕືອນ",
+            "error_saving_detail": "ເກີດຄວາມຜິດພາດໃນຂະນະທີ່ບັນທຶກການຕັ້ງຄ່າການແຈ້ງເຕືອນຂອງທ່ານ.",
+            "error_title": "ບໍ່ສາມາດເປີດໃຊ້ການແຈ້ງເຕືອນໄດ້",
+            "messages_containing_keywords": "ຂໍ້ຄວາມທີ່ມີຄໍາສໍາຄັນ",
+            "noisy": "ສຽງດັງ",
+            "push_targets": "ເປົ້າໝາຍການແຈ້ງເຕືອນ",
+            "rule_call": "ແຈ້ງເຊີນໂທ",
+            "rule_contains_display_name": "ຂໍ້ຄວາມທີ່ມີຊື່ສະແດງຂອງຂ້ອຍ",
+            "rule_contains_user_name": "ຂໍ້ຄວາມບັນຈຸຊື່ຜູ້ໃຊ້ຂອງຂ້ອຍ",
+            "rule_encrypted": "ຂໍ້ຄວາມເຂົ້າລະຫັດໃນການສົນທະນາກຸ່ມ",
+            "rule_encrypted_room_one_to_one": "ຂໍ້ຄວາມທີ່ເຂົ້າລະຫັດໃນການສົນທະນາແບບຫນຶ່ງຕໍ່ຫນຶ່ງ",
+            "rule_invite_for_me": "ເມື່ອຂ້ອຍຖືກເຊີນໄປຫ້ອງ",
+            "rule_message": "ຂໍ້ຄວາມໃນກຸ່ມສົນທະນາ",
+            "rule_room_one_to_one": "ຂໍ້ຄວາມໃນການສົນທະນາຫນຶ່ງຕໍ່ຫນຶ່ງ",
+            "rule_roomnotif": "ຂໍ້ຄວາມທີ່ບັນຈຸ @room",
+            "rule_suppress_notices": "ຂໍ້ຄວາມທີ່ສົ່ງໂດຍ bot",
+            "rule_tombstone": "ເມື່ອມີການຍົກລະດັບຫ້ອງ",
+            "show_message_desktop_notification": "ສະແດງຂໍ້ຄວາມໃນການແຈ້ງເຕືອນ desktop"
+        },
+        "preferences": {
+            "always_show_menu_bar": "ສະແດງແຖບເມນູໜ້າຕ່າງສະເໝີ",
+            "autocomplete_delay": "ການຕື່ມຂໍ້ມູນອັດຕະໂນມັດຊັກຊ້າ (ms)",
+            "code_blocks_heading": "ບລັອກລະຫັດ",
+            "compact_modern": "ໃຊ້ຮູບແບບ 'ທັນສະໄຫມ' ທີ່ກະທັດຮັດກວ່າ",
+            "composer_heading": "ນັກປະພັນ",
+            "enable_tray_icon": "ສະແດງໄອຄອນ ແລະ ຫຍໍ້ຫນ້າຕ່າງໃຫ້ມັນຢູ່ໃກ້",
+            "keyboard_heading": "ປຸ່ມລັດ",
+            "keyboard_view_shortcuts_button": "ເພື່ອເບິ່ງປຸ່ມລັດທັງໝົດ, <a>ຄລິກທີ່ນີ້</a>.",
+            "media_heading": "ຮູບພາບ, GIF ແລະ ວິດີໂອ",
+            "rm_lifetime": "ອ່ານອາຍຸ ການໃຊ້ງານຂອງເຄື່ອງຫມາຍ. (ມິນລິວິນາທີ)",
+            "rm_lifetime_offscreen": "ອ່ານອາຍຸການໃຊ້ງານຂອງໜ້າຈໍ (ມິລິວິນາທີ)",
+            "room_list_heading": "ລາຍຊື່ຫ້ອງ",
+            "show_polls_button": "ສະແດງປຸ່ມແບບສຳຫຼວດ",
+            "surround_text": "ອ້ອມຮອບຂໍ້ຄວາມທີ່ເລືອກໃນເວລາພິມຕົວອັກສອນພິເສດ",
+            "time_heading": "ສະແດງເວລາ"
+        },
+        "prompt_invite": "ເຕືອນກ່ອນທີ່ຈະສົ່ງຄໍາເຊີນໄປຫາ ID matrix ທີ່ອາດຈະບໍ່ຖືກຕ້ອງ",
+        "replace_plain_emoji": "ປ່ຽນແທນ Emoji ຂໍ້ຄວາມທຳມະດາໂດຍອັດຕະໂນມັດ",
+        "security": {
+            "bulk_options_accept_all_invites": "ຍອມຮັບການເຊີນທັງໝົດ %(invitedRooms)s",
+            "bulk_options_reject_all_invites": "ປະຕິເສດການເຊີນທັງໝົດ %(invitedRooms)s",
+            "bulk_options_section": "ຕົວເລືອກຈຳນວນຫຼາຍ",
+            "e2ee_default_disabled_warning": "ຜູ້ຄຸມເຊີບເວີຂອງທ່ານໄດ້ປິດການນຳໃຊ້ການເຂົ້າລະຫັດແບບຕົ້ນທາງຮອດປາຍທາງໂດຍຄ່າເລີ່ມຕົ້ນໃນຫ້ອງສ່ວນຕົວ ແລະ ຂໍ້ຄວາມໂດຍກົງ.",
+            "enable_message_search": "ເປີດໃຊ້ການຊອກຫາຂໍ້ຄວາມຢູ່ໃນຫ້ອງທີ່ຖືກເຂົ້າລະຫັດ",
+            "encryption_section": "ການເຂົ້າລະຫັດ",
+            "ignore_users_empty": "ທ່ານບໍ່ມີຜູ້ໃຊ້ທີ່ຖືກລະເລີຍ.",
+            "ignore_users_section": "ຜູ້ໃຊ້ຖືກຍົກເວັ້ນ",
+            "key_backup_algorithm": "ສູດການຄິດໄລ່:",
+            "message_search_disable_warning": "ຖ້າປິດໃຊ້ງານ, ຂໍ້ຄວາມຈາກຫ້ອງທີ່ເຂົ້າລະຫັດຈະບໍ່ປາກົດຢູ່ໃນຜົນການຄົ້ນຫາ.",
+            "message_search_disabled": "ເກັບຮັກສາຂໍ້ຄວາມທີ່ຖືກເຂົ້າລະຫັດໄວ້ຢ່າງປອດໄພຢູ່ໃນເຄື່ອງເພື່ອໃຫ້ປາກົດໃນຜົນການຄົ້ນຫາ.",
+            "message_search_enabled": {
+                "one": "ຈັດເກັບຂໍ້ຄວາມທີ່ຖືກເຂົ້າລະຫັດໄວ້ຢ່າງປອດໄພຢູ່ໃນເຄື່ອງເພື່ອໃຫ້ປາກົດໃນຜົນການຊອກຫາ, ໂດຍໃຊ້ %(size)s ເພື່ອເກັບຂໍ້ຄວາມຈາກຫ້ອງ %(rooms)s.",
+                "other": "ຈັດເກັບຂໍ້ຄວາມທີ່ຖືກເຂົ້າລະຫັດໄວ້ຢ່າງປອດໄພຢູ່ໃນເຄື່ອງເພື່ອໃຫ້ປາກົດໃນຜົນການຊອກຫາ, ໂດຍໃຊ້ %(size)s ເພື່ອເກັບຂໍ້ຄວາມຈາກ %(rooms)s ຫ້ອງ."
+            },
+            "message_search_failed": "ການເລີ່ມຕົ້ນການຄົ້ນຫາຂໍ້ຄວາມບໍ່ສຳເລັດ",
+            "message_search_indexed_messages": "ດັດສະນີຂໍ້ຄວາມ:",
+            "message_search_indexed_rooms": "ຫ້ອງທີ່ຈັດດັດສະນີ:",
+            "message_search_indexing": "ປະຈຸບັນກໍາລັງສ້າງດັດສະນີ: %(currentRoom)s",
+            "message_search_indexing_idle": "ຕອນນີ້ບໍ່ໄດ້ຈັດດັດສະນີຂໍ້ຄວາມສໍາລັບຫ້ອງໃດ.",
+            "message_search_intro": "%(brand)s ກໍາລັງເກັບຂໍ້ຄວາມທີ່ຖືກເຂົ້າລະຫັດໄວ້ຢ່າງປອດໄພຢູ່ໃນເຄື່ອງເພື່ອໃຫ້ພວກເຂົາປາກົດໃນຜົນການຄົ້ນຫາ:",
+            "message_search_room_progress": "%(doneRooms)s ຈາກທັງໝົດ %(totalRooms)s",
+            "message_search_section": "ຄົ້ນຫາຂໍ້ຄວາມ",
+            "message_search_sleep_time": "ຂໍ້ຄວາມຄວນຖືກດາວໂຫຼດໄວເທົ່າໃດ.",
+            "message_search_space_used": "ພື້ນທີ່ໃຊ້ແລ້ວ:",
+            "message_search_unsupported": "%(brand)s ຂາດບາງອົງປະກອບທີ່ຕ້ອງການສໍາລັບການເກັບຂໍ້ຄວາມເຂົ້າລະຫັດໄວ້ຢ່າງປອດໄພຢູ່ໃນເຄື່ອງ. ຖ້າທ່ານຕ້ອງການທົດລອງໃຊ້ຄຸນສົມບັດນີ້, ສ້າງ %(brand)s Desktop ແບບກຳນົດເອງດ້ວຍການເພີ່ມ <nativeLink>ອົງປະກອບການຄົ້ນຫາ</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s ບໍ່ສາມາດເກັບຂໍ້ຄວາມທີ່ຖືກເຂົ້າລະຫັດໄວ້ຢ່າງປອດໄພຢູ່ໃນເຄື່ອງ ໃນຂະນະທີ່ກຳລັງດຳເນີນການໃນເວັບບຣາວເຊີ. ໃຊ້ <desktopLink>%(brand)s Desktop</desktopLink> ເພື່ອໃຫ້ຂໍ້ຄວາມເຂົ້າລະຫັດຈະປາກົດໃນຜົນການຊອກຫາ.",
+            "send_analytics": "ສົ່ງຂໍ້ມູນການວິເຄາະ",
+            "strict_encryption": "ບໍ່ສົ່ງຂໍ້ຄວາມເຂົ້າລະຫັດໄປຫາລະບົບທີ່ບໍ່ໄດ້ຢືນຢັນຈາກລະບົບນີ້"
+        },
+        "send_typing_notifications": "ສົ່ງການແຈ້ງເຕືອນການພິມ",
+        "sessions": {
+            "confirm_sign_out": {
+                "one": "ຢືນຢັນການອອກຈາກລະບົບອຸປະກອນນີ້",
+                "other": "ຢືນຢັນການອອກຈາກລະບົບອຸປະກອນເຫຼົ່ານີ້"
+            },
+            "confirm_sign_out_body": {
+                "one": "ກົດທີ່ປຸ່ມຂ້າງລຸ່ມນີ້ເພື່ອຢືນຢັນການອອກຈາກລະບົບອຸປະກອນນີ້.",
+                "other": "ກົດທີ່ປຸ່ມຂ້າງລຸ່ມນີ້ເພື່ອຢືນຢັນການອອກຈາກລະບົບອຸປະກອນເຫຼົ່ານີ້."
+            },
+            "confirm_sign_out_continue": {
+                "one": "ອອກຈາກລະບົບອຸປະກອນ",
+                "other": "ອອກຈາກລະບົບອຸປະກອນ"
+            },
+            "confirm_sign_out_sso": {
+                "other": "ຢືນຢັນການອອກຈາກລະບົບອຸປະກອນເຫຼົ່ານີ້ໂດຍໃຊ້ລະບົບປະຕູດຽວ( SSO) ເພື່ອພິສູດຕົວຕົນຂອງທ່ານ.",
+                "one": "ຢືນຢັນການອອກຈາກລະບົບອຸປະກອນນີ້ໂດຍໃຊ້ ລະບົບຈັດການປະຕູດຽວ (SSO) ເພື່ອພິສູດຕົວຕົນຂອງທ່ານ."
+            },
+            "session_id": "ID ລະບົບ",
+            "verify_session": "ຢືນຢັນລະບົບ"
+        },
+        "show_breadcrumbs": "ສະແດງທາງລັດໄປຫາຫ້ອງທີ່ເບິ່ງເມື່ອບໍ່ດົນມານີ້ຂ້າງເທິງລາຍການຫ້ອງ",
+        "show_chat_effects": "ສະແດງຜົນກະທົບການສົນທະນາ (ພາບເຄື່ອນໄຫວໃນເວລາທີ່ໄດ້ຮັບເຊັ່ນ: confetti)",
+        "show_displayname_changes": "ສະແດງການປ່ຽນແປງຊື່",
+        "show_join_leave": "ສະແດງໃຫ້ເຫັນການເຂົ້າຮ່ວມ / ອອກຈາກຂໍ້ຄວາມ (ການເຊື້ອເຊີນ / ເອົາ / ຫ້າມ ບໍ່ໄຫ້ມີຜົນກະທົບ)",
+        "show_read_receipts": "ສະແດງໃບຮັບຮອງການອ່ານທີ່ສົ່ງໂດຍຜູ້ໃຊ້ອື່ນ",
+        "show_redaction_placeholder": "ສະແດງຕົວຍຶດຕຳແໜ່ງສໍາລັບຂໍ້ຄວາມທີ່ຖືກລົບອອກ",
+        "show_stickers_button": "ສະແດງປຸ່ມສະຕິກເກີ",
+        "show_typing_notifications": "ສະແດງການແຈ້ງເຕືອນການພິມ",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "ສະແດງຫ້ອງທັງໝົດ",
+            "metaspaces_home_all_rooms_description": "ສະແດງຫ້ອງທັງໝົດຂອງທ່ານໃນໜ້າຫຼັກ, ເຖິງແມ່ນວ່າພວກມັນຢູ່ໃນບ່ອນໃດນຶ່ງກໍ່ຕາມ.",
+            "metaspaces_home_description": "ຫນ້າHome ເປັນປະໂຫຍດສໍາລັບການເບິ່ງລາຍການລວມທັງໝົດ.",
+            "metaspaces_orphans": "ຫ້ອງຢູ່ນອກພື້ນທີ່",
+            "metaspaces_orphans_description": "ຈັດກຸ່ມຫ້ອງທັງໝົດຂອງທ່ານທີ່ບໍ່ໄດ້ເປັນສ່ວນໜຶ່ງຂອງພື້ນທີ່ຢູ່ໃນບ່ອນດຽວກັນ.",
+            "metaspaces_subsection": "ພຶ້ນທີ່ຈະສະແດງ",
+            "title": "ແຖບດ້ານຂ້າງ"
+        },
+        "use_12_hour_format": "ສະແດງເວລາໃນຮູບແບບ 12 ຊົ່ວໂມງ (ເຊັ່ນ: 2:30 ໂມງແລງ)",
+        "use_command_enter_send_message": "ໃຊ້ Command + Enter ເພື່ອສົ່ງຂໍ້ຄວາມ",
+        "use_command_f_search": "ໃຊ້ຄໍາສັ່ງ + F ເພື່ອຊອກຫາເສັ້ນເວລາ",
+        "use_control_enter_send_message": "ໃຊ້ Ctrl + Enter ເພື່ອສົ່ງຂໍ້ຄວາມ",
+        "use_control_f_search": "ໃຊ້ Ctrl + F ເພື່ອຊອກຫາເສັ້ນເວລາ",
+        "voip": {
+            "audio_input_empty": "ບໍ່ພົບໄມໂຄຣໂຟນ",
+            "audio_output": "ສຽງອອກ",
+            "audio_output_empty": "ບໍ່ພົບສຽງອອກ",
+            "mirror_local_feed": "ເບິ່ງຟີດວິດີໂອທ້ອງຖິ່ນ",
+            "missing_permissions_prompt": "ບໍ່ອະນຸຍາດສື່, ກົດໄປທີ່ປຸ່ມຂ້າງລຸ່ມນີ້ເພື່ອຮ້ອງຂໍ.",
+            "request_permissions": "ຮ້ອງຂໍການອະນຸຍາດສື່ມວນຊົນ",
+            "title": "ສຽງ & ວິດີໂອ",
+            "video_input_empty": "ບໍ່ພົບ Webcam"
+        },
+        "warn_quit": "ເຕືອນກ່ອນຢຸດຕິ"
+    },
+    "share": {
+        "permalink_message": "ເຊື່ອມຕໍ່ກັບຂໍ້ຄວາມທີ່ເລືອກ",
+        "permalink_most_recent": "ເຊື່ອມຕໍ່ກັບຂໍ້ຄວາມຫຼ້າສຸດ",
+        "title_message": "ແບ່ງປັນຂໍ້ຄວາມໃນຫ້ອງ",
+        "title_room": "ແບ່ງປັນຫ້ອງ",
+        "title_user": "ແບ່ງປັນຜູ້ໃຊ້"
+    },
+    "slash_command": {
+        "addwidget": "ເພີ່ມ widget ແບບກຳນົດເອງໂດຍ URL ໃສ່ຫ້ອງ",
+        "addwidget_invalid_protocol": "ກະລຸນາສະໜອງ https:// ຫຼື http:// widget URL",
+        "addwidget_missing_url": "ກະລຸນາສະໜອງ widget URL ຫຼືລະຫັດຝັງ",
+        "addwidget_no_permissions": "ທ່ານບໍ່ສາມາດແກ້ໄຂ widget ໃນຫ້ອງນີ້ໄດ້.",
+        "ban": "ຫ້າມຜູ້ໃຊ້ທີ່ມີ ID",
+        "category_actions": "ການປະຕິບັດ",
+        "category_admin": "ບໍລິຫານ",
+        "category_advanced": "ຂັ້ນສູງ",
+        "category_effects": "ຜົນກະທົບ",
+        "category_messages": "ຂໍ້ຄວາມ",
+        "category_other": "ອື່ນໆ",
+        "command_error": "ຄໍາສັ່ງຜິດພາດ",
+        "converttodm": "ປ່ຽນຫ້ອງເປັນ DM",
+        "converttoroom": "ປ່ຽນ DM ເປັນຫ້ອງ",
+        "deop": "Deops ຜູ້ໃຊ້ທີ່ມີ ID",
+        "devtools": "ເປີດກ່ອງເຄື່ອງມືນັກພັດທະນາ",
+        "discardsession": "ບັງຄັບໃຫ້ປະຖິ້ມລະບົບຂາອອກໃນປະຈຸບັນຢູ່ໃນຫ້ອງທີ່ຖືກເຂົ້າລະຫັດ",
+        "error_invalid_rendering_type": "ຄໍາສັ່ງຜິດພາດ: ບໍ່ສາມາດຊອກຫາປະເພດການສະແດງຜົນ (%(renderingType)s)",
+        "error_invalid_runfn": "ຄໍາສັ່ງຜິດພາດ: ບໍ່ສາມາດຈັດການກັບຄໍາສັ່ງ slash ໄດ້.",
+        "help": "ສະແດງລາຍຊື່ຄໍາສັ່ງທີ່ມີການໃຊ້ງານ ແລະ ຄໍາອະທິບາຍ",
+        "help_dialog_title": "ຄໍາສັ່ງຊ່ວຍເຫຼືອ",
+        "holdcall": "ວາງສາຍໄວ້ຢູ່ໃນຫ້ອງປະຈຸບັນ",
+        "html": "ສົ່ງຂໍ້ຄວາມທີ່ເປັນ html, ໂດຍບໍ່ມີການຕີຄວາມຫມາຍວ່າເປັນ markdown",
+        "ignore": "ບໍ່ສົນໃຈຜູ້ໃຊ້, ເຊື່ອງຂໍ້ຄວາມຂອງເຂົາເຈົ້າໂດຍທ່ານເອງ",
+        "ignore_dialog_description": "ດຽວນີ້ທ່ານບໍ່ສົນໃຈ %(userId)s",
+        "ignore_dialog_title": "ບໍ່ສົນໃຈຜູ້ໃຊ້",
+        "invite": "ເຊີນຜູ້ໃຊ້ທີ່ມີ ID ໃຫ້ໄປຫ້ອງປັດຈຸບັນ",
+        "invite_3pid_needs_is_error": "ໃຊ້ເຊີເວີລະບຸຕົວຕົນເພື່ອເຊີນທາງອີເມວ. ຈັດການໃນການຕັ້ງຄ່າ.",
+        "invite_3pid_use_default_is_title": "ໃຊ້ເຊີບເວີລະບຸຕົວຕົນ",
+        "invite_3pid_use_default_is_title_description": "ໃຊ້ເຊີບເວີລະບຸຕົວຕົນເພື່ອເຊີນທາງອີເມວ.ກົດສືບຕໍ່ໃຊ້ເຊີບເວີລິບຸຕົວຕົນເລີ່ມຕົ້ນ (%(defaultIdentityServerName)s) ຫຼືຈັດການ ການຕັ້ງຄ່າ.",
+        "join": "ເຂົ້າຮ່ວມຫ້ອງຕາມທີ່ຢູ່ໄດ້ລະບຸໃຫ້",
+        "jumptodate": "ຂ້າມໄປຫາວັນທີທີ່ກຳນົດໄວ້ໃນທາມລາຍ",
+        "jumptodate_invalid_input": "ພວກເຮົາບໍ່ສາມາດເຂົ້າໃຈວັນທີ່ກຳນົດໃຫ້ (%(inputDate)s). ລອງໃຊ້ຮູບແບບ YYYY-MM-DD.",
+        "lenny": "ນຳໜ້າ ( ͡° ͜ʖ ͡°) ເປັນຂໍ້ຄວາມທຳມະດາ",
+        "me": "ສະແດງການດຳເນີນການ",
+        "msg": "ສົ່ງຂໍ້ຄວາມໄປຫາຜູ້ໃຊ້ທີ່ກຳນົດໄວ້",
+        "myroomnick": "ປ່ຽນຊື່ສະແດງຜົນຂອງທ່ານໃນຫ້ອງປັດຈຸບັນເທົ່ານັ້ນ",
+        "nick": "ປ່ຽນຊື່ການສະແດງຜົນຂອງທ່ານ",
+        "no_active_call": "ບໍ່ມີການໂທຢູ່ໃນຫ້ອງນີ້",
+        "op": "ກໍານົດລະດັບພະລັງງານຂອງຜູ້ໃຊ້",
+        "part_unknown_alias": "ບໍ່ຮູ້ຈັກທີ່ຢູ່ຫ້ອງ: %(roomAlias)s",
+        "plain": "ສົ່ງຂໍ້ຄວາມເປັນຂໍ້ຄວາມທຳມະດາ, ໂດຍບໍ່ມີການຕີຄວາມໝາຍວ່າເປັນ ການໝາຍໄວ້",
+        "query": "ເປີດການສົນທະນາກັບຜູ້ໃຊ້ທີ່ກຳນົດໄວ້",
+        "query_not_found_phone_number": "ບໍ່ສາມາດຊອກຫາ Matrix ID ສໍາລັບເບີໂທລະສັບ",
+        "rageshake": "ສົ່ງບົດລາຍງານຂໍ້ຜິດພາດພ້ອມດ້ວຍການບັນທຶກເຫດການ",
+        "rainbow": "ສົ່ງຂໍ້ຄວາມທີ່ກຳນົດໃຫ້ເປັນສີຮຸ້ງ",
+        "rainbowme": "ສົ່ງ emote ທີ່ກຳນົດໃຫ້ເປັນສີຮຸ້ງ",
+        "remove": "ລຶບຜູ້ໃຊ້ທີ່ມີ ID ໃຫ້ອອກຈາກຫ້ອງນີ້",
+        "roomavatar": "ປ່ຽນຮູບແທນຕົວຂອງຫ້ອງປັດຈຸບັນ",
+        "roomname": "ກຳນົດຊື່ຫ້ອງ",
+        "server_error": "ເຊີບເວີຜິດພາດ",
+        "server_error_detail": "ເຊີບເວີບໍ່ສາມາດໃຊ້ໄດ້, ໂຫຼດເກີນກຳນົດ, ຫຼື ມີອັນອື່ນຜິດພາດ.",
+        "shrug": "ນຳໜ້າ ¯\\_(ツ)_/¯ ເປັນຂໍ້ຄວາມທໍາມະດາ",
+        "spoiler": "ສົ່ງຂໍ້ຄວາມທີ່ກຳນົດເປັນ spoiler",
+        "tableflip": "ນຳໜ້າ (╯°□°)╯︵ ┻━┻ ເປັນຂໍ້ຄວາມທຳມະດາ",
+        "topic": "ໄດ້ຮັບ ຫຼື ກໍານົດຫົວຂໍ້ຫ້ອງ",
+        "topic_none": "ຫ້ອງນີ້ບໍ່ມີຫົວຂໍ້.",
+        "topic_room_error": "ໂຫຼດຫົວຂໍ້ຫ້ອງບໍ່ສຳເລັດ: ບໍ່ສາມາດຊອກຫາຫ້ອງ (%(roomId)s",
+        "unban": "ຍົກເລີກການຫ້າມຜູ້ໃຊ້ທີ່ມີ ID",
+        "unflip": "ນຳໜ້າ ┬──┬ ノ( ゜-゜ノ)ເປັນຂໍ້ຄວາມທຳມະດາ",
+        "unholdcall": "ການຮັບສາຍໃນຫ້ອງປະຈຸບັນຖຶກປິດໄວ້",
+        "unignore": "ສົນໃຈຜູ້ໃຊ້, ສະແດງຂໍ້ຄວາມຂອງພວກເຂົາຕໍ່ໄປ",
+        "unignore_dialog_description": "ທ່ານບໍ່ໄດ້ສົນໃຈ %(userId)s ອີກຕໍ່ໄປ",
+        "unignore_dialog_title": "ສົນໃຈຜູ້ໃຊ້",
+        "unknown_command": "ຄໍາສັ່ງທີ່ບໍ່ຮູ້ຈັກ",
+        "unknown_command_button": "ສົ່ງຂໍ້ເປັນຄວາມ",
+        "unknown_command_detail": "ຄໍາສັ່ງທີ່ບໍ່ຮູ້ຈັກ: %(commandText)s",
+        "unknown_command_help": "ທ່ານສາມາດໃຊ້ <code>/help</code> ເພື່ອບອກລາຍການຄຳສັ່ງທີ່ມີຢູ່. ທ່ານໝາຍເຖິງການສົ່ງຂໍ້ຄວາມນີ້ບໍ?",
+        "unknown_command_hint": "ຄຳໃບ້: ເລີ່ມຕົ້ນຂໍ້ຄວາມຂອງທ່ານດ້ວຍ <code>//</code> ເພື່ອເລີ່ມຕົ້ນມັນດ້ວຍເຄື່ອງໝາຍທັບ.",
+        "upgraderoom": "ຍົກລະດັບຫ້ອງເປັນລຸ້ນໃໝ່",
+        "upgraderoom_permission_error": "ທ່ານບໍ່ມີສິດໃຊ້ຄໍາສັ່ງນີ້.",
+        "usage": "ການນໍາໃຊ້",
+        "verify": "ຢືນຢັນຜູ້ໃຊ້, ລະບົບ, ແລະ pubkey tuple",
+        "whois": "ສະແດງຂໍ້ມູນກ່ຽວກັບຜູ້ໃຊ້"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "ຕ້ອງການເພີ່ມຫ້ອງໃຫມ່ແທນບໍ?",
+            "create_prompt": "ສ້າງຫ້ອງໃຫມ່",
+            "dm_heading": "ຂໍ້ຄວາມໂດຍກົງ",
+            "error_heading": "ບໍ່ໄດ້ເລືອກທັງໝົດທີ່ຖືກເພີ່ມ",
+            "progress_text": {
+                "one": "ກຳລັງເພີ່ມຫ້ອງ...",
+                "other": "ກຳລັງເພີ່ມຫ້ອງ... (%(progress)s ຈາກທັງໝົດ %(count)s)"
+            },
+            "space_dropdown_label": "ການເລືອກພື້ນທີ່",
+            "space_dropdown_title": "ເພີ່ມຫ້ອງທີ່ມີຢູ່",
+            "subspace_moved_note": "ຍ້າຍພຶ້ນທີ່ເພິ່ມແລ້ວ."
+        },
+        "add_existing_subspace": {
+            "create_button": "ສ້າງພື້ນທີ່ໃຫມ່",
+            "create_prompt": "ຕ້ອງການເພີ່ມພື້ນທີ່ໃໝ່ແທນບໍ?",
+            "filter_placeholder": "ຊອກຫາພື້ນທີ່",
+            "space_dropdown_title": "ເພີ່ມພື້ນທີ່ທີ່ມີຢູ່"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "ເບິ່ງທາມລາຍຫ້ອງ (devtools)",
+            "explore": "ການສຳຫຼວດຫ້ອງ",
+            "home": "ພຶ້ນທີ່ home",
+            "manage_and_explore": "ຈັດການ ແລະ ສຳຫຼວດຫ້ອງ",
+            "options": "ຕົວເລືອກພື້ນທີ່"
+        },
+        "failed_load_rooms": "ໂຫຼດລາຍຊື່ຫ້ອງບໍ່ສຳເລັດ.",
+        "failed_remove_rooms": "ລຶບບາງຫ້ອງອອກບໍ່ສຳເລັດ. ລອງໃໝ່ໃນພາຍຫຼັງ",
+        "incompatible_server_hierarchy": "ເຊີບເວີຂອງທ່ານບໍ່ຮອງຮັບການສະແດງລໍາດັບຊັ້ນຂອງພື້ນທີ່.",
+        "invite": "ເຊີນຜູ້ຄົນ",
+        "invite_description": "ເຊີນດ້ວຍອີເມລ໌ ຫຼື ຊື່ຜູ້ໃຊ້",
+        "invite_link": "ແບ່ງປັນລິ້ງເຊີນ",
+        "joining_space": "ເຂົ້າຮ່ວມ",
+        "landing_welcome": "ຍິນດີຕ້ອນຮັບສູ່ <name/>",
+        "leave_dialog_action": "ອອກຈາກພື້ນທີ່",
+        "leave_dialog_description": "ທ່ານກຳລັງຈະອອກຈາກ <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "ທ່ານເປັນຜູ້ຄຸ້ມຄອງລະບົບບາງຫ້ອງ ຫຼື ພື້ນທີ່ທ່ານຕ້ອງການອອກຈາກ. ການປະຖິ້ມຈະເຮັດໃຫ້ລະບົບຫ້ອງບໍ່ມີຜູ້ຄຸ້ມຄອງ.",
+        "leave_dialog_only_admin_warning": "ທ່ານເປັນຜູ້ຄຸ້ມຄອງລະບົບພື້ນທີ່ນີ້ເປັນພຽງຜູ້ດຽວ. ການປ່ອຍຖິ້ມໄວ້ຈະບໍ່ມີໃຜຄວບຄຸມມັນໄດ້ອີກ.",
+        "leave_dialog_option_all": "ອອກຈາກຫ້ອງທັງຫມົດ",
+        "leave_dialog_option_intro": "ທ່ານຕ້ອງການອອກຈາກຫ້ອງໃນພື້ນທີ່ນີ້ບໍ?",
+        "leave_dialog_option_none": "ຢ່າອອກຈາກຫ້ອງ",
+        "leave_dialog_option_specific": "ອອກຈາກບາງຫ້ອງ",
+        "leave_dialog_public_rejoin_warning": "ທ່ານຈະບໍ່ສາມາດເຂົ້າຮ່ວມຄືນໃໝ່ໄດ້ເວັ້ນເສຍແຕ່ວ່າທ່ານໄດ້ຮັບເຊີນຄືນໃໝ່.",
+        "leave_dialog_title": "ອອກຈາກ %(spaceName)s",
+        "mark_suggested": "ເຄື່ອງໝາຍທີ່ ແນະນຳ",
+        "no_search_result_hint": "ເຈົ້າອາດຈະຕ້ອງລອງຊອກຫາແບບອື່ນ ຫຼື ກວດເບິ່ງວ່າພິມຜິດ.",
+        "preferences": {
+            "sections_section": "ພາກສ່ວນທີ່ຈະສະແດງ",
+            "show_people_in_space": "ຈັດກຸ່ມການສົນທະນາຂອງທ່ານກັບສະມາຊິກຂອງຊ່ອງນີ້. ການປິດອັນນີ້ຈະເຊື່ອງການສົນທະນາເຫຼົ່ານັ້ນຈາກການເບິ່ງເຫັນ %(spaceName)s ຂອງທ່ານ."
+        },
+        "room_filter_placeholder": "ຄົ້ນຫາຫ້ອງ",
+        "search_children": "ຊອກຫາ %(spaceName)s",
+        "search_placeholder": "ຄົ້ນຫາຊື່ ແລະ ຄໍາອະທິບາຍ",
+        "select_room_below": "ເລືອກຫ້ອງຂ້າງລຸ່ມນີ້ກ່ອນ",
+        "share_public": "ແບ່ງປັນພື້ນທີ່ສາທາລະນະຂອງທ່ານ",
+        "suggested": "ແນະນຳແລ້ວ",
+        "suggested_tooltip": "ຫ້ອງນີ້ຖືກແນະນໍາວ່າເປັນຫ້ອງທີ່ດີທີ່ຈະເຂົ້າຮ່ວມ",
+        "title_when_query_available": "ຜົນຮັບ",
+        "title_when_query_unavailable": "ຫ້ອງ ແລະ ພຶ້ນທີ່",
+        "unmark_suggested": "ເຮັດເຄຶ່ອງໝາຍໄວ້ວ່າ ບໍ່ໄດ້ແນະນຳ",
+        "user_lacks_permission": "ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດ"
+    },
+    "space_settings": {
+        "title": "ການຕັ້ງຄ່າ - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "ໃສ່ຊື່ຂອງເຊີບເວີໃໝ່ທີ່ທ່ານຕ້ອງການສຳຫຼວດ.",
+            "network_dropdown_add_dialog_placeholder": "ຊື່ເຊີບເວີ",
+            "network_dropdown_add_dialog_title": "ເພີ່ມເຊີບເວີໃໝ່",
+            "network_dropdown_available_invalid": "ບໍ່ສາມາດຊອກຫາເຊີບເວີນີ້ ຫຼື ລາຍຊື່ຫ້ອງຂອງມັນໄດ້",
+            "network_dropdown_available_invalid_forbidden": "ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ເບິ່ງລາຍຊື່ຫ້ອງຂອງເຊີບເວີນີ້",
+            "network_dropdown_available_valid": "ດີ",
+            "network_dropdown_required_invalid": "ໃສ່ຊື່ເຊີບເວີ",
+            "network_dropdown_your_server_description": "ເຊີບເວີຂອງທ່ານ"
+        }
+    },
+    "spotlight_dialog": {
+        "create_new_room_button": "ສ້າງຫ້ອງໃຫມ່",
+        "heading_with_query": "ໃຊ້ \"%(query)s\" ເພື່ອຊອກຫາ",
+        "join_button_text": "ເຂົ້າຮ່ວມ %(roomAddress)s",
+        "keyboard_scroll_hint": "ໃຊ້ <arrows/> ເພື່ອເລື່ອນ",
+        "other_rooms_in_space": "ຫ້ອງອື່ນໆ%(spaceName)s",
+        "public_rooms_label": "ຫ້ອງສາທາລະນະ",
+        "recent_searches_section_title": "ການຄົ້ນຫາທີ່ຜ່ານມາ",
+        "recently_viewed_section_title": "ເບິ່ງເມື່ອບໍ່ດົນມານີ້",
+        "search_dialog": "ຊອກຫາ ກ່ອງໂຕ້ຕອບ",
+        "spaces_title": "ຊ່ອງທີ່ທ່ານຢູ່"
+    },
+    "stickers": {
+        "empty": "ທ່ານບໍ່ໄດ້ເປີດໃຊ້ສະຕິກເກີແພັກເກັດໃນປັດຈຸບັນ",
+        "empty_add_prompt": "ເພີ່ມບາງອັນດຽວນີ້"
+    },
+    "terms": {
+        "column_document": "ເອກະສານ",
+        "column_service": "ບໍລິການ",
+        "column_summary": "ສະຫຼຸບ",
+        "identity_server_no_terms_description_1": "ການດຳເນິນການນີ້ຕ້ອງໄດ້ມີການເຂົ້າເຖິງຂໍ້ມູນການຢັ້ງຢືນຕົວຕົນທີ່ <server /> ເພື່ອກວດສອບອີເມວ ຫຼື ເບີໂທລະສັບ, ແຕ່ເຊີບເວີບໍ່ມີເງື່ອນໄຂໃນບໍລິການໃດໆ.",
+        "identity_server_no_terms_description_2": "ຖ້າທ່ານໄວ້ວາງໃຈເຈົ້າຂອງເຊີບເວີດັ່ງກ່າວແລ້ວ ໃຫ້ສືບຕໍ່.",
+        "identity_server_no_terms_title": "ຂໍ້ມູນເຊີບເວີ ບໍ່ມີໃຫ້ບໍລິການ",
+        "inline_intro_text": "ຍອມຮັບ <policyLink /> ເພື່ອສືບຕໍ່:",
+        "integration_manager": "ໃຊ້ໂປແກລມອັດຕະໂນມັດ, ຂົວ, ວິດເຈັດ ແລະ ຊຸດສະຕິກເກີ",
+        "intro": "ເພື່ອສືບຕໍ່, ທ່ານຈະຕ້ອງຍອມຮັບເງື່ອນໄຂຂອງການບໍລິການນີ້.",
+        "summary_identity_server_1": "ຊອກຫາຄົນອື່ນທາງໂທລະສັບ ຫຼື ອີເມລ໌",
+        "summary_identity_server_2": "ພົບເຫັນທາງໂທລະສັບ ຫຼື ອີເມລ໌",
+        "tac_button": "ກວດເບິ່ງຂໍ້ກໍານົດ ແລະ ເງື່ອນໄຂ",
+        "tac_description": "ເພື່ອສືບຕໍ່ນຳໃຊ້ %(homeserverDomain)s homeserver ທ່ານຕ້ອງທົບທວນຄືນ ແລະ ຕົກລົງເຫັນດີກັບເງື່ອນໄຂ ແລະ ເງື່ອນໄຂຂອງພວກເຮົາ.",
+        "tac_title": "ຂໍ້ກໍານົດ ແລະ ເງື່ອນໄຂ",
+        "tos": "ເງື່ອນໄຂການໃຫ້ບໍລິການ"
+    },
+    "theme": {
+        "light_high_contrast": "ແສງສະຫວ່າງຄວາມຄົມຊັດສູງ",
+        "match_system": "ລະບົບການຈັບຄູ່"
+    },
+    "thread_view_back_action_label": "ກັບໄປທີ່ຫົວຂໍ້",
+    "threads": {
+        "all_threads": "ກະທູ້ທັງໝົດ",
+        "all_threads_description": "ສະແດງຫົວຂໍ້ທັງໝົດຈາກຫ້ອງປັດຈຸບັນ",
+        "count_of_reply": {
+            "one": "%(count)s ຕອບກັບ",
+            "other": "%(count)s ຕອບກັບ"
+        },
+        "my_threads": "ກະທູ້ຂອງຂ້ອຍ",
+        "my_threads_description": "ສະແດງຫົວຂໍ້ທັງໝົດທີ່ທ່ານໄດ້ເຂົ້າຮ່ວມ",
+        "open_thread": "ເປີດກະທູ້",
+        "show_thread_filter": "ສະແດງ:"
+    },
+    "time": {
+        "left": "ຍັງເຫຼືອ %(timeRemaining)s",
+        "seconds_left": "ຍັງເຫຼືອ %(seconds)s"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "ຫຍໍ້ກະທູ້ຕອບກັບ",
+            "external_url": "ແຫຼ່ງ URL",
+            "open_in_osm": "ເປີດໃນ OpenStreetMap",
+            "report": "ລາຍງານ",
+            "resent_unsent_reactions": "ສົ່ງການໂຕ້ຕອບ %(unsentCount)s ຄືນໃໝ່",
+            "show_url_preview": "ສະແດງຕົວຢ່າງ",
+            "view_related_event": "ເບິ່ງເຫດການທີ່ກ່ຽວຂ້ອງ",
+            "view_source": "ເບິ່ງແຫຼ່ງທີ່ມາ"
+        },
+        "creation_summary_dm": "%(creator)s ສ້າງ DM ນີ້.",
+        "creation_summary_room": "%(creator)s ສ້າງ ແລະ ກຳນົດຄ່າຫ້ອງ.",
+        "download_action_downloading": "ກຳລັງດາວໂຫຼດ",
+        "edits": {
+            "tooltip_label": "ແກ້ໄຂເມື່ອ %(date)s. ກົດເພື່ອເບິ່ງການແກ້ໄຂ.",
+            "tooltip_sub": "ກົດເພື່ອເບິ່ງການແກ້ໄຂ",
+            "tooltip_title": "ແກ້ໄຂເມື່ອ %(date)s"
+        },
+        "error_no_renderer": "ເຫດການນີ້ບໍ່ສາມາດສະແດງໄດ້",
+        "error_rendering_message": "ບໍ່ສາມາດໂຫຼດຂໍ້ຄວາມນີ້ໄດ້",
+        "historical_messages_unavailable": "ທ່ານບໍ່ສາມາດເຫັນຂໍ້ຄວາມກ່ອນໜ້ານີ້",
+        "io.element.widgets.layout": "%(senderName)s ໄດ້ອັບເດດຮູບແບບຫ້ອງແລ້ວ",
+        "load_error": {
+            "no_permission": "ພະຍາຍາມໂຫຼດຈຸດສະເພາະຢູ່ໃນທາມລາຍຂອງຫ້ອງນີ້, ແຕ່ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ເບິ່ງຂໍ້ຄວາມທີ່ເປັນຄໍາຖາມ.",
+            "title": "ໂຫຼດຕໍາແໜ່ງທາມລາຍບໍ່ສຳເລັດ",
+            "unable_to_find": "ພະຍາຍາມໂຫຼດຈຸດສະເພາະໃນທາມລາຍຂອງຫ້ອງນີ້, ແຕ່ບໍ່ສາມາດຊອກຫາມັນໄດ້."
+        },
+        "m.audio": {
+            "error_downloading_audio": "ເກີດຄວາມຜິດພາດໃນການດາວໂຫຼດສຽງ",
+            "error_processing_audio": "ການປະມວນຜົນຂໍ້ຄວາມສຽງຜິດພາດ",
+            "error_processing_voice_message": "ການປະມວນຜົນຂໍ້ຄວາມສຽງຜິດພາດ"
+        },
+        "m.beacon_info": {
+            "view_live_location": "ເບິ່ງສະຖານທີ່ປັດຈຸບັນ"
+        },
+        "m.call.hangup": {
+            "dm": "ສິ້ນສຸດການໂທ"
+        },
+        "m.call.invite": {
+            "call_back_prompt": "ໂທກັບ",
+            "declined": "ປະຕິເສດການໂທ",
+            "failed_connect_media": "ບໍ່ສາມາດເຊື່ອມຕໍ່ສື່ໄດ້",
+            "failed_connection": "ການເຊື່ອມຕໍ່ບໍ່ສຳເລັດ",
+            "failed_opponent_media": "ອຸປະກອນຂອງເຂົາເຈົ້າບໍ່ສາມາດເລີ່ມກ້ອງຖ່າຍຮູບ ຫຼື ໄມໂຄຣໂຟນໄດ້",
+            "missed_call": "ສາຍບໍ່ໄດ້ຮັບ",
+            "no_answer": "ບໍ່ມີຄໍາຕອບ",
+            "unknown_error": "ເກີດຄວາມຜິດພາດທີ່ບໍ່ຮູ້ຈັກຂຶ້ນ",
+            "unknown_failure": "ຄວາມບໍ່ສຳເລັດ: %(reason)s",
+            "unknown_state": "ການໂທຢູ່ໃນສະຖານະທີ່ບໍ່ຮູ້ຈັກ!",
+            "video_call": "%(senderName)s ໂທດ້ວຍວິດີໂອ.",
+            "video_call_unsupported": "%(senderName)s ໄດ້ໂທດ້ວຍວິດີໂອ. (ບຣາວເຊີນີ້ບໍ່ຮອງຮັບ)",
+            "voice_call": "%(senderName)s ໂທອອກ.",
+            "voice_call_unsupported": "%(senderName)s ການໂທດ້ວຍສຽງ. (ບຣາວເຊີນີ້ບໍ່ຮອງຮັບ)"
+        },
+        "m.file": {
+            "error_decrypting": "ເກີດຄວາມຜິດພາດໃນການຖອດລະຫັດໄຟລ໌ຄັດຕິດ"
+        },
+        "m.image": {
+            "error_decrypting": "ການຖອດລະຫັດຮູບພາບຜິດພາດ",
+            "sent": "%(senderDisplayName)s ສົ່ງຮູບ.",
+            "show_image": "ສະແດງຮູບພາບ"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s ຕ້ອງການກວດສອບ",
+            "you_started": "ທ່ານໄດ້ສົ່ງຄໍາຮ້ອງຂໍການຢັ້ງຢືນ"
+        },
+        "m.location": {
+            "full": "%(senderName)s ໄດ້ແບ່ງປັນສະຖານທີ່ຂອງພວກເຂົາ",
+            "location": "ແບ່ງປັນສະຖານທີ່: ",
+            "self_location": "ແບ່ງປັນສະຖານທີ່ຂອງພວກເຂົາ: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s ລົງຄະແນນສຽງ",
+                "other": "%(count)s ຄະແນນສຽງ"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)sໄດ້ສິ້ນສຸດການສໍາຫຼວດ"
+        },
+        "m.poll.start": "%(senderName)s ໄດ້ເລີ່ມສຳຫຼວດ - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s ໄດ້ປ່ຽນແປງຮູບແທນຕົວຂອງຫ້ອງ.",
+            "lightbox_title": "%(senderDisplayName)s ໄດ້ປ່ຽນຮູບແທນຕົວຂອງ %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s ໄດ້ເພີ່ມທີ່ຢູ່ສຳຮອງ%(addresses)sສໍາລັບຫ້ອງນີ້.",
+                "other": "%(senderName)s ໄດ້ເພີ່ມທີ່ຢູ່ສຳຮອງ%(addresses)s ສໍາລັບຫ້ອງນີ້."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s ໄດ້ລຶບທີ່ຢູ່ສຳຮອງ%(addresses)s ສໍາລັບຫ້ອງນີ້.",
+                "other": "%(senderName)s ໄດ້ລຶບທີ່ຢູ່ສຳຮອງ %(addresses)s ຂອງຫ້ອງນີ້ອອກ."
+            },
+            "changed": "%(senderName)s ໄດ້ປ່ຽນທີ່ຢູ່ຂອງຫ້ອງນີ້.",
+            "changed_alternative": "%(senderName)s ໄດ້ປ່ຽນທີ່ຢູ່ທາງເລືອກສຳລັບຫ້ອງນີ້.",
+            "changed_main_and_alternative": "%(senderName)s ໄດ້ປ່ຽນທີ່ຢູ່ຫລັກ ແລະ ທາງເລືອກສຳລັບຫ້ອງນີ້.",
+            "removed": "%(senderName)s ໄດ້ລຶບທີ່ຢູ່ຂອງຫ້ອງນີ້ອອກ.",
+            "set": "%(senderName)s ກຳນົດທີ່ຢູ່ຂອງຫ້ອງນີ້ເປັນ %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "ຫ້ອງນີ້ແມ່ນສືບຕໍ່ການສົນທະນາອື່ນ.",
+            "see_older_messages": "ກົດທີ່ນີ້ເພື່ອເບິ່ງຂໍ້ຄວາມເກົ່າ."
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s ໄດ້ອະນຸຍາດໃຫ້ແຂກເຂົ້າຮ່ວມຫ້ອງແລ້ວ.",
+            "forbidden": "%(senderDisplayName)s ໄດ້ປ້ອງກັນບໍ່ໃຫ້ແຂກເຂົ້າຮ່ວມຫ້ອງ.",
+            "unknown": "%(senderDisplayName)s ໄດ້ປ່ຽນການເຂົ້າເຖິງຂອງແຂກເປັນ %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s ເຮັດໃຫ້ປະຫວັດຫ້ອງໃນອະນາຄົດສາມາດເຫັນໄດ້ໂດຍສະມາຊິກຫ້ອງທັງໝົດ, ຈາກຈຸດທີ່ເຂົາເຈົ້າໄດ້ຖືກເຊີນ.",
+            "joined": "%(senderName)s ເຮັດໃຫ້ປະຫວັດຫ້ອງໃນອະນາຄົດສາມາດເຫັນໄດ້ໂດຍສະມາຊິກຫ້ອງທັງໝົດ, ຈາກຈຸດທີ່ເຂົາເຈົ້າເຂົ້າຮ່ວມ.",
+            "shared": "%(senderName)s ເຮັດໃຫ້ສະມາຊິກຫ້ອງທັງໝົດເຫັນປະຫວັດຫ້ອງໃນອະນາຄົດ.",
+            "unknown": "%(senderName)s ເຮັດໃຫ້ຄົນອຶ່ນສາມາດເຫັນປະຫວັດຫ້ອງໃນອະນາຄົດໄດ້ (%(visibility)s).",
+            "world_readable": "%(senderName)s ເຮັດໃຫ້ທຸກຄົນສາມາດເຫັນປະຫວັດຫ້ອງໄດ້ໃນອະນາຄົດ."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s ກຳນົດສະເພາະຫ້ອງທີ່ເຊີນເທົ່ານັ້ນ.",
+            "public": "%(senderDisplayName)s ໄດ້ເປີດຫ້ອງສາທາລະນະໃຫ້ກັບຄົນໃດຄົນໜຶ່ງທີ່ຮູ້ຈັກລິ້ງ.",
+            "restricted": "%(senderDisplayName)s ໄດ້ປ່ຽນຜູ້ທີ່ສາມາດເຂົ້າຮ່ວມຫ້ອງນີ້ໄດ້.",
+            "restricted_settings": "%(senderDisplayName)s ໄດ້ປ່ຽນຜູ້ທີ່ເຂົ້າຮ່ວມຫ້ອງນີ້ໄດ້. <a>ເບິ່ງການຕັ້ງຄ່າ</a>.",
+            "unknown": "%(senderDisplayName)s ໄດ້ປ່ຽນກົດ ການເຂົ້າຮ່ວມເປັນ %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s ຍອມຮັບຄຳເຊີນສຳລັບ %(displayName)s",
+            "accepted_invite": "%(targetName)s ຍອມຮັບຄຳເຊີນ",
+            "ban": "%(senderName)s ຫ້າມ %(targetName)s",
+            "ban_reason": "%(senderName)s ຖືກຫ້າມ %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s ປ່ຽນຮູບໂປຣໄຟລ໌ຂອງເຂົາເຈົ້າ",
+            "change_name": "%(oldDisplayName)s ໄດ້ປ່ຽນຊື່ສະແດງຂອງເຂົາເຈົ້າເປັນ %(displayName)s",
+            "invite": "%(senderName)s ໄດ້ເຊີນ %(targetName)s",
+            "join": "%(targetName)s ເຂົ້າຮ່ວມຫ້ອງ",
+            "kick": "%(senderName)s ເອົາອອກ %(targetName)s",
+            "kick_reason": "%(senderName)s ເອົາອອກ %(targetName)s: %(reason)s",
+            "left": "%(targetName)s ອອກຈາກຫ້ອງ",
+            "left_reason": "%(targetName)s ອອກຈາກຫ້ອງ: %(reason)s",
+            "no_change": "%(senderName)s ບໍ່ມີການປ່ຽນແປງ",
+            "reject_invite": "%(targetName)s ປະຕິເສດຄຳເຊີນ",
+            "remove_avatar": "%(senderName)s ໄດ້ລຶບຮູບໂປຣໄຟລ໌ຂອງເຂົາເຈົ້າອອກແລ້ວ",
+            "remove_name": "%(senderName)s ລຶບການສະແດງຊື່ຂອງເຂົາເຈົ້າອອກ (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s ຕັ້ງຮູບໂປຣໄຟລ໌",
+            "set_name": "%(senderName)s ກຳນົດການສະແດງຂອງເຂົາເຈົ້າເປັນ %(displayName)s",
+            "unban": "%(senderName)s ຍົກເລີກການຫ້າມ %(targetName)s",
+            "withdrew_invite": "%(senderName)s ຖອນຄຳເຊີນຂອງ %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s ຖອນຄຳເຊີນຂອງ %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s ໄດ້ປ່ຽນຊື່ຫ້ອງຈາກ %(oldRoomName)s ເປັນ %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s ລຶບຊື່ຫ້ອງອອກ.",
+            "set": "%(senderDisplayName)s ໄດ້ປ່ຽນຊື່ຫ້ອງເປັນ %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s ໄດ້ປ່ຽນຂໍ້ຄວາມທີ່ປັກໝຸດໄວ້ສຳລັບຫ້ອງ.",
+            "changed_link": "%(senderName)s ໄດ້ປ່ຽນ <a>ຂໍ້ຄວາມທີ່ປັກໝຸດໄວ້</a> ສຳລັບຫ້ອງ.",
+            "pinned": "%(senderName)s ປັກໝຸດຂໍ້ຄວາມໃສ່ຫ້ອງນີ້. ເບິ່ງຂໍ້ຄວາມທີ່ປັກໝຸດທັງໝົດ.",
+            "pinned_link": "%(senderName)s ປັກໝຸດ <a>ຂໍ້ຄວາມ</a> ໃສ່ຫ້ອງນີ້. ເບິ່ງ <b>ຂໍ້ຄວາມທີ່ປັກໝຸດໄວ້</b> ທັງໝົດ.",
+            "unpinned": "%(senderName)s ຖອນປັກໝຸດຂໍ້ຄວາມຈາກຫ້ອງນີ້. ເບິ່ງຂໍ້ຄວາມທີ່ປັກໝຸດທັງໝົດ.",
+            "unpinned_link": "%(senderName)s ຖອນປັກໝຸດ <a>ຂໍ້ຄວາມ</a> ຈາກຫ້ອງນີ້. ເບິ່ງ <b>ຂໍ້ຄວາມທີ່ປັກໝຸດໄວ້</b> ທັງໝົດ."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s ໄດ້ປ່ຽນລະດັບພະລັງງານຂອງ %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s ຈາກ %(fromPowerLevel)s ຫາ %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s ໄດ້ຖອນຄຳເຊີນສຳລັບ %(targetDisplayName)s ເພື່ອເຂົ້າຮ່ວມຫ້ອງ.",
+            "sent": "%(senderName)s ສົ່ງຄຳເຊີນໄປຫາ %(targetDisplayName)s ເພື່ອເຂົ້າຮ່ວມຫ້ອງ."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s ຍົກລະດັບຫ້ອງນີ້ແລ້ວ.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s ໄດ້ປ່ຽນຫົວຂໍ້ເປັນ \"%(topic)s\"."
+        },
+        "m.sticker": "%(senderDisplayName)s ສົ່ງສະຕິກເກີ.",
+        "m.video": {
+            "error_decrypting": "ການຖອດລະຫັດວິດີໂອຜິດພາດ"
+        },
+        "m.widget": {
+            "added": "%(widgetName)s ວິດ widget ເພີ່ມໂດຍ %(senderName)s",
+            "jitsi_ended": "ກອງປະຊຸມວິດີໂອໄດ້ສິ້ນສຸດລົງໂດຍ %(senderName)s",
+            "jitsi_join_right_prompt": "ເຂົ້າຮ່ວມກອງປະຊຸມຈາກບັດຂໍ້ມູນຫ້ອງຢູ່ເບື້ອງຂວາ",
+            "jitsi_join_top_prompt": "ເຂົ້າຮ່ວມກອງປະຊຸມຢູ່ເທິງສຸດຂອງຫ້ອງນີ້",
+            "jitsi_started": "ກອງປະຊຸມວິດີໂອເລີ່ມຕົ້ນໂດຍ %(senderName)s",
+            "jitsi_updated": "ວິດີໂອກອງປະຊຸມປັບປຸງໂດຍ %(senderName)s",
+            "modified": "ວິດເຈັດ %(widgetName)s ດັດແກ້ໂດຍ %(senderName)s",
+            "removed": "%(widgetName)s ຖືກລຶບອອກໂດຍ %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "ສຳເນົາລິ້ງໃສ່ກະທູ້",
+            "view_in_room": "ເບິ່ງຢູ່ໃນຫ້ອງ"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s ອັບເດດກົດລະບຽບການຫ້າມຈັບຄູ່ກັນ %(oldGlob)s ການຈັບຄູ່ກັນ%(newGlob)s ສໍາລັບ %(reason)s",
+            "changed_rule_rooms": "%(senderName)s ໄດ້ປ່ຽນກົດລະບຽບທີ່ຫ້າມການຈັບຄູ່ຫ້ອງ %(oldGlob)s ເປັນການຈັບຄູ່ %(newGlob)s ສໍາລັບ %(reason)s",
+            "changed_rule_servers": "%(senderName)s ໄດ້ປ່ຽນກົດລະບຽບທີ່ຫ້າມເຊີບເວີຈັບຄູ່ກັນ %(oldGlob)s ເປັນການຈັບຄູ່%(newGlob)s ສໍາລັບ %(reason)s",
+            "changed_rule_users": "%(senderName)s ໄດ້ປ່ຽນກົດລະບຽບທີ່ຫ້າມຜູ້ໃຊ້ທີ່ຈັບຄູ່ກັນ%(oldGlob)s ເປັນການຈັບຄູ່%(newGlob)s ສໍາລັບ %(reason)s",
+            "created_rule": "%(senderName)s ສ້າງກົດລະບຽບການຫ້າມຈັບຄູ່ກັນ %(glob)s ສໍາລັບ%(reason)s",
+            "created_rule_rooms": "%(senderName)s ສ້າງກົດລະບຽບຫ້າມຫ້ອງທີ່ຈັບຄູ່ກັນ %(glob)s ສໍາລັບ %(reason)s",
+            "created_rule_servers": "%(senderName)s ສ້າງກົດລະບຽບຫ້າມເຊີບເວີທີ່ຈັບຄູ່ກັນ %(glob)s ສໍາລັບ%(reason)s",
+            "created_rule_users": "%(senderName)s ສ້າງກົດລະບຽບຫ້າມຜູ້ໃຊ້ຈັບຄູ່ກັນ %(glob)s ສໍາລັບ %(reason)s",
+            "removed_rule": "%(senderName)s ໄດ້ລຶບກົດລະບຽບການຫ້າມທີ່ຄູ່ກັນ%(glob)s",
+            "removed_rule_rooms": "%(senderName)s ໄດ້ລຶບກົດລະບຽບການຫ້າມຫ້ອງທີ່ກົງກັບ %(glob)s",
+            "removed_rule_servers": "%(senderName)s ໄດ້ລຶບກົດລະບຽບການຫ້າມເຊີບເວີຄູ່ກັນ%(glob)s",
+            "removed_rule_users": "%(senderName)s ໄດ້ລຶບກົດລະບຽບການຫ້າມຜູ້ໃຊ້ທີ່ກົງກັນ %(glob)s",
+            "updated_invalid_rule": "%(senderName)s ອັບເດດກົດລະບຽບການຫ້າມທີ່ບໍ່ຖືກຕ້ອງ",
+            "updated_rule": "%(senderName)s ອັບເດດກົດລະບຽບການຫ້າມຈັບຄູ່ກັນ %(glob)s ສໍາລັບ %(reason)s",
+            "updated_rule_rooms": "%(senderName)s ອັບເດດກົດລະບຽບການຫ້າມຫ້ອງທີ່ຈັບຄູ່ %(glob)s ສໍາລັບ%(reason)s",
+            "updated_rule_servers": "%(senderName)s ອັບເດດກົດລະບຽບການຫ້າມເຊີບເວີທີ່ຈັບຄູ່ກັນ %(glob)s ສໍາລັບ%(reason)s",
+            "updated_rule_users": "%(senderName)s ອັບເດດກົດລະບຽບຫ້າມຜູ້ໃຊ້ທີ່ຈັບຄູ່ກັນ %(glob)s ສໍາລັບ%(reason)s"
+        },
+        "no_permission_messages_before_invite": "ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ເບິ່ງຂໍ້ຄວາມ ກ່ອນທີ່ທ່ານໄດ້ຖືກເຊີນ.",
+        "no_permission_messages_before_join": "ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ເບິ່ງຂໍ້ຄວາມ ກ່ອນທີ່ທ່ານເຂົ້າຮ່ວມ.",
+        "pending_moderation": "ຂໍ້ຄວາມທີ່ລໍຖ້າການກວດກາ",
+        "pending_moderation_reason": "ຂໍ້ຄວາມທີ່ລໍຖ້າການກວດກາ: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "ເພີ່ມການຕອບໂຕ້",
+            "label": "%(reactors)sປະຕິກິລິຍາກັບ %(content)s"
+        },
+        "read_receipt_title": {
+            "one": "ເຫັນໂດຍ %(count)s ຄົນ",
+            "other": "ເຫັນໂດຍ %(count)s ຄົນ"
+        },
+        "read_receipts_label": "ຢັ້ງຢືນອ່ານແລ້ວ",
+        "redacted": {
+            "tooltip": "ຂໍ້ຄວາມຖືກລຶບເມື່ອ %(date)s"
+        },
+        "redaction": "ຂໍ້ຄວາມຖືກລຶບໂດຍ %(name)s",
+        "reply": {
+            "error_loading": "ບໍ່ສາມາດໂຫຼດກິດຈະກຳທີ່ຕອບກັບມາໄດ້, ມັນບໍ່ຢູ່ ຫຼື ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ເບິ່ງມັນ.",
+            "in_reply_to": "<a>ຕອບກັບ</a> <pill>",
+            "in_reply_to_for_export": "ໃນການຕອບກັບ <a>ຂໍ້ຄວາມນີ້</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "ທ່ານກໍາລັງຈະຖືກນໍາໄປຫາເວັບໄຊທ໌ພາກສ່ວນທີສາມເພື່ອໃຫ້ທ່ານສາມາດພິສູດຢືນຢັນບັນຊີຂອງທ່ານເພື່ອໃຊ້ກັບ %(integrationsUrl)s. ທ່ານຕ້ອງການສືບຕໍ່ບໍ?",
+            "dialog_title": "ເພີ່ມການປະສົມປະສານ"
+        },
+        "self_redaction": "ຂໍ້ຄວາມຖືກລຶບແລ້ວ",
+        "send_state_failed": "ການສົ່ງບໍ່ສຳເລັດ",
+        "send_state_sent": "ຂໍ້ຄວາມຂອງທ່ານຖືກສົ່ງໄປແລ້ວ",
+        "summary": {
+            "banned": {
+                "one": "ຖືກຫ້າມ",
+                "other": "ຖືກຫ້າມ %(count)s ເທື່ອ"
+            },
+            "banned_multiple": {
+                "one": "ຖືກຫ້າມ",
+                "other": "ຖືກຫ້າມ %(count)s ເທື່ອ"
+            },
+            "changed_name": {
+                "one": "%(oneUser)sໄດ້ປ່ຽນຊື່ຂອງເຂົາເຈົ້າ",
+                "other": "%(oneUser)sປ່ຽນຊື່ຂອງເຂົາເຈົ້າ %(count)sຄັ້ງ"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)sປ່ຽນຊື່ຂອງເຂົາເຈົ້າ",
+                "other": "%(severalUsers)sປ່ຽນຊື່ຂອງເຂົາເຈົ້າ %(count)sຄັ້ງ"
+            },
+            "format": "%(nameList)s%(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)sສົ່ງຂໍ້ຄວາມທີ່ເຊື່ອງໄວ້",
+                "other": "%(oneUser)s ສົ່ງ %(count)s ຂໍ້ຄວາມທີ່ເຊື່ອງໄວ້"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)sສົ່ງຂໍ້ຄວາມທີ່ເຊື່ອງໄວ້",
+                "other": "%(severalUsers)s ສົ່ງ %(count)s ຂໍ້ຄວາມທີ່ເຊື່ອງໄວ້"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)sໄດ້ຖອນການເຊີນຂອງເຂົາເຈົ້າອອກແລ້ວ",
+                "other": "%(oneUser)sshad ການເຊີນຂອງເຂົາເຈົ້າຖອນອອກ %(count)s ຄັ້ງ"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)s shad ການເຊີນຂອງເຂົາເຈົ້າຖອນອອກ",
+                "other": "%(severalUsers)s shad ການເຊີນຂອງພວກເຂົາຖືກຖອນ %(count)s ຄັ້ງ"
+            },
+            "invited": {
+                "one": "ຖືກເຊີນ",
+                "other": "ຖືກເຊີນ %(count)s ເທື່ອ"
+            },
+            "invited_multiple": {
+                "one": "ໄດ້ຖືກເຊື້ອເຊີນ",
+                "other": "ໄດ້ຖືກເຊີນ %(count)s ເທື່ອ"
+            },
+            "joined": {
+                "one": "%(oneUser)sເຂົ້າຮ່ວມ",
+                "other": "%(oneUser)sເຂົ້າຮ່ວມ %(count)sຄັ້ງ"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)sເຂົ້າຮ່ວມ ແລະ ອອກ",
+                "other": "%(oneUser)sເຂົ້າຮ່ວມ ແລະ ອອກ %(count)s ຄັ້ງ"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)sເຂົ້າຮ່ວມ ແລະ ອອກ",
+                "other": "%(severalUsers)sເຂົ້າຮ່ວມ ແລະອອກຈາກ %(count)s ເທື່ອ"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)sເຂົ້າຮ່ວມ",
+                "other": "%(severalUsers)sເຂົ້າຮ່ວມ %(count)sຄັ້ງ"
+            },
+            "kicked": {
+                "one": "ລືບອອກ",
+                "other": "ລຶບອອກ %(count)s ເທື່ອ"
+            },
+            "kicked_multiple": {
+                "one": "ໄດ້ຖືກລຶບອອກ",
+                "other": "ໄດ້ຖືກ]ລືບອອກ %(count)s ເທື່ອ"
+            },
+            "left": {
+                "one": "%(oneUser)sອອກ",
+                "other": "%(oneUser)sອອກຈາກ%(count)s ເທື່ອ"
+            },
+            "left_multiple": {
+                "one": "ອອກຈາກ%(severalUsers)s",
+                "other": "%(severalUsers)sອອກ %(count)sຄັ້ງ"
+            },
+            "no_change": {
+                "one": "%(oneUser)sບໍ່ໄດ້ປ່ຽນແປງ",
+                "other": "%(oneUser)sບໍ່ໄດ້ປ່ຽນແປງ %(count)s ເທື່ອ"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)sບໍ່ມີການປ່ຽນແປງ",
+                "other": "%(severalUsers)sບໍ່ໄດ້ປ່ຽນແປງ %(count)s ເທື່ອ"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)sປ່ຽນ <a>ຂໍ້ຄວາມທີ່ປັກໝຸດໄວ້</a> ສຳລັບຫ້ອງ",
+                "other": "%(oneUser)sປ່ຽນ <a>ຂໍ້ຄວາມທີ່ປັກໝຸດໄວ້</a> ສຳລັບຫ້ອງ %(count)s ເທື່ອ"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)sໄດ້ປ່ຽນ <a>ຂໍ້ຄວາມທີ່ປັກໝຸດໄວ້</a> ສຳລັບຫ້ອງ",
+                "other": "%(severalUsers)sປ່ຽນ <a>ຂໍ້ຄວາມທີ່ປັກໝຸດໄວ້</a> ສຳລັບຫ້ອງ%(count)sເທື່ອ"
+            },
+            "redacted": {
+                "one": "%(oneUser)sລຶບຂໍ້ຄວາມອອກແລ້ວ",
+                "other": "%(oneUser)sລຶບ %(count)s ຂໍ້ຄວາມອອກແລ້ວ"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)sໄດ້ລຶບຂໍ້ຄວາມອອກ",
+                "other": "%(severalUsers)sລຶບ %(count)s ຂໍ້ຄວາມອອກແລ້ວ"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)sປະຕິເສດການເຊີນຂອງເຂົາເຈົ້າ",
+                "other": "%(oneUser)sປະຕິເສດການເຊີນຂອງເຂົາເຈົ້າ %(count)s ຄັ້ງ"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)sປະຕິເສດຄຳເຊີນຂອງເຂົາເຈົ້າ",
+                "other": "%(severalUsers)sປະຕິເສດຄຳເຊີນຂອງເຂົາເຈົ້າ %(count)sເທື່ອ"
+            },
+            "rejoined": {
+                "one": "%(oneUser)s ອອກ ແລະເຂົ້າຮ່ວມຄືນໃໝ່",
+                "other": "%(oneUser)sອອກ ແລະເຂົ້າຮ່ວມ %(count)sຄັ້ງ"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)s ອອກ ແລະເຂົ້າຮ່ວມໃຫມ່",
+                "other": "%(severalUsers)s ອອກ ແລະເຂົ້າຮ່ວມຄືນ %(count)sຄັ້ງ"
+            },
+            "unbanned": {
+                "one": "ຍົກເລີກການຫ້າມ",
+                "other": "ຖືກຍົກເລີກການຫ້າມ %(count)s ເທື່ອ"
+            },
+            "unbanned_multiple": {
+                "one": "ຍົກເລີກການຫ້າມ",
+                "other": "ຖືກຫ້າມ %(count)s ເທື່ອ"
+            }
+        },
+        "thread_info_basic": "ຈາກກະທູ້",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s ແລະ ອີກຄົນນຶ່ງກຳລັງພິມ…",
+                "other": "%(names)s and %(count)sຄົນອື່ນກຳລັງພິມ…"
+            },
+            "one_user": "%(displayName)s ກຳລັງພິມ…",
+            "two_users": "%(names)s ແລະ %(lastPerson)s ກຳລັງພິມ…"
+        }
+    },
+    "truncated_list_n_more": {
+        "other": "ແລະ %(count)sອີກ..."
+    },
+    "update": {
+        "changelog": "ບັນທຶກການປ່ຽນແປງ",
+        "check_action": "ກວດເບິ່ງເພຶ່ອອັບເດດ",
+        "error_encountered": "ພົບຂໍ້ຜິດພາດ (%(errorDetail)s).",
+        "error_unable_load_commit": "ບໍ່ສາມາດໂຫຼດລາຍລະອຽດຂອງ commit: %(msg)s",
+        "new_version_available": "ເວີຊັ້ນໃໝ່ພ້ອມໃຊ້ງານ. <a>ອັບເດດດຽວນີ້.</a>",
+        "no_update": "ບໍ່ໄດ້ອັບເດດ.",
+        "release_notes_toast_title": "ມີຫຍັງໃຫມ່",
+        "see_changes_button": "ມີຫຍັງໃຫມ່?",
+        "toast_description": "ເວີຊັນໃໝ່ຂອງ %(brand)s ພ້ອມໃຊ້ງານ",
+        "toast_title": "ອັບເດດ %(brand)s",
+        "unavailable": "ບໍ່ສາມາດໃຊ້ງານໄດ້"
+    },
+    "upload_failed_generic": "ໄຟລ໌ '%(fileName)s' ບໍ່ສາມາດອັບໂຫລດໄດ້.",
+    "upload_failed_size": "ໄຟລ໌ '%(fileName)s' ເກີນຂະໜາດ ສຳລັບການອັບໂຫລດຂອງ homeserver ນີ້",
+    "upload_failed_title": "ການອັບໂຫລດບໍ່ສຳເລັດ",
+    "upload_file": {
+        "cancel_all_button": "ຍົກເລີກທັງໝົດ",
+        "error_file_too_large": "ໄຟລ໌ນີ້ <b>ໃຫຍ່ເກີນໄປ</b> ທີ່ຈະອັບໂຫລດໄດ້. ຂະໜາດໄຟລ໌ຈຳກັດ%(limit)s ແຕ່ໄຟລ໌ນີ້ແມ່ນ %(sizeOfThisFile)s.",
+        "error_files_too_large": "ໄຟລ໌ເຫຼົ່ານີ້ <b>ໃຫຍ່ເກີນໄປ</b> ທີ່ຈະອັບໂຫລດ. ຂີດຈຳກັດຂະໜາດໄຟລ໌ແມ່ນ %(limit)s.",
+        "error_some_files_too_large": "ບາງໄຟລ໌ <b>ໃຫຍ່ເກີນໄປ</b> ທີ່ຈະອັບໂຫລດໄດ້. ຂີດຈຳກັດຂະໜາດໄຟລ໌ແມ່ນ %(limit)s.",
+        "error_title": "ອັບໂຫຼດຜິດພາດ",
+        "title": "ອັບໂຫຼດໄຟລ໌",
+        "title_progress": "ອັບໂຫຼດໄຟລ໌%(current)sຂອງ%(total)s",
+        "upload_all_button": "ອັບໂຫຼດທັງໝົດ",
+        "upload_n_others_button": {
+            "one": "ອັບໂຫຼດ %(count)s ໄຟລ໌ອື່ນ",
+            "other": "ອັບໂຫຼດ %(count)s ໄຟລ໌ອື່ນໆ"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "ເຄື່ອງມືຜູ້ຄຸ້ມຄອງ",
+        "ban_button_room": "ຫ້າມອອກຈາກຫ້ອງ",
+        "ban_button_space": "ພື້ນທີ່ຫ້າມຈາກ",
+        "ban_room_confirm_title": "ຫ້າມອອຈາກ %(roomName)s",
+        "ban_space_everything": "ຫ້າມພວກເຂົາຈາກທຸກສິ່ງທີ່ຂ້ອຍສາມາດເຮັດໄດ້",
+        "ban_space_specific": "ຫ້າມພວກເຂົາອອຈາກສິ່ງທີ່ສະເພາະທີ່ຂ້ອຍສາມາດເຮັດໄດ້",
+        "deactivate_confirm_action": "ປິດໃຊ້ງານຜູ້ໃຊ້",
+        "deactivate_confirm_description": "ການປິດໃຊ້ງານຜູ້ໃຊ້ນີ້ຈະອອກຈາກລະບົບ ແລະປ້ອງກັນບໍ່ໃຫ້ເຂົາເຈົ້າເຂົ້າສູ່ລະບົບຄືນອີກ. ນອກຈາກນັ້ນ, ເຂົາເຈົ້າຈະອອກຈາກຫ້ອງທັງໝົດທີ່ເຂົາເຈົ້າຢູ່ໃນ. ຄຳສັ່ງນີ້ບໍ່ສາມາດຍົກເລີກໄດ້. ທ່ານແນ່ໃຈບໍ່ວ່າຕ້ອງການປິດກາໃຊ້ງານຜູ້ໃຊ້ນີ້?",
+        "deactivate_confirm_title": "ປິດໃຊ້ງານຜູ້ໃຊ້ບໍ?",
+        "demote_button": "ຫຼຸດລະດັບ",
+        "demote_self_confirm_description_space": "ທ່ານຈະບໍ່ສາມາດຍົກເລີກການປ່ຽນແປງນີ້ໄດ້ໃນຂະນະທີ່ທ່ານກໍາລັງ demoting ຕົວທ່ານເອງ, ຖ້າທ່ານເປັນຜູ້ໃຊ້ສິດທິພິເສດສຸດທ້າຍໃນຊ່ອງ, ມັນຈະເປັນໄປບໍ່ໄດ້ທີ່ຈະຄືນສິດທິພິເສດ.",
+        "demote_self_confirm_room": "ທ່ານຈະບໍ່ສາມາດຍົກເລີກການປ່ຽນແປງນີ້ໄດ້ໃນຂະນະທີ່ທ່ານກໍາລັງ demoting ຕົວທ່ານເອງ, ຖ້າທ່ານເປັນຜູ້ໃຊ້ສິດທິພິເສດສຸດທ້າຍຢູ່ໃນຫ້ອງ, ມັນຈະເປັນໄປບໍ່ໄດ້ທີ່ຈະຄືນສິດທິພິເສດ.",
+        "demote_self_confirm_title": "ຫຼຸດລະດັບຕົວເອງບໍ?",
+        "disinvite_button_room": "ຕັດຂາດອອກຈາກຫ້ອງ",
+        "disinvite_button_room_name": "ຍົກເລີກເຊີນຈາກ %(roomName)s",
+        "disinvite_button_space": "ຕັດຂາດຈາກ ພື້ນທີ່ຈັດເກັບ",
+        "error_ban_user": "ຫ້າມຜູ້ໃຊ້ບໍ່ສຳເລັດ",
+        "error_deactivate": "ປິດໃຊ້ງານຜູ້ໃຊ້ບໍ່ສຳເລັດ",
+        "error_kicking_user": "ລຶບຜູ້ໃຊ້ອອກບໍ່ສຳເລັດ",
+        "error_mute_user": "ປິດສຽງຜູ້ໃຊ້ບໍ່ສຳເລັດ",
+        "error_revoke_3pid_invite_description": "ບໍ່ສາມາດຖອນຄຳເຊີນໄດ້. ເຊີບເວີອາດຈະປະສົບບັນຫາຊົ່ວຄາວ ຫຼື ທ່ານບໍ່ມີສິດພຽງພໍໃນການຖອນຄຳເຊີນ.",
+        "error_revoke_3pid_invite_title": "ຍົກເລີກການເຊີນບໍ່ສຳເລັດ",
+        "invited_by": "ເຊີນໂດຍ%(sender)s",
+        "jump_to_rr_button": "ຂ້າມເພື່ອອ່ານໃບຮັບເງິນ",
+        "kick_button_room": "ຍ້າຍອອກຈາກຫ້ອງ",
+        "kick_button_room_name": "ລຶບອອກຈາກ %(roomName)s",
+        "kick_button_space": "ລືບອອກຈາກພື້ນທີ່ຈັດເກັບ",
+        "kick_button_space_everything": "ລຶບອອກຈາກທຸກສິ່ງທີ່ຂ້ອຍສາມາດເຮັດໄດ້",
+        "kick_space_specific": "ລຶບອອກບາງສິ່ງທີ່ທີ່ຂ້ອຍສາມາດເຮັດໄດ້",
+        "kick_space_warning": "ພວກເຂົາສາມາດເຂົ້າເຖິງອັນໃດກໍໄດ້ທີ່ທ່ານບໍ່ແມ່ນຜູ້ຄຸມລະບົບ.",
+        "promote_warning": "ທ່ານບໍ່ສາມາດຍົກເລີກການປ່ຽນແປງນີ້ໄດ້ເນື່ອງຈາກທ່ານກໍາລັງສົ່ງເສີມຜູ້ໃຊ້ໃຫ້ມີລະດັບພະລັງງານດຽວກັນກັບຕົວທ່ານເອງ.",
+        "redact": {
+            "confirm_button": {
+                "one": "ລຶບອອກ 1 ຂໍ້ຄວາມ",
+                "other": "ເອົາ %(count)s ຂໍ້ຄວາມອອກ"
+            },
+            "confirm_description_1": {
+                "one": "ທ່ານກຳລັງຈະລຶບ %(count)s ຂໍ້ຄວາມໂດຍ %(user)s. ນີ້ຈະເປັນການລຶບຂໍ້ຄວາມອອກຖາວອນສຳລັບທຸກຄົນໃນການສົນທະນາ. ທ່ານຕ້ອງການສືບຕໍ່ບໍ?",
+                "other": "ທ່ານກຳລັງຈະລຶບ %(count)s ຂໍ້ຄວາມອອກໂດຍ %(user)s. ນີ້ຈະເປັນການລຶບຂໍ້ຄວາມອອກຖາວອນສຳລັບທຸກຄົນໃນການສົນທະນາ. ທ່ານຕ້ອງການສືບຕໍ່ບໍ?"
+            },
+            "confirm_description_2": "ສໍາລັບຈໍານວນຂໍ້ຄວາມຂະຫນາດໃຫຍ່, ນີ້ອາດຈະໃຊ້ເວລາ, ກະລຸນາຢ່າໂຫຼດຂໍ້ມູນລູກຄ້າຂອງທ່ານຄືນໃໝ່ໃນລະຫວ່າງນີ້.",
+            "confirm_keep_state_explainer": "ຍົກເລີກການກວດກາ ຖ້າທ່ານຕ້ອງການລຶບຂໍ້ຄວາມໃນລະບົບຜູ້ໃຊ້ນີ້ (ເຊັ່ນ: ການປ່ຽນແປງສະມາຊິກ, ການປ່ຽນແປງໂປຣໄຟລ໌...)",
+            "confirm_keep_state_label": "ຮັກສາຂໍ້ຄວາມຂອງລະບົບ",
+            "confirm_title": "ລຶບຂໍ້ຄວາມຫຼ້າສຸດໂດຍ %(user)s",
+            "no_recent_messages_description": "ລອງເລື່ອນຂຶ້ນໃນທາມລາຍເພື່ອເບິ່ງວ່າມີອັນໃດກ່ອນໜ້ານີ້.",
+            "no_recent_messages_title": "ບໍ່ພົບຂໍ້ຄວາມຫຼ້າສຸດໂດຍ %(user)s"
+        },
+        "redact_button": "ລຶບຂໍ້ຄວາມຫຼ້າສຸດອອກ",
+        "revoke_invite": "ຍົກເລີກຄຳເຊີນ",
+        "room_encrypted": "ຂໍ້ຄວາມຢູ່ໃນຫ້ອງນີ້ຖືກເຂົ້າລະຫັດແບບຕົ້ນທາງຮອດປາຍທາງ.",
+        "room_encrypted_detail": "ຂໍ້ຄວາມຂອງທ່ານປອດໄພ ແລະມີແຕ່ທ່ານ ແລະຜູ້ຮັບເທົ່ານັ້ນທີ່ມີກະແຈສະເພາະເພື່ອປົດລັອກພວກມັນ.",
+        "room_unencrypted": "ຂໍ້ຄວາມຢູ່ໃນຫ້ອງນີ້ບໍ່ໄດ້ຖືກເຂົ້າລະຫັດແບບຕົ້ນທາງ-ປາຍທາງ.",
+        "room_unencrypted_detail": "ຢູ່ໃນຫ້ອງທີ່ຖືກເຂົ້າລະຫັດ, ຂໍ້ຄວາມຂອງທ່ານຖືກຮັກສາໄວ້ຢ່າງປອດໄພ ແລະມີພຽງແຕ່ທ່ານ ແລະຜູ້ຮັບເທົ່ານັ້ນທີ່ມີກະແຈສະເພາະເພື່ອປົດລັອກພວກມັນ.",
+        "share_button": "ແບ່ງປັນລິ້ງໄປຫາຜູ້ໃຊ້",
+        "unban_button_room": "ຫ້າມຈາກຫ້ອງ",
+        "unban_button_space": "ຍົກເລີກການຫ້າມອອກຈາກພື້ນທີ່",
+        "unban_room_confirm_title": "ຍົກເລີກການຫ້າມອອກຈາກ %(roomName)s",
+        "unban_space_everything": "ຍົກເລີກການຫ້າມພວກເຂົາຈາກທຸກສິ່ງທີ່ຂ້ອຍສາມາດເຮັດໄດ້",
+        "unban_space_specific": "ຍົກເລີກພວກເຂົາອອກຈາກສິ່ງທີ່ຂ້ອຍສາມາດເຮັດໄດ້",
+        "unban_space_warning": "ເຂົາເຈົ້າຈະບໍ່ສາມາດເຂົ້າເຖິງໄດ້ ຫາກທ່ານບໍ່ແມ່ນຜູ້ຄຸ້ມຄອງລະບົບ.",
+        "verify_button": "ຢືນຢັນຜູ້ໃຊ້",
+        "verify_explainer": "ເພື່ອຄວາມປອດໄພເພີ່ມເຕີມ, ກະລຸນາຢັ້ງຢືນຜູ້ໃຊ້ນີ້ໂດຍການກວດສອບລະຫັດຄັ້ງດຽວໃນອຸປະກອນຂອງທ່ານທັງສອງ."
+    },
+    "voip": {
+        "already_in_call": "ຢູ່ໃນສາຍໂທແລ້ວ",
+        "already_in_call_person": "ທ່ານຢູ່ໃນການໂທກັບບຸກຄົນນີ້ແລ້ວ.",
+        "answered_elsewhere": "ຕອບຢູ່ບ່ອນອື່ນແລ້ວ",
+        "answered_elsewhere_description": "ການຮັບສາຍຢູ່ໃນອຸປະກອນອື່ນ.",
+        "call_failed": "ໂທບໍ່ສຳເລັດ",
+        "call_failed_description": "ບໍ່ສາມາດໂທຫາໄດ້",
+        "call_failed_media": "ການໂທບໍ່ສຳເລັດ ເນື່ອງຈາກເວັບແຄມ ຫຼື ບໍ່ສາມາດເຂົ້າເຖິງ ໄມໂຄຣໂຟນໄດ້. ກະລຸນາກວດເບິ່ງ:",
+        "call_failed_media_applications": "ບໍ່ມີແອັບພລິເຄຊັນອື່ນກຳລັງໃຊ້ກັບເວັບແຄັມ",
+        "call_failed_media_connected": "ໄມໂຄຣໂຟນ ແລະ ເວັບແຄມຖືກສຽບ ແລະ ຕັ້ງຢ່າງຖືກຕ້ອງ",
+        "call_failed_media_permissions": "ອະນຸຍາດໃຫ້ໃຊ້ webcam ໄດ້",
+        "call_failed_microphone": "ໂທບໍ່ສຳເລັດ ເນື່ອງຈາກບໍ່ສາມາດເຂົ້າເຖິງໄມໂຄຣໂຟນໄດ້. ກວດເບິ່ງວ່າສຽບໄມໂຄຣໂຟນ ແລະ ຕັ້ງຄ່າໃຫ້ຖືກຕ້ອງ.",
+        "call_held": "%(peerName)sຖືສາຍ",
+        "call_held_resume": "ທ່ານໄດ້ໂທຫາ <a>Resume</a>",
+        "call_held_switch": "ທ່ານຖືການໂທ <a>Switch</a>",
+        "camera_disabled": "ກ້ອງຂອງທ່ານປິດຢູ່",
+        "camera_enabled": "ກ້ອງຂອງທ່ານຍັງເປີດໃຊ້ງານຢູ່",
+        "cannot_call_yourself_description": "ທ່ານບໍ່ສາມາດໂທຫາຕົວທ່ານເອງໄດ້.",
+        "connecting": "ກຳລັງເຊື່ອມຕໍ່",
+        "connection_lost": "ການເຊື່ອມຕໍ່ກັບເຊີບເວີໄດ້ສູນຫາຍໄປ",
+        "connection_lost_description": "ທ່ານບໍ່ສາມາດໂທໄດ້ ຖ້າບໍ່ມີການເຊື່ອມຕໍ່ກັບເຊີເວີ.",
+        "consulting": "ໃຫ້ຄໍາປຶກສາກັບ %(transferTarget)s. <a>ໂອນໄປໃຫ້ %(transferee)s</a>",
+        "default_device": "ອຸປະກອນເລີ່ມຕົ້ນ",
+        "dial": "ໂທ",
+        "dialpad": "ປຸ່ມກົດ",
+        "disable_camera": "ປິດກ້ອງຖ່າຍຮູບ",
+        "disable_microphone": "ປິດສຽງໄມໂຄຣໂຟນ",
+        "enable_camera": "ເປີດກ້ອງຖ່າຍຮູບ",
+        "enable_microphone": "ເປີດສຽງໄມໂຄຣໂຟນ",
+        "expand": "ກັບໄປທີ່ການໂທ",
+        "hangup": "ວາງສາຍ",
+        "hide_sidebar_button": "ເຊື່ອງແຖບດ້ານຂ້າງ",
+        "input_devices": "ອຸປະກອນຂາເຂົ້າ",
+        "misconfigured_server": "ການໂທບໍ່ສຳເລັດເນື່ອງຈາກເຊີບເວີຕັ້ງຄ່າຜິດພາດ",
+        "misconfigured_server_description": "ກະລຸນາຕິດຕໍ່ຜູ້ຄຸ້ມຄອງສະຖານີຂອງທ່ານ (<code>%(homeserverDomain)s</code>) ເພື່ອກໍານົດຄ່າຂອງ TURN Server ເພື່ອໃຫ້ການໂທເຮັດວຽກໄດ້ຢ່າງສະຖຽນ.",
+        "more_button": "ເພີ່ມເຕີມ",
+        "msisdn_lookup_failed": "ບໍ່ສາມາດຊອກຫາເບີໂທລະສັບໄດ້",
+        "msisdn_lookup_failed_description": "ເກີດຄວາມຜິດພາດໃນການຊອກຫາເບີໂທລະສັບ",
+        "msisdn_transfer_failed": "ບໍ່ສາມາດໂອນສາຍໄດ້",
+        "n_people_joined": {
+            "one": "%(count)s ຄົນເຂົ້າຮ່ວມ\"",
+            "other": "%(count)s ຄົນເຂົ້າຮ່ວມ"
+        },
+        "no_audio_input_description": "ພວກເຮົາບໍ່ພົບໄມໂຄຣໂຟນຢູ່ໃນອຸປະກອນຂອງທ່ານ. ກະລຸນາກວດເບິ່ງການຕັ້ງຄ່າຂອງທ່ານ ແລະ ລອງໃໝ່ອີກ.",
+        "no_audio_input_title": "ບໍ່ພົບໄມໂຄຣໂຟນ",
+        "no_media_perms_description": "ທ່ານອາດຈະຈໍາເປັນຕ້ອງໄດ້ອະນຸຍາດໃຫ້ %(brand)sເຂົ້າເຖິງໄມໂຄຣໂຟນ/ເວັບແຄມຂອງທ່ານ",
+        "no_media_perms_title": "ບໍ່ມີການອະນຸຍາດສື່",
+        "no_permission_conference": "ຕ້ອງການອະນຸຍາດ",
+        "no_permission_conference_description": "ທ່ານບໍ່ໄດ້ຮັບອະນຸຍາດໃຫ້ລິເລີ່ມການໂທປະຊຸມໃນຫ້ອງນີ້",
+        "on_hold": "%(name)s ຖືກລະງັບໄວ້",
+        "output_devices": "ອຸປະກອນຂາອອກ",
+        "screenshare_monitor": "ແບ່ງປັນຫນ້າຈໍທັງໝົດ",
+        "screenshare_title": "ແບ່ງປັນເນື້ອໃນ",
+        "screenshare_window": "ປ່ອງຢ້ຽມຄໍາຮ້ອງສະຫມັກ",
+        "show_sidebar_button": "ສະແດງແຖບດ້ານຂ້າງ",
+        "silence": "ປິດສຽງໂທ",
+        "start_screenshare": "ເລີ່ມການແບ່ງປັນໜ້າຈໍຂອງທ່ານ",
+        "stop_screenshare": "ຢຸດການແບ່ງປັນຫນ້າຈໍຂອງທ່ານ",
+        "too_many_calls": "ການໂທຫຼາຍເກີນໄປ",
+        "too_many_calls_description": "ທ່ານໂທພ້ອມໆກັນເຖິງຈຳນວນສູງສຸດແລ້ວ.",
+        "transfer_consult_first_label": "ປຶກສາກ່ອນ",
+        "transfer_failed": "ການໂອນບໍ່ສຳເລັດ",
+        "transfer_failed_description": "ການໂອນສາຍບໍ່ສຳເລັດ",
+        "unable_to_access_audio_input_description": "ພວກເຮົາບໍ່ສາມາດເຂົ້າເຖິງໄມໂຄຣໂຟນຂອງທ່ານໄດ້. ກະລຸນາກວດເບິ່ງການຕັ້ງຄ່າບຣາວເຊີຂອງທ່ານແລ້ວລອງໃໝ່ອີກຄັ້ງ.",
+        "unable_to_access_audio_input_title": "ບໍ່ສາມາດເຂົ້າເຖິງໄມໂຄຣໂຟນຂອງທ່ານໄດ້",
+        "unable_to_access_media": "ບໍ່ສາມາດເຂົ້າເຖິງ webcam / microphone ໄດ້",
+        "unable_to_access_microphone": "ບໍ່ສາມາດເຂົ້າເຖິງໄມໂຄຣໂຟນໄດ້",
+        "unknown_caller": "ບໍ່ຮູ້ຈັກຜູ້ທີ່ໂທ",
+        "unknown_person": "ຄົນທີ່ບໍ່ຮູ້",
+        "unsilence": "ເປີດສຽງ",
+        "unsupported": "ບໍ່ຮອງຮັບການໂທ",
+        "unsupported_browser": "ທ່ານບໍ່ສາມາດໂທອອກໃນບຣາວເຊີນີ້ໄດ້.",
+        "user_busy": "ຜູ້ໃຊ້ບໍ່ຫວ່າງ",
+        "user_busy_description": "ຜູ້ໃຊ້ທີ່ທ່ານໂທຫາຍັງບໍ່ຫວ່າງ.",
+        "user_is_presenting": "%(sharerName)s ກຳລັງນຳສະເໜີ",
+        "video_call": "ໂທດ້ວວິດີໂອ",
+        "voice_call": "ໂທດ້ວຍສຽງ",
+        "you_are_presenting": "ທ່ານກໍາລັງນໍາສະເຫນີ"
+    },
+    "widget": {
+        "added_by": "ເພີ່ມWidgetໂດຍ",
+        "capabilities_dialog": {
+            "content_starting_text": "widget ນີ້ຕ້ອງການ:",
+            "decline_all_permission": "ປະຕິເສດທັງໝົດ",
+            "remember_Selection": "ຈື່ການເລືອກຂອງຂ້ອຍສໍາລັບ widget ນີ້",
+            "title": "ອະນຸມັດການອະນຸຍາດ widget"
+        },
+        "capability": {
+            "always_on_screen_generic": "ຢູ່ໃນຫນ້າຈໍຂອງທ່ານໃນຂະນະທີ່ກຳລັງດຳເນີນການ",
+            "always_on_screen_viewing_another_room": "ຢູ່ຫນ້າຈໍຂອງທ່ານໃນເວລາເບິ່ງຫ້ອງອື່ນ, ໃນຄະນະທີ່ກຳລັງດຳເນີນການ",
+            "any_room": "ດັ່ງຂ້າງເທິງ, ທ່ານຢູ່ຫ້ອງໃດກໍ່ຕາມ ທ່ານຈະໄດ້ຖືກເຂົ້າຮ່ວມ ຫຼື ເຊີນເຂົ້າຮ່ວມເຊັ່ນດຽວກັນ",
+            "byline_empty_state_key": "ດ້ວຍປຸ່ມລັດ empty",
+            "byline_state_key": "ດ້ວຍປຸ່ມລັດ %(stateKey)s",
+            "capability": "ຄວາມສາມາດ <b>%(capability)s</b>",
+            "change_avatar_active_room": "ປ່ຽນຮູບແທນຕົວຂອງຫ້ອງທ່ານ",
+            "change_avatar_this_room": "ປ່ຽນຮູບແທນຕົວຂອງຫ້ອງນີ້",
+            "change_name_active_room": "ປ່ຽນຊື່ຫ້ອງຂອງທ່ານ",
+            "change_name_this_room": "ປ່ຽນຊື່ຫ້ອງນີ້",
+            "change_topic_active_room": "ປ່ຽນຫົວຂໍ້ຂອງຫ້ອງຂອງທ່ານ",
+            "change_topic_this_room": "ປ່ຽນຫົວຂໍ້ຂອງຫ້ອງນີ້",
+            "receive_membership_active_room": "ເບິ່ງເມື່ອຄົນເຂົ້າຮ່ວມ, ອອກໄປ, ຫຼື ຖືກເຊີນເຂົ້າຫ້ອງຂອງທ່ານ",
+            "receive_membership_this_room": "ເບິ່ງເມື່ອຄົນເຂົ້າຮ່ວມ, ອອກໄປ, ຫຼື ຖືກເຊີນເຂົ້າຫ້ອງນີ້",
+            "remove_ban_invite_leave_active_room": "ເອົາ, ຫ້າມ, ຫຼື ເຊີນຄົນເຂົ້າຫ້ອງທີ່ຂອງທ່ານ ແລະ ເຮັດໃຫ້ທ່ານເດັ່ງອອກໄປ",
+            "remove_ban_invite_leave_this_room": "ລຶບ, ຫ້າມ, ຫຼື ເຊີນຄົນເຂົ້າຫ້ອງນີ້ ແລະ ເຮັດໃຫ້ທ່ານອອກໄປ",
+            "see_avatar_change_active_room": "ເບິ່ງເມື່ອຮູບແທນຕົວປ່ຽນແປງຢູ່ໃນຫ້ອງຂອງທ່ານ",
+            "see_avatar_change_this_room": "ເບິ່ງເມື່ອຮູບແທນຕົວປ່ຽນແປງຢູ່ໃນຫ້ອງນີ້",
+            "see_event_type_sent_active_room": "ເບິ່ງເຫດການ <b>%(eventType)s</b> ທີ່ໂພສໃສ່ຫ້ອງຂອງທ່ານ",
+            "see_event_type_sent_this_room": "ເບິ່ງເຫດການ <b>%(eventType)s</b> ທີ່ໂພສໃສ່ຫ້ອງນີ້",
+            "see_images_sent_active_room": "ເບິ່ງຮູບທີ່ໂພສໃນຫ້ອງຂອງທ່ານ",
+            "see_images_sent_this_room": "ເບິ່ງຮູບທີ່ໂພສໃນຫ້ອງນີ້",
+            "see_messages_sent_active_room": "ເບິ່ງຂໍ້ຄວາມທີ່ໂພສໃສ່ຫ້ອງຂອງທ່ານ",
+            "see_messages_sent_this_room": "ເບິ່ງຂໍ້ຄວາມທີ່ໂພສໃສ່ຫ້ອງນີ້",
+            "see_msgtype_sent_active_room": "ເບິ່ງ <b>%(msgtype)s</b> ຂໍ້ຄວາມທີ່ໂພສໃນຫ້ອງໃຊ້ງານຂອງທ່ານ",
+            "see_msgtype_sent_this_room": "ເບິ່ງ <b>%(msgtype)s</b> ຂໍ້ຄວາມທີ່ໂພສໃນຫ້ອງນີ້",
+            "see_name_change_active_room": "ເບິ່ງເມື່ອປ່ຽນແປງຊື່ຢູ່ໃນຫ້ອງຂອງທ່ານ",
+            "see_name_change_this_room": "ເບິ່ງເມື່ອປ່ຽນຊື່ຢູ່ໃນຫ້ອງນີ້",
+            "see_sent_emotes_active_room": "ເບິ່ງໂພສ emotes ໃນຫ້ອງຂອງທ່ານ",
+            "see_sent_emotes_this_room": "ເບິ່ງໂພສ emotes ໃນຫ້ອງນີ້",
+            "see_sent_files_active_room": "ເບິ່ງໄຟລ໌ທົ່ວໄປທີ່ໂພສໃນຫ້ອງຂອງທ່ານ",
+            "see_sent_files_this_room": "ເບິ່ງໄຟລ໌ທົ່ວໄປທີ່ໂພສໃນຫ້ອງນີ້",
+            "see_sticker_posted_active_room": "ເບິ່ງເວລາທີ່ຄົນໂພສສະຕິກເກີໃສ່ຫ້ອງຂອງທ່ານ",
+            "see_sticker_posted_this_room": "ເບິ່ງເມື່ອມີສະຕິກເກີຖືກໂພສຢູ່ໃນຫ້ອງນີ້",
+            "see_text_messages_sent_active_room": "ເບິ່ງຂໍ້ຄວາມທີ່ໂພສໃສ່ຫ້ອງຂອງທ່ານ",
+            "see_text_messages_sent_this_room": "ເບິ່ງຂໍ້ຄວາມທີ່ໂພສໃສ່ຫ້ອງນີ້",
+            "see_topic_change_active_room": "ເບິ່ງເມື່ອຫົວຂໍ້ປ່ຽນແປງຢູ່ໃນຫ້ອງຂອງທ່ານ",
+            "see_topic_change_this_room": "ເບິ່ງເມື່ອຫົວຂໍ້ຢູ່ໃນຫ້ອງນີ້ປ່ຽນ",
+            "see_videos_sent_active_room": "ເບິ່ງວິດີໂອທີ່ໂພສໃນຫ້ອງຂອງທ່ານ",
+            "see_videos_sent_this_room": "ເບິ່ງວິດີໂອທີ່ໂພສໃນຫ້ອງນີ້",
+            "send_emotes_active_room": "ສົ່ງ emotes ໃນຂະນະທີ່ທ່ານຢູ່ໃນຫ້ອງຂອງທ່ານ",
+            "send_emotes_this_room": "ສົ່ງ emotes ໃນຖານະທີ່ທ່ານຢູ່ໃນຫ້ອງນີ້",
+            "send_event_type_active_room": "ສົ່ງ <b>%(eventType)s</b> ເຫດການໃນຂະນະທີ່ທ່ານຢູ່ໃນຫ້ອງຂອງທ່ານ",
+            "send_event_type_this_room": "ສົ່ງເຫດການ <b>%(eventType)s</b> ໃນນາມທ່ານຢູ່ໃນຫ້ອງນີ້",
+            "send_files_active_room": "ສົ່ງໄຟລ໌ທົ່ວໄປໃນຂະນະທີ່ທ່ານຢູ່ໃນຫ້ອງຂອງທ່ານ",
+            "send_files_this_room": "ສົ່ງໄຟລ໌ທົ່ວໄປໃນຂະນະທີ່ທ່ານຢູ່ໃນຫ້ອງນີ້",
+            "send_images_active_room": "ສົ່ງຮູບພາບໃນຂະນະທີ່ທ່ານຢູ່ໃນຫ້ອງຂອງທ່ານ",
+            "send_images_this_room": "ສົ່ງຮູບພາບໃນຂະນະທີ່ທ່ານຢູ່ໃນຫ້ອງນີ້",
+            "send_messages_active_room": "ສົ່ງຂໍ້ຄວາມໃນນາມທ່ານຢູ່ໃນຫ້ອງຂອງທ່ານ",
+            "send_messages_this_room": "ສົ່ງຂໍ້ຄວາມໃນນາມທ່ານຢູ່ໃນຫ້ອງນີ້",
+            "send_msgtype_active_room": "ສົ່ງຂໍ້ຄວາມ <b>%(msgtype)s</b> ໃນຂະນະທີ່ທ່ານຢູ່ໃນຫ້ອງຂອງທ່ານ",
+            "send_msgtype_this_room": "ສົ່ງຂໍ້ຄວາມ <b>%(msgtype)s</b> ໃນຂະນະທີ່ທ່ານຢູ່ໃນຫ້ອງນີ້",
+            "send_stickers_active_room": "ສົ່ງສະຕິກເກີເຂົ້າໄປໃນຫ້ອງເຮັດວຽກຂອງທ່ານ",
+            "send_stickers_active_room_as_you": "ສົ່ງສະຕິກເກີໄປຫາຫ້ອງຂອງທ່ານ",
+            "send_stickers_this_room": "ສົ່ງສະຕິກເກີເຂົ້າມາໃນຫ້ອງນີ້",
+            "send_stickers_this_room_as_you": "ສົ່ງສະຕິກເກີໄປຫາຫ້ອງນີ້ໃນນາມທ່ານ",
+            "send_text_messages_active_room": "ສົ່ງຂໍ້ຄວາມໃນນາມທີ່ທ່ານຢູ່ໃນຫ້ອງຂອງທ່ານ",
+            "send_text_messages_this_room": "ສົ່ງຂໍ້ຄວາມໃນນາມທີ່ທ່ານຢູ່ໃນຫ້ອງນີ້",
+            "send_videos_active_room": "ສົ່ງວິດີໂອໃນຂະນະທີ່ທ່ານຢູ່ໃນຫ້ອງຂອງທ່ານ",
+            "send_videos_this_room": "ສົ່ງວິດີໂອໃນຂະນະທີ່ທ່ານຢູ່ໃນຫ້ອງນີ້",
+            "specific_room": "ຂ້າງເທິງ, ແຕ່ຢູ່ໃນ <Room /> ເຊັ່ນດຽວກັນ",
+            "switch_room": "ປ່ຽນຫ້ອງທີ່ທ່ານກຳລັງເບິ່ງ",
+            "switch_room_message_user": "ປ່ຽນຫ້ອງ, ຂໍ້ຄວາມ, ຫຼື ຜູ້ໃຊ້ທີ່ທ່ານກຳລັງເບິ່ງຢູ່"
+        },
+        "close_to_view_right_panel": "ປິດວິດເຈັດນີ້ເພື່ອເບິ່ງມັນຢູ່ໃນແຜງນີ້",
+        "context_menu": {
+            "delete": "ລຶບ widget",
+            "delete_warning": "ການລຶບwidget ຈະເປັນການລຶບອອກສຳລັບຜູ້ໃຊ້ທັງໝົດໃນຫ້ອງນີ້. ທ່ານແນ່ໃຈບໍ່ວ່າຕ້ອງການລຶບwidget ນີ້?"
+        },
+        "cookie_warning": "widget ນີ້ອາດຈະໃຊ້ cookies.",
+        "error_loading": "ເກີດຄວາມຜິດພາດໃນການໂຫຼດ Widget",
+        "error_mixed_content": "ຂໍ້ຜິດພາດ - ເນື້ອຫາມີການປະສົມປະສານ",
+        "error_need_invite_permission": "ທ່ານຈະຕ້ອງເຊີນຜູ້ໃຊ້ໃຫ້ເຮັດແນວນັ້ນ.",
+        "error_need_to_be_logged_in": "ທ່ານຈໍາເປັນຕ້ອງເຂົ້າສູ່ລະບົບ.",
+        "error_unable_start_audio_stream_description": "ບໍ່ສາມາດເລີ່ມການຖ່າຍທອດສຽງໄດ້.",
+        "error_unable_start_audio_stream_title": "ການຖ່າຍທອດສົດບໍ່ສຳເລັດ",
+        "modal_data_warning": "ຂໍ້ມູນໃນໜ້າຈໍນີ້ຖືກແບ່ງປັນກັບ %(widgetDomain)s",
+        "modal_title_default": "ຕົວຊ່ວຍ Widget",
+        "no_name": "ແອັບທີ່ບໍ່ຮູ້ຈັກ",
+        "open_id_permissions_dialog": {
+            "remember_selection": "ຈື່ສິ່ງນີ້",
+            "starting_text": "widget ຈະກວດສອບ ID ຜູ້ໃຊ້ຂອງທ່ານ, ແຕ່ຈະບໍ່ສາມາດດໍາເນີນການສໍາລັບທ່ານ:",
+            "title": "ອະນຸຍາດໃຫ້ widget ນີ້ຢືນຢັນຕົວຕົນຂອງທ່ານ"
+        },
+        "popout": "ວິດເຈັດ popout",
+        "set_room_layout": "ກໍານົດຮູບແບບຫ້ອງຂອງຂ້ອຍສໍາລັບທຸກຄົນ",
+        "shared_data_mxid": "ID ຂອງທ່ານ",
+        "shared_data_name": "ສະແດງຊື່ຂອງທ່ານ",
+        "shared_data_room_id": "ID ຫ້ອງ",
+        "shared_data_theme": "ຫົວຂໍ້ຂອງທ່ານ",
+        "shared_data_warning": "ການໃຊ້ວິດເຈັດນີ້ອາດຈະແບ່ງປັນຂໍ້ມູນ <helpIcon /> ກັບ %(widgetDomain)s.",
+        "shared_data_warning_im": "ການໃຊ້ວິດເຈັດນີ້ອາດຈະແບ່ງປັນຂໍ້ມູນ <helpIcon /> ກັບ %(widgetDomain)s & ຜູ້ຈັດການການເຊື່ອມໂຍງຂອງທ່ານ.",
+        "shared_data_widget_id": "ໄອດີວິດເຈັດ",
+        "unencrypted_warning": "Widgets ບໍ່ໄດ້ໃຊ້ໃນການເຂົ້າລະຫັດຂໍ້ຄວາມ.",
+        "unpin_to_view_right_panel": "ຖອນປັກໝຸດວິດເຈັດນີ້ເພື່ອເບິ່ງມັນຢູ່ໃນແຜງນີ້"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "ໂຕພິມໃຫຍ່ທັງໝົດແມ່ນເກືອບຈະງ່າຍພໍ່ໆກັບຕົວພິມນ້ອຍທັງໝົດ",
+            "anotherWord": "ເພີ່ມຄໍາອື່ນ ຫຼື ສອງຄໍາ. ຄໍາເວົ້າທີ່ບໍ່ທໍາມະດາແມ່ນດີກວ່າ.",
+            "associatedYears": "ຫຼີກເວັ້ນປີທີ່ກ່ຽວຂ້ອງກັບທ່ານ",
+            "capitalization": "ການໃຊ້ຕົວພິມໃຫຍ່ບໍ່ໄດ້ຊ່ວຍຫຍັງຫຼາຍ",
+            "dates": "ຫຼີກເວັ້ນວັນທີ ແລະ ປີທີ່ກ່ຽວຂ້ອງກັບທ່ານ",
+            "l33t": "ການປ່ຽນແທນທີ່ຄາດເດົາໄດ້ເຊັ່ນ '@' ແທນ 'a' ບໍ່ໄດ້ຊ່ວຍຫຍັງຫຼາຍ",
+            "longerKeyboardPattern": "ໃຊ້ຮູບແບບແປ້ນພິມທີ່ຍາວກວ່າດ້ວຍການລ້ຽວຫຼາຍຂື້ນ",
+            "noNeed": "ບໍ່ຈໍາເປັນຕ້ອງມີສັນຍາລັກ, ຕົວເລກ, ຫຼືຕົວພິມໃຫຍ່",
+            "recentYears": "ຫຼີກລ້ຽງປີທີ່ຜ່ານມາ",
+            "repeated": "ຫຼີກລ້ຽງການຊ້ໍາຄໍາສັບຕ່າງໆ ແລະ ຕົວອັກສອນ",
+            "reverseWords": "ຄຳທີ່ປີ້ນກັບກັນເບິ່ງໄດ້ບໍ່ຍາກ",
+            "sequences": "ຫຼີກເວັ້ນການຈັດລໍາດັບ",
+            "useWords": "ໃຊ້ສອງສາມຄໍາ, ເພື່ອຫຼີກເວັ້ນປະໂຫຍກທົ່ວໄປ"
+        },
+        "warnings": {
+            "common": "ນີ້ແມ່ນລະຫັດຜ່ານທົ່ວໄປ",
+            "commonNames": "ຊື່ ແລະ ນາມສະກຸນທົ່ວໄປແມ່ນເດົາໄດ້ງ່າຍ",
+            "dates": "ວັນທີຈະຄາດເດົາໄດ້ງ່າຍ",
+            "extendedRepeat": "ການຊໍ້າຄືນເຊັ່ນ \"abcabcabc\" ເປັນການຄາດເດົາທີ່ຍາກກວ່າ \"abc\" ເລັກນ້ອຍ",
+            "keyPattern": "ຮູບແບບແປ້ນພິມສັ້ນໆແມ່ນເດົາໄດ້ງ່າຍ",
+            "namesByThemselves": "ຊື່ ແລະ ນາມສະກຸນຕົວເອງເດົາໄດ້ງ່າຍ",
+            "recentYears": "ປີທີ່ຜ່ານມາແມ່ນເດົາໄດ້ງ່າຍ",
+            "sequences": "ລໍາດັບເຊັ່ນ abc ຫຼື 6543 ແມ່ນເດົາໄດ້ງ່າຍ",
+            "similarToCommon": "ນີ້ແມ່ນລະຫັດຜ່ານທີ່ໃຊ້ທົ່ວໄປຄ້າຍຄືກັນ",
+            "simpleRepeat": "ການຊໍ້າຄືນເຊັ່ນ \"aaa\" ແມ່ນເດົາໄດ້ງ່າຍ",
+            "straightRow": "ແຖວຊື່ຂອງກະແຈເດົາໄດ້ງ່າຍ",
+            "topHundred": "ນີ້ແມ່ນລະຫັດຜ່ານທົ່ວໄປ 100ອັນດັບທຳອິດ",
+            "topTen": "ນີ້ແມ່ນລະຫັດຜ່ານທົ່ວໄປ 10 ອັນດັບ",
+            "wordByItself": "ຄໍາດຽວເດົາໄດ້ງ່ຍ"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/lt.json b/apps/web/src/i18n/strings/lt.json
new file mode 100644
index 00000000000..5a92dd83bff
--- /dev/null
+++ b/apps/web/src/i18n/strings/lt.json
@@ -0,0 +1,2345 @@
+{
+    "a11y": {
+        "jump_first_invite": "Peršokti iki pirmo pakvietimo.",
+        "n_unread_messages": {
+            "one": "1 neperskaityta žinutė.",
+            "other": "%(count)s neperskaitytos žinutės."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 neperskaitytas paminėjimas.",
+            "other": "%(count)s neperskaitytos žinutės, įskaitant paminėjimus."
+        },
+        "unread_messages": "Neperskaitytos žinutės."
+    },
+    "a11y_jump_first_unread_room": "Peršokti į pirmą neperskaitytą kambarį.",
+    "action": {
+        "accept": "Priimti",
+        "add": "Pridėti",
+        "add_existing_room": "Pridėti esamą kambarį",
+        "approve": "Patvirtinti",
+        "back": "Atgal",
+        "call": "Skambinti",
+        "cancel": "Atšaukti",
+        "change": "Keisti",
+        "click_to_copy": "Spustelėkite kad nukopijuoti",
+        "close": "Uždaryti",
+        "collapse": "Suskleisti",
+        "complete": "Užbaigti",
+        "confirm": "Patvirtinti",
+        "continue": "Tęsti",
+        "copy": "Kopijuoti",
+        "create": "Sukurti",
+        "create_account": "Sukurti Paskyrą",
+        "decline": "Atmesti",
+        "delete": "Ištrinti",
+        "disable": "Išjungti",
+        "disconnect": "Atsijungti",
+        "dismiss": "Atmesti",
+        "done": "Atlikta",
+        "download": "Atsisiųsti",
+        "edit": "Koreguoti",
+        "enable": "Įjungti",
+        "expand": "Išplėsti",
+        "explore_rooms": "Žvalgyti kambarius",
+        "export": "Eksportuoti",
+        "forward": "Persiųsti",
+        "go": "Eiti",
+        "go_back": "Grįžti",
+        "got_it": "Supratau",
+        "hide_advanced": "Paslėpti išplėstinius",
+        "hold": "Sulaikyti",
+        "ignore": "Ignoruoti",
+        "import": "Importuoti",
+        "invite": "Pakviesti",
+        "join": "Prisijungti",
+        "learn_more": "Sužinokite daugiau",
+        "leave": "Palikti",
+        "leave_room": "Išeiti iš kambario",
+        "logout": "Atsijungti",
+        "manage": "Tvarkyti",
+        "maximise": "Maksimizuoti",
+        "mention": "Paminėti",
+        "new_room": "Naujas kambarys",
+        "new_video_room": "Naujas vaizdo kambarys",
+        "next": "Toliau",
+        "no": "Ne",
+        "ok": "Gerai",
+        "open": "Atidaryti",
+        "pin": "Prisegti",
+        "quote": "Cituoti",
+        "react": "Reaguoti",
+        "refresh": "Įkelti iš naujo",
+        "register": "Registruotis",
+        "remove": "Pašalinti",
+        "rename": "Pervadinti",
+        "reply": "Atsakyti",
+        "reply_in_thread": "Atsakyti temoje",
+        "resend": "Siųsti iš naujo",
+        "reset": "Iš naujo nustatyti",
+        "resume": "Tęsti",
+        "retry": "Bandyti dar kartą",
+        "review": "Peržiūrėti",
+        "revoke": "Panaikinti",
+        "save": "Išsaugoti",
+        "search": "Ieškoti",
+        "send_report": "Siųsti pranešimą",
+        "share": "Dalintis",
+        "show": "Rodyti",
+        "show_advanced": "Rodyti išplėstinius",
+        "show_all": "Rodyti viską",
+        "sign_in": "Prisijungti",
+        "sign_out": "Šalinti šį įrenginį",
+        "skip": "Praleisti",
+        "start": "Pradėti",
+        "stop": "Sustabdyti",
+        "submit": "Pateikti",
+        "subscribe": "Prenumeruoti",
+        "transfer": "Perkelti",
+        "trust": "Pasitikėti",
+        "try_again": "Bandykite vėl",
+        "unban": "Atblokuoti",
+        "unignore": "Nebeignoruoti",
+        "unpin": "Atsegti",
+        "unsubscribe": "Atsisakyti prenumeratos",
+        "update": "Atnaujinti",
+        "upgrade": "Atnaujinti",
+        "upload": "Įkelti",
+        "verify": "Patvirtinti",
+        "view": "Žiūrėti",
+        "view_all": "Žiūrėti visus",
+        "view_message": "Žiūrėti žinutę",
+        "view_source": "Peržiūrėti šaltinį",
+        "yes": "Taip"
+    },
+    "analytics": {
+        "accept_button": "Tai gerai",
+        "consent_migration": "Anksčiau sutikote su mumis dalytis anoniminiais naudojimo duomenimis. Atnaujiname, kaip tai veikia.",
+        "enable_prompt": "Padėkite pagerinti %(analyticsOwner)s",
+        "learn_more": "Dalinkitės anoniminiais duomenimis, kurie padės mums nustatyti problemas. Nieko asmeniško. Jokių trečiųjų šalių. <LearnMoreLink>Sužinokite daugiau</LearnMoreLink>",
+        "shared_data_heading": "Gali būti dalijamasi bet kuriais toliau nurodytais duomenimis:"
+    },
+    "auth": {
+        "autodiscovery_invalid": "Klaidingas serverio radimo atsakas",
+        "autodiscovery_invalid_hs": "Serverio adresas neatrodo esantis tinkamas Matrix serveris",
+        "autodiscovery_invalid_is": "Tapatybės serverio URL neatrodo kaip tinkamas tapatybės serveris",
+        "autodiscovery_invalid_is_response": "Klaidingas tapatybės serverio radimo atsakas",
+        "autodiscovery_invalid_json": "Klaidingas JSON",
+        "autodiscovery_unexpected_error_hs": "Netikėta klaida nusistatant serverio konfigūraciją",
+        "autodiscovery_unexpected_error_is": "Netikėta klaida nusistatant tapatybės serverio konfigūraciją",
+        "captcha_description": "Šis serveris norėtų įsitikinti, kad jūs nesate robotas.",
+        "change_password_action": "Keisti Slaptažodį",
+        "change_password_confirm_invalid": "Slaptažodžiai nesutampa",
+        "change_password_confirm_label": "Patvirtinkite slaptažodį",
+        "change_password_current_label": "Dabartinis slaptažodis",
+        "change_password_empty": "Slaptažodžiai negali būti tušti",
+        "change_password_mismatch": "Nauji slaptažodžiai nesutampa",
+        "change_password_new_label": "Naujas slaptažodis",
+        "create_account_prompt": "Naujas vartotojas? <a>Sukurkite paskyrą</a>",
+        "create_account_title": "Sukurti paskyrą",
+        "email_field_label": "El. paštas",
+        "email_field_label_invalid": "Neatrodo kaip tinkamas el. pašto adresas",
+        "failed_connect_identity_server": "Tapatybės serveris nepasiekiamas",
+        "failed_connect_identity_server_other": "Jūs galite prisijungti, tačiau kai kurios funkcijos bus nepasiekiamos, kol tapatybės serveris prisijungs. Jei ir toliau matote šį įspėjimą, patikrinkite savo konfigūraciją arba susisiekite su serverio administratoriumi.",
+        "failed_connect_identity_server_register": "Jūs galite registruotis, tačiau kai kurios funkcijos bus nepasiekiamos, kol tapatybės serveris prisijungs. Jei ir toliau matote šį įspėjimą, patikrinkite savo konfigūraciją arba susisiekite su serverio administratoriumi.",
+        "failed_connect_identity_server_reset_password": "Jūs galite iš naujo nustatyti savo slaptažodį, tačiau kai kurios funkcijos bus nepasiekiamos, kol tapatybės serveris prisijungs. Jei ir toliau matote šį įspėjimą, patikrinkite savo konfigūraciją arba susisiekite su serverio administratoriumi.",
+        "failed_homeserver_discovery": "Nepavyko atlikti serverio radimo",
+        "forgot_password_email_required": "Privalo būti įvestas su jūsų paskyra susietas el. pašto adresas.",
+        "forgot_password_prompt": "Pamiršote savo slaptažodį?",
+        "identifier_label": "Prisijungti naudojant",
+        "incorrect_credentials": "Neteisingas vartotojo vardas ir/arba slaptažodis.",
+        "incorrect_credentials_detail": "Atkreipkite dėmesį, kad jūs jungiatės prie %(hs)s serverio, o ne matrix.org.",
+        "incorrect_password": "Neteisingas slaptažodis",
+        "log_in_new_account": "<a>Prisijunkite</a> prie naujos paskyros.",
+        "logout_dialog": {
+            "description": "Ar tikrai norite atsijungti?",
+            "setup_key_backup_title": "Jūs prarasite prieigą prie savo užšifruotų žinučių",
+            "skip_key_backup": "Man nereikalingos užšifruotos žinutės"
+        },
+        "misconfigured_body": "Paprašykite savo %(brand)s administratoriaus patikrinti ar <a>jūsų konfigūracijoje</a> nėra neteisingų arba pasikartojančių įrašų.",
+        "misconfigured_title": "Jūsų %(brand)s yra neteisingai sukonfigūruotas",
+        "msisdn_field_label": "Telefonas",
+        "no_hs_url_provided": "Nepateiktas serverio URL",
+        "oidc": {
+            "error_title": "Mes negalėjome jūsų prijungti",
+            "missing_or_invalid_stored_state": "Paprašėme naršyklės įsiminti, kurį namų serverį naudojate prisijungimui, bet, deja, naršyklė tai pamiršo. Eikite į prisijungimo puslapį ir bandykite dar kartą."
+        },
+        "password_field_strong_label": "Puiku, stiprus slaptažodis!",
+        "phone_label": "Telefonas",
+        "register_action": "Sukurti Paskyrą",
+        "registration": {
+            "continue_without_email_description": "Įspėjame, kad nepridėję el. pašto ir pamiršę slaptažodį galite <b>visam laikui prarasti prieigą prie savo paskyros</b>.",
+            "continue_without_email_field_label": "El. paštas (neprivaloma)",
+            "continue_without_email_title": "Tęsiama be el. pašto"
+        },
+        "registration_disabled": "Registracija šiame serveryje išjungta.",
+        "registration_msisdn_field_required_invalid": "Įveskite telefono numerį (privaloma šiame serveryje)",
+        "registration_successful": "Registracija sėkminga",
+        "registration_username_validation": "Naudokite tik mažąsias raides, brūkšnelius ir pabraukimus",
+        "reset_password": {
+            "password_not_entered": "Privalo būti įvestas naujas slaptažodis.",
+            "passwords_mismatch": "Nauji slaptažodžiai privalo sutapti.",
+            "reset_successful": "Jūsų slaptažodis buvo iš naujo nustatytas.",
+            "return_to_login": "Grįžti į prisijungimą"
+        },
+        "reset_password_email_field_description": "Naudokite el. pašto adresą, kad prireikus galėtumėte atgauti paskyrą",
+        "reset_password_email_not_found_title": "Šis el. pašto adresas buvo nerastas",
+        "server_picker_custom": "Kitas namų serveris",
+        "server_picker_description_matrix.org": "Prisijunkite prie milijonų didžiausiame viešame serveryje nemokamai",
+        "server_picker_explainer": "Naudokite pageidaujamą Matrix namų serverį, jei tokį turite, arba talpinkite savo.",
+        "server_picker_failed_validate_homeserver": "Nepavyksta patvirtinti namų serverio",
+        "server_picker_invalid_url": "Netinkamas URL",
+        "server_picker_learn_more": "Apie namų serverius",
+        "server_picker_required": "Nurodykite namų serverį",
+        "server_picker_title": "Prisijunkite prie savo namų serverio",
+        "server_picker_title_default": "Serverio Parinktys",
+        "server_picker_title_registration": "Kurti paskyrą serveryje",
+        "session_logged_out_description": "Saugumo sumetimais, šis seansas buvo atjungtas. Prisijunkite dar kartą.",
+        "session_logged_out_title": "Atsijungta",
+        "set_email": {
+            "description": "Tai jums leis iš naujo nustatyti slaptažodį ir gauti pranešimus.",
+            "verification_pending_description": "Patikrinkite savo el. laišką ir spustelėkite jame esančią nuorodą. Kai tai padarysite, spauskite tęsti.",
+            "verification_pending_title": "Laukiama patvirtinimo"
+        },
+        "set_email_prompt": "Ar norite nustatyti el. pašto adresą?",
+        "sign_in_instead_prompt": "Jau turite paskyrą? <a>Prisijunkite čia</a>",
+        "sign_in_or_register": "Prisijungti arba Sukurti Paskyrą",
+        "sign_in_or_register_description": "Norėdami tęsti naudokite savo paskyrą arba sukurkite naują.",
+        "soft_logout": {
+            "clear_data_button": "Išvalyti visus duomenis",
+            "clear_data_description": "Šio seanso duomenų išvalymas yra negrįžtamas. Šifruotos žinutės bus prarastos, nebent buvo sukurta jų raktų atsarginė kopija.",
+            "clear_data_title": "Išvalyti visus duomenis šiame seanse?"
+        },
+        "sso": "Vienas Prisijungimas",
+        "sso_complete_in_browser_dialog_title": "Norėdami užbaigti prisijungimą, eikite į naršyklę",
+        "sso_failed_missing_storage": "Paprašėme naršyklės įsiminti, kurį namų serverį naudojate prisijungimui, bet, deja, naršyklė tai pamiršo. Eikite į prisijungimo puslapį ir bandykite dar kartą.",
+        "sync_footer_subtitle": "Jei esate prisijungę prie daug kambarių, tai gali užtrukti",
+        "uia": {
+            "code": "Kodas",
+            "fallback_button": "Pradėti tapatybės nustatymą",
+            "msisdn": "Tekstinė žinutė buvo išsiųsta į %(msisdn)s",
+            "msisdn_token_incorrect": "Neteisingas prieigos raktas",
+            "msisdn_token_prompt": "Įveskite joje esantį kodą:",
+            "password_prompt": "Patvirtinkite savo tapatybę žemiau įvesdami savo paskyros slaptažodį.",
+            "sso_body": "Patvirtinkite šio el. pašto adreso pridėjimą naudodami Vieną Prisijungimą, kad įrodytumėte savo tapatybę.",
+            "sso_postauth_body": "Spustelėkite toliau esantį mygtuką, kad patvirtintumėte savo tapatybę.",
+            "sso_postauth_title": "Patvirtinkite, kad tęstumėte",
+            "sso_title": "Norėdami tęsti naudokite Vieną Prisijungimą",
+            "terms": "Peržiūrėkite ir sutikite su šio serverio politika:",
+            "terms_invalid": "Peržiūrėkite ir sutikite su visa serverio politika"
+        },
+        "unsupported_auth_email": "Šis serveris nepalaiko prisijungimo naudojant el. pašto adresą.",
+        "unsupported_auth_msisdn": "Šis serveris nepalaiko tapatybės nustatymo telefono numeriu.",
+        "username_field_required_invalid": "Įveskite vartotojo vardą"
+    },
+    "bug_reporting": {
+        "additional_context": "Jei yra papildomo konteksto, kuris padėtų analizuojant šią problemą, tokio kaip ką jūs darėte tuo metu, kambarių ID, vartotojų ID ir t.t., įtraukite tuos dalykus čia.",
+        "before_submitting": "Prieš pateikiant žurnalus jūs turite <a>sukurti GitHub problemą</a>, kad apibūdintumėte savo problemą.",
+        "collecting_information": "Renkama programos versijos informacija",
+        "collecting_logs": "Renkami žurnalai",
+        "create_new_issue": "Prašome <newIssueLink>sukurti naują problemą</newIssueLink> GitHub'e, kad mes galėtume ištirti šią klaidą.",
+        "description": "Derinimo žurnaluose pateikiami programos naudojimo duomenys, įskaitant jūsų naudotojo vardą, aplankytų kambarių ID arba pseudonimus, naudotojo sąsajos elementus, su kuriais paskutinį kartą sąveikavote, ir kitų naudotojų vardus. Juose nėra žinučių.",
+        "download_logs": "Parsisiųsti žurnalus",
+        "downloading_logs": "Parsiunčiami žurnalai",
+        "error_empty": "Pasakyite mums kas nutiko, arba, dar geriau, sukurkite GitHub problemą su jos apibūdinimu.",
+        "github_issue": "GitHub problema",
+        "introduction": "Jei per GitHub pateikėte klaidą, derinimo žurnalai gali padėti mums nustatyti problemą. ",
+        "log_request": "Norėdami padėti mums išvengti to ateityje, <a>atsiųskite mums žurnalus</a>.",
+        "logs_sent": "Žurnalai išsiųsti",
+        "matrix_security_issue": "Norėdami pranešti apie su Matrix susijusią saugos problemą, perskaitykite Matrix.org <a>Saugumo Atskleidimo Poliiką</a>.",
+        "preparing_download": "Ruošiamasi parsiųsti žurnalus",
+        "preparing_logs": "Ruošiamasi išsiųsti žurnalus",
+        "send_logs": "Siųsti žurnalus",
+        "submit_debug_logs": "Pateikti derinimo žurnalus",
+        "textarea_label": "Pastabos",
+        "thank_you": "Ačiū!",
+        "title": "Pranešti apie klaidą",
+        "unsupported_browser": "Primename: Jūsų naršyklė yra nepalaikoma, todėl jūsų patirtis gali būti nenuspėjama.",
+        "uploading_logs": "Įkeliami žurnalai",
+        "waiting_for_server": "Laukiama atsakymo iš serverio"
+    },
+    "cannot_reach_homeserver": "Serveris nepasiekiamas",
+    "cannot_reach_homeserver_detail": "Įsitikinkite, kad jūsų interneto ryšys yra stabilus, arba susisiekite su serverio administratoriumi",
+    "chat_card_back_action_label": "Grįžti į pokalbį",
+    "chat_effects": {
+        "confetti_description": "Siunčia pateiktą žinutę su konfeti",
+        "confetti_message": "siunčia konfeti",
+        "fireworks_description": "Siunčia pateiktą žinutę su fejerverkais",
+        "fireworks_message": "nusiunčia fejerverkus",
+        "hearts_description": "Siunčia pateiktą žinutę su širdelėmis",
+        "hearts_message": "Siunčia širdeles",
+        "rainfall_description": "Siunčia pateiktą žinutę su lietumi",
+        "rainfall_message": "siunčia lietų",
+        "snowfall_description": "Siunčia pateiktą žinutę su sniego krituliais",
+        "snowfall_message": "siunčia sniego kritulius",
+        "spaceinvaders_description": "Siunčia pateiktą žinutę su kosmoso temos efektu",
+        "spaceinvaders_message": "siunčia kosmoso įsibrovėlius"
+    },
+    "common": {
+        "access_token": "Prieigos žetonas",
+        "advanced": "Išplėstiniai",
+        "analytics": "Analitika",
+        "and_n_others": {
+            "other": "ir %(count)s kitų...",
+            "one": "ir dar vienas..."
+        },
+        "appearance": "Išvaizda",
+        "are_you_sure": "Ar tikrai?",
+        "attachment": "Priedas",
+        "authentication": "Autentifikavimas",
+        "camera": "Kamera",
+        "copied": "Nukopijuota!",
+        "credits": "Padėka",
+        "dark": "Tamsi",
+        "description": "Aprašas",
+        "deselect_all": "Nuimti pasirinkimą nuo visko",
+        "device": "Įrenginys",
+        "edited": "pakeista",
+        "email_address": "El. pašto adresas",
+        "emoji": "Jaustukai",
+        "encrypted": "Užšifruota",
+        "error": "Klaida",
+        "faq": "DUK",
+        "feedback": "Atsiliepimai",
+        "filter_results": "Išfiltruoti rezultatus",
+        "forward_message": "Persiųsti žinutę",
+        "general": "Bendrieji",
+        "go_to_settings": "Eiti į Nustatymus",
+        "guest": "Svečias",
+        "help": "Pagalba",
+        "home": "Pradžia",
+        "homeserver": "Serveris",
+        "identity_server": "Tapatybės serveris",
+        "integration_manager": "Integracijų tvarkyklė",
+        "joined": "Prisijungta",
+        "labs": "Laboratorijos",
+        "legal": "Teisiniai",
+        "light": "Šviesi",
+        "message": "Žinutė",
+        "message_layout": "Žinutės išdėstymas",
+        "microphone": "Mikrofonas",
+        "modern": "Modernus",
+        "mute": "Nutildyti",
+        "n_members": {
+            "one": "%(count)s narys",
+            "other": "%(count)s nariai"
+        },
+        "name": "Pavadinimas",
+        "no_results": "Jokių rezultatų",
+        "not_trusted": "Nepatikimas",
+        "off": "Išjungta",
+        "offline": "Atsijungęs",
+        "on": "Įjungta",
+        "options": "Parinktys",
+        "orphan_rooms": "Kiti kambariai",
+        "password": "Slaptažodis",
+        "people": "Žmonės",
+        "preferences": "Nuostatos",
+        "presence": "Esamumas",
+        "preview_message": "Labukas. Tu geriausias(-a)!",
+        "privacy": "Privatumas",
+        "private": "Privatus",
+        "private_room": "Privatus kambarys",
+        "private_space": "Privati erdvė",
+        "profile": "Profilis",
+        "public": "Viešas",
+        "public_room": "Viešas kambarys",
+        "public_space": "Vieša erdvė",
+        "reactions": "Reakcijos",
+        "report_a_bug": "Pranešti apie klaidą",
+        "room": "Kambarys",
+        "rooms": "Kambariai",
+        "secure_backup": "Saugi Atsarginė Kopija",
+        "select_all": "Pasirinkti viską",
+        "settings": "Nustatymai",
+        "show_more": "Rodyti daugiau",
+        "someone": "Kažkas",
+        "spaces": "Erdvės",
+        "sticker": "Lipdukas",
+        "stickerpack": "Lipdukų paketas",
+        "success": "Pavyko",
+        "suggestions": "Pasiūlymai",
+        "theme": "Tema",
+        "threads": "Temos",
+        "timeline": "Laiko juosta",
+        "unencrypted": "Neužšifruota",
+        "unmute": "Atšaukti nutildymą",
+        "unnamed_room": "Bevardis Kambarys",
+        "unverified": "Nepatvirtinta",
+        "user_avatar": "Profilio paveikslėlis",
+        "username": "Vartotojo vardas",
+        "verified": "Patvirtinta",
+        "video_room": "Vaizdo kambarys",
+        "view_message": "Žiūrėti žinutę",
+        "warning": "Įspėjimas"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Pranešti visam kambariui",
+            "command_description": "Komandos",
+            "emoji_a11y": "Jaustukų automatinis užbaigimas",
+            "notification_a11y": "Pranešimo Automatinis Užbaigimas",
+            "notification_description": "Kambario Pranešimas",
+            "user_description": "Naudotojai"
+        },
+        "close_sticker_picker": "Slėpti lipdukus",
+        "edit_composer_label": "Redaguoti žinutę",
+        "format_bold": "Pusjuodis",
+        "format_code_block": "Kodo blokas",
+        "format_inline_code": "Kodas",
+        "format_insert_link": "Įterpti nuorodą",
+        "format_italic": "Kursyvas",
+        "format_italics": "Kursyvas",
+        "format_link": "Nuoroda",
+        "format_ordered_list": "Sunumeruotas sąrašas",
+        "format_strikethrough": "Perbrauktas",
+        "format_underline": "Pabraukimas",
+        "format_unordered_list": "Suženklintasis sąrašas",
+        "no_perms_notice": "Jūs neturite leidimų rašyti šiame kambaryje",
+        "placeholder": "Siųsti žinutę…",
+        "placeholder_encrypted": "Siųsti šifruotą žinutę…",
+        "placeholder_reply": "Siųsti atsakymą…",
+        "placeholder_reply_encrypted": "Siųsti šifruotą atsakymą…",
+        "placeholder_thread": "Atsakyti į temą…",
+        "placeholder_thread_encrypted": "Atsakyti į užšifruotą temą…",
+        "poll_button": "Apklausa",
+        "poll_button_no_perms_description": "Jūs neturite leidimo pradėti apklausas šiame kambaryje.",
+        "poll_button_no_perms_title": "Reikalingas Leidimas",
+        "replying_title": "Atsakoma",
+        "room_upgraded_link": "Pokalbis tęsiasi čia.",
+        "room_upgraded_notice": "Šis kambarys buvo pakeistas ir daugiau nebėra aktyvus.",
+        "send_button_title": "Siųsti žinutę",
+        "send_button_voice_message": "Siųsti balso žinutę",
+        "send_voice_message": "Siųsti balso žinutę",
+        "stop_voice_message": "Sustabdyti įrašymą",
+        "voice_message_button": "Balso žinutė"
+    },
+    "create_room": {
+        "action_create_room": "Kurti kambarį",
+        "action_create_video_room": "Kurti vaizdo kambarį",
+        "encryption_forced": "Jūsų serveris reikalauja, kad šifravimas būtų įjungtas privačiuose kambariuose.",
+        "encryption_label": "Įjungti visapusį šifravimą",
+        "error_title": "Nepavyko sukurti kambario",
+        "generic_error": "Serveris gali būti neprieinamas, per daug apkrautas, arba susidūrėte su klaida.",
+        "name_validation_required": "Įveskite kambario pavadinimą",
+        "title_private_room": "Sukurti privatų kambarį",
+        "title_public_room": "Sukurti viešą kambarį",
+        "title_video_room": "Kurti vaizdo pokalbių kambarį",
+        "topic_label": "Tema (nebūtina)",
+        "unfederated": "Blokuoti bet ką, kas nėra iš %(serverName)s, niekada nebeleidžiant prisijungti prie šio kambario.",
+        "unfederated_label_default_off": "Jūs galite tai įjungti, jei kambarys bus naudojamas tik bendradarbiavimui su vidinėmis komandomis jūsų serveryje. Tai negali būti vėliau pakeista.",
+        "unfederated_label_default_on": "Šią funkciją galite išjungti, jei kambarys bus naudojamas bendradarbiavimui su išorės komandomis, turinčiomis savo namų serverį. Vėliau to pakeisti negalima.",
+        "unsupported_version": "Serveris nepalaiko nurodytos kambario versijos."
+    },
+    "create_space": {
+        "add_details_prompt": "Pridėkite šiek tiek detalių, kad žmonės galėtų ją atpažinti.",
+        "add_details_prompt_2": "Jūs tai galite pakeisti bet kada.",
+        "address_label": "Adresas",
+        "address_placeholder": "pvz., mano-erdvė",
+        "explainer": "Erdvės - tai naujas kambarių ir žmonių grupavimo būdas. Kokią erdvę norite sukurti? Vėliau tai galėsite pakeisti.",
+        "label": "Sukurti erdvę",
+        "name_required": "Prašome įvesti pavadinimą šiai erdvei",
+        "private_description": "Tik pakviestiems, geriausia sau arba komandoms",
+        "private_heading": "Jūsų privati erdvė",
+        "public_description": "Atvira erdvė visiems, geriausia bendruomenėms",
+        "public_heading": "Jūsų vieša erdvė",
+        "subspace_dropdown_title": "Sukurti erdvę"
+    },
+    "desktop_default_device_name": "%(brand)s Kompiuteryje: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Aktyvūs Valdikliai",
+        "category_other": "Kitas",
+        "category_room": "Kambarys",
+        "developer_mode": "Kūrėjo režimas",
+        "developer_tools": "Programuotojo Įrankiai",
+        "event_content": "Įvykio turinys",
+        "event_sent": "Įvykis išsiųstas!",
+        "event_type": "Įvykio tipas",
+        "explore_account_data": "Naršyti paskyros duomenis",
+        "explore_room_account_data": "Naršyti kambario paskyros duomenis",
+        "explore_room_state": "Naršyti kambario būseną",
+        "failed_to_find_widget": "Įvyko klaida ieškant šio valdiklio.",
+        "failed_to_send": "Nepavyko išsiųsti įvykio.",
+        "invalid_json": "Neatrodo kaip tinkamas JSON.",
+        "level": "Lygis",
+        "no_receipt_found": "Nerasta kvito.",
+        "notifications_debug": "Pranešimų derinimas",
+        "original_event_source": "Originalus įvykio šaltinis",
+        "room_id": "Kambario ID: %(roomId)s",
+        "send_custom_account_data_event": "Siųsti pasirinktinius paskyros duomenis įvykį",
+        "send_custom_room_account_data_event": "Siųsti pasirinktinius kambario paskyros duomenis įvykį",
+        "send_custom_timeline_event": "Siųsti pasirinktinės laiko skalės įvykį",
+        "server_info": "Serverio informacija",
+        "setting_colon": "Nustatymas:",
+        "setting_id": "Nustatymo ID",
+        "settings_explorer": "Nustatymų naršyklė",
+        "show_hidden_events": "Rodyti paslėptus įvykius laiko juostoje",
+        "state_key": "Būklės raktas",
+        "thread_root_id": "Gijos šaknies ID: %(threadRootId)s",
+        "title": "Kūrėjo įrankiai",
+        "toolbox": "Įrankinė",
+        "user_read_up_to": "Naudotojas perskaitė iki: ",
+        "user_read_up_to_ignore_synthetic": "Naudotojas perskaitė iki (ignoreSynthetic): ",
+        "value": "Reikšmė",
+        "view_servers_in_room": "Peržiūrėti serverius kambaryje",
+        "widget_screenshots": "Įjungti valdiklių ekrano kopijas palaikomuose valdikliuose"
+    },
+    "dialog_close_label": "Uždaryti dialogą",
+    "download_completed": "Atsisiuntimas baigtas",
+    "empty_room": "Tuščias kambarys",
+    "empty_room_was_name": "Tuščias kambarys (buvo %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Netinkamas Saugumo Raktas"
+            },
+            "restoring": "Raktų atkūrimas iš atsarginės kopijos",
+            "security_key_title": "Saugumo Raktas"
+        },
+        "bootstrap_title": "Raktų nustatymas",
+        "confirm_encryption_setup_body": "Paspauskite mygtuką žemiau, kad patvirtintumėte šifravimo nustatymą.",
+        "confirm_encryption_setup_title": "Patvirtinti šifravimo sąranką",
+        "cross_signing_room_normal": "Šis kambarys visapusiškai užšifruotas",
+        "cross_signing_room_verified": "Visi šiame kambaryje yra patvirtinti",
+        "cross_signing_room_warning": "Kažkas naudoja nežinomą seansą",
+        "cross_signing_user_normal": "Jūs nepatvirtinote šio vartotojo.",
+        "cross_signing_user_verified": "Jūs patvirtinote šį vartotoją. Šis vartotojas patvirtino visus savo seansus.",
+        "cross_signing_user_warning": "Šis vartotojas nepatvirtino visų savo seansų.",
+        "event_shield_reason_authenticity_not_guaranteed": "Šiame įrenginyje negalima užtikrinti šios užšifruotos žinutės autentiškumo.",
+        "event_shield_reason_mismatched_sender_key": "Užšifruota nepatvirtinto seanso",
+        "export_unsupported": "Jūsų naršyklė nepalaiko reikalingų kriptografijos plėtinių",
+        "import_invalid_keyfile": "Negaliojantis %(brand)s rakto failas",
+        "import_invalid_passphrase": "Autentifikavimo patikra nepavyko: neteisingas slaptažodis?",
+        "messages_not_secure": {
+            "cause_1": "Jūsų serveris",
+            "cause_2": "Namų serveris, prie kurio yra prisijungęs patvirtinamas naudotojas",
+            "cause_3": "Jūsų arba kitų naudotojų interneto ryšys",
+            "cause_4": "Jūsų arba kitų naudotojų sesija",
+            "heading": "Gali būti pažeistas vienas iš šių:",
+            "title": "Jūsų žinutės nėra saugios"
+        },
+        "new_recovery_method_detected": {
+            "description_2": "Šis seansas šifruoja istoriją naudodamas naują atgavimo metodą.",
+            "title": "Naujas atgavimo metodas",
+            "warning": "Jei jūs nenustatėte naujo paskyros atgavimo metodo, gali būti, kad užpuolikas bando patekti į jūsų paskyrą. Nedelsiant nustatymuose pakeiskite savo paskyros slaptažodį ir nustatykite naują atgavimo metodą."
+        },
+        "recovery_method_removed": {
+            "description_2": "Jei tai padarėte netyčia, šiame seanse galite nustatyti saugias žinutes, kurios pakartotinai užšifruos šio seanso žinučių istoriją nauju atgavimo metodu.",
+            "title": "Atgavimo Metodas Pašalintas",
+            "warning": "Jei jūs nepašalinote paskyros atgavimo metodo, gali būti, kad užpuolikas bando patekti į jūsų paskyrą. Nedelsiant nustatymuose pakeiskite savo paskyros slaptažodį ir nustatykite naują atgavimo metodą."
+        },
+        "set_up_toast_title": "Nustatyti Saugią Atsarginę Kopiją",
+        "unable_to_setup_keys_error": "Nepavyksta nustatyti raktų",
+        "verification": {
+            "accepting": "Priimama…",
+            "cancelling": "Atšaukiama…",
+            "complete_action": "Supratau",
+            "complete_description": "Jūs sėkmingai patvirtinote šį vartotoją.",
+            "complete_title": "Patvirtinta!",
+            "explainer": "Saugios žinutės su šiuo vartotoju yra visapusiškai užšifruotos ir negali būti perskaitytos trečiųjų šalių.",
+            "in_person": "Norėdami užtikrinti saugumą, darykite tai asmeniškai arba naudokite patikimą komunikacijos būdą.",
+            "incoming_sas_device_dialog_text_1": "Patvirtinkite šį įrenginį, kad pažymėtumėte jį kaip patikimą. Įrenginio pažymėjimas patikimu jums ir kitiems vartotojams suteikia papildomos ramybės naudojant visapusiškai užšifruotas žinutes.",
+            "incoming_sas_device_dialog_text_2": "Šio įrenginio patvirtinimas pažymės jį kaip patikimą, ir vartotojai, kurie patvirtino su jumis, pasitikės šiuo įrenginiu.",
+            "incoming_sas_dialog_title": "Įeinantis Patikrinimo Prašymas",
+            "incoming_sas_user_dialog_text_1": "Patvirtinkite šį vartotoją, kad pažymėtumėte jį kaip patikimą. Vartotojų pažymėjimas patikimais suteikia jums papildomos ramybės naudojant visapusiškai užšifruotas žinutes.",
+            "incoming_sas_user_dialog_text_2": "Patvirtinant šį vartotoją, jo seansas bus pažymėtas kaip patikimas, taip pat jūsų seansas bus pažymėtas kaip patikimas jam.",
+            "no_support_qr_emoji": "Įrenginys, kurį bandote patvirtinti, nepalaiko QR kodo nuskaitymo arba jaustukų patikrinimo, kurį palaiko %(brand)s. Pabandykite naudoti kitą klientą.",
+            "other_party_cancelled": "Kita šalis atšaukė patvirtinimą.",
+            "prompt_encrypted": "Patvirtinkite visus vartotojus kambaryje, kad užtikrintumėte jo saugumą.",
+            "prompt_unencrypted": "Užšifruotuose kambariuose patvirtinkite visus naudotojus, kad įsitikintumėte, jog jie yra saugūs.",
+            "qr_or_sas": "%(qrCode)s arba %(emojiCompare)s",
+            "qr_prompt": "Nuskaitykite šį unikalų kodą",
+            "qr_reciprocate_same_shield_user": "Beveik atlikta! Ar %(displayName)s rodo tokį patį skydą?",
+            "request_toast_detail": "%(deviceId)s iš %(ip)s",
+            "sas_caption_self": "Patvirtinkite šį prietaisą patvirtindami, kad jo ekrane rodomas šis numeris.",
+            "sas_caption_user": "Patvirtinkite šį vartotoją, įsitikindami, kad jo ekrane rodomas toliau esantis skaičius.",
+            "sas_description": "Palyginkite unikalų jaustukų rinkinį, jei neturite fotoaparato nei viename įrenginyje",
+            "sas_emoji_caption_user": "Patvirtinkite šį vartotoją, įsitikindami, kad jo ekrane rodomas toliau esantis jaustukas.",
+            "sas_match": "Jie sutampa",
+            "sas_no_match": "Jie nesutampa",
+            "sas_prompt": "Palyginkite unikalius jaustukus",
+            "scan_qr": "Patvirtinti nuskaitant",
+            "scan_qr_explainer": "Paprašykite %(displayName)s nuskaityti jūsų kodą:",
+            "start_button": "Pradėti patvirtinimą",
+            "successful_user": "Jūs sėkmingai patvirtinote %(displayName)s!",
+            "unsupported_method": "Nepavyko rasti palaikomo patvirtinimo metodo.",
+            "unverified_session_toast_title": "Naujas prisijungimas. Ar tai jūs?",
+            "unverified_sessions_toast_description": "Peržiūrėkite, ar jūsų paskyra yra saugi",
+            "unverified_sessions_toast_reject": "Vėliau",
+            "verification_dialog_title_user": "Patvirtinimo prašymas",
+            "verify_emoji": "Patvirtinti naudojant jaustukus",
+            "verify_emoji_prompt": "Patvirtinti palyginant unikalius jaustukus.",
+            "verify_emoji_prompt_qr": "Jei nuskaityti aukščiau esančio kodo negalite, patvirtinkite palygindami unikalius jaustukus.",
+            "waiting_for_user_accept": "Laukiama kol %(displayName)s sutiks…",
+            "waiting_other_device": "Laukiame, kol patvirtinsite kitame įrenginyje…",
+            "waiting_other_device_details": "Laukiama, kol patvirtinsite kitame įrenginyje, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Laukiama kol %(displayName)s patvirtins…"
+        },
+        "verify_toast_description": "Kiti vartotojai gali nepasitikėti",
+        "verify_toast_title": "Patvirtinti šį seansą",
+        "withdraw_verification_action": "Atšaukti patvirtinimą"
+    },
+    "error": {
+        "admin_contact_short": "Susisiekite su savo <a>serverio administratoriumi</a>.",
+        "app_launch_unexpected_error": "Netikėta klaida ruošiant programą. Norėdami sužinoti daugiau detalių, žiūrėkite konsolę.",
+        "cannot_load_config": "Nepavyko įkelti konfigūracijos failo: atnaujinkite puslapį, kad pabandytumėte dar kartą.",
+        "dialog_description_default": "Įvyko klaida.",
+        "edit_history_unsupported": "Panašu, kad jūsų namų serveris nepalaiko šios galimybės.",
+        "failed_copy": "Nepavyko nukopijuoti",
+        "hs_blocked": "Šis namų serveris buvo užblokuotas jo administratoriaus.",
+        "invalid_configuration_no_server": "Klaidinga konfigūracija: nenurodytas numatytasis serveris.",
+        "invalid_json": "Jūsų Element konfigūracijoje yra klaidingas JSON. Ištaisykite problemą ir iš naujo įkelkite puslapį.",
+        "invalid_json_detail": "Analizatoriaus žinutė yra: %(message)s",
+        "invalid_json_generic": "Klaidingas JSON",
+        "mau": "Šis serveris pasiekė savo mėnesinį aktyvių vartotojų limitą.",
+        "misconfigured": "Jūsų Element yra neteisingai sukonfigūruotas",
+        "mixed_content": "Neįmanoma prisijungti prie serverio per HTTP, kai naršyklės juostoje yra HTTPS URL. Naudokite HTTPS arba <a>įjunkite nesaugias rašmenas</a>.",
+        "non_urgent_echo_failure_toast": "Jūsų serveris neatsako į kai kurias <a>užklausas</a>.",
+        "resource_limits": "Šis serveris viršijo vieno iš savo išteklių limitą.",
+        "session_restore": {
+            "clear_storage_button": "Išvalyti Saugyklą ir Atsijungti",
+            "clear_storage_description": "Atsijungti ir pašalinti šifravimo raktus?",
+            "description_1": "Bandant atkurti ankstesnį seansą įvyko klaida.",
+            "description_2": "Jei anksčiau naudojote naujesnę %(brand)s versiją, jūsų seansas gali būti nesuderinamas su šia versija. Uždarykite šį langą ir grįžkite į naujesnę versiją.",
+            "description_3": "Išvalius naršyklės saugyklą, problema gali būti išspręsta, tačiau jus atjungs ir užšifruotų pokalbių istorija taps neperskaitoma.",
+            "title": "Nepavyko atkurti seanso"
+        },
+        "something_went_wrong": "Kažkas nutiko!",
+        "storage_evicted_description_1": "Trūksta kai kurių seanso duomenų, įskaitant šifruotų žinučių raktus. Atsijunkite ir prisijunkite, kad tai išspręstumėte, atkurdami raktus iš atsarginės kopijos.",
+        "storage_evicted_description_2": "Jūsų naršyklė greičiausiai pašalino šiuos duomenis pritrūkus vietos diske.",
+        "storage_evicted_title": "Trūksta seanso duomenų",
+        "tls": "Nepavyksta prisijungti prie serverio - patikrinkite savo ryšį, įsitikinkite, kad jūsų <a>serverio SSL sertifikatas</a> yra patikimas ir, kad naršyklės plėtinys neužblokuoja užklausų.",
+        "unknown": "Nežinoma klaida",
+        "unknown_error_code": "nežinomas klaidos kodas",
+        "update_power_level": "Nepavyko pakeisti galios lygio"
+    },
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Nepavyko nukopijuoti nuorodos į kambarį į iškarpinę.",
+            "title": "Nepavyko nukopijuoti kambario nurodos"
+        },
+        "forget_room_failed": "Nepavyko pamiršti kambario %(errCode)s"
+    },
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Vykdomas skambutis",
+            "user": "%(senderName)s prisijungė prie skambučio",
+            "you": "Jūs prisijungėte prie skambučio"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s baigė skambutį",
+            "you": "Baigėte skambutį"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s skambina",
+            "dm_send": "Laukiama atsakymo",
+            "user": "%(senderName)s pradėjo skambutį",
+            "you": "Jūs pradėjote skambutį"
+        }
+    },
+    "export_chat": {
+        "creating_html": "Kuriama HTML…",
+        "creating_output": "Kuriama išvestis…",
+        "creator_summary": "%(creatorName)s sukūrė šį kambarį.",
+        "current_timeline": "Dabartinė laiko skalė",
+        "error_fetching_file": "Klaida gaunant failą.",
+        "export_info": "Tai – „<roomName/>“ eksporto pradžia. Eksportavo <exporterDetails/> %(exportDate)s.",
+        "export_successful": "Eksportas sėkmingas!",
+        "exported_n_events_in_time": {
+            "one": "Eksportavome %(count)s įvyki per %(seconds)s sekundes",
+            "other": "Eksportavome %(count)s įvykius per %(seconds)s sekundes"
+        },
+        "fetched_n_events": {
+            "one": "Gautas %(count)s įvykis iki šiol",
+            "few": "Gauti %(count)s įvykiai iki šiol",
+            "other": "Gauta %(count)s įvykių iki šiol"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Surinkome %(count)s įvykius per %(seconds)ss"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Gautas %(count)s įvykis iš %(total)s",
+            "few": "Gauti %(count)s įvykiai iš %(total)s",
+            "other": "Gauta %(count)s įvykių iš %(total)s"
+        },
+        "fetching_events": "Gaunami įvykiai…",
+        "file_attached": "Failas pridėtas",
+        "from_the_beginning": "Nuo pradžios",
+        "generating_zip": "Generuojamas ZIP",
+        "html": "HTML",
+        "html_title": "Eksportuoti duomenys",
+        "json": "JSON",
+        "media_omitted": "Medija praleista",
+        "media_omitted_file_size": "Medija praleista – viršyta failo dydžio riba.",
+        "messages": "Žinutės",
+        "next_page": "Tolesnė žinučių grupė",
+        "number_of_messages": "Nurodykite žinučių skaičių.",
+        "previous_page": "Ankstesnė žinučių grupė",
+        "processing_event_n": "Apdorojamas įvykis %(number)s iš %(total)s",
+        "starting_export": "Pradedamas eksportas…",
+        "text": "Paprastas Tekstas",
+        "topic": "Tema: %(topic)s",
+        "unload_confirm": "Ar tikrai norite išeiti šio eksportavimo metu?"
+    },
+    "failed_load_async_component": "Nepavyko įkelti! Patikrinkite savo tinklo ryšį ir bandykite dar kartą.",
+    "feedback": {
+        "can_contact_label": "Jei turite papildomų klausimų, galite susisiekti su manimi",
+        "comment_label": "Komentaras",
+        "existing_issue_link": "Pirmiausia peržiūrėkite <existingIssuesLink>Github'e esančius pranešimus apie klaidas</existingIssuesLink>. Jokio atitikmens? <newIssueLink>Pradėkite naują pranešimą</newIssueLink>.",
+        "pro_type": "PRO PATARIMAS: Jei pradėjote klaidos pranešimą, pateikite <debugLogsLink>derinimo žurnalus</debugLogsLink>, kad padėtumėte mums išsiaiškinti problemą.",
+        "send_feedback_action": "Siųsti atsiliepimą",
+        "sent": "Atsiliepimas išsiųstas"
+    },
+    "file_panel": {
+        "peek_note": "Norėdami pamatyti jo failus, turite prisijungti prie kambario"
+    },
+    "forward": {
+        "filter_placeholder": "Ieškoti kambarių ar žmonių",
+        "message_preview_heading": "Žinutės peržiūra",
+        "no_perms_title": "Jūs neturite leidimo tai daryti",
+        "send_label": "Siųsti",
+        "sending": "Siunčiama",
+        "sent": "Išsiųsta"
+    },
+    "identity_server": {
+        "change": "Pakeisti tapatybės serverį",
+        "change_prompt": "Atsijungti nuo <current /> tapatybės serverio ir jo vietoje prisijungti prie <new />?",
+        "change_server_prompt": "Jei jūs nenorite naudoti <server /> serverio radimui ir tam, kad būtumėte randamas esamų, jums žinomų kontaktų, žemiau įveskite kitą tapatybės serverį.",
+        "checking": "Tikrinamas serveris",
+        "description_connected": "Tam, kad galėtumėte rasti ir tam, kad būtumėte randamas esamų, jums žinomų kontaktų, jūs šiuo metu naudojate <server></server> tapatybės serverį. Jį pakeisti galite žemiau.",
+        "description_disconnected": "Šiuo metu jūs nenaudojate tapatybės serverio. Tam, kad galėtumėte rasti ir tam, kad būtumėte randamas esamų, jums žinomų kontaktų, pridėkite jį žemiau.",
+        "description_optional": "Tapatybės serverio naudojimas yra pasirinktinis. Jei jūs pasirinksite jo nenaudoti, jūs nebūsite randamas kitų vartotojų ir neturėsite galimybės pakviesti kitų nurodydamas el. paštą ar telefoną.",
+        "disconnect": "Atjungti tapatybės serverį",
+        "disconnect_anyway": "Vis tiek atsijungti",
+        "disconnect_offline_warning": "Prieš atsijungdami jūs turėtumėte <b>pašalinti savo asmeninius duomenis</b> iš tapatybės serverio <idserver />. Deja, tapatybės serveris <idserver /> šiuo metu yra išjungtas arba nepasiekiamas.",
+        "disconnect_personal_data_warning_1": "Jūs vis dar <b>dalijatės savo asmeniniais duomenimis</b> tapatybės serveryje <idserver />.",
+        "disconnect_personal_data_warning_2": "Prieš atsijungiant rekomenduojame iš tapatybės serverio pašalinti savo el. pašto adresus ir telefono numerius.",
+        "disconnect_server": "Atsijungti nuo tapatybės serverio <idserver />?",
+        "disconnect_warning": "Atsijungimas nuo tapatybės serverio reikš, kad jūs nebebūsite randamas kitų vartotojų ir jūs nebegalėsite pakviesti kitų, naudodami jų el. paštą arba telefoną.",
+        "do_not_use": "Nenaudoti tapatybės serverio",
+        "error_connection": "Nepavyko prisijungti prie tapatybės serverio",
+        "error_invalid": "Netinkamas tapatybės serveris (statuso kodas %(code)s)",
+        "error_invalid_or_terms": "Nesutikta su paslaugų teikimo sąlygomis arba tapatybės serveris yra klaidingas.",
+        "no_terms": "Jūsų pasirinktas tapatybės serveris neturi jokių paslaugų teikimo sąlygų.",
+        "suggestions": "Jūs turėtumėte:",
+        "suggestions_1": "patikrinti ar tarp jūsų naršyklės įskiepių nėra nieko kas galėtų blokuoti tapatybės serverį (pavyzdžiui \"Privacy Badger\")",
+        "suggestions_2": "susisiekti su tapatybės serverio <idserver /> administratoriais",
+        "suggestions_3": "palaukti ir bandyti vėliau dar kartą",
+        "url": "Tapatybės serveris (%(server)s)",
+        "url_field_label": "Pridėkite naują tapatybės serverį",
+        "url_not_https": "Tapatybės serverio URL privalo būti HTTPS"
+    },
+    "incompatible_browser": {
+        "title": "Nepalaikoma naršyklė"
+    },
+    "integration_manager": {
+        "error_connecting": "Integracijų tvarkytuvas yra išjungtas arba negali pasiekti jūsų serverio.",
+        "error_connecting_heading": "Neįmanoma prisijungti prie integracijų tvarkytuvo",
+        "explainer": "Integracijų tvarkyklės gauna konfigūracijos duomenis ir jūsų vardu gali keisti valdiklius, siųsti kambario pakvietimus ir nustatyti galios lygius.",
+        "manage_title": "Valdyti integracijas",
+        "use_im": "Naudokite integracijų tvarkyklę botų, valdiklių ir lipdukų paketų tvarkymui.",
+        "use_im_default": "Naudokite integracijų tvarkyklę <b>(%(serverName)s)</b> botų, valdiklių ir lipdukų paketų tvarkymui."
+    },
+    "integrations": {
+        "disabled_dialog_title": "Integracijos yra išjungtos",
+        "impossible_dialog_description": "Jūsų %(brand)s neleidžia jums naudoti integracijų tvarkyklės tam atlikti. Susisiekite su administratoriumi.",
+        "impossible_dialog_title": "Integracijos neleidžiamos"
+    },
+    "invite": {
+        "email_caption": "Kviesti el. paštu",
+        "email_use_default_is": "Norėdami pakviesti nurodydami el. paštą, naudokite tapatybės serverį. <default>Naudokite numatytajį (%(defaultIdentityServerName)s)</default> arba tvarkykite <settings>Nustatymuose</settings>.",
+        "email_use_is": "Norėdami pakviesti nurodydami el. paštą, naudokite tapatybės serverį. Tvarkykite <settings>Nustatymuose</settings>.",
+        "error_bad_state": "Norint pakviesti vartotoją, prieš tai reikia pašalinti jo draudimą.",
+        "error_dm": "Negalėjome sukurti jūsų AŽ.",
+        "error_find_room": "Bandant pakviesti vartotojus kažkas nepavyko.",
+        "error_find_user_description": "Toliau išvardyti vartotojai gali neegzistuoti arba būti negaliojantys, todėl jų negalima pakviesti: %(csvNames)s",
+        "error_find_user_title": "Nepavyko rasti šių vartotojų",
+        "error_invite": "Negalėjome pakviesti šių vartotojų. Patikrinkite vartotojus, kuriuos norite pakviesti, ir bandykite dar kartą.",
+        "error_permissions_room": "Jūs neturite leidimo pakviesti žmones į šį kambarį.",
+        "error_transfer_multiple_target": "Skambutį galima perduoti tik vienam naudotojui.",
+        "error_unknown": "Nežinoma serverio klaida",
+        "error_version_unsupported_room": "Vartotojo serveris nepalaiko kambario versijos.",
+        "failed_generic": "Operacija nepavyko",
+        "failed_title": "Nepavyko pakviesti",
+        "invalid_address": "Neatpažintas adresas",
+        "name_email_mxid_share_room": "Pakviesti ką nors, naudojant jų vardą, el. pašto adresą, vartotojo vardą (pvz.: <userId/>) arba <a>bendrinti šį kambarį</a>.",
+        "name_mxid_share_room": "Pakviesti ką nors naudojant jų vardą, vartotojo vardą (pvz.: <userId/>) arba <a>bendrinti šį kambarį</a>.",
+        "recents_section": "Pastarieji pokalbiai",
+        "send_link_prompt": "Arba atsiųskite kvietimo nuorodą",
+        "start_conversation_name_email_mxid_prompt": "Pradėkite pokalbį su kažkuo naudodami jų vardą, el. pašto adresą arba vartotojo vardą (pvz., <userId/>).",
+        "start_conversation_name_mxid_prompt": "Pradėkite pokalbį su asmeniu naudodami jo vardą arba vartotojo vardą (pvz., <userId/>).",
+        "suggestions_disclaimer": "Kai kurie pasiūlymai gali būti paslėpti dėl privatumo.",
+        "suggestions_section": "Neseniai tiesiogiai susirašyta",
+        "to_room": "Pakvietimas į %(roomName)s",
+        "to_space": "Pakvietimas į %(spaceName)s"
+    },
+    "inviting_user1_and_user2": "Kviečiami %(user1)s ir %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Kviečiami %(user)s ir 1 kitas",
+        "other": "Kviečiami %(user)s ir %(count)s kiti"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> ir %(count)s kiti(-ų)",
+        "one": "<Items/> ir dar vienas"
+    },
+    "keyboard": {
+        "activate_button": "Aktyvuoti pasirinktą mygtuką",
+        "alt": "Alt",
+        "autocomplete_cancel": "Atšaukti automatinį užbaigimą",
+        "backspace": "Naikinimo klavišas",
+        "cancel_reply": "Atšaukti atsakymą į žinutę",
+        "category_autocomplete": "Autorašymas",
+        "category_calls": "Skambučiai",
+        "category_navigation": "Navigacija",
+        "category_room_list": "Kambarių Sąrašas",
+        "close_dialog_menu": "Uždaryti dialogą arba kontekstinį meniu",
+        "composer_new_line": "Nauja eilutė",
+        "composer_toggle_bold": "Perjungti paryškinimą",
+        "composer_toggle_italics": "Perjungti kursyvą",
+        "composer_toggle_quote": "Perjungti citatą",
+        "control": "Vald",
+        "dismiss_read_marker_and_jump_bottom": "Atsisakyti skaitymo žymeklio ir nušokti į apačią",
+        "end": "Pab",
+        "enter": "Įvesti",
+        "escape": "Gr",
+        "home": "Pradžia",
+        "jump_room_search": "Nušokti į kambarių paiešką",
+        "jump_to_read_marker": "Nušokti iki seniausios neperskaitytos žinutės",
+        "number": "[skaičius]",
+        "page_down": "Puslapis žemyn",
+        "page_up": "Puslapis aukštyn",
+        "room_list_collapse_section": "Sutraukti kambarių sąrašo skyrių",
+        "room_list_expand_section": "Išplėsti kambarių sąrašo skyrių",
+        "room_list_select_room": "Pasirinkti kambarį iš kambarių sąrašo",
+        "search": "Paieška (turi būti įjungta)",
+        "shift": "Lyg2",
+        "space": "Tarpas",
+        "toggle_microphone_mute": "Perjungti mikrofono nutildymą",
+        "toggle_right_panel": "Perjungti dešinį skydelį",
+        "toggle_top_left_menu": "Perjungti viršutinį kairės pusės meniu",
+        "upload_file": "Įkelti failą"
+    },
+    "labs": {
+        "ask_to_join": "Įjungti prašymą jungtis",
+        "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/>",
+        "bridge_state_creator": "Šis tiltas buvo parūpintas <user />.",
+        "bridge_state_manager": "Šis tiltas yra tvarkomas <user />.",
+        "bridge_state_workspace": "Darbo aplinka: <networkLink/>",
+        "currently_experimental": "Šiuo metu eksperimentinė.",
+        "custom_themes": "Palaikykite pridėdami pasirinktines temas",
+        "dynamic_room_predecessors": "Dinaminiai kambario pirmtakai",
+        "element_call_video_rooms": "Element skambučio vaizdo kambariai",
+        "feature_wysiwyg_composer_description": "Naudoti raiškųjį tekstą vietoj ženklinimo žinučių rengyklėje.",
+        "group_developer": "Kūrėjas",
+        "group_encryption": "Šifravimas",
+        "group_experimental": "Eksperimentinis",
+        "group_messaging": "Žinučių siuntimas",
+        "group_moderation": "Moderavimas",
+        "group_profile": "Profilis",
+        "group_rooms": "Kambariai",
+        "group_spaces": "Erdvės",
+        "group_themes": "Temos",
+        "group_voip": "Garsas ir Vaizdas",
+        "group_widgets": "Valdikliai",
+        "hidebold": "Slėpti pranešimų tašką (rodyti tik skaičių žymes)",
+        "jump_to_date": "Pereiti prie datos (prideda /jumptodate ir perėjimo prie datos antraštes)",
+        "jump_to_date_msc_support": "Privaloma, kad jūsų serveris palaikytų MSC3030.",
+        "latex_maths": "Atvaizduoti LaTeX matematikas žinutėse",
+        "leave_beta": "Palikti beta versiją",
+        "location_share_live": "Tiesioginis vietos bendrinimas",
+        "location_share_live_description": "Laikinas įgyvendinimas. Vietos išlieka kambario istorijoje.",
+        "mjolnir": "Nauji būdai ignoruoti žmones",
+        "msc3531_hide_messages_pending_moderation": "Leisti moderatoriams slėpti žinutes, laukiančias moderavimo.",
+        "notification_settings": "Nauji pranešimų nustatymai",
+        "sliding_sync": "Slankiojo sinchronizavimo režimas",
+        "sliding_sync_description": "Aktyviai kuriama, negalima išjungti. Šiuo metu nesuderinama su „Element“ skambučiais.",
+        "video_rooms": "Vaizdo kambariai",
+        "video_rooms_a_new_way_to_chat": "Naujas būdas kalbėtis balsu ir vaizdu per %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Vaizdo kambariai - tai visada veikiantys VoIP kanalai, įterpti į %(brand)s kambarį.",
+        "video_rooms_beta": "Vaizdo kambariai yra beta funkcija",
+        "video_rooms_faq1_answer": "Kairiajame skydelyje esančioje kambarių skiltyje naudokite mygtuką “+”.",
+        "video_rooms_faq1_question": "Kaip galiu sukurti vaizdo kambarį?",
+        "video_rooms_faq2_answer": "Taip, pokalbių laiko juosta rodoma kartu su vaizdu.",
+        "video_rooms_faq2_question": "Ar galiu naudoti teksto pokalbius kartu su vaizdo skambučiu?",
+        "wysiwyg_composer": "Raiškiojos teksto rengyklė"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Šie nustatymai yra skirti pažengusiems vartotojams.",
+        "ban_reason": "Ignoruojami/Blokuojami",
+        "error_adding_ignore": "Klaida pridedant ignoruojamą vartotoją/serverį",
+        "error_adding_list_description": "Patikrinkite kambario ID arba adresą ir bandykite dar kartą.",
+        "error_adding_list_title": "Klaida užsiprenumeruojant sąrašą",
+        "error_removing_ignore": "Klaida pašalinant ignoruojamą vartotoją/serverį",
+        "error_removing_list_description": "Bandykite dar kartą arba peržiūrėkite konsolę, kad rastumėte užuominų.",
+        "error_removing_list_title": "Klaida atsisakant sąrašo prenumeratos",
+        "explainer_1": "Čia pridėkite vartotojus ir serverius, kuriuos norite ignoruoti. Naudokite žvaigždutes, kad %(brand)s atitiktų bet kokius simbolius. Pavyzdžiui, <code>@botas:*</code> ignoruotų visus vartotojus, turinčius vardą 'botas' bet kuriame serveryje.",
+        "explainer_2": "Žmonių ignoravimas atliekamas naudojant draudimų sąrašus, kuriuose yra taisyklės, nurodančios kas turi būti draudžiami. Užsiprenumeravus draudimų sąrašą, vartotojai/serveriai, užblokuoti šio sąrašo, bus nuo jūsų paslėpti.",
+        "lists": "Šiuo metu esate užsiprenumeravę:",
+        "lists_description_1": "Užsiprenumeravus draudimų sąrašą, būsite prie jo prijungtas!",
+        "lists_description_2": "Jei tai nėra ko jūs norite, naudokite kitą įrankį vartotojams ignoruoti.",
+        "lists_heading": "Prenumeruojami sąrašai",
+        "lists_new_label": "Kambario ID arba draudimų sąrašo adresas",
+        "no_lists": "Nesate užsiprenumeravę jokių sąrašų",
+        "personal_empty": "Jūs nieko neignoruojate.",
+        "personal_heading": "Asmeninis draudimų sąrašas",
+        "personal_new_label": "Norimo ignoruoti serverio arba vartotojo ID",
+        "personal_new_placeholder": "pvz.: @botas:* arba pavyzdys.org",
+        "personal_section": "Šiuo metu ignoruojate:",
+        "room_name": "Mano Draudimų Sąrašas",
+        "room_topic": "Tai yra jūsų užblokuotų vartotojų/serverių sąrašas - neišeikite iš kambario!",
+        "rules_empty": "Nė vienas",
+        "rules_server": "Serverio taisyklės",
+        "rules_title": "Draudimo sąrašo taisyklės - %(roomName)s",
+        "rules_user": "Vartotojo taisyklės",
+        "something_went_wrong": "Kažkas ne taip. Bandykite dar kartą arba peržiūrėkite konsolę, kad rastumėte užuominų.",
+        "title": "Ignoruojami vartotojai",
+        "view_rules": "Peržiūrėti taisykles"
+    },
+    "leave_room_dialog": {
+        "leave_room_question": "Ar tikrai norite išeiti iš kambario %(roomName)s?",
+        "room_rejoin_warning": "Šis kambarys nėra viešas. Jūs negalėsite prisijungti iš naujo be pakvietimo."
+    },
+    "lightbox": {
+        "rotate_left": "Pasukti Kairėn"
+    },
+    "member_list": {
+        "filter_placeholder": "Filtruoti kambario dalyvius"
+    },
+    "member_list_back_action_label": "Kambario nariai",
+    "message_edit_dialog_title": "Žinutės redagavimai",
+    "mobile_guide": {
+        "toast_accept": "Naudoti programėlę",
+        "toast_description": "%(brand)s yra eksperimentinis mobiliojoje žiniatinklio naršyklėje. Jei norite geresnės patirties ir naujausių funkcijų, naudokitės nemokama vietine programėle.",
+        "toast_title": "Naudokite programėlę geresnei patirčiai"
+    },
+    "no_more_results": "Daugiau nėra jokių rezultatų",
+    "notifications": {
+        "all_messages": "Visos žinutės",
+        "all_messages_description": "Būkite pranešti apie kiekvieną žinutę",
+        "class_global": "Globalus",
+        "class_other": "Kitas",
+        "default": "Numatytas",
+        "enable_prompt_toast_description": "Įjungti darbalaukio pranešimus",
+        "enable_prompt_toast_title": "Pranešimai",
+        "enable_prompt_toast_title_from_message_send": "Nepraleiskite atsakymų",
+        "error_change_title": "Keisti pranešimų nustatymus",
+        "keyword": "Raktažodis",
+        "keyword_new": "Naujas raktažodis",
+        "level_activity": "Aktyvumą",
+        "level_none": "Nė vienas",
+        "mark_all_read": "Pažymėti viską kaip perskaitytą",
+        "mentions_and_keywords": "@paminėjimai & raktažodžiai",
+        "mentions_and_keywords_description": "Gaukite pranešimus tik apie paminėjimus ir raktinius žodžius, kaip nustatyta jūsų <a>nustatymuose</a>",
+        "mentions_keywords": "Paminėjimai & Raktažodžiai",
+        "message_didnt_send": "Žinutė nebuvo išsiųsta. Spustelėkite norėdami gauti informacijos.",
+        "mute_description": "Negausite jokių pranešimų"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s prašo patvirtinimo"
+    },
+    "onboarding": {
+        "create_room": "Sukurti grupės pokalbį",
+        "explore_rooms": "Žvalgyti viešus kambarius",
+        "intro_welcome": "Sveiki prisijungę į %(appName)s",
+        "send_dm": "Siųsti tiesioginę žinutę"
+    },
+    "power_level": {
+        "admin": "Administratorius",
+        "custom": "Pasirinktinis (%(level)s)",
+        "custom_level": "Pritaikytas lygis",
+        "default": "Numatytas",
+        "label": "Galios lygis",
+        "moderator": "Moderatorius",
+        "restricted": "Apribotas"
+    },
+    "powered_by_matrix": "Veikia su Matrix",
+    "presence": {
+        "away": "Pasitraukę",
+        "busy": "Užsiėmęs",
+        "idle": "Neveiklus",
+        "idle_for": "Neveiklus %(duration)s",
+        "offline": "Atsijungęs",
+        "offline_for": "Atsijungęs %(duration)s",
+        "online": "Prisijungęs",
+        "online_for": "Prisijungęs %(duration)s",
+        "unknown": "Nežinoma",
+        "unknown_for": "Nežinoma jau %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "Visi nustatymai",
+        "sidebar_settings": "Daugiau parinkčių",
+        "title": "Greiti nustatymai"
+    },
+    "quit_warning": {
+        "call_in_progress": "Panašu, kad jūs dalyvaujate skambutyje, ar tikrai norite išeiti?",
+        "file_upload_in_progress": "Panašu, kad jūs įkeliate failus, ar tikrai norite išeiti?"
+    },
+    "redact": {
+        "confirm_button": "Patvirtinkite pašalinimą",
+        "error": "Jūs negalite trinti šios žinutės. (%(code)s)",
+        "ongoing": "Pašalinama…",
+        "reason_label": "Priežastis (nebūtina)"
+    },
+    "report_content": {
+        "description": "Pranešant apie šią netinkamą žinutę, serverio administratoriui bus nusiųstas unikalus 'įvykio ID'. Jei žinutės šiame kambaryje yra šifruotos, serverio administratorius negalės perskaityti žinutės teksto ar peržiūrėti failų arba paveikslėlių.",
+        "missing_reason": "Įrašykite kodėl pranešate.",
+        "report_content_to_homeserver": "Pranešti apie turinį serverio administratoriui"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Nepavyko iššifruoti %(failedCount)s seansų!",
+        "count_of_successfully_restored_keys": "Sėkmingai atkurti %(sessionCount)s raktai",
+        "enter_key_description": "Prieikite prie savo saugių žinučių istorijos ir nustatykite saugių žinučių siuntimą įvesdami Saugumo Raktą.",
+        "enter_key_title": "Įveskite Saugumo Raktą",
+        "enter_phrase_description": "Pasiekite savo saugių žinučių istoriją ir nustatykite saugių žinučių siuntimą įvesdami Saugumo Frazę.",
+        "enter_phrase_title": "Įveskite Saugumo Frazę",
+        "incorrect_security_phrase_dialog": "Atsarginės kopijos nepavyko iššifruoti naudojant šią Saugumo Frazę: prašome patikrinti, ar įvedėte teisingą Saugumo Frazę.",
+        "incorrect_security_phrase_title": "Neteisinga Saugumo Frazė",
+        "key_backup_warning": "<b>Įspėjimas</b>: atsarginę raktų kopiją sukurkite tik iš patikimo kompiuterio.",
+        "key_forgotten_text": "Jei pamiršote Saugumo Raktą, galite <button>nustatyti naujas atkūrimo parinktis</button>",
+        "key_is_invalid": "Netinkamas Saugumo Raktas",
+        "key_is_valid": "Atrodo, kad tai tinkamas Saugumo Raktas!",
+        "keys_restored_title": "Raktai atkurti",
+        "load_error_content": "Nepavyksta įkelti atsarginės kopijos būsenos",
+        "load_keys_progress": "%(completed)s iš %(total)s raktų atkurta",
+        "no_backup_error": "Nerasta jokios atsarginės kopijos!",
+        "phrase_forgotten_text": "Jei pamiršote savo Saugumo Frazę, galite <button1>panaudoti savo Saugumo Raktą</button1> arba <button2>nustatyti naujas atkūrimo parinktis</button2>",
+        "recovery_key_mismatch_description": "Atsarginės kopijos nepavyko iššifruoti naudojant šį Saugumo Raktą: prašome patikrinti, ar įvedėte teisingą Saugumo Raktą.",
+        "recovery_key_mismatch_title": "Saugumo Rakto nesutapimas",
+        "restore_failed_error": "Nepavyko atkurti atsarginės kopijos"
+    },
+    "right_panel": {
+        "add_integrations": "Pridėti valdiklius, tiltus ir botus",
+        "files_button": "Failai",
+        "pinned_messages": {
+            "limits": {
+                "other": "Galite prisegti tik iki %(count)s valdiklių"
+            }
+        },
+        "pinned_messages_button": "Prisegta",
+        "video_room_chat": {
+            "title": "Pokalbis"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Šis kvietimas buvo išsiųstas į %(email)s, kuris nėra susijęs su jūsų paskyra",
+        "3pid_invite_email_not_found_account_room": "Šis kvietimas į %(roomName)s buvo išsiųstas į %(email)s, kuris nėra susijęs su jūsų paskyra",
+        "3pid_invite_error_description": "Bandant patvirtinti jūsų kvietimą buvo grąžinta klaida (%(errcode)s). Galite pabandyti perduoti šią informaciją jus pakvietusiam asmeniui.",
+        "3pid_invite_error_invite_action": "Vis tiek bandyti prisijungti",
+        "3pid_invite_error_invite_subtitle": "Jūs galite prisijungti tik su veikiančiu pakvietimu.",
+        "3pid_invite_error_public_subtitle": "Čia vis dar galite prisijungti.",
+        "3pid_invite_error_title": "Kažkas nepavyko su jūsų kvietimu.",
+        "3pid_invite_error_title_room": "Kažkas nepavyko su jūsų kvietimu į %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Nustatymuose naudokite tapatybės serverį, kad gautumėte pakvietimus tiesiai į %(brand)s.",
+        "banned_by": "Jus užblokavo %(memberName)s",
+        "banned_from_room_by": "%(memberName)s uždraudė jums lankytis %(roomName)s",
+        "context_menu": {
+            "copy_link": "Kopijuoti kambario nuorodą",
+            "favourite": "Mėgstamas",
+            "forget": "Pamiršti Kambarį",
+            "low_priority": "Žemo prioriteto",
+            "title": "Kambario parinktys",
+            "unfavourite": "Mėgstamas"
+        },
+        "dm_invite_action": "Pradėti kalbėtis",
+        "dm_invite_subtitle": "<userName/> nori kalbėtis",
+        "dm_invite_title": "Ar jūs norite kalbėtis su %(user)s?",
+        "drop_file_prompt": "Norėdami įkelti, vilkite failą čia",
+        "error_join_404_invite": "Jus pakvietęs asmuo jau išėjo arba jo serveris neveikia.",
+        "error_join_404_invite_same_hs": "Jus pakvietęs asmuo jau išėjo.",
+        "error_join_connection": "Įvyko klaida prisijungiant.",
+        "error_join_incompatible_version_1": "Atsiprašome, bet jūsų namų serveris yra per senas, kad galėtumėte čia dalyvauti.",
+        "error_join_incompatible_version_2": "Susisiekite su savo serverio administratoriumi.",
+        "error_join_title": "Nepavyko prisijungti",
+        "failed_reject_invite": "Nepavyko atmesti pakvietimo",
+        "forget_room": "Pamiršti šį kambarį",
+        "forget_space": "Pamiršti šią erdvę",
+        "inaccessible": "Šiuo metu į šį kambarį ar erdvę negalima patekti.",
+        "inaccessible_name": "%(roomName)s šiuo metu nėra pasiekiamas.",
+        "inaccessible_subtitle_1": "Pabandykite vėliau arba paprašykite kambario ar erdvės administratoriaus patikrinti, ar turite prieigą.",
+        "inaccessible_subtitle_2": "Bandant patekti į kambarį ar erdvę buvo grąžinta %(errcode)s. Jei manote, kad šią žinutę matote klaidingai, <issueLink>pateikite pranešimą apie klaidą</issueLink>.",
+        "intro": {
+            "dm_caption": "Šiame pokalbyje esate tik jūs dviese, nebent kuris nors iš jūsų pakvies ką nors prisijungti.",
+            "enable_encryption_prompt": "Įjunkite šifravimą nustatymuose.",
+            "no_avatar_label": "Pridėkite nuotrauką, kad žmonės galėtų lengvai pastebėti jūsų kambarį.",
+            "no_topic": "<a>Pridėkite temą</a>, kad žmonės žinotų, apie ką tai yra.",
+            "private_unencrypted_warning": "Jūsų asmeninės žinutės paprastai yra šifruojamos, tačiau šis kambarys nėra šifruojamas. Paprastai taip nutinka dėl nepalaikomo įrenginio arba naudojamo metodo, pvz., kvietimai el. paštu.",
+            "room_invite": "Pakviesti tik į šį kambarį",
+            "send_message_start_dm": "Siųskite pirmąją žinutę kad pakviestumėte <displayName/> į pokalbį",
+            "start_of_dm_history": "Tai yra jūsų tiesioginių žinučių su <displayName/> istorijos pradžia.",
+            "start_of_room": "Tai yra <roomName/> pradžia.",
+            "unencrypted_warning": "Visapusis šifravimas nėra įjungtas",
+            "user_created": "%(displayName)s sukūrė šį kambarį.",
+            "you_created": "Jūs sukūrėte šį kambarį."
+        },
+        "invite_email_mismatch_suggestion": "Bendrinkite šį el. pašto adresą nustatymuose, kad gautumėte kvietimus tiesiai į %(brand)s.",
+        "invite_sent_to_email": "Šis kvietimas buvo išsiųstas į %(email)s",
+        "invite_sent_to_email_room": "Šis kvietimas į %(roomName)s buvo išsiųstas į %(email)s",
+        "invite_subtitle": "<userName/> jus pakvietė",
+        "invite_this_room": "Pakviesti į šį kambarį",
+        "invite_title": "Ar jūs norite prisijungti prie %(roomName)s kanalo?",
+        "inviter_unknown": "Nežinoma",
+        "invites_you_text": "<inviter/> kviečia jus",
+        "join_button_account": "Registruotis",
+        "join_failed_needs_invite": "Norint peržiūrėti %(roomName)s, turite gauti kvietimą",
+        "join_the_discussion": "Prisijungti prie diskusijos",
+        "join_title": "Prisijunkite prie kambario ir dalyvaukite",
+        "join_title_account": "Prisijunkite prie pokalbio su paskyra",
+        "joining": "Prisijungiama…",
+        "jump_read_marker": "Pereiti prie pirmos neperskaitytos žinutės.",
+        "jump_to_bottom_button": "Slinkite prie naujausių žinučių",
+        "kick_reason": "Priežastis: %(reason)s",
+        "kicked_by": "Jus pašalino %(memberName)s",
+        "kicked_from_room_by": "Jus iš %(roomName)s pašalino %(memberName)s",
+        "leave_error_title": "Klaida išeinant iš kambario",
+        "leave_server_notices_description": "Šis kambarys yra naudojamas svarbioms žinutėms iš serverio, tad jūs negalite iš jo išeiti.",
+        "leave_server_notices_title": "Negalima išeiti iš Serverio Pranešimų kambario",
+        "leave_unexpected_error": "Netikėta serverio klaida bandant išeiti iš kambario",
+        "link_email_to_receive_3pid_invite": "Susiekite šį el. pašto adresą su savo paskyra nustatymuose, kad kvietimus gautumėte tiesiai į %(brand)s.",
+        "loading_preview": "Įkeliama peržiūra",
+        "no_peek_join_prompt": "%(roomName)s negali būti peržiūrėtas. Ar jūs norite prie jo prisijungti?",
+        "no_peek_no_name_join_prompt": "Nėra išankstinės peržiūros, ar norėtumėte prisijungti?",
+        "not_found_subtitle": "Ar jūs tikri kad esate tinkamoje vietoje?",
+        "not_found_title": "Šis kambarys ar erdvė neegzistuoja.",
+        "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",
+        "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."
+        },
+        "upgrade_error_description": "Dar kartą įsitikinkite, kad jūsų serveris palaiko pasirinktą kambario versiją ir bandykite iš naujo.",
+        "upgrade_error_title": "Klaida atnaujinant kambarį",
+        "upgrade_warning_bar": "Atnaujinimas išjungs dabartinę kambario instanciją ir sukurs atnaujintą kambarį tuo pačiu pavadinimu.",
+        "upgrade_warning_bar_admins": "Šį įspėjimą matys tik kambario administratoriai",
+        "upgrade_warning_bar_unstable": "Šiame kambaryje naudojama kambario versija <roomVersion />, kurią šis namų serveris pažymėjo kaip <i>nestabilią</i>.",
+        "upgrade_warning_bar_upgraded": "Šis kambarys jau yra atnaujintas.",
+        "upload": {
+            "uploading_multiple_file": {
+                "other": "Įkeliamas %(filename)s ir dar %(count)s failai",
+                "one": "Įkeliamas %(filename)s ir dar %(count)s failas"
+            },
+            "uploading_single_file": "Įkeliamas %(filename)s"
+        }
+    },
+    "room_list": {
+        "add_space_label": "Pridėti erdvę",
+        "failed_remove_tag": "Nepavyko pašalinti žymos %(tagName)s iš kambario",
+        "notification_options": "Pranešimų parinktys",
+        "show_less": "Rodyti mažiau"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Nuspręskite kas gali peržiūrėti ir prisijungti prie %(spaceName)s.",
+            "title": "Prieiga"
+        },
+        "advanced": {
+            "error_upgrade_description": "Nepavyko užbaigti kambario atnaujinimo",
+            "error_upgrade_title": "Nepavyko atnaujinti kambario",
+            "information_section_room": "Kambario informacija",
+            "information_section_space": "Erdvės informacija",
+            "room_id": "Vidinis kambario ID",
+            "room_predecessor": "Peržiūrėti senesnes žinutes %(roomName)s.",
+            "room_upgrade_button": "Atnaujinti šį kambarį į rekomenduojamą kambario versiją",
+            "room_version": "Kambario versija:",
+            "room_version_section": "Kambario versija",
+            "space_predecessor": "Peržiūrėti senesnę %(spaceName)s versiją.",
+            "space_upgrade_button": "Atnaujinkite šią erdvę į rekomenduojamą kambario versiją",
+            "unfederated": "Šis kambarys nėra pasiekiamas nuotoliniams Matrix serveriams",
+            "upgrade_button": "Atnaujinti šį kambarį į %(version)s versiją",
+            "upgrade_dialog_description": "Norint atnaujinti šį kambarį, reikia uždaryti esamą kambario instanciją ir vietoje jo sukurti naują kambarį. Norėdami suteikti kambario nariams kuo geresnę patirtį, mes:",
+            "upgrade_dialog_description_1": "Sukurti naują kambarį su tuo pačiu pavadinimu, aprašymu ir pseudoportretu",
+            "upgrade_dialog_description_2": "Atnaujinkite vietinių kambarių slapyvardžius, kad nurodytumėte į naująjį kambarį",
+            "upgrade_dialog_description_3": "Neleisti vartotojams kalbėti senoje kambario versijoje ir paskelbti pranešimą, kuriame vartotojams patariama persikelti į naują kambarį",
+            "upgrade_dialog_description_4": "Naujojo kambario pradžioje įdėkite nuorodą į senąjį kambarį, kad žmonės galėtų matyti senas žinutes",
+            "upgrade_dialog_title": "Atnaujinti Kambario Versiją",
+            "upgrade_dwarning_ialog_title_public": "Atnaujinti viešą kambarį",
+            "upgrade_warning_dialog_description": "Kambario atnaujinimas yra sudėtingas veiksmas ir paprastai rekomenduojamas, kai kambarys nestabilus dėl klaidų, trūkstamų funkcijų ar saugos spragų.",
+            "upgrade_warning_dialog_footer": "Atnaujinsite šį kambarį iš <oldVersion /> į <newVersion />.",
+            "upgrade_warning_dialog_report_bug_prompt": "Paprastai tai turi įtakos tik tam, kaip kambarys apdorojamas serveryje. Jei turite problemų su %(brand)s, praneškite apie klaidą.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Paprastai tai turi įtakos tik kambario apdorojimui serveryje. Jei jūs turite problemų su savo %(brand)s, <a>praneškite apie klaidą</a>.",
+            "upgrade_warning_dialog_title_private": "Atnaujinti privatų kambarį"
+        },
+        "alias_not_specified": "nenurodyta",
+        "bridges": {
+            "description": "Šiame kambaryje žinutės perduodamos šioms platformoms. <a>Sužinokite daugiau.</a>",
+            "empty": "Šis kambarys neperduoda žinučių jokioms platformoms. <a>Sužinokite daugiau.</a>",
+            "title": "Tiltai"
+        },
+        "delete_avatar_label": "Ištrinti avatarą",
+        "general": {
+            "alias_field_placeholder_default": "pvz.: mano-kambarys",
+            "aliases_items_label": "Kiti paskelbti adresai:",
+            "aliases_no_items_label": "Kol kas nėra kitų paskelbtų adresų, pridėkite vieną žemiau",
+            "aliases_section": "Kambario Adresai",
+            "avatar_field_label": "Kambario pseudoportretas",
+            "canonical_alias_field_label": "Pagrindinis adresas",
+            "description_space": "Redaguoti su savo erdve susijusius nustatymus.",
+            "error_creating_alias_description": "Kuriant šį adresą įvyko klaida. Gali būti, kad serveris jo neleidžia arba įvyko laikina klaida.",
+            "error_creating_alias_title": "Klaida kuriant adresą",
+            "error_deleting_alias_description": "Pašalinant šį adresą įvyko klaida. Gali būti, kad jo nebėra arba įvyko laikina klaida.",
+            "error_deleting_alias_description_forbidden": "Neturite leidimo ištrinti adresą.",
+            "error_deleting_alias_title": "Klaida šalinant adresą",
+            "error_save_space_settings": "Nepavyko išsaugoti erdvės nustatymų.",
+            "error_updating_alias_description": "Atnaujinant kambario alternatyvius adresus įvyko klaida. Gali būti, kad serveris to neleidžia arba įvyko laikina klaida.",
+            "error_updating_canonical_alias_description": "Atnaujinant pagrindinį kambario adresą įvyko klaida. Gali būti, kad serveris to neleidžia arba įvyko laikina klaida.",
+            "error_updating_canonical_alias_title": "Atnaujinant pagrindinį adresą įvyko klaida",
+            "leave_space": "Palikti erdvę",
+            "local_alias_field_label": "Vietinis adresas",
+            "local_aliases_explainer_room": "Nustatykite adresus šiam kambariui, kad vartotojai galėtų surasti šį kambarį per jūsų serverį (%(localDomain)s)",
+            "local_aliases_explainer_space": "Nustatykite adresus šiai erdvei, kad naudotojai galėtų rasti šią erdvę per jūsų namų serverį (%(localDomain)s)",
+            "local_aliases_section": "Vietiniai Adresai",
+            "name_field_label": "Kambario Pavadinimas",
+            "new_alias_placeholder": "Naujas paskelbtas adresas (pvz.: #pavadinimas:server)",
+            "no_aliases_room": "Šis kambarys neturi jokių vietinių adresų",
+            "no_aliases_space": "Ši erdvė neturi vietinių adresų",
+            "other_section": "Kitas",
+            "publish_toggle": "Paskelbti šį kambarį viešai %(domain)s kambarių kataloge?",
+            "published_aliases_description": "Norint paskelbti adresą, pirmiausia jį reikia nustatyti kaip vietinį adresą.",
+            "published_aliases_explainer_room": "Paskelbtus adresus gali naudoti bet kas bet kuriame serveryje, prisijungimui prie jūsų kambario.",
+            "published_aliases_explainer_space": "Paskelbtus adresus gali naudoti bet kas bet kuriame serveryje, prisijungimui prie jūsų erdvės.",
+            "published_aliases_section": "Paskelbti Adresai",
+            "save": "Išsaugoti Pakeitimus",
+            "topic_field_label": "Kambario Tema"
+        },
+        "notifications": {
+            "browse_button": "Naršyti",
+            "custom_sound_prompt": "Nustatyti naują pasirinktinį garsą",
+            "notification_sound": "Pranešimo garsas",
+            "settings_link": "Gaukite pranešimus, kaip nustatyta jūsų <a>nustatymuose</a>",
+            "sounds_section": "Garsai",
+            "uploaded_sound": "Įkeltas garsas"
+        },
+        "permissions": {
+            "ban": "Užblokuoti naudotojus",
+            "ban_reason": "Priežastis",
+            "banned_by": "Užblokuotas nuo %(displayName)s",
+            "banned_users_section": "Užblokuoti vartotojai",
+            "error_changing_pl_description": "Keičiant vartotojo galios lygį įvyko klaida. Įsitikinkite, kad turite tam leidimą ir bandykite dar kartą.",
+            "error_changing_pl_reqs_description": "Keičiant kambario galios lygio reikalavimus įvyko klaida. Įsitikinkite, kad turite tam leidimą ir bandykite dar kartą.",
+            "error_changing_pl_reqs_title": "Klaida keičiant galios lygio reikalavimą",
+            "error_changing_pl_title": "Klaida keičiant galios lygį",
+            "error_unbanning": "Nepavyko atblokuoti",
+            "events_default": "Siųsti žinutes",
+            "invite": "Kviesti naudotojus",
+            "kick": "Pašalinti naudotojus",
+            "m.reaction": "Siųsti reakcijas",
+            "m.room.avatar": "Keisti kambario pseudoportretą",
+            "m.room.avatar_space": "Keisti erdvės avatarą",
+            "m.room.canonical_alias": "Keisti pagrindinį kambario adresą",
+            "m.room.canonical_alias_space": "Keisti pagrindinį erdvės adresą",
+            "m.room.encryption": "Įjungti kambario šifravimą",
+            "m.room.history_visibility": "Keisti istorijos matomumą",
+            "m.room.name": "Keisti kambario pavadinimą",
+            "m.room.name_space": "Keisti erdvės pavadinimą",
+            "m.room.pinned_events": "Valdyti prisegtus įvykius",
+            "m.room.power_levels": "Keisti leidimus",
+            "m.room.redaction": "Pašalinti mano išsiųstas žinutes",
+            "m.room.server_acl": "Keisti serverių ACL",
+            "m.room.tombstone": "Atnaujinti kambarį",
+            "m.room.topic": "Keisti temą",
+            "m.room.topic_space": "Keisti aprašymą",
+            "m.space.child": "Valdyti kambarius šioje erdvėje",
+            "m.widget": "Keisti valdiklius",
+            "muted_users_section": "Nutildyti naudotojai",
+            "no_privileged_users": "Šiame kambaryje nėra naudotojų, turinčių konkrečias privilegijas",
+            "notifications.room": "Pranešti visiems",
+            "permissions_section": "Leidimai",
+            "permissions_section_description_room": "Pasirinkite įvairių kambario dalių keitimui reikalingas roles",
+            "permissions_section_description_space": "Pasirinkti roles, reikalingas įvairioms erdvės dalims keisti",
+            "privileged_users_section": "Privilegijuoti Nariai",
+            "redact": "Pašalinti kitų siųstas žinutes",
+            "send_event_type": "Siųsti %(eventType)s įvykius",
+            "state_default": "Keisti nustatymus",
+            "title": "Rolės ir Leidimai",
+            "users_default": "Numatytoji rolė"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Įjungus kambario šifravimą jo išjungti negalima. Žinutės, siunčiamos šifruotame kambaryje, nėra matomos serverio. Jas gali matyti tik kambario dalyviai. Įjungus šifravimą, daugelis botų ir tiltų gali veikti netinkamai. <a>Sužinoti daugiau apie šifravimą.</a>",
+            "enable_encryption_confirm_title": "Įjungti šifravimą?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Į viešuosius kambarius nerekomenduojama įtraukti šifravimo.</b> Kiekvienas gali rasti viešąjį kambarį ir prie jo prisijungti, todėl bet kas gali skaityti jame esančias žinutes. Jūs negausite jokių šifravimo privalumų ir vėliau negalėsite jo išjungti. Užšifravus žinutes viešajame kambaryje, žinučių gavimas ir siuntimas taps lėtesnis.",
+            "enable_encryption_public_room_confirm_description_2": "Kad išvengtumėte šių problemų, planuojamam pokalbiui sukurkite <a>naują šifruotą kambarį</a>.",
+            "enable_encryption_public_room_confirm_title": "Ar tikrai norite įtraukti šifravimą į šį viešąjį kambarį?",
+            "encrypted_room_public_confirm_description_1": "<b>Nepatartina šifruotus kambarius padaryti viešais.</b> Tai reiškia, kad bet kas gali rasti kambarį ir prie jo prisijungti, taigi bet kas gali skaityti žinutes. Jūs negausite jokių šifravimo privalumų. Užšifravus žinutes viešame kambaryje, žinučių priėmimas ir siuntimas taps lėtesnis.",
+            "encrypted_room_public_confirm_description_2": "Kad išvengtumėte šių problemų, sukurkite <a>naują viešą kambarį</a> planuojamam pokalbiui.",
+            "encrypted_room_public_confirm_title": "Ar tikrai norite, padaryti šį užšifruotą kambarį viešu?",
+            "encryption_permanent": "Įjungus šifravimą jo nebus galima išjungti.",
+            "error_join_rule_change_title": "Nepavyko atnaujinti prisijungimo taisyklių",
+            "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_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.",
+            "history_visibility_world_readable": "Bet kas",
+            "join_rule_description": "Nuspręskite, kas gali prisijungti prie %(roomName)s.",
+            "join_rule_invite": "Privatus (tik su pakvietimu)",
+            "join_rule_invite_description": "Tik pakviesti žmonės gali prisijungti.",
+            "join_rule_public_description": "Bet kas gali rasti ir prisijungti.",
+            "join_rule_restricted": "Erdvės nariai",
+            "join_rule_restricted_description": "Bet kas erdvėje gali rasti ir prisijungti. <a>Redaguoti kurios erdvės gali pasiekti čia.</a>",
+            "join_rule_restricted_description_active_space": "Kiekvienas iš <spaceName/> gali rasti ir prisijungti. Galite pasirinkti ir kitas erdves.",
+            "join_rule_restricted_description_prompt": "Kiekvienas esantis erdvėje gali rasti ir prisijungti. Galite pasirinkti kelias erdves.",
+            "join_rule_restricted_description_spaces": "Erdvės su prieiga",
+            "join_rule_restricted_n_more": {
+                "one": "& %(count)s daugiau",
+                "other": "& %(count)s daugiau"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Šiuo metu erdvė turi prieigą",
+                "other": "Šiuo metu %(count)s erdvės turi prieigą"
+            },
+            "join_rule_restricted_upgrade_description": "Šis atnaujinimas suteiks galimybę pasirinktų erdvių nariams patekti į šį kambarį be kvietimo.",
+            "join_rule_restricted_upgrade_warning": "Šis kambarys yra kai kuriose erdvėse, kuriose nesate administratorius. Šiose erdvėse senasis kambarys vis dar bus rodomas, bet žmonės bus raginami prisijungti prie naujojo.",
+            "join_rule_upgrade_awaiting_room": "Įkeliamas naujas kambarys",
+            "join_rule_upgrade_required": "Reikalingas atnaujinimas",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Siunčiame pakvietimą...",
+                "other": "Siunčiame pakvietimus... (%(progress)s iš %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Atnaujinama erdvė...",
+                "other": "Atnaujinamos erdvės... (%(progress)s iš %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Atnaujinamas kambarys",
+            "public_without_alias_warning": "Norėdami pateikti nuorodą į šį kambarį, pridėkite adresą.",
+            "strict_encryption": "Niekada nesiųsti šifruotų žinučių nepatvirtintiems seansams šiame kambaryje iš šio seanso",
+            "title": "Saugumas ir Privatumas"
+        },
+        "title": "Kambario nustatymai - %(roomName)s",
+        "upload_avatar_label": "Įkelti pseudoportretą",
+        "visibility": {
+            "alias_section": "Adresas",
+            "error_failed_save": "Nepavyko atnaujinti šios erdvės matomumo",
+            "error_update_guest_access": "Nepavyko atnaujinti šios erdvės svečių prieigos",
+            "error_update_history_visibility": "Nepavyko atnaujinti šios erdvės istorijos matomumo",
+            "guest_access_explainer": "Svečiai gali prisijungti prie erdvės neturėdami paskyros.",
+            "guest_access_label": "Įjungti svečių prieigą",
+            "history_visibility_anyone_space": "Peržiūrėti erdvę",
+            "history_visibility_anyone_space_description": "Leisti žmonėms peržiūrėti jūsų erdvę prieš prisijungiant.",
+            "history_visibility_anyone_space_recommendation": "Rekomenduojama viešosiose erdvėse.",
+            "title": "Matomumas"
+        }
+    },
+    "room_summary_card_back_action_label": "Kambario informacija",
+    "scalar": {
+        "error_create": "Nepavyko sukurti valdiklio.",
+        "error_membership": "Jūs nesate šiame kambaryje.",
+        "error_missing_room_id": "Trūksta kambario ID.",
+        "error_missing_room_id_request": "Užklausoje trūksta room_id",
+        "error_missing_user_id_request": "Užklausoje trūksta user_id",
+        "error_permission": "Jūs neturite leidimo tai atlikti šiame kambaryje.",
+        "error_power_level_invalid": "Galios lygis privalo būti teigiamas sveikasis skaičius.",
+        "error_room_not_visible": "Kambarys %(roomId)s nematomas",
+        "error_room_unknown": "Šis kambarys yra neatpažintas.",
+        "error_send_request": "Nepavyko išsiųsti užklausos."
+    },
+    "server_offline": {
+        "description": "Jūsų serveris neatsako į kai kurias jūsų užklausas. Žemiau pateikiamos kelios labiausiai tikėtinos priežastys.",
+        "description_1": "Serveris (%(serverName)s) užtruko per ilgai atsakydamas.",
+        "description_2": "Jūsų užkarda arba antivirusinė programa blokuoja užklausą.",
+        "description_3": "Naršyklės plėtinys užkerta kelią užklausai.",
+        "description_4": "Serveris yra išjungtas.",
+        "description_5": "Serveris atmetė jūsų užklausą.",
+        "description_6": "Jūsų vietovėje kyla sunkumų prisijungiant prie interneto.",
+        "description_7": "Bandant susisiekti su serveriu įvyko ryšio klaida.",
+        "description_8": "Serveris nėra sukonfigūruotas taip, kad būtų galima nurodyti, kokia yra problema (CORS).",
+        "empty_timeline": "Jūs jau viską pasivijote.",
+        "recent_changes_heading": "Naujausi pakeitimai, kurie dar nebuvo gauti",
+        "title": "Serveris neatsako"
+    },
+    "seshat": {
+        "reset_button": "Iš naujo nustatyti įvykių saugyklą",
+        "reset_description": "Tikriausiai nenorite iš naujo nustatyti įvykių indekso saugyklos",
+        "reset_explainer": "Jei to norite, atkreipkite dėmesį, kad nė viena iš jūsų žinučių nebus ištrinta, tačiau keletą akimirkų, kol bus atkurtas indeksas, gali sutrikti paieška",
+        "reset_title": "Iš naujo nustatyti įvykių saugyklą?",
+        "warning_kind_files": "Ši %(brand)s versija nepalaiko kai kurių užšifruotų failų peržiūros",
+        "warning_kind_files_app": "Naudokite <a>Kompiuterio programą</a> kad matytumėte visus užšifruotus failus",
+        "warning_kind_search_app": "Naudokite <a>Kompiuterio programą</a> kad ieškoti užšifruotų žinučių"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Jūsų prieigos žetonas suteikia visišką prieigą prie paskyros. Niekam jo neduokite.",
+            "brand_version": "%(brand)s versija:",
+            "clear_cache_reload": "Išvalyti podėlį ir perkrauti",
+            "help_link": "Norėdami gauti pagalbos naudojant %(brand)s, paspauskite <a>čia</a>.",
+            "title": "Pagalba ir Apie",
+            "versions": "Versijos"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "Rodyti visus kambarius Pradžioje",
+        "all_rooms_home_description": "Visi kambariai kuriuose esate, bus matomi Pradžioje.",
+        "always_show_message_timestamps": "Visada rodyti žinučių laiko žymes",
+        "appearance": {
+            "custom_font": "Naudoti sistemos šriftą",
+            "custom_font_description": "Nustatykite sistemoje įdiegto šrifto pavadinimą ir %(brand)s bandys jį naudoti.",
+            "custom_font_name": "Sistemos šrifto pavadinimas",
+            "custom_font_size": "Naudoti pasirinktinį dydį",
+            "custom_theme_error_downloading": "Klaida atsisiunčiant temos informaciją.",
+            "custom_theme_invalid": "Klaidinga temos schema.",
+            "font_size": "Šrifto dydis",
+            "image_size_default": "Numatytas",
+            "image_size_large": "Didelis",
+            "layout_bubbles": "Žinučių burbulai",
+            "layout_irc": "IRC (eksperimentinis)",
+            "match_system_theme": "Suderinti su sistemos tema",
+            "timeline_image_size": "Paveikslėlio dydis laiko juostoje"
+        },
+        "automatic_language_detection_syntax_highlight": "Įjungti automatinį kalbos aptikimą sintaksės paryškinimui",
+        "autoplay_gifs": "Automatinis GIF failų paleidimas",
+        "autoplay_videos": "Automatinis vaizdo įrašų paleidimas",
+        "big_emoji": "Įjungti didelius jaustukus pokalbiuose",
+        "code_block_expand_default": "Išplėsti kodo blokus pagal nutylėjimą",
+        "code_block_line_numbers": "Rodyti eilučių numerius kodo blokuose",
+        "disable_historical_profile": "Rodyti dabartinę profilio nuotrauką ir vardą naudotojams žinučių istorijoje",
+        "emoji_autocomplete": "Įjungti Jaustukų pasiūlymus rašant",
+        "enable_markdown": "Įjungti Markdown",
+        "enable_markdown_description": "Pradėkite žinutes su <code>/plain</code> norint siųsti be ženklinimo.",
+        "general": {
+            "account_management_section": "Paskyros tvarkymas",
+            "account_section": "Paskyra",
+            "add_email_dialog_title": "Pridėti El. Pašto Adresą",
+            "add_email_failed_verification": "Nepavyko patvirtinti el. pašto adreso: įsitikinkite, kad paspaudėte nuorodą el. laiške",
+            "add_email_instructions": "Išsiuntėme jums el. laišką, kad patvirtintumėme savo adresą. Sekite ten pateiktas instrukcijas ir tada paspauskite žemiau esantį mygtuką.",
+            "add_msisdn_confirm_body": "Paspauskite žemiau esantį mygtuką, kad patvirtintumėte šio numerio pridėjimą.",
+            "add_msisdn_confirm_button": "Patvirtinkite telefono numerio pridėjimą",
+            "add_msisdn_confirm_sso_button": "Patvirtinkite šio tel. nr. pridėjimą naudodami Vieną Prisijungimą, kad įrodytumėte savo tapatybę.",
+            "add_msisdn_dialog_title": "Pridėti Telefono Numerį",
+            "add_msisdn_instructions": "Teksto žinutė buvo išsiųsta numeriu +%(msisdn)s. Įveskite joje esantį patvirtinimo kodą.",
+            "confirm_adding_email_body": "Paspauskite mygtuką žemiau, kad patvirtintumėte šio el. pašto pridėjimą.",
+            "confirm_adding_email_title": "Patvirtinkite el. pašto pridėjimą",
+            "deactivate_confirm_body": "Ar tikrai norite deaktyvuoti savo paskyrą? Tai yra negrįžtama.",
+            "deactivate_confirm_continue": "Patvirtinkite paskyros deaktyvavimą",
+            "deactivate_section": "Deaktyvuoti Paskyrą",
+            "deactivate_warning": "Paskyros deaktyvavimas yra negrįžtamas veiksmas — būkite atsargūs!",
+            "discovery_email_empty": "Radimo parinktys atsiras jums aukščiau pridėjus el. pašto adresą.",
+            "discovery_email_verification_instructions": "Patvirtinkite nuorodą savo el. pašto dėžutėje",
+            "discovery_msisdn_empty": "Radimo parinktys atsiras jums aukščiau pridėjus telefono numerį.",
+            "discovery_needs_terms": "Sutikite su tapatybės serverio (%(serverName)s) paslaugų teikimo sąlygomis, kad leistumėte kitiems rasti jus pagal el. pašto adresą ar telefono numerį.",
+            "email_address_in_use": "Šis el. pašto adresas jau naudojamas",
+            "email_address_label": "El. pašto adresas",
+            "email_not_verified": "Jūsų el. pašto adresas dar nebuvo patvirtintas",
+            "email_verification_instructions": "Paspauskite nuorodą gautame el. laiške, kad patvirtintumėte, tada dar kartą spustelėkite tęsti.",
+            "emails_heading": "El. pašto adresai",
+            "error_add_email": "Nepavyko pridėti el. pašto adreso",
+            "error_deactivate_communication": "Kilo problemų bendraujant su serveriu. Bandykite dar kartą.",
+            "error_deactivate_invalid_auth": "Serveris negrąžino galiojančios autentifikavimo informacijos.",
+            "error_deactivate_no_auth": "Serveris nereikalavo jokio autentifikavimo",
+            "error_email_verification": "Nepavyko patvirtinti el. pašto adreso.",
+            "error_invalid_email": "Neteisingas el. pašto adresas",
+            "error_invalid_email_detail": "Tai nepanašu į teisingą el. pašto adresą",
+            "error_msisdn_verification": "Nepavyko patvirtinti telefono numerio.",
+            "error_password_change_403": "Nepavyko pakeisti slaptažodžio. Ar jūsų slaptažodis teisingas?",
+            "error_remove_3pid": "Nepavyko pašalinti kontaktinės informacijos",
+            "error_revoke_email_discovery": "Nepavyksta atšaukti el. pašto adreso bendrinimo",
+            "error_revoke_msisdn_discovery": "Neina atšaukti telefono numerio bendrinimo",
+            "error_share_email_discovery": "Nepavyko pasidalinti el. pašto adresu",
+            "error_share_msisdn_discovery": "Neina bendrinti telefono numerio",
+            "language_section": "Kalba ir regionas",
+            "msisdn_in_use": "Šis telefono numeris jau naudojamas",
+            "msisdn_label": "Telefono Numeris",
+            "msisdn_verification_field_label": "Patvirtinimo kodas",
+            "msisdn_verification_instructions": "Įveskite patvirtinimo kodą išsiųstą teksto žinute.",
+            "msisdns_heading": "Telefono numeriai",
+            "password_change_success": "Jūsų slaptažodis sėkmingai pakeistas.",
+            "remove_email_prompt": "Pašalinti %(email)s?",
+            "remove_msisdn_prompt": "Pašalinti %(phone)s?"
+        },
+        "inline_url_previews_default": "Įjungti peržiūras",
+        "insert_trailing_colon_mentions": "Įterpti dvitaškį po naudotojo paminėjimų žinutės pradžioje",
+        "jump_to_bottom_on_send": "Peršokti į laiko juostos apačią, kai siunčiate žinutę",
+        "key_backup": {
+            "setup_secure_backup": {
+                "confirm_security_phrase": "Patvirtinkite savo Saugumo Frazę",
+                "enter_phrase_title": "Įveskite Slaptafrazę",
+                "generate_security_key_title": "Generuoti Saugumo Raktą",
+                "pass_phrase_match_failed": "Tai nesutampa.",
+                "pass_phrase_match_success": "Tai sutampa!",
+                "phrase_strong_enough": "Puiku! Ši Saugumo Frazė atrodo pakankamai stipri.",
+                "secret_storage_query_failure": "Slaptos saugyklos būsenos užklausa neįmanoma",
+                "set_phrase_again": "Grįžti atgal, kad nustatyti iš naujo.",
+                "settings_reminder": "Jūs taip pat galite nustatyti Saugią Atsarginę Kopiją ir tvarkyti savo raktus Nustatymuose.",
+                "title_confirm_phrase": "Patvirtinkite Slaptafrazę",
+                "title_save_key": "Išsaugoti savo Saugumo Raktą",
+                "title_set_phrase": "Nustatyti Slaptafrazę",
+                "unable_to_setup": "Neįmanoma nustatyti slaptos saugyklos",
+                "use_different_passphrase": "Naudoti kitą slaptafrazę?",
+                "use_phrase_only_you_know": "Naudokite slaptafrazę, kurią žinote tik jūs ir pasirinktinai išsaugokite Apsaugos Raktą, naudoti kaip atsarginę kopiją."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Patvirtinkite slaptafrazę",
+            "enter_passphrase": "Įveskite slaptafrazę",
+            "export_description_1": "Šis procesas leidžia jums eksportuoti užšifruotuose kambariuose gautų žinučių raktus į lokalų failą. Tada jūs turėsite galimybę ateityje importuoti šį failą į kitą Matrix klientą, kad tas klientas taip pat galėtų iššifruoti tas žinutes.",
+            "export_title": "Eksportuoti kambario raktus",
+            "file_to_import": "Failas, kurį importuoti",
+            "import_description_2": "Eksportavimo failas bus apsaugotas slaptafraze. Norėdami iššifruoti failą, čia turėtumėte įvesti slaptafrazę.",
+            "import_title": "Importuoti kambario raktus",
+            "phrase_cannot_be_empty": "Slaptafrazė negali būti tuščia",
+            "phrase_must_match": "Slaptafrazės privalo sutapti"
+        },
+        "keyboard": {
+            "title": "Klaviatūra"
+        },
+        "notifications": {
+            "enable_audible_notifications_session": "Įjungti garsinius pranešimus šiam seansui",
+            "enable_desktop_notifications_session": "Įjungti darbalaukio pranešimus šiam seansui",
+            "enable_email_notifications": "Įjungti el. pašto pranešimus %(email)s",
+            "error_loading": "Įkeliant pranešimų nustatymus įvyko klaida.",
+            "error_permissions_denied": "%(brand)s neturi leidimo siųsti jums pranešimus - patikrinkite savo naršyklės nustatymus",
+            "error_permissions_missing": "%(brand)s nebuvo suteiktas leidimas siųsti pranešimus - bandykite dar kartą",
+            "error_saving": "Klaida išsaugant pranešimų nuostatas",
+            "error_saving_detail": "Išsaugant pranešimų nuostatas įvyko klaida.",
+            "error_title": "Nepavyko įjungti Pranešimų",
+            "messages_containing_keywords": "Žinutės turinčios raktažodžių",
+            "noisy": "Triukšmingas",
+            "push_targets": "Pranešimo objektai",
+            "rule_call": "Skambučio pakvietimas",
+            "rule_contains_display_name": "Žinutės, kuriose yra mano rodomas vardas",
+            "rule_contains_user_name": "Žinutės, kuriose yra mano vartotojo vardas",
+            "rule_encrypted": "Šifruotos žinutės grupiniuose pokalbiuose",
+            "rule_encrypted_room_one_to_one": "Šifruotos žinutės privačiuose pokalbiuose",
+            "rule_invite_for_me": "Kai mane pakviečia į kambarį",
+            "rule_message": "Žinutės grupiniuose pokalbiuose",
+            "rule_room_one_to_one": "Žinutės privačiuose pokalbiuose",
+            "rule_roomnotif": "Žinutės, kuriose yra @kambarys",
+            "rule_suppress_notices": "Boto siųstos žinutės",
+            "rule_tombstone": "Kai atnaujinami kambariai",
+            "show_message_desktop_notification": "Rodyti žinutę darbalaukio pranešime"
+        },
+        "preferences": {
+            "always_show_menu_bar": "Visada rodyti lango meniu juostą",
+            "autocomplete_delay": "Automatinio užbaigimo vėlinimas (ms)",
+            "code_blocks_heading": "Kodo blokai",
+            "compact_modern": "Naudoti kompaktiškesnį 'Modernų' išdėstymą",
+            "composer_heading": "Rašymas",
+            "enable_hardware_acceleration": "Įjungti aparatinį spartinimą",
+            "enable_tray_icon": "Rodyti dėklo piktogramą ir uždarius langą jį sumažinti į ją",
+            "keyboard_heading": "Spartieji klavišai",
+            "keyboard_view_shortcuts_button": "Norint peržiūrėti visus sparčiuosius klavišus, <a>paspauskite čia</a>.",
+            "media_heading": "Paveikslėliai, GIF ir vaizdo įrašai",
+            "presence_description": "Dalinkitės savo veikla ir būkle su kitais.",
+            "rm_lifetime": "Skaitymo žymeklio veikimo laikas (ms)",
+            "rm_lifetime_offscreen": "Skaitymo žymeklio ne ekraninis veikimo laikas (ms)",
+            "room_list_heading": "Kambarių sąrašas",
+            "show_polls_button": "Rodyti apklausų mygtuką",
+            "surround_text": "Apvesti pasirinktą tekstą rašant specialiuosius simbolius",
+            "time_heading": "Rodomas laikas"
+        },
+        "prompt_invite": "Klausti prieš siunčiant pakvietimus galimai netinkamiems matrix ID",
+        "replace_plain_emoji": "Automatiškai pakeisti paprasto teksto Jaustukus",
+        "security": {
+            "bulk_options_accept_all_invites": "Priimti visus %(invitedRooms)s pakvietimus",
+            "bulk_options_reject_all_invites": "Atmesti visus %(invitedRooms)s pakvietimus",
+            "bulk_options_section": "Grupinės parinktys",
+            "e2ee_default_disabled_warning": "Serverio administratorius išjungė visapusį šifravimą, kaip numatytą, privačiuose kambariuose ir Tiesioginėse Žinutėse.",
+            "enable_message_search": "Įjungti žinučių paiešką užšifruotuose kambariuose",
+            "encryption_section": "Šifravimas",
+            "ignore_users_empty": "Nėra ignoruojamų naudotojų.",
+            "ignore_users_section": "Ignoruojami vartotojai",
+            "key_backup_algorithm": "Algoritmas:",
+            "message_search_disabled": "Šifruotas žinutes saugiai talpinkite lokaliai, kad jos būtų rodomos paieškos rezultatuose.",
+            "message_search_enabled": {
+                "one": "Saugiai talpinkite užšifruotas žinutes vietoje, kad jos būtų rodomos paieškos rezultatuose, naudojant %(size)s žinutėms iš %(rooms)s kambario saugoti.",
+                "other": "Saugiai talpinkite užšifruotas žinutes vietoje, kad jos būtų rodomos paieškos rezultatuose, naudojant %(size)s žinutėms iš %(rooms)s kambarių saugoti."
+            },
+            "message_search_failed": "Nepavyko inicializuoti žinučių paieškos",
+            "message_search_section": "Žinučių paieška",
+            "message_search_sleep_time": "Kaip greitai žinutės turi būti parsiųstos.",
+            "message_search_unsupported": "%(brand)s trūksta kai kurių komponentų, reikalingų saugiai talpinti šifruotas žinutes lokaliai. Jei norite eksperimentuoti su šia funkcija, sukurkite pasirinktinį %(brand)s Desktop (darbastalio versiją), su <nativeLink>pridėtais paieškos komponentais</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s negali saugiai talpinti šifruotų žinučių lokaliai, kai veikia interneto naršyklėje. Naudokite <desktopLink>%(brand)s Desktop (darbastalio versija)</desktopLink>, kad šifruotos žinutės būtų rodomos paieškos rezultatuose.",
+            "send_analytics": "Siųsti analitinius duomenis",
+            "strict_encryption": "Niekada nesiųsti šifruotų žinučių nepatvirtintiems seansams iš šio seanso"
+        },
+        "send_read_receipts": "Siųsti skaitymo kvitus",
+        "send_read_receipts_unsupported": "Jūsų serveris nepalaiko skaitymo kvitų siuntimo išjungimo.",
+        "send_typing_notifications": "Siųsti spausdinimo pranešimus",
+        "sessions": {
+            "confirm_sign_out": {
+                "one": "Patvirtinkite šio įrenginio atjungimą",
+                "other": "Patvirtinkite šių įrenginių atjungimą"
+            },
+            "confirm_sign_out_body": {
+                "other": "Spustelėkite mygtuką žemiau kad patvirtinti šių įrenginių atjungimą.",
+                "one": "Spustelėkite mygtuką žemiau kad patvirtinti šio įrenginio atjungimą."
+            },
+            "confirm_sign_out_continue": {
+                "other": "Atjungti įrenginius",
+                "one": "Atjungti įrenginį"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Patvirtinkite atsijungimą iš šio prietaiso naudodami vienkartinį prisijungimą, kad įrodytumėte savo tapatybę.",
+                "other": "Patvirtinkite atsijungimą iš šių įrenginių naudodami vienkartinį prisijungimą, kad įrodytumėte savo tapatybę."
+            },
+            "current_session": "Dabartinė sesija",
+            "details_heading": "Sesijos detalės",
+            "device_unverified_description": "Geriausiam saugumui ir patikimumui, patvirtinkite arba atsijunkite iš šios sesijos.",
+            "device_verified_description": "Ši sesija paruošta saugiam žinučių siuntimui.",
+            "filter_all": "Visi",
+            "filter_inactive": "Neaktyvus",
+            "filter_inactive_description": "Neaktyvus %(inactiveAgeDays)s dienas ar ilgiau",
+            "filter_label": "Filtruoti įrenginius",
+            "filter_unverified_description": "Neparuošta saugiam žinučių siuntimui",
+            "filter_verified_description": "Paruošta saugiam žinučių siuntimui",
+            "inactive_days": "Neaktyvus %(inactiveAgeDays)s+ dienas",
+            "inactive_sessions": "Neaktyvios sesijos",
+            "ip": "IP adresas",
+            "last_activity": "Paskutinė veikla",
+            "no_inactive_sessions": "Neaktyvių sesijų nerasta.",
+            "no_sessions": "Jokių sesijų nerasta.",
+            "no_unverified_sessions": "Nepatvirtintų sesijų nerasta.",
+            "no_verified_sessions": "Patvirtintų sesijų nerasta.",
+            "other_sessions_heading": "Kitos sesijos",
+            "rename_form_heading": "Pervadinti sesiją",
+            "security_recommendations": "Saugumo rekomendacijos",
+            "session_id": "Seanso ID",
+            "sign_out": "Atsijungti iš šios sesijos",
+            "title": "Sesijos",
+            "unverified_session": "Nepatvirtinta sesija",
+            "unverified_sessions": "Nepatvirtintos sesijos",
+            "unverified_sessions_list_description": "Patvirtinkite savo sesijas didesniam saugumui, arba atsijunkite iš tų sesijų kurių neatpažįstate ar nebenaudojate.",
+            "verified_session": "Patvirtinta sesija",
+            "verified_sessions": "Patvirtintos sesijos",
+            "verified_sessions_list_description": "Geriausiam saugumui, atsijunkite iš bet kurios sesijos, kurios neatpažįstate arba nebenaudojate.",
+            "verify_session": "Patvirtinti seansą"
+        },
+        "show_avatar_changes": "Rodyti profilio nuotraukos pakeitimus",
+        "show_breadcrumbs": "Rodyti neseniai peržiūrėtų kambarių nuorodas virš kambarių sąrašo",
+        "show_chat_effects": "Rodyti pokalbių efektus (animaciją, kai gaunate, pvz., konfeti)",
+        "show_displayname_changes": "Rodyti rodomo vardo pakeitimus",
+        "show_join_leave": "Rodyti prisijungimo/išėjimo žinutes (kvietimai/pašalinimai/blokavimai neturi įtakos)",
+        "show_nsfw_content": "Rodyti NSD turinį",
+        "show_read_receipts": "Rodyti kitų vartotojų siųstus perskaitymo kvitus",
+        "show_redaction_placeholder": "Rodyti pašalintų žinučių žymeklį",
+        "show_stickers_button": "Rodyti lipdukų mygtuką",
+        "show_typing_notifications": "Rodyti spausdinimo pranešimus",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "Rodyti visus kambarius",
+            "metaspaces_home_all_rooms_description": "Rodyti visus savo kambarius pradžioje, net jei jie yra erdvėje.",
+            "metaspaces_home_description": "Pradžia yra naudinga norint apžvelgti viską.",
+            "metaspaces_orphans": "Kambariai nepriklausantys erdvei",
+            "metaspaces_orphans_description": "Sugrupuokite visus kambarius, kurie nėra erdvės dalis, į vieną vietą.",
+            "metaspaces_subsection": "Kurias erdves rodyti",
+            "title": "Šoninė juosta"
+        },
+        "use_12_hour_format": "Rodyti laiko žymes 12 valandų formatu (pvz. 2:30pm)",
+        "use_command_enter_send_message": "Naudokite Command + Enter žinutės išsiuntimui",
+        "use_command_f_search": "Naudokite Command + F ieškojimui laiko juostoje",
+        "use_control_enter_send_message": "Naudokite Ctrl + Enter žinutės išsiuntimui",
+        "use_control_f_search": "Naudokite Ctrl + F ieškojimui laiko juostoje",
+        "voip": {
+            "audio_input_empty": "Neaptikta jokių mikrofonų",
+            "audio_output": "Garso išvestis",
+            "audio_output_empty": "Neaptikta jokių garso išvesčių",
+            "mirror_local_feed": "Atkartoti lokalų video tiekimą",
+            "missing_permissions_prompt": "Trūksta medijos leidimų, spustelėkite toliau esantį mygtuką kad pateikti užklausą.",
+            "request_permissions": "Prašyti medijos leidimų",
+            "title": "Garsas ir Vaizdas",
+            "video_input_empty": "Neaptikta jokių kamerų"
+        },
+        "warn_quit": "Įspėti prieš išeinant"
+    },
+    "share": {
+        "permalink_message": "Nuoroda į pasirinktą pranešimą",
+        "permalink_most_recent": "Nuoroda į naujausią žinutę",
+        "title_message": "Bendrinti Kambario Žinutę",
+        "title_room": "Bendrinti Kambarį",
+        "title_user": "Dalintis Vartotoju"
+    },
+    "slash_command": {
+        "addwidget": "Į kambarį prideda pasirinktinį valdiklį pagal URL",
+        "addwidget_invalid_protocol": "Pateikite https:// arba http:// valdiklio URL",
+        "addwidget_missing_url": "Pateikite valdiklio URL arba įterpimo kodą",
+        "addwidget_no_permissions": "Jūs negalite modifikuoti valdiklių šiame kambaryje.",
+        "ban": "Užblokuoja vartotoją su nurodytu id",
+        "category_actions": "Veiksmai",
+        "category_admin": "Administratorius",
+        "category_advanced": "Išplėstiniai",
+        "category_messages": "Žinutės",
+        "category_other": "Kitas",
+        "command_error": "Komandos klaida",
+        "deop": "Deop'ina vartotoją su nurodytu id",
+        "devtools": "Atveria Programuotojo Įrankių dialogą",
+        "discardsession": "Priverčia išmesti esamą užsibaigiantį grupės seansą užšifruotame kambaryje",
+        "help": "Parodo komandų sąrašą su naudojimo būdais ir aprašymais",
+        "help_dialog_title": "Komandų pagalba",
+        "html": "SIunčia žinutę, kaip html, jo neinterpretuodamas kaip pažymėto",
+        "ignore": "Ignoruoja vartotoją, slepiant nuo jūsų jo žinutes",
+        "ignore_dialog_description": "Dabar ignoruojate %(userId)s",
+        "ignore_dialog_title": "Ignoruojamas vartotojas",
+        "invite": "Pakviečia vartotoją su nurodytu id į dabartinį kambarį",
+        "invite_3pid_needs_is_error": "Norėdami pakviesti nurodydami el. paštą, naudokite tapatybės serverį. Tvarkykite nustatymuose.",
+        "invite_3pid_use_default_is_title": "Naudoti tapatybės serverį",
+        "invite_3pid_use_default_is_title_description": "Norėdami pakviesti nurodydami el. paštą, naudokite tapatybės serverį. Tam, kad toliau būtų naudojamas numatytasis tapatybės serveris %(defaultIdentityServerName)s, spauskite tęsti, arba tvarkykite Nustatymuose.",
+        "join": "Prisijungia prie kambario su nurodytu adresu",
+        "lenny": "Prideda ( ͡° ͜ʖ ͡°) prie paprasto teksto žinutės",
+        "me": "Rodo veiksmą",
+        "msg": "Siunčia žinutę nurodytam vartotojui",
+        "myroomnick": "Pakeičia jūsų rodomą slapyvardį tik esamame kambaryje",
+        "nick": "Pakeičia jūsų rodomą slapyvardį",
+        "op": "Nustatykite vartotojo galios lygį",
+        "plain": "SIunčia žinutę, kaip paprastą tekstą, jo neinterpretuodamas kaip pažymėto",
+        "query": "Atidaro pokalbį su nurodytu vartotoju",
+        "rageshake": "Siųsti pranešimą apie klaidą kartu su žurnalu",
+        "rainbow": "Išsiunčia nurodytą žinutę nuspalvintą kaip vaivorykštė",
+        "rainbowme": "Išsiunčia nurodytą emociją nuspalvintą kaip vaivorykštė",
+        "roomavatar": "Pakeičia esamo kambario pseudoportretą",
+        "roomname": "Nustato kambario pavadinimą",
+        "server_error": "Serverio klaida",
+        "server_error_detail": "Serveris neprieinamas, perkrautas arba nutiko kažkas kito.",
+        "shrug": "Prideda ¯\\_(ツ)_/¯ prie paprasto teksto žinutės",
+        "topic": "Gauna arba nustato kambario temą",
+        "topic_none": "Šis kambarys neturi temos.",
+        "unban": "Atblokuoja vartotoją su nurodytu id",
+        "unignore": "Sustabdo vartotojo ignoravimą, rodant jums jo tolimesnes žinutes",
+        "unignore_dialog_description": "Dabar nebeignoruojate %(userId)s",
+        "unignore_dialog_title": "Nebeignoruojamas vartotojas",
+        "unknown_command": "Nežinoma komanda",
+        "unknown_command_button": "Siųsti kaip žinutę",
+        "unknown_command_detail": "Neatpažinta komanda: %(commandText)s",
+        "unknown_command_help": "Jūs galite naudoti <code>/help</code>, kad pamatytumėte galimų komandų sąrašą. Ar norėjote siųsti tai kaip žinutę?",
+        "unknown_command_hint": "Patarimas: norėdami žinutę pradėti pasviruoju brūkšniu, pradėkite ją su <code>//</code>.",
+        "upgraderoom": "Atnaujina kambarį į naują versiją",
+        "upgraderoom_permission_error": "Jūs neturite reikalingų leidimų naudoti šią komandą.",
+        "usage": "Naudojimas",
+        "verify": "Patvirtina vartotojo, seanso ir pubkey daugiadalę duomenų struktūrą",
+        "whois": "Parodo informaciją apie vartotoją"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "dm_heading": "Privačios žinutės",
+            "space_dropdown_label": "Erdvės pasirinkimas"
+        },
+        "context_menu": {
+            "explore": "Žvalgyti kambarius",
+            "manage_and_explore": "Valdyti & tyrinėti kambarius",
+            "options": "Erdvės parinktys"
+        },
+        "invite": "Pakviesti žmonių",
+        "invite_description": "Pakviesti su el. paštu arba naudotojo vardu",
+        "invite_link": "Bendrinti pakvietimo nuorodą",
+        "search_children": "Ieškoti %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Įveskite naujo, norimo žvalgyti serverio pavadinimą.",
+            "network_dropdown_add_dialog_placeholder": "Serverio pavadinimas",
+            "network_dropdown_available_invalid": "Negalime rasti šio serverio arba jo kambarių sąrašo",
+            "network_dropdown_required_invalid": "Įveskite serverio pavadinimą"
+        }
+    },
+    "spotlight_dialog": {
+        "create_new_room_button": "Sukurti naują kambarį",
+        "heading_without_query": "Ieškoti",
+        "public_rooms_label": "Vieši kambariai",
+        "recently_viewed_section_title": "Neseniai peržiūrėti"
+    },
+    "stickers": {
+        "empty": "Jūs šiuo metu neturite jokių įjungtų lipdukų paketų",
+        "empty_add_prompt": "Pridėkite keletą dabar"
+    },
+    "terms": {
+        "column_document": "Dokumentas",
+        "column_service": "Paslauga",
+        "column_summary": "Santrauka",
+        "identity_server_no_terms_description_1": "Šiam veiksmui reikalinga pasiekti numatytąjį tapatybės serverį <server />, kad patvirtinti el. pašto adresą arba telefono numerį, bet serveris neturi jokių paslaugos teikimo sąlygų.",
+        "identity_server_no_terms_description_2": "Tęskite tik tuo atveju, jei pasitikite serverio savininku.",
+        "identity_server_no_terms_title": "Tapatybės serveris neturi paslaugų teikimo sąlygų",
+        "inline_intro_text": "Sutikite su <policyLink />, kad tęstumėte:",
+        "integration_manager": "Naudoti botus, tiltus, valdiklius ir lipdukų pakuotes",
+        "intro": "Norėdami tęsti, turite sutikti su šios paslaugos sąlygomis.",
+        "summary_identity_server_1": "Ieškokite kitų telefonu arba el. paštu",
+        "summary_identity_server_2": "Tapkite randami telefonu arba el. paštu",
+        "tac_title": "Taisyklės ir Sąlygos",
+        "tos": "Paslaugų Teikimo Sąlygos"
+    },
+    "theme": {
+        "light_high_contrast": "Šviesi didelio kontrasto",
+        "match_system": "Atitikti sistemą"
+    },
+    "thread_view_back_action_label": "Grįžti prie temos",
+    "threads": {
+        "count_of_reply": {
+            "one": "%(count)s atsakymas",
+            "other": "%(count)s atsakymai"
+        },
+        "open_thread": "Atidaryti temą"
+    },
+    "time": {
+        "date_at_time": "%(date)s %(time)s",
+        "seconds_left": "%(seconds)ss liko",
+        "short_hours": "%(value)sval"
+    },
+    "timeline": {
+        "context_menu": {
+            "external_url": "Šaltinio URL adresas",
+            "resent_unsent_reactions": "Pakartotinai išsiųsti %(unsentCount)s reakciją (-as)",
+            "view_source": "Peržiūrėti šaltinį"
+        },
+        "creation_summary_dm": "%(creator)s sukūrė šį tiesioginio susirašymo kambarį.",
+        "creation_summary_room": "%(creator)s sukūrė ir sukonfigūravo kambarį.",
+        "download_action_downloading": "Atsiunčiama",
+        "edits": {
+            "tooltip_label": "Keista %(date)s. Spustelėkite kad peržiūrėti pakeitimus.",
+            "tooltip_sub": "Spustelėkite kad peržiūrėti pakeitimus",
+            "tooltip_title": "Keista %(date)s"
+        },
+        "error_no_renderer": "Nepavyko parodyti šio įvykio",
+        "error_rendering_message": "Nepavyko įkelti šios žinutės",
+        "historical_messages_unavailable": "Negalite matyti ankstesnių žinučių",
+        "io.element.widgets.layout": "%(senderName)s atnaujino kambario išdėstymą",
+        "load_error": {
+            "no_permission": "Bandyta įkelti konkrečią vietą šio kambario laiko juostoje, bet jūs neturite leidimo peržiūrėti tos žinutės.",
+            "title": "Nepavyko įkelti laiko juostos pozicijos",
+            "unable_to_find": "Bandyta įkelti konkrečią vietą šio kambario laiko juostoje, bet nepavyko jos rasti."
+        },
+        "m.audio": {
+            "error_processing_voice_message": "Klaida apdorojant balso pranešimą"
+        },
+        "m.call.hangup": {
+            "dm": "Skambutis baigtas"
+        },
+        "m.call.invite": {
+            "call_back_prompt": "Perskambinti",
+            "declined": "Skambutis atmestas",
+            "failed_connect_media": "Nepavyko prijungti medijos",
+            "failed_connection": "Nepavyko prisijungti",
+            "failed_opponent_media": "Jų įrenginys negalėjo įjungti kameros arba mikrofono",
+            "no_answer": "Jokio atsakymo",
+            "video_call": "%(senderName)s pradėjo vaizdo skambutį.",
+            "video_call_unsupported": "%(senderName)s pradėjo vaizdo skambutį. (nepalaikoma šios naršyklės)",
+            "voice_call": "%(senderName)s pradėjo balso skambutį.",
+            "voice_call_unsupported": "%(senderName)s pradėjo vaizdo skambutį. (nepalaikoma šios naršyklės)"
+        },
+        "m.file": {
+            "error_decrypting": "Klaida iššifruojant priedą"
+        },
+        "m.image": {
+            "error_decrypting": "Klaida iššifruojant vaizdą",
+            "sent": "%(senderDisplayName)s išsiuntė vaizdą.",
+            "show_image": "Rodyti vaizdą"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s nori patvirtinti",
+            "you_started": "Jūs išsiuntėte patvirtinimo užklausą"
+        },
+        "m.location": {
+            "full": "%(senderName)s bendrino savo būvimo vietą"
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s užbaigė apklausą"
+        },
+        "m.poll.start": "%(senderName)s pradėjo apklausą - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s pakeitė kambario avatarą.",
+            "lightbox_title": "%(senderDisplayName)s pakeitė kambario %(roomName)s pseudoportretą"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s pridėjo alternatyvų šio kambario adresą %(addresses)s.",
+                "other": "%(senderName)s pridėjo alternatyvius šio kambario adresus %(addresses)s."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s pašalino alternatyvų šio kambario adresą %(addresses)s.",
+                "other": "%(senderName)s pašalino alternatyvius šio kambario adresus %(addresses)s."
+            },
+            "changed": "%(senderName)s pakeitė šio kambario adresus.",
+            "changed_alternative": "%(senderName)s pakeitė alternatyvius šio kambario adresus.",
+            "changed_main_and_alternative": "%(senderName)s pakeitė pagrindinį ir alternatyvius šio kambario adresus.",
+            "removed": "%(senderName)s pašalino pagrindinį šio kambario adresą.",
+            "set": "%(senderName)s nustatė pagrindinį šio kambario adresą į %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Šis kambarys yra kito pokalbio pratęsimas.",
+            "see_older_messages": "Spustelėkite čia, norėdami matyti senesnes žinutes."
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s leido svečiams prisijungti prie kambario.",
+            "forbidden": "%(senderDisplayName)s uždraudė svečiams prisijungti prie kambario.",
+            "unknown": "%(senderDisplayName)s pakeitė svečių prieigą prie %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s padarė būsimą kambario istoriją matomą visiems kambario nariams nuo to momento, kai jie buvo pakviesti.",
+            "joined": "%(senderName)s padarė būsimą kambario istoriją matomą visiems kambario dalyviams, nuo jų prisijungimo momento.",
+            "shared": "%(senderName)s padarė būsimą kambario istoriją matomą visiems kambario dalyviams.",
+            "unknown": "%(senderName)s padarė būsimą kambario istoriją matomą nežinomam (%(visibility)s).",
+            "world_readable": "%(senderName)s padarė būsimą kambario istoriją matomą bet kam."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s padarė kambarį tik pakviestiems.",
+            "knock": "%(senderDisplayName)s pakeitė jungimosi taisyklę, kad būtų prašoma prisijungti.",
+            "public": "%(senderDisplayName)s padarė kambarį viešą visiems žinantiems nuorodą.",
+            "restricted": "%(senderDisplayName)s pakeitė kas gali prisijungti prie šio kambario.",
+            "restricted_settings": "%(senderDisplayName)s pakeitė kas gali prisijungti prie šio kambario. <a>Peržiūrėti nustatymus</a>.",
+            "unknown": "%(senderDisplayName)s pakeitė prisijungimo taisyklę į %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s priėmė kvietimą, skirtą %(displayName)s",
+            "accepted_invite": "%(targetName)s priėmė kvietimą",
+            "ban": "%(senderName)s uždraudė naudotoją",
+            "ban_reason": "%(senderName)s uždraudė naudotoją: %(reason)s",
+            "change_avatar": "%(senderName)s pakeitė savo profilio nuotrauką",
+            "change_name": "%(oldDisplayName)s pasikeitė savo rodomą vardą į %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s pakeitė savo rodomą vardą ir profilio nuotrauką",
+            "invite": "%(senderName)s pakvietė %(targetName)s",
+            "join": "%(targetName)s prisijungė prie kambario",
+            "kick": "%(senderName)s pašalino %(targetName)s",
+            "kick_reason": "%(senderName)s pašalino %(targetName)s: %(reason)s",
+            "left": "%(targetName)s išėjo iš kambario",
+            "left_reason": "%(targetName)s išėjo iš kambario: %(reason)s",
+            "no_change": "%(senderName)s nepadarė jokių pakeitimų",
+            "reject_invite": "%(targetName)s atmetė kvietimą",
+            "remove_avatar": "%(senderName)s pašalino savo profilio nuotrauką",
+            "remove_name": "%(senderName)s pašalino savo rodomą vardą (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s nustatė savo profilio nuotrauką",
+            "set_name": "%(senderName)s nustatė savo rodomą vardą į %(displayName)s",
+            "unban": "%(senderName)s atblokavo %(targetName)s",
+            "withdrew_invite": "%(senderName)s atšaukė %(targetName)s's kvietimą",
+            "withdrew_invite_reason": "%(senderName)s atšaukė %(targetName)s's kvietimą: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s pakeitė kambario pavadinimą iš %(oldRoomName)s į %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s pašalino kambario pavadinimą.",
+            "set": "%(senderDisplayName)s pakeitė kambario pavadinimą į %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s pakeitė prisegtas kambario žinutes.",
+            "changed_link": "%(senderName)s pakeitė <a>prisegtas žinutes</a> šiame kambaryje.",
+            "pinned": "%(senderName)s prisegė žinutė prie šio kambario. Žiūrėkite visas prisegtas žinutes.",
+            "pinned_link": "%(senderName)s prisegė <a>žinutę</a> prie šio kambario. Žiūrėkite visas <b>prisegtas žinutes</b>.",
+            "unpinned": "%(senderName)s atsegė žinutę nuo šio kambario. Žiūrėkite visas prisegtas žinutes.",
+            "unpinned_link": "%(senderName)s atsegė <a>žinutę</a> nuo šio kambario. Žiūrėkite visas <b>prisegtas žinutes</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s pakeitė %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s galios lygį iš %(fromPowerLevel)s į %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s atšaukė pakvietimą %(targetDisplayName)s prisijungti prie kambario.",
+            "sent": "%(senderName)s išsiuntė pakvietimą %(targetDisplayName)s prisijungti prie kambario."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s atnaujino šį kambarį.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s pakeitė temą į \"%(topic)s\"."
+        },
+        "m.sticker": "%(senderDisplayName)s nusiuntė lipduką.",
+        "m.video": {
+            "error_decrypting": "Klaida iššifruojant vaizdo įrašą"
+        },
+        "m.widget": {
+            "added": "%(senderName)s pridėjo %(widgetName)s valdiklį",
+            "jitsi_ended": "%(senderName)s užbaigė video konferenciją",
+            "jitsi_join_right_prompt": "Prisijunkite prie konferencijos kambario informacijos kortelėje dešinėje",
+            "jitsi_join_top_prompt": "Prisijunkite prie konferencijos šio kambario viršuje",
+            "jitsi_started": "%(senderName)s pradėjo video konferenciją",
+            "jitsi_updated": "%(senderName)s atnaujino video konferenciją",
+            "modified": "%(senderName)s modifikavo %(widgetName)s valdiklį",
+            "removed": "%(senderName)s pašalino %(widgetName)s valdiklį"
+        },
+        "mab": {
+            "copy_link_thread": "Kopijuoti nuorodą į temą",
+            "view_in_room": "Peržiūrėti kambaryje"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s atnaujino draudimo taisyklę, kuri sutapo su %(oldGlob)s į sutampančią su %(newGlob)s dėl %(reason)s",
+            "changed_rule_rooms": "%(senderName)s pakeitė taisyklę, kuri draudė kambarius, sutampančius su %(oldGlob)s į sutampančius su %(newGlob)s dėl %(reason)s",
+            "changed_rule_servers": "%(senderName)s pakeitė taisyklę, kuri draudė serverius, sutampančius su %(oldGlob)s į sutampančius su %(newGlob)s dėl %(reason)s",
+            "changed_rule_users": "%(senderName)s pakeitė taisyklę, kuri draudė vartotojus, sutampančius su %(oldGlob)s į sutampančius su %(newGlob)s dėl %(reason)s",
+            "created_rule": "%(senderName)s sukūrė draudimo taisyklę, sutampančią su %(glob)s dėl %(reason)s",
+            "created_rule_rooms": "%(senderName)s sukūrė taisyklę, draudžiančią kambarius, sutampančius su %(glob)s dėl %(reason)s",
+            "created_rule_servers": "%(senderName)s sukūrė taisyklę, draudžiančią serverius, sutampančius su %(glob)s dėl %(reason)s",
+            "created_rule_users": "%(senderName)s sukūrė taisyklę, draudžiančią vartotojus, sutampančius su %(glob)s dėl %(reason)s",
+            "removed_rule": "%(senderName)s pašalino draudimo taisyklę, sutampančią su %(glob)s",
+            "removed_rule_rooms": "%(senderName)s pašalino taisyklę, draudžiančią kambarius, sutampančius su %(glob)s",
+            "removed_rule_servers": "%(senderName)s pašalino taisyklę, draudžiančią serverius, sutampančius su %(glob)s",
+            "removed_rule_users": "%(senderName)s pašalino taisyklę, draudžiančią vartotojus, sutampančius su %(glob)s",
+            "updated_invalid_rule": "%(senderName)s atnaujino klaidingą draudimo taisyklę",
+            "updated_rule": "%(senderName)s atnaujino draudimo taisyklę, sutampančią su %(glob)s dėl %(reason)s",
+            "updated_rule_rooms": "%(senderName)s atnaujino taisyklę, draudžiančią kambarius, sutampančius su %(glob)s dėl %(reason)s",
+            "updated_rule_servers": "%(senderName)s atnaujino taisyklę, draudžiančią serverius, sutampančius su %(glob)s dėl %(reason)s",
+            "updated_rule_users": "%(senderName)s atnaujino taisyklę, draudžiančią vartotojus, sutampančius su %(glob)s dėl %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Neturite leidimo peržiūrėti žinučių, rašytų prieš jūsų pakvietimą.",
+        "no_permission_messages_before_join": "Neturite leidimo peržiūrėti žinučių, rašytų prieš jums prisijungiant.",
+        "pending_moderation": "Žinutė laukia moderavimo",
+        "pending_moderation_reason": "Žinutė laukia moderavimo: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Pridėti reakciją",
+            "label": "%(reactors)s sureagavo su %(content)s"
+        },
+        "read_receipt_title": {
+            "one": "Matė %(count)s žmogus",
+            "other": "Matė %(count)s žmonės"
+        },
+        "read_receipts_label": "Skaitymo kvitai",
+        "redacted": {
+            "tooltip": "Žinutė buvo ištrinta %(date)s"
+        },
+        "redaction": "Žinutė, ištrinta %(name)s",
+        "scalar_starter_link": {
+            "dialog_description": "Jūs būsite nukreipti į trečiosios šalies svetainę, kad galėtumėte patvirtinti savo paskyrą naudojimui su %(integrationsUrl)s. Ar norite tęsti?",
+            "dialog_title": "Pridėti Integraciją"
+        },
+        "self_redaction": "Žinutė ištrinta",
+        "send_state_failed": "Nepavyko išsiųsti",
+        "send_state_sent": "Jūsų žinutė išsiųsta",
+        "summary": {
+            "banned": {
+                "other": "buvo užblokuotas %(count)s kartų(-us)",
+                "one": "buvo užblokuotas"
+            },
+            "banned_multiple": {
+                "other": "buvo užblokuoti %(count)s kartų(-us)",
+                "one": "buvo užblokuoti"
+            },
+            "changed_name": {
+                "one": "%(oneUser)s pasikeitė vardą",
+                "other": "%(oneUser)s pasikeitė vardą %(count)s kartų(-us)"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)s pasikeitė vardus",
+                "other": "%(severalUsers)s pasikeitė vardus %(count)s kartų(-us)"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)s atšaukė savo pakvietimą %(count)s kartų(-us)",
+                "one": "%(oneUser)s atšaukė savo pakvietimą"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)s atšaukė savo pakvietimus %(count)s kartų(-us)",
+                "one": "%(severalUsers)s atšaukė savo pakvietimus"
+            },
+            "invited": {
+                "other": "buvo pakviestas %(count)s kartų(-us)",
+                "one": "buvo pakviestas"
+            },
+            "invited_multiple": {
+                "other": "buvo pakviesti %(count)s kartų(-us)",
+                "one": "buvo pakviesti"
+            },
+            "joined": {
+                "other": "%(oneUser)s prisijungė %(count)s kartų(-us)",
+                "one": "%(oneUser)s prisijungė"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)s prisijungė ir išėjo %(count)s kartų(-us)",
+                "one": "%(oneUser)s prisijungė ir išėjo"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)s prisijungė ir išėjo %(count)s kartų(-us)",
+                "one": "%(severalUsers)s prisijungė ir išėjo"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s prisijungė %(count)s kartų(-us)",
+                "one": "%(severalUsers)s prisijungė"
+            },
+            "left": {
+                "other": "%(oneUser)s išėjo %(count)s kartų(-us)",
+                "one": "%(oneUser)s išėjo"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)s išėjo %(count)s kartų(-us)",
+                "one": "%(severalUsers)s išėjo"
+            },
+            "no_change": {
+                "other": "%(oneUser)s neatliko jokių pakeitimų %(count)s kartų(-us)",
+                "one": "%(oneUser)s neatliko jokių pakeitimų"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)s neatliko jokių pakeitimų %(count)s kartų(-us)",
+                "one": "%(severalUsers)s neatliko jokių pakeitimų"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)s atmetė pakvietimą %(count)s kartų(-us)",
+                "one": "%(oneUser)s atmetė pakvietimą"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s atmetė pakvietimus %(count)s kartų(-us)",
+                "one": "%(severalUsers)s atmetė pakvietimus"
+            },
+            "rejoined": {
+                "other": "%(oneUser)s išėjo ir vėl prisijungė %(count)s kartų(-us)",
+                "one": "%(oneUser)s išėjo ir vėl prisijungė"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)s išėjo ir vėl prisijungė %(count)s kartų(-us)",
+                "one": "%(severalUsers)s išėjo ir vėl prisijungė"
+            },
+            "unbanned": {
+                "other": "buvo atblokuotas %(count)s kartų(-us)",
+                "one": "buvo atblokuotas"
+            },
+            "unbanned_multiple": {
+                "other": "buvo atblokuoti %(count)s kartų(-us)",
+                "one": "buvo atblokuoti"
+            }
+        },
+        "thread_info_basic": "Iš temos",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s ir %(count)s kiti(-ų) rašo …",
+                "one": "%(names)s ir dar vienas rašo …"
+            },
+            "one_user": "%(displayName)s rašo …",
+            "two_users": "%(names)s ir %(lastPerson)s rašo …"
+        }
+    },
+    "truncated_list_n_more": {
+        "other": "Ir dar %(count)s..."
+    },
+    "update": {
+        "changelog": "Keitinių žurnalas",
+        "check_action": "Tikrinti, ar yra atnaujinimų",
+        "error_encountered": "Susidurta su klaida (%(errorDetail)s).",
+        "new_version_available": "Galima nauja versija. <a>Atnaujinti dabar.</a>",
+        "no_update": "Nėra galimų atnaujinimų.",
+        "release_notes_toast_title": "Kas naujo",
+        "see_changes_button": "Kas naujo?",
+        "toast_description": "Yra nauja %(brand)s versija",
+        "toast_title": "Atnaujinti %(brand)s",
+        "unavailable": "Neprieinamas"
+    },
+    "upload_failed_generic": "Failo '%(fileName)s' nepavyko įkelti.",
+    "upload_failed_size": "Failas '%(fileName)s' viršyja šio serverio įkeliamų failų dydžio limitą",
+    "upload_failed_title": "Įkėlimas Nepavyko",
+    "upload_file": {
+        "cancel_all_button": "Atšaukti visus",
+        "error_file_too_large": "Šis failas yra <b>per didelis</b> įkėlimui. Failų dydžio limitas yra %(limit)s, bet šis failas užima %(sizeOfThisFile)s.",
+        "error_files_too_large": "Šie failai yra <b>per dideli</b> įkėlimui. Failų dydžio limitas yra %(limit)s.",
+        "error_some_files_too_large": "Kai kurie failai yra <b>per dideli</b> įkėlimui. Failų dydžio limitas yra %(limit)s.",
+        "error_title": "Įkėlimo klaida",
+        "title": "Įkelti failus",
+        "title_progress": "Įkelti failus (%(current)s iš %(total)s)",
+        "upload_all_button": "Įkelti visus",
+        "upload_n_others_button": {
+            "other": "Įkelti %(count)s kitus failus",
+            "one": "Įkelti %(count)s kitą failą"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Administratoriaus įrankiai",
+        "ban_button_room": "Užblokuoti iš kambario",
+        "ban_button_space": "Užblokuoti iš erdvės",
+        "ban_room_confirm_title": "Atblokuoti už %(roomName)s",
+        "ban_space_everything": "Užblokuoti juos iš visko, kur galiu",
+        "ban_space_specific": "Užblokuoti juos konkrečiuose dalykuose, kuriuose galiu",
+        "deactivate_confirm_action": "Deaktyvuoti vartotoją",
+        "deactivate_confirm_description": "Šio vartotojo deaktyvavimas atjungs juos ir neleis jiems vėl prisijungti atgal. Taip pat jie išeis iš visų kambarių, kuriuose jie yra. Šis veiksmas negali būti atšauktas. Ar tikrai norite deaktyvuoti šį vartotoją?",
+        "deactivate_confirm_title": "Deaktyvuoti vartotoją?",
+        "demote_button": "Pažeminti",
+        "demote_self_confirm_description_space": "Negalėsite atšaukti šio pakeitimo, nes pažeminsite save, o jei esate paskutinis privilegijuotas naudotojas erdvėje, bus neįmanoma susigrąžinti privilegijų.",
+        "demote_self_confirm_room": "Jūs neturėsite galimybės atšaukti šio keitimo, kadangi jūs žeminate savo privilegijas kambaryje. Jei jūs esate paskutinis privilegijuotas vartotojas kambaryje, atgauti privilegijas bus neįmanoma.",
+        "demote_self_confirm_title": "Pažeminti save?",
+        "disinvite_button_room": "Atšaukti kvietimą iš kambario",
+        "disinvite_button_room_name": "Atšaukti kvietimą iš %(roomName)s",
+        "disinvite_button_space": "Atšaukti kvietimą iš erdvės",
+        "error_ban_user": "Nepavyko užblokuoti vartotojo",
+        "error_deactivate": "Nepavyko deaktyvuoti vartotojo",
+        "error_kicking_user": "Nepavyko pašalinti naudotojo",
+        "error_mute_user": "Nepavyko nutildyti vartotojo",
+        "error_revoke_3pid_invite_description": "Kvietimo atšaukti nepavyko. Gali būti, kad serveryje kilo laikina problema arba neturite pakankamų leidimų atšaukti kvietimą.",
+        "error_revoke_3pid_invite_title": "Nepavyko atšaukti kvietimo",
+        "invited_by": "Pakvietė %(sender)s",
+        "jump_to_rr_button": "Nušokti iki perskaitytų žinučių",
+        "kick_button_room": "Pašalinti iš kambario",
+        "kick_button_room_name": "Pašalinti iš %(roomName)s",
+        "kick_button_space": "Pašalinti iš erdvės",
+        "kick_button_space_everything": "Pašalinti juos iš visko, ko galiu",
+        "kick_space_specific": "Pašalinti juos iš konkrečių dalykų, kuriuose galiu",
+        "kick_space_warning": "Jie vis tiek galės naudotis viskuo, kur nesate administratorius.",
+        "promote_warning": "Jūs neturėsite galimybės atšaukti šio keitimo, kadangi jūs paaukštinate vartotoją, suteikdami tokį patį galios lygį, kokį turite jūs.",
+        "redact": {
+            "confirm_button": {
+                "one": "Pašalinti 1 žinutę",
+                "other": "Pašalinti %(count)s žinutes(-ų)"
+            },
+            "confirm_description_2": "Dideliam žinučių kiekiui tai gali užtrukti kurį laiką. Prašome neperkrauti savo kliento.",
+            "confirm_title": "Pašalinti paskutines %(user)s žinutes",
+            "no_recent_messages_description": "Pabandykite slinkti aukštyn laiko juostoje, kad sužinotumėte, ar yra ankstesnių.",
+            "no_recent_messages_title": "Nerasta jokių naujesnių %(user)s žinučių"
+        },
+        "redact_button": "Pašalinti paskutines žinutes",
+        "revoke_invite": "Atšaukti kvietimą",
+        "room_encrypted": "Žinutės šiame kambaryje yra visapusiškai užšifruotos.",
+        "room_encrypted_detail": "Jūsų žinutės yra apsaugotos ir tik jūs ir gavėjas turite unikalius raktus joms atrakinti.",
+        "room_unencrypted": "Žinutės šiame kambaryje nėra visapusiškai užšifruotos.",
+        "room_unencrypted_detail": "Šifruotuose kambariuose jūsų žinutės yra apsaugotos ir tik jūs ir gavėjas turite unikalius raktus joms atrakinti.",
+        "share_button": "Dalintis nuoroda į vartotoją",
+        "unban_button_room": "Atblokuoti iš kambario",
+        "unban_button_space": "Atblokuoti iš erdvės",
+        "unban_room_confirm_title": "Atblokuoti iš %(roomName)s",
+        "unban_space_everything": "Atblokuoti juos iš visko, kur aš galiu",
+        "unban_space_specific": "Atblokuoti juos konkrečiuose dalykuose, kuriuose galiu",
+        "unban_space_warning": "Jie negalės prieiti prie visko, kur esate administratorius.",
+        "verify_button": "Patvirtinti Vartotoją",
+        "verify_explainer": "Dėl papildomo saugumo patvirtinkite šį vartotoją patikrindami vienkartinį kodą abiejuose jūsų įrenginiuose."
+    },
+    "voip": {
+        "already_in_call": "Jau pokalbyje",
+        "already_in_call_person": "Jūs jau esate pokalbyje su šiuo asmeniu.",
+        "answered_elsewhere": "Atsiliepta Kitur",
+        "answered_elsewhere_description": "Į skambutį buvo atsiliepta kitame įrenginyje.",
+        "call_failed": "Skambutis Nepavyko",
+        "call_failed_description": "Nepavyko pradėti skambučio",
+        "call_failed_media": "Skambutis nepavyko, nes kamera arba mikrofonas negali būti pasiekta. Patikrinkite tai:",
+        "call_failed_media_applications": "Jokia kita programa nenaudoja kameros",
+        "call_failed_media_connected": "Mikrofonas ir kamera yra prijungti ir tinkamai nustatyti",
+        "call_failed_media_permissions": "Suteiktas leidimas naudoti kamerą",
+        "call_failed_microphone": "Skambutis nepavyko, nes mikrofonas negali būti pasiektas. Patikrinkite, ar mikrofonas yra prijungtas ir tinkamai nustatytas.",
+        "call_held": "%(peerName)s pristabdė skambutį",
+        "call_held_resume": "Jūs pristabdėte skambutį <a>Tęsti</a>",
+        "call_held_switch": "Jūs pristabdėte skambutį <a>Perjungti</a>",
+        "camera_disabled": "Jūsų kamera yra išjungta",
+        "camera_enabled": "Jūsų kamera vis dar įjungta",
+        "cannot_call_yourself_description": "Negalite skambinti patys sau.",
+        "connecting": "Jungiamasi",
+        "connection_lost": "Ryšys su serveriu nutrūko",
+        "connection_lost_description": "Jūs negalite skambinti kai nėra ryšio su serveriu.",
+        "default_device": "Numatytasis įrenginys",
+        "dial": "Rinkti",
+        "dialpad": "Rinkiklis",
+        "disable_camera": "Išjungti kamerą",
+        "disable_microphone": "Išjungti mikrofoną",
+        "enable_camera": "Įjungti kamerą",
+        "enable_microphone": "Įjungti mikrofoną",
+        "expand": "Grįžti prie skambučio",
+        "hangup": "Padėti ragelį",
+        "hide_sidebar_button": "Slėpti šoninę juostą",
+        "misconfigured_server": "Skambutis nepavyko dėl neteisingai sukonfigūruoto serverio",
+        "misconfigured_server_description": "Paprašykite savo serverio administratoriaus (<code>%(homeserverDomain)s</code>) sukonfiguruoti TURN serverį, kad skambučiai veiktų patikimai.",
+        "more_button": "Daugiau",
+        "msisdn_lookup_failed": "Nepavyko rasti telefono numerio",
+        "msisdn_lookup_failed_description": "Įvyko klaida ieškant telefono numerio",
+        "msisdn_transfer_failed": "Nepavyksta perduoti skambučio",
+        "n_people_joined": {
+            "one": "%(count)s žmogus prisijungė",
+            "other": "%(count)s žmonės prisijungė"
+        },
+        "no_audio_input_description": "Jūsų įrenginyje neradome mikrofono. Patikrinkite nustatymus ir bandykite dar kartą.",
+        "no_audio_input_title": "Mikrofonas nerastas",
+        "no_media_perms_description": "Jums gali tekti rankiniu būdu duoti leidimą %(brand)s prieigai prie mikrofono/kameros",
+        "no_media_perms_title": "Nėra medijos leidimų",
+        "no_permission_conference": "Reikalingas Leidimas",
+        "no_permission_conference_description": "Jūs neturite leidimo šiame kambaryje pradėti konferencinį pokalbį",
+        "on_hold": "%(name)s sulaikytas",
+        "show_sidebar_button": "Rodyti šoninę juostą",
+        "silence": "Nutildyti skambutį",
+        "start_screenshare": "Pradėti bendrinti savo ekraną",
+        "stop_screenshare": "Nustoti bendrinti savo ekraną",
+        "too_many_calls": "Per daug skambučių",
+        "too_many_calls_description": "Pasiekėte maksimalų vienu metu vykdomų skambučių skaičių.",
+        "transfer_failed": "Perdavimas Nepavyko",
+        "transfer_failed_description": "Nepavyko perduoti skambučio",
+        "unable_to_access_audio_input_description": "Mums nepavyko pasiekti jūsų mikrofono. Patikrinkite naršyklės nustatymus ir bandykite dar kartą.",
+        "unable_to_access_audio_input_title": "Nepavyksta pasiekti mikrofono",
+        "unable_to_access_media": "Nepavyksta pasiekti kameros / mikrofono",
+        "unable_to_access_microphone": "Nepavyksta pasiekti mikrofono",
+        "unknown_caller": "Nežinomas skambintojas",
+        "unknown_person": "nežinomas asmuo",
+        "unsilence": "Garsas įjungtas",
+        "unsupported": "Skambučiai nėra palaikomi",
+        "unsupported_browser": "Jūs negalite skambinti šioje naršyklėje.",
+        "user_busy": "Vartotojas Užsiėmęs",
+        "user_busy_description": "Vartotojas kuriam skambinate yra užsiėmęs.",
+        "user_is_presenting": "%(sharerName)s pristato",
+        "video_call": "Vaizdo skambutis",
+        "voice_call": "Balso skambutis",
+        "you_are_presenting": "Jūs pristatote"
+    },
+    "widget": {
+        "added_by": "Valdiklį pridėjo",
+        "capabilities_dialog": {
+            "content_starting_text": "Šis valdiklis norėtų:",
+            "decline_all_permission": "Atmesti Visus",
+            "remember_Selection": "Prisiminti mano pasirinkimą šiam valdikliui",
+            "title": "Patvirtinti valdiklio leidimus"
+        },
+        "capability": {
+            "any_room": "Aukščiau išvardyti, bet ir bet kuriame kambaryje, prie kurio prisijungėte arba į kurį esate pakviestas",
+            "byline_empty_state_key": "su tuščiu būsenos raktu",
+            "byline_state_key": "su būsenos raktu %(stateKey)s",
+            "change_avatar_active_room": "Pakeisti jūsų aktyvaus kambario pseudoportretą",
+            "change_avatar_this_room": "Pakeisti šio kambario pseudoportretą",
+            "change_name_active_room": "Keisti jūsų aktyvaus kambario pavadinimą",
+            "change_name_this_room": "Keisti kambario pavadinimą",
+            "change_topic_active_room": "Keisti jūsų aktyvaus kambario temą",
+            "change_topic_this_room": "Keisti kambario temą",
+            "receive_membership_active_room": "Matyti, kada žmonės prisijungia, išeina arba yra pakviečiami į jūsų aktyvų kambarį",
+            "receive_membership_this_room": "Matyti, kada žmonės prisijungia, išeina arba yra pakviesti į šį kambarį",
+            "remove_ban_invite_leave_active_room": "Pašalinti, užblokuoti arba pakviesti žmones į jūsų aktyvų kambarį ir priversti jus išeiti",
+            "remove_ban_invite_leave_this_room": "Pašalinti, užblokuoti arba pakviesti žmones į šį kambarį ir priversti jus išeiti",
+            "see_avatar_change_active_room": "Matyti kada jūsų aktyviame kambaryje pasikeičia pseudoportretas",
+            "see_avatar_change_this_room": "Matyti kada šiame kambaryje pasikeičia pseudoportretas",
+            "see_event_type_sent_active_room": "Peržiūrėti <b>%(eventType)s</b> įvykius, paskelbtus jūsų aktyviame kambaryje",
+            "see_name_change_active_room": "Matyti kada jūsų aktyvaus kambario pavadinimas pasikeičia",
+            "see_name_change_this_room": "Matyti, kada šiame kambaryje pasikeis pavadinimas",
+            "see_sticker_posted_active_room": "Matyti, kada kas nors paskelbia lipduką jūsų aktyviame kambaryje",
+            "see_topic_change_active_room": "Matyti, kada jūsų aktyvaus kambario tema pasikeičia",
+            "send_stickers_this_room": "Siųsti lipdukus į šį kambarį"
+        },
+        "close_to_view_right_panel": "Uždarykite šį valdiklį, kad galėtumėte jį peržiūrėti šiame skydelyje",
+        "context_menu": {
+            "delete": "Ištrinti valdiklį",
+            "delete_warning": "Valdiklio ištrinimas pašalina jį visiems kambaryje esantiems vartotojams. Ar tikrai norite ištrinti šį valdiklį?"
+        },
+        "cookie_warning": "Šiame valdiklyje gali būti naudojami slapukai.",
+        "error_hangup_description": "Jūsų skambutis buvo nutrauktas. (Klaida: %(message)s)",
+        "error_hangup_title": "Ryšys prarastas",
+        "error_loading": "Klaida kraunant Valdiklį",
+        "error_mixed_content": "Klaida - Maišytas turinys",
+        "error_need_invite_permission": "Norėdami tai atlikti jūs turite turėti galimybę pakviesti vartotojus.",
+        "error_need_to_be_logged_in": "Jūs turite būti prisijungę.",
+        "error_unable_start_audio_stream_description": "Nepavyksta pradėti garso transliacijos.",
+        "error_unable_start_audio_stream_title": "Nepavyko pradėti tiesioginės transliacijos",
+        "modal_data_warning": "Duomenimis šiame ekrane yra dalinamasi su %(widgetDomain)s",
+        "no_name": "Nežinoma Programa",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Prisiminkite tai",
+            "starting_text": "Šis valdiklis patvirtins jūsų vartotojo ID, bet negalės už jus atlikti veiksmų:",
+            "title": "Leiskite šiam valdikliui patvirtinti jūsų tapatybę"
+        },
+        "popout": "Iššokti valdiklį",
+        "set_room_layout": "Nustatyti savo kambario išdėstymą visiems",
+        "shared_data_mxid": "Jūsų vartotojo ID",
+        "shared_data_name": "Jūsų rodomas vardas",
+        "shared_data_room_id": "Kambario ID",
+        "shared_data_theme": "Jūsų tema",
+        "shared_data_warning_im": "Naudojant šį valdiklį gali būti dalijamasi duomenimis <helpIcon /> su %(widgetDomain)s ir jūsų integracijų tvarkykle.",
+        "shared_data_widget_id": "Valdiklio ID",
+        "unencrypted_warning": "Valdikliai nenaudoja žinučių šifravimo.",
+        "unpin_to_view_right_panel": "Atsekite šį valdiklį, kad galėtumėte jį peržiūrėti šiame skydelyje"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Visas didžiąsias raides taip pat lengva atspėti kaip ir visas mažąsias",
+            "anotherWord": "Pridėkite dar vieną ar du žodžius. Geriau nedažnai vartojamus žodžius.",
+            "associatedYears": "Venkite su jumis susijusių metų",
+            "capitalization": "Rašymas didžiosiomis raidėmis nelabai padeda",
+            "dates": "Venkite su jumis susijusių metų ir datų",
+            "l33t": "Nuspėjami pakaitalai, tokie kaip \"@\" vietoj \"a\", nelabai padeda",
+            "longerKeyboardPattern": "Naudokite ilgesnį klaviatūros modelį su daugiau vijų",
+            "noNeed": "Nereikia simbolių, skaitmenų ar didžiųjų raidžių",
+            "recentYears": "Venkite pastarųjų metų",
+            "repeated": "Venkite pasikartojančių žodžių ir simbolių",
+            "reverseWords": "Žodžius atvirkštine tvarka nėra sunkiau atspėti",
+            "sequences": "Venkite sekų",
+            "useWords": "Naudokite keletą žodžių, venkite dažnai naudojamų frazių"
+        },
+        "warnings": {
+            "common": "Tai yra labai dažnai naudojamas slaptažodis",
+            "commonNames": "Dažnai naudojamus vardus ar pavardes yra lengva atspėti",
+            "dates": "Datas dažniausiai yra lengva atspėti",
+            "extendedRepeat": "Tokius pasikartojimus kaip \"abcabcabc\" yra tik truputėlį sunkiau atspėti nei \"abc\"",
+            "keyPattern": "Trumpus klaviatūros šablonus yra lengva atspėti",
+            "namesByThemselves": "Pačius vardus ar pavardes yra lengva atspėti",
+            "recentYears": "Paskiausius metus yra lengva atspėti",
+            "sequences": "Tokias sekas kaip \"abc\" ar \"6543\" yra lengva atspėti",
+            "similarToCommon": "Šis yra panašus į dažnai naudojamą slaptažodį",
+            "simpleRepeat": "Tokius pasikartojimus kaip \"aaa\" yra lengva atspėti",
+            "straightRow": "Klavišų eilę yra lengva atspėti",
+            "topHundred": "Tai yra vienas iš 100 dažniausiai naudojamų slaptažodžių",
+            "topTen": "Tai yra vienas iš 10 dažniausiai naudojamų slaptažodžių",
+            "wordByItself": "Pats žodis yra lengvai atspėjamas"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/lv.json b/apps/web/src/i18n/strings/lv.json
new file mode 100644
index 00000000000..140f613a9d4
--- /dev/null
+++ b/apps/web/src/i18n/strings/lv.json
@@ -0,0 +1,3389 @@
+{
+    "a11y": {
+        "jump_first_invite": "Pārlēkt uz pirmo uzaicinājumu.",
+        "message_composer": "Ziņas sastādītājs",
+        "n_unread_messages": {
+            "one": "1 nelasīta ziņa.",
+            "other": "%(count)s nelasītas ziņas."
+        },
+        "n_unread_messages_mentions": {
+            "zero": "%(count)s nelasītu ziņu ar pieminēšanu",
+            "one": "1 neslasīta ziņa ar pieminēšanu.",
+            "other": "%(count)s nelasītas ziņas ar pieminēšanu."
+        },
+        "room_status_bar": "Istabas statusa josla",
+        "seek_bar_label": "Audio meklēšanas josla",
+        "unread_messages": "Nelasītās ziņas."
+    },
+    "a11y_jump_first_unread_room": "Pāriet uz pirmo nelasīto istabu.",
+    "action": {
+        "accept": "Apstiprināt",
+        "add": "Pievienot",
+        "add_existing_room": "Pievienot esošu istabu",
+        "apply": "Pielietot",
+        "approve": "Apstiprināt",
+        "ask_to_join": "Aicināt pievienoties",
+        "back": "Atpakaļ",
+        "call": "Zvanīt",
+        "cancel": "Atcelt",
+        "change": "Mainīt",
+        "clear": "Notīrīt",
+        "click_to_copy": "Noklikšķiniet, lai kopētu",
+        "close": "Aizvērt",
+        "collapse": "Sakļaut",
+        "complete": "Pabeigt",
+        "confirm": "Apstiprināt",
+        "continue": "Turpināt",
+        "copy": "Kopēt",
+        "copy_link": "Kopēt saiti",
+        "create": "Izveidot",
+        "create_a_room": "Izveidot istabu",
+        "create_account": "Izveidot kontu",
+        "decline": "Noraidīt",
+        "delete": "Izdzēst",
+        "deny": "Atteikt",
+        "disable": "Atspējot",
+        "disconnect": "Atvienoties",
+        "dismiss": "Atmest",
+        "done": "Gatavs",
+        "download": "Lejupielādēt",
+        "edit": "Labot",
+        "enable": "Iespējot",
+        "enter_fullscreen": "Atvērt pilnekrāna režīmā",
+        "exit_fullscreeen": "Iziet no pilnekrāna režīma",
+        "expand": "Izvērst",
+        "explore_rooms": "Pārlūkot istabas",
+        "export": "Eksportēt",
+        "forward": "Pārsūtīt",
+        "go": "Aiziet",
+        "go_back": "Atgriezties",
+        "got_it": "Sapratu",
+        "hide_advanced": "Slēpt papildu iestatījumus",
+        "hold": "Turiet",
+        "ignore": "Neņemt vērā",
+        "import": "Importēt",
+        "invite": "Uzaicināt",
+        "join": "Pievienoties",
+        "learn_more": "Uzzināt vairāk",
+        "leave": "Pamest",
+        "leave_room": "Pamest istabu",
+        "logout": "Izrakstīties",
+        "manage": "Pārvaldīt",
+        "maximise": "Palielināt pa visu ekrānu",
+        "mention": "Pieminēt",
+        "minimise": "Samazināt",
+        "new_room": "Jauna istaba",
+        "new_video_room": "Jauna video istaba",
+        "next": "Nākamais",
+        "no": "Nē",
+        "ok": "Labi",
+        "open": "Atvērt",
+        "pin": "Piespraust",
+        "proceed": "Turpināt",
+        "quote": "Citēt",
+        "react": "Reaģēt",
+        "refresh": "Atsvaidzināt",
+        "register": "Reģistrēties",
+        "reload": "Pārlādēt",
+        "remove": "Dzēst",
+        "rename": "Pārdēvēt",
+        "reply": "Atbildēt",
+        "reply_in_thread": "Atbildēt pavedienā",
+        "resend": "Nosūtīt atkārtoti",
+        "reset": "Atiestatīt",
+        "resume": "Turpināt",
+        "retry": "Mēģināt vēlreiz",
+        "review": "Pārlūkot",
+        "revoke": "Atsaukt",
+        "save": "Saglabāt",
+        "search": "Meklēt",
+        "send_report": "Nosūtīt ziņojumu",
+        "set_avatar": "Iestatīt profila attēlu",
+        "share": "Dalīties",
+        "show": "Rādīt",
+        "show_advanced": "Rādīt papildu iestatījumus",
+        "show_all": "Rādīt visu",
+        "sign_in": "Pieteikties",
+        "sign_out": "Izrakstīties",
+        "skip": "Izlaist",
+        "start": "Sākt",
+        "stop": "Apturēt",
+        "submit": "Iesniegt",
+        "subscribe": "Abonēt",
+        "transfer": "Pārsūtīt",
+        "trust": "Uzticamība",
+        "try_again": "Mēģiniet vēlreiz",
+        "unban": "Atcelt pieejas liegumu",
+        "unignore": "Atcelt neņemšanu vērā",
+        "unpin": "Atspraust",
+        "unsubscribe": "Atcelt abonementu",
+        "update": "Atjaunināt",
+        "upgrade": "Uzlabot",
+        "upload": "Augšupielādēt",
+        "upload_file": "Augšupielādēt failu",
+        "verify": "Apliecināt",
+        "view": "Skats",
+        "view_all": "Skatīt visu",
+        "view_list": "Skatīt sarakstu",
+        "view_message": "Skatīt ziņu",
+        "view_source": "Skatīt pirmkodu",
+        "yes": "Jā",
+        "zoom_in": "Pietuvināt",
+        "zoom_out": "Attālināt"
+    },
+    "analytics": {
+        "accept_button": "Tas ir labi",
+        "bullet_1": "Mēs <Bold>nesaglabājam</Bold> vai neprofilējam nekādus kontu datus",
+        "bullet_2": "Mēs <Bold>nekopīgojam</Bold> informāciju ar trešajām pusēm",
+        "consent_migration": "Tu iepriekš piekriti kopīgot ar mums anonīmus izmantošanas datus. Mēs atjauninām, kas tas darbojas.",
+        "disable_prompt": "Šo jebkurā brīdī var izslēgt iestatījumos",
+        "enable_prompt": "Palīdzi uzlabot %(analyticsOwner)s",
+        "learn_more": "Kopīgo anonīmus datus, lai palīdzētu mums noteikt nepilnības. Nekā personīga. Bez trešajām pusēm. <LearnMoreLink>Uzzināt vairāk</LearnMoreLink>",
+        "privacy_policy": "Visus mūsu nosacījumus var izlasīt <PrivacyPolicyUrl>šeit</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Palīdzi mums atklāt nepilnības un uzlabot %(analyticsOwner)s, kopīgojot anonīmus izmantošanas datus. Lai saprastu, kā cilvēki izmanto vairākas ierīces, mēs izveidojam nejaušu identifikatoru, kas ir kopīgs Tavās ierīcēs.",
+        "shared_data_heading": "Jebkas no šiem datiem var tikt kopīgots:"
+    },
+    "auth": {
+        "3pid_in_use": "Šī e-pasta adrese vai tālruņa numurs jau tiek izmantots.",
+        "account_clash": "Tavs jaunais konts (%(newAccountId)s) ir izveidots, bet Tu jau esi pierakstījies citā kontā (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Turpināt ar iepriekšējo kontu",
+        "account_deactivated": "Šis konts ir deaktivizēts.",
+        "autodiscovery_generic_failure": "Neizdevās no servera iegūt automātiskās atklāšanas konfigurāciju",
+        "autodiscovery_hs_incompatible": "Mājasserveris ir pārāk vecs un neatbalsta mazāko nepieciešamo API versiju. Lūgums sazināties ar servera īpašnieku vai atjaunināt savu serveri.",
+        "autodiscovery_invalid": "Nederīga mājasservera atklāšanas atbilde",
+        "autodiscovery_invalid_hs": "Neizskatās, ka mājasservera URL būtu derīgs Matrix mājasserveris",
+        "autodiscovery_invalid_hs_base_url": "Nederīgs m.homeserver base_url",
+        "autodiscovery_invalid_is": "Neizskatās, ka identitāšu servera URL būtu derīgam identitāšu serverim",
+        "autodiscovery_invalid_is_base_url": "Nederīgs base_url m.identity_server",
+        "autodiscovery_invalid_is_response": "Nederīga identitāšu server atklāšanas atbilde",
+        "autodiscovery_invalid_json": "Nederīgs JSON",
+        "autodiscovery_no_well_known": "Nav atrasta .well-known JSON datne",
+        "autodiscovery_unexpected_error_hs": "Negaidīta kļūme mājasservera konfigurācijā",
+        "autodiscovery_unexpected_error_is": "Negaidīta kļūda identitātes servera konfigurācijā",
+        "captcha_description": "Šis mājasserveris vēlas pārliecināties, ka neesi robots.",
+        "change_password_action": "Nomainīt paroli",
+        "change_password_confirm_invalid": "Paroles nesakrīt",
+        "change_password_confirm_label": "Apstiprināt paroli",
+        "change_password_current_label": "Pašreizējā parole",
+        "change_password_empty": "Paroles nevar būt tukšas",
+        "change_password_error": "Kļūda paroles mainīšanas laikā: %(error)s",
+        "change_password_mismatch": "Jaunās paroles nesakrīt",
+        "change_password_new_label": "Jaunā parole",
+        "check_email_explainer": "Jāseko norādēm, kas tika nosūtītas uz <b>%(email)s</b>",
+        "check_email_resend_prompt": "Nesaņēmi?",
+        "check_email_resend_tooltip": "E-pasta ziņojums ar apstiprinājuma saiti tika nosūtīts atkārtoti.",
+        "check_email_wrong_email_button": "Atkārtoti jāievada e-pasta adrese",
+        "check_email_wrong_email_prompt": "Nepareiza e-pasta adrese?",
+        "continue_with_idp": "Turpināt ar %(provider)s",
+        "continue_with_sso": "Turpināt ar %(ssoButtons)s",
+        "country_dropdown": "Valstu nolaižamā izvēlne",
+        "create_account_prompt": "Pirmo reizi šeit? <a>Izveidot kontu</a>",
+        "create_account_title": "Izveidot kontu",
+        "email_discovery_text": "E-pasta adrese ir izmantojama, lai pēc izvēles ļaut esošajām kontaktpersonām sevi atrast.",
+        "email_field_label": "Epasts",
+        "email_field_label_invalid": "Neizskatās pēc derīgas e-pasta adreses",
+        "email_field_label_required": "Ievadiet epasta adresi",
+        "email_help_text": "Pievienojiet epasta adresi, lai varētu atiestatīt paroli.",
+        "email_phone_discovery_text": "E-pasta adrese vai tālruņa numurs ir izmantojams, lai pēc izvēles ļautu esošajām kontaktpersonām sevi atrast.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> nosūtīts apstirpinājuma saiti, lai ļautu atiestatīt paroli.",
+        "enter_email_heading": "Jāievada sava e-pasta adrese, lai atiestatītu paroli",
+        "failed_connect_identity_server": "Neizdodas sasniegt identitāšu serveri",
+        "failed_connect_identity_server_other": "Jūs varat pierakstīties, taču dažas funkcijas nebūs pieejamas, kamēr nebūs pieejams identitāšu serveris. Ja arī turpmāk redzat šo brīdinājumu, lūdzu, pārbaudiet konfigurāciju vai sazinieties ar servera administratoru.",
+        "failed_connect_identity_server_register": "Var reģistrēties, bet dažas iespējas nebūs pieejamas, līdz identitātes serveris atkal būs tiešsaistē. Ja šis paziņojums ir joprojām redzams, jāpārbauda konfigurācija vai jāsazinās ar servera pārvaldnieku.",
+        "failed_connect_identity_server_reset_password": "Var attiestatīt savu paroli, bet dažas iespējas nebūs pieejamas, līdz identitātes serveris būs atpakaļ tiešsaistē. Ja šis brīdinājums ir joprojām ir redzams, jāpārbauda konfigurācija vai jāsazinās ar servera pārvaldnieku.",
+        "failed_homeserver_discovery": "Neizdevās veikt mājasservera atklāšanu",
+        "failed_query_registration_methods": "Neizdevās pieprasīt atbalstītos reģistrācijas veidus.",
+        "failed_soft_logout_auth": "Neizdevās atkārtoti autentificēties",
+        "failed_soft_logout_homeserver": "Neizdevās atkārtoti autentificēties sarežģījuma mājasserverī dēļ",
+        "forgot_password_email_invalid": "E-pasta adrese neizskatās derīga",
+        "forgot_password_email_required": "Ir jāievada savam kontam piesaistītā epasta adrese.",
+        "forgot_password_prompt": "Aizmirsāt paroli?",
+        "forgot_password_send_email": "Nosūtīt e-pasta ziņu",
+        "identifier_label": "Pieteikties ar",
+        "incorrect_credentials": "Nepareizs lietotājvārds un/vai parole.",
+        "incorrect_credentials_detail": "Lūdzu, ņemiet vērā, ka jūs piesakāties %(hs)s serverī, nevis matrix.org.",
+        "incorrect_password": "Nepareiza parole",
+        "log_in_new_account": "<a>Pieteikties</a> jaunajā kontā.",
+        "logout_dialog": {
+            "description": "Vai tiešām izrakstīties?",
+            "setup_key_backup_title": "Tu zaudēsi piekļuvi savām šifrētajām ziņām",
+            "skip_key_backup": "Es nevēlos savas šifrētās ziņas"
+        },
+        "misconfigured_body": "Jāvaicā savam %(brand)s pārvaldniekam pārbaudīt, vai <a>konfigurācijā</a> ir nepareizu vai atkārtojošos ierakstu",
+        "misconfigured_title": "%(brand)s ir nepareizi konfigurēts",
+        "mobile_create_account_title": "Tu gatavojies izveidot kontu %(hsName)s",
+        "msisdn_field_description": "Citi lietotāji var uzaicināt uz istabām, izmantojot Tavu kontaktinformāciju",
+        "msisdn_field_label": "Telefons",
+        "msisdn_field_number_invalid": "Šis tālruņa numurs neizskatās pareizs. Lūdzu, pārbaudiet un mēģiniet vēlreiz",
+        "msisdn_field_required_invalid": "Ievadiet tālruņa numuru",
+        "no_hs_url_provided": "Nav norādīts mājasservera URL",
+        "oidc": {
+            "error_title": "Neizdevās Tevi pieteikt",
+            "generic_auth_error": "Kaut kas nogāja greizi autentificēšanās laikā. Jādodas uz pieteikšanās lapu un jāmēģina vēlreiz.",
+            "missing_or_invalid_stored_state": "Mēs vaicājām pārlūkam atcerēties, kuru mājasserveri izmantot, lai ļautu pieteikties, bet diemžēl pārlūks ir to aizmirsis. Jādodas uz pieteikšanās lapu un jāmēģina vēlreiz."
+        },
+        "password_field_keep_going_prompt": "Turpini…",
+        "password_field_label": "Ievadiet paroli",
+        "password_field_strong_label": "Lieliski, sarežģīta parole!",
+        "password_field_weak_label": "Parole ir atļauta, tomēr nedroša",
+        "phone_label": "Telefons",
+        "phone_optional_label": "Tālruņa numurs (izvēles)",
+        "qr_code_login": {
+            "check_code_explainer": "Šis apliecinās, ka savienojums ar otru ierīci ir drošs.",
+            "check_code_heading": "Jāievada skaitlis, kas redzams otrā ierīcē",
+            "check_code_input_label": "2 ciparu kods",
+            "check_code_mismatch": "Skaitļi nesakrīt",
+            "completing_setup": "Pabeidz iestatīt Tavu jauno ierīci",
+            "error_etag_missing": "Atgadījās neparedzēta kļūda. Tas var būt pārlūka paplašinājuma, starpniekservera vai nepilnīgas servera konfigurācijas dēļ.",
+            "error_expired": "Iestājies pierakstīšanās noilgums. Lūdzu mēģiniet vēlreiz.",
+            "error_expired_title": "Pierakstīšanās netika pabeigta laikā",
+            "error_insecure_channel_detected": "Nevarēja izveidot drošu savienojumu ar jauno ierīci. Jūsu esošās ierīces joprojām ir drošībā un jums par tām nav jāuztraucas.",
+            "error_insecure_channel_detected_instructions": "Kas tagad?",
+            "error_insecure_channel_detected_instructions_1": "Mēģiniet vēlreiz pierakstīties citā ierīcē, izmantojot QR kodu, ja gadījumā to izraisīja tīkla problēma",
+            "error_insecure_channel_detected_instructions_2": "Ja rodas tāda pati problēma, izmēģiniet citu Wi-Fi tīklu vai izmantojiet mobilos datus Wi-Fi vietā",
+            "error_insecure_channel_detected_instructions_3": "Ja tas nepalīdz, pierakstieties manuāli",
+            "error_insecure_channel_detected_title": "Savienojums nav drošs",
+            "error_other_device_already_signed_in": "Jums nekas cits nav jādara.",
+            "error_other_device_already_signed_in_title": "Citā jūsu ierīcē jau ir veikta pierakstīšanās",
+            "error_rate_limited": "Pārāk daudz mēģinājumu īsā laika posmā. Jāuzgaida kāds brīdis, pirms mēģināt vēlreiz.",
+            "error_unexpected": "Atgadījās neparedzēta kļūda.",
+            "error_unsupported_protocol": "Šī ierīce neatbalsta pierakstīšanos citā ierīcē ar QR kodu.",
+            "error_unsupported_protocol_title": "Cita ierīce nav saderīga",
+            "error_user_cancelled": "Pierakstīšanās tika atcelta citā ierīcē.",
+            "error_user_cancelled_title": "Pierakstīšanās pieprasījums ir atcelts",
+            "error_user_declined": "Jūs noraidījāt no citas jūsu ierīces nākušo pieprasījumu pierakstīties.",
+            "error_user_declined_title": "Pierakstīšanās noraidīta",
+            "follow_remaining_instructions": "Jāseko atlikušajām norādēm, lai apliecinātu savu otru ierīci",
+            "open_element_other_device": "Jāatver %(brand)s savā otrā ierīcē",
+            "point_the_camera": "Jāvērš kamera uz šeit parādīto kvadrātkodu",
+            "scan_code_instruction": "Zemāk esošais kvadrātkods ir jānolasa ar ierīci, kurā ir notikusi atteikšanās.",
+            "scan_qr_code": "Nolasīt kvadrātkodu",
+            "security_code_prompt": "Ja tiek prasīts, otrā ierīcē jāievada zemāk esošais kods",
+            "select_qr_code": "Jāatlasa '%(scanQRCode)s'",
+            "unsupported_explainer": "Konta nodrošinātājs neatbalsta pieteikšanos jaunā ierīcē ar kvadrātkodu.",
+            "unsupported_heading": "Kvadrātkods netiek atbalstīts",
+            "waiting_for_device": "Gaida, līdz pieteiksies ierīcē"
+        },
+        "register_action": "Izveidot kontu",
+        "registration": {
+            "continue_without_email_description": "Jāņem vērā, ka, ja nepievieno e-pasta adresi un tiek aizmirsta parole, var <b>neatgriezeniski zaudēt piekļuvi savam kontam</b>.",
+            "continue_without_email_field_label": "Epasts (izvēles)",
+            "continue_without_email_title": "Turpina bez e-pasta adreses"
+        },
+        "registration_disabled": "Reģistrācija šajā mājasserverī ir atspējota.",
+        "registration_msisdn_field_required_invalid": "Jāievada tālruņa numurs (nepieciešams šajā mājasserverī)",
+        "registration_successful": "Reģistrācija ir veiksmīga",
+        "registration_username_in_use": "Kādam jau ir šis lietotājvārds. Jāizmēģina cits vai, ja tas esi Tu, jāpiesakās zemāk.",
+        "registration_username_unable_check": "Nevarēja pārbaudīt, vai lietotājvārds ir aizņemts. Vēlāk jāmēģina vēlreiz.",
+        "registration_username_validation": "Izmantojiet tikai mazos burtus, ciparus, domuzīmes un pasvītrojumus",
+        "reset_password": {
+            "confirm_new_password": "Apstiprināt jauno paroli",
+            "devices_logout_success": "Ir veikta atteikšanās visās ierīcēs, un vairs nesaņemsi pašpiegādes paziņojumus. Lai atkārtoti iespējotu paziņojumus, vēlreiz jāpiesakās katrā ierīcē.",
+            "other_devices_logout_warning_1": "Atteikšanās Tavās ierīcēs izdzēsīs tajās glabātās ziņu šifrēšanas atslēgas, padarot šifrētas tērzēšanas vēsturi nelasāmu.",
+            "other_devices_logout_warning_2": "Ja vēlies saglabāt piekļuvu savas tērzēšanas vēsturei šifrētās istabās, pirms turpināšanas jāiestata atslēgu rezerves kopēšana vai jāizgūst savas ziņu atslēgas kādā no citām Tavām ierīcēm.",
+            "password_not_entered": "Nepieciešams ievadīt jauno paroli.",
+            "passwords_mismatch": "Jaunajām parolēm ir jāsakrīt vienai ar otru.",
+            "rate_limit_error": "Pārāk daudz mēģinājumu īsā laika posmā. Jāpagaida kāds brīdis, pirms mēģināt vēlreiz.",
+            "rate_limit_error_with_time": "Pārāk daudz mēģinājumu īsā laika posmā. Jāmēģina atkārtoti pēc %(timeout)s.",
+            "reset_successful": "Parole tika atiestatīta.",
+            "return_to_login": "Atgriezties uz pierakstīšanās lapu",
+            "sign_out_other_devices": "Atteikties visās ierīcēs"
+        },
+        "reset_password_action": "Atiestatīt paroli",
+        "reset_password_button": "Aizmirsta parole?",
+        "reset_password_email_field_description": "Izmantojiet epasta adresi konta atkopšanai",
+        "reset_password_email_field_required_invalid": "Jāievada e-pasta adrese (nepieciešama šajā mājasserverī)",
+        "reset_password_email_not_associated": "Neizskatās, ka Tava e-pasta adrese būtu saistīta ar kādu Matrix Id šajā mājasserverī.",
+        "reset_password_email_not_found_title": "Šāda epasta adrese nav atrasta",
+        "reset_password_title": "Atiestatīt savu paroli",
+        "server_picker_custom": "Cits mājasserveris",
+        "server_picker_description": "Tu vari izmantot pielāgotas servera iespējas, lai pieteiktos citos Matrix serveros ar cita mājasservera URL norādīšanu. Tas ļauj izmantot %(brand)s ar esošu Matrix kontu citā mājasserverī.",
+        "server_picker_description_matrix.org": "Pievienojieties bez maksas miljoniem lietotāju lielākajā publiskajā serverī",
+        "server_picker_dialog_title": "Izlem, kur Tavs konts tiks mitināts",
+        "server_picker_explainer": "Izmanto savu vēlamo Matrix mājasserveri, ja tāds ir, vai mitini savu!",
+        "server_picker_failed_validate_homeserver": "Nebija iespējams apstiprināt mājasserveri",
+        "server_picker_intro": "Mēs saucam vietas, kur vari mitināt savu kontu, par \"mājasserveriem\".",
+        "server_picker_invalid_url": "Nederīgs URL",
+        "server_picker_learn_more": "Par mājasserveriem",
+        "server_picker_matrix.org": "Matrix.org ir lielākais publiskais mājasserveris pasaulē, tādēļ tas ir laba vieta daudziem.",
+        "server_picker_required": "Norādīt mājasserveri",
+        "server_picker_title": "Pieteikties savā mājasserverī",
+        "server_picker_title_default": "Servera parametri",
+        "server_picker_title_registration": "Mitināts konts",
+        "session_logged_out_description": "Drošības nolūkos šī sesija ir pārtraukta. Lūdzu, pieraksties par jaunu.",
+        "session_logged_out_title": "Izrakstījās",
+        "set_email": {
+            "description": "Tas ļaus jums atiestatīt paroli un saņemt paziņojumus.",
+            "verification_pending_description": "Lūdzu, pārbaudi savu epastu un noklikšķini tajā esošo saiti. Tiklīdz tas ir izdarīts, klikšķini \"turpināt\".",
+            "verification_pending_title": "Gaida apliecināšanu"
+        },
+        "set_email_prompt": "Vai vēlies norādīt epasta adresi?",
+        "sign_in_description": "Jāizmanto savs konts, lai turpinātu.",
+        "sign_in_instead": "Tā vietā pieteikties",
+        "sign_in_instead_prompt": "Jau ir konts? <a>Pierakstieties šeit</a>",
+        "sign_in_or_register": "Pieteikties vai izveidot kontu",
+        "sign_in_or_register_description": "Jāizmanto savs konts vai jāizveido jauns, lai turpinātu.",
+        "sign_in_with_sso": "Pieteikties ar vienoto pierakstīšanos",
+        "signing_in": "Piesakās…",
+        "soft_logout": {
+            "clear_data_button": "Notīrīt visus datus",
+            "clear_data_description": "Visu šīs sesijas datu dzēšana ir neatgriezeniska. Šifrētās ziņas tiks zaudētas, ja vien to atslēgas nebūs dublētas.",
+            "clear_data_title": "Notīrīt visus šīs sesijas datus?"
+        },
+        "soft_logout_heading": "Tu esi atteicies",
+        "soft_logout_intro_password": "Ievadiet paroli, lai pierakstītos un atgūtu piekļuvi savam kontam.",
+        "soft_logout_intro_sso": "Pierakstieties un atgūstiet piekļuvi savam kontam.",
+        "soft_logout_intro_unsupported_auth": "Nevar pieteikties savā kontā. Lūgums sazināties ar sava mājasserver pārvaldnieku, lai iegūtu vairāk informācijas.",
+        "soft_logout_subheading": "Dzēst personas datus",
+        "soft_logout_warning": "Brīdinājums: Tavi personīgie dati (tajā skaitā šifrēšanas atslēgas) joprojām tiek glabāti šajā sesijā. Tā ir jāiztīra, ja esi beidzis izmantot šo sesiju vai vēlies pieteikties citā kontā.",
+        "sso": "Vienotā pierakstīšanās",
+        "sso_failed_missing_storage": "Mēs vaicājām pārlūkam atcerēties, kuru mājasserveri izmantot, lai ļautu pieteikties, bet diemžēl pārlūks to ir aizmirsis. Jādodas uz pieteikšanās lapu un jāmēģina vēlreiz.",
+        "sso_or_username_password": "%(ssoButtons)s vai %(usernamePassword)s",
+        "sync_footer_subtitle": "Ja esat pievienojies daudzām istabām, tas var aizņemt kādu laiku",
+        "syncing": "Sinhronizē...",
+        "uia": {
+            "code": "Kods",
+            "email": "Lai izveidotu savu kontu, jāatver saite e-pasta ziņojumā, ko tikko nosūtījām uz %(emailAddress)s.",
+            "email_auth_header": "Jāpārbauda savs e-pasts, lai turpinātu",
+            "email_resend_prompt": "Nesaņēmi to? <a>Nosūtīt to atkārtoti</a>",
+            "email_resent": "Nosūtīts atkārtoti.",
+            "fallback_button": "Uzsākt autentifikāciju",
+            "mas_cross_signing_reset_cta": "Doties uz savu kontu",
+            "msisdn": "Teksta ziņa tika nosūtīta uz %(msisdn)s",
+            "msisdn_token_incorrect": "Nepareizs autentifikācijas tokens",
+            "msisdn_token_prompt": "Lūdzu, ievadiet tajā ietverto kodu:",
+            "password_prompt": "Jāapstiprina sava identitāte ar sava konta paroles ievadīšanu zemāk.",
+            "recaptcha_missing_params": "Mājasservera konfigurācijā trūkst CAPTCHA publiskās atslēgas. Lūgums par to ziņot sava mājasservera pārvaldītājam.",
+            "registration_token_label": "Reģistrācijas pilnvara",
+            "registration_token_prompt": "Jāievada mājasservera pārvaldītāja sniegtā reģistrācijas pilnvara.",
+            "sso_body": "Apstiprināt šīs epasta adreses pievienošanu, izmantojot vienoto pierakstīšanos savas identitātes apliecināšanai.",
+            "sso_failed": "Kaut kas nogāja greizi identitātes apstiprināšanā. Jāatceļ un jāmēģina vēlreiz.",
+            "sso_postauth_body": "Jāklikšķina uz zemāk esošās pogas, lai apstiprinātu savu identitāti.",
+            "sso_postauth_title": "Jāapstiprina, lai turpinātu",
+            "sso_preauth_body": "Lai turpinātu, jāizmanto vienotā pieteikšanās, lai apliecinātu savu identitāti.",
+            "sso_title": "Izmantot vienoto pierakstīšanos, lai turpinātu",
+            "terms": "Lūgums pārskatīt un apstiprināt šī mājasservera nosacījumus:",
+            "terms_invalid": "Lūgums pārskatīt un apstiprināt visus mājasservera nosacījumus"
+        },
+        "unsupported_auth": "Šis mājasserveris nenodrošina nevienu pieteikšanās plūsmu, ko atbalsta šis klients.",
+        "unsupported_auth_email": "Šis mājasserveris nenodrošina pieteikšanos ar e-pasta adresi.",
+        "unsupported_auth_msisdn": "Šis serveris neatbalsta autentifikāciju pēc telefona numura.",
+        "username_field_required_invalid": "Ievadiet lietotājvārdu",
+        "username_in_use": "Kādam jau ir šis lietotājvārds, lūgums mēģināt citu.",
+        "verify_email_explainer": "Pirms paroles atiestatīšanas mums jāzina, ka tas esi Tu. Jāatver saite e-pasta ziņojumā, ko mēs tikko nosūtījām uz <b>%(email)s</b>",
+        "verify_email_heading": "Jāapliecina sava e-pasta adrese, lai turpinātu"
+    },
+    "bug_reporting": {
+        "additional_context": "Ja ir papildu konteksts, kas varētu palīdzēt analizēt problēmu, piemēram, tas, ko jūs tobrīd tobrīd darījāt, istabas ID, lietotāja ID u.c., lūdzu, ievadiet šos datus šeit.",
+        "before_submitting": "Pirms žurnālu iesniegšanas jums ir <a>jāizveido GitHub problēma</a>, lai aprakstītu savu problēmu.",
+        "collecting_information": "Tiek iegūta programmas versijas informācija",
+        "collecting_logs": "Tiek iegūti logfaili",
+        "create_new_issue": "Lūdzu, <newIssueLink>reģistrējiet jaunu problēmu</newIssueLink> vietnē GitHub, lai mēs varētu izpētīt šo kļūdu.",
+        "description": "Atkļūdošanas žurnālos ir ietverti lietotnes dati, tostarp jūsu lietotājvārds, apmeklēto istabu ID vai aizstājvārdi, lietotāja saskarnes elementi, ar kuriem jūs pēdējo reizi mijiedarbojāties, un citu lietotāju lietotājvārdi. Tie nesatur ziņas.",
+        "download_logs": "Lejupielādēt žurnālus",
+        "downloading_logs": "Žurnālu lejupielāde",
+        "error_empty": "Lūdzu, pastāstiet mums, kas nogāja greizi, vai reģistrējiet GitHub problēmu ar tās detalizētu aprakstu.",
+        "github_issue": "GitHub problēma",
+        "introduction": "Ja esat iesniedzis kļūdu, izmantojot GitHub, atkļūdošanas žurnāli var mums palīdzēt izsekot problēmai. ",
+        "log_request": "Lai palīdzētu mums to novērst nākotnē, lūdzu, <a>nosūtiet mums žurnālus</a>.",
+        "logs_sent": "Logfaili nosūtīti",
+        "matrix_security_issue": "Lai ziņotu par drošības problēmu, kas saistīta ar Matrix, lūdzu, iepazīstieties ar Matrix.org <a>Drošības informācijas atklāšanas politiku</a> .",
+        "preparing_download": "Gatavošanās žurnālu lejupielādei",
+        "preparing_logs": "Gatavojos nosūtīt atutošanas logfailus",
+        "send_logs": "Nosūtīt logfailus",
+        "submit_debug_logs": "Iesniegt atutošanas logfailus",
+        "textarea_label": "Piezīmes",
+        "thank_you": "Tencinam!",
+        "title": "Ziņošana par kļūdām",
+        "unsupported_browser": "Atgādinājums: Jūsu pārlūkprogramma netiek atbalstīta, tāpēc jūsu lietošanas pieredze var būt neparedzama.",
+        "uploading_logs": "Žurnālu augšupielāde",
+        "waiting_for_server": "Tiek gaidīta atbilde no servera"
+    },
+    "cannot_invite_without_identity_server": "Nevar uzaicināt lietotāju pa e-pastu bez identitātes servera. Jūs varat izveidot savienojumu ar to sadaļā “Iestatījumi”.",
+    "cannot_reach_homeserver": "Neizdodas sasniegt mājasserveri",
+    "cannot_reach_homeserver_detail": "Jāpārliecinās, ka ir noturīgs interneta savienojums, vai jāsazinās ar server pārvaldītāju.",
+    "cant_load_page": "Neizdevās ielādēt lapu",
+    "chat_card_back_action_label": "Atgriezties uz tērzēšanu",
+    "chat_effects": {
+        "confetti_description": "Nosūta doto ziņu ar konfeti",
+        "confetti_message": "sūta konfeti",
+        "fireworks_description": "Nosūta doto ziņu ar salūtu",
+        "fireworks_message": "sūta salūtu",
+        "hearts_description": "Nosūta doto ziņu ar sirsniņām",
+        "hearts_message": "sūta sirsniņas",
+        "rainfall_description": "Nosūta doto ziņu ar lietusgāzēm",
+        "rainfall_message": "sūta lietusgāzes",
+        "snowfall_description": "Nosūta doto ziņu ar sniegputeni",
+        "snowfall_message": "sūta sniegputeni",
+        "spaceinvaders_description": "Nosūta doto ziņu ar kosmosa tematikas efektu",
+        "spaceinvaders_message": "sūta kosmosa iebrucējus"
+    },
+    "common": {
+        "access_token": "Piekļuves pilvnara",
+        "accessibility": "Pieejamība",
+        "advanced": "Papildu",
+        "analytics": "Analītika",
+        "and_n_others": {
+            "other": "un vēl %(count)s citi...",
+            "one": "un vēl viens cits..."
+        },
+        "appearance": "Izskats",
+        "application": "Lietotne",
+        "are_you_sure": "Vai tiešām?",
+        "attachment": "Pielikums",
+        "authentication": "Autentifikācija",
+        "avatar": "Avatārs",
+        "beta": "Beta",
+        "camera": "Kamera",
+        "cameras": "Kameras",
+        "cancel": "Atcelt",
+        "capabilities": "Iespējas",
+        "copied": "Nokopēts!",
+        "credits": "Apliecinājumi",
+        "dark": "Tumša",
+        "description": "Apraksts",
+        "deselect_all": "Neizvēlēt nevienu",
+        "device": "Ierīce",
+        "edited": "labots",
+        "email_address": "Epasta adrese",
+        "emoji": "Emocijzīmes",
+        "encrypted": "Šifrēts",
+        "error": "Kļūda",
+        "faq": "BUJ",
+        "feedback": "Atsauksmes",
+        "filter_results": "Filtrēt rezultātus",
+        "forward_message": "Pārsūtīt ziņu",
+        "general": "Vispārīgi",
+        "go_to_settings": "Pāriet uz iestatījumiem",
+        "guest": "Viesis",
+        "help": "Palīdzība",
+        "home": "Mājup",
+        "homeserver": "Mājasserveris",
+        "identity_server": "Identitāšu serveris",
+        "image": "Attēls",
+        "integration_manager": "Integrācija pārvaldnieks",
+        "joined": "Pievienojās",
+        "labs": "Izmēģinājumu lauciņš",
+        "legal": "Juridiskā informācija",
+        "light": "Gaiša",
+        "loading": "Notiek ielāde…",
+        "location": "Atrašanās vieta",
+        "matrix": "Matrix",
+        "message": "Ziņa",
+        "message_layout": "Ziņas izkārtojums",
+        "message_timestamp_invalid": "Nederīgs laikspiedols",
+        "microphone": "Mikrofons",
+        "modern": "Mūsdienīgs",
+        "mute": "Apklusināt",
+        "n_members": {
+            "one": "%(count)s dalībnieks",
+            "other": "%(count)s dalībnieki"
+        },
+        "n_rooms": {
+            "one": "%(count)s istaba",
+            "other": "%(count)s istabas"
+        },
+        "name": "Nosaukums",
+        "no_results": "Nav rezultātu",
+        "no_results_found": "Nekas nav atrasts",
+        "not_trusted": "Neuzticama",
+        "off": "Izslēgt",
+        "offline": "Bezsaistē",
+        "on": "Ieslēgt",
+        "options": "Iespējas",
+        "orphan_rooms": "Citas istabas",
+        "password": "Parole",
+        "people": "Cilvēki",
+        "preferences": "Iestatījumi",
+        "presence": "Klātbūtne",
+        "preview_message": "Sveiks! Tu esi labākais!",
+        "privacy": "Privātums",
+        "private": "Privāts",
+        "private_room": "Privāta istaba",
+        "private_space": "Privātā telpa",
+        "profile": "Profils",
+        "public": "Publiska",
+        "public_room": "Publiska istaba",
+        "public_space": "Publiskā telpa",
+        "qr_code": "QR kods",
+        "random": "Nejauša",
+        "reactions": "Reaģēšana",
+        "report_a_bug": "Ziņot par kļūdu",
+        "room": "Istaba",
+        "room_name": "Istabas nosaukums",
+        "rooms": "Istabas",
+        "save": "Saglabāt",
+        "saved": "Saglabāts",
+        "saving": "Saglabāšana...",
+        "secure_backup": "Droša rezerves kopija",
+        "select_all": "Atlasīt visu",
+        "server": "Serveris",
+        "settings": "Iestatījumi",
+        "setup_secure_messages": "Drošu ziņu iestatīšana",
+        "show_more": "Rādīt vairāk",
+        "someone": "Kāds",
+        "space": "Telpa",
+        "spaces": "Telpas",
+        "sticker": "Uzlīme",
+        "stickerpack": "Uzlīmju paka",
+        "success": "Izdevās",
+        "suggestions": "Ieteikumi",
+        "support": "Atbalsts",
+        "theme": "Tēma",
+        "thread": "Pavediens",
+        "threads": "Pavedieni",
+        "timeline": "Laika skala",
+        "unavailable": "pieejama",
+        "unencrypted": "Nav šifrēts",
+        "unmute": "Pārtraukt apklusināšanu",
+        "unnamed_room": "Istaba bez nosaukuma",
+        "unnamed_space": "Nenosaukta telpa",
+        "unverified": "Neapliecināts",
+        "updating": "Atjaunina...",
+        "user": "Lietotājs",
+        "user_avatar": "Profila attēls",
+        "username": "Lietotājvārds",
+        "verified": "Verificēts",
+        "version": "Versija",
+        "video_room": "Video istaba",
+        "view_message": "Skatīt ziņu",
+        "warning": "Brīdinājums"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Paziņot visai istabai",
+            "command_a11y": "Komandu automātiska pabeigšana",
+            "command_description": "Komandas",
+            "emoji_a11y": "Emocijzīmju automātiska pabeigšana",
+            "notification_a11y": "Paziņojumu automātiska pabeigšana",
+            "notification_description": "Istabas paziņojums",
+            "room_a11y": "Istabu automātiska pabeigšana",
+            "space_a11y": "Telpas automātiskā pabeigšana",
+            "user_a11y": "Lietotāju automātiska pabeigšana",
+            "user_description": "Lietotāji"
+        },
+        "close_sticker_picker": "Paslēpt uzlīmes",
+        "edit_composer_label": "Rediģēt ziņu",
+        "format_bold": "Treknraksts",
+        "format_code_block": "Koda bloks",
+        "format_decrease_indent": "Atkāpes samazinājums",
+        "format_increase_indent": "Atkāpes palielinājums",
+        "format_inline_code": "Kods",
+        "format_insert_link": "Ievietot saiti",
+        "format_italic": "Slīpraksts",
+        "format_italics": "Slīpraksts",
+        "format_link": "Saite",
+        "format_ordered_list": "Numurēts saraksts",
+        "format_strikethrough": "Pārsvītrojums",
+        "format_underline": "Pasvītrojums",
+        "format_unordered_list": "Saraksts ar izceltiem punktiem",
+        "formatting_toolbar_label": "Formatējums",
+        "link_modal": {
+            "link_field_label": "Saite",
+            "text_field_label": "Teksts",
+            "title_create": "Izveidot saiti",
+            "title_edit": "Rediģēt saiti"
+        },
+        "mode_plain": "Slēpt formatējumu",
+        "mode_rich_text": "Rādīt formatējumu",
+        "no_perms_notice": "Nav vajadzīgo atļauju, lai rakstītu ziņas šajā istabā",
+        "placeholder": "Nosūtīt ziņu…",
+        "placeholder_encrypted": "Nosūtīt šifrētu ziņu…",
+        "placeholder_reply": "Nosūtīt atbildi…",
+        "placeholder_reply_encrypted": "Nosūtīt šifrētu atbildi…",
+        "placeholder_thread": "Atbildēt uz pavedienu…",
+        "placeholder_thread_encrypted": "Atbildēt uz šifrētu pavedienu…",
+        "poll_button": "Aptauja",
+        "poll_button_no_perms_description": "Nav atļaujas uzsākt aptaujas šajā istabā.",
+        "poll_button_no_perms_title": "Nepieciešama atļauja",
+        "replying_title": "Atbildot uz",
+        "room_upgraded_link": "Saruna turpinās šeit.",
+        "room_upgraded_notice": "Šī istaba ir aizstāta un vairs nav aktīva.",
+        "send_button_title": "Sūtīt ziņu",
+        "send_button_voice_message": "Sūtīt balss ziņu",
+        "send_voice_message": "Sūtīt balss ziņu",
+        "stop_voice_message": "Pārtraukt ierakstīšanu",
+        "voice_message_button": "Balss ziņa"
+    },
+    "console_dev_note": "Ja jūs zināt, ko jūs darāt, Element ir atvērtā koda, noteikti apskatiet mūsu GitHub (https://github.com/vector-im/element-web/) un piedalieties!",
+    "console_scam_warning": "Ja kāds jums lika šeit kaut ko kopēt/ielīmēt, pastāv liela iespēja, ka jūs tiksiet apkrāpts!",
+    "console_wait": "Pagaidiet!",
+    "create_room": {
+        "action_create_room": "Izveidot istabu",
+        "action_create_video_room": "Izveidot video istabu",
+        "encrypted_video_room_warning": "Vēlāk to nevar atspējot. Istaba tiks šifrēta, bet iegultais zvans netiks.",
+        "encrypted_warning": "Vēlāk to nevar atspējot. Tilti un lielākā daļa botu vēl nedarbosies.",
+        "encryption_forced": "Serveris pieprasa, lai privātās istabās būtu iespējota šifrēšāna.",
+        "encryption_label": "Iespējot pilnīgu šifrēšanu",
+        "error_title": "Neizdevās izveidot istabu",
+        "generic_error": "Serveris ir nesasniedzams, pārslogots, vai arī esat saskārties ar kļūdu programmā.",
+        "join_rule_change_notice": "Šo var mainīt istabas iestatījumos jebkurā laikā.",
+        "join_rule_invite": "Privāta istaba (tikai ar ielūgumiem)",
+        "join_rule_invite_label": "Tikai uzaicinātās cilvēki varēs atrast un pievienoties šai istabai.",
+        "join_rule_knock_label": "Ikviens var aicināt pievienoties, taču administratoriem vai moderatoriem ir jāpiešķir piekļuve. Varat to mainīt vēlāk.",
+        "join_rule_public_label": "Ikviens varēs atrast un pievienoties šai istabai.",
+        "join_rule_public_parent_space_label": "Ikviens varēs atrast un pievienoties šai istabai, ne tikai <SpaceName/> telpas dalībnieki.",
+        "join_rule_restricted": "Redzams telpas dalībniekiem",
+        "join_rule_restricted_label": "Ikviens, kas atrodas <SpaceName/> telpā, varēs atrast un pievienoties šai istabai.",
+        "name_validation_required": "Lūdzu, ievadiet istabas nosaukumu",
+        "room_visibility_label": "Istabas redzamība",
+        "title_private_room": "Izveidot privātu istabu",
+        "title_public_room": "Izveidot publisku istabu",
+        "title_video_room": "Izveidot video istabu",
+        "topic_label": "Temats (izvēles)",
+        "unfederated": "Liegt pievienoties šai istabai ikvienam, kas nav reģistrēts %(serverName)s serverī.",
+        "unfederated_label_default_off": "Šo varēs iespējot, ja istaba tiks izmantota, lai sadarbotos ar iekšējām mājasservera komandām. Šo vēlāk vairs nevarēs mainīt.",
+        "unfederated_label_default_on": "Šo var atspējot, ja istaba tiks izmantota sadarbībai ar ārējām komandām, kurām ir savas mājasserveris. Vēlāk šo nevar mainīt.",
+        "unsupported_version": "Serveris neatbalsta norādīto istabas versiju."
+    },
+    "create_space": {
+        "add_details_prompt": "Pievienojiet aprakstu, lai palīdzētu cilvēkiem to atpazīt.",
+        "add_details_prompt_2": "Jebkurā laikā varat to mainīt.",
+        "add_existing_rooms_description": "Izvēlieties istabas vai sarunas, kuras pievienot. Šī ir telpa tikai jums, neviens netiks informēts. Vēlāk varat pievienot vairāk.",
+        "add_existing_rooms_heading": "Ko jūs vēlaties organizēt?",
+        "address_label": "Adrese",
+        "address_placeholder": "piemēram, mana-telpa",
+        "creating": "Izveido…",
+        "creating_rooms": "Istabu izveide...",
+        "done_action": "Pāriet uz manu telpu",
+        "done_action_first_room": "Pāriet uz manu pirmo istabu",
+        "explainer": "Telpas ir jauns veids, kā grupēt istabas un cilvēkus. Kāda veida telpu vēlaties izveidot? To var mainīt vēlāk.",
+        "failed_create_initial_rooms": "Neizdevās izveidot telpas sākotnējās istabas",
+        "failed_invite_users": "Neizdevās uzaicināt uz jūsu telpu šādus lietotājus: %(csvUsers)s",
+        "invite_teammates_by_username": "Uzaicināt pēc lietotājvārda",
+        "invite_teammates_description": "Pārliecinieties, vai pareizajiem cilvēkiem ir piekļuve. Vēlāk varēsiet uzaicināt citus.",
+        "invite_teammates_heading": "Uzaiciniet savus komandas biedrus",
+        "inviting_users": "Uzaicina...",
+        "label": "Izveidot telpu",
+        "name_required": "Lūdzu, ievadiet telpas nosaukumu",
+        "personal_space": "Tikai es",
+        "personal_space_description": "Privāta telpa, kur organizēt jūsu istabas",
+        "private_description": "Tikai ar uzaicinājumiem, vislabākais sev vai komandām",
+        "private_heading": "Jūsu privātā telpa",
+        "private_personal_description": "Pārliecinieties, vai pareizajiem cilvēkiem ir piekļuve %(name)s",
+        "private_personal_heading": "Ar ko kopā jūs strādājat?",
+        "private_space": "Es un mani komandas biedri",
+        "private_space_description": "Privāta telpa jums un jūsu komandas biedriem",
+        "public_description": "Atvērta telpa ikvienam, vislabākais kopienām",
+        "public_heading": "Jūsu publiskā telpa",
+        "search_public_button": "Meklēt publiskās telpas",
+        "setup_rooms_community_description": "Izveidojam katram no tiem savu istabu!",
+        "setup_rooms_community_heading": "Kas ir dažas tēmas, ko vēlaties apspriest %(spaceName)s?",
+        "setup_rooms_description": "Vēlāk varat pievienot arī vairāk, ieskaitot jau esošās.",
+        "setup_rooms_private_description": "Mēs izveidosim istabas katram no tiem.",
+        "setup_rooms_private_heading": "Pie kādiem projektiem strādā jūsu komanda?",
+        "share_description": "Šobrīd tas esat tikai jūs, ar citiem būs vēl labāk.",
+        "share_heading": "Dalīties ar %(name)s",
+        "skip_action": "Pagaidām izlaist",
+        "subspace_adding": "Pievieno…",
+        "subspace_beta_notice": "Pievienojiet telpu jūsu pārvaldītai telpai.",
+        "subspace_dropdown_title": "Izveidot telpu",
+        "subspace_existing_space_prompt": "Vai vēlaties tā vietā pievienot esošu telpu?",
+        "subspace_join_rule_invite_description": "Tikai uzaicinātie cilvēki varēs atrast un pievienoties šai telpai.",
+        "subspace_join_rule_invite_only": "Privātā telpa (tikai ar uzaicinājumiem)",
+        "subspace_join_rule_label": "Telpas redzamība",
+        "subspace_join_rule_public_description": "Ikviens varēs atrast un pievienoties šai telpai, ne tikai <SpaceName/> dalībnieki.",
+        "subspace_join_rule_restricted_description": "Ikviens <SpaceName/> varēs atrast un pievienoties."
+    },
+    "credits": {
+        "default_cover_photo": "<photo>Noklusējuma vāka attēls</photo> ir © <author>Jesús Roncero</author> izmantots saskaņā ar <terms>CC-BY-SA 4.0</terms> nosacījumiem.",
+        "twemoji": "<twemoji>Twemoji</twemoji> emocijzīmju māksla ir radījis © <author>Twitter un citi līdzdalībnieki</author>, tā tiek izmantota ar <terms>CC-BY 4.0</terms> nosacījumiem.",
+        "twemoji_colr": "<colr>twemoji-colr</colr> fontu ir radījis ©<author>Mozilla nodibinājums</author>, tas tiek izmantots ar <terms>Apache 2.0</terms> nosacījumiem."
+    },
+    "devtools": {
+        "active_widgets": "Aktīvie logrīki",
+        "category_other": "Citi",
+        "category_room": "Istaba",
+        "caution_colon": "Uzmanību:",
+        "client_versions": "Klienta versijas",
+        "developer_mode": "Izstrādātāja režīms",
+        "developer_tools": "Izstrādātāja rīki",
+        "edit_setting": "Rediģēt iestatījumu",
+        "edit_values": "Rediģēt vērtības",
+        "empty_string": "<empty string>",
+        "event_content": "Notikuma saturs",
+        "event_id": "Notikuma ID: %(eventId)s",
+        "event_sent": "Notikums nosūtīts!",
+        "event_type": "Notikuma tips",
+        "explore_account_data": "Izpētīt konta datus",
+        "explore_room_account_data": "Izpētīt istabas konta datus",
+        "explore_room_state": "Izpētīt istabas stāvokli",
+        "failed_to_find_widget": "Meklējot šo logrīku, radās kļūda.",
+        "failed_to_load": "Neizdevās ielādēt.",
+        "failed_to_save": "Neizdevās saglabāt iestatījumus.",
+        "failed_to_send": "Neizdevās nosūtīt notikumu!",
+        "id": "ID: ",
+        "invalid_json": "Neizskatās pēc derīga JSON.",
+        "level": "Līmenis",
+        "low_bandwidth_mode": "Zema joslas platuma režīms",
+        "low_bandwidth_mode_description": "Nepieciešams saderīgs bāzes serveris.",
+        "main_timeline": "Galvenā laika skala",
+        "no_receipt_found": "Apliecinājums nav atrasts",
+        "notification_state": "Paziņojuma stāvoklis ir <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Paziņojumu atkļūdošana",
+        "number_of_users": "Lietotāju skaits",
+        "original_event_source": "Oriģinālais notikuma pirmkods",
+        "room_encrypted": "Istaba ir <strong>šifrēta ✅</strong>",
+        "room_id": "Istabas ID: %(roomId)s",
+        "room_not_encrypted": "Istaba ir <strong>nešifrēta 🚨</strong>",
+        "room_notifications_dot": "Punkts: ",
+        "room_notifications_highlight": "Izcēlums: ",
+        "room_notifications_last_event": "Pēdējais notikums:",
+        "room_notifications_sender": "Sūtītājs: ",
+        "room_notifications_thread_id": "Pavediena ID: ",
+        "room_notifications_total": "Kopā: ",
+        "room_notifications_type": "Veids: ",
+        "room_status": "Istabas statuss",
+        "room_unread_status_count": {
+            "zero": "",
+            "one": "Istabas neizlasītais statuss: <strong>%(status)s</strong>, skaits: <strong>%(count)s</strong>",
+            "other": "Istabas neizlasītais statuss: <strong>%(status)s</strong>, skaits: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Saglabāt iestatījumu vērtības",
+        "see_history": "Skatīt vēsturi",
+        "send_custom_account_data_event": "Nosūtīt pielāgotu konta datu notikumu",
+        "send_custom_room_account_data_event": "Nosūtīt pielāgotu istabas konta datu notikumu",
+        "send_custom_state_event": "Nosūtīt pielāgotu stāvokļa notikumu",
+        "send_custom_timeline_event": "Nosūtīt pielāgotu laika skalas notikumu",
+        "server_info": "Servera informācija",
+        "server_versions": "Servera versijas",
+        "settable_global": "Iestatāms globāli",
+        "settable_room": "Iestatāms istabas līmenī",
+        "setting_colon": "Iestatījums:",
+        "setting_definition": "Iestatījuma definīcija:",
+        "setting_id": "Iestatījuma ID",
+        "settings_explorer": "Iestatījumu pārlūks",
+        "show_hidden_events": "Rādīt slēptos notikumus laika skalā",
+        "spaces": {
+            "zero": "",
+            "one": "<space>",
+            "other": "<%(count)s spaces>"
+        },
+        "state_key": "Stāvokļa atslēga",
+        "thread_root_id": "Pavediena saknes ID: %(threadRootId)s",
+        "threads_timeline": "Pavedienu laika skala",
+        "title": "Izstrādātāja rīki",
+        "toolbox": "Instrumentārijs",
+        "use_at_own_risk": "Šī lietotāja saskarne NEPĀRBAUDA vērtību veidus. Izmantojiet uz savu risku.",
+        "user_read_up_to": "Lietotājs izlasījis līdz: ",
+        "user_read_up_to_ignore_synthetic": "Lietotājs izlasījis līdz (ignoreSynthetic): ",
+        "user_read_up_to_private": "Lietotājs izlasījis līdz (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Lietotājs izlasījis līdz (m.read.private;ignoreSynthetic): ",
+        "value": "Vērtība",
+        "value_colon": "Vērtība:",
+        "value_in_this_room": "Vērtība šajā istabā",
+        "value_this_room_colon": "Vērtība šajā istabā:",
+        "values_explicit": "Vērtības precīzos līmeņos",
+        "values_explicit_colon": "Vērtības precīzos līmeņos:",
+        "values_explicit_room": "Vērtības precīzā līmenī šajā istabā",
+        "values_explicit_this_room_colon": "Vērtības precīzos līmeņos šajā istabā:",
+        "view_servers_in_room": "Apskatīt serverus istabā",
+        "view_source_decrypted_event_source": "Atšifrēts notikuma pirmkods",
+        "view_source_decrypted_event_source_unavailable": "Atšifrēts pirmkods nav pieejams",
+        "widget_screenshots": "Iespējot logrīku ekrānuzņēmumus atbalstītajos logrīkos"
+    },
+    "dialog_close_label": "Aizvērt dialoglodziņu",
+    "download_completed": "Lejupielāde pabeigta",
+    "empty_room": "Tukša istaba",
+    "empty_room_was_name": "Tukša istaba (bija %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Nepareiza drošības atslēga"
+            },
+            "restoring": "Atslēgu atjaunošana no rezerves kopijas",
+            "security_key_title": "Drošības atslēga"
+        },
+        "bootstrap_title": "Atslēgu iestatīšana",
+        "confirm_encryption_setup_body": "Noklikšķiniet uz tālāk esošās pogas, lai apstiprinātu šifrēšanas iestatīšanu.",
+        "confirm_encryption_setup_title": "Apstiprināt šifrēšanas iestatīšanu",
+        "cross_signing_room_normal": "Šajā istabā tiek veikta pilnīga šifrēšana",
+        "cross_signing_room_verified": "Visi šajā istabā esošie ir verificēti",
+        "cross_signing_room_warning": "Kāds izmanto nezināmu sesiju",
+        "cross_signing_user_normal": "Šis lietotājs nav apstiprināts.",
+        "cross_signing_user_verified": "Tu apliecināji šo lietotāju. Šis lietotājs ir apliecinājis visas savas sesijas.",
+        "cross_signing_user_warning": "Šis lietotājs nav apliecinājis visas savas sesijas.",
+        "event_shield_reason_authenticity_not_guaranteed": "Šīs šifrētās ziņas autentiskums nevar tikt garantēts šajā ierīcē.",
+        "event_shield_reason_mismatched_sender_key": "Šifrēts neapliecinātā sesijā",
+        "event_shield_reason_unknown_device": "Šifrēts ar nezināmu vai dzēstu ierīci.",
+        "event_shield_reason_unsigned_device": "Šifrēts ar ierīci, kuru nav verificējis tās īpašnieks.",
+        "event_shield_reason_unverified_identity": "Šifrēja neapliecināts lietotājs.",
+        "export_unsupported": "Pārlūks nenodrošina nepieciešamos kriptogrāfijas paplašinājumus",
+        "import_invalid_keyfile": "Nederīgs %(brand)s atslēgfails",
+        "import_invalid_passphrase": "Autentifikācijas pārbaude neizdevās. Nepareiza parole?",
+        "messages_not_secure": {
+            "cause_1": "Mājasserveris",
+            "cause_2": "Mājasserveris, kuram ir pievienojies apliecināmais lietotājs,",
+            "cause_3": "Jūsu vai citu lietotāju interneta savienojums",
+            "cause_4": "Jūsu vai citu lietotāju sesija",
+            "heading": "Kāds no sarakstā esošajiem faktoriem var būt kompromitēts:",
+            "title": "Jūsu ziņas nav drošas"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Ir atklāta jauna drošības frāze un atslēga drošajām ziņām.",
+            "description_2": "Šajā sesijā vēsture tiek šifrēta, izmantojot jauno atkopšanas metodi.",
+            "title": "Jauna atkopšanas metode",
+            "warning": "Ja neiestatīji jaunu atkopšanas veidu, var būt, ka uzbrucējs mēģina piekļūt Tavam kontam. Nekavējoties iestatījumos jānomaina sava konta parole un jāiestata jauns atkopšanas veids."
+        },
+        "recovery_method_removed": {
+            "description_1": "Šajā sesijā tika konstatēts, ka jūsu drošības frāze un drošo ziņojumu atslēga ir noņemta.",
+            "description_2": "Ja to izdarījāt nejauši, šajā sesijā varat iestatīt drošas ziņas, kas atkārtoti šifrēs šīs sesijas ziņu vēsturi, izmantojot jaunu atkopšanas metodi.",
+            "title": "Atkopšanas metode noņemta",
+            "warning": "Ja nenoņēmi atkopšanas veidu, var būt, ka uzbrucējs mēģina piekļūt Tavam kontam. Nekavējoties jānomaina sava konta parole un jāiestata jauns atkopšanas veids."
+        },
+        "set_up_toast_title": "Iestatīt drošu rezerves dublēšanu",
+        "unable_to_setup_keys_error": "Nevar iestatīt atslēgas",
+        "verification": {
+            "accepting": "Apstiprina…",
+            "after_new_login": {
+                "device_verified": "Ierīce ir verificēta",
+                "skip_verification": "Pagaidām izlaist verifikāciju",
+                "verify_this_device": "Verificēt šo ierīci"
+            },
+            "cancelling": "Atcelšana...",
+            "complete_action": "Sapratu",
+            "complete_description": "Tu esi veiksmīgi apliecinājis šo lietotāju.",
+            "complete_title": "Apliecināts.",
+            "error_starting_description": "Mēs nevarējām uzsākt tērzēšanu ar otru lietotāju.",
+            "error_starting_title": "Kļūda apliecināšanas uzsākšanā",
+            "explainer": "Saziņa ar šo lietotāju ir nodrošināta ar pilnīgu šifrēšanu un nav nolasāma trešajām pusēm.",
+            "in_person": "Lai tas būtu droši, dariet to klātienē vai lietojiet kādu uzticamu saziņas veidu.",
+            "incoming_sas_device_dialog_text_1": "Apliecināt šo ierīci, lai atzīmētu to kā uzticamu. Uzticēšanās šai ierīcei sniedz Tev un citiem lietotājiem paplidu mieru, kad tiek izmantotas pilnībā šifrētas ziņas.",
+            "incoming_sas_device_dialog_text_2": "Šīs ierīces apliecināšana atzīmēs to kā uzticamu, un lietotaji, kuri ir apliecinājušies ar Tevi, uzticēsies šai ierīcei.",
+            "incoming_sas_dialog_title": "Ienākošs apliecināšanas pieprasījums",
+            "incoming_sas_dialog_waiting": "Gaida partnera apstiprinājumu…",
+            "incoming_sas_user_dialog_text_1": "Apliecināt šo lietotāju, lai atzīmētu to kā uzticamu. Uzticēšanās lietotājiem sniedz papildu mieru, kad tiek izmantotas pilnīgi šifrētas ziņas.",
+            "incoming_sas_user_dialog_text_2": "Šī lietotāja apliecināšana atzīmēs viņa sesiju kā uzticamu, kā arī atzīmēs šo sesiju kā viņam uzticamu.",
+            "no_support_qr_emoji": "Ierīce, kuru mēģini apliecināt, nenodrošina kvadrātkoda nolasīšanu vai emocijzīmju apliecināšanu, ko nodrošina %(brand)s. Jāmēģina ar citu klientu.",
+            "other_party_cancelled": "Otra puse atcēla apliecināšanu.",
+            "prompt_encrypted": "Apliecināt visus istabā esošos lietotājus, lai nodrošinātu tās drošību.",
+            "prompt_unencrypted": "Šifrētās apliecināt visus lietotājus, lai nodrošinātu, ka tās ir drošas.",
+            "qr_or_sas": "%(qrCode)s vai %(emojiCompare)s",
+            "qr_prompt": "Noskenējiet šo unikālo kodu",
+            "qr_reciprocate_same_shield_user": "Gandrīz galā! Vai %(displayName)s tiek parādīts tas pats vairogs?",
+            "request_toast_accept_user": "Apliecināt lietotāju",
+            "request_toast_decline_counter": "Neņemt vērā (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s no %(ip)s",
+            "sas_caption_self": "Apliecināt šo ierīci, apstiprinot, ka ekrānā parādās šis skaitlis.",
+            "sas_caption_user": "Apliecināt šo lietotāju, apstiprinot, ka zemāk esošais numurs pārādās lietotāja ekrānā.",
+            "sas_description": "Salīdziniet unikālu emocijzīmju kopu, ja nevienai ierīcei nav kameras",
+            "sas_emoji_caption_user": "Apliecināt šo lietotāju, apstiprinot, ka zemāk esošās emocijzīmes pārādās lietotāja ekrānā.",
+            "sas_match": "Tās sakrīt",
+            "sas_no_match": "Tās nesakrīt",
+            "sas_prompt": "Jāsalīdzina vienreizējās emocijzīmes",
+            "scan_qr": "Apliecināt ar nolasīšanu",
+            "scan_qr_explainer": "Jāvaicā %(displayName)s nolasīt šo kodu:",
+            "start_button": "Uzsākt apliecināšanu",
+            "successful_user": "Ir veiksmīgi apliecināts %(displayName)s!",
+            "unsupported_method": "Neizdevās atrast atbalstītu verifikācijas metodi.",
+            "unverified_session_toast_accept": "Jā, tas biju es",
+            "unverified_session_toast_title": "Jauna pieteikšanās. Vai tas biji Tu?",
+            "unverified_sessions_toast_description": "Pārskatīt, lai nodrošinātu, ka konts ir drosībā.",
+            "unverified_sessions_toast_reject": "Vēlāk",
+            "unverified_sessions_toast_title": "Tev ir neapliecinātas sesijas",
+            "verification_dialog_title_device": "Apliecināt otru ierīci",
+            "verification_dialog_title_user": "Apliecināšanas pieprasījums",
+            "verification_skip_warning": "Neveicot verifikāciju, jums nebūs piekļuves visām savām ziņām, kā arī ierīce var tikt parādīta citiem kā neuzticama.",
+            "verification_success_with_backup": "Jūsu jaunā ierīce tagad ir verificēta. Tai ir piekļuve jūsu šifrētajām ziņām, un citi lietotāji to redzēs kā uzticamu.",
+            "verification_success_without_backup": "Jūsu jaunā ierīce tagad ir verificēta. Citi lietotāji redzēs to kā uzticamu.",
+            "verify_emoji": "Apliecināt ar emocijzīmēm",
+            "verify_emoji_prompt": "Apliecināt ar vienreizēju emocijzīmu salīdzināšanu.",
+            "verify_emoji_prompt_qr": "Ja nevar nolasīt augstāk esošo kodu, var apliecināt ar vienreizēju emocijzīmju salīdzināšanu.",
+            "verify_later": "Es verificēšu vēlāk",
+            "waiting_for_user_accept": "Gaida, kamēr %(displayName)s apstiprinās…",
+            "waiting_other_device": "Gaida, kamēr jūs verificēsiet citā savā ierīcē...",
+            "waiting_other_device_details": "Gaida, kamēr jūs verificēsiet citā ierīcē - %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Gaida, līdz %(displayName)s, apliecinās…"
+        },
+        "verification_requested_toast_title": "Pieprasīta verifikācija",
+        "verify_toast_description": "Citi lietotāji var neuzskatīt to par uzticamu",
+        "verify_toast_title": "Apliecināt šo sesiju"
+    },
+    "error": {
+        "admin_contact": "Lūgums <a>sazināties ar sava pakalpojuma pārvaldītāju</a>, lai turpinātu izmantot šo pakalpojumu.",
+        "admin_contact_short": "Sazinieties ar <a>servera administratoru</a>.",
+        "connection": "Atgadījās sarežģījums saziņā ar mājasserveri. Lūgums vēlāk mēģināt vēlreiz.",
+        "dialog_description_default": "Notikusi kļūda.",
+        "download_media": "Neizdevās lejupielādēt avota multividi, avota URL netika atrasts",
+        "edit_history_unsupported": "Neizskatās, ka Tavs mājasserveris nodrošina šo iespēju.",
+        "failed_copy": "Nokopēt neizdevās",
+        "hs_blocked": "Šo mājasserveri ir bloķējis tā pārvaldītājs.",
+        "mau": "Šis mājasserveris ir sasniedzis ikmēneša aktīvo lietotāju ierobežojumu.",
+        "mixed_content": "Nevar savienoties ar mājasserveri ar HTTP, kad pārlūka adreses joslā ir HTTPS URL. Vai nu jāizmanto HTTPS, vai <a>jāiespējo nedroši skripti</a>.",
+        "non_urgent_echo_failure_toast": "Jūsu serveris neatbild uz dažiem <a>pieprasījumiem</a>.",
+        "resource_limits": "Šis mājasserveris ir pārsniedzis vienu no tā resursu ierobežojumiem.",
+        "session_restore": {
+            "clear_storage_button": "Iztīrīt krātuvi un izrakstīties",
+            "clear_storage_description": "Izrakstīties un noņemt šifrēšanas atslēgas?",
+            "description_1": "Mēģinot atjaunot iepriekšējo sesiju, radās kļūda.",
+            "description_2": "Ja iepriekš tika izmantota nesenāka %(brand)s versija, sesija var būt nesaderīga ar šo versiju. Jāaizver šis logs un jāatgriežas uz jaunāku versiju.",
+            "description_3": "Pārlūkprogrammas krātuves dzēšana var atrisināt problēmu, taču tas nozīmē, ka jūs izrakstīsieties un šifrēto tērzēšanas vēsturi vairs nebūs iespējams nolasīt.",
+            "title": "Neizdevās atjaunot sesiju"
+        },
+        "something_went_wrong": "Kaut kas nogāja greizi!",
+        "storage_evicted_description_1": "Trūkst dažu sesijas datu, tostarp šifrētu ziņu atslēgas. Izrakstieties un pierakstieties, lai to labotu, atjaunojot atslēgas no rezerves kopijas.",
+        "storage_evicted_description_2": "Jūsu pārlūkprogramma, visticamāk, dzēsa šos datus, kad diskā bija maz vietas.",
+        "storage_evicted_title": "Trūkst sesijas datu",
+        "sync": "Nevar savienoties ar mājasserveri. Mēģina atkārtoti…",
+        "tls": "Nevar savienoties ar mājasserveri - lūgums pārbaudīt savienojamību, pārliecināties, ka <a>mājasservera SSL sertifikāts</a> ir uzticams un ka pārlūka paplašinājums neaiztur pieprasījumus.",
+        "unknown": "Nezināma kļūda",
+        "unknown_error_code": "nezināms kļūdas kods",
+        "update_power_level": "Neizdevās nomainīt jaudas līmeni"
+    },
+    "error_database_closed_title": "%(brand)s pārstāja darboties",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Neizdodas nokopēt starpliktuvē saiti uz istabu.",
+            "title": "Istabas saiti nevar ievietot starpliktuvē"
+        },
+        "error_loading_user_profile": "Nevarēja ielādēt lietotāja profilu",
+        "forget_room_failed": "Neizdevās \"aizmirst\" istabu %(errCode)s"
+    },
+    "error_user_not_logged_in": "Lietotājs nav pieteicies",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Notiek zvans",
+            "user": "%(senderName)s pievienojās zvanam",
+            "you": "Tu pievienojies zvanam"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s pabeidza zvanu",
+            "you": "Tu pabeidzi zvanu"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s zvana",
+            "dm_send": "Tiek gaidīta atbilde",
+            "user": "%(senderName)s uzsāka zvanu",
+            "you": "Tu uzsāki zvanu"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s reaģēja ar %(reaction)s uz %(message)s",
+            "you": "Jūs reaģējāt ar %(reaction)s uz %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s"
+    },
+    "export_chat": {
+        "cancelled": "Eksportēšana atcelta",
+        "cancelled_detail": "Eksportēšana tika veiksmīgi atcelta",
+        "confirm_stop": "Vai tiešām apturēt savu datu izgūšanu? Ja jā, būs jāsāk no sākuma.",
+        "creating_html": "Notiek HTML izveide…",
+        "creating_output": "Veido izvaddatus...",
+        "creator_summary": "%(creatorName)s izveidoja šo istabu.",
+        "current_timeline": "Pašreizējā laika skala",
+        "enter_number_between_min_max": "Ievadiet skaitli starp %(min)s un %(max)s",
+        "error_fetching_file": "Kļūda datnes izgūšanā",
+        "export_info": "Šis ir <roomName/> istabas eksportēšanas sākums. Eksportē <exporterDetails/> pulksten %(exportDate)s.",
+        "export_successful": "Eksportēšana veiksmīgi pabeigta!",
+        "exported_n_events_in_time": {
+            "zero": "",
+            "one": "Eksportēts %(count)s notikums %(seconds)s sekundēs",
+            "other": "Eksportēti %(count)s notikumi %(seconds)s sekundēs"
+        },
+        "exporting_your_data": "Jūsu datu eksportēšana",
+        "fetched_n_events": {
+            "zero": "",
+            "one": "Līdz šim iegūts %(count)s notikums",
+            "other": "Līdz šim iegūti %(count)s notikumi"
+        },
+        "fetched_n_events_in_time": {
+            "zero": "",
+            "one": "Iegūts %(count)s notikums %(seconds)s sekundēs",
+            "other": "Iegūti %(count)s notikumi %(seconds)s sekundēs"
+        },
+        "fetched_n_events_with_total": {
+            "zero": "",
+            "one": "Iegūts %(count)s notikums no %(total)s",
+            "other": "Iegūti %(count)s notikumi no %(total)s"
+        },
+        "fetching_events": "Notikumu iegūšana...",
+        "file_attached": "Datne pievienota",
+        "format": "Formāts",
+        "from_the_beginning": "No sākuma",
+        "generating_zip": "ZIP ģenerēšana",
+        "html": "HTML",
+        "html_title": "Eksportētie dati",
+        "include_attachments": "Iekļaut pielikumus",
+        "json": "JSON",
+        "media_omitted": "Mediji izlaisti",
+        "media_omitted_file_size": "Informācijas nesējs izlaists - pārsniegts datnes izmēra ierobežojums",
+        "messages": "Ziņas",
+        "next_page": "Nākamā ziņu kopa",
+        "num_messages": "Ziņu skaits",
+        "num_messages_min_max": "Ziņu skaits var būt tikai skaitlis starp %(min)s un %(max)s",
+        "number_of_messages": "Norādiet ziņu skaitu",
+        "previous_page": "Iepriekšējā ziņu grupa",
+        "processing": "Apstrāde...",
+        "processing_event_n": "Apstrādā %(number)s. notikumu no %(total)s",
+        "select_option": "Lai eksportētu tērzēšanas no savas laika joslas, izvēlieties kādu no zemāk norādītajām iespējām",
+        "size_limit": "Izmēra ierobežojums",
+        "size_limit_min_max": "Izmērs var būt tikai skaitlis starp %(min)s MB un %(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Tiek uzsākta eksportēšana…",
+        "successful": "Eksportēšana ir veiksmīga",
+        "successful_detail": "Jūsu eksportēšana bija veiksmīga. Atrodiet to mapē Lejupielādes.",
+        "text": "Vienkāršs teksts",
+        "title": "Eksportēt tērzēšanu",
+        "topic": "Tēma: %(topic)s",
+        "unload_confirm": "Vai tiešām iziet šīs izgūšanas laikā?"
+    },
+    "failed_load_async_component": "Ielāde neizdevās! Pārbaudiet interneta savienojumu un mēģiniet vēlreiz.",
+    "feedback": {
+        "can_contact_label": "Tu vari sazināties ar mani, ja Tev ir kādi papildjautājumi",
+        "send_feedback_action": "Nosūtīt atsauksmi",
+        "sent": "Atsauksme nosūtīta"
+    },
+    "file_panel": {
+        "empty_description": "Pievienojiet failus no tērzēšanas vai vienkārši velciet un nometiet tos jebkur istabā.",
+        "empty_heading": "Šajā istabā nav redzamu datņu",
+        "guest_note": "Lai izmantotu šo funkcionalitāti, jums ir <a>jāreģistrējas</a>",
+        "peek_note": "Tev ir jāpievienojas istabai, lai redzētu tās datnes"
+    },
+    "forward": {
+        "filter_placeholder": "Meklēt istabas vai cilvēkus",
+        "message_preview_heading": "Ziņas priekšskatījums",
+        "no_perms_title": "Jums nav atļaujas to darīt",
+        "open_room": "Atvērt istabu",
+        "send_label": "Sūtīt",
+        "sending": "Sūta",
+        "sent": "Nosūtīts"
+    },
+    "identity_server": {
+        "description_connected": "Pašlaik tiek izmantots <server></server>, lai atklātu sev zināmās esošās kontaktpersonas un būtu atklājams tām. Identitāšu serveri var mainīt zemāk.",
+        "description_disconnected": "Pašlaik netiek izmantots neviens identitāšu serveris. Lai atklātu sev zināmos esošos kontaktus un būtu atklājams tiem, ir jāpievieno kāds zemāk.",
+        "description_optional": "Identitātes serveris ir izmantojams pēc izvēles. Ja izvēlas neizmantot identitātes serveri, citi cilvēki nevarēs atrast kontu, un nebūs iespējams uzaicināt citus pēc e-pasta adreses vai tālruņa numura.",
+        "error_connection": "Neizdevās pieslēgties identitāšu serverim",
+        "error_invalid_or_terms": "Nav pieņemti pakalpojuma nosacījumi vai identitātes serveris ir nederīgs.",
+        "no_terms": "Izvēlētajam identitāšu serverim nav nekādu pakalpojuma noteikumu.",
+        "url_field_label": "Ievadiet jaunu identitāšu serveri"
+    },
+    "in_space": "%(spaceName)s telpā.",
+    "in_space1_and_space2": "Telpās %(space1Name)s un %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "zero": "",
+        "one": "%(spaceName)s un vēl vienā telpā.",
+        "other": "%(spaceName)s un %(count)s citās telpās."
+    },
+    "info_tooltip_title": "Informācija",
+    "integration_manager": {
+        "error_connecting": "Savienošanas pārvaldnieks ir bezsaistē vai tas nevar sasniegt Tavu mājasserveri.",
+        "explainer": "Integrācijas pārvaldnieki saņem konfigurācijas datus un var modificēt logrīkus, sūtīt uzaicinājumus uz istabu, kā arī iestatīt lietotāju jaudas līmeni jūsu vārdā.",
+        "manage_title": "Pārvaldīt integrācijas"
+    },
+    "integrations": {
+        "disabled_dialog_title": "Integrācijas ir atspējotas"
+    },
+    "invite": {
+        "email_caption": "Uzaicināt pa e-pastu",
+        "email_limit_one": "Uzaicinājumus pa e-pastu var nosūtīt tikai pa vienam",
+        "email_use_default_is": "Izmantot identitātes serveri, lai uzaicinātu pa e-pastu. <default>Izmantojiet noklusējumu (%(defaultIdentityServerName)s)</default> vai pārvaldiet <settings>Iestatījumos</settings>.",
+        "email_use_is": "Izmantojiet identitātes serveri, lai uzaicinātu ar epastu. Pārvaldiet <settings>iestatījumos</settings>.",
+        "error_already_invited_room": "Lietotājs jau ir uzaicināts uz istabu",
+        "error_already_invited_space": "Lietotājs jau ir uzaicināts uz telpu",
+        "error_already_joined_room": "Lietotājs jau atrodas istabā",
+        "error_already_joined_space": "Lietotājs jau atrodas telpā",
+        "error_bad_state": "Lietotājam jābūt atceltam pieejas liegumam pirms uzaicināšanas.",
+        "error_dm": "Mēs nevarējām izveidot jūsu DM.",
+        "error_find_room": "Kaut kas nogāja greizi, mēģinot uzaicināt lietotājus.",
+        "error_find_user_description": "Šādi lietotāji, iespējams, nepastāv vai ir nederīgi, tādējādi tos nevar uzaicināt: %(csvNames)s",
+        "error_find_user_title": "Neizdevās atrast sekojošos lietotājus",
+        "error_invite": "Mēs nevarējām uzaicināt šos lietotājus. Lūdzu, pārbaudiet lietotājus, kurus vēlaties uzaicināt, un mēģiniet vēlreiz.",
+        "error_permissions_room": "Nav atļaujas uzaicināt cilvēkus šajā istabā.",
+        "error_permissions_space": "Jums nav atļaujas aicināt cilvēkus uz šo telpu.",
+        "error_profile_undisclosed": "Lietotājs var eksistēt un var nebūt",
+        "error_transfer_multiple_target": "Zvanu var pāradresēt tikai vienam lietotājam.",
+        "error_unfederated_room": "Šī istaba nav federēta. Jūs nevarat uzaicināt cilvēkus no ārējiem serveriem.",
+        "error_unfederated_space": "Šī telpa nav federēta. Jūs nevarat uzaicināt cilvēkus no ārējiem serveriem.",
+        "error_unknown": "Nezināma servera kļūda",
+        "error_user_not_found": "Lietotājs neeksistē",
+        "error_version_unsupported_room": "Lietotāja mājasserveris neatbalsta istabas versiju.",
+        "error_version_unsupported_space": "Lietotāja mājasserveris neatbalsta vietas versiju.",
+        "failed_generic": "Darbība neizdevās",
+        "failed_title": "Neizdevās uzaicināt",
+        "invalid_address": "Neatpazīta adrese",
+        "name_email_mxid_share_room": "Uzaiciniet kādu personu, izmantojot vārdu, epasta adresi, lietotājvārdu (piemēram, <userId/>) vai <a>dalieties ar šo istabu</a>.",
+        "name_email_mxid_share_space": "Uzaiciniet kādu, izmantojot vārdu, e-pasta adresi, lietotājvārdu (piemēram, <userId/>) vai <a>dalīties ar šo telpu</a> .",
+        "name_mxid_share_room": "Uzaiciniet kādu, izmantojot vārdu, lietotājvārdu (piemēram, <userId/>) vai <a>dalīties ar šo istabu</a> .",
+        "name_mxid_share_space": "Uzaiciniet kādu, izmantojot vārdu, lietotājvārdu (piemēram, <userId/>) vai <a>dalīties ar šo telpu</a> .",
+        "recents_section": "Nesenās sarunas",
+        "room_failed_partial": "Pārējiem uzaicinājumi tika nosūtīti, bet zemāk norādītos cilvēkus uz <RoomName/> nevarēja uzaicināt",
+        "room_failed_partial_title": "Dažus uzaicinājumus nevarēja nosūtīt",
+        "room_failed_title": "Neizdevās uzaicināt lietotājus uz %(roomName)s",
+        "send_link_prompt": "Vai nosūtiet uzaicinājuma saiti",
+        "start_conversation_name_email_mxid_prompt": "Uzsāciet sarunu ar citiem, izmantojot vārdu, epasta adresi vai lietotājvārdu (piemērs - <userId/>).",
+        "start_conversation_name_mxid_prompt": "Uzsāciet sarunu ar citiem, izmantojot vārdu vai lietotājvārdu (piemērs - <userId/>).",
+        "suggestions_disclaimer": "Daži ieteikumi var būt slēpti dēļ privātuma.",
+        "suggestions_disclaimer_prompt": "Ja neredzat meklēto personu, nosūtiet tai uzaicinājuma saiti zemāk.",
+        "suggestions_section": "Nesenās tiešās sarakstes",
+        "to_room": "Uzaicināt uz %(roomName)s",
+        "to_space": "Uzaicināt uz %(spaceName)s",
+        "transfer_dial_pad_tab": "Cipartastatūra",
+        "transfer_user_directory_tab": "Lietotāju katalogs",
+        "unable_find_profiles_description_default": "Nevar atrast zemāk norādīto Matrix ID profilus - vai tomēr vēlaties tos uzaicināt?",
+        "unable_find_profiles_invite_label_default": "Uzaiciniet jebkurā gadījumā",
+        "unable_find_profiles_invite_never_warn_label_default": "Uzaicināt jebkurā gadījumā un nekad vairs nebrīdināt mani",
+        "unable_find_profiles_title": "Tālāk norādītie lietotāji var nepastāvēt",
+        "unban_first_title": "Lietotāju nevar uzaicināt, kamēr tam nav atcelta bloķēšana"
+    },
+    "inviting_user1_and_user2": "Uzaicina %(user1)s un %(user2)s",
+    "inviting_user_and_n_others": {
+        "zero": "",
+        "one": "Uzaicina %(user)s un vēl vienu",
+        "other": "Uzaicina %(user)s un %(count)s citus"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> un viens cits",
+        "other": "<Items/> un %(count)s citus"
+    },
+    "keyboard": {
+        "activate_button": "Aktivizēt izvēlēto pogu",
+        "alt": "Alt",
+        "autocomplete_navigate_next": "Nākamais automātiskās pabeigšanas ieteikums",
+        "backspace": "Atpakaļatkāpe",
+        "category_room_list": "Istabu saraksts",
+        "composer_navigate_next_history": "Pāriet uz nākamo ziņu sastādītāja vēsturē",
+        "control": "Ctrl",
+        "end": "End",
+        "enter": "Enter",
+        "escape": "Esc",
+        "home": "Mājup",
+        "jump_room_search": "Pāriet uz istabu meklēšanu",
+        "navigate_next_history": "Nākamā nesen apmeklētā istaba vai vieta",
+        "navigate_next_message_edit": "Jāpāriet uz nākamo ziņu, lai labotu",
+        "next_room": "Nākamā istaba vai tiešā ziņa",
+        "next_unread_room": "Nākamā nelasītā istaba vai tiešā ziņa",
+        "number": "[skaitlis]",
+        "page_down": "Lapa uz leju",
+        "page_up": "Lapa uz augšu",
+        "prev_room": "Iepriekšējā istaba vai DM",
+        "prev_unread_room": "Iepriekšējā nelasītā istaba vai DM",
+        "room_list_collapse_section": "Sakļaut istabu saraksta sadaļu",
+        "room_list_expand_section": "Izvērst istabu saraksta sadaļu",
+        "room_list_navigate_down": "Pārvietojieties uz leju istabu sarakstā",
+        "room_list_navigate_up": "Pārvietojieties uz augšu istabu sarakstā",
+        "room_list_select_room": "Izvēlieties istabu no istabu saraksta",
+        "search": "Meklēšana (jābūt iespējotai)",
+        "shift": "Shift",
+        "space": "Atstarpe",
+        "toggle_microphone_mute": "Ieslēgt/izslēgt mikrofonu",
+        "upload_file": "Augšupielādēt datni"
+    },
+    "labs": {
+        "ask_to_join": "Iespējot aicinājumus pievienoties",
+        "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.",
+        "beta_feedback_title": "Atsauksmes par %(featureName)s beta versiju",
+        "beta_section": "Gaidāmās funkcijas",
+        "bridge_state": "Rādīt informāciju par tiltiem istabas iestatījumos",
+        "bridge_state_channel": "Kanāls: <channelLink/>",
+        "bridge_state_creator": "Šo tiltu nodrošināja <user />.",
+        "bridge_state_manager": "Šo tiltu pārvalda <user />.",
+        "bridge_state_workspace": "Darbavieta: <networkLink/>",
+        "click_for_info": "Noklikšķiniet, lai iegūtu vairāk informācijas",
+        "currently_experimental": "Pašlaik eksperimentāls.",
+        "custom_themes": "Atbalstīt pielāgotu motīvu pievienošanu",
+        "dynamic_room_predecessors": "Dinamiski istabas priekšteči",
+        "dynamic_room_predecessors_description": "Iespējot MSC3946 (lai nodrošinātu vēlu ierašanās istabu arhīvu atbalstu)",
+        "element_call_video_rooms": "Element Call video istabas",
+        "experimental_description": "Vai jūtaties gatavs eksperimentiem? Izmēģiniet mūsu jaunākās idejas izstrādes stadijā. Šīs funkcijas nav pabeigtas un var būt nestabilas, var mainīties vai vispār var tikt atmestas. <a> Uzzināt vairāk</a> .",
+        "experimental_section": "Agrīnie priekšskatījumi",
+        "feature_wysiwyg_composer_description": "Ziņu sastādītājā Markdown vietā izmantot bagātinātu tekstu.",
+        "group_developer": "Izstrādātājs",
+        "group_encryption": "Šifrēšana",
+        "group_experimental": "Eksperimentāls",
+        "group_messaging": "Ziņapmaiņa",
+        "group_moderation": "Moderēšana",
+        "group_profile": "Profils",
+        "group_rooms": "Istabas",
+        "group_spaces": "Telpas",
+        "group_themes": "Motīvi",
+        "group_voip": "Balss un video",
+        "group_widgets": "Logrīki",
+        "hidebold": "Slēpt paziņojumu punktu (rādīt tikai skaitītāju emblēmas)",
+        "join_beta": "Pievienoties beta versijai",
+        "join_beta_reload": "Pievienošanās beta izraisīs %(brand)s pārlādēšanu",
+        "jump_to_date": "Pāriet uz datumu (pievieno /jumptodate un pāriet uz datuma galvenēm)",
+        "jump_to_date_msc_support": "Nepieciešams, lai jūsu serveris atbalstītu MSC3030",
+        "latex_maths": "Atveidot LaTeX matemātiku ziņās",
+        "leave_beta": "Iziet no beta versijas",
+        "leave_beta_reload": "Izejot no beta versijas, tiks pārlādēts %(brand)s.",
+        "location_share_live": "Atrašanās vietas kopīgošana tiešsaistē",
+        "location_share_live_description": "Pagaidu realizācija. Atrašanās vietas saglabājas istabas vēsturē.",
+        "mjolnir": "Jauni veidi, kā neņemt vērā cilvēkus",
+        "msc3531_hide_messages_pending_moderation": "Ļaut moderatoriem paslēpt ziņojumus, gaidot moderēšanu.",
+        "notification_settings": "Jaunu paziņojumu iestatījumi",
+        "notification_settings_beta_caption": "Iepazīstinām ar vienkāršāku veidu, kā mainīt paziņojumu iestatījumus. Pielāgojiet savu %(brand)s tieši tā, kā jums patīk.",
+        "notification_settings_beta_title": "Paziņojumu iestatījumi",
+        "notifications": "Iespējot paziņojumu paneli istabas galvenē",
+        "render_reaction_images": "Atveidot pielāgotus attēlus reakcijās",
+        "render_reaction_images_description": "Dažkārt tās dēvē par \"pielāgotām emocijzīmēm\".",
+        "sliding_sync": "Sliding Sync režīms",
+        "sliding_sync_description": "Aktīvā izstrādes stadijā, to nevar atspējot.",
+        "sliding_sync_disabled_notice": "Lai atspējotu, izrakstieties un pierakstieties atkārtoti",
+        "sliding_sync_server_no_support": "Jūsu serverim trūkst atbalsta",
+        "unrealiable_e2e": "Neuzticams šifrētās istabās",
+        "video_rooms": "Video istabas",
+        "video_rooms_a_new_way_to_chat": "Jauns veids, kā tērzēt %(brand)s, izmantojot balsi un video.",
+        "video_rooms_always_on_voip_channels": "Video istabas vienmēr ir ieslēgti VoIP kanāli, kas ir iegulti %(brand)s istabā .",
+        "video_rooms_beta": "Video istabas ir beta funkcija",
+        "video_rooms_faq1_answer": "Izmantojiet pogu “+” kreisā paneļa istabu izvēles sadaļā.",
+        "video_rooms_faq1_question": "Kā izveidot video istabu?",
+        "video_rooms_faq2_answer": "Jā, tērzēšanas laika skala tiek parādīta līdzās videoklipam.",
+        "video_rooms_faq2_question": "Vai es varu izmantot teksta tērzēšanu kopā ar videozvanu?",
+        "video_rooms_feedbackSubheading": "Paldies, ka izmēģinājāt beta versiju. Lūdzu, izsakieties pēc iespējas detalizētāk, lai mēs varētu to uzlabot.",
+        "wysiwyg_composer": "Bagātināta teksta redaktors"
+    },
+    "labs_mjolnir": {
+        "ban_reason": "Neņemts vērā/aizturēts",
+        "error_adding_ignore": "Kļūda vērā neņemama lietotāja/servera pievienošanā",
+        "error_removing_ignore": "Kļūda vērā neņemama lietotāja/servera noņemšanā",
+        "explainer_1": "Šeit ir pievienojami lietotāji un serveri, kurus neņemt vērā. Jāizmanto zvaigznītes, lai %(brand)s atbilstu jebkurai rakstzīmei. Piemēram, <code>@bot:*</code> neņems vērā jebkuru lietotāju, kura vārds ir 'bot', jebkurā serverī.",
+        "explainer_2": "Cilvēku neņemšana vērā tiek īstenaota ar aizliegumu sarakstiem, kas satur kārtulas par tiem, kuri ir jāaizliedz. Aizliegumu saraksta abonēšana nozīmē, ka tajā norādītie lietotaji/serveri tiks paslēpti.",
+        "lists_description_2": "Ja tas nav vēlams, lūgums izmantot citu rīku lietotāju neņemšanai vērā.",
+        "personal_description": "Personīgais aizligumu saraksts satur visus lietotājus/serverus, no kuriem nav vēlmes redzēt ziņas. Pēc pirmā lietotāja/servera neņemšanas vērā istabu sarakstā parādīsies istaba ar nosaukumu '%(myBanList)s' - tajā ir jāpaliek, lai paturētu spēkā aizliegumu sarakstu.",
+        "personal_empty": "Pagaidām nav vērā neņemto.",
+        "personal_new_label": "Vērā neņemamā servera vai lietotāja Id",
+        "personal_section": "Pašlaik netiek ņemti vērā:",
+        "room_topic": "Šis ir jūsu bloķēto lietotāju/serveru saraksts - nepametiet istabu!",
+        "rules_empty": "Neviena",
+        "title": "Vērā neņemtie lietotāji"
+    },
+    "leave_room_dialog": {
+        "last_person_warning": "Jūs šeit esat vienīgais. Ja jūs to pametīsiet, nākotnē neviens vairs nevarēs pievienoties, ieskaitot jūs.",
+        "leave_room_question": "Vai tiešām pamest istabu '%(roomName)s'?",
+        "leave_space_question": "Vai tiešām pamest vietu '%(spaceName)s'?",
+        "room_leave_admin_warning": "Jūs esat vienīgais administrators šajā istabā. Ja jūs to pametīsiet, neviens nevarēs mainīt istabas iestatījumus vai veikt citas svarīgas darbības.",
+        "room_leave_mod_warning": "Jūs esat vienīgais moderators šajā telpā. Ja to pametīsiet, neviens nevarēs mainīt istabas iestatījumus vai veikt citas svarīgas darbības.",
+        "room_rejoin_warning": "Šī istaba nav publiska. Tai nebūs iespējams atkārtoti pievienoties bez uzaicinājuma.",
+        "space_rejoin_warning": "Šī telpa nav publiska. Jūs nevarēsit atkal pievienoties bez uzaicinājuma."
+    },
+    "lightbox": {
+        "rotate_left": "Rotēt pa kreisi",
+        "rotate_right": "Rotēt pa labi"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Šis mājasserveris nav konfigurēts karšu attēlošanai.",
+        "MapStyleUrlNotReachable": "Šis mājasserveris nav pareizi konfigurēts karšu attēlošanai, vai arī konfigurētais karšu serveris nav sasniedzams.",
+        "WebGLNotEnabled": "WebGL ir nepieciešams, lai parādītu kartes. Lūdzu, iespējojiet to pārlūkprogrammas iestatījumos.",
+        "click_drop_pin": "Noklikšķiniet, lai nomestu spraudīti",
+        "click_move_pin": "Noklikšķiniet, lai pārvietotu spraudīti",
+        "close_sidebar": "Aizvērt sānjoslu",
+        "error_fetch_location": "Neizdevās iegūt atrašanās vietas datus",
+        "error_no_perms_description": "Tev ir jābūt atbilstošām atļaujām, lai kopīgotu atrašanās vietas šajā istabā.",
+        "error_no_perms_title": "Nav atļaujas kopīgot atrašanās vietu",
+        "error_send_description": "%(brand)s nevarēja nosūtīt Tavu atrašanās vietu. Lūgums vēlāk mēģināt vēlreiz.",
+        "error_send_title": "Mēs nevarējām nosūtīt Tavu atrašanās vietu",
+        "error_sharing_live_location": "Notikusi kļūda, kopīgojot reāllaika atrašanās vietu",
+        "error_stopping_live_location": "Notikusi kļūda, pārtraucot reāllaika atrašanās vietas kopīgošanu",
+        "expand_map": "Izvērst karti",
+        "failed_generic": "Neizdevās nolasīt atrašanās vietu. Lūgums vēlāk mēģināt vēlreiz.",
+        "failed_load_map": "Nevar ielādēt karti",
+        "failed_permission": "%(brand)s tika atteikta atļauja iegūt atrašanās vietu. Lūgums atļaut piekļuvi atrašanās vietai pārlūka iestatījumos.",
+        "failed_timeout": "Atrašanās vietas noasīšanas mēģinājumā iestājās noildze. Lūgums vēlāk mēģināt vēlreiz.",
+        "failed_unknown": "Nezināma kļūda, iegūstot atrašanās vietu. Lūdzu, mēģiniet vēlreiz vēlāk.",
+        "find_my_location": "Sameklēt manu atrašanās vietu",
+        "live_description": "%(displayName)s reāllaika atrašanās vieta",
+        "live_enable_description": "Lūgums ņemt vērā: šī ir laboratorijas iespēja, kas izmantot pagaidu īstenojumu. Tas nozīmē, ka nebūs iespējams izdzēst savu atrašanās vietu vēsturi, un pieredzējuši lietotāji varēs piekļūt atrašanās vietu vēsturei pat tad, kad šajā istabā tiks apturēta savas atrašanās vietas kopīgošana tiešraidē.",
+        "live_enable_heading": "Reāllaika atrašanās vietas kopīgošana",
+        "live_location_active": "Tu kopīgo savu atrašanās vietu tiešraidē",
+        "live_location_enabled": "Reāllaika atrašanās vietas kopīgošana iespējota",
+        "live_location_ended": "Reāllaika atrašanās vietas kopīgošana pārtraukta",
+        "live_location_error": "Reāllaika atrašanās vietas kopīgošanas kļūda",
+        "live_locations_empty": "Reāllaika atrašanās vietas kopīgošana nenotiek",
+        "live_share_button": "Kopīgot uz %(duration)s",
+        "live_toggle_label": "Iespējot reāllaika atrašanās vietas kopīgošanu",
+        "live_until": "Tiešraidē līdz %(expiryTime)s",
+        "live_update_time": "Atjaunināts %(humanizedUpdateTime)s",
+        "loading_live_location": "Ielādē tiešraides atrašanās vietu...",
+        "location_not_available": "Atrašanās vieta nav pieejama",
+        "map_feedback": "Atsauksmes par kartēm",
+        "mapbox_logo": "Mapbox logotips",
+        "reset_bearing": "Atiestatīt virzienu uz ziemeļiem",
+        "share_button": "Kopīgot atrašanās vietu",
+        "share_type_live": "Mana reāllaika atrašanās vieta",
+        "share_type_own": "Mana atrašanās vieta",
+        "share_type_pin": "Nomest spraudīti",
+        "share_type_prompt": "Kādu atrašanās vietas veidu vēlaties kopīgot?",
+        "toggle_attribution": "Pārslēgt attiecināšanu"
+    },
+    "member_list": {
+        "filter_placeholder": "Atfiltrēt istabas dalībniekus",
+        "invite_button_no_perms_tooltip": "Jums nav atļaujas uzaicināt lietotājus"
+    },
+    "member_list_back_action_label": "Istabas dalībnieki",
+    "message_edit_dialog_title": "Ziņas labojumi",
+    "migrating_crypto": "Uzgaidiet! Mēs atjauninām %(brand)s, lai šifrēšana būtu ātrāka un uzticamāka.",
+    "mobile_guide": {
+        "toast_accept": "Izmantot lietotni",
+        "toast_description": "%(brand)s mobilajā tīmekļa pārlūkprogrammā ir eksperimentāls. Lai iegūtu labāku pieredzi un jaunāko funkcionalitāti, izmantojiet mūsu bezmaksas mobilo lietotni.",
+        "toast_title": "Izmantojiet lietotni labākai pieredzei"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Vairāk nekādu rezultātu nav",
+    "notif_panel": {
+        "empty_description": "Jums nav redzamu paziņojumu.",
+        "empty_heading": "Viss paveikts"
+    },
+    "notifications": {
+        "all_messages": "Visas ziņas",
+        "all_messages_description": "Saņemiet paziņojumu par katru ziņu",
+        "class_global": "Globāli",
+        "class_other": "Citi",
+        "default": "Noklusējuma",
+        "email_pusher_app_display_name": "E-pasta paziņojumi",
+        "enable_prompt_toast_description": "Iespējot darbvirsmas paziņojumus",
+        "enable_prompt_toast_title": "Paziņojumi",
+        "enable_prompt_toast_title_from_message_send": "Nepalaidiet garām atbildi",
+        "error_change_title": "Mainīt paziņojumu iestatījumus",
+        "keyword": "Atslēgvārds",
+        "keyword_new": "Jauns atslēgvārds",
+        "level_activity": "Aktivitātes",
+        "level_highlight": "Izcelt",
+        "level_muted": "Apklusināti",
+        "level_none": "Neviena",
+        "level_notification": "Paziņojums",
+        "level_unsent": "Nenosūtīti",
+        "mark_all_read": "Atzīmēt visus kā lasītus",
+        "mentions_and_keywords": "@pieminēšana un atslēgvārdi",
+        "mentions_and_keywords_description": "Saņemt paziņojumus tikai par pieminēšanu un atslēgvārdiem, kā tas ir norādīts <a>iestatījumos</a>.",
+        "mentions_keywords": "Pieminēšana un atslēgvārdi",
+        "message_didnt_send": "Ziņa netika nosūtīta. Noklikšķiniet, lai iegūtu vairāk informācijas.",
+        "mute_description": "Jūs nesaņemsit nekādus paziņojumus"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s pieprasa apliecināšanu"
+    },
+    "onboarding": {
+        "create_room": "Izveidot grupas tērzēšanu",
+        "explore_rooms": "Pārlūkot publiskas istabas",
+        "has_avatar_label": "Lieliski, tas ļaus cilvēkiem jūs atpazīt",
+        "intro_byline": "Pārvaldiet savas sarunas.",
+        "intro_welcome": "Laipni lūdzam, %(appName)s!",
+        "no_avatar_label": "Pievieno attēlu, lai cilvēki zinātu, ka tas esi Tu!",
+        "send_dm": "Nosūtīt tiešu ziņu",
+        "welcome_detail": "Tagad palīdzēsim uzsākt",
+        "welcome_user": "Laipni lūdzam, %(name)s!"
+    },
+    "pill": {
+        "permalink_other_room": "Ziņa %(room)s istabā",
+        "permalink_this_room": "Ziņa no %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Izveidot aptauju",
+        "create_poll_title": "Izveidot aptauju",
+        "disclosed_notes": "Balsotāji redz rezultātus, tiklīdz ir nobalsojuši",
+        "edit_poll_title": "Labot aptauju",
+        "end_description": "Vai tiešām izbeigt šo aptauju? Tas parādīs aptaujas galīgo iznākumu un liegs cilvēkiem iespēju balsot.",
+        "end_message": "Aptauja ir beigusies. Populārākā atbilde: %(topAnswer)s",
+        "end_message_no_votes": "Aptauja ir beigusies. Balsis netika nodotas.",
+        "end_title": "Pārtraukt aptauju",
+        "error_ending_description": "Atvainojiet, aptauja netika pārtraukta. Lūdzu, mēģiniet vēlreiz.",
+        "error_ending_title": "Neizdevās pārtraukt aptauju",
+        "error_voting_description": "Atvainojiet, jūsu balsojums netika reģistrēts. Lūdzu mēģiniet vēlreiz.",
+        "error_voting_title": "Balsojums nav reģistrēts",
+        "failed_send_poll_description": "Atvainojiet, aptauja, kuru mēģinājāt izveidot, netika publicēta.",
+        "failed_send_poll_title": "Neizdevās publicēt aptauju",
+        "notes": "Rezultāti tiks atklāti tikai pēc aptaujas beigām",
+        "options_add_button": "Pievienot variantu",
+        "options_heading": "Izveidot atbilžu variantus",
+        "options_label": "Variants %(number)s",
+        "options_placeholder": "Uzrakstiet variantu",
+        "topic_heading": "Kāds ir aptaujas jautājums vai tēma?",
+        "topic_label": "Jautājums vai temats",
+        "topic_placeholder": "Uzrakstiet kaut ko...",
+        "total_decryption_errors": "Atšifrēšanas kļūdu dēļ atsevišķas balsis var nebūt ieskaitītas",
+        "total_n_votes": {
+            "zero": "",
+            "one": "Nodota %(count)s balss. Nobalsojiet, lai redzētu rezultātus",
+            "other": "Nodotas %(count)s balsis. Nobalsojiet, lai redzētu rezultātus"
+        },
+        "total_n_votes_voted": {
+            "one": "Pamatojoties uz %(count)s balss",
+            "other": "Pamatojoties uz %(count)s balsīm"
+        },
+        "total_no_votes": "Nav balsojumu",
+        "total_not_ended": "Rezultāti būs redzami, kad aptauja būs pabeigta",
+        "type_closed": "Slēgta aptauja",
+        "type_heading": "Aptaujas veids",
+        "type_open": "Atvērt aptauju",
+        "unable_edit_description": "Atvaino, aptauju pēc balsu nodošanas nevar labot!",
+        "unable_edit_title": "Nevar labot aptauju"
+    },
+    "power_level": {
+        "admin": "Administrators",
+        "custom": "Pielāgots (%(level)s)",
+        "custom_level": "Pielāgots līmenis",
+        "default": "Noklusējuma",
+        "label": "Jaudas līmenis",
+        "moderator": "Moderators",
+        "restricted": "Ierobežots"
+    },
+    "presence": {
+        "away": "Prom",
+        "busy": "Aizņemts",
+        "idle": "Dīkstāvē",
+        "idle_for": "Dīkstāvē (neaktīvs) %(duration)s",
+        "offline": "Bezsaistē",
+        "offline_for": "Bezsaistē %(duration)s",
+        "online": "Tiešsaistē",
+        "online_for": "Tiešsaistē %(duration)s",
+        "unknown": "Nezināms",
+        "unknown_for": "Neskaidrā statusā %(duration)s",
+        "unreachable": "Lietotāja serveris nav sasniedzams"
+    },
+    "quick_settings": {
+        "all_settings": "Visi iestatījumi",
+        "sidebar_settings": "Papildus iespējas",
+        "title": "Ātrie iestatījumi"
+    },
+    "quit_warning": {
+        "call_in_progress": "Izskatās, ka esi zvanā. Vai tiešām iziet?",
+        "file_upload_in_progress": "Izskatās, ka šobrīd notiek datņu augšupielāde. Vai tiešām iziet?"
+    },
+    "redact": {
+        "confirm_button": "Apstiprināt noņemšanu",
+        "confirm_description": "Vai tiešām noņemt (izdzēst) šo notikumu)?",
+        "confirm_description_state": "Ņemiet vērā, ka šādu izmaiņu noņemšana istabā, var izraisīt veikto izmaiņu atcelšanu.",
+        "error": "Tu nevari izdzēst šo ziņu. (%(code)s)",
+        "ongoing": "Dzēš…",
+        "reason_label": "Iemesls (izvēles)"
+    },
+    "report_content": {
+        "description": "Ziņojuma par šo ziņu iesniegšana nosūtīs tās neatkārtojamo notikuma identifikatoru mājasservera pārvaldniekam. Ja ziņas šajā istabā ir šifrētas, mājasservera pārvaldnieks nevarēs lasīt ziņas saturu vai skatīt jebkādas datnes vai attēlus.",
+        "hide_messages_from_user": "Atzīmējiet, vai vēlaties slēpt visas šī lietotāja pašreizējās un turpmākās ziņas.",
+        "ignore_user": "Neņemt vērā lietotāju",
+        "missing_reason": "Lūdzu, norādiet ziņošanas iemeslu.",
+        "report_content_to_homeserver": "Ziņot par saturu mājasservera pārvaldniekam"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Neizdevās atšifrēt %(failedCount)s sesijas.",
+        "enter_key_title": "Ievadiet drošības atslēgu",
+        "incorrect_security_phrase_title": "Nepareiza slepenā frāze",
+        "key_forgotten_text": "Ja ir aizmirsta drošības atslēga, tad var <button>iestatīt jaunas atkopšanas iespējas</button>",
+        "phrase_forgotten_text": "Ja ir aizmirsta drošības vārdkopa, var <button1>izmantot savu drošības atslēgu</button1> vai <button2>iestatīt jaunas atkopšanas iespējas</button2>",
+        "recovery_key_mismatch_title": "Drošības atslēgas atšķiras"
+    },
+    "right_panel": {
+        "add_integrations": "Pievienot logrīkus, tiltus un botus",
+        "add_topic": "Pievienot tēmu",
+        "files_button": "Datnes",
+        "pinned_messages": {
+            "limits": {
+                "zero": "",
+                "one": "",
+                "other": "Varat piespraust ne vairāk kā %(count)s logrīkus"
+            }
+        },
+        "pinned_messages_button": "Piesprausts",
+        "poll": {
+            "active_heading": "Aktīvās aptaujas",
+            "empty_active": "Šajā istabā nav aktīvu aptauju",
+            "empty_active_load_more": "Aktīvu aptauju nav. Ielādējiet vairāk aptauju, lai skatītu iepriekšējo mēnešu aptaujas",
+            "empty_active_load_more_n_days": {
+                "zero": "",
+                "one": "Šīs dienas laikā nav aktīvu aptauju. Ielādējiet vairāk aptauju, lai skatītu iepriekšējo mēnešu aptaujas",
+                "other": "Pēdējo %(count)s dienu laikā nav aktīvu aptauju. Ielādējiet vairāk aptauju, lai skatītu iepriekšējo mēnešu aptaujas"
+            },
+            "empty_past": "Šajā istabā nav iepriekšējo aptauju",
+            "empty_past_load_more": "Iepriekšējo aptauju nav. Ielādējiet vairāk aptauju, lai skatītu iepriekšējo mēnešu aptaujas",
+            "empty_past_load_more_n_days": {
+                "zero": "",
+                "one": "Šīs dienas laikā nav iepriekšējo aptauju. Ielādējiet vairāk aptauju, lai skatītu iepriekšējo mēnešu aptaujas",
+                "other": "Pēdējo %(count)s dienu laikā nav iepriekšējo aptauju. Ielādējiet vairāk aptauju, lai skatītu iepriekšējo mēnešu aptaujas"
+            },
+            "final_result": {
+                "one": "Gala rezultāts pamatojoties uz %(count)s balss",
+                "other": "Gala rezultāts pamatojoties uz %(count)s balsīm"
+            },
+            "load_more": "Ielādēt vairāk aptauju",
+            "loading": "Ielādē aptaujas",
+            "past_heading": "Iepriekšējās aptaujas",
+            "view_in_timeline": "Skatīt aptauju laika skalā",
+            "view_poll": "Skatīt aptauju"
+        },
+        "polls_button": "Aptaujas vēsture",
+        "room_summary_card": {
+            "title": "Istabas informācija"
+        },
+        "thread_list": {
+            "context_menu_label": "Pavedienu iespējas"
+        },
+        "video_room_chat": {
+            "title": "Tērzēšana"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Šis uzaicinājums tika nosūtīts uz %(email)s adresi, kas nav sasaistīta ar jūsu kontu",
+        "3pid_invite_email_not_found_account_room": "Šis uzaicinājums uz %(roomName)s tika nosūtīts uz %(email)s, kas nav saistīts ar Tavu kontu",
+        "3pid_invite_error_description": "Mēģinot pārbaudīt uzaicinājumu, tika atgriezta kļūda (%(errcode)s). Jūs varētu mēģināt nodot šo informāciju personai, kas jūs uzaicināja.",
+        "3pid_invite_error_invite_action": "Mēģināt pievienoties jebkurā gadījumā",
+        "3pid_invite_error_invite_subtitle": "Jūs varat pievienoties tikai ar derīgu uzaicinājumu.",
+        "3pid_invite_error_public_subtitle": "Jūs joprojām varat pievienoties šeit.",
+        "3pid_invite_error_title": "Kaut kas nogāja greizi ar jūsu uzaicinājumu.",
+        "3pid_invite_error_title_room": "Kaut kas nogāja greizi ar jūsu uzaicinājumu uz %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Izmantojiet identitātes serveri sadaļā Iestatījumi, lai saņemtu uzaicinājumus pa tiešo uz %(brand)s .",
+        "banned_by": "%(memberName)s jūs aizliedza",
+        "banned_from_room_by": "%(memberName)s aizliedza Tev piekļuvi %(roomName)s",
+        "context_menu": {
+            "copy_link": "Ievietot istabas saiti starpliktuvē",
+            "favourite": "Izlase",
+            "forget": "Aizmirst istabu",
+            "low_priority": "Zems svarīgums",
+            "mark_read": "Atzīmēt kā izlasītu",
+            "mark_unread": "Atzīmēt kā nelasītu",
+            "notifications_default": "Saskaņā ar noklusējuma iestatījumu",
+            "notifications_mute": "Apklusināt istabu",
+            "title": "Istabas iespējas",
+            "unfavourite": "Izlasē"
+        },
+        "creating_room_text": "Mēs veidojam istabu ar %(names)s",
+        "dm_invite_action": "Uzsākt saraksti",
+        "dm_invite_subtitle": "<userName/> vēlas sarakstīties",
+        "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_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.",
+        "error_join_404_2": "Ja ir zināma istabas adrese, jāmēģina pievienoties izmantojot to.",
+        "error_join_404_invite": "Persona, kas jūs uzaicināja, jau ir izgājusi, vai arī tās serveris ir bezsaistē.",
+        "error_join_404_invite_same_hs": "Persona, kas jūs uzaicināja, jau ir izgājusi.",
+        "error_join_connection": "Pievienošanās laikā atgadījās kļūda.",
+        "error_join_incompatible_version_1": "Atvainojamies, mājasserveris ir pārāk vecs, lai šeit piedalītos.",
+        "error_join_incompatible_version_2": "Lūgums sazināties ar mājasservera pārvaldītāju.",
+        "error_join_title": "Neizdevās pievienoties",
+        "error_jump_to_date": "Serveris atgrieza %(statusCode)s ar kļūdas kodu %(errorCode)s",
+        "error_jump_to_date_connection": "Atgadījās kļūda mēģinājumā atrast norādīto datumu un pārlēkt uz to. Tavs mājasserveris varētu nedarboties vai tas bija tikai īslaicīgs sarežģījums ar Tavu interneta savienojumu. Lūgums mēģināt vēlreiz. Ja tas turpinās, lūgums sazināties ar mājasservera pārvaldītāju.",
+        "error_jump_to_date_details": "Detalizēta informācija par kļūdu",
+        "error_jump_to_date_not_found": "Mēs nevarējām atrast notikumu pēc %(dateString)s. Mēģiniet izvēlēties agrāku datumu.",
+        "error_jump_to_date_send_logs_prompt": "Lūdzu, iesniedziet <debugLogsLink>atkļūdošanas žurnālus</debugLogsLink>, lai palīdzētu mums izsekot problēmas cēlonim.",
+        "error_jump_to_date_title": "Nevar atrast notikumu šajā datumā",
+        "face_pile_summary": {
+            "zero": "Neviens zināms cilvēks vēl nav pievienojies",
+            "one": "%(count)s zināms cilvēks ir jau pievienojies",
+            "other": "%(count)s zināmi cilvēki jau ir pievienojušies"
+        },
+        "face_pile_tooltip_label": {
+            "zero": "Apskatīt %(count)s dalībniekus",
+            "one": "Apskatīt %(count)s dalībnieku",
+            "other": "Apskatīt visus %(count)s dalībniekus"
+        },
+        "face_pile_tooltip_shortcut": "Ieskaitot %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Ieskaitot jūs, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "Neizdevās noraidīt uzaicinājumu",
+        "forget_room": "Aizmirst šo istabu",
+        "forget_space": "Aizmirst šo telpu",
+        "header": {
+            "n_people_asking_to_join": {
+                "zero": "",
+                "one": "Aicina pievienoties",
+                "other": "%(count)s cilvēki aicina pievienoties"
+            },
+            "room_is_public": "Šī istaba ir publiska"
+        },
+        "header_face_pile_tooltip": "Dalībnieku saraksta pārslēgšana",
+        "header_untrusted_label": "Neuzticams",
+        "inaccessible": "Šī istaba vai telpa šobrīd nav pieejama.",
+        "inaccessible_name": "%(roomName)s šobrīd nav pieejama.",
+        "inaccessible_subtitle_1": "Mēģiniet vēlreiz vēlāk vai lūdziet istabas vai telpas administratoram pārbaudīt, vai jums ir piekļuve.",
+        "inaccessible_subtitle_2": "Mēģinot piekļūt istabai vai telpai, tika atgriezts %(errcode)s. Ja domājat, ka šis paziņojums ir kļūdains, lūdzu, <issueLink> iesniedziet ziņojumu par kļūdu</issueLink>.",
+        "intro": {
+            "dm_caption": "Tikai jūs abi esat šajā sarakstē, ja vien kāds no jums neuzaicina kādu pievienoties.",
+            "enable_encryption_prompt": "Iespējot šifrēšanu iestatījumos.",
+            "encrypted_3pid_dm_pending_join": "Kad visi būs pievienojušies, jūs varēsiet tērzēt",
+            "no_avatar_label": "Pievienojiet foto, lai padarītu istabu vieglāk pamanāmu citiem cilvēkiem.",
+            "no_topic": "<a>Pievienot tematu</a>, lai dotu cilvēkiem priekšstatu.",
+            "private_unencrypted_warning": "Privātās ziņas parasti ir šifrētas, bet šī istaba nav. Parasti tas ir neatbalstītas ierīces vai veida, piemēram, uzaicinājumu e-pastā dēļ.",
+            "room_invite": "Uzaicināt tikai uz šo istabu",
+            "send_message_start_dm": "Nosūtiet savu pirmo ziņu, lai uzaicinātu <displayName/> uz tērzēšanu",
+            "start_of_dm_history": "Šis ir sākums tiešās sarakstes vēsturei ar <displayName/>.",
+            "start_of_room": "Šis ir <roomName/> istabas pats sākums.",
+            "unencrypted_warning": "Pilnīga šifrēšana nav iespējota",
+            "user_created": "%(displayName)s izveidoja šo istabu.",
+            "you_created": "Tu izveidoji šo istabu."
+        },
+        "invite_email_mismatch_suggestion": "Kopīgojiet šo e-pastu sadaļā Iestatījumi, lai saņemtu ielūgumus tieši uz %(brand)s.",
+        "invite_sent_to_email": "Šis uzaicinājums tika nosūtīts uz %(email)s",
+        "invite_sent_to_email_room": "Šis uzaicinājums uz %(roomName)s tika nosūtīts %(email)s",
+        "invite_subtitle": "<userName/> uzaicināja Tevi",
+        "invite_this_room": "Uzaicināt uz šo istabu",
+        "invite_title": "Vai pievienoties %(roomName)s?",
+        "inviter_unknown": "Nezināms",
+        "invites_you_text": "<inviter/> uzaicina Tevi",
+        "join_button_account": "Reģistrēties",
+        "join_failed_needs_invite": "Lai skatītu %(roomName)s, jums ir nepieciešams uzaicinājums",
+        "join_the_discussion": "Pievienoties diskusijai",
+        "join_title": "Pievienoties istabai, lai piedalītos",
+        "join_title_account": "Pievienoties sarunai ar kontu",
+        "joining": "Pievienojas…",
+        "joining_room": "Pievienojas istabai…",
+        "joining_space": "Pievienojas vietai…",
+        "jump_read_marker": "Pāriet uz pirmo neizlasīto ziņu.",
+        "jump_to_bottom_button": "Ritināt uz jaunākajām ziņām",
+        "kick_reason": "Iemesls: %(reason)s",
+        "kicked_by": "%(memberName)s noņēma jūs",
+        "kicked_from_room_by": "%(memberName)s noņēma jūs no %(roomName)s istabas",
+        "knock_cancel_action": "Atcelt pieprasījumu",
+        "knock_denied_subtitle": "Tā kā jums ir liegta piekļuve, jūs nevarat atkārtoti pievienoties, ja vien jūs nav uzaicinājis grupas administrators vai moderators.",
+        "knock_denied_title": "Jums ir liegta piekļuve",
+        "knock_message_field_placeholder": "Ziņojums (pēc izvēles)",
+        "knock_prompt": "Aicināt pievienoties?",
+        "knock_prompt_name": "Aicināt pievienoties %(roomName)s?",
+        "knock_send_action": "Pieprasīt piekļuvi",
+        "knock_sent": "Pieprasījums pievienoties nosūtīts",
+        "knock_sent_subtitle": "Jūsu pievienošanās pieprasījums tiek izskatīts.",
+        "knock_subtitle": "Lai apskatītu sarunu vai piedalītos tajā, jums ir jāiegūst piekļuve šai istabai. Pieprasījumu pievienoties varat nosūtīt zemāk.",
+        "leave_error_title": "Izejot no istabas, radās kļūda",
+        "leave_server_notices_description": "Šī istaba tiek izmantota svarīgiem ziņojumiem no mājasservera, tāpēc to nevar pamest.",
+        "leave_server_notices_title": "Nevar pamest Server Notices istabu",
+        "leave_unexpected_error": "Mēģinot pamest istabu radās negaidīta servera kļūme",
+        "link_email_to_receive_3pid_invite": "Savienojiet iestatījumos šo e-pasta adresi ar savu kontu, lai uzaicinājumus saņemtu tieši %(brand)s.",
+        "loading_preview": "Priekšskatījuma ielāde",
+        "no_peek_join_prompt": "%(roomName)s nevar priekšskatīt. Vai pievienoties tai?",
+        "no_peek_no_name_join_prompt": "Priekšskatījuma nav pieejams, vai vēlaties pievienoties?",
+        "not_found_subtitle": "Vai tiešām esi pareizajā vietā?",
+        "not_found_title": "Šī istaba vai telpa neeksistē.",
+        "not_found_title_name": "%(roomName)s nepastāv.",
+        "peek_join_prompt": "Šis ir %(roomName)s istabas priekšskatījums. Vai vēlaties tai pievienoties?",
+        "read_topic": "Noklikšķiniet, lai lasītu tematu",
+        "rejecting": "Noraida uzaicinājumu...",
+        "rejoin_button": "Atkārtoti pievienoties",
+        "search": {
+            "all_rooms_button": "Meklēt visas istabas",
+            "this_room_button": "Meklēt šajā istabā"
+        },
+        "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ā",
+            "one": "Tev ir %(count)s nelasīts paziņojums iepriekšējā šīs istabas versijā.",
+            "other": "Tev ir %(count)s nelasīti paziņojumi iepriekšējā šīs istabas versijā."
+        },
+        "upgrade_error_description": "Pārliecinieties, vai jūsu serveris atbalsta izvēlēto istabas versiju, un mēģiniet vēlreiz.",
+        "upgrade_error_title": "Atjauninot istabu, radās kļūda",
+        "upgrade_warning_bar": "Atjauninot šo istabu, tiks slēgta pašreizējā istabas instance un izveidota atjaunināta istaba ar tādu pašu nosaukumu.",
+        "upgrade_warning_bar_admins": "Tikai istabas administratori redzēs šo brīdinājumu",
+        "upgrade_warning_bar_unstable": "Šī istaba darbojas ar istabas versiju <roomVersion />, kuru šis mājasserveris ir atzīmējis kā <i>nenoturīgu</i>.",
+        "upgrade_warning_bar_upgraded": "Šī istaba jau ir atjaunināta.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Tiek augšupielādēts %(filename)s un %(count)s citi",
+                "other": "Tiek augšupielādēts %(filename)s un %(count)s citi"
+            },
+            "uploading_single_file": "Tiek augšupielādēts %(filename)s"
+        },
+        "waiting_for_join_subtitle": "Kad uzaicinātie lietotāji būs pievienojušies %(brand)s, jūs varēsiet tērzēt un istaba būs pilnībā šifrēta",
+        "waiting_for_join_title": "Gaida lietotāju pievienošanos %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Pievienot telpu",
+        "failed_add_tag": "Neizdevās istabai pievienot birku %(tagName)s",
+        "failed_remove_tag": "Neizdevās istabai noņemt birku %(tagName)s",
+        "failed_set_dm_tag": "Neizdevās iestatīt tiešās ziņas atzīmi",
+        "notification_options": "Paziņojumu iespējas",
+        "show_less": "Rādīt mazāk"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Nosakiet, kas var skatīt un pievienoties %(spaceName)s.",
+            "title": "Piekļuve"
+        },
+        "advanced": {
+            "error_upgrade_description": "Istabas atjaunināšanu nevarēja pabeigt",
+            "error_upgrade_title": "Neizdevās atjaunināt istabu",
+            "information_section_room": "Informācija par istabu",
+            "information_section_space": "Informācija par telpu",
+            "room_id": "Iekšējais istabas ID",
+            "room_predecessor": "Skatīt senākas ziņas %(roomName)s istabā.",
+            "room_upgrade_button": "Atjaunināt šo istabu uz ieteicamo istabas versiju",
+            "room_upgrade_warning": "<b>Brīdinājums!</b> Istabas atjaunināšana <i>neietver automātisku istabas dalībnieku migrēšanu uz jauno istabas versiju</i>. Mēs ievietosim saiti uz jauno istabu vecajā istabas versijā un tās dalībniekiem būs jānoklikšķina uz šīs saites, lai pievienotos jaunajai istabai.",
+            "room_version": "Istabas versija:",
+            "room_version_section": "Istabas versija",
+            "space_predecessor": "Skatīt vecāku %(spaceName)s versiju.",
+            "space_upgrade_button": "Atjaunināt šo telpu uz ieteicamo istabas versiju",
+            "unfederated": "Šī istaba nav pieejama no citiem Matrix serveriem",
+            "upgrade_button": "Atjaunināt šo istabu līdz %(version)s versijai",
+            "upgrade_dialog_description": "Šīs istabas atjaunināšana prasa aizvērt pašreizējo istabas instanci un tās vietā izveidot jaunu istabu. Lai sniegtu istabas dalībniekiem vislabāko iespējamo pieredzi, mēs darīsim sekojošo:",
+            "upgrade_dialog_description_1": "Izveidot istabu ar to pašu nosaukumu, aprakstu un avataru",
+            "upgrade_dialog_description_2": "Atjaunināt jebkurus vietējās istabas aizstājvārdus, lai tie norādītu uz jauno istabu",
+            "upgrade_dialog_description_3": "Pārtraukt lietotāju runāšanu vecajā istabas versijā un publicēt ziņojumu, kurā lietotājiem tiek ieteikts pāriet uz jauno istabu",
+            "upgrade_dialog_description_4": "Jaunās istabas sākumā ievietojiet saiti uz veco istabu, lai cilvēki varētu apskatīt vecās ziņas",
+            "upgrade_dialog_title": "Istabas versijas atjaunināšana",
+            "upgrade_dwarning_ialog_title_public": "Atjaunināt publisko istabu",
+            "upgrade_warning_dialog_description": "Istabas atjaunināšana ir netriviāla darbība un to parasti ieteicams veikt, ja istaba ir nestabila kļūdu, trūkstošas funkcionalitātes vai drošības ievainojamību dēļ.",
+            "upgrade_warning_dialog_explainer": "<b>Lūdzu, ņemiet vērā, ka atjaunināšana izveidos jaunu istabas versiju</b>. Visas pašreizējās ziņas paliks šajā arhivētajā istabā.",
+            "upgrade_warning_dialog_footer": "Jūs jaunināsiet šo istabu no <oldVersion /> uz <newVersion /> versiju.",
+            "upgrade_warning_dialog_invite_label": "Automātiski uzaicināt dalībniekus no šīs istabas uz jauno",
+            "upgrade_warning_dialog_report_bug_prompt": "Tas parasti ietekmē tikai to, kā istaba tiek apstrādāta serverī. Ja jums ir problēmas ar savu %(brand)s, lūdzu, ziņojiet par kļūdu.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Tas parasti ietekmē tikai to, kā istaba tiek apstrādāta serverī. Ja jums ir problēmas ar savu %(brand)s, lūdzu, <a>ziņojiet par kļūdu</a>.",
+            "upgrade_warning_dialog_title": "Istabas atjaunināšana",
+            "upgrade_warning_dialog_title_private": "Atjaunināt privāto istabu"
+        },
+        "alias_not_specified": "nav noteikts",
+        "bridges": {
+            "description": "Šī istaba pārsūta ziņojumus uz tālāk norādītajām platformām. <a>Uzzināt vairāk.</a>",
+            "empty": "Šī istaba nepārsūta ziņas uz nevienu platformu. <a>Uzzināt vairāk.</a>",
+            "title": "Tilti"
+        },
+        "delete_avatar_label": "Izdzēst iemiesojumu",
+        "general": {
+            "alias_field_has_domain_invalid": "Trūkst domēna atdalītāja (piemēram, :domain.org)",
+            "alias_field_has_localpart_invalid": "Trūkst istabas nosaukuma vai atdalītāja (piemēram, my-room:domain.org)",
+            "alias_field_matches_invalid": "Šī adrese nenorāda uz šo istabu",
+            "alias_field_placeholder_default": "piem., mana-istaba",
+            "alias_field_required_invalid": "Lūdzu, norādiet adresi",
+            "alias_field_safe_localpart_invalid": "Dažas rakstzīmes nav atļautas",
+            "alias_field_taken_invalid": "Šai adresei bija nederīgs serveris vai tā jau tiek izmantota",
+            "alias_field_taken_invalid_domain": "Šī adrese jau tiek izmantota",
+            "alias_field_taken_valid": "Šī adrese ir pieejama",
+            "alias_heading": "Istabas adrese",
+            "aliases_items_label": "Citas publiskotās adreses:",
+            "aliases_no_items_label": "Pagaidām nav nevienas publiskotas adreses, pievienojiet zemāk",
+            "aliases_section": "Istabas adreses",
+            "avatar_field_label": "Istabas avatars",
+            "canonical_alias_field_label": "Galvenā adrese",
+            "description_space": "Rediģējiet ar jūsu telpu saistītos iestatījumus.",
+            "error_creating_alias_description": "Veidojot šo adresi, radās kļūda. Iespējams, serveris to neatļauj vai arī ir radusies īslaicīga kļūme.",
+            "error_creating_alias_title": "Veidojot adresi, radās kļūda",
+            "error_deleting_alias_description": "Noņemot šo adresi, radās kļūda. Iespējams, ka tā vairs nepastāv vai radās īslaicīga kļūda.",
+            "error_deleting_alias_description_forbidden": "Nav atļaujas izdzēst adresi.",
+            "error_deleting_alias_title": "Adreses noņemšanas kļūda",
+            "error_save_space_settings": "Neizdevās saglabāt telpas iestatījumus.",
+            "error_updating_alias_description": "Notikusi kļūda, mēģinot atjaunināt istabas alternatīvās adreses. Iespējams, tas ir liegts servera iestatījumos vai arī notikusi kāda pagaidu kļūme.",
+            "error_updating_canonical_alias_description": "Notikusi kļūda, mēģinot atjaunināt istabas galveno adresi. Iespējams, tas ir liegts servera iestatījumos vai arī notikusi kāda pagaidu kļūme.",
+            "error_updating_canonical_alias_title": "Kļūda galvenās adreses atjaunināšanā",
+            "leave_space": "Pamest telpu",
+            "local_alias_field_label": "Lokālā adrese",
+            "local_aliases_explainer_room": "Iestatīt adreses šai istabai, lai lietotāji varētu to atrast Tavā mājasserverī (%(localDomain)s)",
+            "local_aliases_explainer_space": "Iestatīt šīs vietas adreses, lai lietotāji varētu to atrast caur Tavu mājasserveri (%(localDomain)s)",
+            "local_aliases_section": "Lokālās adreses",
+            "name_field_label": "Istabas nosaukums",
+            "new_alias_placeholder": "Jauna publiska adrese (piemēram, #alias:server)",
+            "no_aliases_room": "Šai istabai nav lokālo adrešu",
+            "no_aliases_space": "Šai telpai nav lokālo adrešu",
+            "other_section": "Citi",
+            "publish_toggle": "Publicēt šo istabu publiskajā %(domain)s katalogā?",
+            "published_aliases_description": "Lai publicētu adresi, tā vispirms ir jāiestata kā lokālā adrese.",
+            "published_aliases_explainer_room": "Publicētās adreses var izmantot ikviens jebkurā serverī, lai pievienotos jūsu istabai.",
+            "published_aliases_explainer_space": "Publicētās adreses var izmantot ikviens jebkurā serverī, lai pievienotos jūsu telpai.",
+            "published_aliases_section": "Publiskotās adreses",
+            "save": "Saglabāt izmaiņas",
+            "topic_field_label": "Istabas temats"
+        },
+        "notifications": {
+            "browse_button": "Pārlūkot",
+            "custom_sound_prompt": "Iestatīt jaunu pielāgotu skaņu",
+            "notification_sound": "Paziņojumu skaņas signāli",
+            "settings_link": "Saņemiet paziņojumus, kā iestatīts jūsu <a>iestatījumos</a>",
+            "sounds_section": "Skaņas signāli",
+            "upload_sound_label": "Augšupielādēt pielāgotu skaņu",
+            "uploaded_sound": "Augšupielādētie skaņas signāli"
+        },
+        "people": {
+            "knock_empty": "Nav pieprasījumu",
+            "knock_section": "Aicinājums pievienoties",
+            "see_less": "Skatīt mazāk",
+            "see_more": "Skatīt vairāk"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Piešķiriet vienam vai vairākiem lietotājiem šajā istabā vairāk privilēģiju",
+            "add_privileged_user_filter_placeholder": "Meklēt lietotājus šajā istabā…",
+            "add_privileged_user_heading": "Priviliģētu lietotāju pievienošana",
+            "ban": "Pieejas liegumi lietotājiem",
+            "ban_reason": "Iemesls",
+            "banned_by": "%(displayName)s liedzis pieeju",
+            "banned_users_section": "Lietotāji, kuriem liegta pieeja",
+            "error_changing_pl_description": "Mainot lietotāja jaudas līmeni, radās kļūda. Pārliecinieties, vai jums ir pietiekamas atļaujas, un mēģiniet vēlreiz.",
+            "error_changing_pl_reqs_description": "Mainot istabas jaudas līmeņa prasības, radās kļūda. Pārliecinieties, vai jums ir pietiekamas atļaujas, un mēģiniet vēlreiz.",
+            "error_changing_pl_reqs_title": "Jaudas līmeņa prasību izmaiņu kļūda",
+            "error_changing_pl_title": "Jaudas līmeņa izmaiņu kļūda",
+            "error_unbanning": "Neizdevās atbanot/atbloķēt (atcelt pieejas liegumu)",
+            "events_default": "Sūtīt ziņas",
+            "invite": "Uzaicināt lietotājus",
+            "kick": "Noņemt lietotājus",
+            "m.call": "Sākt %(brand)s zvanus",
+            "m.call.member": "Pievienoties %(brand)s zvaniem",
+            "m.reaction": "Nosūtīt reakcijas",
+            "m.room.avatar": "Mainīt istabas avataru",
+            "m.room.avatar_space": "Mainīt telpas avataru",
+            "m.room.canonical_alias": "Mainīt istabas galveno adresi",
+            "m.room.canonical_alias_space": "Mainīt telpas galveno adresi",
+            "m.room.encryption": "Iespējot istabas šifrēšanu",
+            "m.room.history_visibility": "Mainīt vēstures redzamību",
+            "m.room.name": "Nomainīt istabas nosaukumu",
+            "m.room.name_space": "Mainīt telpas nosaukumu",
+            "m.room.pinned_events": "Pārvaldīt piespraustos notikumus",
+            "m.room.power_levels": "Mainīt atļaujas",
+            "m.room.redaction": "Noņemt manis nosūtītās ziņas",
+            "m.room.server_acl": "Mainīt servera ACL",
+            "m.room.tombstone": "Atjaunināt istabu",
+            "m.room.topic": "Nomainīt tematu",
+            "m.room.topic_space": "Mainīt aprakstu",
+            "m.space.child": "Pārvaldīt istabas šajā telpā",
+            "m.widget": "Modificēt logrīkus",
+            "muted_users_section": "Apklusinātie lietotāji",
+            "no_privileged_users": "Šajā istabā nav lietotāju ar īpašām privilēģijām",
+            "notifications.room": "Apziņot visus",
+            "permissions_section": "Atļaujas",
+            "permissions_section_description_room": "Izvēlieties lomas, kas nepieciešamas, lai mainītu dažādus istabas parametrus",
+            "permissions_section_description_space": "Atlasiet lomas, kas nepieciešamas, lai mainītu dažādas telpas daļas",
+            "privileged_users_section": "Priviliģētie lietotāji",
+            "redact": "Dzēst citu sūtītas ziņas",
+            "send_event_type": "Nosūtīt %(eventType)s notikumus",
+            "state_default": "Mainīt iestatījumus",
+            "title": "Lomas un atļaujas",
+            "users_default": "Noklusējuma loma"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Pēc iespējošanas istabas šifrēšanu nevar atspējot. Šifrētā istabā nosūtītās ziņas serveris nevar redzēt, to var tikai istabas dalībnieki. Šifrēšanas iespējošana var neļaut daudziem botiem un tiltiem darboties pareizi. <a>Uzziniet vairāk par šifrēšanu.</a>",
+            "enable_encryption_confirm_title": "Iespējot šifrēšanu?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Nav ieteicams pievienot šifrēšanu publiskām istabām.</b> Jebkurš var atrast un pievienoties publiskām istabām, tāpēc ikviens var lasīt tajās esošās ziņas. Jūs neiegūsiet nekādas sniegtās šifrēšanas priekšrocības, un vēlāk to nevarēsiet to izslēgt. Šifrējot ziņas publiskā istabā, ziņu saņemšana un sūtīšana kļūs lēnāka.",
+            "enable_encryption_public_room_confirm_description_2": "Lai izvairītos no šiem sarežģījumiem, jāizveido <a>jauna šifrēta istaba</a> iecerētajai sarunai.",
+            "enable_encryption_public_room_confirm_title": "Vai tiešām pievienot šifrēšanu šai publiskajai istabai?",
+            "encrypted_room_public_confirm_description_1": "<b>Šifrētas istabas nav ieteicams padarīt publiski pieejamas.</b> Tas nozīmē, ka jebkurš var atrast istabu un pievienoties tai, tātad jebkurš var lasīt ziņojumus. Jūs neiegūsiet nevienu no šifrēšanas sniegtajām priekšrocībām. Šifrējot ziņas publiskā istabā, ziņu saņemšana un nosūtīšana kļūs lēnāka.",
+            "encrypted_room_public_confirm_description_2": "Lai izvairītos no šem sarežģījumiem, jāizveido <a>jauna publiska istaba</a> iecerētajai sarunai.",
+            "encrypted_room_public_confirm_title": "Vai tiešām padarīt šo šifrēto istabu publisku?",
+            "encryption_forced": "Jūsu serveris pieprasa, lai šifrēšana ir atspējota.",
+            "encryption_permanent": "Šifrēšana nevar tikt atspējota, ja reiz tikusi iespējota.",
+            "error_join_rule_change_title": "Neizdevās atjaunināt pievienošanās noteikumus",
+            "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_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.",
+            "history_visibility_world_readable": "Ikviens",
+            "join_rule_description": "Nosakiet, kas var pievienoties %(roomName)s.",
+            "join_rule_invite": "Privāta (tikai ar ielūgumiem)",
+            "join_rule_invite_description": "Tikai uzaicināti cilvēki var pievienoties.",
+            "join_rule_knock": "Aicināt pievienoties",
+            "join_rule_knock_description": "Cilvēki nevar pievienoties, kamēr nav piešķirta piekļuve.",
+            "join_rule_public_description": "Ikviens var atrast un pievienoties.",
+            "join_rule_restricted": "Telpas dalībnieki",
+            "join_rule_restricted_description": "Ikviens telpā esošais var atrast un pievienoties. <a>Rediģējiet telpas, kurām šeit var piekļūt.</a>",
+            "join_rule_restricted_description_active_space": "Ikviens <spaceName/> telpā esošais var atrast un pievienoties. Jūs varat izvēlēties arī citas telpas.",
+            "join_rule_restricted_description_prompt": "Ikviens telpā esošais var atrast un pievienoties. Jūs varat izvēlēties vairākas telpas.",
+            "join_rule_restricted_description_spaces": "Telpas ar piekļuvi",
+            "join_rule_restricted_dialog_description": "Izlemiet, kuras telpas var piekļūt šai istabai. Ja telpa ir atlasīta, tās dalībnieki var atrast un pievienoties <RoomName/> .",
+            "join_rule_restricted_dialog_empty_warning": "Jūs noņemat visas telpas. Piekļuve pēc noklusējuma būs tikai ar uzaicinājumiem",
+            "join_rule_restricted_dialog_filter_placeholder": "Meklēt telpas",
+            "join_rule_restricted_dialog_heading_known": "Citas jums zināmas telpas",
+            "join_rule_restricted_dialog_heading_other": "Citas telpas vai istabas, kuras jūs, iespējams, nezināt",
+            "join_rule_restricted_dialog_heading_room": "Jums zināmās telpas, kuras satur šo istabu",
+            "join_rule_restricted_dialog_heading_space": "Jums zināmās telpas, kuras satur šo telpu",
+            "join_rule_restricted_dialog_title": "Atlasiet telpas",
+            "join_rule_restricted_n_more": {
+                "zero": "",
+                "one": "un vēl %(count)s",
+                "other": "un vēl %(count)s"
+            },
+            "join_rule_restricted_summary": {
+                "zero": "Pašlaik %(count)s vietu ir piekļuve",
+                "one": "Pašlaik %(count)s vietai ir piekļuve",
+                "other": "Pašlaik %(count)s vietām ir piekļuve"
+            },
+            "join_rule_restricted_upgrade_description": "Šis atjauninājums ļaus atlasīto telpu dalībniekiem piekļūt šai istabai bez uzaicinājuma.",
+            "join_rule_restricted_upgrade_warning": "Šī istabā atrodas dažās telpās, kurās jūs neesat administrators. Šajās telpās vecā istaba joprojām būs redzama, bet cilvēki tiks aicināti pievienoties jaunajai istabai.",
+            "join_rule_upgrade_awaiting_room": "Ielādē jaunu istabu",
+            "join_rule_upgrade_required": "Nepieciešama atjaunināšana",
+            "join_rule_upgrade_sending_invites": {
+                "zero": "",
+                "one": "Nosūta uzaicinājumu...",
+                "other": "Nosūta uzaicinājumus... (%(progress)s no %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "zero": "",
+                "one": "Atsvaidzina telpu...",
+                "other": "Atsvaidzina telpas... (%(progress)s no %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Istabas atjaunināšana",
+            "public_without_alias_warning": "Lai izveidotu saiti uz šo istabu, lūdzu, pievienojiet adresi.",
+            "publish_room": "Padariet šo istabu redzamu publisko istabu katalogā.",
+            "publish_space": "Padariet šo telpu redzamu publisko istabu katalogā.",
+            "strict_encryption": "Nekad šajā sesijā nesūtīt šifrētas ziņas uz neapliecinātām sesijām",
+            "title": "Drošība un konfidencialitāte"
+        },
+        "title": "Istabas iestatījumi - %(roomName)s",
+        "upload_avatar_label": "Augšupielādēt avataru",
+        "visibility": {
+            "alias_section": "Adrese",
+            "error_failed_save": "Neizdevās atjaunināt šīs telpas redzamību",
+            "error_update_guest_access": "Neizdevās atjaunināt viesa piekļuvi šai telpai",
+            "error_update_history_visibility": "Neizdevās atjaunināt šīs telpas vēstures redzamību",
+            "guest_access_explainer": "Viesi var pievienoties telpai bez konta.",
+            "guest_access_label": "Iespējot piekļuvi viesiem",
+            "history_visibility_anyone_space": "Priekšskatīt telpu",
+            "history_visibility_anyone_space_description": "Ļaujiet cilvēkiem priekšskatīt jūsu telpu pirms pievienošanās.",
+            "history_visibility_anyone_space_recommendation": "Ieteicams publiskām telpām.",
+            "title": "Redzamība"
+        },
+        "voip": {
+            "call_type_section": "Zvana veids",
+            "enable_element_call_caption": "%(brand)s ir pilnībā šifrēts, bet pašlaik ir pieejams tikai mazākam lietotāju skaitam.",
+            "enable_element_call_label": "Iespējot %(brand)s kā papildu zvanīšanas iespēju šajā istabā",
+            "enable_element_call_no_permissions_tooltip": "Jums nav pietiekamu atļauju izmaiņu veikšanai."
+        }
+    },
+    "room_summary_card_back_action_label": "Istabas informācija",
+    "scalar": {
+        "error_create": "Neizdevās izveidot widžetu.",
+        "error_membership": "Tu neatrodies šajā istabā.",
+        "error_missing_room_id": "Trūkst roomId.",
+        "error_missing_room_id_request": "Iztrūkstošs room_id pieprasījumā",
+        "error_missing_user_id_request": "Iztrūkstošs user_id pieprasījumā",
+        "error_permission": "Nav atļaujas šai darbībai šajā istabā.",
+        "error_power_level_invalid": "Statusa līmenim ir jābūt pozitīvam skaitlim.",
+        "error_room_not_visible": "Istaba %(roomId)s nav redzama",
+        "error_room_unknown": "Šī istaba netika atpazīta.",
+        "error_send_request": "Neizdevās nosūtīt pieprasījumu.",
+        "failed_read_event": "Neizdevās nolasīt notikumus",
+        "failed_send_event": "Neizdevās nosūtīt notikumu"
+    },
+    "server_offline": {
+        "description_4": "Serveris bezsaistē."
+    },
+    "seshat": {
+        "reset_explainer": "Ja to darīsi, lūgums ņemt vērā, ka neviena no Tavām ziņām netiks izdzēsta, bet meklēšanas pieredze kādu brīdi var pasliktināties, kamēr indekss tiek izveidots no jauna",
+        "warning_kind_files": "Šī %(brand)s versija nenodrošina atsevišķu šifrētu datņu skatīšanu",
+        "warning_kind_files_app": "Jāizmanto <a>darbvirsmas lietotne</a>, lai redzētu visas šifrētās datnes",
+        "warning_kind_search_app": "Izmantojiet <a>lietotni</a>, lai veiktu šifrētu ziņu meklēšanu"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Piekļuves pilnvara sniedz pilnu piekļuvi kontam. To nevajag nevienam nodot.",
+            "brand_version": "%(brand)s versija:",
+            "clear_cache_reload": "Notīrīt kešatmiņu un pārlādēt",
+            "help_link": "Lai atvērtu %(brand)s izmantošanas palīdzību, jāklikšķina <a>šeit</a>.",
+            "homeserver": "Mājasserveris ir <code>%(homeserverUrl)s</code>",
+            "identity_server": "Identitātes serveris ir <code>%(identityServerUrl)s</code>",
+            "title": "Palīdzība un par lietotni",
+            "versions": "Versijas"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "Rādīt visas istabas sākuma sadaļā",
+        "all_rooms_home_description": "Visas istabas, kurās atrodaties, parādīsies sākuma sadaļā.",
+        "always_show_message_timestamps": "Vienmēr rādīt ziņas laika zīmogu",
+        "appearance": {
+            "custom_font": "Izmantot sistēmas fontu",
+            "custom_font_description": "Jāiestata sistēmā uzstādīta fonta nosaukums un %(brand)s mēģinās to izmantot.",
+            "custom_font_name": "Sistēmas fonta nosaukums",
+            "custom_font_size": "Izmantot pielāgotu izmēru",
+            "custom_theme_error_downloading": "Kļūda izskata lejupielādēšanā",
+            "custom_theme_invalid": "Nederīga tēmas shēma.",
+            "font_size": "Šrifta izmērs",
+            "image_size_default": "Noklusējuma",
+            "image_size_large": "Liels",
+            "layout_bubbles": "Ziņu burbuļi",
+            "layout_irc": "IRC (eksperimentāls)",
+            "match_system_theme": "Pielāgoties sistēmas tēmai",
+            "timeline_image_size": "Attēla lielums laika skalā"
+        },
+        "automatic_language_detection_syntax_highlight": "Iespējot automātisko valodas noteikšanu sintakses iezīmējumiem",
+        "autoplay_gifs": "Automātiski atskaņot GIF",
+        "autoplay_videos": "Automātski atskaņot videoklipus",
+        "big_emoji": "Iespējot lielas emocijzīmes tērzēšanā",
+        "code_block_expand_default": "Izvērst koda blokus pēc noklusējuma",
+        "code_block_line_numbers": "Rādīt rindu numurus koda blokos",
+        "disable_historical_profile": "Ziņu vēsturē rādīt pašreizējo profila attēlu un vārdu",
+        "emoji_autocomplete": "Iespējot emocijzīmju ieteikumus rakstīšanas laikā",
+        "enable_markdown": "Iespējot Markdown",
+        "enable_markdown_description": "Sāciet ziņas ar <code>/plain</code>, lai nosūtītu tās bez markdown formatējuma.",
+        "general": {
+            "account_management_section": "Konta pārvaldība",
+            "account_section": "Konts",
+            "add_email_dialog_title": "Pievienot e-pasta adresi",
+            "add_email_failed_verification": "Neizdevās apstiprināt e-pasta adresi: jāpārliecinās, ka ir atvērta e-pasta ziņojumā esošā saite",
+            "add_email_instructions": "Mēs nosūtījām jums e-pastu, lai apstiprinātu jūsu adresi. Lūdzu, izpildiet tur sniegtos norādījumus un pēc tam noklikšķiniet uz tālāk esošās pogas.",
+            "add_msisdn_confirm_body": "Jānospiež zemāk esošā poga, lai apstiprinātu šī tālruņa numura pievienošanu.",
+            "add_msisdn_confirm_button": "Apstiprināt tālruņa numura pievienošanu",
+            "add_msisdn_confirm_sso_button": "Apstiprināt šī tālruņa numura pievienošanu, izmantojot vienoto pierakstīšanos savas identitātes apliecināšanai.",
+            "add_msisdn_dialog_title": "Pievienot tālruņa numuru",
+            "add_msisdn_instructions": "Teksta ziņa tika nosūtīta uz +%(msisdn)s. Lūgums ievadiet tajā esošo apliecināšanas kodu.",
+            "add_msisdn_misconfigured": "Pievienošana/saistīšana ar MSISDN plūsmu ir nepareizi konfigurēta",
+            "confirm_adding_email_body": "Nospiest zemāk esošo pogu, lai apstiprinātu šīs e-pasta adreses pievienošanu.",
+            "confirm_adding_email_title": "Apstiprināt e-pasta adreses pievienošanu",
+            "deactivate_confirm_body": "Vai tiešām deaktivizēt savu kontu? Tas ir neatgriezeniski.",
+            "deactivate_confirm_body_sso": "Apstipriniet konta deaktivizēšanu, izmantojot vienoto pierakstīšanos, lai pierādītu savu identitāti.",
+            "deactivate_confirm_content": "Apstipriniet, ka vēlaties deaktivizēt savu kontu. Ja turpināsiet:",
+            "deactivate_confirm_content_1": "Jūs nevarēsiet atkārtoti aktivizēt savu kontu",
+            "deactivate_confirm_content_2": "Jūs vairs nevarēsiet pierakstīties",
+            "deactivate_confirm_content_3": "Neviens nevarēs atkārtoti izmantot jūsu lietotājvārdu (MXID), tostarp jūs: šis lietotājvārds paliks nepieejams",
+            "deactivate_confirm_content_4": "Jūs pametīsit visas istabas un DM, kurās atrodaties",
+            "deactivate_confirm_content_5": "Jūs tiksiet noņemts no identitātes servera: jūsu draugi vairs nevarēs jūs atrast, izmantojot jūsu e-pastu vai tālruņa numuru",
+            "deactivate_confirm_content_6": "Jūsu vecās ziņas joprojām būs redzamas personām, kas tos saņēmuši iepriekš, analoģiski kā pagātnē nosūtītie e-pasta ziņojumi. Vai vēlaties slēpt savas nosūtītās ziņas no personām, kas pievienosies istabām nākotnē?",
+            "deactivate_confirm_continue": "Apstiprināt konta deaktivizēšanu",
+            "deactivate_confirm_erase_label": "Paslēpt manas ziņas no jaunpievienotiem lietotājiem",
+            "deactivate_section": "Deaktivizēt kontu",
+            "deactivate_warning": "Konta deaktivizēšana ir neatgriezeniska darbība — esiet piesardzīgs!",
+            "discovery_email_empty": "Atklāšanas opcijas parādīsies, tiklīdz būsiet pievienojis e-pastu.",
+            "discovery_email_verification_instructions": "Verificējiet saiti savā iesūtnē",
+            "discovery_msisdn_empty": "Atklāšanas opcijas parādīsies, kad būsiet pievienojis tālruņa numuru.",
+            "discovery_needs_terms": "Jāpiekrīt identitāšu servera (%(serverName)s) pakalpojuma noteikumiem, lai padarītu sevi atrodamu citiem pēc e-pasta adreses vai tālruņa numura.",
+            "email_address_in_use": "Šī epasta adrese jau tiek izmantota",
+            "email_address_label": "Epasta adrese",
+            "email_not_verified": "Jūsu e-pasta adrese vēl nav verificēta",
+            "email_verification_instructions": "Noklikšķiniet uz saites saņemtajā e-pastā, lai verificētu to, un pēc tam vēlreiz noklikšķiniet uz turpināt.",
+            "emails_heading": "Epasta adreses",
+            "error_add_email": "Neizdevās pievienot epasta adresi",
+            "error_deactivate_communication": "Sazinoties ar serveri, radās problēma. Lūdzu mēģiniet vēlreiz.",
+            "error_deactivate_invalid_auth": "Serveris neatgrieza derīgu autentifikācijas informāciju.",
+            "error_deactivate_no_auth": "Serveris nepieprasīja autentifikāciju",
+            "error_email_verification": "Neizdevās apstiprināt epasta adresi.",
+            "error_invalid_email": "Nepareiza epasta adrese",
+            "error_invalid_email_detail": "Šī neizskatās pēc derīgas epasta adreses",
+            "error_msisdn_verification": "Nevar verificēt tālruņa numuru.",
+            "error_password_change_403": "Neizdevās nomainīt paroli. Vai tā ir pareiza?",
+            "error_password_change_http": "%(errorMessage)s (HTTP statuss %(httpStatus)s)",
+            "error_password_change_title": "Paroles maiņas kļūda",
+            "error_password_change_unknown": "Nezināma paroles maiņas kļūda (%(stringifiedError)s)",
+            "error_remove_3pid": "Neizdevās dzēst kontaktinformāciju",
+            "error_revoke_email_discovery": "Nevar atsaukt e-pasta adreses kopīgošanu",
+            "error_revoke_msisdn_discovery": "Nevar atsaukt tālruņa numura kopīgošanu",
+            "error_share_email_discovery": "Nevar kopīgot e-pasta adresi",
+            "error_share_msisdn_discovery": "Nevar kopīgot tālruņa numuru",
+            "identity_server_no_token": "Netika atrasts neviena identitātes piekļuves pilnvara",
+            "identity_server_not_set": "Identitātes serveris nav iestatīts",
+            "language_section": "Valoda un reģions",
+            "msisdn_in_use": "Šis tālruņa numurs jau tiek izmantots",
+            "msisdn_label": "Tālruņa numurs",
+            "msisdn_verification_field_label": "Verifikācijas kods",
+            "msisdn_verification_instructions": "Lūdzu, ievadiet verifikācijas kodu, kas nosūtīts īsziņā.",
+            "msisdns_heading": "Tālruņa numuri",
+            "oidc_manage_button": "Pārvaldīt kontu",
+            "password_change_section": "Iestatīt jaunu konta paroli…",
+            "password_change_success": "Jūsu parole tika veiksmīgi nomainīta.",
+            "remove_email_prompt": "Dēst %(email)s?",
+            "remove_msisdn_prompt": "Dzēst %(phone)s?",
+            "spell_check_locale_placeholder": "Izvēlieties lokalizāciju"
+        },
+        "inline_url_previews_default": "Iespējot URL priekšskatījumus pēc noklusējuma",
+        "insert_trailing_colon_mentions": "Jāievieto beigu kols pēc lietotāja pieminēšanas ziņas sākumā",
+        "jump_to_bottom_on_send": "Nosūtot ziņu, pāriet uz laika skalas beigām",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Tagad jūsu atslēgas tiek dublētas no šīs ierīces.",
+                "backup_setup_success_title": "Droša dublējuma izveide ir veiksmīga",
+                "cancel_warning": "Ja tagad atcelsiet, gadījumā, ja zaudēsiet piekļuvi saviem pierakstīšanās datiem, varat zaudēt šifrētās ziņas un datus.",
+                "confirm_security_phrase": "Apstiprināt savu drošības vārdkopu",
+                "description": "Nodrošinieties pret piekļuves zaudēšanu šifrētām ziņām un datiem, dublējot šifrēšanas atslēgas savā serverī.",
+                "download_or_copy": "%(downloadButton)s vai %(copyButton)s",
+                "enter_phrase_description": "Ievadiet tikai jums zināmu drošības frāzi, jo tā tiks izmantota jūsu datu aizsardzībai. Drošības nolūkos neizmantojiet sava konta paroli kā drošības frāzi.",
+                "enter_phrase_title": "Ievadiet slepeno frāzi",
+                "enter_phrase_to_confirm": "Ievadiet savu drošības frāzi otro reizi, lai to apstiprinātu.",
+                "generate_security_key_description": "Mēs izveidosim drošības atslēgu, ko varat uzglabāt drošā vietā, piemēram, paroļu pārvaldniekā vai seifā.",
+                "generate_security_key_title": "Ģenerēt drošības atslēgu",
+                "pass_phrase_match_failed": "Nesakrīt.",
+                "pass_phrase_match_success": "Sakrīt!",
+                "phrase_strong_enough": "Lieliski! Šī slepenā frāze šķiet pietiekami sarežgīta.",
+                "secret_storage_query_failure": "Neizdodas pieprasīt slepenās glabātuves statusu",
+                "security_key_safety_reminder": "Glabājiet drošības atslēgu drošā vietā, piemēram, paroļu pārvaldniekā vai seifā, jo tā tiek izmantota jūsu šifrēto datu aizsardzībai.",
+                "set_phrase_again": "Atgriezties, lai iestatītu atkārtoti.",
+                "settings_reminder": "Varat arī iestatīt drošu dublēšanu un pārvaldīt atslēgas sadaļā Iestatījumi.",
+                "title_confirm_phrase": "Apstiprināt drošības vārdkopu",
+                "title_save_key": "Saglabājiet savu drošības atslēgu",
+                "title_set_phrase": "Iestatiet slepeno frāzi",
+                "unable_to_setup": "Nevar iestatīt slepeno krātuvi",
+                "use_different_passphrase": "Izmantot citu frāzveida paroli?",
+                "use_phrase_only_you_know": "Izmanto tikai sev zināmu slepeno frāzi un pēc izvēles saglabā drošības atslēgu, lai to izmantotu rezerves kopijām."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Apstiprināt paroles vārdkopu",
+            "enter_passphrase": "Ievadiet frāzveida paroli",
+            "export_description_1": "Šis process ļauj eksportēt šifrētās istabās saņemto ziņu atslēgas uz vietējo failu. Vēlāk šo failu varēsiet importēt citā Matrix klientā, lai arī šis klients varētu atšifrēt šīs ziņas.",
+            "export_description_2": "Izgūtā datne ļaus ikvienam, kurš to var lasīt, atšifrēt jebkuru šifrētu ziņu, ko Tu vari redzēt, tāpēc tā rūpīgi jāglabā drošībā. Lai to nodrošinātu, Tev zemāk vajadzētu ievadīt neatkārtojamu paroles vārdkopu, kas tiks izmantota tikai izgūto datu šifrēšanai. Datus ievietot būs iespējams tikai ar šo pašu paroles vārdkopu.",
+            "export_title": "Eksportēt istabas atslēgas",
+            "file_to_import": "Ievietojamā datne",
+            "import_description_1": "Šis process ļaus jums importēt šifrēšanas atslēgas, kuras iepriekš eksportētas no cita Matrix klienta. Pēc tam varēsiet atšifrēt visas ziņas, kuras varēja atšifrēt uz otra klienta.",
+            "import_description_2": "Izgūšanas datne būs aizsargāta ar paroles vārdkopu. Tā ir jāievada šeit, lai atšifrētu datni.",
+            "import_title": "Importēt istabas atslēgas",
+            "phrase_cannot_be_empty": "Frāzveida parole nevar būt tukša",
+            "phrase_must_match": "Frāzveida parolēm ir jāsakrīt",
+            "phrase_strong_enough": "Lieliski! Šī piekļuves frāze izskatās pietiekami spēcīga"
+        },
+        "keyboard": {
+            "title": "Klaviatūra"
+        },
+        "notifications": {
+            "default_setting_description": "Šis iestatījums pēc noklusējuma tiks piemērots visām jūsu istabām.",
+            "default_setting_section": "Es vēlos saņemt paziņojumu par (noklusējuma iestatījums)",
+            "desktop_notification_message_preview": "Rādīt ziņas priekšskatījumu darbvirsmas paziņojumā",
+            "email_description": "Saņemt e-pasta kopsavilkumu par garām palaistajiem paziņojumiem",
+            "email_section": "E-pasta kopsavilkums",
+            "email_select": "Atlasiet, uz kuriem e-pastiem vēlaties sūtīt kopsavilkumus. Pārvaldiet savus e-pastus sadaļā <button>Vispārīgi</button> .",
+            "enable_audible_notifications_session": "Iespējot dzirdamus paziņojumus šai sesijai",
+            "enable_desktop_notifications_session": "Iespējot darbvirsmas paziņojumus šai sesijai",
+            "enable_email_notifications": "Iespējot e-pasta paziņojumus uz %(email)s",
+            "enable_notifications_account": "Iespējot paziņojumus šim kontam",
+            "enable_notifications_account_detail": "Izslēgt, lai atspējotu paziņojumus visās savās ierīcēs un sesijās",
+            "enable_notifications_device": "Iespējot paziņojumus šajā ierīcē",
+            "error_loading": "Ielādējot paziņojumu iestatījumus, radās kļūda.",
+            "error_permissions_denied": "%(brand)s nav atļauts nosūtīt Tev paziņojumus. Lūgums pārbaudīt sava pārlūka iestatījumus",
+            "error_permissions_missing": "%(brand)s nav piešķirta atļauja nosūtīt paziņojumus. Lūdzu mēģini vēlreiz",
+            "error_saving": "Kļūda saglabājot paziņojumu preferences",
+            "error_saving_detail": "Saglabājot jūsu paziņojumu preferences, radās kļūda.",
+            "error_title": "Neizdevās iespējot paziņojumus",
+            "error_updating": "Atjauninot paziņojumu preferences, radās kļūda. Lūdzu, mēģiniet vēlreiz pārslēgt opciju.",
+            "invites": "Uzaicināts uz istabu",
+            "keywords": "Rādīt <badge/> emblēmu, kad istabā tiek izmantoti atslēgvārdi.",
+            "keywords_prompt": "Ievadiet šeit atslēgvārdus vai izmantojiet izrunas variantus vai segvārdus",
+            "labs_notice_prompt": "<strong>Jaunums:</strong> Mēs esam vienkāršojuši paziņojumu iestatījumus, lai atvieglotu iespēju atrašanu. Daži iepriekš izvēlētie pielāgotie iestatījumi šeit netiek parādīti, taču tie joprojām ir aktīvi. Ja turpināsit, daži no jūsu iestatījumiem var mainīties. <a>Uzziniet vairāk</a>",
+            "mentions_keywords": "Pieminēšana un atslēgvārdi",
+            "mentions_keywords_only": "Tikai pieminēšana un atslēgvārdi",
+            "messages_containing_keywords": "Ziņas, kas satur atslēgvārdus",
+            "noisy": "Ar skaņu",
+            "notices": "Botu sūtītās ziņas",
+            "notify_at_room": "Paziņot, kad kāds piemin ar @room",
+            "notify_keyword": "Paziņot, kad kāds izmanto atslēgvārdu",
+            "notify_mention": "Paziņot, kad kāds piemin ar @displayname vai %(mxid)s",
+            "other_section": "Citas lietas, kas, mūsuprāt, jūs varētu interesēt:",
+            "people_mentions_keywords": "Cilvēki, pieminēšana un atslēgvārdi",
+            "play_sound_for_description": "Pēc noklusējuma pielietoti visām istabām visās ierīcēs.",
+            "play_sound_for_section": "Atskaņot skaņu",
+            "push_targets": "Paziņojumu adresāti",
+            "quick_actions_mark_all_read": "Atzīmēt visas ziņas kā izlasītas",
+            "quick_actions_reset": "Atiestatīt uz noklusējuma iestatījumiem",
+            "quick_actions_section": "Ātrās darbības",
+            "room_activity": "Notiek jaunas aktivitātes istabā, atjauninājumi un statusa ziņojumi",
+            "rule_call": "Uzaicinājuma zvans",
+            "rule_contains_display_name": "Ziņas, kuras satur manu parādāmo vārdu",
+            "rule_contains_user_name": "Ziņas, kuras satur manu lietotājvārdu",
+            "rule_encrypted": "Šifrētas ziņas grupu tērzēšanās",
+            "rule_encrypted_room_one_to_one": "Šifrētas ziņas viens pret vienu tērzēšanās",
+            "rule_invite_for_me": "Kad esmu uzaicināts/a istabā",
+            "rule_message": "Ziņas grupu tērzēšanās",
+            "rule_room_one_to_one": "Ziņas viens pret vienu tērzēšanās",
+            "rule_roomnotif": "Ziņas, kuras satur @room",
+            "rule_suppress_notices": "Botu nosūtītās ziņas",
+            "rule_tombstone": "Kad istabas ir atjauninātas",
+            "show_message_desktop_notification": "Parādīt ziņu darbvirsmas paziņojumos",
+            "voip": "Audio un videozvani"
+        },
+        "preferences": {
+            "Electron.enableHardwareAcceleration": "Iespējot aparatūras paātrināšanu (nepieciešama %(appName)s restartēšana, lai tas stātos spēkā)",
+            "always_show_menu_bar": "Vienmēr parādīt loga izvēlnes joslu",
+            "autocomplete_delay": "Automātiskās pabeigšanas aizkave (ms)",
+            "code_blocks_heading": "Koda bloki",
+            "compact_modern": "Izmantot kompaktāku 'Modern' izkārtojumu",
+            "composer_heading": "Komponists",
+            "enable_hardware_acceleration": "Iespējot aparatūras paātrinājumu",
+            "enable_tray_icon": "Rādīt paplātes ikonu un samazināt logu uz to aizvēršanas laikā",
+            "keyboard_heading": "Īsinājumtaustiņi",
+            "keyboard_view_shortcuts_button": "<a>Jāklikšķina šeit</a>, lai apskatītu visas tastatūras saīsnes.",
+            "media_heading": "Attēli, GIF un videoklipi",
+            "presence_description": "Kopīgojiet savas darbības un statusu ar citiem.",
+            "rm_lifetime": "Lasīšanas marķiera kalpošanas laiks (ms)",
+            "rm_lifetime_offscreen": "Lasīšanas marķiera darbības laiks ārpus ekrāna (ms)",
+            "room_directory_heading": "Istabu katalogs",
+            "room_list_heading": "Istabu saraksts",
+            "show_avatars_pills": "Rādīt iemiesojumus lietotāju, istabu un notikumu pieminējumos",
+            "show_polls_button": "Rādīt aptauju pogu",
+            "surround_text": "Iekļaut iezīmēto tekstu, rakstot speciālās rakstzīmes",
+            "time_heading": "Laika attēlošana"
+        },
+        "prompt_invite": "Pārjautāt pirms uzaicinājuma nosūtīšanas potenciāli nederīgiem matrix ID",
+        "replace_plain_emoji": "Automātiski aizstāt vienkāršā teksta emocijzīmes",
+        "security": {
+            "analytics_description": "Kopīgojiet anonīmus datus, lai palīdzētu mums noteikt problēmas. Nekā personīga. Trešās personas nav iesaistītas..",
+            "bulk_options_accept_all_invites": "Pieņemt visus %(invitedRooms)s uzaicinājumus",
+            "bulk_options_reject_all_invites": "Noraidīt visus %(invitedRooms)s uzaicinājumus",
+            "bulk_options_section": "Apjoma iespējas",
+            "e2ee_default_disabled_warning": "Jūsu servera administrators pēc noklusējuma ir atspējojis pilnīgu šifrēšanu privātajās istabās un tiešajos ziņās.",
+            "enable_message_search": "Iespējot ziņu meklēšanu šifrētās istabās",
+            "encryption_section": "Šifrēšana",
+            "ignore_users_empty": "Nav vērā neņemtu lietotāju.",
+            "ignore_users_section": "Vērā neņemtie lietotāji",
+            "key_backup_algorithm": "Algoritms:",
+            "message_search_disable_warning": "Ja šī opcija ir atspējota, ziņas no šifrētām istabām neparādīsies meklēšanas rezultātos.",
+            "message_search_disabled": "Drošā veidā saglabājiet lokālajā kešatmiņā šifrētās ziņas, lai tās parādītos meklēšanas rezultātos.",
+            "message_search_enabled": {
+                "zero": "",
+                "one": "Drošā veidā saglabājiet lokālajā kešatmiņā šifrētās ziņas, izmantojot %(size)s %(rooms)s istabas ziņu saglabāšanai, lai tās parādītos meklēšanas rezultātos.",
+                "other": "Drošā veidā saglabājiet lokālajā kešatmiņā šifrētās ziņas, izmantojot %(size)s %(rooms)s istabām ziņu saglabāšanai, lai tās parādītos meklēšanas rezultātos."
+            },
+            "message_search_failed": "Ziņu meklēšanas inicializācija neizdevās",
+            "message_search_indexed_messages": "Indeksētās ziņas:",
+            "message_search_indexed_rooms": "Indeksētās istabas:",
+            "message_search_indexing": "Pašlaik indeksē: %(currentRoom)s",
+            "message_search_indexing_idle": "Pašlaik neindeksē ziņas nevienai istabai.",
+            "message_search_intro": "%(brand)s droši lokāli saglabā šifrētas ziņas kešatmiņā, lai tās tiktu parādītas meklēšanas rezultātos:",
+            "message_search_room_progress": "%(doneRooms)s no %(totalRooms)s",
+            "message_search_section": "Ziņu meklēšana",
+            "message_search_sleep_time": "Cik ātri būtu jālejupielādē ziņas.",
+            "message_search_space_used": "Izmantotā vieta:",
+            "message_search_unsupported": "%(brand)s trūkst dažu komponentu, kas nepieciešami šifrētu ziņu drošai glabāšanai lokālā kešatmiņā. Ja vēlaties eksperimentēt ar šo funkciju, uzbūvejiet pielāgotu %(brand)s Desktop ar <nativeLink>pievienotiem meklēšanas komponentiem</nativeLink> .",
+            "message_search_unsupported_web": "%(brand)s nevar droši glabāt lokālā kešatmiņā šifrētas ziņas, darbojoties tīmekļa pārlūkprogrammā. Izmantojiet <desktopLink>%(brand)s Desktop</desktopLink>, lai šifrēti ziņojumi tiktu parādīti meklēšanas rezultātos.",
+            "record_session_details": "Klienta nosaukuma, versijas un URL ierakstīšana palīdz vieglāk atpazīt sesijas sesiju pārvaldniekā",
+            "send_analytics": "Sūtīt analītikas datus",
+            "strict_encryption": "Nekad šajā sesijā nesūtīt šifrētas ziņas neapliecinātām sesijām"
+        },
+        "send_read_receipts": "Sūtīt lasīšanas apliecinājumus",
+        "send_read_receipts_unsupported": "Jūsu serveris neatbalsta lasīšanas apliecinājumu sūtīšanas atspējošanu.",
+        "send_typing_notifications": "Sūtīt paziņojumus par rakstīšanu",
+        "sessions": {
+            "best_security_note": "Visdrošāk ir apliecināt savas sesijas un atteikties no jebkuras sesijas, kas nav atpazīstama vai netiek vairs izmantota.",
+            "confirm_sign_out": {
+                "zero": "Jāapstiprina atteikšanās no šīm ierīcēm.",
+                "one": "Jāapstiprina atteikšanās no šīs ierīces.",
+                "other": "Jāapstiprina atteikšanās no šīm ierīcēm."
+            },
+            "confirm_sign_out_body": {
+                "zero": "Jāklikšķina uz zemāk esošās pogas, lai apstiprinātu atteikšanos no šīm ierīcēm.",
+                "one": "Jāklikšķina uz zemāk esošās pogas, lai apstiprinātu atteikšanos no šīs ierīces.",
+                "other": "Jāklikšķina uz zemāk esošās pogas, lai apstiprinātu atteikšanos no šīm ierīcēm."
+            },
+            "confirm_sign_out_continue": {
+                "zero": "Atteikties no ierīcēm",
+                "one": "Atteikties no ierīces",
+                "other": "Atteikties no ierīcēm"
+            },
+            "confirm_sign_out_sso": {
+                "zero": "Jāapstiprina atteikšanās no šīm ierīcēm ar vienoto pierakstīšanos, lai pierādītu savu identitāti.",
+                "one": "Jāapstiprina atteikšanās no šīs ierīces ar vienoto pierakstīšanos, lai pierādītu savu identitāti.",
+                "other": "Jāapstiprina atteikšanās no šīm ierīcēm ar vienoto pierakstīšanos, lai pierādītu savu identitāti."
+            },
+            "current_session": "Pašreizējā sesija",
+            "desktop_session": "Darbvirsmas sesija",
+            "details_heading": "Sesijas izklāsts",
+            "device_unverified_description": "Apliecināt vai izrakstīties no šīs sesijas, lai nodrošinātu vislabāko drošību un uzticamību.",
+            "device_unverified_description_current": "Apliecini savu pašreizējo sesiju pastiprinātai drošajai ziņojumapmaiņai!",
+            "device_verified_description": "Šī sesija ir gatava drošai ziņojumapmaiņai.",
+            "device_verified_description_current": "Pašreizējā sesija ir gatava doršai ziņojumuapmaiņai.",
+            "error_pusher_state": "Neizdevās iestatīt bīdītāja stāvokli",
+            "error_set_name": "Neizdevās iestatīt sesijas nosaukumu",
+            "filter_all": "Visas",
+            "filter_inactive": "Neizmantotas",
+            "filter_inactive_description": "Neizmantotas %(inactiveAgeDays)s dienas vai ilgāk",
+            "filter_label": "Atsijāt ierīces",
+            "filter_unverified_description": "Nav gatavs drošai ziņojumapmaiņai",
+            "filter_verified_description": "Gatavs drošai ziņojumapmaiņai",
+            "hide_details": "Paslēpt izklāstu",
+            "inactive_days": "Neizmantots vismaz %(inactiveAgeDays)s dienas",
+            "inactive_sessions": "Neizmantotās sesijas",
+            "inactive_sessions_explainer_1": "Neizmantotās sesijas ir sesijas, kas kādu laiku nav izmantotas, bet tās turpina saņemt šifrēšanas atslēgas.",
+            "inactive_sessions_explainer_2": "Neizmantotu sesiju noņemšana uzlabo drošību un veiktspēju un padara vieglāk nosakāmu, vai jauna sesija ir aizdomīga.",
+            "inactive_sessions_list_description": "Apsver izrakstīšanos no vecām sesijām (%(inactiveAgeDays)s dienas vai vecākas), kas vairs netiek izmantotas.",
+            "ip": "IP adrese",
+            "last_activity": "Pēdējā darbība",
+            "mobile_session": "Viedierīces sesija",
+            "n_sessions_selected": {
+                "zero": "Atlasītas %(count)s sesiju",
+                "one": "Atlasīta %(count)s sesija",
+                "other": "Atlasītas %(count)s sesijas"
+            },
+            "no_inactive_sessions": "Netika atrasta neviena neizmantota sesija.",
+            "no_sessions": "Netika atrasta neviena sesija.",
+            "no_unverified_sessions": "Netika atrasta neviena neapliecināta sesija.",
+            "no_verified_sessions": "Netika atrasta neviena apliecināta sesija.",
+            "other_sessions_heading": "Citas sesijas",
+            "push_heading": "Pašpiegādes paziņojumi",
+            "push_subheading": "Saņemt pašpiegādes paziņojumus šajā sesijā.",
+            "push_toggle": "Pārslēgt pašpiegādes paziņojumus šajā sesijā.",
+            "rename_form_caption": "Lūgums ņemt vērā, ka sesiju nosaukumi ir redzami arī cilvēkiem, ar kuriem sazinies.",
+            "rename_form_heading": "Pārdēvēt sesiju",
+            "rename_form_learn_more": "Pārdēvē sesijas",
+            "rename_form_learn_more_description_1": "Citi lietotāji tiešajās ziņās un istabās, kurās pievienojies, var redzēt visu Tavu sesiju sarakstu.",
+            "rename_form_learn_more_description_2": "Tas viņiem nodrošina pārliecību, ka viņi patiešām runā ar Tevi, bet tas arī nozīmē, ka viņi var redzēt šeit ievadīto sesijas nosaukumu.",
+            "security_recommendations": "Drošības ieteikumi",
+            "security_recommendations_description": "Uzlabo sava konta drošību, ievērojot šos ieteikumus!",
+            "session_id": "Sesijas Id",
+            "show_details": "Rādīt izvērsumu",
+            "sign_in_with_qr": "Sasaistīt jaunu ierīci",
+            "sign_in_with_qr_button": "Rādīt kvadrātkodu",
+            "sign_in_with_qr_description": "Izmantot kvadrātkodu, lai pieteiktos citā ierīcē un uzstādītu drošu ziņojumapmaiņu.",
+            "sign_out": "Izrakstīties no šīs sesijas",
+            "sign_out_all_other_sessions": "Izrakstīties no visām pārējām sesijām (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "zero": "Vai tiešām atteikties no %(count)s sesijām?",
+                "one": "Vai tiešām atteikties no %(count)s sesijas?",
+                "other": "Vai tiešām atteikties no %(count)s sesijām?"
+            },
+            "sign_out_n_sessions": {
+                "zero": "Izrakstīties no %(count)s sesijām",
+                "one": "Izrakstīties no %(count)s sesijas",
+                "other": "Izrakstīties no %(count)s sesijām"
+            },
+            "title": "Sesijas",
+            "unknown_session": "Nezināms sesijas veids",
+            "unverified_session": "Neapliecināta sesija",
+            "unverified_session_explainer_1": "Šī sesija nenodrošina šifrēšanu, un tādēļ to nevar apliecināt.",
+            "unverified_session_explainer_2": "Ar šo sesiju nebūs iespējams piedalīties istabās, kurās ir iespējota šifrēšana.",
+            "unverified_session_explainer_3": "Lai nodrošinātu vislabāko drošību un privātumu, ir ieteicams izmantot Matrix klientus, kas nodrošina šifrēšanu.",
+            "unverified_sessions": "Neapliecinātās sesijas",
+            "unverified_sessions_explainer_1": "Neapliecinātās sesijas ir sesijas, kurās ir notikusi pieteikšanās ar Taviem pieteikšanās datiem, bet nav savstarpēji apliecinātas.",
+            "unverified_sessions_explainer_2": "Būtu īpaši jāpārliecinās, ka šīs sesijas ir atpazīstamas, jo tās varētu liecināt par neatļautu konta izmantošanu.",
+            "unverified_sessions_list_description": "Apliecini savas sesijas pastiprinātai drošajai ziņojumapmaiņai vai izraksties no tām, kuras nav atpazīstamas vai netiek vairs izmantotas!",
+            "url": "URL",
+            "verified_session": "Apliecināta sesija",
+            "verified_sessions": "Apliecinātās sesijas",
+            "verified_sessions_explainer_1": "Apliecinātās sesijas ir jebkur, kur tiek izmantots šis konts pēc savas paroles vārdkopas ievadīšanas vai savas identitātes apstiprināšanas ar citu apliecināto sesiju.",
+            "verified_sessions_explainer_2": "Tas nozīmē, ka Tev ir visas nepieciešamās atslēgas, lai atslēgtu savas šifrētās ziņas un apstiprinātu citiem lietotājiem, ka Tu uzticies šai sesijai.",
+            "verified_sessions_list_description": "Visdrošāk ir izrakstīties no jebkuras sesijas, kas nav atpazīstama vai netiek vairs izmantota.",
+            "verify_session": "Apliecināt sesiju",
+            "web_session": "Tīmekļa sesija"
+        },
+        "show_avatar_changes": "Rādīt profila attēla izmaiņas",
+        "show_breadcrumbs": "Rādīt saīsnes uz nesen skatītajām istabām istabu saraksta augšpusē",
+        "show_chat_effects": "Rādīt tērzēšanas efektus (piemēram, animācijas, kad tiek saņemts konfeti)",
+        "show_displayname_changes": "Rādīt parādāmā vārda izmaiņas",
+        "show_join_leave": "Rādīt pievienošanās/atstāšanas ziņas (netiek ietekmēti uzaicinājumi/noņemšana/aizliegumi)",
+        "show_nsfw_content": "Rādīt NSFW saturu",
+        "show_read_receipts": "Rādīt izlasīšanas apliecinājumus no citiem lietotājiem",
+        "show_redaction_placeholder": "Rādīt dzēstu ziņu vietturus",
+        "show_stickers_button": "Rādīt uzlīmju pogu",
+        "show_typing_notifications": "Rādīt paziņojumus par rakstīšanu",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "Rādīt visas istabas",
+            "metaspaces_home_all_rooms_description": "Rādīt visas savas istabas sākumlapā, pat ja tās pievienotas kādai telpai.",
+            "metaspaces_home_description": "Sākums ir noderīgs, lai iegūtu pārskatu par visu.",
+            "metaspaces_orphans": "Istabas ārpus telpām",
+            "metaspaces_orphans_description": "Grupējiet visas telpām nepiesaistītās istabas vienuviet.",
+            "metaspaces_subsection": "Telpas, ko rādīt",
+            "metaspaces_video_rooms": "Video istabas un konferences",
+            "metaspaces_video_rooms_description": "Grupējiet visas privātās video istabas un konferences.",
+            "metaspaces_video_rooms_description_invite_extension": "Konferencēs jūs varat uzaicināt cilvēkus ārpus matrix.",
+            "spaces_explainer": "Telpas ir veids, kā grupēt istabas un cilvēkus. Papildus telpām, kurās atrodaties, varat izmantot arī dažas sākotnēji veidotās telpas.",
+            "title": "Sānjoslas"
+        },
+        "use_12_hour_format": "Rādīt laiku 12 stundu formātā (piemēram 2:30pm)",
+        "use_command_enter_send_message": "Lietot Command + Enter ziņas nosūtīšanai",
+        "use_command_f_search": "Lietot Command + F meklēšanai laika skalā",
+        "use_control_enter_send_message": "Lietot Ctrl + Enter ziņas nosūtīšanai",
+        "use_control_f_search": "Lietot Ctrl + F meklēšanai laika skalā",
+        "voip": {
+            "allow_p2p": "Atļaut Peer-to-peer 1:1 zvanos",
+            "allow_p2p_description": "Ja tas ir iespējots, otra puse var redzēt jūsu IP adresi",
+            "audio_input_empty": "Nav mikrofonu",
+            "audio_output": "Audio izeja",
+            "audio_output_empty": "Nav konstatētas audio izejas",
+            "auto_gain_control": "Automātiska pastiprinājuma kontrole",
+            "echo_cancellation": "Atbalss slāpēšana",
+            "enable_fallback_ice_server": "Atļaut rezerves zvanu palīgserveri (%(server)s)",
+            "enable_fallback_ice_server_description": "Attiecināms tikai tad, ja Tavs mājasserveris to nenodrošina. Tava IP adrese zvana laikā tiks kopīgota.",
+            "mirror_local_feed": "Rādīt spoguļskatā kameras video",
+            "missing_permissions_prompt": "Trūkst multivides atļauju. Lai pieprasītu, noklikšķiniet uz tālāk esošās pogas.",
+            "noise_suppression": "Trokšņu slāpēšana",
+            "request_permissions": "Pieprasīt multivides atļaujas",
+            "title": "Balss un video",
+            "video_input_empty": "Nav webkameru",
+            "video_section": "Video iestatījumi",
+            "voice_agc": "Automātiski pielāgot mikrofona skaļumu",
+            "voice_processing": "Balss apstrāde",
+            "voice_section": "Balss iestatījumi"
+        },
+        "warn_quit": "Brīdāt pirms pamešanas",
+        "warning": "<w> BRĪDINĀJUMS:</w> <description/>"
+    },
+    "share": {
+        "permalink_message": "Saite uz izvēlēto ziņu",
+        "permalink_most_recent": "Saite uz jaunāko ziņu",
+        "share_call": "Konferences uzaicinājuma saite",
+        "share_call_subtitle": "Saite ārējiem lietotājiem, lai pievienotos zvanam bez matrix konta:",
+        "title_link": "Saites kopīgošana",
+        "title_message": "Dalīties ar istabas ziņu",
+        "title_room": "Dalīties ar istabu",
+        "title_user": "Dalīties ar lietotāja kontaktdatiem"
+    },
+    "slash_command": {
+        "addwidget": "Pievieno istabai pielāgotu ekrānvadīklu ar URL",
+        "addwidget_iframe_missing_src": "iframe nav src atribūta",
+        "addwidget_invalid_protocol": "Lūgums norādīt ekrānvadīklas URL ar https:// vai http://",
+        "addwidget_missing_url": "Lūgums norādīt ekrānvadīklas URL vai iegulšanas kodu",
+        "addwidget_no_permissions": "Tu šajā istabā nevari mainīt ekrānvadīklas.",
+        "ban": "Liedz pieeju lietotājam ar norādīto id",
+        "category_actions": "Darbības",
+        "category_admin": "Administrators",
+        "category_advanced": "Papildu",
+        "category_effects": "Efekti",
+        "category_messages": "Ziņas",
+        "category_other": "Citi",
+        "command_error": "Komandas kļūda",
+        "converttodm": "Pārveido istabu par DM",
+        "converttoroom": "Pārveido DM par istabu",
+        "could_not_find_room": "Nevarēja atrast istabu",
+        "deop": "Atceļ operatora statusu lietotājam ar norādīto Id",
+        "devtools": "Atver izstrādātāja rīku logu",
+        "discardsession": "Piespiedu kārtā pārtrauc pašreizējo izejošo grupas sesiju šifrētajā istabā",
+        "error_invalid_rendering_type": "Komandas kļūda: Nevar atrast attēlošanas veidu (%(renderingType)s )",
+        "error_invalid_room": "Komanda neizdevās: Nevar atrast istabu (%(roomId)s )",
+        "error_invalid_runfn": "Komandas kļūda: Nevar apstrādāt slīpsvītras komandu.",
+        "error_invalid_user_in_room": "Nevarēja atrast istabas lietotāju",
+        "help": "Parāda komandu sarakstu ar pielietojumiem un aprakstiem",
+        "help_dialog_title": "Komandu palīdzība",
+        "holdcall": "Iepauzē sazvanu šajā istabā",
+        "html": "Nosūta ziņu kā HTML, to neinterpretējot kā Markdown",
+        "ignore": "Ignorē lietotāju, nerādot jums viņa sūtītās ziņas",
+        "ignore_dialog_description": "Jūs pašlaik ignorējat %(userId)s",
+        "ignore_dialog_title": "Vērā neņemts lietotājs",
+        "invite": "Uzaicina lietotāju ar norādīto id uz pašreizējo istabu",
+        "invite_3pid_needs_is_error": "Izmantojiet identitātes serveri, lai uzaicinātu pa e-pastu. Pārvaldība pieejama Iestatījumos.",
+        "invite_3pid_use_default_is_title": "Izmantot identitāšu serveri",
+        "invite_3pid_use_default_is_title_description": "Izmantojiet identitātes serveri, lai uzaicinātu pa e-pastu. Noklikšķiniet uz Turpināt, lai izmantotu noklusējuma identitātes serveri (%(defaultIdentityServerName)s) vai nomainītu to Iestatījumos.",
+        "invite_failed": "Lietotājs (%(user)s ) neparādās kā uzaicināts uz %(roomId)s, tomēr uzaicinātāja utilīta nav ziņojusi par kļūdu",
+        "join": "Pievienojas istabai ar šādu adresi",
+        "jumptodate": "Pāriet uz norādīto datumu laika skalā",
+        "jumptodate_invalid_input": "Mēs nevarējām saprast norādīto datumu (%(inputDate)s). Mēģiniet izmantot formātu GGGG-MM-DD.",
+        "lenny": "Pievieno ( ͡° ͜ʖ ͡°) pirms vienkārša teksta ziņas",
+        "me": "Parāda darbību",
+        "msg": "Nosūtīt ziņu dotajam lietotājam",
+        "myavatar": "Nomaina profila attēlu visās istabās",
+        "myroomavatar": "Nomaina Tavu profila attēlu tikai pašreizējā istabā",
+        "myroomnick": "Maina parādāmo segvārdu tikai pašreizējā istabā",
+        "nick": "Maina Tavu attēlojamo segvārdu",
+        "no_active_call": "Šajā istabā nav aktīva zvana",
+        "op": "Noteikt lietotāja jaudas līmeni",
+        "part_unknown_alias": "Neatpazīta istabas adrese: %(roomAlias)s",
+        "plain": "Nosūta ziņu kā vienkāršu tekstu, to neinterpretējot kā Markdown",
+        "query": "Atver tērzēšanu ar šo lietotāju",
+        "query_not_found_phone_number": "Tālruņa numuram nevar atrast Matrix ID",
+        "rageshake": "Nosūtīt kļūdas ziņojumu ar žurnāliem/logiem",
+        "rainbow": "Nosūta šo ziņu iekrāsotu varavīksnes krāsās",
+        "rainbowme": "Nosūta šo emociju iekrāsotu varavīksnes krāsās",
+        "remove": "Noņem lietotāju ar norādīto ID no šīs istabas",
+        "roomavatar": "Maina šīs istabas avataru",
+        "roomname": "Iestata istabas nosaukumu",
+        "server_error": "Servera kļūda",
+        "server_error_detail": "Serveris ir nesasniedzams, pārslogots, vai arī esi uzdūries kļūdai.",
+        "shrug": "Pievieno ¯\\_(ツ)_/¯ pirms vienkārša teksta ziņas",
+        "spoiler": "Nosūta norādīto ziņu kā spoileri",
+        "tableflip": "Pievieno (╯°□°）╯︵ ┻━┻ pirms vienkārša teksta ziņas",
+        "topic": "Nolasa vai iestata istabas tematu",
+        "topic_none": "Istabai nav temata.",
+        "topic_room_error": "Neizdevās iegūt istabas tēmu: Nevar atrast istabu (%(roomId)s",
+        "unban": "Atceļ pieejas liegumu lietotājam ar norādīto id",
+        "unflip": "Pievieno ┬──┬ ノ( ゜-゜ノ) pirms vienkārša teksta ziņas",
+        "unholdcall": "Šajā istabā iepauzētās sazvana atpauzēšana",
+        "unignore": "Aptur lietotāja neņemšanu vērā, rādot viņa turpmākās ziņas",
+        "unignore_dialog_description": "%(userId)s vairs netiek neņemts vērā",
+        "unignore_dialog_title": "Atcelta lietotāja neņemšana vērā",
+        "unknown_command": "Nezināma komanda",
+        "unknown_command_button": "Nosūtīt kā ziņu",
+        "unknown_command_detail": "Neatpazīta komanda: %(commandText)s",
+        "unknown_command_help": "Varat izmantot <code>/help</code>, lai parādītu pieejamās komandas. Vai jūs domājāt to nosūtīt kā ziņu?",
+        "unknown_command_hint": "Padoms: Sāciet ziņu ar <code>//</code>, lai sāktu to ar slīpsvītru.",
+        "upgraderoom": "Atjaunina istabu uz jaunu versiju",
+        "upgraderoom_permission_error": "Nav šīs komandas izmantošanai nepieciešamo atļauju.",
+        "usage": "Lietojums",
+        "verify": "Verificē lietotāju, sesiju un publiskās atslēgas",
+        "view": "Skata istabu ar norādīto adresi",
+        "whois": "Parāda lietotāja informāciju"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "Vai tā vietā vēlaties pievienot jaunu istabu?",
+            "create_prompt": "Izveidot jaunu istabu",
+            "dm_heading": "Tiešā sarakste",
+            "error_heading": "Ne visi atlasītie tika pievienoti",
+            "progress_text": {
+                "zero": "",
+                "one": "Pievieno istabu...",
+                "other": "Pievieno istabas... (%(progress)s no %(count)s)"
+            },
+            "space_dropdown_label": "Telpas izvēle",
+            "space_dropdown_title": "Pievienot esošas istabas",
+            "subspace_moved_note": "Telpu pievienošana ir pārvietota."
+        },
+        "add_existing_subspace": {
+            "create_button": "Izveidot jaunu telpu",
+            "create_prompt": "Vai vēlaties tā vietā pievienot jaunu telpu?",
+            "filter_placeholder": "Meklēt telpas",
+            "space_dropdown_title": "Pievienot esošo telpu"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Skatīt istabas laika grafiku (devtools)",
+            "explore": "Pārlūkot istabas",
+            "home": "Telpas sākumlapa",
+            "manage_and_explore": "Pārvaldiet un izpētiet istabas",
+            "options": "Telpas opcijas"
+        },
+        "failed_load_rooms": "Neizdevās ielādēt istabu sarakstu.",
+        "failed_remove_rooms": "Neizdevās noņemt dažas istabas. Vēlāk mēģiniet vēlreiz",
+        "incompatible_server_hierarchy": "Jūsu serveris neatbalsta telpu hierarhijas rādīšanu.",
+        "invite": "Uzaicināt cilvēkus",
+        "invite_description": "Uzaiciniet ar e-pastu vai lietotājvārdu",
+        "invite_link": "Dalīties ar uzaicinājuma saiti",
+        "joining_space": "Pievienojas",
+        "landing_welcome": "Laipni lūdzam <name/>!",
+        "leave_dialog_action": "Pamest telpu",
+        "leave_dialog_description": "Jūs gatavojaties pamest <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Jūs esat vienīgais administrators vairākās istabās vai telpās, kuras vēlaties pamest. Tādējādi tās paliks bez administratoriem.",
+        "leave_dialog_only_admin_warning": "Jūs esat vienīgais šīs telpas administrators. Pametot to, nebūs neviena, kas varēs to pārvaldīt.",
+        "leave_dialog_option_all": "Pamest visas istabas",
+        "leave_dialog_option_intro": "Vai vēlaties pamest istabas šajā telpā?",
+        "leave_dialog_option_none": "Nepamest nevienu istabu",
+        "leave_dialog_option_specific": "Pamest dažas istabas",
+        "leave_dialog_public_rejoin_warning": "Jūs nevarēsit atkārtoti pievienoties, ja netiksiet atkārtoti uzaicināts.",
+        "leave_dialog_title": "Pamest %(spaceName)s",
+        "mark_suggested": "Atzīmēt kā ieteiktu",
+        "no_search_result_hint": "Iespējams, vēlēsities izmēģināt citu meklēšanu vai pārbaudīt drukas kļūdas.",
+        "preferences": {
+            "sections_section": "Parādāmās sadaļas",
+            "show_people_in_space": "Ši opcija grupē jūsu tērzēšanu ar šīs telpas dalībniekiem. Izslēdzot to, šīs tērzēšanas tiks paslēptas no jūsu %(spaceName)s izkārtojuma ."
+        },
+        "room_filter_placeholder": "Meklēt istabas",
+        "search_children": "Meklēt %(spaceName)s",
+        "search_placeholder": "Meklējiet nosaukumus un aprakstus",
+        "select_room_below": "Vispirms izvēlieties istabu zemāk",
+        "share_public": "Dalīties ar jūsu publisko telpu",
+        "suggested": "Ieteicamās",
+        "suggested_tooltip": "Šī istaba tiek ieteikta kā laba, kurai pievienoties",
+        "title_when_query_available": "Rezultāti",
+        "title_when_query_unavailable": "Istabas un telpas",
+        "unmark_suggested": "Atzīmēt kā neieteiktu",
+        "user_lacks_permission": "Nav atļaujas"
+    },
+    "space_settings": {
+        "title": "Iestatījumi - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Ievadiet nosaukumu jaunam serverim, kuru vēlaties pārlūkot.",
+            "network_dropdown_add_dialog_placeholder": "Servera nosaukums",
+            "network_dropdown_add_dialog_title": "Pievienot jaunu serveri",
+            "network_dropdown_add_server_option": "Pievienot jaunu serveri…",
+            "network_dropdown_available_invalid": "Nevar atrast šo serveri vai tā istabu sarakstu",
+            "network_dropdown_available_invalid_forbidden": "Jums nav atļauts skatīt šī servera istabu sarakstu",
+            "network_dropdown_available_valid": "Izskatās labi",
+            "network_dropdown_remove_server_adornment": "Noņemt serveri \"%(roomServer)s\"",
+            "network_dropdown_required_invalid": "Ievadiet servera nosaukumu",
+            "network_dropdown_selected_label": "Rādīt: Matrix istabas",
+            "network_dropdown_selected_label_instance": "Rādīt: %(instance)s istabas (%(server)s)",
+            "network_dropdown_your_server_description": "Tavs serveris"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Ja neredzat meklēto personu, nosūtiet tai uzaicinājuma saiti.",
+        "cant_find_room_helpful_hint": "Ja nevar atrast meklēto istabu, jāpalūdz uzaicinājums vai jāizveido jauna istaba.",
+        "copy_link_text": "Kopēt uzaicinājuma saiti",
+        "count_of_members": {
+            "zero": "",
+            "one": "%(count)s dalībnieks",
+            "other": "%(count)s dalībnieki"
+        },
+        "create_new_room_button": "Izveidot jaunu istabu",
+        "failed_querying_public_rooms": "Neizdevās pieprasīt publiskās istabas",
+        "failed_querying_public_spaces": "Neizdevās pieprasīt publiskās telpas",
+        "group_chat_section_title": "Citas iespējas",
+        "heading_with_query": "Izmantot \"%(query)s\" meklēšanai",
+        "heading_without_query": "Meklēt",
+        "keyboard_scroll_hint": "Lietojiet <arrows/> ritināšanai",
+        "other_rooms_in_space": "Citas istabas %(spaceName)s",
+        "public_rooms_label": "Publiskas istabas",
+        "public_spaces_label": "Publiskās telpas",
+        "recent_searches_section_title": "Nesenie meklējumi",
+        "recently_viewed_section_title": "Nesen skatītie",
+        "remove_filter": "Noņemt meklēšanas filtru %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Daži rezultāti var būt slēpti dēļ privātuma",
+        "result_may_be_hidden_warning": "Atsevišķi rezultāti var būt slēpti",
+        "spaces_title": "Telpas, kurās atrodaties",
+        "start_group_chat_button": "Uzsākt grupas tērzēšanu"
+    },
+    "stickers": {
+        "empty": "Pašlaik nav iespējota neviena uzlīmju paka",
+        "empty_add_prompt": "Pievienot kādu tagad"
+    },
+    "terms": {
+        "column_document": "Dokuments",
+        "column_service": "Pakalpojums",
+        "column_summary": "Kopsavilkums",
+        "identity_server_no_terms_description_1": "Šai darbībai ir nepieciešama piekļuve noklusējuma identitāšu serverim <server />, lai pārbaudītu e-pasta adresi vai tālruņa numuru, taču serverim nav pakalpojuma noteikumu.",
+        "identity_server_no_terms_description_2": "Turpiniet tikai gadījumā, ja uzticaties servera īpašniekam.",
+        "identity_server_no_terms_title": "Identitāšu serverim nav pakalpojuma noteikumu",
+        "inline_intro_text": "Jāpieņem <policyLink />, lai turpinātu:",
+        "integration_manager": "Izmatot robotprogrammatūru, tiltus, ekrānvadīklas un uzlīmju pakas",
+        "intro": "Lai turpinātu, ir nepieciešams pieņemt šī pakalpojuma noteikumus.",
+        "summary_identity_server_1": "Atrast citus pēc tālruņa numura vai e-pasta adreses",
+        "summary_identity_server_2": "Esi atrodams pēc tālruņa numura vai e-pasta adreses",
+        "tac_button": "Pārskatīt noteikumus un nosacījumus",
+        "tac_description": "Lai turpinātu izmantot mājasserveri %(homeserverDomain)s, ir jāpārskata un jāpiekrīt mūsu noteikumiem un nosacījumiem.",
+        "tac_title": "Noteikumi un nosacījumi",
+        "tos": "Pakalpojuma noteikumi"
+    },
+    "theme": {
+        "light_high_contrast": "Gaišs augsts kontrasts",
+        "match_system": "Saskaņā ar sistēmu"
+    },
+    "thread_view_back_action_label": "Atpakaļ uz pavedienu",
+    "threads": {
+        "count_of_reply": {
+            "zero": "",
+            "one": "%(count)s atbilde",
+            "other": "%(count)s atbildes"
+        },
+        "show_thread_filter": "Rādīt:"
+    },
+    "threads_activity_centre": {
+        "no_rooms_with_threads_notifs": "Jums vēl nav istabu ar pavedienu paziņojumiem.",
+        "no_rooms_with_unread_threads": "Jums vēl nav istabu ar nelasītiem pavedieniem."
+    },
+    "time": {
+        "date_at_time": "%(date)s pulksten %(time)s",
+        "hours_minutes_seconds_left": "%(hours)sh %(minutes)s m %(seconds)s s atlicis",
+        "left": "%(timeRemaining)s atlicis",
+        "minutes_seconds_left": "%(minutes)sm %(seconds)s s atlicis",
+        "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",
+        "short_hours": "%(value)s st.",
+        "short_hours_minutes_seconds": "%(hours)sh %(minutes)sm %(seconds)ss",
+        "short_minutes": "%(value)s min.",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)ss",
+        "short_seconds": "%(value)s sek."
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Sakļaut atbildes pavedienu",
+            "external_url": "Avota URL adrese",
+            "open_in_osm": "Atvērt ar OpenStreetMap",
+            "report": "Ziņot",
+            "resent_unsent_reactions": "Atkārtoti nosūtīt %(unsentCount)s reakcija(s)",
+            "show_url_preview": "Rādīt priekšskatījumu",
+            "view_related_event": "Skatīt saistīto notikumu",
+            "view_source": "Skatīt pirmkodu"
+        },
+        "creation_summary_dm": "%(creator)s uzsāka šo tiešo saraksti.",
+        "creation_summary_room": "%(creator)s izveidoja un nokonfigurēja istabu.",
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Lejupielādē",
+        "edits": {
+            "tooltip_label": "Labots %(date)s. Klikšķināt, lai skatītu labojumus.",
+            "tooltip_sub": "Noklikšķiniet, lai skatītu labojumus",
+            "tooltip_title": "Labots %(date)s"
+        },
+        "error_no_renderer": "Šo notikumu nevarēja parādīt",
+        "error_rendering_message": "Nevar ielādēt šo ziņu",
+        "historical_messages_unavailable": "Jūs nevarat redzēt senākas ziņas",
+        "in_room_name": " <strong>%(room)s istabā</strong>",
+        "io.element.widgets.layout": "%(senderName)s ir atjauninājis istabas izkārtojumu",
+        "load_error": {
+            "no_permission": "Notika mēģinājums ielādēt noteiktu šīs istabas laikjoslas punktu, bet nav atļaujas skatīt attiecīgo ziņu.",
+            "title": "Neizdevās ielādēt laikpaziņojumu pozīciju",
+            "unable_to_find": "Mēģinājums ielādēt šīs istabas tērzēšanas vēstures izvēlēto posmu neizdevās, jo tas netika atrasts."
+        },
+        "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Skatīties reāllaika atrašanās vietu"
+        },
+        "m.call": {
+            "video_call_ended": "Videozvans beidzās",
+            "video_call_started": "Videozvans sākās %(roomName)s.",
+            "video_call_started_text": "%(name)s uzsāka videozvanu",
+            "video_call_started_unsupported": "Videozvans sākās %(roomName)s. (šī pārlūkprogramma neatbalsta)"
+        },
+        "m.call.hangup": {
+            "dm": "Zvans beidzās"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Atbildēts citur",
+            "call_back_prompt": "Atzvanīt",
+            "declined": "Zvans noraidīts",
+            "failed_connect_media": "Nevarēja savienoties ar multividi",
+            "failed_connection": "Savienojums neizdevās",
+            "failed_opponent_media": "Viņu ierīce nevarēja iedarbināt kameru vai mikrofonu",
+            "missed_call": "Neatbildēts zvans",
+            "no_answer": "Nav atbildes",
+            "unknown_error": "Radās nezināma kļūda",
+            "unknown_failure": "Nezināma kļūme: %(reason)s",
+            "unknown_state": "Zvans ir nezināmā stāvoklī!",
+            "video_call": "%(senderName)s uzsāka video zvanu.",
+            "video_call_unsupported": "%(senderName)s uzsāka video zvanu. (Netiek atbalstīts šajā pārlūkā)",
+            "voice_call": "%(senderName)s uzsāka balss zvanu.",
+            "voice_call_unsupported": "%(senderName)s uzsāka balss zvanu. (Netiek atbalstīts šajā pārlūkā)"
+        },
+        "m.file": {
+            "error_decrypting": "Kļūda pielikuma atšifrēšanā"
+        },
+        "m.image": {
+            "error": "Nevar parādīt attēlu kļūdas dēļ",
+            "error_decrypting": "Kļūda attēla atšifrēšanā",
+            "error_downloading": "Kļūda attēla lejupielādēšanā",
+            "sent": "%(senderDisplayName)s nosūtīja attēlu.",
+            "show_image": "Rādīt attēlu"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s vēlas veikt apliecināšanu",
+            "you_started": "Tu nosūtīji apliecināšanas pieprasījumu"
+        },
+        "m.location": {
+            "full": "%(senderName)s ir dalījies ar savu atrašanās vietu",
+            "location": "Kopīgoja atrašanās vietu: ",
+            "self_location": "Kopīgoja savu atrašanās vietu: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "zero": "",
+                "one": "%(count)s balss",
+                "other": "%(count)s balsis"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s pārtrauca aptauju"
+        },
+        "m.poll.start": "%(senderName)s uzsāka aptauju- %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s mainīja istabas avataru.",
+            "lightbox_title": "%(senderDisplayName)s nomainīja %(roomName)s istabas avataru"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s pievienoja alternatīvo adresi %(addresses)s šai istabai.",
+                "other": "%(senderName)s pievienoja alternatīvās adreses %(addresses)s šai istabai."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s dzēsa šīs istabas alternatīvo adresi %(addresses)s.",
+                "other": "%(senderName)s dzēsa šīs istabas alternatīvās adreses %(addresses)s."
+            },
+            "changed": "%(senderName)s nomainīja istabas adreses.",
+            "changed_alternative": "%(senderName)s nomainīja šīs istabas alternatīvās adreses.",
+            "changed_main_and_alternative": "%(senderName)s nomainīja istabas galveno un alternatīvo adresi.",
+            "removed": "%(senderName)s dzēsa galveno adresi šai istabai.",
+            "set": "%(senderName)s iestatīja istabas galveno adresi kā %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Šī istaba ir turpinājums citai sarunai.",
+            "see_older_messages": "Noklikšķiniet šeit, lai skatītu vecākas ziņas.",
+            "unknown_predecessor": "Nevar atrast veco šīs istabas versiju (istabas ID:%(roomId)s), un mums nav pieejams “via_servers”, lai to meklētu.",
+            "unknown_predecessor_guess_server": "Nevar atrast šīs telpas veco versiju (istabas ID:%(roomId)s), un mums nav pieejams 'via_servers' , lai to meklētu. Iespējams, ka noderēs servera uzminēšana pēc istabas ID. Ja vēlaties izmēģināt, noklikšķiniet uz šīs saites:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s atļāva viesiem pievienoties istabai.",
+            "forbidden": "%(senderDisplayName)s aizliedza viesiem pievienoties istabai.",
+            "unknown": "%(senderDisplayName)s nomainīja viesu piekļuvi uz %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s padarīja istabas ziņu turpmāko vēsturi redzamu visiem istabas dalībniekiem no brīža, kad tie tika uzaicināti.",
+            "joined": "%(senderName)s padarīja istabas ziņu turpmāko vēsturi redzamu visiem istabas dalībniekiem ar brīdi, kad tie pievienojās.",
+            "shared": "%(senderName)s padarīja istabas ziņu turpmāko vēsturi redzamu visiem istabas dalībniekiem.",
+            "unknown": "%(senderName)s padarīja istabas ziņu turpmāko vēsturi redzamu nepazīstamajiem (%(visibility)s).",
+            "world_readable": "%(senderName)s padarīja istabas ziņu turpmāko vēsturi redzamu ikvienam."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s padarīja istabu pieejamu tikai ar ielūgumiem.",
+            "knock": "%(senderDisplayName)s mainīja pievienošanās noteikumu, lai aicinātu pievienoties.",
+            "public": "%(senderDisplayName)s padarīja istabu publiski pieejamu visiem, kas zina saiti.",
+            "restricted": "%(senderDisplayName)s nomainīja, kas var pievienoties šai istabai.",
+            "restricted_settings": "%(senderDisplayName)s nomainīja, kas var pievienoties šai istabai. <a>Skatīt iestatījumus</a>.",
+            "unknown": "%(senderDisplayName)s nomainīja pievienošanās noteikumu uz %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s pieņēma uzaicinājumu uz %(displayName)s",
+            "accepted_invite": "%(targetName)s pieņēma uzaicinājumu",
+            "ban": "%(senderName)s liedza pieeju %(targetName)s",
+            "ban_reason": "%(senderName)s liedza pieeju %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s nomainīja savu profila attēlu",
+            "change_name": "%(oldDisplayName)s nomainīja savu redzamo vārdu uz %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s nomainīja savu attēlojamo vārdu un profila attēlu",
+            "invite": "%(senderName)s uzaicināja %(targetName)s",
+            "join": "%(targetName)s pievienojās istabai",
+            "kick": "%(senderName)s noņemts %(targetName)s",
+            "kick_reason": "%(senderName)s noņemts%(targetName)s: %(reason)s",
+            "left": "%(targetName)s pameta istabu",
+            "left_reason": "%(targetName)s pameta istabu: %(reason)s",
+            "no_change": "%(senderName)s neizdarīja izmaiņas",
+            "reject_invite": "%(targetName)s noraidīja uzaicinājumu",
+            "remove_avatar": "%(senderName)s noņēma savu profila attēlu",
+            "remove_name": "%(senderName)s dzēsa savu redzamo vārdu (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s iestatīja profila attēlu",
+            "set_name": "%(senderName)s iestatīja %(displayName)s kā savu redzamo vārdu",
+            "unban": "%(senderName)s noņēma liegumu/atbanoja %(targetName)s",
+            "withdrew_invite": "%(senderName)s atsauca %(targetName)s paredzēto uzaicinājumu",
+            "withdrew_invite_reason": "%(senderName)s atsauca %(targetName)s paredzēto uzaicinājumu: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s nomainīja istabas nosaukumu no %(oldRoomName)s uz %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s dzēsa istabas nosaukumu.",
+            "set": "%(senderDisplayName)s nomainīja istabas nosaukumu uz %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s nomainīja šajā istabā piespraustās ziņas.",
+            "changed_link": "%(senderName)s nomainīja <a>piespraustās ziņas</a> šai istabai.",
+            "pinned": "%(senderName)s piesprauda ziņu šajā istabā. Skatīt visas piespraustās ziņas.",
+            "pinned_link": "%(senderName)s piesprauda <a>ziņu</a> šajā istabā. Skatīt visas <b>piespraustās ziņas</b>.",
+            "unpinned": "%(senderName)s noņēma piespraustu ziņu šajā istabā. Skatīt visas piespraustās ziņas.",
+            "unpinned_link": "%(senderName)s noņēma piespraustu <a>ziņu</a> šajā istabā. Skatīt visas <b>piespraustās ziņas</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s nomainīja jaudas līmeni %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s no %(fromPowerLevel)s uz %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s atsauca uzaicinājumu %(targetDisplayName)s pievienoties istabai.",
+            "sent": "%(senderName)s nosūtīja uzaicinājumu %(targetDisplayName)s pievienoties istabai."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s atjaunināja šo istabu.",
+        "m.sticker": "%(senderDisplayName)s nosūtīja uzlīmi.",
+        "m.video": {
+            "error_decrypting": "Kļūda video atšifrēšanā"
+        },
+        "m.widget": {
+            "added": "Ekrānvadīklu %(widgetName)s pievienoja %(senderName)s",
+            "jitsi_ended": "%(senderName)s pabeidza videokonferenci",
+            "jitsi_join_right_prompt": "Pievienojieties konferencei no istabas informācijas kartes labajā pusē",
+            "jitsi_join_top_prompt": "Pievienojieties konferencei šīs istabas augšpusē",
+            "jitsi_started": "%(senderName)s sāka videokonferenci",
+            "jitsi_updated": "%(senderName)s atjaunināja videokonferenci",
+            "modified": "ekrānvadīklu %(widgetName)s mainīja %(senderName)s",
+            "removed": "Ekrānvadīklu %(widgetName)s noņēma %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Kopēt saiti uz pavedienu",
+            "view_in_room": "Skats istabā"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s pārjaunoja lieguma noteikumu šablonu %(oldGlob)s uz šablonu %(newGlob)s dēļ %(reason)s",
+            "changed_rule_rooms": "%(senderName)s izmainīja noteikumu, kurš liedz pieeju istabām, kas atbilst %(oldGlob)s pazīmei pret %(newGlob)s dēļ %(reason)s",
+            "changed_rule_servers": "%(senderName)s aizstāja noteikumu, kas liedza pieeju serveriem, kas atbilst pazīmei %(oldGlob)s, ar atbilstošu pazīmei %(newGlob)s dēļ %(reason)s",
+            "changed_rule_users": "%(senderName)s aizstāja noteikumu, kurš liedza pieeju lietotājiem %(oldGlob)s ar jaunu noteikumu, kurš aizliedz %(newGlob)s dēļ %(reason)s",
+            "created_rule": "%(senderName)s izveidoja noteikumu pieejas liegšanai, kas atbilst %(glob)s dēļ %(reason)s",
+            "created_rule_rooms": "%(senderName)s izveidoja noteikumu pieejas liegšanai istabām, kas atbilst %(glob)s dēļ %(reason)s",
+            "created_rule_servers": "%(senderName)s izveidoja noteikumu pieejas liegšanai serveriem, kas atbilst %(glob)s dēļ %(reason)s",
+            "created_rule_users": "%(senderName)s izveidoja noteikumu pieejas liegšanai lietotājiem, kas atbilst %(glob)s dēļ %(reason)s",
+            "removed_rule": "%(senderName)s dzēsa noteikumu pieejas liegšanai atbilstoši %(glob)s",
+            "removed_rule_rooms": "%(senderName)s dzēsa noteikumu pieejas liegšanai istabām, kas atbilst %(glob)s",
+            "removed_rule_servers": "%(senderName)s dzēsa noteikumu pieejas liegšanai serveriem, kas atbilst %(glob)s",
+            "removed_rule_users": "%(senderName)s dzēsa noteikumu pieejas liegšanai lietotājiem, kas atbilst %(glob)s",
+            "updated_invalid_rule": "%(senderName)s izmainīja kļūdainu pieejas liegšanas noteikumu",
+            "updated_rule": "%(senderName)s izmainīja noteikumu pieejas liegšanai, kas atbilst %(glob)s dēļ %(reason)s",
+            "updated_rule_rooms": "%(senderName)s izmainīja noteikumu pieejas liegšanai istabām, kas atbilst %(glob)s dēļ %(reason)s",
+            "updated_rule_servers": "%(senderName)s izmainīja noteikumu pieejas liegšanai serveriem, kas atbilst %(glob)s dēļ %(reason)s",
+            "updated_rule_users": "%(senderName)s izmainīja noteikumu pieejas liegšanai lietotājiem, kas atbilst %(glob)s dēļ %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Jums nav atļaujas skatīt ziņas, kas saņemtas pirms uzaicināšanas.",
+        "no_permission_messages_before_join": "Jums nav atļaujas skatīt ziņas, kas saņemtas pirms pievienošanās.",
+        "pending_moderation": "Ziņa gaida moderēšanu",
+        "pending_moderation_reason": "Ziņa gaida moderēšanu: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Pievienot reakciju",
+            "custom_reaction_fallback_label": "Pielāgota reakcija",
+            "label": "%(reactors)s reaģēja ar %(content)s",
+            "tooltip_caption": "reaģēja ar %(shortName)s"
+        },
+        "read_receipt_title": {
+            "zero": "",
+            "one": "Redzējis %(count)s cilvēks",
+            "other": "Redzējuši %(count)s cilvēki"
+        },
+        "read_receipts_label": "Lasīšanas apliecinājumi",
+        "redacted": {
+            "tooltip": "Ziņa izdzēsta %(date)s"
+        },
+        "redaction": "%(name)s izdzēsa ziņu",
+        "reply": {
+            "error_loading": "Nevar ielādēt notikumu, uz kuru tika atbildēts, jo tas vai nu neeksistē, vai arī jums nav atļaujas to skatīt.",
+            "in_reply_to": "<a>Atbildē uz</a> <pill>",
+            "in_reply_to_for_export": "Atbildot uz <a>šo ziņu</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Jūs tiksiet novirzīts uz trešās puses vietni, lai jūs varētu autentificēt savu kontu %(integrationsUrl)s lietošanai. Vai vēlaties turpināt?",
+            "dialog_title": "Pievienot integrāciju"
+        },
+        "self_redaction": "Ziņa ir izdzēsta",
+        "send_state_encrypting": "Ziņas šifrēšana...",
+        "send_state_failed": "Neizdevās nosūtīt",
+        "send_state_sending": "Ziņas sūtīšana...",
+        "send_state_sent": "Tava ziņa tika nosūtīta",
+        "summary": {
+            "banned": {
+                "zero": "tika liegta piekļuve %(count)s reižu",
+                "one": "tika liegta piekļuve",
+                "other": "tika liegta piekļuve %(count)s reizes"
+            },
+            "banned_multiple": {
+                "zero": "tika liegta piekļuve %(count)s reižu",
+                "one": "tika liegta piekļuve",
+                "other": "tika liegta piekļuve %(count)s reizes"
+            },
+            "changed_avatar": {
+                "zero": "%(oneUser)s nomainīja savu profila attēlu",
+                "one": "%(oneUser)s nomainīja savu profila attēlu",
+                "other": "%(oneUser)s nomainīja savu profila attēlu %(count)s reizes"
+            },
+            "changed_avatar_multiple": {
+                "zero": "%(severalUsers)s nomainīja savu profila attēlu",
+                "one": "%(severalUsers)s nomainīja savu profila attēlu",
+                "other": "%(severalUsers)s nomainīja savu profila attēlu %(count)s reizes"
+            },
+            "changed_name": {
+                "zero": "%(oneUser)s izmainīja savu vārdu %(count)s reižu",
+                "one": "%(oneUser)s izmainīja savu vārdu",
+                "other": "%(oneUser)s izmainīja savu vārdu %(count)s reizes"
+            },
+            "changed_name_multiple": {
+                "zero": "%(severalUsers)s izmainīja savu vārdu %(count)s reižu",
+                "one": "%(severalUsers)s izmainīja savu vārdu",
+                "other": "%(severalUsers)s izmainīja savu vārdu %(count)s reizes"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "zero": "%(oneUser)s nosūtīja %(count)s slēptu ziņu",
+                "one": "%(oneUser)s nosūtīja %(count)s slēptu ziņu",
+                "other": "%(oneUser)s nosūtīja %(count)s slēptas ziņas"
+            },
+            "hidden_event_multiple": {
+                "zero": "%(severalUsers)s nosūtīja %(count)s slēptu ziņu",
+                "one": "%(severalUsers)s nosūtīja %(count)s slēptu ziņu",
+                "other": "%(severalUsers)s nosūtīja %(count)s slēptas ziņas"
+            },
+            "invite_withdrawn": {
+                "zero": "%(oneUser)s atsauca savus uzaicinājumu %(count)s reižu",
+                "one": "%(oneUser)s atsauca savu uzaicinājumu",
+                "other": "%(oneUser)s atsauca savu uzaicinājumu %(count)s reizes"
+            },
+            "invite_withdrawn_multiple": {
+                "zero": "%(severalUsers)s atsauca uzaicinājumus %(count)s reižu",
+                "one": "%(severalUsers)s atsauca uzaicinājumus",
+                "other": "%(severalUsers)s atsauca uzaicinājumus %(count)s reizes"
+            },
+            "invited": {
+                "zero": "tika uzaicināts(a) %(count)s reižu",
+                "one": "tika uzaicināts(a)",
+                "other": "tika uzaicināts(a) %(count)s reizes"
+            },
+            "invited_multiple": {
+                "zero": "tika uzaicināti %(count)s reižu",
+                "one": "tika uzaicināti",
+                "other": "tika uzaicināti %(count)s reizes"
+            },
+            "joined": {
+                "zero": "%(oneUser)s pievienojās %(count)s reižu",
+                "one": "%(oneUser)s pievienojās",
+                "other": "%(oneUser)s pievienojās %(count)s reizes"
+            },
+            "joined_and_left": {
+                "zero": "%(oneUser)s pievienojās un pameta %(count)s reižu",
+                "one": "%(oneUser)s pievienojās un pameta",
+                "other": "%(oneUser)s pievienojās un pameta %(count)s reizes"
+            },
+            "joined_and_left_multiple": {
+                "zero": "%(severalUsers)s pievienojās un pameta %(count)s reižu",
+                "one": "%(severalUsers)s pievienojās un pameta",
+                "other": "%(severalUsers)s pievienojās un pameta %(count)s reizes"
+            },
+            "joined_multiple": {
+                "zero": "%(severalUsers)s pievienojās %(count)s reižu",
+                "one": "%(severalUsers)s pievienojās",
+                "other": "%(severalUsers)s pievienojās %(count)s reizes"
+            },
+            "kicked": {
+                "zero": "tika noņemts %(count)s reižu",
+                "one": "tika noņemts",
+                "other": "tika noņemts %(count)s reizes"
+            },
+            "kicked_multiple": {
+                "zero": "tika noņemti %(count)s reižu",
+                "one": "tika noņemti",
+                "other": "tika noņemti %(count)s reizes"
+            },
+            "left": {
+                "zero": "%(oneUser)s pameta %(count)s reižu",
+                "one": "%(oneUser)s pameta",
+                "other": "%(oneUser)s pameta %(count)s reizes"
+            },
+            "left_multiple": {
+                "zero": "%(severalUsers)s pameta %(count)s reižu",
+                "one": "%(severalUsers)s pameta",
+                "other": "%(severalUsers)s pameta %(count)s reizes"
+            },
+            "no_change": {
+                "zero": "%(oneUser)s neveica nekādas izmaiņas %(count)s reižu",
+                "one": "%(oneUser)s neveica nekādas izmaiņas",
+                "other": "%(oneUser)s neveica nekādas izmaiņas %(count)s reizes"
+            },
+            "no_change_multiple": {
+                "zero": "%(severalUsers)s neveica nekādas izmaiņas %(count)s reižu",
+                "one": "%(severalUsers)s neveica nekādas izmaiņas",
+                "other": "%(severalUsers)s neveica nekādas izmaiņas %(count)s reizes"
+            },
+            "pinned_events": {
+                "zero": "%(oneUser)s nomainīja istabas <a>piespraustās ziņas</a> %(count)s reižu",
+                "one": "%(oneUser)s nomainīja istabas<a>piespraustās ziņas</a>",
+                "other": "%(oneUser)s nomainīja istabas <a>piespraustās ziņas</a> %(count)s reizes"
+            },
+            "pinned_events_multiple": {
+                "zero": "%(severalUsers)s nomainīja istabas <a>piespraustās ziņas</a> %(count)s reižu",
+                "one": "%(severalUsers)s nomainīja istabas <a>piespraustās ziņas</a>",
+                "other": "%(severalUsers)snomainīja istabas <a>piespraustās ziņas</a> %(count)s reizes"
+            },
+            "redacted": {
+                "zero": "%(oneUser)s noņēma %(count)s ziņu",
+                "one": "%(oneUser)s noņēma ziņu",
+                "other": "%(oneUser)s noņēma %(count)s ziņas"
+            },
+            "redacted_multiple": {
+                "zero": "%(severalUsers)s noņēma %(count)s ziņu",
+                "one": "%(severalUsers)s noņēma ziņu",
+                "other": "%(severalUsers)s noņēma %(count)s ziņas"
+            },
+            "rejected_invite": {
+                "zero": "%(oneUser)s noraidīja uzaicinājumu %(count)s reižu",
+                "one": "%(oneUser)s noraidīja uzaicinājumu",
+                "other": "%(oneUser)s noraidīja uzaicinājumu %(count)s reizes"
+            },
+            "rejected_invite_multiple": {
+                "zero": "%(severalUsers)s noraidīja uzaicinājumus %(count)s reižu",
+                "one": "%(severalUsers)s noraidīja uzaicinājumus",
+                "other": "%(severalUsers)s noraidīja uzaicinājumus %(count)s reizes"
+            },
+            "rejoined": {
+                "zero": "%(oneUser)s pameta un atkal pievienojās %(count)s reižu",
+                "one": "%(oneUser)s pameta un atkal pievienojās",
+                "other": "%(oneUser)s pameta un atkal pievienojās %(count)s reizes"
+            },
+            "rejoined_multiple": {
+                "zero": "%(severalUsers)s pameta un atkal pievienojās %(count)s reižu",
+                "one": "%(severalUsers)s pameta un atkal pievienojās",
+                "other": "%(severalUsers)s pameta un atkal pievienojās %(count)s reizes"
+            },
+            "unbanned": {
+                "zero": "tika atcelts liegums %(count)s reižu",
+                "one": "tika atcelts liegums",
+                "other": "tika atcelts liegums %(count)s reizes"
+            },
+            "unbanned_multiple": {
+                "zero": "tika atcelts liegums %(count)s reižu",
+                "one": "tika atcelts liegums",
+                "other": "tika atcelts liegums %(count)s reizes"
+            }
+        },
+        "thread_info_basic": "No pavediena",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s un %(count)s citi raksta…",
+                "one": "%(names)s un vēl viens raksta…"
+            },
+            "one_user": "%(displayName)s raksta…",
+            "two_users": "%(names)s un %(lastPerson)s raksta…"
+        },
+        "undecryptable_tooltip": "Šo ziņu nevarēja atšifrēt"
+    },
+    "truncated_list_n_more": {
+        "other": "Un par %(count)s vairāk..."
+    },
+    "unsupported_server_description": "Šis serveris izmanto vecāku Matrix versiju. Lai to izmantotu %(brand)s bez kļūdām, atjauniniet uz Matrix līdz versijai %(version)s.",
+    "unsupported_server_title": "Jūsu serveris netiek atbalstīts",
+    "update": {
+        "changelog": "Izmaiņu vēsture",
+        "check_action": "Pārbaudīt atjauninājumus",
+        "checking": "Atjauninājuma pārbaude...",
+        "downloading": "Atjauninājumu lejupielāde...",
+        "error_encountered": "Gadījās kļūda (%(errorDetail)s).",
+        "error_unable_load_commit": "Neizdodas ielādēt izpildes informāciju: %(msg)s",
+        "new_version_available": "Pieejama jauna versija. <a>Atjaunināt.</a>",
+        "no_update": "Nav atjauninājumu.",
+        "release_notes_toast_title": "Kas jauns",
+        "see_changes_button": "Kas jauns?",
+        "toast_description": "Pieejama jauna %(brand)s versija",
+        "toast_title": "Atjaunināt %(brand)s",
+        "unavailable": "Nesasniedzams"
+    },
+    "update_room_access_modal": {
+        "description": "Lai izveidotu kopīgošanas saiti, jums ir jāļauj viesiem pievienoties šai istabai. Tas var padarīt telpu mazāk drošu. Kad esat pabeidzis zvanu, varat atkal padarīt istabu privātu.",
+        "dont_change_description": "Varat arī rīkot zvanu atsevišķā istabā.",
+        "no_change": "Es nevēlos mainīt piekļuves līmeni.",
+        "title": "Istabas piekļuves līmeņa maiņa"
+    },
+    "upload_failed_generic": "Neizdevās augšupielādēt datni '%(fileName)s'.",
+    "upload_failed_size": "Datne '%(fileName)s' pārsniedz šī mājasservera augšupielāžu izmēra ierobežojumu.",
+    "upload_failed_title": "Augšupielāde (nosūtīšana) neizdevās",
+    "upload_file": {
+        "cancel_all_button": "Atcelt visu",
+        "error_file_too_large": "Šī datne ir <b>pārāk liela</b>, lai to augšupielādētu. Datnes izmēra ierobežojums ir %(limit)s, bet šī datne ir %(sizeOfThisFile)s.",
+        "error_files_too_large": "Šīs datnes ir <b>pārāk lielas</b>, lai tās augšupielādētu. Datnes izmēra ierobežojums ir %(limit)s.",
+        "error_some_files_too_large": "Dažas datnes ir <b>pārāk lielas</b>, lai tās augšupielādētu. Datnes izmēra ierobežojums ir %(limit)s.",
+        "title": "Datņu augšupielāde",
+        "title_progress": "Datņu augšupielāde (%(current)s no %(total)s)",
+        "upload_n_others_button": {
+            "zero": "Augšupielādēt %(count)s citu datņu",
+            "one": "Augšupielādēt %(count)s citu datni",
+            "other": "Augšupielādēt %(count)s citas datnes"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Administratora rīki",
+        "deactivate_confirm_action": "Deaktivizēt lietotāju",
+        "deactivate_confirm_description": "Šī lietotāja deaktivizēšana veiks tā atteikšanos un liegs tam atkal pieteikties. Papildus tas pametīs visas istabas, kurās tas ir. Šo darbību nevar apvērst. Vai tiešām deaktivizēt šo lietotāju?",
+        "deactivate_confirm_title": "Deaktivizēt lietotāju?",
+        "demote_button": "Pazemināt",
+        "demote_self_confirm_room": "Tu nevarēsi atdarīt šīs izmaiņas pēc sevis pazemināšanas. Gadījumā, ja esi pēdējais priviliģētais lietotājs istabā, būs neiespējami atgūt šīs privilēģijas.",
+        "demote_self_confirm_title": "Pazemināt sevi?",
+        "disinvite_button_room": "Atsaukt uzaicinājumu uz istabu",
+        "disinvite_button_room_name": "Atsaukt uzaicinājumu uz %(roomName)s",
+        "disinvite_button_space": "Atsaukt uzaicinājumu uz telpu",
+        "error_ban_user": "Neizdevās nobanot/bloķēt (liegt pieeju) lietotāju",
+        "error_mute_user": "Neizdevās apklusināt lietotāju",
+        "ignore_confirm_description": "Visas šī lietotāja ziņas un uzaicinājumi tiks paslēpti. Vai tiešām neņemt viņu vērā?",
+        "ignore_confirm_title": "Neņemt vērā %(user)s",
+        "jump_to_rr_button": "Pāriet uz pēdējo skatīto ziņu",
+        "kick_button_room": "Noņemt no istabas",
+        "kick_button_room_name": "Noņemt no %(roomName)s",
+        "kick_button_space": "Noņemt no telpas",
+        "promote_warning": "Jūs nevarēsiet atcelt šīs izmaiņas, jo paaugstināt lietotājam tādu pašu jaudas līmeni kā jums.",
+        "redact": {
+            "confirm_button": {
+                "one": "Dzēst 1 ziņu",
+                "other": "Dzēst %(count)s ziņas"
+            },
+            "confirm_description_1": {
+                "zero": "",
+                "one": "Jūs gatavojaties dzēst %(count)s lietotāja %(user)s ziņu. Tādējādi tā tiks neatgriezeniski dzēsta visiem sarunas dalībniekiem. Vai vēlaties turpināt?",
+                "other": "Jūs gatavojaties dzēst %(count)s lietotāja %(user)s ziņas. Tādējādi tās tiks neatgriezeniski dzēstas visiem sarunas dalībniekiem. Vai vēlaties turpināt?"
+            },
+            "confirm_description_2": "Lielam ziņu apjomam tas var aizņemt kādu laiku. Lūdzu, tikmēr neatsvaidziniet klientu.",
+            "confirm_keep_state_explainer": "Noņem atzīmi, ja vēlies arī noņemt sistēmas ziņas par šo lietotāju (piemēram, dalības vai profila izmaiņas…)",
+            "confirm_title": "Dzēst nesenās ziņas no %(user)s",
+            "no_recent_messages_description": "Mēģiniet ritināt laika joslu uz augšu, lai redzētu, vai ir kādas agrākas ziņas."
+        },
+        "redact_button": "Dzēst nesenās ziņas",
+        "room_encrypted": "Ziņas šajā istabā ir nodrošinātas ar pilnīgu šifrēšanu.",
+        "room_encrypted_detail": "Tavas ziņas ir drošībā, un tikai Tev un saņēmējam ir neatkārtojamas atslēgas, lai atslēgtu ziņas.",
+        "room_unencrypted": "Ziņām šajā istabā netiek piemērota pilnīga šifrēšana.",
+        "room_unencrypted_detail": "Šifrētās istabās Tavas ziņas ir drošībā, un tikai Tev un saņēmējam ir neatkārtojamas atslēgas, lai atslēgtu ziņas.",
+        "share_button": "Dalīties ar saiti uz lietotāju",
+        "verify_button": "Apliecināt lietotāju",
+        "verify_explainer": "Papildu drošībai jāapliecina šis lietotājs, pārbaudot vienreizēju kodu abās ierīcēs."
+    },
+    "voip": {
+        "already_in_call": "Notiek zvans",
+        "already_in_call_person": "Tu jau sazvanies ar šo cilvēku.",
+        "answered_elsewhere": "Atbildēja citur",
+        "answered_elsewhere_description": "Uz zvanu tika atbildēts no citas ierīces.",
+        "call_failed": "Zvans neizdevās",
+        "call_failed_description": "Savienojums nevarēja tikt izveidots",
+        "call_failed_media": "Zvans neizdevās, jo nevarēja piekļūt kamerai vai mikrofonam. Pārbaudiet, vai:",
+        "call_failed_media_applications": "Neviena cita lietotne neizmanto kameru",
+        "call_failed_media_connected": "Mikrofons un kamera ir pievienoti un pareizi konfigurēti",
+        "call_failed_media_permissions": "Piešķirta atļauja izmantot kameru",
+        "call_failed_microphone": "Zvans neizdevās, jo nebija piekļuves mikrofonam. Pārliecinieties, vai mikrofons ir pievienots un pareizi konfigurēts.",
+        "call_held": "%(peerName)s aizturēja zvanu",
+        "call_held_resume": "Jūs aizturējāt zvanu <a>Turpināt</a>",
+        "call_held_switch": "Jūs aizturējāt zvanu <a>Slēdzis</a>",
+        "call_toast_unknown_room": "Nezināma istaba",
+        "camera_disabled": "Jūsu kamera ir izslēgta",
+        "camera_enabled": "Jūsu kamera joprojām ir iespējota",
+        "cannot_call_yourself_description": "Nav iespējams piezvanīt sev.",
+        "connecting": "Savieno",
+        "connection_lost": "Savienojamība ar serveri ir zaudēta",
+        "connection_lost_description": "Jūs nevarat veikt zvanus bez savienojuma ar serveri.",
+        "consulting": "Konsultācijas ar %(transferTarget)s.<a>Pāradresēt uz%(transferee)s</a>",
+        "default_device": "Noklusējuma ierīce",
+        "dial": "Zvanīt",
+        "dialpad": "Cipartastatūra",
+        "disable_camera": "Izslēgt kameru",
+        "disable_microphone": "Izslēgt mikrofonu",
+        "disabled_no_perms_start_video_call": "Jums nav atļaujas sākt videozvanus",
+        "disabled_no_perms_start_voice_call": "Jums nav atļaujas sākt balss zvanus",
+        "disabled_ongoing_call": "Notiek zvans",
+        "enable_camera": "Ieslēgt kameru",
+        "enable_microphone": "Ieslēgt mikrofonu",
+        "expand": "Atgriezieties pie zvana",
+        "get_call_link": "Kopīgot zvana saiti",
+        "hangup": "Beigt zvanu",
+        "hide_sidebar_button": "Paslēpt sānjoslu",
+        "input_devices": "Ievades ierīces",
+        "maximise": "Aizpildīt ekrānu",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Konferences"
+        },
+        "misconfigured_server": "Zvans neizdevās nekorekti nokonfigurēta servera dēļ",
+        "misconfigured_server_description": "Lūgums vaicāt mājasservera (<code>%(homeserverDomain)s</code>) pārvaldītājiem, lai tie konfigurē TURN serveri, lai zvani darbotos uzticami.",
+        "misconfigured_server_fallback": "Varat arī mēģināt izmantot publisko serveri vietnē <server/>, taču tas nebūs tik uzticams, un tas kopīgos jūsu IP adresi ar šo serveri. Varat šo pārvaldīt arī iestatījumos.",
+        "misconfigured_server_fallback_accept": "Mēģini izmantot %(server)s",
+        "more_button": "Vairāk",
+        "msisdn_lookup_failed": "Nevar atrast tālruņa numuru",
+        "msisdn_lookup_failed_description": "Meklējot tālruņa numuru, radās kļūda",
+        "msisdn_transfer_failed": "Neizdevās pārsūtīt zvanu",
+        "n_people_joined": {
+            "zero": "",
+            "one": "%(count)s persona pievienojās",
+            "other": "%(count)s cilvēki pievienojās"
+        },
+        "no_audio_input_description": "Mēs neatradām mikrofonu jūsu ierīcē. Lūdzu, pārbaudiet iestatījumus un mēģiniet vēlreiz.",
+        "no_audio_input_title": "Mikrofons nav atrasts",
+        "no_media_perms_description": "Varētu būt nepieciešams pašrocīgi ļaut %(brand)s piekļūt mikrofonam/tīmekļa kamerai",
+        "no_media_perms_title": "Nav datu nesēju, kuriem atļauta piekļuve",
+        "no_permission_conference": "Nepieciešama atļauja",
+        "no_permission_conference_description": "Šajā istabā nav atļaujas sākt konferences zvanu",
+        "on_hold": "%(name)s aizturēts",
+        "output_devices": "Izvades ierīces",
+        "screenshare_monitor": "Kopīgot visu ekrānu",
+        "screenshare_title": "Dalīties ar saturu",
+        "screenshare_window": "Lietojumprogrammas logs",
+        "show_sidebar_button": "Rādīt sānjoslu",
+        "silence": "Apklusināt zvanu",
+        "silenced": "Paziņojumi apklusināti",
+        "start_screenshare": "Sākt ekrānu kopīgošanu",
+        "stop_screenshare": "Pārtraukt ekrāna kopīgošanu",
+        "too_many_calls": "Pārāk daudz zvanu",
+        "too_many_calls_description": "Ir sasniegts maksimālais vienaicīgu zvanu skaits.",
+        "transfer_consult_first_label": "Vispirms konsultējieties",
+        "transfer_failed": "Pāradresēšana/pārsūtīšana neizdevās",
+        "transfer_failed_description": "Neizdevās pārsūtīt/pāradresēt zvanu",
+        "unable_to_access_audio_input_description": "Mēs nevarējām piekļūt mikrofonam. Lūgums pārbaudīt pārlūka iestatījumus un mēģināt vēlreiz.",
+        "unable_to_access_audio_input_title": "Nevar piekļūt mikrofonam",
+        "unable_to_access_media": "Nevar piekļūt kamerai / mikrofonam",
+        "unable_to_access_microphone": "Nav pieejas mikrofonam",
+        "unknown_caller": "Nezināms zvanītājs",
+        "unknown_person": "nezināma persona",
+        "unsilence": "Skaņa ieslēgta",
+        "unsupported": "Zvani netiek atbalstīti",
+        "unsupported_browser": "Šajā pārlūkprogrammā nevar veikt zvanus.",
+        "user_busy": "Lietotājs aizņemts",
+        "user_busy_description": "Lietotājs, kuram zvanāt, ir aizņemts.",
+        "user_is_presenting": "%(sharerName)s prezentē",
+        "video_call": "Video zvans",
+        "voice_call": "Balss zvans",
+        "you_are_presenting": "Jūs prezentējat"
+    },
+    "widget": {
+        "added_by": "Logrīku pievienoja",
+        "capabilities_dialog": {
+            "content_starting_text": "Šis logrīks vēlas:",
+            "decline_all_permission": "Noraidīt visu",
+            "remember_Selection": "Atcerēties manu izvēli šim logrīkam",
+            "title": "Apstiprināt logrīku atļaujas"
+        },
+        "capability": {
+            "always_on_screen_generic": "Darbības laikā paliek uz ekrāna",
+            "always_on_screen_viewing_another_room": "Darbības laikā paliek uz ekrāna, kad tiek skatīta cita istaba",
+            "any_room": "Atbilstoši augstāk norādītajam, kā arī jebkurā istabā, kurai jūs esat pievienojies vai uzaicināts",
+            "byline_empty_state_key": "ar tukšu stāvokļa/statusa atslēgu",
+            "byline_state_key": "ar stāvokļa/statusa atslēgu %(stateKey)s",
+            "capability": "<b>%(capability)s</b> iespējas",
+            "change_avatar_active_room": "Nomainīt aktīvās istabas attēlu",
+            "change_avatar_this_room": "Nomainīt šīs istabas avataru",
+            "change_name_active_room": "Nomainīt aktīvās istabas nosaukumu",
+            "change_name_this_room": "Nomainīt šīs istabas nosaukumu",
+            "change_topic_active_room": "Nomainīt aktīvās istabas tematu",
+            "change_topic_this_room": "Nomainīt šīs istabas tematu",
+            "receive_membership_active_room": "Redzēt, kad cilvēki pievienojas, atstāj vai tiek uzaicināti aktīvajā istabā",
+            "receive_membership_this_room": "Redzēt, kad cilvēki pievienojas, atstāj vai tiek uzaicināti uz šo istabu",
+            "see_avatar_change_active_room": "Redzēt, kad nomainās aktīvās istabas attēls",
+            "see_avatar_change_this_room": "Redzēt, kad notiek šīs istabas avatara izmaiņas",
+            "see_event_type_sent_active_room": "Apskatīt aktīvās istabas <b>%(eventType)s</b> notikumus",
+            "see_event_type_sent_this_room": "Apskatīt <b>%(eventType)s</b> notikumus šajā istabā",
+            "see_images_sent_active_room": "Redzēt pašreizējā iestabā iesūtītos attēlus",
+            "see_images_sent_this_room": "Redzēt attēlus, kuri izlikti šajā istabā",
+            "see_messages_sent_active_room": "Redzēt ziņas, kas ir ierakstītas pašreizējā istabā",
+            "see_messages_sent_this_room": "Redzēt ziņas, kas izvietotas šajā istabā",
+            "see_msgtype_sent_active_room": "Redzēt pašreizējā istabā nosūtītās <b>%(msgtype)s</b> ziņas",
+            "see_msgtype_sent_this_room": "Apskatīt <b>%(msgtype)s</b> ziņas, kas publicētas šajā istabā",
+            "see_name_change_active_room": "Redzēt, kad notiek aktīvās istabas nosaukuma izmaiņas",
+            "see_name_change_this_room": "Redzēt, kad mainās šīs istabas nosaukums",
+            "see_sent_emotes_active_room": "Redzēt emocijas, kuras ir ierakstītas pašreizējā istabā",
+            "see_sent_emotes_this_room": "Redzēt emocijas, kuras izvietotas šajā istabā",
+            "see_sent_files_active_room": "Redzēt pašreizējā istabā ievietotās vispārējās datnes",
+            "see_sent_files_this_room": "Redzēt šajā istabā nosūtītās datnes",
+            "see_sticker_posted_active_room": "Redzēt, kad pašreizējā istabā kāds pievieno uzlīmi",
+            "see_sticker_posted_this_room": "Redzēt, kad šajā istabā tiek nosūtītas uzlīmes",
+            "see_text_messages_sent_active_room": "Redzēt teksta ziņas, kas ir ierakstītas pašreizējā istabā",
+            "see_text_messages_sent_this_room": "Redzēt teksta ziņas, kas izvietotas šajā istabā",
+            "see_topic_change_active_room": "Redzēt, kad mainās pašreizējā tērziņa temats",
+            "see_topic_change_this_room": "Redzēt, kad mainās šīs istabas temats",
+            "see_videos_sent_active_room": "Redzēt pašreizējā istabā iesūtītos video",
+            "see_videos_sent_this_room": "Redzēt video, kuri izlikti šajā istabā",
+            "send_emotes_active_room": "Nosūtīt emocijas savā vārdā uz savu aktīvo istabu",
+            "send_emotes_this_room": "Nosūtīt emocijas savā vārdā uz šo istabu",
+            "send_event_type_active_room": "Sūtīt <b>%(eventType)s</b> notikumus savā vārdā savā aktīvajā istabā",
+            "send_event_type_this_room": "Nosūtīt šīs istabas <b>%(eventType)s</b> notikumus Tavā vārdā",
+            "send_files_active_room": "Pašreizējā istabā nosūtīt vispārīgas datnes savā vārdā",
+            "send_files_this_room": "Šajā istabā sūtīt vispārīgas datnes savā vārdā",
+            "send_images_active_room": "Sūtīt attēlus savā vārdā savā aktīvajā istabā",
+            "send_images_this_room": "Sūtīt attēlus savā vārdā šajā istabā",
+            "send_messages_active_room": "Nosūtīt pašreizējās istabas ziņas savā vārdā",
+            "send_messages_this_room": "Sūtīt ziņas savā vārdā šajā istabā",
+            "send_msgtype_active_room": "Sūtīt <b>%(msgtype)s</b> ziņas savā vārdā savā aktīvajā istabā",
+            "send_msgtype_this_room": "Sūtīt <b>%(msgtype)s</b> ziņas savā vārdā šajā istabā",
+            "send_stickers_active_room": "Nosūtīt uzlīmes pašreizējā istabā",
+            "send_stickers_active_room_as_you": "Nosūtīt uzlīmes pašreizējā istabā savā vārdā",
+            "send_stickers_this_room": "Nosūtīt uzlīmes šajā istabā",
+            "send_stickers_this_room_as_you": "Nosūtīt uzlīmes šajā istabā savā vārdā",
+            "send_text_messages_active_room": "Noūtīt pašreizējās istabas teksta ziņas savā vārdā",
+            "send_text_messages_this_room": "Sūtīt teksta ziņas savā vārdā šajā istabā",
+            "send_videos_active_room": "Sūtīt video savā vārdā savā aktīvajā istabā",
+            "send_videos_this_room": "Sūtīt video savā vārdā šajā istabā",
+            "specific_room": "Atbilstoši augstāk norādītajam, kā arī <Room /> istabā",
+            "switch_room": "Mainīt istabu, kura tiek skatīta",
+            "switch_room_message_user": "Mainīt istabu, ziņu vai lietotāju, kas tiek skatīts"
+        },
+        "close_to_view_right_panel": "Aizvērt šo logrīku, lai skatītu to šajā panelī",
+        "context_menu": {
+            "delete": "Izdzēst ekrānvadīklu",
+            "delete_warning": "Ekrānvadīklas izdzēšana noņems to visiem šīs istabas lietotājiem. Vai tiešām izdzēst šo ekrānvadīklu?"
+        },
+        "cookie_warning": "Šis logrīks var izmantot sīkfailus.",
+        "error_hangup_description": "Jūs tikāt atvienots no zvana. (Kļūda: %(message)s)",
+        "error_hangup_title": "Savienojums zaudēts",
+        "error_loading": "Ielādējot logrīku, radās kļūda",
+        "error_mixed_content": "Kļūda - jaukts saturs",
+        "error_need_invite_permission": "Lai to izdarītu, jums ir jāspēj uzaicināt lietotājus.",
+        "error_need_to_be_logged_in": "Tev ir jāpierakstās.",
+        "error_unable_start_audio_stream_description": "Neizdodas uzsākt audio straumēšanu.",
+        "error_unable_start_audio_stream_title": "Neizdevās sākt tiešraidi",
+        "modal_data_warning": "Dati šajā ekrānā tiek kopīgoti ar %(widgetDomain)s",
+        "modal_title_default": "Modālais logrīks",
+        "no_name": "Nezināma lietotne",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Atcerieties šo",
+            "starting_text": "Logrīks verificēs jūsu lietotāja ID, bet nevarēs veikt darbības jūsu vietā:",
+            "title": "Atļaut šim logrīkam verificēt jūsu identitāti"
+        },
+        "popout": "Uznirstošais logrīks",
+        "set_room_layout": "Iestatīt manas istabas izkārtojumu ikvienam",
+        "shared_data_avatar": "Tava profila attēla URL",
+        "shared_data_device_id": "Jūsu ierīces ID",
+        "shared_data_lang": "Jūsu valoda",
+        "shared_data_mxid": "Tavs lietotāja Id",
+        "shared_data_name": "Tavs attēlojamais vārds",
+        "shared_data_room_id": "Istabas ID",
+        "shared_data_theme": "Izskats",
+        "shared_data_url": "%(brand)s URL",
+        "shared_data_warning": "Izmantojot šo logrīku, var tikt kopīgoti dati <helpIcon /> ar %(widgetDomain)s.",
+        "shared_data_warning_im": "Izmantojot šo logrīku, var tikt kopīgoti dati <helpIcon /> ar %(widgetDomain)s un jūsu integrācijas pārvaldnieku.",
+        "shared_data_widget_id": "Logrīka ID",
+        "unencrypted_warning": "Logrīki neizmanto ziņu šifrēšanu.",
+        "unmaximise": "Maksimizācijas atcelšana",
+        "unpin_to_view_right_panel": ""
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Visus lielos burtus ir gandrīz tikpat viegli uzminēt kā visus mazos",
+            "anotherWord": "Papildiniet ar vēl kādiem vārdiem. Netipiski vārdi ir labāk.",
+            "associatedYears": "Izvairieties no gadskaitļiem, kas ir saistīti ar jums",
+            "capitalization": "Lielo pirmo burtu lietojums īpaši nepalīdz",
+            "dates": "Izvairieties no datumiem un gadskaitļiem, kas ir saistīti ar jums",
+            "l33t": "Paredzamās aizstāšanas, piemēram, '@' burta 'a' vietā īpaši nepalīdz",
+            "longerKeyboardPattern": "Izmantojiet garāku tastatūras modeli ar vairāk pagriezieniem",
+            "noNeed": "Nav nepieciešami simboli, cipari vai lielie burti",
+            "pwned": "Ja izmantojat šo paroli citur, jums vajadzētu to nomainīt.",
+            "recentYears": "Izvairieties no pēdējiem gadiem",
+            "repeated": "Izvairieties no atkārtotiem vārdiem un rakstzīmēm",
+            "reverseWords": "Apgrieztus vārdus nav īpaši grūti uzminēt",
+            "sequences": "Izvairieties no secībām",
+            "useWords": "Izmantojiet tikai dažus vārdus, izvairieties no izplatītām frāzēm"
+        },
+        "warnings": {
+            "common": "Šī ir ļoti izplatīta parole",
+            "commonNames": "Izplatīti vārdi un uzvārdi arī ir viegli uzminami",
+            "dates": "Datumi bieži vien ir viegli uzminami",
+            "extendedRepeat": "Atkārtojumi, piemēram, \"abcabcabc\", ir uzminami tikai nedaudz grūtāk kā \"abc\"",
+            "keyPattern": "Īsas tastatūras taustiņu secības ir viegli uzminamas",
+            "namesByThemselves": "Vārdi un uzvārdi paši par sevi ir viegli uzminami",
+            "pwned": "Tava parole tika atklāta internetā pieejamā datu noplūdē.",
+            "recentYears": "Nesenie gadi ir viegli uzminami",
+            "sequences": "Secības, piemēram, abc vai 6543, ir viegli uzminamas",
+            "similarToCommon": "Šī ir līdzīga bieži izmantotai parolei",
+            "simpleRepeat": "Atkārtojumi, piemēram, \"aaa\", ir viegli uzminami",
+            "straightRow": "Tiešas atslēgu rindas ir viegli uzminamas",
+            "topHundred": "Šī ir viena no 100 izplatītākajām parolēm",
+            "topTen": "Šī ir viena no 10 izplatītākajām parolēm",
+            "userInputs": "Nevajadzētu būt nekādiem personīgiem vai ar lapu saistītiem datiem.",
+            "wordByItself": "Vārds pats par sevi ir viegli uzminams"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/mg_MG.json b/apps/web/src/i18n/strings/mg_MG.json
new file mode 100644
index 00000000000..b18f7cead56
--- /dev/null
+++ b/apps/web/src/i18n/strings/mg_MG.json
@@ -0,0 +1,3433 @@
+{
+    "a11y": {
+        "jump_first_invite": "Hanketo amin'ny fanasana voalohany.",
+        "message_composer": "Mpamorona hafatra",
+        "n_unread_messages": {
+            "one": "1 hafatra tsy novakiana.",
+            "other": "%(count)shafatra tsy novakiana."
+        },
+        "n_unread_messages_mentions": {
+            "one": " Voalaza tsy voavaky.",
+            "other": "%(count)shafatra tsy novakiana anisan'izany ny filazana."
+        },
+        "room_status_bar": "Bara momba ny efitrano",
+        "seek_bar_label": "Audio mitady bar",
+        "unread_messages": "Hafatra tsy novakiana."
+    },
+    "a11y_jump_first_unread_room": "Mankanesa any amin'ny efitrano voalohany tsy voavaky.",
+    "action": {
+        "accept": "Manaiky",
+        "add": "Ametraka",
+        "add_existing_room": "Anampy ny efitrano misy",
+        "apply": "Manatontonsa",
+        "approve": "Hanaiky",
+        "ask_to_join": "Mangataka ny hiaraka",
+        "back": "Afara",
+        "call": "Antso",
+        "cancel": "Hanafoana",
+        "change": "Fiovana",
+        "clear": "Mazava",
+        "click_to_copy": "Tsindrio raha handika",
+        "close": "Akatona",
+        "collapse": "Firodanana",
+        "complete": "Feno",
+        "confirm": "Manamarina",
+        "continue": "Tohizo",
+        "copy": "Kopia",
+        "copy_link": "Kopia",
+        "create": "Hamorina",
+        "create_a_room": "Amorina efitrano",
+        "decline": "Fitontonganan'ny",
+        "delete": "Esorina",
+        "deny": "Lavina",
+        "disable": "Atsaharo",
+        "disconnect": "Akatona",
+        "dismiss": "Hanario",
+        "done": "Vita",
+        "download": "Mampiditra",
+        "edit": "Ahitsy",
+        "enable": "Mampandeha",
+        "enter_fullscreen": "Ampidiro ny efijery feno",
+        "exit_fullscreeen": "Hivoaka ny efijery feno",
+        "expand": "Fampivoarana",
+        "explore_rooms": "Tsidiho ny efitrano",
+        "export": "Fanondranana",
+        "forward": "Teo aloa",
+        "go": "Mandeha",
+        "go_back": "Hiverina",
+        "got_it": "Nahavoaray izy",
+        "hide_advanced": "Fanafenana",
+        "hold": "Tazomina",
+        "ignore": "Dingiavina",
+        "import": "Manafatra",
+        "invite": "Asao",
+        "join": "Iombona",
+        "learn_more": "Hamantatra bebekokoa",
+        "leave": "Lasa",
+        "leave_room": "Miala efitrano",
+        "logout": "Hivoaka",
+        "manage": "Iandraikitra",
+        "maximise": "Ampitomboina araka izay",
+        "mention": "Filazana",
+        "minimise": "Mampihena",
+        "new_room": "Efitrano vaovao",
+        "new_video_room": "Efitrano vata fakan-tsary vaovao",
+        "next": "Fanarahana",
+        "no": "Tsya",
+        "ok": "Eny",
+        "pin": "Hahantona",
+        "proceed": "Izotra",
+        "quote": "Notsongaina",
+        "react": "Mamaly",
+        "refresh": "Mamelombelona",
+        "register": "Rejisitry",
+        "reload": "Avereno",
+        "remove": "Esorina",
+        "rename": "Hanova anarana",
+        "reply": "Valio",
+        "reply_in_thread": "Valio amin'ny kofehy",
+        "resend": "Voaroaka",
+        "reset": "Amerina aminy laoniny",
+        "resume": "CV",
+        "retry": "Averina",
+        "review": "Amerina ijery",
+        "revoke": "Manafoana",
+        "save": "Hitahiry",
+        "search": "Karohina",
+        "send_report": "Mandefa tatitra",
+        "share": "Zaraina",
+        "show": "Mampiseho",
+        "show_advanced": "Asehoy ny fanitsiana ankotrizay",
+        "show_all": "Asehoy manontolo",
+        "sign_in": "Famantarao amin'ny",
+        "sign_out": "Ivoaka",
+        "skip": "Itsambikina",
+        "start": "Manomboka",
+        "stop": "Atsaharo",
+        "submit": "Manolotra",
+        "subscribe": "Anaraka",
+        "transfer": "Famindrana",
+        "trust": "Itokiana",
+        "try_again": "Andramo indray",
+        "unban": "Tsy misy fandraràna",
+        "unignore": "Tsy azo odian-tsy hita",
+        "unpin": "Avela",
+        "unsubscribe": "Hiala tsy anaraka",
+        "update": "Vaovao farany",
+        "upgrade": "Hanatsarana aminy laoniny",
+        "upload": "Hampiditra",
+        "verify": "Hamarinina",
+        "view": "Hijery",
+        "view_all": "Jereo daholo",
+        "view_list": "Aneho ny lisitra",
+        "view_message": "Hijery",
+        "view_source": "Ijery loharano nopoirany",
+        "yes": "Eny",
+        "zoom_in": "Manakaiky amin'ny",
+        "zoom_out": "Manakaiky ivelany"
+    },
+    "analytics": {
+        "accept_button": "Tsara izany",
+        "bullet_1": "Isika<Bold> iantoraka</Bold> raketo na mombamomba ny angon-drakitra rehetra",
+        "bullet_2": "Isika<Bold> iantoraka</Bold> mizara vaovao aminy antoko fahatelo",
+        "consent_migration": "Nanaiky hizara angona momba ny fampiasana tsy mitonona anarana aminay ianao taloha. Havaozinay ny fomba fiasan'izany.",
+        "disable_prompt": "Azonao atao ny mamono an'io aminy fotoana rehetra ao aminy fanitsy",
+        "enable_prompt": "Ampio izahay hanatsara%(analyticsOwner)s",
+        "learn_more": "Mizarà angona tsy mitonona anarana hanampiana anay hamantatra olana. Tsy misy zavatra manokana. Tsy misy antoko fahatelo.<LearnMoreLink> Hamantatra bebe kokoa</LearnMoreLink>",
+        "privacy_policy": "Azonao atao ny mamaky ny fepetra rehetra<PrivacyPolicyUrl> Eto</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Ampio izahay hamantatra olana sy hanatsara%(analyticsOwner)s amin'ny fizarana angon-drakitra fampiasana tsy mitonona anarana. Mba hahatakarana ny fomba fampiasan'ny olona fitaovana maro, dia hamorona mpamantatra kisendrasendra izahay, zarain'ny fitaovanao.",
+        "shared_data_heading": "Ny iray amin'ireto angona manaraka ireto dia azo zaraina:"
+    },
+    "auth": {
+        "3pid_in_use": "Efa ampiasaina io adiresy imailaka na laharan-telefaona io.",
+        "account_clash": "Ny kaontinao vaovao (%(newAccountId)s ) dia voasoratra anarana, fa ianao dia efa tafiditra amina kaonty hafa (%(loggedInUserId)s ).",
+        "account_clash_previous_account": "Tohizo amin'ny kaonty teo aloha",
+        "account_deactivated": "Nesorina ity kaonty ity.",
+        "autodiscovery_generic_failure": "Tsy nahavita nahazo tefy autodiscovery avy amin'ny mpizara",
+        "autodiscovery_hs_incompatible": "Efa antitra loatra ny mpizara tranonao ary tsy mahazaka ny dikan-teny API ambany indrindra ilaina. Mifandraisa amin'ny tompony mpizara anao azafady, na manavao ny mpizara anao.",
+        "autodiscovery_invalid": "Valiny momba ny fitadiavana homeserver tsy mety",
+        "autodiscovery_invalid_hs": "Ny URL an'ny Homeserver dia toa tsy mpizara manan-kery",
+        "autodiscovery_invalid_hs_base_url": "Tsy manan-kery base_url ho an'ny m.homeserver",
+        "autodiscovery_invalid_is": "Ny URL mpizara famantarana dia toa tsy mpizara famantarana manan-kery",
+        "autodiscovery_invalid_is_base_url": "Heriny_url tsy mety ho an'ny m.identity_server",
+        "autodiscovery_invalid_is_response": "Valiny momba ny fahitana mpizara famantarana tsy mety",
+        "autodiscovery_invalid_json": "JSON tsy mety",
+        "autodiscovery_no_well_known": "Tsy hita ny rakitra JSON malaza",
+        "autodiscovery_unexpected_error_hs": "Error tsy ampoizina amin'ny famahana ny fikirakirana homeserver",
+        "autodiscovery_unexpected_error_is": "Olana tsy nampoizina amin'ny famahana ny tefiny mpizara famantarana",
+        "captcha_description": "Ity homeserver ity dia te-hahazo antoka fa tsy robot ianao.",
+        "change_password_action": "Hanova tenimiafina",
+        "change_password_confirm_invalid": "Tsy mifanentana ny tenimiafina",
+        "change_password_confirm_label": "Hamafiso ny tenimiafina",
+        "change_password_current_label": "Tenimiafina ankehitriny",
+        "change_password_empty": "Tsy azo foanana ny tenimiafina",
+        "change_password_error": "Hadisoana teo am-panovana tenimiafina:%(error)s",
+        "change_password_mismatch": "Tsy mifanentana ny tenimiafina vaovao",
+        "change_password_new_label": "Tenimiafina vaovao",
+        "check_email_explainer": "Araho ny toromarika nalefa tany<b>%(email)s</b>",
+        "check_email_resend_prompt": "Tsy nahazo ve ianao?",
+        "check_email_resend_tooltip": "Naverina indray ny imailaka rohy fanamarinana!",
+        "check_email_wrong_email_button": "Ampidiro indray ny adiresy imailaka",
+        "check_email_wrong_email_prompt": "Adiresy imailaka diso?",
+        "continue_with_idp": "Tohizo amin'ny%(provider)s",
+        "continue_with_sso": "Tohizo amin'ny%(ssoButtons)s",
+        "country_dropdown": "Lisitra mizotra amin'ny firenena",
+        "create_account_prompt": "Vaovao eto?<a> Hamorona kaonty</a>",
+        "create_account_title": "Hamorona kaonty",
+        "email_discovery_text": "Ampiasao ny imailaka mba ho hitany mpifandray efa misy.",
+        "email_field_label": "Imailaka",
+        "email_field_label_invalid": "Toa tsy adiresy imailaka manan-kery",
+        "email_field_label_required": "Ampidiro ny adiresy mailaka",
+        "email_help_text": "Ampio imailaka ahafahana mamerina ny tenimiafinao.",
+        "email_phone_discovery_text": "Mampiasà mailaka na telefaona mba ho hitany mpifandray efa misy.",
+        "enter_email_explainer": "<b>%(homeserver)s</b>dia handefa rohy fanamarinana ianao hamela anao hamerina ny tenimiafinao.",
+        "enter_email_heading": "Ampidiro ny imailakao hamerenana ny tenimiafina",
+        "failed_connect_identity_server": "Tsy afaka mankany amin'ny mpizara famantarana",
+        "failed_connect_identity_server_other": "Afaka miditra ianao, saingy tsy ho hita ny endri-javatra sasany mandra-piverina an-tserasera ny mpizara famantarana. Raha mahita an'io fampitandremana io foana ianao dia jereo ny fandrindranao na mifandraisa amin'ny admin server.",
+        "failed_connect_identity_server_register": "Afaka misoratra anarana ianao, saingy tsy ho hita ny endri-javatra sasany mandra-piverina an-tserasera ny mpizara famantarana. Raha mahita an'io fampitandremana io foana ianao dia jereo ny fandrindranao na mifandraisa aminy admin server.",
+        "failed_connect_identity_server_reset_password": "Azonao atao ny mamerina ny tenimiafinao, saingy tsy ho hita ny endri-javatra sasany mandra-piverina an-tserasera ny mpizara famantarana. Raha mahita an'io fampitandremana io foana ianao dia jereo ny fandrindranao na mifandraisa aminy admin server.",
+        "failed_homeserver_discovery": "Tsy nahavita ny fitadiavana homeserver",
+        "failed_query_registration_methods": "Tsy afaka manontany ny fomba fisoratana anarana tohana.",
+        "failed_soft_logout_auth": "Tsy nahavita nanamarina indray",
+        "failed_soft_logout_homeserver": "Tsy nahavita nanamarina indray noho ny olana amin'ny homeserver",
+        "forgot_password_email_invalid": "Toa tsy mitombina ny adiresy imailaka.",
+        "forgot_password_email_required": "Tsy maintsy ampidirina ny adiresy imailaka mifandray aminy kaontinao.",
+        "forgot_password_prompt": "Nanadino ny tenimiafinao?",
+        "forgot_password_send_email": "Alefaso imailaka",
+        "identifier_label": "Midira amin'ny",
+        "incorrect_credentials": "Anarana mpampiasa sy/na tenimiafina diso.",
+        "incorrect_credentials_detail": "Mariho fa miditra ao amin'ny%(hs)s mpizara, fa tsy",
+        "incorrect_password": "Diso tenimiafina",
+        "log_in_new_account": "<a>Hiditra</a> amin'ny kaontinao vaovao.",
+        "logout_dialog": {
+            "description": "Tena te hivoaka ve ianao?",
+            "setup_key_backup_title": "Ho very ny fidirana amin'ny hafatrao voasakana",
+            "skip_key_backup": "Tsy tiako ny hafatra voarakotra"
+        },
+        "misconfigured_body": "Anontanio ny anao%(brand)s admin hanamarina<a> ny config</a> hoany fidirana diso na dika mitovy.",
+        "misconfigured_title": "ny%(brand)s dia diso fanitsiana",
+        "msisdn_field_description": "Ny mpampiasa hafa dia afaka manasa anao any amin'ny efitrano mampiasa ny antsipiriany fifandraisanao",
+        "msisdn_field_label": "Finday",
+        "msisdn_field_number_invalid": "Toa tsy mety io laharan-telefaona io, azafady jereo ary andramo indray",
+        "msisdn_field_required_invalid": "Ampidiro ny laharan-telefaona",
+        "no_hs_url_provided": "Tsy misy URL homeserver nomena",
+        "oidc": {
+            "error_title": "Tsy afaka miditra anao izahay",
+            "generic_auth_error": "Nisy zavatra tsy nety nandritra ny fanamarinana. Mandehana any amin'ny pejy fidirana ary andramo indray.",
+            "missing_or_invalid_stored_state": "Nangataka taminy mpitety tranonkala izahay mba hahatsiaro hoe iza no homeserver ampiasainao hamela anao hisoratra anarana, saingy indrisy fa hadinony mpitety tranonkalanao izany. Mandehana any amin'ny pejy fidirana ary andramo indray."
+        },
+        "password_field_keep_going_prompt": "Tohizo hatrany…",
+        "password_field_label": "Ampidiro ny tenimiafina",
+        "password_field_strong_label": "Tenimiafina tsotra sady mafy",
+        "password_field_weak_label": "Avela ny tenimiafina, saingy tsy azo antoka",
+        "phone_label": "Finday",
+        "phone_optional_label": "Finday (tsy voatery)",
+        "qr_code_login": {
+            "completing_setup": "Mamita ny fametrahana ny fitaovanao vaovao",
+            "error_rate_limited": "Andrana be loatra ao anatiny fotoana fohy. Miandrasa fotoana vao manandrana indray.",
+            "error_unexpected": "Nisy lesoka tsy nampoizina.",
+            "scan_code_instruction": "Andramo ny kaody QR etsy ambany miaraka amin'ny fitaovanao izay mivoaka.",
+            "scan_qr_code": "Fitiliana miafina QR",
+            "select_qr_code": "Safidio%(scanQRCode)s",
+            "waiting_for_device": "Miandry ny hidiran'ny fitaovana"
+        },
+        "register_action": "Hamorona kaonty",
+        "registration": {
+            "continue_without_email_description": "Soso-kevitra fotsiny, raha tsy manampy mailaka ianao ary manadino ny tenimiafinao dia azonao atao<b> very tanteraka ny fidirana amin'ny kaontinao</b> .",
+            "continue_without_email_field_label": "Mailaka (tsy voatery)",
+            "continue_without_email_title": "Manohy tsy misy mailaka"
+        },
+        "registration_disabled": "Nofoanana ny fisoratana anarana amin'ity mpizara trano ity.",
+        "registration_msisdn_field_required_invalid": "Ampidiro ny nomeraon-telefaona (takina amin'ity serivisy ity)",
+        "registration_successful": "Nahomby ny fisoratana anarana",
+        "registration_username_in_use": "Efa misy manana izany solonanarana izany. Manandrama hafa na raha ianao io dia midira eto ambany.",
+        "registration_username_unable_check": "Tsy afaka nanamarina raha nalaina ny solonanarana. Andramo indray rehefa afaka kelikely.",
+        "registration_username_validation": "Mampiasà litera kely, isa, tsipika ary tsipitsipika fotsiny",
+        "reset_password": {
+            "confirm_new_password": "Hamafiso ny tenimiafina vaovao",
+            "devices_logout_success": "Efa nivoaka tamin'ny fitaovana rehetra ianao ary tsy hahazo fampandrenesana fanosehana intsony. Raha te hamerina ny fampandrenesana dia midira indray amin'ny fitaovana tsirairay.",
+            "other_devices_logout_warning_1": "Ny fisoratana anarana aminy fitaovanao dia hamafa ny fanalahidiny hafatra voatahiry ao amin'izy ireo, ka tsy ho voavaky ny tantarany chat voahidy.",
+            "other_devices_logout_warning_2": "Raha te-hihazona ny fidirana amin'ny tantarany chat anao ao amin'ny efitrano misy miafina ianao dia amboary ny fanalahidin'ny vakorakitra na manondrana ny fanalahidiny hafatrao avy aminy fitaovanao hafa alohan'ny handehananao.",
+            "password_not_entered": "Tsy maintsy ampidirina ny tenimiafina vaovao.",
+            "passwords_mismatch": "Tsy maintsy mifanandrify ny tenimiafina vaovao.",
+            "rate_limit_error": "Andrana be loatra ao anatiny fotoana fohy. Miandrasa fotoana vao manandrana indray.",
+            "rate_limit_error_with_time": "Andrana be loatra ao anatiny fotoana fohy. Andramo indray rehefa avy eo%(timeout)s .",
+            "reset_successful": "Naverina ny tenimiafinao.",
+            "return_to_login": "Miverena any amin'ny efijery fidirana",
+            "sign_out_other_devices": "Mialà amin'ny fitaovana rehetra"
+        },
+        "reset_password_action": "Avereno ny tenimiafina",
+        "reset_password_button": "Hadino ny tenimiafina?",
+        "reset_password_email_field_description": "Mampiasà adiresy imailaka hamerenana ny kaontinao",
+        "reset_password_email_field_required_invalid": "Ampidiro ny adiresy imailaka (takina amin'ity homeserver ity)",
+        "reset_password_email_not_associated": "Ny adiresy mailakao dia toa tsy misy ifandraisany amin'ny ID amin'ity serivisy ity.",
+        "reset_password_email_not_found_title": "Tsy hita ity adiresy mailaka ity",
+        "reset_password_title": "Averina amin'ny laoniny ny teny miafina",
+        "server_picker_custom": "Hafa",
+        "server_picker_description": "Azonao atao ny mampiasa ny safidiny mpizara mahazatra mba hisoratra anarana aminy mpizara Matrix hafa aminy alàlany famaritana URL an-trano hafa. Izany dia ahafahanao mampiasa%(brand)s miaraka aminy kaonty efa misy amin'ny homeserver hafa.",
+        "server_picker_description_matrix.org": "Miaraha an-tapitrisany maimaim-poana amin'ny mpizara hoany daholobe lehibe indrindra",
+        "server_picker_dialog_title": "Manapaha hevitra hoe aiza no hampiantranoana ny kaontinao",
+        "server_picker_explainer": "Ampiasao ny homeserver tianao raha manana iray ianao, na mampiantrano ny anao manokana.",
+        "server_picker_failed_validate_homeserver": "Tsy afaka manamarina ny homeserver",
+        "server_picker_intro": "Antsoinay hoe homeservers ireo toerana ahafahanao mampiantrano ny kaontinao.",
+        "server_picker_invalid_url": "URL tsy mety",
+        "server_picker_learn_more": "Momba ny homeservers",
+        "server_picker_matrix.org": "No mpizara tranom-bahoaka lehibe indrindra eran-tany, noho izany dia toerana tsara hoany maro.",
+        "server_picker_required": "Manorata homeserver",
+        "server_picker_title": "Midira ao amin'ny homeserver anao",
+        "server_picker_title_default": "Safidy mpizara",
+        "server_picker_title_registration": "Kaonty mpampiantrano mandeha",
+        "session_logged_out_description": "Hoany fiarovana dia nosoniavina ity fivoriana ity. Midira indray azafady.",
+        "session_logged_out_title": "Nivoaka",
+        "set_email": {
+            "description": "Izany dia ahafahanao mamerina ny tenimiafinao sy mandray fampandrenesana.",
+            "verification_pending_description": "Jereo azafady ny mailakao ary tsindrio ny rohy misy azy. Rehefa vita izany dia tsindrio ny continue.",
+            "verification_pending_title": "Fanamarinana miandry"
+        },
+        "set_email_prompt": "Te hametraka adiresy mailaka ve ianao?",
+        "sign_in_description": "Ampiasao ny kaontinao hanohizana.",
+        "sign_in_instead": "Midira ho solon'izany",
+        "sign_in_instead_prompt": "Efa manana kaonty?<a> Midira eto</a>",
+        "sign_in_or_register": "Midira na Mamorona kaonty",
+        "sign_in_or_register_description": "Ampiasao ny kaontinao na mamorona vaovao hanohizana.",
+        "sign_in_with_sso": "Midira miaraka amin'ny sonia tokana",
+        "signing_in": "Midira…",
+        "soft_logout": {
+            "clear_data_button": "Fafao ny angona rehetra",
+            "clear_data_description": "Ny famafana ny angona rehetra amin'ity fivoriana ity dia maharitra. Ho very ny hafatra nasiana encryption raha tsy voaharo ny fanalahidiny.",
+            "clear_data_title": "Fafao ny angona rehetra amin'ity fivoriana ity?"
+        },
+        "soft_logout_heading": "Tafavoaka ianao",
+        "soft_logout_intro_password": "Ampidiro ny tenimiafinao hidirana sy hiverenana amin'ny kaontinao.",
+        "soft_logout_intro_sso": "Midira ary mahazo miditra amin'ny kaontinao indray.",
+        "soft_logout_intro_unsupported_auth": "Tsy afaka miditra aminy kaontinao ianao. Mifandraisa amin'ny admin homeserver anao raha mila fanazavana fanampiny.",
+        "soft_logout_subheading": "Fafao ny angona manokana",
+        "soft_logout_warning": "Fampitandremana: mbola voatahiry ato amin'ity session ity ny angon-drakitrao manokana (anisan'izany ny fanalahidin'ny encryption). Esory izany raha vitanao ny mampiasa ity session ity, na te-hiditra amin'ny kaonty hafa.",
+        "sso": "Famantarana tokana",
+        "sso_failed_missing_storage": "Nangataka tamin'ny mpitety tranonkala izahay mba hahatsiaro hoe iza no homeserver ampiasainao hamela anao hisoratra anarana, saingy indrisy fa hadinon'ny mpitety tranonkalanao izany. Mandehana any amin'ny pejy fidirana ary andramo indray.",
+        "sso_or_username_password": "%(ssoButtons)sNa%(usernamePassword)s",
+        "sync_footer_subtitle": "Raha niditra tao aminy efitrano maro ianao dia mety haharitra ela izany",
+        "syncing": "Mandrindra…",
+        "uia": {
+            "code": "Fehezan-dalàna",
+            "email": "Mba hamoronana ny kaontinao dia sokafy ny rohy ao amin'ny mailaka nalefanay%(emailAddress)s .",
+            "email_auth_header": "Jereo ny mailakao hanohizana",
+            "email_resend_prompt": "Tsy nahazo?<a> Alefaso indray</a>",
+            "email_resent": "Avereno alefa",
+            "fallback_button": "Atombohy ny fanamarinana",
+            "msisdn": "Nisy hafatra an-tsoratra nalefa tany%(msisdn)s",
+            "msisdn_token_incorrect": "Diso ny mari-pamantarana",
+            "msisdn_token_prompt": "Ampidiro azafady ny kaody misy azy:",
+            "password_prompt": "Hamafiso ny maha-ianao anao amin'ny fampidirana ny tenimiafinao eto ambany.",
+            "recaptcha_missing_params": "Tsy ampy ny fanalahidiny daholobe captcha amin'ny fandrindrana homeserver. Ampahafantaro aminy mpitantana ny homeserver anao izany azafady.",
+            "registration_token_label": "Token fisoratana anarana",
+            "registration_token_prompt": "Ampidiro ny mari-pamantarana fisoratana anarana nomen'ny mpitantana homeserver.",
+            "sso_body": "Hamafiso ny fampidirana ity adiresy mailaka ity amin'ny fampiasana Single Sign On mba hanaporofoana ny maha-izy anao.",
+            "sso_failed": "Nisy tsy nety tamin'ny fanamarinana ny mombamomba anao. Foana ary andramo indray.",
+            "sso_postauth_body": "Kitiho ny bokotra etsy ambany hanamarina ny maha-izy anao.",
+            "sso_postauth_title": "Hamafiso ny hanohy",
+            "sso_preauth_body": "Mba hanohizana, ampiasao ny Single Sign On mba hanaporofoana ny maha-izy anao.",
+            "sso_title": "Ampiasao ny sonia tokana hanohizana",
+            "terms": "Avereno jerena sy ekeo ny politikan'ity homeserver ity azafady:",
+            "terms_invalid": "Avereno jerena ary ekeo ny politikany homeserver rehetra"
+        },
+        "unsupported_auth": "Ity homeserver ity dia tsy manolotra fidirany fidirana izay tohanan'ity mpanjifa ity.",
+        "unsupported_auth_email": "Ity homeserver ity dia tsy manohana ny fidirana amin'ny alàlany adiresy imailaka.",
+        "unsupported_auth_msisdn": "Ity mpizara ity dia tsy manohana ny fanamarinana amin'ny laharan-telefaona.",
+        "username_field_required_invalid": "Ampidiro ny anarana ho ampiasaina",
+        "username_in_use": "Efa misy manana an'io solonanarana io, azafady manandrama hafa.",
+        "verify_email_explainer": "Mila fantarinay fa ianao io alohany hamerenana ny tenimiafinao. Tsindrio ny rohy ao amin'imailaka nalefanay<b>%(email)s</b>",
+        "verify_email_heading": "Hamarino ny mailakao hanohizana"
+    },
+    "bug_reporting": {
+        "additional_context": "Raha misy teny manodidina fanampiny hanampy amin'ny famakafakana ilay olana, toy ny zavatra nataonao tamin'izany fotoana izany, ID efitrano, ID mpampiasa, sns, dia ampidiro eto ireo zavatra ireo.",
+        "before_submitting": "Alohan'ny handefasana logs dia tsy maintsy<a> mamorona olana GitHub</a> mba hamaritana ny olanao.",
+        "collecting_information": "Manangona fampahafantarana momba ny kinova fampiharana",
+        "collecting_logs": "Fanangonana izay vaovao",
+        "create_new_issue": "Mba miangavy re<newIssueLink> mamorona olana vaovao</newIssueLink> ao amin'ny GitHub mba ahafahantsika manadihady ity bibikely ity.",
+        "description": "Ny diariny fangalana bibikely dia misy angona fampiasana fampiharana ao anatin'izany ny solonanaranao, ny ID na solon'anarana aminy efitrano notsidihanareo, izay singa UI nifaneraseranao farany, ary ny anarany mpampiasa hafa. Tsy misy hafatra izy ireo.",
+        "download_logs": "Haka vaovao",
+        "downloading_logs": "Misintona hazo",
+        "error_empty": "Mba lazao anay izay tsy nety na, tsara kokoa, mamorona olana GitHub izay mamaritra ny olana.",
+        "github_issue": "Olana GitHub",
+        "introduction": "Raha nandefa bibikely taminy alàlan'ny GitHub ianao, dia afaka manampy antsika hanara-maso ilay olana ny log debug.",
+        "log_request": "Mba ho fanampiana atsika hisoroka izany amin'ny ho avy, azafady<a> andefaso hazo izahay</a> .",
+        "logs_sent": "Lasa ny diary",
+        "matrix_security_issue": "Raha te hanao tatitra momba ny olana momba ny fiarovana aminy, azafady vakio ny <a> Politika fampahafantarana ny fiarovana</a> .",
+        "preparing_download": "Manomana na fizotrany fakana diary",
+        "preparing_logs": "Miomana handefa diary",
+        "send_logs": "Andefa ireo gazety",
+        "submit_debug_logs": "Andefa ny gazety ny débogage",
+        "textarea_label": "Fanamarihana",
+        "thank_you": "Misaotra",
+        "title": "Tatitra momba ny bibikely",
+        "unsupported_browser": "Fampahatsiahivana: Tsy tohanana ny mpitety tranonkalanao, ka mety tsy ho azo antenaina ny traikefanao.",
+        "uploading_logs": "Mampakatra vatan-kazo",
+        "waiting_for_server": "Miandry valiny avy amin'ny mpizara"
+    },
+    "cannot_invite_without_identity_server": "Tsy afaka manasa mpampiasa amin'ny alàlany mailaka raha tsy misy mpizara famantarana. Afaka mifandray amin'ny iray ianao eo ambaniny fanitsiana.",
+    "cannot_reach_homeserver": "Tsy afaka mankany amin'ny homeserver",
+    "cannot_reach_homeserver_detail": "Ataovy azo antoka fa manana fifandraisana Internet milamina ianao, na mifandray amin'ny admin server",
+    "cant_load_page": "Tsy afaka mampiditra pejy",
+    "chat_card_back_action_label": "Hiverina any aminy chat",
+    "chat_effects": {
+        "confetti_description": "Mandefa hafatra nomena miaraka amin'ny confettis",
+        "confetti_message": "mandefa confetti",
+        "fireworks_description": "Mandefa ny hafatra nomena miaraka amin'ny afomanga",
+        "fireworks_message": "mandefa afomanga",
+        "hearts_description": "Mandefa hafatra nomena amin'ny fo",
+        "hearts_message": "mandefa fo",
+        "rainfall_description": "Mandefa hafatra nomena miaraka amin'ny orana",
+        "rainfall_message": "mandefa orana",
+        "snowfall_description": "Mandefa hafatra nomena miaraka amin'ny ranomandry",
+        "snowfall_message": "mandefa ranomandry",
+        "spaceinvaders_description": "Mandefa hafatra nomena miaraka amin'ny fiantraikan'ny habakabaka",
+        "spaceinvaders_message": "mandefa mpanafika habakabaka"
+    },
+    "common": {
+        "access_token": "Famantarana fidirana",
+        "accessibility": "Fahafahana",
+        "advanced": "Jery lavitra",
+        "analytics": "Mandalina",
+        "and_n_others": {
+            "one": "ary ny iray hafa...",
+            "other": "Sy%(count)s ny hafa..."
+        },
+        "appearance": "Bika Aman' endrika",
+        "application": "Fampiharana",
+        "are_you_sure": "Azonao antoka ve izany?",
+        "attachment": "Fanamariana",
+        "authentication": "Fanamarinana",
+        "avatar": "Avatar",
+        "beta": "Beta",
+        "camera": "Fakan-tsary",
+        "cameras": "Vata fakan-tsary",
+        "capabilities": "Fahaizana",
+        "copied": "Adika!",
+        "credits": "Fahana",
+        "dark": "Maizina",
+        "description": "Famaritana",
+        "deselect_all": "Esory ny zava-drehetra",
+        "device": "Fitaovana",
+        "edited": "Ho kitiana",
+        "email_address": "Adiresy imailaka",
+        "emoji": "Sary fanehoam-pietseam-po",
+        "encrypted": "Nafenina",
+        "error": "Fahadisoana",
+        "faq": "Soloky",
+        "feedback": "Iverina",
+        "filter_results": "Sivana ny valiny",
+        "forward_message": "Talohan'ny",
+        "general": "Jeneraly",
+        "go_to_settings": "Mandehana any amin'ny fanitsiana",
+        "guest": "Hivahiny",
+        "help": "Vonjy",
+        "home": "Trano",
+        "homeserver": "Mpizara an-trano",
+        "identity_server": "Mpizara famantarana",
+        "image": "Sary",
+        "integration_manager": "Mpitantana ny fampidirana",
+        "joined": "Nanatevin-daharana",
+        "labs": "Laboratoara",
+        "legal": "Mitovy",
+        "light": "Fahazavana",
+        "loading": "Manatontonsa",
+        "location": "Toerana isihany",
+        "matrix": "Matrix",
+        "message": "Hafatra",
+        "message_layout": "Fandaharana",
+        "microphone": "Fanamafisampeo ara taribia",
+        "modern": "Ankehitriny",
+        "mute": "Moana",
+        "n_members": {
+            "one": "%(count)s mpikambana",
+            "other": "%(count)sIreo mpikambana"
+        },
+        "n_rooms": {
+            "one": "%(count)sefitra",
+            "other": "%(count)s efitrano"
+        },
+        "name": "Anarana",
+        "no_results": "Tsy misy vokany",
+        "no_results_found": "Tsy misy valiny hita",
+        "not_trusted": "Tsy azo itokisana",
+        "off": "Levitra",
+        "offline": "Ivelan'ny aterineto",
+        "on": "Ao amin'ny",
+        "options": "Mety",
+        "orphan_rooms": "Efitrano hafa",
+        "password": "Tenimiafina",
+        "people": "Olona",
+        "preferences": "Tian'ny",
+        "presence": "Fanatrehan'i",
+        "preview_message": "E ianao io. Ianao no mahay indrindra!",
+        "privacy": "Ny fitokisana",
+        "private": "Tsy miankina",
+        "private_room": "Efitrano manokana",
+        "private_space": "Toerana voatokana",
+        "profile": "TANTARANY",
+        "public": "Vahoaka",
+        "public_room": "Efitranom-bahoaka",
+        "public_space": "Toeram-bahoaka",
+        "qr_code": "QR teny miafina",
+        "random": "Kianjoanjo",
+        "reactions": "Fanehoan-kevitra",
+        "report_a_bug": "Tatitra fisiany bibikely",
+        "room": "Efi-trano",
+        "room_name": "Anarana",
+        "rooms": "Efitrano",
+        "saving": "Tsinjo",
+        "secure_backup": "Fitahirizana voaharo",
+        "select_all": "Safidio ny rehetra",
+        "server": "Mpizara",
+        "settings": "Fikirana",
+        "setup_secure_messages": "Mametraha hafatra azo antoka",
+        "show_more": "Asehoy bebe kokoa",
+        "someone": "Olona",
+        "space": "Toerana",
+        "spaces": "Toerana malalaka",
+        "sticker": "Taratasy mandraikitena",
+        "stickerpack": "Tolotra an-tsary",
+        "success": "Fahombiazana",
+        "suggestions": "Hevitra",
+        "support": "Manampy",
+        "theme": "Foto-kevitra",
+        "thread": "Taridresaka",
+        "threads": "Zanaka lahy",
+        "timeline": "Fanisan'ora",
+        "unavailable": "Mbola tsy afaka",
+        "unencrypted": "Tsy voa-afina",
+        "unmute": "Velomina ny feo",
+        "unnamed_room": "Tsy fantatra anarana",
+        "unnamed_space": "Toerana tsy misy anarana",
+        "unverified": "Tsy voamarina",
+        "user": "Mpampiasa",
+        "user_avatar": "Sary mpamantarana ",
+        "username": "Anarany mpampiasa",
+        "verified": "Fanamariana",
+        "version": "Dikan-teny",
+        "video_room": "Efitranon'ny Lahatsary",
+        "view_message": "Jereo ny hafatra",
+        "warning": "Fampitandremana"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Ampahafantaro ny efitrano manontolo",
+            "command_a11y": "Baiko adika mizotra oazy",
+            "command_description": "didy",
+            "emoji_a11y": "Emoji Autocomplete",
+            "notification_a11y": "Adika Autocomplete fampahafantarana",
+            "notification_description": "Fampandrenesana efitrano",
+            "room_a11y": "Adika mande oazy",
+            "space_a11y": "Adika mizotra oazy",
+            "user_a11y": "Dika mande oazy ny mpampiasa",
+            "user_description": "Mpampiasa"
+        },
+        "close_sticker_picker": "Afeno ireo taratasy fametaka",
+        "edit_composer_label": "Ahitsio hafatra",
+        "format_bold": "Sahisahy",
+        "format_code_block": "Andian-tsoratra",
+        "format_decrease_indent": "Fanenahana ny vola isontomana",
+        "format_increase_indent": "Fampitomboana ny vola fahanterana",
+        "format_inline_code": "Laharana miafina",
+        "format_insert_link": "Ampidiro rohy",
+        "format_italic": "Italia",
+        "format_italics": "Italika",
+        "format_link": "Rohy",
+        "format_ordered_list": "Lisitra misy laharana",
+        "format_strikethrough": "Manakana",
+        "format_underline": "Manipika",
+        "format_unordered_list": "Lisitry ny bala",
+        "formatting_toolbar_label": "Fandrafetana",
+        "link_modal": {
+            "link_field_label": "Rohy",
+            "text_field_label": "Text",
+            "title_create": "Mamorona rohy",
+            "title_edit": "Ahitsio rohy"
+        },
+        "mode_plain": "Afeno ny endrika",
+        "mode_rich_text": "Asehoy ny fandrafetana",
+        "no_perms_notice": "Tsy manana alalana handefa hafatra amin'ity efitrano ity ianao",
+        "placeholder": "Mandefasa hafatra…",
+        "placeholder_encrypted": "Mandefa hafatra misy miafina…",
+        "placeholder_reply": "Alefaso ny valiny...",
+        "placeholder_reply_encrypted": "Alefaso valiny misy miafina…",
+        "placeholder_thread": "Valiny aminy lohahevitra…",
+        "placeholder_thread_encrypted": "Valiny amin&#39;ny lohahevitra misy miafina…",
+        "poll_button": "fitsapan-kevitra",
+        "poll_button_no_perms_description": "Tsy manana alalana hanombohana fitsapan-kevitra amin'ity efitrano ity ianao.",
+        "poll_button_no_perms_title": "Mila alalana",
+        "replying_title": "Mamaly",
+        "room_upgraded_link": "Mitohy eto ny resaka.",
+        "room_upgraded_notice": "Nosoloina ity efitrano ity ary tsy miasa intsony.",
+        "send_button_title": "Alefaso hafatra",
+        "send_button_voice_message": "Alefaso hafatra feo",
+        "send_voice_message": "Alefaso hafatra feo",
+        "stop_voice_message": "Atsaharo ny firaketana",
+        "voice_message_button": "Hafatra feo"
+    },
+    "console_dev_note": "Raha fantatrao ny ataonao dia loharano misokatra ny Element, aza hadino ny mijery ny GitHub (https://github.com/vector-im/element-web/) ary mandray anjara!",
+    "console_scam_warning": "Raha misy miteny aminao hoe mandika/mametaka zavatra eto dia mety ho voafitaka ianao!",
+    "console_wait": "Andraso!",
+    "create_room": {
+        "action_create_room": "Mamorina",
+        "action_create_video_room": "Mamorina Orinan-tsary",
+        "encrypted_video_room_warning": "Tsy azonao atao ny manafoana izany any aoriana. Ny efitrano dia hatao encryption fa ny antso tafiditra dia tsy hanao.",
+        "encrypted_warning": "Tsy azonao atao ny manafoana izany any aoriana. Mbola tsy mandeha ny tetezana sy  ny ankamaroany bots.",
+        "encryption_forced": "Mitaky encryption ny mpizara anao mba ho alefa any amin'ny efitrano manokana.",
+        "encryption_label": "Alefaso ny bout ao aminy boutmiafina",
+        "error_title": "Tsy nahavita nanamboatra efitrano",
+        "generic_error": "Mety tsy misy ny mpizara, be loatra, na tratrany bibikely ianao.",
+        "join_rule_change_notice": "Azonao atao ny manova izany aminy fotoana rehetra avy amin'ny firafitry ny efitrano.",
+        "join_rule_invite": "Efitrano manokana (manasa ihany)",
+        "join_rule_invite_label": "Ny olona nasaina ihany no afaka mahita sy miditra amin'ity efitrano ity.",
+        "join_rule_knock_label": "Na iza na iza dia afaka mangataka ny hiditra, fa ny admin na ny mpandrindra dia mila manome fidirana. Azonao ovaina izany any aoriana any.",
+        "join_rule_public_label": "Na iza na iza dia afaka mahita sy miditra amin'ity efitrano ity.",
+        "join_rule_public_parent_space_label": "Na iza na iza dia afaka mahita sy miditra amin'ity efitrano ity, fa tsy ny mpikambana ao amin'ny<SpaceName/> .",
+        "join_rule_restricted": "Hita aminy mpikambana ao amin'ny habakabaka",
+        "join_rule_restricted_label": "Ny olona rehetra ao<SpaceName/> dia afaka mahita sy miditra amin'ity efitrano ity.",
+        "name_validation_required": "Ampidiro anarana hoany amin'ny efitrano azafady",
+        "room_visibility_label": "Fahitana efitrano",
+        "title_private_room": "Mamorina toerana tsy miankina",
+        "title_public_room": "Mamorina vahoaka",
+        "title_video_room": "Mamorina Orinan-tsary",
+        "topic_label": "Lohahevitra (tsy voatery)",
+        "unfederated": "Sakanana izay tsy anisany%(serverName)s hatramin'izay niditra tao amin'ity efitrano ity.",
+        "unfederated_label_default_off": "Azonao atao ny mamela izany raha toa ka hampiasaina amin'ny fiaraha-miasa aminy ekipa anatiny ao amin'ny servero ihany ny efitrano. Tsy azo ovaina izany any aoriana any.",
+        "unfederated_label_default_on": "Azonao atao ny manafoana izany raha hampiasaina hiara-hiasa amin'ireo ekipa ivelany izay manana mpizara trano manokana ny efitrano. Tsy azo ovaina izany any aoriana any.",
+        "unsupported_version": "Ny mpizara dia tsy mahazaka ny dikan-trano voalaza."
+    },
+    "create_space": {
+        "add_details_prompt": "Manampy an-tsipiriana sasany hanampiana ny olona hahafantatra azy io.",
+        "add_details_prompt_2": "Afaka manova ireo ianao amin'ny fotoana rehetra.",
+        "add_existing_rooms_description": "Maka efitrano na resaka ampiana. Sehatra ho anao ihany ity, tsy hisy hampahafantarina. Afaka manampy fanampiny ianao any aoriana.",
+        "add_existing_rooms_heading": "Inona no tianao handaminana?",
+        "address_label": "Adiresy",
+        "address_placeholder": "Ohatra amin'ny toerana malalaka",
+        "creating": "Famoronana...",
+        "creating_rooms": "Mamorona efitrano…",
+        "done_action": "Mandehana any amin'ny toerana misy ahy",
+        "done_action_first_room": "Mandehana any amin'ny efitranoko voalohany",
+        "explainer": "Fomba vaovao ahafahana mampivondrona efitrano sy olona ny habaka. Karazana habakabaka inona no tianao hamboarina? Azonao ovaina izany any aoriana any.",
+        "failed_create_initial_rooms": "Tsy nahavita namorona efitrano habakabaka voalohany",
+        "failed_invite_users": "Tsy nahavita nanasa ireto mpampiasa manaraka ireto ho amin'ny toerana malalaka:%(csvUsers)s",
+        "invite_teammates_by_username": "Asao amin'ny solon'anarana",
+        "invite_teammates_description": "Ataovy azo antoka fa mahazo miditra ny olona sahaza. Afaka manasa bebe kokoa ianao any aoriana.",
+        "invite_teammates_heading": "Asao ny mpiara-miasa aminao",
+        "inviting_users": "Manasa…",
+        "label": "Mamorona toerana malalaka ",
+        "name_required": "Ampidiro anarana hoany habakabaka azafady",
+        "personal_space": "Izaho ihany",
+        "personal_space_description": "Toerana manokana handaminana ny efitranonao",
+        "private_description": "Manasa ihany, tsara indrindra ho anao na ekipa",
+        "private_heading": "Ny toeranao manokana",
+        "private_personal_description": "Ataovy azo antoka fa azon'ny olona tsara idirana%(name)s",
+        "private_personal_heading": "Miaraka amin'iza ianao?",
+        "private_space": "Izaho sy ny mpiara-miasa amiko",
+        "private_space_description": "Toerana manokana ho anao sy ny mpiara-miasa aminao",
+        "public_description": "Toerana misokatra hoany rehetra, tsara indrindra hoany vondrom-piarahamonina",
+        "public_heading": "Ny toerana misy anao ampa-bemaso",
+        "search_public_button": "Mitadiava toerana hoany daholobe",
+        "setup_rooms_community_description": "Andeha isika hamorona efitrano hoany tsirairay amin'izy ireo.",
+        "setup_rooms_community_heading": "Inona avy ireo zavatra tianao horesahina%(spaceName)s ?",
+        "setup_rooms_description": "Afaka manampy fanampiny koa ianao any aoriana, anisan'izany ireo efa misy.",
+        "setup_rooms_private_description": "Hamorona efitrano hoany tsirairay amin'izy ireo izahay.",
+        "setup_rooms_private_heading": "Tetikasa inona no iasan'ny ekipanao?",
+        "share_description": "Ianao ihany amin'izao fotoana izao, dia ho tsara kokoa amin'ny hafa.",
+        "share_heading": "Izara%(name)s",
+        "skip_action": "Atsipazo aloha izao",
+        "subspace_adding": "Manampy…",
+        "subspace_beta_notice": "Manampy toerana amin'ny habakabaka tantaninao",
+        "subspace_dropdown_title": "Mamoròna toerana malalaka",
+        "subspace_existing_space_prompt": "Te-hanampy toerana efa misy ve?",
+        "subspace_join_rule_invite_description": "Ny olona nasaina ihany no afaka mahita sy miditra amin'ity habaka ity.",
+        "subspace_join_rule_invite_only": "Toerana manokana (manasa ihany)",
+        "subspace_join_rule_label": "Fahitana habakabaka",
+        "subspace_join_rule_public_description": "Na iza na iza dia afaka mahita sy miditra amin'ity habakabaka ity, fa tsy ny mpikambana ao amin'ny<SpaceName/> .",
+        "subspace_join_rule_restricted_description": "Na iza na iza ao<SpaceName/> dia afaka mahita sy miditra."
+    },
+    "credits": {
+        "default_cover_photo": "Ny<photo> sary fonony ampiandohany</photo> dia ©<author> Jesús Roncero</author> ampiasaina araka ny fepetrany<terms>CC-BY-SA 4.0</terms> .",
+        "twemoji": "Ny<twemoji> Twemoji</twemoji> Ny zavakanto emoji dia ©<author> Twitter, Inc ary mpandray anjara hafa</author> ampiasaina araka ny fepetran&#39;ny<terms> CC-BY 4.0</terms> .",
+        "twemoji_colr": "Ny<colr> twemoji-colr</colr>ny endriny dia © ny endri-tsoratra<author> Mozilla Foundation</author> ampiasaina araka ny fepetran&#39;ny<terms> Apache 2.0</terms> ."
+    },
+    "devtools": {
+        "active_widgets": "Widgets an-tserasera",
+        "category_other": "Hafa",
+        "category_room": "Efitrano",
+        "caution_colon": "Fampitandremana:",
+        "client_versions": "Dikan-teny ho an'ny mpanjifa",
+        "developer_mode": "Fomba mpamorona",
+        "developer_tools": "Fitaovana fampandrosoana",
+        "edit_setting": "Ahitsio fika",
+        "edit_values": "Ovay ireo sanda",
+        "empty_string": "<empty string>",
+        "event_content": "Votoatin'ny hetsika",
+        "event_id": "ID hetsika:%(eventId)s",
+        "event_sent": "Hetsika nalefa",
+        "event_type": "Karazana hetsika",
+        "explore_account_data": "Mpikaroka ny angona kaonty",
+        "explore_room_account_data": "Hijery fanazavana ny kaonty",
+        "explore_room_state": "Hijery fanjakana",
+        "failed_to_find_widget": "Nisy lesoka tamin'ny fitadiavana ity widget ity.",
+        "failed_to_load": "Tsy nahomby.",
+        "failed_to_save": "Tsy nahavita nanavotra ny toe-javatra.",
+        "failed_to_send": "Tsy nahomby ny fandefasana hetsika!",
+        "id": "Fanamarinana: ",
+        "invalid_json": "Tsy mitovy aminy JSON ho ekena io",
+        "level": "Ambaratonga",
+        "low_bandwidth_mode": "Maody ambany karoka mandalo",
+        "low_bandwidth_mode_description": "Mitaky homeserver mifanentana.",
+        "main_timeline": "Fandaharam-potoana lehibe",
+        "no_receipt_found": "Tsy misy rosia hita",
+        "notification_state": "Sata fampahafantarana dia<strong>%(notificationState)s</strong>",
+        "notifications_debug": "Débogage ny fanairana",
+        "number_of_users": "Isan'ny mpampiasa",
+        "original_event_source": "Loharano hetsika tany am-boalohany",
+        "room_encrypted": "Ny efitrano dia<strong> encrypted ✅</strong>",
+        "room_id": "Fanamariana%(numéro de pièce)s",
+        "room_not_encrypted": "Ny efitrano dia<strong> tsy misy encryption 🚨</strong>",
+        "room_notifications_dot": "Teboka: ",
+        "room_notifications_highlight": "Asongadino: ",
+        "room_notifications_last_event": "Hetsika farany:",
+        "room_notifications_sender": "Mpandefa: ",
+        "room_notifications_thread_id": "Fanamarinana: ",
+        "room_notifications_total": "Sokajy: ",
+        "room_notifications_type": "Karazana: ",
+        "room_status": "Satan'ny efitrano",
+        "room_unread_status_count": {
+            "one": "",
+            "other": "Sata tsy voavaky ny efitrano:<strong>%(status)s</strong> , isao:<strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Tehirizo ny soatoavina napetraka",
+        "see_history": "Jereo ny tantara",
+        "send_custom_account_data_event": "Andefa sehatra iray avy aminy angon-kaonty manokana.",
+        "send_custom_room_account_data_event": "Andefa sehatra iray avy aminy angon-kaonty manokana.",
+        "send_custom_state_event": "Mandefa hetsikam-panjakana manokana",
+        "send_custom_timeline_event": "Mandefa hetsika manokana",
+        "server_info": "Mombamomban'i mpizara",
+        "server_versions": "Dikan'ny mpizara",
+        "settable_global": "Fanitsina ao amin'ny ambaratonga rehetra",
+        "settable_room": "Mety ahitsy amin'ny",
+        "setting_colon": "Fametrahana:",
+        "setting_definition": "Famaritana fikirana :",
+        "setting_id": "Id ny fanitsiana",
+        "settings_explorer": "Mpikaroka ny fikirana",
+        "show_hidden_events": "Asehoy ny hetsika miafina ao amin'ny tsipika",
+        "spaces": {
+            "one": "<space>",
+            "other": "<%(count)s spaces>"
+        },
+        "state_key": "Fanalahidin'ny fanjakana",
+        "thread_root_id": "Id fototra :%(threadRootId)s",
+        "threads_timeline": "Laha-tahirin'ny randram-potoana",
+        "title": "Fitaovana ny mampandroso",
+        "toolbox": "Toeram-pitahirizana ny mety ilaina",
+        "use_at_own_risk": "TSY manamarina ny karazana soatoavina ity UI ity. Ampiasao amin'ny risikao manokana.",
+        "user_read_up_to": "Ny mpampiasa dia namaky hatramin'ny :",
+        "user_read_up_to_ignore_synthetic": "Ny mpampiasa dia namaky hatramin'ny \n(ignorerSynthetic) :",
+        "user_read_up_to_private": "Ny mpampiasa dia namaky hatramin'ny (m.read.private) :",
+        "user_read_up_to_private_ignore_synthetic": "Ny mpampiasa mamaky hatramin'ny (m.read.private;ignoreSynthetic):",
+        "value": "Manandanja",
+        "value_colon": "Sarobidy:",
+        "value_in_this_room": "Sarobidy ao amin'ity efitrano ity",
+        "value_this_room_colon": "Sarobidy ao amin'ity efitrano ity:",
+        "values_explicit": "Sanda amin'ny ambaratonga mazava",
+        "values_explicit_colon": "Sanda amin'ny ambaratonga mazava:",
+        "values_explicit_room": "Sanda amin'ny ambaratonga mazava ao amin'ity efitrano ity",
+        "values_explicit_this_room_colon": "Sanda amin'ny ambaratonga mazava ao amin'ity efitrano ity:",
+        "view_servers_in_room": "Asehoy ireo mpizara ao",
+        "view_source_decrypted_event_source": "Loharano hetsika voafafa",
+        "view_source_decrypted_event_source_unavailable": "Loharanon-kevitra tsy azo ampiasaina",
+        "widget_screenshots": "Alefaso ny pikantsary widget amin'ny widget tohanana"
+    },
+    "dialog_close_label": "Akatona ny fifanakalozan-kevitra",
+    "empty_room": "Efitra banga",
+    "empty_room_was_name": "Efitra banga (dia%(oldName)s )",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Fanalahidin'ny fiarovana diso"
+            },
+            "restoring": "Famerenana ny fanalahidy avy amin'ny vakorakitra",
+            "security_key_title": "Kitendry fiarovana"
+        },
+        "bootstrap_title": "Fametrahana fanalahidy",
+        "confirm_encryption_setup_body": "Kitiho ny bokotra etsy ambany hanamafisana ny fametrahana encryption.",
+        "confirm_encryption_setup_title": "Hamafiso ny fanamboarana fanafenana",
+        "cross_signing_room_normal": "Ity efitrano ity dia misy encryption avy hatrany",
+        "cross_signing_room_verified": "Ny olona rehetra ao amin'ity efitrano ity dia voamarina",
+        "cross_signing_room_warning": "Misy mpampiasa zotra tsy fantatra",
+        "cross_signing_user_normal": "Tsy nanamarina ity mpampiasa ity ianao.",
+        "cross_signing_user_verified": "Efa nanamarina ity mpampiasa ity ianao. Ity mpampiasa ity dia nanamarina ny fotoam-pivorian'izy ireo rehetra.",
+        "cross_signing_user_warning": "Ity mpampiasa ity dia tsy nanamarina ny fotoam-pivoriana rehetra.",
+        "event_shield_reason_authenticity_not_guaranteed": "Tsy azo antoka amin'ity fitaovana ity ny mahazo itokiana an'ity hafatra miafina ity.",
+        "event_shield_reason_mismatched_sender_key": "Encrypted amin&#39;ny zotra tsy voamarina",
+        "event_shield_reason_unknown_device": "Avy aminy olona tsy fantatra na hofafana",
+        "event_shield_reason_unsigned_device": "Avy aminy fitaovana iray tsy voamarin'ny tompony.",
+        "event_shield_reason_unverified_identity": "Encrypted amin'ny mpampiasa tsy voamarina.",
+        "export_unsupported": "Tsy mahazaka ny fanitarana kriptografika ilaina ny toeram-pivohizana",
+        "import_invalid_keyfile": "Tsy mitombina%(brand)s fanalahidiny trano-kala",
+        "import_invalid_passphrase": "Tsy nahomby ny fanamarinana fanamarinana: tenimiafina diso?",
+        "messages_not_secure": {
+            "cause_1": "Ny mpizara tranonao",
+            "cause_2": "Mifandray amin'ny mpizara izay mpampiasa nohamarininao",
+            "cause_3": "Ny anao, na ny fifandraisany mpampiasa hafa",
+            "cause_4": "Ny anao, na ny fivoriany mpampiasa hafa",
+            "heading": "Ny iray amin'ireto manaraka ireto dia mety ho simba:",
+            "title": "Tsy azo antoka ny hafatrao"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Nisy andian-teny fiarovana vaovao sy fanalahidy hoany fiarovana dia hita.",
+            "description_2": "Ity fotoam-pivoriana ity dia manasivana tantara amin'ny alalany fomba fanarenana vaovao.",
+            "title": "Fomba fanarenana vaovao",
+            "warning": "Raha tsy nametraka ny fomba fanarenana vaovao ianao dia mety manandrana miditra amin'ny kaontinao ny mpanafika. Hanova ny tenimiafiny kaontinao ary mametraha fomba fanarenana vaovao avy hatrany ao aminy fanitsiana."
+        },
+        "recovery_method_removed": {
+            "description_1": "Ity fotoam-pivoriana ity dia nahita fa nesorina ny fehezan-teny fiarovana sy ny fanalahidy hoany fiarovana hafatra.",
+            "description_2": "Raha nanao izany tsy nahy ianao dia azonao atao ny manangana fiarovana zotra amin'ity zotra ity izay hanasivana indray ny tantarany hafatra amin'ity zotra ity miaraka amin'ny fomba fanarenana vaovao.",
+            "title": "Nesorina ny fomba fanarenana",
+            "warning": "Raha tsy nesorinao ny fomba fanarenana, dia mety hanandrana hiditra aminy kaontinao ny mpanafika. Hanova ny tenimiafiny kaontinao ary mametraha fomba fanarenana vaovao avy hatrany ao amin'ny fanitsiana."
+        },
+        "set_up_toast_title": "Hanitsy angona voaharo",
+        "unable_to_setup_keys_error": "Tsy afaka nanangana fanalahidy",
+        "verification": {
+            "accepting": "Manaiky…",
+            "after_new_login": {
+                "device_verified": "Voamarina ny fitaovana",
+                "skip_verification": "Alefaso ny fanamarinana amin'izao fotoana izao",
+                "verify_this_device": "Hamarino ity fitaovana ity"
+            },
+            "cancelling": "Manafoana…",
+            "complete_action": "Azoko",
+            "complete_description": "Ianao voamariko soa aman-tsara ity mpampiasa ity.",
+            "complete_title": "Voamarina!",
+            "error_starting_description": "Tsy afaka nanomboka niresaka tamin'ilay mpampiasa hafa izahay.",
+            "error_starting_title": "Hadisoana nanomboka ny fanamarinana",
+            "explainer": "Ny hafatra azo antoka miaraka amin'ity mpampiasa ity dia voafehin'ny farany ary tsy azony olon-kafa vakiana.",
+            "in_person": "Mba hahazoana antoka dia ataovy mivantana izany na mampiasà fomba azo itokisana hifandraisana.",
+            "incoming_sas_device_dialog_text_1": "Hamarino ity fitaovana ity mba hanamarihana azy ho azo itokisana. Ny fahatokisana an'ity fitaovana ity dia manome anao sy ny mpampiasa hafa fiadanan-tsaina fanampiny rehefa mampiasa hafatra misy miafina farany mankany amin'ny farany.",
+            "incoming_sas_device_dialog_text_2": "Ny fanamarinana ity fitaovana ity dia hanamarika azy ho atokisana, ary ireo mpampiasa izay nanamarina niaraka taminao dia hatoky ity fitaovana ity.",
+            "incoming_sas_dialog_title": "Fangatahana fanamarinana miditra",
+            "incoming_sas_dialog_waiting": "Miandry ny mpiara-miasa hanamarina…",
+            "incoming_sas_user_dialog_text_1": "Hamarino ity mpampiasa ity mba hanamarihana azy ireo ho azo itokisana. Ny fahatokisana ny mpampiasa dia manome anao fiadanan-tsaina fanampiny rehefa mampiasa hafatra voarakotra amin'ny farany.",
+            "incoming_sas_user_dialog_text_2": "Ny fanamarinana ity mpampiasa ity dia hanamarika ny fotoam-pivorian'izy ireo ho atokisana, ary hanamarika ihany koa ny fotoam-pivorianao ho atokisana azy ireo.",
+            "no_support_qr_emoji": "Ny fitaovana ezahinao hohamarinina dia tsy mahazaka ny scan kaody QR na fanamarinana emoji, izany hoe%(brand)s ny manohana. Andramo miaraka aminy mpanjifa hafa.",
+            "other_party_cancelled": "Nanafoana ny fanamarinana ny ankilany.",
+            "prompt_encrypted": "Hamarino ny mpampiasa rehetra ao amin'ny efitrano iray mba hahazoana antoka fa azo antoka izany.",
+            "prompt_unencrypted": "Ao amin'ny efitrano misy miafina, hamarino ny mpampiasa rehetra mba hahazoana antoka fa azo antoka.",
+            "qr_or_sas": "%(qrCode)sna%(emojiCompare)s",
+            "qr_prompt": "Tilio ity kaody tokana ity",
+            "qr_reciprocate_same_shield_user": "Saika any! dia%(displayName)s mampiseho ampinga mitovy?",
+            "request_toast_decline_counter": "Tsy miraharaha (%(counter)s )",
+            "request_toast_detail": "<x id =\"0\"/> avy amin'ny <x id =\"18\"/>",
+            "sas_caption_self": "Hamarino ity fitaovana ity amin'ny fanamafisana ity isa manaraka ity dia miseho eo aminy efijery.",
+            "sas_caption_user": "Hamarino ity mpampiasa ity aminy fanamafisana ity isa manaraka ity dia miseho eo amin'ny efijery.",
+            "sas_description": "Ampitahao ny andiana emoji tokana raha tsy manana fakan-tsary amin'ny fitaovana roa ianao",
+            "sas_emoji_caption_user": "Hamarino ity mpampiasa ity amin'ny fanamafisana ity emoji manaraka ity dia miseho eo amin'ny efijery.",
+            "sas_match": "Mifanaraka izy ireo",
+            "sas_no_match": "Tsy mifanentana izy ireo",
+            "sas_prompt": "Ampitahao ny emoji tokana",
+            "scan_qr": "Hamarino amin'ny fitiliana",
+            "scan_qr_explainer": "Anontanio%(displayName)s hijerena ny kaodinao:",
+            "start_button": "Atombohy ny fanamarinana",
+            "successful_user": "Ianao efa voamariko antsakany sy andavany%(displayName)s!",
+            "unsupported_method": "Tsy nahita fomba fanamarinana tohana.",
+            "unverified_session_toast_accept": "Eny, izaho io",
+            "unverified_session_toast_title": "Fidirana vaovao. Ianao ve ity?",
+            "unverified_sessions_toast_description": "Avereno jerena mba hahazoana antoka fa azo antoka ny kaontinao",
+            "unverified_sessions_toast_reject": "Taty aoriana",
+            "unverified_sessions_toast_title": "Manana fivoriana tsy voamarina ianao",
+            "verification_dialog_title_device": "Hamarino ny fitaovana hafa",
+            "verification_dialog_title_user": "Fangatahana fanamarinana",
+            "verification_skip_warning": "Raha tsy misy fanamarinana dia tsy afaka miditra aminy hafatrao rehetra ianao ary mety hiseho ho tsy atokisana amin'ny hafa.",
+            "verification_success_with_backup": "Voamarina izao ny fitaovanao vaovao. Afaka miditra amin'ny hafatrao voasakana izy io, ary ho hitany mpampiasa hafa ho azo itokisana.",
+            "verification_success_without_backup": "Voamarina izao ny fitaovanao vaovao. Ny mpampiasa hafa dia hahita azy io ho azo itokisana.",
+            "verify_emoji": "Hamarino amin'ny emoji",
+            "verify_emoji_prompt": "Hamarino amin'ny fampitahana emoji tokana.",
+            "verify_emoji_prompt_qr": "Raha tsy azonao atao ny mijery ny kaody etsy ambony dia hamarino amin'ny fampitahana emoji tokana.",
+            "verify_later": "Hamariniko avy eo",
+            "waiting_for_user_accept": "Miandry%(displayName)s manaiky…",
+            "waiting_other_device": "Miandry anao hanamarina amin'ny fitaovanao hafa…",
+            "waiting_other_device_details": "Miandry anao hanamarina amin'ny fitaovanao hafa,%(deviceName)s (%(deviceId)s )…",
+            "waiting_other_user": "Miandry%(displayName)s hanamarina…"
+        },
+        "verification_requested_toast_title": "Fanamarinana nangatahana",
+        "verify_toast_description": "Mety tsy matoky azy ny mpampiasa hafa",
+        "verify_toast_title": "Hamarino ity fivoriana ity"
+    },
+    "error": {
+        "admin_contact": "Mba miangavy re<a> mifandraisa amin'ny mpitantana ny serivisy</a> hanohizana mampiasa ity serivisy ity.",
+        "admin_contact_short": "Mifandraisa amin'ny<a> mpizara admin</a> .",
+        "connection": "Nisy olana taminy fifandraisana tamin'ny homeserver, andramo indray rehefa afaka kelikely.",
+        "dialog_description_default": "Nisy hadisoana nitranga.",
+        "download_media": "Tsy nahomby ny fampidinana haino aman-jery loharano, tsy nisy url loharano hita",
+        "edit_history_unsupported": "Toa tsy manohana an'io endri-javatra io ny mpizara tranonao.",
+        "failed_copy": "Tsy nahavita kopia",
+        "hs_blocked": "Nosakanan'ny mpitantana azy io mpizara trano io.",
+        "mau": "Nahatratra ny fetran'ny mpampiasa mavitrika isam-bolana ity homeserver ity.",
+        "mixed_content": "Tsy afaka mifandray aminy homeserver amin'ny alàlan'ny HTTP rehefa misy URL HTTPS ao aminy bara navigateur. Na mampiasa HTTPS na<a> avelao ny script tsy azo antoka</a>.",
+        "non_urgent_echo_failure_toast": "Tsy mamaly ny sasany ny mpizara anao<a> fangatahana</a> .",
+        "resource_limits": "Nihoatra ny iray amin'ireo fetran'ny loharanon-karena ity mpizara trano ity.",
+        "session_restore": {
+            "clear_storage_button": "Fadio ny fitahirizana ary mivoaha",
+            "clear_storage_description": "Misoratra anarana ary manala ny fanalahidin'ny fanafenan-tsoratra?",
+            "description_1": "Nisedra lesoka izahay nanandrana namerina ny fotoam-pivorianao teo aloha.",
+            "description_2": "Raha efa nampiasa dikan-teny vao haingana kokoa ianao teo aloha%(brand)s , mety tsy mifanaraka aminity version ity ny session-nao. Akatona ity varavarankely ity ary miverena amin'ny kinova farany.",
+            "description_3": "Ny famafana ny fitahirizan'ny mpitety tranonkalanao dia mety hamaha ilay olana, fa hanasonia anao hivoaka ary hahatonga ny tantaran'ny chat voatahiry ho tsy azo vakina.",
+            "title": "Tsy afaka namerina ny session"
+        },
+        "something_went_wrong": "Nisy zavatra tsy nety!",
+        "storage_evicted_description_1": "Tsy hita ny angon-drakitra session sasany, anisan'izany ny fanalahidin'ny hafatra miafina. Mivoaha ary midira hanamboatra izany, mamerina ny fanalahidy avy amin'ny vakorakitra.",
+        "storage_evicted_description_2": "Azo inoana fa nesorin'ny mpitety tranonkalanao ity angona ity rehefa kely ny habaka kapila.",
+        "storage_evicted_title": "Tsy ampy angona fivoriana",
+        "sync": "Tsy afaka mifandray amin'ny Homeserver. Manandrana indray…",
+        "tls": "Tsy afaka mifandray amin'ny homeserver -azafady, jereo ny fifandraisanao, ho azo antoka fa ny anao<a> certificat SSL homeserver</a> azo itokisana, ary tsy manakana ny fangatahana ny fanitarana navigateur.",
+        "unknown": "Hadisoana tsy fantatra",
+        "unknown_error_code": "kaody fahadisoana tsy fantatra",
+        "update_power_level": "Tsy nahavita nanova ny ahavon'ny herinaratra"
+    },
+    "error_app_open_in_another_tab": "Midira amin'ny tabilao hafa hifandraisana%(brand)s . Afaka mikatona ity tabilao ity.",
+    "error_app_open_in_another_tab_title": "%(brand)sdia mifandray amin'ny tabilao hafa",
+    "error_app_opened_in_another_window": "%(brand)sdia misokatra aminy varavarankely hafa. Tsindrio%(label)s mampiasa%(brand)s eto ary tapaho ny varavarankely hafa.",
+    "error_database_closed_description": {
+        "for_desktop": "Mety feno ny kapilanao. Hamafa toerana kely azafady ary avereno avereno.",
+        "for_web": "Raha nesorinao ny angona fitetezana dia andrasana ity hafatra ity.%(brand)s mety misokatra amin'ny tabilao hafa koa, na feno ny kapilanao. Hamafa toerana kely azafady ary avereno avereno"
+    },
+    "error_database_closed_title": "%(brand)snijanona tsy niasa",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Tsy afaka mandika rohy mankany amin'ny efitrano mankany amin'ny solaitrabe.",
+            "title": "Tsy afaka mandika ny rohiny efitrano"
+        },
+        "error_loading_user_profile": "Tsy afaka mampiditra ny mombamomba ny mpampiasa",
+        "forget_room_failed": "Tsy nanadino ny efitrano%(errCode)s"
+    },
+    "error_user_not_logged_in": "Tsy tafiditra ny mpampiasa",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Mizotra ny antso",
+            "user": "%(senderName)snanatevin-daharana ny antso",
+            "you": "Nandray anjara taminy antso ianao"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)snamarana ny antso",
+            "you": "Namarana ny antso ianao"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)sdia miantso",
+            "dm_send": "Miandry valiny",
+            "user": "%(senderName)snanomboka antso",
+            "you": "Nanomboka niantso ianao"
+        },
+        "m.emote": "*%(senderName)s%(emote)s",
+        "m.reaction": {
+            "user": "%(sender)snaneho hevitra%(reaction)s ny%(message)s",
+            "you": "Naneho hevitra ianao%(reaction)s ny%(message)s"
+        },
+        "m.sticker": "%(senderName)s:%(stickerName)s",
+        "m.text": "%(senderName)s:%(message)s"
+    },
+    "export_chat": {
+        "cancelled": "Nofoanana ny fanondranana",
+        "cancelled_detail": "Nofoanana soa aman-tsara ny fanondranana",
+        "confirm_stop": "Tena te hampitsahatra ny fanondranana angonao ve ianao? Raha manao izany ianao dia mila manomboka indray.",
+        "creating_html": "Mamorona HTML…",
+        "creating_output": "Mamorona vokatra…",
+        "creator_summary": "%(creatorName)snamorona ity efitrano ity.",
+        "current_timeline": "Famataran'andro amin'izao fotoana izao",
+        "enter_number_between_min_max": "Ampidiro isa eo anelanelan'ny%(min)s sy%(max)s",
+        "error_fetching_file": "Hadisoana fakana rakitra",
+        "export_info": "Manomboka izao ny fanondranana ny<roomName/> . Naondrana tamin'ny<exporterDetails/> amin'ny%(exportDate)s .",
+        "export_successful": "Tafita ny fanondranana!",
+        "exported_n_events_in_time": {
+            "one": "Naondrana%(count)s hetsika ao%(seconds)s segondra",
+            "other": "Naondrana%(count)s hetsika ao%(seconds)s segondra"
+        },
+        "exporting_your_data": "Manondrana ny angonao",
+        "fetched_n_events": {
+            "one": "Averina alaina%(count)s hetsika hatramin'izao",
+            "other": "Averina alaina%(count)s hetsika hatreto"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Averina alaina%(count)s hetsika ao%(seconds)s s",
+            "other": "Averina alaina%(count)s hetsika ao%(seconds)s s"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Averina alaina%(count)s hetsika ivelan'ny%(total)s",
+            "other": "Averina alaina%(count)s hetsika ivelan'ny%(total)s"
+        },
+        "fetching_events": "Manarina ireo hetsika",
+        "file_attached": "Rakitra miraikitra",
+        "format": "Endrika",
+        "from_the_beginning": "Hatrany am-boalohany",
+        "generating_zip": "Mamorona ZIP",
+        "html": "HTML",
+        "html_title": "Data aondrana",
+        "include_attachments": "Ampidiro izay ampiarana aminy",
+        "json": "JSON",
+        "media_omitted": "Nesorina ny haino aman-jery",
+        "media_omitted_file_size": "Aina-manjery nesorina - nihaotra ny fetran'ny haben'ny rakitra",
+        "messages": "Hafatra",
+        "next_page": "Vondrona hafatra manaraka",
+        "num_messages": "Isany hafatra",
+        "num_messages_min_max": "Ny isany hafatra dia mety ho isa eo anelanelan'ny%(min)s sy%(max)s",
+        "number_of_messages": "Mametraha hafatra maromaro",
+        "previous_page": "Vondrona hafatra teo aloha",
+        "processing": "Mikarakara…",
+        "processing_event_n": "Hetsika fanodinana%(number)s ivelan'ny%(total)s",
+        "select_option": "Misafidiana amin'ireo safidy etsy ambany hanondranana chat avy amin'ny fandaharam-potoanao",
+        "size_limit": "Fetra habe",
+        "size_limit_min_max": "Ny habeny dia mety ho isa eo anelanelan'ny%(min)s MB ary%(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Manomboka manondrana…",
+        "successful": "Nahomby ny fanondranana",
+        "successful_detail": "Nahomby ny fanondrananao. Tadiavo ao amin'ny lahatahiry fakana izany.",
+        "text": "Lahatsoratra tsotra",
+        "title": "Afindra",
+        "topic": "Lohahevitra:%(topic)s",
+        "unload_confirm": "Tena te-hiala ve ianao mandritra ity fanondranana ity?"
+    },
+    "failed_load_async_component": "Tsy afaka mitondra entana! Jereo ny fifandraisanao amin'ny tambajotra ary andramo indray.",
+    "feedback": {
+        "can_contact_label": "Afaka mifandray amiko ianao raha manana fanontaniana manaraka",
+        "comment_label": "Fanehoan-kevitra",
+        "existing_issue_link": "Mba jereo<existingIssuesLink> misy bugs ao aminy Github</existingIssuesLink> voalohany. Tsy misy lalao?<newIssueLink> Manomboha vaovao</newIssueLink> .",
+        "may_contact_label": "Afaka mifandray amiko ianao raha te-hanaraka na hamela ahy hanandrana hevitra ho avy",
+        "platform_username": "Ny sehatra sy ny solonanaranao dia ho marihina mba hanampiana anay hampiasa ny valin-teninao araka izay tratranay.",
+        "pro_type": "SOSO-KEVITRA PRO: Raha manomboka bug ianao dia alefaso azafady<debugLogsLink> debug logs</debugLogsLink> mba hanampy antsika hanara-maso ny olana.",
+        "send_feedback_action": "Alefaso hevitra",
+        "sent": "Nalefa ny valiny! Misaotra, mankasitraka izany izahay!"
+    },
+    "file_panel": {
+        "empty_description": "Ampifandraiso ireo rakitra avy aminy chat na tariho fotsiny ary ampidino na aiza na aiza ao amin'ny efitrano iray.",
+        "empty_heading": "Tsy misy rakitra hita ao amin'ity efitrano ity",
+        "guest_note": "Ianao dia tsy maintsy<a> hisoratra anarana</a> hampiasa io fampiasa io",
+        "peek_note": "Tsy maintsy miditra ao amin'ny efitrano ianao raha te hahita ny rakitra"
+    },
+    "forward": {
+        "filter_placeholder": "Mitadiava efitrano na olona",
+        "message_preview_heading": "Fijerena ny hafatra",
+        "no_perms_title": "Tsy manana alalana hanao izany ianao",
+        "open_room": "Efitrano misokatra",
+        "send_label": "Alefaso",
+        "sending": "Fandefasana",
+        "sent": "Nalefa"
+    },
+    "identity_server": {
+        "change": "Hanova ny mpizara famantarana",
+        "change_prompt": "Atsaharo ny fifandraisana amin'ny mpizara famantarana<current /> ary mifandray amin'ny<new /> fa kosa?",
+        "change_server_prompt": "Raha tsy te hampiasa<server /> mba hahitana sy ho hitan'ny fifandraisana efa fantatrao, midira mpizara famantarana hafa eto ambany.",
+        "checking": "Fanamarinana ny mpizara",
+        "description_connected": "Ampiasainao amin'izao fotoana izao<server></server> mba hahitana sy ho hitany fifandraisana efa misy fantatrao. Azonao atao ny manova ny mpizara famantarana anao eto ambany.",
+        "description_disconnected": "Tsy mampiasa mpizara famantarana ianao amin'izao fotoana izao. Raha te hahita sy ho hitany fifandraisana efa fantatrao ianao dia ampio iray eto ambany.",
+        "description_optional": "Ny fampiasana mpizara famantarana dia tsy voatery. Raha misafidy ny tsy hampiasa mpizara famantarana ianao dia tsy ho hitany mpampiasa hafa ianao ary tsy afaka manasa olon-kafa aminy alàlany mailaka na telefaona.",
+        "disconnect": "Atsaharo ny mpizara famantarana",
+        "disconnect_anyway": "Tapaho ny fifandraisana",
+        "disconnect_offline_warning": "Ianao dia tokony<b> esory ny angon-drakitrao manokana</b> avy amin'ny mpizara famantarana<idserver /> alohan'ny hanapahana. Indrisy, mpizara famantarana<idserver /> an-tserasera amin'izao fotoana izao na tsy azo tratrarina.",
+        "disconnect_personal_data_warning_1": "Mbola ianao<b> mizara ny angonao manokana</b> amin'ny mpizara famantarana<idserver /> .",
+        "disconnect_personal_data_warning_2": "Manoro hevitra izahay ny hanaisotra ny adiresy mailaka sy ny nomeraon-telefaoninao amin'ny lohamilina famantarana alohany hanapahanao azy.",
+        "disconnect_server": "Atsaharo ny fifandraisana amin'ny mpizara famantarana<idserver /> ?",
+        "disconnect_warning": "Ny fanapahana amin'ny mpizara famantarana anao dia midika fa tsy ho hitany mpampiasa hafa ianao ary tsy afaka manasa olon-kafa amin'ny alàlany mailaka na telefaona.",
+        "do_not_use": "Aza mampiasa mpizara famantarana",
+        "error_connection": "Tsy afaka nifandray tamin'ny mpizara famantarana",
+        "error_invalid": "Tsy mpizara famantarana manan-kery (status code%(code)s )",
+        "error_invalid_or_terms": "Tsy ekena ny fepetran'ny serivisy na tsy mety ny mpizara famantarana.",
+        "no_terms": "Ny mpizara famantarana nofidinao dia tsy manana fepetran'ny serivisy.",
+        "suggestions": "Ianao dia tokony:",
+        "suggestions_1": "Jereo ny plugins toeram-pivohizana anao raha misy zavatra mety hanakana ny mpizara famantarana (toy ny Privacy Badger)",
+        "suggestions_2": "Mifandraisa amin'ny mpitantana ny mpizara famantarana<serveurid />",
+        "suggestions_3": "andraso ary andramo indray rehefa afaka kelikely",
+        "url": "Mpizara famantarana (%(server)s )",
+        "url_field_label": "Ampidiro mpizara famantarana vaovao",
+        "url_not_https": "Tsy maintsy HTTPS ny URL mpizara famantarana"
+    },
+    "in_space": "Ao amin'ny %( nom de l'espace ) s.",
+    "in_space1_and_space2": "Amin'ny habakabaka%(space1Name)s sy%(space2Name)s .",
+    "in_space_and_n_other_spaces": {
+        "one": "In%(spaceName)s ary toerana iray hafa.",
+        "other": "In%(spaceName)s sy%(count)s habakabaka hafa."
+    },
+    "info_tooltip_title": "Fampahalalana",
+    "integration_manager": {
+        "connecting": "Mifandray amin'ny mpitantana fampidirana…",
+        "error_connecting": "Ny mpitantana fampidirana dia ivelan'ny aterineto na tsy afaka mahatratra ny homeserver-nao.",
+        "error_connecting_heading": "Tsy afaka mifandray amin'ny mpitantana fampidirana",
+        "explainer": "Ny mpitantana ny fampidirana dia mahazo angon-drakitra fikirakirana, ary afaka manova widgets, mandefa fanasana efitrano ary mametraka ny ahavon'ny herinaratra ho anao.",
+        "manage_title": "Mitantana fampidirana",
+        "use_im": "Mampiasà mpitantana fampidirana hitantana bots, widgets ary fonosana sticker.",
+        "use_im_default": "Mampiasà mpitantana integration<b> (%(serverName)s )</b> hitantana bots, widgets ary fonosana sticker."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Mandea%(manageIntegrations)s ao amin'ny fanitsiana hanaovana izany.",
+        "disabled_dialog_title": "Ny fampidirana dia kilemaina",
+        "impossible_dialog_description": "Ny%(brand)s tsy mamela anao hampiasa mpitantana fampidirana hanaovana izany. Mifandraisa amina admin iray azafady.",
+        "impossible_dialog_title": "Tsy azo atao ny fampidirana"
+    },
+    "invite": {
+        "email_caption": "Asao amin'ny imailaka",
+        "email_limit_one": "Ny fanasana amin'ny alàlan'ny imailaka ihany no azo alefa tsirairay",
+        "email_use_default_is": "Mampiasà mpizara famantarana hanasana amin'ny imailaka.<default> Ampiasao ny ara-pototra (%(defaultIdentityServerName)s )</default> na mitantana in<settings> Fikirana</settings> .",
+        "email_use_is": "Mampiasà mpizara famantarana hanasana amin'ny imailaka. Mitantana in<settings> Fikirana</settings> .",
+        "error_already_invited_room": "Ny mpampiasa dia efa nasaina ho any amin'ny efitrano",
+        "error_already_invited_space": "Ny mpampiasa dia efa nasaina ho any amin'ny toerana",
+        "error_already_joined_room": "Efa ao amin'ny efitrano ny mpampiasa",
+        "error_already_joined_space": "Efa ao amin'ny habakabaka ny mpampiasa",
+        "error_bad_state": "Tsy maintsy tsy voarara ny mpampiasa vao afaka manasa azy.",
+        "error_dm": "Tsy afaka namorona ny DM-nao izahay.",
+        "error_find_room": "Nisy zavatra tsy nety tamin'ny fiezahana hanasa ireo mpampiasa.",
+        "error_find_user_description": "Ireto mpampiasa manaraka ireto dia mety tsy misy na tsy manan-kery, ary tsy azo asaina: %(csvNames) s",
+        "error_find_user_title": "Tsy nahita ireto mpampiasa manaraka ireto",
+        "error_invite": "Tsy afaka nanasa ireo mpampiasa ireo izahay. Jereo azafady ny mpampiasa tianao hasaina ary andramo indray.",
+        "error_permissions_room": "Tsy manana alalana hanasa olona ho amin'ity efitrano ity ianao.",
+        "error_permissions_space": "Tsy manana alalana hanasa olona ho amin'ity habaka ity ianao.",
+        "error_profile_undisclosed": "Mety misy na tsy misy ny mpampiasa",
+        "error_transfer_multiple_target": "Ny antso dia tsy azo alefa afa-tsy amin'ny mpampiasa tokana.",
+        "error_unfederated_room": "Tsy federasiona ity efitrano ity. Tsy afaka manasa olona avy amin'ny mpizara ivelany ianao.",
+        "error_unfederated_space": "Ity habaka ity dia tsy federasiona. Tsy afaka manasa olona avy amin'ny mpizara ivelany ianao.",
+        "error_unknown": "Fahadisoana tsy fantatra teo amin'ny mpizara",
+        "error_user_not_found": "Tsy misy ny mpampiasa",
+        "error_version_unsupported_room": "Ny homeserver an'ny mpampiasa dia tsy manohana ny dikan'ny efitrano.",
+        "error_version_unsupported_space": "Ny homeserver any mpampiasa dia tsy mahazaka ny dikan'ny habaka.",
+        "failed_generic": "Tsy nahomby ny fandidiana",
+        "failed_title": "Tsy nahavita nanasa",
+        "invalid_address": "Adiresy tsy fantatra",
+        "name_email_mxid_share_room": "Manasà olona iray mampiasa ny anarany, ny adiresy imailaka, ny solon'anarana (toa ny<userId/> ) na<a> mizara ity efitrano ity</a> .",
+        "name_email_mxid_share_space": "Manasà olona iray mampiasa ny anarany, ny adiresy mailaka, ny solon'anarana (toa ny<userId/> ) na<a> zarao ity habaka ity</a> .",
+        "name_mxid_share_room": "Manasà olona iray mampiasa ny anarany, solonanarana (toy ny<userId/> ) na<a> mizara ity efitrano ity</a> .",
+        "name_mxid_share_space": "Manasà olona iray mampiasa ny anarany, solonanarana (toy ny<userId/> ) na<a> zarao ity habakabaka ity</a> .",
+        "recents_section": "Resadresaka vao haingana",
+        "room_failed_partial": "Nalefanay ny hafa, fa tsy azo nasaina ny olona teo ambany<RoomName/>",
+        "room_failed_partial_title": "Tsy azo nalefa ny fanasana sasany",
+        "room_failed_title": "Tsy nahavita nanasa ireo mpampiasa%(roomName)s",
+        "send_link_prompt": "Na alefaso rohy fanasana",
+        "start_conversation_name_email_mxid_prompt": "Manomboha resadresaka amin'ny olona iray mampiasa ny anarany, adiresy imailaka na solon'anarana (toy ny<userId/> ).",
+        "start_conversation_name_mxid_prompt": "Manomboha resadresaka amin'olona mampiasa ny anarany na solon'anarana (toy ny<userId/> ).",
+        "suggestions_disclaimer": "Mety hafenina hoany fiainana manokana ny soso-kevitra sasany.",
+        "suggestions_disclaimer_prompt": "Raha tsy hitanao hoe iza no tadiavinao dia alefaso eto ambany ny rohy fanasanao.",
+        "suggestions_section": "Vao aingana ialoa",
+        "to_room": "Asao ho%(roomName)s",
+        "to_space": "Asaina ho%(spaceName)s",
+        "transfer_dial_pad_tab": "Fehizoro nomerika",
+        "transfer_user_directory_tab": "Lahatahirin'ny mpampiasa",
+        "unable_find_profiles_description_default": "Tsy mahita ny mombamomba ireo ID voatanisa etsy ambany - te hanasa azy ireo ihany ve ianao?",
+        "unable_find_profiles_invite_label_default": "Manasa ihany",
+        "unable_find_profiles_invite_never_warn_label_default": "Asao ihany ary aza mampitandrina ahy intsony",
+        "unable_find_profiles_title": "Mety tsy misy ireto mpampiasa manaraka ireto",
+        "unban_first_title": "Tsy azo asaina ny mpampiasa raha tsy voarara"
+    },
+    "inviting_user1_and_user2": "Manintona%(user1)s sy%(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Manintona%(user)s ary ny iray hafa",
+        "other": "Manintona%(user)s SY%(count)s ny hafa"
+    },
+    "items_and_n_others": {
+        "one": "<Items/>ary ny iray hafa",
+        "other": "<Items/>sy%(count)s ny hafa"
+    },
+    "keyboard": {
+        "activate_button": "Anaiky ny bokotra voafantina",
+        "alt": "Alt",
+        "autocomplete_cancel": "Manafoana ny ampahany dika mizotra oazy ",
+        "autocomplete_force": "Hery feno",
+        "autocomplete_navigate_next": "Soso-kevitra manaraka aminy ampahany dika mizotra oazy ",
+        "autocomplete_navigate_prev": "Soso-kevitra dika mizotra oazy teo aloha",
+        "backspace": "Miverina an'i aoriana",
+        "cancel_reply": "Manafoana ny famaliana hafatra",
+        "category_autocomplete": "Dika mizotra oazy",
+        "category_calls": "Antso",
+        "category_navigation": "Ny toem-pivohizana",
+        "category_room_list": "Lisitry ny efitrano",
+        "close_dialog_menu": "Akatona ny dinika na ny lisitra context",
+        "composer_jump_end": "Hanketo amin'ny farany mpamoron-kira",
+        "composer_jump_start": "Hanketo amin'ny fanombohany mpamoron-kira",
+        "composer_navigate_next_history": "Mandehana mankany aminy hafatra manaraka amin'ny tantaran'ny mpamoron-kira",
+        "composer_navigate_prev_history": "Mandehana mankany amin'ny hafatra teo aloha aminy tantaran'ny mpamoron-kira",
+        "composer_new_line": "Andalana vaovao",
+        "composer_redo": "Avereno ny fanitsiana",
+        "composer_toggle_bold": "Ho alefa ho ngeza",
+        "composer_toggle_code_block": "Ho alefa ho fehizoro teny miafina",
+        "composer_toggle_italics": "Ho alefa ho italika",
+        "composer_toggle_link": "Ho alefa makany amin'ny rohy",
+        "composer_toggle_quote": "Ho alefa ho devis",
+        "composer_undo": "Ho foanana ny fanitsiana",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Esory ny marika vakiana ary mitsambikina mankany ambany",
+        "end": "Tapitra",
+        "enter": "Ampidiro",
+        "escape": "Ihao-pefy",
+        "go_home_view": "Mandehana any amin'ny fandraisana fijerena",
+        "home": "Trano",
+        "jump_first_message": "Hanketo amin'ny hafatra voalohany",
+        "jump_last_message": "Hanketo amin'ny hafatra farany",
+        "jump_room_search": "Hanketo amin'ny fikarohana efitrano",
+        "jump_to_read_marker": "Hanketo amin'ny hafatra tranainy indrindra tsy voavaky",
+        "keyboard_shortcuts_tab": "Sokafy ity tabilao fitendry ity",
+        "navigate_next_history": "Efitrano na habakabaka notsidihina taty aoriana",
+        "navigate_next_message_edit": "Mandehana mankany amin'ny hafatra manaraka hanitsiana",
+        "navigate_prev_history": "Efitrano na habakabaka notsidihina teo aloha",
+        "navigate_prev_message_edit": "Mankanesa any amin'ny hafatra teo aloha hanitsiana",
+        "next_room": "Efitrano manaraka na DM",
+        "next_unread_room": "Efitrano tsy vakiana manaraka na DM",
+        "number": "[isa]",
+        "open_user_settings": "Sokafy ny firafitry ny mpampiasa",
+        "page_down": "Pejy midina",
+        "page_up": "Pejy mirohy",
+        "prev_room": "Efitrano teo aloha na DM",
+        "prev_unread_room": "Efitrano tsy novakiana teo aloha na DM",
+        "room_list_collapse_section": "Atsaharo ny fizarana lisitry ny efitrano",
+        "room_list_expand_section": "Hanitatra ny fizarana lisitry ny efitrano",
+        "room_list_navigate_down": "Midira ao amin'ny lisitry ny efitrano",
+        "room_list_navigate_up": "Midira ao amin'ny lisitry ny efitrano",
+        "room_list_select_room": "Safidio ny efitrano ao amin'ny lisitry ny efitrano",
+        "scroll_down_timeline": "Miverena midina ao amin'ny fandaharam-potoana",
+        "scroll_up_timeline": "Hiverina any amin'ny timeline",
+        "search": "Fikarohana (tsy maintsy alefa)",
+        "send_sticker": "Mandefasa autocollants",
+        "shift": "Fiovàna",
+        "space": "Malalaka",
+        "switch_to_space": "Miverena any amin'ny habakabaka amin'ny isa",
+        "toggle_hidden_events": "Ampifamadiho ny fahitana hetsika miafina",
+        "toggle_microphone_mute": "Ampidiro mangina ny mikrofona",
+        "toggle_right_panel": "Ampifamadiho ny tontonana havanana",
+        "toggle_space_panel": "Alefa aminy tontonana toerana malalaka",
+        "toggle_top_left_menu": "Ampifamadiho ny sakafo ambony havia",
+        "toggle_webcam_mute": "Anaiky ny vata fakan-tsary amin'ny on/off",
+        "upload_file": "Mampiakara rakitra"
+    },
+    "labs": {
+        "ask_to_join": "Alefaso ny fangatahana hiditra",
+        "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.",
+        "beta_feedback_title": "%(featureName)s bêta fanehoan-kevitra",
+        "beta_section": "Endri-javatra ho avy",
+        "bridge_state": "Asehoy ny mombamomba ny tetezana ao aminy firafitry ny efitrano",
+        "bridge_state_channel": "Fantsona: <channelLink />",
+        "bridge_state_creator": "Ity tetezana ity dia nomen'ny<user /> .",
+        "bridge_state_manager": "Ny tetezana dia tarihan'ny <utilisateur />.",
+        "bridge_state_workspace": "Toeram-piasana:<networkLink/>",
+        "click_for_info": "Tsindrio raha mila fanazavana fanampiny",
+        "currently_experimental": "Andrana amin'izao fotoana izao.",
+        "custom_themes": "Tohano ny fampidirana lohahevitra manokana",
+        "dynamic_room_predecessors": "Efitrano dinamika taloha",
+        "dynamic_room_predecessors_description": "Alefaso ny MSC3946 (mba hanohanana ny tahirin'ny efitrano fahatongavana tara)",
+        "element_call_video_rooms": "Efitrano fandraisan'orinan-tsary",
+        "experimental_description": "Mahatsiaro andrana? Andramo ny hevitray farany amin'ny fampandrosoana. Tsy vita ireo endri-javatra ireo; mety hikorontana izy ireo, mety hiova, na mety ho latsaka tanteraka.<a> Hamantatra bebe kokoa</a> .",
+        "experimental_section": "Fijery mialoha",
+        "feature_disable_call_per_sender_encryption": "Atsaharo ny encryption isaky ny mpandefa hoany Element Call",
+        "feature_wysiwyg_composer_description": "Mampiasà lahatsoratra manankarena fa tsy Markdown ao amin'ny mpamoron-dahatsoratra.",
+        "group_developer": "Fampandrosoana",
+        "group_encryption": "Fanafenana",
+        "group_experimental": "Fanandramana",
+        "group_messaging": "Hafatra",
+        "group_moderation": "Fandaminana",
+        "group_profile": "Mombamomba",
+        "group_rooms": "Efitrano",
+        "group_spaces": "Ireo toerana malalaka",
+        "group_themes": "Lohahevitra",
+        "group_threads": "Kofehy",
+        "group_voip": "Feo sy Orinan-tsary",
+        "group_widgets": "Widgets",
+        "hidebold": "Afeno ny teboka fampandrenesana (asehoy fotsiny ny mari-pamantarana kaontinanta)",
+        "join_beta": "Midira amin'ny beta",
+        "join_beta_reload": "Hamerina ny fidirana amin'ny beta%(brand)s .",
+        "jump_to_date": "Hanketo amin'ny daty (manampy / hitsambikina ary hitsambikina amin'ny lohateniny daty)",
+        "jump_to_date_msc_support": "Mitaky ny mpizara anao hanohana ny MSC3030",
+        "latex_maths": "Alefaso amin'ny hafatra ny matematika LaTeX",
+        "leave_beta": "Iala ny fivondronana beta",
+        "leave_beta_reload": "Ny fialana amin'ny beta dia haverina%(brand)s .",
+        "location_share_live": "Fizarana toerana mivantana",
+        "location_share_live_description": "Fampiharana vonji-maika. Mijanona ao amin'ny tantarany efitrano ny toerana.",
+        "mjolnir": "Fomba vaovao fialana olona",
+        "msc3531_hide_messages_pending_moderation": "Avelao ny mpandrindra hanafina ny hafatra miandry ny fandrindrana.",
+        "notification_settings": "Fikirana fampahafantarana vaovao",
+        "notification_settings_beta_caption": "Fampidirana fomba tsotra kokoa hanovana ny fampandrenesanao. Amboary ny anao%(brand)s , araka izay tianao ihany.",
+        "notification_settings_beta_title": "Fikirana fampahafantarana",
+        "notifications": "Alefaso ny tontonana fampahafantarana ao amin'ny lohateniny efitrano",
+        "render_reaction_images": "Mandefa sary mahazatra amin'ny fanehoan-kevitra",
+        "render_reaction_images_description": "Indraindray antsoina hoe emojis mahazatra.",
+        "sliding_sync": "Fomba atao",
+        "sliding_sync_description": "Eo ambany fampandrosoana mavitrika, tsy azo kilemaina.",
+        "sliding_sync_disabled_notice": "Miala aloa de miverena mba hahafahana mampiato",
+        "sliding_sync_server_no_support": "Tsy manana fanohanana avy amin'ny teratany ny mpizaranao",
+        "unrealiable_e2e": "Tsy azo ianteherana amin'ny efitrano misy miafina",
+        "video_rooms": "Efi-trano fandraisan-tsary",
+        "video_rooms_a_new_way_to_chat": "Fomba vaovao hiresahana amin'ny feo sy sary mietsika%(brand)s .",
+        "video_rooms_always_on_voip_channels": "Ny efitranon'ny horonan-tsary dia fantsona VoIP ao anaty efitrano iray%(brand)s .",
+        "video_rooms_beta": "Ny efitrano fandraisam-bahiny dia endrika beta",
+        "video_rooms_faq1_answer": "Ampiasao ny bokotra &quot;+&quot; ao amin'ny fizarana efitrano amin'ny tontonana havia.",
+        "video_rooms_faq1_question": "Ahoana no ahafahako mamorona efitrano sari-mietsika?",
+        "video_rooms_faq2_answer": "Eny, ny fandaharam-potoana aminy chat dia aseho miaraka amin'ny sary mietsika.",
+        "video_rooms_faq2_question": "Afaka mampiasa chat an-tsoratra miaraka amin'ny antso an-tsary mietsika ve aho?",
+        "video_rooms_feedbackSubheading": "Misaotra anao nanandrana ny beta, azafady midira amin'ny antsipiriany araka izay azonao atao mba hahafahanay manatsara azy.",
+        "wysiwyg_composer": "Mpanonta lahatsoratra manankarena"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Natao hoany mpampiasa efa mandroso ireo fanovana ireo.",
+        "ban_reason": "Tsy asiana topi-maso/ho sakanana",
+        "error_adding_ignore": "Error nandritrany fanatsofoana iray aminy mpampiasa/server tsy noraharahiana",
+        "error_adding_list_description": "Hamarino azafady ny ID na ny adiresy efitrano ary andramo indray.",
+        "error_adding_list_title": "Hadisoana amin'ny famandrihana lisitra",
+        "error_removing_ignore": "Error nandritrany fanala mpampiasa/server tsy noraharahiana",
+        "error_removing_list_description": "Andramo indray azafady na jereo ny console anao mba hahazoana torohevitra.",
+        "error_removing_list_title": "Hadisoana tamin'ny fanesorana ny lisitra",
+        "explainer_1": "Manampia mpampiasa sy mpizara tianao ho tsinontsinoavina eto. Mampiasà asterisk mba hananana%(brand)s mifanaraka amin'ny tarehintsoratra rehetra. Ohatra,<code> @bot:*</code> tsy hiraharaha ireo mpampiasa rehetra manana anarana bot amin'ny mpizara rehetra.",
+        "explainer_2": "Ny tsy firaharahiana ny olona dia atao aminy alàlan'ny lisitra fandraràna izay misy fitsipika momba ny hoe iza no handrara. Ny famandrihana lisitra fandraràna dia midika fa hafenina aminao ireo mpampiasa/server voasakana amin'io lisitra io.",
+        "lists": "Amin'izao fotoana izao ianao dia manaraka an'ny :",
+        "lists_description_1": "Ny fisoratana anarana amin'ny lisitry ny fandraràna dia hahatonga anao hiditra ao!",
+        "lists_description_2": "Raha tsy izany no tadiavinao dia ampiasao fitaovana hafa mba tsy hiraharaha ny mpampiasa.",
+        "lists_heading": "Lisitra nisoratra anarana",
+        "lists_new_label": "ID efitrano na adiresin'ny lisitry ny fandrarana",
+        "no_lists": "Tsy misoratra anarana amin'ny lisitra rehetra ianao",
+        "personal_description": "Ny lisitry ny fandraràna anao manokana dia mitazona ireo mpampiasa / servers rehetra izay tsy tianao manokana ny hahita hafatra. Rehefa avy tsy miraharaha ny mpampiasa / mpizara voalohany, efitrano vaovao dia hiseho ao amin'ny lisitry ny efitranonao antsoina hoe %(maListeBan) s mijanona ao amin'ity efitrano ity mba hitazonana ny lisitry ny fandraràna hanan-kery.",
+        "personal_empty": "Tsy niraharaha na iza na iza ianao.",
+        "personal_heading": "Lisitra fandrarana manokana",
+        "personal_new_label": "Serveur na mpampiasa ID tsy tokony hiraharaha",
+        "personal_new_placeholder": "Ohatra: @bot:* na ohatra.org",
+        "personal_section": "Tsy miraharaha ianao izao:",
+        "room_name": "Ny lisitry ny fandraràna ahy",
+        "room_topic": "Ity ny lisitry ny mpampiasa/server nosakananao - aza mivoaka ny efitrano!",
+        "rules_empty": "Tsy misy",
+        "rules_server": "Fitsipika mpizara",
+        "rules_title": "Fitsipika fandrarana lisitra -%(roomName)s",
+        "rules_user": "Fitsipika mpampiasa",
+        "something_went_wrong": "Nisy zavatra tsy nety. Andramo indray azafady na jereo ny console anao mba hahazoana torohevitra.",
+        "title": "Ireo mpampiasa tsy noraharahiana",
+        "view_rules": "Aneo ny fitsipika"
+    },
+    "language_dropdown_label": "Teny Dropdown",
+    "leave_room_dialog": {
+        "last_person_warning": "Ianao irery no eto. Raha miala ianao dia tsy hisy ho afaka hiditra amin'ny ho avy, anisan'izany ianao.",
+        "leave_room_question": "Tena te hiala ny efitrano ve ianao%(roomName)s ?",
+        "leave_space_question": "Tena te hiala amin'ilay toerana ve ianao%(spaceName)s ?",
+        "room_rejoin_warning": "Tsy ampahibemaso ity efitrano ity. Tsy afaka miditra indray ianao raha tsy misy fanasana.",
+        "space_rejoin_warning": "Tsy ampahibemaso ity habaka ity. Tsy afaka miditra indray ianao raha tsy misy fanasana."
+    },
+    "lightbox": {
+        "rotate_left": "Ahodina ankavia",
+        "rotate_right": "Ahodina miankavanana",
+        "title": "Fijerena sary"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Ity homeserver ity dia tsy namboarina hanehoana sarintany.",
+        "MapStyleUrlNotReachable": "Tsy voarafitra tsara mba hanehoana sari-tany ity mpizara trano ity, na mety tsy ho tratra ny mpizara sari-tany voarindra.",
+        "WebGLNotEnabled": "Ny WebGL dia takiana hanehoana sari-tany, azafady ampidiro ao amin'ny firafitry ny toeram-pivohizana.",
+        "click_drop_pin": "Kitio raha hametraka fiantonana",
+        "click_move_pin": "Tsindrio raha hamindra ny antona",
+        "close_sidebar": "Akatona ny sisiny",
+        "error_fetch_location": "Tsy afaka naka toerana",
+        "error_no_perms_description": "Mila manana alalana tsara ianao raha te hizara toerana ao amin'ity efitrano ity.",
+        "error_no_perms_title": "Tsy manana alalana hizara toerana ianao",
+        "error_send_description": "%(brand)stsy afaka nandefa ny toerana misy anao. Andramo indray rahatrizay.",
+        "error_send_title": "Tsy afaka nandefa ny toerana misy anao izahay",
+        "error_sharing_live_location": "Nisy hadisoana nitranga teo am-pizarana ny toerana misy anao",
+        "error_stopping_live_location": "Nisy hadisoana nitranga teo am-pijanonana ny toerana misy anao",
+        "expand_map": "Hanitatra ny sari-tany",
+        "failed_generic": "Tsy nahavita naka ny toerana misy anao. Andramo indray rahatrizay.",
+        "failed_load_map": "Tsy afaka mampiditra sari-tany",
+        "failed_permission": "%(brand)stsy nahazo alalana haka ny toerana misy anao. Azafady avelao ny fidirana amin'ny toerana ao amin'ny firafitry ny toeram-pivohizana.",
+        "failed_timeout": "Tapitra ny fotoana nanandrana naka ny toerana misy anao. Andramo indray rahatrizay.",
+        "failed_unknown": "Misy hadisoana tsy fantatra amin'ny fakana toerana. Andramo indray rahatrizay.",
+        "find_my_location": "Tadiavo ny toerana misy ahy",
+        "live_description": "%(displayName)stoerana mivantana",
+        "live_enable_description": "Mariho azafady: ity dia endri-javatra laboratoara mampiasa fampiharana vonjimaika. Midika izany fa tsy ho afaka hamafa ny tantaran'ny toerana misy anao ianao, ary ireo mpampiasa efa mandroso dia afaka mahita ny tantarany toerana misy anao na dia efa nijanona aza ny fizarana ny toerana misy anao amin'ity efitrano ity.",
+        "live_enable_heading": "Fizarana toerana mivantana",
+        "live_location_active": "Mizara ny toerana misy anao ianao",
+        "live_location_enabled": "Manomboka mivantana",
+        "live_location_ended": "Nifarana ny toerana mivantana",
+        "live_location_error": "Hadisoana toerana mivantana",
+        "live_locations_empty": "Tsy misy toerana mivantana",
+        "live_share_button": "Zarao hoany%(duration)s",
+        "live_toggle_label": "Alefaso ny fizarana toerana mivantana",
+        "live_until": "Miaina hatramin'ny % (expirationTime) s",
+        "live_update_time": "Anavao%(humanizedUpdateTime)s",
+        "loading_live_location": "Mametraka toerana mivantana…",
+        "location_not_available": "Tsy misy toerana",
+        "map_feedback": "Tamberin'ny sarintany",
+        "mapbox_logo": "Fangon'ny Mapbox",
+        "reset_bearing": "Avereno mianavaratra ny fitondra",
+        "share_button": "Mizara toerana",
+        "share_type_live": "Ny toerana misy ahy mivantana",
+        "share_type_own": "Ny toerana misy ahy ankehitriny",
+        "share_type_pin": "Hametraka fiantonana",
+        "share_type_prompt": "Karazana toerana inona no tianao hozaraina?",
+        "toggle_attribution": "Ekena/Anaka"
+    },
+    "member_list": {
+        "filter_placeholder": "Sivanina ny mpikambana ao amin'ny efitrano",
+        "invite_button_no_perms_tooltip": "Tsy manana alalana hanasana mpampiasa ianao"
+    },
+    "member_list_back_action_label": "Mpikambana ao amin'ny efitrano",
+    "message_edit_dialog_title": "Fanovana hafatra",
+    "migrating_crypto": "Mihantona mafy. Manavao ny Element izahay mba hahatonga ny fanafenana haingana kokoa sy azo antoka kokoa.",
+    "mobile_guide": {
+        "toast_accept": "Mampiasà fampiarana",
+        "toast_description": "%(brand)sandrana amin'ny mpitety tranonkala finday. Raha te hanana traikefa tsara kokoa sy ny endri-javatra farany indrindra, ampiasao ny fampiharana teratany maimaim-poana.",
+        "toast_title": "Ampiasao ny fampiharana ho an'ny traikefa tsara kokoa"
+    },
+    "name_and_id": "%(name)s(%(userId)s )",
+    "no_more_results": "Tsy misy valiny intsony",
+    "notif_panel": {
+        "empty_description": "Tsy manana fampandrenesana hita maso ianao.",
+        "empty_heading": "Efa tratra daholo ianareo"
+    },
+    "notifications": {
+        "all_messages": "Hafatra rehetra",
+        "all_messages_description": "Mahazoa fampahafantarana isaky ny hafatra",
+        "class_global": "Fifandraisam-pirenena",
+        "class_other": "Hafa",
+        "default": "Toerana misy anao",
+        "email_pusher_app_display_name": "Fampandrenesana avy aminy imailaka",
+        "enable_prompt_toast_description": "Alefaso ny fampandrenesana avy aminy birao",
+        "enable_prompt_toast_title": "Fampahatsiahivana",
+        "enable_prompt_toast_title_from_message_send": "Aza adino ny valiny",
+        "error_change_title": "Hanova ny firafitry ny fampahafantarana",
+        "keyword": "Teny fanalahidy",
+        "keyword_new": "Teny fototra vaovao",
+        "level_activity": "Asa atao",
+        "level_highlight": "Tsipihana",
+        "level_muted": "Nangina",
+        "level_none": "Tsy misy",
+        "level_notification": "Fampahafantarana",
+        "level_unsent": "Tsy lasa",
+        "mark_all_read": "Mariho ho voavaky ny rehetra",
+        "mentions_and_keywords": "@fanononana sy teny fanalahidy",
+        "mentions_and_keywords_description": "Mahazoa fampandrenesana afa-tsy amin'ny teny sy teny fanalahidy araka ny napetraka ao amin'ny anao<a> Fikirana</a>",
+        "mentions_keywords": "Fanononana sy teny fototra",
+        "message_didnt_send": "Tsy lasa ny hafatra. Tsindrio raha mila fanazavana.",
+        "mute_description": "Tsy hahazo fampandrenesana ianao"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)sdia mangataka fanamarinana"
+    },
+    "onboarding": {
+        "create_room": "Mamorona chat vondrona",
+        "explore_rooms": "Tsidiho ny efitranom-bahoaka",
+        "has_avatar_label": "Tsara, hanampy ny olona hahafantatra fa ianao io",
+        "intro_byline": "Tompon'ny resakao.",
+        "intro_welcome": "Tongasoa eto%(appName)s",
+        "no_avatar_label": "Manampia sary mba hahafantaran'ny olona fa ianao io.",
+        "send_dm": "Mandefasa hafatra mivantana",
+        "welcome_detail": "Ankehitriny, andao hanampy anao hanomboka",
+        "welcome_user": "Fandraisana%(des noms"
+    },
+    "pill": {
+        "permalink_other_room": "Hafatra ao%(room)s",
+        "permalink_this_room": "Hafatra avy amin'ny%(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Mamorona fitsapan-kevitra",
+        "create_poll_title": "Mamorona fitsapan-kevitra",
+        "disclosed_notes": "Mahita vokatra ny mpifidy raha vao nifidy",
+        "edit_poll_title": "Ahitsio fitsapan-kevitra",
+        "end_description": "Tena te hamarana ity fitsapan-kevitra ity ve ianao? Izany dia hampiseho ny vokatra farany amin'ny fitsapan-kevitra ary hanakana ny olona tsy hifidy.",
+        "end_message": "Tapitra ny fitsapan-kevitra. Valiny ambony:%(topAnswer)s",
+        "end_message_no_votes": "Tapitra ny fitsapan-kevitra. Tsy nisy vato azo.",
+        "end_title": "Farano ny fitsapan-kevitra",
+        "error_ending_description": "Miala tsiny fa tsy nifarana ny fitsapan-kevitra. Andramo indray azafady.",
+        "error_ending_title": "Tsy nahavita namarana ny fitsapan-kevitra",
+        "error_voting_description": "Miala tsiny fa tsy voasoratra ny vatonao. Andramo indray azafady.",
+        "error_voting_title": "Tsy nisoratra anarana ny vato",
+        "failed_send_poll_description": "Miala tsiny fa tsy navoaka ny fitsapan-kevitra nokasainao noforonina.",
+        "failed_send_poll_title": "Tsy nahavita namoaka fitsapan-kevitra",
+        "notes": "Rehefa tapitra ny fitsapan-kevitra ianao, vao miseho ny valiny",
+        "options_add_button": "Ampio safidy",
+        "options_heading": "Mamorona safidy",
+        "options_label": "SAFIDY%(number)s",
+        "options_placeholder": "Manorata safidy",
+        "topic_heading": "Inona ny fanontaniana na lohahevitra fitsapan-kevitrao?",
+        "topic_label": "Fanontaniana na lohahevitra",
+        "topic_placeholder": "Manorata zavatra…",
+        "total_decryption_errors": "Noho ny fahadisoana decryption, ny vato sasany dia mety tsy voaisa",
+        "total_n_votes": {
+            "one": "%(count)slatsa-bato. Mifidiana mba hahitana ny valiny",
+            "other": "%(count)slatsa-bato. Mifidiana mba hahitana ny valiny"
+        },
+        "total_n_votes_voted": {
+            "one": "Miankina amin'ny%(count)s fifidianana",
+            "other": "Miankina amin'ny%(count)s vato"
+        },
+        "total_no_votes": "Tsy misy vato azo",
+        "total_not_ended": "Ho hita ny valiny rehefa tapitra ny fitsapan-kevitra",
+        "type_closed": "Nakatona ny fitsapan-kevitra",
+        "type_heading": "Karazana fitsapan-kevitra",
+        "type_open": "Sokafy ny fitsapan-kevitra",
+        "unable_edit_description": "Miala tsiny fa tsy afaka manova fitsapan-kevitra ianao rehefa vita ny latsa-bato.",
+        "unable_edit_title": "Tsy afaka manova fitsapan-kevitra"
+    },
+    "power_level": {
+        "admin": "Tomponandraikitra",
+        "custom": "Fanao (%(les niveaux)",
+        "custom_level": "Ambaratonga manokana",
+        "default": "Mahavoa",
+        "label": "Ny ahavony hery",
+        "moderator": "Mpandamina",
+        "restricted": "Misy fetra"
+    },
+    "presence": {
+        "away": "Lavitra",
+        "busy": "Be asa",
+        "idle": "Tsy an-tserasera",
+        "idle_for": "Tsy iseo mandritra%(durée)s",
+        "offline": "Ivelany serasera",
+        "offline_for": "Ivelany serasera mandritran'ny%(durée)s",
+        "online": "Miserasera",
+        "online_for": "An-tserasera hoan'i%(duration)s",
+        "unknown": "Tsy fantatra",
+        "unknown_for": "Tsy fantatra mandritra%(durée)s",
+        "unreachable": "Tsy azo tratrarina ny mpizara mpampiasa"
+    },
+    "quick_settings": {
+        "all_settings": "Fikirana rehetra",
+        "sidebar_settings": "Safidy bebe kokoa",
+        "title": "Fandrindrana haingana"
+    },
+    "quit_warning": {
+        "call_in_progress": "Toa miantso antso ianao, tena te hiala ve ianao?",
+        "file_upload_in_progress": "Toa mampakatra rakitra ianao, tena te hiala ve ianao?"
+    },
+    "redact": {
+        "confirm_button": "Hamafiso ny fanesorana",
+        "confirm_description": "Tena te hanala (hamafa) ity hetsika ity ve ianao?",
+        "confirm_description_state": "Mariho fa ny fanesorana ny fiovan'ny efitrano toy izao dia mety hanafoana ny fanovana.",
+        "error": "Tsy afaka mamafa ity hafatra ity ianao. (%(code)s )",
+        "ongoing": "Manala ...",
+        "reason_label": "Antony (tsy voatery)"
+    },
+    "report_content": {
+        "description": "Ny tatitra an'ity hafatra ity dia handefa ny event ID azy manokana any amin'ny mpitantana ny homeserver-nao. Raha misy encryption ny hafatra ao amin'ity efitrano ity dia tsy afaka mamaky ny lahatsoratra na mijery rakitra na sary ny mpitantana ny homeserver anao.",
+        "hide_messages_from_user": "Jereo raha te hanafina ny hafatra rehetra ankehitriny sy ho avy amin'ity mpampiasa ity ianao.",
+        "ignore_user": "Tsy iraharaha ny mpampiasa",
+        "missing_reason": "Fenoy azafady ny antony hanaovanao tatitra.",
+        "report_content_to_homeserver": "Mitatitra votoaty amin'ny Administrator Homeserver-nao"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Tsy nahomby ny decrypt%(failedCount)s sessions!",
+        "count_of_successfully_restored_keys": "Naverina tamin&#39;ny laoniny%(sessionCount)s lakilen'ilay",
+        "enter_key_description": "Midira amin'ny tantarany hafatrao azo antoka ary manangana hafatra azo antoka amin'ny alàlany fampidiranao ny Key Security.",
+        "enter_key_title": "Ampidiro ny fiarovana Key",
+        "enter_phrase_description": "Midira aminy tantaran'ny hafatrao azo antoka ary manangana hafatra azo antoka amin'ny alàlan'ny fampidirana ny fehezan-teny fiarovana anao.",
+        "enter_phrase_title": "Ampidiro ny Security Phrase",
+        "incorrect_security_phrase_dialog": "Ny vakorakitra dia tsy azo vakiana amin'ity fehezan-teny fiarovana ity: azafady, hamarino fa nampiditra ny fehezan-teny fiarovana marina ianao.",
+        "incorrect_security_phrase_title": "Andian-teny fiarovana diso",
+        "key_backup_warning": "<b>FAMPITANDREMANA</b> : tokony hametraka famandrihana fanalahidy avy amin'ny solosaina azo itokisana ihany ianao.",
+        "key_fetch_in_progress": "Maka fanalahidy amin'ny mpizara…",
+        "key_forgotten_text": "Raha adinonao ny Key Security anao dia azonao atao<button> manangana safidy fanarenana vaovao</button>",
+        "key_is_invalid": "Tsy manankery Security Key",
+        "key_is_valid": "Toa fanalahidy fiarovana manan-kery ity!",
+        "keys_restored_title": "Naverina tamin'ny laoniny ny fanalahidy",
+        "load_error_content": "Tsy afaka mampiditra sata backup",
+        "load_keys_progress": "%(completed)snY%(total)s naverina tamin'ny laoniny ny fanalahidy",
+        "no_backup_error": "Tsy misy vakorakitra hita!",
+        "phrase_forgotten_text": "Raha adinonao ny fehezan-teny fiarovana anao dia azonao atao<button1> ampiasao ny Security Key</button1> na<button2> manangana safidy fanarenana vaovao</button2>",
+        "recovery_key_mismatch_description": "Nomaniny ho solon'izay dia tsy azo crypted amin'ny fiarovana ity Key: azafady manamarina fa niditra ny marina Security Key.",
+        "recovery_key_mismatch_title": "Tsy mifanaraka amin'ny fiarovana ny Key",
+        "restore_failed_error": "Tsy afaka namerina ny vakorakitra"
+    },
+    "right_panel": {
+        "add_integrations": "Ampio widgets, tetezana sy bots",
+        "files_button": "Rakitra",
+        "pinned_messages": {
+            "limits": {
+                "one": "",
+                "other": "Azonao atao ihany ny manoratra%(count)s gadget"
+            }
+        },
+        "pinned_messages_button": "Mipaingotra",
+        "poll": {
+            "active_heading": "Fitsapan-kevitra mavitrika",
+            "empty_active": "Tsy misy fitsapan-kevitra mavitrika ao amin'ity efitrano ity",
+            "empty_active_load_more": "Tsy misy fitsapan-kevitra mavitrika. Hampiditra fitsapan-kevitra bebe kokoa hijerena fitsapan-kevitra tamin'ny volana lasa",
+            "empty_active_load_more_n_days": {
+                "one": "Tsy misy fitsapan-kevitra mavitrika nandritra ny andro lasa. Hampiditra fitsapan-kevitra bebe kokoa hijerena fitsapan-kevitra tamin'ny volana lasa",
+                "other": "Tsy misy fitsapan-kevitra mavitrika tamin'ny lasa%(count)s andro. Hampiditra fitsapan-kevitra bebe kokoa hijerena fitsapan-kevitra tamin'ny volana lasa"
+            },
+            "empty_past": "Tsy misy fitsapan-kevitra taloha tao amin'ity efitrano ity",
+            "empty_past_load_more": "Tsy misy fitsapan-kevitra taloha. Hampiditra fitsapan-kevitra bebe kokoa hijerena fitsapan-kevitra tamin'ny volana lasa",
+            "empty_past_load_more_n_days": {
+                "one": "Tsy misy fitsapan-kevitra lasa tamin'ny andro lasa. Hampiditra fitsapan-kevitra bebe kokoa hijerena fitsapan-kevitra tamin'ny volana lasa",
+                "other": "Tsy misy fitsapan-kevitra taloha ho an'ny lasa%(count)s andro. Hampiditra fitsapan-kevitra bebe kokoa hijerena fitsapan-kevitra tamin'ny volana lasa"
+            },
+            "final_result": {
+                "one": "Vokatra farany mifototra amin'ny%(count)s fifidianana",
+                "other": "Vokatra farany mifototra amin'ny%(count)s vato"
+            },
+            "load_more": "Hampiditra fitsapan-kevitra bebe kokoa",
+            "loading": "Mametraka fitsapan-kevitra",
+            "past_heading": "Fitsapan-kevitra taloha",
+            "view_in_timeline": "Jereo ny fitsapan-kevitra ao amin'ny fandaharam-potoana",
+            "view_poll": "Jereo ny fitsapan-kevitra"
+        },
+        "polls_button": "Tantaran'ny",
+        "room_summary_card": {
+            "title": "Momba ny efitrano"
+        },
+        "thread_list": {
+            "context_menu_label": "Safidy kofehy"
+        },
+        "video_room_chat": {
+            "title": "Hiresaka"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Nalefa tany aminy%(e-mail)s izay tsy mifandray amin'ny kaontinao",
+        "3pid_invite_email_not_found_account_room": "Ity fanasana ity dia% (nom de la pièce) s nalefa tany % (e-mail) amin'ny id izay tsy mifandray amin'ny kaontinao",
+        "3pid_invite_error_description": "Fahadisoana (%(errcode)s ) dia naverina teo am-piezahana hanamarina ny fanasanao. Azonao atao ny manandrana mampita an'io fampahalalana io amin'ny olona nanasa anao.",
+        "3pid_invite_error_invite_action": "Andramo ihany koa ny miditra",
+        "3pid_invite_error_invite_subtitle": "Afaka manatevin-daharana azy amin'ny fanasana miasa fotsiny ianao.",
+        "3pid_invite_error_public_subtitle": "Mbola afaka miditra eto ianao.",
+        "3pid_invite_error_title": "Nisy tsy nety tamin'ny fanasanao.",
+        "3pid_invite_error_title_room": "Nisy tsy nety tamin'ny fanasanao%(roomName)s",
+        "3pid_invite_no_is_subtitle": "Mampiasà mpizara famantarana ao aminy fanitsiana handraisana fanasana mivantana%(brand)s .",
+        "banned_by": "Nosakanan'ny %( nommembre ) s",
+        "banned_from_room_by": "Voarara ianao%(roomName)s ny%(memberName)s",
+        "context_menu": {
+            "copy_link": "Adikao rohy efitra",
+            "favourite": "Toerana tena",
+            "forget": "Adinoy ny efitrano",
+            "low_priority": "Laharam-pahamehana ambany",
+            "mark_read": "Mariho ho voavaky",
+            "notifications_default": "Mampifanaraka ny toerana misy anao",
+            "notifications_mute": "Efitra mangina",
+            "title": "Safidy efitrano",
+            "unfavourite": "Ankafizina"
+        },
+        "creating_room_text": "Mamorona efitrano miaraka amin'ny%(names)s",
+        "dm_invite_action": "Manomboka mifampiresaka",
+        "dm_invite_subtitle": "<userName/>te hiresaka",
+        "dm_invite_title": "Te hiresaka amin'ny%(user)s ?",
+        "drop_file_prompt": "Alefaso eto ny rakitra raha ampidirina",
+        "edit_topic": "Ahitsio lohahevitra",
+        "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.",
+        "error_join_404_2": "Raha fantatrao ny adiresin'ny efitrano iray dia andramo miditra amin'izany kosa.",
+        "error_join_404_invite": "Efa niala ilay olona nanasa anao, na tsy an-tserasera ny mpizara azy.",
+        "error_join_404_invite_same_hs": "Efa lasa ilay nanasa anao.",
+        "error_join_connection": "Nisy lesoka tamin'ny fidirana.",
+        "error_join_incompatible_version_1": "Miala tsiny fa efa antitra loatra ny mpizara tranonao ka tsy afaka mandray anjara eto.",
+        "error_join_incompatible_version_2": "Mifandraisa amin'ny mpitantana ny homeserver anao azafady.",
+        "error_join_title": "Tsy afaka niditra",
+        "error_jump_to_date": "Niverina ny mpizara%(statusCode)s miaraka amin'ny kaody error%(errorCode)s",
+        "error_jump_to_date_connection": "Nisy hadisoana nitranga teo am-pikarohana sy nitsambikina tamin'ny daty nomena. Mety maty ny mpizara tranonao na nisy olana vonjimaika fotsiny taminy fifandraisana Internet anao. Andramo indray azafady. Raha mitohy izany dia mifandraisa amin'ny mpitantana ny homeserver anao.",
+        "error_jump_to_date_details": "Antsipirihan'ny hadisoana",
+        "error_jump_to_date_not_found": "Tsy nahita hetsika niandrandra izahay%(dateString)s. Andramo misafidy daty mialoha.",
+        "error_jump_to_date_send_logs_prompt": "Alefaso azafady<debugLogsLink> debug logs</debugLogsLink> mba hanampy antsika hanara-maso ny olana.",
+        "error_jump_to_date_title": "Tsy nahita hetsika tamin'io daty io",
+        "face_pile_summary": {
+            "one": "%(count)solona fantatrao dia efa tafiditra",
+            "other": "%(count)sefa nanatevin-daharana ny olona fantatrao"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Hijery mpikambana 1",
+            "other": "Jereo daholo%(count)s Ireo mpikambana"
+        },
+        "face_pile_tooltip_shortcut": "anisan'izany ny%(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "anisan'izany ianao,%(commaSeparatedMembers)s",
+        "failed_reject_invite": "Tsy nanda ny fanasana",
+        "forget_room": "Adinoy ity efitrano ity",
+        "forget_space": "Adino ity toerana ity",
+        "header": {
+            "n_people_asking_to_join": {
+                "one": "Mangataka ny hiaraka",
+                "other": "%(count)solona mangataka ny hiditra"
+            },
+            "room_is_public": "Ampahibemaso ity efitrano ity"
+        },
+        "header_face_pile_tooltip": "Safidio ny lisitry ny mpikambana",
+        "header_untrusted_label": "Tsy atokisana",
+        "inaccessible": "Tsy azo idirana ity efitrano na toerana ity amin'izao fotoana izao.",
+        "inaccessible_name": "%(roomName)stsy azo idirana amin'izao fotoana izao.",
+        "inaccessible_subtitle_1": "Andramo indray rehefa afaka kelikely, na mangataha mpitantana efitrano na habaka hanamarina raha afaka miditra ianao.",
+        "inaccessible_subtitle_2": "%(errcode)snaverina teo am-piezahana hiditra ny efitrano na toerana. Raha heverinao fa diso ity hafatra ity, azafady<issueLink> mandefa tatitra momba ny bibikely</issueLink> .",
+        "intro": {
+            "dm_caption": "Ianareo roa ihany no ao anatin'ity resaka ity, raha tsy hoe misy manasa olona hiditra.",
+            "enable_encryption_prompt": "Alefaso ny encryption amin'ny firafitry.",
+            "encrypted_3pid_dm_pending_join": "Rehefa tafiditra daholo ny rehetra dia afaka mifampiresaka ianao",
+            "no_avatar_label": "Manampia sary, mba ho hitan'ny olona mora foana ny efitranonao.",
+            "no_topic": "<a>Manampia lohahevitra</a> mba hanampiana ny olona hahafantatra ny momba izany.",
+            "private_unencrypted_warning": "Ny hafatrao manokana dia matetika voarakotra, fa ity efitrano ity dia tsy. Matetika izany dia noho ny fitaovana na fomba tsy tohanana ampiasaina, toy ny fanasana mailaka.",
+            "room_invite": "Asao ho amin'ity efitrano ity ihany",
+            "send_message_start_dm": "Alefaso ny hafatrao voalohany hanasana<displayName/> hifampiresaka",
+            "start_of_dm_history": "Ity no fiandohan'ny tantarany hafatra mivantana nataonao<displayName/> .",
+            "start_of_room": "Izany no fiandohan'ny<roomName/> .",
+            "unencrypted_warning": "Tsy azo atao ny mandefa ny kaody faran'ny farany",
+            "user_created": "%(displayName)snamorona ity efitrano ity.",
+            "you_created": "Ianao no namorona ity efitrano ity."
+        },
+        "invite_email_mismatch_suggestion": "Zarao amin'ny fanitsiana ity mailaka ity mba handraisana fanasana mivantana%(brand)s.",
+        "invite_sent_to_email": "Nalefa tany amin'ny%(email)s",
+        "invite_sent_to_email_room": "Invitation to%(roomName)s nalefa tany%(email)s",
+        "invite_subtitle": "<userName/>nanasa anao",
+        "invite_this_room": "Asao ho amin'ity efitrano ity",
+        "invite_title": "Te-hiditra ve ianao%(roomName)s ?",
+        "inviter_unknown": "TSY FANTATRA",
+        "invites_you_text": "<inviter/>manasa anao",
+        "join_button_account": "Hiditra Mpikambana",
+        "join_failed_needs_invite": "Hijery%(roomName)s , mila fanasana ianao",
+        "join_the_discussion": "Miaraha aminy fifanakalozan-kevitra",
+        "join_title": "Midira ao amin'ny efitrano mba handray anjara",
+        "join_title_account": "Midira aminy resaka miaraka amin'ny kaonty",
+        "joining": "Miditra…",
+        "joining_room": "Efitrano mitambatra…",
+        "joining_space": "Mikambana amin'ny habaka…",
+        "jump_read_marker": "Hanketo amin'ny hafatra tsy novakiana voalohany.",
+        "jump_to_bottom_button": "Mandehana mankany amin'ny hafatra farany indrindra",
+        "kick_reason": "Antony:%(reason)s",
+        "kicked_by": "Nesorin'ny%(memberName)s",
+        "kicked_from_room_by": "Nesorina tamin'ny%(roomName)s ny%(memberName)s",
+        "knock_cancel_action": "Hanafoana ny fangatahana",
+        "knock_denied_subtitle": "Satria nolavina ny fidirana dia tsy afaka miditra indray ianao raha tsy asaina ataon'ny admin na mpandrindra ny vondrona.",
+        "knock_denied_title": "Nolavina ianao",
+        "knock_message_field_placeholder": "Hafatra (tsy voatery)",
+        "knock_prompt": "Angataka ny hiditra?",
+        "knock_prompt_name": "Angataho ny hiaraka%(roomName)s ?",
+        "knock_send_action": "Mangataka fidirana",
+        "knock_sent": "Nalefa ny fangatahana hiditra",
+        "knock_sent_subtitle": "Miandry ny fangatahanao hiditra.",
+        "knock_subtitle": "Mila omena fahafahana miditra amin'ity efitrano ity ianao raha te hijery na handray anjara amin'ny resaka. Azonao atao ny mandefa fangatahana hiditra eto ambany.",
+        "leave_error_title": "Hadisoana nivoaka ny efitrano",
+        "leave_server_notices_description": "Ity efitrano ity dia ampiasaina aminy hafatra manan-danja avy amin'ny Homeserver, ka tsy afaka miala amin'izany ianao.",
+        "leave_server_notices_title": "Tsy afaka mivoaka ny efitranon'ny Server Notice",
+        "leave_unexpected_error": "Fahadisoan'ny mpizara tsy nampoizina niezaka niala tao amin'ny efitrano",
+        "link_email_to_receive_3pid_invite": "Ampifandraiso aminy kaontinao ao amin'ny fanitsiana ity mailaka ity mba handraisana fanasana mivantana%(brand)s.",
+        "loading_preview": "Topi-maso aminy firosoana",
+        "no_peek_join_prompt": "%(roomName)stsy azo jerena. Te-hiditra amin'izany ve ianao?",
+        "no_peek_no_name_join_prompt": "Tsy misy vinavina, te-hiditra ve ianao?",
+        "not_found_subtitle": "Tena eo amin'ny toerana mety ve ianao?",
+        "not_found_title": "Tsy misy io efitrano na toerana malalaka io.",
+        "not_found_title_name": "%(roomName)stsy misy.",
+        "peek_join_prompt": "Mijery mialoha ianao%(roomName)s . Te-hiditra aminy?",
+        "read_topic": "Tsindrio raha hamaky lohahevitra",
+        "rejecting": "Mandà ny fanasana…",
+        "rejoin_button": "Amerina iditra",
+        "search": {
+            "all_rooms_button": "Karohy ny efitrano rehetra",
+            "this_room_button": "Karohy ity efitrano ity"
+        },
+        "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.",
+            "other": "Ianao dia manana%(count)s fampandrenesana tsy novakiana amin&#39;ny dikan-teny teo aloha amin&#39;ity efitrano ity."
+        },
+        "upgrade_error_description": "Hamarino indroa fa manohana ny kinova efitrano nofidina ny mpizaranao ary andramo indray.",
+        "upgrade_error_title": "Hadisoana ny fanavaozana ny efitrano",
+        "upgrade_warning_bar": "Ny fanavaozana ity efitrano ity dia hanakatona ny efitrano misy ankehitriny ary hamorona efitrano nohavaozina miaraka amin'ny anarana mitovy.",
+        "upgrade_warning_bar_admins": "Ny mpitantana ny efitrano ihany no hahita ity fampitandremana ity",
+        "upgrade_warning_bar_unstable": "Ity efitrano ity dia dikan-trano mandeha<roomVersion /> , izay namarihan'ity homeserver ity ho<i> miovaova</i> .",
+        "upgrade_warning_bar_upgraded": "Efa nohavaozina ity efitrano ity.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Hampiditra%(filename)s sy%(count)s hafa",
+                "other": "Hampiditra%(filename)s sy%(count)s ny hafa"
+            },
+            "uploading_single_file": "Hampiditra%(filename)s"
+        },
+        "waiting_for_join_subtitle": "Rehefa niditra ny mpampiasa nasaina%(brand)s , dia ho afaka hifampiresaka ianao ary ny efitrano dia ho encryption amin'ny farany",
+        "waiting_for_join_title": "Miandry ny mpampiasa hiditra%(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Ampio toerana",
+        "failed_add_tag": "Tsy nety nanampy tag%(tagName)s mankany amin'ny efitrano",
+        "failed_remove_tag": "Tsy nesorina ny marika%(tagName)s avy amin'ny efitrano",
+        "failed_set_dm_tag": "Tsy nahavita nametraka tenifototra hafatra mivantana",
+        "notification_options": "Safidy fampahafantarana",
+        "show_less": "Asehoy kely"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Manapaha hevitra hoe iza no afaka mijery sy miditra%(spaceName)s .",
+            "title": "Fizorana"
+        },
+        "advanced": {
+            "error_upgrade_description": "Tsy vita ny fanavaozana ny efitrano",
+            "error_upgrade_title": "Tsy nahomby ny fanavaozana ny efitrano",
+            "information_section_room": "Fampahafantarana ny efitrano",
+            "information_section_space": "Fampahalalana momba ny habakabaka",
+            "room_id": "ID efitrano anatiny",
+            "room_predecessor": "Jereo ny hafatra tranainy ao%(roomName)s .",
+            "room_upgrade_button": "Havaozy ity efitrano ity amin'ny dikan-trano atolotra",
+            "room_upgrade_warning": "<b>FAMPITANDREMANA</b> : fanatsarana efitrano<i> tsy mifindra ho azy ny mpikambana ao amin'ny efitrano mankany amin'ny dikan-teny vaovaon'ny efitrano.</i> Hametraka rohy mankany amin'ny efitrano vaovao ao amin'ny kinova tranainy amin'ny efitrano izahay - ny mpikambana ao amin'ny efitrano dia tsy maintsy manindry ity rohy ity raha te hiditra amin'ny efitrano vaovao.",
+            "room_version": "Dikan'ny efitrano:",
+            "room_version_section": "Dikan-trano vaovao",
+            "space_predecessor": "Jereo ny dikan-teny taloha%(spaceName)s .",
+            "space_upgrade_button": "Havaozy ity habaka ity ho amin'ny dikan-trano atolotra",
+            "unfederated": "Ity efitrano ity dia tsy azon'ny mpizara Matrix lavitra",
+            "upgrade_button": "Havaozy ho kinova ity efitrano ity%(version)s",
+            "upgrade_dialog_description": "Ny fanavaozana ity efitrano ity dia mitaky fanakatonana ny efitrano misy ankehitriny ary mamorona efitrano vaovao eo amin'ny toerany. Mba hanomezana traikefa tsara indrindra hoany ny mpikambana ao amin'ny efitrano, dia:",
+            "upgrade_dialog_description_1": "Mamorona efitrano vaovao mitovy anarana, famaritana ary avatar",
+            "upgrade_dialog_description_2": "Havaozy izay solon'anarana efitrano eo an-toerana mba hanondroana ny efitrano vaovao",
+            "upgrade_dialog_description_3": "Atsaharo ny mpampiasa tsy hiteny amin'ny dikan-teny taloha amin'ny efitrano, ary mandefa hafatra manoro hevitra ny mpampiasa hifindra any amin'ny efitrano vaovao",
+            "upgrade_dialog_description_4": "Avereno rohy mankany amin'ny efitrano taloha eo am-piandohany efitrano vaovao mba hahitan'ny olona ireo hafatra taloha",
+            "upgrade_dialog_title": "Fanavaozana ny Efitrano Version",
+            "upgrade_dwarning_ialog_title_public": "Hatsarao ny efitranom-bahoaka",
+            "upgrade_warning_dialog_description": "Fanatsarana efitrano dia hetsika mandroso ary matetika no asaina rehefa tsy milamina ny efitrano iray noho ny bibikely, ny endri-javatra tsy hita na ny vulnerability amin'ny fiarovana.",
+            "upgrade_warning_dialog_explainer": "<b>Azafady, mariho fa ny fanavaozana dia hanana dikan-teny vaovao amin'ny efitrano</b> . Ny hafatra rehetra amin'izao fotoana izao dia hijanona ao amin'ity efitrano voatahiry ity.",
+            "upgrade_warning_dialog_footer": "Havaozinao ity efitrano ity avy amin'ny<oldVersion /> ny<newVersion /> .",
+            "upgrade_warning_dialog_invite_label": "Asao ho azy ny mpikambana avy amin'ity efitrano ity ho any amin'ilay vaovao",
+            "upgrade_warning_dialog_report_bug_prompt": "Matetika izany dia misy fiantraikany aminy fomba fikarakarana ny efitrano ao aminy server. Raha manana olana amin'ny tenanao ianao%(brand)s , mitatitra otrikaretina azafady.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Matetika izany dia misy fiantraikany aminy fomba fikarakarana ny efitrano ao aminy server. Raha manana olana amin'ny tenanao ianao%(brand)s , Mba miangavy re<a> mitatitra bibikely</a> .",
+            "upgrade_warning_dialog_title": "Fanatsarana efitrano",
+            "upgrade_warning_dialog_title_private": "Hanavao ny efitrano manokana"
+        },
+        "alias_not_specified": "tsy voasoritra",
+        "bridges": {
+            "description": "Ity efitrano ity dia mampifandray hafatra amin'ireto sehatra manaraka ireto.<a> Hamantatra bebe kokoa.</a>",
+            "empty": "Ity efitrano ity dia tsy mampifandray hafatra amin'ny sehatra rehetra.<a> Hamantatra bebe kokoa.</a>",
+            "title": "Tetezana"
+        },
+        "delete_avatar_label": "Fafao ny avatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Fisarahana ny toerana izay misy banga ohatra (:domaine.org)",
+            "alias_field_has_localpart_invalid": "Anaran'ny efitra na fanasarahana ohatra (efitranoko:domain.org)",
+            "alias_field_matches_invalid": "Ity adiresy ity dia tsy manondro ity efitrano ity",
+            "alias_field_placeholder_default": "ohatra ny efitranoko",
+            "alias_field_required_invalid": "Omeo adiresy azafady",
+            "alias_field_safe_localpart_invalid": "Tsy azo atao ny litera sasany",
+            "alias_field_taken_invalid": "Ity adiresy ity dia nanana mpizara tsy mety na efa ampiasaina",
+            "alias_field_taken_invalid_domain": "Ity adiresy ity dia efa ampiasaina",
+            "alias_field_taken_valid": "Ity adiresy ity dia azo ampiasaina",
+            "alias_heading": "Adiresy efitrano",
+            "aliases_items_label": "Adiresy hafa navoaka:",
+            "aliases_no_items_label": "Tsy mbola misy adiresy hafa navoaka, ampio iray eto ambany",
+            "aliases_section": "Adiresy ao amin'ny efitrano",
+            "avatar_field_label": "Avatar efitra",
+            "canonical_alias_field_label": "Adiresy lehibe",
+            "description_space": "Ahitsio ny kira mifandraika amin'ny habakabaka.",
+            "error_creating_alias_description": "Nisy lesoka tamin'ny famoronana io adiresy io. Mety tsy avelany mpizara izany na nisy tsy fahombiazana vonjimaika.",
+            "error_creating_alias_title": "Hadisoana tamin'ny famoronana adiresy",
+            "error_deleting_alias_description": "Nisy lesoka taminy fanesorana io adiresy io. Mety tsy misy intsony izany na misy hadisoana vonjimaika.",
+            "error_deleting_alias_description_forbidden": "Tsy manana alalana hamafa ny adiresy ianao.",
+            "error_deleting_alias_title": "Hadisoana taminy fanesorana adiresy",
+            "error_save_space_settings": "Tsy nahomby ny fitahirizana ny habaka.",
+            "error_updating_alias_description": "Nisy lesoka taminy fanavaozana ny adiresin'ny efitrano hafa. Mety tsy avelany mpizara izany na nisy tsy fahombiazana vonjimaika.",
+            "error_updating_canonical_alias_description": "Nisy lesoka tamin'ny fanavaozana ny adiresiny efitrano. Mety tsy avelany mpizara izany na nisy tsy fahombiazana vonjimaika.",
+            "error_updating_canonical_alias_title": "Nisy olana teo am-panavaozana ny adiresy fototra",
+            "leave_space": "Avelao ny toerana",
+            "local_alias_field_label": "Adiresy eo an-toerana",
+            "local_aliases_explainer_room": "Mametraha adiresy hoan'ity efitrano ity mba ahafahany mpampiasa mahita ity efitrano ity amin'ny alàlany mpizara tranonao (%(localDomain)s )",
+            "local_aliases_explainer_space": "Mametraha adiresy hoanity habaka ity mba ahafahany mpampiasa mahita ity habaka ity aminy alàlany mpizara tranonao (%(localDomain)s )",
+            "local_aliases_section": "Adiresy eo an-toerana",
+            "name_field_label": "Anaran'ny efitrano",
+            "new_alias_placeholder": "Adiresy vaovao navoaka (oh #alias:server)",
+            "no_aliases_room": "Tsy manana adiresy eo an-toerana ity efitrano ity",
+            "no_aliases_space": "Tsy manana adiresy eo an-toerana ity habakabaka ity",
+            "other_section": "Hafa",
+            "publish_toggle": "Avoahy hoany besinimaro ity efitrano ity%(domain)s ny lisitry ny efitrano?",
+            "published_aliases_description": "Mba hamoahana adiresy dia mila apetraka ho adiresy eo an-toerana aloha.",
+            "published_aliases_explainer_room": "Ny adiresy navoaka dia azony rehetra ampiasaina aminy mpizara rehetra mba hiditra ao amin'ny efitranonao.",
+            "published_aliases_explainer_space": "Ny adiresy navoaka dia azon'ny olona ampiasaina aminy mpizara rehetra mba hiditra amin'ny habakao.",
+            "published_aliases_section": "Adiresy navoaka",
+            "save": "Alaina ny fanovana",
+            "topic_field_label": "Lohahevitra Efitrano"
+        },
+        "notifications": {
+            "browse_button": "Mikaroka",
+            "custom_sound_prompt": "Mametraha feo mahazatra vaovao",
+            "notification_sound": "Feon'ny fampahafantarana",
+            "settings_link": "Mahazoa fampandrenesana apetraka ao amin'ny anao<a> Fikirana</a>",
+            "sounds_section": "Feo",
+            "upload_sound_label": "Ampiakatra feo voatokana",
+            "uploaded_sound": "Feo nampiakarina"
+        },
+        "people": {
+            "knock_empty": "Tsy misy fangatahana",
+            "knock_section": "Mangataka ny hiaraka",
+            "see_less": "Jereo kely kokoa",
+            "see_more": "Ijery mihaotra"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Omeo tombontsoa bebe kokoa ny mpampiasa iray na maromaro ao amin'ity efitrano ity",
+            "add_privileged_user_filter_placeholder": "Mitadiava mpampiasa ao amin'ity efitrano ity…",
+            "add_privileged_user_heading": "Ampio ireo mpampiasa manana tombontsoa",
+            "ban": "Fandrarana ny mpampiasa",
+            "ban_reason": "Antony",
+            "banned_by": "Voarara ny%(displayName)s",
+            "banned_users_section": "Mpampiasa voarara",
+            "error_changing_pl_description": "Nisy hadisoana nitranga nanova ny haavon'ny herin'ny mpampiasa. Ataovy azo antoka fa manana fahazoan-dàlana ampy ianao ary andramo indray.",
+            "error_changing_pl_reqs_description": "Nisy hadisoana nitranga nanova ny fepetra takian'ny herin'ny efitrano. Ataovy azo antoka fa manana fahazoan-dàlana ampy ianao ary andramo indray.",
+            "error_changing_pl_reqs_title": "Hadisoana fanovana fepetra takian'ny herinaratra",
+            "error_changing_pl_title": "Error manova ny ahavon'ny hery",
+            "error_unbanning": "Tsy nahomby ny fandrarana",
+            "events_default": "Mandefa hafatra",
+            "invite": "Asao ireo mpampiasa",
+            "kick": "Esory ny mpampiasa",
+            "m.call": "Fanombohana%(brand)s antso",
+            "m.call.member": "Anjara%(brand)s antso",
+            "m.reaction": "Mandefasa fanehoan-kevitra",
+            "m.room.avatar": "Hanova ny avatar",
+            "m.room.avatar_space": "Hanova ny habakabaka avatar",
+            "m.room.canonical_alias": "Hanova ny adiresy fototra ny efitrano",
+            "m.room.canonical_alias_space": "Ovay ny adiresy fototra hoan'ny habaka",
+            "m.room.encryption": "Andefa",
+            "m.room.history_visibility": "Fahitany ny tantara ny fiovana",
+            "m.room.name": "Ovay ny anarana",
+            "m.room.name_space": "Hanova anarana toerana",
+            "m.room.pinned_events": "Mitantana ireo hetsika voatetika",
+            "m.room.power_levels": "Hanova ny alalana",
+            "m.room.redaction": "Esory dia nalefako avy aty aminahy",
+            "m.room.server_acl": "Hanova ny ACL mpizara",
+            "m.room.tombstone": "Hanavao ny efitrano",
+            "m.room.topic": "Hanova lohahevitra",
+            "m.room.topic_space": "Hanova famaritana",
+            "m.space.child": "Mitantana efitrano amin'ity toerana ity",
+            "m.widget": "Manova widgets",
+            "muted_users_section": "Mpampiasa moana",
+            "no_privileged_users": "Tsy misy mpampiasa manana tombontsoa manokana amin'ity efitrano ity",
+            "notifications.room": "Ampahafantaro ny rehetra",
+            "permissions_section": "alàlana",
+            "permissions_section_description_room": "Safidio ireo andraikitra ilaina mba hanovana ny faritra samihafa amin'ny efitrano",
+            "permissions_section_description_space": "Safidio ny andraikitra ilaina hanovana ny faritra samihafa amin'ny habaka",
+            "privileged_users_section": "Mpampiasa tombontsoa",
+            "redact": "Esory ny hafatra nalefany hafa",
+            "send_event_type": "Alefaso%(eventType)s zava-nitranga",
+            "state_default": "Anova ny fandrindrana",
+            "title": "Andraikitra sy fanomezana alàlana",
+            "users_default": "Andraikitra ara-pototra"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Rehefa alefa dia tsy azo vonoina ny fanafenana hoany efitrano iray. Ny hafatra alefa ao amin'ny efitrano misy miafina dia tsy hitany mpizara, fa ny mpandray anjara ao amin'ilay efitrano ihany. Ny fampandehanana ny fanafenana dia mety hanakana ny bots sy tetezana maro tsy hiasa tsara.<a> Mianara bebe kokoa momba ny encryption.</a>",
+            "enable_encryption_confirm_title": "Alefaso ny fanafenana?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Tsy soso-kevitra ny hampidirana encryption amin'ny efitranom-bahoaka.</b> Na iza na iza dia afaka mahita sy miditra amin'ny efitranom-bahoaka, mba hahafahan'ny rehetra mamaky hafatra ao anatiny. Tsy hahazo tombony amin'ny fanafenana ianao, ary tsy ho afaka hamono azy ianao any aoriana. Hanamora ny fandraisana sy fandefasana hafatra ny fanafenana hafatra ao amin'ny efitranom-bahoaka.",
+            "enable_encryption_public_room_confirm_description_2": "Mba hisorohana ireo olana ireo dia mamorona a<a> efitrano vaovao misy encryption</a> hoany resaka kasainao hatao.",
+            "enable_encryption_public_room_confirm_title": "Tena te-hanampy fanafenana amin'ity efitranom-bahoaka ity tokoa ve ianao?",
+            "encrypted_room_public_confirm_description_1": "<b>Tsy soso-kevitra ny hampahafantatra ny efitrano misy miafina.</b> Midika izany fa afaka mahita sy miditra ao amin'ny efitrano ny olona rehetra, mba hahafahany rehetra mamaky hafatra. Tsy hahazo tombony amin&#39;ny fanafenana ianao. Hanamora ny fandraisana sy fandefasana hafatra ny fanafenana hafatra ao amin'ny efitranom-bahoaka.",
+            "encrypted_room_public_confirm_description_2": "Mba hisorohana ireo olana ireo dia mamorona a<a> efitranom-panjakana vaovao</a> hoany resaka kasainao hatao.",
+            "encrypted_room_public_confirm_title": "Tena tianao havoaka hoany daholobe ity efitrano misy miafina ity?",
+            "encryption_forced": "Mitaky encryption ny mpizara anao mba tsy ho kilemaina.",
+            "encryption_permanent": "Rehefa alefa dia tsy azo esorina ny encryption.",
+            "error_join_rule_change_title": "Tsy nahomby ny fanavaozana ny fitsipika fidirana",
+            "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_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.",
+            "history_visibility_world_readable": "Na iza na iza",
+            "join_rule_description": "Manapaha hevitra hoe iza no afaka miditra%(roomName)s .",
+            "join_rule_invite": "Tsy miankina (manasa ihany)",
+            "join_rule_invite_description": "Ny olona nasaina ihany no afaka miditra.",
+            "join_rule_knock": "Mangataka ny hiaraka",
+            "join_rule_knock_description": "Tsy afaka miditra ny olona raha tsy omena alalana.",
+            "join_rule_public_description": "Na iza na iza afaka mahita sy miditra.",
+            "join_rule_restricted": "Mpikambana ao aminy habakabaka",
+            "join_rule_restricted_description": "Na iza na iza ao amin'ny habaka iray dia afaka mahita sy miditra.<a> Ahitsio izay habaka azo idirana eto.</a>",
+            "join_rule_restricted_description_active_space": "Na iza na iza ao<spaceName/> afaka mahita sy miditra. Afaka misafidy toerana hafa koa ianao.",
+            "join_rule_restricted_description_prompt": "Na iza na iza ao amin'ny habaka iray dia afaka mahita sy miditra. Afaka misafidy toerana maromaro ianao.",
+            "join_rule_restricted_description_spaces": "Toerana misy fidirana",
+            "join_rule_restricted_dialog_description": "Manapaha hevitra hoe aiza no toerana afaka miditra amin'ity efitrano ity. Raha misy toerana voafantina dia afaka mahita sy miditra ny mpikambana ao aminy<RoomName/> .",
+            "join_rule_restricted_dialog_empty_warning": "Esorinao ny habaka rehetra. Ny fidirana dia tsy maintsy manasa ihany",
+            "join_rule_restricted_dialog_filter_placeholder": "Fikarohana toerana",
+            "join_rule_restricted_dialog_heading_known": "Toerana hafa fantatrao",
+            "join_rule_restricted_dialog_heading_other": "Toerana na efitrano hafa mety tsy fantatrao",
+            "join_rule_restricted_dialog_heading_room": "Espace fantatrao fa misy ity efitrano ity",
+            "join_rule_restricted_dialog_heading_space": "Espace fantatrao fa misy io habakabaka io",
+            "join_rule_restricted_dialog_heading_unknown": "Ireo dia azo inoana fa anisan'ireo mpitantana efitrano hafa.",
+            "join_rule_restricted_dialog_title": "Mifidiana toerana",
+            "join_rule_restricted_n_more": {
+                "one": "&%(nombre) s Bebekokoa",
+                "other": "&%(nombre)s Bebekokoa"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Amin'izao fotoana izao dia misy toerana azo idirana",
+                "other": "Amin'izao fotoana izao,%(count)s manana fidirana ny habaka"
+            },
+            "join_rule_restricted_upgrade_description": "Ity fanavaozana ity dia ahafahany mpikambana amin'ny toerana voafantina hiditra amin'ity efitrano ity tsy misy fanasana.",
+            "join_rule_restricted_upgrade_warning": "Ity efitrano ity dia any amin'ny toerana sasany tsy anao admin. Ao amin'ireo habaka ireo dia mbola haseho ny efitrano taloha, fa ny olona dia ho voataona hiditra ao amin'ilay efitrano vaovao.",
+            "join_rule_upgrade_awaiting_room": "Mametraka efitrano vaovao",
+            "join_rule_upgrade_required": "Ilaina ny fanavaozana",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Mandefa fanasana...",
+                "other": "Mandefa fanasana... (%(progress)s ivelany%(count)s )"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Manavao ny toerana malalaka...",
+                "other": "Fanavaozana ny toerana malalaka... (%(progress)s ivelany%(count)s )"
+            },
+            "join_rule_upgrade_upgrading_room": "Efitrano fanavaozana",
+            "public_without_alias_warning": "Raha te hifandray amin'ity efitrano ity dia ampio adiresy azafady.",
+            "publish_room": "Ataovy hita ao aminy lahatahiry hoany daholobe ity efitrano ity.",
+            "publish_space": "Ataovy ho hita ao amin'ny lahatahiry hoany daholobe ity habaka ity.",
+            "strict_encryption": "Aza mandefa hafatra miafina na oviana na oviana amin'ireo fivoriana tsy voamarina ao amin'ity efitrano ity avy amin'ity fivoriana ity",
+            "title": "Fiarovana sy tsiambaratelo"
+        },
+        "title": "Fikirana efitrano -%(roomName)s",
+        "upload_avatar_label": "Ampiditra avatar",
+        "visibility": {
+            "alias_section": "Adiresy",
+            "error_failed_save": "Tsy nahomby ny fanavaozana ny fahitana an'ity habaka ity",
+            "error_update_guest_access": "Tsy nahomby ny fanavaozana ny fidirany vahiny amin'ity habaka ity",
+            "error_update_history_visibility": "Tsy nahomby ny fanavaozana ny tantaran'ity habaka ity",
+            "guest_access_explainer": "Afaka miditra amina toerana iray tsy manana kaonty ny vahiny.",
+            "guest_access_label": "Alefaso ny fidirana amin'ny vahiny",
+            "history_visibility_anyone_space": "Toerana fijerena mialoha",
+            "history_visibility_anyone_space_description": "Avelao ny olona hijery ny toerana misy anao alohan'ny hidirany.",
+            "history_visibility_anyone_space_recommendation": "Soso-kevitra hoany toerana hoany daholobe.",
+            "title": "Fahitana"
+        },
+        "voip": {
+            "call_type_section": "Karazana antso",
+            "enable_element_call_caption": "%(brand)sdia misy encryption aminy farany, saingy voafetra hoany mpampiasa vitsy kokoa amin'izao fotoana izao.",
+            "enable_element_call_label": "Tadiavo%(brand)s ho safidy fiantsoana fanampiny ao amin'ity efitrano ity",
+            "enable_element_call_no_permissions_tooltip": "Tsy manana fahazoan-dàlana ampy hanovana izany ianao."
+        }
+    },
+    "room_summary_card_back_action_label": "Fampahafantarana ny efitrano",
+    "scalar": {
+        "error_create": "Tsy afaka mamorona widget.",
+        "error_membership": "Tsy ao amin'ity ianao.",
+        "error_missing_room_id": "Tsy ampy id",
+        "error_missing_room_id_request": "Tsy misy room_id amin'ny fangatahana",
+        "error_missing_user_id_request": "Tsy misy user_id amin'ny fangatahana",
+        "error_permission": "Tsy mahazo alalana hanao izany ianao ato amin'ity efitrano ity.",
+        "error_power_level_invalid": "Ny ahavony hery dia tsy maintsy akamaroany tsara.",
+        "error_room_not_visible": "efitra%(roomId)s tsy hita",
+        "error_room_unknown": "Tsy fantatra ity efitrano ity.",
+        "error_send_request": "Tsy nahomby ny fandefasana fangatahana.",
+        "failed_read_event": "Tsy nahavaky ny zava-nitranga",
+        "failed_send_event": "Tsy nahomby ny fandefasana hetsika"
+    },
+    "server_offline": {
+        "description": "Tsy mamaly ny sasany amin'ireo fangatahanao ny mpizara anao. Ireto ambany ireto ny sasany amin'ireo antony mety hitranga.",
+        "description_1": "Ny mpizara (%(serverName)s ) ela loatra vao namaly.",
+        "description_2": "Ny firewall na anti-virus anao dia manakana ny fangatahana.",
+        "description_3": "Ny fanitarana toeram-pivohizana dia manakana ny fangatahana.",
+        "description_4": "An-tserasera ny mpizara.",
+        "description_5": "Nandà ny fangatahanao ny tompon'andraikitra.",
+        "description_6": "Misedra olana amin'ny fifandraisana amin'ny Internet ny faritra misy anao.",
+        "description_7": "Nisy hadisoana nitranga teo am-piezahana hifandray amin'ny mpizara.",
+        "description_8": "Ny mpizara dia tsy namboarina mba hanondroana ny olana (CORS).",
+        "empty_timeline": "Efa tratra daholo ianareo.",
+        "recent_changes_heading": "Fanovana vao haingana izay tsy mbola voaray",
+        "title": "Tsy mamaly ny mpizara"
+    },
+    "seshat": {
+        "error_initialising": "Tsy nahomby ny fanombohana fikarohana hafatra, jereo<a> ny fandrindranao</a> raha mila fanazavana fanampiny",
+        "reset_button": "Avereno ny fivarotana hetsika",
+        "reset_description": "Azo inoana fa tsy te hamerina ny fivarotam-panondro hetsikao ianao",
+        "reset_explainer": "Raha manao izany ianao, azafady, mariho fa tsy hisy ho voafafa ny hafatrao, fa ny traikefa amin'ny fikarohana dia mety hiharatsy mandritra ny fotoana fohy rehefa averina ny index.",
+        "reset_title": "Hamerina ny fivarotana hetsika?",
+        "warning_kind_files": "Ity dikany of%(brand)s tsy manohana ny fijerena rakitra sasany voafefy",
+        "warning_kind_files_app": "Ampiasao ny<a> Fampiharana Desktop</a> mba hijerena ny rakitra rehetra miafina",
+        "warning_kind_search": "Ity dikan-teny amin'ny ID %(brand)s dia tsy manohana ny fikarohana hafatra voaaro",
+        "warning_kind_search_app": "Ampiasao ny<a> Fampiharana Desktop</a> hikaroka hafatra misy miafina"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Ny token'ny fidiranao dia manome fidirana feno amin'ny kaontinao. Aza zaraina amin'iza na iza.",
+            "brand_version": "%(marquesversion:",
+            "clear_cache_reload": "Fadio ny cache ary avereno",
+            "crypto_version": "Version Crypto:",
+            "help_link": "Ho fanampiana amin'ny fampiasana%(brand)s , tsindrio<a> Eto</a> .",
+            "homeserver": "Homeserver dia<code>%(homeserverUrl)s</code>",
+            "identity_server": "Ny mpizara famantarana dia<code>%(identityServerUrl)s</code>",
+            "title": "Fanampiana avy amin'ny",
+            "versions": "Dikan-teny"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "Asehoy ny efitrano rehetra ao an-trano",
+        "all_rooms_home_description": "Ny efitrano rehetra misy anao dia hiseho ao an-trano.",
+        "always_show_message_timestamps": "Asehoy foana ny mari-pamantarana hafatra",
+        "appearance": {
+            "bundled_emoji_font": "Mampiasà endritsoratra emoji mitambatra",
+            "custom_font": "Mampiasà endri-tsoratra rafitra",
+            "custom_font_description": "Mametraha anaran'ny endritsoratra napetraka ao amin'ny rafitrao &amp;%(brand)s dia hiezaka ny hampiasa azy io.",
+            "custom_font_name": "Anaran'ny endri-tsoratra",
+            "custom_font_size": "Ampiasao ny habeny manokana",
+            "custom_theme_error_downloading": "Hadisoana tamin'ny fampidinana fampahalalana lohahevitra.",
+            "custom_theme_invalid": "Tetika lohahevitra tsy mety.",
+            "font_size": "Haben'ny endri-tsoratra",
+            "font_size_default": "%(Haben'ny Endritsoratra)s (Lafiny Ankapobeny)",
+            "image_size_default": "Ara-pototra",
+            "image_size_large": "Ankamaroan'ireo",
+            "layout_bubbles": "Hafatra miboiboika",
+            "layout_irc": "IRC (Andrana)",
+            "match_system_theme": "Lohahevitra rafitra mifanandrify",
+            "timeline_image_size": "Haben'ny sary ao amin'ny tsipika"
+        },
+        "automatic_language_detection_syntax_highlight": "Alefaso ny fitadiavana fiteny mandeha ho azy amin'ny fanasongadinana syntaxe",
+        "autoplay_gifs": "Mandeha ho azy ny famakiana GIF",
+        "autoplay_videos": "Mandeha oay Orinan-tsary",
+        "big_emoji": "Alefaso ny emoji lehibe amin'ny chat",
+        "code_block_expand_default": "Manitatra ny sakana kaody amin'ny alàlan'ny lasitra",
+        "code_block_line_numbers": "Asehoy ny laharan'ny andalana amin'ny sakana kaody",
+        "disable_historical_profile": "Asehoy ny sary mpamantarana sy ny anaran'ny mpampiasa ao amin'ny tantaran'ny hafatra.",
+        "emoji_autocomplete": "Alefaso ny soso-kevitra Emoji rehefa manoratra",
+        "enable_markdown": "Alefaso ny Markdown",
+        "enable_markdown_description": "Manomboka hafatra amin'ny<code> /lemaka</code> mandefa tsy misy marika.",
+        "general": {
+            "account_management_section": "Fitantanana kaonty",
+            "account_section": "Kaonty",
+            "add_email_dialog_title": "Ampio adiresy imailaka",
+            "add_email_failed_verification": "Tsy nahavita nanamarina ny adiresy mailaka: ataovy azo antoka fa tsindrio ny rohy ao aminy imailaka",
+            "add_email_instructions": "Nandefa imailaka ho anao izahay hanamarina ny adiresinao. Araho azafady ny toromarika ao ary tsindrio ny bokotra etsy ambany.",
+            "add_msisdn_confirm_body": "Kitiho ny bokotra etsy ambany raha hanamarina ny fampidirana ity laharan-telefaona ity.",
+            "add_msisdn_confirm_button": "Hamafiso ny fampidirana laharan-telefaona",
+            "add_msisdn_confirm_sso_button": "Hamafiso ny fampidirana ity laharan-telefaona ity aminy fampiasana Single Sign On mba hanaporofoana ny maha-izy anao.",
+            "add_msisdn_dialog_title": "Ampio laharan-telefaona",
+            "add_msisdn_instructions": "Nisy hafatra an-tsoratra nalefa tany +%(msisdn)s . Ampidiro azafady ny kaody fanamarinana misy ao.",
+            "add_msisdn_misconfigured": "Ny fanampiana / fatotra amin'ny fikorianan'ny MSISDN dia diso",
+            "confirm_adding_email_body": "Kitiho ny bokotra etsy ambany raha hanamarina ny fampidirana ity adiresy mailaka ity.",
+            "confirm_adding_email_title": "Hamafiso ny fampidirana imailaka",
+            "deactivate_confirm_body": "Tena tianao ve ny hanafoana ny kaontinao? Tsy azo ovaina izany.",
+            "deactivate_confirm_body_sso": "Hamafiso ny fanafoanana ny kaontinao aminy fampiasana Single Sign On mba hanaporofoana ny maha-izy anao.",
+            "deactivate_confirm_content": "Hamafiso fa tianao ny hanafoana ny kaontinao. Raha mandroso ianao:",
+            "deactivate_confirm_content_1": "Tsy ho afaka hamerina ny kaontinao ianao",
+            "deactivate_confirm_content_2": "Tsy ho afaka miditra intsony ianao",
+            "deactivate_confirm_content_3": "Tsy misy olona afaka mampiasa indray ny anaranao (MXID), anisan'izany ianao: ity solonanarana ity dia tsy ho hita intsony",
+            "deactivate_confirm_content_4": "Hivoaka ny efitrano rehetra sy ny DM misy anao ianao",
+            "deactivate_confirm_content_5": "Hesorina aminy mpizara famantarana ianao: tsy ho hitany namanao intsony ianao aminy imailaka na nomeraon-telefaonanao",
+            "deactivate_confirm_content_6": "Mbola ho hitany olona nandray azy ny hafatrao taloha, toy ny mailaka nalefanao taloha. Te hanafina ny hafatra nalefanao aminy olona miditra amin&#39;ny efitrano ho avy ve ianao?",
+            "deactivate_confirm_continue": "Hamafiso ny fanafoanana ny kaonty",
+            "deactivate_confirm_erase_label": "Afeno aminy olona vaovao ny hafatro",
+            "deactivate_section": "Atsaharo ny kaonty",
+            "deactivate_warning": "Hetsika maharitra ny fanesorana ny kaontinao — mitandrema!",
+            "discovery_email_empty": "Hiseho ny safidy Discovery rehefa nanampy imailaka etsy ambony ianao.",
+            "discovery_email_verification_instructions": "Hamarino ny rohy ao anaty boaty fidiranao",
+            "discovery_msisdn_empty": "Hipoitra ny safidiny fikarohana rehefa nanampy laharan-telefaona etsy ambony ianao.",
+            "discovery_needs_terms": "Manaiky ny mpizara famantarana (%(serverName)s ) Fepetrany serivisy mamela anao ho hita aminy adiresy imailaka na laharan-telefaona.",
+            "email_address_in_use": "Ity adiresy imailaka ity dia efa nampiasaina",
+            "email_address_label": "Adiresy imailaka",
+            "email_not_verified": "Mbola tsy voamarina ny adiresy imailakao",
+            "email_verification_instructions": "Kitiho ny rohy ao aminy imailaka azonao hanamarinana ary tsindrio ny hanohy indray.",
+            "emails_heading": "Adiresy imailaka",
+            "error_add_email": "Tsy afaka manampy adiresy imailaka",
+            "error_deactivate_communication": "Nisy olana taminy fifandraisana tamin'ny mpizara. Andramo indray azafady.",
+            "error_deactivate_invalid_auth": "Tsy namerina ny mombamomba ny fanamarinana marina ny mpizara.",
+            "error_deactivate_no_auth": "Tsy mila fanamarinana ny mpizara",
+            "error_email_verification": "Tsy afaka manamarina ny adiresy imailaka.",
+            "error_invalid_email": "Adiresy imailaka tsy mety",
+            "error_invalid_email_detail": "Toa tsy adiresy imailaka manan-kery ity",
+            "error_msisdn_verification": "Tsy afaka manamarina ny laharan-telefaona.",
+            "error_password_change_403": "Tsy nahavita nanova ny tenimiafina. Marina ve ny tenimiafinao?",
+            "error_password_change_http": "%(errorMessage)s(Sata HTTP%(httpStatus)s )",
+            "error_password_change_title": "Hadisoana fanovana tenimiafina",
+            "error_password_change_unknown": "Fahadisoana fanovana tenimiafina tsy fantatra (%(stringifiedError)s )",
+            "error_remove_3pid": "Tsy afaka manala ny mombamomba ny fifandraisana",
+            "error_revoke_email_discovery": "Tsy afaka nanafoana ny fizarana ny adiresy imailaka",
+            "error_revoke_msisdn_discovery": "Tsy afaka nanafoana ny fizarana hoany laharan-telefaona",
+            "error_share_email_discovery": "Tsy afaka mizara adiresy imailaka",
+            "error_share_msisdn_discovery": "Tsy afaka mizara laharan-telefaona",
+            "identity_server_no_token": "Tsy hita ny mari-pamantarana fidirana",
+            "identity_server_not_set": "Tsy napetraka ny mpizara famantarana",
+            "language_section": "Fiteny sy faritra",
+            "msisdn_in_use": "Ity laharan-telefaona ity dia efa nampiasaina",
+            "msisdn_label": "Nomeraon-telefaona",
+            "msisdn_verification_field_label": "Kaody fanamarinana",
+            "msisdn_verification_instructions": "Ampidiro azafady ny kaody fanamarinana alefa aminy lahatsoratra.",
+            "msisdns_heading": "Laharana finday",
+            "oidc_manage_button": "Mitantana kaonty",
+            "password_change_section": "Mametraha tenimiafina kaonty vaovao…",
+            "password_change_success": "Niova soa aman-tsara ny tenimiafinao.",
+            "remove_email_prompt": "Esory%(email)s ?",
+            "remove_msisdn_prompt": "Esory%(phone)s ?",
+            "spell_check_locale_placeholder": "Misafidiana toerana iray"
+        },
+        "inline_url_previews_default": "Alefaso ny fijerena URL an-tserasera aminy alàlan'ny default",
+        "insert_trailing_colon_mentions": "Ampidiro tsangambato aoriana aorian'ny fiteny mpampiasa eo am-piandohany hafatra",
+        "jump_to_bottom_on_send": "Mankanesa any amin'ny farany fandaharam-potoana rehefa mandefa hafatra ianao",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Averina averina amin'ity fitaovana ity izao ny fanalahidinao.",
+                "backup_setup_success_title": "Nahomby ny fiarovana vakorakitra",
+                "cancel_warning": "Raha manafoana izao ianao dia mety ho very ny hafatra sy angon-drakitra voafefy raha toa ka very ny fidirana amin'ny fidiranao.",
+                "confirm_security_phrase": "Hamafiso ny fehezan-teny fiarovana anao",
+                "description": "Arovy amin'ny fahaverezan'ny fidirana amin'ny hafatra sy angon-drakitra voatahiry amin'ny alàlan'ny fanohanana ny fanalahidin'ny fanafenana amin&#39;ny mpizaranao.",
+                "download_or_copy": "%(downloadButton)sna%(copyButton)s",
+                "enter_phrase_description": "Ampidiro fehezan-teny momba ny fiarovana ihany no fantatrao, satria ampiasaina amin'ny fiarovana ny angonao. Mba ho azo antoka dia tsy tokony hampiasainao indray ny tenimiafinao.",
+                "enter_phrase_title": "Ampidiro fehezanteny fiarovana",
+                "enter_phrase_to_confirm": "Ampidiro fanindroany ny fehezan-teny fiarovana anao hanamafisana izany.",
+                "generate_security_key_description": "Hamorona fanalahidin'ny vakorakitra izahay mba hitahirizanao any amin'ny toerana azo antoka, toy ny mpitantana ny tenimiafina na ny fitehirizana.",
+                "generate_security_key_title": "Mamorona fanalahidin'ny vakorakitra",
+                "pass_phrase_match_failed": "Tsy mifanentana izany.",
+                "pass_phrase_match_success": "Mifanaraka izany!",
+                "phrase_strong_enough": "Mahafinaritra! Ity fehezan-teny fiarovana ity dia toa matanjaka.",
+                "secret_storage_query_failure": "Tsy afaka manontany sata fitahirizana miafina",
+                "security_key_safety_reminder": "Tehirizo any amin'ny toerana azo antoka ny Key Security-nao, toy ny mpitantana ny tenimiafina na ny arofenitra, satria ampiasaina amin'ny fiarovana ny angona voarakotra.",
+                "set_phrase_again": "Miverena hametraka azy indray.",
+                "settings_reminder": "Azonao atao koa ny manangana fanalahidin'ny vakorakitra ny mitantana ny fanalahidinao ao amin'ny fanitsiana.",
+                "title_confirm_phrase": "Hamafiso ny fehezan-teny fiarovana",
+                "title_save_key": "Tehirizo ny lakilen'ny fiarovanao",
+                "title_set_phrase": "Mametraha fehezanteny fiarovana",
+                "unable_to_setup": "Tsy afaka nanangana fitahirizana miafina",
+                "use_different_passphrase": "Mampiasa fehezanteny hafa?",
+                "use_phrase_only_you_know": "Mampiasà andian-teny miafina izay fantatrao ihany, ary raha tsy izany dia mitahiry fanalahidin'ny vakorakitra ampiasaina amin'ny vakorakitra."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Hamafiso ny fehezan-teny",
+            "enter_passphrase": "Ampidiro fehezanteny",
+            "export_description_1": "Ity dingana ity dia ahafahanao manondrana ny fanalahidiny hafatra azonao ao amin'ny efitrano misy miafina mankany amin'ny rakitra eo an-toerana. Azonao atao ny manafatra ny rakitra amin'ny mpanjifa hafa aminy ho avy, mba ho azony mpanjifa ihany koa ny mamadika ireo hafatra ireo.",
+            "export_description_2": "Ny rakitra aondrana dia ahafahan'izay afaka mamaky azy hamadika ny hafatra voafefy izay hitanao, ka tokony hitandrina ianao mba hitazonana azy io ho azo antoka. Mba hanampiana amin'izany dia tokony hampiditra fehezanteny tokana eto ambany ianao, izay hampiasaina hanafenana ny angona naondrana ihany. Tsy azo atao afa-tsy ny manafatra ny angona amin'ny alalan'ny fampiasana fehezanteny mitovy.",
+            "export_title": "Fanondranana fanalahidin'ny efitrano",
+            "file_to_import": "Rakitra hoany fanafarana",
+            "import_description_1": "Ity dingana ity dia ahafahanao manafatra fanalahidy fanafenana izay naondranao teo aloha avy amin'ny mpanjifa hafa. Avy eo ianao dia ho afaka hamadika ny hafatra rehetra azony mpanjifa hafa hamadika.",
+            "import_description_2": "Ny rakitra fanondranana dia ho voaharo amin'ny fehezan-teny. Tokony hampidirinao eto ny fehezan-teny, hamafa ny rakitra.",
+            "import_title": "Manafatra fanalahidin'ny efitrano",
+            "phrase_cannot_be_empty": "Tsy tokony ho foana ny fehezanteny",
+            "phrase_must_match": "Tsy maintsy mifanaraka ny fehezanteny",
+            "phrase_strong_enough": "Mahafinaritra! Ity fehezanteny ity dia toa matanjaka"
+        },
+        "keyboard": {
+            "title": "Kitendry"
+        },
+        "notifications": {
+            "default_setting_description": "Ity kira ity dia ampiharina aminy alàlan'ny ara-pototra aminy efitranonao rehetra.",
+            "default_setting_section": "Te-hampandrenesina aho momba ny (Fametrahana ara-pototra)",
+            "desktop_notification_message_preview": "Asehoy ny sariny hafatra amin'ny fampahafantarana birao",
+            "email_description": "Mahazoa famintinana imailaka momba ny fampandrenesana tsy hita",
+            "email_section": "Famintinana mailaka",
+            "email_select": "Fidio izay imailaka tianao handefasana famintinana. Tantano ny imailakao<button> jeneraly</button> .",
+            "enable_audible_notifications_session": "Alefaso ny fampahafantarana heno hoan'ity fivoriana ity",
+            "enable_desktop_notifications_session": "Alefaso ny fampandrenesana desktop hoan'ity session ity",
+            "enable_email_notifications": "Alefaso ny fampahafantarana mailaka hoany%(email)s",
+            "enable_notifications_account": "Alefaso ny fampahafantarana ho an'ity kaonty ity",
+            "enable_notifications_account_detail": "Atsaharo ny fampandrenesana amin'ny fitaovanao sy ny fotoam-pivorianao rehetra",
+            "enable_notifications_device": "Alefaso ny fampahafantarana hoan'ity fitaovana ity",
+            "error_loading": "Nisy lesoka teo am-pametahana ny tefiny fampahafantaranao.",
+            "error_permissions_denied": "%(brand)stsy manana alalana handefa fampandrenesana anao - azafady jereo ny firafitry ny navigateur",
+            "error_permissions_missing": "%(brand)stsy nahazo alalana handefa fampahafantarana - andramo indray azafady",
+            "error_saving": "Error amin'ny fitahirizana ny safidiny fampahafantarana",
+            "error_saving_detail": "Nisy hadisoana nitranga teo am-pantahiana ny safidinao fampahafantarana.",
+            "error_title": "Tsy afaka mamela ny Notifications",
+            "error_updating": "Nisy hadisoana nitranga taminy fanavaozana ny safidinao fampahafantarana. Andramo avereno indray ny safidinao azafady.",
+            "invites": "Nasaina hoany amin'ny efitrano iray",
+            "keywords": "Manehoa marika<badge/> rehefa ampiasaina ao anaty efitrano ny teny fanalahidy.",
+            "keywords_prompt": "Ampidiro eto ny teny fanalahidy, na ampiasao aminy fanovana tsipelina na anaram-bositra",
+            "labs_notice_prompt": "<strong>Fanavaozana:</strong> Nohamafisinay ny Settings Notifications mba hanamora ny fitadiavana. Tsy aseho eto ny kirakira manokana nofidinao taloha, fa mbola mavitrika ihany. Raha manohy ianao, dia mety hiova ny sasany amin'ireo fanovanao.<a> Hamantatra bebe kokoa</a>",
+            "mentions_keywords": "Fanononana sy teny fototra",
+            "mentions_keywords_only": "Fanononana sy teny fototra ihany",
+            "messages_containing_keywords": "Hafatra misy teny fanalahidy",
+            "noisy": "Tabataba",
+            "notices": "Hafatra nalefan'ny raobot",
+            "notify_at_room": "Ampahafantaro rehefa misy milaza fa mampiasa @ efitra",
+            "notify_keyword": "Ampahafantaro rehefa misy mampiasa teny fototra",
+            "notify_mention": "Ampahafantaro rehefa misy olona manonona mampiasa @fizotra ny anarana na%(mxid)s",
+            "other_section": "Zavatra hafa heverinay fa mety hahaliana anao:",
+            "people_mentions_keywords": "Vahoaka, fanononana sy teny fanalahidy",
+            "play_sound_for_description": "Ampiharo aminy alàlan'ny ara-pototra aminy efitrano rehetra aminy fitaovana rehetra.",
+            "play_sound_for_section": "Alefaso ny feo hoan'ny",
+            "push_targets": "Kendrena fampahafantarana",
+            "quick_actions_mark_all_read": "Mariho ho voavaky ny hafatra rehetra",
+            "quick_actions_reset": "Avereno amin'ny fanitsiana ara-pototra",
+            "quick_actions_section": "Hetsika haingana",
+            "room_activity": "Miseho ny hetsika efitrano vaovao, ny fanavaozana ary ny hafatra momba ny sata",
+            "rule_call": "Fanasana antso",
+            "rule_contains_display_name": "Hafatra misy ny anarako",
+            "rule_contains_user_name": "Hafatra misy solonanarana",
+            "rule_encrypted": "Hafatra voarakitra ao aminy chat vondrona",
+            "rule_encrypted_room_one_to_one": "Hafatra voasivana aminny chat tokana",
+            "rule_invite_for_me": "Rehefa asaina ho any amin’ny efitrano iray aho",
+            "rule_message": "Hafatra ao aminy vondrona",
+            "rule_room_one_to_one": "Hafatra amin'ny chat tokana",
+            "rule_roomnotif": "Hafatra misy @ efitra",
+            "rule_suppress_notices": "Hafatra nalefan'ny bot",
+            "rule_tombstone": "Rehefa havaozina ny efitrano",
+            "show_message_desktop_notification": "Asehoy ny hafatra aminy fampahafantarana desktop",
+            "voip": "Feo sy lahatsary antso"
+        },
+        "preferences": {
+            "Electron.enableHardwareAcceleration": "Alefaso haingana ny fitaovana (avereno alefa %(nom de l'application)s hanan-kery)",
+            "always_show_menu_bar": "Asehoy lalandava ny fikandrana lisitra bar",
+            "autocomplete_delay": "Fahatarana mandeha ho azy (ms)",
+            "code_blocks_heading": "Sakana kaody",
+            "compact_modern": "Mampiasà lamina Maoderina mirindra kokoa",
+            "composer_heading": "Mpamoron-kira",
+            "enable_hardware_acceleration": "Alefaso ny fanafainganana ny fitaovana",
+            "enable_tray_icon": "Asehoy ny kisary lovia ary ahenao ny varavarankely eo akaikiny",
+            "keyboard_heading": "Kitendry hitsin-dàlana",
+            "keyboard_view_shortcuts_button": "Raha hijery ny hitsin-dàlana fitendry rehetra,<a> kitiho eto</a> .",
+            "media_heading": "Sary, GIF ary horonan-tsary",
+            "presence_description": "Zarao amin'ny hafa ny asanao sy ny satanao.",
+            "rm_lifetime": "Mamaky Markera mandritra ny androm-pamakiana (ms)",
+            "rm_lifetime_offscreen": "Famakiana Markera mandritra ny androm-pamakiana ivelany efijery(ms)",
+            "room_directory_heading": "Lahatahiry efitrano",
+            "room_list_heading": "Lisitry ny efitrano",
+            "show_avatars_pills": "Asehoy ny avatar amin'ny anaran'ny mpampiasa, efitrano ary hetsika",
+            "show_polls_button": "Asehoy ny bokotra fitsapan-kevitra",
+            "surround_text": "Manodidina ny lahatsoratra voafantina rehefa manoratra tarehintsoratra manokana",
+            "time_heading": "Fampisehoana fotoana"
+        },
+        "prompt_invite": "Alefaso alohan'ny handefasana fanasana amin'ny ID mety tsy mety",
+        "replace_plain_emoji": "Soloy ho azy ny Emoji soratra tsotra",
+        "security": {
+            "analytics_description": "Mizarà angona tsy mitonona anarana hanampiana anay hamantatra olana. Tsy misy zavatra manokana. Tsy misy antoko fahatelo.",
+            "bulk_options_accept_all_invites": "Ekeo daholo%(invitedRooms)s fanasana",
+            "bulk_options_reject_all_invites": "Mandà daholo%(invitedRooms)s fanasana",
+            "bulk_options_section": "Safidin'ny ampahany",
+            "e2ee_default_disabled_warning": "Nosakanan'ny admin server-nao ny encryption aminy alàlany default ao aminy efitrano manokana Hafatra mivantana.",
+            "enable_message_search": "Alefaso ny fikarohana hafatra ao amin'ny efitrano misy miafina",
+            "encryption_section": "Fanafenana",
+            "ignore_users_empty": "Tsy manana mpampiasa tsy noraharahiana ianao.",
+            "ignore_users_section": "Ireo mpampiasa tsy noraharahiana",
+            "key_backup_algorithm": "Algorithm:",
+            "message_search_disable_warning": "Raha kilemaina, dia tsy hiseho aminy valiny fikarohana ny hafatra avy aminy efitrano misy miafina.",
+            "message_search_disabled": "Ampidiro ao an-toerana ny hafatra miafina mba hiseho aminy valiny fikarohana.",
+            "message_search_enabled": {
+                "one": "Ampidiro ao an-toerana ny hafatra miafina mba hiseho amin'ny valiny fikarohana, aminy fampiasana azy%(size)s hitehirizana hafatra avy amin'ny%(rooms)s efitrano.",
+                "other": "Ampidiro ao an-toerana ny hafatra miafina mba hiseho amin'ny valiny fikarohana, aminy fampiasana azy%(size)s hitehirizana hafatra avy aminy%(rooms)s efitra."
+            },
+            "message_search_failed": "Tsy nahomby ny fanombohana fikarohana hafatra",
+            "message_search_indexed_messages": "Hafatra voarakitra:",
+            "message_search_indexed_rooms": "Efitrano misy tondro:",
+            "message_search_indexing": "Fanondroana amin'izao fotoana izao:%(currentRoom)s",
+            "message_search_indexing_idle": "Tsy manao indexing hafatra hoany efitrano rehetra.",
+            "message_search_intro": "%(brand)sdia mitahiry tsara ny hafatra miafina ao an-toerana mba hiseho amin'ny valiny fikarohana:",
+            "message_search_room_progress": "%(doneRooms)sivelan'ny%(totalRooms)s",
+            "message_search_section": "Fikarohana hafatra",
+            "message_search_sleep_time": "Haingana ny tokony hisintonana hafatra.",
+            "message_search_space_used": "Toerana ampiasaina:",
+            "message_search_unsupported": "%(brand)stsy ampy ny singa sasany ilaina amin'ny fikojakojana ny hafatra miafina ao an-toerana. Raha te hanandrana an'io endri-javatra io ianao dia manangana fomba fanao%(brand)s Desktop miaraka amin'ny<nativeLink> nampiana singa fikarohana</nativeLink> .",
+            "message_search_unsupported_web": "%(brand)stsy afaka mitahiry tsara ireo hafatra voafefy eo an-toerana raha mandeha amin'ny toeram-pivohizana web. Ampiasao<desktopLink>%(brand)s biraonao</desktopLink> mba hiseho amin&#39;ny valin&#39;ny fikarohana ireo hafatra voafefy.",
+            "record_session_details": "Raketo ny anaran'ny mpanjifa, ny dikan-teny ary ny url mba hamantarana mora kokoa ny fotoam-pivoriana ao aminy mpitantana fivoriana",
+            "send_analytics": "Mandefasa angona fitiliana",
+            "strict_encryption": "Aza mandefa hafatra miafina mihitsy amin'ireo fivoriana tsy voamarina avy amin'ity fivoriana ity"
+        },
+        "send_read_receipts": "Mandefa ny rosia voapanga novakiana",
+        "send_read_receipts_unsupported": "Tsy manohana ny fanafoanana ny fandefasana tapakila novakiana ny mpizaranao.",
+        "send_typing_notifications": "Alefaso fampandrenesana fanoratana",
+        "sessions": {
+            "best_security_note": "Ho fiarovana tsara indrindra, hamarino ny fotoam-pivorianao ary midira amin'ny fivoriana izay tsy fantatrao na tsy ampiasainao intsony.",
+            "confirm_sign_out": {
+                "one": "Hamafiso ny fivoahana ity fitaovana ity",
+                "other": "Hamafiso ny fisoratana anarana ireto fitaovana ireto"
+            },
+            "confirm_sign_out_body": {
+                "one": "Kitiho ny bokotra etsy ambany raha hanamarina ny hivoahan'ity fitaovana ity.",
+                "other": "Kitiho ny bokotra etsy ambany hanamafisana ny fisoratana anarana amin'ireo fitaovana ireo."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Hivoaka ny fitaovana",
+                "other": "Hivoaka ny fitaovana"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Hamafiso ny fivoahana ity fitaovana ity amin'ny fampiasana Single Sign On mba hanaporofoana ny maha-izy anao.",
+                "other": "Hamafiso ny fivoahana ireo fitaovana ireo amin'ny fampiasana Single Sign On mba hanaporofoana ny maha-izy anao."
+            },
+            "current_session": "Fivoriana ankehitriny",
+            "desktop_session": "Zotra Desktop",
+            "details_heading": "Ny antsipirian'ny fivoriana",
+            "device_unverified_description": "Hamarino na mivoaha amin'ity fotoam-pivoriana ity mba hahazoana antoka tsara sy azo ianteherana.",
+            "device_unverified_description_current": "Hamarino ny fotoam-pivorianao ankehitriny mba hahazoana hafatra azo antoka kokoa.",
+            "device_verified_description": "Ity fivoriana ity dia vonona amin'ny fandefasana hafatra azo antoka.",
+            "device_verified_description_current": "Vonona amin'ny fandefasana hafatra azo antoka ny fotoam-pivorianao ankehitriny.",
+            "error_pusher_state": "Tsy nahavita nametraka ny toetry ny pusher",
+            "error_set_name": "Tsy nahomby ny fametrahana ny anaran'ny fivoriana",
+            "filter_all": "Rehetra",
+            "filter_inactive": "Tsy mavitrika",
+            "filter_inactive_description": "Tsy mavitrika hoan'ny%(inactiveAgeDays)s andro na mihoatra",
+            "filter_label": "Fitaovana sivana",
+            "filter_unverified_description": "Tsy vonona amin'ny fandefasana hafatra azo antoka",
+            "filter_verified_description": "Vonona amin'ny fandefasana hafatra azo antoka",
+            "hide_details": "Afeno ny antsipiriany",
+            "inactive_days": "Tsy mavitrika ho an'ny%(inactiveAgeDays)s + andro",
+            "inactive_sessions": "Zotra tsy mavitrika",
+            "inactive_sessions_explainer_1": "Zotra tsy mavitrika dia fotoam-pivoriana tsy nampiasainao nandritra ny fotoana ela, fa mbola mahazo fanalahidin'ny fanafenana.",
+            "inactive_sessions_explainer_2": "Manatsara ny fiarovana sy ny fampandehanana ny fanesorana ireo fivoriana tsy mavitrika, ary manamora ny fahafantaranao raha misy fivoriana vaovao mampiahiahy.",
+            "inactive_sessions_list_description": "Eritrereto ny miala amin'ny fivoriana taloha (%(inactiveAgeDays)s andro na mihoatra) tsy ampiasainao intsony.",
+            "ip": "Adiresy IP",
+            "last_activity": "Hetsika farany",
+            "mobile_session": "Zotra ara-pinday",
+            "n_sessions_selected": {
+                "one": "%(count)s zotra voafantina",
+                "other": "%(count)s zotra voafantina"
+            },
+            "no_inactive_sessions": "Tsy misy fivoriana tsy mavitrika hita.",
+            "no_sessions": "Tsy misy fivoriana hita.",
+            "no_unverified_sessions": "Tsy misy fivoriana tsy voamarina hita.",
+            "no_verified_sessions": "Tsy misy fivoriana voamarina hita.",
+            "other_sessions_heading": "Fivoriana hafa",
+            "push_heading": "Fampandrenesana manosika",
+            "push_subheading": "Mandraisa fampandrenesana fanosehana amin'ity fivoriana ity.",
+            "push_toggle": "Toggle fampandrenesana fanosehana amin'ity fivoriana ity.",
+            "rename_form_caption": "Azafady, fantaro fa ny anaran'ny session dia hitan'ny olona ifandraisanao ihany koa.",
+            "rename_form_heading": "Hanova anarana session",
+            "rename_form_learn_more": "Zotra fanovana anarana",
+            "rename_form_learn_more_description_1": "Ireo mpampiasa hafa amin'ny hafatra mivantana sy efitrano idiranao dia afaka mijery lisitra feno amin'ny fotoam-pivorianao.",
+            "rename_form_learn_more_description_2": "Izany dia manome azy ireo fahatokiana fa tena miresaka aminao izy ireo, saingy midika koa izany fa afaka mahita ny anaran'ny fivoriana ampidirinao eto izy ireo.",
+            "security_recommendations": "Tolo-kevitra momba ny fiarovana",
+            "security_recommendations_description": "Hatsarao ny fiarovana ny kaontinao amin'ny fanarahana ireto tolo-kevitra ireto.",
+            "session_id": "Zotra ID",
+            "show_details": "Asehoy ny antsipiriany",
+            "sign_in_with_qr": "Midira amin'ny kaody QR",
+            "sign_in_with_qr_button": "Asehoy ny kaody QR",
+            "sign_in_with_qr_description": "Azonao atao ny mampiasa an'io fitaovana io mba hidirana fitaovana vaovao miaraka amin'ny kaody QR. Mila mijery ny kaody QR aseho amin'ity fitaovana ity ianao miaraka amin&#39;ny fitaovanao mivoaka.",
+            "sign_out": "Mivoaha amin'ity fivoriana ity",
+            "sign_out_all_other_sessions": "Mialà amin'ny fivoriana hafa rehetra (%(otherSessionsCount)s )",
+            "sign_out_confirm_description": {
+                "one": "Tena te hivoaka ve ianao%(count)s zotra?",
+                "other": "Tena te hivoaka ve ianao%(count)s zotra?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Mivoaha amin'ny%(count)s Zotra",
+                "other": "Mivoaha amin'ny%(count)s Zotra"
+            },
+            "title": "Fivoriana",
+            "unknown_session": "Karazana fivoriana tsy fantatra",
+            "unverified_session": "Zotra tsy voamarina",
+            "unverified_session_explainer_1": "Ity zotra ity dia tsy mahazaka encryption ka tsy azo hamarinina.",
+            "unverified_session_explainer_2": "Tsy ho afaka handray anjara amin'ny efitrano misy fanafenana ianao rehefa mampiasa an'ity session ity.",
+            "unverified_session_explainer_3": "Ho an'ny fiarovana tsara indrindra sy ny fiainana manokana, dia asaina mampiasa mpanjifa izay manohana ny fanafenana.",
+            "unverified_sessions": "Fivoriana tsy voamarina",
+            "unverified_sessions_explainer_1": "Zotra unverified dia fotoam-pivoriana izay niditra niaraka tamin'ny fanomezan-dàlanao nefa tsy nohamarinina.",
+            "unverified_sessions_explainer_2": "Tokony ho azonao antoka indrindra fa fantatrao ireo fotoam-pivoriana ireo satria mety maneho ny fampiasana tsy nahazoana alalana ny kaontinao.",
+            "unverified_sessions_list_description": "Hamarino ny fotoam-pivorianao mba hahazoana hafatra azo antoka kokoa na mivoaha amin'ireo izay tsy fantatrao na tsy ampiasainao intsony.",
+            "url": "URL",
+            "verified_session": "Zotra voamarina",
+            "verified_sessions": "Voamarina fotoam-pivoriana",
+            "verified_sessions_explainer_1": "Ny fotoam-pivoriana voamarina dia na aiza na aiza ampiasanao ity kaonty ity aorian'ny fampidiranao ny fehezan-teny na ny fanamafisana ny maha-izy anao amin&#39;ny fivoriana voamarina hafa.",
+            "verified_sessions_explainer_2": "Midika izany fa manana ny fanalahidy rehetra ilaina ianao mba hamahana ny hafatrao voahidy ary hanamarina amin'ny mpampiasa hafa fa matoky an'ity fivoriana ity ianao.",
+            "verified_sessions_list_description": "Mba hahazoana fiarovana tsara indrindra, midira amin'ny session izay tsy fantatrao na tsy ampiasainao intsony.",
+            "verify_session": "Hamarino ny fizorana",
+            "web_session": "Zotra amin'ny Web"
+        },
+        "show_avatar_changes": "Asehoy ny fanovana sari-mpahamatarana",
+        "show_breadcrumbs": "Asehoy ny hitsin-dàlana mankany amin'ireo efitrano hita vao haingana eo ambonin'ny lisitry ny efitrano",
+        "show_chat_effects": "Asehoy ny fiantraikan'ny chat (anima rehefa mandray oh confetti)",
+        "show_displayname_changes": "Asehoy ny fanovana anarana aseho",
+        "show_join_leave": "Asehoy ny hafatra miaraka / miala (manasa / manala / mandrara tsy misy fiantraikany)",
+        "show_nsfw_content": "Asehoy ny atiny NSFW",
+        "show_read_receipts": "Asehoy ny rosia novakiana nalefan'ny mpampiasa hafa",
+        "show_redaction_placeholder": "Asehoy ny toerana misy ny hafatra nesorina",
+        "show_stickers_button": "Asehoy ny bokotra an-tsary",
+        "show_typing_notifications": "Asehoy ny fampandrenesana fanoratana",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "Asehoy ny efitrano rehetra",
+            "metaspaces_home_all_rooms_description": "Asehoy ny efitranonao rehetra ao an-trano, na dia ao anaty habakabaka aza.",
+            "metaspaces_home_description": "Ny trano dia ilaina amin'ny fijerena ny zava-drehetra.",
+            "metaspaces_orphans": "Efitrano ivelan'ny toerana iray",
+            "metaspaces_orphans_description": "Vondrona amin'ny toerana iray ny efitranonao rehetra izay tsy anisan'ny habaka.",
+            "metaspaces_subsection": "Toerana hanehoana",
+            "spaces_explainer": "Ny habaka dia fomba ivondronana efitrano sy olona. Miaraka amin'ireo habaka misy anao, azonao atao koa ny mampiasa ireo efa vita.",
+            "title": "Sidebar"
+        },
+        "use_12_hour_format": "Asehoy ny mari-pamantarana amin'ny endrika adiny 12 (oh 2:30 ariva)",
+        "use_command_enter_send_message": "Ampiasao Command + Enter raha handefa hafatra",
+        "use_command_f_search": "Ampiasao ny baiko + F hitadiavana ny fandaharam-potoana",
+        "use_control_enter_send_message": "Ampiasao Ctrl + Enter raha handefa hafatra",
+        "use_control_f_search": "Ampiasao ny Ctrl + F raha hikaroka ny fandaharam-potoana",
+        "voip": {
+            "allow_p2p": "Avelao ny Peer-to-Peer amin'ny antso 1:1",
+            "allow_p2p_description": "Rehefa alefa dia mety ho hitan'ny antoko hafa ny adiresy IP-nao",
+            "audio_input_empty": "Tsy misy mikrofonina hita",
+            "audio_output": "Fivoaham-peo",
+            "audio_output_empty": "Tsy misy fivoaham-peo voatsikiaritra",
+            "auto_gain_control": "Fanaraha-maso ny fahazoana mandeha ho azy",
+            "echo_cancellation": "Fanafoanana ny echo",
+            "enable_fallback_ice_server": "Avelao ny mpizara fanampiana antso miverina (%(server)s )",
+            "enable_fallback_ice_server_description": "Mihatra ihany raha tsy manolotra iray ny homeserver anao. Ny adiresy IP anao dia hozaraina mandritra ny antso.",
+            "mirror_local_feed": "Taratra ny fahana an-tsary eo an-toerana",
+            "missing_permissions_prompt": "Tsy mahazo alalana amin'ny haino aman-jery, tsindrio ny bokotra eto ambany raha hangataka.",
+            "noise_suppression": "Fanafoanana ny tabataba",
+            "request_permissions": "Mangataka fahazoan-dàlana amin'ny haino aman-jery",
+            "title": "Feo sy fakan-tsary",
+            "video_input_empty": "Tsy misy fakan-tsary hita",
+            "video_section": "Fikirana vata fakan-tsary",
+            "voice_agc": "Ampifanaraho ho azy ny hamafin'ny mikrôfonina",
+            "voice_processing": "Fanodinana feo",
+            "voice_section": "Fikirana feo"
+        },
+        "warn_quit": "Mitandrema alohan'ny hialana",
+        "warning": "<w>WARNING:</w> description/>"
+    },
+    "share": {
+        "permalink_message": "Rohy mankany amin'ny hafatra voafantina",
+        "permalink_most_recent": "Rohy mankany amin'ny hafatra farany indrindra",
+        "title_message": "Zarao ny Hafatra Efitrano",
+        "title_room": "Hizara Efitrano",
+        "title_user": "Mizara mpampiasa"
+    },
+    "slash_command": {
+        "addwidget": "Manampy Widget manokana amin'ny alàlan'ny URL ao amin'ny efitrano",
+        "addwidget_iframe_missing_src": "iframe dia tsy manana toetra src",
+        "addwidget_invalid_protocol": "Omeo URL widget https:// na http:// azafady",
+        "addwidget_missing_url": "Omeo URL widget na kaody ampidirina azafady",
+        "addwidget_no_permissions": "Tsy afaka manova widgets ao amin'ity efitrano ity ianao.",
+        "ban": "Mandràra ny mpampiasa manana ID nomena",
+        "category_actions": "Hetsika",
+        "category_admin": "Tomponandraikitra",
+        "category_advanced": "Mandrosoa",
+        "category_effects": "Vokany",
+        "category_messages": "Hafatra",
+        "category_other": "Hafa",
+        "command_error": "Fahadisoana mpibaiko",
+        "converttodm": "Manova ny efitrano ho DM",
+        "converttoroom": "Manova ny DM ho efitra iray",
+        "could_not_find_room": "Tsy nahita efitrano",
+        "deop": "Deops mpampiasa manana ID nomena",
+        "devtools": "Manokatra ny fifanakalozan-dresaka fitaovana fampandrosoana",
+        "discardsession": "Manery ny fotoam-pivoriana mivoaka amin'izao fotoana izao ao amin'ny efitrano misy miafina mba hariana",
+        "error_invalid_rendering_type": "Hadisoana baiko: Tsy nahita karazana famandrihana (%(renderingType)s )",
+        "error_invalid_room": "Tsy nahomby ny baiko: Tsy nahita efitrano (%(roomId)s )",
+        "error_invalid_runfn": "Fahadisoan'ny baiko: Tsy mahazaka baiko slash.",
+        "error_invalid_user_in_room": "Tsy nahita mpampiasa tao amin'ny efitrano",
+        "help": "Mampiseho lisitry ny baiko misy fampiasana sy famaritana",
+        "help_dialog_title": "Fanampiana baiko",
+        "holdcall": "Mametraka ny antso ao amin'ny efitrano misy ankehitriny",
+        "html": "Mandefa hafatra iray aminy HTML, nefa tsy mandika itovy ohatrany markdown",
+        "ignore": "Tsy miraharaha ny mpampiasa iray, manafina ny hafatr'izy ireo aminao.",
+        "ignore_dialog_description": "Tsy miraharaha ianao izao%(userId)s",
+        "ignore_dialog_title": "Tsy noraharahiana ny mpampiasa",
+        "invite": "Manasa ny mpampiasa manana ID nomena ho any amin'ny efitrano misy ankehitriny",
+        "invite_3pid_needs_is_error": "Mampiasà mpizara famantarana hanasana aminy imailaka. Mitantana ao amin'ny fanitsiana.",
+        "invite_3pid_use_default_is_title": "Mampiasà mpizara famantarana",
+        "invite_3pid_use_default_is_title_description": "Mampiasà mpizara famantarana hanasana aminy imailaka. Kitiho ny tohizo hampiasa ny mpizara famantarana ny default (%(defaultIdentityServerName)s ) na mitantana ao amin'ny fanitsiana.",
+        "invite_failed": "Mpampiasa (%(user)s ) tsy nifarana araka ny fanasana%(roomId)s fa tsy nisy hadisoana nomena avy aminy fitaovana fanasana",
+        "join": "Mitambatra amin'ny efitrano misy adiresy nomena",
+        "jumptodate": "Mankanesa any amin'ny daty nomena ao amin'ny fandaharam-potoana",
+        "jumptodate_invalid_input": "Tsy afaka nahatakatra ny daty nomena izahay (%(date d'entrée) s). Andramo ampiasaina ny endrika AAAA-MM-JJ.",
+        "lenny": "Manisy ( ͡° ͜ʖ ͡°) amin'ny hafatra an-tsoratra tsotra",
+        "me": "Mampiseho hetsika",
+        "msg": "Mandefa hafatra amin'ny mpampiasa nomena",
+        "myavatar": "Ovay ny sarim-pahafantaranareo ao aminy efitrano rehetra",
+        "myroomavatar": "Manova ny sarim-pahafantaranareo ao amin'ny efitrano Ankehitriny ihany",
+        "myroomnick": "Ovay ny anaram-bositra asehonareo ao amin'ny efitrano Ankehitriny ihany",
+        "nick": "Ovay ny anaram-bositra izay asehonareo",
+        "no_active_call": "Tsy misy antso mavitrika ao amin'ity efitrano ity",
+        "op": "Farito ny ahavon'ny herin'ny mpampiasa iray",
+        "part_unknown_alias": "Adiresy efitrano tsy fantatra:%(roomAlias)s",
+        "plain": "Mandefa hafatra iray karazany lahatsora tsotra, nefa tsy mandika azy Io ho marika",
+        "query": "Manokatra chat miaraka amin'ny mpampiasa nomena",
+        "query_not_found_phone_number": "Tsy nahita ID ho an'ny laharan-telefaona",
+        "rageshake": "Mandefasa tatitra momba ny bibikely miaraka amin'ny diary",
+        "rainbow": "Mandefa hafatra miloko toy ny arkansielina",
+        "rainbowme": "Mandefa ny emote nomena miloko toy ny arkansielina",
+        "remove": "Esory ny mpampiasa manana ID nomena ao amin'ity efitrano ity",
+        "roomavatar": "Ovay ny avatar n'y efitrano misy Ankehitriny",
+        "roomname": "Farito ny anaran'ny efitrano",
+        "server_error": "Fahadisoana teo amin'ny mpizara",
+        "server_error_detail": "Tsy misy mpizara, na be loatra, na zavatra hafa tsy mety.",
+        "shrug": "Manisy hafatra antsoratra tsotra",
+        "spoiler": "Mandefa ny hafatra nomena ho toy ny mpandringana",
+        "tableflip": "Manisy hafatra amin'ny soratra tsotra",
+        "topic": "Mahazo na farito ny lohahevitra ny efitrano",
+        "topic_none": "Tsy misy lohahevitra ity efitrano ity.",
+        "topic_room_error": "Tsy tontonsa ny fahazoana efitrano ho lohahevitra. Tsy misy làlana mety hahazoana efitrano( %(numéro de pièce)s",
+        "unban": "Avereno ny mpampiasa manana ID nomena",
+        "unflip": "Manisy ┬──┬ ノ( ゜-゜ノ) amin'ny hafatra an-tsoratra tsotra",
+        "unholdcall": "Esory ny antso ao amin'ny efitrano misy ankehitriny",
+        "unignore": "Atsaharo ny tsy firaharahiana mpampiasa iray, mampiseho ny hafany mandroso",
+        "unignore_dialog_description": "Tsy miraharaha intsony ianao%(userId)s",
+        "unignore_dialog_title": "Mpampiasa tsy noraharahiana",
+        "unknown_command": "Baiko tsy fantatra",
+        "unknown_command_button": "Alefaso ho hafatra",
+        "unknown_command_detail": "Didy tsy fantatra:%(commandText)s",
+        "unknown_command_help": "Azonao ampiasaina<code> /Vonjeo</code> mitanisa baiko misy. Te handefa an'ity ho hafatra ve ianao?",
+        "unknown_command_hint": "Soso-kevitra: Manomboha amin&#39;ny hafatrao<code> //</code> hanombohana azy amin'ny slash.",
+        "upgraderoom": "Manatsara efitrano iray ho Tonga moderina vaovao",
+        "upgraderoom_permission_error": "Tsy manana ny fahazoan-dàlana ilaina hahafahana mampiasa ity fibaikona ity ianao.",
+        "usage": "Fampiasana",
+        "view": "Mijery efitrano misy adiresy nomena",
+        "whois": "Mampiseho fampahalalana momba ny mpampiasa iray"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "Te-hanampy efitrano vaovao kosa?",
+            "create_prompt": "Mamorona efitrano vaovao",
+            "dm_heading": "Hafatra mivantana",
+            "error_heading": "Tsy ny voafantina rehetra no nampiana",
+            "progress_text": {
+                "one": "Manampy efitrano...",
+                "other": "Manampy efitrano... (%(progress)s ivelan'ny%(count)s )"
+            },
+            "space_dropdown_label": "Fantenana habakabaka",
+            "space_dropdown_title": "Ampio efitrano misy",
+            "subspace_moved_note": "Nifindra ny fanampiana toerana."
+        },
+        "add_existing_subspace": {
+            "create_button": "Mamorona toerana vaovao",
+            "create_prompt": "Maniry hanampy toerana malalaka vaovao ?",
+            "filter_placeholder": "Mitadiava toerana malalaka",
+            "space_dropdown_title": "Ampio toerana malalaka efa misy"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Jereo ny fandaharam-potoanan'ny efitrano (devtools)",
+            "explore": "Tsidiho ny efitrano",
+            "home": "Trano malalaka",
+            "manage_and_explore": "Mitantana sy mikaroka efitrano",
+            "options": "Safidy habakabaka"
+        },
+        "failed_load_rooms": "Tsy nahomby ny fampidirana ny lisitry ny efitrano.",
+        "failed_remove_rooms": "Tsy nesorina ny efitrano sasany. Andramo indray rehefa afaka kelikely",
+        "incompatible_server_hierarchy": "Ny mpizaranao dia tsy manohana ny fampisehoana an-tanan-tohatra.",
+        "invite": "Asao ny olona",
+        "invite_description": "Asao amin'ny imailaka na solon'anarana",
+        "invite_link": "Zarao ny rohy fanasana",
+        "joining_space": "Nandray anjara",
+        "landing_welcome": "Tongasoa eto<name/>",
+        "leave_dialog_action": "Avelao ny toerana",
+        "leave_dialog_description": "Efa handalana ny iala ianao<spaceName/> .",
+        "leave_dialog_only_admin_room_warning": "Ianao irery no mpitantana ny efitrano na habakabaka sasany tianao hialana. Ny fandaozana azy ireo dia hamela azy ireo tsy hisy admin.",
+        "leave_dialog_only_admin_warning": "Ianao irery no mpitantana an'ity habakabaka ity. Ny fandaozana azy dia midika fa tsy misy mahafehy azy.",
+        "leave_dialog_option_all": "Mialà amin'ny efitrano rehetra",
+        "leave_dialog_option_intro": "Te hiala amin'ireo efitrano amin'ity toerana ity ve ianao?",
+        "leave_dialog_option_none": "Alaio ary aza asiana tavela",
+        "leave_dialog_option_specific": "Amelao kely",
+        "leave_dialog_public_rejoin_warning": "Tsy afaka miditra indray ianao raha tsy asaina indray.",
+        "leave_dialog_title": "Fialan-tsasatra%(spaceName)s",
+        "mark_suggested": "Mariho araka ny soso-kevitra",
+        "no_search_result_hint": "Mety te hanandrana fikarohana hafa ianao na hanamarina raha misy diso.",
+        "preferences": {
+            "sections_section": "Fizarana aseho",
+            "show_people_in_space": "Manangona ny resakao miaraka amin'ny mpikambana amin'ity habaka ity. Ny famonoana an'ity dia hanafina ireo chat ireo tsy ho hitany masonao%(spaceName)s ."
+        },
+        "room_filter_placeholder": "Mitadiava efitrano",
+        "search_children": "karohy%(spaceName)s",
+        "search_placeholder": "Karoka anarana sy famaritana",
+        "select_room_below": "Misafidiana efitrano iray eto ambany aloha",
+        "share_public": "Zarao ny toerana misy anao",
+        "suggested": "Soso-kevitra",
+        "suggested_tooltip": "Ity efitrano ity dia soso-kevitra ho toerana tsara hidirana",
+        "title_when_query_available": "Vokatra",
+        "title_when_query_unavailable": "Efitrano sy habakabaka",
+        "unmark_suggested": "Mariho fa tsy soso-kevitra",
+        "user_lacks_permission": "Tsy manana alalana ianao"
+    },
+    "space_settings": {
+        "title": "Fikirana -%(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Ampidiro ny anaran'ny mpizara vaovao tianao hojerena.",
+            "network_dropdown_add_dialog_placeholder": "Anaran'ny mpizara",
+            "network_dropdown_add_dialog_title": "Manampia mpizara vaovao",
+            "network_dropdown_add_server_option": "Ampio mpizara vaovao…",
+            "network_dropdown_available_invalid": "Tsy hita ity mpizara ity na ny lisitry ny efitranony",
+            "network_dropdown_available_invalid_forbidden": "Tsy mahazo mijery ny lisitry ny efitranon'ity mpizara ity ianao",
+            "network_dropdown_available_valid": "Toa tsara",
+            "network_dropdown_remove_server_adornment": "Esory ny mpizara “%(roomServer)s ”",
+            "network_dropdown_required_invalid": "Ampidiro anarana mpizara",
+            "network_dropdown_selected_label": "Asehoy:",
+            "network_dropdown_selected_label_instance": "Asehoy:%(instance)s efitra (%(server)s )",
+            "network_dropdown_your_server_description": "Ny mpizara anao"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Raha tsy hitanao hoe iza no tadiavinao dia alefaso amin'izy ireo ny rohy fanasanao.",
+        "cant_find_room_helpful_hint": "Raha tsy hitanao ny efitrano tadiavinao dia mangataha fanasana na mamorona efitrano vaovao.",
+        "copy_link_text": "Adikao ny rohy fanasana",
+        "count_of_members": {
+            "one": "%(count)s mpikambana",
+            "other": "%(count)sIreo mpikambana"
+        },
+        "create_new_room_button": "Mamorona efitrano vaovao",
+        "failed_querying_public_rooms": "Tsy nahavita nanontany efitranom-bahoaka",
+        "failed_querying_public_spaces": "Tsy nahavita nanontany ny habaka hoany daholobe",
+        "group_chat_section_title": "Safidy hafa",
+        "heading_with_query": "Ampiasao %(query)s ny hikaroka",
+        "heading_without_query": "Hitady ny",
+        "join_button_text": "anjara%(roomAddress)s",
+        "keyboard_scroll_hint": "Ampiasao<arrows/> ny horonan-taratasy",
+        "other_rooms_in_space": "Efitrano hafa ao%(spaceName)s",
+        "public_rooms_label": "Efitranom-bahoaka",
+        "public_spaces_label": "Toeram-bahoaka",
+        "recent_searches_section_title": "Fikarohana vao haingana",
+        "recently_viewed_section_title": "Nojerena vao haingana",
+        "remove_filter": "Esory ny sivana fikarohana momba ny%(filter)s",
+        "result_may_be_hidden_privacy_warning": "Mety hafenina hoany fiainana manokana ny valiny sasany",
+        "result_may_be_hidden_warning": "Mety hafenina ny valiny sasany",
+        "search_dialog": "Fikarohana Dialog",
+        "spaces_title": "Toerana misy anao",
+        "start_group_chat_button": "Manomboha resaka vondrona"
+    },
+    "stickers": {
+        "empty": "Tsy misy ny fonosana misy anao amin'izao fotoana izao",
+        "empty_add_prompt": "Ampio Ankehitriny"
+    },
+    "terms": {
+        "column_document": "Tahirin-kevitra",
+        "column_service": "Servisy",
+        "column_summary": "FAMINTINANA",
+        "identity_server_no_terms_description_1": "Ity hetsika ity dia mitaky ny fidirana aminy mpizara famantarana ny ara-pototra<server /> hanamarina adiresy mailaka na laharan-telefaona, saingy tsy manana fepetrany serivisy ny mpizara.",
+        "identity_server_no_terms_description_2": "Tohizo ihany raha matoky ny tompon'ny mpizara ianao.",
+        "identity_server_no_terms_title": "Tsy manana fepetra momba ny serivisy ny mpizara famantarana",
+        "inline_intro_text": "Hanaiky<policyLink /> hanohy:",
+        "integration_manager": "Ampiasao bots, tetezana, widgets ary fonosana sticker",
+        "intro": "Mba hanohizana dia mila manaiky ny fepetran'ity serivisy ity ianao.",
+        "summary_identity_server_1": "Mitadiava hafa amin'ny finday na imailaka",
+        "summary_identity_server_2": "Aoka ho hita ao aminy finday na imailaka",
+        "tac_button": "Avereno jerena ny fepetra sy fifanarahana",
+        "tac_description": "Hanohy ny fampiasana ny%(homeserverDomain)s homeserver ianao dia tsy maintsy mijery sy manaiky ny fepetra sy fifanarahana.",
+        "tac_title": "Fepetra sy fifanarahana",
+        "tos": "Fepetra momba ny serivisy"
+    },
+    "theme": {
+        "light_high_contrast": "Mifanohitra be loatra",
+        "match_system": "Rafitra lalao"
+    },
+    "thread_view_back_action_label": "Miverina amin'ny kofehy",
+    "threads": {
+        "all_threads": "Ny zanaka rehetra",
+        "all_threads_description": "Mampiseho ny kofehy rehetra avy amin'ny efitrano ankehitriny",
+        "count_of_reply": {
+            "one": "%(count)smamaly",
+            "other": "%(count)svaliny"
+        },
+        "my_threads": "Zanako",
+        "my_threads_description": "Asehoy ny zanako rehetra ianao nandray anjara Zao amin'ny ",
+        "open_thread": "Sokafy kofehy",
+        "show_thread_filter": "Asehoy:"
+    },
+    "threads_activity_centre": {
+        "header": "Hetsika kofehy"
+    },
+    "time": {
+        "date_at_time": "% (Mihaona amin'ny % (fotoana",
+        "hours_minutes_seconds_left": "% (ora) s h%(minitra) s m%(segondra) s ny tavela",
+        "left": "%(timeRemaining) sAnkavia",
+        "minutes_seconds_left": "% (minutes) sm% (segondra) s ny ambiny",
+        "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",
+        "short_hours": "%(Sanda h",
+        "short_hours_minutes_seconds": "% (ora) s h % (minitra) s m % (segondra) s s",
+        "short_minutes": "%(valeurs m",
+        "short_minutes_seconds": "%(minitra) sm% (segondra) ss",
+        "short_seconds": "%(Sandas S"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Atsaharo ny kofehy valin-teny",
+            "external_url": "URL loharano",
+            "open_in_osm": "Misokatra amin'ny OpenStreetMap",
+            "report": "TATITRA",
+            "resent_unsent_reactions": "Alefaso indray%(unsentCount)s fanehoan-kevitra",
+            "show_url_preview": "Asehoy mialoha",
+            "view_related_event": "Jereo ny hetsika mifandraika",
+            "view_source": "Jereo ny fototra ipoirany"
+        },
+        "creation_summary_dm": "%(creator)snamorona ity DM ity.",
+        "creation_summary_room": "%(creator)snamorona sy nanamboatra ny efitrano.",
+        "disambiguated_profile": "%(displayName)s(%(matrixId)s )",
+        "download_action_downloading": "Misintona",
+        "edits": {
+            "tooltip_label": "Namboarina tamin'ny%(Rendez-vous . Kitiho raha hijery ny fanovana.",
+            "tooltip_sub": "Kitiho raha hijery ny fanovana",
+            "tooltip_title": "Namboarina tamin'ny%(Rendez-vous"
+        },
+        "error_no_renderer": "Tsy azo naseho ity hetsika ity",
+        "error_rendering_message": "Mety tsy afaka mampiditra ity hafatra ity",
+        "historical_messages_unavailable": "Tsy hitanao ny hafatra taloha",
+        "in_room_name": "Ao amin'ny<fort>%(pièces</strong>",
+        "io.element.widgets.layout": "%(senderName)snanavao ny firafitry ny efitrano",
+        "late_event_separator": "Nalefa tany am-boalohany%(dateTime)s",
+        "load_error": {
+            "no_permission": "Nanandrana nametraka teboka iray manokana tao amin'ny fandaharam-potoanan'ity efitrano ity ianao, saingy tsy nahazo alalana hijery ilay hafatra resahina ianao.",
+            "title": "Tsy nahomby ny fametahana ny toeran'ny fandaharam-potoana",
+            "unable_to_find": "Nanandrana nampiditra teboka iray manokana tao amin'ny fandaharam-potoanan'ity efitrano ity, saingy tsy nahita izany."
+        },
+        "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Jereo ny toerana mivantana"
+        },
+        "m.call": {
+            "video_call_ended": "Tapitra ny antso an-tsary",
+            "video_call_started": "Antso mivantana aminy fahita lavitra anomboka ao anatin'ny % (nom de la pièce) s.",
+            "video_call_started_text": "%(name)snanomboka antso an-tsary",
+            "video_call_started_unsupported": "Antso video anomboka ao anatin'ny%(nom de la pièce) s. (tsy tohanany toheram-pivohizana misy anao)"
+        },
+        "m.call.hangup": {
+            "dm": "Nitsahatra ny antso"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Valiana an-kafa",
+            "call_back_prompt": "Amerina hiantso",
+            "declined": "Nolavina ny antso",
+            "failed_connect_media": "Tsy afaka mampifandray ny haino aman-jery",
+            "failed_connection": "Tsy nahomby ny fifandraisana",
+            "failed_opponent_media": "Tsy afaka natomboka ny fakan-tsary na ny mikrô ny fitaovan'izy ireo",
+            "missed_call": "Antso tsy hita",
+            "no_answer": "Tsy misy valiny",
+            "unknown_error": "Nisy hadisoana tsy fantatra nitranga",
+            "unknown_failure": "Tsy fahombiazana tsy fantatra:%(reason)s",
+            "unknown_state": "Ny antso dia ao amin'ny fanjakana tsy fantatra!",
+            "video_call": "%(senderName) nametraka antso an-tsary.",
+            "video_call_unsupported": "%(senderName)snanao antso an-tsary (tsy tohanan'ity toeram-pivohizana ity)",
+            "voice_call": "%(senderName)snametraka antso an-tariby.",
+            "voice_call_unsupported": "%(senderName)snametraka antso an-tariby. (tsy tohanan'ity toeram-pivohizana ity)"
+        },
+        "m.file": {
+            "error_decrypting": "Nisy olana teo am-pamakiana ny famaha"
+        },
+        "m.image": {
+            "error": "Tsy afaka mampiseho sary noho ny fahadisoana",
+            "error_decrypting": "Nisy olana teo am-pamakiana ny sary",
+            "error_downloading": "Hadisoana tamin'ny fampidinana sary",
+            "sent": "%(senderDisplayName)sandefa sary.",
+            "show_image": "Asehoy ny sary"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(des noms te hanamarina",
+            "you_started": "Nandefa fangatahana fanamarinana ianao"
+        },
+        "m.location": {
+            "full": "%(senderName)snizara ny toerana misy azy ireo",
+            "location": "Nizara toerana: ",
+            "self_location": "Nizara ny misy azy ireo: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)sfifidianana",
+                "other": "%(count)svato"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(nom de l'expéditeur)s dia namarana ny fitsapan-kevitra"
+        },
+        "m.poll.start": "%(senderName)snanomboka ny fitsapan-kevitra -%(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)snanova ny avatar.",
+            "lightbox_title": "%(senderDisplayName)sniova ny avatar ho%(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)snampiana adiresy hafa%(addresses)s ho an&#39;ity ity.",
+                "other": "%(senderName)snampiana ireo adiresy hafa%(addresses)s ho an&#39;ity ity."
+            },
+            "alt_removed": {
+                "one": "%(senderName)snesorina ny adiresy hafa%(addresses)s ho an&#39;ity ity.",
+                "other": "%(senderName)snesorina ireo adiresy hafa%(addresses)s ho an&#39;ity ity."
+            },
+            "changed": "%(senderName)snanova ny adiresin'ity efitrano ity aho.",
+            "changed_alternative": "%(senderName)snanova ny adiresy hafa hoan'ity efitrano ity.",
+            "changed_main_and_alternative": "%(senderName)sovay ny adiresy fototra sy hafa hoan'ity efitrano ity.",
+            "removed": "%(senderName)sfafao ny adiresin'ity efitrano manokana ity.",
+            "set": "%(senderName)sapetraho ny adiresin'ity efitrano ity%(address)s ."
+        },
+        "m.room.create": {
+            "continuation": "Tohin'ny resaka hafa ity efitrano ity.",
+            "see_older_messages": "Kitiho eto raha hijery hafatra tranainy.",
+            "unknown_predecessor": "Tsy hita ny dikan-teny taloha amin'ity efitrano ity ( ID efitrano:%(roomId)s ), ary tsy nomena via_servers izahay hitadiavana azy.",
+            "unknown_predecessor_guess_server": "Tsy hita ny kinova tranainy an'ity efitrano ity ( ID efitrano:%(roomId)s ), ary tsy nomena via_servers izahay hitadiavana azy. Mety ho azo atao ny maminavina ny mpizara avy amin'ny ID efitrano. Raha te hanandrana ianao dia tsindrio ity rohy ity:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)sdia namela ny vahiny hanatevin-daharana ny efitrano.",
+            "forbidden": "%(senderDisplayName)sdia nanakana ny vahiny tsy hiditra ao amin'ny efitrano.",
+            "unknown": "%(senderDisplayName)sniova ny fidirana amin'ny vahiny%(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)snanao ny tantaran'ny efitrano ho avy ho hitan'ny mpikambana rehetra ao amin'ny efitrano, manomboka amin'ny fotoana nanasana azy ireo.",
+            "joined": "%(senderName)snanao ny tantarany efitrano ho avy ho hitany mpikambana rehetra ao amin'ny efitrano, nanomboka taminy fotoana nidirany.",
+            "shared": "%(senderName)snatao ho hitany mpikambana rehetra ao amin'ny efitrano ny tantarany efitrano ho avy.",
+            "unknown": "%(senderName)snanao ny tantarany efitrano ho avy ho hitan'ny tsy fantatra (%(visibility)s ).",
+            "world_readable": "%(senderName)snatao ho hitany olona rehetra ny tantarany efitrano ho avy."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)snanao ny efitra fanasana ihany.",
+            "knock": "%(senderDisplayName)snanova ny fitsipika mikambana mba hangataka ny hiditra.",
+            "public": "%(senderDisplayName)snanao ny efitrano hoan'ny rehetra izay mahafantatra ny rohy.",
+            "restricted": "%(senderDisplayName)sniova izay afaka miditra amin'ity efitrano ity.",
+            "restricted_settings": "%(senderDisplayName)snanova izay afaka miditra amin'ity efitrano ity.<a> Jereo ny fanovana</a>.",
+            "unknown": "%(senderDisplayName)snanova ny fitsipika mitambatra ho%(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)snanaiky ny fanasana ho%(displayName)s",
+            "accepted_invite": "%(targetName)snanaiky fanasana",
+            "ban": "%(senderName)svoarara%(targetName)s",
+            "ban_reason": "%(senderName)svoarara%(targetName)s :%(reason)s",
+            "change_avatar": "%(senderName)snanova ny sary pahamantarn'azy",
+            "change_name": "%(oldDisplayName)snovaina ho%(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)snanova ny anarana asehony sy ny sarin'ny pahafantaran' azy",
+            "invite": "%(senderName)sHivahiny%(targetName)s",
+            "join": "%(targetName)snanatevin-daharana ny efitrano",
+            "kick": "%(senderName)snesorina%(targetName)s",
+            "kick_reason": "%(senderName)snesorina%(targetName)s :%(reason)s",
+            "left": "%(targetName)snandao ny efitrano",
+            "left_reason": "%(targetName)snandao ny efitrano:%(reason)s",
+            "no_change": "%(senderName)stsy nanao fiovana",
+            "reject_invite": "%(targetName)snandà ny fanasana",
+            "remove_avatar": "%(senderName)snesoriny ny sarin&#39;ny pahamantarn'azy",
+            "remove_name": "%(senderName)snesorina ny anaran&#39;izy ireo (%(oldDisplayName)s )",
+            "set_avatar": "%(senderName)smametraka sary mombamomba azy",
+            "set_name": "%(senderName)sfarito amin'ny%(displayName)s",
+            "unban": "%(senderName)stsy voarara%(targetName)s",
+            "withdrew_invite": "%(senderName)sniala%(targetName)s ny fanasana",
+            "withdrew_invite_reason": "%(senderName)snesorina%(targetName)s ny fanasana:%(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)snanova ny anaran'ny efitrano tamin'ny%(oldRoomName)s ny%(newRoomName)s .",
+            "remove": "%(senderDisplayName)snesorina ny anaran&#39;ny efitrano.",
+            "set": "%(senderDisplayName)sniova ny anaran'ny efitrano ho%(roomName)s ."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)snanova ny hafatra voapetaka hoan'ny efitrano.",
+            "changed_link": "%(senderName)sovay ny<a> hafatra voapetaka</a> hoan'ny efitrano.",
+            "pinned": "%(senderName)snanisy hafatra tamin'ity efitrano ity. Jereo ny hafatra voapetaka rehetra.",
+            "pinned_link": "%(senderName)smipaingotra<a> hafatra</a> mankany amin'ity efitrano ity. Jereo daholo<b> hafatra voapetaka</b> .",
+            "unpinned": "%(senderName)snesorina ny hafatra avy amin'ity efitrano ity. Jereo ny hafatra voapetaka rehetra.",
+            "unpinned_link": "%(senderName)snesorina<a> hafatra</a> avy amin'ity efitrano ity. Jereo daholo<b> hafatra voapetaka</b> ."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)snanova ny ahavon'ny herin'ny%(powerLevelDiffText)s .",
+            "user_from_to": "%(userId)snanomboka amin'ny%(fromPowerLevel)s ny%(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)snanafoana ny fanasana ho%(targetDisplayName)s hiditra ao amin'ny efitrano.",
+            "sent": "%(senderName)smandefasa fanasana ho%(targetDisplayName)s hanatevin-daharana ny efitrano."
+        },
+        "m.room.tombstone": "%(senderDisplayName)snanatsara ity efitrano ity.",
+        "m.sticker": "%(senderDisplayName)snandefa rakin-tsary.",
+        "m.video": {
+            "error_decrypting": "Nisy olana teo am-pamakiana ny lahatsary"
+        },
+        "m.widget": {
+            "added": "%(widgetName)sWidget nampidirina avy%(senderName)s",
+            "jitsi_ended": "Rakin-tsary mpivoriana nifarana tamin'ny%(senderName)s",
+            "jitsi_join_right_prompt": "Miaraha aminy fihaonambe avy amin'ny karatra fampahalalana an'ny efitrano eo ankavanana",
+            "jitsi_join_top_prompt": "Miaraha amin'ny fihaonambe eo an-tampon'ity efitrano ity",
+            "jitsi_started": "Fihaonambe an-tsary natomboka tamin'ny %(nom de l'expéditeur)s",
+            "jitsi_updated": "Rakin-tsary mpivoriana nohavaozin'ny%(senderName)s",
+            "modified": "%(widgetName)swidget novaina avy%(senderName)s",
+            "removed": "%(widgetName)swidget nesorina avy%(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Adikao ny rohy mankany amin'ny kofehy",
+            "view_in_room": "Jereo ao amin'ny"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)snanavao ny fitsipika fandrarana izay nifanaraka%(oldGlob)s mifanaraka%(newGlob)s hoan'ny%(reason)s",
+            "changed_rule_rooms": "%(senderName)snanova fitsipika mandràra ny fampifanarahana ny efitrano%(oldGlob)s mifanaraka%(newGlob)s hoan'ny%(reason)s",
+            "changed_rule_servers": "%(senderName)snanova fitsipika izay mandrara ny mpizara mifanentana%(oldGlob)s mifanaraka%(newGlob)s hoan'ny%(reason)s",
+            "changed_rule_users": "%(senderName)snanova fitsipika mandrara ny mpampiasa mifanandrify%(oldGlob)s mifanaraka%(newGlob)s hoan'ny%(reason)s",
+            "created_rule": "%(senderName)snamorona fitsipika fandrarana mifanandrify%(glob)s hoan'ny%(reason)s",
+            "created_rule_rooms": "%(senderName)snamorona fitsipika mandràra ny efitrano mifanandrify%(glob)s Hoan'ny%(reason)s",
+            "created_rule_servers": "%(senderName)snamorona fitsipika mandrara ny mpizara mifanentana%(glob)s hoan'ny%(reason)s",
+            "created_rule_users": "%(senderName)snamorona fitsipika mandràra ny mpampiasa mifanandrify%(glob)s Hoan'ny%(reason)s",
+            "removed_rule": "%(senderName)snesorina ny fitsipika fandrarana mifanandrify%(glob)s",
+            "removed_rule_rooms": "%(senderName)snesorina ny fitsipika mandrara ny efitrano mifanentana%(glob)s",
+            "removed_rule_servers": "%(senderName)snesorina ny fitsipika mandràra ireo mpizara mifanentana%(glob)s",
+            "removed_rule_users": "%(senderName)snesorina ny fitsipika mandrara ny mpampiasa mifanentana%(glob)s",
+            "updated_invalid_rule": "%(senderName)snanavao fitsipika fandraràna tsy mety",
+            "updated_rule": "%(senderName)snohavaozina mifanaraka amin&#39;ny fitsipika fandrarana%(glob)s Hoan'ny%(reason)s",
+            "updated_rule_rooms": "%(senderName)snohavaozina ny fitsipika mandrara ny efitrano mifanentana%(glob)s Hoan'ny%(reason)s",
+            "updated_rule_servers": "%(senderName)snohavaozina ny fitsipika mandrara ireo mpizara mifanentana%(glob)s Hoan'ny%(reason)s",
+            "updated_rule_users": "%(senderName)snohavaozina ny fitsipika mandrara ny mpampiasa mifanentana%(glob)s Hoan'ny%(reason)s"
+        },
+        "no_permission_messages_before_invite": "Tsy manana alalana hijery hafatra ianao talohan'ny nanasana anao.",
+        "no_permission_messages_before_join": "Tsy manana alalana hijery hafatra avy amin'ny alohan'ny nidiranao ianao.",
+        "pending_moderation": "Hafatra miandry ny fandrindrana",
+        "pending_moderation_reason": "Hafatra miandry famotehana:%(les raisons",
+        "reactions": {
+            "add_reaction_prompt": "Manampy fanehoan-kevitra",
+            "custom_reaction_fallback_label": "Fanehoan-kevitra manokana",
+            "label": "%(reactors)snaneho hevitra tamin'ny%(content)s"
+        },
+        "read_receipt_title": {
+            "one": "Hitan'ny%(count)s OLONA",
+            "other": "Hitan'ny%(count)s OLONA"
+        },
+        "read_receipts_label": "Vakio ny rosia",
+        "redacted": {
+            "tooltip": "Voafafa ny hafatra tamin'ny%(Rendez-vous"
+        },
+        "redaction": "Hafatra nofafany avy aminy%(name)s",
+        "reply": {
+            "error_loading": "Tsy afaka nampiditra hetsika izay novaliana, na tsy misy izany na tsy manana alalana hijery azy ianao.",
+            "in_reply_to": "<a>Ho valin'ny</a><pilule>",
+            "in_reply_to_for_export": "Ho valin'ny<a> ity hafatra ity</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Efa hoentina any amin'ny tranokalan'ny antoko fahatelo ianao mba hahafahanao manamarina ny kaontinao hampiasaina%(integrationsUrl)s .Te hanohy ve ianao?",
+            "dialog_title": "Ampio ny fampidirana"
+        },
+        "self_redaction": "Voafafa ny hafatra",
+        "send_state_encrypting": "Manidy ny hafatrao…",
+        "send_state_failed": "Tsy nahomby ny fandefasana",
+        "send_state_sending": "Mandefa ny hafatrao…",
+        "send_state_sent": "Nalefa ny hafatrao",
+        "summary": {
+            "banned": {
+                "one": "voarara",
+                "other": "voarara%(count)s fotoana"
+            },
+            "banned_multiple": {
+                "one": "Voarara",
+                "other": "Voarara%(count)s fotoana"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)snanova ny sary mombamomba azy",
+                "other": "%(oneUser)snanova ny sary mombamomba azy%(count)s fotoana"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)snanova ny sarin'ny mombamomba azy",
+                "other": "%(severalUsers)snanova ny sarin'ny mombamomba azy%(count)s fotoana"
+            },
+            "changed_name": {
+                "one": "%(oneUser)sniova ny anarany",
+                "other": "%(oneUser)sniova ny anarany%(count)s fotoana"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)sniova ny anarany",
+                "other": "%(severalUsers)sniova ny anarany%(count)s fotoana"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)snandefa hafatra miafina",
+                "other": "%(oneUser)snadefa%(count)s hafatra miafina"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)snandefa hafatra miafina",
+                "other": "%(severalUsers)snalefa%(count)s hafatra miafina"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)snesorina ny fanasany",
+                "other": "%(oneUser)snesorina ny fanasany%(count)s fotoana"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)snesorina ny fanasany",
+                "other": "%(severalUsers)snesorina ny fanasany%(count)s fotoana"
+            },
+            "invited": {
+                "one": "nasaina",
+                "other": "nasaina%(count)s isa"
+            },
+            "invited_multiple": {
+                "one": "Nasaina",
+                "other": "Nasaina%(count)s fotoana"
+            },
+            "joined": {
+                "one": "%(oneUser)snanatevin-daharana",
+                "other": "%(oneUser)snanatevin-daharana%(count)s fotoana"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)snikambana ary niala",
+                "other": "%(oneUser)snikambana ary niala%(count)s fotoana"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)snikambana ary niala",
+                "other": "%(severalUsers)snikambana ary niala%(count)s fotoana"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)snanatevin-daharana",
+                "other": "%(severalUsers)snanatevin-daharana%(count)s fotoana"
+            },
+            "kicked": {
+                "one": "nesorina",
+                "other": "nesorina%(count)s fotoana"
+            },
+            "kicked_multiple": {
+                "one": "nesorina",
+                "other": "nesorina%(count)s fotoana"
+            },
+            "left": {
+                "one": "%(oneUser)sAnkavia",
+                "other": "%(oneUser)sAnkavia%(count)s fotoana"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)sANKA",
+                "other": "%(severalUsers)sANKA%(count)s fotoana"
+            },
+            "no_change": {
+                "one": "%(oneUser)stsy nanao fiovana",
+                "other": "%(oneUser)stsy nanao fiovana%(count)s fotoana"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)stsy nanao fiovana",
+                "other": "%(severalUsers)stsy nanao fiovana%(count)s fotoana"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)sniova ny<a> hafatra voapetaka</a> ho an&#39;ny efitrano",
+                "other": "%(oneUser)sniova ny<a> hafatra voapetaka</a> ho an&#39;ny efitrano%(count)s fotoana"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)sniova ny<a> hafatra voapetaka</a> ho an&#39;ny efitrano",
+                "other": "%(severalUsers)sniova ny<a> hafatra voapetaka</a> ho an&#39;ny efitrano%(count)s fotoana"
+            },
+            "redacted": {
+                "one": "%(oneUser)snesorina hafatra",
+                "other": "%(oneUser)snesorina%(count)s hafatra"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)snesorina hafatra",
+                "other": "%(severalUsers)snesorina%(count)s hafatra"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)snandà ny fanasan’izy ireo",
+                "other": "%(oneUser)snandà ny fanasan’izy ireo%(count)s fotoana"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)snandà ny fanasan’izy ireo",
+                "other": "%(severalUsers)snandà ny fanasan’izy ireo%(count)s fotoana"
+            },
+            "rejoined": {
+                "one": "%(oneUser)sniala ary nitambatra indray",
+                "other": "%(oneUser)sniala ary nitambatra indray%(count)s fotoana"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)sniala ary nitambatra indray",
+                "other": "%(severalUsers)sniala ary nitambatra indray%(count)s fotoana"
+            },
+            "unbanned": {
+                "one": "tsy voarara",
+                "other": "tsy voarara%(count)s fotoana"
+            },
+            "unbanned_multiple": {
+                "one": "tsy voarara",
+                "other": "tsy voarara%(count)s fotoana"
+            }
+        },
+        "thread_info_basic": "Avy amin'ny kofehy",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)sAry ny iray hafa manoratra…",
+                "other": "%(names)sSY%(count)s ny hafa manoratra…"
+            },
+            "one_user": "%(displayName)sdia manoratra",
+            "two_users": "%(names)sSY%(lastPerson)s mitendry…"
+        },
+        "undecryptable_tooltip": "Ity hafatra ity dia tsy azo decryption"
+    },
+    "truncated_list_n_more": {
+        "one": "",
+        "other": "SY%(count)s Bebe kokoa..."
+    },
+    "unsupported_server_description": "Ity mpizara ity dia mampiasa dikan-teny taloha any. Hiverina any amin'ny %(version)s mampiasa%(brand)s tsy misy hadisoana.",
+    "unsupported_server_title": "Tsy voatoana ny mpizara anao",
+    "update": {
+        "changelog": "Lisitra ny fanovahana",
+        "check_action": "Hamarino ny fanavaozana",
+        "checking": "Mijery fanavaozana…",
+        "downloading": "Misintona fanavaozana…",
+        "error_encountered": "Nisy hadisoana (%(errorDetail)s ).",
+        "error_unable_load_commit": "Tsy afaka mampiditra antsipirihany commit:%(msg)s",
+        "new_version_available": "Misy dikan-teny vaovao.<a> Fanavaozana izao.</a>",
+        "no_update": "Tsy misy fanavaozana azo.",
+        "release_notes_toast_title": "Inona ny vaovao",
+        "see_changes_button": "Inona ny vaovao?",
+        "toast_description": "Dikan-teny vaovao amin'ny %(marque dia misy",
+        "toast_title": "Vaovao farany%(brand)s",
+        "unavailable": "Tsy vonona"
+    },
+    "upload_failed_generic": "Ny rakitra&#39;%(fileName)s &#39; tsy afaka nampidirina.",
+    "upload_failed_size": "Ny rakitra %(fileName)s mihoatra ny fetrany haben'ny homeserver amin'ny fampiakarana",
+    "upload_failed_title": "Tsy nahomby ny fandefasana",
+    "upload_file": {
+        "cancel_all_button": "Foana daholo",
+        "error_file_too_large": "Ity rakitra ity dia<b> lehibe loatra</b> mampakatra. Ny fetran'ny habeny rakitra dia%(limit)s fa ity rakitra ity%(sizeOfThisFile)s .",
+        "error_files_too_large": "Ireo rakitra ireo dia<b> lehibe loatra</b> mampakatra. Ny fetran'ny habeny rakitra dia%(limit)s .",
+        "error_some_files_too_large": "Misy rakitra sasany<b> lehibe loatra</b> ampiakarina. Ny fetrany habeny rakitra dia%(limit)s .",
+        "error_title": "Hametraka hadisoana",
+        "title": "Mampiakatra rakitra",
+        "title_progress": "Mampiakatra rakitra (%(current)s ny%(total)s )",
+        "upload_all_button": "Ampidiro ny zava-drehetra",
+        "upload_n_others_button": {
+            "one": "Zavatra tsy%(count)s rakitra hafa",
+            "other": "Zavatra tsy%(count)s rakitra hafa"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Fitaovan'i tomponandraikitra",
+        "ban_button_room": "Fandrarana ny efitrano",
+        "ban_button_space": "Fandrarana ny habakabaka",
+        "ban_room_confirm_title": "Fandrarana ny%(roomName)s",
+        "ban_space_everything": "Mandràra azy ireo amin'ny zavatra rehetra azoko atao",
+        "ban_space_specific": "Mandràra azy ireo amin'ny zavatra manokana azoko atao",
+        "deactivate_confirm_action": "Atsaharo ny mpampiasa",
+        "deactivate_confirm_description": "Ny fanesorana an'io mpampiasa io dia hampiditra azy ireo ary hisakana azy tsy hiditra indray. Fanampin'izany, handao ny efitrano rehetra misy azy izy ireo. Tsy azo averina io hetsika io. Tena tianao ve ny hanafoana ity mpampiasa ity?",
+        "deactivate_confirm_title": "Atsaharo ny mpampiasa?",
+        "demote_button": "Nankatoa",
+        "demote_self_confirm_description_space": "Tsy ho vitanao ny hanafoana an'io fanovana io rehefa midina ny tenanao ianao, raha ianao no mpampiasa manana tombontsoa farany aminy habaka dia tsy ho azo atao ny mahazo tombontsoa indray.",
+        "demote_self_confirm_room": "Tsy ho vitanao ny hanafoana an'io fanovana io rehefa midina ny tenanao ianao, raha ianao no mpampiasa nahazo tombontsoa farany tao amin'ny efitrano dia tsy ho azo atao ny mahazo tombontsoa indray.",
+        "demote_self_confirm_title": "Manetry tena ianareo?",
+        "disinvite_button_room": "Esory ny efitrano",
+        "disinvite_button_room_name": "Esory ny%(roomName)s",
+        "disinvite_button_space": "Esory ny habakabaka",
+        "error_ban_user": "Tsy nahavita nandrara ny mpampiasa",
+        "error_deactivate": "Tsy nahomby ny famafana ny mpampiasa",
+        "error_kicking_user": "Tsy tontonsa ny fanesorana ny mpampiasa",
+        "error_mute_user": "Tsy nahavita nampangina ny mpampiasa",
+        "error_revoke_3pid_invite_description": "Tsy afaka nanafoana ny fanasana. Mety sendra olana vonjimaika ny mpizara na tsy manana fahazoan-dàlana ampy hanesorana ny fanasana ianao.",
+        "error_revoke_3pid_invite_title": "Tsy nahavita nanafoana ny fanasana",
+        "ignore_confirm_description": "Hafenina avokoa ny hafatra sy ny fanasana avy amin'ity mpampiasa ity. Tena tianao tsy hiraharaha azy ireo ve ianao?",
+        "ignore_confirm_title": "Tsinotsinoavina%(user)s",
+        "invited_by": "Nasain'ny%(sender)s",
+        "jump_to_rr_button": "Hitsambikina hamaky ny rosia",
+        "kick_button_room": "Esory amin'ny efitrano",
+        "kick_button_room_name": "Esory amin'ny%(roomName)s",
+        "kick_button_space": "Esory amin'ny habakabaka",
+        "kick_button_space_everything": "Esory amin'izay rehetra azoko atao izy ireo",
+        "kick_space_specific": "Esory amin'ny zavatra manokana azoko atao izy ireo",
+        "kick_space_warning": "Zareo mbola afaka miditra amin'ny rehetra tsy admin izao.",
+        "promote_warning": "Tsy ho vitanao ny hanafoana an'io fanovana io satria mampiroborobo ny mpampiasa ianao mba hanana hery mitovy amin'ny tenanao.",
+        "redact": {
+            "confirm_button": {
+                "one": "Esory hafatra 1",
+                "other": "Esory%(count)s hafatra"
+            },
+            "confirm_description_1": {
+                "one": "Saika hanala ianao%(count)s hafatra avy amin'ny%(user)s . Hanala azy ireo mandrakizay ho an'ny rehetra ao amin'ny resaka izany. Te hanohy ve ianao?",
+                "other": "Saika hanala ianao%(count)s hafatra avy amin'ny%(user)s . Hanala azy ireo mandrakizay ho an'ny rehetra ao amin'ny resaka izany. Te hanohy ve ianao?"
+            },
+            "confirm_description_2": "Ho an'ny hafatra marobe dia mety haka fotoana kely izany. Azafady mamelombelona ny mpanjifanao mandritra izany fotoana izany.",
+            "confirm_keep_state_explainer": "Esory ny mari-pamantarana raha te hanaisotra ny hafatra rafitra amin'ity mpampiasa ity ianao (ohatra ny fanovana ny maha-mpikambana, ny fanovana ny mombamomba…)",
+            "confirm_keep_state_label": "Tehirizo ny hafatra rafitra",
+            "confirm_title": "Esory ny hafatra vao haingana amin'ny%(user)s",
+            "no_recent_messages_description": "Andramo ny mandehandeha miakatra ao amin'ny fandaharam-potoana hahitana raha misy ireo teo aloha.",
+            "no_recent_messages_title": "Tsy misy hafatra vao haingana avy aminy%(user)s hita"
+        },
+        "redact_button": "Esory ny hafatra vao haingana",
+        "revoke_invite": "Esory ny fanasana",
+        "room_encrypted": "Ny hafatra ao amin'ity efitrano ity dia misy encryption.",
+        "room_encrypted_detail": "Voaro ny hafatrao ary ianao sy ny mpandray ihany no manana ny fanalahidy tokana hamahana azy ireo.",
+        "room_unencrypted": "Ny hafatra ao amin'ity efitrano ity dia tsy misy teny miafina",
+        "room_unencrypted_detail": "Ao amin'ny efitrano misy miafina dia voaaro ny hafatrao ary ianao sy ny mpandray ihany no manana ny fanalahidy tokana hamahana azy ireo.",
+        "share_button": "Mizara rohy amin'ny mpampiasa",
+        "unban_button_room": "Manala ny fanesorana efitrano",
+        "unban_button_space": "Esory ny fanesorana aminy toerana malalaka ",
+        "unban_room_confirm_title": "Tsy misy fandraràna amin'ny %( nom de la pièce ) s",
+        "unban_space_everything": "Esory amin'ny zavatra rehetra azoko atao izy ireo",
+        "unban_space_specific": "Esory amin'ny zavatra manokana azoko atao izy ireo",
+        "unban_space_warning": "Nandresy ry zareo tsy afaka mankany amin'ny izay rehetra tadiavinareo izao tsy admin",
+        "verify_button": "Hamarino ny mpampiasa",
+        "verify_explainer": "Ho fiarovana fanampiny, hamarino ity mpampiasa ity amin'ny alàlany fanamarinana kaody indray mandeha amin'ny fitaovanao roa."
+    },
+    "voip": {
+        "already_in_call": "Efa miantso",
+        "already_in_call_person": "Efa mifandray amin'io olona io ianao.",
+        "answered_elsewhere": "Valiny any an-kafa",
+        "answered_elsewhere_description": "Voaray tamin'ny fitaovana hafa ny antso.",
+        "call_failed": "Tsy nahomby ny antso",
+        "call_failed_description": "Tsy voa-arina ny antso izay natao",
+        "call_failed_media": "Tsy nahomby ny antso satria tsy azo nidirana ny fakan-tsary na ny mikrô finday. Hamarino tsara:",
+        "call_failed_media_applications": "Tsy misy fampiharana hafa mampiasa ny fakan-tsary",
+        "call_failed_media_connected": "Ny mikrô finday sy ny fakan-tsary dia mitsatoka tsara ary nipetraka araka ny tokony ho izy",
+        "call_failed_media_permissions": "Omena alalana hampiasa ny fakan-tsary",
+        "call_failed_microphone": "Tsy nahomby ny antso satria tsy velona ny mikrô finday. Hamarino fa misy mikrô iray napetraka ary apetraka aminy laoniny.",
+        "call_held": "%(peerName)snitana ny antso",
+        "call_held_resume": "Nitazona ny antso ianao<a> CV</a>",
+        "call_held_switch": "Nitazona ny antso ianao<a> jiro</a>",
+        "call_toast_unknown_room": "Efitrano tsy fantatra",
+        "camera_disabled": "Maty ny fakantsarinao",
+        "camera_enabled": "Mbola mandeha ny fakan-tsarinao",
+        "cannot_call_yourself_description": "Tsy afaka manao antso amin'ny tenanao ianao.",
+        "close_lobby": "Akatony ny hall",
+        "connecting": "Mampifandray",
+        "connection_lost": "Very ny fifandraisana amin'ny mpizara",
+        "connection_lost_description": "Tsy afaka mametraka antso ianao raha tsy misy fifandraisana amin'ny mpizara.",
+        "consulting": "Mifanakalo hevitra amin'ny%(transfereTarget)s .<a> alefa amin'ny%(transferee)s</a>",
+        "default_device": "Ara-pototra",
+        "dial": "Miantso",
+        "dialpad": "Fehizoro nomerika",
+        "disable_camera": "Vonoy ny fakantsary",
+        "disable_microphone": "Tapaina ny mikrô finday",
+        "disabled_no_perms_start_video_call": "Tsy manana alalana hanombohana antso an-tsary ianao",
+        "disabled_no_perms_start_voice_call": "Tsy manana alalana hanombohana antso an-tariby ianao",
+        "disabled_ongoing_call": "Antso mitohy",
+        "element_call": "Antso",
+        "enable_camera": "Alefaso ny fakantsary",
+        "enable_microphone": "Amerina ny micrô finday",
+        "expand": "Hiverina any amin'ny antso rehetra",
+        "hangup": "Iala",
+        "hide_sidebar_button": "Afeno ny sidebar",
+        "input_devices": "Fampidirana fitaovana",
+        "jitsi_call": "Fihaonambe Jitsi",
+        "legacy_call": "Antso",
+        "maximise": "Ameno ny efijery",
+        "maximise_call": "Ampitomboy ny antso",
+        "minimise_call": "Ampidino ny antso",
+        "misconfigured_server": "Tsy nahomby ny antso noho ny mpizara diso",
+        "misconfigured_server_description": "Anontanio ny mpitantana ny homeserver anao (<code>%(homeserverDomain)s</code> ) mba handrindrana mpizara TURN mba hahafahany antso hiasa azo antoka.",
+        "misconfigured_server_fallback": "Raha tsy izany, azonao atao ny manandrana mampiasa ny mpizara hoany daholobe amin'ny<server/>, saingy tsy ho azo ianteherana izany, ary hizara ny adiresy IP-nao amin'io mpizara io. Azonao atao koa ny mitantana izany ao aminy fanitsiana.",
+        "misconfigured_server_fallback_accept": "Andramo ampiasaina%(server)s",
+        "more_button": "Fanampiny",
+        "msisdn_lookup_failed": "Tsy afaka mijery ny laharan-telefaona",
+        "msisdn_lookup_failed_description": "Misy lesoka tamin'ny fijerena ny laharan-telefaona",
+        "msisdn_transfer_failed": "Tsy afaka nandefa antso",
+        "n_people_joined": {
+            "one": "%(count)s olona tafiditra",
+            "other": "%(count)s nanatevin-daharana ny olona"
+        },
+        "no_audio_input_description": "Tsy nahita mikrô tamin'ny fitaovanao izahay. Hamarino azafady ny fanitsiana ary andramo indray.",
+        "no_audio_input_title": "Tsy hita ny mikrô",
+        "no_media_perms_description": "Mila manome alalana amin'ny tanana ianao%(brand)s hidirana amin'ny mikrô/fakan-tsary-nao",
+        "no_media_perms_title": "Tsy misy fahazoan-dàlana amin'ny haino aman-jery",
+        "no_permission_conference": "Mila alalana",
+        "no_permission_conference_description": "Tsy mahazo alalana hanombohana antso kaonferansa ao amin'ity efitrano ity ianao",
+        "on_hold": "%(name)seo ampanatontonsana",
+        "output_devices": "Fivoana",
+        "screenshare_monitor": "Zarao ny efijery manontolo",
+        "screenshare_title": "Mizara votoaty",
+        "screenshare_window": "Varavarankely fampiharana",
+        "show_sidebar_button": "Asehoy ny anjan'ny sisiny",
+        "silence": "Antso tsy ahenoam-peo",
+        "silenced": "Fanairana nizotra aminy fahanginana",
+        "start_screenshare": "Manomboka Mizara ny efijery",
+        "stop_screenshare": "Atsaharo ny fizarana ny efijery",
+        "too_many_calls": "Be loatra ny antso",
+        "too_many_calls_description": "Nahatratra ny isa ambony indrindra amin'ny antso miaraka ianao.",
+        "transfer_consult_first_label": "Manoro hevitra aloha",
+        "transfer_failed": "Tsy nahomby ny famindrana",
+        "transfer_failed_description": "Tsy nahavita nandefa antso",
+        "unable_to_access_audio_input_description": "Tsy afaka niditra tamin'ny mikrofoninao izahay. Jereo azafady ny tefiny toeram-pivohizana ary andramo indray.",
+        "unable_to_access_audio_input_title": "Tsy afaka niditra tamin'ny mikrôfonina",
+        "unable_to_access_media": "Tsy afaka miditra amin'ny fakan-tsary/mikrô finday",
+        "unable_to_access_microphone": "Tsy afaka niditra tamin'ny mikrô finday",
+        "unknown_caller": "Antso miafina",
+        "unknown_person": "olona tsy fantatra",
+        "unsilence": "Mandeha ny feo",
+        "unsupported": "Tsy Mandray an-tànana ny antso",
+        "unsupported_browser": "Tsy afaka manao antso amin'ity toeram-pivohizana ity ianao.",
+        "user_busy": "Tsy manana fotoana ny mpampiasa",
+        "user_busy_description": "Mbola Sahirana ny mpampiasa niantsoanao.",
+        "user_is_presenting": "%(sharerName)sIzao",
+        "video_call": "Antso an-tsary",
+        "video_call_using": "Antso an-tsary mampiasa:",
+        "voice_call": "Antso an-tariby",
+        "you_are_presenting": "Mamkahalala anareo"
+    },
+    "widget": {
+        "added_by": "Widget nampidirin'i",
+        "capabilities_dialog": {
+            "content_starting_text": "Ity widget ity dia te:",
+            "decline_all_permission": "Nofoanana daholo",
+            "remember_Selection": "Tsarovy ny safidiko ho an'ity widget ity",
+            "title": "Ankatoavy ny fahazoan-dàlana widget"
+        },
+        "capability": {
+            "always_on_screen_generic": "Mijanòna eo amin'ny efijery rehefa mihazakazaka",
+            "always_on_screen_viewing_another_room": "Mijanona eo amin'ny efijery rehefa mijery efitrano hafa, rehefa mihazakazaka",
+            "any_room": "Ny etsy ambony, fa amin'ny efitrano rehetra iarahanao na asaina koa",
+            "byline_empty_state_key": "Miaraka amin'ny fanalahidiny fanjakana foana",
+            "byline_state_key": "Miaraka amin'ny fanalahidiny fanjakana%(stateKey)s",
+            "capability": "Ny<b>%(capability)s</b> fahaizany",
+            "change_avatar_active_room": "Hanova ny avatar ny efitranonao mavitrika",
+            "change_avatar_this_room": "Hanova ny avatar amin'ity efitrano ity",
+            "change_name_active_room": "Ovao ny anarany efitranonao mavitrika",
+            "change_name_this_room": "Ovay ny anaran'ity efitrano ity",
+            "change_topic_active_room": "Ovay ny lohahevitry ny efitranonao mavitrika",
+            "change_topic_this_room": "Hanova ny lohahevitra momba ity efitrano ity",
+            "receive_membership_active_room": "Jereo rehefa misy olona miditra, miala, na asaina ao amin'ny efitranonao mavitrika",
+            "receive_membership_this_room": "Jereo rehefa misy olona miditra, miala, na asaina ao amin'ity efitrano ity",
+            "remove_ban_invite_leave_active_room": "Esory, raràna, na asao ny olona ho ao amin'ny efitranonao mavitrika, ary asaivo miala ianao",
+            "remove_ban_invite_leave_this_room": "Esory, raràna, na asao ho ao amin'ity efitrano ity ny olona, ary asaivo miala ianao",
+            "see_avatar_change_active_room": "Jereo rehefa miova ny avatar ao amin'ny efitranonao mavitrika",
+            "see_avatar_change_this_room": "Jereo rehefa miova ny avatar amin'ity efitrano ity",
+            "see_event_type_sent_active_room": "Jereo ny<b>%(eventType)s</b> hetsika nalefa tao amin'ny efitranonao mavitrika",
+            "see_event_type_sent_this_room": "Jereo ny<b>%(eventType)s</b> hetsika nalefa tao amin'ity efitrano ity",
+            "see_images_sent_active_room": "Jereo ny sary navoaka tao amin'ny efitranonao mavitrika",
+            "see_images_sent_this_room": "Jereo ny sary navoaka tao amin'ity efitrano ity",
+            "see_messages_sent_active_room": "Jereo ny hafatra napetraka ao amin'ny efitranonao mavitrika",
+            "see_messages_sent_this_room": "Jereo ireo hafatra napetraka ao amin'ity efitrano ity",
+            "see_msgtype_sent_active_room": "Jereo ny<b>%(msgtype)s</b> hafatra nalefa tao amin'ny efitranonao mavitrika",
+            "see_msgtype_sent_this_room": "Jereo ny<b>%(msgtype)s</b> hafatra nalefa tao amin'ity efitrano ity",
+            "see_name_change_active_room": "Jereo rehefa miova ny anarana ao amin'ny efitranonao mavitrika",
+            "see_name_change_this_room": "Jereo rehefa miova ny anarana ao amin'ity efitrano ity",
+            "see_sent_emotes_active_room": "Jereo ireo fihetseham-po navoaka tao amin'ny efitranonao mavitrika",
+            "see_sent_emotes_this_room": "Jereo ireo fihetseham-po napetraka ao amin'ity efitrano ity",
+            "see_sent_files_active_room": "Jereo ny rakitra ankapobeny napetraka ao amin'ny efitranonao mavitrika",
+            "see_sent_files_this_room": "Jereo ny rakitra ankapobeny napetraka ao amin'ity efitrano ity",
+            "see_sticker_posted_active_room": "Jereo rehefa misy mandefa sticker ao amin'ny kaonty nao",
+            "see_sticker_posted_this_room": "Jereo rehefa misy sticker apetraka ao amin'ity efitrano ity",
+            "see_text_messages_sent_active_room": "Jereo ny hafatra an-tsoratra napetraka ao amin'ny efitranonao mavitrika",
+            "see_text_messages_sent_this_room": "Jereo ireo hafatra an-tsoratra navoaka tao amin'ity efitrano ity",
+            "see_topic_change_active_room": "Jereo rehefa miova ny lohahevitra ao amin'ny efitranonao mavitrika",
+            "see_topic_change_this_room": "Jereo rehefa miova ny lohahevitra ao amin'ity efitrano ity",
+            "see_videos_sent_active_room": "Jereo ireo horonan-tsary navoaka tao amin'ny efitranonao mavitrika",
+            "see_videos_sent_this_room": "Jereo ireo horonan-tsary navoaka tao amin'ity efitrano ity",
+            "send_emotes_active_room": "Alefaso emotes rehefa ao amin'ny efitranonao mavitrika ianao",
+            "send_emotes_this_room": "Alefaso ny fihetseham-po rehefa ao amin'ity efitrano ity ianao",
+            "send_event_type_active_room": "Alefaso<b>%(eventType)s</b> hetsika tahaka anao ao amin'ny efitranonao mavitrika",
+            "send_event_type_this_room": "Alefaso<b>%(eventType)s</b> hetsika tahaka anao ato amin'ity efitrano ity",
+            "send_files_active_room": "Alefaso ny rakitra ankapobeny rehefa ao amin'ny efitranonao mavitrika ianao",
+            "send_files_this_room": "Alefaso ny rakitra ankapobe rehefa ato amin'ity efitrano ity ianao",
+            "send_images_active_room": "Alefaso sary rehefa ao amin'ny efitranonao mavitrika ianao",
+            "send_images_this_room": "Mandefasa sary tahaka anao ato amin'ity efitrano ity",
+            "send_messages_active_room": "Mandefasa hafatra rehefa ao amin'ny efitranonao mavitrika ianao",
+            "send_messages_this_room": "Mandefa hafatra rehefa ao amin'ity efitrano ity ianao",
+            "send_msgtype_active_room": "Alefaso<b>%(msgtype)s</b> hafatra rehefa ao amin&#39;ny efitranonao mavitrika ianao",
+            "send_msgtype_this_room": "Alefaso<b>%(msgtype)s</b> hafatra tahaka anao ato amin'ity efitrano ity",
+            "send_stickers_active_room": "Alefaso ao amin'ny efitranonao mavitrika ny stickers",
+            "send_stickers_active_room_as_you": "Alefaso ny stickers any amin'ny efitranonao mavitrika tahaka anao",
+            "send_stickers_this_room": "Alefaso ao amin'ity efitrano ity ny stickers",
+            "send_stickers_this_room_as_you": "Mandefasa stickers amin'ity efitrano ity tahaka anao",
+            "send_text_messages_active_room": "Mandefasa hafatra an-tsoratra rehefa ao amin'ny efitranonao mavitrika ianao",
+            "send_text_messages_this_room": "Mandefa hafatra an-tsoratra rehefa ao amin'ity efitrano ity ianao",
+            "send_videos_active_room": "Alefaso rakin-tsary rehefa ao amin'ny efitranonao mavitrika ianao",
+            "send_videos_this_room": "Alefaso video tahaka anao ato amin'ity efitrano ity",
+            "specific_room": "Ny ambony, fa amin'ny<Room /> koa",
+            "switch_room": "Ovay ny efitrano hojerenao",
+            "switch_room_message_user": "Ovao izay efitrano, hafatra, na mpampiasa hitanao"
+        },
+        "close_to_view_right_panel": "Akatono ity widget ity raha hijery azy amin'ity tontonana ity",
+        "context_menu": {
+            "delete": "Fafao ny widget",
+            "delete_warning": "Ny famafana widget dia manala azy hoany mpampiasa rehetra ao amin'ity efitrano ity. Tena te-hamafa ity widget ity ve ianao?"
+        },
+        "cookie_warning": "Ity widget ity dia mety mampiasa cookies.",
+        "error_hangup_description": "Tapaka tamin'ny antso ianao. (Hadisoana:%(message)s )",
+        "error_hangup_title": "Very ny fifandraisana",
+        "error_loading": "Hadisoana amin'ny fametahana Widget",
+        "error_mixed_content": "Error - Votoaty mifangaro",
+        "error_need_invite_permission": "Mila mahay manasa mpampiasa hanao izany ianao.",
+        "error_need_kick_permission": "Mila mahay mandaka ny mpampiasa ianao hanao izany.",
+        "error_need_to_be_logged_in": "Mila miditra ianao.",
+        "error_unable_start_audio_stream_description": "Tsy afaka manomboka fandefasana feo.",
+        "error_unable_start_audio_stream_title": "Tsy nahavita nandefa mivantana",
+        "modal_data_warning": "Ny angona amin'ity efijery ity dia zaraina amin'ny%(widgetDomain)s",
+        "modal_title_default": "Widget modal",
+        "no_name": "Fampiharana tsy fantatra",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Tsarovy ity",
+            "starting_text": "Ny widget dia hanamarina ny ID mpampiasa anao, saingy tsy afaka manao hetsika ho anao:",
+            "title": "Avelao ity widget ity hanamarina ny mombamomba anao"
+        },
+        "popout": "Widget contextuel",
+        "set_room_layout": "Apetraho hoany rehetra ny firafitry ny efitranoko",
+        "shared_data_avatar": "URL sarin'ny mombamomba anao",
+        "shared_data_device_id": "ID fitaovanao",
+        "shared_data_lang": "Ny fiteninao",
+        "shared_data_mxid": "ID mpampiasa anao",
+        "shared_data_name": "Anarana asehonao",
+        "shared_data_room_id": "ID efitrano",
+        "shared_data_theme": "Ny loha-hevitrao",
+        "shared_data_url": "%(brand)sURL",
+        "shared_data_warning": "Ny fampiasana an'io widget io dia mety hizara data<helpIcon /> amin'ny%(widgetDomain)s .",
+        "shared_data_warning_im": "Ny fampiasana an'io widget io dia mety hizara data<helpIcon /> amin'ny%(widgetDomain)s & mpitantana ny fampidirana anao.",
+        "shared_data_widget_id": "Widget ID",
+        "unencrypted_warning": "Ny Widget dia tsy mampiasa fanafenana hafatra.",
+        "unmaximise": "Lasa loatra",
+        "unpin_to_view_right_panel": "Esory ity widget ity raha hijery azy amin'ity tontonana ity"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Ny litera lehibe rehetra dia saika mora fantarina toy ny litera kely rehetra",
+            "anotherWord": "Manampia teny iray na roa hafa. Tsara kokoa ny teny tsy mahazatra.",
+            "associatedYears": "Halaviro ireo taona mifandray aminao",
+            "capitalization": "Tsy dia manampy loatra ny kapitalista",
+            "dates": "Halaviro ny daty sy taona mifandray aminao",
+            "l33t": "Ny fanoloana vinavina toa ny '@' fa tsy ny dia tsy 'iray'manao' dia manampy loatra",
+            "longerKeyboardPattern": "Mampiasà lamina kitendry lava kokoa miaraka amin'ny fihodinana bebe kokoa",
+            "noNeed": "Tsy mila marika, tarehimarika, na litera lehibe",
+            "pwned": "Raha mampiasa ity tenimiafina ity any an-kafa ianao dia tokony hanova azy io.",
+            "recentYears": "Halaviro ireo taona faramparany",
+            "repeated": "Halaviro ny teny sy ny tarehin-tsoratra miverimberina",
+            "reverseWords": "Tsy sarotra ny maminavina ny teny mivadika",
+            "sequences": "Halaviro ny filaharana",
+            "useWords": "Mampiasà teny vitsivitsy, ialao ny fehezanteny mahazatra"
+        },
+        "warnings": {
+            "common": "Ity dia tenimiafina mahazatra",
+            "commonNames": "Ny anarana mahazatra sy ny anaram-bositra dia mora maminavina",
+            "dates": "Matetika no mora vinavinaina ny daty",
+            "extendedRepeat": "Ny famerimberenana toy \"abcabcabc\" dia somary sarotra vinavinaina noho \"abc\"",
+            "keyPattern": "Mora vinavinaina ny lamina kitendry fohy",
+            "namesByThemselves": "Ny anarana sy ny anaram-bositra dia mora maminavina",
+            "pwned": "Ny tenimiafinao dia naharihary noho ny fanitsakitsahana ny angona tao amin'ny Internet.",
+            "recentYears": "Mora ny maminavina ny taona faramparany",
+            "sequences": "Ny filaharana toy ny abc na 6543 dia mora vinavinaina",
+            "similarToCommon": "Izany dia mitovy amin'ny tenimiafina ampiasaina matetika",
+            "simpleRepeat": "Ny miverimberina toy ny \"aaa\" dia mora vinavinaina",
+            "straightRow": "Mora maminavina ny andalana mahitsy amin'ny fanalahidy",
+            "topHundred": "Ity dia tenimiafina mahazatra 100 ambony indrindra",
+            "topTen": "Ity dia tenimiafina mahazatra 10 ambony indrindra",
+            "userInputs": "Tsy tokony hisy angona manokana na pejy mifandraika amin'izany.",
+            "wordByItself": "Mora fantarina ny teny iray"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/nb_NO.json b/apps/web/src/i18n/strings/nb_NO.json
new file mode 100644
index 00000000000..53917ecd5cb
--- /dev/null
+++ b/apps/web/src/i18n/strings/nb_NO.json
@@ -0,0 +1,3967 @@
+{
+    "a11y": {
+        "jump_first_invite": "Hopp til den første invitasjonen.",
+        "message_composer": "Meldingsfelt",
+        "n_unread_messages": {
+            "one": "1 ulest melding.",
+            "other": "%(count)s uleste meldinger."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 ulest omtale.",
+            "other": "%(count)s uleste meldinger inkludert der du nevnes."
+        },
+        "room_status_bar": "Statuslinje for rommet",
+        "seek_bar_label": "Søkelinje for lyd",
+        "unread_messages": "Uleste meldinger."
+    },
+    "a11y_jump_first_unread_room": "Hopp til første uleste rom.",
+    "action": {
+        "accept": "Godta",
+        "add": "Legg til",
+        "add_existing_room": "Legg til et eksisterende rom",
+        "apply": "Bruk",
+        "approve": "Godkjenn",
+        "ask_to_join": "Be om å få bli med",
+        "back": "Tilbake",
+        "call": "Ring",
+        "cancel": "Avbryt",
+        "change": "Endre",
+        "clear": "Tøm",
+        "click_to_copy": "Klikk for å kopiere",
+        "close": "Lukk",
+        "collapse": "Trekk sammen",
+        "complete": "Fullført",
+        "confirm": "Bekreft",
+        "continue": "Fortsett",
+        "copy": "Kopier",
+        "copy_link": "Kopier lenke",
+        "create": "Lag",
+        "create_a_room": "Opprett rom",
+        "create_account": "Opprett konto",
+        "decline": "Avslå",
+        "decline_and_block": "Avvise og blokkere",
+        "decline_invite": "Avvis invitasjon",
+        "delete": "Slett",
+        "deny": "Avvis",
+        "disable": "Slå av",
+        "disconnect": "Koble fra",
+        "dismiss": "Avvis",
+        "done": "Fullført",
+        "download": "Nedlastning",
+        "edit": "Rediger",
+        "enable": "Slå på",
+        "enter_fullscreen": "Gå til fullskjermmodus",
+        "exit_fullscreeen": "Avslutt fullskjermmodus",
+        "expand": "Utvid",
+        "explore_rooms": "Se alle rom",
+        "export": "Eksporter",
+        "forward": "Videresend",
+        "go": "Gå",
+        "go_back": "Gå tilbake",
+        "got_it": "Jeg forstår",
+        "hide_advanced": "Skjul avansert",
+        "hold": "Hold",
+        "ignore": "Ignorer",
+        "import": "Importer",
+        "invite": "Inviter",
+        "join": "Bli med",
+        "learn_more": "Lær mer",
+        "leave": "Forlat",
+        "leave_room": "Forlat rommet",
+        "logout": "Logg ut",
+        "manage": "Administrér",
+        "maximise": "Maksimer",
+        "mention": "Nevn",
+        "minimise": "Minimer",
+        "new_room": "Nytt rom",
+        "new_video_room": "Nytt videorom",
+        "next": "Neste",
+        "no": "Nei",
+        "ok": "OK",
+        "open": "Åpne",
+        "pin": "Fest",
+        "proceed": "Fortsett",
+        "quote": "Sitat",
+        "react": "Reager",
+        "refresh": "Oppdater",
+        "register": "Registrer",
+        "reload": "Last inn på nytt",
+        "remove": "Fjern",
+        "rename": "Gi nytt navn",
+        "reply": "Svar",
+        "reply_in_thread": "Svar i tråd",
+        "report_room": "Rapporter rom",
+        "resend": "Send på nytt",
+        "reset": "Nullstill",
+        "resume": "Fortsett",
+        "retry": "Prøv igjen",
+        "review": "Gjennomgang",
+        "revoke": "Tilbakekall",
+        "save": "Lagre",
+        "search": "Søk",
+        "send_report": "Send inn rapport",
+        "set_avatar": "Angi profilbilde",
+        "share": "Del",
+        "show": "Vis",
+        "show_advanced": "Vis avansert",
+        "show_all": "Vis alt",
+        "sign_in": "Logg inn",
+        "sign_out": "Fjern denne enheten",
+        "skip": "Hopp over",
+        "start": "Begynn",
+        "stop": "Stopp",
+        "submit": "Send inn",
+        "subscribe": "Abonnér",
+        "transfer": "Overfør",
+        "trust": "Stol på",
+        "try_again": "Prøv igjen",
+        "unban": "Opphev utestengelse",
+        "unignore": "Opphev ignorering",
+        "unpin": "Løsne",
+        "unsubscribe": "Meld ut",
+        "update": "Oppdater",
+        "upgrade": "Oppgrader",
+        "upload": "Last opp",
+        "upload_file": "Last opp fil",
+        "verify": "Bekreft",
+        "view": "Vis",
+        "view_all": "Vis alle",
+        "view_list": "Vis liste",
+        "view_message": "Se melding",
+        "view_source": "Vis kilde",
+        "yes": "Ja",
+        "yes_dismiss": "Ja, avvis",
+        "zoom_in": "Forstørr",
+        "zoom_out": "Forminske"
+    },
+    "analytics": {
+        "accept_button": "Det er greit",
+        "bullet_1": "Vi registrerer eller profilerer <Bold>ikke</Bold> kontodata",
+        "bullet_2": "Vi <Bold>deler ikke</Bold> informasjon med tredjeparter",
+        "consent_migration": "Du har tidligere samtykket til å dele anonyme bruksdata med oss. Vi oppdaterer hvordan det fungerer.",
+        "disable_prompt": "Du kan slå av dette når som helst i innstillingene",
+        "enable_prompt": "Hjelp til å forbedre %(analyticsOwner)s",
+        "learn_more": "Del anonyme data for å hjelpe oss med å identifisere problemer. Ikke noe personlig. Ingen tredjeparter. <LearnMoreLink>Lære mer </LearnMoreLink>",
+        "privacy_policy": "Du kan lese alle våre vilkår <PrivacyPolicyUrl> her </PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Hjelp oss med å identifisere problemer og forbedre %(analyticsOwner)s ved å dele anonyme bruksdata. For å forstå hvordan folk bruker flere enheter, genererer vi en tilfeldig identifikator som deles av dine enheter.",
+        "shared_data_heading": "Følgende data kan deles:"
+    },
+    "auth": {
+        "3pid_in_use": "E-postadressen eller telefonnummeret er allerede i bruk.",
+        "account_clash": "Din nye konto (%(newAccountId)s) er registrert, men du er allerede logget inn på en annen konto (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Fortsett med tidligere konto",
+        "account_deactivated": "Denne kontoen har blitt deaktivert.",
+        "autodiscovery_generic_failure": "Kunne ikke hente autodiscovery-konfigurasjonen fra serveren",
+        "autodiscovery_hs_incompatible": "Hjemmeserveren din er for gammel og støtter ikke minimum API-versjon som kreves. Ta kontakt med din servereier, eller oppgrader din server.",
+        "autodiscovery_invalid": "Ugyldig svar på oppdagelse av hjemmeserver",
+        "autodiscovery_invalid_hs": "Hjemeserver-URL ser ikke ut til å være en gyldig Matrix-hjemmeserver",
+        "autodiscovery_invalid_hs_base_url": "Ugyldig base_url for m.homeserver",
+        "autodiscovery_invalid_is": "URL-adressen til identitetsserveren ser ikke ut til å være en gyldig identitetsserver",
+        "autodiscovery_invalid_is_base_url": "Ugyldig base_url for m.identity_server",
+        "autodiscovery_invalid_is_response": "Ugyldig svar på identifisering av identitetstjener",
+        "autodiscovery_invalid_json": "Ugyldig JSON",
+        "autodiscovery_no_well_known": "Ingen velkjent JSON-fil funnet",
+        "autodiscovery_unexpected_error_hs": "Uventet feil ved løsning av hjemmeserverkonfigurasjon",
+        "autodiscovery_unexpected_error_is": "Uventet feil ved konfigurasjon av identitetsserver",
+        "captcha_description": "Denne hjemmeserveren vil gjerne forsikre seg om at du ikke er en robot.",
+        "change_password_action": "Endre passordet",
+        "change_password_confirm_invalid": "Passordene samsvarer ikke",
+        "change_password_confirm_label": "Bekreft passord",
+        "change_password_current_label": "Nåværende passord",
+        "change_password_empty": "Passord kan ikke være tomme",
+        "change_password_error": "Feil under endring av passord: %(error)s",
+        "change_password_mismatch": "De nye passordene samsvarer ikke",
+        "change_password_new_label": "Nytt passord",
+        "check_email_explainer": "Følg instruksjonene som er sendt til <b> %(email)s </b>",
+        "check_email_resend_prompt": "Har du ikke mottatt den?",
+        "check_email_resend_tooltip": "E-post med bekreftelseslenke er sendt på nytt!",
+        "check_email_wrong_email_button": "Skriv inn e-postadressen på nytt",
+        "check_email_wrong_email_prompt": "Feil e-postadresse?",
+        "continue_with_idp": "Fortsett med %(provider)s",
+        "continue_with_sso": "Fortsett med %(ssoButtons)s",
+        "country_dropdown": "Nedfallsmeny over land",
+        "create_account_prompt": "Er du ny her? <a>Opprett en konto</a>",
+        "create_account_title": "Opprett konto",
+        "email_discovery_text": "Bruk e-post for å kunne oppdages av eksisterende kontakter.",
+        "email_field_label": "E-post",
+        "email_field_label_invalid": "Det ser ikke ut som en gyldig e-postadresse",
+        "email_field_label_required": "Legg inn e-postadresse",
+        "email_help_text": "Legg til en e-postadresse for å kunne tilbakestille passordet ditt.",
+        "email_phone_discovery_text": "Bruk e-post eller telefon for å være synlig for eksisterende kontakter.",
+        "enter_email_explainer": "<b>%(homeserver)s</b>vil sende deg en bekreftelseslenke for å la deg tilbakestille passordet ditt.",
+        "enter_email_heading": "Skriv inn din e-postadresse for å tilbakestille passordet",
+        "failed_connect_identity_server": "Kan ikke nå identitetsserveren",
+        "failed_connect_identity_server_other": "Du kan logge på, men noen funksjoner vil være utilgjengelige før identitetsserveren er tilbake på nett. Hvis du stadig ser denne advarselen, sjekk konfigurasjonen eller kontakt en serveradministrator.",
+        "failed_connect_identity_server_register": "Du kan registrere deg, men enkelte funksjoner vil ikke være tilgjengelige før identitetsserveren er tilbake på nett. Hvis du får denne advarselen flere ganger, bør du sjekke konfigurasjonen eller kontakte en serveradministrator.",
+        "failed_connect_identity_server_reset_password": "Du kan tilbakestille passordet ditt, men noen funksjoner vil ikke være tilgjengelige før identitetsserveren er tilbake på nett. Hvis du ser denne advarselen flere ganger, bør du sjekke konfigurasjonen eller kontakte en serveradministrator.",
+        "failed_homeserver_discovery": "Kunne ikke utføre hjemmeserveroppdagelse",
+        "failed_query_registration_methods": "Kan ikke spørre etter støttede registreringsmetoder.",
+        "failed_soft_logout_auth": "Kunne ikke autentisere på nytt",
+        "failed_soft_logout_homeserver": "Kunne ikke autentisere på nytt på grunn av et problem med hjemmeserveren",
+        "forgot_password_email_invalid": "E-postadressen ser ikke ut til å være gyldig.",
+        "forgot_password_email_required": "E-postadressen som er knyttet til kontoen din, må oppgis.",
+        "forgot_password_prompt": "Har du glemt passordet ditt?",
+        "forgot_password_send_email": "Send e-post",
+        "identifier_label": "Logg inn med",
+        "incorrect_credentials": "Feil brukernavn og/eller passord.",
+        "incorrect_credentials_detail": "Vær oppmerksom på at du logger på %(hs)s-serveren, ikke matrix.org.",
+        "incorrect_password": "Feil passord",
+        "log_in_new_account": "<a>Logg på</a> din nye konto.",
+        "logout_dialog": {
+            "description": "Er du sikker på at du vil logge av?",
+            "setup_key_backup_title": "Du mister tilgangen til de krypterte meldingene dine",
+            "skip_key_backup": "Jeg vil ikke ha mine krypterte meldinger"
+        },
+        "misconfigured_body": "Spør din%(brand)s administrator om å sjekke <a>konfigurasjonen din</a> for feil eller dupliserte oppføringer.",
+        "misconfigured_title": "Ditt %(brand)s-oppsett er feiloppsatt",
+        "mobile_create_account_title": "Du er i ferd med å opprette en konto på %(hsName)s",
+        "msisdn_field_description": "Andre brukere kan invitere deg til rom ved hjelp av din kontaktinformasjon",
+        "msisdn_field_label": "Telefon",
+        "msisdn_field_number_invalid": "Det telefonnummeret ser ikke helt riktig ut, vennligst sjekk og prøv igjen",
+        "msisdn_field_required_invalid": "Skriv inn telefonnummer",
+        "no_hs_url_provided": "Ingen hjemmeserver-URL oppgitt",
+        "oidc": {
+            "error_title": "Vi kunne ikke logge deg inn",
+            "generic_auth_error": "Noe gikk galt under autentisering. Gå til påloggingssiden og prøv igjen.",
+            "missing_or_invalid_stored_state": "Vi har bedt nettleseren om å huske hvilken hjemmeserver du bruker for å kunne logge deg på, men dessverre har nettleseren din glemt det. Gå til påloggingssiden og prøv på nytt."
+        },
+        "password_field_keep_going_prompt": "Fortsett...",
+        "password_field_label": "Skriv inn passord",
+        "password_field_strong_label": "Strålende, passordet er sterkt!",
+        "password_field_weak_label": "Passordet er tillatt, men er ikke trygt",
+        "phone_label": "Telefon",
+        "phone_optional_label": "Telefonnummer (valgfritt)",
+        "qr_code_login": {
+            "check_code_explainer": "Dette vil bekrefte at tilkoblingen til den andre enheten din er sikker.",
+            "check_code_heading": "Skriv inn nummeret som vises på din andre enhet",
+            "check_code_input_label": "2-sifret kode",
+            "check_code_mismatch": "Tallene stemmer ikke overens",
+            "completing_setup": "Fullføre konfigurasjonen av den nye enheten",
+            "error_etag_missing": "Det oppstod en uventet feil. Dette kan skyldes en nettleserutvidelse, proxy-server eller feilkonfigurasjon av serveren.",
+            "error_expired": "Påloggingen er utløpt. Vennligst prøv igjen.",
+            "error_expired_title": "Påloggingen ble ikke fullført i tide",
+            "error_insecure_channel_detected": "En sikker tilkobling kunne ikke opprettes til den nye enheten. Dine eksisterende enheter er fortsatt trygge, og du trenger ikke å bekymre deg for dem.",
+            "error_insecure_channel_detected_instructions": "Hva nå?",
+            "error_insecure_channel_detected_instructions_1": "Prøv å logge på den andre enheten på nytt med en QR-kode i tilfelle dette var et nettverksproblem",
+            "error_insecure_channel_detected_instructions_2": "Hvis du støter på det samme problemet, kan du prøve et annet wifi-nettverk eller bruke mobildata i stedet for wifi",
+            "error_insecure_channel_detected_instructions_3": "Hvis det ikke fungerer, logger du på manuelt",
+            "error_insecure_channel_detected_title": "Tilkoblingen er ikke sikker",
+            "error_other_device_already_signed_in": "Du trenger ikke gjøre noe annet.",
+            "error_other_device_already_signed_in_title": "Den andre enheten din er allerede pålogget",
+            "error_rate_limited": "For mange forsøk på kort tid. Vent litt før du prøver igjen.",
+            "error_unexpected": "Det oppstod en uventet feil. Forespørselen om å koble til den andre enheten har blitt avbrutt.",
+            "error_unsupported_protocol": "Denne enheten støtter ikke pålogging på den andre enheten med en QR-kode.",
+            "error_unsupported_protocol_title": "Annen enhet ikke kompatibel",
+            "error_user_cancelled": "Påloggingen ble kansellert på den andre enheten.",
+            "error_user_cancelled_title": "Påloggingsforespørsel kansellert",
+            "error_user_declined": "Du eller kontoleverandøren avviste påloggingsforespørselen.",
+            "error_user_declined_title": "Pålogging avvist",
+            "follow_remaining_instructions": "Følg de gjenstående instruksjonene",
+            "open_element_other_device": "Åpen%(brand)s på din andre enhet",
+            "point_the_camera": "Skann QR-koden som vises her",
+            "scan_code_instruction": "Skann QR-koden med en annen enhet",
+            "scan_qr_code": "Logg på med QR-kode",
+            "security_code_prompt": "Hvis du blir spurt, skriv inn koden nedenfor på den andre enheten.",
+            "select_qr_code": "Velg \"%(scanQRCode)s»",
+            "unsupported_explainer": "Din kontoleverandør støtter ikke pålogging på en ny enhet med en QR-kode.",
+            "unsupported_heading": "QR-kode støttes ikke",
+            "waiting_for_device": "Venter på at enheten skal logge på"
+        },
+        "register_action": "Opprett konto",
+        "registration": {
+            "continue_without_email_description": "Bare en advarsel: Hvis du ikke legger til en e-postadresse og glemmer passordet ditt, kan du <b>permanent miste tilgangen til kontoen din</b>.",
+            "continue_without_email_field_label": "E-post (valgfritt)",
+            "continue_without_email_title": "Fortsetter uten e-post"
+        },
+        "registration_disabled": "Registrering er deaktivert på denne hjemmeserveren.",
+        "registration_msisdn_field_required_invalid": "Skriv inn telefonnummer (påkrevd på denne hjemmeserveren)",
+        "registration_successful": "Registreringen var vellykket",
+        "registration_username_in_use": "Noen har allerede det brukernavnet. Prøv et annet, eller hvis det er deg, logg inn nedenfor.",
+        "registration_username_unable_check": "Kan ikke sjekke om brukernavnet er tatt. Prøv igjen senere.",
+        "registration_username_validation": "Bruk kun småbokstaver, numre, streker og understreker",
+        "reset_password": {
+            "confirm_new_password": "Bekreft nytt passord",
+            "devices_logout_success": "Du har blitt logget ut av alle enheter og vil ikke lenger motta push-varsler. For å aktivere varslinger på nytt må du logge på igjen på hver enhet.",
+            "other_devices_logout_warning_1": "Når du logger ut av enhetene dine, slettes krypteringsnøklene som er lagret på dem, slik at kryptert chattehistorikk ikke lenger kan leses.",
+            "other_devices_logout_warning_2": "Hvis du vil beholde tilgangen til chatloggen din i krypterte rom, må du konfigurere sikkerhetskopiering av nøkler eller eksportere meldingsnøklene fra en av de andre enhetene dine før du fortsetter.",
+            "password_not_entered": "Et nytt passord må bli skrevet inn.",
+            "passwords_mismatch": "De nye passordene må samsvare med hverandre.",
+            "rate_limit_error": "For mange forsøk på kort tid. Vent litt før du prøver igjen.",
+            "rate_limit_error_with_time": "For mange forsøk på kort tid. Prøv på nytt etter%(timeout)s.",
+            "reset_successful": "Passordet ditt har blitt tilbakestilt.",
+            "return_to_login": "Gå tilbake til påloggingsskjermen",
+            "sign_out_other_devices": "Logg av alle enheter"
+        },
+        "reset_password_action": "Tilbakestill passordet",
+        "reset_password_button": "Glemt passordet?",
+        "reset_password_email_field_description": "Bruk en E-postadresse til å gjenopprette kontoen din",
+        "reset_password_email_field_required_invalid": "Skriv inn en E-postadresse (Påkrevd på denne hjemmeserveren)",
+        "reset_password_email_not_associated": "E-postadressen din ser ikke ut til å være knyttet til en Matrix ID på denne hjemmeserveren.",
+        "reset_password_email_not_found_title": "Denne e-postadressen ble ikke funnet",
+        "reset_password_title": "Tilbakestill passordet ditt",
+        "server_picker_custom": "Annen hjemmeserver",
+        "server_picker_description": "Du kan bruke de egendefinerte serveralternativene til å logge på andre Matrix-servere ved å angi en annen hjemmeserver-URL. Dette gjør at du kan bruke %(brand)s med en eksisterende Matrix-konto på en annen hjemmeserver.",
+        "server_picker_description_matrix.org": "Bli med millioner av mennesker gratis på den største offentlige serveren",
+        "server_picker_dialog_title": "Bestem hvor kontoen din skal ligge",
+        "server_picker_explainer": "Bruk din foretrukne Matrix-hjemmeserver hvis du har en, eller host din egen.",
+        "server_picker_failed_validate_homeserver": "Kan ikke validere hjemmeserver",
+        "server_picker_intro": "Vi kaller stedene der du kan hoste kontoen din for \"hjemmeservere\".",
+        "server_picker_invalid_url": "Ugyldig URL",
+        "server_picker_learn_more": "Om hjemmeservere",
+        "server_picker_matrix.org": "Matrix.org er den største offentlige hjemmeserveren i verden, så det er et bra sted for mange.",
+        "server_picker_required": "Angi en hjemmeserver",
+        "server_picker_title": "Logg på hjemmeserveren din",
+        "server_picker_title_default": "Serveralternativer",
+        "server_picker_title_registration": "Host kontoen på",
+        "session_logged_out_description": "Av sikkerhetsgrunner har denne økten blitt logget ut. Vennligst logg på igjen.",
+        "session_logged_out_title": "Avlogget",
+        "set_email": {
+            "description": "Dette vil tillate deg å tilbakestille passordet ditt og motta varsler.",
+            "verification_pending_description": "Vennligst sjekk e-posten din og klikk på lenken den inneholder. Når dette er gjort, klikker du på Fortsett.",
+            "verification_pending_title": "Avventer verifisering"
+        },
+        "set_email_prompt": "Vil du velge en E-postadresse?",
+        "sign_in_description": "Bruk kontoen din for å fortsette.",
+        "sign_in_instead": "Logg på i stedet",
+        "sign_in_instead_prompt": "Har du allerede en konto? <a>Logg på</a>",
+        "sign_in_or_register": "Logg inn eller lag en konto",
+        "sign_in_or_register_description": "Bruk kontoen din eller opprett en ny for å fortsette.",
+        "sign_in_with_sso": "Logg på med single sign-on",
+        "signing_in": "Logger på...",
+        "soft_logout": {
+            "clear_data_button": "Tøm alle data",
+            "clear_data_description": "Sletting av alle data fra denne økten er permanent. Krypterte meldinger vil gå tapt med mindre det er tatt sikkerhetskopi av nøklene.",
+            "clear_data_title": "Slett alle data i denne økten?"
+        },
+        "soft_logout_heading": "Du er logget av",
+        "soft_logout_intro_password": "Skriv inn passordet ditt for å logge på og få tilgang til kontoen din igjen.",
+        "soft_logout_intro_sso": "Logg på og få tilgang til kontoen din igjen.",
+        "soft_logout_intro_unsupported_auth": "Du kan ikke logge på kontoen din. Ta kontakt med administratoren for hjemmeserver for mer informasjon.",
+        "soft_logout_subheading": "Tøm personlige data",
+        "soft_logout_warning": "Advarsel: Dine personlige data (inkludert krypteringsnøkler) lagres fortsatt i denne sesjonen. Fjern den hvis du er ferdig med denne sesjonen, eller hvis du vil logge på med en annen konto.",
+        "sso": "Single sign-on",
+        "sso_complete_in_browser_dialog_title": "Gå til nettleseren din for å fullføre påloggingen",
+        "sso_failed_missing_storage": "Vi ba nettleseren huske hvilken hjemmeserver du bruker for å la deg logge på, men dessverre har nettleseren din glemt det. Gå til påloggingssiden og prøv igjen.",
+        "sso_or_username_password": "%(ssoButtons)s eller %(usernamePassword)s",
+        "sync_footer_subtitle": "Hvis du har blitt med i mange rom, kan dette ta en stund",
+        "syncing": "Synkroniserer...",
+        "uia": {
+            "code": "Kode",
+            "email": "For å opprette kontoen din, åpne lenken i e-posten vi nettopp sendte til %(emailAddress)s.",
+            "email_auth_header": "Sjekk e-posten din for å fortsette",
+            "email_resend_prompt": "Har du ikke mottatt den? <a>Send den på nytt</a>",
+            "email_resent": "Sendt på nytt!",
+            "fallback_button": "Begynn autentisering",
+            "mas_cross_signing_reset_cta": "Gå til kontoen din",
+            "mas_cross_signing_reset_description": "Tilbakestill identiteten din gjennom kontoleverandøren din, og kom deretter tilbake og klikk \"Prøv på nytt\".",
+            "mas_cross_signing_reset_title": "Gå til kontoen din for å tilbakestille identiteten din",
+            "msisdn": "En SMS har blitt sendt til %(msisdn)s",
+            "msisdn_token_incorrect": "Sjetongen er feil",
+            "msisdn_token_prompt": "Vennligst skriv inn koden den inneholder:",
+            "password_prompt": "Bekreft identiteten din ved å skrive inn kontopassordet ditt nedenfor.",
+            "recaptcha_missing_params": "Mangler captcha offentlig nøkkel i hjemmeserverens konfigurasjon. Vennligst rapporter dette til hjemmeserveradministratoren.",
+            "registration_token_label": "Registreringstoken",
+            "registration_token_prompt": "Skriv inn et registreringstoken som du har fått fra hjemmeserveradministratoren.",
+            "sso_body": "Befrekt denne e-postadressen ved å bruke Single Sign On for å bevise din identitet.",
+            "sso_failed": "Noe gikk galt med å bekrefte identiteten din. Avbryt og prøv igjen.",
+            "sso_postauth_body": "Klikk på knappen nedenfor for å bekrefte identiteten din.",
+            "sso_postauth_title": "Bekreft for å fortsette",
+            "sso_preauth_body": "For å fortsette, bruk Single Sign On for å bevise identiteten din.",
+            "sso_title": "Bruk Single Sign On for å fortsette",
+            "terms": "Vennligst gjennomgå og godta retningslinjene til denne hjemmeserveren:",
+            "terms_invalid": "Vennligst gjennomgå og godta alle retningslinjene til hjemmeserveren"
+        },
+        "unsupported_auth": "Denne hjemmeserveren tilbyr ingen påloggingsflyter som støttes av denne klienten.",
+        "unsupported_auth_email": "Denne hjemmeserveren støtter ikke pålogging med e-postadresse.",
+        "unsupported_auth_msisdn": "Denne serveren støtter ikke autentisering med et telefonnummer.",
+        "username_field_required_invalid": "Skriv inn brukernavn",
+        "username_in_use": "Noen har allerede det brukernavnet, prøv et annet.",
+        "verify_email_explainer": "Vi må vite at det er deg før vi kan tilbakestille passordet ditt. Klikk på lenken i e-posten vi nettopp sendte til <b>%(email)s</b>",
+        "verify_email_heading": "Bekreft e-postadressen din for å fortsette"
+    },
+    "bug_reporting": {
+        "additional_context": "Hvis det er ekstra kontekst som kan hjelpe til med å analysere problemet, for eksempel hva du gjorde på tidspunktet, rom-ID-er, bruker-ID-er osv., vennligst ta med disse tingene her.",
+        "before_submitting": "Før du sender inn logger, må du <a> opprette et GitHub-problem </a> for å beskrive problemet ditt.",
+        "collecting_information": "Samler informasjon om appversjon",
+        "collecting_logs": "Samler logger",
+        "create_new_issue": "Vennligst <newIssueLink>opprett et nytt problem</newIssueLink> på GitHub slik at vi kan undersøke denne feilen.",
+        "description": "Feilsøkingslogger inneholder data om applikasjonsbruk, inkludert brukernavnet ditt, ID-ene eller aliasene til rommene du har besøkt, hvilke brukergrensesnittelementer du sist interagerte med, og brukernavnene til andre brukere. De inneholder ikke meldinger.",
+        "download_logs": "Last ned logger",
+        "downloading_logs": "Laster ned logger",
+        "error_empty": "Fortell oss hva som gikk galt, eller bedre, opprett et GitHub-problem som beskriver problemet.",
+        "failed_download_logs": "Kunne ikke laste ned feilsøkingslogger: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Feilrapporten din ble avvist. Rageshake-serveren støtter ikke denne applikasjonen.",
+            "rejected_generic": "Feilrapporten din ble avvist. Rageshake-serveren avviste innholdet i rapporten på grunn av en policy.",
+            "rejected_recovery_key": "Feilrapporten din ble avvist av sikkerhetsgrunner, da den inneholdt en gjenopprettingsnøkkel.",
+            "rejected_version": "Feilrapporten din ble avvist fordi versjonen du kjører er for gammel.",
+            "server_unknown_error": "Det oppstod en ukjent feil på rageshake-serveren, og rapporten kunne ikke håndteres.",
+            "unknown_error": "Kunne ikke sende logger."
+        },
+        "github_issue": "Github-saksrapport",
+        "introduction": "Hvis du har sendt inn en feil via GitHub, kan feilsøkingslogger hjelpe oss med å spore opp problemet. ",
+        "log_request": "For å hjelpe oss med å forhindre dette i fremtiden, vennligst <a>send oss loggfiler</a>.",
+        "logs_sent": "Loggbøkene ble sendt",
+        "matrix_security_issue": "For å rapportere inn et Matrix-relatert sikkerhetsproblem, vennligst less Matrix.org sine <a>Retningslinjer for sikkerhetspublisering</a>.",
+        "preparing_download": "Forbereder nedlasting av logger",
+        "preparing_logs": "Forbereder sending av logger",
+        "send_logs": "Send loggbøker",
+        "submit_debug_logs": "Send inn avlusingsloggbøker",
+        "textarea_label": "Merknader",
+        "thank_you": "Tusen takk!",
+        "title": "Feilrapportering",
+        "unsupported_browser": "En påminnelse: Nettleseren din støttes ikke, så opplevelsen din kan være uforutsigbar.",
+        "uploading_logs": "Laste opp logger",
+        "waiting_for_server": "Venter på svar fra serveren"
+    },
+    "cannot_invite_without_identity_server": "Det er ikke mulig å invitere bruker via e-post uten en identitetsserver. Du kan koble til en under «Innstillinger».",
+    "cannot_reach_homeserver": "Kan ikke nå hjemmeserver",
+    "cannot_reach_homeserver_detail": "Sjekk at du har en stabil internettforbindelse, eller ta kontakt med serveradministratoren",
+    "cant_load_page": "Klarte ikke å laste inn siden",
+    "chat_card_back_action_label": "Tilbake til chat",
+    "chat_effects": {
+        "confetti_description": "Sender den gitte meldingen med konfetti",
+        "confetti_message": "sender konfetti",
+        "fireworks_description": "Sender den gitte meldingen med fyrverkeri",
+        "fireworks_message": "sender fyrverkeri",
+        "hearts_description": "Sender den gitte meldingen med hjerter",
+        "hearts_message": "sender hjerter",
+        "rainfall_description": "Sender den gitte meldingen med regnvær",
+        "rainfall_message": "sender nedbør",
+        "snowfall_description": "Sender den gitte meldingen med snøfall",
+        "snowfall_message": "sender snøfall",
+        "spaceinvaders_description": "Sender den gitte meldingen med en spaceinvaders effekt",
+        "spaceinvaders_message": "sender space invaders"
+    },
+    "common": {
+        "access_token": "Tilgangstoken",
+        "accessibility": "Tilgjengelighet",
+        "advanced": "Avansert",
+        "all_chats": "Alle chatter",
+        "analytics": "Statistikk",
+        "and_n_others": {
+            "one": "og en annen...",
+            "other": "og %(count)s andre..."
+        },
+        "appearance": "Utseende",
+        "application": "Applikasjon",
+        "are_you_sure": "Er du sikker?",
+        "attachment": "Vedlegg",
+        "authentication": "Autentisering",
+        "avatar": "Profilbilde",
+        "beta": "Beta",
+        "camera": "Kamera",
+        "cameras": "Kameraer",
+        "cancel": "Avbryt",
+        "capabilities": "Evner",
+        "copied": "Kopiert!",
+        "credits": "Takk til",
+        "dark": "Mørk",
+        "description": "Beskrivelse",
+        "deselect_all": "Fravelg alle",
+        "device": "Enhet",
+        "edited": "redigert",
+        "email_address": "E-postadresse",
+        "emoji": "Emoji",
+        "encrypted": "Kryptert",
+        "error": "Feil",
+        "faq": "Ofte Stilte Spørsmål",
+        "feedback": "Tilbakemelding",
+        "filter_results": "Filtrerresultater",
+        "forward_message": "Videresend melding",
+        "general": "Generelt",
+        "go_to_settings": "Gå til Innstillinger",
+        "guest": "Gjest",
+        "help": "Hjelp",
+        "home": "Hjem",
+        "homeserver": "Hjemmeserver",
+        "identity_server": "Identitetstjener",
+        "image": "Bilde",
+        "integration_manager": "Integreringsbehandler",
+        "joined": "Ble med",
+        "labs": "Laboratoriet",
+        "legal": "Juridisk",
+        "light": "Lys",
+        "loading": "Laster inn …",
+        "location": "Lokasjon",
+        "matrix": "Matrix",
+        "message": "Melding",
+        "message_layout": "Meldingsoppsett",
+        "message_timestamp_invalid": "Ugyldig tidsstempel",
+        "microphone": "Mikrofon",
+        "moderation_and_safety": "Moderasjon og sikkerhet",
+        "modern": "Moderne",
+        "mute": "Demp",
+        "n_members": {
+            "one": "%(count)s medlem",
+            "other": "%(count)s medlemmer"
+        },
+        "n_rooms": {
+            "one": "%(count)s rom",
+            "other": "%(count)s rom"
+        },
+        "name": "Navn",
+        "no_results": "Ingen treff",
+        "no_results_found": "Ingen resultater ble funnet",
+        "not_trusted": "Ikke betrodd",
+        "off": "Av",
+        "offline": "Frakoblet",
+        "on": "På",
+        "options": "Innstillinger",
+        "orphan_rooms": "Andre rom",
+        "password": "Passord",
+        "people": "Folk",
+        "preferences": "Innstillinger",
+        "presence": "Tilstedeværelse",
+        "preview_message": "Hei der. Du er fantastisk!",
+        "privacy": "Personvern",
+        "private": "Privat",
+        "private_room": "Privat rom",
+        "private_space": "Privat område",
+        "profile": "Profil",
+        "public": "Offentlig",
+        "public_room": "Offentlig rom",
+        "public_space": "Offentlig område",
+        "qr_code": "QR-kode",
+        "random": "Tilfeldig",
+        "reactions": "Reaksjoner",
+        "recommended": "Anbefalt",
+        "report_a_bug": "Rapporter en feil",
+        "room": "Rom",
+        "room_name": "Rommets navn",
+        "rooms": "Rom",
+        "save": "Lagre",
+        "saved": "Lagret",
+        "saving": "Lagrer …",
+        "secure_backup": "Sikker backup",
+        "select_all": "Velg alle",
+        "server": "Server",
+        "settings": "Innstillinger",
+        "setup_secure_messages": "Sett opp sikre meldinger",
+        "show_more": "Vis mer",
+        "someone": "Noen",
+        "space": "Område",
+        "spaces": "Områder",
+        "state_encryption_enabled": "Eksperimentell tilstand kryptering aktivert",
+        "sticker": "Klistremerke",
+        "stickerpack": "Klistremerkepakke",
+        "success": "Vellykket",
+        "suggestions": "Forslag",
+        "support": "Brukerstøtte",
+        "theme": "Tema",
+        "thread": "Tråd",
+        "threads": "Tråder",
+        "timeline": "Tidslinje",
+        "unavailable": "ikke tilgjengelig",
+        "unencrypted": "Ukryptert",
+        "unmute": "Opphev demp",
+        "unnamed_room": "Navnløst rom",
+        "unnamed_space": "Ikke navngitt område",
+        "unverified": "Ubekreftet",
+        "updating": "Oppdaterer...",
+        "user": "Bruker",
+        "user_avatar": "Profilbilde",
+        "username": "Brukernavn",
+        "verified": "Verifisert",
+        "version": "Versjon",
+        "video_room": "Videorom",
+        "view_message": "Se melding",
+        "warning": "Advarsel"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Varsle hele rommet",
+            "command_a11y": "Autofullføring av kommandoer",
+            "command_description": "Kommandoer",
+            "emoji_a11y": "Auto-fullfør emojier",
+            "notification_a11y": "Automatisk utfylling av varsler",
+            "notification_description": "Romvarsling",
+            "room_a11y": "Automatisk utfylling av rom",
+            "space_a11y": "Automatisk utfylling av område",
+            "user_a11y": "Automatisk utfylling av bruker",
+            "user_description": "Brukere"
+        },
+        "close_sticker_picker": "Skjul klistremerker",
+        "edit_composer_label": "Rediger meldingen",
+        "format_bold": "Fet",
+        "format_code_block": "Kodefelt",
+        "format_decrease_indent": "Reduser innrykk",
+        "format_increase_indent": "Øk innrykk",
+        "format_inline_code": "Kode",
+        "format_insert_link": "Sett inn lenke",
+        "format_italic": "Kursiv",
+        "format_italics": "Kursiv",
+        "format_link": "Lenke",
+        "format_ordered_list": "Nummerert liste",
+        "format_strikethrough": "Gjennomstreking",
+        "format_underline": "Understrek",
+        "format_unordered_list": "Punktliste",
+        "formatting_toolbar_label": "Formatering",
+        "link_modal": {
+            "link_field_label": "Lenke",
+            "text_field_label": "Tekst",
+            "title_create": "Opprett en lenke",
+            "title_edit": "Rediger lenke"
+        },
+        "mode_plain": "Skjul formatering",
+        "mode_rich_text": "Vis formatering",
+        "no_perms_notice": "Du har ikke tillatelse til å legge ut innlegg i dette rommet",
+        "placeholder": "Send en ukryptert melding …",
+        "placeholder_encrypted": "Send en melding…",
+        "placeholder_reply": "Send et ukryptert svar …",
+        "placeholder_reply_encrypted": "Send et svar …",
+        "placeholder_thread": "Svar på ukryptert tråd…",
+        "placeholder_thread_encrypted": "Svar på tråd...",
+        "poll_button": "Avstemning",
+        "poll_button_no_perms_description": "Du har ikke tillatelse til å starte avstemninger i dette rommet.",
+        "poll_button_no_perms_title": "Tillatelse kreves",
+        "replying_title": "Svarer på",
+        "room_unencrypted": "Meldinger i dette rommet er ikke ende-til-ende krypterte",
+        "room_upgraded_link": "Samtalen fortsetter her.",
+        "room_upgraded_notice": "Dette rommet har blitt erstattet og er ikke lenger aktivt.",
+        "send_button_title": "Send melding",
+        "send_button_voice_message": "Send talemelding",
+        "send_voice_message": "Send talemelding",
+        "stop_voice_message": "Stopp opptaket",
+        "voice_message_button": "Talemelding"
+    },
+    "console_dev_note": "Hvis du vet hva du driver med, Element er åpen kildekode, så sjekk ut GitHub (https://github.com/vector-im/element-web/) og bidra!",
+    "console_scam_warning": "Hvis noen ba deg om å kopiere/lime inn noe her, er det stor sannsynlighet for at du blir svindlet!",
+    "console_wait": "Vent!",
+    "create_room": {
+        "action_create_room": "Opprett rom",
+        "action_create_video_room": "Opprett videorom",
+        "encrypted_video_room_warning": "Du kan ikke deaktivere dette senere. Rommet vil bli kryptert, men det innebygde anropet vil ikke.",
+        "encrypted_warning": "Du kan ikke deaktivere dette senere. Broer og de fleste bot'er fungerer ikke ennå.",
+        "encryption_forced": "Serveren din krever at kryptering er aktivert i private rom.",
+        "encryption_label": "Aktiver start-til-mål-kryptering",
+        "error_title": "Klarte ikke å opprette rommet",
+        "generic_error": "Tjeneren kan være utilgjengelig, overbelastet, eller du fant en feil.",
+        "join_rule_change_notice": "Du kan endre dette når som helst fra rominnstillingene.",
+        "join_rule_invite": "Privat rom (kun for inviterte)",
+        "join_rule_invite_label": "Bare inviterte personer vil kunne finne og bli med i dette rommet.",
+        "join_rule_knock_label": "Alle kan be om å bli med, men administratorer eller moderatorer må gi tilgang. Du kan endre dette senere.",
+        "join_rule_public_label": "Hvem som helst vil kunne finne og bli med i dette rommet.",
+        "join_rule_public_parent_space_label": "Alle vil kunne finne og bli med i dette rommet, ikke bare medlemmer av <SpaceName/>.",
+        "join_rule_restricted": "Standard",
+        "join_rule_restricted_label": "Alle i <SpaceName/> kan bli med.",
+        "name_validation_required": "Vennligst skriv inn et navn for rommet",
+        "room_visibility_label": "Romsynlighet",
+        "state_encrypted_warning": "Aktiverer eksperimentell støtte for kryptering av tilstandshendelser, som skjuler metadata som romnavn og emner fra serveren. Disse metadataene vil også være skjult for personer som blir med i rom senere, og personer med klienter som ikke støtter MSC4362.",
+        "state_encryption_label": "Krypter tilstandshendelser",
+        "title_private_room": "Opprett et privat rom",
+        "title_public_room": "Opprett et offentlig rom",
+        "title_video_room": "Opprett et videorom",
+        "topic_label": "Tema (valgfritt)",
+        "unfederated": "Blokker noen som ikke er en del av%(serverName)s fra noen gang å bli med i dette rommet.",
+        "unfederated_label_default_off": "Du kan aktivere dette hvis rommet bare skal brukes til å samarbeide med interne team på hjemmeserveren. Dette kan ikke endres senere.",
+        "unfederated_label_default_on": "Du kan deaktivere dette hvis rommet skal brukes til å samarbeide med eksterne team som har sine egne hjemmeservere. Dette kan ikke endres senere.",
+        "unsupported_version": "Tjeneren støtter ikke rom versjonen som ble spesifisert."
+    },
+    "create_space": {
+        "add_details_prompt": "Legg til mer detaljer for å gjøre det letter å gjenkjenne.",
+        "add_details_prompt_2": "Du kan endre disse når som helst.",
+        "add_existing_rooms_description": "Velg rom eller samtaler du vil legge til. Dette er bare et område for deg, ingen vil bli informert. Du kan legge til flere senere.",
+        "add_existing_rooms_heading": "Hva vil du organisere?",
+        "address_label": "Adresse",
+        "address_placeholder": "f.eks. my-space",
+        "creating": "Oppretter...",
+        "creating_rooms": "Oppretter rom …",
+        "done_action": "Gå til mitt område",
+        "done_action_first_room": "Gå til mitt første rom",
+        "explainer": "Områder er en ny måte å gruppere rom og mennesker på. Hva slags område vil du skape? Du kan endre dette senere.",
+        "failed_create_initial_rooms": "Kan ikke opprette innledende område rom",
+        "failed_invite_users": "Kunne ikke invitere følgende brukere til området ditt: %(csvUsers)s",
+        "invite_teammates_by_username": "Inviter etter brukernavn",
+        "invite_teammates_description": "Sørg for at de riktige personene har tilgang. Du kan invitere flere senere.",
+        "invite_teammates_heading": "Inviter teammedlemmene dine",
+        "inviting_users": "Inviterer...",
+        "label": "Opprett et område",
+        "name_required": "Vennligst skriv inn et navn for området",
+        "personal_space": "Bare meg selv",
+        "personal_space_description": "Et privat område for å organisere rommene dine",
+        "private_description": "Kun for inviterte, best for deg selv eller team",
+        "private_heading": "Ditt private område",
+        "private_only_heading": "Ditt område",
+        "private_personal_description": "Sørg for at de riktige personene har tilgang til %(name)s",
+        "private_personal_heading": "Hvem jobber du med?",
+        "private_space": "Meg og mine teammedlemmer",
+        "private_space_description": "Et privat område for deg og dine teammedlemmer",
+        "public_description": "Åpent område for alle, best for lokalsamfunn",
+        "public_heading": "Ditt offentlige område",
+        "search_public_button": "Søk etter offentlige områder",
+        "setup_rooms_community_description": "La oss opprette et rom for hver av dem.",
+        "setup_rooms_community_heading": "Hva er noen ting du ønsker å diskutere i%(spaceName)s ?",
+        "setup_rooms_description": "Du kan legge til flere senere også, inkludert allerede eksisterende.",
+        "setup_rooms_private_description": "Vi oppretter rom for hver av dem.",
+        "setup_rooms_private_heading": "Hvilke prosjekter jobber teamet ditt med?",
+        "share_description": "Det er bare deg for øyeblikket, det blir enda bedre med andre.",
+        "share_heading": "Del %(name)s",
+        "skip_action": "Hopp over for nå",
+        "subspace_adding": "Legger til...",
+        "subspace_beta_notice": "Legg til et område i et område du administrerer.",
+        "subspace_dropdown_title": "Opprett et område",
+        "subspace_existing_space_prompt": "Vil du legge til en eksisterende område i stedet?",
+        "subspace_join_rule_invite_description": "Bare personer som er invitert vil kunne finne og bli med i dette området.",
+        "subspace_join_rule_invite_only": "Privat <b>område</b> (kun invitasjon)",
+        "subspace_join_rule_label": "Synlighet for område",
+        "subspace_join_rule_public_description": "Hvem som helst vil kunne finne og bli med i dette området, ikke bare medlemmer av <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Hvem som helst i<SpaceName/> vil kunne finne og bli med."
+    },
+    "credits": {
+        "default_cover_photo": "<photo>Standard forsidebilde </photo> er © av<author> Jesús Roncero </author>og brukt under vilkårene i CC-BY-SA 4.0. <terms> </terms>.",
+        "twemoji": "Emoji-grafikken <twemoji>Twemoji</twemoji> er © av <author>Twitter, Inc og andre bidragsytere</author> og brukt under vilkårene i <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "Fonten <colr>twemoji-colr</colr> er © <author>Mozilla Foundation</author> kan brukes under vilkårene i <terms>Apache 2.0</terms>."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Er du sikker på at du vil takke nei til invitasjonen om å bli med i \"%(roomName)s\"?",
+        "ignore_user_help": "Du vil ikke se noen meldinger eller rominvitasjoner fra denne brukeren.",
+        "reason_description": "Beskriv årsaken for å rapportere rommet.",
+        "report_room_description": "Rapporter dette rommet til din kontoleverandør.",
+        "title": "Avvis invitasjon"
+    },
+    "desktop_default_device_name": "%(brand)sSkrivebordet: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Aktive moduler",
+        "category_other": "Andre",
+        "category_room": "Rom",
+        "caution_colon": "Advarsel:",
+        "client_versions": "Klientversjoner",
+        "crypto": {
+            "4s_public_key_in_account_data": "i kontodata",
+            "4s_public_key_not_in_account_data": "ikke funnet",
+            "4s_public_key_status": "Offentlig nøkkel for hemmelig lagring:",
+            "backup_key_cached": "bufret lokalt",
+            "backup_key_cached_status": "Sikkerhetskopieringsnøkkel bufret:",
+            "backup_key_not_stored": "ikke lagret",
+            "backup_key_stored": "i hemmelig lagring",
+            "backup_key_stored_status": "Sikkerhetskopinøkkel lagret:",
+            "backup_key_unexpected_type": "uventet type",
+            "backup_key_well_formed": "godt utformet",
+            "cross_signing": "Krysssignering",
+            "cross_signing_cached": "bufret lokalt",
+            "cross_signing_not_ready": "Krysssignering er ikke satt opp.",
+            "cross_signing_private_keys_in_storage": "i hemmelig lagring",
+            "cross_signing_private_keys_in_storage_status": "Krysssignering av private nøkler:",
+            "cross_signing_private_keys_not_in_storage": "ikke funnet lagret",
+            "cross_signing_public_keys_on_device": "i minnet",
+            "cross_signing_public_keys_on_device_status": "Krysssignering av offentlige nøkler:",
+            "cross_signing_ready": "Krysssignering er klar til bruk.",
+            "cross_signing_status": "Status for krysssignering:",
+            "cross_signing_untrusted": "Kontoen din har en krysssigneringsidentitet i hemmelig lagring, men den er ennå ikke klarert av denne sesjonen.",
+            "crypto_not_available": "Kryptografisk modul er ikke tilgjengelig",
+            "device_id": "Enhets-ID",
+            "key_backup_active_version": "Aktiv sikkerhetskopiversion:",
+            "key_backup_active_version_none": "Ingen",
+            "key_backup_inactive_warning": "Nøklene dine blir ikke sikkerhetskopiert fra denne sesjonen.",
+            "key_backup_latest_version": "Siste sikkerhetskopi på serveren:",
+            "key_storage": "Oppbevaring av nøkler",
+            "master_private_key_cached_status": "Master privat nøkkel:",
+            "not_found": "ikke funnet",
+            "not_found_locally": "ikke funnet lokalt",
+            "secret_storage_not_ready": "ikke klar",
+            "secret_storage_ready": "klar",
+            "secret_storage_status": "Hemmelig lagringsplass:",
+            "self_signing_private_key_cached_status": "Selvsignert privat nøkkel:",
+            "session": "Sesjon",
+            "session_fingerprint": "Fingeravtrykk (sesjonsnøkkel)",
+            "title": "Ende-til-ende-kryptering",
+            "user_signing_private_key_cached_status": "Brukersignert privat nøkkel:"
+        },
+        "developer_mode": "Utviklermodus",
+        "developer_tools": "Utviklerverktøy",
+        "device_dehydrated_no": "Dehydrert: Nei",
+        "device_dehydrated_yes": "Dehydrert: Ja",
+        "device_id": "Enhets-ID: %(deviceId)s",
+        "device_keys": "Enhetsnøkler",
+        "device_verification_status": {
+            "signed_by_owner": "Verifiseringsstatus: <E2EIcon /> Signert av eier",
+            "unknown": "Verifiseringsstatus: Ukjent",
+            "unverified": "Verifiseringsstatus: <E2EIcon /> Ikke signert av eieren",
+            "verified": "Verifiseringsstatus: <E2EIcon /> Verifisert ved krysssignering"
+        },
+        "devices": "Kryptografiske enheter (%(count)s)",
+        "edit_setting": "Rediger innstilling",
+        "edit_values": "Rediger verdier",
+        "empty_string": "<empty string>",
+        "event_content": "Hendelsesinnhold",
+        "event_id": "Hendelses-ID: %(eventId)s",
+        "event_sent": "Hendelse sendt!",
+        "event_type": "Hendelsestype",
+        "explore_account_data": "Utforsk kontodata",
+        "explore_room_account_data": "Utforsk romkontodata",
+        "explore_room_state": "Utforsk romtilstand",
+        "failed_to_find_widget": "Det oppsto en feil ved å finne denne widgeten.",
+        "failed_to_load": "Kunne ikke laste inn.",
+        "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",
+        "low_bandwidth_mode_description": "Krever kompatibel hjemmeserver.",
+        "main_timeline": "Hovedtidslinje",
+        "manual_device_verification": "Manuell enhetsverifisering",
+        "no_receipt_found": "Ingen kvittering funnet",
+        "notification_state": "Varslingsstatus er <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Feilsøking av varsler",
+        "number_of_users": "Antall brukere",
+        "only_joined_members": "Kun registrerte brukere",
+        "original_event_source": "Opprinnelig hendelseskilde",
+        "restore_from_backup": "Gjenopprett fra sikkerhetskopi",
+        "room_encrypted": "Rommet er <strong> kryptert ✅ </strong>",
+        "room_id": "Rom-ID: %(roomId)s",
+        "room_not_encrypted": "Rommet er <strong>ikke kryptert 🚨</strong>",
+        "room_notifications_dot": "Punkt: ",
+        "room_notifications_highlight": "Høydepunkt: ",
+        "room_notifications_last_event": "Siste begivenhet:",
+        "room_notifications_sender": "Avsender: ",
+        "room_notifications_thread_id": "Tråd-ID: ",
+        "room_notifications_total": "Totalt: ",
+        "room_notifications_type": "Type: ",
+        "room_status": "Romstatus",
+        "room_unread_status_count": {
+            "one": "Rom ulest status: <strong>%(status)s</strong>, antall: <strong>%(count)s</strong>",
+            "other": "Rom ulest status: <strong>%(status)s</strong>, antall: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Lagre innstillingsverdier",
+        "see_history": "Se historikk",
+        "send_custom_account_data_event": "Send egendefinert kontodatahendelse",
+        "send_custom_room_account_data_event": "Send egendefinert romkontodatahendelse",
+        "send_custom_state_event": "Send egendefinert tilstandshendelse",
+        "send_custom_timeline_event": "Send egendefinert tidslinjehendelse",
+        "server_info": "Serverinformasjon",
+        "server_versions": "Serverversjoner",
+        "settable_global": "Kan settes på global",
+        "settable_room": "Kan stilles inn på rommet",
+        "setting_colon": "Innstilling:",
+        "setting_definition": "Innstillingsdefinisjon:",
+        "setting_id": "Innstillings-ID",
+        "settings": {
+            "elementCallUrl": "Element Call URL"
+        },
+        "settings_explorer": "Utforsker for innstillinger",
+        "show_empty_content_events": "Vis hendelser med tomt innhold",
+        "show_hidden_events": "Vis skjulte hendelser i tidslinjen",
+        "spaces": {
+            "one": "<space>",
+            "other": "<%(count)s områder>"
+        },
+        "state_key": "Tilstandsnøkkel",
+        "thread_root_id": "Trådens rot-ID: %(threadRootId)s",
+        "threads_timeline": "Tidslinje for tråder",
+        "title": "Utviklerverktøy",
+        "toolbox": "Verktøykasse",
+        "use_at_own_risk": "Dette brukergrensesnittet kontrollerer IKKE verditypene. Bruk på egen risiko.",
+        "user_avatar": "Avatar: %(avatar)s",
+        "user_displayname": "Visningsnavn: %(displayname)s",
+        "user_id": "Bruker-ID: %(userId)s",
+        "user_no_avatar": "Avatar: <i>Ingen</i>",
+        "user_no_displayname": "Visningsnavn: <i>Ingen</i>",
+        "user_read_up_to": "Brukeren har lest opp til: ",
+        "user_read_up_to_ignore_synthetic": "Bruker leste opp til (ignoreSynthetic): ",
+        "user_read_up_to_private": "Bruker leste opp til (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Bruker leste opp til (m.read.private; ignoreSyntetisk): ",
+        "user_room_membership": "Medlemskap: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Verifiseringsstatus: <E2EIcon /> Uverifisert, og identiteten er endret",
+            "unverified": "Verifiseringsstatus: <E2EIcon /> Uverifisert",
+            "verified": "Verifiseringsstatus: <E2EIcon /> Verifisert",
+            "was_verified": "Verifiseringsstatus: <E2EIcon /> Har vært verifisert, men identiteten er endret"
+        },
+        "users": "Brukere",
+        "value": "Verdi",
+        "value_colon": "Verdi:",
+        "value_in_this_room": "Verdi i dette rommet",
+        "value_this_room_colon": "Verdi i dette rommet:",
+        "values_explicit": "Verdier på eksplisitte nivåer",
+        "values_explicit_colon": "Verdier på eksplisitte nivåer:",
+        "values_explicit_room": "Verdier på eksplisitte nivåer i dette rommet",
+        "values_explicit_this_room_colon": "Verdier på eksplisitte nivåer i dette rommet:",
+        "view_servers_in_room": "Vis servere i rommet",
+        "view_source_decrypted_event_source": "Dekryptert hendelseskilde",
+        "view_source_decrypted_event_source_unavailable": "Dekryptert kilde utilgjengelig",
+        "widget_screenshots": "Aktiver widgetskjermbilder på støttede widgets"
+    },
+    "dialog_close_label": "Lukk dialog",
+    "download_completed": "Nedlasting fullført",
+    "empty_room": "Tomt rom",
+    "empty_room_was_name": "Tomt rom (var %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Hvis du har en sikkerhetsnøkkel eller en sikkerhetsfrase, vil dette også fungere.",
+            "key_validation_text": {
+                "wrong_security_key": "Gjenopprettingsnøkkelen du skrev inn er ikke riktig."
+            },
+            "privacy_warning": "Sørg for at ingen kan se denne skjermen!",
+            "restoring": "Gjenoppretter nøkler fra sikkerhetskopi",
+            "security_key_label": "Gjenopprettingsnøkkel",
+            "security_key_title": "Skriv inn din gjenopprettingsnøkkel"
+        },
+        "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",
+        "cross_signing_user_normal": "Du har ikke bekreftet denne brukeren.",
+        "cross_signing_user_verified": "Du har bekreftet denne brukeren. Denne brukeren har bekreftet alle sesjonene sine.",
+        "cross_signing_user_warning": "Denne brukeren har ikke bekreftet alle sesjonene sine.",
+        "enter_recovery_key": "Skriv inn gjenopprettingsnøkkel",
+        "event_shield_reason_authenticity_not_guaranteed": "Autentisiteten av denne krypterte meldingen kan ikke garanteres på denne enheten.",
+        "event_shield_reason_mismatched_sender": "Avsenderen av hendelsen samsvarer ikke med eieren av enheten som sendte den.",
+        "event_shield_reason_mismatched_sender_key": "Kryptert av en uverifisert sesjon",
+        "event_shield_reason_unknown_device": "Kryptert av en ukjent eller slettet enhet.",
+        "event_shield_reason_unsigned_device": "Kryptert med en enhet som ikke er verifisert av eieren.",
+        "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.",
+        "key_storage_out_of_sync_description": "Bekreft gjenopprettingsnøkkelen for å opprettholde tilgang til nøkkellagring og meldingshistorikk.",
+        "messages_not_secure": {
+            "cause_1": "Hjemmeserveren din",
+            "cause_2": "Hjemmeserveren brukeren du bekrefter er koblet til",
+            "cause_3": "Din, eller de andre brukernes internettforbindelse",
+            "cause_4": "Din eller de andre brukernes sesjon",
+            "heading": "Ett av følgende kan være kompromittert:",
+            "title": "Dine meldinger er ikke sikre"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "En ny sikkerhetsfrase og nøkkel for sikre meldinger er oppdaget.",
+            "description_2": "Denne sesjonen krypterer historikken ved hjelp av den nye gjenopprettingsmetoden.",
+            "title": "Ny gjenopprettingsmetode",
+            "warning": "Hvis du ikke har angitt den nye gjenopprettingsmetoden, kan det hende at en hacker prøver å få tilgang til kontoen din. Du må øyeblikkelig endre passordet for kontoen din og angi en ny gjenopprettingsmetode i Innstillinger."
+        },
+        "pinned_identity_changed": "%(displayName)ss (<b>%(userId)s</b>) identitet ser ut til å ha endret seg. <a>Finn ut mer</a>",
+        "pinned_identity_changed_no_displayname": "<b>%(userId)s</b>s identitet ble tilbakestilt. <a>Finn ut mer</a>",
+        "recovery_method_removed": {
+            "description_1": "Denne sesjonen har oppdaget at din sikkerhetsfrase og nøkkelen for sikre meldinger har blitt fjernet.",
+            "description_2": "Hvis du gjorde dette ved et uhell, kan du konfigurere sikre meldinger på denne økten som vil kryptere denne øktens meldingshistorikk på nytt med en ny gjenopprettingsmetode.",
+            "title": "Gjenopprettingsmetode fjernet",
+            "warning": "Hvis det ikke var deg som fjernet gjenopprettingsmetoden, kan det være en hacker som prøver å få tilgang til kontoen din. Bytt passordet for kontoen din og angi en ny gjenopprettingsmetode øyeblikkelig i Innstillinger."
+        },
+        "set_up_recovery": "Sett opp gjenoppretting",
+        "set_up_recovery_toast_description": "Generer en gjenopprettingsnøkkel som kan brukes til å gjenopprette den krypterte meldingshistorikken i tilfelle du mister tilgangen til enhetene dine.",
+        "set_up_toast_title": "Sett opp sikker sikkerhetskopiering",
+        "turn_on_key_storage": "Slå på nøkkeloppbevaring",
+        "turn_on_key_storage_description": "Lagre din kryptografiske identitet og nøkler til meldinger sikkert på serveren. Dette gjør at du kan se historikken for meldinger på alle nye enheter.",
+        "unable_to_setup_keys_error": "Kan ikke sette opp nøkler",
+        "verification": {
+            "accepting": "Aksepterer …",
+            "after_new_login": {
+                "device_verified": "Enhet verifisert",
+                "skip_verification": "Hopp over verifisering for nå",
+                "verify_this_device": "Verifiser denne enheten"
+            },
+            "cancelled_verification": "Enten gikk forespørselen ut på tid, ble forespørselen avslått, eller var det en uoverensstemmelse i verifiseringen.",
+            "cancelling": "Avbryter …",
+            "cant_confirm": "Kan du ikke bekrefte?",
+            "complete_action": "Skjønner",
+            "complete_description": "Du har vellykket verifisert denne brukeren.",
+            "complete_title": "Verifisert!",
+            "confirm_identity_description": "Verifiser denne enheten for å konfigurere sikker meldingsutveksling",
+            "confirm_identity_title": "Bekreft identiteten din",
+            "confirm_the_emojis": "Bekreft at emojiene nedenfor samsvarer med de som vises på den andre enheten din.",
+            "error_starting_description": "Vi kunne ikke starte en chat med den andre brukeren.",
+            "error_starting_title": "Feil ved start av bekreftelse",
+            "explainer": "Sikre meldinger med denne brukeren er ende-til-ende-kryptert og kan ikke leses av tredjeparter.",
+            "in_person": "For å være sikker, gjør dette personlig eller bruk en pålitelig måte å kommunisere på.",
+            "incoming_sas_device_dialog_text_1": "Bekreft denne enheten for å merke den som klarert. Å stole på denne enheten gir deg og andre brukere ekstra trygghet når du bruker ende-til-ende-krypterte meldinger.",
+            "incoming_sas_device_dialog_text_2": "Bekreftelse av denne enheten vil markere den som klarert, og brukere som har bekreftet med deg, vil stole på denne enheten.",
+            "incoming_sas_dialog_title": "Innkommende verifikasjonsforespørsel",
+            "incoming_sas_dialog_waiting": "Venter på at partneren skal bekrefte...",
+            "incoming_sas_user_dialog_text_1": "Bekreft denne brukeren for å markere dem som klarerte. Tillit til brukere gir deg ekstra trygghet når du bruker ende-til-ende-krypterte meldinger.",
+            "incoming_sas_user_dialog_text_2": "Bekreftelse av denne brukeren vil markere økten som klarert, og også merke økten din som klarert for dem.",
+            "manual": {
+                "already_verified": "Denne enheten er allerede verifisert",
+                "already_verified_and_wrong_fingerprint": "Det medfølgende fingeravtrykket stemmer ikke overens, men enheten er allerede verifisert!",
+                "device_id": "Enhets-ID",
+                "failure_description": "Kunne ikke verifisere '%(deviceId)s': %(error)s",
+                "failure_title": "Verifisering mislyktes",
+                "fingerprint": "Fingeravtrykk (sesjonsnøkkel)",
+                "no_crypto": "Kan ikke verifisere enheten - krypto er ikke aktivert",
+                "no_device": "Kunne ikke verifisere enheten - enheten '%(deviceId)s' ble ikke funnet",
+                "no_userid": "Kan ikke verifisere enheten - finner ikke bruker-ID",
+                "success_description": "Enheten (%(deviceId)s) er nå krysssignert",
+                "success_title": "Verifiseringen var vellykket",
+                "text": "Oppgi ID-en og fingeravtrykket til en av dine egne enheter for å verifisere det. MERK at dette lar den andre enheten sende og motta meldinger som deg. HVIS NOEN HAR FORTALT DEG BARE Å LIME INN NOE HER, ER DET SANNSYNLIGVIS AT DU BLIR SVINDLET!",
+                "wrong_fingerprint": "Kan ikke verifisere enheten %(deviceId)s &#39;- det medfølgende fingeravtrykket&#39;%(fingerprint)s «samsvarer ikke med enhetens fingeravtrykk»%(fprint)s &#39;"
+            },
+            "no_support_qr_emoji": "Enheten du prøver å bekrefte støtter ikke skanning av en QR-kode eller emoji-verifikasjon, som er det som %(brand)s støtter. Prøv med en annen klient.",
+            "now_you_can": "Nå kan du lese eller sende meldinger på en sikker måte, og alle du chatter med kan også stole på denne enheten.",
+            "once_accepted_can_continue": "Når du er godkjent, kan du fortsette med verifiseringen.",
+            "other_party_cancelled": "Den andre parten kansellerte verifiseringen.",
+            "prompt_encrypted": "Bekreft alle brukere i et rom for å sikre at det er sikkert.",
+            "prompt_unencrypted": "Bekreft alle brukere i krypterte rom for å sikre at det er sikkert.",
+            "qr_or_sas": "%(qrCode)s eller %(emojiCompare)s",
+            "qr_prompt": "Skann denne unike koden",
+            "qr_reciprocate_check_again_device": "Sjekk igjen på den andre enheten din for å fullføre verifiseringen.",
+            "qr_reciprocate_no": "Nei, jeg ser ikke et grønt skjold.",
+            "qr_reciprocate_same_shield_user": "Nesten der! Viser %(displayName)s det samme skjoldet?",
+            "qr_reciprocate_yes": "Ja, jeg ser et grønt skjold.",
+            "request_toast_accept_user": "Verifiser bruker",
+            "request_toast_decline_counter": "Ignorer (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s fra %(ip)s",
+            "request_toast_start_verification": "Start verifisering",
+            "sas_caption_self": "Bekreft denne enheten ved å bekrefte at følgende nummer vises på skjermen.",
+            "sas_caption_user": "Bekreft denne brukeren ved å bekrefte at følgende nummer vises på skjermen.",
+            "sas_description": "Sammenlign et unikt sett med emojier hvis du ikke har et kamera på noen av enhetene",
+            "sas_emoji_caption_user": "Bekreft denne brukeren ved å bekrefte at følgende emoji vises på skjermen.",
+            "sas_match": "De samsvarer",
+            "sas_no_match": "De samsvarer ikke",
+            "sas_prompt": "Sammenlign unike emojier",
+            "scan_qr": "Verifiser med skanning",
+            "scan_qr_explainer": "Be %(displayName)s om å skanne koden:",
+            "start_button": "Begynn verifisering",
+            "successful_user": "Du har vellykket verifisert %(displayName)s!",
+            "unsupported_method": "Kan ikke finne en støttet bekreftelsesmetode.",
+            "unverified_session_toast_accept": "Ja, det var meg",
+            "unverified_session_toast_title": "En ny pålogging. Var det deg?",
+            "unverified_sessions_toast_description": "Se gjennom for å sikre at kontoen din er trygg",
+            "unverified_sessions_toast_reject": "Senere",
+            "unverified_sessions_toast_title": "Du har ubekreftede økter",
+            "use_another_device": "Bruk en annen enhet",
+            "use_recovery_key": "Bruk gjenopprettingsnøkkel",
+            "verification_dialog_title_choose": "Velg hvordan du vil verifisere",
+            "verification_dialog_title_compare_emojis": "Sammenlign emojier",
+            "verification_dialog_title_confirm_green_shield": "Bekreft at du ser et grønt skjold på den andre enheten din.",
+            "verification_dialog_title_device": "Bekreft annen enhet",
+            "verification_dialog_title_failed": "Verifiseringen mislyktes",
+            "verification_dialog_title_start_on_other_device": "Start verifiseringen på den andre enheten",
+            "verification_dialog_title_user": "Verifiseringsforespørsel",
+            "verification_dialog_title_verified": "Enhet verifisert",
+            "verification_skip_warning": "Uten verifisering vil du ikke ha tilgang til alle meldingene dine, og du kan fremstå som upålitelig for andre.",
+            "verification_success_with_backup": "Den nye enheten din er nå bekreftet. Den har tilgang til dine krypterte meldinger, og andre brukere vil se det som klarert.",
+            "verification_success_without_backup": "Den nye enheten din er nå bekreftet. Andre brukere vil se det som pålitelig.",
+            "verify_by_completing_one_of": "Verifiser ved å fullføre ett av følgende:",
+            "verify_emoji": "Verifiser med emoji",
+            "verify_emoji_prompt": "Bekreft ved å sammenligne unike emoji.",
+            "verify_emoji_prompt_qr": "Hvis du ikke kan skanne koden ovenfor, bekreft ved å sammenligne unike emoji.",
+            "verify_later": "Jeg bekrefter senere",
+            "waiting_for_user_accept": "Venter på at %(displayName)s skal akseptere …",
+            "waiting_other_device": "Venter på at du skal bekrefte på den andre enheten din...",
+            "waiting_other_device_details": "Venter på at du skal bekrefte på den andre enheten din, %(deviceName)s (%(deviceId)s)...",
+            "waiting_other_user": "Venter på at %(displayName)s skal bekrefte..."
+        },
+        "verification_requested_toast_title": "Verifisering ble forespurt",
+        "verified_identity_changed": "%(displayName)ss (<b>%(userId)s</b>) verifiserte identitet ble tilbakestilt. <a>Lær mer </a>",
+        "verified_identity_changed_no_displayname": "<b>%(userId)s</b>'s verifiserte identitet ble tilbakestilt. <a>Lær mer om dette</a>",
+        "verify_toast_description": "Andre brukere kan kanskje mistro den",
+        "verify_toast_title": "Verifiser denne økten",
+        "withdraw_verification_action": "Trekk tilbake verifisering"
+    },
+    "error": {
+        "admin_contact": "Venligst ta <a> kontakt med tjenesteadministratoren din </a> for å fortsette å bruke denne tjenesten.",
+        "admin_contact_short": "Kontakt <a>serveradministratoren</a> din.",
+        "app_launch_unexpected_error": "Uventet feil under klargjøring av appen. Se konsollen for detaljer.",
+        "cannot_load_config": "Kunne ikke laste inn konfigurasjonsfilen: Oppdater siden for å prøve på nytt.",
+        "connection": "Det oppstod et problem med å kommunisere med hjemmeserveren. Prøv igjen senere.",
+        "dialog_description_default": "En feil har oppstått.",
+        "download_media": "Kan ikke laste ned kildemedia, ingen kilde-url ble funnet",
+        "edit_history_unsupported": "Hjemmeserveren din ser ikke ut til å støtte denne funksjonen.",
+        "failed_copy": "Mislyktes i å kopiere",
+        "hs_blocked": "Denne hjemmeserveren har blitt blokkert av dens administrator.",
+        "invalid_configuration_mixed_server": "Ugyldig konfigurasjon: en default_hs_url kan ikke spesifiseres sammen med default_server_name eller default_server_config",
+        "invalid_configuration_no_server": "Ugyldig konfigurasjon: Ingen standardserver angitt.",
+        "invalid_json": "Element-konfigurasjonen din inneholder ugyldig JSON. Rett opp problemet og last inn siden på nytt.",
+        "invalid_json_detail": "Meldingen fra parseren er: %(message)s",
+        "invalid_json_generic": "Ugyldig JSON",
+        "mau": "Denne hjemmeserveren har nådd grensen for månedlige aktive brukere.",
+        "misconfigured": "Din Element er feilkonfigurert",
+        "mixed_content": "Kan ikke koble til hjemmeserveren via HTTP når en HTTPS-URL er i nettleserlinjen. Bruk enten HTTPS eller <a> aktiver usikre skript</a>.",
+        "non_urgent_echo_failure_toast": "Serveren din svarer ikke på noen <a> forespørsler</a>.",
+        "resource_limits": "Denne hjemmeserveren har overskredet en av ressursgrensene.",
+        "session_restore": {
+            "clear_storage_button": "Tøm lagring og logg av",
+            "clear_storage_description": "Logg av og fjern krypteringsnøkler?",
+            "description_1": "Det oppstod en feil da vi prøvde å gjenopprette den forrige økten din.",
+            "description_2": "Hvis du tidligere har brukt en nyere versjon av%(brand)s, kan økten være inkompatibel med denne versjonen. Lukk dette vinduet og gå tilbake til den nyere versjonen.",
+            "description_3": "Å tømme nettleserens lagring kan løse problemet, men vil logge deg av og føre til at kryptert chattelogg blir uleselig.",
+            "title": "Kan ikke gjenopprette sesjonen"
+        },
+        "something_went_wrong": "Noe gikk galt!",
+        "storage_evicted_description_1": "Noen øktdata, inkludert krypterte meldingsnøkler, mangler. Logg av og logg på for å fikse dette, gjenopprette nøkler fra sikkerhetskopien.",
+        "storage_evicted_description_2": "Nettleseren din har sannsynligvis fjernet disse dataene da den fikk lite diskplass.",
+        "storage_evicted_title": "Mangler øktdata",
+        "sync": "Kan ikke koble til hjemmeserveren. Prøver på nytt …",
+        "tls": "Kan ikke koble til hjemmeserveren - sjekk tilkoblingen din, sørg for at <a> hjemmeserverens SSL-sertifikat </a> er klarert, og at en nettleserutvidelse ikke blokkerer forespørsler.",
+        "unknown": "Ukjent feil",
+        "unknown_error_code": "ukjent feilkode",
+        "update_history_visibility": "Kunne ikke endre historikksynligheten",
+        "update_power_level": "Kan ikke endre tilgangsnivå"
+    },
+    "error_app_open_in_another_tab": "Bytt til den andre fanen for å koble til %(brand)s . Denne fanen kan nå lukkes.",
+    "error_app_open_in_another_tab_title": "%(brand)s er koblet til i en annen fane",
+    "error_app_opened_in_another_window": "%(brand)s er åpen i et annet vindu. Klikk \"%(label)s\" for å bruke %(brand)s her og koble fra det andre vinduet.",
+    "error_database_closed_description": {
+        "for_desktop": "Disken din kan være full. Rydd opp litt plass og last inn på nytt.",
+        "for_web": "Hvis du slettet nettleserdata, forventes denne meldingen. %(brand)s kan også være åpen i en annen fane, eller disken din er full. Vennligst rydde opp litt plass og last inn på nytt"
+    },
+    "error_database_closed_title": "%(brand)s sluttet å fungere",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Kan ikke kopiere en lenke til rommet til utklippstavlen.",
+            "title": "Kan ikke kopiere romlenken"
+        },
+        "error_loading_user_profile": "Klarte ikke å laste inn brukerprofilen",
+        "forget_room_failed": "Kunne ikke glemme rommet %(errCode)s"
+    },
+    "error_user_not_logged_in": "Brukeren er ikke logget inn",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Anrop pågår",
+            "user": "%(senderName)s ble med i samtalen",
+            "you": "Du ble med i samtalen"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s avsluttet samtalen",
+            "you": "Du avsluttet samtalen"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s ringer",
+            "dm_send": "Venter på svar",
+            "user": "%(senderName)s startet en samtale",
+            "you": "Du startet en samtale"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s reagerte %(reaction)s på %(message)s",
+            "you": "Du reagerte %(reaction)s på %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Lyd",
+            "file": "Fil",
+            "image": "Bilde",
+            "poll": "Avstemning",
+            "video": "Video"
+        },
+        "preview": "<bold>%(prefix)s: </bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Eksport avbrutt",
+        "cancelled_detail": "Eksporten ble avbrutt",
+        "confirm_stop": "Er du sikker på at du vil stoppe eksporteren av dine data? Hvis du gjør det, må du starte på nytt.",
+        "creating_html": "Oppretter HTML...",
+        "creating_output": "Opprette utdata...",
+        "creator_summary": "%(creatorName)s opprettet dette rommet.",
+        "current_timeline": "Gjeldende tidslinje",
+        "enter_number_between_min_max": "Skriv inn et tall mellom %(min)s og %(max)s",
+        "error_fetching_file": "Feil ved henting av fil",
+        "export_info": "Dette er starten på eksporten av <roomName/>. Eksportert av <exporterDetails/> den %(exportDate)s.",
+        "export_successful": "Eksport vellykket!",
+        "exported_n_events_in_time": {
+            "one": "Eksportert %(count)s hendelse på %(seconds)s sekunder",
+            "other": "Eksporterte %(count)s hendelser på %(seconds)s sekunder"
+        },
+        "exporting_your_data": "Eksportere dataene dine",
+        "fetched_n_events": {
+            "one": "Hentet %(count)s hendelse så langt",
+            "other": "Hentet %(count)s hendelser så langt"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Hentet %(count)s hendelse på %(seconds)ss",
+            "other": "Hentet %(count)s hendelser på %(seconds)ss"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Hentet %(count)s hendelse ut av %(total)s",
+            "other": "Hentet %(count)s hendelser ut av %(total)s"
+        },
+        "fetching_events": "Henter hendelser …",
+        "file_attached": "Fil vedlagt",
+        "format": "Format",
+        "from_the_beginning": "Fra begynnelsen",
+        "generating_zip": "Genererer en ZIP-fil",
+        "html": "HTML",
+        "html_title": "Eksporterte data",
+        "include_attachments": "Inkluder vedlegg",
+        "json": "JSON",
+        "media_omitted": "Media utelatt",
+        "media_omitted_file_size": "Media utelatt - filstørrelsesgrensen er overskredet",
+        "messages": "Meldinger",
+        "next_page": "Neste gruppe meldinger",
+        "num_messages": "Antall meldinger",
+        "num_messages_min_max": "Antall meldinger kan bare være et tall mellom %(min)s og %(max)s",
+        "number_of_messages": "Angi et antall meldinger",
+        "previous_page": "Forrige gruppe meldinger",
+        "processing": "Behandler ...",
+        "processing_event_n": "Behandler hendelse %(number)s ut av %(total)s",
+        "select_option": "Velg fra alternativene nedenfor for å eksportere chatter fra tidslinjen",
+        "size_limit": "Størrelsesgrense",
+        "size_limit_min_max": "Størrelse kan bare være et tall mellom %(min)s MB og %(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Starter eksport...",
+        "successful": "Eksport vellykket",
+        "successful_detail": "Eksporten var vellykket. Finn den i nedlastingsmappen.",
+        "text": "Ren tekst",
+        "title": "Eksporter chat",
+        "topic": "Emne: %(topic)s",
+        "unload_confirm": "Er du sikker på at du vil avslutte eksporten?"
+    },
+    "failed_load_async_component": "Klarte ikke laste! Sjekk nettverstilkoblingen din og prøv igjen.",
+    "feedback": {
+        "can_contact_label": "Dere kan kontakte meg hvis dere har oppfølgingsspørsmål",
+        "comment_label": "Kommentar",
+        "existing_issue_link": "Vennligst se <existingIssuesLink>eksisterende feil på Github</existingIssuesLink> først. Ingen match? <newIssueLink>Start en ny</newIssueLink>.",
+        "may_contact_label": "Dere kan kontakte meg hvis dere vil følge opp eller la meg teste ut kommende ideer",
+        "platform_username": "Plattformen og brukernavnet ditt vil bli notert, slik at vi kan bruke tilbakemeldingene dine så mye som mulig.",
+        "pro_type": "PROTIPS: Hvis du starter en feil, vennligst send inn <debugLogsLink> feilsøke logger</debugLogsLink> for å hjelpe oss med å spore opp problemet.",
+        "send_feedback_action": "Send tilbakemelding",
+        "sent": "Tilbakemelding sendt! Takk, vi setter pris på det!"
+    },
+    "file_panel": {
+        "empty_description": "Legg ved filer fra chat, eller bare dra og slipp dem hvor som helst i et rom.",
+        "empty_heading": "Ingen filer synlige i dette rommet",
+        "guest_note": "Du må <a>registrere deg</a> for å bruke denne funksjonaliteten",
+        "peek_note": "Du må bli med i rommet for å se filene dens"
+    },
+    "forward": {
+        "filter_placeholder": "Søk etter rom eller personer",
+        "message_preview_heading": "Meldingsforhåndsvisning",
+        "no_perms_title": "Du har ikke tillatelse til å gjøre dette",
+        "open_room": "Åpne rom",
+        "send_label": "Send",
+        "sending": "Sender",
+        "sent": "Sendt"
+    },
+    "identity_server": {
+        "change": "Bytt ut identitetstjener",
+        "change_prompt": "Koble fra identitetsserveren <current /> og koble til <new /> i stedet?",
+        "change_server_prompt": "Hvis du ikke ønsker å bruke <server /> til å oppdage og bli oppdaget av eksisterende kontakter som du kjenner, skriv inn en annen identitetstjener nedenfor.",
+        "changed": "Identitetsserveren din har blitt endret",
+        "checking": "Sjekker tjeneren",
+        "description_connected": "Du bruker for øyeblikket <server></server> til å oppdage og bli oppdaget av eksisterende kontakter du kjenner. Du kan endre identitetsserveren din nedenfor.",
+        "description_disconnected": "Du bruker for øyeblikket ikke en identitetsserver. For å oppdage og bli oppdaget av eksisterende kontakter du kjenner, legg til en nedenfor.",
+        "description_optional": "Å bruke en identitetstjener er valgfritt. Dersom du velger å ikke bruke en identitetstjener, vil du ikke kunne oppdages av andre brukere, og du vil ikke kunne invitere andre ut i fra E-postadresse eller telefonnummer.",
+        "disconnect": "Koble fra identitetsserveren",
+        "disconnect_anyway": "Koble fra likevel",
+        "disconnect_offline_warning": "Du bør <b>fjerne personopplysningene dine</b> fra identitetsserveren <idserver /> før du kobler fra. Dessverre er identitetsserveren <idserver /> for øyeblikket frakoblet eller kan ikke nås.",
+        "disconnect_personal_data_warning_1": "Du deler fortsatt <b>dine personopplysninger</b> på identitetsserveren <idserver />.",
+        "disconnect_personal_data_warning_2": "Vi anbefaler at du fjerner e-postadressene og telefonnumrene dine fra identitetsserveren før du kobler fra.",
+        "disconnect_server": "Koble fra identitetsserveren <idserver />?",
+        "disconnect_warning": "Hvis du kobler fra identitetsserveren din, betyr det at du ikke kan oppdages av andre brukere, og du kan ikke invitere andre via e-post eller telefon.",
+        "do_not_use": "Ikke bruk en identitetstjener",
+        "error_connection": "Kunne ikke koble til identitetsserveren",
+        "error_invalid": "Ikke en gyldig identitetsserver (statuskode%(code)s )",
+        "error_invalid_or_terms": "Tjenestevilkårene er ikke akseptert, eller identitetsserveren er ugyldig.",
+        "no_terms": "Identitetsserveren du har valgt, har ingen vilkår for bruk.",
+        "suggestions": "Du burde:",
+        "suggestions_1": "sjekk nettleserens plugins for alt som kan blokkere identitetsserveren (for eksempel Privacy Badger)",
+        "suggestions_2": "kontakt administratorene for identitetsserveren <idserver />",
+        "suggestions_3": "vent og prøv igjen senere",
+        "url": "Identitetstjener (%(server)s)",
+        "url_field_label": "Skriv inn en ny identitetstjener",
+        "url_not_https": "URL-adressen til identitetsserveren må være HTTPS"
+    },
+    "in_space": "I %(spaceName)s.",
+    "in_space1_and_space2": "I rom %(space1Name)s og%(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "I %(spaceName)s og et annet området",
+        "other": "I %(spaceName)s og %(count)s andre områder."
+    },
+    "incompatible_browser": {
+        "continue": "Fortsett uansett",
+        "description": "%(brand)s bruker noen nettleserfunksjoner som ikke er tilgjengelige i din nåværende nettleser. %(detail)s",
+        "detail_can_continue": "Hvis du fortsetter, kan noen funksjoner slutte å fungere, og det er en risiko for at du kan miste data i fremtiden.",
+        "detail_no_continue": "Prøv å oppdatere denne nettleseren hvis du ikke bruker den nyeste versjonen, og prøv igjen.",
+        "learn_more": "Les mer",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "For den beste opplevelsen, bruk<Chrome> Chrome</Chrome> ,<Firefox> Firefox</Firefox> ,<Edge> Edge</Edge> , eller<Safari> Safari</Safari> .",
+        "title": "%(brand)s støtter ikke denne nettleseren",
+        "use_desktop_heading": "Bruk %(brand)s Desktop i stedet",
+        "use_mobile_heading": "Bruk %(brand)s på mobilen i stedet",
+        "use_mobile_heading_after_desktop": "Eller bruk mobilappen vår",
+        "windows_64bit": "Windows (64-bit)",
+        "windows_arm_64bit": "Windows (ARM 64-bit)"
+    },
+    "info_tooltip_title": "Informasjon",
+    "integration_manager": {
+        "connecting": "Kobler til integrasjonsadministrator …",
+        "error_connecting": "Integrasjonsadministratoren er frakoblet, eller den kan ikke nå hjemmeserveren din.",
+        "error_connecting_heading": "Kan ikke koble til integrasjonsadministrator",
+        "explainer": "Integreringsbehandlere mottar oppsettsdata, og kan endre på moduler, sende rominvitasjoner, og bestemme tilgangsnivår på dine vegne.",
+        "manage_title": "Behandle integreringer",
+        "toggle_label": "Aktiver integrasjonsbehandleren",
+        "use_im": "Bruk en integreringsbehandler til å behandle botter, moduler, og klistremerkepakker.",
+        "use_im_default": "Bruk en integreringsbehandler <b>(%(serverName)s)</b> til å behandle botter, moduler, og klistremerkepakker."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Aktiver '%(manageIntegrations)s' i Innstillinger for å gjøre dette.",
+        "disabled_dialog_title": "Integreringer er skrudd av",
+        "impossible_dialog_description": "%(brand)s tillater ikke at du bruker en integrasjonsbehandler til å gjøre dette. Ta kontakt med en administrator.",
+        "impossible_dialog_title": "Integreringer er ikke tillatt"
+    },
+    "invite": {
+        "email_caption": "Inviter gjennom E-post",
+        "email_limit_one": "Invitasjoner via e-post kan bare sendes én om gangen",
+        "email_use_default_is": "Bruk en identitetsserver til å invitere via e-post. <default>Bruk standard (%(defaultIdentityServerName)s) </default> eller administrer i <settings> Innstillinger</settings>.",
+        "email_use_is": "Bruk en identitetsserver til å invitere via e-post. Administreres i <settings> Innstillinger</settings>.",
+        "error_already_invited_room": "Brukeren er allerede invitert til rommet",
+        "error_already_invited_space": "Brukeren er allerede invitert til området",
+        "error_already_joined_room": "Brukeren er allerede i rommet",
+        "error_already_joined_space": "Brukeren er allerede med i området",
+        "error_bad_state": "Brukeren må få utestengelsen opphevet før vedkommende kan inviteres.",
+        "error_dm": "Vi kunne ikke opprette DM-en din.",
+        "error_find_room": "Noe gikk galt med å invitere brukerne.",
+        "error_find_user_description": "Følgende brukere eksisterer kanskje ikke eller er ugyldige, og kan ikke inviteres: %(csvNames)s",
+        "error_find_user_title": "Kunne ikke finne følgende brukere",
+        "error_invite": "Vi kunne ikke invitere disse brukerne. Sjekk av brukerne du vil invitere, og prøv igjen.",
+        "error_permissions_room": "Du har ikke tilgang til å invitere personer til dette rommet.",
+        "error_permissions_space": "Du har ikke tillatelse til å invitere folk til dette området.",
+        "error_profile_undisclosed": "Bruker eksisterer kanskje eller kanskje ikke",
+        "error_transfer_multiple_target": "En samtale kan bare overføres til en enkelt bruker.",
+        "error_unfederated_room": "Dette rommet er uføderert. Du kan ikke invitere personer fra eksterne servere.",
+        "error_unfederated_space": "Dette området er uføderert. Du kan ikke invitere personer fra eksterne servere.",
+        "error_unknown": "Ukjent tjenerfeil",
+        "error_user_not_found": "Brukeren eksisterer ikke",
+        "error_version_unsupported_room": "Brukerens hjemmeserver støtter ikke versjonen av rommet.",
+        "error_version_unsupported_space": "Brukerens hjemmeserver støtter ikke versjonen av området.",
+        "failed_generic": "Operasjon mislyktes",
+        "failed_title": "Klarte ikke invitere",
+        "invalid_address": "Adressen ble ikke gjenkjent",
+        "name_email_mxid_share_room": "Inviter noen ved å bruke navn, e-postadresse, brukernavn (lik <userId/>) eller <a> del dette rommet</a>.",
+        "name_email_mxid_share_space": "Inviter noen ved å bruke navn, e-postadresse, brukernavn (lik <userId/>) eller <a> del dette området</a>.",
+        "name_mxid_share_room": "Inviter noen ved å bruke navnet, brukernavnet (som <userId/>) eller <a>del dette rommet</a>.",
+        "name_mxid_share_space": "Inviter noen ved å bruke navnet sitt, brukernavnet (lik <userId/>) eller <a> dele dette området</a>.",
+        "progress": {
+            "dont_close": "Ikke lukk appen før den er ferdig.",
+            "preparing": "Forbereder invitasjoner..."
+        },
+        "recents_section": "Nylige samtaler",
+        "room_failed_partial": "Vi sendte de andre, men folkene nedenfor kunne ikke inviteres til <RoomName/>",
+        "room_failed_partial_title": "Noen invitasjoner kunne ikke sendes",
+        "room_failed_title": "Kunne ikke invitere brukere til %(roomName)s",
+        "send_link_prompt": "Eller send invitasjonslenke",
+        "start_conversation_name_email_mxid_prompt": "Start en samtale med noen ved å bruke navn, e-postadresse eller brukernavn (som<userId/>).",
+        "start_conversation_name_mxid_prompt": "Start en samtale med noen som bruker navnet eller brukernavnet deres (som<userId/>).",
+        "suggestions_disclaimer": "Noen forslag kan være skjult av personvernhensyn.",
+        "suggestions_disclaimer_prompt": "Hvis du ikke finner den du leter etter, kan du sende dem invitasjonslenken nedenfor.",
+        "suggestions_section": "Nylig direktemeldinger",
+        "to_room": "Inviter til %(roomName)s",
+        "to_space": "Inviter til %(spaceName)s",
+        "transfer_dial_pad_tab": "Nummerpanel",
+        "transfer_user_directory_tab": "Brukerkatalog",
+        "unable_find_profiles_description_default": "Kan ikke finne profiler for Matrix ID-ene som er oppført nedenfor - vil du invitere dem uansett?",
+        "unable_find_profiles_invite_label_default": "Inviter likevel",
+        "unable_find_profiles_invite_never_warn_label_default": "Inviter likevel, og advar meg aldri igjen",
+        "unable_find_profiles_title": "Følgende brukere eksisterer kanskje ikke",
+        "unban_first_title": "Brukeren kan ikke inviteres før utestengelsen er opphevet"
+    },
+    "inviting_user1_and_user2": "Inviterer %(user1)s og %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Inviterer %(user)s og en annen",
+        "other": "Invitere %(user)s og %(count)s andre"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> og en annen",
+        "other": "<Items/> og %(count)s andre"
+    },
+    "keyboard": {
+        "activate_button": "Aktiver valgt knapp",
+        "alt": "Alt",
+        "autocomplete_cancel": "Avbryt autofullføring",
+        "autocomplete_force": "Tving fullført",
+        "autocomplete_navigate_next": "Neste autofullføringsforslag",
+        "autocomplete_navigate_prev": "Forrige forslag til autofullføring",
+        "backspace": "Tilbake",
+        "cancel_reply": "Avbryt å svare på en melding",
+        "category_autocomplete": "Autofullfør",
+        "category_calls": "Samtaler",
+        "category_navigation": "Navigering",
+        "category_room_list": "Romliste",
+        "close_dialog_menu": "Lukk dialogboksen eller kontekstmenyen",
+        "composer_jump_end": "Hopp til slutten av editoren",
+        "composer_jump_start": "Gå til starten av editoren",
+        "composer_navigate_next_history": "Naviger til neste melding i editor historikken",
+        "composer_navigate_prev_history": "Naviger til forrige melding i editor historikken",
+        "composer_new_line": "Ny linje",
+        "composer_redo": "Gjør om redigering",
+        "composer_toggle_bold": "Veksle fet",
+        "composer_toggle_code_block": "Slå kodeblokk av/på",
+        "composer_toggle_italics": "Veksle kursiv",
+        "composer_toggle_link": "Slå av/på kobling",
+        "composer_toggle_quote": "Veksle siteringsformat",
+        "composer_undo": "Angre redigering",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Avføy lesekvitteringen og hopp ned til bunnen",
+        "end": "Slutt",
+        "enter": "Send",
+        "escape": "Esc",
+        "go_home_view": "Gå til Hjemvisning",
+        "home": "Hjem",
+        "jump_first_message": "Gå til første melding",
+        "jump_last_message": "Gå til siste melding",
+        "jump_room_search": "Gå til romsøk",
+        "jump_to_read_marker": "Gå til eldste uleste melding",
+        "keyboard_shortcuts_tab": "Åpne denne innstillingsfanen",
+        "navigate_next_history": "Neste nylig besøkte rom eller område",
+        "navigate_next_message_edit": "Naviger til neste melding for å redigere",
+        "navigate_prev_history": "Tidligere nylig besøkte rom eller område",
+        "navigate_prev_message_edit": "Naviger til forrige melding for å redigere",
+        "next_landmark": "Gå til neste landemerke",
+        "next_room": "Neste rom eller DM",
+        "next_unread_room": "Neste uleste rom eller DM",
+        "number": "[nummer]",
+        "open_user_settings": "Åpne brukerinnstillinger",
+        "page_down": "Side ned",
+        "page_up": "Side opp",
+        "prev_landmark": "Gå til forrige landemerke",
+        "prev_room": "Forrige rom eller DM",
+        "prev_unread_room": "Forrige ulest rom eller DM",
+        "room_list_collapse_section": "Skjul romlistedelen",
+        "room_list_expand_section": "Utvid romlistedelen",
+        "room_list_navigate_down": "Naviger ned i romlisten",
+        "room_list_navigate_up": "Naviger opp i romlisten",
+        "room_list_select_room": "Velg rom fra romlisten",
+        "save": "Lagre",
+        "scroll_down_timeline": "Rull ned i tidslinjen",
+        "scroll_up_timeline": "Rull opp i tidslinjen",
+        "search": "Søk (må være aktivert)",
+        "send_sticker": "Send et klistremerke",
+        "shift": "Shift",
+        "space": "Mellomrom",
+        "switch_to_space": "Bytt til område etter nummer",
+        "toggle_hidden_events": "Slå skjult hendelsessynlighet av/på",
+        "toggle_microphone_mute": "Slå av/på mikrofondemping",
+        "toggle_right_panel": "Slå av/på høyre panel",
+        "toggle_space_panel": "Slå av/på områdepanel",
+        "toggle_top_left_menu": "Slå på menyen øverst til venstre",
+        "toggle_webcam_mute": "Slå webkamera på/av",
+        "upload_file": "Last opp en fil"
+    },
+    "labs": {
+        "ask_to_join": "Aktiver be om å bli med",
+        "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.",
+        "beta_feedback_title": "%(featureName)s Beta-tilbakemeldinger",
+        "beta_section": "Kommende funksjonalitet",
+        "bridge_state": "Vis informasjon om broer i rominnstillinger",
+        "bridge_state_channel": "Kanal: <channelLink/>",
+        "bridge_state_creator": "Denne broen ble levert av <user />.",
+        "bridge_state_manager": "Denne broen administreres av <user />.",
+        "bridge_state_workspace": "Arbeidsområde: <networkLink/>",
+        "click_for_info": "Klikk for mer info",
+        "currently_experimental": "For tiden eksperimentell.",
+        "custom_themes": "Støtte for å legge til tilpassede temaer",
+        "dynamic_room_predecessors": "Dynamiske romforgjengere",
+        "dynamic_room_predecessors_description": "Aktiver MSC3946 (for å støtte sent ankomne romarkiver)",
+        "element_call_video_rooms": "Element Call videorom",
+        "encrypted_state_events": "Krypterte tilstandshendelser (MSC4362)",
+        "encrypted_state_events_description": "Aktiverer eksperimentell støtte for kryptering av tilstands hendelser, som skjuler metadata som rom navn og temaer fra serveren. Disse metadataene vil også være skjult for personer som blir med i rom senere, og personer med klient er som ikke støtter MSC4362.",
+        "exclude_insecure_devices": "Ekskluder usikre enheter når du sender/mottar meldinger",
+        "exclude_insecure_devices_description": "Når denne modusen er aktivert, deles ikke krypterte meldinger med ubekreftede enheter, og meldinger fra ubekreftede enheter vises som en feilmelding. Merk at hvis du aktiverer denne modusen, kan det hende at du ikke kan kommunisere med brukere som ikke har verifisert enhetene sine.",
+        "experimental_description": "Er du litt vågal? Prøv ut de nyeste ideene våre under utvikling. Disse funksjonene er ikke ferdigutviklet; de kan være ustabile, endres eller droppes helt. <a>Finn ut mer</a>.",
+        "experimental_section": "Tidlige forhåndsvisninger",
+        "extended_profiles_msc_support": "Krever at serveren din støtter MSC4133",
+        "feature_disable_call_per_sender_encryption": "Deaktiver kryptering per avsender for Element Call",
+        "feature_wysiwyg_composer_description": "Bruk rik tekst i stedet for Markdown i meldingsskriveren.",
+        "group_developer": "Utvikler",
+        "group_encryption": "Kryptering",
+        "group_experimental": "Eksperimentelt",
+        "group_messaging": "Meldinger",
+        "group_moderation": "Moderering",
+        "group_profile": "Profil",
+        "group_rooms": "Rom",
+        "group_spaces": "Områder",
+        "group_themes": "Temaer",
+        "group_threads": "Tråder",
+        "group_ui": "Brukergrensesnitt",
+        "group_voip": "Stemme og video",
+        "group_widgets": "Komponenter",
+        "hidebold": "Skjul varslingspunkt (bare vise tellemerker)",
+        "join_beta": "Bli med i betaen",
+        "join_beta_reload": "Hvis du blir med i betaen, lastes %(brand)s på nytt.",
+        "jump_to_date": "Gå til dato (legger til/jumptodate og hopp til datooverskrifter)",
+        "jump_to_date_msc_support": "Krever at serveren din støtter MSC3030",
+        "latex_maths": "Gjengi LaTeX-matematikk i meldinger",
+        "leave_beta": "Forlat betaen",
+        "leave_beta_reload": "Hvis du forlater betaen, lastes %(brand)s på nytt.",
+        "location_share_live": "Posisjonsdeling i sanntid",
+        "location_share_live_description": "Midlertidig implementering. Plasseringer beholdes i romhistorikken.",
+        "mjolnir": "Nye måter å ignorere folk på",
+        "msc3531_hide_messages_pending_moderation": "La moderatorer skjule meldinger i påvente av moderering.",
+        "notification_settings": "Nye varslingsinnstillinger",
+        "notification_settings_beta_caption": "Vi introduserer en enklere måte å endre varslingsinnstillingene dine på. Tilpass %(brand)s, akkurat slik du vil.",
+        "notification_settings_beta_title": "Innstillinger for varsler",
+        "notifications": "Aktiver varslingspanelet i romoverskriften",
+        "render_reaction_images": "Gjengi egendefinerte bilder i reaksjoner",
+        "render_reaction_images_description": "Noen ganger omtalt som \"egendefinerte emojier\".",
+        "sliding_sync": "Sliding Sync modus",
+        "sliding_sync_description": "Under aktiv utvikling, kan ikke deaktiveres.",
+        "sliding_sync_disabled_notice": "Logg ut og inn igjen for å deaktivere",
+        "sliding_sync_server_no_support": "Serveren din mangler støtte",
+        "unrealiable_e2e": "Upålitelig i krypterte rom",
+        "video_rooms": "Videorom",
+        "video_rooms_a_new_way_to_chat": "En ny måte å chatte over tale og video i %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Videorom er VoIP-kanaler som alltid er på, og som er innebygd i et rom på %(brand)s.",
+        "video_rooms_beta": "Videorom er betafunksjonalitet",
+        "video_rooms_faq1_answer": "Bruk \"+\"-knappen i romdelen av venstre panel.",
+        "video_rooms_faq1_question": "Hvordan kan jeg opprette et videorom?",
+        "video_rooms_faq2_answer": "Ja, tidslinjen for chatten vises ved siden av videoen.",
+        "video_rooms_faq2_question": "Kan jeg bruke tekstchat ved siden av videosamtalen?",
+        "video_rooms_feedbackSubheading": "Takk for at du har prøver betaen, og vær så snill å gå inn i så mange detaljer som mulig, slik at vi kan forbedre den.",
+        "wysiwyg_composer": "Redigeringsprogram for rik tekst"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Disse innstillingene er ment for avanserte brukere.",
+        "ban_reason": "Ignorert/Blokkert",
+        "error_adding_ignore": "Feil ved å legge til ignorert bruker/server",
+        "error_adding_list_description": "Bekreft rom-ID eller adresse, og prøv på nytt.",
+        "error_adding_list_title": "Feil ved abonnement på liste",
+        "error_removing_ignore": "Feil ved fjerning av ignorert bruker/server",
+        "error_removing_list_description": "Prøv på nytt, eller se konsollen for tips.",
+        "error_removing_list_title": "Feil ved avmelding fra listen",
+        "explainer_1": "Legg til brukere og servere du vil ignorere her. Bruk stjerner for å få %(brand)s til å samsvare med alle tegn. For eksempel vil <code>@bot:*</code> ignorere alle brukere som har navnet 'bot' på en hvilken som helst server.",
+        "explainer_2": "Ignorering av personer gjøres ved hjelp av utestengelseslister som inneholder regler for hvem som skal utestenges. Hvis du abonnerer på en utestengelsesliste, vil brukerne/serverne som er blokkert av denne listen, være skjult for deg.",
+        "lists": "Du abonnerer for øyeblikket på:",
+        "lists_description_1": "Å abonnere på en utestengelsesliste vil føre til at du blir med på den!",
+        "lists_description_2": "Hvis dette ikke er det du ønsker, bruk et annet verktøy for å ignorere brukere.",
+        "lists_heading": "Abonnerte lister",
+        "lists_new_label": "Rom-ID eller adressen til utestengelseslisten",
+        "no_lists": "Du er ikke abonnert på noen lister",
+        "personal_description": "Din personlige utestengelsesliste inneholder alle brukerne/serverne du personlig ikke vil se meldinger fra. Etter å ha ignorert din første bruker/server, vil et nytt rom dukke opp i romlisten din kalt '%(myBanList)s' - bli i dette rommet for å holde utestengelseslisten i kraft.",
+        "personal_empty": "Du har ikke ignorert noen.",
+        "personal_heading": "Personlig utestengelsesliste",
+        "personal_new_label": "Tjener- eller bruker-ID-en som skal ignoreres",
+        "personal_new_placeholder": "f.eks.: @bot:* eller example.org",
+        "personal_section": "Du ignorerer for øyeblikket:",
+        "room_name": "Min bannlysningsliste",
+        "room_topic": "Dette er listen over brukere/servere du har blokkert - ikke forlat rommet!",
+        "rules_empty": "Ingen",
+        "rules_server": "Tjenerregler",
+        "rules_title": "Regler for utestengelsesliste - %(roomName)s",
+        "rules_user": "Brukerregler",
+        "something_went_wrong": "Noe gikk galt. Prøv igjen eller se konsollen for tips.",
+        "title": "Ignorerte brukere",
+        "view_rules": "Vis reglene"
+    },
+    "language_dropdown_label": "Språk-nedfallsmeny",
+    "leave_room_dialog": {
+        "last_person_warning": "Du er den eneste personen her. Hvis du forlater rommet, vil ingen kunne bli med i det i fremtiden, inkludert deg.",
+        "leave_room_question": "Er du sikker på at du vil forlate rommet '%(roomName)s'?",
+        "leave_space_question": "Er du sikker på at du vil forlate området '%(spaceName)s'?",
+        "room_leave_admin_warning": "Du er den eneste administratoren i dette rommet. Hvis du forlater rommet, vil ingen kunne endre rominnstillinger eller utføre andre viktige handlinger.",
+        "room_leave_mod_warning": "Du er den eneste moderatoren i dette rommet. Hvis du forlater rommet, vil ingen kunne endre rominnstillinger eller utføre andre viktige handlinger.",
+        "room_rejoin_warning": "Dette rommet er ikke offentlig. Du vil ikke kunne bli med igjen uten en invitasjon.",
+        "space_rejoin_warning": "Dette området er ikke offentlig. Du vil ikke kunne bli med igjen uten en invitasjon."
+    },
+    "lightbox": {
+        "rotate_left": "Roter til venstre",
+        "rotate_right": "Roter til høyre",
+        "title": "Bildevisning"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Denne hjemmeserveren er ikke konfigurert til å vise kart.",
+        "MapStyleUrlNotReachable": "Denne hjemmeserveren er ikke riktig konfigurert til å vise kart, eller den konfigurerte kartserveren kan være utilgjengelig.",
+        "WebGLNotEnabled": "WebGL er nødvendig for å vise kart, aktiver det i nettleserinnstillingene.",
+        "click_drop_pin": "Klikk for å slippe en pin",
+        "click_move_pin": "Klikk for å flytte pin",
+        "close_sidebar": "Lukk sidepanel",
+        "error_fetch_location": "Kunne ikke hente posisjon",
+        "error_no_perms_description": "Du må ha de riktige tillatelsene for å dele posisjon i dette rommet.",
+        "error_no_perms_title": "Du har ikke tillatelse til å dele lokasjoner",
+        "error_send_description": "%(brand)s kunne ikke sende lokasjonen din. Prøv igjen senere.",
+        "error_send_title": "Vi kunne ikke sende lokasjonen din",
+        "error_sharing_live_location": "Det oppstod en feil under deling av live-posisjonen din",
+        "error_stopping_live_location": "Det oppstod en feil mens du stoppet live-posisjonen din",
+        "expand_map": "Utvid kartet",
+        "failed_generic": "Kunne ikke hente posisjonen din. Vennligst prøv igjen senere.",
+        "failed_load_map": "Kan ikke laste inn kartet",
+        "failed_permission": "%(brand)s ble nektet tillatelse til å hente posisjonen din. Tillat posisjonstilgang i nettleserinnstillingene.",
+        "failed_timeout": "Tidsavbrudd for forsøk på å hente posisjonen din. Prøv igjen senere.",
+        "failed_unknown": "Ukjent feil under henting av lokasjon. Prøv igjen senere.",
+        "find_my_location": "Finn min lokasjon",
+        "live_description": "%(displayName)s Live-posisjon",
+        "live_enable_description": "Merk: Dette er en laboratoriefunksjon som bruker en midlertidig implementering. Dette betyr at du ikke vil kunne slette posisjonsloggen din, og avanserte brukere vil kunne se posisjonsloggen din selv etter at du slutter å dele posisjonen din med dette rommet.",
+        "live_enable_heading": "Deling av lokasjon i sanntid",
+        "live_location_active": "Du deler posisjonen din i sanntid",
+        "live_location_enabled": "Live-posisjonering aktivert",
+        "live_location_ended": "Live posisjon avsluttet",
+        "live_location_error": "Feil på direktesendt posisjon",
+        "live_locations_empty": "Ingen live posisjon",
+        "live_share_button": "Del i %(duration)s",
+        "live_toggle_label": "Aktiver deling av posisjoner i sanntid",
+        "live_until": "Live til %(expiryTime)s",
+        "live_update_time": "Oppdatert %(humanizedUpdateTime)s",
+        "loading_live_location": "Laster inn direkte posisjon …",
+        "location_not_available": "Lokasjon er ikke tilgjengelig",
+        "map_feedback": "Tilbakemelding på kart",
+        "mapbox_logo": "Mapbox-logo",
+        "reset_bearing": "Tilbakestill peiling mot nord",
+        "share_button": "Del posisjon",
+        "share_type_live": "Min posisjon i sanntid",
+        "share_type_own": "Min nåværende lokasjon",
+        "share_type_pin": "Slipp en pin",
+        "share_type_prompt": "Hvilken type lokasjon ønsker du å dele?",
+        "toggle_attribution": "Slå av/på attribusjon"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s Medlem",
+            "other": "%(count)s Medlemmer"
+        },
+        "filter_placeholder": "Filtrer rommets medlemmer",
+        "invite_button_no_perms_tooltip": "Du har ikke tillatelse til å invitere brukere",
+        "invited_label": "Invitert",
+        "list_title": "Medlemsliste",
+        "no_matches": "Ingen treff"
+    },
+    "member_list_back_action_label": "Medlemmer av rommet",
+    "message_edit_dialog_title": "Meldingsredigeringer",
+    "migrating_crypto": "Hold deg fast. Vi oppdaterer %(brand)s for å gjøre kryptering raskere og mer pålitelig.",
+    "mobile_guide": {
+        "toast_accept": "Bruk app",
+        "toast_description": "%(brand)s er eksperimentell på en mobil nettleser. For en bedre opplevelse og de nyeste funksjonene, bruk vår gratis app.",
+        "toast_title": "Bruk appen for en bedre opplevelse"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Ingen flere resultater",
+    "notif_panel": {
+        "empty_description": "Du har ingen synlige varsler.",
+        "empty_heading": "Du har lest alt."
+    },
+    "notifications": {
+        "all_messages": "Alle meldinger",
+        "all_messages_description": "Bli varslet for hver melding",
+        "class_global": "Globalt",
+        "class_other": "Andre",
+        "default": "Standard",
+        "email_pusher_app_display_name": "E-postvarsler",
+        "enable_prompt_toast_description": "Aktiver skrivebordsvarsler",
+        "enable_prompt_toast_title": "Varsler",
+        "enable_prompt_toast_title_from_message_send": "Ikke gå glipp av noen svar",
+        "error_change_title": "Endre varslingsinnstillinger",
+        "keyword": "Nøkkelord",
+        "keyword_new": "Nytt nøkkelord",
+        "level_activity": "Aktivitet",
+        "level_highlight": "Fremheve",
+        "level_muted": "Dempet",
+        "level_none": "Ingen",
+        "level_notification": "Varsel",
+        "level_unsent": "Ikke sendt",
+        "mark_all_read": "Merk alle som lest",
+        "mentions_and_keywords": "@mentions & nøkkelord",
+        "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"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s ber om verifisering"
+    },
+    "onboarding": {
+        "create_room": "Opprett en gruppechat",
+        "explore_rooms": "Utforsk offentlige rom",
+        "has_avatar_label": "Flott, det vil hjelp folk å ha tillit til at det er deg",
+        "intro_byline": "Ta eierskap til samtalene dine.",
+        "intro_welcome": "Velkommen til %(appName)s",
+        "no_avatar_label": "Legg til et bilde slik at folk vet at det er deg.",
+        "send_dm": "Send en direktemelding",
+        "welcome_detail": "Nå, la oss hjelpe deg med å komme i gang",
+        "welcome_user": "Velkommen, %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Melding i %(room)s",
+        "permalink_this_room": "Melding fra %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Opprett avstemning",
+        "create_poll_title": "Opprett avstemning",
+        "disclosed_notes": "Deltakerne ser resultatene så snart de har stemt",
+        "edit_poll_title": "Rediger avstemning",
+        "end_description": "Er du sikker på at du vil avslutte denne avstemningen? Dette vil vise de endelige resultatene av avstemningen og hindre folk i å kunne stemme.",
+        "end_message": "Avstemningen er avsluttet. Topp svar: %(topAnswer)s",
+        "end_message_no_votes": "Avstemningen er avsluttet. Ingen stemmer ble avgitt.",
+        "end_title": "Avslutt avstemning",
+        "ended_poll_label": "Avstemningen er avsluttet",
+        "error_ending_description": "Beklager, avstemningen ble ikke avsluttet. Prøv igjen.",
+        "error_ending_title": "Kunne ikke avslutte avstemningen",
+        "error_voting_description": "Beklager, stemmen din ble ikke registrert. Prøv igjen.",
+        "error_voting_title": "Stemme ikke registrert",
+        "failed_send_poll_description": "Beklager, avstemningen du prøvde å opprette ble ikke lagt ut.",
+        "failed_send_poll_title": "Kunne ikke legge ut avstemningen",
+        "notes": "Resultatene avsløres først når du avslutter avstemningen",
+        "option_label": "Alternativ %(number)s, %(answer)s",
+        "option_label_winning_with_total": {
+            "one": "Alternativ %(number)s, %(answer)s, vinnende alternativ, %(count)s stemme",
+            "other": "Alternativ %(number)s, %(answer)s, vinnende alternativ, %(count)s stemmer"
+        },
+        "option_label_with_total": {
+            "one": "Alternativ %(number)s, %(answer)s, %(count)s stemme",
+            "other": "Alternativ %(number)s, %(answer)s, %(count)s stemmer"
+        },
+        "options_add_button": "Legg til alternativ",
+        "options_heading": "Opprett alternativer",
+        "options_label": "Alternativ %(number)s",
+        "options_placeholder": "Skriv et alternativ",
+        "poll_label": "Avstemning",
+        "topic_heading": "Hva er avstemningsspørsmålet eller emnet ditt?",
+        "topic_label": "Spørsmål eller emne",
+        "topic_placeholder": "Skriv noe...",
+        "total_decryption_errors": "På grunn av dekrypteringsfeil kan det hende at noen stemmer ikke blir talt opp",
+        "total_n_votes": {
+            "one": "%(count)s avgitte stemme. Stem for å se resultatene",
+            "other": "%(count)s avgitte stemmer. Stem for å se resultatene"
+        },
+        "total_n_votes_voted": {
+            "one": "Basert på %(count)s stemme",
+            "other": "Basert på %(count)s stemmer"
+        },
+        "total_no_votes": "Ingen stemmer avgitt",
+        "total_not_ended": "Resultatene vil være synlige når avstemningen er avsluttet",
+        "type_closed": "Lukket avstemning",
+        "type_heading": "Type avstemning",
+        "type_open": "Åpen avstemning",
+        "unable_edit_description": "Beklager, du kan ikke redigere en meningsmåling etter at det er avgitt stemmer.",
+        "unable_edit_title": "Kan ikke redigere avstemningen"
+    },
+    "power_level": {
+        "admin": "Administrator",
+        "creator": "Eier",
+        "custom": "Egendefinert (%(level)s)",
+        "custom_level": "Tilpasset nivå",
+        "default": "Standard",
+        "label": "Tilgangsnivå",
+        "moderator": "Moderator",
+        "restricted": "Begrenset"
+    },
+    "powered_by_matrix": "Drevet av Matrix",
+    "presence": {
+        "away": "Borte",
+        "busy": "Opptatt",
+        "idle": "Inaktiv",
+        "idle_for": "Inaktiv for %(duration)s",
+        "offline": "Frakoblet",
+        "offline_for": "Frakoblet for %(duration)s",
+        "online": "Tilkoblet",
+        "online_for": "På nett i %(duration)s",
+        "unknown": "Ukjent",
+        "unknown_for": "Ukjent i %(duration)s",
+        "unreachable": "Brukerens server er utilgjengelig"
+    },
+    "quick_settings": {
+        "all_settings": "Alle innstillinger",
+        "sidebar_settings": "Flere alternativer",
+        "title": "Hurtiginnstillinger"
+    },
+    "quit_warning": {
+        "call_in_progress": "Du ser ut til å være i en samtale, er du sikker på at du vil slutte?",
+        "file_upload_in_progress": "Du ser til å laste opp filer, er du sikker på at du vil avslutte?"
+    },
+    "redact": {
+        "confirm_button": "Bekreft fjerning",
+        "confirm_description": "Er du sikker på at du ønsker å fjerne (slette) denne hendelsen?",
+        "confirm_description_state": "Vær oppmerksom på at fjerning av romendringer som dette, kan endre romendringen.",
+        "error": "Du kan ikke slette denne meldingen. (%(code)s)",
+        "ongoing": "Fjerner …",
+        "reason_label": "Årsak (valgfritt)"
+    },
+    "report_content": {
+        "description": "Rapportering av denne meldingen vil sende sin unike 'hendelses-ID' til administratoren av hjemmeserveren din. Hvis meldinger i dette rommet er kryptert, vil ikke hjemmeserveradministratoren kunne lese meldingsteksten eller se noen filer eller bilder.",
+        "hide_messages_from_user": "Sjekk om du vil skjule alle nåværende og fremtidige meldinger fra denne brukeren.",
+        "ignore_user": "Ignorer bruker",
+        "missing_reason": "Vennligst fyll ut hvorfor du rapporterer.",
+        "report_content_to_homeserver": "Rapportere innhold til hjemmeserveradministratoren"
+    },
+    "report_room": {
+        "description": "Rapporter dette rommet til hjemmeserveradministratoren din. Dette vil sende rommets unike ID, men hvis meldinger er kryptert, vil ikke administratoren kunne lese dem eller se delte filer.",
+        "reason_label": "Beskriv årsaken"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Kunne ikke dekryptere %(failedCount)s økter!",
+        "count_of_successfully_restored_keys": "Vellykket gjenoppretting av %(sessionCount)s nøkler",
+        "enter_key_description": "Få tilgang til den sikre meldingsloggen din og konfigurer sikker melding ved å skrive inn sikkerhetsnøkkelen.",
+        "enter_key_title": "Skriv inn gjenopprettingsnøkkel",
+        "enter_phrase_description": "Få tilgang til den sikre meldingsloggen din og sett opp sikre meldinger ved å skrive inn sikkerhetsfrasen.",
+        "enter_phrase_title": "Skriv inn sikkerhetsfrase",
+        "incorrect_security_phrase_dialog": "Sikkerhetskopiering kunne ikke dekrypteres med denne sikkerhetsfrasen: Kontroller at du skrev inn riktig sikkerhetsfrase.",
+        "incorrect_security_phrase_title": "Feil sikkerhetsfrase",
+        "key_backup_warning": "<b>Advarsel</b>: Du bør bare konfigurere sikkerhetskopiering av nøkler fra en pålitelig datamaskin.",
+        "key_fetch_in_progress": "Henter nøkler fra serveren...",
+        "key_forgotten_text": "Hvis du har glemt sikkerhetsnøkkelen, kan du <button> konfigurere nye gjenopprettingsalternativer </button>",
+        "key_is_invalid": "Ikke en gyldig gjenopprettingsnøkkel",
+        "key_is_valid": "Dette ser ut som en gyldig sikkerhetsnøkkel!",
+        "keys_restored_title": "Nøklene ble gjenopprettet",
+        "load_error_content": "Klarte ikke å laste sikkerhetskopi-status",
+        "load_keys_progress": "%(completed)s av %(total)s nøkler gjenopprettet",
+        "no_backup_error": "Ingen sikkerhetskopier ble funnet!",
+        "phrase_forgotten_text": "Hvis du har glemt sikkerhetsfrasen, kan du <button1>bruke sikkerhetsnøkkelen</button1> eller <button2>konfigurere nye gjenopprettingsalternativer</button2>",
+        "recovery_key_mismatch_description": "Sikkerhetskopien kunne ikke dekrypteres med denne gjenopprettingsnøkkelen: Kontroller at du har angitt riktig gjenopprettingsnøkkel.",
+        "recovery_key_mismatch_title": "Manglende samsvar mellom gjenopprettingsnøkler",
+        "restore_failed_error": "Kan ikke gjenopprette sikkerhetskopien"
+    },
+    "right_panel": {
+        "add_integrations": "Legg til utvidelser",
+        "add_topic": "Legg til emne",
+        "extensions_button": "Utvidelser",
+        "extensions_empty_description": "Velg \"%(addIntegrations)s\" for å bla gjennom og legge til utvidelser i dette rommet",
+        "extensions_empty_title": "Øk produktiviteten med flere verktøy, widgets og bots",
+        "files_button": "Filer",
+        "pinned_messages": {
+            "empty_description": "Velg en melding og velg «%(pinAction)s» for å inkludere den her.",
+            "empty_title": "Fest viktige meldinger slik at de er lette å finne igjen",
+            "header": {
+                "one": "1 festet melding",
+                "other": "%(count)s festede meldinger"
+            },
+            "limits": {
+                "other": "Du kan bare feste opptil %(count)s widgets"
+            },
+            "menu": "Åpne meny",
+            "reply_thread": "Svar på en <link> trådmelding </link>",
+            "unpin_all": {
+                "button": "Løsne alle meldinger",
+                "content": "Vær sikker på at du virkelig ønsker å fjerne alle festede meldinger. Denne handlingen kan ikke angres.",
+                "title": "Løsne alle meldinger?"
+            },
+            "view": "Vis i tidslinjen"
+        },
+        "pinned_messages_button": "Festede meldinger",
+        "poll": {
+            "active_heading": "Aktive avstemninger",
+            "empty_active": "Det er ingen aktive avstemninger i dette rommet",
+            "empty_active_load_more": "Det er ingen aktive avstemninger. Last inn flere avstemninger for å se avstemninger for tidligere måneder",
+            "empty_active_load_more_n_days": {
+                "one": "Det er ingen aktive meningsmålinger det siste døgnet. Last inn flere meningsmålinger for å se avstemninger for tidligere måneder",
+                "other": "Det er ingen aktive meningsmålinger for de siste %(count)s dager. Last inn flere meningsmålinger for å se avstemninger for tidligere måneder"
+            },
+            "empty_past": "Det er ingen tidligere avstemninger i dette rommet",
+            "empty_past_load_more": "Det finnes ingen tidligere avstemninger. Last inn flere avstemninger for å se avstemninger for tidligere måneder",
+            "empty_past_load_more_n_days": {
+                "one": "Det er ingen tidligere meningsmålinger for den siste dagen. Last inn flere meningsmålinger for å se avstemninger for tidligere måneder",
+                "other": "Det er ingen tidligere meningsmålinger for de siste %(count)s dager. Last inn flere meningsmålinger for å se avstemninger for tidligere måneder"
+            },
+            "final_result": {
+                "one": "Endelig resultat basert på %(count)s stemme",
+                "other": "Endelig resultat basert på %(count)s stemmer"
+            },
+            "load_more": "Last inn flere avstemninger",
+            "loading": "Laster inn avstemninger",
+            "past_heading": "Tidligere avstemninger",
+            "view_in_timeline": "Se avstemningen i tidslinjen",
+            "view_poll": "Se avstemningen"
+        },
+        "polls_button": "Avstemninger",
+        "room_summary_card": {
+            "title": "Rominfo"
+        },
+        "thread_list": {
+            "context_menu_label": "Trådalternativer"
+        },
+        "video_room_chat": {
+            "title": "Chat"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Denne invitasjonen ble sendt til %(email)s som ikke er knyttet til kontoen din",
+        "3pid_invite_email_not_found_account_room": "Denne invitasjonen %(roomName)s ble sendt til %(email)s som ikke er knyttet til kontoen din",
+        "3pid_invite_error_description": "En feil (%(errcode)s ) ble returnert mens du prøvde å validere invitasjonen din. Du kan prøve å gi denne informasjonen videre til personen som inviterte deg.",
+        "3pid_invite_error_invite_action": "Forsøk å bli med likevel",
+        "3pid_invite_error_invite_subtitle": "Du kan bare bli med med en fungerende invitasjon.",
+        "3pid_invite_error_public_subtitle": "Du kan fortsatt bli med her.",
+        "3pid_invite_error_title": "Noe gikk galt med invitasjonen din.",
+        "3pid_invite_error_title_room": "Noe gikk galt med invitasjonen din til %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Bruk en identitetstjener i Innstillinger for å motta invitasjoner direkte i %(brand)s.",
+        "banned_by": "Du ble utestengt av %(memberName)s",
+        "banned_from_room_by": "Du ble bannlyst fra %(roomName)s av %(memberName)s",
+        "context_menu": {
+            "copy_link": "Kopier romlenke",
+            "favourite": "Favoritt",
+            "forget": "Glem rommet",
+            "low_priority": "Lav prioritet",
+            "mark_read": "Marker som lest",
+            "mark_unread": "Marker som ulest",
+            "notifications_default": "Match standardinnstillingen",
+            "notifications_mute": "Demp rom",
+            "title": "Rominnstillinger",
+            "unfavourite": "Favorittmerket"
+        },
+        "creating_room_text": "Vi oppretter et rom med %(names)s",
+        "dm_invite_action": "Begynn å chatte",
+        "dm_invite_subtitle": "<userName/> ønsker å chatte",
+        "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_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.",
+        "error_join_404_2": "Hvis du vet en romadresse, prøv å bli med gjennom adressen i stedet.",
+        "error_join_404_invite": "Personen som inviterte deg har allerede forlatt, eller serveren deres er frakoblet.",
+        "error_join_404_invite_same_hs": "Personen som inviterte deg har allerede forlatt rommet.",
+        "error_join_connection": "Det oppstod en feil ved å bli med.",
+        "error_join_incompatible_version_1": "Beklager, hjemmeserveren din er for gammel til å delta her.",
+        "error_join_incompatible_version_2": "Vennligst kontakt din hjemmeserveradministrator.",
+        "error_join_title": "Kunne ikke bli med",
+        "error_jump_to_date": "Server returnert %(statusCode)s med feilkode %(errorCode)s",
+        "error_jump_to_date_connection": "Det oppstod en nettverksfeil mens du prøvde å finne og hoppe til den gitte datoen. Hjemmeserveren din kan være nede, eller det var bare et midlertidig problem med internettforbindelsen. Vennligst prøv igjen. Hvis dette fortsetter, vennligst kontakt din hjemmeserveradministrator.",
+        "error_jump_to_date_details": "Feildetaljer",
+        "error_jump_to_date_not_found": "Vi klarte ikke å finne en hendelse som ser fremover fra %(dateString)s. Prøv å velge en tidligere dato.",
+        "error_jump_to_date_send_logs_prompt": "Send inn <debugLogsLink> feilsøkingslogger </debugLogsLink> for å hjelpe oss med å spore opp problemet.",
+        "error_jump_to_date_title": "Kan ikke finne hendelsen på den datoen",
+        "face_pile_summary": {
+            "one": "%(count)s person du kjenner har allerede blitt med",
+            "other": "%(count)s personer du kjenner har allerede blitt med"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Vis 1 medlem",
+            "other": "Vis alle %(count)s medlemmer"
+        },
+        "face_pile_tooltip_shortcut": "Inkludert %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Inkludert deg, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Kan ikke avgjøre hvilken bruker som skal ignoreres siden medlemshendelsen har endret seg.",
+        "failed_reject_invite": "Kunne ikke avvise invitasjonen",
+        "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"
+            },
+            "room_is_public": "Dette rommet er offentlig",
+            "shared_history_tooltip": "Nye medlemmer ser historikk",
+            "world_readable_history_tooltip": "Alle kan se historikken"
+        },
+        "header_avatar_open_settings_label": "Åpne rominnstillinger",
+        "header_face_pile_tooltip": "Personer",
+        "header_untrusted_label": "Ikke betrodd",
+        "inaccessible": "Dette området er ikke tilgjengelig på dette tidspunktet.",
+        "inaccessible_name": "%(roomName)s er ikke tilgjengelig for øyeblikket.",
+        "inaccessible_subtitle_1": "Prøv igjen senere, eller be en områdeadministrator om å sjekke om du har tilgang.",
+        "inaccessible_subtitle_2": "%(errcode)s ble returnert mens du prøvde å få tilgang til rommet eller området. Hvis du tror du ser denne meldingen ved en feil, kan du <issueLink>sende inn en feilrapport</issueLink>.",
+        "intro": {
+            "display_topic": "Emne: <topic/>",
+            "dm_caption": "Bare dere to er i denne samtalen, med mindre noen av dere inviterer noen til å bli med.",
+            "edit_topic": "Emne: <topic/> (<a>rediger</a>)",
+            "enable_encryption_prompt": "Aktiver kryptering i innstillinger.",
+            "encrypted_3pid_dm_pending_join": "Når alle har blitt med, vil du kunne chatte",
+            "no_avatar_label": "Legg til et bilde så folk lettere kan finne rommet ditt.",
+            "no_topic": "<a>Legg til et tema</a> for hjelpe folk å forstå hva dette handler om.",
+            "private_unencrypted_warning": "Dine private meldinger er vanligvis kryptert, men dette rommet er det ikke. Vanligvis skyldes dette at en enhet eller metode som ikke støttes, som e-postinvitasjoner.",
+            "room_invite": "Inviter til bare dette rommet",
+            "send_message_start_dm": "Send din første melding for å invitere <displayName/> til chat",
+            "start_of_dm_history": "Dette er begynnelsen på direktemeldingshistorikken din med <displayName/>.",
+            "start_of_room": "Dette er starten på <roomName/>.",
+            "unencrypted_warning": "Ende-til-ende-kryptering er ikke aktivert",
+            "user_created": "%(displayName)s opprettet dette rommet.",
+            "you_created": "Du opprettet dette rommet."
+        },
+        "invite_email_mismatch_suggestion": "Del denne e-posten i Innstillinger for å motta invitasjoner direkte i %(brand)s.",
+        "invite_sent_to_email": "Denne invitasjonen ble sendt til %(email)s",
+        "invite_sent_to_email_room": "Denne invitasjonen %(roomName)s ble sendt til %(email)s",
+        "invite_subtitle": "<userName/> inviterte deg",
+        "invite_this_room": "Inviter til dette rommet",
+        "invite_title": "Vil du bli med i %(roomName)s?",
+        "inviter_unknown": "Ukjent",
+        "invites_you_text": "<inviter/> inviterer deg",
+        "join_button_account": "Registrer deg",
+        "join_failed_needs_invite": "For å se %(roomName)s, trenger du en invitasjon",
+        "join_the_discussion": "Bli med i diskusjonen",
+        "join_title": "Bli med på rommet for å delta",
+        "join_title_account": "Bli med i samtalen med en konto",
+        "joining": "Blir med …",
+        "joining_room": "Blir med i rommet …",
+        "joining_space": "Bli med i området...",
+        "jump_read_marker": "Gå til første uleste melding.",
+        "jump_to_bottom_button": "Hopp bort til de nyeste meldingene",
+        "kick_reason": "Årsak: %(reason)s",
+        "kicked_by": "Du ble fjernet av %(memberName)s",
+        "kicked_from_room_by": "Du ble fjernet fra %(roomName)s av %(memberName)s",
+        "knock_cancel_action": "Avbryt forespørsel",
+        "knock_denied_subtitle": "Siden du har blitt nektet tilgang, kan du ikke bli med på nytt med mindre du er invitert av administratoren eller moderatoren for gruppen.",
+        "knock_denied_title": "Du har blitt nektet tilgang",
+        "knock_message_field_placeholder": "Melding (valgfritt)",
+        "knock_prompt": "Be om å bli med?",
+        "knock_prompt_name": "Be om å få bli med %(roomName)s?",
+        "knock_send_action": "Be om tilgang",
+        "knock_sent": "Forespørsel om å bli med sendt",
+        "knock_sent_subtitle": "Din forespørsel om å bli med venter.",
+        "knock_subtitle": "Du må få tilgang til dette rommet for å se eller delta i samtalen. Du kan sende en forespørsel om å bli med nedenfor.",
+        "leave_error_title": "En feil oppsto når du prøvde å forlate rommet",
+        "leave_server_notices_description": "Dette rommet brukes til viktige meldinger fra hjemmeserveren, så du kan ikke forlate det.",
+        "leave_server_notices_title": "Kan ikke forlate servermeldingsrommet",
+        "leave_unexpected_error": "Uventet serverfeil ved å prøve å forlate rommet",
+        "link_email_to_receive_3pid_invite": "Koble denne e-posten til kontoen din i Innstillinger for å motta invitasjoner direkte i %(brand)s.",
+        "loading_preview": "Laster forhåndsvisning",
+        "no_peek_join_prompt": "%(roomName)s kan ikke forhåndsvises. Vil du bli med i den?",
+        "no_peek_no_name_join_prompt": "Det er ingen forhåndsvisning, vil du bli med?",
+        "not_found_subtitle": "Er du sikker på at du er på rett sted?",
+        "not_found_title": "Dette rommet eller området eksisterer ikke.",
+        "not_found_title_name": "%(roomName)s eksisterer ikke.",
+        "peek_join_prompt": "Du forhåndsviser %(roomName)s. Vil du bli med?",
+        "pinned_message_banner": {
+            "button_close_list": "Lukk liste",
+            "button_view_all": "Vis alle",
+            "description": "Festede meldinger",
+            "go_to_newest_message": "Se den festede meldingen i tidslinjen og den nyeste festede meldingen her",
+            "go_to_next_message": "Se den festede meldingen i tidslinjen og den nest eldste festede meldingen her",
+            "title": "<bold>%(index)s av %(length)s</bold> festede meldinger"
+        },
+        "read_topic": "Klikk for å lese emnet",
+        "rejecting": "Avviser invitasjon...",
+        "rejoin_button": "Bli med igjen",
+        "room_content": "Rominnhold",
+        "room_is_low_priority": "Dette er et lavt prioritert rom",
+        "search": {
+            "all_rooms_button": "Søk i alle rom",
+            "placeholder": "Søk i meldinger...",
+            "summary": {
+                "one": "1 resultat funnet for \"<query/>\"",
+                "other": "%(count)s resultater funnet for \"<query/>\""
+            },
+            "this_room_button": "Søk i dette rommet"
+        },
+        "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.",
+            "other": "Du har %(count)s uleste varsler i en tidligere versjon av dette rommet."
+        },
+        "upgrade_error_description": "Dobbeltsjekk at serveren støtter romversjonen som er valgt, og prøv igjen.",
+        "upgrade_error_title": "Feil ved oppgradering av rom",
+        "upgrade_warning_bar": "Oppgradering av dette rommet vil stenge den nåværende forekomsten av rommet og opprette et oppgradert rom med samme navn.",
+        "upgrade_warning_bar_admins": "Bare romadministratorer vil se denne advarselen",
+        "upgrade_warning_bar_unstable": "Dette rommet kjører romversjon<roomVersion /> , som denne hjemmetjeneren har merket som<i> ustabil</i> .",
+        "upgrade_warning_bar_upgraded": "Dette rommet har allerede blitt oppgradert.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Laste opp %(filename)s og %(count)s annen",
+                "other": "Laste opp %(filename)s og %(count)s andre"
+            },
+            "uploading_single_file": "Laster opp %(filename)s"
+        },
+        "video_room": "Dette rommet er et videorom",
+        "waiting_for_join_subtitle": "Når inviterte brukere har blitt med i %(brand)s, vil du kunne chatte og rommet vil bli ende-til-ende-kryptert",
+        "waiting_for_join_title": "Venter på at brukerne skal bli med %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Legg til område",
+        "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",
+        "list_title": "Romliste",
+        "more_options": {
+            "leave_room": "Forlat rommet"
+        },
+        "notification_options": "Varselsinnstillinger",
+        "show_less": "Vis mindre"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Bestem hvem som kan se og bli med i %(spaceName)s.",
+            "title": "Tilgang"
+        },
+        "advanced": {
+            "error_upgrade_description": "Romoppgraderingen kunne ikke fullføres",
+            "error_upgrade_title": "Kunne ikke oppgradere rommet",
+            "information_section_room": "Rominformasjon",
+            "information_section_space": "Informasjon om område",
+            "room_id": "Intern rom-ID",
+            "room_predecessor": "Vis eldre meldinger i %(roomName)s.",
+            "room_upgrade_button": "Oppgrader dette rommet til anbefalt romversjon",
+            "room_upgrade_warning": "<b>Advarsel</b>: Hvis du oppgraderer et rom, vil <i>ikke automatisk migrere rommedlemmene til den nye versjonen av rommet.</i> Vi legger ut en lenke til det nye rommet i den gamle versjonen av rommet - rommedlemmene må klikke på denne lenken for å bli med i det nye rommet.",
+            "room_version": "Romversjon:",
+            "room_version_section": "Romversjon",
+            "space_predecessor": "Vis eldre versjon av %(spaceName)s.",
+            "space_upgrade_button": "Oppgrader dette området til den anbefalte romversjonen",
+            "unfederated": "Dette rommet er ikke tilgjengelig fra eksterne Matrix-servere",
+            "upgrade_button": "Oppgrader dette rommet til versjon %(version)s",
+            "upgrade_dialog_description": "Oppgradering av dette rommet krever å stenge den nåværende forekomsten av rommet og opprette et nytt rom i stedet. For å gi rommedlemmene den best mulige opplevelsen, vil vi:",
+            "upgrade_dialog_description_1": "Opprett et nytt rom med samme navn, beskrivelse og avatar",
+            "upgrade_dialog_description_2": "Oppdater eventuelle lokale romalias for å peke på det nye rommet",
+            "upgrade_dialog_description_3": "Stopp brukere fra å snakke i den gamle versjonen av rommet, og legg ut en melding som ber brukerne flytte til det nye rommet",
+            "upgrade_dialog_description_4": "Legg inn en lenke tilbake til det gamle rommet i starten av det nye rommet slik at folk kan finne eldre meldinger",
+            "upgrade_dialog_title": "Oppgrader romversjon",
+            "upgrade_dwarning_ialog_title_public": "Oppgrader offentlig rom",
+            "upgrade_warning_dialog_description": "Oppgradering av et rom er en avansert handling og anbefales vanligvis når et rom er ustabilt på grunn av feil, manglende funksjoner eller sikkerhetssårbarheter.",
+            "upgrade_warning_dialog_explainer": "<b>Vær oppmerksom på at oppgradering vil gjøre en ny versjon av rommet</b> . Alle gjeldende meldinger blir værende i dette arkiverte rommet.",
+            "upgrade_warning_dialog_footer": "Du oppgraderer dette rommet fra <oldVersion /> til <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Inviter automatisk medlemmer fra dette rommet til det nye",
+            "upgrade_warning_dialog_report_bug_prompt": "Dette påvirker vanligvis bare hvordan rommet behandles på serveren. Hvis du har problemer med %(brand)s, vennligst rapporter en feil.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Dette påvirker vanligvis bare hvordan rommet behandles på serveren. Hvis du har problemer med %(brand)s, kan du <a>rapportere en feil</a>.",
+            "upgrade_warning_dialog_title": "Oppgrader rom",
+            "upgrade_warning_dialog_title_private": "Oppgrader privat rom"
+        },
+        "alias_not_specified": "ikke spesifisert",
+        "bridges": {
+            "description": "Dette rommet bygger bro mellom meldinger til følgende plattformer. <a>Lær mer. </a>",
+            "empty": "Dette rommet bygger ikke bro mellom meldinger til noen plattformer. <a>Finn ut mer. </a>",
+            "title": "Broer"
+        },
+        "delete_avatar_label": "Slett profilbilde",
+        "general": {
+            "alias_field_has_domain_invalid": "Manglende domeneseparator, f.eks. (:domain.org)",
+            "alias_field_has_localpart_invalid": "Manglende romnavn eller skilletegn, f.eks. (my-room:domain.org)",
+            "alias_field_matches_invalid": "Denne adressen peker ikke på dette rommet",
+            "alias_field_placeholder_default": "f.eks. mitt-rom",
+            "alias_field_required_invalid": "Vennligst oppgi en adresse",
+            "alias_field_safe_localpart_invalid": "Noen tegn er ikke tillatt",
+            "alias_field_taken_invalid": "Denne adressen hadde ugyldig server eller er allerede i bruk",
+            "alias_field_taken_invalid_domain": "Denne adressen er allerede i bruk",
+            "alias_field_taken_valid": "Denne adressen er allerede i bruk",
+            "alias_heading": "Rommets adresse",
+            "aliases_items_label": "Andre publiserte adresser:",
+            "aliases_no_items_label": "Det er ingen publiserte adresser enda, legg til en nedenfor",
+            "aliases_section": "Rom-adresser",
+            "avatar_field_label": "Rommets avatar",
+            "canonical_alias_field_label": "Hovedadresse",
+            "description_space": "Rediger innstillinger knyttet til området ditt.",
+            "error_creating_alias_description": "Det oppstod en feil ved opprettelsen av adressen. Det kan hende at serveren ikke tillater det, eller at det oppstod en midlertidig feil.",
+            "error_creating_alias_title": "Feil ved oppretting av adresse",
+            "error_deleting_alias_description": "Det oppstod en feil ved fjerning av adressen. Det kan hende at den ikke lenger finnes, eller at det oppstod en midlertidig feil.",
+            "error_deleting_alias_description_forbidden": "Du har ikke tillatelse til å slette adressen.",
+            "error_deleting_alias_title": "Feil ved fjerning av adresse",
+            "error_publishing": "Kan ikke publisere rom",
+            "error_publishing_detail": "Det oppstod en feil ved publisering av dette rommet",
+            "error_save_space_settings": "Kan ikke lagre områdeinnstillinger.",
+            "error_updating_alias_description": "Det oppstod en feil ved oppdatering av rommets alternative adresser. Det kan hende at serveren ikke tillater det, eller at det oppstod en midlertidig feil.",
+            "error_updating_canonical_alias_description": "Det oppstod en feil ved oppdatering av rommets hovedadresse. Det kan hende at serveren ikke tillater det, eller at det oppstod en midlertidig feil.",
+            "error_updating_canonical_alias_title": "Feil ved oppdatering av hovedadresse",
+            "leave_space": "Forlat området",
+            "local_alias_field_label": "Lokal adresse",
+            "local_aliases_explainer_room": "Velg adresser for dette rommet slik at brukere kan finne dette rommet gjennom hjemmeserveren din (%(localDomain)s)",
+            "local_aliases_explainer_space": "Angi adresser for dette området slik at brukerne kan finne denne området gjennom hjemmeserveren (%(localDomain)s)",
+            "local_aliases_section": "Lokale adresser",
+            "name_field_label": "Rommets navn",
+            "new_alias_placeholder": "Ny publisert adresse (f.eks. #alias:tjener)",
+            "no_aliases_room": "Dette rommet har ikke noen lokale adresser",
+            "no_aliases_space": "Dette området har ingen lokale adresser",
+            "other_section": "Andre",
+            "publish_toggle": "Vil du publisere dette rommet til offentligheten i %(domain)s sitt rom-arkiv?",
+            "publish_warn_invite_only": "Du kan ikke publisere et rom som kun er tilgjengelig for inviterte.",
+            "publish_warn_no_canonical_permission": "Du må ha tillatelse til å angi hovedadressen for å publisere dette rommet.",
+            "published_aliases_description": "For å publisere en adresse, må den angis som en lokal adresse først.",
+            "published_aliases_explainer_room": "Publiserte adresser kan brukes av alle, på hvilken som helst server, for å bli med i rommet ditt.",
+            "published_aliases_explainer_space": "Publiserte adresser kan brukes av hvem som helst på hvilken som helst server for å bli med i ditt område.",
+            "published_aliases_section": "Publiserte adresser",
+            "save": "Lagre endringer",
+            "topic_field_label": "Rommets tema"
+        },
+        "notifications": {
+            "browse_button": "Bla",
+            "custom_sound_prompt": "Velg en ny selvvalgt lyd",
+            "notification_sound": "Varslingslyd",
+            "settings_link": "Få varsler som konfigurert i dine <a>innstillinger</a>",
+            "sounds_section": "Lyder",
+            "upload_sound_label": "Last opp egendefinert lyd",
+            "uploaded_sound": "Lastet opp lyd"
+        },
+        "people": {
+            "knock_empty": "Ingen forespørsler",
+            "knock_section": "Ber om å få bli med",
+            "see_less": "Se mindre",
+            "see_more": "Se mer"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Gi en eller flere brukere i dette rommet flere privilegier",
+            "add_privileged_user_filter_placeholder": "Søk etter brukere i dette rommet...",
+            "add_privileged_user_heading": "Legg til privilegerte brukere",
+            "ban": "Bannlys brukere",
+            "ban_reason": "Årsak",
+            "banned_by": "Bannlyst av %(displayName)s",
+            "banned_users_section": "Bannlyste brukere",
+            "error_changing_pl_description": "Det oppstod en feil ved endring av brukerens tilgangsnivå. Forsikre deg om at du har tilstrekkelige tillatelser, og prøv igjen.",
+            "error_changing_pl_reqs_description": "Det oppstod en feil ved endring av rommets tilgangsnivå krav. Forsikre deg om at du har tilstrekkelige tillatelser, og prøv igjen.",
+            "error_changing_pl_reqs_title": "Feil ved endring av tilgangsnivå krav",
+            "error_changing_pl_title": "Feil ved endring av tilgangsnivå",
+            "error_unbanning": "Kunne ikke oppheve utestengelsen",
+            "events_default": "Send meldinger",
+            "invite": "Inviter brukere",
+            "kick": "Fjern brukere",
+            "m.call": "Start %(brand)s samtaler",
+            "m.call.member": "Bli med %(brand)s samtaler",
+            "m.reaction": "Send reaksjoner",
+            "m.room.avatar": "Endre rommets avatar",
+            "m.room.avatar_space": "Endre områdeavatar",
+            "m.room.canonical_alias": "Endre hovedadressen til rommet",
+            "m.room.canonical_alias_space": "Endre hovedadresse for området",
+            "m.room.encryption": "Skru på kryptering av rommet",
+            "m.room.history_visibility": "Endre historikkens synlighet",
+            "m.room.name": "Endre rommets navn",
+            "m.room.name_space": "Endre navn på område",
+            "m.room.pinned_events": "Administrer festede hendelser",
+            "m.room.power_levels": "Endre tillatelser",
+            "m.room.redaction": "Fjern meldinger sendt av meg",
+            "m.room.server_acl": "Endre server ACLer",
+            "m.room.tombstone": "Oppgrader rommet",
+            "m.room.topic": "Endre samtaletema",
+            "m.room.topic_space": "Endre beskrivelse",
+            "m.space.child": "Administrer rom i dette området",
+            "m.widget": "Endre på moduler",
+            "muted_users_section": "Dempede brukere",
+            "no_privileged_users": "Ingen brukere har spesifikke rettigheter i dette rommet",
+            "notifications.room": "Varsle alle",
+            "permissions_section": "Tillatelser",
+            "permissions_section_description_room": "Velg rollene som kreves for å endre på diverse deler av rommet",
+            "permissions_section_description_space": "Velg rollene som kreves for å endre ulike deler av området",
+            "privileged_users_section": "Priviligerte brukere",
+            "redact": "Fjern meldinger sendt av andre",
+            "send_event_type": "Send %(eventType)s-hendelser",
+            "state_default": "Endre innstillinger",
+            "title": "Roller og tillatelser",
+            "users_default": "Forvalgt rolle"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "Du har ikke tillatelse til å endre synligheten av historikken for rommet. Dette er farlig, da det kan gjøre det mulig for brukere som ikke er med i rommet å lese meldinger.",
+                "title": "Kan ikke gjøre rommet privat"
+            },
+            "enable_encryption_confirm_description": "Når kryptering for et rom er aktivert, kan den ikke deaktiveres. Meldinger som sendes i et kryptert rom, kan ikke ses av serveren, bare av deltakerne i rommet. Aktivering av kryptering kan hindre mange boter og broer i å fungere korrekt. <a>Finn ut mer om kryptering.</a>",
+            "enable_encryption_confirm_title": "Vil du skru på kryptering?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Det anbefales ikke å legge til kryptering i offentlige rom. </b>Alle kan finne og bli med i offentlige rom, slik at alle kan lese meldinger i dem. Du får ingen av fordelene med kryptering, og du vil ikke kunne slå den av senere. Kryptering av meldinger i et offentlig rom vil gjøre mottak og sending av meldinger tregere.",
+            "enable_encryption_public_room_confirm_description_2": "For å unngå disse problemene, opprett et <a> nytt kryptert rom </a> for samtalen du planlegger å ha.",
+            "enable_encryption_public_room_confirm_title": "Er du sikker på at du vil legge til kryptering til dette offentlige rommet?",
+            "encrypted_room_public_confirm_description_1": "<b>Det anbefales ikke å gjøre krypterte rom offentlige. </b>Det vil bety at alle kan finne og bli med i rommet, slik at alle kan lese meldinger. Du får ingen av fordelene med kryptering. Kryptering av meldinger i et offentlig rom vil gjøre mottak og sending av meldinger tregere.",
+            "encrypted_room_public_confirm_description_2": "For å unngå disse problemene, opprett et <a>nytt offentlig rom</a> for samtalen du planlegger å ha.",
+            "encrypted_room_public_confirm_title": "Er du sikker på at du vil gjøre dette krypterte rommet offentlig?",
+            "encryption_forced": "Serveren din krever at kryptering er deaktivert.",
+            "encryption_permanent": "Dersom dette først har blitt skrudd på, kan kryptering aldri bli skrudd av.",
+            "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": "Medlemmer siden invitert",
+            "history_visibility_legend": "Hvem kan lese historikken?",
+            "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": "Kun på invitasjon",
+            "join_rule_invite_description": "Bare inviterte personer kan bli med.",
+            "join_rule_knock": "Spør om å få bli med",
+            "join_rule_knock_description": "Folk kan ikke bli med med mindre tilgang er gitt.",
+            "join_rule_public_description": "Alle kan bli med.",
+            "join_rule_restricted": "Områdemedlemmer",
+            "join_rule_restricted_description": "Alle i godkjente rom kan delta uten invitasjon. <a>Administrer rom</a>",
+            "join_rule_restricted_description_active_space": "Alle i <spaceName/> kan bli med.",
+            "join_rule_restricted_description_prompt": "Alle i et område kan bli med.",
+            "join_rule_restricted_description_spaces": "Godkjente områder",
+            "join_rule_restricted_dialog_description": "Områder der medlemmer kan bli med i <RoomName/> uten invitasjon.",
+            "join_rule_restricted_dialog_empty_warning": "Du fjerner alle godkjente områder. Tilgang vil som standard kun være for inviterte",
+            "join_rule_restricted_dialog_filter_placeholder": "Søk etter områder",
+            "join_rule_restricted_dialog_heading_known": "Dine områder som ikke inneholder dette rommet",
+            "join_rule_restricted_dialog_heading_other": "Andre områder du ikke er medlem av",
+            "join_rule_restricted_dialog_heading_room": "Dine områder som inneholder dette rommet",
+            "join_rule_restricted_dialog_heading_space": "Områder du kjenner som inneholder dette området",
+            "join_rule_restricted_dialog_heading_unknown": "Dette er sannsynligvis de andre romadministratorer er en del av.",
+            "join_rule_restricted_dialog_title": "Administrer områder",
+            "join_rule_restricted_n_more": {
+                "one": "& %(count)s mer",
+                "other": "& %(count)s mer"
+            },
+            "join_rule_restricted_summary": {
+                "one": "For øyeblikket er et område godkjent",
+                "other": "For øyeblikket er %(count)s områder godkjent"
+            },
+            "join_rule_restricted_upgrade_description": "Denne oppgraderingen vil gi medlemmer av utvalgte områder tilgang til dette rommet uten invitasjon.",
+            "join_rule_restricted_upgrade_warning": "Dette rommet er i noen områder du ikke er administrator av. I disse områdene vil det gamle rommet fortsatt vises, men folk vil bli bedt om å bli med i det nye.",
+            "join_rule_upgrade_awaiting_room": "Laster inn nytt rom",
+            "join_rule_upgrade_required": "Oppgradering kreves",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Sender invitasjon...",
+                "other": "Sender invitasjoner... (%(progress)s av %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Oppdaterer område...",
+                "other": "Oppdaterer områder... (%(progress)s out of %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Oppgraderer rom",
+            "join_rule_world_readable_description": "Hvis du endrer hvem som kan bli med i rommet, vil det også endre synligheten til fremtidige meldinger.",
+            "public_without_alias_warning": "For å lenke til dette rommet, vennligst legg til en adresse.",
+            "publish_room": "Gjør dette rommet synlig i katalogen for offentlige rom.",
+            "publish_space": "Gjør dette området synlig i katalogen for offentlige rom.",
+            "strict_encryption": "Send bare meldinger til bekreftede brukere.",
+            "title": "Sikkerhet og personvern"
+        },
+        "title": "Rominnstillinger - %(roomName)s",
+        "upload_avatar_label": "Last opp en avatar",
+        "visibility": {
+            "alias_section": "Adresse",
+            "error_failed_save": "Kunne ikke oppdatere innstillingene for dette området",
+            "error_update_guest_access": "Kunne ikke oppdatere gjestetilgangen til dette området",
+            "error_update_history_visibility": "Kunne ikke oppdatere historikkens synlighet for dette området",
+            "guest_access_disabled": "Du har ikke tillatelse til å endre gjestetilgang.",
+            "guest_access_explainer": "Gjester kan delta i et rom uten å ha en konto. Dette kan være nyttig for offentlige rom.",
+            "guest_access_label": "Aktiver gjestetilgang",
+            "history_visibility_anyone_space": "Forhåndsvisning av område",
+            "history_visibility_anyone_space_description": "La folk få en forhåndsvisning av området ditt før de blir med.",
+            "history_visibility_anyone_space_disabled": "Du har ikke tillatelse til å endre historikkens synlighet.",
+            "history_visibility_anyone_space_recommendation": "Anbefales for offentlige områder.",
+            "title": "Sikkerhet og personvern"
+        },
+        "voip": {
+            "call_type_section": "Anropstype",
+            "enable_element_call_caption": "%(brand)s er ende-til-ende-kryptert, men er foreløpig begrenset til et mindre antall brukere.",
+            "enable_element_call_label": "Aktiver %(brand)s som et ekstra anropsalternativ i dette rommet",
+            "enable_element_call_no_permissions_tooltip": "Du har ikke tilstrekkelige rettigheter til å endre dette."
+        }
+    },
+    "room_summary_card_back_action_label": "Rominformasjon",
+    "scalar": {
+        "error_create": "Klarte ikke lage widgeten.",
+        "error_membership": "Du er ikke i dette rommet.",
+        "error_missing_room_id": "Manglende rom-ID.",
+        "error_missing_room_id_request": "Manglende room_id i forespørselen",
+        "error_missing_user_id_request": "Manglende user_id i forespørselen",
+        "error_permission": "Du har ikke tillatelse til å gjøre det i dette rommet.",
+        "error_power_level_invalid": "Tilgangsnivå må være et positivt heltall.",
+        "error_room_not_visible": "Rom %(roomId)s er ikke synlig",
+        "error_room_unknown": "Dette rommet ble ikke gjenkjent.",
+        "error_send_request": "Klarte ikke sende forespørsel.",
+        "failed_read_event": "Kunne ikke lese hendelser",
+        "failed_send_event": "Kunne ikke sende hendelsen"
+    },
+    "server_offline": {
+        "description": "Serveren din svarer ikke på noen av forespørslene dine. Nedenfor er noen av de mest sannsynlige årsakene.",
+        "description_1": "Serveren (%(serverName)s) brukte for lang tid på å svare.",
+        "description_2": "Brannmuren eller antiviruset blokkerer forespørselen.",
+        "description_3": "En nettleserutvidelse forhindrer forespørselen.",
+        "description_4": "Denne tjeneren er offline.",
+        "description_5": "Serveren har avslått forespørselen din.",
+        "description_6": "Området ditt opplever problemer med å koble til internett.",
+        "description_7": "Det oppstod en tilkoblingsfeil mens du forsøkte å kontakte serveren.",
+        "description_8": "Tjeneren er ikke konfigurert til å indikere hva problemet er (CORS).",
+        "empty_timeline": "Du har ikke mer.",
+        "recent_changes_heading": "Nylige endringer som ennå ikke er mottatt",
+        "title": "Serveren svarer ikke"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s krever en tjenestearbeider for å laste inn autentiserte medier fra Matrix-innholdslagre. Dette støttes ikke av nettleseren din, så du kan oppleve at media ikke lastes inn.",
+        "title": "Kunne ikke laste inn servicearbeider"
+    },
+    "seshat": {
+        "error_initialising": "Initialisering av meldingssøk mislyktes, sjekk innstillingene <a> dine </a> for mer informasjon",
+        "reset_button": "Tilbakestill hendelseslageret",
+        "reset_description": "Du vil sannsynligvis ikke tilbakestille hendelsesindeks lageret",
+        "reset_explainer": "Hvis du gjør det, vær oppmerksom på at ingen av meldingene dine blir slettet, men søkeopplevelsen kan bli forringet i noen øyeblikk mens indeksen gjenopprettes",
+        "reset_title": "Tilbakestill hendelseslager?",
+        "warning_kind_files": "Denne versjonen av %(brand)s støtter ikke visning av enkelte krypterte filer",
+        "warning_kind_files_app": "Bruke <a>Desktop-app</a> for å se alle krypterte filer",
+        "warning_kind_search": "Denne versjonen av %(brand)s støtter ikke søk i krypterte meldinger",
+        "warning_kind_search_app": "Bruk <a>Desktop-app</a> for å søke etter krypterte meldinger"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Tilgangstokenet ditt gir full tilgang til kontoen din. Ikke del det med noen.",
+            "brand_version": "'%(brand)s'-versjon:",
+            "clear_cache_reload": "Tøm mellomlageret og last inn siden på nytt",
+            "crypto_version": "Crypto versjon:",
+            "dialog_title": "<strong>Innstillinger: </strong> Hjelp & Om",
+            "help_link": "For å få hjelp til å bruke %(brand)s, klikk <a>her</a>.",
+            "homeserver": "Hjemmeserveren er <code>%(homeserverUrl)s</code>",
+            "identity_server": "Identitetsserveren er <code>%(identityServerUrl)s</code>",
+            "title": "Hjelp/Om",
+            "versions": "Versjoner"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Innstillinger: </strong> Konto",
+            "title": "Konto"
+        },
+        "all_rooms_home": "Vis alle rom i Hjem",
+        "all_rooms_home_description": "Alle rom du er med i, vises i Hjem.",
+        "always_show_message_timestamps": "Alltid vis meldingenes tidsstempler",
+        "appearance": {
+            "bundled_emoji_font": "Bruk medfølgende emoji-skrift",
+            "compact_layout": "Vis kompakt tekst og meldinger",
+            "compact_layout_description": "Moderne layout må velges for å bruke denne funksjonen.",
+            "custom_font": "Bruk en systemskrifttype",
+            "custom_font_description": "Angi navnet på en skrifttype som er installert på systemet ditt, og %(brand)s vil forsøke å bruke den.",
+            "custom_font_name": "Systemskrifttypenavn",
+            "custom_font_size": "Bruk tilpasset størrelse",
+            "custom_theme_add": "Legg til egendefinert tema",
+            "custom_theme_downloading": "Laster ned tilpasset tema...",
+            "custom_theme_error_downloading": "Feil ved nedlasting av tema",
+            "custom_theme_help": "Skriv inn URL-adressen til et egendefinert tema du vil bruke.",
+            "custom_theme_invalid": "Ugyldig temaskjema.",
+            "dialog_title": "<strong>Innstillinger:</strong> Utseende",
+            "font_size": "Skriftstørrelse",
+            "font_size_default": "%(fontSize)s (standard)",
+            "high_contrast": "Høy kontrast",
+            "image_size_default": "Standard",
+            "image_size_large": "Stor",
+            "layout_bubbles": "Meldingsbobler",
+            "layout_irc": "IRC (eksperimentell)",
+            "match_system_theme": "Bind fast til systemtemaet",
+            "timeline_image_size": "Bildestørrelse i tidslinjen"
+        },
+        "automatic_language_detection_syntax_highlight": "Skru på automatisk kodespråkoppdagelse for syntaksfremheving",
+        "autoplay_gifs": "Spill av GIF-er automatisk",
+        "autoplay_videos": "Spill av videoer automatisk",
+        "big_emoji": "Skru på store emojier i chatrom",
+        "code_block_expand_default": "Utvid kodeblokker som standard",
+        "code_block_line_numbers": "Vis linjenumre i kodeblokker",
+        "disable_historical_profile": "Vis gjeldende profilbilde og navn for brukere i meldingsloggen",
+        "discovery": {
+            "title": "Hvordan finne deg"
+        },
+        "emoji_autocomplete": "Skru på emoji-forslag mens du skriver",
+        "enable_markdown": "Aktiver Markdown",
+        "enable_markdown_description": "Start meldinger med <code>/plain</code> for å sende uten markdown.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Kontodetaljer, kontakter, preferanser og chatliste vil bli beholdt",
+                "breadcrumb_page": "Tilbakestill kryptering",
+                "breadcrumb_second_description": "Du mister all meldingshistorikk som bare er lagret på serveren",
+                "breadcrumb_third_description": "Du må bekrefte alle eksisterende enheter og kontakter på nytt",
+                "breadcrumb_title": "Er du sikker på at du vil tilbakestille identiteten din?",
+                "breadcrumb_title_cant_confirm": "Du må tilbakestille identiteten din",
+                "breadcrumb_title_forgot": "Har du glemt gjenopprettingsnøkkelen din? Du må tilbakestille identiteten din.",
+                "breadcrumb_title_sync_failed": "Kunne ikke synkronisere nøkkellageret. Du må tilbakestille identiteten din.",
+                "breadcrumb_warning": "Gjør dette bare hvis du tror at kontoen din har blitt kompromittert.",
+                "details_title": "Krypteringsdetaljer",
+                "do_not_close_warning": "Ikke lukk dette vinduet før tilbakestillingen er fullført",
+                "export_keys": "Eksporter nøkler",
+                "import_keys": "Importer nøkler",
+                "other_people_device_description": "Advarsel: brukere som ikke har bekreftet deg eksplisitt (f.eks. ved hjelp av emoji), vil ikke motta dine krypterte meldinger. Ubekreftede enheter til bekreftede brukere vil heller ikke motta dine krypterte meldinger. Endringene krever at programmet startes på nytt for at de skal tre i kraft.",
+                "other_people_device_label": "I krypterte rom, send kun meldinger til verifiserte brukere",
+                "other_people_device_title": "Andre personers enheter",
+                "reset_identity": "Tilbakestill kryptografisk identitet",
+                "reset_in_progress": "Tilbakestilling pågår...",
+                "session_id": "Sesjons-ID:",
+                "session_key": "Sesjonsnøkkel:",
+                "title": "Avansert"
+            },
+            "confirm_key_storage_off": "Er du sikker på at du vil ha nøkkeloppbevaring skrudd av?",
+            "confirm_key_storage_off_description": "Hvis du logger deg av alle enhetene dine, mister du meldingshistorikken og må bekrefte alle eksisterende kontakter igjen. <a>Lær mer </a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Slett nøkkellagring",
+                "confirm": "Slett nøkkellagring",
+                "description": "Hvis du sletter nøkkellagring, fjernes den kryptografiske identiteten og meldingsnøklene fra serveren og deaktivere følgende sikkerhetsfunksjoner:",
+                "list_first": "Du vil ikke ha kryptert meldingshistorikk på nye enheter",
+                "list_second": "Du vil miste tilgangen til de krypterte meldingene dine hvis du logger av %(brand)s overalt",
+                "title": "Er du sikker på at du vil slå av nøkkellagring og slette den?"
+            },
+            "device_not_verified_button": "Bekreft denne enheten",
+            "device_not_verified_description": "Du må bekrefte denne enheten for å kunne se krypteringsinnstillingene dine.",
+            "device_not_verified_title": "Enhet er ikke verifisert",
+            "dialog_title": "<strong>Innstillinger:</strong> Kryptering",
+            "key_storage": {
+                "allow_key_storage": "Tillat lagring av nøkler",
+                "description": "Lagre din kryptografiske identitet og meldingsnøkler sikkert på serveren. Dette lar deg se meldingsloggen din på alle nye enheter. <a>Lær mer </a>",
+                "title": "Nøkkellager"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Bekreft ny gjenopprettingsnøkkel",
+                "change_recovery_confirm_description": "Skriv inn den nye gjenopprettingsnøkkelen nedenfor for å fullføre. Den gamle vil ikke lenger fungere.",
+                "change_recovery_confirm_title": "Skriv inn den nye gjenopprettingsnøkkelen",
+                "change_recovery_key": "Endre gjenopprettingsnøkkel",
+                "change_recovery_key_description": "",
+                "change_recovery_key_title": "Vil du endre gjenopprettingsnøkkel?",
+                "description": "Gjenopprett din kryptografiske identitet og meldingshistorikk med en gjenopprettingsnøkkel hvis du har mistet alle dine eksisterende enheter.",
+                "enter_key_error": "Gjenopprettingsnøkkelen du skrev inn er ikke riktig.",
+                "enter_recovery_key": "Skriv inn gjenopprettingsnøkkel",
+                "forgot_recovery_key": "Glemt gjenopprettingsnøkkelen?",
+                "key_storage_warning": "Nøkkellagringen din er ikke synkronisert. Klikk på knappen nedenfor for å løse problemet.",
+                "save_key_description": "Ikke del dette med noen!",
+                "save_key_title": "Gjenopprettingsnøkkel",
+                "set_up_recovery": "Konfigurer gjenoppretting",
+                "set_up_recovery_confirm_button": "Fullfør oppsettet",
+                "set_up_recovery_confirm_description": "Skriv inn gjenopprettingsnøkkelen som ble vist på forrige skjermbilde for å fullføre konfigureringen av gjenopprettingen.",
+                "set_up_recovery_confirm_title": "Skriv inn gjenopprettingsnøkkelen din for å bekrefte",
+                "set_up_recovery_description": "Nøkkeloppbevaringen er beskyttet av en gjenopprettingsnøkkel. Hvis du trenger en ny gjenopprettingsnøkkel etter oppsett, kan du opprette den på nytt ved å velge «%(changeRecoveryKeyButton)s».",
+                "set_up_recovery_save_key_description": "Skriv ned denne gjenopprettingsnøkkelen et trygt sted, for eksempel en passordbehandler, et kryptert notat eller en fysisk safe.",
+                "set_up_recovery_save_key_title": "Du bør lagre din gjenopprettingsnøkkelen på et trygt sted",
+                "set_up_recovery_secondary_description": "Etter å ha klikket fortsett, genererer vi en gjenopprettingsnøkkel for deg.",
+                "title": "Gjenoppretting"
+            },
+            "title": "Kryptering"
+        },
+        "general": {
+            "account_management_section": "Kontobehandling",
+            "account_section": "Konto",
+            "add_email_dialog_title": "Legg til E-postadresse",
+            "add_email_failed_verification": "Klarte ikke verifisere e-postadressen: dobbelsjekk at du trykket på lenken i e-posten",
+            "add_email_instructions": "Vi har sendt deg en e-post for å bekrefte adressen din. Følg instruksjonene der, og klikk deretter på knappen nedenfor.",
+            "add_msisdn_confirm_body": "Klikk knappen nedenfor for å bekrefte dette telefonnummeret.",
+            "add_msisdn_confirm_button": "Bekreft tillegging av telefonnummer",
+            "add_msisdn_confirm_sso_button": "Bekreft dette telefonnummeret ved å bruke Single Sign On for å bevise din identitet.",
+            "add_msisdn_dialog_title": "Legg til telefonnummer",
+            "add_msisdn_instructions": "En tekstmelding har blitt sendt til +%(msisdn)s. Vennligst skriv inn bekreftelseskoden den inneholder.",
+            "add_msisdn_misconfigured": "Flyten Legg til / bind med MSISDN er feilkonfigurert",
+            "allow_spellcheck": "Tillat stavekontroll",
+            "application_language": "Applikasjonsspråk",
+            "application_language_reload_hint": "Appen lastes inn på nytt etter å ha valgt et annet språk",
+            "avatar_open_menu": "Åpne avatarmenyen",
+            "avatar_remove_progress": "Fjerner bilde...",
+            "avatar_save_progress": "Laster opp bilde...",
+            "avatar_upload_error_text": "Filformatet støttes ikke, eller bildet er større enn %(size)s.",
+            "avatar_upload_error_text_generic": "Filformatet er kanskje ikke støttet.",
+            "avatar_upload_error_title": "Avatarbildet kunne ikke lastes opp",
+            "confirm_adding_email_body": "Klikk på knappen under for å bekrefte at du vil legge til denne e-postadressen.",
+            "confirm_adding_email_title": "Bekreft tillegging av E-postadresse",
+            "deactivate_confirm_body": "Er du sikker på at du vil deaktivere kontoen din? Dette kan ikke reverseres.",
+            "deactivate_confirm_body_sso": "Bekreft deaktiveringen av kontoen din ved å bruke Single Sign On for å bevise identiteten din.",
+            "deactivate_confirm_content": "Bekreft at du vil deaktivere kontoen din. Hvis du fortsetter:",
+            "deactivate_confirm_content_1": "Du vil ikke kunne aktivere kontoen din på nytt",
+            "deactivate_confirm_content_2": "Du vil ikke lenger kunne logge inn",
+            "deactivate_confirm_content_3": "Ingen vil kunne gjenbruke brukernavnet ditt (MXID), inkludert deg: dette brukernavnet vil forbli utilgjengelig",
+            "deactivate_confirm_content_4": "Du vil forlate alle rom og DM-er du er i",
+            "deactivate_confirm_content_5": "Du blir fjernet fra identitetsserveren: vennene dine vil ikke lenger kunne finne deg med din e-postadresse eller telefonnummer",
+            "deactivate_confirm_content_6": "De gamle meldingene dine vil fortsatt være synlige for folk som har mottatt dem, akkurat som e-poster du har sendt tidligere. Vil du skjule de sendte meldingene dine for personer som blir med i rommene i fremtiden?",
+            "deactivate_confirm_continue": "Bekreft deaktivering av kontoen",
+            "deactivate_confirm_erase_label": "Skjul meldingene mine for nye deltakere",
+            "deactivate_section": "Deaktiver kontoen",
+            "deactivate_warning": "Deaktivering av kontoen din er en permanent handling - vær forsiktig!",
+            "discovery_email_empty": "Oppdagelsesalternativer vises når du har lagt til en e-postkonto.",
+            "discovery_email_verification_instructions": "Verifiser lenken i innboksen din",
+            "discovery_msisdn_empty": "Oppdagelsesalternativer vises når du har lagt til et telefonnummer.",
+            "discovery_needs_terms": "Godkjenn identitetstjenerens (%(serverName)s) brukervilkår, slik at du kan bli oppdaget ut i fra E-postadresse eller telefonnummer.",
+            "discovery_needs_terms_title": "La folk finne deg",
+            "display_name": "Visningsnavn",
+            "display_name_error": "Kan ikke angi visningsnavn",
+            "email_adding_unsupported_by_hs": "Denne hjemmeserveren støtter ikke å legge til flere e-postadresser til kontoen din.",
+            "email_address_in_use": "Denne e-postadressen er allerede i bruk",
+            "email_address_label": "E-postadresse",
+            "email_not_verified": "E-postadressen din er ikke verifisert ennå",
+            "email_verification_instructions": "Klikk på lenken i e-posten du mottok for å verifisere, og klikk deretter på Fortsett igjen.",
+            "emails_heading": "E-postadresser",
+            "error_add_email": "Klarte ikke å legge til E-postadressen",
+            "error_deactivate_communication": "Det oppstod et problem med å kommunisere med serveren. Vennligst prøv igjen.",
+            "error_deactivate_invalid_auth": "Serveren returnerte ikke gyldig autentiseringsinformasjon.",
+            "error_deactivate_no_auth": "Serveren krevde ingen autentisering",
+            "error_email_verification": "Kan ikke bekrefte e-postadressen.",
+            "error_invalid_email": "Ugyldig E-postadresse",
+            "error_invalid_email_detail": "Dette ser ikke ut til å være en gyldig e-postadresse",
+            "error_msisdn_verification": "Klarte ikke å verifisere telefonnummeret.",
+            "error_password_change_403": "Kunne ikke endre passord. Er passordet ditt riktig?",
+            "error_password_change_http": "%(errorMessage)s (HTTP-status %(httpStatus)s)",
+            "error_password_change_title": "Feil ved endring av passord",
+            "error_password_change_unknown": "Ukjent passordendring feil (%(stringifiedError)s)",
+            "error_remove_3pid": "Kan ikke fjerne kontaktinformasjon",
+            "error_revoke_email_discovery": "Klarte ikke å trekke tilbake deling for denne e-postadressen",
+            "error_revoke_msisdn_discovery": "Klarte ikke trekke tilbake deling for telefonnummer",
+            "error_share_email_discovery": "Kan ikke dele e-postadresse",
+            "error_share_msisdn_discovery": "Kan ikke dele telefonnummer",
+            "identity_server_no_token": "Ingen identitetstilgangstoken funnet",
+            "identity_server_not_set": "Identitetsserver er ikke angitt",
+            "invalid_phone_number": "Telefonnummeret som er oppgitt ser ikke ut til å være gyldig.",
+            "language_section": "Språk",
+            "msisdn_adding_unsupported_by_hs": "Denne hjemmeserveren støtter ikke å legge til telefonnumre til kontoen din.",
+            "msisdn_in_use": "Dette mobilnummeret er allerede i bruk",
+            "msisdn_label": "Telefonnummer",
+            "msisdn_verification_field_label": "Verifikasjonskode",
+            "msisdn_verification_instructions": "Vennligst skriv inn bekreftelseskoden sendt som tekstmelding.",
+            "msisdns_heading": "Telefonnumre",
+            "oidc_manage_button": "Administrer konto",
+            "password_change_section": "Angi et nytt passord for kontoen...",
+            "password_change_success": "Passordet ditt ble endret.",
+            "personal_info": "Personlig informasjon",
+            "profile_subtitle": "Slik fremstår du for andre på appen.",
+            "profile_subtitle_oidc": "Kontoen din administreres separat av en identitetsleverandør, så noen av dine personlige opplysninger kan ikke endres her.",
+            "remove_email_prompt": "Vil du fjerne %(email)s?",
+            "remove_msisdn_prompt": "Vil du fjerne %(phone)s?",
+            "spell_check_locale_placeholder": "Velg en nasjonal innstilling",
+            "unable_to_load_emails": "Kan ikke laste inn e-postadresser",
+            "unable_to_load_msisdns": "Kan ikke laste inn telefonnumre",
+            "username": "Brukernavn"
+        },
+        "inline_url_previews_default": "Aktiver forhåndsvisninger",
+        "insert_trailing_colon_mentions": "Sett inn et etterfølgende kolon etter at brukeromtaler i starten av en melding",
+        "invite_controls": {
+            "default_label": "Tillat brukere å invitere deg til rom"
+        },
+        "jump_to_bottom_on_send": "Gå til bunnen av tidslinjen når du vil sende en melding",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Nøklene dine blir nå sikkerhetskopiert fra denne enheten.",
+                "backup_setup_success_title": "Sikker sikkerhetskopiering vellykket",
+                "cancel_warning": "Hvis du avbryter nå, kan du miste krypterte meldinger og data hvis du mister tilgang til påloggingene dine.",
+                "confirm_security_phrase": "Bekreft sikkerhetsfrasen din",
+                "description": "Beskytt deg mot å miste tilgang til krypterte meldinger og data ved å sikkerhetskopiere krypteringsnøkler på serveren din.",
+                "download_or_copy": "%(downloadButton)s eller %(copyButton)s",
+                "enter_phrase_description": "Skriv inn en sikkerhetsfrase som bare du kjenner, da den brukes til å beskytte dataene dine. For å være sikker, bør du ikke bruke kontopassordet ditt på nytt.",
+                "enter_phrase_title": "Skriv inn en sikkerhetsfrase",
+                "enter_phrase_to_confirm": "Skriv inn sikkerhetsfrasen en gang til for å bekrefte den.",
+                "generate_security_key_description": "Vi genererer en sikkerhetsnøkkel som du kan lagre et trygt sted, for eksempel en passordbehandling eller en safe.",
+                "generate_security_key_title": "Generer en gjenopprettingsnøkkel",
+                "pass_phrase_match_failed": "Det samsvarer ikke.",
+                "pass_phrase_match_success": "Det samsvarer!",
+                "phrase_strong_enough": "Flott! Denne sikkerhetsfrasen ser sterk nok ut.",
+                "secret_storage_query_failure": "Kan ikke spørre om hemmelig lagringsstatus",
+                "security_key_safety_reminder": "Lagre sikkerhetsnøkkelen et trygt sted, for eksempel en passordbehandling eller en safe, da den brukes til å beskytte dine krypterte data.",
+                "set_phrase_again": "Gå tilbake for å velge på nytt.",
+                "settings_reminder": "Du kan også konfigurere Sikker sikkerhetskopiering og administrere nøklene dine i Innstillinger.",
+                "title_confirm_phrase": "Bekreft sikkerhetsfrasen",
+                "title_save_key": "Lagre gjenopprettingsnøkkelen din",
+                "title_set_phrase": "Angi en sikkerhetsfrase",
+                "unable_to_setup": "Kan ikke sette opp hemmelig lagring",
+                "use_different_passphrase": "Vil du bruke en annen passfrase?",
+                "use_phrase_only_you_know": "Bruk en hemmelig frase som bare du kjenner, og lagre eventuelt en sikkerhetsnøkkel som du kan bruke til sikkerhetskopiering."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Bekreft passfrasen",
+            "enter_passphrase": "Skriv inn passordfrase",
+            "export_description_1": "Denne prosessen lar deg eksportere nøklene for meldinger du har mottatt i krypterte rom til en lokal fil. Du vil da kunne importere filen til en annen Matrix-klient i fremtiden, slik at klienten også vil kunne dekryptere disse meldingene.",
+            "export_description_2": "Den eksporterte filen vil tillate alle som kan lese den å dekryptere eventuelle krypterte meldinger du kan se, så du bør være forsiktig med å holde den sikker. For å hjelpe med dette, bør du skrive inn en unik passordfrase nedenfor, som bare vil bli brukt til å kryptere de eksporterte dataene. Det vil bare være mulig å importere dataene ved å bruke samme passordfrase.",
+            "export_title": "Eksporter romnøkler",
+            "file_to_import": "Filen som skal importeres",
+            "import_description_1": "Denne prosessen lar deg importere krypteringsnøkler som du tidligere hadde eksportert fra en annen Matrix-klient. Du vil da kunne dekryptere eventuelle meldinger som den andre klienten kan dekryptere.",
+            "import_description_2": "Eksportfilen vil bli beskyttet med en passordfrase. Du bør skrive inn passordfrasen her, for å dekryptere filen.",
+            "import_title": "Importer romnøkler",
+            "phrase_cannot_be_empty": "Passfrasen kan ikke være tom",
+            "phrase_must_match": "Passfrasene må samsvare",
+            "phrase_strong_enough": "Flott! Denne passordfrasen ser sterk nok ut"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Innstillinger:</strong> Tastatur",
+            "title": "Tastatur"
+        },
+        "labs": {
+            "dialog_title": "<strong>Innstillinger: </strong> Labs"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Innstillinger:</strong> Ignorerte brukere"
+        },
+        "media_preview": {
+            "hide_avatars": "Skjul avatarer for rom og inviterer",
+            "hide_media": "Skjul alltid",
+            "media_preview_description": "Et skjult medium kan alltid vises ved å trykke på det",
+            "media_preview_label": "Vis media i tidslinjen",
+            "show_in_private": "I private rom",
+            "show_media": "Vis alltid"
+        },
+        "not_supported": "Serveren din implementerer ikke denne funksjonen.",
+        "notifications": {
+            "default_setting_description": "Denne innstillingen vil bli brukt som standard for alle rommene dine.",
+            "default_setting_section": "Jeg ønsker å bli varslet for (standardinnstilling)",
+            "desktop_notification_message_preview": "Vis forhåndsvisning av meldinger i skrivebordsvarsler",
+            "dialog_title": "<strong>Innstillinger:</strong> Varsler",
+            "email_description": "Motta en e-postoppsummering av ubesvarte varsler",
+            "email_section": "E-postsammendrag",
+            "email_select": "Velg hvilke e-poster du vil sende sammendrag til. Administrer e-postene dine i <button>Generelt</button> .",
+            "enable_audible_notifications_session": "Skru på hørbare varsler for denne økten",
+            "enable_desktop_notifications_session": "Skru på skrivebordsvarsler for denne økten",
+            "enable_email_notifications": "Aktiver e-postvarsler for %(email)s",
+            "enable_notifications_account": "Aktivere varsler for denne kontoen",
+            "enable_notifications_account_detail": "Slå av for å deaktivere varslinger på alle enhetene og sesjonene dine",
+            "enable_notifications_device": "Aktiver varsler for denne enheten",
+            "error_loading": "Det oppstod en feil ved innlasting av varslingsinnstillingene dine.",
+            "error_permissions_denied": "%(brand)s har ikke tillatelse til å sende deg varsler - vennligst sjekk nettleserinnstillingene",
+            "error_permissions_missing": "%(brand)s fikk ikke tillatelse til å sende deg varsler - vennligst prøv igjen",
+            "error_saving": "Feil ved lagring av varslingsinnstillinger",
+            "error_saving_detail": "Det oppstod en feil under lagring av varslingsinnstillingene dine.",
+            "error_title": "Klarte ikke slå på Varslinger",
+            "error_updating": "Det oppstod en feil under oppdateringen av varslingsinnstillingene dine. Prøv å slå på alternativet igjen.",
+            "invites": "Invitert til et rom",
+            "keywords": "Vis et merke <badge/> når nøkkelord brukes i et rom.",
+            "keywords_prompt": "Skriv inn nøkkelord her, eller bruk for stavevarianter eller kallenavn",
+            "labs_notice_prompt": "<strong>Oppdatering: </strong> Vi har forenklet varslingsinnstillingene for å gjøre alternativene enklere å finne. Noen egendefinerte innstillinger du har valgt tidligere, vises ikke her, men de er fortsatt aktive. Hvis du fortsetter, kan noen av innstillingene dine endres. <a>Lær mer </a>",
+            "mentions_keywords": "Omtaler og nøkkelord",
+            "mentions_keywords_only": "Bare omtaler og nøkkelord",
+            "messages_containing_keywords": "Meldinger som inneholder nøkkelord",
+            "noisy": "Bråkete",
+            "notices": "Meldinger sendt av bots",
+            "notify_at_room": "Varsle når noen nevner at de bruker @room",
+            "notify_keyword": "Varsle når noen bruker et nøkkelord",
+            "notify_mention": "Varsle når noen nevner å bruke @visningsnavn eller %(mxid)s",
+            "other_section": "Andre ting vi tror du kan være interessert i:",
+            "people_mentions_keywords": "Personer, omtaler og nøkkelord",
+            "play_sound_for_description": "Brukes som standard på alle rom på alle enheter.",
+            "play_sound_for_section": "Spill av en lyd for",
+            "push_targets": "Mål for varsel",
+            "quick_actions_mark_all_read": "Marker alle meldinger som lest",
+            "quick_actions_reset": "Tilbakestill til standardinnstillinger",
+            "quick_actions_section": "Hurtighandlinger",
+            "room_activity": "Ny romaktivitet, oppgraderinger og statusmeldinger forekommer",
+            "rule_call": "Anropsinvitasjon",
+            "rule_contains_display_name": "Meldinger som inneholder mitt visningsnavn",
+            "rule_contains_user_name": "Meldinger som nevner brukernavnet mitt",
+            "rule_encrypted": "Krypterte meldinger i gruppesamtaler",
+            "rule_encrypted_room_one_to_one": "Krypterte meldinger i samtaler under fire øyne",
+            "rule_invite_for_me": "Når jeg blir invitert til et rom",
+            "rule_message": "Meldinger i gruppesamtaler",
+            "rule_room_one_to_one": "Meldinger i en-til-en samtaler",
+            "rule_roomnotif": "Medlinger som inneholder @room",
+            "rule_suppress_notices": "Meldinger sendt av bot",
+            "rule_tombstone": "Når rom blir oppgradert",
+            "show_message_desktop_notification": "Vis meldingen i skrivebordsvarselet",
+            "voip": "Lyd- og videosamtaler"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Forhindre at innholdet i vinduet fanges opp av andre apper",
+            "Electron.enableHardwareAcceleration": "Aktiver maskinvareakselerasjon (start %(appName)s på nytt for at det skal tre i kraft)",
+            "always_show_menu_bar": "Vis alltid vinduets menylinje",
+            "autocomplete_delay": "Autofullføringsforsinkelse (ms)",
+            "code_blocks_heading": "Kodeblokker",
+            "compact_modern": "Bruk et mer kompakt \"moderne\" oppsett",
+            "composer_heading": "Komposør",
+            "default_timezone": "Nettleserens standard (%(timezone)s)",
+            "dialog_title": "<strong>Innstillinger:</strong> Preferanser",
+            "enable_content_protection": "Aktiver innholdsbeskyttelse",
+            "enable_hardware_acceleration": "Aktiver maskinvareakselerasjon",
+            "enable_tray_icon": "Vis skuffikonet og minimer vinduet til det når det lukkes",
+            "keyboard_heading": "Tastatursnarveier",
+            "keyboard_view_shortcuts_button": "For å se alle hurtigtaster, <a>klikk her</a>.",
+            "media_heading": "Bilder, GIF-er og videoer",
+            "presence_description": "Del din aktivitet og status med andre.",
+            "publish_timezone": "Publiser tidssone på offentlig profil",
+            "rm_lifetime": "Lesemarkørens visningstid (ms)",
+            "rm_lifetime_offscreen": "Lesemarkørens visningstid utenfor skjermen (ms)",
+            "room_directory_heading": "Romkatalog",
+            "room_list_heading": "Romliste",
+            "show_avatars_pills": "Vis avatarer i bruker-, rom- og hendelsesomtaler",
+            "show_polls_button": "Vis avstemninger-knapp",
+            "startup_window_behaviour_label": "Oppstart og vindusatferd",
+            "surround_text": "Omgi valgt tekst når du skriver spesialtegn",
+            "time_heading": "Viser tid",
+            "user_timezone": "Angi tidssone"
+        },
+        "prompt_invite": "Si ifra før det sendes invitasjoner til potensielt ugyldige Matrix-ID-er",
+        "replace_plain_emoji": "Bytt automatisk ut råtekst-emojier",
+        "security": {
+            "analytics_description": "Del anonyme data for å hjelpe oss med å identifisere problemer. Ikke noe personlig. Ingen tredjeparter.",
+            "bulk_options_accept_all_invites": "Aksepter alle %(invitedRooms)s-invitasjoner",
+            "bulk_options_reject_all_invites": "Avslå alle %(invitedRooms)s-invitasjoner",
+            "bulk_options_section": "Bulk alternativer",
+            "dehydrated_device_description": "Funksjonen for frakoblet enhet lar deg motta krypterte meldinger selv når du ikke er logget inn på noen enheter",
+            "dehydrated_device_enabled": "Frakoblet enhet aktivert",
+            "dialog_title": "<strong>Innstillinger: </strong> Sikkerhet og personvern",
+            "e2ee_default_disabled_warning": "Serveradministratoren din har deaktivert ende-til-ende-kryptering som standard i private rom og direktemeldinger.",
+            "enable_message_search": "Aktiver meldingssøk i krypterte rom",
+            "encryption_section": "Kryptering",
+            "ignore_users_empty": "Du har ingen ignorerte brukere.",
+            "ignore_users_section": "Ignorerte brukere",
+            "key_backup_algorithm": "Algoritme:",
+            "message_search_disable_warning": "Hvis deaktivert, vises ikke meldinger fra krypterte rom i søkeresultatene.",
+            "message_search_disabled": "Bufre krypterte meldinger lokalt på en sikker måte, slik at de vises i søkeresultatene.",
+            "message_search_enabled": {
+                "one": "Lagre krypterte meldinger lokalt slik at de vises i søkeresultatene, ved hjelp av %(size)s for å lagre meldinger fra %(rooms)s rom.",
+                "other": "Lagre krypterte meldinger lokalt slik at de vises i søkeresultatene, ved hjelp av %(size)s for å lagre meldinger fra %(rooms)s -rom."
+            },
+            "message_search_failed": "Initialisering av meldingssøk mislyktes",
+            "message_search_indexed_messages": "Indekserte meldinger:",
+            "message_search_indexed_rooms": "Indekserte rom:",
+            "message_search_indexing": "Indeksering for øyeblikket: %(currentRoom)s",
+            "message_search_indexing_idle": "Indekserer for øyeblikket ikke meldinger for noen rom.",
+            "message_search_intro": "%(brand)s bufrer krypterte meldinger lokalt på en sikker måte slik at de vises i søkeresultatene:",
+            "message_search_pending_rooms": "Rom som venter på indeksering: %(pendingRooms)s",
+            "message_search_room_progress": "%(doneRooms)s av %(totalRooms)s",
+            "message_search_section": "Meldingssøk",
+            "message_search_sleep_time": "Hvor raskt skal meldinger lastes ned.",
+            "message_search_space_used": "Plass brukt:",
+            "message_search_unsupported": "%(brand)s mangler noen komponenter som kreves for sikker hurtigbufring av krypterte meldinger lokalt. Hvis du vil eksperimentere med denne funksjonen, kan du bygge et tilpasset %(brand)s skrivebord med <nativeLink> søkekomponenter lagt til</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s kan ikke sikkert bufre krypterte meldinger lokalt mens de kjører i en nettleser. Bruk <desktopLink>%(brand)s Skrivebord</desktopLink> for at krypterte meldinger skal vises i søkeresultatene.",
+            "record_session_details": "Registrer klientnavn, versjon og url for å gjøre det enklere å gjenkjenne sesjoner i sesjonsadministratoren",
+            "send_analytics": "Send analytiske data",
+            "strict_encryption": "Send bare meldinger til verifiserte brukere"
+        },
+        "send_read_receipts": "Send lesebekreftelser",
+        "send_read_receipts_unsupported": "Serveren din støtter ikke deaktivering av sending av lesebekreftelser.",
+        "send_typing_notifications": "Send varsler om at du skriver",
+        "sessions": {
+            "best_security_note": "For best mulig sikkerhet bør du verifisere sesjonene dine og logge ut av alle sesjoner du ikke kjenner igjen eller ikke bruker lenger.",
+            "confirm_sign_out": {
+                "one": "Bekreft at du logger av denne enheten",
+                "other": "Bekreft at du logger av disse enhetene"
+            },
+            "confirm_sign_out_body": {
+                "one": "Klikk på knappen nedenfor for å bekrefte at du logger av denne enheten.",
+                "other": "Klikk på knappen nedenfor for å bekrefte at du logger av disse enhetene."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Logg av enheten",
+                "other": "Logg av enheter"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Bekreft å logge av denne enheten ved å bruke Single Sign On for å bevise identiteten din.",
+                "other": "Bekreft å logge av disse enhetene ved å bruke enkel pålogging for å bevise identiteten din."
+            },
+            "current_session": "Nåværende sesjon",
+            "desktop_session": "Skrivebordsøkt",
+            "details_heading": "Sesjonsdetaljer",
+            "device_unverified_description": "Bekreft eller logg ut av denne sesjonen for best mulig sikkerhet og pålitelighet.",
+            "device_unverified_description_current": "Bekreft den nåværende sesjonen for forbedret sikker meldingsutveksling.",
+            "device_verified_description": "Denne sesjonen er klar for sikker meldingsutveksling.",
+            "device_verified_description_current": "Din pågående sesjon er klar for sikker meldingsutveksling.",
+            "dialog_title": "<strong>Innstillinger:</strong> Sesjoner",
+            "error_pusher_state": "Kunne ikke angi pusher-tilstand",
+            "error_set_name": "Kunne ikke angi sesjonsnavn",
+            "filter_all": "Alle",
+            "filter_inactive": "Inaktiv",
+            "filter_inactive_description": "Inaktiv i %(inactiveAgeDays)s dager eller lenger",
+            "filter_label": "Filtrer enheter",
+            "filter_unverified_description": "Ikke klar for sikker meldingsutveksling",
+            "filter_verified_description": "Klar for sikker meldingsutveksling",
+            "hide_details": "Skjul detaljer",
+            "inactive_days": "Inaktiv i %(inactiveAgeDays)s+ dager",
+            "inactive_sessions": "Inaktive sesjoner",
+            "inactive_sessions_explainer_1": "Inaktive økter er økter du ikke har brukt på en stund, men som fortsatt mottar krypteringsnøkler.",
+            "inactive_sessions_explainer_2": "Fjerning av inaktive sesjoner forbedrer sikkerheten og ytelsen, og gjør det enklere for deg å identifisere om en ny økt er mistenkelig.",
+            "inactive_sessions_list_description": "Vurder å logge ut fra gamle økter (%(inactiveAgeDays)s dager eller eldre) som du ikke bruker lenger.",
+            "ip": "IP adresse",
+            "last_activity": "Siste aktivitet",
+            "manage": "Administrer denne sesjonen",
+            "mobile_session": "Mobil økt",
+            "n_sessions_selected": {
+                "one": "%(count)s sesjon valgt",
+                "other": "%(count)s sesjoner valgt"
+            },
+            "no_inactive_sessions": "Ingen inaktive sesjoner funnet.",
+            "no_sessions": "Ingen sesjoner funnet.",
+            "no_unverified_sessions": "Ingen ubekreftede sesjoner funnet.",
+            "no_verified_sessions": "Ingen verifiserte sesjoner funnet.",
+            "other_sessions_heading": "Andre sesjoner",
+            "push_heading": "Push-varsler",
+            "push_subheading": "Motta push-varsler på denne sesjonen.",
+            "push_toggle": "Slå på push-varsler på denne økten.",
+            "rename_form_caption": "Vær oppmerksom på at sesjonsnavn også er synlige for folk du kommuniserer med.",
+            "rename_form_heading": "Gi nytt navn til sesjonen",
+            "rename_form_learn_more": "Endre navn på sesjoner",
+            "rename_form_learn_more_description_1": "Andre brukere i direktemeldinger og rom som du blir med på, kan se en fullstendig liste over alle dine økter.",
+            "rename_form_learn_more_description_2": "Dette gir dem trygghet for at de virkelig snakker med deg, men det betyr også at de kan se sesjonsnavnet du skriver inn her.",
+            "security_recommendations": "Sikkerhetsanbefalinger",
+            "security_recommendations_description": "Forbedre kontosikkerheten din ved å følge disse anbefalingene.",
+            "session_id": "Sesjons-ID",
+            "show_details": "Vis detaljer",
+            "sign_in_with_qr": "Koble til ny enhet",
+            "sign_in_with_qr_button": "Vis QR-kode",
+            "sign_in_with_qr_description": "Bruk en QR-kode for å logge på en annen enhet og konfigurere sikker meldingsutveksling.",
+            "sign_in_with_qr_unsupported": "Støttes ikke av din kontoleverandør",
+            "sign_out": "Logg ut av denne sesjonen",
+            "sign_out_all_other_sessions": "Fjern alle andre sesjoner (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Er du sikker på at du vil logge ut av %(count)s sesjonen?",
+                "other": "Er du sikker på at du vil logge av %(count)s sesjoner?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Logg ut av %(count)s sesjon",
+                "other": "Logg ut av %(count)s sesjoner"
+            },
+            "title": "Sesjoner",
+            "unknown_session": "Ukjent sesjonstype",
+            "unverified_session": "Uverifisert sesjon",
+            "unverified_session_explainer_1": "Denne sesjonen støtter ikke kryptering og kan derfor ikke verifiseres.",
+            "unverified_session_explainer_2": "Du vil ikke kunne delta i rom der kryptering er aktivert når du bruker denne sesjonen.",
+            "unverified_session_explainer_3": "For best mulig sikkerhet og personvern anbefales det å bruke Matrix-klienter som støtter kryptering.",
+            "unverified_sessions": "Uverifiserte sesjoner",
+            "unverified_sessions_explainer_1": "Ubekreftede sesjoner er sesjoner som har logget på med legitimasjonen din, men som ikke er kryssverifisert.",
+            "unverified_sessions_explainer_2": "Du bør være spesielt sikker på at du gjenkjenner disse øktene, da de kan representere en uautorisert bruk av kontoen din.",
+            "unverified_sessions_list_description": "Verifiser sesjonene dine for forbedret sikker meldingsutveksling, eller logg ut fra de du ikke kjenner igjen eller ikke bruker lenger.",
+            "url": "URL",
+            "verified_session": "Verifisert sesjon",
+            "verified_sessions": "Verifiserte sesjoner",
+            "verified_sessions_explainer_1": "Bekreftede økter er hvor som helst du bruker denne kontoen etter at du har skrevet inn passordet ditt eller bekreftet identiteten din med en annen bekreftet økt.",
+            "verified_sessions_explainer_2": "Dette betyr at du har alle nøklene som trengs for å låse opp krypterte meldinger og bekrefte overfor andre brukere at du stoler på denne økten.",
+            "verified_sessions_list_description": "For best mulig sikkerhet bør du logge ut av alle sesjoner du ikke kjenner igjen eller ikke bruker lenger.",
+            "verify_session": "Verifiser økten",
+            "web_session": "Websesjon"
+        },
+        "show_avatar_changes": "Vis endringer i profilbilde",
+        "show_breadcrumbs": "Vis snarveier til de nyligst viste rommene ovenfor romlisten",
+        "show_chat_effects": "Vis chatteffekter (animasjoner når du mottar f.eks. konfetti)",
+        "show_displayname_changes": "Vis visningsnavnendringer",
+        "show_join_leave": "Vis bli med/forlat meldinger (invitasjoner/fjernede/utestengte upåvirket)",
+        "show_message_previews": "Vise forhåndsvisninger av meldinger",
+        "show_nsfw_content": "Vis NSFW-innhold",
+        "show_read_receipts": "Vis lesekvitteringer sendt av andre brukere",
+        "show_redaction_placeholder": "Vis en stattholder for fjernede meldinger",
+        "show_stickers_button": "Vis klistremerkeknappen",
+        "show_typing_notifications": "Vis varsler om at det skrives",
+        "showbold": "Vis all aktivitet i romlisten (prikker eller antall uleste meldinger)",
+        "sidebar": {
+            "dialog_title": "<strong>Innstillinger:</strong> Sidepanel",
+            "metaspaces_home_all_rooms": "Vis alle rom",
+            "metaspaces_home_all_rooms_description": "Vis alle rommene dine i Hjem, selv om de er i et område.",
+            "metaspaces_home_description": "Hjem er nyttig for å få oversikt over alt.",
+            "metaspaces_orphans": "Rom utenfor et område",
+            "metaspaces_orphans_description": "Grupper alle rommene dine som ikke er en del av et område på ett sted.",
+            "metaspaces_subsection": "Områder å vise",
+            "metaspaces_video_rooms": "Videorom og konferanser",
+            "metaspaces_video_rooms_description": "Grupper alle private videorom og konferanser.",
+            "metaspaces_video_rooms_description_invite_extension": "På konferanser kan du invitere personer utenfor matrix.",
+            "spaces_explainer": "Områder er måter å gruppere rom og mennesker på. Ved siden av områdene du er i, kan du også bruke noen forhåndsbygde.",
+            "title": "Sidepanel"
+        },
+        "start_automatically": {
+            "disabled": "Nei",
+            "enabled": "Ja",
+            "label": "Åpne %(brand)s når du logger deg på datamaskinen din.",
+            "minimised": "Minimert"
+        },
+        "tac_only_notifications": "Vis bare varsler i trådens aktivitetssenter",
+        "use_12_hour_format": "Vis tidsstempler i 12-timersformat (f.eks. 2:30pm)",
+        "use_command_enter_send_message": "Bruk Kommando + Enter for å sende en melding",
+        "use_command_f_search": "Bruk Kommando + F for å søke i tidslinjen",
+        "use_control_enter_send_message": "Bruk Ctrl + Enter for å sende en melding",
+        "use_control_f_search": "Bruk Ctrl + F for å søke i tidslinjen",
+        "voip": {
+            "allow_p2p": "Tillat node-til-node for 1:1-samtaler",
+            "allow_p2p_description": "Når aktivert, kan den andre parten kanskje se IP-adressen din",
+            "audio_input_empty": "Ingen mikrofoner ble oppdaget",
+            "audio_output": "Lydutdata",
+            "audio_output_empty": "Ingen lydutdataer ble oppdaget",
+            "auto_gain_control": "Automatisk forsterkningskontroll",
+            "dialog_title": "<strong>Innstillinger:</strong> Tale og video",
+            "echo_cancellation": "Ekko-kansellering",
+            "enable_fallback_ice_server": "Tillat reserveserver for anropsassistanse (%(server)s)",
+            "enable_fallback_ice_server_description": "Gjelder bare hvis hjemmeserveren din ikke tilbyr dette. IP-adressen din vil bli delt under en samtale.",
+            "mirror_local_feed": "Speil den lokale videostrømmen",
+            "missing_permissions_prompt": "Manglende mediatillatelser, klikk på knappen nedenfor for å be om dem.",
+            "noise_suppression": "Støydemping",
+            "request_permissions": "Be om mediatillatelser",
+            "title": "Tale og video",
+            "video_input_empty": "Ingen USB-kameraer ble oppdaget",
+            "video_section": "Videoinnstillinger",
+            "voice_agc": "Juster mikrofonvolumet automatisk",
+            "voice_processing": "Talebehandling",
+            "voice_section": "Tale innstillinger"
+        },
+        "warn_quit": "Advar før avslutning",
+        "warning": "<w>ADVARSEL: </w> <description/>"
+    },
+    "share": {
+        "link_copied": "Lenke kopiert",
+        "permalink_message": "Lenke til valgt melding",
+        "permalink_most_recent": "Lenke til siste melding",
+        "share_call": "Lenke til invitasjon til konferansen",
+        "share_call_subtitle": "Lenke for eksterne brukere for å bli med i samtalen uten en matrix-konto:",
+        "title_link": "Del lenke",
+        "title_message": "Del rommelding",
+        "title_room": "Del rommet",
+        "title_user": "Del brukeren"
+    },
+    "slash_command": {
+        "addwidget": "Legger til en tilpasset widget med URL i rommet",
+        "addwidget_iframe_missing_src": "iframe har ingen src-attributt",
+        "addwidget_invalid_protocol": "Oppgi en https: // eller http: // widget-URL",
+        "addwidget_missing_url": "Vennligst oppgi en widget-URL eller innebyggingskode",
+        "addwidget_no_permissions": "Du kan ikke endre widgets i dette rommet.",
+        "ban": "Nekter tilgang til bruker med gitt id",
+        "category_actions": "Handlinger",
+        "category_admin": "Administrator",
+        "category_advanced": "Avansert",
+        "category_effects": "Effekter",
+        "category_messages": "Meldinger",
+        "category_other": "Andre",
+        "command_error": "Kommandofeil",
+        "converttodm": "Konverterer rommet til en DM",
+        "converttoroom": "Konverterer DM til et rom",
+        "could_not_find_room": "Kunne ikke finne rom",
+        "deop": "Fjerner OP nivå til bruker med gitt ID",
+        "devtools": "Åpner Utviklings Verktøy dialogen",
+        "discardsession": "Tvinger den gjeldende utgående gruppeøkten i et kryptert rom til å stoppe",
+        "error_invalid_rendering_type": "Kommandofeil: Kan ikke finne gjengivelsestype (%(renderingType)s)",
+        "error_invalid_room": "Kommandoen mislyktes: Kan ikke finne rom (%(roomId)s)",
+        "error_invalid_runfn": "Kommandofeil: Kan ikke håndtere skråstrekkommandoen.",
+        "error_invalid_user_in_room": "Kunne ikke finne bruker i rommet",
+        "help": "Viser liste over kommandoer med bruks eksempler og beskrivelser",
+        "help_dialog_title": "Kommandohjelp",
+        "holdcall": "Setter anropet i gjeldende rom på vent",
+        "html": "Sender en melding som html, uten å tolke den som markdown",
+        "ignore": "Ignorerer en bruker og skjuler meldingene deres hos deg",
+        "ignore_dialog_description": "%(userId)s er nå ignorert",
+        "ignore_dialog_title": "Ignorert(e) bruker",
+        "invite": "Inviterer brukeren med gitt id til dette rommet",
+        "invite_3pid_needs_is_error": "Bruk en identitetsserver til å invitere via e-post. Administrer i Innstillinger.",
+        "invite_3pid_use_default_is_title": "Bruk en identitetstjener",
+        "invite_3pid_use_default_is_title_description": "Bruk en identitetsserver til å invitere via e-post. Klikk på Fortsett for å bruke standardidentitetsserveren (%(defaultIdentityServerName)s) eller administrer i Innstillinger.",
+        "invite_failed": "Bruker (%(user)s) endte ikke opp som invitert til%(roomId)s, men ingen feil ble gitt fra inviterverktøyet",
+        "join": "Kobler til rom med oppgitt adresse",
+        "jumptodate": "Gå til den gitte datoen i tidslinjen",
+        "jumptodate_invalid_input": "Vi klarte ikke å forstå den gitte datoen (%(inputDate)s). Prøv å bruke formatet ÅÅÅÅ-MM-DD.",
+        "lenny": "Legger til ( ͡° ͜ʖ ͡°) foran en ren tekstmelding",
+        "manual_device_verification_confirm_description": "Dette vil tillate en annen enhet å sende og motta meldinger som deg. HVIS NOEN BA DEG LIME INN NOE HER, ER DET SANNSYNLIG AT DU BLIR LURT! Er du sikker på at du vil bekrefte denne andre enheten?",
+        "manual_device_verification_confirm_title": "Forsiktig: manuell enhetsverifisering",
+        "me": "Viser handling",
+        "msg": "Sender en melding til den angitte brukeren",
+        "myavatar": "Endrer profilbildet ditt i alle rom",
+        "myroomavatar": "Endrer profilbildet ditt kun i dette rommet",
+        "myroomnick": "Endrer visningsnavnet ditt kun i det nåværende rommet",
+        "nick": "Endrer visningsnavnet ditt",
+        "no_active_call": "Ingen aktivt anrop i dette rommet",
+        "op": "Definer tilgangnivå til en bruker",
+        "part_unknown_alias": "Ukjent romadresse: %(roomAlias)s",
+        "plain": "Sender en melding som ren tekst, uten å tolke den som markdown",
+        "query": "Åpner chat med den gitte brukeren",
+        "query_not_found_phone_number": "Kan ikke finne Matrix ID for telefonnummeret",
+        "rageshake": "Send en feilrapport med logger",
+        "rainbow": "Sender gitte melding i regnbuens farger",
+        "rainbowme": "Sender gitte emote i regnbuens farger",
+        "remove": "Fjerner brukeren med oppgitt ID fra dette rommet",
+        "roomavatar": "Endrer avataren for det gjeldende rommet",
+        "roomname": "Setter rommets navn",
+        "server_error": "Serverfeil",
+        "server_error_detail": "Server utilgjengelig, overbelastet, eller noe annet gikk galt.",
+        "shrug": "Føyer til ¯\\_(ツ)_/¯ på en råtekstmelding",
+        "spoiler": "Sender den gitte meldingen som en spoiler",
+        "tableflip": "Legger (╯°□°）╯︵ ┻━┻ foran en ren tekstmelding",
+        "topic": "Henter eller setter rommets overskrift",
+        "topic_none": "Dette rommet har ingen overskrift.",
+        "topic_room_error": "Kunne ikke hente rommets emne: Kan ikke finne rom (%(roomId)s",
+        "unban": "Gir tilbake tilgang til bruker med gitt ID",
+        "unflip": "Legger til ┬──┬ ノ( ゜-゜ノ) foran en ren tekstmelding",
+        "unholdcall": "Tar samtalen i gjeldende rom ut av vent",
+        "unignore": "Fjerner ignorering av bruker og viser meldingene fra nå av",
+        "unignore_dialog_description": "%(userId)s blir ikke lengre ignorert",
+        "unignore_dialog_title": "Uignorert bruker",
+        "unknown_command": "Ukjent kommando",
+        "unknown_command_button": "Send som en melding",
+        "unknown_command_detail": "Ukjent kommando: %(commandText)s",
+        "unknown_command_help": "Du kan bruke <code> /help </code> til å liste opp tilgjengelige kommandoer. Mente du å sende dette som en melding?",
+        "unknown_command_hint": "Hint: Begynn meldingen med<code>//</code>for å starte den med en skråstrek.",
+        "upgraderoom": "Oppgraderer et rom til en ny versjon",
+        "upgraderoom_permission_error": "Du har ikke de rette tilgangene til å bruke denne kommandoen.",
+        "usage": "Bruk",
+        "verify": "Verifiser en av dine egne enheter manuelt",
+        "view": "Viser rom med oppgitt adresse",
+        "whois": "Viser informasjon om en bruker"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Eldre sliding sync støttes ikke lenger: logg ut og inn igjen for å aktivere det nye sliding sync-flagget",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Vil du legge til et nytt rom i stedet?",
+            "create_prompt": "Opprett et nytt område",
+            "dm_heading": "Direktemeldinger",
+            "error_heading": "Ikke alle valgte ble lagt til",
+            "progress_text": {
+                "one": "Legger til rom...",
+                "other": "Legge til rom ... (%(progress)s ut av %(count)s)"
+            },
+            "space_dropdown_label": "Område valg",
+            "space_dropdown_title": "Legg til eksisterende rom",
+            "subspace_moved_note": "Legge til område er flyttet."
+        },
+        "add_existing_subspace": {
+            "create_button": "Opprett et nytt område",
+            "create_prompt": "Vil du legge til et nytt område i stedet?",
+            "filter_placeholder": "Søk etter områder",
+            "space_dropdown_title": "Legg til eksisterende område"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Se tidslinje for rommet (devtools)",
+            "explore": "Se alle rom",
+            "home": "Område hjem",
+            "manage_and_explore": "Administrer og utforsk rom",
+            "options": "Alternativer for område"
+        },
+        "failed_load_rooms": "Kunne ikke laste inn liste over rom.",
+        "failed_remove_rooms": "Kunne ikke fjerne noen rom. Prøv igjen senere",
+        "incompatible_server_hierarchy": "Serveren din støtter ikke visning av områdehierarkier.",
+        "invite": "Inviter personer",
+        "invite_description": "Inviter med e-post eller brukernavn",
+        "invite_link": "Del invitasjonslenke",
+        "joining_space": "Blir med",
+        "landing_welcome": "Velkommen til <name/>",
+        "leave_dialog_action": "Forlat området",
+        "leave_dialog_description": "Du er i ferd med å forlate <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Du er den eneste administratoren av noen av rommene eller områdene du ønsker å forlate. Å forlate dem vil etterlate dem uten administratorer.",
+        "leave_dialog_only_admin_warning": "Du er den eneste administratoren av dette området. Å forlate det vil bety at ingen har kontroll over det.",
+        "leave_dialog_option_all": "Forlat alle rom",
+        "leave_dialog_option_intro": "Vil du forlate rommene på dette området?",
+        "leave_dialog_option_none": "Ikke forlat noen rom",
+        "leave_dialog_option_specific": "Forlat noen rom",
+        "leave_dialog_public_rejoin_warning": "Du vil ikke kunne bli med igjen med mindre du blir invitert på nytt.",
+        "leave_dialog_title": "Forlat %(spaceName)s",
+        "mark_suggested": "Merk som foreslått",
+        "no_search_result_hint": "Det kan være lurt å prøve et annet søk eller se etter skrivefeil.",
+        "preferences": {
+            "sections_section": "Seksjoner som skal vises",
+            "show_people_in_space": "Dette grupperer samtalene dine med medlemmer av dette området. Hvis du slår dette av, skjuler du disse samtalene fra ditt syn på %(spaceName)s."
+        },
+        "room_filter_placeholder": "Søk etter rom",
+        "search_children": "Søk %(spaceName)s",
+        "search_placeholder": "Søk etter navn og beskrivelser",
+        "select_room_below": "Velg et rom nedenfor først",
+        "share_public": "Del ditt offentlige område",
+        "suggested": "Anbefalte",
+        "suggested_tooltip": "Dette rommet er foreslått som et godt rom å bli med i",
+        "title_when_query_available": "Resultat",
+        "title_when_query_unavailable": "Rom og områder",
+        "unmark_suggested": "Merk som ikke foreslått",
+        "user_lacks_permission": "Du har ikke tillatelse"
+    },
+    "space_settings": {
+        "title": "Innstillinger - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Skriv inn navnet på en ny server du vil utforske.",
+            "network_dropdown_add_dialog_placeholder": "Navn på server",
+            "network_dropdown_add_dialog_title": "Legg til en ny server",
+            "network_dropdown_add_server_option": "Legg til ny server...",
+            "network_dropdown_available_invalid": "Kan ikke finne denne serveren eller dens romliste",
+            "network_dropdown_available_invalid_forbidden": "Du har ikke lov til å se romlisten til denne serveren",
+            "network_dropdown_available_valid": "Ser bra ut",
+            "network_dropdown_remove_server_adornment": "Fjern serveren \"%(roomServer)s\"",
+            "network_dropdown_required_invalid": "Skriv inn et tjenernavn",
+            "network_dropdown_selected_label": "Vis: Matrix-rom",
+            "network_dropdown_selected_label_instance": "Vis: %(instance)s rom (%(server)s)",
+            "network_dropdown_your_server_description": "Serveren din"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Hvis du ikke kan se hvem du leter etter, send dem invitasjonslenken din.",
+        "cant_find_room_helpful_hint": "Hvis du ikke finner rommet du leter etter, kan du be om en invitasjon eller opprette et nytt rom.",
+        "copy_link_text": "Kopier invitasjonskobling",
+        "count_of_members": {
+            "one": "%(count)s Medlem",
+            "other": "%(count)s Medlemmer"
+        },
+        "create_new_room_button": "Opprett et nytt rom",
+        "failed_querying_public_rooms": "Kunne ikke søke opp offentlige rom",
+        "failed_querying_public_spaces": "Kunne ikke spørre om offentlige områder",
+        "group_chat_section_title": "Andre alternativer",
+        "heading_with_query": "Bruk \"%(query)s\" for å søke",
+        "heading_without_query": "Søk etter",
+        "join_button_text": "Bli med i %(roomAddress)s",
+        "keyboard_scroll_hint": "Bruk <arrows/> for å scrolle",
+        "messages_label": "Meldinger",
+        "other_rooms_in_space": "Andre rom i %(spaceName)s",
+        "public_rooms_label": "Offentlige rom",
+        "public_spaces_label": "Offentlige områder",
+        "recent_searches_section_title": "Nylige søk",
+        "recently_viewed_section_title": "Nylig vist",
+        "remove_filter": "Fjern søkefilter for %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Noen resultater kan være skjult av personvernhensyn",
+        "result_may_be_hidden_warning": "Noen resultater kan være skjult",
+        "search_dialog": "Søkedialog",
+        "spaces_title": "Områder du er i",
+        "start_group_chat_button": "Start en gruppechat"
+    },
+    "stickers": {
+        "empty": "Du har ikke skrudd på noen klistremerkepakker for øyeblikket",
+        "empty_add_prompt": "Legg til noen nå"
+    },
+    "terms": {
+        "column_document": "Dokument",
+        "column_service": "Tjeneste",
+        "column_summary": "Oppsummering",
+        "identity_server_no_terms_description_1": "Denne handlingen krever tilgang til standard identitetsserver <server /> for å kunne validere en epostaddresse eller telefonnummer, men serveren har ikke bruksvilkår.",
+        "identity_server_no_terms_description_2": "Fortsett kun om du stoler på eieren av serveren.",
+        "identity_server_no_terms_title": "Identitetstjeneren har ingen brukervilkår",
+        "inline_intro_text": "Aksepter <policyLink /> for å fortsette:",
+        "integration_manager": "Bruk boter, broer, widgeter og klistremerkepakker",
+        "intro": "For å gå videre må du akseptere brukervilkårene til denne tjenesten.",
+        "summary_identity_server_1": "Finn andre med telefonnummer eller e-postadresse",
+        "summary_identity_server_2": "Bli funnet med telefonnummer eller e-postadresse",
+        "tac_button": "Gå gjennom betingelser og vilkår",
+        "tac_description": "For å fortsette å bruke hjemmeserveren %(homeserverDomain)s må du lese gjennom og godta våre vilkår og betingelser.",
+        "tac_title": "Betingelser og vilkår",
+        "tos": "Vilkår for bruk"
+    },
+    "theme": {
+        "light_high_contrast": "Lys høy kontrast",
+        "match_system": "Match systemet"
+    },
+    "thread_view_back_action_label": "Tilbake til tråden",
+    "threads": {
+        "all_threads": "Alle tråder",
+        "all_threads_description": "Viser alle tråder fra gjeldende rom",
+        "count_of_reply": {
+            "one": "%(count)s svar",
+            "other": "%(count)s svar"
+        },
+        "empty_description": "Bruk «%(replyInThread)s» når du holder musepekeren over en melding.",
+        "empty_title": "Tråder bidrar til å holde samtalene innenfor temaet og gjør det enkelt å spore dem.",
+        "mark_all_read": "Marker alle som lest",
+        "my_threads": "Mine tråder",
+        "my_threads_description": "Viser alle tråder du har deltatt i",
+        "open_thread": "Åpne tråd",
+        "show_thread_filter": "Vis:"
+    },
+    "threads_activity_centre": {
+        "header": "Trådaktivitet",
+        "no_rooms_with_threads_notifs": "Du har ikke rom med trådvarsler ennå.",
+        "no_rooms_with_unread_threads": "Du har ikke rom med uleste tråder ennå."
+    },
+    "time": {
+        "date_at_time": "%(date)s klokken %(time)s",
+        "hours_minutes_seconds_left": "%(hours)st%(minutes)s m%(seconds)s s igjen",
+        "left": "%(timeRemaining)s igjen",
+        "minutes_seconds_left": "%(minutes)sm%(seconds)s s igjen",
+        "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",
+        "short_hours": "%(value)st",
+        "short_hours_minutes_seconds": "%(hours)sh %(minutes)sm %(seconds)ss",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)s s",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Skjul svartråden",
+            "external_url": "Kilde-URL",
+            "open_in_osm": "Åpne i OpenStreetMap",
+            "report": "Rapporter",
+            "resent_unsent_reactions": "Send %(unsentCount)s reaksjon (er) på nytt",
+            "show_url_preview": "Vis forhåndsvisning",
+            "view_related_event": "Vis relatert hendelse",
+            "view_source": "Vis kilde"
+        },
+        "creation_summary_dm": "%(creator)s sendte denne DMen.",
+        "creation_summary_room": "%(creator)s opprettet og satte opp rommet.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Avsenderens verifiserte identitet er endret",
+            "unable_to_decrypt": "Kan ikke dekryptere meldingen"
+        },
+        "disambiguated_profile": "%(displayName)s(%(matrixId)s)",
+        "download_action_downloading": "Laster ned",
+        "download_failed": "Nedlasting mislyktes",
+        "download_failed_description": "Det oppstod en feil under nedlasting av denne filen",
+        "edits": {
+            "tooltip_label": "Redigert den %(date)s. Klikk for å se endringer.",
+            "tooltip_sub": "Klikk for å vise redigeringer",
+            "tooltip_title": "Redigert den %(date)s"
+        },
+        "error_no_renderer": "Denne hendelsen kunne ikke vises",
+        "error_rendering_message": "Klarte ikke å laste inn denne meldingen",
+        "historical_messages_unavailable": "Du kan ikke se tidligere meldinger",
+        "in_room_name": " i <strong> %(room)s </strong>",
+        "io.element.widgets.layout": "%(senderName)s har oppdatert romoppsettet",
+        "late_event_separator": "Opprinnelig sendt %(dateTime)s",
+        "load_error": {
+            "no_permission": "Prøvde å laste inn et bestemt punkt i dette rommets tidslinje, men du har ikke tillatelse til å se den aktuelle meldingen.",
+            "title": "Kunne ikke laste inn tidslinjeposisjon",
+            "unable_to_find": "Prøvde å laste inn et bestemt punkt i dette rommets tidslinje, men klarte ikke å finne det."
+        },
+        "m.audio": {
+            "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Se lokasjon i sanntid"
+        },
+        "m.call": {
+            "video_call_ended": "Videosamtale avsluttet",
+            "video_call_started": "Videosamtale startet i %(roomName)s.",
+            "video_call_started_text": "%(name)s startet en videosamtale",
+            "video_call_started_unsupported": "Videosamtale startet i %(roomName)s. (støttes ikke av denne nettleseren)"
+        },
+        "m.call.hangup": {
+            "dm": "Samtalen ble avsluttet"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Besvart annet sted",
+            "call_back_prompt": "Ring tilbake",
+            "declined": "Anrop avvist",
+            "failed_connect_media": "Kunne ikke koble til media",
+            "failed_connection": "Tilkobling mislyktes",
+            "failed_opponent_media": "Enheten deres kunne ikke starte kameraet eller mikrofonen",
+            "missed_call": "Ubesvarte anrop",
+            "no_answer": "Ingen svar",
+            "unknown_error": "En ukjent feil oppstod",
+            "unknown_failure": "Ukjent feil: %(reason)s",
+            "unknown_state": "Anropet er i en ukjent tilstand!",
+            "video_call": "%(senderName)s gjorde en videosamtale.",
+            "video_call_unsupported": "%(senderName)s startet en videosamtale. (støttes ikke av denne nettleseren)",
+            "voice_call": "%(senderName)s gjorde et taleanrop.",
+            "voice_call_unsupported": "%(senderName)s gjorde et taleanrop. (støttes ikke av denne nettleseren)"
+        },
+        "m.file": {
+            "error_decrypting": "Feil ved dekryptering av vedlegg"
+        },
+        "m.image": {
+            "error": "Kan ikke vise bilde på grunn av feil",
+            "error_decrypting": "Feil ved dekryptering av bilde",
+            "error_downloading": "Feil ved nedlasting av bilde",
+            "sent": "%(senderDisplayName)s sendte et bilde.",
+            "show_image": "Vis bilde"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s ønsker å verifisere",
+            "you_started": "Du sendte en verifiseringsforespørsel"
+        },
+        "m.location": {
+            "full": "%(senderName)s har delt deres posisjon",
+            "location": "Delte en plassering: ",
+            "self_location": "Delte posisjonen deres: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s stemme",
+                "other": "%(count)s stemmer"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s har avsluttet en avstemning"
+        },
+        "m.poll.start": "%(senderName)s har startet en avstemning - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s endret rommets avatar.",
+            "lightbox_title": "%(senderDisplayName)s endret avataren for %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s la til alternativ adresse %(addresses)s for dette rommet.",
+                "other": "%(senderName)s la til de alternative adressene %(addresses)s for dette rommet."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s fjernet alternativ adresse %(addresses)s for dette rommet.",
+                "other": "%(senderName)s fjernet de alternative adressene %(addresses)s for dette rommet."
+            },
+            "changed": "%(senderName)s endret adressene til dette rommet.",
+            "changed_alternative": "%(senderName)s endret de alternative adressene for dette rommet.",
+            "changed_main_and_alternative": "%(senderName)s endret hovedadressen og de alternative adressene for dette rommet.",
+            "removed": "%(senderName)s fjernet hovedadressen til dette rommet.",
+            "set": "%(senderName)s angir hovedadressen for dette rommet til %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Dette rommet er en fortsettelse av en annen samtale.",
+            "see_older_messages": "Klikk for å se eldre meldinger.",
+            "unknown_predecessor": "Finner ikke den gamle versjonen av dette rommet (rom-ID:%(roomId)s), og vi har ikke fått 'via_servers' for å lete etter det.",
+            "unknown_predecessor_guess_server": "Finner ikke den gamle versjonen av dette rommet (rom-ID:%(roomId)s), og vi har ikke fått 'via_servers' for å lete etter det. Det er mulig at gjette serveren fra rom-ID-en vil fungere. Hvis du vil prøve, klikk på denne lenken:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s har tillatt gjester å bli med i rommet.",
+            "forbidden": "%(senderDisplayName)s har hindret gjester fra å bli med i rommet.",
+            "unknown": "%(senderDisplayName)s endret gjestetilgangen til %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s gjorde fremtidig romhistorikk synlig for alle rommedlemmer, fra det tidspunktet de ble/blir invitert.",
+            "joined": "%(senderName)s gjorde fremtidig romhistorikk synlig for alle rommedlemmer, fra det tidspunktet de ble med.",
+            "shared": "%(senderName)s gjorde fremtidig romhistorikk synlig for alle rommedlemmer.",
+            "unknown": "%(senderName)s gjorde fremtidig romhistorikk synlig for alle rommedlemmer (%(visibility)s).",
+            "world_readable": "%(senderName)s gjorde fremtidig romhistorikk synlig for alle."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s merket rommet som kun for inviterte.",
+            "knock": "%(senderDisplayName)s endret regelen for medlemsskap til å be om å bli med.",
+            "public": "%(senderDisplayName)s gjorde rommet offentlig for alle som kjenner til denne lenken.",
+            "restricted": "%(senderDisplayName)s endret hvem som kan bli med i dette rommet.",
+            "restricted_settings": "%(senderDisplayName)s endret hvem som kan bli med i dette rommet. <a>Vis innstillinger</a>.",
+            "unknown": "%(senderDisplayName)s endret regelen for medlemsskap til %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s aksepterte invitasjonen til %(displayName)s",
+            "accepted_invite": "%(targetName)s aksepterte en invitasjon",
+            "ban": "%(senderName)s utestengte en bruker",
+            "ban_reason": "%(senderName)s utestengte en bruker: %(reason)s",
+            "change_avatar": "%(senderName)s endret profilbildet sitt",
+            "change_name": "%(oldDisplayName)s endret visningsnavnet sitt til %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s endret visningsnavn og profilbilde",
+            "invite": "%(senderName)s inviterte %(targetName)s",
+            "join": "%(targetName)s ble med i rommet",
+            "kick": "%(senderName)s fjernet %(targetName)s",
+            "kick_reason": "%(senderName)s fjernet %(targetName)s: %(reason)s",
+            "left": "%(targetName)s forlot rommet",
+            "left_reason": "%(targetName)s forlot rommet: %(reason)s",
+            "no_change": "%(senderName)s gjorde ingen endringer",
+            "reject_invite": "%(targetName)s avslo invitasjonen",
+            "reject_invite_reason": "%(targetName)savviste invitasjonen:%(reason)s",
+            "remove_avatar": "%(senderName)s fjernet profilbildet sitt",
+            "remove_name": "%(senderName)s fjernet visningsnavnet sitt (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s valgte seg et profilbilde",
+            "set_name": "%(senderName)s satte visningsnavnet sitt til %(displayName)s",
+            "unban": "%(senderName)s opphevde bannlysningen av %(targetName)s",
+            "withdrew_invite": "%(senderName)s trakk tilbake invitasjonen til %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s trakk tilbake invitasjonen til %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s endret rommets navn fra %(oldRoomName)s til %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s fjernet rommets navn.",
+            "set": "%(senderDisplayName)s endret rommets navn til %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s endret de festede meldingene for rommet.",
+            "changed_link": "%(senderName)s endret <a>festede meldinger</a> for rommet.",
+            "pinned": "%(senderName)s festet en melding til dette rommet. Se alle festede meldinger.",
+            "pinned_link": "%(senderName)s festet <a>en melding</a> til dette rommet. Se alle <b>festede meldinger</b>.",
+            "unpinned": "%(senderName)s fjernet en festet melding fra dette rommet. Se alle festede meldinger.",
+            "unpinned_link": "%(senderName)s løsnet <a>en melding</a> fra dette rommet. Se alle <b>festede meldinger</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s endret effektnivået på %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s gikk fra %(fromPowerLevel)s til %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s trakk tilbake invitasjonen dette rommet for %(targetDisplayName)s.",
+            "sent": "%(senderName)s sendte en invitasjon til %(targetDisplayName)s om å bli med i rommet."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s oppgraderte dette rommet.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s endret emnet til \"%(topic)s\".",
+            "removed": "%(senderDisplayName)s fjernet emnet."
+        },
+        "m.sticker": "%(senderDisplayName)s sendte et klistremerke.",
+        "m.video": {
+            "error_decrypting": "Feil under dekryptering av video",
+            "show_video": "Vis video"
+        },
+        "m.widget": {
+            "added": "%(widgetName)s-modulen ble lagt til av %(senderName)s",
+            "jitsi_ended": "Videokonferansen ble avsluttet av %(senderName)s",
+            "jitsi_join_right_prompt": "Bli med på konferansen fra rominformasjonskortet til høyre",
+            "jitsi_join_top_prompt": "Bli med på konferansen øverst i dette rommet",
+            "jitsi_started": "Videokonferanse startet av %(senderName)s",
+            "jitsi_updated": "Videokonferanse oppdatert av %(senderName)s",
+            "modified": "%(widgetName)s-modulen ble endret på av %(senderName)s",
+            "removed": "%(widgetName)s-modulen ble fjernet av %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Kopier lenke til tråd",
+            "view_in_room": "Vis i rom"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s oppdaterte en forbudsregel som matchet %(oldGlob)s til å matche %(newGlob)s for %(reason)s",
+            "changed_rule_rooms": "%(senderName)s endret en regel som forbød rom som samsvarte %(oldGlob)s til å matche %(newGlob)s for %(reason)s",
+            "changed_rule_servers": "%(senderName)s endret en regel som forbød servere som matchet %(oldGlob)s til å matche %(newGlob)s for %(reason)s",
+            "changed_rule_users": "%(senderName)s endret en regel som utestengte brukere som matchet %(oldGlob)s for å matche %(newGlob)s for %(reason)s",
+            "created_rule": "%(senderName)s opprettet en utestengelsesregel som samsvarer %(glob)s for %(reason)s",
+            "created_rule_rooms": "%(senderName)s opprettet en regel som forbyr rom som samsvarer med %(glob)s for %(reason)s",
+            "created_rule_servers": "%(senderName)s opprettet en regel som forbyr servere som samsvarer med %(glob)s for %(reason)s",
+            "created_rule_users": "%(senderName)s opprettet en regel som utestenger brukere som matcher %(glob)s for %(reason)s",
+            "removed_rule": "%(senderName)s fjernet en forbudsregel som samsvarer %(glob)s",
+            "removed_rule_rooms": "%(senderName)s fjernet regelen som forbyr rom som matcher %(glob)s",
+            "removed_rule_servers": "%(senderName)s fjernet regelen som utestenger servere som matcher %(glob)s",
+            "removed_rule_users": "%(senderName)s fjernet regelen som utestenger brukere som matcher %(glob)s",
+            "updated_invalid_rule": "%(senderName)s oppdaterte en ugyldig utestengelsesregel",
+            "updated_rule": "%(senderName)s oppdaterte en utestengelsesregel som samsvarer %(glob)s for %(reason)s",
+            "updated_rule_rooms": "%(senderName)s oppdaterte regelen som forbyr rom som matcher %(glob)s for %(reason)s",
+            "updated_rule_servers": "%(senderName)s oppdaterte regelen som forbyr servere som samsvarer med %(glob)s for %(reason)s",
+            "updated_rule_users": "%(senderName)s oppdaterte regelen som utestenger brukere som matcher %(glob)s for %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Du har ikke tillatelse til å se meldinger fra før du ble invitert.",
+        "no_permission_messages_before_join": "Du har ikke tillatelse til å se meldinger fra før du ble medlem.",
+        "pending_moderation": "Melding venter på moderering",
+        "pending_moderation_reason": "Melding venter på moderering: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Legg til reaksjon",
+            "custom_reaction_fallback_label": "Egendefinert reaksjon",
+            "label": "%(reactors)s reagerte med %(content)s",
+            "tooltip_caption": "reagerte med %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Sett av %(count)s person",
+            "other": "Sett av %(count)s personer"
+        },
+        "read_receipts_label": "Lesebekreftelser",
+        "redacted": {
+            "tooltip": "Meldingen ble slettet den %(date)s"
+        },
+        "redaction": "Meldingen ble slettet av %(name)s",
+        "reply": {
+            "error_loading": "Kan ikke laste inn hendelsen som ble besvart, enten eksisterer den ikke eller du har ikke tillatelse til å se den.",
+            "in_reply_to": "<a>Som svar på</a> <pill>",
+            "in_reply_to_for_export": "Som svar på <a>denne meldingen</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Du er i ferd med å bli ført til et tredjeparts nettsted slik at du kan autentisere kontoen din for bruk med%(integrationsUrl)s. Ønsker du å fortsette?",
+            "dialog_title": "Legg til en integrering"
+        },
+        "self_redaction": "Meldingen ble slettet",
+        "send_state_encrypting": "Krypterer meldingen din …",
+        "send_state_failed": "Kunne ikke sende",
+        "send_state_sending": "Sender meldingen din...",
+        "send_state_sent": "Meldingen ble sendt",
+        "summary": {
+            "banned": {
+                "one": "ble utestengt",
+                "other": "ble utestengt %(count)s ganger"
+            },
+            "banned_multiple": {
+                "one": "ble utestengt",
+                "other": "ble utestengt %(count)s ganger"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)sendret profilbildet deres",
+                "other": "%(oneUser)sendret profilbildet deres %(count)s ganger"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)sendret profilbildet deres",
+                "other": "%(severalUsers)sendret profilbildet deres %(count)s ganger"
+            },
+            "changed_name": {
+                "one": "%(oneUser)s endret navn",
+                "other": "%(oneUser)s endret navn %(count)s ganger"
+            },
+            "changed_name_multiple": {
+                "%(severalUsers)s endret navnene sine": "one"
+            },
+            "format": "%(nameList)s%(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)ssendte en skjult melding",
+                "other": "%(oneUser)ssendte %(count)s skjulte meldinger"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)ssendte en skjult melding",
+                "other": "%(severalUsers)ssendte %(count)s skjulte meldinger"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)sfikk invitasjonen trukket tilbake",
+                "other": "%(oneUser)sfikk invitasjonen trukket tilbake %(count)s ganger"
+            },
+            "invite_withdrawn_multiple": {
+                "%(severalUsers)sfikk sine invitasjoner trukket tilbake": "one"
+            },
+            "invited": {
+                "one": "ble invitert",
+                "other": "ble invitert %(count)s ganger"
+            },
+            "invited_multiple": {
+                "one": "ble invitert",
+                "other": "ble invitert %(count)s ganger"
+            },
+            "joined": {
+                "one": "%(oneUser)sble med",
+                "other": "%(oneUser)sble med %(count)s ganger"
+            },
+            "joined_and_left": {
+                "%(oneUser)sble med og forlot igjen": "one"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)sble med og forlot",
+                "other": "%(severalUsers)sble med og forlot %(count)s ganger"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)sble med",
+                "other": "%(severalUsers)sble med %(count)s ganger"
+            },
+            "kicked": {
+                "one": "ble fjernet",
+                "other": "ble fjernet %(count)s ganger"
+            },
+            "kicked_multiple": {
+                "one": "ble fjernet",
+                "other": "ble fjernet %(count)s ganger"
+            },
+            "left": {
+                "one": "%(oneUser)s forlot",
+                "other": "%(oneUser)s forlot %(count)s ganger"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)s forlot",
+                "other": "%(severalUsers)s forlot %(count)s ganger"
+            },
+            "no_change": {
+                "one": "%(oneUser)sgjorde ingen endringer",
+                "other": "%(oneUser)sgjorde ingen endringer %(count)s ganger"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)sgjorde ingen endringer",
+                "other": "%(severalUsers)sgjorde ingen endringer %(count)s ganger"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)sendret <a>festede meldinger</a> for rommet",
+                "other": "%(oneUser)sendret <a>festede meldinger</a> for rommet %(count)s ganger"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)sendret <a>festede meldinger</a> for rommet",
+                "other": "%(severalUsers)sendret <a>festede meldinger</a> for rommet %(count)s ganger"
+            },
+            "redacted": {
+                "one": "%(oneUser)sfjernet en melding",
+                "other": "%(oneUser)sfjernet %(count)s meldinger"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)sfjernet en melding",
+                "other": "%(severalUsers)sfjernet %(count)s meldinger"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)savviste invitasjonen",
+                "other": "%(oneUser)savviste invitasjonen deres %(count)s ganger"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)savviste invitasjonene deres",
+                "other": "%(severalUsers)savviste invitasjonene deres %(count)s ganger"
+            },
+            "rejoined": {
+                "one": "%(oneUser)sforlot og ble med igjen",
+                "other": "%(oneUser)sforlot og ble med igjen %(count)s ganger"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)sforlot og ble med igjen",
+                "other": "%(severalUsers)sforlot og ble med igjen%(count)s ganger"
+            },
+            "unbanned": {
+                "one": "fikk opphevet forbudet",
+                "other": "fikk opphevet forbudet %(count)s ganger"
+            },
+            "unbanned_multiple": {
+                "one": "fikk opphevet forbudet",
+                "other": "fikk opphevet forbudet %(count)s ganger"
+            }
+        },
+        "thread_info_basic": "Fra en tråd",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s og %(count)s andre skriver …",
+                "one": "%(names)s og én annen bruker skriver …"
+            },
+            "one_user": "%(displayName)s skriver …",
+            "two_users": "%(names)s og %(lastPerson)s skriver …"
+        },
+        "undecryptable_tooltip": "Denne meldingen kunne ikke dekrypteres"
+    },
+    "truncated_list_n_more": {
+        "Og %(count)s til...": "other"
+    },
+    "unsupported_browser": {
+        "description": "Hvis du fortsetter, kan noen funksjoner slutte å fungere, og det er en risiko for at du kan miste data i fremtiden. Oppdater nettleseren din for å fortsette å bruke%(brand)s.",
+        "title": "%(brand)s støtter ikke denne nettleseren"
+    },
+    "unsupported_server_description": "Denne serveren bruker en eldre versjon av Matrix. Oppgrader til Matrix %(version)s for å bruke %(brand)s uten feil.",
+    "unsupported_server_title": "Serveren din støttes ikke",
+    "update": {
+        "changelog": "Endringslogg",
+        "check_action": "Let etter oppdateringer",
+        "checking": "Ser etter en oppdatering...",
+        "downloading": "Laster ned oppdatering...",
+        "error_encountered": "Feil oppstått (%(errorDetail)s).",
+        "error_unable_load_commit": "Kan ikke laste inn forpliktelsesdetaljer: %(msg)s",
+        "new_version_available": "Ny versjon tilgjengelig. <a>Oppdater nå.</a>",
+        "no_update": "Ingen oppdateringer er tilgjengelige.",
+        "release_notes_toast_title": "Hva er nytt",
+        "see_changes_button": "Hva er nytt?",
+        "toast_description": "Ny versjon av %(brand)s er tilgjengelig",
+        "toast_title": "Oppdater %(brand)s",
+        "unavailable": "Ikke tilgjengelig"
+    },
+    "update_room_access_modal": {
+        "description": "For å opprette en delingslenke, lag dette rommet <b>offentlig</b> eller aktiver alternativet for brukere å <b>be om å bli med</b> Dette lar gjester bli med uten å bli invitert.",
+        "dont_change_description": "Hvis du ikke ønsker å endre tilgangen til dette rommet, kan du opprette et nytt rom for lenken.",
+        "no_change": "Jeg vil ikke endre tilgangsnivået.",
+        "revert_access_description": "(Dette kan tilbakestilles til den forrige verdien i Rominnstillinger: <b>Sikkerhet og personvern</b> / <b>Tilgang</b>)",
+        "title": "Tillat gjestebrukere å bli med i dette rommet"
+    },
+    "upload_failed_generic": "Filen '%(fileName)s' kunne ikke lastes opp.",
+    "upload_failed_size": "Filen \"%(fileName)s\" er større enn hjemmeserverens grense for opplastninger",
+    "upload_failed_title": "Opplasting feilet",
+    "upload_file": {
+        "cancel_all_button": "Avbryt alt",
+        "error_file_too_large": "Denne filen er <b>for stor</b> til å lastes opp. Grensen for filstørrelse er %(limit)s mens denne filen er %(sizeOfThisFile)s.",
+        "error_files_too_large": "Disse filene er <b>for store</b> å laste opp. Grensen for filstørrelse er %(limit)s.",
+        "error_some_files_too_large": "Noen filer er <b>for store</b> til å kunne lastes opp. Grensen for filstørrelse er %(limit)s.",
+        "error_title": "Opplastingsfeil",
+        "not_image": "Filen du har valgt, er ikke en gyldig bildefil.",
+        "title": "Last opp filer",
+        "title_progress": "Last opp filer (%(current)s av %(total)s)",
+        "upload_all_button": "Last opp alle",
+        "upload_n_others_button": {
+            "Last opp %(count)s andre filer": "Last opp %(count)s andre filer",
+            "Last opp %(count)s annen fil": "Last opp %(count)s en annen fil"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Adminverktøy",
+        "ban_button_room": "Utesteng fra rommet",
+        "ban_button_space": "Utesteng fra området",
+        "ban_room_confirm_title": "Utestenge fra %(roomName)s",
+        "ban_space_everything": "Utesteng dem fra alt jeg kan",
+        "ban_space_specific": "Utesteng dem fra spesifikke ting jeg er i stand til",
+        "deactivate_confirm_action": "Deaktiver brukeren",
+        "deactivate_confirm_description": "Deaktivering av denne brukeren vil logge dem ut og forhindre dem i å logge på igjen. I tillegg vil de forlate alle rommene de er i. Denne handlingen kan ikke reverseres. Er du sikker på at du vil deaktivere denne brukeren?",
+        "deactivate_confirm_title": "Vil du deaktivere brukeren?",
+        "demote_button": "Degrader",
+        "demote_self_confirm_description_space": "Du vil ikke kunne angre denne endringen mens du degraderer deg selv, hvis du er den siste privilegerte brukeren i området, vil det være umulig å gjenvinne privilegier.",
+        "demote_self_confirm_room": "Du vil ikke kunne angre denne endringen mens du degraderer deg selv, hvis du er den siste privilegerte brukeren i rommet, vil det være umulig å gjenvinne privilegier.",
+        "demote_self_confirm_title": "Vil du degradere deg selv?",
+        "disinvite_button_room": "Fjern invitasjonen fra rommet",
+        "disinvite_button_room_name": "Fjern invitasjonen fra %(roomName)s",
+        "disinvite_button_space": "Fjern invitasjonen fra området",
+        "error_ban_user": "Mislyktes i å bannlyse brukeren",
+        "error_deactivate": "Mislyktes i å deaktivere brukeren",
+        "error_kicking_user": "Kunne ikke fjerne brukeren",
+        "error_mute_user": "Kunne ikke dempe brukeren",
+        "error_revoke_3pid_invite_description": "Klarte ikke å trekke tilbake invitasjonen. Tjener kan ha et forbigående problem, eller det kan hende at du ikke har tilstrekkelige rettigheter for å trekke tilbake invitasjonen.",
+        "error_revoke_3pid_invite_title": "Klarte ikke å trekke tilbake invitasjon",
+        "ignore_button": "Ignorer",
+        "ignore_confirm_description": "Alle meldinger og invitasjoner fra denne brukeren vil bli skjult. Er du sikker på at du vil ignorere dem?",
+        "ignore_confirm_title": "Ignorer %(user)s",
+        "invited_by": "Invitert av %(sender)s",
+        "jump_to_rr_button": "Hopp til lesekvitteringen",
+        "kick_button_room": "Fjern fra rommet",
+        "kick_button_room_name": "Fjern fra %(roomName)s",
+        "kick_button_space": "Fjern fra området",
+        "kick_button_space_everything": "Fjern dem fra alt jeg kan",
+        "kick_space_specific": "Fjern dem fra spesifikke ting jeg kan",
+        "kick_space_warning": "De vil fortsatt kunne få tilgang til det du ikke er administrator av.",
+        "promote_warning": "Du vil ikke kunne angre denne endringen ettersom du promoterer brukeren til å ha samme tilgangsnivå som deg selv.",
+        "redact": {
+            "confirm_button": {
+                "Slett %(count)s meldinger": "Fjern 1 melding",
+                "Slett 1 melding": "Fjern %(count)s meldinger"
+            },
+            "confirm_description_1": {
+                "one": "Du er i ferd med å fjerne %(count)s melding fra %(user)s. Dette vil fjerne dem permanent for alle i samtalen. Ønsker du å fortsette?",
+                "other": "Du er i ferd med å fjerne %(count)s meldinger fra %(user)s. Dette vil fjerne dem permanent for alle i samtalen. Ønsker du å fortsette?"
+            },
+            "confirm_description_2": "For en stor mengde meldinger kan dette ta litt tid. Vennligst ikke oppdater klienten din i mellomtiden.",
+            "confirm_keep_state_explainer": "Fjern merket hvis du også vil fjerne systemmeldinger på denne brukeren (f.eks. medlemskapsendring, profilendring...)",
+            "confirm_keep_state_label": "Ta vare på systemmeldinger",
+            "confirm_title": "Fjern nylige meldinger fra %(user)s",
+            "no_recent_messages_description": "Prøv å bla opp i tidslinjen for å se om det er noen tidligere.",
+            "no_recent_messages_title": "Ingen nyere meldinger fra %(user)s funnet"
+        },
+        "redact_button": "Fjern meldinger",
+        "revoke_invite": "Trekk tilbake invitasjonen",
+        "room_encrypted": "Meldinger i dette rommet er start-til-slutt-kryptert.",
+        "room_encrypted_detail": "Meldingene dine er sikret, og det er bare du og mottakeren som har de unike nøklene til å låse dem opp.",
+        "room_unencrypted": "Meldinger i dette rommet er ikke start-til-slutt-kryptert.",
+        "room_unencrypted_detail": "I krypterte rom er meldingene dine sikret, og det er bare du og mottakeren som har de unike nøklene til å låse dem opp.",
+        "send_message": "Send melding",
+        "share_button": "Del profil",
+        "unban_button_room": "Opphev utestengelse fra rommet",
+        "unban_button_space": "Opphev utestengelsen fra området",
+        "unban_room_confirm_title": "Opphev utestengelsen fra %(roomName)s",
+        "unban_space_everything": "Opphev utestengelsen av dem fra alt jeg er i stand til",
+        "unban_space_specific": "Opphev utestengelsen av dem fra spesifikke ting jeg er i stand til",
+        "unban_space_warning": "De vil ikke kunne få tilgang til det du ikke er administrator av.",
+        "unignore_button": "Ikke ignorer",
+        "verification_unavailable": "Brukerverifisering ikke tilgjengelig",
+        "verify_button": "Verifiser bruker",
+        "verify_explainer": "For ekstra sikkerhet, bekreft denne brukeren ved å sjekke en engangskode på begge enhetene dine."
+    },
+    "voip": {
+        "already_in_call": "Allerede i en samtale",
+        "already_in_call_person": "Du er allerede i en samtale med denne personen.",
+        "answered_elsewhere": "Besvart andre steder",
+        "answered_elsewhere_description": "Samtalen ble besvart på en annen enhet.",
+        "call_failed": "Oppringning mislyktes",
+        "call_failed_description": "Samtalen kunne ikke etableres",
+        "call_failed_media": "Samtalen mislyktes fordi du fikk ikke tilgang til webkamera eller mikrofon. Sørg for at:",
+        "call_failed_media_applications": "Ingen andre applikasjoner bruker webkameraet",
+        "call_failed_media_connected": "En mikrofon og webkamera er koblet til og satt opp riktig",
+        "call_failed_media_permissions": "Tillatelse er gitt til å bruke webkameraet",
+        "call_failed_microphone": "Samtalen mislyktes fordi mikrofonen ikke var tilgjengelig. Sjekk at en mikrofon er koblet til og satt opp riktig.",
+        "call_held": "%(peerName)s holdt samtalen",
+        "call_held_resume": "Du holdt samtalen <a> Fortsett </a>",
+        "call_held_switch": "Du holdt samtalen <a>Bytt</a>",
+        "call_toast_unknown_room": "Ukjent rom",
+        "camera_disabled": "Kameraet ditt er slått av",
+        "camera_enabled": "Kameraet ditt er fortsatt aktivert",
+        "cannot_call_yourself_description": "Du kan ikke ringe deg selv.",
+        "close_lobby": "Lukk lobbyen",
+        "connecting": "Kobler til",
+        "connection_lost": "Mistet forbindelsen til serveren",
+        "connection_lost_description": "Du kan ikke ringe uten tilkobling til serveren.",
+        "consulting": "Rådføring med %(transferTarget)s. <a>Overfør til %(transferee)s</a>",
+        "default_device": "Standardenhet",
+        "dial": "Ring",
+        "dialpad": "Nummerpanel",
+        "disable_camera": "Stopp kameraet",
+        "disable_microphone": "Demp mikrofonen",
+        "disabled_no_perms_start_video_call": "Du har ikke tillatelse til å starte videosamtaler",
+        "disabled_no_perms_start_voice_call": "Du har ikke tillatelse til å starte taleanrop",
+        "disabled_ongoing_call": "Pågående samtale",
+        "element_call": "Element Call",
+        "enable_camera": "Start kameraet",
+        "enable_microphone": "Opphev demping av mikrofonen",
+        "expand": "Gå tilbake til samtalen",
+        "get_call_link": "Del anropslenke",
+        "hangup": "Legg på røret",
+        "hide_sidebar_button": "Skjul sidepanel",
+        "input_devices": "Inndataenheter",
+        "jitsi_call": "Jitsi Conference",
+        "legacy_call": "Eldre samtale",
+        "maximise": "Fyll skjermen",
+        "maximise_call": "Maksimer samtalen",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Konferanser"
+        },
+        "minimise_call": "Minimer samtalen",
+        "misconfigured_server": "Oppringingen feilet på grunn av feil-konfigurert tjener",
+        "misconfigured_server_description": "Vennligst be administratoren av din hjemmetjener (<code>%(homeserverDomain)s</code>) til å konfigurere en TURN tjener slik at samtaler vil fungere best mulig.",
+        "misconfigured_server_fallback": "Alternativt, du kan prøve å bruke den offentlige serveren på<server/>, men dette vil ikke være like pålitelig, og det vil dele IP-adressen din med den serveren. Du kan også administrere dette i Innstillinger.",
+        "misconfigured_server_fallback_accept": "Prøv å bruke %(server)s",
+        "more_button": "Mer",
+        "msisdn_lookup_failed": "Kan ikke slå opp telefonnummeret",
+        "msisdn_lookup_failed_description": "Det oppstod en feil ved oppslag av telefonnummeret",
+        "msisdn_transfer_failed": "Kan ikke overføre samtalen",
+        "n_people_joined": {
+            "one": "%(count)s person ble med",
+            "other": "%(count)s personer ble med"
+        },
+        "no_audio_input_description": "Vi fant ingen mikrofon på enheten din. Kontroller innstillingene og prøv igjen.",
+        "no_audio_input_title": "Ingen mikrofon funnet",
+        "no_media_perms_description": "Du må kanskje manuelt gi %(brand)s tilgang til mikrofonen/webkameraet",
+        "no_media_perms_title": "Ingen mediatillatelser",
+        "no_permission_conference": "Tillatelse kreves",
+        "no_permission_conference_description": "Du har ikke tillatelse til å starte en konferansesamtale i dette rommet",
+        "on_hold": "%(name)s står på vent",
+        "output_devices": "Utgangsenheter",
+        "screenshare_monitor": "Del hele skjermen",
+        "screenshare_title": "Del innhold",
+        "screenshare_window": "Applikasjonsvindu",
+        "show_sidebar_button": "Vis sidepanel",
+        "silence": "Demp samtale",
+        "silenced": "Varslinger er dempet",
+        "start_screenshare": "Begynn å dele skjermen din",
+        "stop_screenshare": "Slutt å dele skjermen din",
+        "too_many_calls": "For mange samtaler",
+        "too_many_calls_description": "Du har nådd det maksimale antallet samtidige anrop.",
+        "transfer_consult_first_label": "Rådfør deg først",
+        "transfer_failed": "Overføring mislyktes",
+        "transfer_failed_description": "Kunne ikke overføre samtalen",
+        "unable_to_access_audio_input_description": "Vi fikk ikke tilgang til mikrofonen din. Vennligst sjekk nettleserinnstillingene og prøv igjen.",
+        "unable_to_access_audio_input_title": "Får ikke tilgang til mikrofonen din",
+        "unable_to_access_media": "Ingen tilgang til webkamera / mikrofon",
+        "unable_to_access_microphone": "Kan ikke få tilgang til mikrofonen",
+        "unknown_caller": "Ukjent oppringer",
+        "unknown_person": "ukjent person",
+        "unsilence": "Lyd på",
+        "unsupported": "Samtaler støttes ikke",
+        "unsupported_browser": "Du kan ikke ringe i denne nettleseren.",
+        "user_busy": "Bruker opptatt",
+        "user_busy_description": "Brukeren du ringte er opptatt.",
+        "user_is_presenting": "%(sharerName)s presenterer",
+        "video_call": "Videosamtale",
+        "video_call_incoming": "Innkommende videosamtale",
+        "video_call_using": "Videosamtale ved hjelp av:",
+        "voice_call": "Stemmesamtale",
+        "voice_call_incoming": "Innkommende taleanrop",
+        "voice_call_using": "Taleanrop ved hjelp av:",
+        "you_are_presenting": "Du presenterer"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s på %(osName)s",
+    "widget": {
+        "added_by": "Modulen ble lagt til av",
+        "capabilities_dialog": {
+            "content_starting_text": "Denne widgeten vil gjerne:",
+            "decline_all_permission": "Avslå alle",
+            "remember_Selection": "Husk mitt valg for denne widgeten",
+            "title": "Godkjenn widgettillatelser"
+        },
+        "capability": {
+            "always_on_screen_generic": "Forbli på skjermen mens programmet kjører",
+            "always_on_screen_viewing_another_room": "Forbli på skjermen når du ser på et annet rom, når programmet kjører",
+            "any_room": "Ovennevnte, men i alle rom blir du med eller invitert til også",
+            "byline_empty_state_key": "med en tom tilstandsnøkkel",
+            "byline_state_key": "med tilstandsnøkkel %(stateKey)s",
+            "capability": "Kapasiteten til <b>%(capability)s</b>",
+            "change_avatar_active_room": "Endre avataren til det aktive rommet ditt",
+            "change_avatar_this_room": "Endre avataren til dette rommet",
+            "change_name_active_room": "Endre navnet på det aktive rommet ditt",
+            "change_name_this_room": "Endre rommets navn",
+            "change_topic_active_room": "Endre tema for det aktive rommet ditt",
+            "change_topic_this_room": "Endre dette rommets tema",
+            "receive_membership_active_room": "Se når folk blir med, forlater eller blir invitert til det aktive rommet ditt",
+            "receive_membership_this_room": "Se når folk blir med, forlater eller blir invitert til dette rommet",
+            "remove_ban_invite_leave_active_room": "Fjern, utesteng eller inviter folk til det aktive rommet ditt, og få deg til å forlate",
+            "remove_ban_invite_leave_this_room": "Fjern, utesteng eller inviter folk til dette rommet, og få deg til å forlate rommet",
+            "see_avatar_change_active_room": "Se når avataren endres i det aktive rommet ditt",
+            "see_avatar_change_this_room": "Se når avataren endres i dette rommet",
+            "see_event_type_sent_active_room": "Se <b> %(eventType)s </b> hendelser lagt ut i ditt aktive rom",
+            "see_event_type_sent_this_room": "Se <b> %(eventType)s </b> hendelser lagt ut i dette rommet",
+            "see_images_sent_active_room": "Se bilder lagt ut på ditt aktive rom",
+            "see_images_sent_this_room": "Se bilder som er lagt ut i dette rommet",
+            "see_messages_sent_active_room": "Se meldinger som er lagt ut i ditt aktive rom",
+            "see_messages_sent_this_room": "Se meldinger som er lagt ut i dette rommet",
+            "see_msgtype_sent_active_room": "Se <b> %(msgtype)s </b> meldinger som er lagt ut i ditt aktive rom",
+            "see_msgtype_sent_this_room": "Se <b> %(msgtype)s </b> meldinger som er lagt ut i dette rommet",
+            "see_name_change_active_room": "Se når navnet endres i ditt aktive rom",
+            "see_name_change_this_room": "Se når navnet endres i dette rommet",
+            "see_sent_emotes_active_room": "Se emoter lagt ut i ditt aktive rom",
+            "see_sent_emotes_this_room": "Se emoter lagt ut i dette rommet",
+            "see_sent_files_active_room": "Se generelle filer som er lagt ut i det aktive rommet",
+            "see_sent_files_this_room": "Se generelle filer som er lagt ut i dette rommet",
+            "see_sticker_posted_active_room": "Se når noen legger ut et klistremerke i det aktive rommet ditt",
+            "see_sticker_posted_this_room": "Se når et klistremerke er lagt ut i dette rommet",
+            "see_text_messages_sent_active_room": "Se tekstmeldinger som er lagt ut i ditt aktive rom",
+            "see_text_messages_sent_this_room": "Se tekstmeldinger som er lagt ut i dette rommet",
+            "see_topic_change_active_room": "Se når emnet endres i det aktive rommet ditt",
+            "see_topic_change_this_room": "Se når emnet endres i dette rommet",
+            "see_videos_sent_active_room": "Se videoer lagt ut på ditt aktive rom",
+            "see_videos_sent_this_room": "Se videoer lagt ut i dette rommet",
+            "send_emotes_active_room": "Send emotes som deg i det aktive rommet ditt",
+            "send_emotes_this_room": "Send emotes som deg i dette rommet",
+            "send_event_type_active_room": "Send <b> %(eventType)s </b> hendelser som deg i ditt aktive rom",
+            "send_event_type_this_room": "Send <b> %(eventType)s </b> hendelser som deg i dette rommet",
+            "send_files_active_room": "Send generelle filer som deg i ditt aktive rom",
+            "send_files_this_room": "Send generelle filer som deg i dette rommet",
+            "send_images_active_room": "Send bilder som deg i ditt aktive rom",
+            "send_images_this_room": "Send bilder som deg i dette rommet",
+            "send_messages_active_room": "Send meldinger som deg i det aktive rommet ditt",
+            "send_messages_this_room": "Send meldinger som deg i dette rommet",
+            "send_msgtype_active_room": "Send <b>%(msgtype)s</b> meldinger som deg i det aktive rommet ditt",
+            "send_msgtype_this_room": "Send <b> %(msgtype)s </b> meldinger som deg i dette rommet",
+            "send_stickers_active_room": "Send klistremerker inn i det aktive rommet ditt",
+            "send_stickers_active_room_as_you": "Send klistremerker til det aktive rommet ditt mens du er",
+            "send_stickers_this_room": "Send klistremerker inn i dette rommet",
+            "send_stickers_this_room_as_you": "Send klistremerker til dette rommet mens du",
+            "send_text_messages_active_room": "Send tekstmeldinger som deg i ditt aktive rom",
+            "send_text_messages_this_room": "Send tekstmeldinger som deg i dette rommet",
+            "send_videos_active_room": "Send videoer som deg i ditt aktive rom",
+            "send_videos_this_room": "Send videoer som deg i dette rommet",
+            "specific_room": "Ovenstående, men <Room /> også",
+            "switch_room": "Endre hvilket rom du ser på",
+            "switch_room_message_user": "Endre hvilket rom, melding eller bruker du ser på"
+        },
+        "close_to_view_right_panel": "Lukk denne widgeten for å se den i dette panelet",
+        "context_menu": {
+            "delete": "Slett modul",
+            "delete_warning": "Hvis du sletter en widget, fjernes den for alle brukere i dette rommet. Er du sikker på at du vil slette denne widgeten?"
+        },
+        "cookie_warning": "Denne modulen bruker kanskje infokapsler.",
+        "error_hangup_description": "Du ble koblet fra samtalen. (Feil:%(message)s)",
+        "error_hangup_title": "Forbindelse brutt",
+        "error_loading": "Feil ved lasting av widget",
+        "error_mixed_content": "Feil - Blandet innhold",
+        "error_need_invite_permission": "Du må kunne invitere andre brukere for å gjøre det.",
+        "error_need_kick_permission": "Du må kunne sparke brukere for å gjøre det.",
+        "error_need_to_be_logged_in": "Du må være logget inn.",
+        "error_unable_start_audio_stream_description": "Kan ikke starte lydstrømming.",
+        "error_unable_start_audio_stream_title": "Kan ikke starte livestream",
+        "modal_data_warning": "Dataene nedenfor deles med %(widgetDomain)s",
+        "modal_title_default": "Modal Widget",
+        "no_name": "Ukjent app",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Husk dette",
+            "starting_text": "Widgeten vil bekrefte bruker-ID-en din, men vil ikke kunne utføre handlinger for deg:",
+            "title": "Tillat denne widgeten å bekrefte identiteten din"
+        },
+        "popout": "Utsprettsmodul",
+        "set_room_layout": "Angi romoppsettet mitt for alle",
+        "shared_data_avatar": "URL til profilbildet ditt",
+        "shared_data_device_id": "Din enhets-ID",
+        "shared_data_lang": "Ditt språk",
+        "shared_data_mxid": "Din bruker-ID",
+        "shared_data_name": "Ditt visningsnavn",
+        "shared_data_room_id": "Rom-ID",
+        "shared_data_theme": "Ditt tema",
+        "shared_data_url": "%(brand)s-URL",
+        "shared_data_warning": "Bruk av denne widgeten kan dele data <helpIcon /> med%(widgetDomain)s.",
+        "shared_data_warning_im": "Bruk av denne widgeten kan dele data <helpIcon /> med %(widgetDomain)s & integrasjonsadministratoren din.",
+        "shared_data_widget_id": "Modul-ID",
+        "unencrypted_warning": "Widgets bruker ikke meldingskryptering.",
+        "unmaximise": "Fjern maksimering",
+        "unpin_to_view_right_panel": "Fjern denne widgeten for å vise den i dette panelet"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Bare store bokstaver er nesten like enkelt å gjette som bare små bokstaver",
+            "anotherWord": "Legg til et ord eller to til. Uvanlige ord er bedre.",
+            "associatedYears": "Unngå år som er knyttet til deg",
+            "capitalization": "Store bokstaver er ikke spesielt nyttig",
+            "dates": "Unngå datoer og år som er knyttet til deg",
+            "l33t": "Forutsigbar erstatninger som ‘ @‘ istedet for ‘a’ hjelper ikke mye",
+            "longerKeyboardPattern": "Bruke et lengre og mer uventet tastatur mønster",
+            "noNeed": "Ikke nødvendig med symboler, sifre eller bokstaver",
+            "pwned": "Hvis du bruker dette passordet andre steder, bør du endre det.",
+            "recentYears": "Unngå nylige år",
+            "repeated": "Unngå gjentatte ord og tegn",
+            "reverseWords": "Ord som er skrevet baklengs er vanskeligere å huske.",
+            "sequences": "Unngå sekvenser",
+            "useWords": "Bruk noen få ord, unngå vanlig fraser"
+        },
+        "warnings": {
+            "common": "Dette er et veldig vanlig passord",
+            "commonNames": "Vanlige navn og etternavn er enkle å gjette",
+            "dates": "Datoer er ofte lette å gjette",
+            "extendedRepeat": "Gjentakelser som «abcabcabc» er bare litt vanskeligere å gjette enn «abc»",
+            "keyPattern": "Korte tastatur mønstre er lett å gjette",
+            "namesByThemselves": "Navn og etternavn er i seg selv lette å gjette",
+            "pwned": "Passordet ditt ble avslørt ved et datainnbrudd på Internett.",
+            "recentYears": "Nylige år er lette å gjette",
+            "sequences": "Sekvenser som abc eller 6543 er enkle å gjette",
+            "similarToCommon": "Dette ligner på et passord som er brukt mye",
+            "simpleRepeat": "Gjentakelser som «aaa» er enkle å gjette",
+            "straightRow": "En rad av taster etter hverandre er enklt å gjette",
+            "topHundred": "Dette er et topp-100 vanlig passord",
+            "topTen": "Dette er et topp-10 vanlig passord",
+            "userInputs": "Det bør ikke være noen personlige eller siderelaterte data.",
+            "wordByItself": "Et ord alene er lett å gjette"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/nl.json b/apps/web/src/i18n/strings/nl.json
new file mode 100644
index 00000000000..1de1710e872
--- /dev/null
+++ b/apps/web/src/i18n/strings/nl.json
@@ -0,0 +1,3003 @@
+{
+    "a11y": {
+        "jump_first_invite": "Ga naar de eerste uitnodiging.",
+        "message_composer": "Bericht opsteller",
+        "n_unread_messages": {
+            "other": "%(count)s ongelezen berichten.",
+            "one": "1 ongelezen bericht."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s ongelezen berichten, inclusief vermeldingen.",
+            "one": "1 ongelezen vermelding."
+        },
+        "room_status_bar": "Kamerstatus balk",
+        "seek_bar_label": "Audio zoekbalk",
+        "unread_messages": "Ongelezen berichten."
+    },
+    "a11y_jump_first_unread_room": "Ga naar de eerste ongelezen kamer",
+    "action": {
+        "accept": "Accepteren",
+        "add": "Toevoegen",
+        "add_existing_room": "Voeg bestaande kamer toeroom",
+        "apply": "Toepassen",
+        "approve": "Keur goed",
+        "ask_to_join": "Vraag om toe te treden",
+        "back": "Terug",
+        "call": "Bellen",
+        "cancel": "Annuleer",
+        "change": "Wijzig",
+        "clear": "Wis",
+        "click_to_copy": "Klik om te kopiëren",
+        "close": "Sluiten",
+        "collapse": "Invouwen",
+        "complete": "Voltooien",
+        "confirm": "Bevestigen",
+        "continue": "Doorgaan",
+        "copy": "Kopiëren",
+        "copy_link": "Link kopieren",
+        "create": "Aanmaken",
+        "create_a_room": "Kamer aanmaken",
+        "create_account": "Registreren",
+        "decline": "Weigeren",
+        "delete": "Verwijderen",
+        "deny": "Weigeren",
+        "disable": "Uitschakelen",
+        "disconnect": "Verbinding verbreken",
+        "dismiss": "Sluiten",
+        "done": "Klaar",
+        "download": "Downloaden",
+        "edit": "Bewerken",
+        "enable": "Inschakelen",
+        "enter_fullscreen": "Volledig scherm openen",
+        "exit_fullscreeen": "Volledig scherm verlaten",
+        "expand": "Uitvouwen",
+        "explore_rooms": "Kamers ontdekken",
+        "export": "Wegschrijven",
+        "forward": "Doorsturen",
+        "go": "Start",
+        "go_back": "Terug",
+        "got_it": "Ik snap het",
+        "hide_advanced": "Geavanceerde info verbergen",
+        "hold": "Vasthouden",
+        "ignore": "Negeren",
+        "import": "Inlezen",
+        "invite": "Uitnodigen",
+        "join": "Deelnemen",
+        "learn_more": "Lees verder",
+        "leave": "Verlaten",
+        "leave_room": "Kamer verlaten",
+        "logout": "Uitloggen",
+        "manage": "Beheren",
+        "maximise": "Maximaliseren",
+        "mention": "Vermelden",
+        "minimise": "Minimaliseren",
+        "new_room": "Nieuwe kamer",
+        "new_video_room": "Nieuwe video kamer",
+        "next": "Volgende",
+        "no": "Nee",
+        "ok": "Oké",
+        "open": "Openen",
+        "pin": "Vastmaken",
+        "proceed": "Doorgaan",
+        "quote": "Citeren",
+        "react": "Reageren",
+        "refresh": "Herladen",
+        "register": "Registreren",
+        "reload": "Herladen",
+        "remove": "Verwijderen",
+        "rename": "Hernoemen",
+        "reply": "Beantwoorden",
+        "reply_in_thread": "Reageer in draad",
+        "resend": "Opnieuw versturen",
+        "reset": "Opnieuw instellen",
+        "resume": "Hervatten",
+        "retry": "Opnieuw proberen",
+        "review": "Controleer",
+        "revoke": "Intrekken",
+        "save": "Opslaan",
+        "search": "Zoeken",
+        "send_report": "Rapport versturen",
+        "share": "Delen",
+        "show": "Toon",
+        "show_advanced": "Geavanceerde info tonen",
+        "show_all": "Alles tonen",
+        "sign_in": "Inloggen",
+        "sign_out": "Uitloggen",
+        "skip": "Overslaan",
+        "start": "Starten",
+        "stop": "Stop",
+        "submit": "Bevestigen",
+        "subscribe": "Abonneren",
+        "transfer": "Doorschakelen",
+        "trust": "Vertrouwen",
+        "try_again": "Probeer opnieuw",
+        "unban": "Ontbannen",
+        "unignore": "Niet meer negeren",
+        "unpin": "Losmaken",
+        "unsubscribe": "Abonnement opzeggen",
+        "update": "Updaten",
+        "upgrade": "Upgraden",
+        "upload": "Versturen",
+        "verify": "Verifiëren",
+        "view": "Bekijken",
+        "view_all": "Bekijk alles",
+        "view_list": "Toon lijst",
+        "view_message": "Bericht bekijken",
+        "view_source": "Bron bekijken",
+        "yes": "Ja",
+        "zoom_in": "Inzoomen",
+        "zoom_out": "Uitzoomen"
+    },
+    "analytics": {
+        "accept_button": "Dat is prima",
+        "bullet_1": "We verwerken of bewaren <Bold>geen</Bold> accountgegevens",
+        "bullet_2": "We delen <Bold>geen</Bold> informatie met derde partijen",
+        "consent_migration": "Je hebt eerder ingestemd met het verzamelen van anonieme gedragsdata met ons. We updaten nu hoe dit werkt.",
+        "disable_prompt": "Je kan dit elk moment uitzetten in instellingen",
+        "enable_prompt": "Help %(analyticsOwner)s verbeteren",
+        "learn_more": "Deel anonieme data om ons problemen te laten opsporen. Geen persoonsgegeven. Geen derde partijen. <LearnMoreLink>Lees Meer</LearnMoreLink>",
+        "privacy_policy": "Je kan alle voorwaarden <PrivacyPolicyUrl>hier</PrivacyPolicyUrl> lezen",
+        "pseudonymous_usage_data": "Help ons problemen te identificeren en %(analyticsOwner)s te verbeteren door anonieme gebruiksgegevens te delen. Om inzicht te krijgen in hoe mensen meerdere apparaten gebruiken, genereren we een willekeurige identificatie die door jouw apparaten wordt gedeeld.",
+        "shared_data_heading": "De volgende gegevens worden mogelijk gedeeld:"
+    },
+    "auth": {
+        "account_clash": "Jouw nieuwe account (%(newAccountId)s) is geregistreerd, maar je bent al ingelogd met een andere account (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Doorgaan met vorige account",
+        "account_deactivated": "Dit account is gesloten.",
+        "autodiscovery_generic_failure": "Ophalen van auto-vindbaarheidsconfiguratie van server is mislukt",
+        "autodiscovery_invalid": "Ongeldig homeserver-vindbaarheids-antwoord",
+        "autodiscovery_invalid_hs": "De homeserver-URL lijkt geen geldige Matrix-homeserver",
+        "autodiscovery_invalid_hs_base_url": "Ongeldige base_url voor m.homeserver",
+        "autodiscovery_invalid_is": "De identiteitsserver-URL lijkt geen geldige identiteitsserver",
+        "autodiscovery_invalid_is_base_url": "Ongeldige base_url voor m.identity_server",
+        "autodiscovery_invalid_is_response": "Ongeldig identiteitsserver-vindbaarheidsantwoord",
+        "autodiscovery_invalid_json": "Ongeldige JSON",
+        "autodiscovery_unexpected_error_hs": "Onverwachte fout bij het controleren van de homeserver-configuratie",
+        "autodiscovery_unexpected_error_is": "Onverwachte fout bij het oplossen van de identiteitsserverconfiguratie",
+        "captcha_description": "Deze homeserver wil graag weten of je geen robot bent.",
+        "change_password_action": "Wachtwoord wijzigen",
+        "change_password_confirm_invalid": "Wachtwoorden komen niet overeen",
+        "change_password_confirm_label": "Bevestig wachtwoord",
+        "change_password_current_label": "Huidig wachtwoord",
+        "change_password_empty": "Wachtwoorden kunnen niet leeg zijn",
+        "change_password_mismatch": "Nieuwe wachtwoorden komen niet overeen",
+        "change_password_new_label": "Nieuw wachtwoord",
+        "continue_with_idp": "Doorgaan met %(provider)s",
+        "continue_with_sso": "Ga verder met %(ssoButtons)s",
+        "country_dropdown": "Landselectie",
+        "create_account_prompt": "Nieuw hier? <a>Maak een account</a>",
+        "create_account_title": "Registeren",
+        "email_discovery_text": "Optioneel kan je jouw e-mail ook gebruiken om ontdekt te worden door al bestaande contacten.",
+        "email_field_label": "E-mailadres",
+        "email_field_label_invalid": "Dit lijkt geen geldig e-mailadres",
+        "email_field_label_required": "E-mailadres invoeren",
+        "email_help_text": "Voeg een e-mail toe om je wachtwoord te kunnen resetten.",
+        "email_phone_discovery_text": "Gebruik e-mail of telefoon om optioneel ontdekt te kunnen worden door bestaande contacten.",
+        "failed_connect_identity_server": "Kan identiteitsserver niet bereiken",
+        "failed_connect_identity_server_other": "Je kan inloggen, maar sommige functies zullen pas beschikbaar zijn wanneer de identiteitsserver weer online is. Als je deze waarschuwing blijft zien, controleer dan je configuratie of neem contact op met een systeembeheerder.",
+        "failed_connect_identity_server_register": "Je kan jezelf registreren, maar sommige functies zullen pas beschikbaar zijn wanneer de identiteitsserver weer online is. Als je deze waarschuwing blijft zien, controleer dan je configuratie of neem contact op met een serverbeheerder.",
+        "failed_connect_identity_server_reset_password": "Je kan jouw wachtwoord opnieuw instellen, maar sommige functies zullen pas beschikbaar komen wanneer de identiteitsserver weer online is. Als je deze waarschuwing blijft zien, controleer dan je configuratie of neem contact op met een serverbeheerder.",
+        "failed_homeserver_discovery": "Ontdekken van homeserver is mislukt",
+        "failed_query_registration_methods": "Kan ondersteunde registratiemethoden niet opvragen.",
+        "failed_soft_logout_auth": "Opnieuw inloggen is mislukt",
+        "failed_soft_logout_homeserver": "Opnieuw inloggen is mislukt wegens een probleem met de homeserver",
+        "forgot_password_email_invalid": "Dit e-mailadres lijkt niet geldig te zijn.",
+        "forgot_password_email_required": "Het aan jouw account gekoppelde e-mailadres dient ingevoerd worden.",
+        "forgot_password_prompt": "Wachtwoord vergeten?",
+        "identifier_label": "Inloggen met",
+        "incorrect_credentials": "Onjuiste inlognaam en/of wachtwoord.",
+        "incorrect_credentials_detail": "Let op dat je inlogt bij de %(hs)s-server, niet matrix.org.",
+        "incorrect_password": "Onjuist wachtwoord",
+        "log_in_new_account": "<a>Login</a> met je nieuwe account.",
+        "logout_dialog": {
+            "description": "Weet je zeker dat je wilt uitloggen?",
+            "setup_key_backup_title": "Je zal de toegang tot je versleutelde berichten verliezen",
+            "skip_key_backup": "Ik wil mijn versleutelde berichten niet"
+        },
+        "misconfigured_body": "Vraag jouw %(brand)s-beheerder <a>je configuratie</a> na te kijken op onjuiste of dubbele items.",
+        "misconfigured_title": "Je %(brand)s is onjuist geconfigureerd",
+        "msisdn_field_description": "Andere personen kunnen je in kamers uitnodigen op basis van je contactgegevens",
+        "msisdn_field_label": "Telefoonnummer",
+        "msisdn_field_number_invalid": "Dat telefoonnummer ziet er niet goed uit, controleer het en probeer het opnieuw",
+        "msisdn_field_required_invalid": "Telefoonnummer invoeren",
+        "no_hs_url_provided": "Geen homeserver-URL opgegeven",
+        "oidc": {
+            "error_title": "We konden je niet inloggen",
+            "missing_or_invalid_stored_state": "De browser is verzocht de homeserver te onthouden die je gebruikt om in te loggen, maar helaas is de browser deze vergeten. Ga naar de inlog-pagina en probeer het opnieuw."
+        },
+        "password_field_label": "Voer wachtwoord in",
+        "password_field_strong_label": "Dit is een sterk wachtwoord!",
+        "password_field_weak_label": "Wachtwoord is toegestaan, maar onveilig",
+        "phone_label": "Telefoonnummer",
+        "phone_optional_label": "Telefoonnummer (optioneel)",
+        "qr_code_login": {
+            "completing_setup": "De configuratie van je nieuwe apparaat voltooien",
+            "error_unexpected": "Er is een onverwachte fout opgetreden.",
+            "scan_code_instruction": "Scan de onderstaande QR-code met je apparaat dat is uitgelogd.",
+            "waiting_for_device": "Wachten op apparaat om in te loggen"
+        },
+        "register_action": "Registreren",
+        "registration": {
+            "continue_without_email_description": "Let op, wanneer je geen e-mailadres toevoegt en je jouw wachtwoord vergeet, kan je <b>toegang tot je account permanent verliezen</b>.",
+            "continue_without_email_field_label": "E-mailadres (optioneel)",
+            "continue_without_email_title": "Doorgaan zonder e-mail"
+        },
+        "registration_disabled": "Registratie is uitgeschakeld op deze homeserver.",
+        "registration_msisdn_field_required_invalid": "Voer telefoonnummer in (vereist op deze homeserver)",
+        "registration_successful": "Registratie geslaagd",
+        "registration_username_in_use": "Iemand heeft die inlognaam al. Probeer een andere of als je het bent, log dan hieronder in.",
+        "registration_username_unable_check": "Kan niet controleren of inlognaam is gebruikt. Probeer het later nog eens.",
+        "registration_username_validation": "Gebruik enkel letters, cijfers, streepjes en underscores",
+        "reset_password": {
+            "devices_logout_success": "Je bent afgemeld op al je apparaten en zal geen pushmeldingen meer ontvangen. Meld je op elk apparaat opnieuw aan om weer meldingen te ontvangen.",
+            "other_devices_logout_warning_1": "Jouw apparaten uitloggen zal de ertoe behorende encryptiesleutels verwijderen, wat versleutelde berichten onleesbaar zal maken.",
+            "other_devices_logout_warning_2": "Als je toegang tot je berichten wilt behouden, stel dan sleutelback-up in of exporteer je sleutels vanaf een van je andere apparaten voordat je verder gaat.",
+            "password_not_entered": "Er moet een nieuw wachtwoord ingevoerd worden.",
+            "passwords_mismatch": "Nieuwe wachtwoorden moeten overeenkomen.",
+            "reset_successful": "Jouw wachtwoord is opnieuw ingesteld.",
+            "return_to_login": "Terug naar het loginscherm"
+        },
+        "reset_password_email_field_description": "Gebruik een e-mailadres om je account te herstellen",
+        "reset_password_email_field_required_invalid": "Voer een e-mailadres in (vereist op deze homeserver)",
+        "reset_password_email_not_found_title": "Dit e-mailadres is niet gevonden",
+        "server_picker_custom": "Andere homeserver",
+        "server_picker_description": "Je kan de aangepaste serveropties gebruiken om je aan te melden bij andere Matrix-servers door een andere server-URL op te geven. Hierdoor kan je %(brand)s gebruiken met een bestaand Matrix-account op een andere thuisserver.",
+        "server_picker_description_matrix.org": "Neem deel aan de grootste publieke server samen met miljoenen anderen",
+        "server_picker_dialog_title": "Kies waar je account wordt gehost",
+        "server_picker_explainer": "Gebruik de Matrix-homeserver van je voorkeur als je er een hebt, of host je eigen.",
+        "server_picker_failed_validate_homeserver": "Kan homeserver niet valideren",
+        "server_picker_intro": "Wij noemen de plaatsen waar je jouw account kunt hosten 'homeservers'.",
+        "server_picker_invalid_url": "Ongeldige URL",
+        "server_picker_learn_more": "Over homeservers",
+        "server_picker_matrix.org": "Matrix.org is de grootste publieke homeserver ter wereld, dus het is een goede plek voor velen.",
+        "server_picker_required": "Specificeer een homeserver",
+        "server_picker_title": "Login op jouw homeserver",
+        "server_picker_title_default": "Server opties",
+        "server_picker_title_registration": "Host je account op",
+        "session_logged_out_description": "Wegens veiligheidsredenen is deze sessie uitgelogd. Log opnieuw in.",
+        "session_logged_out_title": "Uitgelogd",
+        "set_email": {
+            "description": "Zo kan je een nieuw wachtwoord instellen en meldingen ontvangen.",
+            "verification_pending_description": "Bekijk je e-mail en klik op de koppeling daarin. Klik vervolgens op ‘Verder gaan’.",
+            "verification_pending_title": "Verificatie in afwachting"
+        },
+        "set_email_prompt": "Wil je een e-mailadres instellen?",
+        "sign_in_instead_prompt": "Heb je al een account? <a>Inloggen</a>",
+        "sign_in_or_register": "Meld je aan of maak een account aan",
+        "sign_in_or_register_description": "Gebruik je bestaande account of maak een nieuwe aan om verder te gaan.",
+        "sign_in_with_sso": "Inloggen met eenmalig inloggen",
+        "soft_logout": {
+            "clear_data_button": "Alle gegevens wissen",
+            "clear_data_description": "Het verwijderen van alle gegevens in deze sessie is niet terug te draaien. Versleutelde berichten zullen verloren gaan, tenzij je een back-up van de sleutels hebt.",
+            "clear_data_title": "Alle gegevens in deze sessie verwijderen?"
+        },
+        "soft_logout_heading": "Je bent uitgelogd",
+        "soft_logout_intro_password": "Voer je wachtwoord in om je aan te melden en toegang tot je account te herkrijgen.",
+        "soft_logout_intro_sso": "Meld je aan en herkrijg toegang tot je account.",
+        "soft_logout_intro_unsupported_auth": "Je kan niet inloggen met jouw account. Neem voor meer informatie contact op met de beheerder van je homeserver.",
+        "soft_logout_subheading": "Persoonlijke gegevens wissen",
+        "sso": "Eenmalige aanmelding",
+        "sso_complete_in_browser_dialog_title": "Ga naar je browser om de aanmelding te voltooien",
+        "sso_failed_missing_storage": "De browser is verzocht de homeserver te onthouden die je gebruikt om in te loggen, maar helaas is de browser deze vergeten. Ga naar de inlog-pagina en probeer het opnieuw.",
+        "sso_or_username_password": "%(ssoButtons)s of %(usernamePassword)s",
+        "sync_footer_subtitle": "Als je bij veel kamers bent aangesloten kan dit een tijdje duren",
+        "uia": {
+            "email": "Om jouw account aan te maken, open je de link in de e-mail die we zojuist naar %(emailAddress)s hebben gestuurd.",
+            "email_auth_header": "Controleer je e-mail om door te gaan",
+            "email_resend_prompt": "Niet ontvangen? <a>Stuur het opnieuw</a>",
+            "email_resent": "Opnieuw versturen!",
+            "fallback_button": "Authenticatie starten",
+            "msisdn": "Er is een sms naar %(msisdn)s verstuurd",
+            "msisdn_token_incorrect": "Bewijs onjuist",
+            "msisdn_token_prompt": "Voer de code in die het bevat:",
+            "password_prompt": "Bevestig je identiteit door hieronder je wachtwoord in te voeren.",
+            "recaptcha_missing_params": "Publieke sleutel van captcha ontbreekt in homeserverconfiguratie. Meld dit aan de beheerder van je homeserver.",
+            "sso_body": "Bevestig je identiteit met je eenmalige aanmelding om dit e-mailadres toe te voegen.",
+            "sso_failed": "Er is iets misgegaan bij het bevestigen van jouw identiteit. Annuleer en probeer het opnieuw.",
+            "sso_postauth_body": "Druk op de knop hieronder om je identiteit te bevestigen.",
+            "sso_postauth_title": "Bevestig om door te gaan",
+            "sso_preauth_body": "Om verder te gaan, gebruik je eenmalige aanmelding om je identiteit te bewijzen.",
+            "sso_title": "Ga verder met eenmalige aanmelding",
+            "terms": "Gelieve het beleid van deze homeserver door te nemen en te aanvaarden:",
+            "terms_invalid": "Gelieve het beleid van de homeserver door te nemen en te aanvaarden"
+        },
+        "unsupported_auth_email": "Deze homeserver biedt geen ondersteuning voor inloggen met een e-mailadres.",
+        "unsupported_auth_msisdn": "Deze server biedt geen ondersteuning voor authenticatie met een telefoonnummer.",
+        "username_field_required_invalid": "Voer inlognaam in",
+        "username_in_use": "Iemand heeft die inlognaam al, probeer een andere."
+    },
+    "bug_reporting": {
+        "additional_context": "Alle verdere informatie die zou kunnen helpen het probleem te analyseren graag toevoegen (wat je aan het doen was, relevante kamer-ID’s, persoon-ID’s, etc.).",
+        "before_submitting": "Voordat je logs indient, dien je jouw probleem te melden <a>in een GitHub issue</a>.",
+        "collecting_information": "App-versieinformatie wordt verzameld",
+        "collecting_logs": "Logs worden verzameld",
+        "create_new_issue": "<newIssueLink>Maak een nieuwe issue aan</newIssueLink> op GitHub zodat we deze bug kunnen onderzoeken.",
+        "description": "Foutopsporingslogboeken bevatten toepassingsgebruiksgegevens, waaronder je inlognaam, de ID's of aliassen van de kamers die je hebt bezocht, met welke UI-elementen je voor het laatst interactie hebt gehad en de inlognamen van andere personen. Ze bevatten geen berichten.",
+        "download_logs": "Logs downloaden",
+        "downloading_logs": "Logs downloaden",
+        "error_empty": "Laat ons weten wat er verkeerd is gegaan, of nog beter, maak een foutrapport aan op GitHub, waarin je het probleem beschrijft.",
+        "github_issue": "GitHub-melding",
+        "introduction": "Als je een bug via GitHub hebt ingediend, kunnen foutopsporingslogboeken ons helpen het probleem op te sporen. ",
+        "log_request": "<a>Stuur ons jouw logs</a> om dit in de toekomst te helpen voorkomen.",
+        "logs_sent": "Logs verstuurd",
+        "matrix_security_issue": "Bekijk eerst het <a>openbaarmakingsbeleid</a> van Matrix.org als je een probleem met de beveiliging van Matrix wilt melden.",
+        "preparing_download": "Klaarmaken om logs te downloaden",
+        "preparing_logs": "Logs voorbereiden voor versturen",
+        "send_logs": "Logs versturen",
+        "submit_debug_logs": "Foutenlogboek versturen",
+        "textarea_label": "Opmerkingen",
+        "thank_you": "Bedankt!",
+        "title": "Bug meldingen",
+        "unsupported_browser": "Herinnering: Jouw browser wordt niet ondersteund. Dit kan een negatieve impact hebben op je ervaring.",
+        "uploading_logs": "Logs uploaden",
+        "waiting_for_server": "Wachten op antwoord van de server"
+    },
+    "cannot_reach_homeserver": "Kan homeserver niet bereiken",
+    "cannot_reach_homeserver_detail": "Zorg dat je een stabiele internetverbinding hebt, of neem contact op met de systeembeheerder",
+    "cant_load_page": "Kon pagina niet laden",
+    "chat_card_back_action_label": "Terug naar chat",
+    "chat_effects": {
+        "confetti_description": "Stuurt het bericht met confetti",
+        "confetti_message": "stuurt confetti",
+        "fireworks_description": "Stuurt het bericht met vuurwerk",
+        "fireworks_message": "stuurt vuurwerk",
+        "hearts_description": "Stuurt het bericht met hartjes",
+        "hearts_message": "stuurt hartjes",
+        "rainfall_description": "Stuurt het bericht met neerslag",
+        "rainfall_message": "stuurt neerslag",
+        "snowfall_description": "Stuurt het bericht met sneeuwval",
+        "snowfall_message": "stuurt sneeuwval",
+        "spaceinvaders_description": "Stuurt het bericht met space invaders",
+        "spaceinvaders_message": "stuurt space invaders"
+    },
+    "common": {
+        "access_token": "Toegangstoken",
+        "accessibility": "Toegankelijkheid",
+        "advanced": "Geavanceerd",
+        "analytics": "Gebruiksgegevens",
+        "and_n_others": {
+            "other": "en %(count)s anderen…",
+            "one": "en één andere…"
+        },
+        "appearance": "Weergave",
+        "application": "Toepassing",
+        "are_you_sure": "Weet je het zeker?",
+        "attachment": "Bijlage",
+        "authentication": "Login bevestigen",
+        "avatar": "Afbeelding",
+        "beta": "BÈTA",
+        "camera": "Camera",
+        "cameras": "Camera's",
+        "capabilities": "Mogelijkheden",
+        "copied": "Gekopieerd!",
+        "credits": "Met dank aan",
+        "dark": "Donker",
+        "description": "Omschrijving",
+        "deselect_all": "Allemaal deselecteren",
+        "device": "Apparaat",
+        "edited": "bewerkt",
+        "email_address": "E-mailadres",
+        "emoji": "Emoji",
+        "encrypted": "Versleuteld",
+        "error": "Fout",
+        "faq": "FAQ",
+        "filter_results": "Resultaten filteren",
+        "forward_message": "Bericht doorsturen",
+        "general": "Algemeen",
+        "go_to_settings": "Ga naar instellingen",
+        "guest": "Gast",
+        "help": "Hulp",
+        "home": "Thuis",
+        "homeserver": "Homeserver",
+        "identity_server": "Identiteitsserver",
+        "image": "Afbeelding",
+        "integration_manager": "Integratiebeheerder",
+        "joined": "Toegetreden",
+        "labs": "Labs",
+        "legal": "Juridisch",
+        "light": "Helder",
+        "loading": "Laden...",
+        "location": "Locatie",
+        "matrix": "Matrix",
+        "message": "Bericht",
+        "message_layout": "Berichtlayout",
+        "microphone": "Microfoon",
+        "modern": "Modern",
+        "mute": "Dempen",
+        "n_members": {
+            "other": "%(count)s personen",
+            "one": "%(count)s persoon"
+        },
+        "n_rooms": {
+            "one": "%(count)s kamer",
+            "other": "%(count)s kamers"
+        },
+        "name": "Naam",
+        "no_results": "Geen resultaten",
+        "no_results_found": "Geen resultaten gevonden",
+        "not_trusted": "Niet vertrouwd",
+        "off": "Uit",
+        "offline": "Offline",
+        "on": "Aan",
+        "options": "Opties",
+        "orphan_rooms": "Andere kamers",
+        "password": "Wachtwoord",
+        "people": "Personen",
+        "preferences": "Voorkeuren",
+        "presence": "Aanwezigheid",
+        "preview_message": "Hey. Jij bent de beste!",
+        "privacy": "Privacy",
+        "private": "Privé",
+        "private_room": "Privé kamer",
+        "private_space": "Privé Space",
+        "profile": "Profiel",
+        "public": "Publiek",
+        "public_room": "Publieke kamer",
+        "public_space": "Publieke Space",
+        "qr_code": "QR-code",
+        "random": "Willekeurig",
+        "reactions": "Reacties",
+        "report_a_bug": "Een bug rapporteren",
+        "room": "Kamer",
+        "room_name": "Kamernaam",
+        "rooms": "Kamers",
+        "secure_backup": "Beveiligde back-up",
+        "select_all": "Allemaal selecteren",
+        "server": "Server",
+        "settings": "Instellingen",
+        "setup_secure_messages": "Beveiligde berichten instellen",
+        "show_more": "Meer tonen",
+        "someone": "Iemand",
+        "space": "Space",
+        "sticker": "Sticker",
+        "stickerpack": "Stickerpakket",
+        "success": "Klaar",
+        "suggestions": "Suggesties",
+        "support": "Ondersteuning",
+        "theme": "Thema",
+        "thread": "Draad",
+        "threads": "Onderwerpen",
+        "timeline": "Tijdslijn",
+        "unencrypted": "Onversleuteld",
+        "unmute": "Niet dempen",
+        "unnamed_room": "Naamloze Kamer",
+        "unnamed_space": "Naamloze Space",
+        "unverified": "Niet geverifieerd",
+        "user": "Gebruiker",
+        "user_avatar": "Profielfoto",
+        "username": "Inlognaam",
+        "verified": "Geverifieerd",
+        "version": "Versie",
+        "video_room": "Video kamer",
+        "view_message": "Bericht bekijken",
+        "warning": "Let op"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Laat dit aan het hele kamer weten",
+            "command_a11y": "Opdrachten autoaanvullen",
+            "command_description": "Opdrachten",
+            "emoji_a11y": "Emoji autoaanvullen",
+            "notification_a11y": "Meldingen autoaanvullen",
+            "notification_description": "Kamermelding",
+            "room_a11y": "Kamers autoaanvullen",
+            "space_a11y": "Space autocomplete",
+            "user_a11y": "Personen autoaanvullen",
+            "user_description": "Personen"
+        },
+        "close_sticker_picker": "Verberg stickers",
+        "edit_composer_label": "Bericht bewerken",
+        "format_bold": "Vet",
+        "format_code_block": "Codeblok",
+        "format_insert_link": "Koppeling invoegen",
+        "format_italic": "Cursief",
+        "format_italics": "Cursief",
+        "format_strikethrough": "Doorstreept",
+        "format_underline": "Onderstrepen",
+        "mode_rich_text": "Opmaak tonen",
+        "no_perms_notice": "Je hebt geen toestemming actief aan deze kamer deel te nemen",
+        "placeholder": "Verstuur een bericht…",
+        "placeholder_encrypted": "Verstuur een versleuteld bericht…",
+        "placeholder_reply": "Verstuur een antwoord…",
+        "placeholder_reply_encrypted": "Verstuur een versleuteld antwoord…",
+        "placeholder_thread": "Reageer op draad…",
+        "placeholder_thread_encrypted": "Reageer op versleutelde draad…",
+        "poll_button_no_perms_description": "Je hebt geen toestemming om polls te starten in deze kamer.",
+        "poll_button_no_perms_title": "Toestemming vereist",
+        "replying_title": "Aan het beantwoorden",
+        "room_upgraded_link": "Het gesprek gaat hier verder.",
+        "room_upgraded_notice": "Deze kamer is vervangen en niet langer actief.",
+        "send_button_title": "Bericht versturen",
+        "send_button_voice_message": "Spraakbericht versturen",
+        "send_voice_message": "Spraakbericht versturen",
+        "stop_voice_message": "Opname stoppen",
+        "voice_message_button": "Spraakbericht"
+    },
+    "console_dev_note": "Als je weet wat je doet, Element is open-source, bekijk dan zeker onze GitHub (https://github.com/vector-im/element-web/) en draag bij!",
+    "console_scam_warning": "Als iemand je heeft gezegd iets hier te kopiëren/plakken, is de kans groot dat je wordt opgelicht!",
+    "console_wait": "Wacht!",
+    "create_room": {
+        "action_create_room": "Ruimte aanmaken",
+        "action_create_video_room": "Videokamer maken",
+        "encrypted_video_room_warning": "Je kan dit later niet uitschakelen. De kamer wordt gecodeerd, maar de ingesloten oproep niet.",
+        "encrypted_warning": "Je kan dit later niet uitschakelen. Bruggen en de meeste bots zullen nog niet werken.",
+        "encryption_forced": "Jouw server vereist dat versleuteling in een privékamer is ingeschakeld.",
+        "encryption_label": "Eind-tot-eind-versleuteling inschakelen",
+        "error_title": "Aanmaken van kamer is mislukt",
+        "generic_error": "De server is misschien onbereikbaar of overbelast, of je bent een bug tegengekomen.",
+        "join_rule_change_notice": "Je kan dit op elk moment wijzigen vanuit de kamerinstellingen.",
+        "join_rule_invite": "Privékamer (alleen op uitnodiging)",
+        "join_rule_invite_label": "Alleen uitgenodigde personen kunnen deze kamer vinden en aan deelnemen.",
+        "join_rule_public_label": "Iedereen kan de kamer vinden en aan deelnemen.",
+        "join_rule_public_parent_space_label": "Iedereen kan deze kamer vinden en aan deelnemen, niet alleen leden van <SpaceName/>.",
+        "join_rule_restricted": "Zichtbaar voor Space leden",
+        "join_rule_restricted_label": "Iedereen in <SpaceName/> kan deze kamer vinden en aan deelnemen.",
+        "name_validation_required": "Geef een naam voor de kamer op",
+        "room_visibility_label": "Kamerzichtbaarheid",
+        "title_private_room": "Maak een privékamer aan",
+        "title_public_room": "Maak een publieke kamer aan",
+        "title_video_room": "Creëer een videokamer",
+        "topic_label": "Onderwerp (optioneel)",
+        "unfederated": "Weiger iedereen die geen deel uitmaakt van %(serverName)s om toe te treden tot deze kamer.",
+        "unfederated_label_default_off": "Je zou dit kunnen aanzetten als deze kamer alleen gebruikt zal worden voor samenwerking met interne teams op je homeserver. Dit kan later niet meer veranderd worden.",
+        "unfederated_label_default_on": "Je zou dit kunnen uitschakelen als deze kamer gebruikt zal worden om samen te werken met externe teams die hun eigen homeserver hebben. Dit kan later niet meer veranderd worden.",
+        "unsupported_version": "De server ondersteunt deze versie van kamers niet."
+    },
+    "create_space": {
+        "add_details_prompt": "Voeg details toe zodat personen het herkennen.",
+        "add_details_prompt_2": "Je kan dit elk moment nog aanpassen.",
+        "add_existing_rooms_description": "Kies een kamer of gesprek om hem toe te voegen. Dit is een Space voor jou, niemand zal hiervan een melding krijgen. Je kan er later meer toevoegen.",
+        "add_existing_rooms_heading": "Wat wil je organiseren?",
+        "address_label": "Adres",
+        "address_placeholder": "v.b. mijn-Space",
+        "done_action": "Ga naar mijn Space",
+        "done_action_first_room": "Ga naar mijn eerste kamer",
+        "explainer": "Spaces zijn een nieuwe manier om kamers en mensen te groeperen. Wat voor ruimte wil je aanmaken? Je kan dit later wijzigen.",
+        "failed_create_initial_rooms": "Het maken van de Space kamers is mislukt",
+        "failed_invite_users": "Het uitnodigen van de volgende personen voor jouw Space is mislukt: %(csvUsers)s",
+        "invite_teammates_by_username": "Op inlognaam uitnodigen",
+        "invite_teammates_description": "Controleer of de juiste personen toegang hebben. Je kan later meer personen uitnodigen.",
+        "invite_teammates_heading": "Jouw teamgenoten uitnodigen",
+        "label": "Space maken",
+        "name_required": "Vul een naam in voor deze space",
+        "personal_space": "Alleen ik",
+        "personal_space_description": "Een privé Space om je kamers te organiseren",
+        "private_description": "Alleen op uitnodiging, geschikt voor jezelf of teams",
+        "private_heading": "Jouw privé space",
+        "private_personal_description": "Controleer of de juiste personen toegang hebben tot %(name)s",
+        "private_personal_heading": "Met wie werk je samen?",
+        "private_space": "Ik en mijn teamgenoten",
+        "private_space_description": "Een privéruimte voor jou en jouw teamgenoten",
+        "public_description": "Publieke space voor iedereen, geschikt voor gemeenschappen",
+        "public_heading": "Jouw publieke space",
+        "setup_rooms_community_description": "Laten we voor elk een los kamer maken.",
+        "setup_rooms_community_heading": "Wat wil je allemaal bespreken in %(spaceName)s?",
+        "setup_rooms_description": "Je kan er later nog meer toevoegen, inclusief al bestaande kamers.",
+        "setup_rooms_private_description": "We zullen kamers voor elk van hen maken.",
+        "setup_rooms_private_heading": "Aan welke projecten werkt jouw team?",
+        "share_description": "Het is alleen jij op dit moment, het zal nog beter zijn met anderen.",
+        "share_heading": "Deel %(name)s",
+        "skip_action": "Voorlopig overslaan",
+        "subspace_beta_notice": "Voeg een Space toe aan een Space die jij beheert.",
+        "subspace_dropdown_title": "Space maken",
+        "subspace_existing_space_prompt": "Een bestaande Space toevoegen?",
+        "subspace_join_rule_invite_description": "Alleen uitgenodigde personen kunnen deze Space vinden en aan deelnemen.",
+        "subspace_join_rule_invite_only": "Privé Space (alleen op uitnodiging)",
+        "subspace_join_rule_label": "Space zichtbaarheid",
+        "subspace_join_rule_public_description": "Iedereen zal in staat zijn om deze Space te vinden en aan deel te nemen, niet alleen leden van <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Iedereen in <SpaceName/> zal in staat zijn om te zoeken en deel te nemen."
+    },
+    "devtools": {
+        "active_widgets": "Ingeschakelde widgets",
+        "category_other": "Overige",
+        "category_room": "Kamer",
+        "caution_colon": "Opgelet:",
+        "client_versions": "cliëntversies",
+        "developer_mode": "Ontwikkelaar mode",
+        "developer_tools": "Ontwikkelgereedschap",
+        "edit_setting": "Instelling bewerken",
+        "edit_values": "Bewerk waarden",
+        "event_content": "Gebeurtenisinhoud",
+        "event_id": "Gebeurtenis ID: %(eventId)s",
+        "event_sent": "Gebeurtenis verstuurd!",
+        "event_type": "Gebeurtenistype",
+        "explore_account_data": "Accountgegevens ontdekken",
+        "explore_room_account_data": "Kamer accountgegevens ontdekken",
+        "explore_room_state": "Kamerstatus ontdekken",
+        "failed_to_find_widget": "Er is een fout opgetreden bij het vinden van deze widget.",
+        "failed_to_load": "Laden mislukt.",
+        "failed_to_save": "Kan instellingen niet opslaan.",
+        "failed_to_send": "Kan gebeurtenis niet versturen!",
+        "invalid_json": "Lijkt niet op geldige JSON.",
+        "level": "Niveau",
+        "number_of_users": "Aantal personen",
+        "original_event_source": "Originele gebeurtenisbron",
+        "room_id": "Kamer ID: %(roomId)s",
+        "save_setting_values": "Instelling waardes opslaan",
+        "send_custom_account_data_event": "Aangepaste accountgegevens gebeurtenis versturen",
+        "send_custom_room_account_data_event": "Gegevensgebeurtenis van aangepaste kamer account versturen",
+        "send_custom_state_event": "Aangepaste statusgebeurtenis versturen",
+        "send_custom_timeline_event": "Aangepaste tijdlijngebeurtenis versturen",
+        "server_versions": "Serverversies",
+        "settable_global": "Instelbaar op globaal",
+        "settable_room": "Instelbaar per kamer",
+        "setting_colon": "Instelling:",
+        "setting_definition": "Instelling definitie:",
+        "setting_id": "Instellingen-ID",
+        "settings_explorer": "Instellingen verkenner",
+        "show_hidden_events": "Verborgen gebeurtenissen op de tijdslijn weergeven",
+        "state_key": "Toestandssleutel",
+        "title": "Ontwikkelaarstools",
+        "toolbox": "Gereedschap",
+        "use_at_own_risk": "De UI heeft GEEN controle op het type van de waardes. Gebruik op eigen risico.",
+        "value": "Waarde",
+        "value_colon": "Waarde:",
+        "value_in_this_room": "Waarde van deze kamer",
+        "value_this_room_colon": "Waarde in deze kamer:",
+        "values_explicit": "Waardes op expliciete niveaus",
+        "values_explicit_colon": "Waardes op expliciete niveaus:",
+        "values_explicit_room": "Waardes op expliciete niveaus in deze kamer",
+        "values_explicit_this_room_colon": "Waarde op expliciete niveaus in deze kamer:",
+        "view_servers_in_room": "Servers in de kamer bekijken",
+        "view_source_decrypted_event_source": "Ontsleutel de gebeurtenisbron",
+        "widget_screenshots": "Widget-schermafbeeldingen inschakelen op ondersteunde widgets"
+    },
+    "dialog_close_label": "Dialoog sluiten",
+    "download_completed": "Download voltooid",
+    "empty_room": "Lege kamer",
+    "empty_room_was_name": "Lege ruimte (was %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Verkeerde veiligheidssleutel"
+            },
+            "restoring": "Sleutels herstellen vanaf back-up",
+            "security_key_title": "Veiligheidssleutel"
+        },
+        "bootstrap_title": "Sleutelconfiguratie",
+        "confirm_encryption_setup_body": "Klik op de knop hieronder om het instellen van de versleuting te bevestigen.",
+        "confirm_encryption_setup_title": "Bevestig versleuting instelling",
+        "cross_signing_room_normal": "Deze kamer is eind-tot-eind-versleuteld",
+        "cross_signing_room_verified": "Iedereen in deze kamer is geverifieerd",
+        "cross_signing_room_warning": "Iemand gebruikt een onbekende sessie",
+        "cross_signing_user_normal": "Je hebt deze persoon niet geverifieerd.",
+        "cross_signing_user_verified": "Je hebt deze persoon geverifieerd. Deze persoon heeft al zijn sessies geverifieerd.",
+        "cross_signing_user_warning": "Deze persoon heeft niet al zijn sessies geverifieerd.",
+        "event_shield_reason_authenticity_not_guaranteed": "De echtheid van dit versleutelde bericht kan op dit apparaat niet worden gegarandeerd.",
+        "event_shield_reason_mismatched_sender_key": "Versleuteld door een niet-geverifieerde sessie",
+        "export_unsupported": "Jouw browser ondersteunt de benodigde cryptografie-extensies niet",
+        "import_invalid_keyfile": "Geen geldig %(brand)s-sleutelbestand",
+        "import_invalid_passphrase": "Aanmeldingscontrole mislukt: onjuist wachtwoord?",
+        "messages_not_secure": {
+            "cause_1": "Jouw homeserver",
+            "cause_2": "De homeserver waarmee de persoon die jij verifieert verbonden is",
+            "cause_3": "Jouw internetverbinding, of die van de andere personen",
+            "cause_4": "Jouw sessie, of die van de andere personen",
+            "heading": "Eén van volgende onderdelen kan gecompromitteerd zijn:",
+            "title": "Jouw berichten zijn niet veilig"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Er is een nieuwe veiligheidswachtwoord en -sleutel voor versleutelde berichten gedetecteerd.",
+            "description_2": "Deze sessie versleutelt je geschiedenis aan de hand van de nieuwe herstelmethode.",
+            "title": "Nieuwe herstelmethode",
+            "warning": "Als je deze nieuwe herstelmethode niet hebt ingesteld, is het mogelijk dat een aanvaller toegang tot jouw account probeert te krijgen. Wijzig onmiddellijk je wachtwoord en stel bij instellingen een nieuwe herstelmethode in."
+        },
+        "recovery_method_removed": {
+            "description_1": "Deze sessie heeft ontdekt dat je veiligheidswachtwoord en -sleutel voor versleutelde berichten zijn verwijderd.",
+            "description_2": "Als je dit per ongeluk hebt gedaan, kan je beveiligde berichten op deze sessie instellen, waarmee de berichtgeschiedenis van deze sessie opnieuw zal versleuteld worden aan de hand van een nieuwe herstelmethode.",
+            "title": "Herstelmethode verwijderd",
+            "warning": "Als je de herstelmethode niet hebt verwijderd, is het mogelijk dat er een aanvaller toegang tot jouw account probeert te verkrijgen. Wijzig onmiddellijk je wachtwoord en stel bij instellingen een nieuwe herstelmethode in."
+        },
+        "set_up_toast_title": "Beveiligde back-up instellen",
+        "unable_to_setup_keys_error": "Kan geen sleutels instellen",
+        "verification": {
+            "accepting": "Toestaan…",
+            "after_new_login": {
+                "device_verified": "Apparaat geverifieerd",
+                "skip_verification": "Verificatie voorlopig overslaan",
+                "verify_this_device": "Verifieer dit apparaat"
+            },
+            "cancelling": "Bezig met annuleren…",
+            "complete_action": "Ik snap het",
+            "complete_description": "Je hebt deze persoon geverifieerd.",
+            "complete_title": "Geverifieerd!",
+            "explainer": "Beveiligde berichten met deze persoon zijn eind-tot-eind-versleuteld en kunnen niet door derden worden gelezen.",
+            "in_person": "Doe dit voor de zekerheid onder vier ogen, of via een betrouwbaar communicatiemedium.",
+            "incoming_sas_device_dialog_text_1": "Verifieer dit apparaat om het als vertrouwd te markeren. Door dit apparaat te vertrouwen geef je extra zekerheid aan jezelf en andere personen bij het gebruik van eind-tot-eind-versleutelde berichten.",
+            "incoming_sas_device_dialog_text_2": "Dit apparaat verifiëren zal het als vertrouwd markeren, en personen die met je geverifieerd hebben zullen het vertrouwen.",
+            "incoming_sas_dialog_title": "Inkomend verificatieverzoek",
+            "incoming_sas_user_dialog_text_1": "Verifieer deze persoon om als vertrouwd te markeren. Personen vertrouwen geeft je extra zekerheid bij het gebruik van eind-tot-eind-versleutelde berichten.",
+            "incoming_sas_user_dialog_text_2": "Deze persoon verifiëren zal de sessie als vertrouwd markeren voor jullie beide.",
+            "no_support_qr_emoji": "Het apparaat dat je probeert te verifiëren ondersteund niet de door %(brand)s ondersteunde methodes: scannen van een QR-code of emoji verificatie. Probeer het met een andere app.",
+            "other_party_cancelled": "De tegenpartij heeft de verificatie geannuleerd.",
+            "prompt_encrypted": "Controleer alle personen in een kamer om er zeker van te zijn dat het veilig is.",
+            "prompt_unencrypted": "Controleer alle personen in versleutelde kamers om er zeker van te zijn dat het veilig is.",
+            "qr_or_sas": "%(qrCode)s of %(emojiCompare)s",
+            "qr_prompt": "Scan deze unieke code",
+            "qr_reciprocate_same_shield_user": "Bijna klaar! Toont %(displayName)s hetzelfde schild?",
+            "request_toast_detail": "%(deviceId)s van %(ip)s",
+            "sas_caption_self": "Verifieer dit apparaat door te bevestigen dat het volgende nummer zichtbaar is op het scherm.",
+            "sas_caption_user": "Verifieer deze persoon door te bevestigen dat hun scherm het volgende getal toont.",
+            "sas_description": "Vergelijk een unieke lijst met emoji als geen van beide apparaten een camera heeft",
+            "sas_emoji_caption_user": "Verifieer deze persoon door te bevestigen dat hun scherm de volgende emoji toont.",
+            "sas_match": "Ze komen overeen",
+            "sas_no_match": "Ze komen niet overeen",
+            "sas_prompt": "Vergelijk unieke emoji",
+            "scan_qr": "Verifiëren met scan",
+            "scan_qr_explainer": "Vraag %(displayName)s om jouw code te scannen:",
+            "start_button": "Verificatie beginnen",
+            "successful_user": "Je hebt %(displayName)s geverifieerd!",
+            "unsupported_method": "Kan geen ondersteunde verificatiemethode vinden.",
+            "unverified_session_toast_title": "Nieuwe login gevonden. Was jij dat?",
+            "unverified_sessions_toast_description": "Controleer ze zodat jouw account veilig is",
+            "verification_dialog_title_device": "Verifieer ander apparaat",
+            "verification_dialog_title_user": "Verificatieverzoek",
+            "verification_skip_warning": "Zonder verifiëren heb je geen toegang tot al je berichten en kan je als onvertrouwd aangemerkt staan bij anderen.",
+            "verification_success_with_backup": "Jouw nieuwe apparaat is nu geverifieerd. Het heeft toegang tot je versleutelde berichten en andere personen zien het als vertrouwd.",
+            "verification_success_without_backup": "Jouw nieuwe apparaat is nu geverifieerd. Andere personen zien het nu als vertrouwd.",
+            "verify_emoji": "Verifiëren met emoji",
+            "verify_emoji_prompt": "Verifieer door unieke emoji te vergelijken.",
+            "verify_emoji_prompt_qr": "Als je bovenstaande code niet kan scannen, verifieer dan door unieke emoji te vergelijken.",
+            "verify_later": "Ik verifieer het later",
+            "waiting_for_user_accept": "Wachten tot %(displayName)s aanvaardt…",
+            "waiting_other_device": "Wachten op je verificatie op het andere apparaat…",
+            "waiting_other_device_details": "Wachten op je verificatie op het andere apparaat, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Wachten tot %(displayName)s geverifieerd heeft…"
+        },
+        "verification_requested_toast_title": "Verificatieverzocht",
+        "verify_toast_description": "Mogelijk wantrouwen anderen het",
+        "verify_toast_title": "Verifieer deze sessie"
+    },
+    "error": {
+        "admin_contact": "Gelieve <a>contact op te nemen met je dienstbeheerder</a> om deze dienst te blijven gebruiken.",
+        "admin_contact_short": "Neem contact op met je <a>serverbeheerder</a>.",
+        "app_launch_unexpected_error": "Er is een onverwachte fout opgetreden bij het voorbereiden van de app. Zie de console voor details.",
+        "cannot_load_config": "Kan het configuratiebestand niet laden. Herlaad de pagina.",
+        "connection": "Er was een communicatieprobleem met de homeserver, probeer het later opnieuw.",
+        "dialog_description_default": "Er is een fout opgetreden.",
+        "edit_history_unsupported": "Jouw homeserver biedt geen ondersteuning voor deze functie.",
+        "failed_copy": "Kopiëren mislukt",
+        "hs_blocked": "Deze homeserver is geblokkeerd door jouw beheerder.",
+        "invalid_configuration_no_server": "Configuratie ongeldig: geen standaardserver opgegeven.",
+        "invalid_json": "Jouw Element configuratie bevat ongeldige JSON. Corrigeer het probleem en herlaad de pagina.",
+        "invalid_json_detail": "De ontleder meldt: %(message)s",
+        "invalid_json_generic": "Ongeldige JSON",
+        "mau": "Deze homeserver heeft zijn limiet voor maandelijks actieve personen bereikt.",
+        "misconfigured": "Jouw Element is verkeerd geconfigureerd",
+        "mixed_content": "Kan geen verbinding maken met de homeserver via HTTP wanneer er een HTTPS-URL in je browserbalk staat. Gebruik HTTPS of <a>schakel onveilige scripts in</a>.",
+        "non_urgent_echo_failure_toast": "Je server reageert niet op sommige <a>verzoeken</a>.",
+        "resource_limits": "Deze homeserver heeft één van zijn systeembron-limieten overschreden.",
+        "session_restore": {
+            "clear_storage_button": "Opslag wissen en uitloggen",
+            "clear_storage_description": "Uitloggen en versleutelingssleutels verwijderen?",
+            "description_1": "Het herstel van je vorige sessie is mislukt.",
+            "description_2": "Als je een recentere versie van %(brand)s hebt gebruikt is je sessie mogelijk niet geschikt voor deze versie. Sluit dit venster en ga terug naar die recentere versie.",
+            "description_3": "Het wissen van de browseropslag zal het probleem misschien verhelpen, maar zal je ook uitloggen en je gehele versleutelde kamergeschiedenis onleesbaar maken.",
+            "title": "Herstellen van sessie mislukt"
+        },
+        "something_went_wrong": "Er is iets misgegaan!",
+        "storage_evicted_description_1": "Sommige sessiegegevens, waaronder sleutels voor versleutelde berichten, ontbreken. Herstel de sleutels uit je back-up door je af- en weer aan te melden.",
+        "storage_evicted_description_2": "Jouw browser heeft deze gegevens wellicht verwijderd toen de beschikbare opslagSpace vol was.",
+        "storage_evicted_title": "Sessiegegevens ontbreken",
+        "tls": "Geen verbinding met de homeserver - controleer je verbinding, zorg ervoor dat het <a>SSL-certificaat van de homeserver</a> vertrouwd is en dat er geen browserextensies verzoeken blokkeren.",
+        "unknown": "Onbekende fout",
+        "unknown_error_code": "onbekende foutcode",
+        "update_power_level": "Wijzigen van machtsniveau is mislukt"
+    },
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Kopiëren van kamerlink naar het klembord is mislukt.",
+            "title": "Kopiëren van kamerlink is mislukt"
+        },
+        "error_loading_user_profile": "Kon persoonsprofiel niet laden",
+        "forget_room_failed": "Vergeten van kamer is mislukt %(errCode)s"
+    },
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Oproep gaande",
+            "user": "%(senderName)s neemt deel aan de oproep",
+            "you": "Je hebt deelgenomen aan de oproep"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s heeft opgehangen",
+            "you": "Je hebt opgehangen"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s belt",
+            "dm_send": "Wachten op antwoord",
+            "user": "%(senderName)s heeft een oproep gestart",
+            "you": "Je hebt een oproep gestart"
+        }
+    },
+    "export_chat": {
+        "cancelled": "Export geannuleerd",
+        "cancelled_detail": "De export was succesvol geannulleerd",
+        "confirm_stop": "Weet je zeker dat je wilt stoppen terwijl je jouw data exporteert? Als je dit doet moet je later opnieuw beginnen.",
+        "creator_summary": "%(creatorName)s heeft deze kamer gemaakt.",
+        "current_timeline": "Huidige tijdlijn",
+        "enter_number_between_min_max": "Voer een nummer tussen %(min)s en %(max)s in",
+        "error_fetching_file": "Fout bij bestand opvragen",
+        "export_info": "Dit is de start van de export van <roomName/>. Geëxporteerd door <exporterDetails/> op %(exportDate)s.",
+        "export_successful": "Export gelukt!",
+        "exported_n_events_in_time": {
+            "one": "%(count)s gebeurtenis geëxporteerd in %(seconds)s seconden",
+            "other": "%(count)s gebeurtenissen geëxporteerd in %(seconds)s seconden"
+        },
+        "exporting_your_data": "Jouw data aan het exporteren",
+        "fetched_n_events": {
+            "one": "%(count)s gebeurtenis opgehaald zover",
+            "other": "%(count)s gebeurtenissen opgehaald zover"
+        },
+        "fetched_n_events_in_time": {
+            "one": "%(count)s gebeurtenis opgehaald in %(seconds)s",
+            "other": "%(count)s gebeurtenissen opgehaald in %(seconds)s"
+        },
+        "fetched_n_events_with_total": {
+            "one": "%(count)s gebeurtenis opgehaald van de %(total)s",
+            "other": "%(count)s gebeurtenissen opgehaald van de %(total)s"
+        },
+        "file_attached": "Bijgevoegd bestand",
+        "format": "Formaat",
+        "from_the_beginning": "Van het begin",
+        "generating_zip": "Genereer een ZIP",
+        "include_attachments": "Bijlages toevoegen",
+        "media_omitted": "Media weglaten",
+        "media_omitted_file_size": "Media weggelaten - limiet bestandsgrootte overschreden",
+        "messages": "Berichten",
+        "num_messages": "Berichten aantal",
+        "num_messages_min_max": "Aantal berichten moet een getal zijn tussen %(min)s en %(max)s",
+        "number_of_messages": "Kies het aantal berichten",
+        "processing_event_n": "%(number)s gebeurtenis verwerkt van de %(total)s",
+        "select_option": "Selecteer met welke opties je jouw chats wilt exporteren van je tijdlijn",
+        "size_limit": "Bestandsgrootte",
+        "size_limit_min_max": "Bestand moet een grootte hebben tussen %(min)s MB en %(max)s MB",
+        "successful": "Export succesvol",
+        "successful_detail": "Jouw export was succesvol. Je vindt hem in je Downloads-map.",
+        "text": "Platte tekst",
+        "title": "Chat exporteren",
+        "topic": "Onderwerp: %(topic)s",
+        "unload_confirm": "Weet je zeker dat je wilt afsluiten tijdens een export?"
+    },
+    "failed_load_async_component": "Laden mislukt! Controleer je netwerktoegang en probeer het nogmaals.",
+    "feedback": {
+        "can_contact_label": "Je mag contact met mij opnemen als je nog vervolg vragen heeft",
+        "comment_label": "Opmerking",
+        "existing_issue_link": "Bekijk eerst de <existingIssuesLink>bestaande bugs op GitHub</existingIssuesLink>. <newIssueLink>Maak een nieuwe aan</newIssueLink> wanneer je jouw bugs niet hebt gevonden.",
+        "may_contact_label": "Je kan contact met mij opnemen als je updates wil van of wilt deelnemen aan nieuwe ideeën",
+        "platform_username": "Jouw platform en inlognaam zullen worden opgeslagen om onze te helpen je feedback zo goed mogelijk te gebruiken.",
+        "pro_type": "PRO TIP: Als je een nieuwe bug maakt, stuur ons dan je <debugLogsLink>foutenlogboek</debugLogsLink> om ons te helpen het probleem op te sporen.",
+        "send_feedback_action": "Feedback versturen",
+        "sent": "Feedback verstuurd"
+    },
+    "file_panel": {
+        "empty_description": "Voeg bestanden toe of sleep ze in de kamer.",
+        "empty_heading": "Geen bestanden zichtbaar in deze kamer",
+        "guest_note": "Je dient je te <a>registreren</a> om deze functie te gebruiken",
+        "peek_note": "Pas na toetreding tot de kamer zal je de bestanden kunnen zien"
+    },
+    "forward": {
+        "filter_placeholder": "Zoek naar kamers of personen",
+        "message_preview_heading": "Voorbeeld van bericht",
+        "no_perms_title": "Je hebt geen rechten om dit te doen",
+        "open_room": "Open kamer",
+        "send_label": "Versturen",
+        "sending": "Wordt verstuurd",
+        "sent": "Verstuurd"
+    },
+    "identity_server": {
+        "change": "Identiteitsserver wisselen",
+        "change_prompt": "Verbinding met identiteitsserver <current /> verbreken en in plaats daarvan verbinden met <new />?",
+        "change_server_prompt": "Mocht je, om bekenden te zoeken en zelf vindbaar te zijn, <server /> niet willen gebruiken, voer dan hieronder een andere identiteitsserver in.",
+        "checking": "Server wordt gecontroleerd",
+        "description_connected": "Om bekenden te kunnen vinden en voor hen vindbaar te zijn gebruik je momenteel <server></server>. Je kan die identiteitsserver hieronder wijzigen.",
+        "description_disconnected": "Je gebruikt momenteel geen identiteitsserver. Voeg er hieronder één toe om bekenden te kunnen vinden en voor hen vindbaar te zijn.",
+        "description_optional": "Een identiteitsserver is niet verplicht, maar zonder identiteitsserver zal je geen bekenden op e-mailadres of telefoonnummer kunnen zoeken, noch door hen vindbaar zijn.",
+        "disconnect": "Verbinding met identiteitsserver verbreken",
+        "disconnect_anyway": "Verbinding toch verbreken",
+        "disconnect_offline_warning": "Je moet je <b>persoonlijke informatie</b> van de identiteitsserver <idserver /> <b>verwijderen</b> voordat je ontkoppelt. Helaas kan de identiteitsserver <idserver /> op dit moment niet worden bereikt. Mogelijk is hij offline.",
+        "disconnect_personal_data_warning_1": "Je deelt nog steeds <b>je persoonlijke gegevens</b> op de identiteitsserver <idserver />.",
+        "disconnect_personal_data_warning_2": "We raden je aan je e-mailadressen en telefoonnummers van de identiteitsserver te verwijderen voordat je de verbinding verbreekt.",
+        "disconnect_server": "Wil je de verbinding met de identiteitsserver <idserver /> verbreken?",
+        "disconnect_warning": "Als je de verbinding met je identiteitsserver verbreekt zal je niet door andere personen gevonden kunnen worden, en dat je anderen niet via e-mail of telefoon zal kunnen uitnodigen.",
+        "do_not_use": "Geen identiteitsserver gebruiken",
+        "error_connection": "Kon geen verbinding maken met de identiteitsserver",
+        "error_invalid": "Geen geldige identiteitsserver (statuscode %(code)s)",
+        "error_invalid_or_terms": "Dienstvoorwaarden niet aanvaard, of de identiteitsserver is ongeldig.",
+        "no_terms": "De identiteitsserver die je hebt gekozen heeft geen dienstvoorwaarden.",
+        "suggestions": "Je zou best:",
+        "suggestions_1": "je browserextensies bekijken voor extensies die mogelijk de identiteitsserver blokkeren (zoals Privacy Badger)",
+        "suggestions_2": "contact opnemen met de beheerders van de identiteitsserver <idserver />",
+        "suggestions_3": "wachten en het later weer proberen",
+        "url": "Identiteitsserver (%(server)s)",
+        "url_field_label": "Voer een nieuwe identiteitsserver in",
+        "url_not_https": "Identiteitsserver-URL moet HTTPS zijn"
+    },
+    "in_space": "In space %(spaceName)s.",
+    "in_space1_and_space2": "In spaces %(space1Name)s en %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "In %(spaceName)s en %(count)s andere space.",
+        "other": "In %(spaceName)s en %(count)s andere spaces."
+    },
+    "incompatible_browser": {
+        "title": "Niet-ondersteunde browser"
+    },
+    "info_tooltip_title": "Informatie",
+    "integration_manager": {
+        "error_connecting": "De integratiebeheerder is offline of kan je homeserver niet bereiken.",
+        "error_connecting_heading": "Kan geen verbinding maken met de integratiebeheerder",
+        "explainer": "Integratiebeheerders ontvangen configuratie-informatie en kunnen widgets aanpassen, kameruitnodigingen versturen en machtsniveau’s namens jou aanpassen.",
+        "manage_title": "Integratiebeheerder",
+        "use_im": "Gebruik een integratiebeheerder om bots, widgets en stickerpakketten te beheren.",
+        "use_im_default": "Gebruik een integratiebeheerder <b>(%(serverName)s)</b> om bots, widgets en stickerpakketten te beheren."
+    },
+    "integrations": {
+        "disabled_dialog_title": "Integraties zijn uitgeschakeld",
+        "impossible_dialog_description": "Jouw %(brand)s laat je geen integratiebeheerder gebruiken om dit te doen. Neem contact op met een beheerder.",
+        "impossible_dialog_title": "Integraties niet toegestaan"
+    },
+    "invite": {
+        "email_caption": "Via e-mail uitnodigen",
+        "email_use_default_is": "Gebruik een identiteitsserver om uit te nodigen op e-mailadres. <default>Gebruik de standaardserver (%(defaultIdentityServerName)s)</default> of beheer de server in de <settings>Instellingen</settings>.",
+        "email_use_is": "Gebruik een identiteitsserver om anderen uit te nodigen via e-mail. Beheer de server in de <settings>Instellingen</settings>.",
+        "error_already_invited_room": "Persoon is al uitgenodigd voor de kamer",
+        "error_already_invited_space": "Persoon is al uitgenodigd voor de space",
+        "error_already_joined_room": "Persoon is al in de kamer",
+        "error_already_joined_space": "Persoon is al in de space",
+        "error_bad_state": "De persoon kan niet uitgenodigd worden totdat zijn ban is verwijderd.",
+        "error_dm": "We konden je DM niet aanmaken.",
+        "error_find_room": "Er is een fout opgetreden bij het uitnodigen van de personen.",
+        "error_find_user_description": "Volgende personen bestaan mogelijk niet of zijn ongeldig, en kunnen niet uitgenodigd worden: %(csvNames)s",
+        "error_find_user_title": "Kon volgende personen niet vinden",
+        "error_invite": "Deze personen konden niet uitgenodigd worden. Controleer de personen die je wil uitnodigen en probeer het opnieuw.",
+        "error_permissions_room": "Je bent niet bevoegd anderen in deze kamer uit te nodigen.",
+        "error_permissions_space": "Je bent niet gemachtigd om mensen voor deze space uit te nodigen.",
+        "error_profile_undisclosed": "Persoon kan wel of niet bestaan",
+        "error_transfer_multiple_target": "Een oproep kan slechts naar één personen worden doorverbonden.",
+        "error_unknown": "Onbekende serverfout",
+        "error_user_not_found": "Persoon bestaat niet",
+        "error_version_unsupported_room": "De homeserver van de persoon biedt geen ondersteuning voor deze kamerversie.",
+        "error_version_unsupported_space": "De server van de persoon ondersteunt de versie van de ruimte niet.",
+        "failed_generic": "Handeling is mislukt",
+        "failed_title": "Uitnodigen is mislukt",
+        "invalid_address": "Adres niet herkend",
+        "name_email_mxid_share_room": "Nodig iemand uit door gebruik te maken van hun naam, e-mailadres, inlognaam (zoals <userId/>) of <a>deel deze kamer</a>.",
+        "name_email_mxid_share_space": "Nodig iemand uit per naam, e-mail, inlognaam (zoals <userId/>) of <a>deel deze Space</a>.",
+        "name_mxid_share_room": "Nodig iemand uit door gebruik te maken van hun naam, inlognaam (zoals <userId/>) of <a>deel deze kamer</a>.",
+        "name_mxid_share_space": "Nodig iemand uit per naam, inlognaam (zoals <userId/>) of <a>deel deze Space</a>.",
+        "recents_section": "Recente gesprekken",
+        "room_failed_partial": "De anderen zijn verstuurd, maar de volgende personen konden niet worden uitgenodigd voor <RoomName/>",
+        "room_failed_partial_title": "Sommige uitnodigingen konden niet verstuurd worden",
+        "room_failed_title": "Kan personen niet uitnodigen voor %(roomName)s",
+        "send_link_prompt": "Of verstuur je uitnodigingslink",
+        "start_conversation_name_email_mxid_prompt": "Start een kamer met iemand door hun naam, e-mailadres of inlognaam (zoals <userId/>) te typen.",
+        "start_conversation_name_mxid_prompt": "Start een kamer met iemand door hun naam of inlognaam (zoals <userId/>) te typen.",
+        "suggestions_disclaimer": "Sommige suggesties kunnen om privacyredenen verborgen zijn.",
+        "suggestions_disclaimer_prompt": "Als je niet kan vinden wie je zoekt, stuur ze dan je uitnodigingslink hieronder.",
+        "suggestions_section": "Recente directe gesprekken",
+        "to_room": "Uitnodiging voor %(roomName)s",
+        "to_space": "Voor %(spaceName)s uitnodigen",
+        "transfer_dial_pad_tab": "Kiestoetsen",
+        "transfer_user_directory_tab": "Personengids",
+        "unable_find_profiles_description_default": "Kan geen profielen voor de Matrix-ID’s hieronder vinden - wil je ze toch uitnodigen?",
+        "unable_find_profiles_invite_label_default": "Alsnog uitnodigen",
+        "unable_find_profiles_invite_never_warn_label_default": "Alsnog uitnodigen en mij nooit meer waarschuwen",
+        "unable_find_profiles_title": "Volgende personen bestaan mogelijk niet"
+    },
+    "inviting_user1_and_user2": "%(user1)s en %(user2)s uitnodigen",
+    "inviting_user_and_n_others": {
+        "one": "%(user)s en 1 andere uitnodigen",
+        "other": "%(user)s en %(count)s anderen uitnodigen"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> en %(count)s andere",
+        "one": "<Items/> en één ander"
+    },
+    "keyboard": {
+        "activate_button": "Geselecteerde knop activeren",
+        "autocomplete_cancel": "Autoaanvullen annuleren",
+        "autocomplete_force": "Voltooiing forceren",
+        "autocomplete_navigate_next": "Volgende suggestie voor automatisch aanvullen",
+        "autocomplete_navigate_prev": "Vorige suggestie voor automatisch aanvullen",
+        "cancel_reply": "Antwoord op bericht annuleren",
+        "category_autocomplete": "Autoaanvullen",
+        "category_calls": "Oproepen",
+        "category_navigation": "Navigatie",
+        "category_room_list": "Kamerslijst",
+        "close_dialog_menu": "Dialoogvenster of contextmenu sluiten",
+        "composer_jump_end": "Ga naar het einde van de bewerker",
+        "composer_jump_start": "Ga naar het begin van de bewerker",
+        "composer_navigate_next_history": "Navigeer naar het volgende bericht in de geschiedenis van de bewerker",
+        "composer_navigate_prev_history": "Navigeer naar het vorige bericht in de geschiedenis van de bewerker",
+        "composer_new_line": "Nieuwe regel",
+        "composer_redo": "Opnieuw bewerken",
+        "composer_toggle_bold": "Vetgedrukt in- of uitschakelen",
+        "composer_toggle_code_block": "Codeblok wisselen",
+        "composer_toggle_italics": "Cursief in- of uitschakelen",
+        "composer_toggle_link": "Koppeling wisselen",
+        "composer_toggle_quote": "Quote in- of uitschakelen",
+        "composer_undo": "Bewerken ongedaan maken",
+        "dismiss_read_marker_and_jump_bottom": "Verlaat de leesmarkering en spring naar beneden",
+        "go_home_view": "Ga naar Home-scherm",
+        "jump_first_message": "Naar eerste bericht springen",
+        "jump_last_message": "Naar het laatste bericht springen",
+        "jump_room_search": "Ga naar kamer zoeken",
+        "jump_to_read_marker": "Ga naar het oudste ongelezen bericht",
+        "keyboard_shortcuts_tab": "Open dit tabblad met instellingen",
+        "navigate_next_history": "Volgende recent bezochte kamer of space",
+        "navigate_next_message_edit": "Navigeer naar het volgende bericht om te bewerken",
+        "navigate_prev_history": "Vorige recent bezochte kamer of ruimte",
+        "navigate_prev_message_edit": "Navigeer naar het vorige bericht om te bewerken",
+        "next_room": "Volgende kamer of DM",
+        "next_unread_room": "Volgende ongelezen kamer of DM",
+        "open_user_settings": "Open persooninstellingen",
+        "prev_room": "Vorige kamer of DM",
+        "prev_unread_room": "Vorige ongelezen kamer of DM",
+        "room_list_collapse_section": "Kamerslijst selectie invouwen",
+        "room_list_expand_section": "Kamerslijst selectie uitvouwen",
+        "room_list_navigate_down": "Navigeer omlaag in de kamerlijst",
+        "room_list_navigate_up": "Navigeer omhoog in de kamerlijst",
+        "room_list_select_room": "Kamer uit de kamerslijst selecteren",
+        "scroll_down_timeline": "Scroll omlaag in de tijdlijn",
+        "scroll_up_timeline": "Scroll omhoog in de tijdlijn",
+        "search": "Zoeken (moet zijn ingeschakeld)",
+        "send_sticker": "Verstuur een sticker",
+        "switch_to_space": "Overschakelen naar space op nummer",
+        "toggle_hidden_events": "Schakel verborgen gebeurteniszichtbaarheid in",
+        "toggle_microphone_mute": "Microfoon dempen in- of uitschakelen",
+        "toggle_right_panel": "Rechterpaneel in- of uitschakelen",
+        "toggle_space_panel": "Spacepaneel in- of uitschakelen",
+        "toggle_top_left_menu": "Het menu linksboven in- of uitschakelen",
+        "toggle_webcam_mute": "Webcam aan/uit zetten",
+        "upload_file": "Bestand uploaden"
+    },
+    "labs": {
+        "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",
+        "bridge_state": "Bruginformatie tonen in kamerinstellingen",
+        "bridge_state_channel": "Kanaal: <channelLink/>",
+        "bridge_state_creator": "Dank aan <user /> voor de brug.",
+        "bridge_state_manager": "Brug onderhouden door <user />.",
+        "bridge_state_workspace": "Werkplaats: <networkLink/>",
+        "click_for_info": "Klik voor meer info",
+        "custom_themes": "Maatwerkthema's ondersteuning",
+        "element_call_video_rooms": "Element Call videokamers",
+        "group_developer": "Ontwikkelaar",
+        "group_encryption": "Versleuteling",
+        "group_experimental": "Experimenteel",
+        "group_moderation": "Moderatie",
+        "group_profile": "Profiel",
+        "group_rooms": "Kamers",
+        "group_themes": "Thema's",
+        "group_voip": "Spraak & video",
+        "join_beta": "Beta inschakelen",
+        "join_beta_reload": "Door deel te nemen aan de bèta wordt %(brand)s opnieuw geladen.",
+        "jump_to_date": "Ga naar datum (voegt /jumptodate en spring naar datum headers toe)",
+        "latex_maths": "LaTeX-wiskundenotatie in berichten tonen",
+        "leave_beta": "Beta verlaten",
+        "leave_beta_reload": "Als je de bèta verlaat, wordt %(brand)s opnieuw geladen.",
+        "msc3531_hide_messages_pending_moderation": "Laat moderators berichten verbergen in afwachting van moderatie.",
+        "sliding_sync_server_no_support": "Jouw server heeft geen native ondersteuning",
+        "video_rooms": "Video kamers",
+        "video_rooms_a_new_way_to_chat": "Een nieuwe manier om te chatten via spraak en video in %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Videoruimten zijn altijd-aan VoIP-kanalen die zijn geïntegreerd in een kamer in %(brand)s.",
+        "video_rooms_beta": "Videokamers zijn een bètafunctie",
+        "video_rooms_faq1_answer": "Gebruik de knop \"+\" in het kamergedeelte van het linkerpaneel.",
+        "video_rooms_faq1_question": "Hoe kan ik een videokamer maken?",
+        "video_rooms_faq2_answer": "Ja, de gesprekstijdslijn wordt naast de video weergegeven.",
+        "video_rooms_faq2_question": "Kan ik tekstberichten gebruiken naast het videogesprek?"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Deze instellingen zijn bedoeld voor gevorderde personen.",
+        "ban_reason": "Genegeerd/geblokkeerd",
+        "error_adding_ignore": "Fout bij het toevoegen van een genegeerde persoon/server",
+        "error_adding_list_description": "Controleer het kamer-ID of het adres en probeer het opnieuw.",
+        "error_adding_list_title": "Fout bij het abonneren op de lijst",
+        "error_removing_ignore": "Fout bij het verwijderen van genegeerde persoon/server",
+        "error_removing_list_description": "Probeer het opnieuw of bekijk de console voor meer informatie.",
+        "error_removing_list_title": "Fout bij het opzeggen van een abonnement op de lijst",
+        "explainer_1": "Voeg hier personen en servers toe die je wil negeren. Gebruik asterisken om %(brand)s met alle tekens te laten overeenkomen. Bijvoorbeeld, <code>@bot:*</code> zou alle personen negeren die de naam 'bot' hebben op elke server.",
+        "explainer_2": "Het negeren van personen gaat via banlijsten. Deze bevatten regels over wie verbannen moet worden. Het abonneren op een banlijst betekent dat je de personen/servers die op de lijst staan niet meer zult zien.",
+        "lists": "Je hebt een abonnement op:",
+        "lists_description_1": "Wanneer je jezelf abonneert op een banlijst zal je eraan worden toegevoegd!",
+        "lists_description_2": "Als je dit niet wilt kan je een andere methode gebruiken om personen te negeren.",
+        "lists_heading": "Abonnementen op lijsten",
+        "lists_new_label": "Kamer-ID of het adres van de banlijst",
+        "no_lists": "Je hebt geen abonnement op een lijst",
+        "personal_empty": "Je hebt niemand genegeerd.",
+        "personal_heading": "Persoonlijke banlijst",
+        "personal_new_label": "Server of persoon-ID om te negeren",
+        "personal_new_placeholder": "bijvoorbeeld: @bot:* of voorbeeld.org",
+        "personal_section": "Je negeert op dit moment:",
+        "room_name": "Mijn banlijst",
+        "room_topic": "Dit is de lijst van door jou geblokkeerde servers/personen. Verlaat deze kamer niet!",
+        "rules_empty": "Geen",
+        "rules_server": "Serverregels",
+        "rules_title": "Banlijstregels - %(roomName)s",
+        "rules_user": "Persoonsregels",
+        "something_went_wrong": "Er is iets fout gegaan. Probeer het opnieuw of bekijk de console om voor meer informatie.",
+        "title": "Genegeerde personen",
+        "view_rules": "Bekijk regels"
+    },
+    "language_dropdown_label": "Taalselectie",
+    "leave_room_dialog": {
+        "last_person_warning": "Je bent de enige persoon hier. Als je weggaat, zal niemand in de toekomst kunnen toetreden, jij ook niet.",
+        "leave_room_question": "Weet je zeker dat je de kamer ‘%(roomName)s’ wil verlaten?",
+        "leave_space_question": "Weet je zeker dat je de Space '%(spaceName)s' wilt verlaten?",
+        "room_rejoin_warning": "Dit is geen publieke kamer. Slechts op uitnodiging zal je opnieuw kunnen toetreden.",
+        "space_rejoin_warning": "Deze Space is niet publiek. Zonder uitnodiging zal je niet opnieuw kunnen toetreden."
+    },
+    "lightbox": {
+        "rotate_left": "Links draaien",
+        "rotate_right": "Rechts draaien"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Deze server is niet geconfigureerd om kaarten weer te geven.",
+        "MapStyleUrlNotReachable": "Deze server is niet correct geconfigureerd om kaarten weer te geven, of de geconfigureerde kaartserver is mogelijk onbereikbaar.",
+        "click_drop_pin": "Klik om een pin neer te zetten",
+        "click_move_pin": "Klik om de pin te verplaatsen",
+        "close_sidebar": "Zijbalk sluiten",
+        "error_fetch_location": "Kan locatie niet ophalen",
+        "error_no_perms_description": "Je dient de juiste rechten te hebben om locaties in deze ruimte te delen.",
+        "error_no_perms_title": "Je bent niet gemachtigd om locaties te delen",
+        "error_send_description": "%(brand)s kan jouw locatie niet versturen. Probeer het later opnieuw.",
+        "error_send_title": "We kunnen jouw locatie niet versturen",
+        "error_sharing_live_location": "Er is een fout opgetreden bij het delen van je live locatie",
+        "error_stopping_live_location": "Er is een fout opgetreden bij het stoppen van je live locatie",
+        "expand_map": "Map uitvouwen",
+        "failed_generic": "Kan jouw locatie niet ophalen. Probeer het later opnieuw.",
+        "failed_load_map": "Kan kaart niet laden",
+        "failed_permission": "%(brand)s heeft geen toestemming gekregen om jouw locatie op te halen. Sta locatietoegang toe in je browserinstellingen.",
+        "failed_timeout": "Er is een time-out opgetreden bij het ophalen van jouw locatie. Probeer het later opnieuw.",
+        "failed_unknown": "Onbekende fout bij ophalen van locatie. Probeer het later opnieuw.",
+        "find_my_location": "Vind mijn locatie",
+        "live_description": "De live locatie van %(displayName)s",
+        "live_enable_description": "Let op: dit is een labfunctie met een tijdelijke implementatie. Dit betekent dat je jouw locatiegeschiedenis niet kunt verwijderen en dat geavanceerde gebruikers jouw locatiegeschiedenis kunnen zien, zelfs nadat je stopt met het delen van uw live locatie met deze ruimte.",
+        "live_enable_heading": "Live locatie delen",
+        "live_location_active": "Je deelt je live locatie",
+        "live_location_enabled": "Live locatie ingeschakeld",
+        "live_location_ended": "Live locatie beëindigd",
+        "live_location_error": "Live locatie error",
+        "live_locations_empty": "Geen live locaties",
+        "live_share_button": "Delen voor %(duration)s",
+        "live_toggle_label": "Live locatie delen inschakelen",
+        "live_until": "Live tot %(expiryTime)s",
+        "live_update_time": "%(humanizedUpdateTime)s bijgewerkt",
+        "location_not_available": "Locatie niet beschikbaar",
+        "map_feedback": "Kaart feedback",
+        "reset_bearing": "Indicatie naar het noorden resetten",
+        "share_button": "Locatie delen",
+        "share_type_live": "Mijn live locatie",
+        "share_type_own": "Mijn huidige locatie",
+        "share_type_pin": "Zet een pin neer",
+        "share_type_prompt": "Welk locatietype wil je delen?",
+        "toggle_attribution": "Attributie in-/uitschakelen"
+    },
+    "member_list": {
+        "filter_placeholder": "Kamerleden filteren"
+    },
+    "member_list_back_action_label": "Kamerleden",
+    "message_edit_dialog_title": "Berichtbewerkingen",
+    "mobile_guide": {
+        "toast_accept": "Gebruik app",
+        "toast_description": "%(brand)s is experimenteel in een mobiele webbrowser. Gebruik onze gratis native app voor een betere ervaring en de nieuwste functies.",
+        "toast_title": "Gebruik de app voor een betere ervaring"
+    },
+    "no_more_results": "Geen resultaten meer",
+    "notif_panel": {
+        "empty_description": "Je hebt geen zichtbare meldingen.",
+        "empty_heading": "Je bent helemaal bij"
+    },
+    "notifications": {
+        "all_messages": "Alle berichten",
+        "all_messages_description": "Ontvang een melding bij elk bericht",
+        "class_global": "Overal",
+        "class_other": "Overige",
+        "default": "Standaard",
+        "enable_prompt_toast_description": "Bureaubladmeldingen inschakelen",
+        "enable_prompt_toast_title": "Meldingen",
+        "enable_prompt_toast_title_from_message_send": "Mis geen antwoord",
+        "error_change_title": "Meldingsinstellingen wijzigen",
+        "keyword": "Trefwoord",
+        "keyword_new": "Nieuw trefwoord",
+        "level_activity": "Activiteit",
+        "level_none": "Geen",
+        "level_unsent": "niet verstuurd",
+        "mark_all_read": "Alles markeren als gelezen",
+        "mentions_and_keywords": "@vermeldingen & trefwoorden",
+        "mentions_and_keywords_description": "Krijg alleen meldingen met vermeldingen en trefwoorden zoals ingesteld in je <a>instellingen</a>",
+        "mentions_keywords": "Vermeldingen & trefwoorden",
+        "message_didnt_send": "Bericht is niet verstuur. Klik voor meer info.",
+        "mute_description": "Je krijgt geen meldingen"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s verzoekt om verificatie"
+    },
+    "onboarding": {
+        "create_room": "Maak een groepsgesprek",
+        "explore_rooms": "Publieke kamers ontdekken",
+        "has_avatar_label": "Geweldig, dan zullen personen weten dat jij het bent",
+        "intro_byline": "Gesprekken die helemaal van jou zijn.",
+        "intro_welcome": "Welkom bij %(appName)s",
+        "no_avatar_label": "Voeg een foto toe zodat personen weten dat jij het bent.",
+        "send_dm": "Start een direct gesprek",
+        "welcome_detail": "Laten we je helpen om te beginnen",
+        "welcome_user": "Welkom %(name)s"
+    },
+    "poll": {
+        "create_poll_action": "Poll aanmaken",
+        "create_poll_title": "Poll aanmaken",
+        "disclosed_notes": "Kiezers zien resultaten zodra ze hebben gestemd",
+        "edit_poll_title": "Bewerk poll",
+        "end_description": "Weet je zeker dat je de poll wil sluiten? Dit zal zichtbaar zijn in de einduitslag van de poll en personen kunnen dan niet langer stemmen.",
+        "end_message": "De poll is gesloten. Meest gestemd: %(topAnswer)s",
+        "end_message_no_votes": "De poll is gesloten. Er kan niet meer worden gestemd.",
+        "end_title": "Poll sluiten",
+        "error_ending_description": "Helaas, de poll is niet gesloten. Probeer het opnieuw.",
+        "error_ending_title": "Poll sluiten is mislukt",
+        "error_voting_description": "Sorry, jouw stem is niet geregistreerd. Probeer het alstublieft opnieuw.",
+        "error_voting_title": "Stem niet geregistreerd",
+        "failed_send_poll_description": "Sorry, de poll die je probeerde aan te maken is niet geplaatst.",
+        "failed_send_poll_title": "Poll plaatsen mislukt",
+        "notes": "Resultaten worden pas onthuld als je de poll beëindigt",
+        "options_add_button": "Optie toevoegen",
+        "options_heading": "Opties maken",
+        "options_label": "Optie %(number)s",
+        "options_placeholder": "Schrijf een optie",
+        "topic_heading": "Wat is jouw poll vraag of onderwerp?",
+        "topic_label": "Vraag of onderwerp",
+        "total_n_votes": {
+            "one": "%(count)s stem uitgebracht. Stem om de resultaten te zien",
+            "other": "%(count)s stemmen uitgebracht. Stem om de resultaten te zien"
+        },
+        "total_n_votes_voted": {
+            "one": "Gebaseerd op %(count)s stem",
+            "other": "Gebaseerd op %(count)s stemmen"
+        },
+        "total_no_votes": "Geen stemmen uitgebracht",
+        "total_not_ended": "Resultaten zijn zichtbaar wanneer de poll is afgelopen",
+        "type_closed": "Gesloten poll",
+        "type_open": "Start poll",
+        "unable_edit_description": "Sorry, je kan een poll niet bewerken nadat er gestemd is.",
+        "unable_edit_title": "Kan poll niet bewerken"
+    },
+    "power_level": {
+        "admin": "Beheerder",
+        "custom": "Aangepast (%(level)s)",
+        "custom_level": "Aangepast niveau",
+        "default": "Standaard",
+        "label": "Machtsniveau",
+        "restricted": "Beperkte toegang"
+    },
+    "powered_by_matrix": "Mogelijk gemaakt door Matrix",
+    "presence": {
+        "away": "Afwezig",
+        "busy": "Bezet",
+        "idle": "Afwezig",
+        "idle_for": "Afwezig voor %(duration)s",
+        "offline_for": "Offline voor %(duration)s",
+        "online_for": "Online voor %(duration)s",
+        "unknown": "Onbekend",
+        "unknown_for": "Onbekend voor %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "Instellingen",
+        "sidebar_settings": "Meer opties",
+        "title": "Snelle instellingen"
+    },
+    "quit_warning": {
+        "call_in_progress": "Het ziet er naar uit dat je in gesprek bent, weet je zeker dat je wil afsluiten?",
+        "file_upload_in_progress": "Het ziet er naar uit dat je bestanden aan het uploaden bent, weet je zeker dat je wil afsluiten?"
+    },
+    "redact": {
+        "confirm_button": "Verwijdering bevestigen",
+        "error": "Je kan dit bericht niet verwijderen. (%(code)s)",
+        "ongoing": "Bezig met verwijderen…",
+        "reason_label": "Reden (niet vereist)"
+    },
+    "report_content": {
+        "description": "Dit bericht melden zal zijn unieke ‘gebeurtenis-ID’ versturen naar de beheerder van jouw homeserver. Als de berichten in deze kamer versleuteld zijn, zal de beheerder van jouw homeserver het bericht niet kunnen lezen, noch enige bestanden of afbeeldingen zien.",
+        "hide_messages_from_user": "Vink aan als je alle huidige en toekomstige berichten van deze persoon wilt verbergen.",
+        "ignore_user": "Negeer persoon",
+        "missing_reason": "Geef aan waarom je deze melding indient.",
+        "report_content_to_homeserver": "Inhoud melden aan de beheerder van jouw homeserver"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Ontsleutelen van %(failedCount)s sessies is mislukt!",
+        "count_of_successfully_restored_keys": "Succesvol %(sessionCount)s sleutels hersteld",
+        "enter_key_description": "Ga naar uw veilige berichtengeschiedenis en stel veilige berichten in door uw veiligheidssleutel in te voeren.",
+        "enter_key_title": "Veiligheidssleutel invoeren",
+        "enter_phrase_description": "Ga naar uw versleutelde berichtengeschiedenis en stel versleutelde berichten in door uw veiligheidswachtwoord in te voeren.",
+        "enter_phrase_title": "Veiligheidswachtwoord invoeren",
+        "incorrect_security_phrase_dialog": "Back-up kon niet worden ontsleuteld met dit veiligheidswachtwoord: controleer of u het juiste veiligheidswachtwoord hebt ingevoerd.",
+        "incorrect_security_phrase_title": "Onjuist veiligheidswachtwoord",
+        "key_backup_warning": "<b>Let op</b>: stel sleutelback-up enkel in op een vertrouwde computer.",
+        "key_forgotten_text": "Als u uw veiligheidssleutel bent vergeten, kunt u <button>nieuwe herstelopties instellen</button>",
+        "key_is_invalid": "Geen geldige veiligheidssleutel",
+        "key_is_valid": "Dit lijkt op een geldige veiligheidssleutel!",
+        "keys_restored_title": "Sleutels hersteld",
+        "load_error_content": "Kan back-upstatus niet laden",
+        "load_keys_progress": "%(completed)s van %(total)s sleutels hersteld",
+        "no_backup_error": "Geen back-up gevonden!",
+        "phrase_forgotten_text": "Als u uw veiligheidswachtwoord bent vergeten, kunt u <button1>uw veiligheidssleutel gebruiken</button1> of <button2>nieuwe herstelopties instellen</button2>",
+        "recovery_key_mismatch_description": "Back-up kon niet worden ontcijferd met deze veiligheidssleutel: controleer of u de juiste veiligheidssleutel hebt ingevoerd.",
+        "recovery_key_mismatch_title": "Verkeerde veiligheidssleutel",
+        "restore_failed_error": "Kan back-up niet terugzetten"
+    },
+    "right_panel": {
+        "add_integrations": "Widgets, bruggen & bots toevoegen",
+        "files_button": "Bestanden",
+        "pinned_messages": {
+            "limits": {
+                "other": "Je kunt maar %(count)s widgets vastzetten"
+            }
+        },
+        "pinned_messages_button": "Vastgezet",
+        "poll": {
+            "final_result": {
+                "one": "Einduitslag gebaseerd op %(count)s stem",
+                "other": "Einduitslag gebaseerd op %(count)s stemmen"
+            }
+        },
+        "room_summary_card": {
+            "title": "Kamer informatie"
+        },
+        "thread_list": {
+            "context_menu_label": "Draad opties"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Deze uitnodiging is verzonden naar %(email)s die niet is gekoppeld aan jouw account",
+        "3pid_invite_email_not_found_account_room": "Deze uitnodiging tot %(roomName)s was verstuurd naar %(email)s, dat niet aan uw account gekoppeld is",
+        "3pid_invite_error_description": "Er is een fout (%(errcode)s) geretourneerd tijdens het valideren van je uitnodiging. Je kan proberen deze informatie door te geven aan de persoon die je hebt uitgenodigd.",
+        "3pid_invite_error_invite_action": "Toch proberen deelnemen",
+        "3pid_invite_error_invite_subtitle": "Je kan de kamer enkel toetreden met een werkende uitnodiging.",
+        "3pid_invite_error_public_subtitle": "Je kan hier nog toetreden.",
+        "3pid_invite_error_title": "Er is iets misgegaan met je uitnodiging.",
+        "3pid_invite_error_title_room": "Er is iets misgegaan met je uitnodiging voor %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Gebruik in de instellingen een identiteitsserver om uitnodigingen direct in %(brand)s te ontvangen.",
+        "banned_by": "Je bent verbannen door %(memberName)s",
+        "banned_from_room_by": "Je bent uit %(roomName)s verbannen door %(memberName)s",
+        "context_menu": {
+            "copy_link": "Kamerlink kopiëren",
+            "favourite": "Favoriet",
+            "forget": "Kamer vergeten",
+            "low_priority": "Lage prioriteit",
+            "title": "Kameropties",
+            "unfavourite": "Favoriet"
+        },
+        "creating_room_text": "We maken een kamer aan met %(names)s",
+        "dm_invite_action": "Gesprek beginnen",
+        "dm_invite_subtitle": "<userName/> wil een chat met je beginnen",
+        "dm_invite_title": "Wil je een kamer beginnen met %(user)s?",
+        "drop_file_prompt": "Versleep het bestand naar hier om het te uploaden",
+        "edit_topic": "Bewerk onderwerp",
+        "error_join_404_invite": "De persoon die je heeft uitgenodigd is al vertrokken, of zijn server is offline.",
+        "error_join_404_invite_same_hs": "De persoon die je heeft uitgenodigd is al vertrokken.",
+        "error_join_connection": "Er is een fout opgetreden bij het deelnemen.",
+        "error_join_incompatible_version_1": "Sorry, je server is te oud om hier aan deel te nemen.",
+        "error_join_incompatible_version_2": "Gelieve contact op te nemen met de beheerder van jouw homeserver.",
+        "error_join_title": "Kan niet deelnemen",
+        "face_pile_summary": {
+            "one": "%(count)s persoon die je kent is al geregistreerd",
+            "other": "%(count)s personen die je kent hebben zich al geregistreerd"
+        },
+        "face_pile_tooltip_label": {
+            "one": "1 lid bekijken",
+            "other": "Bekijk alle %(count)s personen"
+        },
+        "face_pile_tooltip_shortcut": "Inclusief %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Inclusief jij, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "Weigeren van uitnodiging is mislukt",
+        "forget_room": "Deze kamer vergeten",
+        "forget_space": "Vergeet deze space",
+        "header": {
+            "room_is_public": "Deze kamer is publiek"
+        },
+        "inaccessible": "Deze kamer of space is op dit moment niet toegankelijk.",
+        "inaccessible_name": "%(roomName)s is op dit moment niet toegankelijk.",
+        "inaccessible_subtitle_1": "Probeer het later opnieuw of vraag een kamer- of space beheerder om te controleren of je toegang hebt.",
+        "inaccessible_subtitle_2": "%(errcode)s is geretourneerd tijdens een poging om toegang te krijgen tot de kamer of space. Als je denkt dat je dit bericht ten onrechte ziet, <issueLink>dien dan een bugrapport in</issueLink>.",
+        "intro": {
+            "dm_caption": "Alleen jullie beiden nemen deel aan deze kamer, tenzij een van jullie beiden iemand uitnodigt om deel te nemen.",
+            "enable_encryption_prompt": "Versleuteling inschakelen in instellingen.",
+            "no_avatar_label": "Voeg een foto toe, zodat personen je gemakkelijk kunnen herkennen in de kamer.",
+            "no_topic": "<a>Stel een kameronderwerp in</a> zodat de personen weten waar het over gaat.",
+            "private_unencrypted_warning": "Je privéberichten zijn versleuteld, maar deze kamer niet. Dit komt vaak doordat je een niet ondersteund apparaat of methode gebruikt, zoals e-mailuitnodigingen.",
+            "room_invite": "Uitnodigen voor alleen deze kamer",
+            "send_message_start_dm": "Stuur je eerste bericht om <displayName/> uit te nodigen om te chatten",
+            "start_of_dm_history": "Dit is het begin van je direct gesprek met <displayName/>.",
+            "start_of_room": "Dit is het begin van <roomName/>.",
+            "unencrypted_warning": "Eind-tot-eind-versleuteling is uitgeschakeld",
+            "user_created": "%(displayName)s heeft deze kamer aangemaakt.",
+            "you_created": "Jij hebt deze kamer gemaakt."
+        },
+        "invite_email_mismatch_suggestion": "Deel in de instellingen dit e-mailadres om uitnodigingen direct in %(brand)s te ontvangen.",
+        "invite_sent_to_email": "De uitnodiging is verzonden naar %(email)s",
+        "invite_sent_to_email_room": "Deze uitnodiging tot %(roomName)s was verstuurd naar %(email)s",
+        "invite_subtitle": "<userName/> heeft je uitgenodigd",
+        "invite_this_room": "Uitnodigen voor deze kamer",
+        "invite_title": "Wil je tot %(roomName)s toetreden?",
+        "inviter_unknown": "Onbekend",
+        "invites_you_text": "<inviter/> nodigt je uit",
+        "join_button_account": "Registreren",
+        "join_failed_needs_invite": "Om %(roomName)s te bekijken, heb je een uitnodiging nodig",
+        "join_the_discussion": "Neem deel aan de kamer",
+        "join_title": "Doe mee met de kamer om deel te nemen",
+        "join_title_account": "Neem deel aan de kamer met een account",
+        "joining": "Deelnemen…",
+        "jump_read_marker": "Spring naar het eerste ongelezen bericht.",
+        "jump_to_bottom_button": "Spring naar meest recente bericht",
+        "kick_reason": "Reden: %(reason)s",
+        "kicked_by": "Je bent verwijderd door %(memberName)s",
+        "kicked_from_room_by": "Je bent verwijderd uit %(roomName)s door %(memberName)s",
+        "leave_error_title": "Fout bij verlaten kamer",
+        "leave_server_notices_description": "Deze kamer is bedoeld voor belangrijke berichten van de homeserver, dus je kan het niet verlaten.",
+        "leave_server_notices_title": "Kan servermeldingskamer niet verlaten",
+        "leave_unexpected_error": "Onverwachte serverfout bij het verlaten van deze kamer",
+        "link_email_to_receive_3pid_invite": "Koppel in de instellingen dit e-mailadres aan uw account om uitnodigingen direct in %(brand)s te ontvangen.",
+        "loading_preview": "Voorbeeld laden",
+        "no_peek_join_prompt": "%(roomName)s kan niet vooraf bekeken worden. Wil je eraan deelnemen?",
+        "no_peek_no_name_join_prompt": "Er is geen preview, wil je toetreden?",
+        "not_found_subtitle": "Weet je zeker dat je op de goede locatie bent?",
+        "not_found_title": "Deze kamer of space bestaat niet.",
+        "not_found_title_name": "%(roomName)s bestaat niet.",
+        "peek_join_prompt": "Je bekijkt %(roomName)s. Wilt je eraan deelnemen?",
+        "read_topic": "Klik om het onderwerp te lezen",
+        "rejoin_button": "Opnieuw toetreden",
+        "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."
+        },
+        "upgrade_error_description": "Ga nogmaals na dat de server de gekozen kamerversie ondersteunt, en probeer het dan opnieuw.",
+        "upgrade_error_title": "Upgraden van kamer mislukt",
+        "upgrade_warning_bar": "Upgraden zal de huidige versie van deze kamer sluiten, en onder dezelfde naam een geüpgraded versie starten.",
+        "upgrade_warning_bar_admins": "Enkel kamerbeheerders zullen deze waarschuwing zien",
+        "upgrade_warning_bar_unstable": "Deze kamer draait op kamerversie <roomVersion />, die door deze homeserver als <i>onstabiel</i> is gemarkeerd.",
+        "upgrade_warning_bar_upgraded": "Deze kamer is reeds geüpgraded.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "%(filename)s en %(count)s ander worden geüpload",
+                "other": "%(filename)s en %(count)s andere worden geüpload"
+            },
+            "uploading_single_file": "%(filename)s wordt geüpload"
+        }
+    },
+    "room_list": {
+        "add_space_label": "Space toevoegen",
+        "failed_add_tag": "Toevoegen van %(tagName)s-label aan kamer is mislukt",
+        "failed_remove_tag": "Verwijderen van %(tagName)s-label van kamer is mislukt",
+        "failed_set_dm_tag": "Kan tag voor direct bericht niet instellen",
+        "notification_options": "Meldingsinstellingen",
+        "show_less": "Minder tonen"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Bepaal wie kan lezen en deelnemen aan %(spaceName)s.",
+            "title": "Toegang"
+        },
+        "advanced": {
+            "error_upgrade_description": "Het upgraden van de kamer kon niet worden voltooid",
+            "error_upgrade_title": "Kamerupgrade mislukt",
+            "information_section_room": "Kamerinformatie",
+            "information_section_space": "Space-informatie",
+            "room_id": "Interne ruimte ID",
+            "room_predecessor": "Bekijk oudere berichten in %(roomName)s.",
+            "room_upgrade_button": "Upgrade deze kamer naar de aanbevolen kamerversie",
+            "room_version": "Kamerversie:",
+            "room_version_section": "Kamerversie",
+            "space_predecessor": "Bekijk oudere versie van %(spaceName)s.",
+            "space_upgrade_button": "Upgrade deze ruimte naar de aanbevolen kamerversie",
+            "unfederated": "Deze kamer is niet toegankelijk vanaf externe Matrix-servers",
+            "upgrade_button": "Upgrade de kamer naar versie %(version)s",
+            "upgrade_dialog_description": "Deze kamer bijwerken vereist dat je de huidige afsluit en in de plaats een nieuwe kamer aanmaakt. Om leden de best mogelijke ervaring te bieden, zullen we:",
+            "upgrade_dialog_description_1": "Een nieuw kamer aanmaken met dezelfde naam, omschrijving en afbeelding",
+            "upgrade_dialog_description_2": "Alle lokale kamerbijnamen naar de nieuwe kamer laten verwijzen",
+            "upgrade_dialog_description_3": "Personen verhinderen om aan de oude versie van de kamer bij te dragen en plaats een bericht te dat de personen verwijst naar de nieuwe kamer",
+            "upgrade_dialog_description_4": "Bovenaan de nieuwe kamer naar de oude verwijzen, om oude berichten te kunnen lezen",
+            "upgrade_dialog_title": "Kamerversie upgraden",
+            "upgrade_dwarning_ialog_title_public": "Publieke kamer upgraden",
+            "upgrade_warning_dialog_description": "Het bijwerken van een kamer is een gevorderde actie en wordt meestal aanbevolen wanneer een kamer onstabiel is door bugs, ontbrekende functies of problemen met de beveiliging.",
+            "upgrade_warning_dialog_explainer": "<b>Let op bijwerken maakt een nieuwe versie van deze kamer</b>. Alle huidige berichten blijven in deze gearchiveerde kamer.",
+            "upgrade_warning_dialog_footer": "Je upgrade deze kamer van <oldVersion /> naar <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Automatisch leden uitnodigen van deze kamer in de nieuwe",
+            "upgrade_warning_dialog_report_bug_prompt": "Normaal gesproken heeft dit alleen invloed op het verwerken van de kamer op de server. Als je problemen ervaart met %(brand)s, stuur dan een bugmelding.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Dit heeft meestal enkel een invloed op de manier waarop de kamer door de server verwerkt wordt. Als je problemen met je %(brand)s ondervindt, <a>dien dan een foutmelding in</a>.",
+            "upgrade_warning_dialog_title_private": "Privékamer upgraden"
+        },
+        "alias_not_specified": "niet opgegeven",
+        "bridges": {
+            "description": "Deze kamer wordt overbrugd naar de volgende platformen. <a>Lees meer</a>",
+            "empty": "Deze kamer overbrugt geen berichten naar platformen. <a>Lees meer.</a>",
+            "title": "Bruggen"
+        },
+        "delete_avatar_label": "Afbeelding verwijderen",
+        "general": {
+            "alias_field_has_domain_invalid": "Ontbrekend domeinscheidingsteken, bijv. (:voorbeeld.nl)",
+            "alias_field_has_localpart_invalid": "Ontbrekende kamernaam of scheidingsteken, bijv. (mijn-kamer:voorbeeld.nl)",
+            "alias_field_matches_invalid": "Dit adres verwijst niet naar deze kamer",
+            "alias_field_placeholder_default": "bv. mijn-kamer",
+            "alias_field_required_invalid": "Geef een adres op",
+            "alias_field_safe_localpart_invalid": "Sommige tekens zijn niet toegestaan",
+            "alias_field_taken_invalid": "Dit adres heeft een ongeldige server of is al in gebruik",
+            "alias_field_taken_invalid_domain": "Dit adres is al in gebruik",
+            "alias_field_taken_valid": "Dit adres kan worden gebruikt",
+            "alias_heading": "Kameradres",
+            "aliases_items_label": "Andere gepubliceerde adressen:",
+            "aliases_no_items_label": "Nog geen andere gepubliceerde adressen, voeg er hieronder een toe",
+            "aliases_section": "Kameradressen",
+            "avatar_field_label": "Kamerafbeelding",
+            "canonical_alias_field_label": "Hoofdadres",
+            "description_space": "Bewerk instellingen gerelateerd aan jouw space.",
+            "error_creating_alias_description": "Er is een fout opgetreden bij het aanmaken van dit adres. Dit wordt mogelijk niet toegestaan door de server, of er is een tijdelijk probleem opgetreden.",
+            "error_creating_alias_title": "Fout bij aanmaken van het adres",
+            "error_deleting_alias_description": "Er is een fout opgetreden bij het verwijderen van dit adres. Deze bestaat mogelijk niet meer, of er is een tijdelijke fout opgetreden.",
+            "error_deleting_alias_description_forbidden": "Je hebt geen toestemming om het adres te verwijderen.",
+            "error_deleting_alias_title": "Fout bij verwijderen van adres",
+            "error_save_space_settings": "Het opslaan van de space-instellingen is mislukt.",
+            "error_updating_alias_description": "Er is een fout opgetreden bij het bijwerken van de bijnaam van de kamer. Dit wordt mogelijk niet toegestaan door de server of er is een tijdelijk probleem opgetreden.",
+            "error_updating_canonical_alias_description": "Er is een fout opgetreden bij het bijwerken van het hoofdadres van de kamer. Dit wordt mogelijk niet toegestaan door de server of er is een tijdelijk probleem opgetreden.",
+            "error_updating_canonical_alias_title": "Fout bij bijwerken van hoofdadres",
+            "leave_space": "Space verlaten",
+            "local_alias_field_label": "Lokaal adres",
+            "local_aliases_explainer_room": "Stel een adres in zodat personen deze kamer via jouw homeserver (%(localDomain)s) kunnen vinden",
+            "local_aliases_explainer_space": "Stel adressen in voor deze Space zodat personen deze Space kunnen vinden via jouw homeserver (%(localDomain)s)",
+            "local_aliases_section": "Lokale adressen",
+            "name_field_label": "Kamernaam",
+            "new_alias_placeholder": "Nieuw gepubliceerd adres (b.v. #bijnaam:server)",
+            "no_aliases_room": "Deze kamer heeft geen lokale adressen",
+            "no_aliases_space": "Deze Space heeft geen lokaaladres",
+            "other_section": "Overige",
+            "publish_toggle": "Deze kamer vermelden in de publieke kamersgids van %(domain)s?",
+            "published_aliases_description": "Om een adres te publiceren, moet het eerst als een lokaaladres worden ingesteld.",
+            "published_aliases_explainer_room": "Gepubliceerde adressen kunnen door iedereen op elke server gebruikt worden om bij jouw kamer te komen.",
+            "published_aliases_explainer_space": "Gepubliceerde adressen kunnen door iedereen op elke server gebruikt worden om jouw Space te betreden.",
+            "published_aliases_section": "Gepubliceerde adressen",
+            "save": "Wijzigingen opslaan",
+            "topic_field_label": "Kameronderwerp"
+        },
+        "notifications": {
+            "browse_button": "Bladeren",
+            "custom_sound_prompt": "Stel een nieuw aangepast geluid in",
+            "notification_sound": "Meldingsgeluid",
+            "settings_link": "Ontvang de meldingen zoals ingesteld in uw <a>instellingen</a>",
+            "sounds_section": "Geluiden",
+            "uploaded_sound": "Geüpload-geluid"
+        },
+        "permissions": {
+            "ban": "Personen verbannen",
+            "ban_reason": "Reden",
+            "banned_by": "Verbannen door %(displayName)s",
+            "banned_users_section": "Verbannen personen",
+            "error_changing_pl_description": "Er is een fout opgetreden bij het wijzigen van het machtsniveau van de persoon. Zorg ervoor dat je over voldoende machtigingen beschikt en probeer het opnieuw.",
+            "error_changing_pl_reqs_description": "Er is een fout opgetreden bij het wijzigen van de machtsniveauvereisten van de kamer. Zorg ervoor dat je over voldoende machtigingen beschikt en probeer het opnieuw.",
+            "error_changing_pl_reqs_title": "Fout bij wijzigen van machtsniveauvereiste",
+            "error_changing_pl_title": "Fout bij wijzigen van machtsniveau",
+            "error_unbanning": "Ontbannen mislukt",
+            "events_default": "Berichten versturen",
+            "invite": "Personen uitnodigen",
+            "kick": "Personen verwijderen",
+            "m.call": "%(brand)s oproepen starten",
+            "m.call.member": "Deelnemen aan %(brand)s gesprekken",
+            "m.reaction": "Reacties versturen",
+            "m.room.avatar": "Kamerafbeelding wijzigen",
+            "m.room.avatar_space": "Space-afbeelding wijzigen",
+            "m.room.canonical_alias": "Hoofdadres voor de kamer wijzigen",
+            "m.room.canonical_alias_space": "Hoofdadres van space wijzigen",
+            "m.room.encryption": "Kamerversleuteling inschakelen",
+            "m.room.history_visibility": "Zichtbaarheid van geschiedenis wijzigen",
+            "m.room.name": "Kamernaam wijzigen",
+            "m.room.name_space": "Spacenaam wijzigen",
+            "m.room.pinned_events": "Vastgeprikte gebeurtenissen beheren",
+            "m.room.power_levels": "Rechten wijzigen",
+            "m.room.redaction": "Door mij verzonden berichten verwijderen",
+            "m.room.server_acl": "Wijzig server ACL's",
+            "m.room.tombstone": "Upgrade de kamer",
+            "m.room.topic": "Onderwerp wijzigen",
+            "m.room.topic_space": "Omschrijving wijzigen",
+            "m.space.child": "Beheer kamers in deze space",
+            "m.widget": "Widgets aanpassen",
+            "muted_users_section": "Gedempte personen",
+            "no_privileged_users": "Geen enkele persoon heeft specifieke bevoegdheden in deze kamer",
+            "notifications.room": "Iedereen melden",
+            "permissions_section": "Rechten",
+            "permissions_section_description_room": "Selecteer de vereiste rollen om verschillende delen van de kamer te wijzigen",
+            "permissions_section_description_space": "Selecteer de rollen die vereist zijn om onderdelen van de space te wijzigen",
+            "privileged_users_section": "Bevoegde personen",
+            "redact": "Berichten van anderen verwijderen",
+            "send_event_type": "%(eventType)s-gebeurtenissen versturen",
+            "state_default": "Instellingen wijzigen",
+            "title": "Rollen & rechten",
+            "users_default": "Standaardrol"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Kamerversleuteling is onomkeerbaar. Berichten in versleutelde kamers zijn niet leesbaar voor de server; enkel voor de deelnemers. Veel robots en bruggen werken niet correct in versleutelde kamers. <a>Lees meer over versleuteling.</a>",
+            "enable_encryption_confirm_title": "Versleuteling inschakelen?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Het wordt niet aanbevolen om versleuteling toe te voegen aan openbare ruimten.</b> Iedereen kan openbare ruimten vinden en er lid van worden, dus iedereen kan berichten erin lezen. Je profiteert niet van de voordelen van versleuteling en kunt deze later niet uitschakelen. Het versleutelen van berichten in een openbare ruimte zal het ontvangen en verzenden van berichten langzamer maken.",
+            "enable_encryption_public_room_confirm_description_2": "Om deze problemen te voorkomen, maak een <a>nieuwe versleutelde kamer</a> voor de gesprekken die je wil voeren.",
+            "enable_encryption_public_room_confirm_title": "Weet je zeker dat je versleuteling wil inschakelen voor deze publieke kamer?",
+            "encrypted_room_public_confirm_description_1": "<b>Het wordt afgeraden om publieke kamers te versleutelen.</b> Het betekent dat iedereen je kan vinden en aan deelnemen, dus iedereen kan al de berichten lezen. Je krijgt dus geen voordelen bij versleuteling. Versleutelde berichten in een publieke kamer maakt het ontvangen en versturen van berichten langzamer.",
+            "encrypted_room_public_confirm_description_2": "Om problemen te voorkomen, maak een<a>nieuwe publieke kamer</a> voor de gesprekken die je wil voeren.",
+            "encrypted_room_public_confirm_title": "Weet je zeker dat je deze publieke kamer wil versleutelen?",
+            "encryption_permanent": "Eenmaal ingeschakeld kan versleuteling niet meer worden uitgeschakeld.",
+            "error_join_rule_change_title": "Het updaten van de deelname regels is mislukt",
+            "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_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.",
+            "history_visibility_world_readable": "Iedereen",
+            "join_rule_description": "Kies wie kan deelnemen aan %(roomName)s.",
+            "join_rule_invite": "Privé (alleen op uitnodiging)",
+            "join_rule_invite_description": "Alleen uitgenodigde personen kunnen deelnemen.",
+            "join_rule_public_description": "Iedereen kan hem vinden en deelnemen.",
+            "join_rule_restricted": "Space leden",
+            "join_rule_restricted_description": "Iedereen in een space kan hem vinden en deelnemen. <a>Wijzig hier welke spaces toegang hebben.</a>",
+            "join_rule_restricted_description_active_space": "Iedereen in <spaceName/> kan hem vinden en deelnemen. Je kan ook andere spaces selecteren.",
+            "join_rule_restricted_description_prompt": "Iedereen in een space kan hem vinden en deelnemen. Je kan meerdere spaces selecteren.",
+            "join_rule_restricted_description_spaces": "Spaces met toegang",
+            "join_rule_restricted_dialog_description": "Kies welke Spaces toegang hebben tot deze kamer. Als een Space is geselecteerd kunnen deze leden <RoomName/> vinden en aan deelnemen.",
+            "join_rule_restricted_dialog_empty_warning": "Je verwijdert alle Spaces. De toegang zal teruggezet worden naar alleen op uitnodiging",
+            "join_rule_restricted_dialog_filter_placeholder": "Spaces zoeken",
+            "join_rule_restricted_dialog_heading_other": "Andere Spaces of kamers die je misschien niet kent",
+            "join_rule_restricted_dialog_heading_room": "Spaces die je kent met deze kamer",
+            "join_rule_restricted_dialog_heading_space": "Spaces die je kent met deze Space",
+            "join_rule_restricted_dialog_heading_unknown": "Dit zijn waarschijnlijk kamers waar andere kamerbeheerders deel van uitmaken.",
+            "join_rule_restricted_dialog_title": "Space selecteren",
+            "join_rule_restricted_n_more": {
+                "other": "& %(count)s meer",
+                "one": "& %(count)s meer"
+            },
+            "join_rule_restricted_summary": {
+                "other": "Momenteel hebben %(count)s spaces toegang",
+                "one": "Momenteel heeft één space toegang"
+            },
+            "join_rule_restricted_upgrade_description": "Deze upgrade maakt het mogelijk voor leden van geselecteerde spaces om toegang te krijgen tot deze kamer zonder een uitnodiging.",
+            "join_rule_restricted_upgrade_warning": "Deze kamer is in spaces waar je geen beheerder van bent. In deze spaces zal de oude kamer nog worden getoond, maar leden zullen een melding krijgen om deel te nemen aan de nieuwe kamer.",
+            "join_rule_upgrade_awaiting_room": "Nieuwe kamer laden",
+            "join_rule_upgrade_required": "Upgrade noodzakelijk",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Uitnodigingen versturen...",
+                "other": "Uitnodigingen versturen... (%(progress)s van %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Spaces bijwerken...",
+                "other": "Spaces bijwerken... (%(progress)s van %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Kamer aan het bijwerken",
+            "public_without_alias_warning": "Voeg een adres toe om naar deze kamer te kunnen verwijzen.",
+            "strict_encryption": "Vanaf deze sessie nooit versleutelde berichten naar ongeverifieerde sessies in deze kamer versturen",
+            "title": "Veiligheid & privacy"
+        },
+        "title": "Kamerinstellingen - %(roomName)s",
+        "upload_avatar_label": "Afbeelding uploaden",
+        "visibility": {
+            "alias_section": "Adres",
+            "error_failed_save": "Het bijwerken van de zichtbaarheid van deze space is mislukt",
+            "error_update_guest_access": "Het bijwerken van de gastentoegang van deze space is niet gelukt",
+            "error_update_history_visibility": "Het bijwerken van de geschiedenis leesbaarheid voor deze space is mislukt",
+            "guest_access_explainer": "Gasten kunnen deelnemen aan een space zonder een account.",
+            "guest_access_label": "Gastentoegang inschakelen",
+            "history_visibility_anyone_space": "Space voorvertoning",
+            "history_visibility_anyone_space_description": "Personen toestaan een voorvertoning van jouw space te zien voor deelname.",
+            "history_visibility_anyone_space_recommendation": "Aanbevolen voor publieke spaces.",
+            "title": "Zichtbaarheid"
+        },
+        "voip": {
+            "call_type_section": "Oproeptype",
+            "enable_element_call_caption": "%(brand)s is eind-tot-eind versleuteld, maar is momenteel beperkt tot kleinere aantallen gebruikers.",
+            "enable_element_call_label": "Schakel %(brand)s in als extra bel optie in deze kamer",
+            "enable_element_call_no_permissions_tooltip": "U heeft niet voldoende rechten om dit te wijzigen."
+        }
+    },
+    "room_summary_card_back_action_label": "Kamerinformatie",
+    "scalar": {
+        "error_create": "Kan widget niet aanmaken.",
+        "error_membership": "Je maakt geen deel uit van deze kamer.",
+        "error_missing_room_id": "roomId ontbreekt.",
+        "error_missing_room_id_request": "room_id ontbreekt in verzoek",
+        "error_missing_user_id_request": "user_id ontbreekt in verzoek",
+        "error_permission": "Je hebt geen rechten om dat in deze kamer te doen.",
+        "error_power_level_invalid": "Machtsniveau moet een positief geheel getal zijn.",
+        "error_room_not_visible": "Kamer %(roomId)s is niet zichtbaar",
+        "error_room_unknown": "Deze kamer wordt niet herkend.",
+        "error_send_request": "Versturen van verzoek is mislukt."
+    },
+    "server_offline": {
+        "description": "Jouw server reageert niet op sommige van je verzoeken. Hieronder staan enkele van de meest waarschijnlijke redenen.",
+        "description_1": "De server (%(serverName)s) deed er te lang over om te antwoorden.",
+        "description_2": "Jouw firewall of antivirussoftware blokkeert de aanvraag.",
+        "description_3": "Een invoertoepassing van je browser verhindert de aanvraag.",
+        "description_4": "De server is offline.",
+        "description_5": "De server heeft je verzoek afgewezen.",
+        "description_6": "Jouw regio ondervindt problemen bij de verbinding met het internet.",
+        "description_7": "Er is een verbindingsfout opgetreden tijdens het contact maken met de server.",
+        "description_8": "De server is niet geconfigureerd om aan te geven wat het probleem is (CORS).",
+        "empty_timeline": "Je bent helemaal bij.",
+        "recent_changes_heading": "Recente wijzigingen die nog niet zijn ontvangen",
+        "title": "Server reageert niet"
+    },
+    "seshat": {
+        "error_initialising": "Bericht zoeken initialisatie mislukt, controleer <a>je instellingen</a> voor meer informatie",
+        "reset_button": "Gebeurtenisopslag resetten",
+        "reset_description": "Je wilt waarschijnlijk niet jouw gebeurtenisopslag-index resetten",
+        "reset_explainer": "Als je dat doet, let wel op dat geen van jouw berichten wordt verwijderd, maar de zoekresultaten zullen gedurende enkele ogenblikken verslechteren terwijl de index opnieuw wordt aangemaakt",
+        "reset_title": "Gebeurtenisopslag resetten?",
+        "warning_kind_files": "Deze versie van %(brand)s ondersteunt niet de mogelijkheid sommige versleutelde bestanden te weergeven",
+        "warning_kind_files_app": "Gebruik de <a>Desktop-app</a> om alle versleutelde bestanden te zien",
+        "warning_kind_search": "Deze versie van %(brand)s ondersteunt niet het doorzoeken van versleutelde berichten",
+        "warning_kind_search_app": "Gebruik de <a>Desktop-toepassing</a> om alle versleutelde berichten te zien"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Jouw toegangstoken geeft je toegang tot je account. Deel hem niet met anderen.",
+            "brand_version": "%(brand)s-versie:",
+            "clear_cache_reload": "Cache wissen en herladen",
+            "help_link": "Klik <a>hier</a> voor hulp bij het gebruiken van %(brand)s.",
+            "title": "Hulp & info",
+            "versions": "Versies"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "Alle kamers in Home tonen",
+        "all_rooms_home_description": "Alle kamers waar je in bent zullen in Home verschijnen.",
+        "always_show_message_timestamps": "Altijd tijdstempels van berichten tonen",
+        "appearance": {
+            "custom_font": "Gebruik een systeemlettertype",
+            "custom_font_description": "Stel de naam in van een lettertype dat op uw systeem is geïnstalleerd en %(brand)s zal proberen het te gebruiken.",
+            "custom_font_name": "Systeemlettertypenaam",
+            "custom_font_size": "Aangepaste lettergrootte gebruiken",
+            "custom_theme_error_downloading": "Fout bij het downloaden van de thema-informatie.",
+            "custom_theme_invalid": "Ongeldig themaschema.",
+            "font_size": "Lettergrootte",
+            "image_size_default": "Standaard",
+            "image_size_large": "Groot",
+            "layout_bubbles": "Berichtenbubbels",
+            "layout_irc": "IRC (Experimenteel)",
+            "match_system_theme": "Aanpassen aan systeemthema",
+            "timeline_image_size": "Afbeeldingformaat in de tijdlijn"
+        },
+        "automatic_language_detection_syntax_highlight": "Automatische taaldetectie voor zinsbouwmarkeringen inschakelen",
+        "autoplay_gifs": "GIF's automatisch afspelen",
+        "autoplay_videos": "Videos automatisch afspelen",
+        "big_emoji": "Grote emoji in kamers inschakelen",
+        "code_block_expand_default": "Standaard codeblokken uitvouwen",
+        "code_block_line_numbers": "Regelnummers in codeblokken tonen",
+        "emoji_autocomplete": "Emoticons voorstellen tijdens het typen",
+        "enable_markdown": "Markdown inschakelen",
+        "general": {
+            "account_management_section": "Accountbeheer",
+            "add_email_dialog_title": "E-mailadres toevoegen",
+            "add_email_failed_verification": "Kan het e-mailadres niet verifiëren: zorg ervoor dat je de koppeling in de e-mail hebt aangeklikt",
+            "add_email_instructions": "We hebben je een e-mail gestuurd om je adres te verifiëren. Gelieve de daarin gegeven aanwijzingen op te volgen en dan op de knop hieronder te klikken.",
+            "add_msisdn_confirm_body": "Klik op de knop hieronder om het toevoegen van dit telefoonnummer te bevestigen.",
+            "add_msisdn_confirm_button": "Bevestig toevoegen van het telefoonnummer",
+            "add_msisdn_confirm_sso_button": "Bevestig je identiteit met je eenmalige aanmelding om dit telefoonnummer toe te voegen.",
+            "add_msisdn_dialog_title": "Telefoonnummer toevoegen",
+            "add_msisdn_instructions": "Er is een sms verstuurd naar +%(msisdn)s. Voor de verificatiecode in die in het bericht staat.",
+            "confirm_adding_email_body": "Klik op de knop hieronder om dit e-mailadres toe te voegen.",
+            "confirm_adding_email_title": "Bevestig toevoegen van het e-mailadres",
+            "deactivate_confirm_body": "Weet je zeker dat je jouw account wil sluiten? Dit is onomkeerbaar.",
+            "deactivate_confirm_body_sso": "Bevestig de deactivering van je account door gebruik te maken van eenmalige aanmelding om je identiteit te bewijzen.",
+            "deactivate_confirm_content": "Bevestig dat je jouw account wil deactiveren. Als je doorgaat:",
+            "deactivate_confirm_content_1": "Zal je jouw account niet kunnen heractiveren",
+            "deactivate_confirm_content_2": "Zal je niet meer kunnen inloggen",
+            "deactivate_confirm_content_3": "Zal niemand jouw gebruikersnaam (MXID) kunnen hergebruiken, inclusief jij: deze gebruikersnaam zal onbeschikbaar blijven",
+            "deactivate_confirm_content_4": "Zal je alle kamers en directe chats waar jij je in bevindt verlaten",
+            "deactivate_confirm_content_5": "Zal je van de identiteitsserver worden verwijderd: je vrienden zullen je niet meer kunnen vinden via je e-mailadres of telefoonnummer",
+            "deactivate_confirm_content_6": "Zullen jouw oude berichten nog steeds zichtbaar zijn voor de mensen die ze ontvangen hebben, net zoals e-mails die je in het verleden verstuurd hebt. Zou je jouw verstuurde berichten willen verbergen voor mensen die kamers in de toekomst toetreden?",
+            "deactivate_confirm_continue": "Bevestig accountsluiting",
+            "deactivate_confirm_erase_label": "Verberg mijn berichten voor nieuwe deelnemers",
+            "deactivate_section": "Account Sluiten",
+            "deactivate_warning": "Het deactiveren van je account is een permanente actie - wees voorzichtig!",
+            "discovery_email_empty": "Vindbaarheidopties zullen verschijnen wanneer je een e-mailadres hebt toegevoegd.",
+            "discovery_email_verification_instructions": "Verifieer de koppeling in je postvak",
+            "discovery_msisdn_empty": "Vindbaarheidopties zullen verschijnen wanneer je een telefoonnummer hebt toegevoegd.",
+            "discovery_needs_terms": "Aanvaard de gebruiksvoorwaarden van de identiteitsserver (%(serverName)s) om vindbaar te zijn op e-mailadres of telefoonnummer.",
+            "email_address_in_use": "Dit e-mailadres is al in gebruik",
+            "email_address_label": "E-mailadres",
+            "email_not_verified": "Jouw e-mailadres is nog niet geverifieerd",
+            "email_verification_instructions": "Open de koppeling in de ontvangen verificatie-e-mail, en klik dan op ‘Doorgaan’.",
+            "emails_heading": "E-mailadressen",
+            "error_add_email": "Kan e-mailadres niet toevoegen",
+            "error_deactivate_communication": "Er was een communicatie probleem met de server. Probeer het opnieuw.",
+            "error_deactivate_invalid_auth": "Server heeft geen geldige verificatiegegevens teruggestuurd.",
+            "error_deactivate_no_auth": "Server heeft geen authenticatie nodig",
+            "error_email_verification": "Kan e-mailadres niet verifiëren.",
+            "error_invalid_email": "Ongeldig e-mailadres",
+            "error_invalid_email_detail": "Het ziet er niet naar uit dat dit een geldig e-mailadres is",
+            "error_msisdn_verification": "Kan telefoonnummer niet verifiëren.",
+            "error_password_change_403": "Wijzigen van wachtwoord is mislukt. Is je wachtwoord juist?",
+            "error_remove_3pid": "Kan contactinformatie niet verwijderen",
+            "error_revoke_email_discovery": "Kan delen voor dit e-mailadres niet intrekken",
+            "error_revoke_msisdn_discovery": "Kan delen voor dit telefoonnummer niet intrekken",
+            "error_share_email_discovery": "Kan e-mailadres niet delen",
+            "error_share_msisdn_discovery": "Kan telefoonnummer niet delen",
+            "language_section": "Taal en regio",
+            "msisdn_in_use": "Dit telefoonnummer is al in gebruik",
+            "msisdn_label": "Telefoonnummer",
+            "msisdn_verification_field_label": "Verificatiecode",
+            "msisdn_verification_instructions": "Voer de verificatiecode in die werd verstuurd via sms.",
+            "msisdns_heading": "Telefoonnummers",
+            "password_change_success": "Wachtwoord veranderen geslaagd.",
+            "remove_email_prompt": "%(email)s verwijderen?",
+            "remove_msisdn_prompt": "%(phone)s verwijderen?",
+            "spell_check_locale_placeholder": "Kies een landinstelling"
+        },
+        "inline_url_previews_default": "Inline URL-voorvertoning standaard inschakelen",
+        "insert_trailing_colon_mentions": "Voeg een dubbele punt in nadat de persoon het aan het begin van een bericht heeft vermeld",
+        "jump_to_bottom_on_send": "Naar de onderkant van de tijdlijn springen wanneer je een bericht verstuurd",
+        "key_backup": {
+            "setup_secure_backup": {
+                "cancel_warning": "Als je nu annuleert, kan je versleutelde berichten en gegevens verliezen als je geen toegang meer hebt tot je login.",
+                "confirm_security_phrase": "Bevestig je veiligheidswachtwoord",
+                "description": "Bescherm je server tegen toegangsverlies tot versleutelde berichten en gegevens door een back-up te maken van de versleutelingssleutels.",
+                "download_or_copy": "%(downloadButton)s of %(copyButton)s",
+                "enter_phrase_title": "Veiligheidswachtwoord invoeren",
+                "enter_phrase_to_confirm": "Voer je veiligheidswachtwoord een tweede keer in om het te bevestigen.",
+                "generate_security_key_description": "Wij maken een veiligheidssleutel voor je aan die je ergens veilig kunt opbergen, zoals in een wachtwoordmanager of een kluis.",
+                "generate_security_key_title": "Genereer een veiligheidssleutel",
+                "pass_phrase_match_failed": "Dat komt niet overeen.",
+                "pass_phrase_match_success": "Dat komt overeen!",
+                "phrase_strong_enough": "Geweldig. Dit veiligheidswachtwoord ziet er sterk genoeg uit.",
+                "secret_storage_query_failure": "Kan status sleutelopslag niet opvragen",
+                "security_key_safety_reminder": "Bewaar je veiligheidssleutel op een veilige plaats, zoals in een wachtwoordmanager of een kluis, aangezien hiermee je versleutelde gegevens zijn beveiligd.",
+                "set_phrase_again": "Ga terug om het opnieuw in te stellen.",
+                "settings_reminder": "Je kan ook een beveiligde back-up instellen en je sleutels beheren via instellingen.",
+                "title_confirm_phrase": "Veiligheidswachtwoord bevestigen",
+                "title_save_key": "Jouw veiligheidssleutel opslaan",
+                "title_set_phrase": "Een veiligheidswachtwoord instellen",
+                "unable_to_setup": "Kan sleutelopslag niet instellen",
+                "use_different_passphrase": "Gebruik een ander wachtwoord?",
+                "use_phrase_only_you_know": "Gebruik een veiligheidswachtwoord die alleen jij kent, en sla optioneel een veiligheidssleutel op om te gebruiken als back-up."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Wachtwoord bevestigen",
+            "enter_passphrase": "Wachtwoord invoeren",
+            "export_description_1": "Hiermee kan je de sleutels van je ontvangen berichten in versleutelde kamers naar een lokaal bestand wegschrijven. Als je dat bestand dan in een andere Matrix-cliënt inleest kan het ook die berichten ontcijferen.",
+            "export_title": "Kamersleutels exporteren",
+            "file_to_import": "In te lezen bestand",
+            "import_description_1": "Hiermee kan je vanuit een andere Matrix-cliënt weggeschreven versleutelingssleutels inlezen, zodat je alle berichten die de andere cliënt kon ontcijferen ook hier kan lezen.",
+            "import_description_2": "Het weggeschreven bestand is beveiligd met een wachtwoord. Voer dat wachtwoord hier in om het bestand te ontsleutelen.",
+            "import_title": "Kamersleutels importeren",
+            "phrase_cannot_be_empty": "Wachtwoord mag niet leeg zijn",
+            "phrase_must_match": "Wachtwoorden moeten overeenkomen"
+        },
+        "keyboard": {
+            "title": "Toetsenbord"
+        },
+        "notifications": {
+            "enable_audible_notifications_session": "Meldingen met geluid voor deze sessie inschakelen",
+            "enable_desktop_notifications_session": "Bureaubladmeldingen voor deze sessie inschakelen",
+            "enable_email_notifications": "E-mailmeldingen inschakelen voor %(email)s",
+            "enable_notifications_account": "Meldingen inschakelen voor dit account",
+            "enable_notifications_account_detail": "Schakel dit uit om meldingen op al je apparaten en sessies uit te schakelen",
+            "enable_notifications_device": "Meldingen inschakelen voor dit apparaat",
+            "error_loading": "Er was een fout bij het laden van je meldingsvoorkeuren.",
+            "error_permissions_denied": "%(brand)s heeft geen toestemming jou meldingen te sturen - controleer je browserinstellingen",
+            "error_permissions_missing": "%(brand)s kreeg geen toestemming jou meldingen te sturen - probeer het opnieuw",
+            "error_saving": "Fout bij het opslaan van meldingsvoorkeuren",
+            "error_saving_detail": "Er is een fout opgetreden tijdens het opslaan van je meldingsvoorkeuren.",
+            "error_title": "Kan meldingen niet inschakelen",
+            "messages_containing_keywords": "Berichten met trefwoord",
+            "noisy": "Luid",
+            "push_targets": "Meldingsbestemmingen",
+            "rule_call": "Oproep-uitnodiging",
+            "rule_contains_display_name": "Berichten die mijn weergavenaam bevatten",
+            "rule_contains_user_name": "Berichten die mijn inlognaam bevatten",
+            "rule_encrypted": "Versleutelde berichten in groepsgesprekken",
+            "rule_encrypted_room_one_to_one": "Versleutelde berichten in één-op-één chats",
+            "rule_invite_for_me": "Wanneer ik uitgenodigd word in een kamer",
+            "rule_message": "Berichten in groepsgesprekken",
+            "rule_room_one_to_one": "Berichten in één-op-één chats",
+            "rule_roomnotif": "Berichten die ‘@room’ bevatten",
+            "rule_suppress_notices": "Berichten verzonden door een bot",
+            "rule_tombstone": "Wanneer kamers geüpgraded worden",
+            "show_message_desktop_notification": "Bericht in bureaubladmelding tonen"
+        },
+        "preferences": {
+            "always_show_menu_bar": "De venstermenubalk altijd tonen",
+            "autocomplete_delay": "Vertraging voor autoaanvullen (ms)",
+            "code_blocks_heading": "Codeblokken",
+            "compact_modern": "Compacte 'Moderne'-indeling gebruiken",
+            "composer_heading": "Opsteller",
+            "enable_hardware_acceleration": "Hardwareversnelling inschakelen",
+            "enable_tray_icon": "Geef een pictogram weer in de systeembalk en minimaliseer het venster wanneer het wordt gesloten",
+            "keyboard_heading": "Sneltoetsen",
+            "keyboard_view_shortcuts_button": "Om alle sneltoetsen te bekijken, <a>klik hier</a>.",
+            "media_heading": "Afbeeldingen, GIF's en video's",
+            "presence_description": "Deel je activiteit en status met anderen.",
+            "rm_lifetime": "Levensduur van leesbevestigingen (ms)",
+            "rm_lifetime_offscreen": "Levensduur van levensbevestigingen, niet op scherm (ms)",
+            "room_list_heading": "Kamerslijst",
+            "show_polls_button": "Toon polls-knop",
+            "surround_text": "Geselecteerde tekst omsluiten bij het typen van speciale tekens",
+            "time_heading": "Tijdsweergave"
+        },
+        "prompt_invite": "Uitnodigingen naar mogelijk ongeldige Matrix-ID’s bevestigen",
+        "replace_plain_emoji": "Tekst automatisch vervangen door emoji",
+        "security": {
+            "bulk_options_accept_all_invites": "Alle %(invitedRooms)s de uitnodigingen aannemen",
+            "bulk_options_reject_all_invites": "Alle %(invitedRooms)s de uitnodigingen weigeren",
+            "bulk_options_section": "Bulkopties",
+            "e2ee_default_disabled_warning": "De beheerder van je server heeft eind-tot-eind-versleuteling standaard uitgeschakeld in alle privékamers en directe gesprekken.",
+            "enable_message_search": "Zoeken in versleutelde kamers inschakelen",
+            "encryption_section": "Versleuteling",
+            "ignore_users_empty": "Je hebt geen persoon genegeerd.",
+            "ignore_users_section": "Genegeerde personen",
+            "key_backup_algorithm": "Algoritme:",
+            "message_search_disable_warning": "Dit moet aan staan om te kunnen zoeken in versleutelde kamers.",
+            "message_search_disabled": "Sla versleutelde berichten veilig lokaal op om ze doorzoekbaar te maken.",
+            "message_search_enabled": {
+                "one": "Veilig lokaal opslaan van versleutelde berichten zodat ze in de zoekresultaten verschijnen, gebruik %(size)s voor het opslaan van berichten uit %(rooms)s kamer.",
+                "other": "Veilig lokaal opslaan van versleutelde berichten zodat ze in de zoekresultaten verschijnen, gebruik %(size)s voor het opslaan van berichten uit %(rooms)s kamers."
+            },
+            "message_search_failed": "Zoeken in berichten opstarten is mislukt",
+            "message_search_indexed_messages": "Geïndexeerde berichten:",
+            "message_search_indexed_rooms": "Geïndexeerde kamers:",
+            "message_search_indexing": "Momenteel indexeren: %(currentRoom)s",
+            "message_search_indexing_idle": "Er worden momenteel voor geen enkele kamer berichten geïndexeerd.",
+            "message_search_intro": "%(brand)s bewaart versleutelde berichten veilig in het lokale cachegeheugen om ze in je zoekresultaten te laten verschijnen:",
+            "message_search_room_progress": "%(doneRooms)s van %(totalRooms)s",
+            "message_search_section": "Berichten zoeken",
+            "message_search_sleep_time": "Ophaalfrequentie van berichten.",
+            "message_search_space_used": "Gebruikte Space:",
+            "message_search_unsupported": "In %(brand)s ontbreken enige modulen vereist voor het veilig lokaal bewaren van versleutelde berichten. Wil je deze functie uittesten, compileer dan een aangepaste versie van %(brand)s Desktop <nativeLink>die de zoekmodulen bevat</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s kan versleutelde berichten niet veilig lokaal opslaan in een webbrowser. Gebruik <desktopLink>%(brand)s Desktop</desktopLink> om versleutelde berichten in zoekresultaten te laten verschijnen.",
+            "record_session_details": "Noteer de naam, versie en url van de applicatie om sessies gemakkelijker te herkennen in sessiebeheer",
+            "send_analytics": "Gebruiksgegevens delen",
+            "strict_encryption": "Vanaf deze sessie nooit versleutelde berichten naar ongeverifieerde sessies versturen"
+        },
+        "send_read_receipts": "Stuur leesbevestigingen",
+        "send_read_receipts_unsupported": "Jouw server biedt geen ondersteuning voor het uitschakelen van het verzenden van leesbevestigingen.",
+        "send_typing_notifications": "Typmeldingen versturen",
+        "sessions": {
+            "confirm_sign_out": {
+                "one": "Uitloggen van dit apparaat bevestigen",
+                "other": "Uitloggen van deze apparaten bevestigen"
+            },
+            "confirm_sign_out_body": {
+                "one": "Klik op onderstaande knop om het uitloggen van dit apparaat te bevestigen.",
+                "other": "Klik op onderstaande knop om het uitloggen van deze apparaten te bevestigen."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Apparaat uitloggen",
+                "other": "Apparaten uitloggen"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Bevestig je identiteit met eenmalig inloggen om dit apparaat uit te loggen.",
+                "other": "Bevestig je identiteit met eenmalig inloggen om deze apparaten uit te loggen."
+            },
+            "current_session": "Huidige sessie",
+            "desktop_session": "Desktop sessie",
+            "details_heading": "Sessie details",
+            "device_unverified_description": "Verifieer of meld je af bij deze sessie voor de beste beveiliging en betrouwbaarheid.",
+            "device_verified_description": "Deze sessie is klaar voor beveiligde berichtenuitwisseling.",
+            "error_pusher_state": "Kan de pusher status niet instellen",
+            "filter_all": "Alles",
+            "filter_inactive": "Inactief",
+            "filter_inactive_description": "Inactief gedurende %(inactiveAgeDays)s dagen of langer",
+            "filter_label": "Filter apparaten",
+            "filter_unverified_description": "Niet klaar voor veilig berichtenverkeer",
+            "filter_verified_description": "Klaar voor beveiligd berichtenverkeer",
+            "inactive_days": "Inactief gedurende %(inactiveAgeDays)s+ dagen",
+            "inactive_sessions": "Inactieve sessies",
+            "inactive_sessions_explainer_1": "Inactieve sessies zijn sessies die u al een tijdje niet hebt gebruikt, maar ze blijven vesleutelingssleutels ontvangen.",
+            "inactive_sessions_explainer_2": "Het verwijderen van inactieve sessies verbetert de beveiliging en prestaties en maakt het voor u gemakkelijker om te identificeren of een nieuwe sessie verdacht is.",
+            "inactive_sessions_list_description": "Overweeg om u af te melden bij oude sessies (%(inactiveAgeDays)s dagen of ouder) die u niet meer gebruikt.",
+            "ip": "IP adres",
+            "last_activity": "Laatste activiteit",
+            "mobile_session": "Mobiele sessie",
+            "no_inactive_sessions": "Geen inactieve sessies gevonden.",
+            "no_sessions": "Geen sessies gevonden.",
+            "no_unverified_sessions": "Geen niet-geverifieerde sessies gevonden.",
+            "no_verified_sessions": "Geen geverifieerde sessies gevonden.",
+            "other_sessions_heading": "Andere sessies",
+            "push_heading": "Pushmeldingen",
+            "push_subheading": "Ontvang pushmeldingen voor deze sessie.",
+            "push_toggle": "Schakel pushmeldingen in voor deze sessie.",
+            "rename_form_caption": "Houd er rekening mee dat sessienamen ook zichtbaar zijn voor mensen met wie u communiceert.",
+            "rename_form_heading": "Sessie hernoemen",
+            "rename_form_learn_more": "Sessies hernoemen",
+            "rename_form_learn_more_description_1": "Andere gebruikers in privéchats en chatruimten waaraan u deelneemt, kunnen een volledige lijst van uw sessies bekijken.",
+            "rename_form_learn_more_description_2": "Dit geeft ze het vertrouwen dat ze echt met u praten, maar het betekent ook dat ze de sessienaam kunnen zien die u hier invoert.",
+            "security_recommendations": "Beveiligingsaanbevelingen",
+            "session_id": "Sessie-ID",
+            "sign_in_with_qr": "Log in met QR-code",
+            "sign_in_with_qr_button": "QR-code tonen",
+            "sign_in_with_qr_description": "U kunt dit apparaat gebruiken om in te loggen op een nieuw apparaat met een QR-code. U moet de QR-code die op dit apparaat wordt weergegeven, scannen met uw apparaat dat is uitgelogd.",
+            "sign_out": "Afmelden voor deze sessie",
+            "sign_out_confirm_description": {
+                "one": "Weet u zeker dat u zich wilt afmelden bij %(count)s sessies?",
+                "other": "Weet u zeker dat u zich wilt afmelden bij %(count)s sessies?"
+            },
+            "title": "Sessies",
+            "unknown_session": "Onbekende sessietype",
+            "unverified_session": "Niet-geverifieerde sessie",
+            "unverified_sessions": "Niet geverifieerde sessies",
+            "unverified_sessions_explainer_1": "Niet geverifieerde sessies zijn sessies die zijn aangemeld met uw inloggegevens, maar niet zijn geverifieerd.",
+            "unverified_sessions_explainer_2": "U moet er vooral zeker van zijn dat u deze sessies herkent, omdat ze een ongeoorloofd gebruik van uw account kunnen vertegenwoordigen.",
+            "unverified_sessions_list_description": "Verifieer je sessies voor verbeterde beveiligde berichtenuitwisseling of meld je af bij sessies die je niet meer herkent of gebruikt.",
+            "verified_session": "Geverifieerde sessie",
+            "verified_sessions": "Geverifieerde sessies",
+            "verified_sessions_list_description": "Meld je voor de beste beveiliging af bij elke sessie die je niet meer herkent of gebruikt.",
+            "verify_session": "Sessie verifiëren",
+            "web_session": "Web sessie"
+        },
+        "show_breadcrumbs": "Snelkoppelingen naar de kamers die je recent hebt bekeken bovenaan de kamerlijst weergeven",
+        "show_chat_effects": "Effecten tonen (animaties bij ontvangst bijv. confetti)",
+        "show_displayname_changes": "Veranderingen van weergavenamen tonen",
+        "show_join_leave": "Toon deelname/laat berichten (uitnodigingen/verwijderingen/bans onaangetast)",
+        "show_read_receipts": "Door andere personen verstuurde leesbevestigingen tonen",
+        "show_redaction_placeholder": "Verwijderde berichten vulling tonen",
+        "show_stickers_button": "Stickers-knop tonen",
+        "show_typing_notifications": "Typmeldingen weergeven",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "Alle kamers tonen",
+            "metaspaces_home_all_rooms_description": "Toon al je kamers in Home, zelfs als ze al in een space zitten.",
+            "metaspaces_home_description": "Home is handig om een overzicht van alles te krijgen.",
+            "metaspaces_orphans": "Kamers buiten een space",
+            "metaspaces_orphans_description": "Groepeer al je kamers die geen deel uitmaken van een space op één plaats.",
+            "metaspaces_subsection": "Spaces om te tonen",
+            "title": "Zijbalk"
+        },
+        "use_12_hour_format": "Tijd in 12-uursformaat tonen (bv. 2:30pm)",
+        "use_command_enter_send_message": "Gebruik Command (⌘) + Enter om een bericht te sturen",
+        "use_command_f_search": "Gebruik Command + F om te zoeken in de tijdlijn",
+        "use_control_enter_send_message": "Gebruik Ctrl + Enter om een bericht te sturen",
+        "use_control_f_search": "Gebruik Ctrl +F om te zoeken in de tijdlijn",
+        "voip": {
+            "audio_input_empty": "Geen microfoons gevonden",
+            "audio_output": "Geluidsuitgang",
+            "audio_output_empty": "Geen geluidsuitgangen gedetecteerd",
+            "mirror_local_feed": "Lokale videoaanvoer ook elders opslaan (spiegelen)",
+            "missing_permissions_prompt": "Mediatoestemmingen ontbreken, klik op de knop hieronder om deze aan te vragen.",
+            "request_permissions": "Mediatoestemmingen verzoeken",
+            "title": "Spraak & video",
+            "video_input_empty": "Geen webcams gevonden"
+        },
+        "warn_quit": "Waarschuwen voordat je afsluit"
+    },
+    "share": {
+        "permalink_message": "Koppeling naar geselecteerd bericht",
+        "permalink_most_recent": "Koppeling naar meest recente bericht",
+        "title_message": "Bericht uit kamer delen",
+        "title_room": "Kamer delen",
+        "title_user": "Persoon delen"
+    },
+    "slash_command": {
+        "addwidget": "Voegt met een URL een aangepaste widget toe aan de kamer",
+        "addwidget_invalid_protocol": "Voer een https://- of http://-widget-URL in",
+        "addwidget_missing_url": "Gelieve een widgetURL of in te bedden code te geven",
+        "addwidget_no_permissions": "Je kan de widgets in deze kamer niet aanpassen.",
+        "ban": "Verbant de persoon met de gegeven ID",
+        "category_actions": "Acties",
+        "category_admin": "Beheerder",
+        "category_advanced": "Geavanceerd",
+        "category_effects": "Effecten",
+        "category_messages": "Berichten",
+        "category_other": "Overige",
+        "command_error": "Opdrachtfout",
+        "converttodm": "Verandert deze kamer in een directe chat",
+        "converttoroom": "Verandert deze directe chat in een kamer",
+        "deop": "Ontmachtigt persoon met de gegeven ID",
+        "devtools": "Opent het dialoogvenster met ontwikkelaarsgereedschap",
+        "discardsession": "Dwingt tot verwerping van de huidige uitwaartse groepssessie in een versleutelde kamer",
+        "error_invalid_rendering_type": "Commandofout: Kan rendering type niet vinden (%(renderingType)s)",
+        "error_invalid_runfn": "Commandofout: Kan slash commando niet verwerken.",
+        "help": "Toont een lijst van beschikbare opdrachten, met hun toepassing en omschrijving",
+        "help_dialog_title": "Hulp bij opdrachten",
+        "holdcall": "De huidige oproep in de wacht zetten",
+        "html": "Stuurt een bericht als HTML, zonder markdown toe te passen",
+        "ignore": "Negeert een persoon, waardoor de berichten ervan onzichtbaar voor jou worden",
+        "ignore_dialog_description": "Je negeert nu %(userId)s",
+        "ignore_dialog_title": "Genegeerde persoon",
+        "invite": "Nodigt een persoon met de gegeven ID uit in de huidige kamer",
+        "invite_3pid_needs_is_error": "Gebruik een identiteitsserver om uit te nodigen via e-mail. Beheer de server in de instellingen.",
+        "invite_3pid_use_default_is_title": "Gebruik een identiteitsserver",
+        "invite_3pid_use_default_is_title_description": "Gebruik een identiteitsserver om uit te nodigen via e-mail. Klik op ‘Doorgaan’ om de standaardidentiteitsserver (%(defaultIdentityServerName)s) te gebruiken, of beheer de server in de instellingen.",
+        "join": "Neem aan de kamer met dat adres deel",
+        "jumptodate": "Spring naar de opgegeven datum in de tijdlijn",
+        "jumptodate_invalid_input": "We konden de datum niet verwerken (%(inputDate)s). Probeer het opnieuw met het formaat JJJJ-MM-DD.",
+        "lenny": "Plakt ( ͡° ͜ʖ ͡°) vóór een bericht zonder opmaak",
+        "me": "Toont actie",
+        "msg": "Zendt die persoon een bericht",
+        "myroomnick": "Stelt je weergavenaam alleen in de huidige kamer in",
+        "nick": "Verandert je weergavenaam",
+        "no_active_call": "Geen actieve oproep in deze kamer",
+        "op": "Bepaal het machtsniveau van een persoon",
+        "part_unknown_alias": "Niet herkend kameradres: %(roomAlias)s",
+        "plain": "Verstuurt een bericht als platte tekst, zonder het als markdown te interpreteren",
+        "query": "Start een chat met die persoon",
+        "query_not_found_phone_number": "Kan Matrix-ID voor telefoonnummer niet vinden",
+        "rageshake": "Stuur een bugrapport met logs",
+        "rainbow": "Verstuurt het gegeven bericht in regenboogkleuren",
+        "rainbowme": "Verstuurt de gegeven emoticon in regenboogkleuren",
+        "remove": "Verwijder persoon met opgegeven ID uit deze kamer",
+        "roomavatar": "Wijzigt de afbeelding van de huidige kamer",
+        "roomname": "Stelt de kamernaam in",
+        "server_error": "Serverfout",
+        "server_error_detail": "De server is onbereikbaar of overbelast, of er is iets anders foutgegaan.",
+        "shrug": "Plakt ¯\\_(ツ)_/¯ vóór een bericht zonder opmaak",
+        "spoiler": "Verstuurt het bericht als een spoiler",
+        "tableflip": "Plakt (╯°□°）╯︵ ┻━┻ vóór een bericht zonder opmaak",
+        "topic": "Verkrijgt het onderwerp van de kamer of stelt het in",
+        "topic_none": "Deze kamer heeft geen onderwerp.",
+        "topic_room_error": "Kameronderwerp laden mislukt: Kan kamer niet vinden (%(roomId)s",
+        "unban": "Ontbant de persoon met de gegeven ID",
+        "unflip": "Plakt ┬──┬ ノ( ゜-゜ノ) vóór een bericht zonder opmaak",
+        "unholdcall": "De huidige oproep in huidige kamer in de wacht zetten",
+        "unignore": "Stopt het negeren van een persoon, hierdoor worden de berichten van de persoon weer zichtbaar",
+        "unignore_dialog_description": "Je negeert %(userId)s niet meer",
+        "unignore_dialog_title": "Niet-genegeerde persoon",
+        "unknown_command": "Onbekende opdracht",
+        "unknown_command_button": "Versturen als bericht",
+        "unknown_command_detail": "Onbekende opdracht: %(commandText)s",
+        "unknown_command_help": "Typ <code>/help</code> om alle opdrachten te zien. Was het je bedoeling dit als bericht te sturen?",
+        "unknown_command_hint": "Tip: begin uw bericht met <code>//</code> om het te laten voorafgaan door een schuine streep.",
+        "upgraderoom": "Upgrade deze kamer naar een nieuwere versie",
+        "upgraderoom_permission_error": "Je beschikt niet over de vereiste machtigingen om deze opdracht uit te voeren.",
+        "usage": "Gebruik",
+        "verify": "Verifieert de combinatie van persoon, sessie en publieke sleutel",
+        "whois": "Geeft informatie weer over een persoon"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "Wil je anders een nieuwe kamer toevoegen?",
+            "create_prompt": "Nieuwe kamer aanmaken",
+            "dm_heading": "Direct gesprek",
+            "error_heading": "Niet alle geselecteerden zijn toegevoegd",
+            "progress_text": {
+                "one": "Kamer toevoegen...",
+                "other": "Kamers toevoegen... (%(progress)s van %(count)s)"
+            },
+            "space_dropdown_label": "Space-selectie",
+            "space_dropdown_title": "Bestaande kamers toevoegen",
+            "subspace_moved_note": "Spaces toevoegen is verplaatst."
+        },
+        "add_existing_subspace": {
+            "create_button": "Maak een nieuwe Space",
+            "create_prompt": "Een nieuwe Space toevoegen?",
+            "filter_placeholder": "Naar Spaces zoeken",
+            "space_dropdown_title": "Bestaande Space toevoegen"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Kamer tijdlijn bekijken (dev tools)",
+            "explore": "Kamers ontdekken",
+            "manage_and_explore": "Beheer & ontdek kamers",
+            "options": "Space-opties"
+        },
+        "failed_load_rooms": "Het laden van de kamerslijst is mislukt.",
+        "failed_remove_rooms": "Het verwijderen van sommige kamers is mislukt. Probeer het opnieuw",
+        "incompatible_server_hierarchy": "Jouw server heeft geen ondersteuning voor het weergeven van Space-indelingen.",
+        "invite": "Personen uitnodigen",
+        "invite_description": "Uitnodigen per e-mail of inlognaam",
+        "invite_link": "Deel uitnodigingskoppeling",
+        "joining_space": "Toetreden",
+        "landing_welcome": "Welkom in <name/>",
+        "leave_dialog_action": "Space verlaten",
+        "leave_dialog_description": "Je staat op het punt <spaceName/> te verlaten.",
+        "leave_dialog_only_admin_room_warning": "Je bent de enige beheerder van sommige kamers of Spaces die je wil verlaten. Door deze te verlaten hebben ze geen beheerder meer.",
+        "leave_dialog_only_admin_warning": "Je bent de enige beheerder van deze Space. Door het te verlaten zal er niemand meer controle over hebben.",
+        "leave_dialog_option_all": "Alle kamers verlaten",
+        "leave_dialog_option_intro": "Wil je de kamers verlaten in deze Space?",
+        "leave_dialog_option_none": "Geen kamers verlaten",
+        "leave_dialog_option_specific": "Sommige kamers verlaten",
+        "leave_dialog_public_rejoin_warning": "Je kan niet opnieuw deelnemen behalve als je opnieuw wordt uitgenodigd.",
+        "leave_dialog_title": "%(spaceName)s verlaten",
+        "mark_suggested": "Markeer als aanbeveling",
+        "no_search_result_hint": "Je kan een andere zoekterm proberen of controleren op een typefout.",
+        "preferences": {
+            "sections_section": "Te tonen secties",
+            "show_people_in_space": "Dit groepeert jouw chats met leden van deze space. Als je dit uitschakelt, worden deze chats verborgen voor %(spaceName)s."
+        },
+        "room_filter_placeholder": "Naar kamers zoeken",
+        "search_children": "Zoek %(spaceName)s",
+        "search_placeholder": "In namen en omschrijvingen zoeken",
+        "select_room_below": "Start met selecteren van een kamer hieronder",
+        "share_public": "Deel jouw publieke space",
+        "suggested": "Aanbevolen",
+        "suggested_tooltip": "Dit is een aanbevolen kamer om aan deel te nemen",
+        "title_when_query_available": "Resultaten",
+        "title_when_query_unavailable": "Kamers en Spaces",
+        "unmark_suggested": "Markeer als geen aanbeveling",
+        "user_lacks_permission": "Je hebt geen toestemming"
+    },
+    "space_settings": {
+        "title": "Instellingen - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Voer de naam in van een nieuwe server die je wilt ontdekken.",
+            "network_dropdown_add_dialog_placeholder": "Servernaam",
+            "network_dropdown_add_dialog_title": "Een nieuwe server toevoegen",
+            "network_dropdown_add_server_option": "Nieuwe server toevoegen…",
+            "network_dropdown_available_invalid": "Kan de server of haar kamergids niet vinden",
+            "network_dropdown_available_invalid_forbidden": "Je hebt geen toegang tot deze server zijn kamergids",
+            "network_dropdown_available_valid": "Ziet er goed uit",
+            "network_dropdown_remove_server_adornment": "Verwijder server “%(roomServer)s”",
+            "network_dropdown_required_invalid": "Geef een servernaam",
+            "network_dropdown_selected_label": "Toon: Matrix kamers",
+            "network_dropdown_selected_label_instance": "Toon: %(instance)s kamers (%(server)s)",
+            "network_dropdown_your_server_description": "Jouw server"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Als u niet kunt zien wie u zoekt, stuur ze dan uw uitnodigingslink.",
+        "cant_find_room_helpful_hint": "Als u de kamer die u zoekt niet kunt vinden, vraag dan om een uitnodiging of maak een nieuwe kamer aan.",
+        "copy_link_text": "Uitnodigingslink kopiëren",
+        "count_of_members": {
+            "one": "%(count)s Lid",
+            "other": "%(count)s Leden"
+        },
+        "create_new_room_button": "Nieuwe kamer aanmaken",
+        "group_chat_section_title": "Andere opties",
+        "heading_with_query": "Gebruik \"%(query)s\" om te zoeken",
+        "heading_without_query": "Zoeken naar",
+        "join_button_text": "%(roomAddress)s toetreden",
+        "keyboard_scroll_hint": "Gebruik <arrows/> om te scrollen",
+        "other_rooms_in_space": "Andere kamers in %(spaceName)s",
+        "public_rooms_label": "Publieke kamers",
+        "recent_searches_section_title": "Recente zoekopdrachten",
+        "recently_viewed_section_title": "Recent bekeken",
+        "remove_filter": "Verwijder zoekfilter voor %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Sommige resultaten kunnen om privacyredenen verborgen zijn",
+        "result_may_be_hidden_warning": "Sommige resultaten zijn mogelijk verborgen",
+        "search_dialog": "Dialoogvenster Zoeken",
+        "spaces_title": "Spaces waar u in zit",
+        "start_group_chat_button": "Start een groepsgesprek"
+    },
+    "stickers": {
+        "empty": "Je hebt momenteel geen stickerpakketten ingeschakeld",
+        "empty_add_prompt": "Voeg er nu een paar toe"
+    },
+    "terms": {
+        "column_service": "Dienst",
+        "column_summary": "Samenvatting",
+        "identity_server_no_terms_description_1": "Dit vergt validatie van een e-mailadres of telefoonnummer middels de standaard identiteitsserver <server />, maar die server heeft geen gebruiksvoorwaarden.",
+        "identity_server_no_terms_description_2": "Ga enkel verder indien je de eigenaar van de server vertrouwt.",
+        "identity_server_no_terms_title": "De identiteitsserver heeft geen dienstvoorwaarden",
+        "inline_intro_text": "Aanvaard <policyLink /> om door te gaan:",
+        "integration_manager": "Gebruik robots, bruggen, widgets en stickerpakketten",
+        "intro": "Om door te gaan dien je de dienstvoorwaarden te aanvaarden.",
+        "summary_identity_server_1": "Vind anderen via telefoonnummer of e-mailadres",
+        "summary_identity_server_2": "Wees vindbaar via telefoonnummer of e-mailadres",
+        "tac_button": "Gebruiksvoorwaarden lezen",
+        "tac_description": "Om de %(homeserverDomain)s-homeserver te blijven gebruiken, zal je de gebruiksvoorwaarden moeten bestuderen en aanvaarden.",
+        "tac_title": "Gebruiksvoorwaarden",
+        "tos": "Gebruiksvoorwaarden"
+    },
+    "theme": {
+        "light_high_contrast": "Lichte hoog contrast",
+        "match_system": "Match systeem"
+    },
+    "thread_view_back_action_label": "Terug naar draad",
+    "threads": {
+        "all_threads": "Alle discussies",
+        "all_threads_description": "Toon alle discussies van huidige kamer",
+        "count_of_reply": {
+            "one": "%(count)s reactie",
+            "other": "%(count)s reacties"
+        },
+        "my_threads": "Mijn discussies",
+        "my_threads_description": "Toon alle threads waarin je hebt bijgedragen",
+        "open_thread": "Open discussie",
+        "show_thread_filter": "Toon:"
+    },
+    "time": {
+        "date_at_time": "%(date)s om %(time)s",
+        "hours_minutes_seconds_left": "%(hours)su, %(minutes)sm %(seconds)ss over",
+        "left": "%(timeRemaining)s over",
+        "minutes_seconds_left": "%(minutes)sm %(seconds)ss over",
+        "seconds_left": "%(seconds)s's over",
+        "short_days": "%(value)sd",
+        "short_days_hours_minutes_seconds": "%(days)sd %(hours)su %(minutes)sm %(seconds)ss",
+        "short_hours": "%(value)sh",
+        "short_minutes": "%(value)sm",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Antwoorddraad invouwen",
+            "external_url": "Bron-URL",
+            "open_in_osm": "In OpenStreetMap openen",
+            "report": "Melden",
+            "resent_unsent_reactions": "%(unsentCount)s reactie(s) opnieuw versturen",
+            "show_url_preview": "Preview weergeven",
+            "view_related_event": "Bekijk gerelateerde gebeurtenis",
+            "view_source": "Bron bekijken"
+        },
+        "creation_summary_dm": "%(creator)s maakte deze directe chat.",
+        "creation_summary_room": "Kamer gestart en ingesteld door %(creator)s.",
+        "download_action_downloading": "Downloaden",
+        "edits": {
+            "tooltip_label": "Bewerkt op %(date)s. Klik om de bewerkingen te bekijken.",
+            "tooltip_sub": "Klik om bewerkingen te zien",
+            "tooltip_title": "Bewerkt op %(date)s"
+        },
+        "error_no_renderer": "Deze gebeurtenis kon niet weergegeven worden",
+        "error_rendering_message": "Dit bericht kan niet geladen worden",
+        "historical_messages_unavailable": "Je kan eerdere berichten niet zien",
+        "io.element.widgets.layout": "%(senderName)s heeft de kamerindeling bijgewerkt",
+        "load_error": {
+            "no_permission": "Je probeert een punt in de tijdlijn van deze kamer te laden, maar je hebt niet voldoende rechten om het bericht te lezen.",
+            "title": "Laden van tijdslijnpositie is mislukt",
+            "unable_to_find": "Geprobeerd een gegeven punt in de tijdslijn van deze kamer te laden, maar kon dit niet vinden."
+        },
+        "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Bekijk live locatie"
+        },
+        "m.call": {
+            "video_call_ended": "Video oproep beëindigd",
+            "video_call_started": "Videogesprek gestart in %(roomName)s.",
+            "video_call_started_text": "%(name)s is een videogesprek gestart",
+            "video_call_started_unsupported": "Videogesprek gestart in %(roomName)s. (niet ondersteund door deze browser)"
+        },
+        "m.call.hangup": {
+            "dm": "Oproep beëindigd"
+        },
+        "m.call.invite": {
+            "call_back_prompt": "Terugbellen",
+            "declined": "Oproep geweigerd",
+            "failed_connect_media": "Mediaverbinding mislukt",
+            "failed_connection": "Verbinding mislukt",
+            "failed_opponent_media": "Het andere apparaat kon de camera of microfoon niet starten",
+            "missed_call": "Oproep gemist",
+            "no_answer": "Geen antwoord",
+            "unknown_error": "Er is een onbekende fout opgetreden",
+            "unknown_failure": "Onbekende fout: %(reason)s",
+            "unknown_state": "Deze oproep heeft een onbekende status!",
+            "video_call": "%(senderName)s doet een video-oproep.",
+            "video_call_unsupported": "%(senderName)s doet een video-oproep, maar jouw browser ondersteunt dat niet",
+            "voice_call": "%(senderName)s probeert je te bellen.",
+            "voice_call_unsupported": "%(senderName)s poogt je te bellen, maar jouw browser ondersteunt dat niet"
+        },
+        "m.file": {
+            "error_decrypting": "Fout bij het ontsleutelen van de bijlage"
+        },
+        "m.image": {
+            "error_decrypting": "Fout bij het ontsleutelen van de afbeelding",
+            "sent": "%(senderDisplayName)s heeft een afbeelding gestuurd.",
+            "show_image": "Afbeelding tonen"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s wil verifiëren",
+            "you_started": "Je hebt een verificatieverzoek verstuurd"
+        },
+        "m.location": {
+            "full": "%(senderName)s heeft zijn locatie gedeeld",
+            "location": "Een locatie gedeeld: ",
+            "self_location": "Hun locatie gedeeld: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s stem",
+                "other": "%(count)s stemmen"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s heeft een poll beëindigd"
+        },
+        "m.poll.start": "%(senderName)s is een poll gestart - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s veranderde de kamerafbeelding.",
+            "lightbox_title": "%(senderDisplayName)s heeft de afbeelding van %(roomName)s veranderd"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s heeft dit kamer de nevenadressen %(addresses)s toegekend.",
+                "one": "%(senderName)s heeft deze kamer het nevenadres %(addresses)s toegekend."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s heeft de nevenadressen %(addresses)s voor deze kamer geschrapt.",
+                "one": "%(senderName)s heeft het nevenadres %(addresses)s voor deze kamer geschrapt."
+            },
+            "changed": "%(senderName)s heeft de adressen voor deze kamer gewijzigd.",
+            "changed_alternative": "%(senderName)s heeft de nevenadressen voor deze kamer gewijzigd.",
+            "changed_main_and_alternative": "%(senderName)s heeft hoofd- en nevenadressen voor deze kamer gewijzigd.",
+            "removed": "%(senderName)s heeft het hoofdadres voor deze kamer verwijderd.",
+            "set": "%(senderName)s heeft %(address)s als hoofdadres voor deze kamer ingesteld."
+        },
+        "m.room.create": {
+            "continuation": "Deze kamer is een voortzetting van een ander gesprek.",
+            "see_older_messages": "Klik hier om oudere berichten te bekijken."
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s heeft gasten toegestaan de kamer te betreden.",
+            "forbidden": "%(senderDisplayName)s heeft gasten de toegang tot de kamer ontzegd.",
+            "unknown": "%(senderDisplayName)s heeft de toegangsregel voor gasten op ‘%(rule)s’ ingesteld"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s heeft de toekomstige kamergeschiedenis zichtbaar gemaakt voor alle leden, vanaf het moment dat ze uitgenodigd zijn.",
+            "joined": "%(senderName)s heeft de toekomstige kamergeschiedenis zichtbaar gemaakt voor alle leden, vanaf het moment dat ze toegetreden zijn.",
+            "shared": "%(senderName)s heeft de toekomstige kamergeschiedenis zichtbaar gemaakt voor alle leden.",
+            "unknown": "%(senderName)s heeft de toekomstige kamergeschiedenis zichtbaar gemaakt voor onbekend (%(visibility)s).",
+            "world_readable": "%(senderName)s heeft de toekomstige kamergeschiedenis zichtbaar gemaakt voor iedereen."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s heeft de kamer enkel op uitnodiging toegankelijk gemaakt.",
+            "public": "%(senderDisplayName)s heeft de kamer toegankelijk gemaakt voor iedereen die het adres weet.",
+            "restricted": "%(senderDisplayName)s veranderde wie lid kan worden van deze kamer.",
+            "restricted_settings": "%(senderDisplayName)s veranderde wie lid kan worden van deze kamer. <a>Bekijk instellingen</a>.",
+            "unknown": "%(senderDisplayName)s heeft de toegangsregel veranderd naar ‘%(rule)s’"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s accepteerde de uitnodiging voor %(displayName)s",
+            "accepted_invite": "%(targetName)s accepteerde de uitnodiging",
+            "ban": "%(senderName)s verbande %(targetName)s",
+            "ban_reason": "%(senderName)s verbande %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s profielfoto is gewijzigd",
+            "change_name": "%(oldDisplayName)s heeft %(displayName)s als weergavenaam aangenomen",
+            "invite": "%(senderName)s nodigde %(targetName)s uit",
+            "join": "%(targetName)s is tot de kamer toegetreden",
+            "kick": "%(senderName)s verwijderd %(targetName)s",
+            "kick_reason": "%(senderName)s verwijderd %(targetName)s: %(reason)s",
+            "left": "%(targetName)s heeft de kamer verlaten",
+            "left_reason": "%(targetName)s heeft de kamer verlaten: %(reason)s",
+            "no_change": "%(senderName)s maakte geen wijziging",
+            "reject_invite": "%(targetName)s heeft de uitnodiging geweigerd",
+            "remove_avatar": "%(senderName)s profielfoto is verwijderd",
+            "remove_name": "%(senderName)s weergavenaam (%(oldDisplayName)s) is verwijderd",
+            "set_avatar": "%(senderName)s heeft een profielfoto ingesteld",
+            "set_name": "%(senderName)s heeft de weergavenaam %(displayName)s aangenomen",
+            "unban": "%(senderName)s heeft %(targetName)s ontbannen",
+            "withdrew_invite": "%(senderName)s heeft de uitnodiging van %(targetName)s ingetrokken",
+            "withdrew_invite_reason": "%(senderName)s heeft de uitnodiging van %(targetName)s ingetrokken: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s heeft de kamer %(oldRoomName)s hernoemd tot %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s heeft de kamernaam verwijderd.",
+            "set": "%(senderDisplayName)s heeft de kamernaam gewijzigd naar %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s heeft de vastgeprikte boodschappen voor de kamer gewijzigd.",
+            "changed_link": "%(senderName)s heeft de <a>vastgeprikte berichten</a> voor de kamer gewijzigd.",
+            "pinned": "%(senderName)s prikte een bericht vast aan deze kamer. Bekijk alle vastgeprikte berichten.",
+            "pinned_link": "%(senderName)s prikte <a>een bericht</a> aan deze kamer. Bekijk alle <b>vastgeprikte berichten</b>.",
+            "unpinned": "%(senderName)s maakte een vastgeprikt bericht los van deze kamer. Bekijk alle vastgeprikte berichten.",
+            "unpinned_link": "%(senderName)s maakte <a>een vastgeprikt bericht</a> los van deze kamer. Bekijk alle <b>vastgeprikte berichten</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s heeft het machtsniveau van %(powerLevelDiffText)s gewijzigd.",
+            "user_from_to": "%(userId)s van %(fromPowerLevel)s naar %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s heeft de uitnodiging aan %(targetDisplayName)s toe te treden tot deze kamer ingetrokken.",
+            "sent": "%(senderName)s heeft %(targetDisplayName)s in deze kamer uitgenodigd."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s heeft deze kamer geüpgraded.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s heeft het onderwerp gewijzigd naar ‘%(topic)s’."
+        },
+        "m.sticker": "%(senderDisplayName)s Verstuurde een sticker.",
+        "m.video": {
+            "error_decrypting": "Fout bij het ontsleutelen van de video"
+        },
+        "m.widget": {
+            "added": "%(widgetName)s-widget toegevoegd door %(senderName)s",
+            "jitsi_ended": "Videovergadering beëindigd door %(senderName)s",
+            "jitsi_join_right_prompt": "Neem deel aan de vergadering via de informatiekaart rechts",
+            "jitsi_join_top_prompt": "Deelnemen aan de vergadering bovenaan deze kamer",
+            "jitsi_started": "Videovergadering gestart door %(senderName)s",
+            "jitsi_updated": "Videovergadering geüpdatet door %(senderName)s",
+            "modified": "%(widgetName)s-widget aangepast door %(senderName)s",
+            "removed": "%(widgetName)s-widget verwijderd door %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Kopieer link naar draad",
+            "view_in_room": "In kamer bekijken"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s heeft het patroon van een banregel wegens %(reason)s aangepast van %(oldGlob)s tot %(newGlob)s",
+            "changed_rule_rooms": "%(senderName)s heeft het patroon van een banregel voor kamers wegens %(reason)s aangepast van %(oldGlob)s tot %(newGlob)s",
+            "changed_rule_servers": "%(senderName)s heeft het patroon van een banregel voor servers wegens %(reason)s aangepast van %(oldGlob)s tot %(newGlob)s",
+            "changed_rule_users": "%(senderName)s heeft het patroon van een banregel voor personen wegens %(reason)s aangepast van %(oldGlob)s tot %(newGlob)s",
+            "created_rule": "%(senderName)s heeft geregeld dat alles wat met %(glob)s spoort verbannen wordt vanwege %(reason)s",
+            "created_rule_rooms": "%(senderName)s heeft geregeld dat kamers met %(glob)s verbannen worden vanwege %(reason)s",
+            "created_rule_servers": "%(senderName)s heeft geregeld dat servers die met %(glob)s sporen verbannen worden vanwege %(reason)s",
+            "created_rule_users": "%(senderName)s heeft geregeld dat personen die met %(glob)s sporen verbannen worden vanwege %(reason)s",
+            "removed_rule": "%(senderName)s heeft een banregel die met %(glob)s strookt verwijderd",
+            "removed_rule_rooms": "%(senderName)s heeft de banregel voor kamers met %(glob)s verwijderd",
+            "removed_rule_servers": "%(senderName)s heeft de banregel voor servers die met %(glob)s stroken verwijderd",
+            "removed_rule_users": "%(senderName)s heeft de banregel voor personen die met %(glob)s stroken verwijderd",
+            "updated_invalid_rule": "%(senderName)s heeft een ongeldige banregel bijgewerkt",
+            "updated_rule": "%(senderName)s heeft een banregel vanwege %(reason)s die met %(glob)s spoort bijgewerkt",
+            "updated_rule_rooms": "%(senderName)s heeft de regel bijgewerkt die kamers met %(glob)s verbant vanwege %(reason)s",
+            "updated_rule_servers": "%(senderName)s heeft de regel bijgewerkt die servers die met %(glob)s sporen verbant vanwege %(reason)s",
+            "updated_rule_users": "%(senderName)s heeft de regel bijgewerkt die personen die met %(glob)s sporen verbant vanwege %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Je bent niet gemachtigd om berichten te bekijken van voordat je werd uitgenodigd.",
+        "no_permission_messages_before_join": "Je hebt geen toestemming om berichten te bekijken voor voordat je lid werd.",
+        "pending_moderation": "Bericht in afwachting van moderatie",
+        "pending_moderation_reason": "Bericht in afwachting van moderatie: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Reactie toevoegen",
+            "label": "%(reactors)s reageerde met %(content)s"
+        },
+        "read_receipt_title": {
+            "one": "Gezien door %(count)s persoon",
+            "other": "Gezien door %(count)s mensen"
+        },
+        "read_receipts_label": "Leesbevestigingen",
+        "redacted": {
+            "tooltip": "Bericht verwijderd op %(date)s"
+        },
+        "redaction": "Bericht verwijderd door %(name)s",
+        "reply": {
+            "error_loading": "Kan de gebeurtenis waarop gereageerd was niet laden. Wellicht bestaat die niet, of je hebt geen toestemming die te bekijken.",
+            "in_reply_to": "<a>Als antwoord op</a> <pill>",
+            "in_reply_to_for_export": "In antwoord op <a>dit bericht</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Je wordt zo dadelijk naar een derdepartijwebsite gebracht zodat je de account kunt legitimeren voor gebruik met %(integrationsUrl)s. Wil je doorgaan?",
+            "dialog_title": "Voeg een integratie toe"
+        },
+        "self_redaction": "Bericht verwijderd",
+        "send_state_failed": "Versturen is mislukt",
+        "send_state_sent": "Je bericht is verstuurd",
+        "summary": {
+            "banned": {
+                "other": "is %(count)s keer verbannen",
+                "one": "is verbannen"
+            },
+            "banned_multiple": {
+                "other": "zijn %(count)s keer verbannen",
+                "one": "zijn verbannen"
+            },
+            "changed_name": {
+                "other": "%(oneUser)s is %(count)s keer van naam veranderd",
+                "one": "%(oneUser)s is van naam veranderd"
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)s hebben hun naam %(count)s keer gewijzigd",
+                "one": "%(severalUsers)s hebben hun naam gewijzigd"
+            },
+            "hidden_event": {
+                "one": "%(oneUser)sverzond een verborgen bericht",
+                "other": "%(oneUser)sverzond %(count)s verborgen berichten"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)sverzond verborgen bericht",
+                "other": "%(severalUsers)sverzond %(count)s verborgen berichten"
+            },
+            "invite_withdrawn": {
+                "other": "De uitnodiging van %(oneUser)s is %(count)s keer ingetrokken",
+                "one": "De uitnodiging van %(oneUser)s is ingetrokken"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)s hebben hun uitnodigingen %(count)s keer ingetrokken",
+                "one": "De uitnodigingen van %(severalUsers)s zijn ingetrokken"
+            },
+            "invited": {
+                "other": "is %(count)s keer uitgenodigd",
+                "one": "is uitgenodigd"
+            },
+            "invited_multiple": {
+                "other": "zijn %(count)s keer uitgenodigd",
+                "one": "zijn uitgenodigd"
+            },
+            "joined": {
+                "other": "%(oneUser)s is %(count)s keer toegetreden",
+                "one": "%(oneUser)s is toegetreden"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)s is toegetreden en %(count)s zijn er vertrokken",
+                "one": "%(oneUser)s is toegetreden en vertrokken"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)s zijn %(count)s keer toegetreden en vertrokken",
+                "one": "%(severalUsers)s zijn toegetreden en vertrokken"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s zijn %(count)s keer toegetreden",
+                "one": "%(severalUsers)s zijn toegetreden"
+            },
+            "kicked": {
+                "one": "was verwijderd",
+                "other": "is %(count)s keer verwijderd"
+            },
+            "kicked_multiple": {
+                "one": "zijn verwijderd",
+                "other": "werden %(count)s keer verwijderd"
+            },
+            "left": {
+                "other": "%(oneUser)s is %(count)s keer vertrokken",
+                "one": "%(oneUser)s is vertrokken"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)s is %(count)s keer vertrokken",
+                "one": "%(severalUsers)s zijn vertrokken"
+            },
+            "no_change": {
+                "other": "%(oneUser)s heeft %(count)s keer niets gewijzigd",
+                "one": "%(oneUser)s heeft niets gewijzigd"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)s hebben %(count)s keer niets gewijzigd",
+                "one": "%(severalUsers)s hebben niets gewijzigd"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)sheeft de <a>vastgezette berichten</a> voor de kamer gewijzigd",
+                "other": "%(oneUser)sheeft de <a>vastgezette berichten</a> voor de kamer %(count)s keer gewijzigd"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)shebben de <a>vastgezette berichten</a> voor de kamer gewijzigd",
+                "other": "%(severalUsers)sheeft de <a>vastgezette berichten</a> voor de kamer %(count)s keer gewijzigd"
+            },
+            "redacted": {
+                "one": "%(oneUser)sheeft een bericht verwijderd",
+                "other": "%(oneUser)sverwijderde %(count)s berichten"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)shebben een bericht verwijderd",
+                "other": "%(severalUsers)sverwijderde %(count)s berichten"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)s heeft de uitnodiging %(count)s keer geweigerd",
+                "one": "%(oneUser)s heeft de uitnodiging geweigerd"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s hebben hun uitnodigingen %(count)s keer afgeslagen",
+                "one": "%(severalUsers)s hebben hun uitnodigingen afgeslagen"
+            },
+            "rejoined": {
+                "other": "%(oneUser)s is %(count)s keer vertrokken en weer toegetreden",
+                "one": "%(oneUser)s is vertrokken en weer toegetreden"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)s zijn vertrokken en %(count)s keer weer toegetreden",
+                "one": "%(severalUsers)s zijn vertrokken en weer toegetreden"
+            },
+            "unbanned": {
+                "other": "is %(count)s keer ontbannen",
+                "one": "is ontbannen"
+            },
+            "unbanned_multiple": {
+                "other": "zijn %(count)s keer ontbannen",
+                "one": "zijn ontbannen"
+            }
+        },
+        "thread_info_basic": "Uit een conversatie",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s en %(count)s anderen zijn aan het typen…",
+                "one": "%(names)s en nog iemand zijn aan het typen…"
+            },
+            "one_user": "%(displayName)s is aan het typen…",
+            "two_users": "%(names)s en %(lastPerson)s zijn aan het typen…"
+        }
+    },
+    "truncated_list_n_more": {
+        "other": "En %(count)s meer…"
+    },
+    "update": {
+        "changelog": "Wijzigingslogboek",
+        "check_action": "Controleren op updates",
+        "error_encountered": "Er is een fout opgetreden (%(errorDetail)s).",
+        "error_unable_load_commit": "Kan commitdetail niet laden: %(msg)s",
+        "new_version_available": "Nieuwe versie beschikbaar. <a>Nu updaten.</a>",
+        "no_update": "Geen update beschikbaar.",
+        "release_notes_toast_title": "Wat is er nieuw",
+        "see_changes_button": "Wat is er nieuw?",
+        "toast_description": "Nieuwe versie van %(brand)s is beschikbaar",
+        "toast_title": "%(brand)s updaten",
+        "unavailable": "Niet beschikbaar"
+    },
+    "upload_failed_generic": "Het bestand ‘%(fileName)s’ kon niet geüpload worden.",
+    "upload_failed_size": "Het bestand ‘%(fileName)s’ is groter dan de uploadlimiet van de homeserver",
+    "upload_failed_title": "Uploaden mislukt",
+    "upload_file": {
+        "cancel_all_button": "Alles annuleren",
+        "error_file_too_large": "Dit bestand is <b>te groot</b> om te versturen. Het limiet is %(limit)s en dit bestand is %(sizeOfThisFile)s.",
+        "error_files_too_large": "Deze bestanden zijn <b>te groot</b> om te versturen. De bestandsgroottelimiet is %(limit)s.",
+        "error_some_files_too_large": "Sommige bestanden zijn <b>te groot</b> om te versturen. De bestandsgroottelimiet is %(limit)s.",
+        "error_title": "Fout bij versturen van bestand",
+        "title": "Bestanden versturen",
+        "title_progress": "Bestanden versturen (%(current)s van %(total)s)",
+        "upload_all_button": "Alles versturen",
+        "upload_n_others_button": {
+            "other": "%(count)s overige bestanden versturen",
+            "one": "%(count)s overig bestand versturen"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Beheerdersgereedschap",
+        "ban_button_room": "Verban van kamer",
+        "ban_button_space": "Verban van space",
+        "ban_room_confirm_title": "Verban van %(roomName)s",
+        "ban_space_everything": "Verban ze van alles waar ik dit kan",
+        "ban_space_specific": "Ban ze van specifieke plekken waar ik dit kan",
+        "deactivate_confirm_action": "Persoon deactiveren",
+        "deactivate_confirm_description": "Deze persoon deactiveren zal deze persoon uitloggen en verhinderen dat de persoon weer inlogt. Bovendien zal de persoon alle kamers waaraan de persoon deelneemt verlaten. Deze actie is niet terug te draaien. Weet je zeker dat je deze persoon wilt deactiveren?",
+        "deactivate_confirm_title": "Persoon deactiveren?",
+        "demote_button": "Degraderen",
+        "demote_self_confirm_description_space": "Je kan deze wijziging niet ongedaan maken, omdat je jezelf rechten ontneemt. Als je de laatst bevoegde persoon in de Space bent zal het onmogelijk zijn om weer rechten te krijgen.",
+        "demote_self_confirm_room": "Zelfdegradatie is onomkeerbaar. Als je de laatst gemachtigde persoon in de kamer bent zullen deze rechten voorgoed verloren gaan.",
+        "demote_self_confirm_title": "Jezelf degraderen?",
+        "disinvite_button_room": "Uitnodiging van kamer afwijzen",
+        "disinvite_button_room_name": "Uitnodiging intrekken voor %(roomName)s",
+        "disinvite_button_space": "Uitnodiging van space afwijzen",
+        "error_ban_user": "Verbannen van persoon is mislukt",
+        "error_deactivate": "Deactiveren van persoon is mislukt",
+        "error_kicking_user": "Kan persoon niet verwijderen",
+        "error_mute_user": "Dempen van persoon is mislukt",
+        "error_revoke_3pid_invite_description": "Kon de uitnodiging niet intrekken. De server ondervindt mogelijk een tijdelijk probleem, of je hebt niet het recht de uitnodiging in te trekken.",
+        "error_revoke_3pid_invite_title": "Intrekken van uitnodiging is mislukt",
+        "invited_by": "Uitgenodigd door %(sender)s",
+        "jump_to_rr_button": "Naar het laatst gelezen bericht gaan",
+        "kick_button_room": "Verwijderen uit kamer",
+        "kick_button_room_name": "Verwijderen uit %(roomName)s",
+        "kick_button_space": "Verwijder van space",
+        "kick_button_space_everything": "Verwijder ze van alles wat ik kan",
+        "kick_space_specific": "Verwijder ze van specifieke dingen die ik kan",
+        "kick_space_warning": "Ze zullen nog steeds toegang hebben tot alles waar je geen beheerder van bent.",
+        "promote_warning": "Je zal deze veranderingen niet terug kunnen draaien, omdat je de persoon tot je eigen machtsniveau promoveert.",
+        "redact": {
+            "confirm_button": {
+                "other": "%(count)s berichten verwijderen",
+                "one": "1 bericht verwijderen"
+            },
+            "confirm_description_1": {
+                "one": "Je staat op het punt %(count)s bericht te verwijderen door %(user)s. Hierdoor worden ze permanent verwijderd voor iedereen in het gesprek. Wil je doorgaan?",
+                "other": "Je staat op het punt %(count)s berichten te verwijderen door %(user)s. Hierdoor worden ze permanent verwijderd voor iedereen in het gesprek. Wil je doorgaan?"
+            },
+            "confirm_description_2": "Bij een groot aantal berichten kan dit even duren. Herlaad je cliënt niet gedurende deze tijd.",
+            "confirm_keep_state_explainer": "Schakel het vinkje uit als je ook systeemberichten van deze persoon wil verwijderen (bijv. lidmaatschapswijziging, profielwijziging...)",
+            "confirm_keep_state_label": "Systeemberichten behouden",
+            "confirm_title": "Recente berichten door %(user)s verwijderen",
+            "no_recent_messages_description": "Probeer omhoog te scrollen in de tijdslijn om te kijken of er eerdere zijn.",
+            "no_recent_messages_title": "Geen recente berichten door %(user)s gevonden"
+        },
+        "redact_button": "Recente berichten verwijderen",
+        "revoke_invite": "Uitnodiging intrekken",
+        "room_encrypted": "De berichten in deze kamer worden eind-tot-eind-versleuteld.",
+        "room_encrypted_detail": "Jouw berichten zijn beveiligd, en enkel de ontvanger en jij hebben de unieke sleutels om ze te ontsleutelen.",
+        "room_unencrypted": "De berichten in deze kamer worden niet eind-tot-eind-versleuteld.",
+        "room_unencrypted_detail": "In versleutelde kamers zijn jouw berichten beveiligd, enkel de ontvanger en jij hebben de unieke sleutels om ze te ontsleutelen.",
+        "share_button": "Koppeling naar persoon delen",
+        "unban_button_room": "Ontban van kamer",
+        "unban_button_space": "Unban van space",
+        "unban_room_confirm_title": "Ontban van %(roomName)s",
+        "unban_space_everything": "Ontban ze van alles waar ik dit kan",
+        "unban_space_specific": "Ontban ze van alles specifieke plekken waar ik dit kan",
+        "unban_space_warning": "Ze zullen geen toegang hebben tot alles waar je geen beheerder van bent.",
+        "verify_button": "Persoon verifiëren",
+        "verify_explainer": "Als extra beveiliging kan je deze persoon verifiëren door een eenmalige code op jullie toestellen te controleren."
+    },
+    "voip": {
+        "already_in_call": "Al in de oproep",
+        "already_in_call_person": "Je bent al in gesprek met deze persoon.",
+        "answered_elsewhere": "Ergens anders beantwoord",
+        "answered_elsewhere_description": "De oproep werd op een ander toestel beantwoord.",
+        "call_failed": "Oproep mislukt",
+        "call_failed_description": "De oproep kon niet worden volbracht",
+        "call_failed_media": "Oproep mislukt omdat er geen toegang is tot de webcam of de microfoon. Kijk na dat:",
+        "call_failed_media_applications": "Geen andere applicatie de camera gebruikt",
+        "call_failed_media_connected": "Een microfoon en webcam zijn aangesloten en juist ingesteld",
+        "call_failed_media_permissions": "Toegang tot de webcam is toegestaan",
+        "call_failed_microphone": "Oproep mislukt omdat er geen toegang is tot de microfoon. Kijk na dat de microfoon juist is aangesloten en ingesteld.",
+        "call_held": "%(peerName)s heeft de oproep in de wacht",
+        "call_held_resume": "Je hebt een oproep in de wacht <a>Hervat</a>",
+        "call_held_switch": "Je hebt een oproep in de wacht <a>Wissel</a>",
+        "call_toast_unknown_room": "Onbekende kamer",
+        "camera_disabled": "Je camera staat uit",
+        "camera_enabled": "Je camera is nog ingeschakeld",
+        "cannot_call_yourself_description": "Je kan jezelf niet bellen.",
+        "connecting": "Verbinden",
+        "connection_lost": "De verbinding met de server is verbroken",
+        "connection_lost_description": "Je kan geen oproepen plaatsen zonder een verbinding met de server.",
+        "consulting": "Overleggen met %(transferTarget)s. <a>Verstuur naar %(transferee)s</a>",
+        "default_device": "Standaardapparaat",
+        "dial": "Bel",
+        "dialpad": "Toetsen",
+        "disable_camera": "Camera uitschakelen",
+        "disable_microphone": "Microfoon dempen",
+        "disabled_no_perms_start_video_call": "U heeft geen toestemming om videogesprekken te starten",
+        "disabled_no_perms_start_voice_call": "U heeft geen toestemming om spraakoproepen te starten",
+        "disabled_ongoing_call": "Lopende oproep",
+        "enable_camera": "Camera inschakelen",
+        "enable_microphone": "Microfoon inschakelen",
+        "expand": "Terug naar oproep",
+        "hangup": "Ophangen",
+        "hide_sidebar_button": "Zijbalk verbergen",
+        "input_devices": "Invoer apparaten",
+        "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.",
+        "more_button": "Meer",
+        "msisdn_lookup_failed": "Kan telefoonnummer niet opzoeken",
+        "msisdn_lookup_failed_description": "Bij het zoeken naar het telefoonnummer is een fout opgetreden",
+        "msisdn_transfer_failed": "Doorverbinden is mislukt",
+        "n_people_joined": {
+            "one": "%(count)s persoon toegetreden",
+            "other": "%(count)s mensen toegetreden"
+        },
+        "no_audio_input_description": "We hebben geen microfoon gevonden op je apparaat. Controleer je instellingen en probeer het opnieuw.",
+        "no_audio_input_title": "Geen microfoon gevonden",
+        "no_media_perms_description": "Je moet %(brand)s wellicht handmatig toestaan je microfoon/webcam te gebruiken",
+        "no_media_perms_title": "Geen mediatoestemmingen",
+        "no_permission_conference": "Toestemming vereist",
+        "no_permission_conference_description": "Je hebt geen rechten in deze kamer om een vergadering te starten",
+        "on_hold": "%(name)s in de wacht",
+        "output_devices": "Uitvoerapparaten",
+        "screenshare_monitor": "Deel je gehele scherm",
+        "screenshare_title": "Deel inhoud",
+        "screenshare_window": "Deel een app",
+        "show_sidebar_button": "Zijbalk weergeven",
+        "silence": "Oproep dempen",
+        "silenced": "Meldingen stilgezet",
+        "start_screenshare": "Schermdelen starten",
+        "stop_screenshare": "Schermdelen stoppen",
+        "too_many_calls": "Te veel oproepen",
+        "too_many_calls_description": "Je hebt het maximum aantal van gelijktijdige oproepen bereikt.",
+        "transfer_consult_first_label": "Eerst overleggen",
+        "transfer_failed": "Doorverbinden is mislukt",
+        "transfer_failed_description": "Oproep niet doorverbonden",
+        "unable_to_access_audio_input_description": "We hebben geen toegang tot je microfoon. Controleer je browserinstellingen en probeer het opnieuw.",
+        "unable_to_access_audio_input_title": "Geen toegang tot je microfoon",
+        "unable_to_access_media": "Je webcam of microfoon lijkt niet beschikbaar",
+        "unable_to_access_microphone": "Je microfoon lijkt niet beschikbaar",
+        "unknown_caller": "Onbekende beller",
+        "unknown_person": "onbekend persoon",
+        "unsilence": "Geluid aan",
+        "unsupported": "Oproepen worden niet ondersteund",
+        "unsupported_browser": "Je kan geen oproepen plaatsen in deze browser.",
+        "user_busy": "Persoon Bezet",
+        "user_busy_description": "De persoon die je belde is bezet.",
+        "user_is_presenting": "%(sharerName)s is aan het presenteren",
+        "video_call": "Video-oproep",
+        "voice_call": "Spraakoproep",
+        "you_are_presenting": "Je bent aan het presenteren"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s op %(osName)s",
+    "widget": {
+        "added_by": "Widget toegevoegd door",
+        "capabilities_dialog": {
+            "content_starting_text": "Deze widget zou willen:",
+            "decline_all_permission": "Alles weigeren",
+            "remember_Selection": "Onthoud mijn keuze voor deze widget",
+            "title": "Machtigingen voor widgets goedkeuren"
+        },
+        "capability": {
+            "always_on_screen_generic": "Blijft op jouw scherm terwijl het beschikbaar is",
+            "always_on_screen_viewing_another_room": "Blijft op jouw scherm wanneer je een andere kamer bekijkt, zolang het bezig is",
+            "any_room": "Het bovenstaande, maar in elke kamer waar je aan deelneemt en voor uitgenodigd bent",
+            "byline_empty_state_key": "met een lege statussleutel",
+            "byline_state_key": "met statussleutel %(stateKey)s",
+            "capability": "De <b>%(capability)s</b> mogelijkheid",
+            "change_avatar_active_room": "Wijzig de afbeelding van je actieve kamer",
+            "change_avatar_this_room": "Wijzig de kamerafbeelding",
+            "change_name_active_room": "Verander de naam van je actieve kamer",
+            "change_name_this_room": "Verander de naam van deze kamer",
+            "change_topic_active_room": "Verander het onderwerp van je actieve kamer",
+            "change_topic_this_room": "Verander het onderwerp van deze kamer",
+            "receive_membership_active_room": "Zie wanneer personen deelnemen, vertrekken of worden uitgenodigd in je actieve kamer",
+            "receive_membership_this_room": "Zie wanneer personen deelnemen, vertrekken of worden uitgenodigd voor deze kamer",
+            "remove_ban_invite_leave_active_room": "Verwijder, verbied of nodig mensen uit voor je actieve kamer en zorg ervoor dat je weggaat",
+            "remove_ban_invite_leave_this_room": "Verwijder, verbied of nodig mensen uit voor deze kamer en zorg ervoor dat je weggaat",
+            "see_avatar_change_active_room": "Zien wanneer de afbeelding in je actieve kamer veranderd",
+            "see_avatar_change_this_room": "Zien wanneer de afbeelding in deze kamer veranderd",
+            "see_event_type_sent_active_room": "Stuur <b>%(eventType)s</b> gebeurtenissen verstuurd in je actieve kamer",
+            "see_event_type_sent_this_room": "Zie <b>%(eventType)s</b> gebeurtenissen verstuurd in deze kamer",
+            "see_images_sent_active_room": "Zie afbeeldingen verstuurd in je actieve kamer",
+            "see_images_sent_this_room": "Zie afbeeldingen verstuurd in deze kamer",
+            "see_messages_sent_active_room": "Zie berichten verstuurd naar je actieve kamer",
+            "see_messages_sent_this_room": "Zie berichten verstuurd naar deze kamer",
+            "see_msgtype_sent_active_room": "Zie <b>%(msgtype)s</b>-berichten verstuurd in je actieve kamer",
+            "see_msgtype_sent_this_room": "Zie <b>%(msgtype)s</b>-berichten verstuurd in deze kamer",
+            "see_name_change_active_room": "Zien wanneer de naam in je actieve kamer veranderd",
+            "see_name_change_this_room": "Zien wanneer de naam in deze kamer veranderd",
+            "see_sent_emotes_active_room": "Zie emoticons verstuurd naar je actieve kamer",
+            "see_sent_emotes_this_room": "Zie emoticons verstuurd naar deze kamer",
+            "see_sent_files_active_room": "Zie bestanden verstuurd naar je actieve kamer",
+            "see_sent_files_this_room": "Zie bestanden verstuurd naar deze kamer",
+            "see_sticker_posted_active_room": "Zien wanneer iemand een sticker in je actieve kamer verstuurd",
+            "see_sticker_posted_this_room": "Zien wanneer stickers in deze kamer zijn verstuurd",
+            "see_text_messages_sent_active_room": "Zie tekstberichten verstuurd naar je actieve kamer",
+            "see_text_messages_sent_this_room": "Zie tekstberichten verstuurd naar deze kamer",
+            "see_topic_change_active_room": "Zien wanneer het onderwerp veranderd van je actieve kamer",
+            "see_topic_change_this_room": "Zien wanneer het onderwerp van deze kamer veranderd",
+            "see_videos_sent_active_room": "Zie videos verstuurd naar je actieve kamer",
+            "see_videos_sent_this_room": "Zie videos verstuurd naar deze kamer",
+            "send_emotes_active_room": "Stuur emoticons als jezelf in je actieve kamer",
+            "send_emotes_this_room": "Stuur emoticons als jezelf in deze kamer",
+            "send_event_type_active_room": "Stuur <b>%(eventType)s</b> gebeurtenissen als jezelf in je actieve kamer",
+            "send_event_type_this_room": "Stuur <b>%(eventType)s</b> gebeurtenis als jezelf in deze kamer",
+            "send_files_active_room": "Stuur bestanden als jezelf in je actieve kamer",
+            "send_files_this_room": "Stuur bestanden als jezelf in deze kamer",
+            "send_images_active_room": "Stuur afbeeldingen als jezelf in je actieve kamer",
+            "send_images_this_room": "Stuur afbeeldingen als jezelf in deze kamer",
+            "send_messages_active_room": "Stuur berichten als jezelf in je actieve kamer",
+            "send_messages_this_room": "Stuur berichten als jezelf in deze kamer",
+            "send_msgtype_active_room": "Stuur <b>%(msgtype)s</b>-berichten als jezelf in je actieve kamer",
+            "send_msgtype_this_room": "Stuur <b>%(msgtype)s</b>-berichten als jezelf in deze kamer",
+            "send_stickers_active_room": "Stuur stickers in je actieve kamer",
+            "send_stickers_active_room_as_you": "Stuur stickers naar je actieve kamer als jezelf",
+            "send_stickers_this_room": "Stuur stickers in deze kamer",
+            "send_stickers_this_room_as_you": "Stuur stickers in deze kamer als jezelf",
+            "send_text_messages_active_room": "Stuur tekstberichten als jezelf in je actieve kamer",
+            "send_text_messages_this_room": "Stuur tekstberichten als jezelf in deze kamer",
+            "send_videos_active_room": "Stuur videos als jezelf in je actieve kamer",
+            "send_videos_this_room": "Stuur videos als jezelf in deze kamer",
+            "specific_room": "Het bovenstaande, maar ook in <Room />",
+            "switch_room": "Verander welke kamer je ziet",
+            "switch_room_message_user": "Verander welke kamer, welk bericht of welk persoon je ziet"
+        },
+        "close_to_view_right_panel": "Sluit deze widget om het in dit paneel weer te geven",
+        "context_menu": {
+            "delete": "Widget verwijderen",
+            "delete_warning": "Widgets verwijderen geldt voor alle deelnemers aan deze kamer. Weet je zeker dat je deze widget wilt verwijderen?"
+        },
+        "cookie_warning": "Deze widget kan cookies gebruiken.",
+        "error_hangup_description": "De verbinding is verbroken van uw oproep. (Error: %(message)s)",
+        "error_hangup_title": "Verbinding verloren",
+        "error_loading": "Fout bij laden Widget",
+        "error_mixed_content": "Fout - Gemengde inhoud",
+        "error_need_invite_permission": "Dit vereist de bevoegdheid om personen uit te nodigen.",
+        "error_need_kick_permission": "U moet in staat zijn om gebruikers te verwijderen om dit te doen.",
+        "error_need_to_be_logged_in": "Hiervoor dien je ingelogd te zijn.",
+        "error_unable_start_audio_stream_description": "Kan audiostream niet starten.",
+        "error_unable_start_audio_stream_title": "Starten van livestream is mislukt",
+        "modal_data_warning": "Gegevens op dit scherm worden gedeeld met %(widgetDomain)s",
+        "modal_title_default": "Modale widget",
+        "no_name": "Onbekende app",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Onthoud dit",
+            "starting_text": "De widget zal uw persoon-ID verifiëren, maar zal geen acties voor u kunnen uitvoeren:",
+            "title": "Sta deze widget toe om uw identiteit te verifiëren"
+        },
+        "popout": "Widget in nieuw venster openen",
+        "set_room_layout": "Stel mijn kamerindeling in voor iedereen",
+        "shared_data_mxid": "Jouw persoon-ID",
+        "shared_data_name": "Jouw weergavenaam",
+        "shared_data_room_id": "Kamer-ID",
+        "shared_data_theme": "Jouw thema",
+        "shared_data_url": "%(brand)s-URL",
+        "shared_data_warning": "Deze widget gebruiken deelt mogelijk gegevens <helpIcon /> met %(widgetDomain)s.",
+        "shared_data_warning_im": "Met het gebruik van deze widget deel je mogelijk gegevens <helpIcon /> met %(widgetDomain)s & je integratiebeheerder.",
+        "shared_data_widget_id": "Widget-ID",
+        "unencrypted_warning": "Widgets gebruiken geen berichtversleuteling.",
+        "unmaximise": "Maximaliseren ongedaan maken",
+        "unpin_to_view_right_panel": "Maak deze widget los om het in dit paneel weer te geven"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Enkel hoofdletters is nauwelijks moeilijker te raden dan enkel kleine letters",
+            "anotherWord": "Voeg nog een paar (liefst weinig gebruikte) woorden toe.",
+            "associatedYears": "Vermijd jaren die op jezelf betrekking hebben",
+            "capitalization": "Hoofdlettergebruik helpt niet echt",
+            "dates": "Vermijd data en jaren die op jezelf betrekking hebben",
+            "l33t": "Voorspelbare vervangingen (zoals '@' i.p.v. 'a') zijn niet erg zinvol",
+            "longerKeyboardPattern": "Gebruik een langere en onvoorspelbaardere tekenreeks",
+            "noNeed": "Hoofdletters, cijfers of speciale tekens hoeven niet, mogen wel",
+            "recentYears": "Vermijd recente jaren",
+            "repeated": "Vermijd herhaling van woorden of tekens",
+            "reverseWords": "Omgedraaide woorden zijn bijna even gemakkelijk te raden",
+            "sequences": "Vermijd rijtjes",
+            "useWords": "Gebruik enkele woorden - maar geen bekende uitdrukkingen"
+        },
+        "warnings": {
+            "common": "Dit is een veelgebruikt wachtwoord",
+            "commonNames": "Voor- en achternamen zijn eenvoudig te raden",
+            "dates": "Data zijn vaak gemakkelijk te raden",
+            "extendedRepeat": "Herhalingen als ‘abcabcabc’ zijn haast even gemakkelijk te raden als ‘abc’",
+            "keyPattern": "Korte patronen op het toetsenbord worden gemakkelijk geraden",
+            "namesByThemselves": "Een alleenstaande voor- of achternaam is eenvoudig te raden",
+            "recentYears": "Recente jaartallen zijn eenvoudig te raden",
+            "sequences": "Rijtjes als ‘abc’ of ‘6543’ zijn gemakkelijk te raden",
+            "similarToCommon": "Dit lijkt sterk op een veelgebruikt wachtwoord",
+            "simpleRepeat": "Herhalingen als ‘aaa’ worden gemakkelijk geraden",
+            "straightRow": "Zo’n aaneengesloten rijtje toetsen is eenvoudig te raden",
+            "topHundred": "Dit staat in de top 100 van meestgebruikte wachtwoorden",
+            "topTen": "Dit staat in de top 10 van meestgebruikte wachtwoorden",
+            "wordByItself": "Eén enkel woord is zeer gemakkelijk te raden"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/pl.json b/apps/web/src/i18n/strings/pl.json
new file mode 100644
index 00000000000..a3cdf76ed08
--- /dev/null
+++ b/apps/web/src/i18n/strings/pl.json
@@ -0,0 +1,4173 @@
+{
+    "a11y": {
+        "jump_first_invite": "Przejdź do pierwszego zaproszenia.",
+        "message_composer": "Kompozytor wiadomości",
+        "n_unread_messages": {
+            "one": "1 nieprzeczytana wiadomość.",
+            "few": "%(count)s nieprzeczytane wiadomości.",
+            "many": "%(count)s nieprzeczytanych wiadomości."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 nieprzeczytana wzmianka.",
+            "few": "%(count)s nieprzeczytane wiadomości lub wzmianki.",
+            "many": "%(count)s nieprzeczytanych wiadomości lub wzmianek."
+        },
+        "room_status_bar": "Pasek stanu pokoju",
+        "seek_bar_label": "Pasek wyszukiwania audio",
+        "unread_messages": "Nieprzeczytane wiadomości."
+    },
+    "a11y_jump_first_unread_room": "Przejdź do pierwszego nieprzeczytanego pokoju.",
+    "action": {
+        "accept": "Akceptuję",
+        "add": "Dodaj",
+        "add_existing_room": "Dodaj istniejący pokój",
+        "apply": "Zastosuj",
+        "approve": "Zatwierdź",
+        "ask_to_join": "Poproś o dołączenie",
+        "back": "Powrót",
+        "call": "Zadzwoń",
+        "cancel": "Anuluj",
+        "change": "Zmień",
+        "clear": "Wyczyść",
+        "click_to_copy": "Kliknij, aby skopiować",
+        "close": "Zamknij",
+        "collapse": "Zwiń",
+        "complete": "Uzupełnij",
+        "confirm": "Potwierdź",
+        "continue": "Kontynuuj",
+        "copy": "Kopiuj",
+        "copy_link": "Kopiuj link",
+        "create": "Utwórz",
+        "create_a_room": "Utwórz pokój",
+        "create_account": "Utwórz konto",
+        "decline": "Odrzuć",
+        "decline_and_block": "Odrzuć i zablokuj",
+        "decline_invite": "Odrzuć zaproszenie",
+        "delete": "Usuń",
+        "deny": "Odmów",
+        "disable": "Wyłącz",
+        "disconnect": "Rozłącz",
+        "dismiss": "Zamknij",
+        "done": "Gotowe",
+        "download": "Pobierz",
+        "edit": "Edytuj",
+        "enable": "Włącz",
+        "enter_fullscreen": "Otwórz w trybie pełnoekranowym",
+        "exit_fullscreeen": "Wyjdź z trybu pełnoekranowego",
+        "expand": "Rozwiń",
+        "explore_rooms": "Przeglądaj pokoje",
+        "export": "Eksportuj",
+        "forward": "Przekaż",
+        "go": "Przejdź",
+        "go_back": "Wróć",
+        "got_it": "Rozumiem",
+        "hide_advanced": "Ukryj zaawansowane",
+        "hold": "Wstrzymaj",
+        "ignore": "Ignoruj",
+        "import": "Importuj",
+        "invite": "Zaproś",
+        "join": "Dołącz",
+        "learn_more": "Dowiedz się więcej",
+        "leave": "Opuść",
+        "leave_room": "Opuść pokój",
+        "logout": "Wyloguj",
+        "manage": "Zarządzaj",
+        "maximise": "Maksymalizuj",
+        "mention": "Wzmianka",
+        "minimise": "Minimalizuj",
+        "new_room": "Nowy pokój",
+        "new_video_room": "Nowy pokój wideo",
+        "next": "Dalej",
+        "no": "Nie",
+        "ok": "OK",
+        "open": "Otwórz",
+        "pin": "Przypnij",
+        "proceed": "Kontynuuj",
+        "quote": "Cytuj",
+        "react": "Dodaj reakcję",
+        "refresh": "Odśwież",
+        "register": "Rejestracja",
+        "reload": "Przeładuj",
+        "remove": "Usuń",
+        "rename": "Zmień nazwę",
+        "reply": "Odpowiedz",
+        "reply_in_thread": "Odpowiedz w wątku",
+        "report_room": "Zgłoś pokój",
+        "resend": "Wyślij jeszcze raz",
+        "reset": "Resetuj",
+        "resume": "Wznów",
+        "retry": "Ponów",
+        "review": "Przejrzyj",
+        "revoke": "Odwołaj",
+        "save": "Zapisz",
+        "search": "Szukaj",
+        "send_report": "Wyślij zgłoszenie",
+        "set_avatar": "Ustaw zdjęcie profilowe",
+        "share": "Udostępnij",
+        "show": "Pokaż",
+        "show_advanced": "Pokaż zaawansowane",
+        "show_all": "Pokaż wszystko",
+        "sign_in": "Zaloguj",
+        "sign_out": "Usuń to urządzenie",
+        "skip": "Pomiń",
+        "start": "Rozpocznij",
+        "stop": "Zatrzymaj",
+        "submit": "Wyślij",
+        "subscribe": "Subskrybuj",
+        "transfer": "Przenieś",
+        "trust": "Zaufaj",
+        "try_again": "Spróbuj ponownie",
+        "unban": "Odbanuj",
+        "unignore": "Przestań ignorować",
+        "unpin": "Odepnij",
+        "unsubscribe": "Odsubskrybuj",
+        "update": "Aktualizuj",
+        "upgrade": "Ulepsz",
+        "upload": "Prześlij",
+        "upload_file": "Prześlij plik",
+        "verify": "Zweryfikuj",
+        "view": "Wyświetl",
+        "view_all": "Pokaż wszystkie",
+        "view_list": "Wyświetl listę",
+        "view_message": "Wyświetl wiadomość",
+        "view_source": "Wyświetl źródło",
+        "yes": "Tak",
+        "yes_dismiss": "Tak, odrzuć",
+        "zoom_in": "Powiększ",
+        "zoom_out": "Pomniejsz"
+    },
+    "analytics": {
+        "accept_button": "To jest w porządku",
+        "bullet_1": "<Bold>Nie zapisujemy</Bold> żadnych danych, ani nie profilujemy Twojego konta",
+        "bullet_2": "<Bold>Nie udostępniamy</Bold> żadnych informacji stronom trzecim",
+        "consent_migration": "Wyrażono zgodę na udostępnianie z nami anonimowych danych. Teraz aktualizujemy jak to działa.",
+        "disable_prompt": "Możesz to wyłączyć kiedykolwiek w ustawieniach",
+        "enable_prompt": "Pomóż poprawić %(analyticsOwner)s",
+        "learn_more": "Udostępnij anonimowe dane, aby pomóc nam w identyfikacji problemów. Nic osobistego. Żadnych podmiotów zewnętrznych. <LearnMoreLink>Dowiedz się więcej</LearnMoreLink>",
+        "privacy_policy": "Możesz przeczytać wszystkie nasze warunki <PrivacyPolicyUrl>tutaj</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Pomóż nam zidentyfikować problemy i ulepszyć %(analyticsOwner)s, udostępniając anonimowe dane o użytkowaniu. Aby zrozumieć, w jaki sposób użytkownicy korzystają z wielu urządzeń, wygenerujemy losowy identyfikator dzielony pomiędzy Twoimi urządzeniami.",
+        "shared_data_heading": "Wszystkie wymienione dane mogą być udostępnione:"
+    },
+    "auth": {
+        "3pid_in_use": "Ten adres e-mail lub numer telefonu jest już w użyciu.",
+        "account_clash": "Twoje nowe konto (%(newAccountId)s) zostało zarejestrowane, lecz jesteś już zalogowany na innym koncie (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Kontynuuj używając poprzedniego konta.",
+        "account_deactivated": "To konto zostało zdezaktywowane.",
+        "autodiscovery_generic_failure": "Nie udało się uzyskać konfiguracji autodiscovery z serwera",
+        "autodiscovery_hs_incompatible": "Twój serwer domowy jest za stary i nie obsługuje wymaganej minimalnej wersji API. Skontaktuj się z właścicielem serwera lub zaktualizuj swój serwer.",
+        "autodiscovery_invalid": "Nieprawidłowa odpowiedź na wykrycie serwera domowego",
+        "autodiscovery_invalid_hs": "URL serwera domowego nie wygląda na prawidłowy serwer domowy Matrix",
+        "autodiscovery_invalid_hs_base_url": "Nieprawidłowy base_url dla m.homeserver",
+        "autodiscovery_invalid_is": "URL serwera tożsamości nie wydaje się być prawidłowym serwerem tożsamości",
+        "autodiscovery_invalid_is_base_url": "Nieprawidłowy base_url dla m.identity_server",
+        "autodiscovery_invalid_is_response": "Nieprawidłowa odpowiedź na wykrycie serwera tożsamości",
+        "autodiscovery_invalid_json": "Błędny JSON",
+        "autodiscovery_no_well_known": "Nie znaleziono pliku JSON .well-known",
+        "autodiscovery_unexpected_error_hs": "Nieoczekiwany błąd przy ustalaniu konfiguracji serwera domowego",
+        "autodiscovery_unexpected_error_is": "Nieoczekiwany błąd przy ustalaniu konfiguracji serwera tożsamości",
+        "captcha_description": "Serwer domowy prosi o potwierdzenie, że nie jesteś robotem.",
+        "change_password_action": "Zmień hasło",
+        "change_password_confirm_invalid": "Hasła nie zgadzają się",
+        "change_password_confirm_label": "Potwierdź hasło",
+        "change_password_current_label": "Aktualne hasło",
+        "change_password_empty": "Hasła nie mogą być puste",
+        "change_password_error": "Wystąpił błąd podczas zmiany hasła: %(error)s",
+        "change_password_mismatch": "Nowe hasła nie zgadzają się",
+        "change_password_new_label": "Nowe hasło",
+        "check_email_explainer": "Podążaj za instrukcjami wysłanymi do <b>%(email)s</b>",
+        "check_email_resend_prompt": "Nie otrzymałeś go?",
+        "check_email_resend_tooltip": "Wysłano ponownie link weryfikacyjny na e-mail!",
+        "check_email_wrong_email_button": "Wprowadź ponownie adres e-mail",
+        "check_email_wrong_email_prompt": "Zły adres e-mail?",
+        "continue_with_idp": "Kontynuuj z %(provider)s",
+        "continue_with_sso": "Kontynuuj z %(ssoButtons)s",
+        "country_dropdown": "Rozwijana lista krajów",
+        "create_account_prompt": "Nowy? <a>Utwórz konto</a>",
+        "create_account_title": "Utwórz konto",
+        "email_discovery_text": "Użyj adresu e-mail, aby opcjonalnie móc być odkrywanym przez istniejące kontakty.",
+        "email_field_label": "E-mail",
+        "email_field_label_invalid": "To nie wygląda na prawidłowy adres e-mail",
+        "email_field_label_required": "Wprowadź adres e-mail",
+        "email_help_text": "Dodaj adres e-mail, aby zresetować swoje hasło.",
+        "email_phone_discovery_text": "Użyj adresu e-mail lub numeru telefonu, aby móc być odkrywanym przez istniejące kontakty.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> wyśle Tobie link weryfikacyjny, abyś mógł zresetować hasło.",
+        "enter_email_heading": "Wprowadź swój e-mail, aby zresetować hasło",
+        "failed_connect_identity_server": "Nie można połączyć się z serwerem tożsamości",
+        "failed_connect_identity_server_other": "Możesz się zalogować, lecz niektóre funkcje nie będą dostępne dopóki Serwer Tożsamości nie będzie znów online. Jeśli ciągle widzisz to ostrzeżenie, sprawdź swoją konfigurację lub skontaktuj się z administratorem serwera.",
+        "failed_connect_identity_server_register": "Możesz się zarejestrować, lecz niektóre funkcje nie będą dostępne dopóki Serwer Tożsamości nie będzie znów online. Jeśli ciągle widzisz to ostrzeżenie, sprawdź swoją konfigurację lub skontaktuj się z administratorem serwera.",
+        "failed_connect_identity_server_reset_password": "Możesz zresetować hasło, lecz niektóre funkcje nie będą dostępne dopóki Serwer Tożsamości nie będzie znów online. Jeśli ciągle widzisz to ostrzeżenie, sprawdź swoją konfigurację lub skontaktuj się z administratorem serwera.",
+        "failed_homeserver_discovery": "Nie udało się odkryć serwerów domowych",
+        "failed_query_registration_methods": "Nie można uzyskać wspieranych metod rejestracji.",
+        "failed_soft_logout_auth": "Nie udało się uwierzytelnić ponownie",
+        "failed_soft_logout_homeserver": "Nie udało się uwierzytelnić ponownie z powodu błędu serwera domowego",
+        "forgot_password_email_invalid": "Adres e-mail nie wygląda na prawidłowy.",
+        "forgot_password_email_required": "Musisz wpisać adres e-mail połączony z twoim kontem.",
+        "forgot_password_prompt": "Nie pamiętasz hasła?",
+        "forgot_password_send_email": "Wyślij e-mail",
+        "identifier_label": "Zaloguj się używając",
+        "incorrect_credentials": "Nieprawidłowa nazwa użytkownika i/lub hasło.",
+        "incorrect_credentials_detail": "Zauważ proszę, że logujesz się na serwer %(hs)s, nie matrix.org.",
+        "incorrect_password": "Nieprawidłowe hasło",
+        "log_in_new_account": "<a>Zaloguj się</a> do nowego konta.",
+        "logout_dialog": {
+            "description": "Czy na pewno chcesz usunąć to urządzenie?",
+            "setup_key_backup_title": "Zamierzasz utracić dostęp do swoich zaszyfrowanych czatów",
+            "setup_secure_backup_description": "To jest twoje jedyne urządzenie. Jeśli je usuniesz, będziesz potrzebować klucza przywracania, aby potwierdzić swoją tożsamość cyfrową i przywrócić zaszyfrowane czaty przy następnym logowaniu.",
+            "skip_key_backup": "Usuń urządzenie mimo to"
+        },
+        "misconfigured_body": "Poproś swojego administratora %(brand)s by sprawdzić <a>Twoją konfigurację</a> względem niewłaściwych lub zduplikowanych elementów.",
+        "misconfigured_title": "%(brand)s jest źle skonfigurowany",
+        "mobile_create_account_title": "Zamierzasz utworzyć konto na%(hsName)s",
+        "msisdn_field_description": "Inni użytkownicy mogą Cię zaprosić do pokoi za pomocą Twoich danych kontaktowych",
+        "msisdn_field_label": "Telefon",
+        "msisdn_field_number_invalid": "Ten numer telefonu nie wygląda dobrze, sprawdź go ponownie",
+        "msisdn_field_required_invalid": "Wprowadź numer telefonu",
+        "no_hs_url_provided": "Nie podano URL serwera głównego",
+        "oidc": {
+            "error_title": "Nie mogliśmy Cię zalogować",
+            "generic_auth_error": "Coś poszło nie tak podczas uwierzytelniania. Przejdź do strony logowania i spróbuj ponownie.",
+            "missing_or_invalid_stored_state": "Poprosiliśmy przeglądarkę, aby zapamiętała za pomocą jakiego serwera domowego się logujesz, lecz niestety go zapomniała. Przejdź do strony logowania i spróbuj ponownie."
+        },
+        "password_field_keep_going_prompt": "Kontynuuj…",
+        "password_field_label": "Wprowadź hasło",
+        "password_field_strong_label": "Ładne, silne hasło!",
+        "password_field_weak_label": "Hasło jest dozwolone, ale niebezpieczne",
+        "phone_label": "Telefon",
+        "phone_optional_label": "Telefon (opcjonalny)",
+        "qr_code_login": {
+            "check_code_explainer": "Bezpieczeństwo połączenia z urządzeniem zostanie sprawdzone.",
+            "check_code_heading": "Wprowadź numer widoczny na drugim urządzeniu",
+            "check_code_input_label": "2-cyfrowy kod",
+            "check_code_mismatch": "Liczby się nie zgadzają",
+            "choose_desktop_computer": "Wybierz \"%(desktopComputer)s\"",
+            "completing_setup": "Kończenie konfiguracji nowego urządzenia",
+            "desktop_computer": "Komputer stacjonarny",
+            "error_etag_missing": "Wystąpił nieoczekiwany błąd. Może to być spowodowane rozszerzeniem przeglądarki, serwerem proxy lub błędną konfiguracją serwera.",
+            "error_expired": "Logowanie wygasło. Spróbuj ponownie.",
+            "error_expired_title": "Logowanie nie zostało zakończone na czas",
+            "error_insecure_channel_detected": "Nie udało się nawiązać bezpiecznego połączenia z nowym urządzeniem. Twoje pozostałe urządzania nadal są bezpieczne i nie musisz się o nie martwić.",
+            "error_insecure_channel_detected_instructions": "Co teraz?",
+            "error_insecure_channel_detected_instructions_1": "Spróbuj zalogować się ponownie na drugie urządzenie za pomocą kodu QR, jeśli był to błąd sieci.",
+            "error_insecure_channel_detected_instructions_2": "Jeśli występuje ten sam problem, użyj innej sieci Wi-Fi lub włącz dane mobilne",
+            "error_insecure_channel_detected_instructions_3": "Jeśli to nie zadziała, zaloguj się ręcznie",
+            "error_insecure_channel_detected_title": "Połączenie niezabezpieczone",
+            "error_other_device_already_signed_in": "Nie musisz już robić nic więcej.",
+            "error_other_device_already_signed_in_title": "Twoje drugie urządzenie jest już zalogowane",
+            "error_rate_limited": "Za dużo prób w krótkim odstępie czasu. Odczekaj trochę, zanim spróbujesz ponownie.",
+            "error_unexpected": "Wystąpił nieoczekiwany błąd. Żądanie podłączenia drugiego urządzenia zostało anulowane.",
+            "error_unsupported_protocol": "To urządzenie nie wspiera logowania się do drugiego urządzenia za pomocą kodu QR.",
+            "error_unsupported_protocol_title": "Drugie urządzenie nie jest kompatybilne",
+            "error_user_cancelled": "Logowanie zostało anulowane na drugim urządzeniu.",
+            "error_user_cancelled_title": "Żądanie logowania anulowane",
+            "error_user_declined": "Ty lub Twój dostawca konta odrzucił żądanie logowania.",
+            "error_user_declined_title": "Logowanie odrzucone",
+            "follow_remaining_instructions": "Postępuj zgodnie z pozostałymi instrukcjami, aby zweryfikować Twoje inne urządzenie",
+            "open_element_mobile_device": "Otwórz %(brand)s na swoim urządzeniu mobilnym",
+            "open_element_other_device": "Otwórz %(brand)s na drugim urządzeniu",
+            "point_the_camera": "Skieruj kamerę na pokazany tutaj kod QR",
+            "ready_to_scan": "Gotowy do skanowania",
+            "scan_code_instruction": "Skanuj kod QR",
+            "scan_code_instruction_reciprocate": "Zeskanuj kod QR drugim urządzeniem",
+            "scan_qr_code": "Zaloguj się kodem QR",
+            "security_code_prompt": "Twój dostawca konta może poprosić o podany kod w celu weryfikacji logowania.",
+            "security_code_title": "Twój kod weryfikacyjny",
+            "select_qr_code": "Wybierz '%(scanQRCode)s'",
+            "select_ready_to_scan": "Wybierz \"%(readyToScan)s\" i zeskanuj kod QR widoczny tutaj",
+            "start_over": "Zacznij od nowa",
+            "tap_avatar_link_new_device": "Kliknij swój awatar i wybierz \"%(linkNewDevice)s\"",
+            "unsupported_explainer": "Twój dostawca konta nie obsługuje logowania nowego urządzenia za pomocą kodu QR.",
+            "unsupported_heading": "Kod QR nie jest wspierany",
+            "waiting_for_device": "Oczekiwanie na drugie urządzenie"
+        },
+        "register_action": "Utwórz konto",
+        "registration": {
+            "continue_without_email_description": "Mała uwaga, jeśli nie dodasz adresu e-mail i stracisz swoje hasło, możesz <b>permanentnie stracić dostęp do swojego konta</b>.",
+            "continue_without_email_field_label": "Adres e-mail (opcjonalnie)",
+            "continue_without_email_title": "Kontynuowanie bez adresu e-mail"
+        },
+        "registration_disabled": "Rejestracja została wyłączona na tym serwerze domowym.",
+        "registration_msisdn_field_required_invalid": "Wprowadź numer telefonu (wymagane na tym serwerze domowym)",
+        "registration_successful": "Pomyślnie zarejestrowano",
+        "registration_username_in_use": "Ktoś już ma taką nazwę użytkownika. Użyj innej lub zaloguj się poniżej, jeśli to jesteś Ty.",
+        "registration_username_unable_check": "Nie można sprawdzić, czy nazwa użytkownika jest zajęta. Spróbuj ponownie później.",
+        "registration_username_validation": "Użyj tylko małych liter, cyfr, myślników i podkreśleń",
+        "reset_password": {
+            "confirm_new_password": "Potwierdź nowe hasło",
+            "devices_logout_success": "Wszystkie Twoje urządzenia zostały usunięte i nie będą już otrzymywać powiadomień push. Aby włączyć ponownie powiadomienia, zaloguj się na każdym urządzeniu z powrotem.",
+            "other_devices_logout_warning_1": "Usunięcie Twoich urządzeń spowoduje usunięcie wszystkich kluczy szyfrujących, które się na nich znajdują, uniemożliwiając czytanie zaszyfrowanej historii wiadomości.",
+            "other_devices_logout_warning_2": "Jeśli chcesz zachować dostęp do historii czatu w zaszyfrowanych pokojach, przed kontynuacją utwórz klucz przywracania lub wyeksportuj klucze wiadomości z innego urządzenia.",
+            "password_not_entered": "Musisz wprowadzić nowe hasło.",
+            "passwords_mismatch": "Nowe hasła muszą się zgadzać.",
+            "rate_limit_error": "Za dużo prób w krótkim odstępie czasu. Odczekaj trochę, zanim spróbujesz ponownie.",
+            "rate_limit_error_with_time": "Za dużo prób w krótkim odstępie czasu. Spróbuj ponownie za%(timeout)s.",
+            "reset_successful": "Twoje hasło zostało zresetowane.",
+            "return_to_login": "Wróć do ekranu logowania",
+            "sign_out_other_devices": "Usuń pozostałe urządzenia"
+        },
+        "reset_password_action": "Resetuj hasło",
+        "reset_password_button": "Nie pamiętasz hasła?",
+        "reset_password_email_field_description": "Użyj adresu e-mail, aby odzyskać swoje konto",
+        "reset_password_email_field_required_invalid": "Wprowadź adres e-mail (wymagane na tym serwerze domowym)",
+        "reset_password_email_not_associated": "Twój adres e-mail nie wydaje się być związany z ID Matrix na tym serwerze domowym.",
+        "reset_password_email_not_found_title": "Podany adres e-mail nie został znaleziony",
+        "reset_password_title": "Resetuj swoje hasło",
+        "server_picker_custom": "Inne serwery domowe",
+        "server_picker_description": "Możesz użyć niestandardowych opcji serwera, aby zalogować się na inny serwer Matrix, wprowadzając inny adres URL serwera. Umożliwi Ci to na korzystanie z %(brand)s z istniejącym już kontem Matrix na innym serwerze domowym.",
+        "server_picker_description_matrix.org": "Dołącz do milionów za darmo na największym publicznym serwerze",
+        "server_picker_dialog_title": "Decyduj, gdzie chcesz hostować swoje konto",
+        "server_picker_explainer": "Korzystaj z wybranego przez Ciebie serwera domowego Matrix lub hostuj swój własny.",
+        "server_picker_failed_validate_homeserver": "Nie można zweryfikować serwera domowego",
+        "server_picker_intro": "Kontaktujemy się z miejscami, gdzie możesz założyć swoje konto tzw. 'serwery domowe'.",
+        "server_picker_invalid_url": "Nieprawidłowy URL",
+        "server_picker_learn_more": "O serwerach domowych",
+        "server_picker_matrix.org": "Matrix.org jest największym publicznym serwerem domowym na świecie, najlepsze miejsce dla wielu.",
+        "server_picker_required": "Podaj serwer domowy",
+        "server_picker_title": "Zaloguj się do swojego serwera domowego",
+        "server_picker_title_default": "Opcje serwera",
+        "server_picker_title_registration": "Przechowuj konto na",
+        "session_logged_out_description": "Ze względów bezpieczeństwa ta sesja została usunięta. Zaloguj się jeszcze raz.",
+        "session_logged_out_title": "Sesja została usunięta",
+        "set_email": {
+            "description": "To pozwoli Ci zresetować Twoje hasło i otrzymać powiadomienia.",
+            "verification_pending_description": "Sprawdź swój e-mail i kliknij link w nim zawarty. Kiedy już to zrobisz, kliknij \"kontynuuj\".",
+            "verification_pending_title": "Oczekiwanie weryfikacji"
+        },
+        "set_email_prompt": "Czy chcesz ustawić adres e-mail?",
+        "sign_in_description": "Użyj swojego konta, aby kontynuować.",
+        "sign_in_instead": "Zamiast tego zaloguj się",
+        "sign_in_instead_prompt": "Masz już konto? <a>Zaloguj się tutaj </a>",
+        "sign_in_manually": "Zaloguj się ręcznie",
+        "sign_in_or_register": "Zaloguj się lub utwórz konto",
+        "sign_in_or_register_description": "Użyj konta lub utwórz nowe, aby kontynuować.",
+        "sign_in_with_qr": "Zaloguj się kodem QR",
+        "sign_in_with_sso": "Zaloguj się za pomocą pojedynczego logowania",
+        "signing_in": "Logowanie…",
+        "soft_logout": {
+            "clear_data_button": "Wyczyść wszystkie dane",
+            "clear_data_description": "Wyczyszczenie wszystkich danych z tej sesji jest permanentne. Wiadomości szyfrowane zostaną utracone, jeśli nie zabezpieczono ich kluczy.",
+            "clear_data_title": "Wyczyścić wszystkie dane w tej sesji?"
+        },
+        "soft_logout_heading": "Zostałeś wylogowany",
+        "soft_logout_intro_password": "Podaj hasło, aby zalogować się i odzyskać dostęp do swojego konta.",
+        "soft_logout_intro_sso": "Zaloguj się i odzyskaj dostęp do konta.",
+        "soft_logout_intro_unsupported_auth": "Nie możesz zalogować się do swojego konta. Skontaktuj się z administratorem serwera domowego po więcej informacji.",
+        "soft_logout_subheading": "Wyczyść dane osobiste",
+        "soft_logout_warning": "Ostrzeżenie: Twoje dane osobowe (włączając w to klucze szyfrujące) są wciąż przechowywane w tej sesji. Wyczyść je, jeśli chcesz zakończyć tę sesję lub chcesz zalogować się na inne konto.",
+        "sso": "Pojedyncze logowanie",
+        "sso_complete_in_browser_dialog_title": "Aby dokończyć proces rejestracji, przejdź do swojej przeglądarki",
+        "sso_failed_missing_storage": "Poprosiliśmy przeglądarkę o zapamiętanie, z którego serwera domowego korzystasz, aby umożliwić Ci logowanie, ale niestety Twoja przeglądarka o tym zapomniała. Przejdź do strony logowania i spróbuj ponownie.",
+        "sso_or_username_password": "%(ssoButtons)s lub %(usernamePassword)s",
+        "sync_footer_subtitle": "Jeśli dołączono do wielu pokojów, może to chwilę zająć",
+        "syncing": "Synchronizacja…",
+        "uia": {
+            "code": "Kod",
+            "email": "Aby utworzyć konto, otwórz link, który wysłaliśmy w wiadomości e-mail do %(emailAddress)s.",
+            "email_auth_header": "Sprawdź swój e-mail, aby kontynuować",
+            "email_resend_prompt": "Nic nie przyszło? <a>Wyślij ponownie</a>",
+            "email_resent": "Wysłano ponownie!",
+            "fallback_button": "Rozpocznij uwierzytelnienie",
+            "mas_cross_signing_reset_cta": "Przejdź do swojego konta",
+            "mas_cross_signing_reset_description": "Zaraz zostaniesz przeniesiony na swoje konto %(serverName)s, aby zresetować swoją tożsamość cyfrową. Po zresetowaniu konta wróć tutaj i kliknij Ponów.",
+            "mas_cross_signing_reset_title": "Przejdź do swojego konta, aby zresetować swoją tożsamość cyfrową",
+            "msisdn": "Wysłano wiadomość tekstową do %(msisdn)s",
+            "msisdn_token_incorrect": "Niepoprawny token",
+            "msisdn_token_prompt": "Wpisz kod, który jest tam zawarty:",
+            "password_prompt": "Potwierdź swoją tożsamość, wprowadzając hasło do konta poniżej.",
+            "recaptcha_missing_params": "Brakuje publicznego klucza captcha w konfiguracji serwera domowego. Zgłoś to do administratora serwera domowego.",
+            "registration_token_label": "Token rejestracyjny",
+            "registration_token_prompt": "Wprowadź token rejestracyjny dostarczony przez administratora serwera domowego.",
+            "sso_body": "Potwierdź dodanie tego adresu e-mail przez użycie pojedynczego logowania, aby potwierdzić swoją tożsamość.",
+            "sso_failed": "Coś poszło nie tak podczas sprawdzania Twojej tożsamości. Anuluj i spróbuj ponownie.",
+            "sso_postauth_body": "Naciśnij poniższy przycisk, aby potwierdzić swoją tożsamość.",
+            "sso_postauth_title": "Potwierdź, aby kontynuować",
+            "sso_preauth_body": "Aby kontynuować, użyj Single Sign On do potwierdzenia swojej tożsamości.",
+            "sso_title": "Użyj pojedynczego logowania, aby kontynuować",
+            "terms": "Przeczytaj i zaakceptuj zasady tego serwera domowego:",
+            "terms_invalid": "Przeczytaj i zaakceptuj wszystkie zasady dotyczące serwera domowego"
+        },
+        "unsupported_auth": "Serwer domowy nie oferuje żadnego procesu logowania, który wspierałby ten klient.",
+        "unsupported_auth_email": "Ten serwer domowy nie wspiera logowania za pomocą adresu e-mail.",
+        "unsupported_auth_msisdn": "Ten serwer nie wspiera autentykacji za pomocą numeru telefonu.",
+        "username_field_required_invalid": "Wprowadź nazwę użytkownika",
+        "username_in_use": "Ktoś już ma tę nazwę użytkownika, użyj innej.",
+        "verify_email_explainer": "Przed zresetowaniem hasła musimy się upewnić, że to Ty. Kliknij link we wiadomości e-mail, którą właśnie wysłaliśmy do <b>%(email)s</b>",
+        "verify_email_heading": "Zweryfikuj adres e-mail, aby kontynuować"
+    },
+    "bug_reporting": {
+        "additional_context": "Jeśli istnieje dodatkowy kontekst, który pomógłby nam w analizie zgłoszenia, taki jak co robiłeś w trakcie wystąpienia problemu, ID pokojów, ID użytkowników, itd., wprowadź go tutaj.",
+        "before_submitting": "Przed wysłaniem logów, <a>zgłoś problem na GitHubie</a> opisujący twój problem.",
+        "collecting_information": "Zbieranie informacji o wersji aplikacji",
+        "collecting_logs": "Zbieranie dzienników",
+        "create_new_issue": "<newIssueLink>Utwórz nowe zgłoszenie</newIssueLink> na GitHubie, abyśmy mogli zbadać ten błąd.",
+        "description": "Dzienniki debugowania zawierają dane o korzystaniu z aplikacji, w tym nazwę użytkownika, identyfikatory lub aliasy odwiedzonych pokoi, elementy interfejsu użytkownika, z którymi ostatnio wchodziłeś w interakcje oraz nazwy innych użytkowników. Nie zawierają treści wiadomości.",
+        "download_logs": "Pobierz dzienniki",
+        "downloading_logs": "Pobieram dzienniki",
+        "error_empty": "Powiedz nam, co poszło nie tak, lub nawet lepiej - utwórz zgłoszenie na platformie GitHub, które opisuje problem.",
+        "failed_download_logs": "Nie udało się pobrać dzienników debugowania: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Twój raport o błędzie został odrzucony. Serwer rageshake nie obsługuje tej aplikacji.",
+            "rejected_generic": "Twój raport o błędzie został odrzucony. Serwer rageshake odrzucił zawartość raportu z powodu polityki.",
+            "rejected_recovery_key": "Twój raport o błędzie został odrzucony ze względów bezpieczeństwa, ponieważ zawierał klucz odzyskiwania.",
+            "rejected_version": "Twój raport o błędzie został odrzucony, ponieważ uruchomiona wersja jest zbyt stara.",
+            "server_unknown_error": "Serwer rageshake napotkał nieznany błąd i nie mógł obsłużyć raportu.",
+            "unknown_error": "Nie udało się wysłać dzienników."
+        },
+        "github_issue": "Zgłoszenie GitHub",
+        "introduction": "Jeśli zgłosiłeś błąd za pomocą serwisu GitHub, dzienniki debugowania mogą pomóc nam w namierzeniu problemu. ",
+        "log_request": "Aby uniknąć tego problemu w przyszłości, <a>wyślij nam dzienniki</a>.",
+        "logs_sent": "Wysłano dzienniki",
+        "matrix_security_issue": "Aby zgłosić błąd związany z bezpieczeństwem Matriksa, przeczytaj <a>Politykę odpowiedzialnego ujawniania informacji</a> Matrix.org.",
+        "preparing_download": "Przygotowuję do pobrania dzienników",
+        "preparing_logs": "Przygotowuję do wysłania dzienników",
+        "send_logs": "Wyślij logi",
+        "submit_debug_logs": "Wyślij dzienniki błędów",
+        "textarea_label": "Notatki",
+        "thank_you": "Dziękujemy!",
+        "title": "Zgłaszanie błędów",
+        "unsupported_browser": "Przypomnienie: Twoja przeglądarka nie jest wspierana, więc Twoje doświadczenie może być nieprzewidywalne.",
+        "uploading_logs": "Wysyłanie logów",
+        "waiting_for_server": "Czekam na odpowiedź serwera"
+    },
+    "cannot_invite_without_identity_server": "Nie można zaprosić poprzez e-mail bez serwera tożsamości. Przejdź do \"Ustawienia\", aby się połączyć.",
+    "cannot_reach_homeserver": "Błąd połączenia z serwerem domowym",
+    "cannot_reach_homeserver_detail": "Upewnij się, że posiadasz stabilne połączenie internetowe lub skontaktuj się z administratorem serwera",
+    "cant_load_page": "Nie można załadować strony",
+    "chat_card_back_action_label": "Wróć do chatu",
+    "chat_effects": {
+        "confetti_description": "Wysyła podaną wiadomość z konfetti",
+        "confetti_message": "wysyła konfetti",
+        "fireworks_description": "Wysyła podaną wiadomość z fajerwerkami",
+        "fireworks_message": "wysyła fajerwerki",
+        "hearts_description": "Wysyła podaną wiadomość z serduszkami",
+        "hearts_message": "wysyła serduszka",
+        "rainfall_description": "Wysyła podaną wiadomość z deszczem",
+        "rainfall_message": "wysyła deszcz",
+        "snowfall_description": "Wysyła podaną wiadomość ze śniegiem",
+        "snowfall_message": "wysyła śnieg",
+        "spaceinvaders_description": "Wysyła podaną wiadomość z efektem kosmicznym",
+        "spaceinvaders_message": "wysyła kosmicznych najeźdźców"
+    },
+    "common": {
+        "access_token": "Token dostępu",
+        "accessibility": "Ułatwienia dostępu",
+        "advanced": "Zaawansowane",
+        "all_chats": "Wszystkie czaty",
+        "analytics": "Dane analityczne",
+        "and_n_others": {
+            "one": "i jeden inny...",
+            "few": "i %(count)s innych...",
+            "many": "i %(count)s innych..."
+        },
+        "appearance": "Wygląd",
+        "application": "Aplikacja",
+        "are_you_sure": "Czy jesteś pewien?",
+        "attachment": "Załącznik",
+        "authentication": "Uwierzytelnienie",
+        "avatar": "Awatar",
+        "beta": "Beta",
+        "camera": "Kamera",
+        "cameras": "Kamery",
+        "cancel": "Anuluj",
+        "capabilities": "Możliwości",
+        "copied": "Skopiowano!",
+        "credits": "Podziękowania",
+        "dark": "Ciemny",
+        "description": "Opis",
+        "deselect_all": "Odznacz wszystkie",
+        "device": "Urządzenie",
+        "disabled_by_homeserver": "Wyłączone przez serwer domowy",
+        "edited": "edytowane",
+        "email_address": "Adres e-mail",
+        "emoji": "Emoji",
+        "encrypted": "Szyfrowany",
+        "error": "Błąd",
+        "faq": "Najczęściej zadawane pytania",
+        "feedback": "Opinia użytkownika",
+        "filter_results": "Filtruj wyniki",
+        "forward_message": "Przekaż wiadomość",
+        "general": "Ogólne",
+        "go_to_settings": "Przejdź do ustawień",
+        "guest": "Gość",
+        "help": "Pomoc",
+        "home": "Główna",
+        "homeserver": "Serwer domowy",
+        "identity_server": "Serwer tożsamości",
+        "image": "Obraz",
+        "integration_manager": "Menedżer integracji",
+        "joined": "Dołączono",
+        "labs": "Laboratoria",
+        "legacy_voice_and_video_settings": "Połączenia Matrix 1:1 (starsza wersja)",
+        "legal": "Zasoby prawne",
+        "light": "Jasny",
+        "loading": "Wczytywanie…",
+        "location": "Lokalizacja",
+        "matrix": "Matrix",
+        "message": "Wiadomość",
+        "message_layout": "Wygląd wiadomości",
+        "message_timestamp_invalid": "Nieprawidłowy znacznik czasu",
+        "microphone": "Mikrofon",
+        "moderation_and_safety": "Moderacja i bezpieczeństwo",
+        "modern": "Współczesny",
+        "mute": "Wycisz",
+        "n_members": {
+            "one": "%(count)s członek",
+            "few": "%(count)s członki",
+            "many": "%(count)s członków"
+        },
+        "n_rooms": {
+            "one": "%(count)s pokój",
+            "few": "%(count)s pokoje",
+            "many": "%(count)s pokoi"
+        },
+        "name": "Nazwa",
+        "no_results": "Brak wyników",
+        "no_results_found": "Nie znaleziono wyników",
+        "not_trusted": "Nie zaufane",
+        "off": "Wyłącz",
+        "offline": "Niedostępny",
+        "on": "Włącz",
+        "options": "Opcje",
+        "orphan_rooms": "Inne pokoje",
+        "password": "Hasło",
+        "people": "Osoby",
+        "preferences": "Preferencje",
+        "presence": "Prezencja",
+        "preview_message": "Hej, ty. Jesteś super!",
+        "privacy": "Prywatność",
+        "private": "Prywatna",
+        "private_room": "Pokój prywatny",
+        "private_space": "Przestrzeń prywatna",
+        "profile": "Profil",
+        "public": "Publiczna",
+        "public_room": "Pokój publiczny",
+        "public_space": "Przestrzeń publiczna",
+        "qr_code": "Kod QR",
+        "random": "Losowe",
+        "reactions": "Reakcje",
+        "recommended": "Polecane",
+        "report_a_bug": "Zgłoś błąd",
+        "room": "Pokój",
+        "room_name": "Nazwa pokoju",
+        "rooms": "Pokoje",
+        "save": "Zapisz",
+        "saved": "Zapisano",
+        "saving": "Zapisywanie…",
+        "secure_backup": "Bezpieczna kopia zapasowa",
+        "select_all": "Zaznacz wszystkie",
+        "server": "Serwer",
+        "settings": "Ustawienia",
+        "setup_secure_messages": "Skonfiguruj bezpieczne wiadomości",
+        "show_more": "Pokaż więcej",
+        "someone": "Ktoś",
+        "space": "Przestrzeń",
+        "spaces": "Przestrzenie",
+        "state_encryption_enabled": "Eksperymentalne szyfrowanie włączone",
+        "sticker": "Naklejka",
+        "stickerpack": "Pakiet naklejek",
+        "success": "Sukces",
+        "suggestions": "Propozycje",
+        "support": "Wsparcie",
+        "theme": "Motyw",
+        "thread": "Wątek",
+        "threads": "Wątki",
+        "timeline": "Oś czasu",
+        "unavailable": "niedostępne",
+        "unencrypted": "Nieszyfrowany",
+        "unmute": "Wyłącz wyciszenie",
+        "unnamed_room": "Pokój bez nazwy",
+        "unnamed_space": "Przestrzeń bez nazwy",
+        "unverified": "Niezweryfikowane",
+        "updating": "Aktualizowanie...",
+        "user": "Użytkownik",
+        "user_avatar": "Obraz profilowy",
+        "username": "Nazwa użytkownika",
+        "verified": "Zweryfikowane",
+        "version": "Wersja",
+        "video_room": "Pokój wideo",
+        "view_message": "Wyświetl wiadomość",
+        "warning": "Ostrzeżenie"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Powiadom cały pokój",
+            "command_a11y": "Komenda autouzupełniania",
+            "command_description": "Polecenia",
+            "emoji_a11y": "Autouzupełnianie emoji",
+            "notification_a11y": "Autouzupełnianie powiadomień",
+            "notification_description": "Powiadomienia pokoju",
+            "room_a11y": "Autouzupełnianie pokojów",
+            "space_a11y": "Przerwa autouzupełniania",
+            "user_a11y": "Autouzupełnianie użytkowników",
+            "user_description": "Użytkownicy"
+        },
+        "close_sticker_picker": "Ukryj naklejki",
+        "edit_composer_label": "Edytuj wiadomość",
+        "format_bold": "Pogrubienie",
+        "format_code_block": "Blok kodu",
+        "format_decrease_indent": "Zmniejszenie wcięcia",
+        "format_increase_indent": "Zwiększenie wcięcia",
+        "format_inline_code": "Kod",
+        "format_insert_link": "Wprowadź link",
+        "format_italic": "Kursywa",
+        "format_italics": "Kursywa",
+        "format_link": "Link",
+        "format_ordered_list": "Lista numerowana",
+        "format_strikethrough": "Przekreślenie",
+        "format_underline": "Podkreślenie",
+        "format_unordered_list": "Lista punktorów",
+        "formatting_toolbar_label": "Formatowanie",
+        "link_modal": {
+            "link_field_label": "Link",
+            "text_field_label": "Tekst",
+            "title_create": "Utwórz link",
+            "title_edit": "Edytuj link"
+        },
+        "mode_plain": "Ukryj formatowanie",
+        "mode_rich_text": "Pokaż formatowanie",
+        "no_perms_notice": "Nie masz uprawnień do pisania w tym pokoju",
+        "placeholder": "Wyślij niezaszyfrowaną wiadomość…",
+        "placeholder_encrypted": "Wyślij wiadomość…",
+        "placeholder_reply": "Wyślij niezaszyfrowaną odpowiedź…",
+        "placeholder_reply_encrypted": "Wyślij odpowiedź…",
+        "placeholder_thread": "Odpowiedz na niezaszyfrowany wątek...",
+        "placeholder_thread_encrypted": "Odpowiedz na wątku",
+        "poll_button": "Ankieta",
+        "poll_button_no_perms_description": "Nie masz uprawnień do rozpoczęcia ankiety w tym pokoju",
+        "poll_button_no_perms_title": "Wymagane Uprawnienia",
+        "replying_title": "Odpowiadanie",
+        "room_unencrypted": "Wiadomości w tym pokoju nie są szyfrowane end-to-end.",
+        "room_upgraded_link": "Konwersacja jest kontynuowana tutaj.",
+        "room_upgraded_notice": "Ten pokój został zamieniony i nie jest już aktywny.",
+        "send_button_title": "Wyślij wiadomość",
+        "send_button_voice_message": "Wyślij wiadomość głosową",
+        "send_voice_message": "Wyślij wiadomość głosową",
+        "stop_voice_message": "Skończ nagrywanie",
+        "voice_message_button": "Wiadomość głosowa"
+    },
+    "console_dev_note": "Jeśli wiesz, co robisz, pamiętaj, że Element jest open-source. Dlatego odwiedź nas na platformie GitHub (https://github.com/vector-im/element-web/) i dodaj swoją kontrybucję!",
+    "console_scam_warning": "Jeśli ktoś Ci powiedział, żeby coś stąd skopiować/wkleić, istnieje wysokie prawdopodobieństwo, że jesteś oszukiwany!",
+    "console_wait": "Czekaj!",
+    "create_room": {
+        "action_create_room": "Utwórz pokój",
+        "action_create_video_room": "Utwórz pokój wideo",
+        "encrypted_video_room_warning": "Nie będzie można tego później wyłączyć. Pokój zostanie zaszyfrowany, lecz wbudowane połączenia nie.",
+        "encrypted_warning": "Nie będzie można tego później wyłączyć. Mostki i większość botów jeszcze nie działa.",
+        "encryption_forced": "Twój serwer wymaga włączenia szyfrowania w pokojach prywatnych.",
+        "encryption_label": "Włącz szyfrowanie end-to-end",
+        "error_title": "Nie udało się stworzyć pokoju",
+        "generic_error": "Serwer może być niedostępny, przeciążony, lub trafiłeś na błąd.",
+        "join_rule_change_notice": "Możesz to zmienić w każdym momencie w ustawieniach pokoju.",
+        "join_rule_invite": "Pokój prywatny (tylko na zaproszenie)",
+        "join_rule_invite_label": "Tylko osoby zaproszone będą mogły znaleźć i dołączyć do tego pokoju.",
+        "join_rule_knock_label": "Każdy może poprosić o dołączenie, lecz administratorzy lub moderacja muszą przyznać zezwolenie. Można zmienić to później.",
+        "join_rule_public_label": "Każdy będzie mógł znaleźć i dołączyć do tego pokoju.",
+        "join_rule_public_parent_space_label": "Każdy będzie mógł znaleźć i dołączyć do tego pokoju, nie tylko członkowie <SpaceName/>.",
+        "join_rule_restricted": "Standardowy",
+        "join_rule_restricted_label": "Każdy w <SpaceName/> może dołączyć.",
+        "name_validation_required": "Proszę podać nazwę pokoju",
+        "room_visibility_label": "Widoczność pokoju",
+        "state_encrypted_warning": "Włącza eksperymentalne wsparcie dla szyfrowania zdarzeń stanowych, które ukrywa przed serwerem metadane, takie jak nazwy pokoi i tematy. Te metadane będą również ukryte przed osobami dołączającymi do pokoi później oraz osobami, których klient nie obsługuje standardu MSC4362.",
+        "state_encryption_label": "Szyfruj zdarzenia stanowe",
+        "title_private_room": "Utwórz prywatny pokój",
+        "title_public_room": "Utwórz publiczny pokój",
+        "title_video_room": "Utwórz pokój wideo",
+        "topic_label": "Temat (opcjonalnie)",
+        "unfederated": "Zablokuj wszystkich niebędących użytkownikami %(serverName)s w tym pokoju.",
+        "unfederated_label_default_off": "Możesz ustawić tę opcję, jeżeli pokój będzie używany wyłącznie do współpracy wewnętrznych zespołów na Twoim serwerze. Nie będzie można zmienić tej opcji.",
+        "unfederated_label_default_on": "Możesz wyłączyć tę opcję, jeśli pokój będzie wykorzystywany jedynie do współpracy z wewnętrznymi zespołami, które posiadają swój serwer domowy. Nie będzie można zmienić tej opcji.",
+        "unsupported_version": "Serwer nie wspiera tej wersji pokoju."
+    },
+    "create_section_dialog": {
+        "create_section": "Utwórz sekcję",
+        "description": "Sekcje są tylko dla Ciebie",
+        "label": "Nazwa sekcji",
+        "title": "Utwórz sekcję",
+        "title_edition": "Edytuj sekcję"
+    },
+    "create_space": {
+        "add_details_prompt": "Dodaj trochę szczegółów, aby ludzie mogli ją łatwo rozpoznać.",
+        "add_details_prompt_2": "Możesz to zmienić w każdej chwili.",
+        "add_existing_rooms_description": "Wybierz pokoje lub konwersacje do dodania. Ta przestrzeń jest wyłącznie dla Ciebie, nikt o niej nie wie. Możesz dodać więcej później.",
+        "add_existing_rooms_heading": "Co chcesz zorganizować?",
+        "address_label": "Adres",
+        "address_placeholder": "np. moja-przestrzen",
+        "creating": "Tworzenie…",
+        "creating_rooms": "Tworzenie pokojów…",
+        "done_action": "Przejdź do mojej przestrzeni",
+        "done_action_first_room": "Przejdź do mojego pierwszego pokoju",
+        "explainer": "Przestrzenie to sposób na organizację i odkrywanie pokoi. Jaki rodzaj przestrzeni chcesz stworzyć?",
+        "failed_create_initial_rooms": "Nie udało się utworzyć początkowych pokoi przestrzeni",
+        "failed_invite_users": "Nie udało się zaprosić następujących użytkowników do przestrzeni: %(csvUsers)s",
+        "invite_teammates_by_username": "Zaproś przez nazwę użytkownika",
+        "invite_teammates_description": "Upewnij się, że odpowiednie osoby mają dostęp. Możesz zaprosić więcej później.",
+        "invite_teammates_heading": "Zaproś swoich kolegów z drużyny",
+        "inviting_users": "Zapraszanie…",
+        "label": "Utwórz przestrzeń",
+        "name_required": "Podaj nazwę dla przestrzeni",
+        "personal_space": "Tylko ja",
+        "personal_space_description": "Prywatna przestrzeń do organizacji Twoich pokoi",
+        "private_description": "Tylko na zaproszenie, dla Ciebie lub Twojego zespołu",
+        "private_heading": "Twoja prywatna przestrzeń",
+        "private_only_heading": "Twoja przestrzeń",
+        "private_personal_description": "Upewnij się, że odpowiednie osoby mają dostęp do %(name)s",
+        "private_personal_heading": "Z kim pracujesz?",
+        "private_space": "Ja i moi koledzy z drużyny",
+        "private_space_description": "Prywatna przestrzeń dla Ciebie i Twoich kolegów z drużyny",
+        "public_description": "Każdy może dołączyć, zalecane dla społeczności",
+        "public_heading": "Twoja publiczna przestrzeń",
+        "search_public_button": "Szukaj przestrzeni publicznych",
+        "setup_rooms_community_description": "Na początek stwórzmy kilka pokoi.",
+        "setup_rooms_community_heading": "O jakich rzeczach będziesz chciał dyskutować w %(spaceName)s?",
+        "setup_rooms_description": "Później możesz dodać do przestrzeni więcej pomieszczeń, włączając w to już istniejące.",
+        "setup_rooms_private_description": "Na początek stwórzmy kilka pokoi.",
+        "setup_rooms_private_heading": "Nad jakimi projektami pracuje Twój zespół?",
+        "share_description": "Aktualnie jesteś tu tylko Ty, będzie jeszcze lepiej, jak dołączą inni.",
+        "share_heading": "Udostępnij %(name)s",
+        "skip_action": "Pomiń na razie",
+        "subspace_adding": "Dodawanie…",
+        "subspace_beta_notice": "Dodaj przestrzeń do przestrzeni, którą zarządzasz.",
+        "subspace_dropdown_title": "Utwórz przestrzeń",
+        "subspace_existing_space_prompt": "Chcesz zamiast tego dodać istniejącą przestrzeń?",
+        "subspace_join_rule_invite_description": "Tylko osoby zaproszone będą mogły znaleźć i dołączyć do tej przestrzeni.",
+        "subspace_join_rule_invite_only": "Przestrzeń prywatna (tylko na zaproszenie)",
+        "subspace_join_rule_label": "Widoczność przestrzeni",
+        "subspace_join_rule_public_description": "Każdy będzie mógł znaleźć i dołączyć do tej przestrzeni, nie tylko członkowie <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Każdy w <SpaceName/> może dołączyć."
+    },
+    "credits": {
+        "default_cover_photo": "Autorem <photo>domyślnego zdjęcia okładkowego</photo> jest <author>Jesús Roncero</author> na licencji <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "Czcionka <twemoji>Twemoji</twemoji> jest w użyciu na warunkach licencji <terms>CC-BY 4.0</terms>. <author>© Twitter, Inc i pozostali kontrybutorzy</author>.",
+        "twemoji_colr": "Czcionka <colr>twemoji-colr</colr> jest w użyciu na warunkach licencji <terms>Apache 2.0</terms>. <author>© Mozilla Foundation</author>."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Czy na pewno chcesz odrzucić zaproszenie dołączenia do \"%(roomName)s\"?",
+        "ignore_user_help": "Nie zobaczysz żadnych wiadomości ani zaproszeń od tego użytkownika.",
+        "reason_description": "Opisz powód zgłoszenia pokoju.",
+        "report_room_description": "Zgłoś pokój dostawcy swojego konta.",
+        "title": "Odrzuć zaproszenie"
+    },
+    "desktop_default_device_name": "Komputer %(brand)s: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Aktywne widżety",
+        "category_other": "Inne",
+        "category_room": "Pokój",
+        "caution_colon": "Ostrzeżenie:",
+        "checking_sticky_events_support": "Sprawdzanie wsparcia dla sticky events...",
+        "client_versions": "Wersje klientów",
+        "crypto": {
+            "4s_public_key_in_account_data": "w danych konta",
+            "4s_public_key_not_in_account_data": "nie znaleziono",
+            "4s_public_key_status": "Klucz publiczny sekretnego magazynu:",
+            "backup_key_cached": "w lokalnej pamięci podręcznej",
+            "backup_key_cached_status": "Klucz zapasowy zapisany w pamięci podręcznej:",
+            "backup_key_not_stored": "nie przechowywany",
+            "backup_key_stored": "w sekretnym magazynie",
+            "backup_key_stored_status": "Magazyn klucza kopii zapasowej:",
+            "backup_key_unexpected_type": "nieoczekiwany typ",
+            "backup_key_well_formed": "dobrze ukształtowany",
+            "cross_signing": "Weryfikacja krzyżowa",
+            "cross_signing_cached": "w lokalnej pamięci podręcznej",
+            "cross_signing_not_ready": "Weryfikacja krzyżowa nie jest ustawiona.",
+            "cross_signing_private_keys_in_storage": "w sekretnym magazynie",
+            "cross_signing_private_keys_in_storage_status": "Klucze prywatne weryfikacji krzyżowej:",
+            "cross_signing_private_keys_not_in_storage": "nie odnaleziono w pamięci",
+            "cross_signing_public_keys_on_device": "w pamięci",
+            "cross_signing_public_keys_on_device_status": "Weryfikacja krzyżowa kluczy publicznych:",
+            "cross_signing_ready": "Weryfikacja krzyżowa jest gotowa do użycia.",
+            "cross_signing_status": "Status weryfikacji krzyżowej:",
+            "cross_signing_untrusted": "Twoje konto posiada tożsamość cyfrową w sekretnym magazynie, ale ta sesja nie uznała jej jeszcze za zaufaną.",
+            "crypto_not_available": "Moduł kryptograficzny nie jest dostępny",
+            "device_id": "ID urządzenia",
+            "key_backup_active_version": "Aktywna wersja kopii zapasowej:",
+            "key_backup_active_version_none": "Brak",
+            "key_backup_inactive_warning": "Twoje klucze nie są przywracane na tej sesji.",
+            "key_backup_latest_version": "Najnowsza wersja kopii zapasowej na serwerze:",
+            "key_storage": "Magazyn kluczy",
+            "master_private_key_cached_status": "Główny klucz prywatny:",
+            "not_found": "nie znaleziono",
+            "not_found_locally": "nie znaleziono lokalnie",
+            "secret_storage_not_ready": "niegotowe",
+            "secret_storage_ready": "gotowe",
+            "secret_storage_status": "Sekretny magazyn:",
+            "self_signing_private_key_cached_status": "Samopodpisujący klucz prywatny:",
+            "session": "Sesja",
+            "session_fingerprint": "Odcisk palca (klucz sesji)",
+            "title": "Szyfrowanie end-to-end",
+            "user_signing_private_key_cached_status": "Podpisany przez użytkownika klucz prywatny:"
+        },
+        "developer_mode": "Tryb programisty",
+        "developer_tools": "Narzędzia programistyczne",
+        "device_dehydrated_no": "Odwodniony: Nie",
+        "device_dehydrated_yes": "Odwodniony: Tak",
+        "device_id": "ID urządzenia: %(deviceId)s",
+        "device_keys": "Klucze urządzenia",
+        "device_verification_status": {
+            "signed_by_owner": "Status weryfikacji: <E2EIcon /> Podpisane przez właściciela",
+            "unknown": "Status weryfikacji: Nieznany",
+            "unverified": "Status weryfikacji: <E2EIcon /> Brak podpisu właściciela",
+            "verified": "Status weryfikacji: <E2EIcon /> Zweryfikowano przez podpis krzyżowy"
+        },
+        "devices": "Urządzenia kryptograficzne (%(count)s)",
+        "edit_setting": "Edytuj ustawienie",
+        "edit_values": "Edytuj wartości",
+        "empty_string": "<empty string>",
+        "error_sticky_duration_must_be_a_number": "stickyDuration musi być liczbą",
+        "error_sticky_duration_out_of_range": "stickyDuration musi być pomiędzy 0 a 36000 milisekund (1h)",
+        "event_content": "Zawartość wydarzenia",
+        "event_id": "ID wydarzenia: %(eventId)s",
+        "event_sent": "Wydarzenie wysłane!",
+        "event_type": "Typ wydarzenia",
+        "expired": "Wygasło",
+        "expires_in": "Wygasa za",
+        "explore_account_data": "Przeglądaj dane konta",
+        "explore_room_account_data": "Przeglądaj dane konta pokoju",
+        "explore_room_state": "Przeglądaj stan pokoju",
+        "explore_sticky_state": "Zbadaj stan lepkości",
+        "failed_to_find_widget": "Wystąpił błąd podczas próby odnalezienia tego widżetu.",
+        "failed_to_load": "Nie udało się wczytać.",
+        "failed_to_save": "Nie udało się zapisać ustawień.",
+        "failed_to_send": "Nie udało się wysłać wydarzenia!",
+        "id": "ID: ",
+        "invalid_device_key_id": "Nieprawidłowy identyfikator klucza urządzenia",
+        "invalid_json": "Nie wygląda to na prawidłowy JSON.",
+        "level": "Poziom",
+        "low_bandwidth_mode": "Tryb niskiej przepustowości",
+        "low_bandwidth_mode_description": "Wyłącza szyfrowanie, statusy aktywności, awatary, potwierdzenia przeczytania i powiadomienie o pisaniu",
+        "main_timeline": "Główna oś czasu",
+        "manual_device_verification": "Ręczna weryfikacja urządzenia",
+        "no_receipt_found": "Nie znaleziono potwierdzenia",
+        "no_sticky_events": "Nie znaleziono sticky events w tym pokoju.",
+        "notification_state": "Status powiadomień <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Debug powiadomień",
+        "number_of_users": "Liczba użytkowników",
+        "only_joined_members": "Tylko użytkownicy, którzy dołączyli",
+        "original_event_source": "Oryginalne źródło wydarzenia",
+        "restore_from_backup": "Przywróć z kopii zapasowej",
+        "room_encrypted": "Pokój jest <strong>szyfrowany ✅</strong>",
+        "room_id": "ID pokoju: %(roomId)s",
+        "room_not_encrypted": "Pokój nie jest <strong>szyfrowany 🚨</strong>",
+        "room_notifications_dot": "Kropka: ",
+        "room_notifications_highlight": "Wyróżnienie: ",
+        "room_notifications_last_event": "Ostatnie wydarzenie:",
+        "room_notifications_sender": "Nadawca: ",
+        "room_notifications_thread_id": "ID wątku: ",
+        "room_notifications_total": "Łącznie: ",
+        "room_notifications_type": "Typ: ",
+        "room_status": "Status pokoju",
+        "room_unread_status_count": {
+            "one": "Status nieprzeczytanej pokoju: <strong>%(status)s</strong>, ilość: <strong>%(count)s</strong>",
+            "few": "Status nieprzeczytanych pokoju: <strong>%(status)s</strong>, ilość: <strong>%(count)s</strong>",
+            "many": "Status nieprzeczytanych pokoju: <strong>%(status)s</strong>, ilość: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Zapisz ustawione wartości",
+        "see_history": "Pokaż historię",
+        "send_custom_account_data_event": "Wyślij własne wydarzenie danych konta",
+        "send_custom_room_account_data_event": "Wyślij własne wydarzenie danych konta pokoju",
+        "send_custom_state_event": "Wyślij własne wydarzenie stanu",
+        "send_custom_sticky_event": "Wyślij niestandardowe zdarzenie sticky",
+        "send_custom_timeline_event": "Wyślij własne wydarzenie na osi czasu",
+        "server_info": "Informacje serwera",
+        "server_versions": "Wersje serwera",
+        "settable_global": "Możliwe do ustawienia globalnie",
+        "settable_room": "Możliwe do ustawienia w pokoju",
+        "setting_colon": "Ustawienie:",
+        "setting_definition": "Definicja ustawienia:",
+        "setting_id": "ID ustawienia",
+        "settings": {
+            "elementCallUrl": "Adres URL Element Call"
+        },
+        "settings_explorer": "Eksplorator ustawień",
+        "show_empty_content_events": "Pokaż wydarzenia z pustą zawartością",
+        "show_hidden_events": "Pokaż ukryte wydarzenia na linii czasowej",
+        "spaces": {
+            "one": "<space>",
+            "few": "<%(count)s spacje>",
+            "many": "<%(count)s spacji>"
+        },
+        "state_key": "Klucz stanu",
+        "sticky_duration": "Czas trwania Sticky (ms)",
+        "sticky_events_not_supported": "Twój serwer domowy nie obsługuje jeszcze sticky events.",
+        "sticky_key": "Klucz Sticky",
+        "thread_root_id": "ID Root Wątku:%(threadRootId)s",
+        "threads_timeline": "Oś czasu wątków",
+        "title": "Ustawienia deweloperskie",
+        "toolbox": "Przybornik",
+        "use_at_own_risk": "Ten interfejs nie sprawdza typów wartości. Używaj na własne ryzyko.",
+        "user_avatar": "Awatar: %(avatar)s",
+        "user_displayname": "Wyświetlana nazwa: %(displayname)s",
+        "user_id": "ID użytkownika: %(userId)s",
+        "user_identity": "Tożsamość kryptograficzna",
+        "user_identity_unknown": "Nieznany",
+        "user_no_avatar": "Awatar: <i>Brak</i>",
+        "user_no_displayname": "Wyświetlana nazwa: <i>Brak</i>",
+        "user_read_up_to": "Użytkownik czyta do: ",
+        "user_read_up_to_ignore_synthetic": "Użytkownik przeczytał do (ignoreSynthetic): ",
+        "user_read_up_to_private": "Użytkownik przeczytał do (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Użytkownik przeczytał do (m.read.private;ignoreSynthetic): ",
+        "user_room_membership": "Członkostwo: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Status weryfikacji: <E2EIcon /> Niezweryfikowany oraz zmieniona tożsamość cyfrowa",
+            "unverified": "Status weryfikacji: <E2EIcon /> Niezweryfikowany",
+            "verified": "Status weryfikacji: <E2EIcon /> Zweryfikowany",
+            "was_verified": "Status weryfikacji:<E2EIcon /> Zweryfikowany, ale tożsamość cyfrowa uległa zmianie"
+        },
+        "users": "Użytkownicy",
+        "value": "Wartość",
+        "value_colon": "Wartość:",
+        "value_in_this_room": "Wartość w tym pokoju",
+        "value_this_room_colon": "Wartość w tym pokoju:",
+        "values_explicit": "Wartości w ścisłych poziomach",
+        "values_explicit_colon": "Wartości w ścisłych poziomach:",
+        "values_explicit_room": "Wartości w ścisłych poziomach w tym pokoju",
+        "values_explicit_this_room_colon": "Wartości w ścisłych poziomach w tym pokoju:",
+        "view_servers_in_room": "Wyświetl serwery w pokoju",
+        "view_source_decrypted_event_source": "Rozszyfrowane wydarzenie źródłowe",
+        "view_source_decrypted_event_source_unavailable": "Rozszyfrowane źródło niedostępne",
+        "widget_screenshots": "Włącz zrzut ekranu widżetu na wspieranych widżetach"
+    },
+    "dialog_close_label": "Zamknij okno dialogowe",
+    "download_completed": "Pobieranie zakończone",
+    "empty_room": "Pusty pokój",
+    "empty_room_was_name": "Pusty pokój (poprzednio %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Możesz podać również klucz lub frazę bezpieczeństwa.",
+            "key_validation_text": {
+                "wrong_security_key": "Wprowadzony klucz przywracania nie jest poprawny."
+            },
+            "privacy_warning": "Upewnij się, że nikt nie widzi tego ekranu!",
+            "restoring": "Przywracanie kluczy z kopii zapasowej",
+            "security_key_label": "Klucz przywracania",
+            "security_key_title": "Wprowadź klucz przywracania"
+        },
+        "bootstrap_title": "Konfigurowanie kluczy",
+        "confirm_encryption_setup_body": "Kliknij przycisk poniżej, aby potwierdzić ustawienie szyfrowania.",
+        "confirm_encryption_setup_title": "Potwierdź ustawienie szyfrowania",
+        "continue_with_reset": "Kontynuuj resetowanie",
+        "cross_signing_room_normal": "Ten pokój jest szyfrowany end-to-end",
+        "cross_signing_room_verified": "Wszyscy w tym pokoju są zweryfikowani",
+        "cross_signing_room_warning": "Ktoś używa nieznanej sesji",
+        "cross_signing_user_normal": "Nie zweryfikowałeś tego użytkownika.",
+        "cross_signing_user_verified": "Zweryfikowałeś tego użytkownika. Użytkownik zweryfikował wszystkie swoje sesje.",
+        "cross_signing_user_warning": "Ten użytkownik nie zweryfikował wszystkich swoich sesji.",
+        "enter_recovery_key": "Wprowadź klucz przywracania",
+        "event_shield_reason_authenticity_not_guaranteed": "Autentyczność tej wiadomości szyfrowanej nie jest gwarantowana na tym urządzeniu.",
+        "event_shield_reason_mismatched_sender": "Nadawca zdarzenia nie pasuje do właściciela urządzenia, które je wysłał.",
+        "event_shield_reason_mismatched_sender_key": "Zaszyfrowano przez sesję niezweryfikowaną",
+        "event_shield_reason_unknown_device": "Zaszyfrowano przez nieznane lub usunięte urządzenie.",
+        "event_shield_reason_unsigned_device": "Zaszyfrowano przez urządzenie niezweryfikowane przez właściciela.",
+        "event_shield_reason_unverified_identity": "Zaszyfrowano przez niezweryfikowanego użytkownika",
+        "export_unsupported": "Twoja przeglądarka nie wspiera wymaganych rozszerzeń kryptograficznych",
+        "forgot_recovery_key": "Nie pamiętasz klucza przywracania?",
+        "identity_needs_reset_description": "Zresetuj swoją tożsamość cyfrową, by utrzymać dostęp do historii czatów.",
+        "import_invalid_keyfile": "Niepoprawny plik klucza %(brand)s",
+        "import_invalid_passphrase": "Próba uwierzytelnienia nieudana: błędne hasło?",
+        "key_storage_out_of_sync": "Twój magazyn kluczy nie jest zsynchronizowany.",
+        "key_storage_out_of_sync_description": "Potwierdź klucz przywracania, aby zachować dostęp do magazynu kluczy i historii wiadomości.",
+        "messages_not_secure": {
+            "cause_1": "Twój serwer domowy",
+            "cause_2": "Serwer domowy użytkownika, którego weryfikujesz",
+            "cause_3": "Połączenie internetowe Twoje lub innych użytkowników",
+            "cause_4": "Sesja Twoja lub innych użytkowników",
+            "heading": "Mogło dojść do naruszenia bezpieczeństwa na którymś z wymienionych:",
+            "title": "Twoje wiadomości nie są bezpieczne"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Wykryto nową frazę bezpieczeństwa i klucz dla bezpiecznych wiadomości.",
+            "description_2": "Ta sesja szyfruję historię za pomocą nowej metody odzyskiwania.",
+            "title": "Nowy sposób odzyskiwania",
+            "warning": "Jeżeli nie ustawiłeś nowej metody odzyskiwania, atakujący może uzyskać dostęp do Twojego konta. Zmień hasło konta i natychmiast ustaw nową metodę odzyskiwania w Ustawieniach."
+        },
+        "pinned_identity_changed": "Tożsamość cyfrowa %(displayName)s (<b>%(userId)s</b>) została zresetowana. <a>Dowiedz się więcej</a>",
+        "pinned_identity_changed_no_displayname": "Cyfrowa tożsamość <b>%(userId)s</b> została zresetowana. <a>Dowiedz się więcej</a>",
+        "recovery_method_removed": {
+            "description_1": "W tej sesji wykryto, że Twoja fraza bezpieczeństwa i klucz dla bezpiecznych wiadomości zostały usunięte.",
+            "description_2": "Jeśli zrobiłeś to przez pomyłkę, możesz ustawić bezpieczne wiadomości w tej sesji, co zaszyfruje ponownie historię wiadomości za pomocą nowej metody odzyskiwania.",
+            "title": "Usunięto metodę odzyskiwania",
+            "warning": "Jeśli nie usunąłeś metody odzyskiwania, atakujący może próbować dostać się na Twoje konto. Zmień hasło konta i natychmiast ustaw nową metodę odzyskiwania w Ustawieniach."
+        },
+        "set_up_recovery": "Utwórz kopię zapasową swoich czatów",
+        "set_up_recovery_toast_description": "Twoje czaty są automatycznie archiwizowane za pomocą szyfrowania end-to-end. Aby przywrócić tę kopię zapasową i swoją tożsamość cyfrową, wymagany będzie klucz przywracania.",
+        "set_up_toast_title": "Skonfiguruj bezpieczną kopię zapasową",
+        "turn_on_key_storage": "Włącz magazyn kluczy",
+        "turn_on_key_storage_description": "Dzięki temu będziesz mógł przeglądać historię czatów na nowych urządzeniach. Jest to również wymagane do tworzenia kopii zapasowych i tożsamości cyfrowej.",
+        "unable_to_setup_keys_error": "Nie można ustawić kluczy",
+        "verification": {
+            "accepting": "Akceptowanie…",
+            "after_new_login": {
+                "device_verified": "Urządzenie zweryfikowane",
+                "skip_verification": "Pomiń weryfikację na razie",
+                "verify_this_device": "Zweryfikuj to urządzenie"
+            },
+            "cancelled_verification": "Upłynął limit czasu żądania, żądanie zostało odrzucone lub wystąpił błąd weryfikacji.",
+            "cancelling": "Anulowanie…",
+            "cant_confirm": "Nie możesz potwierdzić?",
+            "complete_action": "Zrobione",
+            "complete_description": "Pomyślnie zweryfikowałeś tego użytkownika.",
+            "complete_title": "Zweryfikowano!",
+            "confirm_identity_description": "Zweryfikuj to urządzenie, aby ustawić bezpieczną komunikację",
+            "confirm_identity_title": "Potwierdź swoją tożsamość cyfrową",
+            "confirm_the_emojis": "Upewnij się, że emoji poniżej pasują do tych pokazanych na innej sesji.",
+            "error_starting_description": "Nie byliśmy w stanie rozpocząć czatu z innym użytkownikiem.",
+            "error_starting_title": "Wystąpił błąd w trakcie weryfikacji",
+            "explainer": "Bezpieczne wiadomości z tym użytkownikiem są szyfrowane end-to-end i nie mogą zostać odczytane przez osoby trzecie.",
+            "in_person": "Aby było to bezpieczne, wykonaj to przy tej osobie, lub używając zaufanego sposobu komunikacji.",
+            "incoming_sas_device_dialog_text_1": "Zweryfikuj to urządzenie, aby oznaczyć je jako zaufane. Urządzenia zaufane dają Tobie i innym użytkownikom dodatkową ochronę podczas wysyłania wiadomości szyfrowanych end-to-end.",
+            "incoming_sas_device_dialog_text_2": "Weryfikacja tego urządzenia oznaczy je jako zaufane, a użytkownicy, którzy Cię zweryfikowali, będą ufać temu urządzeniu.",
+            "incoming_sas_dialog_title": "Oczekująca prośba o weryfikację",
+            "incoming_sas_dialog_waiting": "Oczekiwanie na potwierdzenie partnera…",
+            "incoming_sas_user_dialog_text_1": "Zweryfikuj tego użytkownika, aby oznaczyć go jako zaufanego. Użytkownicy zaufani dodają większej pewności, gdy korzystasz z wiadomości szyfrowanych end-to-end.",
+            "incoming_sas_user_dialog_text_2": "Weryfikacja tego użytkownika oznaczy Twoją i jego sesję jako zaufaną.",
+            "manual": {
+                "already_verified": "To urządzenie zostało już zweryfikowane.",
+                "already_verified_and_wrong_fingerprint": "Podany odcinek palca nie pasuje, ale urządzenie zostało już zweryfikowane!",
+                "device_id": "ID urządzenia",
+                "failure_description": "Nie udało się zweryfikować '%(deviceId)s': %(error)s",
+                "failure_title": "Weryfikacja nie powiodła się",
+                "fingerprint": "Odcisk palca (klucz sesji)",
+                "no_crypto": "Nie można zweryfikować urządzenia - krypto nie jest włączone",
+                "no_device": "Nie można zweryfikować urządzenia - urządzenie '%(deviceId)s' nie zostało znalezione",
+                "no_userid": "Nie można zweryfikować urządzenia - nie udało się znaleźć ID użytkownika",
+                "success_description": "Urządzenie (%(deviceId)s) jest teraz podpisane krzyżowo",
+                "success_title": "Zweryfikowano pomyślnie",
+                "text": "Podaj ID i odcisk palca jednego ze swoich urządzeń, aby zweryfikować. UWAGA umożliwi to drugiemu urządzeniu wysyłanie i odbieranie wiadomości w Twoim imieniu. JEŚLI KTOŚ POWIEDZIAŁ CI, ŻEBYŚ COŚ TU WKLEIŁ, PRAWDOPODOBNIE JESTEŚ OSZUKIWANY!",
+                "wrong_fingerprint": "Nie można zweryfikować urządzenia '%(deviceId)s' - podany odcisk palca '%(fingerprint)s' nie pasuje do odcisku palca na urządzeniu, '%(fprint)s'"
+            },
+            "no_support_qr_emoji": "Urządzenie, które próbujesz zweryfikować nie wspiera skanowania kodu QR lub weryfikacji emoji, czyli tego co obsługuje %(brand)s. Spróbuj użyć innego klienta.",
+            "now_you_can": "Teraz możesz bezpiecznie czytać i wysyłać wiadomości, a każdy z kim czatujesz również może ufać temu urządzeniu.",
+            "once_accepted_can_continue": "Po zaakceptowaniu rozpocznie się proces weryfikacji.",
+            "other_party_cancelled": "Druga strona anulowała weryfikację.",
+            "prompt_encrypted": "Zweryfikuj wszystkich użytkowników w pokoju, aby upewnić się, że jest bezpieczny.",
+            "prompt_unencrypted": "W pokojach szyfrowanych, zweryfikuj wszystkich użytkowników, aby upewnić się, że są bezpieczne.",
+            "qr_or_sas": "%(qrCode)s lub %(emojiCompare)s",
+            "qr_prompt": "Zeskanuj ten unikatowy kod",
+            "qr_reciprocate_check_again_device": "Sprawdź ponownie drugie urządzenie, aby zakończyć weryfikację.",
+            "qr_reciprocate_no": "Nie, nie widzę zielonej tarczy",
+            "qr_reciprocate_same_shield_user": "Prawie gotowe! Czy %(displayName)s pokazuje tę samą tarczę?",
+            "qr_reciprocate_yes": "Tak, widzę zieloną tarczę",
+            "request_toast_accept_user": "Zweryfikuj użytkownika",
+            "request_toast_decline_counter": "Ignoruj (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s z %(ip)s",
+            "request_toast_start_verification": "Rozpocznij weryfikację",
+            "sas_caption_self": "Zweryfikuj to urządzenie, upewniając się że poniższy numer wyświetlony jest na jego ekranie.",
+            "sas_caption_user": "Sprawdź tego użytkownika potwierdzając, że następujące liczby pojawiają się na ekranie rozmówcy.",
+            "sas_description": "Porównaj unikatowy zestaw emoji, jeżeli nie masz aparatu na którymś z urządzeń",
+            "sas_emoji_caption_user": "Sprawdź tego użytkownika potwierdzając, że następujące emotikony pojawiają się na ekranie rozmówcy.",
+            "sas_match": "Pasują do siebie",
+            "sas_no_match": "Nie pasują do siebie",
+            "sas_prompt": "Porównaj unikatowe emoji",
+            "scan_qr": "Zweryfikuj przez skanowanie",
+            "scan_qr_explainer": "Poproś %(displayName)s, aby zeskanował Twój kod:",
+            "start_button": "Rozpocznij weryfikację",
+            "successful_user": "Pomyślnie zweryfikowałeś %(displayName)s!",
+            "unsupported_method": "Nie można znaleźć wspieranej metody weryfikacji.",
+            "unverified_session_toast_accept": "Tak, to byłem ja",
+            "unverified_session_toast_title": "Nowe logowanie. Czy to byłeś Ty?",
+            "unverified_sessions_toast_description": "Sprawdź, by upewnić się że Twoje konto jest bezpieczne",
+            "unverified_sessions_toast_reject": "Później",
+            "unverified_sessions_toast_title": "Masz niezweryfikowane sesje",
+            "use_another_device": "Użyj innego urządzenia",
+            "use_recovery_key": "Użyj klucza przywracania",
+            "verification_dialog_title_choose": "Wybierz sposób weryfikacji",
+            "verification_dialog_title_compare_emojis": "Porównaj emoji",
+            "verification_dialog_title_confirm_green_shield": "Sprawdź, czy na drugim urządzeniu widzisz zieloną tarczę",
+            "verification_dialog_title_device": "Zweryfikuj drugie urządzenie",
+            "verification_dialog_title_failed": "Weryfikacja nie powiodła się",
+            "verification_dialog_title_start_on_other_device": "Rozpocznij weryfikację na drugim urządzeniu",
+            "verification_dialog_title_user": "Żądanie weryfikacji",
+            "verification_dialog_title_verified": "Urządzenie zweryfikowane",
+            "verification_skip_warning": "Bez weryfikacji, nie będziesz posiadać dostępu do wszystkich swoich wiadomości, a inni będą Cię widzieć jako niezaufanego.",
+            "verification_success_with_backup": "Twoje nowe urządzenie zostało zweryfikowane. Posiada dostęp do Twoich wiadomości szyfrowanych, a inni użytkownicy będą je widzieć jako zaufane.",
+            "verification_success_without_backup": "Twoje nowe urządzenie zostało zweryfikowane. Inni użytkownicy będą je widzieć jako zaufane.",
+            "verify_by_completing_one_of": "Zweryfikuj, wykonując jedną z poniższych czynności:",
+            "verify_emoji": "Zweryfikuj przez Emoji",
+            "verify_emoji_prompt": "Zweryfikuj, porównując unikalne emotikony.",
+            "verify_emoji_prompt_qr": "Jeśli nie jesteś w stanie skanować kodu powyżej, zweryfikuj porównując emoji.",
+            "verify_later": "Zweryfikuję później",
+            "waiting_for_user_accept": "Oczekiwanie na akceptację przez %(displayName)s…",
+            "waiting_other_device": "Oczekiwanie na zweryfikowanie przez ciebie twojego innego urządzenia…",
+            "waiting_other_device_details": "Oczekiwanie na zweryfikowanie przez ciebie twojego innego urządzenia, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Oczekiwanie na weryfikację przez %(displayName)s…"
+        },
+        "verification_requested_toast_title": "Zażądano weryfikacji",
+        "verified_identity_changed": "Cyfrowa tożsamość %(displayName)s (<b>%(userId)s</b>) została zresetowana. <a>Dowiedz się więcej</a>",
+        "verified_identity_changed_no_displayname": "Cyfrowa tożsamość <b>%(userId)s</b> została zresetowana. <a>Dowiedz się więcej</a>",
+        "verify_toast_description": "Z końcem października 2026r. urządzenia niezweryfikowane utracą możliwość wysyłania oraz odbierania wiadomości. <a>Dowiedz się więcej</a>",
+        "verify_toast_title": "Zweryfikuj to urządzenie",
+        "withdraw_verification_action": "Wycofaj weryfikację"
+    },
+    "error": {
+        "admin_contact": "Proszę, <a>skontaktuj się z administratorem</a> aby korzystać dalej z funkcji.",
+        "admin_contact_short": "Skontaktuj się ze swoim <a>administratorem serwera</a>.",
+        "app_launch_unexpected_error": "Niespodziewany błąd podczas przygotowywania aplikacji. Otwórz konsolę po szczegóły.",
+        "cannot_load_config": "Nie udało się załadować pliku konfiguracyjnego: odśwież stronę, aby spróbować ponownie.",
+        "connection": "Wystąpił problem podczas łączenia się z serwerem domowym, spróbuj ponownie później.",
+        "dialog_description_default": "Wystąpił błąd.",
+        "download_media": "Nie udało się pobrać media źródłowego, nie znaleziono źródłowego adresu URL",
+        "edit_history_unsupported": "Wygląda na to, że Twój serwer domowy nie wspiera tej funkcji.",
+        "failed_copy": "Kopiowanie nieudane",
+        "hs_blocked": "Ten serwer domowy został zablokowany przez jego administratora.",
+        "invalid_configuration_mixed_server": "Nieprawidłowa konfiguracja: nie można określić default_hs_url wraz z default_server_name lub default_server_config",
+        "invalid_configuration_no_server": "Błędna konfiguracja: nie wybrano domyślnego serwera.",
+        "invalid_json": "Twoja konfiguracja Element zawiera nieprawidłowy JSON. Rozwiąż problem i odśwież stronę.",
+        "invalid_json_detail": "Wiadomość od parsera to: %(message)s",
+        "invalid_json_generic": "Błędny JSON",
+        "mau": "Ten serwer osiągnął miesięczny limit aktywnego użytkownika.",
+        "misconfigured": "Twój Element jest nieprawidłowo skonfigurowany",
+        "mixed_content": "Nie można nawiązać połączenia z serwerem przy użyciu HTTP podczas korzystania z HTTPS dla bieżącej strony. Użyj HTTPS lub <a>włącz niebezpieczne skrypty</a>.",
+        "non_urgent_echo_failure_toast": "Twój serwer nie odpowiada na niektóre <a>zapytania</a>.",
+        "resource_limits": "Ten serwer przekroczył jeden z limitów.",
+        "session_restore": {
+            "clear_storage_button": "Usuń to urządzenie",
+            "clear_storage_description": "Usunąć to urządzenie wraz z jego kluczami szyfrowania?",
+            "description_1": "Napotkaliśmy błąd podczas próby przywrócenia Twojej sesji.",
+            "description_2": "Jeśli wcześniej używałeś/aś nowszej wersji %(brand)s, Twoja sesja może być niekompatybilna z tą wersją. Zamknij to okno i powróć do nowszej wersji.",
+            "description_3": "Wyczyszczenie danych przeglądarki może rozwiązać problem, ale usunie to urządzenie i sprawi, że cała zaszyfrowana historia czatów stanie się nieczytelna.",
+            "title": "Przywrócenie sesji jest niemożliwe"
+        },
+        "something_went_wrong": "Coś poszło nie tak!",
+        "storage_evicted_description_1": "Nie udało się znaleźć kluczy szyfrujących wiadomości i niektórych danych sesji. Usuń to urządzenie i zaloguj się ponownie, aby przywrócić klucze z kopii zapasowej i naprawić ten problem.",
+        "storage_evicted_description_2": "Twoja przeglądarka prawdopodobnie usunęła te dane, kiedy brakowało jej miejsca.",
+        "storage_evicted_title": "Brakujące dane sesji",
+        "sync": "Nie można połączyć się z serwerem domowym. Ponawianie…",
+        "tls": "Nie można nawiązać połączenia z serwerem - proszę sprawdź twoje połączenie, upewnij się, że <a>certyfikat SSL serwera</a> jest zaufany, i że dodatki przeglądarki nie blokują żądania.",
+        "unknown": "Nieznany błąd",
+        "unknown_error_code": "nieznany kod błędu",
+        "update_history_visibility": "Nie udało się zmienić widoczności historii",
+        "update_power_level": "Nie udało się zmienić poziomu mocy"
+    },
+    "error_app_open_in_another_tab": "Zmień kartę aby połączyć się do %(brand)s. Ta karta może zostać zamknięta.",
+    "error_app_open_in_another_tab_title": "%(brand)s jest włączony na innej karcie",
+    "error_app_opened_in_another_window": "%(brand)s jest już otwarty w innym oknie. Kliknij \"%(label)s\", aby otworzyć tutaj %(brand)s i odłączyć drugie okno.",
+    "error_database_closed_description": {
+        "for_desktop": "Twój dysk może być pełny. Zwolnij trochę miejsca i wczytaj ponownie.",
+        "for_web": "Jeśli niedawno czyściłeś dane przeglądania, można się spodziewać tej wiadomości. %(brand)s może być otwarty na innej karcie lub Twój dysk jest pełny. Zwolnij trochę miejsca i spróbuj ponownie"
+    },
+    "error_database_closed_title": "%(brand)s przestał działać",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Nie można skopiować linku pokoju do schowka.",
+            "title": "Nie można skopiować linku do pokoju"
+        },
+        "error_loading_user_profile": "Nie udało się załadować profilu",
+        "forget_room_failed": "Nie mogłem zapomnieć o pokoju %(errCode)s"
+    },
+    "error_user_not_logged_in": "Użytkownik nie jest zalogowany",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Połączenie w trakcie",
+            "user": "%(senderName)s dołączył do połączenia",
+            "you": "Dołączyłeś do połączenia"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s zakończył połączenie",
+            "you": "Zakończyłeś połączenie"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s dzwoni",
+            "dm_send": "Oczekiwanie na odpowiedź",
+            "user": "%(senderName)s rozpoczął połączenie",
+            "you": "Rozpocząłeś połączenie"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s dodał reakcję %(reaction)s do %(message)s",
+            "you": "Dodano reakcję %(reaction)s do %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Audio",
+            "file": "Plik",
+            "image": "Obraz",
+            "poll": "Ankieta",
+            "video": "Wideo"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Eksport został anulowany",
+        "cancelled_detail": "Eksport został anulowany pomyślnie",
+        "confirm_stop": "Czy na pewno chcesz przerwać eksportowanie danych? Jeśli tak, trzeba będzie zacząć od nowa.",
+        "creating_html": "Tworzenie HTML…",
+        "creating_output": "Tworzenie danych wyjściowych…",
+        "creator_summary": "%(creatorName)s stworzył ten pokój.",
+        "current_timeline": "Obecna linia czasu",
+        "enter_number_between_min_max": "Wprowadź liczbę pomiędzy %(min)s i %(max)s",
+        "error_fetching_file": "Wystąpił błąd przy pobieraniu pliku",
+        "export_info": "To rozpocznie eksport <roomName/>. Wyeksportowano przez <exporterDetails/> o %(exportDate)s.",
+        "export_successful": "Eksport zakończony pomyślnie!",
+        "exported_n_events_in_time": {
+            "one": "Wyeksportowano %(count)s wydarzenie w %(seconds)s sekund",
+            "few": "Wyeksportowano %(count)s wydarzenia w %(seconds)s sekund",
+            "many": "Wyeksportowano %(count)s wydarzeń w %(seconds)s sekund"
+        },
+        "exporting_your_data": "Eksportowanie Twoich danych",
+        "fetched_n_events": {
+            "one": "Pobrano %(count)s wydarzenie do tej pory",
+            "few": "Pobrano %(count)s wydarzenia do tej pory",
+            "many": "Pobrano %(count)s wydarzeń do tej pory"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Pobrano %(count)s wydarzenie w %(seconds)ss",
+            "few": "Pobrano %(count)s wydarzenia w %(seconds)ss",
+            "many": "Pobrano %(count)s wydarzeń w %(seconds)ss"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Pobrano %(count)s wydarzenie z %(total)s",
+            "few": "Pobrano %(count)s wydarzenia z %(total)s",
+            "many": "Pobrano %(count)s wydarzeń z %(total)s"
+        },
+        "fetching_events": "Pobieranie wydarzeń…",
+        "file_attached": "Plik załączony",
+        "format": "Format",
+        "from_the_beginning": "Od początku",
+        "generating_zip": "Generowanie pliku ZIP",
+        "html": "HTML",
+        "html_title": "Eksportowane dane",
+        "include_attachments": "Dodaj załączniki",
+        "json": "JSON",
+        "media_omitted": "Media pominięte",
+        "media_omitted_file_size": "Media pominięte - przekroczono limit wielkości pliku",
+        "messages": "Wiadomości",
+        "next_page": "Następna grupa wiadomości",
+        "num_messages": "Liczba wiadomości",
+        "num_messages_min_max": "Liczba wiadomości może być tylko liczbą pomiędzy %(min)s i %(max)s",
+        "number_of_messages": "Podaj ilość wiadomości",
+        "previous_page": "Poprzednia grupa wiadomości",
+        "processing": "Procesowanie…",
+        "processing_event_n": "Przetwarzanie wydarzenia %(number)s z %(total)s",
+        "select_option": "Wybierz jedną z opcji poniżej, aby eksportować czaty z osi czasu",
+        "size_limit": "Limit rozmiaru",
+        "size_limit_min_max": "Rozmiar może być tylko liczbą pomiędzy %(min)s MB i %(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Rozpoczynam eksportowanie…",
+        "successful": "Eksport zakończony pomyślnie",
+        "successful_detail": "Twój eksport został zakończony pomyślnie. Sprawdź swój folder Pobrane.",
+        "text": "Tekst",
+        "title": "Eksportuj czat",
+        "topic": "Temat: %(topic)s",
+        "unload_confirm": "Czy na pewno chcesz wyjść podczas tego eksportu?"
+    },
+    "failed_load_async_component": "Nie udało się załadować zawartości! Sprawdź połączenie sieciowe i spróbuj ponownie.",
+    "feedback": {
+        "can_contact_label": "Wyrażam zgodę na kontakt ze mną, jeśli są jakiekolwiek pytania",
+        "comment_label": "Komentarz",
+        "existing_issue_link": "Najpierw zobacz <existingIssuesLink>istniejące zgłoszenia na GitHubie</existingIssuesLink>. Nic nie znalazłeś? <newIssueLink>Utwórz nowe</newIssueLink>.",
+        "may_contact_label": "Wyrażam zgodę na kontakt ze mną, jeśli pojawią się nowe informacje lub trzeba wypróbować nowe pomysły",
+        "platform_username": "Twoja platforma i nazwa użytkownika zostaną zapisane, aby pomóc nam ulepszyć nasze produkty.",
+        "pro_type": "PRO TIP: Jeżeli zgłaszasz błąd, wyślij <debugLogsLink>dzienniki debugowania</debugLogsLink>, aby pomóc nam znaleźć problem.",
+        "send_feedback_action": "Wyślij opinię użytkownika",
+        "sent": "Wysłano opinię użytkownka"
+    },
+    "file_panel": {
+        "empty_description": "Załącz pliki w rozmowie lub upuść je w dowolnym miejscu rozmowy.",
+        "empty_heading": "Brak plików widocznych w tym pokoju",
+        "guest_note": "Musisz się <a>zarejestrować</a> aby móc używać tej funkcji",
+        "peek_note": "Należy dołączyć do pokoju by zobaczyć jego pliki"
+    },
+    "forward": {
+        "filter_placeholder": "Szukaj pokoi lub osób",
+        "message_preview_heading": "Podgląd wiadomości",
+        "no_perms_title": "Nie masz uprawnień aby to zrobić",
+        "open_room": "Otwórz pokój",
+        "send_label": "Wyślij",
+        "sending": "Wysyłanie",
+        "sent": "Wysłano"
+    },
+    "identity_server": {
+        "change": "Zmień serwer tożsamości",
+        "change_prompt": "Rozłączyć się z bieżącym serwerem tożsamości <current /> i połączyć się z <new />?",
+        "change_server_prompt": "Jeżeli nie chcesz używać <server /> do odnajdywania i bycia odnajdywanym przez osoby, które znasz, wpisz inny serwer tożsamości poniżej.",
+        "changed": "Twój serwer tożsamości został zmieniony",
+        "checking": "Sprawdzanie serwera",
+        "description_connected": "Używasz <server></server>, aby odnajdywać i móc być odnajdywanym przez istniejące kontakty, które znasz. Możesz zmienić serwer tożsamości poniżej.",
+        "description_disconnected": "Nie używasz serwera tożsamości. Aby odkrywać i być odkrywanym przez istniejące kontakty które znasz, dodaj jeden poniżej.",
+        "description_optional": "Używanie serwera tożsamości jest opcjonalne. Jeżeli postanowisz nie używać serwera tożsamości, pozostali użytkownicy nie będą w stanie Cię odnaleźć ani nie będziesz mógł zaprosić innych po adresie e-mail czy numerze telefonu.",
+        "disconnect": "Rozłącz serwer tożsamości",
+        "disconnect_anyway": "Odłącz mimo to",
+        "disconnect_offline_warning": "Powinieneś <b>usunąć swoje prywatne dane</b> z serwera tożsamości <idserver /> przed rozłączeniem. Niestety, serwer tożsamości <idserver /> jest aktualnie offline lub nie można się z nim połączyć.",
+        "disconnect_personal_data_warning_1": "W dalszym ciągu <b>udostępniasz swoje dane osobowe</b> na serwerze tożsamości <idserver />.",
+        "disconnect_personal_data_warning_2": "Zalecamy, by usunąć swój adres e-mail i numer telefonu z serwera tożsamości przed odłączeniem.",
+        "disconnect_server": "Odłączyć od serwera tożsamości <idserver />?",
+        "disconnect_warning": "Odłączenie się od serwera tożsamości oznacza, że inni nie będą mogli Cię odnaleźć ani Ty nie będziesz w stanie zaprosić nikogo za pomocą e-maila czy telefonu.",
+        "do_not_use": "Nie używaj serwera tożsamości",
+        "error_connection": "Nie można połączyć z serwerem tożsamości",
+        "error_invalid": "Nieprawidłowy serwer tożsamości (kod statusu %(code)s)",
+        "error_invalid_or_terms": "Warunki użytkowania nieakceptowane lub serwer tożsamości jest nieprawidłowy.",
+        "no_terms": "Serwer tożsamości który został wybrany nie posiada warunków użytkowania.",
+        "suggestions": "Należy:",
+        "suggestions_1": "sprawdzić rozszerzenia przeglądarki, które mogą blokować serwer tożsamości (takie jak Privacy Badger)",
+        "suggestions_2": "skontaktować się z administratorami serwera tożsamości <idserver />",
+        "suggestions_3": "zaczekaj i spróbuj ponownie później",
+        "url": "Serwer tożsamości (%(server)s)",
+        "url_field_label": "Wprowadź nowy serwer tożsamości",
+        "url_not_https": "URL serwera tożsamości musi być HTTPS"
+    },
+    "in_space": "W przestrzeni %(spaceName)s.",
+    "in_space1_and_space2": "W przestrzeniach %(space1Name)s i %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "W %(spaceName)s i jednej innej przestrzeni.",
+        "few": "W %(spaceName)s i %(count)s innych przestrzeniach.",
+        "many": "W %(spaceName)s i %(count)s innych przestrzeniach."
+    },
+    "incompatible_browser": {
+        "continue": "Kontynuuj mimo to",
+        "description": "%(brand)s korzysta z niektórych funkcji, które nie są obecnie dostępne w Twojej przeglądarce. %(detail)s",
+        "detail_can_continue": "Jeśli kontynuujesz, niektóre funkcje mogą przestać działać, jak i istnieje ryzyko utraty danych w przyszłości.",
+        "detail_no_continue": "Zaktualizuj przeglądarkę, jeśli jeszcze tego nie zrobiłeś i spróbuj ponownie.",
+        "learn_more": "Dowiedz się więcej",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "Dla najlepszego doświadczenia korzystaj z <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge> lub <Safari>Safari</Safari>.",
+        "title": "%(brand)s nie wspiera tej przeglądarki",
+        "use_desktop_heading": "Zamiast tego użyj %(brand)s Desktop",
+        "use_mobile_heading": "Zamiast tego użyj %(brand)s Mobile",
+        "use_mobile_heading_after_desktop": "lub skorzystaj z naszej aplikacji mobilnej",
+        "windows_64bit": "Windows (64-bit)",
+        "windows_arm_64bit": "Windows (ARM 64-bit)"
+    },
+    "info_tooltip_title": "Informacje",
+    "integration_manager": {
+        "connecting": "Łączenie z menedżerem integracji…",
+        "error_connecting": "Menedżer integracji jest offline, lub nie może połączyć się z Twoim homeserverem.",
+        "error_connecting_heading": "Nie udało się połączyć z menedżerem integracji",
+        "explainer": "Menedżerowie integracji otrzymują dane konfiguracyjne, przez co mogą modyfikować widżety, wysyłać zaproszenia i ustawiać uprawnienia w Twoim imieniu.",
+        "manage_title": "Zarządzaj integracjami",
+        "toggle_label": "Włącz menedżera integracji",
+        "use_im": "Użyj menedżera integracji, aby zarządzać botami, widżetami i pakietami naklejek.",
+        "use_im_default": "Użyj menedżera integracji <b>%(serverName)s</b>, aby zarządzać botami, widżetami i pakietami naklejek."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Włącz '%(manageIntegrations)s' w ustawieniach, aby to zrobić.",
+        "disabled_dialog_title": "Integracje są wyłączone",
+        "impossible_dialog_description": "%(brand)s nie zezwala Tobie na użycie menedżera integracji, aby to zrobić. Skontaktuj się z administratorem.",
+        "impossible_dialog_title": "Integracje nie są dozwolone"
+    },
+    "invite": {
+        "confirm_unknown_users": {
+            "invite_subtitle": "Obecnie nie prowadzisz żadnych czatów z tymi kontaktami. Potwierdź zaproszenie, zanim przejdziesz dalej.",
+            "invite_title": "Zaprosić nowe kontakty do tego pokoju?",
+            "start_chat_subtitle_multiple_users": "Obecnie nie masz żadnych czatów z tymi osobami. Potwierdź ich zaproszenie, zanim przejdziesz dalej.",
+            "start_chat_subtitle_one_user": "Obecnie nie masz żadnych czatów z tą osobą. Potwierdź jego zaproszenie, zanim przejdziesz dalej.",
+            "start_chat_title_multiple_users": "Rozpocząć czat z nowymi kontaktami?",
+            "start_chat_title_one_user": "Rozpocząć czat z nowym kontaktem?"
+        },
+        "email_caption": "Zaproś przez e-mail",
+        "email_limit_one": "Zaproszenie e-mail może zostać wysłane tylko jedno na raz",
+        "email_use_default_is": "Użyj serwera identyfikacji, aby zaprosić przez e-mail. <default>Użyj domyślnego (%(defaultIdentityServerName)s)</default> lub zarządzaj w <settings>Ustawieniach</settings>.",
+        "email_use_is": "Użyj serwera tożsamości, aby zapraszać przez e-mail. Zarządzaj w <settings>Ustawieniach</settings>.",
+        "error_already_invited_room": "Użytkownik jest już zaproszony do tego pokoju",
+        "error_already_invited_space": "Użytkownik jest już zaproszony do tej przestrzeni",
+        "error_already_joined_room": "Użytkownik jest już w pokoju",
+        "error_already_joined_space": "Użytkownik jest już w przestrzeni",
+        "error_bad_state": "Użytkownik musi być odbanowany, zanim będzie mógł być zaproszony.",
+        "error_dm": "Nie mogliśmy utworzyć Twojej wiadomości prywatnej.",
+        "error_find_room": "Coś poszło nie tak podczas zapraszania użytkowników.",
+        "error_find_user_description": "Ci użytkownicy mogą nie istnieć lub są nieprawidłowi, i nie mogą zostać zaproszeni: %(csvNames)s",
+        "error_find_user_title": "Nie udało się znaleźć tych użytkowników",
+        "error_invite": "Nie udało się zaprosić tych użytkowników. Proszę sprawdzić zaproszonych użytkowników i spróbować ponownie.",
+        "error_permissions_room": "Nie masz uprawnień do zapraszania osób do tego pokoju.",
+        "error_permissions_space": "Nie masz uprawnień do zapraszania osób do tej przestrzeni.",
+        "error_profile_undisclosed": "Użytkownik może istnieć lub nie",
+        "error_transfer_multiple_target": "Połączenie może zostać przekazane tylko do pojedynczego użytkownika.",
+        "error_unfederated_room": "Ten pokój jest niezrzeszony. Nie możesz zapraszać osób z serwerów zewnętrznych.",
+        "error_unfederated_space": "Ta przestrzeń jest niezrzeszona. Nie możesz zapraszać osób z serwerów zewnętrznych.",
+        "error_unknown": "Nieznany błąd serwera",
+        "error_user_not_found": "Użytkownik nie istnieje",
+        "error_version_unsupported_room": "Serwer domowy użytkownika nie wspiera tej wersji pokoju.",
+        "error_version_unsupported_space": "Serwer domowy użytkownika nie wspiera tej wersji przestrzeni.",
+        "failed_generic": "Operacja nie udała się",
+        "failed_title": "Wysłanie zaproszenia nie powiodło się",
+        "invalid_address": "Nierozpoznany adres",
+        "name_email_mxid_share_room": "Zaproś kogoś za pomocą jego imienia, adresu e-mail, nazwy użytkownika (takiej jak <userId/>) lub <a>udostępnij ten pokój</a>.",
+        "name_email_mxid_share_space": "Zaproś kogoś za pomocą jego imienia, adresu e-mail, nazwy użytkownika (takiej jak <userId/>) lub <a>udostępnij tą przestrzeń</a>.",
+        "name_mxid_share_room": "Zaproś kogoś za pomocą jego imienia, nazwy użytkownika (takiej jak <userId/>) lub <a>udostępnij ten pokój</a>.",
+        "name_mxid_share_space": "Zaproś kogoś za pomocą jego imienia, nazwy użytkownika (takiej jak <userId/>) lub <a>udostępnij tą przestrzeń</a>.",
+        "progress": {
+            "dont_close": "Nie zamykaj aplikacji przed zakończeniem.",
+            "preparing": "Przygotowywanie zaproszeń..."
+        },
+        "recents_section": "Najnowsze rozmowy",
+        "room_failed_partial": "Wysłaliśmy pozostałym, ale osoby poniżej nie mogły zostać zaproszone do <RoomName/>",
+        "room_failed_partial_title": "Niektóre zaproszenia nie mogły zostać wysłane",
+        "room_failed_title": "Nie udało się zaprosić użytkowników do %(roomName)s",
+        "send_link_prompt": "Lub wyślij link z zaproszeniem",
+        "start_conversation_name_email_mxid_prompt": "Rozpocznij konwersację z innymi korzystając z ich nazwy, adresu e-mail lub nazwy użytkownika (np. <userId/>).",
+        "start_conversation_name_mxid_prompt": "Rozpocznij konwersację z innymi korzystając z ich nazwy lub nazwy użytkownika (np. <userId/>).",
+        "suggestions_disclaimer": "Niektóre propozycje mogą być ukryte z uwagi na prywatność.",
+        "suggestions_disclaimer_prompt": "Jeżeli nie możesz zobaczyć osób, których szukasz, wyślij im poniższy link z zaproszeniem.",
+        "suggestions_section": "Ostatnie wiadomości prywatne",
+        "to_room": "Zaproś do %(roomName)s",
+        "to_space": "Zaproś do %(spaceName)s",
+        "transfer_dial_pad_tab": "Klawiatura numeryczna",
+        "transfer_user_directory_tab": "Katalog użytkownika",
+        "unable_find_profiles_description_default": "Nie znaleziono profilów dla identyfikatorów Matrix wymienionych poniżej - czy chcesz rozpocząć wiadomość prywatną mimo to?",
+        "unable_find_profiles_invite_label_default": "Zaproś mimo to",
+        "unable_find_profiles_invite_never_warn_label_default": "Zaproś mimo to i nie ostrzegaj ponownie",
+        "unable_find_profiles_title": "Wymienieni użytkownicy mogą nie istnieć",
+        "unban_first_title": "Nie można zaprosić użytkownika, dopóki nie zostanie odbanowany"
+    },
+    "inviting_user1_and_user2": "Zapraszanie %(user1)s i %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Zapraszanie %(user)s i jedną inną osobę",
+        "few": "Zapraszanie %(user)s i %(count)s inne",
+        "many": "Zapraszanie %(user)s i %(count)s innych"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> i jeszcze jedna osoba",
+        "few": "<Items/> i %(count)s inne",
+        "many": "<Items/> i %(count)s innych"
+    },
+    "keyboard": {
+        "activate_button": "Aktywuj wybrany przycisk",
+        "alt": "Alt",
+        "autocomplete_cancel": "Anuluj autouzupełnienie",
+        "autocomplete_force": "Wymuś zakończenie",
+        "autocomplete_navigate_next": "Następna sugestia autouzupełniania",
+        "autocomplete_navigate_prev": "Poprzednia sugestia autouzupełniania",
+        "backspace": "Backspace",
+        "cancel_reply": "Anuluj odpowiadanie na wiadomość",
+        "category_autocomplete": "Autouzupełnienie",
+        "category_calls": "Połączenia",
+        "category_navigation": "Nawigacja",
+        "category_room_list": "Lista pokojów",
+        "close_dialog_menu": "Zamknij dialog lub menu kontekstowe",
+        "composer_jump_end": "Przejdź do końca okna edycji",
+        "composer_jump_start": "Przejdź do początku okna edycji",
+        "composer_navigate_next_history": "Przejdź do następnej wiadomości w historii kompozytora",
+        "composer_navigate_prev_history": "Przejdź do poprzedniej wiadomości w historii kompozytora",
+        "composer_new_line": "Nowa linia",
+        "composer_redo": "Ponów edycję",
+        "composer_toggle_bold": "Przełącz pogrubienie",
+        "composer_toggle_code_block": "Przełącz blok kodu",
+        "composer_toggle_italics": "Przełącz kursywę",
+        "composer_toggle_link": "Przełącz link",
+        "composer_toggle_quote": "Przełącz cytowanie",
+        "composer_undo": "Cofnij edycję",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Zignoruj znacznik odczytu i przejdź na dół",
+        "end": "End",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Przejdź do widoku Strony głównej",
+        "home": "Główna",
+        "jump_first_message": "Przeskocz do pierwszej wiadomości",
+        "jump_last_message": "Przejdź do ostatniej wiadomości",
+        "jump_room_search": "Przejdź do szukania pokoju",
+        "jump_to_read_marker": "Przejdź do najstarszej nieprzeczytanej wiadomości",
+        "keyboard_shortcuts_tab": "Otwórz zakładkę ustawień",
+        "navigate_next_history": "Następny ostatnio odwiedzony pokój lub przestrzeń",
+        "navigate_next_message_edit": "Przejdź do następnej wiadomości do edycji",
+        "navigate_prev_history": "Poprzedni ostatnio odwiedzony pokój lub przestrzeń",
+        "navigate_prev_message_edit": "Przejdź do poprzedniej wiadomości, aby ją edytować",
+        "next_landmark": "Przejdź do następnego punktu",
+        "next_room": "Następny pokój lub wiadomość prywatna",
+        "next_unread_room": "Następny nieodczytany pokój lub wiadomość prywatna",
+        "number": "[liczba]",
+        "open_user_settings": "Otwórz ustawienia użytkownika",
+        "page_down": "Page Down",
+        "page_up": "Page Up",
+        "prev_landmark": "Przejdź do poprzedniego punktu",
+        "prev_room": "Poprzedni pokój lub wiadomość prywatna",
+        "prev_unread_room": "Poprzedni nieodczytany pokój lub wiadomość prywatna",
+        "room_list_collapse_section": "Zwiń sekcję listy pokojów",
+        "room_list_expand_section": "Rozwiń sekcję listy pokojów",
+        "room_list_navigate_down": "Przejdź w dół listy pokoi",
+        "room_list_navigate_up": "Przejdź w górę listy pokoi",
+        "room_list_select_room": "Wybierz pokój z listy pokojów",
+        "save": "Zapisz",
+        "scroll_down_timeline": "Przewiń w dół na osi czasu",
+        "scroll_up_timeline": "Przewiń w górę na osi czasu",
+        "search": "Wyszukiwanie (musi być włączone)",
+        "send_sticker": "Wyślij naklejkę",
+        "shift": "Shift",
+        "space": "Przestrzeń",
+        "switch_to_space": "Przełącz przestrzeń za pomocą liczby",
+        "toggle_hidden_events": "Przełącz widoczność ukrytego wydarzenia",
+        "toggle_microphone_mute": "Wycisz mikrofon",
+        "toggle_right_panel": "Przełącz prawy panel",
+        "toggle_space_panel": "Przełącz panel przestrzeni",
+        "toggle_top_left_menu": "Przełącz lewe górne menu",
+        "toggle_webcam_mute": "Włącz lub wyłącz kamerę",
+        "upload_file": "Wyślij plik"
+    },
+    "labs": {
+        "ask_to_join": "Włącz prośby o dołączenie",
+        "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.",
+        "beta_feedback_title": "%(featureName)s opinia Beta",
+        "beta_section": "Nadchodzące zmiany",
+        "bridge_state": "Pokazuj informacje o mostkach w ustawieniach pokoju",
+        "bridge_state_channel": "Kanał: <channelLink/>",
+        "bridge_state_creator": "Ten mostek został skonfigurowany przez <user />.",
+        "bridge_state_manager": "Ten mostek jest zarządzany przez <user />.",
+        "bridge_state_workspace": "Obszar roboczy: <networkLink/>",
+        "click_for_info": "Kliknij po więcej informacji",
+        "config_only": "Może zostać włączony tylko poprzez config.json.",
+        "currently_experimental": "Aktualnie eksperymentalne.",
+        "custom_themes": "Obsługa dodawania niestandardowych motywów",
+        "dynamic_room_predecessors": "Dynamiczne poprzedniki pokoju",
+        "dynamic_room_predecessors_description": "Włącz MSC3946 (dla opóźnionych archiwów pokoju)",
+        "element_call_video_rooms": "Pokoje rozmów wideo Element Call",
+        "encrypted_state_events": "Szyfrowane zdarzenia stanowe (MSC4362)",
+        "encrypted_state_events_description": "Włącza eksperymentalne wsparcie dla szyfrowania zdarzeń stanowych, które ukrywa przed serwerem metadane, takie jak nazwy pokoi i tematy. Te metadane będą również ukryte przed osobami dołączającymi do pokoi później oraz osobami, których klient nie obsługuje standardu MSC4362.",
+        "exclude_insecure_devices": "Wyklucz niezabezpieczone urządzenia wysyłając/odbierając wiadomości",
+        "exclude_insecure_devices_description": "Gdy ten tryb jest włączony, wiadomości szyfrowane nie zostaną udostępnione niezweryfikowanym urządzeniom, a wiadomości odbierane od tych urządzeń wyświetlą błąd. Należy pamiętać, że jeśli włączysz ten tryb, możesz nie być w stanie komunikować się z użytkownikami, którzy nie zweryfikowali swoich urządzeń.",
+        "experimental_description": "Chcesz poeksperymentować? Wypróbuj nasze najnowsze pomysły w trakcie rozwoju. Przedstawione funkcje nie zostały w pełni ukończone; mogą być niestabilne; mogą się zmienić lub zostać kompletnie porzucone. <a>Dowiedz się więcej</a>.",
+        "experimental_section": "Wczesny podgląd",
+        "extended_profiles_msc_support": "Wymaga, aby Twój serwer obsługiwał MSC4133",
+        "feature_disable_call_per_sender_encryption": "Wyłącz szyfrowanie nadawcy dla Element Call",
+        "feature_retention": {
+            "description": "Automatycznie usuwaj wiadomości po upływie ustawionego czasu wygaśnięcia. Obecnie obsługiwane są tylko ustawienia czytania.",
+            "disabled_sliding_sync": "Nie można ustawić czasu wygaśnięcia wiadomości, gdy opcja Sliding Sync jest włączona.",
+            "display_name": "Limit czasu wiadomości"
+        },
+        "feature_user_status": {
+            "description": "Pozwala wyświetlić i ustawić aktualny status.",
+            "display_name": "Status użytkownika",
+            "required_msc_support": "Wymaga MSC4429 (aktualizacje profilu dla starszej wersji synchronizacji)"
+        },
+        "feature_wysiwyg_composer_description": "Użyj bogatego edytora tekstu zamiast edytora Markdown podczas tworzenia wiadomości.",
+        "group_developer": "Deweloper",
+        "group_encryption": "Szyfrowanie",
+        "group_experimental": "Eksperymentalne",
+        "group_messaging": "Wiadomości",
+        "group_moderation": "Moderacja",
+        "group_profile": "Profil",
+        "group_rooms": "Pokoje",
+        "group_spaces": "Przestrzenie",
+        "group_themes": "Motywy",
+        "group_threads": "Wątki",
+        "group_ui": "Interfejs użytkownika",
+        "group_voip": "Głos i wideo",
+        "group_widgets": "Widżety",
+        "hidebold": "Ukryj kropkę powiadomienia (wyświetlaj tylko licznik plakietek)",
+        "join_beta": "Dołącz do bety",
+        "join_beta_reload": "Dołączenie do bety, wczyta ponownie %(brand)s.",
+        "jump_to_date": "Przeskocz do daty (dodaje /jumptodate oraz nagłówki przeskakiwania do dat)",
+        "jump_to_date_msc_support": "Wymaga od Twojego serwera wsparcia MSC3030",
+        "latex_maths": "Renderuj działania LaTeX w wiadomościach",
+        "leave_beta": "Opuść betę",
+        "leave_beta_reload": "Opuszczenie bety, wczyta ponownie %(brand)s.",
+        "location_share_live": "Udostępnianie lokalizacji na żywo",
+        "location_share_live_description": "Implementacja tymczasowa. Lokalizacje są zapisywane w historii pokoju.",
+        "login_with_qr": "Zaloguj się kodem QR",
+        "mjolnir": "Nowe sposoby na ignorowanie osób",
+        "msc3531_hide_messages_pending_moderation": "Daj moderatorom ukrycie wiadomości które są sprawdzane.",
+        "notification_settings": "Ustawienia nowych powiadomień",
+        "notification_settings_beta_caption": "Przedstawiamy prostszy sposób zmiany ustawień powiadomień. Dostosuj %(brand)s wedle swojego upodobania.",
+        "notification_settings_beta_title": "Ustawienia powiadomień",
+        "notifications": "Włącz panel powiadomień w nagłówku pokoju.",
+        "render_reaction_images": "Renderuj niestandardowe obrazy w reakcjach",
+        "render_reaction_images_description": "Czasami określane jako \"emoji niestandardowe\".",
+        "sliding_sync": "Tryb Sliding sync",
+        "sliding_sync_description": "W trakcie aktywnego rozwoju, nie można wyłączyć.",
+        "sliding_sync_disabled_notice": "Zaloguj się ponownie, aby wyłączyć",
+        "sliding_sync_server_no_support": "Twój serwer nie ma wsparcia",
+        "unrealiable_e2e": "Problematyczny w pokojach szyfrowanych",
+        "url_preview_bundle": "Pakiet podglądu adresów URL (MSC4095)",
+        "url_preview_bundle_description": "Wysyłaj podglądy adresów URL wraz z treścią w wiadomościach",
+        "video_rooms": "Pokoje wideo",
+        "video_rooms_a_new_way_to_chat": "Nowy sposób prowadzenia rozmów audio-wideo w %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Pokoje wideo są stale dostępnymi kanałami VoIP osadzonymi w pokoju w %(brand)s.",
+        "video_rooms_beta": "Pokoje wideo są funkcją Beta",
+        "video_rooms_faq1_answer": "Użyj przycisku \"+\" w sekcji pokoju lewego panelu.",
+        "video_rooms_faq1_question": "Jak mogę stworzyć kanał wideo?",
+        "video_rooms_faq2_answer": "Tak, oś czasu czatu jest wyświetlana wraz z wideo.",
+        "video_rooms_faq2_question": "Czy mogę używać kanału tekstowego jednocześnie rozmawiając na kanale wideo?",
+        "video_rooms_feedbackSubheading": "Dziękujemy za wypróbowanie wersji beta, opisz wnikliwie swoje doświadczenia i pomóż nam ulepszyć nasz produkt.",
+        "wysiwyg_composer": "Bogaty edytor tekstu"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Te ustawienia są przeznaczone dla zaawansowanych użytkowników.",
+        "ban_reason": "Ignorowani/Zablokowani",
+        "error_adding_ignore": "Wystąpił błąd podczas ignorowania użytkownika/serwera",
+        "error_adding_list_description": "Zweryfikuj ID pokoju lub adres i spróbuj ponownie.",
+        "error_adding_list_title": "Błąd subskrybowania listy",
+        "error_removing_ignore": "Wystąpił błąd podczas ignorowania użytkownika/serwera",
+        "error_removing_list_description": "Spróbuj ponownie lub sprawdź konsolę przeglądarki dla wskazówek.",
+        "error_removing_list_title": "Wystąpił błąd podczas odsubskrybowania z listy",
+        "explainer_1": "Dodaj użytkowników i serwery tutaj które chcesz ignorować. Użyj znaku gwiazdki (*) żeby %(brand)s zgadzał się z każdym znakiem. Na przykład, <code>@bot:*</code> może ignorować wszystkich użytkowników którzy mają nazwę 'bot' na każdym serwerze.",
+        "explainer_2": "Ignorowanie ludzi odbywa się poprzez listy banów, które zawierają zasady dotyczące tego, kogo można zbanować. Subskrypcja do listy banów oznacza, że użytkownicy/serwery zablokowane przez tę listę będą ukryte.",
+        "lists": "Aktualnie subskrybujesz:",
+        "lists_description_1": "Subskrybowanie do listy banów spowoduje, że do niej dołączysz!",
+        "lists_description_2": "Jeśli to nie jest to czego chciałeś, użyj innego narzędzia do ignorowania użytkowników.",
+        "lists_heading": "Listy subskrybowanych",
+        "lists_new_label": "ID pokoju lub adres listy banów",
+        "no_lists": "Aktualnie nie subskrybujesz żadnej listy",
+        "personal_description": "Twoja osobista lista banów zawiera wszystkich użytkowników/serwery, z których nie chcesz otrzymywać wiadomości. Po zignorowaniu swojego pierwszego użytkownika/serwera, nowy pokój pojawi się na Twojej liście pokoi z nazwą '%(myBanList)s' - nie wychodź z niego, aby lista działała.",
+        "personal_empty": "Nie zignorowano nikogo.",
+        "personal_heading": "Osobista lista zablokowanych",
+        "personal_new_label": "ID serwera lub użytkownika do zignorowania",
+        "personal_new_placeholder": "np: @bot:* lub przykład.pl",
+        "personal_section": "Aktualnie ignorujesz:",
+        "room_name": "Moja lista zablokowanych",
+        "room_topic": "To jest Twoja lista zablokowanych użytkowników/serwerów – nie opuszczaj tego pokoju!",
+        "rules_empty": "Brak",
+        "rules_server": "Zasady serwera",
+        "rules_title": "Zbanuj listę zasad - %(roomName)s",
+        "rules_user": "Zasady użytkownika",
+        "something_went_wrong": "Coś poszło nie tak. Spróbuj ponownie lub sprawdź konsolę przeglądarki dla wskazówek.",
+        "title": "Ignorowani użytkownicy",
+        "view_rules": "Zobacz zasady"
+    },
+    "language_dropdown_label": "Rozwiń języki",
+    "leave_room_dialog": {
+        "last_person_warning": "Jesteś jedyną osoba tutaj. Jeśli wyjdziesz, nikt nie będzie w stanie dołączyć w przyszłości, włączając Ciebie.",
+        "leave_room_question": "Czy na pewno chcesz opuścić pokój '%(roomName)s'?",
+        "leave_space_question": "Czy na pewno chcesz opuścić przestrzeń '%(spaceName)s'?",
+        "room_leave_admin_warning": "Jesteś jedynym administratorem w tym pokoju. Jeśli odejdziesz, nikt nie będzie mógł zmienić ustawień pokoju ani podjąć innych ważnych działań.",
+        "room_leave_mod_warning": "Jesteś jedynym moderatorem w tym pokoju. Jeśli odejdziesz, nikt nie będzie mógł zmienić ustawień pokoju ani podjąć innych ważnych działań.",
+        "room_rejoin_warning": "Ten pokój nie jest publiczny. Nie będziesz w stanie do niego dołączyć bez zaproszenia.",
+        "space_rejoin_warning": "Ta przestrzeń nie jest publiczna. Nie będziesz w stanie dołączyć bez zaproszenia."
+    },
+    "lightbox": {
+        "rotate_left": "Obróć w lewo",
+        "rotate_right": "Obróć w prawo",
+        "title": "Widok obrazu"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Ten serwer domowy nie jest skonfigurowany by wyświetlać mapy.",
+        "MapStyleUrlNotReachable": "Ten serwer domowy nie jest skonfigurowany poprawnie, by wyświetlać mapy, lub skonfigurowany serwer map może być nieosiągalny.",
+        "WebGLNotEnabled": "Aby wyświetlić mapy wymagany jest WebGL. Włącz go w ustawieniach swojej przeglądarki.",
+        "click_drop_pin": "Kliknij, aby upuścić przypinkę",
+        "click_move_pin": "Kliknij, aby przenieść przypinkę",
+        "close_sidebar": "Zamknij pasek boczny",
+        "error_fetch_location": "Nie udało się pobrać lokalizacji",
+        "error_no_perms_description": "Musisz mieć odpowiednie uprawnienia, aby udostępniać lokalizację w tym pokoju.",
+        "error_no_perms_title": "Nie masz uprawnień do udostępniania lokalizacji",
+        "error_send_description": "%(brand)s nie mógł wysłać Twojej lokalizacji. Spróbuj ponownie później.",
+        "error_send_title": "Nie mogliśmy wysłać Twojej lokalizacji",
+        "error_sharing_live_location": "Wystąpił błąd podczas udostępniania Twojej lokalizacji na żywo",
+        "error_stopping_live_location": "Wystąpił błąd podczas kończenia lokalizacji na żywo",
+        "expand_map": "Rozwiń mapę",
+        "failed_generic": "Nie udało się pobrać Twojej lokalizacji. Spróbuj ponownie później.",
+        "failed_load_map": "Nie udało się wczytać mapy",
+        "failed_permission": "%(brand)s został odmówiony uprawnień do pobrania Twojej lokalizacji. Zezwól na dostęp do lokalizacji w ustawieniach przeglądarki.",
+        "failed_timeout": "Upłynął czas oczekiwania podczas pobierania lokalizacji. Spróbuj ponownie później.",
+        "failed_unknown": "Wystąpił nieznany błąd podczas pobierania lokalizacji. Spróbuj ponownie później.",
+        "find_my_location": "Znajdź moją lokalizację",
+        "live_description": "Lokalizacja na żywo użytkownika %(displayName)s",
+        "live_enable_description": "Uwaga: to jest eksperymentalna funkcja wykorzystująca tymczasową implementację. Oznacza to, że nie będzie możliwości usunięcia historii lokalizacji, a zaawansowani użytkownicy będą mogli ją zobaczyć nawet, gdy przestaniesz dzielić się lokalizacją na żywo z tym pokojem.",
+        "live_enable_heading": "Udostępnianie lokalizacji na żywo",
+        "live_location_active": "Udostępniasz swoją lokalizację na żywo",
+        "live_location_enabled": "Włączono lokalizację na żywo",
+        "live_location_ended": "Zakończono lokalizację na żywo",
+        "live_location_error": "Wystąpił błąd w lokalizacji na żywo",
+        "live_locations_empty": "Brak lokalizacji na żywo",
+        "live_share_button": "Udostępniaj przez %(duration)s",
+        "live_toggle_label": "Włącz udostępnianie lokalizacji na żywo",
+        "live_until": "Na żywo do %(expiryTime)s",
+        "live_update_time": "Zaktualizowano %(humanizedUpdateTime)s",
+        "loading_live_location": "Wczytywanie lokalizacji na żywo…",
+        "location_not_available": "Lokalizacja niedostępna",
+        "map_feedback": "Opinia o mapie",
+        "mapbox_logo": "Logo Mapbox",
+        "reset_bearing": "Resetuj kierunek na północ",
+        "share_button": "Udostępnij lokalizację",
+        "share_type_live": "Moja lokalizacja na żywo",
+        "share_type_own": "Moja aktualna lokalizacja",
+        "share_type_pin": "Upuść przypinkę",
+        "share_type_prompt": "Jaki typ lokalizacji chcesz udostępnić?",
+        "toggle_attribution": "Przełącz atrybucje"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s Członek",
+            "few": "%(count)s Członki",
+            "many": "%(count)s Członków"
+        },
+        "filter_placeholder": "Filtruj członków pokoju",
+        "invite_button_no_perms_tooltip": "Nie posiadasz uprawnień, aby zapraszać użytkowników",
+        "invited_label": "Zaproszono",
+        "list_title": "Lista członków",
+        "no_matches": "Brak wyników"
+    },
+    "member_list_back_action_label": "Członkowie pokoju",
+    "message_edit_dialog_title": "Edycje wiadomości",
+    "migrating_crypto": "Spokojnie. Aktualizujemy %(brand)s, aby szyfrowanie było szybsze i bardziej niezawodne.",
+    "mobile_guide": {
+        "toast_accept": "Użyj aplikacji",
+        "toast_description": "%(brand)s jest eksperymentalne na przeglądarce mobilnej. Dla lepszego doświadczenia i najnowszych funkcji użyj naszej darmowej natywnej aplikacji.",
+        "toast_title": "Użyj aplikacji by mieć lepsze doświadczenie"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Nie ma więcej wyników",
+    "notif_panel": {
+        "empty_description": "Nie masz widocznych powiadomień.",
+        "empty_heading": "Jesteś na bieżąco"
+    },
+    "notifications": {
+        "all_messages": "Wszystkie wiadomości",
+        "all_messages_description": "Otrzymuj powiadomienie każdej wiadomości",
+        "class_global": "Globalne",
+        "class_other": "Inne",
+        "default": "Domyślne",
+        "email_pusher_app_display_name": "Powiadomienia e-mail",
+        "enable_prompt_toast_description": "Włącz powiadomienia na pulpicie",
+        "enable_prompt_toast_title": "Powiadomienia",
+        "enable_prompt_toast_title_from_message_send": "Nie przegap odpowiedzi",
+        "error_change_title": "Zmień ustawienia powiadomień",
+        "keyword": "Słowo kluczowe",
+        "keyword_new": "Nowe słowo kluczowe",
+        "level_activity": "Aktywności",
+        "level_highlight": "Wyróżnij",
+        "level_muted": "Wyciszony",
+        "level_none": "Brak",
+        "level_notification": "Powiadomienie",
+        "level_unsent": "Niewysłane",
+        "mark_all_read": "Oznacz wszystkie jako przeczytane",
+        "mentions_and_keywords": "Tylko @wzmianki i odpowiedzi",
+        "mentions_and_keywords_description": "Otrzymuj powiadomienia tylko od wzmianek i słów kluczowych 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ń"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s prosi o weryfikację"
+    },
+    "onboarding": {
+        "create_room": "Utwórz czat grupowy",
+        "explore_rooms": "Przeglądaj pokoje publiczne",
+        "has_avatar_label": "Świetnie, pomoże to innym Cię rozpoznać",
+        "intro_byline": "Stań się właścicielem swoich konwersacji.",
+        "intro_welcome": "Witamy w %(appName)s",
+        "no_avatar_label": "Dodaj zdjęcie, aby inni mogli Cię rozpoznać.",
+        "send_dm": "Wyślij wiadomość prywatną",
+        "welcome_detail": "Teraz pomożemy Ci zacząć",
+        "welcome_user": "Witaj, %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Wiadomość w %(room)s",
+        "permalink_this_room": "Wiadomość od %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Utwórz ankietę",
+        "create_poll_title": "Utwórz ankietę",
+        "disclosed_notes": "Głosujący mogą zobaczyć wyniki po oddaniu głosu",
+        "edit_poll_title": "Edytuj ankietę",
+        "end_description": "Czy na pewno chcesz zakończyć ankietę? Zostaną wyświetlone ostateczne wyniki, a osoby nie będą mogły głosować.",
+        "end_message": "Ankieta została zakończona. Najlepsza odpowiedź: %(topAnswer)s",
+        "end_message_no_votes": "Ankieta została zakończona. Nie został oddany żaden głos.",
+        "end_title": "Zakończ ankietę",
+        "ended_poll_label": "Ankieta zakończona",
+        "error_ending_description": "Przepraszamy, ankieta nie została zakończona. Spróbuj ponownie.",
+        "error_ending_title": "Nie udało się zakończyć ankiety",
+        "error_voting_description": "Przepraszamy, Twój głos nie został zarejestrowany, spróbuj ponownie.",
+        "error_voting_title": "Głos nie został zarejestrowany",
+        "failed_send_poll_description": "Przepraszamy, ankieta, którą próbowałeś utworzyć nie została opublikowana.",
+        "failed_send_poll_title": "Nie udało się opublikować ankiety",
+        "notes": "Wyniki są ujawnione tylko po zakończeniu ankiety",
+        "option_label": "Opcja %(number)s, %(answer)s",
+        "option_label_winning_with_total": {
+            "one": "Opcja %(number)s, %(answer)s, opcja wygrywająca, %(count)s głos",
+            "few": "Opcja %(number)s, %(answer)s, opcja wygrywająca, %(count)s głosy",
+            "many": "Opcja %(number)s, %(answer)s, opcja wygrywająca, %(count)s głosów"
+        },
+        "option_label_with_total": {
+            "one": "Opcja %(number)s, %(answer)s, %(count)s głos",
+            "few": "Opcja %(number)s, %(answer)s, %(count)s głosy",
+            "many": "Opcja %(number)s, %(answer)s, %(count)s głosów"
+        },
+        "options_add_button": "Dodaj opcję",
+        "options_heading": "Utwórz opcje",
+        "options_label": "Opcja %(number)s",
+        "options_placeholder": "Napisz opcję",
+        "poll_label": "Ankieta",
+        "topic_heading": "Jakie jest Twoje pytanie lub temat ankiety?",
+        "topic_label": "Pytanie lub temat",
+        "topic_placeholder": "Napisz coś…",
+        "total_decryption_errors": "Ze względu na błędy rozszyfrowywania, niektóre głosy mogły nie zostać policzone",
+        "total_n_votes": {
+            "one": "Oddano %(count)s głos. Zagłosuj, aby zobaczyć wyniki",
+            "few": "Oddano %(count)s głosy. Zagłosuj, aby zobaczyć wyniki",
+            "many": "Oddano %(count)s głosów. Zagłosuj, aby zobaczyć wyniki"
+        },
+        "total_n_votes_voted": {
+            "one": "Oparte na %(count)s głosie",
+            "few": "Oparte na %(count)s głosach",
+            "many": "Oparte na %(count)s głosach"
+        },
+        "total_no_votes": "Brak głosów",
+        "total_not_ended": "Wyniki będą widoczne po zakończeniu ankiety",
+        "type_closed": "Ankieta zamknięta",
+        "type_heading": "Typ ankiety",
+        "type_open": "Ankieta otwarta",
+        "unable_edit_description": "Przepraszamy, nie możesz edytować ankiety po zakończonym głosowaniu.",
+        "unable_edit_title": "Nie można edytować ankiety"
+    },
+    "power_level": {
+        "admin": "Administrator",
+        "creator": "Właściciel",
+        "custom": "Własny (%(level)s)",
+        "custom_level": "Własny poziom",
+        "default": "Domyślne",
+        "label": "Poziom uprawnień",
+        "moderator": "Moderator",
+        "restricted": "Ograniczony"
+    },
+    "powered_by_matrix": "Zasilane przez Matrix",
+    "presence": {
+        "away": "Z dala od urządzenia",
+        "busy": "Zajęty",
+        "idle": "Bezczynny",
+        "idle_for": "Bezczynny przez %(duration)s",
+        "offline": "Niedostępny",
+        "offline_for": "Offline przez %(duration)s",
+        "online": "Dostępny",
+        "online_for": "Online przez %(duration)s",
+        "unknown": "Nieznany",
+        "unknown_for": "Nieznany przez %(duration)s",
+        "unreachable": "Serwer użytkownika jest nieosiągalny"
+    },
+    "quick_settings": {
+        "all_settings": "Wszystkie ustawienia",
+        "sidebar_settings": "Więcej opcji",
+        "title": "Szybkie ustawienia"
+    },
+    "quit_warning": {
+        "call_in_progress": "Wygląda na to, że prowadzisz z kimś rozmowę; jesteś pewien że chcesz wyjść?",
+        "file_upload_in_progress": "Wygląda na to, że jesteś w trakcie przesyłania plików; jesteś pewien, że chcesz wyjść?"
+    },
+    "redact": {
+        "confirm_button": "Potwierdź usunięcie",
+        "confirm_description": "Czy na pewno chcesz usunąć to wydarzenie?",
+        "confirm_description_state": "Usuwanie zmian pokoju w taki sposób może cofnąć zmianę.",
+        "error": "Nie możesz usunąć tej wiadomości. (%(code)s)",
+        "ongoing": "Usuwanie…",
+        "reason_label": "Powód (opcjonalne)"
+    },
+    "remove_section_dialog": {
+        "confirmation": "Czy na pewno chcesz usunąć tę sekcję?",
+        "description": "Czaty z tej sekcji będą nadal dostępne na liście czatów.",
+        "remove_section": "Usuń sekcję",
+        "title": "Usunąć sekcję?"
+    },
+    "report_content": {
+        "description": "Zgłoszenie tej wiadomości wyśle administratorowi serwera unikatowe „ID wydarzenia”. Jeżeli wiadomości w tym pokoju są szyfrowane, administrator serwera może nie być w stanie przeczytać treści wiadomości, lub zobaczyć plików bądź zdjęć.",
+        "hide_messages_from_user": "Upewnij się, czy chcesz ukryć wszystkie bieżące i przyszłe wiadomości od tego użytkownika.",
+        "ignore_user": "Ignoruj użytkownika",
+        "missing_reason": "Wypełnij, dlaczego dokonujesz zgłoszenia.",
+        "report_content_to_homeserver": "Zgłoś zawartość do administratora swojego serwera"
+    },
+    "report_room": {
+        "description": "Zgłoś ten pokój swojemu dostawcy konta. Jeśli wiadomości są zaszyfrowane, administrator nie będzie mógł ich odczytać.",
+        "reason_label": "Opisz powód"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Nie udało się odszyfrować %(failedCount)s sesji!",
+        "count_of_successfully_restored_keys": "Przywrócono pomyślnie %(sessionCount)s kluczy",
+        "enter_key_description": "Uzyskaj dostęp do zabezpieczonej historii wiadomości i ustaw bezpieczną komunikację wprowadzając swój klucz przywracania.",
+        "enter_key_title": "Wprowadź klucz przywracania",
+        "enter_phrase_description": "Uzyskaj dostęp do swojej bezpiecznej historii wiadomości i skonfiguruj bezpieczne wiadomości, wprowadzając Hasło bezpieczeństwa.",
+        "enter_phrase_title": "Wprowadź hasło bezpieczeństwa",
+        "incorrect_security_phrase_dialog": "Kopia zapasowa nie mogła zostać rozszyfrowana za pomocą tego Hasła bezpieczeństwa: upewnij się, że wprowadzono prawidłowe Hasło bezpieczeństwa.",
+        "incorrect_security_phrase_title": "Nieprawidłowe hasło bezpieczeństwa",
+        "key_backup_warning": "<b>Ostrzeżenie</b>: kopia zapasowa klucza powinna być konfigurowana tylko z zaufanego komputera.",
+        "key_fetch_in_progress": "Pobieranie kluczy z serwera…",
+        "key_forgotten_text": "Jeśli zapomniałeś swojego klucza przywracania, możesz <button>skonfigurować nowe opcje odzyskiwania</button>",
+        "key_is_invalid": "Nieprawidłowy klucz przywracania",
+        "key_is_valid": "Wygląda to na prawidłowy klucz przywracania!",
+        "keys_restored_title": "Klucze przywrócone",
+        "load_error_content": "Nie udało się załadować stanu kopii zapasowej",
+        "load_keys_progress": "%(completed)s z %(total)s kluczy przywrócono",
+        "no_backup_error": "Nie znaleziono kopii zapasowej!",
+        "phrase_forgotten_text": "Jeśli zapomniałeś swojej frazy bezpieczeństwa, możesz <button1>użyć swojego klucza przywracania</button1>lub<button2>ustawić nowe opcje odzyskiwania</button2>",
+        "recovery_key_mismatch_description": "Nie udało się odszyfrować kopii zapasowej za pomocą podanego klucza: upewnij się, że wprowadzono prawidłowy klucz przywracania.",
+        "recovery_key_mismatch_title": "Klucze przywracania nie pasują do siebie",
+        "restore_failed_error": "Przywrócenie kopii zapasowej jest niemożliwe"
+    },
+    "right_panel": {
+        "add_integrations": "Dodaj rozszerzenia",
+        "add_topic": "Dodaj temat",
+        "extensions_button": "Rozszerzenia",
+        "extensions_empty_description": "Wybierz “%(addIntegrations)s”, aby przeglądać i dodawać rozszerzenia do tego pokoju",
+        "extensions_empty_title": "Zwiększ produktywność dzięki większej liczbie narzędzi, widżetów i botów",
+        "files_button": "Pliki",
+        "pinned_messages": {
+            "empty_description": "Znajdź wiadomość i wybierz „%(pinAction)s”, aby załączyć ją tutaj.",
+            "empty_title": "Przypinaj ważne wiadomości, aby można było je łatwo znaleźć",
+            "header": {
+                "one": "1 przypięta wiadomość",
+                "few": "%(count)s przypięte wiadomości",
+                "many": "%(count)s przypiętych wiadomości"
+            },
+            "limits": {
+                "one": "Możesz przypiąć maksymalnie %(count)s widżet",
+                "few": "Możesz przypiąć maksymalnie %(count)s widżety",
+                "many": "Możesz przypiąć maksymalnie %(count)s widżetów"
+            },
+            "menu": "Otwórz menu",
+            "reply_thread": "Odpowiedz na <link>wiadomość w wątku</link>",
+            "unpin_all": {
+                "button": "Odepnij wszystkie wiadomości",
+                "content": "Upewnij się, czy naprawdę chcesz usunąć wszystkie przypięte wiadomości. Tej akcji nie można cofnąć.",
+                "title": "Odpiąć wszystkie wiadomości?"
+            },
+            "view": "Wyświetl na osi czasu"
+        },
+        "pinned_messages_button": "Przypięte wiadomości",
+        "poll": {
+            "active_heading": "Aktywne ankiety",
+            "empty_active": "Brak aktywnych ankiet w tym pokoju",
+            "empty_active_load_more": "Nie znaleziono aktywnych ankiet. Wczytaj więcej ankiet, aby wyświetlić poprzednie miesiące",
+            "empty_active_load_more_n_days": {
+                "one": "Nie znaleziono aktywnych ankiet z ostatniej doby. Załaduj więcej ankiet, aby wyświetlić poprzednie miesiące",
+                "few": "Nie znaleziono aktywnych ankiet z ostatnich %(count)s dni. Załaduj więcej ankiet, aby wyświetlić poprzednie miesiące",
+                "many": "Nie znaleziono aktywnych ankiet z ostatnich %(count)s dni. Załaduj więcej ankiet, aby wyświetlić poprzednie miesiące"
+            },
+            "empty_past": "Brak przeszłych ankiet w tym pokoju",
+            "empty_past_load_more": "Nie znaleziono przeszłych ankiet. Wczytaj więcej ankiet, aby wyświetlić poprzednie miesiące",
+            "empty_past_load_more_n_days": {
+                "one": "Nie znaleziono zakończonych ankiet z ostatniej doby. Załaduj więcej ankiet, aby wyświetlić poprzednie miesiące",
+                "few": "Nie znaleziono zakończonych ankiet z ostatnich %(count)s dni. Załaduj więcej ankiet, aby wyświetlić poprzednie miesiące",
+                "many": "Nie znaleziono zakończonych ankiet z ostatnich %(count)s dni. Załaduj więcej ankiet, aby wyświetlić poprzednie miesiące"
+            },
+            "final_result": {
+                "one": "Ostateczny wynik na podstawie %(count)s głosu",
+                "few": "Ostateczny wynik na podstawie %(count)s głosów",
+                "many": "Ostateczny wynik na podstawie %(count)s głosów"
+            },
+            "load_more": "Wczytaj więcej ankiet",
+            "loading": "Wczytywanie ankiet",
+            "past_heading": "Przeszłe ankiety",
+            "view_in_timeline": "Wyświetl ankietę na osi czasu",
+            "view_poll": "Wyświetl ankietę"
+        },
+        "polls_button": "Ankiety",
+        "room_summary_card": {
+            "title": "Informacje pokoju"
+        },
+        "thread_list": {
+            "context_menu_label": "Opcje wątków"
+        },
+        "video_room_chat": {
+            "title": "Czat"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Zaproszenie zostało wysłane do %(email)s, które nie jest powiązane z Twoim kontem",
+        "3pid_invite_email_not_found_account_room": "To zaproszenie do %(roomName)s zostało wysłane na adres %(email)s, który nie jest przypisany do Twojego konta",
+        "3pid_invite_error_description": "Wystąpił błąd (%(errcode)s) podczas próby weryfikacji zaproszenia. Spróbuj skontaktować się z osobą, od której otrzymano zaproszenie.",
+        "3pid_invite_error_invite_action": "Spróbuj dołączyć mimo tego",
+        "3pid_invite_error_invite_subtitle": "Możesz dołączyć tylko z działającym zaproszeniem.",
+        "3pid_invite_error_public_subtitle": "Dalej możesz tu dołączyć.",
+        "3pid_invite_error_title": "Coś poszło nie tak z Twoim zaproszeniem.",
+        "3pid_invite_error_title_room": "Coś poszło nie tak z Twoim zaproszeniem do %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Użyj serwera tożsamości w Ustawieniach, aby otrzymywać zaproszenia bezpośrednio w %(brand)s.",
+        "banned_by": "Zostałeś zbanowany przez %(memberName)s",
+        "banned_from_room_by": "Zostałeś zbanowany z %(roomName)s przez %(memberName)s",
+        "context_menu": {
+            "copy_link": "Kopiuj link do pokoju",
+            "favourite": "Ulubiony",
+            "forget": "Zapomnij pokój",
+            "low_priority": "Niski priorytet",
+            "mark_read": "Oznacz jako przeczytane",
+            "mark_unread": "Oznacz jako nieprzeczytane",
+            "notifications_default": "Dopasuj z ustawieniami domyślnymi",
+            "notifications_mute": "Wycisz pokój",
+            "title": "Ustawienia pokoju",
+            "unfavourite": "Ulubiony"
+        },
+        "creating_room_text": "Tworzymy pokój z %(names)s",
+        "dm_invite_action": "Rozpocznij rozmowę",
+        "dm_invite_subtitle": "<userName/> chce porozmawiać",
+        "dm_invite_title": "Czy chcesz rozmawiać z %(user)s?",
+        "drop_file_prompt": "Upuść plik tutaj, aby go przesłać",
+        "edit_topic": "Edytuj temat",
+        "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.",
+        "error_join_404_2": "Jeśli znasz adres pokoju, spróbuj dołączyć za pomocą niego.",
+        "error_join_404_invite": "Osoba, która zaprosiła cię, już wyszła lub jej serwer jest offline.",
+        "error_join_404_invite_same_hs": "Osoba, która zaprosiła cię, już wyszła.",
+        "error_join_connection": "Wystąpił błąd podczas dołączania.",
+        "error_join_incompatible_version_1": "Przykro nam, twój serwer domowy jest zbyt stary, by uczestniczyć tu.",
+        "error_join_incompatible_version_2": "Proszę o kontakt z administratorem serwera.",
+        "error_join_title": "Nie udało się dołączyć",
+        "error_join_unknown": "Wystąpił nieznany błąd.",
+        "error_jump_to_date": "Serwer zwrócił %(statusCode)s z kodem błędu %(errorCode)s",
+        "error_jump_to_date_connection": "Wystąpił błąd sieci w trakcie próby przeskoczenia do określonej daty. Twój serwer domowy mógł zostać wyłączony lub wystąpił tymczasowym problem z Twoim połączeniem sieciowym. Spróbuj ponownie. Jeśli problem będzie się powtarzał, skontaktuj się z administratorem serwera domowego.",
+        "error_jump_to_date_details": "Szczegóły błędu",
+        "error_jump_to_date_not_found": "Nie byliśmy w stanie znaleźć wydarzenia patrząc do przodu od %(dateString)s. Spróbuj wybrać wcześniejszą datę.",
+        "error_jump_to_date_send_logs_prompt": "Wyślij <debugLogsLink>dzienniki debugowania</debugLogsLink>, aby pomóc nam znaleźć problem.",
+        "error_jump_to_date_title": "Nie można znaleźć wydarzenia w tym dniu",
+        "face_pile_summary": {
+            "one": "%(count)s osoba, którą znasz już dołączyła",
+            "few": "%(count)s osoby, które znasz już dołączyło",
+            "many": "%(count)s osób, które znasz już dołączyło"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Wyświetl 1 członka",
+            "few": "Wyświetl wszystkich %(count)s członków",
+            "many": "Wyświetl wszystkich %(count)s członków"
+        },
+        "face_pile_tooltip_shortcut": "Włączając %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Włączając Ciebie, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Nie można określić, którego użytkownika należy zignorować, ponieważ jego wydarzenie uległo zmianie.",
+        "failed_reject_invite": "Nie udało się odrzucić zaproszenia",
+        "forget_room": "Zapomnij o tym pokoju",
+        "forget_space": "Zapomnij tą przestrzeń",
+        "header": {
+            "join_video_call": "Dołącz do rozmowy wideo",
+            "join_voice_call": "Dołącz do rozmowy głosowej",
+            "n_people_asking_to_join": {
+                "one": "Prosi o dołączenie",
+                "few": "%(count)s osoby proszą o dołączenie",
+                "many": "%(count)s osób prosi o dołączenie"
+            },
+            "room_is_public": "Ten pokój jest publiczny",
+            "shared_history_tooltip": "Nowi członkowie widzą historię",
+            "world_readable_history_tooltip": "Każdy może zobaczyć historię"
+        },
+        "header_avatar_open_settings_label": "Otwórz ustawienia pokoju",
+        "header_face_pile_tooltip": "Osoby",
+        "header_untrusted_label": "Niezaufany",
+        "inaccessible": "Ten pokój lub przestrzeń nie jest dostępna w tym momencie.",
+        "inaccessible_name": "%(roomName)s nie jest dostępny w tym momencie.",
+        "inaccessible_subtitle_1": "Spróbuj ponownie później lub spytaj się administratora przestrzeni, aby sprawdził czy masz dostęp.",
+        "inaccessible_subtitle_2": "Wystąpił błąd %(errcode)s podczas próby dostępu do pokoju lub przestrzeni. Jeśli widzisz tą wiadomość w błędzie, <issueLink>zgłoś ten błąd</issueLink>.",
+        "intro": {
+            "display_topic": "Temat: <topic/>",
+            "dm_caption": "Tylko Wy jesteście w tej konwersacji, dopóki ktoś z Was nie zaprosi tu innej osoby.",
+            "edit_topic": "Temat: <topic/> (<a>edytuj</a>)",
+            "enable_encryption_prompt": "Włącz szyfrowanie w ustawieniach.",
+            "encrypted_3pid_dm_pending_join": "Kiedy wszyscy dołączą, będziesz mógł rozmawiać",
+            "no_avatar_label": "Dodaj zdjęcie, aby inni mogli łatwo zauważyć Twój pokój.",
+            "no_topic": "<a>Dodaj temat</a>, aby poinformować ludzi czego dotyczy.",
+            "private_unencrypted_warning": "Normalnie Twoje wiadomości prywatne są szyfrowane, lecz ten pokój nie jest. Przeważnie jest to spowodowane korzystaniem z niewspieranego urządzenia lub metody weryfikacji, takiej jak zaproszenie e-mail.",
+            "room_invite": "Zaproś do tylko tego pokoju",
+            "send_message_start_dm": "Wyślij pierwszą wiadomość, aby zaprosić <displayName/> do rozmowy",
+            "start_of_dm_history": "Oto początek Twojej historii wiadomości prywatnych z <displayName/>.",
+            "start_of_room": "Oto początek <roomName/>.",
+            "unencrypted_warning": "Szyfrowanie end-to-end nie jest włączone",
+            "user_created": "%(displayName)s utworzył ten pokój.",
+            "you_created": "Utworzyłeś ten pokój."
+        },
+        "invite_email_mismatch_suggestion": "Udostępnij ten e-mail w Ustawieniach, aby otrzymywać zaproszenia bezpośrednio w %(brand)s.",
+        "invite_sent_to_email": "To zaproszenie zostało wysłane do %(email)s",
+        "invite_sent_to_email_room": "To zaproszenie do %(roomName)s zostało wysłane do %(email)s",
+        "invite_subtitle": "Zaproszony przez <userName/>",
+        "invite_this_room": "Zaproś do tego pokoju",
+        "invite_title": "Czy chcesz dołączyć do %(roomName)s?",
+        "inviter_unknown": "Nieznany",
+        "invites_you_text": "<inviter/> wysłał Ci zaproszenie",
+        "join_button_account": "Zarejestruj się",
+        "join_failed_needs_invite": "Aby wyświetlić %(roomName)s, potrzebujesz zaproszenia",
+        "join_the_discussion": "Dołącz do dyskusji",
+        "join_title": "Dołącz do pokoju, aby uczestniczyć",
+        "join_title_account": "Przyłącz się do rozmowy przy użyciu konta",
+        "joining": "Dołączanie…",
+        "joining_room": "Dołączanie do pokoju…",
+        "joining_space": "Dołączanie do przestrzeni…",
+        "jump_read_marker": "Skocz do pierwszej nieprzeczytanej wiadomości.",
+        "jump_to_bottom_button": "Przewiń do najnowszych wiadomości",
+        "kick_reason": "Powód: %(reason)s",
+        "kicked_by": "Zostałeś usunięty przez %(memberName)s",
+        "kicked_from_room_by": "Zostałeś usunięty z %(roomName)s przez %(memberName)s",
+        "knock_cancel_action": "Anuluj żądanie",
+        "knock_denied_subtitle": "Ponieważ odmówiono Ci dostępu, nie możesz dołączyć ponownie, dopóki nie zostaniesz zaproszony przez administratora lub moderatora grupy.",
+        "knock_denied_title": "Odmówiono Ci dostępu",
+        "knock_message_field_placeholder": "Wiadomość (opcjonalne)",
+        "knock_prompt": "Poprosić o dołączenie?",
+        "knock_prompt_name": "Poprosić o dołączenie do %(roomName)s?",
+        "knock_send_action": "Poproś o dostęp",
+        "knock_sent": "Wysłano prośbę o dołączenie",
+        "knock_sent_subtitle": "Twoja prośba o dołączenie jest w trakcie oczekiwania.",
+        "knock_subtitle": "Musisz uzyskać dostęp do tego pokoju, aby móc przeglądać lub uczestniczyć w rozmowie. Możesz wysłać prośbę o dołączenie poniżej.",
+        "leave_error_title": "Błąd opuszczania pokoju",
+        "leave_server_notices_description": "Ten pokój jest używany do ważnych wiadomości z serwera domowego, więc nie możesz go opuścić.",
+        "leave_server_notices_title": "Nie można opuścić pokoju powiadomień serwera",
+        "leave_unexpected_error": "Nieoczekiwany błąd serwera podczas próby opuszczania pokoju",
+        "link_email_to_receive_3pid_invite": "Połącz ten adres e-mail z Twoim kontem w Ustawieniach, aby otrzymywać zaproszenia bezpośrednio w %(brand)s.",
+        "loading_preview": "Wczytywanie podglądu",
+        "no_peek_join_prompt": "%(roomName)s nie może być wyświetlony. Chcesz do niego dołączyć?",
+        "no_peek_no_name_join_prompt": "Brak podglądu, czy chcesz dołączyć?",
+        "not_found_subtitle": "Jesteś pewny, że jesteś w dobrym miejscu?",
+        "not_found_title": "Ten pokój lub przestrzeń nie istnieje.",
+        "not_found_title_name": "%(roomName)s nie istnieje.",
+        "peek_join_prompt": "Przeglądasz %(roomName)s. Czy chcesz dołączyć do pokoju?",
+        "pinned_message_banner": {
+            "button_close_list": "Zamknij listę",
+            "button_view_all": "Pokaż wszystkie",
+            "description": "Przypięte wiadomości",
+            "go_to_newest_message": "Zobacz przypiętą wiadomość na osi czasu i najnowszą przypiętą wiadomość tutaj",
+            "go_to_next_message": "Zobacz przypiętą wiadomość na osi czasu i najstarszą przypiętą wiadomość tutaj",
+            "title": "<bold>%(index)s z %(length)s</bold> przypiętych wiadomości"
+        },
+        "read_topic": "Kliknij, aby przeczytać temat",
+        "rejecting": "Odrzucanie zaproszenia…",
+        "rejoin_button": "Dołącz ponownie",
+        "room_content": "Zawartość pokoju",
+        "room_is_low_priority": "To jest pokój o niskim priorytecie",
+        "search": {
+            "all_rooms_button": "Wyszukaj wszystkie pokoje",
+            "placeholder": "Szukaj wiadomości...",
+            "summary": {
+                "one": "Znaleziono 1 wynik dla \"<query/>\"",
+                "few": "Znaleziono %(count)s wyniki dla \"<query/>\"",
+                "many": "Znaleziono %(count)s wyników dla \"<query/>\""
+            },
+            "this_room_button": "Wyszukaj ten pokój"
+        },
+        "unknown_status_code_for_timeline_jump": "nieznany kod statusu",
+        "unread_notifications_predecessor": {
+            "one": "Masz %(count)s nieprzeczytane powiadomienie w poprzedniej wersji pokoju.",
+            "few": "Masz %(count)s nieprzeczytane powiadomienia w poprzedniej wersji pokoju.",
+            "many": "Masz %(count)s nieprzeczytanych powiadomień w poprzedniej wersji pokoju."
+        },
+        "upgrade_error_description": "Sprawdź ponownie czy Twój serwer wspiera wybraną wersję pokoju i spróbuj ponownie.",
+        "upgrade_error_title": "Błąd podczas aktualizacji pokoju",
+        "upgrade_warning_bar": "Ulepszenie tego pokoju zamknie bieżącą instancję pokoju i utworzy ulepszony pokój z tą samą nazwą.",
+        "upgrade_warning_bar_admins": "Tylko administratorzy pokojów widzą to ostrzeżenie",
+        "upgrade_warning_bar_unstable": "Ten pokój działa na wersji <roomVersion />, którą serwer domowy oznaczył jako <i>niestabilną</i>.",
+        "upgrade_warning_bar_upgraded": "Ten pokój został już ulepszony.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Przesyłanie %(filename)s oraz %(count)s inne",
+                "few": "Przesyłanie %(filename)s oraz %(count)s inne",
+                "many": "Przesyłanie %(filename)s oraz %(count)s innych"
+            },
+            "uploading_single_file": "Przesyłanie %(filename)s"
+        },
+        "video_room": "Ten pokój jest pokojem wideo",
+        "waiting_for_join_subtitle": "Jak tylko zaproszeni użytkownicy dołączą do %(brand)s, będziesz mógł czatować w pokoju szyfrowanym end-to-end",
+        "waiting_for_join_title": "Czekanie na użytkowników %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Dodaj przestrzeń",
+        "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",
+        "list_title": "Lista pokojów",
+        "more_options": {
+            "leave_room": "Opuść pokój"
+        },
+        "notification_options": "Opcje powiadomień",
+        "section": {
+            "chats": "Czaty",
+            "favourites": "Ulubione",
+            "low_priority": "Niski priorytet"
+        },
+        "show_less": "Pokaż mniej"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Zdecyduj kto może wyświetlić i dołączyć do %(spaceName)s.",
+            "title": "Dostęp"
+        },
+        "advanced": {
+            "error_upgrade_description": "Uaktualnienie pokoju nie mogło zostać ukończone",
+            "error_upgrade_title": "Nie udało się uaktualnić pokoju",
+            "information_section_room": "Informacje pokoju",
+            "information_section_space": "Informacje przestrzeni",
+            "room_id": "Wewnętrzne ID pokoju",
+            "room_predecessor": "Wyświetl starsze wiadomości w %(roomName)s.",
+            "room_upgrade_button": "Zaktualizuj ten pokój do zalecanej wersji pokoju",
+            "room_upgrade_warning": "<b>Uwaga!</b>: Aktualizacja pokoju <i>nie przeniesie członków do nowej wersji pokoju automatycznie.</i> Użytkownicy muszą kliknąć link w starym, nieaktywnym pokoju by dołączyć do nowej wersji pokoju.",
+            "room_version": "Wersja pokoju:",
+            "room_version_section": "Wersja pokoju",
+            "space_predecessor": "Wyświetl starsze wersje %(spaceName)s.",
+            "space_upgrade_button": "Zaktualizuj tą przestrzeń do zalecanej wersji pokoju",
+            "unfederated": "Ten pokój nie jest dostępny na zdalnych serwerach Matrix",
+            "upgrade_button": "Uaktualnij ten pokój do wersji %(version)s",
+            "upgrade_dialog_description": "Ulepszenie tego pokoju wymaga zamknięcia bieżącej instancji pokoju i utworzenie nowego w jego miejsce. Aby zapewnić użytkownikom najlepsze możliwe doświadczenia:",
+            "upgrade_dialog_description_1": "Utwórz nowy pokój o tej samej nazwie, opisie i awatarze",
+            "upgrade_dialog_description_2": "Zaktualizuj każdy alias pokoju, aby wskazywał na nowy pokój",
+            "upgrade_dialog_description_3": "Zakaż rozmawiania w starej wersji pokoju i opublikuj wiadomość, aby użytkownicy przenieśli się do nowego",
+            "upgrade_dialog_description_4": "Opublikuj link do starego pokoju na początku nowego, aby można było czytać stare wiadomości",
+            "upgrade_dialog_title": "Uaktualnij wersję pokoju",
+            "upgrade_dwarning_ialog_title_public": "Ulepsz pokój publiczny",
+            "upgrade_warning_dialog_description": "Aktualizowanie pokoju to zaawansowane działanie i zaleca się je głównie, kiedy pokój jest niestabilny, brakuje w nim funkcji lub znajdują się w nim luki bezpieczeństwa.",
+            "upgrade_warning_dialog_explainer": "<b>Aktualizacja spowoduje utworzenie pokoju w nowej wersji</b>. Wszystkie bieżące wiadomości zostaną zarchiwizowane w tym pokoju.",
+            "upgrade_warning_dialog_footer": "Zaktualizujesz ten pokój z wersji <oldVersion /> do <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Automatycznie zapraszaj członków tego pokoju do nowego",
+            "upgrade_warning_dialog_report_bug_prompt": "Przeważnie to wpływa wyłącznie na to, jak serwer jest przetwarzany na serwerze. Jeśli posiadasz problem z %(brand)s, zgłoś błąd.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Przeważnie to wpływa wyłącznie na to, jak serwer jest przetwarzany na serwerze. Jeśli posiadasz problem z %(brand)s, <a>zgłoś błąd</a>.",
+            "upgrade_warning_dialog_title": "Ulepsz pokój",
+            "upgrade_warning_dialog_title_private": "Aktualizuj pokój prywatny"
+        },
+        "alias_not_specified": "nieokreślony",
+        "bridges": {
+            "description": "Ten pokój mostkuje wiadomości do następujących platform. <a>Dowiedz się więcej.</a>",
+            "empty": "Ten pokój nie mostkuje wiadomości z żadnymi platformami. <a>Dowiedz się więcej.</a>",
+            "title": "Mostki"
+        },
+        "delete_avatar_label": "Usuń awatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Brakuje separatora domeny np. (:domain.org)",
+            "alias_field_has_localpart_invalid": "Brakuje nazwy pokoju lub separatora np. (mój-pokój:domain.org)",
+            "alias_field_matches_invalid": "Ten adres nie wskazuje na ten pokój",
+            "alias_field_placeholder_default": "np. mój-pokój",
+            "alias_field_required_invalid": "Podaj adres",
+            "alias_field_safe_localpart_invalid": "Niektóre znaki niedozwolone",
+            "alias_field_taken_invalid": "Ten adres posiadał nieprawidłowy serwer lub jest już w użyciu",
+            "alias_field_taken_invalid_domain": "Ten adres jest już w użyciu",
+            "alias_field_taken_valid": "Można użyć tego adresu",
+            "alias_heading": "Adres pokoju",
+            "aliases_items_label": "Inne opublikowane adresy:",
+            "aliases_no_items_label": "Brak innych opublikowanych adresów, dodaj jakiś poniżej",
+            "aliases_section": "Adresy pokoju",
+            "avatar_field_label": "Awatar pokoju",
+            "canonical_alias_field_label": "Główny adres",
+            "description_space": "Edytuj ustawienia powiązane z Twoją przestrzenią.",
+            "error_creating_alias_description": "Wystąpił błąd podczas aktualizowania tego adresu. Serwer mógł odrzucić żądanie lub wystąpił błąd tymczasowy.",
+            "error_creating_alias_title": "Wystąpił błąd podczas tworzenia adresu",
+            "error_deleting_alias_description": "Wystąpił błąd podczas usuwania tego adresu. Może już nie istnieć lub wystąpił tymczasowy błąd.",
+            "error_deleting_alias_description_forbidden": "Nie posiadasz uprawnień do usunięcia tego adresu.",
+            "error_deleting_alias_title": "Wystąpił błąd podczas usuwania adresu",
+            "error_publishing": "Nie można opublikować pokoju",
+            "error_publishing_detail": "Wystąpił błąd podczas publikowania tego pokoju",
+            "error_save_space_settings": "Nie udało się zapisać ustawień przestrzeni.",
+            "error_updating_alias_description": "Wystąpił błąd podczas aktualizowania alternatywnego adresu pokoju. Serwer mógł odrzucić żądanie lub wystąpił błąd tymczasowy.",
+            "error_updating_canonical_alias_description": "Wystąpił błąd podczas aktualizowania adresu głównego pokoju. Serwer mógł odrzucić żądanie lub wystąpił błąd tymczasowy.",
+            "error_updating_canonical_alias_title": "Wystąpił błąd podczas aktualizowania adresu głównego",
+            "leave_space": "Opuść przestrzeń",
+            "local_alias_field_label": "Lokalny adres",
+            "local_aliases_explainer_room": "Ustaw adresy tego pokoju, aby użytkownicy mogli go znaleźć za pośrednictwem Twojego serwera domowego (%(localDomain)s)",
+            "local_aliases_explainer_space": "Ustaw adresy dla tej przestrzeni, aby użytkownicy mogli go znaleźć za pomocą Twojego serwera domowego (%(localDomain)s)",
+            "local_aliases_section": "Lokalne adresy",
+            "name_field_label": "Nazwa pokoju",
+            "new_alias_placeholder": "Nowo opublikowany adres (np. #alias:server)",
+            "no_aliases_room": "Ten pokój posiada adresów lokalnych",
+            "no_aliases_space": "Ta przestrzeń nie ma adresu lokalnego",
+            "other_section": "Inne",
+            "publish_toggle": "Czy udostępnić ten pokój publicznie w katalogu pokojów %(domain)s?",
+            "publish_warn_invite_only": "Nie możesz opublikować pokoju, który jest dostępny tylko dla zaproszonych osób.",
+            "publish_warn_no_canonical_permission": "Aby opublikować ten pokój, musisz mieć uprawnienia do ustawienia adresu głównego.",
+            "published_aliases_description": "Aby opublikować adres, musi być on najpierw ustawiony jako adres lokalny.",
+            "published_aliases_explainer_room": "Opublikowane adresy mogą być używane przez każdego, kto dołączył do Twojego pokoju.",
+            "published_aliases_explainer_space": "Opublikowane adresy mogą być używane przez każdego, kto dołączył do Twojej przestrzeni.",
+            "published_aliases_section": "Opublikowane adresy",
+            "save": "Zapisz zmiany",
+            "topic_field_label": "Temat pokoju"
+        },
+        "notifications": {
+            "browse_button": "Przeglądaj",
+            "custom_sound_prompt": "Ustaw nowy niestandardowy dźwięk",
+            "notification_sound": "Dźwięk powiadomień",
+            "settings_link": "Otrzymuj powiadomienia zgodnie z Twoimi <a>ustawieniami</a>",
+            "sounds_section": "Dźwięki",
+            "upload_sound_label": "Załaduj własny dźwięk",
+            "uploaded_sound": "Przesłano dźwięk"
+        },
+        "people": {
+            "knock_empty": "Brak żądań",
+            "knock_section": "Prosi o dołączenie",
+            "see_less": "Zobacz mniej",
+            "see_more": "Zobacz więcej"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Dodaj jednemu lub więcej użytkownikom więcej uprawnień",
+            "add_privileged_user_filter_placeholder": "Szukaj użytkowników w tym pokoju…",
+            "add_privileged_user_heading": "Dodaj użytkowników uprzywilejowanych",
+            "ban": "Zablokuj użytkowników",
+            "ban_reason": "Powód",
+            "banned_by": "Zbanowany przez %(displayName)s",
+            "banned_users_section": "Zbanowani użytkownicy",
+            "error_changing_pl_description": "Wystąpił błąd podczas zmiany poziomu uprawnień użytkownika. Upewnij się, że posiadasz wystarczające uprawnienia i spróbuj ponownie.",
+            "error_changing_pl_reqs_description": "Wystąpił błąd podczas zmiany wymagań poziomu uprawnień pokoju. Upewnij się, że posiadasz wystarczające uprawnienia i spróbuj ponownie.",
+            "error_changing_pl_reqs_title": "Wystąpił błąd podczas zmiany wymagań poziomu uprawnień",
+            "error_changing_pl_title": "Wystąpił błąd podczas zmiany poziomu uprawnień",
+            "error_unbanning": "Nie udało się odbanować",
+            "events_default": "Wysyłanie wiadomości",
+            "invite": "Zapraszanie użytkowników",
+            "kick": "Usuń użytkowników",
+            "m.call": "Rozpocznij połączenie %(brand)s",
+            "m.call.member": "Dołącz do połączeń %(brand)s",
+            "m.reaction": "Wyślij reakcje",
+            "m.room.avatar": "Zmień awatar pokoju",
+            "m.room.avatar_space": "Zmień awatar przestrzeni",
+            "m.room.canonical_alias": "Zmienianie głównego adresu pokoju",
+            "m.room.canonical_alias_space": "Zmień adres główny przestrzeni",
+            "m.room.encryption": "Włącz szyfrowanie pokoju",
+            "m.room.history_visibility": "Zmień widoczność historii",
+            "m.room.name": "Zmień nazwę pokoju",
+            "m.room.name_space": "Zmień nazwę przestrzeni",
+            "m.room.pinned_events": "Zarządzaj przypiętymi wydarzeniami",
+            "m.room.power_levels": "Zmienianie uprawnień",
+            "m.room.redaction": "Usuń wiadomości wysłane przeze mnie",
+            "m.room.server_acl": "Zmień serwer ACLs",
+            "m.room.tombstone": "Zaktualizuj pokój",
+            "m.room.topic": "Zmienianie tematu",
+            "m.room.topic_space": "Zmień opis",
+            "m.space.child": "Zarządzaj pokojami w tej przestrzeni",
+            "m.widget": "Modyfikuj widżet",
+            "muted_users_section": "Wyciszeni użytkownicy",
+            "no_privileged_users": "Żadni użytkownicy w tym pokoju nie mają specyficznych uprawnień",
+            "notifications.room": "Powiadamianie wszystkich",
+            "permissions_section": "Uprawnienia",
+            "permissions_section_description_room": "Wybierz role wymagane do zmieniania różnych części pokoju",
+            "permissions_section_description_space": "Wybierz wymagane role wymagane do zmiany różnych części przestrzeni",
+            "privileged_users_section": "Użytkownicy uprzywilejowani",
+            "redact": "Usuń wiadomości wysłane przez innych",
+            "send_event_type": "Wyślij zdarzenia %(eventType)s",
+            "state_default": "Zmienianie ustawień",
+            "title": "Role i uprawnienia",
+            "users_default": "Domyślna rola"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "Nie masz uprawnień do zmiany widoczności historii pokoju. Jest to niebezpieczne, ponieważ niezaproszeni użytkownicy mogliby czytać historię wiadomości.",
+                "title": "Nie można ustawić pokoju jako prywatnego"
+            },
+            "enable_encryption_confirm_description": "Po włączeniu, szyfrowania pokoju nie będzie się dało wyłączyć. Wiadomości wysłane w pokoju szyfrowanym nie mogą zostać odczytane przez serwer, tylko wyłącznie przez uczestników pokoju. Włączenie szyfrowania może uniemożliwić wielu botom i mostkom działanie. <a>Dowiedz się więcej o szyfrowaniu.</a>",
+            "enable_encryption_confirm_title": "Włączyć szyfrowanie?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Nie zaleca się dodawania szyfrowania do pokojów publicznych.</b> Każdy może znaleźć Twój pokój, więc jest w stanie czytać wszystkie zawarte w nim wiadomości. Nie uzyskasz żadnych benefitów szyfrowania, a tej zmiany nie będzie można cofnąć. Szyfrowanie wiadomości w pokoju publicznym sprawi, że wysyłanie i odbieranie wiadomości będzie wolniejsze.",
+            "enable_encryption_public_room_confirm_description_2": "Aby uniknąć tych problemów, utwórz <a>nowy pokój szyfrowany</a> dla konwersacji, które planujesz.",
+            "enable_encryption_public_room_confirm_title": "Czy na pewno chcesz dodać szyfrowanie do tego pokoju publicznego?",
+            "encrypted_room_public_confirm_description_1": "<b>Nie zaleca się upubliczniania pokojów szyfrowanych.</b> Każdy może znaleźć Twój pokój, więc jest w stanie czytać wszystkie zawarte w nim wiadomości. Nie uzyskasz żadnych benefitów szyfrowania. Szyfrowanie wiadomości w pokoju publicznym sprawi, że wysyłanie i odbieranie wiadomości będzie wolniejsze.",
+            "encrypted_room_public_confirm_description_2": "Aby uniknąć tych problemów, utwórz <a>nowy pokój szyfrowany</a> dla konwersacji, które planujesz.",
+            "encrypted_room_public_confirm_title": "Czy na pewno chcesz upublicznić ten pokój szyfrowany?",
+            "encryption_forced": "Twój serwer wymaga wyłączenia szyfrowania.",
+            "encryption_permanent": "Po włączeniu, szyfrowanie nie może zostać wyłączone.",
+            "error_join_rule_change_title": "Nie udało się zaktualizować zasad dołączania",
+            "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": "Członkowie od momentu zaproszenia",
+            "history_visibility_legend": "Kto może czytać historię?",
+            "history_visibility_shared": "Członkowie (cała historia)",
+            "history_visibility_warning": "Zmiany nie wpłyną na starsze wiadomości, tylko nowe. <a>Dowiedz się więcej</a>",
+            "history_visibility_world_readable": "Każdy (historia jest publiczna)",
+            "join_rule_description": "Decyduj kto może dołączyć do %(roomName)s.",
+            "join_rule_invite": "Tylko na zaproszenie",
+            "join_rule_invite_description": "Tylko zaproszone osoby mogą dołączyć",
+            "join_rule_knock": "Poproś o dołączenie",
+            "join_rule_knock_description": "Osoby nie mogą dołączyć, dopóki nie otrzymają zezwolenia.",
+            "join_rule_public": "Każdy",
+            "join_rule_public_description": "Każdy może dołączyć.",
+            "join_rule_restricted": "Członkowie przestrzeni",
+            "join_rule_restricted_description": "Każdy w autoryzowanej przestrzeni może dołączyć bez zaproszenia. <a>Zarządzaj przestrzeniami.</a>",
+            "join_rule_restricted_description_active_space": "Każdy w <spaceName/> może dołączyć.",
+            "join_rule_restricted_description_prompt": "Każdy w przestrzeni może dołączyć.",
+            "join_rule_restricted_description_spaces": "Autoryzowane przestrzenie",
+            "join_rule_restricted_dialog_description": "Przestrzenie, do których mogą dołączyć członkowie <RoomName/> bez zaproszenia.",
+            "join_rule_restricted_dialog_empty_warning": "Usuwasz wszystkie autoryzowane przestrzenie. Domyślnie dostęp będą miały tylko osoby z zaproszeniem",
+            "join_rule_restricted_dialog_filter_placeholder": "Szukaj przestrzeni",
+            "join_rule_restricted_dialog_heading_known": "Twoje przestrzenie, które nie zawierają tego pokoju",
+            "join_rule_restricted_dialog_heading_other": "Pozostałe przestrzenie, których nie jesteś członkiem",
+            "join_rule_restricted_dialog_heading_room": "Twoje przestrzenie, w których znajduje się ten pokój",
+            "join_rule_restricted_dialog_heading_space": "Przestrzenie, które znasz, że zawierają tą przestrzeń",
+            "join_rule_restricted_dialog_heading_unknown": "Są to prawdopodobnie te, których częścią są inni administratorzy pokoju.",
+            "join_rule_restricted_dialog_title": "Zarządzaj przestrzeniami",
+            "join_rule_restricted_n_more": {
+                "one": "i %(count)s więcej",
+                "few": "i %(count)s więcej",
+                "many": "i %(count)s więcej"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Obecnie jedna przestrzeń jest autoryzowana",
+                "few": "Obecnie %(count)s przestrzenie są autoryzowane",
+                "many": "Obecnie %(count)s przestrzeni jest autoryzowanych"
+            },
+            "join_rule_restricted_upgrade_description": "To ulepszenie pozwoli członkom wybranych przestrzeni uzyskać dostęp do tego pokoju bez zaproszenia.",
+            "join_rule_restricted_upgrade_warning": "Ten pokój znajduje się w przestrzeniach, w których nie masz uprawnień administratora. W tych przestrzeniach stary pokój wciąż będzie wyświetlany, lecz ludzie otrzymają propozycję dołączenia do nowego.",
+            "join_rule_upgrade_awaiting_room": "Wczytywanie nowego pokoju",
+            "join_rule_upgrade_required": "Aktualizacja wymagana",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Wysyłanie zaproszenia...",
+                "few": "Wysyłanie zaproszeń... (%(progress)s z %(count)s)",
+                "many": "Wysyłanie zaproszeń... (%(progress)s z %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Aktualizowanie przestrzeni...",
+                "few": "Aktualizowanie przestrzeni... (%(progress)s z %(count)s)",
+                "many": "Aktualizowanie przestrzeni... (%(progress)s z %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Aktualizowanie pokoju",
+            "join_rule_world_readable_description": "Zmiana osób, które mogą dołączyć do pokoju, wpłynie również na widoczność przyszłych wiadomości.",
+            "public_without_alias_warning": "Aby powiązać ten pokój, dodaj adres.",
+            "publish_room": "Uczyń ten pokój widocznym w katalogu pokoi publicznych.",
+            "publish_space": "Uczyń tę przestrzeń widoczną w katalogu pomieszczeń publicznych.",
+            "strict_encryption": "Wysyłaj wiadomości tylko do zweryfikowanych użytkowników.",
+            "title": "Bezpieczeństwo i prywatność"
+        },
+        "title": "Ustawienia pokoju - %(roomName)s",
+        "upload_avatar_label": "Prześlij awatar",
+        "visibility": {
+            "alias_section": "Adres",
+            "error_failed_save": "Nie udało się zaktualizować ustawień tej przestrzeni",
+            "error_update_guest_access": "Nie udało się zaktualizować dostępu dla gości do tej przestrzeni",
+            "error_update_history_visibility": "Nie udało się zaktualizować widoczności historii dla tej przestrzeni",
+            "guest_access_disabled": "Nie masz uprawnień do zmiany ustawień dostępu dla gości.",
+            "guest_access_explainer": "Goście mogą dołączyć do przestrzeni bez posiadania konta. Może być to przydatne dla przestrzeni publicznych.",
+            "guest_access_label": "Włącz dostęp dla gości",
+            "history_visibility_anyone_space": "Podgląd przestrzeni",
+            "history_visibility_anyone_space_description": "Pozwól ludziom na podgląd Twojej przestrzeni zanim dołączą.",
+            "history_visibility_anyone_space_disabled": "Nie masz uprawnień do zmiany widoczności historii.",
+            "history_visibility_anyone_space_recommendation": "Zalecane dla publicznych przestrzeni.",
+            "title": "Bezpieczeństwo i prywatność"
+        },
+        "voip": {
+            "call_type_section": "Typ połączenia",
+            "enable_element_call_caption": "%(brand)s jest szyfrowany end-to-end, lecz jest aktualnie ograniczony do mniejszej liczby użytkowników.",
+            "enable_element_call_label": "Włącz %(brand)s jako dodatkową opcję dzwonienia w tym pokoju",
+            "enable_element_call_no_permissions_tooltip": "Nie posiadasz wymaganych uprawnień, aby to zmienić."
+        }
+    },
+    "room_summary_card_back_action_label": "Informacje pokoju",
+    "scalar": {
+        "error_create": "Nie można utworzyć widżetu.",
+        "error_membership": "Nie jesteś w tym pokoju.",
+        "error_missing_room_id": "Brak identyfikatora pokoju (roomID).",
+        "error_missing_room_id_request": "Brakujące room_id w żądaniu",
+        "error_missing_user_id_request": "Brakujące user_id w żądaniu",
+        "error_permission": "Nie masz pozwolenia na wykonanie tej akcji w tym pokoju.",
+        "error_power_level_invalid": "Poziom uprawnień musi być liczbą dodatnią.",
+        "error_room_not_visible": "Pokój %(roomId)s nie jest widoczny",
+        "error_room_unknown": "Ten pokój nie został rozpoznany.",
+        "error_send_request": "Nie udało się wysłać żądania.",
+        "failed_read_event": "Nie udało się odczytać wydarzeń",
+        "failed_send_event": "Nie udało się wysłać wydarzenia"
+    },
+    "server_offline": {
+        "description": "Serwer nie odpowiada na niektóre z Twoich żądań. Poniżej przedstawiamy niektóre z prawdopodobnych powodów.",
+        "description_1": "Serwer (%(serverName)s) zajął zbyt dużo czasu na odpowiedź.",
+        "description_2": "Twoja zapora ogniowa lub antywirus blokują żądanie.",
+        "description_3": "Rozszerzenie w przeglądarce blokuje żądanie.",
+        "description_4": "Serwer jest offline.",
+        "description_5": "Serwer odrzucił Twoje żądanie.",
+        "description_6": "Twoja okolica ma problemy z połączeniem do internetu.",
+        "description_7": "Wystąpił błąd połączenia podczas próby skontaktowania się z serwerem.",
+        "description_8": "Serwer nie został skonfigurowany, aby wskazać co jest problemem (CORS).",
+        "empty_timeline": "Jesteś na bieżąco.",
+        "recent_changes_heading": "Najnowsze zmiany nie zostały jeszcze wprowadzone",
+        "title": "Serwer nie odpowiada"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s wymaga workera usługi, aby móc załadować zabezpieczone media z repozytoriów Matrix. Ta funkcja nie jest obsługiwana przez Twoją przeglądarkę, więc niektóre media mogą się nie załadować.",
+        "title": "Nie udało się załadować workera usługi"
+    },
+    "seshat": {
+        "error_initialising": "Wystąpił błąd inicjalizacji wyszukiwania wiadomości, sprawdź <a>swoje ustawienia</a> po więcej informacji",
+        "reset_button": "Resetuj bank wydarzeń",
+        "reset_description": "Najprawdopodobniej nie chcesz zresetować swojego indeksu banku wydarzeń",
+        "reset_explainer": "Jeśli kontynuujesz, żadne wiadomości nie zostaną usunięte, lecz jakość wyszukiwania może się obniżyć na kilka miesięcy, w których indeks się zregeneruje",
+        "reset_title": "Zresetować bank wydarzeń?",
+        "warning_kind_files": "Ta wersja %(brand)s nie wspiera wyświetlania niektórych plików szyfrowanych",
+        "warning_kind_files_app": "Użyj <a>aplikacji desktopowej</a>, aby zobaczyć wszystkie szyfrowane pliki",
+        "warning_kind_search": "Ta wersja %(brand)s nie obsługuje wyszukiwania zabezpieczonych wiadomości",
+        "warning_kind_search_app": "Używaj <a>Aplikacji desktopowej</a>, aby wyszukiwać zaszyfrowane wiadomości",
+        "warning_kind_search_partial": "Wyniki wyszukiwania mogą być niekompletne, ponieważ budowa indeksu nie została ukończona."
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Token dostępu daje pełny dostęp do Twojego konta. Nie dziel się nim z nikim.",
+            "brand_version": "Wersja %(brand)s:",
+            "clear_cache_reload": "Wyczyść pamięć podręczną i przeładuj",
+            "crypto_version": "Wersja krypto:",
+            "dialog_title": "<strong>Ustawienia:</strong> Pomoc i O aplikacji",
+            "help_link": "Aby uzyskać pomoc w używaniu %(brand)s, naciśnij <a>tutaj</a>.",
+            "homeserver": "Serwer domowy to <code>%(homeserverUrl)s</code>",
+            "identity_server": "Serwer tożsamości to <code>%(identityServerUrl)s</code>",
+            "title": "Pomoc i o aplikacji",
+            "versions": "Wersje"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Ustawienia:</strong> Konto",
+            "title": "Konto"
+        },
+        "all_rooms_home": "Pokaż wszystkie pokoje na ekranie głównym",
+        "all_rooms_home_description": "Wszystkie pokoje w których jesteś zostaną pokazane na ekranie głównym.",
+        "always_show_message_timestamps": "Zawsze pokazuj znaczniki czasu wiadomości",
+        "appearance": {
+            "bundled_emoji_font": "Użyj wbudowanej czcionki emoji",
+            "compact_layout": "Pokaż kompaktowy tekst i wiadomości",
+            "compact_layout_description": "Aby korzystać z tej funkcji, należy wybrać nowoczesny układ.",
+            "custom_font": "Użyj czcionki systemowej",
+            "custom_font_description": "Wybierz nazwę czcionki zainstalowanej w systemie, a %(brand)s spróbuje jej użyć.",
+            "custom_font_name": "Nazwa czcionki systemowej",
+            "custom_font_size": "Użyj niestandardowego rozmiaru",
+            "custom_theme_add": "Dodaj własny motyw",
+            "custom_theme_downloading": "Pobieranie własnego motywu...",
+            "custom_theme_error_downloading": "Wystąpił błąd podczas pobierania motywu.",
+            "custom_theme_help": "Wprowadź adres URL motywu, który chcesz nałożyć.",
+            "custom_theme_invalid": "Nieprawidłowy schemat motywu.",
+            "dialog_title": "<strong>Ustawienia:</strong> Wygląd",
+            "font_size": "Rozmiar czcionki",
+            "font_size_default": "%(fontSize)s(domyślna)",
+            "high_contrast": "Wysoki kontrast",
+            "image_size_default": "Domyślne",
+            "image_size_large": "Duży",
+            "layout_bubbles": "Dymki wiadomości",
+            "layout_irc": "IRC (eksperymentalny)",
+            "match_system_theme": "Dopasuj do motywu systemowego",
+            "timeline_image_size": "Rozmiar obrazu na osi czasu"
+        },
+        "automatic_language_detection_syntax_highlight": "Włącz automatyczne rozpoznawanie języka dla podświetlania składni",
+        "autoplay_gifs": "Auto odtwarzanie GIF'ów",
+        "autoplay_videos": "Auto odtwarzanie filmów",
+        "big_emoji": "Aktywuj duże emoji na czacie",
+        "code_block_expand_default": "Domyślnie rozwijaj bloki kodu",
+        "code_block_line_numbers": "Pokazuj numery wierszy w blokach kodu",
+        "disable_historical_profile": "Pokaż bieżące zdjęcie i nazwę użytkowników w historii wiadomości",
+        "discovery": {
+            "title": "Jak Cię znaleźć"
+        },
+        "emoji_autocomplete": "Włącz podpowiedzi Emoji podczas pisania",
+        "enable_markdown": "Włącz Markdown",
+        "enable_markdown_description": "Rozpocznij wiadomość z <code>/plain</code>, aby nie zawierała markdownu.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Dane konta, kontakty, preferencje i lista czatów zostaną zachowane",
+                "breadcrumb_page": "Resetuj szyfrowanie",
+                "breadcrumb_second_description": "Stracisz całą historię wiadomości przechowywaną na serwerze",
+                "breadcrumb_third_description": "Konieczne będzie ponowne zweryfikowanie wszystkich istniejących urządzeń i kontaktów",
+                "breadcrumb_title": "Czy na pewno chcesz zresetować swoją tożsamość cyfrową?",
+                "breadcrumb_title_cant_confirm": "Musisz zresetować swoją tożsamość cyfrową",
+                "breadcrumb_title_forgot": "Zapomniałeś klucza przywracania? Musisz zresetować swoją tożsamość cyfrową.",
+                "breadcrumb_title_sync_failed": "Nie udało się zsynchronizować magazynu kluczy. Zresetuj swoją tożsamość cyfrową.",
+                "breadcrumb_warning": "Zrób to tylko wtedy, gdy uważasz, że Twoje konto zostało naruszone.",
+                "details_title": "Szczegóły szyfrowania",
+                "do_not_close_warning": "Nie zamykaj tego okna, dopóki reset nie zostanie zakończony",
+                "export_keys": "Eksportuj klucze",
+                "import_keys": "Importuj klucze",
+                "other_people_device_description": "Uwaga: użytkownicy, którzy nie zweryfikowali bezpośrednio Twojej tożsamości (np. za pomocą emoji), nie otrzymają Twoich wiadomości szyfrowanych. Jaki i również niezweryfikowane urządzenia zweryfikowanych użytkowników. Zastosowanie zmian wymaga ponownego uruchomienia aplikacji.",
+                "other_people_device_label": "W pokojach szyfrowanych wysyłaj wiadomości tylko do zweryfikowanych użytkowników",
+                "other_people_device_title": "Urządzenia innych osób",
+                "reset_identity": "Zresetuj tożsamość kryptograficzną",
+                "reset_in_progress": "Resetowanie w toku...",
+                "session_id": "ID sesji:",
+                "session_key": "Klucz sesji:",
+                "title": "Zaawansowane"
+            },
+            "confirm_key_storage_off": "Czy na pewno pozostawić wyłączony magazyn kluczy?",
+            "confirm_key_storage_off_description": "Jeśli usuniesz wszystkie swoje urządzenia, utracisz historię wiadomości i będziesz musiał ponownie zweryfikować wszystkie istniejące kontakty. <a>Dowiedz się więcej</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Usuń magazyn kluczy",
+                "confirm": "Usuń magazyn kluczy",
+                "description": "Usunięcie magazynu kluczy spowoduje usunięcie tożsamości kryptograficznej i kluczy wiadomości z serwera i wyłączenie następujących funkcji bezpieczeństwa:",
+                "list_first": "Stracisz dostęp do zaszyfrowanej historii wiadomości na nowych urządzeniach",
+                "list_second": "Jeśli nie jesteś zalogowany na żadnym innym urządzeniu, stracisz dostęp do swoich zaszyfrowanych wiadomości",
+                "title": "Czy na pewno chcesz wyłączyć przechowywanie kluczy i je usunąć?"
+            },
+            "device_not_verified_button": "Zweryfikuj to urządzenie",
+            "device_not_verified_description": "Aby wyświetlić ustawienia szyfrowania, musisz zweryfikować to urządzenie.",
+            "device_not_verified_title": "Urządzenie niezweryfikowane",
+            "dialog_title": "<strong>Ustawienia:</strong> Szyfrowanie",
+            "key_storage": {
+                "allow_key_storage": "Zezwalaj na przechowywanie kluczy",
+                "description": "Dzięki temu będziesz mógł przeglądać historię czatów na nowych urządzeniach. Jest to również wymagane do tworzenia kopii zapasowych i tożsamości cyfrowej. <a>Dowiedz się więcej</a>",
+                "title": "Magazyn kluczy"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Potwierdź nowy klucz przywracania",
+                "change_recovery_confirm_description": "Wprowadź poniżej nowy klucz przywracania, aby zakończyć. Stary klucz przestanie działać.",
+                "change_recovery_confirm_title": "Wprowadź nowy klucz przywracania",
+                "change_recovery_key": "Zmień klucz przywracania",
+                "change_recovery_key_description": "Zapisz nowy klucz przywracania w bezpiecznym miejscu. Następnie kliknij Kontynuuj, aby zastosować zmiany.",
+                "change_recovery_key_title": "Zmienić klucz przywracania?",
+                "description": "Twoje czaty są automatycznie archiwizowane za pomocą szyfrowania end-to-end. Aby przywrócić tę kopię zapasową i swoją tożsamość cyfrową, wymagany będzie klucz przywracania.",
+                "enter_key_error": "Wprowadzony klucz przywracania nie jest poprawny.",
+                "enter_recovery_key": "Wprowadź klucz przywracania",
+                "forgot_recovery_key": "Zapomniałeś klucza przywracania?",
+                "key_storage_warning": "Magazyn kluczy nie jest zsynchronizowany. Kliknij jeden z przycisków poniżej, aby rozwiązać problem.",
+                "save_key_description": "Nie udostępniaj go nikomu!",
+                "save_key_title": "Klucz przywracania",
+                "set_up_recovery": "Uzyskaj klucz przywracania",
+                "set_up_recovery_confirm_button": "Zakończ konfigurację",
+                "set_up_recovery_confirm_description": "Wprowadź klucz przywracania pokazany na poprzednim ekranie, aby zakończyć konfigurowanie przywracania.",
+                "set_up_recovery_confirm_title": "Wprowadź klucz przywracania, aby potwierdzić",
+                "set_up_recovery_description": "Magazyn kluczy jest chroniony przez klucz przywracania. Jeśli po skonfigurowaniu potrzebujesz klucza przywracania, wygeneruj go zaznaczając ‘%(changeRecoveryKeyButton)s’.",
+                "set_up_recovery_save_key_description": "Zapisz ten klucz przywracania w bezpiecznym miejscu, takim jak menedżer haseł, notatka szyfrowana lub sejf.",
+                "set_up_recovery_save_key_title": "Zapisz klucz przywracania w bezpiecznym miejscu",
+                "set_up_recovery_secondary_description": "Klikając przycisk Kontynuuj, wygenerujemy dla Ciebie klucz przywracania.",
+                "title": "Kopia zapasowa"
+            },
+            "title": "Szyfrowanie"
+        },
+        "general": {
+            "account_management_section": "Zarządzanie kontem",
+            "account_section": "Konto",
+            "add_email_dialog_title": "Dodaj adres e-mail",
+            "add_email_failed_verification": "Nie udało się zweryfikować adresu e-mail: upewnij się że kliknąłeś w link w e-mailu",
+            "add_email_instructions": "Wysłaliśmy Ci e-mail, aby zweryfikować Twój adres. Podążaj za instrukcjami z niego, a później naciśnij poniższy przycisk.",
+            "add_msisdn_confirm_body": "Naciśnij przycisk poniżej aby potwierdzić dodanie tego numeru telefonu.",
+            "add_msisdn_confirm_button": "Potwierdź dodanie numeru telefonu",
+            "add_msisdn_confirm_sso_button": "Potwierdź dodanie tego numeru telefonu przy użyciu pojedynczego logowania, aby potwierdzić swoją tożsamość.",
+            "add_msisdn_dialog_title": "Dodaj numer telefonu",
+            "add_msisdn_instructions": "Wiadomość tekstowa wysłana do %(msisdn)s. Wprowadź kod weryfikacyjny w niej zawarty.",
+            "add_msisdn_misconfigured": "Dodaj / binduj za pomocą MSISDN flow zostało nieprawidłowo skonfigurowane",
+            "allow_spellcheck": "Zezwól na sprawdzanie pisowni",
+            "application_language": "Język aplikacji",
+            "application_language_reload_hint": "Aplikacja włączy się ponownie po zmianie języka",
+            "avatar_open_menu": "Otwórz menu awatara",
+            "avatar_remove_progress": "Usuwanie obrazu...",
+            "avatar_save_progress": "Przesyłanie obrazu...",
+            "avatar_upload_error_text": "Format pliku nie jest obsługiwany lub obraz jest większy niż %(size)s.",
+            "avatar_upload_error_text_generic": "Format pliku może nie być obsługiwany.",
+            "avatar_upload_error_title": "Nie można przesłać obrazu awatara",
+            "confirm_adding_email_body": "Naciśnij przycisk poniżej aby zatwierdzić dodawanie adresu e-mail.",
+            "confirm_adding_email_title": "Potwierdź dodanie e-maila",
+            "deactivate_confirm_body": "Czy na pewno chcesz dezaktywować swoje konto? Nie można tego cofnąć.",
+            "deactivate_confirm_body_sso": "Potwierdź dezaktywację swojego konta za pomocą pojedynczego logowania, potwierdzając swoją tożsamość.",
+            "deactivate_confirm_content": "Potwierdź, że chcesz dezaktywować swoje konto. Jeśli kontynuujesz:",
+            "deactivate_confirm_content_1": "Nie będziesz mógł aktywować ponownie swojego konta",
+            "deactivate_confirm_content_2": "Nie będziesz mógł się zalogować",
+            "deactivate_confirm_content_3": "Nikt nie będzie mógł użyć ponownie Twojej nazwy użytkownika (MXID), włączając Ciebie: nazwa stanie się niedostępna",
+            "deactivate_confirm_content_4": "Opuścisz wszystkie pokoje i wiadomości prywatne, w których jesteś",
+            "deactivate_confirm_content_5": "Zostaniesz usunięty z serwera tożsamości: Twoi znajomi nie będą w stanie Cię znaleźć za pomocą twojego adresu e-mail lub numeru telefonu",
+            "deactivate_confirm_content_6": "Twoje stare wiadomości wciąż będą widoczne dla osób, które je otrzymały, tak jak e-maile, które wysłałeś w przeszłości. Czy chcesz ukryć Twoje wiadomości osobom, które dołączą do pokoju w przyszłości?",
+            "deactivate_confirm_continue": "Potwierdź dezaktywację konta",
+            "deactivate_confirm_erase_label": "Ukryj moje wiadomości dla nowych osób",
+            "deactivate_section": "Dezaktywuj konto",
+            "deactivate_warning": "Dezaktywacja konta jest nieodwracalna — bądź ostrożny!",
+            "discovery_email_empty": "Opcje odkrywania pojawią się, gdy dodasz adres e-mail.",
+            "discovery_email_verification_instructions": "Zweryfikuj link w swojej skrzynce odbiorczej",
+            "discovery_msisdn_empty": "Opcje odkrywania pojawią się, gdy dodasz numer telefonu.",
+            "discovery_needs_terms": "Musisz wyrazić zgodę na warunki świadczenia usług serwera (%(serverName)s), aby można było Cię odkryć za pomocą adresu e-mail oraz numeru telefonu.",
+            "discovery_needs_terms_title": "Pozwól ludziom Cię znaleźć",
+            "display_name": "Wyświetlana nazwa",
+            "display_name_error": "Nie można ustawić wyświetlanej nazwy",
+            "email_adding_unsupported_by_hs": "Ten serwer domowy nie obsługuje dodawania adresów e-mail do Twojego konta.",
+            "email_address_in_use": "Podany adres e-mail jest już w użyciu",
+            "email_address_label": "Adres e-mail",
+            "email_not_verified": "Twój adres e-mail nie został jeszcze zweryfikowany",
+            "email_verification_instructions": "Kliknij link w wiadomości e-mail, którą otrzymałeś, aby zweryfikować i kliknij kontynuuj ponownie.",
+            "emails_heading": "Adresy e-mail",
+            "error_add_email": "Nie można dodać adresu e-mail",
+            "error_deactivate_communication": "Wystąpił problem podczas łączenia się z serwerem. Spróbuj ponownie.",
+            "error_deactivate_invalid_auth": "Serwer nie zwrócił prawidłowych informacji uwierzytelniających.",
+            "error_deactivate_no_auth": "Serwer nie wymagał żadnego uwierzytelnienia",
+            "error_email_verification": "Weryfikacja adresu e-mail nie powiodła się.",
+            "error_invalid_email": "Nieprawidłowy adres e-mail",
+            "error_invalid_email_detail": "Ten adres e-mail zdaje się nie być poprawny",
+            "error_msisdn_verification": "Nie udało się zweryfikować numeru telefonu.",
+            "error_password_change_403": "Zmiana hasła nie powiodła się. Czy Twoje hasło jest poprawne?",
+            "error_password_change_http": "%(errorMessage)s (Status HTTP %(httpStatus)s)",
+            "error_password_change_title": "Wystąpił błąd podczas zmiany hasła",
+            "error_password_change_unknown": "Wystąpił nieznany błąd podczas zmiany hasła (%(stringifiedError)s)",
+            "error_remove_3pid": "Nie można usunąć informacji kontaktowych",
+            "error_revoke_email_discovery": "Nie można cofnąć udostępniania adresu e-mail",
+            "error_revoke_msisdn_discovery": "Nie można odwołać udostępniania numeru telefonu",
+            "error_share_email_discovery": "Nie udało się udostępnić adresu e-mail",
+            "error_share_msisdn_discovery": "Nie udało się udostępnić numeru telefonu",
+            "identity_server_no_token": "Nie znaleziono tokena dostępu tożsamości",
+            "identity_server_not_set": "Serwer tożsamości nie jest ustawiony",
+            "invalid_phone_number": "Podany numer telefonu nie wydaje się być poprawny.",
+            "language_section": "Język",
+            "msisdn_adding_unsupported_by_hs": "Ten serwer domowy nie obsługuje dodawania numerów telefonów do Twojego konta.",
+            "msisdn_in_use": "Ten numer telefonu jest już zajęty",
+            "msisdn_label": "Numer telefonu",
+            "msisdn_verification_field_label": "Kod weryfikacyjny",
+            "msisdn_verification_instructions": "Wprowadź kod weryfikacyjny wysłany wiadomością tekstową.",
+            "msisdns_heading": "Numery telefonów",
+            "oidc_manage_button": "Zarządzaj kontem",
+            "password_change_section": "Ustaw nowe hasło użytkownika…",
+            "password_change_success": "Twoje hasło zostało pomyślnie zmienione.",
+            "personal_info": "Dane osobowe",
+            "profile_subtitle": "Tak widzą Cię inni w aplikacji.",
+            "profile_subtitle_oidc": "Twoje konto jest zarządzane oddzielnie przez dostawcę tożsamości, dlatego nie można tutaj zmienić niektórych danych osobowych.",
+            "remove_email_prompt": "Usunąć %(email)s?",
+            "remove_msisdn_prompt": "Usunąć %(phone)s?",
+            "spell_check_locale_placeholder": "Wybierz język",
+            "unable_to_load_emails": "Nie można załadować adresów e-mail",
+            "unable_to_load_msisdns": "Nie można załadować numerów telefonu",
+            "username": "Nazwa użytkownika"
+        },
+        "inline_url_previews_default": "Włącz podgląd",
+        "inline_url_previews_encrypted": "Włącz podgląd w pokojach szyfrowanych",
+        "insert_trailing_colon_mentions": "Wstawiaj dwukropek po wzmiance użytkownika na początku wiadomości",
+        "invite_controls": {
+            "default_label": "Zezwól użytkownikom na zapraszanie Cię do pokojów"
+        },
+        "jump_to_bottom_on_send": "Przejdź na dół osi czasu po wysłaniu wiadomości",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Twoje klucze są właśnie przywracane z tego urządzenia.",
+                "backup_setup_success_title": "Wykonanie bezpiecznej kopii zapasowej powiodło się",
+                "cancel_warning": "Jeśli anulujesz teraz, możesz stracić wiadomości szyfrowane i dane, jeśli stracisz dostęp do loginu i hasła.",
+                "confirm_security_phrase": "Potwierdź swoje hasło bezpieczeństwa",
+                "description": "Zabezpiecz się przed utratą dostępu do szyfrowanych wiadomości i danych, tworząc kopię zapasową kluczy szyfrowania na naszym serwerze.",
+                "download_or_copy": "%(downloadButton)s lub %(copyButton)s",
+                "enter_phrase_description": "Wprowadź frazę bezpieczeństwa, którą znasz tylko Ty, ponieważ wykorzystamy ją ochrony Twoich danych. Ze względów bezpieczeństwa, nie wprowadzaj tutaj swojego hasła.",
+                "enter_phrase_title": "Wprowadź hasło bezpieczeństwa",
+                "enter_phrase_to_confirm": "Wprowadź hasło bezpieczeństwa ponownie, aby potwierdzić.",
+                "generate_security_key_description": "Wygenerujemy dla Ciebie klucz przywracania, który możesz przechowywać w bezpiecznym miejscu, np. w menedżerze haseł lub sejfie.",
+                "generate_security_key_title": "Wygeneruj klucz przywracania",
+                "pass_phrase_match_failed": "To się nie zgadza.",
+                "pass_phrase_match_success": "Zgadza się!",
+                "phrase_strong_enough": "Wspaniale! Hasło bezpieczeństwa wygląda na silne.",
+                "secret_storage_query_failure": "Nie udało się uzyskać statusu sekretnego magazynu",
+                "security_key_safety_reminder": "Przechowuj swój klucz przywracania w bezpiecznym miejscu, takim jak menedżer haseł lub sejf, ponieważ jest on używany do ochrony zaszyfrowanych danych.",
+                "set_phrase_again": "Wróć, aby skonfigurować to ponownie.",
+                "settings_reminder": "W ustawieniach możesz również skonfigurować bezpieczną kopię zapasową i zarządzać swoimi kluczami.",
+                "title_confirm_phrase": "Potwierdź hasło bezpieczeństwa",
+                "title_save_key": "Zapisz klucz przywracania",
+                "title_set_phrase": "Ustaw hasło bezpieczeństwa",
+                "unable_to_setup": "Nie można ustawić sekretnego magazynu",
+                "use_different_passphrase": "Użyć innego hasła?",
+                "use_phrase_only_you_know": "Użyj sekretnej frazy, którą znasz tylko Ty, i opcjonalnie zapisz klucz przywracania do tworzenia kopii zapasowych."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Potwierdź hasło szyfrujące",
+            "enter_passphrase": "Wpisz frazę",
+            "export_description_1": "Ten proces pozwala na eksport kluczy do wiadomości otrzymanych w zaszyfrowanych pokojach do pliku lokalnego. Wtedy będzie można importować plik do innego klienta Matrix w przyszłości, tak aby ów klient także mógł rozszyfrować te wiadomości.",
+            "export_description_2": "Eksportowany plik zezwoli każdemu, kto go odczyta na szyfrowanie i rozszyfrowanie wiadomości, które widzisz. By usprawnić proces, wprowadź hasło poniżej, które posłuży do szyfrowania eksportowanych danych. Importowanie danych będzie możliwe wyłącznie za pomocą tego hasła.",
+            "export_title": "Eksportuj klucze pokoju",
+            "file_to_import": "Plik do importu",
+            "import_description_1": "Ten proces pozwala na import zaszyfrowanych kluczy, które wcześniej zostały eksportowane z innego klienta Matrix. Będzie można odszyfrować każdą wiadomość, którą ów inny klient mógł odszyfrować.",
+            "import_description_2": "Eksportowany plik będzie chroniony hasłem szyfrującym. Aby odszyfrować plik, wpisz hasło szyfrujące tutaj.",
+            "import_title": "Importuj klucze pokoju",
+            "phrase_cannot_be_empty": "Hasło szyfrujące nie może być puste",
+            "phrase_must_match": "Hasła szyfrujące muszą być identyczne",
+            "phrase_strong_enough": "Świetnie! To hasło wygląda na wystarczająco silne"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Ustawienia:</strong> Klawiatura",
+            "title": "Skróty klawiszowe"
+        },
+        "labs": {
+            "dialog_title": "<strong>Ustawienia:</strong> Laboratoria"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Ustawienia:</strong> Ignorowani użytkownicy"
+        },
+        "media_preview": {
+            "hide_avatars": "Ukryj awatary pokoju i zapraszającego",
+            "hide_media": "Zawsze ukrywaj",
+            "media_preview_description": "Ukryte media można zawsze wyświetlić, dotykając ich",
+            "media_preview_label": "Pokaż media na osi czasu",
+            "show_in_private": "W pokojach prywatnych",
+            "show_media": "Zawsze pokazuj"
+        },
+        "not_supported": "Twój serwer nie obsługuje tej funkcji.",
+        "notifications": {
+            "default_setting_description": "To ustawienie zastosuje się do wszystkich Twoich pokoi.",
+            "default_setting_section": "Chce otrzymywać powiadomienia (Domyślne ustawienie)",
+            "desktop_notification_message_preview": "Pokaż podgląd wiadomości w powiadomieniach na pulpicie",
+            "dialog_title": "<strong>Ustawienia:</strong> Powiadomienia",
+            "email_description": "Otrzymuj e-maile z podsumowaniem pominiętych powiadomień",
+            "email_section": "Podsumowanie e-mail",
+            "email_select": "Wybierz, które e-maile mają otrzymać podsumowania. Zarządzaj swoimi e-mailami w sekcji <button>Ogólne</button>.",
+            "enable_audible_notifications_session": "Włącz powiadomienia dźwiękowe dla tej sesji",
+            "enable_desktop_notifications_session": "Włącz powiadomienia na pulpicie dla tej sesji",
+            "enable_email_notifications": "Włącz powiadomienia email dla %(email)s",
+            "enable_notifications_account": "Włącz powiadomienia na tym koncie",
+            "enable_notifications_account_detail": "Włącz, aby wyłączyć powiadomienia na wszystkich swoich urządzeniach i sesjach",
+            "enable_notifications_device": "Włącz powiadomienia dla tego urządzenia",
+            "error_loading": "Wystąpił błąd podczas wczytywania twoich ustawień powiadomień.",
+            "error_permissions_denied": "%(brand)s nie ma uprawnień, by wysyłać Ci powiadomienia - sprawdź ustawienia swojej przeglądarki",
+            "error_permissions_missing": "%(brand)s nie otrzymał uprawnień do wysyłania powiadomień - spróbuj ponownie",
+            "error_saving": "Błąd zapisywania ustawień powiadomień",
+            "error_saving_detail": "Wystąpił błąd podczas zapisywania twoich ustawień powiadomień.",
+            "error_title": "Nie można włączyć powiadomień",
+            "error_updating": "Wystąpił błąd podczas aktualizowania Twoich preferencji powiadomień. Przełącz opcję ponownie.",
+            "invites": "Zaproszono do pokoju",
+            "keywords": "Wyświetl plakietkę <badge/>, gdy słowa kluczowe są używane w pokoju.",
+            "keywords_prompt": "Wprowadź tutaj słowa kluczowe lub użyj odmian pisowni lub nicków",
+            "labs_notice_prompt": "<strong>Aktualizacja:</strong>Uprościliśmy Ustawienia powiadomień, aby łatwiej je nawigować. Niektóre ustawienia niestandardowe nie są już tu widoczne, lecz wciąż aktywne. Jeśli kontynuujesz, niektóre Twoje ustawienia mogą się zmienić. <a>Dowiedz się więcej</a>",
+            "mentions_keywords": "Wzmianki i słowa kluczowe",
+            "mentions_keywords_only": "Wyłącznie wzmianki i słowa kluczowe",
+            "messages_containing_keywords": "Wiadomości zawierające słowa kluczowe",
+            "noisy": "Głośno",
+            "notices": "Wiadomości wysłane przez boty",
+            "notify_at_room": "Powiadom mnie, gdy ktoś użyje wzmianki @room",
+            "notify_keyword": "Powiadom, gdy ktoś używa słowa kluczowego",
+            "notify_mention": "Powiadom mnie, gdy ktoś użyje wzmianki @displayname lub %(mxid)s",
+            "other_section": "Inne rzeczy, które mogą Cię zainteresować:",
+            "people_mentions_keywords": "Osoby, wzmianki i słowa kluczowe",
+            "play_sound_for_description": "Zastosowano domyślnie do wszystkich pokoi na każdym urządzeniu.",
+            "play_sound_for_section": "Odtwórz dźwięk dla",
+            "push_targets": "Cele powiadomień",
+            "quick_actions_mark_all_read": "Oznacz wszystkie wiadomości jako przeczytane",
+            "quick_actions_reset": "Resetuj do ustawień domyślnych",
+            "quick_actions_section": "Szybkie akcje",
+            "room_activity": "Pojawiła się nowa aktywność pokoju, aktualizacje i status wiadomości",
+            "rule_call": "Zaproszenie do rozmowy",
+            "rule_contains_display_name": "Wiadomości zawierające moją wyświetlaną nazwę",
+            "rule_contains_user_name": "@wzmianki i odpowiedzi",
+            "rule_encrypted": "Wiadomości szyfrowane w czatach grupowych",
+            "rule_encrypted_room_one_to_one": "Wiadomości szyfrowane w czatach jeden-na-jeden",
+            "rule_invite_for_me": "Kiedy zostanę zaproszony do pokoju",
+            "rule_message": "Wiadomości w czatach grupowych",
+            "rule_room_one_to_one": "Wiadomości w czatach jeden-na-jeden",
+            "rule_roomnotif": "Wzmianki @room",
+            "rule_suppress_notices": "Wiadomości wysłane przez bota",
+            "rule_tombstone": "Kiedy pokoje są uaktualniane",
+            "show_message_desktop_notification": "Pokaż wiadomość w powiadomieniu na pulpicie",
+            "voip": "Połączenia audio i wideo"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Zapobiegaj przechwytywaniu zawartości okna przez inne aplikacje",
+            "Electron.enableHardwareAcceleration": "Włącz akcelerację sprzętową (uruchom ponownie %(appName)s, aby zastosować zmiany).",
+            "always_show_menu_bar": "Zawsze pokazuj pasek menu okna",
+            "autocomplete_delay": "Opóźnienie autouzupełniania (ms)",
+            "code_blocks_heading": "Bloki kodu",
+            "compact_modern": "Użyj bardziej kompaktowego, \"nowoczesnego\" wyglądu",
+            "composer_heading": "Kompozytor",
+            "default_timezone": "Ustawienie przeglądarki (%(timezone)s)",
+            "dialog_title": "<strong>Ustawienia:</strong> Preferencje",
+            "enable_content_protection": "Włącz ochronę treści",
+            "enable_hardware_acceleration": "Włącz przyspieszenie sprzętowe",
+            "enable_tray_icon": "Pokaż ikonę w zasobniku systemowym i zminimalizuj okno do niej zamiast zamknięcia",
+            "keyboard_heading": "Skróty klawiszowe",
+            "keyboard_view_shortcuts_button": "<a>Kliknij tutaj</a> aby wyświetlić wszystkie skróty klawiaturowe.",
+            "link_previews_description": "Wyświetla informacje o linkach pod wiadomościami",
+            "link_previews_heading": "Podgląd linków",
+            "media_heading": "Obrazy, GIFy i wideo",
+            "presence_description": "Udostępnij swoją aktywność i status z innymi.",
+            "publish_timezone": "Opublikuj strefę czasową na profilu publicznym",
+            "rm_lifetime": "Długość życia znacznika odczytu (ms)",
+            "rm_lifetime_offscreen": "Długość życia znacznika odczytu poza ekranem (ms)",
+            "room_directory_heading": "Katalog pokoju",
+            "room_list_heading": "Lista pokojów",
+            "show_avatars_pills": "Pokaż awatary w wzmiankach użytkownika, pokoju i wydarzenia",
+            "show_polls_button": "Pokaż przycisk ankiet",
+            "startup_window_behaviour_label": "Uruchamianie i zachowanie okna",
+            "surround_text": "Otocz zaznaczony tekst podczas wpisywania specjalnych znaków",
+            "time_heading": "Wyświetlanie czasu",
+            "user_timezone": "Ustaw strefę czasową"
+        },
+        "prompt_invite": "Powiadamiaj przed wysłaniem zaproszenia do potencjalnie nieprawidłowych ID matrix",
+        "replace_plain_emoji": "Automatycznie zastępuj tekstowe emotikony",
+        "security": {
+            "analytics_description": "Udostępnij anonimowe dane, aby pomóc nam zidentyfikować problemy. Nic osobistego. Żadnych stron trzecich.",
+            "bulk_options_accept_all_invites": "Zaakceptuj wszystkie zaproszenia do %(invitedRooms)s",
+            "bulk_options_reject_all_invites": "Odrzuć wszystkie zaproszenia do %(invitedRooms)s",
+            "bulk_options_section": "Masowe działania",
+            "dehydrated_device_description": "Funkcja urządzenia offline umożliwia odbieranie wiadomości szyfrowanych, nawet jeśli nie jesteś zalogowany na żadnym urządzeniu",
+            "dehydrated_device_enabled": "Urządzenie offline włączone",
+            "dialog_title": "<strong>Ustawienia:</strong> Bezpieczeństwo i prywatność",
+            "e2ee_default_disabled_warning": "Twój administrator serwera wyłączył domyślne szyfrowanie end-to-end w pokojach i wiadomościach prywatnych.",
+            "enable_message_search": "Włącz wyszukiwanie wiadomości w szyfrowanych pokojach",
+            "encryption_section": "Szyfrowanie",
+            "ignore_users_empty": "Nie posiadasz ignorowanych użytkowników.",
+            "ignore_users_section": "Ignorowani użytkownicy",
+            "key_backup_algorithm": "Algorytm:",
+            "message_search_disable_warning": "Jeśli wyłączone, wiadomości z szyfrowanych pokojów nie pojawią się w wynikach wyszukiwania.",
+            "message_search_disabled": "Bezpiecznie przechowuj lokalnie wiadomości szyfrowane, aby mogły się wyświetlać w wynikach wyszukiwania.",
+            "message_search_enabled": {
+                "one": "Bezpiecznie i lokalnie przechowuj wiadomości szyfrowane, aby mogły się wyświetlać w wynikach wyszukiwania wykorzystując %(size)s z %(rooms)s pokoju.",
+                "few": "Bezpiecznie i lokalnie przechowuj wiadomości szyfrowane, aby mogły się wyświetlać w wynikach wyszukiwania wykorzystując %(size)s z %(rooms)s pokojów.",
+                "many": "Bezpiecznie i lokalnie przechowuj wiadomości szyfrowane, aby mogły się wyświetlać w wynikach wyszukiwania wykorzystując %(size)s z %(rooms)s pokojów."
+            },
+            "message_search_failed": "Inicjalizacja wyszukiwania wiadomości nie powiodła się",
+            "message_search_indexed_messages": "Wiadomości indeksowane:",
+            "message_search_indexed_rooms": "Pokoje indeksowane:",
+            "message_search_indexing": "Aktualnie indeksowanie: %(currentRoom)s",
+            "message_search_indexing_idle": "Aktualnie nie są indeksowane wiadomości z żadnego pokoju.",
+            "message_search_intro": "%(brand)s bezpiecznie i lokalnie przechowuje wiadomości szyfrowane, aby mogły pojawić się w wynikach wyszukiwania:",
+            "message_search_pending_rooms": "Pokoje oczekujące na indeksowanie: %(pendingRooms)s",
+            "message_search_room_progress": "%(doneRooms)s z %(totalRooms)s",
+            "message_search_section": "Wyszukiwanie wiadomości",
+            "message_search_sleep_time": "Jak szybko powinny być pobierane wiadomości.",
+            "message_search_space_used": "Wykorzystane miejsce:",
+            "message_search_unsupported": "%(brand)s brakuje niektórych komponentów wymaganych do bezpiecznego przechowywania wiadomości szyfrowanych lokalnie. Jeśli chcesz eksperymentować z tą funkcją, zbuduj własny %(brand)s Desktop z <nativeLink> dodanymi komponentami wyszukiwania</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s nie jest w stanie bezpiecznie przechowywać wiadomości szyfrowanych lokalnie, gdy działa w przeglądarce. Użyj <desktopLink>%(brand)s Desktop</desktopLink>, aby wiadomości pojawiły się w wynikach wyszukiwania.",
+            "record_session_details": "Zapisz nazwę klienta, wersję i URL, aby łatwiej rozpoznawać sesje w menedżerze sesji",
+            "send_analytics": "Wysyłaj dane analityczne",
+            "strict_encryption": "Wysyłaj wiadomości tylko do zweryfikowanych użytkowników"
+        },
+        "send_read_receipts": "Wysyłaj potwierdzenia przeczytania",
+        "send_read_receipts_unsupported": "Twój serwer nie wspiera wyłączenia wysyłania potwierdzeń przeczytania.",
+        "send_typing_notifications": "Wyślij powiadomienia o pisaniu",
+        "sessions": {
+            "best_security_note": "Dla najlepszego bezpieczeństwa zweryfikuj swoje sesje i usuń każdą, której nie rozpoznajesz lub z której już nie korzystasz.",
+            "confirm_sign_out": {
+                "one": "Potwierdź usunięcie tego urządzenia",
+                "few": "Potwierdź usunięcie tych urządzeń",
+                "many": "Potwierdź usunięcie tych urządzeń"
+            },
+            "confirm_sign_out_body": {
+                "one": "Kliknij przycisk poniżej, aby potwierdzić usunięcie tego urządzenia.",
+                "few": "Kliknij przycisk poniżej, aby potwierdzić usunięcie tych urządzeń.",
+                "many": "Kliknij przycisk poniżej, aby potwierdzić usunięcie tych urządzeń."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Usuń urządzenie",
+                "few": "Usuń urządzenia",
+                "many": "Usuń urządzenia"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Potwierdź usunięcie tego urządzenia, logując się ponownie, by potwierdzić swoją tożsamość.",
+                "few": "Potwierdź usunięcie tych urządzeń, logując się ponownie, by potwierdzić swoją tożsamość.",
+                "many": "Potwierdź usunięcie tych urządzeń, logując się ponownie, by potwierdzić swoją tożsamość."
+            },
+            "current_session": "Bieżąca sesja",
+            "desktop_session": "Sesja desktopowa",
+            "details_heading": "Szczegóły sesji",
+            "device_unverified_description": "Zweryfikuj lub usuń tę sesję, aby zapewnić najwyższe bezpieczeństwo i niezawodność.",
+            "device_unverified_description_current": "Zweryfikuj swoją bieżącą sesję dla wzmocnienia bezpiecznych wiadomości.",
+            "device_verified_description": "Sesja jest gotowa do wysyłania bezpiecznych wiadomości.",
+            "device_verified_description_current": "Twoja bieżąca sesja jest gotowa do wysyłania bezpiecznych wiadomości.",
+            "dialog_title": "<strong>Ustawienia:</strong> Sesje",
+            "error_pusher_state": "Nie udało się ustawić stanu pushera",
+            "error_set_name": "Nie udało się ustawić nazwy sesji",
+            "filter_all": "Wszystkie",
+            "filter_inactive": "Nieaktywne",
+            "filter_inactive_description": "Nieaktywne przez %(inactiveAgeDays)s dni lub dłużej",
+            "filter_label": "Filtruj urządzenia",
+            "filter_unverified_description": "Nieprzygotowane do bezpiecznej komunikacji",
+            "filter_verified_description": "Gotowe do bezpiecznej komunikacji",
+            "hide_details": "Ukryj szczegóły",
+            "inactive_days": "Nieaktywne przez %(inactiveAgeDays)s+ dni",
+            "inactive_sessions": "Sesje nieaktywne",
+            "inactive_sessions_explainer_1": "Sesje nieaktywne to sesje, które nie były używane przez dłuższy czas, ale wciąż otrzymują klucze szyfrujące.",
+            "inactive_sessions_explainer_2": "Regularne usuwanie sesji nieaktywnych poprawia bezpieczeństwo, wydajność i upraszcza Tobie wykrywanie podejrzanych sesji.",
+            "inactive_sessions_list_description": "Rozważ usunięcie starych sesji (%(inactiveAgeDays)s dni lub starsze), jeśli już z nich nie korzystasz.",
+            "ip": "Adres IP",
+            "last_activity": "Ostatnia aktywność",
+            "manage": "Zarządzaj tą sesją",
+            "mobile_session": "Sesja mobilna",
+            "n_sessions_selected": {
+                "one": "Zaznaczono %(count)s sesję",
+                "few": "Zaznaczono %(count)s sesje",
+                "many": "Zaznaczono %(count)s sesji"
+            },
+            "no_inactive_sessions": "Nie znaleziono nieaktywnych sesji.",
+            "no_sessions": "Nie znaleziono sesji.",
+            "no_unverified_sessions": "Nie znaleziono niezweryfikowanych sesji.",
+            "no_verified_sessions": "Nie znaleziono zweryfikowanych sesji.",
+            "other_sessions_heading": "Inne sesje",
+            "push_heading": "Powiadomienia push",
+            "push_subheading": "Otrzymuj powiadomienia push na tej sesji.",
+            "push_toggle": "Przełącz powiadomienia push dla tej sesji.",
+            "rename_form_caption": "Należy pamiętać, że nazwy sesji są widoczne również dla osób, z którymi się komunikujesz.",
+            "rename_form_heading": "Zmień nazwę sesji",
+            "rename_form_learn_more": "Zmienianie nazwy sesji",
+            "rename_form_learn_more_description_1": "Użytkownicy w wiadomościach prywatnych i pokojach, w których uczestniczysz mogą zobaczyć pełną listę Twoich sesji.",
+            "rename_form_learn_more_description_2": "Oznacza to dla nich pewność, że rzeczywiście rozmawiają z Tobą, ale jednocześnie oznacza, że widzą nazwę sesji, którą tutaj wpiszesz.",
+            "security_recommendations": "Rekomendacje bezpieczeństwa",
+            "security_recommendations_description": "Zwiększ bezpieczeństwo swojego konta kierując się tymi rekomendacjami.",
+            "session_id": "Identyfikator sesji",
+            "show_details": "Pokaż szczegóły",
+            "sign_in_with_qr": "Powiąż nowe urządzenie",
+            "sign_in_with_qr_button": "Pokaż kod QR",
+            "sign_in_with_qr_description": "Użyj kodu QR, aby zalogować się na innym urządzeniu i skonfigurować bezpieczne przesyłanie wiadomości.",
+            "sign_in_with_qr_unsupported": "Nieobsługiwane przez dostawcę konta",
+            "sign_out": "Usuń tę sesję",
+            "sign_out_all_other_sessions": "Usuń wszystkie pozostałe sesje (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Czy na pewno chcesz usunąć %(count)s sesję?",
+                "few": "Czy na pewno chcesz usunąć %(count)s sesje?",
+                "many": "Czy na pewno chcesz usunąć %(count)s sesji?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Usuń %(count)s sesję",
+                "few": "Usuń %(count)s sesje",
+                "many": "Usuń %(count)s sesji"
+            },
+            "title": "Sesje",
+            "unknown_session": "Nieznany typ sesji",
+            "unverified_session": "Sesja niezweryfikowana",
+            "unverified_session_explainer_1": "Ta sesja nie wspiera szyfrowania, dlatego nie może zostać zweryfikowana.",
+            "unverified_session_explainer_2": "Nie będziesz w stanie uczestniczyć w pokojach, gdzie szyfrowane jest włączone.",
+            "unverified_session_explainer_3": "Dla najlepszego bezpieczeństwa i prywatności zaleca się korzystania z klientów Matrix, które wspierają szyfrowanie.",
+            "unverified_sessions": "Sesje niezweryfikowane",
+            "unverified_sessions_explainer_1": "Sesje niezweryfikowane to sesje, w których zalogowano się za pomocą Twoich danych, ale nie zostały potwierdzone tożsamością cyfrową.",
+            "unverified_sessions_explainer_2": "W tym przypadku dokładnie się upewnij, że rozpoznajesz takie sesje, ponieważ mogą ujawnić nieautoryzowane użycie Twojego konta.",
+            "unverified_sessions_list_description": "Zweryfikuj swoje sesje, aby zapewnić większe bezpieczeństwo komunikacji lub usuń te, których nie rozpoznajesz albo których już nie używasz.",
+            "url": "URL",
+            "verified_session": "Sesja zweryfikowana",
+            "verified_sessions": "Sesje zweryfikowane",
+            "verified_sessions_explainer_1": "Zweryfikowane sesje zostały potwierdzone przez Twoją tożsamość cyfrową.",
+            "verified_sessions_explainer_2": "To oznacza, że posiadasz wszystkie niezbędne klucze wymagane do odblokowania swoich zaszyfrowanych wiadomości i oznajmiasz innym użytkownikom, że ufasz tej sesji.",
+            "verified_sessions_list_description": "Dla najlepszego bezpieczeństwa, usuń każdą sesję, której nie rozpoznajesz lub już nie używasz.",
+            "verify_session": "Zweryfikuj sesję",
+            "web_session": "Sesja internetowa"
+        },
+        "show_avatar_changes": "Pokaż zmiany zdjęcia profilowego",
+        "show_breadcrumbs": "Pokazuj skróty do ostatnio wyświetlonych pokojów nad listą pokojów",
+        "show_chat_effects": "Pokaż efekty czatu (animacje po odebraniu np. confetti)",
+        "show_displayname_changes": "Pokaż zmiany wyświetlanej nazwy",
+        "show_join_leave": "Pokaż wiadomości dołączenia/opuszczenia pokoju (nie dotyczy wiadomości zaproszenia/wyrzucenia/banów)",
+        "show_message_previews": "Pokaż podglądy wiadomości",
+        "show_nsfw_content": "Pokaż zawartość NSFW",
+        "show_read_receipts": "Pokaż potwierdzenia odczytania wysyłane przez innych użytkowników",
+        "show_redaction_placeholder": "Pokaż symbol zastępczy dla usuniętych wiadomości",
+        "show_sections": "Pokaż sekcje",
+        "show_stickers_button": "Pokaż przycisk naklejek",
+        "show_typing_notifications": "Pokazuj powiadomienia o pisaniu",
+        "showbold": "Pokaż całą aktywność na liście pomieszczeń (kropki lub liczbę nieprzeczytanych wiadomości)",
+        "sidebar": {
+            "dialog_title": "<strong>Ustawienia:</strong> Pasek boczny",
+            "metaspaces_home_all_rooms": "Pokaż wszystkie pokoje",
+            "metaspaces_home_all_rooms_description": "Pokaż wszystkie swoje pokoje na głównej, nawet jeśli znajdują się w przestrzeni.",
+            "metaspaces_home_description": "Główna to przydatne miejsce, gdzie znajdziesz przegląd wszystkich pokoi.",
+            "metaspaces_orphans": "Pokoje poza przestrzenią",
+            "metaspaces_orphans_description": "Pogrupuj wszystkie pokoje, które nie są częścią przestrzeni, w jednym miejscu.",
+            "metaspaces_subsection": "Wyświetlanie przestrzeni",
+            "metaspaces_video_rooms": "Pokoje wideo i konferencje",
+            "metaspaces_video_rooms_description": "Grupuj wszystkie prywatne pokoje wideo i konferencje.",
+            "metaspaces_video_rooms_description_invite_extension": "Na konferencje możesz zapraszać osoby spoza matrixa.",
+            "spaces_explainer": "Przestrzenie to sposób grupowania pokoi i osób. Oprócz przestrzeni, w których się znajdujesz, możesz również korzystać z już wstępnie zbudowanych.",
+            "title": "Pasek boczny"
+        },
+        "start_automatically": {
+            "disabled": "Nie",
+            "enabled": "Tak",
+            "label": "Otwórz %(brand)s po zalogowaniu do komputera",
+            "minimised": "Zminimalizowany"
+        },
+        "tac_only_notifications": "Pokaż powiadomienia tylko w centrum aktywności wątków",
+        "use_12_hour_format": "Pokaż czas w formacie 12-sto godzinnym (np. 2:30pm)",
+        "use_command_enter_send_message": "Użyj Command + Enter, aby wysłać wiadomość",
+        "use_command_f_search": "Użyj Command + F aby przeszukać oś czasu",
+        "use_control_enter_send_message": "Użyj Ctrl + Enter, aby wysłać wiadomość",
+        "use_control_f_search": "Użyj Ctrl + F aby przeszukać oś czasu",
+        "voip": {
+            "allow_p2p": "Zezwól na Peer-to-Peer dla połączeń 1:1",
+            "allow_p2p_description": "Po włączeniu, inni użytkownicy będą mogli zobaczyć twój adres IP",
+            "audio_input_empty": "Nie wykryto żadnego mikrofonu",
+            "audio_output": "Wyjście audio",
+            "audio_output_empty": "Nie wykryto wyjść audio",
+            "auto_gain_control": "Automatyczna regulacja głośności",
+            "dialog_title": "<strong>Ustawienia:</strong> Głos i wideo",
+            "echo_cancellation": "Usuwanie echa",
+            "echo_cancellation_description": "Usuwa echo z mikrofonu podczas połączeń. To ustawienie dotyczy również połączenia Element Call.",
+            "enable_fallback_ice_server": "Zezwól na alternatywny serwer wspierający (%(server)s)",
+            "enable_fallback_ice_server_description": "Stosuje się go tylko wtedy, kiedy Twój serwer domowy go nie oferuje. Twój adres IP zostanie współdzielony w trakcie połączenia.",
+            "enable_legacy_calls": "Włącz starszą wersję połączeń głosowych/wideo",
+            "enable_legacy_calls_description": "Dotyczy połączeń Jitsi i 1:1 WebRTC",
+            "mirror_local_feed": "Lustrzane odbicie wideo",
+            "missing_permissions_prompt": "Aby dołączyć do połączenia, przyznaj %(brand)s dostęp do Twoich urządzeń audio i wideo.",
+            "noise_suppression": "Redukcja szumów",
+            "noise_suppression_description": "Redukuje szum tła w mikrofonie podczas połączeń. To ustawienie dotyczy również Element Call.",
+            "permissions": "Zezwól na dostęp do mikrofonu i kamery",
+            "request_permissions": "Prośba",
+            "title": "Głos i wideo",
+            "video_input_empty": "Nie wykryto żadnej kamerki internetowej",
+            "video_section": "Ustawienia wideo",
+            "voice_agc": "Automatycznie dostosuj głośność mikrofonu",
+            "voice_input_description": "Skonfigurowane tutaj wejście audio jest używane do obsługi wiadomości głosowych i połączeń (starsza wersja/1:1).",
+            "voice_input_section": "Wejście audio",
+            "voice_processing": "Procesowanie głosu",
+            "voice_section": "Ustawienia głosu"
+        },
+        "warn_quit": "Ostrzeż przed wyjściem",
+        "warning": "<w>OSTRZEŻENIE:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Skopiowano link",
+        "permalink_message": "Link do zaznaczonej wiadomości",
+        "permalink_most_recent": "Link do najnowszej wiadomości",
+        "share_call": "Link do zaproszenia do konferencji",
+        "share_call_subtitle": "Link dla użytkowników zewnętrznych umożliwiający dołączenie do rozmowy bez konta matrix:",
+        "title_link": "Udostępnij link",
+        "title_message": "Udostępnij wiadomość w pokoju",
+        "title_room": "Udostępnij pokój",
+        "title_user": "Udostępnij użytkownika"
+    },
+    "slash_command": {
+        "addwidget": "Dodaje niestandardowy widżet o danym adresie URL do pokoju",
+        "addwidget_iframe_missing_src": "iframe nie posiada atrybutu src",
+        "addwidget_invalid_protocol": "Podaj adres URL widżeta, zaczynający się od http:// lub https://",
+        "addwidget_missing_url": "Proszę podać adres URL widżetu lub embed code",
+        "addwidget_no_permissions": "Nie możesz modyfikować widżetów w tym pokoju.",
+        "ban": "Blokuje użytkownika o podanym ID",
+        "category_actions": "Akcje",
+        "category_admin": "Administrator",
+        "category_advanced": "Zaawansowane",
+        "category_effects": "Efekty",
+        "category_messages": "Wiadomości",
+        "category_other": "Inne",
+        "command_error": "Błąd polecenia",
+        "converttodm": "Zamienia pokój w wiadomość prywatną",
+        "converttoroom": "Zmienia wiadomości prywatne w pokój",
+        "could_not_find_room": "Nie udało się znaleźć pokoju",
+        "deop": "Usuwa prawa administratora użytkownikowi o danym ID",
+        "devtools": "Otwiera narzędzia deweloperskie",
+        "discardsession": "Wymusza odrzucenie bieżącej sesji grupowej wychodzącej z zaszyfrowanego pokoju",
+        "error_invalid_rendering_type": "Błąd polecenia: Nie można znaleźć renderowania typu (%(renderingType)s)",
+        "error_invalid_room": "Błąd komendy: Nie można znaleźć pokoju (%(roomId)s)",
+        "error_invalid_runfn": "Błąd polecenia: Nie można obsłużyć polecenia z ukośnikiem.",
+        "error_invalid_user_in_room": "Nie można znaleźć użytkownika w pokoju",
+        "help": "Wyświetla listę komend z przykładami i opisami",
+        "help_dialog_title": "Komenda pomocy",
+        "holdcall": "Zawiesza połączenie w obecnym pokoju",
+        "html": "Wysyła wiadomość w formacie html, bez interpretowania jej jako markdown",
+        "ignore": "Ignoruje użytkownika ukrywając jego wiadomości przed Tobą",
+        "ignore_dialog_description": "Ignorujesz teraz %(userId)s",
+        "ignore_dialog_title": "Ignorowany użytkownik",
+        "invite": "Zaprasza użytkownika o danym ID do obecnego pokoju",
+        "invite_3pid_needs_is_error": "Użyj serwera tożsamości, by zaprosić za pomocą adresu e-mail. Zarządzaj w ustawieniach.",
+        "invite_3pid_use_default_is_title": "Użyj serwera tożsamości",
+        "invite_3pid_use_default_is_title_description": "Użyj serwera tożsamości, by zaprosić z użyciem adresu e-mail. Kliknij dalej, żeby użyć domyślnego serwera tożsamości (%(defaultIdentityServerName)s), lub zmień w Ustawieniach.",
+        "invite_failed": "Użytkownik (%(user)s) nie został zaproszony do %(roomId)s, lecz nie wystąpił błąd od narzędzia zapraszającego",
+        "join": "Dołącz do pokoju o wybranym adresie",
+        "jumptodate": "Przeskocz do podanej daty w linii czasu",
+        "jumptodate_invalid_input": "Nie jesteśmy w stanie rozpoznać podanej daty (%(inputDate)s). Spróbuj użyć formatu RRRR-MM-DD.",
+        "lenny": "Dodaje ( ͡° ͜ʖ ͡°) na początku wiadomości tekstowej",
+        "manual_device_verification_confirm_description": "Umożliwi to drugiemu urządzeniu wysyłanie i odbieranie wiadomości w Twoim imieniu. JEŚLI KTOŚ POWIEDZIAŁ CI, ŻEBYŚ COŚ TU WKLEIŁ, PRAWDOPODOBNIE JESTEŚ OSZUKIWANY! Czy na pewno chcesz zweryfikować drugie urządzenie?",
+        "manual_device_verification_confirm_title": "Uwaga: ręczna weryfikacja urządzenia",
+        "me": "Wyświetla akcję",
+        "msg": "Wysyła wiadomość do wybranego użytkownika",
+        "myavatar": "Zdjęcie profilowe zostanie zmienione we wszystkich pokojach",
+        "myroomavatar": "Zdjęcie profilowe zostanie zmienione tylko w tym pokoju",
+        "myroomnick": "Zmienia Twój wyświetlany pseudonim tylko dla bieżącego pokoju",
+        "nick": "Zmienia Twój wyświetlany pseudonim",
+        "no_active_call": "Brak aktywnych połączeń w tym pokoju",
+        "op": "Określ poziom uprawnień użytkownika",
+        "part_unknown_alias": "Nieznany adres pokoju: %(roomAlias)s",
+        "plain": "Wysyła wiadomość jako zwykły tekst, bez jego interpretacji jako markdown",
+        "query": "Otwiera czat z wybranym użytkownikiem",
+        "query_not_found_phone_number": "Nie można znaleźć ID Matrix dla numeru telefonu",
+        "rageshake": "Wyślij raport błędu z logami",
+        "rainbow": "Wysyła podaną wiadomość w kolorach tęczy",
+        "rainbowme": "Wysyła podaną emotkę w kolorach tęczy",
+        "remove": "Usuwa użytkowników z danym id z tego pokoju",
+        "roomavatar": "Zmienia awatar dla obecnego pokoju",
+        "roomname": "Ustawia nazwę pokoju",
+        "server_error": "Błąd serwera",
+        "server_error_detail": "Serwer może być niedostępny, przeciążony, lub coś innego poszło źle.",
+        "shrug": "Dodaje ¯\\_(ツ)_/¯ na początku wiadomości tekstowej",
+        "spoiler": "Wysyła podaną wiadomość jako spoiler",
+        "status": {
+            "description": "Ustaw swój aktualny status",
+            "no_args": "Nie podano argumentów. Należy podać emoij i opcjonalny komponent tekstowy.",
+            "no_emoji": "Nie podano emoji",
+            "no_text": "Nie podano żadnego tekstu statusu",
+            "too_long_emoji": "Pierwszym argumentem musi być emoji",
+            "too_long_text": "Podany tekst jest za długi."
+        },
+        "tableflip": "Dodaje (╯°□°）╯︵ ┻━┻ na początku wiadomości tekstowej",
+        "topic": "Wyświetla lub ustawia temat pokoju",
+        "topic_none": "Ten pokój nie ma tematu.",
+        "topic_room_error": "Nie można znaleźć tematu pokoju: Nie można znaleźć pokoju (%(roomId)s",
+        "unban": "Odblokowuje użytkownika o danym ID",
+        "unflip": "Dodaje ┬──┬ ノ( ゜-゜ノ) na początku wiadomości tekstowej",
+        "unholdcall": "Odwiesza połączenie w obecnym pokoju",
+        "unignore": "Przestaje ignorować użytkownika, pokazując jego wiadomości od tego momentu",
+        "unignore_dialog_description": "Nie ignorujesz już %(userId)s",
+        "unignore_dialog_title": "Nieignorowany użytkownik",
+        "unknown_command": "Nieznane polecenie",
+        "unknown_command_button": "Wyślij jako wiadomość",
+        "unknown_command_detail": "Nieznane polecenie: %(commandText)s",
+        "unknown_command_help": "Możesz użyć <code>/help</code> aby wyświetlić listę dostępnych poleceń. Czy chciałeś wysłać to jako wiadomość?",
+        "unknown_command_hint": "Wskazówka: Rozpocznij swoją wiadomość od <code>//</code>, aby rozpocząć ją ukośnikiem.",
+        "upgraderoom": "Ulepsza pokój do nowej wersji",
+        "upgraderoom_permission_error": "Nie posiadasz wymaganych uprawnień do użycia tego polecenia.",
+        "usage": "Użycie",
+        "verify": "Zweryfikuj ręcznie jedno ze swoich urządzeń",
+        "view": "Przegląda pokój z podanym adresem",
+        "whois": "Pokazuje informacje na temat użytkownika"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Starsza metoda synchronizacji sliding sync nie jest już obsługiwana: zaloguj się ponownie, aby włączyć nową flagę synchronizacji sliding sync",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Chcesz zamiast tego dodać nowy pokój?",
+            "create_prompt": "Utwórz nowy pokój",
+            "dm_heading": "Wiadomości prywatne",
+            "error_heading": "Nie dodano wszystkiego, co było zaznaczone",
+            "progress_text": {
+                "one": "Dodawanie pokoju...",
+                "few": "Dodawanie pokoi... (%(progress)s z %(count)s)",
+                "many": "Dodawanie pokoi... (%(progress)s z %(count)s)"
+            },
+            "space_dropdown_label": "Wybór przestrzeni",
+            "space_dropdown_title": "Dodaj istniejące pokoje",
+            "subspace_moved_note": "Dodawanie przestrzeni zostało przeniesione."
+        },
+        "add_existing_subspace": {
+            "create_button": "Utwórz nową przestrzeń",
+            "create_prompt": "Chcesz zamiast tego dodać nową przestrzeń?",
+            "filter_placeholder": "Szukaj przestrzeni",
+            "space_dropdown_title": "Dodaj istniejącą przestrzeń"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Pokaż oś czasu pokoju (devtools)",
+            "explore": "Przeglądaj pokoje",
+            "home": "Przestrzeń główna",
+            "manage_and_explore": "Zarządzaj i odkrywaj pokoje",
+            "options": "Opcje przestrzeni"
+        },
+        "failed_load_rooms": "Nie udało się wczytać listy pokoi.",
+        "failed_remove_rooms": "Nie udało się usunąć niektórych pokojów. Spróbuj ponownie później",
+        "incompatible_server_hierarchy": "Twój serwer nie obsługuje wyświetlania hierarchii przestrzeni.",
+        "invite": "Zaproś osoby",
+        "invite_description": "Zaproś przy użyciu adresu email lub nazwy użytkownika",
+        "invite_link": "Udostępnij link zaproszenia",
+        "joining_space": "Dołączanie",
+        "landing_welcome": "Witamy w <name/>",
+        "leave_dialog_action": "Opuść przestrzeń",
+        "leave_dialog_description": "Zamierzasz opuścić <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Jesteś jedynym administratorem niektórych pokoi i przestrzeni, które chcesz opuścić. Opuszczenie zostawi je bez żadnego administratora.",
+        "leave_dialog_only_admin_warning": "Jesteś jedynym administratorem tej przestrzeni. Opuszczenie, będzie oznaczać, że nikt nie będzie miał nad nią kontroli.",
+        "leave_dialog_option_all": "Opuść wszystkie pokoje",
+        "leave_dialog_option_intro": "Czy chcesz opuścić pokoje w tej przestrzeni?",
+        "leave_dialog_option_none": "Nie opuszczaj żadnych pokoi",
+        "leave_dialog_option_specific": "Opuść niektóre pokoje",
+        "leave_dialog_public_rejoin_warning": "Nie będziesz mógł dołączyć, dopóki nie dostaniesz nowego zaproszenia.",
+        "leave_dialog_title": "Opuść %(spaceName)s",
+        "mark_suggested": "Oznacz jako sugerowane",
+        "no_search_result_hint": "Możesz spróbować inną frazę lub sprawdzić błędy pisowni.",
+        "preferences": {
+            "sections_section": "Sekcje do pokazania",
+            "show_people_in_space": "Ta funkcja grupuje Twoje czaty z członkami przestrzeni. Wyłączenie jej, ukryje następujące czaty: %(spaceName)s."
+        },
+        "room_filter_placeholder": "Szukaj pokoi",
+        "search_children": "Przeszukaj %(spaceName)s",
+        "search_placeholder": "Przeszukuj nazwy i opisy",
+        "select_room_below": "Najpierw wybierz poniższy pokój",
+        "share_public": "Zaproś do swojej publicznej przestrzeni",
+        "suggested": "Polecany",
+        "suggested_tooltip": "Ten pokój jest polecany jako dobry do dołączenia",
+        "title_when_query_available": "Wyniki",
+        "title_when_query_unavailable": "Pokoje i przestrzenie",
+        "unmark_suggested": "Oznacz jako niesugerowane",
+        "user_lacks_permission": "Nie masz uprawnień"
+    },
+    "space_settings": {
+        "title": "Ustawienia - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Wpisz nazwę nowego serwera, którego chcesz przeglądać.",
+            "network_dropdown_add_dialog_placeholder": "Nazwa serwera",
+            "network_dropdown_add_dialog_title": "Dodaj nowy serwer",
+            "network_dropdown_add_server_option": "Dodaj nowy serwer…",
+            "network_dropdown_available_invalid": "Nie można znaleźć serwera lub jego listy pokoi",
+            "network_dropdown_available_invalid_forbidden": "Nie możesz wyświetlić listy pokoi tego serwera",
+            "network_dropdown_available_valid": "Wygląda dobrze",
+            "network_dropdown_remove_server_adornment": "Usuń serwer “%(roomServer)s”",
+            "network_dropdown_required_invalid": "Wprowadź nazwę serwera",
+            "network_dropdown_selected_label": "Pokaż: Pokoje Matrix",
+            "network_dropdown_selected_label_instance": "Pokaż: Pokoje %(instance)s (%(server)s)",
+            "network_dropdown_your_server_description": "Twój serwer"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Jeżeli nie możesz zobaczyć osób, których szukasz, wyślij im link z zaproszeniem.",
+        "cant_find_room_helpful_hint": "Jeśli nie możesz znaleźć pokoju, którego szukasz, poproś o zaproszenie lub utwórz nowy pokój.",
+        "copy_link_text": "Kopiuj link z zaproszeniem",
+        "count_of_members": {
+            "one": "%(count)s członek",
+            "few": "%(count)s członków",
+            "many": "%(count)s członków"
+        },
+        "create_new_room_button": "Utwórz nowy pokój",
+        "failed_querying_public_rooms": "Nie udało się pobrać pokoi publicznych",
+        "failed_querying_public_spaces": "Nie udało się pobrać przestrzeni publicznych",
+        "group_chat_section_title": "Inne opcje",
+        "heading_with_query": "Użyj \"%(query)s\" w trakcie szukania",
+        "heading_without_query": "Szukaj",
+        "join_button_text": "Dołącz %(roomAddress)s",
+        "keyboard_scroll_hint": "Użyj <arrows/>, aby przewijać",
+        "messages_label": "Wiadomości",
+        "other_rooms_in_space": "Inne pokoje w %(spaceName)s",
+        "public_rooms_label": "Pokoje publiczne",
+        "public_spaces_label": "Przestrzenie publiczne",
+        "recent_searches_section_title": "Ostatnie wyszukania",
+        "recently_viewed_section_title": "Ostatnio wyświetlane",
+        "remove_filter": "Usuń filtr wyszukiwania dla %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Niektóre wyniki zostały ukryte dla ochrony prywatności",
+        "result_may_be_hidden_warning": "Niektóre wyniki mogą być ukryte",
+        "search_dialog": "Pasek wyszukiwania",
+        "spaces_title": "Przestrzenie, w których jesteś",
+        "start_group_chat_button": "Rozpocznij czat grupowy"
+    },
+    "stickers": {
+        "empty": "Nie masz obecnie włączonych żadnych pakietów naklejek",
+        "empty_add_prompt": "Dodaj teraz kilka"
+    },
+    "terms": {
+        "column_document": "Dokument",
+        "column_service": "Usługa",
+        "column_summary": "Opis",
+        "identity_server_no_terms_description_1": "Ta czynność wymaga dostępu do domyślnego serwera tożsamości <server /> do walidacji adresu e-mail, czy numeru telefonu, ale serwer nie określa warunków korzystania z usługi.",
+        "identity_server_no_terms_description_2": "Kontynuj tylko wtedy, gdy ufasz właścicielowi serwera.",
+        "identity_server_no_terms_title": "Serwer tożsamości nie posiada warunków użytkowania",
+        "inline_intro_text": "Zaakceptuj <policyLink />, aby kontynuować:",
+        "integration_manager": "Używaj botów, mostków, widżetów i zestawów naklejek",
+        "intro": "Aby kontynuować, musisz zaakceptować zasady użytkowania.",
+        "summary_identity_server_1": "Odnajdź innych z użyciem numeru telefonu lub adresu e-mail",
+        "summary_identity_server_2": "Zostań znaleziony przez numer telefonu lub adres e-mail",
+        "tac_button": "Przejrzyj warunki użytkowania",
+        "tac_description": "Aby kontynuować używanie serwera domowego %(homeserverDomain)s musisz przejrzeć i zaakceptować nasze warunki użytkowania.",
+        "tac_title": "Warunki użytkowania",
+        "tos": "Warunki użytkowania"
+    },
+    "theme": {
+        "light_high_contrast": "Jasny z wysokim kontrastem",
+        "match_system": "Dopasuj do systemu"
+    },
+    "thread_view_back_action_label": "Wróć do wątku",
+    "threads": {
+        "all_threads": "Wszystkie wątki",
+        "all_threads_description": "Pokazuje wszystkie wątki z bieżącego pokoju",
+        "count_of_reply": {
+            "one": "%(count)s odpowiedź",
+            "few": "%(count)s odpowiedzi",
+            "many": "%(count)s odpowiedzi"
+        },
+        "empty_description": "Użyj „%(replyInThread)s” podczas najechania kursorem na wiadomość.",
+        "empty_title": "Wątki pomagają utrzymać tematykę rozmów i łatwo je śledzić.",
+        "mark_all_read": "Oznacz wszystkie jako przeczytane",
+        "my_threads": "Moje wątki",
+        "my_threads_description": "Pokazuje wszystkie wątki, w których brałeś udział",
+        "open_thread": "Otwórz wątek",
+        "show_thread_filter": "Pokaż:"
+    },
+    "threads_activity_centre": {
+        "header": "Aktywność w wątkach",
+        "no_rooms_with_threads_notifs": "Nie masz jeszcze pokoi z powiadomieniami w wątku.",
+        "no_rooms_with_unread_threads": "Nie masz jeszcze pokoi z nieprzeczytanymi wątkami."
+    },
+    "time": {
+        "date_at_time": "%(date)s o %(time)s",
+        "hours_minutes_seconds_left": "pozostało %(hours)s godz. %(minutes)s min. %(seconds)ss",
+        "left": "%(timeRemaining)s pozostało",
+        "minutes_seconds_left": "pozostało %(minutes)s min. %(seconds)ss",
+        "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",
+        "short_hours": "%(value)s godz.",
+        "short_hours_minutes_seconds": "%(hours)s godz. %(minutes)s min. %(seconds)ss",
+        "short_minutes": "%(value)s min.",
+        "short_minutes_seconds": "%(minutes)s min. %(seconds)ss",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Zwiń wątek odpowiedzi",
+            "external_url": "Źródłowy URL",
+            "open_in_osm": "Otwórz w OpenStreetMap",
+            "report": "Zgłoś",
+            "resent_unsent_reactions": "Wyślij ponownie %(unsentCount)s reakcje",
+            "show_url_preview": "Pokaż podgląd",
+            "view_related_event": "Wyświetl powiązane wydarzenie",
+            "view_source": "Wyświetl źródło"
+        },
+        "creation_summary_dm": "%(creator)s utworzył tę wiadomość prywatną.",
+        "creation_summary_room": "%(creator)s stworzył i skonfigurował pokój.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Zweryfikowana tożsamość cyfrowa nadawcy została zresetowana",
+            "unable_to_decrypt": "Nie można rozszyfrować wiadomości"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Pobieranie",
+        "download_failed": "Błąd pobierania",
+        "download_failed_description": "Wystąpił błąd podczas pobierania tego pliku",
+        "edits": {
+            "tooltip_label": "Edytowano w %(date)s. Kliknij, aby zobaczyć zmiany.",
+            "tooltip_sub": "Kliknij, aby wyświetlić edycje",
+            "tooltip_title": "Edytowano o %(date)s"
+        },
+        "error_no_renderer": "Ten event nie może zostać wyświetlony",
+        "error_rendering_message": "Nie można wczytać tej wiadomości",
+        "historical_messages_unavailable": "Nie możesz widzieć poprzednich wiadomości",
+        "in_room_name": " w <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s zmienił układ pokoju",
+        "late_event_separator": "Pierwotnie wysłano %(dateTime)s",
+        "load_error": {
+            "no_permission": "Nastąpiła próba załadowania danego punktu w historii tego pokoju, lecz nie masz uprawnień, by zobaczyć określoną wiadomość.",
+            "title": "Nie udało się wczytać pozycji osi czasu",
+            "unable_to_find": "Próbowano załadować konkretny punkt na osi czasu w tym pokoju, ale nie można go znaleźć."
+        },
+        "m.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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Pokaż lokalizację na żywo"
+        },
+        "m.call": {
+            "video_call_ended": "Rozmowa wideo została zakończona",
+            "video_call_started": "Rozmowa wideo rozpoczęta w %(roomName)s.",
+            "video_call_started_text": "%(name)s rozpoczął rozmowę wideo",
+            "video_call_started_unsupported": "Rozmowa wideo rozpoczęła się w %(roomName)s. (brak wsparcia w tej przeglądarce)"
+        },
+        "m.call.hangup": {
+            "dm": "Połączenie zakończone"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Odebrano gdzie indziej",
+            "call_back_prompt": "Oddzwoń",
+            "declined": "Połączenie odrzucone",
+            "failed_connect_media": "Nie można połączyć mediów",
+            "failed_connection": "Połączenie nieudane",
+            "failed_opponent_media": "Ich urządzenie nie mogło uruchomić kamery lub mikrofonu",
+            "missed_call": "Nieodebrane połączenie",
+            "no_answer": "Brak odpowiedzi",
+            "unknown_error": "Wystąpił nieznany błąd",
+            "unknown_failure": "Nieznany błąd: %(reason)s",
+            "unknown_state": "Połączenie jest w nieznanym stanie!",
+            "video_call": "%(senderName)s wykonał połączenie wideo.",
+            "video_call_unsupported": "%(senderName)s wykonał połączenie wideo. (nie obsługiwane przez tę przeglądarkę)",
+            "voice_call": "%(senderName)s wykonał połączenie głosowe.",
+            "voice_call_unsupported": "%(senderName)s wykonał połączenie głosowe. (nie wspierane przez tę przeglądarkę)"
+        },
+        "m.file": {
+            "error_decrypting": "Błąd odszyfrowywania załącznika"
+        },
+        "m.image": {
+            "error": "Nie można pokazać zdjęcia z powodu błędu",
+            "error_decrypting": "Błąd deszyfrowania obrazu",
+            "error_downloading": "Wystąpił błąd w trakcie pobierania zdjęcia",
+            "sent": "%(senderDisplayName)s wysłał obraz.",
+            "show_image": "Pokaż obraz"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s chce weryfikacji",
+            "you_started": "Wysłałeś żądanie weryfikacji"
+        },
+        "m.location": {
+            "full": "%(senderName)s udostępnił lokalizację",
+            "location": "Udostępnili lokalizację: ",
+            "self_location": "Udostępnili swoją lokalizację: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s głos",
+                "few": "%(count)s głosy",
+                "many": "%(count)s głosów"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s zakończył ankietę"
+        },
+        "m.poll.start": "%(senderName)s utworzył ankietę - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s zmienił awatar pokoju.",
+            "lightbox_title": "%(senderDisplayName)s zmienił awatar %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s dodał alternatywny adres %(addresses)s dla tego pokoju.",
+                "few": "%(senderName)s dodał alternatywne adresy %(addresses)s dla tego pokoju.",
+                "many": "%(senderName)s dodał alternatywne adresy %(addresses)s dla tego pokoju."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s usunął alternatywny adres %(addresses)s pokoju.",
+                "few": "%(senderName)s usunął alternatywne adresy %(addresses)s pokoju.",
+                "many": "%(senderName)s usunął alternatywne adresy %(addresses)s pokoju."
+            },
+            "changed": "%(senderName)s zmienił adresy dla tego pokoju.",
+            "changed_alternative": "%(senderName)s zmienił alternatywne adresy dla tego pokoju.",
+            "changed_main_and_alternative": "%(senderName)s zmienił główne i alternatywne adresy dla tego pokoju.",
+            "removed": "%(senderName)s usunął główny adres tego pokoju.",
+            "set": "%(senderName)s ustawił główny adres dla tego pokoju na %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Ten pokój jest kontynuacją innej rozmowy.",
+            "see_older_messages": "Kliknij tutaj, aby zobaczyć starsze wiadomości.",
+            "unknown_predecessor": "Nie można znaleźć starej wersji tego pokoju (ID pokoju: %(roomId)s), a nie dostarczono nam 'via_servers', aby ją znaleźć.",
+            "unknown_predecessor_guess_server": "Nie można znaleźć starej wersji tego pokoju (ID pokoju: %(roomId)s), a nie dostarczono nam 'via_servers', aby ją znaleźć. Można spróbować odgadnąć serwer na podstawie ID pokoju. Jeśli chcesz spróbować, kliknij ten link:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s pozwolił, by goście dołączali do pokoju.",
+            "forbidden": "%(senderDisplayName)s zabronił gościom dołączać do pokoju.",
+            "unknown": "%(senderDisplayName)s zmienił dostęp dla gości dla %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s uczynił przyszłą historię pokoju widoczną dla wszystkich członków pokoju, od momentu ich zaproszenia.",
+            "joined": "%(senderName)s uczynił przyszłą historię pokoju widoczną dla wszystkich członków pokoju, od momentu ich dołączenia.",
+            "shared": "%(senderName)s uczynił przyszłą historię pokoju widoczną dla wszystkich członków pokoju.",
+            "unknown": "%(senderName)s uczynił przyszłą historię pokoju widoczną dla nieznanych (%(visibility)s).",
+            "world_readable": "%(senderName)s uczynił przyszłą historię pokoju widoczną dla każdego."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s ustawił pokój jako tylko dla zaproszonych.",
+            "knock": "%(senderDisplayName)s zmienił zasady dołączenia do pokoju.",
+            "public": "%(senderDisplayName)s ustawił pokój jako publiczny dla każdego znającego link.",
+            "restricted": "%(senderDisplayName)s zmienił kto może dołączyć do pokoju.",
+            "restricted_settings": "%(senderDisplayName)s zmienił kto może dołączyć do pokoju. <a>Zobacz ustawienia</a>.",
+            "unknown": "%(senderDisplayName)s zmienił zasadę dołączania na %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s zaakceptował zaproszenie do %(displayName)s",
+            "accepted_invite": "%(targetName)s zaakceptował zaproszenie",
+            "ban": "%(senderName)s zbanował użytkownika",
+            "ban_reason": "%(senderName)s zbanował użytkownika: %(reason)s",
+            "ban_reason_spoiler": "%(senderName)s zbanował <user/>: %(reason)s",
+            "ban_spoiler": "%(senderName)s zbanował <user/>",
+            "change_avatar": "%(senderName)s zmienił swoje zdjęcie profilowe",
+            "change_name": "%(oldDisplayName)s zmienił wyświetlaną nazwę na %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s zmienił swoją wyświetlaną nazwę i zdjęcie profilowe",
+            "invite": "%(senderName)s zaprosił %(targetName)s",
+            "join": "%(targetName)s dołączył do pokoju",
+            "kick": "%(senderName)s usunął %(targetName)s",
+            "kick_reason": "%(senderName)s usunął %(targetName)s: %(reason)s",
+            "left": "%(targetName)s opuścił pokój",
+            "left_reason": "%(targetName)s opuścił pokój: %(reason)s",
+            "no_change": "%(senderName)s nie dokonał żadnych zmian",
+            "reject_invite": "%(targetName)s odrzucił zaproszenie",
+            "reject_invite_reason": "%(targetName)s odrzucił zaproszenie: %(reason)s",
+            "remove_avatar": "%(senderName)s usunął swoje zdjęcie profilowe",
+            "remove_name": "%(senderName)s usunął swoją widoczną nazwę (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s ustawił zdjęcie profilowe",
+            "set_name": "%(senderName)s ustawił widoczną nazwę jako %(displayName)s",
+            "unban": "%(senderName)s odbanował %(targetName)s",
+            "withdrew_invite": "%(senderName)s cofnął zaproszenie %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s cofnął zaproszenie %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s zmienił nazwę pokoju z %(oldRoomName)s na %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s usunął nazwę pokoju.",
+            "set": "%(senderDisplayName)s zmienił nazwę pokoju na %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s zmienił przypiętą wiadomość dla tego pokoju.",
+            "changed_link": "%(senderName)s zmienił <a>wiadomości przypięte</a> do pokoju.",
+            "pinned": "%(senderName)s przypiął wiadomość do pokoju. Zobacz wszystkie przypięte wiadomości.",
+            "pinned_link": "%(senderName)s przypiął <a>wiadomość</a> do pokoju. Zobacz wszystkie <b>przypięte wiadomości</b>.",
+            "unpinned": "%(senderName)s odpiął wiadomość w tym pokoju. Zobacz wszystkie przypięte wiadomości.",
+            "unpinned_link": "%(senderName)s odpiął <a>wiadomość</a> w tym pokoju. Zobacz wszystkie <b>przypięte wiadomości</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s zmienił poziom uprawnień %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s z %(fromPowerLevel)s na %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s odwołał zaproszenie dla %(targetDisplayName)s, aby dołączył do pokoju.",
+            "sent": "%(senderName)s wysłał zaproszenie do %(targetDisplayName)s do dołączenia do pokoju."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s ulepszył ten pokój.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s zmienił temat na \"%(topic)s\".",
+            "removed": "%(senderDisplayName)s usunął temat."
+        },
+        "m.sticker": "%(senderDisplayName)s wysłał naklejkę.",
+        "m.video": {
+            "error_decrypting": "Błąd deszyfrowania wideo",
+            "show_video": "Pokaż wideo"
+        },
+        "m.widget": {
+            "added": "Widżet %(widgetName)s został dodany przez %(senderName)s",
+            "jitsi_ended": "Konferencja wideo została zakończona przez %(senderName)s",
+            "jitsi_join_right_prompt": "Dołącz do konferencji z karty informacyjnej pokoju po prawej",
+            "jitsi_join_top_prompt": "Dołącz do konferencji na górze tego pokoju",
+            "jitsi_started": "Konferencja wideo została rozpoczęta przez %(senderName)s",
+            "jitsi_updated": "Konferencja wideo została zaktualizowana przez %(senderName)s",
+            "modified": "Widżet %(widgetName)s został zmodyfikowany przez %(senderName)s",
+            "removed": "Widżet %(widgetName)s został usunięty przez %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Kopiuj link do wątku",
+            "view_in_room": "Wyświetl w pokoju"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s zaktualizował zasadę banowania z pasowania do %(oldGlob)s na %(newGlob)s ponieważ %(reason)s",
+            "changed_rule_rooms": "%(senderName)s zmienił regułę banującą pokoje pasujące do wzorca na %(oldGlob)s ustawiając nowy wzorzec %(newGlob)s z powodu %(reason)s",
+            "changed_rule_servers": "%(senderName)s zmienił regułę banującą serwery pasujące do wzorca na %(oldGlob)s ustawiając nowy wzorzec %(newGlob)s z powodu %(reason)s",
+            "changed_rule_users": "%(senderName)s zmienił regułę banującą użytkowników pasujących do wzorca na %(oldGlob)s ustawiając nowy wzorzec %(newGlob)s z powodu %(reason)s",
+            "created_rule": "%(senderName)s stworzył zasadę banowania pasującą do %(glob)s ponieważ %(reason)s",
+            "created_rule_rooms": "%(senderName)s utworzył regułę banującą pokoje pasujące do wzorca %(glob)s z powodu %(reason)s",
+            "created_rule_servers": "%(senderName)s utworzył regułę banującą serwery pasujące do wzorca %(glob)s z powodu %(reason)s",
+            "created_rule_users": "%(senderName)s utworzył regułę banującą użytkowników pasujących do wzorca %(glob)s z powodu %(reason)s",
+            "removed_rule": "%(senderName)s usunął zasadę banowania pasującą do %(glob)s",
+            "removed_rule_rooms": "%(senderName)s usunął regułę banującą pokoje pasujące do wzorca %(glob)s",
+            "removed_rule_servers": "%(senderName)s usunął regułę banującą serwery pasujące do wzorca %(glob)s",
+            "removed_rule_users": "%(senderName)s usunął regułę banującą użytkowników pasujących do wzorca %(glob)s",
+            "updated_invalid_rule": "%(senderName)s zaktualizował nieprawidłową regułę banującą",
+            "updated_rule": "%(senderName)s zmienił zasadę banowania pasującą do %(glob)s ponieważ %(reason)s",
+            "updated_rule_rooms": "%(senderName)s zaktualizował regułę banującą pokoje pasujące do wzorca %(glob)s z powodu %(reason)s",
+            "updated_rule_servers": "%(senderName)s zaktualizował regułę banującą serwery pasujące do wzorca %(glob)s z powodu %(reason)s",
+            "updated_rule_users": "%(senderName)s zaktualizował regułę banującą użytkowników pasujących do wzorca %(glob)s z powodu %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Nie posiadasz uprawnień, aby wyświetlić wiadomości, które wysłano zanim cię zaproszono.",
+        "no_permission_messages_before_join": "Nie posiadasz uprawnień, aby wyświetlić wiadomości, które wysłano zanim dołączyłeś.",
+        "pending_moderation": "Wiadomość oczekuje na moderację",
+        "pending_moderation_reason": "Wiadomość oczekuje na moderację: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Dodaj reakcje",
+            "custom_reaction_fallback_label": "Reakcja niestandardowa",
+            "label": "%(reactors)s zareagował z %(content)s",
+            "tooltip_caption": "zareagował z %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Odczytane przez %(count)s osobę",
+            "few": "Odczytane przez %(count)s osoby",
+            "many": "Odczytane przez %(count)s osób"
+        },
+        "read_receipts_label": "Czytaj potwierdzenia",
+        "redacted": {
+            "tooltip": "Wiadomość usunięta dnia %(date)s"
+        },
+        "redaction": "Wiadomość usunięta przez %(name)s",
+        "reply": {
+            "error_loading": "Nie można wczytać wydarzenia, na które udzielono odpowiedzi. Wydarzenie nie istnieje lub nie masz uprawnień do jego przeglądania.",
+            "in_reply_to": "<a>W odpowiedzi do</a> <pill>",
+            "in_reply_to_for_export": "W odpowiedzi do <a>tej wiadomości</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Za chwilę zostaniesz przekierowany/a na zewnętrzną stronę w celu powiązania Twojego konta z %(integrationsUrl)s. Czy chcesz kontynuować?",
+            "dialog_title": "Dodaj integrację"
+        },
+        "self_redaction": "Wiadomość usunięta",
+        "send_state_encrypting": "Szyfrowanie Twojej wiadomości…",
+        "send_state_failed": "Nie udało się wysłać",
+        "send_state_sending": "Wysyłanie Twojej wiadomości…",
+        "send_state_sent": "Twoja wiadomość została wysłana",
+        "summary": {
+            "banned": {
+                "one": "został zbanowany",
+                "few": "został zbanowany %(count)s razy",
+                "many": "został zbanowany %(count)s razy"
+            },
+            "banned_multiple": {
+                "one": "zostało zbanowanych",
+                "few": "zostało zbanowanych %(count)s razy",
+                "many": "zostało zbanowanych %(count)s razy"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)szmienił swoje zdjęcie profilowe",
+                "few": "%(oneUser)szmienił swoje zdjęcie profilowe %(count)s razy",
+                "many": "%(oneUser)szmienił swoje zdjęcie profilowe %(count)s razy"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)szmieniło swoje zdjęcie profilowe",
+                "few": "%(severalUsers)szmieniło swoje zdjęcie profilowe %(count)s razy",
+                "many": "%(severalUsers)szmieniło swoje zdjęcie profilowe %(count)s razy"
+            },
+            "changed_name": {
+                "one": "%(oneUser)szmienił swoją nazwę",
+                "few": "%(oneUser)szmienił swoją nazwę %(count)s razy",
+                "many": "%(oneUser)szmienił swoją nazwę %(count)s razy"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)szmieniło swoją nazwę",
+                "few": "%(severalUsers)szmieniło swoją nazwę %(count)s razy",
+                "many": "%(severalUsers)szmieniło swoją nazwę %(count)s razy"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)swysłał ukrytą wiadomość",
+                "few": "%(oneUser)swysłał %(count)s ukryte wiadomości",
+                "many": "%(oneUser)swysłał %(count)s ukrytych wiadomości"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)swysłało ukrytą wiadomość",
+                "few": "%(severalUsers)swysłało %(count)s ukryte wiadomości",
+                "many": "%(severalUsers)swysłało %(count)s ukrytych wiadomości"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)sutracił swoje zaproszenie",
+                "few": "%(oneUser)sutracił swoje zaproszenie %(count)s razy",
+                "many": "%(oneUser)sutracił swoje zaproszenie %(count)s razy"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)sutraciły swoje zaproszenie",
+                "few": "%(severalUsers)sutraciły swoje zaproszenie %(count)s razy",
+                "many": "%(severalUsers)sutraciły swoje zaproszenie %(count)s razy"
+            },
+            "invited": {
+                "one": "został zaproszony",
+                "few": "został zaproszony %(count)s razy",
+                "many": "został zaproszony %(count)s razy"
+            },
+            "invited_multiple": {
+                "one": "zostało zaproszonych",
+                "few": "zostało zaproszonych %(count)s razy",
+                "many": "zostało zaproszonych %(count)s razy"
+            },
+            "joined": {
+                "one": "%(oneUser)s dołączył",
+                "few": "%(oneUser)s dołączył %(count)s raz",
+                "many": "%(oneUser)s dołączył %(count)s razy"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)s dołączył i wyszedł",
+                "few": "%(oneUser)s dołączył i wyszedł %(count)s razy",
+                "many": "%(oneUser)s dołączył i wyszedł %(count)s razy"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)s dołączyło i wyszło",
+                "few": "%(severalUsers)s dołączyło i wyszło %(count)s razy",
+                "many": "%(severalUsers)s dołączyło i wyszło %(count)s razy"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)s dołączył",
+                "few": "%(severalUsers)s dołączyli %(count)s razy",
+                "many": "%(severalUsers)s dołączyło %(count)s razy"
+            },
+            "kicked": {
+                "one": "został usunięty",
+                "few": "został usunięty %(count)s razy",
+                "many": "został usunięty %(count)s razy"
+            },
+            "kicked_multiple": {
+                "one": "zostało usuniętych",
+                "few": "zostało usuniętych %(count)s razy",
+                "many": "zostało usuniętych %(count)s razy"
+            },
+            "left": {
+                "one": "%(oneUser)sopuścił pokój",
+                "few": "%(oneUser)sopuścił pokój %(count)s razy",
+                "many": "%(oneUser)sopuścił pokój %(count)s razy"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)sopuściło pokój",
+                "few": "%(severalUsers)sopuściło pokój %(count)s razy",
+                "many": "%(severalUsers)sopuściło pokój %(count)s razy"
+            },
+            "no_change": {
+                "one": "%(oneUser)snie dokonał zmian",
+                "few": "%(oneUser)snie dokonał zmian %(count)s razy",
+                "many": "%(oneUser)snie dokonał zmian %(count)s razy"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)snie dokonało zmian",
+                "few": "%(severalUsers)snie dokonało zmian %(count)s razy",
+                "many": "%(severalUsers)snie dokonało zmian %(count)s razy"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)szmienił <a>przypięte wiadomości</a> w pokoju",
+                "few": "%(oneUser)szmienił <a>przypięte wiadomości</a> w pokoju %(count)s razy",
+                "many": "%(oneUser)szmienił <a>przypięte wiadomości</a> w pokoju %(count)s razy"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)szmienili <a>przypięte wiadomości</a> pokoju",
+                "few": "%(severalUsers)szmienili <a>przypięte wiadomości</a> pokoju %(count)s razy",
+                "many": "%(severalUsers)szmienili <a>przypięte wiadomości</a> pokoju %(count)s razy"
+            },
+            "redacted": {
+                "one": "%(oneUser)susunął wiadomość",
+                "few": "%(oneUser)susunął %(count)s wiadomości",
+                "many": "%(oneUser)susunął %(count)s wiadomości"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)susunęło wiadomość",
+                "few": "%(severalUsers)susunęło %(count)s wiadomości",
+                "many": "%(severalUsers)susunęło %(count)s wiadomości"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)sodrzucił zaproszenie",
+                "few": "%(oneUser)sodrzucił zaproszenie %(count)s razy",
+                "many": "%(oneUser)sodrzucił zaproszenie %(count)s razy"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)sodrzuciło zaproszenie",
+                "few": "%(severalUsers)sodrzuciło zaproszenie %(count)s razy",
+                "many": "%(severalUsers)sodrzuciło zaproszenie %(count)s razy"
+            },
+            "rejoined": {
+                "one": "%(oneUser)s wyszedł i dołączył ponownie",
+                "few": "%(oneUser)s wyszedł i dołączył ponownie %(count)s razy",
+                "many": "%(oneUser)s wyszedł i dołączył ponownie %(count)s razy"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)s wyszło i dołączyło ponownie",
+                "few": "%(severalUsers)s wyszło i dołączyło ponownie %(count)s razy",
+                "many": "%(severalUsers)s wyszło i dołączyło ponownie %(count)s razy"
+            },
+            "unbanned": {
+                "one": "został odbanowany",
+                "few": "został odbanowany %(count)s razy",
+                "many": "został odbanowany %(count)s razy"
+            },
+            "unbanned_multiple": {
+                "one": "zostało odbanowanych",
+                "few": "zostało odbanowanych %(count)s razy",
+                "many": "zostało odbanowanych %(count)s razy"
+            }
+        },
+        "thread_info_basic": "Z wątku",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s i jedna inna pisze ...",
+                "few": "%(names)s i %(count)s inne piszą ...",
+                "many": "%(names)s i %(count)s innych pisze ..."
+            },
+            "one_user": "%(displayName)s pisze…",
+            "two_users": "%(names)s i %(lastPerson)s piszą…"
+        },
+        "undecryptable_tooltip": "Wiadomość nie mogła zostać rozszyfrowana"
+    },
+    "truncated_list_n_more": {
+        "one": "",
+        "few": "i jeszcze %(count)s...",
+        "many": "i jeszcze %(count)s..."
+    },
+    "unsupported_browser": {
+        "description": "Jeśli kontynuujesz, niektóre funkcje mogą przestać działać, jak i istnieje ryzyko utraty danych w przyszłości. Zaktualizuj przeglądarkę, aby nadal używać %(brand)s.",
+        "title": "%(brand)s nie wspiera tej przeglądarki"
+    },
+    "unsupported_server_description": "Ten serwer używa starszej wersji Matrix. Zaktualizuj do Matrix%(version)s, aby używać %(brand)s bez błędów.",
+    "unsupported_server_title": "Twój serwer nie jest wspierany",
+    "update": {
+        "changelog": "Dziennik zmian",
+        "check_action": "Sprawdź aktualizacje",
+        "checking": "Sprawdzanie aktualizacji…",
+        "downloading": "Pobieranie aktualizacji…",
+        "error_encountered": "Wystąpił błąd (%(errorDetail)s).",
+        "error_unable_load_commit": "Nie można wczytać szczegółów commitu: %(msg)s",
+        "new_version_available": "Nowa wersja dostępna. <a>Aktualizuj teraz.</a>",
+        "no_update": "Brak aktualizacji.",
+        "release_notes_toast_title": "Co nowego",
+        "see_changes_button": "Co nowego?",
+        "toast_description": "Dostępna jest nowa wersja %(brand)s",
+        "toast_title": "Aktualizacja %(brand)s",
+        "unavailable": "Niedostępny"
+    },
+    "update_room_access_modal": {
+        "description": "Aby utworzyć łącze udostępniania, u <b> publicznij ten pokój </b> lub włącz opcję po <b> proszenia użytkowników o dołączenie</b>. Pozwala to gościom przyłączyć się bez zaproszenia.",
+        "dont_change_description": "Jeśli nie chcesz zmieniać dostępu do tego pokoju, możesz utworzyć nowy pokój dla łącza połączenia.",
+        "no_change": "Nie chcę zmieniać poziomu dostępu.",
+        "revert_access_description": "(Można to przywrócić do poprzedniej wartości w Ustawieniach pokoju: <b> Bezpieczeństwo i prywatność </b> /Dost <b> ęp</b>)",
+        "title": "Zezwalaj gościom na dołączenie do tego pokoju"
+    },
+    "upload_failed_generic": "Nie udało się przesłać pliku '%(fileName)s'.",
+    "upload_failed_size": "Plik '%(fileName)s' przekracza limit rozmiaru dla tego serwera głównego",
+    "upload_failed_title": "Błąd przesyłania",
+    "upload_file": {
+        "cancel_all_button": "Anuluj wszystko",
+        "error_file_too_large": "Ten plik jest <b>zbyt duży</b>, aby został wysłany. Ograniczenie wielkości plików to %(limit)s, a ten plik waży %(sizeOfThisFile)s.",
+        "error_files_too_large": "Te pliki są <b>zbyt duże</b> do wysłania. Ograniczenie wielkości plików to %(limit)s.",
+        "error_some_files_too_large": "Niektóre pliki są <b>zbyt duże</b> do wysłania. Ograniczenie wielkości plików to %(limit)s.",
+        "error_title": "Błąd wysyłania",
+        "not_image": "Wybrany plik nie jest prawidłowym plikiem obrazu.",
+        "title": "Prześlij pliki",
+        "title_progress": "Prześlij pliki (%(current)s z %(total)s)",
+        "upload_all_button": "Prześlij wszystko",
+        "upload_n_others_button": {
+            "one": "Prześlij %(count)s inny plik",
+            "few": "Prześlij %(count)s inne pliki",
+            "many": "Prześlij %(count)s innych plików"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Narzędzia Administracyjne",
+        "ban_button_room": "Zbanuj z pokoju",
+        "ban_button_space": "Zbanuj z przestrzeni",
+        "ban_room_confirm_title": "Zbanuj z %(roomName)s",
+        "ban_space_everything": "Zbanuj ich z wszystkiego co mogę",
+        "ban_space_specific": "Zbanuj ich z określonych rzeczy, które mogę",
+        "deactivate_confirm_action": "Dezaktywuj użytkownika",
+        "deactivate_confirm_description": "Dezaktywacja tego użytkownika, usunie jego urządzenia i uniemożliwi ponowne zalogowanie. Dodatkowo, opuści wszystkie pokoje, w których się znajduje. Tej akcji nie można cofnąć. Czy na pewno chcesz dezaktywować tego użytkownika?",
+        "deactivate_confirm_title": "Dezaktywować użytkownika?",
+        "demote_button": "Degraduj",
+        "demote_self_confirm_description_space": "Nie będziesz mógł cofnąć tej zmiany, ponieważ degradujesz swoje uprawnienia. Jeśli jesteś ostatnim użytkownikiem uprzywilejowanym w tej przestrzeni, nie będziesz mógł ich odzyskać.",
+        "demote_self_confirm_room": "Nie będziesz mógł cofnąć tej zmiany, ponieważ degradujesz swoje uprawnienia. Jeśli jesteś ostatnim użytkownikiem uprzywilejowanym w tym pokoju, nie będziesz mógł ich odzyskać.",
+        "demote_self_confirm_title": "Zdegradować siebie?",
+        "disinvite_button_room": "Cofnij zaproszenie do pokoju",
+        "disinvite_button_room_name": "Cofnij zaproszenia z %(roomName)s",
+        "disinvite_button_space": "Cofnij zaproszenie do przestrzeni",
+        "error_ban_user": "Nie udało się zbanować użytkownika",
+        "error_deactivate": "Nie udało się zdezaktywować użytkownika",
+        "error_kicking_user": "Nie udało się usunąć użytkownika",
+        "error_mute_user": "Nie udało się wyciszyć użytkownika",
+        "error_revoke_3pid_invite_description": "Nie udało się odwołać zaproszenia. Serwer może posiadać tymczasowy problem lub nie masz wystarczających uprawnień, aby odwołać zaproszenie.",
+        "error_revoke_3pid_invite_title": "Nie udało się odwołać zaproszenia",
+        "ignore_button": "Ignoruj",
+        "ignore_confirm_description": "Wszystkie wiadomości i zaproszenia od tego użytkownika zostaną ukryte. Czy na pewno chcesz zignorować?",
+        "ignore_confirm_title": "Ignoruj %(user)s",
+        "invited_by": "Zaproszony przez %(sender)s",
+        "jump_to_rr_button": "Przeskocz do potwierdzenia odczytu",
+        "kick_button_room": "Usuń z pokoju",
+        "kick_button_room_name": "Usuń z %(roomName)s",
+        "kick_button_space": "Usuń z przestrzeni",
+        "kick_button_space_everything": "Usuń ich z wszystkiego co mogę",
+        "kick_space_specific": "Usuń ich z określonych rzeczy, które mogę",
+        "kick_space_warning": "Będą w stanie uzyskać dostępu gdziekolwiek, gdzie nie jesteś administratorem.",
+        "promote_warning": "Nie będziesz mógł cofnąć tej zmiany, ponieważ nadajesz użytkownikowi uprawnienia administratorskie równe Twoim.",
+        "redact": {
+            "confirm_button": {
+                "one": "Usuń 1 wiadomość",
+                "few": "Usuń %(count)s wiadomości",
+                "many": "Usuń %(count)s wiadomości"
+            },
+            "confirm_description_1": {
+                "one": "Zamierzasz usunąć %(count)s wiadomość użytkownika %(user)s. Zniknie nieodwracalnie dla wszystkich osób w rozmowie. Kontynuować?",
+                "few": "Zamierzasz usunąć %(count)s wiadomości użytkownika %(user)s. Znikną nieodwracalnie dla wszystkich osób w rozmowie. Kontynuować?",
+                "many": "Zamierzasz usunąć %(count)s wiadomości użytkownika %(user)s. Znikną nieodwracalnie dla wszystkich osób w rozmowie. Kontynuować?"
+            },
+            "confirm_description_2": "Dla większej liczby wiadomości, może to zająć trochę czasu. Nie odświeżaj klienta w tym czasie.",
+            "confirm_keep_state_explainer": "Odznacz, jeśli chcesz również usunąć wiadomości systemowe tego użytkownika (np. zmiana członkostwa, profilu…)",
+            "confirm_keep_state_label": "Zachowaj komunikaty systemowe",
+            "confirm_title": "Usuń ostatnie wiadomości od %(user)s",
+            "no_recent_messages_description": "Spróbuj przewinąć się w górę na osi czasu, aby sprawdzić, czy nie ma wcześniejszych.",
+            "no_recent_messages_title": "Nie znaleziono ostatnich wiadomości od %(user)s"
+        },
+        "redact_button": "Usuń wiadomości",
+        "revoke_invite": "Odwołaj zaproszenie",
+        "room_encrypted": "Wiadomości w tym pokoju są szyfrowane end-to-end.",
+        "room_encrypted_detail": "Twoje wiadomości są zabezpieczone i tylko Ty i Twój odbiorca posiadacie unikalne klucze, aby je odblokować.",
+        "room_unencrypted": "Wiadomości w tym pokoju nie są szyfrowane end-to-end.",
+        "room_unencrypted_detail": "W pokojach szyfrowanych Twoje wiadomości są zabezpieczone i tylko Ty i Twój odbiorca posiadacie unikalne klucze, aby je odblokować.",
+        "send_message": "Wyślij wiadomość",
+        "share_button": "Udostępnij profil",
+        "unban_button_room": "Odbanuj z przestrzeni",
+        "unban_button_space": "Odbanuj z przestrzeni",
+        "unban_room_confirm_title": "Odbanuj z %(roomName)s",
+        "unban_space_everything": "Odbanuj ich z wszystkiego co mogę",
+        "unban_space_specific": "Odbanuj ich z określonych rzeczy, które mogę",
+        "unban_space_warning": "Nie będą w stanie uzyskać dostępu gdziekolwiek, gdzie nie jesteś administratorem.",
+        "unignore_button": "Przestań ignorować",
+        "verification_unavailable": "Weryfikacja użytkownika jest niedostępna",
+        "verify_button": "Zweryfikuj użytkownika",
+        "verify_explainer": "Dla dodatkowego bezpieczeństwa, zweryfikuj tego użytkownika za pomocą jednorazowego kodu na obu waszych urządzeniach."
+    },
+    "user_status": {
+        "on_a_call": "W trakcie rozmowy"
+    },
+    "voip": {
+        "already_in_call": "Już dzwoni",
+        "already_in_call_person": "Prowadzisz już rozmowę z tą osobą.",
+        "answered_elsewhere": "Odebrano gdzie indziej",
+        "answered_elsewhere_description": "Połączenie zostało odebrane na innym urządzeniu.",
+        "call_failed": "Nieudane połączenie",
+        "call_failed_description": "Nie udało się nawiązać połączenia",
+        "call_failed_media": "Połączenie nieudane z powodu braku dostępu do kamery bądź mikrofonu. Sprawdź czy:",
+        "call_failed_media_applications": "Kamera nie jest obecnie używana przez inną aplikację",
+        "call_failed_media_connected": "Mikrofon i kamera są podpięte i skonfigurowane prawidłowo",
+        "call_failed_media_permissions": "Przyznano uprawnienia dostępu do kamery",
+        "call_failed_microphone": "Nie udało się zestawić połączenia z powodu braku dostępu do mikrofonu. Sprawdź czy mikrofon jest podłączony i poprawnie skonfigurowany.",
+        "call_held": "%(peerName)s zawiesił rozmowę",
+        "call_held_resume": "Zawieszono rozmowę <a>Wznów</a>",
+        "call_held_switch": "Zawieszono rozmowę <a>Przełącz</a>",
+        "call_members": {
+            "exhaustive": {
+                "one": "<avatars/> w trakcie połączenia",
+                "few": "<avatars/> w trakcie połączenia",
+                "many": "<avatars/> w trakcie połączenia"
+            },
+            "overflow": {
+                "one": "<avatars/> +%(overflowCount)s w połączeniu",
+                "few": "<avatars/> +%(overflowCount)s w połączeniu",
+                "many": "<avatars/> +%(overflowCount)s w połączeniu"
+            }
+        },
+        "call_toast_unknown_room": "Nieznany pokój",
+        "camera_disabled": "Twoja kamera jest wyłączona",
+        "camera_enabled": "Twoja kamera jest nadal włączona",
+        "cannot_call_yourself_description": "Nie możesz wykonać połączenia do siebie.",
+        "close_lobby": "Zamknij poczekalnię",
+        "connecting": "Łączenie",
+        "connection_lost": "Połączenie z serwerem zostało przerwane",
+        "connection_lost_description": "Nie możesz wykonywać rozmów bez połączenia z serwerem.",
+        "consulting": "Konsultowanie z %(transferTarget)s. <a>Transfer do %(transferee)s</a>",
+        "default_device": "Urządzenie domyślne",
+        "dial": "Wybierz numer",
+        "dialpad": "Klawiatura telefoniczna",
+        "disable_camera": "Wyłącz kamerę",
+        "disable_microphone": "Wycisz mikrofon",
+        "disabled_no_perms_start_video_call": "Nie masz uprawnień do rozpoczęcia rozmowy wideo",
+        "disabled_no_perms_start_voice_call": "Nie masz uprawnień do rozpoczęcia rozmowy głosowej",
+        "disabled_ongoing_call": "Rozmowa w toku",
+        "element_call": "Element Call",
+        "enable_camera": "Włącz kamerę",
+        "enable_microphone": "Wyłącz wyciszenie mikrofonu",
+        "expand": "Wróć do połączenia",
+        "get_call_link": "Udostępnij link do połączenia",
+        "group_call_started": "Rozpoczęto połączenie grupowe",
+        "hangup": "Rozłącz",
+        "hide_sidebar_button": "Ukryj pasek boczny",
+        "input_devices": "Urządzenia wejściowe",
+        "jitsi_call": "Konferencja Jitsi",
+        "join_with_video": "Dołącz z wideo",
+        "legacy_call": "Połączenie w starszej technologii.",
+        "maximise": "Wypełnij ekran",
+        "maximise_call": "Maksymalizuj połączenie",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Konferencje"
+        },
+        "minimise_call": "Minimalizuj połączenie",
+        "misconfigured_server": "Połączenie nie udało się przez błędną konfigurację serwera",
+        "misconfigured_server_description": "Poproś administratora swojego serwera głównego (<code>%(homeserverDomain)s</code>) by skonfigurował serwer TURN aby rozmowy działały bardziej niezawodnie.",
+        "misconfigured_server_fallback": "Alternatywnie możesz spróbować użyć serwera publicznego <server/>, ale mogą wystąpić problemy i zostanie udostępniony Twój adres IP z serwerem. Zarządzaj tym również w Ustawieniach.",
+        "misconfigured_server_fallback_accept": "Spróbuj użyć %(server)s",
+        "more_button": "Więcej",
+        "msisdn_lookup_failed": "Nie można wyszukać numeru telefonu",
+        "msisdn_lookup_failed_description": "Podczas wyszukiwania numeru telefonu wystąpił błąd",
+        "msisdn_transfer_failed": "Nie udało się przekazać połączenia",
+        "n_people_joined": {
+            "one": "%(count)s osoba dołączyła",
+            "few": "%(count)s osoby dołączyły",
+            "many": "%(count)s osób dołączyło"
+        },
+        "no_audio_input_description": "Nie udało się znaleźć żadnego mikrofonu w twoim urządzeniu. Sprawdź ustawienia i spróbuj ponownie.",
+        "no_audio_input_title": "Nie znaleziono mikrofonu",
+        "no_media_perms_description": "Możliwe, że będziesz musiał ręcznie pozwolić %(brand)sowi na dostęp do twojego mikrofonu/kamerki internetowej",
+        "no_media_perms_title": "Brak uprawnień do mediów",
+        "no_permission_conference": "Wymagane Uprawnienia",
+        "no_permission_conference_description": "Nie posiadasz uprawnień do rozpoczęcia rozmowy grupowej w tym pokoju",
+        "on_hold": "%(name)s na linii",
+        "output_devices": "Urządzenia wyjściowe",
+        "screenshare_monitor": "Udostępnij cały ekran",
+        "screenshare_title": "Udostępnij zawartość",
+        "screenshare_window": "Okno aplikacji",
+        "show_sidebar_button": "Pokaż pasek boczny",
+        "silence": "Wycisz rozmowę",
+        "silenced": "Wyciszono powiadomienia",
+        "start_screenshare": "Udostępnij ekran",
+        "stop_screenshare": "Przestań udostępniać ekran",
+        "too_many_calls": "Zbyt wiele połączeń",
+        "too_many_calls_description": "Osiągnięto maksymalną liczbę jednoczesnych połączeń.",
+        "transfer_consult_first_label": "Najpierw się skonsultuj",
+        "transfer_failed": "Transfer nie powiódł się",
+        "transfer_failed_description": "Nie udało się przekazać połączenia",
+        "unable_to_access_audio_input_description": "Nie byliśmy w stanie uzyskać dostępu do Twojego mikrofonu. Sprawdź ustawienia swojej wyszukiwarki.",
+        "unable_to_access_audio_input_title": "Nie można uzyskać dostępu do mikrofonu",
+        "unable_to_access_media": "Nie można uzyskać dostępu do kamery / mikrofonu",
+        "unable_to_access_microphone": "Nie można uzyskać dostępu do mikrofonu",
+        "unknown_caller": "Nieznany rozmówca",
+        "unknown_person": "nieznana osoba",
+        "unsilence": "Dźwięk włączony",
+        "unsupported": "Rozmowy nie są obsługiwane",
+        "unsupported_browser": "Nie możesz wykonywać połączeń z tej przeglądarki.",
+        "user_busy": "Użytkownik zajęty",
+        "user_busy_description": "Użytkownik, do którego zadzwoniłeś jest zajęty.",
+        "user_is_presenting": "%(sharerName)s prezentuje",
+        "video_call": "Rozmowa wideo",
+        "video_call_incoming": "Przychodzące połączenie wideo",
+        "video_call_using": "Połączenie wideo przy użyciu:",
+        "voice_call": "Rozmowa głosowa",
+        "voice_call_incoming": "Przychodzące połączenie głosowe",
+        "voice_call_using": "Połączenie głosowe przy użyciu:",
+        "you_are_presenting": "Prezentujesz"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s na %(osName)s",
+    "welcome": {
+        "tagline_element": "Zaprojektowany z myślą o szybkości i prostocie.",
+        "title_element": "Be in your element",
+        "title_generic": "Witaj w %(brand)s"
+    },
+    "widget": {
+        "added_by": "Widżet dodany przez",
+        "capabilities_dialog": {
+            "content_starting_text": "Ten widżet chciałby:",
+            "decline_all_permission": "Odmów wszystko",
+            "remember_Selection": "Zapamiętaj mój wybór dla tego widżetu",
+            "title": "Zatwierdź uprawnienia widżetu"
+        },
+        "capability": {
+            "always_on_screen_generic": "Pozostań na ekranie kiedy aplikacja jest uruchomiona",
+            "always_on_screen_viewing_another_room": "Pozostań na ekranie podczas patrzenia na inny pokój, kiedy aplikacja jest uruchomiona",
+            "any_room": "Powyższe, ale w każdym pokoju do którego dołączysz lub zostaniesz zaproszony",
+            "byline_empty_state_key": "z pustym kluczem stanu",
+            "byline_state_key": "z kluczem stanu %(stateKey)s",
+            "capability": "Możliwość <b>%(capability)s</b>",
+            "change_avatar_active_room": "Zmień awatar swojego aktywnego pokoju",
+            "change_avatar_this_room": "Zmień awatar tego pokoju",
+            "change_name_active_room": "Zmień nazwę swojego obecnego pokoju",
+            "change_name_this_room": "Zmień nazwę tego pokoju",
+            "change_topic_active_room": "Zmień temat swojego obecnego pokoju",
+            "change_topic_this_room": "Zmień temat tego pokoju",
+            "download_file": "Pobierz pliki z repozytorium multimediów",
+            "receive_membership_active_room": "Pokazuj kiedy osoby wchodzą, wychodzą, lub zostają zaproszone do aktywnego pokoju",
+            "receive_membership_this_room": "Pokazuj kiedy ktoś wejdzie, wyjdzie, lub zostanie zaproszony do tego pokoju",
+            "remove_ban_invite_leave_active_room": "Usuń, zbanuj lub zaproś ludzi do aktywnego pokoju i wyjdź z niego",
+            "remove_ban_invite_leave_this_room": "Usuń, zbanuj, lub zaproś ludzi do tego pokoju i wyjdź z niego",
+            "see_avatar_change_active_room": "Zobacz, gdy awatar Twojego obecnego pokoju zmienia się",
+            "see_avatar_change_this_room": "Zobacz, gdy awatar tego pokoju zmienia się",
+            "see_event_type_sent_active_room": "Zobacz wydarzenia <b>%(eventType)s</b> opublikowane w Twoim aktywnym pokoju",
+            "see_event_type_sent_this_room": "Zobacz wydarzenia <b>%(eventType)s</b> opublikowane w tym pokoju",
+            "see_images_sent_active_room": "Zobacz obrazki wysłane do aktywnego pokoju",
+            "see_images_sent_this_room": "Zobacz obrazki wysłane do tego pokoju",
+            "see_messages_sent_active_room": "Zobacz wiadomości publikowane w obecnym pokoju",
+            "see_messages_sent_this_room": "Zobacz wiadomości publikowane w tym pokoju",
+            "see_msgtype_sent_active_room": "Zobacz wiadomości <b>%(msgtype)s</b> wysyłane do aktywnego pokoju",
+            "see_msgtype_sent_this_room": "Zobacz wiadomości <b>%(msgtype)s</b> wysyłane do tego pokoju",
+            "see_name_change_active_room": "Zobacz, gdy nazwa Twojego obecnego pokoju zmienia się",
+            "see_name_change_this_room": "Zobacz, gdy nazwa tego pokoju zmienia się",
+            "see_sent_emotes_active_room": "Pokaż emotki wysłane do aktywnego pokoju",
+            "see_sent_emotes_this_room": "Pokaż emotki wysłane w tym pokoju",
+            "see_sent_files_active_room": "Zobacz pliki wysłane do aktywnego pokoju",
+            "see_sent_files_this_room": "Zobacz pliki wysłane do tego pokoju",
+            "see_sticker_posted_active_room": "Pokazuj kiedy ktokolwiek wyśle naklejki do twojego aktywnego pokoju",
+            "see_sticker_posted_this_room": "Pokazuj kiedy naklejki są wysłane do tego pokoju",
+            "see_text_messages_sent_active_room": "Pokazuj wiadomości tekstowe wysłane do aktywnego pokoju",
+            "see_text_messages_sent_this_room": "Pokaż wiadomości tekstowe wysłane w tym pokoju",
+            "see_topic_change_active_room": "Zobacz, gdy temat Twojego obecnego pokoju zmienia się",
+            "see_topic_change_this_room": "Zobacz, gdy temat tego pokoju zmienia się",
+            "see_videos_sent_active_room": "Zobacz video wysłane do aktywnego pokoju",
+            "see_videos_sent_this_room": "Zobacz video wysłane do tego pokoju",
+            "send_emotes_active_room": "Wysyłaj emotki jako ty w aktywnym pokoju",
+            "send_emotes_this_room": "Wysyłaj emotki jako ty w tym pokoju",
+            "send_event_type_active_room": "Wysyłaj wydarzenia <b>%(eventType)s</b> jako Ty w obecnym pokoju",
+            "send_event_type_this_room": "Wysyłaj zdarzenia <b>%(eventType)s</b> jako Ty w tym pokoju",
+            "send_files_active_room": "Wyślij pliki jako ty do aktywnego pokoju",
+            "send_files_this_room": "Wyślij pliki jako Ty do tego pokoju",
+            "send_images_active_room": "Wysyłaj obrazki jako Ty w obecnym pokoju",
+            "send_images_this_room": "Wysyłaj obrazki jako Ty w tym pokoju",
+            "send_messages_active_room": "Wysyłaj wiadomości jako Ty w obecnym pokoju",
+            "send_messages_this_room": "Wysyłaj wiadomości jako Ty w tym pokoju",
+            "send_msgtype_active_room": "Wysyłaj wiadomości <b>%(msgtype)s</b> jako Ty w bieżącym pokoju",
+            "send_msgtype_this_room": "Wysyłaj wiadomości <b>%(msgtype)s</b> jako ty w tym pokoju",
+            "send_stickers_active_room": "Wyślij naklejki w swoim aktywnym pokoju",
+            "send_stickers_active_room_as_you": "Wysyłaj naklejki do aktywnego pokoju jako ty",
+            "send_stickers_this_room": "Wyślij naklejki w tym pokoju",
+            "send_stickers_this_room_as_you": "Wysyłaj naklejki do tego pokoju jako ty",
+            "send_text_messages_active_room": "Wysyłaj wiadomości tekstowe jako ty w aktywnym pokoju",
+            "send_text_messages_this_room": "Wysyłaj wiadomości tekstowe jako ty w tym pokoju",
+            "send_videos_active_room": "Wysyłaj video jako ty w aktywnym pokoju",
+            "send_videos_this_room": "Wysyłaj video jako ty w tym pokoju",
+            "specific_room": "Powyższe, ale również w <Room />",
+            "switch_room": "Zmień pokój który przeglądasz",
+            "switch_room_message_user": "Zmień pokój, wiadomość lub użytkownika, na którego patrzysz"
+        },
+        "close_to_view_right_panel": "Zamknij widżet, aby wyświetlić go w tym panelu",
+        "context_menu": {
+            "delete": "Usuń widżet",
+            "delete_warning": "Usunięcie widżetu usuwa go dla wszystkich użytkowników w tym pokoju. Czy na pewno chcesz usunąć ten widżet?"
+        },
+        "cookie_warning": "Ten widżet może używać plików cookies.",
+        "error_hangup_description": "Zostałeś rozłączony z rozmowy. (Błąd: %(message)s)",
+        "error_hangup_title": "Utracono połączenie",
+        "error_loading": "Błąd ładowania widżetu",
+        "error_mixed_content": "Błąd — zawartość mieszana",
+        "error_need_invite_permission": "Aby to zrobić, musisz mieć możliwość zapraszania użytkowników.",
+        "error_need_kick_permission": "Aby to zrobić, musisz móc wyrzucać użytkowników.",
+        "error_need_to_be_logged_in": "Musisz być zalogowany.",
+        "error_unable_start_audio_stream_description": "Nie można rozpocząć przesyłania strumienia audio.",
+        "error_unable_start_audio_stream_title": "Nie udało się rozpocząć transmisji na żywo",
+        "modal_data_warning": "Poniższe dane są udostępniane z %(widgetDomain)s",
+        "modal_title_default": "Widżet modalny",
+        "no_name": "Nieznana aplikacja",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Zapamiętaj to",
+            "starting_text": "Widżet zweryfikuje twoje ID użytkownika, lecz nie będzie w stanie wykonywać za Ciebie działań:",
+            "title": "Zezwól temu widżetowi na weryfikacje Twojej tożsamości"
+        },
+        "popout": "Wyskakujący widżet",
+        "set_room_layout": "Ustaw układ dla wszystkich",
+        "shared_data_avatar": "URL Twojego zdjęcia profilowego",
+        "shared_data_device_id": "Twoje ID urządzenia",
+        "shared_data_lang": "Twój język",
+        "shared_data_mxid": "Twoje ID użytkownika",
+        "shared_data_name": "Twoja nazwa wyświetlana",
+        "shared_data_room_id": "ID pokoju",
+        "shared_data_theme": "Twój motyw",
+        "shared_data_url": "%(brand)s URL",
+        "shared_data_warning": "Korzystanie z tego widżetu może współdzielić dane <helpIcon /> z %(widgetDomain)s.",
+        "shared_data_warning_im": "Korzystanie z tego widżetu może współdzielić dane <helpIcon /> z %(widgetDomain)s i Twoim menedżerem integracji.",
+        "shared_data_widget_id": "ID widżetu",
+        "unencrypted_warning": "Widżety nie używają szyfrowania wiadomości.",
+        "unmaximise": "Normalizuj",
+        "unpin_to_view_right_panel": "Odepnij widżet, aby wyświetlić go w tym panelu"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Same wielkie litery w haśle powodują, iż są one łatwe do zgadnięcia, podobnie jak w przypadku samych małych",
+            "anotherWord": "Dodaj kolejne słowo lub dwa. Niezwykłe słowa są lepsze.",
+            "associatedYears": "Unikaj lat, które są z tobą związane z Tobą",
+            "capitalization": "Kapitalizacja nie pomaga bardzo",
+            "dates": "Unikaj dat i lat, które są z tobą związane z Tobą",
+            "l33t": "Przewidywalne podstawienia, takie jak \"@\" zamiast \"a\", nie pomagają zbytnio",
+            "longerKeyboardPattern": "Użyj wzoru z klawiatury z większą ilością zakrętów",
+            "noNeed": "Nie są wymagane symbole, cyfry lub wielkie litery",
+            "pwned": "Jeśli używasz tego hasła w innym miejscu, powinieneś je zmienić.",
+            "recentYears": "Unikaj ostatnich lat",
+            "repeated": "Unikaj powtarzających się słów i znaków",
+            "reverseWords": "Odwrócone słowa nie są trudniejsze do odgadnięcia",
+            "sequences": "Unikaj sekwencji",
+            "useWords": "Użyj kilku słów, unikaj typowych zwrotów"
+        },
+        "warnings": {
+            "common": "To jest bardzo popularne hasło",
+            "commonNames": "Popularne imiona i nazwiska są łatwe do odgadnięcia",
+            "dates": "Daty są często łatwe do odgadnięcia",
+            "extendedRepeat": "Powtórzenia takie jak \"abcabcabc\" są tylko trochę trudniejsze do odgadnięcia niż \"abc\"",
+            "keyPattern": "Krótkie wzory klawiszowe są łatwe do odgadnięcia",
+            "namesByThemselves": "Imiona i nazwiska same w sobie są łatwe do odgadnięcia",
+            "pwned": "Twoje hasło zostało ujawnione w wyniku wycieku danych w Internecie.",
+            "recentYears": "Ostatnie lata są łatwe do odgadnięcia",
+            "sequences": "Sekwencje takie jak abc lub 6543 są łatwe do odgadnięcia",
+            "similarToCommon": "Jest to podobne do powszechnie stosowanego hasła",
+            "simpleRepeat": "Powtórzenia takie jak \"aaa\" są łatwe do odgadnięcia",
+            "straightRow": "Proste rzędy klawiszy są łatwe do odgadnięcia",
+            "topHundred": "Jest to jedno ze stu najpopularniejszych haseł",
+            "topTen": "Jest to jedno z dziesięciu najpopularniejszych haseł",
+            "userInputs": "Nie powinny się tu znajdować żadne dane osobiste lub związane ze stroną.",
+            "wordByItself": "Samo słowo jest łatwe do odgadnięcia"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/pt.json b/apps/web/src/i18n/strings/pt.json
new file mode 100644
index 00000000000..ea3ea3f4600
--- /dev/null
+++ b/apps/web/src/i18n/strings/pt.json
@@ -0,0 +1,3786 @@
+{
+    "a11y": {
+        "jump_first_invite": "Salta para o primeiro convite.",
+        "message_composer": "Compositor de mensagens",
+        "n_unread_messages": {
+            "one": "1 mensagem não lida.",
+            "other": "%(count)s mensagens não lidas."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 menção não lida.",
+            "other": "%(count)s mensagens não lidas, incluindo menções."
+        },
+        "room_status_bar": "Barra de estado da sala",
+        "seek_bar_label": "Barra de procura de áudio",
+        "unread_messages": "Mensagens não lidas"
+    },
+    "a11y_jump_first_unread_room": "Salta para a primeira sala não lida.",
+    "action": {
+        "accept": "Aceitar",
+        "add": "Adicionar",
+        "add_existing_room": "Adicionar sala existente",
+        "apply": "Aplicar",
+        "approve": "Aprovar",
+        "ask_to_join": "Pedir para participar",
+        "back": "Voltar",
+        "call": "Ligar",
+        "cancel": "Cancelar",
+        "change": "Alterar",
+        "clear": "Limpar",
+        "click_to_copy": "Clica para copiar",
+        "close": "Fechar",
+        "collapse": "Colapsar",
+        "complete": "Completo",
+        "confirm": "Confirmar",
+        "continue": "Continuar",
+        "copy": "Copiar",
+        "copy_link": "Copiar Link",
+        "create": "Criar",
+        "create_a_room": "Criar uma sala",
+        "create_account": "Criar uma conta",
+        "decline": "Recusar",
+        "delete": "Apagar",
+        "deny": "Negar",
+        "disable": "Desativar",
+        "disconnect": "Desconectar",
+        "dismiss": "Descartar",
+        "done": "Concluído",
+        "download": "Descarregar",
+        "edit": "Editar",
+        "enable": "Ativar",
+        "enter_fullscreen": "Entra no ecrã completo",
+        "exit_fullscreeen": "Sai do ecrã completo",
+        "expand": "Expandir",
+        "explore_rooms": "Explorar rooms",
+        "export": "Exportar",
+        "forward": "Encaminhar",
+        "go": "Ir",
+        "go_back": "Voltar",
+        "got_it": "Entendi",
+        "hide_advanced": "Ocultar avançadas",
+        "hold": "Espera",
+        "ignore": "Ignorar",
+        "import": "Importar",
+        "invite": "Convidar",
+        "join": "Participar",
+        "learn_more": "Saiba mais",
+        "leave": "Sair",
+        "leave_room": "Sair da sala",
+        "logout": "Sair",
+        "manage": "Gerir",
+        "maximise": "Maximizar",
+        "mention": "Mencionar",
+        "minimise": "Minimizar",
+        "new_room": "Nova sala",
+        "new_video_room": "Nova sala de vídeo",
+        "next": "Próximo",
+        "no": "Não",
+        "ok": "OK",
+        "open": "Abrir",
+        "pin": "Fixar",
+        "proceed": "Prosseguir",
+        "quote": "Citar",
+        "react": "Reagir",
+        "refresh": "Atualizar",
+        "register": "Registar",
+        "reload": "Recarregar",
+        "remove": "Remover",
+        "rename": "Renomear",
+        "reply": "Responder",
+        "reply_in_thread": "Responder no tópico",
+        "resend": "Reenviar",
+        "reset": "Redefinir",
+        "resume": "Retoma",
+        "retry": "Tentar novamente",
+        "review": "Rever",
+        "revoke": "Revogar",
+        "save": "Salvar",
+        "search": "Pesquisar",
+        "send_report": "Enviar relatório",
+        "set_avatar": "Definir foto de perfil",
+        "share": "Partilhar",
+        "show": "Mostrar",
+        "show_advanced": "Mostrar avançado",
+        "show_all": "Mostrar tudo",
+        "sign_in": "Entrar",
+        "sign_out": "Sair",
+        "skip": "Saltar",
+        "start": "Iniciar",
+        "stop": "Parar",
+        "submit": "Enviar",
+        "subscribe": "Subscrever",
+        "transfer": "Transfere",
+        "trust": "Confiar",
+        "try_again": "Tente novamente",
+        "unban": "Desfazer banimento",
+        "unignore": "Deixar de ignorar",
+        "unpin": "Desafixar",
+        "unsubscribe": "Cancelar subscrição",
+        "update": "Atualizar",
+        "upgrade": "Atualizar",
+        "upload": "Carregar",
+        "upload_file": "Carregar ficheiro",
+        "verify": "Verificar",
+        "view": "Ver",
+        "view_all": "Ver tudo",
+        "view_list": "Ver lista",
+        "view_message": "Ver mensagem",
+        "view_source": "Ver a fonte",
+        "yes": "Sim",
+        "zoom_in": "Ampliar",
+        "zoom_out": "Reduzir"
+    },
+    "analytics": {
+        "accept_button": "Não faz mal",
+        "bullet_1": "Nós <Bold>não</Bold> registamos nem traçamos o perfil de quaisquer dados da conta",
+        "bullet_2": "Nós <Bold>não</Bold> partilhamos informações com terceiros",
+        "consent_migration": "Anteriormente, tinhas consentido em partilhar connosco dados de utilização anónimos. Estamos a atualizar a forma como isso funciona.",
+        "disable_prompt": "Podes desativar esta opção em qualquer altura nas definições",
+        "enable_prompt": "Ajuda a melhorar %(analyticsOwner)s",
+        "learn_more": "Partilha dados anónimos para nos ajudar a identificar problemas. Nada de pessoal. Não há terceiros. <LearnMoreLink>Aprende mais</LearnMoreLink>",
+        "privacy_policy": "Podes ler todos os nossos termos <PrivacyPolicyUrl>aqui</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Ajuda-nos a identificar problemas e a melhorar o %(analyticsOwner)s, partilhando dados de utilização anónimos. Para compreender como as pessoas utilizam vários dispositivos, geraremos um identificador aleatório, partilhado pelos teus dispositivos.",
+        "shared_data_heading": "Pode ser partilhado qualquer um dos seguintes dados:"
+    },
+    "auth": {
+        "3pid_in_use": "Esse endereço de e-mail ou número de telefone já está a ser utilizado.",
+        "account_clash": "A tua nova conta (%(newAccountId)s) está registada, mas já estás ligado a uma conta diferente (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Continua com a conta anterior",
+        "account_deactivated": "Esta conta foi desativada.",
+        "autodiscovery_generic_failure": "Falha ao obter a configuração de descoberta automática do servidor",
+        "autodiscovery_hs_incompatible": "O teu servidor doméstico é demasiado antigo e não suporta a versão mínima da API necessária. Contata o proprietário do teu servidor ou atualiza o teu servidor.",
+        "autodiscovery_invalid": "Resposta de descoberta de servidor doméstico inválida",
+        "autodiscovery_invalid_hs": "O URL do servidor doméstico não parece ser um servidor doméstico Matrix válido",
+        "autodiscovery_invalid_hs_base_url": "Base_url inválida para m.homeserver",
+        "autodiscovery_invalid_is": "O URL do servidor de identidade não parece ser um servidor de identidade válido",
+        "autodiscovery_invalid_is_base_url": "Base_url inválido para m.identity_server",
+        "autodiscovery_invalid_is_response": "Resposta de descoberta de servidor de identidade inválida",
+        "autodiscovery_invalid_json": "JSON inválido",
+        "autodiscovery_no_well_known": "Não foi encontrado nenhum ficheiro JSON .well-known",
+        "autodiscovery_unexpected_error_hs": "Erro inesperado ao resolver a configuração do servidor doméstico",
+        "autodiscovery_unexpected_error_is": "Erro inesperado ao resolver a configuração do servidor de identidade",
+        "captcha_description": "Este servidor doméstico gostaria de ter a certeza de que não és um robô.",
+        "change_password_action": "Alterar Palavra-Passe",
+        "change_password_confirm_invalid": "As palavras-passe não coincidem",
+        "change_password_confirm_label": "Confirmar palavra-passe",
+        "change_password_current_label": "Palavra-passe atual",
+        "change_password_empty": "As palavras-passe não podem estar vazias",
+        "change_password_error": "Erro ao alterar a palavra-passe: %(error)s",
+        "change_password_mismatch": "As novas palavras-passe não coincidem",
+        "change_password_new_label": "Nova Palavra-Passe",
+        "check_email_explainer": "Segue as instruções enviadas para <b>%(email)s</b>",
+        "check_email_resend_prompt": "Não recebeste?",
+        "check_email_resend_tooltip": "E-mail com link de verificação reenviado!",
+        "check_email_wrong_email_button": "Volta a introduzir o endereço de e-mail",
+        "check_email_wrong_email_prompt": "Endereço de e-mail errado?",
+        "continue_with_idp": "Continuar com %(provider)s",
+        "continue_with_sso": "Continua com %(ssoButtons)s",
+        "country_dropdown": "Lista suspensa de países",
+        "create_account_prompt": "Novo aqui? <a>Crie uma conta</a>",
+        "create_account_title": "Criar conta",
+        "email_discovery_text": "Use email para, opcionalmente, ser detectável por contactos existentes.",
+        "email_field_label": "E-mail",
+        "email_field_label_invalid": "Não parece ser um endereço de correio eletrónico válido",
+        "email_field_label_required": "Insere o endereço de e-mail",
+        "email_help_text": "Adicione um email para poder repôr a palavra-passe.",
+        "email_phone_discovery_text": "Use email ou telefone para, opcionalmente, ser detectável por contactos existentes.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> enviar-te-á uma link de verificação para que possas redefinir a tua palavra-passe.",
+        "enter_email_heading": "Introduz o teu e-mail para redefinir a palavra-passe",
+        "failed_connect_identity_server": "Não é possível aceder o servidor de identidade",
+        "failed_connect_identity_server_other": "Podes iniciar sessão, mas algumas funcionalidades estarão indisponíveis até o servidor de identidade estar novamente online. Se continuares a ver este aviso, verifica a tua configuração ou contacta um administrador do servidor.",
+        "failed_connect_identity_server_register": "Podes registar-te, mas algumas funcionalidades não estarão disponíveis até que o servidor de identidade esteja novamente online. Se continuares a ver este aviso, verifica a tua configuração ou contacta um administrador do servidor.",
+        "failed_connect_identity_server_reset_password": "Podes repor a tua palavra-passe, mas algumas funcionalidades ficarão indisponíveis até o servidor de identidade estar novamente online. Se continuares a ver este aviso, verifica a tua configuração ou contacta um administrador do servidor.",
+        "failed_homeserver_discovery": "Falha na descoberta do servidor doméstico",
+        "failed_query_registration_methods": "Não é possível consultar os métodos de registo suportados.",
+        "failed_soft_logout_auth": "Falha ao autenticar novamente",
+        "failed_soft_logout_homeserver": "Falha ao autenticar novamente devido a um problema no servidor doméstico",
+        "forgot_password_email_invalid": "O endereço de e-mail não parece ser válido.",
+        "forgot_password_email_required": "O endereço de email relacionado a sua conta precisa ser informado.",
+        "forgot_password_prompt": "Esqueceste-te da tua palavra-passe?",
+        "forgot_password_send_email": "Enviar e-mail",
+        "identifier_label": "Quero entrar",
+        "incorrect_credentials": "Nome de utilizador e/ou palavra-passe incorreta.",
+        "incorrect_credentials_detail": "Tem em atenção que estás a iniciar sessão no servidor %(hs)s e não em matrix.org.",
+        "incorrect_password": "Palavra-passe incorreta",
+        "log_in_new_account": "<a>Inicia sessão em</a> na tua nova conta.",
+        "logout_dialog": {
+            "description": "Tens a certeza que queres encerrar a sessão?",
+            "setup_key_backup_title": "Perderás o acesso às tuas mensagens encriptadas",
+            "skip_key_backup": "Não quero as minhas mensagens encriptadas"
+        },
+        "misconfigured_body": "Pede ao teu administrador %(brand)s para verificar <a>a tua configuração</a> para ver se há entradas incorretas ou duplicadas.",
+        "misconfigured_title": "O teu %(brand)s está mal configurado",
+        "mobile_create_account_title": "Estás prestes a criar uma conta no %(hsName)s",
+        "msisdn_field_description": "Outros utilizadores podem convidar-te para salas utilizando os teus dados de contacto",
+        "msisdn_field_label": "Telefone",
+        "msisdn_field_number_invalid": "Este número de telefone não parece estar correto, por favor verifica e tenta novamente",
+        "msisdn_field_required_invalid": "Introduz o número de telefone",
+        "no_hs_url_provided": "Nenhum URL de servidor doméstico fornecido",
+        "oidc": {
+            "error_title": "Não foi possível fazer login",
+            "generic_auth_error": "Algo correu mal durante a autenticação. Vai à página de início de sessão e tenta novamente.",
+            "missing_or_invalid_stored_state": "Pedimos ao navegador que se lembrasse do homeserver que usa para permitir o início de sessão, mas infelizmente o seu navegador esqueceu. Aceda à página de início de sessão e tente novamente."
+        },
+        "password_field_keep_going_prompt": "Continua...",
+        "password_field_label": "Introduz a palavra-passe",
+        "password_field_strong_label": "Uma palavra-passe boa e forte!",
+        "password_field_weak_label": "A palavra-passe é permitida, mas não é segura",
+        "phone_label": "Telefone",
+        "phone_optional_label": "Telefone (opcional)",
+        "qr_code_login": {
+            "check_code_explainer": "Isto irá verificar se a ligação ao teu outro dispositivo é segura.",
+            "check_code_heading": "Introduz o número que aparece no teu outro dispositivo",
+            "check_code_input_label": "Código de 2 dígitos",
+            "check_code_mismatch": "Os números não correspondem",
+            "completing_setup": "A concluir a configuração do teu novo dispositivo",
+            "error_etag_missing": "Ocorreu um erro inesperado. Isso pode ser devido a uma extensão do navegador, servidor proxy ou configuração incorreta do servidor.",
+            "error_expired": "O teu login expirou. Por favor, tenta novamente.",
+            "error_expired_title": "O início de sessão não foi concluído a tempo",
+            "error_insecure_channel_detected": "Não foi possível estabelecer uma ligação segura com o novo dispositivo. Os teus dispositivos existentes continuam seguros e não precisas de te preocupar com eles.",
+            "error_insecure_channel_detected_instructions": "E agora?",
+            "error_insecure_channel_detected_instructions_1": "Tenta iniciar sessão no outro dispositivo novamente com um código QR, caso se trate de um problema de rede",
+            "error_insecure_channel_detected_instructions_2": "Se tiveres o mesmo problema, experimenta uma rede Wi-Fi diferente ou utiliza os teus dados móveis em vez da rede Wi-Fi",
+            "error_insecure_channel_detected_instructions_3": "Se isso não funcionar, inicia sessão manualmente",
+            "error_insecure_channel_detected_title": "Ligação não segura",
+            "error_other_device_already_signed_in": "Não precisas de fazer mais nada.",
+            "error_other_device_already_signed_in_title": "O teu outro dispositivo já tem sessão iniciada",
+            "error_rate_limited": "Demasiadas tentativas num curto espaço de tempo. Espera algum tempo antes de tentares novamente.",
+            "error_unexpected": "Ocorreu um erro inesperado.",
+            "error_unsupported_protocol": "Este dispositivo não suporta o início de sessão no outro dispositivo com um código QR.",
+            "error_unsupported_protocol_title": "Outro dispositivo não compatível",
+            "error_user_cancelled": "O início de sessão foi cancelado no outro dispositivo.",
+            "error_user_cancelled_title": "Pedido de início de sessão cancelado",
+            "error_user_declined": "Tu ou o fornecedor da conta recusaram o pedido de início de sessão.",
+            "error_user_declined_title": "Inicio de sessão recusado",
+            "follow_remaining_instructions": "Segue as restantes instruções para verificar o teu outro dispositivo",
+            "open_element_other_device": "Abre a %(brand)s no teu outro dispositivo",
+            "point_the_camera": "Aponta a câmara para o código QR mostrado aqui",
+            "scan_code_instruction": "Lê o código QR com outro dispositivo",
+            "scan_qr_code": "Ler código QR",
+            "security_code_prompt": "Se solicitado, insira o código abaixo no seu outro dispositivo.",
+            "select_qr_code": "Seleciona \"%(scanQRCode)s\"",
+            "unsupported_explainer": "O teu fornecedor de conta não suporta o início de sessão num novo dispositivo com um código QR.",
+            "unsupported_heading": "Código QR não suportado",
+            "waiting_for_device": "A aguardar que o dispositivo inicie sessão"
+        },
+        "register_action": "Criar conta",
+        "registration": {
+            "continue_without_email_description": "Apenas um aviso, se não adicionar um email e depois esquecer a sua palavra-passe, poderá <b>perder permanentemente o acesso à sua conta</b>.",
+            "continue_without_email_field_label": "E-mail (opcional)",
+            "continue_without_email_title": "Continuando sem e-mail"
+        },
+        "registration_disabled": "O registo foi desativado neste servidor doméstico.",
+        "registration_msisdn_field_required_invalid": "Introduz o número de telefone (obrigatório neste servidor doméstico)",
+        "registration_successful": "Registo efetuado com êxito!",
+        "registration_username_in_use": "Alguém já tem esse nome de utilizador. Tente outro ou, se fores tu, inicia sessão em baixo.",
+        "registration_username_unable_check": "Não foi possível verificar se o nome de utilizador já foi usado. Tente novamente mais tarde.",
+        "registration_username_validation": "Utiliza apenas letras minúsculas, números, travessões e sublinhados",
+        "reset_password": {
+            "confirm_new_password": "Confirmar nova palavra-passe",
+            "devices_logout_success": "Saíste de todos os dispositivos e já não receberás notificações push. Para voltar a ativar as notificações, inicia sessão novamente em cada dispositivo.",
+            "other_devices_logout_warning_1": "Terminares a sessão dos teus dispositivos, elimina as chaves de encriptação de mensagens armazenadas nos mesmos, tornando ilegível o histórico de conversações encriptadas.",
+            "other_devices_logout_warning_2": "Se quiseres manter o acesso ao teu histórico de conversação em salas encriptadas, configura a Cópia de segurança das chaves ou exporta as chaves das mensagens de um dos teus outros dispositivos antes de prosseguires.",
+            "password_not_entered": "Deve ser introduzida uma nova palavra-passe.",
+            "passwords_mismatch": "Novas palavras-passe devem coincidir.",
+            "rate_limit_error": "Demasiadas tentativas num curto espaço de tempo. Espera algum tempo antes de tentares novamente.",
+            "rate_limit_error_with_time": "Demasiadas tentativas num curto espaço de tempo. Volta a tentar depois de %(timeout)s.",
+            "reset_successful": "A tua palavra-passe foi redefinida.",
+            "return_to_login": "Retornar à tela de login",
+            "sign_out_other_devices": "Termina a sessão em todos os dispositivos"
+        },
+        "reset_password_action": "Repor a palavra-passe",
+        "reset_password_button": "Esqueceste-te da palavra-passe?",
+        "reset_password_email_field_description": "Usar um endereço de email para recuperar a sua conta",
+        "reset_password_email_field_required_invalid": "Insere o endereço de e-mail (obrigatório neste servidor doméstico)",
+        "reset_password_email_not_associated": "O seu endereço de email não parece estar associado a um Matrix ID neste homeserver.",
+        "reset_password_email_not_found_title": "Este endereço de email não foi encontrado",
+        "reset_password_title": "Redefine a tua palavra-passe",
+        "server_picker_custom": "Outro servidor doméstico",
+        "server_picker_description": "Podes utilizar as opções personalizadas do servidor para iniciar sessão noutros servidores Matrix, especificando um URL de servidor doméstico diferente. Isto permite-te usar %(brand)s com uma conta Matrix existente num servidor doméstico diferente.",
+        "server_picker_description_matrix.org": "Junte-se a milhões gratuitamente no maior servidor público",
+        "server_picker_dialog_title": "Decide onde a tua conta está alojada",
+        "server_picker_explainer": "Usa o teu servidor doméstico Matrix preferido, se tiveres um, ou aloja o teu próprio servidor.",
+        "server_picker_failed_validate_homeserver": "Não foi possível validar o servidor doméstico",
+        "server_picker_intro": "Chamamos aos locais onde podes alojar a tua conta 'servidores domésticos'.",
+        "server_picker_invalid_url": "URL inválido",
+        "server_picker_learn_more": "Sobre servidores domésticos",
+        "server_picker_matrix.org": "Matrix.org é o maior servidor doméstico público do mundo, por isso é um bom lugar para muitos.",
+        "server_picker_required": "Especifica um servidor doméstico",
+        "server_picker_title": "Hospedar conta em",
+        "server_picker_title_default": "Opções de servidor",
+        "server_picker_title_registration": "Hospedar conta em",
+        "session_logged_out_description": "Por questões de segurança, esta sessão foi encerrada. Por gentileza conecte-se novamente.",
+        "session_logged_out_title": "Deslogar",
+        "set_email": {
+            "description": "Isto irá permitir-lhe redefinir a sua palavra-passe e receber notificações.",
+            "verification_pending_description": "Por favor verifique seu email e clique no link enviado. Quando finalizar este processo, clique para continuar.",
+            "verification_pending_title": "Verificação pendente"
+        },
+        "set_email_prompt": "Deseja definir um endereço de e-mail?",
+        "sign_in_description": "Use a sua conta para continuar.",
+        "sign_in_instead": "Já tem uma conta? <a>Entre aqui</a>",
+        "sign_in_instead_prompt": "Já tem uma conta? <a>Entre aqui</a>",
+        "sign_in_or_register": "Iniciar Sessão ou Criar Conta",
+        "sign_in_or_register_description": "Use a sua conta ou crie uma nova conta para continuar.",
+        "sign_in_with_sso": "Inicia sessão com o início de sessão único",
+        "signing_in": "A iniciar sessão...",
+        "soft_logout": {
+            "clear_data_button": "Limpa todos os dados",
+            "clear_data_description": "Limpa todos os dados desta sessão de forma permanente. As mensagens encriptadas perder-se-ão, a não ser que tenhas feito uma cópia de segurança das suas chaves.",
+            "clear_data_title": "Limpar todos os dados nesta sessão?"
+        },
+        "soft_logout_heading": "Estás desconectado",
+        "soft_logout_intro_password": "Introduz a tua palavra-passe para iniciar sessão e recuperar o acesso à tua conta.",
+        "soft_logout_intro_sso": "Inicia sessão e recupera o acesso à tua conta.",
+        "soft_logout_intro_unsupported_auth": "Não é possível iniciar sessão na tua conta. Contacta o administrador do teu servidor doméstico para obteres mais informações.",
+        "soft_logout_subheading": "Limpar dados pessoais",
+        "soft_logout_warning": "Aviso: os teus dados pessoais (incluindo chaves de encriptação) ainda estão armazenados nesta sessão. Limpa-a se já tiveres terminado de utilizar esta sessão ou se quiseres iniciar sessão noutra conta.",
+        "sso": "Registo único",
+        "sso_complete_in_browser_dialog_title": "Vai para o teu browser para concluir o início de sessão",
+        "sso_failed_missing_storage": "Pedimos ao navegador que se lembrasse do homeserver que usa para permitir o início de sessão, mas infelizmente o seu navegador esqueceu. Aceda à página de início de sessão e tente novamente.",
+        "sso_or_username_password": "%(ssoButtons)s Ou %(usernamePassword)s",
+        "sync_footer_subtitle": "Se já te juntaste a muitas salas, isto pode demorar um pouco",
+        "syncing": "A sincronizar...",
+        "uia": {
+            "code": "Código",
+            "email": "Para criar a sua conta, abra a ligação no email que acabámos de enviar para %(emailAddress)s.",
+            "email_auth_header": "Verifica o teu e-mail para continuar",
+            "email_resend_prompt": "Não o recebeste? <a>Reenvia-o</a>",
+            "email_resent": "Reenviado!",
+            "fallback_button": "Iniciar autenticação",
+            "mas_cross_signing_reset_cta": "Ir para a tua conta",
+            "mas_cross_signing_reset_description": "Repõe a tua identidade através do teu fornecedor de conta e, em seguida, volta a clicar em \"Repetir\".",
+            "msisdn": "Foi enviada uma mensagem de texto para %(msisdn)s",
+            "msisdn_token_incorrect": "Token incorreto",
+            "msisdn_token_prompt": "Por favor, entre com o código que está na mensagem:",
+            "password_prompt": "Confirma a tua identidade introduzindo a palavra-passe da tua conta abaixo.",
+            "recaptcha_missing_params": "Falta a chave pública do captcha na configuração do servidor doméstico. Por favor, informa o administrador do teu servidor doméstico.",
+            "registration_token_label": "Ficha de registo",
+            "registration_token_prompt": "Introduz um token de registo fornecido pelo administrador do servidor doméstico.",
+            "sso_body": "Confirme adicionar este endereço de email usando Single Sign On para provar a sua identidade.",
+            "sso_failed": "Algo correu mal ao confirmar a tua identidade. Cancela e tenta novamente.",
+            "sso_postauth_body": "Clica no botão abaixo para confirmar a tua identidade.",
+            "sso_postauth_title": "Confirma para continuar",
+            "sso_preauth_body": "Para continuar, utiliza o início de sessão único para provar a tua identidade.",
+            "sso_title": "Use Single Sign On para continuar",
+            "terms": "Por favor, revê e aceita as políticas deste servidor doméstico:",
+            "terms_invalid": "Revê e aceita todas as políticas do servidor doméstico"
+        },
+        "unsupported_auth": "Este servidor doméstico não oferece nenhum fluxo de início de sessão que seja suportado por este cliente.",
+        "unsupported_auth_email": "Este servidor doméstico não suporta o início de sessão utilizando endereço de e-mail.",
+        "unsupported_auth_msisdn": "Este servidor não permite a autenticação através de números de telefone.",
+        "username_field_required_invalid": "Introduza um nome de utilizador",
+        "username_in_use": "Alguém já tem esse nome de utilizador, tente outro por favor.",
+        "verify_email_explainer": "Precisamos de saber se és tu antes de redefinir a tua palavra-passe. Clica no link do e-mail que acabámos de enviar para <b>%(email)s</b>",
+        "verify_email_heading": "Verifica o teu e-mail para continuar"
+    },
+    "bug_reporting": {
+        "additional_context": "Se houver algum contexto adicional que possa ajudar a analisar o problema, como o que estavas a fazer na altura, IDs de salas, IDs de utilizadores, etc., inclui-o aqui.",
+        "before_submitting": "Antes de enviar os registos, deves <a>criar um problema no GitHub</a> para descrever o teu problema.",
+        "collecting_information": "A recolher informação da versão da app",
+        "collecting_logs": "A recolher logs",
+        "create_new_issue": "Por favor <newIssueLink>cria um novo problema</newIssueLink> no GitHub para que possamos investigar este erro.",
+        "description": "Os registos de depuração contêm dados de utilização da aplicação, incluindo o seu nome de utilizador, os IDs ou pseudónimos das salas que visitou, os últimos elementos da IU com que interagiu e os nomes de utilizador de outros utilizadores. No entanto não contêm mensagens.",
+        "download_logs": "Descarrega os registos",
+        "downloading_logs": "Descarregando registos",
+        "error_empty": "Diz-nos o que correu mal ou, melhor ainda, cria uma questão no GitHub que descreva o problema.",
+        "failed_download_logs": "Falha ao descarregar os registos de depuração: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "O teu relatório de erro foi rejeitado. O servidor rageshake não suporta esta aplicação.",
+            "rejected_generic": "O teu relatório de bug foi rejeitado. O servidor do rageshake rejeitou o conteúdo do relatório devido a uma política.",
+            "rejected_recovery_key": "O teu relatório de erro foi rejeitado por razões de segurança, pois continha uma chave de recuperação.",
+            "rejected_version": "O teu relatório de erro foi rejeitado porque a versão que estás a executar é demasiado antiga.",
+            "server_unknown_error": "O servidor do rageshake encontrou um erro desconhecido e não pôde processar o relatório.",
+            "unknown_error": "Não conseguiste enviar os registos."
+        },
+        "github_issue": "Problema no GitHub",
+        "introduction": "Se submeteste um erro através do GitHub, os registos de depuração podem ajudar-nos a localizar o problema. ",
+        "log_request": "Para nos ajudar a evitar esta situação no futuro, envia-nos os registos para <a></a> .",
+        "logs_sent": "Registos enviados",
+        "matrix_security_issue": "Para comunicar um problema de segurança relacionado com o Matrix, lê a Política de Divulgação de Segurança do Matrix.org <a></a> .",
+        "preparing_download": "Preparar para descarregar registos",
+        "preparing_logs": "Prepara o envio de registos",
+        "send_logs": "Enviar relatórios de erro",
+        "submit_debug_logs": "Envia registos de depuração",
+        "textarea_label": "Notas",
+        "thank_you": "Obrigado!",
+        "title": "Relatório de erros",
+        "unsupported_browser": "Lembrete: O teu browser não é suportado, pelo que a tua experiência pode ser imprevisível.",
+        "uploading_logs": "Carregando registos",
+        "waiting_for_server": "À espera de resposta do servidor"
+    },
+    "cannot_invite_without_identity_server": "Não é possível convidar um utilizador por email sem um servidor de identidade. Pode ligar-se a um em \"Definições\".",
+    "cannot_reach_homeserver": "Não é possível acessar o servidor doméstico",
+    "cannot_reach_homeserver_detail": "Certifica-te de que tens uma ligação estável à Internet ou entra em contacto com o administrador do servidor",
+    "cant_load_page": "Não foi possível carregar a página",
+    "chat_card_back_action_label": "Volta ao chat",
+    "chat_effects": {
+        "confetti_description": "Envia a mensagem dada com confetes",
+        "confetti_message": "envia confetes",
+        "fireworks_description": "Envia a mensagem dada com fogo de artifício",
+        "fireworks_message": "envia fogo de artifício",
+        "hearts_description": "Envia a mensagem dada com corações",
+        "hearts_message": "envia corações",
+        "rainfall_description": "Envia a mensagem dada com chuva",
+        "rainfall_message": "envia chuva",
+        "snowfall_description": "Envia a mensagem dada com queda de neve",
+        "snowfall_message": "envia queda de neve",
+        "spaceinvaders_description": "Envia a mensagem dada com um efeito temático espacial",
+        "spaceinvaders_message": "envia invasores do espaço"
+    },
+    "common": {
+        "access_token": "Token de acesso",
+        "accessibility": "Acessibilidade",
+        "advanced": "Avançado",
+        "all_chats": "Todas as conversas",
+        "analytics": "Análise",
+        "and_n_others": {
+            "other": "e %(count)s outros...",
+            "one": "e um outro..."
+        },
+        "appearance": "Aparência",
+        "application": "Aplicação",
+        "are_you_sure": "Você tem certeza?",
+        "attachment": "Anexo",
+        "authentication": "Autenticação",
+        "avatar": "Avatar",
+        "beta": "Beta",
+        "camera": "Câmera de vídeo",
+        "cameras": "Câmaras",
+        "cancel": "Cancelar",
+        "capabilities": "Capacidades",
+        "copied": "Copiado!",
+        "credits": "Créditos",
+        "dark": "Escuro",
+        "description": "Descrição",
+        "deselect_all": "Desmarcar todos",
+        "device": "Dispositivo",
+        "edited": "editado",
+        "email_address": "Endereço de email",
+        "emoji": "Emoji",
+        "encrypted": "Encriptado",
+        "error": "Erro",
+        "faq": "Perguntas frequentes",
+        "feedback": "Comentários",
+        "filter_results": "Filtrar resultados",
+        "forward_message": "Encaminhar mensagem",
+        "general": "Geral",
+        "go_to_settings": "Ir para as definições",
+        "guest": "Convidado",
+        "help": "Ajuda",
+        "home": "Início",
+        "homeserver": "Servidor doméstico",
+        "identity_server": "Servidor de identidade",
+        "image": "Imagem",
+        "integration_manager": "Gestor de integração",
+        "joined": "Aderiu",
+        "labs": "Laboratório",
+        "legal": "Legal",
+        "light": "Claro",
+        "loading": "A carregar…",
+        "location": "Localização",
+        "matrix": "Matrix",
+        "message": "Mensagem",
+        "message_layout": "Disposição da mensagem",
+        "message_timestamp_invalid": "Carimbo de data/hora inválido",
+        "microphone": "Microfone",
+        "modern": "Moderno",
+        "mute": "Silenciar",
+        "n_members": {
+            "one": "%(count)smembro",
+            "other": "%(count)smembros"
+        },
+        "n_rooms": {
+            "one": "%(count)s sala",
+            "other": "%(count)s salas"
+        },
+        "name": "Nome",
+        "no_results": "Sem resultados",
+        "no_results_found": "Nenhum resultado encontrado",
+        "not_trusted": "Não confiável",
+        "off": "Desativado",
+        "offline": "Offline",
+        "on": "Ativado",
+        "options": "Opções",
+        "orphan_rooms": "Outras salas",
+        "password": "Palavra-Passe",
+        "people": "Pessoas",
+        "preferences": "Preferências",
+        "presence": "Presença",
+        "preview_message": "Olá para ti. És o melhor!",
+        "privacy": "Privacidade",
+        "private": "Privado",
+        "private_room": "Sala privada",
+        "private_space": "Espaço privado",
+        "profile": "Perfil",
+        "public": "Público",
+        "public_room": "Sala pública",
+        "public_space": "Espaço público",
+        "qr_code": "Código QR",
+        "random": "Aleatório",
+        "reactions": "Reações",
+        "recommended": "Recomendado",
+        "report_a_bug": "Comunicar falha",
+        "room": "Sala",
+        "room_name": "Nome da sala",
+        "rooms": "Salas",
+        "save": "Gravar",
+        "saved": "Guardado",
+        "saving": "A guardar…",
+        "secure_backup": "Cópia de segurança segura",
+        "select_all": "Selecionar tudo",
+        "server": "Servidor",
+        "settings": "Configurações",
+        "setup_secure_messages": "Configurar mensagens seguras",
+        "show_more": "Mostrar mais",
+        "someone": "Alguém",
+        "space": "Espaço",
+        "spaces": "Espaços",
+        "sticker": "Autocolante",
+        "stickerpack": "Pacote de autocolantes",
+        "success": "Sucesso",
+        "suggestions": "Sugestões",
+        "support": "Suporte",
+        "theme": "Tema",
+        "thread": "Tópico",
+        "threads": "Tópicos",
+        "timeline": "Cronologia",
+        "unavailable": "indisponível",
+        "unencrypted": "Não encriptado",
+        "unmute": "Tirar do mudo",
+        "unnamed_room": "Sala sem nome",
+        "unnamed_space": "Espaço sem nome",
+        "unverified": "Não verificado",
+        "updating": "Atualizando...",
+        "user": "Utilizador",
+        "user_avatar": "Foto do perfil",
+        "username": "Nome de utilizador",
+        "verified": "Verificado",
+        "version": "Versão",
+        "video_room": "Sala de vídeo",
+        "view_message": "Ver mensagem",
+        "warning": "Aviso"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Notifica toda a sala",
+            "command_a11y": "Preenchimento automático de comando",
+            "command_description": "Comandos",
+            "emoji_a11y": "Preenchimento automático de emojis",
+            "notification_a11y": "Preenchimento automático de notificações",
+            "notification_description": "Notificação de sala",
+            "room_a11y": "Preenchimento automático da sala",
+            "space_a11y": "Preenchimento automático de espaço",
+            "user_a11y": "Preenchimento automático do utilizador",
+            "user_description": "Usuários"
+        },
+        "close_sticker_picker": "Esconde os autocolantes",
+        "edit_composer_label": "Editar mensagem",
+        "format_bold": "Negrito",
+        "format_code_block": "Bloco de Código",
+        "format_decrease_indent": "Diminuição do recuo",
+        "format_increase_indent": "Aumento do recuo",
+        "format_inline_code": "Código",
+        "format_insert_link": "Inserir link",
+        "format_italic": "Itálico",
+        "format_italics": "Itálico",
+        "format_link": "Ligação",
+        "format_ordered_list": "Lista numerada",
+        "format_strikethrough": "Rasurado",
+        "format_underline": "Sublinhado",
+        "format_unordered_list": "Lista com marcadores",
+        "formatting_toolbar_label": "Formatação",
+        "link_modal": {
+            "link_field_label": "Ligação",
+            "text_field_label": "Texto",
+            "title_create": "Crie um link",
+            "title_edit": "Editar link"
+        },
+        "mode_plain": "Ocultar formatação",
+        "mode_rich_text": "Mostrar formatação",
+        "no_perms_notice": "Você não tem permissão de postar nesta sala",
+        "placeholder": "Envia uma mensagem...",
+        "placeholder_encrypted": "Envia uma mensagem encriptada...",
+        "placeholder_reply": "Envia uma resposta...",
+        "placeholder_reply_encrypted": "Envia uma resposta encriptada...",
+        "placeholder_thread": "Responde ao tópico...",
+        "placeholder_thread_encrypted": "Responde a tópico encriptado...",
+        "poll_button": "Sondagem",
+        "poll_button_no_perms_description": "Não tens autorização para iniciar sondagens nesta sala.",
+        "poll_button_no_perms_title": "Permissão Requerida",
+        "replying_title": "A responder",
+        "room_upgraded_link": "A conversa continua aqui.",
+        "room_upgraded_notice": "Esta sala foi substituída e já não está ativa.",
+        "send_button_title": "Enviar mensagem",
+        "send_button_voice_message": "Enviar mensagem de voz",
+        "send_voice_message": "Envia mensagem de voz",
+        "stop_voice_message": "Pára a gravação",
+        "voice_message_button": "Mensagem de voz"
+    },
+    "console_dev_note": "Se sabes o que estás a fazer, a Element é de código aberto, não te esqueças de consultar o nosso GitHub (https://github.com/vector-im/element-web/) e contribuir!",
+    "console_scam_warning": "Se alguém te disse para copiar/colar algo aqui, há uma grande probabilidade de estares a ser enganado!",
+    "console_wait": "Espera!",
+    "create_room": {
+        "action_create_room": "Criar uma sala",
+        "action_create_video_room": "Cria uma sala de vídeo",
+        "encrypted_video_room_warning": "Não podes desativar isto mais tarde. A sala será encriptada, mas a chamada incorporada não.",
+        "encrypted_warning": "Não podes desativar isto mais tarde. As pontes e a maioria dos bots ainda não funcionarão.",
+        "encryption_forced": "O teu servidor requer que a encriptação seja activada em salas privadas.",
+        "encryption_label": "Ativar a encriptação de ponta a ponta",
+        "error_title": "Não foi possível criar a sala",
+        "generic_error": "O servidor pode estar indisponível ou sobrecarregado, ou então você encontrou uma falha no sistema.",
+        "join_rule_change_notice": "Podes alterar isto em qualquer altura a partir das definições da sala.",
+        "join_rule_invite": "Sala privada (só para convidados)",
+        "join_rule_invite_label": "Apenas as pessoas convidadas poderão encontrar e entrar nesta sala.",
+        "join_rule_knock_label": "Qualquer pessoa pode pedir para entrar, mas os administradores ou moderadores têm de conceder acesso. Podes alterar isto mais tarde.",
+        "join_rule_public_label": "Qualquer pessoa pode encontrar e entrar nesta sala.",
+        "join_rule_public_parent_space_label": "Qualquer pessoa poderá encontrar e juntar-se a esta sala, não apenas os membros de <SpaceName/>.",
+        "join_rule_restricted": "Visível para os membros do espaço",
+        "join_rule_restricted_label": "Todos em <SpaceName/> poderão encontrar e juntar-se a esta sala.",
+        "name_validation_required": "Introduz um nome para a sala",
+        "room_visibility_label": "Visibilidade da sala",
+        "title_private_room": "Cria uma sala privada",
+        "title_public_room": "Cria uma sala pública",
+        "title_video_room": "Cria uma sala de vídeo",
+        "topic_label": "Tópico (opcional)",
+        "unfederated": "Bloqueia qualquer pessoa que não faça parte de %(serverName)s de entrar nesta sala.",
+        "unfederated_label_default_off": "Podes ativar esta opção se a sala for usada apenas para colaborar com equipas internas no teu servidor doméstico. Isto não pode ser alterado mais tarde.",
+        "unfederated_label_default_on": "Podes desativar esta opção se a sala for utilizada para colaborar com equipas externas que tenham o seu próprio servidor doméstico. Isto não pode ser alterado mais tarde.",
+        "unsupported_version": "O servidor não suporta a versão especificada da sala."
+    },
+    "create_space": {
+        "add_details_prompt": "Acrescenta alguns pormenores para que as pessoas o reconheçam.",
+        "add_details_prompt_2": "Podes alterar isto em qualquer altura.",
+        "add_existing_rooms_description": "Escolhe salas ou conversas para adicionar. Este é apenas um espaço para ti, ninguém será informado. Podes adicionar mais depois.",
+        "add_existing_rooms_heading": "O que queres organizar?",
+        "address_label": "Endereço",
+        "address_placeholder": "por exemplo, meu-espaço",
+        "creating": "A criar...",
+        "creating_rooms": "A criar salas...",
+        "done_action": "Vai ao meu espaço",
+        "done_action_first_room": "Vai para a minha primeira sala",
+        "explainer": "Os espaços são uma nova forma de agrupar divisões e pessoas. Que tipo de Espaço queres criar? Podes alterar isto mais tarde.",
+        "failed_create_initial_rooms": "Falha na criação de salas de espaço iniciais",
+        "failed_invite_users": "Falha ao convidar os seguintes utilizadores para o teu espaço: %(csvUsers)s",
+        "invite_teammates_by_username": "Convidar por nome de utilizador",
+        "invite_teammates_description": "Certifica-te de que as pessoas certas têm acesso. Podes convidar mais pessoas mais tarde.",
+        "invite_teammates_heading": "Convida os teus colegas de equipa",
+        "inviting_users": "A convidar...",
+        "label": "Cria um espaço",
+        "name_required": "Introduz um nome para o espaço",
+        "personal_space": "Apenas eu",
+        "personal_space_description": "Um espaço privado para organizares as tuas salas",
+        "private_description": "Só para convidados, melhor para ti ou para equipas",
+        "private_heading": "O teu espaço privado",
+        "private_personal_description": "Certifica-te de que as pessoas certas têm acesso a %(name)s",
+        "private_personal_heading": "Com quem estás a trabalhar?",
+        "private_space": "Eu e os meus colegas de equipa",
+        "private_space_description": "Um espaço privado para ti e para os teus colegas de equipa",
+        "public_description": "Espaço aberto para todos, melhor para as comunidades",
+        "public_heading": "O teu espaço público",
+        "search_public_button": "Procura espaços públicos",
+        "setup_rooms_community_description": "Vamos criar uma sala para cada um deles.",
+        "setup_rooms_community_heading": "Quais são algumas das coisas que queres discutir em %(spaceName)s?",
+        "setup_rooms_description": "Também podes acrescentar mais tarde, incluindo os já existentes.",
+        "setup_rooms_private_description": "Criaremos salas para cada um deles.",
+        "setup_rooms_private_heading": "Em que projectos está a tua equipa a trabalhar?",
+        "share_description": "Neste momento és só tu, mas será ainda melhor com outros.",
+        "share_heading": "Partilha %(name)s",
+        "skip_action": "Pular por agora",
+        "subspace_adding": "A adicionar...",
+        "subspace_beta_notice": "Adiciona um espaço a um espaço que geres.",
+        "subspace_dropdown_title": "Cria um espaço",
+        "subspace_existing_space_prompt": "Queres acrescentar um espaço existente?",
+        "subspace_join_rule_invite_description": "Apenas as pessoas convidadas poderão encontrar e juntar-se a este espaço.",
+        "subspace_join_rule_invite_only": "Espaço privado (só para convidados)",
+        "subspace_join_rule_label": "Visibilidade do espaço",
+        "subspace_join_rule_public_description": "Qualquer pessoa poderá encontrar e aderir a este espaço, não apenas os membros de <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Qualquer pessoa em <SpaceName/> poderá encontrar e aderir."
+    },
+    "credits": {
+        "default_cover_photo": "A fotografia de capa predefinida <photo></photo> é © <author>Jesús Roncero</author> utilizada nos termos de <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "A arte do emoji <twemoji>Twemoji</twemoji> é © <author>Twitter, Inc e outros colaboradores</author> utilizada ao abrigo dos termos de <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "O tipo de letra <colr>twemoji-colr</colr> é © <author>Mozilla Foundation</author> utilizado nos termos de <terms>Apache 2.0</terms>."
+    },
+    "desktop_default_device_name": "%(brand)s Desktop: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Widgets ativos",
+        "category_other": "Outros",
+        "category_room": "Sala",
+        "caution_colon": "Atenção:",
+        "client_versions": "Versões de cliente",
+        "crypto": {
+            "4s_public_key_in_account_data": "nos dados da conta",
+            "4s_public_key_not_in_account_data": "não encontrado",
+            "4s_public_key_status": "Chave pública de armazenamento secreto:",
+            "backup_key_cached": "armazenado em cache localmente",
+            "backup_key_cached_status": "Chave de backup armazenada em cache:",
+            "backup_key_not_stored": "não armazenado",
+            "backup_key_stored": "em armazenamento secreto",
+            "backup_key_stored_status": "Chave de backup armazenada:",
+            "backup_key_unexpected_type": "tipo inesperado",
+            "backup_key_well_formed": "bem formado",
+            "cross_signing": "Assinatura cruzada",
+            "cross_signing_cached": "armazenados em cache localmente",
+            "cross_signing_not_ready": "A assinatura cruzada não está configurada.",
+            "cross_signing_private_keys_in_storage": "em armazenamento secreto",
+            "cross_signing_private_keys_in_storage_status": "Assinatura cruzada de chaves privadas:",
+            "cross_signing_private_keys_not_in_storage": "não encontrado no armazenamento",
+            "cross_signing_public_keys_on_device": "na memória",
+            "cross_signing_public_keys_on_device_status": "Assinatura cruzada de chaves públicas:",
+            "cross_signing_ready": "A assinatura cruzada está pronta para uso.",
+            "cross_signing_status": "Status da assinatura cruzada:",
+            "cross_signing_untrusted": "Sua conta tem uma identidade de assinatura cruzada no armazenamento secreto, mas ainda não é confiável para esta sessão.",
+            "crypto_not_available": "O módulo criptográfico não está disponível",
+            "key_backup_active_version": "Versão de backup ativo:",
+            "key_backup_active_version_none": "Nenhum",
+            "key_backup_inactive_warning": "Não está a ser feito o backup das suas chaves a partir desta sessão.",
+            "key_backup_latest_version": "Versão de backup mais recente no servidor:",
+            "key_storage": "Armazenamento de chaves",
+            "master_private_key_cached_status": "Chave mestra privada:",
+            "not_found": "não encontrado",
+            "not_found_locally": "não encontrado localmente",
+            "secret_storage_not_ready": "não está pronto",
+            "secret_storage_ready": "pronto",
+            "secret_storage_status": "Armazenamento secreto:",
+            "self_signing_private_key_cached_status": "Chave privada de auto-assinatura:",
+            "title": "Criptografia de ponta a ponta",
+            "user_signing_private_key_cached_status": "Chave privada de assinatura do usuário:"
+        },
+        "developer_mode": "Modo de desenvolvedor",
+        "developer_tools": "Ferramentas de desenvolvedor",
+        "edit_setting": "Editar configuração",
+        "edit_values": "Editar valores",
+        "empty_string": "<empty string>",
+        "event_content": "Conteúdo do evento",
+        "event_id": "ID do evento: %(eventId)s",
+        "event_sent": "Evento enviado!",
+        "event_type": "Tipo de evento",
+        "explore_account_data": "Explora os dados da conta",
+        "explore_room_account_data": "Explora os dados da conta da sala",
+        "explore_room_state": "Explora o estado da sala",
+        "failed_to_find_widget": "Houve um erro ao encontrar este widget.",
+        "failed_to_load": "Falhou ao carregar.",
+        "failed_to_save": "Falhou ao salvar as configurações.",
+        "failed_to_send": "Falha ao enviar evento!",
+        "id": "ID: ",
+        "invalid_json": "Não parece ser um JSON válido.",
+        "level": "Nível",
+        "low_bandwidth_mode": "Modo de baixa largura de banda",
+        "low_bandwidth_mode_description": "Requer um servidor doméstico compatível.",
+        "main_timeline": "Linha cronológica principal",
+        "no_receipt_found": "Nenhum recibo encontrado",
+        "notification_state": "O estado da notificação é <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Depuração de notificações",
+        "number_of_users": "Número de utilizadores",
+        "original_event_source": "Fonte original do evento",
+        "room_encrypted": "A sala está <strong>encriptada ✅</strong>",
+        "room_id": "ID da sala:%(roomId)s",
+        "room_not_encrypted": "A sala <strong>não está encriptada🚨</strong>",
+        "room_notifications_dot": "Ponto: ",
+        "room_notifications_highlight": "Destaque: ",
+        "room_notifications_last_event": "Último evento:",
+        "room_notifications_sender": "Remetente: ",
+        "room_notifications_thread_id": "ID do tópico: ",
+        "room_notifications_total": "Total: ",
+        "room_notifications_type": "Escreve:",
+        "room_status": "Estado da sala",
+        "room_unread_status_count": {
+            "one": "Estado não lido da sala: <strong>%(status)s</strong>, contagem: <strong>%(count)s</strong>",
+            "other": "Estado não lido da sala: <strong>%(status)s</strong>, contagem: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Guarda os valores de configuração",
+        "see_history": "Ver histórico",
+        "send_custom_account_data_event": "Enviar evento de dados de conta personalizado",
+        "send_custom_room_account_data_event": "Envia um evento personalizado de dados de conta de sala",
+        "send_custom_state_event": "Envia um evento de estado personalizado",
+        "send_custom_timeline_event": "Envia evento de cronograma personalizado",
+        "server_info": "Informação do servidor",
+        "server_versions": "Versões de servidor",
+        "settable_global": "Configurável em global",
+        "settable_room": "Configurável na sala",
+        "setting_colon": "Configuração:",
+        "setting_definition": "Definição de configuração:",
+        "setting_id": "ID de configuração",
+        "settings_explorer": "Explorador de definições",
+        "show_hidden_events": "Mostra eventos ocultos na linha do tempo",
+        "spaces": {
+            "one": "<space>",
+            "other": "<%(count)s spaces>"
+        },
+        "state_key": "Chave de estado",
+        "thread_root_id": "ID da raiz do tópico: %(threadRootId)s",
+        "threads_timeline": "Cronograma de tópicos",
+        "title": "Ferramentas de desenvolvedor",
+        "toolbox": "Caixa de ferramentas",
+        "use_at_own_risk": "Esta interface de utilizador NÃO verifica os tipos dos valores. Utiliza-a por tua conta e risco.",
+        "user_read_up_to": "O utilizador leu até: ",
+        "user_read_up_to_ignore_synthetic": "O utilizador leu até (ignoreSynthetic): ",
+        "user_read_up_to_private": "O utilizador leu até (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "O utilizador lê até (m.read.private;ignoreSynthetic): ",
+        "value": "Valor",
+        "value_colon": "Valor:",
+        "value_in_this_room": "Valor nesta sala",
+        "value_this_room_colon": "Valor nesta sala:",
+        "values_explicit": "Valores a níveis explícitos",
+        "values_explicit_colon": "Valores a níveis explícitos:",
+        "values_explicit_room": "Valores em níveis explícitos nesta sala",
+        "values_explicit_this_room_colon": "Valores a níveis explícitos nesta sala:",
+        "view_servers_in_room": "Vê os servidores na sala",
+        "view_source_decrypted_event_source": "Fonte do evento desencriptado",
+        "view_source_decrypted_event_source_unavailable": "Fonte desencriptada indisponível",
+        "widget_screenshots": "Ativar capturas de ecrã de widgets em widgets suportados"
+    },
+    "dialog_close_label": "Fechar diálogo",
+    "download_completed": "Download Concluído",
+    "empty_room": "Sala vazia",
+    "empty_room_was_name": "Sala vazia (era %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Chave de recuperação errada"
+            },
+            "restoring": "Restaurar chaves a partir de uma cópia de segurança",
+            "security_key_title": "Chave de recuperação"
+        },
+        "bootstrap_title": "A configurar chaves",
+        "confirm_encryption_setup_body": "Clica no botão abaixo para confirmar a configuração da encriptação.",
+        "confirm_encryption_setup_title": "Confirma a configuração da encriptação",
+        "cross_signing_room_normal": "Esta sala é encriptada de ponta a ponta",
+        "cross_signing_room_verified": "Toda a gente nesta sala é verificada",
+        "cross_signing_room_warning": "Alguém está a utilizar uma sessão desconhecida",
+        "cross_signing_user_normal": "Não verificaste este utilizador.",
+        "cross_signing_user_verified": "Verificaste este utilizador. Este utilizador verificou todas as suas sessões.",
+        "cross_signing_user_warning": "Este utilizador não verificou todas as suas sessões.",
+        "enter_recovery_key": "Introduzir a chave de recuperação",
+        "event_shield_reason_authenticity_not_guaranteed": "A autenticidade desta mensagem encriptada não pode ser garantida neste dispositivo.",
+        "event_shield_reason_mismatched_sender_key": "Encriptado por uma sessão não verificada",
+        "event_shield_reason_unknown_device": "Encriptado por um dispositivo desconhecido ou apagado.",
+        "event_shield_reason_unsigned_device": "Encriptado por um dispositivo não verificado pelo seu proprietário.",
+        "event_shield_reason_unverified_identity": "Encriptado por um utilizador não verificado.",
+        "export_unsupported": "O seu navegador não suporta as extensões de criptografia necessárias",
+        "forgot_recovery_key": "Esqueceste-te da chave de recuperação?",
+        "import_invalid_keyfile": "Não é um ficheiro de chaves %(brand)s válido",
+        "import_invalid_passphrase": "Erro de autenticação: palavra-passe incorreta?",
+        "key_storage_out_of_sync": "O teu armazenamento de chaves está dessincronizado.",
+        "key_storage_out_of_sync_description": "Confirma a tua chave de recuperação para manteres o acesso ao teu armazenamento de chaves e ao histórico de mensagens.",
+        "messages_not_secure": {
+            "cause_1": "O teu servidor doméstico",
+            "cause_2": "O servidor doméstico ao qual o utilizador que estás a verificar está ligado",
+            "cause_3": "A tua ligação à Internet ou a dos outros utilizadores",
+            "cause_4": "A tua sessão, ou a dos outros utilizadores",
+            "heading": "Um dos seguintes elementos pode estar comprometido:",
+            "title": "As tuas mensagens não são seguras"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Foi detectada uma nova frase de segurança e uma nova chave para as mensagens seguras.",
+            "description_2": "Esta sessão está a encriptar o histórico utilizando o novo método de recuperação.",
+            "title": "Novo método de recuperação",
+            "warning": "Se não tiveres definido o novo método de recuperação, um atacante pode estar a tentar aceder à tua conta. Altera a palavra-passe da tua conta e define imediatamente um novo método de recuperação nas Definições."
+        },
+        "pinned_identity_changed": "A identidade de %(displayName)s (<b>%(userId)s</b> ) foi alterada. <a> Saber mais</a>",
+        "pinned_identity_changed_no_displayname": "A identidade de <b>%(userId)s</b> foi alterada. <a>Saber mais</a>",
+        "recovery_method_removed": {
+            "description_1": "Esta sessão detectou que a tua frase de segurança e a chave para as mensagens seguras foram removidas.",
+            "description_2": "Se o fizeste acidentalmente, podes configurar as Mensagens seguras nesta sessão, o que criptografará novamente o histórico de mensagens desta sessão com um novo método de recuperação.",
+            "title": "Método de recuperação Removido",
+            "warning": "Se não tiveres removido o método de recuperação, um atacante pode estar a tentar aceder à tua conta. Altera a palavra-passe da tua conta e define imediatamente um novo método de recuperação nas Definições."
+        },
+        "set_up_recovery": "Configurar a recuperação",
+        "set_up_recovery_toast_description": "Gera uma chave de recuperação que pode ser utilizada para restaurar o teu histórico de mensagens encriptadas, caso percas o acesso aos teus dispositivos.",
+        "set_up_toast_title": "Configura uma cópia de segurança segura",
+        "unable_to_setup_keys_error": "Não é possível configurar as chaves",
+        "verification": {
+            "accepting": "Aceitando...",
+            "after_new_login": {
+                "device_verified": "Dispositivo verificado",
+                "skip_verification": "Ignora a verificação por enquanto",
+                "verify_this_device": "Verifica este dispositivo"
+            },
+            "cancelling": "A cancelar…",
+            "complete_action": "Entendi",
+            "complete_description": "Verificaste este utilizador com sucesso.",
+            "complete_title": "Verificado!",
+            "error_starting_description": "Não foi possível iniciar uma conversa com o outro utilizador.",
+            "error_starting_title": "Erro ao iniciar a verificação",
+            "explainer": "As mensagens seguras com este utilizador são encriptadas de ponta a ponta e não podem ser lidas por terceiros.",
+            "in_person": "Para teres segurança, fá-lo pessoalmente ou utiliza um meio de comunicação de confiança.",
+            "incoming_sas_device_dialog_text_1": "Verifica este dispositivo para o marcar como fiável. Confiar neste dispositivo dá-te a ti e a outros utilizadores uma tranquilidade extra ao utilizarem mensagens encriptadas de ponta a ponta.",
+            "incoming_sas_device_dialog_text_2": "A verificação deste dispositivo irá marcá-lo como fiável e os utilizadores que tiverem verificado contigo irão confiar neste dispositivo.",
+            "incoming_sas_dialog_title": "Pedido de verificação recebido",
+            "incoming_sas_dialog_waiting": "Aguarda a confirmação do parceiro...",
+            "incoming_sas_user_dialog_text_1": "Verifica este utilizador para o marcar como fiável. A confiança nos utilizadores dá-te uma tranquilidade extra quando utilizas mensagens encriptadas de ponta a ponta.",
+            "incoming_sas_user_dialog_text_2": "A verificação deste utilizador marcará a sua sessão como sendo de confiança e também marcará a tua sessão como sendo de confiança para ele.",
+            "no_support_qr_emoji": "O dispositivo que estás a tentar verificar não suporta a leitura de um código QR nem a verificação de emoji, os dois métodos suportados pela %(brand)s. Tenta com um cliente diferente.",
+            "other_party_cancelled": "A outra parte cancelou a verificação.",
+            "prompt_encrypted": "Verifica todos os utilizadores de uma sala para garantir a sua segurança.",
+            "prompt_unencrypted": "Em salas encriptadas, verifica todos os utilizadores para garantir a segurança.",
+            "qr_or_sas": "%(qrCode)s ou %(emojiCompare)s",
+            "qr_prompt": "Lê este código único",
+            "qr_reciprocate_same_shield_user": "Estás quase lá! O %(displayName)s tem o mesmo escudo?",
+            "request_toast_accept_user": "Verificar utilizador",
+            "request_toast_decline_counter": "Ignora (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s de %(ip)s",
+            "sas_caption_self": "Verifica este dispositivo, confirmando que o número seguinte aparece no ecrã.",
+            "sas_caption_user": "Verifica este utilizador, confirmando que o seguinte número aparece no ecrã deles.",
+            "sas_description": "Compara um conjunto único de emojis se não tiveres uma câmara em nenhum dos dispositivos",
+            "sas_emoji_caption_user": "Verifica este utilizador confirmando que o seguinte emoji aparece no seu ecrã.",
+            "sas_match": "Correspondem",
+            "sas_no_match": "Não correspondem",
+            "sas_prompt": "Compara emojis únicos",
+            "scan_qr": "Verifica através da leitura de um código",
+            "scan_qr_explainer": "Pede a %(displayName)s para ler o teu código:",
+            "start_button": "Iniciar Verificação",
+            "successful_user": "Verificaste com sucesso %(displayName)s!",
+            "unsupported_method": "Não foi possível encontrar um método de verificação compatível.",
+            "unverified_session_toast_accept": "Sim, fui eu",
+            "unverified_session_toast_title": "Novo login. Foste tu?",
+            "unverified_sessions_toast_description": "Revê para garantir que a tua conta está segura",
+            "unverified_sessions_toast_reject": "Mais tarde",
+            "unverified_sessions_toast_title": "Tens sessões não verificadas",
+            "verification_dialog_title_device": "Verifica o outro dispositivo",
+            "verification_dialog_title_user": "Pedido de verificação",
+            "verification_skip_warning": "Sem a verificação, não terás acesso a todas as tuas mensagens e poderás parecer pouco fiável aos olhos dos outros.",
+            "verification_success_with_backup": "O teu novo dispositivo está agora verificado. Tem acesso às tuas mensagens encriptadas e os outros utilizadores vão considerá-lo de confiança.",
+            "verification_success_without_backup": "O teu novo dispositivo está agora verificado. Outros utilizadores irão vê-lo como sendo de confiança.",
+            "verify_emoji": "Verifica por emoji",
+            "verify_emoji_prompt": "Verifica comparando o emoji único.",
+            "verify_emoji_prompt_qr": "Se não conseguires ler o código acima, verifica-o comparando emojis.",
+            "verify_later": "Verificarei mais tarde",
+            "waiting_for_user_accept": "À espera de %(displayName)s para aceitar...",
+            "waiting_other_device": "À espera que verifiques no teu outro dispositivo...",
+            "waiting_other_device_details": "À espera que verifiques no teu outro dispositivo, %(deviceName)s (%(deviceId)s)...",
+            "waiting_other_user": "À espera de %(displayName)s para verificar..."
+        },
+        "verification_requested_toast_title": "Verificação solicitada",
+        "verified_identity_changed": "%(displayName)s(<b>%(userId)s</b>) mudou a tua identidade verificada. <a>Saber mais</a>",
+        "verified_identity_changed_no_displayname": "A identidade de <b>%(userId)s</b> foi alterada. <a>Saber mais</a>",
+        "verify_toast_description": "Outros utilizadores podem não confiar nisto",
+        "verify_toast_title": "Verifica esta sessão",
+        "withdraw_verification_action": "Retirar verificação"
+    },
+    "error": {
+        "admin_contact": "Por favor, <a>contacta o teu administrador de serviços</a> para continuares a utilizar este serviço.",
+        "admin_contact_short": "Contacta o teu administrador do servidor <a></a> .",
+        "app_launch_unexpected_error": "Erro inesperado ao preparar a aplicação. Consulta a consola para mais detalhes.",
+        "cannot_load_config": "Não foi possível carregar o ficheiro de configuração: actualiza a página para tentares novamente.",
+        "connection": "Houve um problema de comunicação com o servidor doméstico, por favor tenta novamente mais tarde.",
+        "dialog_description_default": "Ocorreu um erro.",
+        "download_media": "Falha ao transferir o media de origem, não foi encontrado nenhum url de origem",
+        "edit_history_unsupported": "O teu servidor doméstico não parece suportar esta funcionalidade.",
+        "failed_copy": "Falha ao copiar",
+        "hs_blocked": "Este servidor doméstico foi bloqueado pelo seu administrador.",
+        "invalid_configuration_mixed_server": "Configuração inválida: não pode ser especificado um default_hs_url juntamente com default_server_name ou default_server_config",
+        "invalid_configuration_no_server": "Configuração inválida: não especificaste o servidor predefinido.",
+        "invalid_json": "A tua configuração do Element contém um JSON inválido. Corrige o problema e volta a carregar a página.",
+        "invalid_json_detail": "A mensagem do analisador é: %(message)s",
+        "invalid_json_generic": "JSON inválido",
+        "mau": "Este servidor doméstico atingiu o seu limite mensal de utilizadores activos.",
+        "misconfigured": "O teu Element está mal configurado",
+        "mixed_content": "Não consigo conectar ao servidor padrão através de HTTP quando uma URL HTTPS está na barra de endereços do seu navegador. Use HTTPS ou então <a>habilite scripts não seguros no seu navegador</a>.",
+        "non_urgent_echo_failure_toast": "O teu servidor não está a responder a alguns pedidos <a></a> .",
+        "resource_limits": "Este servidor doméstico excedeu um dos seus limites de recursos.",
+        "session_restore": {
+            "clear_storage_button": "Limpa o armazenamento e encerra a sessão",
+            "clear_storage_description": "Termina a sessão e remove as chaves de encriptação?",
+            "description_1": "Encontrámos um erro ao tentar restaurar a tua sessão anterior.",
+            "description_2": "Se você já usou antes uma versão mais recente do %(brand)s, a sua sessão pode ser incompatível com esta versão. Feche esta janela e tente abrir com a versão mais recente.",
+            "description_3": "Limpar o armazenamento do teu browser pode resolver o problema, mas irá desconectar-te e fazer com que qualquer histórico de conversação encriptado se torne ilegível.",
+            "title": "Não foi possível restaurar a sessão"
+        },
+        "something_went_wrong": "Algo deu errado!",
+        "storage_evicted_description_1": "Alguns dados da sessão, incluindo chaves de mensagens encriptadas, estão em falta. Termina a sessão e inicia sessão para corrigir esta situação, restaurando as chaves a partir da cópia de segurança.",
+        "storage_evicted_description_2": "É provável que o teu browser tenha removido estes dados quando ficou com pouco espaço em disco.",
+        "storage_evicted_title": "Dados da sessão em falta",
+        "sync": "Não é possível ligar ao servidor doméstico. Tenta novamente...",
+        "tls": "Não foi possível conectar ao Servidor de Base. Por favor, confira sua conectividade à internet, garanta que o <a>certificado SSL do Servidor de Base</a> é confiável, e que uma extensão do navegador não esteja bloqueando as requisições de rede.",
+        "unknown": "Erro desconhecido",
+        "unknown_error_code": "código de erro desconhecido",
+        "update_power_level": "Não foi possível mudar o nível de permissões"
+    },
+    "error_app_open_in_another_tab": "Muda para o outro separador para te ligares a %(brand)s. Este separador pode agora ser fechado.",
+    "error_app_open_in_another_tab_title": "%(brand)s está ligado noutro separador",
+    "error_app_opened_in_another_window": "%(brand)s está aberto noutra janela. Clica em \"%(label)s\" para utilizares %(brand)s aqui e desligares a outra janela.",
+    "error_database_closed_description": {
+        "for_desktop": "O teu disco pode estar cheio. Limpa algum espaço e volta a carregar.",
+        "for_web": "Se limpaste os dados de navegação, esta mensagem é esperada. %(brand)s também pode estar aberto noutro separador ou o teu disco está cheio. Limpa algum espaço e volta a carregar"
+    },
+    "error_database_closed_title": "%(brand)s parou de funcionar",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Não é possível copiar uma ligação à sala para a área de transferência.",
+            "title": "Não é possível copiar o link da sala"
+        },
+        "error_loading_user_profile": "Não foi possível carregar o perfil do utilizador",
+        "forget_room_failed": "Falha ao esquecer a sala %(errCode)s"
+    },
+    "error_user_not_logged_in": "Utilizador não tem sessão iniciada",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Chamada em curso",
+            "user": "%(senderName)s entrou na chamada",
+            "you": "Entraste na chamada"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s terminou a chamada",
+            "you": "Terminaste a chamada"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s está a chamar",
+            "dm_send": "Aguarda a resposta",
+            "user": "%(senderName)s iniciou uma chamada",
+            "you": "Começaste uma chamada"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s reagiu %(reaction)s a %(message)s",
+            "you": "Reagiste %(reaction)s a %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Áudio",
+            "file": "Ficheiro",
+            "image": "Imagem",
+            "poll": "Sondagem",
+            "video": "Vídeo"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Exportação cancelada",
+        "cancelled_detail": "A exportação foi cancelada com sucesso",
+        "confirm_stop": "Tens a certeza de que queres deixar de exportar os teus dados? Se tiveres, terás de começar de novo.",
+        "creating_html": "Gerando HTML…",
+        "creating_output": "Criando resultados...",
+        "creator_summary": "%(creatorName)s criou esta sala.",
+        "current_timeline": "Cronologia Atual",
+        "enter_number_between_min_max": "Introduz um número entre %(min)s e %(max)s",
+        "error_fetching_file": "Erro ao obter ficheiro",
+        "export_info": "Este é o início da exportação de <roomName/>. Exportado por <exporterDetails/> a %(exportDate)s.",
+        "export_successful": "Exportação bem sucedida!",
+        "exported_n_events_in_time": {
+            "one": "%(count)s evento exportado em %(seconds)s segundos",
+            "other": "%(count)s eventos exportados em %(seconds)s segundos"
+        },
+        "exporting_your_data": "Exportar os teus dados",
+        "fetched_n_events": {
+            "one": "Obteve %(count)s evento até agora",
+            "other": "Obteve %(count)s eventos até agora"
+        },
+        "fetched_n_events_in_time": {
+            "one": "%(count)s evento obtido em %(seconds)ss",
+            "other": "%(count)s eventos obtidos em %(seconds)ss"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Obteve %(count)s evento de %(total)s",
+            "other": "Obteve %(count)s eventos de %(total)s"
+        },
+        "fetching_events": "Obtendo eventos...",
+        "file_attached": "Ficheiro anexo",
+        "format": "Formato",
+        "from_the_beginning": "Desde o início",
+        "generating_zip": "A gerar um ZIP",
+        "html": "HTML",
+        "html_title": "Dados Exportados",
+        "include_attachments": "Incluir anexos",
+        "json": "JSON",
+        "media_omitted": "Meios de comunicação omitidos",
+        "media_omitted_file_size": "Meios de comunicação omitidos - limite do tamanho do ficheiro excedido",
+        "messages": "Mensagens",
+        "next_page": "Próximo grupo de mensagens",
+        "num_messages": "Número de mensagens",
+        "num_messages_min_max": "O número de mensagens só pode ser um número entre %(min)s e %(max)s",
+        "number_of_messages": "Especifique um número de mensagens",
+        "previous_page": "Mensagens anteriores do grupo",
+        "processing": "Processando…",
+        "processing_event_n": "Evento de processamento %(number)s de %(total)s",
+        "select_option": "Selecciona uma das opções abaixo para exportar conversas da tua linha de tempo",
+        "size_limit": "Limite de tamanho",
+        "size_limit_min_max": "O tamanho só pode ser um número entre %(min)s MB e %(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Iniciando exportação...",
+        "successful": "Exportação bem-sucedida",
+        "successful_detail": "A tua exportação foi bem sucedida. Encontra-o na tua pasta de Transferências.",
+        "text": "Texto Simples",
+        "title": "Exportar Chat",
+        "topic": "Tópico: %(topic)s",
+        "unload_confirm": "Tem a certeza de que pretende sair durante esta exportação?"
+    },
+    "failed_load_async_component": "Impossível carregar! Verifique a sua ligação de rede e tente novamente.",
+    "feedback": {
+        "can_contact_label": "Podes contactar-me se tiveres alguma questão complementar",
+        "comment_label": "Comente",
+        "existing_issue_link": "Por favor, vê primeiro <existingIssuesLink>bugs existentes no Github</existingIssuesLink>. Não encontras nada? <newIssueLink>Inicia um novo</newIssueLink>.",
+        "may_contact_label": "Podes contactar-me se quiseres fazer um seguimento ou para me deixares testar ideias futuras",
+        "platform_username": "A sua plataforma e o seu nome de utilizador serão anotados para nos ajudar a utilizar o seu feedback da melhor forma possível.",
+        "pro_type": "DICA PRO: Se iniciares um bug, envia <debugLogsLink>debug logs</debugLogsLink> para nos ajudar a localizar o problema.",
+        "send_feedback_action": "Enviar comentários",
+        "sent": "Enviaste o teu feedback! Obrigado, agradecemos-te!"
+    },
+    "file_panel": {
+        "empty_description": "Anexa ficheiros a partir do chat ou arrasta-os e larga-os em qualquer parte da sala.",
+        "empty_heading": "Não há ficheiros visíveis nesta sala",
+        "guest_note": "Você deve <a>se registrar</a> para poder usar esta funcionalidade",
+        "peek_note": "Você precisa ingressar na sala para ver seus arquivos"
+    },
+    "forward": {
+        "filter_placeholder": "Procura salas ou pessoas",
+        "message_preview_heading": "Pré-visualização da mensagem",
+        "no_perms_title": "Não tens autorização para fazer isto",
+        "open_room": "Sala aberta",
+        "send_label": "Enviar",
+        "sending": "A enviar…",
+        "sent": "Enviado"
+    },
+    "identity_server": {
+        "change": "Altera o servidor de identidade",
+        "change_prompt": "Desligar do servidor de identidade <current /> e ligar a <new /> em vez disso?",
+        "change_server_prompt": "Se não pretenderes utilizar <server /> para descobrir e ser descoberto pelos contactos existentes que conheces, introduz outro servidor de identidade abaixo.",
+        "changed": "O teu servidor de identidade foi alterado",
+        "checking": "A verificar o servidor",
+        "description_connected": "Atualmente, estás a utilizar <server></server> para descobrires e seres descoberto pelos contactos existentes que conheces. Podes alterar o teu servidor de identidade abaixo.",
+        "description_disconnected": "Atualmente, não estás a utilizar um servidor de identidade. Para descobrires e seres descoberto pelos contactos existentes que conheces, adiciona um abaixo.",
+        "description_optional": "A utilização de um servidor de identidade é opcional. Se optares por não utilizar um servidor de identidade, não poderás ser descoberto por outros utilizadores e não poderás convidar outras pessoas por correio eletrónico ou telefone.",
+        "disconnect": "Desliga o servidor de identidade",
+        "disconnect_anyway": "Desliga de qualquer maneira",
+        "disconnect_offline_warning": "Deves <b>remover os teus dados pessoais</b> do servidor de identidade <idserver /> antes de te desconectares. Infelizmente, o servidor de identidade <idserver /> está atualmente offline ou não pode ser contactado.",
+        "disconnect_personal_data_warning_1": "Continuas a <b>partilhar os teus dados pessoais</b> no servidor de identidade <idserver />.",
+        "disconnect_personal_data_warning_2": "Recomendamos que remova seus endereços de email e números de telefone do servidor de identidade antes de se desconectar.",
+        "disconnect_server": "Desliga do servidor de identidade <idserver />?",
+        "disconnect_warning": "Se te desligares do teu servidor de identidade, não poderás ser descoberto por outros utilizadores e não poderás convidar outras pessoas por e-mail ou telefone.",
+        "do_not_use": "Não utilizes um servidor de identidade",
+        "error_connection": "Não foi possível ligar ao servidor de identidade",
+        "error_invalid": "Servidor de Identidade inválido (código de status %(code)s)",
+        "error_invalid_or_terms": "Os termos de serviço não foram aceites ou o servidor de identidade é inválido.",
+        "no_terms": "O servidor de identidade que escolheste não tem quaisquer termos de serviço.",
+        "suggestions": "Tu deves:",
+        "suggestions_1": "verifica se os plug-ins do teu browser não têm nada que possa bloquear o servidor de identidade (como o Privacy Badger)",
+        "suggestions_2": "contacta os administradores do servidor de identidade <idserver />",
+        "suggestions_3": "espera e tenta novamente mais tarde",
+        "url": "Servidor de identidade (%(server)s)",
+        "url_field_label": "Introduz um novo servidor de identidade",
+        "url_not_https": "O link do servidor de identidade deve começar com HTTPS"
+    },
+    "in_space": "Em %(spaceName)s.",
+    "in_space1_and_space2": "Nos espaços %(space1Name)s e %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "Em %(spaceName)s e noutro espaço.",
+        "other": "Em %(spaceName)s e %(count)s outros espaços."
+    },
+    "incompatible_browser": {
+        "continue": "Continuar assim mesmo",
+        "description": "%(brand)s usa alguns recursos do navegador que não estão disponíveis no seu navegador atual. %(detail)s",
+        "detail_can_continue": "Se continuares, algumas funcionalidades podem deixar de funcionar e existe o risco de perderes dados no futuro.",
+        "detail_no_continue": "Tenta atualizar este browser se não estiveres a utilizar a versão mais recente e tenta novamente.",
+        "learn_more": "Saber mais",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "Para uma melhor experiência, utiliza <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge>, ou <Safari>Safari</Safari>.",
+        "title": "%(brand)s não suporta este browser",
+        "use_desktop_heading": "Utiliza antes o %(brand)s Desktop",
+        "use_mobile_heading": "Utiliza antes o %(brand)s no telemóvel",
+        "use_mobile_heading_after_desktop": "Ou utiliza a nossa aplicação móvel",
+        "windows_64bit": "Windows (64 bits)",
+        "windows_arm_64bit": "Windows (ARM 64-bit)"
+    },
+    "info_tooltip_title": "Informação",
+    "integration_manager": {
+        "connecting": "Conectando ao gerenciador de integração…",
+        "error_connecting": "O gestor de integração está offline ou não consegue aceder ao teu servidor doméstico.",
+        "error_connecting_heading": "Não é possível conectar-se ao gerenciador de integração",
+        "explainer": "Os gestores de integração recebem dados de configuração e podem modificar widgets, enviar convites para salas e definir níveis de potência em teu nome.",
+        "manage_title": "Gere as integrações",
+        "toggle_label": "Ativar o gestor de integração",
+        "use_im": "Utiliza um gestor de integração para gerir bots, widgets e pacotes de autocolantes.",
+        "use_im_default": "Utiliza um gestor de integração <b>(%(serverName)s)</b> para gerir bots, widgets e pacotes de autocolantes."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Para isso, ativa '%(manageIntegrations)s' nas Definições.",
+        "disabled_dialog_title": "As integrações estão desativadas",
+        "impossible_dialog_description": "O teu %(brand)s não te permite utilizar um gestor de integração para o fazer. Contacta um administrador.",
+        "impossible_dialog_title": "Integrações não permitidas"
+    },
+    "invite": {
+        "email_caption": "Convida por e-mail",
+        "email_limit_one": "Os convites por e-mail só podem ser enviados um de cada vez",
+        "email_use_default_is": "Utiliza um servidor de identidade para convidar por e-mail. <default>Utiliza a predefinição (%(defaultIdentityServerName)s)</default> ou gere em <settings>Definições</settings>.",
+        "email_use_is": "Utiliza um servidor de identidade para convidar por e-mail. Gere em <settings>Definições</settings>.",
+        "error_already_invited_room": "O utilizador já foi convidado para a sala",
+        "error_already_invited_space": "O utilizador já está convidado para o espaço",
+        "error_already_joined_room": "O utilizador já está na sala",
+        "error_already_joined_space": "O utilizador já se encontra no espaço",
+        "error_bad_state": "O utilizador tem de deixar de ser banido antes de poder ser convidado.",
+        "error_dm": "Não foi possível criar a tua DM.",
+        "error_find_room": "Algo correu mal ao tentar convidar os utilizadores.",
+        "error_find_user_description": "Os seguintes utilizadores podem não existir ou são inválidos e não podem ser convidados: %(csvNames)s",
+        "error_find_user_title": "Falha ao encontrar os seguintes utilizadores",
+        "error_invite": "Não foi possível convidar esses utilizadores. Verifica os utilizadores que pretendes convidar e tenta novamente.",
+        "error_permissions_room": "Não tens permissão para convidar pessoas para esta sala.",
+        "error_permissions_space": "Não tens permissão para convidar pessoas para este espaço.",
+        "error_profile_undisclosed": "O utilizador pode ou não existir",
+        "error_transfer_multiple_target": "Uma chamada só pode ser transferida para um único utilizador.",
+        "error_unfederated_room": "Esta sala não é federada. Não podes convidar pessoas de servidores externos.",
+        "error_unfederated_space": "Este espaço não está federado. Não podes convidar pessoas de servidores externos.",
+        "error_unknown": "Erro de servidor desconhecido",
+        "error_user_not_found": "O utilizador não existe",
+        "error_version_unsupported_room": "O servidor doméstico do utilizador não suporta a versão da sala.",
+        "error_version_unsupported_space": "O servidor doméstico do utilizador não suporta a versão do espaço.",
+        "failed_generic": "A operação falhou",
+        "failed_title": "Falha ao enviar o convite",
+        "invalid_address": "Endereço não reconhecido",
+        "name_email_mxid_share_room": "Convide alguém a partir do nome, email ou nome de utilizador (como <userId/>) ou <a>partilhe esta sala</a>.",
+        "name_email_mxid_share_space": "Convide alguém a partir do nome, endereço de email, nome de utilizador (como <userId/>) ou <a>partilhe este espaço</a>.",
+        "name_mxid_share_room": "Convida alguém utilizando o seu nome, nome de utilizador (como <userId/>) ou <a>partilha esta sala</a>.",
+        "name_mxid_share_space": "Convide alguém a partir do nome, nome de utilizador (como <userId/>) ou <a>partilhe este espaço</a>.",
+        "recents_section": "Conversas recentes",
+        "room_failed_partial": "Enviámos os outros, mas as pessoas abaixo não puderam ser convidadas para <RoomName/>",
+        "room_failed_partial_title": "Alguns convites não puderam ser enviados",
+        "room_failed_title": "Falha ao convidar utilizadores para %(roomName)s",
+        "send_link_prompt": "Ou envia o link de convite",
+        "start_conversation_name_email_mxid_prompt": "Comece uma conversa com alguém a partir do nome, endereço de email ou nome de utilizador (por exemplo: <userId/>).",
+        "start_conversation_name_mxid_prompt": "Comece uma conversa com alguém a partir do nome ou nome de utilizador (por exemplo: <userId/>).",
+        "suggestions_disclaimer": "Algumas sugestões podem estar ocultas por motivos de privacidade.",
+        "suggestions_disclaimer_prompt": "Se não conseguires ver quem procuras, envia-lhe o teu convite através do link abaixo.",
+        "suggestions_section": "Mensagens directas recentes",
+        "to_room": "Convida para %(roomName)s",
+        "to_space": "Convida para %(spaceName)s",
+        "transfer_dial_pad_tab": "Teclado numérico",
+        "transfer_user_directory_tab": "Diretório de utilizadores",
+        "unable_find_profiles_description_default": "Não foi possível encontrar perfis para os IDs de Matrix listados abaixo - gostarias de os convidar na mesma?",
+        "unable_find_profiles_invite_label_default": "Convida na mesma",
+        "unable_find_profiles_invite_never_warn_label_default": "Convida na mesma e nunca mais me avises",
+        "unable_find_profiles_title": "Os seguintes utilizadores podem não existir",
+        "unban_first_title": "O utilizador não pode ser convidado enquanto não for desbanido"
+    },
+    "inviting_user1_and_user2": "Convidando %(user1)s e %(user2)s",
+    "inviting_user_and_n_others": {
+        "other": "Convidando %(user)s e %(count)s outros",
+        "one": "Convidando %(user)s e 1 outro"
+    },
+    "items_and_n_others": {
+        "one": "<Items/>e um outro",
+        "other": "<Items/>e %(count)s outros"
+    },
+    "keyboard": {
+        "activate_button": "Ativar o botão selecionado",
+        "alt": "Alt",
+        "autocomplete_cancel": "Cancelar preenchimento automático",
+        "autocomplete_force": "Forçar a conclusão",
+        "autocomplete_navigate_next": "Próxima sugestão de preenchimento automático",
+        "autocomplete_navigate_prev": "Sugestão anterior de preenchimento automático",
+        "backspace": "Retrocesso",
+        "cancel_reply": "Cancelar a resposta a uma mensagem",
+        "category_autocomplete": "Preenchimento automático",
+        "category_calls": "Chamadas",
+        "category_navigation": "Navegação",
+        "category_room_list": "Lista de salas",
+        "close_dialog_menu": "Fecha a caixa de diálogo ou o menu de contexto",
+        "composer_jump_end": "Salta para o fim do compositor",
+        "composer_jump_start": "Salta para o início do compositor",
+        "composer_navigate_next_history": "Navega para a mensagem seguinte no histórico do compositor",
+        "composer_navigate_prev_history": "Navega para a mensagem anterior no histórico do compositor",
+        "composer_new_line": "Nova linha",
+        "composer_redo": "Refazer edição",
+        "composer_toggle_bold": "Alternar negrito",
+        "composer_toggle_code_block": "Alternar bloco de código",
+        "composer_toggle_italics": "Alternar itálico",
+        "composer_toggle_link": "Alternar link",
+        "composer_toggle_quote": "Alternar cotação",
+        "composer_undo": "Desfazer edição",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Ignora o marcador de leitura e salta para o fundo",
+        "end": "Fim",
+        "enter": "Entrar",
+        "escape": "Esc",
+        "go_home_view": "Vai para a Vista Inicial",
+        "home": "Início",
+        "jump_first_message": "Salta para a primeira mensagem",
+        "jump_last_message": "Salta para a última mensagem",
+        "jump_room_search": "Ir para a pesquisa de salas",
+        "jump_to_read_marker": "Salta para a mensagem mais antiga não lida",
+        "keyboard_shortcuts_tab": "Abre este separador de definições",
+        "navigate_next_history": "Próxima sala ou espaço visitado recentemente",
+        "navigate_next_message_edit": "Navega até à próxima mensagem para editar",
+        "navigate_prev_history": "Sala ou espaço anteriormente visitado recentemente",
+        "navigate_prev_message_edit": "Navega até à mensagem anterior para editar",
+        "next_landmark": "Vai para o próximo ponto de referência",
+        "next_room": "Próxima sala ou DM",
+        "next_unread_room": "Próxima sala não lida ou DM",
+        "number": "[número]",
+        "open_user_settings": "Abre as definições do utilizador",
+        "page_down": "Página para baixo",
+        "page_up": "Página para cima",
+        "prev_landmark": "Vai para o ponto de referência anterior",
+        "prev_room": "Sala anterior ou DM",
+        "prev_unread_room": "Sala anterior não lida ou DM",
+        "room_list_collapse_section": "Colapsar a secção da lista de salas",
+        "room_list_expand_section": "Expande a secção da lista de salas",
+        "room_list_navigate_down": "Navega para baixo na lista de salas",
+        "room_list_navigate_up": "Navega para cima na lista de salas",
+        "room_list_select_room": "Seleciona a sala na lista de salas",
+        "scroll_down_timeline": "Desloca-te para baixo na linha de tempo",
+        "scroll_up_timeline": "Desloca-te para cima na linha de tempo",
+        "search": "Pesquisa (deve estar ativada)",
+        "send_sticker": "Envia um autocolante",
+        "shift": "Muda",
+        "space": "Espaço",
+        "switch_to_space": "Passa para o espaço por número",
+        "toggle_hidden_events": "Alternar visibilidade de eventos ocultos",
+        "toggle_microphone_mute": "Alternar microfone mudo",
+        "toggle_right_panel": "Alternar painel direito",
+        "toggle_space_panel": "Alternar painel de espaço",
+        "toggle_top_left_menu": "Alternar o menu superior esquerdo",
+        "toggle_webcam_mute": "Ativar/desativar a webcam",
+        "upload_file": "Carrega um ficheiro"
+    },
+    "labs": {
+        "ask_to_join": "Permitir pedir para participar",
+        "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.",
+        "beta_feedback_title": "%(featureName)s Comentários sobre a versão beta",
+        "beta_section": "Próximas funcionalidades",
+        "bridge_state": "Mostrar informações sobre pontes nas definições da sala",
+        "bridge_state_channel": "Canal: <channelLink/>",
+        "bridge_state_creator": "Esta ponte foi fornecida por <user />.",
+        "bridge_state_manager": "Esta ponte é gerida por <user />.",
+        "bridge_state_workspace": "Espaço de trabalho: <networkLink/>",
+        "click_for_info": "Clica para mais informações",
+        "currently_experimental": "Atualmente experimental.",
+        "custom_themes": "Suporte a adicionar temas personalizados",
+        "dynamic_room_predecessors": "Antecessores de sala dinâmica",
+        "dynamic_room_predecessors_description": "Ativar MSC3946 (para suportar arquivos de salas que chegam tarde)",
+        "element_call_video_rooms": "Salas de Chamada de vídeo Element",
+        "exclude_insecure_devices": "Exclui dispositivos inseguros ao enviar/receber mensagens",
+        "exclude_insecure_devices_description": "Quando este modo está ativado, as mensagens encriptadas não serão partilhadas com dispositivos não verificados e as mensagens de dispositivos não verificados serão apresentadas como um erro. Tem em atenção que, se activares este modo, poderás não conseguir comunicar com utilizadores que não tenham verificado os seus dispositivos.",
+        "experimental_description": "Estás a sentir-te experimental? Experimenta as nossas ideias mais recentes em desenvolvimento. Estas funcionalidades não estão finalizadas; podem ser instáveis, podem ser alteradas ou podem ser completamente abandonadas. <a>Sabe mais em</a>.",
+        "experimental_section": "Pré-visualizações antecipadas",
+        "extended_profiles_msc_support": "Requer que o teu servidor suporte MSC4133",
+        "feature_disable_call_per_sender_encryption": "Desativar a cifragem por remetente na Element Call",
+        "feature_wysiwyg_composer_description": "Utiliza texto rico em vez de Markdown no compositor de mensagens.",
+        "group_developer": "Desenvolvedor",
+        "group_encryption": "Encriptação",
+        "group_experimental": "Experimental",
+        "group_messaging": "Mensagens",
+        "group_moderation": "Moderação",
+        "group_profile": "Perfil",
+        "group_rooms": "Salas",
+        "group_spaces": "Espaços",
+        "group_themes": "Temas",
+        "group_threads": "Tópicos",
+        "group_ui": "Interface do utilizador",
+        "group_voip": "Voz e vídeo",
+        "group_widgets": "Widgets",
+        "hidebold": "Ocultar o ponto de notificação (mostrar apenas os emblemas dos contadores)",
+        "join_beta": "Junta-te à versão beta",
+        "join_beta_reload": "Se entrares na versão beta, recarregas o site %(brand)s.",
+        "jump_to_date": "Saltar para a data (adiciona cabeçalhos /jumptodate e saltar para a data)",
+        "jump_to_date_msc_support": "Requer que o seu servidor suporte o MSC3030",
+        "latex_maths": "Renderiza matemática LaTeX em mensagens",
+        "leave_beta": "Deixa a versão beta",
+        "leave_beta_reload": "Ao saíres da versão beta, recarregas o site %(brand)s.",
+        "location_share_live": "Partilha de localização em tempo real",
+        "location_share_live_description": "Implementação temporária. As localizações permanecem no histórico da sala.",
+        "mjolnir": "Novas formas de ignorar pessoas",
+        "msc3531_hide_messages_pending_moderation": "Permitir que os moderadores ocultem mensagens pendentes de moderação.",
+        "notification_settings": "Novas Definições de Notificação",
+        "notification_settings_beta_caption": "Apresentamos uma forma mais simples de alterar as tuas definições de notificação. Personaliza o teu %(brand)s, tal como gostas.",
+        "notification_settings_beta_title": "Definições de Notificação",
+        "notifications": "Ativar o painel de notificações no cabeçalho da sala",
+        "render_reaction_images": "Renderizar imagens personalizadas em reações",
+        "render_reaction_images_description": "Por vezes designados por \"emojis personalizados\".",
+        "sliding_sync": "Modo Sliding Sync",
+        "sliding_sync_description": "Em desenvolvimento ativo, não pode ser desativado.",
+        "sliding_sync_disabled_notice": "Termina a sessão e volta a entrar para desativar",
+        "sliding_sync_server_no_support": "O teu servidor não tem suporte nativo",
+        "unrealiable_e2e": "Não é fiável em salas encriptadas",
+        "video_rooms": "Salas de vídeo",
+        "video_rooms_a_new_way_to_chat": "Uma nova forma de conversar por voz e vídeo em %(brand)s.",
+        "video_rooms_always_on_voip_channels": "As salas de vídeo são canais VoIP sempre ativos incorporados numa sala em %(brand)s.",
+        "video_rooms_beta": "As salas de vídeo são uma funcionalidade beta",
+        "video_rooms_faq1_answer": "Utilize o botão \"+\" na secção da sala do painel esquerdo.",
+        "video_rooms_faq1_question": "Como posso criar uma sala de vídeo?",
+        "video_rooms_faq2_answer": "Sim, a linha de tempo da conversa é exibida ao lado do vídeo.",
+        "video_rooms_faq2_question": "Posso usar a conversa por texto juntamente com a videochamada?",
+        "video_rooms_feedbackSubheading": "Obrigado por experimentares a versão beta. Por favor, dá-nos o máximo de detalhes possível para podermos melhorá-la.",
+        "wysiwyg_composer": "Editor de texto rico"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Estas definições destinam-se a utilizadores avançados.",
+        "ban_reason": "Ignorado/Bloqueado",
+        "error_adding_ignore": "Erro ao adicionar utilizador/servidor ignorado",
+        "error_adding_list_description": "Verifica a ID ou o endereço da sala e tenta novamente.",
+        "error_adding_list_title": "Erro ao subscrever a lista",
+        "error_removing_ignore": "Erro ao remover utilizador/servidor ignorado",
+        "error_removing_list_description": "Tenta novamente ou vê a tua consola para obteres sugestões.",
+        "error_removing_list_title": "Erro ao cancelar a subscrição da lista",
+        "explainer_1": "Adiciona aqui utilizadores e servidores que pretendes ignorar. Utiliza asteriscos para que %(brand)s corresponda a quaisquer caracteres. Por exemplo, <code>@bot:*</code> ignoraria todos os utilizadores que têm o nome 'bot' em qualquer servidor.",
+        "explainer_2": "Ignorar pessoas é feito através de listas de banimento que contêm regras para quem deve ser banido. A subscrição de uma lista de proibições significa que os utilizadores/servidores bloqueados por essa lista serão ocultados de ti.",
+        "lists": "Estás atualmente inscrito em:",
+        "lists_description_1": "Ao subscreveres uma lista de proibições, vais juntar-te a ela!",
+        "lists_description_2": "Se não é isto que pretendes, utiliza uma ferramenta diferente para ignorar utilizadores.",
+        "lists_heading": "Listas subscritas",
+        "lists_new_label": "ID da sala ou endereço da lista de proibições",
+        "no_lists": "Não estás inscrito em nenhuma lista",
+        "personal_description": "A tua lista pessoal de banimento contém todos os utilizadores/servidores dos quais tu pessoalmente não queres ver mensagens. Depois de ignorares o teu primeiro utilizador/servidor, uma nova sala aparecerá na tua lista de salas com o nome '%(myBanList)s' - fica nesta sala para manteres a lista de banimentos em efeito.",
+        "personal_empty": "Não ignoraste ninguém.",
+        "personal_heading": "Lista de proibições pessoais",
+        "personal_new_label": "ID do servidor ou do utilizador a ignorar",
+        "personal_new_placeholder": "Ex: @bot:* ou exemplo.org",
+        "personal_section": "Atualmente estás a ignorar:",
+        "room_name": "A minha lista de proibições",
+        "room_topic": "Esta é a tua lista de utilizadores/servidores que bloqueaste - não saias da sala!",
+        "rules_empty": "Nenhum",
+        "rules_server": "Regras do servidor",
+        "rules_title": "Regras da lista de proibições - %(roomName)s",
+        "rules_user": "Regras de utilização",
+        "something_went_wrong": "Algo correu mal. Tenta novamente ou vê a tua consola para obteres sugestões.",
+        "title": "Utilizadores ignorados",
+        "view_rules": "Ver regras"
+    },
+    "language_dropdown_label": "Lista suspensa de idiomas",
+    "leave_room_dialog": {
+        "last_person_warning": "Tu és a única pessoa aqui. Se te fores embora, ninguém poderá juntar-se a nós no futuro, incluindo tu.",
+        "leave_room_question": "Você tem certeza que deseja sair da sala '%(roomName)s'?",
+        "leave_space_question": "Tens a certeza de que queres deixar o espaço '%(spaceName)s'?",
+        "room_leave_admin_warning": "És o único administrador nesta sala. Se saíres, ninguém poderá alterar as definições da sala ou realizar outras ações importantes.",
+        "room_leave_mod_warning": "És o único moderador nesta sala. Se saíres, ninguém poderá alterar as definições da sala ou realizar outras ações importantes.",
+        "room_rejoin_warning": "Esta sala não é pública. Não poderás voltar a entrar sem um convite.",
+        "space_rejoin_warning": "Este espaço não é público. Não poderás voltar a entrar sem um convite."
+    },
+    "lightbox": {
+        "rotate_left": "Rodar à esquerda",
+        "rotate_right": "Rodar à direita",
+        "title": "Visualização da imagem"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Este servidor doméstico não está configurado para mostrar mapas.",
+        "MapStyleUrlNotReachable": "Este servidor doméstico não está configurado corretamente para apresentar mapas, ou o servidor de mapas configurado pode não estar acessível.",
+        "WebGLNotEnabled": "É necessário WebGL para visualizar os mapas, por isso ativa-o nas definições do teu browser.",
+        "click_drop_pin": "Clica para deixar cair um alfinete",
+        "click_move_pin": "Clica para mover o pino",
+        "close_sidebar": "Fechar barra lateral",
+        "error_fetch_location": "Não foi possível obter a localização",
+        "error_no_perms_description": "Tens de ter as permissões correctas para partilhar locais nesta sala.",
+        "error_no_perms_title": "Não tens autorização para partilhar localizações",
+        "error_send_description": "%(brand)s não foi possível enviar a tua localização. Por favor, tenta novamente mais tarde.",
+        "error_send_title": "Não foi possível enviar a tua localização",
+        "error_sharing_live_location": "Ocorreu um erro ao partilhar a tua localização ao vivo",
+        "error_stopping_live_location": "Ocorreu um erro ao parar a tua localização em direto",
+        "expand_map": "Expande o mapa",
+        "failed_generic": "Não foi possível obter a tua localização. Por favor, tenta novamente mais tarde.",
+        "failed_load_map": "Não é possível carregar o mapa",
+        "failed_permission": "%(brand)s foi negada a permissão para obter a tua localização. Permite o acesso à localização nas definições do teu browser.",
+        "failed_timeout": "O tempo esgotou-se ao tentar obter a tua localização. Por favor, tenta novamente mais tarde.",
+        "failed_unknown": "Erro desconhecido ao procurar a localização. Tenta novamente mais tarde.",
+        "find_my_location": "Encontra a minha localização",
+        "live_description": "localização ao vivo de %(displayName)s",
+        "live_enable_description": "Tem em atenção: esta é uma funcionalidade de laboratório com uma implementação temporária. Isto significa que não poderás apagar o teu histórico de localização e que os utilizadores avançados poderão ver o teu histórico de localização mesmo depois de deixares de partilhar a tua localização em direto com esta sala.",
+        "live_enable_heading": "Partilha de localização em direto",
+        "live_location_active": "Estás a partilhar a tua localização ao vivo",
+        "live_location_enabled": "Localização em direto activada",
+        "live_location_ended": "A localização em direto terminou",
+        "live_location_error": "Erro de localização ao vivo",
+        "live_locations_empty": "Não há locais ao vivo",
+        "live_share_button": "Partilhar por %(duration)s",
+        "live_toggle_label": "Ativar a partilha de localização em direto",
+        "live_until": "Ao vivo até %(expiryTime)s",
+        "live_update_time": "Atualizado %(humanizedUpdateTime)s",
+        "loading_live_location": "Carregando localização ao vivo...",
+        "location_not_available": "Localização não disponível",
+        "map_feedback": "Feedback do mapa",
+        "mapbox_logo": "Logótipo da Mapbox",
+        "reset_bearing": "Reposiciona o rumo para norte",
+        "share_button": "Partilhar localização",
+        "share_type_live": "A minha localização ao vivo",
+        "share_type_own": "A minha localização atual",
+        "share_type_pin": "Larga um alfinete",
+        "share_type_prompt": "Que tipo de localização pretendes partilhar?",
+        "toggle_attribution": "Alterna a atribuição"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s Membro",
+            "other": "%(count)s Membros"
+        },
+        "filter_placeholder": "Filtrar integrantes da sala",
+        "invite_button_no_perms_tooltip": "Não tens permissão para convidar utilizadores",
+        "invited_label": "Convidado",
+        "no_matches": "Sem correspondências"
+    },
+    "member_list_back_action_label": "Membros da sala",
+    "message_edit_dialog_title": "Edições de mensagens",
+    "migrating_crypto": "Aguenta firme. Estamos a atualizar o Element para tornar a encriptação mais rápida e mais fiável.",
+    "mobile_guide": {
+        "toast_accept": "Utiliza a aplicação",
+        "toast_description": "%(brand)s é experimental num navegador da Web móvel. Para obteres uma melhor experiência e as funcionalidades mais recentes, utiliza a nossa aplicação nativa gratuita.",
+        "toast_title": "Utiliza a aplicação para uma melhor experiência"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Não há mais resultados",
+    "notif_panel": {
+        "empty_description": "Não tens notificações visíveis.",
+        "empty_heading": "Já estás a par de tudo"
+    },
+    "notifications": {
+        "all_messages": "Todas as mensagens",
+        "all_messages_description": "Recebe notificações de todas as mensagens",
+        "class_global": "Global",
+        "class_other": "Outros",
+        "default": "Padrão",
+        "email_pusher_app_display_name": "Notificações de e-mail",
+        "enable_prompt_toast_description": "Ativar as notificações do ambiente de trabalho",
+        "enable_prompt_toast_title": "Notificações",
+        "enable_prompt_toast_title_from_message_send": "Não percas uma resposta",
+        "error_change_title": "Altera as definições de notificação",
+        "keyword": "Palavra-chave",
+        "keyword_new": "Nova palavra-chave",
+        "level_activity": "Atividade",
+        "level_highlight": "Destaque",
+        "level_muted": "Silenciado",
+        "level_none": "Nenhum",
+        "level_notification": "Notificação",
+        "level_unsent": "Não enviado",
+        "mark_all_read": "Marcar todas como lidas",
+        "mentions_and_keywords": "@menções e palavras-chave",
+        "mentions_and_keywords_description": "Recebe notificações apenas com menções e palavras-chave, conforme definido nas tuas definições de <a></a>",
+        "mentions_keywords": "Menções e palavras-chave",
+        "message_didnt_send": "A mensagem não foi enviada. Clica para obteres informações.",
+        "mute_description": "Não receberás quaisquer notificações"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s está a pedir verificação"
+    },
+    "onboarding": {
+        "create_room": "Cria um chat de grupo",
+        "explore_rooms": "Explora as salas públicas",
+        "has_avatar_label": "Ótimo, isso vai ajudar as pessoas a saberem que és tu",
+        "intro_byline": "Torna-te dono das tuas conversas.",
+        "intro_welcome": "Bem-vindo(a) a(ao) %(appName)s",
+        "no_avatar_label": "Adiciona uma fotografia para que as pessoas saibam que és tu.",
+        "send_dm": "Envia uma mensagem direta",
+        "welcome_detail": "Agora, vamos ajudar-te a começar",
+        "welcome_user": "Bem-vindo(a) %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Mensagem em %(room)s",
+        "permalink_this_room": "Mensagem de %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Criar sondagem",
+        "create_poll_title": "Criar sondagem",
+        "disclosed_notes": "Os eleitores vêem os resultados assim que votam",
+        "edit_poll_title": "Editar sondagem",
+        "end_description": "Tens a certeza de que queres acabar com esta sondagem? Isto irá mostrar os resultados finais da sondagem e impedir que as pessoas possam votar.",
+        "end_message": "A sondagem terminou. Resposta principal: %(topAnswer)s",
+        "end_message_no_votes": "A sondagem terminou. Não houve votos.",
+        "end_title": "Fim da sondagem",
+        "error_ending_description": "Desculpa, a sondagem não terminou. Por favor, tenta novamente.",
+        "error_ending_title": "Falha ao encerrar a sondagem",
+        "error_voting_description": "Desculpa, o teu voto não foi registado. Por favor, tenta novamente.",
+        "error_voting_title": "Voto não registado",
+        "failed_send_poll_description": "Desculpa, mas a sondagem que tentaste criar não foi publicada.",
+        "failed_send_poll_title": "Não conseguiste publicar a sondagem",
+        "notes": "Os resultados só são revelados quando terminas a sondagem",
+        "options_add_button": "Adiciona opção",
+        "options_heading": "Cria opções",
+        "options_label": "Opção %(number)s",
+        "options_placeholder": "Escreve uma opção",
+        "topic_heading": "Qual é a pergunta ou o tema da tua sondagem?",
+        "topic_label": "Pergunta ou tópico",
+        "topic_placeholder": "Escreve qualquer coisa...",
+        "total_decryption_errors": "Devido a erros de descodificação, alguns votos podem não ser contados",
+        "total_n_votes": {
+            "one": "%(count)s voto lançado. Vota para ver os resultados",
+            "other": "%(count)s votos lançados. Vota para ver os resultados"
+        },
+        "total_n_votes_voted": {
+            "one": "Baseado em %(count)s voto",
+            "other": "Baseado em %(count)s votos"
+        },
+        "total_no_votes": "Nenhum voto lançado",
+        "total_not_ended": "Os resultados serão visíveis quando a sondagem terminar",
+        "type_closed": "Sondagem fechada",
+        "type_heading": "Tipo de sondagem",
+        "type_open": "Abrir sondagem",
+        "unable_edit_description": "Desculpa, mas não podes editar uma sondagem depois de os votos terem sido expressos.",
+        "unable_edit_title": "Não é possível editar a sondagem"
+    },
+    "power_level": {
+        "admin": "Administrador",
+        "custom": "Personalizado (%(level)s)",
+        "custom_level": "Nível personalizado",
+        "default": "Padrão",
+        "label": "Nível de potência",
+        "moderator": "Moderador/a",
+        "restricted": "Restrito"
+    },
+    "powered_by_matrix": "Fornecido por Matrix",
+    "presence": {
+        "away": "Ausente",
+        "busy": "Ocupado",
+        "idle": "Ocioso",
+        "idle_for": "Inativo por%(duration)s",
+        "offline": "Ausente",
+        "offline_for": "Ausente por %(duration)s",
+        "online": "Disponível",
+        "online_for": "Online por %(duration)s",
+        "unknown": "Desconhecido",
+        "unknown_for": "Desconhecido por %(duration)s",
+        "unreachable": "O servidor do utilizador não pode ser alcançado"
+    },
+    "quick_settings": {
+        "all_settings": "Todas as definições",
+        "sidebar_settings": "Mais opções",
+        "title": "Definições rápidas"
+    },
+    "quit_warning": {
+        "call_in_progress": "Parece que você está em uma chamada. Tem certeza que quer sair?",
+        "file_upload_in_progress": "Parece que você está enviando arquivos. Tem certeza que quer sair?"
+    },
+    "redact": {
+        "confirm_button": "Confirmar Remoção",
+        "confirm_description": "Tens a certeza de que pretendes remover (apagar) este evento?",
+        "confirm_description_state": "Tem em atenção que a remoção de alterações de sala como esta pode anular a alteração.",
+        "error": "Não pode apagar esta mensagem. (%(code)s)",
+        "ongoing": "A remover...",
+        "reason_label": "Motivo (opcional)"
+    },
+    "report_content": {
+        "description": "Ao reportar esta mensagem, envias o seu \"ID de evento\" único para o administrador do teu servidor. Se as mensagens nesta sala estiverem cifradas, o administrador não poderá ler o texto ou ver quaisquer ficheiros ou imagens.",
+        "hide_messages_from_user": "Verifica se pretendes ocultar todas as mensagens actuais e futuras deste utilizador.",
+        "ignore_user": "Ignora o utilizador",
+        "missing_reason": "Por favor, indica o motivo da tua denúncia.",
+        "report_content_to_homeserver": "Denuncia conteúdo ao administrador do teu servidor doméstico"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Falha ao descriptografar%(failedCount)s sessões!",
+        "count_of_successfully_restored_keys": "%(sessionCount)s Chaves restauradas com sucesso",
+        "enter_key_description": "Acede ao teu histórico de mensagens seguras e configura o envio de mensagens seguras introduzindo a tua chave de recuperação.",
+        "enter_key_title": "Introduzir a chave de recuperação",
+        "enter_phrase_description": "Acede ao teu histórico de mensagens seguras e configura o envio de mensagens seguras introduzindo a tua frase de segurança.",
+        "enter_phrase_title": "Introduzir frase de segurança",
+        "incorrect_security_phrase_dialog": "Não foi possível desencriptar a cópia de segurança com esta frase de segurança: verifica se introduziste a frase de segurança correcta.",
+        "incorrect_security_phrase_title": "Frase de segurança incorreta",
+        "key_backup_warning": "<b>Aviso</b>: só deves configurar a cópia de segurança das chaves a partir de um computador de confiança.",
+        "key_fetch_in_progress": "A obter chaves do servidor…",
+        "key_forgotten_text": "Se te esqueceste da tua chave de recuperação, podes <button>configurar novas opções de recuperação</button>",
+        "key_is_invalid": "Não é uma chave de recuperação válida",
+        "key_is_valid": "Esta parece ser uma chave de recuperação válida!",
+        "keys_restored_title": "Chaves restauradas",
+        "load_error_content": "Não foi possível carregar o estado da cópia de segurança",
+        "load_keys_progress": "%(completed)s de %(total)s chaves restauradas",
+        "no_backup_error": "Nenhuma cópia de segurança encontrada!",
+        "phrase_forgotten_text": "Se te esqueceste da tua Frase de Segurança, podes <button1>utilizar a tua Chave de Recuperação</button1> ou <button2>definir novas opções de recuperação</button2>",
+        "recovery_key_mismatch_description": "Não foi possível desencriptar a cópia de segurança com esta chave de recuperação: verifica se introduziste a chave de recuperação correta.",
+        "recovery_key_mismatch_title": "Chave de recuperação não coincide",
+        "restore_failed_error": "Não foi possível restaurar a cópia de segurança"
+    },
+    "right_panel": {
+        "add_integrations": "Adiciona widgets, pontes e bots",
+        "add_topic": "Adicionar descrição",
+        "extensions_button": "Extensões",
+        "extensions_empty_description": "Seleciona \"%(addIntegrations)s\" para procurar e adicionar extensões a esta sala",
+        "extensions_empty_title": "Aumenta a produtividade com mais ferramentas, widgets e bots",
+        "files_button": "Ficheiros",
+        "pinned_messages": {
+            "empty_description": "Selecione uma mensagem e escolha \"%(pinAction)s\" para incluir aqui.",
+            "empty_title": "Fixa mensagens importantes para que possam ser facilmente descobertas",
+            "header": {
+                "one": "1 mensagem fixada",
+                "other": "%(count)s Mensagens fixadas"
+            },
+            "limits": {
+                "one": "",
+                "other": "Só podes fixar até %(count)s widgets"
+            },
+            "menu": "Abrir o menu",
+            "reply_thread": "Responde a uma <link> mensagem do tópico</link>",
+            "unpin_all": {
+                "button": "Desafixa todas as mensagens",
+                "content": "Certifica-te de que queres mesmo remover todas as mensagens fixadas. Esta ação não pode ser anulada.",
+                "title": "Desfixar todas as mensagens?"
+            },
+            "view": "Ver na linha do tempo"
+        },
+        "pinned_messages_button": "Fixado",
+        "poll": {
+            "active_heading": "Sondagens ativas",
+            "empty_active": "Não há sondagens ativas nesta sala",
+            "empty_active_load_more": "Não existem sondagens ativas. Carrega mais sondagens para ver as sondagens dos meses anteriores",
+            "empty_active_load_more_n_days": {
+                "one": "Não há sondagens ativas para o dia anterior. Carrega mais sondagens para ver as sondagens dos meses anteriores",
+                "other": "Não existem sondagens ativas para os últimos %(count)s dias. Carrega mais sondagens para veres as sondagens dos meses anteriores"
+            },
+            "empty_past": "Não há sondagens anteriores nesta sala",
+            "empty_past_load_more": "Não existem sondagens anteriores. Carrega mais sondagens para ver as sondagens dos meses anteriores",
+            "empty_past_load_more_n_days": {
+                "one": "Não existem sondagens anteriores para o dia anterior. Carrega mais sondagens para ver as sondagens dos meses anteriores",
+                "other": "Não existem sondagens anteriores para os últimos %(count)s dias. Carrega mais sondagens para ver as sondagens dos meses anteriores"
+            },
+            "final_result": {
+                "one": "Resultado final baseado em %(count)s voto",
+                "other": "Resultado final baseado em %(count)s votos"
+            },
+            "load_more": "Carrega mais sondagens",
+            "loading": "Carregando sondagens",
+            "past_heading": "Sondagens anteriores",
+            "view_in_timeline": "Ver sondagem na linha do tempo",
+            "view_poll": "Ver sondagem"
+        },
+        "polls_button": "História da sondagem",
+        "room_summary_card": {
+            "title": "Informação da sala"
+        },
+        "thread_list": {
+            "context_menu_label": "Opções de tópico"
+        },
+        "video_room_chat": {
+            "title": "Conversa"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Este convite foi enviado para %(email)s que não está associado à tua conta",
+        "3pid_invite_email_not_found_account_room": "Este convite para %(roomName)s foi enviado para %(email)s que não está associado à tua conta",
+        "3pid_invite_error_description": "Ocorreu um erro (%(errcode)s) ao tentar validar o teu convite. Podes tentar transmitir esta informação à pessoa que te convidou.",
+        "3pid_invite_error_invite_action": "Tenta entrar na mesma",
+        "3pid_invite_error_invite_subtitle": "Só te podes juntar com um convite válido.",
+        "3pid_invite_error_public_subtitle": "Ainda podes aderir aqui.",
+        "3pid_invite_error_title": "Algo correu mal com o teu convite.",
+        "3pid_invite_error_title_room": "Algo correu mal com o teu convite para %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Utiliza um servidor de identidade nas Definições para receber convites diretamente em %(brand)s.",
+        "banned_by": "Foste banido por %(memberName)s",
+        "banned_from_room_by": "Foste banido de %(roomName)s por %(memberName)s",
+        "context_menu": {
+            "copy_link": "Copiar link da sala",
+            "favourite": "Favorito",
+            "forget": "Esquecer a sala",
+            "low_priority": "Baixa prioridade",
+            "mark_read": "Marcar como lido",
+            "mark_unread": "Marcar como não lido",
+            "notifications_default": "Corresponde à predefinição",
+            "notifications_mute": "Silenciar sala",
+            "title": "Opções de sala",
+            "unfavourite": "Favorito"
+        },
+        "creating_room_text": "Estamos a criar uma sala com %(names)s",
+        "dm_invite_action": "Começar a conversar",
+        "dm_invite_subtitle": "<userName/> quer falar",
+        "dm_invite_title": "Queres conversar com %(user)s?",
+        "drop_file_prompt": "Arraste um arquivo aqui para enviar",
+        "edit_topic": "Editar tópico",
+        "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.",
+        "error_join_404_2": "Se souberes o endereço de uma sala, tenta juntar-te a ela através desse endereço.",
+        "error_join_404_invite": "A pessoa que te convidou já se foi embora ou o seu servidor está offline.",
+        "error_join_404_invite_same_hs": "A pessoa que te convidou já se foi embora.",
+        "error_join_connection": "Houve um erro ao juntares-te.",
+        "error_join_incompatible_version_1": "Desculpa, o teu servidor doméstico é demasiado antigo para participar aqui.",
+        "error_join_incompatible_version_2": "Contacta o administrador do teu servidor doméstico.",
+        "error_join_title": "Não conseguiste aderir",
+        "error_jump_to_date": "O servidor devolveu %(statusCode)s com o código de erro %(errorCode)s",
+        "error_jump_to_date_connection": "Ocorreu um erro de rede ao tentares encontrar e saltar para a data indicada. O teu servidor doméstico pode estar em baixo ou houve apenas um problema temporário com a tua ligação à Internet. Tenta novamente. Se o problema persistir, contacta o administrador do teu servidor doméstico.",
+        "error_jump_to_date_details": "Detalhes do erro",
+        "error_jump_to_date_not_found": "Não foi possível encontrar um evento com vista para o futuro em %(dateString)s. Tenta escolher uma data anterior.",
+        "error_jump_to_date_send_logs_prompt": "Envia <debugLogsLink>debug logs</debugLogsLink> para nos ajudar a localizar o problema.",
+        "error_jump_to_date_title": "Não foi possível encontrar o evento nessa data",
+        "face_pile_summary": {
+            "one": "%(count)s uma pessoa que conheces já aderiu",
+            "other": "%(count)s pessoas que sabes que já aderiram"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Ver 1 membro",
+            "other": "Vê todos os membros de %(count)s "
+        },
+        "face_pile_tooltip_shortcut": "Incluindo %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Incluindo tu, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "Não foi possível rejeitar o convite",
+        "forget_room": "Esquece esta sala",
+        "forget_space": "Esquece este espaço",
+        "header": {
+            "n_people_asking_to_join": {
+                "one": "Pedir para aderir",
+                "other": "%(count)s pessoas a pedir para aderir"
+            },
+            "room_is_public": "Esta sala é pública"
+        },
+        "header_avatar_open_settings_label": "Abre as definições da sala",
+        "header_face_pile_tooltip": "Alternar lista de membros",
+        "header_untrusted_label": "Não confiável",
+        "inaccessible": "De momento, esta sala ou espaço não está acessível.",
+        "inaccessible_name": "%(roomName)s não está acessível neste momento.",
+        "inaccessible_subtitle_1": "Tenta novamente mais tarde ou pede a um administrador de sala ou espaço para verificar se tens acesso.",
+        "inaccessible_subtitle_2": "%(errcode)s foi devolvido ao tentares aceder à sala ou ao espaço. Se achas que estás a ver esta mensagem por engano, por favor <issueLink>envia um relatório de erro</issueLink>.",
+        "intro": {
+            "dm_caption": "Só vocês os dois estão nesta conversa, a não ser que um de vocês convide alguém para participar.",
+            "enable_encryption_prompt": "Ativa a encriptação nas definições.",
+            "encrypted_3pid_dm_pending_join": "Quando todos tiverem aderido, poderás conversar",
+            "no_avatar_label": "Adiciona uma fotografia para que as pessoas possam identificar facilmente o teu quarto.",
+            "no_topic": "<a>Adiciona um tópico</a> para ajudar as pessoas a saberem do que se trata.",
+            "private_unencrypted_warning": "As tuas mensagens privadas são normalmente encriptadas, mas esta sala não o é. Normalmente, isto deve-se à utilização de um dispositivo ou método não suportado, como convites por correio eletrónico.",
+            "room_invite": "Convida apenas para esta sala",
+            "send_message_start_dm": "Envia a tua primeira mensagem para convidar <displayName/> para conversar",
+            "start_of_dm_history": "Este é o início do teu histórico de mensagens directas com <displayName/>.",
+            "start_of_room": "Este é o início de <roomName/>.",
+            "unencrypted_warning": "A encriptação de ponta a ponta não está ativada",
+            "user_created": "%(displayName)s criou esta sala.",
+            "you_created": "Tu criaste esta sala."
+        },
+        "invite_email_mismatch_suggestion": "Partilha este e-mail nas Definições para receberes convites diretamente em %(brand)s.",
+        "invite_sent_to_email": "Este convite foi enviado para %(email)s",
+        "invite_sent_to_email_room": "Este convite para %(roomName)s foi enviado para %(email)s",
+        "invite_subtitle": "Convidado por <userName/>",
+        "invite_this_room": "Convidar para esta sala",
+        "invite_title": "Queres juntar-te a %(roomName)s?",
+        "inviter_unknown": "Desconhecido",
+        "invites_you_text": "<inviter/> convida-te",
+        "join_button_account": "Inscrição",
+        "join_failed_needs_invite": "Para veres %(roomName)s, precisas de um convite",
+        "join_the_discussion": "Participa no debate",
+        "join_title": "Junta-te à sala para participares",
+        "join_title_account": "Junta-te à conversa com uma conta",
+        "joining": "Entrando...",
+        "joining_room": "Entrando na sala…",
+        "joining_space": "Junta-te ao espaço...",
+        "jump_read_marker": "Ir diretamente para a primeira das mensagens não lidas.",
+        "jump_to_bottom_button": "Percorre as mensagens mais recentes",
+        "kick_reason": "Motivo: %(reason)s",
+        "kicked_by": "Foste removido por %(memberName)s",
+        "kicked_from_room_by": "Foste retirado de %(roomName)s por %(memberName)s",
+        "knock_cancel_action": "Cancelar pedido",
+        "knock_denied_subtitle": "Como te foi negado o acesso, não podes voltar a entrar a não ser que sejas convidado pelo administrador ou moderador do grupo.",
+        "knock_denied_title": "Foi-te negado o acesso",
+        "knock_message_field_placeholder": "Mensagem (opcional)",
+        "knock_prompt": "Pedir para participar?",
+        "knock_prompt_name": "Pedir para participar%(roomName)s?",
+        "knock_send_action": "Solicitar acesso",
+        "knock_sent": "Pedido de adesão enviado",
+        "knock_sent_subtitle": "O teu pedido de adesão está pendente.",
+        "knock_subtitle": "Tens de ter acesso a esta sala para veres ou participares na conversa. Podes enviar um pedido de participação abaixo.",
+        "leave_error_title": "Erro ao sair da sala",
+        "leave_server_notices_description": "Esta sala é usada para mensagens importantes do Servidor Doméstico, por isso não podes sair dela.",
+        "leave_server_notices_title": "Não podes sair da sala de avisos do servidor",
+        "leave_unexpected_error": "Erro inesperado do servidor ao tentares sair da sala",
+        "link_email_to_receive_3pid_invite": "Associa este e-mail à tua conta nas Definições para receberes convites diretamente em %(brand)s.",
+        "loading_preview": "A carregar a pré-visualização...",
+        "no_peek_join_prompt": "%(roomName)s não pode ser pré-visualizado. Queres juntar-te?",
+        "no_peek_no_name_join_prompt": "Não há pré-visualização, gostarias de te juntar?",
+        "not_found_subtitle": "Tens a certeza que estás no sítio certo?",
+        "not_found_title": "Esta sala ou espaço não existe.",
+        "not_found_title_name": "%(roomName)s não existe.",
+        "peek_join_prompt": "Estás a visualizar %(roomName)s. Queres juntar-te a ele?",
+        "pinned_message_banner": {
+            "button_close_list": "Fechar lista",
+            "button_view_all": "Ver tudo",
+            "description": "Esta sala tem mensagens afixadas. Clica para as veres.",
+            "title": "<bold>%(index)s de %(length)s</bold> Mensagens fixadas"
+        },
+        "read_topic": "Clica para ler o tópico",
+        "rejecting": "Rejeitando o convite...",
+        "rejoin_button": "Junta-te novamente",
+        "search": {
+            "all_rooms_button": "Pesquisar todas as salas",
+            "placeholder": "Pesquisar mensagens...",
+            "summary": {
+                "one": "1 resultado encontrado para \"<query/>\"",
+                "other": "%(count)s resultados encontrados para \"<query/>\""
+            },
+            "this_room_button": "Pesquisar esta sala"
+        },
+        "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.",
+            "other": "Tens %(count)s notificações não lidas numa versão anterior desta sala."
+        },
+        "upgrade_error_description": "Verifica se o teu servidor suporta a versão da sala escolhida e tenta novamente.",
+        "upgrade_error_title": "Erro ao atualizar o quarto",
+        "upgrade_warning_bar": "Ao atualizar este quarto, encerra a instância atual do quarto e cria um quarto atualizado com o mesmo nome.",
+        "upgrade_warning_bar_admins": "Apenas os administradores da sala verão este aviso",
+        "upgrade_warning_bar_unstable": "Esta sala está executando a versão da sala<roomVersion /> , que este servidor doméstico marcou como<i> instável</i> .",
+        "upgrade_warning_bar_upgraded": "Este quarto já foi atualizado.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Enviando o arquivo %(filename)s e %(count)s outros arquivos",
+                "other": "Enviando o arquivo %(filename)s e %(count)s outros arquivos"
+            },
+            "uploading_single_file": "Enviando o arquivo %(filename)s"
+        },
+        "waiting_for_join_subtitle": "Quando os utilizadores convidados tiverem aderido a %(brand)s, poderás conversar e a sala será encriptada de ponta a ponta",
+        "waiting_for_join_title": "Aguarda a adesão dos utilizadores %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Adiciona espaço",
+        "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",
+        "list_title": "Lista de salas",
+        "more_options": {
+            "leave_room": "Sair da sala"
+        },
+        "notification_options": "Opções de notificação",
+        "show_less": "Mostrar menos"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Decide quem pode ver e participar em %(spaceName)s.",
+            "title": "Acesso"
+        },
+        "advanced": {
+            "error_upgrade_description": "A atualização da sala não pôde ser concluída",
+            "error_upgrade_title": "Falha ao atualizar a sala",
+            "information_section_room": "Informações sobre a sala",
+            "information_section_space": "Informações sobre o espaço",
+            "room_id": "ID interno da sala",
+            "room_predecessor": "Vê as mensagens mais antigas em %(roomName)s.",
+            "room_upgrade_button": "Atualiza este quarto para a versão de quarto recomendada",
+            "room_upgrade_warning": "<b>Aviso</b>: a atualização de uma sala <i>não irá migrar automaticamente os membros da sala para a nova versão da sala.</i> Colocaremos um link para a nova sala na versão antiga da sala - os membros da sala terão de clicar nesse link para se juntarem à nova sala.",
+            "room_version": "Versão da sala:",
+            "room_version_section": "Versão de sala",
+            "space_predecessor": "Vê a versão anterior de %(spaceName)s.",
+            "space_upgrade_button": "Atualiza este espaço para a versão de quarto recomendada",
+            "unfederated": "Esta sala não é acessível para servidores Matrix remotos",
+            "upgrade_button": "Atualize esta sala para a versão %(version)s",
+            "upgrade_dialog_description": "Para atualizar esta sala, é necessário encerrar a instância atual da sala e criar uma nova sala no seu lugar. Para dar aos membros da sala a melhor experiência possível, nós iremos:",
+            "upgrade_dialog_description_1": "Cria uma nova sala com o mesmo nome, descrição e avatar",
+            "upgrade_dialog_description_2": "Atualiza todos os nomes locais para apontarem para a nova sala",
+            "upgrade_dialog_description_3": "Impede os utilizadores de falarem na versão antiga da sala e publica uma mensagem a aconselhar os utilizadores a mudarem-se para a nova sala",
+            "upgrade_dialog_description_4": "Coloca um link para a sala antiga no início da nova sala para que as pessoas possam ver as mensagens antigas",
+            "upgrade_dialog_title": "Atualizar a versão da sala",
+            "upgrade_dwarning_ialog_title_public": "Atualizar sala pública",
+            "upgrade_warning_dialog_description": "A atualização de uma divisão é uma ação avançada e é normalmente recomendada quando uma divisão está instável devido a erros, funcionalidades em falta ou vulnerabilidades de segurança.",
+            "upgrade_warning_dialog_explainer": "<b>Tem em atenção que a atualização fará uma nova versão da sala</b>. Todas as mensagens actuais permanecerão nesta sala arquivada.",
+            "upgrade_warning_dialog_footer": "Esta sala será atualizada de <oldVersion /> para <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Convida automaticamente os membros desta sala para a nova sala",
+            "upgrade_warning_dialog_report_bug_prompt": "Normalmente, isto só afecta a forma como a sala é processada no servidor. Se estiveres a ter problemas com o teu %(brand)s, por favor reporta um erro.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Normalmente, isto apenas afecta a forma como a sala é processada no servidor. Se estiveres a ter problemas com o teu %(brand)s, por favor <a>reporta um bug</a>.",
+            "upgrade_warning_dialog_title": "Atualizar sala",
+            "upgrade_warning_dialog_title_private": "Atualiza a sala privada"
+        },
+        "alias_not_specified": "não especificado",
+        "bridges": {
+            "description": "Esta sala está a transmitir mensagens para as seguintes plataformas. <a>Aprende mais.</a>",
+            "empty": "Esta sala não está a transmitir mensagens para nenhuma plataforma. <a>Sabe mais.</a>",
+            "title": "Pontes"
+        },
+        "delete_avatar_label": "Apagar avatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Separador de domínio ausente, por exemplo (:domain .org)",
+            "alias_field_has_localpart_invalid": "Falta o nome da sala ou o separador, por exemplo, (minha-sala:domain.org)",
+            "alias_field_matches_invalid": "Este endereço não aponta para esta sala",
+            "alias_field_placeholder_default": "por exemplo, minha-sala",
+            "alias_field_required_invalid": "Fornece um endereço",
+            "alias_field_safe_localpart_invalid": "Alguns caracteres não são permitidos",
+            "alias_field_taken_invalid": "Este endereço tem um servidor inválido ou já está a ser utilizado",
+            "alias_field_taken_invalid_domain": "Este endereço já está a ser utilizado",
+            "alias_field_taken_valid": "Este endereço está disponível para utilização",
+            "alias_heading": "Endereço da sala",
+            "aliases_items_label": "Outros endereços publicados:",
+            "aliases_no_items_label": "Ainda não existem outros endereços publicados, adiciona um abaixo",
+            "aliases_section": "Endereços de salas",
+            "avatar_field_label": "Avatar da sala",
+            "canonical_alias_field_label": "Endereço principal",
+            "description_space": "Edita as definições relativas ao teu espaço.",
+            "error_creating_alias_description": "Ocorreu um erro ao criares esse endereço. Pode não ser permitido pelo servidor ou ocorreu uma falha temporária.",
+            "error_creating_alias_title": "Erro ao criar o endereço",
+            "error_deleting_alias_description": "Ocorreu um erro ao removeres esse endereço. Pode já não existir ou ocorreu um erro temporário.",
+            "error_deleting_alias_description_forbidden": "Não tens autorização para apagar o endereço.",
+            "error_deleting_alias_title": "Erro ao remover o endereço",
+            "error_publishing": "Não é possível publicar a sala",
+            "error_publishing_detail": "Houve um erro ao publicar este sala",
+            "error_save_space_settings": "Não conseguiste guardar as definições de espaço.",
+            "error_updating_alias_description": "Ocorreu um erro ao atualizar os endereços alternativos da sala. Pode não ser permitido pelo servidor ou ocorreu uma falha temporária.",
+            "error_updating_canonical_alias_description": "Ocorreu um erro ao atualizar o endereço principal da sala. Pode não ser permitido pelo servidor ou ocorreu uma falha temporária.",
+            "error_updating_canonical_alias_title": "Erro ao atualizar o endereço principal",
+            "leave_space": "Deixe espaço",
+            "local_alias_field_label": "Endereço local",
+            "local_aliases_explainer_room": "Define endereços para esta sala para que os utilizadores possam encontrar esta sala através do teu servidor doméstico (%(localDomain)s)",
+            "local_aliases_explainer_space": "Define endereços para este espaço para que os utilizadores possam encontrar este espaço através do teu servidor doméstico (%(localDomain)s)",
+            "local_aliases_section": "Endereços locais",
+            "name_field_label": "Nome da sala",
+            "new_alias_placeholder": "Novo endereço publicado (por exemplo, #alias:server)",
+            "no_aliases_room": "Esta sala não tem endereços locais",
+            "no_aliases_space": "Este espaço não tem endereços locais",
+            "other_section": "Outros",
+            "publish_toggle": "Publicar esta sala ao público no diretório de salas de %(domain)s's?",
+            "published_aliases_description": "Para publicares um endereço, este tem de ser primeiro definido como um endereço local.",
+            "published_aliases_explainer_room": "Os endereços publicados podem ser usados por qualquer pessoa em qualquer servidor para entrar na tua sala.",
+            "published_aliases_explainer_space": "Os endereços publicados podem ser usados por qualquer pessoa em qualquer servidor para se juntar ao teu espaço.",
+            "published_aliases_section": "Endereços publicados",
+            "save": "Salvar Alterações",
+            "topic_field_label": "Tópico da sala"
+        },
+        "notifications": {
+            "browse_button": "Navegar",
+            "custom_sound_prompt": "Define um novo som personalizado",
+            "notification_sound": "Som de notificação",
+            "settings_link": "Recebe notificações conforme definido nas tuas definições de <a></a>",
+            "sounds_section": "Sons",
+            "upload_sound_label": "Carrega um som personalizado",
+            "uploaded_sound": "Som carregado"
+        },
+        "people": {
+            "knock_empty": "Nenhum pedido",
+            "knock_section": "Pedir para aderir",
+            "see_less": "Ver menos",
+            "see_more": "Ver mais"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Concede mais privilégios a um ou vários utilizadores desta sala",
+            "add_privileged_user_filter_placeholder": "Procura utilizadores nesta sala...",
+            "add_privileged_user_heading": "Adiciona utilizadores privilegiados",
+            "ban": "Banir utilizadores",
+            "ban_reason": "Razão",
+            "banned_by": "Banido por %(displayName)s",
+            "banned_users_section": "Usuárias/os banidas/os",
+            "error_changing_pl_description": "Ocorreu um erro ao alterar o nível de potência do utilizador. Certifica-te de que tens permissões suficientes e tenta novamente.",
+            "error_changing_pl_reqs_description": "Ocorreu um erro ao alterares os requisitos de nível de potência da sala. Certifica-te de que tens permissões suficientes e tenta novamente.",
+            "error_changing_pl_reqs_title": "Erro ao alterar o requisito do nível de potência",
+            "error_changing_pl_title": "Erro ao alterar o nível de potência",
+            "error_unbanning": "Não foi possível desfazer o banimento",
+            "events_default": "Envia mensagens",
+            "invite": "Convidar utilizadores",
+            "kick": "Remover utilizadores",
+            "m.call": "Inicia chamadas %(brand)s",
+            "m.call.member": "Participa em chamadas %(brand)s",
+            "m.reaction": "Envia reações",
+            "m.room.avatar": "Altera o avatar da sala",
+            "m.room.avatar_space": "Altera o avatar espacial",
+            "m.room.canonical_alias": "Altera o endereço principal para a sala",
+            "m.room.canonical_alias_space": "Altera o endereço principal do espaço",
+            "m.room.encryption": "Ativar a encriptação da sala",
+            "m.room.history_visibility": "Altera a visibilidade do histórico",
+            "m.room.name": "Altera o nome da sala",
+            "m.room.name_space": "Altera o nome do espaço",
+            "m.room.pinned_events": "Gerir eventos fixados",
+            "m.room.power_levels": "Altera as permissões",
+            "m.room.redaction": "Remove mensagens enviadas por mim",
+            "m.room.server_acl": "Altera as ACLs do servidor",
+            "m.room.tombstone": "Atualiza a sala",
+            "m.room.topic": "Altera o tópico",
+            "m.room.topic_space": "Altera a descrição",
+            "m.space.child": "Gere as salas neste espaço",
+            "m.widget": "Modifica os widgets",
+            "muted_users_section": "Utilizadores silenciados",
+            "no_privileged_users": "Nenhum/a usuário/a possui privilégios específicos nesta sala",
+            "notifications.room": "Notifica todos",
+            "permissions_section": "Permissões",
+            "permissions_section_description_room": "Selecione as funções necessárias para alterar várias partes da sala",
+            "permissions_section_description_space": "Selecciona as funções necessárias para alterar as várias partes do espaço",
+            "privileged_users_section": "Usuárias/os privilegiadas/os",
+            "redact": "Remove mensagens enviadas por outros",
+            "send_event_type": "Envia eventos %(eventType)s ",
+            "state_default": "Alterar definições",
+            "title": "Funções e permissões",
+            "users_default": "Papel predefinido"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Uma vez activada, a encriptação de uma sala não pode ser desactivada. As mensagens enviadas numa sala encriptada não podem ser vistas pelo servidor, apenas pelos participantes da sala. A ativação da encriptação pode impedir que muitos bots e pontes funcionem corretamente. <a>Sabe mais sobre a encriptação.</a>",
+            "enable_encryption_confirm_title": "Ativar a encriptação?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Não é recomendável adicionar encriptação a salas públicas.</b> Qualquer pessoa pode encontrar e entrar em salas públicas, pelo que qualquer pessoa pode ler as mensagens nelas contidas. Não obterás nenhum dos benefícios da encriptação e não poderás desactivá-la mais tarde. A encriptação de mensagens numa sala pública tornará a receção e o envio de mensagens mais lento.",
+            "enable_encryption_public_room_confirm_description_2": "Para evitar estes problemas, cria uma <a>nova sala encriptada</a> para a conversa que pretendes ter.",
+            "enable_encryption_public_room_confirm_title": "Tens a certeza de que queres adicionar encriptação a esta sala pública?",
+            "encrypted_room_public_confirm_description_1": "<b>Não é recomendável tornar públicas as salas encriptadas.</b> Isso significa que qualquer pessoa pode encontrar e entrar na sala, pelo que qualquer pessoa pode ler as mensagens. Não terás nenhum dos benefícios da encriptação. Encriptar mensagens numa sala pública tornará a receção e o envio de mensagens mais lento.",
+            "encrypted_room_public_confirm_description_2": "Para evitar estes problemas, cria uma <a>nova sala pública</a> para a conversa que pretendes ter.",
+            "encrypted_room_public_confirm_title": "Tens a certeza de que queres tornar pública esta sala encriptada?",
+            "encryption_forced": "O servidor requer que a encriptação seja desativada.",
+            "encryption_permanent": "Uma vez activada, a encriptação não pode ser desactivada.",
+            "error_join_rule_change_title": "Falha ao atualizar as regras de adesão",
+            "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_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.",
+            "history_visibility_world_readable": "Qualquer pessoa",
+            "join_rule_description": "Decide quem pode aderir a %(roomName)s.",
+            "join_rule_invite": "Privado (só por convite)",
+            "join_rule_invite_description": "Apenas pessoas convidadas podem participar.",
+            "join_rule_knock": "Pede para aderir",
+            "join_rule_knock_description": "As pessoas só podem aderir se o acesso for concedido.",
+            "join_rule_public_description": "Qualquer pessoa pode encontrar e aderir.",
+            "join_rule_restricted": "Membros do espaço",
+            "join_rule_restricted_description": "Qualquer pessoa num espaço pode encontrar e aderir. <a>Edita quais os espaços que podem aceder aqui.</a>",
+            "join_rule_restricted_description_active_space": "Qualquer pessoa em <spaceName/> pode encontrar e aderir. Também podes selecionar outros espaços.",
+            "join_rule_restricted_description_prompt": "Qualquer pessoa num espaço pode encontrar e aderir. Podes selecionar vários espaços.",
+            "join_rule_restricted_description_spaces": "Espaços com acesso",
+            "join_rule_restricted_dialog_description": "Decide quais os espaços que podem aceder a esta sala. Se um espaço for selecionado, os seus membros podem encontrar e juntar-se a <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Estás a remover todos os espaços. O acesso será por defeito apenas para convidados",
+            "join_rule_restricted_dialog_filter_placeholder": "Procura espaços",
+            "join_rule_restricted_dialog_heading_known": "Outros espaços que conheces",
+            "join_rule_restricted_dialog_heading_other": "Outros espaços ou salas que talvez não conheças",
+            "join_rule_restricted_dialog_heading_room": "Espaços que conheces e que contêm esta sala",
+            "join_rule_restricted_dialog_heading_space": "Espaços que conheces que contêm este espaço",
+            "join_rule_restricted_dialog_heading_unknown": "É provável que outros administradores de salas façam parte delas.",
+            "join_rule_restricted_dialog_title": "Selecionar espaços",
+            "join_rule_restricted_n_more": {
+                "one": "e %(count)s mais",
+                "other": "e %(count)s mais"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Atualmente, um espaço tem acesso",
+                "other": "Atualmente,%(count)s espaços têm acesso"
+            },
+            "join_rule_restricted_upgrade_description": "Esta atualização permitirá aos membros de espaços seleccionados aceder a esta sala sem convite.",
+            "join_rule_restricted_upgrade_warning": "Esta sala está em alguns espaços dos quais não és administrador. Nesses espaços, a sala antiga continuará a ser mostrada, mas as pessoas serão convidadas a juntar-se à nova.",
+            "join_rule_upgrade_awaiting_room": "Carregando nova sala",
+            "join_rule_upgrade_required": "Atualização necessária",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Enviando convite...",
+                "other": "Enviando convites... (%(progress)sfora de%(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Atualizando espaço...",
+                "other": "Atualizando espaços... (%(progress)sfora de%(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Atualização da sala",
+            "public_without_alias_warning": "Para estabelecer uma ligação a esta sala, adiciona um endereço.",
+            "publish_room": "Torna esta sala visível no diretório público de salas.",
+            "publish_space": "Torna este espaço visível no diretório de salas públicas.",
+            "strict_encryption": "Enviar mensagens apenas a utilizadores verificados.",
+            "title": "Segurança e privacidade"
+        },
+        "title": "Configurações da sala -%(roomName)s",
+        "upload_avatar_label": "Enviar icone de perfil de usuário",
+        "visibility": {
+            "alias_section": "Endereço",
+            "error_failed_save": "Falha ao atualizar a visibilidade deste espaço",
+            "error_update_guest_access": "Falha ao atualizar o acesso de convidado deste espaço",
+            "error_update_history_visibility": "Falha ao atualizar a visibilidade do histórico deste espaço",
+            "guest_access_explainer": "Os convidados podem juntar-se a um espaço sem terem uma conta.",
+            "guest_access_label": "Ativar o acesso de convidados",
+            "history_visibility_anyone_space": "Espaço de pré-visualização",
+            "history_visibility_anyone_space_description": "Permite que as pessoas visualizem o teu espaço antes de aderirem.",
+            "history_visibility_anyone_space_recommendation": "Recomendado para espaços públicos.",
+            "title": "Visibilidade"
+        },
+        "voip": {
+            "call_type_section": "Tipo de chamada",
+            "enable_element_call_caption": "%(brand)s é encriptado de ponta a ponta, mas está atualmente limitado a um pequeno número de utilizadores.",
+            "enable_element_call_label": "Ativa %(brand)s como uma opção de chamada adicional nesta sala",
+            "enable_element_call_no_permissions_tooltip": "Não tens permissões suficientes para alterar isto."
+        }
+    },
+    "room_summary_card_back_action_label": "Informações da sala",
+    "scalar": {
+        "error_create": "Não foi possível criar o widget.",
+        "error_membership": "Não se encontra nesta sala.",
+        "error_missing_room_id": "Falta ID de Sala.",
+        "error_missing_room_id_request": "Faltou o id da sala na requisição",
+        "error_missing_user_id_request": "Faltou o id de usuário na requisição",
+        "error_permission": "Não tem permissão para fazer isso nesta sala.",
+        "error_power_level_invalid": "O nível de permissões tem que ser um número inteiro e positivo.",
+        "error_room_not_visible": "A sala %(roomId)s não está visível",
+        "error_room_unknown": "Esta sala não é reconhecida.",
+        "error_send_request": "Não foi possível mandar requisição.",
+        "failed_read_event": "Falha ao ler eventos",
+        "failed_send_event": "Falha no envio do evento"
+    },
+    "server_offline": {
+        "description": "O teu servidor não está a responder a alguns dos teus pedidos. Abaixo estão algumas das razões mais prováveis.",
+        "description_1": "O servidor (%(serverName)s) demorou muito tempo a responder.",
+        "description_2": "A tua firewall ou antivírus está a bloquear o pedido.",
+        "description_3": "Uma extensão do browser está a impedir o pedido.",
+        "description_4": "O servidor está offline.",
+        "description_5": "O servidor recusou o teu pedido.",
+        "description_6": "A tua área está a ter dificuldades em ligar-se à Internet.",
+        "description_7": "Ocorreu um erro de ligação ao tentar contactar o servidor.",
+        "description_8": "O servidor não está configurado para indicar qual é o problema (CORS).",
+        "empty_timeline": "Já estás a par de tudo.",
+        "recent_changes_heading": "Alterações recentes que ainda não foram recebidas",
+        "title": "O servidor não está a responder"
+    },
+    "seshat": {
+        "error_initialising": "A inicialização da pesquisa de mensagens falhou, consulta <a>as tuas definições</a> para mais informações",
+        "reset_button": "Reinicia o armazenamento de eventos",
+        "reset_description": "O mais provável é que não queiras repor o teu armazenamento de índices de eventos",
+        "reset_explainer": "Se o fizeres, tem em atenção que nenhuma das tuas mensagens será eliminada, mas a experiência de pesquisa poderá ser prejudicada durante alguns momentos enquanto o índice é recriado",
+        "reset_title": "Reiniciar o armazenamento de eventos?",
+        "warning_kind_files": "Esta versão de %(brand)s não suporta a visualização de alguns ficheiros encriptados",
+        "warning_kind_files_app": "Utiliza a aplicação <a>Desktop</a> para ver todos os ficheiros encriptados",
+        "warning_kind_search": "Esta versão de %(brand)s não suporta a pesquisa de mensagens encriptadas",
+        "warning_kind_search_app": "Utiliza a aplicação <a>Desktop</a> para pesquisar mensagens encriptadas"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "O teu token de acesso dá acesso total à tua conta. Não o partilhes com ninguém.",
+            "brand_version": "versão do %(brand)s:",
+            "clear_cache_reload": "Limpa a cache e volta a carregar",
+            "crypto_version": "Versão criptográfica:",
+            "dialog_title": "<strong>Definições:</strong> Ajuda e Acerca",
+            "help_link": "Para obter ajuda sobre como utilizar %(brand)s, clica em <a>aqui</a>.",
+            "homeserver": "O servidor doméstico é <code>%(homeserverUrl)s</code>",
+            "identity_server": "O servidor de identidade é <code>%(identityServerUrl)s</code>",
+            "title": "Ajuda e sobre",
+            "versions": "Versões"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Configurações:</strong> Conta",
+            "title": "Conta"
+        },
+        "all_rooms_home": "Mostrar todas as salas na Página Inicial",
+        "all_rooms_home_description": "Todas as salas em que te encontras aparecerão em Casa.",
+        "always_show_message_timestamps": "Sempre mostrar as datas das mensagens",
+        "appearance": {
+            "bundled_emoji_font": "Utiliza o tipo de letra de emoji incluído",
+            "compact_layout": "Mostrar texto e mensagens compactas",
+            "compact_layout_description": "O layout moderno deve ser selecionado para usar esse recurso.",
+            "custom_font": "Utiliza um tipo de letra do sistema",
+            "custom_font_description": "Define o nome de um tipo de letra instalado no teu sistema e o %(brand)s tentará utilizá-lo.",
+            "custom_font_name": "Nome do tipo de letra do sistema",
+            "custom_font_size": "Utiliza tamanho personalizado",
+            "custom_theme_add": "Adicionar tema personalizado",
+            "custom_theme_downloading": "A transferir tema personalizado...",
+            "custom_theme_error_downloading": "Erro ao descarregar informações do tema.",
+            "custom_theme_help": "Introduz o URL de um tema personalizado que pretendes aplicar.",
+            "custom_theme_invalid": "Esquema de tema inválido.",
+            "dialog_title": "<strong>Configurações:</strong> Aparência",
+            "font_size": "Tamanho de letra",
+            "font_size_default": "%(fontSize)s (padrão)",
+            "high_contrast": "Alto contraste",
+            "image_size_default": "Padrão",
+            "image_size_large": "Grande",
+            "layout_bubbles": "Bolhas de mensagem",
+            "layout_irc": "IRC (Experimental)",
+            "match_system_theme": "Corresponde ao tema do sistema",
+            "timeline_image_size": "Tamanho da imagem na cronologia"
+        },
+        "automatic_language_detection_syntax_highlight": "Ativar deteção automática da linguagem para realce da sintaxe",
+        "autoplay_gifs": "GIFs de reprodução automática",
+        "autoplay_videos": "Vídeos de reprodução automática",
+        "big_emoji": "Permitir o emoji grande no chat",
+        "code_block_expand_default": "Expandir blocos de código por defeito",
+        "code_block_line_numbers": "Mostrar números de linha em blocos de código",
+        "disable_historical_profile": "Mostrar a imagem e o nome atuais do perfil dos utilizadores no histórico de mensagens",
+        "discovery": {
+            "title": "Como te encontrar"
+        },
+        "emoji_autocomplete": "Permitir sugestões de Emoji durante a escrita",
+        "enable_markdown": "Ativar Markdown",
+        "enable_markdown_description": "Inicia as mensagens com <code>/plain</code> para enviar sem marcação.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Os detalhes da sua conta, contactos, preferências e lista de conversação serão mantidos",
+                "breadcrumb_page": "Repor a encriptação",
+                "breadcrumb_second_description": "Perderás qualquer histórico de mensagens que esteja armazenado apenas no servidor",
+                "breadcrumb_third_description": "Terá de verificar novamente todos os seus dispositivos e contactos existentes",
+                "breadcrumb_title": "Tens a certeza de que queres redefinir a tua identidade?",
+                "breadcrumb_title_forgot": "Esqueceu-se da sua chave de recuperação? Terá de repor a sua identidade.",
+                "breadcrumb_warning": "Faz isto apenas se acreditares que a tua conta foi comprometida.",
+                "details_title": "Detalhes da encriptação",
+                "do_not_close_warning": "Não feches esta janela até que a reposição esteja concluída",
+                "export_keys": "Exportar chaves",
+                "import_keys": "Importar chaves",
+                "other_people_device_description": "Por predefinição, nas salas encriptadas, não envies mensagens encriptadas a ninguém até as teres verificado",
+                "other_people_device_label": "Nunca enviar mensagens encriptadas para dispositivos não verificados",
+                "other_people_device_title": "Dispositivos de outras pessoas",
+                "reset_identity": "Redefinir identidade criptográfica",
+                "reset_in_progress": "Reposição em curso...",
+                "session_id": "ID da sessão:",
+                "session_key": "Chave da sessão:",
+                "title": "Avançadas"
+            },
+            "delete_key_storage": {
+                "breadcrumb_page": "Excluir armazenamento de chaves",
+                "confirm": "Excluir armazenamento de chaves",
+                "description": "A exclusão do armazenamento de chaves removerá sua identidade criptográfica e chaves de mensagem do servidor e desativará os seguintes recursos de segurança:",
+                "list_first": "Você não terá histórico de mensagens criptografadas em novos dispositivos",
+                "list_second": "Irá perder o acesso às suas mensagens encriptadas se se desconectar de %(brand)s em qualquer lugar",
+                "title": "Tem certeza de que deseja desativar o armazenamento de chaves e excluí-lo?"
+            },
+            "device_not_verified_button": "Verificar este dispositivo",
+            "device_not_verified_description": "Você precisa verificar este dispositivo para visualizar suas configurações de criptografia.",
+            "device_not_verified_title": "Dispositivo não verificado",
+            "dialog_title": "<strong>Configurações:</strong> Encriptação",
+            "key_storage": {
+                "allow_key_storage": "Permitir armazenamento de chaves",
+                "description": "Armazene sua identidade criptográfica e chaves de mensagem com segurança no servidor. Isso permitirá que você visualize seu histórico de mensagens em quaisquer novos dispositivos. <a>Saiba mais</a>",
+                "title": "Armazenamento de chaves"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Confirmar nova chave de recuperação",
+                "change_recovery_confirm_description": "Introduz a tua nova chave de recuperação abaixo para terminar. A tua chave antiga deixará de funcionar.",
+                "change_recovery_confirm_title": "Introduz a tua nova chave de recuperação",
+                "change_recovery_key": "Altera a chave de recuperação",
+                "change_recovery_key_description": "Anota esta nova chave de recuperação num local seguro. Em seguida, clica em Continuar para confirmar a alteração.",
+                "change_recovery_key_title": "Alterar a chave de recuperação?",
+                "description": "Recupera a tua identidade criptográfica e o histórico de mensagens com uma chave de recuperação, caso tenhas perdido todos os teus dispositivos existentes.",
+                "enter_key_error": "A chave de recuperação inserida não está correta.",
+                "enter_recovery_key": "Insira a chave de recuperação",
+                "forgot_recovery_key": "Esqueceu-se da chave de recuperação?",
+                "key_storage_warning": "O teu armazenamento de chaves não está sincronizado. Clica num dos botões abaixo para resolveres o problema.",
+                "save_key_description": "Não partilhes isto com ninguém!",
+                "save_key_title": "Chave de recuperação",
+                "set_up_recovery": "Configurar a recuperação",
+                "set_up_recovery_confirm_button": "Concluir configuração",
+                "set_up_recovery_confirm_description": "Digite a chave de recuperação mostrada na tela anterior para concluir a configuração da recuperação.",
+                "set_up_recovery_confirm_title": "Introduza a sua chave de recuperação para confirmar",
+                "set_up_recovery_description": "O armazenamento da sua chave está protegido por uma chave de recuperação. Se precisar de uma nova chave de recuperação após a configuração, pode recriá-la selecionando '%(changeRecoveryKeyButton)s'.",
+                "set_up_recovery_save_key_description": "Anote essa chave de recuperação em algum lugar seguro, como um gerenciador de senhas, uma nota criptografada ou um cofre físico.",
+                "set_up_recovery_save_key_title": "Guarda a tua chave de recuperação num local seguro",
+                "set_up_recovery_secondary_description": "Depois de clicares em continuar, iremos gerar uma chave de recuperação para ti.",
+                "title": "Recuperação"
+            },
+            "title": "Encriptação"
+        },
+        "general": {
+            "account_management_section": "Gestão de conta",
+            "account_section": "Conta",
+            "add_email_dialog_title": "Adicione adresso de e-mail",
+            "add_email_failed_verification": "Não foi possível verificar o endereço de email: verifique se você realmente clicou no link que está no seu email",
+            "add_email_instructions": "Enviámos-lhe um email para confirmar o seu endereço. Por favor siga as instruções no email e depois clique no botão abaixo.",
+            "add_msisdn_confirm_body": "Pressione o botão abaixo para confirmar a adição este número de telefone.",
+            "add_msisdn_confirm_button": "Confirme que quer adicionar o número de telefone",
+            "add_msisdn_confirm_sso_button": "Confirme que quer adicionar este número de telefone usando Single Sign On para provar a sua identidade.",
+            "add_msisdn_dialog_title": "Adicione número de telefone",
+            "add_msisdn_instructions": "Foi enviada uma mensagem de texto para +%(msisdn)s. Introduz o código de verificação que contém.",
+            "add_msisdn_misconfigured": "A junção / vinculo com o fluxo MSISDN está mal configurado",
+            "allow_spellcheck": "Permitir verificação ortográfica",
+            "application_language": "Língua de aplicação",
+            "application_language_reload_hint": "O aplicativo será recarregado depois de selecionar outro idioma",
+            "avatar_remove_progress": "Removendo a imagem...",
+            "avatar_save_progress": "A carregar imagem...",
+            "avatar_upload_error_text": "O formato de arquivo não é suportado ou a imagem é maior que %(size)s.",
+            "avatar_upload_error_text_generic": "O formato de ficheiro poderá não ser suportado.",
+            "avatar_upload_error_title": "Não foi possível carregar a imagem do avatar",
+            "confirm_adding_email_body": "Pressione o botão abaixo para confirmar se quer adicionar este endereço de email.",
+            "confirm_adding_email_title": "Confirmar adição de email",
+            "deactivate_confirm_body": "Tens a certeza de que queres desativar a tua conta? Isto é irreversível.",
+            "deactivate_confirm_body_sso": "Confirma a desativação da tua conta utilizando o início de sessão único para provar a tua identidade.",
+            "deactivate_confirm_content": "Confirma que pretendes desativar a tua conta. Se prosseguires:",
+            "deactivate_confirm_content_1": "Não poderás reativar a tua conta",
+            "deactivate_confirm_content_2": "Já não poderás iniciar sessão",
+            "deactivate_confirm_content_3": "Ninguém poderá reutilizar o seu nome de utilizador (MXID), incluindo o próprio: este nome de utilizador permanecerá indisponível",
+            "deactivate_confirm_content_4": "Abandonarás todas as salas e mensagens diretas em que te encontras",
+            "deactivate_confirm_content_5": "Serás removido do servidor de identidade: os teus amigos deixarão de poder encontrar-te com o teu e-mail ou número de telefone",
+            "deactivate_confirm_content_6": "As tuas mensagens antigas continuarão a ser visíveis para as pessoas que as receberam, tal como os e-mails que enviaste no passado. Queres ocultar as tuas mensagens enviadas das pessoas que se juntarem às salas no futuro?",
+            "deactivate_confirm_continue": "Confirma a desativação da conta",
+            "deactivate_confirm_erase_label": "Esconde as minhas mensagens dos novos aderentes",
+            "deactivate_section": "Desativar conta",
+            "deactivate_warning": "A desativação da tua conta é uma ação permanente - tem cuidado!",
+            "discovery_email_empty": "As opções de descoberta serão apresentadas quando adicionares um e-mail.",
+            "discovery_email_verification_instructions": "Verifica o link na tua caixa de entrada",
+            "discovery_msisdn_empty": "As opções de descoberta aparecerão quando tiveres adicionado um número de telefone acima.",
+            "discovery_needs_terms": "Concorda com os Termos de Serviço do servidor de identidade (%(serverName)s) para que possas ser descoberto através do teu endereço de e-mail ou número de telefone.",
+            "discovery_needs_terms_title": "Deixa que as pessoas te encontrem",
+            "display_name": "Nome de exibição",
+            "display_name_error": "Não é possível definir o nome para exibição",
+            "email_address_in_use": "Este endereço de email já está sendo usado",
+            "email_address_label": "Endereço de e-mail",
+            "email_not_verified": "O teu endereço de e-mail ainda não foi verificado",
+            "email_verification_instructions": "Clica no link do e-mail que recebeste para verificar e, de seguida, clica novamente em continuar.",
+            "emails_heading": "Endereços de e-mail",
+            "error_add_email": "Não foi possível adicionar endereço de email",
+            "error_deactivate_communication": "Houve um problema de comunicação com o servidor. Por favor, tenta novamente.",
+            "error_deactivate_invalid_auth": "O servidor não devolveu informações de autenticação válidas.",
+            "error_deactivate_no_auth": "O servidor não exigiu qualquer autenticação",
+            "error_email_verification": "Não foi possível verificar o endereço de email.",
+            "error_invalid_email": "Endereço de email inválido",
+            "error_invalid_email_detail": "Este não aparenta ser um endereço de email válido",
+            "error_msisdn_verification": "Não foi possível verificar o número de telefone.",
+            "error_password_change_403": "Falha ao alterar a palavra-passe. A sua palavra-passe está correta?",
+            "error_password_change_http": "%(errorMessage)s (Estado HTTP %(httpStatus)s)",
+            "error_password_change_title": "Erro ao alterar a palavra-passe",
+            "error_password_change_unknown": "Erro de alteração de senha desconhecido (%(stringifiedError)s)",
+            "error_remove_3pid": "Não foi possível remover informação de contato",
+            "error_revoke_email_discovery": "Não é possível revogar a partilha do endereço de e-mail",
+            "error_revoke_msisdn_discovery": "Não é possível revogar a partilha do número de telefone",
+            "error_share_email_discovery": "Não é possível partilhar o endereço de e-mail",
+            "error_share_msisdn_discovery": "Não é possível partilhar o número de telefone",
+            "identity_server_no_token": "Nenhum token de identidade de acesso encontrado",
+            "identity_server_not_set": "Servidor de identidade não definido",
+            "language_section": "Idioma e região",
+            "msisdn_in_use": "Este número de telefone já está sendo usado",
+            "msisdn_label": "Número de Telefone",
+            "msisdn_verification_field_label": "Código de verificação",
+            "msisdn_verification_instructions": "Introduz o código de verificação enviado por mensagem de texto.",
+            "msisdns_heading": "Números de telefone",
+            "oidc_manage_button": "Gerir conta",
+            "password_change_section": "Define uma nova palavra-passe para a conta...",
+            "password_change_success": "A tua palavra-passe foi alterada com sucesso.",
+            "personal_info": "Informação pessoal",
+            "profile_subtitle": "É assim que você aparece para outras pessoas no aplicativo.",
+            "profile_subtitle_oidc": "A tua conta é gerida separadamente por um fornecedor de identidade, pelo que algumas das tuas informações pessoais não podem ser alteradas aqui.",
+            "remove_email_prompt": "Remove %(email)s?",
+            "remove_msisdn_prompt": "Remove %(phone)s?",
+            "spell_check_locale_placeholder": "Escolhe um local",
+            "unable_to_load_emails": "Não é possível carregar endereços de e-mail",
+            "unable_to_load_msisdns": "Não é possível carregar números de telefone",
+            "username": "Nome de utilizador"
+        },
+        "inline_url_previews_default": "Ativar pré-visualizações de URL embutidas por predefinição",
+        "insert_trailing_colon_mentions": "Insere dois pontos após as menções do utilizador no início de uma mensagem",
+        "jump_to_bottom_on_send": "Salta para o fundo da linha de tempo quando enviar uma mensagem",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "As tuas chaves estão agora a ser copiadas a partir deste dispositivo.",
+                "backup_setup_success_title": "Backup seguro bem-sucedido",
+                "cancel_warning": "Se cancelares agora, podes perder mensagens e dados encriptados se perderes o acesso aos teus logins.",
+                "confirm_security_phrase": "Confirma a tua frase de segurança",
+                "description": "Protege-te contra a perda de acesso a mensagens e dados encriptados fazendo uma cópia de segurança das chaves de encriptação no teu servidor.",
+                "download_or_copy": "%(downloadButton)s ou %(copyButton)s",
+                "enter_phrase_description": "Introduz uma frase de segurança que só tu conheças, pois é utilizada para proteger os teus dados. Para estares seguro, não deves reutilizar a palavra-passe da tua conta.",
+                "enter_phrase_title": "Introduzir uma frase de segurança",
+                "enter_phrase_to_confirm": "Introduz a tua frase de segurança uma segunda vez para a confirmar.",
+                "generate_security_key_description": "Iremos gerar uma chave de recuperação para guardares num local seguro, como um gestor de palavras-passe ou um cofre.",
+                "generate_security_key_title": "Gerar uma chave de recuperação",
+                "pass_phrase_match_failed": "Isso não combina.",
+                "pass_phrase_match_success": "Isso combina!",
+                "phrase_strong_enough": "Ótimo! Esta frase de segurança parece suficientemente forte.",
+                "secret_storage_query_failure": "Não é possível consultar o estado do armazenamento secreto",
+                "security_key_safety_reminder": "Guarda a tua chave de recuperação num local seguro, como um gestor de palavras-passe ou um cofre, uma vez que é utilizada para proteger os teus dados encriptados.",
+                "set_phrase_again": "Volta atrás para o definir novamente.",
+                "settings_reminder": "Também podes configurar a Cópia de segurança segura e gerir as tuas chaves nas Definições.",
+                "title_confirm_phrase": "Confirma a frase de segurança",
+                "title_save_key": "Guarda a tua chave de recuperação",
+                "title_set_phrase": "Define uma frase de segurança",
+                "unable_to_setup": "Não é possível configurar o armazenamento secreto",
+                "use_different_passphrase": "Utiliza uma frase-chave diferente?",
+                "use_phrase_only_you_know": "Utiliza uma frase secreta que só tu sabes e, opcionalmente, guarda uma chave de recuperação para utilizar como cópia de segurança."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Confirmar frase-passe",
+            "enter_passphrase": "Introduza a frase-passe",
+            "export_description_1": "Este processo permite que você exporte as chaves para mensagens que você recebeu em salas criptografadas para um arquivo local. Você poderá então importar o arquivo para outro cliente Matrix no futuro, de modo que este cliente também poderá descriptografar suas mensagens.",
+            "export_description_2": "O ficheiro exportado permitirá a qualquer pessoa que o possa ler desencriptar quaisquer mensagens encriptadas que possas ver, por isso deves ter o cuidado de o manter seguro. Para isso, deves introduzir uma frase-chave única abaixo, que só será utilizada para encriptar os dados exportados. Só poderás importar os dados se utilizares a mesma frase-chave.",
+            "export_title": "Exportar chaves de sala",
+            "file_to_import": "Arquivo para importar",
+            "import_description_1": "Este processo faz com que você possa importar as chaves de criptografia que tinha previamente exportado de outro cliente Matrix. Você poderá então descriptografar todas as mensagens que o outro cliente pôde criptografar.",
+            "import_description_2": "O ficheiro de exportação será protegido com uma frase-passe. Deve introduzir a frase-passe aqui, para desencriptar o ficheiro.",
+            "import_title": "Importar chaves de sala",
+            "phrase_cannot_be_empty": "A frase-passe não pode estar vazia",
+            "phrase_must_match": "As frases-passe devem coincidir",
+            "phrase_strong_enough": "Ótimo! Esta frase-passe parece suficientemente forte"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Configurações:</strong> Teclado",
+            "title": "Teclado"
+        },
+        "labs": {
+            "dialog_title": "<strong>Configurações:</strong> Laboratórios"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Configurações:</strong> Utilizadores ignorados"
+        },
+        "notifications": {
+            "default_setting_description": "Esta definição será aplicada por defeito a todas as tuas salas.",
+            "default_setting_section": "Quero ser notificado de (Predefinição)",
+            "desktop_notification_message_preview": "Mostra a pré-visualização da mensagem na notificação do ambiente de trabalho",
+            "dialog_title": "<strong>Definições:</strong> Notificações",
+            "email_description": "Recebe um resumo por e-mail das notificações perdidas",
+            "email_section": "Resumo do e-mail",
+            "email_select": "Selecciona os e-mails para os quais pretendes enviar resumos. Gere os teus e-mails em <button>Geral</button>.",
+            "enable_audible_notifications_session": "Ativar as notificações sonoras para esta sessão",
+            "enable_desktop_notifications_session": "Ativar as notificações de ambiente de trabalho para esta sessão",
+            "enable_email_notifications": "Ativar notificações de e-mail para %(email)s",
+            "enable_notifications_account": "Ativar as notificações para esta conta",
+            "enable_notifications_account_detail": "Desliga para desativar as notificações em todos os teus dispositivos e sessões",
+            "enable_notifications_device": "Ativa as notificações para este dispositivo",
+            "error_loading": "Ocorreu um erro ao carregar as tuas definições de notificação.",
+            "error_permissions_denied": "%(brand)s não tem permissões para enviar notificações a você - por favor, verifique as configurações do seu navegador",
+            "error_permissions_missing": "%(brand)s não tem permissões para enviar notificações a você - por favor, tente novamente",
+            "error_saving": "Erro ao guardar as preferências de notificação",
+            "error_saving_detail": "Ocorreu um erro ao guardar as tuas preferências de notificação.",
+            "error_title": "Não foi possível ativar as notificações",
+            "error_updating": "Ocorreu um erro ao atualizar as tuas preferências de notificação. Tenta alternar a tua opção novamente.",
+            "invites": "Convidado para uma sala",
+            "keywords": "Mostra um crachá <badge/> quando são utilizadas palavras-chave numa sala.",
+            "keywords_prompt": "Introduz aqui palavras-chave ou utiliza variações ortográficas ou alcunhas",
+            "labs_notice_prompt": "<strong>Atualização:</strong>Simplificámos as Definições de Notificações para tornar as opções mais fáceis de encontrar. Algumas definições personalizadas que escolheste no passado não são mostradas aqui, mas continuam ativas. Se prosseguires, algumas das tuas definições poderão ser alteradas. <a>Saber mais</a>",
+            "mentions_keywords": "Menções e Palavras-chave",
+            "mentions_keywords_only": "Apenas menções e palavras-chave",
+            "messages_containing_keywords": "Mensagens que contêm palavras-chave",
+            "noisy": "Barulhento",
+            "notices": "Mensagens enviadas por bots",
+            "notify_at_room": "Notifica quando alguém menciona a utilização de @sala",
+            "notify_keyword": "Notifica quando alguém utiliza uma palavra-chave",
+            "notify_mention": "Notifica quando alguém faz uma menção utilizando @nome_de_apresentação ou %(mxid)s",
+            "other_section": "Outras coisas que pensamos que te podem interessar:",
+            "people_mentions_keywords": "Pessoas, menções e palavras-chave",
+            "play_sound_for_description": "Aplicado por defeito a todas as salas em todos os dispositivos.",
+            "play_sound_for_section": "Toca um som para",
+            "push_targets": "Alvos de notificação",
+            "quick_actions_mark_all_read": "Marca todas as mensagens como lidas",
+            "quick_actions_reset": "Repor as predefinições",
+            "quick_actions_section": "Ações Rápidas",
+            "room_activity": "Ocorrem mensagens de nova atividade na sala, actualizações e estado",
+            "rule_call": "Convite para chamada",
+            "rule_contains_display_name": "Mensagens contendo o meu nome público",
+            "rule_contains_user_name": "Mensagens contendo o meu nome de utilizador",
+            "rule_encrypted": "Mensagens encriptadas em conversas de grupo",
+            "rule_encrypted_room_one_to_one": "Mensagens encriptadas em conversas de um para um",
+            "rule_invite_for_me": "Quando sou convidado para uma sala",
+            "rule_message": "Mensagens em salas",
+            "rule_room_one_to_one": "Mensagens em conversas pessoais",
+            "rule_roomnotif": "Mensagens contendo @sala",
+            "rule_suppress_notices": "Mensagens enviadas por bots",
+            "rule_tombstone": "Quando as salas são atualizadas",
+            "show_message_desktop_notification": "Mostra a mensagem na notificação do ambiente de trabalho",
+            "voip": "Chamadas de áudio e vídeo"
+        },
+        "preferences": {
+            "Electron.enableHardwareAcceleration": "Ativa a aceleração por hardware (reinicia %(appName)s para surtir efeito)",
+            "always_show_menu_bar": "Mostra sempre a barra de menu da janela",
+            "autocomplete_delay": "Atraso do preenchimento automático (ms)",
+            "code_blocks_heading": "Blocos de código",
+            "compact_modern": "Utiliza um layout \"moderno\" mais compacto",
+            "composer_heading": "Compositor",
+            "default_timezone": "Predefinição do browser (%(timezone)s)",
+            "dialog_title": "<strong>Definições:</strong> Preferências",
+            "enable_hardware_acceleration": "Ativar a aceleração de hardware",
+            "enable_tray_icon": "Mostra o ícone do tabuleiro e minimiza a janela ao fechar",
+            "keyboard_heading": "Atalhos do teclado",
+            "keyboard_view_shortcuts_button": "Para ver todos os atalhos de teclado, <a>clica aqui</a>.",
+            "media_heading": "Imagens, GIFs e vídeos",
+            "presence_description": "Partilha a tua atividade e o teu estado com outros.",
+            "publish_timezone": "Publica o fuso horário no perfil público",
+            "rm_lifetime": "Vida útil do marcador de leitura (ms)",
+            "rm_lifetime_offscreen": "Vida útil do marcador de leitura fora do ecrã (ms)",
+            "room_directory_heading": "Diretório de salas",
+            "room_list_heading": "Lista de salas",
+            "show_avatars_pills": "Mostra os avatares nas menções de utilizadores, salas e eventos",
+            "show_polls_button": "Mostrar botão de sondagens",
+            "surround_text": "Rodeia o texto selecionado ao escrever caracteres especiais",
+            "time_heading": "Mostra a hora",
+            "user_timezone": "Define o fuso horário"
+        },
+        "prompt_invite": "Avisa antes de enviar convites para IDs de matrix potencialmente inválidos",
+        "replace_plain_emoji": "Substituir Emoji de texto automaticamente",
+        "security": {
+            "analytics_description": "Partilha dados anónimos para nos ajudar a identificar problemas. Nada de pessoal. Sem terceiros.",
+            "bulk_options_accept_all_invites": "Aceita todos os convites de %(invitedRooms)s ",
+            "bulk_options_reject_all_invites": "Rejeitar todos os %(invitedRooms)s convites",
+            "bulk_options_section": "Opções em massa",
+            "dehydrated_device_description": "A funcionalidade de dispositivo offline permite-te receber mensagens encriptadas mesmo quando não tens sessão iniciada em nenhum dispositivo",
+            "dehydrated_device_enabled": "Dispositivo offline ativado",
+            "dialog_title": "<strong>Definições:</strong> Segurança e privacidade",
+            "e2ee_default_disabled_warning": "O administrador do teu servidor desactivou a encriptação de ponta a ponta por defeito nas salas privadas e nas Mensagens directas.",
+            "enable_message_search": "Ativar a pesquisa de mensagens em salas encriptadas",
+            "encryption_section": "Encriptação",
+            "ignore_users_empty": "Não tens utilizadores ignorados.",
+            "ignore_users_section": "Utilizadores ignorados",
+            "key_backup_algorithm": "Algoritmo:",
+            "message_search_disable_warning": "Se estiver desactivada, as mensagens de salas encriptadas não aparecerão nos resultados da pesquisa.",
+            "message_search_disabled": "Armazena em cache de forma segura as mensagens encriptadas localmente para que apareçam nos resultados de pesquisa.",
+            "message_search_enabled": {
+                "one": "Coloca em cache de forma segura mensagens encriptadas localmente para que apareçam nos resultados de pesquisa, utilizando %(size)s para armazenar mensagens da sala %(rooms)s.",
+                "other": "Coloca em cache de forma segura mensagens encriptadas localmente para que apareçam nos resultados de pesquisa, utilizando %(size)s para armazenar mensagens de salas %(rooms)s."
+            },
+            "message_search_failed": "Falha na inicialização da pesquisa de mensagens",
+            "message_search_indexed_messages": "Mensagens indexadas:",
+            "message_search_indexed_rooms": "Salas indexadas:",
+            "message_search_indexing": "Atualmente a indexar: %(currentRoom)s",
+            "message_search_indexing_idle": "No momento, não estamos indexando mensagens de nenhuma sala.",
+            "message_search_intro": "%(brand)s está a armazenar em segurança mensagens encriptadas localmente para que apareçam nos resultados da pesquisa:",
+            "message_search_room_progress": "%(doneRooms)s fora de %(totalRooms)s",
+            "message_search_section": "Pesquisa de mensagens",
+            "message_search_sleep_time": "A que velocidade as mensagens devem ser descarregadas.",
+            "message_search_space_used": "Espaço utilizado:",
+            "message_search_unsupported": "%(brand)s não tem alguns componentes necessários para guardar mensagens encriptadas localmente de forma segura. Se quiseres experimentar esta funcionalidade, constrói um ambiente de trabalho %(brand)s personalizado com <nativeLink>componentes de pesquisa adicionados</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s não é possível armazenar mensagens encriptadas em cache com segurança localmente durante a execução num navegador da Web. Usa <desktopLink>%(brand)s Desktop</desktopLink> para que as mensagens encriptadas apareçam nos resultados da pesquisa.",
+            "record_session_details": "Grava o nome do cliente, a versão e o URL para reconhecer mais facilmente as sessões no gestor de sessões",
+            "send_analytics": "Envia dados analíticos",
+            "strict_encryption": "Enviar mensagens apenas a utilizadores verificados"
+        },
+        "send_read_receipts": "Enviar recibos lidos",
+        "send_read_receipts_unsupported": "O teu servidor não suporta a desativação do envio de recibos de leitura.",
+        "send_typing_notifications": "Enviar notificações de digitação",
+        "sessions": {
+            "best_security_note": "Para maior segurança, verifica as tuas sessões e termina a sessão de qualquer sessão que já não reconheças ou utilizes.",
+            "confirm_sign_out": {
+                "one": "Confirma a saída deste dispositivo",
+                "other": "Confirma a saída destes dispositivos"
+            },
+            "confirm_sign_out_body": {
+                "one": "Clica no botão abaixo para confirmar a saída deste dispositivo.",
+                "other": "Clica no botão abaixo para confirmar a saída destes dispositivos."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Dispositivo de desconexão",
+                "other": "Dispositivos de desconexão"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Confirma a saída deste dispositivo utilizando o o início de sessão único para provar a tua identidade.",
+                "other": "Confirma a saída destes dispositivos utilizando o início de sessão único para provar a tua identidade."
+            },
+            "current_session": "Sessão atual",
+            "desktop_session": "Sessão de ambiente de trabalho",
+            "details_heading": "Detalhes da sessão",
+            "device_unverified_description": "Verifica ou termina a sessão para maior segurança e fiabilidade.",
+            "device_unverified_description_current": "Verifica a tua sessão atual para mensagens seguras melhoradas.",
+            "device_verified_description": "Esta sessão está pronta para o envio de mensagens seguras.",
+            "device_verified_description_current": "A tua sessão atual está pronta para o envio seguro de mensagens.",
+            "dialog_title": "<strong>Configurações:</strong> Sessões",
+            "error_pusher_state": "Falha ao definir o estado do empurrador",
+            "error_set_name": "Falha ao definir o nome da sessão",
+            "filter_all": "Tudo",
+            "filter_inactive": "Inativo",
+            "filter_inactive_description": "Inativo por %(inactiveAgeDays)s dias ou mais",
+            "filter_label": "Dispositivos de filtragem",
+            "filter_unverified_description": "Não está pronto para mensagens seguras",
+            "filter_verified_description": "Pronto para mensagens seguras",
+            "hide_details": "Ocultar detalhes",
+            "inactive_days": "Inativo por mais de %(inactiveAgeDays)s dias",
+            "inactive_sessions": "Sessões inativas",
+            "inactive_sessions_explainer_1": "As sessões inativas são sessões que não utilizas há algum tempo, mas que continuam a receber chaves de encriptação.",
+            "inactive_sessions_explainer_2": "A remoção de sessões inativas melhora a segurança e o desempenho e facilita a identificação de uma nova sessão suspeita.",
+            "inactive_sessions_list_description": "Considera a possibilidade de sair de sessões antigas (%(inactiveAgeDays)s dias ou mais) que já não utilizas.",
+            "ip": "Endereço IP",
+            "last_activity": "Última atividade",
+            "manage": "Gerir esta sessão",
+            "mobile_session": "Sessão móvel",
+            "n_sessions_selected": {
+                "one": "%(count)s sessão selecionada",
+                "other": "%(count)s sessões seleccionadas"
+            },
+            "no_inactive_sessions": "Nenhuma sessão inativa foi encontrada.",
+            "no_sessions": "Nenhuma sessão encontrada",
+            "no_unverified_sessions": "Nenhuma sessão não verificada foi encontrada.",
+            "no_verified_sessions": "Nenhuma sessão verificada foi encontrada.",
+            "other_sessions_heading": "Outras sessões",
+            "push_heading": "Notificações push",
+            "push_subheading": "Recebe notificações push sobre esta sessão.",
+            "push_toggle": "Alterna as notificações push nesta sessão.",
+            "rename_form_caption": "Tem em atenção que os nomes das sessões também são visíveis para as pessoas com quem comunicas.",
+            "rename_form_heading": "Mudar o nome da sessão",
+            "rename_form_learn_more": "Renomear sessões",
+            "rename_form_learn_more_description_1": "Outros utilizadores nas mensagens diretas e nas salas em que participas podem ver uma lista completa das tuas sessões.",
+            "rename_form_learn_more_description_2": "Isto dá-lhes a certeza de que estão realmente a falar contigo, mas também significa que podem ver o nome da sessão que introduzires aqui.",
+            "security_recommendations": "Recomendações de segurança",
+            "security_recommendations_description": "Melhora a segurança da tua conta seguindo estas recomendações.",
+            "session_id": "Identificador de sessão",
+            "show_details": "Mostrar detalhes",
+            "sign_in_with_qr": "Ligar novo dispositivo",
+            "sign_in_with_qr_button": "Mostrar código QR",
+            "sign_in_with_qr_description": "Utiliza um código QR para iniciar sessão noutro dispositivo e configurar as mensagens seguras.",
+            "sign_in_with_qr_unsupported": "Não suportado pelo teu fornecedor de conta",
+            "sign_out": "Sair desta sessão",
+            "sign_out_all_other_sessions": "Sair de todas as outras sessões (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Tens a certeza de que queres sair da sessão %(count)s?",
+                "other": "Tens a certeza de que queres sair das sessões de %(count)s?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Sai da sessão %(count)s ",
+                "other": "Sai das sessões %(count)s "
+            },
+            "title": "Sessões",
+            "unknown_session": "Tipo de sessão desconhecido",
+            "unverified_session": "Sessão não verificada",
+            "unverified_session_explainer_1": "Esta sessão não suporta encriptação e, por isso, não pode ser verificada.",
+            "unverified_session_explainer_2": "Não poderás participar em salas onde a encriptação está activada quando utilizares esta sessão.",
+            "unverified_session_explainer_3": "Para maior segurança e privacidade, recomenda-se a utilização de clientes Matrix que suportem encriptação.",
+            "unverified_sessions": "Sessões não verificadas",
+            "unverified_sessions_explainer_1": "As sessões não verificadas são aquelas em que iniciaram sessão com as tuas credenciais, mas que não foram objeto de verificação cruzada.",
+            "unverified_sessions_explainer_2": "Deves certificar-te de que reconheces estas sessões, pois podem representar uma utilização não autorizada da tua conta.",
+            "unverified_sessions_list_description": "Verifica as tuas sessões para obteres mensagens seguras melhoradas ou termina a sessão das que já não reconheces ou utilizas.",
+            "url": "URL",
+            "verified_session": "Sessão verificada",
+            "verified_sessions": "Sessões verificadas",
+            "verified_sessions_explainer_1": "As sessões verificadas são qualquer lugar onde estejas a utilizar esta conta depois de introduzires a tua frase-chave ou confirmares a tua identidade com outra sessão verificada.",
+            "verified_sessions_explainer_2": "Isto significa que tens todas as chaves necessárias para desbloquear as tuas mensagens encriptadas e confirmar aos outros utilizadores que confias nesta sessão.",
+            "verified_sessions_list_description": "Para maior segurança, termina a sessão de qualquer sessão que já não reconheças ou utilizes.",
+            "verify_session": "Verificar sessão",
+            "web_session": "Sessão Web"
+        },
+        "show_avatar_changes": "Mostrar alterações de imagem de perfil",
+        "show_breadcrumbs": "Mostrar atalhos para salas recentemente visualizadas acima da lista de salas",
+        "show_chat_effects": "Mostrar efeitos de conversação (animações ao receber, por exemplo, confetes)",
+        "show_displayname_changes": "Mostrar alterações no nome de exibição",
+        "show_join_leave": "Mostra as mensagens de entrada/saída (convites/remoções/proibições não afetados)",
+        "show_nsfw_content": "Mostrar conteúdo NSFW",
+        "show_read_receipts": "Mostrar recibos de leitura enviados por outros usuários",
+        "show_redaction_placeholder": "Mostrar um marcador de posição para mensagens removidas",
+        "show_stickers_button": "Mostrar botão de stickers",
+        "show_typing_notifications": "Mostrar notificações de digitação",
+        "showbold": "Mostra toda a atividade na lista de salas (pontos ou número de mensagens não lidas)",
+        "sidebar": {
+            "dialog_title": "<strong>Configurações:</strong> Barra lateral",
+            "metaspaces_home_all_rooms": "Mostra todas as salas",
+            "metaspaces_home_all_rooms_description": "Mostra todos as tuas salas na Página Inicial, mesmo que estejam num espaço.",
+            "metaspaces_home_description": "A página inicial é útil para obter uma visão geral de tudo.",
+            "metaspaces_orphans": "Salas fora de um espaço",
+            "metaspaces_orphans_description": "Agrupa todas as tuas salas que não fazem parte de um espaço num único local.",
+            "metaspaces_subsection": "Espaços para mostrar",
+            "metaspaces_video_rooms": "Salas de vídeo e conferências",
+            "metaspaces_video_rooms_description": "Agrupa todas as salas de vídeo privadas e conferências.",
+            "metaspaces_video_rooms_description_invite_extension": "Nas conferências, podes convidar pessoas fora do Matrix",
+            "spaces_explainer": "Os espaços são formas de agrupar divisões e pessoas. Para além dos espaços em que te encontras, também podes utilizar alguns espaços pré-construídos.",
+            "title": "Barra lateral"
+        },
+        "tac_only_notifications": "Mostra apenas as notificações no centro de actividades do tópico",
+        "use_12_hour_format": "Mostrar os horários em formato de 12h (p.ex: 2:30pm)",
+        "use_command_enter_send_message": "Utiliza Command + Enter para enviar uma mensagem",
+        "use_command_f_search": "Utiliza Command + F para pesquisar a cronologia",
+        "use_control_enter_send_message": "Utiliza Ctrl + Enter para enviar uma mensagem",
+        "use_control_f_search": "Usa Ctrl + F para pesquisar a cronologia",
+        "voip": {
+            "allow_p2p": "Permitir chamadas ponto a ponto para chamadas individuais",
+            "allow_p2p_description": "Quando ativado, a outra parte poderá ver o teu endereço IP",
+            "audio_input_empty": "Não foi detetado nenhum microfone",
+            "audio_output": "Saída de áudio",
+            "audio_output_empty": "Não foram detectadas saídas de áudio",
+            "auto_gain_control": "Controlo automático de ganho",
+            "dialog_title": "<strong>Definições:</strong> Voz e vídeo",
+            "echo_cancellation": "Cancelamento de eco",
+            "enable_fallback_ice_server": "Permite o servidor de assistência a chamadas de recurso (%(server)s)",
+            "enable_fallback_ice_server_description": "Só se aplica se o teu servidor doméstico não oferecer um. O teu endereço IP será partilhado durante uma chamada.",
+            "mirror_local_feed": "Espelha o feed de vídeo local",
+            "missing_permissions_prompt": "Se faltarem permissões para os meios de comunicação, clica no botão abaixo para as solicitar.",
+            "noise_suppression": "Supressão de ruído",
+            "request_permissions": "Pedir permissões para os meios de comunicação social",
+            "title": "Voz e vídeo",
+            "video_input_empty": "Não foi detetada nenhuma Webcam",
+            "video_section": "Definições de vídeo",
+            "voice_agc": "Ajusta automaticamente o volume do microfone",
+            "voice_processing": "Processamento de voz",
+            "voice_section": "Definições de voz"
+        },
+        "warn_quit": "Avisa antes de desistir",
+        "warning": "<w>AVISO:</w><description/>"
+    },
+    "share": {
+        "link_copied": "Link copiado",
+        "permalink_message": "Link para a mensagem selecionada",
+        "permalink_most_recent": "Link para a mensagem mais recente",
+        "share_call": "Link de convite para conferência",
+        "share_call_subtitle": "Link para usuários externos ingressarem na chamada sem uma conta matrix:",
+        "title_link": "Partilhar ligação",
+        "title_message": "Partilhar mensagem da sala",
+        "title_room": "Partilhar sala",
+        "title_user": "Partilhar utilizador"
+    },
+    "slash_command": {
+        "addwidget": "Adiciona um widget personalizado por URL à sala",
+        "addwidget_iframe_missing_src": "o iframe não tem atributo src",
+        "addwidget_invalid_protocol": "Fornece um URL do widget https:// ou http://",
+        "addwidget_missing_url": "Fornece um URL de widget ou código de incorporação",
+        "addwidget_no_permissions": "Não podes modificar widgets nesta sala.",
+        "ban": "Banir usuários com o identificador informado",
+        "category_actions": "Ações",
+        "category_admin": "Administrador",
+        "category_advanced": "Avançado",
+        "category_effects": "Ações",
+        "category_messages": "Mensagens",
+        "category_other": "Outros",
+        "command_error": "Erro de comando",
+        "converttodm": "Converte a sala numa DM",
+        "converttoroom": "Converte a DM numa sala",
+        "could_not_find_room": "Não foi possível encontrar a sala",
+        "deop": "Retirar função de moderador do usuário com o identificador informado",
+        "devtools": "Abre o diálogo das Ferramentas do desenvolvedor",
+        "discardsession": "Força a rejeição da atual sessão de grupo de saída numa sala encriptada",
+        "error_invalid_rendering_type": "Erro de comando: Não foi possível encontrar o tipo de renderização(%(renderingType)s)",
+        "error_invalid_room": "Falha no comando: Não foi possível encontrar a sala (%(roomId)s)",
+        "error_invalid_runfn": "Erro de comando: Não foi possível lidar com o comando de barra.",
+        "error_invalid_user_in_room": "Não foi possível encontrar o utilizador na sala",
+        "help": "Apresenta uma lista de comandos com utilizações e descrições",
+        "help_dialog_title": "Ajuda do comando",
+        "holdcall": "Coloca a chamada na sala atual em espera",
+        "html": "Envia uma mensagem como html, sem a interpretar como markdown",
+        "ignore": "Ignora um utilizador, deixando de mostrar as mensagens dele",
+        "ignore_dialog_description": "Está agora a ignorar %(userId)s",
+        "ignore_dialog_title": "Utilizador ignorado",
+        "invite": "Convidar usuários com um dado identificador para esta sala",
+        "invite_3pid_needs_is_error": "Utiliza um servidor de identidade para convidar por e-mail. Faz a gestão nas Definições.",
+        "invite_3pid_use_default_is_title": "Utiliza um servidor de identidade",
+        "invite_3pid_use_default_is_title_description": "Utiliza um servidor de identidade para convidar por e-mail. Clica em continuar para utilizar o servidor de identidades predefinido (%(defaultIdentityServerName)s) ou em gerir nas Definições.",
+        "invite_failed": "O utilizador (%(user)s) não acabou por ser convidado para %(roomId)s mas o utilitário de convite não deu qualquer erro",
+        "join": "Entra na sala com o endereço indicado",
+        "jumptodate": "Salta para a data indicada na linha de tempo",
+        "jumptodate_invalid_input": "Não foi possível compreender a data indicada (%(inputDate)s). Tenta utilizar o formato AAAA-MM-DD.",
+        "lenny": "Pré-anexa ( ͡° ͜ʖ ͡°) a uma mensagem de texto simples",
+        "me": "Visualizar atividades",
+        "msg": "Envia uma mensagem para o utilizador indicado",
+        "myavatar": "Muda a sua foto de perfil em todas as salas",
+        "myroomavatar": "Altera a tua imagem de perfil apenas nesta sala atual",
+        "myroomnick": "Altera a tua alcunha de apresentação apenas na sala atual",
+        "nick": "Troca o seu apelido",
+        "no_active_call": "Não há nenhuma chamada ativa nesta sala",
+        "op": "Definir o nível de privilégios de um utilizador",
+        "part_unknown_alias": "Endereço de sala não reconhecido: %(roomAlias)s",
+        "plain": "Envia uma mensagem como texto simples, sem a interpretar como markdown",
+        "query": "Abre o chat com o utilizador indicado",
+        "query_not_found_phone_number": "Não é possível encontrar o ID de Matrix para o número de telefone",
+        "rageshake": "Envia um relatório de erro com registos",
+        "rainbow": "Envia a mensagem colorida como o arco-íris",
+        "rainbowme": "Envia a emote colorida como o arco-íris",
+        "remove": "Remove o utilizador com o id indicado desta sala",
+        "roomavatar": "Altera o avatar da sala atual",
+        "roomname": "Define o nome da sala",
+        "server_error": "Erro no servidor",
+        "server_error_detail": "O servidor pode estar indisponível, sobrecarregado, ou alguma outra coisa não funcionou.",
+        "shrug": "Pré-anexa ¯ \\ _ (ツ) _ / ¯ a uma mensagem de texto simples",
+        "spoiler": "Envia a mensagem como um spoiler",
+        "tableflip": "Pré-anexa (╯°□°）╯︵ ┻━┻ a uma mensagem de texto simples",
+        "topic": "Obtém ou define o tópico da sala",
+        "topic_none": "Esta sala não tem tópico.",
+        "topic_room_error": "Falha ao obter o tópico da sala: Não foi possível encontrar a sala (%(roomId)s",
+        "unban": "Cancela o utilizador com um determinado ID",
+        "unflip": "Pré-anexa ┬──┬ ノ( ゜-゜ノ) a uma mensagem de texto simples",
+        "unholdcall": "Tira a chamada da sala atual da espera",
+        "unignore": "Deixa de ignorar um utilizador, mostrando as suas mensagens daqui para a frente",
+        "unignore_dialog_description": "%(userId)s já não é ignorado",
+        "unignore_dialog_title": "Utilizador não ignorado",
+        "unknown_command": "Comando desconhecido",
+        "unknown_command_button": "Enviar como mensagem",
+        "unknown_command_detail": "Comando não reconhecido: %(commandText)s",
+        "unknown_command_help": "Podes utilizar <code>/help</code> para listar os comandos disponíveis. Querias enviar isto como uma mensagem?",
+        "unknown_command_hint": "Dica: Começa a tua mensagem com <code>//</code> para a iniciares com uma barra.",
+        "upgraderoom": "Atualiza uma sala para uma nova versão",
+        "upgraderoom_permission_error": "Não tens as permissões necessárias para utilizar este comando.",
+        "usage": "Uso",
+        "view": "Visualiza a sala com o endereço indicado",
+        "whois": "Apresenta informações sobre um utilizador"
+    },
+    "sliding_sync_legacy_no_longer_supported": "A Sliding Sync Legacy não é mais suportada: faça logout e login novamente para ativar a nova opção de Sliding Sync",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Queres acrescentar uma nova sala em vez disso?",
+            "create_prompt": "Crie uma nova sala",
+            "dm_heading": "Mensagens diretas",
+            "error_heading": "Nem todos os seleccionados foram adicionados",
+            "progress_text": {
+                "one": "Adicionando sala...",
+                "other": "Adicionando salas... (%(progress)s fora de%(count)s )"
+            },
+            "space_dropdown_label": "Seleção de espaço",
+            "space_dropdown_title": "Adicionar salas existentes",
+            "subspace_moved_note": "A adição de espaços foi movida."
+        },
+        "add_existing_subspace": {
+            "create_button": "Cria um novo espaço",
+            "create_prompt": "Queres acrescentar um novo espaço em vez disso?",
+            "filter_placeholder": "Procura espaços",
+            "space_dropdown_title": "Acrescenta um espaço existente"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Vê a cronologia da sala (devtools)",
+            "explore": "Explorar rooms",
+            "home": "Espaço em casa",
+            "manage_and_explore": "Gere e explora as salas",
+            "options": "Opções de espaço"
+        },
+        "failed_load_rooms": "Falha ao carregar a lista de salas.",
+        "failed_remove_rooms": "Falha ao remover algumas salas. Tenta novamente mais tarde",
+        "incompatible_server_hierarchy": "O teu servidor não suporta a apresentação de hierarquias espaciais.",
+        "invite": "Convida pessoas",
+        "invite_description": "Convidar com email ou nome de utilizador",
+        "invite_link": "Partilhar a ligação de convite",
+        "joining_space": "Entrando...",
+        "landing_welcome": "Bem-vindo(a) a(ao) <name/>",
+        "leave_dialog_action": "Deixa espaço",
+        "leave_dialog_description": "Estás prestes a sair de <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "És o único administrador de algumas das salas ou espaços que desejas abandonar. Se os deixares, ficarão sem administradores.",
+        "leave_dialog_only_admin_warning": "És o único administrador deste espaço. Se o deixares, ninguém terá controlo sobre ele.",
+        "leave_dialog_option_all": "Sai de todos os quartos",
+        "leave_dialog_option_intro": "Gostarias de deixar as salas neste espaço?",
+        "leave_dialog_option_none": "Não deixes nenhum quarto",
+        "leave_dialog_option_specific": "Deixa alguns quartos",
+        "leave_dialog_public_rejoin_warning": "Só poderás voltar a participar se fores convidado novamente.",
+        "leave_dialog_title": "Sair %(spaceName)s",
+        "mark_suggested": "Marca como sugerido",
+        "no_search_result_hint": "Talvez queiras tentar uma pesquisa diferente ou verificar se há erros de digitação.",
+        "preferences": {
+            "sections_section": "Secções para mostrar",
+            "show_people_in_space": "Isto agrupa as tuas conversas com membros deste espaço. Se desactivares esta opção, ocultas essas conversas da tua vista de %(spaceName)s."
+        },
+        "room_filter_placeholder": "Pesquisar por salas",
+        "search_children": "Pesquisar %(spaceName)s",
+        "search_placeholder": "Pesquisar nomes e descrições",
+        "select_room_below": "Seleciona primeiro uma das salas abaixo",
+        "share_public": "Partilha o teu espaço público",
+        "suggested": "Sugerido",
+        "suggested_tooltip": "Esta sala é sugerida como uma boa sala para te juntares",
+        "title_when_query_available": "Resultados",
+        "title_when_query_unavailable": "Salas e espaços",
+        "unmark_suggested": "Marca como não sugerido",
+        "user_lacks_permission": "Não tens permissão"
+    },
+    "space_settings": {
+        "title": "Configurações - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Introduz o nome de um novo servidor que pretendes explorar.",
+            "network_dropdown_add_dialog_placeholder": "Nome do servidor",
+            "network_dropdown_add_dialog_title": "Adiciona um novo servidor",
+            "network_dropdown_add_server_option": "Adiciona um novo servidor...",
+            "network_dropdown_available_invalid": "Não foi possível encontrar este servidor ou a sua lista de salas",
+            "network_dropdown_available_invalid_forbidden": "Não tens permissão para ver a lista de salas deste servidor",
+            "network_dropdown_available_valid": "Parece-me bem!",
+            "network_dropdown_remove_server_adornment": "Remove o servidor \"%(roomServer)s\"",
+            "network_dropdown_required_invalid": "Introduz um nome de servidor",
+            "network_dropdown_selected_label": "Mostrar: Salas Matrix",
+            "network_dropdown_selected_label_instance": "Mostrar: %(instance)s salas (%(server)s)",
+            "network_dropdown_your_server_description": "O teu servidor"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Se não conseguires ver quem procuras, envia-lhe o teu link de convite.",
+        "cant_find_room_helpful_hint": "Se não encontrares a sala que procuras, pede um convite ou cria uma nova sala.",
+        "copy_link_text": "Copiar link de convite",
+        "count_of_members": {
+            "one": "%(count)s membro",
+            "other": "%(count)s membros"
+        },
+        "create_new_room_button": "Criar nova sala",
+        "failed_querying_public_rooms": "Falha ao consultar as salas públicas",
+        "failed_querying_public_spaces": "Falha na consulta de espaços públicos",
+        "group_chat_section_title": "Outras opções",
+        "heading_with_query": "Utiliza \"%(query)s\" para pesquisar",
+        "heading_without_query": "Pesquisar por",
+        "join_button_text": "Aderir %(roomAddress)s",
+        "keyboard_scroll_hint": "Utiliza <arrows/> para te deslocares",
+        "other_rooms_in_space": "Outras salas em %(spaceName)s",
+        "public_rooms_label": "Salas públicas",
+        "public_spaces_label": "Espaços públicos",
+        "recent_searches_section_title": "Pesquisas recentes",
+        "recently_viewed_section_title": "Visto recentemente",
+        "remove_filter": "Remove o filtro de pesquisa para %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Alguns resultados podem estar ocultos por motivos de privacidade",
+        "result_may_be_hidden_warning": "Alguns resultados podem estar ocultos",
+        "search_dialog": "Diálogo de pesquisa",
+        "spaces_title": "Espaços em que te encontras",
+        "start_group_chat_button": "Inicia uma conversa de grupo"
+    },
+    "stickers": {
+        "empty": "Atualmente não tens nenhum pacote de autocolantes ativado",
+        "empty_add_prompt": "Adiciona alguns agora"
+    },
+    "terms": {
+        "column_document": "Documento",
+        "column_service": "Serviço",
+        "column_summary": "Resumo",
+        "identity_server_no_terms_description_1": "Esta acção requer acesso ao servidor de identidade padrão <server /> para validar um endereço de email ou número de telefone, mas o servidor não tem quaisquer termos de serviço.",
+        "identity_server_no_terms_description_2": "Continue apenas se confia no dono do servidor.",
+        "identity_server_no_terms_title": "O servidor de identidade não tem termos de serviço",
+        "inline_intro_text": "Aceita <policyLink /> para continuar:",
+        "integration_manager": "Utiliza bots, pontes, widgets e pacotes de autocolantes",
+        "intro": "Para continuar, tens de aceitar as condições deste serviço.",
+        "summary_identity_server_1": "Encontra outras pessoas por telefone ou e-mail",
+        "summary_identity_server_2": "Ser encontrado por telefone ou e-mail",
+        "tac_button": "Revê os termos e condições",
+        "tac_description": "Para continuar a usar o servidor doméstico %(homeserverDomain)s tens de rever e concordar com os nossos termos e condições.",
+        "tac_title": "Termos e Condições",
+        "tos": "Termos do serviço"
+    },
+    "theme": {
+        "light_high_contrast": "Alto contraste claro",
+        "match_system": "Sistema de correspondência"
+    },
+    "thread_view_back_action_label": "Volta ao tópico",
+    "threads": {
+        "all_threads": "Todos os tópicos",
+        "all_threads_description": "Mostra todos os tópicos da sala atual",
+        "count_of_reply": {
+            "one": "%(count)s resposta",
+            "other": "%(count)s respostas"
+        },
+        "empty_description": "Utiliza \"%(replyInThread)s\" quando passares o cursor sobre uma mensagem.",
+        "empty_title": "Os tópicos ajudam a manter as tuas conversas dentro do tópico e são fáceis de seguir.",
+        "mark_all_read": "Marcar tudo como lido",
+        "my_threads": "Os meus tópicos",
+        "my_threads_description": "Mostra todos os tópicos em que participaste",
+        "open_thread": "Abrir tópico",
+        "show_thread_filter": "Mostrar:"
+    },
+    "threads_activity_centre": {
+        "header": "Atividade de tópicos",
+        "no_rooms_with_threads_notifs": "Ainda não tens salas com notificações de tópicos.",
+        "no_rooms_with_unread_threads": "Ainda não tens salas com tópicos não lidos."
+    },
+    "time": {
+        "date_at_time": "%(date)s às %(time)s",
+        "hours_minutes_seconds_left": "%(hours)sh %(minutes)sm %(seconds)ss restantes",
+        "left": "%(timeRemaining)s ainda",
+        "minutes_seconds_left": "%(minutes)sm %(seconds)ss restantes",
+        "seconds_left": "%(seconds)ss restantes",
+        "short_days": "%(value)sd",
+        "short_days_hours_minutes_seconds": "%(days)sd %(hours)sh %(minutes)sm %(seconds)ss",
+        "short_hours": "%(value)sh",
+        "short_hours_minutes_seconds": "%(hours)sh %(minutes)sm %(seconds)ss",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)ss",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Recolher tópico de resposta",
+            "external_url": "URL fonte",
+            "open_in_osm": "Abre no OpenStreetMap",
+            "report": "Relatório",
+            "resent_unsent_reactions": "Reenvia %(unsentCount)s reação(ões)",
+            "show_url_preview": "Mostrar pré-visualização",
+            "view_related_event": "Ver evento relacionado",
+            "view_source": "Ver fonte"
+        },
+        "creation_summary_dm": "%(creator)s criou esta DM.",
+        "creation_summary_room": "%(creator)s criou e configurou a sala.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "A identidade verificada do remetente foi alterada",
+            "unable_to_decrypt": "Não é possível desencriptar a mensagem"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "A transferir…",
+        "download_failed": "A transferência falhou",
+        "download_failed_description": "Ocorreu um erro ao transferir este ficheiro",
+        "edits": {
+            "tooltip_label": "Editado em %(date)s. Clica para ver as edições.",
+            "tooltip_sub": "Clica para ver as edições",
+            "tooltip_title": "Editado em %(date)s"
+        },
+        "error_no_renderer": "Este evento não pôde ser exibido",
+        "error_rendering_message": "Não é possível carregar esta mensagem",
+        "historical_messages_unavailable": "Não consegues ver as mensagens anteriores",
+        "in_room_name": " em <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s atualizou a disposição da sala",
+        "late_event_separator": "Enviado originalmente %(dateTime)s",
+        "load_error": {
+            "no_permission": "Tentei carregar um ponto específico na linha do tempo desta sala, mas parece que você não tem permissões para ver a mensagem em questão.",
+            "title": "Não foi possível carregar a posição na linha do tempo",
+            "unable_to_find": "Tentei carregar um ponto específico na linha do tempo desta sala, mas não o encontrei."
+        },
+        "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Vê a localização ao vivo"
+        },
+        "m.call": {
+            "video_call_ended": "Chamada de vídeo terminada",
+            "video_call_started": "A videochamada começou em %(roomName)s.",
+            "video_call_started_text": "%(name)s iniciou uma videochamada",
+            "video_call_started_unsupported": "A videochamada começou em%(roomName)s . (não suportada por este navegador)"
+        },
+        "m.call.hangup": {
+            "dm": "Chamada terminada"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Respondido noutro local",
+            "call_back_prompt": "Retornar a chamada",
+            "declined": "Chamada recusada",
+            "failed_connect_media": "Não foi possível conectar a mídia",
+            "failed_connection": "Falha na conexão",
+            "failed_opponent_media": "O teu dispositivo não conseguia ligar a câmara ou o microfone",
+            "missed_call": "Chamada perdida",
+            "no_answer": "Não Atende",
+            "unknown_error": "Ocorreu um erro desconhecido",
+            "unknown_failure": "Falha desconhecida: %(reason)s",
+            "unknown_state": "A chamada está num estado desconhecido!",
+            "video_call": "%(senderName)s faz uma chamada de vídeo.",
+            "video_call_unsupported": "%(senderName)s fez uma videochamada. (não suportada por este navegador)",
+            "voice_call": "%(senderName)s faz uma chamada de voz.",
+            "voice_call_unsupported": "%(senderName)s fez uma chamada de voz. (não suportada por este navegador)"
+        },
+        "m.file": {
+            "error_decrypting": "Erro ao descriptografar o anexo"
+        },
+        "m.image": {
+            "error": "Não é possível mostrar a imagem devido a um erro",
+            "error_decrypting": "Erro ao descriptografar a imagem",
+            "error_downloading": "Erro ao descarregar a imagem",
+            "sent": "%(senderDisplayName)s enviou uma imagem.",
+            "show_image": "Mostra a imagem"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s quer verificar",
+            "you_started": "Enviaste um pedido de verificação"
+        },
+        "m.location": {
+            "full": "%(senderName)s partilhou a sua localização",
+            "location": "Partilhou um local: ",
+            "self_location": "Partilhou a sua localização: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)svoto",
+                "other": "%(count)svotos"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s encerrou uma sondagem"
+        },
+        "m.poll.start": "%(senderName)s iniciou uma sondagem - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s mudaste o avatar da sala.",
+            "lightbox_title": "%(senderDisplayName)s alterou a imagem da sala %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s Adiciona um endereço alternativo %(addresses)s para esta sala.",
+                "other": "%(senderName)s adicionou os endereços alternativos %(addresses)s para esta sala."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s Removeu o endereço alternativo %(addresses)s para esta sala.",
+                "other": "%(senderName)s Removeu os endereços alternativos %(addresses)s para esta sala."
+            },
+            "changed": "%(senderName)s alterou os endereços desta sala.",
+            "changed_alternative": "%(senderName)s alterou o endereço alternativo desta sala.",
+            "changed_main_and_alternative": "%(senderName)s alterou o endereço principal e alternativo desta sala.",
+            "removed": "%(senderName)s removeu o endereço principal desta sala.",
+            "set": "%(senderName)s definiu o endereço principal desta sala como %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Esta sala é a continuação de outra conversa.",
+            "see_older_messages": "Clica aqui para veres mensagens mais antigas.",
+            "unknown_predecessor": "Não é possível encontrar a versão antiga desta sala (ID da sala: %(roomId)s), e não nos foi fornecido o 'via_servers' para a procurar.",
+            "unknown_predecessor_guess_server": "Não consegues encontrar a versão antiga desta sala (ID da sala: %(roomId)s), e não nos foi fornecido o 'via_servers' para a procurar. É possível que adivinhes o servidor a partir do ID da sala. Se quiseres tentar, clica neste link:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s permitiu que convidados entram na sala.",
+            "forbidden": "%(senderDisplayName)s bloqueou que convidados entrem na sala.",
+            "unknown": "%(senderDisplayName)s alterou o acesso de convidados para %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s deixou o histórico futuro da sala visível para todos os membros da sala, a partir de quando foram convidados.",
+            "joined": "%(senderName)s deixou o histórico futuro da sala visível para todos os membros da sala, a partir de quando entraram.",
+            "shared": "%(senderName)s deixou o histórico futuro da sala visível para todas as pessoas da sala.",
+            "unknown": "%(senderName)s deixou o histórico futuro da sala visível para desconhecido (%(visibility)s).",
+            "world_readable": "%(senderName)s deixou o histórico futuro da sala visível para qualquer pessoa."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s fechou a sala para apenas utilizadores com convites.",
+            "knock": "%(senderDisplayName)s alterou a regra de entrada para \"pedir para entrar\".",
+            "public": "%(senderDisplayName)s tornou a sala pública para quem tiver o link.",
+            "restricted": "%(senderDisplayName)s mudou quem pode entrar na sala.",
+            "restricted_settings": "%(senderDisplayName)s mudou quem pode entrar na sala. <a>Ver definições</a>.",
+            "unknown": "%(senderDisplayName)s alterou a regra de entrada para %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s aceitou o convite para %(displayName)s",
+            "accepted_invite": "%(targetName)saceitou um convite",
+            "ban": "%(senderName)s baniu %(targetName)s",
+            "ban_reason": "%(senderName)s baniu %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s mudou a sua foto de perfil",
+            "change_name": "%(oldDisplayName)s mudou o seu nome de apresentação para %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s alterou o seu nome de apresentação e a sua fotografia de perfil",
+            "invite": "%(senderName)s convidou %(targetName)s",
+            "join": "%(targetName)s entrou na sala",
+            "kick": "%(senderName)s removeu %(targetName)s",
+            "kick_reason": "%(senderName)s removeu %(targetName)s: %(reason)s",
+            "left": "%(targetName)s saiu da sala",
+            "left_reason": "%(targetName)s saiu da sala:%(reason)s",
+            "no_change": "%(senderName)s não fez nenhuma alteração",
+            "reject_invite": "%(targetName)s rejeitou o convite",
+            "reject_invite_reason": "%(targetName)s rejeitou o convite: %(reason)s",
+            "remove_avatar": "%(senderName)s removeu a sua fotografia de perfil",
+            "remove_name": "%(senderName)s removeu o seu nome de apresentação (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s colocou uma foto de perfil",
+            "set_name": "%(senderName)s colocou o seu nome como %(displayName)s",
+            "unban": "%(senderName)s desbaniu %(targetName)s",
+            "withdrew_invite": "%(senderName)s revogou o convite de %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s revogou o convite de %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s mudou o nome da sala de %(oldRoomName)s para %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s apagou o nome da sala.",
+            "set": "%(senderDisplayName)s alterou o nome da sala para %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s alterou as mensagens fixadas para a sala.",
+            "changed_link": "%(senderName)s alterou as <a>mensagens fixadas</a> para a sala.",
+            "pinned": "%(senderName)s fixou uma mensagem nesta sala. Ver todas as mensagens fixadas.",
+            "pinned_link": "%(senderName)s fixou <a>uma mensagem</a> nesta sala. Ver todas as <b>mensagens fixadas</b>.",
+            "unpinned": "%(senderName)s desafixou uma mensagem desta sala. Ver todas as mensagens fixadas.",
+            "unpinned_link": "%(senderName)s desafixou <a>uma messagem</a> desta sala. Ver todas as <b>mensagens fixadas</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s alterou o nível de permissões de %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s de %(fromPowerLevel)s para %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s revocou o convite a %(targetDisplayName)s para se juntar à sala.",
+            "sent": "%(senderName)s enviou um convite para %(targetDisplayName)s entrar na sala."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s atualizou a sala.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s mudou o tópico para \"%(topic)s\".",
+            "removed": "%(senderDisplayName)s removeu o tópico."
+        },
+        "m.sticker": "%(senderDisplayName)s enviou um sticker.",
+        "m.video": {
+            "error_decrypting": "Erro ao descriptografar o vídeo"
+        },
+        "m.widget": {
+            "added": "Widget %(widgetName)s adicionado por %(senderName)s",
+            "jitsi_ended": "A videoconferência terminada por %(senderName)s",
+            "jitsi_join_right_prompt": "Participa na conferência a partir do cartão de informação da sala à direita",
+            "jitsi_join_top_prompt": "Junta-te à conferência no topo desta sala",
+            "jitsi_started": "Videoconferência iniciada por %(senderName)s",
+            "jitsi_updated": "Videoconferência atualizada por %(senderName)s",
+            "modified": "Widget %(widgetName)s modificado por %(senderName)s",
+            "removed": "Widget %(widgetName)s removido por %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Copia o link para o tópico",
+            "view_in_room": "Vista na sala"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s atualizou uma regra de banimento que correspondia a %(oldGlob)s à correspondência %(newGlob)s devido a %(reason)s",
+            "changed_rule_rooms": "%(senderName)s alterou uma regra que proibia salas correspondentes a %(oldGlob)s para correspondência %(newGlob)s devido a %(reason)s",
+            "changed_rule_servers": "%(senderName)s alterou uma regra que proibia servidores correspondentes a %(oldGlob)s para correspondência %(newGlob)s devido a %(reason)s",
+            "changed_rule_users": "%(senderName)s alterou uma regra que proibia usuários que correspondessem %(oldGlob)s para corresponder a %(newGlob)s devido a %(reason)s",
+            "created_rule": "%(senderName)s criou uma regra de banimento correspondente a %(glob)s devido a %(reason)s",
+            "created_rule_rooms": "%(senderName)s criou uma regra que bane salas que correspondam a %(glob)s porque %(reason)s",
+            "created_rule_servers": "%(senderName)s criou uma regra proibindo servidores correspondentes a %(glob)s para %(reason)s",
+            "created_rule_users": "%(senderName)s criou uma regra que bane os utilizadores que correspondam a %(glob)s porque %(reason)s",
+            "removed_rule": "%(senderName)sremoveu uma regra de proibição correspondente %(glob)s",
+            "removed_rule_rooms": "%(senderName)s eliminou a regra que proibia a correspondência de salas %(glob)s",
+            "removed_rule_servers": "%(senderName)s eliminou a regra que bania os servidores que correspondessem a %(glob)s",
+            "removed_rule_users": "%(senderName)s eliminou a regra que bania os utilizadores que correspondessem a %(glob)s",
+            "updated_invalid_rule": "%(senderName)satualizou uma regra de proibição inválida",
+            "updated_rule": "%(senderName)s atualizou uma regra de proibição que corresponde a %(glob)s por %(reason)s",
+            "updated_rule_rooms": "%(senderName)satualizou a regra que proíbe salas correspondentes %(glob)s por %(reason)s",
+            "updated_rule_servers": "%(senderName)s actualizou a regra que proíbe os servidores que correspondem a %(glob)s por %(reason)s",
+            "updated_rule_users": "%(senderName)s atualizou a regra que proíbe os utilizadores que correspondam a %(glob)s para %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Não tens permissão para ver mensagens anteriores ao convite.",
+        "no_permission_messages_before_join": "Não tens permissão para ver mensagens anteriores à tua adesão.",
+        "pending_moderation": "Mensagem pendente de moderação",
+        "pending_moderation_reason": "Mensagem pendente de moderação: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Adicionar reação",
+            "custom_reaction_fallback_label": "Reação personalizada",
+            "label": "%(reactors)s reagiu com %(content)s",
+            "tooltip_caption": "reagiu com %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Visto por %(count)s pessoa",
+            "other": "Visto por %(count)s pessoas"
+        },
+        "read_receipts_label": "Recibos de leitura",
+        "redacted": {
+            "tooltip": "Mensagem apagada em %(date)s"
+        },
+        "redaction": "Mensagem apagada por %(name)s",
+        "reply": {
+            "error_loading": "Não foi possível carregar o evento ao qual se respondeu, ou ele não existe ou não tens permissão para o ver.",
+            "in_reply_to": "<a>Em resposta a</a> <pill>",
+            "in_reply_to_for_export": "Em resposta a <a>esta mensagem</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Você será levado agora a um site de terceiros para poder autenticar a sua conta para uso com o serviço %(integrationsUrl)s. Você quer continuar?",
+            "dialog_title": "Adicionar uma integração"
+        },
+        "self_redaction": "Mensagem apagada",
+        "send_state_encrypting": "A encriptar a tua mensagem...",
+        "send_state_failed": "Falha ao enviar",
+        "send_state_sending": "A enviar a tua mensagem...",
+        "send_state_sent": "A tua mensagem foi enviada",
+        "summary": {
+            "banned": {
+                "one": "foi banido",
+                "other": "foi banido %(count)s vezes"
+            },
+            "banned_multiple": {
+                "one": "foram banidos",
+                "other": "foram banidos %(count)s vezes"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)s mudou a sua foto de perfil",
+                "other": "%(oneUser)s mudou a sua foto de perfil %(count)s vezes"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)s mudou a sua foto de perfil",
+                "other": "%(severalUsers)s mudou a sua foto de perfil %(count)s vezes"
+            },
+            "changed_name": {
+                "one": "%(oneUser)s mudou de nome",
+                "other": "%(oneUser)s mudou de nome %(count)s vezes"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)s mudou de nome",
+                "other": "%(severalUsers)s mudou de nome %(count)s vezes"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)s enviou uma mensagem oculta",
+                "other": "%(oneUser)s enviou %(count)s mensagens ocultas"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)s enviaram uma mensagem oculta",
+                "other": "%(severalUsers)s enviaram %(count)s mensagens ocultas"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)s teve o seu convite retirado",
+                "other": "%(oneUser)s teve o seu convite retirado %(count)s vezes"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)s tiveram os seus convites retirados",
+                "other": "%(severalUsers)s tiveram os seus convites retirados %(count)s vezes"
+            },
+            "invited": {
+                "one": "foi convidado",
+                "other": "foi convidado %(count)s vezes"
+            },
+            "invited_multiple": {
+                "one": "foram convidados",
+                "other": "foram convidados %(count)s vezes"
+            },
+            "joined": {
+                "one": "%(oneUser)s aderiu",
+                "other": "%(oneUser)s aderiu %(count)s vezes"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)s entrou e saiu",
+                "other": "%(oneUser)s entrou e saiu %(count)s vezes"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)s aderiu e saiu",
+                "other": "%(severalUsers)s aderiu e saiu %(count)s vezes"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)s aderiu",
+                "other": "%(severalUsers)s aderiu %(count)s vezes"
+            },
+            "kicked": {
+                "one": "foi removido",
+                "other": "foi removido %(count)s vezes"
+            },
+            "kicked_multiple": {
+                "one": "foram removidos",
+                "other": "foram removidos %(count)s vezes"
+            },
+            "left": {
+                "one": "%(oneUser)s saiu",
+                "other": "%(oneUser)s saiu %(count)s vezes"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)s saiu",
+                "other": "%(severalUsers)s saiu %(count)s vezes"
+            },
+            "no_change": {
+                "one": "%(oneUser)snão fez alterações",
+                "other": "%(oneUser)s não fez alterações %(count)s vezes"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)s não fizeram alterações",
+                "other": "%(severalUsers)s não fizeram alterações %(count)s vezes"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)s alterou as mensagens <a> fixadas </a> para a sala",
+                "other": "%(oneUser)s alterou as mensagens <a> fixadas </a> para a sala %(count)s vezes"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s alteraram as mensagens <a> fixadas </a> para a sala",
+                "other": "%(severalUsers)s alteraram as mensagens <a> fixadas </a> para a sala %(count)s vezes"
+            },
+            "redacted": {
+                "one": "%(oneUser)s removeu uma mensagem",
+                "other": "%(oneUser)s removeu %(count)s mensagens"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s removeram uma mensagem",
+                "other": "%(severalUsers)s removeram %(count)s mensagens"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)s rejeitou o convite deles",
+                "other": "%(oneUser)s rejeitou o convite deles %(count)s vezes"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)s rejeitaram os convites deles",
+                "other": "%(severalUsers)s rejeitaram os convites deles %(count)s vezes"
+            },
+            "rejoined": {
+                "one": "%(oneUser)s saiu e voltou",
+                "other": "%(oneUser)s saiu e voltou %(count)s vezes"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)s aderiram e saíram",
+                "other": "%(severalUsers)s aderiram e saíram %(count)s vezes"
+            },
+            "unbanned": {
+                "one": "foi não banido",
+                "other": "foi não banido %(count)s vezes"
+            },
+            "unbanned_multiple": {
+                "one": "foram não banidos",
+                "other": "foram não banidos %(count)s vezes"
+            }
+        },
+        "thread_info_basic": "De um tópico",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s e um outro está a escrever...",
+                "other": "%(names)s e %(count)s outros estão a escrever"
+            },
+            "one_user": "%(displayName)s está a escrever ...",
+            "two_users": "%(names)s e %(lastPerson)s estão a escrever …"
+        },
+        "undecryptable_tooltip": "Esta mensagem não pôde ser desencriptada"
+    },
+    "truncated_list_n_more": {
+        "one": "",
+        "other": "E %(count)s mais..."
+    },
+    "unsupported_browser": {
+        "description": "Se continuares, algumas funcionalidades podem deixar de funcionar e existe o risco de perderes dados no futuro. Actualiza o teu browser para continuares a utilizar %(brand)s.",
+        "title": "%(brand)s não suporta este browser"
+    },
+    "unsupported_server_description": "Este servidor está a utilizar uma versão mais antiga do Matrix. Atualiza para Matrix %(version)s para utilizares %(brand)s sem erros.",
+    "unsupported_server_title": "O teu servidor não é suportado",
+    "update": {
+        "changelog": "Histórico de alterações",
+        "check_action": "Procurar atualizações",
+        "checking": "A procurar atualizações…",
+        "downloading": "A descarregar a atualização...",
+        "error_encountered": "Erro encontrado (%(errorDetail)s).",
+        "error_unable_load_commit": "Não é possível carregar os detalhes do commit: %(msg)s",
+        "new_version_available": "Nova versão disponível. <a>Atualiza agora.</a>",
+        "no_update": "Nenhuma atualização disponível.",
+        "release_notes_toast_title": "Novidades",
+        "see_changes_button": "O que há de novo?",
+        "toast_description": "Nova versão de%(brand)s está disponível",
+        "toast_title": "Atualizar%(brand)s",
+        "unavailable": "Indisponível"
+    },
+    "update_room_access_modal": {
+        "description": "Para criar uma ligação de partilha, tens de permitir que os convidados entrem nesta sala. Isto pode tornar a sala menos segura. Quando terminares a chamada, podes tornar a sala privada novamente.",
+        "dont_change_description": "Em alternativa, podes manter a chamada numa sala separada.",
+        "no_change": "Não quero alterar o nível de acesso.",
+        "title": "Alterar o nível de acesso à sala"
+    },
+    "upload_failed_generic": "O carregamento do ficheiro '%(fileName)s' falhou.",
+    "upload_failed_size": "O ficheiro '%(fileName)s' excede o tamanho limite deste homeserver para carregamentos",
+    "upload_failed_title": "O envio falhou",
+    "upload_file": {
+        "cancel_all_button": "Cancelar tudo",
+        "error_file_too_large": "Este ficheiro é <b>demasiado grande</b> para carregar. O limite de tamanho do ficheiro é %(limit)s mas este ficheiro é %(sizeOfThisFile)s.",
+        "error_files_too_large": "Estes ficheiros são <b>demasiado grandes</b> para serem carregados. O limite de tamanho do ficheiro é %(limit)s.",
+        "error_some_files_too_large": "Alguns ficheiros são <b>demasiado grandes</b> para serem carregados. O limite de tamanho dos ficheiros é %(limit)s.",
+        "error_title": "Erro de carregamento",
+        "not_image": "O ficheiro que escolheu não é um ficheiro de imagem válido.",
+        "title": "Carregar ficheiros",
+        "title_progress": "Carrega ficheiros (%(current)s de %(total)s)",
+        "upload_all_button": "Carregar tudo",
+        "upload_n_others_button": {
+            "one": "Carrega %(count)s outro ficheiro",
+            "other": "Carrega %(count)s outros ficheiros"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Ferramentas de Administração",
+        "ban_button_room": "Banir da sala",
+        "ban_button_space": "Banir do espaço",
+        "ban_room_confirm_title": "Banir de %(roomName)s",
+        "ban_space_everything": "Baní-los de tudo que eu estiver autorizado",
+        "ban_space_specific": "Bani-los de coisas específicas que estou autorizado",
+        "deactivate_confirm_action": "Desativar utilizador",
+        "deactivate_confirm_description": "Se desactivares este utilizador, ele sairá da tua conta e não poderá voltar a entrar. Além disso, sai de todas as salas em que se encontra. Esta ação não pode ser revertida. Tens a certeza de que queres desativar este utilizador?",
+        "deactivate_confirm_title": "Desativar utilizador?",
+        "demote_button": "Despromove",
+        "demote_self_confirm_description_space": "Não poderás desfazer esta alteração, uma vez que te estás a despromover. Se fores o último utilizador privilegiado no espaço, será impossível recuperar os privilégios.",
+        "demote_self_confirm_room": "Não poderás desfazer esta alteração, uma vez que te estás a despromover. Se fores o último utilizador privilegiado na sala, será impossível recuperar os privilégios.",
+        "demote_self_confirm_title": "Despromover-se a si próprio ?",
+        "disinvite_button_room": "Desconvidar da sala",
+        "disinvite_button_room_name": "Desconvidar de %(roomName)s",
+        "disinvite_button_space": "Desconvidar do espaço",
+        "error_ban_user": "Não foi possível banir o/a usuário/a",
+        "error_deactivate": "Falha ao desativar o utilizador",
+        "error_kicking_user": "Falha ao remover o utilizador",
+        "error_mute_user": "Não foi possível remover notificações da/do usuária/o",
+        "error_revoke_3pid_invite_description": "Não foi possível revogar o convite. O servidor pode estar com um problema temporário ou não tens permissões suficientes para revogar o convite.",
+        "error_revoke_3pid_invite_title": "Falha ao revogar o convite",
+        "ignore_button": "Ignorar",
+        "ignore_confirm_description": "Todas as mensagens e convites deste utilizador serão ocultados. Tens a certeza de que queres ignorá-los?",
+        "ignore_confirm_title": "Ignora %(user)s",
+        "invited_by": "Convidado por %(sender)s",
+        "jump_to_rr_button": "Salta para ler o recibo",
+        "kick_button_room": "Remover da sala",
+        "kick_button_room_name": "Remover de %(roomName)s",
+        "kick_button_space": "Remover do espaço",
+        "kick_button_space_everything": "Retira-os de tudo o que eu puder",
+        "kick_space_specific": "Retira-os de coisas específicas que eu sou capaz de fazer",
+        "kick_space_warning": "Continuam a poder aceder a tudo o que não és administrador.",
+        "promote_warning": "Você não poderá desfazer esta mudança, pois estará dando a este(a) usuário(a) o mesmo nível de permissões que você.",
+        "redact": {
+            "confirm_button": {
+                "one": "Remover 1 mensagem",
+                "other": "Remove %(count)s mensagens"
+            },
+            "confirm_description_1": {
+                "one": "Estás prestes a remover a mensagem %(count)s por %(user)s. Isto irá removê-las permanentemente para todos os participantes na conversa. Queres continuar?",
+                "other": "Estás prestes a remover as mensagens %(count)s por %(user)s. Isto irá removê-las permanentemente para todos os participantes na conversa. Queres continuar?"
+            },
+            "confirm_description_2": "Para uma grande quantidade de mensagens, isto pode demorar algum tempo. Entretanto, não actualizes o teu cliente.",
+            "confirm_keep_state_explainer": "Desmarca se também quiseres remover mensagens do sistema sobre este utilizador (por exemplo, mudança de membro, mudança de perfil...)",
+            "confirm_keep_state_label": "Preserva as mensagens do sistema",
+            "confirm_title": "Remove as mensagens recentes de %(user)s",
+            "no_recent_messages_description": "Tenta deslocar-te para cima na linha do tempo para ver se há alguma anterior.",
+            "no_recent_messages_title": "Não foram encontradas mensagens recentes de %(user)s "
+        },
+        "redact_button": "Remover mensagens recentes",
+        "revoke_invite": "Revogar convite",
+        "room_encrypted": "As mensagens nesta sala são encriptadas de ponta a ponta.",
+        "room_encrypted_detail": "As tuas mensagens estão protegidas e só tu e o destinatário têm as chaves únicas para as desbloquear.",
+        "room_unencrypted": "As mensagens nesta sala não são encriptadas de ponta a ponta.",
+        "room_unencrypted_detail": "Nas salas encriptadas, as tuas mensagens estão seguras e só tu e o destinatário têm as chaves únicas para as desbloquear.",
+        "send_message": "Enviar mensagem",
+        "share_button": "Partilhar ligação com o utilizador",
+        "unban_button_room": "Desbanimento da sala",
+        "unban_button_space": "Desbanir do espaço",
+        "unban_room_confirm_title": "Desbanir de %(roomName)s",
+        "unban_space_everything": "Desbani-los de tudo que eu estiver autorizado",
+        "unban_space_specific": "Desbani-los de coisas específicas que estou autorizado",
+        "unban_space_warning": "Não poderão aceder a nada que não seja administrado por ti.",
+        "unignore_button": "Designorar",
+        "verification_unavailable": "Verificação do usuário indisponível",
+        "verify_button": "Verificar utilizador",
+        "verify_explainer": "Para maior segurança, verifica este utilizador através de um código de utilização única em ambos os dispositivos."
+    },
+    "voip": {
+        "already_in_call": "Já em chamada",
+        "already_in_call_person": "Já está em chamada com esta pessoa.",
+        "answered_elsewhere": "Atendida noutro lado",
+        "answered_elsewhere_description": "A chamada foi atendida noutro dispositivo.",
+        "call_failed": "A chamada falhou",
+        "call_failed_description": "Não foi possível estabelecer a chamada",
+        "call_failed_media": "A chamada falhou porque não foi possível aceder à câmera ou microfone. Verifique se:",
+        "call_failed_media_applications": "Nenhuma outra aplicação está a utilizar a câmera",
+        "call_failed_media_connected": "Um microfone e uma câmera estão conectados e configurados corretamente",
+        "call_failed_media_permissions": "É concedida autorização para utilizar a câmera",
+        "call_failed_microphone": "A chamada falhou porque o microfone não está acessível. Verifique que tem um microfone ligado e correctamente configurado.",
+        "call_held": "%(peerName)s reteve a chamada",
+        "call_held_resume": "Aguentaste a chamada <a>Resume</a>",
+        "call_held_switch": "Mantiveste a chamada <a>Switch</a>",
+        "call_toast_unknown_room": "Sala desconhecida",
+        "camera_disabled": "A tua câmara está desligada",
+        "camera_enabled": "A tua câmara ainda está ativada",
+        "cannot_call_yourself_description": "Você não pode iniciar uma chamada.",
+        "close_lobby": "Fechar lobby",
+        "connecting": "A conectar",
+        "connection_lost": "A conexão ao servidor foi perdida",
+        "connection_lost_description": "Não pode fazer chamadas sem uma conexão ao servidor.",
+        "consulting": "Consultando com %(transferTarget)s. <a>Transferir para %(transferee)s </a>",
+        "default_device": "Dispositivo padrão",
+        "dial": "Discar",
+        "dialpad": "Teclado de discagem",
+        "disable_camera": "Desliga a câmara",
+        "disable_microphone": "Silenciar Microfone",
+        "disabled_no_perms_start_video_call": "Não tens autorização para iniciar chamadas de vídeo",
+        "disabled_no_perms_start_voice_call": "Não tens autorização para iniciar chamadas de voz",
+        "disabled_ongoing_call": "Chamada em curso",
+        "element_call": "Element Call",
+        "enable_camera": "Liga a câmara",
+        "enable_microphone": "Ativar Som do Microfone",
+        "expand": "Volta à chamada",
+        "get_call_link": "Partilhar a ligação de chamada",
+        "hangup": "Desligar",
+        "hide_sidebar_button": "Ocultar barra lateral",
+        "input_devices": "Dispositivos de entrada",
+        "jitsi_call": "Conferência Jitsi",
+        "legacy_call": "Chamada Legacy",
+        "maximise": "Preenche o ecrã",
+        "maximise_call": "Maximiza a chamada",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Conferências"
+        },
+        "minimise_call": "Minimiza a chamada",
+        "misconfigured_server": "Chamada falhada devido a um erro de configuração do servidor",
+        "misconfigured_server_description": "Peça ao administrador do seu servidor inicial (<code>%(homeserverDomain)s</code>) de configurar um servidor TURN para que as chamadas funcionem fiavelmente.",
+        "misconfigured_server_fallback": "Em alternativa, pode tentar utilizar o servidor público em <server/>, mas não será tão fiável e irá partilhar o seu endereço IP com esse servidor. Também pode gerir isto nas Definições.",
+        "misconfigured_server_fallback_accept": "Tente usar %(server)s",
+        "more_button": "Mais",
+        "msisdn_lookup_failed": "Não foi possível procurar o número de telefone",
+        "msisdn_lookup_failed_description": "Ocorreu um erro ao procurar o número de telefone",
+        "msisdn_transfer_failed": "Não foi possível transferir a chamada",
+        "n_people_joined": {
+            "one": "%(count)spessoa aderiu",
+            "other": "%(count)spessoas aderiram"
+        },
+        "no_audio_input_description": "Não encontrámos um microfone no teu dispositivo. Verifica as tuas definições e tenta novamente.",
+        "no_audio_input_title": "Nenhum microfone encontrado",
+        "no_media_perms_description": "Você talvez precise autorizar manualmente que o %(brand)s acesse seu microfone e webcam",
+        "no_media_perms_title": "Não há permissões para o uso de vídeo/áudio no seu navegador",
+        "no_permission_conference": "Permissão Requerida",
+        "no_permission_conference_description": "Não tem autorização para iniciar uma chamada de conferência nesta sala",
+        "on_hold": "%(name)s em espera",
+        "output_devices": "Dispositivos de saída",
+        "screenshare_monitor": "Partilha todo o ecrã",
+        "screenshare_title": "Partilhar conteúdo",
+        "screenshare_window": "Janela da aplicação",
+        "show_sidebar_button": "Mostrar barra lateral",
+        "silence": "Chamada de silêncio",
+        "silenced": "Notificações silenciadas",
+        "start_screenshare": "Começa a partilhar o teu ecrã",
+        "stop_screenshare": "Pára de partilhar o teu ecrã",
+        "too_many_calls": "Demasiadas Chamadas",
+        "too_many_calls_description": "Atingiu o número máximo de chamadas em simultâneo.",
+        "transfer_consult_first_label": "Consulta primeiro",
+        "transfer_failed": "A Transferência Falhou",
+        "transfer_failed_description": "Falha ao transferir chamada",
+        "unable_to_access_audio_input_description": "Não foi possível aceder ao teu microfone. Verifica as definições do teu browser e tenta novamente.",
+        "unable_to_access_audio_input_title": "Não é possível aceder ao teu microfone",
+        "unable_to_access_media": "Não é possível aceder à câmera / microfone",
+        "unable_to_access_microphone": "Não é possível aceder ao microfone",
+        "unknown_caller": "Chamada não identificada",
+        "unknown_person": "pessoa desconhecida",
+        "unsilence": "Som ligado",
+        "unsupported": "Chamadas não são suportadas",
+        "unsupported_browser": "Não pode fazer chamadas neste navegador.",
+        "user_busy": "Utilizador ocupado",
+        "user_busy_description": "O utilizador para o qual tentou ligar está ocupado.",
+        "user_is_presenting": "%(sharerName)s está apresentando",
+        "video_call": "Chamada de vídeo",
+        "video_call_using": "Video-chamada usando:",
+        "voice_call": "Chamada de voz",
+        "you_are_presenting": "Estás a apresentar"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s em %(osName)s",
+    "widget": {
+        "added_by": "Widget adicionado por",
+        "capabilities_dialog": {
+            "content_starting_text": "Este widget gostaria de:",
+            "decline_all_permission": "Recusar Todos",
+            "remember_Selection": "Lembra-te da minha seleção para este widget",
+            "title": "Aprova as permissões do widget"
+        },
+        "capability": {
+            "always_on_screen_generic": "Permanece no teu ecrã durante a execução",
+            "always_on_screen_viewing_another_room": "Permanece no teu ecrã quando estás a ver outra sala, ao executar",
+            "any_room": "O acima, mas em qualquer sala onde te juntes ou sejas convidado",
+            "byline_empty_state_key": "com uma chave de estado vazia",
+            "byline_state_key": "com a chave de estado %(stateKey)s",
+            "capability": "A capacidade do <b>%(capability)s</b> ",
+            "change_avatar_active_room": "Altera o avatar da tua sala ativa",
+            "change_avatar_this_room": "Altera o avatar desta sala",
+            "change_name_active_room": "Altera o nome da tua sala ativa",
+            "change_name_this_room": "Altera o nome desta sala",
+            "change_topic_active_room": "Altera o tópico da tua sala ativa",
+            "change_topic_this_room": "Altera o tópico desta sala",
+            "receive_membership_active_room": "Vê quando as pessoas entram, saem ou são convidadas para a tua sala ativa",
+            "receive_membership_this_room": "Vê quando as pessoas entram, saem ou são convidadas para esta sala",
+            "remove_ban_invite_leave_active_room": "Remover, banir ou convidar pessoas para a tua sala ativa e obrigar-te a sair",
+            "remove_ban_invite_leave_this_room": "Remover, banir ou convidar pessoas para esta sala e obrigar-te a sair",
+            "see_avatar_change_active_room": "Vê quando o avatar muda na tua sala ativa",
+            "see_avatar_change_this_room": "Vê quando o avatar muda nesta sala",
+            "see_event_type_sent_active_room": "Vê eventos <b>%(eventType)s</b> publicados na tua sala ativa",
+            "see_event_type_sent_this_room": "Vê os eventos <b>%(eventType)s</b> publicados nesta sala",
+            "see_images_sent_active_room": "Vê imagens publicadas na tua sala ativa",
+            "see_images_sent_this_room": "Vê as imagens publicadas nesta sala",
+            "see_messages_sent_active_room": "Vê mensagens publicadas na tua sala ativa",
+            "see_messages_sent_this_room": "Vê mensagens enviadas para esta sala",
+            "see_msgtype_sent_active_room": "Vê mensagens <b>%(msgtype)s</b> publicadas na tua sala ativa",
+            "see_msgtype_sent_this_room": "Vê mensagens <b>%(msgtype)s</b> publicadas nesta sala",
+            "see_name_change_active_room": "Vê quando o nome muda na tua sala ativa",
+            "see_name_change_this_room": "Vê quando o nome muda nesta sala",
+            "see_sent_emotes_active_room": "Vê os gestos publicados na tua sala ativa",
+            "see_sent_emotes_this_room": "Vê os emotes publicados nesta sala",
+            "see_sent_files_active_room": "Vê ficheiros gerais publicados na tua sala ativa",
+            "see_sent_files_this_room": "Vê ficheiros gerais colocados nesta sala",
+            "see_sticker_posted_active_room": "Vê quando alguém coloca um autocolante na tua sala ativa",
+            "see_sticker_posted_this_room": "Vê quando um autocolante é publicado nesta sala",
+            "see_text_messages_sent_active_room": "Vê mensagens de texto publicadas na tua sala ativa",
+            "see_text_messages_sent_this_room": "Vê as mensagens de texto publicadas nesta sala",
+            "see_topic_change_active_room": "Vê quando o tópico muda na tua sala ativa",
+            "see_topic_change_this_room": "Vê quando o tópico muda nesta sala",
+            "see_videos_sent_active_room": "Vê vídeos publicados na tua sala ativa",
+            "see_videos_sent_this_room": "Vê os vídeos publicados nesta sala",
+            "send_emotes_active_room": "Envia gestos como tu na tua sala ativa",
+            "send_emotes_this_room": "Envia gestos como tu nesta sala",
+            "send_event_type_active_room": "Envia eventos <b>%(eventType)s</b> como tu na tua sala ativa",
+            "send_event_type_this_room": "Envia <b>%(eventType)s</b> eventos como tu nesta sala",
+            "send_files_active_room": "Envia ficheiros gerais como tu na tua sala ativa",
+            "send_files_this_room": "Envia ficheiros gerais como tu nesta sala",
+            "send_images_active_room": "Envia imagens como tu na tua sala ativa",
+            "send_images_this_room": "Envia imagens como tu nesta sala",
+            "send_messages_active_room": "Envia mensagens como tu na tua sala ativa",
+            "send_messages_this_room": "Envia mensagens como tu nesta sala",
+            "send_msgtype_active_room": "Envia mensagens <b>%(msgtype)s</b> como tu na tua sala ativa",
+            "send_msgtype_this_room": "Envia <b>%(msgtype)s</b> mensagens como tu nesta sala",
+            "send_stickers_active_room": "Envia autocolantes para a tua sala ativa",
+            "send_stickers_active_room_as_you": "Envia autocolantes para a tua sala ativa enquanto tu próprio",
+            "send_stickers_this_room": "Envia autocolantes para esta sala",
+            "send_stickers_this_room_as_you": "Envia autocolantes para esta sala enquanto tu próprio",
+            "send_text_messages_active_room": "Envia mensagens de texto como tu na tua sala ativa",
+            "send_text_messages_this_room": "Envia mensagens de texto como tu nesta sala",
+            "send_videos_active_room": "Envia vídeos como tu na tua sala ativa",
+            "send_videos_this_room": "Envia vídeos como tu nesta sala",
+            "specific_room": "O acima referido, mas também em <Room /> ",
+            "switch_room": "Altera a sala que estás a ver",
+            "switch_room_message_user": "Altera a sala, a mensagem ou o utilizador que estás a ver"
+        },
+        "close_to_view_right_panel": "Fecha este widget para o veres neste painel",
+        "context_menu": {
+            "delete": "Apagar widget",
+            "delete_warning": "A eliminação de um widget remove-o para todos os utilizadores desta sala. Tens a certeza de que queres apagar este widget?"
+        },
+        "cookie_warning": "Este widget pode utilizar cookies.",
+        "error_hangup_description": "Foste desligado da chamada. (Erro: %(message)s)",
+        "error_hangup_title": "Conexão perdida",
+        "error_loading": "Erro ao carregar o Widget",
+        "error_mixed_content": "Erro - Conteúdo misto",
+        "error_need_invite_permission": "Para fazer isso, você tem que ter permissão para convidar outras pessoas.",
+        "error_need_kick_permission": "Precisa ter permissão de expulsar utilizadores para fazer isso.",
+        "error_need_to_be_logged_in": "Você tem que estar logado.",
+        "error_unable_start_audio_stream_description": "Não é possível iniciar a transmissão de áudio.",
+        "error_unable_start_audio_stream_title": "Falha ao iniciar a transmissão ao vivo",
+        "modal_data_warning": "Os dados abaixo são partilhados com %(widgetDomain)s",
+        "modal_title_default": "Widget Modal",
+        "no_name": "Aplicação desconhecida",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Lembra-te disto",
+            "starting_text": "O widget verificará o teu ID de utilizador, mas não poderá executar ações por ti:",
+            "title": "Permite que este widget verifique a tua identidade"
+        },
+        "popout": "Widget de popout",
+        "set_room_layout": "Define a disposição do meu quarto para todos",
+        "shared_data_avatar": "URL da tua imagem de perfil",
+        "shared_data_device_id": "O teu ID de dispositivo",
+        "shared_data_lang": "A tua língua",
+        "shared_data_mxid": "O teu ID de utilizador",
+        "shared_data_name": "O teu nome de exibição",
+        "shared_data_room_id": "ID da sala",
+        "shared_data_theme": "O teu tema",
+        "shared_data_url": "%(brand)s URL",
+        "shared_data_warning": "A utilização deste widget pode partilhar dados <helpIcon /> com %(widgetDomain)s.",
+        "shared_data_warning_im": "A utilização deste widget pode partilhar dados <helpIcon /> com %(widgetDomain)s e o teu gestor de integração.",
+        "shared_data_widget_id": "ID do widget",
+        "unencrypted_warning": "Os widgets não utilizam encriptação de mensagens.",
+        "unmaximise": "Não maximizar",
+        "unpin_to_view_right_panel": "Desfixa este widget para o veres neste painel"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "As maiúsculas são quase tão fáceis de adivinhar como as minúsculas",
+            "anotherWord": "Acrescentar mais uma ou duas palavras. Palavras invulgares são melhores.",
+            "associatedYears": "Evita os anos que estão associados a ti",
+            "capitalization": "A capitalização não ajuda muito",
+            "dates": "Evita datas e anos que estejam associados a ti",
+            "l33t": "As substituições previsíveis como \"@\" em vez de \"a\" não ajudam muito",
+            "longerKeyboardPattern": "Utiliza um padrão de teclado mais longo com mais voltas",
+            "noNeed": "Não precisas de símbolos, dígitos ou letras maiúsculas",
+            "pwned": "Se utilizares esta palavra-passe noutro local, deves alterá-la.",
+            "recentYears": "Evita anos recentes",
+            "repeated": "Evita palavras e caracteres repetidos",
+            "reverseWords": "As palavras invertidas não são muito mais difíceis de adivinhar",
+            "sequences": "Evita as sequências",
+            "useWords": "Usa poucas palavras, evita frases comuns"
+        },
+        "warnings": {
+            "common": "Esta é uma palavra-passe muito comum",
+            "commonNames": "Os nomes comuns e os apelidos são fáceis de adivinhar",
+            "dates": "As datas são muitas vezes fáceis de adivinhar",
+            "extendedRepeat": "Repetições como \"abcabcabc\" são apenas ligeiramente mais difíceis de adivinhar do que \"abc\"",
+            "keyPattern": "Os padrões curtos do teclado são fáceis de adivinhar",
+            "namesByThemselves": "Os nomes e apelidos por si só são fáceis de adivinhar",
+            "pwned": "A tua palavra-passe foi exposta por uma violação de dados na Internet.",
+            "recentYears": "Anos recentes são fáceis de adivinhar.",
+            "sequences": "Sequências como abc ou 6543 são fáceis de adivinhar",
+            "similarToCommon": "Isto é semelhante a uma palavra-passe comummente utilizada",
+            "simpleRepeat": "Repetições como \"aaa\" são fáceis de adivinhar",
+            "straightRow": "As linhas rectas de teclas são fáceis de adivinhar",
+            "topHundred": "Esta é uma das 100 palavras-passe mais comuns",
+            "topTen": "Esta é uma das 10 palavras-passe mais comuns",
+            "userInputs": "Não deve haver quaisquer dados pessoais ou relacionados com a página.",
+            "wordByItself": "Uma palavra por si só é fácil de adivinhar"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/pt_BR.json b/apps/web/src/i18n/strings/pt_BR.json
new file mode 100644
index 00000000000..722b8ba80d3
--- /dev/null
+++ b/apps/web/src/i18n/strings/pt_BR.json
@@ -0,0 +1,3941 @@
+{
+    "a11y": {
+        "jump_first_invite": "Ir para o primeiro convite.",
+        "message_composer": "Compositor de mensagens",
+        "n_unread_messages": {
+            "other": "%(count)s mensagens não lidas.",
+            "one": "1 mensagem não lida."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s mensagens não lidas, incluindo menções.",
+            "one": "1 menção não lida."
+        },
+        "room_status_bar": "Barra de status da sala",
+        "seek_bar_label": "Barra de busca de áudio",
+        "unread_messages": "Mensagens não lidas."
+    },
+    "a11y_jump_first_unread_room": "Ir para a primeira sala não lida.",
+    "action": {
+        "accept": "Aceitar",
+        "add": "Adicionar",
+        "add_existing_room": "Adicionar sala existente",
+        "apply": "Aplicar",
+        "approve": "Autorizar",
+        "ask_to_join": "Pedir para participar",
+        "back": "Voltar",
+        "call": "Ligar",
+        "cancel": "Cancelar",
+        "change": "Alterar",
+        "clear": "Limpar",
+        "click_to_copy": "Clique para copiar",
+        "close": "Fechar",
+        "collapse": "Recolher",
+        "complete": "Concluir",
+        "confirm": "Confirmar",
+        "continue": "Continuar",
+        "copy": "Copiar",
+        "copy_link": "Copiar link",
+        "create": "Criar",
+        "create_a_room": "Criar uma sala",
+        "create_account": "Criar Conta",
+        "decline": "Recusar",
+        "decline_and_block": "Recusar e bloquear",
+        "decline_invite": "Recusar convite",
+        "delete": "Excluir",
+        "deny": "Negar",
+        "disable": "Desativar",
+        "disconnect": "Desconectar",
+        "dismiss": "Dispensar",
+        "done": "Fechar",
+        "download": "Baixar",
+        "edit": "Editar",
+        "enable": "Ativar",
+        "enter_fullscreen": "Entrar em tela cheia",
+        "exit_fullscreeen": "Sair da tela cheia",
+        "expand": "Expandir",
+        "explore_rooms": "Explorar salas",
+        "export": "Exportar",
+        "forward": "Encaminhar",
+        "go": "Próximo",
+        "go_back": "Voltar",
+        "got_it": "Ok, entendi",
+        "hide_advanced": "Esconder configurações avançadas",
+        "hold": "Pausar",
+        "ignore": "Bloquear",
+        "import": "Importar",
+        "invite": "Convidar",
+        "join": "Entrar",
+        "learn_more": "Saiba mais",
+        "leave": "Sair",
+        "leave_room": "Sair da sala",
+        "logout": "Sair",
+        "manage": "Gerenciar",
+        "maximise": "Maximizar",
+        "mention": "Mencionar",
+        "minimise": "Minimizar",
+        "new_room": "Nova sala",
+        "new_video_room": "Nova sala de vídeo",
+        "next": "Próximo",
+        "no": "Não",
+        "ok": "Ok",
+        "open": "Abrir",
+        "pin": "Alfinete",
+        "proceed": "Prosseguir",
+        "quote": "Citar",
+        "react": "Adicionar reação",
+        "refresh": "Recarregar",
+        "register": "Registre-se",
+        "reload": "Recarregar",
+        "remove": "Apagar",
+        "rename": "Renomear",
+        "reply": "Responder",
+        "reply_in_thread": "Responder no tópico",
+        "report_room": "Reportar sala",
+        "resend": "Reenviar",
+        "reset": "Redefinir",
+        "resume": "Retomar",
+        "retry": "Tentar novamente",
+        "review": "Revisar",
+        "revoke": "Revogar",
+        "save": "Salvar",
+        "search": "Buscar",
+        "send_report": "Enviar relatório",
+        "set_avatar": "Definir foto do perfil",
+        "share": "Compartilhar",
+        "show": "Mostrar",
+        "show_advanced": "Mostrar configurações avançadas",
+        "show_all": "Mostrar tudo",
+        "sign_in": "Entrar",
+        "sign_out": "Sair",
+        "skip": "Pular",
+        "start": "Iniciar",
+        "stop": "Pare",
+        "submit": "Enviar",
+        "subscribe": "Inscrever-se",
+        "transfer": "Transferir",
+        "trust": "Confiança",
+        "try_again": "Tente novamente",
+        "unban": "Remover banimento",
+        "unignore": "Desbloquear",
+        "unpin": "Desafixar",
+        "unsubscribe": "Desinscrever-se",
+        "update": "Atualizar",
+        "upgrade": "Atualizar",
+        "upload": "Enviar",
+        "upload_file": "Carregar arquivo",
+        "verify": "Confirmar",
+        "view": "Ver",
+        "view_all": "Ver tudo",
+        "view_list": "Exibir lista",
+        "view_message": "Ver mensagem",
+        "view_source": "Ver código-fonte",
+        "yes": "Sim",
+        "yes_dismiss": "Sim, dispensar",
+        "zoom_in": "Aumentar zoom",
+        "zoom_out": "Diminuir zoom"
+    },
+    "analytics": {
+        "accept_button": "Isso é bom",
+        "bullet_1": "Nós <Bold>não</Bold> registramos nem traçamos o perfil de nenhum dado da conta",
+        "bullet_2": "Nós <Bold>não</Bold> compartilhamos informações com terceiros",
+        "consent_migration": "Você consentiu anteriormente em compartilhar dados de uso anônimos conosco. Estamos atualizando como isso funciona.",
+        "disable_prompt": "Você pode desativar isso a qualquer momento nas configurações",
+        "enable_prompt": "Ajude a melhorar %(analyticsOwner)s",
+        "learn_more": "Compartilhe dados anônimos para nos ajudar a identificar problemas. Nada pessoal. Sem terceiros. <LearnMoreLink>Saiba mais</LearnMoreLink>",
+        "privacy_policy": "Você pode ler todos os nossos termos <PrivacyPolicyUrl> aqui </PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Ajude-nos a identificar problemas e melhorar %(analyticsOwner)s compartilhando dados de uso anônimos. Para entender como as pessoas usam vários dispositivos, geraremos um identificador aleatório, compartilhado por seus dispositivos.",
+        "shared_data_heading": "Qualquer um dos seguintes dados pode ser compartilhado:"
+    },
+    "auth": {
+        "3pid_in_use": "Esse endereço de e-mail ou número de telefone já está em uso.",
+        "account_clash": "Sua nova conta (%(newAccountId)s) foi registrada, mas você já está conectado a uma conta diferente (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Continuar com a conta anterior",
+        "account_deactivated": "Esta conta foi desativada.",
+        "autodiscovery_generic_failure": "Houve uma falha para obter do servidor a configuração de encontrar contatos",
+        "autodiscovery_hs_incompatible": "Seu homeserver é muito antigo e não suporta a versão mínima de API necessária. Entre em contato com o proprietário do servidor ou atualize o servidor.",
+        "autodiscovery_invalid": "Resposta de descoberta de homeserver inválida",
+        "autodiscovery_invalid_hs": "O endereço do servidor local não parece indicar um servidor local válido na Matrix",
+        "autodiscovery_invalid_hs_base_url": "base_url inválido para m.homeserver",
+        "autodiscovery_invalid_is": "O endereço do servidor de identidade não parece indicar um servidor de identidade válido",
+        "autodiscovery_invalid_is_base_url": "base_url inválido para m.identity_server",
+        "autodiscovery_invalid_is_response": "Resposta de descoberta do servidor de identidade inválida",
+        "autodiscovery_invalid_json": "JSON inválido",
+        "autodiscovery_no_well_known": "Nenhum arquivo .well-known JSON foi encontrado",
+        "autodiscovery_unexpected_error_hs": "Erro inesperado buscando a configuração do servidor",
+        "autodiscovery_unexpected_error_is": "Erro inesperado buscando a configuração do servidor de identidade",
+        "captcha_description": "Este servidor local quer se certificar de que você não é um robô.",
+        "change_password_action": "Alterar senha",
+        "change_password_confirm_invalid": "As senhas não correspondem",
+        "change_password_confirm_label": "Confirme a nova senha",
+        "change_password_current_label": "Senha atual",
+        "change_password_empty": "As senhas não podem estar em branco",
+        "change_password_error": "Erro ao alterar a senha: %(error)s",
+        "change_password_mismatch": "As novas senhas não conferem",
+        "change_password_new_label": "Nova senha",
+        "check_email_explainer": "Siga as instruções enviadas para <b>%(email)s </b>",
+        "check_email_resend_prompt": "Não recebeu?",
+        "check_email_resend_tooltip": "E-mail com link de verificação reenviado!",
+        "check_email_wrong_email_button": "Insira o endereço de e-mail novamente",
+        "check_email_wrong_email_prompt": "Endereço de e-mail errado?",
+        "continue_with_idp": "Continuar com %(provider)s",
+        "continue_with_sso": "Continuar com %(ssoButtons)s",
+        "country_dropdown": "Selecione o país",
+        "create_account_prompt": "Novo por aqui? <a>Crie uma conta</a>",
+        "create_account_title": "Criar conta",
+        "email_discovery_text": "Seja encontrado por seus contatos a partir de um e-mail.",
+        "email_field_label": "E-mail",
+        "email_field_label_invalid": "Este não parece ser um endereço de e-mail válido",
+        "email_field_label_required": "Digite o endereço de e-mail",
+        "email_help_text": "Adicione um e-mail para depois poder redefinir sua senha.",
+        "email_phone_discovery_text": "Seja encontrado por seus contatos a partir de um e-mail ou número de telefone.",
+        "enter_email_explainer": "<b>%(homeserver)s</b>enviará um link de verificação para permitir que você redefina sua senha.",
+        "enter_email_heading": "Digite seu e-mail para redefinir a senha",
+        "failed_connect_identity_server": "Não consigo acessar o servidor de identidade",
+        "failed_connect_identity_server_other": "Você pode fazer login, mas alguns recursos estarão indisponíveis até que o servidor de identidade estiver no ar novamente. Se você continuar vendo este alerta, verifique suas configurações ou entre em contato com os administradores do servidor.",
+        "failed_connect_identity_server_register": "Você pode se registrar, mas alguns recursos não estarão disponíveis até que o servidor de identidade esteja no ar novamente. Se você continuar vendo este alerta, verifique sua configuração ou entre em contato com um dos administradores do servidor.",
+        "failed_connect_identity_server_reset_password": "Você pode trocar sua senha, mas alguns recursos não estarão disponíveis até que o servidor de identidade esteja no ar novamente. Se você seguir vendo este alerta, verifique suas configurações ou entre em contato com um dos administradores do servidor.",
+        "failed_homeserver_discovery": "Falha ao executar a descoberta do homeserver",
+        "failed_query_registration_methods": "Não foi possível consultar as opções de registro suportadas.",
+        "failed_soft_logout_auth": "Falha em autenticar novamente",
+        "failed_soft_logout_homeserver": "Falha em autenticar novamente devido à um problema no servidor local",
+        "forgot_password_email_invalid": "O endereço de e-mail não parece ser válido.",
+        "forgot_password_email_required": "O e-mail vinculado à sua conta precisa ser informado.",
+        "forgot_password_prompt": "Esqueceu sua senha?",
+        "forgot_password_send_email": "Enviar e-mail",
+        "identifier_label": "Entrar com",
+        "incorrect_credentials": "Nome de usuário e/ou senha incorreto.",
+        "incorrect_credentials_detail": "Note que você está se conectando ao servidor %(hs)s, e não ao servidor matrix.org.",
+        "incorrect_password": "Senha incorreta",
+        "log_in_new_account": "<a>Entrar</a> em sua nova conta.",
+        "logout_dialog": {
+            "description": "Deseja mesmo sair?",
+            "setup_key_backup_title": "Você perderá acesso às suas mensagens criptografadas",
+            "skip_key_backup": "Não quero minhas mensagens criptografadas"
+        },
+        "misconfigured_body": "Entre em contato com o administrador do %(brand)s para verificar se há entradas inválidas ou duplicadas nas <a>suas configurações</a>.",
+        "misconfigured_title": "O %(brand)s está mal configurado",
+        "mobile_create_account_title": "Você está prestes a criar uma conta em %(hsName)s",
+        "msisdn_field_description": "Outros usuários podem convidá-lo para salas usando seus detalhes de contato",
+        "msisdn_field_label": "Telefone",
+        "msisdn_field_number_invalid": "Esse número de telefone não é válido, verifique e tente novamente",
+        "msisdn_field_required_invalid": "Digite o número de telefone",
+        "no_hs_url_provided": "Nenhum endereço fornecido do servidor local",
+        "oidc": {
+            "error_title": "Não foi possível fazer login",
+            "generic_auth_error": "Algo deu errado durante a autenticação. Acesse a página de login e tente novamente.",
+            "missing_or_invalid_stored_state": "Anteriormente, pedimos ao seu navegador para lembrar qual servidor local você usa para fazer login, mas infelizmente o navegador se esqueceu disso. Vá para a página de login e tente novamente."
+        },
+        "password_field_keep_going_prompt": "Continue...",
+        "password_field_label": "Digite a senha",
+        "password_field_strong_label": "Muito bem, uma senha forte!",
+        "password_field_weak_label": "Esta senha é permitida, mas não é segura",
+        "phone_label": "Telefone",
+        "phone_optional_label": "Número de celular (opcional)",
+        "qr_code_login": {
+            "check_code_explainer": "Isso verificará se a conexão com seu outro dispositivo é segura.",
+            "check_code_heading": "Digite o número mostrado em seu outro dispositivo",
+            "check_code_input_label": "Código de 2 dígitos",
+            "check_code_mismatch": "Os números não coincidem",
+            "completing_setup": "Concluindo a configuração do seu novo dispositivo",
+            "error_etag_missing": "Ocorreu um erro inesperado. Isso pode ser devido a uma extensão do navegador, servidor proxy ou configuração incorreta do servidor.",
+            "error_expired": "O login expirou. Por favor, tente novamente.",
+            "error_expired_title": "O login não foi concluído a tempo",
+            "error_insecure_channel_detected": "Não foi possível estabelecer uma conexão segura com o novo dispositivo. Seus dispositivos existentes ainda estão seguros e você não precisa se preocupar com eles.",
+            "error_insecure_channel_detected_instructions": "E agora?",
+            "error_insecure_channel_detected_instructions_1": "Tente entrar no outro dispositivo novamente com um código QR, caso seja um problema de rede",
+            "error_insecure_channel_detected_instructions_2": "Se o problema persistir, tente uma rede Wi-Fi diferente ou use seus dados móveis em vez de Wi-Fi",
+            "error_insecure_channel_detected_instructions_3": "Se isso não funcionar, faça login manualmente",
+            "error_insecure_channel_detected_title": "Conexão não segura",
+            "error_other_device_already_signed_in": "Você não precisa fazer mais nada.",
+            "error_other_device_already_signed_in_title": "Seu outro dispositivo já está conectado",
+            "error_rate_limited": "Muitas tentativas em um curto espaço de tempo. Aguarde algum tempo antes de tentar novamente.",
+            "error_unexpected": "Ocorreu um erro inesperado. A solicitação para conectar seu outro dispositivo foi cancelada.",
+            "error_unsupported_protocol": "Este dispositivo não suporta o login em outro dispositivo com um código QR.",
+            "error_unsupported_protocol_title": "Outro dispositivo não compatível",
+            "error_user_cancelled": "O login foi cancelado no outro dispositivo.",
+            "error_user_cancelled_title": "Solicitação de login cancelada",
+            "error_user_declined": "Você ou o provedor da conta recusaram a solicitação de login.",
+            "error_user_declined_title": "Login recusado",
+            "follow_remaining_instructions": "Siga as instruções restantes",
+            "open_element_other_device": "Abra %(brand)s em seu outro dispositivo",
+            "point_the_camera": "Escaneie o código QR mostrado aqui",
+            "scan_code_instruction": "Digitalize o código QR com outro dispositivo",
+            "scan_qr_code": "Iniciar sessão com código QR",
+            "security_code_prompt": "Se solicitado, insira o código abaixo em seu outro dispositivo.",
+            "select_qr_code": "Selecione \"%(scanQRCode)s”",
+            "unsupported_explainer": "Seu provedor de conta não suporta o login em um novo dispositivo com um código QR.",
+            "unsupported_heading": "Código QR não suportado",
+            "waiting_for_device": "Aguardando o login do dispositivo"
+        },
+        "register_action": "Criar Conta",
+        "registration": {
+            "continue_without_email_description": "Apenas um aviso: se você não adicionar um e-mail e depois esquecer sua senha, poderá <b>perder permanentemente o acesso à sua conta</b>.",
+            "continue_without_email_field_label": "E-mail (opcional)",
+            "continue_without_email_title": "Continuar sem e-mail"
+        },
+        "registration_disabled": "O registro de contas foi desativado neste servidor local.",
+        "registration_msisdn_field_required_invalid": "Digite o número de celular (necessário neste servidor)",
+        "registration_successful": "Registro bem-sucedido",
+        "registration_username_in_use": "Alguém já tem esse nome de usuário. Tente outro ou, se for você, faça login abaixo.",
+        "registration_username_unable_check": "Não foi possível verificar se o nome de usuário foi usado. Tente novamente mais tarde.",
+        "registration_username_validation": "Use apenas letras minúsculas, números, traços e sublinhados",
+        "reset_password": {
+            "confirm_new_password": "Confirmar nova senha",
+            "devices_logout_success": "Você foi desconectado de todos os dispositivos e não receberá mais notificações push. Para reativar as notificações, faça login novamente em cada dispositivo.",
+            "other_devices_logout_warning_1": "Desconectar seus dispositivos excluirá as chaves de criptografia de mensagens armazenadas neles, tornando o histórico de bate-papo criptografado ilegível.",
+            "other_devices_logout_warning_2": "Se você quiser manter o acesso ao seu histórico de bate-papo em salas criptografadas, configure o Key Backup ou exporte suas chaves de mensagem de um de seus outros dispositivos antes de continuar.",
+            "password_not_entered": "Uma nova senha precisa ser inserida.",
+            "passwords_mismatch": "As novas senhas informadas precisam ser idênticas.",
+            "rate_limit_error": "Muitas tentativas em pouco tempo. Espere um pouco antes de tentar novamente.",
+            "rate_limit_error_with_time": "Muitas tentativas em pouco tempo. Tente novamente depois%(timeout)s.",
+            "reset_successful": "Sua senha foi alterada.",
+            "return_to_login": "Retornar à tela de login",
+            "sign_out_other_devices": "Saia de todos os dispositivos"
+        },
+        "reset_password_action": "Redefinir senha",
+        "reset_password_button": "Esqueceu a senha?",
+        "reset_password_email_field_description": "Use um endereço de e-mail para recuperar sua conta",
+        "reset_password_email_field_required_invalid": "Digite o endereço de e-mail (necessário neste servidor)",
+        "reset_password_email_not_associated": "Seu endereço de e-mail não parece estar associado a um Matrix ID neste servidor doméstico.",
+        "reset_password_email_not_found_title": "Este endereço de e-mail não foi encontrado",
+        "reset_password_title": "Redefinir sua senha",
+        "server_picker_custom": "Outro servidor local",
+        "server_picker_description": "Você pode usar as opções personalizadas do servidor para entrar em outros servidores Matrix especificando um URL de servidor doméstico diferente. Isso permite que você use %(brand)s com uma conta Matrix existente em um servidor doméstico diferente.",
+        "server_picker_description_matrix.org": "Junte-se a milhões de pessoas gratuitamente no maior servidor público",
+        "server_picker_dialog_title": "Decida onde a sua conta será hospedada",
+        "server_picker_explainer": "Use o seu servidor local Matrix preferido, ou hospede o seu próprio servidor.",
+        "server_picker_failed_validate_homeserver": "Não foi possível validar o servidor local",
+        "server_picker_intro": "Chamamos os locais onde você pode hospedar sua conta de 'homeservers'.",
+        "server_picker_invalid_url": "URL inválido",
+        "server_picker_learn_more": "Sobre os servidores locais",
+        "server_picker_matrix.org": "O Matrix.org é o maior servidor doméstico público do mundo, então é um bom lugar para muitos.",
+        "server_picker_required": "Digite um servidor local",
+        "server_picker_title": "Faça login em seu servidor local",
+        "server_picker_title_default": "Opções do servidor",
+        "server_picker_title_registration": "Hospedar conta em",
+        "session_logged_out_description": "Por questões de segurança, esta sessão foi encerrada. Por gentileza conecte-se novamente.",
+        "session_logged_out_title": "Deslogar",
+        "set_email": {
+            "description": "Isso permitirá que você redefina sua senha e receba notificações.",
+            "verification_pending_description": "Por favor, confirme o seu e-mail e clique no link enviado. Feito isso, clique em continuar.",
+            "verification_pending_title": "Confirmação pendente"
+        },
+        "set_email_prompt": "Você deseja definir um endereço de e-mail?",
+        "sign_in_description": "Use sua conta para continuar.",
+        "sign_in_instead": "Em vez disso, faça login",
+        "sign_in_instead_prompt": "Já tem uma conta? <a>Entre aqui</a>",
+        "sign_in_or_register": "Faça login ou crie uma conta",
+        "sign_in_or_register_description": "Use sua conta ou crie uma nova para continuar.",
+        "sign_in_with_sso": "Entre com o logon único",
+        "signing_in": "Entrando…",
+        "soft_logout": {
+            "clear_data_button": "Limpar todos os dados",
+            "clear_data_description": "Apagar todos os dados desta sessão é uma ação permanente. Mensagens criptografadas serão perdidas, a não ser que as chaves delas tenham sido copiadas para o backup.",
+            "clear_data_title": "Limpar todos os dados nesta sessão?"
+        },
+        "soft_logout_heading": "Você está desconectado",
+        "soft_logout_intro_password": "Digite sua senha para entrar e recuperar o acesso à sua conta.",
+        "soft_logout_intro_sso": "Entre e recupere o acesso à sua conta.",
+        "soft_logout_intro_unsupported_auth": "Você não pôde se conectar na sua conta. Entre em contato com o administrador do servidor para obter mais informações.",
+        "soft_logout_subheading": "Limpar dados pessoais",
+        "soft_logout_warning": "Aviso: seus dados pessoais (incluindo chaves de criptografia) ainda serão armazenados nesta sessão. Limpe-o se você terminar de usar esta sessão ou quiser fazer login em outra conta.",
+        "sso": "Autenticação Única",
+        "sso_complete_in_browser_dialog_title": "Vá em seu navegador para completar o Registro",
+        "sso_failed_missing_storage": "Anteriormente, pedimos ao seu navegador para lembrar qual servidor local você usa para fazer login, mas infelizmente o navegador se esqueceu disso. Vá para a página de login e tente novamente.",
+        "sso_or_username_password": "%(ssoButtons)s ou %(usernamePassword)s",
+        "sync_footer_subtitle": "Se você participa em muitas salas, isso pode demorar um pouco",
+        "syncing": "Sincronizando...",
+        "uia": {
+            "code": "Código",
+            "email": "Para criar sua conta, abra o link no e-mail que acabamos de enviar para%(emailAddress)s .",
+            "email_auth_header": "Verifique seu e-mail para continuar",
+            "email_resend_prompt": "Não recebeu?<a> Reenvie</a>",
+            "email_resent": "Reenviar!",
+            "fallback_button": "Iniciar autenticação",
+            "mas_cross_signing_reset_cta": "Vá para sua conta",
+            "mas_cross_signing_reset_description": "Redefina sua identidade por meio do provedor da conta e, em seguida, volte e clique em “Tentar novamente”.",
+            "mas_cross_signing_reset_title": "Acesse sua conta para redefinir sua identidade",
+            "msisdn": "Uma mensagem de texto foi enviada para %(msisdn)s",
+            "msisdn_token_incorrect": "Token incorreto",
+            "msisdn_token_prompt": "Por favor, entre com o código que está na mensagem:",
+            "password_prompt": "Confirme sua identidade digitando sua senha abaixo.",
+            "recaptcha_missing_params": "Está faltando a chave pública do captcha no Servidor (homeserver). Por favor, reporte isso aos(às) administradores(as) do servidor.",
+            "registration_token_label": "Token de registro",
+            "registration_token_prompt": "Insira um token de registro fornecido pelo administrador do servidor doméstico.",
+            "sso_body": "Confirme a inclusão deste endereço de e-mail usando o Single Sign On para comprovar sua identidade.",
+            "sso_failed": "Algo deu errado ao confirmar a sua identidade. Cancele e tente novamente.",
+            "sso_postauth_body": "Clique no botão abaixo para confirmar sua identidade.",
+            "sso_postauth_title": "Confirme para continuar",
+            "sso_preauth_body": "Para continuar, use o Acesso único para provar a sua identidade.",
+            "sso_title": "Use \"Single Sign On\" para continuar",
+            "terms": "Por favor, revise e aceite as políticas deste servidor local:",
+            "terms_invalid": "Por favor, revise e aceite todas as políticas do homeserver"
+        },
+        "unsupported_auth": "Esse servidor doméstico não oferece nenhum fluxo de login compatível com esse cliente.",
+        "unsupported_auth_email": "Este servidor local não suporta login usando endereço de e-mail.",
+        "unsupported_auth_msisdn": "Este servidor não permite a autenticação através de números de telefone.",
+        "username_field_required_invalid": "Digite o nome de usuário",
+        "username_in_use": "Alguém já tem esse nome de usuário, tente outro.",
+        "verify_email_explainer": "Precisamos saber sua identidade antes de redefinir sua senha. Clique no link do e-mail que acabamos de enviar para<b>%(email)s</b>",
+        "verify_email_heading": "Verifique seu e-mail para continuar"
+    },
+    "bug_reporting": {
+        "additional_context": "Se houver um contexto adicional que ajude a analisar o problema, tal como o que você estava fazendo no momento, IDs de salas, IDs de usuários etc, inclua essas coisas aqui.",
+        "before_submitting": "Antes de enviar os relatórios, você deve <a>criar um bilhete de erro no GitHub</a> para descrever seu problema.",
+        "collecting_information": "Coletando informação sobre a versão do app",
+        "collecting_logs": "Coletando logs",
+        "create_new_issue": "Por favor, <newIssueLink>crie um novo ticket de erro</newIssueLink> no GitHub para que possamos investigar esta falha.",
+        "description": "Os logs de depuração contêm dados de uso do aplicativo, incluindo seu nome de usuário, os IDs ou aliases das salas que você visitou, com quais elementos da IU você interagiu pela última vez e os nomes de usuários de outros usuários. Eles não contêm mensagens.",
+        "download_logs": "Baixar logs",
+        "downloading_logs": "Baixando logs",
+        "error_empty": "Por favor, diga-nos o que aconteceu de errado ou, ainda melhor, crie um ticket de erro no GitHub que descreva o problema.",
+        "failed_download_logs": "Falha ao baixar os logs: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Seu relatório de bug foi rejeitado. O servidor rageshake não suporta esse aplicativo.",
+            "rejected_generic": "Seu relatório de bug foi rejeitado. O servidor rageshake rejeitou o conteúdo do relatório devido a uma política.",
+            "rejected_recovery_key": "Seu relatório de bug foi rejeitado por motivos de segurança, pois continha uma chave de recuperação.",
+            "rejected_version": "Seu relatório de bug foi rejeitado porque a versão que você está executando é muito antiga.",
+            "server_unknown_error": "O servidor rageshake encontrou um erro desconhecido e não conseguiu lidar com o relatório.",
+            "unknown_error": "Falha ao enviar logs."
+        },
+        "github_issue": "Ticket de erro no GitHub",
+        "introduction": "Se você enviou um bug pelo GitHub, os logs de depuração podem nos ajudar a rastrear o problema. ",
+        "log_request": "Para nos ajudar a evitar que isso aconteça no futuro, <a>envie-nos logs</a>.",
+        "logs_sent": "Logs enviados",
+        "matrix_security_issue": "Para relatar um problema de segurança relacionado à tecnologia Matrix, leia a <a>Política de Divulgação de Segurança</a> da Matrix.org.",
+        "preparing_download": "Preparando para baixar logs",
+        "preparing_logs": "Preparando para enviar logs",
+        "send_logs": "Enviar logs",
+        "submit_debug_logs": "Enviar logs de depuração",
+        "textarea_label": "Notas",
+        "thank_you": "Obrigado!",
+        "title": "Relato de Erros",
+        "unsupported_browser": "Lembrete: seu navegador não é compatível; portanto, sua experiência pode ser imprevisível.",
+        "uploading_logs": "Enviando logs",
+        "waiting_for_server": "Aguardando a resposta do servidor"
+    },
+    "cannot_invite_without_identity_server": "Não é possível convidar usuários por e-mail sem um servidor de identidade. Você pode se conectar a um em “Configurações”.",
+    "cannot_reach_homeserver": "Não consigo acessar o servidor",
+    "cannot_reach_homeserver_detail": "Verifique se está com uma conexão de internet estável, ou entre em contato com os administradores do servidor",
+    "cant_load_page": "Não foi possível carregar a página",
+    "chat_card_back_action_label": "Voltar ao chat",
+    "chat_effects": {
+        "confetti_description": "Envia a mensagem com confetes",
+        "confetti_message": "envia confetes",
+        "fireworks_description": "Envia a mensagem com fogos de artifício",
+        "fireworks_message": "envia fogos de artifício",
+        "hearts_description": "Envia a mensagem dada com corações",
+        "hearts_message": "envia corações",
+        "rainfall_description": "Envia a mensagem dada com um efeito de chuva",
+        "rainfall_message": "enviar efeito de chuva",
+        "snowfall_description": "Envia a mensagem com neve caindo",
+        "snowfall_message": "envia neve caindo",
+        "spaceinvaders_description": "Envia a mensagem com um efeito com tema espacial",
+        "spaceinvaders_message": "envia os invasores do espaço"
+    },
+    "common": {
+        "access_token": "Símbolo de acesso",
+        "accessibility": "Acessibilidade",
+        "advanced": "Avançado",
+        "all_chats": "Todos os bate-papos",
+        "analytics": "Análise",
+        "and_n_others": {
+            "one": "e um outro...",
+            "other": "e %(count)s outros..."
+        },
+        "appearance": "Aparência",
+        "application": "Aplicação",
+        "are_you_sure": "Você tem certeza?",
+        "attachment": "Anexo",
+        "authentication": "Autenticação",
+        "avatar": "Avatar",
+        "beta": "Beta",
+        "camera": "Câmera",
+        "cameras": "Câmeras",
+        "cancel": "Cancelar",
+        "capabilities": "Capacidades",
+        "copied": "Copiado!",
+        "credits": "Licenças",
+        "dark": "Escuro",
+        "description": "Descrição",
+        "deselect_all": "Desmarcar todos",
+        "device": "Dispositivo",
+        "edited": "editado",
+        "email_address": "Endereço de e-mail",
+        "emoji": "Emoji",
+        "encrypted": "Criptografada",
+        "error": "Erro",
+        "faq": "Perguntas frequentes",
+        "feedback": "Fale conosco",
+        "filter_results": "Filtrar resultados",
+        "forward_message": "Encaminhar",
+        "general": "Geral",
+        "go_to_settings": "Ir para as configurações",
+        "guest": "Convidado",
+        "help": "Ajuda",
+        "home": "Início",
+        "homeserver": "Servidor local",
+        "identity_server": "Servidor de identidade",
+        "image": "Imagem",
+        "integration_manager": "Gerenciador de integrações",
+        "joined": "Ingressou",
+        "labs": "Laboratório",
+        "legal": "Avisos legais",
+        "light": "Claro",
+        "loading": "Carregando...",
+        "location": "Localidade",
+        "matrix": "Matrix",
+        "message": "Mensagem",
+        "message_layout": "Aparência da mensagem",
+        "message_timestamp_invalid": "Data/hora inválido",
+        "microphone": "Microfone",
+        "moderation_and_safety": "Moderação e segurança",
+        "modern": "Moderno",
+        "mute": "Mudo",
+        "n_members": {
+            "one": "%(count)s integrante",
+            "other": "%(count)s integrantes"
+        },
+        "n_rooms": {
+            "one": "%(count)s sala",
+            "other": "%(count)s salas"
+        },
+        "name": "Nome",
+        "no_results": "Nenhum resultado",
+        "no_results_found": "Nenhum resultado encontrado",
+        "not_trusted": "Não confiável",
+        "off": "Desativado",
+        "offline": "Offline",
+        "on": "Ativado",
+        "options": "Opções",
+        "orphan_rooms": "Outras salas",
+        "password": "Senha",
+        "people": "Pessoas",
+        "preferences": "Preferências",
+        "presence": "Presença",
+        "preview_message": "Ei, você aí. Você é incrível!",
+        "privacy": "Privacidade",
+        "private": "Privado",
+        "private_room": "Sala privada",
+        "private_space": "Espaço privado",
+        "profile": "Perfil",
+        "public": "Público",
+        "public_room": "Sala pública",
+        "public_space": "Espaço público",
+        "qr_code": "Código QR",
+        "random": "Aleatório",
+        "reactions": "Reações",
+        "recommended": "Recomendado",
+        "report_a_bug": "Reportar um erro",
+        "room": "Sala",
+        "room_name": "Nome da sala",
+        "rooms": "Salas",
+        "save": "Salvar",
+        "saved": "Salvo",
+        "saving": "Salvando...",
+        "secure_backup": "Backup online",
+        "select_all": "Selecionar tudo",
+        "server": "Servidor",
+        "settings": "Configurações",
+        "setup_secure_messages": "Configurar mensagens seguras",
+        "show_more": "Mostrar mais",
+        "someone": "Alguém",
+        "space": "Barra de espaço",
+        "spaces": "Espaços",
+        "sticker": "Figurinha",
+        "stickerpack": "Pacote de figurinhas",
+        "success": "Sucesso",
+        "suggestions": "Sugestões",
+        "support": "Suporte",
+        "theme": "Tema",
+        "thread": "Tópico",
+        "threads": "Tópicos",
+        "timeline": "Conversas",
+        "unavailable": "indisponível",
+        "unencrypted": "Descriptografada",
+        "unmute": "Tirar do mudo",
+        "unnamed_room": "Sala sem nome",
+        "unnamed_space": "Espaço sem nome",
+        "unverified": "Não verificado",
+        "updating": "Atualizando…",
+        "user": "Usuário",
+        "user_avatar": "Foto de perfil",
+        "username": "Nome de usuário",
+        "verified": "Verificado",
+        "version": "Versão",
+        "video_room": "Sala de vídeo",
+        "view_message": "Ver mensagem",
+        "warning": "Atenção"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Notifica a sala inteira",
+            "command_a11y": "Preenchimento automático do comando",
+            "command_description": "Comandos",
+            "emoji_a11y": "Preenchimento automático de emoji",
+            "notification_a11y": "Notificação do preenchimento automático",
+            "notification_description": "Notificação da sala",
+            "room_a11y": "Preenchimento automático de sala",
+            "space_a11y": "Preenchimento automático de espaço",
+            "user_a11y": "Preenchimento automático de usuário",
+            "user_description": "Usuários"
+        },
+        "close_sticker_picker": "Ocultar stickers",
+        "edit_composer_label": "Editar mensagem",
+        "format_bold": "Negrito",
+        "format_code_block": "Bloco de código",
+        "format_decrease_indent": "Diminuição do recuo",
+        "format_increase_indent": "Aumento do recuo",
+        "format_inline_code": "Código",
+        "format_insert_link": "Inserir link",
+        "format_italic": "Itálico",
+        "format_italics": "Itálico",
+        "format_link": "Ligação",
+        "format_ordered_list": "Lista numerada",
+        "format_strikethrough": "Riscado",
+        "format_underline": "Sublinhar",
+        "format_unordered_list": "Lista com marcadores",
+        "formatting_toolbar_label": "Formatação",
+        "link_modal": {
+            "link_field_label": "Ligação",
+            "text_field_label": "Texto",
+            "title_create": "Criar uma ligação",
+            "title_edit": "Editar ligação"
+        },
+        "mode_plain": "Ocultar formatação",
+        "mode_rich_text": "Mostrar formatação",
+        "no_perms_notice": "Você não tem permissão para digitar nesta sala",
+        "placeholder": "Enviar uma message não criptografada…",
+        "placeholder_encrypted": "Enviar mensagem...",
+        "placeholder_reply": "Envie uma resposta não criptografada…",
+        "placeholder_reply_encrypted": "Enviar uma resposta…",
+        "placeholder_thread": "Responder a thread não criptografado…",
+        "placeholder_thread_encrypted": "Responder ao tópico...",
+        "poll_button": "Enquete",
+        "poll_button_no_perms_description": "Você não tem permissão para iniciar enquetes nesta sala.",
+        "poll_button_no_perms_title": "Permissão necessária",
+        "replying_title": "Em resposta a",
+        "room_unencrypted": "As mensagens nesta sala não estão criptografadas de ponta a ponta.",
+        "room_upgraded_link": "A conversa continua aqui.",
+        "room_upgraded_notice": "Esta sala foi substituída e não está mais ativa.",
+        "send_button_title": "Enviar mensagem",
+        "send_button_voice_message": "Enviar uma mensagem de voz",
+        "send_voice_message": "Enviar uma mensagem de voz",
+        "stop_voice_message": "Parar a gravação",
+        "voice_message_button": "Mensagem de voz"
+    },
+    "console_dev_note": "Se você sabe o que está fazendo, o Element é de código aberto, não deixe de conferir nosso GitHub (https://github.com/vector-im/element-web/) e contribuir!",
+    "console_scam_warning": "Se alguém lhe disse para copiar/colar algo aqui, há uma grande probabilidade de você estar sendo enganado!",
+    "console_wait": "Aguarde!",
+    "create_room": {
+        "action_create_room": "Criar sala",
+        "action_create_video_room": "Criar sala de vídeo",
+        "encrypted_video_room_warning": "Você não pode desabilitar isso mais tarde. A sala será criptografada mas a chamada incorporada não.",
+        "encrypted_warning": "Você não pode desativar isso mais tarde. As pontes e a maioria dos bots ainda não funcionarão.",
+        "encryption_forced": "O seu servidor demanda que a criptografia esteja ativada em salas privadas.",
+        "encryption_label": "Ativar a criptografia de ponta a ponta",
+        "error_title": "Não foi possível criar a sala",
+        "generic_error": "O servidor pode estar indisponível ou sobrecarregado, ou então você encontrou uma falha no sistema.",
+        "join_rule_change_notice": "Você pode mudar isto em qualquer momento nas configurações da sala.",
+        "join_rule_invite": "Sala privada (apenas com convite)",
+        "join_rule_invite_label": "Apenas convidados poderão encontrar e entrar nesta sala.",
+        "join_rule_knock_label": "Qualquer pessoa pode solicitar participação, mas os administradores ou moderadores precisam conceder acesso. Você pode alterar isso mais tarde.",
+        "join_rule_public_label": "Qualquer um poderá encontrar e entrar nesta sala.",
+        "join_rule_public_parent_space_label": "Qualquer um poderá encontrar e entrar nesta sala, não somente membros de <SpaceName/>.",
+        "join_rule_restricted": "Visível para membros do espaço",
+        "join_rule_restricted_label": "Todos em <SpaceName/> podersão ver e entrar nesta sala.",
+        "name_validation_required": "Digite um nome para a sala",
+        "room_visibility_label": "Visibilidade da sala",
+        "title_private_room": "Criar uma sala privada",
+        "title_public_room": "Criar uma sala pública",
+        "title_video_room": "Criar uma sala de vídeo",
+        "topic_label": "Descrição (opcional)",
+        "unfederated": "Bloquear pessoas externas ao servidor %(serverName)s de conseguirem entrar nesta sala.",
+        "unfederated_label_default_off": "Você pode ativar essa opção se a sala for usada apenas para colaboração dentre equipes internas em seu servidor local. Essa opção não poderá ser alterado mais tarde.",
+        "unfederated_label_default_on": "Você pode desativar essa opção se a sala for usada para colaboração dentre equipes externas que possuem seu próprio servidor local. Isso não poderá ser alterado mais tarde.",
+        "unsupported_version": "O servidor não suporta a versão da sala especificada."
+    },
+    "create_space": {
+        "add_details_prompt": "Adicione alguns detalhes para ajudar as pessoas a reconhecê-lo.",
+        "add_details_prompt_2": "Você pode mudá-los a qualquer instante.",
+        "add_existing_rooms_description": "Escolha salas ou conversas para adicionar. Este é apenas um espaço para você, ninguém será informado. Você pode adicionar mais posteriormente.",
+        "add_existing_rooms_heading": "O que você deseja organizar?",
+        "address_label": "Endereço",
+        "address_placeholder": "e.g. meu-espaco",
+        "creating": "Criando...",
+        "creating_rooms": "Criando salas...",
+        "done_action": "Ir para o meu espaço",
+        "done_action_first_room": "Ir para minha primeira sala",
+        "explainer": "Os espaços são uma nova forma de agrupar salas e pessoas. Que tipo de espaço você quer criar? Você pode mudar isso mais tarde.",
+        "failed_create_initial_rooms": "Falha ao criar salas de espaço iniciais",
+        "failed_invite_users": "Falha ao convidar os seguintes usuários para seu espaço: %(csvUsers)s",
+        "invite_teammates_by_username": "Convidar por nome de usuário",
+        "invite_teammates_description": "Certifique-se de que as pessoas certas tenham acesso. Você pode convidar mais tarde.",
+        "invite_teammates_heading": "Convide seus colegas de equipe",
+        "inviting_users": "Convidando...",
+        "label": "Criar um espaço",
+        "name_required": "Por favor entre o nome do espaço",
+        "personal_space": "Apenas eu",
+        "personal_space_description": "Um espaço privado para organizar suas salas",
+        "private_description": "Somente para convidados, melhor para você ou para equipes",
+        "private_heading": "O seu espaço privado",
+        "private_only_heading": "Seu espaço",
+        "private_personal_description": "Certifique-se de que as pessoas certas tenham acesso a %(name)s",
+        "private_personal_heading": "Com quem você está trabalhando?",
+        "private_space": "Eu e meus colegas de equipe",
+        "private_space_description": "Um espaço privado para você e seus colegas de equipe",
+        "public_description": "Abra espaços para todos, especialmente para comunidades",
+        "public_heading": "O seu espaço público",
+        "search_public_button": "Pesquise espaços públicos",
+        "setup_rooms_community_description": "Vamos criar uma sala para cada um deles.",
+        "setup_rooms_community_heading": "O que você gostaria de discutir em %(spaceName)s?",
+        "setup_rooms_description": "Você também pode adicionar mais tarde, incluindo os já existentes.",
+        "setup_rooms_private_description": "Criaremos salas para cada um deles.",
+        "setup_rooms_private_heading": "Em quais projetos sua equipe está trabalhando?",
+        "share_description": "No momento é só você, será ainda melhor com outros.",
+        "share_heading": "Compartilhar %(name)s",
+        "skip_action": "Ignorar por enquanto",
+        "subspace_adding": "Adicionando...",
+        "subspace_beta_notice": "Adicionar um espaço à um espaço que você gerencia.",
+        "subspace_dropdown_title": "Criar um espaço",
+        "subspace_existing_space_prompt": "Em vez disso, quer adicionar um espaço existente?",
+        "subspace_join_rule_invite_description": "Apenas convidados poderão encontrar e entrar neste espaço.",
+        "subspace_join_rule_invite_only": "Espaço privado (apenas com convite)",
+        "subspace_join_rule_label": "Visibilidade do Espaço",
+        "subspace_join_rule_public_description": "Qualquer um poderá encontrar e entrar neste espaço, não somente membros de <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Todos em <SpaceName/> poderão ver e entrar."
+    },
+    "credits": {
+        "default_cover_photo": "A <photo>foto de capa padrão</photo> é ©<author> Jesus Roncero</author> usada sob os termos de<terms> CC-BY-SA 4.0</terms> .",
+        "twemoji": "A arte do <twemoji> emoji </twemoji> Twemoji é © <author> Twitter, Inc e outros colaboradores </author> usados sob os termos da CC-BY 4.0. <terms> </terms>",
+        "twemoji_colr": "A fonte <colr>twemoji-colr</colr> é © <author>Mozilla Foundation</author> usada sob os termos de <terms>Apache 2.0</terms>."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Tem certeza de que deseja recusar o convite para participar de \"%(roomName)s“?",
+        "ignore_user_help": "Você não verá nenhuma mensagem ou convite para salas desse usuário.",
+        "reason_description": "Descreva o motivo da denúncia da sala.",
+        "report_room_description": "Denuncie esta sala ao provedor da sua conta.",
+        "title": "Recusar convite"
+    },
+    "desktop_default_device_name": "%(brand)sÁrea de trabalho: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Widgets ativados",
+        "category_other": "Outros",
+        "category_room": "Sala",
+        "caution_colon": "Atenção:",
+        "client_versions": "Versões do cliente",
+        "crypto": {
+            "4s_public_key_in_account_data": "nos dados de conta",
+            "4s_public_key_not_in_account_data": "não encontrado",
+            "4s_public_key_status": "Chave pública do armazenamento secreto:",
+            "backup_key_cached": "armazenado localmente",
+            "backup_key_cached_status": "Backup da chave em cache:",
+            "backup_key_not_stored": "não armazenado",
+            "backup_key_stored": "em armazenamento secreto",
+            "backup_key_stored_status": "Backup da chave armazenada:",
+            "backup_key_unexpected_type": "tipo inesperado",
+            "backup_key_well_formed": "bem formado",
+            "cross_signing": "Assinatura cruzada",
+            "cross_signing_cached": "armazenado localmente",
+            "cross_signing_not_ready": "A assinatura cruzada não está configurada.",
+            "cross_signing_private_keys_in_storage": "em armazenamento secreto",
+            "cross_signing_private_keys_in_storage_status": "Chaves privadas de assinatura cruzada:",
+            "cross_signing_private_keys_not_in_storage": "não encontrado no armazenamento",
+            "cross_signing_public_keys_on_device": "na memória",
+            "cross_signing_public_keys_on_device_status": "Chaves públicas de assinatura cruzada:",
+            "cross_signing_ready": "A assinatura cruzada está pronta para ser usada.",
+            "cross_signing_status": "Status de assinatura cruzada:",
+            "cross_signing_untrusted": "Sua conta tem uma identidade de assinatura cruzada no armazenamento secreto, mas ela ainda não é confiável para esta sessão.",
+            "crypto_not_available": "O módulo criptográfico não está disponível",
+            "device_id": "ID do dispositivo",
+            "key_backup_active_version": "Versão de backup ativo:",
+            "key_backup_active_version_none": "Nenhuma",
+            "key_backup_inactive_warning": "Suas chaves não estão sendo copiadas nesta sessão.",
+            "key_backup_latest_version": "Versão mais recente do backup no servidor:",
+            "key_storage": "Armazenamento de chaves",
+            "master_private_key_cached_status": "Chave privada principal:",
+            "not_found": "não encontrado",
+            "not_found_locally": "não encontrado localmente",
+            "secret_storage_not_ready": "não está pronto",
+            "secret_storage_ready": "pronto",
+            "secret_storage_status": "Armazenamento secreto:",
+            "self_signing_private_key_cached_status": "Chave privada auto-assinada:",
+            "session": "Sessão",
+            "session_fingerprint": "Impressão digital (chave de sessão)",
+            "title": "Criptografia de ponta a ponta",
+            "user_signing_private_key_cached_status": "Chave privada de assinatura do usuário:"
+        },
+        "developer_mode": "Modo desenvolvedor",
+        "developer_tools": "Ferramentas do desenvolvedor",
+        "device_dehydrated_no": "Desidratado: Não",
+        "device_dehydrated_yes": "Desidratado: Sim",
+        "device_id": "ID do dispositivo: %(deviceId)s",
+        "device_keys": "Chaves do dispositivo",
+        "device_verification_status": {
+            "signed_by_owner": "Status da verificação: <E2EIcon /> Assinado pelo proprietário",
+            "unknown": "Status da verificação: Desconhecido",
+            "unverified": "Status da verificação: <E2EIcon /> Não assinado pelo proprietário",
+            "verified": "Status da verificação: <E2EIcon /> Verificado por assinatura cruzada"
+        },
+        "devices": "Dispositivos criptográficos (%(count)s)",
+        "edit_setting": "Editar configuração",
+        "edit_values": "Editar valores",
+        "empty_string": "<empty string>",
+        "event_content": "Conteúdo do Evento",
+        "event_id": "ID do evento: %(eventId)s",
+        "event_sent": "Evento enviado!",
+        "event_type": "Tipo do Evento",
+        "explore_account_data": "Explore os dados da conta",
+        "explore_room_account_data": "Explore os dados da conta da sala",
+        "explore_room_state": "Explore o estado da sala",
+        "failed_to_find_widget": "Ocorreu um erro ao encontrar este widget.",
+        "failed_to_load": "Falha ao carregar.",
+        "failed_to_save": "Falha ao salvar as configurações.",
+        "failed_to_send": "Falha ao enviar o evento!",
+        "id": "ID: ",
+        "invalid_device_key_id": "ID da chave do dispositivo inválida",
+        "invalid_json": "Não parece um JSON válido.",
+        "level": "Nível",
+        "low_bandwidth_mode": "Modo de baixa largura de banda",
+        "low_bandwidth_mode_description": "Requer servidor doméstico compatível.",
+        "main_timeline": "Linha do tempo principal",
+        "manual_device_verification": "Verificação manual do dispositivo",
+        "no_receipt_found": "Nenhum recibo encontrado",
+        "notification_state": "O estado da notificação é<strong>%(notificationState)s</strong>",
+        "notifications_debug": "Depuração de notificações",
+        "number_of_users": "Número de usuários",
+        "only_joined_members": "Somente usuários cadastrados",
+        "original_event_source": "Fonte do evento original",
+        "room_encrypted": "A sala está <strong> criptografada ✅ </strong>",
+        "room_id": "ID da sala: %(roomId)s",
+        "room_not_encrypted": "A sala <strong> não está criptografada 🚨 </strong>",
+        "room_notifications_dot": "Ponto: ",
+        "room_notifications_highlight": "Destaque: ",
+        "room_notifications_last_event": "Último evento:",
+        "room_notifications_sender": "Remetente: ",
+        "room_notifications_thread_id": "ID do tópico: ",
+        "room_notifications_total": "Total: ",
+        "room_notifications_type": "Tipo: ",
+        "room_status": "Status da sala",
+        "room_unread_status_count": {
+            "one": "Status da sala não lida: <strong> %(status)s</strong>, contagem: <strong> %(count)s </strong>",
+            "other": "Status da sala não lida: <strong> %(status)s</strong>, contagem: <strong> %(count)s </strong>"
+        },
+        "save_setting_values": "Salvar valores de configuração",
+        "see_history": "Ver histórico",
+        "send_custom_account_data_event": "Enviar evento de dados de conta personalizado",
+        "send_custom_room_account_data_event": "Enviar evento personalizado de dados da conta da sala",
+        "send_custom_state_event": "Enviar evento de estado personalizado",
+        "send_custom_timeline_event": "Enviar evento de cronograma personalizado",
+        "server_info": "Informações do servidor",
+        "server_versions": "Versões do servidor",
+        "settable_global": "Definido globalmente",
+        "settable_room": "Definido em cada sala",
+        "setting_colon": "Configuração:",
+        "setting_definition": "Definição da configuração:",
+        "setting_id": "ID da configuração",
+        "settings": {
+            "elementCallUrl": "URL de chamada do Element"
+        },
+        "settings_explorer": "Explorador de configurações",
+        "show_empty_content_events": "Mostrar eventos com conteúdo vazio",
+        "show_hidden_events": "Mostrar eventos ocultos nas conversas",
+        "spaces": {
+            "one": "<space>",
+            "other": "<%(count)s spaces>"
+        },
+        "state_key": "Chave do Estado",
+        "thread_root_id": "ID raiz do tópico: %(threadRootId)s",
+        "threads_timeline": "Linha do tempo dos tópicos",
+        "title": "Ferramentas de desenvolvimento",
+        "toolbox": "Ferramentas",
+        "use_at_own_risk": "Esta interface de usuário NÃO verifica os tipos de valores. Use por sua conta e risco.",
+        "user_avatar": "Avatar: %(avatar)s",
+        "user_displayname": "Nome de exibição: %(displayname)s",
+        "user_id": "ID do usuário: %(userId)s",
+        "user_no_avatar": "Avatar: <i>Nenhum</i>",
+        "user_no_displayname": "Nome de exibição: <i>Nenhum</i>",
+        "user_read_up_to": "O usuário leu até: ",
+        "user_read_up_to_ignore_synthetic": "O usuário leu até (ignoreSynthetic): ",
+        "user_read_up_to_private": "O usuário leu até (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "O usuário leu até (m.read.private; ignoreSynthetic): ",
+        "user_room_membership": "Afiliação: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Status da verificação: <E2EIcon /> Não verificado e identidade alterada",
+            "unverified": "Status da verificação: <E2EIcon /> Não verificado",
+            "verified": "Status da verificação: <E2EIcon /> Verificado",
+            "was_verified": "Status da verificação: <E2EIcon /> Foi verificado, mas a identidade mudou."
+        },
+        "users": "Usuários",
+        "value": "Valor",
+        "value_colon": "Valor:",
+        "value_in_this_room": "Valor nessa sala",
+        "value_this_room_colon": "Valor nessa sala:",
+        "values_explicit": "Valores em níveis explícitos",
+        "values_explicit_colon": "Valores em níveis explícitos:",
+        "values_explicit_room": "Valores em níveis explícitos nessa sala",
+        "values_explicit_this_room_colon": "Valores em níveis explícitos nessa sala:",
+        "view_servers_in_room": "Exibir servidores na sala",
+        "view_source_decrypted_event_source": "Fonte de evento descriptografada",
+        "view_source_decrypted_event_source_unavailable": "Fonte descriptografada indisponível",
+        "widget_screenshots": "Ativar capturas de tela do widget em widgets suportados"
+    },
+    "dialog_close_label": "Fechar caixa de diálogo",
+    "download_completed": "Download Concluído",
+    "empty_room": "Sala vazia",
+    "empty_room_was_name": "Sala vazia (era %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Se você tiver uma chave de segurança ou frase de segurança, isso também funcionará.",
+            "key_validation_text": {
+                "wrong_security_key": "A chave de recuperação que você inseriu não está correta."
+            },
+            "privacy_warning": "Certifique-se de que ninguém possa ver essa tela!",
+            "restoring": "Restaurando chaves do backup",
+            "security_key_label": "Chave de recuperação",
+            "security_key_title": "Insira sua chave de recuperação"
+        },
+        "bootstrap_title": "Configurar chaves",
+        "confirm_encryption_setup_body": "Clique no botão abaixo para confirmar a configuração da criptografia.",
+        "confirm_encryption_setup_title": "Confirmar a configuração de criptografia",
+        "cross_signing_room_normal": "Esta sala é criptografada de ponta a ponta",
+        "cross_signing_room_verified": "Todos nesta sala estão confirmados",
+        "cross_signing_room_warning": "Alguém está usando uma sessão desconhecida",
+        "cross_signing_user_normal": "Você não confirmou este usuário.",
+        "cross_signing_user_verified": "Você confirmou este usuário. Este usuário confirmou todas as próprias sessões.",
+        "cross_signing_user_warning": "Este usuário não confirmou todas as próprias sessões.",
+        "enter_recovery_key": "Insira a chave de recuperação",
+        "event_shield_reason_authenticity_not_guaranteed": "A autenticidade desta mensagem criptografada não pode ser garantida neste aparelho.",
+        "event_shield_reason_mismatched_sender": "O remetente do evento não corresponde com o proprietário do dispositivo que o enviou.",
+        "event_shield_reason_mismatched_sender_key": "Criptografada por uma sessão não confirmada",
+        "event_shield_reason_unknown_device": "Criptografado por um dispositivo desconhecido ou excluído.",
+        "event_shield_reason_unsigned_device": "Criptografado por um dispositivo não verificado por seu proprietário.",
+        "event_shield_reason_unverified_identity": "Criptografado por um usuário não verificado.",
+        "export_unsupported": "O seu navegador não suporta as extensões de criptografia necessárias",
+        "forgot_recovery_key": "Esqueceu a chave de recuperação?",
+        "import_invalid_keyfile": "Não é um arquivo de chave válido do %(brand)s",
+        "import_invalid_passphrase": "Falha ao checar a autenticação: senha incorreta?",
+        "key_storage_out_of_sync": "Seu armazenamento de chaves está fora de sincronia.",
+        "key_storage_out_of_sync_description": "Confirme sua chave de recuperação para manter o acesso ao seu armazenamento de chaves e histórico de mensagens.",
+        "messages_not_secure": {
+            "cause_1": "Seu servidor local",
+            "cause_2": "O servidor doméstico do usuário que você está verificando está conectado",
+            "cause_3": "A sua ou a conexão de Internet de outros usuários",
+            "cause_4": "A sua ou a sessão de outros usuários",
+            "heading": "Um dos seguintes pode estar comprometido:",
+            "title": "Suas mensagens não estão seguras"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Uma nova Frase de Segurança e uma nova chave para mensagens seguras foram detectadas.",
+            "description_2": "Esta sessão está criptografando o histórico de mensagens usando a nova opção de recuperação.",
+            "title": "Nova opção de recuperação",
+            "warning": "Se você não definiu a nova opção de recuperação, um invasor pode estar tentando acessar sua conta. Altere a senha da sua conta e defina uma nova opção de recuperação imediatamente nas Configurações."
+        },
+        "pinned_identity_changed": "A identidade de %(displayName)s (<b>%(userId)s</b>) parece ter mudado. <a>Saiba mais</a>",
+        "pinned_identity_changed_no_displayname": "A identidade de <b>%(userId)s</b> parece ter mudado. <a>Saiba mais</a>",
+        "recovery_method_removed": {
+            "description_1": "Esta sessão detectou que a sua Frase de Segurança e a chave para mensagens seguras foram removidas.",
+            "description_2": "Se você fez isso acidentalmente, você pode configurar Mensagens Seguras nesta sessão, o que vai re-criptografar o histórico de mensagens desta sessão com uma nova opção de recuperação.",
+            "title": "Opção de recuperação removida",
+            "warning": "Se você não excluiu a opção de recuperação, um invasor pode estar tentando acessar sua conta. Altere a senha da sua conta e defina imediatamente uma nova opção de recuperação nas Configurações."
+        },
+        "set_up_recovery": "Configurar a recuperação",
+        "set_up_recovery_toast_description": "Gere uma chave de recuperação que possa ser usada para restaurar seu histórico de mensagens criptografadas caso você perca o acesso aos seus dispositivos.",
+        "set_up_toast_title": "Configurar o backup online",
+        "turn_on_key_storage": "Ativar o armazenamento de chaves",
+        "turn_on_key_storage_description": "Armazene sua identidade criptográfica e as chaves de mensagem com segurança no servidor. Isso permitirá que você visualize seu histórico de mensagens em qualquer novo dispositivo.",
+        "unable_to_setup_keys_error": "Não foi possível configurar as chaves",
+        "verification": {
+            "accepting": "Aceitando…",
+            "after_new_login": {
+                "device_verified": "Dispositivo verificado",
+                "skip_verification": "Ignorar a verificação por enquanto",
+                "verify_this_device": "Verifique este dispositivo"
+            },
+            "cancelled_verification": "A solicitação expirou, foi negada ou houve uma incompatibilidade de verificação.",
+            "cancelling": "Cancelando…",
+            "cant_confirm": "Não consegue confirmar?",
+            "complete_action": "Ok, entendi",
+            "complete_description": "Você confirmou este usuário com sucesso.",
+            "complete_title": "Confirmado!",
+            "confirm_identity_description": "Verifique este dispositivo para configurar as mensagens seguras",
+            "confirm_identity_title": "Confirme sua identidade",
+            "confirm_the_emojis": "Confirme se os emojis abaixo correspondem aos exibidos no seu outro dispositivo.",
+            "error_starting_description": "Não foi possível iniciar um bate-papo com o outro usuário.",
+            "error_starting_title": "Erro ao iniciar a verificação",
+            "explainer": "As mensagens com este usuário estão protegidas com a criptografia de ponta a ponta e não podem ser lidas por terceiros.",
+            "in_person": "Para sua segurança, faça isso pessoalmente ou use uma forma confiável de comunicação.",
+            "incoming_sas_device_dialog_text_1": "Confirme este aparelho para torná-lo confiável. Confiar neste aparelho fornecerá segurança adicional para você e aos outros ao trocarem mensagens criptografadas de ponta a ponta.",
+            "incoming_sas_device_dialog_text_2": "Confirmar este aparelho o marcará como confiável para você e para os usuários que se confirmaram com você.",
+            "incoming_sas_dialog_title": "Recebendo solicitação de confirmação",
+            "incoming_sas_dialog_waiting": "Aguardando a confirmação do parceiro…",
+            "incoming_sas_user_dialog_text_1": "Confirme este usuário para torná-lo confiável. Confiar nos usuários fornece segurança adicional ao trocar mensagens criptografadas de ponta a ponta.",
+            "incoming_sas_user_dialog_text_2": "Se você confirmar esse usuário, a sessão será marcada como confiável para você e para ele.",
+            "manual": {
+                "already_verified": "Este dispositivo já está verificado",
+                "already_verified_and_wrong_fingerprint": "A impressão digital fornecida não corresponde, mas o dispositivo já foi verificado!",
+                "device_id": "ID do dispositivo",
+                "failure_description": "Falha ao verificar '%(deviceId)s': %(error)s",
+                "failure_title": "A verificação falhou",
+                "fingerprint": "Impressão digital (chave de sessão)",
+                "no_crypto": "Não é possível verificar o dispositivo - a criptografia não está ativada",
+                "no_device": "Não foi possível verificar o dispositivo - o dispositivo '%(deviceId)s' não foi encontrado",
+                "no_userid": "Não foi possível verificar o dispositivo - não foi possível encontrar nossa ID de usuário",
+                "success_description": "O dispositivo (%(deviceId)s) agora tem assinatura cruzada",
+                "success_title": "Verificação bem-sucedida",
+                "text": "Forneça o ID e a impressão digital de um de seus próprios dispositivos para verificá-lo. OBSERVE que isso permite que o outro dispositivo envie e receba mensagens como você. SE ALGUÉM LHE DISSE PARA COLAR ALGO AQUI, É PROVÁVEL QUE VOCÊ ESTEJA SENDO ENGANADO!",
+                "wrong_fingerprint": "Não é possível verificar o dispositivo '%(deviceId)s' - a impressão digital fornecida '%(fingerprint)s' não corresponde à impressão digital do dispositivo, '%(fprint)s'"
+            },
+            "no_support_qr_emoji": "O dispositivo que você está tentando verificar não suporta a leitura de um código QR ou verificação de emoji, que é o que %(brand)s suporta. Tente com um cliente diferente.",
+            "now_you_can": "Agora você pode ler ou enviar mensagens com segurança, e qualquer pessoa com quem você converse também poderá confiar neste dispositivo.",
+            "once_accepted_can_continue": "Depois de aceito, você poderá continuar com a verificação.",
+            "other_party_cancelled": "Seu contato cancelou a confirmação.",
+            "prompt_encrypted": "Verifique todos os usuários em uma sala para se certificar de que ela está segura.",
+            "prompt_unencrypted": "Em salas criptografadas, verifique todos os usuários para garantir a segurança.",
+            "qr_or_sas": "%(qrCode)s ou %(emojiCompare)s",
+            "qr_prompt": "Escaneie este código único",
+            "qr_reciprocate_check_again_device": "Verifique novamente em seu outro dispositivo para concluir a verificação.",
+            "qr_reciprocate_no": "Não, não vejo nenhum escudo verde.",
+            "qr_reciprocate_same_shield_user": "Quase lá! Este escudo também aparece para %(displayName)s?",
+            "qr_reciprocate_yes": "Sim, eu vejo um escudo verde.",
+            "request_toast_accept_user": "Verificar usuário",
+            "request_toast_decline_counter": "Ignorar (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s de %(ip)s",
+            "request_toast_start_verification": "Iniciar verificação",
+            "sas_caption_self": "Verifique este dispositivo confirmando que o seguinte número aparece em sua tela.",
+            "sas_caption_user": "Confirme este usuário, comparando os números a seguir que serão exibidos na sua e na tela dele.",
+            "sas_description": "Compare um conjunto único de emojis se você não tem uma câmera em nenhum dos dois aparelhos",
+            "sas_emoji_caption_user": "Confirme este usuário confirmando os emojis a seguir exibidos na tela dele.",
+            "sas_match": "São coincidentes",
+            "sas_no_match": "Elas não são correspondentes",
+            "sas_prompt": "Comparar emojis únicos",
+            "scan_qr": "Confirmar através de QR Code",
+            "scan_qr_explainer": "Peça para %(displayName)s escanear o seu código:",
+            "start_button": "Iniciar confirmação",
+            "successful_user": "Você confirmou %(displayName)s com sucesso!",
+            "unsupported_method": "Nenhuma opção de confirmação é suportada.",
+            "unverified_session_toast_accept": "Sim, fui eu",
+            "unverified_session_toast_title": "Novo login. Foi você?",
+            "unverified_sessions_toast_description": "Revise para assegurar que sua conta está segura",
+            "unverified_sessions_toast_reject": "Mais tarde",
+            "unverified_sessions_toast_title": "Você tem sessões não verificadas",
+            "use_another_device": "Usar outro dispositivo",
+            "use_recovery_key": "Usar chave de recuperação",
+            "verification_dialog_title_choose": "Escolha como verificar",
+            "verification_dialog_title_compare_emojis": "Comparar emojis",
+            "verification_dialog_title_confirm_green_shield": "Confirme se você vê um escudo verde no seu outro dispositivo.",
+            "verification_dialog_title_device": "Verifique outro dispositivo",
+            "verification_dialog_title_failed": "A verificação falhou",
+            "verification_dialog_title_start_on_other_device": "Inicie a verificação no outro dispositivo",
+            "verification_dialog_title_user": "Solicitação de confirmação",
+            "verification_dialog_title_verified": "Dispositivo verificado",
+            "verification_skip_warning": "Sem verificar, você não terá acesso a todas as suas mensagens e poderá aparecer como não confiável para outras pessoas.",
+            "verification_success_with_backup": "O seu novo dispositivo agora está verificado. Ele tem acesso às suas mensagens criptografadas, e outros usuários o verão como confiável.",
+            "verification_success_without_backup": "Seu novo dispositivo agora foi verificado. Outros usuários o verão como confiável.",
+            "verify_by_completing_one_of": "Verifique preenchendo um dos seguintes formulários:",
+            "verify_emoji": "Confirmar por emojis",
+            "verify_emoji_prompt": "Confirmar comparando emojis únicos.",
+            "verify_emoji_prompt_qr": "Se você não consegue escanear o código acima, confirme comparando emojis únicos.",
+            "verify_later": "Vou verificar mais tarde",
+            "waiting_for_user_accept": "Aguardando %(displayName)s aceitar…",
+            "waiting_other_device": "Aguardando sua verificação em seu outro dispositivo…",
+            "waiting_other_device_details": "Esperando que você verifique em seu outro dispositivo, %(deviceName)s (%(deviceId)s)...",
+            "waiting_other_user": "Aguardando %(displayName)s confirmar…"
+        },
+        "verification_requested_toast_title": "Verificação solicitada",
+        "verified_identity_changed": "A identidade verificada de %(displayName)s (<b>%(userId)s</b>) foi alterada. <a>Saiba mais</a>",
+        "verified_identity_changed_no_displayname": "A identidade verificada de <b>%(userId)s</b> foi alterada. <a>Saiba mais</a>",
+        "verify_toast_description": "Outras(os) usuárias(os) podem não confiar nela",
+        "verify_toast_title": "Confirmar esta sessão",
+        "withdraw_verification_action": "Retirar verificação"
+    },
+    "error": {
+        "admin_contact": "Por favor, <a>entre em contato com o seu administrador de serviços</a> para continuar usando este serviço.",
+        "admin_contact_short": "Entre em contato com sua(seu) <a>administrador(a) do servidor</a>.",
+        "app_launch_unexpected_error": "Erro inesperado preparando o app. Veja console para detalhes.",
+        "cannot_load_config": "Incapaz de carregar arquivo de configuração: por favor atualize a página para tentar de novo.",
+        "connection": "Ocorreu um problema de comunicação com o servidor local. Tente novamente mais tarde.",
+        "dialog_description_default": "Ocorreu um erro.",
+        "download_media": "Falha ao baixar a mídia de origem, nenhum URL de origem foi encontrado",
+        "edit_history_unsupported": "O seu servidor local não parece suportar este recurso.",
+        "failed_copy": "Não foi possível copiar",
+        "hs_blocked": "Este servidor local foi bloqueado pelo seu administrador.",
+        "invalid_configuration_mixed_server": "Configuração inválida: um default_hs_url não pode ser especificado junto com default_server_name ou default_server_config",
+        "invalid_configuration_no_server": "Configuração inválida: nenhum servidor default especificado.",
+        "invalid_json": "Sua configuração do Element contém JSON inválido. Por favor corrija o problema e recarregue a página.",
+        "invalid_json_detail": "A mensagem do parser é: %(message)s",
+        "invalid_json_generic": "JSON inválido",
+        "mau": "Este homeserver atingiu seu limite de usuário ativo mensal.",
+        "misconfigured": "Seu Element está mal configurado",
+        "mixed_content": "Uma conexão com o servidor local via HTTP não pode ser estabelecida se a barra de endereços do navegador contiver um endereço HTTPS. Use HTTPS ou, em vez disso, permita ao navegador executar <a>scripts não seguros</a>.",
+        "non_urgent_echo_failure_toast": "Seu servidor não está respondendo a algumas <a>solicitações</a>.",
+        "resource_limits": "Este servidor local ultrapassou um dos seus limites de recursos.",
+        "session_restore": {
+            "clear_storage_button": "Limpar armazenamento e sair",
+            "clear_storage_description": "Fazer logout e remover as chaves de criptografia?",
+            "description_1": "Encontramos um erro ao tentar restaurar sua sessão anterior.",
+            "description_2": "Se você já usou antes uma versão mais recente do %(brand)s, a sua sessão pode ser incompatível com esta versão. Feche esta janela e tente abrir com a versão mais recente.",
+            "description_3": "Limpar o armazenamento do seu navegador pode resolver o problema, mas você será deslogado e isso fará que qualquer histórico de bate-papo criptografado fique ilegível.",
+            "title": "Não foi possível restaurar a sessão"
+        },
+        "something_went_wrong": "Não foi possível carregar!",
+        "storage_evicted_description_1": "Alguns dados de sessão, incluindo chaves de mensagens criptografadas, estão faltando. Desconecte-se e entre novamente para resolver isso, o que restaurará as chaves do backup.",
+        "storage_evicted_description_2": "O seu navegador provavelmente removeu esses dados quando o espaço de armazenamento ficou insuficiente.",
+        "storage_evicted_title": "Dados de sessão ausentes",
+        "sync": "Não foi possível conectar ao Homeserver. Tentando novamente…",
+        "tls": "Não foi possível conectar ao Servidor de Base. Por favor, confira sua conectividade à internet, garanta que o <a>certificado SSL do Servidor de Base</a> é confiável, e que uma extensão do navegador não esteja bloqueando as requisições de rede.",
+        "unknown": "Erro desconhecido",
+        "unknown_error_code": "código de erro desconhecido",
+        "update_history_visibility": "Falha ao alterar a visibilidade do histórico",
+        "update_power_level": "Não foi possível alterar o nível de permissão"
+    },
+    "error_app_open_in_another_tab": "Mude para a outra guia para se conectar em %(brand)s. Essa guia agora pode ser fechada.",
+    "error_app_open_in_another_tab_title": "%(brand)s está conectado em outra guia",
+    "error_app_opened_in_another_window": "%(brand)s está aberto em outra janela. Clique em \"%(label)s\" para usar %(brand)s aqui e desconectar a outra janela.",
+    "error_database_closed_description": {
+        "for_desktop": "Seu disco pode estar cheio. Por favor, libere algum espaço e recarregue.",
+        "for_web": "Se você limpou os dados de navegação, esta mensagem é esperada. %(brand)s também pode estar aberto em outra guia ou seu disco está cheio. Por favor, libere algum espaço e recarregue"
+    },
+    "error_database_closed_title": "%(brand)s parou de funcionar",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Não foi possível copiar um link da sala para a área de transferência.",
+            "title": "Não foi possível copiar o link da sala"
+        },
+        "error_loading_user_profile": "Não foi possível carregar o perfil do usuário",
+        "forget_room_failed": "Falhou ao esquecer a sala %(errCode)s"
+    },
+    "error_user_not_logged_in": "O usuário não está logado",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Chamada em andamento",
+            "user": "%(senderName)s entrou na chamada",
+            "you": "Você entrou na chamada"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s encerrou a chamada",
+            "you": "Você encerrou a chamada"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s está chamando",
+            "dm_send": "Aguardando a resposta",
+            "user": "%(senderName)s iniciou uma chamada",
+            "you": "Você iniciou uma chamada"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s reagiu %(reaction)s a %(message)s",
+            "you": "Você reagiu %(reaction)s a %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Áudio",
+            "file": "Arquivo",
+            "image": "Imagem",
+            "poll": "Enquete",
+            "video": "Vídeo"
+        },
+        "preview": "<bold>%(prefix)s: </bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Exportação cancelada",
+        "cancelled_detail": "A exportação foi cancelada com sucesso",
+        "confirm_stop": "Tem certeza de que deseja parar de exportar seus dados? Se o fizer, terá de começar de novo.",
+        "creating_html": "Criando HTML...",
+        "creating_output": "Criando saída...",
+        "creator_summary": "%(creatorName)s criou esta sala.",
+        "current_timeline": "Linha do tempo atual",
+        "enter_number_between_min_max": "Insira um número entre %(min)s e %(max)s",
+        "error_fetching_file": "Erro ao buscar arquivo",
+        "export_info": "Este é o início da exportação da sala <roomName/>. Exportado por <exporterDetails/> às %(exportDate)s.",
+        "export_successful": "Exportação realizada com sucesso!",
+        "exported_n_events_in_time": {
+            "one": "%(count)s evento exportado em %(seconds)s segundos",
+            "other": "%(count)s eventos exportados em %(seconds)s segundos"
+        },
+        "exporting_your_data": "Exportando seus dados",
+        "fetched_n_events": {
+            "one": "Buscado %(count)s evento até agora",
+            "other": "Buscado %(count)s eventos até agora"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Buscado %(count)s evento em%(seconds)s s",
+            "other": "Buscado %(count)s eventos em%(seconds)s s"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Buscado%(count)s evento fora de%(total)s",
+            "other": "Buscado%(count)s eventos fora de%(total)s"
+        },
+        "fetching_events": "Buscando eventos...",
+        "file_attached": "Arquivo Anexado",
+        "format": "Formato",
+        "from_the_beginning": "Do começo",
+        "generating_zip": "Gerando um ZIP",
+        "html": "HTML",
+        "html_title": "Dados Exportados",
+        "include_attachments": "Incluir Anexos",
+        "json": "JSON",
+        "media_omitted": "Mídia omitida",
+        "media_omitted_file_size": "Mídia omitida - tamanho do arquivo excede o limite",
+        "messages": "Mensagens",
+        "next_page": "Próximo grupo de mensagens",
+        "num_messages": "Número de mensagens",
+        "num_messages_min_max": "Número de mensagens pode ser apenas um número entre %(min)s e %(max)s",
+        "number_of_messages": "Especifique um número de mensagens",
+        "previous_page": "Grupo anterior de mensagens",
+        "processing": "Processando...",
+        "processing_event_n": "Processando evento %(number)s de %(total)s",
+        "select_option": "Selecione uma das opções abaixo para exportar bate-papos da sua linha do tempo",
+        "size_limit": "Limite de Tamanho",
+        "size_limit_min_max": "O tamanho pode ser apenas um número entre %(min)s MB e %(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Iniciando exportação…",
+        "successful": "Exportação bem-sucedida",
+        "successful_detail": "Sua exportação foi bem-sucedida. Encontre na sua pasta de Downloads.",
+        "text": "Texto Simples",
+        "title": "Exportar bate-papo",
+        "topic": "Tópico: %(topic)s",
+        "unload_confirm": "Tem certeza de que deseja sair durante esta exportação?"
+    },
+    "failed_load_async_component": "Não foi possível carregar! Verifique sua conexão de rede e tente novamente.",
+    "feedback": {
+        "can_contact_label": "Vocês podem me contactar se tiverem quaisquer perguntas subsequentes",
+        "comment_label": "Comentário",
+        "existing_issue_link": "Por favor, consulte os <existingIssuesLink> erros conhecidos no Github </existingIssuesLink> antes de enviar o seu. Se ninguém tiver mencionado o seu erro, <newIssueLink> informe-nos sobre um erro novo </newIssueLink>.",
+        "may_contact_label": "Você pode entrar em contato comigo se quiser acompanhar ou me deixar testar as próximas ideias",
+        "platform_username": "Sua plataforma e nome de usuário serão registrados para nos ajudar a usar seu feedback o máximo possível.",
+        "pro_type": "DICA: se você nos informar um erro, envie <debugLogsLink> relatórios de erro</debugLogsLink> para nos ajudar a rastrear o problema.",
+        "send_feedback_action": "Enviar comentário",
+        "sent": "Comentário enviado"
+    },
+    "file_panel": {
+        "empty_description": "Anexe arquivos na conversa, ou simplesmente arraste e solte arquivos em qualquer lugar na sala.",
+        "empty_heading": "Nenhum arquivo nesta sala",
+        "guest_note": "Você deve <a>se registrar</a> para usar este recurso",
+        "peek_note": "Você precisa ingressar na sala para ver seus arquivos"
+    },
+    "forward": {
+        "filter_placeholder": "Procurar por salas ou pessoas",
+        "message_preview_heading": "Pré-visualização da mensagem",
+        "no_perms_title": "Você não tem permissão para fazer isso",
+        "open_room": "Sala aberta",
+        "send_label": "Enviar",
+        "sending": "Enviando",
+        "sent": "Enviado"
+    },
+    "identity_server": {
+        "change": "Alterar o servidor de identidade",
+        "change_prompt": "Desconectar-se do servidor de identidade <current /> e conectar-se em <new /> em vez disso?",
+        "change_server_prompt": "Se você não quiser usar <server /> para descobrir e ser detectável pelos contatos existentes, digite outro servidor de identidade abaixo.",
+        "changed": "Seu servidor de identidade foi alterado",
+        "checking": "Verificando servidor",
+        "description_connected": "No momento, você está usando <server></server> para descobrir e ser descoberto pelos contatos existentes que você conhece. Você pode alterar seu servidor de identidade abaixo.",
+        "description_disconnected": "No momento, você não está usando um servidor de identidade. Para descobrir e ser descoberto pelos contatos existentes, adicione um abaixo.",
+        "description_optional": "Usar um servidor de identidade é opcional. Se você optar por não usar um servidor de identidade, não poderá ser descoberto por outros usuários e não poderá convidar outras pessoas por e-mail ou por número de celular.",
+        "disconnect": "Desconectar servidor de identidade",
+        "disconnect_anyway": "Desconectar de qualquer maneira",
+        "disconnect_offline_warning": "Você deve <b>remover seus dados pessoais</b> do servidor de identidade <idserver /> antes de desconectar. Infelizmente, o servidor de identidade <idserver /> ou está indisponível no momento, ou não pode ser acessado.",
+        "disconnect_personal_data_warning_1": "Você ainda está <b>compartilhando seus dados pessoais</b> no servidor de identidade <idserver />.",
+        "disconnect_personal_data_warning_2": "Recomendamos que você remova seus endereços de e-mail e números de telefone do servidor de identidade antes de desconectar.",
+        "disconnect_server": "Desconectar-se do servidor de identidade <idserver />?",
+        "disconnect_warning": "Desconectar-se do servidor de identidade significa que você não poderá ser descoberto por outros usuários e não poderá convidar outras pessoas por e-mail ou número de celular.",
+        "do_not_use": "Não usar um servidor de identidade",
+        "error_connection": "Não foi possível conectar-se ao servidor de identidade",
+        "error_invalid": "Servidor de identidade inválido (código de status %(code)s)",
+        "error_invalid_or_terms": "Termos de serviço não aceitos ou o servidor de identidade é inválido.",
+        "no_terms": "O servidor de identidade que você escolheu não possui nenhum termo de serviço.",
+        "suggestions": "Você deveria:",
+        "suggestions_1": "verifique se há extensões no seu navegador que possam bloquear o servidor de identidade (por exemplo, Privacy Badger)",
+        "suggestions_2": "entre em contato com os administradores do servidor de identidade <idserver />",
+        "suggestions_3": "aguarde e tente novamente mais tarde",
+        "url": "Servidor de identidade (%(server)s)",
+        "url_field_label": "Digite um novo servidor de identidade",
+        "url_not_https": "O link do servidor de identidade deve começar com HTTPS"
+    },
+    "in_space": "No espaço %(spaceName)s.",
+    "in_space1_and_space2": "Nos espaços %(space1Name)s e %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "Em %(spaceName)s e %(count)s outro espaço.",
+        "other": "Em %(spaceName)s e %(count)s outros espaços."
+    },
+    "incompatible_browser": {
+        "continue": "Continuar mesmo assim",
+        "description": "%(brand)s usa alguns recursos do navegador que não estão disponíveis no seu navegador atual. %(detail)s",
+        "detail_can_continue": "Se você continuar, alguns recursos podem parar de funcionar e há o risco de você perder dados no futuro.",
+        "detail_no_continue": "Tente atualizar este navegador se não estiver usando a versão mais recente e tente novamente.",
+        "learn_more": "Saber mais",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "",
+        "title": "Browser insuportado",
+        "use_desktop_heading": "Use %(brand)s Desktop em vez disso",
+        "use_mobile_heading": "Em vez disso %(brand)s, use no celular",
+        "use_mobile_heading_after_desktop": "Ou use nosso aplicativo móvel",
+        "windows_64bit": "Windows (64 bits)",
+        "windows_arm_64bit": "Windows (ARM 64 bits)"
+    },
+    "info_tooltip_title": "Informação",
+    "integration_manager": {
+        "connecting": "Conectando-se ao gerenciador de integração...",
+        "error_connecting": "Ou o gerenciador de integrações está indisponível, ou ele não conseguiu acessar o seu servidor.",
+        "error_connecting_heading": "Não foi possível conectar ao gerenciador de integrações",
+        "explainer": "O gerenciador de integrações recebe dados de configuração e pode modificar widgets, enviar convites para salas e definir níveis de permissão em seu nome.",
+        "manage_title": "Gerenciar integrações",
+        "toggle_label": "Habilitar o gerenciador de integração",
+        "use_im": "Use o gerenciador de integrações para gerenciar bots, widgets e pacotes de figurinhas.",
+        "use_im_default": "Use o gerenciador de integrações em <b>(%(serverName)s)</b> para gerenciar bots, widgets e pacotes de figurinhas."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Habilite '%(manageIntegrations)s' em Configurações para fazer isto.",
+        "disabled_dialog_title": "As integrações estão desativadas",
+        "impossible_dialog_description": "Seu %(brand)s não permite que você use o gerenciador de integrações para fazer isso. Entre em contato com o administrador.",
+        "impossible_dialog_title": "As integrações não estão permitidas"
+    },
+    "invite": {
+        "email_caption": "Convidar por e-mail",
+        "email_limit_one": "Os convites por e-mail só podem ser enviados um de cada vez",
+        "email_use_default_is": "Use um servidor de identidade para convidar por e-mail. <default>Use o padrão (%(defaultIdentityServerName)s)</default> ou um servidor personalizado em <settings>Configurações</settings>.",
+        "email_use_is": "Use um servidor de identidade para convidar por e-mail. Gerencie o servidor em <settings>Configurações</settings>.",
+        "error_already_invited_room": "O usuário já foi convidado para a sala",
+        "error_already_invited_space": "O usuário já foi convidado para o espaço",
+        "error_already_joined_room": "O usuário já está na sala",
+        "error_already_joined_space": "O usuário já está no espaço",
+        "error_bad_state": "O banimento do usuário precisa ser removido antes de ser convidado.",
+        "error_dm": "Não foi possível criar seu DM.",
+        "error_find_room": "Ocorreu um erro ao tentar convidar os usuários.",
+        "error_find_user_description": "Os seguintes usuários não puderam ser convidados porque não existem ou são inválidos: %(csvNames)s",
+        "error_find_user_title": "Falha ao encontrar os seguintes usuários",
+        "error_invite": "Não foi possível convidar esses usuários. Por favor, tente novamente.",
+        "error_permissions_room": "Você não tem permissão para convidar pessoas para esta sala.",
+        "error_permissions_space": "Você não tem permissão para convidar pessoas para este espaço.",
+        "error_profile_undisclosed": "O usuário pode ou não existir",
+        "error_transfer_multiple_target": "Uma chamada só pode ser transferida para um único usuário.",
+        "error_unfederated_room": "Esta sala não é federada. Você não pode convidar pessoas de servidores externos.",
+        "error_unfederated_space": "Esse espaço não é federado. Você não pode convidar pessoas de servidores externos.",
+        "error_unknown": "Erro de servidor desconhecido",
+        "error_user_not_found": "O usuário não existe",
+        "error_version_unsupported_room": "O servidor doméstico do usuário não é compatível com a versão da sala.",
+        "error_version_unsupported_space": "O servidor doméstico do usuário não é compatível com a versão do espaço.",
+        "failed_generic": "A operação falhou",
+        "failed_title": "Falha ao enviar o convite",
+        "invalid_address": "Endereço não reconhecido",
+        "name_email_mxid_share_room": "Convide alguém a partir do nome, e-mail ou nome de usuário (por exemplo: <userId/>) ou <a>compartilhe esta sala</a>.",
+        "name_email_mxid_share_space": "Convide alguém a partir do nome, endereço de e-mail, nome de usuário (como <userId/>) ou <a>compartilhe este espaço</a>.",
+        "name_mxid_share_room": "Convide alguém a partir do nome ou nome de usuário (por exemplo: <userId/>) ou <a>compartilhe esta sala</a>.",
+        "name_mxid_share_space": "Convide alguém a partir do nome, nome de usuário (como <userId/>) ou <a>compartilhe este espaço</a>.",
+        "progress": {
+            "dont_close": "Não feche o aplicativo até terminar.",
+            "preparing": "Preparando convites..."
+        },
+        "recents_section": "Conversas recentes",
+        "room_failed_partial": "Nós enviamos aos outros, mas as pessoas abaixo não puderam ser convidadas para <RoomName/>",
+        "room_failed_partial_title": "Alguns convites não puderam ser enviados",
+        "room_failed_title": "Falha ao convidar usuários para %(roomName)s",
+        "send_link_prompt": "Ou envie o link do convite",
+        "start_conversation_name_email_mxid_prompt": "Comece uma conversa, a partir do nome, e-mail ou nome de usuário de alguém (por exemplo: <userId/>).",
+        "start_conversation_name_mxid_prompt": "Comece uma conversa, a partir do nome ou nome de usuário de alguém (por exemplo: <userId/>).",
+        "suggestions_disclaimer": "Algumas sugestões podem estar ocultas por motivos de privacidade.",
+        "suggestions_disclaimer_prompt": "Se você não consegue ver quem está procurando, envie o link do convite abaixo.",
+        "suggestions_section": "Conversas recentes",
+        "to_room": "Convide para %(roomName)s",
+        "to_space": "Convidar para %(spaceName)s",
+        "transfer_dial_pad_tab": "Teclado de discagem",
+        "transfer_user_directory_tab": "Diretório de usuários",
+        "unable_find_profiles_description_default": "Não é possível encontrar perfis para os IDs da Matrix listados abaixo - você gostaria de convidá-los mesmo assim?",
+        "unable_find_profiles_invite_label_default": "Convide mesmo assim",
+        "unable_find_profiles_invite_never_warn_label_default": "Convide mesmo assim e nunca mais me avise",
+        "unable_find_profiles_title": "Os seguintes usuários podem não existir",
+        "unban_first_title": "O usuário não pode ser convidado até que seja desbanido"
+    },
+    "inviting_user1_and_user2": "Convidando %(user1)s e %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Convidando %(user)s e 1 outro",
+        "other": "Convidando %(user)s e %(count)s outros"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> e %(count)s outras",
+        "one": "<Items/> e uma outra"
+    },
+    "keyboard": {
+        "activate_button": "Apertar no botão selecionado",
+        "alt": "Alt",
+        "autocomplete_cancel": "Cancelar o preenchimento automático",
+        "autocomplete_force": "Forçar conclusão",
+        "autocomplete_navigate_next": "Próxima sugestão de preenchimento automático",
+        "autocomplete_navigate_prev": "Sugestão anterior de preenchimento automático",
+        "backspace": "Backspace",
+        "cancel_reply": "Cancelar resposta à mensagem",
+        "category_autocomplete": "Preencher automaticamente",
+        "category_calls": "Chamadas",
+        "category_navigation": "Navegação",
+        "category_room_list": "Lista de salas",
+        "close_dialog_menu": "Fechar caixa de diálogo ou menu",
+        "composer_jump_end": "Ir para o final do compositor",
+        "composer_jump_start": "Ir para o início do compositor",
+        "composer_navigate_next_history": "Navegue para a próxima mensagem no histórico do compositor",
+        "composer_navigate_prev_history": "Navegue até a mensagem anterior no histórico do compositor",
+        "composer_new_line": "Nova linha",
+        "composer_redo": "Refazer edição",
+        "composer_toggle_bold": "Negrito",
+        "composer_toggle_code_block": "Alternar para bloco de código",
+        "composer_toggle_italics": "Itálico",
+        "composer_toggle_link": "Alternar para link",
+        "composer_toggle_quote": "Alternar para citação",
+        "composer_undo": "Desfazer edição",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Ignorar o marcador de leitura e ir para o final",
+        "end": "Fim",
+        "enter": "Entrar",
+        "escape": "Esc",
+        "go_home_view": "Ir para a tela inicial",
+        "home": "Início",
+        "jump_first_message": "Ir para primeira mensagem",
+        "jump_last_message": "Ir para a última mensagem",
+        "jump_room_search": "Ir para a pesquisa de salas",
+        "jump_to_read_marker": "Ir para a mensagem não lida mais antiga",
+        "keyboard_shortcuts_tab": "Abra esta guia de configurações",
+        "navigate_next_history": "Próxima sala ou espaço visitado recentemente",
+        "navigate_next_message_edit": "Navegar até a próxima mensagem para editar",
+        "navigate_prev_history": "Sala ou espaço visitado recentemente",
+        "navigate_prev_message_edit": "Navegar até a mensagem anterior para editar",
+        "next_landmark": "Ir para o próximo ponto de referência",
+        "next_room": "Próxima sala ou mensagem privada",
+        "next_unread_room": "Próxima sala não lida ou mensagem direta",
+        "number": "[número]",
+        "open_user_settings": "Abrir as configurações do usuário",
+        "page_down": "Página para baixo",
+        "page_up": "Página para cima",
+        "prev_landmark": "Ir para o ponto de referência anterior",
+        "prev_room": "Sala anterior ou mensagem privada",
+        "prev_unread_room": "Sala anterior não lida ou mensagem privada",
+        "room_list_collapse_section": "Esconder seção da lista de salas",
+        "room_list_expand_section": "Mostrar seção da lista de salas",
+        "room_list_navigate_down": "Navegar para baixo na lista de salas",
+        "room_list_navigate_up": "Navegar para cima na lista de salas",
+        "room_list_select_room": "Selecionar sala da lista de salas",
+        "save": "Salvar",
+        "scroll_down_timeline": "Rola para baixo no histórico",
+        "scroll_up_timeline": "Rola para cima no histórico",
+        "search": "Pesquisar (deve estar ativado)",
+        "send_sticker": "Enviar uma figurinha",
+        "shift": "Shift",
+        "space": "Barra de espaço",
+        "switch_to_space": "Mudar para o espaço por número",
+        "toggle_hidden_events": "Ativar a visibilidade de eventos ocultos",
+        "toggle_microphone_mute": "Ativar/desativar som do microfone",
+        "toggle_right_panel": "Alternar o painel na direita",
+        "toggle_space_panel": "Alternar para painel de espaço",
+        "toggle_top_left_menu": "Alternar o menu superior esquerdo",
+        "toggle_webcam_mute": "Ligar/desligar a webcam",
+        "upload_file": "Enviar um arquivo"
+    },
+    "labs": {
+        "ask_to_join": "Habilitar pedir para participar",
+        "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.",
+        "beta_feedback_title": "Comentários beta para %(featureName)s",
+        "beta_section": "Próximos recursos",
+        "bridge_state": "Exibir informações sobre integrações nas configurações das salas",
+        "bridge_state_channel": "Canal: <channelLink/>",
+        "bridge_state_creator": "Esta integração foi disponibilizada por <user />.",
+        "bridge_state_manager": "Esta integração é desenvolvida por <user />.",
+        "bridge_state_workspace": "Espaço de trabalho: <networkLink/>",
+        "click_for_info": "Clique para mais informações",
+        "currently_experimental": "Atualmente experimental.",
+        "custom_themes": "Permite adicionar temas personalizados",
+        "dynamic_room_predecessors": "Predecessores de salas dinâmicas",
+        "dynamic_room_predecessors_description": "Habilitar MSC3946 (para dar suporte a arquivos de chat para quem chegar mais tarde)",
+        "element_call_video_rooms": "Salas de vídeo Element Call",
+        "exclude_insecure_devices": "Excluir dispositivos inseguros ao enviar/receber mensagens",
+        "exclude_insecure_devices_description": "Quando esse modo estiver ativado, as mensagens criptografadas não serão compartilhadas com dispositivos não verificados e as mensagens de dispositivos não verificados serão mostradas como um erro. Observe que, se você ativar esse modo, talvez não consiga se comunicar com usuários que não verificaram seus dispositivos.",
+        "experimental_description": "Está se sentindo experimental? Experimente nossas últimas ideias em desenvolvimento. Esses recursos não estão finalizados; eles podem ser instáveis, podem mudar ou podem ser descartados completamente.<a> Saiba mais</a> .",
+        "experimental_section": "Pré-visualizações antecipadas",
+        "extended_profiles_msc_support": "Requer que seu servidor ofereça suporte ao MSC4133",
+        "feature_disable_call_per_sender_encryption": "Desativar a criptografia por remetente para Element Call",
+        "feature_wysiwyg_composer_description": "Use rich text em vez de Markdown no compositor de mensagens.",
+        "group_developer": "Desenvolvedor",
+        "group_encryption": "Criptografia",
+        "group_experimental": "Experimental",
+        "group_messaging": "Mensagens",
+        "group_moderation": "Moderação",
+        "group_profile": "Perfil",
+        "group_rooms": "Salas",
+        "group_spaces": "Espaços",
+        "group_themes": "Temas",
+        "group_threads": "Tópicos",
+        "group_ui": "Interface do usuário",
+        "group_voip": "Voz e vídeo",
+        "group_widgets": "Widgets",
+        "hidebold": "Ocultar ponto de notificação (exibir somente emblemas de contadores)",
+        "join_beta": "Participe da versão beta",
+        "join_beta_reload": "Aderir à versão beta irá recarregar %(brand)s.",
+        "jump_to_date": "Ir para a data (adiciona cabeçalhos /jumptodate e pular para a data)",
+        "jump_to_date_msc_support": "Requer que seu servidor suporte MSC3030",
+        "latex_maths": "Renderizar fórmulas matemáticas LaTeX em mensagens",
+        "leave_beta": "Sair da versão beta",
+        "leave_beta_reload": "Sair da versão beta irá recarregar %(brand)s.",
+        "location_share_live": "Compartilhamento de localização ao vivo",
+        "location_share_live_description": "Implementação temporária. As localizações persistem no histórico da sala.",
+        "mjolnir": "Novas formas de ignorar as pessoas",
+        "msc3531_hide_messages_pending_moderation": "Permitir que os moderadores ocultem mensagens com moderação pendente.",
+        "notification_settings": "Novas configurações de notificação",
+        "notification_settings_beta_caption": "Apresentamos uma maneira mais simples de alterar suas configurações de notificação. Personalize o seu %(brand)s, da forma que quiser.",
+        "notification_settings_beta_title": "Configurações de notificação",
+        "notifications": "Ative o painel de notificações no cabeçalho da sala",
+        "render_reaction_images": "Renderizar imagens personalizadas em reações",
+        "render_reaction_images_description": "Às vezes chamados de “emojis personalizados”.",
+        "sliding_sync": "Modo Sliding Sync",
+        "sliding_sync_description": "Em desenvolvimento ativo, não pode ser desativado.",
+        "sliding_sync_disabled_notice": "Saia e entre novamente para desativar",
+        "sliding_sync_server_no_support": "Seu servidor não tem suporte",
+        "unrealiable_e2e": "Não confiável em salas criptografadas",
+        "video_rooms": "Salas de vídeo",
+        "video_rooms_a_new_way_to_chat": "Uma nova maneira de conversar por voz e vídeo em %(brand)s .",
+        "video_rooms_always_on_voip_channels": "As salas de vídeo são canais VoIP sempre ativos incorporados em uma sala em %(brand)s .",
+        "video_rooms_beta": "As salas de vídeo são um recurso beta",
+        "video_rooms_faq1_answer": "Use o botão “+” na seção da sala do painel esquerdo.",
+        "video_rooms_faq1_question": "Como posso criar uma sala de vídeo?",
+        "video_rooms_faq2_answer": "Sim, a linha do tempo do chat é exibida ao lado do vídeo.",
+        "video_rooms_faq2_question": "Posso usar o chat de texto junto com a videochamada?",
+        "video_rooms_feedbackSubheading": "Obrigado por experimentar a versão beta. Forneça o máximo de detalhes que você puder para que possamos aprimorá-la.",
+        "wysiwyg_composer": "Editor de texto rico"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Essas configurações são destinadas a usuários avançados.",
+        "ban_reason": "Bloqueado",
+        "error_adding_ignore": "Erro ao adicionar usuário/servidor bloqueado",
+        "error_adding_list_description": "Por favor, verifique o ID ou endereço da sala e tente novamente.",
+        "error_adding_list_title": "Erro ao inscrever-se na lista",
+        "error_removing_ignore": "Erro ao remover usuário/servidor bloqueado",
+        "error_removing_list_description": "Por favor, tente novamente ou veja seu console para obter dicas.",
+        "error_removing_list_title": "Erro ao cancelar a inscrição da lista",
+        "explainer_1": "Adicione aqui os usuários e servidores que você deseja bloquear. Use asteriscos para fazer com que o %(brand)s corresponda a qualquer caractere. Por exemplo, <code>@bot:*</code> bloqueará todos os usuários em qualquer servidor que tenham 'bot' no nome.",
+        "explainer_2": "É possível bloquear pessoas através de listas de banimento que contêm regras sobre quem banir de salas. Colocar alguém na lista de banimento significa que as pessoas ou servidores bloqueados pela lista não serão visualizados por você.",
+        "lists": "No momento, você está inscrito em:",
+        "lists_description_1": "Inscrever-se em uma lista de banidos significa participar dela!",
+        "lists_description_2": "Se isso não for o que você deseja, use outra ferramenta para bloquear os usuários.",
+        "lists_heading": "Listas inscritas",
+        "lists_new_label": "ID da sala ou endereço da lista de banidos",
+        "no_lists": "Você não está inscrito em nenhuma lista",
+        "personal_description": "Sua lista pessoal de banimento contém todos os usuários/servidores dos quais você pessoalmente não deseja receber mensagens. Depois de ignorar o primeiro usuário/servidor, uma nova sala aparecerá na sua lista de salas chamada '%(myBanList)s' - permaneça nessa sala para manter a lista de banimento em vigor.",
+        "personal_empty": "Você não bloqueou ninguém.",
+        "personal_heading": "Lista pessoal de banidos",
+        "personal_new_label": "Servidor ou ID de usuário para bloquear",
+        "personal_new_placeholder": "por exemplo: @bot:* ou exemplo.org",
+        "personal_section": "Você está bloqueando:",
+        "room_name": "Minha lista de banidos",
+        "room_topic": "Esta é a sua lista de usuárias(os)/servidores que você bloqueou - não saia da sala!",
+        "rules_empty": "Nenhuma",
+        "rules_server": "Regras do servidor",
+        "rules_title": "Regras da lista de banidos - %(roomName)s",
+        "rules_user": "Regras do usuário",
+        "something_went_wrong": "Não foi possível carregar. Por favor, tente novamente ou veja seu console para obter dicas.",
+        "title": "Usuários bloqueados",
+        "view_rules": "Ver regras"
+    },
+    "language_dropdown_label": "Menu suspenso de idiomas",
+    "leave_room_dialog": {
+        "last_person_warning": "Você é a única pessoa aqui. Se você sair, ninguém poderá se juntar no futuro, inclusive você.",
+        "leave_room_question": "Tem certeza de que deseja sair da sala '%(roomName)s'?",
+        "leave_space_question": "Tem certeza de que deseja sair desse espaço '%(spaceName)s'?",
+        "room_leave_admin_warning": "Você é o único administrador nesta sala. Se você sair, ninguém poderá alterar as configurações da sala ou realizar outras ações importantes.",
+        "room_leave_mod_warning": "Você é o único moderador nesta sala. Se você sair, ninguém poderá alterar as configurações da sala ou realizar outras ações importantes.",
+        "room_rejoin_warning": "Esta sala não é pública. Você não poderá entrar novamente sem um convite.",
+        "space_rejoin_warning": "Este espaço não é público. Você não poderá entrar novamente sem um convite."
+    },
+    "lightbox": {
+        "rotate_left": "Girar para a esquerda",
+        "rotate_right": "Girar para a direita",
+        "title": "Visualização da imagem"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Esse​•​servidor​•​doméstico​•​não​•​está​•​configurado​•​para​•​exibir​•​mapas.",
+        "MapStyleUrlNotReachable": "Esse​•​servidor​•​doméstico​•​não​•​está​•​configurado​•​corretamente​•​para​•​exibir​•​mapas,​•​ou​•​o​•​servidor​•​de​•​mapas​•​configurado​•​pode​•​estar​•​inacessível.",
+        "WebGLNotEnabled": "O​•​WebGL​•​é​•​necessário​•​para​•​exibir​•​mapas,​•​ative-o​•​nas​•​configurações​•​do​•​seu​•​navegador.",
+        "click_drop_pin": "Clique ​para​ ​soltar​ um​ ​alfinete",
+        "click_move_pin": "Clique​•​para​•​mover​•​o​•​alfinete",
+        "close_sidebar": "Fechar​•​barra​•​lateral",
+        "error_fetch_location": "Não​•​foi​•​possível​•​obter​•​a​•​localização",
+        "error_no_perms_description": "Você​•​precisa​•​ter​•​as​•​permissões​•​corretas​•​para​•​compartilhar​•​locais​•​nesta​•​sala.",
+        "error_no_perms_title": "Você​•​não​•​tem​•​permissão​•​para​•​compartilhar​•​locais",
+        "error_send_description": "%(brand)s​•​não​•​pôde​•​enviar​•​a​•​sua​•​localização.​•​Tente​•​novamente​•​mais​•​tarde.",
+        "error_send_title": "Não foi possível enviar sua localização",
+        "error_sharing_live_location": "Ocorreu​•​um​•​erro​•​ao​•​compartilhar​•​sua​•​localização​•​ao​•​vivo",
+        "error_stopping_live_location": "Ocorreu​•​um​•​erro​•​ao​•​interromper​•​sua​•​localização​•​ao​•​vivo",
+        "expand_map": "Expandir​•​mapa",
+        "failed_generic": "Falha​•​ao​•​buscar​•​sua​•​localização.​•​Tente​•​novamente​•​mais​•​tarde.",
+        "failed_load_map": "Não​•​é​•​possível​•​carregar​•​o​•​mapa",
+        "failed_permission": "%(brand)s teve​•​sua​•​permissão​•​negada​•​para​•​buscar​•​sua​•​localização.​•​Permita​•​o​•​acesso​•​à​•​localização​•​nas​•​configurações​•​do​•​seu​•​navegador.",
+        "failed_timeout": "Tempo​•​limite​•​esgotado​•​ao​•​tentar​•​buscar​•​sua​•​localização.​•​Tente​•​novamente​•​mais​•​tarde.",
+        "failed_unknown": "Erro​•​desconhecido​•​ao​•​buscar​•​local.​•​Tente​•​novamente​•​mais​•​tarde.",
+        "find_my_location": "Encontrar minha localização",
+        "live_description": "Localização​•​ao​•​vivo​•​de​•​%(displayName)s",
+        "live_enable_description": "Observação: este é um recurso de laboratório que usa uma implementação temporária. Isso significa que você não poderá excluir seu histórico de localização, e usuários avançados poderão ver seu histórico de localização mesmo depois que você parar de compartilhar sua localização ao vivo com esta sala.",
+        "live_enable_heading": "Compartilhamento​•​de​•​localização​•​ao​•​vivo",
+        "live_location_active": "Você está compartilhando sua localização ao vivo",
+        "live_location_enabled": "Localização ao vivo ativada",
+        "live_location_ended": "Localização​•​ao​•​vivo​•​encerrada",
+        "live_location_error": "Erro​•​de​•​localização​•​ao​•​vivo",
+        "live_locations_empty": "Sem​•​locais​•​ao​•​vivo",
+        "live_share_button": "Compartilhe​•​por​•​%(duration)s",
+        "live_toggle_label": "Ativar​•​o​•​compartilhamento​•​de​•​localização​•​ao​•​vivo",
+        "live_until": "Ao​•​vivo​•​até​•​%(expiryTime)s",
+        "live_update_time": "Atualizado​•​%(humanizedUpdateTime)s",
+        "loading_live_location": "Carregando​•​local​•​ao​•​vivo...",
+        "location_not_available": "Local não disponível",
+        "map_feedback": "Feedback​•​do​•​mapa",
+        "mapbox_logo": "Logotipo​•​da​•​Mapbox",
+        "reset_bearing": "Redefinir​•​o​•​rumo​•​para​•​o​•​norte",
+        "share_button": "Compartilhar localização",
+        "share_type_live": "Minha​•​localização​•​ao​•​vivo",
+        "share_type_own": "Minha​•​localização​•​atual",
+        "share_type_pin": "Solte​•​um​•​alfinete",
+        "share_type_prompt": "Que​•​tipo​•​de​•​localização​•​você​•​deseja​•​compartilhar?",
+        "toggle_attribution": "Alternar​•​atribuição"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s membro",
+            "other": "%(count)s membros"
+        },
+        "filter_placeholder": "Pesquisar participantes da sala",
+        "invite_button_no_perms_tooltip": "Você não tem permissão para convidar usuários",
+        "invited_label": "Convidado",
+        "list_title": "Lista de membros",
+        "no_matches": "Sem correspondências"
+    },
+    "member_list_back_action_label": "Membros da sala",
+    "message_edit_dialog_title": "Edições na mensagem",
+    "migrating_crypto": "Aguente firme. Estamos atualizando %(brand)s para tornar a criptografia mais rápida e confiável.",
+    "mobile_guide": {
+        "toast_accept": "Usar o aplicativo",
+        "toast_description": "%(brand)s é experimental em um navegador da Web móvel. Para uma melhor experiência e os recursos mais recentes, use nosso aplicativo nativo gratuito.",
+        "toast_title": "Use o aplicativo para ter uma experiência melhor"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Não há mais resultados",
+    "notif_panel": {
+        "empty_description": "Não há notificações.",
+        "empty_heading": "Isso é tudo, pessoal!"
+    },
+    "notifications": {
+        "all_messages": "Todas as mensagens novas",
+        "all_messages_description": "Seja notificado para cada mensagem",
+        "class_global": "Global",
+        "class_other": "Outros",
+        "default": "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",
+        "enable_prompt_toast_title_from_message_send": "Não perca uma resposta",
+        "error_change_title": "Alterar configuração de notificações",
+        "keyword": "Palavra-chave",
+        "keyword_new": "Nova palavra-chave",
+        "level_activity": "Atividade recente",
+        "level_highlight": "Destaque",
+        "level_muted": "Silenciado",
+        "level_none": "Nenhuma",
+        "level_notification": "Notificação",
+        "level_unsent": "Não enviado",
+        "mark_all_read": "Marcar tudo como lido",
+        "mentions_and_keywords": "@menções e palavras-chave",
+        "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"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s está solicitando confirmação"
+    },
+    "onboarding": {
+        "create_room": "Criar um chat de grupo",
+        "explore_rooms": "Explorar salas públicas",
+        "has_avatar_label": "Ótimo, agora as pessoas identificarão você",
+        "intro_byline": "Seja dono de suas conversas.",
+        "intro_welcome": "Boas-vindas ao %(appName)s",
+        "no_avatar_label": "Adicione uma foto para as pessoas identificarem você.",
+        "send_dm": "Enviar uma mensagem",
+        "welcome_detail": "Agora, vamos começar",
+        "welcome_user": "Boas-vindas, %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Mensagem em %(room)s",
+        "permalink_this_room": "Mensagem de %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Criar Enquete",
+        "create_poll_title": "Criar enquete",
+        "disclosed_notes": "Os participantes veem os resultados assim que votam",
+        "edit_poll_title": "Editar enquete",
+        "end_description": "Tem certeza de que deseja encerrar esta enquete? Isso mostrará os resultados finais da enquete e impedirá que as pessoas possam votar.",
+        "end_message": "A enquete terminou. Resposta principal: %(topAnswer)s",
+        "end_message_no_votes": "A enquete terminou. Nenhum voto foi dado.",
+        "end_title": "Encerrar Enquete",
+        "error_ending_description": "Desculpe, a enquete não terminou. Por favor, tente novamente.",
+        "error_ending_title": "Falha ao finalizar a enquete",
+        "error_voting_description": "Desculpe, seu voto não foi registrado. Por favor, tente novamente.",
+        "error_voting_title": "Voto não registrado",
+        "failed_send_poll_description": "Desculpe, a enquete que você tentou criar não foi publicada.",
+        "failed_send_poll_title": "Falha ao postar enquete",
+        "notes": "Os resultados só são revelados quando você encerra a enquete",
+        "options_add_button": "Adicionar opção",
+        "options_heading": "Criar opções",
+        "options_label": "Opção %(number)s",
+        "options_placeholder": "Escrever uma opção",
+        "topic_heading": "Qual é a pergunta ou o tópico da sua enquete?",
+        "topic_label": "Pergunta ou tópico",
+        "topic_placeholder": "Escreva algo…",
+        "total_decryption_errors": "Devido a erros de descriptografia, alguns votos podem não ser contados",
+        "total_n_votes": {
+            "one": "%(count)s votos expressos. Vote para ver os resultados",
+            "other": "%(count)s votos expressos. Vote para ver os resultados"
+        },
+        "total_n_votes_voted": {
+            "one": "Com base na votação de %(count)s",
+            "other": "Com base em %(count)s votos"
+        },
+        "total_no_votes": "Sem votos expressos",
+        "total_not_ended": "Os resultados ficarão visíveis quando a enquete terminar",
+        "type_closed": "Enquete encerrada",
+        "type_heading": "Tipo de enquete",
+        "type_open": "Enquete aberta",
+        "unable_edit_description": "Desculpe, você não pode editar uma enquete após os votos terem sido registrados.",
+        "unable_edit_title": "Não é possível editar a enquete"
+    },
+    "power_level": {
+        "admin": "Administrador/a",
+        "creator": "Proprietário",
+        "custom": "Personalizado (%(level)s)",
+        "custom_level": "Nível personalizado",
+        "default": "Padrão",
+        "label": "Nível de permissão",
+        "moderator": "Moderador/a",
+        "restricted": "Restrito"
+    },
+    "powered_by_matrix": "Desenvolvido por Matrix",
+    "presence": {
+        "away": "Ausente",
+        "busy": "Ocupado",
+        "idle": "Ocioso",
+        "idle_for": "Inativo há %(duration)s",
+        "offline": "Offline",
+        "offline_for": "Offline há %(duration)s",
+        "online": "Disponível",
+        "online_for": "Online há %(duration)s",
+        "unknown": "Desconhecido",
+        "unknown_for": "Status desconhecido há %(duration)s",
+        "unreachable": "Servidor do usuário inacessível"
+    },
+    "quick_settings": {
+        "all_settings": "Todas as configurações",
+        "sidebar_settings": "Mais opções",
+        "title": "Configurações rápidas"
+    },
+    "quit_warning": {
+        "call_in_progress": "Parece que você está em uma chamada. Tem certeza que quer sair?",
+        "file_upload_in_progress": "Parece que você está enviando arquivos. Tem certeza que quer sair?"
+    },
+    "redact": {
+        "confirm_button": "Confirmar a remoção",
+        "confirm_description": "Tem certeza de que deseja remover (excluir) este evento?",
+        "confirm_description_state": "Observe que remover alterações na sala desta forma pode desfazer a alteração.",
+        "error": "Você não pode apagar esta mensagem. (%(code)s)",
+        "ongoing": "Removendo…",
+        "reason_label": "Motivo (opcional)"
+    },
+    "report_content": {
+        "description": "Denunciar essa mensagem enviará seu “ID de evento” exclusivo ao administrador do seu servidor doméstico. Se as mensagens nesta sala forem criptografadas, o administrador do servidor doméstico não poderá ler o texto da mensagem nem visualizar arquivos ou imagens.",
+        "hide_messages_from_user": "Marque se você deseja ocultar todas as mensagens atuais e futuras desse usuário.",
+        "ignore_user": "Ignorar usuário",
+        "missing_reason": "Por favor, descreva porque você está reportando.",
+        "report_content_to_homeserver": "Denunciar conteúdo ao administrador do seu servidor principal"
+    },
+    "report_room": {
+        "description": "Denuncie esta sala ao administrador do seu servidor. Isso enviará a ID exclusiva da sala, mas se as mensagens forem criptografadas, o administrador não poderá lê-las nem visualizar os arquivos compartilhados.",
+        "reason_label": "Descreva o motivo"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Falha ao descriptografar as sessões de %(failedCount)s!",
+        "count_of_successfully_restored_keys": "%(sessionCount)s chaves foram restauradas com sucesso",
+        "enter_key_description": "Acesse o seu histórico de mensagens seguras e configure as mensagens seguras, ao inserir a sua Chave de Recuperação.",
+        "enter_key_title": "Digite a Chave de Recuperação",
+        "enter_phrase_description": "Acesse o seu histórico de mensagens seguras e configure mensagens seguras digitando a sua Frase de Segurança.",
+        "enter_phrase_title": "Digite a Frase de Segurança",
+        "incorrect_security_phrase_dialog": "O backup não pôde ser descriptografado com esta Frase de Segurança: verifique se você digitou a Frase de Segurança correta.",
+        "incorrect_security_phrase_title": "Frase de Segurança incorreta",
+        "key_backup_warning": "<b>Atenção</b>: você só deve configurar o backup de chave em um computador de sua confiança.",
+        "key_fetch_in_progress": "Obtendo chaves do servidor…",
+        "key_forgotten_text": "Se você esqueceu a sua Chave de Recuperação, você pode <button>definir novas opções de recuperação</button>",
+        "key_is_invalid": "Chave de Recuperação inválida",
+        "key_is_valid": "Essa Chave de Recuperação é válida!",
+        "keys_restored_title": "Chaves restauradas",
+        "load_error_content": "Não foi possível carregar o status do backup",
+        "load_keys_progress": "%(completed)s de %(total)s chaves restauradas",
+        "no_backup_error": "Nenhum backup encontrado!",
+        "phrase_forgotten_text": "Se você esqueceu a sua Frase de Segurança, você pode <button1>usar a sua Chave de Recuperação</button1> ou <button2>definir novas opções de recuperação</button2>",
+        "recovery_key_mismatch_description": "O backup não pôde ser descriptografado com essa chave de recuperação: verifique se você inseriu a chave de recuperação correta.",
+        "recovery_key_mismatch_title": "Incompatibilidade da chave de recuperação",
+        "restore_failed_error": "Não foi possível restaurar o backup"
+    },
+    "right_panel": {
+        "add_integrations": "Adicionar extensões",
+        "add_topic": "Adicionar tópico",
+        "extensions_button": "Extensões",
+        "extensions_empty_description": "Selecione “%(addIntegrations)s” para navegar e adicionar extensões a esta sala",
+        "extensions_empty_title": "Aumente a produtividade com mais ferramentas, widgets e bots",
+        "files_button": "Arquivos",
+        "pinned_messages": {
+            "empty_description": "Selecione uma mensagem e escolha “%(pinAction)s” para incluí-la aqui.",
+            "empty_title": "Fixe mensagens importantes para que elas possam ser facilmente descobertas",
+            "header": {
+                "one": "1 Mensagem fixada",
+                "other": "%(count)s Mensagens fixadas"
+            },
+            "limits": {
+                "other": "Você pode fixar até %(count)s widgets"
+            },
+            "menu": "Abrir menu",
+            "reply_thread": "Responder a uma mensagem de <link>discussão</link>",
+            "unpin_all": {
+                "button": "Desfixar todas as mensagens",
+                "content": "Certifique-se de que você realmente deseja remover todas as mensagens fixadas. Essa ação não pode ser desfeita.",
+                "title": "Desfixar todas as mensagens?"
+            },
+            "view": "Ver no histórico"
+        },
+        "pinned_messages_button": "Mensagens fixadas",
+        "poll": {
+            "active_heading": "Enquetes ativas",
+            "empty_active": "Não há enquetes ativas nesta sala",
+            "empty_active_load_more": "Não há enquetes ativas. Carregue mais enquetes para ver as enquetes dos meses anteriores",
+            "empty_active_load_more_n_days": {
+                "one": "Não há pesquisas ativas no último dia. Carregue mais enquetes para ver as enquetes dos meses anteriores",
+                "other": "Não há pesquisas ativas para os últimos %(count)s dias. Carregue mais enquetes para ver as enquetes dos meses anteriores"
+            },
+            "empty_past": "Não há enquetes anteriores nesta sala",
+            "empty_past_load_more": "Não há enquetes anteriores. Carregue mais enquetes para ver as enquetes dos meses anteriores",
+            "empty_past_load_more_n_days": {
+                "one": "Não há pesquisas anteriores para o dia anterior. Carregue mais enquetes para ver as enquetes dos meses anteriores",
+                "other": "Não há pesquisas anteriores nos últimos %(count)s dias. Carregue mais enquetes para ver as enquetes dos meses anteriores"
+            },
+            "final_result": {
+                "one": "Resultado final baseado em %(count)s votos",
+                "other": "Resultado final baseado em %(count)s votos"
+            },
+            "load_more": "Carregar mais enquetes",
+            "loading": "Carregando enquetes",
+            "past_heading": "Enquetes anteriores",
+            "view_in_timeline": "Exibir enquete no histórico",
+            "view_poll": "Ver enquete"
+        },
+        "polls_button": "Enquetes",
+        "room_summary_card": {
+            "title": "Informação da sala"
+        },
+        "thread_list": {
+            "context_menu_label": "Opções de tópico"
+        },
+        "video_room_chat": {
+            "title": "Bate-papo"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Este convite foi enviado para %(email)s que não está associado à sua conta",
+        "3pid_invite_email_not_found_account_room": "Este convite para %(roomName)s foi enviado para %(email)s, que não está associado à sua conta",
+        "3pid_invite_error_description": "Um erro (%(errcode)s) foi retornado ao tentar validar seu convite. Você pode tentar passar essas informações para a pessoa que o convidou.",
+        "3pid_invite_error_invite_action": "Tentar entrar mesmo assim",
+        "3pid_invite_error_invite_subtitle": "Você só pode participar com um convite válido.",
+        "3pid_invite_error_public_subtitle": "Você ainda pode entrar aqui.",
+        "3pid_invite_error_title": "Algo deu errado com seu convite.",
+        "3pid_invite_error_title_room": "Ocorreu um erro no seu convite para %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Use um servidor de identidade em Configurações para receber convites diretamente no %(brand)s.",
+        "banned_by": "Você foi banido por %(memberName)s",
+        "banned_from_room_by": "Você foi banido de %(roomName)s por %(memberName)s",
+        "context_menu": {
+            "copy_link": "Copiar link da sala",
+            "favourite": "Favoritar",
+            "forget": "Esquecer Sala",
+            "low_priority": "Baixa prioridade",
+            "mark_read": "Marcar como lido",
+            "mark_unread": "Marcar como não lido",
+            "notifications_default": "Corresponder à configuração padrão",
+            "notifications_mute": "Silenciar sala",
+            "title": "Opções da Sala",
+            "unfavourite": "Favoritado"
+        },
+        "creating_room_text": "Estamos​•​criando​•​uma​•​sala​•​com​•​%(names)s",
+        "dm_invite_action": "Começar a conversa",
+        "dm_invite_subtitle": "<userName/> quer conversar",
+        "dm_invite_title": "Deseja conversar com %(user)s?",
+        "drop_file_prompt": "Arraste um arquivo aqui para enviar",
+        "edit_topic": "Editar tópico",
+        "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.",
+        "error_join_404_2": "Se você souber o endereço de uma sala, tente entrar por lá.",
+        "error_join_404_invite": "A pessoa que o convidou já saiu ou o servidor dela está offline.",
+        "error_join_404_invite_same_hs": "A pessoa que o convidou já saiu.",
+        "error_join_connection": "Ocorreu um erro ao entrar.",
+        "error_join_incompatible_version_1": "Desculpe, seu servidor doméstico é muito antigo para participar aqui.",
+        "error_join_incompatible_version_2": "Por favor, entre em contato com o administrador do seu homeserver.",
+        "error_join_title": "Falha ao entrar",
+        "error_jump_to_date": "Servidor​•​retornou%(statusCode)s​•​com​•​código​•​de​•​erro%(errorCode)s",
+        "error_jump_to_date_connection": "Ocorreu um erro de rede ao tentar localizar e ir para a data especificada. Seu servidor doméstico pode estar inativo ou houve apenas um problema temporário com sua conexão com a Internet. Tente novamente. Se isso continuar, entre em contato com o administrador do servidor doméstico.",
+        "error_jump_to_date_details": "Detalhes​•​do​•​erro",
+        "error_jump_to_date_not_found": "Não​•​foi​•​possível​•​encontrar​•​um​•​evento​•​com​•​data​•​anterior​•​a​•​%(dateString)s.​•​Tente​•​escolher​•​uma​•​data​•​anterior.",
+        "error_jump_to_date_send_logs_prompt": "Envie​•​os​•​registros​•​de​•​<debugLogsLink>​•​depuração​•​</debugLogsLink>​•​para​•​nos​•​ajudar​•​a​•​rastrear​•​o​•​problema.",
+        "error_jump_to_date_title": "Não​•​foi​•​possível​•​encontrar​•​o​•​evento​•​nessa​•​data",
+        "face_pile_summary": {
+            "one": "%(count)s pessoa que você conhece já entrou",
+            "other": "%(count)s pessoas que você conhece já entraram"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Ver 1 membro",
+            "other": "Ver todos os %(count)s membros"
+        },
+        "face_pile_tooltip_shortcut": "Incluindo %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Incluindo você, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Não é possível determinar qual usuário ignorar, pois o evento do membro foi alterado.",
+        "failed_reject_invite": "Não foi possível recusar o convite",
+        "forget_room": "Esquecer esta sala",
+        "forget_space": "Esqueça este espaço",
+        "header": {
+            "n_people_asking_to_join": {
+                "one": "Pedindo para participar",
+                "other": "%(count)s pessoas pedindo para participar"
+            },
+            "room_is_public": "Esta sala é pública"
+        },
+        "header_avatar_open_settings_label": "Abrir configurações de sala",
+        "header_face_pile_tooltip": "Pessoas",
+        "header_untrusted_label": "Não confiável",
+        "inaccessible": "Esta sala ou espaço não está acessível neste momento.",
+        "inaccessible_name": "%(roomName)s não está acessível neste momento.",
+        "inaccessible_subtitle_1": "Tente novamente mais tarde ou peça a um administrador de sala ou espaço para verificar se você tem acesso.",
+        "inaccessible_subtitle_2": "%(errcode)s foi retornado ao tentar acessar a sala ou o espaço. Se você acha que está vendo essa mensagem por engano, <issueLink>envie uma comunicação de bug</issueLink>.",
+        "intro": {
+            "display_topic": "Tópico <topic/>",
+            "dm_caption": "Apenas vocês dois estão nesta conversa, a menos que algum de vocês convide mais alguém.",
+            "edit_topic": "Tópico:<topic/> (<a> editar</a> )",
+            "enable_encryption_prompt": "Ative a criptografia nas configurações.",
+            "encrypted_3pid_dm_pending_join": "Depois que todos entrarem, você poderá conversar",
+            "no_avatar_label": "Adicione uma imagem para que as pessoas possam identificar facilmente sua sala.",
+            "no_topic": "<a>Adicione uma descrição</a> para ajudar as pessoas a saber do que se trata essa conversa.",
+            "private_unencrypted_warning": "Suas mensagens privadas normalmente são criptografadas, mas esta sala não é. Isto acontece normalmente por conta de um dispositivo ou método usado sem suporte, como convites via email, por exemplo.",
+            "room_invite": "Convidar apenas a esta sala",
+            "send_message_start_dm": "Envie sua primeira mensagem para convidar <displayName/> para conversar",
+            "start_of_dm_history": "Este é o início do seu histórico da conversa com <displayName/>.",
+            "start_of_room": "Este é o início de <roomName/>.",
+            "unencrypted_warning": "Criptografia de ponta-a-ponta não está habilitada",
+            "user_created": "%(displayName)s criou esta sala.",
+            "you_created": "Você criou esta sala."
+        },
+        "invite_email_mismatch_suggestion": "Compartilhe este e-mail em Configurações para receber convites diretamente no %(brand)s.",
+        "invite_sent_to_email": "Este convite foi enviado para %(email)s",
+        "invite_sent_to_email_room": "Este convite para %(roomName)s foi enviado para %(email)s",
+        "invite_subtitle": "Convidado por <userName/>",
+        "invite_this_room": "Convidar para esta sala",
+        "invite_title": "Deseja se juntar a %(roomName)s?",
+        "inviter_unknown": "Desconhecido",
+        "invites_you_text": "<inviter/> convida você",
+        "join_button_account": "Inscrever-se",
+        "join_failed_needs_invite": "Para ver %(roomName)s, você precisa de um convite",
+        "join_the_discussion": "Participar da discussão",
+        "join_title": "Entre na sala para participar",
+        "join_title_account": "Participar da conversa com uma conta",
+        "joining": "Juntando-se…",
+        "joining_room": "Entrando na sala…",
+        "joining_space": "Entrando no espaço…",
+        "jump_read_marker": "Ir diretamente para a primeira das mensagens não lidas.",
+        "jump_to_bottom_button": "Ir para as mensagens recentes",
+        "kick_reason": "Razão: %(reason)s",
+        "kicked_by": "Você foi removido por %(memberName)s",
+        "kicked_from_room_by": "Você foi removido de %(roomName)s por %(memberName)s",
+        "knock_cancel_action": "Cancelar solicitação",
+        "knock_denied_subtitle": "Como seu acesso foi negado, você não pode voltar a menos que seja convidado pelo administrador ou moderador do grupo.",
+        "knock_denied_title": "Seu acesso foi negado",
+        "knock_message_field_placeholder": "Mensagem (opcional)",
+        "knock_prompt": "Pedir para participar?",
+        "knock_prompt_name": "Pedir para participar de %(roomName)s?",
+        "knock_send_action": "Solicitar acesso",
+        "knock_sent": "Solicitação de adesão enviada",
+        "knock_sent_subtitle": "Sua solicitação de adesão está pendente.",
+        "knock_subtitle": "Você precisa ter acesso a esta sala para visualizar ou participar da conversa. Você pode enviar uma solicitação de adesão abaixo.",
+        "leave_error_title": "Erro ao sair da sala",
+        "leave_server_notices_description": "Esta sala é usada para mensagens importantes do Homeserver, então você não pode sair dela.",
+        "leave_server_notices_title": "Não é possível sair da sala Avisos do Servidor",
+        "leave_unexpected_error": "Erro inesperado no servidor, ao tentar sair da sala",
+        "link_email_to_receive_3pid_invite": "Vincule esse e-mail à sua conta em Configurações, para receber convites diretamente no %(brand)s.",
+        "loading_preview": "Carregando pré-visualização",
+        "no_peek_join_prompt": "%(roomName)s não pode ser visualizado. Deseja participar?",
+        "no_peek_no_name_join_prompt": "Não há pré-visualização, você gostaria de participar?",
+        "not_found_subtitle": "Tem certeza de que está no lugar certo?",
+        "not_found_title": "Esta sala ou espaço não existe.",
+        "not_found_title_name": "%(roomName)s não existe.",
+        "peek_join_prompt": "Você está visualizando %(roomName)s. Deseja participar?",
+        "pinned_message_banner": {
+            "button_close_list": "Fechar lista",
+            "button_view_all": "Ver tudo",
+            "description": "Mensagens fixadas",
+            "go_to_newest_message": "Veja a mensagem fixada na linha do tempo e a mensagem mais recente fixada aqui.",
+            "go_to_next_message": "Veja a mensagem fixada na linha do tempo e a mensagem mais antiga fixada aqui.",
+            "title": "<bold>%(index)s de %(length)s </bold> mensagens fixadas"
+        },
+        "read_topic": "Clique para ler o tópico",
+        "rejecting": "Rejeitando o convite...",
+        "rejoin_button": "Entrar novamente",
+        "room_content": "Conteúdo da sala",
+        "room_is_low_priority": "Esta é uma sala de baixa prioridade",
+        "search": {
+            "all_rooms_button": "Pesquisar todos as salas",
+            "placeholder": "Pesquisar mensagens...",
+            "summary": {
+                "one": "1 resultado encontrado para “<query/>”",
+                "other": "%(count)s resultados encontrados para “<query/>”"
+            },
+            "this_room_button": "Pesquise nesta sala"
+        },
+        "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.",
+            "one": "Você tem %(count)s notificações não lidas em uma versão anterior desta sala."
+        },
+        "upgrade_error_description": "Verifique se seu servidor suporta a versão de sala escolhida e tente novamente.",
+        "upgrade_error_title": "Erro atualizando a sala",
+        "upgrade_warning_bar": "Atualizar esta sala irá fechar a instância atual da sala e criar uma sala atualizada com o mesmo nome.",
+        "upgrade_warning_bar_admins": "Somente administradores de sala verão esse alerta",
+        "upgrade_warning_bar_unstable": "Esta sala está executando a versão <roomVersion />, que este servidor marcou como <i>instável</i>.",
+        "upgrade_warning_bar_upgraded": "Esta sala já foi atualizada.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Enviando o arquivo %(filename)s e %(count)s outros arquivos",
+                "other": "Enviando o arquivo %(filename)s e %(count)s outros arquivos"
+            },
+            "uploading_single_file": "Enviando o arquivo %(filename)s"
+        },
+        "video_room": "Esta sala é uma sala de vídeo",
+        "waiting_for_join_subtitle": "Uma​•​vez​•​que​•​os​•​usuários​•​convidados​•​tenham​•​entrado​•​em​•​%(brand)s,​•​você​•​poderá​•​conversar​•​e​•​a​•​sala​•​será​•​criptografada​•​de​•​ponta​•​a​•​ponta",
+        "waiting_for_join_title": "Aguardando​•​que​•​os​•​usuários​•​se​•​juntem​•​a​•​%(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Adicionar espaço",
+        "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",
+        "list_title": "Lista de salas",
+        "more_options": {
+            "leave_room": "Sair da sala"
+        },
+        "notification_options": "Alterar notificações",
+        "show_less": "Mostrar menos"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Decide quem pode ver e se juntar a %(spaceName)s.",
+            "title": "Acesso"
+        },
+        "advanced": {
+            "error_upgrade_description": "A atualização da sala não pode ser completada",
+            "error_upgrade_title": "Falha ao atualizar a sala",
+            "information_section_room": "Informação da sala",
+            "information_section_space": "Informações do espaço",
+            "room_id": "ID interno da sala",
+            "room_predecessor": "Ler mensagens antigas em %(roomName)s.",
+            "room_upgrade_button": "Atualizar a versão desta sala",
+            "room_upgrade_warning": "<b>Aviso</b> : atualizar um quarto irá<i> não migre automaticamente os membros da sala para a nova versão da sala.</i> Publicaremos um link para a nova sala na versão antiga da sala - os membros da sala terão que clicar neste link para entrar na nova sala.",
+            "room_version": "Versão da sala:",
+            "room_version_section": "Versão da sala",
+            "space_predecessor": "Exibir a versão mais antiga de %(spaceName)s.",
+            "space_upgrade_button": "Atualize este espaço para a versão de sala recomendada",
+            "unfederated": "Esta sala não é acessível para servidores Matrix remotos",
+            "upgrade_button": "Atualize essa sala para versão %(version)s",
+            "upgrade_dialog_description": "Atualizar esta sala irá fechar a instância atual da sala e, em seu lugar, criar uma sala atualizada com o mesmo nome. Para oferecer a melhor experiência possível aos integrantes da sala, nós iremos:",
+            "upgrade_dialog_description_1": "Criar uma nova sala com o mesmo nome, descrição e foto",
+            "upgrade_dialog_description_2": "Atualize todos os nomes locais da sala para apontar para a nova sala",
+            "upgrade_dialog_description_3": "Impeça os usuários de conversarem na versão antiga da sala. Além disso, digite uma mensagem aconselhando os usuários a migrarem para a nova sala",
+            "upgrade_dialog_description_4": "Colocar um link para a sala antiga no começo da sala nova de modo que as pessoas possam ver mensagens antigas",
+            "upgrade_dialog_title": "Atualize a Versão da Sala",
+            "upgrade_dwarning_ialog_title_public": "Atualizar a sala pública",
+            "upgrade_warning_dialog_description": "Atualizar uma sala é uma ação avançada e geralmente é recomendada quando uma sala está instável devido a erros, recursos ausentes ou vulnerabilidades de segurança.",
+            "upgrade_warning_dialog_explainer": "<b>Por favor, note que a atualização criará uma nova versão do quarto</b> . Todas as mensagens atuais permanecerão nesta sala arquivada.",
+            "upgrade_warning_dialog_footer": "Você atualizará esta sala de <oldVersion /> para <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Convide automaticamente membros desta sala para a nova",
+            "upgrade_warning_dialog_report_bug_prompt": "Isso geralmente afeta apenas como a sala é processada no servidor. Se você tiver problemas com o %(brand)s, <a>informe um erro</a>.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Isso geralmente afeta apenas como a sala é processada no servidor. Se você tiver problemas com o %(brand)s, <a>informe um erro</a>.",
+            "upgrade_warning_dialog_title": "Atualizar a sala",
+            "upgrade_warning_dialog_title_private": "Atualizar a sala privada"
+        },
+        "alias_not_specified": "não especificado",
+        "bridges": {
+            "description": "Esta sala está integrando mensagens com as seguintes plataformas. <a>Saiba mais.</a>",
+            "empty": "Esta sala não está conectando mensagens a nenhuma plataforma. <a> Saiba mais. </a>",
+            "title": "Integrações"
+        },
+        "delete_avatar_label": "Remover foto de perfil",
+        "general": {
+            "alias_field_has_domain_invalid": "Separador de domínio ausente, por exemplo, (:domain.org)",
+            "alias_field_has_localpart_invalid": "Nome da sala ou separador ausente, por exemplo, (my-room:domain.org)",
+            "alias_field_matches_invalid": "Este endereço não aponta para esta sala",
+            "alias_field_placeholder_default": "por exemplo: minha-sala",
+            "alias_field_required_invalid": "Por favor, digite um endereço",
+            "alias_field_safe_localpart_invalid": "Alguns caracteres não são permitidos",
+            "alias_field_taken_invalid": "Este endereço tem um servidor inválido ou já está em uso",
+            "alias_field_taken_invalid_domain": "Este endereço já está em uso",
+            "alias_field_taken_valid": "Este endereço está disponível para uso",
+            "alias_heading": "Endereço da sala",
+            "aliases_items_label": "Outros endereços publicados:",
+            "aliases_no_items_label": "Nenhum endereço publicado ainda, adicione um abaixo",
+            "aliases_section": "Endereços da sala",
+            "avatar_field_label": "Foto da sala",
+            "canonical_alias_field_label": "Endereço principal",
+            "description_space": "Editar configurações relacionadas ao seu espaço.",
+            "error_creating_alias_description": "Ocorreu um erro ao criar esse endereço. Isso pode não ser permitido pelo servidor ou houve um problema temporário.",
+            "error_creating_alias_title": "Erro ao criar o endereço",
+            "error_deleting_alias_description": "Ocorreu um erro ao remover esse endereço. Ele pode não mais existir ou houve um problema temporário.",
+            "error_deleting_alias_description_forbidden": "Você não tem permissão para excluir este endereço.",
+            "error_deleting_alias_title": "Erro ao remover o endereço",
+            "error_publishing": "Não é possível publicar a sala",
+            "error_publishing_detail": "Houve um erro ao publicar esta sala",
+            "error_save_space_settings": "Falha ao salvar as configurações desse espaço.",
+            "error_updating_alias_description": "Ocorreu um erro ao atualizar o endereço alternativo da sala. Isso pode não ser permitido pelo servidor ou houve um problema temporário.",
+            "error_updating_canonical_alias_description": "Ocorreu um erro ao atualizar o endereço principal da sala. Isso pode não ser permitido pelo servidor ou houve um problema temporário.",
+            "error_updating_canonical_alias_title": "Erro ao atualizar o endereço principal",
+            "leave_space": "Sair desse espaço",
+            "local_alias_field_label": "Endereço local",
+            "local_aliases_explainer_room": "Defina endereços para esta sala, de modo que os usuários possam encontrar esta sala em seu servidor local (%(localDomain)s)",
+            "local_aliases_explainer_space": "Defina endereços para este espaço para que usuários possam encontrá-lo através do seu servidor local (%(localDomain)s)",
+            "local_aliases_section": "Endereços locais",
+            "name_field_label": "Nome da sala",
+            "new_alias_placeholder": "Novo endereço publicado (por exemplo, #nome:server)",
+            "no_aliases_room": "Esta sala não tem endereços locais",
+            "no_aliases_space": "Este espaço não tem endereços locais",
+            "other_section": "Outros",
+            "publish_toggle": "Quer publicar esta sala na lista pública de salas da %(domain)s?",
+            "published_aliases_description": "Para publicar um endereço, ele precisa ser configurado como um endereço local primeiro.",
+            "published_aliases_explainer_room": "Endereços publicados podem ser usados por qualquer um em qualquer servidor para entrar em sua sala.",
+            "published_aliases_explainer_space": "Endereços publicados podem ser usados por qualquer um em qualquer servidor para entrar em seu espaço.",
+            "published_aliases_section": "Endereços publicados",
+            "save": "Salvar alterações",
+            "topic_field_label": "Descrição da sala"
+        },
+        "notifications": {
+            "browse_button": "Buscar",
+            "custom_sound_prompt": "Definir um novo som personalizado",
+            "notification_sound": "Som de notificação",
+            "settings_link": "Receba notificações conforme configurado em suas <a>configurações</a>",
+            "sounds_section": "Sons",
+            "upload_sound_label": "Carregar som personalizado",
+            "uploaded_sound": "Som enviado"
+        },
+        "people": {
+            "knock_empty": "Nenhuma solicitação",
+            "knock_section": "Pedir para participar",
+            "see_less": "Ver menos",
+            "see_more": "Ver mais"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Dê mais privilégios a um ou mais usuários nesta sala",
+            "add_privileged_user_filter_placeholder": "Pesquisar usuários nesta sala...",
+            "add_privileged_user_heading": "Adicione usuários privilegiados",
+            "ban": "Banir usuários",
+            "ban_reason": "Razão",
+            "banned_by": "Banido por %(displayName)s",
+            "banned_users_section": "Usuários banidos",
+            "error_changing_pl_description": "Ocorreu um erro ao alterar o nível de permissão de um contato. Certifique-se de que você tem o nível suficiente e tente novamente.",
+            "error_changing_pl_reqs_description": "Ocorreu um erro ao alterar os níveis de permissão da sala. Certifique-se de que você tem o nível suficiente e tente novamente.",
+            "error_changing_pl_reqs_title": "Houve um erro ao alterar o nível de permissão do contato",
+            "error_changing_pl_title": "Erro ao alterar a permissão do usuário",
+            "error_unbanning": "Não foi possível remover o banimento",
+            "events_default": "Enviar mensagens",
+            "invite": "Convidar usuários",
+            "kick": "Remover usuários",
+            "m.call": "Iniciar %(brand)s chamadas",
+            "m.call.member": "Participe de %(brand)s chamadas",
+            "m.reaction": "Enviar reações",
+            "m.room.avatar": "Alterar a foto da sala",
+            "m.room.avatar_space": "Alterar avatar do espaço",
+            "m.room.canonical_alias": "Alterar o endereço principal da sala",
+            "m.room.canonical_alias_space": "Mudar o endereço principal para o espaço",
+            "m.room.encryption": "Ativar criptografia nesta sala",
+            "m.room.history_visibility": "Alterar a visibilidade do histórico",
+            "m.room.name": "Alterar o nome da sala",
+            "m.room.name_space": "Mudar o nome do espaço",
+            "m.room.pinned_events": "Gerenciar eventos fixados",
+            "m.room.power_levels": "Alterar permissões",
+            "m.room.redaction": "Remover mensagens enviadas por mim",
+            "m.room.server_acl": "Mudar o ACL do servidor",
+            "m.room.tombstone": "Atualizar a sala",
+            "m.room.topic": "Alterar a descrição",
+            "m.room.topic_space": "Mudar a descrição",
+            "m.space.child": "Gerenciar salas neste espaço",
+            "m.widget": "Modificar widgets",
+            "muted_users_section": "Usuários silenciados",
+            "no_privileged_users": "Nenhum usuário possui privilégios específicos nesta sala",
+            "notifications.room": "Notificar todos",
+            "permissions_section": "Permissões",
+            "permissions_section_description_room": "Selecione os cargos necessários para alterar várias partes da sala",
+            "permissions_section_description_space": "Selecionar os cargos necessários para alterar certas partes do espaço",
+            "privileged_users_section": "Usuários privilegiados",
+            "redact": "Remover mensagens enviadas por outros",
+            "send_event_type": "Enviar eventos de %(eventType)s",
+            "state_default": "Alterar configurações",
+            "title": "Cargos e permissões",
+            "users_default": "Cargo padrão"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "Você não tem permissão para alterar a visibilidade do histórico da sala. Isso é perigoso, pois pode permitir que usuários que não participam da sala leiam as mensagens.",
+                "title": "Não dá pra tornar a sala privada"
+            },
+            "enable_encryption_confirm_description": "Uma vez ativada, a criptografia da sala não poderá ser desativada. Mensagens enviadas em uma sala criptografada não podem ser lidas pelo servidor, apenas pelos participantes da sala. Ativar a criptografia poderá impedir que vários bots e integrações funcionem corretamente. <a>Saiba mais sobre criptografia.</a>",
+            "enable_encryption_confirm_title": "Ativar criptografia?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Não é recomendado adicionar criptografia a salas públicas.</b> Qualquer pessoa pode encontrar e ingressar em salas públicas, para que qualquer pessoa possa ler as mensagens nelas contidas. Você não obterá nenhum dos benefícios da criptografia e não poderá desativá-la mais tarde. Criptografar mensagens em uma sala pública tornará o recebimento e o envio de mensagens mais lento.",
+            "enable_encryption_public_room_confirm_description_2": "Para evitar esses problemas, crie uma <a>nova sala criptografada</a> para a conversa que você planeja ter.",
+            "enable_encryption_public_room_confirm_title": "Tem certeza que deseja adicionar criptografia para esta sala pública?",
+            "encrypted_room_public_confirm_description_1": "<b>Não é recomendado adicionar criptografia a salas públicas.</b>Qualqer um pode encontrar e se juntar a salas públicas, então qualquer um pode ler as mensagens nelas. Você não terá nenhum dos benefícios da criptografia, e você não poderá desligá-la depois. Criptografar mensagens em uma sala pública fará com que receber e enviar mensagens fiquem mais lentos do que o normal.",
+            "encrypted_room_public_confirm_description_2": "Para evitar esses problemas, crie uma <a>nova sala pública</a> para a conversa que você planeja ter.",
+            "encrypted_room_public_confirm_title": "Tem certeza que fazer com que esta sala criptografada seja pública?",
+            "encryption_forced": "Seu servidor exige que a criptografia seja desativada.",
+            "encryption_permanent": "Uma vez ativada, a criptografia não poderá ser desativada.",
+            "error_join_rule_change_title": "Falha ao atualizar as regras de entrada",
+            "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": "Membros desde que foram convidados",
+            "history_visibility_legend": "Quem pode ler o histórico da sala?",
+            "history_visibility_shared": "Membros (histórico completo)",
+            "history_visibility_warning": "As alterações não afetarão as mensagens anteriores, apenas as novas.<a> Saber mais</a>",
+            "history_visibility_world_readable": "Qualquer pessoa (o histórico é público)",
+            "join_rule_description": "Decida quem pode entrar em %(roomName)s.",
+            "join_rule_invite": "Privado (convite apenas)",
+            "join_rule_invite_description": "Apenas pessoas convidadas podem entrar.",
+            "join_rule_knock": "Pedir para participar",
+            "join_rule_knock_description": "As pessoas não podem participar a menos que o acesso seja concedido.",
+            "join_rule_public_description": "Todos podem encontrar e entrar.",
+            "join_rule_restricted": "Membros do espaço",
+            "join_rule_restricted_description": "Qualquer um em um espaço pode encontrar e se juntar. <a>Edite quais espaços podem ser acessados aqui.</a>",
+            "join_rule_restricted_description_active_space": "Qualquer um em <spaceName/> pode encontrar e se juntar. Você pode selecionar outros espaços também.",
+            "join_rule_restricted_description_prompt": "Qualquer um em um espaço pode encontrar e se juntar. Você pode selecionar múltiplos espaços.",
+            "join_rule_restricted_description_spaces": "Espaço com acesso",
+            "join_rule_restricted_dialog_description": "Decida quais espaços podem acessar essa sala. Se um espaço for selecionado, seus membros poderão encontrar e participar de <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Você está removendo todos os espaços. O acesso será definido como padrão somente para convidados",
+            "join_rule_restricted_dialog_filter_placeholder": "Pesquisar espaços",
+            "join_rule_restricted_dialog_heading_known": "Outros espaços que você conhece",
+            "join_rule_restricted_dialog_heading_other": "Outros espaços ou salas que você talvez não conheça",
+            "join_rule_restricted_dialog_heading_room": "Espaços que você conhece que contêm esta sala",
+            "join_rule_restricted_dialog_heading_space": "Espaços que você conhece que contêm esse espaço",
+            "join_rule_restricted_dialog_heading_unknown": "Provavelmente são aquelas das quais outros administradores de salas fazem parte.",
+            "join_rule_restricted_dialog_title": "Selecione espaços",
+            "join_rule_restricted_n_more": {
+                "other": "e %(count)s mais",
+                "one": "& %(count)s mais"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Atualmente, um espaço tem acesso",
+                "other": "Atualmente, %(count)s espaços tem acesso"
+            },
+            "join_rule_restricted_upgrade_description": "Esta melhoria permite que membros de espaços selecionados acessem esta sala sem um convite.",
+            "join_rule_restricted_upgrade_warning": "Esta sala está em alguns espaços dos quais você não é administrador. Nesses espaços, a sala antiga ainda será exibida, mas as pessoas serão solicitadas a ingressar na nova.",
+            "join_rule_upgrade_awaiting_room": "Carregando nova sala",
+            "join_rule_upgrade_required": "Atualização necessária",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Enviando convite...",
+                "other": "Enviando convites... (%(progress)s de %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Atualizando espaço...",
+                "other": "Atualizando espaços... (%(progress)s de %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Atualizando sala",
+            "join_rule_world_readable_description": "Mudar quem pode entrar na sala também vai mudar a visibilidade das mensagens futuras.",
+            "public_without_alias_warning": "Para criar um link para esta sala, antes adicione um endereço.",
+            "publish_room": "Torne esta sala visível no diretório de salas públicas.",
+            "publish_space": "Torne este espaço visível no diretório de salas públicas.",
+            "strict_encryption": "Envie mensagens somente para usuários verificados.",
+            "title": "Segurança e privacidade"
+        },
+        "title": "Configurações da sala - %(roomName)s",
+        "upload_avatar_label": "Enviar uma foto de perfil",
+        "visibility": {
+            "alias_section": "Endereço",
+            "error_failed_save": "Falha ao atualizar a visibilidade deste espaço",
+            "error_update_guest_access": "Falha ao atualizar o acesso de convidados a este espaço",
+            "error_update_history_visibility": "Falha ao atualizar a visibilidade do histórico deste espaço",
+            "guest_access_explainer": "Convidados podem se juntar a um espaço sem ter uma conta.",
+            "guest_access_label": "Habilitar acesso a convidados",
+            "history_visibility_anyone_space": "Previsualizar o Espaço",
+            "history_visibility_anyone_space_description": "Permite que pessoas vejam seu espaço antes de entrarem.",
+            "history_visibility_anyone_space_recommendation": "Recomendado para espaços públicos.",
+            "title": "Visibilidade"
+        },
+        "voip": {
+            "call_type_section": "Tipo de chamada",
+            "enable_element_call_caption": "%(brand)s é criptografado de ponta a ponta, mas atualmente está limitado a um número menor de usuários.",
+            "enable_element_call_label": "Ativar %(brand)s como uma opção de chamada adicional nesta sala",
+            "enable_element_call_no_permissions_tooltip": "Você não tem permissões suficientes para alterar isso."
+        }
+    },
+    "room_summary_card_back_action_label": "Informação da sala",
+    "scalar": {
+        "error_create": "Não foi possível criar o widget.",
+        "error_membership": "Você não está nesta sala.",
+        "error_missing_room_id": "RoomId ausente.",
+        "error_missing_room_id_request": "Faltou o id da sala na requisição",
+        "error_missing_user_id_request": "Faltou o id de usuário na requisição",
+        "error_permission": "Você não tem permissão para fazer isso nesta sala.",
+        "error_power_level_invalid": "O nível de permissão precisa ser um número inteiro e positivo.",
+        "error_room_not_visible": "A sala %(roomId)s não está visível",
+        "error_room_unknown": "Esta sala não é reconhecida.",
+        "error_send_request": "Não foi possível mandar requisição.",
+        "failed_read_event": "Falha ao ler evento",
+        "failed_send_event": "Falha ao enviar evento"
+    },
+    "server_offline": {
+        "description": "Seu servidor não está respondendo a algumas de suas solicitações. Abaixo estão alguns dos motivos mais prováveis.",
+        "description_1": "O servidor (%(serverName)s) demorou muito para responder.",
+        "description_2": "Seu firewall ou o antivírus está bloqueando a solicitação.",
+        "description_3": "Uma extensão do navegador está impedindo a solicitação.",
+        "description_4": "O servidor está fora do ar.",
+        "description_5": "O servidor recusou a sua solicitação.",
+        "description_6": "A sua região está com dificuldade de acesso à internet.",
+        "description_7": "Um erro ocorreu na conexão do Element com o servidor.",
+        "description_8": "O servidor não está configurado para indicar qual é o problema (CORS).",
+        "empty_timeline": "Tudo em dia.",
+        "recent_changes_heading": "Alterações recentes que ainda não foram recebidas",
+        "title": "O servidor não está respondendo"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s requer um operador de serviço para carregar mídia autenticada de repositórios de conteúdo Matrix. Isso não é suportado pelo seu navegador, portanto, pode ocorrer uma falha no carregamento de mídia.",
+        "title": "Falha ao carregar o operador de serviço"
+    },
+    "seshat": {
+        "error_initialising": "Falha na inicialização da pesquisa por mensagem, confire <a>suas configurações</a> para mais informações",
+        "reset_button": "Redefinir armazenamento de eventos",
+        "reset_description": "Você provavelmente não deseja redefinir seu armazenamento de índice de eventos",
+        "reset_explainer": "Se você fizer isso, observe que nenhuma de suas mensagens será excluída, mas a experiência de pesquisa poderá ser prejudicada por alguns instantes enquanto o índice é recriado",
+        "reset_title": "Redefinir armazenamento de eventos?",
+        "warning_kind_files": "Esta versão do %(brand)s não permite visualizar alguns arquivos criptografados",
+        "warning_kind_files_app": "Use o <a>app para Computador</a> para ver todos os arquivos criptografados",
+        "warning_kind_search": "Esta versão do %(brand)s não permite buscar mensagens criptografadas",
+        "warning_kind_search_app": "Use o <a>app para Computador</a> para buscar mensagens criptografadas"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Seu token de acesso dá acesso total à sua conta. Não o compartilhe com ninguém.",
+            "brand_version": "versão do %(brand)s:",
+            "clear_cache_reload": "Limpar cache e recarregar",
+            "crypto_version": "Versão Crypto:",
+            "dialog_title": "<strong>Configurações:</strong> Ajuda e Sobre",
+            "help_link": "Para obter ajuda com o uso do %(brand)s, clique <a>aqui</a>.",
+            "homeserver": "O servidor doméstico é <code>%(homeserverUrl)s</code>",
+            "identity_server": "O servidor de identidade é <code>%(identityServerUrl)s</code>",
+            "title": "Ajuda e sobre",
+            "versions": "Versões"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Configurações:</strong> Conta",
+            "title": "Conta"
+        },
+        "all_rooms_home": "Mostrar todas as salas no Início",
+        "all_rooms_home_description": "Todas as salas que você estiver presente aparecerão no Início.",
+        "always_show_message_timestamps": "Sempre mostrar as datas das mensagens",
+        "appearance": {
+            "bundled_emoji_font": "Use a fonte de emoji incluída no pacote",
+            "compact_layout": "Mostrar texto e mensagens compactas",
+            "compact_layout_description": "O layout moderno deve ser selecionado para usar esse recurso.",
+            "custom_font": "Usar uma fonte do sistema",
+            "custom_font_description": "Defina o nome de uma fonte instalada no seu sistema e o %(brand)s tentará usá-la.",
+            "custom_font_name": "Nome da fonte do sistema",
+            "custom_font_size": "Usar tamanho personalizado",
+            "custom_theme_add": "Adicionar tema personalizado",
+            "custom_theme_downloading": "Baixando tema personalizado...",
+            "custom_theme_error_downloading": "Erro ao baixar o tema",
+            "custom_theme_help": "Insira o URL de um tema personalizado que você deseja aplicar.",
+            "custom_theme_invalid": "Esquema inválido de tema.",
+            "dialog_title": "<strong>Configurações:</strong> Aparência",
+            "font_size": "Tamanho da fonte",
+            "font_size_default": "%(fontSize)s (padrão)",
+            "high_contrast": "Alto contraste",
+            "image_size_default": "Padrão",
+            "image_size_large": "Grande",
+            "layout_bubbles": "Balões de mensagem",
+            "layout_irc": "IRC (experimental)",
+            "match_system_theme": "Se adaptar ao padrão do sistema",
+            "timeline_image_size": "Tamanho da imagem na linha do tempo"
+        },
+        "automatic_language_detection_syntax_highlight": "Ativar detecção automática de idioma para ressaltar erros de ortografia",
+        "autoplay_gifs": "Reproduzir GIFs automaticamente",
+        "autoplay_videos": "Reproduzir vídeos automaticamente",
+        "big_emoji": "Ativar emojis grandes no bate-papo",
+        "code_block_expand_default": "Expandir blocos de código por padrão",
+        "code_block_line_numbers": "Mostrar o número da linha em blocos de código",
+        "disable_historical_profile": "Mostrar a foto e o nome do perfil atual dos usuários no histórico de mensagens",
+        "discovery": {
+            "title": "Como encontrar você"
+        },
+        "emoji_autocomplete": "Ativar sugestões de emojis ao digitar",
+        "enable_markdown": "Habilitar markdown",
+        "enable_markdown_description": "Inicie as mensagens com <code>/plain</code> para enviar sem markdown.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Os detalhes da sua conta, contatos, preferências e lista de bate-papo serão mantidos",
+                "breadcrumb_page": "Redefinir criptografia",
+                "breadcrumb_second_description": "Você perderá qualquer histórico de mensagens armazenado somente no servidor",
+                "breadcrumb_third_description": "Você precisará verificar todos os seus dispositivos e contatos existentes novamente.",
+                "breadcrumb_title": "Tem certeza de que deseja redefinir sua identidade?",
+                "breadcrumb_title_cant_confirm": "Você precisa redefinir sua identidade",
+                "breadcrumb_title_forgot": "Esqueceu sua chave de recuperação? Você precisará redefinir sua identidade.",
+                "breadcrumb_title_sync_failed": "Falha ao sincronizar o armazenamento de chaves. Você precisa redefinir sua identidade.",
+                "breadcrumb_warning": "Faça isso somente se você acreditar que sua conta foi comprometida.",
+                "details_title": "Detalhes da criptografia",
+                "do_not_close_warning": "Não feche essa janela até que a redefinição seja concluída",
+                "export_keys": "Exportar chaves",
+                "import_keys": "Importar chaves",
+                "other_people_device_description": "Aviso: usuários que não verificaram explicitamente sua identidade com você (por exemplo, usando emojis) não receberão suas mensagens criptografadas. Além disso, dispositivos não verificados de usuários verificados também não receberão suas mensagens criptografadas. As alterações exigem a reinicialização do aplicativo para entrarem em vigor.",
+                "other_people_device_label": "Nunca envie mensagens criptografadas para dispositivos não verificados",
+                "other_people_device_title": "Dispositivos de outras pessoas",
+                "reset_identity": "Redefinir identidade criptográfica",
+                "reset_in_progress": "Redefinição em andamento...",
+                "session_id": "ID da sessão:",
+                "session_key": "Chave da sessão:",
+                "title": "Avançado"
+            },
+            "confirm_key_storage_off": "Tem certeza de que deseja manter o armazenamento de chaves desativado?",
+            "confirm_key_storage_off_description": "Se você sair de todos os seus dispositivos, perderá o histórico de mensagens e precisará verificar todos os seus contatos existentes novamente. <a>Saiba mais</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Excluir armazenamento de chaves",
+                "confirm": "Excluir armazenamento de chaves",
+                "description": "A exclusão do armazenamento de chaves removerá sua identidade criptográfica e as chaves de mensagem do servidor e desativará os seguintes recursos de segurança:",
+                "list_first": "Você não terá histórico de mensagens criptografadas em novos dispositivos",
+                "list_second": "Você perderá o acesso às suas mensagens criptografadas se estiver desconectado de %(brand)s em todos os lugares",
+                "title": "Tem certeza de que deseja desativar o armazenamento de chaves e excluí-lo?"
+            },
+            "device_not_verified_button": "Verificar este dispositivo",
+            "device_not_verified_description": "Você precisa verificar este dispositivo para visualizar suas configurações de criptografia.",
+            "device_not_verified_title": "Dispositivo não verificado",
+            "dialog_title": "<strong>Configurações: </strong> Criptografia",
+            "key_storage": {
+                "allow_key_storage": "Permitir o armazenamento de chaves",
+                "description": "Armazene sua identidade criptográfica e chaves de mensagem com segurança no servidor. Isso permitirá que você visualize seu histórico de mensagens em quaisquer novos dispositivos.<a> Saber mais</a>",
+                "title": "Armazenamento de chaves"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Confirme a nova chave de recuperação",
+                "change_recovery_confirm_description": "Insira sua nova chave de recuperação abaixo para concluir. Seu antigo não funcionará mais.",
+                "change_recovery_confirm_title": "Insira sua nova chave de recuperação",
+                "change_recovery_key": "Alterar chave de recuperação",
+                "change_recovery_key_description": "Anote esta nova chave de recuperação em algum lugar seguro. Então clique em Continue para confirmar a alteração.",
+                "change_recovery_key_title": "Alterar a chave de recuperação?",
+                "description": "Recupere sua identidade criptográfica e histórico de mensagens com uma chave de recuperação se você tiver perdido todos os seus dispositivos existentes.",
+                "enter_key_error": "A chave de recuperação que você inseriu não está correta.",
+                "enter_recovery_key": "Insira a chave de recuperação",
+                "forgot_recovery_key": "Esqueceu a chave de recuperação?",
+                "key_storage_warning": "Seu armazenamento de chaves está fora de sincronia. Clique em um dos botões abaixo para corrigir o problema.",
+                "save_key_description": "Não compartilhe isso com ninguém!",
+                "save_key_title": "Chave de recuperação",
+                "set_up_recovery": "Configurar a recuperação",
+                "set_up_recovery_confirm_button": "Concluir a configuração",
+                "set_up_recovery_confirm_description": "Digite a chave de recuperação mostrada na tela anterior para concluir a configuração da recuperação.",
+                "set_up_recovery_confirm_title": "Digite sua chave de recuperação para confirmar",
+                "set_up_recovery_description": "Seu armazenamento de chaves é protegido por uma chave de recuperação. Se precisar de uma nova chave de recuperação após a configuração, você pode recriá-la selecionando '%(changeRecoveryKeyButton)s'.",
+                "set_up_recovery_save_key_description": "Anote essa chave de recuperação em algum lugar seguro, como um gerenciador de senhas, uma nota criptografada ou um cofre físico.",
+                "set_up_recovery_save_key_title": "Salve sua chave de recuperação",
+                "set_up_recovery_secondary_description": "Depois de clicar em continuar, geraremos uma chave de recuperação para você.",
+                "title": "Recuperação"
+            },
+            "title": "Criptografia"
+        },
+        "general": {
+            "account_management_section": "Gerenciamento da Conta",
+            "account_section": "Conta",
+            "add_email_dialog_title": "Adicionar endereço de e-mail",
+            "add_email_failed_verification": "Falha ao confirmar o endereço de e-mail: certifique-se de clicar no link do e-mail",
+            "add_email_instructions": "Enviamos um e-mail para você confirmar seu endereço. Por favor, siga as instruções e clique no botão abaixo.",
+            "add_msisdn_confirm_body": "Clique no botão abaixo para confirmar a adição deste número de telefone.",
+            "add_msisdn_confirm_button": "Confirmar adição de número de telefone",
+            "add_msisdn_confirm_sso_button": "Confirme a adição deste número de telefone usando o Login Único para provar sua identidade.",
+            "add_msisdn_dialog_title": "Adicionar número de telefone",
+            "add_msisdn_instructions": "Digite o código de confirmação enviado por mensagem de texto para +%(msisdn)s.",
+            "add_msisdn_misconfigured": "O fluxo de adição/vinculação com MSISDN está mal configurado",
+            "allow_spellcheck": "Permitir verificação ortográfica",
+            "application_language": "Idioma do aplicativo",
+            "application_language_reload_hint": "O aplicativo será recarregado após selecionar outro idioma",
+            "avatar_open_menu": "Abrir menu de avatar",
+            "avatar_remove_progress": "Removendo a imagem...",
+            "avatar_save_progress": "Enviando imagem ...",
+            "avatar_upload_error_text": "O formato do arquivo não é suportado ou a imagem é maior que %(size)s.",
+            "avatar_upload_error_text_generic": "O formato do arquivo pode não ser suportado.",
+            "avatar_upload_error_title": "Não foi possível carregar a imagem de perfil",
+            "confirm_adding_email_body": "Clique no botão abaixo para confirmar a adição deste endereço de e-mail.",
+            "confirm_adding_email_title": "Confirmar a inclusão de e-mail",
+            "deactivate_confirm_body": "Tem certeza de que deseja desativar sua conta? Isso é irreversível.",
+            "deactivate_confirm_body_sso": "Prove a sua identidade por meio do seu Acesso único, para confirmar a desativação da sua conta.",
+            "deactivate_confirm_content": "Confirme que você gostaria de desativar sua conta. Se você continuar:",
+            "deactivate_confirm_content_1": "Você não poderá reativar sua conta",
+            "deactivate_confirm_content_2": "Você não poderá mais fazer login",
+            "deactivate_confirm_content_3": "Ninguém poderá reutilizar seu nome de usuário (MXID), incluindo você: esse nome de usuário permanecerá indisponível",
+            "deactivate_confirm_content_4": "Você sairá de todas as salas e DMs em que estiver",
+            "deactivate_confirm_content_5": "Você será removido do servidor de identidade: seus amigos não poderão mais encontrá-lo com seu e-mail ou número de telefone",
+            "deactivate_confirm_content_6": "Suas mensagens antigas ainda estarão visíveis para as pessoas que as receberam, assim como os e-mails que você enviou anteriormente. Você gostaria de ocultar suas mensagens enviadas de pessoas que ingressarão em salas no futuro?",
+            "deactivate_confirm_continue": "Confirmar desativação da conta",
+            "deactivate_confirm_erase_label": "Ocultar minhas mensagens de novos participantes",
+            "deactivate_section": "Desativar minha conta",
+            "deactivate_warning": "Desativar sua conta é uma ação permanente — tenha cuidado!",
+            "discovery_email_empty": "As opções de descoberta aparecerão depois que você adicionar um e-mail.",
+            "discovery_email_verification_instructions": "Verifique o link na sua caixa de e-mails",
+            "discovery_msisdn_empty": "As opções de descoberta aparecerão depois que você adicionar um número de telefone.",
+            "discovery_needs_terms": "Concorde com os Termos de Serviço do servidor de identidade (%(serverName)s), para que você possa ser descoberto por endereço de e-mail ou por número de celular.",
+            "discovery_needs_terms_title": "Deixe que as pessoas encontrem você",
+            "display_name": "Nome de exibição",
+            "display_name_error": "Não foi possível definir o nome de exibição",
+            "email_adding_unsupported_by_hs": "Este servidor doméstico não suporta a adição de endereços de e-mail à sua conta.",
+            "email_address_in_use": "Este endereço de email já está em uso",
+            "email_address_label": "Endereço de e-mail",
+            "email_not_verified": "Seu endereço de e-mail ainda não foi confirmado",
+            "email_verification_instructions": "Clique no link no e-mail que você recebeu para confirmar e então clique novamente em continuar.",
+            "emails_heading": "Endereços de e-mail",
+            "error_add_email": "Não foi possível adicionar um endereço de e-mail",
+            "error_deactivate_communication": "Ocorreu um problema na comunicação com o servidor. Por favor, tente novamente.",
+            "error_deactivate_invalid_auth": "O servidor não retornou informações de autenticação válidas.",
+            "error_deactivate_no_auth": "O servidor não exigiu autenticação",
+            "error_email_verification": "Não foi possível confirmar o endereço de e-mail.",
+            "error_invalid_email": "Endereço de e-mail inválido",
+            "error_invalid_email_detail": "Este não aparenta ser um endereço de e-mail válido",
+            "error_msisdn_verification": "Não foi possível confirmar o número de telefone.",
+            "error_password_change_403": "Não foi possível alterar a senha. A sua senha está correta?",
+            "error_password_change_http": "%(errorMessage)s(status HTTP%(httpStatus)s )",
+            "error_password_change_title": "Erro ao alterar a senha",
+            "error_password_change_unknown": "Erro de alteração de senha desconhecido (%(stringifiedError)s )",
+            "error_remove_3pid": "Não foi possível remover informação de contato",
+            "error_revoke_email_discovery": "Não foi possível revogar o compartilhamento do endereço de e-mail",
+            "error_revoke_msisdn_discovery": "Não foi possível revogar o compartilhamento do número de celular",
+            "error_share_email_discovery": "Não foi possível compartilhar o endereço de e-mail",
+            "error_share_msisdn_discovery": "Não foi possível compartilhar o número de celular",
+            "identity_server_no_token": "Nenhum token de acesso à identidade foi encontrado",
+            "identity_server_not_set": "Servidor de identidade não definido",
+            "invalid_phone_number": "O número de telefone fornecido não parece ser válido.",
+            "language_section": "Idioma",
+            "msisdn_adding_unsupported_by_hs": "Este servidor doméstico não suporta a adição de números de telefone à sua conta.",
+            "msisdn_in_use": "Este número de telefone já está em uso",
+            "msisdn_label": "Número de telefone",
+            "msisdn_verification_field_label": "Código de confirmação",
+            "msisdn_verification_instructions": "Digite o código de confirmação enviado por mensagem de texto.",
+            "msisdns_heading": "Números de Telefone",
+            "oidc_manage_button": "Gerenciar conta",
+            "password_change_section": "Defina uma nova senha da conta...",
+            "password_change_success": "Sua senha foi alterada com sucesso.",
+            "personal_info": "Informações pessoais",
+            "profile_subtitle": "É assim que você aparece para outras pessoas no aplicativo.",
+            "profile_subtitle_oidc": "Sua conta é gerenciada separadamente por um provedor de identidade e, portanto, algumas de suas informações pessoais não podem ser alteradas aqui.",
+            "remove_email_prompt": "Remover %(email)s?",
+            "remove_msisdn_prompt": "Remover %(phone)s?",
+            "spell_check_locale_placeholder": "Escolha um local",
+            "unable_to_load_emails": "Não é possível carregar endereços de e-mail",
+            "unable_to_load_msisdns": "Não é possível carregar números de telefone",
+            "username": "Nome de usuário"
+        },
+        "inline_url_previews_default": "Ativar, por padrão, a visualização de resumo de links",
+        "insert_trailing_colon_mentions": "Insira dois pontos à direita após o usuário mencionar no início de uma mensagem",
+        "invite_controls": {
+            "default_label": "Permitir que usuários convidem você para salas"
+        },
+        "jump_to_bottom_on_send": "Vá para o final da linha do tempo ao enviar uma mensagem",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "As suas chaves estão agora a ser copiadas a partir deste dispositivo.",
+                "backup_setup_success_title": "Backup seguro bem-sucedido",
+                "cancel_warning": "Se você cancelar agora, poderá perder mensagens e dados criptografados se você perder acesso aos seus logins atuais.",
+                "confirm_security_phrase": "Confirmar com a sua Frase de Segurança",
+                "description": "Proteja-se contra a perda de acesso a mensagens e dados criptografados fazendo backup das chaves de criptografia no seu servidor.",
+                "download_or_copy": "%(downloadButton)sou %(copyButton)s",
+                "enter_phrase_description": "Insira uma frase de segurança que só você conheça, pois ela é usada para proteger seus dados. Para ficar seguro, você não deve reutilizar a senha da sua conta.",
+                "enter_phrase_title": "Digite uma frase de segurança",
+                "enter_phrase_to_confirm": "Digite sua frase de segurança uma segunda vez para confirmá-la.",
+                "generate_security_key_description": "Geraremos uma chave de segurança para você armazenar em algum lugar seguro, como um gerenciador de senhas ou um cofre.",
+                "generate_security_key_title": "Gerar uma chave de recuperação",
+                "pass_phrase_match_failed": "Isto não corresponde.",
+                "pass_phrase_match_success": "Isto corresponde!",
+                "phrase_strong_enough": "Ótimo! Essa frase de segurança parece ser segura o suficiente.",
+                "secret_storage_query_failure": "Não foi possível obter o status do armazenamento secreto",
+                "security_key_safety_reminder": "Armazene sua chave de segurança em um local seguro, como um gerenciador de senhas ou um cofre, pois ela é usada para proteger seus dados criptografados.",
+                "set_phrase_again": "Voltar para configurar novamente.",
+                "settings_reminder": "Você também pode configurar o Backup online & configurar as suas senhas nas Configurações.",
+                "title_confirm_phrase": "Confirme a frase de segurança",
+                "title_save_key": "Salve sua chave de recuperação",
+                "title_set_phrase": "Defina uma frase de segurança",
+                "unable_to_setup": "Não foi possível definir o armazenamento secreto",
+                "use_different_passphrase": "Usar uma frase secreta diferente?",
+                "use_phrase_only_you_know": "Use uma frase secreta que só você conhece e, opcionalmente, salve uma Chave de Recuperação para usar como backup."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Confirme a senha",
+            "enter_passphrase": "Entre com a senha",
+            "export_description_1": "Este processo permite que você exporte as chaves para mensagens que você recebeu em salas criptografadas para um arquivo local. Você poderá então importar o arquivo para outro cliente Matrix no futuro, de modo que este cliente também poderá descriptografar suas mensagens.",
+            "export_description_2": "O arquivo exportado permitirá que qualquer pessoa que possa lê-lo descriptografe qualquer mensagem criptografada que você possa ver, portanto, tenha cuidado para mantê-lo seguro. Para ajudar com isso, você deve inserir uma senha exclusiva abaixo, que só será usada para criptografar os dados exportados. Só será possível importar os dados usando a mesma frase secreta.",
+            "export_title": "Exportar chaves de sala",
+            "file_to_import": "Arquivo para importar",
+            "import_description_1": "Este processo faz com que você possa importar as chaves de criptografia que tinha previamente exportado de outro cliente Matrix. Você poderá então descriptografar todas as mensagens que o outro cliente pôde criptografar.",
+            "import_description_2": "O arquivo exportado será protegido com uma senha. Você deverá inserir a senha aqui para poder descriptografar o arquivo futuramente.",
+            "import_title": "Importar chaves de sala",
+            "phrase_cannot_be_empty": "A frase não pode estar em branco",
+            "phrase_must_match": "As senhas têm que ser iguais",
+            "phrase_strong_enough": "Ótimo! Esta senha parece forte o suficiente"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Configurações:</strong> Teclado",
+            "title": "Teclado"
+        },
+        "labs": {
+            "dialog_title": "<strong>Configurações:</strong> Labs"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Configurações:</strong> Usuários ignorados"
+        },
+        "media_preview": {
+            "hide_avatars": "Ocultar avatares da sala e do convidador",
+            "hide_media": "Ocultar sempre",
+            "media_preview_description": "Uma mídia oculta sempre pode ser exibida tocando nela",
+            "media_preview_label": "Mostrar mídia na linha do tempo",
+            "show_in_private": "Em salas privadas",
+            "show_media": "Mostrar sempre"
+        },
+        "not_supported": "Seu servidor não implementa esse recurso.",
+        "notifications": {
+            "default_setting_description": "Essa configuração será aplicada por padrão a todas as suas salas.",
+            "default_setting_section": "Quero ser notificado sobre (configuração padrão)",
+            "desktop_notification_message_preview": "Mostrar visualização da mensagem na notificação da área de trabalho",
+            "dialog_title": "<strong>Configurações:</strong> Notificações",
+            "email_description": "Receba um resumo por e-mail de notificações perdidas",
+            "email_section": "Resumo por e-mail",
+            "email_select": "Selecione para quais e-mails você deseja enviar resumos. Gerencie seus e-mails em <button>Geral</button>.",
+            "enable_audible_notifications_session": "Ativar o som de notificações nesta sessão",
+            "enable_desktop_notifications_session": "Ativar notificações na área de trabalho nesta sessão",
+            "enable_email_notifications": "Habilita notificação por emails para %(email)s",
+            "enable_notifications_account": "Ativar notificações para esta conta",
+            "enable_notifications_account_detail": "Desligue para desativar notificações em todos os seus dispositivos e sessões",
+            "enable_notifications_device": "Ativar notificações para este dispositivo",
+            "error_loading": "Um erro ocorreu ao carregar suas configurações de notificação.",
+            "error_permissions_denied": "%(brand)s não tem permissão para lhe enviar notificações - confirme as configurações do seu navegador",
+            "error_permissions_missing": "%(brand)s não tem permissão para lhe enviar notificações - tente novamente",
+            "error_saving": "Erro ao salvar as preferências de notificações",
+            "error_saving_detail": "Um erro ocorreu enquanto suas preferências de notificação eram salvas.",
+            "error_title": "Não foi possível ativar as notificações",
+            "error_updating": "Ocorreu um erro ao atualizar suas preferências de notificação. Tente alternar sua opção novamente.",
+            "invites": "Convidado para uma sala",
+            "keywords": "Mostre um selo <badge/> quando as palavras-chave forem usadas em uma sala.",
+            "keywords_prompt": "Insira as palavras-chave aqui ou use para variações ortográficas ou apelidos",
+            "labs_notice_prompt": "<strong>Atualização:</strong> Simplificamos as configurações de notificações para facilitar a localização das opções. Algumas configurações personalizadas que você escolheu anteriormente não são mostradas aqui, mas ainda estão ativas. Se você continuar, algumas de suas configurações poderão mudar.<a> Saber mais</a>",
+            "mentions_keywords": "Menções e Palavras-chave",
+            "mentions_keywords_only": "Apenas Menções e Palavras-chave",
+            "messages_containing_keywords": "Mensagens contendo palavras-chave",
+            "noisy": "Ativado com som",
+            "notices": "Mensagens enviadas por bots",
+            "notify_at_room": "Notificar quando alguém mencionar usando @room",
+            "notify_keyword": "Notificar quando alguém usar uma palavra-chave",
+            "notify_mention": "Notificar quando alguém mencionar usando @displayname ou %(mxid)s",
+            "other_section": "Outras coisas em que achamos que você pode estar interessado:",
+            "people_mentions_keywords": "Pessoas, Menções e Palavras-chave",
+            "play_sound_for_description": "Aplicado por padrão a todas as salas em todos os dispositivos.",
+            "play_sound_for_section": "Tocar um som para",
+            "push_targets": "Aparelhos notificados",
+            "quick_actions_mark_all_read": "Marcar todas as mensagens como lidas",
+            "quick_actions_reset": "Redefinir para as configurações padrão",
+            "quick_actions_section": "Ações rápidas",
+            "room_activity": "Ocorrem novas atividades de sala, atualizações e mensagens de status",
+            "rule_call": "Recebendo chamada",
+            "rule_contains_display_name": "Mensagens contendo meu nome e sobrenome",
+            "rule_contains_user_name": "Mensagens contendo meu nome de usuário",
+            "rule_encrypted": "Mensagens criptografadas em salas",
+            "rule_encrypted_room_one_to_one": "Mensagens criptografadas em conversas individuais",
+            "rule_invite_for_me": "Quando sou convidado para uma sala",
+            "rule_message": "Mensagens em salas",
+            "rule_room_one_to_one": "Mensagens em conversas individuais",
+            "rule_roomnotif": "Mensagens contendo @room",
+            "rule_suppress_notices": "Mensagens enviadas por bots",
+            "rule_tombstone": "Quando a versão da sala é atualizada",
+            "show_message_desktop_notification": "Mostrar a mensagem na notificação da área de trabalho",
+            "voip": "Chamadas de áudio e vídeo"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Impedir que o conteúdo da janela seja capturado por outros aplicativos",
+            "Electron.enableHardwareAcceleration": "Ativar a aceleração de hardware (reinicie %(appName)s para fazer efeito)",
+            "always_show_menu_bar": "Mostrar a barra de menu na janela",
+            "autocomplete_delay": "Atraso no preenchimento automático (ms)",
+            "code_blocks_heading": "Blocos de código",
+            "compact_modern": "Usar um layout \"moderno\" mais compacto",
+            "composer_heading": "Campo de texto",
+            "default_timezone": "Navegador padrão (%(timezone)s)",
+            "dialog_title": "<strong>Configurações:</strong> Preferências",
+            "enable_content_protection": "Habilitar a proteção de conteúdo",
+            "enable_hardware_acceleration": "Habilitar aceleração de hardware",
+            "enable_tray_icon": "Mostrar o ícone da bandeja e minimizar a janela ao fechar",
+            "keyboard_heading": "Teclas de atalho do teclado",
+            "keyboard_view_shortcuts_button": "Para ver todos os atalhos do teclado, <a>clique aqui</a>.",
+            "media_heading": "Imagens, GIFs e vídeos",
+            "presence_description": "Compartilhe sua atividade e status com outras pessoas.",
+            "publish_timezone": "Publique o fuso horário no perfil público",
+            "rm_lifetime": "Duração do marcador de leitura (ms)",
+            "rm_lifetime_offscreen": "Vida útil do marcador de leitura fora da tela (ms)",
+            "room_directory_heading": "Diretório de salas",
+            "room_list_heading": "Lista de salas",
+            "show_avatars_pills": "Mostrar avatares em menções de usuários, salas e eventos",
+            "show_polls_button": "Mostrar botão de enquetes",
+            "startup_window_behaviour_label": "Inicialização e comportamento da janela",
+            "surround_text": "Circule o texto selecionado ao digitar caracteres especiais",
+            "time_heading": "Exibindo tempo",
+            "user_timezone": "Definir fuso horário"
+        },
+        "prompt_invite": "Avisar antes de enviar convites para IDs da Matrix potencialmente inválidas",
+        "replace_plain_emoji": "Substituir automaticamente os emojis em texto",
+        "security": {
+            "analytics_description": "Compartilhe dados anônimos para nos ajudar a identificar problemas. Nada pessoal. Sem terceiros.",
+            "bulk_options_accept_all_invites": "Aceite todos os convites de %(invitedRooms)s",
+            "bulk_options_reject_all_invites": "Recusar todos os %(invitedRooms)s convites",
+            "bulk_options_section": "Opções em massa",
+            "dehydrated_device_description": "O recurso de dispositivo offline permite que você receba mensagens criptografadas mesmo quando você não está conectado a nenhum dispositivo",
+            "dehydrated_device_enabled": "Dispositivo offline habilitado",
+            "dialog_title": "<strong>Configurações:</strong> Segurança e Privacidade",
+            "e2ee_default_disabled_warning": "O administrador do servidor desativou a criptografia de ponta a ponta por padrão em salas privadas e em conversas.",
+            "enable_message_search": "Ativar busca de mensagens em salas criptografadas",
+            "encryption_section": "Criptografia",
+            "ignore_users_empty": "Você não tem usuários ignorados.",
+            "ignore_users_section": "Usuários bloqueados",
+            "key_backup_algorithm": "Algoritmo:",
+            "message_search_disable_warning": "Se desativado, as mensagens de salas criptografadas não aparecerão em resultados de buscas.",
+            "message_search_disabled": "Armazene mensagens criptografadas de forma segura localmente para que possam aparecer nos resultados das buscas.",
+            "message_search_enabled": {
+                "one": "Armazene mensagens criptografadas de forma segura localmente para que apareçam nos resultados das buscas. %(size)s é necessário para armazenar mensagens de %(rooms)s sala.",
+                "other": "Armazene mensagens criptografadas de forma segura localmente para que apareçam nos resultados das buscas. %(size)s é necessário para armazenar mensagens de %(rooms)s salas."
+            },
+            "message_search_failed": "Falha na inicialização da pesquisa de mensagens",
+            "message_search_indexed_messages": "Mensagens armazenadas:",
+            "message_search_indexed_rooms": "Salas armazenadas:",
+            "message_search_indexing": "Armazenando no momento: %(currentRoom)s",
+            "message_search_indexing_idle": "Atualmente, mensagens de nenhuma sala estão sendo armazenadas.",
+            "message_search_intro": "%(brand)s está armazenando de forma segura as mensagens criptografadas localmente, para que possam aparecer nos resultados das buscas:",
+            "message_search_room_progress": "%(doneRooms)s de %(totalRooms)s",
+            "message_search_section": "Pesquisa de mensagens",
+            "message_search_sleep_time": "Com qual rapidez as mensagens devem ser baixadas.",
+            "message_search_space_used": "Espaço usado:",
+            "message_search_unsupported": "%(brand)s precisa de componentes adicionais para pesquisar as mensagens criptografadas armazenadas localmente. Se quiser testar esse recurso, construa uma versão do %(brand)s para Computador com <nativeLink>componentes de busca ativados</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s não consegue pesquisar as mensagens criptografadas armazenadas localmente em um navegador de internet. Use o <desktopLink>%(brand)s para Computador</desktopLink> para que as mensagens criptografadas sejam exibidas nos resultados de buscas.",
+            "record_session_details": "Registre o nome, a versão e o URL do cliente para reconhecer as sessões com mais facilidade no gerenciador de sessões",
+            "send_analytics": "Enviar dados analíticos",
+            "strict_encryption": "Envie mensagens somente para usuários verificados"
+        },
+        "send_read_receipts": "Enviar confirmações de leitura",
+        "send_read_receipts_unsupported": "Seu servidor não suporta a desativação do envio de confirmações de leitura.",
+        "send_typing_notifications": "Permitir que saibam quando eu estiver digitando",
+        "sessions": {
+            "best_security_note": "Para maior segurança, verifique suas sessões e saia de qualquer sessão que você não reconhece ou não usa mais.",
+            "confirm_sign_out": {
+                "other": "Confirme a saída destes dispositivos",
+                "one": "Confirme a saída deste dispositivo"
+            },
+            "confirm_sign_out_body": {
+                "one": "Clique no botão abaixo para confirmar a desconexão deste dispositivo.",
+                "other": "Clique no botão abaixo para confirmar a desconexão de outros dispositivos."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Desconectar dispositivo",
+                "other": "Desconectar dispositivos"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Confirme o logout deste dispositivo usando o logon único para provar sua identidade.",
+                "other": "Confirme o logout desses dispositivos usando o logon único para provar sua identidade."
+            },
+            "current_session": "Sessão atual",
+            "desktop_session": "Sessão desktop",
+            "details_heading": "Detalhes da sessão",
+            "device_unverified_description": "Verifique ou saia desta sessão para obter maior segurança e confiabilidade.",
+            "device_unverified_description_current": "Verifique sua sessão atual para obter mensagens seguras aprimoradas.",
+            "device_verified_description": "Esta sessão está pronta para mensagens seguras.",
+            "device_verified_description_current": "Sua sessão atual está pronta para o envio de mensagens seguras.",
+            "dialog_title": "<strong>Configurações:</strong> Sessões",
+            "error_pusher_state": "Falha ao definir o estado do empurrador",
+            "error_set_name": "Falha ao definir o nome da sessão",
+            "filter_all": "Todos",
+            "filter_inactive": "Inativo",
+            "filter_inactive_description": "Inativo por %(inactiveAgeDays)s dias ou mais",
+            "filter_label": "Filtrar dispositivos",
+            "filter_unverified_description": "Não está pronto para mensagens seguras",
+            "filter_verified_description": "Pronto para mensagens seguras",
+            "hide_details": "Ocultar detalhes",
+            "inactive_days": "Inativo por %(inactiveAgeDays)s+ dias",
+            "inactive_sessions": "Sessões inativas",
+            "inactive_sessions_explainer_1": "Sessões inativas são sessões que você não usa há algum tempo, mas que continuam a receber chaves de criptografia.",
+            "inactive_sessions_explainer_2": "A remoção de sessões inativas melhora a segurança e o desempenho, além de facilitar a identificação de uma nova sessão suspeita.",
+            "inactive_sessions_list_description": "Considere sair de sessões antigas (%(inactiveAgeDays)sdias ou mais) que você não usa mais.",
+            "ip": "Endereço de IP",
+            "last_activity": "Última atividade",
+            "manage": "Gerenciar esta sessão",
+            "mobile_session": "Sessão móvel",
+            "n_sessions_selected": {
+                "one": "%(count)ssessão selecionada",
+                "other": "%(count)ssessões selecionadas"
+            },
+            "no_inactive_sessions": "Nenhuma sessão inativa foi encontrada.",
+            "no_sessions": "Nenhuma sessão encontrada.",
+            "no_unverified_sessions": "Nenhuma sessão não verificada foi encontrada.",
+            "no_verified_sessions": "Nenhuma sessão verificada foi encontrada.",
+            "other_sessions_heading": "Outras sessões",
+            "push_heading": "Notificações push",
+            "push_subheading": "Receber notificações push nesta sessão.",
+            "push_toggle": "Ativar as notificações push nesta sessão.",
+            "rename_form_caption": "Esteja ciente de que os nomes das sessões também ficam visíveis para as pessoas com quem você se comunica.",
+            "rename_form_heading": "Renomear sessão",
+            "rename_form_learn_more": "Renomeando sessões",
+            "rename_form_learn_more_description_1": "Outros usuários em mensagens diretas e salas das quais você participa podem visualizar uma lista completa de suas sessões.",
+            "rename_form_learn_more_description_2": "Isso dá a eles a certeza de que estão realmente falando com você, mas também significa que eles podem ver o nome da sessão inserido aqui.",
+            "security_recommendations": "Recomendações de segurança",
+            "security_recommendations_description": "Melhore a segurança da sua conta seguindo essas recomendações.",
+            "session_id": "Identificador de sessão",
+            "show_details": "Mostrar detalhes",
+            "sign_in_with_qr": "Vincular novo dispositivo",
+            "sign_in_with_qr_button": "Mostrar código QR",
+            "sign_in_with_qr_description": "Use um código QR para fazer login em outro dispositivo e configurar mensagens seguras.",
+            "sign_in_with_qr_unsupported": "Não é suportado pelo provedor da sua conta",
+            "sign_out": "Sair desta sessão",
+            "sign_out_all_other_sessions": "Sair de todas as outras sessões (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Tem certeza de que deseja sair da %(count)s sessão?",
+                "other": "Tem certeza de que deseja sair das %(count)s sessões?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Sair de%(count)s sessão",
+                "other": "Sair de%(count)s sessões"
+            },
+            "title": "Sessões",
+            "unknown_session": "Tipo de sessão desconhecido",
+            "unverified_session": "Sessão não verificada",
+            "unverified_session_explainer_1": "Esta sessão não oferece suporte à criptografia e, portanto, não pode ser verificada.",
+            "unverified_session_explainer_2": "Você não poderá participar de salas em que a criptografia esteja habilitada ao usar esta sessão.",
+            "unverified_session_explainer_3": "Para maior segurança e privacidade, é recomendável que você use clientes Matrix que ofereçam suporte à criptografia.",
+            "unverified_sessions": "Sessões não verificadas",
+            "unverified_sessions_explainer_1": "Sessões não verificadas são sessões que fizeram login com suas credenciais, mas não foram verificadas.",
+            "unverified_sessions_explainer_2": "Você deve se certificar de reconhecer essas sessões, pois elas podem representar um uso não autorizado de sua conta.",
+            "unverified_sessions_list_description": "Verifique suas sessões para obter mensagens seguras aprimoradas ou saia das que você não reconhece ou não usa mais.",
+            "url": "URL",
+            "verified_session": "Sessão verificada",
+            "verified_sessions": "Sessões verificadas",
+            "verified_sessions_explainer_1": "As sessões verificadas estão em qualquer lugar em que você esteja usando essa conta após inserir sua senha ou confirmar sua identidade com outra sessão verificada.",
+            "verified_sessions_explainer_2": "Isso significa que você tem todas as chaves necessárias para desbloquear suas mensagens criptografadas e confirmar para outros usuários que você confia nesta sessão.",
+            "verified_sessions_list_description": "Para maior segurança, saia de qualquer sessão que você não reconheça ou use mais.",
+            "verify_session": "Confirmar sessão",
+            "web_session": "Sessão web"
+        },
+        "show_avatar_changes": "Mostrar alterações na foto do perfil",
+        "show_breadcrumbs": "Mostrar atalhos para salas recentemente visualizadas acima da lista de salas",
+        "show_chat_effects": "Mostrar efeitos na conversa (por exemplo: animações ao receber confetes)",
+        "show_displayname_changes": "Mostrar alterações de nome e sobrenome",
+        "show_join_leave": "Mostrar mensagens de entrada/saída (convites/remoções/bans não são afetados)",
+        "show_message_previews": "Mostrar prévias de mensagens",
+        "show_nsfw_content": "Mostrar conteúdo NSFW (\"Não seguro para o trabalho\")",
+        "show_read_receipts": "Mostrar confirmações de leitura dos outros usuários",
+        "show_redaction_placeholder": "Mostrar um marcador para as mensagens removidas",
+        "show_stickers_button": "Mostrar o botão de figurinhas",
+        "show_typing_notifications": "Mostrar quando alguém estiver digitando",
+        "showbold": "Mostrar todas as atividades na lista de salas (pontos ou número de mensagens não lidas)",
+        "sidebar": {
+            "dialog_title": "<strong>Configurações:</strong> Barra lateral",
+            "metaspaces_home_all_rooms": "Mostrar todas as salas",
+            "metaspaces_home_all_rooms_description": "Mostre todas as suas salas no Início, mesmo que elas estejam em um espaço.",
+            "metaspaces_home_description": "A página inicial é útil para obter uma visão geral de tudo.",
+            "metaspaces_orphans": "Salas fora de um espaço",
+            "metaspaces_orphans_description": "Agrupe todas as suas salas que não fazem parte de um espaço em um só lugar.",
+            "metaspaces_subsection": "Espaços para mostrar",
+            "metaspaces_video_rooms": "Salas de vídeo e conferências",
+            "metaspaces_video_rooms_description": "Agrupar todas as salas de vídeo e conferências privadas.",
+            "metaspaces_video_rooms_description_invite_extension": "Nas conferências, você pode convidar pessoas fora da Matrix.",
+            "spaces_explainer": "Os espaços são formas de agrupar salas e pessoas. Além dos espaços em que você está, você também pode usar alguns pré-construídos.",
+            "title": "Barra lateral"
+        },
+        "start_automatically": {
+            "disabled": "Não",
+            "enabled": "Sim",
+            "label": "Abra %(brand)s quando você entrar no seu computador.",
+            "minimised": "Minimizado"
+        },
+        "tac_only_notifications": "Mostrar apenas notificações no centro de atividades do tópico",
+        "use_12_hour_format": "Mostrar os horários em formato de 12h (p.ex: 2:30pm)",
+        "use_command_enter_send_message": "Usar Command + Enter para enviar uma mensagem",
+        "use_command_f_search": "Use Command + F para pesquisar a linha de tempo",
+        "use_control_enter_send_message": "Usar Ctrl + Enter para enviar uma mensagem",
+        "use_control_f_search": "Use Ctrl + F para pesquisar a linha de tempo",
+        "voip": {
+            "allow_p2p": "Permitir Peer-to-Peer para chamadas 1:1",
+            "allow_p2p_description": "Quando ativado, a outra parte talvez poderá ver seu endereço IP",
+            "audio_input_empty": "Não foi detectado nenhum microfone",
+            "audio_output": "Caixa de som",
+            "audio_output_empty": "Nenhuma caixa de som detectada",
+            "auto_gain_control": "Controle de ganho automático",
+            "dialog_title": "<strong>Configurações:</strong> Voz e Vídeo",
+            "echo_cancellation": "Cancelamento de eco",
+            "enable_fallback_ice_server": "Permitir servidor de assistência de chamada de fallback (%(server)s)",
+            "enable_fallback_ice_server_description": "Só se aplica se o seu homeserver não oferecer um. O seu endereço IP seria compartilhado durante uma chamada.",
+            "mirror_local_feed": "Espelhar o feed de vídeo local",
+            "missing_permissions_prompt": "Permissões de mídia ausentes, clique no botão abaixo para solicitar.",
+            "noise_suppression": "Supressão de ruído",
+            "request_permissions": "Solicitar permissões de mídia",
+            "title": "Voz e vídeo",
+            "video_input_empty": "Nenhuma câmera detectada",
+            "video_section": "Configurações de vídeo",
+            "voice_agc": "Ajustar automaticamente o volume do microfone",
+            "voice_processing": "Processamento de voz",
+            "voice_section": "Configurações de voz"
+        },
+        "warn_quit": "Avisar antes de sair",
+        "warning": "<w>AVISO:</w><description/>"
+    },
+    "share": {
+        "link_copied": "Link copiado",
+        "permalink_message": "Link da mensagem selecionada",
+        "permalink_most_recent": "Link da mensagem mais recente",
+        "share_call": "Link de convite para conferência",
+        "share_call_subtitle": "Link para usuários externos participarem da chamada sem uma conta Matrix:",
+        "title_link": "Compartilhar link",
+        "title_message": "Compartilhar Mensagem da Sala",
+        "title_room": "Compartilhar sala",
+        "title_user": "Compartilhar usuário"
+    },
+    "slash_command": {
+        "addwidget": "Adiciona um widget personalizado na sala por meio de um link",
+        "addwidget_iframe_missing_src": "iframe não tem atributo src",
+        "addwidget_invalid_protocol": "Forneça o link de um widget com https:// ou http://",
+        "addwidget_missing_url": "Forneça o link de um widget ou de um código de incorporação",
+        "addwidget_no_permissions": "Você não pode modificar widgets nesta sala.",
+        "ban": "Bane o usuário com o ID indicado",
+        "category_actions": "Ações",
+        "category_admin": "Administrador/a",
+        "category_advanced": "Avançado",
+        "category_effects": "Efeitos",
+        "category_messages": "Mensagens",
+        "category_other": "Outros",
+        "command_error": "Erro de comando",
+        "converttodm": "Converte a sala para uma conversa",
+        "converttoroom": "Converte a conversa para uma sala",
+        "could_not_find_room": "Não foi possível encontrar a sala",
+        "deop": "Retira o nível de moderador do usuário com o ID informado",
+        "devtools": "Abre a caixa de diálogo Ferramentas do desenvolvedor",
+        "discardsession": "Força a atual sessão da comunidade em uma sala criptografada a ser descartada",
+        "error_invalid_rendering_type": "Erro de comando: Não é possível manipular o tipo (%(renderingType)s)",
+        "error_invalid_room": "O comando falhou: Não foi possível encontrar a sala (%(roomId)s)",
+        "error_invalid_runfn": "Erro de comando: Não é possível manipular o comando de barra.",
+        "error_invalid_user_in_room": "Não foi possível encontrar o usuário na sala",
+        "help": "Exibe a lista de comandos com usos e descrições",
+        "help_dialog_title": "Ajuda com Comandos",
+        "holdcall": "Pausa a chamada na sala atual",
+        "html": "Envia uma mensagem como html, sem interpretá-la como markdown",
+        "ignore": "Bloqueia um usuário, escondendo as mensagens dele de você",
+        "ignore_dialog_description": "Agora você está bloqueando %(userId)s",
+        "ignore_dialog_title": "Usuário bloqueado",
+        "invite": "Convida o usuário com o ID especificado para esta sala",
+        "invite_3pid_needs_is_error": "Use um servidor de identidade para convidar pessoas por e-mail. Gerencie nas Configurações.",
+        "invite_3pid_use_default_is_title": "Usar um servidor de identidade",
+        "invite_3pid_use_default_is_title_description": "Use um servidor de identidade para convidar por e-mail. Clique em continuar para usar o servidor de identidade padrão (%(defaultIdentityServerName)s) ou gerencie nas Configurações.",
+        "invite_failed": "O usuário (%(user)s) não foi convidado para %(roomId)s, mas o utilitário de convite não apresentou nenhum erro",
+        "join": "Entra em uma sala com o endereço fornecido",
+        "jumptodate": "Ir para a data especificada na linha do tempo",
+        "jumptodate_invalid_input": "Não foi possível entender a data fornecida (%(inputDate)s). Tente usando o formato AAAA-MM-DD.",
+        "lenny": "Adiciona ( ͡° ͜ʖ ͡°) a uma mensagem de texto",
+        "manual_device_verification_confirm_description": "Isso permitirá que outro dispositivo envie e receba mensagens como você. SE ALGUÉM LHE DISSE PARA COLAR ALGO AQUI, É PROVÁVEL QUE VOCÊ ESTEJA SENDO ENGANADO! Tem certeza de que deseja verificar esse outro dispositivo?",
+        "manual_device_verification_confirm_title": "Cuidado: verificação manual do dispositivo",
+        "me": "Visualizar atividades",
+        "msg": "Envia uma mensagem para determinada pessoa",
+        "myavatar": "Altera a foto do seu perfil em todas as salas",
+        "myroomavatar": "Altera sua foto de perfil somente nesta sala atual",
+        "myroomnick": "Altera o seu nome e sobrenome apenas nesta sala",
+        "nick": "Altera o seu nome e sobrenome",
+        "no_active_call": "Nenhuma chamada ativa nesta sala",
+        "op": "Define o nível de permissões de um usuário",
+        "part_unknown_alias": "Endereço da sala não reconhecido: %(roomAlias)s",
+        "plain": "Envia uma mensagem como texto simples, sem interpretá-la como markdown",
+        "query": "Abre um chat com determinada pessoa",
+        "query_not_found_phone_number": "Não foi possível encontrar o ID Matrix pelo número de telefone",
+        "rageshake": "Enviar um relatório de bug com logs",
+        "rainbow": "Envia a mensagem colorida como arco-íris",
+        "rainbowme": "Envia o emoji colorido como um arco-íris",
+        "remove": "Remove desta sala o usuário com o ID determinado",
+        "roomavatar": "Altera a foto da sala",
+        "roomname": "Altera o nome da sala",
+        "server_error": "Erro no servidor",
+        "server_error_detail": "O servidor pode estar indisponível, sobrecarregado, ou alguma outra coisa não funcionou.",
+        "shrug": "Adiciona ¯ \\ _ (ツ) _ / ¯ a uma mensagem de texto",
+        "spoiler": "Envia esta mensagem como spoiler",
+        "tableflip": "Adiciona (╯°□°）╯︵ ┻━┻ a uma mensagem de texto",
+        "topic": "Consulta ou altera a descrição da sala",
+        "topic_none": "Esta sala não tem descrição.",
+        "topic_room_error": "Falha ao obter tópico da sala: Não foi possível encontrar a sala %(roomId)s",
+        "unban": "Remove o banimento do usuário com o ID indicado",
+        "unflip": "Adiciona ┬──┬ ノ( ゜-゜ノ) a uma mensagem de texto simples",
+        "unholdcall": "Retoma a chamada na sala atual",
+        "unignore": "Desbloqueia um usuário, exibindo as mensagens dele daqui para frente",
+        "unignore_dialog_description": "Você não está mais bloqueando %(userId)s",
+        "unignore_dialog_title": "Usuário desbloqueado",
+        "unknown_command": "Comando desconhecido",
+        "unknown_command_button": "Enviar como mensagem",
+        "unknown_command_detail": "Comando não reconhecido: %(commandText)s",
+        "unknown_command_help": "Você pode usar <code>/help</code> para listar os comandos disponíveis. Você quis enviar isso como uma mensagem?",
+        "unknown_command_hint": "Dica: Inicie sua mensagem com <code>//</code> para iniciar com uma barra.",
+        "upgraderoom": "Atualiza a sala para uma nova versão",
+        "upgraderoom_permission_error": "Você não tem as permissões necessárias para usar este comando.",
+        "usage": "Uso",
+        "verify": "Verifique manualmente um de seus próprios dispositivos",
+        "view": "Visualizações da sala com o endereço fornecido",
+        "whois": "Exibe informação sobre um usuário"
+    },
+    "sliding_sync_legacy_no_longer_supported": "A sliding sync antiga não é mais suportada: saia e entre novamente para ativar o novo sinalizador de sliding sync",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Quer​•​adicionar​•​uma​•​nova​•​sala?",
+            "create_prompt": "Criar uma nova sala",
+            "dm_heading": "Conversas",
+            "error_heading": "Nem​•​todos​•​os​•​selecionados​•​foram​•​adicionados",
+            "progress_text": {
+                "one": "Adicionando sala…",
+                "other": "Adicionando salas… (%(progress)s de %(count)s)"
+            },
+            "space_dropdown_label": "Seleção de Espaços",
+            "space_dropdown_title": "Adicionar salas existentes",
+            "subspace_moved_note": "A​•​adição​•​de​•​espaços​•​foi​•​movida."
+        },
+        "add_existing_subspace": {
+            "create_button": "Criar um novo espaço",
+            "create_prompt": "Quer​•​adicionar​•​um​•​novo​•​espaço?",
+            "filter_placeholder": "Procure por espaços",
+            "space_dropdown_title": "Adicionar espaço existente"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Veja​•​o​•​cronograma​•​da​•​sala​•​(devtools)",
+            "explore": "Explorar salas",
+            "home": "Espaço​•​doméstico",
+            "manage_and_explore": "Gerencie​•​e​•​explore​•​salas",
+            "options": "Opções do espaço"
+        },
+        "failed_load_rooms": "Falha​•​ao​•​carregar​•​a​•​lista​•​de​•​salas.",
+        "failed_remove_rooms": "Falha​•​ao​•​remover​•​algumas​•​salas.​•​Tente​•​novamente​•​mais​•​tarde",
+        "incompatible_server_hierarchy": "Seu​•​servidor​•​não​•​suporta​•​a​•​exibição​•​de​•​hierarquias​•​de​•​espaço.",
+        "invite": "Convidar pessoas",
+        "invite_description": "Convidar com email ou nome de usuário",
+        "invite_link": "Compartilhar link de convite",
+        "joining_space": "Juntando-se",
+        "landing_welcome": "Boas-vindas ao <name/>",
+        "leave_dialog_action": "Sair do espaço",
+        "leave_dialog_description": "Você​•​está​•​prestes​•​a​•​deixar​•​<spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Você​•​é​•​o​•​único​•​administrador​•​de​•​algumas​•​das​•​salas​•​ou​•​espaços​•​que​•​deseja​•​deixar.​•​Deixá-los​•​os​•​deixará​•​sem​•​administradores.",
+        "leave_dialog_only_admin_warning": "Você​•​é​•​o​•​único​•​administrador​•​deste​•​espaço.​•​Sair​•​dele​•​significa​•​que​•​ninguém​•​terá​•​controle​•​sobre​•​ele.",
+        "leave_dialog_option_all": "Sair de todas as salas",
+        "leave_dialog_option_intro": "Você​•​gostaria​•​de​•​deixar​•​as​•​salas​•​neste​•​espaço?",
+        "leave_dialog_option_none": "Não saia de nenhuma sala",
+        "leave_dialog_option_specific": "Sair de algumas salas",
+        "leave_dialog_public_rejoin_warning": "Você não poderá entrar novamente a menos que seja convidado novamente.",
+        "leave_dialog_title": "Sair​•de ​%(spaceName)s",
+        "mark_suggested": "Marcar​•​como​•​sugerido",
+        "no_search_result_hint": "Você​•​pode​•​tentar​•​uma​•​pesquisa​•​diferente​•​ou​•​verificar​•​se​•​há​•​erros​•​de​•​digitação.",
+        "preferences": {
+            "sections_section": "Seções​•​para​•​mostrar",
+            "show_people_in_space": "Isso​•​agrupa​•​seus​•​bate-papos​•​com​•​membros​•​desse​•​espaço.​•​Desativar​•​isso​•​ocultará​•​esses​•​bate-papos​•​da​•​sua​•​visão​•​de%(spaceName)s."
+        },
+        "room_filter_placeholder": "Buscar salas",
+        "search_children": "Pesquisar %(spaceName)s",
+        "search_placeholder": "Pesquisar nomes e descrições",
+        "select_room_below": "Selecione​•​uma​•​sala​•​abaixo​•​primeiro",
+        "share_public": "Compartilhar o seu espaço público",
+        "suggested": "Sugerido",
+        "suggested_tooltip": "Esta​•​sala​•​é​•​sugerida​•​como​•​uma​•​boa​•​opção​•​para​•​entrar",
+        "title_when_query_available": "Resultados",
+        "title_when_query_unavailable": "Salas​•​e​•​espaços",
+        "unmark_suggested": "Marcar como não sugerido",
+        "user_lacks_permission": "Você​•​não​•​tem​•​permissão"
+    },
+    "space_settings": {
+        "title": "Configurações - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Digite o nome do novo servidor que você deseja explorar.",
+            "network_dropdown_add_dialog_placeholder": "Nome do servidor",
+            "network_dropdown_add_dialog_title": "Adicionar um novo servidor",
+            "network_dropdown_add_server_option": "Adicionar um novo servidor…",
+            "network_dropdown_available_invalid": "Não foi possível encontrar este servidor ou sua lista de salas",
+            "network_dropdown_available_invalid_forbidden": "Você não tem a permissão para ver a lista de salas deste servidor",
+            "network_dropdown_available_valid": "Muito bem",
+            "network_dropdown_remove_server_adornment": "Remover servidor “%(roomServer)s”",
+            "network_dropdown_required_invalid": "Digite um nome de servidor",
+            "network_dropdown_selected_label": "Mostrar: Salas Matrix",
+            "network_dropdown_selected_label_instance": "Mostrar: %(instance)s salas do servidor (%(server)s )",
+            "network_dropdown_your_server_description": "Seu servidor"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Se você não conseguir ver quem está procurando, envie seu link de convite.",
+        "cant_find_room_helpful_hint": "Se você não conseguir encontrar a sala que está procurando, peça um convite ou crie uma nova sala.",
+        "copy_link_text": "Copiar link de convite",
+        "count_of_members": {
+            "one": "%(count)s Membro",
+            "other": "%(count)s Membros"
+        },
+        "create_new_room_button": "Criar nova sala",
+        "failed_querying_public_rooms": "Falha ao consultar salas públicas",
+        "failed_querying_public_spaces": "Falha ao consultar espaços públicos",
+        "group_chat_section_title": "Outras opções",
+        "heading_with_query": "Use \"%(query)s\" para pesquisar",
+        "heading_without_query": "Pesquisar por",
+        "join_button_text": "Junte-se a %(roomAddress)s",
+        "keyboard_scroll_hint": "Use <arrows/> para rolar",
+        "messages_label": "Mensagens",
+        "other_rooms_in_space": "Outras salas em %(spaceName)s",
+        "public_rooms_label": "Salas públicas",
+        "public_spaces_label": "Espaços públicos",
+        "recent_searches_section_title": "Pesquisas recentes",
+        "recently_viewed_section_title": "Visualizado recentemente",
+        "remove_filter": "Remover filtro de pesquisa para %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Alguns resultados podem estar ocultos por questões de privacidade",
+        "result_may_be_hidden_warning": "Alguns resultados podem estar ocultos",
+        "search_dialog": "Diálogo de pesquisa",
+        "spaces_title": "Espaços em que você está",
+        "start_group_chat_button": "Inicie um bate-papo em grupo"
+    },
+    "stickers": {
+        "empty": "No momento, você não tem pacotes de figurinhas ativados",
+        "empty_add_prompt": "Adicione alguns agora"
+    },
+    "terms": {
+        "column_document": "Documento",
+        "column_service": "Serviço",
+        "column_summary": "Resumo",
+        "identity_server_no_terms_description_1": "Esta ação requer acesso ao servidor de identidade padrão <server /> para poder validar um endereço de e-mail ou número de telefone, mas este servidor não tem nenhum termo de uso.",
+        "identity_server_no_terms_description_2": "Continue apenas se você confia em quem possui este servidor.",
+        "identity_server_no_terms_title": "O servidor de identidade não tem termos de serviço",
+        "inline_intro_text": "Aceitar <policyLink /> para continuar:",
+        "integration_manager": "Use bots, integrações, widgets e pacotes de figurinhas",
+        "intro": "Para continuar, você precisa aceitar os termos deste serviço.",
+        "summary_identity_server_1": "Encontre outras pessoas por telefone ou e-mail",
+        "summary_identity_server_2": "Seja encontrado por telefone ou e-mail",
+        "tac_button": "Revise os termos e condições",
+        "tac_description": "Para continuar usando o servidor local %(homeserverDomain)s, você deve ler e concordar com nossos termos e condições.",
+        "tac_title": "Termos e Condições",
+        "tos": "Termos de serviço"
+    },
+    "theme": {
+        "light_high_contrast": "Claro (alto contraste)",
+        "match_system": "Padrão do sistema"
+    },
+    "thread_view_back_action_label": "Voltar ao tópico",
+    "threads": {
+        "all_threads": "Todos os tópicos",
+        "all_threads_description": "Mostra todos os tópicos da sala atual",
+        "count_of_reply": {
+            "one": "%(count)s resposta",
+            "other": "%(count)s respostas"
+        },
+        "empty_description": "Use “%(replyInThread)s” ao passar o mouse sobre uma mensagem.",
+        "empty_title": "Os tópicos ajudam a manter suas conversas dentro do tópico e fáceis de acompanhar.",
+        "mark_all_read": "Marcar tudo como lido",
+        "my_threads": "Meus tópicos",
+        "my_threads_description": "Mostra todos os tópicos em que você participou",
+        "open_thread": "Abrir tópico",
+        "show_thread_filter": "Exibir:"
+    },
+    "threads_activity_centre": {
+        "header": "Atividade de tópicos",
+        "no_rooms_with_threads_notifs": "Você ainda não tem salas com notificações de tópicos.",
+        "no_rooms_with_unread_threads": "Você ainda não tem salas com tópicos não lidos."
+    },
+    "time": {
+        "date_at_time": "%(date)s às %(time)s",
+        "hours_minutes_seconds_left": "%(hours)sh %(minutes)sm %(seconds)ss restantes",
+        "left": "%(timeRemaining)s restante(s)",
+        "minutes_seconds_left": "%(minutes)sm %(seconds)ss restantes",
+        "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",
+        "short_hours": "%(value)sh",
+        "short_hours_minutes_seconds": "%(hours)sh %(minutes)s m %(seconds)s s",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)s s",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Recolher tópico de resposta",
+            "external_url": "Link do código-fonte",
+            "open_in_osm": "Abrir no OpenStreetMap",
+            "report": "Denunciar",
+            "resent_unsent_reactions": "Reenviar %(unsentCount)s reações",
+            "show_url_preview": "Mostrar pré-visualização",
+            "view_related_event": "Exibir evento relacionado",
+            "view_source": "Ver fonte"
+        },
+        "creation_summary_dm": "%(creator)s criou esta conversa.",
+        "creation_summary_room": "%(creator)s criou e configurou esta sala.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "A identidade verificada do remetente foi alterada",
+            "unable_to_decrypt": "Não foi possível descriptografar a mensagem"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Baixando",
+        "download_failed": "Falha no download",
+        "download_failed_description": "Ocorreu um erro ao baixar esse arquivo",
+        "edits": {
+            "tooltip_label": "Editado em %(date)s. Clique para ver edições.",
+            "tooltip_sub": "Clicar para ver edições",
+            "tooltip_title": "Editado em %(date)s"
+        },
+        "error_no_renderer": "Este evento não pôde ser exibido",
+        "error_rendering_message": "Não foi possível carregar esta mensagem",
+        "historical_messages_unavailable": "Você não pode ver as mensagens anteriores",
+        "in_room_name": " em <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s atualizou o layout da sala",
+        "late_event_separator": "Enviado originalmente em %(dateTime)s",
+        "load_error": {
+            "no_permission": "Não foi possível carregar um trecho específico da conversa desta sala, porque parece que você não tem permissão para ler a mensagem em questão.",
+            "title": "Não foi possível carregar um trecho da conversa",
+            "unable_to_find": "Não foi possível carregar um trecho específico da conversa desta sala."
+        },
+        "m.audio": {
+            "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Ver localização ao vivo"
+        },
+        "m.call": {
+            "video_call_ended": "Chamada de vídeo encerrada",
+            "video_call_started": "Chamada de vídeo iniciada em %(roomName)s.",
+            "video_call_started_text": "%(name)s iniciou uma chamada de vídeo",
+            "video_call_started_unsupported": "Chamada de vídeo iniciada em %(roomName)s. (não compatível com este navegador)"
+        },
+        "m.call.hangup": {
+            "dm": "Chamada encerrada"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Respondido em outro lugar",
+            "call_back_prompt": "Chamar de volta",
+            "declined": "Chamada recusada",
+            "failed_connect_media": "Não foi possível conectar-se à mídia",
+            "failed_connection": "Falha na conexão",
+            "failed_opponent_media": "Este dispositivo não conseguiu iniciar a câmera ou microfone",
+            "missed_call": "Chamada perdida",
+            "no_answer": "Sem resposta",
+            "unknown_error": "Um erro desconhecido ocorreu",
+            "unknown_failure": "Falha desconhecida: %(reason)s",
+            "unknown_state": "A chamada está em um estado desconhecido!",
+            "video_call": "%(senderName)s iniciou uma chamada de vídeo.",
+            "video_call_unsupported": "%(senderName)s iniciou uma chamada de vídeo. (não suportada por este navegador)",
+            "voice_call": "%(senderName)s iniciou uma chamada de voz.",
+            "voice_call_unsupported": "%(senderName)s iniciou uma chamada de voz. (não suportada por este navegador)"
+        },
+        "m.file": {
+            "error_decrypting": "Erro ao descriptografar o anexo"
+        },
+        "m.image": {
+            "error": "Não é possível mostrar a imagem devido a um erro",
+            "error_decrypting": "Erro ao descriptografar a imagem",
+            "error_downloading": "Erro ao baixar a imagem",
+            "sent": "%(senderDisplayName)s enviou uma imagem.",
+            "show_image": "Mostrar imagem"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s solicita confirmação",
+            "you_started": "Você enviou uma solicitação de confirmação"
+        },
+        "m.location": {
+            "full": "%(senderName)s compartilhou sua localização",
+            "location": "Compartilhou um local: ",
+            "self_location": "Compartilhou sua localização: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s voto",
+                "other": "%(count)s votos"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s encerrou uma enquete"
+        },
+        "m.poll.start": "%(senderName)s começou uma enquete - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s mudou a foto da sala.",
+            "lightbox_title": "%(senderDisplayName)s alterou a foto da sala %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s adicionou os endereços alternativos %(addresses)s desta sala.",
+                "one": "%(senderName)s adicionou o endereço alternativo %(addresses)s desta sala."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s removeu os endereços alternativos %(addresses)s desta sala.",
+                "one": "%(senderName)s removeu o endereço alternativo %(addresses)s desta sala."
+            },
+            "changed": "%(senderName)s alterou os endereços desta sala.",
+            "changed_alternative": "%(senderName)s alterou os endereços alternativos desta sala.",
+            "changed_main_and_alternative": "%(senderName)s alterou os endereços principal e alternativos desta sala.",
+            "removed": "%(senderName)s removeu o endereço principal desta sala.",
+            "set": "%(senderName)s definiu o endereço principal desta sala como %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Esta sala é uma continuação de outra conversa.",
+            "see_older_messages": "Clique aqui para ver as mensagens mais antigas.",
+            "unknown_predecessor": "Não foi possível encontrar a versão antiga desta sala (ID da sala:%(roomId)s) e não recebemos 'via_servers' para procurá-la.",
+            "unknown_predecessor_guess_server": "Não foi possível encontrar a versão antiga desta sala (ID da sala:%(roomId)s) e não recebemos 'via_servers' para procurá-la. É possível que adivinhar o servidor a partir do ID da sala funcione. Se você quiser tentar, clique neste link:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s permitiu que os convidados entrem na sala.",
+            "forbidden": "%(senderDisplayName)s impediu que convidados entrassem na sala.",
+            "unknown": "%(senderDisplayName)s alterou a permissão de acesso de convidados para %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s deixou o histórico futuro da sala visível para todos os participantes da sala, a partir de quando foram convidados.",
+            "joined": "%(senderName)s deixou o histórico futuro da sala visível para todos os participantes da sala, a partir de quando entraram.",
+            "shared": "%(senderName)s deixou o histórico futuro da sala visível para todas as pessoas da sala.",
+            "unknown": "%(senderName)s deixou o histórico futuro da sala visível para desconhecido (%(visibility)s).",
+            "world_readable": "%(senderName)s deixou o histórico futuro da sala visível para qualquer pessoa."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s tornou a sala disponível apenas por convite.",
+            "knock": "%(senderDisplayName)s alterou a regra de adesão para pedir para ingressar.",
+            "public": "%(senderDisplayName)s tornou a sala pública para quem conhece o link.",
+            "restricted": "%(senderDisplayName)s modificou quem pode se juntar a esta sala.",
+            "restricted_settings": "%(senderDisplayName)s modificou quem pode se juntar a esta sala. <a>Ver configurações</a>.",
+            "unknown": "%(senderDisplayName)s alterou a regra de entrada para %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s aceitou o convite para %(displayName)s",
+            "accepted_invite": "%(targetName)s aceitou o convite",
+            "ban": "%(senderName)s baniu %(targetName)s",
+            "ban_reason": "%(senderName)s baniu %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s mudou sua foto de perfil",
+            "change_name": "%(oldDisplayName)s mudou seu nome de exibição para %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s alterou o nome de exibição e a foto do perfil",
+            "invite": "%(senderName)s convidou %(targetName)s",
+            "join": "%(targetName)s entrou na sala",
+            "kick": "%(senderName)s removeu %(targetName)s",
+            "kick_reason": "%(senderName)s removeu %(targetName)s: %(reason)s",
+            "left": "%(targetName)s saiu da sala",
+            "left_reason": "%(targetName)s saiu da sala: %(reason)s",
+            "no_change": "%(senderName)s não fez mudanças",
+            "reject_invite": "%(targetName)s rejeitou o convite",
+            "reject_invite_reason": "%(targetName)s rejeitou o convite: %(reason)s",
+            "remove_avatar": "%(senderName)s removeu sua foto de perfil",
+            "remove_name": "%(senderName)s removeu seu nome de exibição (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s definiu sua foto de perfil",
+            "set_name": "%(senderName)s definiu seu nome de exibição para %(displayName)s",
+            "unban": "%(senderName)s desbaniu %(targetName)s",
+            "withdrew_invite": "%(senderName)s recusou o convite de %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s recusou o convite de %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s alterou o nome da sala de %(oldRoomName)s para %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s apagou o nome da sala.",
+            "set": "%(senderDisplayName)s alterou o nome da sala para %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s alterou as mensagens fixadas da sala.",
+            "changed_link": "%(senderName)s mudou a <a>mensagem fixada</a> da sala.",
+            "pinned": "%(senderName)s fixou uma mensagem nesta sala. Veja todas as mensagens fixadas.",
+            "pinned_link": "%(senderName)s fixou <a>uma mensagens</a> nesta sala. Veja todas as <b>mensagens fixadas</b>.",
+            "unpinned": "%(senderName)s desafixou uma mensagem desta sala. Veja todas as mensagens fixadas.",
+            "unpinned_link": "%(senderName)s desafixou <a>uma mensagem</a> desta sala. Veja todas as <b>mensagens fixadas</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s alterou o nível de permissão de %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s de %(fromPowerLevel)s para %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s cancelou o convite para %(targetDisplayName)s entrar na sala.",
+            "sent": "%(senderName)s enviou um convite para %(targetDisplayName)s entrar na sala."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s atualizou esta sala.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s alterou a descrição para \"%(topic)s\".",
+            "removed": "%(senderDisplayName)s removeu o tópico."
+        },
+        "m.sticker": "%(senderDisplayName)s enviou uma figurinha.",
+        "m.video": {
+            "error_decrypting": "Erro ao descriptografar o vídeo",
+            "show_video": "Mostrar vídeo"
+        },
+        "m.widget": {
+            "added": "O widget %(widgetName)s foi criado por %(senderName)s",
+            "jitsi_ended": "Chamada de vídeo em grupo encerrada por %(senderName)s",
+            "jitsi_join_right_prompt": "Participe da chamada em grupo, clicando no botão de informações da sala, à direita da tela",
+            "jitsi_join_top_prompt": "Entre na chamada em grupo no topo desta sala",
+            "jitsi_started": "Chamada de vídeo em grupo iniciada por %(senderName)s",
+            "jitsi_updated": "Chamada de vídeo em grupo atualizada por %(senderName)s",
+            "modified": "O widget %(widgetName)s foi modificado por %(senderName)s",
+            "removed": "O widget %(widgetName)s foi removido por %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Copiar ligação para o tópico",
+            "view_in_room": "Ver na sala"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s alterou uma regra que bania o que correspondia a %(oldGlob)s para corresponder a %(newGlob)s devido à %(reason)s",
+            "changed_rule_rooms": "%(senderName)s alterou uma regra que bania salas que correspondiam a %(oldGlob)s para corresponder a %(newGlob)s devido à %(reason)s",
+            "changed_rule_servers": "%(senderName)s alterou uma regra que bania servidores que correspondiam a %(oldGlob)s para corresponder a %(newGlob)s devido à %(reason)s",
+            "changed_rule_users": "%(senderName)s alterou uma regra que bania usuários que correspondiam a %(oldGlob)s para corresponder a %(newGlob)s devido à %(reason)s",
+            "created_rule": "%(senderName)s criou uma regra de banimento correspondendo a %(glob)s devido à %(reason)s",
+            "created_rule_rooms": "%(senderName)s criou uma regra que bane salas que correspondem a %(glob)s devido à %(reason)s",
+            "created_rule_servers": "%(senderName)s criou uma regra que bane servidores que correspondem a %(glob)s devido à %(reason)s",
+            "created_rule_users": "%(senderName)s criou uma regra que bane usuários que correspondem a %(glob)s devido à %(reason)s",
+            "removed_rule": "%(senderName)s removeu uma regra de banimento correspondendo a %(glob)s",
+            "removed_rule_rooms": "%(senderName)s removeu a regra que bane salas que correspondem a %(glob)s",
+            "removed_rule_servers": "%(senderName)s removeu a regra que bane servidores que correspondem a %(glob)s",
+            "removed_rule_users": "%(senderName)s removeu a regra que bane usuários que correspondem a %(glob)s",
+            "updated_invalid_rule": "%(senderName)s atualizou uma regra de banimento inválida",
+            "updated_rule": "%(senderName)s atualizou uma regra de banimento correspondendo a %(glob)s devido à %(reason)s",
+            "updated_rule_rooms": "%(senderName)s atualizou a regra que bane salas que correspondem a %(glob)s devido à %(reason)s",
+            "updated_rule_servers": "%(senderName)s atualizou a regra que bane servidores que correspondem a %(glob)s devido à %(reason)s",
+            "updated_rule_users": "%(senderName)s atualizou a regra de banimento de usuários correspondendo a %(glob)s devido à %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Você não tem permissão para ver as mensagens de antes de ser convidado.",
+        "no_permission_messages_before_join": "Você não tem permissão para ver as mensagens de antes de entrar.",
+        "pending_moderation": "Mensagem pendente de moderação",
+        "pending_moderation_reason": "Mensagem pendente de moderação: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Adicionar reação",
+            "custom_reaction_fallback_label": "Reação personalizada",
+            "label": "%(reactors)s reagiram com %(content)s",
+            "tooltip_caption": "Reagiu com %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Visto por %(count)s pessoa",
+            "other": "Visto por %(count)s pessoas"
+        },
+        "read_receipts_label": "Confirmações de leitura",
+        "redacted": {
+            "tooltip": "Mensagem apagada em %(date)s"
+        },
+        "redaction": "Mensagem apagada por %(name)s",
+        "reply": {
+            "error_loading": "Não é possível carregar o evento que foi respondido, ele não existe ou você não tem permissão para visualizá-lo.",
+            "in_reply_to": "<a>Em resposta a</a> <pill>",
+            "in_reply_to_for_export": "Em resposta a <a>esta mensagem</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Você será redirecionado para um site de terceiros para poder autenticar a sua conta, tendo em vista usar o serviço %(integrationsUrl)s. Deseja prosseguir?",
+            "dialog_title": "Adicionar uma integração"
+        },
+        "self_redaction": "Mensagem apagada",
+        "send_state_encrypting": "Criptografando sua mensagem...",
+        "send_state_failed": "Falhou a enviar",
+        "send_state_sending": "Enviando sua mensagem...",
+        "send_state_sent": "A sua mensagem foi enviada",
+        "summary": {
+            "banned": {
+                "other": "foi banido %(count)s vezes",
+                "one": "foi banido"
+            },
+            "banned_multiple": {
+                "other": "foram banidos %(count)s vezes",
+                "one": "foram banidos"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)smudou sua foto de perfil",
+                "other": "%(oneUser)smudou suas fotos de perfil %(count)s vezes"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)s mudou sua foto de perfil",
+                "other": "%(severalUsers)s mudou suas fotos de perfil %(count)s vezes"
+            },
+            "changed_name": {
+                "other": "%(oneUser)s alterou o nome e sobrenome %(count)s vezes",
+                "one": "%(oneUser)s alterou o nome e sobrenome"
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)s alteraram o nome e sobrenome %(count)s vezes",
+                "one": "%(severalUsers)s alteraram o nome e sobrenome"
+            },
+            "format": "%(nameList)s%(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)s enviou uma mensagem oculta",
+                "other": "%(oneUser)s enviou %(count)s mensagens ocultas"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)senviou uma mensagem oculta",
+                "other": "%(severalUsers)senviou %(count)s mensagens ocultas"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)s teve os convites removidos %(count)s vezes",
+                "one": "%(oneUser)s teve o convite removido"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)s tiveram os convites retirados %(count)s vezes",
+                "one": "%(severalUsers)s tiveram os convites retirados"
+            },
+            "invited": {
+                "one": "foi convidado",
+                "other": "foi convidado %(count)s vezes"
+            },
+            "invited_multiple": {
+                "one": "foram convidados",
+                "other": "foram convidados %(count)s vezes"
+            },
+            "joined": {
+                "other": "%(oneUser)s entrou %(count)s vezes",
+                "one": "%(oneUser)s entrou"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)s entrou e saiu %(count)s vezes",
+                "one": "%(oneUser)s entrou e saiu"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)s entraram e saíram %(count)s vezes",
+                "one": "%(severalUsers)s entraram e saíram"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s entraram %(count)s vezes",
+                "one": "%(severalUsers)s entraram"
+            },
+            "kicked": {
+                "other": "foi removido %(count)s vezes",
+                "one": "foi removido"
+            },
+            "kicked_multiple": {
+                "other": "foram removidos %(count)s vezes",
+                "one": "foram removidos"
+            },
+            "left": {
+                "other": "%(oneUser)s saiu %(count)s vezes",
+                "one": "%(oneUser)s saiu"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)s saíram %(count)s vezes",
+                "one": "%(severalUsers)s saíram"
+            },
+            "no_change": {
+                "other": "%(oneUser)s não fez alterações %(count)s vezes",
+                "one": "%(oneUser)s não fez alterações"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)s não fizeram alterações %(count)s vezes",
+                "one": "%(severalUsers)s não fizeram alterações"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)salterado o <a>mensagens fixadas</a> para a sala",
+                "other": "%(oneUser)salterou o <a>mensagens fixadas</a> para a sala %(count)s vezes"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)salterado o <a>mensagens fixadas</a> para a sala",
+                "other": "%(severalUsers)salterado o <a>mensagens fixadas</a> para a sala %(count)s vezes"
+            },
+            "redacted": {
+                "one": "%(oneUser)s removeu uma mensagem",
+                "other": "%(oneUser)s removeu %(count)s mensagens"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s removeu uma mensagem",
+                "other": "%(severalUsers)sremoveu %(count)s mensagens"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)s recusou o convite %(count)s vezes",
+                "one": "%(oneUser)s recusou o convite"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s recusaram os convites %(count)s vezes",
+                "one": "%(severalUsers)s recusaram os convites"
+            },
+            "rejoined": {
+                "other": "%(oneUser)s saiu e entrou %(count)s vezes",
+                "one": "%(oneUser)s saiu e entrou"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)s saíram e entraram %(count)s vezes",
+                "one": "%(severalUsers)s saíram e entraram"
+            },
+            "unbanned": {
+                "other": "teve o banimento removido %(count)s vezes",
+                "one": "teve o banimento removido"
+            },
+            "unbanned_multiple": {
+                "other": "tiveram o banimento removido %(count)s vezes",
+                "one": "tiveram o banimento removido"
+            }
+        },
+        "thread_info_basic": "De um tópico",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s e %(count)s outras pessoas estão digitando…",
+                "one": "%(names)s e outra pessoa estão digitando…"
+            },
+            "one_user": "%(displayName)s está digitando…",
+            "two_users": "%(names)s e %(lastPerson)s estão digitando…"
+        },
+        "undecryptable_tooltip": "Esta mensagem não pôde ser descriptografada"
+    },
+    "truncated_list_n_more": {
+        "other": "E %(count)s mais..."
+    },
+    "unsupported_browser": {
+        "description": "Se você continuar, alguns recursos podem parar de funcionar e há o risco de você perder dados no futuro. Atualize seu navegador para continuar usando %(brand)s.",
+        "title": "%(brand)s não suporta este navegador"
+    },
+    "unsupported_server_description": "Este servidor está usando uma versão mais antiga do Matrix. Atualize para o Matrix %(version)s para usar %(brand)s sem erros.",
+    "unsupported_server_title": "Seu servidor não é compatível",
+    "update": {
+        "changelog": "Registro de alterações",
+        "check_action": "Verificar atualizações",
+        "checking": "Verificando se há uma atualização...",
+        "downloading": "Baixando a atualização...",
+        "error_encountered": "Erro encontrado (%(errorDetail)s).",
+        "error_unable_load_commit": "Não foi possível carregar os detalhes do envio: %(msg)s",
+        "new_version_available": "Nova versão disponível. <a>Atualize agora.</a>",
+        "no_update": "Nenhuma atualização disponível.",
+        "release_notes_toast_title": "Novidades",
+        "see_changes_button": "O que há de novidades?",
+        "toast_description": "Uma nova versão do %(brand)s está disponível",
+        "toast_title": "Atualizar o %(brand)s",
+        "unavailable": "Indisponível"
+    },
+    "update_room_access_modal": {
+        "description": "Para criar um link de compartilhamento, torne esta sala <b>pública</b> ou habilite a opção para que os usuários <b>peçam para entrar</b>. Isso permite que os convidados entrem sem serem convidados.",
+        "dont_change_description": "Se não quiser alterar o acesso a essa sala, você pode criar uma nova sala para o link de chamada.",
+        "no_change": "Eu não quero mudar o nível de acesso.",
+        "revert_access_description": "(Isso pode ser revertido para o valor anterior nas configurações da sala: <b>Segurança e privacidade</b> / <b>Acesso</b>)",
+        "title": "Permitir que usuários convidados entrem nesta sala"
+    },
+    "upload_failed_generic": "O envio do arquivo '%(fileName)s' falhou.",
+    "upload_failed_size": "O arquivo '%(fileName)s' excede o limite de tamanho deste homeserver para uploads",
+    "upload_failed_title": "O envio falhou",
+    "upload_file": {
+        "cancel_all_button": "Cancelar tudo",
+        "error_file_too_large": "Este arquivo é <b>muito grande</b> para ser enviado. O limite do tamanho de arquivos é %(limit)s, enquanto que o tamanho desse arquivo é %(sizeOfThisFile)s.",
+        "error_files_too_large": "Esses arquivos são <b>muito grandes</b> para serem enviados. O limite do tamanho de arquivos é %(limit)s.",
+        "error_some_files_too_large": "Alguns arquivos são <b>muito grandes</b> para serem enviados. O limite do tamanho de arquivos é %(limit)s.",
+        "error_title": "Erro no envio",
+        "not_image": "O arquivo que você escolheu não é um arquivo de imagem válido.",
+        "title": "Enviar arquivos",
+        "title_progress": "Enviar arquivos (%(current)s de %(total)s)",
+        "upload_all_button": "Enviar tudo",
+        "upload_n_others_button": {
+            "other": "Enviar %(count)s outros arquivos",
+            "one": "Enviar %(count)s outros arquivos"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Ferramentas de administração",
+        "ban_button_room": "Banir da sala",
+        "ban_button_space": "Banir do espaço",
+        "ban_room_confirm_title": "Banir de %(roomName)s",
+        "ban_space_everything": "Bani-los de tudo que eu faço",
+        "ban_space_specific": "Bani-los de coisas específicas que faço",
+        "deactivate_confirm_action": "Desativar usuário",
+        "deactivate_confirm_description": "Desativar este usuário irá desconectá-lo e impedi-lo de fazer o login novamente. Além disso, ele sairá de todas as salas em que estiver. Esta ação não pode ser revertida. Tem certeza de que deseja desativar este usuário?",
+        "deactivate_confirm_title": "Desativar usuário?",
+        "demote_button": "Reduzir privilégio",
+        "demote_self_confirm_description_space": "Você não poderá desfazer esta mudança, já que está tirando seu próprio cargo, e se você for o último usuário com privilégios neste espaço será impossível ganhá-los novamente.",
+        "demote_self_confirm_room": "Você não poderá desfazer essa alteração, já que está rebaixando sua própria permissão. Se você for a última pessoa nesta sala, será impossível recuperar a permissão atual.",
+        "demote_self_confirm_title": "Reduzir seu próprio privilégio?",
+        "disinvite_button_room": "Desconvidar da sala",
+        "disinvite_button_room_name": "Cancelar convite de %(roomName)s",
+        "disinvite_button_space": "Desconvidar do espaço",
+        "error_ban_user": "Não foi possível banir o usuário",
+        "error_deactivate": "Falha ao desativar o usuário",
+        "error_kicking_user": "Falha ao remover usuário",
+        "error_mute_user": "Falha ao silenciar o usuário",
+        "error_revoke_3pid_invite_description": "Não foi possível revogar o convite. O servidor pode estar com um problema temporário ou você não tem permissões suficientes para revogar o convite.",
+        "error_revoke_3pid_invite_title": "Falha ao revogar o convite",
+        "ignore_button": "Ignorar",
+        "ignore_confirm_description": "Todas as mensagens e convites desse usuário serão ocultados. Você tem certeza de que deseja ignorá-lo?",
+        "ignore_confirm_title": "Ignorar %(user)s",
+        "invited_by": "Convidado por %(sender)s",
+        "jump_to_rr_button": "Ir para a confirmação de leitura",
+        "kick_button_room": "Remover da sala",
+        "kick_button_room_name": "Remover de %(roomName)s",
+        "kick_button_space": "Remover do espaço",
+        "kick_button_space_everything": "Remova-os de tudo que eu puder",
+        "kick_space_specific": "Remover de coisas específicas que eu posso fazer",
+        "kick_space_warning": "Eles ainda poderão acessar tudo o que você não for administrador.",
+        "promote_warning": "Você não poderá desfazer essa alteração, pois está promovendo o usuário ao mesmo nível de permissão que você.",
+        "redact": {
+            "confirm_button": {
+                "other": "Apagar %(count)s mensagens para todos",
+                "one": "Remover 1 mensagem"
+            },
+            "confirm_description_1": {
+                "one": "Você está prestes a remover a %(count)s mensagem de %(user)s. Isso os removerá permanentemente para todos na conversa. Você deseja continuar?",
+                "other": "Você está prestes a remover %(count)s mensagens de %(user)s. Isso os removerá permanentemente para todos na conversa. Você deseja continuar?"
+            },
+            "confirm_description_2": "Quando há muitas mensagens, isso pode levar algum tempo. Por favor, não recarregue o seu cliente enquanto isso.",
+            "confirm_keep_state_explainer": "Desmarque se você também deseja remover as mensagens do sistema desse usuário (por exemplo, alteração de associação, alteração de perfil...)",
+            "confirm_keep_state_label": "Preservar as mensagens do sistema",
+            "confirm_title": "Apagar mensagens de %(user)s na sala",
+            "no_recent_messages_description": "Tente rolar para cima na conversa para ver se há mensagens anteriores.",
+            "no_recent_messages_title": "Nenhuma mensagem recente de %(user)s foi encontrada"
+        },
+        "redact_button": "Remover mensagens",
+        "revoke_invite": "Revogar o convite",
+        "room_encrypted": "As mensagens nesta sala estão criptografadas de ponta a ponta.",
+        "room_encrypted_detail": "Suas mensagens são protegidas e somente você e o destinatário têm as chaves exclusivas para desbloqueá-las.",
+        "room_unencrypted": "As mensagens nesta sala não estão criptografadas de ponta a ponta.",
+        "room_unencrypted_detail": "Em salas criptografadas, suas mensagens estão seguras e apenas você e a pessoa que a recebe têm as chaves únicas que permitem a sua leitura.",
+        "send_message": "Enviar mensagem",
+        "share_button": "Compartilhar perfil",
+        "unban_button_room": "Desbanir da sala",
+        "unban_button_space": "Desbanir do espaço",
+        "unban_room_confirm_title": "Desbanir de %(roomName)s",
+        "unban_space_everything": "Desbani-los de tudo que eu faço",
+        "unban_space_specific": "Desbani-los de coisas específicas que eu faço",
+        "unban_space_warning": "Eles não poderão acessar o que você não é administrador.",
+        "unignore_button": "Designorar",
+        "verification_unavailable": "Verificação de usuário indisponível",
+        "verify_button": "Confirmar usuário",
+        "verify_explainer": "Para maior segurança, confirme este usuário comparando um código único em ambos os aparelhos."
+    },
+    "voip": {
+        "already_in_call": "Já em um chamada",
+        "already_in_call_person": "Você já está em uma chamada com essa pessoa.",
+        "answered_elsewhere": "Respondido em algum lugar",
+        "answered_elsewhere_description": "A chamada foi atendida em outro aparelho.",
+        "call_failed": "A chamada falhou",
+        "call_failed_description": "Não foi possível iniciar a chamada",
+        "call_failed_media": "A chamada falhou porque a câmera ou o microfone não puderam ser acessados. Verifique se:",
+        "call_failed_media_applications": "Nenhum outro aplicativo está usando a câmera",
+        "call_failed_media_connected": "Um microfone e uma câmera estão conectados e configurados corretamente",
+        "call_failed_media_permissions": "Permissão concedida para usar a câmera",
+        "call_failed_microphone": "A chamada falhou porque não foi possível acessar o microfone. Verifique se o microfone está conectado e configurado corretamente.",
+        "call_held": "%(peerName)s pausou a chamada",
+        "call_held_resume": "Você pausou a chamada <a>Retomar</a>",
+        "call_held_switch": "Você pausou a chamada <a>Retomar</a>",
+        "call_toast_unknown_room": "Sala desconhecida",
+        "camera_disabled": "Sua câmera está desligada",
+        "camera_enabled": "Sua câmera ainda está habilitada",
+        "cannot_call_yourself_description": "Você não pode iniciar uma chamada consigo mesmo.",
+        "close_lobby": "Fechar lobby",
+        "connecting": "Conectando",
+        "connection_lost": "A conectividade com o servidor foi perdida",
+        "connection_lost_description": "Você não pode fazer chamadas sem uma conexão com o servidor.",
+        "consulting": "Consultar com %(transferTarget)s. Tranferir para <a> %(transferee)s</a>",
+        "default_device": "Aparelho padrão",
+        "dial": "Discar",
+        "dialpad": "Teclado de discagem",
+        "disable_camera": "Desligar câmera",
+        "disable_microphone": "Silenciar microfone",
+        "disabled_no_perms_start_video_call": "Você não tem permissão para iniciar chamadas de vídeo",
+        "disabled_no_perms_start_voice_call": "Você não tem permissão para iniciar chamadas de voz",
+        "disabled_ongoing_call": "Chamada em andamento",
+        "element_call": "Element",
+        "enable_camera": "Ligar câmera",
+        "enable_microphone": "Habilitar microfone",
+        "expand": "Retornar para a chamada",
+        "get_call_link": "Compartilhar link de chamada",
+        "hangup": "Desligar",
+        "hide_sidebar_button": "Esconder a barra lateral",
+        "input_devices": "Dispositivos de entrada",
+        "jitsi_call": "Jitsi",
+        "legacy_call": "Legacy",
+        "maximise": "Preencher tela",
+        "maximise_call": "Maximizar chamada",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Conferências"
+        },
+        "minimise_call": "Minimizar chamada",
+        "misconfigured_server": "A chamada falhou por conta de má configuração no servidor",
+        "misconfigured_server_description": "Por favor, peça ao administrador do seu servidor (<code>%(homeserverDomain)s</code>) para configurar um servidor TURN, de modo que as chamadas funcionem de maneira estável.",
+        "misconfigured_server_fallback": "Como alternativa, você pode tentar usar o servidor público em<server/>, mas isso não será tão confiável e ele compartilhará seu endereço IP com esse servidor. Você também pode gerenciar isso em Configurações.",
+        "misconfigured_server_fallback_accept": "Tente usar %(server)s",
+        "more_button": "Mais",
+        "msisdn_lookup_failed": "Não foi possível procurar o número de telefone",
+        "msisdn_lookup_failed_description": "Ocorreu um erro ao procurar o número de telefone",
+        "msisdn_transfer_failed": "Não foi possível transferir chamada",
+        "n_people_joined": {
+            "one": "%(count)s pessoa entrou",
+            "other": "%(count)s pessoas entraram"
+        },
+        "no_audio_input_description": "Não foi possível encontrar um microfone em seu dispositivo. Confira suas configurações e tente novamente.",
+        "no_audio_input_title": "Nenhum microfone encontrado",
+        "no_media_perms_description": "Pode ser necessário permitir manualmente ao %(brand)s acessar seu microfone ou sua câmera",
+        "no_media_perms_title": "Não tem permissões para acessar a mídia",
+        "no_permission_conference": "Permissão necessária",
+        "no_permission_conference_description": "Você não tem permissão para iniciar uma chamada em grupo nesta sala",
+        "on_hold": "%(name)s em espera",
+        "output_devices": "Dispositivos de saída",
+        "screenshare_monitor": "Compartilhe a tela inteira",
+        "screenshare_title": "Compatilhe conteúdo",
+        "screenshare_window": "Janela da aplicação",
+        "show_sidebar_button": "Exibir a barra lateral",
+        "silence": "Silenciar chamado",
+        "silenced": "Notificações silenciadas",
+        "start_screenshare": "Começar a compartilhar sua tela",
+        "stop_screenshare": "Parar de compartilhar sua tela",
+        "too_many_calls": "Muitas chamadas",
+        "too_many_calls_description": "Você atingiu o número máximo de chamadas simultâneas.",
+        "transfer_consult_first_label": "Consulte primeiro",
+        "transfer_failed": "A Transferência Falhou",
+        "transfer_failed_description": "Houve uma falha ao transferir a chamada",
+        "unable_to_access_audio_input_description": "Não foi possível acessar seu microfone. Por favor, confira as configurações do seu navegador e tente novamente.",
+        "unable_to_access_audio_input_title": "Não foi possível acessar seu microfone",
+        "unable_to_access_media": "Não é possível acessar a câmera/microfone",
+        "unable_to_access_microphone": "Não é possível acessar o microfone",
+        "unknown_caller": "Pessoa desconhecida ligando",
+        "unknown_person": "pessoa desconhecida",
+        "unsilence": "Som ligado",
+        "unsupported": "Chamadas não suportadas",
+        "unsupported_browser": "Você não pode fazer chamadas neste navegador.",
+        "user_busy": "Usuário Ocupado",
+        "user_busy_description": "O usuário que você chamou está ocupado.",
+        "user_is_presenting": "%(sharerName)s está apresentando",
+        "video_call": "Chamada de vídeo",
+        "video_call_incoming": "Chamada de vídeo recebida",
+        "video_call_using": "Chamada de vídeo usando:",
+        "voice_call": "Chamada de voz",
+        "voice_call_incoming": "Chamada de voz recebida",
+        "you_are_presenting": "Você está apresentando"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s em %(osName)s",
+    "widget": {
+        "added_by": "Widget adicionado por",
+        "capabilities_dialog": {
+            "content_starting_text": "Este widget gostaria de:",
+            "decline_all_permission": "Recusar tudo",
+            "remember_Selection": "Lembrar minha escolha para este widget",
+            "title": "Autorizar as permissões do widget"
+        },
+        "capability": {
+            "always_on_screen_generic": "Permaneça na tela, quando executar",
+            "always_on_screen_viewing_another_room": "Permaneça na tela ao visualizar outra sala, quando executar",
+            "any_room": "Acima, mas em qualquer sala em que você participe ou seja convidado também",
+            "byline_empty_state_key": "com uma chave de estado vazia",
+            "byline_state_key": "com chave de estado %(stateKey)s",
+            "capability": "A permissão <b>%(capability)s</b>",
+            "change_avatar_active_room": "Alterar a foto desta sala ativa",
+            "change_avatar_this_room": "Alterar a foto desta sala",
+            "change_name_active_room": "Alterar o nome desta sala ativa",
+            "change_name_this_room": "Alterar o nome desta sala",
+            "change_topic_active_room": "Alterar a descrição desta sala ativa",
+            "change_topic_this_room": "Alterar a descrição desta sala",
+            "receive_membership_active_room": "Ver quando as pessoas entram, saem, ou são convidadas para sua sala ativa",
+            "receive_membership_this_room": "Ver quando as pessoas entrarem, sairem ou são convidadas para esta sala",
+            "remove_ban_invite_leave_active_room": "Remover, banir ou convidar pessoas para sua sala ativa e fazer você sair",
+            "remove_ban_invite_leave_this_room": "Remover, banir ou convidar pessoas para esta sala e fazer você sair",
+            "see_avatar_change_active_room": "Veja quando a foto desta sala ativa for alterada",
+            "see_avatar_change_this_room": "Veja quando a foto desta sala for alterada",
+            "see_event_type_sent_active_room": "Veja eventos de <b>%(eventType)s</b> enviados nesta sala ativa",
+            "see_event_type_sent_this_room": "Veja eventos de <b>%(eventType)s</b> postados nesta sala",
+            "see_images_sent_active_room": "Veja as fotos enviadas nesta sala ativa",
+            "see_images_sent_this_room": "Veja as fotos enviadas nesta sala",
+            "see_messages_sent_active_room": "Veja as mensagens enviadas nesta sala ativa",
+            "see_messages_sent_this_room": "Veja as mensagens enviadas nesta sala",
+            "see_msgtype_sent_active_room": "Veja mensagens de <b>%(msgtype)s</b> enviadas nesta sala ativa",
+            "see_msgtype_sent_this_room": "Veja mensagens de <b>%(msgtype)s</b> enviadas nesta sala",
+            "see_name_change_active_room": "Veja quando o nome desta sala ativa for alterado",
+            "see_name_change_this_room": "Veja quando o nome desta sala for alterado",
+            "see_sent_emotes_active_room": "Veja emojis enviados nesta sala ativa",
+            "see_sent_emotes_this_room": "Veja emojis enviados nesta sala",
+            "see_sent_files_active_room": "Veja os arquivos enviados nesta sala ativa",
+            "see_sent_files_this_room": "Veja os arquivos enviados nesta sala",
+            "see_sticker_posted_active_room": "Veja quando alguém enviar uma figurinha nesta sala ativa",
+            "see_sticker_posted_this_room": "Veja quando uma figurinha for enviada nesta sala",
+            "see_text_messages_sent_active_room": "Veja as mensagens de texto enviadas nesta sala ativa",
+            "see_text_messages_sent_this_room": "Veja as mensagens de texto enviadas nesta sala",
+            "see_topic_change_active_room": "Veja quando a descrição for alterada nesta sala ativa",
+            "see_topic_change_this_room": "Veja quando a descrição for alterada nesta sala",
+            "see_videos_sent_active_room": "Veja os vídeos enviados nesta sala ativa",
+            "see_videos_sent_this_room": "Veja os vídeos enviados nesta sala",
+            "send_emotes_active_room": "Enviar emojis nesta sala ativa",
+            "send_emotes_this_room": "Enviar emojis nesta sala",
+            "send_event_type_active_room": "Enviar eventos de <b>%(eventType)s</b> nesta sala ativa",
+            "send_event_type_this_room": "Enviar eventos de <b>%(eventType)s</b> nesta sala",
+            "send_files_active_room": "Enviar arquivos nesta sala ativa",
+            "send_files_this_room": "Enviar arquivos nesta sala",
+            "send_images_active_room": "Enviar fotos nesta sala ativa",
+            "send_images_this_room": "Enviar fotos nesta sala",
+            "send_messages_active_room": "Enviar mensagens nesta sala ativa",
+            "send_messages_this_room": "Enviar mensagens nesta sala",
+            "send_msgtype_active_room": "Enviar mensagens de <b>%(msgtype)s</b> nesta sala ativa",
+            "send_msgtype_this_room": "Enviar mensagens de <b>%(msgtype)s</b> nesta sala",
+            "send_stickers_active_room": "Enviar figurinhas nesta sala ativa",
+            "send_stickers_active_room_as_you": "Enviar figurinhas para esta sala ativa",
+            "send_stickers_this_room": "Enviar figurinhas nesta sala",
+            "send_stickers_this_room_as_you": "Enviar figurinhas para esta sala",
+            "send_text_messages_active_room": "Enviar mensagens de texto nesta sala ativa",
+            "send_text_messages_this_room": "Enviar mensagens de texto nesta sala",
+            "send_videos_active_room": "Enviar vídeos nesta sala ativa",
+            "send_videos_this_room": "Enviar vídeos nesta sala",
+            "specific_room": "O de cima, mas em <Room /> também",
+            "switch_room": "Alterar a sala que você está vendo",
+            "switch_room_message_user": "Alterar a sala, mensagem ou usuário que você está visualizando"
+        },
+        "close_to_view_right_panel": "Feche este widget para visualizá-lo neste painel",
+        "context_menu": {
+            "delete": "Remover widget",
+            "delete_warning": "Remover um widget o remove para todas as pessoas desta sala. Tem certeza que quer remover este widget?"
+        },
+        "cookie_warning": "Este widget pode usar cookies.",
+        "error_hangup_description": "Você foi desconectado da chamada. (Erro: %(message)s)",
+        "error_hangup_title": "Conexão perdida",
+        "error_loading": "Erro ao carregar o Widget",
+        "error_mixed_content": "Erro - Conteúdo misto",
+        "error_need_invite_permission": "Para fazer isso, precisa ter permissão para convidar outras pessoas.",
+        "error_need_kick_permission": "Você precisa ter permissão de expulsar usuários para fazer isso.",
+        "error_need_to_be_logged_in": "Você precisa estar logado.",
+        "error_unable_start_audio_stream_description": "Não foi possível iniciar a transmissão de áudio.",
+        "error_unable_start_audio_stream_title": "Falha ao iniciar a transmissão ao vivo",
+        "modal_data_warning": "Os dados abaixo são compartilhados com %(widgetDomain)s",
+        "modal_title_default": "Popup do widget",
+        "no_name": "App desconhecido",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Lembre-se disso",
+            "starting_text": "O widget verificará o seu ID de usuário, mas não poderá realizar ações para você:",
+            "title": "Permitir que este widget verifique a sua identidade"
+        },
+        "popout": "Widget Popout",
+        "set_room_layout": "Definir layout para todos",
+        "shared_data_avatar": "URL da sua foto de perfil",
+        "shared_data_device_id": "ID do seu dispositivo",
+        "shared_data_lang": "Seu idioma",
+        "shared_data_mxid": "Sua ID de usuário",
+        "shared_data_name": "Seu nome e sobrenome",
+        "shared_data_room_id": "ID da sala",
+        "shared_data_theme": "Seu tema",
+        "shared_data_url": "Link do %(brand)s",
+        "shared_data_warning": "Se você usar esse widget, os dados <helpIcon /> poderão ser compartilhados com %(widgetDomain)s.",
+        "shared_data_warning_im": "Se você usar esse widget, os dados poderão ser compartilhados <helpIcon /> com %(widgetDomain)s & seu gerenciador de integrações.",
+        "shared_data_widget_id": "ID do widget",
+        "unencrypted_warning": "Widgets não usam criptografia de mensagens.",
+        "unmaximise": "Desmaximizar",
+        "unpin_to_view_right_panel": "Solte este widget para visualizá-lo neste painel"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Todas as maiúsculas são quase tão fáceis de adivinhar quanto todas as minúsculas",
+            "anotherWord": "Adicione outra palavra ou duas. Palavras incomuns são melhores.",
+            "associatedYears": "Evite anos associados a você",
+            "capitalization": "A capitalização não ajuda muito",
+            "dates": "Evite datas e anos associados a você",
+            "l33t": "Substituições previsíveis como '@' em vez de 'a' não ajudam muito",
+            "longerKeyboardPattern": "Use um padrão de teclas em diferentes direções e sentido",
+            "noNeed": "Não há necessidade de símbolos, dígitos ou letras maiúsculas",
+            "pwned": "Se​•​você​•​usar​•​essa​•​senha​•​em​•​outro​•​lugar,​•​deverá​•​alterá-la.",
+            "recentYears": "Evite anos recentes",
+            "repeated": "Evite palavras e caracteres repetidos",
+            "reverseWords": "Palavras invertidas não são muito mais difíceis de adivinhar",
+            "sequences": "Evite sequências",
+            "useWords": "Use algumas palavras, evite frases comuns"
+        },
+        "warnings": {
+            "common": "Isto é uma senha muito comum",
+            "commonNames": "Nomes e sobrenomes comuns são fáceis de adivinhar",
+            "dates": "As datas costumam ser fáceis de adivinhar",
+            "extendedRepeat": "Repetições como \"abcabcabc\" são apenas um pouco mais difíceis de adivinhar que \"abc\"",
+            "keyPattern": "Padrões de teclado curtos são fáceis de adivinhar",
+            "namesByThemselves": "Nomes e sobrenomes por si só são fáceis de adivinhar",
+            "pwned": "Sua​•​senha​•​foi​•​exposta​•​por​•​uma​•​violação​•​de​•​dados​•​na​•​Internet.",
+            "recentYears": "Os últimos anos são fáceis de adivinhar",
+            "sequences": "Sequências como abc ou 6543 são fáceis de adivinhar",
+            "similarToCommon": "Isto é similar a uma senha muito comum",
+            "simpleRepeat": "Repetições como \"aaa\" são fáceis de adivinhar",
+            "straightRow": "Linhas retas de teclas são fáceis de adivinhar",
+            "topHundred": "Esta é uma das top-100 senhas mais comuns",
+            "topTen": "Esta é uma das top-10 senhas mais comuns",
+            "userInputs": "Não deve haver nenhum dado pessoal ou relacionado à página.",
+            "wordByItself": "Uma palavra por si só é fácil de adivinhar"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/ru.json b/apps/web/src/i18n/strings/ru.json
new file mode 100644
index 00000000000..dad4d470464
--- /dev/null
+++ b/apps/web/src/i18n/strings/ru.json
@@ -0,0 +1,4013 @@
+{
+    "a11y": {
+        "jump_first_invite": "Перейти к первому приглашению.",
+        "message_composer": "Автор сообщения",
+        "n_unread_messages": {
+            "other": "%(count)s непрочитанных сообщения(-й).",
+            "one": "1 непрочитанное сообщение."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s непрочитанных сообщения(-й), включая упоминания.",
+            "one": "1 непрочитанное упоминание."
+        },
+        "room_status_bar": "Строка состояния чата",
+        "seek_bar_label": "Панель поиска аудио",
+        "unread_messages": "Непрочитанные сообщения."
+    },
+    "a11y_jump_first_unread_room": "Перейти в первый непрочитанный чат.",
+    "action": {
+        "accept": "Принять",
+        "add": "Добавить",
+        "add_existing_room": "Добавить существующий чат",
+        "apply": "Применить",
+        "approve": "Согласиться",
+        "ask_to_join": "Присоединиться",
+        "back": "Назад",
+        "call": "Вызов",
+        "cancel": "Отмена",
+        "change": "Изменить",
+        "clear": "Очистить",
+        "click_to_copy": "Нажмите, чтобы скопировать",
+        "close": "Закрыть",
+        "collapse": "Свернуть",
+        "complete": "Выполнено",
+        "confirm": "Подтвердить",
+        "continue": "Продолжить",
+        "copy": "Копировать",
+        "copy_link": "Копировать ссылку",
+        "create": "Создать",
+        "create_a_room": "Создать чат",
+        "create_account": "Создать учётную запись",
+        "decline": "Отклонить",
+        "decline_and_block": "Отклонить и заблокировать",
+        "decline_invite": "Отклонить приглашение",
+        "delete": "Удалить",
+        "deny": "Запретить",
+        "disable": "Отключить",
+        "disconnect": "Отключить",
+        "dismiss": "Закрыть",
+        "done": "Готово",
+        "download": "Скачать",
+        "edit": "Изменить",
+        "enable": "Разрешить",
+        "enter_fullscreen": "Перейти в полноэкранный режим",
+        "exit_fullscreeen": "Выйти из полноэкранного режима",
+        "expand": "Развернуть",
+        "explore_rooms": "Обзор комнат",
+        "export": "Экспорт",
+        "forward": "Переслать",
+        "go": "Вперёд",
+        "go_back": "Назад",
+        "got_it": "Понятно",
+        "hide_advanced": "Скрыть дополнительные настройки",
+        "hold": "Удерживать",
+        "ignore": "Игнорировать",
+        "import": "Импорт",
+        "invite": "Пригласить",
+        "join": "Войти",
+        "learn_more": "Узнать больше",
+        "leave": "Покинуть",
+        "leave_room": "Покинуть чат",
+        "logout": "Выйти",
+        "manage": "Управление",
+        "maximise": "Развернуть",
+        "mention": "Упомянуть",
+        "minimise": "Свернуть",
+        "new_room": "Новый чат",
+        "new_video_room": "Новый видеочат",
+        "next": "Далее",
+        "no": "Нет",
+        "ok": "ОК",
+        "open": "Открыть",
+        "pin": "Закрепить",
+        "proceed": "Продолжить",
+        "quote": "Цитировать",
+        "react": "Отреагировать",
+        "refresh": "Обновить",
+        "register": "Зарегистрироваться",
+        "reload": "Обновить",
+        "remove": "Удалить",
+        "rename": "Переименовать",
+        "reply": "Ответить",
+        "reply_in_thread": "Обсудить",
+        "report_room": "Комната отчетов",
+        "resend": "Переотправить",
+        "reset": "Сброс",
+        "resume": "Возобновить",
+        "retry": "Попробуйте снова",
+        "review": "Обзор",
+        "revoke": "Отмена",
+        "save": "Сохранить",
+        "search": "Поиск",
+        "send_report": "Отослать отчёт",
+        "set_avatar": "Установить изображение профиля",
+        "share": "Поделиться",
+        "show": "Показать",
+        "show_advanced": "Показать дополнительные настройки",
+        "show_all": "Показать все",
+        "sign_in": "Войти",
+        "sign_out": "Удалить это устройство",
+        "skip": "Пропустить",
+        "start": "Начать",
+        "stop": "Стоп",
+        "submit": "Отправить",
+        "subscribe": "Подписаться",
+        "transfer": "Перевод",
+        "trust": "Доверие",
+        "try_again": "Попробовать ещё раз",
+        "unban": "Разблокировать",
+        "unignore": "Перестать игнорировать",
+        "unpin": "Открепить",
+        "unsubscribe": "Отписаться",
+        "update": "Обновить",
+        "upgrade": "Обновление",
+        "upload": "Загрузить",
+        "upload_file": "Загрузить файл",
+        "verify": "Заверить",
+        "view": "Просмотр",
+        "view_all": "Посмотреть все",
+        "view_list": "Посмотреть список",
+        "view_message": "Посмотреть сообщение",
+        "view_source": "Исходный код",
+        "yes": "Да",
+        "yes_dismiss": "Да, отклонить",
+        "zoom_in": "Увеличить",
+        "zoom_out": "Уменьшить"
+    },
+    "analytics": {
+        "accept_button": "Всё в порядке",
+        "bullet_1": "Мы <Bold>не</Bold> записываем и <Bold>не</Bold> профилируем любые данные аккаунта",
+        "bullet_2": "Мы <Bold>не</Bold> передаем информацию третьим лицам",
+        "consent_migration": "Ранее вы давали согласие на передачу нам анонимных данных об использовании. Мы изменили порядок предоставления этих данных.",
+        "disable_prompt": "Вы можете отключить это в любое время в настройках",
+        "enable_prompt": "Помогите улучшить %(analyticsOwner)s",
+        "learn_more": "Поделитесь анонимными данными, чтобы помочь нам выявить проблемы. Никаких личных данных. Никаких третьих лиц. <LearnMoreLink>Узнать больше</LearnMoreLink>",
+        "privacy_policy": "Вы можете ознакомиться со всеми нашими условиями <PrivacyPolicyUrl>здесь</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Помогите нам выявить проблемы и улучшить %(analyticsOwner)s, поделившись анонимными данными об использовании. Чтобы понять, как люди используют несколько устройств, мы генерируем случайный идентификатор, общий для всех ваших устройств.",
+        "shared_data_heading": "Следующие сведения могут быть переданы:"
+    },
+    "auth": {
+        "3pid_in_use": "Этот адрес электронной почты или номер телефона уже используются.",
+        "account_clash": "Учётная запись (%(newAccountId)s) зарегистрирована, но вы уже вошли в другую учётную запись (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Продолжить с предыдущей учётной записью",
+        "account_deactivated": "Эта учётная запись была деактивирована.",
+        "autodiscovery_generic_failure": "Не удалось получить конфигурацию автообнаружения с сервера",
+        "autodiscovery_hs_incompatible": "Ваш домашний сервер устарел и не поддерживает минимальную требуемую версию API. Обратитесь к владельцу сервера или обновите его.",
+        "autodiscovery_invalid": "Неверный ответ при попытке обнаружения домашнего сервера",
+        "autodiscovery_invalid_hs": "URL-адрес домашнего сервера не является допустимым домашним сервером Matrix",
+        "autodiscovery_invalid_hs_base_url": "Неверный адрес base_url для m.homeserver",
+        "autodiscovery_invalid_is": "URL-адрес сервера идентификации не является действительным сервером идентификации",
+        "autodiscovery_invalid_is_base_url": "Неверный адрес base_url для m.identity_server",
+        "autodiscovery_invalid_is_response": "Неверный ответ на запрос идентификации сервера",
+        "autodiscovery_invalid_json": "Неверный JSON",
+        "autodiscovery_no_well_known": "Не найден файл .well-known",
+        "autodiscovery_unexpected_error_hs": "Неожиданная ошибка в настройках домашнего сервера",
+        "autodiscovery_unexpected_error_is": "Неопределённая ошибка при разборе параметра сервера идентификации",
+        "captcha_description": "Этот сервер хотел бы убедиться, что вы не робот.",
+        "change_password_action": "Сменить пароль",
+        "change_password_confirm_invalid": "Пароли не совпадают",
+        "change_password_confirm_label": "Подтвердите пароль",
+        "change_password_current_label": "Текущий пароль",
+        "change_password_empty": "Пароли не могут быть пустыми",
+        "change_password_error": "Ошибка при смене пароля: %(error)s",
+        "change_password_mismatch": "Новые пароли не совпадают",
+        "change_password_new_label": "Новый пароль",
+        "check_email_explainer": "Следуйте инструкции, отправленной по адресу <b>%(email)s</b>",
+        "check_email_resend_prompt": "Не получили?",
+        "check_email_resend_tooltip": "Письмо с ссылкой на подтверждение отправлено повторно!",
+        "check_email_wrong_email_button": "Введите повторно адрес электронной почты",
+        "check_email_wrong_email_prompt": "Неверный адрес электронной почты?",
+        "continue_with_idp": "Продолжить с %(provider)s",
+        "continue_with_sso": "Продолжить с %(ssoButtons)s",
+        "country_dropdown": "Выпадающий список стран",
+        "create_account_prompt": "Впервые здесь? <a>Создать учётную запись</a>",
+        "create_account_title": "Создать учетную запись",
+        "email_discovery_text": "Если вы хотите, чтобы другие пользователи могли вас найти, укажите свой адрес электронной почты.",
+        "email_field_label": "Электронная почта",
+        "email_field_label_invalid": "Не похоже на действительный адрес электронной почты",
+        "email_field_label_required": "Введите адрес электронной почты",
+        "email_help_text": "Чтобы иметь возможность изменить свой пароль в случае необходимости, добавьте свой адрес электронной почты.",
+        "email_phone_discovery_text": "Если вы хотите, чтобы другие пользователи могли вас найти, укажите свой адрес электронной почты или номер телефона.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> отправит вам ссылку для подтверждения, позволяющую восстановить пароль.",
+        "enter_email_heading": "Введите свой адрес электронной почты для сброса пароля",
+        "failed_connect_identity_server": "Не удаётся связаться с сервером идентификации",
+        "failed_connect_identity_server_other": "Вы можете войти в систему, но некоторые возможности не будет доступны, пока сервер идентификации не станет доступным. Если вы продолжаете видеть это предупреждение, проверьте вашу конфигурацию или свяжитесь с администратором сервера.",
+        "failed_connect_identity_server_register": "Вы можете зарегистрироваться, но некоторые возможности не будет доступны, пока сервер идентификации не станет доступным. Если вы продолжаете видеть это предупреждение, проверьте вашу конфигурацию или свяжитесь с администратором сервера.",
+        "failed_connect_identity_server_reset_password": "Вы можете сбросить пароль, но некоторые возможности не будет доступны, пока сервер идентификации не станет доступным. Если вы продолжаете видеть это предупреждение, проверьте вашу конфигурацию или свяжитесь с администратором сервера.",
+        "failed_homeserver_discovery": "Не удалось выполнить обнаружение сервера",
+        "failed_query_registration_methods": "Невозможно запросить поддерживаемые методы регистрации.",
+        "failed_soft_logout_auth": "Ошибка повторной аутентификации",
+        "failed_soft_logout_homeserver": "Ошибка повторной аутентификации из-за проблем на сервере",
+        "forgot_password_email_invalid": "Адрес электронной почты не является действительным.",
+        "forgot_password_email_required": "Введите адрес электронной почты, связанный с вашей учётной записью.",
+        "forgot_password_prompt": "Забыли Ваш пароль?",
+        "forgot_password_send_email": "Отправить электронное письмо",
+        "identifier_label": "Войти с помощью",
+        "incorrect_credentials": "Неверное имя пользователя и/или пароль.",
+        "incorrect_credentials_detail": "Обратите внимание, что вы заходите на сервер %(hs)s, а не на matrix.org.",
+        "incorrect_password": "Неверный пароль",
+        "log_in_new_account": "<a>Войти</a> в новую учётную запись.",
+        "logout_dialog": {
+            "description": "Вы уверены, что хотите удалить это устройство?",
+            "setup_key_backup_title": "Вы потеряете доступ к вашим шифрованным сообщениям",
+            "skip_key_backup": "Мне не нужны мои зашифрованные сообщения"
+        },
+        "misconfigured_body": "Попросите администратора %(brand)s проверить <a>конфигурационный файл</a> на наличие неправильных или повторяющихся записей.",
+        "misconfigured_title": "Ваш %(brand)s неправильно настроен",
+        "mobile_create_account_title": "Вы собираетесь создать учетную запись на %(hsName)s",
+        "msisdn_field_description": "Другие пользователи могут приглашать вас в чаты, используя ваши контактные данные",
+        "msisdn_field_label": "Телефон",
+        "msisdn_field_number_invalid": "Этот номер телефона неправильный, проверьте его и повторите попытку",
+        "msisdn_field_required_invalid": "Введите номер телефона",
+        "no_hs_url_provided": "URL-адрес домашнего сервера не указан",
+        "oidc": {
+            "error_title": "Нам не удалось войти в систему",
+            "generic_auth_error": "Во время аутентификации что-то пошло не так. Перейдите на страницу входа и попробуйте еще раз.",
+            "missing_or_invalid_stored_state": "Мы попросили браузер запомнить, какой домашний сервер вы используете для входа в систему, но, к сожалению, ваш браузер забыл об этом. Перейдите на страницу входа и попробуйте ещё раз."
+        },
+        "password_field_keep_going_prompt": "Продолжить",
+        "password_field_label": "Введите пароль",
+        "password_field_strong_label": "Хороший, надежный пароль!",
+        "password_field_weak_label": "Пароль разрешен, но небезопасен",
+        "phone_label": "Телефон",
+        "phone_optional_label": "Телефон (не обязательно)",
+        "qr_code_login": {
+            "check_code_explainer": "Это позволит убедиться в безопасности соединения с другим вашим устройством.",
+            "check_code_heading": "Введите номер, отображаемый на другом устройстве",
+            "check_code_input_label": "2-значный код",
+            "check_code_mismatch": "Цифры не совпадают",
+            "completing_setup": "Завершение настройки нового устройства",
+            "error_etag_missing": "Произошла непредвиденная ошибка. Это может быть связано с расширением браузера, прокси-сервером или неправильной настройкой сервера.",
+            "error_expired": "Срок действия входа истек. Пожалуйста, попробуйте еще раз.",
+            "error_expired_title": "Вход в систему не был завершён вовремя",
+            "error_insecure_channel_detected": "Не удалось установить безопасное соединение с новым устройством. Существующие устройства по-прежнему в безопасности, и вам не нужно беспокоиться о них.",
+            "error_insecure_channel_detected_instructions": "Что дальше?",
+            "error_insecure_channel_detected_instructions_1": "Попробуйте снова войти на другое устройство с помощью QR-кода, если возникла проблема с сетью",
+            "error_insecure_channel_detected_instructions_2": "Если вы столкнулись с аналогичной проблемой, попробуйте переподключиться к сети Wi-Fi или используйте мобильный интернет",
+            "error_insecure_channel_detected_instructions_3": "Если это не помогло, войдите вручную.",
+            "error_insecure_channel_detected_title": "Соединение не защищено",
+            "error_other_device_already_signed_in": "Больше ничего не нужно делать.",
+            "error_other_device_already_signed_in_title": "Вход уже выполнен на другом устройстве",
+            "error_rate_limited": "Слишком много попыток входа за короткое время. Подождите некоторое время, прежде чем повторить попытку.",
+            "error_unexpected": "Произошла непредвиденная ошибка. Запрос на подключение другого вашего устройства был отменен.",
+            "error_unsupported_protocol": "Это устройство не поддерживает вход на другое устройство с помощью QR-кода.",
+            "error_unsupported_protocol_title": "Другое устройство несовместимо",
+            "error_user_cancelled": "Вход был отменен на другом устройстве.",
+            "error_user_cancelled_title": "Запрос на вход отменен",
+            "error_user_declined": "Вы отклонили запрос на вход с другого устройства.",
+            "error_user_declined_title": "Вход отклонен",
+            "follow_remaining_instructions": "Следуйте дальнейшим инструкциям",
+            "open_element_other_device": "Откройте %(brand)s на другом устройстве",
+            "point_the_camera": "Отсканируйте QR-код на экране",
+            "scan_code_instruction": "Отсканируйте QR-код с помощью другого устройства",
+            "scan_qr_code": "Войти с помощью QR-кода",
+            "security_code_prompt": "Если появится запрос, введите код ниже на другом устройстве.",
+            "select_qr_code": "Выберите \"%(scanQRCode)s\"",
+            "unsupported_explainer": "Поставщик учетной записи не поддерживает вход на новое устройство с помощью QR-кода.",
+            "unsupported_heading": "QR-код не поддерживается",
+            "waiting_for_device": "Ожидание входа устройства в систему"
+        },
+        "register_action": "Создать учётную запись",
+        "registration": {
+            "continue_without_email_description": "Предупреждаем: если вы не добавите адрес электронной почты и забудете пароль, вы можете <b>навсегда потерять доступ к своей учётной записи</b>.",
+            "continue_without_email_field_label": "Адрес электронной почты (не обязательно)",
+            "continue_without_email_title": "Продолжить без электронной почты"
+        },
+        "registration_disabled": "Регистрация на этом сервере отключена.",
+        "registration_msisdn_field_required_invalid": "Введите номер телефона (требуется на этом сервере)",
+        "registration_successful": "Регистрация успешно завершена",
+        "registration_username_in_use": "У кого-то уже есть такое имя пользователя. Попробуйте другое или, если это вы, войдите ниже.",
+        "registration_username_unable_check": "Не удалось проверить, занято ли имя пользователя. Повторите попытку позже.",
+        "registration_username_validation": "Используйте только строчные буквы, цифры, тире и подчеркивания",
+        "reset_password": {
+            "confirm_new_password": "Подтвердите новый пароль",
+            "devices_logout_success": "Вы вышли из всех устройств и больше не будете получать push-уведомления. Для повторного включения уведомлений снова войдите на каждом устройстве.",
+            "other_devices_logout_warning_1": "При выходе из устройств удаляются хранящиеся на них ключи шифрования сообщений, что сделает зашифрованную историю чатов нечитаемой.",
+            "other_devices_logout_warning_2": "Если вы хотите сохранить доступ к истории общения в зашифрованных чатах, настройте резервное копирование ключей или экспортируйте ключи сообщений с одного из других ваших устройств, прежде чем продолжить.",
+            "password_not_entered": "Введите новый пароль.",
+            "passwords_mismatch": "Новые пароли должны совпадать.",
+            "rate_limit_error": "Слишком много попыток за короткое время. Подождите некоторое время, прежде чем повторить попытку.",
+            "rate_limit_error_with_time": "Слишком много попыток за короткое время. Повторите попытку позже%(timeout)s.",
+            "reset_successful": "Ваш пароль был сброшен.",
+            "return_to_login": "Вернуться к экрану входа",
+            "sign_out_other_devices": "Выйти из всех сеансов"
+        },
+        "reset_password_action": "Сбросить пароль",
+        "reset_password_button": "Забыли пароль?",
+        "reset_password_email_field_description": "Используйте почтовый адрес, чтобы восстановить доступ к учётной записи",
+        "reset_password_email_field_required_invalid": "Введите адрес электронной почты (требуется для этого сервера)",
+        "reset_password_email_not_associated": "Похоже, ваш адрес электронной почты не связан с идентификатором Matrix ID на этом домашнем сервере.",
+        "reset_password_email_not_found_title": "Этот адрес электронной почты не найден",
+        "reset_password_title": "Сброс пароля",
+        "server_picker_custom": "Другой домашний сервер",
+        "server_picker_description": "Вы можете использовать пользовательские опции сервера для входа на другие серверы Matrix, указав URL-адрес другого домашнего сервера. Это позволяет использовать %(brand)s с существующей учётной записью Matrix на другом домашнем сервере.",
+        "server_picker_description_matrix.org": "Присоединяйтесь бесплатно к миллионам на крупнейшем общедоступном сервере",
+        "server_picker_dialog_title": "Выберите, кто обслуживает вашу учётную запись",
+        "server_picker_explainer": "Если вы предпочитаете домашний сервер Matrix, используйте его. Вы также можете настроить свой собственный домашний сервер, если хотите.",
+        "server_picker_failed_validate_homeserver": "Невозможно проверить домашний сервер",
+        "server_picker_intro": "Мы называем места, где вы можете разместить свою учётную запись, 'домашними серверами'.",
+        "server_picker_invalid_url": "Неправильный URL-адрес",
+        "server_picker_learn_more": "О домашних серверах",
+        "server_picker_matrix.org": "Matrix.org — крупнейший в мире домашний публичный сервер, который подходит многим.",
+        "server_picker_required": "Укажите домашний сервер",
+        "server_picker_title": "Войдите на свой домашний сервер",
+        "server_picker_title_default": "Параметры сервера",
+        "server_picker_title_registration": "Ваша учётная запись обслуживается",
+        "session_logged_out_description": "Для обеспечения безопасности ваш сеанс был завершён. Пожалуйста, войдите снова.",
+        "session_logged_out_title": "Сеанс удалён",
+        "set_email": {
+            "description": "Это позволит при необходимости сбросить пароль и получать уведомления.",
+            "verification_pending_description": "Проверьте свою электронную почту и нажмите на ссылку в письме. После этого нажмите кнопку Продолжить.",
+            "verification_pending_title": "В ожидании подтверждения"
+        },
+        "set_email_prompt": "Хотите указать email?",
+        "sign_in_description": "Используйте свою учетную запись, чтобы продолжить.",
+        "sign_in_instead": "Авторизоваться",
+        "sign_in_instead_prompt": "Уже есть учётная запись? <a>Войдите здесь</a>",
+        "sign_in_or_register": "Войдите или создайте учётную запись",
+        "sign_in_or_register_description": "Воспользуйтесь своей учётной записью или создайте новую, чтобы продолжить.",
+        "sign_in_with_sso": "Войти в систему с помощью единой точки входа",
+        "signing_in": "Выполняется вход…",
+        "soft_logout": {
+            "clear_data_button": "Очистить все данные",
+            "clear_data_description": "Очистка всех данных в этом сеансе является необратимой. Зашифрованные сообщения будут потеряны, если их ключи не были зарезервированы.",
+            "clear_data_title": "Очистить все данные в этом сеансе?"
+        },
+        "soft_logout_heading": "Вы вышли из учётной записи",
+        "soft_logout_intro_password": "Введите пароль для входа и восстановите доступ к учётной записи.",
+        "soft_logout_intro_sso": "Войти и восстановить доступ к учётной записи.",
+        "soft_logout_intro_unsupported_auth": "Не удаётся войти в учётную запись. Пожалуйста, обратитесь к администратору домашнего сервера за подробностями.",
+        "soft_logout_subheading": "Очистить персональные данные",
+        "soft_logout_warning": "Внимание: ваши личные данные (включая ключи шифрования) все еще хранятся в этом сеансе. Очистите его, если вы закончили использовать этот сеанс или хотите войти в другую учетную запись.",
+        "sso": "Единая точка входа",
+        "sso_complete_in_browser_dialog_title": "Перейдите в браузер для завершения входа",
+        "sso_failed_missing_storage": "Мы попросили браузер запомнить, какой домашний сервер вы используете для входа в систему, но, к сожалению, ваш браузер забыл об этом. Перейдите на страницу входа и попробуйте ещё раз.",
+        "sso_or_username_password": "%(ssoButtons)s или %(usernamePassword)s",
+        "sync_footer_subtitle": "Если вы присоединились к большому количеству чатов, это может занять некоторое время",
+        "syncing": "Синхронизация…",
+        "uia": {
+            "code": "Код",
+            "email": "Чтобы создать свою учётную запись, откройте ссылку в письме, которое мы только что отправили на %(emailAddress)s.",
+            "email_auth_header": "Проверьте свою электронную почту, чтобы продолжить",
+            "email_resend_prompt": "Не получили? <a>Отправить его повторно</a>",
+            "email_resent": "Отправлено повторно!",
+            "fallback_button": "Начать аутентификацию",
+            "mas_cross_signing_reset_cta": "Перейти к учетной записи",
+            "mas_cross_signing_reset_description": "Вы собираетесь перейти в свой аккаунт %(serverName)s, чтобы сбросить настройки своей идентификации. Как только вы завершите сброс настроек в аккаунте, вернитесь сюда и нажми «Повторить».",
+            "mas_cross_signing_reset_title": "Перейдите в свою учетную запись, чтобы сбросить идентификацию",
+            "msisdn": "Текстовое сообщение отправлено на %(msisdn)s",
+            "msisdn_token_incorrect": "Неверный код проверки",
+            "msisdn_token_prompt": "Введите полученный код:",
+            "password_prompt": "Подтвердите свою личность, введя пароль учетной записи ниже.",
+            "recaptcha_missing_params": "Отсутствует Капча открытого ключа в конфигурации домашнего сервера. Пожалуйста, сообщите об этом администратору вашего домашнего сервера.",
+            "registration_token_label": "Регистрационный токен",
+            "registration_token_prompt": "Введите регистрационный токен, предоставленный администратором домашнего сервера.",
+            "sso_body": "Подтвердите добавление этого почтового адреса с помощью единой точки входа.",
+            "sso_failed": "Что-то пошло не так при вашей идентификации. Отмените последнее действие и попробуйте еще раз.",
+            "sso_postauth_body": "Нажмите кнопку ниже, чтобы подтвердить свою личность.",
+            "sso_postauth_title": "Подтвердите, чтобы продолжить",
+            "sso_preauth_body": "Чтобы продолжить, используйте единый вход, чтобы подтвердить свою личность.",
+            "sso_title": "Воспользуйтесь единой точкой входа для продолжения",
+            "terms": "Пожалуйста, просмотрите и примите политику этого сервера:",
+            "terms_invalid": "Пожалуйста, просмотрите и примите все правила сервера"
+        },
+        "unsupported_auth": "Этот домашний сервер не поддерживает никаких потоков входа в систему, поддерживаемых этим клиентом.",
+        "unsupported_auth_email": "Этот сервер не поддерживает вход по адресу электронной почты.",
+        "unsupported_auth_msisdn": "Этот сервер не поддерживает аутентификацию по номеру телефона.",
+        "username_field_required_invalid": "Введите имя пользователя",
+        "username_in_use": "У кого-то уже есть такое имя пользователя, пожалуйста, попробуйте другое.",
+        "verify_email_explainer": "Прежде чем сбрасывать пароль, нам необходимо знать, что это вы. Нажмите на ссылку в письме, которое мы только что отправили на <b>%(email)s</b>",
+        "verify_email_heading": "Подтвердите свою электронную почту, чтобы продолжить"
+    },
+    "bug_reporting": {
+        "additional_context": "Если есть дополнительный контекст, который может помочь в анализе проблемы, такой как то, что вы делали в то время, ID комнат, ID пользователей и т. д., пожалуйста, включите эти данные.",
+        "before_submitting": "Перед отправкой логов необходимо <a>создать GitHub issue</a>, для описания проблемы.",
+        "collecting_information": "Сбор информации о версии приложения",
+        "collecting_logs": "Сбор журналов",
+        "create_new_issue": "Пожалуйста, <newIssueLink> создайте новую проблему/вопрос </newIssueLink> на GitHub, чтобы мы могли расследовать эту ошибку.",
+        "description": "Журналы отладки содержат данные об использовании приложения, включая ваше имя пользователя, идентификаторы или названия комнат, которые вы посетили, с какими пользовательским интерфейсом element вы взаимодействовали в последний раз, а также имена пользователей других пользователей. Они не содержат сообщений.",
+        "download_logs": "Скачать журналы",
+        "downloading_logs": "Скачивание журналов",
+        "error_empty": "Пожалуйста, расскажите нам что пошло не так, либо, ещё лучше, создайте отчёт в GitHub с описанием проблемы.",
+        "failed_download_logs": "Не удалось скачать журналы отладки: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Ваш отчет об ошибке отклонен. Сервер rageshake не поддерживает это приложение.",
+            "rejected_generic": "Ваш отчет об ошибке отклонен. Сервер rageshake отклонил содержимое отчета из-за политики.",
+            "rejected_recovery_key": "Ваш отчет об ошибке был отклонен по соображениям безопасности, так как в нем содержится ключ восстановления.",
+            "rejected_version": "Ваш отчет об ошибке был отклонен, так как используемая вами версия слишком устарела.",
+            "server_unknown_error": "Сервер rageshake столкнулся с неизвестной ошибкой и не смог обработать сообщение об ошибке.",
+            "unknown_error": "Не удалось отправить журналы отладки."
+        },
+        "github_issue": "GitHub вопрос",
+        "introduction": "Если вы отправили ошибку через GitHub, журналы отладки могут помочь нам отследить проблему. ",
+        "log_request": "Чтобы помочь нам предотвратить это в будущем, пожалуйста, <a>отправьте нам логи</a>.",
+        "logs_sent": "Журналы отправлены",
+        "matrix_security_issue": "Чтобы сообщить о проблеме безопасности Matrix, пожалуйста, прочитайте <a>Политику раскрытия информации</a> Matrix.org.",
+        "preparing_download": "Подготовка к скачиванию журналов",
+        "preparing_logs": "Подготовка к отправке журналов",
+        "send_logs": "Отправить журналы",
+        "submit_debug_logs": "Отправить отладочные журналы",
+        "textarea_label": "Заметка",
+        "thank_you": "Спасибо!",
+        "title": "Сообщить об ошибке",
+        "unsupported_browser": "Напоминание: ваш браузер не поддерживается, возможны непредвиденные проблемы.",
+        "uploading_logs": "Загрузка журналов",
+        "waiting_for_server": "Ожидание ответа от сервера"
+    },
+    "cannot_invite_without_identity_server": "Невозможно пригласить пользователя по электронной почте без сервера идентификации. Вы можете подключиться к одному из них в разделе «Настройки».",
+    "cannot_reach_homeserver": "Не удаётся связаться с сервером",
+    "cannot_reach_homeserver_detail": "Убедитесь, что у вас есть стабильное подключение к интернету, или свяжитесь с администратором сервера",
+    "cant_load_page": "Невозможно загрузить страницу",
+    "chat_card_back_action_label": "Назад в чат",
+    "chat_effects": {
+        "confetti_description": "Отправляет данное сообщение с конфетти",
+        "confetti_message": "отправляет конфетти",
+        "fireworks_description": "Отправляет сообщение с фейерверком",
+        "fireworks_message": "отправляет фейерверк",
+        "hearts_description": "Отправляет данное сообщение с сердечками",
+        "hearts_message": "отправляет сердечки",
+        "rainfall_description": "Отправляет заданное сообщение с дождём",
+        "rainfall_message": "отправляет дождь",
+        "snowfall_description": "Отправляет сообщение со снегопадом",
+        "snowfall_message": "отправляет снегопад",
+        "spaceinvaders_description": "Отправить данное сообщение с эффектом космоса",
+        "spaceinvaders_message": "отправляет космических захватчиков"
+    },
+    "common": {
+        "access_token": "Токен доступа",
+        "accessibility": "Доступность",
+        "advanced": "Подробности",
+        "all_chats": "Все чаты",
+        "analytics": "Аналитика",
+        "and_n_others": {
+            "other": "и %(count)s других...",
+            "one": "и ещё кто-то..."
+        },
+        "appearance": "Внешний вид",
+        "application": "Приложение",
+        "are_you_sure": "Вы уверены?",
+        "attachment": "Вложение",
+        "authentication": "Аутентификация",
+        "avatar": "Аватар",
+        "beta": "Бета",
+        "camera": "Камера",
+        "cameras": "Камеры",
+        "cancel": "Отменить",
+        "capabilities": "Возможности",
+        "copied": "Скопировано!",
+        "credits": "Благодарности",
+        "dark": "Темная",
+        "description": "Описание",
+        "deselect_all": "Отменить выбор",
+        "device": "Устройство",
+        "disabled_by_homeserver": "Отключено на домашнем сервере",
+        "edited": "изменено",
+        "email_address": "Электронная почта",
+        "emoji": "Смайлы",
+        "encrypted": "Зашифровано",
+        "error": "Ошибка",
+        "faq": "Часто задаваемые вопросы",
+        "feedback": "Отзыв",
+        "filter_results": "Фильтрация результатов",
+        "forward_message": "Переслать сообщение",
+        "general": "Общие",
+        "go_to_settings": "Перейти в настройки",
+        "guest": "Гость",
+        "help": "Помощь",
+        "home": "Главная",
+        "homeserver": "Домашний сервер",
+        "identity_server": "Идентификационный сервер",
+        "image": "Изображение",
+        "integration_manager": "Менеджер интеграции",
+        "joined": "Присоединился",
+        "labs": "Лаборатория",
+        "legal": "Правовая информация",
+        "light": "Светлая",
+        "loading": "Загрузка…",
+        "location": "Местоположение",
+        "matrix": "Matrix",
+        "message": "Отправить личное сообщение",
+        "message_layout": "Макет сообщения",
+        "message_timestamp_invalid": "Недопустимая метка времени",
+        "microphone": "Микрофон",
+        "moderation_and_safety": "Модерация и безопасность",
+        "modern": "Современный",
+        "mute": "Приглушить",
+        "n_members": {
+            "one": "%(count)s участник",
+            "few": "%(count)s участника",
+            "many": "%(count)s участников"
+        },
+        "n_rooms": {
+            "one": "%(count)s комната",
+            "other": "%(count)s комнат"
+        },
+        "name": "Название",
+        "no_results": "Нет результатов",
+        "no_results_found": "Результаты не найдены",
+        "not_trusted": "Незаверенный",
+        "off": "Выключить",
+        "offline": "Не в сети",
+        "on": "Включить",
+        "options": "Дополнительно",
+        "orphan_rooms": "Прочие чаты",
+        "password": "Пароль",
+        "people": "Люди",
+        "preferences": "Параметры",
+        "presence": "Присутствие",
+        "preview_message": "Эй! Ты лучший!",
+        "privacy": "Конфиденциальность",
+        "private": "Приватное",
+        "private_room": "Приватный чат",
+        "private_space": "Приватное пространство",
+        "profile": "Профиль",
+        "public": "Публичное",
+        "public_room": "Публичный чат",
+        "public_space": "Публичное пространство",
+        "qr_code": "QR-код",
+        "random": "Случайный",
+        "reactions": "Реакции",
+        "recommended": "Рекомендуемое",
+        "report_a_bug": "Сообщить об ошибке",
+        "room": "Чат",
+        "room_name": "Название чата",
+        "rooms": "Чаты",
+        "save": "Сохранить",
+        "saved": "Сохранено",
+        "saving": "Сохранение…",
+        "secure_backup": "Безопасное резервное копирование",
+        "select_all": "Выбрать все",
+        "server": "Сервер",
+        "settings": "Настройки",
+        "setup_secure_messages": "Настроить безопасные сообщения",
+        "show_more": "Показать больше",
+        "someone": "Кто-то",
+        "space": "Пространство",
+        "spaces": "Пространства",
+        "state_encryption_enabled": "Экспериментальное шифрование включено",
+        "sticker": "Стикер",
+        "stickerpack": "Набор стикеров",
+        "success": "Успех",
+        "suggestions": "Предложения",
+        "support": "Поддержка",
+        "theme": "Тема",
+        "thread": "Обсуждение",
+        "threads": "Обсуждения",
+        "timeline": "Лента сообщений",
+        "unavailable": "недоступен",
+        "unencrypted": "Не зашифровано",
+        "unmute": "Вернуть право речи",
+        "unnamed_room": "Чат без названия",
+        "unnamed_space": "Безымянное пространство",
+        "unverified": "Не заверено",
+        "updating": "Обновление…",
+        "user": "Пользователь",
+        "user_avatar": "Аватар",
+        "username": "Имя пользователя",
+        "verified": "Заверено",
+        "version": "Версия",
+        "video_room": "Видеочат",
+        "view_message": "Посмотреть сообщение",
+        "warning": "Внимание"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Уведомить весь чат",
+            "command_a11y": "Автозаполнение команды",
+            "command_description": "Команды",
+            "emoji_a11y": "Автодополнение смайлов",
+            "notification_a11y": "Автозаполнение уведомлений",
+            "notification_description": "Уведомления чата",
+            "room_a11y": "Автозаполнение чата",
+            "space_a11y": "Автозаполнение пространства",
+            "user_a11y": "Автозаполнение пользователя",
+            "user_description": "Пользователи"
+        },
+        "close_sticker_picker": "Скрыть стикеры",
+        "edit_composer_label": "Редактировать сообщение",
+        "format_bold": "Жирный",
+        "format_code_block": "Блок кода",
+        "format_decrease_indent": "Пункт",
+        "format_increase_indent": "Подпункт",
+        "format_inline_code": "Код",
+        "format_insert_link": "Вставить ссылку",
+        "format_italic": "Курсив",
+        "format_italics": "Курсив",
+        "format_link": "Ссылка",
+        "format_ordered_list": "Нумерованный список",
+        "format_strikethrough": "Перечёркнутый",
+        "format_underline": "Подчёркнутый",
+        "format_unordered_list": "Список",
+        "formatting_toolbar_label": "Форматирование",
+        "link_modal": {
+            "link_field_label": "Ссылка",
+            "text_field_label": "Текст",
+            "title_create": "Создать ссылку",
+            "title_edit": "Изменить ссылку"
+        },
+        "mode_plain": "Скрыть форматирование",
+        "mode_rich_text": "Показать форматирование",
+        "no_perms_notice": "Вы не можете писать в этот чат",
+        "placeholder": "Отправить незашифрованное сообщение...",
+        "placeholder_encrypted": "Отправить зашифрованное сообщение…",
+        "placeholder_reply": "Отправить незашифрованный ответ…",
+        "placeholder_reply_encrypted": "Отправить ответ…",
+        "placeholder_thread": "Ответить в небезопасном обсуждение…",
+        "placeholder_thread_encrypted": "Ответить в обсуждение…",
+        "poll_button": "Опрос",
+        "poll_button_no_perms_description": "У вас нет разрешения начинать опросы в этом чате",
+        "poll_button_no_perms_title": "Требуется разрешение",
+        "replying_title": "Отвечает",
+        "room_unencrypted": "Сообщения в этой комнате не защищены сквозным шифрованием.",
+        "room_upgraded_link": "Разговор продолжается здесь.",
+        "room_upgraded_notice": "Этот чат заменён и более неактивен.",
+        "send_button_title": "Отправить сообщение",
+        "send_button_voice_message": "Отправить голосовое сообщение",
+        "send_voice_message": "Отправить голосовое сообщение",
+        "stop_voice_message": "Остановить запись",
+        "voice_message_button": "Голосовое сообщение"
+    },
+    "console_dev_note": "Если вы знаете, что делаете, Element с открытым исходным кодом, обязательно зайдите на наш GitHub (https://github.com/vector-im/element-web/) и внесите свой вклад!",
+    "console_scam_warning": "Если кто-то сказал вам скопировать/вставить что-то здесь, велика вероятность, что вас пытаются обмануть!",
+    "console_wait": "Подождите!",
+    "create_room": {
+        "action_create_room": "Создать чат",
+        "action_create_video_room": "Создать видеочат",
+        "encrypted_video_room_warning": "Вы не сможете отключить это позже. Чат будет зашифрован, а встроенный вызов — нет.",
+        "encrypted_warning": "Вы не сможете отключить это позже. Мосты и большинство ботов пока не будут работать.",
+        "encryption_forced": "Вашему серверу необходимо включить шифрование в приватных чатах.",
+        "encryption_label": "Включить сквозное шифрование",
+        "error_title": "Не удалось создать чат",
+        "generic_error": "Возможно, сервер недоступен, перегружен или случилась ошибка.",
+        "join_rule_change_notice": "Вы можете изменить это в любое время из настроек чата.",
+        "join_rule_invite": "Приватный чат (только по приглашению)",
+        "join_rule_invite_label": "Только приглашенные люди смогут найти и присоединиться к этому чату.",
+        "join_rule_knock_label": "Любой желающий может подать заявку на участие, но администраторы или модераторы должны предоставить доступ. Это можно изменить позже.",
+        "join_rule_public_label": "Любой желающий сможет найти этот чат и присоединиться к нему.",
+        "join_rule_public_parent_space_label": "Любой сможет найти и присоединиться к этому чату, а не только участники <SpaceName/>.",
+        "join_rule_restricted": "Стандартная",
+        "join_rule_restricted_label": "Любой может присоединиться в <SpaceName/>.",
+        "name_validation_required": "Пожалуйста, введите название чата",
+        "room_visibility_label": "Видимость чата",
+        "state_encryption_label": "Шифровать события состояния",
+        "title_private_room": "Создать приватный чат",
+        "title_public_room": "Создать групповой чат",
+        "title_video_room": "Создайте видеокомнату",
+        "topic_label": "Тема (опционально)",
+        "unfederated": "Запретить кому-либо, не входящему в %(serverName)s, когда-либо присоединяться к этому чату.",
+        "unfederated_label_default_off": "Вы можете включить это, если комната будет использоваться только для совместной работы с внутренними командами на вашем домашнем сервере. Это не может быть изменено позже.",
+        "unfederated_label_default_on": "Вы можете отключить это, если комната будет использоваться для совместной работы с внешними командами, у которых есть собственный домашний сервер. Это не может быть изменено позже.",
+        "unsupported_version": "Сервер не поддерживает указанную версию чата."
+    },
+    "create_section_dialog": {
+        "create_section": "Новый раздел",
+        "label": "Название раздела",
+        "title": "Новый раздел",
+        "title_edition": "Редактировать раздел"
+    },
+    "create_space": {
+        "add_details_prompt": "Добавьте некоторые подробности, чтобы помочь людям узнать его.",
+        "add_details_prompt_2": "Вы можете изменить их в любое время.",
+        "add_existing_rooms_description": "Выберите комнаты или разговоры для добавления. Это просто место для вас, никто не будет проинформирован. Вы можете добавить больше позже.",
+        "add_existing_rooms_heading": "Что вы хотели бы организовать?",
+        "address_label": "Адрес",
+        "address_placeholder": "например, my-space",
+        "creating": "Создание…",
+        "creating_rooms": "Создание чата…",
+        "done_action": "В моё пространство",
+        "done_action_first_room": "Перейти в мой первый чат",
+        "explainer": "Пространства — это новый способ организации комнат. Какой тип пространства вы хотите создать?",
+        "failed_create_initial_rooms": "Не удалось создать первоначальные чаты пространства",
+        "failed_invite_users": "Не удалось пригласить следующих пользователей в ваше пространство: %(csvUsers)s",
+        "invite_teammates_by_username": "Пригласить по имени пользователя",
+        "invite_teammates_description": "Убедитесь, что правильные люди имеют доступ. Вы можете пригласить больше людей позже.",
+        "invite_teammates_heading": "Пригласите своих товарищей по команде",
+        "inviting_users": "Приглашение…",
+        "label": "Создать пространство",
+        "name_required": "Пожалуйста, введите название пространства",
+        "personal_space": "Только я",
+        "personal_space_description": "Приватное пространство для организации ваших комнат",
+        "private_description": "Только по приглашению, для личного пользования или для команды.",
+        "private_heading": "Ваше приватное пространство",
+        "private_only_heading": "Ваше пространство",
+        "private_personal_description": "Убедитесь, что правильные люди имеют доступ к %(name)s",
+        "private_personal_heading": "С кем вы работаете?",
+        "private_space": "Я и мои товарищи по команде",
+        "private_space_description": "Приватное пространство для вас и ваших товарищей по команде",
+        "public_description": "Присоединиться может кто угодно, лучший вариант для создания сообществ.",
+        "public_heading": "Ваше публичное пространство",
+        "search_public_button": "Поиск публичных пространств",
+        "setup_rooms_community_description": "Для начала создайте несколько чатов.",
+        "setup_rooms_community_heading": "Какие вещи вы хотите обсуждать в %(spaceName)s?",
+        "setup_rooms_description": "Позже можно добавить и другие, в том числе уже существующие.",
+        "setup_rooms_private_description": "Для начала создайте несколько комнат.",
+        "setup_rooms_private_heading": "Над какими проектами ваша команда работает?",
+        "share_description": "Сейчас здесь только ты, с другими будет ещё лучше.",
+        "share_heading": "Поделиться %(name)s",
+        "skip_action": "Пропустить сейчас",
+        "subspace_adding": "Добавление…",
+        "subspace_beta_notice": "Добавьте пространство в пространство, которым вы управляете.",
+        "subspace_dropdown_title": "Создать пространство",
+        "subspace_existing_space_prompt": "Хотите добавить существующее пространство?",
+        "subspace_join_rule_invite_description": "Только приглашенные люди смогут найти и присоединиться к этому пространству.",
+        "subspace_join_rule_invite_only": "Приватное пространство (только по приглашению)",
+        "subspace_join_rule_label": "Видимость пространства",
+        "subspace_join_rule_public_description": "Любой сможет найти и присоединиться к этому пространству, а не только члены <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Любой человек в <SpaceName/> сможет найти и присоединиться."
+    },
+    "credits": {
+        "default_cover_photo": "<photo>По умолчанию на обложке </photo> используется фотография © <author> Jesús Roncero </author> в соответствии с условиями <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "<twemoji>Изображение смайликов Twemoji</twemoji> © <author> Twitter, Inc и другие авторы </author> используются в соответствии с условиями <terms> CC-BY 4.0</terms>.",
+        "twemoji_colr": "<colr>twemoji-colr</colr> шрифт от автора © <author>Mozilla Foundation</author> используется на условиях <terms>Apache 2.0</terms>."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Вы действительно хотите отклонить приглашение присоединиться \"%(roomName)s\"?",
+        "ignore_user_help": "Вы не увидите сообщений или приглашений в чатах от этого пользователя.",
+        "reason_description": "Опишите причину сообщения о проблеме.",
+        "report_room_description": "Сообщите об этом чате своему поставщику учетной записи.",
+        "title": "Отклонить приглашение"
+    },
+    "desktop_default_device_name": "%(brand)s Рабочий стол: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Активные виджеты",
+        "category_other": "Другие",
+        "category_room": "Чат",
+        "caution_colon": "Предупреждение:",
+        "client_versions": "Версия клиента",
+        "crypto": {
+            "4s_public_key_in_account_data": "в данных учётной записи",
+            "4s_public_key_not_in_account_data": "не найдено",
+            "4s_public_key_status": "Публичный ключ секретного хранилища:",
+            "backup_key_cached": "сохранено локально",
+            "backup_key_cached_status": "Кэшированный резервный ключ:",
+            "backup_key_not_stored": "не сохранено",
+            "backup_key_stored": "в секретном хранилище",
+            "backup_key_stored_status": "Сохраненный резервный ключ:",
+            "backup_key_unexpected_type": "непредвиденный тип",
+            "backup_key_well_formed": "корректный",
+            "cross_signing": "Кросс-подпись",
+            "cross_signing_cached": "сохранено локально",
+            "cross_signing_not_ready": "Кросс-подпись не настроена.",
+            "cross_signing_private_keys_in_storage": "в секретном хранилище",
+            "cross_signing_private_keys_in_storage_status": "Приватные ключи для кросс-подписи:",
+            "cross_signing_private_keys_not_in_storage": "не найдено в хранилище",
+            "cross_signing_public_keys_on_device": "в памяти",
+            "cross_signing_public_keys_on_device_status": "Публичные ключи для кросс-подписи:",
+            "cross_signing_ready": "Кросс-подпись готова к использованию.",
+            "cross_signing_status": "Статус кросс-подписи:",
+            "cross_signing_untrusted": "У вашей учётной записи есть кросс-подпись в секретное хранилище, но она пока не является доверенной в этом сеансе.",
+            "crypto_not_available": "Криптографический модуль недоступен",
+            "device_id": "Идентификатор устройства",
+            "key_backup_active_version": "Активная резервная версия:",
+            "key_backup_active_version_none": "Нет",
+            "key_backup_inactive_warning": "Резервное копирование ваших ключей из этого сеанса не выполняется.",
+            "key_backup_latest_version": "Последняя версия резервной копии на сервере:",
+            "key_storage": "Хранилище ключей",
+            "master_private_key_cached_status": "Приватный мастер-ключ:",
+            "not_found": "не найдено",
+            "not_found_locally": "не найдено локально",
+            "secret_storage_not_ready": "не готов",
+            "secret_storage_ready": "готово",
+            "secret_storage_status": "Секретное хранилище:",
+            "self_signing_private_key_cached_status": "Самоподписанный закрытый ключ:",
+            "session": "Сессия",
+            "session_fingerprint": "Отпечаток пальца (ключ сессии)",
+            "title": "Сквозное шифрование",
+            "user_signing_private_key_cached_status": "Закрытый ключ подписи пользователей:"
+        },
+        "developer_mode": "Режим разработчика",
+        "developer_tools": "Инструменты разработчика",
+        "device_id": "ID устройства: %(deviceId)s",
+        "device_keys": "Ключи устройств",
+        "device_verification_status": {
+            "signed_by_owner": "Статус проверки: <E2EIcon /> Подписано владельцем",
+            "unknown": "Статус проверки: Неизвестно",
+            "unverified": "Статус проверки:<E2EIcon /> Не подписано владельцем",
+            "verified": "Статус проверки:<E2EIcon /> Подтверждено перекрестной подписью"
+        },
+        "devices": "Криптографические устройства (%(count)s )",
+        "edit_setting": "Изменить настройки",
+        "edit_values": "Редактировать значения",
+        "empty_string": "<empty string>",
+        "event_content": "Содержимое события",
+        "event_id": "ID события: %(eventId)s",
+        "event_sent": "Событие отправлено!",
+        "event_type": "Тип события",
+        "expired": "Срок действия истек",
+        "expires_in": "Истекает через",
+        "explore_account_data": "Посмотреть данные учётной записи",
+        "explore_room_account_data": "Посмотреть данные учётной записи чата",
+        "explore_room_state": "Посмотреть состояние чата",
+        "failed_to_find_widget": "При обнаружении этого виджета произошла ошибка.",
+        "failed_to_load": "Не удалось загрузить.",
+        "failed_to_save": "Не удалось сохранить настройки.",
+        "failed_to_send": "Не удалось отправить событие!",
+        "id": "ID: ",
+        "invalid_device_key_id": "Неверный ключа ID устройства",
+        "invalid_json": "Не похоже на действующий JSON.",
+        "level": "Уровень",
+        "low_bandwidth_mode": "Режим низкой пропускной способности",
+        "low_bandwidth_mode_description": "Требуется совместимый сервер.",
+        "main_timeline": "Основная хронология",
+        "manual_device_verification": "Ручная проверка устройства",
+        "no_receipt_found": "Квитанция не найдена",
+        "notification_state": "Состояние уведомления <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Отладка уведомлений",
+        "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>",
+        "room_notifications_dot": "Точка: ",
+        "room_notifications_highlight": "Выделение: ",
+        "room_notifications_last_event": "Последнее событие:",
+        "room_notifications_sender": "Отправитель: ",
+        "room_notifications_thread_id": "Id обсуждения: ",
+        "room_notifications_total": "Всего: ",
+        "room_notifications_type": "Тип: ",
+        "room_status": "Статус чата",
+        "room_unread_status_count": {
+            "one": "Статус непрочитанной комнаты: <strong>%(status)s</strong>, количество: <strong>%(count)s</strong>",
+            "few": "Статус непрочитанных комнат: <strong>%(status)s</strong>, количество: <strong>%(count)s</strong>",
+            "many": "Статус непрочитанных комнат: <strong>%(status)s</strong>, количество: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Сохранить значения настроек",
+        "see_history": "Посмотреть историю",
+        "send_custom_account_data_event": "Отправить пользовательское событие данных учётной записи",
+        "send_custom_room_account_data_event": "Отправить пользовательское событие данных учётной записи чата",
+        "send_custom_state_event": "Оправить пользовательское событие состояния",
+        "send_custom_timeline_event": "Отправить пользовательское событие ленты сообщений",
+        "server_info": "Информация сервера",
+        "server_versions": "Версия сервера",
+        "settable_global": "Устанавливается на глобальном уровне",
+        "settable_room": "Устанавливается для чата",
+        "setting_colon": "Настройки:",
+        "setting_definition": "Установка определения:",
+        "setting_id": "ID настроек",
+        "settings": {
+            "elementCallUrl": "URL-адрес Element Call"
+        },
+        "settings_explorer": "Посмотреть настройки",
+        "show_empty_content_events": "Показывать события с пустым содержимым",
+        "show_hidden_events": "Показывать скрытые события в ленте сообщений",
+        "spaces": {
+            "one": "<space>",
+            "few": "<%(count)s spaces>",
+            "many": "<%(count)s spaces>"
+        },
+        "state_key": "Ключ состояния",
+        "thread_root_id": "Идентификатор Root ID: %(threadRootId)s",
+        "threads_timeline": "Хронология обсуждений",
+        "title": "Инструменты разработчика",
+        "toolbox": "Панель инструментов",
+        "use_at_own_risk": "Этот пользовательский интерфейс НЕ проверяет типы значений. Используйте на свой страх и риск.",
+        "user_avatar": "Аватар: %(avatar)s",
+        "user_displayname": "Отображаемое имя: %(displayname)s",
+        "user_id": "ID пользователя: %(userId)s",
+        "user_no_avatar": "Аватар: <i>Нет</i>",
+        "user_no_displayname": "Отображаемое имя: <i>Отсутствует</i>",
+        "user_read_up_to": "Пользователь прочитал до: ",
+        "user_read_up_to_ignore_synthetic": "Пользователь прочитал до (IgnoreSynthetic): ",
+        "user_read_up_to_private": "Пользователь прочитал до (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Пользователь прочитал до (m.read.private; ignoreSynthetic): ",
+        "user_room_membership": "Членство: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Статус проверки:<E2EIcon /> Не проверено, и личность изменена",
+            "unverified": "Статус проверки: <E2EIcon /> Непроверено",
+            "verified": "Статус проверки: <E2EIcon /> Проверено",
+            "was_verified": "Статус проверки: <E2EIcon /> Был проверен, но личность изменилась"
+        },
+        "users": "Пользователи",
+        "value": "Значение",
+        "value_colon": "Значение:",
+        "value_in_this_room": "Значение в этом чате",
+        "value_this_room_colon": "Значение в этой комнате:",
+        "values_explicit": "Значения на явных уровнях",
+        "values_explicit_colon": "Значения на явных уровнях:",
+        "values_explicit_room": "Значения на явных уровнях в этой комнате",
+        "values_explicit_this_room_colon": "Значения на явных уровнях:",
+        "view_servers_in_room": "Посмотреть серверы в комнате",
+        "view_source_decrypted_event_source": "Расшифрованный исходный код",
+        "view_source_decrypted_event_source_unavailable": "Источник расшифровки недоступен",
+        "widget_screenshots": "Включить скриншоты виджетов для поддерживаемых виджетов"
+    },
+    "dialog_close_label": "Закрыть диалог",
+    "download_completed": "Скачивание завершено",
+    "empty_room": "Пустая комната",
+    "empty_room_was_name": "Пустая комната (без %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Если у вас есть ключ безопасности или защитная фраза, это тоже подойдет.",
+            "key_validation_text": {
+                "wrong_security_key": "Введенный ключ восстановления неверен."
+            },
+            "privacy_warning": "Убедитесь, что никто не видит этот экран!",
+            "restoring": "Восстановление ключей из резервной копии",
+            "security_key_label": "Ключ восстановления",
+            "security_key_title": "Введите ключ восстановления"
+        },
+        "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": "Кто-то использует неизвестный сеанс",
+        "cross_signing_user_normal": "Вы не подтвердили этого пользователя.",
+        "cross_signing_user_verified": "Вы подтвердили этого пользователя. Пользователь подтвердил все свои сеансы.",
+        "cross_signing_user_warning": "Этот пользователь не подтвердил все свои сеансы.",
+        "enter_recovery_key": "Введите ключ восстановления",
+        "event_shield_reason_authenticity_not_guaranteed": "Подлинность этого зашифрованного сообщения не может быть гарантирована на этом устройстве.",
+        "event_shield_reason_mismatched_sender": "Отправитель события и владелец устройства не совпадают.",
+        "event_shield_reason_mismatched_sender_key": "Зашифровано неподтверждённым сеансом",
+        "event_shield_reason_unknown_device": "Зашифровано неизвестным или удаленным устройством.",
+        "event_shield_reason_unsigned_device": "Зашифровано устройством, не проверенным владельцем.",
+        "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": "Хранилище ключей не синхронизировано.",
+        "key_storage_out_of_sync_description": "Подтвердите ключ восстановления, чтобы сохранить доступ к хранилищу ключей и истории сообщений.",
+        "messages_not_secure": {
+            "cause_1": "Ваш домашний сервер",
+            "cause_2": "Домашний сервер пользователя, которого вы подтверждаете",
+            "cause_3": "Ваше интернет-соединение или соединение других пользователей",
+            "cause_4": "Ваши сеансы или сеансы других пользователей",
+            "heading": "Что-то из этого может быть скомпрометировано:",
+            "title": "Ваши сообщения не защищены"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Обнаружены новая секретная фраза и ключ безопасности для защищенных сообщений.",
+            "description_2": "Этот сеанс шифрует историю с помощью нового метода восстановления.",
+            "title": "Новый метод восстановления",
+            "warning": "Если вы не задали новый способ восстановления, злоумышленник может получить доступ к вашей учётной записи. Смените пароль учётной записи и сразу же задайте новый способ восстановления в настройках."
+        },
+        "pinned_identity_changed": "Идентичность %(displayName)s (<b>%(userId)s</b>), похоже, изменилась. <a>Узнать больше</a>",
+        "pinned_identity_changed_no_displayname": "Похоже, что личность <b>%(userId)s</b> изменилась. <a>Узнайте больше</a>",
+        "recovery_method_removed": {
+            "description_1": "Этот сеанс обнаружил, что ваши секретная фраза и ключ безопасности для защищенных сообщений были удалены.",
+            "description_2": "Если вы сделали это по ошибке, вы можете настроить защищённые сообщения в этом сеансе, что снова зашифрует историю сообщений в этом сеансе с помощью нового метода восстановления.",
+            "title": "Метод восстановления удален",
+            "warning": "Если вы не убрали метод восстановления, злоумышленник может получить доступ к вашей учётной записи. Смените пароль учётной записи и сразу задайте новый способ восстановления в настройках."
+        },
+        "set_up_recovery": "Создать резервную копию своих чатов.",
+        "set_up_recovery_toast_description": "Создайте ключ восстановления, который можно использовать для восстановления зашифрованной истории сообщений в случае потери доступа к своим устройствам.",
+        "set_up_toast_title": "Настроить безопасное резервное копирование",
+        "turn_on_key_storage": "Включить хранилище ключей",
+        "turn_on_key_storage_description": "Безопасно храните свои криптографические идентификационные данные и ключи сообщений на сервере. Это позволит вам просматривать историю сообщений на любых новых устройствах.",
+        "unable_to_setup_keys_error": "Невозможно настроить ключи",
+        "verification": {
+            "accepting": "Принятие…",
+            "after_new_login": {
+                "device_verified": "Сеанс заверен",
+                "skip_verification": "Пока пропустить проверку",
+                "verify_this_device": "Заверьте этот сеанс"
+            },
+            "cancelled_verification": "Время ожидания подтверждения истекло, запрос был отклонён, или при подтверждении произошло несоответствие.",
+            "cancelling": "Отмена…",
+            "cant_confirm": "Не можете подтвердить?",
+            "complete_action": "Понятно",
+            "complete_description": "Вы успешно подтвердили этого пользователя.",
+            "complete_title": "Верифицировано!",
+            "confirm_identity_description": "Подтвердите это устройство, чтобы настроить безопасный обмен сообщениями.",
+            "confirm_identity_title": "Подтвердите свою личность",
+            "confirm_the_emojis": "Убедитесь, что приведенные ниже эмодзи совпадают с эмодзи показанными на другом устройстве.",
+            "error_starting_description": "Нам не удалось начать чат с другим пользователем.",
+            "error_starting_title": "Ошибка при запуске подтверждения",
+            "explainer": "Сообщения с этим пользователем защищены сквозным шифрованием и недоступны третьим лицам.",
+            "in_person": "Чтобы быть в безопасности, делайте это лично или используйте надежный способ связи.",
+            "incoming_sas_device_dialog_text_1": "Подтвердите это устройство, чтобы сделать его доверенным. Доверие этому устройству дает вам и другим пользователям дополнительное спокойствие при использовании зашифрованных сообщений.",
+            "incoming_sas_device_dialog_text_2": "Проверка этого устройства пометит его как доверенное, и пользователи, которые проверили его вместе с вами, будут доверять этому устройству.",
+            "incoming_sas_dialog_title": "Входящий запрос о проверке",
+            "incoming_sas_dialog_waiting": "Ожидаем подтверждения от партнера…",
+            "incoming_sas_user_dialog_text_1": "Проверить этого пользователя, чтобы отметить его, как доверенного. Доверенные пользователи дают вам больше уверенности при использовании шифрованных сообщений.",
+            "incoming_sas_user_dialog_text_2": "Подтверждение этого пользователя сделает его сеанс доверенным у вас, а также сделает ваш сеанс доверенным у него.",
+            "manual": {
+                "already_verified": "Это устройство уже проверено",
+                "already_verified_and_wrong_fingerprint": "Предоставленный отпечаток пальца не совпадает, но устройство уже проверено!",
+                "device_id": "Идентификатор устройства",
+                "failure_description": "Не удалось проверить '%(deviceId)s': %(error)s",
+                "failure_title": "Сбой проверки",
+                "fingerprint": "Отпечаток пальца (ключ сессии)",
+                "no_crypto": "Невозможно проверить устройство — шифрование не включено",
+                "no_device": "Не удалось проверить устройство — устройство %(deviceId)s '' не найдено",
+                "no_userid": "Невозможно проверить устройство — не удается найти идентификатор пользователя",
+                "success_description": "Теперь устройство (%(deviceId)s) имеет перекрестную подпись",
+                "success_title": "Проверка прошла успешно",
+                "text": "Предоставьте идентификатор и отпечаток пальца одного из ваших устройств, чтобы подтвердить это. ПРИМЕЧАНИЕ. Это позволяет другому устройству отправлять и получать сообщения так же, как и вы. ЕСЛИ КТО-ТО СКАЗАЛ ВАМ ЧТО-ТО ВСТАВИТЬ СЮДА, СКОРЕЕ ВСЕГО, ВАС ОБМАНУЛИ!",
+                "wrong_fingerprint": "Не удалось проверить устройство \"%(deviceId)s\" - предоставленный ключ проверки \"%(fingerprint)s\" не совпадает с ключом проверки устройства \"%(fprint)s\"."
+            },
+            "no_support_qr_emoji": "Устройство, которое вы пытаетесь проверить, не поддерживает сканирование QR-кода или проверку смайликов, которые поддерживает %(brand)s. Попробуйте использовать другой клиент.",
+            "now_you_can": "Теперь вы можете безопасно читать и отправлять сообщения, и все, с кем вы общаетесь в чате, также могут доверять этому устройству.",
+            "once_accepted_can_continue": "После одобрения вы сможете продолжить проверку.",
+            "other_party_cancelled": "Другая сторона отменила проверку.",
+            "prompt_encrypted": "Подтвердите всех пользователей в комнате, чтобы обеспечить безопасность.",
+            "prompt_unencrypted": "В зашифрованных комнатах, проверьте всех пользователей, чтобы убедиться в их безопасности.",
+            "qr_or_sas": "%(qrCode)s или %(emojiCompare)s",
+            "qr_prompt": "Отсканируйте этот уникальный код",
+            "qr_reciprocate_check_again_device": "Повторите попытку на другом устройстве, чтобы завершить проверку.",
+            "qr_reciprocate_no": "Нет, я не вижу зеленый щит",
+            "qr_reciprocate_same_shield_user": "Почти готово! Отображает ли %(displayName)s такой же щит?",
+            "qr_reciprocate_yes": "Да, я вижу зеленый щит",
+            "request_toast_accept_user": "Подтвердить пользователя",
+            "request_toast_decline_counter": "Игнорировать (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s с %(ip)s",
+            "request_toast_start_verification": "Начать проверку",
+            "sas_caption_self": "Проверьте это устройство, убедившись, что на его экране отображается следующее число.",
+            "sas_caption_user": "Подтвердите пользователя, убедившись, что на его экране отображается следующее число.",
+            "sas_description": "Сравните уникальный набор смайликов, если у вас нет камеры ни на одном из устройств",
+            "sas_emoji_caption_user": "Проверьте собеседника, убедившись, что на его экране отображаются следующие символы (смайлы).",
+            "sas_match": "Они совпадают",
+            "sas_no_match": "Они не совпадают",
+            "sas_prompt": "Сравнитe уникальныe смайлики",
+            "scan_qr": "Подтверждение сканированием",
+            "scan_qr_explainer": "Попросите %(displayName)s отсканировать ваш код:",
+            "start_button": "Начать проверку",
+            "successful_user": "Вы успешно подтвердили %(displayName)s!",
+            "unsupported_method": "Невозможно определить поддерживаемый метод верификации.",
+            "unverified_session_toast_accept": "Да, это я",
+            "unverified_session_toast_title": "Новый вход в вашу учётную запись. Это были Вы?",
+            "unverified_sessions_toast_description": "Проверьте, чтобы убедиться, что ваша учётная запись в безопасности",
+            "unverified_sessions_toast_reject": "Позже",
+            "unverified_sessions_toast_title": "У вас есть незаверенные сеансы",
+            "use_another_device": "Используйте другое устройство",
+            "use_recovery_key": "Используйте recovery key",
+            "verification_dialog_title_choose": "Выберите способ проверки",
+            "verification_dialog_title_compare_emojis": "Сравните емодзи",
+            "verification_dialog_title_confirm_green_shield": "Убедитесь, что на другом устройстве вы видите зеленый щит.",
+            "verification_dialog_title_device": "Проверить другое устройство",
+            "verification_dialog_title_failed": "Сбой проверки",
+            "verification_dialog_title_start_on_other_device": "Начать проверку на другом устройстве",
+            "verification_dialog_title_user": "Запрос на сверку",
+            "verification_dialog_title_verified": "Устройство проверено",
+            "verification_skip_warning": "Без проверки вы не сможете получить доступ ко всем своим сообщениям и можете показаться другим людям недоверенным.",
+            "verification_success_with_backup": "Ваш новый сеанс заверен. Он имеет доступ к вашим зашифрованным сообщениям, и другие пользователи будут видеть его как заверенный.",
+            "verification_success_without_backup": "Ваш новый сеанс заверен. Другие пользователи будут видеть его как заверенный.",
+            "verify_by_completing_one_of": "Подтвердите, выполнив одно из следующих действий:",
+            "verify_emoji": "Подтверждение с помощью смайлов",
+            "verify_emoji_prompt": "Подтверждение сравнением уникальных смайлов.",
+            "verify_emoji_prompt_qr": "Если вы не можете отсканировать код выше, попробуйте сравнить уникальные смайлы.",
+            "verify_later": "Я заверю позже",
+            "waiting_for_user_accept": "Ожидание принятия от %(displayName)s…",
+            "waiting_other_device": "Ожидает проверки на другом устройстве…",
+            "waiting_other_device_details": "Ожидает проверки на другом устройстве, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Ожидание %(displayName)s для проверки…"
+        },
+        "verification_requested_toast_title": "Запрошено подтверждение",
+        "verified_identity_changed": "Подтвержденная личность %(displayName)s (<b>%(userId)s</b>) изменилась. <a>Узнайте больше</a>",
+        "verified_identity_changed_no_displayname": "<b>%(userId)s</b> личность была сброшена. <a>Узнать подробности</a>",
+        "verify_toast_description": "Другие пользователи могут не доверять этому сеансу",
+        "verify_toast_title": "Заверьте этот сеанс",
+        "withdraw_verification_action": "Подтверждение верификации"
+    },
+    "error": {
+        "admin_contact": "Пожалуйста, <a>обратитесь к вашему администратору</a>, чтобы продолжить использовать этот сервис.",
+        "admin_contact_short": "Обратитесь к <a>администратору сервера</a>.",
+        "app_launch_unexpected_error": "Неожиданная ошибка при подготовке приложения. Подробности см. в консоли.",
+        "cannot_load_config": "Не удалось загрузить файл конфигурации. Попробуйте обновить страницу.",
+        "connection": "Возникла проблема при обмене данными с домашним сервером. Повторите попытку позже.",
+        "dialog_description_default": "Произошла ошибка.",
+        "download_media": "Не удалось скачать исходный медиафайл, исходный URL-адрес не найден",
+        "edit_history_unsupported": "Ваш сервер, похоже, не поддерживает эту возможность.",
+        "failed_copy": "Не удалось скопировать",
+        "hs_blocked": "Доступ к этому домашнему серверу заблокирован вашим администратором.",
+        "invalid_configuration_mixed_server": "Неверная конфигурация: нельзя указать default_hs_url вместе с default_server_name или default_server_config",
+        "invalid_configuration_no_server": "Неверная конфигурация: сервер по умолчанию не указан.",
+        "invalid_json": "Конфигурация Element содержит неверный JSON. Исправьте проблему и обновите страницу.",
+        "invalid_json_detail": "Сообщение из парсера: %(message)s",
+        "invalid_json_generic": "Неверный JSON",
+        "mau": "Сервер достиг ежемесячного ограничения активных пользователей.",
+        "misconfigured": "Ваш Element неверно настроен",
+        "mixed_content": "Не удается подключиться к домашнему серверу через HTTP, так как в адресной строке браузера указан адрес HTTPS. Используйте HTTPS или <a>включите небезопасные скрипты</a>.",
+        "non_urgent_echo_failure_toast": "Ваш сервер не отвечает на некоторые <a>запросы</a>.",
+        "resource_limits": "Превышен один из лимитов на ресурсы сервера.",
+        "session_restore": {
+            "clear_storage_button": "Удалить это устройство",
+            "clear_storage_description": "Выйти и удалить ключи шифрования?",
+            "description_1": "Произошла ошибка при попытке восстановить предыдущий сеанс.",
+            "description_2": "Если вы использовали более новую версию %(brand)s, то ваш сеанс может быть несовместим с ней. Закройте это окно и вернитесь к более новой версии.",
+            "description_3": "Очистка хранилища вашего браузера может устранить проблему, но при этом ваш сеанс будет завершён, и зашифрованная история чата станет нечитаемой.",
+            "title": "Восстановление сеанса не удалось"
+        },
+        "something_went_wrong": "Что-то пошло не так!",
+        "storage_evicted_description_1": "Отсутствуют некоторые данные сеанса, в том числе ключи шифрования сообщений. Выйдите и войдите снова, чтобы восстановить ключи из резервной копии.",
+        "storage_evicted_description_2": "Вероятно, ваш браузер удалил эти данные, когда на дисковом пространстве оставалось мало места.",
+        "storage_evicted_title": "Отсутствуют данные сеанса",
+        "sync": "Невозможно подключиться к Homeserver. Повторная попытка…",
+        "tls": "Не удается подключиться к домашнему серверу — проверьте подключение, убедитесь, что ваш <a>SSL-сертификат домашнего сервера</a> является доверенным и что расширение браузера не блокирует запросы.",
+        "unknown": "Неизвестная ошибка",
+        "unknown_error_code": "неизвестный код ошибки",
+        "update_history_visibility": "Не удалось изменить видимость истории.",
+        "update_power_level": "Не удалось изменить уровень прав"
+    },
+    "error_app_open_in_another_tab": "Переключитесь на другую вкладку, чтобы подключиться к %(brand)s . Теперь эту вкладку можно закрыть.",
+    "error_app_open_in_another_tab_title": "%(brand)s подключен в другой вкладке",
+    "error_app_opened_in_another_window": "%(brand)s открыт в другом окне. Нажмите \"%(label)s\" чтобы использовать %(brand)s в данном окне и отключить другое.",
+    "error_database_closed_description": {
+        "for_desktop": "Возможно, ваш диск переполнен. Освободите место и перезагрузите компьютер.",
+        "for_web": "Если вы очистили данные браузера, то это сообщение ожидаемо. %(brand)s также может быть открыт в другой вкладке, или ваш диск заполнен. Пожалуйста, освободите место и перезагрузите"
+    },
+    "error_database_closed_title": "%(brand)s перестал работать",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Не удалось скопировать ссылку на комнату в буфер обмена.",
+            "title": "Не удалось скопировать ссылку на комнату"
+        },
+        "error_loading_user_profile": "Не удалось загрузить профиль пользователя",
+        "forget_room_failed": "Не удалось забыть комнату: %(errCode)s"
+    },
+    "error_user_not_logged_in": "Пользователь не вошел в систему",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Звонок в процессе",
+            "user": "%(senderName)s присоединился(лась) к звонку",
+            "you": "Вы присоединились к звонку"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s завершил(а) звонок",
+            "you": "Вы закончили звонок"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s звонит",
+            "dm_send": "Ждём ответа",
+            "user": "%(senderName)s начал(а) звонок",
+            "you": "Вы начали звонок"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s отреагировал(а) %(reaction)s на %(message)s",
+            "you": "Вы отреагировали %(reaction)s на %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Аудио",
+            "file": "Файл",
+            "image": "Изображение",
+            "poll": "Опрос",
+            "video": "Видео"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Экспорт отменён",
+        "cancelled_detail": "Экспорт был отменен",
+        "confirm_stop": "Вы уверены, что хотите прекратить экспорт данных? Если да, то вам придется начать все сначала.",
+        "creating_html": "Создание HTML…",
+        "creating_output": "Создание выходных данных…",
+        "creator_summary": "%(creatorName)s создал(а) эту комнату.",
+        "current_timeline": "Текущая лента сообщений",
+        "enter_number_between_min_max": "Введите число между %(min)s и %(max)s",
+        "error_fetching_file": "Ошибка при получении файла",
+        "export_info": "Это начало экспорта <roomName/>. Экспортировано <exporterDetails/> в %(exportDate)s.",
+        "export_successful": "Успешно экспортировано!",
+        "exported_n_events_in_time": {
+            "one": "Экспортировано %(count)s событие за %(seconds)s секунд",
+            "other": "Экспортировано %(count)s событий за %(seconds)s секунд"
+        },
+        "exporting_your_data": "Экспорт ваших данных",
+        "fetched_n_events": {
+            "one": "Получено %(count)s событие",
+            "other": "Получено %(count)s событий"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Получено %(count)s событие за %(seconds)sс",
+            "other": "Получено %(count)s событий за %(seconds)sс"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Извлечено %(count)s из %(total)s события",
+            "other": "Получено %(count)s из %(total)s событий"
+        },
+        "fetching_events": "Получение событий…",
+        "file_attached": "Файл прикреплен",
+        "format": "Формат",
+        "from_the_beginning": "С начала",
+        "generating_zip": "Генерация ZIP-файла",
+        "html": "HTML",
+        "html_title": "Экспортированные данные",
+        "include_attachments": "Включить вложения",
+        "json": "JSON",
+        "media_omitted": "Медиа пропущены",
+        "media_omitted_file_size": "Медиа пропущены — превышен лимит размера файла",
+        "messages": "Сообщения",
+        "next_page": "Следующая группа сообщений",
+        "num_messages": "Количество сообщений",
+        "num_messages_min_max": "Количество сообщений может быть только числом между %(min)s и %(max)s",
+        "number_of_messages": "Укажите количество сообщений",
+        "previous_page": "Предыдущая группа сообщений",
+        "processing": "Обработка…",
+        "processing_event_n": "Обработано %(number)s из %(total)s событий",
+        "select_option": "Выберите один из приведенных ниже вариантов экспорта чатов из вашей временной шкалы",
+        "size_limit": "Ограничение по размеру",
+        "size_limit_min_max": "Размер может быть только числом между %(min)s Мб и %(max)s Мб",
+        "size_limit_postfix": "Мб",
+        "starting_export": "Начало экспорта…",
+        "successful": "Экспорт завершен",
+        "successful_detail": "Ваш экспорт звершен. Найдите его в папке \"Загрузки\".",
+        "text": "Текст",
+        "title": "Экспорт чата",
+        "topic": "Тема: %(topic)s",
+        "unload_confirm": "Вы уверены, что хотите выйти во время экспорта?"
+    },
+    "failed_load_async_component": "Не удалось загрузить! Проверьте подключение к сети и попробуйте снова.",
+    "feedback": {
+        "can_contact_label": "Вы можете связаться со мной, если у вас возникнут какие-либо последующие вопросы",
+        "comment_label": "Комментарий",
+        "existing_issue_link": "Пожалуйста, сначала просмотрите <existingIssuesLink>существующие ошибки на Github</existingIssuesLink>. Нет совпадений? <newIssueLink>Сообщите о новой</newIssueLink>.",
+        "may_contact_label": "Вы можете связаться со мной, за дальнейшими действиями или помощью с испытанием идей",
+        "platform_username": "Ваша платформа и имя пользователя будут отмечены, чтобы мы могли максимально использовать ваш отзыв.",
+        "pro_type": "СОВЕТ ДЛЯ ПРОФЕССИОНАЛОВ: если вы запустите ошибку, отправьте <debugLogsLink>журналы отладки</debugLogsLink>, чтобы помочь нам отследить проблему.",
+        "send_feedback_action": "Отправить отзыв",
+        "sent": "Отзыв отправлен! Спасибо, мы очень благодарны!"
+    },
+    "file_panel": {
+        "empty_description": "Прикрепите файлы из чата или просто перетащите их в комнату.",
+        "empty_heading": "Нет видимых файлов в этой комнате",
+        "guest_note": "Вы должны <a>зарегистрироваться</a>, чтобы использовать эту функцию",
+        "peek_note": "Вы должны войти в комнату, чтобы просмотреть файлы"
+    },
+    "forward": {
+        "filter_placeholder": "Поиск комнат или людей",
+        "message_preview_heading": "Просмотр сообщения",
+        "no_perms_title": "У вас нет на это разрешения",
+        "open_room": "Открыть комнату",
+        "send_label": "Отправить",
+        "sending": "Отправка",
+        "sent": "Отправлено"
+    },
+    "identity_server": {
+        "change": "Изменить сервер идентификации",
+        "change_prompt": "Отключиться от сервера идентификации <current /> и вместо этого подключиться к <new />?",
+        "change_server_prompt": "Если вы не хотите использовать <server /> для обнаружения вас и быть обнаруженным вашими существующими контактами, введите другой идентификационный сервер ниже.",
+        "changed": "Ваш сервер идентификации изменен",
+        "checking": "Проверка сервера",
+        "description_connected": "В настоящее время вы используете <server></server> для поиска вами ваших контактов а также вас вашими оппонентами. Вы можете изменить ваш сервер идентификации ниже.",
+        "description_disconnected": "Вы в настоящее время не используете сервер идентификации. Чтобы найти известные вам контакты, и чтобы они могли найти вас, укажите сервер ниже.",
+        "description_optional": "Использование сервера идентификации не обязательно. Если вы решите не использовать сервер идентификации, другие пользователи не смогут обнаружить вас, и вы не сможете пригласить других по электронной почте или телефону.",
+        "disconnect": "Отключить идентификационный сервер",
+        "disconnect_anyway": "Отключить в любом случае",
+        "disconnect_offline_warning": "Вы должны <b> удалить свои личные данные </b> с сервера идентификации <idserver /> перед отключением. К сожалению, идентификационный сервер <idserver /> в данный момент отключен или недоступен.",
+        "disconnect_personal_data_warning_1": "Вы все еще <b> делитесь своими личными данными </b> на сервере идентификации <idserver />.",
+        "disconnect_personal_data_warning_2": "Мы рекомендуем вам удалить свои адреса электронной почты и номера телефонов с сервера идентификации перед отключением.",
+        "disconnect_server": "Отсоединиться от сервера идентификации <idserver />?",
+        "disconnect_warning": "Отключение от сервера идентификации будет означать, что другие пользователи не смогут вас обнаружить, и вы не сможете приглашать других по электронной почте или по телефону.",
+        "do_not_use": "Не использовать сервер идентификации",
+        "error_connection": "Не удалось подключиться к серверу идентификации",
+        "error_invalid": "Недействительный идентификационный сервер (код состояния %(code)s)",
+        "error_invalid_or_terms": "Условия использования не приняты или сервер идентификации недействителен.",
+        "no_terms": "Сервер идентификации, который вы выбрали, не имеет никаких условий обслуживания.",
+        "suggestions": "Вам следует:",
+        "suggestions_1": "проверяйте плагины браузера на наличие всего, что может заблокировать сервер идентификации (например, Privacy Badger)",
+        "suggestions_2": "связаться с администраторами сервера идентификации <idserver />",
+        "suggestions_3": "подождите и повторите попытку позже",
+        "url": "Идентификационный сервер (%(server)s)",
+        "url_field_label": "Введите новый идентификационный сервер",
+        "url_not_https": "URL-адрес идентификационного сервер должен начинаться с HTTPS"
+    },
+    "in_space": "В пространстве %(spaceName)s.",
+    "in_space1_and_space2": "В пространствах %(space1Name)s и %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "В %(spaceName)s и %(count)s другом пространстве.",
+        "other": "В %(spaceName)s и %(count)s других пространствах."
+    },
+    "incompatible_browser": {
+        "continue": "Продолжить в любом случае",
+        "description": "%(brand)s использует некоторые функции браузера, которые недоступны в вашем текущем браузере. %(detail)s",
+        "detail_can_continue": "Если вы продолжите, некоторые функции могут перестать работать, и существует риск потери данных в будущем.",
+        "detail_no_continue": "Попробуйте обновить этот браузер, если вы используете не последнюю версию, и повторите попытку.",
+        "learn_more": "Подробнее",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "Для наилучшего впечатления используйте <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge> или <Safari>Safari</Safari>.",
+        "title": "Неподдерживаемый браузер",
+        "use_desktop_heading": "Вместо этого используйте %(brand)s Desktop",
+        "use_mobile_heading": "Для этого используйте %(brand)s на мобильном телефоне",
+        "use_mobile_heading_after_desktop": "Или воспользуйтесь нашим мобильным приложением",
+        "windows_64bit": "Windows (64-бит)",
+        "windows_arm_64bit": "Windows (ARM 64-бит)"
+    },
+    "info_tooltip_title": "Информация",
+    "integration_manager": {
+        "connecting": "Подключение к менеджеру интеграции…",
+        "error_connecting": "Менеджер интеграций не работает или не может подключиться к вашему домашнему серверу.",
+        "error_connecting_heading": "Не удалось подключиться к менеджеру интеграций",
+        "explainer": "Менеджеры по интеграции получают данные конфигурации и могут изменять виджеты, отправлять приглашения в комнаты и устанавливать уровни доступа от вашего имени.",
+        "manage_title": "Управление интеграциями",
+        "toggle_label": "Включить менеджер интеграции",
+        "use_im": "Используйте менеджер интеграций для управления ботами, виджетами и наборами стикеров.",
+        "use_im_default": "Используйте менеджер интеграций <b>%(serverName)s</b> для управления ботами, виджетами и наборами стикеров."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Включите '%(manageIntegrations)s' в Настройках.",
+        "disabled_dialog_title": "Интеграции отключены",
+        "impossible_dialog_description": "Ваш %(brand)s не позволяет вам использовать для этого Менеджер Интеграции. Пожалуйста, свяжитесь с администратором.",
+        "impossible_dialog_title": "Интеграции не разрешены"
+    },
+    "invite": {
+        "email_caption": "Пригласить по электронной почте",
+        "email_limit_one": "Приглашения по электронной почте можно отправлять только один раз",
+        "email_use_default_is": "Используйте идентификационный сервер для приглашения по электронной почте. <default>Используйте значение по умолчанию (%(defaultIdentityServerName)s)</default> или управляйте в <settings>Настройках</settings>.",
+        "email_use_is": "Используйте идентификационный сервер для приглашения по электронной почте. Управление в <settings>Настройки</settings>.",
+        "error_already_invited_room": "Пользователь уже приглашён в комнату",
+        "error_already_invited_space": "Пользователь уже приглашён в пространство",
+        "error_already_joined_room": "Пользователь уже в комнате",
+        "error_already_joined_space": "Пользователь уже пребывает в пространстве",
+        "error_bad_state": "Пользователь должен быть разблокирован прежде чем может быть приглашён.",
+        "error_dm": "Мы не смогли создать ваш диалог.",
+        "error_find_room": "Пытаясь пригласить пользователей, что-то пошло не так.",
+        "error_find_user_description": "Следующие пользователи могут не существовать, или быть недействительными и не могут быть приглашены: %(csvNames)s",
+        "error_find_user_title": "Не удалось найти этих пользователей",
+        "error_invite": "Мы не могли пригласить этих пользователей. Пожалуйста, проверьте пользователей, которых вы хотите пригласить, и повторите попытку.",
+        "error_permissions_room": "У вас нет разрешения приглашать людей в эту комнату.",
+        "error_permissions_space": "Вам не разрешено приглашать людей в это пространство.",
+        "error_profile_undisclosed": "Пользователь может быть, а может и не быть",
+        "error_transfer_multiple_target": "Вызов может быть передан только одному пользователю.",
+        "error_unfederated_room": "Эта комната не имеет федераций. Нельзя приглашать пользователей с внешних серверов.",
+        "error_unfederated_space": "Это пространство не объединено. Нельзя приглашать пользователей с внешних серверов.",
+        "error_unknown": "Неизвестная ошибка сервера",
+        "error_user_not_found": "Пользователь не существует",
+        "error_version_unsupported_room": "Домашний сервер пользователя не поддерживает версию комнаты.",
+        "error_version_unsupported_space": "Домашний сервер пользователя не поддерживает версию пространства.",
+        "failed_generic": "Сбой операции",
+        "failed_title": "Пригласить не удалось",
+        "invalid_address": "Нераспознанный адрес",
+        "name_email_mxid_share_room": "Пригласите кого-нибудь, используя его имя, адрес электронной почты, имя пользователя (например, <userId/>) или <a>поделитесь этой комнатой</a>.",
+        "name_email_mxid_share_space": "Пригласите кого-нибудь, используя их имя, адрес электронной почты, имя пользователя (например, <userId/>) или <a>поделитесь этим пространством</a>.",
+        "name_mxid_share_room": "Пригласите кого-нибудь, используя его имя, имя пользователя (например, <userId/>) или <a>поделитесь этой комнатой</a>.",
+        "name_mxid_share_space": "Пригласите кого-нибудь, используя их отображаемое имя или имя учётной записи (например, <userId/>) или <a>поделитесь этим пространством</a>.",
+        "progress": {
+            "dont_close": "Не закрывайте приложение, до завершения.",
+            "preparing": "Подготовка приглашений..."
+        },
+        "recents_section": "Недавние Диалоги",
+        "room_failed_partial": "Мы отправили остальных, но нижеперечисленные люди не могут быть приглашены в <RoomName/>",
+        "room_failed_partial_title": "Некоторые приглашения не могут быть отправлены",
+        "room_failed_title": "Не удалось пригласить пользователей в %(roomName)s",
+        "send_link_prompt": "Или отправьте ссылку на приглашение",
+        "start_conversation_name_email_mxid_prompt": "Начните разговор с кем-нибудь, используя его имя, адрес электронной почты или имя пользователя (например, <userId/>).",
+        "start_conversation_name_mxid_prompt": "Начните разговор с кем-нибудь, используя его имя или имя пользователя (например, <userId/>).",
+        "suggestions_disclaimer": "Некоторые предложения могут быть скрыты в целях конфиденциальности.",
+        "suggestions_disclaimer_prompt": "Если вы не видите того, кого ищете, отправьте ему свое приглашение по ссылке ниже.",
+        "suggestions_section": "Последние прямые сообщения",
+        "to_room": "Пригласить в %(roomName)s",
+        "to_space": "Пригласить в %(spaceName)s",
+        "transfer_dial_pad_tab": "Панель набора номера",
+        "transfer_user_directory_tab": "Каталог пользователей",
+        "unable_find_profiles_description_default": "Не возможно найти профили для MatrixID, приведенных ниже — все равно желаете их пригласить?",
+        "unable_find_profiles_invite_label_default": "Всё равно пригласить",
+        "unable_find_profiles_invite_never_warn_label_default": "Пригласить и больше не предупреждать",
+        "unable_find_profiles_title": "Следующих пользователей может не существовать",
+        "unban_first_title": "Пользователь не может быть приглашен до тех пор, пока он не будет разблокирован"
+    },
+    "inviting_user1_and_user2": "Приглашение %(user1)s и %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Приглашаем %(user)s",
+        "few": "Приглашаем %(user)s и еще %(count)s пользователей",
+        "many": "Приглашаем %(user)s и еще %(count)s пользователей"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> и ещё %(count)s участника(-ов)",
+        "one": "<Items/> и ещё кто-то"
+    },
+    "keyboard": {
+        "activate_button": "Нажать выбранную кнопку",
+        "alt": "Alt",
+        "autocomplete_cancel": "Отменить автозаполнение",
+        "autocomplete_force": "Принудительно завершить",
+        "autocomplete_navigate_next": "Следующее предложение автозаполнения",
+        "autocomplete_navigate_prev": "Предыдущее предложение автозаполнения",
+        "backspace": "Backspace",
+        "cancel_reply": "Отмена ответа на сообщение",
+        "category_autocomplete": "Автодополнение",
+        "category_calls": "Звонки",
+        "category_navigation": "Навигация",
+        "category_room_list": "Список комнат",
+        "close_dialog_menu": "Закрыть диалоговое окно или контекстное меню",
+        "composer_jump_end": "Переход к концу редактора",
+        "composer_jump_start": "Переход к началу редактора",
+        "composer_navigate_next_history": "Переход к следующему сообщению в истории редактора",
+        "composer_navigate_prev_history": "Перейти к предыдущему сообщению в истории редактора",
+        "composer_new_line": "Новая строка",
+        "composer_redo": "Повторить изменения",
+        "composer_toggle_bold": "Жирный шрифт",
+        "composer_toggle_code_block": "Переключить блок кода",
+        "composer_toggle_italics": "Курсивный шрифт",
+        "composer_toggle_link": "Переключить ссылку",
+        "composer_toggle_quote": "Цитата",
+        "composer_undo": "Отменить изменения",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Убрать маркер прочтения и перейти в конец",
+        "end": "End",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Перейти на Главную",
+        "home": "Главная",
+        "jump_first_message": "Перейти к первому сообщению",
+        "jump_last_message": "Перейти к последнему сообщению",
+        "jump_room_search": "Перейти к поиску комнат",
+        "jump_to_read_marker": "Перейти к самому старому непрочитанному сообщению",
+        "keyboard_shortcuts_tab": "Откройте эту вкладку настроек",
+        "navigate_next_history": "Следующая недавно посещённая комната или пространство",
+        "navigate_next_message_edit": "Перейдите к следующему сообщению для редактирования",
+        "navigate_prev_history": "Предыдущая недавно посещенная комната или пространство",
+        "navigate_prev_message_edit": "Перейдите к предыдущему сообщению для редактирования",
+        "next_landmark": "Перейти к следующему ориентиру",
+        "next_room": "Следующая команата или ЛС",
+        "next_unread_room": "Следующая непрочитанная комната или ЛС",
+        "number": "[количество]",
+        "open_user_settings": "Открыть пользовательские настройки",
+        "page_down": "Page Down",
+        "page_up": "Page Up",
+        "prev_landmark": "Перейти к предыдущему ориентиру",
+        "prev_room": "Предыдущая комната или ЛС",
+        "prev_unread_room": "Предыдущая непрочитанная комната или ЛС",
+        "room_list_collapse_section": "Свернуть секцию списка комнат",
+        "room_list_expand_section": "Раскрыть секцию списка комнат",
+        "room_list_navigate_down": "Перейти вниз в списке комнат",
+        "room_list_navigate_up": "Перейти вверх в списке комнат",
+        "room_list_select_room": "Выбрать комнату из списка комнат",
+        "save": "Сохранить",
+        "scroll_down_timeline": "Листать ленту сообщений вниз",
+        "scroll_up_timeline": "Листать временную шкалу вверх",
+        "search": "Поиск (должен быть включен)",
+        "send_sticker": "Отправить стикер",
+        "shift": "Shift",
+        "space": "Подпространство",
+        "switch_to_space": "Перейти к пространству по номеру",
+        "toggle_hidden_events": "Переключить видимость скрытых событий",
+        "toggle_microphone_mute": "Включить/выключить микрофон",
+        "toggle_right_panel": "Показать/скрыть правую панель",
+        "toggle_space_panel": "Переключить панель пространств",
+        "toggle_top_left_menu": "Переключение верхнего левого меню",
+        "toggle_webcam_mute": "Включить/выключить веб-камеру",
+        "upload_file": "Загрузить файл"
+    },
+    "labs": {
+        "ask_to_join": "Включить запрос на присоединение",
+        "beta_description": "Что нового в %(brand)s? Labs — это лучший способ получить и испытать новые функции, помогая сформировать их перед выходом в свет.",
+        "beta_feature": "Это бета-функция",
+        "beta_feedback_leave_button": "Чтобы выйти из бета-версии, зайдите в настройки.",
+        "beta_feedback_title": "%(featureName)s — отзыв о бета-версии",
+        "beta_section": "Новые возможности",
+        "bridge_state": "Показать информацию о мостах в настройках комнаты",
+        "bridge_state_channel": "Канал: <channelLink/>",
+        "bridge_state_creator": "Этот мост был подготовлен пользователем <user />.",
+        "bridge_state_manager": "Этот мост управляется <user />.",
+        "bridge_state_workspace": "Рабочая область: <networkLink/>",
+        "click_for_info": "Нажмите, чтобы узнать больше",
+        "currently_experimental": "На данный момент экспериментальный.",
+        "custom_themes": "Поддержка сторонних тем",
+        "dynamic_room_predecessors": "Родитель динамической комнаты",
+        "dynamic_room_predecessors_description": "Включите MSC3946 (для поддержки архивных комнат)",
+        "element_call_video_rooms": "Видеокомнаты Element Call",
+        "exclude_insecure_devices": "Исключить небезопасные устройства при отправке/получении сообщений",
+        "exclude_insecure_devices_description": "Когда этот режим включен, зашифрованные сообщения не будут передаваться непроверенным устройствам, а сообщения с непроверенных устройств будут отображаться как ошибка. Обратите внимание, что если вы включите этот режим, возможно, вы не сможете общаться с пользователями, которые не подтвердили свои устройства.",
+        "experimental_description": "Время экспериментов? Попробуйте наши последние наработки. Эти функции не заверешены; они могут быть нестабильными, постоянно меняющимися, или вовсе отброшенными. <a>Узнайте больше</a>.",
+        "experimental_section": "Предпросмотр",
+        "extended_profiles_msc_support": "Требуется, чтобы ваш сервер поддерживал MSC4133",
+        "feature_disable_call_per_sender_encryption": "Отключить шифрование для каждого отправителя Element Call",
+        "feature_wysiwyg_composer_description": "Используйте форматированный текст вместо Markdown в редакторе сообщений.",
+        "group_developer": "Разработка",
+        "group_encryption": "Шифрование",
+        "group_experimental": "Экспериментально",
+        "group_messaging": "Общение",
+        "group_moderation": "Модерация",
+        "group_profile": "Профиль",
+        "group_rooms": "Комнаты",
+        "group_spaces": "Пространства",
+        "group_themes": "Темы",
+        "group_threads": "Обсуждения",
+        "group_ui": "Пользовательский интерфейс",
+        "group_voip": "Голос и видео",
+        "group_widgets": "Виджеты",
+        "hidebold": "Скрыть точку уведомления (отображать только значки счетчиков)",
+        "join_beta": "Присоединиться к бета-версии",
+        "join_beta_reload": "Присоединение к бета-тестированию перезагрузит %(brand)s.",
+        "jump_to_date": "Перейти к дате (добавляет /jumptodate и переход к заголовкам дат)",
+        "jump_to_date_msc_support": "Требуется, чтобы ваш сервер поддерживал MSC3030",
+        "latex_maths": "Отображать математику LaTeX в сообщениях",
+        "leave_beta": "Покинуть бета-версию",
+        "leave_beta_reload": "Выход из бета-тестирования перезагрузит %(brand)s.",
+        "location_share_live": "Обмен местоположениями в реальном времени",
+        "location_share_live_description": "Временная реализация. Местоположения сохраняются в истории комнаты.",
+        "mjolnir": "Новые способы игнорировать людей",
+        "msc3531_hide_messages_pending_moderation": "Позволяет модераторам скрывать сообщения, ожидающие модерации.",
+        "notification_settings": "Новые настройки уведомлений",
+        "notification_settings_beta_caption": "Представляем вам более простой способ изменения настроек уведомлений. Настройте свои настройки так %(brand)s, как вам удобно.",
+        "notification_settings_beta_title": "Настройки уведомлений",
+        "notifications": "Включить панель уведомлений в заголовке комнаты",
+        "render_reaction_images": "Обработка пользовательских изображений в реакциях",
+        "render_reaction_images_description": "Иногда их называют \"пользовательскими эмодзи\".",
+        "sliding_sync": "Режим Sliding Sync",
+        "sliding_sync_description": "В активной разработке, нельзя отключить.",
+        "sliding_sync_disabled_notice": "Выйдите из системы и снова войдите, чтобы отключить",
+        "sliding_sync_server_no_support": "На вашем сервере отсутствует поддержка",
+        "unrealiable_e2e": "Ненадежно в зашифрованных комнатах",
+        "video_rooms": "Видеокомнаты",
+        "video_rooms_a_new_way_to_chat": "Новый способ голосового и видеообщения в %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Видеокомнаты — это постоянные VoIP-каналы, встроенные в комнату в %(brand)s.",
+        "video_rooms_beta": "Видеокомнаты – это бета-функция",
+        "video_rooms_faq1_answer": "Используйте кнопку \"+\" в разделе комнат на левой панели.",
+        "video_rooms_faq1_question": "Как создать видеокомнату?",
+        "video_rooms_faq2_answer": "Да, лента сообщений отображается рядом с видео.",
+        "video_rooms_faq2_question": "Можно ли использовать текстовый чат одновременно с видеозвонком?",
+        "video_rooms_feedbackSubheading": "Спасибо, что попробовали бета-версию. Пожалуйста, расскажите как можно подробнее, чтобы мы могли ее улучшить.",
+        "wysiwyg_composer": "Наглядный текстовый редактор"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Эти настройки рассчитаны для опытных пользователей.",
+        "ban_reason": "Игнорируемые/Заблокированные",
+        "error_adding_ignore": "Ошибка добавления игнорируемого пользователя/сервера",
+        "error_adding_list_description": "Проверьте ID комнаты или адрес и попробуйте снова.",
+        "error_adding_list_title": "Ошибка при подписке на список",
+        "error_removing_ignore": "Ошибка при удалении игнорируемого пользователя/сервера",
+        "error_removing_list_description": "Попробуйте снова или посмотрите сообщения в консоли.",
+        "error_removing_list_title": "Не удалось отписаться от списка",
+        "explainer_1": "%(brand)sДобавьте сюда пользователей и сервера, которые вы хотите игнорировать. Используйте звездочки, чтобы %(brand)s соответствовали любым символам. Например, <code>@bot:*</code> будет игнорировать всех пользователей, имеющих имя \" bot \" на любом сервере.",
+        "explainer_2": "Игнорирование людей реализовано через списки правил блокировки. Подписка на список блокировки приведёт к сокрытию от вас пользователей и серверов, которые в нём перечислены.",
+        "lists": "Вы подписаны на:",
+        "lists_description_1": "При подписке на список блокировки вы присоединитесь к нему!",
+        "lists_description_2": "Если вас это не устраивает, попробуйте другой инструмент для игнорирования пользователей.",
+        "lists_heading": "Подписанные списки",
+        "lists_new_label": "ID комнаты или адрес списка блокировок",
+        "no_lists": "Вы не подписаны ни на один список",
+        "personal_description": "В вашем персональном списке заблокированы все пользователи/сервера, с которых вы лично не хотите получать сообщения. Если вы проигнорируете первого пользователя/сервер, в вашем списке комнат появится новая комната с именем '%(myBanList)s'. Оставайтесь в этой комнате, чтобы список запретов оставался в силе.",
+        "personal_empty": "Вы никого не игнорируете.",
+        "personal_heading": "Личный список блокировки",
+        "personal_new_label": "Сервер или ID пользователя для игнорирования",
+        "personal_new_placeholder": "например: @bot:* или example.org",
+        "personal_section": "Вы игнорируете:",
+        "room_name": "Мой список блокировки",
+        "room_topic": "Это список пользователей/серверов, которые вы заблокировали — не покидайте комнату!",
+        "rules_empty": "Нет",
+        "rules_server": "Правила сервера",
+        "rules_title": "Правила блокировки — %(roomName)s",
+        "rules_user": "Правила пользователей",
+        "something_went_wrong": "Что-то пошло не так. Попробуйте снова или поищите подсказки в консоли.",
+        "title": "Игнорируемые пользователи",
+        "view_rules": "Посмотреть правила"
+    },
+    "language_dropdown_label": "Список языков",
+    "leave_room_dialog": {
+        "last_person_warning": "Вы здесь единственный человек. Если вы уйдете, никто не сможет присоединиться в будущем, включая вас.",
+        "leave_room_question": "Уверены, что хотите покинуть '%(roomName)s'?",
+        "leave_space_question": "Уверены, что хотите покинуть пространство \"%(spaceName)s\"?",
+        "room_leave_admin_warning": "Вы единственный администратор в данной комнате. Если вы покинете ее, никто не сможет изменить настройки комнаты или выполнить другие важные действия.",
+        "room_leave_mod_warning": "Вы единственный модератор в этой комнате. Если вы уйдете, никто не сможет изменить настройки комнаты или выполнить другие важные действия.",
+        "room_rejoin_warning": "Эта комната не является публичной. Вы не сможете войти без приглашения.",
+        "space_rejoin_warning": "Это пространство не публично. Вы не сможете вновь войти без приглашения."
+    },
+    "lightbox": {
+        "rotate_left": "Повернуть влево",
+        "rotate_right": "Повернуть вправо",
+        "title": "Просмотр изображения"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Этот домашний сервер не настроен на отображение карт.",
+        "MapStyleUrlNotReachable": "Этот домашний сервер неправильно настроен для отображения карт, или настроенный сервер карт может быть недоступен.",
+        "WebGLNotEnabled": "WebGL необходим для отображения карт, включите его в настройках браузера.",
+        "click_drop_pin": "Нажмите, чтобы закрепить маркер",
+        "click_move_pin": "Нажмите, чтобы переместить маркер",
+        "close_sidebar": "Закрыть боковую панель",
+        "error_fetch_location": "Не удалось получить местоположение",
+        "error_no_perms_description": "У вас должны быть определённые разрешения, чтобы делиться местоположениями в этой комнате.",
+        "error_no_perms_title": "У вас недостаточно прав для публикации местоположений",
+        "error_send_description": "%(brand)s не удаётся отправить ваше местоположение. Пожалуйста, повторите попытку позже.",
+        "error_send_title": "Мы не смогли отправить ваше местоположение",
+        "error_sharing_live_location": "Произошла ошибка при передаче информации о вашем местоположении в реальном времени",
+        "error_stopping_live_location": "Произошла ошибка при остановке вашего местоположения в реальном времени",
+        "expand_map": "Развернуть карту",
+        "failed_generic": "Не удалось определить ваше местоположение. Пожалуйста, повторите попытку позже.",
+        "failed_load_map": "Не удается загрузить карту",
+        "failed_permission": "%(brand)s не получил доступа к вашему местонахождению. Разрешите доступ к местоположению в настройках браузера.",
+        "failed_timeout": "Попытка определить ваше местоположение завершилась. Пожалуйста, повторите попытку позже.",
+        "failed_unknown": "Неизвестная ошибка при получении местоположения. Пожалуйста, повторите попытку позже.",
+        "find_my_location": "Найти моё местоположение",
+        "live_description": "Местонахождение %(displayName)s в реальном времени",
+        "live_enable_description": "Обратите внимание: это временная реализация функции. Это означает, что вы не сможете удалить свою историю местоположений, а опытные пользователи смогут просмотреть вашу историю местоположений даже после того, как вы перестанете делиться своим местоположением в этой комнате.",
+        "live_enable_heading": "Отправка местонахождения в реальном времени",
+        "live_location_active": "Вы делитесь своим местоположением в реальном времени",
+        "live_location_enabled": "Трансляция местоположения включена",
+        "live_location_ended": "Трансляция местоположения завершена",
+        "live_location_error": "Ошибка показа местоположения в реальном времени",
+        "live_locations_empty": "Нет местоположений в реальном времени",
+        "live_share_button": "Поделиться на %(duration)s",
+        "live_toggle_label": "Включить функцию \"Поделиться трансляцией местоположения\"",
+        "live_until": "В реальном времени до %(expiryTime)s",
+        "live_update_time": "Обновлено %(humanizedUpdateTime)s",
+        "loading_live_location": "Загрузка местоположения в реальном времени…",
+        "location_not_available": "Местоположение недоступно",
+        "map_feedback": "Карта отзывов",
+        "mapbox_logo": "Логотип Mapbox",
+        "reset_bearing": "Сбросить пеленг на север",
+        "share_button": "Поделиться местоположением",
+        "share_type_live": "Моё местоположение в реальном времени",
+        "share_type_own": "Моё текущее местоположение",
+        "share_type_pin": "Маркер на карте",
+        "share_type_prompt": "Каким типом местоположения вы хотите поделиться?",
+        "toggle_attribution": "Переключить атрибуцию"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s участник",
+            "few": "%(count)s участника",
+            "many": "%(count)s участников"
+        },
+        "filter_placeholder": "Поиск по участникам",
+        "invite_button_no_perms_tooltip": "У вас нет разрешения приглашать пользователей",
+        "invited_label": "Приглашены",
+        "list_title": "Список участников",
+        "no_matches": "Нет совпадений"
+    },
+    "member_list_back_action_label": "Участники комнаты",
+    "message_edit_dialog_title": "Правки сообщения",
+    "migrating_crypto": "Наберитесь терпения. Мы обновляем %(brand)s, чтобы сделать шифрование быстрые и надежнее.",
+    "mobile_guide": {
+        "toast_accept": "Использовать приложение",
+        "toast_description": "%(brand)s работает в экспериментальном режиме в мобильном браузере. Для лучших впечатлений и новейших функций используйте наше родное бесплатное приложение.",
+        "toast_title": "Используйте приложение для лучшего опыта"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Больше никаких результатов",
+    "notif_panel": {
+        "empty_description": "У вас нет видимых уведомлений.",
+        "empty_heading": "Вы в курсе всего"
+    },
+    "notifications": {
+        "all_messages": "Все сообщения",
+        "all_messages_description": "Получать уведомление о каждом сообщении",
+        "class_global": "Глобально",
+        "class_other": "Другие",
+        "default": "По умолчанию",
+        "email_pusher_app_display_name": "Уведомления по электронной почте",
+        "enable_prompt_toast_description": "Включить уведомления на рабочем столе",
+        "enable_prompt_toast_title": "Уведомления",
+        "enable_prompt_toast_title_from_message_send": "Не пропустите ответ",
+        "error_change_title": "Изменить настройки уведомлений",
+        "keyword": "Ключевое слово",
+        "keyword_new": "Новое ключевое слово",
+        "level_activity": "Активность",
+        "level_highlight": "Выделение",
+        "level_muted": "Звук отключен",
+        "level_none": "Пусто",
+        "level_notification": "Уведомление",
+        "level_unsent": "Не отправлено",
+        "mark_all_read": "Отметить всё как прочитанное",
+        "mentions_and_keywords": "@упоминания и ключевые слова",
+        "mentions_and_keywords_description": "Получать уведомления только по упоминаниям и ключевым словам, установленным в ваших <a>настройках</a>",
+        "mentions_keywords": "Упоминания и ключевые слова",
+        "message_didnt_send": "Сообщение не отправлено. Нажмите для получения информации.",
+        "mute_description": "Вы не будете получать никаких уведомлений"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s запрашивает проверку"
+    },
+    "onboarding": {
+        "create_room": "Создать комнату",
+        "explore_rooms": "Просмотреть публичные комнаты",
+        "has_avatar_label": "Отлично, это поможет людям узнать, что это ты",
+        "intro_byline": "Владейте своими разговорами.",
+        "intro_welcome": "Добро пожаловать в %(appName)s",
+        "no_avatar_label": "Добавьте фото, чтобы люди знали, что это вы.",
+        "send_dm": "Отправить личное сообщение",
+        "welcome_detail": "Теперь давайте поможем вам начать",
+        "welcome_user": "Добро пожаловать, %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Сообщение в %(room)s",
+        "permalink_this_room": "Сообщение от %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Создать опрос",
+        "create_poll_title": "Создать опрос",
+        "disclosed_notes": "Голосующие увидят результаты сразу после голосования",
+        "edit_poll_title": "Редактировать опрос",
+        "end_description": "Вы уверены, что хотите завершить этот опрос? Это покажет окончательные результаты опроса и лишит людей возможности голосовать.",
+        "end_message": "Опрос завершен. Победил ответ: %(topAnswer)s",
+        "end_message_no_votes": "Опрос завершен. Ни одного голоса не было.",
+        "end_title": "Завершить опрос",
+        "ended_poll_label": "Опрос завершен",
+        "error_ending_description": "Извините, опрос не завершился. Пожалуйста, попробуйте еще раз.",
+        "error_ending_title": "Не удалось завершить опрос",
+        "error_voting_description": "Извините, ваш голос не был засчитан. Пожалуйста, попробуйте еще раз.",
+        "error_voting_title": "Голос не засчитан",
+        "failed_send_poll_description": "Не удалось отправить опрос, который вы пытались создать.",
+        "failed_send_poll_title": "Не удалось отправить опрос",
+        "notes": "Результаты отображаются только после завершения опроса",
+        "option_label": "Вариант %(number)s, %(answer)s",
+        "option_label_with_total": {
+            "one": "Вариант %(number)s, %(answer)s, %(count)s голос",
+            "few": "Вариант %(number)s, %(answer)s, %(count)s голоса",
+            "many": "Вариант %(number)s, %(answer)s, %(count)s голосов"
+        },
+        "options_add_button": "Добавить вариант",
+        "options_heading": "Создать варианты",
+        "options_label": "Вариант %(number)s",
+        "options_placeholder": "Напишите вариант",
+        "poll_label": "Опрос",
+        "topic_heading": "Каков вопрос или тема вашего опроса?",
+        "topic_label": "Вопрос или тема",
+        "topic_placeholder": "Напишите что-нибудь…",
+        "total_decryption_errors": "Из-за ошибок расшифровки некоторые голоса могут быть не засчитаны",
+        "total_n_votes": {
+            "one": "%(count)s голос. Проголосуйте, чтобы увидеть результаты",
+            "other": "%(count)s голосов. Проголосуйте, чтобы увидеть результаты"
+        },
+        "total_n_votes_voted": {
+            "one": "На основании %(count)s голоса",
+            "other": "На основании %(count)s голосов"
+        },
+        "total_no_votes": "Голосов нет",
+        "total_not_ended": "Результаты будут видны после завершения опроса",
+        "type_closed": "Закрытый опрос",
+        "type_heading": "Тип опроса",
+        "type_open": "Открытый опрос",
+        "unable_edit_description": "Вы не можете редактировать опрос после завершения голосования.",
+        "unable_edit_title": "Невозможно редактировать опрос"
+    },
+    "power_level": {
+        "admin": "Администратор",
+        "creator": "Владелец",
+        "custom": "Пользовательский (%(level)s)",
+        "custom_level": "Специальные права",
+        "default": "По умолчанию",
+        "label": "Уровень прав",
+        "moderator": "Модератор",
+        "restricted": "Ограниченный пользователь"
+    },
+    "powered_by_matrix": "На технологии Matrix",
+    "presence": {
+        "away": "Отошёл(ла)",
+        "busy": "Занят(а)",
+        "idle": "Неактивен",
+        "idle_for": "Неактивен %(duration)s",
+        "offline": "Не в сети",
+        "offline_for": "Не в сети %(duration)s",
+        "online": "Онлайн",
+        "online_for": "В сети %(duration)s",
+        "unknown": "Неизвестно",
+        "unknown_for": "Неизвестно %(duration)s",
+        "unreachable": "Сервер пользователя недоступен"
+    },
+    "quick_settings": {
+        "all_settings": "Все настройки",
+        "sidebar_settings": "Дополнительные параметры",
+        "title": "Быстрые настройки"
+    },
+    "quit_warning": {
+        "call_in_progress": "Звонок не завершён. Уверены, что хотите выйти?",
+        "file_upload_in_progress": "Похоже, вы сейчас отправляете файлы. Уверены, что хотите выйти?"
+    },
+    "redact": {
+        "confirm_button": "Подтвердите удаление",
+        "confirm_description": "Вы действительно хотите удалить это событие?",
+        "confirm_description_state": "Учти, что удаление подобных изменений в комнате может отменить изменения.",
+        "error": "Это сообщение нельзя удалить. (%(code)s)",
+        "ongoing": "Удаление…",
+        "reason_label": "Причина (необязательно)"
+    },
+    "report_content": {
+        "description": "Отчет о данном сообщении отправит свой уникальный 'event ID' администратору вашего домашнего сервера. Если сообщения в этой комнате зашифрованы, администратор вашего домашнего сервера не сможет прочитать текст сообщения или просмотреть какие-либо файлы или изображения.",
+        "hide_messages_from_user": "Выберите, хотите ли вы скрыть все текущие и будущие сообщения от этого пользователя.",
+        "ignore_user": "Игнорировать пользователя",
+        "missing_reason": "Пожалуйста, заполните, почему вы сообщаете.",
+        "report_content_to_homeserver": "Сообщите о содержании своему администратору домашнего сервера"
+    },
+    "report_room": {
+        "description": "Сообщите об этой комнате вашему провайдеру аккаунта. Если сообщения зашифрованы, ваш администратор не сможет их прочитать.",
+        "reason_label": "Опишите причину"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Не удалось расшифровать сеансы (%(failedCount)s)!",
+        "count_of_successfully_restored_keys": "Успешно восстановлены ключи (%(sessionCount)s)",
+        "enter_key_description": "Получите доступ к защищенной истории сообщений и настройте безопасный обмен сообщениями, введя ключ восстановления.",
+        "enter_key_title": "Введите ключ восстановления",
+        "enter_phrase_description": "Получите доступ к своей истории защищенных сообщений и настройте безопасный обмен сообщениями, введя секретную фразу.",
+        "enter_phrase_title": "Введите мнемоническую фразу",
+        "incorrect_security_phrase_dialog": "Не удалось расшифровать резервную копию с помощью этой секретной фразы: убедитесь, что вы ввели правильную секретную фразу.",
+        "incorrect_security_phrase_title": "Неверная секретная фраза",
+        "key_backup_warning": "<b>Предупреждение</b>: вам следует настроить резервное копирование ключей только с доверенного компьютера.",
+        "key_fetch_in_progress": "Получение ключей с сервера…",
+        "key_forgotten_text": "Если вы забыли ваш ключ восстановления, вы можете <button> настроить новые параметры восстановления </button>",
+        "key_is_invalid": "Недействительный ключ восстановления",
+        "key_is_valid": "Похоже, это действительный ключ восстановления!",
+        "keys_restored_title": "Ключи восстановлены",
+        "load_error_content": "Невозможно загрузить статус резервной копии",
+        "load_keys_progress": "%(completed)s из %(total)s ключей восстановлено",
+        "no_backup_error": "Резервных копий не найдено!",
+        "phrase_forgotten_text": "Если вы забыли секретную фразу, вы можете <button1> использовать ключ восстановления </button1> или <button2> настроить новые параметры восстановления. </button2>",
+        "recovery_key_mismatch_description": "Не удалось расшифровать резервную копию с помощью этого ключа восстановления. Убедитесь, что вы ввели правильный ключ восстановления.",
+        "recovery_key_mismatch_title": "Несоответствие ключа восстановления",
+        "restore_failed_error": "Невозможно восстановить резервную копию"
+    },
+    "right_panel": {
+        "add_integrations": "Добавить расширения",
+        "add_topic": "Добавить тему",
+        "extensions_button": "Расширения",
+        "extensions_empty_description": "Нажмите “%(addIntegrations)s”, чтобы просмотреть и добавить расширения в эту комнату",
+        "extensions_empty_title": "Повысьте производительность с помощью дополнительных инструментов, виджетов и ботов",
+        "files_button": "Файлы",
+        "pinned_messages": {
+            "empty_description": "Выберите сообщение и нажмите «%(pinAction)s», чтобы включить его сюда.",
+            "empty_title": "Закрепите важные сообщения, чтобы их можно было легко найти",
+            "header": {
+                "one": "1 Закреплённое сообщение",
+                "few": "%(count)s Закреплённых сообщения",
+                "many": "%(count)s Закреплённых сообщений"
+            },
+            "limits": {
+                "other": "Вы можете закрепить не более %(count)s виджетов"
+            },
+            "menu": "Открыть меню",
+            "reply_thread": "Ответ на сообщение в <link>обсуждениях</link>",
+            "unpin_all": {
+                "button": "Открепить все сообщения",
+                "content": "Убедитесь, что вы действительно хотите удалить все прикреплённые сообщения. Это действие нельзя отменить.",
+                "title": "Открепить все сообщения?"
+            },
+            "view": "Просмотр в хронологии"
+        },
+        "pinned_messages_button": "Закрепленные сообщения",
+        "poll": {
+            "active_heading": "Активные опросы",
+            "empty_active": "В этой комнате нет активных опросов",
+            "empty_active_load_more": "Активных опросов нет. Загрузите больше опросов, чтобы посмотреть опросы за предыдущие месяцы",
+            "empty_active_load_more_n_days": {
+                "one": "Активных опросов за прошедший день нет. Загрузите дополнительные опросы, чтобы просмотреть опросы за предыдущие месяцы",
+                "few": "Активных опросов за %(count)s дня нет. Загрузите дополнительные опросы, чтобы просмотреть опросы за предыдущие месяцы",
+                "many": "Активных опросов за %(count)s дней нет. Загрузите дополнительные опросы, чтобы просмотреть опросы за предыдущие месяцы"
+            },
+            "empty_past": "В этой комнате нет прошлых опросов",
+            "empty_past_load_more": "Прошлых опросов нет. Загрузите больше опросов, чтобы посмотреть опросы за предыдущие месяцы",
+            "empty_past_load_more_n_days": {
+                "one": "Прошлых опросов за прошедший день нет. Загрузите дополнительные опросы, чтобы просмотреть опросы за предыдущие месяцы",
+                "few": "Прошлых опросов за %(count)s дня нет. Загрузите дополнительные опросы, чтобы просмотреть опросы за предыдущие месяцы",
+                "many": "Прошлых опросов за %(count)s дней нет. Загрузите дополнительные опросы, чтобы просмотреть опросы за предыдущие месяцы"
+            },
+            "final_result": {
+                "one": "Окончательный результат на основе %(count)s голоса",
+                "other": "Окончательный результат на основе %(count)s голосов"
+            },
+            "load_more": "Загрузить больше опросов",
+            "loading": "Загрузка опросов",
+            "past_heading": "Прошлые опросы",
+            "view_in_timeline": "Посмотреть опрос в ленте сообщений",
+            "view_poll": "Посмотреть опрос"
+        },
+        "polls_button": "Опросы",
+        "room_summary_card": {
+            "title": "О комнате"
+        },
+        "thread_list": {
+            "context_menu_label": "Параметры обсуждения"
+        },
+        "video_room_chat": {
+            "title": "Чат"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Это приглашение отправлено на %(email)s, которая не связана с вашей учетной записью",
+        "3pid_invite_email_not_found_account_room": "Приглашение в %(roomName)s было отправлено на %(email)s, но этот адрес не связан с вашей учётной записью",
+        "3pid_invite_error_description": "При попытке проверить ваше приглашение была возвращена ошибка (%(errcode)s). Вы можете попытаться передать эту информацию пригласившему вас лицу.",
+        "3pid_invite_error_invite_action": "Постарайся присоединиться в любом случае",
+        "3pid_invite_error_invite_subtitle": "Вы можете присоединиться к ней только с рабочим приглашением.",
+        "3pid_invite_error_public_subtitle": "Вы всё ещё можете присоединиться сюда.",
+        "3pid_invite_error_title": "С приглашением произошла какая-то ошибка.",
+        "3pid_invite_error_title_room": "Что-то пошло не так с вашим приглашением в %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Используйте сервер идентификации в Настройках для получения приглашений непосредственно в %(brand)s.",
+        "banned_by": "%(memberName)s заблокировал(а) вас",
+        "banned_from_room_by": "Вы были забанены %(memberName)s с %(roomName)s",
+        "context_menu": {
+            "copy_link": "Скопировать ссылку на комнату",
+            "favourite": "Избранное",
+            "forget": "Забыть комнату",
+            "low_priority": "Маловажные",
+            "mark_read": "Отметить как прочитанное",
+            "mark_unread": "Отметить как непрочитанное",
+            "notifications_default": "Соответствует настройке по умолчанию",
+            "notifications_mute": "Заглушить комнату",
+            "title": "Настройки комнаты",
+            "unfavourite": "В избранном"
+        },
+        "creating_room_text": "Мы создаем комнату с %(names)s",
+        "dm_invite_action": "Начать беседу",
+        "dm_invite_subtitle": "<userName/> хочет поговорить",
+        "dm_invite_title": "Хотите пообщаться с %(user)s?",
+        "drop_file_prompt": "Перетащите файл сюда для отправки",
+        "edit_topic": "Редактировать тему",
+        "error_cancel_knock_title": "Не удалось отменить",
+        "error_join_403": "Чтобы войти в эту комнату, вам нужно приглашение.",
+        "error_join_404_1": "Вы попытались присоединиться, используя идентификатор комнаты, не предоставив список серверов, через которые вы хотите присоединиться. Идентификаторы комнат являются внутренними идентификаторами и не могут использоваться для присоединения к комнате без дополнительной информации.",
+        "error_join_404_2": "Если вы знаете адрес комнаты, попробуйте войти через него.",
+        "error_join_404_invite": "Пригласивший вас человек уже ушёл, или его сервер не подключён к сети.",
+        "error_join_404_invite_same_hs": "Человек, который вас пригласил, уже ушёл.",
+        "error_join_connection": "Ошибка при вступлении.",
+        "error_join_incompatible_version_1": "К сожалению, ваш домашний сервер слишком старый для участия.",
+        "error_join_incompatible_version_2": "Пожалуйста, свяжитесь с администратором вашего сервера.",
+        "error_join_title": "Не удалось войти",
+        "error_join_unknown": "Произошла неизвестная ошибка.",
+        "error_jump_to_date": "Сервер вернул %(statusCode)s с кодом ошибки %(errorCode)s",
+        "error_jump_to_date_connection": "При попытке найти указанную дату и перейти к ней, произошла сетевая ошибка. Возможно, ваш домашний сервер не работает или возникла временная проблема с подключением к Интернету. Пожалуйста, попробуйте еще раз. Если это продолжится, обратитесь к администратору homeserver.",
+        "error_jump_to_date_details": "Сведения об ошибке",
+        "error_jump_to_date_not_found": "Нам не удалось найти событие %(dateString)s, которое мы с нетерпением ждем. Попробуйте выбрать более раннюю дату.",
+        "error_jump_to_date_send_logs_prompt": "Пожалуйста, отправьте журналы <debugLogsLink> с журналом отладки </debugLogsLink>, чтобы помочь нам отследить проблему.",
+        "error_jump_to_date_title": "Не удалось найти событие по указанной дате",
+        "face_pile_summary": {
+            "one": "%(count)s человек, которого вы знаете, уже присоединился",
+            "other": "%(count)s человек(а), которых вы знаете, уже присоединились"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Посмотреть 1 участника",
+            "few": "Посмотреть %(count)s участника",
+            "many": "Посмотреть %(count)s участников"
+        },
+        "face_pile_tooltip_shortcut": "Включая %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Включая вас, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Не удается определить, какого пользователя следует игнорировать, так как событие участника изменилось.",
+        "failed_reject_invite": "Не удалось отклонить приглашение",
+        "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": "Это публичная комната",
+            "shared_history_tooltip": "Новые участники могут видеть историю",
+            "world_readable_history_tooltip": "Кто угодно может видеть историю"
+        },
+        "header_avatar_open_settings_label": "Открыть настройки комнаты",
+        "header_face_pile_tooltip": "Люди",
+        "header_untrusted_label": "Ненадёжный",
+        "inaccessible": "Эта комната или пространство в данный момент недоступны.",
+        "inaccessible_name": "%(roomName)s на данный момент недоступна.",
+        "inaccessible_subtitle_1": "Повторите попытку позже или попросите администратора комнаты или пространства проверить, есть ли у вас доступ.",
+        "inaccessible_subtitle_2": "При попытке получить доступ к комнате или пространству была возвращена ошибка %(errcode)s. Если вы думаете, что вы видите это сообщение по ошибке, пожалуйста, <issueLink>отправьте отчет об ошибке</issueLink>.",
+        "intro": {
+            "display_topic": "Тема: <topic/>",
+            "dm_caption": "В этом разговоре только вы двое, если только кто-нибудь из вас не пригласит кого-нибудь присоединиться.",
+            "edit_topic": "Тема: <topic/> (<a>редактировать</a>)",
+            "enable_encryption_prompt": "Включите шифрование в настройках.",
+            "encrypted_3pid_dm_pending_join": "Как только все присоединятся, вы сможете общаться в чате",
+            "no_avatar_label": "Добавьте фото, чтобы люди могли легко заметить вашу комнату.",
+            "no_topic": "<a>Добавьте тему</a>, чтобы люди знали, о чём комната.",
+            "private_unencrypted_warning": "Ваши личные сообщения обычно шифруются, но эта комната не шифруется. Обычно это связано с использованием неподдерживаемого устройства или метода, например, приглашения по электронной почте.",
+            "room_invite": "Пригласить только в эту комнату",
+            "send_message_start_dm": "Отправьте свое первое сообщение, чтобы пригласить <displayName/> в чат",
+            "start_of_dm_history": "Это начало вашей беседы с <displayName/>.",
+            "start_of_room": "Это начало <roomName/>.",
+            "unencrypted_warning": "Сквозное шифрование не включено",
+            "user_created": "%(displayName)s создал(а) эту комнату.",
+            "you_created": "Вы создали эту комнату."
+        },
+        "invite_email_mismatch_suggestion": "Введите адрес эл.почты в Настройках, чтобы получать приглашения прямо в %(brand)s.",
+        "invite_sent_to_email": "Это приглашение было отправлено на %(email)s",
+        "invite_sent_to_email_room": "Это приглашение в %(roomName)s было отправлено на %(email)s",
+        "invite_subtitle": "<userName/> приглашает вас",
+        "invite_this_room": "Пригласить в комнату",
+        "invite_title": "Хотите присоединиться к %(roomName)s?",
+        "inviter_unknown": "Неизвестно",
+        "invites_you_text": "<inviter/> приглашает вас",
+        "join_button_account": "Зарегистрироваться",
+        "join_failed_needs_invite": "Для просмотра %(roomName)s необходимо приглашение",
+        "join_the_discussion": "Войти в комнату",
+        "join_title": "Присоединяйтесь к комнате для участия",
+        "join_title_account": "Присоединиться к разговору с учётной записью",
+        "joining": "Присоединение…",
+        "joining_room": "Присоединение к комнате…",
+        "joining_space": "Присоединение к пространству…",
+        "jump_read_marker": "Перейти к первому непрочитанному сообщению.",
+        "jump_to_bottom_button": "Перейти к последним сообщениям",
+        "kick_reason": "Причина: %(reason)s",
+        "kicked_by": "%(memberName)s исключил вас",
+        "kicked_from_room_by": "%(memberName)s удалил(а) вас из %(roomName)s",
+        "knock_cancel_action": "Отменить запрос",
+        "knock_denied_subtitle": "Поскольку вам отказали в доступе, вы не сможете присоединиться к группе, пока вас не пригласит администратор или модератор группы.",
+        "knock_denied_title": "Вам отказано в доступе",
+        "knock_message_field_placeholder": "Сообщение (необязательно)",
+        "knock_prompt": "Отправить запрос на приглашение?",
+        "knock_prompt_name": "Отправить запрос на присоединение к %(roomName)s?",
+        "knock_send_action": "Запросить доступ",
+        "knock_sent": "Запрос на присоединение отправлен",
+        "knock_sent_subtitle": "Ваш запрос на присоединение находится на рассмотрении.",
+        "knock_subtitle": "Для просмотра беседы или участия, вам должен быть предоставлен доступ в эту комнату. Вы можете отправить заявку на участие ниже.",
+        "leave_error_title": "Ошибка при выходе из комнаты",
+        "leave_server_notices_description": "Эта комната используется для важных сообщений от сервера, поэтому вы не можете ее покинуть.",
+        "leave_server_notices_title": "Невозможно покинуть комнату сервера уведомлений",
+        "leave_unexpected_error": "Неожиданная ошибка сервера при попытке покинуть комнату",
+        "link_email_to_receive_3pid_invite": "Свяжите этот адрес с вашей учетной записью в настройках, чтобы получать приглашения непосредственно в %(brand)s.",
+        "loading_preview": "Загрузка предпросмотра",
+        "no_peek_join_prompt": "%(roomName)s не может быть предварительно просмотрена. Вы хотите присоединиться к ней?",
+        "no_peek_no_name_join_prompt": "Предварительного просмотра нет, хотите присоединиться?",
+        "not_found_subtitle": "Вы уверены, что находитесь в нужном месте?",
+        "not_found_title": "Такой комнаты или пространства не существует.",
+        "not_found_title_name": "%(roomName)s не существует.",
+        "peek_join_prompt": "Вы просматриваете %(roomName)s. Хотите присоединиться?",
+        "pinned_message_banner": {
+            "button_close_list": "Закрыть список",
+            "button_view_all": "Посмотреть все",
+            "description": "Закрепленные сообщения",
+            "go_to_newest_message": "Посмотрите закрепленное сообщение на временной шкале и самое новое закрепленное сообщение здесь.",
+            "go_to_next_message": "Просмотрите это и предыдущее закрепленное сообщение в истории сообщений здесь",
+            "title": "<bold>%(index)s из %(length)s</bold> Закрепленные сообщения"
+        },
+        "read_topic": "Нажмите, чтобы увидеть тему",
+        "rejecting": "Отклонение приглашения…",
+        "rejoin_button": "Пере-присоединение",
+        "room_content": "Содержимое комнаты",
+        "room_is_low_priority": "Это комната с низким приоритетом.",
+        "search": {
+            "all_rooms_button": "Поиск по всем комнатам",
+            "placeholder": "Поиск сообщений...",
+            "summary": {
+                "one": "Найден 1 результат по запросу «<query/>»",
+                "few": "%(count)s результата найдено по запросу “<query/>”",
+                "many": "%(count)s результатов найдено по запросу “<query/>”"
+            },
+            "this_room_button": "Поиск в этой комнате"
+        },
+        "unknown_status_code_for_timeline_jump": "неизвестный код состояния",
+        "unread_notifications_predecessor": {
+            "other": "У вас есть %(count)s непрочитанных уведомлений в предыдущей версии этой комнаты.",
+            "one": "В предыдущей версии этой комнаты у вас есть непрочитанное уведомление %(count)s."
+        },
+        "upgrade_error_description": "Убедитесь, что ваш сервер поддерживает выбранную версию комнаты и попробуйте снова.",
+        "upgrade_error_title": "Ошибка обновления комнаты",
+        "upgrade_warning_bar": "Обновление этой комнаты отключит текущий экземпляр комнаты и создаст обновлённую комнату с тем же названием.",
+        "upgrade_warning_bar_admins": "Только администраторы комнат увидят это предупреждение",
+        "upgrade_warning_bar_unstable": "Версия этой комнаты — <roomVersion />, этот домашний сервер считает её <i>нестабильной</i>.",
+        "upgrade_warning_bar_upgraded": "Эта комната уже была обновлена.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Отправка %(filename)s и %(count)s другой",
+                "other": "Отправка %(filename)s и %(count)s других"
+            },
+            "uploading_single_file": "Отправка %(filename)s"
+        },
+        "video_room": "Эта комната представляет собой видеозал",
+        "waiting_for_join_subtitle": "Как только приглашенные пользователи присоединятся %(brand)s, вы сможете общаться в чате, а комната будет полностью зашифрована",
+        "waiting_for_join_title": "Ожидание присоединения пользователей %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Добавить пространство",
+        "failed_add_tag": "Не удалось добавить тег %(tagName)s в комнату",
+        "failed_remove_tag": "Не удалось удалить тег %(tagName)s из комнаты",
+        "failed_set_dm_tag": "Не удалось установить метку личного сообщения",
+        "list_title": "Список комнат",
+        "more_options": {
+            "leave_room": "Покинуть комнату"
+        },
+        "notification_options": "Настройки уведомлений",
+        "section": {
+            "chats": "Чаты",
+            "favourites": "Избранное",
+            "low_priority": "Низкий приоритет"
+        },
+        "show_less": "Показать меньше"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Определите, кто может просматривать и присоединяться к %(spaceName)s.",
+            "title": "Доступ"
+        },
+        "advanced": {
+            "error_upgrade_description": "Невозможно завершить обновление комнаты",
+            "error_upgrade_title": "Не удалось обновить комнату",
+            "information_section_room": "Информация о комнате",
+            "information_section_space": "Информация о пространстве",
+            "room_id": "Внутренний ID комнаты",
+            "room_predecessor": "Просмотр старых сообщений в %(roomName)s.",
+            "room_upgrade_button": "Модернизируйте комнату до рекомендованной версии",
+            "room_upgrade_warning": "<b>Внимание!</b> При обновлении комнаты участники комнаты <i> участники не будут автоматически переходить в новую версию комнаты. </i>Мы разместим ссылку на новую комнату в старой версии комнаты. Участникам комнаты нужно будет перейти по этой ссылке, чтобы присоединиться к новой комнате.",
+            "room_version": "Версия комнаты:",
+            "room_version_section": "Версия комнаты",
+            "space_predecessor": "Посмотреть предыдущую версию %(spaceName)s.",
+            "space_upgrade_button": "Обновите это пространство до рекомендуемой версии комнаты",
+            "unfederated": "Это комната недоступна из других серверов Matrix",
+            "upgrade_button": "Обновить эту комнату до версии %(version)s",
+            "upgrade_dialog_description": "Модернизация этой комнаты требует закрытие комнаты в текущем состояние и создания новой комнаты вместо неё. Чтобы упростить процесс для участников, будет сделано:",
+            "upgrade_dialog_description_1": "Создадим новую комнату с тем же именем, описанием и аватаром",
+            "upgrade_dialog_description_2": "Обновим локальные псевдонимы комнат",
+            "upgrade_dialog_description_3": "Остановим общение пользователей в старой версии комнаты и опубликуем сообщение, в котором пользователям рекомендуется перейти в новую комнату",
+            "upgrade_dialog_description_4": "Разместим ссылку на старую комнату, чтобы люди могли видеть старые сообщения",
+            "upgrade_dialog_title": "Обновление версии комнаты",
+            "upgrade_dwarning_ialog_title_public": "Обновить публичную комнату",
+            "upgrade_warning_dialog_description": "Модернизация комнаты — это расширенное действие, которое обычно рекомендуется, когда комната нестабильна из-за ошибок, отсутствующих функций или уязвимостей безопасности.",
+            "upgrade_warning_dialog_explainer": "<b>При обновлении будет создана новая версия комнаты</b>. Все текущие сообщения останутся в этой архивной комнате.",
+            "upgrade_warning_dialog_footer": "Вы модернизируете эту комнату с <oldVersion /> до <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Автоматическое приглашение участников из этой комнаты в новую комнату",
+            "upgrade_warning_dialog_report_bug_prompt": "Обычно это только влияет на то, как комната обрабатывается на сервере. Если у вас проблемы с вашим %(brand)s, сообщите об ошибке.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Обычно это влияет только на то, как комната обрабатывается на сервере. Если у вас возникли проблемы с вашим %(brand)s, пожалуйста, <a>сообщите об ошибке</a>.",
+            "upgrade_warning_dialog_title": "Обновить эту комнату",
+            "upgrade_warning_dialog_title_private": "Обновить приватную комнату"
+        },
+        "alias_not_specified": "не задан",
+        "bridges": {
+            "description": "Эта комната пересылает сообщения с помощью моста на следующие платформы. <a>Подробнее</a>",
+            "empty": "Эта комната не передаёт сообщения на какие-либо платформы <a>Узнать больше.</a>",
+            "title": "Мосты"
+        },
+        "delete_avatar_label": "Удалить аватар",
+        "general": {
+            "alias_field_has_domain_invalid": "Отсутствует разделитель домена (:domain.org)",
+            "alias_field_has_localpart_invalid": "Отсутствует имя комнаты или разделитель (my-room:domain.org)",
+            "alias_field_matches_invalid": "Этот адрес не указывает на эту комнату",
+            "alias_field_placeholder_default": "например, моя-комната",
+            "alias_field_required_invalid": "Пожалуйста, укажите адрес",
+            "alias_field_safe_localpart_invalid": "Некоторые символы не разрешены",
+            "alias_field_taken_invalid": "Этот адрес имеет недопустимый сервер или уже используется",
+            "alias_field_taken_invalid_domain": "Этот адрес уже используется",
+            "alias_field_taken_valid": "Этот адрес доступен",
+            "alias_heading": "Адрес комнаты",
+            "aliases_items_label": "Прочие публичные адреса:",
+            "aliases_no_items_label": "Пока нет других публичных адресов, добавьте их ниже",
+            "aliases_section": "Адреса комнаты",
+            "avatar_field_label": "Аватар комнаты",
+            "canonical_alias_field_label": "Главный адрес",
+            "description_space": "Редактировать настройки, относящиеся к вашему пространству.",
+            "error_creating_alias_description": "При создании этого адреса произошла ошибка. Это может быть запрещено сервером или произошел временный сбой.",
+            "error_creating_alias_title": "Ошибка при создании адреса",
+            "error_deleting_alias_description": "Произошла ошибка при удалении этого адреса. Возможно, он больше не существует или произошла временная ошибка.",
+            "error_deleting_alias_description_forbidden": "У вас нет прав для удаления этого адреса.",
+            "error_deleting_alias_title": "Ошибка при удалении адреса",
+            "error_publishing": "Невозможно опубликовать комнату",
+            "error_publishing_detail": "Произошла ошибка при публикации этой комнаты",
+            "error_save_space_settings": "Не удалось сохранить настройки пространства.",
+            "error_updating_alias_description": "Произошла ошибка при обновлении альтернативных адресов комнаты. Это может быть запрещено сервером или произошел временный сбой.",
+            "error_updating_canonical_alias_description": "При обновлении основного адреса комнаты произошла ошибка. Возможно, это не разрешено сервером или произошел временный сбой.",
+            "error_updating_canonical_alias_title": "Ошибка обновления основного адреса",
+            "leave_space": "Покинуть пространство",
+            "local_alias_field_label": "Локальный адрес",
+            "local_aliases_explainer_room": "Установить адрес этой комнаты, чтобы пользователи могли найти ее на вашем сервере (%(localDomain)s)",
+            "local_aliases_explainer_space": "Установите адреса для этого пространства, чтобы пользователи могли найти это пространство через ваш домашний сервер (%(localDomain)s)",
+            "local_aliases_section": "Локальные адреса",
+            "name_field_label": "Название комнаты",
+            "new_alias_placeholder": "Новый публичный адрес (напр. #alias:server)",
+            "no_aliases_room": "У этой комнаты нет адресов на вашем сервере",
+            "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": "Опубликованные адреса могут быть использованы любым человеком на любом сервере для присоединения к вашему пространству.",
+            "published_aliases_section": "Публичные адреса",
+            "save": "Сохранить изменения",
+            "topic_field_label": "Тема комнаты"
+        },
+        "notifications": {
+            "browse_button": "Просматривать",
+            "custom_sound_prompt": "Установка нового пользовательского звука",
+            "notification_sound": "Звук уведомления",
+            "settings_link": "Получать уведомления в соответствии с <a>настройками</a>",
+            "sounds_section": "Звук",
+            "upload_sound_label": "Загрузить пользовательский звук",
+            "uploaded_sound": "Загруженный звук"
+        },
+        "people": {
+            "knock_empty": "Нет заявок",
+            "knock_section": "Приглашение на вступление",
+            "see_less": "Меньше",
+            "see_more": "Показать больше"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Предоставить одному или нескольким пользователям в этой комнате больше привилегий",
+            "add_privileged_user_filter_placeholder": "Поиск пользователей в этой комнате…",
+            "add_privileged_user_heading": "Добавить привилегированных пользователей",
+            "ban": "Блокировка пользователей",
+            "ban_reason": "Причина",
+            "banned_by": "Заблокирован(а) %(displayName)s",
+            "banned_users_section": "Заблокированные пользователи",
+            "error_changing_pl_description": "Произошла ошибка при изменении уровня прав пользователя. Убедитесь, что у вас достаточно прав и попробуйте снова.",
+            "error_changing_pl_reqs_description": "Произошла ошибка при изменении требований к уровню доступа комнаты. Убедитесь, что у вас достаточно прав и попробуйте снова.",
+            "error_changing_pl_reqs_title": "Ошибка изменения требования к уровню прав",
+            "error_changing_pl_title": "Ошибка изменения уровня прав",
+            "error_unbanning": "Не удалось разблокировать",
+            "events_default": "Отправить сообщения",
+            "invite": "Пригласить пользователей",
+            "kick": "Исключить пользователей",
+            "m.call": "Начать %(brand)s звонок",
+            "m.call.member": "Присоединяйтесь к %(brand)s звонку",
+            "m.reaction": "Отправлять реакции",
+            "m.room.avatar": "Изменить аватар комнаты",
+            "m.room.avatar_space": "Изменить аватар пространства",
+            "m.room.canonical_alias": "Изменить основной адрес комнаты",
+            "m.room.canonical_alias_space": "Изменить основной адрес для пространства",
+            "m.room.encryption": "Включить шифрование комнаты",
+            "m.room.history_visibility": "Изменить видимость истории",
+            "m.room.name": "Изменить название комнаты",
+            "m.room.name_space": "Изменить название пространства",
+            "m.room.pinned_events": "Управлять закрепленными событиями",
+            "m.room.power_levels": "Изменить разрешения",
+            "m.room.redaction": "Удалить отправленные мной сообщения",
+            "m.room.server_acl": "Изменить серверные разрешения",
+            "m.room.tombstone": "Обновить эту комнату",
+            "m.room.topic": "Изменить тему",
+            "m.room.topic_space": "Изменить описание",
+            "m.space.child": "Управлять комнатами в этом пространстве",
+            "m.widget": "Изменить виджеты",
+            "muted_users_section": "Приглушённые пользователи",
+            "no_privileged_users": "Ни один пользователь не имеет особых прав в этой комнате",
+            "notifications.room": "Уведомить всех",
+            "permissions_section": "Права доступа",
+            "permissions_section_description_room": "Выберите роль, которая может изменять различные части комнаты",
+            "permissions_section_description_space": "Выберите роли, необходимые для изменения различных частей пространства",
+            "privileged_users_section": "Привилегированные пользователи",
+            "redact": "Удалить сообщения, отправленные другими",
+            "send_event_type": "Отправить %(eventType)s события",
+            "state_default": "Изменить настройки",
+            "title": "Роли и права",
+            "users_default": "Роль по умолчанию"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "У вас нет прав на изменение настроек видимости истории чата. Это опасно, так как может позволить неприглашенным пользователям читать сообщения.",
+                "title": "Не получается сделать комнату приватной"
+            },
+            "enable_encryption_confirm_description": "После включения шифрования в комнате оно не может быть отключено. Сообщения, отправленные в шифрованной комнате, смогут прочитать только участники комнаты, но не сервер. Включенное шифрование может помешать корректной работе многим ботам и мостам. <a>Подробнее о шифровании.</a>",
+            "enable_encryption_confirm_title": "Разрешить шифрование?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Не рекомендуется добавлять шифрование в публичные комнаты.</b> Кто угодно может найти и присоединиться к ним, тем самым позволяя читать сообщения. Вы не получите преимуществ шифрования и при этом не сможете его отключить. Шифрование сообщений в публичной комнате лишь замедлит их получение и отправку.",
+            "enable_encryption_public_room_confirm_description_2": "Чтобы избежать этих проблем, создайте <a>новую зашифрованную комнату</a> для разговора, который вы планируете провести.",
+            "enable_encryption_public_room_confirm_title": "Вы уверены, что хотите добавить шифрование в эту публичную комнату?",
+            "encrypted_room_public_confirm_description_1": "<b>Не рекомендуется делать зашифрованные комнаты публичными.</b> Это означает, что любой может найти и присоединиться к комнате, а значит, любой может читать сообщения. Вы не получите ни одного из преимуществ шифрования. Шифрование сообщений в публичной комнате сделает получение и отправку сообщений более медленной.",
+            "encrypted_room_public_confirm_description_2": "Чтобы избежать этих проблем, создайте <a>новую публичную комнату</a> для разговора, который вы планируете провести.",
+            "encrypted_room_public_confirm_title": "Вы уверены, что хотите сделать эту зашифрованную комнату публичной?",
+            "encryption_forced": "На вашем сервере необходимо отключить шифрование.",
+            "encryption_permanent": "После включения, шифрование не может быть отключено.",
+            "error_join_rule_change_title": "Не удалось обновить правила присоединения",
+            "error_join_rule_change_unknown": "Неизвестная ошибка",
+            "guest_access_warning": "Люди с поддерживаемыми клиентами смогут присоединиться к комнате, не имея зарегистрированной учётной записи.",
+            "history_visibility_invited": "Участники с момента приглашения",
+            "history_visibility_legend": "Кто может читать историю?",
+            "history_visibility_shared": "Участники (полная история)",
+            "history_visibility_warning": "Изменения не затронут старые сообщения, только новые. <a>Подробнее</a>",
+            "history_visibility_world_readable": "Любой (история общедоступна)",
+            "join_rule_description": "Укажите, кто может присоединиться к %(roomName)s.",
+            "join_rule_invite": "Только по приглашению",
+            "join_rule_invite_description": "Присоединиться могут только приглашенные люди.",
+            "join_rule_knock": "Присоединиться",
+            "join_rule_knock_description": "Люди не могут присоединиться до тех пор, пока им не будет предоставлен доступ.",
+            "join_rule_public": "Любой",
+            "join_rule_public_description": "Любой желающий может присоединиться.",
+            "join_rule_restricted": "Участники пространства",
+            "join_rule_restricted_description": "Любой человек в пространстве может присоединиться без приглашения. <a>Укажите здесь, какие пространства могут получить доступ.</a>",
+            "join_rule_restricted_description_active_space": "Любой человек в <spaceName/> может присоединиться.",
+            "join_rule_restricted_description_prompt": "Любой человек в пространстве может присоединиться.",
+            "join_rule_restricted_description_spaces": "Разрешённые пространства",
+            "join_rule_restricted_dialog_description": "Определите, какие пространства могут получить доступ к этой комнате. Если пространство выбрано, его члены могут найти и присоединиться к <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Вы удаляете все пространства. Доступ будет по умолчанию только по приглашениям",
+            "join_rule_restricted_dialog_filter_placeholder": "Поиск пространств",
+            "join_rule_restricted_dialog_heading_known": "Ваши пространства, которые не содержат эту комнату",
+            "join_rule_restricted_dialog_heading_other": "Другие пространства, в которых вы не участвуете",
+            "join_rule_restricted_dialog_heading_room": "Ваши пространства, которые содержат эту комнату",
+            "join_rule_restricted_dialog_heading_space": "Пространства, которые вы знаете, уже содержат эту комнату",
+            "join_rule_restricted_dialog_heading_unknown": "Это, скорее всего, те, в которых участвуют другие администраторы комнат.",
+            "join_rule_restricted_dialog_title": "Выберите пространства",
+            "join_rule_restricted_n_more": {
+                "one": "и еще %(count)s",
+                "few": "и еще %(count)s",
+                "many": "и еще %(count)s"
+            },
+            "join_rule_restricted_summary": {
+                "one": "В настоящее время пространство имеет доступ",
+                "few": "В настоящее время %(count)s пространства имеют доступ",
+                "many": "В настоящее время %(count)s пространств имеют доступ"
+            },
+            "join_rule_restricted_upgrade_description": "Это обновление позволит участникам выбранных пространств получить доступ в эту комнату без приглашения.",
+            "join_rule_restricted_upgrade_warning": "Эта комната находится в некоторых пространствах, администратором которых вы не являетесь. В этих пространствах старая комната будет по-прежнему отображаться, но людям будет предложено присоединиться к новой.",
+            "join_rule_upgrade_awaiting_room": "Загрузка новой комнаты",
+            "join_rule_upgrade_required": "Требуется обновление",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Отправка приглашения...",
+                "few": "Отправка приглашения... (%(progress)s из %(count)s)",
+                "many": "Отправка приглашения... (%(progress)s из %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Обновление пространства...",
+                "few": "Обновление пространств... (%(progress)s из %(count)s)",
+                "many": "Обновление пространств... (%(progress)s из %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Обновление комнаты",
+            "join_rule_world_readable_description": "Изменение того, кто может присоединиться к комнате, также изменит видимость будущих сообщений.",
+            "public_without_alias_warning": "Для связи с этой комнатой, пожалуйста, добавьте адрес.",
+            "publish_room": "Сделать эту комнату видимой в каталоге общественных комнат.",
+            "publish_space": "Сделайте это пространство видимым в каталоге общественных комнат.",
+            "strict_encryption": "Отправляйте сообщения только проверенным пользователям.",
+            "title": "Безопасность"
+        },
+        "title": "Настройки комнаты — %(roomName)s",
+        "upload_avatar_label": "Загрузить аватар",
+        "visibility": {
+            "alias_section": "Адрес",
+            "error_failed_save": "Не удалось обновить параметры этого пространства",
+            "error_update_guest_access": "Не удалось обновить гостевой доступ к этому пространству",
+            "error_update_history_visibility": "Не удалось обновить видимость истории этого пространства",
+            "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": "Безопасность и приватность"
+        },
+        "voip": {
+            "call_type_section": "Тип звонка",
+            "enable_element_call_caption": "%(brand)s имеет сквозное шифрование, но в настоящее время доступно только меньшему числу пользователей.",
+            "enable_element_call_label": "Включить %(brand)s в качестве дополнительной опции звонка в этой комнате",
+            "enable_element_call_no_permissions_tooltip": "У вас недостаточно прав, чтобы изменить это."
+        }
+    },
+    "room_summary_card_back_action_label": "Информация о комнате",
+    "scalar": {
+        "error_create": "Не удалось создать виджет.",
+        "error_membership": "Вас сейчас нет в этой комнате.",
+        "error_missing_room_id": "Отсутствует идентификатор комнаты.",
+        "error_missing_room_id_request": "Отсутствует room_id в запросе",
+        "error_missing_user_id_request": "Отсутствует user_id в запросе",
+        "error_permission": "У вас нет разрешения на это в данной комнате.",
+        "error_power_level_invalid": "Уровень прав должен быть положительным целым числом.",
+        "error_room_not_visible": "Комната %(roomId)s невидима",
+        "error_room_unknown": "Эта комната не опознана.",
+        "error_send_request": "Не удалось отправить запрос.",
+        "failed_read_event": "Не удалось считать события",
+        "failed_send_event": "Не удалось отправить событие"
+    },
+    "server_offline": {
+        "description": "Ваш сервер не отвечает на некоторые ваши запросы. Ниже приведены вероятные причины.",
+        "description_1": "Сервер (%(serverName)s) слишком долго не отвечал.",
+        "description_2": "Ваш брандмауэр или антивирус блокирует запрос.",
+        "description_3": "Расширение браузера блокирует запрос.",
+        "description_4": "Сервер оффлайн.",
+        "description_5": "Сервер отклонил ваш запрос.",
+        "description_6": "Ваше подключение к Интернету нестабильно или отсутствует.",
+        "description_7": "Произошла ошибка при подключении к серверу.",
+        "description_8": "Сервер не настроен должным образом, чтобы определить проблему (CORS).",
+        "empty_timeline": "Нет непрочитанных сообщений.",
+        "recent_changes_heading": "Последние изменения, которые еще не были получены",
+        "title": "Сервер не отвечает"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s Для загрузки аутентифицированных медиафайлов из репозиториев Matrix требуется сервис-воркер. Ваш браузер не поддерживает эту функцию, поэтому медиафайлы могут не загружаться.",
+        "title": "Не удалось загрузить Service Worker"
+    },
+    "seshat": {
+        "error_initialising": "Инициализация поиска сообщений не удалась, проверьте <a>ваши настройки</a> для получения дополнительной информации",
+        "reset_button": "Сброс хранилища событий",
+        "reset_description": "Скорее всего, вы не захотите сбрасывать индексное хранилище событий",
+        "reset_explainer": "Если вы это сделаете, обратите внимание, что ни одно из ваших сообщений не будет удалено, но работа поиска может быть ухудшена на несколько мгновений, пока индекс не будет воссоздан",
+        "reset_title": "Сбросить хранилище событий?",
+        "warning_kind_files": "Эта версия %(brand)s не поддерживает просмотр некоторых зашифрованных файлов",
+        "warning_kind_files_app": "Используйте <a>настольное приложение</a>, чтобы просмотреть все зашифрованные файлы",
+        "warning_kind_search": "Эта версия %(brand)s не поддерживает поиск зашифрованных сообщений",
+        "warning_kind_search_app": "Используйте <a>настольное приложение</a> для поиска зашифрованных сообщений"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Ваш токен доступа даёт полный доступ к вашей учётной записи. Не передавайте его никому.",
+            "brand_version": "Версия %(brand)s:",
+            "clear_cache_reload": "Очистить кэш и перезагрузить",
+            "crypto_version": "Криптоверсия:",
+            "dialog_title": "<strong>Настройки:</strong> Помощь и информация",
+            "help_link": "Для получения помощи по использованию %(brand)s, нажмите <a>здесь</a>.",
+            "homeserver": "Домашний сервер: <code>%(homeserverUrl)s</code>",
+            "identity_server": "Сервер идентификации: <code>%(identityServerUrl)s</code>",
+            "title": "Помощь и о программе",
+            "versions": "Версии"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Настройки:</strong> Учетная запись",
+            "title": "Аккаунт"
+        },
+        "all_rooms_home": "Показывать все комнаты на Главной",
+        "all_rooms_home_description": "Все комнаты, в которых вы находитесь, будут отображаться на Главной.",
+        "always_show_message_timestamps": "Всегда показывать время отправки сообщений",
+        "appearance": {
+            "bundled_emoji_font": "Использовать встроенный шрифт эмодзи",
+            "compact_layout": "Показывать компактный текст и сообщения",
+            "compact_layout_description": "Для использования этой функции необходимо выбрать современный макет.",
+            "custom_font": "Использовать системный шрифт",
+            "custom_font_description": "Установите имя шрифта, установленного в вашей системе, и %(brand)s попытается его использовать.",
+            "custom_font_name": "Название системного шрифта",
+            "custom_font_size": "Использовать другой размер",
+            "custom_theme_add": "Добавить пользовательскую тему",
+            "custom_theme_downloading": "Скачивание пользовательской темы…",
+            "custom_theme_error_downloading": "Ошибка при скачивании темы",
+            "custom_theme_help": "Введите URL-адрес пользовательской темы, которую вы хотите применить.",
+            "custom_theme_invalid": "Неверная схема темы.",
+            "dialog_title": "<strong>Настройки:</strong> Внешний вид",
+            "font_size": "Размер шрифта",
+            "font_size_default": "%(fontSize)s (по умолчанию)",
+            "high_contrast": "Высокая контрастность",
+            "image_size_default": "По умолчанию",
+            "image_size_large": "Большой",
+            "layout_bubbles": "Пузыри сообщений",
+            "layout_irc": "IRC (Экспериментально)",
+            "match_system_theme": "Тема системы",
+            "timeline_image_size": "Размер изображения в ленте сообщений"
+        },
+        "automatic_language_detection_syntax_highlight": "Автоопределение языка подсветки синтаксиса",
+        "autoplay_gifs": "Автовоспроизведение GIF",
+        "autoplay_videos": "Автовоспроизведение видео",
+        "big_emoji": "Большие смайлики",
+        "code_block_expand_default": "По умолчанию отображать блоки кода целиком",
+        "code_block_line_numbers": "Показывать номера строк в блоках кода",
+        "disable_historical_profile": "Показать текущее изображение профиля и имя пользователя в истории сообщений",
+        "discovery": {
+            "title": "Как вас найти"
+        },
+        "emoji_autocomplete": "Предлагать смайлики при наборе",
+        "enable_markdown": "Использовать Markdown",
+        "enable_markdown_description": "Начинайте сообщения с <code>/plain</code>, чтобы отправлять их без markdown.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Данные вашей учетной записи, контакты, настройки и список чатов будут сохранены",
+                "breadcrumb_page": "Сбросить шифрование",
+                "breadcrumb_second_description": "Вы потеряете историю сообщений, которая хранится только на сервере",
+                "breadcrumb_third_description": "Вам нужно будет заново подтвердить все существующие устройства и контакты.",
+                "breadcrumb_title": "Вы уверены, что хотите сбросить свою идентификацию?",
+                "breadcrumb_title_cant_confirm": "Вам необходимо сбросить свою личность",
+                "breadcrumb_title_forgot": "Забыли ключ восстановления? Вам нужно будет восстановить свою идентификацию.",
+                "breadcrumb_title_sync_failed": "Не удалось синхронизировать хранилище ключей. Вам необходимо сбросить идентификационные данные.",
+                "breadcrumb_warning": "Делайте это только в том случае, если вы считаете, что ваша учетная запись взломана.",
+                "details_title": "Сведения о шифровании",
+                "do_not_close_warning": "Не закрывайте это окно до тех пор, пока сброс не будет завершен",
+                "export_keys": "Экспортировать ключи",
+                "import_keys": "Импортировать ключи",
+                "other_people_device_description": "Внимание: пользователи, которые явно не подтвердили вашу личность (например, с помощью эмодзи), не получат ваши зашифрованные сообщения. Кроме того, неверифицированные устройства верифицированных пользователей не будут получать ваши зашифрованные сообщения.",
+                "other_people_device_label": "В зашифрованных чатах отправляйте сообщения только проверенным пользователям",
+                "other_people_device_title": "Устройства других людей",
+                "reset_identity": "Сбросить криптографическую идентификацию",
+                "reset_in_progress": "Выполняется сброс...",
+                "session_id": "ID сеанса:",
+                "session_key": "Ключ сеанса:",
+                "title": "Дополнительно"
+            },
+            "confirm_key_storage_off": "Вы уверены, что хотите оставить хранилище ключей отключенным?",
+            "confirm_key_storage_off_description": "Если вы выйдете из системы на всех своих устройствах, вы потеряете историю сообщений и вам придется заново подтвердить все существующие контакты.<a>Узнать больше</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Удалить хранилище ключей",
+                "confirm": "Удалить хранилище ключей",
+                "description": "Удаление хранилища ключей приведёт к удалению вашей идентификации и ключей сообщений с сервера, а также отключению следующих функций безопасности:",
+                "list_first": "Нет зашифрованной истории сообщений на новых устройствах",
+                "list_second": "Вы потеряете доступ к своим зашифрованным сообщениям, если вы выйдете из %(brand)s везде",
+                "title": "Вы уверены, что хотите отключить хранение ключей и удалить их?"
+            },
+            "device_not_verified_button": "Проверить это устройство",
+            "device_not_verified_description": "Для просмотра настроек шифрования необходимо подтвердить это устройство.",
+            "device_not_verified_title": "Устройство не проверено",
+            "dialog_title": "<strong>Настройки:</strong> Шифрование",
+            "key_storage": {
+                "allow_key_storage": "Разрешить хранение ключей",
+                "description": "Безопасно храните свою идентификацию и ключи сообщений на сервере. Это позволит вам просматривать историю сообщений на любых новых устройствах. <a>Узнайте больше</a>",
+                "title": "Хранилище ключей"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Подтвердите новый ключ восстановления",
+                "change_recovery_confirm_description": "Чтобы завершить, введите новый Ключ Восстановления ниже. Ваш старый ключ больше работать не будет.",
+                "change_recovery_confirm_title": "Введите новый ключ восстановления",
+                "change_recovery_key": "Изменить ключ восстановления",
+                "change_recovery_key_description": "Запишите новый ключ восстановления в безопасном месте. Затем нажмите «Продолжить», чтобы подтвердить изменение.",
+                "change_recovery_key_title": "Изменить ключ восстановления?",
+                "description": "Восстановите свою идентификацию и историю сообщений с помощью ключа восстановления, если вы потеряли все существующие устройства.",
+                "enter_key_error": "Ключ восстановления, который вы ввел, неверный.",
+                "enter_recovery_key": "Введите ключ восстановления",
+                "forgot_recovery_key": "Забыли ключ восстановления?",
+                "key_storage_warning": "Хранилище ключей не синхронизировано. Нажмите кнопку ниже, чтобы устранить проблему.",
+                "save_key_description": "Не сообщайте эту информацию никому!",
+                "save_key_title": "Ключ восстановления",
+                "set_up_recovery": "Получить ключ восстановления",
+                "set_up_recovery_confirm_button": "Завершить настройку",
+                "set_up_recovery_confirm_description": "Введите ключ восстановления, показанный на предыдущем экране, чтобы завершить настройку восстановления.",
+                "set_up_recovery_confirm_title": "Для подтверждения введите ключ восстановления",
+                "set_up_recovery_description": "Хранилище ключей защищено ключом восстановления. Если после установки вам понадобится новый ключ восстановления, вы можете создать его заново, выбрав '%(changeRecoveryKeyButton)s'.",
+                "set_up_recovery_save_key_description": "Запишите ключ восстановления в безопасном месте, например в диспетчере паролей, зашифрованной заметке или физическом сейфе.",
+                "set_up_recovery_save_key_title": "Сохраните ключ восстановления в безопасном месте",
+                "set_up_recovery_secondary_description": "После нажатия кнопки «Продолжить» мы сгенерируем для вас ключ восстановления.",
+                "title": "Восстановление"
+            },
+            "title": "Шифрование"
+        },
+        "general": {
+            "account_management_section": "Управление учётной записью",
+            "account_section": "Учётная запись",
+            "add_email_dialog_title": "Добавить адрес Email",
+            "add_email_failed_verification": "Не удалось проверить email: убедитесь, что вы перешли по ссылке в письме",
+            "add_email_instructions": "Мы отправили вам сообщение для подтверждения адреса электронной почты. Пожалуйста, следуйте указаниям в сообщении, после чего нажмите кнопку ниже.",
+            "add_msisdn_confirm_body": "Нажмите кнопку ниже для добавления этого номера телефона.",
+            "add_msisdn_confirm_button": "Подтвердите добавление номера телефона",
+            "add_msisdn_confirm_sso_button": "Подтвердите добавление этого номера телефона с помощью единой точки входа.",
+            "add_msisdn_dialog_title": "Добавить номер телефона",
+            "add_msisdn_instructions": "Текстовое сообщение было отправлено +%(msisdn)s. Пожалуйста, введите проверочный код, который он содержит.",
+            "add_msisdn_misconfigured": "Поток add/bind с MSISDN настроен неправильно",
+            "allow_spellcheck": "Разрешить проверку орфографии",
+            "application_language": "Язык приложения",
+            "application_language_reload_hint": "Приложение перезагрузится после выбора другого языка",
+            "avatar_open_menu": "Открыть меню аватара",
+            "avatar_remove_progress": "Удаление изображения…",
+            "avatar_save_progress": "Загрузка изображения...",
+            "avatar_upload_error_text": "Формат файла не поддерживается или размер изображения превышает %(size)s.",
+            "avatar_upload_error_text_generic": "Формат файла может не поддерживаться.",
+            "avatar_upload_error_title": "Не удалось загрузить изображение профиля",
+            "confirm_adding_email_body": "Нажмите кнопку ниже для подтверждения этого почтового адреса.",
+            "confirm_adding_email_title": "Подтвердите добавление почтового адреса",
+            "deactivate_confirm_body": "Вы уверены, что хотите деактивировать свою учётную запись? Это необратимое действие.",
+            "deactivate_confirm_body_sso": "Подтвердите удаление учётной записи с помощью единой точки входа.",
+            "deactivate_confirm_content": "Подтвердите, что вы хотите деактивировать свою учётную запись. Если продолжите:",
+            "deactivate_confirm_content_1": "Вы не сможете повторно активировать свою учётную запись",
+            "deactivate_confirm_content_2": "Вы больше не сможете войти",
+            "deactivate_confirm_content_3": "Никто не сможет повторно использовать ваше имя пользователя (MXID), даже вы: это имя пользователя будет оставаться недоступным",
+            "deactivate_confirm_content_4": "Вы покинете все комнаты и ЛС, в которых находитесь",
+            "deactivate_confirm_content_5": "Вы будете удалены с сервера идентификации: ваши друзья больше не смогут найти вас по вашей электронной почте или номеру телефона",
+            "deactivate_confirm_content_6": "Ваши старые сообщения по-прежнему будут видны людям, которые их получили, так же, как и электронные письма, которые вы отправляли в прошлом. Хотите скрыть отправленные вами сообщения от людей, которые присоединятся к комнате в будущем?",
+            "deactivate_confirm_continue": "Подтвердите деактивацию учётной записи",
+            "deactivate_confirm_erase_label": "Скрыть мои сообщения от новых участников",
+            "deactivate_section": "Деактивировать учётную запись",
+            "deactivate_warning": "Деактивация вашей учётной записи является необратимым действием — будьте осторожны!",
+            "discovery_email_empty": "Параметры поиска по электронной почты появятся после её добавления.",
+            "discovery_email_verification_instructions": "Проверьте ссылку в вашем почтовом ящике(папка \"Входящие\")",
+            "discovery_msisdn_empty": "Параметры поиска по номеру телефона появятся после его добавления.",
+            "discovery_needs_terms": "Подтвердите условия предоставления услуг сервера идентификации (%(serverName)s), чтобы вас можно было обнаружить по адресу электронной почты или номеру телефона.",
+            "discovery_needs_terms_title": "Позвольте людям найти вас",
+            "display_name": "Отображаемое имя",
+            "display_name_error": "Невозможно установить отображаемое имя",
+            "email_adding_unsupported_by_hs": "Этот домашний сервер не позволяет добавлять адреса электронной почты в вашу учетную запись.",
+            "email_address_in_use": "Этот адрес электронной почты уже используется",
+            "email_address_label": "Адрес электронной почты",
+            "email_not_verified": "Ваш адрес электронной почты еще не проверен",
+            "email_verification_instructions": "Нажмите на ссылку в электронном письме, которое вы получили, чтобы подтвердить, и затем нажмите продолжить снова.",
+            "emails_heading": "Адреса электронной почты",
+            "error_add_email": "Не удается добавить email",
+            "error_deactivate_communication": "Возникла проблема со связью с сервером. Пожалуйста, попробуйте еще раз.",
+            "error_deactivate_invalid_auth": "Сервер не вернул существующую аутентификационную информацию.",
+            "error_deactivate_no_auth": "Сервер не требует проверки подлинности",
+            "error_email_verification": "Не удалось проверить email.",
+            "error_invalid_email": "Недопустимый email",
+            "error_invalid_email_detail": "Похоже, это недействительный адрес email",
+            "error_msisdn_verification": "Невозможно проверить номер телефона.",
+            "error_password_change_403": "Не удалось сменить пароль. Вы правильно ввели текущий пароль?",
+            "error_password_change_http": "%(errorMessage)s (HTTP статус %(httpStatus)s)",
+            "error_password_change_title": "Ошибка при изменении пароля",
+            "error_password_change_unknown": "Неизвестная ошибка смены пароля (%(stringifiedError)s)",
+            "error_remove_3pid": "Не удалось удалить контактную информацию",
+            "error_revoke_email_discovery": "Не удается отменить общий доступ к адресу электронной почты",
+            "error_revoke_msisdn_discovery": "Не удалось отменить общий доступ к номеру телефона",
+            "error_share_email_discovery": "Невозможно поделиться адресом электронной почты",
+            "error_share_msisdn_discovery": "Не удается предоставить общий доступ к номеру телефона",
+            "identity_server_no_token": "Не найден токен доступа для идентификации",
+            "identity_server_not_set": "Сервер идентификации не установлен",
+            "invalid_phone_number": "Предоставленный номер телефона, по-видимому, недействителен.",
+            "language_section": "Язык",
+            "msisdn_adding_unsupported_by_hs": "Этот домашний сервер не позволяет добавлять телефонные номера в вашу учетную запись.",
+            "msisdn_in_use": "Этот номер телефона уже используется",
+            "msisdn_label": "Номер телефона",
+            "msisdn_verification_field_label": "Код подтверждения",
+            "msisdn_verification_instructions": "Пожалуйста, введите проверочный код, высланный с помощью текста.",
+            "msisdns_heading": "Телефонные номера",
+            "oidc_manage_button": "Настройки аккаунта",
+            "password_change_section": "Установите новый пароль…",
+            "password_change_success": "Ваш пароль успешно изменён.",
+            "personal_info": "Личная информация",
+            "profile_subtitle": "Так вас видят другие пользователи приложения.",
+            "profile_subtitle_oidc": "Ваша учетная запись управляется отдельным поставщиком идентификационных данных, поэтому некоторые ваши личные данные изменить нельзя.",
+            "remove_email_prompt": "Удалить %(email)s?",
+            "remove_msisdn_prompt": "Удалить %(phone)s?",
+            "spell_check_locale_placeholder": "Выберите регион",
+            "unable_to_load_emails": "Не удалось загрузить адреса электронной почты",
+            "unable_to_load_msisdns": "Не удалось загрузить номера телефонов",
+            "username": "Имя пользователя"
+        },
+        "inline_url_previews_default": "Предпросмотр ссылок по умолчанию",
+        "inline_url_previews_encrypted": "Включить предварительный просмотр в зашифрованных комнатах",
+        "insert_trailing_colon_mentions": "Вставлять двоеточие после упоминания пользователя в начале сообщения",
+        "invite_controls": {
+            "default_label": "Разрешить пользователям приглашать вас в комнаты"
+        },
+        "jump_to_bottom_on_send": "Перейти к нижней части временной шкалы, когда вы отправляете сообщение",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Выполняется резервное копирование ваших ключей с этого устройства.",
+                "backup_setup_success_title": "Резервное копирование успешно завершено",
+                "cancel_warning": "Если вы отмените сейчас, вы можете потерять зашифрованные сообщения и данные, если потеряете доступ к своим логинам.",
+                "confirm_security_phrase": "Подтвердите секретную фразу",
+                "description": "Защитите себя от потери доступа к зашифрованным сообщениям и данным, создав резервные копии ключей шифрования на вашем сервере.",
+                "download_or_copy": "%(downloadButton)s или %(copyButton)s",
+                "enter_phrase_description": "Введите секретную фразу, известную только вам, так как она используется для защиты ваших данных. В целях безопасности не следует повторно использовать пароль своей учетной записи.",
+                "enter_phrase_title": "Введите секретную фразу",
+                "enter_phrase_to_confirm": "Введите секретную фразу второй раз, чтобы подтвердить ее.",
+                "generate_security_key_description": "Мы создадим ключ восстановления, который вы сможете хранить в безопасном месте, например в менеджере паролей или сейфе.",
+                "generate_security_key_title": "Создание Ключа Восстановления",
+                "pass_phrase_match_failed": "Они не совпадают.",
+                "pass_phrase_match_success": "Они совпадают!",
+                "phrase_strong_enough": "Отлично! Эта контрольная фраза выглядит достаточно сильной.",
+                "secret_storage_query_failure": "Невозможно запросить состояние секретного хранилища",
+                "security_key_safety_reminder": "Храните Ключ Восстановления в надежном месте, например в менеджере паролей или сейфе, так как он используется для защиты ваших зашифрованных данных.",
+                "set_phrase_again": "Задать другой пароль.",
+                "settings_reminder": "Вы также можете настроить безопасное резервное копирование и управлять своими ключами в настройках.",
+                "title_confirm_phrase": "Подтвердите секретную фразу",
+                "title_save_key": "Сохраните ключ восстановления",
+                "title_set_phrase": "Задайте секретную фразу",
+                "unable_to_setup": "Невозможно настроить секретное хранилище",
+                "use_different_passphrase": "Использовать другую кодовую фразу?",
+                "use_phrase_only_you_know": "Используйте секретную фразу, известную только вам, и при необходимости сохраните Ключ Восстановления от резервной копии."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Подтвердите мнемоническую фразу",
+            "enter_passphrase": "Введите мнемоническую фразу",
+            "export_description_1": "Этот процесс позволяет вам экспортировать ключи для сообщений, которые вы получили в комнатах с шифрованием, в локальный файл. Вы сможете импортировать эти ключи в другой клиент Matrix чтобы расшифровать эти сообщения.",
+            "export_description_2": "Экспортированный файл позволит любому, кто его прочитает, расшифровать любые зашифрованные сообщения, которые вы увидите, поэтому будьте осторожны, чтобы сохранить его в безопасности. Чтобы помочь в этом, введите ниже уникальную кодовую фразу, которая будет использоваться только для шифрования экспортированных данных. Импортировать данные можно будет только с использованием одной и той же парольной фразы.",
+            "export_title": "Экспорт ключей комнаты",
+            "file_to_import": "Файл для импорта",
+            "import_description_1": "Этот процесс позволит вам импортировать ключи шифрования, которые вы экспортировали ранее из клиента Matrix. Это позволит вам расшифровать историю чата.",
+            "import_description_2": "Файл экспорта будет защищен кодовой фразой. Для расшифровки файла необходимо будет её ввести.",
+            "import_title": "Импорт ключей комнаты",
+            "phrase_cannot_be_empty": "Мнемоническая фраза не может быть пустой",
+            "phrase_must_match": "Мнемонические фразы должны совпадать",
+            "phrase_strong_enough": "Отлично! Эта парольная фраза выглядит достаточно надежной"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Настройки:</strong> Клавиатура",
+            "title": "Горячие клавиши"
+        },
+        "labs": {
+            "dialog_title": "<strong>Настройки:</strong> Лаборатория"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Настройки:</strong> Игнорируемые пользователи"
+        },
+        "media_preview": {
+            "hide_avatars": "Скрыть аватары комнаты и приглашающего",
+            "hide_media": "Всегда скрывать",
+            "media_preview_description": "Скрытый медиафайл всегда можно отобразить, нажав на него.",
+            "media_preview_label": "Показать медиафайлы в хронологии",
+            "show_in_private": "В личных комнатах",
+            "show_media": "Всегда показывать"
+        },
+        "not_supported": "На вашем сервере эта функция не реализована.",
+        "notifications": {
+            "default_setting_description": "Эта настройка будет применена по умолчанию ко всем вашим комнатам.",
+            "default_setting_section": "Я хочу получать уведомления о (настройка по умолчанию)",
+            "desktop_notification_message_preview": "Показать предварительный просмотр сообщения в уведомлении на рабочем столе",
+            "dialog_title": "<strong>Настройки:</strong> Уведомления",
+            "email_description": "Получать по электронной почте сводку пропущенных уведомлений",
+            "email_section": "Информация об электронной почте",
+            "email_select": "Выберите, на какие электронные письма вы хотите отправлять резюме. Управляйте электронной почтой в <button>Настройках</button>.",
+            "enable_audible_notifications_session": "Звуковые уведомления для этого сеанса",
+            "enable_desktop_notifications_session": "Показывать уведомления на рабочем столе для этого сеанса",
+            "enable_email_notifications": "Уведомления по электронной почте для %(email)s",
+            "enable_notifications_account": "Уведомления для этой учётной записи",
+            "enable_notifications_account_detail": "Выключите, чтобы убрать уведомления во всех своих сеансах",
+            "enable_notifications_device": "Уведомления для этого сеанса",
+            "error_loading": "Произошла ошибка при загрузке настроек уведомлений.",
+            "error_permissions_denied": "У %(brand)s нет разрешения на отправку уведомлений — проверьте настройки браузера",
+            "error_permissions_missing": "%(brand)s не получил разрешение на отправку уведомлений: пожалуйста, попробуйте снова",
+            "error_saving": "Ошибка при сохранении настроек уведомлений",
+            "error_saving_detail": "При сохранении ваших настроек уведомлений произошла ошибка.",
+            "error_title": "Не удалось включить уведомления",
+            "error_updating": "При обновлении настроек уведомлений произошла ошибка. Попробуйте снова переключить опцию.",
+            "invites": "Приглашен в комнату",
+            "keywords": "Показывайте значок <badge/>, когда ключевые слова используются в комнате.",
+            "keywords_prompt": "Введите ключевые слова или используйте их для вариантов написания или псевдонимов",
+            "labs_notice_prompt": "<strong>Обновление: </strong> мы упростили настройки уведомлений, чтобы упростить поиск нужных опций. Некоторые пользовательские настройки, выбранные вами ранее, здесь не показаны, но они все еще активны. Если вы продолжите, некоторые настройки могут измениться.<a>Узнайте от этом больше </a>",
+            "mentions_keywords": "Упоминания и ключевые слова",
+            "mentions_keywords_only": "Только упоминания и ключевые слова",
+            "messages_containing_keywords": "Сообщения с ключевыми словами",
+            "noisy": "Вкл. (со звуком)",
+            "notices": "Сообщения, отправленные ботами",
+            "notify_at_room": "Уведомлять меня, когда кто-то использует @room",
+            "notify_keyword": "Уведомлять, когда кто-то использует ключевое слово",
+            "notify_mention": "Уведомлять, когда кто-то упоминает об использовании @displayname или %(mxid)s",
+            "other_section": "Другие вещи, которые могут вас заинтересовать:",
+            "people_mentions_keywords": "Люди, упоминания и ключевые слова",
+            "play_sound_for_description": "Применяется по умолчанию ко всем комнатам на всех устройствах.",
+            "play_sound_for_section": "Воспроизведите звук для",
+            "push_targets": "Устройства для уведомлений",
+            "quick_actions_mark_all_read": "Пометить все сообщения как прочитанные",
+            "quick_actions_reset": "Сброс настроек по умолчанию",
+            "quick_actions_section": "Быстрые действия",
+            "room_activity": "Новые события в комнате, улучшения и статусные сообщения",
+            "rule_call": "Звонки",
+            "rule_contains_display_name": "Сообщения с моим именем",
+            "rule_contains_user_name": "Сообщения, содержащие имя моего пользователя",
+            "rule_encrypted": "Зашифрованные сообщения в групповых чатах",
+            "rule_encrypted_room_one_to_one": "Зашифрованные сообщения в персональных чатах",
+            "rule_invite_for_me": "Приглашения в комнаты",
+            "rule_message": "Сообщения в конференциях",
+            "rule_room_one_to_one": "Сообщения в личных чатах",
+            "rule_roomnotif": "Сообщения, содержащие @room",
+            "rule_suppress_notices": "Сообщения от ботов",
+            "rule_tombstone": "При обновлении комнат",
+            "show_message_desktop_notification": "Показывать текст сообщения в уведомлениях на рабочем столе",
+            "voip": "Аудио и видео звонки"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Предотвратить захват содержимого окна другими приложениями",
+            "Electron.enableHardwareAcceleration": "Включите аппаратное ускорение (перезапустите %(appName)s, чтобы настройки вступили в силу)",
+            "always_show_menu_bar": "Всегда показывать строку меню",
+            "autocomplete_delay": "Задержка автодополнения (мс)",
+            "code_blocks_heading": "Блоки кода",
+            "compact_modern": "Использовать более компактный \"Современный\" макет",
+            "composer_heading": "Редактор",
+            "default_timezone": "Браузер по умолчанию (%(timezone)s)",
+            "dialog_title": "<strong>Настройки:</strong> Параметры",
+            "enable_content_protection": "Включить защиту контента",
+            "enable_hardware_acceleration": "Включить аппаратное ускорение",
+            "enable_tray_icon": "Показывать значок в трее и сворачивать в него окно при закрытии",
+            "keyboard_heading": "Горячие клавиши",
+            "keyboard_view_shortcuts_button": "Чтобы просмотреть все сочетания клавиш, <a>нажмите здесь</a>.",
+            "media_heading": "Медиа",
+            "presence_description": "Поделитесь своей активностью и статусом с другими.",
+            "publish_timezone": "Опубликовать часовой пояс в профиле",
+            "rm_lifetime": "Задержка прочтения сообщения (мс)",
+            "rm_lifetime_offscreen": "Задержка прочтения сообщения при отсутствии активности (мс)",
+            "room_directory_heading": "Каталог комнат",
+            "room_list_heading": "Список комнат",
+            "show_avatars_pills": "Показывать аватары в упоминаниях пользователей, чатах и событиях",
+            "show_polls_button": "Показывать кнопку опроса",
+            "startup_window_behaviour_label": "Запуск и поведение окна",
+            "surround_text": "Обводить выделенный текст при вводе специальных символов",
+            "time_heading": "Отображение времени",
+            "user_timezone": "Установить часовой пояс"
+        },
+        "prompt_invite": "Подтверждать отправку приглашений на потенциально недействительные matrix ID",
+        "replace_plain_emoji": "Автоматически заменять текстовые смайлики на графические",
+        "security": {
+            "analytics_description": "Делитесь анонимными данными, чтобы помочь нам выявить проблемы. Ничего личного. Никаких третьих лиц.",
+            "bulk_options_accept_all_invites": "Принять все приглашения (%(invitedRooms)s)",
+            "bulk_options_reject_all_invites": "Отклонить все %(invitedRooms)s приглашения",
+            "bulk_options_section": "Основные опции",
+            "dehydrated_device_description": "Функция автономного устройства позволяет вам получать зашифрованные сообщения, даже если вы не вошли в систему ни на одном устройстве.",
+            "dehydrated_device_enabled": "Устройство в автономном режиме",
+            "dialog_title": "<strong>Настройки:</strong> Безопасность и конфиденциальность",
+            "e2ee_default_disabled_warning": "Администратор вашего сервера отключил сквозное шифрование по умолчанию в приватных комнатах и диалогах.",
+            "enable_message_search": "Включить поиск сообщений в зашифрованных чатах",
+            "encryption_section": "Шифрование",
+            "ignore_users_empty": "У вас нет игнорируемых пользователей.",
+            "ignore_users_section": "Игнорируемые пользователи",
+            "key_backup_algorithm": "Алгоритм:",
+            "message_search_disable_warning": "Если этот параметр отключен, сообщения из зашифрованных комнат не будут отображаться в результатах поиска.",
+            "message_search_disabled": "Безопасно кэшировать шифрованные сообщения локально, чтобы они появлялись в результатах поиска.",
+            "message_search_enabled": {
+                "one": "Надежно кэшируйте зашифрованные сообщения локально, чтобы они отображались в результатах поиска, используя %(size)s для хранения сообщений из %(rooms)s комнаты.",
+                "other": "Надежно кэшируйте зашифрованные сообщения локально, чтобы они отображались в результатах поиска, используя %(size)s для хранения сообщений из комнат (%(rooms)s)."
+            },
+            "message_search_failed": "Инициализация поиска сообщений не удалась",
+            "message_search_indexed_messages": "Индексированные сообщения:",
+            "message_search_indexed_rooms": "Индексированные комнаты:",
+            "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": "Как быстро сообщения должны быть скачаны.",
+            "message_search_space_used": "Занято места:",
+            "message_search_unsupported": "Отсутствуют некоторые необходимые компоненты для %(brand)s, чтобы безопасно кэшировать шифрованные сообщения локально. Если вы хотите попробовать эту возможность, соберите самостоятельно %(brand)s Desktop с <nativeLink>добавлением поисковых компонентов</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s не может безопасно кэшировать зашифрованные сообщения локально во время работы в веб-браузере. Используйте <desktopLink>%(brand)s Desktop</desktopLink>, чтобы зашифрованные сообщения появились в результатах поиска.",
+            "record_session_details": "Записывать название клиента, версию и URL-адрес для более лёгкого распознавания сеансов в менеджере сеансов",
+            "send_analytics": "Отправить данные аналитики",
+            "strict_encryption": "Отправлять сообщения только проверенным пользователям"
+        },
+        "send_read_receipts": "Уведомлять о прочтении",
+        "send_read_receipts_unsupported": "Ваш сервер не поддерживает отключение отправки уведомлений о прочтении.",
+        "send_typing_notifications": "Уведомлять о наборе текста",
+        "sessions": {
+            "best_security_note": "Для обеспечения максимальной безопасности проверяйте свои сеансы и выходите из любого сеанса, который вы больше не знаете или не используете.",
+            "confirm_sign_out": {
+                "one": "Подтвердите выход из этого устройства",
+                "few": "Подтвердите выход из этих устройств",
+                "many": "Подтвердите выход из этих устройств"
+            },
+            "confirm_sign_out_body": {
+                "one": "Нажмите кнопку ниже, чтобы подтвердить выход из этого устройства.",
+                "few": "Нажмите кнопку ниже, чтобы подтвердить выход из этих устройств.",
+                "many": "Нажмите кнопку ниже, чтобы подтвердить выход из этих устройств."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Выйти из устройства",
+                "few": "Выйти из устройств",
+                "many": "Выйти из устройств"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Подтвердите выход из этого устройства с помощью единого входа, чтобы подтвердить свою личность.",
+                "few": "Подтвердите выход из этих устройств с помощью единого входа, чтобы подтвердить свою личность.",
+                "many": "Подтвердите выход из этих устройств с помощью единого входа, чтобы подтвердить свою личность."
+            },
+            "current_session": "Текущий сеанс",
+            "desktop_session": "Сеанс рабочего стола",
+            "details_heading": "Сведения о сеансе",
+            "device_unverified_description": "Заверьте или выйдите из этого сеанса для лучшей безопасности и надёжности.",
+            "device_unverified_description_current": "Заверьте текущий сеанс для усиления защиты переписки.",
+            "device_verified_description": "Этот сеанс готов к безопасному обмену сообщениями.",
+            "device_verified_description_current": "Ваш текущий сеанс готов к защищенной переписке.",
+            "dialog_title": "<strong>Настройки:</strong> Сеансы",
+            "error_pusher_state": "Не удалось установить состояние push-службы",
+            "error_set_name": "Не удалось установить имя сессии",
+            "filter_all": "Все",
+            "filter_inactive": "Неактивно",
+            "filter_inactive_description": "Неактивны %(inactiveAgeDays)s дней или дольше",
+            "filter_label": "Список устройств",
+            "filter_unverified_description": "Не готовы к безопасному обмену сообщениями",
+            "filter_verified_description": "Готовы к безопасному обмену сообщениями",
+            "hide_details": "Скрыть подробности",
+            "inactive_days": "Неактивен в течение %(inactiveAgeDays)s+ дней",
+            "inactive_sessions": "Неактивные сеансы",
+            "inactive_sessions_explainer_1": "Неактивные сеансы — это сеансы, которые вы не использовали какое-то время, но продолжающие получать ключи шифрования.",
+            "inactive_sessions_explainer_2": "Удаление неактивных сеансов улучшает безопасность и производительность, делая своевременным обнаружение любого сомнительного сеанса.",
+            "inactive_sessions_list_description": "Сочтите выйти из старых сеансов (%(inactiveAgeDays)s дней и более), которые вы более не используете.",
+            "ip": "IP-адрес",
+            "last_activity": "Последняя активность",
+            "manage": "Управление этим сеансом",
+            "mobile_session": "Сеанс мобильного устройства",
+            "n_sessions_selected": {
+                "one": "%(count)s сеанс выбран",
+                "few": "%(count)s сеанса выбраны",
+                "many": "%(count)s сеансов выбрано"
+            },
+            "no_inactive_sessions": "Неактивных сеансов не обнаружено.",
+            "no_sessions": "Сеансов не найдено.",
+            "no_unverified_sessions": "Незаверенных сеансов не обнаружено.",
+            "no_verified_sessions": "Заверенных сеансов не обнаружено.",
+            "other_sessions_heading": "Другие сеансы",
+            "push_heading": "Уведомления",
+            "push_subheading": "Получать push-уведомления в этом сеансе.",
+            "push_toggle": "Push-уведомления для этого сеанса.",
+            "rename_form_caption": "Пожалуйста, имейте в виду, что названия сеансов также видны людям, с которыми вы общаетесь.",
+            "rename_form_heading": "Переименовать сеанс",
+            "rename_form_learn_more": "Переименование сеансов",
+            "rename_form_learn_more_description_1": "Другие пользователи, будучи в личных сообщениях и посещаемых вами чатах, могут видеть полный перечень ваших сеансов.",
+            "rename_form_learn_more_description_2": "Это даёт им уверенности в том, с кем они общаются, но также означает, что они могут видеть вводимое здесь название сеанса.",
+            "security_recommendations": "Рекомендации по безопасности",
+            "security_recommendations_description": "Усильте защиту учётной записи, следуя этим рекомендациям.",
+            "session_id": "ID сеанса",
+            "show_details": "Показать подробности",
+            "sign_in_with_qr": "Привязать новое устройство",
+            "sign_in_with_qr_button": "Показать QR-код",
+            "sign_in_with_qr_description": "Используйте QR-код для входа на другое устройство и настройки безопасного обмена сообщениями.",
+            "sign_in_with_qr_unsupported": "Не поддерживается вашим поставщиком учетных записей",
+            "sign_out": "Выйти из этого сеанса",
+            "sign_out_all_other_sessions": "Выйти из всех остальных сеансов (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Вы уверены, что хотите выйти из %(count)s сеанса?",
+                "few": "Вы уверены, что хотите выйти из %(count)s сеансов?",
+                "many": "Вы уверены, что хотите выйти из %(count)s сеансов?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Выйти из %(count)s сеанса",
+                "few": "Выйти из %(count)s сеансов",
+                "many": "Выйти из %(count)s сеансов"
+            },
+            "title": "Сеансы",
+            "unknown_session": "Неизвестный тип сеанса",
+            "unverified_session": "Незаверенный сеанс",
+            "unverified_session_explainer_1": "Этот сеанс не поддерживает шифрование, потому и не может быть подтверждён.",
+            "unverified_session_explainer_2": "Через этот сеанс вы не можете участвовать в чатах с шифрованием.",
+            "unverified_session_explainer_3": "Для лучшей безопасности и конфиденциальности, рекомендуется использовать клиенты Matrix с поддержкой шифрования.",
+            "unverified_sessions": "Незаверенные сеансы",
+            "unverified_sessions_explainer_1": "Неподтверждённые сеансы — это сеансы, вошедшие с вашими учётными данными, но до сих пор не подтверждённые.",
+            "unverified_sessions_explainer_2": "Вам следует особенно отметить их наличие, поскольку они могут представлять неавторизованное применение вашей учётной записи.",
+            "unverified_sessions_list_description": "Подтвердите свои сеансы для более безопасного обмена сообщениями или выйдите из тех, которые более не признаёте или не используете.",
+            "url": "URL-адрес",
+            "verified_session": "Заверенный сеанс",
+            "verified_sessions": "Заверенные сеансы",
+            "verified_sessions_explainer_1": "Подтверждённые сеансы — это везде, где вы используете учётную запись после ввода кодовой фразы или идентификации через другой сеанс.",
+            "verified_sessions_explainer_2": "Это означает наличие у вас всех ключей, необходимых для расшифровки сообщений, и способ другим пользователям понять, что вы доверяете этому сеансу.",
+            "verified_sessions_list_description": "Для лучшей безопасности выйдите из всех сеансов, которые вы более не признаёте или не используете.",
+            "verify_session": "Заверить сеанс",
+            "web_session": "Веб-сеанс"
+        },
+        "show_avatar_changes": "Показать изменения изображения профиля",
+        "show_breadcrumbs": "Показывать ссылки на недавние комнаты над списком комнат",
+        "show_chat_effects": "Эффекты (анимация при получении, например, конфетти)",
+        "show_displayname_changes": "Изменения отображаемого имени",
+        "show_join_leave": "Сообщения о присоединении/покидании (приглашения/удаления/блокировки не затрагиваются)",
+        "show_message_previews": "Показать предварительный просмотр сообщений",
+        "show_nsfw_content": "Показать NSFW-контент",
+        "show_read_receipts": "Уведомления о прочтении другими пользователями",
+        "show_redaction_placeholder": "Плашки вместо удалённых сообщений",
+        "show_stickers_button": "Показывать кнопку наклеек",
+        "show_typing_notifications": "Уведомлять о наборе текста",
+        "showbold": "Показывать всю активность в списке комнат (точки или количество непрочитанных сообщений)",
+        "sidebar": {
+            "dialog_title": "<strong>Настройки:</strong> Боковая панель",
+            "metaspaces_home_all_rooms": "Показать все комнаты",
+            "metaspaces_home_all_rooms_description": "Показать все комнаты на Главной, даже если они находятся в пространстве.",
+            "metaspaces_home_description": "Раздел \"Главная\" полезен для получения общего вида.",
+            "metaspaces_orphans": "Комнаты без пространства",
+            "metaspaces_orphans_description": "Сгруппируйте все комнаты, которые не являются частью пространства, в одном месте.",
+            "metaspaces_subsection": "Пространства для показа",
+            "metaspaces_video_rooms": "Видеокомнаты и конференции",
+            "metaspaces_video_rooms_description": "Сгруппировать все частные видеокомнаты и конференции.",
+            "metaspaces_video_rooms_description_invite_extension": "В конференции вы можете приглашать людей за пределами matrix.",
+            "spaces_explainer": "Пространства — это способ сгруппировать комнаты и людей. Помимо пространств, в которых вы находитесь, вы также можете использовать готовые помещения.",
+            "title": "Боковая панель"
+        },
+        "start_automatically": {
+            "disabled": "Нет",
+            "enabled": "Да",
+            "label": "Запустить %(brand)s при входе в систему",
+            "minimised": "Минимизированный"
+        },
+        "tac_only_notifications": "Показывать уведомления только в центре активностей обсуждений",
+        "use_12_hour_format": "Отображать время в 12 часовом формате (напр. 2:30pm)",
+        "use_command_enter_send_message": "Cmd + Enter, чтобы отправить сообщение",
+        "use_command_f_search": "Используйте Command + F для поиска в ленте сообщений",
+        "use_control_enter_send_message": "Используйте Ctrl + Enter, чтобы отправить сообщение",
+        "use_control_f_search": "Используйте Ctrl + F для поиска в ленте сообщений",
+        "voip": {
+            "allow_p2p": "Разрешить прямое соединение для 1:1 звонков",
+            "allow_p2p_description": "Когда включено, другой пользователь сможет видеть ваш IP-адрес",
+            "audio_input_empty": "Микрофоны не обнаружены",
+            "audio_output": "Аудиовыход",
+            "audio_output_empty": "Аудиовыход не обнаружен",
+            "auto_gain_control": "Авторегулировка усиления",
+            "dialog_title": "<strong>Настройки:</strong> Голос и видео",
+            "echo_cancellation": "Эхоподавление",
+            "echo_cancellation_description": "Устраняет эхо микрофона во время звонков. Эта настройка также влияет на Element Call.",
+            "enable_fallback_ice_server": "Разрешить резервный сервер помощи при вызове (%(server)s)",
+            "enable_fallback_ice_server_description": "Только применяется, когда у домашнего сервера нет своего TURN-сервера. Ваш IP-адрес будет виден на время звонка.",
+            "mirror_local_feed": "Зеркально отражать видео со своей камеры",
+            "missing_permissions_prompt": "Отсутствуют разрешения для доступа к камере/микрофону. Нажмите кнопку ниже, чтобы запросить их.",
+            "noise_suppression": "Подавление шума",
+            "noise_suppression_description": "Уменьшает фоновый шум микрофона во время звонков. Эта настройка также влияет на Element Call.",
+            "request_permissions": "Запросить доступ к медиа устройству",
+            "title": "Голос и видео",
+            "video_input_empty": "Веб-камера не обнаружена",
+            "video_section": "Настройки видео",
+            "voice_agc": "Автоматически подстроить громкость микрофона",
+            "voice_processing": "Обработка голоса",
+            "voice_section": "Настройки голоса"
+        },
+        "warn_quit": "Предупредить перед выходом",
+        "warning": "<w>ВНИМАНИЕ:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Ссылка скопирована",
+        "permalink_message": "Ссылка на выбранное сообщение",
+        "permalink_most_recent": "Ссылка на последнее сообщение",
+        "share_call": "Ссылка-приглашение на конференцию",
+        "share_call_subtitle": "Ссылка для внешних пользователей, желающих присоединиться к вызову без учетной записи matrix:",
+        "title_link": "Поделиться ссылкой",
+        "title_message": "Поделиться сообщением",
+        "title_room": "Поделиться комнатой",
+        "title_user": "Поделиться пользователем"
+    },
+    "slash_command": {
+        "addwidget": "Добавляет пользовательский виджет по URL-адресу в комнате",
+        "addwidget_iframe_missing_src": "iframe не имеет атрибута src",
+        "addwidget_invalid_protocol": "Пожалуйста, укажите https:// или http:// адрес URL виджета",
+        "addwidget_missing_url": "Укажите URL или код вставки виджета",
+        "addwidget_no_permissions": "Вы не можете изменять виджеты в этой комнате.",
+        "ban": "Блокирует пользователя с заданным ID",
+        "category_actions": "Действия",
+        "category_admin": "Администратор",
+        "category_advanced": "Подробности",
+        "category_effects": "Эффекты",
+        "category_messages": "Сообщения",
+        "category_other": "Другие",
+        "command_error": "Ошибка команды",
+        "converttodm": "Преобразовывает комнату в ЛС",
+        "converttoroom": "Преобразовать ЛС в комнату",
+        "could_not_find_room": "Не удалось найти комнату",
+        "deop": "Снимает полномочия оператора с пользователя с заданным ID",
+        "devtools": "Открывает инструменты разработчика",
+        "discardsession": "Принудительно отбрасывает текущий групповой сеанс для отправки сообщений в зашифрованную комнату",
+        "error_invalid_rendering_type": "Ошибка команды: невозможно найти тип рендеринга (%(renderingType)s)",
+        "error_invalid_room": "Не удалось выполнить команду: не удалось найти комнату %(roomId)s",
+        "error_invalid_runfn": "Ошибка команды: невозможно обработать команду slash.",
+        "error_invalid_user_in_room": "Не удалось найти пользователя в комнате",
+        "help": "Отображает список команд с описанием и использованием",
+        "help_dialog_title": "Помощь команды",
+        "holdcall": "Перевести вызов в текущей комнате на удержание",
+        "html": "Отправить сообщение как html, не интерпретируя его как markdown",
+        "ignore": "Игнорирует пользователя, скрывая сообщения от вас",
+        "ignore_dialog_description": "Теперь вы игнорируете %(userId)s",
+        "ignore_dialog_title": "Пользователь добавлен в список игнорирования",
+        "invite": "Приглашает пользователя с заданным ID в текущую комнату",
+        "invite_3pid_needs_is_error": "Используйте сервер идентификации что бы пригласить по электронной почте Управление в настройках.",
+        "invite_3pid_use_default_is_title": "Используйте сервер идентификации",
+        "invite_3pid_use_default_is_title_description": "Используйте сервер идентификации что бы пригласить по электронной почте Нажмите Продолжить, чтобы использовать стандартный сервер идентифицации(%(defaultIdentityServerName)s) или изменить в Настройках.",
+        "invite_failed": "Пользователь (%(user)s) не был приглашенным в %(roomId)s, но ошибка отсутствует",
+        "join": "Присоединиться к комнате с указанным адресом",
+        "jumptodate": "Перейти к заданной дате в ленте сообщений",
+        "jumptodate_invalid_input": "Мы не смогли распознать заданную дату (%(inputDate)s). Попробуйте использовать формат ГГГГ-ММ-ДД.",
+        "lenny": "Добавляет ( ͡° ͜ʖ ͡°) в начало сообщения",
+        "manual_device_verification_confirm_description": "Это позволит другому устройству отправлять и получать сообщения от вашего имени. ЕСЛИ КТО-ТО СКАЗАЛ ВАМ ВСТАВИТЬ ЗДЕСЬ ЧТО-ТО, ВЕРОЯТНО, ВАС ПЫТАЮТСЯ ОБМАНУТЬ! Вы уверены, что хотите подтвердить это другое устройство?",
+        "manual_device_verification_confirm_title": "Внимание: ручная проверка устройства",
+        "me": "Отображение действий",
+        "msg": "Отправить сообщение данному пользователю",
+        "myavatar": "Меняет изображение профиля во всех чатах",
+        "myroomavatar": "Меняет изображение профиля только в текущей комнате",
+        "myroomnick": "Изменяет ваш псевдоним только для текущей комнаты",
+        "nick": "Изменяет ваш псевдоним",
+        "no_active_call": "Нет активного вызова в этой комнате",
+        "op": "Определить уровень прав пользователя",
+        "part_unknown_alias": "Нераспознанный адрес комнаты: %(roomAlias)s",
+        "plain": "Посылает сообщение в виде простого текста, не интерпретируя его как разметку",
+        "query": "Открыть чат с данным пользователем",
+        "query_not_found_phone_number": "Не удалось найти Matrix ID для номера телефона",
+        "rageshake": "Отправить отчёт об ошибке с логами",
+        "rainbow": "Отправляет сообщение, окрашенное в цвета радуги",
+        "rainbowme": "Отправляет эмоцию, окрашенную в цвета радуги",
+        "remove": "Удаляет пользователя с заданным id из этой комнаты",
+        "roomavatar": "Меняет аватар текущей комнаты",
+        "roomname": "Устанавливает название комнаты",
+        "server_error": "Ошибка сервера",
+        "server_error_detail": "Возможно, сервер недоступен, перегружен или что-то еще пошло не так.",
+        "shrug": "Добавляет смайл ¯\\_(ツ)_/¯ в начало сообщения",
+        "spoiler": "Отправить данное сообщение под спойлером",
+        "tableflip": "Добавляет (╯°□°）╯︵ ┻━┻ в начало сообщения",
+        "topic": "Читает или устанавливает тему комнаты",
+        "topic_none": "У этой комнаты нет темы.",
+        "topic_room_error": "Не удалось получить тему комнаты: не удалось найти комнату (%(roomId)s",
+        "unban": "Разблокирует пользователя с заданным ID",
+        "unflip": "Добавляет ┬──┬ ノ( ゜-゜ノ) в начало сообщения",
+        "unholdcall": "Прекратить удержание вызова в текущей комнате",
+        "unignore": "Прекращает игнорирование пользователя, показывая их будущие сообщения",
+        "unignore_dialog_description": "Вы больше не игнорируете %(userId)s",
+        "unignore_dialog_title": "Пользователь убран из списка игнорирования",
+        "unknown_command": "Неизвестная команда",
+        "unknown_command_button": "Отправить как сообщение",
+        "unknown_command_detail": "Нераспознанная команда: %(commandText)s",
+        "unknown_command_help": "Введите <code>/help</code> для списка доступных команд. Хотите отправить это сообщение как есть?",
+        "unknown_command_hint": "Совет: поставьте <code>//</code> в начале сообщения, чтобы начать его с косой черты.",
+        "upgraderoom": "Обновляет комнату до новой версии",
+        "upgraderoom_permission_error": "У вас нет необходимых разрешений для использования этой команды.",
+        "usage": "Использование",
+        "verify": "Проверь вручную одно из своих устройств",
+        "view": "Просмотр комнаты с указанным адресом",
+        "whois": "Показать информацию о пользователе"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Устаревший протокол Sliding sync больше не поддерживается: выйди из системы и войди снова, чтобы включить новый протокол Sliding sync",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Хотите добавить новую комнату?",
+            "create_prompt": "Создать новую комнату",
+            "dm_heading": "Личные сообщения",
+            "error_heading": "Не все выбранные добавлены",
+            "progress_text": {
+                "one": "Добавление комнаты...",
+                "few": "Добавление комнат... (%(progress)s из %(count)s)",
+                "many": "Добавление комнат... (%(progress)s из %(count)s)"
+            },
+            "space_dropdown_label": "Выбор пространства",
+            "space_dropdown_title": "Добавить существующие комнаты",
+            "subspace_moved_note": "Добавление пространств перемещено."
+        },
+        "add_existing_subspace": {
+            "create_button": "Создать новое пространство",
+            "create_prompt": "Хотите добавить новое пространство?",
+            "filter_placeholder": "Поиск пространств",
+            "space_dropdown_title": "Добавить существующее пространство"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Просмотреть шкалу времени комнаты (инструменты разработчика)",
+            "explore": "Обзор комнат",
+            "home": "Пространство — Главная",
+            "manage_and_explore": "Управление и список комнат",
+            "options": "Настройки пространства"
+        },
+        "failed_load_rooms": "Не удалось загрузить список комнат.",
+        "failed_remove_rooms": "Не удалось удалить несколько комнат. Попробуйте позже",
+        "incompatible_server_hierarchy": "Ваш сервер не поддерживает отображение пространственных иерархий.",
+        "invite": "Пригласить людей",
+        "invite_description": "Пригласить по электронной почте или имени пользователя",
+        "invite_link": "Поделиться ссылкой на приглашение",
+        "joining_space": "Присоединение",
+        "landing_welcome": "Добро пожаловать в <name/>",
+        "leave_dialog_action": "Покинуть пространство",
+        "leave_dialog_description": "Вы собираетесь покинуть <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Вы являетесь единственным администратором некоторых комнат или пространств, которые вы хотите покинуть. Покинув их, вы оставите их без администраторов.",
+        "leave_dialog_only_admin_warning": "Вы единственный администратор этого пространства. Если вы его оставите, это будет означать, что никто не имеет над ним контроля.",
+        "leave_dialog_option_all": "Покинуть все комнаты",
+        "leave_dialog_option_intro": "Хотите ли вы покинуть комнаты в этом пространстве?",
+        "leave_dialog_option_none": "Не покидать ни одну комнату",
+        "leave_dialog_option_specific": "Покинуть несколько комнат",
+        "leave_dialog_public_rejoin_warning": "Вы сможете присоединиться только после повторного приглашения.",
+        "leave_dialog_title": "Покинуть %(spaceName)s",
+        "mark_suggested": "Отметить как рекомендуется",
+        "no_search_result_hint": "Вы можете попробовать другой поиск или проверить опечатки.",
+        "preferences": {
+            "sections_section": "Разделы для показа",
+            "show_people_in_space": "Это сгруппирует ваши чаты с участниками этого пространства. Выключение, скроет эти чаты от вашего просмотра в %(spaceName)s."
+        },
+        "room_filter_placeholder": "Поиск комнат",
+        "search_children": "Поиск %(spaceName)s",
+        "search_placeholder": "Искать имена и описания",
+        "select_room_below": "Сначала выберите комнату ниже",
+        "share_public": "Поделитесь своим публичным пространством",
+        "suggested": "Рекомендуется",
+        "suggested_tooltip": "Эта комната рекомендуется, чтобы присоединиться",
+        "title_when_query_available": "Результаты",
+        "title_when_query_unavailable": "Комнаты и пространства",
+        "unmark_suggested": "Отметить как не рекомендуется",
+        "user_lacks_permission": "У вас нет разрешения"
+    },
+    "space_settings": {
+        "title": "Настройки — %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Введите имя нового сервера для просмотра.",
+            "network_dropdown_add_dialog_placeholder": "Имя сервера",
+            "network_dropdown_add_dialog_title": "Добавить сервер",
+            "network_dropdown_add_server_option": "Добавить новый сервер…",
+            "network_dropdown_available_invalid": "Не можем найти этот сервер или его список комнат",
+            "network_dropdown_available_invalid_forbidden": "Вам не разрешено просматривать список комнат этого сервера",
+            "network_dropdown_available_valid": "В порядке",
+            "network_dropdown_remove_server_adornment": "Удалить сервер «%(roomServer)s»",
+            "network_dropdown_required_invalid": "Введите имя сервера",
+            "network_dropdown_selected_label": "Показать: комнаты Matrix",
+            "network_dropdown_selected_label_instance": "Показать: %(instance)s комнат (%(server)s)",
+            "network_dropdown_your_server_description": "Ваш сервер"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Если вы не видите того, кто вам нужен, отправьте ему свою ссылку приглашения.",
+        "cant_find_room_helpful_hint": "Если не можете найти нужную комнату, просто попросите пригласить вас или создайте новую комнату.",
+        "copy_link_text": "Копировать ссылку приглашения",
+        "count_of_members": {
+            "one": "%(count)s участник",
+            "few": "%(count)s участника",
+            "many": "%(count)s участников"
+        },
+        "create_new_room_button": "Создать комнату",
+        "failed_querying_public_rooms": "Не удалось запросить публичную комнату",
+        "failed_querying_public_spaces": "Не удалось запросить публичное пространство",
+        "group_chat_section_title": "Другие опции",
+        "heading_with_query": "Используйте \"%(query)s\" для поиска",
+        "heading_without_query": "Поиск",
+        "join_button_text": "Присоединиться к %(roomAddress)s",
+        "keyboard_scroll_hint": "Используйте <arrows/> для прокрутки",
+        "messages_label": "Сообщения",
+        "other_rooms_in_space": "Прочие комнаты в %(spaceName)s",
+        "public_rooms_label": "Публичные комнаты",
+        "public_spaces_label": "Публичное пространство",
+        "recent_searches_section_title": "Недавние поиски",
+        "recently_viewed_section_title": "Недавно просмотренные",
+        "remove_filter": "Удалить фильтр поиска для %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Некоторые результаты могут быть скрыты из-за конфиденциальности",
+        "result_may_be_hidden_warning": "Некоторые результаты могут быть скрыты",
+        "search_dialog": "Окно поиска",
+        "spaces_title": "Ваши пространства",
+        "start_group_chat_button": "Начать групповой чат"
+    },
+    "stickers": {
+        "empty": "У вас ещё нет наклеек",
+        "empty_add_prompt": "Добавить сейчас"
+    },
+    "terms": {
+        "column_document": "Документ",
+        "column_service": "Сервис",
+        "column_summary": "Сводка",
+        "identity_server_no_terms_description_1": "Это действие требует по умолчанию доступа к серверу идентификации <server /> для подтверждения адреса электронной почты или номера телефона, но у сервера нет никакого пользовательского соглашения.",
+        "identity_server_no_terms_description_2": "Продолжайте, только если доверяете владельцу сервера.",
+        "identity_server_no_terms_title": "Сервер идентификации не имеет условий предоставления услуг",
+        "inline_intro_text": "Примите <policyLink /> для продолжения:",
+        "integration_manager": "Использовать боты, мосты, виджеты и наборы стикеров",
+        "intro": "Для продолжения Вам необходимо принять условия данного сервиса.",
+        "summary_identity_server_1": "Найти других по номеру телефона или email",
+        "summary_identity_server_2": "Будут найдены по номеру телефона или email",
+        "tac_button": "Просмотр условий и положений",
+        "tac_description": "Для продолжения использования сервера %(homeserverDomain)s вы должны ознакомиться и принять условия и положения.",
+        "tac_title": "Условия и положения",
+        "tos": "Условия использования"
+    },
+    "theme": {
+        "light_high_contrast": "Контрастная светлая",
+        "match_system": "Как в системе"
+    },
+    "thread_view_back_action_label": "Вернуться к обсуждению",
+    "threads": {
+        "all_threads": "Все обсуждения",
+        "all_threads_description": "Отобразит все обсуждения из текущей комнаты",
+        "count_of_reply": {
+            "one": "%(count)s ответ",
+            "few": "%(count)s ответа",
+            "many": "%(count)s ответов"
+        },
+        "empty_description": "Используйте “%(replyInThread)s” при наведении курсора на сообщение.",
+        "empty_title": "Обсуждения помогают поддерживать тему разговоров и их легко отслеживать.",
+        "mark_all_read": "Отметить все как прочитанные",
+        "my_threads": "Мои обсуждения",
+        "my_threads_description": "Отобразит все обсуждения, в которых вы принимали участие",
+        "open_thread": "Открыть обсуждение",
+        "show_thread_filter": "Показать:"
+    },
+    "threads_activity_centre": {
+        "header": "Активность обсуждений",
+        "no_rooms_with_threads_notifs": "У вас пока нет комнат с уведомлениями в обсуждениях.",
+        "no_rooms_with_unread_threads": "У вас пока нет комнат с непрочитанными обсуждениями."
+    },
+    "time": {
+        "date_at_time": "%(date)s в %(time)s",
+        "hours_minutes_seconds_left": "Осталось %(hours)sч %(minutes)sм %(seconds)sс",
+        "left": "Осталось %(timeRemaining)s",
+        "minutes_seconds_left": "Осталось %(minutes)sм %(seconds)sс",
+        "seconds_left": "%(seconds)s осталось",
+        "short_days": "%(value)sд",
+        "short_days_hours_minutes_seconds": "%(days)s д %(hours)s ч %(minutes)s мин %(seconds)s с",
+        "short_hours": "%(value)sч",
+        "short_hours_minutes_seconds": "%(hours)s ч %(minutes)s мин %(seconds)s с",
+        "short_minutes": "%(value)sм",
+        "short_minutes_seconds": "%(minutes)s мин %(seconds)s с",
+        "short_seconds": "%(value)sс"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Свернуть ответы обсуждения",
+            "external_url": "Исходная ссылка",
+            "open_in_osm": "Открыть в OpenStreetMap",
+            "report": "Сообщить",
+            "resent_unsent_reactions": "Отправить повторно %(unsentCount)s реакций",
+            "show_url_preview": "Предпросмотр",
+            "view_related_event": "Посмотреть связанное событие",
+            "view_source": "Исходный код"
+        },
+        "creation_summary_dm": "%(creator)s начал(а) этот чат.",
+        "creation_summary_room": "%(creator)s создал(а) и настроил(а) комнату.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Подтвержденная личность изменилась",
+            "unable_to_decrypt": "Не удалось расшифровать сообщение"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Скачивание",
+        "download_failed": "Скачивание не удалось",
+        "download_failed_description": "Произошла ошибка при скачивании этого файла",
+        "edits": {
+            "tooltip_label": "Изменено %(date)s. Нажмите для посмотра истории изменений.",
+            "tooltip_sub": "Нажмите для просмотра правок",
+            "tooltip_title": "Изменено %(date)s"
+        },
+        "error_no_renderer": "Не удалось отобразить это событие",
+        "error_rendering_message": "Не удалось загрузить это сообщение",
+        "historical_messages_unavailable": "Вы не можете просматривать более старые сообщения",
+        "in_room_name": " в <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s обновил(а) макет комнаты",
+        "late_event_separator": "Первоначально отправлено %(dateTime)s",
+        "load_error": {
+            "no_permission": "Попытка загрузить выбранный интервал истории чата этой комнаты не удалась, так как у вас нет разрешений на просмотр.",
+            "title": "Не удалось загрузить метку из хронологии",
+            "unable_to_find": "Попытка загрузить выбранный интервал истории чата этой комнаты не удалась, так как запрошенный элемент не найден."
+        },
+        "m.audio": {
+            "error_downloading_audio": "Ошибка скачивания аудио",
+            "error_processing_audio": "Ошибка обработки звукового сообщения",
+            "error_processing_voice_message": "Ошибка при обработке голосового сообщения"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Посмотреть трансляцию местоположения"
+        },
+        "m.call": {
+            "video_call_ended": "Видеозвонок завершён",
+            "video_call_started": "Видеовызов начался в %(roomName)s.",
+            "video_call_started_text": "%(name)s начал(а) видеозвонок",
+            "video_call_started_unsupported": "Видеовызов начался в %(roomName)s. (не поддерживается этим браузером)"
+        },
+        "m.call.hangup": {
+            "dm": "Звонок завершён"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Ответили в другом месте",
+            "call_back_prompt": "Перезвонить",
+            "declined": "Вызов отклонён",
+            "failed_connect_media": "Не удалось подключиться к носителю",
+            "failed_connection": "Ошибка соединения",
+            "failed_opponent_media": "Их устройство не может запустить камеру или микрофон",
+            "missed_call": "Пропущенный вызов",
+            "no_answer": "Нет ответа",
+            "unknown_error": "Произошла неизвестная ошибка",
+            "unknown_failure": "Неизвестная ошибка: %(reason)s",
+            "unknown_state": "Вызов в неизвестном состоянии!",
+            "video_call": "%(senderName)s сделал видео вызов.",
+            "video_call_unsupported": "%(senderName)s сделал видео вызов. (не поддерживается этим браузером)",
+            "voice_call": "%(senderName)s сделал голосовой вызов.",
+            "voice_call_unsupported": "%(senderName)s сделал голосовой вызов. (не поддерживается этим браузером)"
+        },
+        "m.file": {
+            "error_decrypting": "Ошибка расшифровки вложения"
+        },
+        "m.image": {
+            "error": "Невозможно показать изображение из-за ошибки",
+            "error_decrypting": "Ошибка расшифровки изображения",
+            "error_downloading": "Ошибка при скачивании изображения",
+            "sent": "%(senderDisplayName)s отправил(а) изображение.",
+            "show_image": "Показать изображение"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s желает подтвердить",
+            "you_started": "Вы отправили запрос подтверждения"
+        },
+        "m.location": {
+            "full": "%(senderName)s поделился(-ась) своим местоположением",
+            "location": "Делится местоположением: ",
+            "self_location": "Поделились своим местоположением: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s голос",
+                "other": "%(count)s голосов"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s завершил(а) опрос"
+        },
+        "m.poll.start": "%(senderName)s начал(а) опрос — %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s изменил(а) аватар комнаты.",
+            "lightbox_title": "%(senderDisplayName)s изменил(а) аватар комнаты %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s добавил(а) альтернативные адреса %(addresses)s для этой комнаты.",
+                "one": "%(senderName)s добавил(а) альтернативные адреса %(addresses)s для этой комнаты."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s удалил(а) альтернативные адреса %(addresses)s для этой комнаты.",
+                "one": "%(senderName)s удалил(а) альтернативные адреса %(addresses)s для этой комнаты."
+            },
+            "changed": "%(senderName)s изменил(а) адреса для этой комнаты.",
+            "changed_alternative": "%(senderName)s изменил(а) альтернативные адреса для этой комнаты.",
+            "changed_main_and_alternative": "%(senderName)s изменил(а) главный и альтернативные адреса для этой комнаты.",
+            "removed": "%(senderName)s удалил главный адрес комнаты.",
+            "set": "%(senderName)s установил(а) %(address)s в качестве главного адреса комнаты."
+        },
+        "m.room.create": {
+            "continuation": "Эта комната является продолжением другого разговора.",
+            "see_older_messages": "Нажмите, чтобы увидеть старые сообщения.",
+            "unknown_predecessor": "Не удалось найти старую версию этой комнаты (идентификатор комнаты:%(roomId)s) или нам не предоставили «via_servers» для ее поиска.",
+            "unknown_predecessor_guess_server": "Не удалось найти старую версию этой комнаты (идентификатор комнаты:%(roomId)s) или нам не предоставили «via_servers» для ее поиска. Вполне возможно, что угадать сервер по идентификатору комнаты получится. Если вы хотите попробовать, нажмите на эту ссылку:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s разрешил(а) гостям входить в комнату.",
+            "forbidden": "%(senderDisplayName)s запретил(а) гостям входить в комнату.",
+            "unknown": "%(senderDisplayName)s изменил(а) гостевой доступ на \"%(rule)s\""
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s сделал(а) историю разговора видимой для всех собеседников с момента их приглашения.",
+            "joined": "%(senderName)s сделал(а) историю разговора видимой для всех собеседников с момента их входа в комнату.",
+            "shared": "%(senderName)s делает историю разговора видимой для всех собеседников.",
+            "unknown": "%(senderName)s сделал(а) историю комнаты видимой в неизвестном режиме (%(visibility)s).",
+            "world_readable": "%(senderName)s сделал(а) историю разговора видимой для всех."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s сделал(а) комнату доступной только по приглашению.",
+            "knock": "%(senderDisplayName)s изменил правило приглашения",
+            "public": "%(senderDisplayName)s сделал(а) комнату публичной для всех, кто знает ссылку.",
+            "restricted": "%(senderDisplayName)s изменил(а), кто может присоединиться к этой комнате.",
+            "restricted_settings": "%(senderDisplayName)s изменил(а), кто может присоединиться к этой комнате. <a>Просмотр настроек</a>.",
+            "unknown": "%(senderDisplayName)s изменил(а) правило входа на \"%(rule)s\""
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s принял(а) приглашение для %(displayName)s",
+            "accepted_invite": "%(targetName)s принял(а) приглашение",
+            "ban": "%(senderName)s заблокировал(а) %(targetName)s",
+            "ban_reason": "%(senderName)s заблокировал(а) %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s изменил(а) аватар",
+            "change_name": "%(oldDisplayName)s изменил(а) имя на %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s изменил(а) имя и аватар",
+            "invite": "%(senderName)s пригласил(а) %(targetName)s",
+            "join": "%(targetName)s теперь с нами",
+            "kick": "%(senderName)s исключает %(targetName)s",
+            "kick_reason": "%(senderName)s исключил %(targetName)s: %(reason)s",
+            "left": "%(targetName)s покинул(а) комнату",
+            "left_reason": "%(targetName)s покинул(а) комнату: %(reason)s",
+            "no_change": "%(senderName)s не сделано изменений",
+            "reject_invite": "%(targetName)s отклонил(а) приглашение",
+            "reject_invite_reason": "%(targetName)s отклонил приглашение: %(reason)s",
+            "remove_avatar": "%(senderName)s удалил(а) аватар",
+            "remove_name": "%(senderName)s удалил(а) отображаемое имя (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s установил(а) аватар",
+            "set_name": "%(senderName)s установил(а) отображаемое имя %(displayName)s",
+            "unban": "%(senderName)s разблокировал(а) %(targetName)s",
+            "withdrew_invite": "%(senderName)s отозвал(а) приглашение %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s отозвал(а) приглашение %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s изменил(а) название комнаты с %(oldRoomName)s на %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s удалил(а) название комнаты.",
+            "set": "%(senderDisplayName)s изменил(а) название комнаты на %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s изменил(а) закреплённые сообщения в этой комнате.",
+            "changed_link": "%(senderName)s изменил(а) <a>закреплённые сообщения</a> в этой комнате.",
+            "pinned": "%(senderName)s закрепил(а) сообщение в этой комнате. Посмотрите все закреплённые сообщения.",
+            "pinned_link": "%(senderName)s закрепил(а) <a>сообщение</a> в этой комнате. Посмотрите все <b>закреплённые сообщения</b>.",
+            "unpinned": "%(senderName)s открепил(а) сообщение в этой комнате. Посмотрите все закреплённые сообщения.",
+            "unpinned_link": "%(senderName)s открепил(а) <a>сообщение</a> в этой комнате. Посмотрите все <b>закреплённые сообщения</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s изменил(а) уровни прав %(powerLevelDiffText)s.",
+            "user_from_to": "для %(userId)s с %(fromPowerLevel)s на %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s отозвал/а приглашение %(targetDisplayName)s присоединиться к комнате.",
+            "sent": "%(senderName)s пригласил(а) %(targetDisplayName)s в комнату."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s обновил(а) эту комнату.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s изменил(а) тему комнаты на \"%(topic)s\".",
+            "removed": "%(senderDisplayName)s удалил тему."
+        },
+        "m.sticker": "%(senderDisplayName)s отправил(а) стикер.",
+        "m.video": {
+            "error_decrypting": "Ошибка расшифровки видео",
+            "show_video": "Показать видео"
+        },
+        "m.widget": {
+            "added": "Виджет %(widgetName)s был добавлен %(senderName)s",
+            "jitsi_ended": "%(senderName)s завершил(а) видеоконференцию",
+            "jitsi_join_right_prompt": "Присоединяйтесь к конференции, используя информационную карточку комнаты справа",
+            "jitsi_join_top_prompt": "Присоединяйтесь к конференции в верхней части этой комнаты",
+            "jitsi_started": "%(senderName)s начал(а) видеоконференцию",
+            "jitsi_updated": "%(senderName)s обновил(а) видеоконференцию",
+            "modified": "Виджет %(widgetName)s был изменен %(senderName)s",
+            "removed": "Виджет %(widgetName)s был удален %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Копировать ссылку на обсуждение",
+            "view_in_room": "Просмотреть в комнате"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s обновил(а) правило блокировки по шаблону %(oldGlob)s на шаблон %(newGlob)s за %(reason)s",
+            "changed_rule_rooms": "%(senderName)s изменил(а) правило блокировки комнат по шаблону %(oldGlob)s на шаблон %(newGlob)s за %(reason)s",
+            "changed_rule_servers": "%(senderName)s изменил(а) правило блокировки серверов по шаблону %(oldGlob)s на шаблон %(newGlob)s за %(reason)s",
+            "changed_rule_users": "%(senderName)s изменил(а) правило блокировки пользователей по шаблону %(oldGlob)s на шаблон %(newGlob)s за %(reason)s",
+            "created_rule": "%(senderName)s создал(а) правило блокировки по шаблону %(glob)s за %(reason)s",
+            "created_rule_rooms": "%(senderName)s создал(а) правило блокировки комнат по шаблону %(glob)s за %(reason)s",
+            "created_rule_servers": "%(senderName)s создал(а) правило блокировки серверов по шаблону %(glob)s за %(reason)s",
+            "created_rule_users": "%(senderName)s создал(а) правило блокировки пользователей по шаблону %(glob)s за %(reason)s",
+            "removed_rule": "%(senderName)s удалил(а) правило блокировки по шаблону %(glob)s",
+            "removed_rule_rooms": "%(senderName)s удалил правило блокировки комнат по шаблону %(glob)s",
+            "removed_rule_servers": "%(senderName)s удалил(а) правило блокировки серверов по шаблону %(glob)s",
+            "removed_rule_users": "%(senderName)s удалил(а) правило блокировки пользователей по шаблону %(glob)s",
+            "updated_invalid_rule": "%(senderName)s обновил(а) неверное правило блокировки",
+            "updated_rule": "%(senderName)s обновил(а) правило блокировки по шаблону %(glob)s за %(reason)s",
+            "updated_rule_rooms": "%(senderName)s обновил(а) правило блокировки комнат по шаблону %(glob)s за %(reason)s",
+            "updated_rule_servers": "%(senderName)s обновил(а) правило блокировки серверов по шаблону %(glob)s за %(reason)s",
+            "updated_rule_users": "%(senderName)s обновил(а) правило блокировки пользователей по шаблону %(glob)s за %(reason)s"
+        },
+        "no_permission_messages_before_invite": "У вас нет разрешения на просмотр сообщений, полученных до того, как вы были приглашены.",
+        "no_permission_messages_before_join": "У вас нет разрешения на просмотр сообщений, полученных до вашего присоединения.",
+        "pending_moderation": "Сообщение ожидает модерации",
+        "pending_moderation_reason": "Сообщение ожидает модерации: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Отреагировать",
+            "custom_reaction_fallback_label": "Пользовательская реакция",
+            "label": "%(reactors)s отреагировали %(content)s",
+            "tooltip_caption": "отреагировал с %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Просмотрел %(count)s человек",
+            "other": "Просмотрели %(count)s людей"
+        },
+        "read_receipts_label": "Отчёты о прочтении",
+        "redacted": {
+            "tooltip": "Сообщение удалено %(date)s"
+        },
+        "redaction": "Сообщение удалено %(name)s",
+        "reply": {
+            "error_loading": "Не удается загрузить событие, на которое был дан ответ. Либо оно не существует, либо у вас нет разрешения на его просмотр.",
+            "in_reply_to": "<a>В ответ на</a> <pill>",
+            "in_reply_to_for_export": "В ответ на <a>это сообщение</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Вы будете перенаправлены на внешний сайт, чтобы войти в свою учётную запись для использования с %(integrationsUrl)s. Продолжить?",
+            "dialog_title": "Добавить интеграцию"
+        },
+        "self_redaction": "Сообщение удалено",
+        "send_state_encrypting": "Шифрование сообщения…",
+        "send_state_failed": "Не удалось отправить",
+        "send_state_sending": "Отправка сообщения…",
+        "send_state_sent": "Ваше сообщение было отправлено",
+        "summary": {
+            "banned": {
+                "other": "заблокирован(а) %(count)s раз(а)",
+                "one": "заблокирован(а)"
+            },
+            "banned_multiple": {
+                "other": "заблокированы %(count)s раз(а)",
+                "one": "заблокированы"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)s изменили свою фотографию в профиле",
+                "few": "%(oneUser)s пользователя меня свою фотографию %(count)s раз",
+                "many": "%(oneUser)s пользователей меня свою фотографию %(count)s раз"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)s изменили свою фотографию в профиле",
+                "few": "%(severalUsers)s меняли свою фотографию в профиле %(count)s раз",
+                "many": "%(severalUsers)s меняли свою фотографию в профиле %(count)s раз"
+            },
+            "changed_name": {
+                "other": "%(oneUser)sизменил(а) имя %(count)s раз(а)",
+                "one": "%(oneUser)sизменил(а) имя"
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)sизменили имя %(count)s раз(а)",
+                "one": "%(severalUsers)sизменили имя"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)sотправил(а) скрытое сообщение",
+                "other": "%(oneUser)sотправил(а) %(count)s скрытых сообщения(-й)"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)sотправили скрытое сообщение",
+                "other": "%(severalUsers)sотправили %(count)s скрытых сообщения(-й)"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)sотклонил(а) приглашение %(count)s раз(а)",
+                "one": "%(oneUser)sотозвал(а) приглашение"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)sотозвали приглашения %(count)s раз(а)",
+                "one": "%(severalUsers)sотозвали приглашения"
+            },
+            "invited": {
+                "other": "приглашен(а) %(count)s раз(а)",
+                "one": "приглашен(а)"
+            },
+            "invited_multiple": {
+                "other": "приглашены %(count)s раз(а)",
+                "one": "приглашены"
+            },
+            "joined": {
+                "other": "%(oneUser)s присоединился(лась) %(count)s раз(а)",
+                "one": "%(oneUser)s присоединился(лась)"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)s присоединяется и покидает",
+                "few": "%(oneUser)s присоединяется и покидает %(count)s раза",
+                "many": "%(oneUser)s присоединяется и покидает %(count)s раз"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)s присоединились и покинули %(count)s раз(а)",
+                "one": "%(severalUsers)s присоединились и покинули"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s присоединились %(count)s раз(а)",
+                "one": "%(severalUsers)s присоединились"
+            },
+            "kicked": {
+                "one": "исключили",
+                "few": "исключили %(count)s раза",
+                "many": "исключили %(count)s раз"
+            },
+            "kicked_multiple": {
+                "one": "были удалены",
+                "other": "удалены %(count)s раз(а)"
+            },
+            "left": {
+                "one": "%(oneUser)s покидает",
+                "few": "%(oneUser)s покидает %(count)s раза",
+                "many": "%(oneUser)s покидает %(count)s раз"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)s покинули %(count)s раз(а)",
+                "one": "%(severalUsers)s покинули"
+            },
+            "no_change": {
+                "other": "%(oneUser)sничего не изменил(а) %(count)s раз(а)",
+                "one": "%(oneUser)sне внёс изменений"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)sничего не изменили %(count)s раз(а)",
+                "one": "%(severalUsers)sне внёс изменений"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)sизменил(а) <a>закреплённые сообщения</a> комнаты",
+                "other": "%(oneUser)sизменил(а) <a>закреплённые сообщения</a> комнаты %(count)s раз(а)"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s изменили <a>закреплённые сообщения</a> комнаты",
+                "other": "%(severalUsers)s изменили <a>закреплённые сообщения</a> комнаты %(count)s раз(а)"
+            },
+            "redacted": {
+                "one": "%(oneUser)s удалил(а) сообщение",
+                "other": "%(oneUser)sудалил(а) %(count)s сообщения(-й)"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)sудалили сообщение",
+                "other": "%(severalUsers)sудалили %(count)s сообщения(-й)"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)sотклонил(а) приглашение %(count)s раз(а)",
+                "one": "%(oneUser)sотклонил(а) приглашение"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s отклонили приглашения %(count)s раз(а)",
+                "one": "%(severalUsers)sотклонили приглашения"
+            },
+            "rejoined": {
+                "other": "%(oneUser)s покинул(а) и снова присоединился(лась) %(count)s раз(а)",
+                "one": "%(oneUser)s покинул(а) и снова присоединился(лась)"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)s покинули и снова присоединились %(count)s раз(а)",
+                "one": "%(severalUsers)s покинули и снова присоединились"
+            },
+            "unbanned": {
+                "other": "разблокирован(а) %(count)s раз(а)",
+                "one": "разблокирован(а)"
+            },
+            "unbanned_multiple": {
+                "other": "разблокированы %(count)s раз(а)",
+                "one": "разблокированы"
+            }
+        },
+        "thread_info_basic": "Из обсуждения",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s и %(count)s других печатают…",
+                "one": "%(names)s и ещё кто-то печатают…"
+            },
+            "one_user": "%(displayName)s печатает…",
+            "two_users": "%(names)s и %(lastPerson)s печатают…"
+        },
+        "undecryptable_tooltip": "Это сообщение не удалось расшифровать"
+    },
+    "truncated_list_n_more": {
+        "one": "%(count)s...",
+        "few": "И еще %(count)s...",
+        "many": "И еще %(count)s..."
+    },
+    "unsupported_browser": {
+        "description": "Если вы продолжите, некоторые функции могут перестать работать, и существует риск потери данных в будущем. Обновите браузер, чтобы продолжить использование %(brand)s.",
+        "title": "%(brand)s не поддерживает этот браузер"
+    },
+    "unsupported_server_description": "На этом сервере используется старая версия Matrix. Перейдите на Matrix%(version)s, чтобы использовать %(brand)s ее без ошибок.",
+    "unsupported_server_title": "Ваш сервер не поддерживается",
+    "update": {
+        "changelog": "История изменений",
+        "check_action": "Проверить наличие обновлений",
+        "checking": "Проверка наличия обновлений…",
+        "downloading": "Скачивание обновления…",
+        "error_encountered": "Обнаружена ошибка (%(errorDetail)s).",
+        "error_unable_load_commit": "Не возможно загрузить детали подтверждения:: %(msg)s",
+        "new_version_available": "Доступна новая версия. <a>Обновить сейчас.</a>",
+        "no_update": "Нет доступных обновлений.",
+        "release_notes_toast_title": "Что изменилось",
+        "see_changes_button": "Что нового?",
+        "toast_description": "Доступна новая версия %(brand)s",
+        "toast_title": "Обновление %(brand)s",
+        "unavailable": "Недоступен"
+    },
+    "update_room_access_modal": {
+        "description": "Чтобы создать ссылку для совместного доступа, сделайте эту комнату <b>общедоступной</b> и разрешите пользователям <b>запрашивать присоединение</b>. Это позволит гостям присоединиться без приглашения.",
+        "dont_change_description": "Кроме того, вы можете провести звонок в отдельной комнате.",
+        "no_change": "Я не хочу менять уровень доступа.",
+        "revert_access_description": "(Это можно вернуть к прежнему значению в настройках комнаты: <b>Безопасность и конфиденциальность</b> / <b>Доступ</b>)",
+        "title": "Изменить уровень доступа в комнату"
+    },
+    "upload_failed_generic": "Файл '%(fileName)s' не был загружен.",
+    "upload_failed_size": "Размер файла '%(fileName)s' превышает допустимый предел загрузки, установленный на этом сервере",
+    "upload_failed_title": "Сбой отправки файла",
+    "upload_file": {
+        "cancel_all_button": "Отменить все",
+        "error_file_too_large": "Этот файл <b>слишком большой</b> для загрузки. Лимит размера файла составляет %(limit)s но этот файл %(sizeOfThisFile)s.",
+        "error_files_too_large": "Эти файлы <b>слишком большие</b> для загрузки. Лимит размера файла составляет %(limit)s.",
+        "error_some_files_too_large": "Некоторые файлы имеют <b>слишком большой размер</b>, чтобы их можно было загрузить. Лимит размера файла составляет %(limit)s.",
+        "error_title": "Ошибка загрузки",
+        "not_image": "Выбранный вами файл не является изображением.",
+        "title": "Загрузка файлов",
+        "title_progress": "Загрузка файлов (%(current)s из %(total)s)",
+        "upload_all_button": "Загрузить всё",
+        "upload_n_others_button": {
+            "other": "Загрузка %(count)s других файлов",
+            "one": "Загрузка %(count)s другого файла"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Инструменты администратора",
+        "ban_button_room": "Заблокировать в комнате",
+        "ban_button_space": "Заблокировать в пространстве",
+        "ban_room_confirm_title": "Заблокировать в %(roomName)s",
+        "ban_space_everything": "Заблокировать их везде, где я могу это сделать",
+        "ban_space_specific": "Заблокировать их в определённых местах, где я могу это сделать",
+        "deactivate_confirm_action": "Деактивировать пользователя",
+        "deactivate_confirm_description": "Деактивация этого пользователя приведет к его выходу из системы и запрету повторного входа. Кроме того, они оставит все комнаты, в которых он участник. Это действие безповоротно. Вы уверены, что хотите деактивировать этого пользователя?",
+        "deactivate_confirm_title": "Деактивировать пользователя?",
+        "demote_button": "Понижение",
+        "demote_self_confirm_description_space": "Вы не сможете отменить это изменение, поскольку вы понижаете свои права, если вы являетесь последним привилегированным пользователем в пространстве, будет невозможно восстановить привилегии в будущем.",
+        "demote_self_confirm_room": "После понижения своих привилегий вы не сможете это отменить. Если вы являетесь последним привилегированным пользователем в этой комнате, выдать права кому-либо заново будет невозможно.",
+        "demote_self_confirm_title": "Понизить самого себя?",
+        "disinvite_button_room": "Отозвать приглашение в комнату",
+        "disinvite_button_room_name": "Отменить приглашение из %(roomName)s",
+        "disinvite_button_space": "Отозвать приглашение в пространство",
+        "error_ban_user": "Не удалось заблокировать пользователя",
+        "error_deactivate": "Не удалось деактивировать пользователя",
+        "error_kicking_user": "Не удалось исключить пользователя",
+        "error_mute_user": "Не удалось заглушить пользователя",
+        "error_revoke_3pid_invite_description": "Не удалось отозвать приглашение. Возможно, на сервере возникла вре́менная проблема или у вас недостаточно прав для отзыва приглашения.",
+        "error_revoke_3pid_invite_title": "Не удалось отменить приглашение",
+        "ignore_button": "Игнорировать",
+        "ignore_confirm_description": "Все сообщения и приглашения от этого пользователя будут скрыты. Вы действительно хотите их игнорировать?",
+        "ignore_confirm_title": "Игнорировать %(user)s",
+        "invited_by": "Приглашен %(sender)s",
+        "jump_to_rr_button": "Перейти к последнему прочитанному сообщению",
+        "kick_button_room": "Исключить из комнаты",
+        "kick_button_room_name": "Исключить из %(roomName)s",
+        "kick_button_space": "Исключить из пространства",
+        "kick_button_space_everything": "Исключить участника отовсюду, где я могу",
+        "kick_space_specific": "Исключить участника из некоторых мест, где я могу",
+        "kick_space_warning": "Они по-прежнему смогут получить доступ ко всему, где вы не являетесь администратором.",
+        "promote_warning": "Вы не сможете отменить это действие, так как этот пользователь получит уровень прав, равный вашему.",
+        "redact": {
+            "confirm_button": {
+                "other": "Удалить %(count)s сообщения(-й)",
+                "one": "Удалить 1 сообщение"
+            },
+            "confirm_description_1": {
+                "one": "Вы собираетесь удалить %(count)s сообщение от %(user)s. Это удалит его навсегда для всех в разговоре. Точно продолжить?",
+                "other": "Вы собираетесь удалить %(count)s сообщений от %(user)s. Это удалит их навсегда для всех в разговоре. Точно продолжить?"
+            },
+            "confirm_description_2": "Для большого количества сообщений это может занять некоторое время. Пожалуйста, не обновляйте своего клиента в это время.",
+            "confirm_keep_state_explainer": "Отключите, чтобы удалить системные сообщения о пользователе (изменения членства, редактирование профиля…)",
+            "confirm_keep_state_label": "Оставить системные сообщения",
+            "confirm_title": "Удалить последние сообщения от %(user)s",
+            "no_recent_messages_description": "Попробуйте пролистать ленту сообщений вверх, чтобы увидеть, есть ли более ранние.",
+            "no_recent_messages_title": "Последние сообщения от %(user)s не найдены"
+        },
+        "redact_button": "Удалить сообщения",
+        "revoke_invite": "Отозвать приглашение",
+        "room_encrypted": "Сообщения в этой комнате защищены сквозным шифрованием.",
+        "room_encrypted_detail": "Ваши сообщения в безопасности, ключи для расшифровки есть только у вас и получателя.",
+        "room_unencrypted": "Сообщения в этой комнате не защищены сквозным шифрованием.",
+        "room_unencrypted_detail": "В зашифрованных чатах ваши сообщения в безопасности: только у вас и у получателя есть ключи для расшифровки.",
+        "send_message": "Отправить сообщение",
+        "share_button": "Поделиться профилем",
+        "unban_button_room": "Разблокировать в комнате",
+        "unban_button_space": "Разблокировать в пространстве",
+        "unban_room_confirm_title": "Разблокировать в %(roomName)s",
+        "unban_space_everything": "Разблокировать их везде, где я могу это сделать",
+        "unban_space_specific": "Разблокировать их из определённых мест, где я могу это сделать",
+        "unban_space_warning": "Они не смогут получить доступ к тем местам, где вы не являетесь администратором.",
+        "unignore_button": "Не игнорировать",
+        "verification_unavailable": "Проверка пользователя недоступна",
+        "verify_button": "Подтвердить пользователя",
+        "verify_explainer": "Для дополнительной безопасности подтвердите этого пользователя, сравнив одноразовый код на ваших устройствах."
+    },
+    "voip": {
+        "already_in_call": "Уже в вызове",
+        "already_in_call_person": "Вы уже разговариваете с этим человеком.",
+        "answered_elsewhere": "Ответил в другом месте",
+        "answered_elsewhere_description": "На звонок ответили на другом устройстве.",
+        "call_failed": "Звонок не удался",
+        "call_failed_description": "Звонок не может быть установлен",
+        "call_failed_media": "Вызов не удался, потому что не удалось получить доступ к веб-камере или микрофону. Проверь это:",
+        "call_failed_media_applications": "Никакое другое приложение не использует веб-камеру",
+        "call_failed_media_connected": "Микрофон и веб-камера подключены и правильно настроены",
+        "call_failed_media_permissions": "Разрешение на использование веб-камеры предоставлено",
+        "call_failed_microphone": "Вызов не удался из-за отсутствия доступа к микрофону. Убедитесь, что микрофон подключен и правильно настроен.",
+        "call_held": "%(peerName)s удерживает звонок",
+        "call_held_resume": "Вы удерживаете звонок <a>Возобновить</a>",
+        "call_held_switch": "Вы удерживаете звонок <a>Переключить</a>",
+        "call_toast_unknown_room": "Неизвестная комната",
+        "camera_disabled": "Ваша камера выключена",
+        "camera_enabled": "Ваша камера всё ещё включена",
+        "cannot_call_yourself_description": "Вы не можете позвонить самому себе.",
+        "close_lobby": "Закрыть лобби",
+        "connecting": "Подключение",
+        "connection_lost": "Соединение с сервером потеряно",
+        "connection_lost_description": "Вы не можете совершать вызовы без подключения к серверу.",
+        "consulting": "Общение с %(transferTarget)s. <a>Перевод на %(transferee)s</a>",
+        "default_device": "Устройство по умолчанию",
+        "dial": "Набор",
+        "dialpad": "Панель набора номера",
+        "disable_camera": "Отключить камеру",
+        "disable_microphone": "Отключить микрофон",
+        "disabled_no_perms_start_video_call": "У вас нет разрешения для запуска видеозвонка",
+        "disabled_no_perms_start_voice_call": "У вас нет разрешения для запуска звонка",
+        "disabled_ongoing_call": "Текущий звонок",
+        "element_call": "Element Call",
+        "enable_camera": "Включить камеру",
+        "enable_microphone": "Включить микрофон",
+        "expand": "Вернуться к звонку",
+        "get_call_link": "Поделиться ссылкой на звонок",
+        "hangup": "Повесить трубку",
+        "hide_sidebar_button": "Скрыть боковую панель",
+        "input_devices": "Устройства ввода",
+        "jitsi_call": "Конференция Jitsi",
+        "legacy_call": "Звонок (устаревший)",
+        "maximise": "Заполнить экран",
+        "maximise_call": "Развернуть звонок",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Конференции"
+        },
+        "minimise_call": "Свернуть звонок",
+        "misconfigured_server": "Вызов не состоялся из-за неправильно настроенного сервера",
+        "misconfigured_server_description": "Попросите администратора вашего домашнего сервера (<code>%(homeserverDomain)s</code>) настроить сервер TURN для надежной работы звонков.",
+        "misconfigured_server_fallback": "В качестве альтернативы вы можете попробовать использовать общедоступный сервер по адресу <server/>, но он не будет таким надежным, и ваш IP-адрес будет передаваться на сервер. Вы также можете управлять этим в настройках.",
+        "misconfigured_server_fallback_accept": "Попробуйте использовать %(server)s",
+        "more_button": "Больше",
+        "msisdn_lookup_failed": "Невозможно найти номер телефона",
+        "msisdn_lookup_failed_description": "При поиске номера телефона произошла ошибка",
+        "msisdn_transfer_failed": "Не удалось перевести звонок",
+        "n_people_joined": {
+            "one": "%(count)s человек присоединился",
+            "other": "%(count)s человек(а) присоединились"
+        },
+        "no_audio_input_description": "Мы не нашли микрофон на вашем устройстве. Пожалуйста, проверьте настройки и повторите попытку.",
+        "no_audio_input_title": "Микрофон не найден",
+        "no_media_perms_description": "Вам необходимо предоставить %(brand)s доступ к микрофону или веб-камере вручную",
+        "no_media_perms_title": "Нет разрешённых носителей",
+        "no_permission_conference": "Требуется разрешение",
+        "no_permission_conference_description": "У вас нет разрешения на запуск конференции в этой комнате",
+        "on_hold": "%(name)s на удержании",
+        "output_devices": "Устройства вывода",
+        "screenshare_monitor": "Поделиться всем экраном",
+        "screenshare_title": "Поделиться содержимым",
+        "screenshare_window": "Окно приложения",
+        "show_sidebar_button": "Показать боковую панель",
+        "silence": "Тихий вызов",
+        "silenced": "Оповещения приглушены",
+        "start_screenshare": "Начать делиться экраном",
+        "stop_screenshare": "Перестать делиться экраном",
+        "too_many_calls": "Слишком много звонков",
+        "too_many_calls_description": "Вы достигли максимального количества одновременных звонков.",
+        "transfer_consult_first_label": "Сначала проконсультируйтесь",
+        "transfer_failed": "Перевод не удался",
+        "transfer_failed_description": "Не удалось перевести звонок",
+        "unable_to_access_audio_input_description": "Мы не смогли получить доступ к вашему микрофону. Пожалуйста, проверьте настройки браузера и повторите попытку.",
+        "unable_to_access_audio_input_title": "Не удалось получить доступ к микрофону",
+        "unable_to_access_media": "Невозможно получить доступ к веб-камере / микрофону",
+        "unable_to_access_microphone": "Нет доступа к микрофону",
+        "unknown_caller": "Неизвестный абонент",
+        "unknown_person": "неизвестное лицо",
+        "unsilence": "Звук включен",
+        "unsupported": "Вызовы не поддерживаются",
+        "unsupported_browser": "Вы не можете совершать вызовы в этом браузере.",
+        "user_busy": "Пользователь занят",
+        "user_busy_description": "Вызываемый пользователь занят.",
+        "user_is_presenting": "%(sharerName)s показывает",
+        "video_call": "Видеовызов",
+        "video_call_incoming": "Входящий видеозвонок",
+        "video_call_using": "Видеозвонок с использованием:",
+        "voice_call": "Голосовой вызов",
+        "voice_call_incoming": "Входящий голосовой вызов",
+        "voice_call_using": "Голосовой звонок с помощью:",
+        "you_are_presenting": "Вы представляете"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s на %(osName)s",
+    "widget": {
+        "added_by": "Виджет добавлен",
+        "capabilities_dialog": {
+            "content_starting_text": "Этому виджету хотелось бы:",
+            "decline_all_permission": "Отклонить все",
+            "remember_Selection": "Запомнить мой выбор для этого виджета",
+            "title": "Одобрить разрешения виджета"
+        },
+        "capability": {
+            "always_on_screen_generic": "Оставаться на экране во время работы",
+            "always_on_screen_viewing_another_room": "Оставаться на экране, при отображании другой комнаты, во время работы",
+            "any_room": "Вышеперечисленное, но также в любой комнате, в которую вы вошли или приглашены",
+            "byline_empty_state_key": "с пустым ключом состояния",
+            "byline_state_key": "с ключом состояния %(stateKey)s",
+            "capability": "<b>%(capability)s</b> возможности",
+            "change_avatar_active_room": "Измените аватар вашей активной комнаты",
+            "change_avatar_this_room": "Смените аватар этой комнаты",
+            "change_name_active_room": "Измените название вашей активной комнаты",
+            "change_name_this_room": "Измените название этой комнаты",
+            "change_topic_active_room": "Измените тему вашей активной комнаты",
+            "change_topic_this_room": "Измените тему этой комнаты",
+            "receive_membership_active_room": "Просмотрите, когда люди присоединяются, уходят или приглашают в вашу активную комнату",
+            "receive_membership_this_room": "Посмотрите, когда люди присоединяются, покидают или приглашают в эту комнату",
+            "remove_ban_invite_leave_active_room": "Удалять, блокировать или приглашать людей в вашей активной комнате, в частности, вас",
+            "remove_ban_invite_leave_this_room": "Удалять, блокировать или приглашать людей в этой комнате, в частности, вас",
+            "see_avatar_change_active_room": "Посмотрите, когда изменится аватар в вашей активной комнате",
+            "see_avatar_change_this_room": "Посмотрите, когда изменится аватар в этой комнате",
+            "see_event_type_sent_active_room": "Посмотрите <b>%(eventType)s</b> события, размещённые в вашей активной комнате",
+            "see_event_type_sent_this_room": "Посмотрите <b>%(eventType)s</b> события, размещённые в этой комнате",
+            "see_images_sent_active_room": "Посмотрите изображения, размещённые в вашей активной комнате",
+            "see_images_sent_this_room": "Посмотрите изображения, размещённые в этой комнате",
+            "see_messages_sent_active_room": "Посмотрите сообщения, размещённые в вашей активной комнате",
+            "see_messages_sent_this_room": "Посмотрите сообщения, размещённые в этой комнате",
+            "see_msgtype_sent_active_room": "Посмотрите <b>%(msgtype)s</b> сообщения, размещённые в вашей активной комнате",
+            "see_msgtype_sent_this_room": "Посмотрите <b>%(msgtype)s</b> сообщения размещённые в этой комнате",
+            "see_name_change_active_room": "Посмотрите, когда изменится название в вашей активной комнате",
+            "see_name_change_this_room": "Посмотрите, когда изменится название этой комнаты",
+            "see_sent_emotes_active_room": "Посмотрите эмоции, размещённые в вашей активной комнате",
+            "see_sent_emotes_this_room": "Посмотрите эмоции, размещённые в этой комнате",
+            "see_sent_files_active_room": "Посмотрите файлы, размещённые в вашей активной комнате",
+            "see_sent_files_this_room": "Посмотрите файлы, размещённые в этой комнате",
+            "see_sticker_posted_active_room": "Посмотрите, когда кто-нибудь размещает стикер в вашей активной комнате",
+            "see_sticker_posted_this_room": "Посмотрите, когда в этой комнате размещается стикер",
+            "see_text_messages_sent_active_room": "Посмотрите текстовые сообщения, размещённые в вашей активной комнате",
+            "see_text_messages_sent_this_room": "Посмотрите текстовые сообщения, размещённые в этой комнате",
+            "see_topic_change_active_room": "Посмотрите, изменится ли тема текущего активного чата",
+            "see_topic_change_this_room": "Посмотрите, изменится ли тема этого чата",
+            "see_videos_sent_active_room": "Посмотрите видео размещённые в вашей активной комнате",
+            "see_videos_sent_this_room": "Посмотрите видео размещённые в этой комнате",
+            "send_emotes_active_room": "Отправляйте эмоции от своего имени в активную комнату",
+            "send_emotes_this_room": "Отправляйте смайлики от своего имени в это чат",
+            "send_event_type_active_room": "Отправляйте события <b>%(eventType)s</b> от своего имени в вашем активном чате",
+            "send_event_type_this_room": "Отправляйте события <b>%(eventType)s</b> от своего имени в этой комнате",
+            "send_files_active_room": "Отправьте файлы от своего имени в активной комнате",
+            "send_files_this_room": "Отправьте файлы от своего имени в этой комнате",
+            "send_images_active_room": "Отправьте изображения от своего имени в свою активную комнату",
+            "send_images_this_room": "Отправьте изображения от своего имени в эту комнату",
+            "send_messages_active_room": "Отправляйте сообщения от своего имени в вашу активную комнату",
+            "send_messages_this_room": "Отправляйте сообщения от своего имени в этой комнате",
+            "send_msgtype_active_room": "Отправьте <b>%(msgtype)s</b> сообщения от своего имени в вашу активную комнату",
+            "send_msgtype_this_room": "Отправьте <b>%(msgtype)s</b> сообщения от своего имени в эту комнату",
+            "send_stickers_active_room": "Отправить стикеры в активную комнату",
+            "send_stickers_active_room_as_you": "Отправьте стикер от своего имени в активную комнату",
+            "send_stickers_this_room": "Отправить стикеры в эту комнату",
+            "send_stickers_this_room_as_you": "Отправьте стикеры от своего имени в эту комнату",
+            "send_text_messages_active_room": "Отправляйте текстовые сообщения от своего имени в активную комнату",
+            "send_text_messages_this_room": "Отправляйте текстовые сообщения от своего имени в этой комнате",
+            "send_videos_active_room": "Отправьте видео от своего имени в вашей активной комнате",
+            "send_videos_this_room": "Отправьте видео от своего имени в этой комнате",
+            "specific_room": "Вышеописанное, но также в <Room />",
+            "switch_room": "Измените комнату, которую вы просматриваете",
+            "switch_room_message_user": "Измените комнату, сообщение или пользователя, которого вы просматриваете"
+        },
+        "close_to_view_right_panel": "Закройте виджет, чтобы просмотреть его на этой панели",
+        "context_menu": {
+            "delete": "Удалить виджет",
+            "delete_warning": "Удаление виджета действует для всех участников этой комнаты. Вы действительно хотите удалить этот виджет?"
+        },
+        "cookie_warning": "Этот виджет может использовать куки.",
+        "error_hangup_description": "Вас отключили от звонка. (Ошибка: %(message)s)",
+        "error_hangup_title": "Соединение потеряно",
+        "error_loading": "Ошибка загрузки виджета",
+        "error_mixed_content": "Ошибка — Смешанное содержание",
+        "error_need_invite_permission": "Для этого вы должны иметь возможность приглашать пользователей.",
+        "error_need_kick_permission": "Вы должны иметь возможность пинать пользователей, чтобы сделать это.",
+        "error_need_to_be_logged_in": "Вы должны войти в систему.",
+        "error_unable_start_audio_stream_description": "Невозможно запустить аудио трансляцию.",
+        "error_unable_start_audio_stream_title": "Не удалось запустить прямую трансляцию",
+        "modal_data_warning": "Приведенные ниже данные передаются %(widgetDomain)s",
+        "modal_title_default": "Модальный виджет",
+        "no_name": "Неизвестное приложение",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Запомнить это",
+            "starting_text": "Виджет проверит ваш идентификатор пользователя, но не сможет выполнять за вас действия:",
+            "title": "Разрешите этому виджету проверить ваш идентификатор"
+        },
+        "popout": "Всплывающий виджет",
+        "set_room_layout": "Установить макет для всех",
+        "shared_data_avatar": "URL-адрес изображения вашего профиля",
+        "shared_data_device_id": "Идентификатор вашего устройства",
+        "shared_data_lang": "Ваш язык",
+        "shared_data_mxid": "ID пользователя",
+        "shared_data_name": "Отображаемое имя",
+        "shared_data_room_id": "ID комнаты",
+        "shared_data_theme": "Ваша тема",
+        "shared_data_url": "Ссылка на %(brand)s",
+        "shared_data_warning": "Используя этот виджет, вы можете делиться данными <helpIcon /> с %(widgetDomain)s.",
+        "shared_data_warning_im": "Используя этот виджет, вы можете делиться данными <helpIcon /> с %(widgetDomain)s и вашим Менеджером Интеграции.",
+        "shared_data_widget_id": "ID виджета",
+        "unencrypted_warning": "Виджеты не используют шифрование сообщений.",
+        "unmaximise": "Развернуть",
+        "unpin_to_view_right_panel": "Открепите виджет, чтобы просмотреть его на этой панели"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Всё прописными буквами так же легко угадывается как и всё строчными",
+            "anotherWord": "Добавьте ещё одно-два слова. Лучше использовать редкие слова.",
+            "associatedYears": "Избегайте годов, которые связаны с вами",
+            "capitalization": "Заглавные буквы не особо помогают",
+            "dates": "Избегайте дат и годов, которые связаны с вами",
+            "l33t": "Предсказуемые замены типа «@» вместо «a» не особо помогают",
+            "longerKeyboardPattern": "Используйте более длинную комбинацию клавиш с бо́льшим количеством поворотов",
+            "noNeed": "Нет необходимости в символах, цифрах или заглавных буквах",
+            "pwned": "Если вы используете этот пароль в другом месте, вам следует изменить его.",
+            "recentYears": "Избегайте последних годов",
+            "repeated": "Избегайте повторяющихся слов и символов",
+            "reverseWords": "Угадать перевёрнутые слова не сильно труднее",
+            "sequences": "Избегайте последовательностей",
+            "useWords": "Используйте несколько слов, избегайте общих фраз"
+        },
+        "warnings": {
+            "common": "Это очень распространённый пароль",
+            "commonNames": "Распространённые имена и фамилии легко угадываемы",
+            "dates": "Даты часто легко угадать",
+            "extendedRepeat": "Повторы типа «abcabcabc», лишь немного сложнее угадать, чем «abc»",
+            "keyPattern": "Короткие клавиатурные шаблоны легко угадываемы",
+            "namesByThemselves": "Имена и фамилии легко угадываемые",
+            "pwned": "Ваш пароль был взломан в результате утечки данных в Интернете.",
+            "recentYears": "Последние года легко угадываемы",
+            "sequences": "Последовательности типа abc или 6543 легко угадываемы",
+            "similarToCommon": "Это похоже на распространённый пароль",
+            "simpleRepeat": "Повторы типа «ааа» легко угадываемы",
+            "straightRow": "Прямые ряды клавиш легко угадываемы",
+            "topHundred": "Это 100 самых распространённых паролей",
+            "topTen": "Это 10 самых распространённых паролей",
+            "userInputs": "Не должно быть никаких личных данных или данных, связанных со страницами.",
+            "wordByItself": "Общеупотребительные слова легко угадываемы"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/sk.json b/apps/web/src/i18n/strings/sk.json
new file mode 100644
index 00000000000..bbc1f53cc49
--- /dev/null
+++ b/apps/web/src/i18n/strings/sk.json
@@ -0,0 +1,4043 @@
+{
+    "a11y": {
+        "jump_first_invite": "Prejsť na prvú pozvánku.",
+        "message_composer": "Editor správ",
+        "n_unread_messages": {
+            "one": "1 neprečítaná správa.",
+            "few": "%(count)s neprečítané správy.",
+            "other": "%(count)s neprečítaných správ."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 neprečítaná zmienka.",
+            "few": "%(count)s neprečítané správy vrátane zmienok.",
+            "other": "%(count)s neprečítaných správ vrátane zmienok."
+        },
+        "room_status_bar": "Stavový riadok miestnosti",
+        "seek_bar_label": "Panel vyhľadávania zvuku",
+        "unread_messages": "Neprečítané správy."
+    },
+    "a11y_jump_first_unread_room": "Preskočiť na prvú neprečítanú miestnosť.",
+    "action": {
+        "accept": "Prijať",
+        "add": "Pridať",
+        "add_existing_room": "Pridať existujúcu miestnosť",
+        "apply": "Použiť",
+        "approve": "Schváliť",
+        "ask_to_join": "Požiadať o pripojenie",
+        "back": "Naspäť",
+        "call": "Hovor",
+        "cancel": "Zrušiť",
+        "change": "Zmeniť",
+        "clear": "Vyčistiť",
+        "click_to_copy": "Kliknutím skopírujete",
+        "close": "Zavrieť",
+        "collapse": "Zbaliť",
+        "complete": "Dokončiť",
+        "confirm": "Potvrdiť",
+        "continue": "Pokračovať",
+        "copy": "Kopírovať",
+        "copy_link": "Kopírovať odkaz",
+        "create": "Vytvoriť",
+        "create_a_room": "Vytvoriť miestnosť",
+        "create_account": "Vytvoriť účet",
+        "decline": "Odmietnuť",
+        "decline_and_block": "Odmietnuť a zablokovať",
+        "decline_invite": "Odmietnuť pozvanie",
+        "delete": "Vymazať",
+        "deny": "Zamietnuť",
+        "disable": "Nepovoliť",
+        "disconnect": "Odpojiť",
+        "dismiss": "Zamietnuť",
+        "done": "Hotovo",
+        "download": "Stiahnuť",
+        "edit": "Upraviť",
+        "enable": "Povoliť",
+        "enter_fullscreen": "Prejsť na celú obrazovku",
+        "exit_fullscreeen": "Ukončiť režim celej obrazovky",
+        "expand": "Rozbaliť",
+        "explore_rooms": "Preskúmať miestnosti",
+        "export": "Exportovať",
+        "forward": "Preposlať",
+        "go": "Spustiť",
+        "go_back": "Naspäť",
+        "got_it": "Rozumiem",
+        "hide_advanced": "Skryť pokročilé možnosti",
+        "hold": "Podržať",
+        "ignore": "Ignorovať",
+        "import": "Importovať",
+        "invite": "Pozvať",
+        "join": "Vstúpiť",
+        "learn_more": "Zistiť viac",
+        "leave": "Opustiť",
+        "leave_room": "Opustiť miestnosť",
+        "logout": "Odhlásiť sa",
+        "manage": "Spravovať",
+        "maximise": "Maximalizovať",
+        "mention": "Zmieniť sa",
+        "minimise": "Minimalizovať",
+        "new_room": "Nová miestnosť",
+        "new_video_room": "Nová video miestnosť",
+        "next": "Ďalej",
+        "no": "Nie",
+        "ok": "OK",
+        "open": "Otvoriť",
+        "pin": "Špendlík",
+        "proceed": "Pokračovať",
+        "quote": "Citovať",
+        "react": "Reagovať",
+        "refresh": "Obnoviť",
+        "register": "Zaregistrovať",
+        "reload": "Znovu načítať",
+        "remove": "Odstrániť",
+        "rename": "Premenovať",
+        "reply": "Odpovedať",
+        "reply_in_thread": "Odpovedať vo vlákne",
+        "report_room": "Nahlásiť miestnosť",
+        "resend": "Poslať znovu",
+        "reset": "Obnoviť predvolené",
+        "resume": "Pokračovať",
+        "retry": "Skúsiť znovu",
+        "review": "Skontrolovať",
+        "revoke": "Odvolať",
+        "save": "Uložiť",
+        "search": "Hľadať",
+        "send_report": "Odoslať hlásenie",
+        "set_avatar": "Nastaviť profilový obrázok",
+        "share": "Zdieľať",
+        "show": "Zobraziť",
+        "show_advanced": "Ukázať pokročilé možnosti",
+        "show_all": "Zobraziť všetko",
+        "sign_in": "Prihlásiť sa",
+        "sign_out": "Odhlásiť sa",
+        "skip": "Preskočiť",
+        "start": "Začať",
+        "stop": "Zastaviť",
+        "submit": "Odoslať",
+        "subscribe": "Prihlásiť sa na odber",
+        "transfer": "Presmerovať",
+        "trust": "Dôverovať",
+        "try_again": "Skúste to znova",
+        "unban": "Povoliť vstup",
+        "unignore": "Prestať ignorovať",
+        "unpin": "Odopnúť",
+        "unsubscribe": "Odhlásenie z odberu",
+        "update": "Aktualizovať",
+        "upgrade": "Aktualizovať",
+        "upload": "Nahrať",
+        "upload_file": "Nahrať súbor",
+        "verify": "Overiť",
+        "view": "Zobraziť",
+        "view_all": "Zobraziť všetky",
+        "view_list": "Zobraziť zoznam",
+        "view_message": "Zobraziť správu",
+        "view_source": "Zobraziť zdroj",
+        "yes": "Áno",
+        "yes_dismiss": "Áno, zamietnuť",
+        "zoom_in": "Priblížiť",
+        "zoom_out": "Oddialiť"
+    },
+    "analytics": {
+        "accept_button": "To je v poriadku",
+        "bullet_1": "<Bold>Nezaznamenávame ani neprofilujeme</Bold> žiadne údaje o účte",
+        "bullet_2": "<Bold>Nezdieľame</Bold> informácie s tretími stranami",
+        "consent_migration": "Predtým ste nám udelili súhlas so zdieľaním anonymných údajov o používaní. Aktualizujeme spôsob, akým to funguje.",
+        "disable_prompt": "Túto funkciu môžete kedykoľvek vypnúť v nastaveniach",
+        "enable_prompt": "Pomôžte zlepšiť %(analyticsOwner)s",
+        "learn_more": "Zdieľajte anonymné údaje, ktoré nám pomôžu identifikovať problémy. Nič osobné. Žiadne tretie strany. <LearnMoreLink>Zistite viac</LearnMoreLink>",
+        "privacy_policy": "Všetky naše podmienky si môžete prečítať <PrivacyPolicyUrl>tu</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Pomôžte nám identifikovať problémy a zlepšiť %(analyticsOwner)s zdieľaním anonymných údajov o používaní. Aby sme pochopili, ako ľudia používajú viacero zariadení, vygenerujeme náhodný identifikátor zdieľaný vašimi zariadeniami.",
+        "shared_data_heading": "Zdieľané môžu byť niektoré z nasledujúcich údajov:"
+    },
+    "auth": {
+        "3pid_in_use": "Táto e-mailová adresa alebo telefónne číslo sa už používa.",
+        "account_clash": "Váš nový účet (%(newAccountId)s) je registrovaný, ale už ste prihlásený pod iným účtom (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Pokračovať s predošlým účtom",
+        "account_deactivated": "Tento účet bol deaktivovaný.",
+        "autodiscovery_generic_failure": "Nepodarilo sa získať nastavenie automatického zisťovania zo servera",
+        "autodiscovery_hs_incompatible": "Váš domovský server je príliš starý a nepodporuje minimálnu požadovanú verziu API. Obráťte sa na vlastníka servera alebo aktualizujte svoj server.",
+        "autodiscovery_invalid": "Neplatná odpoveď pri zisťovaní domovského servera",
+        "autodiscovery_invalid_hs": "Adresa URL domovského servera sa nezdá byť platným domovským serverom Matrixu",
+        "autodiscovery_invalid_hs_base_url": "Neplatná base_url pre m.homeserver",
+        "autodiscovery_invalid_is": "URL adresa servera totožností sa nezdá byť platným serverom totožností",
+        "autodiscovery_invalid_is_base_url": "Neplatná base_url pre m.identity_server",
+        "autodiscovery_invalid_is_response": "Neplatná odpoveď pri zisťovaní servera totožností",
+        "autodiscovery_invalid_json": "Neplatný JSON",
+        "autodiscovery_no_well_known": "Nenašiel sa žiadny známy súbor JSON",
+        "autodiscovery_unexpected_error_hs": "Neočakávaná chyba pri zisťovaní nastavení domovského servera",
+        "autodiscovery_unexpected_error_is": "Neočakávaná chyba pri zisťovaní nastavení servera totožností",
+        "captcha_description": "Tento domovský server by sa rád uistil, že nie ste robot.",
+        "change_password_action": "Zmeniť heslo",
+        "change_password_confirm_invalid": "Heslá sa nezhodujú",
+        "change_password_confirm_label": "Potvrdiť heslo",
+        "change_password_current_label": "Súčasné heslo",
+        "change_password_empty": "Heslá nemôžu byť prázdne",
+        "change_password_error": "Chyba pri zmene hesla: %(error)s",
+        "change_password_mismatch": "Nové heslá sa nezhodujú",
+        "change_password_new_label": "Nové heslo",
+        "check_email_explainer": "Postupujte podľa pokynov zaslaných na <b>%(email)s</b>",
+        "check_email_resend_prompt": "Nedostali ste ho?",
+        "check_email_resend_tooltip": "E-mail s overovacím odkazom bol znovu odoslaný!",
+        "check_email_wrong_email_button": "Znovu zadajte e-mailovú adresu",
+        "check_email_wrong_email_prompt": "Nesprávna e-mailová adresa?",
+        "continue_with_idp": "Pokračovať s %(provider)s",
+        "continue_with_sso": "Pokračovať s %(ssoButtons)s",
+        "country_dropdown": "Rozbaľovacie okno krajiny",
+        "create_account_prompt": "Ste tu nový? <a>Vytvorte si účet</a>",
+        "create_account_title": "Vytvoriť účet",
+        "email_discovery_text": "Použite e-mail, aby ste boli voliteľne vyhľadateľní existujúcimi kontaktmi.",
+        "email_field_label": "Email",
+        "email_field_label_invalid": "Nevyzerá to ako platná e-mailová adresa",
+        "email_field_label_required": "Zadajte e-mailovú adresu",
+        "email_help_text": "Pridajte e-mail, aby ste mohli obnoviť svoje heslo.",
+        "email_phone_discovery_text": "Použite e-mail alebo telefón, aby ste boli voliteľne vyhľadateľní existujúcimi kontaktmi.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> vám pošle overovací odkaz, ktorý vám umožní obnoviť heslo.",
+        "enter_email_heading": "Zadajte svoj e-mail na obnovenie hesla",
+        "failed_connect_identity_server": "Nie je možné pripojiť sa k serveru totožností",
+        "failed_connect_identity_server_other": "Môžete sa prihlásiť, ale niektoré vlastnosti nebudú dostupné, kým server totožností nebude opäť v prevádzke. Ak sa toto upozornenie zobrazuje neustále, skontrolujte správnosť nastavení alebo kontaktujte správcu servera.",
+        "failed_connect_identity_server_register": "Môžete sa zaregistrovať, ale niektoré vlastnosti nebudú dostupné, kým server totožností nebude opäť v prevádzke. Ak sa toto upozornenie zobrazuje neustále, skontrolujte správnosť nastavení alebo kontaktujte správcu servera.",
+        "failed_connect_identity_server_reset_password": "Môžete si obnoviť heslo, ale niektoré vlastnosti nebudú dostupné, kým server totožností nebude opäť v prevádzke. Ak sa toto upozornenie zobrazuje neustále, skontrolujte správnosť nastavení alebo kontaktujte správcu servera.",
+        "failed_homeserver_discovery": "Nepodarilo sa zistiť adresu domovského servera",
+        "failed_query_registration_methods": "Nie je možné požiadať o podporované metódy registrácie.",
+        "failed_soft_logout_auth": "Nepodarilo sa opätovne overiť",
+        "failed_soft_logout_homeserver": "Opätovná autentifikácia zlyhala kvôli problému domovského servera",
+        "forgot_password_email_invalid": "Zdá sa, že e-mailová adresa nie je platná.",
+        "forgot_password_email_required": "Musíte zadať emailovú adresu prepojenú s vašim účtom.",
+        "forgot_password_prompt": "Zabudli ste heslo?",
+        "forgot_password_send_email": "Poslať e-mail",
+        "identifier_label": "Na prihlásenie sa použije",
+        "incorrect_credentials": "Nesprávne meno používateľa a / alebo heslo.",
+        "incorrect_credentials_detail": "Všimnite si: Práve sa prihlasujete na server %(hs)s, nie na server matrix.org.",
+        "incorrect_password": "Nesprávne heslo",
+        "log_in_new_account": "<a>Prihláste sa</a> do vášho nového účtu.",
+        "logout_dialog": {
+            "description": "Naozaj sa chcete odhlásiť?",
+            "setup_key_backup_title": "Stratíte prístup ku zašifrovaným správam",
+            "skip_key_backup": "Nezáleží mi na zašifrovaných správach"
+        },
+        "misconfigured_body": "Požiadajte správcu vášho %(brand)su, aby skontroloval <a>vašu konfiguráciu</a>. Pravdepodobne obsahuje chyby alebo duplikáty.",
+        "misconfigured_title": "Váš %(brand)s nie je nastavený správne",
+        "mobile_create_account_title": "Chystáte sa vytvoriť účet na %(hsName)s",
+        "msisdn_field_description": "Ostatní používatelia vás môžu pozývať do miestností pomocou vašich kontaktných údajov",
+        "msisdn_field_label": "Telefón",
+        "msisdn_field_number_invalid": "Toto telefónne číslo nevyzerá úplne správne, skontrolujte ho a skúste to znova",
+        "msisdn_field_required_invalid": "Zadajte telefónne číslo",
+        "no_hs_url_provided": "Nie je zadaná adresa domovského servera",
+        "oidc": {
+            "error_title": "Nemohli sme vás prihlásiť",
+            "generic_auth_error": "Počas overenia sa niečo pokazilo. Prejdite na stránku prihlásenia a skúste to znova.",
+            "missing_or_invalid_stored_state": "Požiadali sme prehliadač, aby si zapamätal, ktorý domovský server používate na prihlásenie, ale bohužiaľ váš prehliadač to zabudol. Prejdite na stránku prihlásenia a skúste to znova."
+        },
+        "password_field_keep_going_prompt": "Pokračujte…",
+        "password_field_label": "Zadať heslo",
+        "password_field_strong_label": "Pekné, silné heslo!",
+        "password_field_weak_label": "Heslo je povolené, ale nie je bezpečné",
+        "phone_label": "Telefón",
+        "phone_optional_label": "Telefón (nepovinné)",
+        "qr_code_login": {
+            "check_code_explainer": "Týmto sa overí, že pripojenie k vášmu druhému zariadeniu je bezpečné.",
+            "check_code_heading": "Zadajte číslo zobrazené na vašom druhom zariadení",
+            "check_code_input_label": "2-ciferný kód",
+            "check_code_mismatch": "Čísla sa nezhodujú",
+            "completing_setup": "Dokončenie nastavenia nového zariadenia",
+            "error_etag_missing": "Vyskytla sa neočakávaná chyba. Môže to byť spôsobené rozšírením prehliadača, proxy servera alebo nesprávnou konfiguráciou servera.",
+            "error_expired": "Platnosť prihlásenia vypršala. Prosím, skúste to znova.",
+            "error_expired_title": "Prihlásenie nebolo dokončené včas",
+            "error_insecure_channel_detected": "K novému zariadeniu sa nepodarilo vytvoriť zabezpečené pripojenie. Vaše existujúce zariadenia sú stále v bezpečí a nemusíte sa o ne obávať.",
+            "error_insecure_channel_detected_instructions": "Čo teraz?",
+            "error_insecure_channel_detected_instructions_1": "Skúste sa znova prihlásiť do druhého zariadenia pomocou QR kódu v prípade, že ide o problém so sieťou",
+            "error_insecure_channel_detected_instructions_2": "Ak narazíte na rovnaký problém, skúste inú sieť Wi-Fi alebo namiesto siete Wi-Fi použite mobilné dáta",
+            "error_insecure_channel_detected_instructions_3": "Ak to nefunguje, prihláste sa manuálne",
+            "error_insecure_channel_detected_title": "Pripojenie nie je zabezpečené",
+            "error_other_device_already_signed_in": "Nemusíte robiť nič iné.",
+            "error_other_device_already_signed_in_title": "Vaše druhé zariadenie je už prihlásené",
+            "error_rate_limited": "Príliš veľa pokusov v krátkom čase. Počkajte chvíľu, kým to skúsite znova.",
+            "error_unexpected": "Vyskytla sa neočakávaná chyba. Požiadavka na pripojenie vášho druhého zariadenia bola zrušená.",
+            "error_unsupported_protocol": "Toto zariadenie nepodporuje prihlásenie do druhého zariadenia pomocou QR kódu.",
+            "error_unsupported_protocol_title": "Druhé zariadenie nie je kompatibilné",
+            "error_user_cancelled": "Prihlásenie bolo zrušené na druhom zariadení.",
+            "error_user_cancelled_title": "Žiadosť o prihlásenie bola zrušená",
+            "error_user_declined": "Odmietli ste žiadosť o prihlásenie zo svojho druhého zariadenia.",
+            "error_user_declined_title": "Prihlásenie bolo odmietnuté",
+            "follow_remaining_instructions": "Postupujte podľa zostávajúcich pokynov",
+            "open_element_other_device": "Otvorte %(brand)s na svojom druhom zariadení",
+            "point_the_camera": "Naskenujte tu zobrazený QR kód",
+            "scan_code_instruction": "Naskenujte QR kód pomocou druhého zariadenia",
+            "scan_qr_code": "Prihláste sa pomocou QR kódu",
+            "security_code_prompt": "Ak sa zobrazí výzva, zadajte nižšie uvedený kód na svojom druhom zariadení.",
+            "select_qr_code": "Vyberte '%(scanQRCode)s'",
+            "unsupported_explainer": "Poskytovateľ vášho účtu nepodporuje prihlásenie do nového zariadenia pomocou QR kódu.",
+            "unsupported_heading": "QR kód nie je podporovaný",
+            "waiting_for_device": "Čaká sa na prihlásenie zariadenia"
+        },
+        "register_action": "Vytvoriť účet",
+        "registration": {
+            "continue_without_email_description": "Len upozorňujeme, že ak si nepridáte e-mail a zabudnete heslo, môžete <b>navždy stratiť prístup k svojmu účtu</b>.",
+            "continue_without_email_field_label": "Email (nepovinné)",
+            "continue_without_email_title": "Pokračovanie bez e-mailu"
+        },
+        "registration_disabled": "Na tomto domovskom serveri nie je povolená registrácia.",
+        "registration_msisdn_field_required_invalid": "Zadajte telefónne číslo (povinné na tomto domovskom serveri)",
+        "registration_successful": "Úspešná registrácia",
+        "registration_username_in_use": "Toto používateľské meno už niekto má. Skúste iné, alebo ak ste to vy, prihláste sa nižšie.",
+        "registration_username_unable_check": "Nie je možné skontrolovať, či je používateľské meno obsadené. Skúste to neskôr.",
+        "registration_username_validation": "Použite len malé písmená, číslice, pomlčky a podčiarkovníky",
+        "reset_password": {
+            "confirm_new_password": "Potvrdiť nové heslo",
+            "devices_logout_success": "Boli ste odhlásení zo všetkých zariadení a už nebudete dostávať okamžité oznámenia. Ak chcete oznámenia znovu povoliť, prihláste sa znova na každom zariadení.",
+            "other_devices_logout_warning_1": "Odhlásenie zariadení vymaže kľúče na šifrovanie správ, ktoré sú v nich uložené, čím sa história zašifrovaných konverzácií stane nečitateľnou.",
+            "other_devices_logout_warning_2": "Ak si chcete zachovať prístup k histórii konverzácie v zašifrovaných miestnostiach, pred pokračovaním nastavte zálohovanie kľúčov alebo exportujte kľúče správ z niektorého z vašich ďalších zariadení.",
+            "password_not_entered": "Musíte zadať nové heslo.",
+            "passwords_mismatch": "Obe nové heslá musia byť zhodné.",
+            "rate_limit_error": "Príliš veľa pokusov v krátkom čase. Pred ďalším pokusom počkajte nejakú dobu.",
+            "rate_limit_error_with_time": "Príliš veľa pokusov v krátkom čase. Opakujte pokus po %(timeout)s.",
+            "reset_successful": "Vaše heslo bolo obnovené.",
+            "return_to_login": "Vrátiť sa na prihlasovaciu obrazovku",
+            "sign_out_other_devices": "Odhlásiť sa zo všetkých zariadení"
+        },
+        "reset_password_action": "Znovu nastaviť heslo",
+        "reset_password_button": "Zabudnuté heslo?",
+        "reset_password_email_field_description": "Použite e-mailovú adresu na obnovenie svojho konta",
+        "reset_password_email_field_required_invalid": "Zadajte e-mailovú adresu (vyžaduje sa na tomto domovskom serveri)",
+        "reset_password_email_not_associated": "Zdá sa, že vaša emailová adresa nie je priradená k žiadnemu Matrix ID na tomto domovskom serveri.",
+        "reset_password_email_not_found_title": "Túto emailovú adresu sa nepodarilo nájsť",
+        "reset_password_title": "Obnovte svoje heslo",
+        "server_picker_custom": "Iný domovský server",
+        "server_picker_description": "Môžete použiť nastavenia vlastného servera na prihlásenie sa na iné servery Matrix-u zadaním inej adresy URL domovského servera. To vám umožní používať %(brand)s s existujúcim účtom Matrix na inom domovskom serveri.",
+        "server_picker_description_matrix.org": "Pripojte sa k mnohým používateľom najväčšieho verejného domovského servera zdarma",
+        "server_picker_dialog_title": "Rozhodnite sa, kde bude váš účet hostovaný",
+        "server_picker_explainer": "Použite preferovaný domovský server Matrixu, ak ho máte, alebo si vytvorte vlastný.",
+        "server_picker_failed_validate_homeserver": "Nie je možné overiť domovský server",
+        "server_picker_intro": "Miesta, kde môžete hosťovať svoj účet, nazývame \" domovské servery\".",
+        "server_picker_invalid_url": "Neplatná adresa URL",
+        "server_picker_learn_more": "O domovských serveroch",
+        "server_picker_matrix.org": "Matrix.org je najväčší verejný domovský server na svete, takže je vhodným miestom pre mnohých.",
+        "server_picker_required": "Zadajte domovský server",
+        "server_picker_title": "Prihláste sa do svojho domovského servera",
+        "server_picker_title_default": "Možnosti servera",
+        "server_picker_title_registration": "Hostiteľský účet na",
+        "session_logged_out_description": "Z bezpečnostných dôvodov bola táto relácia odhlásená. Prosím, prihláste sa znova.",
+        "session_logged_out_title": "Ste odhlásení",
+        "set_email": {
+            "description": "Toto vám umožní obnoviť si heslo a prijímať oznámenia emailom.",
+            "verification_pending_description": "Prosím, skontrolujte si email a kliknite na odkaz v správe, ktorú sme vám poslali. Keď budete mať toto za sebou, kliknite na tlačidlo Pokračovať.",
+            "verification_pending_title": "Nedokončené overenie"
+        },
+        "set_email_prompt": "Želáte si nastaviť emailovú adresu?",
+        "sign_in_description": "Ak chcete pokračovať, použite svoje konto.",
+        "sign_in_instead": "Radšej sa prihlásiť",
+        "sign_in_instead_prompt": "Už máte účet? <a>Prihláste sa tu</a>",
+        "sign_in_or_register": "Prihlásiť sa alebo vytvoriť nový účet",
+        "sign_in_or_register_description": "Použite váš existujúci účet alebo si vytvorte nový, aby ste mohli pokračovať.",
+        "sign_in_with_sso": "Prihlásiť sa pomocou jediného prihlasovania",
+        "signing_in": "Prihlasovanie…",
+        "soft_logout": {
+            "clear_data_button": "Vymazať všetky údaje",
+            "clear_data_description": "Vymazanie všetkých údajov z tejto relácie je trvalé. Zašifrované správy sa stratia, pokiaľ neboli zálohované ich kľúče.",
+            "clear_data_title": "Vymazať všetky údaje v tejto relácii?"
+        },
+        "soft_logout_heading": "Ste odhlásený",
+        "soft_logout_intro_password": "Zadaním hesla sa prihláste a obnovte prístup k svojmu účtu.",
+        "soft_logout_intro_sso": "Prihláste sa a znovuzískajte prístup k vášmu účtu.",
+        "soft_logout_intro_unsupported_auth": "Nemôžete sa prihlásiť do vášho účtu. Kontaktujte prosím vášho správcu domovského servera pre viac informácií.",
+        "soft_logout_subheading": "Zmazať osobné dáta",
+        "soft_logout_warning": "Varovanie: Vaše osobné údaje (vrátane šifrovacích kľúčov) sú stále uložené v tejto relácií. Vymažte ich, ak ste ukončili používanie tejto relácie alebo sa chcete prihlásiť do iného konta.",
+        "sso": "Single Sign On",
+        "sso_complete_in_browser_dialog_title": "Prejdite do prehliadača a dokončite prihlásenie",
+        "sso_failed_missing_storage": "Požiadali sme prehliadač, aby si pamätal, aký domovský server používate na prihlásenie, ale váš prehliadač ho, bohužiaľ, zabudol. Prejdite na prihlasovaciu stránku a skúste to znova.",
+        "sso_or_username_password": "%(ssoButtons)s alebo %(usernamePassword)s",
+        "sync_footer_subtitle": "Ak ste sa pripojili k mnohým miestnostiam, môže to chvíľu trvať",
+        "syncing": "Synchronizácia…",
+        "uia": {
+            "code": "Kód",
+            "email": "Ak chcete vytvoriť svoje účet, otvorte odkaz v e-maile, ktorý sme práve poslali na %(emailAddress)s.",
+            "email_auth_header": "Pre pokračovanie skontrolujte svoj e-mail",
+            "email_resend_prompt": "Nedostali ste ho? <a>Poslať znova</a>",
+            "email_resent": "Znova odoslané!",
+            "fallback_button": "Spustiť overenie",
+            "mas_cross_signing_reset_cta": "Prejdite do svojho účtu",
+            "mas_cross_signing_reset_description": "Obnovte svoju totožnosť prostredníctvom poskytovateľa účtu a potom sa vráťte späť a kliknite na tlačidlo „Skúsiť znova“.",
+            "mas_cross_signing_reset_title": "Prejdite do svojho účtu a obnovte svoju totožnosť",
+            "msisdn": "Na číslo %(msisdn)s bola odoslaná textová správa",
+            "msisdn_token_incorrect": "Neplatný token",
+            "msisdn_token_prompt": "Prosím, zadajte kód z tejto správy:",
+            "password_prompt": "Potvrďte svoju totožnosť zadaním hesla k účtu.",
+            "recaptcha_missing_params": "Chýbajúci verejný kľúč captcha v konfigurácii domovského servera. Nahláste to, prosím, správcovi domovského servera.",
+            "registration_token_label": "Registračný token",
+            "registration_token_prompt": "Zadajte registračný token poskytnutý správcom domovského servera.",
+            "sso_body": "Potvrďte pridanie tejto adresy pomocou Single Sign On.",
+            "sso_failed": "Pri potvrdzovaní vašej totožnosti sa niečo pokazilo. Zrušte to a skúste to znova.",
+            "sso_postauth_body": "Kliknutím na tlačidlo nižšie potvrdíte svoju totožnosť.",
+            "sso_postauth_title": "Potvrďte, ak chcete pokračovať",
+            "sso_preauth_body": "Ak chcete pokračovať, použite jednotné prihlásenie SSO na preukázanie svojej totožnosti.",
+            "sso_title": "Pokračovať pomocou Single Sign On",
+            "terms": "Prosím, prečítajte si a odsúhlaste podmienky používania tohoto domovského servera:",
+            "terms_invalid": "Prosím, prečítajte si a odsúhlaste všetky podmienky tohoto domovského servera"
+        },
+        "unsupported_auth": "Tento domovský server neponúka žiadne prihlasovacie toky podporované týmto klientom.",
+        "unsupported_auth_email": "Tento domovský server nepodporuje prihlásenie sa zadaním emailovej adresy.",
+        "unsupported_auth_msisdn": "Tento server nepodporuje overenie telefónnym číslom.",
+        "username_field_required_invalid": "Zadať používateľské meno",
+        "username_in_use": "Toto používateľské meno už niekto má, skúste iné.",
+        "verify_email_explainer": "Pred obnovením hesla potrebujeme vedieť, že ste to naozaj vy. Kliknite na odkaz v e-maile, ktorý sme vám práve poslali <b>%(email)s</b>",
+        "verify_email_heading": "Overte svoj e-mail a pokračujte"
+    },
+    "bug_reporting": {
+        "additional_context": "Ak existujú ďalšie súvislosti, ktoré by pomohli pri analýze problému, napríklad čo ste v tom čase robili, ID miestnosti, ID používateľa atď., uveďte ich tu.",
+        "before_submitting": "Pred tým, než odošlete záznamy, musíte <a>nahlásiť váš problém na GitHub</a>. Uvedte prosím podrobný popis.",
+        "collecting_information": "Získavajú sa informácie o verzii aplikácii",
+        "collecting_logs": "Získavajú sa záznamy",
+        "create_new_issue": "Prosím <newIssueLink>vytvorte nový problém</newIssueLink> na GitHube, aby sme mohli túto chybu preskúmať.",
+        "description": "Ladiace záznamy obsahujú údaje o používaní aplikácie vrátane vášho používateľského mena, ID alebo aliasov navštívených miestností alebo skupín, prvkov používateľského rozhrania, s ktorými ste naposledy interagovali, a používateľských mien iných používateľov. Neobsahujú správy.",
+        "download_logs": "Stiahnuť záznamy",
+        "downloading_logs": "Sťahovanie záznamov",
+        "error_empty": "Povedzte nám prosím, čo sa pokazilo, alebo radšej vytvorte príspevok v službe GitHub, v ktorom problém popíšete.",
+        "failed_download_logs": "Nepodarilo sa stiahnuť záznamy ladenia: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Vaša správa o chybe bola zamietnutá. Server rageshake túto aplikáciu nepodporuje.",
+            "rejected_generic": "Vaše hlásenie o chybe bolo zamietnuté. Server rageshake odmietol obsah správy kvôli pravidlám.",
+            "rejected_recovery_key": "Vaša správa o chybe bola z bezpečnostných dôvodov zamietnutá, pretože obsahovala kľúč na obnovenie.",
+            "rejected_version": "Vaša správa o chybe bola zamietnutá, pretože verzia, ktorú používate, je príliš stará.",
+            "server_unknown_error": "Server rageshake narazil na neznámu chybu a nedokázal spracovať správu.",
+            "unknown_error": "Nepodarilo sa odoslať protokol."
+        },
+        "github_issue": "Správa o probléme na GitHub",
+        "introduction": "Ak ste odoslali chybu prostredníctvom služby GitHub, záznamy o ladení nám môžu pomôcť nájsť problém. ",
+        "log_request": "Aby ste nám pomohli tomuto v budúcnosti zabrániť, pošlite nám prosím <a>záznamy o chybe</a>.",
+        "logs_sent": "Záznamy boli odoslané",
+        "matrix_security_issue": "Ak chcete nahlásiť bezpečnostný problém týkajúci sa Matrix-u, prečítajte si, prosím, <a>zásady zverejňovania informácií o bezpečnosti Matrix.org</a>.",
+        "preparing_download": "Príprava na prevzatie záznamov",
+        "preparing_logs": "príprava odoslania záznamov",
+        "send_logs": "Odoslať záznamy",
+        "submit_debug_logs": "Odoslať ladiace záznamy",
+        "textarea_label": "Poznámky",
+        "thank_you": "Ďakujeme!",
+        "title": "Hlásenie chýb",
+        "unsupported_browser": "Pripomíname: Váš prehliadač nie je podporovaný, takže vaše skúsenosti môžu byť nepredvídateľné.",
+        "uploading_logs": "Nahrávanie záznamov",
+        "waiting_for_server": "Čakanie na odpoveď zo servera"
+    },
+    "cannot_invite_without_identity_server": "Nie je možné pozvať používateľa e-mailom bez servera totožnosti. Môžete sa k nemu pripojiť v časti \"Nastavenia\".",
+    "cannot_reach_homeserver": "Nie je možné pripojiť sa k domovskému serveru",
+    "cannot_reach_homeserver_detail": "Uistite sa, že máte stabilné pripojenie na internet, alebo kontaktujte správcu servera",
+    "cant_load_page": "Nie je možné načítať stránku",
+    "chat_card_back_action_label": "Späť na konverzáciu",
+    "chat_effects": {
+        "confetti_description": "Odošle danú správu s konfetami",
+        "confetti_message": "pošle konfety",
+        "fireworks_description": "Odošle danú správu s ohňostrojom",
+        "fireworks_message": "pošle ohňostroj",
+        "hearts_description": "Odošle danú správu so srdiečkami",
+        "hearts_message": "pošle srdiečka",
+        "rainfall_description": "Odošle danú správu s dažďom",
+        "rainfall_message": "odošle dážď",
+        "snowfall_description": "Odošle danú správu so snežením",
+        "snowfall_message": "pošle sneženie",
+        "spaceinvaders_description": "Odošle zadanú správu s efektom vesmíru",
+        "spaceinvaders_message": "odošle vesmírnych útočníkov"
+    },
+    "common": {
+        "access_token": "Prístupový token",
+        "accessibility": "Prístupnosť",
+        "advanced": "Pokročilé",
+        "all_chats": "Všetky konverzácie",
+        "analytics": "Analytické údaje",
+        "and_n_others": {
+            "one": "a jeden ďalší…",
+            "few": "a %(count)s ďalší…",
+            "other": "a %(count)s ďalších…"
+        },
+        "appearance": "Vzhľad",
+        "application": "Aplikácia",
+        "are_you_sure": "Ste si istí?",
+        "attachment": "Príloha",
+        "authentication": "Overenie",
+        "avatar": "Obrázok",
+        "beta": "Beta verzia",
+        "camera": "Kamera",
+        "cameras": "Kamery",
+        "cancel": "Zrušiť",
+        "capabilities": "Schopnosti",
+        "copied": "Skopírované!",
+        "credits": "Poďakovanie",
+        "dark": "Tmavý",
+        "description": "Popis",
+        "deselect_all": "Zrušiť výber všetkých",
+        "device": "Zariadenie",
+        "edited": "upravené",
+        "email_address": "Emailová adresa",
+        "emoji": "Emotikon",
+        "encrypted": "Zašifrované",
+        "error": "Chyba",
+        "faq": "Často kladené otázky (FAQ)",
+        "feedback": "Spätná väzba",
+        "filter_results": "Filtrovať výsledky",
+        "forward_message": "Preposlať správu",
+        "general": "Všeobecné",
+        "go_to_settings": "Otvoriť nastavenia",
+        "guest": "Hosť",
+        "help": "Pomocník",
+        "home": "Domov",
+        "homeserver": "Domovský server",
+        "identity_server": "Server totožností",
+        "image": "Obrázok",
+        "integration_manager": "Správca integrácie",
+        "joined": "Ste pripojený",
+        "labs": "Experimenty",
+        "legal": "Právne informácie",
+        "light": "Svetlý",
+        "loading": "Načítavanie…",
+        "location": "Poloha",
+        "matrix": "Matrix",
+        "message": "Správa",
+        "message_layout": "Rozloženie správy",
+        "message_timestamp_invalid": "Neplatná časová značka",
+        "microphone": "Mikrofón",
+        "moderation_and_safety": "Moderovanie a bezpečnosť",
+        "modern": "Moderný",
+        "mute": "Umlčať",
+        "n_members": {
+            "one": "%(count)s člen",
+            "few": "%(count)s členovia",
+            "other": "%(count)s členov"
+        },
+        "n_rooms": {
+            "one": "%(count)s miestnosť",
+            "few": "%(count)s miestnosti",
+            "other": "%(count)s miestností"
+        },
+        "name": "Názov",
+        "no_results": "Žiadne výsledky",
+        "no_results_found": "Nenašli sa žiadne výsledky",
+        "not_trusted": "Nedôveryhodné",
+        "off": "Zakázané",
+        "offline": "Nedostupný",
+        "on": "Povolené",
+        "options": "Možnosti",
+        "orphan_rooms": "Ostatné miestnosti",
+        "password": "Heslo",
+        "people": "Ľudia",
+        "preferences": "Predvoľby",
+        "presence": "Prítomnosť",
+        "preview_message": "Hej, ty. Si jednotka!",
+        "privacy": "Súkromie",
+        "private": "Súkromný",
+        "private_room": "Súkromná miestnosť",
+        "private_space": "Súkromný priestor",
+        "profile": "Profil",
+        "public": "Verejný",
+        "public_room": "Verejná miestnosť",
+        "public_space": "Verejný priestor",
+        "qr_code": "QR kód",
+        "random": "Náhodné",
+        "reactions": "Reakcie",
+        "recommended": "Odporúčané",
+        "report_a_bug": "Nahlásiť chybu",
+        "room": "Miestnosť",
+        "room_name": "Názov miestnosti",
+        "rooms": "Miestnosti",
+        "save": "Uložiť",
+        "saved": "Uložené",
+        "saving": "Ukladanie…",
+        "secure_backup": "Bezpečné zálohovanie",
+        "select_all": "Vybrať všetky",
+        "server": "Server",
+        "settings": "Nastavenia",
+        "setup_secure_messages": "Nastavenie zabezpečených správ",
+        "show_more": "Zobraziť viac",
+        "someone": "Niekto",
+        "space": "Priestor",
+        "spaces": "Priestory",
+        "state_encryption_enabled": "Experimentálne šifrovanie stavu zapnuté",
+        "sticker": "Nálepka",
+        "stickerpack": "Balíček nálepiek",
+        "success": "Úspech",
+        "suggestions": "Návrhy",
+        "support": "Podpora",
+        "theme": "Vzhľad",
+        "thread": "Vlákno",
+        "threads": "Vlákna",
+        "timeline": "Časová os",
+        "unavailable": "nedostupný",
+        "unencrypted": "Nešifrované",
+        "unmute": "Zrušiť stlmenie",
+        "unnamed_room": "Nepomenovaná miestnosť",
+        "unnamed_space": "Nepomenovaný priestor",
+        "unverified": "Neoverené",
+        "updating": "Aktualizuje sa...",
+        "user": "Používateľ",
+        "user_avatar": "Obrázok v profile",
+        "username": "Meno používateľa",
+        "verified": "Overený",
+        "version": "Verzia",
+        "video_room": "Video miestnosť",
+        "view_message": "Zobraziť správu",
+        "warning": "Upozornenie"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Oznamovať celú miestnosť",
+            "command_a11y": "Automatické dopĺňanie príkazov",
+            "command_description": "Príkazy",
+            "emoji_a11y": "Automatické dopĺňanie emotikonov",
+            "notification_a11y": "Automatické dopĺňanie oznámení",
+            "notification_description": "Oznámenie miestnosti",
+            "room_a11y": "Automatické dopĺňanie miestností",
+            "space_a11y": "Automatické dopĺňanie priestoru",
+            "user_a11y": "Automatické dopĺňanie používateľov",
+            "user_description": "Používatelia"
+        },
+        "close_sticker_picker": "Skryť nálepky",
+        "edit_composer_label": "Upraviť správu",
+        "format_bold": "Tučné",
+        "format_code_block": "Blok kódu",
+        "format_decrease_indent": "Zmenšenie odsadenia",
+        "format_increase_indent": "Zväčšenie odsadenia",
+        "format_inline_code": "Kód",
+        "format_insert_link": "Vložiť odkaz",
+        "format_italic": "Kurzíva",
+        "format_italics": "Kurzíva",
+        "format_link": "Odkaz",
+        "format_ordered_list": "Číslovaný zoznam",
+        "format_strikethrough": "Preškrtnuté",
+        "format_underline": "Podčiarknuté",
+        "format_unordered_list": "Zoznam v odrážkach",
+        "formatting_toolbar_label": "Formátovanie",
+        "link_modal": {
+            "link_field_label": "Odkaz",
+            "text_field_label": "Text",
+            "title_create": "Vytvoriť odkaz",
+            "title_edit": "Upraviť odkaz"
+        },
+        "mode_plain": "Skryť formátovanie",
+        "mode_rich_text": "Zobraziť formátovanie",
+        "no_perms_notice": "Nemáte povolenie posielať do tejto miestnosti",
+        "placeholder": "Odoslať nezašifrovanú správu...",
+        "placeholder_encrypted": "Odoslať správu...",
+        "placeholder_reply": "Odoslať nešifrovanú odpoveď…",
+        "placeholder_reply_encrypted": "Odoslať odpoveď…",
+        "placeholder_thread": "Odpovedať na nešifrované vlákno…",
+        "placeholder_thread_encrypted": "Odpovedať na vlákno…",
+        "poll_button": "Anketa",
+        "poll_button_no_perms_description": "Nemáte povolenie spúšťať ankety v tejto miestnosti.",
+        "poll_button_no_perms_title": "Vyžaduje sa povolenie",
+        "replying_title": "Odpoveď",
+        "room_unencrypted": "Správy v tejto miestnosti nie sú end-to-end šifrované",
+        "room_upgraded_link": "Konverzácia pokračuje tu.",
+        "room_upgraded_notice": "Táto miestnosť bola nahradená a nie je viac aktívna.",
+        "send_button_title": "Odoslať správu",
+        "send_button_voice_message": "Odoslať hlasovú správu",
+        "send_voice_message": "Odoslať hlasovú správu",
+        "stop_voice_message": "Zastaviť nahrávanie",
+        "voice_message_button": "Hlasová správa"
+    },
+    "console_dev_note": "Ak viete, čo robíte, Element je open-source, určite si pozrite náš GitHub (https://github.com/vector-im/element-web/) a zapojte sa!",
+    "console_scam_warning": "Ak vám niekto povedal, aby ste sem niečo skopírovali/vložili, je veľká pravdepodobnosť, že vás niekto snaží podviesť!",
+    "console_wait": "Počkajte!",
+    "create_room": {
+        "action_create_room": "Vytvoriť miestnosť",
+        "action_create_video_room": "Vytvoriť video miestnosť",
+        "encrypted_video_room_warning": "Toto nebude možné neskôr vypnúť. Miestnosť bude zašifrovaná, ale vložený hovor nie.",
+        "encrypted_warning": "Toto neskôr nemôžete vypnúť. Premostenia a väčšina botov zatiaľ nebudú fungovať.",
+        "encryption_forced": "Váš server vyžaduje zapnuté šifrovanie v súkromných miestnostiach.",
+        "encryption_label": "Zapnúť end-to-end šifrovanie",
+        "error_title": "Nepodarilo sa vytvoriť miestnosť",
+        "generic_error": "Server môže byť nedostupný, preťažený, alebo ste narazili na chybu.",
+        "join_rule_change_notice": "Túto možnosť môžete kedykoľvek zmeniť v nastaveniach miestnosti.",
+        "join_rule_invite": "Súkromná miestnosť (len pre pozvaných)",
+        "join_rule_invite_label": "Len pozvaní ľudia budú môcť nájsť túto miestnosť a pripojiť sa k nej.",
+        "join_rule_knock_label": "O pripojenie môže požiadať ktokoľvek, ale administrátori alebo moderátori musia udeliť prístup. Toto môžete neskôr zmeniť.",
+        "join_rule_public_label": "Ktokoľvek môže nájsť túto miestnosť a pripojiť sa k nej.",
+        "join_rule_public_parent_space_label": "Ktokoľvek bude môcť nájsť túto miestnosť a pripojiť sa k nej, nielen členovia <SpaceName/>.",
+        "join_rule_restricted": "Viditeľné pre členov priestoru",
+        "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ť",
+        "topic_label": "Téma (voliteľné)",
+        "unfederated": "Zablokovať vstup do tejto miestnosti každému, kto nie je súčasťou %(serverName)s.",
+        "unfederated_label_default_off": "Túto funkciu môžete povoliť, ak sa miestnosť bude používať len na spoluprácu s internými tímami na vašom domovskom serveri. Neskôr sa to nedá zmeniť.",
+        "unfederated_label_default_on": "Túto funkciu môžete vypnúť, ak sa miestnosť bude používať na spoluprácu s externými tímami, ktoré majú vlastný domovský server. Neskôr sa to nedá zmeniť.",
+        "unsupported_version": "Server nepodporuje zadanú verziu miestnosti."
+    },
+    "create_space": {
+        "add_details_prompt": "Pridajte niekoľko podrobností, ktoré ho pomôžu ľuďom rozpoznať.",
+        "add_details_prompt_2": "Tieto môžete kedykoľvek zmeniť.",
+        "add_existing_rooms_description": "Vyberte miestnosti alebo konverzácie, ktoré chcete pridať. Toto je len priestor pre vás, nikto nebude informovaný. Neskôr môžete pridať ďalšie.",
+        "add_existing_rooms_heading": "Čo chcete zorganizovať?",
+        "address_label": "Adresa",
+        "address_placeholder": "napr. moj-priestor",
+        "creating": "Vytváranie…",
+        "creating_rooms": "Vytváranie miestností…",
+        "done_action": "Prejsť do môjho priestoru",
+        "done_action_first_room": "Prejsť do mojej prvej miestnosti",
+        "explainer": "Priestory sú novým spôsobom zoskupovania miestností a ľudí. Aký druh priestoru chcete vytvoriť? Neskôr to môžete zmeniť.",
+        "failed_create_initial_rooms": "Nepodarilo sa vytvoriť počiatočné miestnosti v priestore",
+        "failed_invite_users": "Nepodarilo sa pozvať nasledujúcich používateľov do vášho priestoru: %(csvUsers)s",
+        "invite_teammates_by_username": "Pozvať podľa používateľského mena",
+        "invite_teammates_description": "Uistite sa, že majú prístup správni ľudia. Neskôr môžete pozvať ďalších.",
+        "invite_teammates_heading": "Pozvite svojich kolegov z tímu",
+        "inviting_users": "Pozývanie…",
+        "label": "Vytvoriť priestor",
+        "name_required": "Zadajte prosím názov priestoru",
+        "personal_space": "Iba ja",
+        "personal_space_description": "Súkromný priestor na usporiadanie vašich miestností",
+        "private_description": "Len pre pozvaných, najlepšie pre seba alebo tímy",
+        "private_heading": "Váš súkromný priestor",
+        "private_only_heading": "Váš priestor",
+        "private_personal_description": "Uistite sa, že k %(name)s majú prístup správni ľudia",
+        "private_personal_heading": "S kým spolupracujete?",
+        "private_space": "Ja a moji kolegovia z tímu",
+        "private_space_description": "Súkromný priestor pre vás a vašich spolupracovníkov",
+        "public_description": "Otvorený priestor pre každého, najlepšie pre komunity",
+        "public_heading": "Váš verejný priestor",
+        "search_public_button": "Vyhľadať verejné priestory",
+        "setup_rooms_community_description": "Vytvorme pre každú z nich miestnosť.",
+        "setup_rooms_community_heading": "O akých veciach chcete diskutovať v %(spaceName)s?",
+        "setup_rooms_description": "Neskôr môžete pridať aj ďalšie, vrátane už existujúcich.",
+        "setup_rooms_private_description": "Pre každú z nich vytvoríme miestnosti.",
+        "setup_rooms_private_heading": "Na akých projektoch pracuje váš tím?",
+        "share_description": "Momentálne ste to len vy, s ostatnými to bude ešte lepšie.",
+        "share_heading": "Zdieľať %(name)s",
+        "skip_action": "Zatiaľ preskočiť",
+        "subspace_adding": "Pridávanie…",
+        "subspace_beta_notice": "Pridať priestor do priestoru, ktorý spravujete.",
+        "subspace_dropdown_title": "Vytvoriť priestor",
+        "subspace_existing_space_prompt": "Chcete radšej pridať už existujúci priestor?",
+        "subspace_join_rule_invite_description": "Tento priestor budú môcť nájsť a pripojiť sa k nemu len pozvaní ľudia.",
+        "subspace_join_rule_invite_only": "Súkromný priestor (len pre pozvaných)",
+        "subspace_join_rule_label": "Viditeľnosť priestoru",
+        "subspace_join_rule_public_description": "Ktokoľvek bude môcť nájsť tento priestor a pripojiť sa k nemu, nielen členovia <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Ktokoľvek v <SpaceName/> bude môcť nájsť a pripojiť sa."
+    },
+    "credits": {
+        "default_cover_photo": "<photo>Predvolená titulná fotografia</photo> je © <author>Jesús Roncero</author> používaná podľa podmienok <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "<twemoji>Twemoji</twemoji> emoji grafika je © <author>Twitter, Inc a ďalší prispievatelia</author> používaná podľa podmienok <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "Písmo <colr>twemoji-colr</colr> je © <author>Mozilla Foundation</author> používané podľa podmienok <terms>Apache 2.0</terms>."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Ste si istý, že chcete odmietnuť pozvanie do miestnosti \"%(roomName)s\"?",
+        "ignore_user_help": "Neuvidíte žiadne správy ani pozvánky do miestností od tohto používateľa.",
+        "reason_description": "Popíšte dôvod nahlásenia miestnosti.",
+        "report_room_description": "Nahlásiť túto miestnosť poskytovateľovi účtu.",
+        "title": "Odmietnuť pozvanie"
+    },
+    "desktop_default_device_name": "%(brand)s Stolný počítač: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Aktívne widgety",
+        "category_other": "Ďalšie",
+        "category_room": "Miestnosť",
+        "caution_colon": "Upozornenie:",
+        "client_versions": "Verzie klienta",
+        "crypto": {
+            "4s_public_key_in_account_data": "v údajoch o účte",
+            "4s_public_key_not_in_account_data": "nenájdené",
+            "4s_public_key_status": "Verejný kľúč tajného úložiska:",
+            "backup_key_cached": "lokálne uložené",
+            "backup_key_cached_status": "Záložný kľúč uložený vo vyrovnávacej pamäti:",
+            "backup_key_not_stored": "nie je uložený",
+            "backup_key_stored": "v tajnom úložisku",
+            "backup_key_stored_status": "Záložný kľúč uložený:",
+            "backup_key_unexpected_type": "neočakávaný typ",
+            "backup_key_well_formed": "správne vytvorený",
+            "cross_signing": "Krížové podpisovanie",
+            "cross_signing_cached": "lokálne uložené",
+            "cross_signing_not_ready": "Krížové podpisovanie nie je nastavené.",
+            "cross_signing_private_keys_in_storage": "v tajnom úložisku",
+            "cross_signing_private_keys_in_storage_status": "Súkromné kľúče krížového podpisovania:",
+            "cross_signing_private_keys_not_in_storage": "neboli nájdené v úložisku",
+            "cross_signing_public_keys_on_device": "v pamäti",
+            "cross_signing_public_keys_on_device_status": "Verejné kľúče krížového podpisovania:",
+            "cross_signing_ready": "Krížové podpisovanie je pripravené na použitie.",
+            "cross_signing_status": "Stav krížového podpisovania:",
+            "cross_signing_untrusted": "Váš účet má identitu s krížovým podpisom v tajnom úložisku, ale táto relácia mu zatiaľ nedôveruje.",
+            "crypto_not_available": "Kryptografický modul nie je k dispozícii",
+            "device_id": "ID zariadenia",
+            "key_backup_active_version": "Aktívna verzia zálohy:",
+            "key_backup_active_version_none": "Žiadna",
+            "key_backup_inactive_warning": "Vaše kľúče nie sú zálohované z tejto relácie.",
+            "key_backup_latest_version": "Najnovšia záložná verzia na serveri:",
+            "key_storage": "Úložisko kľúčov",
+            "master_private_key_cached_status": "Hlavný súkromný kľúč:",
+            "not_found": "nenájdený",
+            "not_found_locally": "nenájdený lokálne",
+            "secret_storage_not_ready": "nie je pripravený",
+            "secret_storage_ready": "pripravený",
+            "secret_storage_status": "Tajné úložisko:",
+            "self_signing_private_key_cached_status": "Súkromný kľúč s vlastným podpisom:",
+            "session": "Relácia",
+            "session_fingerprint": "Odtlačok prsta (kľúč relácie)",
+            "title": "Šifrovanie typu end-to-end",
+            "user_signing_private_key_cached_status": "Súkromný kľúč podpisovania používateľa:"
+        },
+        "developer_mode": "Režim pre vývojárov",
+        "developer_tools": "Vývojárske nástroje",
+        "device_dehydrated_no": "Dehydratované: Nie",
+        "device_dehydrated_yes": "Dehydratované: Áno",
+        "device_id": "ID zariadenia: %(deviceId)s",
+        "device_keys": "Kľúče zariadenia",
+        "device_verification_status": {
+            "signed_by_owner": "Stav overenia: <E2EIcon /> Podpísané majiteľom",
+            "unknown": "Stav overenia: Neznámy",
+            "unverified": "Stav overenia: <E2EIcon /> Nepodpísané vlastníkom",
+            "verified": "Stav overenia: <E2EIcon /> Overené krížovým podpisom"
+        },
+        "devices": "Kryptografické zariadenia (%(count)s )",
+        "edit_setting": "Upraviť nastavenie",
+        "edit_values": "Upraviť hodnoty",
+        "empty_string": "<prázdny reťazec>",
+        "event_content": "Obsah Udalosti",
+        "event_id": "ID udalosti: %(eventId)s",
+        "event_sent": "Udalosť odoslaná!",
+        "event_type": "Typ Udalosti",
+        "explore_account_data": "Preskúmať údaje o účte",
+        "explore_room_account_data": "Preskúmať údaje o účte miestnosti",
+        "explore_room_state": "Preskúmať stav miestnosti",
+        "failed_to_find_widget": "Pri hľadaní tohto widgetu došlo k chybe.",
+        "failed_to_load": "Nepodarilo sa načítať.",
+        "failed_to_save": "Nepodarilo sa uložiť nastavenia.",
+        "failed_to_send": "Nepodarilo sa odoslať udalosť!",
+        "id": "ID: ",
+        "invalid_device_key_id": "Neplatný ID kľúč zariadenia",
+        "invalid_json": "Nevyzerá to ako platný JSON.",
+        "level": "Úroveň",
+        "low_bandwidth_mode": "Režim nízkej šírky pásma",
+        "low_bandwidth_mode_description": "Vyžaduje kompatibilný domovský server.",
+        "main_timeline": "Hlavná časová os",
+        "manual_device_verification": "Manuálne overenie zariadenia",
+        "no_receipt_found": "Nenašlo sa žiadne potvrdenie",
+        "notification_state": "Stav oznámenia je <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Ladenie oznámení",
+        "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>",
+        "room_notifications_dot": "Bodka: ",
+        "room_notifications_highlight": "Zvýraznené: ",
+        "room_notifications_last_event": "Posledná udalosť:",
+        "room_notifications_sender": "Odosielateľ: ",
+        "room_notifications_thread_id": "ID vlákna: ",
+        "room_notifications_total": "Celkom: ",
+        "room_notifications_type": "Typ: ",
+        "room_status": "Stav miestnosti",
+        "room_unread_status_count": {
+            "one": "Stav neprečítaných v miestnosti: <strong>%(status)s</strong>, počet: <strong>%(count)s</strong>",
+            "few": "Stav neprečítaných v miestnosti: <strong>%(status)s</strong>, počet: <strong>%(count)s</strong>",
+            "other": "Stav neprečítaných v miestnosti: <strong>%(status)s</strong>, počet: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Uložiť hodnoty nastavenia",
+        "see_history": "Pozrieť históriu",
+        "send_custom_account_data_event": "Odoslať vlastnú udalosť s údajmi o účte",
+        "send_custom_room_account_data_event": "Odoslať vlastnú udalosť s údajmi o účte miestnosti",
+        "send_custom_state_event": "Odoslať vlastnú udalosť stavu",
+        "send_custom_timeline_event": "Poslať vlastnú udalosť na časovej osi",
+        "server_info": "Informácie o serveri",
+        "server_versions": "Verzie servera",
+        "settable_global": "Nastaviteľné v celosystémovom",
+        "settable_room": "Nastaviteľné v miestnosti",
+        "setting_colon": "Nastavenie:",
+        "setting_definition": "Definícia nastavenia:",
+        "setting_id": "ID nastavenia",
+        "settings": {
+            "elementCallUrl": "URL adresa Element Call"
+        },
+        "settings_explorer": "Prieskumník nastavení",
+        "show_empty_content_events": "Zobraziť udalosti s prázdnym obsahom",
+        "show_hidden_events": "Zobrazovať skryté udalosti v histórii obsahu miestností",
+        "spaces": {
+            "one": "<priestor>",
+            "few": "<%(count)s priestory>",
+            "other": "<%(count)s priestorov>"
+        },
+        "state_key": "Stavový kľúč",
+        "thread_root_id": "ID koreňového vlákna: %(threadRootId)s",
+        "threads_timeline": "Časová os vlákien",
+        "title": "Vývojárske nástroje",
+        "toolbox": "Nástroje",
+        "use_at_own_risk": "Toto používateľské rozhranie nekontroluje typy hodnôt. Používajte ho na vlastné riziko.",
+        "user_avatar": "Profilový obrázok: %(avatar)s",
+        "user_displayname": "Zobrazované meno: %(displayname)s",
+        "user_id": "ID používateľa: %(userId)s",
+        "user_no_avatar": "Obrázok: <i>Žiadny</i>",
+        "user_no_displayname": "Zobrazované meno: <i>Žiadne</i>",
+        "user_read_up_to": "Používateľ sa dočítal až do: ",
+        "user_read_up_to_ignore_synthetic": "Používateľ prečíta až do (ignoreSynthetic): ",
+        "user_read_up_to_private": "Používateľ prečíta až do (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Používateľ prečíta až do (m.read.private;ignoreSynthetic): ",
+        "user_room_membership": "Členstvo: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Stav overenia: <E2EIcon /> Neoverené a identita zmenená",
+            "unverified": "Stav overenia: <E2EIcon /> Neoverené",
+            "verified": "Stav overenia: <E2EIcon /> Overené",
+            "was_verified": "Stav overenia: <E2EIcon /> Bolo overené, ale totožnosť sa zmenila"
+        },
+        "users": "Používatelia",
+        "value": "Hodnota",
+        "value_colon": "Hodnota:",
+        "value_in_this_room": "Hodnota v tejto miestnosti",
+        "value_this_room_colon": "Hodnota v tejto miestnosti:",
+        "values_explicit": "Hodnoty na explicitných úrovniach",
+        "values_explicit_colon": "Hodnoty na explicitných úrovniach:",
+        "values_explicit_room": "Hodnoty na explicitných úrovniach v tejto miestnosti",
+        "values_explicit_this_room_colon": "Hodnoty na explicitných úrovniach v tejto miestnosti:",
+        "view_servers_in_room": "Zobraziť servery v miestnosti",
+        "view_source_decrypted_event_source": "Zdroj dešifrovanej udalosti",
+        "view_source_decrypted_event_source_unavailable": "Dešifrovaný zdroj nie je dostupný",
+        "widget_screenshots": "Umožniť zachytiť snímku obrazovky pre podporované widgety"
+    },
+    "dialog_close_label": "Zavrieť dialógové okno",
+    "download_completed": "Preberanie dokončené",
+    "empty_room": "Prázdna miestnosť",
+    "empty_room_was_name": "Prázdna miestnosť (bola %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Ak máte bezpečnostný kľúč alebo bezpečnostnú frázu, bude to fungovať tiež.",
+            "key_validation_text": {
+                "wrong_security_key": "Zadaný kľúč na obnovenie nie je správny."
+            },
+            "privacy_warning": "Uistite sa, že túto obrazovku nikto neuvidí!",
+            "restoring": "Obnovenie kľúčov zo zálohy",
+            "security_key_label": "Kľúč na obnovenie",
+            "security_key_title": "Zadajte svoj kľúč na obnovenie"
+        },
+        "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",
+        "cross_signing_user_normal": "Tohto používateľa ste neoverili.",
+        "cross_signing_user_verified": "Tohto používateľa ste overili. Tento používateľ si overil všetky svoje relácie.",
+        "cross_signing_user_warning": "Tento používateľ si neoveril všetky svoje relácie.",
+        "enter_recovery_key": "Zadajte kľúč na obnovenie",
+        "event_shield_reason_authenticity_not_guaranteed": "Vierohodnosť tejto zašifrovanej správy nie je možné na tomto zariadení zaručiť.",
+        "event_shield_reason_mismatched_sender": "Odosielateľ udalosti sa nezhoduje s vlastníkom zariadenia, ktoré ju odoslalo.",
+        "event_shield_reason_mismatched_sender_key": "Šifrované neoverenou reláciou",
+        "event_shield_reason_unknown_device": "Šifrované neznámym alebo odstráneným zariadením.",
+        "event_shield_reason_unsigned_device": "Šifrované zariadením, ktoré nie je overené jeho majiteľom.",
+        "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.",
+        "messages_not_secure": {
+            "cause_1": "Váš domovský server",
+            "cause_2": "Domovský server, ku ktorému je pripojený používateľ, ktorého overujete",
+            "cause_3": "Vaše internetové pripojenie alebo internetové pripojenie ostatných používateľov",
+            "cause_4": "Vaša relácia alebo relácia ostatných používateľov",
+            "heading": "Jedna z nasledujúcich vecí môže byť narušená:",
+            "title": "Vaše správy nie sú zabezpečené"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Bola zistená nová bezpečnostná fráza a kľúč pre zabezpečené správy.",
+            "description_2": "Táto relácia šifruje históriu pomocou novej metódy obnovy.",
+            "title": "Nový spôsob obnovy",
+            "warning": "Ak ste si nenastavili nový spôsob obnovenia, je možné, že útočník sa pokúša dostať k vášmu účtu. Radšej si ihneď zmeňte vaše heslo a nastavte si nový spôsob obnovenia v Nastaveniach."
+        },
+        "pinned_identity_changed": "Zdá sa, že identita (<b>%(userId)s</b>) používateľa %(displayName)s bola obnovená. <a>Zistiť viac </a>",
+        "pinned_identity_changed_no_displayname": "Identita používateľa <b>%(userId)s</b> bola obnovená. <a>Zistiť viac</a>",
+        "recovery_method_removed": {
+            "description_1": "Táto relácia zistila, že vaša bezpečnostná fráza a kľúč pre zabezpečené správy boli odstránené.",
+            "description_2": "Ak ste to urobili omylom, môžete v tejto relácii nastaviť Zabezpečené správy, ktoré znovu zašifrujú históriu správ tejto relácie pomocou novej metódy obnovy.",
+            "title": "Odstránený spôsob obnovenia",
+            "warning": "Ak ste neodstránili spôsob obnovenia vy, je možné, že útočník sa pokúša dostať k vášmu účtu. Radšej si ihneď zmeňte vaše heslo a nastavte si nový spôsob obnovenia v Nastaveniach."
+        },
+        "set_up_recovery": "Nastaviť obnovenie",
+        "set_up_recovery_toast_description": "Vytvorte kľúč na obnovenie, ktorý môžete použiť na obnovenie histórie šifrovaných správ v prípade straty prístupu k zariadeniam.",
+        "set_up_toast_title": "Nastaviť bezpečné zálohovanie",
+        "turn_on_key_storage": "Zapnúť úložisko kľúčov",
+        "turn_on_key_storage_description": "Uložte svoju kryptografickú totožnosť a kľúče správ bezpečne na serveri. To vám umožní zobraziť históriu správ na všetkých nových zariadeniach.",
+        "unable_to_setup_keys_error": "Nie je možné nastaviť kľúče",
+        "verification": {
+            "accepting": "Akceptovanie…",
+            "after_new_login": {
+                "device_verified": "Zariadenie overené",
+                "skip_verification": "Vynechať zatiaľ overovanie",
+                "verify_this_device": "Overiť toto zariadenie"
+            },
+            "cancelled_verification": "Buď vypršal časový limit žiadosti, žiadosť bola zamietnutá alebo došlo k nezhode v overení.",
+            "cancelling": "Rušenie…",
+            "cant_confirm": "Nemôžete potvrdiť?",
+            "complete_action": "Rozumiem",
+            "complete_description": "Úspešne ste overili tohoto používateľa.",
+            "complete_title": "Overený!",
+            "confirm_identity_description": "Overte toto zariadenie, aby ste mohli nastaviť bezpečné správy",
+            "confirm_identity_title": "Potvrďte svoju totožnosť",
+            "confirm_the_emojis": "Potvrďte, že nižšie uvedené emotikony sa zhodujú s emotikonmi zobrazenými na vašom druhom zariadení.",
+            "error_starting_description": "Nepodarilo sa nám spustiť konverzáciu s druhým používateľom.",
+            "error_starting_title": "Chyba pri spustení overovania",
+            "explainer": "Zabezpečené správy s týmto používateľom sú end-to-end šifrované a tretie strany ich nemôžu čítať.",
+            "in_person": "Aby ste si boli istý, urobte to osobne alebo použite dôveryhodný spôsob komunikácie.",
+            "incoming_sas_device_dialog_text_1": "Overte toto zariadenie a označte ho ako dôveryhodné. Dôveryhodnosť tohto zariadenia poskytuje vám a ostatným používateľom väčší pokoj pri používaní end-to-end šifrovaných správ.",
+            "incoming_sas_device_dialog_text_2": "Overením tohto zariadenia ho označíte ako dôveryhodné a používatelia, ktorí vás overili, budú tomuto zariadeniu dôverovať.",
+            "incoming_sas_dialog_title": "Prichádzajúca žiadosť o overenie",
+            "incoming_sas_dialog_waiting": "Čakanie na potvrdenie od partnera…",
+            "incoming_sas_user_dialog_text_1": "Overte tohto používateľa a označte ho ako dôveryhodného. Dôveryhodní používatelia vám poskytujú dodatočný pokoj na duši pri používaní end-to-end šifrovaných správ.",
+            "incoming_sas_user_dialog_text_2": "Overenie tohto používateľa označí jeho reláciu ako dôveryhodnú a zároveň označí vašu reláciu ako dôveryhodnú pre neho.",
+            "manual": {
+                "already_verified": "Toto zariadenie je už overené",
+                "already_verified_and_wrong_fingerprint": "Zadaný odtlačok prsta sa nezhoduje, ale zariadenie je už overené!",
+                "device_id": "ID zariadenia",
+                "failure_description": "Nepodarilo sa overiť '%(deviceId)s': %(error)s",
+                "failure_title": "Overenie zlyhalo",
+                "fingerprint": "Odtlačok prsta (kľúč relácie)",
+                "no_crypto": "Nie je možné overiť zariadenie - kryptografia nie je povolená",
+                "no_device": "Zariadenie sa nepodarilo overiť - zariadenie '%(deviceId)s' nebolo nájdené",
+                "no_userid": "Nie je možné overiť zariadenie - nepodarilo sa nájsť naše ID používateľa",
+                "success_description": "Zariadenie (%(deviceId)s ) je teraz krížovo podpísané",
+                "success_title": "Overenie úspešné",
+                "text": "Na overenie zadajte ID a odtlačok jedného z vašich vlastných zariadení. POZNÁMKA: toto umožňuje druhému zariadeniu odosielať a prijímať správy ako vy. AK VÁM NIEKTO POVEDAL, ABY STE SEM NIEČO VLOŽILI, JE PRAVDEPODOBNÉ, ŽE IDE O PODVOD!",
+                "wrong_fingerprint": "Nie je možné overiť zariadenie '%(deviceId)s' - dodaný odtlačok prsta '%(fingerprint)s' sa nezhoduje s odtlačkom prsta zariadenia, '%(fprint)s'"
+            },
+            "no_support_qr_emoji": "Zariadenie, ktoré sa snažíte overiť, nepodporuje overenie skenovaním QR kódu ani overenie pomocou emotikonov, ktoré podporuje aplikácia %(brand)s. Skúste použiť iného klienta.",
+            "now_you_can": "Teraz môžete bezpečne čítať alebo odosielať správy a tomuto zariadeniu môže dôverovať každý, s kým konverzujete.",
+            "once_accepted_can_continue": "Po schválení budete môcť pokračovať v overovaní.",
+            "other_party_cancelled": "Proti strana zrušila overovanie.",
+            "prompt_encrypted": "Overte všetkých používateľov v miestnosti, aby ste sa uistili, že je zabezpečená.",
+            "prompt_unencrypted": "V šifrovaných miestnostiach overte všetkých používateľov, aby ste zaistili ich bezpečnosť.",
+            "qr_or_sas": "%(qrCode)s alebo %(emojiCompare)s",
+            "qr_prompt": "Naskenujte tento jedinečný kód",
+            "qr_reciprocate_check_again_device": "Znova skontrolujte na druhom zariadení, aby ste dokončili overenie.",
+            "qr_reciprocate_no": "Nie, nevidím zelený štít",
+            "qr_reciprocate_same_shield_user": "Už je to takmer hotové! Zobrazuje sa %(displayName)s rovnaký štít?",
+            "qr_reciprocate_yes": "Áno, vidím zelený štít",
+            "request_toast_accept_user": "Overiť používateľa",
+            "request_toast_decline_counter": "Ignorovať (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s z %(ip)s",
+            "request_toast_start_verification": "Spustiť overovanie",
+            "sas_caption_self": "Overte toto zariadenie potvrdením, že sa na jeho obrazovke zobrazí nasledujúce číslo.",
+            "sas_caption_user": "Overte tohoto používateľa tým, že zistíte, či sa na jeho obrazovke objaví nasledujúce číslo.",
+            "sas_description": "Pokiaľ nemáte na svojich zariadeniach kameru, porovnajte jedinečnú kombináciu emotikonov",
+            "sas_emoji_caption_user": "Overte tohto používateľa potvrdením, že sa na jeho obrazovke zobrazujú nasledujúce emotikony.",
+            "sas_match": "Zhodujú sa",
+            "sas_no_match": "Nezhodujú sa",
+            "sas_prompt": "Porovnajte jedinečnú kombináciu emotikonov",
+            "scan_qr": "Overte naskenovaním",
+            "scan_qr_explainer": "Požiadajte %(displayName)s, aby naskenoval váš kód:",
+            "start_button": "Spustiť overovanie",
+            "successful_user": "Úspešne ste overili %(displayName)s!",
+            "unsupported_method": "Nie je možné nájsť podporovanú metódu overenia.",
+            "unverified_session_toast_accept": "Áno, bol som to ja",
+            "unverified_session_toast_title": "Nové prihlásenie. Boli ste to vy?",
+            "unverified_sessions_toast_description": "Skontrolujte, či je vaše konto bezpečné",
+            "unverified_sessions_toast_reject": "Neskôr",
+            "unverified_sessions_toast_title": "Máte neoverené relácie",
+            "use_another_device": "Použiť iné zariadenie",
+            "use_recovery_key": "Použiť kľúč na obnovenie",
+            "verification_dialog_title_choose": "Vyberte spôsob overenia",
+            "verification_dialog_title_compare_emojis": "Porovnať emotikony",
+            "verification_dialog_title_confirm_green_shield": "Potvrďte, že na druhom zariadení vidíte zelený štít",
+            "verification_dialog_title_device": "Overenie iného zariadenia",
+            "verification_dialog_title_failed": "Overenie zlyhalo",
+            "verification_dialog_title_start_on_other_device": "Spustite overenie na druhom zariadení",
+            "verification_dialog_title_user": "Žiadosť o overenie",
+            "verification_dialog_title_verified": "Zariadenie overené",
+            "verification_skip_warning": "Bez overenia nebudete mať prístup ku všetkým svojim správam a pre ostatných sa môžete javiť ako nedôveryhodní.",
+            "verification_success_with_backup": "Vaše nové zariadenie je teraz overené. Má prístup k vašim zašifrovaným správam a ostatní používatelia ho budú považovať za dôveryhodné.",
+            "verification_success_without_backup": "Vaše nové zariadenie je teraz overené. Ostatní používatelia ho budú vidieť ako dôveryhodné.",
+            "verify_by_completing_one_of": "Overte vyplnením jednej z nasledujúcich možností:",
+            "verify_emoji": "Overiť pomocou emotikonov",
+            "verify_emoji_prompt": "Overenie porovnaním jedinečnej kombinácie emotikonov.",
+            "verify_emoji_prompt_qr": "Ak sa vám nepodarí naskenovať uvedený kód, overte pomocou porovnania jedinečných emotikonov.",
+            "verify_later": "Overím to neskôr",
+            "waiting_for_user_accept": "Čaká sa, kým to %(displayName)s prijme…",
+            "waiting_other_device": "Čaká sa na overenie na vašom druhom zariadení…",
+            "waiting_other_device_details": "Čaká sa na overenie na vašom druhom zariadení, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Čakám na %(displayName)s, kým nás overí…"
+        },
+        "verification_requested_toast_title": "Vyžiadané overenie",
+        "verified_identity_changed": "Totožnosť používateľa %(displayName)s's (<b>%(userId)s</b>) bola obnovená. <a>Zistiť viac</a>",
+        "verified_identity_changed_no_displayname": "Totožnosť používateľa <b>%(userId)s</b> bola obnovená. <a>Zistiť viac</a>",
+        "verify_toast_description": "Ostatní používatelia jej nemusia dôverovať",
+        "verify_toast_title": "Overiť túto reláciu",
+        "withdraw_verification_action": "Zrušiť overenie"
+    },
+    "error": {
+        "admin_contact": "Prosím, <a>kontaktujte správcu služieb</a> aby ste mohli službu ďalej používať.",
+        "admin_contact_short": "Kontaktujte svojho <a>administrátora serveru</a>.",
+        "app_launch_unexpected_error": "Neočakávaná chyba počas pripravovania aplikácie. Pre podrobnosti pozri konzolu.",
+        "cannot_load_config": "Nemožno načítať konfiguračný súbor: prosím obnovte stránku a skúste to znova.",
+        "connection": "Nastal problém pri komunikácii s domovským serverom. Skúste to prosím znova.",
+        "dialog_description_default": "Vyskytla sa chyba.",
+        "download_media": "Nepodarilo sa stiahnuť zdrojové médium, nebola nájdená žiadna zdrojová url adresa",
+        "edit_history_unsupported": "Zdá sa, že váš domovský server túto funkciu nepodporuje.",
+        "failed_copy": "Nepodarilo sa skopírovať",
+        "hs_blocked": "Tento domovský server bol zablokovaný jeho správcom.",
+        "invalid_configuration_mixed_server": "Neplatná konfigurácia: default_hs_url nemôže byť určená spolu s default_server_name alebo default_server_config",
+        "invalid_configuration_no_server": "Neplatné nastavenie: nebol určený východiskový server.",
+        "invalid_json": "Vaša konfigurácia Elementu obsahuje nesprávny údaj JSON. Prosím, opravte chybu a obnovte stránku.",
+        "invalid_json_detail": "Správa z parsera je: %(message)s",
+        "invalid_json_generic": "Neplatný JSON",
+        "mau": "Bol dosiahnutý mesačný limit počtu aktívnych používateľov tohoto domovského servera.",
+        "misconfigured": "Váš Element je nesprávne nastavený",
+        "mixed_content": "K domovskému serveru nie je možné pripojiť sa použitím protokolu HTTP keďže v adresnom riadku prehliadača máte HTTPS adresu. Použite protokol HTTPS alebo <a>povolte nezabezpečené skripty</a>.",
+        "non_urgent_echo_failure_toast": "Váš server neodpovedá na niektoré <a>požiadavky</a>.",
+        "resource_limits": "Bol prekročený limit využitia prostriedkov pre tento domovský server.",
+        "session_restore": {
+            "clear_storage_button": "Vymazať úložisko a odhlásiť sa",
+            "clear_storage_description": "Odhlásiť sa a odstrániť šifrovacie kľúče?",
+            "description_1": "Počas obnovovania vašej predchádzajúcej relácie sa vyskytla chyba.",
+            "description_2": "Ak ste predtým používali novšiu verziu %(brand)s, vaša relácia môže byť s touto verziou nekompatibilná. Zatvorte toto okno a vráťte sa k novšej verzii.",
+            "description_3": "Vymazaním úložiska prehliadača možno opravíte váš problém, no zároveň sa týmto odhlásite a história vašich šifrovaných konverzácií sa pre vás môže stať nečitateľná.",
+            "title": "Nie je možné obnoviť reláciu"
+        },
+        "something_went_wrong": "Niečo sa pokazilo!",
+        "storage_evicted_description_1": "Chýbajú niektoré údaje relácie vrátane zašifrovaných kľúčov správ. Odhláste sa a prihláste sa, aby ste to opravili a obnovili kľúče zo zálohy.",
+        "storage_evicted_description_2": "Váš prehliadač pravdepodobne odstránil tieto údaje, keď mal málo miesta na disku.",
+        "storage_evicted_title": "Chýbajú údaje relácie",
+        "sync": "Nie je možné sa pripojiť k domovskému serveru. Prebieha pokus o opätovné pripojenie…",
+        "tls": "Nie je možné pripojiť sa k domovskému serveru - skontrolujte prosím funkčnosť vášho pripojenia na internet. Uistite sa že <a>certifikát domovského servera</a> je dôveryhodný a že žiaden doplnok nainštalovaný v prehliadači nemôže blokovať požiadavky.",
+        "unknown": "Neznáma chyba",
+        "unknown_error_code": "neznámy kód chyby",
+        "update_history_visibility": "Nepodarilo sa zmeniť viditeľnosť histórie",
+        "update_power_level": "Nepodarilo sa zmeniť úroveň oprávnenia"
+    },
+    "error_app_open_in_another_tab": "Prepnite na druhú kartu aby ste sa spojili s aplikáciou %(brand)s. Túto kartu môžete teraz zatvoriť.",
+    "error_app_open_in_another_tab_title": "%(brand)s je pripojený na inej karte",
+    "error_app_opened_in_another_window": "%(brand)s je otvorený v inom okne. Kliknutím na \"%(label)s\" použijete túto aplikáciu %(brand)s a odpojíte druhé okno.",
+    "error_database_closed_description": {
+        "for_desktop": "Váš disk môže byť plný. Uvoľnite prosím miesto a znova to načítajte.",
+        "for_web": "Ak ste vymazali údaje o prehliadaní, tak táto správa sa očakáva. %(brand)s môže byť otvorený aj na inej karte alebo je váš disk plný. Uvoľnite prosím miesto a znovu ho načítajte"
+    },
+    "error_database_closed_title": "%(brand)s prestal fungovať",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Nie je možné skopírovať odkaz na miestnosť do schránky.",
+            "title": "Nie je možné skopírovať odkaz na miestnosť"
+        },
+        "error_loading_user_profile": "Nie je možné načítať profil používateľa",
+        "forget_room_failed": "Nepodarilo sa zabudnúť miestnosť %(errCode)s"
+    },
+    "error_user_not_logged_in": "Používateľ nie je prihlásený",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Práve prebieha hovor",
+            "user": "%(senderName)s sa pridal/a do hovoru",
+            "you": "Pridali ste sa do hovoru"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s ukončil hovor",
+            "you": "Ukončili ste hovor"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s volá",
+            "dm_send": "Čakám na odpoveď",
+            "user": "%(senderName)s začal/a hovor",
+            "you": "Začali ste hovor"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s reagoval/a %(reaction)s na %(message)s",
+            "you": "Reagovali ste %(reaction)s na %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Zvuk",
+            "file": "Súbor",
+            "image": "Obrázok",
+            "poll": "Anketa",
+            "video": "Video"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Export zrušený",
+        "cancelled_detail": "Export bol úspešne zrušený",
+        "confirm_stop": "Ste si istí, že chcete ukončiť export údajov? Ak áno, budete musieť začať odznova.",
+        "creating_html": "Vytváranie HTML…",
+        "creating_output": "Vytváranie výstupu…",
+        "creator_summary": "%(creatorName)s vytvoril túto miestnosť.",
+        "current_timeline": "Aktuálna časová os",
+        "enter_number_between_min_max": "Zadajte číslo medzi %(min)s a %(max)s",
+        "error_fetching_file": "Chyba pri načítaní súboru",
+        "export_info": "Toto je začiatok exportu miestnosti <roomName/>. Exportované <exporterDetails/> dňa %(exportDate)s.",
+        "export_successful": "Export úspešný!",
+        "exported_n_events_in_time": {
+            "one": "Exportovaná %(count)s udalosť za %(seconds)s sekúnd",
+            "few": "Exportovaných %(count)s udalosti za %(seconds)s sekúnd",
+            "other": "Exportovaných %(count)s udalostí za %(seconds)s sekúnd"
+        },
+        "exporting_your_data": "Exportovanie vašich údajov",
+        "fetched_n_events": {
+            "one": "Zatiaľ získaná %(count)s udalosť",
+            "few": "Zatiaľ získané %(count)s udalosti",
+            "other": "Zatiaľ získaných %(count)s udalostí"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Načítaná %(count)s udalosť za %(seconds)ss",
+            "few": "Načítané %(count)s udaloszi za %(seconds)ss",
+            "other": "Načítaných %(count)s udalostí za %(seconds)ss"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Získaná %(count)s udalosť z %(total)s",
+            "few": "Získané %(count)s udalosti z %(total)s",
+            "other": "Získaných %(count)s udalostí z %(total)s"
+        },
+        "fetching_events": "Získavanie udalostí…",
+        "file_attached": "Priložený súbor",
+        "format": "Formát",
+        "from_the_beginning": "Od začiatku",
+        "generating_zip": "Vytváranie súboru ZIP",
+        "html": "HTML",
+        "html_title": "Exportované údaje",
+        "include_attachments": "Zahrnúť prílohy",
+        "json": "JSON",
+        "media_omitted": "Médium vynechané",
+        "media_omitted_file_size": "Médium vynechané - prekročený limit veľkosti súboru",
+        "messages": "Správy",
+        "next_page": "Ďalšia skupina správ",
+        "num_messages": "Počet správ",
+        "num_messages_min_max": "Počet správ môže byť len číslo medzi %(min)s a %(max)s",
+        "number_of_messages": "Zadajte počet správ",
+        "previous_page": "Predchádzajúca skupina správ",
+        "processing": "Spracovávanie…",
+        "processing_event_n": "Spracovanie udalosti %(number)s z %(total)s",
+        "select_option": "Ak chcete exportovať konverzácie z časovej osi, vyberte jednu z nasledujúcich možností",
+        "size_limit": "Limit veľkosti",
+        "size_limit_min_max": "Veľkosť môže byť len medzi %(min)s MB a %(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Začína sa exportovanie…",
+        "successful": "Export úspešný",
+        "successful_detail": "Váš export bol úspešný. Nájdete ho v priečinku Stiahnuté súbory.",
+        "text": "Obyčajný text",
+        "title": "Exportovať konverzáciu",
+        "topic": "Téma: %(topic)s",
+        "unload_confirm": "Ste si istí, že chcete odísť počas tohto exportu?"
+    },
+    "failed_load_async_component": "Nie je možné načítať! Skontrolujte prístup na internet a skúste neskôr.",
+    "feedback": {
+        "can_contact_label": "V prípade ďalších otázok ma môžete kontaktovať",
+        "comment_label": "Komentár",
+        "existing_issue_link": "Najprv si prosím pozrite <existingIssuesLink>existujúce chyby na Githube</existingIssuesLink>. Žiadna zhoda? <newIssueLink>Založte novú</newIssueLink>.",
+        "may_contact_label": "Môžete ma kontaktovať, ak budete potrebovať nejaké ďalšie podrobnosti alebo otestovať chystané nápady",
+        "platform_username": "Vaša platforma a používateľské meno budú zaznamenané, aby sme mohli čo najlepšie využiť vašu spätnú väzbu.",
+        "pro_type": "PRO TIP: Ak napíšete príspevok o chybe, odošlite prosím <debugLogsLink>ladiace záznamy</debugLogsLink>, aby ste nám pomohli vystopovať problém.",
+        "send_feedback_action": "Odoslať spätnú väzbu",
+        "sent": "Spätná väzba odoslaná"
+    },
+    "file_panel": {
+        "empty_description": "Pripojte súbory z konverzácie alebo ich jednoducho pretiahnite kamkoľvek do miestnosti.",
+        "empty_heading": "V tejto miestnosti nie sú viditeľné žiadne súbory",
+        "guest_note": "Aby ste mohli použiť túto vlastnosť, musíte byť <a>zaregistrovaný</a>",
+        "peek_note": "Aby ste si mohli zobraziť zoznam súborov, musíte vstúpiť do miestnosti"
+    },
+    "forward": {
+        "filter_placeholder": "Hľadať miestnosti alebo ľudí",
+        "message_preview_heading": "Náhľad správy",
+        "no_perms_title": "Na toto nemáte oprávnenie",
+        "open_room": "Otvoriť miestnosť",
+        "send_label": "Odoslať",
+        "sending": "Odosielanie",
+        "sent": "Odoslané"
+    },
+    "identity_server": {
+        "change": "Zmeniť server totožností",
+        "change_prompt": "Naozaj si želáte odpojiť od servera totožností <current /> a pripojiť sa namiesto toho k serveru <new />?",
+        "change_server_prompt": "Ak nechcete používať <server /> na vyhľadávanie kontaktov a možnosť byť nájdený, zadajte adresu servera totožností nižšie.",
+        "changed": "Váš server totožnosti bol zmenený",
+        "checking": "Kontrola servera",
+        "description_connected": "Momentálne na vyhľadávanie kontaktov a na možnosť byť nájdený kontaktmi, ktoré poznáte používate <server></server>. Zmeniť server totožností môžete nižšie.",
+        "description_disconnected": "Momentálne nepoužívate žiaden server totožností. Ak chcete vyhľadávať kontakty a zároveň umožniť ostatným vašim kontaktom, aby mohli nájsť vás, nastavte si server totožností nižšie.",
+        "description_optional": "Používanie servera totožností je voliteľné. Ak sa rozhodnete, že nebudete používať server totožností, nebudú vás vaši známi môcť nájsť a ani vy nebudete môcť pozývať používateľov zadaním emailovej adresy alebo telefónneho čísla.",
+        "disconnect": "Odpojiť server totožností",
+        "disconnect_anyway": "Napriek tomu sa odpojiť",
+        "disconnect_offline_warning": "Pred odpojením by ste mali <b>odstrániť vaše osobné údaje</b> zo servera totožností <idserver />. Žiaľ, server totožnosti <idserver /> momentálne nie je dostupný a nie je možné sa k nemu pripojiť.",
+        "disconnect_personal_data_warning_1": "Stále <b>zdieľate svoje osobné údaje</b> na serveri totožností <idserver />.",
+        "disconnect_personal_data_warning_2": "Odporúčame, aby ste ešte pred odpojením sa zo servera totožností odstránili vašu emailovú adresu a telefónne číslo.",
+        "disconnect_server": "Naozaj sa chcete odpojiť od servera totožností <idserver />?",
+        "disconnect_warning": "Ak sa odpojíte od servera totožností, vaše kontakty vás nebudú môcť nájsť a ani vy nebudete môcť pozývať používateľov zadaním emailovej adresy a telefónneho čísla.",
+        "do_not_use": "Nepoužívať server totožností",
+        "error_connection": "Nepodarilo sa pripojiť k serveru totožností",
+        "error_invalid": "Nie je platný server totožností (kód stavu %(code)s)",
+        "error_invalid_or_terms": "Neprijali ste Podmienky poskytovania služby alebo to nie je správny server.",
+        "no_terms": "Zadaný server totožností nezverejňuje žiadne podmienky poskytovania služieb.",
+        "suggestions": "Mali by ste:",
+        "suggestions_1": "Skontrolovať rozšírenia inštalované vo webovom prehliadači, ktoré by mohli blokovať prístup k serveru totožností (napr. rozšírenie Privacy Badger)",
+        "suggestions_2": "Kontaktovať správcu servera totožností <idserver />",
+        "suggestions_3": "Počkať a skúsiť znovu neskôr",
+        "url": "Server totožností (%(server)s)",
+        "url_field_label": "Zadať nový server totožností",
+        "url_not_https": "URL adresa servera totožností musí byť HTTPS"
+    },
+    "in_space": "V priestore %(spaceName)s.",
+    "in_space1_and_space2": "V priestoroch %(space1Name)s a %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "V %(spaceName)s a v %(count)s ďalšom priestore.",
+        "few": "V %(spaceName)s a %(count)s ďalších priestoroch.",
+        "other": "V %(spaceName)s a %(count)s ďalších priestoroch."
+    },
+    "incompatible_browser": {
+        "continue": "Napriek tomu pokračovať",
+        "description": "%(brand)s používa niektoré funkcie prehliadača, ktoré nie sú dostupné vo vašom aktuálnom prehliadači. %(detail)s",
+        "detail_can_continue": "Ak budete pokračovať, niektoré funkcie môžu prestať fungovať a existuje riziko, že v budúcnosti stratíte údaje.",
+        "detail_no_continue": "Skúste aktualizovať tento prehliadač, ak nepoužívate najnovšiu verziu, a skúste to znova.",
+        "learn_more": "Zistiť viac",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "Pre najlepší zážitok použite prehliadač <Firefox>Firefox</Firefox>, <Chrome>Chrome</Chrome>, <Edge>Edge</Edge> alebo <Safari>Safari</Safari>.",
+        "title": "Nepodporovaný prehliadač",
+        "use_desktop_heading": "Namiesto toho použite aplikáciu %(brand)s Desktop",
+        "use_mobile_heading": "Namiesto toho použite aplikáciu %(brand)s v mobile",
+        "use_mobile_heading_after_desktop": "Alebo použite našu mobilnú aplikáciu",
+        "windows_64bit": "Windows (64-bitový)",
+        "windows_arm_64bit": "Windows (ARM 64-bitový)"
+    },
+    "info_tooltip_title": "Informácie",
+    "integration_manager": {
+        "connecting": "Pripájanie k správcovi integrácie…",
+        "error_connecting": "Integračný server je offline, alebo nemôže pristupovať k domovskému serveru.",
+        "error_connecting_heading": "Nie je možné sa pripojiť k integračnému serveru",
+        "explainer": "Správcovia integrácie dostávajú konfiguračné údaje a môžu vo vašom mene upravovať widgety, posielať pozvánky do miestnosti a nastavovať úrovne oprávnení.",
+        "manage_title": "Spravovať integrácie",
+        "toggle_label": "Povoliť správcu integrácie",
+        "use_im": "Na správu botov, widgetov a balíkov nálepiek použite správcu integrácie.",
+        "use_im_default": "Na správu botov, widgetov a balíkov nálepiek použite správcu integrácie <b>(%(serverName)s)</b>."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Ak to chcete urobiť, povoľte v Nastaveniach položku \"%(manageIntegrations)s\".",
+        "disabled_dialog_title": "Integrácie sú zakázané",
+        "impossible_dialog_description": "Vaša aplikácia %(brand)s vám na to neumožňuje použiť správcu integrácie. Obráťte sa na administrátora.",
+        "impossible_dialog_title": "Integrácie nie sú povolené"
+    },
+    "invite": {
+        "email_caption": "Pozvať e-mailom",
+        "email_limit_one": "Pozvánky e-mailom sa môžu posielať len po jednej",
+        "email_use_default_is": "Na pozvanie e-mailom použite server identity. <default>Použite predvolený (%(defaultIdentityServerName)s)</default> alebo spravujte v <settings>nastaveniach</settings>.",
+        "email_use_is": "Na pozvanie e-mailom použite server identity. Vykonajte zmeny v <settings>Nastaveniach</settings>.",
+        "error_already_invited_room": "Používateľ už bol pozvaný do miestnosti",
+        "error_already_invited_space": "Používateľ už bol pozvaný do priestoru",
+        "error_already_joined_room": "Používateľ sa už nachádza v miestnosti",
+        "error_already_joined_space": "Používateľ sa už nachádza v priestore",
+        "error_bad_state": "Tomuto používateľovi musíte pred odoslaním pozvania povoliť vstup.",
+        "error_dm": "Nemohli sme vytvoriť vašu priamu správu.",
+        "error_find_room": "Pri pokuse o pozvanie používateľov sa niečo pokazilo.",
+        "error_find_user_description": "Nasledujúci používatelia nemusia existovať alebo sú neplatní a nemožno ich pozvať: %(csvNames)s",
+        "error_find_user_title": "Nepodarilo sa nájsť týchto používateľov",
+        "error_invite": "Týchto používateľov sme nemohli pozvať. Skontrolujte prosím používateľov, ktorých chcete pozvať, a skúste to znova.",
+        "error_permissions_room": "Nemáte povolenie pozývať ľudí do tejto miestnosti.",
+        "error_permissions_space": "Nemáte povolenie pozývať ľudí do tohto priestoru.",
+        "error_profile_undisclosed": "Používateľ môže, ale nemusí existovať",
+        "error_transfer_multiple_target": "Hovor je možné presmerovať len na jedného používateľa.",
+        "error_unfederated_room": "Táto miestnosť je nefederovaná. Nemôžete pozývať ľudí z externých serverov.",
+        "error_unfederated_space": "Tento priestor je nefederovaný. Nemôžete pozývať ľudí z externých serverov.",
+        "error_unknown": "Neznáma chyba servera",
+        "error_user_not_found": "Používateľ neexistuje",
+        "error_version_unsupported_room": "Používateľov domovský server nepodporuje verziu miestnosti.",
+        "error_version_unsupported_space": "Používateľov domovský server nepodporuje verziu priestoru.",
+        "failed_generic": "Operácia zlyhala",
+        "failed_title": "Pozvanie zlyhalo",
+        "invalid_address": "Nerozpoznaná adresa",
+        "name_email_mxid_share_room": "Pozvite niekoho pomocou jeho mena, e-mailovej adresy, používateľského mena (napríklad <userId/>) alebo <a>zdieľajte túto miestnosť</a>.",
+        "name_email_mxid_share_space": "Pozvite niekoho pomocou jeho mena, e-mailovej adresy, používateľského mena (napríklad <userId/>) alebo <a>zdieľajte tento priestor</a>.",
+        "name_mxid_share_room": "Pozvite niekoho pomocou jeho mena, používateľského mena (napríklad <userId/>) alebo <a>zdieľate túto miestnosť</a>.",
+        "name_mxid_share_space": "Pozvite niekoho pomocou jeho mena, používateľského mena (napríklad <userId/>) alebo <a>zdieľajte tento priestor</a>.",
+        "progress": {
+            "dont_close": "Nezatvárajte aplikáciu, kým nie je proces dokončený.",
+            "preparing": "Príprava pozvánok..."
+        },
+        "recents_section": "Nedávne konverzácie",
+        "room_failed_partial": "Ostatným sme pozvánky poslali, ale nižšie uvedené osoby nemohli byť pozvané do <RoomName/>",
+        "room_failed_partial_title": "Niektoré pozvánky nebolo možné odoslať",
+        "room_failed_title": "Nepodarilo pozvať používateľov do %(roomName)s",
+        "send_link_prompt": "Alebo pošlite pozvánku",
+        "start_conversation_name_email_mxid_prompt": "Začnite s niekým konverzáciu pomocou jeho mena, e-mailovej adresy alebo používateľského mena (ako napr. <userId/>).",
+        "start_conversation_name_mxid_prompt": "Začnite s niekým konverzáciu pomocou jeho mena alebo používateľského mena (ako napr. <userId/>).",
+        "suggestions_disclaimer": "Niektoré návrhy môžu byť skryté kvôli ochrane súkromia.",
+        "suggestions_disclaimer_prompt": "Ak nevidíte, koho hľadáte, pošlite mu odkaz na pozvánku nižšie.",
+        "suggestions_section": "Nedávno zaslané priame správy",
+        "to_room": "Pozvať do miestnosti %(roomName)s",
+        "to_space": "Pozvať do priestoru %(spaceName)s",
+        "transfer_dial_pad_tab": "Číselník",
+        "transfer_user_directory_tab": "Adresár používateľov",
+        "unable_find_profiles_description_default": "Nie je možné nájsť používateľský profil pre Matrix ID zobrazené nižšie. Chcete ich napriek tomu pozvať?",
+        "unable_find_profiles_invite_label_default": "Napriek tomu pozvať",
+        "unable_find_profiles_invite_never_warn_label_default": "Napriek tomu pozvať a viac neupozorňovať",
+        "unable_find_profiles_title": "Nasledujúci používatelia pravdepodobne neexistujú",
+        "unban_first_title": "Používateľ nemôže byť pozvaný, kým nie je zrušený jeho zákaz"
+    },
+    "inviting_user1_and_user2": "Pozývanie %(user1)s a %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Pozýva sa %(user)s a jeden ďalší",
+        "few": "Pozýva sa %(user)s a %(count)s ďalší",
+        "other": "Pozýva sa %(user)s a %(count)s ďalších"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> a jeden ďalší",
+        "few": "<Items/> a %(count)s ďalšie",
+        "other": "<Items/> a %(count)s ďalší"
+    },
+    "keyboard": {
+        "activate_button": "Aktivovať vybrané tlačidlo",
+        "alt": "Alt",
+        "autocomplete_cancel": "Zrušiť automatické dokončenie",
+        "autocomplete_force": "Nútené dokončenie",
+        "autocomplete_navigate_next": "Ďalší návrh automatického dokončovania",
+        "autocomplete_navigate_prev": "Predchádzajúci návrh automatického dokončovania",
+        "backspace": "Backspace",
+        "cancel_reply": "Zrušiť odpovedanie na správu",
+        "category_autocomplete": "Automatické dokončovanie",
+        "category_calls": "Hovory",
+        "category_navigation": "Navigácia",
+        "category_room_list": "Zoznam miestností",
+        "close_dialog_menu": "Zavrieť dialógové okno alebo kontextovú ponuku",
+        "composer_jump_end": "Prejsť na koniec editora správ",
+        "composer_jump_start": "Prejsť na začiatok editora správ",
+        "composer_navigate_next_history": "Prejsť na ďalšiu správu v histórii editora",
+        "composer_navigate_prev_history": "Prejsť na predchádzajúcu správu v histórii editora",
+        "composer_new_line": "Nový riadok",
+        "composer_redo": "Znovu upraviť",
+        "composer_toggle_bold": "Prepínanie tučného písma",
+        "composer_toggle_code_block": "Prepnutie bloku kódu",
+        "composer_toggle_italics": "Prepnúť kurzíva",
+        "composer_toggle_link": "Prepnúť odkaz",
+        "composer_toggle_quote": "Prepínanie citácie",
+        "composer_undo": "Zrušiť úpravu",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Zrušiť značku čítania a prejsť na spodok",
+        "end": "End",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Prejsť do časti Domov",
+        "home": "Domov",
+        "jump_first_message": "Prejsť na prvú správu",
+        "jump_last_message": "Prejsť na poslednú správu",
+        "jump_room_search": "Prejsť na vyhľadávanie miestnosti",
+        "jump_to_read_marker": "Prejsť na najstaršiu neprečítanú správu",
+        "keyboard_shortcuts_tab": "Otvoriť túto kartu nastavení",
+        "navigate_next_history": "Ďalšia nedávno navštívená miestnosť alebo priestor",
+        "navigate_next_message_edit": "Prejsť na ďalšiu správu na úpravu",
+        "navigate_prev_history": "Predchádzajúca nedávno navštívená miestnosť alebo priestor",
+        "navigate_prev_message_edit": "Prejsť na predchádzajúcu správu na úpravu",
+        "next_landmark": "Prejdite na ďalší orientačný bod",
+        "next_room": "Ďalšia miestnosť alebo správa",
+        "next_unread_room": "Ďalšia neprečítaná miestnosť alebo správa",
+        "number": "[číslo]",
+        "open_user_settings": "Otvoriť používateľské nastavenia",
+        "page_down": "Page Down",
+        "page_up": "Page Up",
+        "prev_landmark": "Prejsť na predchádzajúci orientačný bod",
+        "prev_room": "Predchádzajúca miestnosť alebo správa",
+        "prev_unread_room": "Predchádzajúca neprečítaná miestnosť alebo správa",
+        "room_list_collapse_section": "Zbaliť sekciu zoznamu miestností",
+        "room_list_expand_section": "Rozšíriť sekciu zoznamu miestností",
+        "room_list_navigate_down": "Prejsť v zozname miestností smerom nadol",
+        "room_list_navigate_up": "Prejsť v zozname miestností smerom hore",
+        "room_list_select_room": "Vybrať miestnosť zo zoznamu miestností",
+        "save": "Uložiť",
+        "scroll_down_timeline": "Posun dole na časovej osi",
+        "scroll_up_timeline": "Posun hore na časovej osi",
+        "search": "Vyhľadávanie (musí byť povolené)",
+        "send_sticker": "Odoslať nálepku",
+        "shift": "Shift",
+        "space": "Priestor",
+        "switch_to_space": "Prepnúť do priestoru podľa čísla",
+        "toggle_hidden_events": "Prepínanie viditeľnosti skrytej udalosti",
+        "toggle_microphone_mute": "Prepínanie stlmenia mikrofónu",
+        "toggle_right_panel": "Prepnutie pravého panela",
+        "toggle_space_panel": "Prepnúť panel priestoru",
+        "toggle_top_left_menu": "Prepnutie ľavého horného menu",
+        "toggle_webcam_mute": "Zapnutie/vypnutie webovej kamery",
+        "upload_file": "Nahrať súbor"
+    },
+    "labs": {
+        "ask_to_join": "Umožniť požiadať o pripojenie",
+        "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.",
+        "beta_feedback_title": "%(featureName)s Beta spätná väzba",
+        "beta_section": "Pripravované funkcie",
+        "bridge_state": "Zobraziť informácie o premosteniach v nastaveniach miestnosti",
+        "bridge_state_channel": "Kanál: <channelLink/>",
+        "bridge_state_creator": "Toto premostenie poskytuje <user />.",
+        "bridge_state_manager": "Toto premostenie spravuje <user />.",
+        "bridge_state_workspace": "Pracovný priestor: <networkLink/>",
+        "click_for_info": "Kliknite pre viac informácií",
+        "currently_experimental": "V súčasnosti experimentálne.",
+        "custom_themes": "Umožniť pridávať vlastný vzhľad",
+        "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>.",
+        "experimental_section": "Predbežné ukážky",
+        "extended_profiles_msc_support": "Vyžaduje, aby váš server podporoval MSC4133",
+        "feature_disable_call_per_sender_encryption": "Zakázať šifrovanie pre jednotlivých odosielateľov pre Element Call",
+        "feature_wysiwyg_composer_description": "Použiť rozšírený text namiesto Markdown v správach.",
+        "group_developer": "Vývojárske",
+        "group_encryption": "Šifrovanie",
+        "group_experimental": "Experimentálne",
+        "group_messaging": "Posielanie správ",
+        "group_moderation": "Moderovanie",
+        "group_profile": "Profil",
+        "group_rooms": "Miestnosti",
+        "group_spaces": "Priestory",
+        "group_themes": "Vzhľad",
+        "group_threads": "Vlákna",
+        "group_ui": "Používateľské rozhranie",
+        "group_voip": "Zvuk a video",
+        "group_widgets": "Widgety",
+        "hidebold": "Skryť oznamovaciu bodku (zobrazovať iba odznaky počítadiel)",
+        "join_beta": "Pripojte sa k beta verzii",
+        "join_beta_reload": "Vstupom do beta verzie sa %(brand)s znovu načíta.",
+        "jump_to_date": "Prejsť na dátum (pridá /jumptodate a hlavičky na prechod na dátum)",
+        "jump_to_date_msc_support": "Vyžaduje, aby váš server podporoval MSC3030",
+        "latex_maths": "Renderovanie LaTeX matematiky v správach",
+        "leave_beta": "Opustiť beta verziu",
+        "leave_beta_reload": "Po opustení beta verzie sa znovu načíta aplikácia %(brand)s.",
+        "location_share_live": "Zdieľanie polohy v reálnom čase",
+        "location_share_live_description": "Dočasná implementácia. Polohy ostávajú v histórii miestnosti.",
+        "mjolnir": "Nové spôsoby ignorovania ľudí",
+        "msc3531_hide_messages_pending_moderation": "Umožniť moderátorom skryť správy čakajúce na schválenie.",
+        "notification_settings": "Nové nastavenia oznámení",
+        "notification_settings_beta_caption": "Predstavujeme jednoduchší spôsob zmeny nastavení oznámení. Prispôsobte si svoju aplikáciu %(brand)s, presne podľa svojich predstáv.",
+        "notification_settings_beta_title": "Nastavenia oznámení",
+        "notifications": "Povolenie panelu oznámení v záhlaví miestnosti",
+        "render_reaction_images": "Vykresľovať vlastné obrázky v reakciách",
+        "render_reaction_images_description": "Niekedy sa označujú ako „vlastné emotikony“.",
+        "sliding_sync": "Režim kĺzavej synchronizácie",
+        "sliding_sync_description": "V štádiu aktívneho vývoja, nie je možné to vypnúť.",
+        "sliding_sync_disabled_notice": "Odhláste sa a znova sa prihláste, aby sa to vyplo",
+        "sliding_sync_server_no_support": "Váš server nemá podporu",
+        "unrealiable_e2e": "Nespoľahlivé v šifrovaných miestnostiach",
+        "video_rooms": "Video miestnosti",
+        "video_rooms_a_new_way_to_chat": "Nový spôsob konverzácie prostredníctvom hlasu a videa v aplikácii %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Video miestnosti sú vždy zapnuté VoIP kanály zabudované do miestnosti v aplikácii %(brand)s.",
+        "video_rooms_beta": "Video miestnosti sú beta funkciou",
+        "video_rooms_faq1_answer": "Použite tlačidlo \"+\" na ľavom paneli v sekcii miestnosti.",
+        "video_rooms_faq1_question": "Ako môžem vytvoriť video miestnosť?",
+        "video_rooms_faq2_answer": "Áno, časová os konverzácie sa zobrazuje spolu s videom.",
+        "video_rooms_faq2_question": "Môžem popri videohovore používať aj textovú konverzáciu?",
+        "video_rooms_feedbackSubheading": "Ďakujeme, že ste vyskúšali beta verziu, prosím, uveďte čo najviac podrobností, aby sme ju mohli vylepšiť.",
+        "wysiwyg_composer": "Rozšírený textový editor"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Tieto nastavenia sú určené pre pokročilých používateľov.",
+        "ban_reason": "Ignorovaní / Blokovaní",
+        "error_adding_ignore": "Chyba pri pridávaní ignorovaného používateľa / servera",
+        "error_adding_list_description": "Prosím, overte ID miestnosti alebo adresu a skúste to znovu.",
+        "error_adding_list_title": "Chyba pri prihlasovaní sa do zoznamu",
+        "error_removing_ignore": "Chyba pri odstraňovaní ignorovaného používateľa / servera",
+        "error_removing_list_description": "Skúste to prosím znovu alebo nahliadnite do konzoly po nápovedy.",
+        "error_removing_list_title": "Chyba pri zrušení odberu zo zoznamu",
+        "explainer_1": "Pridajte používateľov a servery, ktorých chcete ignorovať. Použite hviezdičku '*', aby ju %(brand)s priradil každému symbolu. Napríklad <code>@bot:*</code> by odignoroval všetkých používateľov s menom 'bot' na akomkoľvek serveri.",
+        "explainer_2": "Ignorovanie ľudí sa vykonáva prostredníctvom zoznamov zákazov, ktoré obsahujú pravidlá pre zakazovanie. Pridanie na zoznam zákazov znamená, že používatelia/servery na tomto zozname pred vami skryté.",
+        "lists": "Aktuálne odoberáte:",
+        "lists_description_1": "Prihlásenie sa na zoznam zákazov spôsobí, že sa naň pridáte!",
+        "lists_description_2": "Pokiaľ toto nechcete, tak použite prosím iný nástroj na ignorovanie používateľov.",
+        "lists_heading": "Prihlásené zoznamy",
+        "lists_new_label": "ID miestnosti alebo adresa zoznamu zákazov",
+        "no_lists": "Nie ste prihlásený do žiadneho zoznamu",
+        "personal_description": "V osobnom zozname zakázaných používateľov sú všetci používatelia/servery, od ktorých si osobne neželáte vidieť správy. Po ignorovaní prvého používateľa/servera sa vo vašom zozname miestností objaví nová miestnosť s názvom \"%(myBanList)s\" - zostaňte v tejto miestnosti, aby bol zoznam zákazov platný.",
+        "personal_empty": "Nikoho neignorujete.",
+        "personal_heading": "Osobný zoznam zákazov",
+        "personal_new_label": "Server alebo ID používateľa na odignorovanie",
+        "personal_new_placeholder": "napr.: @bot:* alebo napriklad.sk",
+        "personal_section": "Ignorujete:",
+        "room_name": "Môj zoznam zákazov",
+        "room_topic": "Toto je zoznam používateľov / serverov, ktorých ste zablokovali - neopúšťajte miestnosť!",
+        "rules_empty": "Žiadne",
+        "rules_server": "Pravidlá serveru",
+        "rules_title": "Pravidlá vyhosťovania - %(roomName)s",
+        "rules_user": "Pravidlá používateľa",
+        "something_went_wrong": "Niečo sa nepodarilo. Prosím, skúste znovu neskôr alebo si prečítajte ďalšie usmernenia zobrazením konzoly.",
+        "title": "Ignorovaní používatelia",
+        "view_rules": "Zobraziť pravidlá"
+    },
+    "language_dropdown_label": "Rozbaľovací zoznam jazykov",
+    "leave_room_dialog": {
+        "last_person_warning": "Ste tu jediný človek. Ak odídete, nikto sa už v budúcnosti nebude môcť pripojiť do tejto miestnosti, vrátane vás.",
+        "leave_room_question": "Ste si istí, že chcete opustiť miestnosť '%(roomName)s'?",
+        "leave_space_question": "Ste si istí, že chcete opustiť priestor '%(spaceName)s'?",
+        "room_leave_admin_warning": "Ste jediný správca v tejto miestnosti. Ak odídete, nikto nebude môcť zmeniť nastavenia miestnosti alebo podniknúť ďalšie dôležité kroky.",
+        "room_leave_mod_warning": "Ste jediným moderátorom v tejto miestnosti. Ak odídete, nikto nebude môcť zmeniť nastavenia miestnosti alebo podniknúť ďalšie dôležité kroky.",
+        "room_rejoin_warning": "Toto nie je verejne dostupná miestnosť. Bez pozvánky nebudete do nej môcť vstúpiť znovu.",
+        "space_rejoin_warning": "Tento priestor nie je verejný. Bez pozvánky sa doň nebudete môcť opätovne pripojiť."
+    },
+    "lightbox": {
+        "rotate_left": "Otočiť doľava",
+        "rotate_right": "Otočiť doprava",
+        "title": "Prehľad obrázkov"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Tento domovský server nie je nastavený na zobrazovanie máp.",
+        "MapStyleUrlNotReachable": "Tento domovský server nie je správne nastavený na zobrazovanie máp alebo nastavený mapový server môže byť nedostupný.",
+        "WebGLNotEnabled": "Na zobrazenie máp je potrebná technológia WebGL, povoľte ju prosím v nastaveniach prehliadača.",
+        "click_drop_pin": "Kliknutím umiestníte špendlík",
+        "click_move_pin": "Kliknutím presuniete špendlík",
+        "close_sidebar": "Zatvoriť bočný panel",
+        "error_fetch_location": "Nepodarilo sa načítať polohu",
+        "error_no_perms_description": "Na zdieľanie polôh v tejto miestnosti musíte mať príslušné oprávnenia.",
+        "error_no_perms_title": "Nemáte oprávnenie na zdieľanie polôh",
+        "error_send_description": "%(brand)s nemohol odoslať vašu polohu. Skúste to prosím neskôr.",
+        "error_send_title": "Nepodarilo sa nám odoslať vašu polohu",
+        "error_sharing_live_location": "Počas zdieľania vašej polohy v reálnom čase došlo k chybe",
+        "error_stopping_live_location": "Pri zastavovaní zdieľania polohy v reálnom čase došlo k chybe",
+        "expand_map": "Zväčšiť mapu",
+        "failed_generic": "Nepodarilo sa načítať vašu polohu. Skúste to prosím neskôr.",
+        "failed_load_map": "Nie je možné načítať mapu",
+        "failed_permission": "Aplikácii %(brand)s bolo zamietnuté povolenie na načítanie vašej polohy. Povoľte prístup k polohe v nastaveniach prehliadača.",
+        "failed_timeout": "Pri pokuse o načítanie vašej polohy došlo k vypršaniu času. Skúste to prosím neskôr.",
+        "failed_unknown": "Neznáma chyba pri načítavaní polohy. Skúste to prosím neskôr.",
+        "find_my_location": "Nájsť moju polohu",
+        "live_description": "Poloha používateľa %(displayName)s v reálnom čase",
+        "live_enable_description": "Upozornenie: ide o funkciu laboratórií, ktorá sa používa dočasne. To znamená, že nebudete môcť vymazať históriu svojej polohy a pokročilí používatelia budú môcť vidieť históriu vašej polohy aj po tom, ako prestanete zdieľať svoju živú polohu s touto miestnosťou.",
+        "live_enable_heading": "Zdieľanie polohy v reálnom čase",
+        "live_location_active": "Zdieľate svoju polohu v reálnom čase",
+        "live_location_enabled": "Poloha v reálnom čase zapnutá",
+        "live_location_ended": "Ukončenie polohy v reálnom čase",
+        "live_location_error": "Chyba polohy v reálnom čase",
+        "live_locations_empty": "Žiadne polohy v reálnom čase",
+        "live_share_button": "Zdieľať na %(duration)s",
+        "live_toggle_label": "Povoliť zdieľanie polohy v reálnom čase",
+        "live_until": "Poloha v reálnom čase do %(expiryTime)s",
+        "live_update_time": "Aktualizované %(humanizedUpdateTime)s",
+        "loading_live_location": "Načítavanie polohy v reálnom čase…",
+        "location_not_available": "Poloha nie je k dispozícii",
+        "map_feedback": "Spätná väzba k mape",
+        "mapbox_logo": "Logo Mapbox",
+        "reset_bearing": "Obnoviť smer na sever",
+        "share_button": "Zdieľať polohu",
+        "share_type_live": "Moja poloha v reálnom čase",
+        "share_type_own": "Moja aktuálna poloha",
+        "share_type_pin": "Označiť špendlíkom",
+        "share_type_prompt": "Aký typ polohy chcete zdieľať?",
+        "toggle_attribution": "Prepínanie atribútu"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s člen",
+            "few": "%(count)s členovia",
+            "other": "%(count)s členov"
+        },
+        "filter_placeholder": "Filtrovať členov v miestnosti",
+        "invite_button_no_perms_tooltip": "Nemáte oprávnenie pozývať používateľov",
+        "invited_label": "Pozvaní",
+        "list_title": "Zoznam členov",
+        "no_matches": "Žiadne zhody"
+    },
+    "member_list_back_action_label": "Členovia miestnosti",
+    "message_edit_dialog_title": "Úpravy správy",
+    "migrating_crypto": "Ešte to vydržte. Aktualizujeme %(brand)s, aby bolo šifrovanie rýchlejšie a spoľahlivejšie.",
+    "mobile_guide": {
+        "toast_accept": "Použiť aplikáciu",
+        "toast_description": "%(brand)s je v mobilnej verzii experimentálny. Ak chcete získať lepší zážitok a najnovšie funkcie, použite našu bezplatnú natívnu aplikáciu.",
+        "toast_title": "Použite aplikáciu pre lepší zážitok"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Žiadne ďalšie výsledky",
+    "notif_panel": {
+        "empty_description": "Nemáte žiadne viditeľné oznámenia.",
+        "empty_heading": "Všetko ste už stihli"
+    },
+    "notifications": {
+        "all_messages": "Všetky správy",
+        "all_messages_description": "Dostávajte upozornenia na každú správu",
+        "class_global": "Celosystémové",
+        "class_other": "Ďalšie",
+        "default": "Predvolené",
+        "email_pusher_app_display_name": "Emailové oznámenia",
+        "enable_prompt_toast_description": "Povoliť oznámenia na ploche",
+        "enable_prompt_toast_title": "Oznámenia",
+        "enable_prompt_toast_title_from_message_send": "Nezmeškajte odpoveď",
+        "error_change_title": "Upraviť nastavenia upozornení",
+        "keyword": "Kľúčové slovo",
+        "keyword_new": "Nové kľúčové slovo",
+        "level_activity": "Aktivita",
+        "level_highlight": "Zvýrazniť",
+        "level_muted": "Stlmené",
+        "level_none": "Žiadne",
+        "level_notification": "Oznámenie",
+        "level_unsent": "Neodoslané",
+        "mark_all_read": "Označiť všetko ako prečítané",
+        "mentions_and_keywords": "@zmienky a kľúčové slová",
+        "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"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s žiada o overenie"
+    },
+    "onboarding": {
+        "create_room": "Vytvoriť skupinovú konverzáciu",
+        "explore_rooms": "Preskúmať verejné miestnosti",
+        "has_avatar_label": "Skvelé, to pomôže ľuďom zistiť, že ste to vy",
+        "intro_byline": "Vlastnite svoje konverzácie.",
+        "intro_welcome": "Vitajte v %(appName)s",
+        "no_avatar_label": "Pridajte fotografiu, aby ľudia vedeli, že ste to vy.",
+        "send_dm": "Poslať priamu správu",
+        "welcome_detail": "Teraz vám pomôžeme začať",
+        "welcome_user": "Vitajte %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Správa v %(room)s",
+        "permalink_this_room": "Správa od %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Vytvoriť anketu",
+        "create_poll_title": "Vytvoriť anketu",
+        "disclosed_notes": "Hlasujúci uvidia výsledky hneď po hlasovaní",
+        "edit_poll_title": "Upraviť anketu",
+        "end_description": "Ste si istí, že chcete ukončiť túto anketu? Zobrazia sa konečné výsledky ankety a ľudia nebudú môcť už hlasovať.",
+        "end_message": "Anketa sa skončila. Najčastejšia odpoveď: %(topAnswer)s",
+        "end_message_no_votes": "Anketa sa skončila. Nebol odovzdaný žiadny hlas.",
+        "end_title": "Ukončiť anketu",
+        "ended_poll_label": "Anketa ukončená",
+        "error_ending_description": "Ospravedlňujeme sa, ale anketa sa neskončila. Skúste to prosím znova.",
+        "error_ending_title": "Nepodarilo sa ukončiť anketu",
+        "error_voting_description": "Je nám ľúto, váš hlas nebol zaregistrovaný. Skúste to prosím znova.",
+        "error_voting_title": "Hlasovanie nie je zaregistrované",
+        "failed_send_poll_description": "Prepáčte, ale anketa, ktorú ste sa pokúsili vytvoriť, nebola zverejnená.",
+        "failed_send_poll_title": "Nepodarilo sa odoslať anketu",
+        "notes": "Výsledky sa zobrazia až po ukončení ankety",
+        "option_label": "Možnosť %(number)s,, %(answer)s",
+        "option_label_winning_with_total": {
+            "one": "Možnosť %(number)s ,%(answer)s, víťazná možnosť, %(count)s hlas",
+            "few": "Možnosť %(number)s, %(answer)s, víťazná možnosť, %(count)s hlasy",
+            "other": "Možnosť %(number)s, %(answer)s, víťazná možnosť, %(count)s hlasov"
+        },
+        "option_label_with_total": {
+            "one": "Možnosť %(number)s, %(answer)s, %(count)s hlas",
+            "few": "Možnosť %(number)s, %(answer)s, %(count)s hlasy",
+            "other": "Možnosť %(number)s, %(answer)s, %(count)s hlasov"
+        },
+        "options_add_button": "Pridať možnosť",
+        "options_heading": "Vytvoriť možnosti",
+        "options_label": "Možnosť %(number)s",
+        "options_placeholder": "Napíšte možnosť",
+        "poll_label": "Anketa",
+        "topic_heading": "Aká je vaša otázka alebo téma ankety?",
+        "topic_label": "Otázka alebo téma",
+        "topic_placeholder": "Napíšte niečo…",
+        "total_decryption_errors": "Z dôvodu chýb v dešifrovaní sa niektoré hlasy nemusia započítať",
+        "total_n_votes": {
+            "one": "%(count)s odovzdaný hlas. Hlasujte a pozrite si výsledky",
+            "few": "%(count)s odovzdané hlasy. Hlasujte a pozrite si výsledky",
+            "other": "%(count)s odovzdaných hlasov. Hlasujte a pozrite si výsledky"
+        },
+        "total_n_votes_voted": {
+            "one": "Na základe %(count)s hlasu",
+            "few": "Na základe %(count)s hlasov",
+            "other": "Na základe %(count)s hlasov"
+        },
+        "total_no_votes": "Žiadne odovzdané hlasy",
+        "total_not_ended": "Výsledky budú viditeľné po ukončení ankety",
+        "type_closed": "Uzavretá anketa",
+        "type_heading": "Typ ankety",
+        "type_open": "Otvorená anketa",
+        "unable_edit_description": "Je nám ľúto, ale po odovzdaní hlasov nie je možné anketu upravovať.",
+        "unable_edit_title": "Nie je možné upraviť anketu"
+    },
+    "power_level": {
+        "admin": "Správca",
+        "creator": "Vlastník",
+        "custom": "Vlastný (%(level)s)",
+        "custom_level": "Vlastná úroveň",
+        "default": "Predvolené",
+        "label": "Úroveň oprávnenia",
+        "moderator": "Moderátor",
+        "restricted": "Obmedzené"
+    },
+    "powered_by_matrix": "používa protokol Matrix",
+    "presence": {
+        "away": "Preč",
+        "busy": "Obsadený/zaneprázdnený",
+        "idle": "Nečinný",
+        "idle_for": "Nečinný %(duration)s",
+        "offline": "Nedostupný",
+        "offline_for": "Nedostupný %(duration)s",
+        "online": "Pripojený",
+        "online_for": "Prítomný %(duration)s",
+        "unknown": "Neznámy",
+        "unknown_for": "Neznámy %(duration)s",
+        "unreachable": "Server používateľa je nedostupný"
+    },
+    "quick_settings": {
+        "all_settings": "Všetky nastavenia",
+        "sidebar_settings": "Ďalšie možnosti",
+        "title": "Rýchle nastavenia"
+    },
+    "quit_warning": {
+        "call_in_progress": "Zdá sa, že máte prebiehajúci hovor, ste si istí, že chcete skončiť?",
+        "file_upload_in_progress": "Zdá sa, že práve nahrávate súbory, ste si istí, že chcete skončiť?"
+    },
+    "redact": {
+        "confirm_button": "Potvrdiť odstránenie",
+        "confirm_description": "Ste si istí, že chcete túto udalosť odstrániť (vymazať)?",
+        "confirm_description_state": "Upozorňujeme, že odstránením takýchto zmien v miestnosti by sa zmena mohla zvrátiť.",
+        "error": "Nemôžete vymazať túto správu. (%(code)s)",
+        "ongoing": "Odstraňovanie…",
+        "reason_label": "Dôvod (voliteľný)"
+    },
+    "report_content": {
+        "description": "Nahlásenie tejto správy odošle jej jedinečné \"ID udalosti\" správcovi vášho domovského servera. Ak sú správy v tejto miestnosti zašifrované, správca domovského servera nebude môcť prečítať text správy ani zobraziť žiadne súbory alebo obrázky.",
+        "hide_messages_from_user": "Označte, či chcete skryť všetky aktuálne a budúce správy od tohto používateľa.",
+        "ignore_user": "Ignorovať používateľa",
+        "missing_reason": "Vyplňte prosím, prečo podávate hlásenie.",
+        "report_content_to_homeserver": "Nahlásenie obsahu správcovi domovského serveru"
+    },
+    "report_room": {
+        "description": "Nahláste túto miestnosť poskytovateľovi účtu. Ak sú správy zašifrované, váš správca ich nebude môcť prečítať.",
+        "reason_label": "Popíšte dôvod"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Nepodarilo sa dešifrovať %(failedCount)s relácií!",
+        "count_of_successfully_restored_keys": "Úspešne obnovených %(sessionCount)s kľúčov",
+        "enter_key_description": "Získajte prístup k histórii zabezpečených správ a nastavte bezpečné zasielanie správ zadaním kľúča na obnovenie.",
+        "enter_key_title": "Zadajte kľúč na obnovenie",
+        "enter_phrase_description": "Získajte prístup k histórii zabezpečených správ a nastavte bezpečné zasielanie správ zadaním bezpečnostnej frázy.",
+        "enter_phrase_title": "Zadať bezpečnostnú frázu",
+        "incorrect_security_phrase_dialog": "Zálohovanie nebolo možné dešifrovať pomocou tejto bezpečnostnej frázy: overte, či ste zadali správnu bezpečnostnú frázu.",
+        "incorrect_security_phrase_title": "Nesprávna bezpečnostná fráza",
+        "key_backup_warning": "<b>Varovanie</b>: zálohovanie šifrovacích kľúčov by ste mali nastavovať na dôveryhodnom počítači.",
+        "key_fetch_in_progress": "Získavanie kľúčov zo servera…",
+        "key_forgotten_text": "Ak ste zabudli kľúč na obnovenie, môžete <button>nastaviť nové možnosti obnovenia</button>",
+        "key_is_invalid": "Neplatný kľúč na obnovenie",
+        "key_is_valid": "Toto vyzerá ako platný kľúč na obnovenie",
+        "keys_restored_title": "Kľúče obnovené",
+        "load_error_content": "Nie je možné načítať stav zálohy",
+        "load_keys_progress": "%(completed)s z %(total)s obnovených kľúčov",
+        "no_backup_error": "Nebola nájdená žiadna záloha!",
+        "phrase_forgotten_text": "Ak ste zabudli svoju bezpečnostnú frázu, môžete <button1>použiť kľúč na obnovenie</button1> alebo <button2>nastaviť nové možnosti obnovenia</button2>",
+        "recovery_key_mismatch_description": "Zálohovanie nebolo možné dešifrovať pomocou tohto kľúča na obnovenie: overte, či ste zadali správny kľúč na obnovenie.",
+        "recovery_key_mismatch_title": "Nezhoda kľúča na obnovenie",
+        "restore_failed_error": "Nie je možné obnoviť zo zálohy"
+    },
+    "right_panel": {
+        "add_integrations": "Pridať rozšírenia",
+        "add_topic": "Pridať tému",
+        "extensions_button": "Rozšírenia",
+        "extensions_empty_description": "Vyberte možnosť „%(addIntegrations)s“ pre prehliadanie a pridanie rozšírení do tejto miestnosti",
+        "extensions_empty_title": "Zvýšte produktivitu pomocou ďalších nástrojov, widgetov a botov",
+        "files_button": "Súbory",
+        "pinned_messages": {
+            "empty_description": "Vyberte správu a vyberte \"%(pinAction)s\", aby ste ju sem pridali.",
+            "empty_title": "Pripnite dôležité správy, aby sa dali ľahko nájsť",
+            "header": {
+                "one": "1 pripnutá správa",
+                "few": "%(count)s pripnuté správy",
+                "other": "%(count)s pripnutých správ"
+            },
+            "limits": {
+                "one": "Môžete pripnúť iba %(count)s widget",
+                "few": "Môžete pripnúť iba %(count)s widgety",
+                "other": "Môžete pripnúť iba %(count)s widgetov"
+            },
+            "menu": "Otvoriť ponuku",
+            "reply_thread": "Odpoveď na <link>vlákno správy</link>",
+            "unpin_all": {
+                "button": "Zrušiť pripnutie všetkých správ",
+                "content": "Uistite sa, že naozaj chcete odstrániť všetky pripnuté správy. Túto akciu nie je možné vrátiť späť.",
+                "title": "Zrušiť pripnutie všetkých správ?"
+            },
+            "view": "Zobraziť na časovej osi"
+        },
+        "pinned_messages_button": "Pripnuté správy",
+        "poll": {
+            "active_heading": "Aktívne ankety",
+            "empty_active": "V tejto miestnosti nie sú žiadne aktívne ankety",
+            "empty_active_load_more": "Nie sú aktívne žiadne ankety. Načítaním ďalších ankiet zobrazíte ankety za predchádzajúce mesiace",
+            "empty_active_load_more_n_days": {
+                "one": "Za uplynulý deň nie sú žiadne aktívne ankety. Načítaním ďalších ankiet zobrazíte ankety za predchádzajúce mesiace",
+                "few": "Za posledné %(count)s dni nie sú aktívne žiadne ankety. Načítaním ďalších ankiet zobrazíte ankety za predchádzajúce mesiace",
+                "other": "Za posledných %(count)s dní nie sú aktívne žiadne ankety. Načítaním ďalších ankiet zobrazíte ankety za predchádzajúce mesiace"
+            },
+            "empty_past": "V tejto miestnosti nie sú žiadne predchádzajúce ankety",
+            "empty_past_load_more": "Nie sú žiadne predchádzajúce ankety. Načítaním ďalších ankiet zobrazíte ankety za predchádzajúce mesiace",
+            "empty_past_load_more_n_days": {
+                "one": "Za posledný deň nie sú k dispozícii žiadne minulé ankety. Načítaním ďalších ankiet zobrazíte ankety za predchádzajúce mesiace",
+                "few": "Za posledné %(count)s dni nie sú žiadne predchádzajúce ankety. Načítaním ďalších ankiet zobrazíte ankety za predchádzajúce mesiace",
+                "other": "Za posledných %(count)s dní nie sú žiadne predchádzajúce ankety. Načítaním ďalších ankiet zobrazíte ankety za predchádzajúce mesiace"
+            },
+            "final_result": {
+                "one": "Konečný výsledok na základe %(count)s hlasu",
+                "few": "Konečný výsledok na základe %(count)s hlasov",
+                "other": "Konečný výsledok na základe %(count)s hlasov"
+            },
+            "load_more": "Načítať ďalšie ankety",
+            "loading": "Načítavanie ankiet",
+            "past_heading": "Predchádzajúce ankety",
+            "view_in_timeline": "Zobraziť anketu na časovej osi",
+            "view_poll": "Zobraziť anketu"
+        },
+        "polls_button": "Ankety",
+        "room_summary_card": {
+            "title": "Informácie o miestnosti"
+        },
+        "thread_list": {
+            "context_menu_label": "Možnosti vlákna"
+        },
+        "video_room_chat": {
+            "title": "Konverzácia"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Táto pozvánka bola odoslaná na %(email)s, ktorý nie je spojený s vaším účtom",
+        "3pid_invite_email_not_found_account_room": "Táto pozvánka do %(roomName)s bola odoslaná na %(email)s, ktorý nie je spojený s vaším účtom",
+        "3pid_invite_error_description": "Pri pokuse o overenie vašej pozvánky bola vrátená chyba (%(errcode)s). Túto informáciu môžete skúsiť odovzdať osobe, ktorá vás pozvala.",
+        "3pid_invite_error_invite_action": "Skúsiť sa pripojiť aj tak",
+        "3pid_invite_error_invite_subtitle": "Môžete sa k nemu pripojiť len s funkčnou pozvánkou.",
+        "3pid_invite_error_public_subtitle": "Stále sa môžete pripojiť tu.",
+        "3pid_invite_error_title": "Niečo sa pokazilo s vašou pozvánkou.",
+        "3pid_invite_error_title_room": "Niečo sa pokazilo s vašou pozvánkou do miestnosti %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Použite server totožností v Nastaveniach na prijímanie pozvánok priamo v %(brand)s.",
+        "banned_by": "%(memberName)s vám zakázal prístup",
+        "banned_from_room_by": "Boli ste zakázaný v %(roomName)s používateľom %(memberName)s",
+        "context_menu": {
+            "copy_link": "Kopírovať odkaz na miestnosť",
+            "favourite": "Obľúbiť",
+            "forget": "Zabudnúť miestnosť",
+            "low_priority": "Nízka priorita",
+            "mark_read": "Označiť ako prečítané",
+            "mark_unread": "Označiť ako neprečítané",
+            "notifications_default": "Rovnaké ako predvolené nastavenie",
+            "notifications_mute": "Stlmiť miestnosť",
+            "title": "Možnosti miestnosti",
+            "unfavourite": "Obľúbené"
+        },
+        "creating_room_text": "Vytvárame miestnosť s %(names)s",
+        "dm_invite_action": "Začať konverzáciu",
+        "dm_invite_subtitle": "<userName/> chce konverzovať",
+        "dm_invite_title": "Chcete konverzovať s %(user)s?",
+        "drop_file_prompt": "Pretiahnutím sem nahráte súbor",
+        "edit_topic": "Upraviť tému",
+        "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.",
+        "error_join_404_2": "Ak poznáte adresu miestnosti, skúste sa pripojiť prostredníctvom nej.",
+        "error_join_404_invite": "Osoba, ktorá vás pozvala, už odišla alebo je jej server vypnutý.",
+        "error_join_404_invite_same_hs": "Osoba, ktorá vás pozvala, už odišla.",
+        "error_join_connection": "Pri pripájaní došlo k chybe.",
+        "error_join_incompatible_version_1": "Prepáčte, ale váš domovský server je príliš zastaralý na to, aby sa tu mohol zúčastniť.",
+        "error_join_incompatible_version_2": "Prosím, kontaktujte správcu domovského servera.",
+        "error_join_title": "Nepodarilo sa pripojiť",
+        "error_jump_to_date": "Server vrátil %(statusCode)s s kódom chyby %(errorCode)s",
+        "error_jump_to_date_connection": "Pri pokuse nájsť a prejsť na daný dátum došlo k sieťovej chybe. Váš domovský server môže byť vypnutý alebo sa vyskytol len dočasný problém s internetovým pripojením. Skúste to prosím znova. Ak to bude pokračovať, obráťte sa na správcu domovského servera.",
+        "error_jump_to_date_details": "Podrobnosti o chybe",
+        "error_jump_to_date_not_found": "Nepodarilo sa nám nájsť udalosť od dátumu %(dateString)s. Skúste vybrať skorší dátum.",
+        "error_jump_to_date_send_logs_prompt": "Odošlite prosím <debugLogsLink>ladiace záznamy</debugLogsLink>, aby ste nám pomohli nájsť problém.",
+        "error_jump_to_date_title": "Nie je možné nájsť udalosť k danému dátumu",
+        "face_pile_summary": {
+            "one": "%(count)s človek, ktorého poznáte, sa už pripojil",
+            "few": "%(count)s ľudia, ktorých poznáte, sa už pripojili",
+            "other": "%(count)s ľudí, ktorých poznáte, sa už pripojilo"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Zobraziť 1 člena",
+            "few": "Zobraziť všetkých %(count)s členov",
+            "other": "Zobraziť všetkých %(count)s členov"
+        },
+        "face_pile_tooltip_shortcut": "Vrátane %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Vrátane vás, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Nie je možné určiť, ktorého používateľa ignorovať, pretože sa zmenila udalosť člena.",
+        "failed_reject_invite": "Nepodarilo sa odmietnuť pozvanie",
+        "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",
+                "other": "%(count)s ľudí žiada o pripojenie"
+            },
+            "room_is_public": "Táto miestnosť je verejná"
+        },
+        "header_avatar_open_settings_label": "Otvoriť nastavenia miestnosti",
+        "header_face_pile_tooltip": "Ľudia",
+        "header_untrusted_label": "Nedôveryhodný",
+        "inaccessible": "Táto miestnosť alebo priestor nie je momentálne prístupná.",
+        "inaccessible_name": "%(roomName)s nie je momentálne prístupná.",
+        "inaccessible_subtitle_1": "Skúste to neskôr alebo požiadajte správcu miestnosti alebo priestoru, aby skontroloval, či máte prístup.",
+        "inaccessible_subtitle_2": "Pri pokuse o prístup do miestnosti alebo priestoru bolo vrátené %(errcode)s. Ak si myslíte, že sa vám táto správa zobrazuje chybne, <issueLink>odošlite hlásenie o chybe</issueLink>.",
+        "intro": {
+            "display_topic": "Téma: <topic/>",
+            "dm_caption": "V tejto konverzácii ste len vy dvaja, pokiaľ niektorý z vás nepozve niekoho iného, aby sa pripojil.",
+            "edit_topic": "Téma: <topic/> (<a>upraviť</a> )",
+            "enable_encryption_prompt": "Zapnúť šifrovanie v nastaveniach.",
+            "encrypted_3pid_dm_pending_join": "Keď sa všetci pridajú, budete môcť konverzovať",
+            "no_avatar_label": "Pridajte fotografiu, aby si ľudia mohli ľahko všimnúť vašu miestnosť.",
+            "no_topic": "<a>Pridajte tému</a>, aby ľudia vedeli, o čo ide.",
+            "private_unencrypted_warning": "Vaše súkromné správy sú bežne šifrované, ale táto miestnosť nie je. Zvyčajne je to spôsobené nepodporovaným zariadením alebo použitou metódou, ako napríklad e-mailové pozvánky.",
+            "room_invite": "Pozvať len do tejto miestnosti",
+            "send_message_start_dm": "Odošlite svoju prvú správu a pozvite <displayName/> do konverzácie",
+            "start_of_dm_history": "Toto je začiatok histórie vašich priamych správ s používateľom <displayName/>.",
+            "start_of_room": "Toto je začiatok miestnosti <roomName/>.",
+            "unencrypted_warning": "End-to-end šifrovanie nie je zapnuté",
+            "user_created": "%(displayName)s vytvoril túto miestnosť.",
+            "you_created": "Túto miestnosť ste vytvorili vy."
+        },
+        "invite_email_mismatch_suggestion": "Ak chcete dostávať pozvánky priamo v %(brand)s, zdieľajte tento e-mail v Nastaveniach.",
+        "invite_sent_to_email": "Táto pozvánka bola odoslaná na %(email)s",
+        "invite_sent_to_email_room": "Táto pozvánka do %(roomName)s bola odoslaná na %(email)s",
+        "invite_subtitle": "<userName/> vás pozval/a",
+        "invite_this_room": "Pozvať do tejto miestnosti",
+        "invite_title": "Chcete sa pripojiť k %(roomName)s?",
+        "inviter_unknown": "Neznámy",
+        "invites_you_text": "<inviter/> vás pozýva",
+        "join_button_account": "Zaregistrovať sa",
+        "join_failed_needs_invite": "Na zobrazenie %(roomName)s potrebujete pozvánku",
+        "join_the_discussion": "Pripojiť sa k diskusii",
+        "join_title": "Pripojte sa k miestnosti a zúčastnite sa",
+        "join_title_account": "Pripojte sa ku konverzácii pomocou účtu",
+        "joining": "Pripájanie…",
+        "joining_room": "Pripájanie do miestnosti …",
+        "joining_space": "Pripájanie sa do priestoru …",
+        "jump_read_marker": "Preskočiť na prvú neprečítanú správu.",
+        "jump_to_bottom_button": "Prejsť na najnovšie správy",
+        "kick_reason": "Dôvod: %(reason)s",
+        "kicked_by": "Odstránil vás %(memberName)s",
+        "kicked_from_room_by": "Boli ste odstránení z %(roomName)s používateľom %(memberName)s",
+        "knock_cancel_action": "Zrušiť žiadosť",
+        "knock_denied_subtitle": "Keďže vám bol zamietnutý prístup, nemôžete sa do skupiny znovu pripojiť, pokiaľ vás nepozve správca alebo moderátor skupiny.",
+        "knock_denied_title": "Bol vám odmietnutý prístup",
+        "knock_message_field_placeholder": "Správa (voliteľné)",
+        "knock_prompt": "Požiadať o pripojenie?",
+        "knock_prompt_name": "Požiadať o pripojenie do %(roomName)s?",
+        "knock_send_action": "Požiadať o prístup",
+        "knock_sent": "Žiadosť o pripojenie odoslaná",
+        "knock_sent_subtitle": "Vaša žiadosť o pripojenie čaká na vybavenie.",
+        "knock_subtitle": "Ak si chcete pozrieť konverzáciu alebo sa do nej zapojiť, musíte mať do tejto miestnosti povolený prístup. Žiadosť o pripojenie môžete poslať nižšie.",
+        "leave_error_title": "Chyba pri odchode z miestnosti",
+        "leave_server_notices_description": "Táto miestnosť je určená na dôležité oznamy a správy od správcov domovského servera, preto ju nie je možné opustiť.",
+        "leave_server_notices_title": "Nie je možné opustiť miestnosť Oznamy zo servera",
+        "leave_unexpected_error": "Neočakávaná chyba servera pri pokuse opustiť miestnosť",
+        "link_email_to_receive_3pid_invite": "Prepojte tento e-mail so svojím účtom v Nastaveniach, aby ste mohli dostávať pozvánky priamo v aplikácii %(brand)s.",
+        "loading_preview": "Načítavanie náhľadu",
+        "no_peek_join_prompt": "Nie je možné zobraziť náhľad miestnosti %(roomName)s. Chcete sa k nej pripojiť?",
+        "no_peek_no_name_join_prompt": "Nie je tu žiadny náhľad, chcete sa pripojiť?",
+        "not_found_subtitle": "Ste si istí, že ste na správnom mieste?",
+        "not_found_title": "Táto miestnosť alebo priestor neexistuje.",
+        "not_found_title_name": "%(roomName)s neexistuje.",
+        "peek_join_prompt": "Zobrazujete náhľad %(roomName)s. Chcete sa k nej pripojiť?",
+        "pinned_message_banner": {
+            "button_close_list": "Zatvoriť zoznam",
+            "button_view_all": "Zobraziť všetko",
+            "description": "Pripnuté správy",
+            "go_to_newest_message": "Zobraziť pripnutú správu na časovej osi a najnovšiu pripnutú správu tu",
+            "go_to_next_message": "Zobraziť pripnutú správu na časovej osi a ďalšiu najstaršiu pripnutú správu tu",
+            "title": "<bold>%(index)s z %(length)s</bold> pripnutých správ"
+        },
+        "read_topic": "Kliknutím si prečítate tému",
+        "rejecting": "Odmietnutie pozvania …",
+        "rejoin_button": "Znovu sa pripojiť",
+        "room_content": "Obsah miestnosti",
+        "room_is_low_priority": "Toto je miestnosť s nízkou prioritou",
+        "search": {
+            "all_rooms_button": "Vyhľadávať vo všetkých miestnostiach",
+            "placeholder": "Hľadať správy…",
+            "summary": {
+                "one": "Našiel sa 1 výsledok pre \"<query/>\"",
+                "few": "Našli sa %(count)s výsledky pre \"<query/>\"",
+                "other": "Našlo sa %(count)s výsledkov pre \"<query/>\""
+            },
+            "this_room_button": "Vyhľadávať v tejto miestnosti"
+        },
+        "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.",
+            "few": "V predchádzajúcej verzii tejto miestnosti máte %(count)s neprečítané oznámenia.",
+            "other": "V predchádzajúcej verzii tejto miestnosti máte %(count)s neprečítaných oznámení."
+        },
+        "upgrade_error_description": "Uistite sa, že domovský server podporuje zvolenú verziu miestnosti a skúste znovu.",
+        "upgrade_error_title": "Chyba pri aktualizácii miestnosti",
+        "upgrade_warning_bar": "Aktualizáciou tejto miestnosti sa vypne aktuálna inštancia miestnosti a vytvorí sa aktualizovaná miestnosť s rovnakým názvom.",
+        "upgrade_warning_bar_admins": "Toto upozornenie sa zobrazuje len správcom miestnosti",
+        "upgrade_warning_bar_unstable": "Táto miestnosť používa verziu miestnosti <roomVersion />, ktorú tento domovský server označil ako <i>nestabilnú</i>.",
+        "upgrade_warning_bar_upgraded": "Táto miestnosť už bola aktualizovaná.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Nahrávanie %(filename)s a %(count)s ďalší súbor",
+                "few": "Nahrávanie %(filename)s a %(count)s ďalšie súbory",
+                "other": "Nahrávanie %(filename)s a %(count)s ďalších súborov"
+            },
+            "uploading_single_file": "Nahrávanie %(filename)s"
+        },
+        "video_room": "Táto miestnosť je video miestnosť",
+        "waiting_for_join_subtitle": "Keď sa pozvaní používatelia pripoja k aplikácii %(brand)s, budete môcť konverzovať a miestnosť bude end-to-end šifrovaná",
+        "waiting_for_join_title": "Čaká sa na používateľov, kým sa pripoja k aplikácii %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Pridať priestor",
+        "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",
+        "list_title": "Zoznam miestností",
+        "more_options": {
+            "leave_room": "Opustiť miestnosť"
+        },
+        "notification_options": "Možnosti oznámenia",
+        "show_less": "Zobraziť menej"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Určite, kto môže zobrazovať a pripájať sa k %(spaceName)s.",
+            "title": "Prístup"
+        },
+        "advanced": {
+            "error_upgrade_description": "Nie je možné dokončiť aktualizáciu miestnosti na jej najnovšiu verziu",
+            "error_upgrade_title": "Nepodarilo sa aktualizovať miestnosť",
+            "information_section_room": "Informácie o miestnosti",
+            "information_section_space": "Informácie o priestore",
+            "room_id": "Interné ID miestnosti",
+            "room_predecessor": "Zobraziť staršie správy v miestnosti %(roomName)s.",
+            "room_upgrade_button": "Upgradujte túto miestnosť na odporúčanú verziu",
+            "room_upgrade_warning": "<b>Pozor</b>:Aktualizácia miestnosti <i>neumožní automatickú migráciu členov miestnosti do novej verzie miestnosti.</i>. Odkaz na novú miestnosť uverejníme v starej verzii miestnosti - členovia miestnosti budú musieť kliknúť na tento odkaz, aby sa mohli pripojiť k novej miestnosti.",
+            "room_version": "Verzia miestnosti:",
+            "room_version_section": "Verzia miestnosti",
+            "space_predecessor": "Zobraziť staršiu verziu %(spaceName)s.",
+            "space_upgrade_button": "Aktualizovať tento priestor na odporúčanú verziu miestnosti",
+            "unfederated": "Táto miestnosť nie je prístupná zo vzdialených Matrix serverov",
+            "upgrade_button": "Aktualizovať túto miestnosť na verziu %(version)s",
+            "upgrade_dialog_description": "Aktualizácia tejto miestnosti vyžaduje zrušenie aktuálnej inštancie miestnosti a vytvorenie novej miestnosti na jej mieste. Aby sme členom miestnosti poskytli čo najlepšiu skúsenosť, budeme:",
+            "upgrade_dialog_description_1": "Vznikne nová miestnosť s rovnakým názvom, témou a obrázkom",
+            "upgrade_dialog_description_2": "Všetky lokálne aliasy pôvodnej miestnosti sa aktualizujú tak, aby ukazovali na novú miestnosť",
+            "upgrade_dialog_description_3": "V pôvodnej miestnosti bude zverejnené odporúčanie prejsť do novej miestnosti a posielanie do pôvodnej miestnosti bude zakázané pre všetkých používateľov",
+            "upgrade_dialog_description_4": "História novej miestnosti sa začne odkazom do pôvodnej miestnosti, aby si členovia vedeli zobraziť staršie správy",
+            "upgrade_dialog_title": "Aktualizovať verziu miestnosti",
+            "upgrade_dwarning_ialog_title_public": "Aktualizovať verejnú miestnosť",
+            "upgrade_warning_dialog_description": "Aktualizácia miestnosti je pokročilá akcia a zvyčajne sa odporúča, keď je miestnosť nestabilná kvôli chybám, chýbajúcim funkciám alebo bezpečnostným zraniteľnostiam.",
+            "upgrade_warning_dialog_explainer": "<b>Vezmite prosím na vedomie, že aktualizácia vytvorí novú verziu miestnosti</b>. Všetky aktuálne správy zostanú v tejto archivovanej miestnosti.",
+            "upgrade_warning_dialog_footer": "Túto miestnosť aktualizujete z verzie <oldVersion /> na <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Automaticky pozvať členov z tejto miestnosti do novej",
+            "upgrade_warning_dialog_report_bug_prompt": "Zvyčajne to ovplyvňuje len spôsob spracovania miestnosti na serveri. Ak máte problémy s %(brand)s, nahláste prosím chybu.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Zvyčajne to ovplyvňuje len spôsob spracovania miestnosti na serveri. Ak máte problémy s vaším %(brand)s, nahláste prosím <a>chybu</a>.",
+            "upgrade_warning_dialog_title": "Aktualizovať miestnosť",
+            "upgrade_warning_dialog_title_private": "Aktualizovať súkromnú miestnosť"
+        },
+        "alias_not_specified": "nezadané",
+        "bridges": {
+            "description": "Táto miestnosť premosťuje správy s nasledujúcimi platformami. <a>Viac informácií</a>",
+            "empty": "Táto miestnosť nepremosťuje správy so žiadnymi platformami. <a>Viac informácií</a>",
+            "title": "Premostenia"
+        },
+        "delete_avatar_label": "Vymazať obrázok",
+        "general": {
+            "alias_field_has_domain_invalid": "Chýbajúci oddeľovač domény, napr. (:domena.sk)",
+            "alias_field_has_localpart_invalid": "Chýbajúci názov miestnosti alebo oddeľovač, napr. (moja-miestnost:domena.sk)",
+            "alias_field_matches_invalid": "Táto adresa nesmeruje do tejto miestnosti",
+            "alias_field_placeholder_default": "napr. moja-miestnost",
+            "alias_field_required_invalid": "Uveďte prosím adresu",
+            "alias_field_safe_localpart_invalid": "Niektoré znaky nie sú povolené",
+            "alias_field_taken_invalid": "Táto adresa mala neplatný server alebo sa už používa",
+            "alias_field_taken_invalid_domain": "Táto adresa sa už používa",
+            "alias_field_taken_valid": "Túto adresu je možné použiť",
+            "alias_heading": "Adresa miestnosti",
+            "aliases_items_label": "Iné zverejnené adresy:",
+            "aliases_no_items_label": "Zatiaľ neboli zverejnené žiadne ďalšie adresy, pridajte ich nižšie",
+            "aliases_section": "Adresy miestnosti",
+            "avatar_field_label": "Obrázok miestnosti",
+            "canonical_alias_field_label": "Hlavná adresa",
+            "description_space": "Upravte nastavenia týkajúce sa vášho priestoru.",
+            "error_creating_alias_description": "Pri vytváraní tejto adresy došlo k chybe. Je možné, že ju server nepovoľuje alebo došlo k dočasnému zlyhaniu.",
+            "error_creating_alias_title": "Chyba pri vytváraní adresy",
+            "error_deleting_alias_description": "Pri odstraňovaní tejto adresy došlo k chybe. Možno už neexistuje alebo došlo k dočasnej chybe.",
+            "error_deleting_alias_description_forbidden": "Na vymazanie adresy nemáte povolenie.",
+            "error_deleting_alias_title": "Chyba pri odstraňovaní adresy",
+            "error_publishing": "Nepodarilo sa zverejniť miestnosť",
+            "error_publishing_detail": "Vyskytla sa chyba pri zverejnení tejto miestnosti",
+            "error_save_space_settings": "Nepodarilo sa uložiť nastavenia priestoru.",
+            "error_updating_alias_description": "Pri aktualizácii alternatívnych adries miestnosti došlo k chybe. Nemusí to byť povolené serverom alebo došlo k dočasnému zlyhaniu.",
+            "error_updating_canonical_alias_description": "Pri aktualizácii hlavnej adresy miestnosti došlo k chybe. Server to nemusí povoliť alebo došlo k dočasnému zlyhaniu.",
+            "error_updating_canonical_alias_title": "Chyba pri aktualizácii hlavnej adresy",
+            "leave_space": "Opustiť priestor",
+            "local_alias_field_label": "Lokálna adresa",
+            "local_aliases_explainer_room": "Nastavte adresy pre túto miestnosť, aby ju používatelia mohli nájsť prostredníctvom vášho domovského servera (%(localDomain)s)",
+            "local_aliases_explainer_space": "Nastavte adresy pre tento priestor, aby ho používatelia mohli nájsť prostredníctvom vášho domovského servera (%(localDomain)s)",
+            "local_aliases_section": "Lokálne adresy",
+            "name_field_label": "Názov miestnosti",
+            "new_alias_placeholder": "Nová zverejnená adresa (napr. #alias:server)",
+            "no_aliases_room": "Pre túto miestnosť nie sú žiadne lokálne adresy",
+            "no_aliases_space": "Tento priestor nemá žiadne lokálne adresy",
+            "other_section": "Ďalšie",
+            "publish_toggle": "Uverejniť túto miestnosť v adresári miestností na serveri %(domain)s?",
+            "publish_warn_invite_only": "Nemôžete zverejniť miestnosť, ktorá je prístupná len na pozvánku.",
+            "publish_warn_no_canonical_permission": "Na zverejnenie tejto miestnosti musíte mať povolenie na nastavenie hlavnej adresy.",
+            "published_aliases_description": "Ak chcete zverejniť adresu, je potrebné ju najprv nastaviť ako lokálnu adresu.",
+            "published_aliases_explainer_room": "Zverejnené adresy môže použiť ktokoľvek na akomkoľvek serveri, aby sa pripojil k vašej miestnosti.",
+            "published_aliases_explainer_space": "Zverejnené adresy môže použiť ktokoľvek na akomkoľvek serveri, aby sa pripojil k vášmu priestoru.",
+            "published_aliases_section": "Zverejnené adresy",
+            "save": "Uložiť zmeny",
+            "topic_field_label": "Téma miestnosti"
+        },
+        "notifications": {
+            "browse_button": "Prechádzať",
+            "custom_sound_prompt": "Nastaviť vlastný zvuk",
+            "notification_sound": "Zvuk oznámenia",
+            "settings_link": "Dostávajte oznámenia podľa nastavenia v <a>nastaveniach</a>",
+            "sounds_section": "Zvuky",
+            "upload_sound_label": "Nahrať vlastný zvuk",
+            "uploaded_sound": "Nahratý zvuk"
+        },
+        "people": {
+            "knock_empty": "Žiadne žiadosti",
+            "knock_section": "Žiada o pripojenie",
+            "see_less": "Zobraziť menej",
+            "see_more": "Zobraziť viac"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Prideliť jednému alebo viacerým používateľom v tejto miestnosti viac oprávnení",
+            "add_privileged_user_filter_placeholder": "Vyhľadať používateľov v tejto miestnosti…",
+            "add_privileged_user_heading": "Pridať oprávnených používateľov",
+            "ban": "Zakázať používateľov",
+            "ban_reason": "Dôvod",
+            "banned_by": "Vstup zakázal %(displayName)s",
+            "banned_users_section": "Používatelia, ktorým bol zakázaný vstup",
+            "error_changing_pl_description": "Došlo k chybe pri zmene úrovne oprávnenia používateľa. Uistite sa, že na to máte dostatočné povolenia a skúste to znova.",
+            "error_changing_pl_reqs_description": "Došlo k chybe pri zmene požiadaviek na úroveň oprávnenia miestnosti. Uistite sa, že na to máte dostatočné povolenia a skúste to znovu.",
+            "error_changing_pl_reqs_title": "Chyba pri zmene požiadavky na úroveň oprávnenia",
+            "error_changing_pl_title": "Chyba pri zmene úrovne oprávnenia",
+            "error_unbanning": "Nepodarilo sa povoliť vstup",
+            "events_default": "Odoslať správy",
+            "invite": "Pozvať používateľov",
+            "kick": "Odstrániť používateľov",
+            "m.call": "Spustiť %(brand)s hovory",
+            "m.call.member": "Pripojiť sa k %(brand)s hovorom",
+            "m.reaction": "Odoslanie reakcií",
+            "m.room.avatar": "Zmeniť obrázok miestnosti",
+            "m.room.avatar_space": "Zmeniť obrázok priestoru",
+            "m.room.canonical_alias": "Zmeniť hlavnú adresu miestnosti",
+            "m.room.canonical_alias_space": "Zmeniť hlavnú adresu priestoru",
+            "m.room.encryption": "Povoliť v miestnosti šifrovanie",
+            "m.room.history_visibility": "Zmeniť viditeľnosť histórie",
+            "m.room.name": "Zmeniť názov miestnosti",
+            "m.room.name_space": "Zmeniť názov priestoru",
+            "m.room.pinned_events": "Spravovať pripnuté udalosti",
+            "m.room.power_levels": "Zmeniť povolenia",
+            "m.room.redaction": "Odstrániť správy odoslané mnou",
+            "m.room.server_acl": "Zmeniť ACL servera",
+            "m.room.tombstone": "Aktualizovať miestnosť",
+            "m.room.topic": "Zmeniť tému",
+            "m.room.topic_space": "Zmeniť popis",
+            "m.space.child": "Spravovať miestnosti v tomto priestore",
+            "m.widget": "Upraviť widgety",
+            "muted_users_section": "Umlčaní používatelia",
+            "no_privileged_users": "Žiadny používatelia nemajú v tejto miestnosti pridelené konkrétne poverenia",
+            "notifications.room": "Poslať oznámenie všetkým",
+            "permissions_section": "Povolenia",
+            "permissions_section_description_room": "Vyberte role potrebné na zmenu rôznych častí miestnosti",
+            "permissions_section_description_space": "Vyberte role potrebné na zmenu rôznych častí tohto priestoru",
+            "privileged_users_section": "Oprávnení používatelia",
+            "redact": "Odstrániť správy odoslané inými osobami",
+            "send_event_type": "Poslať udalosti %(eventType)s",
+            "state_default": "Zmeniť nastavenia",
+            "title": "Role a povolenia",
+            "users_default": "Predvolená rola"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "Nemáte povolenia na zmenu viditeľnosti histórie miestnosti. Toto je nebezpečné, pretože by to mohlo umožniť nepripojeným používateľom čítať správy.",
+                "title": "Miestnosť sa nedá nastaviť ako súkromná"
+            },
+            "enable_encryption_confirm_description": "Po povolení šifrovania miestnosti nie je možné šifrovanie zakázať. Správy poslané v šifrovanej miestnosti nie sú viditeľné na serveri, prečítať ich môžu len členovia miestnosti. Mnohí Boti, premostenia do iných sietí a integrácie nemusia po zapnutí šifrovania fungovať správne. <a>Dozvedieť sa viac o šifrovaní.</a>",
+            "enable_encryption_confirm_title": "Povoliť šifrovanie?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Neodporúča sa pridávať šifrovanie do verejných miestností.</b> Verejné miestnosti môže nájsť a pripojiť sa k nim ktokoľvek, takže si v nich môže ktokoľvek prečítať správy. Nebudete mať žiadne výhody šifrovania a neskôr ho nebudete môcť vypnúť. Šifrovanie správ vo verejnej miestnosti spomalí prijímanie a odosielanie správ.",
+            "enable_encryption_public_room_confirm_description_2": "Ak sa chcete vyhnúť týmto problémom, vytvorte <a>novú šifrovanú miestnosť</a> pre konverzáciu, ktorú plánujete viesť.",
+            "enable_encryption_public_room_confirm_title": "Ste si istí, že chcete pridať šifrovanie do tejto verejnej miestnosti?",
+            "encrypted_room_public_confirm_description_1": "<b>Neodporúča sa zverejňovať zašifrované miestnosti.</b> Znamená to, že ktokoľvek môže nájsť miestnosť a pripojiť sa k nej, takže ktokoľvek môže čítať správy. Nezískate tak žiadne výhody šifrovania. Šifrovanie správ vo verejnej miestnosti spôsobí, že prijímanie a odosielanie správ bude pomalšie.",
+            "encrypted_room_public_confirm_description_2": "Ak sa chcete vyhnúť týmto problémom, vytvorte <a>novú verejnú miestnosť</a> pre konverzáciu, ktorú plánujete viesť.",
+            "encrypted_room_public_confirm_title": "Ste si istí, že chcete túto zašifrovanú miestnosť zverejniť?",
+            "encryption_forced": "Váš server vyžaduje vypnuté šifrovanie.",
+            "encryption_permanent": "Po zapnutí šifrovania ho nie je možné vypnúť.",
+            "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": "Členovia od pozvania",
+            "history_visibility_legend": "Kto môže čítať históriu?",
+            "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.",
+            "join_rule_knock": "Požiadať o pripojenie",
+            "join_rule_knock_description": "Ľudia sa nemôžu pripojiť, pokiaľ im nebude udelený prístup.",
+            "join_rule_public_description": "Ktokoľvek môže nájsť a pripojiť sa.",
+            "join_rule_restricted": "Členovia priestoru",
+            "join_rule_restricted_description": "Každý v priestore môže nájsť a pripojiť sa. <a>Upravte, ktoré priestory sem môžu mať prístup.</a>",
+            "join_rule_restricted_description_active_space": "Ktokoľvek v <spaceName/> môže nájsť a pripojiť sa. Môžete vybrať aj iné priestory.",
+            "join_rule_restricted_description_prompt": "Každý, kto sa nachádza v priestore, môže nájsť a pripojiť sa. Môžete vybrať viacero priestorov.",
+            "join_rule_restricted_description_spaces": "Priestory s prístupom",
+            "join_rule_restricted_dialog_description": "Určite, ktoré priestory budú mať prístup do tejto miestnosti. Ak je vybraný priestor, jeho členovia môžu nájsť a pripojiť sa k <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Odstraňujete všetky priestory. Prístup bude predvolený len pre pozvaných",
+            "join_rule_restricted_dialog_filter_placeholder": "Hľadať priestory",
+            "join_rule_restricted_dialog_heading_known": "Ďalšie priestory, ktoré poznáte",
+            "join_rule_restricted_dialog_heading_other": "Ďalšie priestory alebo miestnosti, o ktorých možno neviete",
+            "join_rule_restricted_dialog_heading_room": "Priestory, o ktorých viete, že obsahujú túto miestnosť",
+            "join_rule_restricted_dialog_heading_space": "Priestory, o ktorých viete, že obsahujú tento priestor",
+            "join_rule_restricted_dialog_heading_unknown": "Pravdepodobne sú to tieto, ktorých súčasťou sú aj iní administrátori miestností.",
+            "join_rule_restricted_dialog_title": "Vybrať priestory",
+            "join_rule_restricted_n_more": {
+                "one": "a %(count)s viac",
+                "other": "& %(count)s viac"
+            },
+            "join_rule_restricted_summary": {
+                "one": "V súčasnosti má priestor prístup",
+                "few": "V súčasnosti majú prístup %(count)s priestory",
+                "other": "V súčasnosti má prístup %(count)s priestorov"
+            },
+            "join_rule_restricted_upgrade_description": "Táto aktualizácia umožní členom vybraných priestorov prístup do tejto miestnosti bez pozvánky.",
+            "join_rule_restricted_upgrade_warning": "Táto miestnosť sa nachádza v niektorých priestoroch, ktorých nie ste správcom. V týchto priestoroch bude stará miestnosť stále zobrazená, ale ľudia budú vyzvaní, aby sa pripojili k novej miestnosti.",
+            "join_rule_upgrade_awaiting_room": "Načítanie novej miestnosti",
+            "join_rule_upgrade_required": "Vyžaduje sa aktualizácia",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Odosielanie pozvánky...",
+                "few": "Odosielanie pozvánok... (%(progress)s z %(count)s)",
+                "other": "Odosielanie pozvánok... (%(progress)s z %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Aktualizácia priestoru...",
+                "few": "Aktualizácia priestorov... (%(progress)s z %(count)s)",
+                "other": "Aktualizácia priestorov... (%(progress)s z %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Aktualizácia miestnosti",
+            "join_rule_world_readable_description": "Zmenou možnosti, kto sa môže pripojiť do miestnosti, sa zmení aj viditeľnosť budúcich správ.\n.",
+            "public_without_alias_warning": "Ak chcete prepojiť túto miestnosť, pridajte prosím adresu.",
+            "publish_room": "Zviditeľniť túto miestnosť v adresári verejných miestností.",
+            "publish_space": "Zviditeľniť tento priestor v adresári verejných miestností.",
+            "strict_encryption": "Posielať správy iba overeným používateľom.",
+            "title": "Bezpečnosť a súkromie"
+        },
+        "title": "Nastavenia miestnosti - %(roomName)s",
+        "upload_avatar_label": "Nahrať obrázok",
+        "visibility": {
+            "alias_section": "Adresa",
+            "error_failed_save": "Nepodarilo sa aktualizovať viditeľnosť tohto priestoru",
+            "error_update_guest_access": "Nepodarilo sa aktualizovať hosťovský prístup do tohto priestoru",
+            "error_update_history_visibility": "Nepodarilo sa aktualizovať viditeľnosť histórie tohto priestoru",
+            "guest_access_disabled": "Nemáte povolenie na zmenu prístupu hostí.",
+            "guest_access_explainer": "Hostia sa môžu pripojiť k priestoru bez toho, aby mali konto. Toto môže byť užitočné pre verejné priestory.",
+            "guest_access_label": "Zapnúť prístup pre hostí",
+            "history_visibility_anyone_space": "Prehľad priestoru",
+            "history_visibility_anyone_space_description": "Umožnite ľuďom prezrieť si váš priestor predtým, ako sa k vám pripoja.",
+            "history_visibility_anyone_space_disabled": "Nemáte povolenie na zmenu viditeľnosti histórie.",
+            "history_visibility_anyone_space_recommendation": "Odporúča sa pre verejné priestory.",
+            "title": "Viditeľnosť"
+        },
+        "voip": {
+            "call_type_section": "Typ hovoru",
+            "enable_element_call_caption": "%(brand)s je end-to-end šifrovaný, ale v súčasnosti je obmedzený pre menší počet používateľov.",
+            "enable_element_call_label": "Zapnúť %(brand)s ako ďalšiu možnosť volania v tejto miestnosti",
+            "enable_element_call_no_permissions_tooltip": "Nemáte dostatočné oprávnenia na to, aby ste toto mohli zmeniť."
+        }
+    },
+    "room_summary_card_back_action_label": "Informácie o miestnosti",
+    "scalar": {
+        "error_create": "Nie je možné vytvoriť widget.",
+        "error_membership": "Nenachádzate sa v tejto miestnosti.",
+        "error_missing_room_id": "Chýba ID miestnosti.",
+        "error_missing_room_id_request": "V požiadavke chýba room_id",
+        "error_missing_user_id_request": "V požiadavke chýba user_id",
+        "error_permission": "V tejto miestnosti na toto nemáte udelené povolenie.",
+        "error_power_level_invalid": "Úroveň oprávnenia musí byť kladné celé číslo.",
+        "error_room_not_visible": "Miestnosť %(roomId)s nie je viditeľná",
+        "error_room_unknown": "Nie je možné rozpoznať takúto miestnosť.",
+        "error_send_request": "Nepodarilo sa odoslať požiadavku.",
+        "failed_read_event": "Nepodarilo sa prečítať udalosť",
+        "failed_send_event": "Nepodarilo sa odoslať udalosť"
+    },
+    "server_offline": {
+        "description": "Váš server neodpovedá na niektoré vaše požiadavky. Nižšie sú uvedené niektoré z najpravdepodobnejších dôvodov.",
+        "description_1": "Serveru (%(serverName)s) trvalo príliš dlho, kým odpovedal.",
+        "description_2": "Požiadavku blokuje váš firewall alebo antivírus.",
+        "description_3": "Požiadavke bráni rozšírenie prehliadača.",
+        "description_4": "Server je vypnutý.",
+        "description_5": "Server zamietol vašu požiadavku.",
+        "description_6": "Vaša oblasť má problémy s pripojením na internet.",
+        "description_7": "Pri pokuse o kontaktovanie servera došlo k chybe pripojenia.",
+        "description_8": "Server nie je nastavený tak, aby informoval v čom je problém (CORS).",
+        "empty_timeline": "Všetko ste už stihli.",
+        "recent_changes_heading": "Nedávne zmeny, ktoré ešte neboli prijaté",
+        "title": "Server neodpovedá"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s vyžaduje proces služby na načítanie overených médií z úložísk obsahu Matrix. Váš prehliadač to nepodporuje, takže sa môže vyskytnúť zlyhanie načítania médií.",
+        "title": "Nepodarilo sa načítať proces služby"
+    },
+    "seshat": {
+        "error_initialising": "Inicializácia vyhľadávania správ zlyhala, pre viac informácií skontrolujte <a>svoje nastavenia</a>",
+        "reset_button": "Obnoviť úložisko udalostí",
+        "reset_description": "S najväčšou pravdepodobnosťou nechcete obnoviť indexové úložisko udalostí",
+        "reset_explainer": "Ak tak urobíte, upozorňujeme, že žiadna z vašich správ nebude vymazaná, ale vyhľadávanie môže byť na niekoľko okamihov zhoršené, kým sa index znovu vytvorí",
+        "reset_title": "Obnoviť úložisko udalostí?",
+        "warning_kind_files": "Táto verzia aplikácie %(brand)s nepodporuje zobrazovanie niektorých zašifrovaných súborov",
+        "warning_kind_files_app": "Použite <a>desktopovú aplikáciu</a> na zobrazenie všetkých zašifrovaných súborov",
+        "warning_kind_search": "Táto verzia aplikácie %(brand)s nepodporuje vyhľadávanie zašifrovaných správ",
+        "warning_kind_search_app": "Použite <a>Desktop aplikáciu</a> na vyhľadávanie zašifrovaných správ"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Váš prístupový token poskytuje úplný prístup k vášmu účtu. S nikým ho nezdieľajte.",
+            "brand_version": "Verzia %(brand)s:",
+            "clear_cache_reload": "Vymazať vyrovnávaciu pamäť a načítať znovu",
+            "crypto_version": "Krypto verzia:",
+            "dialog_title": "<strong>Nastavenia: </strong> Pomocník a o aplikácii",
+            "help_link": "Pomoc pri používaní %(brand)s môžete získať kliknutím <a>sem</a>.",
+            "homeserver": "Domovský server je <code>%(homeserverUrl)s</code>",
+            "identity_server": "Server identity je <code>%(identityServerUrl)s</code>",
+            "title": "Pomocník a o programe",
+            "versions": "Verzie"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Nastavenia:</strong> Účet",
+            "title": "Účet"
+        },
+        "all_rooms_home": "Zobraziť všetky miestnosti v časti Domov",
+        "all_rooms_home_description": "Všetky miestnosti, v ktorých sa nachádzate, sa zobrazia na domovskej obrazovke.",
+        "always_show_message_timestamps": "Vždy zobrazovať časovú značku správ",
+        "appearance": {
+            "bundled_emoji_font": "Použiť pribalené písmo emotikonov",
+            "compact_layout": "Zobraziť kompaktný text a správy",
+            "compact_layout_description": "Na použitie tejto funkcie je potrebné zvoliť moderné rozloženie.",
+            "custom_font": "Použiť systémové písmo",
+            "custom_font_description": "Nastavte názov písma, ktoré máte nainštalované na vašom systéme & %(brand)s sa ho pokúsi použiť.",
+            "custom_font_name": "Názov systémového písma",
+            "custom_font_size": "Použiť vlastnú veľkosť",
+            "custom_theme_add": "Pridať vlastnú tému",
+            "custom_theme_downloading": "Sťahovanie vlastnej témy...",
+            "custom_theme_error_downloading": "Chyba pri sťahovaní témy",
+            "custom_theme_help": "Zadajte adresu URL vlastnej témy, ktorú chcete použiť.",
+            "custom_theme_invalid": "Neplatná schéma vzhľadu.",
+            "dialog_title": "<strong>Nastavenia:</strong> Vzhľad",
+            "font_size": "Veľkosť písma",
+            "font_size_default": "%(fontSize)s (predvolené)",
+            "high_contrast": "Vysoký kontrast",
+            "image_size_default": "Predvolené",
+            "image_size_large": "Veľký",
+            "layout_bubbles": "Správy v bublinách",
+            "layout_irc": "IRC (experimentálne)",
+            "match_system_theme": "Prispôsobiť sa vzhľadu systému",
+            "timeline_image_size": "Veľkosť obrázku na časovej osi"
+        },
+        "automatic_language_detection_syntax_highlight": "Povoliť automatickú detekciu jazyka pre zvýraznenie syntaxe",
+        "autoplay_gifs": "Automaticky prehrať GIF animácie",
+        "autoplay_videos": "Automaticky prehrať videá",
+        "big_emoji": "Povoliť veľké emotikony v konverzáciách",
+        "code_block_expand_default": "Rozšíriť bloky kódu predvolene",
+        "code_block_line_numbers": "Zobrazenie čísel riadkov v blokoch kódu",
+        "disable_historical_profile": "Zobraziť aktuálny profilový obrázok a meno používateľov v histórii správ",
+        "discovery": {
+            "title": "Ako vás nájsť"
+        },
+        "emoji_autocomplete": "Umožniť automatické návrhy emotikonov počas písania",
+        "enable_markdown": "Povoliť funkciu Markdown",
+        "enable_markdown_description": "Začnite správy s <code>/plain</code> na odoslanie bez použitia markdown.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Podrobnosti o vašom účte, kontakty, predvoľby a zoznam konverzácií sa zachovajú",
+                "breadcrumb_page": "Obnoviť šifrovanie",
+                "breadcrumb_second_description": "Stratíte históriu správ, ktorá je uložená iba na serveri",
+                "breadcrumb_third_description": "Budete musieť znova overiť všetky vaše existujúce zariadenia a kontakty",
+                "breadcrumb_title": "Naozaj chcete obnoviť svoju identitu?",
+                "breadcrumb_title_cant_confirm": "Musíte obnoviť svoju identitu.",
+                "breadcrumb_title_forgot": "Zabudli ste kľúč na obnovenie? Budete musieť obnoviť svoju identitu.",
+                "breadcrumb_title_sync_failed": "Synchronizácia úložiska kľúčov zlyhala. Musíte obnoviť svoju identitu.",
+                "breadcrumb_warning": "Urobte to iba vtedy, ak sa domnievate, že váš účet bol ohrozený.",
+                "details_title": "Podrobnosti o šifrovaní",
+                "do_not_close_warning": "Nezatvárajte toto okno, kým sa obnovenie nedokončí",
+                "export_keys": "Exportovať kľúče",
+                "import_keys": "Importovať kľúče",
+                "other_people_device_description": "Upozornenie: používatelia, ktorí sa s vami výslovne neoverili (napr. pomocou emotikonov), nedostanú vaše šifrované správy. Neoverené zariadenia overených používateľov tiež nedostanú vaše šifrované správy. Zmeny nadobudnú platnosť po reštartovaní aplikácie.",
+                "other_people_device_label": "V šifrovaných miestnostiach odosielajte správy iba overeným používateľom",
+                "other_people_device_title": "Zariadenia iných ľudí",
+                "reset_identity": "Obnoviť kryptografickú identitu",
+                "reset_in_progress": "Prebieha obnovenie...",
+                "session_id": "ID relácie:",
+                "session_key": "Kľúč relácie:",
+                "title": "Pokročilé"
+            },
+            "confirm_key_storage_off": "Naozaj chcete ponechať úložisko kľúčov vypnuté?",
+            "confirm_key_storage_off_description": "Ak sa zo všetkých zariadení odhlásite, stratíte históriu správ a budete musieť znova overiť všetky existujúce kontakty. <a>Prečítajte si viac </a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Odstrániť úložisko kľúčov",
+                "confirm": "Odstrániť úložisko kľúčov",
+                "description": "Odstránením úložiska kľúčov sa odstráni vaša kryptografická identita a kľúče správ zo servera a vypnú sa nasledujúce bezpečnostné funkcie:",
+                "list_first": "Na nových zariadeniach nebudete mať zašifrovanú históriu správ",
+                "list_second": "Stratíte prístup k svojim zašifrovaným správam, ak sa odhlásite z aplikácie %(brand)s všade",
+                "title": "Naozaj chcete vypnúť úložisko kľúčov a odstrániť ho?"
+            },
+            "device_not_verified_button": "Overiť toto zariadenie",
+            "device_not_verified_description": "Ak chcete zobraziť nastavenia šifrovania, musíte toto zariadenie overiť.",
+            "device_not_verified_title": "Zariadenie nie je overené",
+            "dialog_title": "<strong>Nastavenia:</strong> Šifrovanie",
+            "key_storage": {
+                "allow_key_storage": "Povoliť úložisko kľúčov",
+                "description": "Uložte svoju kryptografickú totožnosť a kľúče správ bezpečne na serveri. To vám umožní zobraziť históriu správ na všetkých nových zariadeniach. <a>Zistiť viac</a>",
+                "title": "Úložisko kľúčov"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Potvrdiť nový kľúč na obnovenie",
+                "change_recovery_confirm_description": "Dokončite zadaním nového kľúča na obnovenie nižšie. Váš starý už nebude fungovať.",
+                "change_recovery_confirm_title": "Zadajte svoj nový kľúč na obnovenie",
+                "change_recovery_key": "Zmeniť kľúč na obnovenie",
+                "change_recovery_key_description": "Zapíšte si tento nový kľúč na obnovenie niekde na bezpečné miesto. Potom kliknite na tlačidlo Pokračovať a potvrďte zmenu.",
+                "change_recovery_key_title": "Zmeniť kľúč na obnovenie?",
+                "description": "Ak ste stratili všetky existujúce zariadenia, obnovte svoju kryptografickú identitu a históriu správ pomocou kľúča na obnovenie.",
+                "enter_key_error": "Zadaný kľúč na obnovenie nie je správny.",
+                "enter_recovery_key": "Zadajte kľúč na obnovenie",
+                "forgot_recovery_key": "Zabudli ste kľúč na obnovenie?",
+                "key_storage_warning": "Vaše úložisko kľúčov nie je synchronizované. Kliknutím na tlačidlo nižšie vyriešite problém.",
+                "save_key_description": "Nezdieľajte ho s nikým!",
+                "save_key_title": "Kľúč na obnovenie",
+                "set_up_recovery": "Nastaviť obnovenie",
+                "set_up_recovery_confirm_button": "Dokončiť nastavenie",
+                "set_up_recovery_confirm_description": "Zadajte kľúč na obnovenie zobrazený na predchádzajúcej obrazovke a dokončite nastavenie obnovy.",
+                "set_up_recovery_confirm_title": "Na potvrdenie zadajte kľúč na obnovenie",
+                "set_up_recovery_description": "Vaše úložisko kľúčov je chránené kľúčom na obnovenie. Ak po nastavení potrebujete nový kľúč na obnovenie, môžete ho znova vytvoriť výberom „%(changeRecoveryKeyButton)s“.",
+                "set_up_recovery_save_key_description": "Zapíšte si tento kľúč na obnovenie na bezpečné miesto, napríklad do správcu hesiel, zašifrovanej poznámky alebo fyzického trezoru.",
+                "set_up_recovery_save_key_title": "Uložte kľúč na obnovenie na bezpečné miesto",
+                "set_up_recovery_secondary_description": "Po kliknutí na Pokračovať vám vygenerujeme kľúč na obnovenie.",
+                "title": "Obnovenie"
+            },
+            "title": "Šifrovanie"
+        },
+        "general": {
+            "account_management_section": "Správa účtu",
+            "account_section": "Účet",
+            "add_email_dialog_title": "Pridať emailovú adresu",
+            "add_email_failed_verification": "Nepodarilo sa overiť emailovú adresu: Uistite sa, že ste správne klikli na odkaz v emailovej správe",
+            "add_email_instructions": "Poslali sme vám email, aby sme mohli overiť vašu adresu. Postupujte podľa odoslaných inštrukcií a potom kliknite na nižšie zobrazené tlačidlo.",
+            "add_msisdn_confirm_body": "Kliknutím na tlačidlo nižšie potvrdíte pridanie telefónneho čísla.",
+            "add_msisdn_confirm_button": "Potvrdiť pridanie telefónneho čísla",
+            "add_msisdn_confirm_sso_button": "Potvrďte pridanie telefónneho čísla pomocou Single Sign On.",
+            "add_msisdn_dialog_title": "Pridať telefónne číslo",
+            "add_msisdn_instructions": "SMSka vám bola zaslaná na +%(msisdn)s. Zadajte prosím overovací kód, ktorý obsahuje.",
+            "add_msisdn_misconfigured": "Pridanie / prepojenie s MSISDN je nesprávne nakonfigurované",
+            "allow_spellcheck": "Povoliť kontrolu pravopisu",
+            "application_language": "Jazyk aplikácie",
+            "application_language_reload_hint": "Po výbere iného jazyka sa aplikácia znova načíta",
+            "avatar_open_menu": "Otvoriť ponuku profilových obrázkov",
+            "avatar_remove_progress": "Odstraňuje sa obrázok...",
+            "avatar_save_progress": "Nahráva sa obrázok...",
+            "avatar_upload_error_text": "Formát súboru nie je podporovaný alebo obrázok je väčší ako %(size)s.",
+            "avatar_upload_error_text_generic": "Formát súboru nemusí byť podporovaný.",
+            "avatar_upload_error_title": "Profilový obrázok sa nepodarilo nahrať",
+            "confirm_adding_email_body": "Kliknutím na tlačidlo nižšie potvrdíte pridanie emailovej adresy.",
+            "confirm_adding_email_title": "Potvrdiť pridanie emailu",
+            "deactivate_confirm_body": "Ste si istí, že chcete deaktivovať svoje konto? Je to nezvratné.",
+            "deactivate_confirm_body_sso": "Potvrďte deaktiváciu konta pomocou jednotného prihlásenia SSO na preukázanie svojej totožnosti.",
+            "deactivate_confirm_content": "Potvrďte, že chcete deaktivovať svoje konto. Ak budete pokračovať:",
+            "deactivate_confirm_content_1": "Svoje konto nebudete môcť opätovne aktivovať",
+            "deactivate_confirm_content_2": "Už sa nebudete môcť prihlásiť",
+            "deactivate_confirm_content_3": "Nikto nebude môcť opätovne použiť vaše používateľské meno (MXID) vrátane vás: toto používateľské meno zostane nedostupné",
+            "deactivate_confirm_content_4": "Opustíte všetky miestnosti a priame konverzácie, v ktorých sa nachádzate",
+            "deactivate_confirm_content_5": "Budete odstránení zo servera identity: vaši priatelia vás už nebudú môcť nájsť pomocou vášho e-mailu ani telefónneho čísla",
+            "deactivate_confirm_content_6": "Vaše staré správy budú stále viditeľné pre ľudí, ktorí ich prijali, rovnako ako e-maily, ktoré ste poslali v minulosti. Chcete skryť svoje odoslané správy pred ľuďmi, ktorí sa do miestností pripoja v budúcnosti?",
+            "deactivate_confirm_continue": "Potvrdiť deaktiváciu účtu",
+            "deactivate_confirm_erase_label": "Skryť moje správy pred novými členmi",
+            "deactivate_section": "Deaktivovať účet",
+            "deactivate_warning": "Deaktivácia účtu je trvalý úkon — buďte opatrní!",
+            "discovery_email_empty": "Možnosti vyhľadávania kontaktov sa zobrazia po pridaní e-mailu.",
+            "discovery_email_verification_instructions": "Overte odkaz vo vašej emailovej schránke",
+            "discovery_msisdn_empty": "Možnosti vyhľadávania kontaktov sa objavia po pridaní telefónneho čísla.",
+            "discovery_needs_terms": "Súhlaste s podmienkami používania servera totožností (%(serverName)s), aby ste mohli byť nájdený zadaním emailovej adresy alebo telefónneho čísla.",
+            "discovery_needs_terms_title": "Umožnite ľuďom, aby vás našli",
+            "display_name": "Zobrazované meno",
+            "display_name_error": "Nedá sa nastaviť zobrazované meno",
+            "email_adding_unsupported_by_hs": "Tento domovský server nepodporuje pridávanie e-mailových adries do vášho účtu.",
+            "email_address_in_use": "Táto emailová adresa sa už používa",
+            "email_address_label": "Emailová adresa",
+            "email_not_verified": "Vaša emailová adresa nebola zatiaľ overená",
+            "email_verification_instructions": "Pre overenie kliknite na odkaz v emaile, ktorý ste dostali, a potom znova kliknite pokračovať.",
+            "emails_heading": "Emailové adresy",
+            "error_add_email": "Nie je možné pridať emailovú adresu",
+            "error_deactivate_communication": "Nastal problém pri komunikácii so serverom. Skúste to prosím znova.",
+            "error_deactivate_invalid_auth": "Server nevrátil späť platné informácie o overení.",
+            "error_deactivate_no_auth": "Server nevyžadoval žiadne overenie",
+            "error_email_verification": "Nie je možné overiť emailovú adresu.",
+            "error_invalid_email": "Nesprávna emailová adresa",
+            "error_invalid_email_detail": "Toto nevyzerá ako platná e-mailová adresa",
+            "error_msisdn_verification": "Nie je možné overiť telefónne číslo.",
+            "error_password_change_403": "Nepodarilo sa zmeniť heslo. Zadali ste správne heslo?",
+            "error_password_change_http": "%(errorMessage)s (HTTP stav %(httpStatus)s)",
+            "error_password_change_title": "Chyba pri zmene hesla",
+            "error_password_change_unknown": "Neznáma chyba pri zmene hesla (%(stringifiedError)s)",
+            "error_remove_3pid": "Nie je možné odstrániť kontaktné informácie",
+            "error_revoke_email_discovery": "Nepodarilo sa zrušiť zdieľanie emailovej adresy",
+            "error_revoke_msisdn_discovery": "Nepodarilo sa zrušiť zdieľanie telefónneho čísla",
+            "error_share_email_discovery": "Nepodarilo sa zdieľať emailovú adresu",
+            "error_share_msisdn_discovery": "Nepodarilo sa zdieľanie telefónneho čísla",
+            "identity_server_no_token": "Nenašiel sa prístupový token totožnosti",
+            "identity_server_not_set": "Server totožnosti nie je nastavený",
+            "invalid_phone_number": "Poskytnuté telefónne číslo sa nezdá byť platné.",
+            "language_section": "Jazyk",
+            "msisdn_adding_unsupported_by_hs": "Tento domovský server nepodporuje pridávanie telefónnych čísel do vášho účtu.",
+            "msisdn_in_use": "Toto telefónne číslo sa už používa",
+            "msisdn_label": "Telefónne číslo",
+            "msisdn_verification_field_label": "Overovací kód",
+            "msisdn_verification_instructions": "Zadajte prosím overovací kód zaslaný prostredníctvom SMS.",
+            "msisdns_heading": "Telefónne čísla",
+            "oidc_manage_button": "Spravovať účet",
+            "password_change_section": "Nastaviť nové heslo k účtu…",
+            "password_change_success": "Vaše heslo bolo úspešne zmenené.",
+            "personal_info": "Osobné informácie",
+            "profile_subtitle": "Takto sa zobrazujete ostatným v aplikácii.",
+            "profile_subtitle_oidc": "Váš účet spravuje oddelene poskytovateľ identity, takže niektoré z vašich osobných údajov tu nie je možné zmeniť.",
+            "remove_email_prompt": "Odstrániť adresu %(email)s?",
+            "remove_msisdn_prompt": "Odstrániť číslo %(phone)s?",
+            "spell_check_locale_placeholder": "Vyberte si jazyk",
+            "unable_to_load_emails": "Nepodarilo sa načítať e-mailové adresy",
+            "unable_to_load_msisdns": "Nie je možné načítať telefónne čísla",
+            "username": "Používateľské meno"
+        },
+        "inline_url_previews_default": "Predvolene povoliť náhľady URL adries",
+        "insert_trailing_colon_mentions": "Vložiť na koniec dvojbodku za zmienkou používateľa na začiatku správy",
+        "invite_controls": {
+            "default_label": "Povoliť používateľom pozývať vás do miestností"
+        },
+        "jump_to_bottom_on_send": "Skok na koniec časovej osi pri odosielaní správy",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Kľúče sa teraz zálohujú z tohto zariadenia.",
+                "backup_setup_success_title": "Bezpečné zálohovanie bolo úspešné",
+                "cancel_warning": "Ak to teraz zrušíte, môžete prísť o zašifrované správy a údaje, ak stratíte prístup k svojim prihlasovacím údajom.",
+                "confirm_security_phrase": "Potvrďte svoju bezpečnostnú frázu",
+                "description": "Zabezpečte sa pred stratou šifrovaných správ a údajov zálohovaním šifrovacích kľúčov na vašom serveri.",
+                "download_or_copy": "%(downloadButton)s alebo %(copyButton)s",
+                "enter_phrase_description": "Zadajte bezpečnostnú frázu, ktorú poznáte len vy, keďže sa používa na ochranu vašich údajov. V záujme bezpečnosti by ste nemali heslo k účtu používať opakovane.",
+                "enter_phrase_title": "Zadajte bezpečnostnú frázu",
+                "enter_phrase_to_confirm": "Zadajte svoju bezpečnostnú frázu znova, aby ste ju potvrdili.",
+                "generate_security_key_description": "Vygenerujeme vám kľúč na obnovenie, ktorý si uložte na bezpečné miesto, napríklad do správcu hesiel alebo do trezoru.",
+                "generate_security_key_title": "Vygenerovať kľúč na obnovenie",
+                "pass_phrase_match_failed": "To sa nezhoduje.",
+                "pass_phrase_match_success": "Zhoda!",
+                "phrase_strong_enough": "Skvelé! Táto bezpečnostná fráza vyzerá dostatočne silná.",
+                "secret_storage_query_failure": "Nie je možné vykonať dopyt na stav tajného úložiska",
+                "security_key_safety_reminder": "Kľúč na obnovenie uložte na bezpečné miesto, napríklad do správcu hesiel alebo trezora, pretože slúži na ochranu zašifrovaných údajov.",
+                "set_phrase_again": "Vráťte sa späť a nastavte to znovu.",
+                "settings_reminder": "Bezpečné zálohovanie a správu kľúčov môžete nastaviť aj v Nastaveniach.",
+                "title_confirm_phrase": "Potvrdiť bezpečnostnú frázu",
+                "title_save_key": "Uložte si svoj kľúč na obnovenie",
+                "title_set_phrase": "Nastaviť bezpečnostnú frázu",
+                "unable_to_setup": "Nie je možné nastaviť tajné úložisko",
+                "use_different_passphrase": "Použiť inú prístupovú frázu?",
+                "use_phrase_only_you_know": "Použite tajnú frázu, ktorú poznáte len vy, a prípadne si uložte kľúč na obnovenie, ktorý môžete použiť na zálohovanie."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Potvrďte prístupovú frázu",
+            "enter_passphrase": "Zadajte prístupovú frázu",
+            "export_description_1": "Tento proces vás prevedie exportom kľúčov určených na dešifrovanie správ, ktoré ste dostali v šifrovaných miestnostiach do lokálneho súboru. Tieto kľúče zo súboru môžete neskôr importovať do iného Matrix klienta, aby ste v ňom mohli dešifrovať vaše šifrované správy.",
+            "export_description_2": "Exportovaný súbor umožní každému, kto si ho môže prečítať, dešifrovať všetky zašifrované správy, ktoré môžete vidieť, preto by ste mali dbať na jeho zabezpečenie. Na pomoc by ste mali nižšie zadať jedinečnú prístupovú frázu, ktorá sa použije len na zašifrovanie exportovaných údajov. Údaje bude možné importovať len pomocou rovnakej prístupovej frázy.",
+            "export_title": "Exportovať kľúče miestností",
+            "file_to_import": "Importovať zo súboru",
+            "import_description_1": "Tento proces vás prevedie importom šifrovacích kľúčov, ktoré ste si v minulosti exportovali v inom Matrix klientovi. Po úspešnom importe budete v tomto klientovi môcť dešifrovať všetky správy, ktoré ste mohli dešifrovať v spomínanom klientovi.",
+            "import_description_2": "Exportovaný súbor bude chránený prístupovou frázou. Tu by ste mali zadať prístupovú frázu, aby ste súbor dešifrovali.",
+            "import_title": "Importovať kľúče miestností",
+            "phrase_cannot_be_empty": "Prístupová fráza nesmie byť prázdna",
+            "phrase_must_match": "Prístupové frázy sa musia zhodovať",
+            "phrase_strong_enough": "Skvelé! Táto bezpečnostná fráza vyzerá dostatočne silná"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Nastavenia:</strong> Klávesnica",
+            "title": "Klávesnica"
+        },
+        "labs": {
+            "dialog_title": "<strong>Nastavenia:</strong> Laboratóriá"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Nastavenia:</strong> Ignorovaní používatelia"
+        },
+        "media_preview": {
+            "hide_avatars": "Skryť obrázky miestnosti a pozývateľa",
+            "hide_media": "Vždy skryť",
+            "media_preview_description": "Skryté médium sa dá vždy zobraziť ťuknutím naň",
+            "media_preview_label": "Zobraziť médiá na časovej osi",
+            "show_in_private": "V súkromných miestnostiach",
+            "show_media": "Vždy zobraziť"
+        },
+        "not_supported": "Váš server túto funkciu nepodporuje.",
+        "notifications": {
+            "default_setting_description": "Toto nastavenie sa predvolene použije pre všetky vaše miestnosti.",
+            "default_setting_section": "Chcem byť upozornený na (predvolené nastavenie)",
+            "desktop_notification_message_preview": "Zobraziť náhľad správy v oznámení na pracovnej ploche",
+            "dialog_title": "<strong>Nastavenia:</strong> Oznámenia",
+            "email_description": "Dostávajte emailový súhrn o zmeškaných oznámeniach",
+            "email_section": "Emailový súhrn",
+            "email_select": "Vyberte e-maily, na ktoré chcete odosielať súhrny. Spravujte svoje e-maily v <button>Všeobecných nastaveniach</button>.",
+            "enable_audible_notifications_session": "Povoliť zvukové oznámenia pre túto reláciu",
+            "enable_desktop_notifications_session": "Povoliť oznámenia na ploche pre túto reláciu",
+            "enable_email_notifications": "Povolenie e-mailových oznámení pre %(email)s",
+            "enable_notifications_account": "Povoliť oznámenia pre tento účet",
+            "enable_notifications_account_detail": "Vypnutím vypnete upozornenia na všetkých svojich zariadeniach a reláciách",
+            "enable_notifications_device": "Povoliť oznámenia pre toto zariadenie",
+            "error_loading": "Pri načítaní nastavení oznámení došlo k chybe.",
+            "error_permissions_denied": "%(brand)s nemá udelené povolenie, aby vám mohol posielať oznámenia - Prosím, skontrolujte nastavenia vašeho prehliadača",
+            "error_permissions_missing": "Aplikácii %(brand)s nebolo udelené povolenie potrebné pre posielanie oznámení - prosím, skúste to znovu",
+            "error_saving": "Chyba pri ukladaní nastavení oznamovania",
+            "error_saving_detail": "Pri ukladaní vašich predvolieb oznámení došlo k chybe.",
+            "error_title": "Nie je možné povoliť oznámenia",
+            "error_updating": "Pri aktualizácii vašich predvolieb oznámení došlo k chybe. Skúste prosím prepnúť možnosť znova.",
+            "invites": "Pozvaný do miestnosti",
+            "keywords": "Zobraziť odznak <badge/> pri použití kľúčových slov v miestnosti.",
+            "keywords_prompt": "Zadajte sem kľúčové slová alebo ich použite pre pravopisné varianty alebo prezývky",
+            "labs_notice_prompt": "<strong>Aktualizácia:</strong>Zjednodušili sme nastavenia oznámení, aby ste ľahšie našli možnosti nastavenia. Niektoré vlastné nastavenia, ktoré ste si vybrali v minulosti, sa tu nezobrazujú, ale sú stále aktívne. Ak budete pokračovať, niektoré vaše nastavenia sa môžu zmeniť. <a>Zistiť viac</a>",
+            "mentions_keywords": "Zmienky a kľúčové slová",
+            "mentions_keywords_only": "Iba zmienky a kľúčové slová",
+            "messages_containing_keywords": "Správy obsahujúce kľúčové slová",
+            "noisy": "Hlasné",
+            "notices": "Správy odosielané robotmi",
+            "notify_at_room": "Upozorniť, keď sa niekto zmieni použitím @miestnosť",
+            "notify_keyword": "Upozorniť, keď niekto použije kľúčové slovo",
+            "notify_mention": "Upozorniť, keď sa niekto zmieni použitím @zobrazovanemeno alebo %(mxid)s",
+            "other_section": "Ďalšie veci, ktoré by vás mohli zaujímať:",
+            "people_mentions_keywords": "Ľudia, zmienky a kľúčové slová",
+            "play_sound_for_description": "Predvolene sa používa na všetky miestnosti na všetkých zariadeniach.",
+            "play_sound_for_section": "Prehrať zvuk pre",
+            "push_targets": "Ciele oznámení",
+            "quick_actions_mark_all_read": "Označiť všetky správy ako prečítané",
+            "quick_actions_reset": "Obnoviť predvolené nastavenia",
+            "quick_actions_section": "Rýchle akcie",
+            "room_activity": "Keď sa vyskytnú nové aktivity v miestnosti, aktualizácie a správy o stave",
+            "rule_call": "Pozvánka na telefonát",
+            "rule_contains_display_name": "Správy obsahujúce moje zobrazované meno",
+            "rule_contains_user_name": "Správy obsahujúce moje meno používateľa",
+            "rule_encrypted": "Šifrované správy v skupinových konverzáciách",
+            "rule_encrypted_room_one_to_one": "Šifrované správy v priamych konverzáciách",
+            "rule_invite_for_me": "Keď ma pozvú do miestnosti",
+            "rule_message": "Správy v skupinových konverzáciách",
+            "rule_room_one_to_one": "Správy v priamych konverzáciách",
+            "rule_roomnotif": "Správy obsahujúce @miestnosť",
+            "rule_suppress_notices": "Správy odosielané robotmi",
+            "rule_tombstone": "Keď sú miestnosti aktualizované",
+            "show_message_desktop_notification": "Zobraziť text správy v oznámení na pracovnej ploche",
+            "voip": "Zvukové a video hovory"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Zabrániť zachytávaniu obsahu okna inými aplikáciami",
+            "Electron.enableHardwareAcceleration": "Povoliť hardvérovú akceleráciu (reštartujte aplikáciu %(appName)s, aby sa prejavila)",
+            "always_show_menu_bar": "Vždy zobraziť hornú lištu okna",
+            "autocomplete_delay": "Oneskorenie automatického dokončovania (ms)",
+            "code_blocks_heading": "Bloky kódu",
+            "compact_modern": "Použiť kompaktnejšie \"moderné\" usporiadanie",
+            "composer_heading": "Písanie správ",
+            "default_timezone": "Predvolená (%(timezone)s) prehliadača",
+            "dialog_title": "<strong>Nastavenia:</strong> Predvoľby",
+            "enable_content_protection": "Povoliť ochranu obsahu",
+            "enable_hardware_acceleration": "Povoliť hardvérovú akceleráciu",
+            "enable_tray_icon": "Zobraziť ikonu na lište a pri zatvorení minimalizovať okno na ňu",
+            "keyboard_heading": "Klávesové skratky",
+            "keyboard_view_shortcuts_button": "Ak chcete zobraziť všetky klávesové skratky, <a>kliknite sem</a>.",
+            "media_heading": "Obrázky, GIF animácie a videá",
+            "presence_description": "Zdieľajte svoju aktivitu a stav s ostatnými.",
+            "publish_timezone": "Zverejniť časové pásmo na verejnom profile",
+            "rm_lifetime": "Platnosť značky Prečítané (ms)",
+            "rm_lifetime_offscreen": "Platnosť značky Prečítané mimo obrazovku (ms)",
+            "room_directory_heading": "Adresár miestností",
+            "room_list_heading": "Zoznam miestností",
+            "show_avatars_pills": "Zobraziť obrázky profilov v zmienkach o používateľoch, miestnostiach a udalostiach",
+            "show_polls_button": "Zobraziť tlačidlo ankiet",
+            "startup_window_behaviour_label": "Spustenie a správanie okna",
+            "surround_text": "Obklopiť vybraný text pri písaní špeciálnych znakov",
+            "time_heading": "Zobrazovanie času",
+            "user_timezone": "Nastaviť časové pásmo"
+        },
+        "prompt_invite": "Upozorniť pred odoslaním pozvánok na potenciálne neplatné Matrix ID",
+        "replace_plain_emoji": "Automaticky nahrádzať textové emotikony modernými",
+        "security": {
+            "analytics_description": "Zdieľajte anonymné údaje, ktoré nám pomôžu identifikovať problémy. Nič osobné. Žiadne tretie strany.",
+            "bulk_options_accept_all_invites": "Prijať všetkých %(invitedRooms)s pozvaní",
+            "bulk_options_reject_all_invites": "Odmietnuť všetky %(invitedRooms)s pozvania",
+            "bulk_options_section": "Hromadné možnosti",
+            "dehydrated_device_description": "Funkcia offline zariadenia vám umožňuje prijímať šifrované správy, aj keď nie ste prihlásení do žiadneho zariadenia",
+            "dehydrated_device_enabled": "Funkcia offline zariadenia je povolená",
+            "dialog_title": "<strong>Nastavenia:</strong> Bezpečnosť a súkromie",
+            "e2ee_default_disabled_warning": "Správca vášho servera predvolene vypol end-to-end šifrovanie v súkromných miestnostiach a v priamych správach.",
+            "enable_message_search": "Povoliť vyhľadávanie správ v šifrovaných miestnostiach",
+            "encryption_section": "Šifrovanie",
+            "ignore_users_empty": "Nemáte žiadnych ignorovaných používateľov.",
+            "ignore_users_section": "Ignorovaní používatelia",
+            "key_backup_algorithm": "Algoritmus:",
+            "message_search_disable_warning": "Ak nie je povolené, správy zo zašifrovaných miestností sa nezobrazia vo výsledkoch vyhľadávania.",
+            "message_search_disabled": "Bezpečne lokálne ukladať zašifrované správy do vyrovnávacej pamäte, aby sa zobrazovali vo výsledkoch vyhľadávania.",
+            "message_search_enabled": {
+                "one": "Bezpečné lokálne ukladanie zašifrovaných správ do vyrovnávacej pamäte, aby sa zobrazovali vo výsledkoch vyhľadávania, použijúc %(size)s na ukladanie správ z %(rooms)s miestnosti.",
+                "other": "Bezpečné lokálne ukladanie zašifrovaných správ do vyrovnávacej pamäte, aby sa zobrazovali vo výsledkoch vyhľadávania, použijúc %(size)s na ukladanie správ z %(rooms)s miestností."
+            },
+            "message_search_failed": "Inicializácia vyhľadávania správ zlyhala",
+            "message_search_indexed_messages": "Indexované správy:",
+            "message_search_indexed_rooms": "Indexované miestnosti:",
+            "message_search_indexing": "Aktuálne sa indexuje: %(currentRoom)s",
+            "message_search_indexing_idle": "V súčasnosti sa neindexujú správy pre žiadnu miestnosť.",
+            "message_search_intro": "%(brand)s bezpečne ukladá zašifrované správy do lokálnej vyrovnávacej pamäte, aby sa mohli zobrazovať vo výsledkoch vyhľadávania:",
+            "message_search_pending_rooms": "Miestnosti čakajúce na indexovanie: %(pendingRooms)s",
+            "message_search_room_progress": "%(doneRooms)s z %(totalRooms)s",
+            "message_search_section": "Vyhľadávanie v správach",
+            "message_search_sleep_time": "Ako rýchlo sa majú správy sťahovať.",
+            "message_search_space_used": "Využitý priestor:",
+            "message_search_unsupported": "%(brand)su chýbajú niektoré komponenty potrebné na bezpečné cachovanie šifrovaných správ lokálne. Pokiaľ chcete experimentovať s touto funkciou, spravte si svoj vlastný %(brand)s Desktop s <nativeLink>pridanými vyhľadávacími komponentami</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s nedokáže bezpečne lokálne ukladať do vyrovnávacej pamäte zašifrované správy, keď je spustený vo webovom prehliadači. Na zobrazenie šifrovaných správ vo výsledkoch vyhľadávania použite <desktopLink>%(brand)s Desktop</desktopLink>.",
+            "record_session_details": "Zaznamenať názov klienta, verziu a url, aby bolo možné ľahšie rozpoznať relácie v správcovi relácií",
+            "send_analytics": "Odosielať analytické údaje",
+            "strict_encryption": "Posielať správy iba overeným používateľom"
+        },
+        "send_read_receipts": "Odosielať potvrdenia o prečítaní",
+        "send_read_receipts_unsupported": "Váš server nepodporuje vypnutie odosielania potvrdení o prečítaní.",
+        "send_typing_notifications": "Posielať oznámenia, keď píšete",
+        "sessions": {
+            "best_security_note": "V záujme čo najlepšieho zabezpečenia overte svoje relácie a odhláste sa z každej relácie, ktorú už nepoznáte alebo nepoužívate.",
+            "confirm_sign_out": {
+                "one": "Potvrďte odhlásenie z tohto zariadenia",
+                "other": "Potvrdiť odhlásenie týchto zariadení"
+            },
+            "confirm_sign_out_body": {
+                "one": "Kliknutím na tlačidlo nižšie potvrdíte odhlásenie tohto zariadenia.",
+                "other": "Kliknutím na tlačidlo nižšie potvrdíte odhlásenie týchto zariadení."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Odhlásiť zariadenie",
+                "other": "Odhlásené zariadenia"
+            },
+            "confirm_sign_out_sso": {
+                "other": "Potvrďte odhlásenie týchto zariadení pomocou jednotného prihlásenia (SSO) na preukázanie svojej totožnosti.",
+                "one": "Potvrďte odhlásenie tohto zariadenia pomocou jednotného prihlásenia (SSO) na preukázanie svojej totožnosti."
+            },
+            "current_session": "Aktuálna relácia",
+            "desktop_session": "Relácia stolného počítača",
+            "details_heading": "Podrobnosti o relácii",
+            "device_unverified_description": "V záujme čo najvyššej bezpečnosti a spoľahlivosti túto reláciu overte alebo sa z nej odhláste.",
+            "device_unverified_description_current": "Overte svoju aktuálnu reláciu pre vylepšené bezpečné zasielanie správ.",
+            "device_verified_description": "Táto relácia je pripravená na bezpečné zasielanie správ.",
+            "device_verified_description_current": "Vaša aktuálna relácia je pripravená na bezpečné zasielanie správ.",
+            "dialog_title": "<strong>Nastavenia:</strong> Relácie",
+            "error_pusher_state": "Nepodarilo sa nastaviť stav push oznámení",
+            "error_set_name": "Nepodarilo sa nastaviť názov relácie",
+            "filter_all": "Všetky",
+            "filter_inactive": "Neaktívne",
+            "filter_inactive_description": "Neaktívny %(inactiveAgeDays)s dní alebo dlhšie",
+            "filter_label": "Filtrovať zariadenia",
+            "filter_unverified_description": "Nie je pripravené na bezpečné zasielanie správ",
+            "filter_verified_description": "Pripravené na bezpečné zasielanie správ",
+            "hide_details": "Skryť podrobnosti",
+            "inactive_days": "Neaktívny počas %(inactiveAgeDays)s+ dní",
+            "inactive_sessions": "Neaktívne relácie",
+            "inactive_sessions_explainer_1": "Neaktívne relácie sú relácie, ktoré ste určitý čas nepoužívali, ale naďalej dostávajú šifrovacie kľúče.",
+            "inactive_sessions_explainer_2": "Odstránenie neaktívnych relácií zvyšuje bezpečnosť a výkon a uľahčuje identifikáciu podozrivých nových relácií.",
+            "inactive_sessions_list_description": "Zvážte odhlásenie zo starých relácií (%(inactiveAgeDays)s dní alebo starších), ktoré už nepoužívate.",
+            "ip": "IP adresa",
+            "last_activity": "Posledná aktivita",
+            "manage": "Spravovať túto reláciu",
+            "mobile_session": "Relácia na mobile",
+            "n_sessions_selected": {
+                "one": "%(count)s vybraná relácia",
+                "few": "%(count)s vybrané relácie",
+                "other": "%(count)s vybraných relácií"
+            },
+            "no_inactive_sessions": "Nenašli sa žiadne neaktívne relácie.",
+            "no_sessions": "Nenašli sa žiadne relácie.",
+            "no_unverified_sessions": "Nenašli sa žiadne neoverené relácie.",
+            "no_verified_sessions": "Nenašli sa žiadne overené relácie.",
+            "other_sessions_heading": "Iné relácie",
+            "push_heading": "Push oznámenia",
+            "push_subheading": "Prijímať push oznámenia v tejto relácii.",
+            "push_toggle": "Prepnúť push oznámenia v tejto relácii.",
+            "rename_form_caption": "Uvedomte si, že názvy relácií sú viditeľné aj pre ľudí, s ktorými komunikujete.",
+            "rename_form_heading": "Premenovať reláciu",
+            "rename_form_learn_more": "Premenovanie relácií",
+            "rename_form_learn_more_description_1": "Ostatní používatelia v priamych správach a miestnostiach, ku ktorým sa pripojíte, môžu vidieť úplný zoznam vašich relácií.",
+            "rename_form_learn_more_description_2": "To im poskytuje istotu, že skutočne komunikujú s vami, ale zároveň to znamená, že vidia názov relácie, ktorý tu zadáte.",
+            "security_recommendations": "Bezpečnostné odporúčania",
+            "security_recommendations_description": "Zlepšite zabezpečenie svojho účtu dodržiavaním týchto odporúčaní.",
+            "session_id": "ID relácie",
+            "show_details": "Zobraziť podrobnosti",
+            "sign_in_with_qr": "Prepojiť nové zariadenie",
+            "sign_in_with_qr_button": "Zobraziť QR kód",
+            "sign_in_with_qr_description": "Pomocou QR kódu sa prihláste do druhého zariadenia a nastavte zabezpečené správy.",
+            "sign_in_with_qr_unsupported": "Nie je podporovaný poskytovateľom vášho účtu",
+            "sign_out": "Odhlásiť sa z tejto relácie",
+            "sign_out_all_other_sessions": "Odhlásiť sa zo všetkých ostatných relácií (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Ste si istí, že sa chcete odhlásiť z %(count)s relácie?",
+                "few": "Ste si istí, že sa chcete odhlásiť z %(count)s relácií?",
+                "other": "Ste si istí, že sa chcete odhlásiť z %(count)s relácií?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Odhlásiť sa z %(count)s relácie",
+                "few": "Odhlásiť sa z %(count)s relácií",
+                "other": "Odhlásiť sa z %(count)s relácií"
+            },
+            "title": "Relácie",
+            "unknown_session": "Neznámy typ relácie",
+            "unverified_session": "Neoverená relácia",
+            "unverified_session_explainer_1": "Táto relácia nepodporuje šifrovanie, a preto ju nemožno overiť.",
+            "unverified_session_explainer_2": "Pri používaní tejto relácie sa nebudete môcť zúčastňovať v miestnostiach, v ktorých je zapnuté šifrovanie.",
+            "unverified_session_explainer_3": "Pre čo najlepšie zabezpečenie a ochranu súkromia sa odporúča používať klientov Matrix, ktorí podporujú šifrovanie.",
+            "unverified_sessions": "Neoverené relácie",
+            "unverified_sessions_explainer_1": "Neoverené relácie sú relácie, ktoré sa prihlásili pomocou vašich poverení, ale neboli krížovo overené.",
+            "unverified_sessions_explainer_2": "Mali by ste si byť obzvlášť istí, že tieto relácie rozpoznávate, pretože by mohli predstavovať neoprávnené používanie vášho účtu.",
+            "unverified_sessions_list_description": "Overte si relácie pre vylepšené bezpečné zasielanie správ alebo sa odhláste z tých, ktoré už nepoznáte alebo nepoužívate.",
+            "url": "URL adresa",
+            "verified_session": "Overená relácia",
+            "verified_sessions": "Overené relácie",
+            "verified_sessions_explainer_1": "Overené relácie sú všade tam, kde používate toto konto po zadaní svojho prístupového hesla alebo po potvrdení vašej totožnosti inou overenou reláciou.",
+            "verified_sessions_explainer_2": "Toto znamená, že máte všetky kľúče potrebné na odomknutie zašifrovaných správ a potvrdzujete ostatným používateľom, že tejto relácii dôverujete.",
+            "verified_sessions_list_description": "V záujme čo najlepšieho zabezpečenia sa odhláste z každej relácie, ktorú už nepoznáte alebo nepoužívate.",
+            "verify_session": "Overiť reláciu",
+            "web_session": "Webová relácia"
+        },
+        "show_avatar_changes": "Zobraziť zmeny profilového obrázka",
+        "show_breadcrumbs": "Zobraziť skratky nedávno zobrazených miestnosti nad zoznamom miestností",
+        "show_chat_effects": "Zobraziť efekty konverzácie (animácie pri prijímaní napr. konfety)",
+        "show_displayname_changes": "Zobrazovať zmeny zobrazovaného mena",
+        "show_join_leave": "Zobraziť správy o pripojení/odchode (pozvania/odstránenia/zákazy nie sú ovplyvnené)",
+        "show_message_previews": "Zobraziť náhľady správ",
+        "show_nsfw_content": "Zobraziť obsah NSFW",
+        "show_read_receipts": "Zobrazovať potvrdenia o prečítaní od ostatných používateľov",
+        "show_redaction_placeholder": "Zobrazovať náhrady za odstránené správy",
+        "show_stickers_button": "Zobraziť tlačidlo nálepiek",
+        "show_typing_notifications": "Zobrazovať oznámenia, keď ostatní používatelia píšu",
+        "showbold": "Zobraziť všetku aktivitu v zozname miestností (bodky alebo počet neprečítaných správ)",
+        "sidebar": {
+            "dialog_title": "<strong>Nastavenia:</strong> Bočný panel",
+            "metaspaces_home_all_rooms": "Zobraziť všetky miestnosti",
+            "metaspaces_home_all_rooms_description": "Zobrazte všetky miestnosti v časti Domov, aj keď sú v priestore.",
+            "metaspaces_home_description": "Domov je užitočný na získanie prehľadu o všetkom.",
+            "metaspaces_orphans": "Miestnosti mimo priestoru",
+            "metaspaces_orphans_description": "Zoskupte všetky miestnosti, ktoré nie sú súčasťou priestoru, na jednom mieste.",
+            "metaspaces_subsection": "Priestory na zobrazenie",
+            "metaspaces_video_rooms": "Video miestnosti a konferencie",
+            "metaspaces_video_rooms_description": "Zoskupte všetky súkromné video miestnosti a konferencie.",
+            "metaspaces_video_rooms_description_invite_extension": "Na konferencie môžete pozývať ľudí aj mimo siete matrix.",
+            "spaces_explainer": "Priestory sú spôsobom zoskupovania miestností a osôb. Popri priestoroch, v ktorých sa nachádzate, môžete použiť aj niektoré predpripravené.",
+            "title": "Bočný panel"
+        },
+        "start_automatically": {
+            "disabled": "Nie",
+            "enabled": "Áno",
+            "label": "Po prihlásení do počítača otvoriť aplikáciu %(brand)s",
+            "minimised": "Minimalizované"
+        },
+        "tac_only_notifications": "Zobraziť upozornenia iba v centre aktivít vlákna",
+        "use_12_hour_format": "Pri zobrazovaní časových značiek používať 12 hodinový formát (napr. 2:30pm)",
+        "use_command_enter_send_message": "Použite Command + Enter na odoslanie správy",
+        "use_command_f_search": "Na vyhľadávanie na časovej osi použite klávesovú skratku Command + F",
+        "use_control_enter_send_message": "Použiť Ctrl + Enter na odoslanie správy",
+        "use_control_f_search": "Na vyhľadávanie na časovej osi použite klávesovú skratku Ctrl + F",
+        "voip": {
+            "allow_p2p": "Povolenie Peer-to-Peer pre hovory 1:1",
+            "allow_p2p_description": "Ak je táto možnosť povolená, druhá strana môže vidieť vašu IP adresu",
+            "audio_input_empty": "Neboli rozpoznané žiadne mikrofóny",
+            "audio_output": "Výstup zvuku",
+            "audio_output_empty": "Neboli rozpoznané žiadne zariadenia pre výstup zvuku",
+            "auto_gain_control": "Automatické riadenie zosilnenia",
+            "dialog_title": "<strong>Nastavenia:</strong> Hlas a video",
+            "echo_cancellation": "Potlačenie ozveny",
+            "enable_fallback_ice_server": "Povoliť náhradnú službu hovorov asistenčného servera (%(server)s)",
+            "enable_fallback_ice_server_description": "Platí len v prípade, ak váš domovský server takúto možnosť neponúka. Vaša IP adresa bude počas hovoru zdieľaná.",
+            "mirror_local_feed": "Zrkadliť lokálne video",
+            "missing_permissions_prompt": "Ak vám chýbajú povolenia na médiá, kliknite na tlačidlo nižšie na ich vyžiadanie.",
+            "noise_suppression": "Potlačenie hluku",
+            "request_permissions": "Požiadať o povolenia pristupovať k médiám",
+            "title": "Zvuk a video",
+            "video_input_empty": "Neboli rozpoznané žiadne kamery",
+            "video_section": "Nastavenia videa",
+            "voice_agc": "Automaticky upraviť hlasitosť mikrofónu",
+            "voice_processing": "Spracovanie hlasu",
+            "voice_section": "Nastavenia hlasu"
+        },
+        "warn_quit": "Upozorniť pred ukončením",
+        "warning": "<w>UPOZORNENIE:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Odkaz skopírovaný",
+        "permalink_message": "Odkaz na vybratú správu",
+        "permalink_most_recent": "Odkaz na najnovšiu správu",
+        "share_call": "Odkaz na pozvánku na konferenciu",
+        "share_call_subtitle": "Odkaz pre externých používateľov na pripojenie k hovoru bez matrix účtu:",
+        "title_link": "Zdieľať odkaz",
+        "title_message": "Zdieľať správu z miestnosti",
+        "title_room": "Zdieľať miestnosť",
+        "title_user": "Zdieľať používateľa"
+    },
+    "slash_command": {
+        "addwidget": "Pridá do miestnosti vlastný widget so zadanou adresou URL",
+        "addwidget_iframe_missing_src": "iframe neobsahuje src atribút",
+        "addwidget_invalid_protocol": "Zadajte https:// alebo http:// URL adresu widgetu",
+        "addwidget_missing_url": "Prosím, zadajte URL widgetu alebo vložte kód",
+        "addwidget_no_permissions": "Nemôžete meniť widgety v tejto miestnosti.",
+        "ban": "Zakáže vstup používateľovi so zadaným ID",
+        "category_actions": "Akcie",
+        "category_admin": "Správca",
+        "category_advanced": "Pokročilé",
+        "category_effects": "Efekty",
+        "category_messages": "Správy",
+        "category_other": "Ďalšie",
+        "command_error": "Chyba príkazu",
+        "converttodm": "Premení miestnosť na priamu správu",
+        "converttoroom": "Premení priamu správu na miestnosť",
+        "could_not_find_room": "Nepodarilo sa nájsť miestnosť",
+        "deop": "Zruší stav moderátor používateľovi so zadaným ID",
+        "devtools": "Otvorí dialóg nástroje pre vývojárov",
+        "discardsession": "Vynúti zrušenie aktuálnej relácie odchádzajúcej skupiny v zašifrovanej miestnosti",
+        "error_invalid_rendering_type": "Chyba príkazu: Nie je možné nájsť typ vykresľovania (%(renderingType)s)",
+        "error_invalid_room": "Príkaz zlyhal: Nepodarilo sa nájsť miestnosť (%(roomId)s",
+        "error_invalid_runfn": "Chyba príkazu: Nie je možné spracovať lomkový príkaz.",
+        "error_invalid_user_in_room": "Nepodarilo sa nájsť používateľa v miestnosti",
+        "help": "Zobrazí zoznam príkazov s popisom a príkladmi použitia",
+        "help_dialog_title": "Pomocník príkazov",
+        "holdcall": "Podrží hovor v aktuálnej miestnosti",
+        "html": "Odošle správu ako HTML, bez interpretácie ako markdown",
+        "ignore": "Ignoruje používateľa a skryje pred vami jeho správy",
+        "ignore_dialog_description": "Od teraz ignorujete používateľa %(userId)s",
+        "ignore_dialog_title": "Ignorovaný používateľ",
+        "invite": "Pošle používateľovi so zadaným ID pozvanie do tejto miestnosti",
+        "invite_3pid_needs_is_error": "Server totožností sa použije na pozývanie používateľov zadaním emailovej adresy. Spravujte v nastaveniach.",
+        "invite_3pid_use_default_is_title": "Použiť server totožností",
+        "invite_3pid_use_default_is_title_description": "Na pozvanie e-mailom použite server identity. Kliknite na tlačidlo Pokračovať, ak chcete použiť predvolený server identity (%(defaultIdentityServerName)s) alebo ho upravte v Nastaveniach.",
+        "invite_failed": "Používateľ (%(user)s) neskončil ako pozvaný do %(roomId)s, ale nástroj pre pozývanie neposkytol žiadnu chybu",
+        "join": "Pridať sa do miestnosti s danou adresou",
+        "jumptodate": "Prejsť na zadaný dátum na časovej osi",
+        "jumptodate_invalid_input": "Nepodarilo sa nám rozpoznať zadaný dátum (%(inputDate)s). Skúste použiť formát RRRR-MM-DD.",
+        "lenny": "Pridá znaky ( ͡° ͜ʖ ͡°) pred správy vo formáte obyčajného textu",
+        "manual_device_verification_confirm_description": "Toto umožní inému zariadeniu odosielať a prijímať správy ako keby ste to boli vy. AK VÁM NIEKTO POVEDAL, ABY STE SEM NIEČO VLOŽILI, JE PRAVDEPODOBNÉ, ŽE IDE PO PODVOD! Ste si istí, že chcete overiť toto iné zariadenie?",
+        "manual_device_verification_confirm_title": "Upozornenie: ručné overenie zariadenia",
+        "me": "Zobrazí akciu",
+        "msg": "Pošle správu danému používateľovi",
+        "myavatar": "Zmení váš profilový obrázok vo všetkých miestnostiach",
+        "myroomavatar": "Zmení váš profilový obrázok len pre túto miestnosť",
+        "myroomnick": "Zmení vaše zobrazované meno / prezývku len v aktuálnej miestnosti",
+        "nick": "Zmení vaše zobrazované meno",
+        "no_active_call": "V tejto miestnosti nie je aktívny žiadny hovor",
+        "op": "Definovať úrovne oprávnenia používateľa",
+        "part_unknown_alias": "Nerozpoznaná adresa miestnosti: %(roomAlias)s",
+        "plain": "Odošle správu ako obyčajný text bez interpretácie ako markdown",
+        "query": "Otvorí konverzáciu s daným používateľom",
+        "query_not_found_phone_number": "Nemožnosť nájsť Matrix ID pre telefónne číslo",
+        "rageshake": "Zaslať chybové hlásenie so záznamami",
+        "rainbow": "Odošle danú správu vo farbe dúhy",
+        "rainbowme": "Odošle daný emotív sfarbený ako dúha",
+        "remove": "Odstráni používateľa s daným ID z tejto miestnosti",
+        "roomavatar": "Zmení obrázok aktuálnej miestnosti",
+        "roomname": "Nastaví názov miestnosti",
+        "server_error": "Chyba servera",
+        "server_error_detail": "Server je nedostupný, preťažený, alebo sa pokazilo niečo iné.",
+        "shrug": "Pridá znaky ¯\\_(ツ)_/¯ pred správy vo formáte obyčajného textu",
+        "spoiler": "Odošle danú správu ako spojler",
+        "tableflip": "Pridá znaky (╯°□°）╯︵ ┻━┻ pred správy vo formáte obyčajného textu",
+        "topic": "Zobrazí alebo nastaví tému miestnosti",
+        "topic_none": "Táto miestnosť nemá nastavenú tému.",
+        "topic_room_error": "Nepodarilo sa získať tému miestnosti: Nepodarilo sa nájsť miestnosť (%(roomId)s",
+        "unban": "Zruší zákaz vstúpiť používateľovi so zadaným ID",
+        "unflip": "Pridá znaky ┬──┬ ノ( ゜-゜ノ) pred správy vo formáte obyčajného textu",
+        "unholdcall": "Zruší podržanie hovoru v aktuálnej miestnosti",
+        "unignore": "Prestane ignorovať používateľa a začne zobrazovať jeho správy",
+        "unignore_dialog_description": "Od teraz viac neignorujete používateľa %(userId)s",
+        "unignore_dialog_title": "Ignorácia zrušená",
+        "unknown_command": "Neznámy príkaz",
+        "unknown_command_button": "Odoslať ako správu",
+        "unknown_command_detail": "Nerozpoznaný príkaz: %(commandText)s",
+        "unknown_command_help": "Na zobrazenie zoznamu dostupných príkazov môžete použiť príkaz <code>/help</code>. Chceli ste to poslať ako správu?",
+        "unknown_command_hint": "Tip: Správu začnite znakom <code>//</code>, aby ste ju začali lomítkom.",
+        "upgraderoom": "Aktualizuje miestnosť na novšiu verziu",
+        "upgraderoom_permission_error": "Na použitie tohoto príkazu nemáte dostatočné povolenia.",
+        "usage": "Použitie",
+        "verify": "Manuálne overte jedno z vašich vlastných zariadení",
+        "view": "Zobrazí miestnosti s danou adresou",
+        "whois": "Zobrazuje informácie o používateľovi"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Starší režim kĺzavej synchronizácie už nie je podporovaný: odhláste sa a znova sa prihláste, aby ste povolili nový príznak kĺzavej synchronizácie",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Chcete namiesto toho pridať novú miestnosť?",
+            "create_prompt": "Vytvoriť novú miestnosť",
+            "dm_heading": "Priame správy",
+            "error_heading": "Neboli pridané všetky vybrané",
+            "progress_text": {
+                "one": "Pridávanie miestnosti...",
+                "few": "Pridávanie miestností... (%(progress)s z %(count)s)",
+                "other": "Pridávanie miestností... (%(progress)s z %(count)s)"
+            },
+            "space_dropdown_label": "Výber priestoru",
+            "space_dropdown_title": "Pridať existujúce miestnosti",
+            "subspace_moved_note": "Pridávanie priestorov bolo presunuté."
+        },
+        "add_existing_subspace": {
+            "create_button": "Vytvoriť nový priestor",
+            "create_prompt": "Chcete namiesto toho pridať nový priestor?",
+            "filter_placeholder": "Hľadať priestory",
+            "space_dropdown_title": "Pridať existujúci priestor"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Pozrite si časovú os miestnosti (devtools)",
+            "explore": "Preskúmať miestnosti",
+            "home": "Domov priestoru",
+            "manage_and_explore": "Spravovať a preskúmať miestnosti",
+            "options": "Možnosti priestoru"
+        },
+        "failed_load_rooms": "Nepodarilo sa načítať zoznam miestností.",
+        "failed_remove_rooms": "Nepodarilo sa odstrániť niektoré miestnosti. Skúste to neskôr",
+        "incompatible_server_hierarchy": "Váš server nepodporuje zobrazovanie hierarchií priestoru.",
+        "invite": "Pozvať ľudí",
+        "invite_description": "Pozvať pomocou e-mailu alebo používateľského mena",
+        "invite_link": "Zdieľať odkaz na pozvánku",
+        "joining_space": "Pripájanie sa",
+        "landing_welcome": "Vitajte v <name/>",
+        "leave_dialog_action": "Opustiť priestor",
+        "leave_dialog_description": "Chystáte sa opustiť <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Ste jediným správcom niektorých miestností alebo priestorov, ktoré chcete opustiť. Ich opustenie ich ponechá bez administrátorov.",
+        "leave_dialog_only_admin_warning": "Ste jediným správcom tohto priestoru. Jeho opustenie bude znamenať, že nad ním nikto nebude mať kontrolu.",
+        "leave_dialog_option_all": "Opustiť všetky miestnosti",
+        "leave_dialog_option_intro": "Chcete opustiť miestnosti v tomto priestore?",
+        "leave_dialog_option_none": "Neopustiť žiadne miestnosti",
+        "leave_dialog_option_specific": "Opustiť niektoré miestnosti",
+        "leave_dialog_public_rejoin_warning": "Nebudete sa môcť znova pripojiť, kým nebudete opätovne pozvaní.",
+        "leave_dialog_title": "Opustiť %(spaceName)s",
+        "mark_suggested": "Označiť ako odporúčanú",
+        "no_search_result_hint": "Možno by ste mali vyskúšať iné vyhľadávanie alebo skontrolovať preklepy.",
+        "preferences": {
+            "sections_section": "Sekcie na zobrazenie",
+            "show_people_in_space": "Týmto spôsobom zoskupíte svoje konverzácie s členmi tohto priestoru. Ak túto funkciu vypnete, tieto konverzácie sa skryjú z vášho zobrazenia %(spaceName)s."
+        },
+        "room_filter_placeholder": "Hľadať miestnosti",
+        "search_children": "Hľadať %(spaceName)s",
+        "search_placeholder": "Vyhľadávanie názvov a popisov",
+        "select_room_below": "Najskôr vyberte miestnosť nižšie",
+        "share_public": "Zdieľajte svoj verejný priestor",
+        "suggested": "Navrhované",
+        "suggested_tooltip": "Táto miestnosť sa odporúča ako vhodná na pripojenie",
+        "title_when_query_available": "Výsledky",
+        "title_when_query_unavailable": "Miestnosti a priestory",
+        "unmark_suggested": "Označiť ako neodporúčaný",
+        "user_lacks_permission": "Nemáte povolenie"
+    },
+    "space_settings": {
+        "title": "Nastavenia - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Zadajte názov nového servera, ktorý chcete preskúmať.",
+            "network_dropdown_add_dialog_placeholder": "Názov servera",
+            "network_dropdown_add_dialog_title": "Pridať nový server",
+            "network_dropdown_add_server_option": "Pridať nový server…",
+            "network_dropdown_available_invalid": "Nemôžeme nájsť tento server alebo jeho zoznam miestností",
+            "network_dropdown_available_invalid_forbidden": "Nemáte povolené zobraziť zoznam miestností tohto servera",
+            "network_dropdown_available_valid": "Vyzerá to super",
+            "network_dropdown_remove_server_adornment": "Odstrániť server \"%(roomServer)s\"",
+            "network_dropdown_required_invalid": "Zadajte názov servera",
+            "network_dropdown_selected_label": "Zobraziť: Matrix miestnosti",
+            "network_dropdown_selected_label_instance": "Zobraziť: %(instance)s miestnosti (%(server)s)",
+            "network_dropdown_your_server_description": "Váš server"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Ak nevidíte toho, koho hľadáte, pošlite im odkaz na pozvánku.",
+        "cant_find_room_helpful_hint": "Ak nemôžete nájsť hľadanú miestnosť, požiadajte o pozvánku alebo vytvorte novú miestnosť.",
+        "copy_link_text": "Kopírovať odkaz na pozvánku",
+        "count_of_members": {
+            "one": "%(count)s člen",
+            "few": "%(count)s členovia",
+            "other": "%(count)s členov"
+        },
+        "create_new_room_button": "Vytvoriť novú miestnosť",
+        "failed_querying_public_rooms": "Nepodarilo sa vyhľadať verejné miestnosti",
+        "failed_querying_public_spaces": "Nepodarilo sa vyžiadať verejné priestory",
+        "group_chat_section_title": "Ďalšie možnosti",
+        "heading_with_query": "Na vyhľadávanie použite \"%(query)s\"",
+        "heading_without_query": "Hľadať",
+        "join_button_text": "Pripojiť sa k %(roomAddress)s",
+        "keyboard_scroll_hint": "Na posúvanie použite <arrows/>",
+        "messages_label": "Správy",
+        "other_rooms_in_space": "Ostatné miestnosti v %(spaceName)s",
+        "public_rooms_label": "Verejné miestnosti",
+        "public_spaces_label": "Verejné priestory",
+        "recent_searches_section_title": "Nedávne vyhľadávania",
+        "recently_viewed_section_title": "Nedávno zobrazené",
+        "remove_filter": "Odstrániť filter vyhľadávania pre %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Niektoré výsledky môžu byť skryté kvôli ochrane súkromia",
+        "result_may_be_hidden_warning": "Niektoré výsledky môžu byť skryté",
+        "search_dialog": "Vyhľadávacie dialógové okno",
+        "spaces_title": "Priestory, v ktorých sa nachádzate",
+        "start_group_chat_button": "Začať skupinovú konverzáciu"
+    },
+    "stickers": {
+        "empty": "Momentálne nemáte aktívne žiadne balíčky s nálepkami",
+        "empty_add_prompt": "Pridajte si nejaké teraz"
+    },
+    "terms": {
+        "column_document": "Dokument",
+        "column_service": "Služba",
+        "column_summary": "Zhrnutie",
+        "identity_server_no_terms_description_1": "Táto akcia vyžaduje prístup k predvolenému serveru totožností <server /> na overenie emailovej adresy alebo telefónneho čísla, ale server nemá žiadne podmienky používania.",
+        "identity_server_no_terms_description_2": "Pokračujte len v prípade, že dôverujete prevádzkovateľovi servera.",
+        "identity_server_no_terms_title": "Server totožností nemá žiadne podmienky poskytovania služieb",
+        "inline_intro_text": "Ak chcete pokračovať, musíte prijať <policyLink />:",
+        "integration_manager": "Použiť boty, premostenia, widgety a balíčky s nálepkami",
+        "intro": "Ak chcete pokračovať, musíte prijať podmienky tejto služby.",
+        "summary_identity_server_1": "Nájsť ostatných pomocou telefónu alebo e-mailu",
+        "summary_identity_server_2": "Byť nájdený pomocou telefónu alebo e-mailu",
+        "tac_button": "Prečítať zmluvné podmienky",
+        "tac_description": "Ak chcete aj naďalej používať domovský server %(homeserverDomain)s, mali by ste si prečítať a odsúhlasiť naše zmluvné podmienky.",
+        "tac_title": "Zmluvné podmienky",
+        "tos": "Podmienky poskytovania služby"
+    },
+    "theme": {
+        "light_high_contrast": "Ľahký vysoký kontrast",
+        "match_system": "Prispôsobiť systému"
+    },
+    "thread_view_back_action_label": "Späť na vlákno",
+    "threads": {
+        "all_threads": "Všetky vlákna",
+        "all_threads_description": "Zobrazí všetky vlákna z aktuálnej miestnosti",
+        "count_of_reply": {
+            "one": "%(count)s odpoveď",
+            "few": "%(count)s odpovede",
+            "other": "%(count)s odpovedí"
+        },
+        "empty_description": "Použite „%(replyInThread)s“, keď umiestnite kurzor myši nad správu.",
+        "empty_title": "Vlákna pomáhajú udržiavať vaše konverzácie k téme a ľahko sledovateľné.",
+        "mark_all_read": "Označiť všetko ako prečítané",
+        "my_threads": "Moje vlákna",
+        "my_threads_description": "Zobrazí všetky vlákna, v ktorých ste sa zúčastnili",
+        "open_thread": "Otvoriť vlákno",
+        "show_thread_filter": "Zobraziť:"
+    },
+    "threads_activity_centre": {
+        "header": "Aktivita vlákien",
+        "no_rooms_with_threads_notifs": "Zatiaľ nemáte miestnosti s upozorneniami na vlákna.",
+        "no_rooms_with_unread_threads": "Zatiaľ nemáte miestnosti s neprečítanými vláknami."
+    },
+    "time": {
+        "date_at_time": "%(date)s o %(time)s",
+        "hours_minutes_seconds_left": "ostáva %(hours)sh %(minutes)sm %(seconds)ss",
+        "left": "zostáva %(timeRemaining)s",
+        "minutes_seconds_left": "ostáva %(minutes)sm %(seconds)ss",
+        "seconds_left": "%(seconds)ss ostáva",
+        "short_days": "%(value)sd",
+        "short_days_hours_minutes_seconds": "%(days)sd %(hours)sh %(minutes)sm %(seconds)ss",
+        "short_hours": "%(value)sh",
+        "short_hours_minutes_seconds": "%(hours)sh %(minutes)sm %(seconds)ss",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)ss",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Zbaliť vlákno odpovedí",
+            "external_url": "Pôvodná URL",
+            "open_in_osm": "Otvoriť v OpenStreetMap",
+            "report": "Nahlásiť",
+            "resent_unsent_reactions": "Opätovné odoslanie %(unsentCount)s reakcií",
+            "show_url_preview": "Zobraziť náhľad",
+            "view_related_event": "Zobraziť súvisiacu udalosť",
+            "view_source": "Zobraziť zdroj"
+        },
+        "creation_summary_dm": "%(creator)s vytvoril/a túto priamu správu.",
+        "creation_summary_room": "%(creator)s vytvoril a nastavil miestnosť.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Overená totožnosť odosielateľa sa zmenila",
+            "unable_to_decrypt": "Správu sa nepodarilo dešifrovať"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Preberanie",
+        "download_failed": "Sťahovanie zlyhalo",
+        "download_failed_description": "Pri sťahovaní tohto súboru sa vyskytla chyba",
+        "edits": {
+            "tooltip_label": "Upravené %(date)s. Kliknutím zobrazíte úpravy.",
+            "tooltip_sub": "Kliknutím zobrazíte úpravy",
+            "tooltip_title": "Upravené %(date)s"
+        },
+        "error_no_renderer": "Nie je možné zobraziť túto udalosť",
+        "error_rendering_message": "Nemožno načítať túto správu",
+        "historical_messages_unavailable": "Nemôžete vidieť predchádzajúce správy",
+        "in_room_name": " v <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s aktualizoval usporiadanie miestnosti",
+        "late_event_separator": "Pôvodne odoslané %(dateTime)s",
+        "load_error": {
+            "no_permission": "Pri pokuse načítať konkrétny bod v histórii tejto miestnosti sa vyskytla chyba, nemáte povolenie na zobrazenie zodpovedajúcej správy.",
+            "title": "Nepodarilo sa načítať pozíciu na časovej osi",
+            "unable_to_find": "Pokus o načítanie konkrétneho bodu na časovej osi tejto miestnosti, ale nepodarilo sa ho nájsť."
+        },
+        "m.audio": {
+            "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Zobraziť polohu v reálnom čase"
+        },
+        "m.call": {
+            "video_call_ended": "Videohovor ukončený",
+            "video_call_started": "Videohovor sa začal v %(roomName)s.",
+            "video_call_started_text": "%(name)s začal/a videohovor",
+            "video_call_started_unsupported": "Videohovor sa začal v %(roomName)s. (nie je podporované v tomto prehliadači)"
+        },
+        "m.call.hangup": {
+            "dm": "Hovor skončil"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Hovor prijatý inde",
+            "call_back_prompt": "Zavolať späť",
+            "declined": "Hovor odmietnutý",
+            "failed_connect_media": "Nepodarilo sa pripojiť médiá",
+            "failed_connection": "Pripojenie zlyhalo",
+            "failed_opponent_media": "Ich zariadenie nemohlo spustiť kameru alebo mikrofón",
+            "missed_call": "Zmeškaný hovor",
+            "no_answer": "Žiadna odpoveď",
+            "unknown_error": "Vyskytla sa neznáma chyba",
+            "unknown_failure": "Neznáma chyba: %(reason)s",
+            "unknown_state": "Hovor je v neznámom stave!",
+            "video_call": "%(senderName)s uskutočnil video hovor.",
+            "video_call_unsupported": "%(senderName)s uskutočnil video hovor. (Nepodporované týmto prehliadačom)",
+            "voice_call": "%(senderName)s uskutočnil telefonát.",
+            "voice_call_unsupported": "%(senderName)s uskutočnil telefonát. (Nepodporované týmto prehliadačom)"
+        },
+        "m.file": {
+            "error_decrypting": "Chyba pri dešifrovaní prílohy"
+        },
+        "m.image": {
+            "error": "Nie je možné zobraziť obrázok kvôli chybe",
+            "error_decrypting": "Chyba pri dešifrovaní obrázka",
+            "error_downloading": "Chyba pri sťahovaní obrázku",
+            "sent": "%(senderDisplayName)s poslal obrázok.",
+            "show_image": "Zobraziť obrázok"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s chce overiť",
+            "you_started": "Odoslali ste žiadosť o overenie"
+        },
+        "m.location": {
+            "full": "%(senderName)s zdieľal svoju polohu",
+            "location": "Zdieľal/a polohu: ",
+            "self_location": "Zdieľali svoju polohu: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s hlas",
+                "few": "%(count)s hlasy",
+                "other": "%(count)s hlasov"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s ukončil anketu"
+        },
+        "m.poll.start": "%(senderName)s spustil anketu - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s zmenil obrázok miestnosti.",
+            "lightbox_title": "%(senderDisplayName)s zmenil obrázok miestnosti %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s pridal/a alternatívne adresy %(addresses)s pre túto miestnosť.",
+                "one": "%(senderName)s pridal/a alternatívnu adresu %(addresses)s pre túto miestnosť."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s odstránil/a alternatívne adresy %(addresses)s pre túto miestnosť.",
+                "one": "%(senderName)s odstránil/a alternatívnu adresu %(addresses)s pre túto miestnosť."
+            },
+            "changed": "%(senderName)s zmenil/a adresy pre túto miestnosť.",
+            "changed_alternative": "%(senderName)s zmenil/a alternatívne adresy pre túto miestnosť.",
+            "changed_main_and_alternative": "%(senderName)s zmenil/a hlavnú a alternatívne adresy pre túto miestnosť.",
+            "removed": "%(senderName)s odstránil hlavnú adresu tejto miestnosti.",
+            "set": "%(senderName)s nastavil hlavnú adresu tejto miestnosti %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Táto miestnosť je pokračovaním staršej konverzácii.",
+            "see_older_messages": "Kliknutím sem zobrazíte staršie správy.",
+            "unknown_predecessor": "Nie je možné nájsť starú verziu tejto miestnosti (ID miestnosti: %(roomId)s) a nebol nám poskytnutý parameter 'via_servers' na jej vyhľadanie.",
+            "unknown_predecessor_guess_server": "Nie je možné nájsť starú verziu tejto miestnosti (ID miestnosti: %(roomId)s) a nebol nám poskytnutý parameter 'via_servers' na jej vyhľadanie. Je možné, že uhádnutie servera na základe ID miestnosti bude fungovať. Ak to chcete skúsiť, kliknite na tento odkaz:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s umožnil hosťom vstúpiť do miestnosti.",
+            "forbidden": "%(senderDisplayName)s zamedzil hosťom vstúpiť do miestnosti.",
+            "unknown": "%(senderDisplayName)s zmenil prístup hostí na %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s sprístupnil budúcu históriu miestnosti pre nových členov, od kedy boli pozvaní.",
+            "joined": "%(senderName)s sprístupnil budúcu históriu miestnosti pre všetkých členov, od kedy vstúpili.",
+            "shared": "%(senderName)s sprístupnil budúcu históriu miestnosti pre všetkých členov.",
+            "unknown": "%(senderName)s sprístupnil budúcu históriu miestnosti neznámym (%(visibility)s).",
+            "world_readable": "%(senderName)s sprístupnil budúcu históriu miestnosti pre každého."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s nastavil vstup do miestnosti len pre pozvaných.",
+            "knock": "%(senderDisplayName)s zmenil/a pravidlo pripojenia na žiadosť o vstup.",
+            "public": "%(senderDisplayName)s zverejnil túto miestnosť pre všetkých, ktorí poznajú jej odkaz.",
+            "restricted": "%(senderDisplayName)s zmenil, kto sa môže pripojiť k tejto miestnosti.",
+            "restricted_settings": "%(senderDisplayName)s zmenil/a, kto sa môže pripojiť k tejto miestnosti. <a>Zobraziť nastavenia</a>.",
+            "unknown": "%(senderDisplayName)s zmenil podmienku vstupu na %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s prijal/a pozvanie pre %(displayName)s",
+            "accepted_invite": "%(targetName)s prijal/a pozvanie",
+            "ban": "%(senderName)s zakázal používateľa %(targetName)s",
+            "ban_reason": "%(senderName)s zakázal používateľa %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s zmenil/a svoj profilový obrázok",
+            "change_name": "%(oldDisplayName)s zmenil/a svoje meno na %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s zmenil/a svoje zobrazované meno a profilový obrázok",
+            "invite": "%(senderName)s pozval/a používateľa %(targetName)s",
+            "join": "%(targetName)s vstúpil do miestnosti",
+            "kick": "%(senderName)s odstránil používateľa %(targetName)s",
+            "kick_reason": "%(senderName)s odstránil používateľa %(targetName)s: %(reason)s",
+            "left": "%(targetName)s opustil/a miestnosť",
+            "left_reason": "%(targetName)s opustil/a miestnosť: %(reason)s",
+            "no_change": "%(senderName)s neurobil žiadne zmeny",
+            "reject_invite": "%(targetName)s odmietol/a pozvánku",
+            "reject_invite_reason": "%(targetName)s odmietol/a pozvanie: %(reason)s",
+            "remove_avatar": "%(senderName)s odstránil/a svoj profilový obrázok",
+            "remove_name": "%(senderName)s odstránil svoje zobrazované meno (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s nastavil/a svoj profilový obrázok",
+            "set_name": "%(senderName)s nastavil/a svoje zobrazované meno na %(displayName)s",
+            "unban": "%(senderName)s zrušil/a zákaz pre %(targetName)s",
+            "withdrew_invite": "%(senderName)s odvolal pozvanie od %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s odvolal pozvanie od %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s zmenil/a meno miestnosti z %(oldRoomName)s na %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s odstránil názov miestnosti.",
+            "set": "%(senderDisplayName)s zmenil názov miestnosti na %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s zmenil pripnuté správy pre túto miestnosť.",
+            "changed_link": "%(senderName)s zmenil <a>pripnuté správy</a> pre túto miestnosť.",
+            "pinned": "%(senderName)s pripol správu v tejto miestnosti. Pozrite si všetky pripnuté správy.",
+            "pinned_link": "%(senderName)s pripol <a>správu</a> v tejto miestnosti. Pozrite si všetky <b>pripnuté správy</b>.",
+            "unpinned": "%(senderName)s odopol správu v tejto miestnosti. Pozrite si všetky pripnuté správy.",
+            "unpinned_link": "%(senderName)s odopol <a>správu</a> v tejto miestnosti. Pozrite si všetky <b>pripnuté správy</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s zmenil úroveň oprávnenia pre %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s z %(fromPowerLevel)s na %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s odvolal pozvanie vstúpiť do miestnosti pre %(targetDisplayName)s.",
+            "sent": "%(senderName)s pozval %(targetDisplayName)s vstúpiť do miestnosti."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s aktualizoval túto miestnosť.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s zmenil tému na \"%(topic)s\".",
+            "removed": "%(senderDisplayName)s odstránil/a tému."
+        },
+        "m.sticker": "%(senderDisplayName)s poslal nálepku.",
+        "m.video": {
+            "error_decrypting": "Chyba pri dešifrovaní videa",
+            "show_video": "Zobraziť video"
+        },
+        "m.widget": {
+            "added": "%(senderName)s pridal widget %(widgetName)s",
+            "jitsi_ended": "Videokonferencia ukončená používateľom %(senderName)s",
+            "jitsi_join_right_prompt": "Pripojte sa ku konferencii z informačnej karty miestnosti vpravo",
+            "jitsi_join_top_prompt": "Pripojte sa ku konferencii v hornej časti tejto miestnosti",
+            "jitsi_started": "Videokonferencia spustená používateľom %(senderName)s",
+            "jitsi_updated": "Videokonferencia aktualizovaná používateľom %(senderName)s",
+            "modified": "%(senderName)s zmenil widget %(widgetName)s",
+            "removed": "%(senderName)s odstránil widget %(widgetName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Kopírovať odkaz na vlákno",
+            "view_in_room": "Zobraziť v miestnosti"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s aktualizoval pravidlo zakázať vstúpiť pôvodne sa zhodujúce s %(oldGlob)s na %(newGlob)s, dôvod: %(reason)s",
+            "changed_rule_rooms": "%(senderName)s zmenil pravidlo zakázať vstúpiť do miestností pôvodne zhodujúcich sa s %(oldGlob)s na miestnosti zhodujúce sa s %(newGlob)s, dôvod: %(reason)s",
+            "changed_rule_servers": "%(senderName)s zmenil pravidlo, ktoré zakazovalo servery zodpovedajúce %(oldGlob)s na zodpovedajúce %(newGlob)s z %(reason)s",
+            "changed_rule_users": "%(senderName)s zmenil pravidlo zakázať vstúpiť používateľom pôvodne zhodujúcich sa s %(oldGlob)s na používateľov zhodujúcich sa s %(newGlob)s, dôvod: %(reason)s",
+            "created_rule": "%(senderName)s vytvoril pravidlo zakázať vstúpiť zhodujúce sa s %(glob)s, dôvod: %(reason)s",
+            "created_rule_rooms": "%(senderName)s vytvoril pravidlo zakázať vstúpiť do miestností zhodujúcich sa s %(glob)s, dôvod: %(reason)s",
+            "created_rule_servers": "%(senderName)s vytvoril pravidlo zakázať vstúpiť z domovských serverov zhodujúcich sa s %(glob)s, dôvod: %(reason)s",
+            "created_rule_users": "%(senderName)s vytvoril pravidlo zakázať vstúpiť používateľom zhodujúcim sa s %(glob)s, dôvod: %(reason)s",
+            "removed_rule": "%(senderName)s odstránil pravidlo zákazu vstupu zhodné s %(glob)s",
+            "removed_rule_rooms": "%(senderName)s odstránil pravidlo zákaz vstúpiť do miestností zhodujúcich sa s %(glob)s",
+            "removed_rule_servers": "%(senderName)s odstránil pravidlo zakázať vstúpiť z domovského servera zhodnými s %(glob)s",
+            "removed_rule_users": "%(senderName)s odstránil pravidlo zákazu vstúpiť používateľom zhodujúcich sa s %(glob)s",
+            "updated_invalid_rule": "%(senderName)s aktualizoval neplatné pravidlo zákazu vstúpiť",
+            "updated_rule": "%(senderName)s aktualizoval pravidlo zakázať vstúpiť zhodujúce sa s %(glob)s, dôvod: %(reason)s",
+            "updated_rule_rooms": "%(senderName)s aktualizoval pravidlo zakázať vstúpiť do miestností shodujúcich sa s %(glob)s, dôvod: %(reason)s",
+            "updated_rule_servers": "%(senderName)s aktualizoval pravidlo zakázať vstúpiť z domovských serverov zhodujúcich sa s %(glob)s, dôvod: %(reason)s",
+            "updated_rule_users": "%(senderName)s aktualizoval pravidlo zákazu vstúpiť používateľom zhodujúcim sa s %(glob)s, dôvod: %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Nemáte povolenie na zobrazenie správ z obdobia pred vaším pozvaním.",
+        "no_permission_messages_before_join": "Nemáte oprávnenie na zobrazenie správ z obdobia pred vaším vstupom.",
+        "pending_moderation": "Správa čaká na moderovanie",
+        "pending_moderation_reason": "Správa čaká na moderáciu: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Pridať reakciu",
+            "custom_reaction_fallback_label": "Vlastná reakcia",
+            "label": "%(reactors)s reagovali %(content)s",
+            "tooltip_caption": "reagoval/a s %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Videl %(count)s človek",
+            "few": "Videli %(count)s ľudia",
+            "other": "Videlo %(count)s ľudí"
+        },
+        "read_receipts_label": "Potvrdenia o prečítaní",
+        "redacted": {
+            "tooltip": "Správa odstránená dňa %(date)s"
+        },
+        "redaction": "Správa vymazaná používateľom %(name)s",
+        "reply": {
+            "error_loading": "Nie je možné načítať udalosť odkazovanú v odpovedi. Takáto udalosť buď neexistuje alebo nemáte povolenie na jej zobrazenie.",
+            "in_reply_to": "<a>Odpoveď na</a> <pill>",
+            "in_reply_to_for_export": "V odpovedi na <a>túto správu</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Budete presmerovaní na stránku tretej strany, aby ste mohli overiť svoj účet na použitie s %(integrationsUrl)s. Chcete pokračovať?",
+            "dialog_title": "Pridať integráciu"
+        },
+        "self_redaction": "Správa vymazaná",
+        "send_state_encrypting": "Šifrovanie vašej správy…",
+        "send_state_failed": "Nepodarilo sa odoslať",
+        "send_state_sending": "Odosielanie vašej správy…",
+        "send_state_sent": "Vaša správa bola odoslaná",
+        "summary": {
+            "banned": {
+                "one": "mal zakázaný vstup",
+                "few": "mal %(count)s-krát zakázaný vstup",
+                "other": "mal %(count)s-krát zakázaný vstup"
+            },
+            "banned_multiple": {
+                "one": "mali zakázaný vstup",
+                "few": "mali %(count)s-krát zakázaný vstup",
+                "other": "mali %(count)s-krát zakázaný vstup"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)s zmenil/a svoj profilový obrázok",
+                "few": "%(oneUser)s si zmenil svoj profilový obrázok %(count)s-krát",
+                "other": "%(oneUser)s si zmenil svoj profilový obrázok %(count)s-krát"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)szmenilo svoj profilový obrázok",
+                "few": "%(severalUsers)ssi zmenili %(count)s-krát profilový obrázok",
+                "other": "%(severalUsers)ssi zmenilo %(count)s-krát profilový obrázok"
+            },
+            "changed_name": {
+                "one": "%(oneUser)ssi zmenil meno",
+                "few": "%(oneUser)ssi %(count)s-krát zmenil meno",
+                "other": "%(oneUser)ssi %(count)s-krát zmenil meno"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)ssi zmenili meno",
+                "few": "%(severalUsers)ssi %(count)s-krát zmenili meno",
+                "other": "%(severalUsers)ssi %(count)s-krát zmenili meno"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)sposlal/a skrytú správu",
+                "few": "%(oneUser)sposlal/a %(count)s skryté správy",
+                "other": "%(oneUser)sposlal/a %(count)s skrytých správ"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)sposlalo skrytú správu",
+                "few": "%(severalUsers)sposlali %(count)s skryté správy",
+                "other": "%(severalUsers)sposlalo %(count)s skrytých správ"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)s ",
+                "few": "%(oneUser)s odvolal svoje pozvanie %(count)s-krát",
+                "other": "%(oneUser)s odvolal svoje pozvanie %(count)s-krát"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)s odvolali svoje pozvanie",
+                "few": "%(severalUsers)s odvolali svoje pozvanie %(count)s-krát",
+                "other": "%(severalUsers)s odvolali svoje pozvanie %(count)s-krát"
+            },
+            "invited": {
+                "one": "bol pozvaný",
+                "few": "bol %(count)s-krát pozvaný",
+                "other": "bol %(count)s-krát pozvaný"
+            },
+            "invited_multiple": {
+                "one": "boli pozvaní",
+                "few": "boli %(count)s-krát pozvaní",
+                "other": "boli %(count)s-krát pozvaní"
+            },
+            "joined": {
+                "one": "%(oneUser)ssa pripojil",
+                "few": "%(oneUser)ssa pripojil %(count)s-krát",
+                "other": "%(oneUser)ssa pripojil %(count)s-krát"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)svstúpil a odišiel",
+                "few": "%(oneUser)s%(count)s-krát vstúpil a odišiel",
+                "other": "%(oneUser)s%(count)s-krát vstúpil a odišiel"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)svstúpili a odišli",
+                "few": "%(severalUsers)s%(count)s-krát vstúpili a odišli",
+                "other": "%(severalUsers)s%(count)s-krát vstúpili a odišli"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)svstúpili",
+                "few": "%(severalUsers)s%(count)s-krát vstúpili",
+                "other": "%(severalUsers)s%(count)s-krát vstúpili"
+            },
+            "kicked": {
+                "one": "bol odstránený",
+                "few": "bol odstránený %(count)s-krát",
+                "other": "bol odstránený %(count)s-krát"
+            },
+            "kicked_multiple": {
+                "one": "bol odstránený",
+                "few": "boli odstránení %(count)s-krát",
+                "other": "boli odstránení %(count)s-krát"
+            },
+            "left": {
+                "one": "%(oneUser)sodišiel/a",
+                "few": "%(oneUser)s%(count)s-krát odišiel",
+                "other": "%(oneUser)s%(count)s-krát odišiel"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)sopustili",
+                "few": "%(severalUsers)s%(count)s-krát opustili",
+                "other": "%(severalUsers)s%(count)s-krát opustili"
+            },
+            "no_change": {
+                "one": "%(oneUser)snespravil žiadne zmeny",
+                "few": "%(oneUser)s nevykonal žiadne zmeny %(count)s-krát",
+                "other": "%(oneUser)s nevykonal žiadne zmeny %(count)s-krát"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)snespravili žiadne zmeny",
+                "few": "%(severalUsers)s nevykonali žiadne zmeny %(count)s-krát",
+                "other": "%(severalUsers)s nevykonali žiadne zmeny %(count)s-krát"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)szmenil <a>pripnuté správy</a> v miestnosti",
+                "few": "%(oneUser)szmenil <a>pripnuté správy</a> v miestnosti %(count)s-krát",
+                "other": "%(oneUser)szmenil <a>pripnuté správy</a> v miestnosti %(count)s-krát"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)szmenili <a>pripnuté správy</a> v miestnosti",
+                "few": "%(severalUsers)szmenili <a>pripnuté správy</a> v miestnosti %(count)s-krát",
+                "other": "%(severalUsers)szmenili <a>pripnuté správy</a> v miestnosti %(count)s-krát"
+            },
+            "redacted": {
+                "one": "%(oneUser)s odstránil správu",
+                "few": "%(oneUser)s odstránil/a %(count)s správy",
+                "other": "%(oneUser)s odstránil/a %(count)s správ"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s odstránili správu",
+                "few": "%(severalUsers)sodstránili %(count)s správy",
+                "other": "%(severalUsers)sodstránili %(count)s správ"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)sodmietol pozvanie",
+                "few": "%(oneUser)s%(count)s-krát odmietol pozvanie",
+                "other": "%(oneUser)s%(count)s-krát odmietol pozvanie"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)sodmietli pozvanie",
+                "few": "%(severalUsers)s%(count)s-krát odmietli pozvanie",
+                "other": "%(severalUsers)s%(count)s-krát odmietli pozvanie"
+            },
+            "rejoined": {
+                "one": "%(oneUser)sodišiel a znovu vstúpil",
+                "few": "%(oneUser)s%(count)s-krát odišiel a znovu vstúpil",
+                "other": "%(oneUser)s%(count)s-krát odišiel a znovu vstúpil"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)sopustili a znovu vstúpili",
+                "few": "%(severalUsers)s%(count)s-krát odišli a znovu vstúpili",
+                "other": "%(severalUsers)s%(count)s-krát odišli a znovu vstúpili"
+            },
+            "unbanned": {
+                "other": "mal %(count)s krát povolený vstup",
+                "one": "mal povolený vstup"
+            },
+            "unbanned_multiple": {
+                "other": "mali %(count)s krát povolený vstup",
+                "one": "mali povolený vstup"
+            }
+        },
+        "thread_info_basic": "Z vlákna",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s a %(count)s ďalší píšu …",
+                "one": "%(names)s a jeden ďalší píše …"
+            },
+            "one_user": "%(displayName)s píše …",
+            "two_users": "%(names)s a %(lastPerson)s píšu …"
+        },
+        "undecryptable_tooltip": "Túto správu sa nepodarilo dešifrovať"
+    },
+    "truncated_list_n_more": {
+        "other": "A %(count)s ďalších…"
+    },
+    "unsupported_browser": {
+        "description": "Ak budete pokračovať, niektoré funkcie môžu prestať fungovať a existuje riziko, že v budúcnosti stratíte údaje. Aktualizujte svoj prehliadač, aby ste mohli pokračovať v používaní aplikácie %(brand)s.",
+        "title": "%(brand)s nepodporuje tento prehliadač"
+    },
+    "unsupported_server_description": "Tento server používa staršiu verziu systému Matrix. Ak chcete používať %(brand)s bez chýb, aktualizujte na Matrix %(version)s.",
+    "unsupported_server_title": "Váš server nie je podporovaný",
+    "update": {
+        "changelog": "Zoznam zmien",
+        "check_action": "Skontrolovať dostupnosť aktualizácie",
+        "checking": "Kontrola dostupnosti aktualizácie…",
+        "downloading": "Sťahovanie aktualizácie…",
+        "error_encountered": "Vyskytla sa chyba (%(errorDetail)s).",
+        "error_unable_load_commit": "Nie je možné načítať podrobnosti pre commit: %(msg)s",
+        "new_version_available": "Je dostupná nová verzia. <a>Aktualizovať.</a>",
+        "no_update": "K dispozícii nie je žiadna aktualizácia.",
+        "release_notes_toast_title": "Čo Je Nové",
+        "see_changes_button": "Čo je nové?",
+        "toast_description": "K dispozícii je nová verzia %(brand)s",
+        "toast_title": "Aktualizovať %(brand)s",
+        "unavailable": "Nedostupné"
+    },
+    "update_room_access_modal": {
+        "description": "Ak chcete vytvoriť odkaz na zdieľanie, nastavte túto miestnosť ako <b> verejnú</b> alebo povolte používateľom možnosť <b>požiadať o pripojenie</b>. To umožní hosťom pripojiť sa bez pozvánky.",
+        "dont_change_description": "Ak nechcete zmeniť prístup do tejto miestnosti, môžete vytvoriť novú miestnosť pre odkaz na hovor.",
+        "no_change": "Nechcem zmeniť úroveň prístupu.",
+        "revert_access_description": "(Túto hodnotu je možné vrátiť na predchádzajúcu hodnotu v nastaveniach miestnosti: <b>Zabezpečenie a súkromie</b> / <b>Prístup</b>)",
+        "title": "Povoliť hosťom pripojiť sa k tejto miestnosti"
+    },
+    "upload_failed_generic": "Nepodarilo sa nahrať súbor „%(fileName)s“.",
+    "upload_failed_size": "Veľkosť súboru „%(fileName)s“ prekračuje limit veľkosti súboru nahrávania na tento domovský server",
+    "upload_failed_title": "Nahrávanie zlyhalo",
+    "upload_file": {
+        "cancel_all_button": "Zrušiť všetky",
+        "error_file_too_large": "Tento súbor je <b>príliš veľký</b> na odoslanie. Limit veľkosti súboru je %(limit)s, ale tento súbor má %(sizeOfThisFile)s.",
+        "error_files_too_large": "Tieto súbory sú <b>príliš veľké</b> na nahratie. Limit veľkosti súboru je %(limit)s.",
+        "error_some_files_too_large": "Niektoré súbory sú <b>príliš veľké</b> na to, aby sa dali nahrať. Limit veľkosti súboru je %(limit)s.",
+        "error_title": "Chyba pri nahrávaní",
+        "not_image": "Súbor, ktorý ste vybrali, nie je platným súborom obrázka.",
+        "title": "Nahrať súbory",
+        "title_progress": "Nahrať súbory (%(current)s z %(total)s)",
+        "upload_all_button": "Nahrať všetko",
+        "upload_n_others_button": {
+            "one": "Nahrať %(count)s ďalší súbor",
+            "other": "Nahrať %(count)s ďalších súborov"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Nástroje správcu",
+        "ban_button_room": "Zakázať vstup do miestnosti",
+        "ban_button_space": "Zakázať vstup do priestoru",
+        "ban_room_confirm_title": "Zakázať vstup do %(roomName)s",
+        "ban_space_everything": "Zakázať im všetko, na čo mám oprávnenie",
+        "ban_space_specific": "Zakázať im konkrétne právomoci, na ktoré mám oprávnenie",
+        "deactivate_confirm_action": "Deaktivovať používateľa",
+        "deactivate_confirm_description": "Deaktivácia tohto používateľa ho odhlási a zabráni mu v opätovnom prihlásení. Okrem toho opustí všetky miestnosti, v ktorých sa nachádza. Túto akciu nie je možné vrátiť späť. Ste si istí, že chcete tohto používateľa deaktivovať?",
+        "deactivate_confirm_title": "Deaktivovať používateľa?",
+        "demote_button": "Znížiť",
+        "demote_self_confirm_description_space": "Túto zmenu nebudete môcť vrátiť späť, pretože sa degradujete, a ak ste posledným privilegovaným používateľom v priestore, nebude možné získať oprávnenia späť.",
+        "demote_self_confirm_room": "Túto zmenu nebudete môcť vrátiť späť, pretože sa degradujete, a ak ste posledným privilegovaným používateľom v miestnosti, nebude možné získať oprávnenia späť.",
+        "demote_self_confirm_title": "Znížiť vlastnú úroveň oprávnení?",
+        "disinvite_button_room": "Zrušiť pozvánku z miestnosti",
+        "disinvite_button_room_name": "Zrušenie pozvania z %(roomName)s",
+        "disinvite_button_space": "Zrušiť pozvánku z priestoru",
+        "error_ban_user": "Nepodarilo sa zakázať používateľa",
+        "error_deactivate": "Nepodarilo sa deaktivovať používateľa",
+        "error_kicking_user": "Nepodarilo sa odstrániť používateľa",
+        "error_mute_user": "Nepodarilo sa umlčať používateľa",
+        "error_revoke_3pid_invite_description": "Pozvánku nebolo možné odvolať. Na serveri môže byť dočasný problém alebo nemáte dostatočné oprávnenia na odvolanie pozvánky.",
+        "error_revoke_3pid_invite_title": "Nepodarilo sa odvolať pozvánku",
+        "ignore_button": "Ignorovať",
+        "ignore_confirm_description": "Všetky správy a pozvánky od tohto používateľa budú skryté. Ste si istí, že ich chcete ignorovať?",
+        "ignore_confirm_title": "Ignorovať %(user)s",
+        "invited_by": "Pozvaný používateľom %(sender)s",
+        "jump_to_rr_button": "Preskočiť na potvrdenie o prečítaní",
+        "kick_button_room": "Odstrániť z miestnosti",
+        "kick_button_room_name": "Odstrániť z %(roomName)s",
+        "kick_button_space": "Odstrániť z priestoru",
+        "kick_button_space_everything": "Odstrániť ich zo všetkého, na čo mám oprávnenie",
+        "kick_space_specific": "Odstrániť ich z konkrétnych vecí, na ktoré mám oprávnenie",
+        "kick_space_warning": "Stále budú mať prístup ku všetkému, čoho nie ste správcom.",
+        "promote_warning": "Túto zmenu nebudete môcť vrátiť späť, pretože tomuto používateľovi udeľujete rovnakú úroveň oprávnenia, akú máte vy.",
+        "redact": {
+            "confirm_button": {
+                "one": "Odstrániť 1 správu",
+                "few": "Odstrániť %(count)s správy",
+                "other": "Odstrániť %(count)s správ"
+            },
+            "confirm_description_1": {
+                "one": "Chystáte sa odstrániť %(count)s správu od používateľa %(user)s. Týmto ju natrvalo odstránite pre všetkých účastníkov konverzácie. Chcete pokračovať?",
+                "few": "Chystáte sa odstrániť %(count)s správy od používateľa %(user)s. Týmto ich natrvalo odstránite pre všetkých účastníkov konverzácie. Chcete pokračovať?",
+                "other": "Chystáte sa odstrániť %(count)s správ od používateľa %(user)s. Týmto ich natrvalo odstránite pre všetkých účastníkov konverzácie. Chcete pokračovať?"
+            },
+            "confirm_description_2": "Pri veľkom množstve správ to môže trvať určitý čas. Medzitým prosím neobnovujte svojho klienta.",
+            "confirm_keep_state_explainer": "Zrušte označenie, ak chcete odstrániť aj systémové správy o tomto používateľovi (napr. zmena členstva, zmena profilu...)",
+            "confirm_keep_state_label": "Zachovať systémové správy",
+            "confirm_title": "Odstrániť posledné správy používateľa %(user)s",
+            "no_recent_messages_description": "Skúste sa posunúť nahor na časovej osi a pozrite sa, či tam nie sú nejaké skoršie.",
+            "no_recent_messages_title": "Nenašli sa žiadne nedávne správy od používateľa %(user)s"
+        },
+        "redact_button": "Odstrániť správy",
+        "revoke_invite": "Odvolať pozvánku",
+        "room_encrypted": "Správy v tejto miestnosti sú šifrované od vás až k príjemcovi.",
+        "room_encrypted_detail": "Vaše správy sú zabezpečené a jedinečné kľúče na ich odomknutie máte len vy a príjemca.",
+        "room_unencrypted": "Správy v tejto miestnosti nie sú šifrované od vás až k príjemcovi.",
+        "room_unencrypted_detail": "V šifrovaných miestnostiach sú vaše správy zabezpečené a jedinečné kľúče na ich odomknutie máte len vy a príjemca.",
+        "send_message": "Odoslať správu",
+        "share_button": "Zdieľať profil",
+        "unban_button_room": "Zrušiť zákaz vstupu do miestnosti",
+        "unban_button_space": "Zrušiť zákaz vstupu do priestoru",
+        "unban_room_confirm_title": "Zrušiť zákaz vstup do %(roomName)s",
+        "unban_space_everything": "Zrušiť im zákaz zo všetkého, na čo mám oprávnenie",
+        "unban_space_specific": "Zrušiť im zákaz z konkrétnych právomocí, na ktoré mám oprávnenie",
+        "unban_space_warning": "Nebudú mať prístup k tomu, čoho nie ste správcom.",
+        "unignore_button": "Prestať ignorovať",
+        "verification_unavailable": "Overenie používateľa nie je k dispozícii",
+        "verify_button": "Overiť používateľa",
+        "verify_explainer": "V záujme zvýšenia bezpečnosti overte tohto používateľa tak, že na oboch zariadeniach skontrolujete jednorazový kód."
+    },
+    "voip": {
+        "already_in_call": "Hovor už prebieha",
+        "already_in_call_person": "S touto osobou už hovor prebieha.",
+        "answered_elsewhere": "Hovor prijatý inde",
+        "answered_elsewhere_description": "Hovor bol prijatý na inom zariadení.",
+        "call_failed": "Zlyhanie hovoru",
+        "call_failed_description": "Hovor nemohol byť realizovaný",
+        "call_failed_media": "Hovor zlyhal, pretože nebolo možné získať prístup k webkamere alebo mikrofónu. Skontrolujte, či:",
+        "call_failed_media_applications": "Webkameru nepoužíva žiadna iná aplikácia",
+        "call_failed_media_connected": "Mikrofón a webkamera sú pripojené a správne nastavené",
+        "call_failed_media_permissions": "Udeľuje sa povolenie na používanie webkamery",
+        "call_failed_microphone": "Hovor zlyhal, pretože nebolo možné získať prístup k mikrofónu. Skontrolujte, či je mikrofón pripojený a správne nastavený.",
+        "call_held": "%(peerName)s podržal hovor",
+        "call_held_resume": "Podržali ste hovor <a>Pokračovať</a>",
+        "call_held_switch": "Podržali ste hovor <a>Prepnúť</a>",
+        "call_toast_unknown_room": "Neznáma miestnosť",
+        "camera_disabled": "Váš fotoaparát je vypnutý",
+        "camera_enabled": "Fotoaparát je stále zapnutý",
+        "cannot_call_yourself_description": "Nemôžete zavolať samému sebe.",
+        "close_lobby": "Zatvoriť lobby",
+        "connecting": "Pripájanie",
+        "connection_lost": "Spojenie so serverom bolo prerušené",
+        "connection_lost_description": "Bez pripojenia k serveru nie je možné uskutočňovať hovory.",
+        "consulting": "Konzultovanie s %(transferTarget)s. <a>Presmerovanie na %(transferee)s</a>",
+        "default_device": "Predvolené zariadenie",
+        "dial": "Vytočiť číslo",
+        "dialpad": "Číselník",
+        "disable_camera": "Vypnúť kameru",
+        "disable_microphone": "Stlmiť mikrofón",
+        "disabled_no_perms_start_video_call": "Nemáte povolenie na spustenie videohovorov",
+        "disabled_no_perms_start_voice_call": "Nemáte povolenie na spustenie hlasových hovorov",
+        "disabled_ongoing_call": "Prebiehajúci hovor",
+        "element_call": "Element Call",
+        "enable_camera": "Zapnúť kameru",
+        "enable_microphone": "Zrušiť stlmenie mikrofónu",
+        "expand": "Návrat k hovoru",
+        "get_call_link": "Zdieľať odkaz na hovor",
+        "hangup": "Zavesiť",
+        "hide_sidebar_button": "Skryť bočný panel",
+        "input_devices": "Vstupné zariadenia",
+        "jitsi_call": "Konferencia Jitsi",
+        "legacy_call": "Zastaraný hovor",
+        "maximise": "Vyplniť obrazovku",
+        "maximise_call": "Maximalizovať hovor",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Konferencie"
+        },
+        "minimise_call": "Minimalizovať hovor",
+        "misconfigured_server": "Hovor zlyhal z dôvodu nesprávne nastaveného servera",
+        "misconfigured_server_description": "Prosím, požiadajte správcu vášho domovského servera (<code>%(homeserverDomain)s</code>) aby nakonfiguroval Turn server, čo zlepší spoľahlivosť audio / video hovorov.",
+        "misconfigured_server_fallback": "Prípadne môžete skúsiť použiť verejný server na adrese <server/>, ale nebude to tak spoľahlivé a vaša IP adresa bude zdieľaná s týmto serverom. Môžete to spravovať aj v nastaveniach.",
+        "misconfigured_server_fallback_accept": "Skúste použiť %(server)s",
+        "more_button": "Viac",
+        "msisdn_lookup_failed": "Nie je možné vyhľadať telefónne číslo",
+        "msisdn_lookup_failed_description": "Pri vyhľadávaní telefónneho čísla došlo k chybe",
+        "msisdn_transfer_failed": "Nie je možné presmerovať hovor",
+        "n_people_joined": {
+            "one": "%(count)s človek sa pripojil",
+            "few": "%(count)s ľudia sa pripojili",
+            "other": "%(count)s ľudí sa pripojilo"
+        },
+        "no_audio_input_description": "Vo vašom zariadení sa nenašiel mikrofón. Skontrolujte svoje nastavenia a skúste to znova.",
+        "no_audio_input_title": "Nenašiel sa žiadny mikrofón",
+        "no_media_perms_description": "Mali by ste aplikácii %(brand)s ručne udeliť právo pristupovať k mikrofónu a kamere",
+        "no_media_perms_title": "Nepovolený prístup k médiám",
+        "no_permission_conference": "Vyžaduje sa povolenie",
+        "no_permission_conference_description": "V tejto miestnosti nemáte povolenie začať konferenčný hovor",
+        "on_hold": "%(name)s je podržaný",
+        "output_devices": "Výstupné zariadenia",
+        "screenshare_monitor": "Zdieľať celú obrazovku",
+        "screenshare_title": "Zdieľať obsah",
+        "screenshare_window": "Okno aplikácie",
+        "show_sidebar_button": "Zobraziť bočný panel",
+        "silence": "Stlmiť hovor",
+        "silenced": "Oznámenia stlmené",
+        "start_screenshare": "Spustiť zdieľanie vašej obrazovky",
+        "stop_screenshare": "Zastaviť zdieľanie vašej obrazovky",
+        "too_many_calls": "Príliš veľa hovorov",
+        "too_many_calls_description": "Dosiahli ste maximálny počet súčasných hovorov.",
+        "transfer_consult_first_label": "Najprv konzultovať",
+        "transfer_failed": "Presmerovanie zlyhalo",
+        "transfer_failed_description": "Nepodarilo sa presmerovať hovor",
+        "unable_to_access_audio_input_description": "Nepodarilo sa nám získať prístup k vášmu mikrofónu. Skontrolujte prosím nastavenia prehliadača a skúste to znova.",
+        "unable_to_access_audio_input_title": "Nie je možné získať prístup k vášmu mikrofónu",
+        "unable_to_access_media": "Nie je možné získať prístup k webkamere / mikrofónu",
+        "unable_to_access_microphone": "Nie je možné získať prístup k mikrofónu",
+        "unknown_caller": "Neznámy volajúci",
+        "unknown_person": "neznáma osoba",
+        "unsilence": "Zvuk zapnutý",
+        "unsupported": "Volania nie sú podporované",
+        "unsupported_browser": "V tomto prehliadači nie je možné uskutočňovať hovory.",
+        "user_busy": "Používateľ je obsadený",
+        "user_busy_description": "Volaný používateľ má obsadené.",
+        "user_is_presenting": "%(sharerName)s prezentuje",
+        "video_call": "Video hovor",
+        "video_call_incoming": "Prichádzajúci videohovor",
+        "video_call_using": "Videohovor pomocou:",
+        "voice_call": "Hlasový hovor",
+        "voice_call_incoming": "Prichádzajúci hlasový hovor",
+        "voice_call_using": "Hlasový hovor pomocou:",
+        "you_are_presenting": "Prezentujete"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s na %(osName)s",
+    "widget": {
+        "added_by": "Widget pridaný používateľom",
+        "capabilities_dialog": {
+            "content_starting_text": "Tento widget by chcel:",
+            "decline_all_permission": "Zamietnuť všetky",
+            "remember_Selection": "Zapamätať si môj výber pre tento widget",
+            "title": "Schváliť oprávnenia widgetu"
+        },
+        "capability": {
+            "always_on_screen_generic": "Zostať na vašej obrazovke počas spustenia",
+            "always_on_screen_viewing_another_room": "Zostať na obrazovke pri sledovaní inej miestnosti, počas spustenia",
+            "any_room": "Vyššie uvedené, ale tiež v akejkoľvek miestnosti do ktorej ste sa pripojili alebo do ktorej ste boli prizvaný",
+            "byline_empty_state_key": "s prázdnym stavovým kľúčom",
+            "byline_state_key": "so stavovým kľúčom %(stateKey)s",
+            "capability": "Schopnosť <b>%(capability)s</b>",
+            "change_avatar_active_room": "Zmeniť obrázok vašej aktívnej miestnosti",
+            "change_avatar_this_room": "Zmeniť obrázok tejto miestnosti",
+            "change_name_active_room": "Zmeňte názov vo vašej aktívnej miestnosti",
+            "change_name_this_room": "Zmeniť názov tejto miestnosti",
+            "change_topic_active_room": "Zmeňte tému vašej aktívnej miestnosti",
+            "change_topic_this_room": "Zmeniť tému tejto miestnosti",
+            "receive_membership_active_room": "Zobraziť, keď sa ľudia pridajú, odídu alebo sú pozvaní do vašej aktívnej miestnosti",
+            "receive_membership_this_room": "Zobraziť, keď sa ľudia pridajú, odídu alebo sú pozvaní do tejto miestnosti",
+            "remove_ban_invite_leave_active_room": "Odstráňte, zakážte alebo pozvite ľudí do svojej aktívnej miestnosti and make you leave",
+            "remove_ban_invite_leave_this_room": "Odstrániť, zakázať alebo pozvať ľudí do tejto miestnosti, a odísť",
+            "see_avatar_change_active_room": "Zobraziť, keď sa zmení obrázok vo vašej aktívnej miestnosti",
+            "see_avatar_change_this_room": "Zobraziť, keď sa zmení obrázok tejto miestnosti",
+            "see_event_type_sent_active_room": "Zobraziť <b>%(eventType)s</b> udalosti zverejnené vo vašej aktívnej miestnosti",
+            "see_event_type_sent_this_room": "Zobraziť <b>%(eventType)s</b> udalosti zverejnené v tejto miestnosti",
+            "see_images_sent_active_room": "Zobraziť obrázky zverejnené vo vašej aktívnej miestnosti",
+            "see_images_sent_this_room": "Zobraziť obrázky zverejnené v tejto miestnosti",
+            "see_messages_sent_active_room": "Zobraziť správy zverejnené vo vašej aktívnej miestnosti",
+            "see_messages_sent_this_room": "Zobraziť správy zverejnené v tejto miestnosti",
+            "see_msgtype_sent_active_room": "Zobraziť <b>%(msgtype)s</b> správy zverejnené vo vašej aktívnej miestnosti",
+            "see_msgtype_sent_this_room": "Zobraziť <b>%(msgtype)s</b> správy zverejnené v tejto miestnosti",
+            "see_name_change_active_room": "Zobraziť, keď sa zmení názov vo vašej aktívnej miestnosti",
+            "see_name_change_this_room": "Zobraziť, kedy sa zmení názov v tejto miestnosti",
+            "see_sent_emotes_active_room": "Zobraziť emotikony zverejnené vo vašej aktívnej miestnosti",
+            "see_sent_emotes_this_room": "Zobraziť emotikony zverejnené v tejto miestnosti",
+            "see_sent_files_active_room": "Zobraziť všeobecné súbory zverejnené vo vašej aktívnej miestnosti",
+            "see_sent_files_this_room": "Zobraziť všeobecné súbory zverejnené v tejto miestnosti",
+            "see_sticker_posted_active_room": "Zobraziť, keď niekto zverejní nálepku vo vašej aktívnej miestnosti",
+            "see_sticker_posted_this_room": "Zobraziť, keď sa v tejto miestnosti zverejní nálepka",
+            "see_text_messages_sent_active_room": "Zobraziť textové správy zverejnené vo vašej aktívnej miestnosti",
+            "see_text_messages_sent_this_room": "Zobraziť textové správy zverejnené v tejto miestnosti",
+            "see_topic_change_active_room": "Zobraziť, keď sa zmení téma vo vašej aktívnej miestnosti",
+            "see_topic_change_this_room": "Zobraziť, kedy sa zmení téma v tejto miestnosti",
+            "see_videos_sent_active_room": "Zobraziť videá zverejnené vo vašej aktívnej miestnosti",
+            "see_videos_sent_this_room": "Zobraziť videá zverejnené v tejto miestnosti",
+            "send_emotes_active_room": "Posielať emotikony pod vaším menom vo vašej aktívnej miestnosti",
+            "send_emotes_this_room": "Posielať emotikony pod vaším menom v tejto miestnosti",
+            "send_event_type_active_room": "Odoslať <b>%(eventType)s</b> udalosti pod vaším menom vo vašej aktívnej miestnosti",
+            "send_event_type_this_room": "Odoslať <b>%(eventType)s</b> udalosti pod vaším menom v tejto miestnosti",
+            "send_files_active_room": "Posielať všeobecné súbory pod vaším menom vo vašej aktívnej miestnosti",
+            "send_files_this_room": "Posielať všeobecné súbory pod vaším menom v tejto miestnosti",
+            "send_images_active_room": "Posielať obrázky pod vaším menom vo vašej aktívnej miestnosti",
+            "send_images_this_room": "Posielať obrázky pod vaším menom v tejto miestnosti",
+            "send_messages_active_room": "Posielať správy pod vaším menom vo vašej aktívnej miestnosti",
+            "send_messages_this_room": "Posielať správy pod vaším menom v tejto miestnosti",
+            "send_msgtype_active_room": "Odoslať <b>%(msgtype)s</b> správy pod vaším menom vo vašej aktívnej miestnosti",
+            "send_msgtype_this_room": "Odoslať <b>%(msgtype)s</b> správy pod vaším menom v tejto miestnosti",
+            "send_stickers_active_room": "Poslať nálepky do vašej aktívnej miestnosti",
+            "send_stickers_active_room_as_you": "Poslať nálepky do tejto miestnosti pod vaším menom",
+            "send_stickers_this_room": "Poslať nálepky do tejto miestnosti",
+            "send_stickers_this_room_as_you": "Poslať nálepky do tejto miestnosti pod vaším menom",
+            "send_text_messages_active_room": "Posielať textové správy pod vaším menom vo vašej aktívnej miestnosti",
+            "send_text_messages_this_room": "Posielať textové správy pod vaším menom v tejto miestnosti",
+            "send_videos_active_room": "Posielať videá pod vaším menom vo vašej aktívnej miestnosti",
+            "send_videos_this_room": "Posielať videá pod vaším menom v tejto miestnosti",
+            "specific_room": "Vyššie uvedené, ale aj v <Room />",
+            "switch_room": "Zmeniť zobrazovanú miestnosť",
+            "switch_room_message_user": "Zmeniť zobrazovanú miestnosť, správu alebo používateľa"
+        },
+        "close_to_view_right_panel": "Zatvorte tento widget a zobrazíte ho na tomto paneli",
+        "context_menu": {
+            "delete": "Vymazať widget",
+            "delete_warning": "Týmto vymažete widget pre všetkých používateľov v tejto miestnosti. Ste si istí, že chcete vymazať tento widget?"
+        },
+        "cookie_warning": "Tento widget môže používať súbory cookie.",
+        "error_hangup_description": "Boli ste odpojení od hovoru. (Chyba: %(message)s)",
+        "error_hangup_title": "Strata spojenia",
+        "error_loading": "Chyba pri načítaní widgetu",
+        "error_mixed_content": "Chyba - Zmiešaný obsah",
+        "error_need_invite_permission": "Musíte mať oprávnenie pozývať používateľov, aby ste to mohli urobiť.",
+        "error_need_kick_permission": "Musíte mať oprávnenie vyhodiť používateľov, aby ste to mohli urobiť.",
+        "error_need_to_be_logged_in": "Mali by ste byť prihlásení.",
+        "error_unable_start_audio_stream_description": "Nie je možné spustiť streamovanie zvuku.",
+        "error_unable_start_audio_stream_title": "Nepodarilo sa spustiť livestream",
+        "modal_data_warning": "Nižšie uvedené údaje sú zdieľané s %(widgetDomain)s",
+        "modal_title_default": "Modálny widget",
+        "no_name": "Neznáma aplikácia",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Zapamätať si toto",
+            "starting_text": "Widget overí vaše ID používateľa, ale nebude môcť vykonávať akcie za vás:",
+            "title": "Umožniť tomuto widgetu overiť vašu totožnosť"
+        },
+        "popout": "Otvoriť widget v novom okne",
+        "set_room_layout": "Nastaviť rozmiestnenie pre všetkých",
+        "shared_data_avatar": "Vaša URL adresa profilového obrázka",
+        "shared_data_device_id": "ID vášho zariadenia",
+        "shared_data_lang": "Váš jazyk",
+        "shared_data_mxid": "Vaše ID používateľa",
+        "shared_data_name": "Vaše zobrazované meno",
+        "shared_data_room_id": "ID miestnosti",
+        "shared_data_theme": "Váš vzhľad",
+        "shared_data_url": "%(brand)s URL adresa",
+        "shared_data_warning": "Používanie tohto widgetu môže zdieľať údaje <helpIcon /> s %(widgetDomain)s.",
+        "shared_data_warning_im": "Používanie tohto widgetu môže zdieľať údaje <helpIcon /> s %(widgetDomain)s a správcom integrácie.",
+        "shared_data_widget_id": "ID widgetu",
+        "unencrypted_warning": "Widgety nepoužívajú šifrovanie správ.",
+        "unmaximise": "Zrušiť maximalizáciu",
+        "unpin_to_view_right_panel": "Ak chcete tento widget zobraziť na tomto paneli, zrušte jeho pripnutie"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Všetky veľké písmená je možné uhádnuť rovnako ľahko ako všetky malé písmená",
+            "anotherWord": "Pridajte ešte jedno dve slová. Lepšie sú tie, nie bežne používané.",
+            "associatedYears": "Vyvarujte sa rokom, ktoré sú s vami stotožnené",
+            "capitalization": "Veľkosť písmen nie je veľmi rozhodujúca",
+            "dates": "Vyvarujte sa dátumov a rokov, ktoré sú s vami stotožnené",
+            "l33t": "Predvídateľné nahrádzanie znakov ako „@“ namiesto „a“ veľmi nepomáha",
+            "longerKeyboardPattern": "Zadajte dlhšiu frázu so znakmi rozmiestnenými po celej klávesnici",
+            "noNeed": "Nemusí obsahovať veľké písmená, číslice alebo interpunkčné znaky",
+            "pwned": "Ak používate toto heslo inde, mali by ste ho zmeniť.",
+            "recentYears": "Nepíšte čísla podľa aktuálneho alebo posledných rokov",
+            "repeated": "Neopakujte krátke slová, znaky alebo ich skupiny",
+            "reverseWords": "Slová napísané odzadu tiež nie je omnoho náročnejšie uhádnuť",
+            "sequences": "Nestláčajte klávesy umiestnené v poradí vedľa seba",
+            "useWords": "Použite niekoľko slov, vyhýbajte sa bežným frázam"
+        },
+        "warnings": {
+            "common": "Toto je veľmi často používané heslo",
+            "commonNames": "Bežné mená a priezviská je ľahké uhádnuť",
+            "dates": "Dátumy je často možné ľahko uhádnuť",
+            "extendedRepeat": "Opakovanie skupín znakov napríklad „abcabcabc“ je len o trochu zložitejšie uhádnuť než „abc“",
+            "keyPattern": "Krátke vzory z klávesov je ľahké uhádnuť",
+            "namesByThemselves": "Mená a priezviská je samé o sebe ľahké uhádnuť",
+            "pwned": "Vaše heslo bolo odhalené pri úniku údajov na internete.",
+            "recentYears": "Nedávne roky je veľmi ľahké uhádnuť",
+            "sequences": "Sekvencie znakov ako sú „abc“ alebo „6543“ je veľmi ľahko možné uhádnuť",
+            "similarToCommon": "Toto je veľmi podobné často používanému heslu",
+            "simpleRepeat": "Opakovanie znakov ako „aaa“ je možné veľmi ľahko uhádnuť",
+            "straightRow": "Po sebe nasledujúce rady klávesov je ľahké uhádnuť",
+            "topHundred": "Toto heslo je zo 100 najpoužívanejších",
+            "topTen": "Toto heslo je z 10 najpoužívanejších",
+            "userInputs": "Nemali by tam byť žiadne osobné údaje ani údaje týkajúce sa stránky.",
+            "wordByItself": "Samostatné slovo je ľahké uhádnuť"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/sq.json b/apps/web/src/i18n/strings/sq.json
new file mode 100644
index 00000000000..7b8ae39dcac
--- /dev/null
+++ b/apps/web/src/i18n/strings/sq.json
@@ -0,0 +1,3237 @@
+{
+    "a11y": {
+        "jump_first_invite": "Hidhu te ftesa e parë.",
+        "n_unread_messages": {
+            "other": "%(count)s mesazhe të palexuar.",
+            "one": "1 mesazh i palexuar."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s mesazhe të palexuar, përfshi përmendje.",
+            "one": "1 përmendje e palexuar."
+        },
+        "unread_messages": "Mesazhe të palexuar."
+    },
+    "a11y_jump_first_unread_room": "Hidhu te dhoma e parë e palexuar.",
+    "action": {
+        "accept": "Pranoje",
+        "add": "Shtojeni",
+        "add_existing_room": "Shtoni dhomë ekzistuese",
+        "apply": "Aplikoje",
+        "approve": "Miratojeni",
+        "back": "Mbrapsht",
+        "call": "Thirrje",
+        "cancel": "Anuloje",
+        "change": "Ndërroje",
+        "clear": "Spastroje",
+        "click_to_copy": "Klikoni që të kopjohet",
+        "close": "Mbylle",
+        "collapse": "Tkurre",
+        "complete": "E plotë",
+        "confirm": "Ripohojeni",
+        "continue": "Vazhdo",
+        "copy": "Kopjoje",
+        "copy_link": "Kopjoji vendndodhjen",
+        "create": "Krijoje",
+        "create_a_room": "Krijoni një dhomë",
+        "create_account": "Krijoni Llogari",
+        "decline": "Hidhe poshtë",
+        "delete": "Fshije",
+        "disable": "Çaktivizoje",
+        "disconnect": "Shkëputu",
+        "dismiss": "Mos e merr parasysh",
+        "done": "U bë",
+        "download": "Shkarkoje",
+        "edit": "Përpuno",
+        "enable": "Aktivizoje",
+        "enter_fullscreen": "Kalo në mënyrën “Sa krejt ekrani”",
+        "exit_fullscreeen": "Dil nga mënyra “Sa krejt ekrani”",
+        "expand": "Zgjeroje",
+        "explore_rooms": "Eksploroni dhoma",
+        "export": "Eksporto",
+        "forward": "Përcille",
+        "go": "Shko",
+        "go_back": "Kthehu mbrapsht",
+        "got_it": "E mora vesh",
+        "hide_advanced": "Fshihi të mëtejshmet",
+        "hold": "Mbaje",
+        "ignore": "Shpërfille",
+        "import": "Importo",
+        "invite": "Ftoje",
+        "join": "Hyni",
+        "learn_more": "Mësoni më tepër",
+        "leave": "Dilni",
+        "leave_room": "Dilni nga dhomë",
+        "logout": "Dalje",
+        "manage": "Administroni",
+        "maximise": "Maksimizoje",
+        "mention": "Përmendje",
+        "minimise": "Minimizoje",
+        "new_room": "Dhomë e re",
+        "new_video_room": "Dhomë e re me video",
+        "next": "Pasuesja",
+        "no": "Jo",
+        "open": "Hape",
+        "pin": "Fiksoje",
+        "quote": "Citim",
+        "react": "Reagoni",
+        "refresh": "Rifreskoje",
+        "register": "Regjistrohuni",
+        "reload": "Ringarkoje",
+        "remove": "Hiqe",
+        "rename": "Riemërtojeni",
+        "reply": "Përgjigje",
+        "reply_in_thread": "Përgjigjuni te rrjedha",
+        "resend": "Ridërgoje",
+        "reset": "Rikthe te parazgjedhjet",
+        "resume": "Rimerre",
+        "retry": "Riprovo",
+        "review": "Shqyrtojeni",
+        "revoke": "Shfuqizoje",
+        "save": "Ruaje",
+        "search": "Kërkoni",
+        "send_report": "Dërgoje njoftimin",
+        "share": "Ndaje me të tjerë",
+        "show": "Shfaqe",
+        "show_advanced": "Shfaqi të mëtejshmet",
+        "show_all": "Shfaqi krejt",
+        "sign_in": "Hyni",
+        "sign_out": "Dilni",
+        "skip": "Anashkaloje",
+        "start": "Nise",
+        "stop": "Ndale",
+        "submit": "Parashtroje",
+        "subscribe": "Pajtohuni",
+        "transfer": "Shpërngule",
+        "trust": "Besim",
+        "try_again": "Riprovoni",
+        "unban": "Hiqja dëbimin",
+        "unignore": "Shpërfille",
+        "unpin": "Shfiksoje",
+        "unsubscribe": "Shpajtohuni",
+        "update": "Përditësoje",
+        "upgrade": "Përmirësoje",
+        "upload": "Ngarkim",
+        "verify": "Verifikoje",
+        "view": "Shihni",
+        "view_all": "Shihini krejt",
+        "view_list": "Shihni listën",
+        "view_message": "Shihni mesazh",
+        "view_source": "Shihini Burimin",
+        "yes": "Po",
+        "zoom_in": "Zmadhoje",
+        "zoom_out": "Zvogëloje"
+    },
+    "analytics": {
+        "accept_button": "S’ka problem",
+        "bullet_1": "<Bold>Nuk</Bold> regjistrojmë ose profilizojmë ndonjë të dhënë llogarie",
+        "bullet_2": "<Bold>Nuk</Bold> u japin hollësi palëve të treta",
+        "consent_migration": "Keni dhënë më parë pëlqimin të jepni për ne të dhëna anonime përdorimi. Po përditësojmë se si funksionon kjo punë.",
+        "disable_prompt": "Këtë mund të çaktivizoni në çfarëdo kohe që nga rregullimet",
+        "enable_prompt": "Ndihmonani të përmirësojmë %(analyticsOwner)s-in",
+        "learn_more": "Ndani me ne të dhëna anonime, për të na ndihmuar të gjejmë problemet. Asgjë personale. Pa palë të treta. <LearnMoreLink>Mësoni Më Tepër\t</LearnMoreLink>",
+        "privacy_policy": "<PrivacyPolicyUrl>Këtu</PrivacyPolicyUrl> mund të lexoni krejt kushtet tona",
+        "pseudonymous_usage_data": "Ndihmonani të gjejmë probleme dhe të përmirësojmë %(analyticsOwner)s-in duke ndarë me ne të dhëna anonime përdorimi. Që të kuptohet se si përdorin njerëzit disa pajisje, do të prodhojmë një identifikues kuturu, që na jepet nga pajisjet tuaja.",
+        "shared_data_heading": "Mund të ndahen me të tjerët cilado prej të dhënave vijuese:"
+    },
+    "auth": {
+        "3pid_in_use": "Ajo adresë email, apo numër telefoni, është tashmë e përdorur.",
+        "account_clash": "Llogaria juaj e re (%(newAccountId)s) është e regjistruar, por jeni i futur në një tjetër llogari (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Vazhdoni me llogarinë e mëparshme",
+        "account_deactivated": "Kjo llogari është çaktivizuar.",
+        "autodiscovery_generic_failure": "S’u arrit të merrej formësim vetëzbulimi nga shërbyesi",
+        "autodiscovery_invalid": "Përgjigje e pavlefshme zbulimi shërbyesi Home",
+        "autodiscovery_invalid_hs": "URL-ja e shërbyesit Home s’duket të jetë një shërbyes Home i vlefshëm",
+        "autodiscovery_invalid_hs_base_url": "Parametër base_url i pavlefshëm për m.homeserver",
+        "autodiscovery_invalid_is": "URL-ja e shërbyesit të identiteteve s’duket të jetë një shërbyes i vlefshëm identitetesh",
+        "autodiscovery_invalid_is_base_url": "Parametër base_url i i pavlefshëm për m.identity_server",
+        "autodiscovery_invalid_is_response": "Përgjigje e pavlefshme zbulimi identiteti shërbyesi",
+        "autodiscovery_invalid_json": "JSON i pavlefshëm",
+        "autodiscovery_unexpected_error_hs": "Gabim i papritur gjatë ftillimit të formësimit të shërbyesit Home",
+        "autodiscovery_unexpected_error_is": "Gabim i papritur teksa ftillohej formësimi i shërbyesit të identiteteve",
+        "captcha_description": "Ky Shërbyes Home do të donte të sigurohej se s’jeni robot.",
+        "change_password_action": "Ndryshoni Fjalëkalimin",
+        "change_password_confirm_invalid": "Fjalëkalimet s’përputhen",
+        "change_password_confirm_label": "Ripohoni frazëkalimin",
+        "change_password_current_label": "Fjalëkalimi i tanishëm",
+        "change_password_empty": "Fjalëkalimet s’mund të jenë të zbrazët",
+        "change_password_error": "Gabim teksa ndryshohej fjalëkalimi: %(error)s",
+        "change_password_mismatch": "Fjalëkalimet e reja s’përputhen",
+        "change_password_new_label": "Fjalëkalim i Ri",
+        "check_email_explainer": "Ndiqni udhëzimet e dërguara te <b>%(email)s</b>",
+        "check_email_resend_prompt": "S’e morët?",
+        "check_email_resend_tooltip": "U ridërgua email lidhjeje verifikimi!",
+        "check_email_wrong_email_button": "Rijepeni adresën email",
+        "check_email_wrong_email_prompt": "Adresë email e gabuar?",
+        "continue_with_idp": "Vazhdo me %(provider)s",
+        "continue_with_sso": "Vazhdo me %(ssoButtons)s",
+        "country_dropdown": "Menu Hapmbyll Vendesh",
+        "create_account_prompt": "I sapoardhur? <a>Krijoni një llogari</a>",
+        "create_account_title": "Krijoni llogari",
+        "email_discovery_text": "Përdorni email që, nëse doni, të mund t’ju gjejnë kontaktet ekzistues.",
+        "email_field_label_invalid": "S’duket si adresë email e vlefshme",
+        "email_field_label_required": "Jepni adresë email-i",
+        "email_help_text": "Shtoni një email, që të jeni në gjendje të ricaktoni fjalëkalimin tuaj.",
+        "email_phone_discovery_text": "Përdorni email ose telefon që, nëse doni, të mund t’ju gjejnë kontaktet ekzistues.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> do t’ju dërgojë një lidhje verifikimi, që t’ju lejojë të ricaktoni fjalëkalimin tuaj.",
+        "enter_email_heading": "Që të ricaktoni fjalëkalimin, jepni email-in tuaj",
+        "failed_connect_identity_server": "S’kapet dot shërbyesi i identiteteve",
+        "failed_connect_identity_server_other": "Mund të bëni hyrjen, por disa veçori do të jenë të papërdorshme, derisa shërbyesi i identiteteve të jetë sërish në linjë. Nëse vazhdoni ta shihni këtë sinjalizim, kontrolloni formësimin tuaj ose lidhuni me një përgjegjës të shërbyesit.",
+        "failed_connect_identity_server_register": "Mund të regjistroheni, por disa veçori do të jenë të papërdorshme, derisa shërbyesi i identiteteve të jetë sërish në linjë. Nëse vazhdoni ta shihni këtë sinjalizim, kontrolloni formësimin tuaj ose lidhuni me një përgjegjës të shërbyesit.",
+        "failed_connect_identity_server_reset_password": "Mund të ricaktoni fjalëkalimin, por disa veçori do të jenë të papërdorshme, derisa shërbyesi i identiteteve të jetë sërish në linjë. Nëse vazhdoni ta shihni këtë sinjalizim, kontrolloni formësimin tuaj ose lidhuni me një përgjegjës të shërbyesit.",
+        "failed_homeserver_discovery": "S’u arrit të kryhej zbulim shërbyesi Home",
+        "failed_query_registration_methods": "S’arrihet të kërkohet për metoda regjistrimi që mbulohen.",
+        "failed_soft_logout_auth": "S’u arrit të ribëhej mirëfilltësimi",
+        "failed_soft_logout_homeserver": "S’u arrit të ribëhej mirëfilltësimi, për shkak të një problemi me shërbyesin Home",
+        "forgot_password_email_invalid": "Adresa email s’duket të jetë e vlefshme.",
+        "forgot_password_email_required": "Duhet dhënë adresa email e lidhur me llogarinë tuaj.",
+        "forgot_password_prompt": "Harruat fjalëkalimin tuaj?",
+        "forgot_password_send_email": "Dërgo email",
+        "identifier_label": "Hyni me",
+        "incorrect_credentials": "Emër përdoruesi dhe/ose fjalëkalim i pasaktë.",
+        "incorrect_credentials_detail": "Ju lutemi, kini parasysh se jeni futur te shërbyesi %(hs)s, jo te matrix.org.",
+        "incorrect_password": "Fjalëkalim i pasaktë",
+        "log_in_new_account": "<a>Bëni hyrjen</a> te llogaria juaj e re.",
+        "logout_dialog": {
+            "description": "Jeni i sigurt se doni të dilni?",
+            "setup_key_backup_title": "Do të humbni hyrje te mesazhet tuaj të fshehtëzuar",
+            "skip_key_backup": "Nuk i dua mesazhet e mia të fshehtëzuar"
+        },
+        "misconfigured_body": "Kërkojini përgjegjësit të %(brand)s-it tuaj të kontrollojë <a>formësimin tuaj</a> për zëra të pasaktë ose të përsëdytur.",
+        "misconfigured_title": "%(brand)s-i juaj është i keqformësuar",
+        "msisdn_field_description": "Përdorues të tjerë mund t’ju ftojnë te dhoma duke përdorur hollësitë tuaja për kontakt",
+        "msisdn_field_label": "Telefon",
+        "msisdn_field_number_invalid": "Ai numër telefoni s’duket i saktë, ju lutemi, rikontrollojeni dhe riprovojeni",
+        "msisdn_field_required_invalid": "Jepni numër telefoni",
+        "no_hs_url_provided": "S’u dha URL shërbyesi Home",
+        "oidc": {
+            "error_title": "S’ju nxorëm dot nga llogaria juaj",
+            "missing_or_invalid_stored_state": "I kërkuam shfletuesit të mbajë mend cilin shërbyes Home përdorni, për t’ju lënë të bëni hyrje, por për fat të keq, shfletuesi juaj e ka harruar këtë. Kaloni te faqja e hyrjeve dhe riprovoni."
+        },
+        "password_field_keep_going_prompt": "Vazhdoni…",
+        "password_field_label": "Jepni fjalëkalim",
+        "password_field_strong_label": "Bukur, fjalëkalim i fortë!",
+        "password_field_weak_label": "Fjalëkalimi është i lejuar, por jo i parrezik",
+        "phone_label": "Telefon",
+        "phone_optional_label": "Telefoni (në daçi)",
+        "qr_code_login": {
+            "completing_setup": "Po plotësohet ujdisja e pajisjes tuaj të re",
+            "error_rate_limited": "Shumë përpjekje në një kohë të shkurtër. Prisni ca, para se të riprovoni.",
+            "error_unexpected": "Ndodhi një gabim të papritur.",
+            "scan_code_instruction": "Skanoni kodin QR më poshtë me pajisjen ku është bërë dalja.",
+            "scan_qr_code": "Skanoni kodin QR",
+            "select_qr_code": "Përzgjidhni “%(scanQRCode)s”",
+            "waiting_for_device": "Po pritet që të bëhet hyrja te pajisja"
+        },
+        "register_action": "Krijoni Llogari",
+        "registration": {
+            "continue_without_email_description": "Që mos thoni nuk e dinim, nëse s’shtoni një email dhe harroni fjalëkalimin tuaj, mund <b>të humbi përgjithmonë hyrjen në llogarinë tuaj</b>.",
+            "continue_without_email_field_label": "Email (në daçi)",
+            "continue_without_email_title": "Vazhdim pa email"
+        },
+        "registration_disabled": "Në këtë shërbyes Home regjistrimi është çaktivizuar.",
+        "registration_msisdn_field_required_invalid": "Jepni numër telefoni (e domosdoshme në këtë shërbyes Home)",
+        "registration_successful": "Regjistrim i Suksesshëm",
+        "registration_username_in_use": "Dikush e ka tashmë këtë emër përdoruesi. Provoni një tjetër, ose nëse jeni ju, bëni hyrjen më poshtë.",
+        "registration_username_unable_check": "S’arrihet të kontrollohet nëse emri i përdoruesit është zënë. Riprovoni më vonë.",
+        "registration_username_validation": "Përdorni vetëm shkronja të vogla, numra, vija ndarëse dhe nënvija",
+        "reset_password": {
+            "confirm_new_password": "Ripohoni fjalëkalimin e ri",
+            "devices_logout_success": "Jeni nxjerrë jashtë prej krejt pajisjeve dhe s’do të merrni më njoftime push. Që të riaktivizoni njoftimet, bëni sërish hyrjen në çdo pajisje.",
+            "other_devices_logout_warning_1": "Dalja nga pajisjet tuaja do të fshijë kyçet e fshehtëzimit të mesazheve të ruajtur në to, duke e bërë të palexueshëm historikun e mesazheve të fshehtëzuar.",
+            "other_devices_logout_warning_2": "Nëse doni ta mbani mundësinë e përdorimit të historikut të fjalosjeve tuaja në dhoma të fshehtëzuara, ujdisni Kopjeruajtje Kyçesh, ose eksportoni kyçet tuaj të mesazheve prej një nga pajisjet tuaja të tjera, para se të ecni më tej.",
+            "password_not_entered": "Duhet dhënë një fjalëkalim i ri.",
+            "passwords_mismatch": "Fjalëkalimet e rinj duhet të përputhen me njëri-tjetrin.",
+            "rate_limit_error": "Shumë përpjekje në një kohë të shkurtër. Prisni ca, para se të riprovoni.",
+            "rate_limit_error_with_time": "Shumë përpjekje brenda një kohe të shkurtër. Riprovoni pas %(timeout)s.",
+            "reset_successful": "Fjalëkalimi juaj u ricaktua.",
+            "return_to_login": "Kthehuni te skena e hyrjeve",
+            "sign_out_other_devices": "Dilni nga llogaria në krejt pajisjet"
+        },
+        "reset_password_action": "Ricaktoni fjalëkalimin",
+        "reset_password_email_field_description": "Përdorni një adresë email që të rimerrni llogarinë tuaj",
+        "reset_password_email_field_required_invalid": "Jepni adresë email (e domosdoshme në këtë shërbyes Home)",
+        "reset_password_email_not_associated": "Adresa juaj email s’duket të jetë e përshoqëruar me ndonjë ID Matrix në këtë shërbyes Home.",
+        "reset_password_email_not_found_title": "Kjo adresë email s’u gjet",
+        "reset_password_title": "Ricaktoni fjalëkalimin tuaj",
+        "server_picker_custom": "Tjetër shërbyes home",
+        "server_picker_description": "Që të bëni hyrjen te shërbyes të tjerë Matrix, duke specifikuar një URL të një shërbyesi Home tjetër, mund të përdorni mundësitë vetjake për shërbyesin. Kjo ju lejon të përdorni %(brand)s në një tjetër shërbyes Home me një llogari Matrix ekzistuese.",
+        "server_picker_description_matrix.org": "Bashkojuni milionave, falas, në shërbyesin më të madh publik",
+        "server_picker_dialog_title": "Vendosni se ku të ruhet llogaria juaj",
+        "server_picker_explainer": "Përdorni shërbyesin tuaj Home të parapëlqyer Matrix, nëse keni një të tillë, ose strehoni një tuajin.",
+        "server_picker_failed_validate_homeserver": "S’arrihet të vlerësohet shërbyesi Home",
+        "server_picker_intro": "Vendet ku mund të strehoni llogarinë tuaj i quajmë ‘shërbyes Home’.",
+        "server_picker_invalid_url": "URL e pavlefshme",
+        "server_picker_learn_more": "Mbi shërbyesit Home",
+        "server_picker_matrix.org": "Matrix.org është shërbyesi Home publik më i madh në botë, ndaj është një vend i mirë për shumë vetë.",
+        "server_picker_required": "Tregoni një shërbyes Home",
+        "server_picker_title": "Bëni hyrjen te shërbyesi juaj Home",
+        "server_picker_title_default": "Mundësi Shërbyesi",
+        "server_picker_title_registration": "Strehoni llogari në",
+        "session_logged_out_description": "Për hir të sigurisë, është bërë dalja nga ky sesion. Ju lutemi, ribëni hyrjen.",
+        "session_logged_out_title": "I dalë",
+        "set_email": {
+            "description": "Kjo do t’ju lejojë të ricaktoni fjalëkalimin tuaj dhe të merrni njoftime.",
+            "verification_pending_description": "Ju lutemi, kontrolloni email-in tuaj dhe klikoni mbi lidhjen që përmban. Pasi të jetë bërë kjo, klikoni që të vazhdohet.",
+            "verification_pending_title": "Verifikim Në Pritje të Miratimit"
+        },
+        "set_email_prompt": "Doni të caktoni një adresë email?",
+        "sign_in_description": "Që të vazhdohet, përdorni llogarinë tuaj.",
+        "sign_in_instead": "Në vend të kësaj, hyni",
+        "sign_in_instead_prompt": "Në vend të kësaj, hyni",
+        "sign_in_or_register": "Hyni ose Krijoni një Llogari",
+        "sign_in_or_register_description": "Që të vazhdohet, përdorni llogarinë tuaj të përdoruesit ose krijoni një të re.",
+        "sign_in_with_sso": "Bëni hyrjen me hyrje njëshe",
+        "signing_in": "Po hyhet…",
+        "soft_logout": {
+            "clear_data_button": "Spastro krejt të dhënat",
+            "clear_data_description": "Spastrimi i krejt të dhënave prej këtij sesioni është përfundimtar. Mesazhet e fshehtëzuar do të humbin, veç në qofshin kopjeruajtur kyçet e tyre.",
+            "clear_data_title": "Të pastrohen krejt të dhënat në këtë sesion?"
+        },
+        "soft_logout_heading": "Keni bërë dalje",
+        "soft_logout_intro_password": "Jepni fjalëkalimin tuaj që të bëhet hyrja dhe të rifitoni hyrje në llogarinë tuaj.",
+        "soft_logout_intro_sso": "Bëni hyrjen dhe rifitoni hyrje në llogarinë tuaj.",
+        "soft_logout_intro_unsupported_auth": "S’mund të bëni hyrjen në llogarinë tuaj. Ju lutemi, për më tepër hollësi, lidhuni me përgjegjësin e shërbyesit tuaj Home.",
+        "soft_logout_subheading": "Spastro të dhëna personale",
+        "soft_logout_warning": "Kujdes: të dhënat tuaja personale (përfshi kyçe fshehtëzimi) janë ende të depozituara në këtë sesion. Spastrojini, nëse keni përfunduar së përdoruri këtë sesion, ose dëshironi të bëni hyrjen në një tjetër llogari.",
+        "sso": "Hyrje Njëshe",
+        "sso_complete_in_browser_dialog_title": "Që të plotësoni Hyrjen, kaloni te shfletuesi juaj",
+        "sso_failed_missing_storage": "I kërkuam shfletuesit të mbajë mend cilin shërbyes Home përdorni, për t’ju lënë të bëni hyrje, por për fat të keq, shfletuesi juaj e ka harruar këtë. Kaloni te faqja e hyrjeve dhe riprovoni.",
+        "sso_or_username_password": "%(ssoButtons)s Ose %(usernamePassword)s",
+        "sync_footer_subtitle": "Nëse jeni pjesë e shumë dhomave, kjo mund të zgjasë ca",
+        "syncing": "Po njëkohësohet…",
+        "uia": {
+            "code": "Kod",
+            "email": "Që të krijoni llogarinë tuaj, hapni lidhjen te email-i që sapo dërguam për %(emailAddress)s.",
+            "email_auth_header": "Ju lutemi, që të vazhdohet, kontrolloni email-in tuaj",
+            "email_resend_prompt": "S’e morët? <a>Ridërgoje</a>",
+            "email_resent": "U ridërgua!",
+            "fallback_button": "Fillo mirëfilltësim",
+            "msisdn": "Te %(msisdn)s u dërgua një mesazh tekst",
+            "msisdn_token_incorrect": "Token i pasaktë",
+            "msisdn_token_prompt": "Ju lutemi, jepni kodin që përmbahet:",
+            "password_prompt": "Ripohoni identitetin tuaj duke dhënë më poshtë fjalëkalimin e llogarisë tuaj.",
+            "recaptcha_missing_params": "Mungon kyç publik captcha-je te formësimi i shërbyesit Home. Ju lutemi, njoftojani këtë përgjegjësit të shërbyesit tuaj Home.",
+            "registration_token_label": "Token regjistrimi",
+            "registration_token_prompt": "Jepni një token regjistrimi dhënë nga përgjegjësi i shërbyesit Home.",
+            "sso_body": "Ripohoni shtimin e kësaj adrese email duke përdorur Hyrje Njëshe për të provuar identitetin tuaj.",
+            "sso_failed": "Diç shkoi ters me ripohimin e identitetit tuaj. Anulojeni dhe riprovoni.",
+            "sso_postauth_body": "Klikoni mbi butonin më poshtë që të ripohoni identitetin tuaj.",
+            "sso_postauth_title": "Ripohojeni që të vazhdohet",
+            "sso_preauth_body": "Që të vazhdohet, përdorni Hyrje Njëshe, që të provoni identitetin tuaj.",
+            "sso_title": "Që të vazhdohet, përdorni Hyrje Njëshe",
+            "terms": "Ju lutemi, shqyrtoni dhe pranoni rregullat e këtij shërbyesi home:",
+            "terms_invalid": "Ju lutemi, shqyrtoni dhe pranoni krejt rregullat e këtij shërbyesi home"
+        },
+        "unsupported_auth_email": "Ky shërbyes Home nuk mbulon hyrje përmes adresash email.",
+        "unsupported_auth_msisdn": "Ky shërbyes nuk mbulon mirëfilltësim me një numër telefoni.",
+        "username_field_required_invalid": "Jepni emër përdoruesi",
+        "username_in_use": "Dikush e ka atë emër përdoruesi, ju lutemi, provoni tjetër.",
+        "verify_email_explainer": "Duhet të dimë se jeni ju, përpara ricaktimit të fjalëkalimt. Klikoni lidhjen te email-i që sapo ju dërguam te <b>%(email)s</b>",
+        "verify_email_heading": "Që të vazhdohet, verifikoni email-in tuaj"
+    },
+    "bug_reporting": {
+        "additional_context": "Nëse ka kontekst shtesë që mund të ndihmonte në analizimin e problemit, b.f., ç’po bënit në atë kohë, ID dhomash, ID përdorueusish, etj, ju lutemi, përfshijini këto gjëra këtu.",
+        "before_submitting": "Përpara se të parashtroni regjistra, duhet <a>të krijoni një çështje në GitHub issue</a> që të përshkruani problemin tuaj.",
+        "collecting_information": "Po grumbullohen të dhëna versioni aplikacioni",
+        "collecting_logs": "Po grumbullohen regjistra",
+        "create_new_issue": "Ju lutemi, <newIssueLink>krijoni një çështje të re</newIssueLink> në GitHub, që të mund ta hetojmë këtë të metë.",
+        "description": "Regjistrat e diagnostikimit përmbajnë të dhëna përdorimi aplikacioni, përfshi emrin tuaj të përdoruesit, ID-të ose aliaset e dhomave që keni vizituar, me cilët elementë të UI-t keni ndërvepruar së fundi dhe emrat e përdoruesve të përdoruesve të tjerë. Ata s’përmbajnë mesazhe.",
+        "download_logs": "Shkarko regjistra",
+        "downloading_logs": "Po shkarkohen regjistra",
+        "error_empty": "Ju lutemi, na tregoni ç’shkoi keq ose, akoma më mirë, krijoni në GitHub një çështje që përshkruan problemin.",
+        "github_issue": "Çështje në GitHub",
+        "introduction": "Nëse keni parashtruar një të metë përmes GitHub-i, regjistrat e diagnostikimit na ndihmojnë të kapim problemin. ",
+        "log_request": "Për të na ndihmuar ta parandalojmë këtë në të ardhmen, ju lutemi, <a>dërgonani regjistra</a>.",
+        "logs_sent": "Regjistrat u dërguan",
+        "matrix_security_issue": "Që të njoftoni një problem sigurie lidhur me Matrix-in, ju lutemi, lexoni <a>Rregulla Tregimi Çështjes Sigurie</a> te Matrix.org.",
+        "preparing_download": "Po bëhet gati për shkarkim regjistrash",
+        "preparing_logs": "Po përgatitet për dërgim regjistrash",
+        "send_logs": "Dërgo regjistra",
+        "submit_debug_logs": "Parashtro regjistra diagnostikimi",
+        "textarea_label": "Shënime",
+        "thank_you": "Faleminderit!",
+        "title": "Njoftim të metash",
+        "unsupported_browser": "Kujtesë: Shfletuesi juaj është i pambuluar, ndaj punimi juaj mund të jetë i paparashikueshëm.",
+        "uploading_logs": "Po ngarkohen regjistra",
+        "waiting_for_server": "Po pritet për përgjigje nga shërbyesi"
+    },
+    "cannot_invite_without_identity_server": "Pa një shërbyes identitetesh, s’mund të ftohet përdorues përmes email-i. Me një të tillë mund të lidheni që prej “Rregullimeve”.",
+    "cannot_reach_homeserver": "S’kapet dot shërbyesi Home",
+    "cannot_reach_homeserver_detail": "Sigurohuni se keni një lidhje të qëndrueshme internet, ose lidhuni me përgjegjësin e shërbyesit",
+    "cant_load_page": "S’u ngarkua dot faqja",
+    "chat_card_back_action_label": "Mbrapsht te fjalosja",
+    "chat_effects": {
+        "confetti_description": "E dërgon mesazhin e dhënë me bonbone",
+        "confetti_message": "dërgon bonbone",
+        "fireworks_description": "E dërgon me fishekzjarrë mesazhin e dhënë",
+        "fireworks_message": "dërgon fishekzjarrë",
+        "hearts_description": "Mesazhin e dhënë e dërgon me zemra",
+        "hearts_message": "dërgoni zemra",
+        "rainfall_description": "Dërgoje mesazhin e dhënë me shi",
+        "rainfall_message": "dërgon shi",
+        "snowfall_description": "E dërgon mesazhin e dhënë të stolisur me rënie bore",
+        "snowfall_message": "dërgon rënie bore",
+        "spaceinvaders_description": "E dërgon mesazhin e dhënë me një efekt teme hapësinore",
+        "spaceinvaders_message": "dërgon pushtues hapësire"
+    },
+    "common": {
+        "access_token": "Token Hyrjesh",
+        "accessibility": "Përdorim nga persona me aftësi të kufizuara",
+        "advanced": "Të mëtejshme",
+        "analytics": "Analiza",
+        "and_n_others": {
+            "other": "dhe %(count)s të tjerë…",
+            "one": "dhe një tjetër…"
+        },
+        "appearance": "Dukje",
+        "application": "Aplikacion",
+        "are_you_sure": "Jeni i sigurt?",
+        "attachment": "Bashkëngjitje",
+        "authentication": "Mirëfilltësim",
+        "camera": "Kamerë",
+        "cameras": "Kamera",
+        "capabilities": "Aftësi",
+        "copied": "U kopjua!",
+        "credits": "Kredite",
+        "dark": "E errët",
+        "description": "Përshkrim",
+        "deselect_all": "Shpërzgjidhi krejt",
+        "device": "Pajisje",
+        "edited": "e përpunuar",
+        "email_address": "Adresë email",
+        "encrypted": "I fshehtëzuar",
+        "error": "Gabim",
+        "feedback": "Mendime",
+        "filter_results": "Filtroni përfundimet",
+        "forward_message": "Përcille mesazhin",
+        "general": "Të përgjithshme",
+        "go_to_settings": "Kalo te Rregullimet",
+        "guest": "Mysafir",
+        "help": "Ndihmë",
+        "home": "Kreu",
+        "homeserver": "Shërbyes Home",
+        "identity_server": "Shërbyes identitetesh",
+        "image": "Figurë",
+        "integration_manager": "Përgjegjës integrimesh",
+        "joined": "Hyri",
+        "legal": "Ligjore",
+        "light": "E çelët",
+        "loading": "Po ngarkohet…",
+        "location": "Vendndodhje",
+        "message": "Mesazh",
+        "message_layout": "Skemë mesazhesh",
+        "microphone": "Mikrofon",
+        "modern": "Moderne",
+        "mute": "Pa Zë",
+        "n_members": {
+            "one": "%(count)s anëtar",
+            "other": "%(count)s anëtarë"
+        },
+        "n_rooms": {
+            "one": "%(count)s dhomë",
+            "other": "%(count)s dhoma"
+        },
+        "name": "Emër",
+        "no_results": "S’ka përfundime",
+        "no_results_found": "S’u gjetën përfundime",
+        "not_trusted": "Jo e besuar",
+        "offline": "Jo në linjë",
+        "options": "Mundësi",
+        "orphan_rooms": "Dhoma të tjera",
+        "password": "Fjalëkalim",
+        "people": "Persona",
+        "preferences": "Parapëlqime",
+        "presence": "Prani",
+        "preview_message": "Hej, ju. S’u ka kush shokun!",
+        "privacy": "Privatësi",
+        "private_room": "Dhomë private",
+        "private_space": "Hapësirë private",
+        "profile": "Profil",
+        "public": "Publike",
+        "public_room": "Dhomë publike",
+        "public_space": "Hapësirë publike",
+        "qr_code": "Kod QR",
+        "random": "Kuturu",
+        "reactions": "Reagime",
+        "report_a_bug": "Njoftoni një të metë",
+        "room": "Dhomë",
+        "room_name": "Emër dhome",
+        "rooms": "Dhoma",
+        "saving": "Po ruhet…",
+        "secure_backup": "Kopjeruajtje e Sigurt",
+        "select_all": "Përzgjidhi krejt",
+        "server": "Shërbyes",
+        "settings": "Rregullime",
+        "setup_secure_messages": "Rregulloni Mesazhi të Sigurt",
+        "show_more": "Shfaq më tepër",
+        "someone": "Dikush",
+        "spaces": "Hapësira",
+        "sticker": "Ngjitës",
+        "stickerpack": "Paketë ngjitësish",
+        "success": "Sukses",
+        "suggestions": "Sugjerime",
+        "support": "Asistencë",
+        "theme": "Temë",
+        "thread": "Rrjedhë",
+        "threads": "Rrjedha",
+        "timeline": "Rrjedhë Kohore",
+        "unencrypted": "Të pafshehtëzuara",
+        "unmute": "Ktheji zërin",
+        "unnamed_room": "Dhomë e Paemërtuar",
+        "unnamed_space": "Hapësirë e Paemërtuar",
+        "unverified": "I paverifikuar",
+        "user": "Përdorues",
+        "user_avatar": "Foto profili",
+        "username": "Emër përdoruesi",
+        "verified": "I verifikuar",
+        "video_room": "Dhomë me video",
+        "view_message": "Shihni mesazh",
+        "warning": "Sinjalizim"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Njofto krejt dhomën",
+            "command_a11y": "Vetëplotësim Urdhrash",
+            "command_description": "Urdhra",
+            "emoji_a11y": "Vetëplotësim Emoji-sh",
+            "notification_a11y": "Vetëplotësim NJoftimesh",
+            "notification_description": "Njoftim Dhome",
+            "room_a11y": "Vetëplotësim Dhomash",
+            "space_a11y": "Vetëplotësim Hapësire",
+            "user_a11y": "Vetëplotësim Përdoruesish",
+            "user_description": "Përdorues"
+        },
+        "close_sticker_picker": "Fshihi ngjitësit",
+        "edit_composer_label": "Përpunoni mesazhin",
+        "format_bold": "Të trasha",
+        "format_code_block": "Bllok kodi",
+        "format_decrease_indent": "Zvogëlim shmangieje kryeradhe",
+        "format_increase_indent": "Rritje shmangieje kryeradhe",
+        "format_inline_code": "Kod",
+        "format_insert_link": "Futni lidhje",
+        "format_italic": "Të pjerrëta",
+        "format_italics": "Të pjerrëta",
+        "format_link": "Lidhje",
+        "format_ordered_list": "Listë e numërtuar",
+        "format_strikethrough": "Hequrvije",
+        "format_underline": "Të nënvizuara",
+        "format_unordered_list": "Listë me toptha",
+        "formatting_toolbar_label": "Formatim",
+        "link_modal": {
+            "link_field_label": "Lidhje",
+            "text_field_label": "Tekst",
+            "title_create": "Krijoni një lidhje",
+            "title_edit": "Përpunoni lidhje"
+        },
+        "mode_plain": "Fshihe formatimin",
+        "mode_rich_text": "Shfaq formatim",
+        "no_perms_notice": "S’keni leje të postoni në këtë dhomë",
+        "placeholder": "Dërgoni një mesazh…",
+        "placeholder_encrypted": "Dërgoni një mesazh të fshehtëzuar…",
+        "placeholder_reply": "Dërgoni një përgjigje…",
+        "placeholder_reply_encrypted": "Dërgoni një përgjigje të fshehtëzuar…",
+        "placeholder_thread": "Përgjigjuni te rrjedhë…",
+        "placeholder_thread_encrypted": "Përgjigjuni te rrjedhë e fshehtëzuar…",
+        "poll_button": "Pyetësor",
+        "poll_button_no_perms_description": "S’keni leje të nisni anketime në këtë dhomë.",
+        "poll_button_no_perms_title": "Lypset Leje",
+        "replying_title": "Po përgjigjet",
+        "room_upgraded_link": "Biseda vazhdon këtu.",
+        "room_upgraded_notice": "Kjo dhomë është zëvendësuar dhe s’është më aktive.",
+        "send_button_title": "Dërgoje mesazhin",
+        "send_button_voice_message": "Dërgoni mesazh zanor",
+        "send_voice_message": "Dërgoni mesazh zanor",
+        "stop_voice_message": "Ndale regjistrimin",
+        "voice_message_button": "Mesazh Zanor"
+    },
+    "console_dev_note": "Nëse e dini se ç’bëni, Element-i është me burim të hapët, mos harroni ta merrni që nga depoja jonë GitHub (https://github.com/vector-im/element-web/) dhe jepni ndihmesë!",
+    "console_scam_warning": "Nëse dikush ju ka thënë të kopjoni/hidhni diçka këtu, ka gjasa se po ju mashtrojnë!",
+    "console_wait": "Daleni!",
+    "create_room": {
+        "action_create_room": "Krijoje dhomën",
+        "action_create_video_room": "Krijoni dhomë me video",
+        "encrypted_video_room_warning": "Këtë s’mund ta çaktivizoni më vonë. Dhoma do të jetë e fshehtëzuar, por jo thirrja e trupëzuar.",
+        "encrypted_warning": "Këtë s’mund ta çaktivizoni dot më vonë. Urat & shumica e robotëve ende s’do të funksionojnë.",
+        "encryption_forced": "Shërbyesi juaj lyp që fshehtëzimi të jetë i aktivizuar në dhoma private.",
+        "encryption_label": "Aktivizo fshehtëzim skaj-më-skaj",
+        "error_title": "S’u arrit të krijohej dhomë",
+        "generic_error": "Shërbyesi mund të jetë i pakapshëm, i mbingarkuar, ose hasët një të metë.",
+        "join_rule_change_notice": "Këtë mund ta ndryshoni kurdo, që nga rregullimet e dhomës.",
+        "join_rule_invite": "Dhomë private (vetëm me ftesa)",
+        "join_rule_invite_label": "Vetëm personat e ftuar do të jenë në gjendje ta gjejnë dhe hyjnë në këtë dhomë.",
+        "join_rule_public_label": "Gjithkush do të jetë në gjendje të gjejë dhe hyjë në këtë dhomë.",
+        "join_rule_public_parent_space_label": "Cilido do të jetë në gjendje të gjejë dhe hyjë në këtë dhomë, jo thjesht vetëm anëtarët e <SpaceName/>.",
+        "join_rule_restricted": "I dukshëm për anëtarë të hapësirë",
+        "join_rule_restricted_label": "Cilido te <SpaceName/> do të jetë në gjendje të gjejë dhe hyjë në këtë dhomë.",
+        "name_validation_required": "Ju lutemi, jepni një emër për dhomën",
+        "room_visibility_label": "Dukshmëri dhome",
+        "title_private_room": "Krijoni një dhomë private",
+        "title_public_room": "Krijoni një dhomë publike",
+        "title_video_room": "Krijoni një dhomë me video",
+        "topic_label": "Temë (në daçi)",
+        "unfederated": "Bllokoji cilitdo që s’është pjesë e %(serverName)s marrjen pjesë në këtë dhomë.",
+        "unfederated_label_default_off": "Këtë mund ta aktivizonit, nëse kjo dhomë do të përdoret vetëm për bashkëpunim me ekipe të brendshëm në shërbyesin tuaj Home. Kjo s’mund të ndryshohet më vonë.",
+        "unfederated_label_default_on": "Këtë mund të çaktivizonit, nëse dhoma do të përdoret për bashkëpunim me ekipe të jashtëm që kanë shërbyesin e tyre Home. Kjo s’mund të ndryshohet më vonë.",
+        "unsupported_version": "Shërbyesi nuk e mbulon versionin e specifikuar të dhomës."
+    },
+    "create_space": {
+        "add_details_prompt": "Shtoni ca hollësi që të ndihmoni njerëzit ta dallojnë.",
+        "add_details_prompt_2": "Këto mund t’i ndryshoni në çfarëdo kohe.",
+        "add_existing_rooms_description": "Zgjidhni dhoma ose biseda që të shtohen. Kjo është thjesht një hapësirë për ju, s’do ta dijë kush tjetër. Mund të shtoni të tjerë më vonë.",
+        "add_existing_rooms_heading": "Ç’doni të sistemoni?",
+        "address_label": "Adresë",
+        "address_placeholder": "p.sh., hapësira-ime",
+        "creating": "Po krijohet…",
+        "creating_rooms": "Po krijohen dhoma…",
+        "done_action": "Kalo te hapësira ime",
+        "done_action_first_room": "Kalo te dhoma ime e parë",
+        "explainer": "Hapësirat janë një mënyrë e re grupimi dhomash dhe njerëzish. Ç’lloj Hapësire doni të krijoni? Këtë mund ta ndryshoni më vonë.",
+        "failed_create_initial_rooms": "S’u arrit të krijohen dhomat fillestare të hapësirës",
+        "failed_invite_users": "S’u arrit të ftoheshin te hapësira juaj përdoruesit vijues: %(csvUsers)s",
+        "invite_teammates_by_username": "Ftoni përmes emri përdoruesi",
+        "invite_teammates_description": "Siguroni se kanë hyrje personat e duhur. Mund të shtoni të tjerë më vonë.",
+        "invite_teammates_heading": "Ftoni anëtarët e ekipit tuaj",
+        "inviting_users": "Po ftohen…",
+        "label": "Krijoni një hapësirë",
+        "name_required": "Ju lutemi, jepni një emër për hapësirën",
+        "personal_space": "Vetëm unë",
+        "personal_space_description": "Një hapësirë private për të sistemuar dhomat tuaja",
+        "private_description": "Vetëm me ftesa, më e mira për ju dhe ekipe",
+        "private_heading": "Hapësira juaj private",
+        "private_personal_description": "Siguroni se te %(name)s kanë hyrje personat e duhur",
+        "private_personal_heading": "Me cilët po punoni?",
+        "private_space": "Unë dhe anëtarët e ekipit tim",
+        "private_space_description": "Një hapësirë private për ju dhe anëtarët e ekipit tuaj",
+        "public_description": "Hapësirë e hapët për këdo, më e mira për bashkësi",
+        "public_heading": "Hapësira juaj publike",
+        "setup_rooms_community_description": "Le të krijojmë një dhomë për secilën prej tyre.",
+        "setup_rooms_community_heading": "Cilat janë disa nga gjërat që doni të diskutoni në %(spaceName)s?",
+        "setup_rooms_description": "Mund të shtoni edhe të tjera më vonë, përfshi ato ekzistueset tashmë.",
+        "setup_rooms_private_description": "Do të krijojmë dhoma për çdo prej tyre.",
+        "setup_rooms_private_heading": "Me cilat projekte po merret ekipi juaj?",
+        "share_description": "Vetëm ju, hëpërhë, do të jetë edhe më mirë me të tjerë.",
+        "share_heading": "Ndajeni %(name)s me të tjerët",
+        "skip_action": "Hëpërhë anashkaloje",
+        "subspace_adding": "Po shtohet…",
+        "subspace_beta_notice": "Shtoni një hapësirë te një hapësirë që administroni.",
+        "subspace_dropdown_title": "Krijoni një hapësirë",
+        "subspace_existing_space_prompt": "Në vend të kësaj, mos dëshironi të shtoni një hapësirë ekzistuese?",
+        "subspace_join_rule_invite_description": "Vetëm personat e ftuar do të jenë në gjendje të gjejnë dhe hyjnë në këtë hapësirë.",
+        "subspace_join_rule_invite_only": "Hapësirë private (vetëm me ftesa)",
+        "subspace_join_rule_label": "Dukshmëri hapësire",
+        "subspace_join_rule_public_description": "Cilido do të jetë në gjendje ta gjejë dhe hyjë në këtë hapësirë, jo thjesht anëtarët e <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Cilido te <SpaceName/> do të jetë në gjendje ta gjejë dhe hyjë."
+    },
+    "credits": {
+        "default_cover_photo": "<photo>Fotoja kopertinë parazgjedhje</photo> © <author>Jesús Roncero</author> përdoret sipas kushteve të <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "<twemoji>Twemoji</twemoji> © <author>Twitter, Inc dhe kontribues të tjerë</author> përdoren sipas kushteve të <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "Shkronjat <colr>twemoji-colr</colr> © <author>Mozilla Foundation</author> përdoren sipas kushteve të <terms>Apache 2.0</terms>."
+    },
+    "desktop_default_device_name": "%(brand)s për Desktop: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Widget-e Aktivë",
+        "category_other": "Tjetër",
+        "category_room": "Dhomë",
+        "caution_colon": "Kujdes:",
+        "client_versions": "Versione Klienti",
+        "developer_mode": "Mënyra zhvillues",
+        "developer_tools": "Mjete Zhvilluesi",
+        "edit_setting": "Përpunoni rregullimin",
+        "edit_values": "Përpunoni vlera",
+        "empty_string": "<varg i zbrazët>",
+        "event_content": "Lëndë Akti",
+        "event_id": "ID Veprimtarie: %(eventId)s",
+        "event_sent": "Akti u dërgua!",
+        "event_type": "Lloj Akti",
+        "explore_account_data": "Eksploroni të dhëna llogarie",
+        "explore_room_account_data": "Eksploroni të dhëna llogarie dhome",
+        "explore_room_state": "Eksploroni gjendje dhome",
+        "failed_to_find_widget": "Pati një gabim në gjetjen e këtij widget-i.",
+        "failed_to_load": "S’u arrit të ngarkohej.",
+        "failed_to_save": "S’u arrit të ruhen rregullimet.",
+        "failed_to_send": "S’u arrit të dërgohet akt!",
+        "invalid_json": "S’duket si JSON i vlefshëm.",
+        "level": "Nivel",
+        "low_bandwidth_mode": "Mënyra gjerësi e ulët bande",
+        "low_bandwidth_mode_description": "Lyp shërbyes Home të përputhshëm.",
+        "main_timeline": "Rrjedhë kohore kryesore",
+        "no_receipt_found": "S’u gjet dëftesë",
+        "notification_state": "Gjendje njoftimi është <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Diagnostikim njoftimesh",
+        "number_of_users": "Numër përdoruesish",
+        "original_event_source": "Burim i veprimtarisë origjinale",
+        "room_encrypted": "Dhoma është <strong>e fshehtëzuar ✅</strong>",
+        "room_id": "ID Dhome: %(roomId)s",
+        "room_not_encrypted": "Dhoma është <strong>e pafshehtëzuar 🚨</strong>",
+        "room_notifications_highlight": "Theksoje: ",
+        "room_notifications_last_event": "Veprimtaria e fundit:",
+        "room_notifications_sender": "Dërgues: ",
+        "room_notifications_thread_id": "ID Rrjedhe: ",
+        "room_notifications_total": "Gjithsej: ",
+        "room_notifications_type": "Lloj: ",
+        "room_status": "Gjendje dhome",
+        "room_unread_status_count": {
+            "other": "Gjendje të palexuara në dhomë: <strong>%(status)s</strong>, count: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Ruaj vlera rregullimi",
+        "send_custom_account_data_event": "Dërgoni akt vetjak të dhënash llogarie",
+        "send_custom_room_account_data_event": "Dërgo akt vetjak të dhënash llogarie dhome",
+        "send_custom_state_event": "Dërgoni akt vetjak gjendjeje",
+        "send_custom_timeline_event": "Dërgoni akt vetjak rrjedhe kohore",
+        "server_info": "Hollësi shërbyesi",
+        "server_versions": "Versione Shërbyesi",
+        "settable_global": "I caktueshëm te të përgjithshmet",
+        "settable_room": "I caktueshëm për dhomën",
+        "setting_colon": "Rregullim:",
+        "setting_definition": "Përkufizim rregullimi:",
+        "setting_id": "ID Rregullimi",
+        "settings_explorer": "Eksplorues rregullimesh",
+        "show_hidden_events": "Shfaq te rrjedha kohore veprimtari të fshehura",
+        "spaces": {
+            "one": "<hapësirë>",
+            "other": "<%(count)s hapësira>"
+        },
+        "state_key": "Kyç Gjendjesh",
+        "threads_timeline": "Rrjedhë kohore rrjedhash",
+        "title": "Mjete zhvilluesi",
+        "toolbox": "Grup mjetesh",
+        "use_at_own_risk": "Kjo UI NUK kontrollon llojet e vlerave. Përdorini me përgjegjësinë tuaj.",
+        "value": "Vlerë",
+        "value_colon": "Vlerë:",
+        "value_in_this_room": "Vlerë në këtë dhomë",
+        "value_this_room_colon": "Vlerë në këtë dhomë:",
+        "values_explicit": "Vlera në nivele shprehimisht",
+        "values_explicit_colon": "Vlera në nivele shprehimisht:",
+        "values_explicit_room": "Vlera në nivele shprehimisht në këtë dhomë",
+        "values_explicit_this_room_colon": "Vlera në nivele shprehimisht në këtë dhomë:",
+        "view_servers_in_room": "Shihni shërbyes në dhomë",
+        "view_source_decrypted_event_source": "U shfshehtëzua burim veprimtarie",
+        "view_source_decrypted_event_source_unavailable": "Burim i shfshehtëzuar jo i passhëm",
+        "widget_screenshots": "Aktivizo foto ekrani widget-esh për widget-e që e mbulojnë"
+    },
+    "dialog_close_label": "Mbylle dialogun",
+    "download_completed": "Shkarkim i Plotësuar",
+    "empty_room": "Dhomë e zbrazët",
+    "empty_room_was_name": "Dhomë e zbrazët (qe %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Kyç Sigurie i Gabuar"
+            },
+            "restoring": "Po rikthehen kyçesh nga kopjeruajtje",
+            "security_key_title": "Kyç Sigurie"
+        },
+        "bootstrap_title": "Ujdisje kyçesh",
+        "confirm_encryption_setup_body": "Klikoni mbi butonin më poshtë që të ripohoni ujdisjen e fshehtëzimit.",
+        "confirm_encryption_setup_title": "Ripohoni ujdisje fshehtëzimi",
+        "cross_signing_room_normal": "Kjo dhomë është e fshehtëzuar skaj-më-skaj",
+        "cross_signing_room_verified": "Gjithkush në këtë dhomë është verifikuar",
+        "cross_signing_room_warning": "Dikush po përdor një sesion të panjohur",
+        "cross_signing_user_normal": "S’e keni verifikuar këtë përdorues.",
+        "cross_signing_user_verified": "E keni verifikuar këtë përdorues. Ky përdorues ka verifikuar krejt sesionet e veta.",
+        "cross_signing_user_warning": "Ky përdorues s’ka verifikuar krejt sesionet e tij.",
+        "event_shield_reason_authenticity_not_guaranteed": "Mirëfilltësia e këtij mesazhi të fshehtëzuar s’mund të garantohet në këtë pajisje.",
+        "event_shield_reason_mismatched_sender_key": "Fshehtëzuar nga një sesion i paverifikuar",
+        "export_unsupported": "Shfletuesi juaj nuk mbulon zgjerimet kriptografike të domosdoshme",
+        "import_invalid_keyfile": "S’është kartelë kyçesh %(brand)s e vlefshme",
+        "import_invalid_passphrase": "Dështoi kontrolli i mirëfilltësimit: fjalëkalim i pasaktë?",
+        "messages_not_secure": {
+            "cause_1": "Shërbyesi juaj Home",
+            "cause_2": "Shërbyesi Home te i cili është lidhur përdoruesi që po verifikoni",
+            "cause_3": "Lidhja internet e juaja, ose e përdoruesve të tjerë",
+            "cause_4": "Sesioni juaj, ose i përdoruesve të tjerë",
+            "heading": "Një nga sa vijon mund të jetë komprometuar:",
+            "title": "Mesazhet tuaj s’janë të sigurt"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Janë pikasur një Frazë e re Sigurie dhe kyç i ri për Mesazhe të Sigurt.",
+            "description_2": "Ky sesion e fshehtëzon historikun duke përdorur metodë të re rimarrjesh.",
+            "title": "Metodë e Re Rimarrjesh",
+            "warning": "Nëse metodën e re të rimarrjeve s’e keni caktuar ju, dikush mund të jetë duke u rrekur të hyjë në llogarinë tuaj. Ndryshoni menjëherë fjalëkalimin e llogarisë tuaj, te Rregullimet, dhe caktoni një metodë të re rimarrjesh."
+        },
+        "recovery_method_removed": {
+            "description_1": "Ky sesion ka pikasur se Fraza e Sigurisë dhe kyçi juaj për Mesazhe të Sigurt janë hequr.",
+            "description_2": "Nëse këtë e keni bërë pa dashje, mund të ujdisni Mesazhe të Sigurt në këtë sesion, gjë që do të sjellë rifshehtëzimin e historikut të mesazheve të sesionit me një metodë të re rimarrjesh.",
+            "title": "U hoq Metodë Rimarrje",
+            "warning": "Nëse metodën e re të rimarrjeve s’e keni hequr ju, dikush mund të jetë duke u rrekur të hyjë në llogarinë tuaj. Ndryshoni menjëherë fjalëkalimin e llogarisë tuaj, te Rregullimet, dhe caktoni një metodë të re rimarrjesh."
+        },
+        "set_up_toast_title": "Ujdisni Kopjeruajtje të Sigurt",
+        "unable_to_setup_keys_error": "S’arrihet të ujdisen kyçe",
+        "verification": {
+            "accepting": "Po pranohet…",
+            "after_new_login": {
+                "device_verified": "Pajisja u verifikua",
+                "skip_verification": "Anashkaloje verifikimin hëpërhë",
+                "verify_this_device": "Verifikoni këtë pajisje"
+            },
+            "cancelling": "Po anulohet…",
+            "complete_action": "E Mora Vesh",
+            "complete_description": "E verifikuat me sukses këtë përdorues.",
+            "complete_title": "U verifikua!",
+            "error_starting_description": "S’qemë në gjendje të nisim një bisedë me përdoruesin tjetër.",
+            "error_starting_title": "Gabim në nisje verifikimi",
+            "explainer": "Mesazhet e sigurt me këtë përdorues fshehtëzohen skaj-më-skaj dhe të palexueshëm nga palë të treta.",
+            "in_person": "Për të qenë i sigurt, bëjeni këtë duke qenë vetë i pranishëm ose përdorni për të komunikuar një rrugë të besuar.",
+            "incoming_sas_device_dialog_text_1": "Që t’i vihet shenjë si e besuar, verifikojeni këtë pajisje. Besimi i kësaj pajisjeje ju jep juve dhe përdoruesve të tjerë ca qetësi më tepër, kur përdoren mesazhe të fshehtëzuar skaj-më-skaj.",
+            "incoming_sas_device_dialog_text_2": "Verifikimi i kësaj pajisjeje do të t’i vërë shenjë si të besuar dhe përdoruesit që janë verifikuar me ju do ta besojnë këtë pajisje.",
+            "incoming_sas_dialog_title": "Kërkesë Verifikimi e Ardhur",
+            "incoming_sas_dialog_waiting": "Po pritet ripohimi nga partneri…",
+            "incoming_sas_user_dialog_text_1": "Verifikojeni këtë përdorues që t’i vihet shenjë si i besuar. Përdoruesit e besuar ju më tepër siguri kur përdorni mesazhe të fshehtëzuar skaj-më-skaj.",
+            "incoming_sas_user_dialog_text_2": "Verifikimi i këtij përdoruesi do t’i vërë shenjë sesionit të tij si të besuar dhe sesionit tuaj si të besuar për ta.",
+            "no_support_qr_emoji": "Pajisja që po provoni të verifikoni nuk mbulon skanim të një kodi QR, apo verifikim me emoji, çka janë ato që mbulohen prej %(brand)s. Provoni me një klient tjetër.",
+            "other_party_cancelled": "Pala tjetër e anuloi verifikimin.",
+            "prompt_encrypted": "Verifiko krejt përdoruesit në dhomë, për të garantuar se është e sigurt.",
+            "prompt_unencrypted": "Në dhoma të fshehtëzuara, verifikoni krejt përdoruesit për të garantuar se është e sigurt.",
+            "qr_or_sas": "%(qrCode)s ose %(emojiCompare)s",
+            "qr_prompt": "Skanoni këtë kod unik",
+            "qr_reciprocate_same_shield_user": "Thuaje mbërritëm! A shfaq %(displayName)s të njëjtën mburojë?",
+            "request_toast_decline_counter": "Shpërfill (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s prej %(ip)s",
+            "sas_caption_self": "Verifikoni këtë pajisje duke ripohuar se numri vijues shfaqet në ekranin e saj.",
+            "sas_caption_user": "Verifikojeni këtë përdorues duke ripohuar shfaqjen e numrit vijues në skenën e tyre.",
+            "sas_description": "Krahasoni një grup unik emoji-sh, nëse s’keni kamera në njërën nga pajisjet",
+            "sas_emoji_caption_user": "Verifikojeni këtë përdorues duke ripohuar shfaqjen e emoji-t vijues në skenën e tyre.",
+            "sas_match": "Përputhen",
+            "sas_no_match": "S’përputhen",
+            "sas_prompt": "Krahasoni emoji unik",
+            "scan_qr": "Verifikoje me skanim",
+            "scan_qr_explainer": "Kërkojini %(displayName)s të skanojë kodin tuaj:",
+            "start_button": "Fillo Verifikimin",
+            "successful_user": "E verifikuat me sukses %(displayName)s!",
+            "unsupported_method": "S’arrihet të gjendet metodë verifikimi e mbuluar.",
+            "unverified_session_toast_accept": "Po, unë qeshë",
+            "unverified_session_toast_title": "Hyrje e re. Ju qetë?",
+            "unverified_sessions_toast_description": "Shqyrtojeni për t’u siguruar se llogaria është e parrezik",
+            "unverified_sessions_toast_reject": "Më vonë",
+            "unverified_sessions_toast_title": "Keni sesioni të paverifikuar",
+            "verification_dialog_title_device": "Verifikoni pajisje tjetër",
+            "verification_dialog_title_user": "Kërkesë Verifikimi",
+            "verification_skip_warning": "Pa e verifikuar, s’do të mund të hyni te krejt mesazhet tuaja dhe mund të dukeni jo i besueshëm për të tjerët.",
+            "verification_success_with_backup": "Pajisja juaj e re tani është e verifikuar. Ajo ka hyrje te mesazhet tuaja të fshehtëzuara dhe përdorues të tjerë do ta shohin si të besuar.",
+            "verification_success_without_backup": "Pajisja juaj e re tani është e verifikuar. Përdorues të tjerë do ta shohin si të besuar.",
+            "verify_emoji": "Verifikoje përmes emoji-t",
+            "verify_emoji_prompt": "Verifikoje duke krahasuar emoji unik.",
+            "verify_emoji_prompt_qr": "Nëse s’e skanoni dot kodin më sipër, verifikojeni duke krahasuar emoji unik.",
+            "verify_later": "Do ta verifikoj më vonë",
+            "waiting_for_user_accept": "Po pritet për %(displayName)s të pranojë…",
+            "waiting_other_device": "Po pritet që ju të verifikoni në pajisjen tuaj tjetër…",
+            "waiting_other_device_details": "Po pritet që ju të verifikoni në pajisjen tuaj tjetër, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Po pritet për %(displayName)s të verifikojë…"
+        },
+        "verification_requested_toast_title": "U kërkua verifikim",
+        "verify_toast_description": "Përdorues të tjerë mund të mos e besojnë",
+        "verify_toast_title": "Verifikoni këtë sesion"
+    },
+    "error": {
+        "admin_contact": "Ju lutemi, që të vazhdoni të përdorni këtë shërbim, <a>lidhuni me përgjegjësin e shërbimit tuaj</a>.",
+        "admin_contact_short": "Lidhuni me <a>përgjegjësin e shërbyesit tuaj</a>.",
+        "app_launch_unexpected_error": "Gabim i papritur gjatë përgatitjes së aplikacionit. Për hollësi, shihni konsolën.",
+        "cannot_load_config": "S’arrihet të ngarkohet kartelë formësimesh: ju lutemi, rifreskoni faqen dhe riprovoni.",
+        "connection": "Pati një problem në komunikimin me shërbyesin Home, ju lutemi, riprovoni më vonë.",
+        "dialog_description_default": "Ndodhi një gabim.",
+        "download_media": "S’u arrit të shkarkohet media burim, s’u gjet URL burimi",
+        "edit_history_unsupported": "Shërbyesi juaj Home nuk duket se e mbulon këtë veçori.",
+        "failed_copy": "S’u arrit të kopjohej",
+        "hs_blocked": "Ky shërbyes Home është bllokuar nga përgjegjësit e tij.",
+        "invalid_configuration_mixed_server": "Formësim i pavlefshëm: një default_hs_url s’mund të jepet tok me default_server_name, apo default_server_config",
+        "invalid_configuration_no_server": "Formësim i pavlefshëm: s’është caktuar shërbyes parazgjedhje.",
+        "invalid_json": "Formësimi juaj i Element-it përmban JSON të pavlefshëm. Ju lutemi, ndreqeni problemin dhe ringarkoni faqen.",
+        "invalid_json_detail": "Mesazhi prej procesit është: %(message)s",
+        "invalid_json_generic": "JSON i pavlefshëm",
+        "mau": "Ky shërbyes home ka tejkaluar kufirin e vet Përdorues Aktivë Mujorë.",
+        "misconfigured": "Element-i juaj është i keqformësuar",
+        "mixed_content": "S’lidhet dot te shërbyes Home përmes HTTP-je, kur te shtylla e shfletuesit tuaj jepet një URL HTTPS. Ose përdorni HTTPS-në, ose <a>aktivizoni përdorimin e programtheve jo të sigurt</a>.",
+        "non_urgent_echo_failure_toast": "Shërbyesi juaj s’po u përgjigjet ca <a>kërkesave</a>.",
+        "resource_limits": "Ky shërbyes home ka tejkaluar një nga kufijtë e tij mbi burimet.",
+        "session_restore": {
+            "clear_storage_button": "Spastro Depon dhe Dil",
+            "clear_storage_description": "Të dilet dhe të hiqen kyçet e fshehtëzimit?",
+            "description_1": "Hasëm një gabim teksa provohej të rikthehej sesioni juaj i dikurshëm.",
+            "description_2": "Nëse më herët keni përdorur një version më të freskët të %(brand)s-it, sesioni juaj mund të jetë i papërputhshëm me këtë version. Mbylleni këtë dritare dhe kthehuni te versioni më i ri.",
+            "description_3": "Spastrimi i gjërave të depozituara në shfletuesin tuaj mund ta ndreqë problemin, por kjo do të sjellë nxjerrjen tuaj nga llogari dhe do ta bëjë të palexueshëm çfarëdo historiku të fshehtëzuar të bisedës.",
+            "title": "S’arrihet të rikthehet sesioni"
+        },
+        "something_went_wrong": "Diçka shkoi ters!",
+        "storage_evicted_description_1": "Mungojnë disa të dhëna sesioni, përfshi kyçe mesazhesh të fshehtëzuar. Për të ndrequr këtë, dilni dhe hyni, duke rikthyer kështu kyçet nga kopjeruajtje.",
+        "storage_evicted_description_2": "Ka gjasa që shfletuesi juaj të ketë hequr këto të dhëna kur kish pak hapësirë në disk.",
+        "storage_evicted_title": "Mungojnë të dhëna sesioni",
+        "sync": "S’u arrit të lidhej me shërbyesin Home. Po riprovohet…",
+        "tls": "S’lidhet dot te shërbyes Home - ju lutemi, kontrolloni lidhjen tuaj, sigurohuni që <a>dëshmia SSL e shërbyesit tuaj Home</a> besohet, dhe që s’ka ndonjë zgjerim shfletuesi që po bllokon kërkesat tuaja.",
+        "unknown": "Gabim i panjohur",
+        "unknown_error_code": "kod gabimi të panjohur",
+        "update_power_level": "S’u arrit të ndryshohej shkalla e pushtetit"
+    },
+    "error_database_closed_title": "Baza e të dhënave u mbyll papritur",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "S’arrihet të kopjohet në të papastër një lidhje për te dhoma.",
+            "title": "S’arrihet të kopjohet lidhja e dhomës"
+        },
+        "error_loading_user_profile": "S’u ngarkua dot profili i përdoruesit",
+        "forget_room_failed": "S’u arrit të harrohej dhoma %(errCode)s"
+    },
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Thirrje në ecuri e sipër",
+            "user": "%(senderName)s u bë pjesë e thirrjes",
+            "you": "U bëtë pjesë e thirrjes"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s e përfundoi thirrjen",
+            "you": "E përfunduat thirrjen"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s po thërret",
+            "dm_send": "Po pritet për përgjigje",
+            "user": "%(senderName)s filluat një thirrje",
+            "you": "Filluat një thirrje"
+        },
+        "m.reaction": {
+            "user": "%(sender)s reagoi me %(reaction)s ndaj %(message)s",
+            "you": "Reaguat me %(reaction)s ndaj %(message)s"
+        }
+    },
+    "export_chat": {
+        "cancelled": "Eksportimi u Anulua",
+        "cancelled_detail": "Eksportimi u anulua me sukses",
+        "confirm_stop": "Jeni i sigurt se doni të ndalet eksportimi i të dhënave tuaja? Nëse po, do t’ju duhet t’ia filloni nga e para.",
+        "creating_html": "Po krijohet HTML…",
+        "creator_summary": "%(creatorName)s krijoi këtë dhomë.",
+        "current_timeline": "Rrjedhë Kohore e Tanishme",
+        "enter_number_between_min_max": "Jepni një numër mes %(min)s dhe %(max)s",
+        "error_fetching_file": "Gabim në sjellje kartele",
+        "export_info": "Ky është fillimi i eksportimit të <roomName/>. Eksportuar nga <exporterDetails/> më %(exportDate)s.",
+        "export_successful": "Eksportim i suksesshëm!",
+        "exported_n_events_in_time": {
+            "one": "U eksportua %(count)s veprimtari për %(seconds)s sekonda",
+            "other": "U eksportuan %(count)s veprimtari për %(seconds)s sekonda"
+        },
+        "exporting_your_data": "Eksportim i të dhënave tuaja",
+        "fetched_n_events": {
+            "one": "U pru %(count)s veprimtari deri tani",
+            "other": "U prunë %(count)s veprimtari deri tani"
+        },
+        "fetched_n_events_in_time": {
+            "one": "U pru %(count)s veprimtari për %(seconds)ss",
+            "other": "U prunë %(count)s veprimtari për %(seconds)ss"
+        },
+        "fetched_n_events_with_total": {
+            "one": "U pru %(count)s veprimtari nga %(total)s gjithsej",
+            "other": "U prunë %(count)s veprimtari nga %(total)s gjithsej"
+        },
+        "fetching_events": "Po sillen veprimtari…",
+        "file_attached": "Kartelë Bashkëngjitur",
+        "from_the_beginning": "Që nga fillimi",
+        "generating_zip": "Po prodhohet një ZIP",
+        "include_attachments": "Përfshi Bashkëngjitje",
+        "media_omitted": "U la jashtë media",
+        "media_omitted_file_size": "U la jashtë media - u tejkalua kufi madhësie kartele",
+        "messages": "Mesazhe",
+        "num_messages": "Numër mesazhesh",
+        "num_messages_min_max": "Numri i mesazheve mund të jetë vetëm një numër mes %(min)s dhe %(max)s",
+        "number_of_messages": "Përcaktoni një numër mesazhesh",
+        "processing": "Po përpunohet…",
+        "processing_event_n": "Po përpunohet veprimtaria %(number)s nga %(total)s gjithsej",
+        "select_option": "Që të eksportohen fjalosje prej rrjedhës tuaj kohore, përzgjidhni prej mundësive më poshtë",
+        "size_limit": "Kufi Madhësie",
+        "size_limit_min_max": "Madhësia mund të jetë vetëm një numër mes %(min)s MB dhe %(max)s MB",
+        "starting_export": "Po niset eksportimi…",
+        "successful": "Eksportim i Suksesshëm",
+        "successful_detail": "Eksportimi juaj qe i suksesshëm. E keni te dosja juaj Shkarkime.",
+        "text": "Tekst i Thjeshtë",
+        "title": "Eksportoni Fjalosje",
+        "topic": "Temë: %(topic)s",
+        "unload_confirm": "Jeni i sigurt se doni të dilet gjatë këtij eksportimi?"
+    },
+    "failed_load_async_component": "S’arrihet të ngarkohet! Kontrolloni lidhjen tuaj në rrjet dhe riprovoni.",
+    "feedback": {
+        "can_contact_label": "Mund të lidheni me mua, nëse keni pyetje të mëtejshme",
+        "comment_label": "Koment",
+        "existing_issue_link": "Ju lutemi, shihni <existingIssuesLink>të meta ekzistuese në Github</existingIssuesLink> së pari. S’ka përputhje? <newIssueLink>Nisni një të re</newIssueLink>.",
+        "may_contact_label": "Mund të lidheni me mua për vazhdimin, ose për të më lejuar të testoj ide të ardhshme",
+        "platform_username": "Platforma dhe emri juaj i përdoruesit do të mbahen shënim, për të na ndihmuar t’i përdorim përshtypjet tuaja sa më shumë që të mundemi.",
+        "pro_type": "NDIHMËZ PROFESIONISTËSH: Nëse nisni një njoftim të mete, ju lutemi, parashtroni <debugLogsLink>regjistra diagnostikimi</debugLogsLink>, që të na ndihmoni të gjejmë problemin.",
+        "send_feedback_action": "Dërgoni përshtypjet",
+        "sent": "Përshtypjet u dërguan"
+    },
+    "file_panel": {
+        "empty_description": "Bashkëngjitni kartela prej fjalosjeje ose thjesht tërhiqini dhe lërini kudo qoftë brenda dhomës.",
+        "empty_heading": "S’ka kartela të dukshme në këtë dhomë",
+        "guest_note": "Që të përdorni këtë funksion, duhet të <a>regjistroheni</a>",
+        "peek_note": "Duhet të hyni në dhomë, pa të shihni kartelat e saj"
+    },
+    "forward": {
+        "filter_placeholder": "Kërkoni për dhoma ose persona",
+        "message_preview_heading": "Paraparje mesazhi",
+        "no_perms_title": "S’keni leje ta bëni këtë",
+        "open_room": "Dhomë e hapët",
+        "send_label": "Dërgoje",
+        "sending": "Po dërgohet",
+        "sent": "U dërgua"
+    },
+    "identity_server": {
+        "change": "Ndryshoni shërbyes identitetesh",
+        "change_prompt": "Të shkëputet më mirë nga shërbyesi i identiteteve <current /> dhe të lidhet me <new />?",
+        "change_server_prompt": "Nëse s’doni të përdoret <server /> për të zbuluar dhe për të qenë i zbulueshëm nga kontakte ekzistuese që njihni, jepni më poshtë një tjetër shërbyes identitetesh.",
+        "checking": "Po kontrollohet shërbyesi",
+        "description_connected": "Jeni duke përdorur <server></server> për të zbuluar dhe për t’u zbuluar nga kontakte ekzistues që njihni. Shërbyesin tuaj të identiteteve mund ta ndryshoni më poshtë.",
+        "description_disconnected": "S’po përdorni ndonjë shërbyes identitetesh. Që të zbuloni dhe të jeni i zbulueshëm nga kontakte ekzistues që njihni, shtoni një të tillë më poshtë.",
+        "description_optional": "Përdorimi i një shërbyesi identitetesh është opsional. Nëse zgjidhni të mos përdoret një shërbyes identitetesh, s’do të jeni i zbulueshëm nga përdorues të tjerë dhe s’do të jeni në gjendje të ftoni të tjerë me anë email-esh apo telefoni.",
+        "disconnect": "Shkëpute shërbyesin e identiteteve",
+        "disconnect_anyway": "Shkëputu, sido qoftë",
+        "disconnect_offline_warning": "Përpara shkëputjes, duhet <b>të hiqni të dhënat tuaja personale</b> nga shërbyesi i identiteteve <idserver />. Mjerisht, shërbyesi i identiteteve <idserver /> hëpërhë është jashtë funksionimi dhe s’mund të kapet.",
+        "disconnect_personal_data_warning_1": "Ende <b>ndani të dhëna tuajat personale</b> në shërbyesin e identiteteve <idserver />.",
+        "disconnect_personal_data_warning_2": "Këshillojmë që të hiqni prej shërbyesit të identiteteve adresat tuaj email dhe numrat tuaj të telefonave përpara se të bëni shkëputjen.",
+        "disconnect_server": "Të shkëputet prej shërbyesit të identiteteve <idserver />?",
+        "disconnect_warning": "Shkëputja prej shërbyesit tuaj të identiteteve do të thotë se s’do të jeni i zbulueshëm nga përdorues të tjerë dhe s’do të jeni në gjendje të ftoni të tjerë përmes email-i apo telefoni.",
+        "do_not_use": "Mos përdor shërbyes identitetesh",
+        "error_connection": "S’u lidh dot te shërbyes identitetesh",
+        "error_invalid": "Shërbyes identitetesh i pavlefshëm (kod gjendjeje %(code)s)",
+        "error_invalid_or_terms": "S’janë pranuar kushtet e shërbimit ose shërbyesi i identiteteve është i pavlefshëm.",
+        "no_terms": "Shërbyesi i identiteteve që keni zgjedhur nuk ka ndonjë kusht shërbimi.",
+        "suggestions": "Duhet:",
+        "suggestions_1": "të kontrolloni shtojcat e shfletuesit tuaj për çfarëdo që mund të bllokojë shërbyesin e identiteteve (bie fjala, Privacy Badger)",
+        "suggestions_2": "të lidheni me përgjegjësit e shërbyesit të identiteteve <idserver />",
+        "suggestions_3": "të prisni dhe të riprovoni më vonë",
+        "url": "Shërbyes identitetesh (%(server)s)",
+        "url_field_label": "Jepni një shërbyes të ri identitetesh",
+        "url_not_https": "URL-ja e shërbyesit të identiteteve duhet të jetë HTTPS"
+    },
+    "in_space": "Në hapësirën %(spaceName)s.",
+    "in_space1_and_space2": "Në hapësirat %(space1Name)s dhe %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "Në %(spaceName)s dhe %(count)s hapësirë tjetër.",
+        "other": "Në %(spaceName)s dhe %(count)s hapësira të tjera."
+    },
+    "incompatible_browser": {
+        "title": "Shfletues i pambuluar"
+    },
+    "info_tooltip_title": "Informacion",
+    "integration_manager": {
+        "connecting": "Po lidhet me përgjegjës integrimesh…",
+        "error_connecting": "Përgjegjësi i integrimeve s’është në linjë ose s’kap dot shërbyesin tuaj Home.",
+        "error_connecting_heading": "S’lidhet dot te përgjegjës integrimesh",
+        "explainer": "Përgjegjësit e integrimeve marrin të dhëna formësimi, dhe mund të ndryshojnë widget-e, të dërgojnë ftesa dhome, dhe të caktojnë shkallë pushteti në emër tuajin.",
+        "manage_title": "Administroni integrime",
+        "use_im": "Përdorni një përgjegjës integrimesh që të administroni robotë, widget-e dhe paketa ngjitësish.",
+        "use_im_default": "Përdorni një përgjegjës integrimesh <b>(%(serverName)s)</b> që të administroni robotë, widget-e dhe paketa ngjitësish."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Që të bëni këtë, aktivizoni '%(manageIntegrations)s' te Rregullimet.",
+        "disabled_dialog_title": "Integrimet janë të çaktivizuara",
+        "impossible_dialog_description": "%(brand)s-i juaj nuk ju lejon të përdorni një përgjegjës integrimesh për të bërë këtë. Ju lutemi, lidhuni me përgjegjësin.",
+        "impossible_dialog_title": "Integrimet s’lejohen"
+    },
+    "invite": {
+        "email_caption": "Ftojeni me email",
+        "email_limit_one": "Ftesat me email mund të dërgohen vetëm një në herë",
+        "email_use_default_is": "Përdorni një shërbyes identitetesh për të ftuar me email. <default>Përdorni parazgjedhjen (%(defaultIdentityServerName)s)</default> ose administrojeni që nga <settings>Rregullimet</settings>.",
+        "email_use_is": "Përdorni një shërbyes identitetesh për të ftuar me email. Administrojeni që nga <settings>Rregullimet</settings>.",
+        "error_already_invited_room": "Përdoruesi është ftuar tashmë te dhoma",
+        "error_already_invited_space": "Përdoruesi është ftuar tashmë te hapësira",
+        "error_already_joined_room": "Përdoruesi gjendet tashmë te dhoma",
+        "error_already_joined_space": "Përdoruesit gjendet tashmë te hapësira",
+        "error_bad_state": "Para se të ftohen, përdoruesve u duhet hequr dëbimi.",
+        "error_dm": "S’e krijuam dot DM-në tuaj.",
+        "error_find_room": "Diç shkoi ters teksa provohej të ftoheshin përdoruesit.",
+        "error_find_user_description": "Përdoruesit vijues mund të mos ekzistojnë ose janë të pavlefshëm, dhe s’mund të ftohen: %(csvNames)s",
+        "error_find_user_title": "S’u arrit të gjendeshin përdoruesit vijues",
+        "error_invite": "S’i ftuam dot këta përdorues. Ju lutemi, kontrolloni përdoruesit që doni të ftoni dhe riprovoni.",
+        "error_permissions_room": "S’keni leje të ftoni njerëz në këtë dhomë.",
+        "error_permissions_space": "S’keni leje të ftoni njerëz në këtë hapësirë.",
+        "error_profile_undisclosed": "Përdorues mund të ekzistojë ose jo",
+        "error_transfer_multiple_target": "Një thirrje mund të shpërngulet vetëm te një përdorues.",
+        "error_unknown": "Gabim i panjohur shërbyesi",
+        "error_user_not_found": "Përdoruesi s’ekziston",
+        "error_version_unsupported_room": "Shërbyesi Home i përdoruesit s’e mbulon versionin e dhomës.",
+        "error_version_unsupported_space": "Shërbyesi Home i përdoruesit s’e mbulon versionin e hapësirës.",
+        "failed_generic": "Veprimi dështoi",
+        "failed_title": "S’u arrit të ftohej",
+        "invalid_address": "Adresë jo e pranuar",
+        "name_email_mxid_share_room": "Ftoni dikë duke përdorur emrin e tij, adresën email, emrin e përdoruesit (bie fjala, <userId/>) ose <a>ndani me të këtë dhomë</a>.",
+        "name_email_mxid_share_space": "Ftoni dikë duke përdorur emrin e tij, adresën email, emrin e përdoruesit (bie fjala, <userId/>) ose <a>ndani me të këtë hapësirë</a>.",
+        "name_mxid_share_room": "Ftoni dikë duke përdorur emrin e tij, emrin e tij të përdoruesit (bie fjala, <userId/>) ose <a>ndani me të këtë dhomë</a>.",
+        "name_mxid_share_space": "Ftoni dikë duke përdorur emrin e tij, emrin e tij të përdoruesit (bie fjala, <userId/>) ose <a>ndani me të këtë hapësirë</a>.",
+        "recents_section": "Biseda Së Fundi",
+        "room_failed_partial": "I dërguam të tjerat, por personat më poshtë s’u ftuan dot te <RoomName/>",
+        "room_failed_partial_title": "S’u dërguan dot disa nga ftesat",
+        "room_failed_title": "S’u arrit të ftoheshin përdoruesit te %(roomName)s",
+        "send_link_prompt": "Ose dërgoni një lidhje ftese",
+        "start_conversation_name_email_mxid_prompt": "Nisni një bisedë me dikë duke përdorur emrin e tij, adresën email ose emrin e përdoruesit (bie fjala, <userId/>).",
+        "start_conversation_name_mxid_prompt": "Nisni një bisedë me dikë duke përdorur emrin e tij ose emrin e tij të përdoruesit (bie fjala, <userId/>).",
+        "suggestions_disclaimer": "Disa sugjerime mund të jenë fshehur, për arsye privatësie.",
+        "suggestions_disclaimer_prompt": "Nëse s’e shihni atë që po kërkoni, dërgojini nga më poshtë një lidhje ftese.",
+        "suggestions_section": "Me Mesazhe të Drejtpërdrejtë Së Fundi",
+        "to_room": "Ftojeni te %(roomName)s",
+        "to_space": "Ftojeni te %(spaceName)s",
+        "transfer_dial_pad_tab": "Butona numrash",
+        "transfer_user_directory_tab": "Drejtori Përdoruesi",
+        "unable_find_profiles_description_default": "S’arrihet të gjenden profile për ID-të Matrix të treguara më poshtë - do të donit të ftohet, sido qoftë?",
+        "unable_find_profiles_invite_label_default": "Ftoji sido qoftë",
+        "unable_find_profiles_invite_never_warn_label_default": "Ftoji sido që të jetë dhe mos më sinjalizo më kurrë",
+        "unable_find_profiles_title": "Përdoruesit vijues mund të mos ekzistojnë"
+    },
+    "inviting_user1_and_user2": "Po ftohen %(user1)s dhe %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Po ftohet %(user)s dhe 1 tjetër",
+        "other": "Po ftohet %(user)s dhe %(count)s të tjerë"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> dhe %(count)s të tjerë",
+        "one": "<Items/> dhe një tjetër"
+    },
+    "keyboard": {
+        "activate_button": "Aktivizo buton të përzgjedhur",
+        "autocomplete_cancel": "Anulo vetëplotësim",
+        "autocomplete_force": "Detyro plotësimin",
+        "autocomplete_navigate_next": "Sugjerimi pasues për vetëplotësim",
+        "autocomplete_navigate_prev": "Sugjerimi i mëparshëm për vetëplotësim",
+        "backspace": "Tasti Backspace",
+        "cancel_reply": "Anulo përgjigjen te një mesazh",
+        "category_autocomplete": "Vetëplotëso",
+        "category_calls": "Thirrje",
+        "category_navigation": "Lëvizje",
+        "category_room_list": "Listë Dhomash",
+        "close_dialog_menu": "Mbyllni dialog ose menu konteksti",
+        "composer_jump_end": "Hidhu te fundi i hartuesit",
+        "composer_jump_start": "Hidhu te fillimi i hartuesit",
+        "composer_navigate_next_history": "Kaloni te mesazhi pasues te historiku i hartuesit",
+        "composer_navigate_prev_history": "Kaloni te mesazhi i mëparshëm te historiku i hartuesit",
+        "composer_new_line": "Rresht i ri",
+        "composer_redo": "Ribëje përpunimin",
+        "composer_toggle_bold": "Aktivizo/çaktivizo Të trasha",
+        "composer_toggle_code_block": "Shfaq/Fshih Bllok Kodi",
+        "composer_toggle_italics": "Aktivizo/çaktivizo Të pjerrëta",
+        "composer_toggle_link": "Shfaqe/Fshihe Lidhjen",
+        "composer_toggle_quote": "Aktivizo/çaktivizo Thonjëza",
+        "composer_undo": "Zhbëje përpunimin",
+        "dismiss_read_marker_and_jump_bottom": "Mos merr parasysh piketë leximi dhe hidhu te fundi",
+        "go_home_view": "Kaloni te Pamja Kreu",
+        "home": "Kreu",
+        "jump_first_message": "Kalo te mesazhi i parë",
+        "jump_last_message": "Kalo te mesazhi i fundit",
+        "jump_room_search": "Hidhu te kërkim në dhomë",
+        "jump_to_read_marker": "Hidhu te mesazhi më i vjetër i palexuar",
+        "keyboard_shortcuts_tab": "Hap këtë skedë rregullimesh",
+        "navigate_next_history": "Dhoma ose hapësira pasuese vizituar së fundi",
+        "navigate_next_message_edit": "Kaloni te mesazhi pasues për ta përpunuar",
+        "navigate_prev_history": "Dhoma ose hapësira e mëparshme vizituar së fundi",
+        "navigate_prev_message_edit": "Kaloni te mesazhi i mëparshëm për ta përpunuar",
+        "next_room": "Dhomë ose MD pasues",
+        "next_unread_room": "Dhomë ose MD i palexuar pasues",
+        "number": "[numër]",
+        "open_user_settings": "Hap rregullime përdoruesi",
+        "prev_room": "Dhomë ose MD i mëparshëm",
+        "prev_unread_room": "Dhomë ose MD i palexuar i mëparshëm",
+        "room_list_collapse_section": "Tkurre pjesën e listës së dhomave",
+        "room_list_expand_section": "Zgjeroje pjesën e listës së dhomave",
+        "room_list_navigate_down": "Lëvizni poshtë në listën dhomave",
+        "room_list_navigate_up": "Lëvizni sipër në listën dhomave",
+        "room_list_select_room": "Përzgjidhni dhomë prej listës së dhomave",
+        "scroll_down_timeline": "Rrëshqitni poshtë nëpër rrjedhën kohore",
+        "scroll_up_timeline": "Rrëshqitni sipër nëpër rrjedhën kohore",
+        "search": "Kërkim (duhet të jetë i aktivizuar)",
+        "send_sticker": "Dërgoni një ngjitës",
+        "switch_to_space": "Kalo te hapësirë përmes numri",
+        "toggle_hidden_events": "Ndryshoni dukshmëri akti të fshehur",
+        "toggle_microphone_mute": "Aktivizo/çaktivizon heshtje mikrofoni",
+        "toggle_right_panel": "Hap/mbyll panelin djathtas",
+        "toggle_space_panel": "Shfaq/Fshih panel hapësire",
+        "toggle_top_left_menu": "Shfaq/fshih menunë e epërme majtas",
+        "toggle_webcam_mute": "Hapni/mbyllni kamerën",
+        "upload_file": "Ngarkoni një kartelë"
+    },
+    "labs": {
+        "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.",
+        "beta_feedback_title": "Përshtypje për %(featureName)s Beta",
+        "beta_section": "Veçori të ardhshme",
+        "bridge_state": "Shfaq te rregullime dhome të dhëna rreth urash",
+        "bridge_state_channel": "Kanal: <channelLink/>",
+        "bridge_state_creator": "Kjo urë është dhënë nga <user />.",
+        "bridge_state_manager": "Kjo urë administrohet nga <user />.",
+        "bridge_state_workspace": "Hapësirë pune: <networkLink/>",
+        "click_for_info": "Klikoni për më tepër hollësi",
+        "currently_experimental": "Aktualisht eksperimental.",
+        "custom_themes": "Mbulim shtimi temash vetjake",
+        "element_call_video_rooms": "Dhoma Thirrje Element me video",
+        "experimental_description": "Ndiheni eksperimentues? Provoni idetë tona më të reja në zhvillim. Këto veçori s’janë të përfunduara; mund të jenë të paqëndrueshme, mund të ndryshojnë, ose mund të braktisen faqe. <a>Mësoni më tepër</a>.",
+        "experimental_section": "Paraparje të hershme",
+        "feature_wysiwyg_composer_description": "Përdor tekst të pasur, në vend se Markdown, te hartuesi i mesazheve.",
+        "group_developer": "Zhvillues",
+        "group_encryption": "Fshehtëzim",
+        "group_experimental": "Eksperimentale",
+        "group_messaging": "Shkëmbim mesazhes",
+        "group_moderation": "Moderim",
+        "group_profile": "Profil",
+        "group_rooms": "Dhoma",
+        "group_spaces": "Hapësira",
+        "group_themes": "Tema",
+        "group_threads": "Rrjedha",
+        "group_voip": "Zë & Video",
+        "group_widgets": "Widget-e",
+        "hidebold": "Fshihe pikën e njoftimeve (shfaq vetëm stema numëratorësh)",
+        "join_beta": "Merrni pjesë te beta",
+        "join_beta_reload": "Pjesëmarrja në beta do të sjellë ringarkim të %(brand)s.",
+        "jump_to_date": "Kalo te datë (shton /jumptodate dhe kalon te krye date)",
+        "jump_to_date_msc_support": "Lyp që shërbyesi juaj të mbulojë MSC3030",
+        "latex_maths": "Formo formula LaTeX në mesazhe",
+        "leave_beta": "Braktiseni beta-n",
+        "leave_beta_reload": "Braktisja e programit beta do të sjellë ringarkim të %(brand)s.",
+        "location_share_live": "Dhënie Aty Për Aty e Vendndodhjes",
+        "location_share_live_description": "Sendërtim i përkohshëm. Vendndodhjet mbeten te historiku i dhomës.",
+        "mjolnir": "Rrugë të reja për të shpërfillur njerëz",
+        "msc3531_hide_messages_pending_moderation": "Lejoni moderatorët të fshehin mesazhe në pritje të moderimit.",
+        "sliding_sync_description": "Nën zhvillim aktiv, s’mund të çaktivizohet.",
+        "sliding_sync_disabled_notice": "Që të çaktivizohet, dilni dhe rihyni në llogari",
+        "sliding_sync_server_no_support": "Shërbyesit tuaj i mungon mbulim i brendshëm për këtë",
+        "video_rooms": "Dhoma me video",
+        "video_rooms_a_new_way_to_chat": "Një rrugë e re për të biseduar me zë dhe video në %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Në %(brand)s, dhomat video janë kanale VoIP përherë-hapur, trupëzuar brenda një dhome.",
+        "video_rooms_beta": "Dhomat me video janë një veçori në fazë beta",
+        "video_rooms_faq1_answer": "Përdorni butonin “+” te ndarja për dhoma te paneli majtas.",
+        "video_rooms_faq1_question": "Si mund të krijoj një dhomë me video?",
+        "video_rooms_faq2_answer": "Po, rrjedha kohore e fjalosjes shfaqet tok me videon.",
+        "video_rooms_faq2_question": "A mund të përdor fjalosje me tekst në krah të thirrjes video?",
+        "wysiwyg_composer": "Përpunues teksti të pasur"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Këto rregullime janë menduar për përdorues të përparuar.",
+        "ban_reason": "Të shpërfillur/Të bllokuar",
+        "error_adding_ignore": "Gabim shtimi përdoruesi/shërbyesi të shpërfillur",
+        "error_adding_list_description": "Ju lutemi, verifikoni ID-në ose adresën e dhomës dhe riprovoni.",
+        "error_adding_list_title": "Gabim pajtimi te lista",
+        "error_removing_ignore": "Gabim në heqje përdoruesi/shërbyes të shpërfillur",
+        "error_removing_list_description": "Ju lutemi, riprovoni, ose shihni konsolën tuaj, për ndonjë ide.",
+        "error_removing_list_title": "Gabim shpajtimi nga lista",
+        "explainer_1": "Shtoni këtu përdorues dhe shërbyes që doni të shpërfillen. Që %(brand)s të kërkojë për përputhje me çfarëdo shkronjash, përdorni yllthin. Për shembull, <code>@bot:*</code> do të shpërfillë krej përdoruesit që kanë emrin 'bot' në çfarëdo shërbyesi.",
+        "explainer_2": "Shpërfillja e personave kryhet përmes listash dëbimi, të cilat përmbajnë rregulla se cilët të dëbohen. Pajtimi te një listë dëbimesh do të thotë se përdoruesit/shërbyesit e bllokuar nga ajo listë do t’ju fshihen juve.",
+        "lists": "Jeni i pajtuar te:",
+        "lists_description_1": "Pajtimi te një listë dëbimesh do të shkaktojë pjesëmarrjen tuaj në të!",
+        "lists_description_2": "Nëse kjo s’është ajo çka doni, ju lutemi, përdorni një tjetër mjet për të shpërfillur përdorues.",
+        "lists_heading": "Lista me pajtim",
+        "lists_new_label": "ID dhome ose adresë prej liste ndalimi",
+        "no_lists": "S’jeni pajtuar te ndonjë listë",
+        "personal_description": "Lista juaj personale e dëbimeve mban krejt përdoruesit/shërbyesit prej të cilëve ju personalisht s’dëshironi të shihni mesazhe. Pas shpërfilljes së përdoruesit/shërbyesit tuaj të parë, te lista juaj e dhomave do të shfaqet një dhomë e re e quajtur “%(myBanList)s” - që ta mbani listën e dëbimeve në fuqi, qëndroni i futur në këtë dhomë.",
+        "personal_empty": "S’keni shpërfillur ndonjë.",
+        "personal_heading": "Listë personale dëbimesh",
+        "personal_new_label": "Shërbyes ose ID përdoruesi për t’u shpërfillur",
+        "personal_new_placeholder": "p.sh.: @bot:* ose example.org",
+        "personal_section": "Aktualisht shpërfillni:",
+        "room_name": "Lista Ime e Dëbimeve",
+        "room_topic": "Kjo është lista juaj e përdoruesve/shërbyesve që keni bllokuar - mos dilni nga dhoma!",
+        "rules_empty": "Asnjë",
+        "rules_server": "Rregulla shërbyesi",
+        "rules_title": "Rregulla liste dëbimesh - %(roomName)s",
+        "rules_user": "Rregulla përdoruesi",
+        "something_went_wrong": "Diç shkoi ters. Ju lutemi, riprovoni ose, për ndonjë ide, shihni konsolën tuaj.",
+        "title": "Përdorues të shpërfillur",
+        "view_rules": "Shihni rregulla"
+    },
+    "language_dropdown_label": "Menu Hapmbyll Gjuhësh",
+    "leave_room_dialog": {
+        "last_person_warning": "Jeni i vetmi person këtu. Nëse e braktisni, askush s’do të jetë në gjendje të hyjë në të ardhmen, përfshi ju.",
+        "leave_room_question": "Jeni i sigurt se doni të dilni nga dhoma '%(roomName)s'?",
+        "leave_space_question": "Jeni i sigurt se doni të dilni nga hapësira '%(spaceName)s'?",
+        "room_rejoin_warning": "Kjo dhomë s’është publike. S’do të jeni në gjendje të rihyni në të pa një ftesë.",
+        "space_rejoin_warning": "Kjo hapësirë s’është publike. S’do të jeni në gjendje të rihyni në të pa një ftesë."
+    },
+    "lightbox": {
+        "rotate_left": "Rrotulloje Majtas",
+        "rotate_right": "Rrotulloje Djathtas",
+        "title": "Parje figure"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Ky shërbyes Home s’është formësuar të shfaqë harta.",
+        "MapStyleUrlNotReachable": "Ky shërbyes Home s’është formësuar saktë për të shfaqur harta, ose shërbyesi i formësuar për harta mund të jetë i pakapshëm.",
+        "WebGLNotEnabled": "WebGL është i domosdoshëm për shfaqje hartash, ju lutemi, aktivizojeni te rregullimet e shfletuesit tuaj.",
+        "click_drop_pin": "Klikoni që të lihet një piketë",
+        "click_move_pin": "Klikoni që të lëvizet piketa",
+        "close_sidebar": "Mbylle anështyllën",
+        "error_fetch_location": "S’u pru dot vendndodhja",
+        "error_no_perms_description": "Që të mund të jepni në këtë dhomë vendndodhje, lypset të keni lejet e duhura.",
+        "error_no_perms_title": "S’keni leje të jepni vendndodhje",
+        "error_send_description": "%(brand)s s’dërgoi dot vendndodhjen tuaj. Ju lutemi, riprovoni.",
+        "error_send_title": "S’e dërguam dot vendndodhjen tuaj",
+        "error_sharing_live_location": "Ndodhi një gabim teksa tregohej vendndodhja juaj “live”",
+        "error_stopping_live_location": "Ndodhi një gabim teksa ndalej dhënia aty për aty e vendndodhjes tuaj",
+        "expand_map": "Zgjeroje hartën",
+        "failed_generic": "S’u arrit të sillet vendndodhja juaj. Ju lutemi, riprovoni më vonë.",
+        "failed_load_map": "S’arrihet të ngarkohet hartë",
+        "failed_permission": "%(brand)s iu mohua leja për të sjellë vendndodhjen tuaj. Ju lutemi, lejoni përdorim vendndodhjeje, te rregullimet e shfletuesit tuaj.",
+        "failed_timeout": "Mbaroi koha duke provuar të sillet vendndodhja juaj. Ju lutemi, riprovoni më vonë.",
+        "failed_unknown": "Gabim i panjohur në sjelljen e vendndodhjes. Ju lutemi, riprovoni më vonë.",
+        "find_my_location": "Gjej vendndodhjen time",
+        "live_description": "Vendndodhje aty për aty e %(displayName)s",
+        "live_enable_description": "Ju lutemi, kini parasysh: kjo është një veçori në zhvillim, që përdor një sendërtim të përkohshëm. Kjo do të thotë se s’do të jeni në gjendje të fshini historikun e vendndodhjeve tuaja dhe përdoruesit e përparuar do të jenë në gjendje të shohin historikun e vendndodhjeve tuaja edhe pasi të keni ndalur në këtë dhomë dhënien aty për aty të vendndodhjes tuaj.",
+        "live_enable_heading": "Dhënie vendndodhjeje aty për aty",
+        "live_location_active": "Po jepni vendndodhjen tuaj aty për aty",
+        "live_location_enabled": "Vendndodhje aty për aty e aktivizuar",
+        "live_location_ended": "Vendndodhja “live” përfundoi",
+        "live_location_error": "Gabim vendndodhjeje aty për aty",
+        "live_locations_empty": "Pa vendndodhje aty për aty",
+        "live_share_button": "Ndaje me të tjerë për %(duration)s",
+        "live_toggle_label": "Aktivizo dhënie vendndodhjeje aty për aty",
+        "live_until": "“Live” deri më %(expiryTime)s",
+        "live_update_time": "Përditësuar më %(humanizedUpdateTime)s",
+        "loading_live_location": "Po ngarkohet vendndodhje “live”…",
+        "location_not_available": "S’ka vendndodhje",
+        "mapbox_logo": "Stemë Mapbox",
+        "share_button": "Jepe vendndodhjen",
+        "share_type_live": "Vendndodhja ime drejtpërsëdrejti",
+        "share_type_own": "Vendndodhja ime e tanishme",
+        "share_type_pin": "Lini një Piketë",
+        "share_type_prompt": "Ç’lloj vendndodhjeje doni të jepet?",
+        "toggle_attribution": "Shfaq/fshih atribut"
+    },
+    "member_list": {
+        "filter_placeholder": "Filtroni anëtarë dhome",
+        "invite_button_no_perms_tooltip": "S’keni leje të ftoni përdorues"
+    },
+    "member_list_back_action_label": "Anëtarë dhome",
+    "message_edit_dialog_title": "Përpunime mesazhi",
+    "mobile_guide": {
+        "toast_accept": "Përdorni aplikacionin",
+        "toast_description": "%(brand)s është eksperimental në një shfletues telefoni celular. Për punimin më të mirë dhe veçoritë më të reja, përdorni aplikacionin tonë falas.",
+        "toast_title": "Për një punim më të mirë, përdorni aplikacionin"
+    },
+    "no_more_results": "Jo më tepër përfundime",
+    "notif_panel": {
+        "empty_description": "S’keni njoftime të dukshme.",
+        "empty_heading": "Po ecni mirë"
+    },
+    "notifications": {
+        "all_messages": "Krejt mesazhet",
+        "all_messages_description": "Merrni njoftim për çdo mesazh",
+        "class_other": "Tjetër",
+        "default": "Parazgjedhje",
+        "enable_prompt_toast_description": "Aktivizoni njoftime desktopi",
+        "enable_prompt_toast_title": "Njoftime",
+        "enable_prompt_toast_title_from_message_send": "Mos humbni asnjë përgjigje",
+        "error_change_title": "Ndryshoni rregullime njoftimesh",
+        "keyword": "Fjalëkyç",
+        "keyword_new": "Fjalëkyç i ri",
+        "level_activity": "Veprimtari",
+        "level_none": "Asnjë",
+        "level_unsent": "Të padërguar",
+        "mark_all_read": "Vëru të tërave shenjë si të lexuara",
+        "mentions_and_keywords": "@përmendje & fjalëkyçe",
+        "mentions_and_keywords_description": "Merrni njoftime vetëm për përmendje dhe fjalëkyçe që keni ujdisur te <a>rregullimet</a> tuaja",
+        "mentions_keywords": "Përmendje & fjalëkyçe",
+        "message_didnt_send": "Mesazhi s’u dërgua. Klikoni për hollësi.",
+        "mute_description": "S’do të merrni ndonjë njoftim"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s po kërkon verifikim"
+    },
+    "onboarding": {
+        "create_room": "Krijoni një Fjalosje Grupi",
+        "explore_rooms": "Eksploroni Dhoma Publike",
+        "has_avatar_label": "Bukur, kjo do t’i ndihmojë njerëzit ta dinë se jeni ju",
+        "intro_byline": "Jini zot i bisedave tuaja.",
+        "intro_welcome": "Mirë se vini te %(appName)s",
+        "no_avatar_label": "Shtoni një foto, që njerëzit ta dinë se jeni ju.",
+        "send_dm": "Dërgoni Mesazh të Drejtpërdrejtë",
+        "welcome_detail": "Tani, le t’ju ndihmojmë për t’ia filluar",
+        "welcome_user": "Mirë se vini %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Mesazh në %(room)s",
+        "permalink_this_room": "Mesazh nga %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Krijoni Pyetësor",
+        "create_poll_title": "Krijoni anketim",
+        "disclosed_notes": "Votuesit shohin përfundimet sapo të kenë votuar",
+        "edit_poll_title": "Përpunoni pyetësor",
+        "end_description": "Jeni i sigurt se doni të përfundohet ky pyetësor? Kjo do të shfaqë rezultatet përfundimtare të pyetësorit dhe do të ndalë votimin nga njerëzit.",
+        "end_message": "Pyetësori përfundoi. Përgjigja kryesuese: %(topAnswer)s",
+        "end_message_no_votes": "Pyetësori përfundoi. S’pati vota.",
+        "end_title": "Përfundoje Pyetësorin",
+        "error_ending_description": "Na ndjeni, pyetësori nuk u përfundua. Ju lutemi, riprovoni.",
+        "error_ending_title": "S’u arrit të përfundohej pyetësori",
+        "error_voting_description": "Na ndjeni, vota juaj s’i regjistruar. Ju lutemi, riprovoni.",
+        "error_voting_title": "Votë e paregjistruar",
+        "failed_send_poll_description": "Na ndjeni, anketimi që provuat të krijoni s’u postua dot.",
+        "failed_send_poll_title": "S’u arrit të postohej anketimi",
+        "notes": "Përfundimet shfaqen vetëm kur të përfundoni pyetësorin",
+        "options_add_button": "Shtoni mundësi",
+        "options_heading": "Krijoni mundësi",
+        "options_label": "Mundësia %(number)s",
+        "options_placeholder": "Shkruani një mundësi",
+        "topic_heading": "Cila është pyetja, ose tema e pyetësorit tuaj?",
+        "topic_label": "Pyetje ose temë",
+        "topic_placeholder": "Shkruani diçka…",
+        "total_decryption_errors": "Për shkak gabimesh shfshehtëzimi, disa vota s’mund të numërohen",
+        "total_n_votes": {
+            "one": "%(count)s votë. Që të shihni përfundimet, votoni",
+            "other": "%(count)s vota. Që të shihni përfundimet, votoni"
+        },
+        "total_n_votes_voted": {
+            "one": "Bazuar në %(count)s votë",
+            "other": "Bazua në %(count)s vota"
+        },
+        "total_no_votes": "S’u votua gjë",
+        "total_not_ended": "Përfundimet do të jenë të dukshme pasi të ketë përfunduar pyetësori",
+        "type_closed": "Pyetësor i mbyllur",
+        "type_heading": "Lloj pyetësori",
+        "type_open": "Pyetësor i hapur",
+        "unable_edit_description": "Na ndjeni, s’mund të përpunoni një pyetësor pasi të jenë hedhur votat.",
+        "unable_edit_title": "S’përpunohet dot pyetësori"
+    },
+    "power_level": {
+        "admin": "Përgjegjës",
+        "custom": "Vetjak (%(level)s)",
+        "custom_level": "Nivel vetjak",
+        "default": "Parazgjedhje",
+        "label": "Shkallë pushteti",
+        "restricted": "E kufizuar"
+    },
+    "powered_by_matrix": "Bazuar në Matrix",
+    "presence": {
+        "away": "I larguar",
+        "busy": "I zënë",
+        "idle": "I plogësht",
+        "idle_for": "I plogësht për %(duration)s",
+        "offline": "Jo në linjë",
+        "offline_for": "Jo në linjë për %(duration)s",
+        "online": "Në linjë",
+        "online_for": "Në linjë për %(duration)s",
+        "unknown": "I panjohur",
+        "unknown_for": "I panjohur për %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "Krejt rregullimet",
+        "sidebar_settings": "Më tepër mundësi",
+        "title": "Rregullime të shpejta"
+    },
+    "quit_warning": {
+        "call_in_progress": "Duket se jeni në një thirrje, jeni i sigurt se doni të dilet?",
+        "file_upload_in_progress": "Duket se jeni duke ngarkuar kartela, jeni i sigurt se doni të dilet?"
+    },
+    "redact": {
+        "confirm_button": "Ripohoni Heqjen",
+        "error": "S’mund ta fshini këtë mesazh. (%(code)s)",
+        "ongoing": "Po hiqet…",
+        "reason_label": "Arsye (opsionale)"
+    },
+    "report_content": {
+        "description": "Raportimi i këtij mesazhi do të shkaktojë dërgimin e 'ID-së së aktit' unike te përgjegjësi i shërbyesit tuaj Home. Nëse mesazhet në këtë dhomë fshehtëzohen, përgjegjësi i shërbyesit tuaj Home s’do të jetë në gjendje të lexojë tekstin e mesazhit apo të shohë çfarëdo kartelë apo figurë.",
+        "hide_messages_from_user": "I vini shenjë, nëse doni të fshihen krejt mesazhet e tanishme dhe të ardhshme nga ky përdorues.",
+        "ignore_user": "Shpërfille përdoruesin",
+        "missing_reason": "Ju lutemi, plotësoni arsyen pse po raportoni.",
+        "report_content_to_homeserver": "Raportoni Lëndë te Përgjegjësi i Shërbyesit Tuaj Home"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "S’u arrit të shfshehtëzohet sesioni %(failedCount)s!",
+        "count_of_successfully_restored_keys": "U rikthyen me sukses %(sessionCount)s kyçe",
+        "enter_key_description": "Hyni te historiku i mesazheve tuaj të siguruar dhe rregulloni shkëmbim mesazhesh të sigurt duke dhënë Kyçin tuaj të Sigurisë.",
+        "enter_key_title": "Jepni Kyç Sigurie",
+        "enter_phrase_description": "Hyni te historiku i mesazheve tuaj të siguruara dhe ujdisni shkëmbim të sigurt mesazhesh duke dhënë Frazën tuaj të Sigurisë.",
+        "enter_phrase_title": "Jepni Frazën e Sigurisë",
+        "incorrect_security_phrase_dialog": "Kopjeruajtja s’u shfshehtëzua dot me këtë Frazë Sigurie: ju lutemi, verifikoni se keni dhënë Frazën e saktë të Sigurisë.",
+        "incorrect_security_phrase_title": "Frazë e Pasaktë Sigurie",
+        "key_backup_warning": "<b>Kujdes</b>: duhet të ujdisni kopjeruajtje kyçesh vetëm nga një kompjuter i besuar.",
+        "key_fetch_in_progress": "Po sillen kyçet prej shërbyesi…",
+        "key_forgotten_text": "Nëse keni harruar Kyçin tuaj të Sigurisë, mund të <button>ujdisni mundësi të reja rimarrjeje</button>",
+        "key_is_invalid": "Kyç Sigurie jo i vlefshëm",
+        "key_is_valid": "Ky duket si Kyç i vlefshëm Sigurie!",
+        "keys_restored_title": "Kyçet u rikthyen",
+        "load_error_content": "S’arrihet të ngarkohet gjendje kopjeruajtjeje",
+        "load_keys_progress": "U rikthyen %(completed)s nga %(total)s kyçe",
+        "no_backup_error": "S’u gjet kopjeruajtje!",
+        "phrase_forgotten_text": "Nëse keni harruar Frazën tuaj të Sigurisë, mund të <button1>përdorni Kyçin tuaj të Sigurisë</button1> ose të <button2>ujdisni mundësi të reja rikthimi</button2>",
+        "recovery_key_mismatch_description": "Kopjeruajtja s’mund të shfshehtëzohej me Kyçin e Sigurisë: ju lutemi, verifikoni se keni dhënë Kyçin e saktë të Sigurisë.",
+        "recovery_key_mismatch_title": "Mospërputhje Kyçesh Sigurie",
+        "restore_failed_error": "S’arrihet të rikthehet kopjeruajtje"
+    },
+    "right_panel": {
+        "add_integrations": "Shtoni widget-e, ura & robotë",
+        "files_button": "Kartela",
+        "pinned_messages": {
+            "limits": {
+                "other": "Mundeni të fiksoni deri në %(count)s widget-e"
+            }
+        },
+        "pinned_messages_button": "I fiksuar",
+        "poll": {
+            "active_heading": "Pyetësorë aktivë",
+            "empty_active": "S’ka pyetësorë aktivë në këtë dhomë",
+            "empty_active_load_more": "S’ka pyetësorë aktivë. Që të shihni pyetësorët për muajt e kaluar, ngarkoni më tepër pyetësorë",
+            "empty_active_load_more_n_days": {
+                "one": "S’ka pyetësorë aktivë për ditën e shkuar. Që të shihni pyetësorët për muajt e kaluar, ngarkoni më tepër pyetësorë",
+                "other": "S’ka pyetësorë aktivë për %(count)s ditët e shkuara. Që të shihni pyetësorët për muajt e kaluar, ngarkoni më tepër pyetësorë"
+            },
+            "empty_past": "S’ka pyetësorë të kaluar në këtë dhomë",
+            "empty_past_load_more": "S’ka pyetësorë të kaluar. Që të shihni pyetësorët për muajt e kaluar, ngarkoni më tepër pyetësorë",
+            "empty_past_load_more_n_days": {
+                "one": "S’ka pyetësorë të kaluar për ditën e shkuar. Që të shihni pyetësorët për muajt e kaluar, ngarkoni më tepër pyetësorë",
+                "other": "S’ka pyetësorë të kaluar për %(count)s ditët e shkuara. Që të shihni pyetësorët për muajt e kaluar, ngarkoni më tepër pyetësorë"
+            },
+            "final_result": {
+                "one": "Rezultati përfundimtar, bazua në %(count)s votë",
+                "other": "Rezultati përfundimtar, bazua në %(count)s vota"
+            },
+            "load_more": "Ngarkoni më tepër pyetësorë",
+            "loading": "Po ngarkohen pyetësorë",
+            "past_heading": "Pyetësorë të kaluar",
+            "view_in_timeline": "Shiheni pyetësorin në rrjedhë kohore",
+            "view_poll": "Shiheni pyetësorin"
+        },
+        "polls_button": "Historik pyetësorësh",
+        "room_summary_card": {
+            "title": "Hollësi dhome"
+        },
+        "thread_list": {
+            "context_menu_label": "Mundësi rrjedhe"
+        },
+        "video_room_chat": {
+            "title": "Fjalosje"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Kjo ftesë u dërgua për %(email)s, që s’është i përshoqëruar me llogarinë tuaj",
+        "3pid_invite_email_not_found_account_room": "Kjo ftesë për %(roomName)s u dërgua te %(email)s që s’është i përshoqëruar me llogarinë tuaj",
+        "3pid_invite_error_description": "U mor si përgjigje një gabim (%(errcode)s), teksa provohej të kontrollohej vlefshmëria e ftesës tuaj. Mund të provonit t’i kaloni këto hollësi personit që ju ftoi.",
+        "3pid_invite_error_invite_action": "Provoni të merrni pjesë, sido qoftë",
+        "3pid_invite_error_invite_subtitle": "Mund të merrni pjesë në të vetëm me një ftesë funksionale.",
+        "3pid_invite_error_public_subtitle": "Mundeni prapëseprapë të hyni këtu.",
+        "3pid_invite_error_title": "Diç shkoi ters me ftesën tuaj.",
+        "3pid_invite_error_title_room": "Diç shkoi ters me ftesën tuaj për te %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Që të merrni ftesa drejt e në %(brand)s, përdorni një shërbyes identitetesh, te Rregullimet.",
+        "banned_by": "U dëbuat nga %(memberName)s",
+        "banned_from_room_by": "Jeni dëbuar prej %(roomName)s nga %(memberName)s",
+        "context_menu": {
+            "copy_link": "Kopjo lidhje dhome",
+            "favourite": "Bëje të parapëlqyer",
+            "forget": "Harroje Dhomën",
+            "low_priority": "Përparësi e Ulët",
+            "mark_read": "Vëri shenjë si të lexuar",
+            "notifications_default": "Kërko përputhje me rregullimin parazgjedhje",
+            "notifications_mute": "Heshtoni dhomën",
+            "title": "Mundësi dhome",
+            "unfavourite": "U bë e parapëlqyer"
+        },
+        "creating_room_text": "Po krijojmë një dhomë me %(names)s",
+        "dm_invite_action": "Filloni të bisedoni",
+        "dm_invite_subtitle": "<userName/> dëshiron të bisedojë",
+        "dm_invite_title": "Doni të bisedoni me %(user)s?",
+        "drop_file_prompt": "Hidheni kartelën këtu që të ngarkohet",
+        "edit_topic": "Përpunoni subjektin",
+        "error_join_404_1": "U rrekët të hyni duke përdorur një ID dhome pa dhënë një listë shërbyesish përmes të cilëve të hyhet. ID-të e dhomave janë identifikues të brendshëm dhe s’mund të përdoren për të hyrë në një dhomë pa hollësi shtesë.",
+        "error_join_404_2": "Nëse e dini një adresë dhome, provoni të hyni përmes saj, më miër.",
+        "error_join_404_invite": "Personi që ju ftoi, ka dalë tashmë, ose shërbyesi i tij është jashtë funksionimi.",
+        "error_join_404_invite_same_hs": "Personi që ju ftoi ka dalë nga dhoma tashmë.",
+        "error_join_connection": "Pati një gabim në hyrjen.",
+        "error_join_incompatible_version_1": "Na ndjeni, shërbyesi juaj Home është shumë i vjetër për të marrë pjesë këtu.",
+        "error_join_incompatible_version_2": "Ju lutemi, lidhuni me përgjegjësin e shërbyesit tuaj Home.",
+        "error_join_title": "S’u arrit të hyhej",
+        "error_jump_to_date": "Shërbyesi u përgjigj me %(statusCode)s, me kod gabimi %(errorCode)s",
+        "error_jump_to_date_connection": "Ndodhi një gabim rrjeti, teksa provohej të gjendej dhe të kalohej te data e dhënë. Shërbyesi juaj Home mund të jetë jashtë funksionimi, ose mund të ishte një problem i përkohshëm me lidhjen tuaj në internet. Ju lutemi, riprovoni. Nëse kjo vazhdon, ju lutemi, lidhuni me përgjegjësin e shërbyesit tuaj Home.",
+        "error_jump_to_date_details": "Hollësi gabimi",
+        "error_jump_to_date_not_found": "S’qemë në gjendje të gjenim një veprimtari duke parë tej %(dateString)s. Provoni të zgjidhni një datë më herët.",
+        "error_jump_to_date_send_logs_prompt": "Ju lutemi, parashtroni <debugLogsLink>regjistra diagnostikimi</debugLogsLink>, për të na ndihmuar të gjurmojnë problemin.",
+        "error_jump_to_date_title": "S’arrihet të gjendet veprimtari më atë datë",
+        "face_pile_summary": {
+            "one": "%(count)s person që e njihni është bërë pjesë tashmë",
+            "other": "%(count)s persona që i njihni janë bërë pjesë tashmë"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Shihni 1 anëtar",
+            "other": "Shihni krejt %(count)s anëtarët"
+        },
+        "face_pile_tooltip_shortcut": "Prfshi %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Përfshi ju, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "S’u arrit të hidhet tej ftesa",
+        "forget_room": "Harroje këtë dhomë",
+        "forget_space": "Harroje këtë hapësirë",
+        "header": {
+            "room_is_public": "Kjo dhomë është publike"
+        },
+        "inaccessible": "Te kjo dhomë ose hapësirë s’hyhet dot tani.",
+        "inaccessible_name": "Te %(roomName)s s’hyhet dot tani.",
+        "inaccessible_subtitle_1": "Riprovoni më vonë, ose kërkojini një përgjegjësi dhome apo hapësire të kontrollojë nëse keni apo jo hyrje.",
+        "inaccessible_subtitle_2": "%(errcode)s erdhi teksa provohej të hyhej në dhomë ose hapësirë. Nëse mendoni se po e shihni gabimisht këtë mesazh, ju lutemi, <issueLink>parashtroni një njoftim të mete</issueLink>.",
+        "intro": {
+            "dm_caption": "Në këtë bisedë jeni vetëm ju të dy, veç nëse cilido qoftë prej jush ftoi dikë tjetër të vijë.",
+            "enable_encryption_prompt": "Aktivizoni fshehtëzimin te rregullimet.",
+            "encrypted_3pid_dm_pending_join": "Pasi të ketë ardhur gjithkush, do të jeni në gjendje të fjaloseni",
+            "no_avatar_label": "Shtoni një foto, që njerëzit ta dallojnë kollaj dhomën tuaj.",
+            "no_topic": "<a>Shtoni një temë</a>, për t’i ndihmuar njerëzit se përse bëhet fjalë.",
+            "private_unencrypted_warning": "Mesazhet tuaja private normalisht fshehtëzohen, por kjo dhomë s’fshehtëzohet. Zakonisht kjo vjen për shkak të përdorimit të një pajisjeje ose metode të pambuluar, bie fjala, ftesa me email.",
+            "room_invite": "Ftoje thjesht te kjo dhomë",
+            "send_message_start_dm": "Dërgoni mesazhin tuaj të parë për të ftuar në fjalosje <displayName/>",
+            "start_of_dm_history": "Ky është fillimi i historikut të mesazheve tuaja të drejtpërdrejta me <displayName/>.",
+            "start_of_room": "Ky është fillimi i <roomName/>.",
+            "unencrypted_warning": "Fshehtëzimi skaj-më-skaj s’është i aktivizuar",
+            "user_created": "%(displayName)s krijoi këtë dhomë.",
+            "you_created": "Krijuat këtë dhomë."
+        },
+        "invite_email_mismatch_suggestion": "Që të merrni ftesa drejt e te %(brand)s, ndajeni me të tjerët këtë email, te Rregullimet.",
+        "invite_sent_to_email": "Kjo ftesë u dërgua për %(email)s",
+        "invite_sent_to_email_room": "Kjo ftesë për %(roomName)s u dërgua te %(email)s",
+        "invite_subtitle": "Ju ftoi <userName/>",
+        "invite_this_room": "Ftojeni te kjo dhomë",
+        "invite_title": "Doni të bëni pjesë te %(roomName)s?",
+        "inviter_unknown": "I panjohur",
+        "invites_you_text": "<inviter/> ju fton",
+        "join_button_account": "Regjistrohuni",
+        "join_failed_needs_invite": "Që të shihni %(roomName)s, ju duhet një ftesë",
+        "join_the_discussion": "Merrni pjesë në diskutim",
+        "join_title": "Që të merrni pjesë, hyni në dhomë",
+        "join_title_account": "Merrni pjesë në bisedë me një llogari",
+        "joining": "Po hyhet…",
+        "joining_room": "Po hyhet në dhomë…",
+        "joining_space": "Po hyhet në hapësirë…",
+        "jump_read_marker": "Hidhu te mesazhi i parë i palexuar.",
+        "jump_to_bottom_button": "Rrëshqit te mesazhet më të freskët",
+        "kick_reason": "Arsye: %(reason)s",
+        "kicked_by": "U hoqët nga %(memberName)s",
+        "kicked_from_room_by": "U hoqët %(roomName)s nga %(memberName)s",
+        "leave_error_title": "Gabim në dalje nga dhoma",
+        "leave_server_notices_description": "Kjo dhomë përdoret për mesazhe të rëndësishëm nga shërbyesi Home, ndaj s’mund ta braktisni.",
+        "leave_server_notices_title": "Dhoma Njoftime Shërbyesi, s’braktiset dot",
+        "leave_unexpected_error": "Gabim i papritur shërbyesi në përpjekje për dalje nga dhoma",
+        "link_email_to_receive_3pid_invite": "Që të merrni ftesa drejt e në %(brand)s, lidheni këtë email me llogarinë tuaj, te Rregullimet.",
+        "loading_preview": "Po ngarkohet paraparje",
+        "no_peek_join_prompt": "%(roomName)s s’mund të parashihet. Doni të merrni pjesë në të?",
+        "no_peek_no_name_join_prompt": "S’ka paraparje, doo të donit të merrnit pjesë?",
+        "not_found_subtitle": "Jeni i sigurt se jeni në vendin e duhur?",
+        "not_found_title": "Kjo dhomë ose hapësirë s’ekziston.",
+        "not_found_title_name": "%(roomName)s s’ekziston.",
+        "peek_join_prompt": "Po parashihni %(roomName)s. Doni të bëni pjesë në të?",
+        "read_topic": "Që të lexoni subjketin, klikojeni",
+        "rejecting": "Po hidhet poshtë ftesa…",
+        "rejoin_button": "Rihyni",
+        "search": {
+            "all_rooms_button": "Kërko në krejt dhomat",
+            "this_room_button": "Kërko në këtë dhomë"
+        },
+        "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.",
+            "one": "Keni %(count)s njoftim të palexuar në një version të mëparshëm të kësaj dhome."
+        },
+        "upgrade_error_description": "Rikontrolloni që shërbyesi juaj e mbulon versionin e zgjedhur për dhomën dhe riprovoni.",
+        "upgrade_error_title": "Gabim në përditësim dhome",
+        "upgrade_warning_bar": "Përmirësimi i kësaj dhome do të asgjësojë instancën e tanishme të dhomës dhe do të krijojë një dhomë të përmirësuar me të njëjtin emër.",
+        "upgrade_warning_bar_admins": "Këtë sinjalizim mund ta shohin vetëm përgjegjësit e dhomës",
+        "upgrade_warning_bar_unstable": "Kjo dhomë gjendet nën versionin <roomVersion /> e dhomës, të cilit shërbyesi Home i ka vënë shenjë si <i>i paqëndrueshëm</i>.",
+        "upgrade_warning_bar_upgraded": "Kjo dhomë është përmirësuar tashmë.",
+        "upload": {
+            "uploading_multiple_file": {
+                "other": "Po ngarkohet %(filename)s dhe %(count)s të tjera",
+                "one": "Po ngarkohet %(filename)s dhe %(count)s tjetër"
+            },
+            "uploading_single_file": "Po ngarkohet %(filename)s"
+        },
+        "waiting_for_join_subtitle": "Pasi përdoruesit e ftuar të kenë ardhur në %(brand)s, do të jeni në gjendje të bisedoni dhe dhoma do të jetë e fshehtëzuar skaj-më-skaj",
+        "waiting_for_join_title": "Po pritet që përdorues të vijnë në %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Shtoni hapësirë",
+        "failed_add_tag": "S’u arrit të shtohej në dhomë etiketa %(tagName)s",
+        "failed_remove_tag": "S’u arrit të hiqej etiketa %(tagName)s nga dhoma",
+        "failed_set_dm_tag": "S’u arrit të caktohej etiketa e fjalosjes së drejtpërdrejtë",
+        "notification_options": "Mundësi njoftimesh",
+        "show_less": "Shfaq më pak"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Vendosni se cilët mund të shohin dhe marrin pjesë te %(spaceName)s.",
+            "title": "Hyrje"
+        },
+        "advanced": {
+            "error_upgrade_description": "Përmirësimi i dhomës s’u plotësua",
+            "error_upgrade_title": "S’u arrit të përmirësohej dhoma",
+            "information_section_room": "Të dhëna dhome",
+            "information_section_space": "Hollësi hapësire",
+            "room_id": "ID e brendshme dhome",
+            "room_predecessor": "Shihni mesazhe më të vjetër në %(roomName)s.",
+            "room_upgrade_button": "Përmirësojeni këtë dhomë me versionin e rekomanduar të dhomës",
+            "room_upgrade_warning": "<b>Kujdes</b>: Përmirësimi i një dhome <i>s’do të shkaktojë migrim vetvetiu të anëtarëve të dhomës te versioni i ri i saj.</i> Do të postojmë në versionin e vjetër të dhomës një lidhje për te dhoma e re - anëtarëve të dhomës do t’u duhet të klikojnë mbi këtë lidhje, që të bëhen pjesë e dhomës së re.",
+            "room_version": "Version dhome:",
+            "room_version_section": "Version dhome",
+            "space_predecessor": "Shihni version më të vjetër të %(spaceName)s.",
+            "space_upgrade_button": "Përmirësojeni këtë hapësirë me versionin e rekomanduar të dhomës",
+            "unfederated": "Kjo dhomë nuk është e përdorshme nga shërbyes Matrix të largët",
+            "upgrade_button": "Përmirësojeni këtë dhomë me versionin %(version)s",
+            "upgrade_dialog_description": "Përmirësimi i kësaj dhome lyp mbylljen e instancës së tanishme të dhomës dhe krijimin e një dhome të re në vend të saj. Për t’u dhënë anëtarëve të dhomës më të mirën, do të:",
+            "upgrade_dialog_description_1": "Krijoni një dhomë të re me po atë emër, përshkrim dhe avatar",
+            "upgrade_dialog_description_2": "Përditësoni çfarëdo aliasesh dhomash vendore që të shpien te dhoma e re",
+            "upgrade_dialog_description_3": "Ndalojuni përdoruesve të flasin në versionin e vjetër të dhomës, dhe postoni një mesazh që u këshillon atyre të hidhen te dhoma e re",
+            "upgrade_dialog_description_4": "Vendosni në krye të dhomës së re një lidhje për te dhoma e vjetër, që njerëzit të mund të shohin mesazhet e vjetër",
+            "upgrade_dialog_title": "Përmirësoni Versionin e Dhomës",
+            "upgrade_dwarning_ialog_title_public": "Përmirëso dhomë publike",
+            "upgrade_warning_dialog_description": "Përmirësimi i një dhome është një veprim i thelluar dhe zakonisht rekomandohet kur një dhomë është e papërdorshme, për shkak të metash, veçorish që i mungojnë ose cenueshmëri sigurie.",
+            "upgrade_warning_dialog_explainer": "<b>Ju lutemi, kini parasysh se përmirësimi do të prodhojë një version të ri të dhomës</b>. Krejt mesazhet e tanishëm do të mbeten në këtë dhomë të arkivuar.",
+            "upgrade_warning_dialog_footer": "Do ta përmirësoni këtë dhomë nga <oldVersion /> në <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Fto automatikisht anëtarë prej kësaj dhome te e reja",
+            "upgrade_warning_dialog_report_bug_prompt": "Kjo zakonisht prek vetëm mënyrën se si përpunohet dhoma te shërbyesi. Nëse keni probleme me %(brand)s-in, ju lutemi, njoftoni një të metë.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Kjo zakonisht prek vetëm mënyrën se si përpunohet dhoma te shërbyesi. Nëse keni probleme me %(brand)s-in, ju lutemi, <a>njoftoni një të metë</a>.",
+            "upgrade_warning_dialog_title_private": "Përmirëso dhomë private"
+        },
+        "alias_not_specified": "e papërcaktuar",
+        "bridges": {
+            "description": "Kjo dhomë i kalon mesazhet te platformat vijuese. <a>Mësoni më tepër.</a>",
+            "empty": "Kjo dhomë s’kalon mesazhe në ndonjë platformë. <a>Mësoni më tepër.</a>",
+            "title": "Ura"
+        },
+        "delete_avatar_label": "Fshije avatarin",
+        "general": {
+            "alias_field_has_domain_invalid": "Mungon ndarë përkatësie, p.sh. (:domain.org)",
+            "alias_field_has_localpart_invalid": "Mungon emër ose ndarës dhome, p.sh. (dhoma-ime:përkatësi.org)",
+            "alias_field_matches_invalid": "Kjo adresë nuk shpie te kjo dhomë",
+            "alias_field_placeholder_default": "p.sh., dhoma-ime",
+            "alias_field_required_invalid": "Ju lutemi, jepni një adresë",
+            "alias_field_safe_localpart_invalid": "Disa shenja nuk lejohen",
+            "alias_field_taken_invalid": "Kjo adresë kishte një shërbyes të pavlefshëm ose është e përdorur tashmë",
+            "alias_field_taken_invalid_domain": "Kjo adresë është e përdorur tashmë",
+            "alias_field_taken_valid": "Kjo adresë është e lirë për përdorim",
+            "alias_heading": "Adresë dhome",
+            "aliases_items_label": "Adresa të tjera të publikuara:",
+            "aliases_no_items_label": "Ende pa adresa të tjera të publikuara, shtoni një më poshtë",
+            "aliases_section": "Adresa Dhomash",
+            "avatar_field_label": "Avatar dhome",
+            "canonical_alias_field_label": "Adresë kryesore",
+            "description_space": "Përpunoni rregullime që lidhen me hapësirën tuaj.",
+            "error_creating_alias_description": "Pati një gabim në krijimin e asaj adrese. Mund të mos lejohet nga shërbyesi, ose ndodhi një gabim i përkohshëm.",
+            "error_creating_alias_title": "Gabim në krijim adrese",
+            "error_deleting_alias_description": "Pati një gabim në heqjen e asaj adrese. Mund të mos ekzistojë më, ose ndodhi një gabim i përkohshëm.",
+            "error_deleting_alias_description_forbidden": "S’keni leje të fshini adresën.",
+            "error_deleting_alias_title": "Gabim në heqje adrese",
+            "error_save_space_settings": "S’u arrit të ruhen rregullime hapësire.",
+            "error_updating_alias_description": "Pati një gabim gjatë përditësimit të adresave alternative të dhomës. Mund të mos lejohet nga shërbyesi pse ndodhi një gabim i përkohshëm.",
+            "error_updating_canonical_alias_description": "Pati një gabim në përditësimin e adresës kryesore të dhomës. Mund të mos lejohet nga shërbyesi ose mund të ketë ndodhur një gabim i përkohshëm.",
+            "error_updating_canonical_alias_title": "Gabim gjatë përditësimit të adresës kryesore",
+            "leave_space": "Braktiseni Hapësirën",
+            "local_alias_field_label": "Adresë vendore",
+            "local_aliases_explainer_room": "Caktoni adresa për këtë dhomë, që kështu përdoruesit të gjejnë këtë dhomë përmes shërbyesit tuaj Home (%(localDomain)s)",
+            "local_aliases_explainer_space": "Caktoni adresa për këtë hapësirë, që kështu përdoruesit të gjejnë këtë dhomë përmes shërbyesit tuaj Home (%(localDomain)s)",
+            "local_aliases_section": "Adresa Vendore",
+            "name_field_label": "Emër Dhome",
+            "new_alias_placeholder": "Adresë e re e publikuar (p.sh., #alias:server)",
+            "no_aliases_room": "Kjo dhomë s’ka adresë vendore",
+            "no_aliases_space": "Kjo hapësirë s’ka adresa vendore",
+            "other_section": "Tjetër",
+            "publish_toggle": "Të bëhet publike kjo dhomë te drejtoria e dhomave %(domain)s?",
+            "published_aliases_description": "Që të bëni publike një adresë, lypset të ujdiset së pari si një adresë vendore.",
+            "published_aliases_explainer_room": "Adresat e publikuara mund të përdoren nga cilido, në cilindo shërbyes, për të hyrë në dhomën tuaj.",
+            "published_aliases_explainer_space": "Adresat e publikuara mund të përdoren nga cilido, në cilindo shërbyes, për të hyrë në hapësirën tuaj.",
+            "published_aliases_section": "Adresa të Publikuara",
+            "save": "Ruaji Ndryshimet",
+            "topic_field_label": "Temë Dhome"
+        },
+        "notifications": {
+            "browse_button": "Shfletoni",
+            "custom_sound_prompt": "Caktoni një tingull të ri vetjak",
+            "notification_sound": "Tingull njoftimi",
+            "settings_link": "Merrni njoftime siç i keni ujdisur te <a>rregullimet</a> tuaj",
+            "sounds_section": "Tinguj",
+            "upload_sound_label": "Ngarkoni tingull vetjak",
+            "uploaded_sound": "U ngarkua tingull"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Jepini një ose disa përdoruesve më tepër privilegje në këtë dhomë",
+            "add_privileged_user_filter_placeholder": "Kërkoni për përdorues në këtë dhomë…",
+            "add_privileged_user_heading": "Shtoni përdorues të privilegjuar",
+            "ban": "Dëboni përdorues",
+            "ban_reason": "Arsye",
+            "banned_by": "Dëbuar nga %(displayName)s",
+            "banned_users_section": "Përdorues të dëbuar",
+            "error_changing_pl_description": "Ndodhi një gabim gjatë ndryshimit të shkallës së pushtetit të përdoruesit. Sigurohuni se keni leje të mjaftueshme dhe riprovoni.",
+            "error_changing_pl_reqs_description": "Ndodhi një gabim gjatë ndryshimit të domosdoshmërive për shkallë pushteti në dhomë. Sigurohuni se keni leje të mjaftueshme dhe riprovoni.",
+            "error_changing_pl_reqs_title": "Gabim në ndryshimin e domosdoshmërisë për shkallë pushteti",
+            "error_changing_pl_title": "Gabim në ndryshimin e shkallës së pushtetit",
+            "error_unbanning": "S’u arrit t’i hiqej dëbimi",
+            "events_default": "Dërgoni mesazhe",
+            "invite": "Ftoni përdorues",
+            "kick": "Hiqni përdorues",
+            "m.call": "Nisni thirrje %(brand)s",
+            "m.call.member": "Merrni pjesë në thirrje %(brand)s",
+            "m.reaction": "Dërgo reagime",
+            "m.room.avatar": "Ndryshoni avatar dhome",
+            "m.room.avatar_space": "Ndryshoni avatar hapësire",
+            "m.room.canonical_alias": "Ndryshoni adresë kryesore për dhomën",
+            "m.room.canonical_alias_space": "Ndryshoni adresë kryesore për hapësirën",
+            "m.room.encryption": "Aktivizoni fshehtëzim dhome",
+            "m.room.history_visibility": "Ndryshoni dukshmëri historiku",
+            "m.room.name": "Ndryshoni emër dhome",
+            "m.room.name_space": "Ndryshoni emër hapësire",
+            "m.room.pinned_events": "Administroni veprimtari të fiksuara",
+            "m.room.power_levels": "Ndryshoni leje",
+            "m.room.redaction": "Hiq mesazhe të dërguar nga unë",
+            "m.room.server_acl": "Ndryshoni ACL-ra shërbyesi",
+            "m.room.tombstone": "Përmirësoni dhomën",
+            "m.room.topic": "Ndryshoni temë",
+            "m.room.topic_space": "Ndryshoni përshkrimin",
+            "m.space.child": "Administroni dhoma në këtë hapësirë",
+            "m.widget": "Modifikoni widget-e",
+            "muted_users_section": "Përdorues të Heshtur",
+            "no_privileged_users": "S’ka përdorues me privilegje të caktuara në këtë dhomë",
+            "notifications.room": "Njoftoni gjithkënd",
+            "permissions_section": "Leje",
+            "permissions_section_description_room": "Përzgjidhni rolet e domosdoshme për të ndryshuar anë të ndryshme të dhomës",
+            "permissions_section_description_space": "Përzgjidhni rolet e domosdoshëm për të ndryshuar pjesë të ndryshme të hapësirës",
+            "privileged_users_section": "Përdorues të Privilegjuar",
+            "redact": "Hiqi mesazhet e dërguar nga të tjerët",
+            "send_event_type": "Dërgo akte %(eventType)s",
+            "state_default": "Ndryshoni rregullime",
+            "title": "Role & Leje",
+            "users_default": "Rol parazgjedhje"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Pasi të aktivizohet, fshehtëzimi për një dhomë nuk mund të çaktivizohet. Mesazhet e dërguar në një dhomë të fshehtëzuar s’mund të shihen nga shërbyesi, vetëm nga pjesëmarrësit në dhomë. Aktivizimi i fshehtëzimit mund të pengojë funksionimin si duhet të mjaft robotëve dhe urave. <a>Mësoni më tepër rreth fshehtëzimit.</a>",
+            "enable_encryption_confirm_title": "Të aktivizohet fshehtëzim?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Nuk rekomandohet të shtohet fshehtëzim në dhoma publike.</b>Dhomat publike mund t’i gjejë dhe hyjë në to kushdo, pra cilido të mund të lexojë mesazhet në to. S’do të përfitoni asnjë nga të mirat e fshehtëzimit dhe s’do të jeni në gjendje ta çaktivizoni më vonë. Fshehtëzimi i mesazheve në një dhomë publike do të ngadalësojë marrjen dhe dërgimin e mesazheve.",
+            "enable_encryption_public_room_confirm_description_2": "Për të shmangur këto probleme, krijoni një <a>dhomë të re të fshehtëzuar</a> për bisedën që keni në plan të bëni.",
+            "enable_encryption_public_room_confirm_title": "A jeni i sigurt se doni të shtohet fshehtëzim në këtë dhomë publike?",
+            "encrypted_room_public_confirm_description_1": "<b>Nuk rekomandohet të bëhen publike dhoma të fshehtëzuara.</b> Kjo do të thoshte se cilido mund të gjejë dhe hyjë te dhoma, pra cilido mund të lexojë mesazhet. S’do të përfitoni asnjë nga të mirat e fshehtëzimit. Fshehtëzimi i mesazheve në një dhomë publike do ta ngadalësojë marrjen dhe dërgimin e tyre.",
+            "encrypted_room_public_confirm_description_2": "Për të shmangur këto probleme, krijoni për bisedën që keni në plan një <a>dhomë të re publike</a>.",
+            "encrypted_room_public_confirm_title": "Jeni i sigurt se doni ta bëni publike këtë dhomë të fshehtëzuar?",
+            "encryption_permanent": "Pasi të aktivizohet, fshehtëzimi s’mund të çaktivizohet më.",
+            "error_join_rule_change_title": "S’u arrit të përditësohen rregulla hyrjeje",
+            "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_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.",
+            "history_visibility_world_readable": "Cilido",
+            "join_rule_description": "Vendosni se cilët mund të hyjnë te %(roomName)s.",
+            "join_rule_invite": "Private (vetëm me ftesa)",
+            "join_rule_invite_description": "Vetëm personat e ftuar mund të hyjnë.",
+            "join_rule_public_description": "Kushdo mund ta gjejë dhe hyjë në të.",
+            "join_rule_restricted": "Anëtarë hapësire",
+            "join_rule_restricted_description": "Cilido në një hapësirë mund ta gjejë dhe hyjë. <a>Përpunoni se cilat hapësira kanë hyrje këtu.</a>",
+            "join_rule_restricted_description_active_space": "Cilido te <spaceName/> mund ta gjejë dhe hyjë në të. Mund të përzgjidhni gjithashtu hapësira të tjera.",
+            "join_rule_restricted_description_prompt": "Mund të përzgjidhni një hapësirë që mund të gjejë dhe hyjë. Mund të përzgjidhni disa hapësira.",
+            "join_rule_restricted_description_spaces": "Hapësira me hyrje",
+            "join_rule_restricted_dialog_description": "Vendosni se prej cilave hapësira mund të hyhet në këtë dhomë. Nëse përzgjidhet një hapësirë, anëtarët e saj do të mund ta gjejnë dhe hyjnë te <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Po hiqni krejt hapësirat. Hyrja do të kthehet te parazgjedhja, pra vetëm me ftesa",
+            "join_rule_restricted_dialog_filter_placeholder": "Kërkoni në hapësira",
+            "join_rule_restricted_dialog_heading_other": "Hapësira ose dhoma të tjera që mund të mos i dini",
+            "join_rule_restricted_dialog_heading_room": "Hapësira që e dini se përmbajnë këtë dhomë",
+            "join_rule_restricted_dialog_heading_space": "Hapësira që e dini se përmbajnë këtë hapësirë",
+            "join_rule_restricted_dialog_heading_unknown": "Këto ka shumë mundësi të jetë ato ku përgjegjës të tjerë dhomash janë pjesë.",
+            "join_rule_restricted_dialog_title": "Përzgjidhni hapësira",
+            "join_rule_restricted_n_more": {
+                "other": "& %(count)s më tepër",
+                "one": "& %(count)s më tepër"
+            },
+            "join_rule_restricted_summary": {
+                "other": "Deri tani, %(count)s hapësira kanë hyrje",
+                "one": "Aktualisht një hapësirë ka hyrje"
+            },
+            "join_rule_restricted_upgrade_description": "Ky përmirësim do t’u lejojë anëtarëve të hapësirave të përzgjedhura të hyjnë në këtë dhomë pa ndonjë ftesë.",
+            "join_rule_restricted_upgrade_warning": "Kjo dhomë gjendet në disa hapësira për të cilat nuk jeni një nga përgjegjësit. Në këto hapësira, dhoma e vjetër prapë do të shfaqet, por njerëzve do t’u kërkohet të marrin pjesë te e reja.",
+            "join_rule_upgrade_awaiting_room": "Po ngarkohet dhomë e re",
+            "join_rule_upgrade_required": "Lypset domosdo përmirësim",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Po dërgohen ftesa…",
+                "other": "Po dërgohen ftesa… (%(progress)s nga %(count)s) gjithsej"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Po përditësohet hapësirë…",
+                "other": "Po përditësohen hapësira… (%(progress)s nga %(count)s) gjithsej"
+            },
+            "join_rule_upgrade_upgrading_room": "Përmirësim dhome",
+            "public_without_alias_warning": "Që të lidhni këtë dhomë, ju lutemi, jepni një adresë.",
+            "strict_encryption": "Mos dërgo kurrë prej këtij sesioni mesazhe të fshehtëzuar te sesione të paverifikuar në këtë dhomë",
+            "title": "Siguri & Privatësi"
+        },
+        "title": "Rregullime Dhome - %(roomName)s",
+        "upload_avatar_label": "Ngarkoni avatar",
+        "visibility": {
+            "alias_section": "Adresë",
+            "error_failed_save": "S’arrihet të përditësohet dukshmëria e kësaj hapësire",
+            "error_update_guest_access": "S’arrihet të përditësohet hyrja e mysafirëve të kësaj hapësire",
+            "error_update_history_visibility": "S’arrihet të përditësohet dukshmëria e historikut të kësaj hapësire",
+            "guest_access_explainer": "Mysafirët mund të hyjnë në një hapësirë pa pasur llogari.",
+            "guest_access_label": "Lejo hyrje si vizitor",
+            "history_visibility_anyone_space": "Parashiheni Hapësirën",
+            "history_visibility_anyone_space_description": "Lejojini personat të parashohin hapësirën tuaj para se të hyjnë në të.",
+            "history_visibility_anyone_space_recommendation": "E rekomanduar për hapësira publike.",
+            "title": "Dukshmëri"
+        },
+        "voip": {
+            "call_type_section": "Lloj thirrjeje",
+            "enable_element_call_caption": "%(brand)s është i fshehtëzuar skaj-më-skaj, por aktualisht është i kufizuar në numra më të vegjël përdoruesish.",
+            "enable_element_call_label": "Aktivizojeni %(brand)s si një mundësi shtesë thirrjesh në këtë dhomë",
+            "enable_element_call_no_permissions_tooltip": "S’keni leje të mjaftueshme që të ndryshoni këtë."
+        }
+    },
+    "room_summary_card_back_action_label": "Të dhëna dhome",
+    "scalar": {
+        "error_create": "S’arrihet të krijohet widget-i.",
+        "error_membership": "S’gjendeni në këtë dhomë.",
+        "error_missing_room_id": "Mungon roomid.",
+        "error_missing_room_id_request": "Mungon room_id te kërkesa",
+        "error_missing_user_id_request": "Mungon user_id te kërkesa",
+        "error_permission": "S’keni leje për ta bërë këtë në këtë dhomë.",
+        "error_power_level_invalid": "Shkalla e pushtetit duhet të jetë një numër i plotë pozitiv.",
+        "error_room_not_visible": "Dhoma %(roomId)s s’është e dukshme",
+        "error_room_unknown": "Kjo dhomë s’është e pranuar.",
+        "error_send_request": "S’u arrit të dërgohej kërkesë.",
+        "failed_read_event": "S’u arrit të lexohen akte",
+        "failed_send_event": "S’u arrit të dërgohet akt"
+    },
+    "server_offline": {
+        "description": "Shërbyesi juaj s’po u përgjigjet disa kërkesave nga ju. Më poshtë gjenden disa nga arsyet më të mundshme.",
+        "description_1": "Shërbyesi (%(serverName)s) e zgjati shumë përgjigjen.",
+        "description_2": "Kërkesën po e bllokon firewall-i ose anti-virus-i juaj.",
+        "description_3": "Kërkesën po e pengon një zgjerim i shfletuesit.",
+        "description_4": "Shërbyesi është jashtë funksionimi.",
+        "description_5": "Shërbyesi e ka hedhur poshtë kërkesën tuaj.",
+        "description_6": "Zona juaj po ka probleme lidhjeje në internet.",
+        "description_7": "Ndodhi një gabim teksa provohej lidhja me shërbyesin.",
+        "description_8": "Shërbyesi s’është formësuar të tregojë se cili është problemi (CORS).",
+        "empty_timeline": "Jeni në rregull.",
+        "recent_changes_heading": "Ndryshime tani së fundi që s’janë marrë ende",
+        "title": "Shërbyesi s’po përgjigjet"
+    },
+    "seshat": {
+        "error_initialising": "Dështoi gatitja e kërkimit në mesazhe, për më tepër hollësi, shihni <a>rregullimet tuaja</a>",
+        "reset_button": "Riktheje te parazgjedhjet arkivin e akteve",
+        "reset_description": "Gjasat janë të mos doni të riktheni te parazgjedhjet arkivin e indeksimit të akteve",
+        "reset_explainer": "Nëse e bëni, ju lutemi, kini parasysh se s’do të fshihet asnjë nga mesazhet tuaj, por puna me kërkimin mund degradojë për pak çaste, ndërkohë që rikrijohet treguesi",
+        "reset_title": "Të rikthehet te parazgjedhjet arkivi i akteve?",
+        "warning_kind_files": "Ky version i %(brand)s nuk mbulon parjen për disa kartela të fshehtëzuara",
+        "warning_kind_files_app": "Që të shihni krejt kartelat e fshehtëzuara, përdorni <a>aplikacionin për Desktop</a>",
+        "warning_kind_search": "Ky version i %(brand)s nuk mbulon kërkimin në mesazhe të fshehtëzuar",
+        "warning_kind_search_app": "Që të kërkoni te mesazhe të fshehtëzuar, përdorni <a>aplikacionin për Desktop</a>"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Tokeni-i juaj i hyrjeve jep hyrje të plotë në llogarinë tuaj. Mos ia jepni kujt.",
+            "brand_version": "Version %(brand)s:",
+            "clear_cache_reload": "Spastro fshehtinën dhe ringarko",
+            "help_link": "Për ndihmë rreth përdorimit të %(brand)s-it, klikoni <a>këtu</a>.",
+            "homeserver": "Shërbyes Home është <code>%(homeserverUrl)s</code>",
+            "identity_server": "Shërbyes identiteti është <code>%(identityServerUrl)s</code>",
+            "title": "Ndihmë & Rreth",
+            "versions": "Versione"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "Shfaq krejt dhomat te Home",
+        "all_rooms_home_description": "Krejt dhomat ku gjendeni, do të shfaqen te Home.",
+        "always_show_message_timestamps": "Shfaq përherë vula kohore për mesazhet",
+        "appearance": {
+            "custom_font": "Përdor një palë shkronja sistemi",
+            "custom_font_description": "Caktoni emrin e një palë shkronjash të instaluara në sistemin tuaj & %(brand)s do të provojë t’i përdorë.",
+            "custom_font_name": "Emër shkronjash sistemi",
+            "custom_font_size": "Përdor madhësi vetjake",
+            "custom_theme_error_downloading": "Gabim në shkarkim të dhënash teme.",
+            "custom_theme_invalid": "Skemë e pavlefshme teme.",
+            "font_size": "Madhësi shkronjash",
+            "image_size_default": "Parazgjedhje",
+            "image_size_large": "E madhe",
+            "layout_bubbles": "Flluska mesazhesh",
+            "layout_irc": "IRC (Eksperimentale)",
+            "match_system_theme": "Përputhe me temën e sistemit",
+            "timeline_image_size": "Madhësi figure në rrjedhën kohore"
+        },
+        "automatic_language_detection_syntax_highlight": "Aktivizo pikasje të vetvetishme të gjuhës për theksim sintakse",
+        "autoplay_gifs": "Vetëluaji GIF-et",
+        "autoplay_videos": "Vetëluaji videot",
+        "big_emoji": "Aktivizo emoji-t e mëdhenj në fjalosje",
+        "code_block_expand_default": "Zgjeroji blloqet e kodit, si parazgjedhje",
+        "code_block_line_numbers": "Shfaq numra rreshtat në blloqe kodi",
+        "emoji_autocomplete": "Aktivizo sugjerime emoji-sh teksa shtypet",
+        "enable_markdown": "Aktivizoni Markdown",
+        "enable_markdown_description": "Për t’i dërguar pa elementë Markdown, fillojini mesazhet me <code>/plain</code>.",
+        "general": {
+            "account_management_section": "Administrim llogarish",
+            "account_section": "Llogari",
+            "add_email_dialog_title": "Shtoni Adresë Email",
+            "add_email_failed_verification": "S’u arrit të verifikohej adresë email: sigurohuni se keni klikuar lidhjen te email-i",
+            "add_email_instructions": "Ju kemi dërguar një email që të verifikoni adresën tuaj. Ju lutemi, ndiqni udhëzimet e atjeshme dhe mandej klikoni butonin më poshtë.",
+            "add_msisdn_confirm_body": "Klikoni mbi butonin më poshtë që të ripohoni shtimin e këtij numri telefoni.",
+            "add_msisdn_confirm_button": "Ripohoni shtim numri telefoni",
+            "add_msisdn_confirm_sso_button": "Ripohojeni shtimin e këtij numri telefoni duke përdorur Hyrje Njëshe që të provoni identitetin tuaj.",
+            "add_msisdn_dialog_title": "Shtoni Numër Telefoni",
+            "add_msisdn_instructions": "Te +%(msisdn)s u dërgua një mesazh tekst. Ju lutemi, jepni kodin e verifikimit që përmban.",
+            "confirm_adding_email_body": "Klikoni butonin më poshtë që të ripohoni shtimin e kësaj adrese email.",
+            "confirm_adding_email_title": "Ripohoni shtim email-i",
+            "deactivate_confirm_body": "Jeni i sigurt se doni të çaktivizohet llogaria juaj? Kjo është e pakthyeshme.",
+            "deactivate_confirm_body_sso": "Ripohoni çaktivizimin e llogarisë tuaj duke përdorur Hyrje Njëshe që të dëshmoni identitetin tuaj.",
+            "deactivate_confirm_content": "Ripohoni se doni të çaktivizohet llogaria juaj. Nëse ecni më tej:",
+            "deactivate_confirm_content_1": "S’do të jeni në gjendje të riaktivizoni llogarinë tuaj",
+            "deactivate_confirm_content_2": "S’do të jeni më në gjendje të bëni hyrjen",
+            "deactivate_confirm_content_3": "Askush s’do të jetë në gjendje të përdorë emrin tuaj të përdoruesit (MXID), përfshi ju: ky emër përdoruesi do të mbetet i papërdorshëm",
+            "deactivate_confirm_content_4": "Do të braktisni krejt dhomat dhe MD-të ku merrni pjesë",
+            "deactivate_confirm_content_5": "Do të hiqeni nga shërbyesi i identiteteve: shokët tuaj s’do të jenë më në gjendje t’ju gjejnë përmes email-it apo numrit tuaj të telefonit",
+            "deactivate_confirm_content_6": "Mesazhet tuaj të dikurshëm do të jenë ende të dukshëm për personat që i morën, njësoj si email-et që dërgonit dikur. Doni që mesazhet të jenë të fshehur për persona që hyjnë në dhomë në të ardhmen?",
+            "deactivate_confirm_continue": "Ripohoni çaktivizim llogarie",
+            "deactivate_confirm_erase_label": "Fshihni mesazhet e mi për ata që vijnë rishtas",
+            "deactivate_section": "Çaktivizoje Llogarinë",
+            "deactivate_warning": "Çaktivizimi i llogarisë tuaj është një veprim i pakthyeshëm - hapni sytë!",
+            "discovery_email_empty": "Mundësitë e zbulimit do të shfaqen sapo të keni shtuar më sipër një email.",
+            "discovery_email_verification_instructions": "Verifikoni lidhjen te mesazhet tuaj",
+            "discovery_msisdn_empty": "Mundësitë e zbulimit do të shfaqen sapo të keni shtuar më sipër një numër telefoni.",
+            "discovery_needs_terms": "Pajtohuni me Kushtet e Shërbimit të shërbyesit të identiteteve (%(serverName)s) që të lejoni veten të jetë e zbulueshme me anë adrese email ose numri telefoni.",
+            "email_address_in_use": "Kjo adresë email është tashmë në përdorim",
+            "email_address_label": "Adresë Email",
+            "email_not_verified": "Adresa juaj email s’është verifikuar ende",
+            "email_verification_instructions": "Për verifkim, klikoni lidhjen te email që morët dhe mandej vazhdoni sërish.",
+            "emails_heading": "Adresa email",
+            "error_add_email": "S’arrihet të shtohet adresë email",
+            "error_deactivate_communication": "Pati një problem në komunikimin me shërbyesin. Ju lutemi, riprovoni.",
+            "error_deactivate_invalid_auth": "Shërbyesi s’ktheu ndonjë të dhënë të vlefshme mirëfilltësimi.",
+            "error_deactivate_no_auth": "Shërbyesi s’kërkoi ndonjë mirëfilltësim",
+            "error_email_verification": "S’arrihet të verifikohet adresë email.",
+            "error_invalid_email": "Adresë Email e Pavlefshme",
+            "error_invalid_email_detail": "Kjo s’duket se është adresë email e vlefshme",
+            "error_msisdn_verification": "S’arrihet të verifikohet numër telefoni.",
+            "error_password_change_403": "S’u arrit të ndryshohej fjalëkalimi. A është i saktë fjalëkalimi juaj?",
+            "error_password_change_http": "%(errorMessage)s (gjendje HTTP %(httpStatus)s)",
+            "error_password_change_title": "Gabim në ndryshim fjalëkalimi",
+            "error_password_change_unknown": "Gabim i panjohur ndryshimi fjalëkalimi (%(stringifiedError)s)",
+            "error_remove_3pid": "S’arrihet të hiqen të dhëna kontakti",
+            "error_revoke_email_discovery": "S’arrihet të shfuqizohet ndarja për këtë adresë email",
+            "error_revoke_msisdn_discovery": "S’arrihet të shfuqizohet ndarja për numrin e telefonit",
+            "error_share_email_discovery": "S’arrihet të ndahet adresë email",
+            "error_share_msisdn_discovery": "S’arrihet të ndahet numër telefoni",
+            "identity_server_no_token": "S’u gjet token hyrjeje identiteti",
+            "identity_server_not_set": "Shërbyes identitetesh i paujdisur",
+            "language_section": "Gjuhë dhe rajon",
+            "msisdn_in_use": "Ky numër telefoni është tashmë në përdorim",
+            "msisdn_label": "Numër Telefoni",
+            "msisdn_verification_field_label": "Kod verifikimi",
+            "msisdn_verification_instructions": "Ju lutemi, jepni kod verifikimi të dërguar përmes teksti.",
+            "msisdns_heading": "Numra telefonash",
+            "oidc_manage_button": "Administroni llogari",
+            "password_change_section": "Caktoni një fjalëkalim të ri llogarie…",
+            "password_change_success": "Fjalëkalimi juaj u ndryshua me sukses.",
+            "remove_email_prompt": "Të hiqet %(email)s?",
+            "remove_msisdn_prompt": "Të hiqet %(phone)s?",
+            "spell_check_locale_placeholder": "Zgjidhni vendore"
+        },
+        "inline_url_previews_default": "Aktivizo, si parazgjedhje, paraparje URL-sh brendazi",
+        "insert_trailing_colon_mentions": "Fut dy pika pas përmendjesh përdoruesi, në fillim të një mesazhi",
+        "jump_to_bottom_on_send": "Kalo te fundi i rrjedhës kohore, kur dërgoni një mesazh",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Kyçet tuaj tani po kopjeruhen nga kjo pajisje.",
+                "backup_setup_success_title": "Kopjeruajtje e Sigurt e susksesshme",
+                "cancel_warning": "Nëse e anuloni tani, mund të humbni mesazhe & të dhëna të fshehtëzuara, nëse humbni hyrjen te kredencialet tuaja të hyrjeve.",
+                "confirm_security_phrase": "Ripohoni Frazën tuaj të Sigurisë",
+                "description": "Mbrohuni kundër humbjes së hyrjes në mesazhe & të dhëna të fshehtëzuara duke kopjeruajtur kyçe fshehtëzimi në shërbyesin tuaj.",
+                "download_or_copy": "%(downloadButton)s ose %(copyButton)s",
+                "enter_phrase_description": "Jepni një Frazë Sigurie që e dini vetëm ju, ngaqë përdoret për të mbrojtur të dhënat tuaja. Që të jeni të sigurt, s’duhet të ripërdorni fjalëkalimin e llogarisë tuaj.",
+                "enter_phrase_title": "Jepni një Frazë Sigurie",
+                "enter_phrase_to_confirm": "Jepni Frazën tuaj të Sigurisë edhe një herë, për ta ripohuar.",
+                "generate_security_key_description": "Do të prodhojmë për ju një Kyç Sigurie që ta depozitoni diku në një vend të parrezik, bie fjala, në një përgjegjës fjalëkalimesh, ose në një kasafortë.",
+                "generate_security_key_title": "Prodhoni një Kyç Sigurie",
+                "pass_phrase_match_failed": "S’përputhen.",
+                "pass_phrase_match_success": "U përputhën!",
+                "phrase_strong_enough": "Bukur! Kjo Frazë Sigurie duket goxha e fuqishme.",
+                "secret_storage_query_failure": "S’u arrit të merret gjendje depozite të fshehtë",
+                "security_key_safety_reminder": "Depozitojeni Kyçin tuaj të Sigurisë diku të parrezik, bie fjala në një përgjegjës fjalëkalimesh, ose në një kasafortë, ngaqë përdoret për të mbrojtur të dhënat tuaja të fshehtëzuara.",
+                "set_phrase_again": "Shkoni mbrapsht që ta ricaktoni.",
+                "settings_reminder": "Mundeni edhe të ujdisni Kopjeruajtje të Sigurt & administroni kyçet tuaj që nga Rregullimet.",
+                "title_confirm_phrase": "Ripohoni Frazë Sigurie",
+                "title_save_key": "Ruani Kyçin tuaj të Sigurisë",
+                "title_set_phrase": "Caktoni një Frazë Sigurie",
+                "unable_to_setup": "S’u arrit të ujdiset depozitë e fshehtë",
+                "use_different_passphrase": "Të përdoret një frazëkalim tjetër?",
+                "use_phrase_only_you_know": "Jepni një frazë të fshehtë që e dini vetëm ju, dhe, në daçi, ruani një Kyç Sigurie për ta përdorur për kopjeruajtje."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Ripohoni frazëkalimin",
+            "enter_passphrase": "Jepni frazëkalimin",
+            "export_description_1": "Ky proces ju lejon të eksportoni te një kartelë vendore kyçet për mesazhe që keni marrë në dhoma të fshehtëzuara. Mandej do të jeni në gjendje ta importoni kartelën te një tjetër klient Matrix në të ardhmen, që kështu ai klient të jetë në gjendje t’i fshehtëzojë këto mesazhe.",
+            "export_title": "Eksporto kyçe dhome",
+            "file_to_import": "Kartelë për importim",
+            "import_description_1": "Ky proces ju lejon të importoni kyçe fshehtëzimi që keni eksportuar më parë nga një tjetër klient Matrix. Mandej do të jeni në gjendje të shfshehtëzoni çfarëdo mesazhesh që mund të shfshehtëzojë ai klient tjetër.",
+            "import_description_2": "Kartela e eksportit është e mbrojtur me një frazëkalim. Që të shfshehtëzoni kartelën, duhet ta jepni frazëkalimin këtu.",
+            "import_title": "Importo kyçe dhome",
+            "phrase_cannot_be_empty": "Frazëkalimi s’mund të jetë i zbrazët",
+            "phrase_must_match": "Frazëkalimet duhet të përputhen"
+        },
+        "keyboard": {
+            "title": "Tastierë"
+        },
+        "notifications": {
+            "enable_audible_notifications_session": "Aktivizo njoftime audio për këtë sesion",
+            "enable_desktop_notifications_session": "Aktivizo njoftime desktop për këtë sesion",
+            "enable_email_notifications": "Aktivizo njoftime me email për %(email)s",
+            "enable_notifications_account": "Aktivizo njoftime për këtë llogari",
+            "enable_notifications_account_detail": "Mbylleni që të çaktivizohen njoftimet në krejt pajisjet dhe sesionet tuaja",
+            "enable_notifications_device": "Aktivizo njoftime për këtë pajisje",
+            "error_loading": "Pati një gabim në ngarkimin e rregullimeve tuaja për njoftimet.",
+            "error_permissions_denied": "%(brand)s-i s’ka leje t’ju dërgojë njoftime - Ju lutemi, kontrolloni rregullimet e shfletuesit tuaj",
+            "error_permissions_missing": "%(brand)s-it s’iu dha leje të dërgojë njoftime - ju lutemi, riprovoni",
+            "error_saving": "Gabim në ruajtje parapëlqimesh për njoftimet",
+            "error_saving_detail": "Ndodhi një gabim teksa ruheshin parapëlqimet tuaja për njoftimet.",
+            "error_title": "S’arrihet të aktivizohen njoftimet",
+            "error_updating": "Ndodhi një gabim teksa përditësoheshin parapëlqimet tuaja për njoftime. Ju lutemi, provoni ta riaktivizoni mundësinë tuaj.",
+            "messages_containing_keywords": "Mesazhe që përmbajnë fjalëkyçe",
+            "noisy": "I zhurmshëm",
+            "push_targets": "Objektiva njoftimesh",
+            "rule_call": "Ftesë për thirrje",
+            "rule_contains_display_name": "Mesazhe që përmbajnë emrin tim të ekranit",
+            "rule_contains_user_name": "Mesazhe që përmbajnë emrin tim të përdoruesit",
+            "rule_encrypted": "Mesazhe të fshehtëzuar në fjalosje në grup",
+            "rule_encrypted_room_one_to_one": "Mesazhe të fshehtëzuar në fjalosje tek-për-tek",
+            "rule_invite_for_me": "Kur ftohem në një dhomë",
+            "rule_message": "Mesazhe në fjalosje në grup",
+            "rule_room_one_to_one": "Mesazhe në fjalosje tek për tek",
+            "rule_roomnotif": "Mesazhe që përmbajnë @room",
+            "rule_suppress_notices": "Mesazhe të dërguar nga boti",
+            "rule_tombstone": "Kur përmirësohen dhomat",
+            "show_message_desktop_notification": "Shfaq mesazh në njoftim për desktop"
+        },
+        "preferences": {
+            "always_show_menu_bar": "Shfaqe përherë shtyllën e menusë së dritares",
+            "autocomplete_delay": "Vonesë Vetëplotësimi (ms)",
+            "code_blocks_heading": "Blloqe kodi",
+            "compact_modern": "Përdorni një skemë “Moderne” më kompakte",
+            "composer_heading": "Hartues",
+            "enable_hardware_acceleration": "Aktivizo përshpejtim hardware",
+            "enable_tray_icon": "Shfaq ikonë paneli dhe minimizo dritaren në të, kur bëhet mbyllje",
+            "keyboard_heading": "Shkurtore tastiere",
+            "keyboard_view_shortcuts_button": "Që të shihni krejt shkurtoret e tastierës, <a>klikoni këtu</a>.",
+            "media_heading": "Figura, GIF-e dhe video",
+            "presence_description": "Ndani me të tjerët veprimtarinë dhe gjendjen tuaj.",
+            "rm_lifetime": "Kohëzgjatje e Shenjës së Leximit (ms)",
+            "rm_lifetime_offscreen": "Kohëzgjatje Shenje Leximi jashtë ekrani (ms)",
+            "room_directory_heading": "Drejtori dhomash",
+            "room_list_heading": "Listë dhomash",
+            "show_avatars_pills": "Shfaq avatarë në përmendje përdoruesish, dhomash dhe aktesh",
+            "show_polls_button": "Shfaq buton pyetësorësh",
+            "surround_text": "Rrethoje tekstin e përzgjedhur, kur shtypen shenja speciale",
+            "time_heading": "Kohë shfaqjeje"
+        },
+        "prompt_invite": "Pyet, përpara se të dërgohen ftesa te ID Matrix potencialisht të pavlefshme",
+        "replace_plain_emoji": "Zëvendëso automatikisht emotikone tekst të thjeshtë me Emoji",
+        "security": {
+            "bulk_options_accept_all_invites": "Prano krejt ftesat prej %(invitedRooms)s",
+            "bulk_options_reject_all_invites": "Mos prano asnjë ftesë për në %(invitedRooms)s",
+            "bulk_options_section": "Veprime masive",
+            "e2ee_default_disabled_warning": "Përgjegjësi i shërbyesit tuaj ka çaktivizuar fshehtëzimin skaj-më-skaj, si parazgjedhje, në dhoma private & Mesazhe të Drejtpërdrejtë.",
+            "enable_message_search": "Aktivizo kërkim mesazhesh në dhoma të fshehtëzuara",
+            "encryption_section": "Fshehtëzim",
+            "ignore_users_empty": "S’keni përdorues të shpërfillur.",
+            "ignore_users_section": "Përdorues të shpërfillur",
+            "key_backup_algorithm": "Algoritëm:",
+            "message_search_disable_warning": "Në u çaktivizoftë, mesazhet prej dhomash të fshehtëzuara s’do të duken në përfundime kërkimi.",
+            "message_search_disabled": "Ruaj lokalisht në mënyrë të sigurt në fshehtinë mesazhet që të shfaqen në përfundime kërkimi.",
+            "message_search_enabled": {
+                "one": "Ruajini lokalisht në fshehtinë në mënyrë të sigurt mesazhet e fshehtëzuar, që të shfaqen në përfundime kërkimi, duke përdorur %(size)s që të depozitoni mesazhe nga %(rooms)s dhomë.",
+                "other": "Ruajini lokalisht në fshehtinë në mënyrë të sigurt mesazhet e fshehtëzuar, që të shfaqen në përfundime kërkimi, duke përdorur %(size)s që të depozitoni mesazhe nga %(rooms)s dhoma."
+            },
+            "message_search_failed": "Dështoi gatitje kërkimi mesazhesh",
+            "message_search_indexed_messages": "Mesazhe të indeksuar:",
+            "message_search_indexed_rooms": "Dhoma të indeksuara:",
+            "message_search_indexing": "Indeksim aktual: %(currentRoom)s",
+            "message_search_indexing_idle": "Pa indeksuar aktualisht mesazhe nga ndonjë dhomë.",
+            "message_search_intro": "%(brand)s-i po ruan lokalisht në mënyrë të sigurt në fshehtinë mesazhet që të shfaqen në përfundime kërkimi:",
+            "message_search_room_progress": "%(doneRooms)s nga %(totalRooms)s",
+            "message_search_section": "Kërkim mesazhesh",
+            "message_search_sleep_time": "Sa shpejt duhen shkarkuar mesazhet.",
+            "message_search_space_used": "Hapësirë e përdorur:",
+            "message_search_unsupported": "%(brand)s-it i mungojnë disa përbërës të domosdoshëm për ruajtje lokalisht në mënyrë të sigurt në fshehtinë mesazhe. Nëse do të donit të eksperimentonit me këtë veçori, montoni një Desktop vetjak %(brand)s Desktop me <nativeLink>shtim përbërësish kërkimi</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s s’mund të ruajë lokalisht në fshehtinë në mënyrë të siguruar mesazhe të fshehtëzuar, teksa xhirohet në një shfletues. Që mesazhet e fshehtëzuar të shfaqen te përfundime kërkimi, përdorni <desktopLink>%(brand)s Desktop</desktopLink>.",
+            "record_session_details": "Regjistro emrin, versionin dhe URL-në e klientit, për të dalluar më kollaj sesionet te përgjegjës sesionesh",
+            "send_analytics": "Dërgo të dhëna analitike",
+            "strict_encryption": "Mos dërgo kurrë prej këtij sesioni mesazhe të fshehtëzuar te sesione të paverifikuar"
+        },
+        "send_read_receipts": "Dërgo dëftesa leximi",
+        "send_read_receipts_unsupported": "Shërbyesi juaj nuk mbulon çaktivizimin e dërgimit të dëftesave të leximit.",
+        "send_typing_notifications": "Dërgo njoftime shtypjesh",
+        "sessions": {
+            "confirm_sign_out": {
+                "one": "Ripohoni daljen nga kjo pajisje",
+                "other": "Ripohoni daljen nga këto pajisje"
+            },
+            "confirm_sign_out_body": {
+                "one": "Që të ripohoni daljen nga kjo pajisje, klikoni butonin më poshtë.",
+                "other": "Që të ripohoni daljen nga këto pajisje, klikoni butonin më poshtë."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Dil nga pajisje",
+                "other": "Dil nga pajisje"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Ripohoni daljen nga kjo pajisje duke përdorur Hyrje Njëshe për të dëshmuar identitetin tuaj.",
+                "other": "Ripohoni daljen nga këto pajisje duke përdorur Hyrje Njëshe për të dëshmuar identitetin tuaj."
+            },
+            "current_session": "Sesioni i tanishëm",
+            "desktop_session": "Sesion desktop",
+            "details_heading": "Hollësi sesioni",
+            "device_unverified_description": "Për sigurinë dhe besueshmërinë më të mirë, verifikojeni, ose dilni nga ky sesion.",
+            "device_unverified_description_current": "Verifikoni sesionin tuaj të tanishëm për shkëmbim me siguri të thelluar mesazhesh.",
+            "device_verified_description": "Ky sesion është gati për shkëmbim të sigurt mesazhesh.",
+            "device_verified_description_current": "Sesioni juaj i tanishëm është gati për shkëmbim të siguruar mesazhesh.",
+            "error_pusher_state": "S’u arrit të ujdisej gjendja e shërbimit të njoftimeve push",
+            "filter_all": "Krejt",
+            "filter_inactive": "Joaktiv",
+            "filter_inactive_description": "Joaktiv për for %(inactiveAgeDays)s ditë ose më gjatë",
+            "filter_label": "Filtroni pajisje",
+            "filter_unverified_description": "Jo gati për shkëmbim të sigurt mesazhesh",
+            "filter_verified_description": "Gati për shkëmbim të sigurt mesazhesh",
+            "hide_details": "Fshihi hollësitë",
+            "inactive_days": "Joaktiv për %(inactiveAgeDays)s+ ditë",
+            "inactive_sessions": "Sesione joaktivë",
+            "inactive_sessions_explainer_1": "Sesioni joaktive janë sesione që keni ca kohë që s’i përdorni, por që vazhdojnë të marrin kyçe fshehtëzimi.",
+            "inactive_sessions_explainer_2": "Heqja e sesioneve joaktive përmirëson sigurinë dhe punimin dhe e bën më të lehtë për ju të pikasni nëse një sesion i ri është i dyshimtë.",
+            "inactive_sessions_list_description": "Shihni mundësinë e daljes nga sesione të vjetër (%(inactiveAgeDays)s ditë ose më të vjetër) që s’i përdorni më.",
+            "ip": "Adresë IP",
+            "last_activity": "Veprimtaria e fundit",
+            "mobile_session": "Sesion në celular",
+            "n_sessions_selected": {
+                "one": "%(count)s sesion i përzgjedhur",
+                "other": "%(count)s sesione të përzgjedhur"
+            },
+            "no_inactive_sessions": "S’u gjetën sesione joaktive.",
+            "no_sessions": "S’u gjetën sesione.",
+            "no_unverified_sessions": "S’u gjetën sesione të paverifikuar.",
+            "no_verified_sessions": "S’u gjetën sesione të verifikuar.",
+            "other_sessions_heading": "Sesione të tjerë",
+            "push_heading": "Njoftime Push",
+            "push_subheading": "Merrni njoftime push për këtë sesion.",
+            "push_toggle": "Aktivizo/çaktivizo njoftime push për këtë sesion.",
+            "rename_form_caption": "Ju lutemi, kini parasysh se emrat e sesioneve janë të dukshëm edhe për personat me të cilët komunikoni.",
+            "rename_form_heading": "Riemërtoni sesionin",
+            "rename_form_learn_more": "Riemërtim sesionesh",
+            "rename_form_learn_more_description_1": "Përdorues të tjerë në mesazhe të drejtpërdrejtë dhe dhoma ku hyni janë në gjendje të shohin një listë të plotë të sesioneve tuaj.",
+            "rename_form_learn_more_description_2": "Kjo u jep atyre besim se po flasin vërtet me ju, por do të thotë gjithashtu që mund shohin emrin e sesionit që jepni këtu.",
+            "security_recommendations": "Rekomandime sigurie",
+            "security_recommendations_description": "Përmirësoni sigurinë e llogarisë tuaj duke ndjekur këto rekomandime.",
+            "session_id": "ID sesioni",
+            "show_details": "Shfaqi hollësitë",
+            "sign_in_with_qr": "Hyni me kod QR",
+            "sign_in_with_qr_button": "Shfaq kod QR",
+            "sign_in_with_qr_description": "Mund ta përdorni këtë pajisje për të hyrë në një pajisje të re me një kod QR. Do t’ju duhet të skanoni kodin QR të shfaqur në këtë pajisje, me pajisjen nga e cila është bërë dalja.",
+            "sign_out": "Dilni nga ky sesion",
+            "sign_out_all_other_sessions": "Dil nga krejt sesionet e tjerë (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Jeni i sigurt se doni të dilet nga %(count)s session?",
+                "other": "Jeni i sigurt se doni të dilet nga %(count)s sessione?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Dilni nga %(count)s sesion",
+                "other": "Dilni nga %(count)s sesione"
+            },
+            "title": "Sesione",
+            "unknown_session": "Lloj i panjohur sesionesh",
+            "unverified_session": "Sesion i paverifikuar",
+            "unverified_session_explainer_1": "Ky sesion s’mbulon fshehtëzim, ndaj s’mund të verifikohet.",
+            "unverified_session_explainer_2": "S’do të jeni në gjendje të merrni pjesë në dhoma ku fshehtëzimi është aktivizuar, kur përdoret ky sesion.",
+            "unverified_session_explainer_3": "Për sigurinë dhe privatësinë më të mirë, rekomandohet të përdoren klientë Matrix që mbulojnë fshehtëzim.",
+            "unverified_sessions": "Sesione të paverifikuar",
+            "unverified_sessions_explainer_1": "Sesionet e paverifikuara janë sesione ku është hyrë me kredencialet tuaja, por që nuk janë verifikuar ndërsjelltas.",
+            "unverified_sessions_explainer_2": "Duhet të jeni posaçërisht të qartë se i njihni këto sesione, ngaqë mund të përbëjnë përdorim të paautorizuar të llogarisë tuaj.",
+            "unverified_sessions_list_description": "Verifikoni sesionet tuaj, për shkëmbim më të sigurt mesazhesh, ose dilni prej atyre që s’i njihni, apo përdorni më.",
+            "verified_session": "Sesion i verifikuar",
+            "verified_sessions": "Sesione të verifikuar",
+            "verified_sessions_explainer_1": "Sesionet e verifikuar janë kudo ku përdorni këtë llogari pas dhënies së frazëkalimit tuaj, apo ripohimit të identitetit me sesione të tjerë të verifikuar.",
+            "verified_sessions_explainer_2": "Kjo do të thotë se keni krejt kyçet e nevojshëm për të shkyçur mesazhet tuaj të fshehtëzuar dhe për t’u ripohuar përdoruesve të tjerë se e besoni këtë sesion.",
+            "verified_sessions_list_description": "Për sigurinë më të mirë, dilni nga çfarëdo sesioni që nuk e njihni apo përdorni më.",
+            "verify_session": "Verifiko sesion",
+            "web_session": "Sesion Web"
+        },
+        "show_breadcrumbs": "Shfaq te lista e dhomave shkurtore për te dhoma të para së fundi",
+        "show_chat_effects": "Shfaq efekte fjalosjeje (animacione kur merren bonbone, për shembull)",
+        "show_displayname_changes": "Shfaq ndryshime emrash ekrani",
+        "show_join_leave": "Shfaq mesazhe hyrjesh/daljesh (kjo nuk prek mesazhe ftesash/heqjesh/dëbimesh )",
+        "show_nsfw_content": "Shfaq lëndë NSFW",
+        "show_read_receipts": "Shfaq dëftesa leximi dërguar nga përdorues të tjerë",
+        "show_redaction_placeholder": "Shfaq një vendmbajtëse për mesazhe të hequr",
+        "show_stickers_button": "Shfaq buton ngjitësish",
+        "show_typing_notifications": "Shfaq njoftime shtypjeje",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "Shfaq krejt dhomat",
+            "metaspaces_home_all_rooms_description": "Shfaqni krejt dhomat tuaja te Kreu, edhe nëse gjenden në një hapësirë.",
+            "metaspaces_home_description": "Kreu është i dobishëm për të pasur një përmbledhje të gjithçkaje.",
+            "metaspaces_orphans": "Dhoma jashtë një hapësire",
+            "metaspaces_orphans_description": "Gruponi në një vend krejt dhomat tuaja që s’janë pjesë e një hapësire.",
+            "metaspaces_subsection": "Hapësira për shfaqje",
+            "title": "Anështyllë"
+        },
+        "use_12_hour_format": "Vulat kohore shfaqi në formatin 12 orësh (p.sh. 2:30pm)",
+        "use_command_enter_send_message": "Që të dërgoni një mesazh, përdorni tastet Command + Enter",
+        "use_command_f_search": "Përdorni Command + F që të kërkohet te rrjedha kohore",
+        "use_control_enter_send_message": "Që të dërgoni një mesazh përdorni tastet Ctrl + Enter",
+        "use_control_f_search": "Përdorni Ctrl + F që të kërkohet te rrjedha kohore",
+        "voip": {
+            "allow_p2p": "Lejo Peer-to-Peer për thirrje tek për tek",
+            "allow_p2p_description": "Kur aktivizohet, pala tjetër mund të jetë në gjendje të shohë adresën tuaj IP",
+            "audio_input_empty": "S’u pikasën Mikrofona",
+            "audio_output": "Sinjal Audio",
+            "audio_output_empty": "S’u pikasën Sinjale Audio Në Dalje",
+            "auto_gain_control": "Kontroll i automatizuar gain-i",
+            "echo_cancellation": "Anulim jehonash",
+            "enable_fallback_ice_server_description": "Vlen vetëm nëse shërbyes juaj Home nuk ofron një të tillë. Adresa juaj IP mund t’u zbulohet të tjerëve gjatë thirrjes.",
+            "mirror_local_feed": "Pasqyro prurje vendore videoje",
+            "missing_permissions_prompt": "Mungojnë leje mediash, klikoni mbi butonin më poshtë që të kërkohen.",
+            "noise_suppression": "Mbytje zhurmash",
+            "request_permissions": "Kërko leje mediash",
+            "title": "Zë & Video",
+            "video_input_empty": "S’u pikasën kamera",
+            "video_section": "Rregullime video",
+            "voice_agc": "Rregullo automatikisht volumin e mikrofonit",
+            "voice_processing": "Përpunim zërash",
+            "voice_section": "Rregullime zëri"
+        },
+        "warn_quit": "Sinjalizo përpara daljes",
+        "warning": "<w>KUJDES:</w> <description/>"
+    },
+    "share": {
+        "permalink_message": "Lidhje për te mesazhi i përzgjedhur",
+        "permalink_most_recent": "Lidhje për te mesazhet më të freskët",
+        "title_message": "Ndani Me të Tjerë Mesazh Dhome",
+        "title_room": "Ndani Dhomë Me të Tjerë",
+        "title_user": "Ndani Përdorues"
+    },
+    "slash_command": {
+        "addwidget": "Shton te dhoma një widget vetjak përmes URL-je",
+        "addwidget_iframe_missing_src": "iframe s’ka atribut src",
+        "addwidget_invalid_protocol": "Ju lutemi, furnizoni një URL https:// ose http:// widget-i",
+        "addwidget_missing_url": "Ju lutemi, furnizoni një URL widget-i ose kod trupëzimi",
+        "addwidget_no_permissions": "S’mund të ndryshoni widget-e në këtë dhomë.",
+        "ban": "Dëbon përdoruesin me ID-në e dhënë",
+        "category_actions": "Veprime",
+        "category_admin": "Përgjegjës",
+        "category_advanced": "Të mëtejshme",
+        "category_effects": "Efekte",
+        "category_messages": "Mesazhe",
+        "category_other": "Tjetër",
+        "command_error": "Gabim urdhri",
+        "converttodm": "E shndërron dhomën në një DM",
+        "converttoroom": "E shndërron DM-në në një dhomë",
+        "could_not_find_room": "S’u gjet dot dhomë",
+        "deop": "I heq cilësinë e operatorit përdoruesit me ID-në e dhënë",
+        "devtools": "Hap dialogun Mjete Zhvilluesi",
+        "discardsession": "E detyron të hidhet tej sesionin e tanishëm outbound grupi në një dhomë të fshehtëzuar",
+        "error_invalid_rendering_type": "Gabim urdhri: S’arrihet të gjendet lloj vizatimi (%(renderingType)s)",
+        "error_invalid_runfn": "Gabim urdhri: S’arrihet të trajtohet urdhër i dhënë me / .",
+        "help": "Shfaq listë urdhrash me shembuj përdorimesh dhe përshkrime",
+        "help_dialog_title": "Ndihmë Urdhri",
+        "holdcall": "E kalon në pritje thirrjen në dhomën aktuale",
+        "html": "E dërgon një mesazh si html, pa e interpretuar si markdown",
+        "ignore": "Shpërfill një përdorues, duke ju fshehur krejt mesazhet prej tij",
+        "ignore_dialog_description": "Tani po e shpërfillni %(userId)s",
+        "ignore_dialog_title": "Përdorues i shpërfillur",
+        "invite": "Fton te dhoma e tanishme përdoruesin me ID-në e dhënë",
+        "invite_3pid_needs_is_error": "Përdorni një shërbyes identitetesh për ftesa me email. Administrojeni te Rregullimet.",
+        "invite_3pid_use_default_is_title": "Përdor një shërbyes identiteti",
+        "invite_3pid_use_default_is_title_description": "Përdor një shërbyes identiteti për ftesa me email. Klikoni që të vazhdohet të përdoret shërbyesi parazgjedhje i identiteteve (%(defaultIdentityServerName)s) ose administrojeni te Rregullimet.",
+        "invite_failed": "Përdoruesi (%(user)s) s’doli i ftuar te %(roomId)s, por nga mjeti i ftuesit s’u dha gabim",
+        "join": "Hyhet në dhomën me adresën e dhënë",
+        "jumptodate": "Kalo te data e dhënë, te rrjedha kohore",
+        "jumptodate_invalid_input": "S’qemë në gjendje të kuptojmë datën e dhënë (%(inputDate)s). Provoni të përdorni formatin YYYY-MM-DD.",
+        "lenny": "Një mesazhi tekst të thjeshtë vëri përpara ( ͡° ͜ʖ ͡°)",
+        "me": "Shfaq veprimin",
+        "msg": "I dërgon një mesazh përdoruesit të dhënë",
+        "myroomnick": "Bën ndryshimin e emrit tuaj në ekran vetëm në dhomën e tanishme",
+        "nick": "Ndryshon nofkën tuaj në ekran",
+        "no_active_call": "S’ka thirrje aktive në këtë dhomë",
+        "op": "Përcaktoni shkallë pushteti të një përdoruesi",
+        "part_unknown_alias": "Adresë e panjohur dhome: %(roomAlias)s",
+        "plain": "E dërgon një mesazh si tekst të thjeshtë, pa interpretuar elementët Markdown",
+        "query": "Hap fjalosje me përdoruesin e dhënë",
+        "query_not_found_phone_number": "S’arrihet të gjendet ID Matrix ID për numrin e telefonit",
+        "rageshake": "Dërgoni një njoftim të metash me regjistra",
+        "rainbow": "E dërgon mesazhin e dhënë të ngjyrosur si ylber",
+        "rainbowme": "E dërgon emote-n e dhënë të ngjyrosur si ylber",
+        "remove": "Heq prej kësaj dhome përdoruesin me ID-në e dhënë",
+        "roomavatar": "Ndryshon avatarin e dhomës së atëçastshme",
+        "roomname": "Cakton emrin e dhomës",
+        "server_error": "Gabim shërbyesi",
+        "server_error_detail": "Shërbyesi është i pakapshëm, i mbingarkuar, ose diç tjetër shkoi ters.",
+        "shrug": "Parashtoji ¯\\_(ツ)_/¯ një mesazhi tekst të thjeshtë",
+        "spoiler": "E dërgon mesazhin e dhënë si <em>spoiler</em>",
+        "tableflip": "E paraprin një mesazh tekst i thjeshtë me (╯°□°）╯︵ ┻━┻",
+        "topic": "Merr ose cakton temën e dhomës",
+        "topic_none": "Kjo dhomë s’ka temë.",
+        "topic_room_error": "S’u arrit të merret tema e dhomës: S’arrihet të gjendet dhomë (%(roomId)s",
+        "unban": "I heq dëbimin përdoruesit me ID-në e dhënë",
+        "unflip": "E paraprin një mesazh tekst i thjeshtë me ┬──┬ ノ( ゜-゜ノ)",
+        "unholdcall": "E heq nga pritja thirrjen në dhomën aktuale",
+        "unignore": "Resht shpërfilljen e një përdoruesi, duke i shfaqur mesazhet e tij të dërgohen",
+        "unignore_dialog_description": "Nuk e shpërfillni më %(userId)s",
+        "unignore_dialog_title": "U hoq shpërfillja për përdoruesin",
+        "unknown_command": "Urdhër i Panjohur",
+        "unknown_command_button": "Dërgoni një mesazh",
+        "unknown_command_detail": "Urdhër Jo i Pranuar: %(commandText)s",
+        "unknown_command_help": "Mund të përdorni <code>/help</code> që të shfaqen urdhrat e gatshëm. Donit vërtet ta dërgoni këtë si një mesazh?",
+        "unknown_command_hint": "Ndihmëz: Fillojeni mesazhin tuaj me <code>//</code> që të nisë me një pjerrake.",
+        "upgraderoom": "E kalon një dhomë te një version i ri i përmirësuar",
+        "upgraderoom_permission_error": "S’keni lejet e domosdoshme për përdorimin e këtij urdhri.",
+        "usage": "Përdorim",
+        "verify": "Verifikon një përdorues, sesion dhe një set kyçesh publikë",
+        "whois": "Shfaq të dhëna rreth një përdoruesi"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "Doni të shtohet një dhomë e re, në vend të kësaj?",
+            "create_prompt": "Krijoni dhomë të re",
+            "dm_heading": "Mesazhe të Drejtpërdrejtë",
+            "error_heading": "S’u shtuan të gjithë të përzgjedhurit",
+            "progress_text": {
+                "one": "Po shtohet dhomë…",
+                "other": "Po shtohen dhoma… (%(progress)s nga %(count)s)"
+            },
+            "space_dropdown_label": "Përzgjedhje hapësire",
+            "space_dropdown_title": "Shtoni dhoma ekzistuese",
+            "subspace_moved_note": "Shtimi i hapësirave është lëvizur."
+        },
+        "add_existing_subspace": {
+            "create_button": "Krijoni një hapësirë të re",
+            "create_prompt": "Në vend të kësaj, doni të shtoni një hapësirë të re?",
+            "filter_placeholder": "Kërkoni për hapësira",
+            "space_dropdown_title": "Shtoni hapësirë ekzistuese"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Shihni rrjedhë kohore të dhomës (mjete zhvilluesi)",
+            "explore": "Eksploroni dhoma",
+            "home": "Shtëpia e hapësirës",
+            "manage_and_explore": "Administroni & eksploroni dhoma",
+            "options": "Mundësi Hapësire"
+        },
+        "failed_load_rooms": "S’u arrit të ngarkohej listë dhomash.",
+        "failed_remove_rooms": "S’ua arrit të hiqen disa dhoma. Riprovoni më vonë",
+        "incompatible_server_hierarchy": "Shërbyesi juaj nuk mbulon shfaqje hierarkish hapësire.",
+        "invite": "Ftoni njerëz",
+        "invite_description": "Ftoni përmes email-i ose emri përdoruesi",
+        "invite_link": "Jepuni lidhje ftese",
+        "joining_space": "Po hyhet",
+        "landing_welcome": "Mirë se vini te <name/>",
+        "leave_dialog_action": "Braktiseni hapësirën",
+        "leave_dialog_description": "Ju ndan një hap nga braktisja e <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Jeni përgjegjësi i vetëm i disa dhomave apo hapësirave që dëshironi t’i braktisni. Braktisja e tyre do t’i lërë pa ndonjë përgjegjës.",
+        "leave_dialog_only_admin_warning": "Jeni përgjegjësi i vetëm i kësaj hapësire. Braktisja e saj do të thotë se askush s’ka kontroll mbi të.",
+        "leave_dialog_option_all": "Braktisi krejt dhomat",
+        "leave_dialog_option_intro": "Doni të braktisen dhomat në këtë hapësirë?",
+        "leave_dialog_option_none": "Mos braktis ndonjë dhomë",
+        "leave_dialog_option_specific": "Braktis disa dhoma",
+        "leave_dialog_public_rejoin_warning": "S’do të jeni në gjendje të rihyni, para se të riftoheni.",
+        "leave_dialog_title": "Braktise %(spaceName)s",
+        "mark_suggested": "Vëri shenjë si e sugjeruar",
+        "no_search_result_hint": "Mund të doni të provoni një tjetër kërkim ose të kontrolloni për gabime shkrimi.",
+        "preferences": {
+            "sections_section": "Ndarje për t’u shfaqur",
+            "show_people_in_space": "Kjo grupon fjalosjet tuaja me anëtarë në këtë hapësirë. Çaktivizimi i kësaj do t’i fshehë këto fjalosje prej pamjes tuaj për %(spaceName)s."
+        },
+        "room_filter_placeholder": "Kërkoni për dhoma",
+        "search_children": "Kërko te %(spaceName)s",
+        "search_placeholder": "Kërko te emra dhe përshkrime",
+        "select_room_below": "Së pari, përzgjidhni më poshtë një dhomë",
+        "share_public": "Ndani me të tjerët hapësirën tuaj publike",
+        "suggested": "E sugjeruar",
+        "suggested_tooltip": "Kjo dhomë sugjerohet si një e mirë për të marrë pjesë",
+        "title_when_query_available": "Përfundime",
+        "title_when_query_unavailable": "Dhoma dhe hapësira",
+        "unmark_suggested": "Hiqi shenjë si e sugjeruar",
+        "user_lacks_permission": "S’keni leje"
+    },
+    "space_settings": {
+        "title": "Rregullime - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Jepni emrin e një shërbyesi të ri që doni të eksploroni.",
+            "network_dropdown_add_dialog_placeholder": "Emër shërbyesi",
+            "network_dropdown_add_dialog_title": "Shtoni një shërbyes të ri",
+            "network_dropdown_add_server_option": "Shtoni shërbyes të ri…",
+            "network_dropdown_available_invalid": "S’gjendet dot ky shërbyes ose lista e dhomave të tij",
+            "network_dropdown_available_invalid_forbidden": "S’keni leje të shihni listën e dhomave të këtij shërbyesi",
+            "network_dropdown_available_valid": "Duket mirë",
+            "network_dropdown_remove_server_adornment": "Hiqe shërbyesin “%(roomServer)s”",
+            "network_dropdown_required_invalid": "Jepni një emër shërbyesi",
+            "network_dropdown_selected_label": "Shfaq: Dhoma Matrix",
+            "network_dropdown_selected_label_instance": "Shfaq: Dhoma %(instance)s (%(server)s)",
+            "network_dropdown_your_server_description": "Shërbyesi juaj"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Nëse s’e shihni atë që po kërkoni, dërgojini lidhjen e ftesës tuaj.",
+        "cant_find_room_helpful_hint": "Nëse s’gjeni dot dhomën për të cilën po shihni, kërkoni një ftesë, ose krijoni një dhomë të re.",
+        "copy_link_text": "Kopjo lidhje ftese",
+        "count_of_members": {
+            "one": "%(count)s Anëtar",
+            "other": "%(count)s Anëtarë"
+        },
+        "create_new_room_button": "Krijoni dhomë të re",
+        "group_chat_section_title": "Mundësi të tjera",
+        "heading_with_query": "Përdorni \"%(query)s\" për kërkim",
+        "heading_without_query": "Kërkoni për",
+        "join_button_text": "Hyni te %(roomAddress)s",
+        "keyboard_scroll_hint": "Përdorni <arrows/> për rrëshqitje",
+        "other_rooms_in_space": "Dhoma të tjera në %(spaceName)s",
+        "public_rooms_label": "Dhoma publike",
+        "recent_searches_section_title": "Kërkime së fundi",
+        "recently_viewed_section_title": "Parë së fundi",
+        "remove_filter": "Hiq filtër kërkimesh për %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Disa përfundime mund të jenë fshehur, për arsye privatësie",
+        "result_may_be_hidden_warning": "Disa përfundime mund të jenë të fshehura",
+        "search_dialog": "Dialog Kërkimi",
+        "spaces_title": "Hapësira ku jeni i pranishëm",
+        "start_group_chat_button": "Nisni një fjalosje grupi"
+    },
+    "stickers": {
+        "empty": "Hëpërhë, s’keni të aktivizuar ndonjë pako ngjitësesh",
+        "empty_add_prompt": "Shtohen ca tani"
+    },
+    "terms": {
+        "column_document": "Dokument",
+        "column_service": "Shërbim",
+        "column_summary": "Përmbledhje",
+        "identity_server_no_terms_description_1": "Ky veprim lyp hyrje te shërbyesi parazgjedhje i identiteteve <server /> për të vlerësuar një adresë email ose një numër telefoni, por shërbyesi nuk ka ndonjë kusht shërbimesh.",
+        "identity_server_no_terms_description_2": "Vazhdoni vetëm nëse i besoni të zotit të shërbyesit.",
+        "identity_server_no_terms_title": "Shërbyesi i identiteteve s’ka kushte shërbimi",
+        "inline_intro_text": "Që të vazhdohet, pranoni <policyLink />:",
+        "integration_manager": "Përdorni robotë, ura, widget-e dhe paketa ngjitësish",
+        "intro": "Që të vazhdohet, lypset të pranoni kushtet e këtij shërbimi.",
+        "summary_identity_server_1": "Gjeni të tjerë përmes telefoni ose email-i",
+        "summary_identity_server_2": "Bëhuni i gjetshëm përmes telefoni ose email-i",
+        "tac_button": "Shqyrtoni terma & kushte",
+        "tac_description": "Që të vazhdohet të përdoret shërbyesi home %(homeserverDomain)s, duhet të shqyrtoni dhe pajtoheni me termat dhe kushtet.",
+        "tac_title": "Terma dhe Kushte",
+        "tos": "Kushte Shërbimi"
+    },
+    "theme": {
+        "light_high_contrast": "Kontrast i fortë drite",
+        "match_system": "Përputhe me sistemin"
+    },
+    "thread_view_back_action_label": "Mbrapsht te rrjedha",
+    "threads": {
+        "all_threads": "Krejt rrjedhat",
+        "all_threads_description": "Shfaq krejt rrjedhat në dhomën e tanishme",
+        "count_of_reply": {
+            "one": "%(count)s përgjigje",
+            "other": "%(count)s përgjigje"
+        },
+        "my_threads": "Rrjedhat e mia",
+        "my_threads_description": "Shfaq krejt rrjedhat ku keni marrë pjesë",
+        "open_thread": "Hape rrjedhën",
+        "show_thread_filter": "Shfaq:"
+    },
+    "time": {
+        "date_at_time": "%(date)s më %(time)s",
+        "hours_minutes_seconds_left": "Edhe %(hours)sh %(minutes)sm %(seconds)ss",
+        "left": "Edhe %(timeRemaining)s",
+        "minutes_seconds_left": "Edhe %(minutes)sm %(seconds)ss",
+        "seconds_left": "Edhe %(seconds)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Tkurre rrjedhën e përgjigjeve",
+            "external_url": "URL Burimi",
+            "open_in_osm": "Hape në OpenStreetMap",
+            "report": "Raportoje",
+            "resent_unsent_reactions": "Ridërgo %(unsentCount)s reagim(e)",
+            "show_url_preview": "Shfaq paraparje",
+            "view_related_event": "Shihni veprimtari të afërt",
+            "view_source": "Shihni burimin"
+        },
+        "creation_summary_dm": "%(creator)s krijoi këtë DM.",
+        "creation_summary_room": "%(creator)s krijoi dhe formësoi dhomën.",
+        "download_action_downloading": "Shkarkim",
+        "edits": {
+            "tooltip_label": "Përpunuar më %(date)s. Klikoni që të shihni përpunimet.",
+            "tooltip_sub": "Klikoni që të shihni përpunime",
+            "tooltip_title": "Përpunuar më %(date)s"
+        },
+        "error_no_renderer": "Ky akt s’u shfaq dot",
+        "error_rendering_message": "S’ngarkohet dot ky mesazh",
+        "historical_messages_unavailable": "S’mund të shihni mesazhe më të hershëm",
+        "in_room_name": " në <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s ka përditësuar skemën e dhomës",
+        "load_error": {
+            "no_permission": "U provua të ngarkohej një pikë e caktuar në kronologjinë e kësaj dhome, por nuk keni leje për ta parë mesazhin në fjalë.",
+            "title": "S’u arrit të ngarkohej pozicion rrjedhe kohore",
+            "unable_to_find": "U provua të ngarkohej një pikë të dhënë prej rrjedhës kohore në këtë dhomë, por s’u arrit të gjendej."
+        },
+        "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Shihni vendndodhje aty për aty"
+        },
+        "m.call": {
+            "video_call_ended": "Thirrja video përfundoi",
+            "video_call_started": "Nisi thirrje me video në %(roomName)s.",
+            "video_call_started_text": "%(name)s nisni një thirrje video",
+            "video_call_started_unsupported": "Nisi thirrje me video te %(roomName)s. (e pambuluar nga ky shfletues)"
+        },
+        "m.call.hangup": {
+            "dm": "Thirrja përfundoi"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Përgjigjur gjetkë",
+            "call_back_prompt": "Thirreni ju",
+            "declined": "Thirrja u hodh poshtë",
+            "failed_connect_media": "S’u lidh dot me median",
+            "failed_connection": "Lidhja dështoi",
+            "failed_opponent_media": "Pajisja e tyre s’nisi dot kamerën ose mikrofonin",
+            "missed_call": "Thirrje e humbur",
+            "no_answer": "S’ka përgjigje",
+            "unknown_error": "Ndodhi një gabim i panjohur",
+            "unknown_failure": "Dështim për arsye të panjohur: %(reason)s",
+            "unknown_state": "Thirrja gjendet në një gjendje të panjohur!",
+            "video_call": "%(senderName)s bëri një thirrje video.",
+            "video_call_unsupported": "%(senderName)s bëri një thirrje video. (e pambuluar nga ky shfletues)",
+            "voice_call": "%(senderName)s bëri një thirrje zanore.",
+            "voice_call_unsupported": "%(senderName)s bëri një thirrje zanore. (e pambuluar nga ky shfletues)"
+        },
+        "m.file": {
+            "error_decrypting": "Gabim në shfshehtëzim bashkëngjitjeje"
+        },
+        "m.image": {
+            "error": "S’arrihet të shihet figurë, për shkak gabimi",
+            "error_decrypting": "Gabim në shfshehtëzim figure",
+            "error_downloading": "Gabim gjatë shkarkimit të figurës",
+            "sent": "%(senderDisplayName)s dërgoi një figurë.",
+            "show_image": "Shfaq figurë"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s dëshiron të verifikojë",
+            "you_started": "Dërguat një kërkesë verifikimi"
+        },
+        "m.location": {
+            "full": "%(senderName)s dha vendndodhjen e vet",
+            "location": "Dha një vendndodhje: ",
+            "self_location": "Dha vendndodhjen e vet: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s votë",
+                "other": "%(count)s vota"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s e përfundoi anketimin"
+        },
+        "m.poll.start": "%(senderName)s nisi një anketim - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s ndryshoi avatarin e dhomës.",
+            "lightbox_title": "%(senderDisplayName)s ndryshoi avatarin në %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s shtoi adresat alternative %(addresses)s për këtë dhomë.",
+                "one": "%(senderName)s shtoi adresën alternative %(addresses)s për këtë dhomë."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s hoqi adresat alternative %(addresses)s për këtë dhomë.",
+                "one": "%(senderName)s hoqi adresën alternative %(addresses)s për këtë dhomë."
+            },
+            "changed": "%(senderName)s ndryshoi adresat për këtë dhomë.",
+            "changed_alternative": "%(senderName)s ndryshoi adresat alternative për këtë dhomë.",
+            "changed_main_and_alternative": "%(senderName)s ndryshoi adresat kryesore dhe alternative për këtë dhomë.",
+            "removed": "%(senderName)s hoqi adresën kryesore për këtë dhomë.",
+            "set": "%(senderName)s caktoi %(address)s si adresë kryesore për këtë dhomë."
+        },
+        "m.room.create": {
+            "continuation": "Kjo dhomë është një vazhdim i një bisede tjetër.",
+            "see_older_messages": "Klikoni këtu për të parë mesazhe më të vjetër.",
+            "unknown_predecessor": "S’gjendet dot versioni i vjetër i kësaj dhome (ID dhome: %(roomId)s) dhe s’na është dhënë “via_servers” që të shohim për të.",
+            "unknown_predecessor_guess_server": "S’gjendet dot versioni i vjetër i kësaj dhome (ID dhome: %(roomId)s) dhe s’na është dhënë “via_servers” që të shohim për të. Ka mundësi që hamendësimi i shërbyesit prej ID-së së dhomës të funksionojë. Nëse doni të provoni, klikoni këtë lidhje:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s ka lejuar vizitorë të marrin pjesë në dhomë.",
+            "forbidden": "%(senderDisplayName)s ka penguar vizitorë të marrin pjesë në dhomë.",
+            "unknown": "%(senderDisplayName)s ndryshoi hyrjen për vizitorë në %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s e bëri historikun e ardhshëm të dhomës të dukshëm për krejt anëtarët e dhomës, prej çastit kur janë ftuar.",
+            "joined": "%(senderName)s e bëri historikun e ardhshëm të dhomës të dukshëm për krejt anëtarët e dhomës, prej çastit kur morën pjesë.",
+            "shared": "%(senderName)s e bëri historikun e ardhshëm të dhomës të dukshëm për krejt anëtarët e dhomës.",
+            "unknown": "%(senderName)s e kaloi historikun e ardhshëm të dhomës të dukshëm për të panjohurit (%(visibility)s).",
+            "world_readable": "%(senderName)s e bëri historikun e ardhshëm të dhomës të dukshëm për këdo."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s e bëri dhomën vetëm me ftesa.",
+            "public": "%(senderDisplayName)s e bëri dhomën publike për këdo që di lidhjen.",
+            "restricted": "%(senderDisplayName)s ndryshoi cilët mund të hyjnë në këtë dhomë.",
+            "restricted_settings": "%(senderDisplayName)s ndryshoi cilët mund të hyjnë në këtë dhomë. <a>Shihni rregullimet</a>.",
+            "unknown": "%(senderDisplayName)s ndryshoi rregullin e pjesëmarrjes në %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s pranoi ftesën për %(displayName)s",
+            "accepted_invite": "%(targetName)s pranoi një ftesë",
+            "ban": "%(senderName)s dëboi %(targetName)s",
+            "ban_reason": "%(senderName)s dëboi %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s ndryshoi foton e vet të profilit",
+            "change_name": "%(oldDisplayName)s ndryshoi emrin e vet në ekran si %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s ndryshoi emrin e vet në ekran dhe foton e profilit",
+            "invite": "%(senderName)s ftoi %(targetName)s",
+            "join": "%(targetName)s hyri në dhomë",
+            "kick": "%(senderName)s hoqi %(targetName)s",
+            "kick_reason": "%(senderName)s hoqi %(targetName)s: %(reason)s",
+            "left": "%(targetName)s doli nga dhoma",
+            "left_reason": "%(targetName)s doli nga dhoma: %(reason)s",
+            "no_change": "%(senderName)s s’bëri ndryshime",
+            "reject_invite": "%(targetName)s hodhi tej ftesën",
+            "remove_avatar": "%(senderName)s hoqi foton e vet të profilit",
+            "remove_name": "%(senderName)s hoqi emrin e vet në ekran (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s caktoi një foto profili",
+            "set_name": "%(senderName)s caktoi për veten emër ekrani %(displayName)s",
+            "unban": "%(senderName)s hoqi dëbimin për %(targetName)s",
+            "withdrew_invite": "%(senderName)s tërhoqi mbrapsht ftesën për %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s tërhoqi mbrapsht ftesën për %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s ndryshoi emrin e dhomës nga %(oldRoomName)s në %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s hoqi emrin e dhomës.",
+            "set": "%(senderDisplayName)s ndryshoi emrin e dhomës në %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s ndryshoi mesazhin e fiksuar për këtë dhomë.",
+            "changed_link": "%(senderName)s ndryshoi <a>mesazhin e fiksuar</a> për këtë dhomë.",
+            "pinned": "%(senderName)s fiksoi një mesazh te kjo dhomë. Shihni krejt mesazhet e fiksuar.",
+            "pinned_link": "%(senderName)s fiksoi <a>një mesazh</a> te kjo dhomë. Shini krejt <b>mesazhet e fiksuar</b>.",
+            "unpinned": "%(senderName)s hoqi fiksimin e një mesazhi nga kjo dhomë. Shihni krejt mesazhet e fiksuar.",
+            "unpinned_link": "%(senderName)s hoqi fiksimin e <a>një mesazhi</a> nga kjo dhomë. Shihni krejt <b>mesazhet e fiksuar</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s ndryshoi shkallën e pushtetit të %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s nga %(fromPowerLevel)s në %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s shfuqizoi ftesën për %(targetDisplayName)s që të marrë pjesë në dhomë.",
+            "sent": "%(senderName)s dërgoi një ftesë për %(targetDisplayName)s që të marrë pjesë në dhomë."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s e përmirësoi këtë dhomë.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s ndryshoi temën në \"%(topic)s\"."
+        },
+        "m.sticker": "%(senderDisplayName)s dërgoi një ngjitës.",
+        "m.video": {
+            "error_decrypting": "Gabim në shfshehtëzim videoje"
+        },
+        "m.widget": {
+            "added": "Widget-i %(widgetName)s u shtua nga %(senderName)s",
+            "jitsi_ended": "Konferenca video u përfundua nga %(senderName)s",
+            "jitsi_join_right_prompt": "Merrni pjesë në konferencë që prej kartës së informacionit mbi dhomën, në të djathtë",
+            "jitsi_join_top_prompt": "Merrni pjesë në konferencë, në krye të kësaj dhome",
+            "jitsi_started": "Konferenca video u fillua nga %(senderName)s",
+            "jitsi_updated": "Konferenca video u përditësua nga %(senderName)s",
+            "modified": "Widget-i %(widgetName)s u modifikua nga %(senderName)s",
+            "removed": "Widget-i %(widgetName)s u hoq nga %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Kopjoje lidhjen te rrjedha",
+            "view_in_room": "Shiheni në dhomë"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s përditësoi një rregull dëbimesh mbi përputhje me %(oldGlob)s për përputhje me %(newGlob)s për %(reason)s",
+            "changed_rule_rooms": "%(senderName)s ndryshoi një rregull që dëbonte dhoma me përputhje me %(oldGlob)s për përputhje me %(newGlob)s për %(reason)s",
+            "changed_rule_servers": "%(senderName)s ndryshoi një rregull që dëbonte shërbyes me përputhje me %(oldGlob)s për përputhje me %(newGlob)s për %(reason)s",
+            "changed_rule_users": "%(senderName)s ndryshoi një rregull që dëbonte përdorues me përputhje me %(oldGlob)s për përputhje me %(newGlob)s për %(reason)s",
+            "created_rule": "%(senderName)s krijoi një rregull dëbimi rreth përputhjesh me %(glob)s për %(reason)s",
+            "created_rule_rooms": "%(senderName)s krijoi një rregull mbi dëbim dhomash që kanë përputhje me %(glob)s për %(reason)s",
+            "created_rule_servers": "%(senderName)s krijoi një rregull mbi dëbim shërbyesish që kanë përputhje me %(glob)s për %(reason)s",
+            "created_rule_users": "%(senderName)s krijoi një rregull mbi dëbim përdoruesish që kanë përputhje me %(glob)s për %(reason)s",
+            "removed_rule": "%(senderName)s hoqi një rregull dëbimi mbi përputhje me %(glob)s",
+            "removed_rule_rooms": "%(senderName)s hoqi rregullin që dëbon dhoma që kanë përputhje me %(glob)s",
+            "removed_rule_servers": "%(senderName)s hoqi rregullin që dëbon shërbyes që kanë përputhje me %(glob)s",
+            "removed_rule_users": "%(senderName)s hoqi rregullin për dëbim përdoruesish që kanë përputhje me %(glob)s",
+            "updated_invalid_rule": "%(senderName)s përditësoi një rregull të pavlefshëm dëbimesh",
+            "updated_rule": "%(senderName)s përditësoi një rregull dëbimi rreth përputhjesh me %(glob)s për %(reason)s",
+            "updated_rule_rooms": "%(senderName)s përditësoi rregullin për dëbim dhomash që kanë përputhje me %(glob)s për %(reason)s",
+            "updated_rule_servers": "%(senderName)s përditësoi rregullin për dëbim shërbyesish që kanë përputhje me %(glob)s për %(reason)s",
+            "updated_rule_users": "%(senderName)s përditësoi rregullin mbi dëbim përdoruesish që kanë përputhje me %(glob)s për %(reason)s"
+        },
+        "no_permission_messages_before_invite": "S’keni leje të shihni mesazhe nga koha para se t’ju ftonin.",
+        "no_permission_messages_before_join": "S’keni leje të shihni mesazhe nga koha para se të merrnit pjesë.",
+        "pending_moderation": "Mesazh në pritje të moderimit",
+        "pending_moderation_reason": "Mesazh në pritje të moderimit: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Shtoni reagim",
+            "label": "%(reactors)s reagoi me %(content)s"
+        },
+        "read_receipt_title": {
+            "one": "Parë nga %(count)s person",
+            "other": "Parë nga %(count)s vetë"
+        },
+        "read_receipts_label": "Dëftesa leximi",
+        "redacted": {
+            "tooltip": "Mesazh i fshirë më %(date)s"
+        },
+        "redaction": "Mesazh i fshirë nga %(name)s",
+        "reply": {
+            "error_loading": "S’arrihet të ngarkohet akti të cilit iu përgjigj, ose nuk ekziston, ose s’keni leje ta shihni.",
+            "in_reply_to": "<a>Në Përgjigje të</a> <pill>",
+            "in_reply_to_for_export": "Në përgjigje të <a>këtij mesazhi</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Ju ndan një hap nga shpënia te një sajt palë e tretë, që kështu të mund të mirëfilltësoni llogarinë tuaj me %(integrationsUrl)s. Doni të vazhdohet?",
+            "dialog_title": "Shtoni një Integrim"
+        },
+        "self_redaction": "Mesazhi u fshi",
+        "send_state_encrypting": "Po fshehtëzohet meszhi juaj…",
+        "send_state_failed": "S’u arrit të dërgohet",
+        "send_state_sending": "Po dërgohet mesazhi juaj…",
+        "send_state_sent": "Mesazhi juaj u dërgua",
+        "summary": {
+            "banned": {
+                "other": "është dëbuar %(count)s herë",
+                "one": "është dëbuar"
+            },
+            "banned_multiple": {
+                "one": "janë dëbuar",
+                "other": "janë dëbuar %(count)s herë"
+            },
+            "changed_name": {
+                "one": "%(oneUser)sndryshoi emrin e vet",
+                "other": "%(oneUser)sndryshoi emrin e vet %(count)s herë"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)sndryshuan emrat e tyre",
+                "other": "%(severalUsers)sndryshuan emrat e tyre %(count)s herë"
+            },
+            "hidden_event": {
+                "one": "%(oneUser)sdërgoi një mesazh të fshehur",
+                "other": "%(oneUser)s dërgoi %(count)s mesazhe të fshehur"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)s dërguan një mesazh të fshehur",
+                "other": "%(severalUsers)s dërgoi %(count)s mesazhe të fshehur"
+            },
+            "invite_withdrawn": {
+                "other": "Për %(oneUser)s përdorues ftesa u tërhoq mbrapsht %(count)s herë",
+                "one": "U tërhoq mbrapsht ftesa për %(oneUser)s"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "U tërhoqën mbrapsht ftesat për %(severalUsers)s",
+                "other": "Për %(severalUsers)s u hodhën poshtë ftesat e tyre %(count)s herë"
+            },
+            "invited": {
+                "other": "është ftuar %(count)s herë",
+                "one": "është ftuar"
+            },
+            "invited_multiple": {
+                "one": "janë ftuar",
+                "other": "janë ftuar %(count)s herë"
+            },
+            "joined": {
+                "other": "%(oneUser)shyri %(count)s herë",
+                "one": "%(oneUser)shyri"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)shyri dhe doli",
+                "other": "%(oneUser)shyri dhe doli %(count)s herë"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)shynë dhe dolën",
+                "other": "%(severalUsers)shynë dhe dolën %(count)s herë"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)shynë %(count)s herë",
+                "one": "Hynë %(severalUsers)s"
+            },
+            "kicked": {
+                "one": "u hoq",
+                "other": "u hoq %(count)s herë"
+            },
+            "kicked_multiple": {
+                "one": "u hoq",
+                "other": "u hoq %(count)s herë"
+            },
+            "left": {
+                "other": "%(oneUser)sdoli %(count)s herë",
+                "one": "%(oneUser)sdoli"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)sdolën %(count)s herë",
+                "one": "Dolën %(severalUsers)s"
+            },
+            "no_change": {
+                "other": "%(oneUser)ss’bënë ndryshime gjatë %(count)s herësh",
+                "one": "%(oneUser)ss’bëri ndryshime"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)s s’bënë ndryshime gjatë %(count)s herësh",
+                "one": "%(severalUsers)s s’bënë ndryshime"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)sndryshoi <a>mesazhet e fiksuar</a> për dhomën",
+                "other": "%(oneUser)sndryshoi <a>mesazhet e fiksuar</a> për dhomën %(count)s herë"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)sndryshuan <a>mesazhet e fiksuar</a> për dhomën",
+                "other": "%(severalUsers)sndryshuan <a>mesazhet e fiksuar</a> për dhomën %(count)s herë"
+            },
+            "redacted": {
+                "one": "%(oneUser)s hoqi një mesazh",
+                "other": "%(oneUser)s hoqi %(count)s mesazhe"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s hoqi një mesazh",
+                "other": "%(severalUsers)s hoqi %(count)s mesazhe"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)shodhi poshtë ftesën e tyre",
+                "other": "%(oneUser)shodhi poshtë ftesën e vet %(count)s herë"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)shodhën poshtë ftesat e tyre",
+                "other": "%(severalUsers)shodhën poshtë ftesat e tyre %(count)s herë"
+            },
+            "rejoined": {
+                "one": "%(oneUser)sdoli dhe rihyri",
+                "other": "%(oneUser)sdoli dhe rihyri %(count)s herë"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)sdolën dhe rihynë",
+                "other": "%(severalUsers)sdolën dhe rihynë %(count)s herë"
+            },
+            "unbanned": {
+                "other": "i është hequr dëbimi %(count)s herë",
+                "one": "i është hequr dëbimi"
+            },
+            "unbanned_multiple": {
+                "one": "u është hequr dëbimi",
+                "other": "janë dëbuar %(count)s herë"
+            }
+        },
+        "thread_info_basic": "Nga një rrjedhë",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s dhe %(count)s të tjerë po shtypin …",
+                "one": "%(names)s dhe një tjetër po shtypin …"
+            },
+            "one_user": "%(displayName)s po shtyp …",
+            "two_users": "%(names)s dhe %(lastPerson)s të tjerë po shtypin …"
+        },
+        "undecryptable_tooltip": "Ky mesazh s’u shfshehtëzua dot"
+    },
+    "truncated_list_n_more": {
+        "other": "Dhe %(count)s të tjerë…"
+    },
+    "update": {
+        "changelog": "Regjistër ndryshimesh",
+        "check_action": "Kontrollo për përditësime",
+        "checking": "Po kontrollohet për një përditësim…",
+        "downloading": "Po shkarkohet përditësim…",
+        "error_encountered": "U has gabim (%(errorDetail)s).",
+        "error_unable_load_commit": "S’arrihet të ngarkohen hollësi depozitimi: %(msg)s",
+        "new_version_available": "Version i ri gati. <a>Përditësojeni tani.</a>",
+        "no_update": "S’ka përditësim gati.",
+        "release_notes_toast_title": "Ç’ka të Re",
+        "see_changes_button": "Ç’ka të re?",
+        "toast_description": "Ka gati një version të ri të %(brand)s",
+        "toast_title": "Përditësoni %(brand)s",
+        "unavailable": "Jo i passhëm"
+    },
+    "upload_failed_generic": "Dështoi ngarkimi i kartelës '%(fileName)s'.",
+    "upload_failed_size": "Kartela '%(fileName)s' tejkalon kufirin e këtij shërbyesi Home për madhësinë e ngarkimeve",
+    "upload_failed_title": "Ngarkimi Dështoi",
+    "upload_file": {
+        "cancel_all_button": "Anuloji Krejt",
+        "error_file_too_large": "Kjo kartelë është <b>shumë e madhe</b> për ngarkim. Caku për madhësi kartelash është %(limit)s, ndërsa kjo kartelë është %(sizeOfThisFile)s.",
+        "error_files_too_large": "Këto kartela janë <b>shumë të mëdha</b> për ngarkim. Caku për madhësi kartelash është %(limit)s.",
+        "error_some_files_too_large": "Disa kartela janë <b>shumë të mëdha</b> për ngarkim. Caku për madhësi kartelash është %(limit)s.",
+        "error_title": "Gabim Ngarkimi",
+        "title": "Ngarko kartela",
+        "title_progress": "Ngarkim kartelash (%(current)s nga %(total)s) gjithsej",
+        "upload_all_button": "Ngarkoji krejt",
+        "upload_n_others_button": {
+            "other": "Ngarkoni %(count)s kartela të tjera",
+            "one": "Ngarkoni %(count)s kartelë tjetër"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Mjete Përgjegjësi",
+        "ban_button_room": "Dëboje nga dhomë",
+        "ban_button_space": "Dëboje prej hapësire",
+        "ban_room_confirm_title": "Dëboje prej %(roomName)s",
+        "ban_space_everything": "Dëboji prej gjithçkaje ku mundem ta bëj këtë",
+        "ban_space_specific": "Dëboji prej gjërash të caktuara ku mundem ta bëj këtë",
+        "deactivate_confirm_action": "Çaktivizoje përdoruesin",
+        "deactivate_confirm_description": "Çaktivizimi i këtij përdoruesi do të sjellë nxjerrjen e tij nga llogaria përkatëse dhe do të pengojë rihyrjen e tij. Veç kësaj, do të braktisë krejt dhomat ku ndodhet. Ky veprim s’mund të prapësohet. Jeni i sigurt se doni të çaktivizohet ky përdorues?",
+        "deactivate_confirm_title": "Të çaktivizohet përdoruesi?",
+        "demote_button": "Zhgradoje",
+        "demote_self_confirm_description_space": "S’do të jeni në gjendje ta zhbëni këtë ndryshim, teksa zhgradoni veten, nëse jeni përdoruesi i fundit i privilegjuar te hapësira, s’do të jetë e mundur të rifitoni privilegjet.",
+        "demote_self_confirm_room": "S’do të jeni në gjendje ta zhbëni këtë, ngaqë po zhgradoni veten, nëse jeni përdoruesi i fundit i privilegjuar te dhoma do të jetë e pamundur të rifitoni privilegjet.",
+        "demote_self_confirm_title": "Të zhgradohet vetvetja?",
+        "disinvite_button_room": "Hiqi ftesën për këtë dhomë",
+        "disinvite_button_room_name": "Hiqja ftesën për %(roomName)s",
+        "disinvite_button_space": "Hiqi ftesën për këtë hapësirë",
+        "error_ban_user": "S’u arrit të dëbohej përdoruesi",
+        "error_deactivate": "S’u arrit të çaktivizohet përdorues",
+        "error_kicking_user": "S’u arrit të hiqej përdoruesi",
+        "error_mute_user": "S’u arrit t’i hiqej zëri përdoruesit",
+        "error_revoke_3pid_invite_description": "S’u shfuqizua dot ftesa. Shërbyesi mund të jetë duke kaluar një problem të përkohshëm ose s’keni leje të mjaftueshme për të shfuqizuar ftesën.",
+        "error_revoke_3pid_invite_title": "S’u arrit të shfuqizohej ftesa",
+        "ignore_confirm_description": "Krejt mesazhet dhe ftesat prej këtij përdoruesi do të fshihen. Jeni i sigurt se doni të shpërfillet?",
+        "ignore_confirm_title": "Shpërfille %(user)s",
+        "invited_by": "Ftuar nga %(sender)s",
+        "jump_to_rr_button": "Hidhuni te leximi i faturës",
+        "kick_button_room": "Hiqeni prej dhome",
+        "kick_button_room_name": "Hiqe nga %(roomName)s",
+        "kick_button_space": "Hiqe prej hapësire",
+        "kick_button_space_everything": "Hiqi prej gjithçkaje ku mundem ta bëj këtë",
+        "kick_space_specific": "Hiqi prej gjërash të caktuara ku mundem ta bëj këtë",
+        "kick_space_warning": "Do të jenë prapë në gjendje të hyjnë kudo ku nuk jeni përgjegjës.",
+        "promote_warning": "S’do të jeni në gjendje ta zhbëni këtë ndryshim, ngaqë po e promovoni përdoruesin të ketë të njëjtën shkallë pushteti si ju vetë.",
+        "redact": {
+            "confirm_button": {
+                "other": "Hiq %(count)s mesazhe",
+                "one": "Hiq 1 mesazh"
+            },
+            "confirm_description_1": {
+                "other": "Ju ndan një hap nga heqja e %(count)s mesazheve nga %(user)s. Kjo do t’i heqë përgjithnjë për këdo te biseda. Doni të vazhdohet?",
+                "one": "Ju ndan një hap nga heqja e %(count)s mesazheve nga %(user)s. Kjo do t’i heqë përgjithnjë, për këdo në bisedë. Doni të vazhdohet?"
+            },
+            "confirm_description_2": "Për një sasi të madhe mesazhesh, kjo mund të dojë ca kohë. Ju lutemi, mos e rifreskoni klientin tuaj gjatë kësaj kohe.",
+            "confirm_keep_state_explainer": "Hiqini shenjën, nëse doni të hiqni mesazhe sistemi në këtë përdorues (p.sh., ndryshime anëtarësimi, ndryshime profili…)",
+            "confirm_keep_state_label": "Ruaji mesazhet e sistemit",
+            "confirm_title": "Hiq mesazhe së fundi nga %(user)s",
+            "no_recent_messages_description": "Provoni të ngjiteni sipër në rrjedhën kohore, që të shihni nëse ka patur të tillë më herët.",
+            "no_recent_messages_title": "S’u gjetën mesazhe së fundi nga %(user)s"
+        },
+        "redact_button": "Hiq mesazhe së fundi",
+        "revoke_invite": "Shfuqizoje ftesën",
+        "room_encrypted": "Mesazhet në këtë dhomë janë të fshehtëzuara skaj-më-skaj.",
+        "room_encrypted_detail": "Mesazhet tuaj janë të sigurt dhe vetëm ju dhe marrësi kanë kyçet unikë për t’i shkyçur.",
+        "room_unencrypted": "Mesazhet në këtë dhomë nuk janë të fshehtëzuara skaj-më-skaj.",
+        "room_unencrypted_detail": "Në dhoma të fshehtëzuara, mesazhet tuaj sigurohen dhe vetëm ju dhe marrësi ka kyçet unikë për shkyçjen e tyre.",
+        "share_button": "Ndajeni Lidhjen për te Përdoruesi",
+        "unban_button_room": "Hiqjani dëbimin nga dhoma",
+        "unban_button_space": "Hiqjani dëbimin nga hapësira",
+        "unban_room_confirm_title": "Hiqja dëbimin prej %(roomName)s",
+        "unban_space_everything": "Hiqua dëbimin prej gjithçkaje ku mundem ta bëj këtë",
+        "unban_space_specific": "Hiqua dëbimin prej gjërash të caktuara ku mundem ta bëj këtë",
+        "unban_space_warning": "S’do të jenë në gjendje të hyjnë kudo qoftë ku s’jeni përgjegjës.",
+        "verify_button": "Verifikoni Përdoruesin",
+        "verify_explainer": "Për siguri ekstra, verifikojeni këtë përdorues duke kontrolluar në të dyja pajisjet tuaja një kod njëpërdorimsh."
+    },
+    "voip": {
+        "already_in_call": "Tashmë në thirrje",
+        "already_in_call_person": "Gjendeni tashmë në thirrje me këtë person.",
+        "answered_elsewhere": "Përgjigjur Gjetkë",
+        "answered_elsewhere_description": "Thirrjes iu përgjigj në një tjetër pajisje.",
+        "call_failed": "Thirrja Dështoi",
+        "call_failed_description": "Thirrja s’u nis dot",
+        "call_failed_media": "Thirrja dështoi, ngaqë s’u hy dot kamera ose mikrofoni. Kontrolloni që:",
+        "call_failed_media_applications": "Kamerën s’po e përdor aplikacion tjetër",
+        "call_failed_media_connected": "Një mikrofon dhe një kamerë janë futur dhe ujdisur si duhet",
+        "call_failed_media_permissions": "Është dhënë leje për përdorimin e kamerës",
+        "call_failed_microphone": "Thirrja dështoi, ngaqë s’u hy dot te mikrofoni. Kontrolloni që të jetë futur një mikrofon dhe të jetë ujdisur saktësisht.",
+        "call_held": "%(peerName)s mbajti thirrjen",
+        "call_held_resume": "E mbajtët thirrjen <a>Rimerreni</a>",
+        "call_held_switch": "Mbajtët të shtypur <a>Butonin</a> e thirrjeve",
+        "call_toast_unknown_room": "Dhomë e panjohur",
+        "camera_disabled": "Kamera juaj është e fikur",
+        "camera_enabled": "Kamera juaj është ende e aktivizuar",
+        "cannot_call_yourself_description": "S’mund të bëni thirrje me vetveten.",
+        "connecting": "Po lidhet",
+        "connection_lost": "Humbi lidhja me shërbyesin",
+        "connection_lost_description": "S’mund të bëni thirrje pa një lidhje te shërbyesi.",
+        "consulting": "Po kryhet këshillim me %(transferTarget)s. <a>Shpërngule te %(transferee)s</a>",
+        "default_device": "Pajisje Parazgjedhje",
+        "dialpad": "Butona numrash",
+        "disable_camera": "Çaktivizo kamerën",
+        "disable_microphone": "Heshtoje mikrofonin",
+        "disabled_no_perms_start_video_call": "S’keni leje të nisni thirrje me video",
+        "disabled_no_perms_start_voice_call": "S’keni leje të nisni thirrje me zë",
+        "disabled_ongoing_call": "Thirrje në kryerje e sipër",
+        "enable_camera": "Aktivizo kamerën",
+        "enable_microphone": "Çheshto mikrofonin",
+        "expand": "Kthehu te thirrja",
+        "hangup": "Mbylle Thirrjen",
+        "hide_sidebar_button": "Fshihe anështyllën",
+        "input_devices": "Pajisje input-i",
+        "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.",
+        "more_button": "Më tepër",
+        "msisdn_lookup_failed": "S’arrihet të kërkohet numër telefoni",
+        "msisdn_lookup_failed_description": "Pati një gabim gjatë kërkimit të numrit të telefonit",
+        "msisdn_transfer_failed": "S’arrihet të shpërngulet thirrje",
+        "n_people_joined": {
+            "one": "Hyri %(count)s person",
+            "other": "Hynë %(count)s vetë"
+        },
+        "no_audio_input_description": "S’gjetëm mikrofon në pajisjen tuaj. Ju lutemi, kontrolloni rregullimet tuaja dhe riprovoni.",
+        "no_audio_input_title": "S’u gjet mikrofon",
+        "no_media_perms_description": "Lypset të lejoni dorazi %(brand)s-in të përdorë mikrofonin/kamerën tuaj web",
+        "no_media_perms_title": "S’ka leje mediash",
+        "no_permission_conference": "Lypset Leje",
+        "no_permission_conference_description": "S’keni leje për të nisur një thirrje konferencë këtë në këtë dhomë",
+        "on_hold": "%(name)s e mbajtur",
+        "output_devices": "Pajisje output-i",
+        "screenshare_monitor": "Nda krejt ekranin",
+        "screenshare_title": "Ndani lëndë",
+        "screenshare_window": "Dritare aplikacioni",
+        "show_sidebar_button": "Shfaqe anështyllën",
+        "silence": "Heshtoje thirrjen",
+        "silenced": "Njoftime të heshtuara",
+        "start_screenshare": "Nisni ndarjen e ekranit tuaj",
+        "stop_screenshare": "Reshtni dhënien e ekranit tuaj",
+        "too_many_calls": "Shumë Thirrje",
+        "too_many_calls_description": "Keni mbërritur në numrin maksimum të thirrjeve të njëkohshme.",
+        "transfer_consult_first_label": "Konsultohu së pari",
+        "transfer_failed": "Shpërngulja Dështoi",
+        "transfer_failed_description": "S’u arrit të shpërngulej thirrje",
+        "unable_to_access_audio_input_description": "S’qemë në gjendje të përdorim mikrofonin tuaj. Ju lutemi, kontrolloni rregullimet e shfletuesit tuaj dhe riprovoni.",
+        "unable_to_access_audio_input_title": "S’arrihet të përdoret mikrofoni juaj",
+        "unable_to_access_media": "S’arrihet të përdoret kamerë / mikrofon",
+        "unable_to_access_microphone": "S’arrihet të përdoret mikrofoni",
+        "unknown_caller": "Thirrës i panjohur",
+        "unknown_person": "person i panjohur",
+        "unsilence": "Me zë",
+        "unsupported": "Nuk mbulohen t\thirrje",
+        "unsupported_browser": "S’mund të bëni thirrje që nga ky shfletues.",
+        "user_busy": "Përdoruesi Është i Zënë",
+        "user_busy_description": "Përdoruesi që thirrët është i zënë.",
+        "user_is_presenting": "%(sharerName)s përfaqëson",
+        "video_call": "Thirrje video",
+        "voice_call": "Thirrje audio",
+        "you_are_presenting": "Përfaqësoni"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s në %(osName)s",
+    "widget": {
+        "added_by": "Widget i shtuar nga",
+        "capabilities_dialog": {
+            "content_starting_text": "Ky widget do të donte të:",
+            "decline_all_permission": "Hidhi Krejt Poshtë",
+            "remember_Selection": "Mbaje mend përzgjedhjen time për këtë widget",
+            "title": "Miratoni leje widget-i"
+        },
+        "capability": {
+            "always_on_screen_generic": "Rrini në ekran për deri sa është hapur",
+            "always_on_screen_viewing_another_room": "Të mbesë në ekranin tuaj, kur shihet një tjetër dhomë dhe widget-i është në punë",
+            "any_room": "Atë më sipër, por edhe në çfarëdo dhome ku keni hyrë ose jeni ftuar",
+            "byline_empty_state_key": "me një kyç të zbrazët gjendjeje",
+            "byline_state_key": "me kyç gjendjeje %(stateKey)s",
+            "capability": "Aftësia <b>%(capability)s</b>",
+            "change_avatar_active_room": "Ndryshoni avatarin në dhomën tuaj aktive",
+            "change_avatar_this_room": "Ndryshoni avatarin e kësaj dhome",
+            "change_name_active_room": "Ndryshoni emrin e dhomës tuaj aktive",
+            "change_name_this_room": "Ndryshoni emrin e kësaj dhome",
+            "change_topic_active_room": "Ndryshoni temën në dhomën tuaj aktive",
+            "change_topic_this_room": "Ndryshoni temën e kësaj dhome",
+            "receive_membership_active_room": "Shihni kur persona vijnë, ikin ose janë ftuar në dhomën tuaj aktive",
+            "receive_membership_this_room": "Shihni kur persona vijnë, ikin ose janë ftuar në këtë dhomë",
+            "remove_ban_invite_leave_active_room": "Hiqni, dëboni, ose ftoni persona te dhoma juaj aktive dhe bëni largimin tuaj",
+            "remove_ban_invite_leave_this_room": "Hiqni, dëboni, ose ftoni persona në këtë dhomë dhe bëni largimin tuaj",
+            "see_avatar_change_active_room": "Shihni kur ndryshon avatari në dhomën tuaj aktive",
+            "see_avatar_change_this_room": "Shihni kur ndryshon avatari në këtë dhomë",
+            "see_event_type_sent_active_room": "Shihni akte <b>%(eventType)s</b> postuar në dhomën tuaj aktive",
+            "see_event_type_sent_this_room": "Shihni akte <b>%(eventType)s</b> postuar në këtë dhomë",
+            "see_images_sent_active_room": "Shihni figura postuar te dhoma juaj aktive",
+            "see_images_sent_this_room": "Shihni figura postuar në këtë dhomë",
+            "see_messages_sent_active_room": "Shihni mesazhe të postuar në dhomën tuaj aktive",
+            "see_messages_sent_this_room": "Shihni mesazhe të postuar në këtë dhomë",
+            "see_msgtype_sent_active_room": "Shihni mesazhe <b>%(msgtype)s</b> postuar në dhomën tuaj aktive",
+            "see_msgtype_sent_this_room": "Shihni mesazhe <b>%(msgtype)s</b> postuar në këtë dhomë",
+            "see_name_change_active_room": "Shihni kur ndryshon emri në dhomën tuaj aktive",
+            "see_name_change_this_room": "Shihni kur ndryshohet emri në këtë dhomë",
+            "see_sent_emotes_active_room": "Shihni emotikonë postuar në dhomën tuaj aktive",
+            "see_sent_emotes_this_room": "Shihni emotikone postuar në këtë dhomë",
+            "see_sent_files_active_room": "Shihni kartela të përgjithshme postuar në dhomën tuaj aktive",
+            "see_sent_files_this_room": "Shihni kartela të përgjithshme postuar në këtë dhomë",
+            "see_sticker_posted_active_room": "Shihni kur dikush poston një ngjitës në dhomën tuaj aktive",
+            "see_sticker_posted_this_room": "Shihni kur postohet një ngjitës në këtë dhomë",
+            "see_text_messages_sent_active_room": "Shihni mesazhe tekst postuar në dhomën tuaj aktive",
+            "see_text_messages_sent_this_room": "Shihni mesazhe tekst postuar në këtë dhomë",
+            "see_topic_change_active_room": "Shihni kur ndryshon tema në dhomën tuaj aktive",
+            "see_topic_change_this_room": "Shihni kur ndryshohet tema në këtë dhomë",
+            "see_videos_sent_active_room": "Shihni video të postuara në dhomën tuaj aktive",
+            "see_videos_sent_this_room": "Shihni video të postuara në këtë dhomë",
+            "send_emotes_active_room": "Dërgoni emotikone si ju në këtë dhomë",
+            "send_emotes_this_room": "Dërgoni emotikone si ju në këtë dhomë",
+            "send_event_type_active_room": "Shihni akte <b>%(eventType)s</b> si ju në këtë dhomë",
+            "send_event_type_this_room": "Dërgoni akte <b>%(eventType)s</b> në këtë dhomë si ju",
+            "send_files_active_room": "Dërgoni kartela të përgjithshme si ju në dhomën tuaj aktive",
+            "send_files_this_room": "Dërgoni kartela të përgjithshme si ju në këtë dhomë",
+            "send_images_active_room": "Dërgoni figura si ju në dhomën tuaj aktive",
+            "send_images_this_room": "Dërgoni figura si ju, në këtë dhomë",
+            "send_messages_active_room": "Dërgoni mesazhe si ju në dhomën tuaj aktive",
+            "send_messages_this_room": "Dërgoni mesazhi si ju në këtë dhomë",
+            "send_msgtype_active_room": "Dërgoni mesazhe <b>%(msgtype)s</b> si ju në dhomën tuaj aktive",
+            "send_msgtype_this_room": "Dërgoni mesazhe <b>%(msgtype)s</b> si ju në këtë dhomë",
+            "send_stickers_active_room": "Dërgoni ngjitës në dhomën tuaj aktive",
+            "send_stickers_active_room_as_you": "Dërgoni ngjitës në dhomën tuaj aktive si ju",
+            "send_stickers_this_room": "Dërgoni ngjitës në këtë dhomë",
+            "send_stickers_this_room_as_you": "Dërgoni ngjitës në këtë dhomë si ju",
+            "send_text_messages_active_room": "Dërgoni mesazhe tekst si ju në dhomën tuaj aktive",
+            "send_text_messages_this_room": "Dërgoni mesazhe tekst si ju në këtë dhomë",
+            "send_videos_active_room": "Dërgoni video si ju në dhomën tuaj aktive",
+            "send_videos_this_room": "Dërgoni video si ju në këtë dhomë",
+            "specific_room": "Atë më sipër, por edhe te <Room />",
+            "switch_room": "Ndryshoni cilën dhomë shihni",
+            "switch_room_message_user": "Ndryshoni cilën dhomë, mesazh ose përdorues po shihni"
+        },
+        "close_to_view_right_panel": "Mbylleni këtë widget, që ta shihni te ky panel",
+        "context_menu": {
+            "delete": "Fshije widget-in",
+            "delete_warning": "Fshirja e një widget-i e heq atë për krejt përdoruesit në këtë dhomë. Jeni i sigurt se doni të fshihet ky widget?"
+        },
+        "cookie_warning": "Ky <em>widget</em> mund të përdorë <em>cookies</em>.",
+        "error_hangup_description": "U shkëputët nga thirrja. (Gabim: %(message)s)",
+        "error_hangup_title": "Humbi lidhja",
+        "error_loading": "Gabim në ngarkim Widget-i",
+        "error_mixed_content": "Gabim - Lëndë e përzierë",
+        "error_need_invite_permission": "Që ta bëni këtë, lypset të jeni në gjendje të ftoni përdorues.",
+        "error_need_kick_permission": "Që ta bëni këtë, lypset të jeni në gjendje të përzini përdorues.",
+        "error_need_to_be_logged_in": "Lypset të jeni i futur në llogarinë tuaj.",
+        "error_unable_start_audio_stream_description": "S’arrihet të niset transmetim audio.",
+        "error_unable_start_audio_stream_title": "S’u arrit të nisej transmetim i drejtpërdrejtë",
+        "modal_data_warning": "Të dhënat në këtë skenë ndahen me %(widgetDomain)s",
+        "modal_title_default": "Widget Modal",
+        "no_name": "Aplikacion i Panjohur",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Mbaje mend këtë",
+            "starting_text": "Ky widget do të verifikojë ID-në tuaj të përdoruesit, por s’do të jetë në gjendje të kryejë veprime për ju:",
+            "title": "Lejojeni këtë widget të verifikojë identitetin tuaj"
+        },
+        "popout": "Widget flluskë",
+        "set_room_layout": "Ujdise skemën e dhomës time për këdo",
+        "shared_data_mxid": "ID-ja juaj e përdoruesit",
+        "shared_data_name": "Emri juaj në ekran",
+        "shared_data_room_id": "ID dhome",
+        "shared_data_theme": "Tema juaj",
+        "shared_data_url": "URL %(brand)s-i",
+        "shared_data_warning": "Përdorimi i këtij widget-i mund të sjellë ndarje të dhënash <helpIcon /> me %(widgetDomain)s.",
+        "shared_data_warning_im": "Përdorimi i këtij widget-i mund të sjellë ndarje të dhënash <helpIcon /> me %(widgetDomain)s & përgjegjësin tuaj të integrimeve.",
+        "shared_data_widget_id": "ID widget-i",
+        "unencrypted_warning": "Widget-et s’përdorin fshehtëzim mesazhesh.",
+        "unmaximise": "Çmaksimizoje",
+        "unpin_to_view_right_panel": "Hiqjani fiksimin këtij widget-i, që ta shihni te ky panel"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Fjalë shkruar krejt me të mëdha janë thuajse po aq të lehta për t’i hamendësuar sa ato me krejt të vogla",
+            "anotherWord": "Shtoni një a dy fjalë të tjera. Fjalë jo të rëndomta janë më të përshtatshme.",
+            "associatedYears": "Shmangni vite që kanë lidhje me ju",
+            "capitalization": "Shkrimi i shkronjës së parë me të madhe nuk ndihmon kushedi çë",
+            "dates": "Shmangni data dhe vite që kanë lidhje me ju",
+            "l33t": "Zëvendësime të parashikueshme, të tilla si '@', në vend të 'a', nuk ndihmojnë kushedi çë",
+            "longerKeyboardPattern": "Përdorni një rregullsi më të gjatë tastiere, me më tepër kthesa",
+            "noNeed": "S’ka nevojë për simbole, shifra apo shkronja të mëdha",
+            "recentYears": "Shmangni vitet e fundit",
+            "repeated": "Shmangi përsëritje fjalësh dhe përsëritje shkronjash",
+            "reverseWords": "Fjalët së prapthi s’janë të vështira për t’i marrë me mend",
+            "sequences": "Shmangi togfjalësha",
+            "useWords": "Përdorni ca fjalë, shmangni fraza të rëndomta"
+        },
+        "warnings": {
+            "common": "Ky është një fjalëkalim shumë i rëndomtë",
+            "commonNames": "Emra dhe mbiemra të rëndomtë janë të kollajtë për t’u hamendësuar",
+            "dates": "Datat shpesh janë të lehta për t’i gjetur",
+            "extendedRepeat": "Përsëritje të tilla si \"abcabcabc\" janë vetëm pak më të vështira për t’u hamendësuar se sa \"abc\"",
+            "keyPattern": "Kombinime të shkurtra tastiere janë lehtësisht të hamendësueshme",
+            "namesByThemselves": "Emrat dhe mbiemrat në vetvete janë të lehtë për t’i hamendësuar",
+            "recentYears": "Vitet tani afër janë të lehtë për t’u hamendësuar",
+            "sequences": "Sekuenca të tilla si abc ose 6543 janë të lehta për t’u hamendsuar",
+            "similarToCommon": "Ky është i ngjashëm me një fjalëkalim të përdorur rëndom",
+            "simpleRepeat": "Përsëritje të tilla si \"aaa\" janë të lehta për t’u hamendësuar",
+            "straightRow": "Rreshta uniformë tastesh janë lehtësisht të hamendësueshëm",
+            "topHundred": "Ky fjalëkalim është nga 100 më të rëndomtët",
+            "topTen": "Ky fjalëkalim është nga 10 më të rëndomtët",
+            "wordByItself": "Një fjalë më vete është e lehtë të hamendësohet"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/sv.json b/apps/web/src/i18n/strings/sv.json
new file mode 100644
index 00000000000..aabe8896d67
--- /dev/null
+++ b/apps/web/src/i18n/strings/sv.json
@@ -0,0 +1,3872 @@
+{
+    "a11y": {
+        "jump_first_invite": "Hoppa till första inbjudan.",
+        "message_composer": "Meddelanderedigerare",
+        "n_unread_messages": {
+            "other": "%(count)s olästa meddelanden.",
+            "one": "1 oläst meddelande."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s olästa meddelanden inklusive omnämnanden.",
+            "one": "1 oläst omnämnande."
+        },
+        "room_status_bar": "Rumsstatusfält",
+        "seek_bar_label": "Förloppsfält för ljud",
+        "unread_messages": "Olästa meddelanden."
+    },
+    "a11y_jump_first_unread_room": "Hoppa till första olästa rum.",
+    "action": {
+        "accept": "Godkänn",
+        "add": "Lägg till",
+        "add_existing_room": "Lägg till existerande rum",
+        "apply": "Tillämpa",
+        "approve": "Godta",
+        "ask_to_join": "Be om att gå med",
+        "back": "Tillbaka",
+        "call": "Ring",
+        "cancel": "Avbryt",
+        "change": "Ändra",
+        "clear": "Rensa",
+        "click_to_copy": "Klicka för att kopiera",
+        "close": "Stäng",
+        "collapse": "Kollapsa",
+        "complete": "Färdigställ",
+        "confirm": "Bekräfta",
+        "continue": "Fortsätt",
+        "copy": "Kopiera",
+        "copy_link": "Kopiera länk",
+        "create": "Skapa",
+        "create_a_room": "Skapa ett rum",
+        "create_account": "Skapa konto",
+        "decline": "Avvisa",
+        "decline_and_block": "Avvisa och blockera",
+        "decline_invite": "Avböj inbjudan",
+        "delete": "Radera",
+        "deny": "Neka",
+        "disable": "Inaktivera",
+        "disconnect": "Koppla ifrån",
+        "dismiss": "Avvisa",
+        "done": "Klar",
+        "download": "Ladda ner",
+        "edit": "Ändra",
+        "enable": "Aktivera",
+        "enter_fullscreen": "Gå till fullskärm",
+        "exit_fullscreeen": "Gå ur fullskärm",
+        "expand": "Expandera",
+        "explore_rooms": "Utforska rum",
+        "export": "Exportera",
+        "forward": "Vidarebefordra",
+        "go": "Gå",
+        "go_back": "Gå tillbaka",
+        "got_it": "Uppfattat",
+        "hide_advanced": "Dölj avancerat",
+        "hold": "Parkera",
+        "ignore": "Ignorera",
+        "import": "Importera",
+        "invite": "Bjud in",
+        "join": "Gå med",
+        "learn_more": "Läs mer",
+        "leave": "Lämna",
+        "leave_room": "Lämna rummet",
+        "logout": "Logga ut",
+        "manage": "Hantera",
+        "maximise": "Maximera",
+        "mention": "Nämn",
+        "minimise": "Minimera",
+        "new_room": "Nytt rum",
+        "new_video_room": "Nytt videorum",
+        "next": "Nästa",
+        "no": "Nej",
+        "ok": "OK",
+        "open": "Öppna",
+        "pin": "Häftstift",
+        "proceed": "Fortsätt",
+        "quote": "Citera",
+        "react": "Reagera",
+        "refresh": "Ladda om",
+        "register": "Registrera",
+        "reload": "Ladda om",
+        "remove": "Ta bort",
+        "rename": "Döp om",
+        "reply": "Svara",
+        "reply_in_thread": "Svara i tråd",
+        "report_room": "Anmäl rum",
+        "resend": "Skicka igen",
+        "reset": "Återställ",
+        "resume": "Återuppta",
+        "retry": "Försök igen",
+        "review": "Granska",
+        "revoke": "Återkalla",
+        "save": "Spara",
+        "search": "Sök",
+        "send_report": "Skicka anmälan",
+        "set_avatar": "Ställ in profilbild",
+        "share": "Dela",
+        "show": "Visa",
+        "show_advanced": "Visa avancerat",
+        "show_all": "Visa alla",
+        "sign_in": "Logga in",
+        "sign_out": "Ta bort den här enheten",
+        "skip": "Hoppa över",
+        "start": "Starta",
+        "stop": "Stoppa",
+        "submit": "Skicka in",
+        "subscribe": "Prenumerera",
+        "transfer": "Överlåt",
+        "trust": "Förtroende",
+        "try_again": "Försök igen",
+        "unban": "Avblockera",
+        "unignore": "Avignorera",
+        "unpin": "Avfäst",
+        "unsubscribe": "Avprenumerera",
+        "update": "Uppdatera",
+        "upgrade": "Uppgradera",
+        "upload": "Ladda upp",
+        "upload_file": "Ladda upp fil",
+        "verify": "Verifiera",
+        "view": "Visa",
+        "view_all": "Visa alla",
+        "view_list": "Se lista",
+        "view_message": "Visa meddelande",
+        "view_source": "Visa källa",
+        "yes": "Ja",
+        "yes_dismiss": "Ja, avvisa",
+        "zoom_in": "Zooma in",
+        "zoom_out": "Zooma ut"
+    },
+    "analytics": {
+        "accept_button": "Det är okej",
+        "bullet_1": "Vi spelar <Bold>inte</Bold> in eller profilerar någon kontodata",
+        "bullet_2": "Vi delar <Bold>inte</Bold> information med tredje parter",
+        "consent_migration": "Du har tidigare gått med på att dela anonym användningsdata med oss. Vi uppdaterar hur det fungerar.",
+        "disable_prompt": "Du kan stänga av detta när som helst i inställningarna",
+        "enable_prompt": "Hjälp att förbättra %(analyticsOwner)s",
+        "learn_more": "Dela anonym data för att hjälpa oss att hitta problem. Inget personligt. Inga tredje parter. <LearnMoreLink>Läs mer</LearnMoreLink>",
+        "privacy_policy": "Du kan läsa alla våra villkor <PrivacyPolicyUrl>här</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Hjälp oss hitta fel och förbättra %(analyticsOwner)s genom att dela anonym användardata. För att förstå hur folk använder flera enheter så skapar vi en slumpmässig identifierare som delas mellan dina enheter.",
+        "shared_data_heading": "Vissa av följande data kan delas:"
+    },
+    "auth": {
+        "3pid_in_use": "Den e-postadressen eller det telefonnumret används redan.",
+        "account_clash": "Ditt nya konto (%(newAccountId)s) är registrerat, men du är redan inloggad på ett annat konto (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Fortsätt med de tidigare kontot",
+        "account_deactivated": "Det här kontot har avaktiverats.",
+        "autodiscovery_generic_failure": "Misslyckades att få konfiguration för autoupptäckt från servern",
+        "autodiscovery_hs_incompatible": "Din hemserver är för gammal och stöder inte minimum-API:t som krävs. Vänligen kontakta din serverägare, eller uppgradera din server.",
+        "autodiscovery_invalid": "Ogiltigt hemserverupptäcktssvar",
+        "autodiscovery_invalid_hs": "Hemserver-URL:en verkar inte vara en giltig Matrix-hemserver",
+        "autodiscovery_invalid_hs_base_url": "Ogiltig base_url för m.homeserver",
+        "autodiscovery_invalid_is": "Identitetsserver-URL:en verkar inte vara en giltig Matrix-identitetsserver",
+        "autodiscovery_invalid_is_base_url": "Ogiltig base_url för m.identity_server",
+        "autodiscovery_invalid_is_response": "Ogiltigt identitetsserverupptäcktssvar",
+        "autodiscovery_invalid_json": "Ogiltig JSON",
+        "autodiscovery_no_well_known": "Ingen .well-known-JSON-fil hittades",
+        "autodiscovery_unexpected_error_hs": "Oväntat fel vid inläsning av hemserverkonfiguration",
+        "autodiscovery_unexpected_error_is": "Oväntat fel vid inläsning av identitetsserverkonfiguration",
+        "captcha_description": "Denna hemserver vill se till att du inte är en robot.",
+        "change_password_action": "Byt lösenord",
+        "change_password_confirm_invalid": "Lösenorden matchar inte",
+        "change_password_confirm_label": "Bekräfta lösenord",
+        "change_password_current_label": "Nuvarande lösenord",
+        "change_password_empty": "Lösenorden kan inte vara tomma",
+        "change_password_error": "Fel vid ändring av lösenord: %(error)s",
+        "change_password_mismatch": "De nya lösenorden matchar inte",
+        "change_password_new_label": "Nytt lösenord",
+        "check_email_explainer": "Följ instruktionerna som skickades till <b>%(email)s</b>",
+        "check_email_resend_prompt": "Fick du inte den?",
+        "check_email_resend_tooltip": "E-brev med verifieringslänk skickades igen!",
+        "check_email_wrong_email_button": "Ange e-postadressen igen",
+        "check_email_wrong_email_prompt": "Fel e-postadress?",
+        "continue_with_idp": "Fortsätt med %(provider)s",
+        "continue_with_sso": "Fortsätt med %(ssoButtons)s",
+        "country_dropdown": "Land-dropdown",
+        "create_account_prompt": "Ny här? <a>Skapa ett konto</a>",
+        "create_account_title": "Skapa konto",
+        "email_discovery_text": "Använd e-post för att valfritt kunna upptäckas av existerande kontakter.",
+        "email_field_label": "E-post",
+        "email_field_label_invalid": "Det ser inte ut som en giltig e-postadress",
+        "email_field_label_required": "Ange e-postadress",
+        "email_help_text": "Lägg till en e-postadress för att kunna återställa ditt lösenord.",
+        "email_phone_discovery_text": "Använd e-post eller telefon för att valfritt kunna upptäckas av existerande kontakter.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> kommer att skicka en verifieringslänk för att låta dig återställa ditt lösenord.",
+        "enter_email_heading": "Ange din e-postadress för att återställa lösenordet",
+        "failed_connect_identity_server": "Kan inte nå identitetsservern",
+        "failed_connect_identity_server_other": "Du kan logga in, men vissa funktioner kommer inte att vara tillgängliga förrän identitetsservern är online igen. Om du fortsätter att se den här varningen, kontrollera din konfiguration eller kontakta en serveradministratör.",
+        "failed_connect_identity_server_register": "Du kan registrera dig, men vissa funktioner kommer inte att vara tillgängliga förrän identitetsservern är online igen. Om du fortsätter att se den här varningen, kontrollera din konfiguration eller kontakta en serveradministratör.",
+        "failed_connect_identity_server_reset_password": "Du kan återställa ditt lösenord, men vissa funktioner kommer inte att vara tillgängliga förrän identitetsservern är online igen. Om du fortsätter att se den här varningen, kontrollera din konfiguration eller kontakta en serveradministratör.",
+        "failed_homeserver_discovery": "Misslyckades att genomföra hemserverupptäckt",
+        "failed_query_registration_methods": "Kunde inte fråga efter stödda registreringsmetoder.",
+        "failed_soft_logout_auth": "Misslyckades att återautentisera",
+        "failed_soft_logout_homeserver": "Misslyckades att återautentisera p.g.a. ett hemserverproblem",
+        "forgot_password_email_invalid": "Den här e-postadressen ser inte giltig ut.",
+        "forgot_password_email_required": "E-postadressen som är kopplad till ditt konto måste anges.",
+        "forgot_password_prompt": "Glömt ditt lösenord?",
+        "forgot_password_send_email": "Skicka e-brev",
+        "identifier_label": "Logga in med",
+        "incorrect_credentials": "Fel användarnamn och/eller lösenord.",
+        "incorrect_credentials_detail": "Observera att du loggar in på servern %(hs)s, inte matrix.org.",
+        "incorrect_password": "Felaktigt lösenord",
+        "log_in_new_account": "<a>Logga in</a> i ditt nya konto.",
+        "logout_dialog": {
+            "description": "Är du säker på att du vill logga ut?",
+            "setup_key_backup_title": "Du kommer att förlora åtkomst till dina krypterade meddelanden",
+            "skip_key_backup": "Jag vill inte ha mina krypterade meddelanden"
+        },
+        "misconfigured_body": "Be din %(brand)s-administratör att kolla <a>din konfiguration</a> efter felaktiga eller duplicerade poster.",
+        "misconfigured_title": "Din %(brand)s är felkonfigurerad",
+        "mobile_create_account_title": "Du håller på att skapa ett konto på%(hsName)s",
+        "msisdn_field_description": "Andra användare kan bjuda in dig till rum med dina kontaktuppgifter",
+        "msisdn_field_label": "Telefon",
+        "msisdn_field_number_invalid": "Det telefonnumret ser inte korrekt ut, vänligen kolla det och försök igen",
+        "msisdn_field_required_invalid": "Ange telefonnummer",
+        "no_hs_url_provided": "Ingen hemserver-URL angiven",
+        "oidc": {
+            "error_title": "Vi kunde inte logga in dig",
+            "generic_auth_error": "Något gick fel under autentiseringen. Gå till inloggningssidan och försök igen.",
+            "missing_or_invalid_stored_state": "Vi bad webbläsaren att komma ihåg vilken hemserver du använder för att logga in, men tyvärr har din webbläsare glömt det. Gå till inloggningssidan och försök igen."
+        },
+        "password_field_keep_going_prompt": "Fortsätter …",
+        "password_field_label": "Skriv in lösenord",
+        "password_field_strong_label": "Bra, säkert lösenord!",
+        "password_field_weak_label": "Lösenordet är tillåtet men osäkert",
+        "phone_label": "Telefon",
+        "phone_optional_label": "Telefon (valfritt)",
+        "qr_code_login": {
+            "check_code_explainer": "Detta kommer att verifiera att anslutningen till din andra enhet är säker.",
+            "check_code_heading": "Ange numret som visas på din andra enhet",
+            "check_code_input_label": "2-siffrig kod",
+            "check_code_mismatch": "Siffrorna stämmer inte överens",
+            "completing_setup": "Slutför inställning av din nya enhet",
+            "error_etag_missing": "Ett oväntat fel inträffade. Detta kan bero på felkonfiguration av webbläsartillägg, proxyserver eller server.",
+            "error_expired": "Inloggningen har upphört att gälla. Försök igen.",
+            "error_expired_title": "Inloggningen slutfördes inte i tid",
+            "error_insecure_channel_detected": "En säker anslutning kunde inte göras till den nya enheten. Dina befintliga enheter är fortfarande säkra och du behöver inte oroa dig för dem.",
+            "error_insecure_channel_detected_instructions": "Vad händer nu?",
+            "error_insecure_channel_detected_instructions_1": "Försök logga in på den andra enheten igen med en QR-kod om detta var ett nätverksproblem",
+            "error_insecure_channel_detected_instructions_2": "Om du stöter på samma problem, prova ett annat wifi-nätverk eller använd din mobildata istället för wifi",
+            "error_insecure_channel_detected_instructions_3": "Om det inte fungerar loggar du in manuellt",
+            "error_insecure_channel_detected_title": "Anslutningen är inte säker",
+            "error_other_device_already_signed_in": "Du behöver inte göra något mer.",
+            "error_other_device_already_signed_in_title": "Din andra enhet är redan inloggad",
+            "error_rate_limited": "För många försök under för kort tid. Vänta ett tag innan du försöker igen.",
+            "error_unexpected": "Ett oväntat fel inträffade. Begäran om att ansluta din andra enhet har avbrutits.",
+            "error_unsupported_protocol": "Den här enheten stöder inte inloggning på den andra enheten med en QR-kod.",
+            "error_unsupported_protocol_title": "Annan enhet är inte kompatibel",
+            "error_user_cancelled": "Inloggningen avbröts på den andra enheten.",
+            "error_user_cancelled_title": "Inloggningsbegäran avbröts",
+            "error_user_declined": "Du eller kontoleverantören har avvisat inloggningsbegäran.",
+            "error_user_declined_title": "Inloggningen nekades",
+            "follow_remaining_instructions": "Följ de återstående instruktionerna",
+            "open_element_other_device": "Öppna %(brand)s på din andra enhet",
+            "point_the_camera": "Skanna QR-koden som visas här",
+            "scan_code_instruction": "Skanna QR-koden med en annan enhet",
+            "scan_qr_code": "Logga in med QR-kod",
+            "security_code_prompt": "Om du blir ombedd anger du koden nedan på din andra enhet.",
+            "select_qr_code": "Välj \"%(scanQRCode)s”",
+            "unsupported_explainer": "Din kontoleverantör stöder inte inloggning på en ny enhet med en QR-kod.",
+            "unsupported_heading": "QR-kod stöds inte",
+            "waiting_for_device": "Väntar på att enheter loggar in"
+        },
+        "register_action": "Skapa konto",
+        "registration": {
+            "continue_without_email_description": "En förvarning, om du inte lägger till en e-postadress och glömmer ditt lösenord, så kan du <b>permanent förlora åtkomst till ditt konto</b>.",
+            "continue_without_email_field_label": "E-post (valfritt)",
+            "continue_without_email_title": "Fortsätter utan e-post"
+        },
+        "registration_disabled": "Registrering har inaktiverats på denna hemserver.",
+        "registration_msisdn_field_required_invalid": "Skriv in telefonnummer (krävs på den här hemservern)",
+        "registration_successful": "Registrering lyckades",
+        "registration_username_in_use": "Någon annan har redan det användarnamnet. Pröva ett annat, eller om det är ditt, logga in nedan.",
+        "registration_username_unable_check": "Kunde inte kolla om användarnamnet var upptaget. Pröva igen senare.",
+        "registration_username_validation": "Använd endast små bokstäver, siffror, bindestreck och understreck",
+        "reset_password": {
+            "confirm_new_password": "Bekräfta nytt lösenord",
+            "devices_logout_success": "Du har loggats ut på alla enheter och kommer inte längre ta emot pushnotiser. För att återaktivera aviserings, logga in igen på varje enhet.",
+            "other_devices_logout_warning_1": "Att logga ut dina enheter kommer att radera meddelandekrypteringsnycklarna lagrade på dem, vilket gör krypterad chatthistorik oläslig.",
+            "other_devices_logout_warning_2": "Om du vill behålla åtkomst till din chatthistorik i krypterade rum, ställ in nyckelsäkerhetskopiering eller exportera dina rumsnycklar från en av dina andra enheter innan du fortsätter.",
+            "password_not_entered": "Ett nytt lösenord måste anges.",
+            "passwords_mismatch": "De nya lösenorden måste matcha.",
+            "rate_limit_error": "För många försök under för kort tid. Vänta ett tag innan du försöker igen.",
+            "rate_limit_error_with_time": "För många försök under en kort tid. Pröva igen efter %(timeout)s.",
+            "reset_successful": "Ditt lösenord har återställts.",
+            "return_to_login": "Tillbaka till inloggningsskärmen",
+            "sign_out_other_devices": "Logga ut ur alla enheter"
+        },
+        "reset_password_action": "Återställ lösenord",
+        "reset_password_button": "Glömt lösenordet?",
+        "reset_password_email_field_description": "Använd en a-postadress för att återställa ditt konto",
+        "reset_password_email_field_required_invalid": "Skriv in e-postadress (krävs på den här hemservern)",
+        "reset_password_email_not_associated": "Din e-postadress verkar inte vara associerad med ett Matrix-ID på den här hemservern.",
+        "reset_password_email_not_found_title": "Den här e-postadressen finns inte",
+        "reset_password_title": "Återställ ditt lösenord",
+        "server_picker_custom": "Annan hemserver",
+        "server_picker_description": "Du kan använda egna serverinställningar för att logga in på andra Matrix-servrar genom att ange en URL för en annan hemserver. Då kan du använda %(brand)s med ett existerande Matrix-konto på en annan hemserver.",
+        "server_picker_description_matrix.org": "Gå med miljontals användare gratis på den största publika servern",
+        "server_picker_dialog_title": "Bestäm var ditt konto finns",
+        "server_picker_explainer": "Använd din föredragna hemserver om du har en, eller driv din egen.",
+        "server_picker_failed_validate_homeserver": "Kan inte validera hemservern",
+        "server_picker_intro": "Vi kallar platser du kan ha ditt konto på för 'hemservrar'.",
+        "server_picker_invalid_url": "Ogiltig URL",
+        "server_picker_learn_more": "Om hemservrar",
+        "server_picker_matrix.org": "Matrix.org är den största offentliga hemservern i världen, så den är en bra plats för många.",
+        "server_picker_required": "Specificera en hemserver",
+        "server_picker_title": "Logga in på din hemserver",
+        "server_picker_title_default": "Serveralternativ",
+        "server_picker_title_registration": "Skapa kontot på",
+        "session_logged_out_description": "Av säkerhetsskäl har den här sessionen loggats ut. Vänligen logga in igen.",
+        "session_logged_out_title": "Loggade ut",
+        "set_email": {
+            "description": "Det här låter dig återställa lösenordet och ta emot aviseringar.",
+            "verification_pending_description": "Öppna meddelandet i din e-post och klicka på länken i meddelandet. När du har gjort detta, klicka fortsätt.",
+            "verification_pending_title": "Avvaktar verifiering"
+        },
+        "set_email_prompt": "Vill du ange en e-postadress?",
+        "sign_in_description": "Använd ditt konto för att fortsätta.",
+        "sign_in_instead": "Logga in istället",
+        "sign_in_instead_prompt": "Logga in istället",
+        "sign_in_or_register": "Logga in eller skapa konto",
+        "sign_in_or_register_description": "Använd ditt konto eller skapa ett nytt för att fortsätta.",
+        "sign_in_with_sso": "Logga in med samlad inloggning",
+        "signing_in": "Loggar in …",
+        "soft_logout": {
+            "clear_data_button": "Rensa all data",
+            "clear_data_description": "Rensning av all data från den här sessionen är permanent. Krypterade meddelande kommer att förloras om inte deras nycklar har säkerhetskopierats.",
+            "clear_data_title": "Rensa all data i den här sessionen?"
+        },
+        "soft_logout_heading": "Du är utloggad",
+        "soft_logout_intro_password": "Ange ditt lösenord för att logga in och återfå tillgång till ditt konto.",
+        "soft_logout_intro_sso": "Logga in och återfå tillgång till ditt konto.",
+        "soft_logout_intro_unsupported_auth": "Du kan inte logga in på ditt konto. Vänligen kontakta din hemserveradministratör för mer information.",
+        "soft_logout_subheading": "Rensa personlig information",
+        "soft_logout_warning": "Varning: din personliga data (inklusive krypteringsnycklar) lagras i den här sessionen. Rensa den om du är färdig med den här sessionen, eller vill logga in i ett annat konto.",
+        "sso": "Samlad inloggning",
+        "sso_complete_in_browser_dialog_title": "Gå till din webbläsare för att slutföra inloggningen",
+        "sso_failed_missing_storage": "Vi bad webbläsaren att komma ihåg vilken hemserver du använder för att logga in, men tyvärr har din webbläsare glömt det. Gå till inloggningssidan och försök igen.",
+        "sso_or_username_password": "%(ssoButtons)s Eller %(usernamePassword)s",
+        "sync_footer_subtitle": "Om du har gått med i många rum kan det här ta ett tag",
+        "syncing": "Synkar …",
+        "uia": {
+            "code": "Kod",
+            "email": "För att skapa ditt konto, öppna länken i e-brevet vi just skickade till %(emailAddress)s.",
+            "email_auth_header": "Kolla din e-post för att fortsätta",
+            "email_resend_prompt": "Fick du inte den? <a>Skicka igen</a>",
+            "email_resent": "Skickade igen!",
+            "fallback_button": "Starta autentisering",
+            "mas_cross_signing_reset_cta": "Gå till ditt konto",
+            "mas_cross_signing_reset_description": "Återställ din identitet via din kontoleverantör och kom sedan tillbaka och klicka på ”Försök igen”.",
+            "mas_cross_signing_reset_title": "Gå till ditt konto för att återställa din identitet",
+            "msisdn": "Ett SMS har skickats till %(msisdn)s",
+            "msisdn_token_incorrect": "Felaktig token",
+            "msisdn_token_prompt": "Vänligen ange koden det innehåller:",
+            "password_prompt": "Bekräfta din identitet genom att ange ditt kontolösenord nedan.",
+            "recaptcha_missing_params": "Saknar publik nyckel för captcha i hemserverns konfiguration. Vänligen rapportera detta till din hemservers administratör.",
+            "registration_token_label": "Registreringstoken",
+            "registration_token_prompt": "Ange en registreringstoken försedd av hemserveradministratören.",
+            "sso_body": "Bekräfta tilläggning av e-postadressen genom att använda samlad inloggning för att bevisa din identitet.",
+            "sso_failed": "Något gick fel vid bekräftelse av din identitet. Avbryt och försök igen.",
+            "sso_postauth_body": "Klicka på knappen nedan för att bekräfta din identitet.",
+            "sso_postauth_title": "Bekräfta för att fortsätta",
+            "sso_preauth_body": "För att fortsätta, använd samlad inloggning för att bevisa din identitet.",
+            "sso_title": "Använd samlad inloggning (single sign on) för att fortsätta",
+            "terms": "Granska och acceptera policyn för denna hemserver:",
+            "terms_invalid": "Vänligen granska och acceptera alla hemserverns policyer"
+        },
+        "unsupported_auth": "Den här hemservern erbjuder inga inloggningsflöden som stöds av den här klienten.",
+        "unsupported_auth_email": "Denna hemserver stöder inte inloggning med e-postadress.",
+        "unsupported_auth_msisdn": "Denna server stöder inte autentisering via telefonnummer.",
+        "username_field_required_invalid": "Skriv in användarnamn",
+        "username_in_use": "Någon annan har redan det användarnamnet, vänligen pröva ett annat.",
+        "verify_email_explainer": "Vi behöver veta att det är du innan vi återställer ditt lösenord. Klicka länken i e-brevet vi just skickade till <b>%(email)s</b>",
+        "verify_email_heading": "Verifiera din e-post för att fortsätta"
+    },
+    "bug_reporting": {
+        "additional_context": "Om det finns ytterligare sammanhang som kan hjälpa för att analysera problemet, till exempel vad du gjorde vid den tiden, rums-ID:n, användar-ID:n o.s.v., vänligen inkludera dessa saker här.",
+        "before_submitting": "Innan du skickar in loggar måste du <a>skapa ett GitHub-ärende</a> för att beskriva problemet.",
+        "collecting_information": "Samlar in appversionsinformation",
+        "collecting_logs": "Samlar in loggar",
+        "create_new_issue": "Vänligen <newIssueLink>skapa ett nytt ärende</newIssueLink> på GitHub så att vi kan undersöka denna bugg.",
+        "description": "Felsökningsloggar innehåller programanvändningsdata som ditt användarnamn, ID:n eller alias för rum du har besökt, vilka UI-element du senast interagerade med och användarnamn för andra användare. De innehåller inte meddelanden.",
+        "download_logs": "Ladda ner loggar",
+        "downloading_logs": "Laddar ner loggar",
+        "error_empty": "Berätta vad som gick fel, eller skapa ännu hellre ett GitHub-ärende som beskriver problemet.",
+        "failed_download_logs": "Misslyckades att ladda ner felsökningsloggar: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Din felrapport avvisades. Raseriskak-servern stöder inte den här applikationen.",
+            "rejected_generic": "Din felrapport avvisades. Raseriskak-servern avvisade innehållet i rapporten på grund av en policy.",
+            "rejected_recovery_key": "Din felrapport avvisades av säkerhetsskäl, eftersom den innehöll en återställningsnyckel.",
+            "rejected_version": "Din felrapport avvisades eftersom versionen du kör är för gammal.",
+            "server_unknown_error": "Raseriskak-servern stötte på ett okänt fel och kunde inte hantera rapporten.",
+            "unknown_error": "Misslyckades att skicka loggar."
+        },
+        "github_issue": "GitHub-ärende",
+        "introduction": "Om du har rapporterat en bugg via GitHub så kan felsökningsloggar hjälpa oss att hitta problemet. ",
+        "log_request": "För att hjälpa oss att förhindra detta i framtiden, vänligen <a>skicka oss loggar</a>.",
+        "logs_sent": "Loggar skickade",
+        "matrix_security_issue": "För att rapportera ett Matrix-relaterat säkerhetsproblem, vänligen läs Matrix.orgs <a>riktlinjer för säkerhetspublicering</a>.",
+        "preparing_download": "Förbereder nedladdning av loggar",
+        "preparing_logs": "Förbereder sändning av loggar",
+        "send_logs": "Skicka loggar",
+        "submit_debug_logs": "Skicka felsökningsloggar",
+        "textarea_label": "Anteckningar",
+        "thank_you": "Tack!",
+        "title": "Buggrapportering",
+        "unsupported_browser": "Påminnelse: Din webbläsare stöds inte, så din upplevelse kan vara oförutsägbar.",
+        "uploading_logs": "Laddar upp loggar",
+        "waiting_for_server": "Väntar på svar från servern"
+    },
+    "cannot_invite_without_identity_server": "Kan inte bjuda in användare via e-post utan en identitetsserver. Du kan ansluta till en under \"Inställningar\".",
+    "cannot_reach_homeserver": "Kan inte nå hemservern",
+    "cannot_reach_homeserver_detail": "Se till att du har en stabil internetanslutning, eller kontakta serveradministratören",
+    "cant_load_page": "Kunde inte ladda sidan",
+    "chat_card_back_action_label": "Tillbaka till chatt",
+    "chat_effects": {
+        "confetti_description": "Skickar det givna meddelandet med konfetti",
+        "confetti_message": "skickar konfetti",
+        "fireworks_description": "Skicka det givna meddelandet med fyrverkerier",
+        "fireworks_message": "skickar fyrverkerier",
+        "hearts_description": "Skickar det givna meddelandet med hjärtan",
+        "hearts_message": "skicka hjärtan",
+        "rainfall_description": "Skickar det givna meddelandet med regn",
+        "rainfall_message": "skickar regn",
+        "snowfall_description": "Skickar det givna meddelandet med snöfall",
+        "snowfall_message": "skickar snöfall",
+        "spaceinvaders_description": "Skickar det givna meddelandet med en effekt med rymdtema",
+        "spaceinvaders_message": "skickar Space Invaders"
+    },
+    "common": {
+        "access_token": "Åtkomsttoken",
+        "accessibility": "Tillgänglighet",
+        "advanced": "Avancerat",
+        "all_chats": "Alla chattar",
+        "analytics": "Statistik",
+        "and_n_others": {
+            "other": "och %(count)s andra…",
+            "one": "och en annan…"
+        },
+        "appearance": "Utseende",
+        "application": "Applikation",
+        "are_you_sure": "Är du säker?",
+        "attachment": "Bilaga",
+        "authentication": "Autentisering",
+        "avatar": "Avatar",
+        "beta": "Beta",
+        "camera": "Kamera",
+        "cameras": "Kameror",
+        "cancel": "Avbryt",
+        "capabilities": "Förmågor",
+        "copied": "Kopierat!",
+        "credits": "Medverkande",
+        "dark": "Mörkt",
+        "description": "Beskrivning",
+        "deselect_all": "Välj bort alla",
+        "device": "Enhet",
+        "edited": "redigerat",
+        "email_address": "E-postadress",
+        "emoji": "Emoji",
+        "encrypted": "Krypterat",
+        "error": "Fel",
+        "faq": "Vanliga frågor",
+        "feedback": "Återkoppling",
+        "filter_results": "Filtrera resultaten",
+        "forward_message": "Vidarebefordra meddelande",
+        "general": "Allmänt",
+        "go_to_settings": "Gå till inställningarna",
+        "guest": "Gäst",
+        "help": "Hjälp",
+        "home": "Hem",
+        "homeserver": "Hemserver",
+        "identity_server": "Identitetsserver",
+        "image": "Bild",
+        "integration_manager": "Integrationshanterare",
+        "joined": "Gick med",
+        "labs": "Experiment",
+        "legal": "Juridiskt",
+        "light": "Ljust",
+        "loading": "Laddar …",
+        "location": "Plats",
+        "matrix": "Matrix",
+        "message": "Meddelande",
+        "message_layout": "Meddelandearrangemang",
+        "message_timestamp_invalid": "Ogiltig tidsstämpel",
+        "microphone": "Mikrofon",
+        "moderation_and_safety": "Moderering och säkerhet",
+        "modern": "Modernt",
+        "mute": "Tysta",
+        "n_members": {
+            "one": "%(count)s medlem",
+            "other": "%(count)s medlemmar"
+        },
+        "n_rooms": {
+            "one": "%(count)s rum",
+            "other": "%(count)s rum"
+        },
+        "name": "Namn",
+        "no_results": "Inga resultat",
+        "no_results_found": "Inga resultat funna",
+        "not_trusted": "Inte betrodd",
+        "off": "Av",
+        "offline": "Nedkopplad",
+        "on": "På",
+        "options": "Alternativ",
+        "orphan_rooms": "Andra rum",
+        "password": "Lösenord",
+        "people": "Personer",
+        "preferences": "Alternativ",
+        "presence": "Närvaro",
+        "preview_message": "Hallå där. Du är bäst!",
+        "privacy": "Sekretess",
+        "private": "Privat",
+        "private_room": "Privat rum",
+        "private_space": "Privat utrymme",
+        "profile": "Profil",
+        "public": "Offentligt",
+        "public_room": "Offentligt rum",
+        "public_space": "Offentligt utrymme",
+        "qr_code": "QR-kod",
+        "random": "Slumpmässig",
+        "reactions": "Reaktioner",
+        "recommended": "Rekommenderad",
+        "report_a_bug": "Rapportera en bugg",
+        "room": "Rum",
+        "room_name": "Rumsnamn",
+        "rooms": "Rum",
+        "save": "Spara",
+        "saved": "Sparat",
+        "saving": "Sparar …",
+        "secure_backup": "Säker säkerhetskopiering",
+        "select_all": "Välj alla",
+        "server": "Server",
+        "settings": "Inställningar",
+        "setup_secure_messages": "Ställ in säkra meddelanden",
+        "show_more": "Visa mer",
+        "someone": "Någon",
+        "space": "Utrymme",
+        "spaces": "Utrymmen",
+        "sticker": "Dekal",
+        "stickerpack": "Dekalpaket",
+        "success": "Lyckades",
+        "suggestions": "Förslag",
+        "support": "Hjälp",
+        "theme": "Tema",
+        "thread": "Tråd",
+        "threads": "Trådar",
+        "timeline": "Tidslinje",
+        "unavailable": "otillgänglig",
+        "unencrypted": "Okrypterat",
+        "unmute": "Avtysta",
+        "unnamed_room": "Namnlöst rum",
+        "unnamed_space": "Namnlöst utrymme",
+        "unverified": "Overifierad",
+        "updating": "Uppdaterar...",
+        "user": "Användare",
+        "user_avatar": "Profilbild",
+        "username": "Användarnamn",
+        "verified": "Verifierad",
+        "version": "Version",
+        "video_room": "Videorum",
+        "view_message": "Visa meddelande",
+        "warning": "Varning"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Meddela hela rummet",
+            "command_a11y": "Autokomplettering av kommandon",
+            "command_description": "Kommandon",
+            "emoji_a11y": "Autokomplettering av emoji",
+            "notification_a11y": "Autokomplettering av aviseringar",
+            "notification_description": "Rumsavisering",
+            "room_a11y": "Autokomplettering av rum",
+            "space_a11y": "Utrymmesautokomplettering",
+            "user_a11y": "Autokomplettering av användare",
+            "user_description": "Användare"
+        },
+        "close_sticker_picker": "Göm dekaler",
+        "edit_composer_label": "Redigera meddelande",
+        "format_bold": "Fet",
+        "format_code_block": "Kodblock",
+        "format_decrease_indent": "Minska indrag",
+        "format_increase_indent": "Öka indrad",
+        "format_inline_code": "Kod",
+        "format_insert_link": "Infoga länk",
+        "format_italic": "Kursivt",
+        "format_italics": "Kursiv",
+        "format_link": "Länk",
+        "format_ordered_list": "Numrerad lista",
+        "format_strikethrough": "Genomstruken",
+        "format_underline": "Understrykning",
+        "format_unordered_list": "Punktlista",
+        "formatting_toolbar_label": "Formatering",
+        "link_modal": {
+            "link_field_label": "Länk",
+            "text_field_label": "Text",
+            "title_create": "Skapa en länk",
+            "title_edit": "Redigera länk"
+        },
+        "mode_plain": "Dölj formatering",
+        "mode_rich_text": "Visa formatering",
+        "no_perms_notice": "Du har inte behörighet att posta till detta rum",
+        "placeholder": "Skicka ett okrypterat meddelande …",
+        "placeholder_encrypted": "Skicka ett meddelande …",
+        "placeholder_reply": "Skicka ett okrypterat svar …",
+        "placeholder_reply_encrypted": "Skicka ett svar …",
+        "placeholder_thread": "Svara på okrypterad tråd …",
+        "placeholder_thread_encrypted": "Svara på tråd …",
+        "poll_button": "Omröstning",
+        "poll_button_no_perms_description": "Du får inte starta omröstningar i det här rummet.",
+        "poll_button_no_perms_title": "Behörighet krävs",
+        "replying_title": "Svarar",
+        "room_upgraded_link": "Konversationen fortsätter här.",
+        "room_upgraded_notice": "Detta rum har ersatts och är inte längre aktivt.",
+        "send_button_title": "Skicka meddelande",
+        "send_button_voice_message": "Skicka röstmeddelande",
+        "send_voice_message": "Skicka röstmeddelande",
+        "stop_voice_message": "Stoppa inspelning",
+        "voice_message_button": "Röstmeddelanden"
+    },
+    "console_dev_note": "Ifall du vet vad du gör: Element är öppen källkod, kolla gärna våran GitHub (https://github.com/vector-im/element-web/) och bidra!",
+    "console_scam_warning": "Om någon sa åt dig att kopiera/klistra något när, så är det troligt att du blir lurad!",
+    "console_wait": "Vänta!",
+    "create_room": {
+        "action_create_room": "Skapa rum",
+        "action_create_video_room": "Skapa videorum",
+        "encrypted_video_room_warning": "Du kan inte inaktivera detta senare. Rummet kommer att vara krypterat men det inbäddade samtalet kommer inte det.",
+        "encrypted_warning": "Du kan inte inaktivera detta senare. Bryggor och de flesta bottar kommer inte fungera än.",
+        "encryption_forced": "Din server kräver att kryptering ska användas i privata rum.",
+        "encryption_label": "Aktivera totalsträckskryptering",
+        "error_title": "Misslyckades att skapa rummet",
+        "generic_error": "Servern kan vara otillgänglig eller överbelastad, eller så stötte du på en bugg.",
+        "join_rule_change_notice": "Du kan ändra detta när som helst i rumsinställningarna.",
+        "join_rule_invite": "Privat rum (endast inbjudan)",
+        "join_rule_invite_label": "Bara inbjudna personer kommer kunna hitta och gå med i det här rummet.",
+        "join_rule_knock_label": "Vem som helst kan begära att få gå med, men administratörer eller moderatorer måste bevilja åtkomst. Du kan ändra detta senare.",
+        "join_rule_public_label": "Vem som helst kommer kunna hitta och gå med i det här rummet.",
+        "join_rule_public_parent_space_label": "Vem som helst kommer kunna hitta och gå med i det här rummet, inta bara medlemmar i <SpaceName/>.",
+        "join_rule_restricted": "Synligt för utrymmesmedlemmar",
+        "join_rule_restricted_label": "Alla i <SpaceName/> kommer kunna hitta och gå med i det här rummet.",
+        "name_validation_required": "Vänligen ange ett namn för rummet",
+        "room_visibility_label": "Rumssynlighet",
+        "title_private_room": "Skapa ett privat rum",
+        "title_public_room": "Skapa ett offentligt rum",
+        "title_video_room": "Skapa ett videorum",
+        "topic_label": "Ämne (valfritt)",
+        "unfederated": "Blockera alla som inte är medlem i %(serverName)s från att någonsin gå med i det här rummet.",
+        "unfederated_label_default_off": "Du kanske vill aktivera detta om rummet endast kommer att användas för samarbete med interna lag på din hemserver. Detta kan inte ändras senare.",
+        "unfederated_label_default_on": "Du kanske vill inaktivera detta om rummet kommer att användas för samarbete med externa lag som har sin egen hemserver. Detta kan inte ändras senare.",
+        "unsupported_version": "Servern stöder inte den angivna rumsversionen."
+    },
+    "create_space": {
+        "add_details_prompt": "Lägg till några detaljer för att hjälpa folk att känn igen det.",
+        "add_details_prompt_2": "Du kan ändra dessa när som helst.",
+        "add_existing_rooms_description": "Välj rum eller konversationer att lägga till. Detta är bara ett utrymmer för dig, ingen kommer att informeras. Du kan lägga till fler senare.",
+        "add_existing_rooms_heading": "Vad vill du organisera?",
+        "address_label": "Adress",
+        "address_placeholder": "t.ex. mitt-utrymme",
+        "creating": "Skapar …",
+        "creating_rooms": "Skapar rum …",
+        "done_action": "Gå till mitt utrymme",
+        "done_action_first_room": "Gå till mitt första rum",
+        "explainer": "Utrymmen är ett nytt sätt att gruppera rum och personer. Vad för slags utrymme vill du skapa? Du kan ändra detta senare.",
+        "failed_create_initial_rooms": "Misslyckades att skapa initiala utrymmesrum",
+        "failed_invite_users": "Misslyckades att bjuda in följande användare till ditt utrymme: %(csvUsers)s",
+        "invite_teammates_by_username": "Bjud in med användarnamn",
+        "invite_teammates_description": "Se till att rätt personer har tillgång. Du kan bjuda in fler senare.",
+        "invite_teammates_heading": "Bjud in dina teamkamrater",
+        "inviting_users": "Bjuder in …",
+        "label": "Skapa ett utrymme",
+        "name_required": "Vänligen ange ett namn för utrymmet",
+        "personal_space": "Bara jag",
+        "personal_space_description": "Ett privat utrymme för att organisera dina rum",
+        "private_description": "Endast inbjudan, bäst för dig själv eller team",
+        "private_heading": "Ditt privata utrymme",
+        "private_personal_description": "Försäkra dig om att rätt personer har tillgång till %(name)s",
+        "private_personal_heading": "Vem arbetar du med?",
+        "private_space": "Jag och mina teamkamrater",
+        "private_space_description": "Ett privat utrymme för dig och dina teamkamrater",
+        "public_description": "Öppna utrymmet för alla, bäst för gemenskaper",
+        "public_heading": "Ditt offentliga utrymme",
+        "search_public_button": "Sök efter offentliga utrymmen",
+        "setup_rooms_community_description": "Låt oss skapa ett rum för varje.",
+        "setup_rooms_community_heading": "Vad är några saker du vill diskutera i %(spaceName)s?",
+        "setup_rooms_description": "Du kan lägga till flera senare också, inklusive redan existerande.",
+        "setup_rooms_private_description": "Vi kommer skapa rum för var och en av dem.",
+        "setup_rooms_private_heading": "Vilka projekt jobbar ditt team på?",
+        "share_description": "Bara du är här för tillfället, det kommer att vara ännu bättre med andra.",
+        "share_heading": "Dela %(name)s",
+        "skip_action": "Hoppa över för tillfället",
+        "subspace_adding": "Lägger till …",
+        "subspace_beta_notice": "Lägg till ett utrymme till ett utrymme du kan hantera.",
+        "subspace_dropdown_title": "Skapa ett utrymme",
+        "subspace_existing_space_prompt": "Vill du lägga till ett existerande utrymme istället?",
+        "subspace_join_rule_invite_description": "Bara inbjudna personer kommer kunna hitta och gå med i det här utrymmet.",
+        "subspace_join_rule_invite_only": "Privat utrymme (endast inbjudan)",
+        "subspace_join_rule_label": "Utrymmessynlighet",
+        "subspace_join_rule_public_description": "Vem som helst kommer kunna hitta och gå med i det här utrymme, inte bara medlemmar i <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Vem som helst i <SpaceName/> kommer kunna hitta och gå med."
+    },
+    "credits": {
+        "default_cover_photo": "Det <photo>förvalda omslagsfotot</photo> är © <author>Jesús Roncero</author> och används under villkoren i <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "Emojigrafiken <twemoji>Twemoji</twemoji> är © <author>Twitter, Inc och andra bidragsgivare</author> och används under villkoren i <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "Teckensnittet <colr>twemoji-colr</colr> är © <author>Mozilla Foundation</author> och används under villkoren för <terms>Apache 2.0</terms>."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Är du säker på att du vill avböja inbjudan att gå med i \"%(roomName)s\"?",
+        "ignore_user_help": "Du kommer inte att se några meddelanden eller rumsinbjudningar från den här användaren.",
+        "reason_description": "Beskriv anledningen att anmäla rummet.",
+        "report_room_description": "Rapportera det här rummet till din kontoleverantör.",
+        "title": "Avböj inbjudan"
+    },
+    "desktop_default_device_name": "%(brand)s Skrivbord: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Aktiva widgets",
+        "category_other": "Annat",
+        "category_room": "Rum",
+        "caution_colon": "Varning:",
+        "client_versions": "Klientversioner",
+        "crypto": {
+            "4s_public_key_in_account_data": "i kontouppgifter",
+            "4s_public_key_not_in_account_data": "Hittades inte",
+            "4s_public_key_status": "Publik nyckel för hemlig lagring:",
+            "backup_key_cached": "cachad lokalt",
+            "backup_key_cached_status": "Säkerhetskopierad nyckel cachad:",
+            "backup_key_not_stored": "inte lagrad",
+            "backup_key_stored": "i hemlig lagring",
+            "backup_key_stored_status": "Säkerhetskopieringsnyckel lagrad:",
+            "backup_key_unexpected_type": "oväntad typ",
+            "backup_key_well_formed": "välformad",
+            "cross_signing": "Korssignering",
+            "cross_signing_cached": "cachad lokalt",
+            "cross_signing_not_ready": "Korssignering är inte konfigurerad.",
+            "cross_signing_private_keys_in_storage": "i hemlig lagring",
+            "cross_signing_private_keys_in_storage_status": "Privata nycklar för korssignering:",
+            "cross_signing_private_keys_not_in_storage": "hittades inte i lagring",
+            "cross_signing_public_keys_on_device": "i minnet",
+            "cross_signing_public_keys_on_device_status": "Korssignerade publika nycklar:",
+            "cross_signing_ready": "Korssignering är klar för användning.",
+            "cross_signing_status": "Korssigneringsstatus:",
+            "cross_signing_untrusted": "Ditt konto har en korssigneringsidentitet i hemlig lagring, men den är ännu inte betrodd av den här sessionen.",
+            "crypto_not_available": "Kryptografisk modul är inte tillgänglig",
+            "device_id": "Enhets-ID",
+            "key_backup_active_version": "Aktiv säkerhetskopiaversion:",
+            "key_backup_active_version_none": "Ingen",
+            "key_backup_inactive_warning": "Dina nycklar säkerhetskopieras inte från den här sessionen.",
+            "key_backup_latest_version": "Senast version av säkerhetskopia på servern:",
+            "key_storage": "Nyckellagring",
+            "master_private_key_cached_status": "Privat huvudnyckel:",
+            "not_found": "hittades inte",
+            "not_found_locally": "hittades inte lokalt",
+            "secret_storage_not_ready": "inte klar",
+            "secret_storage_ready": "klar",
+            "secret_storage_status": "Hemlig lagring:",
+            "self_signing_private_key_cached_status": "Självsignerande privat nyckel:",
+            "session": "Session",
+            "session_fingerprint": "Fingeravtryck (sessionsnyckel)",
+            "title": "Totalsträckskryptering",
+            "user_signing_private_key_cached_status": "Privat nyckel för användarsignering:"
+        },
+        "developer_mode": "Utvecklarläge",
+        "developer_tools": "Utvecklarverktyg",
+        "edit_setting": "Redigera inställningar",
+        "edit_values": "Redigera värden",
+        "empty_string": "<tom sträng>",
+        "event_content": "Händelseinnehåll",
+        "event_id": "Händelse-ID: %(eventId)s",
+        "event_sent": "Händelse skickad!",
+        "event_type": "Händelsetyp",
+        "explore_account_data": "Utforska kontodata",
+        "explore_room_account_data": "Utforska rummets kontodata",
+        "explore_room_state": "Utforska rummets tillstånd",
+        "failed_to_find_widget": "Ett fel inträffade vid sökning efter widgeten.",
+        "failed_to_load": "Kunde inte ladda.",
+        "failed_to_save": "Kunde inte spara inställningar.",
+        "failed_to_send": "Misslyckades att skicka händelse!",
+        "id": "ID: ",
+        "invalid_json": "Det ser inte ut som giltig JSON.",
+        "level": "Nivå",
+        "low_bandwidth_mode": "Lågt bandbreddsläge",
+        "low_bandwidth_mode_description": "Kräver kompatibel hemserver.",
+        "main_timeline": "Huvudtidslinje",
+        "manual_device_verification": "Manuell enhetsverifiering",
+        "no_receipt_found": "Inga kvitton hittade",
+        "notification_state": "Aviseringsstatus är <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Aviseringsfelsökning",
+        "number_of_users": "Antal användare",
+        "original_event_source": "Ursprunglig händelsekällkod",
+        "room_encrypted": "Rummet är <strong>krypterat ✅</strong>",
+        "room_id": "Rums-ID: %(roomId)s",
+        "room_not_encrypted": "Rummet är <strong>inte krypterat 🚨</strong>",
+        "room_notifications_dot": "Punkt: ",
+        "room_notifications_highlight": "Markering: ",
+        "room_notifications_last_event": "Senaste händelsen:",
+        "room_notifications_sender": "Avsändare: ",
+        "room_notifications_thread_id": "Tråd-ID: ",
+        "room_notifications_total": "Totalt: ",
+        "room_notifications_type": "Typ: ",
+        "room_status": "Rumsstatus",
+        "room_unread_status_count": {
+            "one": "Rummets oläst-status: <strong>%(status)s</strong>, antal: <strong>%(count)s</strong>",
+            "other": "Rummets oläst-status: <strong>%(status)s</strong>, antal: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Spara inställningsvärden",
+        "see_history": "Se historik",
+        "send_custom_account_data_event": "Skicka event med anpassad kontodata",
+        "send_custom_room_account_data_event": "Skicka händelse med anpassad rumskontodata",
+        "send_custom_state_event": "Skicka anpassad tillståndshändelse",
+        "send_custom_timeline_event": "Skicka anpassad händelse i tidslinjen",
+        "server_info": "Serverinformation",
+        "server_versions": "Serverversioner",
+        "settable_global": "Inställningsbar globalt",
+        "settable_room": "Inställningsbar per rum",
+        "setting_colon": "Inställning:",
+        "setting_definition": "Inställningsdefinition:",
+        "setting_id": "Inställnings-ID",
+        "settings": {
+            "elementCallUrl": "Element Call-URL"
+        },
+        "settings_explorer": "Inställningar",
+        "show_empty_content_events": "Visa händelser med tomt innehåll",
+        "show_hidden_events": "Visa dolda händelser i tidslinjen",
+        "spaces": {
+            "one": "<mellanslag>",
+            "other": "<%(count)s mellanslag>"
+        },
+        "state_key": "Lägesnyckel",
+        "thread_root_id": "Trådroots-ID: %(threadRootId)s",
+        "threads_timeline": "Trådtidslinje",
+        "title": "Utvecklarverktyg",
+        "toolbox": "Verktygslåda",
+        "use_at_own_risk": "Det här UI:t kontrollerar inte typer för värden. Använd på egen risk.",
+        "user_read_up_to": "Användaren har läst fram till: ",
+        "user_read_up_to_ignore_synthetic": "Användaren läste fram till (ignoreSynthetic): ",
+        "user_read_up_to_private": "Användaren läste fram till (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Användaren läste fram till (m.read.private; IgnoreSynthetic): ",
+        "value": "Värde",
+        "value_colon": "Värde:",
+        "value_in_this_room": "Värde i det här rummet",
+        "value_this_room_colon": "Värde i det här rummet:",
+        "values_explicit": "Värden vid explicita nivåer",
+        "values_explicit_colon": "Värden vid explicita nivåer:",
+        "values_explicit_room": "Värden vid explicita nivåer i det här rummet",
+        "values_explicit_this_room_colon": "Värden vid explicita nivåer i det här rummet:",
+        "view_servers_in_room": "Se servrar i rummet",
+        "view_source_decrypted_event_source": "Avkrypterad händelsekällkod",
+        "view_source_decrypted_event_source_unavailable": "Avkrypterad källa otillgänglig",
+        "widget_screenshots": "Aktivera widget-skärmdumpar för widgets som stöder det"
+    },
+    "dialog_close_label": "Stäng dialogrutan",
+    "download_completed": "Nedladdning slutförd",
+    "empty_room": "Tomt rum",
+    "empty_room_was_name": "Tomt rum (var %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Om du har en säkerhetsnyckel eller säkerhetsfras så funkar den också.",
+            "key_validation_text": {
+                "wrong_security_key": "Återställningsnyckeln du angav är inte korrekt."
+            },
+            "privacy_warning": "Se till att ingen kan se den här skärmen",
+            "restoring": "Återställer nycklar från säkerhetskopia",
+            "security_key_label": "Återställningsnyckel",
+            "security_key_title": "Ange din återställningsnyckel"
+        },
+        "bootstrap_title": "Sätter upp nycklar",
+        "confirm_encryption_setup_body": "Klicka på knappen nedan för att bekräfta inställning av kryptering.",
+        "confirm_encryption_setup_title": "Bekräfta krypteringsinställning",
+        "cross_signing_room_normal": "Det här rummet är totalsträckskrypterat",
+        "cross_signing_room_verified": "Alla i det här rummet är verifierade",
+        "cross_signing_room_warning": "Någon använder en okänd session",
+        "cross_signing_user_normal": "Du har inte verifierat den här användaren.",
+        "cross_signing_user_verified": "Du har verifierat den här användaren. Den här användaren har verifierat alla sina sessioner.",
+        "cross_signing_user_warning": "Den här användaren har inte verifierat alla sina sessioner.",
+        "enter_recovery_key": "Ange återställningsnyckel",
+        "event_shield_reason_authenticity_not_guaranteed": "Det krypterade meddelandets äkthet kan inte garanteras på den här enheten.",
+        "event_shield_reason_mismatched_sender": "Avsändaren av händelsen matchar inte ägaren av den enhet som skickade den.",
+        "event_shield_reason_mismatched_sender_key": "Krypterat av en overifierad session",
+        "event_shield_reason_unknown_device": "Krypterad av en okänd eller raderad enhet.",
+        "event_shield_reason_unsigned_device": "Krypterad av en enhet som inte har verifierats av dess ägare.",
+        "event_shield_reason_unverified_identity": "Krypterad av en overifierad användare.",
+        "export_unsupported": "Din webbläsare stödjer inte nödvändiga kryptografitillägg",
+        "forgot_recovery_key": "Har du glömt återställningsnyckeln?",
+        "import_invalid_keyfile": "Inte en giltig %(brand)s-nyckelfil",
+        "import_invalid_passphrase": "Autentiseringskontroll misslyckades: felaktigt lösenord?",
+        "key_storage_out_of_sync": "Din nyckellagring är inte synkroniserad.",
+        "key_storage_out_of_sync_description": "Bekräfta din återställningsnyckel för att behålla åtkomsten till din nyckellagring och meddelandehistorik.",
+        "messages_not_secure": {
+            "cause_1": "Din hemserver",
+            "cause_2": "Hemservern användaren du verifierar är ansluten till",
+            "cause_3": "Din eller den andra användarens internetuppkoppling",
+            "cause_4": "Din eller den andra användarens session",
+            "heading": "Någon av följande kan vara äventyrad:",
+            "title": "Dina meddelanden är inte säkra"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "En ny säkerhetsfras och -nyckel för säkra meddelanden har detekterats.",
+            "description_2": "Den här sessionen krypterar historik med den nya återställningsmetoden.",
+            "title": "Ny återställningsmetod",
+            "warning": "Om du inte har ställt in den nya återställningsmetoden kan en angripare försöka komma åt ditt konto. Byt ditt kontolösenord och ställ in en ny återställningsmetod omedelbart i inställningarna."
+        },
+        "pinned_identity_changed": "%(displayName)ss (<b>%(userId)s</b> ) identitet verkar ha ändrats.<a> Läs mer</a>",
+        "pinned_identity_changed_no_displayname": "<b>%(userId)s</b>:s identitet verkar ha ändrats. <a>Läs mer</a>",
+        "recovery_method_removed": {
+            "description_1": "Den här sessionen har detekterat att din säkerhetsfras och -nyckel för säkra meddelanden har tagits bort.",
+            "description_2": "Om du gjorde det av misstag kan du ställa in säkra meddelanden på den här sessionen som krypterar sessionens meddelandehistorik igen med en ny återställningsmetod.",
+            "title": "Återställningsmetod borttagen",
+            "warning": "Om du inte tog bort återställningsmetoden kan en angripare försöka komma åt ditt konto. Byt ditt kontolösenord och ställ in en ny återställningsmetod omedelbart i inställningarna."
+        },
+        "set_up_recovery": "Ställ in återställning",
+        "set_up_recovery_toast_description": "Generera en återställningsnyckel som kan användas för att återställa din krypterade meddelandehistorik om du förlorar åtkomst till dina enheter.",
+        "set_up_toast_title": "Ställ in säker säkerhetskopiering",
+        "turn_on_key_storage": "Slå på nyckellagring",
+        "turn_on_key_storage_description": "Lagra din kryptografiska identitet och dina meddelandenycklar säkert på servern. Detta gör att du kan se din meddelandehistorik på alla nya enheter.",
+        "unable_to_setup_keys_error": "Kunde inte ställa in nycklar",
+        "verification": {
+            "accepting": "Accepterar…",
+            "after_new_login": {
+                "device_verified": "Enhet verifierad",
+                "skip_verification": "Hoppa över verifiering för tillfället",
+                "verify_this_device": "Verifiera den här enheten"
+            },
+            "cancelling": "Avbryter…",
+            "complete_action": "Uppfattat",
+            "complete_description": "Du har verifierat den här användaren.",
+            "complete_title": "Verifierad!",
+            "error_starting_description": "Vi kunde inte starta en chatt med den andra användaren.",
+            "error_starting_title": "Fel vid start av verifiering",
+            "explainer": "Säkra meddelanden med den här användaren är totalsträckskrypterade och kan inte läsas av tredje part.",
+            "in_person": "För att vara säker, gör det här personligen eller använd en annan pålitlig kommunikationsform.",
+            "incoming_sas_device_dialog_text_1": "Verifiera denna enhet för att markera den som betrodd. Att lita på denna enhet och andra användare ger en extra sinnesfrid när man använder totalsträckskrypterade meddelanden.",
+            "incoming_sas_device_dialog_text_2": "Att verifiera den här enheten kommer att markera den som betrodd, användare som har verifierat dig kommer att lita på den här enheten.",
+            "incoming_sas_dialog_title": "Inkommande verifieringsbegäran",
+            "incoming_sas_dialog_waiting": "Väntar på att andra parten ska bekräfta …",
+            "incoming_sas_user_dialog_text_1": "Verifiera denna användare för att markera den som betrodd. Att lita på användare ger en extra sinnesfrid när man använder totalsträckskrypterade meddelanden.",
+            "incoming_sas_user_dialog_text_2": "Att verifiera den här användaren kommer att markera dess session som betrodd, och markera din session som betrodd för denne.",
+            "manual": {
+                "already_verified": "Den här enheten är redan verifierad",
+                "already_verified_and_wrong_fingerprint": "Det angivna fingeravtrycket matchar inte, men enheten är redan verifierad!",
+                "device_id": "Enhets-ID",
+                "failure_description": "Misslyckades att verifiera '%(deviceId)s': %(error)s",
+                "failure_title": "Verifiering misslyckades",
+                "fingerprint": "Fingeravtryck (sessionsnyckel)",
+                "no_crypto": "Kunde inte verifiera enhet – krypto är inte aktiverat",
+                "no_device": "Kunde inte verifiera enhet – enheten '%(deviceId)s' hittades inte.",
+                "no_userid": "Kunde inte verifiera enhet – kan inte hitta vårt användar-ID",
+                "success_description": "Den här enheten (%(deviceId)s) är nu korssignerad.",
+                "success_title": "Verifiering lyckades",
+                "text": "Ange ID och fingeravtryck för en av dina egna enheter för att verifiera den. OBSERVERA att detta gör att den andra enheten kan skicka och ta emot meddelanden som om den vore du. OM NÅGON HAR BETT DIG ATT KLISTRA IN NÅGOT HÄR ÄR DET TROLIGT ATT DU BLIR LURAD!",
+                "wrong_fingerprint": "Kunde inte verifiera enheten '%(deviceId)s' - det angivna fingeravtrycket '%(fingerprint)s' stämmer inte överens med enhetens fingeravtryck, '%(fprint)s'"
+            },
+            "no_support_qr_emoji": "Enheten du försöker verifiera stöder inte att skanna en QR-kod eller verifiera med emoji, vilket är var %(brand)s stöder. Pröva en annan klient.",
+            "other_party_cancelled": "Den andra parten avbröt verifieringen.",
+            "prompt_encrypted": "Verifiera alla användare i ett rum för att försäkra att det är säkert.",
+            "prompt_unencrypted": "I krypterade rum, verifiera alla användare för att försäkra att det är säkert.",
+            "qr_or_sas": "%(qrCode)s eller %(emojiCompare)s",
+            "qr_prompt": "Skanna den här unika koden",
+            "qr_reciprocate_same_shield_user": "Nästan klar! Visar %(displayName)s samma sköld?",
+            "request_toast_accept_user": "Verifiera användare",
+            "request_toast_decline_counter": "Ignorera (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s från %(ip)s",
+            "sas_caption_self": "Verifiera den här enheten genom att bekräfta att det följande numret visas på dess skärm.",
+            "sas_caption_user": "Verifiera den här användaren genom att bekräfta att följande nummer visas på deras skärm.",
+            "sas_description": "Jämför en unik uppsättning emojier om du inte har en kamera på någon av enheterna",
+            "sas_emoji_caption_user": "Verifiera den här användaren genom att bekräfta att följande emojier visas på deras skärm.",
+            "sas_match": "De matchar",
+            "sas_no_match": "De matchar inte",
+            "sas_prompt": "Jämför unika emojier",
+            "scan_qr": "Verifiera med skanning",
+            "scan_qr_explainer": "Be %(displayName)s att skanna din kod:",
+            "start_button": "Starta verifiering",
+            "successful_user": "Du har verifierat %(displayName)s framgångsrikt!",
+            "unsupported_method": "Kunde inte hitta en verifieringsmetod som stöds.",
+            "unverified_session_toast_accept": "Ja, det var jag",
+            "unverified_session_toast_title": "Ny inloggning. Var det du?",
+            "unverified_sessions_toast_description": "Granska för att försäkra dig om att ditt konto är säkert",
+            "unverified_sessions_toast_reject": "Senare",
+            "unverified_sessions_toast_title": "Du har overifierade sessioner",
+            "verification_dialog_title_device": "Verifiera annan enhet",
+            "verification_dialog_title_user": "Verifikationsförfrågan",
+            "verification_skip_warning": "Om du inte verifierar så kommer du inte komma åt alla dina meddelanden och visas kanske som ej betrodd för andra.",
+            "verification_success_with_backup": "Din nya enhet är nu verifierad. Den har åtkomst till dina krypterad meddelanden, och andra användare kommer att se den som betrodd.",
+            "verification_success_without_backup": "Din nya enhet är nu verifierad. Andra användare kommer att se den som betrodd.",
+            "verify_emoji": "Verifiera med emoji",
+            "verify_emoji_prompt": "Verifiera genom att jämföra unika emojier.",
+            "verify_emoji_prompt_qr": "Om du inte kan skanna koden ovan, verifiera genom att jämföra unika emojier.",
+            "verify_later": "Jag verifierar senare",
+            "waiting_for_user_accept": "Väntar på att %(displayName)s ska acceptera…",
+            "waiting_other_device": "Väntar på att du ska verifiera på din andra enhet…",
+            "waiting_other_device_details": "Väntar på att du ska verifiera på din andra enhet, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Väntar på att %(displayName)s ska verifiera…"
+        },
+        "verification_requested_toast_title": "Verifiering begärd",
+        "verified_identity_changed": "Verifierad identitet för %(displayName)s (<b>%(userId)s</b>) har ändrats. <a>Läs mer </a>",
+        "verified_identity_changed_no_displayname": "Verifierad identitet för <b>%(userId)s</b> har ändrats. <a>Läs mer </a>",
+        "verify_toast_description": "Andra användare kanske inta litar på den",
+        "verify_toast_title": "Verifiera denna session",
+        "withdraw_verification_action": "Återkalla verifieringen"
+    },
+    "error": {
+        "admin_contact": "Vänligen <a>kontakta din tjänstadministratör</a> för att fortsätta använda tjänsten.",
+        "admin_contact_short": "Kontakta din <a>serveradministratör</a>.",
+        "app_launch_unexpected_error": "Oväntat fel vid appstart. Se konsolen för mer information.",
+        "cannot_load_config": "Kan inte ladda konfigurationsfilen: ladda om sidan för att försöka igen.",
+        "connection": "Ett problem inträffade vi kommunikation med hemservern, vänligen försök igen senare.",
+        "dialog_description_default": "Ett fel har inträffat.",
+        "download_media": "Misslyckades att ladda ned källmedian, ingen käll-URL hittades",
+        "edit_history_unsupported": "Din hemserver verkar inte stödja den här funktionen.",
+        "failed_copy": "Misslyckades att kopiera",
+        "hs_blocked": "Hemservern har blockerats av sin administratör.",
+        "invalid_configuration_mixed_server": "Ogiltig konfiguration: en default_hs_url kan inte anges tillsammans med default_server_name eller default_server_config",
+        "invalid_configuration_no_server": "Ogiltiga inställningar: ingen standardserver specificerad.",
+        "invalid_json": "Din Elementkonfiguration innehåller ogiltig JSON. Vänligen rätta till problemet och ladda om sidan.",
+        "invalid_json_detail": "Meddelandet från parsern är: %(message)s",
+        "invalid_json_generic": "Ogiltig JSON",
+        "mau": "Hemservern har nått sin månatliga gräns för användaraktivitet.",
+        "misconfigured": "Din Element är felkonfigurerad",
+        "mixed_content": "Kan inte ansluta till en hemserver via HTTP då adressen i webbläsaren är HTTPS. Använd HTTPS, eller <a>aktivera osäkra skript</a>.",
+        "non_urgent_echo_failure_toast": "Din server svarar inte på vissa <a>förfrågningar</a>.",
+        "resource_limits": "Hemservern har överskridit en av sina resursgränser.",
+        "session_restore": {
+            "clear_storage_button": "Rensa lagring och logga ut",
+            "clear_storage_description": "Logga ut och ta bort krypteringsnycklar?",
+            "description_1": "Ett fel uppstod vid återställning av din tidigare session.",
+            "description_2": "Om du nyligen har använt en senare version av %(brand)s kan din session vara inkompatibel med den här versionen. Stäng det här fönstret och använd senare versionen istället.",
+            "description_3": "Att rensa webbläsarens lagring kan lösa problemet, men då loggas du ut och krypterad chatthistorik blir oläslig.",
+            "title": "Kunde inte återställa sessionen"
+        },
+        "something_went_wrong": "Något gick fel!",
+        "storage_evicted_description_1": "Vissa sessionsdata, inklusive krypteringsnycklar för meddelanden, saknas. Logga ut och logga in för att åtgärda detta genom återställning av nycklarna från säkerhetskopia.",
+        "storage_evicted_description_2": "Din webbläsare har troligen tagit bort dessa data när det blev ont om diskutrymme.",
+        "storage_evicted_title": "Sessionsdata saknas",
+        "sync": "Kunde inte kontakta hemservern. Försöker igen …",
+        "tls": "Kan inte ansluta till hemservern - vänligen kolla din nätverksanslutning, se till att <a>hemserverns SSL-certifikat</a> är betrott, och att inget webbläsartillägg blockerar förfrågningar.",
+        "unknown": "Okänt fel",
+        "unknown_error_code": "okänd felkod",
+        "update_power_level": "Misslyckades att ändra behörighetsnivå"
+    },
+    "error_app_open_in_another_tab": "Byt till den andra fliken för att ansluta till %(brand)s. Den här fliken kan nu stängas",
+    "error_app_open_in_another_tab_title": "%(brand)s är ansluten i en annan flik",
+    "error_app_opened_in_another_window": "%(brand)s är öppen i ett annat fönster. Klicka på \"%(label)s\" för att använda %(brand)s här och koppla bort det andra fönstret.",
+    "error_database_closed_description": {
+        "for_desktop": "Din hårddisk kan vara full. Vänligen frigör lite utrymme och ladda om.",
+        "for_web": "Om du rensade webbläsardata förväntas detta meddelande. %(brand)s kanske också är öppen i en annan flik, eller så är din hårddisk är full. Vänligen rensa lite utrymme och ladda om"
+    },
+    "error_database_closed_title": "%(brand)s slutade fungera",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Kunde inte kopiera en länk till rummet till klippbordet.",
+            "title": "Kunde inte kopiera rumslänken"
+        },
+        "error_loading_user_profile": "Kunde inte ladda användarprofil",
+        "forget_room_failed": "Misslyckades att glömma bort rummet %(errCode)s"
+    },
+    "error_user_not_logged_in": "Användaren är inte inloggad",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Samtal pågår",
+            "user": "%(senderName)s gick med i samtalet",
+            "you": "Du gick med i samtalet"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s avslutade samtalet",
+            "you": "Du avslutade samtalet"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s ringer",
+            "dm_send": "Väntar på svar",
+            "user": "%(senderName)s startade ett samtal",
+            "you": "Du startade ett samtal"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s reagerade med %(reaction)s till %(message)s",
+            "you": "Du reagerade med %(reaction)s till %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Ljud",
+            "file": "Fil",
+            "image": "Bild",
+            "poll": "Omröstning",
+            "video": "Video"
+        },
+        "preview": "<bold>%(prefix)s: </bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Exportering avbruten",
+        "cancelled_detail": "Exporten avbröts framgångsrikt",
+        "confirm_stop": "Är du säker på att du vill sluta exportera din data? Om du gör det så behöver du börja om.",
+        "creating_html": "Skapar HTML …",
+        "creating_output": "Skapar utdata …",
+        "creator_summary": "%(creatorName)s skapade det här rummet.",
+        "current_timeline": "Nuvarande tidslinje",
+        "enter_number_between_min_max": "Ange ett nummer mellan %(min)s och %(max)s",
+        "error_fetching_file": "Fel vid hämtning av fil",
+        "export_info": "Det här är början på exporten av <roomName/>. Exporterad av <exporterDetails/> vid %(exportDate)s.",
+        "export_successful": "Export lyckades!",
+        "exported_n_events_in_time": {
+            "one": "Exporterade %(count)s händelse på %(seconds)s sekunder",
+            "other": "Exporterade %(count)s händelser på %(seconds)s sekunder"
+        },
+        "exporting_your_data": "Exporterar din data",
+        "fetched_n_events": {
+            "one": "Hämtade %(count)s händelse än så länge",
+            "other": "Hämtade %(count)s händelser än så länge"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Hämtade %(count)s händelse på %(seconds)s s",
+            "other": "Hämtade %(count)s händelser på %(seconds)s s"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Hämtade %(count)s händelse av %(total)s",
+            "other": "Hämtade %(count)s händelser av %(total)s"
+        },
+        "fetching_events": "Hämtar händelser …",
+        "file_attached": "Fil bifogad",
+        "format": "Format",
+        "from_the_beginning": "Från början",
+        "generating_zip": "Genererar en ZIP",
+        "html": "HTML",
+        "html_title": "Exportera data",
+        "include_attachments": "Inkludera bilagor",
+        "json": "JSON",
+        "media_omitted": "Media uteslutet",
+        "media_omitted_file_size": "Media uteslutet - filstorleksgräns överskriden",
+        "messages": "Meddelanden",
+        "next_page": "Nästa grupp meddelanden",
+        "num_messages": "Antal meddelanden",
+        "num_messages_min_max": "Antal meddelanden kan bara vara ett nummer mellan %(min)s och %(max)s",
+        "number_of_messages": "Specificera ett antal meddelanden",
+        "previous_page": "Föregående grupp meddelanden",
+        "processing": "Bearbetar …",
+        "processing_event_n": "Hanterade händelse %(number)s av %(total)s",
+        "select_option": "Välj från alternativen nedan för att exportera chattar från din tidslinje",
+        "size_limit": "Storleksgräns",
+        "size_limit_min_max": "Storlek kan bara vara ett nummer mellan %(min)s MB och %(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Påbörjar export …",
+        "successful": "Export lyckades",
+        "successful_detail": "Din export lyckades. Hitta den i din hämtningsmapp.",
+        "text": "Vanlig text",
+        "title": "Exportera chatt",
+        "topic": "Ämne: %(topic)s",
+        "unload_confirm": "Är du säker på att du vill avsluta under den här exporten?"
+    },
+    "failed_load_async_component": "Kan inte ladda! Kolla din nätverksuppkoppling och försök igen.",
+    "feedback": {
+        "can_contact_label": "Ni kan kontakta mig om ni har vidare frågor",
+        "comment_label": "Kommentera",
+        "existing_issue_link": "Vänligen se <existingIssuesLink> existerade buggar på GitHub</existingIssuesLink> först. Finns det ingen som matchar? <newIssueLink>Starta en ny</newIssueLink>.",
+        "may_contact_label": "Ni kan kontakta mig om ni vill följa upp eller låta mig testa kommande idéer",
+        "platform_username": "Din plattform och ditt användarnamn kommer att noteras för att hjälpa oss att använda din återkoppling så mycket vi kan.",
+        "pro_type": "TIPS: Om du startar en bugg, vänligen inkludera <debugLogsLink>avbuggninsloggar</debugLogsLink> för att hjälpa oss att hitta problemet.",
+        "send_feedback_action": "Skicka återkoppling",
+        "sent": "Återkoppling skickad"
+    },
+    "file_panel": {
+        "empty_description": "Bifoga filer från chatten eller dra och släpp dem vart som helst i rummet.",
+        "empty_heading": "Inga filer synliga i det här rummet",
+        "guest_note": "Du måste <a>registrera dig</a> för att använda den här funktionaliteten",
+        "peek_note": "Du måste gå med i rummet för att se tillhörande filer"
+    },
+    "forward": {
+        "filter_placeholder": "Sök efter rum eller personer",
+        "message_preview_heading": "Meddelandeförhandsgranskning",
+        "no_perms_title": "Du har inte behörighet att göra detta",
+        "open_room": "Öppna rum",
+        "send_label": "Skicka",
+        "sending": "Skickar",
+        "sent": "Skickat"
+    },
+    "identity_server": {
+        "change": "Byt identitetsserver",
+        "change_prompt": "Koppla ifrån från identitetsservern <current /> och anslut till <new /> istället?",
+        "change_server_prompt": "Om du inte vill använda <server /> för att upptäcka och upptäckas av befintliga kontakter som du känner, ange en annan identitetsserver nedan.",
+        "changed": "Din identitetsserver har ändrats",
+        "checking": "Kontrollerar servern",
+        "description_connected": "Du använder för närvarande <server></server> för att upptäcka och upptäckas av befintliga kontakter som du känner. Du kan byta din identitetsserver nedan.",
+        "description_disconnected": "Du använder för närvarande inte en identitetsserver. Lägg till en nedan om du vill upptäcka och bli upptäckbar av befintliga kontakter som du känner.",
+        "description_optional": "Att använda en identitetsserver är valfritt. Om du väljer att inte använda en identitetsserver kan du inte upptäckas av andra användare och inte heller bjuda in andra via e-post eller telefon.",
+        "disconnect": "Koppla ifrån identitetsservern",
+        "disconnect_anyway": "Koppla ifrån ändå",
+        "disconnect_offline_warning": "Du bör <b>ta bort din personliga information</b> från identitetsservern <idserver /> innan du kopplar ifrån. Tyvärr är identitetsservern <idserver /> för närvarande offline eller kan inte nås.",
+        "disconnect_personal_data_warning_1": "Du <b>delar fortfarande dina personuppgifter</b> på identitetsservern <idserver />.",
+        "disconnect_personal_data_warning_2": "Vi rekommenderar att du tar bort dina e-postadresser och telefonnummer från identitetsservern innan du kopplar från.",
+        "disconnect_server": "Koppla ifrån från identitetsservern <idserver />?",
+        "disconnect_warning": "Att koppla ifrån din identitetsserver betyder att du inte kan upptäckas av andra användare och att du inte kommer att kunna bjuda in andra via e-post eller telefon.",
+        "do_not_use": "Använd inte en identitetsserver",
+        "error_connection": "Kunde inte ansluta till identitetsservern",
+        "error_invalid": "Inte en giltig identitetsserver (statuskod %(code)s)",
+        "error_invalid_or_terms": "Användarvillkoren accepterades inte eller identitetsservern är inte giltig.",
+        "no_terms": "Identitetsservern du har valt har inga användarvillkor.",
+        "suggestions": "Du bör:",
+        "suggestions_1": "Kolla dina webbläsartillägg efter någonting som kanske blockerar identitetsservern (t.ex. Privacy Badger)",
+        "suggestions_2": "kontakta administratören för identitetsservern <idserver />",
+        "suggestions_3": "vänta och försöka igen senare",
+        "url": "Identitetsserver (%(server)s)",
+        "url_field_label": "Ange en ny identitetsserver",
+        "url_not_https": "URL för identitetsserver måste vara HTTPS"
+    },
+    "in_space": "I utrymmet %(spaceName)s.",
+    "in_space1_and_space2": "I utrymmena %(space1Name)s och %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "I %(spaceName)s och %(count)s annat utrymme.",
+        "other": "I %(spaceName)s och %(count)s andra utrymmen."
+    },
+    "incompatible_browser": {
+        "continue": "Fortsätt ändå",
+        "description": "%(brand)sanvänder vissa webbläsarfunktioner som inte är tillgängliga i din nuvarande webbläsare. %(detail)s",
+        "detail_can_continue": "Om du fortsätter kan vissa funktioner sluta fungera och det finns en risk att du kan förlora data i framtiden.",
+        "detail_no_continue": "Försök uppdatera den här webbläsaren om du inte använder den senaste versionen och försök igen.",
+        "learn_more": "Läs mer",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "För bästa upplevelse, använd <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge>, eller <Safari>Safari</Safari>.",
+        "title": "Webbläsaren stöds ej",
+        "use_desktop_heading": "Använd %(brand)s skrivbord istället",
+        "use_mobile_heading": "Använd %(brand)s på mobilen istället",
+        "use_mobile_heading_after_desktop": "Eller använd vår mobilapp",
+        "windows_64bit": "Windows (64-bitars)",
+        "windows_arm_64bit": "Windows (ARM 64-bitars)"
+    },
+    "info_tooltip_title": "Information",
+    "integration_manager": {
+        "connecting": "Kontaktar integrationshanteraren …",
+        "error_connecting": "Integrationshanteraren är offline eller kan inte nå din hemserver.",
+        "error_connecting_heading": "Kan inte ansluta till integrationshanteraren",
+        "explainer": "Integrationshanterare får konfigurationsdata och kan ändra widgetar, skicka rumsinbjudningar och ställa in behörighetsnivåer å dina vägnar.",
+        "manage_title": "Hantera integrationer",
+        "toggle_label": "Aktivera integrationshanteraren",
+        "use_im": "Använd en integrationshanterare för att hantera bottar, widgets och dekalpaket.",
+        "use_im_default": "Använd en integrationshanterare <b>(%(serverName)s)</b> för att hantera bottar, widgets och dekalpaket."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Aktivera '%(manageIntegrations)s' i inställningarna för att göra detta.",
+        "disabled_dialog_title": "Integrationer är inaktiverade",
+        "impossible_dialog_description": "Din %(brand)s tillåter dig inte att använda en integrationshanterare för att göra detta. Vänligen kontakta en administratör.",
+        "impossible_dialog_title": "Integrationer är inte tillåtna"
+    },
+    "invite": {
+        "email_caption": "Bjud in via e-post",
+        "email_limit_one": "Inbjudningar via e-post kan endast skickas en i taget",
+        "email_use_default_is": "Använd en identitetsserver för att bjuda in via e-post. <default>Använd förval (%(defaultIdentityServerName)s)</default> eller hantera i <settings>inställningarna</settings>.",
+        "email_use_is": "Använd en identitetsserver för att bjuda in via e-post. Hantera i <settings>inställningarna</settings>.",
+        "error_already_invited_room": "Användaren är redan inbjuden till det här rummet",
+        "error_already_invited_space": "Användaren är redan inbjuden till det här utrymmet",
+        "error_already_joined_room": "Användaren är redan med i rummet",
+        "error_already_joined_space": "Användaren är redan med i utrymmet",
+        "error_bad_state": "Användaren behöver avbannas innan den kan bjudas in.",
+        "error_dm": "Vi kunde inte skapa ditt DM.",
+        "error_find_room": "Någonting gick fel vid försök att bjuda in användarna.",
+        "error_find_user_description": "Följande användare kanske inte existerar eller är ogiltiga, och kan inte bjudas in: %(csvNames)s",
+        "error_find_user_title": "Misslyckades att hitta följande användare",
+        "error_invite": "Vi kunde inte bjuda in de användarna. Vänligen kolla användarna du vill bjuda in och försök igen.",
+        "error_permissions_room": "Du har inte behörighet att bjuda in användare till det här rummet.",
+        "error_permissions_space": "Du är inte behörig att bjuda in folk till det här utrymmet.",
+        "error_profile_undisclosed": "Användaren kanske eller kanske inte finns",
+        "error_transfer_multiple_target": "Ett samtal kan bara överlåtas till en enskild användare.",
+        "error_unfederated_room": "Det här rummet är ofedererat. Du kan inte bjuda in personer från externa servrar.",
+        "error_unfederated_space": "Det här utrymmet är ofedererat. Du kan inte bjuda in personer från externa servrar.",
+        "error_unknown": "Okänt serverfel",
+        "error_user_not_found": "Användaren finns inte",
+        "error_version_unsupported_room": "Användarens hemserver stöder inte versionen av rummet.",
+        "error_version_unsupported_space": "Användarens hemserver stöder inte utrymmets version.",
+        "failed_generic": "Handlingen misslyckades",
+        "failed_title": "Inbjudan misslyckades",
+        "invalid_address": "Okänd adress",
+        "name_email_mxid_share_room": "Bjud in någon med deras namn, e-postadress eller användarnamn (som <userId/>) eller <a>dela det här rummet</a>.",
+        "name_email_mxid_share_space": "Bjud in någon med deras namn, e-postadress eller användarnamn (som <userId/>), eller <a>dela det här rummet</a>.",
+        "name_mxid_share_room": "Bjud in någon med deras namn eller användarnamn (som <userId/>) eller <a>dela det här rummet</a>.",
+        "name_mxid_share_space": "Bjud in någon med deras namn eller användarnamn (som <userId/>), eller <a>dela det här utrymmet</a>.",
+        "progress": {
+            "dont_close": "Stäng inte appen förrän det är klart.",
+            "preparing": "Förbereder inbjudningar …"
+        },
+        "recents_section": "Senaste konversationerna",
+        "room_failed_partial": "Vi skickade de andra, men personerna nedan kunde inte bjudas in till <RoomName/>",
+        "room_failed_partial_title": "Vissa inbjudningar kunde inte skickas",
+        "room_failed_title": "Misslyckades att bjuda in användare till %(roomName)s",
+        "send_link_prompt": "Eller skicka inbjudningslänk",
+        "start_conversation_name_email_mxid_prompt": "Starta en konversation med någon med deras namn, e-postadress eller användarnamn (som <userId/>).",
+        "start_conversation_name_mxid_prompt": "Starta en konversation med någon med deras namn eller användarnamn (som <userId/>).",
+        "suggestions_disclaimer": "Vissa förslag kan vara dolda av sekretesskäl.",
+        "suggestions_disclaimer_prompt": "Om du inte ser den du letar efter, skicka din inbjudningslänk nedan till denne.",
+        "suggestions_section": "Nyligen direktmeddelade",
+        "to_room": "Bjud in till %(roomName)s",
+        "to_space": "Bjud in till %(spaceName)s",
+        "transfer_dial_pad_tab": "Knappsats",
+        "transfer_user_directory_tab": "Användarkatalog",
+        "unable_find_profiles_description_default": "Kunde inte hitta profiler för de Matrix-ID:n som listas nedan - vill du bjuda in dem ändå?",
+        "unable_find_profiles_invite_label_default": "Bjud in ändå",
+        "unable_find_profiles_invite_never_warn_label_default": "Bjud in ändå och varna mig aldrig igen",
+        "unable_find_profiles_title": "Följande användare kanske inte existerar",
+        "unban_first_title": "Användaren kan inte bjudas in förrän den avbannas"
+    },
+    "inviting_user1_and_user2": "Bjuder in %(user1)s och %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Bjuder in %(user)s och 1 till",
+        "other": "Bjuder in %(user)s och %(count)s till"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> och %(count)s till",
+        "one": "<Items/> och en till"
+    },
+    "keyboard": {
+        "activate_button": "Aktivera den valda knappen",
+        "alt": "Alt",
+        "autocomplete_cancel": "Stäng autokomplettering",
+        "autocomplete_force": "Tvinga komplettering",
+        "autocomplete_navigate_next": "Nästa autokompletteringsförslag",
+        "autocomplete_navigate_prev": "Förra autokompletteringsförslaget",
+        "backspace": "Backsteg",
+        "cancel_reply": "Avbryt svar på ett meddelande",
+        "category_autocomplete": "Autokomplettera",
+        "category_calls": "Samtal",
+        "category_navigation": "Navigering",
+        "category_room_list": "Rumslista",
+        "close_dialog_menu": "Stäng dialogrutan eller snabbmenyn",
+        "composer_jump_end": "Hoppa slutet av meddelanderedigeraren",
+        "composer_jump_start": "Hoppa till början av meddelanderedigeraren",
+        "composer_navigate_next_history": "Navigera till nästa meddelande i redigerarhistoriken",
+        "composer_navigate_prev_history": "Navigera till förra meddelandet i redigerarhistoriken",
+        "composer_new_line": "Ny rad",
+        "composer_redo": "Gör om redigering",
+        "composer_toggle_bold": "Växla fet stil",
+        "composer_toggle_code_block": "Växla kodblock av/på",
+        "composer_toggle_italics": "Växla kursiv",
+        "composer_toggle_link": "Växla länk av/på",
+        "composer_toggle_quote": "Växla citat",
+        "composer_undo": "Ångra redigering",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Avfärda läsmarkering och hoppa till botten",
+        "end": "End",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Gå till hemvyn",
+        "home": "Hem",
+        "jump_first_message": "Hoppa till första meddelandet",
+        "jump_last_message": "Hoppa till sista meddelandet",
+        "jump_room_search": "Hoppa till rumssökning",
+        "jump_to_read_marker": "Hoppa till äldsta olästa meddelandet",
+        "keyboard_shortcuts_tab": "Öppna den här inställningsfliken",
+        "navigate_next_history": "Nästa nyligen besökta rum eller utrymme",
+        "navigate_next_message_edit": "Navigera till nästa meddelande att redigera",
+        "navigate_prev_history": "Föregående nyligen besökta rum eller utrymme",
+        "navigate_prev_message_edit": "Navigera till förra meddelandet att redigera",
+        "next_landmark": "Gå till nästa landmärke",
+        "next_room": "Nästa rum eller DM",
+        "next_unread_room": "Nästa olästa rum eller DM",
+        "number": "[nummer]",
+        "open_user_settings": "Öppna användarinställningar",
+        "page_down": "Page Down",
+        "page_up": "Page Up",
+        "prev_landmark": "Gå till föregående landmärke",
+        "prev_room": "Förra rummet eller DM:en",
+        "prev_unread_room": "Förra olästa rummet eller DM:en",
+        "room_list_collapse_section": "Kollapsa rumslistsektionen",
+        "room_list_expand_section": "Expandera rumslistsektionen",
+        "room_list_navigate_down": "Navigera ner i rumslistan",
+        "room_list_navigate_up": "Navigera upp i rumslistan",
+        "room_list_select_room": "Välj rum från rumslistan",
+        "save": "Spara",
+        "scroll_down_timeline": "Skrolla ner i tidslinjen",
+        "scroll_up_timeline": "Skrolla upp i tidslinjen",
+        "search": "Sök (måste vara aktiverat)",
+        "send_sticker": "Skicka en dekal",
+        "shift": "Skift",
+        "space": "Utrymme",
+        "switch_to_space": "Byt till utrymme med nummer",
+        "toggle_hidden_events": "Växla synlighet för dolda händelser",
+        "toggle_microphone_mute": "Växla mikrofontystning",
+        "toggle_right_panel": "Växla högerpanelen",
+        "toggle_space_panel": "Växla utrymmespanel",
+        "toggle_top_left_menu": "Växla menyn högst upp till vänster",
+        "toggle_webcam_mute": "Växla webbkamera på/av",
+        "upload_file": "Ladda upp en fil"
+    },
+    "labs": {
+        "ask_to_join": "Aktivera fråga om att gå med",
+        "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.",
+        "beta_feedback_title": "%(featureName)s Betaåterkoppling",
+        "beta_section": "Kommande funktioner",
+        "bridge_state": "Visa info om bryggor i rumsinställningar",
+        "bridge_state_channel": "Kanal: <channelLink/>",
+        "bridge_state_creator": "Den här bryggan tillhandahålls av <user />.",
+        "bridge_state_manager": "Den här bryggan tillhandahålls av <user />.",
+        "bridge_state_workspace": "Arbetsyta: <networkLink/>",
+        "click_for_info": "Klicka för mer info",
+        "currently_experimental": "För närvarande experimentellt.",
+        "custom_themes": "Stöd tilläggning av anpassade teman",
+        "dynamic_room_predecessors": "Dynamiska rumsföregångare",
+        "dynamic_room_predecessors_description": "Aktivera MSC3946 (för att stöda sen-ankomna rumsarkiv)",
+        "element_call_video_rooms": "Element Call videorum",
+        "exclude_insecure_devices": "Uteslut osäkra enheter när du skickar/tar emot meddelanden",
+        "exclude_insecure_devices_description": "När det här läget är aktiverat delas inte krypterade meddelanden med obekräftade enheter, och meddelanden från obekräftade enheter visas som ett fel. Observera att om du aktiverar det här läget kanske du inte kan kommunicera med användare som inte har verifierat sina enheter.",
+        "experimental_description": "Känner du dig äventyrlig? Pröva våra senaste idéer under utveckling. Dessa funktioner är inte slutförda; de kan vara instabila, kan ändras, eller kan tas bort helt. <a>Läs mer</a>.",
+        "experimental_section": "Tidiga förhandstittar",
+        "extended_profiles_msc_support": "Kräver att din server har stöd för MSC4133",
+        "feature_disable_call_per_sender_encryption": "Inaktivera kryptering per avsändare för Element Call",
+        "feature_wysiwyg_composer_description": "Använd rik text istället för Markdown i meddelanderedigeraren.",
+        "group_developer": "Utvecklare",
+        "group_encryption": "Kryptering",
+        "group_experimental": "Experimentellt",
+        "group_messaging": "Meddelanden",
+        "group_moderation": "Moderering",
+        "group_profile": "Profil",
+        "group_rooms": "Rum",
+        "group_spaces": "Utrymmen",
+        "group_themes": "Teman",
+        "group_threads": "Trådar",
+        "group_ui": "Användargränssnitt",
+        "group_voip": "Röst & video",
+        "group_widgets": "Widgets",
+        "hidebold": "Dölj aviseringspunkt (visa bara räknarmärken)",
+        "join_beta": "Gå med i betan",
+        "join_beta_reload": "Att gå med i betan kommer att ladda om %(brand)s.",
+        "jump_to_date": "Hoppa till datum (lägger till /jumptodate och hopp till datumrubriker)",
+        "jump_to_date_msc_support": "Kräver att din server stöder MSC3030",
+        "latex_maths": "Rendera LaTeX-matte i meddelanden",
+        "leave_beta": "Lämna betan",
+        "leave_beta_reload": "Att lämna betan kommer att ladda om %(brand)s.",
+        "location_share_live": "Platsdelning i realtid",
+        "location_share_live_description": "Temporär implementation. Platser stannar kvar i rumshistoriken.",
+        "mjolnir": "Nya sätt att ignorera personer",
+        "msc3531_hide_messages_pending_moderation": "Låt moderatorer dölja meddelanden i väntan på moderering.",
+        "notification_settings": "Nya aviseringsinställningar",
+        "notification_settings_beta_caption": "Vi introducerar ett enklare sätt att ändra dina aviseringsinställningar. Anpassa din %(brand)s precis som du vill ha den.",
+        "notification_settings_beta_title": "Aviseringsinställningar",
+        "notifications": "Aktivera aviseringspanelen i rumshuvudet",
+        "render_reaction_images": "Återge anpassade bilder i reaktioner",
+        "render_reaction_images_description": "Ibland kallat för ”anpassade emojis”.",
+        "sliding_sync": "Sliding sync-läge",
+        "sliding_sync_description": "Under aktiv utveckling, kan inte inaktiveras.",
+        "sliding_sync_disabled_notice": "Logga ut och in igen för att inaktivera",
+        "sliding_sync_server_no_support": "Din server saknar support",
+        "unrealiable_e2e": "Otillförlitlig i krypterade rum",
+        "video_rooms": "Videorum",
+        "video_rooms_a_new_way_to_chat": "Ett nytt sätt att chatta över röst och video i %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Videorum är ständigt aktiva VoIP-kanaler inbäddade i ett rum i %(brand)s.",
+        "video_rooms_beta": "Videorum är en betafunktion",
+        "video_rooms_faq1_answer": "Använd \"+\"-knappen i rumssektionen i vänsterpanelen.",
+        "video_rooms_faq1_question": "Hur skapar jag ett videorum?",
+        "video_rooms_faq2_answer": "Ja, chattidslinjen visas tillsammans med videon.",
+        "video_rooms_faq2_question": "Kan jag använda textchatt tillsammans med videosamtalet?",
+        "video_rooms_feedbackSubheading": "Tack för att du prövar betan, vänligen ge så många detaljer du kan så att vi kan förbättra den.",
+        "wysiwyg_composer": "Riktextredigerare"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Dessa inställningar är till för avancerade användare.",
+        "ban_reason": "Ignorerade/blockerade",
+        "error_adding_ignore": "Fel vid tilläggning av användare/server",
+        "error_adding_list_description": "Vänligen verifiera rummets ID eller adress och försök igen.",
+        "error_adding_list_title": "Fel vid prenumeration på listan",
+        "error_removing_ignore": "Fel vid borttagning av ignorerad användare/server",
+        "error_removing_list_description": "Vänligen försök igen eller kolla din konsol efter ledtrådar.",
+        "error_removing_list_title": "Fel vid avprenumeration från listan",
+        "explainer_1": "Lägg till användare och servrar du vill ignorera här. Använd asterisker för att få %(brand)s att matchar vilka tecken som helt. Till exempel, <code>@bot:*</code> kommer att ignorera alla användare med namnet 'bot' på vilken server som helst.",
+        "explainer_2": "Ignorering av användare görs genom bannlistor som innehåller regler för vilka som bannas. Att prenumerera på en bannlista betyder att användare/servrar blockerade av den listan kommer att döljas för dig.",
+        "lists": "Du prenumerera just nu på:",
+        "lists_description_1": "Att prenumerera till en bannlista kommer att få dig att gå med i den!",
+        "lists_description_2": "Om det här inte är det du vill, använd ett annat verktyg för att ignorera användare.",
+        "lists_heading": "Prenumererade listor",
+        "lists_new_label": "Rums-ID eller adress för bannlista",
+        "no_lists": "Du prenumererar inte på några listor",
+        "personal_description": "Din personliga bannlista innehåller alla de användare och servrar du personligen inte vill se meddelanden ifrån. Efter att du ignorerar din första användare eller server så visas ett nytt rum i din rumslista med namnet '%(myBanList)s' - stanna i det här rummet för att bannlistan ska fortsätta gälla.",
+        "personal_empty": "Du har inte ignorerat någon.",
+        "personal_heading": "Personlig bannlista",
+        "personal_new_label": "Server- eller användar-ID att ignorera",
+        "personal_new_placeholder": "t.ex.: @bot:* eller example.org",
+        "personal_section": "Du ignorerar just nu:",
+        "room_name": "Min bannlista",
+        "room_topic": "Det här är din lista med användare och server du har blockerat - lämna inte rummet!",
+        "rules_empty": "Ingen",
+        "rules_server": "Serverregler",
+        "rules_title": "Bannlistregler - %(roomName)s",
+        "rules_user": "Användarregler",
+        "something_went_wrong": "Någonting gick fel. Vänligen försök igen eller kolla i din konsol efter ledtrådar.",
+        "title": "Ignorerade användare",
+        "view_rules": "Visa regler"
+    },
+    "language_dropdown_label": "Språkmeny",
+    "leave_room_dialog": {
+        "last_person_warning": "Du är den enda personen här. Om du lämnar så kommer ingen kunna gå med igen, inklusive du.",
+        "leave_room_question": "Vill du lämna rummet '%(roomName)s'?",
+        "leave_space_question": "Är du säker på att du vill lämna utrymmet '%(spaceName)s'?",
+        "room_leave_admin_warning": "Du är den enda administratören i det här rummet. Om du lämnar kommer ingen att kunna ändra rumsinställningar eller vidta andra viktiga åtgärder.",
+        "room_leave_mod_warning": "Du är den enda moderatorn i det här rummet. Om du lämnar kommer ingen att kunna ändra rumsinställningar eller vidta andra viktiga åtgärder.",
+        "room_rejoin_warning": "Det här rummet är inte offentligt. Du kommer inte kunna gå med igen utan en inbjudan.",
+        "space_rejoin_warning": "Det här utrymmet är inte offentligt. Du kommer inte kunna gå med igen utan en inbjudan."
+    },
+    "lightbox": {
+        "rotate_left": "Rotera vänster",
+        "rotate_right": "Rotera höger",
+        "title": "Bildvy"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Den här hemservern har inte konfigurerats för att visa kartor.",
+        "MapStyleUrlNotReachable": "Den här hemservern är inte korrekt konfigurerad för att visa kartor, eller så kanske den konfigurerade kartserven inte är nåbar.",
+        "WebGLNotEnabled": "WebGL krävs för att visa kartor, aktivera det i dina webbläsarinställningar.",
+        "click_drop_pin": "Klicka för att sätta ut en nål",
+        "click_move_pin": "Klicka för att flytta nålen",
+        "close_sidebar": "Stäng sidopanel",
+        "error_fetch_location": "Kunde inte hämta plats",
+        "error_no_perms_description": "Du behöver rätt behörighet för att dela platser i det här rummet.",
+        "error_no_perms_title": "Du är inte behörig att dela platser",
+        "error_send_description": "%(brand)s kunde inte skicka din position. Försök igen senare.",
+        "error_send_title": "Vi kunde inte skicka din positoin",
+        "error_sharing_live_location": "Ett fel inträffade vid delning av din realtidsplats",
+        "error_stopping_live_location": "Ett fel inträffade vid delning av din realtidsposition",
+        "expand_map": "Expandera karta",
+        "failed_generic": "Misslyckades att hämta din plats. Pröva igen senare.",
+        "failed_load_map": "Kunde inte ladda kartan",
+        "failed_permission": "%(brand)s nekades behörighet för att komma åt din position. Du behöver godkänna platsåtkomst i dina webbläsarinställningar.",
+        "failed_timeout": "Tidsgränsen överskreds vid försök att hämta din plats. Pröva igen senare.",
+        "failed_unknown": "Ökänt fel när plats hämtades. Pröva igen senare.",
+        "find_my_location": "Hitta min plats",
+        "live_description": "Realtidsposition för %(displayName)s",
+        "live_enable_description": "OBS: detta är en experimentell funktion med en temporär implementation. Detta betyder att du inte kommer kunna radera din platshistorik, och avancerade användare kommer kunna se din platshistorik även efter att du slutar dela din realtidsposition med det här rummet.",
+        "live_enable_heading": "Positionsdelning i realtid",
+        "live_location_active": "Du delar din position i realtid",
+        "live_location_enabled": "Realtidsposition aktiverad",
+        "live_location_ended": "Realtidsposition avslutad",
+        "live_location_error": "Fel i realtidsposition",
+        "live_locations_empty": "Ingen realtidsposition",
+        "live_share_button": "Dela under %(duration)s",
+        "live_toggle_label": "Aktivera platsdelning i realtid",
+        "live_until": "Realtid tills %(expiryTime)s",
+        "live_update_time": "Uppdaterade %(humanizedUpdateTime)s",
+        "loading_live_location": "Laddar realtidsposition …",
+        "location_not_available": "Plats inte tillgänglig",
+        "map_feedback": "Kartuåterkoppling",
+        "mapbox_logo": "Mapbox-logga",
+        "reset_bearing": "Återställ bäring till norr",
+        "share_button": "Dela plats",
+        "share_type_live": "Min realtidsposition",
+        "share_type_own": "Min nuvarande positoin",
+        "share_type_pin": "Sätt en nål",
+        "share_type_prompt": "Vilken typ av positionsdelning vill du använda?",
+        "toggle_attribution": "Växla tillskrivning"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s medlem",
+            "other": "%(count)s medlemmar"
+        },
+        "filter_placeholder": "Filtrera rumsmedlemmar",
+        "invite_button_no_perms_tooltip": "Du är inte behörig att bjuda in användare",
+        "invited_label": "Inbjuden",
+        "list_title": "Medlemslista",
+        "no_matches": "Inga matchningar"
+    },
+    "member_list_back_action_label": "Rumsmedlemmar",
+    "message_edit_dialog_title": "Meddelanderedigeringar",
+    "migrating_crypto": "Häng kvar. Vi håller på att uppdatera%(brand)s för att göra kryptering snabbare och mer tillförlitlig.",
+    "mobile_guide": {
+        "toast_accept": "Använd app",
+        "toast_description": "%(brand)s är experimentell i mobila webbläsare. För en bättre upplevelse och de senaste funktionerna använd våran nativa app.",
+        "toast_title": "Använd appen för en bättre upplevelse"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Inga fler resultat",
+    "notif_panel": {
+        "empty_description": "Du har inga synliga aviseringar.",
+        "empty_heading": "Du är ikapp"
+    },
+    "notifications": {
+        "all_messages": "Alla meddelanden",
+        "all_messages_description": "Bli aviserad för varje meddelande",
+        "class_global": "Globalt",
+        "class_other": "Annat",
+        "default": "Standard",
+        "email_pusher_app_display_name": "E-postaviseringar",
+        "enable_prompt_toast_description": "Aktivera skrivbordsaviseringar",
+        "enable_prompt_toast_title": "Aviseringar",
+        "enable_prompt_toast_title_from_message_send": "Missa inte ett svar",
+        "error_change_title": "Ändra aviseringsinställningar",
+        "keyword": "Nyckelord",
+        "keyword_new": "Nytt nyckelord",
+        "level_activity": "Aktivitet",
+        "level_highlight": "Markera",
+        "level_muted": "Tystad",
+        "level_none": "Ingen",
+        "level_notification": "Avisering",
+        "level_unsent": "Oskickad",
+        "mark_all_read": "Markera alla som lästa",
+        "mentions_and_keywords": "@omnämnanden och nyckelord",
+        "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"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s begär verifiering"
+    },
+    "onboarding": {
+        "create_room": "Skapa en gruppchatt",
+        "explore_rooms": "Utforska offentliga rum",
+        "has_avatar_label": "Fantastiskt, det kommer att hjälpa folk att veta att det är du",
+        "intro_byline": "Äg dina konversationer.",
+        "intro_welcome": "Välkommen till %(appName)s",
+        "no_avatar_label": "Lägg till en bild för att folk ska veta att det är du.",
+        "send_dm": "Skicka ett direktmeddelande",
+        "welcome_detail": "Låt oss hjälpa dig komma igång",
+        "welcome_user": "Välkommen %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Meddelande i rum %(room)s",
+        "permalink_this_room": "Meddelande från %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Skapa omröstning",
+        "create_poll_title": "Skapa omröstning",
+        "disclosed_notes": "Röstare ser resultatet så fort de har röstat",
+        "edit_poll_title": "Redigera omröstning",
+        "end_description": "Är du säker på att du vill avsluta den hör omröstningen? Detta kommer att visa det slutgiltiga resultatet och stoppa folk från att rösta.",
+        "end_message": "Omröstningen har avslutats. Toppsvar: %(topAnswer)s",
+        "end_message_no_votes": "Omröstningen har avslutats. Inga röster avgavs.",
+        "end_title": "Avsluta omröstning",
+        "error_ending_description": "Tyvärr avslutades inte omröstningen. Vänligen pröva igen.",
+        "error_ending_title": "Misslyckades att avsluta omröstning",
+        "error_voting_description": "Tyvärr så registrerades inte din röst. Vänligen pröva igen.",
+        "error_voting_title": "Röst registrerades inte",
+        "failed_send_poll_description": "Tyvärr så lades omröstningen du försökte skapa inte upp.",
+        "failed_send_poll_title": "Misslyckades att lägga upp omröstning",
+        "notes": "Resultat avslöjas inte förrän du avslutar omröstningen",
+        "options_add_button": "Lägg till alternativ",
+        "options_heading": "Skapa alternativ",
+        "options_label": "Alternativ %(number)s",
+        "options_placeholder": "Skriv ett alternativ",
+        "topic_heading": "Vad är din omröstnings fråga eller ämne?",
+        "topic_label": "Fråga eller ämne",
+        "topic_placeholder": "Skriv nånting …",
+        "total_decryption_errors": "På grund av avkrypteringsfel kanske inte vissa röster räknas",
+        "total_n_votes": {
+            "one": "%(count)s röst avgiven. Rösta för att ser resultatet",
+            "other": "%(count)s röster avgivna. Rösta för att se resultatet"
+        },
+        "total_n_votes_voted": {
+            "one": "Baserat på %(count)s röst",
+            "other": "Baserat på %(count)s röster"
+        },
+        "total_no_votes": "Inga röster avgivna",
+        "total_not_ended": "Resultat kommer att visas när omröstningen avslutas",
+        "type_closed": "Sluten omröstning",
+        "type_heading": "Omröstningstyp",
+        "type_open": "Öppen omröstning",
+        "unable_edit_description": "Tyvärr kan du inte redigera en omröstning efter att röster har avgivits.",
+        "unable_edit_title": "Kan inte redigera omröstning"
+    },
+    "power_level": {
+        "admin": "Administratör",
+        "creator": "Ägare",
+        "custom": "Anpassad (%(level)s)",
+        "custom_level": "Anpassad nivå",
+        "default": "Standard",
+        "label": "Behörighetsnivå",
+        "moderator": "Moderator",
+        "restricted": "Begränsad"
+    },
+    "powered_by_matrix": "Drivs av Matrix",
+    "presence": {
+        "away": "Borta",
+        "busy": "Upptagen",
+        "idle": "Inaktiv",
+        "idle_for": "Inaktiv i %(duration)s",
+        "offline": "Offline",
+        "offline_for": "Offline i %(duration)s",
+        "online": "Online",
+        "online_for": "Online i %(duration)s",
+        "unknown": "Okänt",
+        "unknown_for": "Okänt i %(duration)s",
+        "unreachable": "Användarens server kan inte nås"
+    },
+    "quick_settings": {
+        "all_settings": "Alla inställningar",
+        "sidebar_settings": "Fler alternativ",
+        "title": "Snabbinställningar"
+    },
+    "quit_warning": {
+        "call_in_progress": "Du verkar vara i ett samtal, är du säker på att du vill avsluta?",
+        "file_upload_in_progress": "Du verkar ladda upp filer, är du säker på att du vill avsluta?"
+    },
+    "redact": {
+        "confirm_button": "Bekräfta borttagning",
+        "confirm_description": "Är du säker på att du vill ta bort (radera) den här händelsen?",
+        "confirm_description_state": "Observera att om du tar bort rumsändringar som den här kanske det ångrar ändringen.",
+        "error": "Du kan inte radera det här meddelandet. (%(code)s)",
+        "ongoing": "Tar bort…",
+        "reason_label": "Orsak (valfritt)"
+    },
+    "report_content": {
+        "description": "Att rapportera det här meddelandet kommer att skicka dess unika 'händelse-ID' till administratören för din hemserver. Om meddelanden i det här rummet är krypterade kommer din hemserveradministratör inte att kunna läsa meddelandetexten eller se några filer eller bilder.",
+        "hide_messages_from_user": "Bocka i om du vill dölja alla nuvarande och framtida meddelanden från den här användaren.",
+        "ignore_user": "Ignorera användare",
+        "missing_reason": "Vänligen fyll i varför du anmäler.",
+        "report_content_to_homeserver": "Rapportera innehåll till din hemserveradministratör"
+    },
+    "report_room": {
+        "description": "Rapportera det här rummet till din hemserveradministratör. Detta skickar rummets unika ID, men om meddelanden är krypterade kan administratören inte läsa dem eller visa delade filer.",
+        "reason_label": "Beskriv skälet"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Misslyckades att avkryptera %(failedCount)s sessioner!",
+        "count_of_successfully_restored_keys": "Återställde framgångsrikt %(sessionCount)s nycklar",
+        "enter_key_description": "Kom åt din säkre meddelandehistorik och ställ in säker meddelandehantering genom att ange din säkerhetsnyckel.",
+        "enter_key_title": "Ange säkerhetsnyckel",
+        "enter_phrase_description": "Kom åt din säkra meddelandehistorik och ställ in säker meddelandehantering genom att ange din säkerhetsfras.",
+        "enter_phrase_title": "Ange säkerhetsfras",
+        "incorrect_security_phrase_dialog": "Säkerhetskopian kunde inte avkrypteras med den här säkerhetsfrasen: vänligen verifiera att du har angett rätt säkerhetsfras.",
+        "incorrect_security_phrase_title": "Felaktig säkerhetsfras",
+        "key_backup_warning": "<b>Varning</b>: Du bör endast sätta upp nyckelsäkerhetskopiering från en betrodd dator.",
+        "key_fetch_in_progress": "Hämtar nycklar från server …",
+        "key_forgotten_text": "Om du har glömt din säkerhetsnyckel så kan du <button>ställa in nya återställningsalternativ</button>",
+        "key_is_invalid": "Inte en giltig säkerhetsnyckel",
+        "key_is_valid": "Det här ser ut som en giltig säkerhetsnyckel!",
+        "keys_restored_title": "Nycklar återställda",
+        "load_error_content": "Kunde inte ladda status för säkerhetskopia",
+        "load_keys_progress": "%(completed)s av %(total)s nycklar återställda",
+        "no_backup_error": "Ingen säkerhetskopia hittad!",
+        "phrase_forgotten_text": "Om du har glömt din säkerhetsfras så kan du <button1>använda din säkerhetsnyckel</button1> eller <button2>ställa in nya återställningsalternativ</button2>",
+        "recovery_key_mismatch_description": "Säkerhetskopian kunde inte avkrypteras med den här säkerhetsnyckeln: vänligen verifiera att du har angett rätt säkerhetsnyckel.",
+        "recovery_key_mismatch_title": "Säkerhetsnyckeln matchade inte",
+        "restore_failed_error": "Kunde inte återställa säkerhetskopia"
+    },
+    "right_panel": {
+        "add_integrations": "Lägg till tillägg",
+        "add_topic": "Lägg till ämne",
+        "extensions_button": "Tillägg",
+        "extensions_empty_description": "Välj &quot;%(addIntegrations)s ” för att bläddra och lägga till tillägg till det här rummet",
+        "extensions_empty_title": "Öka produktiviteten med fler verktyg, widgets och botar",
+        "files_button": "Filer",
+        "pinned_messages": {
+            "empty_description": "Välj ett meddelande och välj ”%(pinAction)s” för att inkludera det här.",
+            "empty_title": "Fäst viktiga meddelanden så att de lätt kan upptäckas",
+            "header": {
+                "one": "1 Fäst meddelande",
+                "other": "%(count)sFästa meddelanden"
+            },
+            "limits": {
+                "other": "Du kan bara fästa upp till %(count)s widgets"
+            },
+            "menu": "Öppna menyn",
+            "reply_thread": "Svara på ett <link> trådmeddelande </link>",
+            "unpin_all": {
+                "button": "Lossa alla meddelanden",
+                "content": "Se till att du verkligen vill ta bort alla fästa meddelanden. Den här åtgärden kan inte ångras.",
+                "title": "Lossa alla meddelanden?"
+            },
+            "view": "Visa i tidslinjen"
+        },
+        "pinned_messages_button": "Fästa meddelanden",
+        "poll": {
+            "active_heading": "Aktiva omröstningar",
+            "empty_active": "Det finns inga aktiva omröstningar i det här rummet",
+            "empty_active_load_more": "Det finns inga aktiva omröstningar. Ladda fler omröstningar för att se omröstningar för tidigare månader",
+            "empty_active_load_more_n_days": {
+                "one": "Det finns inga aktiva omröstningar det senaste dygnet. Ladda fler omröstningar för att se omröstningar för tidigare månader",
+                "other": "Det finns inga aktiva omröstningar under de senaste %(count)s dagarna. Ladda fler omröstningar för att se omröstningar för tidigare månader"
+            },
+            "empty_past": "Det finns inga gamla omröstningar i det här rummet",
+            "empty_past_load_more": "Det finns inga tidigare omröstningar. Ladda fler omröstningar för att se omröstningar för tidigare månader",
+            "empty_past_load_more_n_days": {
+                "one": "Det finns inga tidigare omröstningar för det senaste dygnet. Ladda fler omröstningar för att se omröstningar för tidigare månader",
+                "other": "Det finns inga tidigare omröstningar under de senaste %(count)s dagarna. Ladda fler omröstningar för att se omröstningar för tidigare månader"
+            },
+            "final_result": {
+                "one": "Slutgiltigt resultat baserat på %(count)s röst",
+                "other": "Slutgiltigt resultat baserat på %(count)s röster"
+            },
+            "load_more": "Ladda fler omröstningar",
+            "loading": "Laddar omröstningar",
+            "past_heading": "Tidigare omröstningar",
+            "view_in_timeline": "Se omröstningen i tidslinjen",
+            "view_poll": "Visa omröstning"
+        },
+        "polls_button": "Omröstningar",
+        "room_summary_card": {
+            "title": "Rumsinfo"
+        },
+        "thread_list": {
+            "context_menu_label": "Trådalternativ"
+        },
+        "video_room_chat": {
+            "title": "Chatt"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Denna inbjudan skickades till %(email)s vilken inte är associerad med ditt konto",
+        "3pid_invite_email_not_found_account_room": "Denna inbjudan till %(roomName)s skickades till %(email)s vilken inte är associerad med det här kontot",
+        "3pid_invite_error_description": "Ett fel (%(errcode)s) returnerades vid försök att validera din inbjudan. Du kan pröva att ge den här informationen till personen som bjöd in dig.",
+        "3pid_invite_error_invite_action": "Försök att gå med ändå",
+        "3pid_invite_error_invite_subtitle": "Du kan bara gå med i det med en fungerande inbjudan.",
+        "3pid_invite_error_public_subtitle": "Du kan fortfarande gå med här.",
+        "3pid_invite_error_title": "Nånting gick fel med din inbjudan.",
+        "3pid_invite_error_title_room": "Någonting gick fel med din inbjudan till %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Använd en identitetsserver i inställningarna för att motta inbjudningar direkt i %(brand)s.",
+        "banned_by": "Du bannades av %(memberName)s",
+        "banned_from_room_by": "Du blev bannad från %(roomName)s av %(memberName)s",
+        "context_menu": {
+            "copy_link": "Kopiera rumslänk",
+            "favourite": "Favoritmarkera",
+            "forget": "Glöm rum",
+            "low_priority": "Låg prioritet",
+            "mark_read": "Markera som läst",
+            "mark_unread": "Markera som oläst",
+            "notifications_default": "Matcha förvalsinställning",
+            "notifications_mute": "Tysta rum",
+            "title": "Rumsinställningar",
+            "unfavourite": "Favoritmarkerad"
+        },
+        "creating_room_text": "Vi skapar ett rum med %(names)s",
+        "dm_invite_action": "Börja chatta",
+        "dm_invite_subtitle": "<userName/> vill chatta",
+        "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_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.",
+        "error_join_404_2": "Om du känner till en rumsadress, försök gå med via den istället.",
+        "error_join_404_invite": "Personen som bjöd in dig har redan lämnat, eller så är deras hemserver offline.",
+        "error_join_404_invite_same_hs": "Personen som bjöd in dig har redan lämnat.",
+        "error_join_connection": "Fel vid försök att gå med.",
+        "error_join_incompatible_version_1": "Din hemserver är tyvärr för gammal för att delta här.",
+        "error_join_incompatible_version_2": "Vänligen kontakta din hemserveradministratör.",
+        "error_join_title": "Misslyckades att gå med",
+        "error_jump_to_date": "Servern gav svar %(statusCode)s med felkoden %(errorCode)s",
+        "error_jump_to_date_connection": "Ett nätverksfel uppstod vid försök att hitta och hoppa till det angivna datumet. Din hemserver kanske är nere eller så var det vara ett tillfälligt problem med din internetuppkoppling. Var god försök igen. Om detta fortsätter, kontakta din hemserveradministratör.",
+        "error_jump_to_date_details": "Feldetaljer",
+        "error_jump_to_date_not_found": "Vi kunde inte hitta en händelse från %(dateString)s eller senare. Pröva att välja ett tidigare datum.",
+        "error_jump_to_date_send_logs_prompt": "Vänligen skicka in <debugLogsLink>felsökningsloggar</debugLogsLink> för att hjälpa oss att spåra problemet.",
+        "error_jump_to_date_title": "Kunde inte hitta händelse vid det datumet",
+        "face_pile_summary": {
+            "other": "%(count)s personer du känner har redan gått med",
+            "one": "%(count)s person du känner har redan gått med"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Visa 1 medlem",
+            "other": "Visa alla %(count)s medlemmar"
+        },
+        "face_pile_tooltip_shortcut": "Inklusive %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Inklusive dig, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Kan inte avgöra vilken användare som ska ignoreras eftersom medlemshändelsen har ändrats.",
+        "failed_reject_invite": "Misslyckades att avböja inbjudan",
+        "forget_room": "Glöm det här rummet",
+        "forget_space": "Glöm det här utrymmet",
+        "header": {
+            "n_people_asking_to_join": {
+                "one": "Ber om att gå med",
+                "other": "%(count)s personer ber om att gå med"
+            },
+            "room_is_public": "Det här rummet är offentligt"
+        },
+        "header_avatar_open_settings_label": "Öppna rumsinställningar",
+        "header_face_pile_tooltip": "Människor",
+        "header_untrusted_label": "Ej betrodd",
+        "inaccessible": "Det är rummet eller utrymmet är inte åtkomligt för tillfället.",
+        "inaccessible_name": "%(roomName)s är inte tillgängligt för tillfället.",
+        "inaccessible_subtitle_1": "Pröva igen senare eller be en rums- eller utrymmesadministratör att kolla om du har åtkomst.",
+        "inaccessible_subtitle_2": "%(errcode)s returnerades vid försök att komma åt rummet eller utrymmet. Om du tror att du ser det här meddelandet felaktigt, vänligen <issueLink>skicka en buggrapport</issueLink>.",
+        "intro": {
+            "dm_caption": "Bara ni två är med i den här konversationen, om inte någon av er bjuder in någon annan.",
+            "enable_encryption_prompt": "Aktivera kryptering i inställningarna.",
+            "encrypted_3pid_dm_pending_join": "När alla har gått med kommer du kunna chatta",
+            "no_avatar_label": "Lägg till en bild, så att folk lätt kan se ditt rum.",
+            "no_topic": "<a>Lägg till ett ämne</a> för att låta folk veta vad det handlar om.",
+            "private_unencrypted_warning": "Dina privata meddelanden är normalt krypterade, men det här rummet är inte det. Detta beror oftast på att en ostödd enhet eller metod används, som e-postinbjudningar.",
+            "room_invite": "Bjud in till bara det här rummet",
+            "send_message_start_dm": "Skicka ditt första meddelande för att bjuda in <displayName/> att chatta",
+            "start_of_dm_history": "Det här är början på din direktmeddelandehistorik med <displayName/>.",
+            "start_of_room": "Det här är början på <roomName/>.",
+            "unencrypted_warning": "Totalsträckskryptering är inte aktiverat",
+            "user_created": "%(displayName)s skapade det här rummet.",
+            "you_created": "Du skapade det här rummet."
+        },
+        "invite_email_mismatch_suggestion": "Dela denna e-postadress i inställningarna för att motta inbjudningar direkt i %(brand)s.",
+        "invite_sent_to_email": "Denna inbjudan skickades till %(email)s",
+        "invite_sent_to_email_room": "Denna inbjudan till %(roomName)s skickades till %(email)s",
+        "invite_subtitle": "Inbjuden av <userName/>",
+        "invite_this_room": "Bjud in till rummet",
+        "invite_title": "Vill du gå med i %(roomName)s?",
+        "inviter_unknown": "Okänt",
+        "invites_you_text": "<inviter/> bjuder in dig",
+        "join_button_account": "Registrera dig",
+        "join_failed_needs_invite": "För att se %(roomName)s så behöver du en inbjudan",
+        "join_the_discussion": "Gå med i diskussionen",
+        "join_title": "Gå med i rummet för att delta",
+        "join_title_account": "Gå med i konversationen med ett konto",
+        "joining": "Går med…",
+        "joining_room": "Går med i rum …",
+        "joining_space": "Går med i utrymme …",
+        "jump_read_marker": "Hoppa till första olästa meddelandet.",
+        "jump_to_bottom_button": "Skrolla till de senaste meddelandena",
+        "kick_reason": "Anledning: %(reason)s",
+        "kicked_by": "Du togs bort av %(memberName)s",
+        "kicked_from_room_by": "Du togs bort från %(roomName)s av %(memberName)s",
+        "knock_cancel_action": "Avbryt begäran",
+        "knock_denied_subtitle": "Eftersom du har nekats åtkomst kan du inte gå med igen om du inte är inbjuden av administratören eller moderatorn för gruppen.",
+        "knock_denied_title": "Du har nekats åtkomst",
+        "knock_message_field_placeholder": "Meddelande (valfritt)",
+        "knock_prompt": "Be om att gå med?",
+        "knock_prompt_name": "Be om att gå med i %(roomName)s?",
+        "knock_send_action": "Begär åtkomst",
+        "knock_sent": "Förfrågan om att gå med skickad",
+        "knock_sent_subtitle": "Din begäran om att gå med är väntande.",
+        "knock_subtitle": "Du måste beviljas åtkomst till detta rum för att kunna se eller delta i konversationen. Du kan skicka en förfrågan om att gå med nedan.",
+        "leave_error_title": "Fel när rummet lämnades",
+        "leave_server_notices_description": "Detta rum används för viktiga meddelanden från hemservern, så du kan inte lämna det.",
+        "leave_server_notices_title": "Kan inte lämna serveraviseringsrummet",
+        "leave_unexpected_error": "Oväntat serverfel vid försök att lämna rummet",
+        "link_email_to_receive_3pid_invite": "Länka den här e-postadressen med ditt konto in inställningarna för att motta inbjudningar direkt i %(brand)s.",
+        "loading_preview": "Laddar förhandsgranskning",
+        "no_peek_join_prompt": "%(roomName)s kan inte förhandsgranskas. Vill du gå med i det?",
+        "no_peek_no_name_join_prompt": "Det finns ingen förhandsgranskning, vill du gå med?",
+        "not_found_subtitle": "Är du säker på att du är på rätt ställe?",
+        "not_found_title": "Det här rummet eller utrymmet finns inte.",
+        "not_found_title_name": "%(roomName)s finns inte.",
+        "peek_join_prompt": "Du förhandsgranskar %(roomName)s. Vill du gå med i det?",
+        "pinned_message_banner": {
+            "button_close_list": "Stäng listan",
+            "button_view_all": "Visa alla",
+            "description": "Det här rummet har fästa meddelanden. Klicka för att se dem.",
+            "title": "<bold>%(index)s av %(length)s</bold> fästa meddelanden"
+        },
+        "read_topic": "Klicka för att läsa ämne",
+        "rejecting": "Nekar inbjudan …",
+        "rejoin_button": "Gå med igen",
+        "room_content": "Rumsinnehåll",
+        "room_is_low_priority": "Detta är ett lågprioriterat room",
+        "search": {
+            "all_rooms_button": "Sök i alla rum",
+            "placeholder": "Sök meddelanden...",
+            "summary": {
+                "one": "1 resultat hittades för ”<query/>”",
+                "other": "%(count)sResultat hittades för ”<query/>”"
+            },
+            "this_room_button": "Sök i det här rummet"
+        },
+        "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.",
+            "one": "Du har %(count)s oläst avisering i en tidigare version av det här rummet."
+        },
+        "upgrade_error_description": "Dubbelkolla att din server stöder den valda rumsversionen och försök igen.",
+        "upgrade_error_title": "Fel vid uppgradering av rum",
+        "upgrade_warning_bar": "Att uppgradera det här rummet kommer att stänga den nuvarande instansen av rummet och skapa ett uppgraderat rum med samma namn.",
+        "upgrade_warning_bar_admins": "Endast rumsadministratörer kommer att se denna varning",
+        "upgrade_warning_bar_unstable": "Det här rummet kör rumsversion <roomVersion />, vilket den här hemservern har markerat som <i>instabil</i>.",
+        "upgrade_warning_bar_upgraded": "Det här rummet har redan uppgraderats.",
+        "upload": {
+            "uploading_multiple_file": {
+                "other": "Laddar upp %(filename)s och %(count)s till",
+                "one": "Laddar upp %(filename)s och %(count)s till"
+            },
+            "uploading_single_file": "Laddar upp %(filename)s"
+        },
+        "video_room": "Det här rummet är ett videorum",
+        "waiting_for_join_subtitle": "När inbjudna användare har gått med i %(brand)s kommer du att kunna chatta och rummet kommer att vara totalsträckskrypterat",
+        "waiting_for_join_title": "Väntar på att användare går med i %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Lägg till utrymme",
+        "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",
+        "list_title": "Rumslista",
+        "more_options": {
+            "leave_room": "Lämna rum"
+        },
+        "notification_options": "Aviseringsinställningar",
+        "show_less": "Visa mindre"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Bestäm vem kan se och gå med i %(spaceName)s.",
+            "title": "Åtkomst"
+        },
+        "advanced": {
+            "error_upgrade_description": "Rumsuppgraderingen kunde inte slutföras",
+            "error_upgrade_title": "Misslyckades att uppgradera rummet",
+            "information_section_room": "Rumsinformation",
+            "information_section_space": "Utrymmesinfo",
+            "room_id": "Internt rums-ID",
+            "room_predecessor": "Visa äldre meddelanden i %(roomName)s.",
+            "room_upgrade_button": "Uppgradera detta rum till rekommenderad rumsversion",
+            "room_upgrade_warning": "<b>Varning</b>: att uppgradera ett rum kommer <i>inte automatiskt att migrerar rumsmedlemmar till den nya versionen av rummet.</i> Vi kommer att lägga in en länk i det nya rummet i den gamla versionen av rummet - rumsmedlemmar kommer behöva klicka på den här länken för att gå med i det nya rummet.",
+            "room_version": "Rumsversion:",
+            "room_version_section": "Rumsversion",
+            "space_predecessor": "Visa tidigare version av %(spaceName)s.",
+            "space_upgrade_button": "Uppgradera det här utrymmet till den rekommenderade rumsversionen",
+            "unfederated": "Detta rum är inte tillgängligt för externa Matrix-servrar",
+            "upgrade_button": "Uppgradera detta rum till version %(version)s",
+            "upgrade_dialog_description": "Att uppgradera det här rummet kräver att den nuvarande instansen a rummet stängs och ett nytt rum skapas i dess plats. För att ge rumsmedlemmar den bästa möjliga upplevelsen kommer vi:",
+            "upgrade_dialog_description_1": "Skapa ett nytt rum med samma namn, beskrivning och avatar",
+            "upgrade_dialog_description_2": "Uppdatera lokala rumsalias att peka på det nya rummet",
+            "upgrade_dialog_description_3": "Hindra användare från att prata i den gamla rumsversionen och posta ett meddelande som rekommenderar användare att flytta till det nya rummet",
+            "upgrade_dialog_description_4": "Sätta en länk tillbaka till det gamla rummet i början av det nya rummet så att folk kan se gamla meddelanden",
+            "upgrade_dialog_title": "Uppgradera rumsversion",
+            "upgrade_dwarning_ialog_title_public": "Uppgradera offentligt rum",
+            "upgrade_warning_dialog_description": "Att uppgradera ett rum är en avancerad åtgärd och rekommenderas vanligtvis när ett rum är instabilt på grund av buggar, saknade funktioner eller säkerhetsproblem.",
+            "upgrade_warning_dialog_explainer": "<b>Observera att en uppgradering kommer att skapa en ny version av rummet</b>. Alla nuvarande meddelanden kommer att stanna i det arkiverade rummet.",
+            "upgrade_warning_dialog_footer": "Du kommer att uppgradera detta rum från <oldVersion /> till <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Bjud automatiskt in medlemmar från det här rummet till det nya",
+            "upgrade_warning_dialog_report_bug_prompt": "Detta påverkar normalt bara hur rummet hanteras på serven. Om du upplever problem med din %(brand)s, vänligen rapportera en bugg.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Detta påverkar vanligtvis bara hur rummet bearbetas på servern. Om du har problem med %(brand)s, vänligen <a>rapportera ett fel</a>.",
+            "upgrade_warning_dialog_title": "Uppgradera rum",
+            "upgrade_warning_dialog_title_private": "Uppgradera privat rum"
+        },
+        "alias_not_specified": "inte specificerad",
+        "bridges": {
+            "description": "Det här rummet bryggar meddelanden till följande plattformar. <a>Lär dig mer.</a>",
+            "empty": "Det här rummet bryggar inte meddelanden till några platformar. <a>Läs mer.</a>",
+            "title": "Bryggor"
+        },
+        "delete_avatar_label": "Radera avatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Domänseparator saknades, t.ex. (:domän.org)",
+            "alias_field_has_localpart_invalid": "Rumsnamn eller -separator saknades, t.ex. (mitt-rum:domän.org)",
+            "alias_field_matches_invalid": "Den här adressen pekar inte på någon rum",
+            "alias_field_placeholder_default": "t.ex. mitt-rum",
+            "alias_field_required_invalid": "Ange en adress, tack",
+            "alias_field_safe_localpart_invalid": "Vissa tecken är inte tillåtna",
+            "alias_field_taken_invalid": "Den adressen hade en ogiltig server eller användes redan",
+            "alias_field_taken_invalid_domain": "Adressen är upptagen",
+            "alias_field_taken_valid": "Adressen är tillgänglig",
+            "alias_heading": "Rumsadress",
+            "aliases_items_label": "Andra publicerade adresser:",
+            "aliases_no_items_label": "Inga andra publicerade adresser än, lägg till en nedan",
+            "aliases_section": "Rumsadresser",
+            "avatar_field_label": "Rumsavatar",
+            "canonical_alias_field_label": "Huvudadress",
+            "description_space": "Redigera inställningar relaterat till ditt utrymme.",
+            "error_creating_alias_description": "Ett fel inträffade vid skapande av adressen. Det kanske inte tillåts av servern, eller så inträffade ett tillfälligt fel.",
+            "error_creating_alias_title": "Fel vid skapande av adress",
+            "error_deleting_alias_description": "Ett fel inträffade vid borttagning av adressen. Den kanske inte längre existerar, eller så inträffade ett tillfälligt fel.",
+            "error_deleting_alias_description_forbidden": "Du har inte behörighet att radera den där adressen.",
+            "error_deleting_alias_title": "Fel vi borttagning av adress",
+            "error_publishing": "Det gick inte att publicera rummet",
+            "error_publishing_detail": "Det uppstod ett fel när det här rummet skulle publiceras",
+            "error_save_space_settings": "Misslyckades att spara utrymmesinställningar.",
+            "error_updating_alias_description": "Ett fel inträffade vid uppdatering av rummets alternativa adresser. Det kanske inte tillåts av servern, eller så inträffade ett tillfälligt fel.",
+            "error_updating_canonical_alias_description": "Ett fel inträffade vid uppdatering av rummets huvudadress. Det kanske inte tillåts av servern, eller så inträffade ett tillfälligt fel.",
+            "error_updating_canonical_alias_title": "Fel vid uppdatering av huvudadress",
+            "leave_space": "Lämna utrymmet",
+            "local_alias_field_label": "Lokal adress",
+            "local_aliases_explainer_room": "Ange adresser för det här rummet så att användare kan hitta det här rummet via din hemserver (%(localDomain)s)",
+            "local_aliases_explainer_space": "Sätt adresser för det här utrymmet så att användare kan hitta det genom din hemserver (%(localDomain)s)",
+            "local_aliases_section": "Lokala adresser",
+            "name_field_label": "Rumsnamn",
+            "new_alias_placeholder": "Ny publicerad adress (t.ex. #alias:server)",
+            "no_aliases_room": "Det här rummet har inga lokala adresser",
+            "no_aliases_space": "Det här utrymmet har inga lokala adresser",
+            "other_section": "Annat",
+            "publish_toggle": "Publicera rummet i den offentliga rumskatalogen på %(domain)s?",
+            "published_aliases_description": "För att publicera en adress så måste den vara satt som en lokal adress först.",
+            "published_aliases_explainer_room": "Publicerade adresser kan användas av vem som helst på vilken server som helst för att gå med i ditt rum.",
+            "published_aliases_explainer_space": "Publicerade adresser kan användas av vem som helst på vilken server som helst för att gå med i ditt utrymme.",
+            "published_aliases_section": "Publicerade adresser",
+            "save": "Spara ändringar",
+            "topic_field_label": "Rumsämne"
+        },
+        "notifications": {
+            "browse_button": "Bläddra",
+            "custom_sound_prompt": "Ställ in ett nytt anpassat ljud",
+            "notification_sound": "Aviseringsljud",
+            "settings_link": "Få aviseringar i enlighet med dina <a>inställningar</a>",
+            "sounds_section": "Ljud",
+            "upload_sound_label": "Ladda upp anpassat ljud",
+            "uploaded_sound": "Uppladdat ljud"
+        },
+        "people": {
+            "knock_empty": "Inga förfrågningar",
+            "knock_section": "Ber om att gå med",
+            "see_less": "Visa mindre",
+            "see_more": "Visa mer"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Ge en eller flera användare i det här rummet fler privilegier",
+            "add_privileged_user_filter_placeholder": "Sök efter användare i det här rummet…",
+            "add_privileged_user_heading": "Lägg till privilegierade användare",
+            "ban": "Banna användare",
+            "ban_reason": "Orsak",
+            "banned_by": "Bannad av %(displayName)s",
+            "banned_users_section": "Bannade användare",
+            "error_changing_pl_description": "Ett fel inträffade vid ändring av användarens behörighetsnivå. Försäkra att du har tillräcklig behörighet och försök igen.",
+            "error_changing_pl_reqs_description": "Ett fel inträffade vid ändring av rummets krav på behörighetsnivå. Försäkra att du har tillräcklig behörighet och försök igen.",
+            "error_changing_pl_reqs_title": "Fel vid ändring av behörighetskrav",
+            "error_changing_pl_title": "Fel vid ändring av behörighetsnivå",
+            "error_unbanning": "Misslyckades att avbanna",
+            "events_default": "Skicka meddelanden",
+            "invite": "Bjuda in användare",
+            "kick": "Ta bort användare",
+            "m.call": "Starta %(brand)s samtal",
+            "m.call.member": "Gå med i %(brand)s samtal",
+            "m.reaction": "Skicka reaktioner",
+            "m.room.avatar": "Byt rumsavatar",
+            "m.room.avatar_space": "Byt utrymmesavatar",
+            "m.room.canonical_alias": "Byt huvudadress för rummet",
+            "m.room.canonical_alias_space": "Byt huvudadress för utrymmet",
+            "m.room.encryption": "Aktivera rumskryptering",
+            "m.room.history_visibility": "Ändra synlighet för historik",
+            "m.room.name": "Ändra rumsnamn",
+            "m.room.name_space": "Byt utrymmesnamn",
+            "m.room.pinned_events": "Hantera fästa händelser",
+            "m.room.power_levels": "Ändra behörigheter",
+            "m.room.redaction": "Ta bort meddelanden skickade av mig",
+            "m.room.server_acl": "Ändra server-ACLer",
+            "m.room.tombstone": "Uppgradera rummet",
+            "m.room.topic": "Ändra ämne",
+            "m.room.topic_space": "Ändra beskrivningen",
+            "m.space.child": "Hantera rum i det här utrymmet",
+            "m.widget": "Ändra widgets",
+            "muted_users_section": "Dämpade användare",
+            "no_privileged_users": "Inga användare har specifika privilegier i det här rummet",
+            "notifications.room": "Meddela alla",
+            "permissions_section": "Behörigheter",
+            "permissions_section_description_room": "Välj de roller som krävs för att ändra olika delar av rummet",
+            "permissions_section_description_space": "Välj de roller som krävs för att ändra olika delar av utrymmet",
+            "privileged_users_section": "Privilegierade användare",
+            "redact": "Ta bort meddelanden skickade av andra",
+            "send_event_type": "Skicka %(eventType)s-händelser",
+            "state_default": "Ändra inställningar",
+            "title": "Roller & behörigheter",
+            "users_default": "Standardroll"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "När det är aktiverat kan kryptering för ett rum inte inaktiveras. Meddelanden som skickas i ett krypterat rum kan inte ses av servern, utan endast av deltagarna i rummet. Att aktivera kryptering kan förhindra att många bottar och bryggor fungerar korrekt. <a>Läs mer om kryptering.</a>",
+            "enable_encryption_confirm_title": "Aktivera kryptering?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Det rekommenderas inte att lägga till kryptering i offentliga rum.</b> Vem som helst kan hitta och gå med i offentliga rum, så vem som helst kan läsa meddelanden i dem. Du får inga av fördelarna med kryptering, och du kommer inte kunna stänga av de senare. Kryptering av meddelanden i offentliga rum kommer att göra det långsammare att ta emot och skicka meddelanden.",
+            "enable_encryption_public_room_confirm_description_2": "För att undvika dessa problem, skapa ett <a>nytt krypterat rum</a> för konversationen du planerar att ha.",
+            "enable_encryption_public_room_confirm_title": "Är du säker på att du vill lägga till kryptering till det här offentliga rummet?",
+            "encrypted_room_public_confirm_description_1": "<b>Det rekommenderas inte att föra krypterade rum offentliga.</b> Det kommer betyda att vem som helst kan hitta och gå med i rummet, som vem som helst kan läsa meddelanden i dem. Du får inga av fördelarna med kryptering. Kryptering av meddelanden i ett offentligt rum kommer att göra sändning och mottagning av meddelanden långsammare.",
+            "encrypted_room_public_confirm_description_2": "För att undvika dessa problem, skapa ett <a>nytt offentligt rum</a> för konversationen du planerar att ha.",
+            "encrypted_room_public_confirm_title": "Är du säker på att du vill göra det här krypterade rummet offentligt?",
+            "encryption_forced": "Din server kräver att kryptering är inaktiverat.",
+            "encryption_permanent": "Efter aktivering kan kryptering inte inaktiveras.",
+            "error_join_rule_change_title": "Misslyckades att uppdatera regler för att gå med",
+            "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_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.",
+            "history_visibility_world_readable": "Vem som helst",
+            "join_rule_description": "Bestäm vem som kan gå med i %(roomName)s.",
+            "join_rule_invite": "Privat (endast inbjudan)",
+            "join_rule_invite_description": "Endast inbjudna personer kan gå med.",
+            "join_rule_knock": "Be om att gå med",
+            "join_rule_knock_description": "Personer kan inte gå med om inte åtkomst ges.",
+            "join_rule_public_description": "Vem som helst kan hitta och gå med.",
+            "join_rule_restricted": "Utrymmesmedlemmar",
+            "join_rule_restricted_description": "Vem som helst i ett utrymme kan hitta och gå med. <a>Redigera vilka utrymmen som kan komma åt här.</a>",
+            "join_rule_restricted_description_active_space": "Vem som helst i <spaceName/> kan hitta och gå med. Du kan välja andra utrymmen också.",
+            "join_rule_restricted_description_prompt": "Vem som helst i ett utrymme kan hitta och gå med. Du kan välja flera utrymmen.",
+            "join_rule_restricted_description_spaces": "Utrymmen med åtkomst",
+            "join_rule_restricted_dialog_description": "Bestäm vilka utrymmen som kan komma åt det hör rummet. Om ett utrymme väljs så kan dess medlemmar hitta och gå med i <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Du tar bort alla utrymmen. Åtkomst kommer att sättas som förval till endast inbjudan",
+            "join_rule_restricted_dialog_filter_placeholder": "Sök i utrymmen",
+            "join_rule_restricted_dialog_heading_known": "Andra utrymmen du känner till",
+            "join_rule_restricted_dialog_heading_other": "Andra utrymmen du kanske inte känner till",
+            "join_rule_restricted_dialog_heading_room": "Utrymmen du känner till som innehåller det här rummet",
+            "join_rule_restricted_dialog_heading_space": "Utrymmen du känner till som innehåller det här utrymmet",
+            "join_rule_restricted_dialog_heading_unknown": "Dessa är troligen såna andra rumsadmins är med i.",
+            "join_rule_restricted_dialog_title": "Välj utrymmen",
+            "join_rule_restricted_n_more": {
+                "other": "& %(count)s till",
+                "one": "& %(count)s till"
+            },
+            "join_rule_restricted_summary": {
+                "other": "Just nu har %(count)s utrymmen åtkomst",
+                "one": "Just nu har ett utrymme åtkomst"
+            },
+            "join_rule_restricted_upgrade_description": "Den här uppgraderingen kommer att låta medlemmar i valda utrymmen komma åt det här rummet utan en inbjudan.",
+            "join_rule_restricted_upgrade_warning": "Det här rummet är med i några utrymmen du inte är admin för. I de utrymmena så kommer det gamla rummet fortfarande visas, men folk kommer uppmanas att gå med i det nya.",
+            "join_rule_upgrade_awaiting_room": "Laddar nytt rum",
+            "join_rule_upgrade_required": "Uppgradering krävs",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Skickar inbjudan…",
+                "other": "Skickar inbjudningar… (%(progress)s av %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Uppdaterar utrymme…",
+                "other": "Uppdaterar utrymmen… (%(progress)s av %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Uppgraderar rum",
+            "public_without_alias_warning": "För att länka till det här rummet, lägg till en adress.",
+            "publish_room": "Gör det här rummet synligt i den offentliga rumskatalogen.",
+            "publish_space": "Gör det här utrymmet synligt i den offentliga rumskatalogen.",
+            "strict_encryption": "Skicka aldrig krypterade meddelanden till overifierade sessioner i det här rummet från den här sessionen",
+            "title": "Säkerhet & sekretess"
+        },
+        "title": "Rumsinställningar - %(roomName)s",
+        "upload_avatar_label": "Ladda upp avatar",
+        "visibility": {
+            "alias_section": "Adress",
+            "error_failed_save": "Misslyckades att uppdatera synligheten för det här utrymmet",
+            "error_update_guest_access": "Misslyckades att uppdatera gäståtkomst för det här utrymmet",
+            "error_update_history_visibility": "Misslyckades att uppdatera historiksynlighet för det här utrymmet",
+            "guest_access_explainer": "Gäster kan gå med i ett utrymme utan att ha ett konto.",
+            "guest_access_label": "Aktivera gäståtkomst",
+            "history_visibility_anyone_space": "Förhandsgranska utrymme",
+            "history_visibility_anyone_space_description": "Låt personer förhandsgranska ditt utrymme innan de går med.",
+            "history_visibility_anyone_space_recommendation": "Rekommenderas för offentliga utrymmen.",
+            "title": "Synlighet"
+        },
+        "voip": {
+            "call_type_section": "Samtalstyp",
+            "enable_element_call_caption": "%(brand)s är totalsträckskrypterad, men är för närvarande begränsad till ett lägre antal användare.",
+            "enable_element_call_label": "Aktivera %(brand)s som ett extra samtalsalternativ i det här rummet",
+            "enable_element_call_no_permissions_tooltip": "Du är inte behörig att ändra detta."
+        }
+    },
+    "room_summary_card_back_action_label": "Rumsinformation",
+    "scalar": {
+        "error_create": "Kunde inte skapa widgeten.",
+        "error_membership": "Du är inte i det här rummet.",
+        "error_missing_room_id": "Rums-ID saknas.",
+        "error_missing_room_id_request": "room_id saknas i förfrågan",
+        "error_missing_user_id_request": "user_id saknas i förfrågan",
+        "error_permission": "Du har inte behörighet att göra det i det här rummet.",
+        "error_power_level_invalid": "Behörighetsnivå måste vara ett positivt heltal.",
+        "error_room_not_visible": "Rummet %(roomId)s är inte synligt",
+        "error_room_unknown": "Detta rum känns inte igen.",
+        "error_send_request": "Misslyckades att sända begäran.",
+        "failed_read_event": "Misslyckades att läsa händelser",
+        "failed_send_event": "Misslyckades att skicka händelse"
+    },
+    "server_offline": {
+        "description": "Din server svarar inte på vissa av dina förfrågningar. Nedan är några av de troligaste anledningarna.",
+        "description_1": "Servern (%(serverName)s) tog för lång tid att svara.",
+        "description_2": "Din brandvägg eller ditt anti-virus blockerar förfrågan.",
+        "description_3": "Ett webbläsartillägg förhindrar förfrågan.",
+        "description_4": "Servern är offline.",
+        "description_5": "Servern nekade din förfrågan.",
+        "description_6": "Ditt område upplever störningar i internetuppkopplingen.",
+        "description_7": "Ett fel inträffade vid försök att kontakta servern.",
+        "description_8": "Servern är inte inställd på att indikera vad problemet är (CORS).",
+        "empty_timeline": "Du är ikapp.",
+        "recent_changes_heading": "Nyliga ändringar har inte mottagits än",
+        "title": "Servern svarar inte"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s kräver en service worker för att läsa in autentiserade media från Matrix-innehållsförråd. Detta stöds inte av din webbläsare, så du kan uppleva att media misslyckas att laddas.",
+        "title": "Misslyckades att ladda service worker"
+    },
+    "seshat": {
+        "error_initialising": "Initialisering av meddelandesök misslyckades, kolla <a>dina inställningar</a> för mer information",
+        "reset_button": "Återställ händelselagring",
+        "reset_description": "Du vill troligen inte återställa din händelseregisterlagring",
+        "reset_explainer": "Om du gör det, observera att inga av dina meddelanden kommer att raderas, men sökupplevelsen kan degraderas en stund medans registret byggs upp igen",
+        "reset_title": "Återställ händelselagring?",
+        "warning_kind_files": "Den här versionen av %(brand)s stöder inte visning av vissa krypterade filer",
+        "warning_kind_files_app": "Använd <a>skrivbordsappen</a> för att se alla krypterade filer",
+        "warning_kind_search": "Den här versionen av %(brand)s stöder inte sökning bland krypterade meddelanden",
+        "warning_kind_search_app": "Använd <a>skrivbordsappen</a> söka bland krypterade meddelanden"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Din åtkomsttoken ger full åtkomst till ditt konto. Dela den inte med någon.",
+            "brand_version": "%(brand)s-version:",
+            "clear_cache_reload": "Rensa cache och ladda om",
+            "crypto_version": "Kryptoversion:",
+            "dialog_title": "<strong>Inställningar: </strong> Hjälp & Om",
+            "help_link": "För hjälp med att använda %(brand)s, klicka <a>här</a>.",
+            "homeserver": "Hemservern är <code>%(homeserverUrl)s</code>",
+            "identity_server": "Identitetsservern är <code>%(identityServerUrl)s</code>",
+            "title": "Hjälp & om",
+            "versions": "Versioner"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Inställningar: </strong> Konto",
+            "title": "Konto"
+        },
+        "all_rooms_home": "Visa alla rum i Hem",
+        "all_rooms_home_description": "Alla rum du är in kommer att visas i Hem.",
+        "always_show_message_timestamps": "Visa alltid tidsstämplar för meddelanden",
+        "appearance": {
+            "bundled_emoji_font": "Använd medföljande emoji-teckensnitt",
+            "compact_layout": "Visa kompakta texter och meddelanden",
+            "compact_layout_description": "Modern layout måste väljas för att använda den här funktionen.",
+            "custom_font": "Använd systemets teckensnitt",
+            "custom_font_description": "Sätt namnet för ett teckensnitt installerat på ditt system så kommer %(brand)s att försöka använda det.",
+            "custom_font_name": "Namn på systemets teckensnitt",
+            "custom_font_size": "Använd anpassad storlek",
+            "custom_theme_add": "Lägg till anpassat tema",
+            "custom_theme_downloading": "Laddar ned anpassat tema...",
+            "custom_theme_error_downloading": "Fel vid nedladdning av tema",
+            "custom_theme_help": "Ange webbadressen till ett anpassat tema som du vill använda.",
+            "custom_theme_invalid": "Ogiltigt temaschema.",
+            "dialog_title": "<strong>Inställningar:</strong> Utseende",
+            "font_size": "Teckenstorlek",
+            "font_size_default": "%(fontSize)s(standard)",
+            "high_contrast": "Hög kontrast",
+            "image_size_default": "Standard",
+            "image_size_large": "Stor",
+            "layout_bubbles": "Meddelandebubblor",
+            "layout_irc": "IRC (Experimentellt)",
+            "match_system_theme": "Matcha systemtema",
+            "timeline_image_size": "Bildstorlek i tidslinjen"
+        },
+        "automatic_language_detection_syntax_highlight": "Aktivera automatisk språkdetektering för syntaxmarkering",
+        "autoplay_gifs": "Autospela GIF:ar",
+        "autoplay_videos": "Autospela videor",
+        "big_emoji": "Aktivera stora emojier i chatt",
+        "code_block_expand_default": "Expandera kodblock för förval",
+        "code_block_line_numbers": "Visa radnummer i kodblock",
+        "disable_historical_profile": "Visa nuvarande profilbild och namn för användare i meddelandehistoriken",
+        "discovery": {
+            "title": "Hur man hittar dig"
+        },
+        "emoji_autocomplete": "Aktivera emojiförslag medan du skriver",
+        "enable_markdown": "Aktivera Markdown",
+        "enable_markdown_description": "Börja meddelanden med <code>/plain</code> för att skicka utan markdown.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Dina kontouppgifter, kontakter, inställningar och chattlista sparas",
+                "breadcrumb_page": "Återställ kryptering",
+                "breadcrumb_second_description": "Du kommer att förlora all meddelandehistorik som bara lagras på servern",
+                "breadcrumb_third_description": "Du måste verifiera alla dina befintliga enheter och kontakter igen",
+                "breadcrumb_title": "Är du säker på att du vill återställa din identitet?",
+                "breadcrumb_title_forgot": "Glömt din återställningsnyckel? Du måste återställa din identitet.",
+                "breadcrumb_title_sync_failed": "Misslyckades att synkronisera nyckellagringen. Du måste återställa din identitet.",
+                "breadcrumb_warning": "Gör bara detta om du tror att ditt konto har utsatts för intrång.",
+                "details_title": "Krypteringsdetaljer",
+                "do_not_close_warning": "Stäng inte fönstret förrän återställningen är klar",
+                "export_keys": "Exportera nycklar",
+                "import_keys": "Importera nycklar",
+                "other_people_device_description": "Som standard i krypterade rum, skicka inte krypterade meddelanden till någon förrän du har verifierat dem",
+                "other_people_device_label": "Skicka aldrig krypterade meddelanden till obekräftade enheter",
+                "other_people_device_title": "Andras enheter",
+                "reset_identity": "Återställ kryptografisk identitet",
+                "reset_in_progress": "Återställning pågår …",
+                "session_id": "Sessions-ID:",
+                "session_key": "Sessionsnyckel:",
+                "title": "Avancerad"
+            },
+            "confirm_key_storage_off": "Är du säker på att du vill hålla nyckellagring avstängd?",
+            "confirm_key_storage_off_description": "Om du loggar ut från alla dina enheter kommer du att förlora din meddelandehistorik och måste verifiera alla dina befintliga kontakter igen. <a>Läs mer</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Radera nyckellagring",
+                "confirm": "Radera nyckellagring",
+                "description": "Om du raderar nyckelförvaringen tas din kryptografiska identitet och dina meddelandenycklar bort från servern och följande säkerhetsfunktioner stängs av:",
+                "list_first": "Du kommer inte att ha krypterad meddelandehistorik på nya enheter",
+                "list_second": "Du kommer att förlora åtkomst till dina krypterade meddelanden om du loggas ut från %(brand)s överallt",
+                "title": "Är du säker på att du vill stänga av nyckellagring och radera den?"
+            },
+            "device_not_verified_button": "Verifiera den här enheten",
+            "device_not_verified_description": "Du måste verifiera den här enheten för att se dina krypteringsinställningar.",
+            "device_not_verified_title": "Enhet inte verifierad",
+            "dialog_title": "<strong>Inställningar:</strong> Kryptering",
+            "key_storage": {
+                "allow_key_storage": "Tillåt nyckellagring",
+                "description": "Lagra din kryptografiska identitet och dina meddelandenycklar säkert på servern. Detta gör att du kan se din meddelandehistorik på alla nya enheter. <a>Läs mer</a>",
+                "title": "Nyckellagring"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Bekräfta ny återställningsnyckel",
+                "change_recovery_confirm_description": "Ange din nya återställningsnyckel nedan för att slutföra. Din gamla kommer inte att funka längre.",
+                "change_recovery_confirm_title": "Ange din nya återställningsnyckel",
+                "change_recovery_key": "Byt återställningsnyckel",
+                "change_recovery_key_description": "Skriv ner den här nya återställningsnyckeln någonstans säkert. Klicka sedan på Fortsätt för att bekräfta ändringen.",
+                "change_recovery_key_title": "Byt återställningsnyckel?",
+                "description": "Återställ din kryptografiska identitet och meddelandehistorik med en återställningsnyckel om du har tappat bort alla dina befintliga enheter.",
+                "enter_key_error": "Återställningsnyckeln du angav är inte korrekt.",
+                "enter_recovery_key": "Ange återställningsnyckel",
+                "forgot_recovery_key": "Glömt återställningsnyckeln?",
+                "key_storage_warning": "Din nyckellagring är inte synkroniserad. Klicka på knappen nedan för att åtgärda problemet.",
+                "save_key_description": "Dela inte detta med någon!",
+                "save_key_title": "Återställningsnyckel",
+                "set_up_recovery": "Konfigurera återställning",
+                "set_up_recovery_confirm_button": "Slutför inställningen",
+                "set_up_recovery_confirm_description": "Ange återställningsnyckeln som visas på föregående skärm för att slutföra inställningen av återställningen.",
+                "set_up_recovery_confirm_title": "Ange din återställningsnyckel för att bekräfta",
+                "set_up_recovery_description": "Din nyckellagring skyddas av en återställningsnyckel. Om du behöver en ny återställningsnyckel efter installationen kan du återskapa den genom att välja ”%(changeRecoveryKeyButton)s”.",
+                "set_up_recovery_save_key_description": "Skriv ner den här återställningsnyckeln någonstans säkert, som en lösenordshanterare, krypterad anteckning eller ett fysiskt kassaskåp.",
+                "set_up_recovery_save_key_title": "Spara din återställningsnyckel på ett säkert ställe",
+                "set_up_recovery_secondary_description": "När du har klickat på Fortsätt genererar vi en återställningsnyckel åt dig.",
+                "title": "Återställa"
+            },
+            "title": "Kryptering"
+        },
+        "general": {
+            "account_management_section": "Kontohantering",
+            "account_section": "Konto",
+            "add_email_dialog_title": "Lägg till e-postadress",
+            "add_email_failed_verification": "Misslyckades att bekräfta e-postadressen: set till att du klickade på länken i e-postmeddelandet",
+            "add_email_instructions": "Vi har skickat ett e-brev till dig för att verifiera din adress. Följ instruktionerna där och klicka sedan på knappen nedan.",
+            "add_msisdn_confirm_body": "Klicka på knappen nedan för att bekräfta tilläggning av telefonnumret.",
+            "add_msisdn_confirm_button": "Bekräfta tilläggning av telefonnumret",
+            "add_msisdn_confirm_sso_button": "Bekräfta tilläggning av telefonnumret genom att använda samlad inloggning för att bevisa din identitet.",
+            "add_msisdn_dialog_title": "Lägg till telefonnummer",
+            "add_msisdn_instructions": "Ett SMS har skickats till +%(msisdn)s. Ange verifieringskoden som det innehåller.",
+            "add_msisdn_misconfigured": "Flöde för tilläggning/bindning med MSISDN är felkonfigurerat",
+            "allow_spellcheck": "Tillåt stavningskontroll",
+            "application_language": "Applikationsspråk",
+            "application_language_reload_hint": "Appen laddas om efter att ha valt ett annat språk",
+            "avatar_remove_progress": "Tar bort bild...",
+            "avatar_save_progress": "Laddar upp bild...",
+            "avatar_upload_error_text": "Filformatet stöds inte eller bilden är större än%(size)s.",
+            "avatar_upload_error_text_generic": "Filformatet kanske inte stöds.",
+            "avatar_upload_error_title": "Det gick inte att ladda upp avatarbilden",
+            "confirm_adding_email_body": "Klicka på knappen nedan för att bekräfta tilläggning av e-postadressen.",
+            "confirm_adding_email_title": "Bekräfta tilläggning av e-postadressen",
+            "deactivate_confirm_body": "Är du säker på att du vill inaktivera ditt konto? Detta är oåterkalleligt.",
+            "deactivate_confirm_body_sso": "Bekräfta din kontoinaktivering genom att använda samlad inloggning för att bevisa din identitet.",
+            "deactivate_confirm_content": "Bekräfta att du vill inaktivera ditt konto. Om du fortsätter så:",
+            "deactivate_confirm_content_1": "Kommer du inte kunna återaktivera ditt konto",
+            "deactivate_confirm_content_2": "Kommer du inte längre kunna logga in",
+            "deactivate_confirm_content_3": "Kan ingen återanvända ditt användarnamn (MXID), inklusive du: användarnamnet kommer att vara otillgängligt",
+            "deactivate_confirm_content_4": "Kommer du lämna alla rum och DMer du är med i",
+            "deactivate_confirm_content_5": "Kommer du tas bort från din identitetsserver: dina vänner kommer inte längre kunna hitta dig med din e-postadress eller ditt telefonnummer",
+            "deactivate_confirm_content_6": "Kommer dina meddelanden fortfarande vara synliga för folk som har tagit emot dem, precis som e-post du har skickat tidigare. Vill du dölja dina skickade meddelanden från personer som går med i rum i framtiden?",
+            "deactivate_confirm_continue": "Bekräfta kontoinaktivering",
+            "deactivate_confirm_erase_label": "Dölj mina meddelanden för nya som går med",
+            "deactivate_section": "Inaktivera konto",
+            "deactivate_warning": "Avaktivering av ditt konto är en permanent handling — var försiktig!",
+            "discovery_email_empty": "När du har lagt till en e-postadress visas alternativ för att upptäcka den.",
+            "discovery_email_verification_instructions": "Verifiera länken i din inkorg",
+            "discovery_msisdn_empty": "När du har lagt till ett telefonnummer visas alternativ för att upptäcka det.",
+            "discovery_needs_terms": "Samtyck till identitetsserverns (%(serverName)s) användarvillkor för att låta dig själv vara upptäckbar med e-postadress eller telefonnummer.",
+            "discovery_needs_terms_title": "Låt andra hitta dig",
+            "display_name": "Visningsnamn",
+            "display_name_error": "Det gick inte att ställa in visningsnamn",
+            "email_adding_unsupported_by_hs": "Den här hemservern stöder inte att lägga till e-postadresser till ditt konto.",
+            "email_address_in_use": "Den här e-postadressen används redan",
+            "email_address_label": "E-postadress",
+            "email_not_verified": "Din e-postadress har inte verifierats än",
+            "email_verification_instructions": "Klicka på länken i e-postmeddelandet för att bekräfta och klicka sedan på Fortsätt igen.",
+            "emails_heading": "E-postadresser",
+            "error_add_email": "Kunde inte lägga till e-postadress",
+            "error_deactivate_communication": "Ett problem inträffade vid kommunikation med servern. Vänligen försök igen.",
+            "error_deactivate_invalid_auth": "Servern returnerade inte giltig autentiseringsinformation.",
+            "error_deactivate_no_auth": "Servern krävde inte någon auktorisering",
+            "error_email_verification": "Kunde inte verifiera e-postadressen.",
+            "error_invalid_email": "Ogiltig e-postadress",
+            "error_invalid_email_detail": "Det här verkar inte vara en giltig e-postadress",
+            "error_msisdn_verification": "Kunde inte verifiera telefonnumret.",
+            "error_password_change_403": "Misslyckades att byta lösenord. Är lösenordet rätt?",
+            "error_password_change_http": "%(errorMessage)s (HTTP-status %(httpStatus)s)",
+            "error_password_change_title": "Fel vid byte av lösenord",
+            "error_password_change_unknown": "Okänt fel vid lösenordsändring (%(stringifiedError)s)",
+            "error_remove_3pid": "Kunde inte ta bort kontaktuppgifter",
+            "error_revoke_email_discovery": "Kunde inte återkalla delning för e-postadress",
+            "error_revoke_msisdn_discovery": "Kunde inte återkalla delning för telefonnummer",
+            "error_share_email_discovery": "Kunde inte dela e-postadress",
+            "error_share_msisdn_discovery": "Kunde inte dela telefonnummer",
+            "identity_server_no_token": "Ingen identitetsåtkomsttoken hittades",
+            "identity_server_not_set": "Identitetsserver inte inställd",
+            "invalid_phone_number": "Det angivna telefonnumret verkar inte vara giltigt.",
+            "language_section": "Språk",
+            "msisdn_adding_unsupported_by_hs": "Den här hemservern stöder inte att lägga till telefonnummer till ditt konto.",
+            "msisdn_in_use": "Detta telefonnummer används redan",
+            "msisdn_label": "Telefonnummer",
+            "msisdn_verification_field_label": "Verifieringskod",
+            "msisdn_verification_instructions": "Ange verifieringskod skickad via SMS.",
+            "msisdns_heading": "Telefonnummer",
+            "oidc_manage_button": "Hantera konto",
+            "password_change_section": "Sätt ett nytt kontolösenord …",
+            "password_change_success": "Ditt lösenord byttes framgångsrikt.",
+            "personal_info": "Personlig information",
+            "profile_subtitle": "Så här visas du för andra i appen.",
+            "profile_subtitle_oidc": "Ditt konto hanteras separat av en identitetsleverantör och därför kan vissa av dina personuppgifter inte ändras här.",
+            "remove_email_prompt": "Ta bort %(email)s?",
+            "remove_msisdn_prompt": "Ta bort %(phone)s?",
+            "spell_check_locale_placeholder": "Välj en lokalisering",
+            "unable_to_load_emails": "Det gick inte att ladda e-postadresser",
+            "unable_to_load_msisdns": "Det går inte att läsa in telefonnummer",
+            "username": "Användarnamn"
+        },
+        "inline_url_previews_default": "Aktivera förhandsgranskningar",
+        "insert_trailing_colon_mentions": "Infoga kolon efter användaromnämnande på början av ett meddelande",
+        "invite_controls": {
+            "default_label": "Tillåt användare att bjuda in dig till rum"
+        },
+        "jump_to_bottom_on_send": "Hoppa till botten av tidslinjen när du skickar ett meddelande",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Dina nycklar säkerhetskopieras nu från denna enhet.",
+                "backup_setup_success_title": "Säkerhetskopiering lyckades",
+                "cancel_warning": "Om du avbryter nu så kan du förlora krypterade meddelanden och data om du förlorar åtkomst till dina inloggningar.",
+                "confirm_security_phrase": "Bekräfta din säkerhetsfras",
+                "description": "Skydda mot att förlora åtkomst till krypterade meddelanden och data genom att säkerhetskopiera krypteringsnycklar på din server.",
+                "download_or_copy": "%(downloadButton)s eller %(copyButton)s",
+                "enter_phrase_description": "Ange en säkerhetsfras som bara du känner till, eftersom den används för att säkra din data. För att vara säker, bör du inte återanvända ditt kontolösenord.",
+                "enter_phrase_title": "Ange en säkerhetsfras",
+                "enter_phrase_to_confirm": "Ange din säkerhetsfras igen för att bekräfta den.",
+                "generate_security_key_description": "Vi kommer att generera en återställningsnyckel så du kan lagra någonstans säkert, som en lösenordshanterare eller ett kassaskåp.",
+                "generate_security_key_title": "Generera en återställningsnyckel",
+                "pass_phrase_match_failed": "Det matchar inte.",
+                "pass_phrase_match_success": "Det matchar!",
+                "phrase_strong_enough": "Fantastiskt! Den här säkerhetsfrasen ser tillräckligt stark ut.",
+                "secret_storage_query_failure": "Kunde inte fråga efter status på hemlig lagring",
+                "security_key_safety_reminder": "Lagra din säkerhetsnyckel någonstans säkert, som en lösenordshanterare eller ett kassaskåp, eftersom den används för att säkra din krypterade data.",
+                "set_phrase_again": "Gå tillbaka och sätt den igen.",
+                "settings_reminder": "Du kan även ställa in säker säkerhetskopiering och hantera dina nycklar i inställningarna.",
+                "title_confirm_phrase": "Bekräfta säkerhetsfras",
+                "title_save_key": "Spara din säkerhetsnyckel",
+                "title_set_phrase": "Sätt en säkerhetsfras",
+                "unable_to_setup": "Kunde inte sätta upp hemlig lagring",
+                "use_different_passphrase": "Använd en annan lösenfras?",
+                "use_phrase_only_you_know": "Använd en hemlig fras endast du känner till, och spara valfritt en återställningsnyckel att använda för säkerhetskopiering."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Bekräfta lösenfrasen",
+            "enter_passphrase": "Ange lösenfras",
+            "export_description_1": "Denna process låter dig exportera nycklarna för meddelanden som du har fått i krypterade rum till en lokal fil. Du kommer sedan att kunna importera filen i en annan Matrix-klient i framtiden, så att den klienten också kan avkryptera meddelandena.",
+            "export_description_2": "Den exporterade filen låter alla som kan läsa den avkryptera alla krypterade meddelanden som du kan se, så du bör vara noga med att hålla den säker. För att hjälpa till med detta bör du ange en unik lösenfras nedan, som endast kommer att användas för att kryptera exporterade data. Det kommer bara att vara möjligt att importera datan med samma lösenfras.",
+            "export_title": "Exportera rumsnycklar",
+            "file_to_import": "Fil att importera",
+            "import_description_1": "Denna process möjliggör import av krypteringsnycklar som tidigare exporterats från en annan Matrix-klient. Du kommer då kunna avkryptera alla meddelanden som den andra klienten kunde avkryptera.",
+            "import_description_2": "Den exporterade filen kommer vara skyddad med en lösenfras. Du måste ange lösenfrasen här, för att avkryptera filen.",
+            "import_title": "Importera rumsnycklar",
+            "phrase_cannot_be_empty": "Lösenfrasen får inte vara tom",
+            "phrase_must_match": "Lösenfraser måste matcha",
+            "phrase_strong_enough": "Bra! Den här lösenfrasen ser tillräckligt stark ut"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Inställningar: </strong> Tangentbord",
+            "title": "Tangentbord"
+        },
+        "labs": {
+            "dialog_title": "<strong>Inställningar: </strong> Labs"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Inställningar:</strong> Ignorerade användare"
+        },
+        "media_preview": {
+            "hide_avatars": "Dölj avatarer för rum och inbjudare",
+            "hide_media": "Dölj alltid",
+            "media_preview_description": "En dold media kan alltid visas genom att trycka på den",
+            "media_preview_label": "Visa media i tidslinjen",
+            "show_in_private": "I privata rum",
+            "show_media": "Visa alltid"
+        },
+        "not_supported": "Din server implementerar inte den här funktionen.",
+        "notifications": {
+            "default_setting_description": "Denna inställning kommer att tillämpas som standard för alla dina rum.",
+            "default_setting_section": "Jag vill bli meddelad för (Standardinställning)",
+            "desktop_notification_message_preview": "Visa förhandsgranskning av meddelanden i skrivbordsmeddelanden",
+            "dialog_title": "<strong>Inställningar:</strong> Aviseringar",
+            "email_description": "Få en sammanfattning av missade aviseringar via e-post",
+            "email_section": "E-postsammanfattning",
+            "email_select": "Välj vilka e-postadresser du vill skicka sammanfattningar till. Hantera dina e-postadresser i <button>Allmänt</button>.",
+            "enable_audible_notifications_session": "Aktivera ljudaviseringar för den här sessionen",
+            "enable_desktop_notifications_session": "Aktivera skrivbordsaviseringar för den här sessionen",
+            "enable_email_notifications": "Aktivera e-postaviseringar för %(email)s",
+            "enable_notifications_account": "Aktivera aviseringar för det här kontot",
+            "enable_notifications_account_detail": "Stäng av för att inaktivera aviseringar för alla dina enheter och sessioner",
+            "enable_notifications_device": "Aktivera aviseringar för den här enheten",
+            "error_loading": "Ett fel inträffade när dina aviseringsinställningar laddades.",
+            "error_permissions_denied": "%(brand)s har inte tillstånd att skicka aviseringar - kontrollera webbläsarens inställningar",
+            "error_permissions_missing": "%(brand)s fick inte tillstånd att skicka aviseringar - försök igen",
+            "error_saving": "Fel vid sparning av aviseringsinställningar",
+            "error_saving_detail": "Ett fel inträffade när dina aviseringsinställningar sparades.",
+            "error_title": "Det går inte att aktivera aviseringar",
+            "error_updating": "Ett fel uppstod när du uppdaterade dina aviseringsinställningar. Pröva att växla alternativet igen.",
+            "invites": "Inbjuden till ett rum",
+            "keywords": "Visa ett märke <badge/> när nyckelord används i ett rum.",
+            "keywords_prompt": "Ange nyckelord här, eller använd för stavningsvariationer eller smeknamn",
+            "labs_notice_prompt": "<strong>Uppdatering:</strong> Vi har förenklat aviseringsinställningarna för att göra alternativen enklare att hitta. Vissa anpassade inställningar som du har valt tidigare visas inte här, men de är fortfarande aktiva. Om du fortsätter kan vissa av dina inställningar ändras. <a>Läs mer</a>",
+            "mentions_keywords": "Omnämnanden och nyckelord",
+            "mentions_keywords_only": "Endast omnämnanden och nyckelord",
+            "messages_containing_keywords": "Meddelanden som innehåller nyckelord",
+            "noisy": "Högljudd",
+            "notices": "Meddelanden skickade av bottar",
+            "notify_at_room": "Meddela när någon nämner genom att använda @room",
+            "notify_keyword": "Meddela när någon använder ett nyckelord",
+            "notify_mention": "Meddela när någon nämner genom att använda @visningsnamn eller %(mxid)s",
+            "other_section": "Andra saker vi tror att du kan vara intresserad av:",
+            "people_mentions_keywords": "Personer, omnämnanden och nyckelord",
+            "play_sound_for_description": "Tillämpas som standard för alla rum på alla enheter.",
+            "play_sound_for_section": "Spela ett ljud för",
+            "push_targets": "Aviseringsmål",
+            "quick_actions_mark_all_read": "Markera alla meddelanden som lästa",
+            "quick_actions_reset": "Återställ till standardinställningar",
+            "quick_actions_section": "Snabbåtgärder",
+            "room_activity": "Ny rumsaktivitet, uppgraderingar och statusmeddelanden inträffar",
+            "rule_call": "Inbjudan till samtal",
+            "rule_contains_display_name": "Meddelanden som innehåller mitt visningsnamn",
+            "rule_contains_user_name": "@omnämnanden och svar",
+            "rule_encrypted": "Krypterade meddelanden i gruppchattar",
+            "rule_encrypted_room_one_to_one": "Krypterade meddelanden i en-till-en-chattar",
+            "rule_invite_for_me": "När jag bjuds in till ett rum",
+            "rule_message": "Meddelanden i gruppchattar",
+            "rule_room_one_to_one": "Meddelanden i en-till-en-chattar",
+            "rule_roomnotif": "@rumsomnämnanden",
+            "rule_suppress_notices": "Meddelanden från bottar",
+            "rule_tombstone": "När rum uppgraderas",
+            "show_message_desktop_notification": "Visa meddelande i skrivbordsavisering",
+            "voip": "Ljud- och videosamtal"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Förhindra att fönsterinnehållet spelas in av andra appar",
+            "Electron.enableHardwareAcceleration": "Aktivera hårdvaruacceleration (starta om%(appName)s att träda i kraft)",
+            "always_show_menu_bar": "Visa alltid fönstermenyn",
+            "autocomplete_delay": "Autokompletteringsfördröjning (ms)",
+            "code_blocks_heading": "Kodblock",
+            "compact_modern": "Använd ett mer kompakt 'modernt' arrangemang",
+            "composer_heading": "Meddelandefält",
+            "default_timezone": "Webbläsarens standard (%(timezone)s)",
+            "dialog_title": "<strong>Inställningar:</strong> Alternativ",
+            "enable_content_protection": "Aktivera innehållsskydd",
+            "enable_hardware_acceleration": "Aktivera hårdvaruaccelerering",
+            "enable_tray_icon": "Visa ikon i systembrickan och minimera programmet till den när fönstret stängs",
+            "keyboard_heading": "Tangentbordsgenvägar",
+            "keyboard_view_shortcuts_button": "För att se alla tangentbordsgenvägar, <a>klicka här</a>.",
+            "media_heading": "Bilder, GIF:ar och videor",
+            "presence_description": "Dela din aktivitet och status med andra.",
+            "publish_timezone": "Publicera tidszon på offentlig profil",
+            "rm_lifetime": "Läsmarkörens livstid (ms)",
+            "rm_lifetime_offscreen": "Läsmarkörens livstid utanför skärmen (ms)",
+            "room_directory_heading": "Rumskatalog",
+            "room_list_heading": "Rumslista",
+            "show_avatars_pills": "Visa avatarer i användar-, rums- och händelseomnämnanden",
+            "show_polls_button": "Visa omröstningsknapp",
+            "surround_text": "Inneslut valt text vid skrivning av specialtecken",
+            "time_heading": "Tidvisning",
+            "user_timezone": "Ange tidszon"
+        },
+        "prompt_invite": "Fråga innan inbjudningar skickas till potentiellt ogiltiga Matrix-ID:n",
+        "replace_plain_emoji": "Ersätt automatiskt textemotikoner med emojier",
+        "security": {
+            "analytics_description": "Dela anonyma data för att hjälpa oss att identifiera problem. Inget personligt. Inga tredje parter.",
+            "bulk_options_accept_all_invites": "Acceptera alla %(invitedRooms)s inbjudningar",
+            "bulk_options_reject_all_invites": "Avböj alla %(invitedRooms)s inbjudningar",
+            "bulk_options_section": "Massalternativ",
+            "dehydrated_device_description": "Funktionen offlineenhet låter dig ta emot krypterade meddelanden även när du inte är inloggad på någon enhet",
+            "dehydrated_device_enabled": "Offlineenhet aktiverad",
+            "dialog_title": "<strong>Inställningar:</strong> Säkerhet och integritet",
+            "e2ee_default_disabled_warning": "Din serveradministratör har inaktiverat totalsträckskryptering som förval för privata rum och direktmeddelanden.",
+            "enable_message_search": "Aktivera meddelandesökning i krypterade rum",
+            "encryption_section": "Kryptering",
+            "ignore_users_empty": "Du har inga ignorerade användare.",
+            "ignore_users_section": "Ignorerade användare",
+            "key_backup_algorithm": "Algoritm:",
+            "message_search_disable_warning": "Om den är inaktiverad visas inte meddelanden från krypterade rum i sökresultaten.",
+            "message_search_disabled": "Cachar krypterade meddelanden säkert lokalt för att de ska visas i sökresultat.",
+            "message_search_enabled": {
+                "one": "Cacha på ett säkert sätt krypterade meddelanden lokalt för att de ska visas i sökresultat, och använd %(size)s för att lagra meddelanden från %(rooms)s rum.",
+                "other": "Cacha på ett säkert sätt krypterade meddelanden lokalt för att de ska visas i sökresultat, och använd %(size)s för att lagra meddelanden från %(rooms)s rum."
+            },
+            "message_search_failed": "Initialisering av meddelandesökning misslyckades",
+            "message_search_indexed_messages": "Indexerade meddelanden:",
+            "message_search_indexed_rooms": "Indexerade rum:",
+            "message_search_indexing": "Indexerar för närvarande: %(currentRoom)s",
+            "message_search_indexing_idle": "Indexerar för närvarande inte meddelanden för något rum.",
+            "message_search_intro": "%(brand)s cachar säkert krypterade meddelanden lokalt för att de ska visas i sökresultat:",
+            "message_search_room_progress": "%(doneRooms)s av %(totalRooms)s",
+            "message_search_section": "Meddelandesök",
+            "message_search_sleep_time": "Hur snabbt ska meddelanden laddas ner.",
+            "message_search_space_used": "Använt utrymme:",
+            "message_search_unsupported": "%(brand)s saknar vissa komponenter som krävs som krävs för att säkert cacha krypterade meddelanden lokalt. Om du vill experimentera med den här funktionen, bygg en anpassad %(brand)s Skrivbord med <nativeLink>sökkomponenter tillagda</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s kan inte säkert cacha krypterade meddelanden lokalt när den kör i en webbläsare. Använd <desktopLink>%(brand)s Skrivbord</desktopLink> för att krypterade meddelanden ska visas i sökresultaten.",
+            "record_session_details": "Spara klientens namn, version och URL för att lättare känna igen sessioner i sessionshanteraren",
+            "send_analytics": "Skicka statistik",
+            "strict_encryption": "Skicka bara meddelanden till verifierade användare"
+        },
+        "send_read_receipts": "Skicka läskvitton",
+        "send_read_receipts_unsupported": "Din server stöder inte inaktivering av läskvitton.",
+        "send_typing_notifications": "Skicka \"skriver\"-statusar",
+        "sessions": {
+            "best_security_note": "För bästa säkerhet, verifiera dina sessioner och logga ut från sessioner som du inte känner igen eller använder längre.",
+            "confirm_sign_out": {
+                "one": "Bekräfta utloggning av denna enhet",
+                "other": "Bekräfta utloggning av dessa enheter"
+            },
+            "confirm_sign_out_body": {
+                "one": "Klicka på knappen nedan för att bekräfta utloggning av denna enhet.",
+                "other": "Klicka på knappen nedan för att bekräfta utloggning av dessa enheter."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Logga ut enhet",
+                "other": "Logga ut enheter"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Bekräfta utloggning av denna enhet genom att använda samlad inloggning för att bevisa din identitet.",
+                "other": "Bekräfta utloggning av dessa enheter genom att använda samlad inloggning för att bevisa din identitet."
+            },
+            "current_session": "Nuvarande session",
+            "desktop_session": "Skrivbordssession",
+            "details_heading": "Sessionsdetaljer",
+            "device_unverified_description": "Verifiera eller logga ut ur den här sessionen för bäst säkerhet och pålitlighet.",
+            "device_unverified_description_current": "Verifiera din nuvarande session för förbättrade säkra meddelanden.",
+            "device_verified_description": "Den här sessionen är redo för säkra meddelanden.",
+            "device_verified_description_current": "Din nuvarande session är redo för säkra meddelanden.",
+            "dialog_title": "<strong>Inställningar: </strong> Sessioner",
+            "error_pusher_state": "Misslyckades att sätta pusharläge",
+            "error_set_name": "Misslyckades att ange sessionsnamn",
+            "filter_all": "Alla",
+            "filter_inactive": "Inaktiv",
+            "filter_inactive_description": "Inaktiv i %(inactiveAgeDays)s dagar eller längre",
+            "filter_label": "Filtrera enheter",
+            "filter_unverified_description": "Inte redo för säkra meddelanden",
+            "filter_verified_description": "Redo för säkra meddelanden",
+            "hide_details": "Dölj detaljer",
+            "inactive_days": "Inaktiv i %(inactiveAgeDays)s+ dagar",
+            "inactive_sessions": "Inaktiva sessioner",
+            "inactive_sessions_explainer_1": "Inaktiva sessioner är sessioner du inte har använt på länge, men de fortsätter att motta krypteringsnycklar.",
+            "inactive_sessions_explainer_2": "Borttagning av inaktiva sessioner förbättra säkerhet och prestanda, och gör det enklare för dig att identifiera om en ny session är misstänkt.",
+            "inactive_sessions_list_description": "Överväg att logga ut ur gamla sessioner (%(inactiveAgeDays)s dagar eller äldre) du inte använder längre.",
+            "ip": "IP-adress",
+            "last_activity": "Senaste aktiviteten",
+            "manage": "Hantera denna session",
+            "mobile_session": "Mobil session",
+            "n_sessions_selected": {
+                "one": "%(count)s session vald",
+                "other": "%(count)s sessioner valda"
+            },
+            "no_inactive_sessions": "Inga inaktiva sessioner hittades.",
+            "no_sessions": "Inga sessioner hittades.",
+            "no_unverified_sessions": "Inga overifierade sessioner hittades.",
+            "no_verified_sessions": "Inga verifierade sessioner hittades.",
+            "other_sessions_heading": "Andra sessioner",
+            "push_heading": "Pushnotiser",
+            "push_subheading": "Få pushnotiser på den här sessionen.",
+            "push_toggle": "Växla pushnotiser på den här sessionen.",
+            "rename_form_caption": "Observera att sessionsnamn också syns för personer du kommunicerar med.",
+            "rename_form_heading": "Döp om session",
+            "rename_form_learn_more": "Döper om sessioner",
+            "rename_form_learn_more_description_1": "Andra användare i direktmeddelanden och rum du går med i kan se en full lista över dina sessioner.",
+            "rename_form_learn_more_description_2": "Detta gör att de kan lita på att de verkligen pratar med dig, men det betyder också att de kan se sessionsnamnet du anger här.",
+            "security_recommendations": "Säkerhetsrekommendationer",
+            "security_recommendations_description": "Förbättra din kontosäkerhet genom att följa dessa rekommendationer.",
+            "session_id": "Sessions-ID",
+            "show_details": "Visa detaljer",
+            "sign_in_with_qr": "Länka ny enhet",
+            "sign_in_with_qr_button": "Visa QR-kod",
+            "sign_in_with_qr_description": "Använd en QR-kod för att logga in på en annan enhet och konfigurera säkra meddelanden.",
+            "sign_in_with_qr_unsupported": "Stöds inte av din kontoleverantör",
+            "sign_out": "Logga ut den här sessionen",
+            "sign_out_all_other_sessions": "Logga ut ur alla andra sessioner (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Är du säker på att du vill ta bort %(count)s session?",
+                "other": "Är du säker på att du vill ta bort %(count)s sessioner?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Logga ut ur %(count)s session",
+                "other": "Logga ut ur %(count)s sessioner"
+            },
+            "title": "Sessioner",
+            "unknown_session": "Okänd sessionstyp",
+            "unverified_session": "Overifierad session",
+            "unverified_session_explainer_1": "Den här sessionen stöder inte kryptering och kan därför inte verifieras.",
+            "unverified_session_explainer_2": "Du kommer inte kunna delta i rum där kryptering är aktiverad när du använder den här sessionen.",
+            "unverified_session_explainer_3": "För bäst säkerhet och sekretess så rekommenderas du använda Matrixklienter som stöder kryptering.",
+            "unverified_sessions": "Overifierade sessioner",
+            "unverified_sessions_explainer_1": "Overifierade sessioner är sessioner där du har loggat in med dina uppgifter men som inte har korsverifierats.",
+            "unverified_sessions_explainer_2": "Du bör speciellt försäkra dig om att du känner igen alla dessa sessioner eftersom att de kan representera en oauktoriserad användning av ditt konto.",
+            "unverified_sessions_list_description": "Verifiera dina sessioner för förbättrad säker meddelandehantering eller logga ut ur de du inte känner igen eller använder längre.",
+            "url": "URL",
+            "verified_session": "Verifierad session",
+            "verified_sessions": "Verifierade sessioner",
+            "verified_sessions_explainer_1": "Verifierade sessioner är alla ställen där du använder det här kontot efter att ha angett din lösenfras eller bekräftat din identitet med en annan verifierad session.",
+            "verified_sessions_explainer_2": "Detta betyder att du har alla nycklar som krävs för att låsa upp dina krypterade meddelanden och bekräfta för andra användare att du litar på den här sessionen.",
+            "verified_sessions_list_description": "För bäst säkerhet, logga ut från alla sessioner du inte känner igen eller använder längre.",
+            "verify_session": "Verifiera sessionen",
+            "web_session": "Webbsession"
+        },
+        "show_avatar_changes": "Visa profilbildsbyten",
+        "show_breadcrumbs": "Visa genvägar till nyligen visade rum över rumslistan",
+        "show_chat_effects": "Visa chatteffekter (animeringar när du tar emot t.ex. konfetti)",
+        "show_displayname_changes": "Visa visningsnamnsändringar",
+        "show_join_leave": "Visa gå med/lämna-meddelanden (inbjudningar/borttagningar/banningar påverkas inte)",
+        "show_message_previews": "Visa förhandsgranskningar av meddelanden",
+        "show_nsfw_content": "Visa NSFW-innehåll",
+        "show_read_receipts": "Visa läskvitton som skickats av andra användare",
+        "show_redaction_placeholder": "Visa en platshållare för borttagna meddelanden",
+        "show_stickers_button": "Visa dekalknapp",
+        "show_typing_notifications": "Visa \"skriver\"-statusar",
+        "showbold": "Visa all aktivitet i rumslistan (prickar eller antal olästa meddelanden)",
+        "sidebar": {
+            "dialog_title": "<strong>Inställningar:</strong> Sidofält",
+            "metaspaces_home_all_rooms": "Visa alla rum",
+            "metaspaces_home_all_rooms_description": "Visa alla dina rum i Hem, även om de är i ett utrymme.",
+            "metaspaces_home_description": "Hem är användbar för att få en översikt över allt.",
+            "metaspaces_orphans": "Rum utanför ett utrymme",
+            "metaspaces_orphans_description": "Gruppera alla dina rum som inte är en del av ett utrymme på ett ställe.",
+            "metaspaces_subsection": "Utrymmen att visa",
+            "metaspaces_video_rooms": "Videorum och konferenser",
+            "metaspaces_video_rooms_description": "Gruppera alla privata videorum och konferenser.",
+            "metaspaces_video_rooms_description_invite_extension": "I konferenser kan du bjuda in personer utanför Matrix.",
+            "spaces_explainer": "Utrymmen är sätt att gruppera rum och personer. Vid sidan av de utrymmen du befinner dig i kan du också använda några förbyggda.",
+            "title": "Sidofält"
+        },
+        "tac_only_notifications": "Visa endast notiser i aktivitetscentret för trådar",
+        "use_12_hour_format": "Visa tidsstämplar i 12-timmarsformat (t.ex. 2:30em)",
+        "use_command_enter_send_message": "Använd Kommando + Enter för att skicka ett meddelande",
+        "use_command_f_search": "Använd Kommando + F för att söka på tidslinjen",
+        "use_control_enter_send_message": "Använd Ctrl + Enter för att skicka ett meddelande",
+        "use_control_f_search": "Använd Ctrl + F för att söka på tidslinjen",
+        "voip": {
+            "allow_p2p": "Tillåt peer-to-peer för direktsamtal",
+            "allow_p2p_description": "När aktiverat så kan den andra parten kanske se din IP-adress",
+            "audio_input_empty": "Ingen mikrofon hittades",
+            "audio_output": "Ljudutgång",
+            "audio_output_empty": "Inga ljudutgångar hittades",
+            "auto_gain_control": "Automatisk förstärkningskontroll",
+            "dialog_title": "<strong>Inställningar: </strong> Röst och video",
+            "echo_cancellation": "Ekoreducering",
+            "enable_fallback_ice_server": "Tillåt reservserver för samtalsassistans (%(server)s)",
+            "enable_fallback_ice_server_description": "Gäller endast om din hemserver inte erbjuder en. Din IP-adress delas under samtal.",
+            "mirror_local_feed": "Spegla den lokala videoströmmen",
+            "missing_permissions_prompt": "Saknar mediebehörigheter, klicka på knappen nedan för att begära.",
+            "noise_suppression": "Brusreducering",
+            "request_permissions": "Begär mediebehörigheter",
+            "title": "Röst & video",
+            "video_input_empty": "Ingen webbkamera hittades",
+            "video_section": "Videoinställningar",
+            "voice_agc": "Justera automatiskt mikrofonvolymen",
+            "voice_processing": "Röstbearbetning",
+            "voice_section": "Röstinställningar"
+        },
+        "warn_quit": "Varna innan avslutning",
+        "warning": "<w>VARNING:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Länken kopierad",
+        "permalink_message": "Länk till valt meddelande",
+        "permalink_most_recent": "Länk till senaste meddelandet",
+        "share_call": "Länk till konferensinbjudan",
+        "share_call_subtitle": "Länk för externa användare att gå med i samtalet utan ett Matrixkonto:",
+        "title_link": "Dela länk",
+        "title_message": "Dela rumsmeddelande",
+        "title_room": "Dela rum",
+        "title_user": "Dela användare"
+    },
+    "slash_command": {
+        "addwidget": "Lägger till en anpassad widget via URL till rummet",
+        "addwidget_iframe_missing_src": "iframe:en har ingen src-attribut",
+        "addwidget_invalid_protocol": "Ange en widget-URL med https:// eller http://",
+        "addwidget_missing_url": "Ange en widget-URL eller inbäddningskod",
+        "addwidget_no_permissions": "Du kan inte ändra widgets i detta rum.",
+        "ban": "Bannar användaren med givet ID",
+        "category_actions": "Åtgärder",
+        "category_admin": "Administratör",
+        "category_advanced": "Avancerat",
+        "category_effects": "Effekter",
+        "category_messages": "Meddelanden",
+        "category_other": "Annat",
+        "command_error": "Kommandofel",
+        "converttodm": "Konverterar rummet till ett DM",
+        "converttoroom": "Konverterar DMet till ett rum",
+        "could_not_find_room": "Kunde inte hitta rummet",
+        "deop": "Degraderar användaren med givet ID",
+        "devtools": "Öppna dialogrutan Utvecklarverktyg",
+        "discardsession": "Tvingar den aktuella externa gruppsessionen i ett krypterat rum att överges",
+        "error_invalid_rendering_type": "Kommandofel: Kunde inte hitta renderingstyp (%(renderingType)s)",
+        "error_invalid_room": "Kommandot misslyckades: Kunde inte hitta rum (%(roomId)s)",
+        "error_invalid_runfn": "Kommandofel: Kunde inte hantera snedstreckskommando.",
+        "error_invalid_user_in_room": "Kunde inte hitta användaren i rummet",
+        "help": "Visar lista över kommandon med användande beskrivningar",
+        "help_dialog_title": "Kommandohjälp",
+        "holdcall": "Parkerar samtalet i det aktuella rummet",
+        "html": "Skicka ett meddelande som HTML, utan att tolka det som Markdown",
+        "ignore": "Ignorerar en användare och döljer dess meddelanden för dig",
+        "ignore_dialog_description": "Du ignorerar nu %(userId)s",
+        "ignore_dialog_title": "Ignorerad användare",
+        "invite": "Bjuder in användare med givet ID till detta rum",
+        "invite_3pid_needs_is_error": "Använd en identitetsserver för att bjuda in via e-post. Hantera det i inställningar.",
+        "invite_3pid_use_default_is_title": "Använd en identitetsserver",
+        "invite_3pid_use_default_is_title_description": "Använd en identitetsserver för att bjuda in via e-post. Klicka på Fortsätt för att använda standardidentitetsservern (%(defaultIdentityServerName)s) eller hantera det i Inställningar.",
+        "invite_failed": "Användaren (%(user)s) blev inte inbjuden till %(roomId)s, men inget fel gavs av inbjudningsverktyget",
+        "join": "Går med i rummet med den givna adressen",
+        "jumptodate": "Hoppa till det angivna datumet i tidslinjen",
+        "jumptodate_invalid_input": "Vi kunde inte förstå det givna datumet (%(inputDate)s). Pröva formatet ÅÅÅÅ-MM-DD.",
+        "lenny": "Lägger till ( ͡° ͜ʖ ͡°) i början på ett textmeddelande",
+        "manual_device_verification_confirm_description": "Detta gör det möjligt för en annan enhet att skicka och ta emot meddelanden som du. OM NÅGON HAR BETT DIG ATT KLISTRA IN NÅGOT HÄR ÄR DET TROLIGT ATT DU BLIR LURAD! Är du säker på att du vill verifiera den andra enheten?",
+        "manual_device_verification_confirm_title": "Varning: manuell verifiering av enhet",
+        "me": "Visar åtgärd",
+        "msg": "Skickar ett meddelande till den valda användaren",
+        "myavatar": "Byter din profilbild i alla rum",
+        "myroomavatar": "Byter din profilbild endast i det aktuella rummet",
+        "myroomnick": "Byter ditt visningsnamn endast i detta rum",
+        "nick": "Byter ditt visningsnamn",
+        "no_active_call": "Inget aktivt samtal i det här rummet",
+        "op": "Definiera behörighetsnivå för en användare",
+        "part_unknown_alias": "Okänd rumsadress: %(roomAlias)s",
+        "plain": "Skickar ett meddelande som vanlig text, utan att tolka det som Markdown",
+        "query": "Öppnar en chatt med den valda användaren",
+        "query_not_found_phone_number": "Kunde inte hitta Matrix-ID för telefonnumret",
+        "rageshake": "Skicka en buggrapport med loggar",
+        "rainbow": "Skickar angivet meddelande i regnbågsfärg",
+        "rainbowme": "Skickar angiven emoji i regnbågsfärg",
+        "remove": "Tar bort användaren med det givna ID:t från det här rummet",
+        "roomavatar": "Byter avataren i det nuvarande rummet",
+        "roomname": "Sätter rumsnamnet",
+        "server_error": "Serverfel",
+        "server_error_detail": "Servern är otillgänglig eller överbelastad, eller så gick något annat fel.",
+        "shrug": "Lägger till ¯\\_(ツ)_/¯ i början på ett textmeddelande",
+        "spoiler": "Skickar det angivna meddelandet som en spoiler",
+        "tableflip": "Lägger till (╯°□°）╯︵ ┻━┻ till början av ett textmeddelande",
+        "topic": "Hämtar eller sätter ämnet för ett rum",
+        "topic_none": "Det här rummet har inget ämne.",
+        "topic_room_error": "Misslyckades att hitta rumsämne: Kunde inte hitta rummet (%(roomId)s)",
+        "unban": "Avbannar användaren med givet ID",
+        "unflip": "Lägger till ┬──┬ ノ( ゜-゜ノ) till början av ett textmeddelande",
+        "unholdcall": "Avslutar parkering av samtalet i det nuvarande samtalet",
+        "unignore": "Slutar ignorera en användare och visar dess meddelanden framöver",
+        "unignore_dialog_description": "Du ignorerar inte längre %(userId)s",
+        "unignore_dialog_title": "Avignorerad användare",
+        "unknown_command": "Okänt kommando",
+        "unknown_command_button": "Skicka som meddelande",
+        "unknown_command_detail": "Okänt kommando: %(commandText)s",
+        "unknown_command_help": "Du kan använda <code>/help</code> för att lista tillgängliga kommandon. Menade du att skicka detta som ett meddelande?",
+        "unknown_command_hint": "Tips: Börja ditt meddelande med <code>//</code> för att starta det med ett snedstreck.",
+        "upgraderoom": "Uppgraderar ett rum till en ny version",
+        "upgraderoom_permission_error": "Du har inte de behörigheter som krävs för att använda det här kommandot.",
+        "usage": "Användande",
+        "verify": "Verifiera en av dina egna enheter manuellt",
+        "view": "Visar rum med den angivna adressen",
+        "whois": "Visar information om en användare"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Äldre sliding sync stöds inte längre: logga ut och in igen för att aktivera den nya sliding sync-flaggan",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Vill du lägga till ett nytt rum istället?",
+            "create_prompt": "Skapa ett nytt rum",
+            "dm_heading": "Direktmeddelanden",
+            "error_heading": "Inte alla valda tillades",
+            "progress_text": {
+                "one": "Lägger till rum…",
+                "other": "Lägger till rum… (%(progress)s av %(count)s)"
+            },
+            "space_dropdown_label": "Utrymmesval",
+            "space_dropdown_title": "Lägg till existerande rum",
+            "subspace_moved_note": "Tilläggning av utrymmen har flyttats."
+        },
+        "add_existing_subspace": {
+            "create_button": "Skapa ett nytt utrymme",
+            "create_prompt": "Vill du lägga till ett nytt utrymme istället?",
+            "filter_placeholder": "Sök efter utrymmen",
+            "space_dropdown_title": "Lägg till existerande utrymme"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Se rummets tidslinje (utvecklingsverktyg)",
+            "explore": "Utforska rum",
+            "home": "Utrymmeshem",
+            "manage_and_explore": "Hantera och utforska rum",
+            "options": "Utrymmesalternativ"
+        },
+        "failed_load_rooms": "Misslyckades att ladda lista över rum.",
+        "failed_remove_rooms": "Misslyckades att ta bort vissa rum. Försök igen senare",
+        "incompatible_server_hierarchy": "Din server stöder inte att visa utrymmeshierarkier.",
+        "invite": "Bjud in folk",
+        "invite_description": "Bjud in med e-postadress eller användarnamn",
+        "invite_link": "Skapa inbjudningslänk",
+        "joining_space": "Går med",
+        "landing_welcome": "Välkommen till <name/>",
+        "leave_dialog_action": "Lämna utrymmet",
+        "leave_dialog_description": "Du kommer att lämna <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Du är den enda administratören i vissa rum eller utrymmen du vill lämna. Om du lämnar så kommer vissa av dem sakna administratör.",
+        "leave_dialog_only_admin_warning": "Du är den enda administratören i utrymmet. Om du lämnar nu så kommer ingen ha kontroll över det.",
+        "leave_dialog_option_all": "Lämna alla rum",
+        "leave_dialog_option_intro": "Vill du lämna rummen i det här utrymmet?",
+        "leave_dialog_option_none": "Lämna inga rum",
+        "leave_dialog_option_specific": "Lämna vissa rum",
+        "leave_dialog_public_rejoin_warning": "Du kommer inte kunna gå med igen om du inte bjuds in igen.",
+        "leave_dialog_title": "Lämna %(spaceName)s",
+        "mark_suggested": "Markera som föreslaget",
+        "no_search_result_hint": "Du kanske vill pröva en annan söksträng eller kolla efter felstavningar.",
+        "preferences": {
+            "sections_section": "Sektioner att visa",
+            "show_people_in_space": "Det här grupperar dina chattar med medlemmar i det här utrymmet. Att stänga av det kommer att dölja dessa chattar från din vy av %(spaceName)s."
+        },
+        "room_filter_placeholder": "Sök efter rum",
+        "search_children": "Sök i %(spaceName)s",
+        "search_placeholder": "Sök namn och beskrivningar",
+        "select_room_below": "Välj ett rum nedan först",
+        "share_public": "Dela ditt offentliga utrymme",
+        "suggested": "Föreslaget",
+        "suggested_tooltip": "Det här rummet föreslås som ett bra att gå med i",
+        "title_when_query_available": "Resultat",
+        "title_when_query_unavailable": "Rum och utrymmen",
+        "unmark_suggested": "Markera som inte föreslaget",
+        "user_lacks_permission": "Du har inte behörighet"
+    },
+    "space_settings": {
+        "title": "Inställningar - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Ange namnet för en ny server du vill utforska.",
+            "network_dropdown_add_dialog_placeholder": "Servernamn",
+            "network_dropdown_add_dialog_title": "Lägg till en ny server",
+            "network_dropdown_add_server_option": "Lägg till ny server…",
+            "network_dropdown_available_invalid": "Kan inte hitta den här servern eller dess rumslista",
+            "network_dropdown_available_invalid_forbidden": "Du tillåts inte att se den här serverns rumslista",
+            "network_dropdown_available_valid": "Ser bra ut",
+            "network_dropdown_remove_server_adornment": "Fjärrserver \"%(roomServer)s\"",
+            "network_dropdown_required_invalid": "Ange ett servernamn",
+            "network_dropdown_selected_label": "Visa: Matrixrum",
+            "network_dropdown_selected_label_instance": "Visa: %(instance)s-rum (%(server)s)",
+            "network_dropdown_your_server_description": "Din server"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Om du inte hittar den du letar efter, skicka din inbjudningslänk till denne.",
+        "cant_find_room_helpful_hint": "Om du inte hittar rummet du letar efter, be om en inbjudan eller skapa ett nytt rum.",
+        "copy_link_text": "Kopiera inbjudningslänk",
+        "count_of_members": {
+            "one": "%(count)s medlem",
+            "other": "%(count)s medlemmar"
+        },
+        "create_new_room_button": "Skapa nytt rum",
+        "failed_querying_public_rooms": "Misslyckades med att fråga efter offentliga rum",
+        "failed_querying_public_spaces": "Underlåtit att fråga efter offentliga utrymmen",
+        "group_chat_section_title": "Andra alternativ",
+        "heading_with_query": "Använd \"%(query)s\" för att söka",
+        "heading_without_query": "Sök efter",
+        "join_button_text": "Gå med i %(roomAddress)s",
+        "keyboard_scroll_hint": "Använd <arrows/> för att skrolla",
+        "messages_label": "Meddelanden",
+        "other_rooms_in_space": "Andra rum i %(spaceName)s",
+        "public_rooms_label": "Offentliga rum",
+        "public_spaces_label": "Offentliga utrymmen",
+        "recent_searches_section_title": "Nyliga sökningar",
+        "recently_viewed_section_title": "Nyligen sedda",
+        "remove_filter": "Ta bort sökfilter för %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Vissa resultat kan vara dolda av sekretesskäl",
+        "result_may_be_hidden_warning": "Vissa resultat kanske är dolda",
+        "search_dialog": "Sökdialog",
+        "spaces_title": "Utrymmen du är med i",
+        "start_group_chat_button": "Starta en gruppchatt"
+    },
+    "stickers": {
+        "empty": "Du har för närvarande inga dekalpaket aktiverade",
+        "empty_add_prompt": "Lägg till några nu"
+    },
+    "terms": {
+        "column_document": "Dokument",
+        "column_service": "Tjänst",
+        "column_summary": "Sammanfattning",
+        "identity_server_no_terms_description_1": "Den här åtgärden kräver åtkomst till standardidentitetsservern <server /> för att validera en e-postadress eller ett telefonnummer, men servern har inga användarvillkor.",
+        "identity_server_no_terms_description_2": "Fortsätt endast om du litar på serverns ägare.",
+        "identity_server_no_terms_title": "Identitetsservern har inga användarvillkor",
+        "inline_intro_text": "Acceptera <policyLink /> för att fortsätta:",
+        "integration_manager": "Använd bottar, bryggor, widgets och dekalpaket",
+        "intro": "För att fortsätta måste du acceptera villkoren för denna tjänst.",
+        "summary_identity_server_1": "Hitta andra via telefon eller e-post",
+        "summary_identity_server_2": "Bli hittad via telefon eller e-post",
+        "tac_button": "Granska villkoren",
+        "tac_description": "För att fortsätta använda hemservern %(homeserverDomain)s måste du granska och godkänna våra villkor.",
+        "tac_title": "Villkor",
+        "tos": "Användarvillkor"
+    },
+    "theme": {
+        "light_high_contrast": "Ljust högkontrast",
+        "match_system": "Matcha systemet"
+    },
+    "thread_view_back_action_label": "Tillbaka till tråd",
+    "threads": {
+        "all_threads": "Alla trådar",
+        "all_threads_description": "Visar alla trådar från nuvarande rum",
+        "count_of_reply": {
+            "one": "%(count)s svar",
+            "other": "%(count)s svar"
+        },
+        "empty_description": "Använd ”%(replyInThread)s” när du håller muspekaren över ett meddelande.",
+        "empty_title": "Trådar underlättar för att hålla konversationer till ämnet och gör dem lättare att följa.",
+        "mark_all_read": "Markera allt som läst",
+        "my_threads": "Mina trådar",
+        "my_threads_description": "Visar alla trådar du har medverkat i",
+        "open_thread": "Öppna tråd",
+        "show_thread_filter": "Visa:"
+    },
+    "threads_activity_centre": {
+        "header": "Aktivitet för trådar",
+        "no_rooms_with_threads_notifs": "Du har inga rum med trådaviseringar ännu.",
+        "no_rooms_with_unread_threads": "Du har inga rum med olästa trådar än."
+    },
+    "time": {
+        "date_at_time": "%(date)s vid %(time)s",
+        "hours_minutes_seconds_left": "%(hours)st %(minutes)sm %(seconds)ss kvar",
+        "left": "%(timeRemaining)s kvar",
+        "minutes_seconds_left": "%(minutes)sm %(seconds)ss kvar",
+        "seconds_left": "%(seconds)ss kvar",
+        "short_days": "%(value)sd",
+        "short_days_hours_minutes_seconds": "%(days)sd %(hours)st %(minutes)sm %(seconds)ss",
+        "short_hours": "%(value)st",
+        "short_hours_minutes_seconds": "%(hours)st %(minutes)sm %(seconds)ss",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)ss",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Kollapsa svarstråd",
+            "external_url": "Käll-URL",
+            "open_in_osm": "Öppna i OpenStreetMap",
+            "report": "Rapportera",
+            "resent_unsent_reactions": "Skicka %(unsentCount)s reaktion(er) igen",
+            "show_url_preview": "Visa förhandsgranskning",
+            "view_related_event": "Visa relaterade händelser",
+            "view_source": "Visa källkod"
+        },
+        "creation_summary_dm": "%(creator)s skapade den här DM:en.",
+        "creation_summary_room": "%(creator)s skapade och konfigurerade rummet.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Avsändarens verifierade identitet har ändrats",
+            "unable_to_decrypt": "Det gick inte att dekryptera meddelandet"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "Laddar ner",
+        "download_failed": "Nedladdning misslyckades",
+        "download_failed_description": "Ett fel uppstod när den här filen laddades ned",
+        "edits": {
+            "tooltip_label": "Redigerat vid %(date)s. Klicka för att visa redigeringar.",
+            "tooltip_sub": "Klicka för att visa redigeringar",
+            "tooltip_title": "Redigerat vid %(date)s"
+        },
+        "error_no_renderer": "Den här händelsen kunde inte visas",
+        "error_rendering_message": "Kan inte ladda det här meddelandet",
+        "historical_messages_unavailable": "Du kan inte se tidigare meddelanden",
+        "in_room_name": " i <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s har uppdaterat rummets arrangemang",
+        "late_event_separator": "Ursprungligen skickad %(dateTime)s",
+        "load_error": {
+            "no_permission": "Försökte ladda en viss punkt i det här rummets tidslinje, men du är inte behörig att visa det aktuella meddelandet.",
+            "title": "Misslyckades att hämta positionen på tidslinjen",
+            "unable_to_find": "Försökte ladda en specifik punkt i det här rummets tidslinje, men kunde inte hitta den."
+        },
+        "m.audio": {
+            "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Se realtidsposition"
+        },
+        "m.call": {
+            "video_call_ended": "Videosamtal avslutades",
+            "video_call_started": "Videosamtal startade i %(roomName)s.",
+            "video_call_started_text": "%(name)s startade ett videosamtal",
+            "video_call_started_unsupported": "Videosamtal startade i %(roomName)s. (stöds inte av den här webbläsaren)"
+        },
+        "m.call.hangup": {
+            "dm": "Samtalet avslutades"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Besvarat på annat håll",
+            "call_back_prompt": "Ring tillbaka",
+            "declined": "Samtal nekat",
+            "failed_connect_media": "Kunde inte ansluta media",
+            "failed_connection": "Anslutning misslyckad",
+            "failed_opponent_media": "Deras enhet kunde inte starta kameran eller mikrofonen",
+            "missed_call": "Missat samtal",
+            "no_answer": "Inget svar",
+            "unknown_error": "Ett okänt fel inträffade",
+            "unknown_failure": "Okänt fel: %(reason)s",
+            "unknown_state": "Det här samtalet är i ett okänt läge!",
+            "video_call": "%(senderName)s ringde ett videosamtal.",
+            "video_call_unsupported": "%(senderName)s ringde ett videosamtal. (stöds inte av denna webbläsare)",
+            "voice_call": "%(senderName)s ringde ett röstsamtal.",
+            "voice_call_unsupported": "%(senderName)s ringde ett röstsamtal. (stöds inte av denna webbläsare)"
+        },
+        "m.file": {
+            "error_decrypting": "Fel vid avkryptering av bilagan"
+        },
+        "m.image": {
+            "error": "Kunde inte visa bild på grund av fel",
+            "error_decrypting": "Fel vid avkryptering av bild",
+            "error_downloading": "Fel vid nedladdning av bild",
+            "sent": "%(senderDisplayName)s skickade en bild.",
+            "show_image": "Visa bild"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s vill verifiera",
+            "you_started": "Du skickade en verifieringsbegäran"
+        },
+        "m.location": {
+            "full": "%(senderName)s har delat sin plats",
+            "location": "Delade en plats: ",
+            "self_location": "Delade sin plats: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s röst",
+                "other": "%(count)s röster"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s har avslutat en omröstning"
+        },
+        "m.poll.start": "%(senderName)s har startat en omröstning - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s bytte rummets avatar.",
+            "lightbox_title": "%(senderDisplayName)s bytte avatar för %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s lade till de alternativa adresserna %(addresses)s till det här rummet.",
+                "one": "%(senderName)s lade till den alternativa adressen %(addresses)s till det här rummet."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s tog bort de alternativa adresserna %(addresses)s från det här rummet.",
+                "one": "%(senderName)s tog bort den alternativa adressen %(addresses)s från det här rummet."
+            },
+            "changed": "%(senderName)s ändrade adresserna för det här rummet.",
+            "changed_alternative": "%(senderName)s ändrade de alternativa adresserna för det här rummet.",
+            "changed_main_and_alternative": "%(senderName)s ändrade huvudadressen och de alternativa adresserna för det här rummet.",
+            "removed": "%(senderName)s tog bort huvudadressen för detta rum.",
+            "set": "%(senderName)s satte huvudadressen för detta rum till %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Detta rum är en fortsättning på en annan konversation.",
+            "see_older_messages": "Klicka här för att se äldre meddelanden.",
+            "unknown_predecessor": "Kan inte hitta den gamla versionen av det här rummet (rums-ID: %(roomId)s), och vi har inte fått ”via_servers” för att leta efter det.",
+            "unknown_predecessor_guess_server": "Kan inte hitta den gamla versionen av det här rummet (rums-ID: %(roomId)s), och vi har inte fått ”via_servers” för att leta efter det. Det är möjligt att det går att gissa servern från rums-ID:t. Om du vill pröva, klicka på den här länken:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s har tillåtit gäster att gå med i rummet.",
+            "forbidden": "%(senderDisplayName)s har nekat gäster att gå med i rummet.",
+            "unknown": "%(senderDisplayName)s ändrade gäståtkomst till %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s gjorde den framtida rumshistoriken synlig för alla rumsmedlemmar från det att de bjuds in.",
+            "joined": "%(senderName)s gjorde framtida rumshistorik synligt för alla rumsmedlemmar fr.o.m. att de gick med som medlem.",
+            "shared": "%(senderName)s gjorde framtida rumshistorik synligt för alla rumsmedlemmar.",
+            "unknown": "%(senderName)s satte framtida rumshistorik till okänd synlighet (%(visibility)s).",
+            "world_readable": "%(senderName)s gjorde framtida rumshistorik synligt för alla."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s begränsade rummet till endast inbjudna.",
+            "knock": "%(senderDisplayName)s ändrade regeln för att gå med till att kräva att man frågar om att gå med.",
+            "public": "%(senderDisplayName)s gjorde rummet publikt för alla som har länken.",
+            "restricted": "%(senderDisplayName)s ändrade vilka som kan gå med i det här rummet.",
+            "restricted_settings": "%(senderDisplayName)s ändrade vilka som kan gå med i det här rummet. <a>Se inställningar</a>.",
+            "unknown": "%(senderDisplayName)s ändrade regeln för att gå med till %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s accepterade inbjudan för %(displayName)s",
+            "accepted_invite": "%(targetName)s accepterade inbjudan",
+            "ban": "%(senderName)s bannade en användare",
+            "ban_reason": "%(senderName)s bannade en användare: %(reason)s",
+            "change_avatar": "%(senderName)s bytte sin profilbild",
+            "change_name": "%(oldDisplayName)s bytte sitt visningsnamn till %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s bytte sitt visningsnamn och sin profilbild",
+            "invite": "%(senderName)s bjöd in %(targetName)s",
+            "join": "%(targetName)s gick med i rummet",
+            "kick": "%(senderName)s tog bort %(targetName)s",
+            "kick_reason": "%(senderName)s tog bort %(targetName)s: %(reason)s",
+            "left": "%(targetName)s lämnade rummet",
+            "left_reason": "%(targetName)s lämnade rummet: %(reason)s",
+            "no_change": "%(senderName)s gjorde ingen ändring",
+            "reject_invite": "%(targetName)s avböjde inbjudan",
+            "reject_invite_reason": "%(targetName)s avvisade inbjudan: %(reason)s",
+            "remove_avatar": "%(senderName)s tog bort sin profilbild",
+            "remove_name": "%(senderName)s tog bort sitt visningsnamn %(oldDisplayName)s",
+            "set_avatar": "%(senderName)s satte en profilbild",
+            "set_name": "%(senderName)s satte sitt visningsnamn till %(displayName)s",
+            "unban": "%(senderName)s avbannade %(targetName)s",
+            "withdrew_invite": "%(senderName)s drog tillbaka inbjudan för %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s drog tillbaka inbjudan för %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s bytte rummets namn från %(oldRoomName)s till %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s tog bort rummets namn.",
+            "set": "%(senderDisplayName)s bytte rummets namn till %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s ändrade fästa meddelanden för rummet.",
+            "changed_link": "%(senderName)s ändrade <a>fästa meddelanden</a> för rummet.",
+            "pinned": "%(senderName)s fäste ett meddelande i det här rummet. Se alla fästa meddelanden.",
+            "pinned_link": "%(senderName)s fäste <a>ett meddelande</a> i det här rummet. Se alla <b>fästa meddelanden</b>.",
+            "unpinned": "%(senderName)s avfäste ett meddelande i det här rummet. Se alla fästa meddelanden.",
+            "unpinned_link": "%(senderName)s avfäste <a>ett meddelande</a> i det här rummet. Se alla <b>fästa meddelanden</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s ändrade behörighetsnivå för %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s från %(fromPowerLevel)s till %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s återkallade inbjudan för %(targetDisplayName)s att gå med i rummet.",
+            "sent": "%(senderName)s bjöd in %(targetDisplayName)s att gå med i rummet."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s uppgraderade det här rummet.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s bytte rummets ämne till \"%(topic)s\".",
+            "removed": "%(senderDisplayName)s tog bort ämnet."
+        },
+        "m.sticker": "%(senderDisplayName)s skickade en dekal.",
+        "m.video": {
+            "error_decrypting": "Fel vid avkryptering av video",
+            "show_video": "Visa video"
+        },
+        "m.widget": {
+            "added": "%(widgetName)s-widget har lagts till av %(senderName)s",
+            "jitsi_ended": "Videogruppsamtal avslutat av %(senderName)s",
+            "jitsi_join_right_prompt": "Gå med i gruppsamtalet ifrån informationskortet till höger",
+            "jitsi_join_top_prompt": "Gå med i gruppsamtalet på toppen av det här rummet",
+            "jitsi_started": "Videogruppsamtal startat av %(senderName)s",
+            "jitsi_updated": "Videogruppsamtal uppdaterat av %(senderName)s",
+            "modified": "%(widgetName)s-widget har ändrats av %(senderName)s",
+            "removed": "%(widgetName)s-widget har tagits bort av %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Kopiera länk till tråd",
+            "view_in_room": "Visa i rum"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s uppdaterade en bannregel som matchade %(oldGlob)s till att matcha %(newGlob)s på grund av %(reason)s",
+            "changed_rule_rooms": "%(senderName)s ändrade en regel som bannade rum som matchade %(oldGlob)s till att matcha %(newGlob)s på grund av %(reason)s",
+            "changed_rule_servers": "%(senderName)s ändrade en regel som bannade servrar som matchade %(oldGlob)s till att matcha %(newGlob)s på grund av %(reason)s",
+            "changed_rule_users": "%(senderName)s ändrade en regel som bannade användare som matchade %(oldGlob)s till att matcha %(newGlob)s på grund av %(reason)s",
+            "created_rule": "%(senderName)s skapade en bannregel som matchar %(glob)s på grund av %(reason)s",
+            "created_rule_rooms": "%(senderName)s skapade en regel som bannar rum som matchar %(glob)s på grund av %(reason)s",
+            "created_rule_servers": "%(senderName)s skapade en regel som bannar servrar som matchar %(glob)s på grund av %(reason)s",
+            "created_rule_users": "%(senderName)s skapade en regel som bannar användare som matchar %(glob)s på grund av %(reason)s",
+            "removed_rule": "%(senderName)s tog bort en bannregel som matchar %(glob)s",
+            "removed_rule_rooms": "%(senderName)s tog bort regeln som bannar rum som matchar %(glob)s",
+            "removed_rule_servers": "%(senderName)s tog bort regeln som bannar servrar som matchar %(glob)s",
+            "removed_rule_users": "%(senderName)s tog bort regeln som bannar användare som matchar %(glob)s",
+            "updated_invalid_rule": "%(senderName)s uppdaterade en ogiltig bannregel",
+            "updated_rule": "%(senderName)s uppdaterade en bannregel som matchar %(glob)s på grund av %(reason)s",
+            "updated_rule_rooms": "%(senderName)s uppdaterade regeln som bannar rum som matchar %(glob)s på grund av %(reason)s",
+            "updated_rule_servers": "%(senderName)s uppdaterade regeln som bannar servrar som matchar %(glob)s på grund av %(reason)s",
+            "updated_rule_users": "%(senderName)s uppdaterade regeln som bannar användare som matchar %(glob)s på grund av %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Du är inte behörig att se meddelanden från innan du bjöds in.",
+        "no_permission_messages_before_join": "Du är inte behörig att se meddelanden från innan du gick med.",
+        "pending_moderation": "Meddelandet inväntar moderering",
+        "pending_moderation_reason": "Meddelandet inväntar moderering: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Lägg till reaktion",
+            "custom_reaction_fallback_label": "Anpassad reaktion",
+            "label": "%(reactors)s reagerade med %(content)s",
+            "tooltip_caption": "reagerade med %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Sedd av %(count)s person",
+            "other": "Sedd av %(count)s personer"
+        },
+        "read_receipts_label": "Läskvitton",
+        "redacted": {
+            "tooltip": "Meddelande raderat vid %(date)s"
+        },
+        "redaction": "Meddelande raderat av %(name)s",
+        "reply": {
+            "error_loading": "Kunde inte ladda händelsen som svarades på, antingen så finns den inte eller så har du inte behörighet att se den.",
+            "in_reply_to": "<a>Som svar på</a> <pill>",
+            "in_reply_to_for_export": "Som svar på <a>detta meddelande</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Du kommer att skickas till en tredjepartswebbplats så att du kan autentisera ditt konto för användning med %(integrationsUrl)s. Vill du fortsätta?",
+            "dialog_title": "Lägg till integration"
+        },
+        "self_redaction": "Meddelande raderat",
+        "send_state_encrypting": "Krypterar ditt meddelande …",
+        "send_state_failed": "Misslyckades att skicka",
+        "send_state_sending": "Skickar ditt meddelande …",
+        "send_state_sent": "Ditt meddelande skickades",
+        "summary": {
+            "banned": {
+                "other": "blev bannad %(count)s gånger",
+                "one": "blev bannad"
+            },
+            "banned_multiple": {
+                "other": "blev bannade %(count)s gånger",
+                "one": "blev bannade"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)sbytte sin profilbild",
+                "other": "%(oneUser)sbytte sin profilbild %(count)s gånger"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)sbytte sina profilbilder",
+                "other": "%(severalUsers)sbytte sina profilbilder %(count)s gånger"
+            },
+            "changed_name": {
+                "other": "%(oneUser)sbytte namn %(count)s gånger",
+                "one": "%(oneUser)sbytte namn"
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)sbytte namn %(count)s gånger",
+                "one": "%(severalUsers)sbytte namn"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)sskickade ett dolt meddelande",
+                "other": "%(oneUser)sskickade %(count)s dolda meddelanden"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)sskickade ett dolt meddelande",
+                "other": "%(severalUsers)sskickade %(count)s dolda meddelanden"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)sfick sin inbjudan tillbakadragen %(count)s gånger",
+                "one": "%(oneUser)sfick sin inbjudan tillbakadragen"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)sfick sina inbjudningar tillbakadragna %(count)s gånger",
+                "one": "%(severalUsers)sfick sina inbjudningar tillbakadragna"
+            },
+            "invited": {
+                "other": "blev inbjuden %(count)s gånger",
+                "one": "blev inbjuden"
+            },
+            "invited_multiple": {
+                "other": "blev inbjudna %(count)s gånger",
+                "one": "blev inbjudna"
+            },
+            "joined": {
+                "other": "%(oneUser)sgick med %(count)s gånger",
+                "one": "%(oneUser)sgick med"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)sgick med och lämnade %(count)s gånger",
+                "one": "%(oneUser)sgick med och lämnade"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)sgick med och lämnade %(count)s gånger",
+                "one": "%(severalUsers)sgick med och lämnade"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)sgick med %(count)s gånger",
+                "one": "%(severalUsers)sgick med"
+            },
+            "kicked": {
+                "one": "togs bort",
+                "other": "togs bort %(count)s gånger"
+            },
+            "kicked_multiple": {
+                "one": "togs bort",
+                "other": "togs bort %(count)s gånger"
+            },
+            "left": {
+                "other": "%(oneUser)slämnade %(count)s gånger",
+                "one": "%(oneUser)slämnade"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)slämnade %(count)s gånger",
+                "one": "%(severalUsers)slämnade"
+            },
+            "no_change": {
+                "other": "%(oneUser)sgjorde inga ändringar %(count)s gånger",
+                "one": "%(oneUser)sgjorde inga ändringar"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)sgjorde inga ändringar %(count)s gånger",
+                "one": "%(severalUsers)sgjorde inga ändringar"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)s ändrade de <a>fästa meddelandena</a> för rummet",
+                "other": "%(oneUser)s ändrade de <a>fästa meddelandena</a> för rummet %(count)s gånger"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s ändrade de <a>fästa meddelandena</a> för rummet",
+                "other": "%(severalUsers)s ändrade <a>fästa meddelanden</a> för rummet %(count)s gånger"
+            },
+            "redacted": {
+                "one": "%(oneUser)stog bort ett meddelande",
+                "other": "%(oneUser)stog bort %(count)s meddelanden"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)stog bort ett meddelande",
+                "other": "%(severalUsers)stog bort %(count)s meddelanden"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)savböjde sin inbjudan %(count)s gånger",
+                "one": "%(oneUser)savböjde sin inbjudan"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)savböjde sina inbjudningar %(count)s gånger",
+                "one": "%(severalUsers)savböjde sina inbjudningar"
+            },
+            "rejoined": {
+                "other": "%(oneUser)slämnade och gick med igen %(count)s gånger",
+                "one": "%(oneUser)slämnade och gick med igen"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)slämnade och gick med igen %(count)s gånger",
+                "one": "%(severalUsers)slämnade och gick med igen"
+            },
+            "unbanned": {
+                "other": "blev avbannad %(count)s gånger",
+                "one": "blev avbannad"
+            },
+            "unbanned_multiple": {
+                "other": "blev avbannade %(count)s gånger",
+                "one": "blev avbannade"
+            }
+        },
+        "thread_info_basic": "Från en tråd",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s och %(count)s andra skriver …",
+                "one": "%(names)s och en till skriver …"
+            },
+            "one_user": "%(displayName)s skriver …",
+            "two_users": "%(names)s och %(lastPerson)s skriver …"
+        },
+        "undecryptable_tooltip": "Det här meddelandet kunde inte avkrypteras"
+    },
+    "truncated_list_n_more": {
+        "other": "Och %(count)s till…"
+    },
+    "unsupported_browser": {
+        "description": "Om du fortsätter kan vissa funktioner sluta fungera och det finns en risk att du kan förlora data i framtiden. Uppdatera din webbläsare för att fortsätta använda%(brand)s.",
+        "title": "%(brand)sstöder inte den här webbläsaren"
+    },
+    "unsupported_server_description": "Servern använder en äldre version av Matrix. Uppgradera till Matrix %(version)s för att använda %(brand)s utan fel.",
+    "unsupported_server_title": "Din server stöds inte",
+    "update": {
+        "changelog": "Ändringslogg",
+        "check_action": "Leta efter uppdatering",
+        "checking": "Letar efter uppdatering …",
+        "downloading": "Hämtar uppdatering …",
+        "error_encountered": "Fel påträffat (%(errorDetail)s).",
+        "error_unable_load_commit": "Kunde inte ladda commit-detalj: %(msg)s",
+        "new_version_available": "Ny version tillgänglig. <a>Uppdatera nu.</a>",
+        "no_update": "Ingen uppdatering tillgänglig.",
+        "release_notes_toast_title": "Vad är nytt",
+        "see_changes_button": "Vad är nytt?",
+        "toast_description": "Ny version av %(brand)s är tillgänglig",
+        "toast_title": "Uppdatera %(brand)s",
+        "unavailable": "Otillgänglig"
+    },
+    "update_room_access_modal": {
+        "description": "För att skapa en delningslänk, gör det här rummet <b>offentligt</b> eller aktivera alternativet för användare att <b>be om att få gå med</b>. Detta gör att gäster kan gå med utan att bli inbjudna.",
+        "dont_change_description": "Om du inte vill ändra åtkomst till det här rummet kan du skapa ett nytt rum för samtalslänken.",
+        "no_change": "Jag vill inte ändra åtkomstnivån.",
+        "revert_access_description": "(Detta kan återställas till föregående värde i Rumsinställningarna: <b>Säkerhet och sekretess</b> / <b>Åtkomst</b>)",
+        "title": "Tillåt gästanvändare att gå med i det här rummet"
+    },
+    "upload_failed_generic": "Filen '%(fileName)s' kunde inte laddas upp.",
+    "upload_failed_size": "Filen '%(fileName)s' överstiger denna hemserverns storleksgräns för uppladdningar",
+    "upload_failed_title": "Uppladdning misslyckades",
+    "upload_file": {
+        "cancel_all_button": "Avbryt alla",
+        "error_file_too_large": "Den här filen är <b>för stor</b> för att ladda upp. Filstorleksgränsen är %(limit)s men den här filen är %(sizeOfThisFile)s.",
+        "error_files_too_large": "Dessa filer är <b>för stora</b> för att laddas upp. Filstorleksgränsen är %(limit)s.",
+        "error_some_files_too_large": "Vissa filer är <b>för stora</b> för att laddas upp. Filstorleksgränsen är %(limit)s.",
+        "error_title": "Uppladdningsfel",
+        "not_image": "Filen du har valt är inte en giltig bildfil.",
+        "title": "Ladda upp filer",
+        "title_progress": "Ladda upp filer (%(current)s av %(total)s)",
+        "upload_all_button": "Ladda upp alla",
+        "upload_n_others_button": {
+            "other": "Ladda upp %(count)s andra filer",
+            "one": "Ladda upp %(count)s annan fil"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Admin-verktyg",
+        "ban_button_room": "Banna från rum",
+        "ban_button_space": "Banna från utrymme",
+        "ban_room_confirm_title": "Banna från %(roomName)s",
+        "ban_space_everything": "Banna dem från allt jag kan",
+        "ban_space_specific": "Banna dem från specifika saker jag kan",
+        "deactivate_confirm_action": "Inaktivera användaren",
+        "deactivate_confirm_description": "Vid inaktivering av användare loggas den ut och förhindras från att logga in igen. Den kommer dessutom att lämna alla rum den befinner sig i. Den här åtgärden kan inte ångras. Är du säker på att du vill inaktivera den här användaren?",
+        "deactivate_confirm_title": "Inaktivera användare?",
+        "demote_button": "Degradera",
+        "demote_self_confirm_description_space": "Du kommer inte kunna ångra den här ändringen eftersom du degraderar dig själv, och om du är den sista privilegierade användaren i utrymmet så kommer det att vara omöjligt att återfå utrymmet.",
+        "demote_self_confirm_room": "Du kommer inte att kunna ångra den här ändringen eftersom du degraderar dig själv. Om du är den sista privilegierade användaren i rummet blir det omöjligt att återfå behörigheter.",
+        "demote_self_confirm_title": "Degradera dig själv?",
+        "disinvite_button_room": "Ta bort från rum",
+        "disinvite_button_room_name": "Häv inbjudan från %(roomName)s",
+        "disinvite_button_space": "Ta bort inbjudan från utrymme",
+        "error_ban_user": "Misslyckades att banna användaren",
+        "error_deactivate": "Misslyckades att inaktivera användaren",
+        "error_kicking_user": "Misslyckades att ta bort användare",
+        "error_mute_user": "Misslyckades att tysta användaren",
+        "error_revoke_3pid_invite_description": "Kunde inte återkalla inbjudan. Servern kan ha ett tillfälligt problem eller så har du inte tillräckliga behörigheter för att återkalla inbjudan.",
+        "error_revoke_3pid_invite_title": "Misslyckades att återkalla inbjudan",
+        "ignore_button": "Ignorera",
+        "ignore_confirm_description": "Alla meddelanden och inbjudningar från den här användaren kommer att döljas. Är du säker på att du vill ignorera denne?",
+        "ignore_confirm_title": "Ignorera %(user)s",
+        "invited_by": "Inbjuden av %(sender)s",
+        "jump_to_rr_button": "Hoppa till läskvitto",
+        "kick_button_room": "Ta bort från rummet",
+        "kick_button_room_name": "Ta bort från %(roomName)s",
+        "kick_button_space": "Ta bort från utrymme",
+        "kick_button_space_everything": "Ta bort hen från allt jag kan",
+        "kick_space_specific": "Ta bort hen från specifika ställen jag kan",
+        "kick_space_warning": "De kommer fortfarande kunna komma åt saker du inte är admin för.",
+        "promote_warning": "Du kommer inte att kunna ångra den här ändringen eftersom du höjer användaren till samma behörighetsnivå som dig själv.",
+        "redact": {
+            "confirm_button": {
+                "other": "Ta bort %(count)s meddelanden",
+                "one": "Ta bort 1 meddelande"
+            },
+            "confirm_description_1": {
+                "one": "Du håller på att ta bort %(count)s meddelanden från %(user)s. Detta kommer ta bort dem permanent för alla i konversationen. Vill du verkligen fortsätta?",
+                "other": "Du håller på att ta bort %(count)s meddelanden från %(user)s. Detta kommer ta bort dem permanent för alla i konversationen. Vill du verkligen fortsätta?"
+            },
+            "confirm_description_2": "För en stor mängd meddelanden kan det ta lite tid. Vänligen ladda inte om din klient under tiden.",
+            "confirm_keep_state_explainer": "Bocka ur om du även vill ta bort systemmeddelanden för denna användaren (förändrat medlemskap, ny profilbild, m.m.)",
+            "confirm_keep_state_label": "Bevara systemmeddelanden",
+            "confirm_title": "Ta bort nyliga meddelanden från %(user)s",
+            "no_recent_messages_description": "Pröva att skrolla upp i tidslinjen för att se om det finns några tidigare.",
+            "no_recent_messages_title": "Inga nyliga meddelanden från %(user)s hittades"
+        },
+        "redact_button": "Ta bort meddelanden",
+        "revoke_invite": "Återkalla inbjudan",
+        "room_encrypted": "Meddelanden i det här rummet är totalsträckskrypterade.",
+        "room_encrypted_detail": "Dina meddelanden är säkrade och endast du och mottagaren har de unika nycklarna för att låsa upp dem.",
+        "room_unencrypted": "Meddelanden i detta rum är inte totalsträckskrypterade.",
+        "room_unencrypted_detail": "I krypterade rum är dina meddelanden säkrade och endast du och mottagaren har de unika nycklarna för att låsa upp dem.",
+        "send_message": "Skicka meddelande",
+        "share_button": "Dela profil",
+        "unban_button_room": "Avbanna i rum",
+        "unban_button_space": "Avbanna i utrymme",
+        "unban_room_confirm_title": "Avbanna från %(roomName)s",
+        "unban_space_everything": "Avbanna dem från allt jag kan",
+        "unban_space_specific": "Avbanna dem från specifika saker jag kan",
+        "unban_space_warning": "Personen kommer inte kunna komma åt saker du inte är admin för.",
+        "unignore_button": "Avignorera",
+        "verification_unavailable": "Användarverifiering inte tillgänglig",
+        "verify_button": "Verifiera användare",
+        "verify_explainer": "För extra säkerhet, verifiera den här användaren genom att kolla en engångskod på båda era enheter."
+    },
+    "voip": {
+        "already_in_call": "Redan i samtal",
+        "already_in_call_person": "Du är redan i ett samtal med den här personen.",
+        "answered_elsewhere": "Mottaget någon annanstans",
+        "answered_elsewhere_description": "Samtalet mottogs på en annan enhet.",
+        "call_failed": "Samtal misslyckades",
+        "call_failed_description": "Samtalet kunde inte etableras",
+        "call_failed_media": "Samtal misslyckades eftersom webbkamera eller mikrofon inte kunde kommas åt. Kolla att:",
+        "call_failed_media_applications": "Inget annat program använder webbkameran",
+        "call_failed_media_connected": "En webbkamera och en mikrofon är inkopplad och korrekt inställd",
+        "call_failed_media_permissions": "Åtkomst till webbkameran har beviljats",
+        "call_failed_microphone": "Samtal misslyckades eftersom att mikrofonen inte kunde kommas åt. Kolla att en mikrofon är inkopplat och korrekt inställd.",
+        "call_held": "%(peerName)s parkerade samtalet",
+        "call_held_resume": "Du parkerade samtalet <a>Återuppta</a>",
+        "call_held_switch": "Du parkerade samtalet <a>Byt</a>",
+        "call_toast_unknown_room": "Okänt rum",
+        "camera_disabled": "Din kamera är av",
+        "camera_enabled": "Din kamera är fortfarande på",
+        "cannot_call_yourself_description": "Du kan inte ringa till dig själv.",
+        "close_lobby": "Stäng lobbyn",
+        "connecting": "Ansluter",
+        "connection_lost": "Anslutningen till servern har förlorats",
+        "connection_lost_description": "Du kan inte ringa samtal utan en anslutning till servern.",
+        "consulting": "Tillfrågar %(transferTarget)s. <a>%(transferTarget)sÖverför till %(transferee)s</a>",
+        "default_device": "Standardenhet",
+        "dial": "Slå nummer",
+        "dialpad": "Knappsats",
+        "disable_camera": "Stäng av kamera",
+        "disable_microphone": "Slå av mikrofonen",
+        "disabled_no_perms_start_video_call": "Du är inte behörig att starta videosamtal",
+        "disabled_no_perms_start_voice_call": "Du är inte behörig att starta röstsamtal",
+        "disabled_ongoing_call": "Pågående samtal",
+        "element_call": "Element Call",
+        "enable_camera": "Sätt på kamera",
+        "enable_microphone": "Slå på mikrofonen",
+        "expand": "Återgå till samtal",
+        "get_call_link": "Dela samtalslänk",
+        "hangup": "Lägg på",
+        "hide_sidebar_button": "Göm sidopanel",
+        "input_devices": "Ingångsenheter",
+        "jitsi_call": "Jitsi-gruppsamtal",
+        "legacy_call": "Standardsamtal",
+        "maximise": "Fyll skärmen",
+        "maximise_call": "Maximera samtal",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Konferenser"
+        },
+        "minimise_call": "Minimera samtal",
+        "misconfigured_server": "Anrop misslyckades på grund av felkonfigurerad server",
+        "misconfigured_server_description": "Be administratören för din hemserver (<code>%(homeserverDomain)s</code>) att konfigurera en TURN-server för att samtal ska fungera pålitligt.",
+        "misconfigured_server_fallback": "Alternativt kan du försöka använda den offentliga servern på <server/>, men det kommer inte att vara lika tillförlitligt och det kommer att dela din IP-adress med den servern. Du kan också hantera detta i Inställningar.",
+        "misconfigured_server_fallback_accept": "Pröva att använda %(server)s",
+        "more_button": "Mer",
+        "msisdn_lookup_failed": "Kunde inte slå upp telefonnumret",
+        "msisdn_lookup_failed_description": "Ett fel inträffade vid uppslagning av telefonnumret",
+        "msisdn_transfer_failed": "Kan inte överföra samtal",
+        "n_people_joined": {
+            "other": "%(count)s personer gick med",
+            "one": "%(count)s person gick med"
+        },
+        "no_audio_input_description": "Vi kunde inte hitta en mikrofon på din enhet. Vänligen kolla dina inställningar och försök igen.",
+        "no_audio_input_title": "Ingen mikrofon hittad",
+        "no_media_perms_description": "Du behöver manuellt tillåta %(brand)s att komma åt din mikrofon/kamera",
+        "no_media_perms_title": "Inga mediebehörigheter",
+        "no_permission_conference": "Behörighet krävs",
+        "no_permission_conference_description": "Du har inte behörighet att starta ett gruppsamtal i detta rum",
+        "on_hold": "%(name)s parkerad",
+        "output_devices": "Utgångsenheter",
+        "screenshare_monitor": "Dela hela skärmen",
+        "screenshare_title": "Dela innehåll",
+        "screenshare_window": "Programfönster",
+        "show_sidebar_button": "Visa sidopanel",
+        "silence": "Tysta samtal",
+        "silenced": "Aviseringar tystade",
+        "start_screenshare": "Börja dela din skärm",
+        "stop_screenshare": "Sluta dela din skärm",
+        "too_many_calls": "För många samtal",
+        "too_many_calls_description": "Du har nått det maximala antalet samtidiga samtal.",
+        "transfer_consult_first_label": "Tillfråga först",
+        "transfer_failed": "Överföring misslyckades",
+        "transfer_failed_description": "Misslyckades att överlåta samtal",
+        "unable_to_access_audio_input_description": "Vi kunde inte komma åt din mikrofon. Vänligen kolla dina webbläsarinställningar och försök igen.",
+        "unable_to_access_audio_input_title": "Kan inte komma åt din mikrofon",
+        "unable_to_access_media": "Kan inte komma åt webbkamera eller mikrofon",
+        "unable_to_access_microphone": "Kan inte komma åt mikrofonen",
+        "unknown_caller": "Okänd uppringare",
+        "unknown_person": "okänd person",
+        "unsilence": "Ljud på",
+        "unsupported": "Samtal stöds ej",
+        "unsupported_browser": "Du kan inte ringa samtal i den här webbläsaren.",
+        "user_busy": "Användare upptagen",
+        "user_busy_description": "Användaren du ringde är upptagen.",
+        "user_is_presenting": "%(sharerName)s presenterar",
+        "video_call": "Videosamtal",
+        "video_call_using": "Videosamtal med hjälp av:",
+        "voice_call": "Röstsamtal",
+        "you_are_presenting": "Du presenterar"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s på %(osName)s",
+    "widget": {
+        "added_by": "Widget tillagd av",
+        "capabilities_dialog": {
+            "content_starting_text": "Den här widgeten skulle vilja:",
+            "decline_all_permission": "Neka alla",
+            "remember_Selection": "Kom ihåg mitt val för den här widgeten",
+            "title": "Godta widgetbehörigheter"
+        },
+        "capability": {
+            "always_on_screen_generic": "Stanna kvar på skärmen när det körs",
+            "always_on_screen_viewing_another_room": "Stanna kvar på skärmen när ett annat rum visas, när det körs",
+            "any_room": "Det ovanstående, men i vilket som helst rum du är med i eller inbjuden till också",
+            "byline_empty_state_key": "med en tom statusnyckel",
+            "byline_state_key": "med statusnyckel %(stateKey)s",
+            "capability": "<b>%(capability)s</b>-kapaciteten",
+            "change_avatar_active_room": "Byta avatar för ditt aktiva rum",
+            "change_avatar_this_room": "Byta avatar för det här rummet",
+            "change_name_active_room": "Byta namn på ditt aktiva rum",
+            "change_name_this_room": "Byta namn på det här rummet",
+            "change_topic_active_room": "Ändra ditt aktiva rums ämne",
+            "change_topic_this_room": "Ändra det här rummets ämne",
+            "receive_membership_active_room": "Se när folk går med, lämnar eller bjuds in till ditt aktiva rum",
+            "receive_membership_this_room": "Se när folk går med, lämnar eller bjuds in till det här rummet",
+            "remove_ban_invite_leave_active_room": "Ta bort, banna eller bjuda in personer till ditt aktiva rum, och tvinga dig att lämna",
+            "remove_ban_invite_leave_this_room": "Ta bort, banna eller bjuda in personer till det här rummet, och tvinga dig att lämna",
+            "see_avatar_change_active_room": "Se när avataren byts för ditt aktiva rum",
+            "see_avatar_change_this_room": "Se när avataren byts för det här rummet",
+            "see_event_type_sent_active_room": "Se <b>%(eventType)s</b>-händelser som skickas i ditt aktiva rum",
+            "see_event_type_sent_this_room": "Se <b>%(eventType)s</b>-händelser skickade i det här rummet",
+            "see_images_sent_active_room": "Se bilder som skickas i ditt aktiva rum",
+            "see_images_sent_this_room": "Se bilder som skickas i det här rummet",
+            "see_messages_sent_active_room": "Se meddelanden som skickas i ditt aktiva rum",
+            "see_messages_sent_this_room": "Se meddelanden som skickas i det här rummet",
+            "see_msgtype_sent_active_room": "Se <b>%(msgtype)s</b>-meddelanden som skickas i ditt aktiva rum",
+            "see_msgtype_sent_this_room": "Se <b>%(msgtype)s</b>-meddelanden som skickas i det här rummet",
+            "see_name_change_active_room": "Se när namnet på ditt aktiva rum byts",
+            "see_name_change_this_room": "Se när namnet på det här rummet byts",
+            "see_sent_emotes_active_room": "Se emotes som skickas i ditt aktiva rum",
+            "see_sent_emotes_this_room": "Se emotes som skickas i det här rummet",
+            "see_sent_files_active_room": "Se generella filer som skickas i ditt aktiva rum",
+            "see_sent_files_this_room": "Se generella filer som skickas i det här rummet",
+            "see_sticker_posted_active_room": "Se när någon skickar en dekal till ditt aktiva rum",
+            "see_sticker_posted_this_room": "Se när en dekal skickas i det här rummet",
+            "see_text_messages_sent_active_room": "Se textmeddelanden som skickas i ditt aktiva rum",
+            "see_text_messages_sent_this_room": "Se textmeddelanden som skickas i det här rummet",
+            "see_topic_change_active_room": "Se när ditt aktiva rums ämne ändras",
+            "see_topic_change_this_room": "Se när det här rummets ämne ändras",
+            "see_videos_sent_active_room": "Se videor som skickas i ditt aktiva rum",
+            "see_videos_sent_this_room": "Se videor som skickas i det här rummet",
+            "send_emotes_active_room": "Skicka emotes som dig i ditt aktiva rum",
+            "send_emotes_this_room": "Skicka emotes som dig i det här rummet",
+            "send_event_type_active_room": "Skicka <b>%(eventType)s</b>-händelser som dig i ditt aktiva rum",
+            "send_event_type_this_room": "Skicka <b>%(eventType)s</b>-händelser som dig i det här rummet",
+            "send_files_active_room": "Skicka generella filer som dig i ditt aktiva rum",
+            "send_files_this_room": "Skicka generella filer som dig i det här rummet",
+            "send_images_active_room": "Skicka bilder som dig i ditt aktiva rum",
+            "send_images_this_room": "Skicka bilder som dig i det här rummet",
+            "send_messages_active_room": "Skicka meddelanden som dig i ditt aktiva rum",
+            "send_messages_this_room": "Skicka meddelanden som dig i det här rummet",
+            "send_msgtype_active_room": "Skicka <b>%(msgtype)s</b>-meddelanden som dig i ditt aktiva rum",
+            "send_msgtype_this_room": "Skicka <b>%(msgtype)s</b>-meddelanden som dig i det här rummet",
+            "send_stickers_active_room": "Skicka in dekaler i ditt aktiva rum",
+            "send_stickers_active_room_as_you": "Skicka dekaler till ditt aktiva rum som dig",
+            "send_stickers_this_room": "Skicka in dekaler i det här rummet",
+            "send_stickers_this_room_as_you": "Skicka dekaler till det här rummet som dig",
+            "send_text_messages_active_room": "Skicka textmeddelanden som dig i ditt aktiva rum",
+            "send_text_messages_this_room": "Skicka textmeddelanden som dig i det här rummet",
+            "send_videos_active_room": "Skicka videor som dig i ditt aktiva rum",
+            "send_videos_this_room": "Skicka videor som dig i det här rummet",
+            "specific_room": "Det ovanstående, men i <Room /> också",
+            "switch_room": "Ändra vilket rum du visar",
+            "switch_room_message_user": "Ändra vilket rum, vilket meddelande eller vilken användare du ser"
+        },
+        "close_to_view_right_panel": "Stäng den här widgeten för att se den i den här panelen",
+        "context_menu": {
+            "delete": "Radera widget",
+            "delete_warning": "Att radera en widget tar bort den för alla användare i rummet. Är du säker på att du vill radera den?"
+        },
+        "cookie_warning": "Denna widget kan använda kakor.",
+        "error_hangup_description": "Du kopplades bort från samtalet. (Fel: %(message)s)",
+        "error_hangup_title": "Anslutning bröts",
+        "error_loading": "Fel vid laddning av widget",
+        "error_mixed_content": "Fel - blandat innehåll",
+        "error_need_invite_permission": "Du behöver kunna bjuda in användare för att göra det där.",
+        "error_need_kick_permission": "Du behöver kunna kicka användare för att göra det.",
+        "error_need_to_be_logged_in": "Du måste vara inloggad.",
+        "error_unable_start_audio_stream_description": "Kunde inte starta ljudströmning.",
+        "error_unable_start_audio_stream_title": "Misslyckades att starta livestream",
+        "modal_data_warning": "Data på den här skärmen delas med %(widgetDomain)s",
+        "modal_title_default": "Dialogruta",
+        "no_name": "Okänd app",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Kom ihåg det här",
+            "starting_text": "Den här widgeten kommer att verifiera ditt användar-ID, men kommer inte kunna utföra handlingar som dig:",
+            "title": "Tillåt att den här widgeten verifierar din identitet"
+        },
+        "popout": "Poppa ut widget",
+        "set_room_layout": "Ställ in layout för alla",
+        "shared_data_avatar": "URL för din profilbild",
+        "shared_data_device_id": "Ditt enhets-ID",
+        "shared_data_lang": "Ditt språk",
+        "shared_data_mxid": "Ditt användar-ID",
+        "shared_data_name": "Ditt visningsnamn",
+        "shared_data_room_id": "Rums-ID",
+        "shared_data_theme": "Ditt tema",
+        "shared_data_url": "%(brand)s-URL",
+        "shared_data_warning": "Att använda denna widget kan dela data <helpIcon /> med %(widgetDomain)s.",
+        "shared_data_warning_im": "Att använda denna widget kan dela data <helpIcon /> med %(widgetDomain)s och din integrationshanterare.",
+        "shared_data_widget_id": "Widget-ID",
+        "unencrypted_warning": "Widgets använder inte meddelandekryptering.",
+        "unmaximise": "Avmaximera",
+        "unpin_to_view_right_panel": "Avfäst den här widgeten för att se den i den här panelen"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Endast stora bokstäver är nästan lika enkelt att gissa som endast små bokstäver",
+            "anotherWord": "Lägg till ett ord eller två. Okända ord är bättre.",
+            "associatedYears": "Undvik årtal som associeras med dig",
+            "capitalization": "Versaler hjälper inte särskilt mycket",
+            "dates": "Undvik datum och årtal som associeras med dig",
+            "l33t": "Förutsägbara ersättningar som '@' istället för 'a' hjälper inte särskilt mycket",
+            "longerKeyboardPattern": "Använd ett längre tangentbordsmönster med fler riktningsbyten",
+            "noNeed": "Specialtecken, siffror eller stora bokstäver behövs inte",
+            "pwned": "Om du använder det här lösenordet någon annanstans bör du ändra det.",
+            "recentYears": "Undvik nyliga år",
+            "repeated": "Undvik upprepade ord och bokstäver",
+            "reverseWords": "Ord skrivna baklänges är inte mycket svårare att gissa",
+            "sequences": "Undvik sekvenser",
+            "useWords": "Använd några ord, undvik vanliga fraser"
+        },
+        "warnings": {
+            "common": "Det här är ett väldigt vanligt lösenord",
+            "commonNames": "Vanliga för- och efternamn är enkla att gissa",
+            "dates": "Datum är ofta enkla att gissa",
+            "extendedRepeat": "Upprepningar som \"abcabcabc\" är bara aningen svårare att gissa än \"abc\"",
+            "keyPattern": "Korta tangentbordsmönster är enkla att gissa",
+            "namesByThemselves": "Enstaka för- och efternamn är enkla att gissa",
+            "pwned": "Ditt lösenord avslöjades av ett dataintrång på Internet.",
+            "recentYears": "Nyliga årtal är enkla att gissa",
+            "sequences": "Sekvenser som abc eller 6543 är enkla att gissa",
+            "similarToCommon": "Det här liknar ett vanligt lösenord",
+            "simpleRepeat": "Upprepningar som \"aaa\" är enkla att gissa",
+            "straightRow": "Raka rader på tangentbordet är enkla att gissa",
+            "topHundred": "Det här är ett av de 100 vanligaste lösenorden",
+            "topTen": "Det här är ett av de 10 vanligaste lösenorden",
+            "userInputs": "Det bör inte finnas några personliga eller sidrelaterade data.",
+            "wordByItself": "Enstaka ord är enkla att gissa"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/tr.json b/apps/web/src/i18n/strings/tr.json
new file mode 100644
index 00000000000..39068ae2143
--- /dev/null
+++ b/apps/web/src/i18n/strings/tr.json
@@ -0,0 +1,3772 @@
+{
+    "a11y": {
+        "jump_first_invite": "İlk davete git.",
+        "message_composer": "Mesaj oluşturucu",
+        "n_unread_messages": {
+            "other": "%(count)s okunmamış mesaj.",
+            "one": "1 okunmamış mesaj."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 okunmamış bahis.",
+            "other": "anmalar dahil okunmayan %(count)s mesaj."
+        },
+        "room_status_bar": "Oda durum çubuğu",
+        "seek_bar_label": "Ses arama çubuğu",
+        "unread_messages": "Okunmamış mesajlar."
+    },
+    "a11y_jump_first_unread_room": "İlk okunmamış odaya git.",
+    "action": {
+        "accept": "Kabul Et",
+        "add": "Ekle",
+        "add_existing_room": "Mevcut odayı ekle",
+        "apply": "Uygula",
+        "approve": "Onayla",
+        "ask_to_join": "Katılmak için sor",
+        "back": "Geri",
+        "call": "Ara",
+        "cancel": "İptal",
+        "change": "Değiştir",
+        "clear": "Temizle",
+        "click_to_copy": "Kopyalamak için tıklayın",
+        "close": "Kapat",
+        "collapse": "Başarısız",
+        "complete": "Tamamlandı",
+        "confirm": "Doğrula",
+        "continue": "Devam Et",
+        "copy": "Kopyala",
+        "copy_link": "Bağlantıyı kopyala",
+        "create": "Oluştur",
+        "create_a_room": "Bir oda oluştur",
+        "create_account": "Hesap oluştur",
+        "decline": "Reddet",
+        "delete": "Sil",
+        "deny": "Reddet",
+        "disable": "Devre dışı bırak",
+        "disconnect": "Bağlantıyı kes",
+        "dismiss": "Kapat",
+        "done": "Bitti",
+        "download": "İndir",
+        "edit": "Düzenle",
+        "enable": "Etkinleştir",
+        "enter_fullscreen": "Tam ekrana geç",
+        "exit_fullscreeen": "Tam ekrandan çık",
+        "expand": "Genişlet",
+        "explore_rooms": "Odaları keşfet",
+        "export": "Dışa Aktar",
+        "forward": "İleri",
+        "go": "Git",
+        "go_back": "Geri dön",
+        "got_it": "Anladım",
+        "hide_advanced": "Gelişmişi gizle",
+        "hold": "Beklet",
+        "ignore": "Yoksay",
+        "import": "İçe Aktar",
+        "invite": "Davet et",
+        "join": "Katıl",
+        "learn_more": "Daha fazla bilgi edin",
+        "leave": "Ayrıl",
+        "leave_room": "Odadan ayrıl",
+        "logout": "Çıkış Yap",
+        "manage": "Yönet",
+        "maximise": "Maksimize",
+        "mention": "Sizden bahsediyor",
+        "minimise": "Minimize",
+        "new_room": "Yeni oda",
+        "new_video_room": "Yeni video odası",
+        "next": "İleri",
+        "no": "Hayır",
+        "ok": "Tamam",
+        "open": "Aç",
+        "pin": "PIN Kodu",
+        "proceed": "İlerle",
+        "quote": "Alıntı",
+        "react": "Tepki ver",
+        "refresh": "Yenile",
+        "register": "Kaydolun",
+        "reload": "Tekrar yükle",
+        "remove": "Kaldır",
+        "rename": "Yeniden adlandır",
+        "reply": "Yanıtla",
+        "reply_in_thread": "Konu içinde yanıtla\n",
+        "resend": "Yeniden Gönder",
+        "reset": "Sıfırla",
+        "resume": "Devam et",
+        "retry": "Yeniden Dene",
+        "review": "Gözden Geçir",
+        "revoke": "İptal",
+        "save": "Kaydet",
+        "search": "Ara",
+        "send_report": "Rapor gönder",
+        "set_avatar": "Profil resmini ayarla",
+        "share": "Paylaş",
+        "show": "Göster",
+        "show_advanced": "Gelişmiş göster",
+        "show_all": "Hepsini göster",
+        "sign_in": "Giriş Yap",
+        "sign_out": "Çıkış Yap",
+        "skip": "Atla",
+        "start": "Başlat",
+        "stop": "Dur",
+        "submit": "Gönder",
+        "subscribe": "Abone ol",
+        "transfer": "Aktar",
+        "trust": "Güven",
+        "try_again": "Yeniden deneyin",
+        "unban": "Yasağı Kaldır",
+        "unignore": "Yoksayma",
+        "unpin": "Sabitlemeyi kaldır",
+        "unsubscribe": "Abonelikten Çık",
+        "update": "Güncelleştir",
+        "upgrade": "Yükselt",
+        "upload": "Yükle",
+        "upload_file": "Dosya Yükle",
+        "verify": "Doğrula",
+        "view": "Görüntüle",
+        "view_all": "Hepsini göster",
+        "view_list": "Listeyi görüntüle",
+        "view_message": "Mesajı görüntüle",
+        "view_source": "Kaynağı Görüntüle",
+        "yes": "Evet",
+        "zoom_in": "Yakınlaştır",
+        "zoom_out": "Uzaklaştır"
+    },
+    "analytics": {
+        "accept_button": "Bu iyi",
+        "bullet_1": "Hesap verilerinizi <Bold>kaydetmez</Bold> veya analiz etmeyiz",
+        "bullet_2": "Bilgilerinizi üçüncü taraflarla <Bold>paylaşmıyoruz</Bold>",
+        "consent_migration": "Daha önce anonim kullanım verilerini bizimle paylaşmayı kabul ettiniz. Bunun nasıl çalıştığını güncelliyoruz.",
+        "disable_prompt": "Bunu istediğiniz zaman ayarlardan kapatabilirsiniz",
+        "enable_prompt": "%(analyticsOwner)s geliştirilmesine yardımcı olun",
+        "learn_more": "Sorunları belirlememize yardımcı olması için anonim verileri paylaşın. Kişisel değil. Üçüncü taraflar yok. <LearnMoreLink>Daha Fazla Bilgi</LearnMoreLink>",
+        "privacy_policy": "Tüm şartlarımızı <PrivacyPolicyUrl>buradan</PrivacyPolicyUrl> okuyabilirsiniz.",
+        "pseudonymous_usage_data": "Anonim kullanım verilerini paylaşarak sorunların tespit edilmesine ve %(analyticsOwner)s iyileştirilmesine yardımcı olun. İnsanların birden fazla cihazı nasıl kullandığını anlamak için cihazlarınız arasında paylaşılan rastgele bir tanımlayıcı oluşturacağız.",
+        "shared_data_heading": "Aşağıdaki verilerden herhangi biri paylaşılabilir:"
+    },
+    "auth": {
+        "3pid_in_use": "Bu e-posta adresi veya telefon numarası zaten kullanılıyor.",
+        "account_clash": "Yeni hesabınız (%(newAccountId)s) kaydedildi, ancak zaten farklı bir hesapta (%(loggedInUserId)s) oturum açmış durumdasınız.",
+        "account_clash_previous_account": "Önceki hesapla devam et",
+        "account_deactivated": "Hesap devre dışı bırakıldı.",
+        "autodiscovery_generic_failure": "Sunucudan otomatik bulma yapılandırması alınamadı",
+        "autodiscovery_hs_incompatible": "Ana sunucunuz çok eski ve gereken minimum API sürümünü desteklemiyor. Lütfen sunucu sahibinizle iletişime geçin veya sunucunuzu yükseltin.",
+        "autodiscovery_invalid": "Geçersiz anasunucu keşif yanıtı",
+        "autodiscovery_invalid_hs": "Anasunucu URL'si geçerli bir Matrix anasuunucusu olarak görünmüyor",
+        "autodiscovery_invalid_hs_base_url": "m.anasunucu için geçersiz base_url",
+        "autodiscovery_invalid_is": "Kimlik sunucu adresi geçerli bir kimlik sunucu adresi gibi gözükmüyor",
+        "autodiscovery_invalid_is_base_url": "m.kimlik_sunucu için geçersiz base_url",
+        "autodiscovery_invalid_is_response": "Geçersiz kimlik sunucu keşfi yanıtı",
+        "autodiscovery_invalid_json": "Hatalı JSON",
+        "autodiscovery_no_well_known": ".well-known JSON dosyası bulunamadı\n",
+        "autodiscovery_unexpected_error_hs": "Ana sunucu yapılandırması çözümlenirken beklenmeyen hata",
+        "autodiscovery_unexpected_error_is": "Kimlik sunucu yapılandırması çözümlenirken beklenmeyen hata",
+        "captcha_description": "Bu ana sunucu sizin bir robot olup olmadığınızdan emin olmak istiyor.",
+        "change_password_action": "Şifre Değiştir",
+        "change_password_confirm_invalid": "Şifreler uyuşmuyor",
+        "change_password_confirm_label": "Şifreyi Onayla",
+        "change_password_current_label": "Mevcut Şifre",
+        "change_password_empty": "Şifreler boş olamaz",
+        "change_password_error": "Şifre değiştirilirken hata oluştu: %(error)s",
+        "change_password_mismatch": "Yeni şifreler uyuşmuyor",
+        "change_password_new_label": "Yeni Şifre",
+        "check_email_explainer": "<b>%(email)s</b> adresine gönderilen talimatları izleyin.",
+        "check_email_resend_prompt": "Almadınız mı?",
+        "check_email_resend_tooltip": "Doğrulama bağlantısı e-postası yeniden gönderildi!",
+        "check_email_wrong_email_button": "E-posta adresini tekrar girin",
+        "check_email_wrong_email_prompt": "Yanlış e-posta adresi?",
+        "continue_with_idp": "%(provider)s ile devam edin",
+        "continue_with_sso": "%(ssoButtons)s ile devam et",
+        "country_dropdown": "Ülke Listesi",
+        "create_account_prompt": "Burada yeni misiniz? <a>Bir hesap oluşturun</a>",
+        "create_account_title": "Yeni hesap",
+        "email_discovery_text": "İsteğe bağlı olarak mevcut kişiler tarafından bulunabilir olmak için e-posta ekleyin.",
+        "email_field_label": "E-posta",
+        "email_field_label_invalid": "Geçerli bir e-posta adresine benzemiyor",
+        "email_field_label_required": "E-posta adresi gir",
+        "email_help_text": "Şifrenizi sıfırlayabilmek için bir e-posta ekleyin.",
+        "email_phone_discovery_text": "İsteğe bağlı olarak mevcut kişiler tarafından keşfedilebilir olmak için e-posta veya telefon ekleyin.",
+        "enter_email_explainer": "<b>%(homeserver)s</b>, şifrenizi sıfırlamanız için size bir doğrulama bağlantısı gönderecek.",
+        "enter_email_heading": "Şifrenizi sıfırlamak için e-posta adresinizi girin",
+        "failed_connect_identity_server": "Kimlik sunucusu erişilemiyor",
+        "failed_connect_identity_server_other": "Oturum açabilirsiniz, fakat kimlik sunucunuz çevrimiçi olana kadar bazı özellikler mevcut olmayacak. Bu uyarıyı sürekli görüyorsanız, yapılandırmanızı kontrol edin veya sunucu yöneticinizle iletişime geçin.",
+        "failed_connect_identity_server_register": "Kayıt olabilirsiniz, fakat kimlik sunucunuz çevrimiçi olana kadar bazı özellikler mevcut olmayacak. Bu uyarıyı sürekli görüyorsanız, yapılandırmanızı kontrol edin veya sunucu yöneticinizle iletişime geçin.",
+        "failed_connect_identity_server_reset_password": "Parolanızı sıfırlayabilirsiniz, fakat kimlik sunucunuz çevrimiçi olana kadar bazı özellikler mevcut olmayacak. Bu uyarıyı sürekli görüyorsanız, yapılandırmanızı kontrol edin veya sunucu yöneticinizle iletişime geçin.",
+        "failed_homeserver_discovery": "Anasunucu keşif işlemi başarısız",
+        "failed_query_registration_methods": "Desteklenen kayıt yöntemleri için sorgulama yapılamıyor.",
+        "failed_soft_logout_auth": "Yeniden kimlik doğrulama başarısız",
+        "failed_soft_logout_homeserver": "Anasunucu problemi yüzünden yeniden kimlik doğrulama başarısız",
+        "forgot_password_email_invalid": "E-posta adresi geçerli görünmüyor.",
+        "forgot_password_email_required": "Hesabınıza bağlı e-posta adresi girilmelidir.",
+        "forgot_password_prompt": "Parolanızı mı unuttunuz?",
+        "forgot_password_send_email": "E-posta gönder",
+        "identifier_label": "Şununla oturum açın:",
+        "incorrect_credentials": "Yanlış kullanıcı adı ve / veya şifre.",
+        "incorrect_credentials_detail": "Lütfen %(hs)s sunucusuna oturum açtığınızın farkında olun. Bu sunucu matrix.org değil.",
+        "incorrect_password": "Yanlış Şifre",
+        "log_in_new_account": "Yeni hesabınızla <a>Oturum aç</a>ın.",
+        "logout_dialog": {
+            "description": "Oturumdan çıkmak istediğinize emin misiniz?",
+            "setup_key_backup_title": "Şifrelenmiş mesajlarınıza erişiminizi kaybedeceksiniz",
+            "skip_key_backup": "Şifrelenmiş mesajlarımı istemiyorum"
+        },
+        "misconfigured_body": "%(brand)s yöneticinize <a>yapılandırmanızın</a> hatalı ve mükerrer girdilerini kontrol etmesi için talepte bulunun.",
+        "misconfigured_title": "%(brand)s hatalı ayarlanmış",
+        "mobile_create_account_title": "%(hsName)s üzerinde bir hesap oluşturmak üzeresiniz",
+        "msisdn_field_description": "Diğer kullanıcılar, iletişim bilgilerinizi kullanarak sizi odalara davet edebilir",
+        "msisdn_field_label": "Telefon",
+        "msisdn_field_number_invalid": "Bu telefon numarası tam olarak doğru görünmüyor, lütfen kontrol edip tekrar deneyin",
+        "msisdn_field_required_invalid": "Telefon numarası gir",
+        "no_hs_url_provided": "Ana sunucu adresi belirtilmemiş",
+        "oidc": {
+            "error_title": "Sizin girişinizi yapamadık",
+            "generic_auth_error": "Kimlik doğrulama sırasında bir şeyler ters gitti. Oturum açma sayfasına gidin ve tekrar deneyin.",
+            "missing_or_invalid_stored_state": "Tarayıcınıza bağlandığınız ana sunucuyu anımsamasını söyledik ama ne yazık ki tarayıcınız bunu unutmuş. Lütfen giriş sayfasına gidip tekrar deneyin."
+        },
+        "password_field_keep_going_prompt": "Devam et...",
+        "password_field_label": "Şifre gir",
+        "password_field_strong_label": "Güzel, güçlü şifre!",
+        "password_field_weak_label": "Şifreye izin var, fakat kullanmak güvenli değil",
+        "phone_label": "Telefon",
+        "phone_optional_label": "Telefon (isteğe bağlı)",
+        "qr_code_login": {
+            "check_code_explainer": "Bu, diğer cihazınızla olan bağlantının güvenli olduğunu doğrulayacaktır.",
+            "check_code_heading": "Diğer cihazınızda gösterilen numarayı girin",
+            "check_code_input_label": "2 haneli kod",
+            "check_code_mismatch": "Sayılar uyuşmuyor",
+            "completing_setup": "Yeni cihazınızın kurulumunu tamamlayın",
+            "error_etag_missing": "Beklenmeyen bir hata oluştu. Bunun nedeni bir tarayıcı uzantısı, proxy sunucusu veya sunucunun yanlış yapılandırılması olabilir.",
+            "error_expired": "Oturum açma süresi doldu. Lütfen tekrar deneyin.",
+            "error_expired_title": "Oturum açma işlemi zamanında tamamlanmadı",
+            "error_insecure_channel_detected": "Yeni cihaza güvenli bir bağlantı kurulamadı. Mevcut cihazlarınız hala güvende ve onlar için endişelenmenize gerek yok.",
+            "error_insecure_channel_detected_instructions": "Şimdi ne olacak?",
+            "error_insecure_channel_detected_instructions_1": "Bunun bir ağ sorunu olması ihtimaline karşı diğer cihazda QR koduyla tekrar oturum açmayı deneyin",
+            "error_insecure_channel_detected_instructions_2": "Aynı sorunla karşılaşırsanız, farklı bir wifi ağı deneyin veya wifi yerine mobil verinizi kullanın",
+            "error_insecure_channel_detected_instructions_3": "Bu işe yaramazsa, manuel olarak oturum açın",
+            "error_insecure_channel_detected_title": "Bağlantı güvenli değil",
+            "error_other_device_already_signed_in": "Başka bir şey yapmanıza gerek yok.",
+            "error_other_device_already_signed_in_title": "Diğer cihazınızda zaten oturum açıldı",
+            "error_rate_limited": "Kısa sürede çok fazla deneme. Tekrar denemeden önce bir süre bekleyin.",
+            "error_unexpected": "Beklenmeyen bir hata oluştu. Diğer cihazınızı bağlama isteği iptal edildi.",
+            "error_unsupported_protocol": "Bu cihaz, diğer cihazda QR koduyla oturum açmayı desteklemiyor.",
+            "error_unsupported_protocol_title": "Diğer cihaz uyumlu değil",
+            "error_user_cancelled": "Oturum açma işlemi diğer cihazda iptal edildi.",
+            "error_user_cancelled_title": "Oturum açma isteği iptal edildi",
+            "error_user_declined": "Siz veya hesap sağlayıcısı oturum açma isteğini reddetti.",
+            "error_user_declined_title": "Oturum açma reddedildi",
+            "follow_remaining_instructions": "Kalan talimatları izleyin",
+            "open_element_other_device": "Diğer cihazınızda %(brand)s açın",
+            "point_the_camera": "Burada gösterilen QR kodunu tarayın",
+            "scan_code_instruction": "QR kodunu başka bir cihazla tarayın",
+            "scan_qr_code": "QR kod ile oturum aç",
+            "security_code_prompt": "İstenirse, diğer cihazınızda aşağıdaki kodu girin.",
+            "select_qr_code": "Seç \"%(scanQRCode)s”",
+            "unsupported_explainer": "Hesap sağlayıcınız, QR koduyla yeni bir cihazda oturum açmayı desteklemiyor.",
+            "unsupported_heading": "QR kodu desteklenmiyor",
+            "waiting_for_device": "Cihazın oturum açması bekleniyor"
+        },
+        "register_action": "Hesap Oluştur",
+        "registration": {
+            "continue_without_email_description": "Sadece bir uyarı, e-posta eklemezseniz ve şifrenizi unutursanız, hesabınıza erişimi <b> kalıcı olarak kaybedebilirsiniz</b>.",
+            "continue_without_email_field_label": "E-posta (isteğe bağlı)",
+            "continue_without_email_title": "E-posta olmadan devam et"
+        },
+        "registration_disabled": "Bu ana sunucuda kayıt devre dışı bırakıldı.",
+        "registration_msisdn_field_required_invalid": "Telefon numarası gir ( bu ana sunucuda gerekli)",
+        "registration_successful": "Kayıt Başarılı",
+        "registration_username_in_use": "Birisi zaten bu kullanıcı adına sahip. Başka bir tane deneyin veya sizseniz, aşağıdan oturum açın.",
+        "registration_username_unable_check": "Kullanıcı adının alınıp alınmadığı kontrol edilemiyor. Daha sonra tekrar deneyin.",
+        "registration_username_validation": "Sadece küçük harfler, numara, tire ve alt tire kullanın",
+        "reset_password": {
+            "confirm_new_password": "Yeni şifreyi onayla",
+            "devices_logout_success": "Tüm cihazlardan çıkış yaptınız ve artık anlık bildirimler almayacaksınız. Bildirimleri yeniden etkinleştirmek için her cihazda tekrar oturum açın.",
+            "other_devices_logout_warning_1": "Cihazlarınızdan çıkış yaptığınızda, cihazlarda saklanan mesaj şifreleme anahtarları silinir ve şifrelenmiş sohbet geçmişi okunamaz hale gelir.",
+            "other_devices_logout_warning_2": "Şifreli odalarda sohbet geçmişinize erişimi korumak istiyorsanız, devam etmeden önce Anahtar Yedekleme'yi ayarlayın veya mesaj anahtarlarınızı diğer cihazlarınızdan dışa aktarın.",
+            "password_not_entered": "Yeni bir şifre girilmelidir.",
+            "passwords_mismatch": "Yeni şifreler birbirleriyle eşleşmelidir.",
+            "rate_limit_error": "Kısa sürede çok fazla deneme. Tekrar denemeden önce biraz bekleyin.",
+            "rate_limit_error_with_time": "Kısa sürede çok fazla deneme. %(timeout)s sonra yeniden deneyin.",
+            "reset_successful": "Parolanız sıfırlandı.",
+            "return_to_login": "Giriş ekranına dön",
+            "sign_out_other_devices": "Tüm cihazlardan çıkış yapın"
+        },
+        "reset_password_action": "Şifreyi sıfırla",
+        "reset_password_button": "Şifrenizi mi unuttunuz?",
+        "reset_password_email_field_description": "Hesabınızı kurtarmak için bir e-posta adresi kullanın",
+        "reset_password_email_field_required_invalid": "E-posta adresi gir ( bu ana sunucuda gerekli)",
+        "reset_password_email_not_associated": "E-posta adresiniz bu ana sunucudaki bir Matrix Kimliği ile ilişkili görünmüyor.",
+        "reset_password_email_not_found_title": "Bu e-posta adresi bulunamadı",
+        "reset_password_title": "Şifrenizi sıfırlayın",
+        "server_picker_custom": "Diğer ana sunucu",
+        "server_picker_description": "Farklı bir ana sunucu URL'si belirterek diğer Matrix sunucularında oturum açmak için özel sunucu seçeneklerini kullanabilirsiniz. Bu, farklı bir ana sunucudan varolan Matrix hesabınızla %(brand)s kullanmanıza olanak sağlar.",
+        "server_picker_description_matrix.org": "En büyük açık sunucu üzerindeki milyonlara ücretsiz ulaşmak için katılın",
+        "server_picker_dialog_title": "Hesabınızın nerede barındırılacağına karar verin",
+        "server_picker_explainer": "Varsa tercih ettiğiniz Matrix ana sunucusunu kullanın veya kendi sunucunuzu barındırın.",
+        "server_picker_failed_validate_homeserver": "Ana sunucu doğrulanamıyor",
+        "server_picker_intro": "Hesabınızı barındırabileceğiniz yerlere 'ana sunucular' diyoruz.",
+        "server_picker_invalid_url": "Geçersiz URL",
+        "server_picker_learn_more": "Ana sunucular hakkında",
+        "server_picker_matrix.org": "Matrix.org dünyadaki en büyük halka açık ev sunucusudur, bu nedenle çoğu için iyi bir seçim.",
+        "server_picker_required": "Bir ana sunucu belirtin",
+        "server_picker_title": "Ana sunucunuzda oturum açın",
+        "server_picker_title_default": "Sunucu Seçenekleri",
+        "server_picker_title_registration": "Ana bilgisayar hesabı açık",
+        "session_logged_out_description": "Güvenlik için , bu oturuma çıkış yapıldı . Lütfen tekrar oturum açın.",
+        "session_logged_out_title": "Oturum Kapatıldı",
+        "set_email": {
+            "description": "Bu, şifrenizi sıfırlamanıza ve bildirimler almanıza olanak tanır.",
+            "verification_pending_description": "Lütfen e-postanızı kontrol edin ve içerdiği bağlantıya tıklayın. Bunu yaptıktan sonra devam'a tıklayın.",
+            "verification_pending_title": "Doğrulama Bekleniyor"
+        },
+        "set_email_prompt": "E-posta adresi belirlemek ister misiniz?",
+        "sign_in_description": "Devam etmek için hesabınızı kullanın.",
+        "sign_in_instead": "Bunun yerine oturum aç",
+        "sign_in_instead_prompt": "Zaten bir hesabınız var mı? <a>Buradan oturum açın</a>",
+        "sign_in_or_register": "Giriş Yap veya Hesap Oluştur",
+        "sign_in_or_register_description": "Devam etmek için hesabınızı kullanın veya yeni bir hesap oluşturun.",
+        "sign_in_with_sso": "Tek oturum açma ile oturum açın",
+        "signing_in": "Oturum açılıyor…",
+        "soft_logout": {
+            "clear_data_button": "Tüm verileri temizle",
+            "clear_data_description": "Bu oturumdaki tüm verilerin silinmesi kalıcıdır. Şifrelenmiş mesajlar, anahtarları yedeklenmemiş ise kaybolacaktır.",
+            "clear_data_title": "Bu oturumdaki tüm verileri temizle?"
+        },
+        "soft_logout_heading": "Oturumunuz kapatıldı",
+        "soft_logout_intro_password": "Oturum açmak için şifreni gir ve hesabına yeniden erişimi sağla.",
+        "soft_logout_intro_sso": "Oturum açın ve yeniden hesabınıza ulaşın.",
+        "soft_logout_intro_unsupported_auth": "Hesabınıza giriş yapamazsınız. Lütfen daha fazla bilgi için ana sunucu yöneticiniz ile bağlantıya geçiniz.",
+        "soft_logout_subheading": "Kişisel veri temizle",
+        "soft_logout_warning": "Uyarı: kişisel verileriniz (şifreleme anahtarları dahil) bu oturumda saklanmaya devam eder. Bu oturumu kullanmayı bitirdiyseniz veya başka bir hesapta oturum açmak istiyorsanız verileri temizleyin.",
+        "sso": "Tek seferlik oturum aç",
+        "sso_complete_in_browser_dialog_title": "Oturum Açma işlemini tamamlamak için tarayıcınıza gidin",
+        "sso_failed_missing_storage": "Tarayıcınıza bağlandığınız ana sunucuyu anımsamasını söyledik ama ne yazık ki tarayıcınız bunu unutmuş. Lütfen giriş sayfasına gidip tekrar deneyin.",
+        "sso_or_username_password": "%(ssoButtons)s Veya %(usernamePassword)s",
+        "sync_footer_subtitle": "Çok sayıda odaya katıldıysanız, bu biraz zaman alabilir",
+        "syncing": "Senkronize ediliyor…",
+        "uia": {
+            "code": "Kod",
+            "email": "Hesabınızı oluşturmak için, az önce %(emailAddress)s adresine gönderdiğimiz e-postadaki bağlantıyı açın.",
+            "email_auth_header": "Devam etmek için e-postanızı kontrol edin",
+            "email_resend_prompt": "E-posta size ulaşmadı mı? <a>Tekrar gönder</a>",
+            "email_resent": "Yeniden Gönder",
+            "fallback_button": "Kimlik Doğrulamayı başlatın",
+            "mas_cross_signing_reset_cta": "Hesabınıza gidin",
+            "mas_cross_signing_reset_description": "Hesap sağlayıcınız aracılığıyla kimliğinizi sıfırlayın ve ardından geri gelip \"Yeniden Dene \"ye tıklayın.",
+            "msisdn": "%(msisdn)s ye bir metin mesajı gönderildi",
+            "msisdn_token_incorrect": "Belirteç(Token) hatalı",
+            "msisdn_token_prompt": "Lütfen içerdiği kodu girin:",
+            "password_prompt": "Hesabınızın şifresini aşağıya girerek kimliğinizi teyit edin.",
+            "recaptcha_missing_params": "Ana sunucu yapılandırmasında eksik captcha genel anahtarı. Lütfen bunu ana sunucu yöneticinize bildirin.",
+            "registration_token_label": "Kayıt anahtarı",
+            "registration_token_prompt": "Ana sunucu yöneticisi tarafından sağlanan bir kayıt belirteci girin.",
+            "sso_body": "Kimliğinizi doğrulamak için Tek Seferlik Oturum Açma özelliğini kullanarak bu e-posta adresini eklemeyi onaylayın.",
+            "sso_failed": "Kimliğinizi doğrularken bir şeyler ters gitti. İptal edin ve tekrar deneyin.",
+            "sso_postauth_body": "Kimliğinizi doğrulamak için aşağıdaki düğmeye tıklayın.",
+            "sso_postauth_title": "Devam etmek için onaylayın",
+            "sso_preauth_body": "Devam etmek için, kimliğinizi kanıtlamak üzere Tek Oturum Açma'yı kullanın.",
+            "sso_title": "Devam etmek için tek seferlik oturum açın",
+            "terms": "Lütfen bu ana sunucunun politikalarını inceleyin ve kabul edin:",
+            "terms_invalid": "Lütfen ana sunucunun tüm politikalarını inceleyin ve kabul edin"
+        },
+        "unsupported_auth": "Bu ana sunucu, bu istemci tarafından desteklenen herhangi bir oturum açma akışı sunmuyor.",
+        "unsupported_auth_email": "Bu ana sunucu e-posta adresiyle oturum açmayı desteklemiyor.",
+        "unsupported_auth_msisdn": "Bu sunucu bir telefon numarası ile kimlik doğrulamayı desteklemez.",
+        "username_field_required_invalid": "Kullanıcı adını girin",
+        "username_in_use": "Birisi zaten bu kullanıcı adına sahip, lütfen başka bir tane deneyin.",
+        "verify_email_explainer": "Şifrenizi sıfırlamadan önce kimliğinizi doğrulamamız gerek. <b>%(email)s</b> adresine gönderdiğimiz bağlantıya tıklayın.",
+        "verify_email_heading": "Devam etmek için e-postanızı doğrulayın"
+    },
+    "bug_reporting": {
+        "additional_context": "O sırada ne yaptığınız, oda kimlikleri, kullanıcı kimlikleri vb.gibi sorunu analiz etmede yardımcı olacak ek öğe varsa lütfen buraya ekleyin.",
+        "before_submitting": "Logları göndermeden önce, probleminizi betimleyen <a>bir GitHub talebi oluşturun</a>.",
+        "collecting_information": "Uygulama sürümü bilgileri toplanıyor",
+        "collecting_logs": "Kayıtlar toplanıyor",
+        "create_new_issue": "Lütfen GitHub’da <newIssueLink>Yeni bir talep</newIssueLink> oluşturun ki bu hatayı inceleyebilelim.",
+        "description": "Hata ayıklama günlükleri, kullanıcı adınız, ziyaret ettiğiniz odaların kimlikleri veya takma adları, en son hangi arayüz öğeleriyle etkileşimde bulunduğunuz ve diğer kullanıcıların kullanıcı adları dahil olmak üzere uygulama kullanım verilerini içerir. Mesaj içermezler.",
+        "download_logs": "Günlükleri indir",
+        "downloading_logs": "Günlükler indiriliyor",
+        "error_empty": "Lütfen neyin yanlış gittiğini bize bildirin ya da en güzeli problemi tanımlayan bir GitHub talebi oluşturun.",
+        "failed_download_logs": "Hata ayıklama günlükleri indirilemedi: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Hata raporunuz reddedildi. rageshake sunucusu bu uygulamayı desteklemiyor.",
+            "rejected_generic": "Hata raporunuz reddedildi. Rageshake sunucusu, bir politika nedeniyle raporun içeriğini reddetti.",
+            "rejected_recovery_key": "Hata raporunuz bir kurtarma anahtarı içerdiği için güvenlik nedeniyle reddedildi.",
+            "rejected_version": "Çalıştırdığınız sürüm çok eski olduğu için hata raporunuz reddedildi.",
+            "server_unknown_error": "Rageshake sunucusu bilinmeyen bir hatayla karşılaştı ve raporu işleyemedi.",
+            "unknown_error": "Günlükler gönderilemedi."
+        },
+        "github_issue": "GitHub sorunu",
+        "introduction": "GitHub aracılığıyla bir hata bildirdiyseniz, hata ayıklama günlükleri sorunu bulmamızda yardımcı olabilir. ",
+        "log_request": "Bunun gelecekte de olmasının önüne geçmek için lütfen <a>günceleri bize gönderin</a>.",
+        "logs_sent": "Loglar gönderiliyor",
+        "matrix_security_issue": "Matrix ile ilgili bir güvenlik sorununu bildirmek için lütfen Matrix.org <a>Güvenlik Bildirim Politikası</a> bölümünü okuyun.",
+        "preparing_download": "Günlükleri indirmeye hazırlanıyor",
+        "preparing_logs": "Günlükleri göndermeye hazırlanıyor",
+        "send_logs": "Günlükleri gönder",
+        "submit_debug_logs": "Hata ayıklama kayıtlarını gönder",
+        "textarea_label": "Notlar",
+        "thank_you": "Teşekkürler!",
+        "title": "Hata raporlama",
+        "unsupported_browser": "Hatırlatma:Tarayıcınız desteklenmiyor, deneyiminiz öngörülemiyor.",
+        "uploading_logs": "Günlükler yükleniyor",
+        "waiting_for_server": "Sunucudan yanıt bekleniyor"
+    },
+    "cannot_invite_without_identity_server": "Bir kimlik sunucusu olmadan bir kullanıcıyı e-posta ile davet edemezsiniz. \"Ayarlar\" altından bir kimlik sunucusuna bağlanabilirsiniz.",
+    "cannot_reach_homeserver": "Ana sunucuya erişilemiyor",
+    "cannot_reach_homeserver_detail": "Kararlı bir internet bağlantısına sahip olduğunuzdan emin olun yada sunucu yöneticisi ile iletişime geçin",
+    "cant_load_page": "Sayfa yüklenemiyor",
+    "chat_card_back_action_label": "Sohbete geri dön",
+    "chat_effects": {
+        "confetti_description": "Mesajı konfeti ile gönderir",
+        "confetti_message": "konfeti gönderir",
+        "fireworks_description": "Mesajı havai fişeklerle gönderir",
+        "fireworks_message": "Havai fişek gönderir",
+        "hearts_description": "Verilen mesajı kalplerle gönderir",
+        "hearts_message": "kalpler gönderir",
+        "rainfall_description": "Verilen mesajı yağmurla gönderir",
+        "rainfall_message": "yağmur yağdırır",
+        "snowfall_description": "Mesajı kartopu efekti ile gönderir",
+        "snowfall_message": "Kartopu gönderir",
+        "spaceinvaders_description": "Verilen mesajı uzay temalı bir efektle gönderir",
+        "spaceinvaders_message": "uzay istilacılarını gönderir"
+    },
+    "common": {
+        "access_token": "Erişim Jetonu",
+        "accessibility": "Erişilebilirlik",
+        "advanced": "Gelişmiş",
+        "analytics": "Analizler",
+        "and_n_others": {
+            "one": "ve bir diğeri...",
+            "other": "ve %(count)s diğerleri..."
+        },
+        "appearance": "Görünüm",
+        "application": "Uygulama",
+        "are_you_sure": "Emin misiniz?",
+        "attachment": "Ek dosya",
+        "authentication": "Doğrulama",
+        "avatar": "Avatar",
+        "beta": "Beta",
+        "camera": "Kamera",
+        "cameras": "Kameralar",
+        "cancel": "İptal",
+        "capabilities": "Yetenekler",
+        "copied": "Kopyalandı!",
+        "credits": "Katkıda Bulunanlar",
+        "dark": "Karanlık",
+        "description": "Açıklama",
+        "deselect_all": "Tüm seçimleri kaldır",
+        "device": "Cihaz",
+        "edited": "düzenlendi",
+        "email_address": "E-posta Adresi",
+        "emoji": "Emoji",
+        "encrypted": "Şifrelenmiş",
+        "error": "Hata",
+        "faq": "SSS",
+        "feedback": "Geri bildirim",
+        "filter_results": "Sonuçları filtrele",
+        "forward_message": "Mesajı ilet",
+        "general": "Genel",
+        "go_to_settings": "Ayarlara Git",
+        "guest": "Misafir",
+        "help": "Yardım",
+        "home": "Ev",
+        "homeserver": "Ana sunucu",
+        "identity_server": "Kimlik sunucusu",
+        "image": "Resim",
+        "integration_manager": "İlişikilendirme yöneticisi",
+        "joined": "Katıldı",
+        "labs": "Deneysel Özellikler",
+        "legal": "Yasal",
+        "light": "Aydınlık",
+        "loading": "Yükleniyor...",
+        "location": "Konum",
+        "matrix": "Matrix",
+        "message": "Message",
+        "message_layout": "Mesaj düzeni",
+        "message_timestamp_invalid": "Geçersiz zaman damgası",
+        "microphone": "Mikrofon",
+        "modern": "Modern",
+        "mute": "Sessiz",
+        "n_members": {
+            "one": "%(count)s üye",
+            "other": "%(count)s üye"
+        },
+        "n_rooms": {
+            "one": "%(count)s oda",
+            "other": "%(count)s oda"
+        },
+        "name": "İsim",
+        "no_results": "Sonuç bulunamadı",
+        "no_results_found": "Hiçbir sonuç bulunamadı",
+        "not_trusted": "Güvenilir değil",
+        "off": "Kapalı",
+        "offline": "Çevrimdışı",
+        "on": "Açık",
+        "options": "Ayarlar",
+        "orphan_rooms": "Diğer odalar",
+        "password": "Şifre",
+        "people": "Kişiler",
+        "preferences": "Tercihler",
+        "presence": "Mevcudiyet",
+        "preview_message": "Hey sen,evet sen! En iyisisin.",
+        "privacy": "Gizlilik",
+        "private": "Özel",
+        "private_room": "Özel oda",
+        "private_space": "Özel alan",
+        "profile": "Profil",
+        "public": "Topluluk",
+        "public_room": "Herkese açık oda",
+        "public_space": "Herkese açık alan",
+        "qr_code": "QR kod",
+        "random": "Rastgele",
+        "reactions": "İfadeler",
+        "recommended": "Önerilen",
+        "report_a_bug": "Bir hatayı bildirin",
+        "room": "Oda",
+        "room_name": "Oda adı",
+        "rooms": "Odalar",
+        "save": "Kaydet",
+        "saved": "Kaydedildi",
+        "saving": "Kaydediliyor...",
+        "secure_backup": "Korumalı yedekleme",
+        "select_all": "Tümünü seç",
+        "server": "Sunucu",
+        "settings": "Ayarlar",
+        "setup_secure_messages": "Korumalı Mesajları Ayarla",
+        "show_more": "Daha fazla göster",
+        "someone": "Herhangi biri",
+        "space": "Alan",
+        "spaces": "Alanlar",
+        "sticker": "Çıkartma",
+        "stickerpack": "Çıkartma paketi",
+        "success": "Başarılı",
+        "suggestions": "Öneriler",
+        "support": "Destek",
+        "theme": "Tema",
+        "thread": "Konu",
+        "threads": "Konular",
+        "timeline": "Zaman Akışı",
+        "unavailable": "kullanılamıyor",
+        "unencrypted": "Şifrelenmemiş",
+        "unmute": "Sesi aç",
+        "unnamed_room": "İsimsiz Oda",
+        "unnamed_space": "İsimsiz Boşluk",
+        "unverified": "Doğrulanmamış",
+        "updating": "Güncelleniyor...",
+        "user": "Kullanıcı",
+        "user_avatar": "Profil resmi",
+        "username": "Kullanıcı Adı",
+        "verified": "Doğrulanmış",
+        "version": "Versiyon",
+        "video_room": "Görüntülü sohbet odası",
+        "view_message": "Mesajı görüntüle",
+        "warning": "Uyarı"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Tüm odayı bilgilendir",
+            "command_a11y": "Otomatik Düzeltme Komutu",
+            "command_description": "Komutlar",
+            "emoji_a11y": "Emoji Otomaik Düzeltme",
+            "notification_a11y": "Otomatik Bildirim Tamamlama",
+            "notification_description": "Oda Bildirimi",
+            "room_a11y": "Otomatik Oda Tamamlama",
+            "space_a11y": "Otomatik Alan Tamamlama",
+            "user_a11y": "Kullanıcı Otomatik Tamamlama",
+            "user_description": "Kullanıcılar"
+        },
+        "close_sticker_picker": "Çıkartmaları gizle",
+        "edit_composer_label": "Mesajı düzenle",
+        "format_bold": "Kalın",
+        "format_code_block": "Kod bloğu",
+        "format_decrease_indent": "Girintiyi azalt",
+        "format_increase_indent": "Girintiyi arttır",
+        "format_inline_code": "Kod",
+        "format_insert_link": "Bağlantı ekle",
+        "format_italic": "İtalik",
+        "format_italics": "İtalik(Eğik)",
+        "format_link": "Bağlantı",
+        "format_ordered_list": "Numaralı liste",
+        "format_strikethrough": "Üstü çizgili",
+        "format_underline": "Altı çizili",
+        "format_unordered_list": "Madde işaretli liste",
+        "formatting_toolbar_label": "Biçimlendirme",
+        "link_modal": {
+            "link_field_label": "Bağlantı",
+            "text_field_label": "Metin",
+            "title_create": "Bağlantı Oluştur",
+            "title_edit": "Bağlantıyı Düzenle"
+        },
+        "mode_plain": "Biçimlendirmeyi gizle",
+        "mode_rich_text": "Biçimlendirmeyi göster",
+        "no_perms_notice": "Bu gönderiyi gönderme izniniz bulunmamaktadır",
+        "placeholder": "Bir mesaj gönder…",
+        "placeholder_encrypted": "Şifrelenmiş bir mesaj gönder…",
+        "placeholder_reply": "Bir cevap gönder…",
+        "placeholder_reply_encrypted": "Şifrelenmiş bir cevap gönder…",
+        "placeholder_thread": "İleti dizisine cevap ver...",
+        "placeholder_thread_encrypted": "Şifrelenmiş ileti dizisini yanıtla...",
+        "poll_button": "Oylama",
+        "poll_button_no_perms_description": "Bu odada oylama başlatma izniniz yok.",
+        "poll_button_no_perms_title": "İzin Gerekli",
+        "replying_title": "Cevap yazıyor",
+        "room_upgraded_link": "Sohbet buradan devam ediyor.",
+        "room_upgraded_notice": "Bu oda değiştirildi ve artık aktif değil.",
+        "send_button_title": "Mesajı gönder",
+        "send_button_voice_message": "Sesli mesaj gönder",
+        "send_voice_message": "Sesli mesaj gönder",
+        "stop_voice_message": "Kaydı durdur",
+        "voice_message_button": "Sesli Mesaj"
+    },
+    "console_dev_note": "Ne yaptığınızı biliyorsanız, Element açık kaynaklıdır, GitHub'ımıza (https://github.com/vector-im/element-web/) göz atmayı ve katkıda bulunmayı unutmayın!",
+    "console_scam_warning": "Birisi size buraya bir şey kopyalayıp yapıştırmanızı söylediyse, dolandırılıyor olma olasılığınız yüksektir!",
+    "console_wait": "Bekle!",
+    "create_room": {
+        "action_create_room": "Oda oluştur",
+        "action_create_video_room": "Video odası oluştur",
+        "encrypted_video_room_warning": "Bunu daha sonra devre dışı bırakamazsınız. Oda şifrelenecek ancak gömülü arama şifrelenmeyecek.",
+        "encrypted_warning": "Bunu daha sonra devre dışı bırakamazsınız. Köprüler ve çoğu bot henüz çalışmayacaktır.",
+        "encryption_forced": "Sunucunuz özel odalarda şifrelemenin etkinleştirilmesini gerektiriyor.",
+        "encryption_label": "Uçtan uca şifrelemeyi etkinleştir",
+        "error_title": "Oda oluşturırken bir sorunla karşılaştık",
+        "generic_error": "Sunucu mevcut olmayabilir, aşırı yüklenmiş veya bir hata ile karşılaşmış olabilirsiniz.",
+        "join_rule_change_notice": "Bunu istediğiniz zaman oda ayarlarından değiştirebilirsiniz.",
+        "join_rule_invite": "Özel oda (yalnızca davetliler)",
+        "join_rule_invite_label": "Sadece davet edilen kişiler bu odayı bulabilir ve katılabilir.",
+        "join_rule_knock_label": "Herkes katılma isteğinde bulunabilir ancak yöneticilerin veya moderatörlerin erişim izni vermesi gerekir. Bunu daha sonra değiştirebilirsiniz.",
+        "join_rule_public_label": "Herkes bu odayı bulabilir ve katılabilir.",
+        "join_rule_public_parent_space_label": "Bu odayı sadece <SpaceName/> üyeleri değil, herkes bulabilir ve bu odaya katılabilir.",
+        "join_rule_restricted": "Alan üyeleri tarafından görülebilir",
+        "join_rule_restricted_label": "<SpaceName/> içindeki herkes bu odayı bulabilir ve bu odaya katılabilir.",
+        "name_validation_required": "Lütfen oda için bir ad girin",
+        "room_visibility_label": "Oda görünürlüğü",
+        "title_private_room": "Özel bir oda oluştur",
+        "title_public_room": "Herkese açık bir oda oluşturun",
+        "title_video_room": "Bir video odası oluşturun",
+        "topic_label": "Konu (isteğe bağlı)",
+        "unfederated": "%(serverName)s üyesi olmayanların bu odaya katılmasını engelleyin.",
+        "unfederated_label_default_off": "Oda yalnızca ana sunucunuzdaki ekiplerle işbirliği yapmak için kullanılacaksa bu ayarı etkinleştirebilirsiniz. Bu daha sonra değiştirilemez.",
+        "unfederated_label_default_on": "Oda ana sunucunuzun dışındaki ekiplerle işbirliği yapmak için kullanılacaksa bu ayarı devre dışı bırakabilirsiniz. Bu daha sonra değiştirilemez.",
+        "unsupported_version": "Belirtilen oda sürümünü sunucu desteklemiyor."
+    },
+    "create_space": {
+        "add_details_prompt": "İnsanların tanımasına yardımcı olacak bazı ayrıntılar ekleyin.",
+        "add_details_prompt_2": "Bunları istediğiniz zaman değiştirebilirsiniz.",
+        "add_existing_rooms_description": "Eklemek için odaları veya konuşmaları seçin. Bu sadece sizin için bir alan, kimse bilgilendirilmeyecek. Daha sonra daha fazlasını ekleyebilirsiniz.",
+        "add_existing_rooms_heading": "Neyi düzenlemek istiyorsunuz?",
+        "address_label": "Adres",
+        "address_placeholder": "ör. benim alanım",
+        "creating": "Oluşturuluyor…",
+        "creating_rooms": "Odalar oluşturuluyor…",
+        "done_action": "Alanıma git",
+        "done_action_first_room": "İlk odama git",
+        "explainer": "Alanlar, odaları ve insanları gruplandırmanın yeni bir yoludur. Ne tür bir Alan yaratmak istiyorsunuz? Bunu daha sonra değiştirebilirsiniz.",
+        "failed_create_initial_rooms": "İlk alan odaları oluşturulamadı",
+        "failed_invite_users": "Aşağıdaki kullanıcılar alanınıza davet edilemedi: %(csvUsers)s",
+        "invite_teammates_by_username": "Kullanıcı adıyla davet et",
+        "invite_teammates_description": "Doğru kişilerin erişimi olduğundan emin olun. Daha sonra daha fazlasını davet edebilirsiniz.",
+        "invite_teammates_heading": "Takım arkadaşlarınızı davet edin",
+        "inviting_users": "Davet ediliyor...",
+        "label": "Alan Oluştur",
+        "name_required": "Lütfen alan için bir ad girin",
+        "personal_space": "Sadece ben",
+        "personal_space_description": "Odalarınızı düzenlemek için özel bir alan",
+        "private_description": "Sadece davetliler, kendiniz veya ekipler için en iyisi",
+        "private_heading": "Özel alanınız",
+        "private_personal_description": "Doğru kişilerin %(name)s erişimi olduğundan emin olun",
+        "private_personal_heading": "Kiminle çalışıyorsunuz?",
+        "private_space": "Ben ve takım arkadaşlarım",
+        "private_space_description": "Siz ve takım arkadaşlarınız için özel bir alan",
+        "public_description": "Herkes için açık alan, topluluklar için en iyisi",
+        "public_heading": "Herkese açık alanınız",
+        "search_public_button": "Herkese açık alanları arayın",
+        "setup_rooms_community_description": "Her biri için bir oda oluşturalım.",
+        "setup_rooms_community_heading": "%(spaceName)s alanında tartışmak istediğiniz bazı şeyler nelerdir?",
+        "setup_rooms_description": "Daha sonra, halihazırda var olanlar da dahil olmak üzere, daha fazlasını ekleyebilirsiniz.",
+        "setup_rooms_private_description": "Her biri için oda oluşturacağız.",
+        "setup_rooms_private_heading": "Ekibiniz hangi projeler üzerinde çalışıyor?",
+        "share_description": "Şimdilik sadece sen varsın, başkalarıyla daha da iyi olacak.",
+        "share_heading": "Paylaş %(name)s",
+        "skip_action": "Şimdilik atla",
+        "subspace_adding": "Ekleniyor…",
+        "subspace_beta_notice": "Yönettiğiniz bir alana bir alan ekleyin.",
+        "subspace_dropdown_title": "Bir alan oluştur",
+        "subspace_existing_space_prompt": "Bunun yerine mevcut bir alanı mı eklemek istiyorsunuz?",
+        "subspace_join_rule_invite_description": "Sadece davet edilen kişiler bu alanı bulabilecek ve bu alana katılabilecektir.",
+        "subspace_join_rule_invite_only": "Özel alan (sadece davetliler)",
+        "subspace_join_rule_label": "Alan görünürlüğü",
+        "subspace_join_rule_public_description": "Bu alanı sadece <SpaceName/> üyeleri değil, herkes bulabilecek ve katılabilecektir.",
+        "subspace_join_rule_restricted_description": "<SpaceName/> içindeki herkes bulabilecek ve katılabilecektir."
+    },
+    "credits": {
+        "default_cover_photo": "<photo>Varsayılan kapak fotoğrafı</photo>, <author>Jesús Roncero</author>'ya ait olup, <terms>CC-BY-SA 4.0</terms> lisansı kapsamında kullanılmaktadır.",
+        "twemoji": "<twemoji>Twemoji</twemoji> emoji resmi, <author>Twitter, Inc. ve diğer katkıda bulunanlara</author> ait olup, <terms>CC-BY 4.0</terms> lisansı kapsamında kullanılmaktadır.",
+        "twemoji_colr": "<colr>twemoji-colr</colr> yazı tipi, <author>Mozilla foundation</author>'a ait olup, <terms>Apache 2.0</terms> lisansı kapsamında kullanılmaktadır."
+    },
+    "desktop_default_device_name": "%(brand)s Masaüstü: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Aktif Widget'lar",
+        "category_other": "Diğer",
+        "category_room": "Oda",
+        "caution_colon": "Dikkat:",
+        "client_versions": "İstemci Sürümleri",
+        "crypto": {
+            "4s_public_key_in_account_data": "hesap verisinde",
+            "4s_public_key_not_in_account_data": "bulunamadı",
+            "4s_public_key_status": "Gizli depolama açık anahtarı:",
+            "backup_key_cached": "yerel olarak önbelleğe alındı",
+            "backup_key_cached_status": "Yedekleme anahtarı önbelleğe alındı:",
+            "backup_key_not_stored": "depolanmadı",
+            "backup_key_stored": "gizli depolamada",
+            "backup_key_stored_status": "Yedekleme anahtarı depolandı:",
+            "backup_key_unexpected_type": "beklenmedik tür",
+            "backup_key_well_formed": "uygun biçimlendirilmiş",
+            "cross_signing": "Çapraz imzalama",
+            "cross_signing_cached": "yerel olarak önbelleğe alındı",
+            "cross_signing_not_ready": "Çapraz imzalama ayarlanmamış.",
+            "cross_signing_private_keys_in_storage": "gizli depolamada",
+            "cross_signing_private_keys_in_storage_status": "Gizli anahtarları çapraz imzalama:",
+            "cross_signing_private_keys_not_in_storage": "cihazda bulunamadı",
+            "cross_signing_public_keys_on_device": "hafızada",
+            "cross_signing_public_keys_on_device_status": "Açık anahtarları çapraz imzalama:",
+            "cross_signing_ready": "Çapraz imzalama kullanıma hazır:",
+            "cross_signing_status": "Çapraz imzalama durumu:",
+            "cross_signing_untrusted": "Hesabınız gizli depolama alanında çapraz imzalama kimliği barındırıyor ancak bu oturum henüz güvenilir değil.",
+            "crypto_not_available": "Şifreleme modülü mevcut değil.",
+            "key_backup_active_version": "Aktif yedekleme sürümü:",
+            "key_backup_active_version_none": "Yok",
+            "key_backup_inactive_warning": "Bu oturumdaki anahtarlarınız yedeklenmiyor.",
+            "key_backup_latest_version": "Sunucudaki en son yedekleme sürümü:",
+            "key_storage": "Anahtar Depolama",
+            "master_private_key_cached_status": "Ana gizli anahtar:",
+            "not_found": "bulunamadı",
+            "not_found_locally": "yerel olarak bulunamadı",
+            "secret_storage_not_ready": "hazır değil",
+            "secret_storage_ready": "hazır",
+            "secret_storage_status": "Gizli depolama:",
+            "self_signing_private_key_cached_status": "Kendinden imzalı özel anahtar:",
+            "title": "Uçtan uca şifreleme",
+            "user_signing_private_key_cached_status": "Kullanıcı imzalı özel anahtar:"
+        },
+        "developer_mode": "Geliştirici modu",
+        "developer_tools": "Geliştirici Araçları",
+        "edit_setting": "Ayarı düzenle",
+        "edit_values": "Değerleri düzenle",
+        "empty_string": "<empty string>",
+        "event_content": "Etkinlik İçeriği",
+        "event_id": "Etkinlik Kimliği: %(eventId)s",
+        "event_sent": "Etkinlik gönderildi!",
+        "event_type": "Etkinlik Türü",
+        "explore_account_data": "Hesap verilerini keşfet",
+        "explore_room_account_data": "Oda hesap verilerini keşfet",
+        "explore_room_state": "Oda durumunu keşfet",
+        "failed_to_find_widget": "Bu widget'ı bulurken bir hata oluştu.",
+        "failed_to_load": "Yükleme başarısız",
+        "failed_to_save": "Ayarlar kaydedilemedi.",
+        "failed_to_send": "Etkinlik gönderilemedi!",
+        "id": "Kimlik: ",
+        "invalid_json": "Geçerli JSON gibi görünmüyor.",
+        "level": "Seviye",
+        "low_bandwidth_mode": "Düşük bant genişliği modu",
+        "low_bandwidth_mode_description": "Uyumlu ana sunucu gerektirir.",
+        "main_timeline": "Ana zaman çizelgesi",
+        "no_receipt_found": "Okuma bilgisi bulunamadı",
+        "notification_state": "Bildirim durumu <strong> %(notificationState)s </strong>",
+        "notifications_debug": "Bildirimlerde hata ayıklama",
+        "number_of_users": "Kullanıcı sayısı",
+        "original_event_source": "Orijinal olay kaynağı",
+        "room_encrypted": "Oda <strong>şifreli ✅</strong>",
+        "room_id": "Oda Kimliği: %(roomId)s",
+        "room_not_encrypted": "Oda <strong>şifreli değil 🚨 </strong>",
+        "room_notifications_dot": "Nokta: ",
+        "room_notifications_highlight": "Vurgula: ",
+        "room_notifications_last_event": "Son olay:",
+        "room_notifications_sender": "Gönderen: ",
+        "room_notifications_thread_id": "Dizi Mesaj Kimliği: ",
+        "room_notifications_total": "Toplam: ",
+        "room_notifications_type": "Tür: ",
+        "room_status": "Oda durumu",
+        "room_unread_status_count": {
+            "one": "Oda okunmamış durumu: <strong> %(status)s</strong>, sayım: <strong> %(count)s </strong>",
+            "other": "Oda okunmamış durumu: <strong> %(status)s</strong>, sayım: <strong> %(count)s </strong>"
+        },
+        "save_setting_values": "Ayar değerlerini kaydet",
+        "see_history": "Geçmişi gör",
+        "send_custom_account_data_event": "Özel hesap verisi etkinliğini gönder",
+        "send_custom_room_account_data_event": "Özel oda hesabı veri etkinliğini gönder",
+        "send_custom_state_event": "Özel durum etkinliği gönder",
+        "send_custom_timeline_event": "Özel zaman çizelgesi etkinliği gönder",
+        "server_info": "Sunucu bilgisi",
+        "server_versions": "Sunucu Sürümleri",
+        "settable_global": "Genel olarak ayarlanabilir",
+        "settable_room": "Oda özelinde ayarlanabilir",
+        "setting_colon": "Ayar:",
+        "setting_definition": "Ayar tanımı:",
+        "setting_id": "Ayar Kimliği",
+        "settings_explorer": "Ayarlar gezgini",
+        "show_hidden_events": "Zaman çizelgesinde gizli olayları göster",
+        "spaces": {
+            "one": "<space>",
+            "other": "<%(count)s boşluk>"
+        },
+        "state_key": "Durum Anahtarı",
+        "thread_root_id": "Konu Kök Kimliği: %(threadRootId)s",
+        "threads_timeline": "Dizi mesajlar zaman çizelgesi",
+        "title": "Geliştirici araçları",
+        "toolbox": "Araç Kutusu",
+        "use_at_own_risk": "Bu kullanıcı arayüzü, değerlerin türlerini kontrol ETMEZ. Kendi sorumluluğunuzda kullanın.",
+        "user_read_up_to": "Kullanıcı buraya kadar okudu: ",
+        "user_read_up_to_ignore_synthetic": "Kullanıcı buraya kadar okudu (ignoreSynthetic): ",
+        "user_read_up_to_private": "Kullanıcı buraya kadar okudu (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Kullanıcı buraya kadar okudu (m.read.private;ignoreSynthetic): ",
+        "value": "Değer",
+        "value_colon": "Değer:",
+        "value_in_this_room": "Bu odadaki değer",
+        "value_this_room_colon": "Bu odadaki değer:",
+        "values_explicit": "Belli düzeylerdeki değerler",
+        "values_explicit_colon": "Belli düzeylerdeki değerler:",
+        "values_explicit_room": "Bu odadaki belirli seviyelerdeki değerler",
+        "values_explicit_this_room_colon": "Bu odadaki belirli seviyelerdeki değerler:",
+        "view_servers_in_room": "Odadaki sunucuları görüntüle",
+        "view_source_decrypted_event_source": "Şifresi çözülen etkinlik kaynağı",
+        "view_source_decrypted_event_source_unavailable": "Şifresi çözülmüş kaynak kullanılamıyor",
+        "widget_screenshots": "Desteklenen görsel bileşenlerde anlık görüntüleri aç"
+    },
+    "dialog_close_label": "Kutucuğu kapat",
+    "download_completed": "İndirme Tamamlandı",
+    "empty_room": "Boş oda",
+    "empty_room_was_name": "Boş oda (%(oldName)s idi)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Yanlış Güvenlik Anahtarı"
+            },
+            "restoring": "Anahtarları yedekten geri yükle",
+            "security_key_title": "Kurtarma anahtarı"
+        },
+        "bootstrap_title": "Anahtarları ayarla",
+        "confirm_encryption_setup_body": "Şifreleme kurulumunu onaylamak için aşağıdaki düğmeye tıklayın.",
+        "confirm_encryption_setup_title": "Şifreleme kurulumunu onayla",
+        "cross_signing_room_normal": "Bu oda uçtan uça şifreli",
+        "cross_signing_room_verified": "Bu odadaki herkes doğrulanmış",
+        "cross_signing_room_warning": "Birisi bilinmeyen bir oturum kullanıyor",
+        "cross_signing_user_normal": "Bu kullanıcıyı doğrulamadınız.",
+        "cross_signing_user_verified": "Bu kullanıcıyı doğruladınız. Bu kullanıcı tüm oturumlarını doğruladı.",
+        "cross_signing_user_warning": "Bu kullanıcı bütün oturumlarında doğrulanmamış.",
+        "enter_recovery_key": "Kurtarma anahtarını girin",
+        "event_shield_reason_authenticity_not_guaranteed": "Bu şifrelenmiş mesajın güvenilirliği bu cihazda garanti edilemez.",
+        "event_shield_reason_mismatched_sender_key": "Doğrulanmamış bir oturum tarafından şifrelenmiş",
+        "event_shield_reason_unknown_device": "Bilinmeyen veya silinmiş bir cihaz tarafından şifrelenmiştir.",
+        "event_shield_reason_unsigned_device": "Sahibi tarafından doğrulanmamış bir cihaz tarafından şifrelenmiştir.",
+        "event_shield_reason_unverified_identity": "Doğrulanmamış bir kullanıcı tarafından şifrelenmiştir.",
+        "export_unsupported": "Tarayıcınız gerekli şifreleme uzantılarını desteklemiyor",
+        "forgot_recovery_key": "Kurtarma anahtarınızı mı unuttunuz?",
+        "import_invalid_keyfile": "Geçersiz bir %(brand)s anahtar dosyası",
+        "import_invalid_passphrase": "Kimlik doğrulama denetimi başarısız oldu : yanlış şifre ?",
+        "key_storage_out_of_sync": "Anahtar depolama alanınız senkronize değil.",
+        "key_storage_out_of_sync_description": "Anahtar depolama alanınıza ve mesaj geçmişinize erişimi sürdürmek için kurtarma anahtarınızı onaylayın.",
+        "messages_not_secure": {
+            "cause_1": "Ana sunucunuz",
+            "cause_2": "Doğruladığınız kullanıcının bağlı olduğu ana sunucu",
+            "cause_3": "Sizin veya diğer kullanıcıların internet bağlantısı",
+            "cause_4": "Sizin veya diğer kullanıcıların oturumu",
+            "heading": "Aşağıdakilerden biri tehlikeye girmiş olabilir:",
+            "title": "Mesajlarınız korunmuyor"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Güvenli Mesajlar için yeni bir Güvenlik İfadesi ve anahtarı tespit edildi.",
+            "description_2": "Bu oturumda yeni kurtarma yöntemi kullanılarak geçmiş şifreleniyor.",
+            "title": "Yeni Kurtarma Yöntemi",
+            "warning": "Yeni kurtarma yöntemini ayarlamadıysanız, bir saldırgan hesabınıza erişmeye çalışıyor olabilir. Hesap parolanızı değiştirin ve Ayarlar'da hemen yeni bir kurtarma yöntemi ayarlayın."
+        },
+        "pinned_identity_changed": "%(displayName)s'ın (<b>%(userId)s</b>) kimliği değişmiş gibi görünüyor. <a>Daha fazla bilgi </a>",
+        "pinned_identity_changed_no_displayname": "<b>%(userId)s</b>'ın kimliği değişmiş gibi görünüyor. <a>Daha fazla bilgi </a>",
+        "recovery_method_removed": {
+            "description_1": "Bu oturum, Güvenli Mesajlar için Güvenlik İfadenizin ve anahtarınızın kaldırıldığını tespit etti.",
+            "description_2": "Bunu yanlışlıkla yaptıysanız, bu oturumun mesaj geçmişini yeni bir kurtarma yöntemiyle yeniden şifreleyecek olan Güvenli Mesajları bu oturumda ayarlayabilirsiniz.",
+            "title": "Kurtarma Yöntemi Kaldırıldı",
+            "warning": "Kurtarma yöntemini kaldırmadıysanız, bir saldırgan hesabınıza erişmeye çalışıyor olabilir. Hesap parolanızı değiştirin ve Ayarlar'da hemen yeni bir kurtarma yöntemi belirleyin."
+        },
+        "set_up_recovery": "Kurtarmayı ayarlayın",
+        "set_up_recovery_toast_description": "Cihazlarınıza erişiminizi kaybetmeniz durumunda şifrelenmiş mesaj geçmişinizi geri yüklemek için kullanılabilecek bir kurtarma anahtarı oluşturun.",
+        "set_up_toast_title": "Güvenli Yedekleme kur",
+        "unable_to_setup_keys_error": "Anahtarlar ayarlanamıyor",
+        "verification": {
+            "accepting": "Kabul ediyorum…",
+            "after_new_login": {
+                "device_verified": "Cihaz doğrulandı",
+                "skip_verification": "Şimdilik doğrulamayı atla",
+                "verify_this_device": "Bu cihazı doğrulayın"
+            },
+            "cancelling": "İptal ediliyor…",
+            "complete_action": "Anlaşıldı",
+            "complete_description": "Bu kullanıcıyı başarılı şekilde doğruladınız.",
+            "complete_title": "Doğrulandı!",
+            "error_starting_description": "Diğer kullanıcıyla sohbet başlatamadık.",
+            "error_starting_title": "Doğrulama başlatılırken hata oluştu",
+            "explainer": "Bu kullanıcıyla olan güvenli mesajlar uçtan uca şifrelidir ve 3 taraflar tarafından okunamaz.",
+            "in_person": "Güvende olmak için, bunu şahsen yapın veya güvenilir bir iletişim yöntemi kullanın.",
+            "incoming_sas_device_dialog_text_1": "Bu cihazı güvenilir olarak işaretlemek için doğrulayın. Bu cihaza güvenmek, uçtan uca şifrelenmiş mesajlar kullanırken size ve diğer kullanıcılara ekstra gönül rahatlığı sağlar.",
+            "incoming_sas_device_dialog_text_2": "Bu cihaz doğrulanmak, cihazı güvenilir olarak işaretleyecek ve sizinle doğrulayan kullanıcılar bu cihaza güvenecektir.",
+            "incoming_sas_dialog_title": "Gelen Doğrulama İsteği",
+            "incoming_sas_dialog_waiting": "Ortağın onaylaması bekleniyor…",
+            "incoming_sas_user_dialog_text_1": "Güvenilir olarak işaretlemek için bu kullanıcıyı doğrulayın. Kullanıcılara güvenmek, uçtan uca şifrelenmiş mesajları kullanırken içinizin daha rahat olmasını sağlar.",
+            "incoming_sas_user_dialog_text_2": "Bu kullanıcıyı doğrulamak, oturumlarını güvenilir olarak işaretleyecek ve ayrıca oturumunuzu onlar için güvenilir olarak işaretleyecektir.",
+            "no_support_qr_emoji": "Doğrulamaya çalıştığınız cihaz, %(brand)s tarafından desteklenen bir QR kodu taramayı veya emoji doğrulamasını desteklemiyor. Farklı bir istemciyle deneyin.",
+            "other_party_cancelled": "Diğer taraf onaylamayı reddetti.",
+            "prompt_encrypted": "Güvenli olduğuna emin olmak için odadaki tüm kullanıcıları onaylayın.",
+            "prompt_unencrypted": "Şifrelenmiş odalarda, güvenli olduğundan emin olmak için tüm kullanıcıları doğrulayın.",
+            "qr_or_sas": "%(qrCode)s veya %(emojiCompare)s",
+            "qr_prompt": "Bu benzersiz kodu tarayın",
+            "qr_reciprocate_same_shield_user": "Az kaldı! %(displayName)s aynı kalkanı mı gösteriyor?",
+            "request_toast_accept_user": "Kullanıcıyı Doğrula",
+            "request_toast_decline_counter": "Yoksay (%(counter)s)",
+            "request_toast_detail": "%(ip)s 'den %(deviceId)s",
+            "sas_caption_self": "Ekranda aşağıdaki numaranın göründüğünü onaylayarak bu cihazı doğrulayın.",
+            "sas_caption_user": "Aşağıdaki numaranın ekranlarında göründüğünü onaylayarak bu kullanıcıyı doğrulayın.",
+            "sas_description": "Her iki cihazda da kamera yoksa benzersiz bir emoji setini karşılaştırın",
+            "sas_emoji_caption_user": "Aşağıdaki emojinin ekranlarında göründüğünü onaylayarak bu kullanıcıyı doğrulayın.",
+            "sas_match": "Eşleşiyorlar",
+            "sas_no_match": "Eşleşmiyorlar",
+            "sas_prompt": "Benzersiz emoji karşılaştır",
+            "scan_qr": "Taramayla doğrula",
+            "scan_qr_explainer": "%(displayName)s den kodunuzu taramasını isteyin:",
+            "start_button": "Doğrulamayı Başlat",
+            "successful_user": "%(displayName)s başarıyla doğruladınız!",
+            "unsupported_method": "Desteklenen doğrulama yöntemi bulunamadı.",
+            "unverified_session_toast_accept": "Evet, bendim.",
+            "unverified_session_toast_title": "Yeni giriş. Bu siz miydiniz?",
+            "unverified_sessions_toast_description": "Hesabınızın güvende olduğundan emin olmak için inceleyin",
+            "unverified_sessions_toast_reject": "Sonra",
+            "unverified_sessions_toast_title": "Doğrulanmamış oturumlarınız var",
+            "verification_dialog_title_device": "Diğer cihazı doğrulayın",
+            "verification_dialog_title_user": "Doğrulama Talebi",
+            "verification_skip_warning": "Doğrulama yapmazsanız, tüm mesajlarınıza erişemezsiniz ve başkalarına güvenilmez görünebilirsiniz.",
+            "verification_success_with_backup": "Yeni cihazınız artık doğrulanmıştır. Şifrelenmiş mesajlarınıza erişebilir ve diğer kullanıcılar onu güvenilir olarak görür.",
+            "verification_success_without_backup": "Yeni cihazınız artık doğrulandı. Diğer kullanıcılar bunu güvenilir olarak görecek.",
+            "verify_emoji": "Emojiyle doğrula",
+            "verify_emoji_prompt": "Eşsiz emoji eşleştirme ile doğrulama.",
+            "verify_emoji_prompt_qr": "Yukarıdaki kodu tarayamıyorsanız benzersiz emojiyi karşılaştırarak doğrulayın.",
+            "verify_later": "Daha sonra doğrulayacağım",
+            "waiting_for_user_accept": "%(displayName)s kullanıcısın onaylaması için bekleniliyor…",
+            "waiting_other_device": "Diğer cihazınızda doğrulamanız bekleniyor...",
+            "waiting_other_device_details": "Diğer cihazınızdan doğrulama beklenior, %(deviceName)s (%(deviceId)s)...",
+            "waiting_other_user": "%(displayName)s ın doğrulaması için bekleniyor…"
+        },
+        "verification_requested_toast_title": "Doğrulama talep edildi",
+        "verified_identity_changed": "%(displayName)s'in (<b>%(userId)s</b>) doğrulanmış kimliği değişti. <a>Daha fazla bilgi</a>",
+        "verified_identity_changed_no_displayname": "(<b>%(userId)s</b>)'in doğrulanmış kimliği değişti. <a>Daha fazla bilgi</a>",
+        "verify_toast_description": "Diğer kullanıcılar güvenmeyebilirler",
+        "verify_toast_title": "Bu oturumu doğrula",
+        "withdraw_verification_action": "Doğrulamayı iptal et"
+    },
+    "error": {
+        "admin_contact": "Bu servisi kullanmaya devam etmek için lütfen <a>servis yöneticinizle bağlantı kurun</a>.",
+        "admin_contact_short": "<a>Sunucu yöneticinize</a> başvurun.",
+        "app_launch_unexpected_error": "Uygulama hazırlanırken beklenmeyen bir hata oluştu. Ayrıntılar için konsola bakın.",
+        "cannot_load_config": "Yapılandırma dosyası yüklenemiyor: tekrar denemek için lütfen sayfayı yenileyin.",
+        "connection": "Ana sunucuyla iletişimde bir sorun oluştu, lütfen daha sonra tekrar deneyin.",
+        "dialog_description_default": "Bir hata oluştu.",
+        "download_media": "Kaynak medya indirilemedi, kaynak url bulunamadı",
+        "edit_history_unsupported": "Ana sunucunuz bu özelliği desteklemiyor gözüküyor.",
+        "failed_copy": "Kopyalama başarısız",
+        "hs_blocked": "Bu sunucu yöneticisi tarafından bloke edildi.",
+        "invalid_configuration_mixed_server": "Geçersiz yapılandırma: default_server_name veya default_server_config ile birlikte bir default_hs_url belirtilemiyor",
+        "invalid_configuration_no_server": "Geçersiz yapılandırma: varsayılan sunucu belirtilmedi.",
+        "invalid_json": "Element yapılandırmanız geçersiz JSON içeriyor. Lütfen sorunu düzeltin ve sayfayı yeniden yükleyin.",
+        "invalid_json_detail": "Ayrıştırıcıdan gelen mesaj: %(message)s",
+        "invalid_json_generic": "Hatalı JSON",
+        "mau": "Bu ana sunucu Aylık Aktif Kullanıcı limitine ulaştı.",
+        "misconfigured": "Elementiniz yanlış yapılandırılmış",
+        "mixed_content": "Tarayıcı çubuğunuzda bir HTTPS URL'si olduğunda Ana Sunusuna HTTP üzerinden bağlanılamıyor . Ya HTTPS kullanın veya <a> güvensiz komut dosyalarını</a> etkinleştirin.",
+        "non_urgent_echo_failure_toast": "Sunucunuz bası <a>istekler'e</a> onay vermiyor.",
+        "resource_limits": "Bu anasunucu kaynak limitlerinden birini aştı.",
+        "session_restore": {
+            "clear_storage_button": "Depolamayı temizle ve Oturumu Kapat",
+            "clear_storage_description": "Oturumu kapat ve şifreleme anahtarlarını sil?",
+            "description_1": "Önceki oturumunuzu geri yüklerken bir hatayla karşılaştık.",
+            "description_2": "Eğer daha önce %(brand)s'un daha yeni bir versiyonunu kullandıysanız , oturumunuz bu sürümle uyumsuz olabilir . Bu pencereyi kapatın ve daha yeni sürüme geri dönün.",
+            "description_3": "Tarayıcınızın depolama alanını temizlemek sorunu çözebilir, ancak bu işlem oturumunuzu kapatacak ve şifrelenmiş sohbet geçmişinizi okunamaz hale getirecektir.",
+            "title": "Oturum geri yüklenemiyor"
+        },
+        "something_went_wrong": "Bir şeyler yanlış gitti!",
+        "storage_evicted_description_1": "Şifrelenmiş mesaj anahtarları da dahil olmak üzere bazı oturum verileri eksik. Bunu düzeltmek için oturumu kapatıp tekrar açın ve anahtarları yedekten geri yükleyin.",
+        "storage_evicted_description_2": "Tarayıcınız muhtemelen disk alanı azaldığında bu verileri silmiş.",
+        "storage_evicted_title": "Eksik oturum verileri",
+        "sync": "Ana sunucuya bağlanamıyor. Yeniden deneniyor…",
+        "tls": "Ana Sunucu'ya bağlanılamıyor - lütfen bağlantınızı kontrol edin ,<a> Ana Sunucu SSL sertifikanızın </a> güvenilir olduğundan ve bir tarayıcı uzantısının istekleri engellemiyor olduğundan emin olun.",
+        "unknown": "Bilinmeyen Hata",
+        "unknown_error_code": "bilinmeyen hata kodu",
+        "update_power_level": "Güç seviyesi değiştirilemedi"
+    },
+    "error_app_open_in_another_tab": "%(brand)s bağlanmak için diğer sekmeye geçin. Bu sekme artık kapatılabilir.",
+    "error_app_open_in_another_tab_title": "%(brand)s başka bir sekmede bağlı",
+    "error_app_opened_in_another_window": "%(brand)s başka bir pencerede açık. %(brand)s burada kullanmak ve diğer pencerenin bağlantısını kesmek için \"%(label)s\" düğmesine tıklayın.",
+    "error_database_closed_description": {
+        "for_desktop": "Diskiniz dolu olabilir. Lütfen biraz yer açın ve yeniden yükleyin.",
+        "for_web": "Eğer tarama verilerinizi temizlediyseniz bu mesajın gelmesi normaldir.%(brand)s başka bir sekmede de açık olabilir veya diskiniz dolu olabilir. Lütfen biraz yer açın ve yeniden yükleyin"
+    },
+    "error_database_closed_title": "%(brand)s çalışmayı durdurdu",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Oda bağlantısı panoya kopyalanamıyor.",
+            "title": "Oda bağlantısı kopyalanamıyor"
+        },
+        "error_loading_user_profile": "Kullanıcı profili yüklenemedi",
+        "forget_room_failed": "Oda unutulması başarısız oldu %(errCode)s"
+    },
+    "error_user_not_logged_in": "Kullanıcı oturum açmadı",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Çağrı devam ediyor",
+            "user": "%(senderName)s çağrıya katıldı",
+            "you": "Çağrıya katıldınız"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s aramayı sonlandırdı",
+            "you": "Aramayı sonlandırdınız"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s arıyor",
+            "dm_send": "Yanıt bekleniyor",
+            "user": "%(senderName)s bir çağrı başlattı",
+            "you": "Bir çağrı başlattınız"
+        },
+        "m.emote": "%(senderName)s%(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s, %(message)s mesajına %(reaction)s tepkisi verdi",
+            "you": "%(message)s mesajına %(reaction)s tepkisi verdiniz"
+        },
+        "m.sticker": "%(senderName)s%(stickerName)s",
+        "m.text": "%(senderName)s%(message)s",
+        "prefix": {
+            "audio": "Ses",
+            "file": "Dosya",
+            "image": "Resim",
+            "poll": "Anket",
+            "video": "Video"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Dışa aktarma İptal Edildi",
+        "cancelled_detail": "Dışa aktarma başarıyla iptal edildi",
+        "confirm_stop": "Verilerinizi dışa aktarmayı durdurmak istediğinizden emin misiniz? Bunu yaparsanız, baştan başlamanız gerekir.",
+        "creating_html": "HTML oluşturuluyor…",
+        "creating_output": "Çıkış oluşturuluyor…",
+        "creator_summary": "%(creatorName)s bu odayı oluşturdu.",
+        "current_timeline": "Geçerli Zaman Çizelgesi",
+        "enter_number_between_min_max": "%(min)s ile %(max)s arasında bir sayı girin",
+        "error_fetching_file": "Dosya getirilirken hata oluştu",
+        "export_info": "Bu, <roomName/> odasının dışa aktarım başlangıcıdır. %(exportDate)s tarihinde <exporterDetails/> tarafından dışa aktarılmıştır.",
+        "export_successful": "Dışa aktarım başarılı!",
+        "exported_n_events_in_time": {
+            "one": "%(seconds)s saniyede %(count)s olay dışa aktarıldı",
+            "other": "%(seconds)s saniyede %(count)s olay dışa aktarıldı"
+        },
+        "exporting_your_data": "Verilerinizi dışa aktarma",
+        "fetched_n_events": {
+            "one": "Şimdiye kadar %(count)s olay getirildi",
+            "other": "Şimdiye kadar %(count)s olay getirildi"
+        },
+        "fetched_n_events_in_time": {
+            "one": "%(seconds)s saniyede %(count)s olay getirildi",
+            "other": "%(seconds)s saniyede %(count)s olay getirildi"
+        },
+        "fetched_n_events_with_total": {
+            "one": "%(total)s olaydan %(count)s tanesi getirildi",
+            "other": "%(total)s olaydan %(count)s tanesi getirildi"
+        },
+        "fetching_events": "Etkinlikler getiriliyor…",
+        "file_attached": "Dosya Eklendi",
+        "format": "Biçim",
+        "from_the_beginning": "Baştan",
+        "generating_zip": "ZIP dosyası oluşturuluyor",
+        "html": "HTML",
+        "html_title": "Dışa Aktarılan Veriler",
+        "include_attachments": "Ekleri Dahil Et",
+        "json": "JSON",
+        "media_omitted": "Medya atlandı",
+        "media_omitted_file_size": "Medya atlandı - dosya boyutu sınırı aşıldı",
+        "messages": "Mesajlar",
+        "next_page": "Sonraki mesaj grubu",
+        "num_messages": "Mesaj sayısı",
+        "num_messages_min_max": "Mesaj sayısı yalnızca %(min)s ile %(max)s arasında bir sayı olabilir",
+        "number_of_messages": "Mesaj sayısını belirtin",
+        "previous_page": "Önceki mesaj grubu",
+        "processing": "İşleniyor…",
+        "processing_event_n": "%(total)s olaydan %(number)s olay işleniyor",
+        "select_option": "Sohbetleri zaman akışınızdan dışa aktarmak için aşağıdaki seçeneklerden birini seçin",
+        "size_limit": "Boyut Sınırı",
+        "size_limit_min_max": "Boyut yalnızca %(min)s MB ile %(max)s MB arasında olabilir",
+        "size_limit_postfix": "MB",
+        "starting_export": "Dışa aktarım başlatılıyor…",
+        "successful": "Dışa Aktarma Başarılı",
+        "successful_detail": "Dışa aktarma işlem başarılı. İndirilenler klasörünüzde bulabilirsiniz.",
+        "text": "Düz Metin",
+        "title": "Sohbeti Dışa Aktar",
+        "topic": "Konu: %(topic)s",
+        "unload_confirm": "Dışa aktarırken çıkmak istediğinizden emin misiniz?"
+    },
+    "failed_load_async_component": "Yüklenemedi! Ağ bağlantınızı kontrol edin ve tekrar deneyin.",
+    "feedback": {
+        "can_contact_label": "Başka sorularınız varsa benimle iletişime geçebilirsiniz",
+        "comment_label": "Yorum",
+        "existing_issue_link": "Lütfen önce <existingIssuesLink>Github'daki mevcut hataları görüntüleyin </existingIssuesLink>. Eşleşme yok mu? <newIssueLink>Yeni bir tane başlat</newIssueLink>.",
+        "may_contact_label": "Yeni fikirleri takip etmek veya test etmek için benimle iletişime geçebilirsiniz",
+        "platform_username": "Platformunuz ve kullanıcı adınız, geri bildirimlerinizi en iyi şekilde kullanmamıza yardımcı olmak için not edilecektir.",
+        "pro_type": "İPUCU: Bir hatayla karşılaşırsanız, sorunu bulmamıza yardımcı olması için lütfen <debugLogsLink>hata ayıklama günlüklerini</debugLogsLink> gönderin.",
+        "send_feedback_action": "Geri bildirim gönder",
+        "sent": "Geri bildirim gönderildi! Teşekkürler!"
+    },
+    "file_panel": {
+        "empty_description": "Sohbetten dosya ekleyin veya odada herhangi bir yere sürükleyip bırakın.",
+        "empty_heading": "Bu odada hiçbir dosya görünmüyor",
+        "guest_note": "Bu işlevi kullanmak için <a> Kayıt Olun </a>",
+        "peek_note": "Dosyalarını görmek için odaya katılmanız gerekir"
+    },
+    "forward": {
+        "filter_placeholder": "Oda veya kişi ara",
+        "message_preview_heading": "Mesaj önizlemesi",
+        "no_perms_title": "Bunu yapmak için izniniz yok",
+        "open_room": "Oda aç",
+        "send_label": "Gönder",
+        "sending": "Gönderiliyor…",
+        "sent": "Gönderildi"
+    },
+    "identity_server": {
+        "change": "Kimlik sunucusunu değiştir",
+        "change_prompt": "<current /> kimlik sunucusundan bağlantı kesilip <new /> kimlik sunucusuna bağlanılsın mı?",
+        "change_server_prompt": "Eğer <server /> kimlik sunucusunu kullanarak başkalarını bulmak ve başkalarını tarafından bulunabilmek istemiyorsanız aşağıya bir başka kimlik sunucusu giriniz.",
+        "changed": "Kimlik sunucunuz değiştirildi",
+        "checking": "Sunucu kontrol ediliyor",
+        "description_connected": "Şu anda <server></server> kimlik sunucusunu kullanarak başkalarını buluyorsunuz ve başkalarını tarafından bulunabiliyorsunuz. Aşağıdan kimlik sunucunuzu değiştirebilirsiniz.",
+        "description_disconnected": "Şu anda herhangi bir kimlik sunucusu kullanmıyorsunuz. Başkalarını bulmak ve başkaları tarafından bulunabilmek için aşağıya bir kimlik sunucusu ekleyin.",
+        "description_optional": "Bir kimlik sunucusu kullanmak isteğe bağlıdır. Eğer bir tane kullanmak istemezseniz başkaları tarafından bulunamayabilir ve başkalarını e-posta adresi ya da telefon numarası ile davet edemeyebilirsiniz.",
+        "disconnect": "Kimlik sunucu bağlantısını kes",
+        "disconnect_anyway": "Yinede bağlantıyı kes",
+        "disconnect_offline_warning": "Bağlantınızı kesmeden önce <b>kişisel verilerinizi <idserver /> kimlik sunucusundan silmelisiniz</b>. Ne yazık ki <idserver /> kimlik sunucusu şu anda çevrim dışı ya da bir nedenden ötürü erişilemiyor.",
+        "disconnect_personal_data_warning_1": "Kimlik sunucusu üzerinde hala <b>kişisel veri paylaşımı</b> yapıyorsunuz <idserver />.",
+        "disconnect_personal_data_warning_2": "Kimlik sunucusundan bağlantıyı kesmeden önce telefon numaranızı ve e-posta adreslerinizi silmenizi tavsiye ederiz.",
+        "disconnect_server": "<idserver /> kimlik sunucusundan bağlantıyı kes?",
+        "disconnect_warning": "Kimlik sunucunuz ile bağlantıyı keserseniz başkaları tarafından bulunamayabilir ve başkalarını e-posta adresi ya da telefon numarası ile davet edemeyebilirsiniz.",
+        "do_not_use": "Bir kimlik sunucu kullanma",
+        "error_connection": "Kimlik Sunucusuna bağlanılamadı",
+        "error_invalid": "Geçerli bir Kimlik Sunucu değil ( durum kodu %(code)s )",
+        "error_invalid_or_terms": "Hizmet şartları kabuk edilmedi yada kimlik sunucu geçersiz.",
+        "no_terms": "Seçtiğiniz kimlik sunucu herhangi bir hizmet şartları sözleşmesine sahip değil.",
+        "suggestions": "Şunu yapmalısınız:",
+        "suggestions_1": "kimlik sunucunuza erişimi engelleyen herhangi bir eklenti (Privacy Badger gibi) için tarayıcınızı kontrol ediniz",
+        "suggestions_2": "kimlik sunucusunun yöneticileriyle iletişime geçin <idserver />",
+        "suggestions_3": "bekleyip daha sonra tekrar deneyin",
+        "url": "(%(server)s) Kimlik Sunucusu",
+        "url_field_label": "Yeni bir kimlik sunucusu girin",
+        "url_not_https": "Kimlik sunucusu URL'si HTTPS olmalıdır"
+    },
+    "in_space": "%(spaceName)s alanında.",
+    "in_space1_and_space2": "%(space1Name)s ve %(space2Name)s alanlarında.",
+    "in_space_and_n_other_spaces": {
+        "one": "%(spaceName)s ve bir başka alanda.",
+        "other": "%(spaceName)s ve %(count)s diğer alanda."
+    },
+    "incompatible_browser": {
+        "continue": "Yine de devam et",
+        "description": "%(brand)s mevcut tarayıcınızda bulunmayan bazı tarayıcı özelliklerini kullanır. %(detail)s",
+        "detail_can_continue": "Devam etmeniz durumunda bazı özellikler çalışmayı durdurabilir ve gelecekte verilerinizi kaybetme riskiniz olabilir.",
+        "detail_no_continue": "En son sürümü kullanmıyorsanız tarayıcınızı güncelleyip tekrar deneyin.",
+        "learn_more": "Daha fazla bilgi",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "En iyi deneyim için <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge> veya <Safari>Safari</Safari>. kullanın.",
+        "title": "%(brand)s bu tarayıcıyı desteklemiyor",
+        "use_desktop_heading": "Bunun yerine %(brand)s Masaüstü kullanın",
+        "use_mobile_heading": "Bunun yerine mobil cihazlarda %(brand)s kullanın",
+        "use_mobile_heading_after_desktop": "Veya mobil uygulamamızı kullanın",
+        "windows_64bit": "Windows (64 bit)",
+        "windows_arm_64bit": "Windows (ARM 64-bit)"
+    },
+    "info_tooltip_title": "Bilgi",
+    "integration_manager": {
+        "connecting": "Bütünleştirme yöneticisine bağlanıyor",
+        "error_connecting": "Entegrasyon yöneticisi çevrim dışı veya anasunucunuza erişemiyor.",
+        "error_connecting_heading": "Entegrasyon yöneticisine bağlanılamadı",
+        "explainer": "Bütünleştirme yöneticileri yapılandırma verilerini alır ve sizin adınıza widget'ları değiştirebilir, oda davetleri gönderebilir ve güç düzeylerini ayarlayabilir.",
+        "manage_title": "Entegrasyonları yönet",
+        "toggle_label": "Entegrasyon yöneticisini etkinleştirin",
+        "use_im": "Botları, görsel bileşenleri ve çıkartma paketlerini yönetmek için bir entegrasyon yöneticisi kullanın.",
+        "use_im_default": "Botları, widget'ları ve çıkartma paketlerini yönetmek için bir bütünleştirme yöneticisi <b>(%(serverName)s)</b> kullanın."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Bunu yapmak için Ayarlar'da %(manageIntegrations)s '' etkinleştirin.",
+        "disabled_dialog_title": "Entegrasyonlar devre dışı bırakıldı",
+        "impossible_dialog_description": "%(brand)s bunu yapmak için bir bütünleştirme yöneticisi kullanmanıza izin vermiyor. Lütfen bir yönetici ile iletişime geçin.",
+        "impossible_dialog_title": "Entegrasyonlara izin verilmiyor"
+    },
+    "invite": {
+        "email_caption": "E-posta ile davet et",
+        "email_limit_one": "E-posta yoluyla davetler yalnızca birer birer gönderilebilir",
+        "email_use_default_is": "E-posta ile davet etmek için bir kimlik sunucusu kullan. <default> Varsayılanı kullan (%(defaultIdentityServerName)s</default> ya da <settings>Ayarlar</settings> kullanarak yönetin.",
+        "email_use_is": "E-postayla davet etmek için bir kimlik sunucusu kullanın. <settings>Ayarlar</settings>'da yönetin.",
+        "error_already_invited_room": "Kullanıcı zaten odaya davet edildi",
+        "error_already_invited_space": "Kullanıcı alana zaten davet edildi",
+        "error_already_joined_room": "Kullanıcı zaten odada",
+        "error_already_joined_space": "Kullanıcı zaten alanda",
+        "error_bad_state": "Kullanıcının davet edilebilmesi için öncesinde yasağının kaldırılması gereklidir.",
+        "error_dm": "DM'nizi oluşturamadık.",
+        "error_find_room": "Kullanıcıların davet edilmesinde bir şeyler yanlış gitti.",
+        "error_find_user_description": "Aşağıdaki kullanıcılar mevcut olmayabilir veya geçersiz olabilir ve davet edilemez: %(csvNames)s",
+        "error_find_user_title": "Aşağıdaki kullanıcılar bulunamadı",
+        "error_invite": "Bu kullanıcıları davet edemedik. Lütfen davet etmek istediğiniz kullanıcıları kontrol edin ve tekrar deneyin.",
+        "error_permissions_room": "Bu odaya kişi davet etme izniniz yok.",
+        "error_permissions_space": "Kullanıcıları bu alana davet etme izniniz yok.",
+        "error_profile_undisclosed": "Kullanıcı mevcut olabilir veya olmayabilir",
+        "error_transfer_multiple_target": "Bir çağrı yalnızca tek bir kullanıcıya aktarılabilir.",
+        "error_unfederated_room": "Bu oda federasyon dışıdır. Harici sunuculardan insanları davet edemezsiniz.",
+        "error_unfederated_space": "Bu alan federasyon dışıdır. Harici sunuculardan kişileri davet edemezsiniz.",
+        "error_unknown": "Bilinmeyen sunucu hatası",
+        "error_user_not_found": "Kullanıcı mevcut değil",
+        "error_version_unsupported_room": "Kullanıcının ana sunucusu odanın sürümünü desteklemiyor.",
+        "error_version_unsupported_space": "Kullanıcının ana sunucusu bu alanın sürümünü desteklemiyor.",
+        "failed_generic": "Operasyon başarısız oldu",
+        "failed_title": "Davet edilemedi",
+        "invalid_address": "Tanınmayan adres",
+        "name_email_mxid_share_room": "Birini adını, e-posta adresini, kullanıcı adını ( <userId/> gibi) veya <a>bu odayı paylaş</a> kullanarak davet edin.",
+        "name_email_mxid_share_space": "Birini adını, e-posta adresini, kullanıcı adını ( <userId/> gibi) veya <a>bu alanı paylaş</a> kullanarak davet edin.",
+        "name_mxid_share_room": "Birini adını, kullanıcı adını ( <userId/> gibi) veya <a>bu odayı paylaş</a> kullanarak davet edin.",
+        "name_mxid_share_space": "Birini adını, kullanıcı adını ( <userId/> gibi) veya <a>bu alanı paylaş</a> kullanarak davet edin.",
+        "recents_section": "Güncel Sohbetler",
+        "room_failed_partial": "Başkalarına davetler iletilmekle beraber, aşağıdakiler <RoomName/> odasına davet edilemedi",
+        "room_failed_partial_title": "Bazı davetler gönderilemiyor",
+        "room_failed_title": "Kullanıcılar %(roomName)s adresine davet edilemedi",
+        "send_link_prompt": "Veya davet bağlantısı gönder",
+        "start_conversation_name_email_mxid_prompt": "Biriyle adını, e-posta adresini veya kullanıcı adını ( <userId/> gibi) kullanarak sohbet başlatın.",
+        "start_conversation_name_mxid_prompt": "Biriyle adını veya kullanıcı adını kullanarak sohbet başlatın ( <userId/> gibi).",
+        "suggestions_disclaimer": "Bazı öneriler gizlilik için gizlenmiş olabilir.",
+        "suggestions_disclaimer_prompt": "Aradığınız kişiyi göremiyorsanız, aşağıdaki davet bağlantınızı gönderin.",
+        "suggestions_section": "Yakın Zamanda Doğrudan Mesajlaşıldı",
+        "to_room": "%(roomName)s davet et",
+        "to_space": "%(spaceName)s davet et",
+        "transfer_dial_pad_tab": "Arama tuşları",
+        "transfer_user_directory_tab": "Kullanıcı Dizini",
+        "unable_find_profiles_description_default": "Altta belirtilen Matrix ID li profiller bulunamıyor - Onları yinede davet etmek ister misiniz?",
+        "unable_find_profiles_invite_label_default": "Yinede davet et",
+        "unable_find_profiles_invite_never_warn_label_default": "Yinede davet et ve asla beni uyarma",
+        "unable_find_profiles_title": "Belirtilen kullanıcılar mevcut olmayabilir",
+        "unban_first_title": "Kullanıcı, yasağı kaldırılana kadar davet edilemez"
+    },
+    "inviting_user1_and_user2": "%(user1)s ve %(user2)s davet ediliyor",
+    "inviting_user_and_n_others": {
+        "one": "%(user)s ve diğer bir kişi davet ediliyor",
+        "other": "%(user)s ve %(count)s kişi davet ediliyor"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> ve diğer %(count)s",
+        "one": "<Items/> ve bir diğeri"
+    },
+    "keyboard": {
+        "activate_button": "Seçili düğmeyi etkinleştir",
+        "alt": "Alt",
+        "autocomplete_cancel": "Otomatik tamamlamayı iptal et",
+        "autocomplete_force": "Tamamlamaya zorla",
+        "autocomplete_navigate_next": "Sonraki otomatik tamamlama önerisi",
+        "autocomplete_navigate_prev": "Önceki otomatik tamamlama önerisi",
+        "backspace": "Geri tuşu",
+        "cancel_reply": "Mesajı yanıtlamayı iptal et",
+        "category_autocomplete": "Otomatik Tamamlama",
+        "category_calls": "Aramalar",
+        "category_navigation": "Navigasyon",
+        "category_room_list": "Oda listesi",
+        "close_dialog_menu": "İletişim kutusunu veya bağlam menüsünü kapat",
+        "composer_jump_end": "Oluşturucunun sonuna atla",
+        "composer_jump_start": "Oluşturucunun başına atla",
+        "composer_navigate_next_history": "Oluşturucu geçmişindeki sonraki mesaja git",
+        "composer_navigate_prev_history": "Oluşturucu geçmişindeki önceki mesaja git",
+        "composer_new_line": "Yeni satır",
+        "composer_redo": "Düzenlemeyi yeniden yap",
+        "composer_toggle_bold": "Kalınlığı Aç/Kapat",
+        "composer_toggle_code_block": "Kod Bloğunu Aç/Kapat",
+        "composer_toggle_italics": "İtalik Aç/Kapa",
+        "composer_toggle_link": "Bağlantıyı Aç/Kapat",
+        "composer_toggle_quote": "Alıntıyı Aç/Kapat",
+        "composer_undo": "Düzenlemeyi geri al",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Okuma işaretini kaldır ve en alta atla",
+        "end": "End",
+        "enter": "Giriş",
+        "escape": "Esc",
+        "go_home_view": "Ana Sayfa Görünümüne Git",
+        "home": "Ana Sayfa",
+        "jump_first_message": "İlk mesaja atla",
+        "jump_last_message": "Son mesaja atla",
+        "jump_room_search": "Oda aramasına atla",
+        "jump_to_read_marker": "Okunmamış en eski mesaja atla",
+        "keyboard_shortcuts_tab": "Bu ayarlar sekmesini aç",
+        "navigate_next_history": "Yakın zamanda ziyaret edilen sonraki oda veya alan",
+        "navigate_next_message_edit": "Düzenlemek için bir sonraki mesaja git",
+        "navigate_prev_history": "Yakın zamanda ziyaret edilen önceki oda veya alan",
+        "navigate_prev_message_edit": "Düzenlemek için önceki mesaja git",
+        "next_landmark": "Sonraki dönüm noktasına git",
+        "next_room": "Sonraki oda veya DM",
+        "next_unread_room": "Sonraki okunmamış oda veya DM",
+        "number": "[sayı]",
+        "open_user_settings": "Kullanıcı ayarlarını aç",
+        "page_down": "Sayfa aşağı",
+        "page_up": "Sayfa yukarı",
+        "prev_landmark": "Önceki dönüm noktasına git",
+        "prev_room": "Önceki oda veya DM",
+        "prev_unread_room": "Önceki okunmamış oda veya DM",
+        "room_list_collapse_section": "Oda listesi bölümünü daralt",
+        "room_list_expand_section": "Oda listesi bölümünü genişlet",
+        "room_list_navigate_down": "Oda listesinde aşağı git",
+        "room_list_navigate_up": "Oda listesinde yukarı git",
+        "room_list_select_room": "Oda listesinden oda seçin",
+        "scroll_down_timeline": "Zaman çizelgesinde aşağı kaydır",
+        "scroll_up_timeline": "Zaman çizelgesinde yukarı kaydır",
+        "search": "Arama (etkinleştirilmeli)",
+        "send_sticker": "Çıkartma gönder",
+        "shift": "Üst karakter",
+        "space": "Boşluk",
+        "switch_to_space": "Sayıya göre alana geç",
+        "toggle_hidden_events": "Gizli etkinlik görünürlüğünü aç/kapat",
+        "toggle_microphone_mute": "Mikrofonu Aç/Kapa",
+        "toggle_right_panel": "Sağ paneli aç/kapat",
+        "toggle_space_panel": "Alan panelini aç/kapat",
+        "toggle_top_left_menu": "Sol üst menüyü aç/kapat",
+        "toggle_webcam_mute": "Kamerayı Aç/Kapa",
+        "upload_file": "Dosya yükle"
+    },
+    "labs": {
+        "ask_to_join": "Katılma isteğini etkinleştir",
+        "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.",
+        "beta_feedback_title": "%(featureName)s Beta geri bildirimi",
+        "beta_section": "Gelecek özellikler",
+        "bridge_state": "Oda ayarlarındaki köprülerin bilgilerini göster",
+        "bridge_state_channel": "Kanal: <channelLink/>",
+        "bridge_state_creator": "Bu köprü <user /> tarafından sağlandı.",
+        "bridge_state_manager": "Bu köprü <user /> tarafından yönetiliyor.",
+        "bridge_state_workspace": "Çalışma alanı: <networkLink/>",
+        "click_for_info": "Daha fazla bilgi için tıklayın",
+        "currently_experimental": "Şu anda deneysel.",
+        "custom_themes": "Özel temaların eklenmesini destekleyin",
+        "dynamic_room_predecessors": "Dinamik oda öncülleri",
+        "dynamic_room_predecessors_description": "MSC3946 etkinleştir (geç gelen oda arşivlerini desteklemek için)",
+        "element_call_video_rooms": "Element Çağrısı video odaları",
+        "exclude_insecure_devices": "Mesaj gönderirken/alırken güvenli olmayan cihazları hariç tut",
+        "exclude_insecure_devices_description": "Bu mod etkinleştirildiğinde, şifrelenmiş mesajlar doğrulanmamış cihazlarla paylaşılmaz ve doğrulanmamış cihazlardan gelen mesajlar bir hata olarak gösterilir. Bu modu etkinleştirirseniz, cihazlarını doğrulamamış kullanıcılarla iletişim kuramayabileceğinizi unutmayın.",
+        "experimental_description": "Deneysel mi hissediyorsunuz? Geliştirme aşamasındaki en son fikirlerimizi deneyin. Bu özellikler nihai değildir; kararsız olabilirler, değişebilirler veya tamamen kaldırılabilirler. <a>Daha fazla bilgi için</a>.",
+        "experimental_section": "Erken önizlemeler",
+        "extended_profiles_msc_support": "Sunucunuzun MSC4133 desteklemesini gerektirir",
+        "feature_disable_call_per_sender_encryption": "Element Call için gönderen başına şifrelemeyi devre dışı bırakın",
+        "feature_wysiwyg_composer_description": "Mesaj oluşturucu olarak Markdown yerine zengin metin kullanın.",
+        "group_developer": "Geliştirici",
+        "group_encryption": "Şifreleme",
+        "group_experimental": "Deneysel",
+        "group_messaging": "Mesajlaşma",
+        "group_moderation": "Moderasyon",
+        "group_profile": "Profil",
+        "group_rooms": "Odalar",
+        "group_spaces": "Alanlar",
+        "group_themes": "Temalar",
+        "group_threads": "Mesaj dizileri",
+        "group_ui": "Kullanıcı arayüzü",
+        "group_voip": "Ses & Video",
+        "group_widgets": "Widget'lar",
+        "hidebold": "Bildirim noktasını gizle (yalnızca sayaç rozetlerini göster)",
+        "join_beta": "Beta’ya katıl",
+        "join_beta_reload": "Betaya katılmak, %(brand)s yeniden yükleyecektir.",
+        "jump_to_date": "Tarihe atla (/jumptodate ve tarihe atla başlıklarını ekler)",
+        "jump_to_date_msc_support": "Sunucunuzun MSC3030 desteklemesi gerekir",
+        "latex_maths": "Mesajlarda LaTeX matematiğini göster",
+        "leave_beta": "Betadan ayrıl",
+        "leave_beta_reload": "Betadan çıkıldığında %(brand)s yeniden yüklenir.",
+        "location_share_live": "Canlı Konum Paylaşımı",
+        "location_share_live_description": "Geçici uygulama. Konumlar oda geçmişinde kalır.",
+        "mjolnir": "İnsanları görmezden gelmenin yeni yolları",
+        "msc3531_hide_messages_pending_moderation": "Moderatörlerin onay bekleyen mesajları gizlemesine izin verin.",
+        "notification_settings": "Yeni Bildirim Ayarları",
+        "notification_settings_beta_caption": "Bildirim ayarlarınızı değiştirmenin daha basit bir yolunu sunuyoruz. %(brand)s istediğiniz gibi özelleştirin.",
+        "notification_settings_beta_title": "Bildirim Ayarları",
+        "notifications": "Oda başlığındaki bildirim panelini etkinleştir",
+        "render_reaction_images": "Tepkilerde özel görüntüler oluştur",
+        "render_reaction_images_description": "Bazen \"özel emojiler\" olarak da adlandırılır.",
+        "sliding_sync": "Sliding Sync modu",
+        "sliding_sync_description": "Aktif geliştirme aşamasında, devre dışı bırakılamaz.",
+        "sliding_sync_disabled_notice": "Devre dışı bırakmak için oturumu kapatıp tekrar açın",
+        "sliding_sync_server_no_support": "Sunucunuz desteklemiyor",
+        "unrealiable_e2e": "Şifreli odalarda güvenilir değil",
+        "video_rooms": "Video odaları",
+        "video_rooms_a_new_way_to_chat": "%(brand)s ile sesli ve görüntülü sohbet etmenin yeni bir yolu.",
+        "video_rooms_always_on_voip_channels": "Video odaları, %(brand)s içinde bir odaya yerleştirilmiş her zaman açık VoIP kanallarıdır.",
+        "video_rooms_beta": "Video odaları bir beta özelliğidir",
+        "video_rooms_faq1_answer": "Sol panelin oda bölümündeki \"+\" düğmesini kullanın.",
+        "video_rooms_faq1_question": "Nasıl görüntülü arama odası oluşturabilirim?",
+        "video_rooms_faq2_answer": "Evet, sohbet zaman çizelgesi videonun yanında görüntülenir.",
+        "video_rooms_faq2_question": "Görüntülü görüşmede yazılı sohbeti kullanabilir miyim?",
+        "video_rooms_feedbackSubheading": "Betayı denediğiniz için teşekkür ederiz, lütfen geliştirebilmemiz için olabildiğince ayrıntılı bilgi verin.",
+        "wysiwyg_composer": "Zengin metin düzenleyici"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Bu ayarlar ileri düzey kullanıcılar içindir.",
+        "ban_reason": "Yoksayılan/Bloklanan",
+        "error_adding_ignore": "Yoksayılan kullanıcı/sunucu eklenirken hata",
+        "error_adding_list_description": "Lütfen oda kimliğini ya da adresini doğrulayıp yeniden deneyin.",
+        "error_adding_list_title": "Listeye abone olunurken hata",
+        "error_removing_ignore": "Yoksayılan kullanıcı/sunucu silinirken hata",
+        "error_removing_list_description": "Lütfen yeniden deneyin veya ipuçları için konsolunuza bakın.",
+        "error_removing_list_title": "Listeden abonelikten çıkılırken hata",
+        "explainer_1": "Görmezden gelmek istediğiniz kullanıcıları ya da sunucuları buraya ekleyin. %(brand)s uygulamasının herhangi bir karakteri eşleştirmesini istiyorsanız yıldız imi kullanın. Örneğin <code>@fobar:*</code>, \"foobar\" adlı kullanıcıların hepsini bütün sunucularda görmezden gelir.",
+        "explainer_2": "Kullanıcıları engelleme, hangi kullanıcıları engelleyeceğini belirleyen kurallar bulunduran bir engelleme listesi kullanılarak gerçekleşir. Bir engelleme listesine abone olmak, o listeden engellenen kullanıcıların veya sunucuların sizden gizlenmesi demektir.",
+        "lists": "Halizhazırdaki abonelikleriniz:",
+        "lists_description_1": "Bir yasak listesine abonelik ona katılmanıza yol açar!",
+        "lists_description_2": "Eğer istediğiniz bu değilse, kullanıcıları yoksaymak için lütfen farklı bir araç kullanın.",
+        "lists_heading": "Abone olunan listeler",
+        "lists_new_label": "Oda ID'si veya yasaklı listesinin adresi",
+        "no_lists": "Herhangi bir listeye aboneliğiniz bulunmuyor",
+        "personal_description": "Kişisel yasaklama listeniz, kişisel olarak mesajlarını görmek istemediğiniz tüm kullanıcıları/sunucuları içerir. İlk kullanıcınızı/sunucunuzu görmezden geldikten sonra, oda listenizde '%(myBanList)s' adında yeni bir oda belirecektir - yasaklama listesini etkin tutmak için bu odadan ayrılmayın.",
+        "personal_empty": "Kimseyi yok saymamışsınız.",
+        "personal_heading": "Kişisel yasak listesi",
+        "personal_new_label": "Yoksaymak için sunucu veya kullanıcı ID",
+        "personal_new_placeholder": "örn: @bot:* veya example.org",
+        "personal_section": "Halihazırda yoksaydıklarınız:",
+        "room_name": "Yasaklı Listem",
+        "room_topic": "Bu sizin engellediğiniz kullanıcılar/sunucular listeniz - odadan ayrılmayın!",
+        "rules_empty": "Yok",
+        "rules_server": "Sunucu kuralları",
+        "rules_title": "Yasak Liste Kuralları - %(roomName)s",
+        "rules_user": "Kullanıcı kuralları",
+        "something_went_wrong": "Bir şeyler hatalı gitti. Lütfen yeniden deneyin veya ipuçları için konsolunuza bakın.",
+        "title": "Yoksayılan kullanıcılar",
+        "view_rules": "Kuralları görüntüle"
+    },
+    "language_dropdown_label": "Dil Açılır Listesi",
+    "leave_room_dialog": {
+        "last_person_warning": "Buradaki tek kişi sensin. Ayrılırsanız, gelecekte siz de dahil olmak üzere hiç kimse katılamaz.",
+        "leave_room_question": "'%(roomName)s' odasından ayrılmak istediğinize emin misiniz ?",
+        "leave_space_question": "'%(spaceName)s' alanından ayrılmak istediğinizden emin misiniz?",
+        "room_leave_admin_warning": "Bu odadaki tek yönetici sizsiniz. Ayrılırsanız, hiç kimse oda ayarlarını değiştiremez veya diğer önemli işlemleri yapamaz.",
+        "room_leave_mod_warning": "Bu odadaki tek moderatör sizsiniz. Ayrılırsanız, hiç kimse oda ayarlarını değiştiremez veya diğer önemli işlemleri yapamaz.",
+        "room_rejoin_warning": "Bu oda herkese açık değildir. Davetiye olmadan tekrar katılamazsınız.",
+        "space_rejoin_warning": "Bu alan herkese açık değildir. Davet olmadan yeniden katılamazsınız."
+    },
+    "lightbox": {
+        "rotate_left": "Sola Döndür",
+        "rotate_right": "Sağa Döndür",
+        "title": "Resim görünümü"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Bu ana sunucu haritaları görüntülemek için yapılandırılmamıştır.",
+        "MapStyleUrlNotReachable": "Bu ana sunucu, haritaları görüntülemek için doğru yapılandırılmamış veya yapılandırılan harita sunucusuna ulaşılamıyor olabilir.",
+        "WebGLNotEnabled": "Haritaları görüntülemek için WebGL gereklidir, lütfen tarayıcı ayarlarınızdan etkinleştirin.",
+        "click_drop_pin": "İğne bırakmak için tıkla",
+        "click_move_pin": "İğneyi taşımak için tıkla",
+        "close_sidebar": "Kenar çubuğunu kapat",
+        "error_fetch_location": "Konum alınamadı",
+        "error_no_perms_description": "Bu odada konum paylaşmak için doğru izinlere sahip olmanız gerekir.",
+        "error_no_perms_title": "Konum paylaşma izniniz yok",
+        "error_send_description": "%(brand)s konumunuzu gönderemedi. Lütfen daha sonra tekrar deneyin.",
+        "error_send_title": "Konumunuzu gönderemedik",
+        "error_sharing_live_location": "Canlı konumunuzu paylaşırken bir hata oluştu",
+        "error_stopping_live_location": "Canlı konumunuzu durdururken bir hata oluştu",
+        "expand_map": "Haritayı genişlet",
+        "failed_generic": "Konumunuz alınamadı. Lütfen daha sonra tekrar deneyin.",
+        "failed_load_map": "Harita yüklenemiyor",
+        "failed_permission": "%(brand)s konumunuzu almak için izin verilmedi. Lütfen tarayıcı ayarlarınızdan konum erişimine izin verin.",
+        "failed_timeout": "Konumunuzu almaya çalışırken zaman aşımı oluştu. Lütfen daha sonra tekrar deneyin.",
+        "failed_unknown": "Konum alınırken bilinmeyen hata. Lütfen daha sonra tekrar deneyin.",
+        "find_my_location": "Konumumu bul",
+        "live_description": "%(displayName)s canlı konumu",
+        "live_enable_description": "Lütfen dikkat: Bu, geçici bir uygulama kullanan bir labs özelliğidir. Bu, konum geçmişinizi silemeyeceğiniz ve ileri düzey kullanıcıların, canlı konumunuzu bu odayla paylaşmayı bıraktıktan sonra bile konum geçmişinizi görebileceği anlamına gelir.",
+        "live_enable_heading": "Canlı Konum Paylaşımı",
+        "live_location_active": "Canlı konumunuzu paylaşıyorsunuz",
+        "live_location_enabled": "Canlı konum etkin",
+        "live_location_ended": "Canlı konum sona erdi",
+        "live_location_error": "Canlı konum hatası",
+        "live_locations_empty": "Canlı konum yok",
+        "live_share_button": "%(duration)s paylaş",
+        "live_toggle_label": "Canlı konum paylaşımını etkinleştir",
+        "live_until": "%(expiryTime)s kadar canlı",
+        "live_update_time": "Güncellendi %(humanizedUpdateTime)s",
+        "loading_live_location": "Canlı konum yükleniyor...",
+        "location_not_available": "Konum kullanılamıyor.",
+        "map_feedback": "Harita geri bildirimi",
+        "mapbox_logo": "Mapbox logosu",
+        "reset_bearing": "Kerterizi kuzeye sıfırlayın",
+        "share_button": "Konum paylaş",
+        "share_type_live": "Canlı konumum",
+        "share_type_own": "Güncel Konumum",
+        "share_type_pin": "Bir İğne Bırak",
+        "share_type_prompt": "Hangi konum türünü paylaşmak istiyorsunuz?",
+        "toggle_attribution": "İlişkilendirmeyi aç/kapat"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s Üye",
+            "other": "%(count)s Üye"
+        },
+        "filter_placeholder": "Oda üyelerini Filtrele",
+        "invite_button_no_perms_tooltip": "Kullanıcıları davet etme izniniz yok",
+        "invited_label": "Davet Edildi",
+        "no_matches": "Eşleşme yok"
+    },
+    "member_list_back_action_label": "Oda üyeleri",
+    "message_edit_dialog_title": "Mesajları düzenle",
+    "migrating_crypto": "Sıkı durun. Şifrelemeyi daha hızlı ve daha güvenilir hale getirmek için %(brand)s güncelliyoruz.",
+    "mobile_guide": {
+        "toast_accept": "Uygulamayı kullan",
+        "toast_description": "%(brand)s mobil web tarayıcısında deneyseldir. Daha iyi bir deneyim ve en yeni özellikler için ücretsiz yerel uygulamamızı kullanın.",
+        "toast_title": "Daha iyi bir deneyim için uygulamayı kullanın"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Başka sonuç yok",
+    "notif_panel": {
+        "empty_description": "Görünür bir bildiriminiz yok.",
+        "empty_heading": "Hepsini tamamladınız!"
+    },
+    "notifications": {
+        "all_messages": "Tüm mesajlar",
+        "all_messages_description": "Her mesaj için bildirim alın",
+        "class_global": "Genel",
+        "class_other": "Diğer",
+        "default": "Varsayılan",
+        "email_pusher_app_display_name": "E-posta Bildirimleri",
+        "enable_prompt_toast_description": "Masaüstü bildirimlerini etkinleştir",
+        "enable_prompt_toast_title": "Bildirimler",
+        "enable_prompt_toast_title_from_message_send": "Yanıtları kaçırma",
+        "error_change_title": "Bildirim ayarlarını değiştir",
+        "keyword": "Anahtar Kelime",
+        "keyword_new": "Yeni anahtar kelime",
+        "level_activity": "Etkinlik",
+        "level_highlight": "Vurgula",
+        "level_muted": "Sessiz",
+        "level_none": "Hiçbiri",
+        "level_notification": "Bildirim",
+        "level_unsent": "Gönderilmemiş",
+        "mark_all_read": "Tümünü okunmuş olarak işaretle",
+        "mentions_and_keywords": "@bahsetmeler ve anahtar kelimeler",
+        "mentions_and_keywords_description": "Yalnızca <a>settings</a> ayarlarınızda ayarlanan bahsetmeler ve anahtar kelimelerle bildirim alın",
+        "mentions_keywords": "Bahsetmeler ve anahtar kelimeler",
+        "message_didnt_send": "Mesaj gönderilmedi. Bilgi için tıklayınız.",
+        "mute_description": "Hiçbir bildirim almayacaksınız"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s doğrulama istiyor"
+    },
+    "onboarding": {
+        "create_room": "Grup sohbeti başlat",
+        "explore_rooms": "Herkese açık odaları keşfet",
+        "has_avatar_label": "Harika, bu insanların sen olduğunu anlamalarına yardımcı olur.",
+        "intro_byline": "Konuşmalarınıza sahip çıkın.",
+        "intro_welcome": "%(appName)s' e Hoş geldiniz",
+        "no_avatar_label": "İnsanların kimliğinizi anlaması için bir fotoğraf ekleyin.",
+        "send_dm": "Doğrudan Mesaj Gönder",
+        "welcome_detail": "Şimdi, başlamanıza yardım edelim",
+        "welcome_user": "Hoş Geldin %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "%(room)s içindeki mesaj",
+        "permalink_this_room": "%(user)s kullanıcısından mesaj"
+    },
+    "poll": {
+        "create_poll_action": "Anket oluştur",
+        "create_poll_title": "Anket oluştur",
+        "disclosed_notes": "Seçmenler oy kullandıkları anda sonuçları görür",
+        "edit_poll_title": "Anketi düzenle",
+        "end_description": "Bu anketi bitirmek istediğinizden emin misiniz? Bu, anketin sonuçlarını gösterecek ve kullanıcıların oy kullanmasını engelleyecektir.",
+        "end_message": "Anket sona erdi. Sonuç: %(topAnswer)s",
+        "end_message_no_votes": "Anket sona erdi. Oy kullanılmadı.",
+        "end_title": "Anketi bitir",
+        "error_ending_description": "Üzgünüz, anket bitmedi. Lütfen tekrar deneyin.",
+        "error_ending_title": "Anket sonlandırılamadı",
+        "error_voting_description": "Üzgünüz, oyunuz kaydedilmedi. Lütfen tekrar deneyin.",
+        "error_voting_title": "Oy kaydedilmedi",
+        "failed_send_poll_description": "Üzgünüz, oluşturmaya çalıştığınız anket gönderilmedi.",
+        "failed_send_poll_title": "Anket gönderilemedi",
+        "notes": "Sonuçlar yalnızca anketi sonlandırdığınızda gösterilir",
+        "options_add_button": "Seçenek ekle",
+        "options_heading": "Seçenekler oluştur",
+        "options_label": "Seçenek %(number)s",
+        "options_placeholder": "Bir seçenek yaz",
+        "topic_heading": "Anket sorunuz veya konunuz nedir?",
+        "topic_label": "Soru veya konu",
+        "topic_placeholder": "Bir şeyler yaz.",
+        "total_decryption_errors": "Şifre çözme hataları nedeniyle bazı oylar sayılmayabilir",
+        "total_n_votes": {
+            "one": "%(count)s oy kullanıldı. Sonuçları görmek için oy verin",
+            "other": "%(count)s oy kullanıldı. Sonuçları görmek için oy verin"
+        },
+        "total_n_votes_voted": {
+            "one": "%(count)s oyla",
+            "other": "%(count)s oyla"
+        },
+        "total_no_votes": "Oy kullanılmadı",
+        "total_not_ended": "Anket sona erdiğinde sonuçlar görünür olacak",
+        "type_closed": "Kapalı anket",
+        "type_heading": "Anket türü",
+        "type_open": "Açık anket",
+        "unable_edit_description": "Üzgünüz, oylar kullanıldıktan sonra anketi düzenleyemezsiniz.",
+        "unable_edit_title": "Anket düzenlenemiyor"
+    },
+    "power_level": {
+        "admin": "Yönetici",
+        "custom": "Özel (%(level)s)",
+        "custom_level": "Özel seviye",
+        "default": "Varsayılan",
+        "label": "Güç düzeyi",
+        "moderator": "Moderatör",
+        "restricted": "Sınırlı"
+    },
+    "powered_by_matrix": "Matrix tarafından desteklenmektedir",
+    "presence": {
+        "away": "Uzakta",
+        "busy": "Meşgul",
+        "idle": "Boş",
+        "idle_for": "%(duration)s süresince boşta",
+        "offline": "Çevrimdışı",
+        "offline_for": "%(duration)s süresince çevrimdışı",
+        "online": "Çevrimiçi",
+        "online_for": "%(duration)s süresince çevrimiçi",
+        "unknown": "Bilinmeyen",
+        "unknown_for": "%(duration)s süresince bilinmiyor",
+        "unreachable": "Kullanıcının sunucusuna ulaşılamıyor"
+    },
+    "quick_settings": {
+        "all_settings": "Tüm ayarlar",
+        "sidebar_settings": "Daha fazla seçenek",
+        "title": "Hızlı ayarlar"
+    },
+    "quit_warning": {
+        "call_in_progress": "Bir çağrıda gözüküyorsunuz , çıkmak istediğinizden emin misiniz ?",
+        "file_upload_in_progress": "Dosya yüklüyorsunuz gibi görünüyor , çıkmak istediğinizden emin misiniz ?"
+    },
+    "redact": {
+        "confirm_button": "Kaldırma İşlemini Onayla",
+        "confirm_description": "Bu etkinliği kaldırmak (silmek) istediğinizden emin misiniz?",
+        "confirm_description_state": "Bu şekilde oda değişikliklerini kaldırmanın, değişikliği geri alabileceğini unutmayın.",
+        "error": "Bu mesajı silemezsiniz (%(code)s)",
+        "ongoing": "Siliniyor…",
+        "reason_label": "Neden (İsteğe bağlı)"
+    },
+    "report_content": {
+        "description": "Bu mesajı bildirdiğinizde, benzersiz 'etkinlik kimliği' ev sunucunuzun yöneticisine gönderilir. Bu odadaki iletiler şifrelenmişse, ev sunucusu yöneticiniz ileti metnini okuyamaz veya herhangi bir dosya ya da resmi görüntüleyemez.",
+        "hide_messages_from_user": "Bu kullanıcıdan gelen tüm mevcut ve gelecekteki mesajları gizlemek istiyorsanız işaretleyin.",
+        "ignore_user": "Kullanıcıyı görmezden gel",
+        "missing_reason": "Lütfen neden raporlama yaptığınızı belirtin.",
+        "report_content_to_homeserver": "Ana Sunucu Yöneticinize İçeriği Raporlayın"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "%(failedCount)s adet oturum çözümlenemedi!",
+        "count_of_successfully_restored_keys": "%(sessionCount)s anahtarları başarıyla geri yüklendi",
+        "enter_key_description": "Güvenlik Anahtarınızı girerek güvenli mesaj geçmişinize erişin ve güvenli mesajlaşmayı ayarlayın.",
+        "enter_key_title": "Güvenlik Anahtarını Girin",
+        "enter_phrase_description": "Güvenli mesaj geçmişinize erişin ve Güvenlik İfadenizi girerek güvenli mesajlaşmayı ayarlayın.",
+        "enter_phrase_title": "Güvenlik İfadesini Girin",
+        "incorrect_security_phrase_dialog": "Bu Güvenlik İfadesi ile yedeklemenin şifresi çözülemedi: lütfen doğru Güvenlik İfadesini girdiğinizden emin olun.",
+        "incorrect_security_phrase_title": "Yanlış Güvenlik İfadesi",
+        "key_backup_warning": "<b>Uyarı</b> : Anahtar yedeklemesini yalnızca güvenilir bir bilgisayardan ayarlamalısınız.",
+        "key_fetch_in_progress": "Anahtarlar sunucudan alınıyor...",
+        "key_forgotten_text": "Güvenlik Anahtarınızı unuttuysanız şunları yapabilirsiniz: <button>yeni kurtarma seçenekleri ayarlayın</button>",
+        "key_is_invalid": "Geçerli bir Güvenlik Anahtarı değil",
+        "key_is_valid": "Bu geçerli bir Güvenlik Anahtarı gibi görünüyor!",
+        "keys_restored_title": "Anahtarlar geri yüklendi",
+        "load_error_content": "Yedek durumu yüklenemiyor",
+        "load_keys_progress": "%(completed)s / %(total)s anahtarlar geri yüklendi",
+        "no_backup_error": "Yedek bulunamadı!",
+        "phrase_forgotten_text": "Güvenlik İfadenizi unuttuysanız, <button1>Güvenlik Anahtarınızı kullanabilirsiniz</button1> veya <button2>yeni kurtarma seçeneklerini ayarlayın</button2>",
+        "recovery_key_mismatch_description": "Bu Güvenlik Anahtarı ile yedeklemenin şifresi çözülemedi: lütfen doğru Güvenlik Anahtarı'nı girdiğinizden emin olun.",
+        "recovery_key_mismatch_title": "Güvenlik Anahtarı uyuşmazlığı",
+        "restore_failed_error": "Yedekleme geri yüklenemiyor"
+    },
+    "right_panel": {
+        "add_integrations": "Uzantı ekle",
+        "add_topic": "Konu ekle",
+        "extensions_button": "Uzantılar",
+        "extensions_empty_description": "Bu odaya göz atmak ve uzantı eklemek için \"%(addIntegrations)s\" öğesini seçin",
+        "extensions_empty_title": "Daha fazla araç, widget ve bot ile üretkenliği artırın",
+        "files_button": "Dosyalar",
+        "pinned_messages": {
+            "empty_description": "Bir mesaj seçin ve buraya eklemek için \"%(pinAction)s\" seçeneğini seçin.",
+            "empty_title": "Önemli mesajları kolayca keşfedilebilmeleri için sabitleyin",
+            "header": {
+                "one": "1 Sabitlenmiş mesaj",
+                "other": "%(count)s Sabitlenmiş mesaj"
+            },
+            "limits": {
+                "one": "",
+                "other": "En fazla %(count)s widget'ı sabitleyebilirsiniz"
+            },
+            "menu": "Menüyü aç",
+            "reply_thread": "<link>Mesaj dizisinde</link> yanıtla",
+            "unpin_all": {
+                "button": "Tüm mesajların sabitlemesini kaldır",
+                "content": "Sabitlenmiş tüm mesajları gerçekten kaldırmak istediğinizden emin olun. Bu eylem geri alınamaz.",
+                "title": "Tüm mesajların sabitlemesini kaldırmak istiyor musunuz?"
+            },
+            "view": "Zaman çizelgesinde görüntüle"
+        },
+        "pinned_messages_button": "Sabitlenmiş mesajlar",
+        "poll": {
+            "active_heading": "Etkin anketler",
+            "empty_active": "Bu odada aktif anket yok",
+            "empty_active_load_more": "Aktif anket yok. Önceki aylara ait anketleri görüntülemek için daha fazla anket yükleyin",
+            "empty_active_load_more_n_days": {
+                "one": "Geçen gün için aktif anket yok. Önceki aylara ait anketleri görüntülemek için daha fazla anket yükleyin",
+                "other": "Geçtiğimiz %(count)s günde aktif anket yok. Önceki aylara ait anketleri görüntülemek için daha fazla anket yükleyin"
+            },
+            "empty_past": "Bu odada geçmiş anket yok",
+            "empty_past_load_more": "Geçmiş anket yok. Önceki aylara ait anketleri görüntülemek için daha fazla anket yükleyin",
+            "empty_past_load_more_n_days": {
+                "one": "Geçen gün için geçmiş anket yok. Önceki aylara ait anketleri görüntülemek için daha fazla anket yükleyin",
+                "other": "Geçtiğimiz %(count)s gün için geçmiş anket yok. Önceki aylara ait anketleri görüntülemek için daha fazla anket yükleyin"
+            },
+            "final_result": {
+                "one": "%(count)s oya dayalı sonuç",
+                "other": "%(count)s oya dayalı sonuç"
+            },
+            "load_more": "Daha fazla anket yükle",
+            "loading": "Anketler yükleniyor",
+            "past_heading": "Geçmiş anketler",
+            "view_in_timeline": "Anketi zaman çizelgesinde görüntüle",
+            "view_poll": "Anketi görüntüle"
+        },
+        "polls_button": "Anketler",
+        "room_summary_card": {
+            "title": "Oda bilgisi"
+        },
+        "thread_list": {
+            "context_menu_label": "Mesaj dizisi seçenekleri"
+        },
+        "video_room_chat": {
+            "title": "Sohbet"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Bu davet, hesabınızla ilişkili olmayan %(email)s adresine gönderildi",
+        "3pid_invite_email_not_found_account_room": "Bu davet, %(roomName)s odasına %(email)s e-posta adresi üzerinden yollanmıştır ve sizinle ilgili değildir",
+        "3pid_invite_error_description": "Davetinizi doğrulamaya çalışırken bir hata (%(errcode)s) gerçekleşti. Bu bilgiyi sizi davet eden kişiye iletmeyi deneyebilirsiniz.",
+        "3pid_invite_error_invite_action": "Yine de katılmayı deneyin",
+        "3pid_invite_error_invite_subtitle": "Sadece çalışan bir davetle katılabilirsiniz.",
+        "3pid_invite_error_public_subtitle": "Hala buraya katılabilirsiniz.",
+        "3pid_invite_error_title": "Davetinizle ilgili bir sorun oluştu.",
+        "3pid_invite_error_title_room": "%(roomName)s odasına davet işleminizde birşeyler yanlış gitti",
+        "3pid_invite_no_is_subtitle": "Doğrudan %(brand)s uygulamasından davet isteği almak için Ayarlardan bir kimlik sunucusu belirleyin.",
+        "banned_by": "%(memberName)s tarafından yasaklandınız",
+        "banned_from_room_by": "%(memberName)s tarafından %(roomName)s odası size yasaklandı",
+        "context_menu": {
+            "copy_link": "Oda bağlantısını kopyala",
+            "favourite": "Favori",
+            "forget": "Odayı unut",
+            "low_priority": "Düşük Öncelikli",
+            "mark_read": "Okundu olarak işaretle",
+            "mark_unread": "Okunmamış olarak işaretle",
+            "notifications_default": "Varsayılan ayarlarla eşleştir",
+            "notifications_mute": "Odayı sessize al",
+            "title": "Oda ayarları",
+            "unfavourite": "Favorilere eklendi"
+        },
+        "creating_room_text": "%(names)s ile bir oda oluşturuyoruz",
+        "dm_invite_action": "Sohbet başlat",
+        "dm_invite_subtitle": "<userName/> sohbet etmek istiyor",
+        "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_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.",
+        "error_join_404_2": "Eğer bir oda adresi biliyorsanız, onun üzerinden katılmayı deneyin.",
+        "error_join_404_invite": "Sizi davet eden kişi çoktan ayrıldı veya sunucusu çevrimdışı.",
+        "error_join_404_invite_same_hs": "Sizi davet eden kişi çoktan ayrıldı.",
+        "error_join_connection": "Katılım sırasında bir hata oluştu.",
+        "error_join_incompatible_version_1": "Üzgünüz, ana sunucunuz buraya katılmak için çok eski.",
+        "error_join_incompatible_version_2": "Lütfen anasunucu yöneticiniz ile bağlantıya geçin.",
+        "error_join_title": "Katılamadı",
+        "error_jump_to_date": "Sunucu, %(errorCode)s hata koduyla %(statusCode)s döndü",
+        "error_jump_to_date_connection": "Verilen tarihi bulmaya ve atlamaya çalışırken bir ağ hatası oluştu. Ana sunucunuz kapalı olabilir veya internet bağlantınızla ilgili geçici bir sorun olabilir. Lütfen tekrar deneyin. Bu devam ederse, lütfen ana sunucusu yöneticinizle iletişime geçin.",
+        "error_jump_to_date_details": "Hata ayrıntıları",
+        "error_jump_to_date_not_found": "İleriye dönük bir etkinlik bulamadık. %(dateString)s Daha erken bir tarih seçmeyi deneyin.",
+        "error_jump_to_date_send_logs_prompt": "Sorunu bulmamıza yardımcı olması için lütfen <debugLogsLink>hata ayıklama günlüklerini</debugLogsLink> gönderin.",
+        "error_jump_to_date_title": "O tarihte etkinlik bulunamıyor",
+        "face_pile_summary": {
+            "one": "tanıdığınız %(count)s kişi zaten katıldı",
+            "other": "tanıdığınız %(count)s kişi zaten katıldı"
+        },
+        "face_pile_tooltip_label": {
+            "one": "1 üyeyi görüntüle",
+            "other": "Tüm %(count)s üyeyi görüntüle"
+        },
+        "face_pile_tooltip_shortcut": "%(commaSeparatedMembers)s dahil",
+        "face_pile_tooltip_shortcut_joined": "Siz de dahil olmak üzere, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "Daveti reddetme başarısız oldu",
+        "forget_room": "Bu odayı unut",
+        "forget_space": "Bu alanı unut",
+        "header": {
+            "n_people_asking_to_join": {
+                "one": "Katılmak istiyor",
+                "other": "%(count)s kişi katılmak istiyor"
+            },
+            "room_is_public": "Bu oda herkese açık"
+        },
+        "header_avatar_open_settings_label": "Oda ayarlarını aç",
+        "header_face_pile_tooltip": "Kişiler",
+        "header_untrusted_label": "Güvenilir değil",
+        "inaccessible": "Bu oda veya alan şu anda erişilebilir değil.",
+        "inaccessible_name": "%(roomName)s şu anda erişilebilir değil.",
+        "inaccessible_subtitle_1": "Daha sonra tekrar deneyin veya oda ya da alan yöneticisinden erişiminiz olup olmadığını kontrol etmesini isteyin.",
+        "inaccessible_subtitle_2": "Odaya veya alana erişmeye çalışırken %(errcode)s gerçekleşti. Bu mesajı yanlışlıkla gördüğünüzü düşünüyorsanız, lütfen <issueLink>bir hata raporu gönderin</issueLink>.",
+        "intro": {
+            "dm_caption": "Biriniz bir başkasını davet etmediğiniz sürece bu görüşmede sadece ikiniz varsınız.",
+            "enable_encryption_prompt": "Ayarlarda şifrelemeyi etkinleştirin.",
+            "encrypted_3pid_dm_pending_join": "Herkes katıldıktan sonra sohbet edebileceksiniz",
+            "no_avatar_label": "İnsanların odanı kolayca tanıması için bir fotoğraf ekle.",
+            "no_topic": "İnsanların ne hakkında olduğunu bilmelerine yardımcı olmak için <a>Konu ekle</a>.",
+            "private_unencrypted_warning": "Özel mesajlarınız normalde şifrelenir, ancak bu oda şifrelenmemiş. Genellikle bunun nedeni desteklenmeyen bir cihaz veya e-posta davetleri gibi kullanılan bir yöntemdir.",
+            "room_invite": "Sadece bu odaya davet et",
+            "send_message_start_dm": "<displayName/> adlı kişiyi sohbete davet etmek için ilk mesajınızı gönderin",
+            "start_of_dm_history": "Bu <displayName/> ile olan direkt mesaj geçmişinizin başlangıcıdır.",
+            "start_of_room": "Bu <roomName/> odasının başlangıcıdır.",
+            "unencrypted_warning": "Uçtan uca şifreleme etkin değil",
+            "user_created": "%(displayName)s bu odayı oluşturdu.",
+            "you_created": "Bu odayı oluşturdunuz."
+        },
+        "invite_email_mismatch_suggestion": "Davetiyeleri doğrudan %(brand)s adresinden almak için bu e-postayı Ayarlar'da paylaşın.",
+        "invite_sent_to_email": "Bu davet %(email)s adresine gönderildi",
+        "invite_sent_to_email_room": "%(roomName)s odası daveti %(email)s adresine gönderildi",
+        "invite_subtitle": "<userName/> davet etti",
+        "invite_this_room": "Bu odaya davet et",
+        "invite_title": "%(roomName)s odasına katılmak ister misin?",
+        "inviter_unknown": "Bilinmeyen",
+        "invites_you_text": "<inviter/> sizi davet ediyor",
+        "join_button_account": "Kayıt Ol",
+        "join_failed_needs_invite": "%(roomName)s görüntülemek için bir davetiyeye ihtiyacınız var",
+        "join_the_discussion": "Tartışmaya katılın",
+        "join_title": "Sohbete başlamak için odaya katılın",
+        "join_title_account": "Konuşmaya bir hesapla katıl",
+        "joining": "Katılınıyor…",
+        "joining_room": "Odaya katılıyor…",
+        "joining_space": "Alana katılıyor…",
+        "jump_read_marker": "İlk okunmamış iletiye atla.",
+        "jump_to_bottom_button": "En son mesajlara git",
+        "kick_reason": "Sebep: %(reason)s",
+        "kicked_by": "%(memberName)s tarafından kovuldunuz.",
+        "kicked_from_room_by": "%(roomName)s odasından %(memberName)s tarafından kovuldunuz",
+        "knock_cancel_action": "İsteği iptal et",
+        "knock_denied_subtitle": "Erişiminiz reddedildiğinden, grubun yöneticisi veya moderatörü tarafından davet edilmediğiniz sürece yeniden katılamazsınız.",
+        "knock_denied_title": "Erişiminiz reddedildi",
+        "knock_message_field_placeholder": "Mesaj (isteğe bağlı)",
+        "knock_prompt": "Katılma isteği gönder?",
+        "knock_prompt_name": "%(roomName)s katılma isteği gönder?",
+        "knock_send_action": "Erişim iste",
+        "knock_sent": "Katılma isteği gönderildi",
+        "knock_sent_subtitle": "Katılma isteğiniz beklemede.",
+        "knock_subtitle": "Sohbeti görüntülemek veya sohbete katılmak için bu odaya erişim izni almanız gerekir. Aşağıdan katılmak için bir istek gönderebilirsiniz.",
+        "leave_error_title": "Odadan ayrılırken hata",
+        "leave_server_notices_description": "Bu oda, Ana Sunucudan gelen önemli mesajlar için kullanılır, bu yüzden ayrılamazsınız.",
+        "leave_server_notices_title": "Sunucu Bildirimleri odasından ayrılınamıyor",
+        "leave_unexpected_error": "Odadan ayrılmaya çalışırken beklenmeyen sunucu hatası",
+        "link_email_to_receive_3pid_invite": "Doğrudan %(brand)s uygulamasından davet isteği almak için bu e-posta adresini Ayarlardan kendi hesabınıza bağlayın.",
+        "loading_preview": "Önizleme yükleniyor",
+        "no_peek_join_prompt": "%(roomName)s odasında önizleme yapılamaz. Katılmak ister misin?",
+        "no_peek_no_name_join_prompt": "Ön izleme yok, katılmak ister misiniz?",
+        "not_found_subtitle": "Doğru yerde olduğunuza emin misiniz?",
+        "not_found_title": "Bu oda veya alan mevcut değil.",
+        "not_found_title_name": "%(roomName)s mevcut değil.",
+        "peek_join_prompt": "%(roomName)s odasını inceliyorsunuz. Katılmak ister misiniz?",
+        "pinned_message_banner": {
+            "button_close_list": "Listeyi kapat",
+            "button_view_all": "Tümünü görüntüle",
+            "description": "Bu odada sabitlenmiş mesajlar var. Görüntülemek için tıklayın.",
+            "title": "<bold>%(index)s / %(length)s</bold> Sabitlenmiş mesajlar"
+        },
+        "read_topic": "Başlığı okumak için tıklayın",
+        "rejecting": "Davet reddediliyor…",
+        "rejoin_button": "Yeniden katıl",
+        "search": {
+            "all_rooms_button": "Tüm odaları ara",
+            "placeholder": "Mesajları ara…",
+            "summary": {
+                "one": "\"<query/>\" için 1 sonuç bulundu",
+                "other": "\"<query/>\" için %(count)s sonuç bulundu"
+            },
+            "this_room_button": "Bu odayı ara"
+        },
+        "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.",
+            "other": "Bu odanın önceki bir sürümünde %(count)s okunmamış bildiriminiz var."
+        },
+        "upgrade_error_description": "Seçtiğiniz oda sürümünün sunucunuz tarafından desteklenip desteklenmediğini iki kez kontrol edin ve yeniden deneyin.",
+        "upgrade_error_title": "Oda güncellenirken hata",
+        "upgrade_warning_bar": "Bu odayı güncellerseniz bu oda kapanacak ve yerine aynı adlı, güncellenmiş bir oda geçecek.",
+        "upgrade_warning_bar_admins": "Bu uyarıyı sadece oda yöneticileri görür",
+        "upgrade_warning_bar_unstable": "Bu oda, <roomVersion /> oda sürümünü kullanmaktadır ve ana sunucunuz tarafından <i>tutarsız</i> olarak işaretlenmiştir.",
+        "upgrade_warning_bar_upgraded": "Bu oda daha önceden yükseltilmiş.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "%(filename)s ve %(count)s kadarı yükleniyor",
+                "other": "%(filename)s ve %(count)s kadarları yükleniyor"
+            },
+            "uploading_single_file": "%(filename)s yükleniyor"
+        },
+        "waiting_for_join_subtitle": "Davet edilen kullanıcılar %(brand)s'a katıldıktan sonra sohbet edebileceksiniz ve oda uçtan uca şifrelenecek",
+        "waiting_for_join_title": "Kullanıcıların katılması bekleniyor %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Alan ekle",
+        "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ı",
+        "list_title": "Oda listesi",
+        "notification_options": "Bildirim ayarları",
+        "show_less": "Daha az göster"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Kimlerin görüntüleyebileceğine ve katılabileceğine karar verin %(spaceName)s.",
+            "title": "Erişim"
+        },
+        "advanced": {
+            "error_upgrade_description": "Oda güncelleme tamamlanamadı",
+            "error_upgrade_title": "Oda güncelleme başarısız",
+            "information_section_room": "Oda bilgisi",
+            "information_section_space": "Alan bilgisi",
+            "room_id": "Dahili oda kimliği",
+            "room_predecessor": "%(roomName)s'deki eski mesajları görüntüle",
+            "room_upgrade_button": "Bu odayı önerilen oda sürümüne yükselt",
+            "room_upgrade_warning": "<b>Uyarı</b>: bir odayı yükseltmek <i>oda üyelerini odanın yeni sürümüne otomatik olarak taşımayacaktır.</i> Odanın eski sürümünde yeni odaya bir bağlantı yayınlayacağız - oda üyeleri yeni odaya katılmak için bu bağlantıya tıklamak zorunda kalacaklar.",
+            "room_version": "Oda versiyonu:",
+            "room_version_section": "Oda sürümü",
+            "space_predecessor": "%(spaceName)s alanının eski sürümünü görüntüleyin.",
+            "space_upgrade_button": "Bu alanı önerilen oda sürümüne yükselt",
+            "unfederated": "Bu oda uzak Matrix Sunucuları tarafından erişilebilir değil",
+            "upgrade_button": "Bu odayı %(version)s sürümüne yükseltin",
+            "upgrade_dialog_description": "Bu odayı yükseltmek, odanın mevcut örneğini kapatmayı ve yerine yeni bir oda oluşturmayı gerektirir. Oda üyelerine mümkün olan en iyi deneyimi sunmak için şunları yapacağız:",
+            "upgrade_dialog_description_1": "Aynı ad, açıklama ve avatar ile yeni bir oda oluştur",
+            "upgrade_dialog_description_2": "Tüm yerel oda takma adlarını yeni odayı gösterecek şekilde güncelleyin",
+            "upgrade_dialog_description_3": "Kullanıcıların odanın eski sürümünde konuşmasını durdurun ve kullanıcılara yeni odaya geçmelerini öneren bir mesaj gönderin",
+            "upgrade_dialog_description_4": "Kullanıcıların eski mesajları görebilmesi için yeni odanın başına eski odaya bir bağlantı koyun",
+            "upgrade_dialog_title": "Oda Sürümünü Yükselt",
+            "upgrade_dwarning_ialog_title_public": "Genel odayı yükseltin",
+            "upgrade_warning_dialog_description": "Bir odayı yükseltmek ileri seviye bir eylemdir ve genellikle bir oda hatalar, eksik özellikler veya güvenlik açıkları nedeniyle kararsız olduğunda önerilir.",
+            "upgrade_warning_dialog_explainer": "<b>Yükseltmenin odanın yeni bir sürümünü oluşturacağını lütfen unutmayın</b>. Tüm güncel mesajlar bu arşivlenmiş odada kalacaktır.",
+            "upgrade_warning_dialog_footer": "Bu odayı <oldVersion /> versiyonundan <newVersion /> versiyonuna güncelleyeceksiniz.",
+            "upgrade_warning_dialog_invite_label": "Bu odadaki üyeleri otomatik olarak yeni odaya davet et",
+            "upgrade_warning_dialog_report_bug_prompt": "Bu genellikle yalnızca odanın sunucuda nasıl işlendiğini etkiler. %(brand)s ile ilgili sorun yaşıyorsanız, lütfen bir hata bildirin.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Bu genellikle yalnızca odanın sunucuda nasıl işlendiğini etkiler. %(brand)s ile ilgili sorun yaşıyorsanız, lütfen <a>hata bildir</a>.",
+            "upgrade_warning_dialog_title": "Odayı yükselt",
+            "upgrade_warning_dialog_title_private": "Özel oda güncelle"
+        },
+        "alias_not_specified": "Belirtilmemiş",
+        "bridges": {
+            "description": "Bu oda, iletileri sözü edilen platformlara köprülüyor. <a>Daha fazla bilgi için.</a>",
+            "empty": "Bu oda, mesajları herhangi bir platforma köprülemiyor. <a>Daha fazla bilgi edinin.</a>",
+            "title": "Köprüler"
+        },
+        "delete_avatar_label": "Avatarı sil",
+        "general": {
+            "alias_field_has_domain_invalid": "Eksik alan adı ayırıcısı, örneğin (:domain.org)",
+            "alias_field_has_localpart_invalid": "Eksik oda adı veya ayırıcı (ör. (my-room:domain.org)",
+            "alias_field_matches_invalid": "Bu adres bu odayı göstermiyor",
+            "alias_field_placeholder_default": "örn. odam",
+            "alias_field_required_invalid": "Lütfen bir adres belirtin",
+            "alias_field_safe_localpart_invalid": "Bazı karakterlere izin verilmiyor",
+            "alias_field_taken_invalid": "Bu adres geçersiz sunucuya sahip veya zaten kullanımda",
+            "alias_field_taken_invalid_domain": "Bu adres zaten kullanımda",
+            "alias_field_taken_valid": "Bu adres kullanılabilir",
+            "alias_heading": "Oda adresi",
+            "aliases_items_label": "Diğer yayınlanmış adresler:",
+            "aliases_no_items_label": "Henüz yayınlanmış başka adres yok, aşağıdan bir tane ekle",
+            "aliases_section": "Oda Adresleri",
+            "avatar_field_label": "Oda avatarı",
+            "canonical_alias_field_label": "Ana adres",
+            "description_space": "Alanınızla ilgili ayarları düzenleyin.",
+            "error_creating_alias_description": "Adres oluşturulurken hata ile karşılaşıldı. Sunucu tarafından izin verilmemiş yada geçici bir hata olabilir.",
+            "error_creating_alias_title": "Adres oluşturulurken hata",
+            "error_deleting_alias_description": "Adres kaldırılırken bir hata ile karşılaşıldı. Artık mevcut olmayabilir yada geçici bir oluştu.",
+            "error_deleting_alias_description_forbidden": "Bu adresi silmeye yetkiniz yok.",
+            "error_deleting_alias_title": "Adres kaldırılırken hata",
+            "error_publishing": "Oda yayınlanamıyor",
+            "error_publishing_detail": "Bu oda yayınlanırken bir hata oluştu",
+            "error_save_space_settings": "Alan ayarları kaydedilemedi.",
+            "error_updating_alias_description": "Adanın alternatif adresini güncellerken bir hata oluştu. Bu eylem, sunucu tarafından izin verilmemiş olabilir ya da geçici bir sorun oluşmuş olabilir.",
+            "error_updating_canonical_alias_description": "Odanın ana adresini güncellerken bir sorun oluştu. Bu eylem, sunucu tarafından izin verilmemiş olabilir ya da geçici bir sorun oluşmuş olabilir.",
+            "error_updating_canonical_alias_title": "Ana adresi güncellemede hata",
+            "leave_space": "Alandan ayrıl",
+            "local_alias_field_label": "Yerel adres",
+            "local_aliases_explainer_room": "Bu oda için adresleri ayarlayın, böylece kullanıcılar bu odayı ana sunucunuz aracılığıyla bulabilir (%(localDomain)s)",
+            "local_aliases_explainer_space": "Bu alan için adresleri ayarlayın, böylece kullanıcılar bu alanı ana sunucunuz aracılığıyla bulabilir (%(localDomain)s)",
+            "local_aliases_section": "Yerel Adresler",
+            "name_field_label": "Oda Adı",
+            "new_alias_placeholder": "Yeni yayınlanmış adresler (e.g. #alias:server)",
+            "no_aliases_room": "Bu oda hiçbir yerel adrese sahip değil",
+            "no_aliases_space": "Bu alanın yerel adresi yok",
+            "other_section": "Diğer",
+            "publish_toggle": "Bu odayı %(domain)s oda dizininde herkese açık olarak yayınlayın?",
+            "published_aliases_description": "Bir adres yayınlamak için önce yerel adres olarak ayarlanması gerekir.",
+            "published_aliases_explainer_room": "Yayınlanan adresler, herhangi bir sunucudaki herkes tarafından odanıza katılmak için kullanılabilir.",
+            "published_aliases_explainer_space": "Yayınlanan adresler, herhangi bir sunucudaki herkes tarafından alanınıza katılmak için kullanılabilir.",
+            "published_aliases_section": "Yayınlanmış adresler",
+            "save": "Değişiklikleri Kaydet",
+            "topic_field_label": "Oda Başlığı"
+        },
+        "notifications": {
+            "browse_button": "Gözat",
+            "custom_sound_prompt": "Özel bir ses ayarla",
+            "notification_sound": "Bildirim sesi",
+            "settings_link": "<a>Ayarlarınızda</a> ayarlandığı gibi bildirimleri alın",
+            "sounds_section": "Sesler",
+            "upload_sound_label": "Özel ses yükle",
+            "uploaded_sound": "Yüklenen ses"
+        },
+        "people": {
+            "knock_empty": "İstek yok",
+            "knock_section": "Katılma isteği gönderiliyor",
+            "see_less": "Daha az göster",
+            "see_more": "Daha fazla göster"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Bu odadaki bir veya birden fazla kullanıcıya daha fazla ayrıcalık verin",
+            "add_privileged_user_filter_placeholder": "Bu odadaki kullanıcıları ara...",
+            "add_privileged_user_heading": "Ayrıcalıklı kullanıcılar ekle",
+            "ban": "Kullanıcıları yasakla",
+            "ban_reason": "Sebep",
+            "banned_by": "%(displayName)s tarafından yasaklandı",
+            "banned_users_section": "Yasaklanan(Banlanan) Kullanıcılar",
+            "error_changing_pl_description": "Kullanıcının güç düzeyini değiştirirken bir hata oluştu. Yeterli izinlere sahip olduğunuza emin olun ve yeniden deneyin.",
+            "error_changing_pl_reqs_description": "Odanın güç düzeyi gereksinimlerini değiştirirken bir hata ile karşılaşıldı. Yeterince yetkiniz olduğunuzdan emin olup yeniden deyin.",
+            "error_changing_pl_reqs_title": "Güç düzey gereksinimi değiştirmede hata",
+            "error_changing_pl_title": "Güç düzeyi değiştirme hatası",
+            "error_unbanning": "Yasağı kaldırmak başarısız oldu",
+            "events_default": "Mesajları gönder",
+            "invite": "Kullanıcıları davet et",
+            "kick": "Kullanıcıları kaldır",
+            "m.call": "%(brand)s çağrıları başlat",
+            "m.call.member": "%(brand)s çağrılarına katıl",
+            "m.reaction": "Tepki gönder",
+            "m.room.avatar": "Oda resmini değiştir",
+            "m.room.avatar_space": "Alan resmini değiştir",
+            "m.room.canonical_alias": "Oda için ana adresi değiştir",
+            "m.room.canonical_alias_space": "Alanın ana adresini değiştir",
+            "m.room.encryption": "Oda şifrelemeyi aç",
+            "m.room.history_visibility": "Geçmiş görünürlüğünü değiştir",
+            "m.room.name": "Oda adını değiştir",
+            "m.room.name_space": "Alan adını değiştir",
+            "m.room.pinned_events": "Sabitlenmiş etkinlikleri yönet",
+            "m.room.power_levels": "İzinleri değiştir",
+            "m.room.redaction": "Gönderdiğim mesajları sil",
+            "m.room.server_acl": "Sunucu ACL'lerini değiştir",
+            "m.room.tombstone": "Odayı güncelle",
+            "m.room.topic": "Başlığı değiştir",
+            "m.room.topic_space": "Açıklamayı değiştir",
+            "m.space.child": "Bu alandaki odaları yönetin",
+            "m.widget": "Görsel bileşenleri düzenle",
+            "muted_users_section": "Sessizdeki Kullanıcılar",
+            "no_privileged_users": "Bu odada hiçbir kullanıcının belirli ayrıcalıkları yoktur",
+            "notifications.room": "Herkesi bilgilendir",
+            "permissions_section": "İzinler",
+            "permissions_section_description_room": "Odanın çeşitli bölümlerini değişmek için gerekli rolleri seçiniz",
+            "permissions_section_description_space": "Alanın çeşitli bölümlerini değiştirmek için gereken rolleri seçin",
+            "privileged_users_section": "Ayrıcalıklı Kullanıcılar",
+            "redact": "Diğerleri tarafından gönderilen iletileri kaldır",
+            "send_event_type": "%(eventType)s olaylarını gönder",
+            "state_default": "Ayarları değiştir",
+            "title": "Roller & İzinler",
+            "users_default": "Varsayılan rol"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Bir oda için şifreleme bir kez etkinleştirildiğinde geri alınamaz. Şifrelenmiş bir odada gönderilen iletiler yalnızca ve yalnızca odadaki kullanıcılar tarafından görülebilir. Şifrelemeyi etkinleştirmek bir çok bot'un ve köprülemenin doğru çalışmasını etkileyebilir. <a>Şifrelemeyle ilgili daha fazla bilgi edinmek için.</a>",
+            "enable_encryption_confirm_title": "Şifrelemeyi aç?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Herkese açık odalara şifreleme eklemeniz önerilmez. </b> Herkes ortak odaları bulabilir ve bu odalara katılabilir, böylece herkes bu odalardaki mesajları okuyabilir. Şifrelemenin hiçbir avantajından yararlanamazsınız ve daha sonra kapatamazsınız. Herkese açık bir odadaki mesajları şifrelemek, mesaj almayı ve göndermeyi yavaşlatır.",
+            "enable_encryption_public_room_confirm_description_2": "Bu sorunları önlemek için, yapmayı planladığınız görüşme için <a>yeni bir şifreli oda</a> oluşturun.",
+            "enable_encryption_public_room_confirm_title": "Bu herkese açık odaya şifreleme eklemek istediğinizden emin misiniz?",
+            "encrypted_room_public_confirm_description_1": "<b>Şifrelenmiş odaların herkese açık hale getirilmesi önerilmez. </b> Bu, herkesin odayı bulup katılabileceği anlamına gelir, böylece herkes mesajları okuyabilir. Şifrelemenin hiçbir avantajından yararlanamazsınız. Herkese açık bir odadaki mesajları şifrelemek, mesaj almayı ve göndermeyi yavaşlatır.",
+            "encrypted_room_public_confirm_description_2": "Bu sorunlardan kaçınmak için, yapmayı planladığınız konuşma için <a>yeni bir herkese açık oda</a> oluşturun.",
+            "encrypted_room_public_confirm_title": "Bu şifreli odayı herkese açık hale getirmek istediğinizden emin misiniz?",
+            "encryption_forced": "Sunucunuz şifrelemenin devre dışı bırakılmasını gerektiriyor.",
+            "encryption_permanent": "Açıldıktan donra şifreleme kapatılamaz.",
+            "error_join_rule_change_title": "Katılma kuralları güncellenemedi",
+            "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_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.",
+            "history_visibility_world_readable": "Herhangi biri",
+            "join_rule_description": "%(roomName)s kimlerin katılabileceğine karar ver.",
+            "join_rule_invite": "Özel (yalnızca davet)",
+            "join_rule_invite_description": "Yalnızca davet edilen kişiler katılabilir.",
+            "join_rule_knock": "Katılma isteği gönder",
+            "join_rule_knock_description": "Erişim izni verilmedikçe kişiler katılamaz.",
+            "join_rule_public_description": "Herkes bulabilir ve katılabilir.",
+            "join_rule_restricted": "Alan üyeleri",
+            "join_rule_restricted_description": "Alandaki herkes alanı bulabilir ve katılabilir. <a>Hangi alanların erişebileceğini buradan düzenleyin. </a>",
+            "join_rule_restricted_description_active_space": "<spaceName/> alanındaki herkes bulabilir ve katılabilir. Diğer alanları da seçebilirsiniz.",
+            "join_rule_restricted_description_prompt": "Alandaki herkes alanı bulabilir ve katılabilir. Birden fazla alan seçebilirsiniz.",
+            "join_rule_restricted_description_spaces": "Erişimi olan alanlar",
+            "join_rule_restricted_dialog_description": "Bu odaya hangi alanların erişebileceğine karar verin. Bir alan seçilirse, üyeleri <RoomName/> odasını bulabilir ve katılabilir.",
+            "join_rule_restricted_dialog_empty_warning": "Tüm alanları kaldırıyorsunuz. Erişim varsayılan olarak yalnızca davetlilere açık olacak",
+            "join_rule_restricted_dialog_filter_placeholder": "Alanları ara",
+            "join_rule_restricted_dialog_heading_known": "Bildiğiniz diğer alanlar",
+            "join_rule_restricted_dialog_heading_other": "Bilmediğiniz diğer alanlar veya odalar",
+            "join_rule_restricted_dialog_heading_room": "Bu odayı içeren bildiğiniz alanlar",
+            "join_rule_restricted_dialog_heading_space": "Bu alanı içeren bildiğiniz alanlar",
+            "join_rule_restricted_dialog_heading_unknown": "Bunlar büyük olasılıkla diğer oda yöneticilerinin de bir parçası olduğu şeyerdir.",
+            "join_rule_restricted_dialog_title": "Alanları seç",
+            "join_rule_restricted_n_more": {
+                "one": "& %(count)s daha fazla",
+                "other": "& %(count)s daha fazla"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Şu anda bir alanın erişimi var",
+                "other": "Şu anda %(count)s alanın erişimi var"
+            },
+            "join_rule_restricted_upgrade_description": "Bu yükseltme, seçilen alanların üyelerinin davet olmadan bu odaya erişmesine izin verecektir.",
+            "join_rule_restricted_upgrade_warning": "Bu oda, yöneticisi olmadığınız bazı alanlarda bulunuyor. Bu alanlarda eski oda gösterilmeye devam eder, ancak kullanıcılardan yeni odaya katılmaları istenecektir.",
+            "join_rule_upgrade_awaiting_room": "Yeni oda yükleniyor",
+            "join_rule_upgrade_required": "Yükseltme Gerekli",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Davet gönderiliyor...",
+                "other": "Davet gönderiliyor... (%(progress)s / %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Alan güncelleniyor...",
+                "other": "Alanlar güncelleniyor... (%(progress)s / %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Odayı yükselt",
+            "public_without_alias_warning": "Bu odaya bağlamak için lütfen bir adres ekleyin.",
+            "publish_room": "Bu odayı herkese açık oda dizininde görünür yap.",
+            "publish_space": "Bu alanı herkese açık oda dizininde görünür hale getirin.",
+            "strict_encryption": "Şifreli mesajları asla oturumdaki bu odadaki doğrulanmamış oturumlara iletme",
+            "title": "Güvenlik & Gizlilik"
+        },
+        "title": "Oda Ayarları - %(roomName)s",
+        "upload_avatar_label": "Avatar yükle",
+        "visibility": {
+            "alias_section": "Adres",
+            "error_failed_save": "Bu alanın görünürlüğü güncellenemedi",
+            "error_update_guest_access": "Bu alanın misafir erişimi güncellenemedi",
+            "error_update_history_visibility": "Bu alanın geçmiş görünürlüğü güncellenemedi",
+            "guest_access_explainer": "Misafirler bir hesap oluşturmadan bir alana katılabilirler.",
+            "guest_access_label": "Misafir erişimini etkinleştir",
+            "history_visibility_anyone_space": "Alanı önizle",
+            "history_visibility_anyone_space_description": "İnsanların katılmadan önce alanınızı önizlemesine izin verin.",
+            "history_visibility_anyone_space_recommendation": "Herkese açık alanlar için önerilir.",
+            "title": "Görünürlük"
+        },
+        "voip": {
+            "call_type_section": "Çağrı türü",
+            "enable_element_call_caption": "%(brand)s uçtan uca şifrelenmiştir, ancak şu anda daha az sayıda kullanıcıyla sınırlıdır.",
+            "enable_element_call_label": "Bu odada ek bir arama seçeneği olarak %(brand)s seçeneğini etkinleştirin",
+            "enable_element_call_no_permissions_tooltip": "Bunu değiştirmek için yeterli izne sahip değilsiniz."
+        }
+    },
+    "room_summary_card_back_action_label": "Oda bilgisi",
+    "scalar": {
+        "error_create": "Görsel bileşen oluşturulamıyor.",
+        "error_membership": "Bu odada değilsin.",
+        "error_missing_room_id": "roomId eksik.",
+        "error_missing_room_id_request": "İstekte eksik room_id",
+        "error_missing_user_id_request": "İstekte user_id eksik",
+        "error_permission": "Bu odada bunu yapma yetkiniz yok.",
+        "error_power_level_invalid": "Güç seviyesi pozitif tamsayı olmalıdır.",
+        "error_room_not_visible": "%(roomId)s odası görünür değil",
+        "error_room_unknown": "Bu oda tanınmıyor.",
+        "error_send_request": "İstek gönderimi başarısız oldu.",
+        "failed_read_event": "Etkinlikler okunamadı",
+        "failed_send_event": "Etkinlik gönderilemedi"
+    },
+    "server_offline": {
+        "description": "Sunucunuz bazı isteklerinize yanıt vermiyor. Aşağıda en olası nedenlerden bazıları verilmiştir.",
+        "description_1": "Sunucunun (%(serverName)s) yanıt vermesi çok uzun sürdü.",
+        "description_2": "Güvenlik duvarınız veya anti-virüs programınız isteği engelliyor.",
+        "description_3": "Bir tarayıcı uzantısı isteği engelliyor.",
+        "description_4": "Sunucu çevrimdışı.",
+        "description_5": "Sunucu isteğinizi reddetti.",
+        "description_6": "Bölgenizde internete bağlanma sorunları yaşanıyor.",
+        "description_7": "Sunucuyla bağlantı kurmaya çalışırken bir bağlantı hatası oluştu.",
+        "description_8": "Sunucu, sorunun ne olduğunu belirtecek şekilde yapılandırılmamıştır (CORS).",
+        "empty_timeline": "Her şey tamam.",
+        "recent_changes_heading": "Henüz alınmamış son değişiklikler",
+        "title": "Sunucu yanıt vermiyor"
+    },
+    "seshat": {
+        "error_initialising": "Mesaj arama başlatılamadı, daha fazla bilgi için <a>ayarlarınızı</a> kontrol edin",
+        "reset_button": "Etkinlik mağazasını sıfırla",
+        "reset_description": "Çoğunlukla etkinlik dizini mağazanızı sıfırlamak istemezsiniz",
+        "reset_explainer": "Bunu yaparsanız, lütfen mesajlarınızın hiçbirinin silinmeyeceğini, ancak dizin yeniden oluşturulurken arama deneyiminin birkaç dakikalığına bozulabileceğini unutmayın",
+        "reset_title": "Etkinlik mağazasını sıfırla?",
+        "warning_kind_files": "%(brand)s'ın bu sürümü, bazı şifrelenmiş dosyaların görüntülenmesini desteklemez",
+        "warning_kind_files_app": "Tüm şifrelenmiş dosyaları görmek için <a>Masaüstü uygulamasını</a> kullanın",
+        "warning_kind_search": "%(brand)s'ın bu sürümü şifreli mesajların aranmasını desteklemez",
+        "warning_kind_search_app": "Şifrelenmiş mesajları aramak için <a>Masaüstü uygulamasını</a> kullanın"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Erişim anahtarınız, hesabınıza tam erişim sağlar. Kimseyle paylaşmayın.",
+            "brand_version": "%(brand)s versiyon:",
+            "clear_cache_reload": "Belleği temizle ve yeniden yükle",
+            "crypto_version": "Kripto versiyonu:",
+            "dialog_title": "<strong>Ayarlar:</strong> Yardım ve Hakkında",
+            "help_link": "%(brand)s kullanarak yardım etmek için, <a>buraya</a> tıklayın.",
+            "homeserver": "Ana sunucu <code>%(homeserverUrl)s</code>",
+            "identity_server": "Kimlik sunucusu <code>%(identityServerUrl)s</code>",
+            "title": "Yardım & Hakkında",
+            "versions": "Sürümler"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Ayarlar:</strong> Hesap",
+            "title": "Hesap"
+        },
+        "all_rooms_home": "Ana Sayfa'da tüm odaları göster",
+        "all_rooms_home_description": "Bulunduğunuz tüm odalar Ana Sayfa'da görünecek.",
+        "always_show_message_timestamps": "Her zaman mesaj zaman dalgalarını (timestamps) gösterin",
+        "appearance": {
+            "bundled_emoji_font": "Paketlenmiş emoji yazı tipini kullan",
+            "compact_layout": "Kompakt metin ve mesajları göster",
+            "compact_layout_description": "Bu özelliği kullanmak için modern düzen seçilmelidir.",
+            "custom_font": "Bir sistem yazı tipi kullanın",
+            "custom_font_description": "Sisteminizde yüklü bir yazı tipinin adını ayarlayın &%(brand)s onu kullanmaya çalışacaktır.",
+            "custom_font_name": "Sistem yazı tipi adı",
+            "custom_font_size": "Özel boyut kullan",
+            "custom_theme_add": "Özel tema ekle",
+            "custom_theme_downloading": "Özel tema indiriliyor…",
+            "custom_theme_error_downloading": "Tema indirilirken hata oluştu",
+            "custom_theme_help": "Uygulamak istediğiniz özel temanın URL'sini girin.",
+            "custom_theme_invalid": "Geçersiz tema taslağı.",
+            "dialog_title": "<strong>Ayarlar:</strong> Görünüm",
+            "font_size": "Yazı boyutu",
+            "font_size_default": "%(fontSize)s (varsayılan)",
+            "high_contrast": "Yüksek kontrast",
+            "image_size_default": "Varsayılan",
+            "image_size_large": "Büyük",
+            "layout_bubbles": "Mesaj baloncukları",
+            "layout_irc": "IRC (Deneysel)",
+            "match_system_theme": "Sistem temasıyla eşle",
+            "timeline_image_size": "Zaman çizelgesindeki görüntü boyutu"
+        },
+        "automatic_language_detection_syntax_highlight": "Sözdizimi vurgulama için otomatik dil algılamayı etkinleştir",
+        "autoplay_gifs": "GIF'leri otomatik oynat",
+        "autoplay_videos": "Videoları otomatik oynat",
+        "big_emoji": "Sohbette büyük emojileri aç",
+        "code_block_expand_default": "Varsayılan olarak kod bloklarını genişlet",
+        "code_block_line_numbers": "Kod bloklarında satır sayısını göster",
+        "disable_historical_profile": "Mesaj geçmişindeki kullanıcılar için güncel profil resmini ve adını göster",
+        "discovery": {
+            "title": "Sizi nasıl bulabilirim"
+        },
+        "emoji_autocomplete": "Yazarken Emoji önerilerini aç",
+        "enable_markdown": "İşaretlemeyi Etkinleştir",
+        "enable_markdown_description": "Mesajları işaretleme olmadan göndermek için başına <code>/plain</code> ekleyin.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Hesap bilgileriniz, kişileriniz, tercihleriniz ve sohbet listeniz saklanacaktır",
+                "breadcrumb_page": "Şifrelemeyi sıfırla",
+                "breadcrumb_second_description": "Yalnızca sunucuda depolanan mesaj geçmişlerini kaybedeceksiniz",
+                "breadcrumb_third_description": "Mevcut tüm cihazlarınızı ve kişilerinizi tekrar doğrulamanız gerekecek",
+                "breadcrumb_title": "Kimliğinizi sıfırlamak istediğinizden emin misiniz?",
+                "breadcrumb_title_forgot": "Kurtarma anahtarınızı mı unuttunuz? Kimliğinizi sıfırlamanız gerekecek.",
+                "breadcrumb_warning": "Bunu yalnızca hesabınızın tehlikeye girdiğini düşünüyorsanız yapın.",
+                "details_title": "Şifreleme detayları",
+                "do_not_close_warning": "Sıfırlama işlemi bitene kadar bu pencereyi kapatmayın",
+                "export_keys": "Anahtarları dışa aktar",
+                "import_keys": "Anahtarları içe aktar",
+                "other_people_device_description": "Şifrelenmiş odalarda varsayılan olarak, doğrulayana kadar kimseye şifrelenmiş mesajlar göndermeyin",
+                "other_people_device_label": "Doğrulanmamış cihazlara asla şifrelenmiş mesajlar göndermeyin",
+                "other_people_device_title": "Diğer kişilerin cihazları",
+                "reset_identity": "Şifreleme kimliğini sıfırla",
+                "reset_in_progress": "Sıfırlama devam ediyor...",
+                "session_id": "Oturum Kimliği:",
+                "session_key": "Oturum anahtarı:",
+                "title": "Gelişmiş"
+            },
+            "delete_key_storage": {
+                "breadcrumb_page": "Anahtar depolamasını sil",
+                "confirm": "Anahtar depolamasını sil",
+                "description": "Anahtar depolamanın silinmesi kriptografik kimliğinizi ve mesaj anahtarlarınızı sunucudan kaldıracak ve aşağıdaki güvenlik özelliklerini kapatacaktır:",
+                "list_first": "Yeni cihazlarda şifrelenmiş mesaj geçmişine sahip olmayacaksınız",
+                "list_second": "%(brand)s adresinden her yerde oturumunuzu kapatırsanız şifrelenmiş mesajlarınıza erişiminizi kaybedersiniz"
+            },
+            "device_not_verified_button": "Bu cihazı doğrulayın",
+            "device_not_verified_description": "Şifreleme ayarlarınızı görüntülemek için bu cihazı doğrulamanız gerekiyor.",
+            "device_not_verified_title": "Cihaz doğrulanmamış",
+            "dialog_title": "<strong>Ayarlar:</strong> Şifreleme",
+            "recovery": {
+                "change_recovery_confirm_button": "Yeni kurtarma anahtarını onaylayın",
+                "change_recovery_confirm_description": "İşlemi tamamlamak için aşağıya yeni kurtarma anahtarınızı girin. Eski anahtarınız artık çalışmayacak.",
+                "change_recovery_confirm_title": "Yeni kurtarma anahtarınızı girin",
+                "change_recovery_key": "Kurtarma anahtarını değiştir",
+                "change_recovery_key_description": "Bu yeni kurtarma anahtarını güvenli bir yere kaydedin. Ardından değişikliği onaylamak için Devam'a tıklayın.",
+                "change_recovery_key_title": "Kurtarma anahtarını değiştir?",
+                "description": "Mevcut tüm cihazlarınızı kaybettiyseniz, kurtarma anahtarıyla şifreleme kimliğinizi ve mesaj geçmişinizi kurtarın.",
+                "enter_key_error": "Girdiğiniz kurtarma anahtarı doğru değil.",
+                "enter_recovery_key": "Kurtarma anahtarını girin",
+                "forgot_recovery_key": "Kurtarma anahtarınızı mı unuttunuz?",
+                "key_storage_warning": "Anahtar depolama alanınız senkronize değil. Sorunu düzeltmek için aşağıdaki düğmeyi tıklayın.",
+                "save_key_description": "Bunu kimseyle paylaşmayın!",
+                "save_key_title": "Kurtarma anahtarı",
+                "set_up_recovery": "Kurtarmayı ayarlayın",
+                "set_up_recovery_confirm_button": "Kurulumu tamamla",
+                "set_up_recovery_confirm_description": "Kurtarma işlemini tamamlamak için önceki ekranda gösterilen kurtarma anahtarını girin.",
+                "set_up_recovery_confirm_title": "Onaylamak için kurtarma anahtarınızı girin",
+                "set_up_recovery_description": "Anahtar depolama alanınız bir kurtarma anahtarı ile korunur. Kurulumdan sonra yeni bir kurtarma anahtarına ihtiyacınız varsa, '%(changeRecoveryKeyButton)s' seçeneğini seçerek yeniden oluşturabilirsiniz.",
+                "set_up_recovery_save_key_description": "Bu kurtarma anahtarını şifre yöneticisi, şifreli not veya fiziksel kasa gibi güvenli bir yere kaydedin.",
+                "set_up_recovery_save_key_title": "Kurtarma anahtarınızı güvenli bir yere kaydedin",
+                "set_up_recovery_secondary_description": "Devam'a tıkladıktan sonra, sizin için bir kurtarma anahtarı oluşturacağız.",
+                "title": "Kurtarma"
+            },
+            "title": "Şifreleme"
+        },
+        "general": {
+            "account_management_section": "Hesap yönetimi",
+            "account_section": "Hesap",
+            "add_email_dialog_title": "Eposta Adresi Ekle",
+            "add_email_failed_verification": "E-posta adresi doğrulanamadı: E-postadaki bağlantıya tıkladığınızdan emin olun",
+            "add_email_instructions": "Onaylamanız için size e-posta gönderdik. Lütfen yönergeleri takip edin ve sonra aşağıdaki butona tıklayın.",
+            "add_msisdn_confirm_body": "Telefon numarasını eklemeyi kabul etmek için aşağıdaki tuşa tıklayın.",
+            "add_msisdn_confirm_button": "Telefon numarası eklemeyi onayla",
+            "add_msisdn_confirm_sso_button": "Kimliğinizi doğrulamak için Tek Seferlik Oturum Açma özelliğini kullanarak bu telefon numarasını eklemeyi onaylayın.",
+            "add_msisdn_dialog_title": "Telefon Numarası Ekle",
+            "add_msisdn_instructions": "Bir metin mesajı gönderildi: +%(msisdn)s. Lütfen içerdiği doğrulama kodunu girin.",
+            "add_msisdn_misconfigured": "MSISDN akışı ile ekle/bağla yanlış yapılandırılmış",
+            "allow_spellcheck": "Yazım denetimine izin ver",
+            "application_language": "Uygulama dili",
+            "application_language_reload_hint": "Uygulama, başka bir dil seçtikten sonra yeniden yüklenecektir",
+            "avatar_remove_progress": "Görüntü kaldırılıyor...",
+            "avatar_save_progress": "Resim yükleniyor...",
+            "avatar_upload_error_text": "Dosya biçimi desteklenmiyor veya görüntü %(size)s'den büyük.",
+            "avatar_upload_error_text_generic": "Dosya biçimi desteklenmiyor olabilir.",
+            "avatar_upload_error_title": "Avatar resmi yüklenemedi",
+            "confirm_adding_email_body": "E-posta adresini eklemeyi kabul etmek için aşağıdaki tuşa tıklayın.",
+            "confirm_adding_email_title": "E-posta adresini eklemeyi onayla",
+            "deactivate_confirm_body": "Hesabınızı devre dışı bırakmak istediğinizden emin misiniz? Bu geri döndürülemez.",
+            "deactivate_confirm_body_sso": "Kimliğinizi doğrulamak için Tek Oturum Açma'yı kullanarak hesabınızın devre dışı bırakıldığını doğrulayın.",
+            "deactivate_confirm_content": "Hesabınızı devre dışı bırakmak istediğinizi onaylayın. Devam ederseniz:",
+            "deactivate_confirm_content_1": "Hesabınızı yeniden etkinleştiremezsiniz",
+            "deactivate_confirm_content_2": "Artık giriş yapamayacaksınız",
+            "deactivate_confirm_content_3": "Siz de dahil olmak üzere hiç kimse kullanıcı adınızı (MXID) yeniden kullanamayacaktır: bu kullanıcı adı kullanılamaz durumda kalacaktır",
+            "deactivate_confirm_content_4": "Bulunduğunuz tüm odalardan ve DM'lerden ayrılacaksınız",
+            "deactivate_confirm_content_5": "Kimlik sunucusundan kaldırılacaksınız: arkadaşlarınız artık sizi e-posta veya telefon numaranızla bulamayacak",
+            "deactivate_confirm_content_6": "Eski mesajlarınız, geçmişte gönderdiğiniz e-postalar gibi, onları alan kişiler tarafından görülmeye devam eder. Gönderdiğiniz mesajları gelecekte odalara katılacak kişilerden gizlemek ister misiniz?",
+            "deactivate_confirm_continue": "Hesap devre dışı bırakmayı onayla",
+            "deactivate_confirm_erase_label": "Mesajlarımı yeni katılımcılardan gizle",
+            "deactivate_section": "Hesabı Devre Dışı Bırak",
+            "deactivate_warning": "Hesabınızı devre dışı bırakmak kalıcı bir işlemdir - dikkatli olun!",
+            "discovery_email_empty": "Bulunulabilirlik seçenekleri, yukarıya bir e-posta adresi ekleyince ortaya çıkacaktır.",
+            "discovery_email_verification_instructions": "Gelen kutunuzdaki linki doğrulayın",
+            "discovery_msisdn_empty": "Bulunulabilirlik seçenekleri, yukarıya bir telefon numarası ekleyince ortaya çıkacaktır.",
+            "discovery_needs_terms": "Başkaları tarafından e-posta adresi ya da telefon numarası ile bulunabilmek için %(serverName)s kimlik sunucusunun Kullanım Koşullarını kabul edin.",
+            "discovery_needs_terms_title": "İnsanların sizi bulmasına izin verin",
+            "display_name": "Görünen ad",
+            "display_name_error": "Görünen ad ayarlanamıyor",
+            "email_address_in_use": "Bu e-posta adresi zaten kullanımda",
+            "email_address_label": "E-posta Adresi",
+            "email_not_verified": "E-posta adresiniz henüz doğrulanmadı",
+            "email_verification_instructions": "Aldığınız e-postaki bağlantıyı tıklayarak doğrulayın ve sonra tekrar tıklayarak devam edin.",
+            "emails_heading": "E-posta adresleri",
+            "error_add_email": "E-posta adresi eklenemiyor",
+            "error_deactivate_communication": "Sunucu ile iletişimde bir sorun oluştu. Lütfen tekrar deneyin.",
+            "error_deactivate_invalid_auth": "Sunucu geçerli kimlik doğrulama bilgisi döndürmedi.",
+            "error_deactivate_no_auth": "Sunucu herhangi bir kimlik doğrulaması gerektirmedi",
+            "error_email_verification": "E-posta adresi doğrulanamıyor.",
+            "error_invalid_email": "Geçersiz E-posta Adresi",
+            "error_invalid_email_detail": "Bu geçerli bir e-posta adresi olarak gözükmüyor",
+            "error_msisdn_verification": "Telefon numarası doğrulanamıyor.",
+            "error_password_change_403": "Parola değiştirilemedi . Şifreniz doğru mu ?",
+            "error_password_change_http": "%(errorMessage)s (HTTP durumu %(httpStatus)s)",
+            "error_password_change_title": "Şifre değiştirirken hata oluştu",
+            "error_password_change_unknown": "Bilinmeyen şifre değiştirme hatası (%(stringifiedError)s )",
+            "error_remove_3pid": "Kişi bilgileri kaldırılamıyor",
+            "error_revoke_email_discovery": "E-posta adresi paylaşımı kaldırılamadı",
+            "error_revoke_msisdn_discovery": "Telefon numarası paylaşımı kaldırılamıyor",
+            "error_share_email_discovery": "E-posta adresi paylaşılamıyor",
+            "error_share_msisdn_discovery": "Telefon numarası paylaşılamıyor",
+            "identity_server_no_token": "Kimlik erişim belirteci bulunamadı",
+            "identity_server_not_set": "Kimlik sunucusu ayarlanmadı",
+            "language_section": "Dil ve bölge",
+            "msisdn_in_use": "Bu telefon numarası zaten kullanımda",
+            "msisdn_label": "Telefon Numarası",
+            "msisdn_verification_field_label": "Doğrulama kodu",
+            "msisdn_verification_instructions": "Lütfen mesajla gönderilen doğrulama kodunu girin.",
+            "msisdns_heading": "Telefon numaraları",
+            "oidc_manage_button": "Hesabı Yönet",
+            "password_change_section": "Yeni bir hesap şifresi belirleyin…",
+            "password_change_success": "Şifreniz başarıyla değiştirildi.",
+            "personal_info": "Kişisel Bilgiler",
+            "profile_subtitle": "Uygulamadaki diğer kişilere bu şekilde görünürsünüz.",
+            "profile_subtitle_oidc": "Hesabınız bir kimlik sağlayıcı tarafından ayrı olarak yönetilir ve bu nedenle bazı kişisel bilgileriniz burada değiştirilemez.",
+            "remove_email_prompt": "%(email)s sil?",
+            "remove_msisdn_prompt": "%(phone)s sil?",
+            "spell_check_locale_placeholder": "Bir dil seçin",
+            "unable_to_load_emails": "E-posta adresleri yüklenemiyor",
+            "unable_to_load_msisdns": "Telefon numaraları yüklenemiyor",
+            "username": "Kullanıcı Adı"
+        },
+        "inline_url_previews_default": "Varsayılan olarak satır içi URL önizlemeleri aç",
+        "insert_trailing_colon_mentions": "Mesajın başında kullanıcı etiketlerinden sonra iki nokta üst üste ekle",
+        "jump_to_bottom_on_send": "Mesaj gönderdiğinizde zaman çizelgesinin en sonuna atla",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Anahtarlarınız artık bu cihazdan yedekleniyor.",
+                "backup_setup_success_title": "Güvenli Yedekleme başarılı",
+                "cancel_warning": "Şimdi iptal ederseniz, oturum açma bilgilerinize erişiminizi kaybetmeniz durumunda şifrelenmiş mesajlarınızı ve verilerinizi kaybedebilirsiniz.",
+                "confirm_security_phrase": "Güvenlik İfadenizi Onaylayın",
+                "description": "Şifrelenmiş mesajlarınıza ve verilerinize erişiminizi kaybetmemek için şifreleme anahtarlarınızı sunucunuzda yedekleyin.",
+                "download_or_copy": "%(downloadButton)s ya da %(copyButton)s",
+                "enter_phrase_description": "Verilerinizi korumak için kullanıldığından yalnızca sizin bildiğiniz bir Güvenlik İfadesi girin. Güvende olmak için hesap şifrenizi tekrar kullanmamalısınız.",
+                "enter_phrase_title": "Bir Güvenlik İfadesi Girin",
+                "enter_phrase_to_confirm": "Onaylamak için Güvenlik İfadenizi ikinci kez girin.",
+                "generate_security_key_description": "Şifre yöneticisi veya kasa gibi güvenli bir yerde saklamanız için bir Güvenlik Anahtarı oluşturacağız.",
+                "generate_security_key_title": "Güvenlik Anahtarı Oluştur",
+                "pass_phrase_match_failed": "Eşleşmiyor.",
+                "pass_phrase_match_success": "Eşleşti!",
+                "phrase_strong_enough": "Harika! Bu Güvenlik İfadesi yeterince güçlü görünüyor.",
+                "secret_storage_query_failure": "Gizli depolama durumu sorgulanamıyor",
+                "security_key_safety_reminder": "Şifrelenmiş verilerinizi korumak için kullanıldığı için Güvenlik Anahtarınızı bir şifre yöneticisi veya kasa gibi güvenli bir yerde saklayın.",
+                "set_phrase_again": "Tekrar ayarlamak için geri dönün.",
+                "settings_reminder": "Ayrıca Ayarlar'da Güvenli Yedekleme'yi ayarlayabilir ve anahtarlarınızı yönetebilirsiniz.",
+                "title_confirm_phrase": "Güvenlik İfadesini Onayla",
+                "title_save_key": "Güvenlik Anahtarını Kaydet",
+                "title_set_phrase": "Güvenlik İfadesi Ayarla",
+                "unable_to_setup": "Gizli depolama ayarlanamıyor",
+                "use_different_passphrase": "Farklı bir şifre kullan?",
+                "use_phrase_only_you_know": "Yalnızca sizin bildiğiniz gizli bir ifade kullanın ve isteğe bağlı olarak yedekleme için kullanmak üzere bir Güvenlik Anahtarı kaydedin."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Şifreyi onayla",
+            "enter_passphrase": "Parolayı girin",
+            "export_description_1": "Bu işlem şifreli odalarda aldığınız iletilerin anahtarlarını yerel dosyaya vermenizi sağlar . Bundan sonra dosyayı ileride başka bir Matrix istemcisine de aktarabilirsiniz , böylece istemci bu mesajların şifresini çözebilir (decryption).",
+            "export_description_2": "Dışa aktarılan dosya, onu okuyabilen herkesin görebileceğiniz şifreli mesajların şifresini çözmesine izin verir, bu nedenle onu güvende tutmak için dikkatli olmalısınız. Buna yardımcı olmak için, aşağıya yalnızca dışa aktarılan verileri şifrelemek için kullanılacak benzersiz bir şifre girmelisiniz. Verileri yalnızca aynı şifreyi kullanarak içe aktarmak mümkün olacaktır.",
+            "export_title": "Oda anahtarlarını dışa aktar",
+            "file_to_import": "İçe aktarılacak dosya",
+            "import_description_1": "Bu işlem , geçmişte başka Matrix istemcisinden dışa aktardığınız şifreleme anahtarlarınızı içe aktarmanızı sağlar . Böylece diğer istemcinin çözebileceği tüm iletilerin şifresini çözebilirsiniz.",
+            "import_description_2": "Dışa aktarma dosyası bir şifre ile korunacaktır . Dosyanın şifresini çözmek için buraya şifre girmelisiniz.",
+            "import_title": "Oda anahtarlarını içe aktar",
+            "phrase_cannot_be_empty": "Şifrenin boş olmaması gerekir",
+            "phrase_must_match": "Şifrenin eşleşmesi gerekir",
+            "phrase_strong_enough": "Harika! Bu şifre yeterince güçlü görünüyor"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Ayarlar:</strong> Klavye",
+            "title": "Klavye"
+        },
+        "labs": {
+            "dialog_title": "<strong>Ayarlar:</strong> Labs"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Ayarlar:</strong> Yoksayılan Kullanıcılar"
+        },
+        "notifications": {
+            "default_setting_description": "Bu ayar varsayılan olarak tüm odalarınıza uygulanacaktır.",
+            "default_setting_section": "Bildirim almak istiyorum (Varsayılan Ayar)",
+            "desktop_notification_message_preview": "Masaüstü bildiriminde mesaj önizlemesini gösterme",
+            "dialog_title": "<strong>Ayarlar:</strong> Bildirimler",
+            "email_description": "Kaçırılan bildirimlerin e-posta özetini alın",
+            "email_section": "E-posta özeti",
+            "email_select": "Hangi e-postalara özet göndermek istediğinizi seçin. E-postalarınızı <button> Genel olarak yönetin</button>.",
+            "enable_audible_notifications_session": "Bu oturum için sesli bildirimleri etkinleştir",
+            "enable_desktop_notifications_session": "Bu oturum için masaüstü bildirimlerini etkinleştir",
+            "enable_email_notifications": "%(email)s için e-posta bildirimlerini etkinleştirin",
+            "enable_notifications_account": "Bu hesap için bildirimleri etkinleştir",
+            "enable_notifications_account_detail": "Tüm cihazlarınızda ve oturumlarınızda bildirimleri devre dışı bırakmak için kapatın",
+            "enable_notifications_device": "Bu cihaz için bildirimleri etkinleştir",
+            "error_loading": "Bildirim ayarlarınız yüklenirken bir hata oluştu.",
+            "error_permissions_denied": "%(brand)s size bildirim gönderme yetkisine sahip değil - lütfen tarayıcı ayarlarınızı kontrol edin",
+            "error_permissions_missing": "%(brand)s'a bildirim gönderme izni verilmedi - lütfen tekrar deneyin",
+            "error_saving": "Bildirim tercihleri kaydedilirken hata oluştu",
+            "error_saving_detail": "Bildirim tercihlerinizi kaydederken bir hata oluştu.",
+            "error_title": "Bildirimler etkinleştirilemiyor",
+            "error_updating": "Bildirim tercihleriniz güncellenirken bir hata oluştu. Lütfen seçeneği tekrar değiştirmeyi deneyin.",
+            "invites": "Bir odaya davet edildi",
+            "keywords": "Bir odada anahtar kelimeler kullanıldığında bir rozet <badge/> gösterin.",
+            "keywords_prompt": "Anahtar kelimeleri buraya girin veya farklı yazımlar ya da takma adlar için kullanın",
+            "labs_notice_prompt": "<strong>Güncelleme:</strong> Seçeneklerin bulunmasını kolaylaştırmak için Bildirim Ayarlarını basitleştirdik. Geçmişte seçtiğiniz bazı özel ayarlar burada gösterilmese de hâlâ etkindir. Devam ederseniz bazı ayarlarınız değişebilir.<a> Daha fazla bilgi edin</a>",
+            "mentions_keywords": "Bahsetmeler ve Anahtar Kelimeler",
+            "mentions_keywords_only": "Yalnızca Bahsetmeler ve Anahtar Kelimeler",
+            "messages_containing_keywords": "Anahtar kelimeler içeren mesajlar",
+            "noisy": "Gürültülü",
+            "notices": "Botlar tarafından gönderilen mesajlar",
+            "notify_at_room": "Biri @room kullanarak bahsettiğinde bildir",
+            "notify_keyword": "Biri bir anahtar kelime kullandığında bildir",
+            "notify_mention": "Biri @displayname veya %(mxid)s kullanarak bahsettiğinde bildir",
+            "other_section": "İlginizi çekebileceğini düşündüğümüz diğer şeyler:",
+            "people_mentions_keywords": "Kişiler, Bahsedilenler ve Anahtar Kelimeler",
+            "play_sound_for_description": "Varsayılan olarak tüm cihazlardaki tüm odalara uygulanır.",
+            "play_sound_for_section": "Şunun için bir ses çalın",
+            "push_targets": "Bildirim hedefleri",
+            "quick_actions_mark_all_read": "Tüm mesajları okundu olarak işaretle",
+            "quick_actions_reset": "Varsayılan ayarlara sıfırla",
+            "quick_actions_section": "Hızlı Eylemler",
+            "room_activity": "Yeni oda etkinliği, yükseltmeler ve durum mesajları gerçekleşir",
+            "rule_call": "Çağrı daveti",
+            "rule_contains_display_name": "İsmimi içeren mesajlar",
+            "rule_contains_user_name": "Kullanıcı adımı içeren mesajlar",
+            "rule_encrypted": "Grup sohbetlerdeki şifrelenmiş mesajlar",
+            "rule_encrypted_room_one_to_one": "Birebir sohbetlerdeki şifrelenmiş mesajlar",
+            "rule_invite_for_me": "Bir odaya davet edildiğimde",
+            "rule_message": "Grup sohbetlerindeki mesajlar",
+            "rule_room_one_to_one": "Bire bir sohbetlerdeki mesajlar",
+            "rule_roomnotif": "@room odasındaki mesajlar",
+            "rule_suppress_notices": "Bot tarafından gönderilen mesajlar",
+            "rule_tombstone": "Odalar güncellendiğinde",
+            "show_message_desktop_notification": "Masaüstü bildiriminde mesaj göster",
+            "voip": "Sesli ve Görüntülü aramalar"
+        },
+        "preferences": {
+            "Electron.enableHardwareAcceleration": "Donanım hızlandırmayı etkinleştirin (etkili olması için %(appName)s uygulamasını yeniden başlatın)",
+            "always_show_menu_bar": "Pencerenin menü çubuğunu her zaman göster",
+            "autocomplete_delay": "Oto tamamlama gecikmesi (ms)",
+            "code_blocks_heading": "Kod blokları",
+            "compact_modern": "Daha derli toplu 'Modern' düzeni kullan",
+            "composer_heading": "Yazma",
+            "default_timezone": "Tarayıcı varsayılanı (%(timezone)s)",
+            "dialog_title": "<strong>Ayarlar:</strong> Tercihler",
+            "enable_hardware_acceleration": "Donanım hızlandırmayı etkinleştir",
+            "enable_tray_icon": "Tepsi simgesini göster ve kapatıldığında pencereyi simge durumuna küçült",
+            "keyboard_heading": "Klavye kısayolları",
+            "keyboard_view_shortcuts_button": "Tüm klavye kısayollarını görmek için <a>buraya tıklayın</a>.",
+            "media_heading": "Görseller, GIF'ler ve videolar",
+            "presence_description": "Etkinliğinizi ve durumunuzu başkalarıyla paylaşın.",
+            "publish_timezone": "Herkese açık profilde zaman dilimini yayınla",
+            "rm_lifetime": "Okuma İşaretleyici ömrü (ms)",
+            "rm_lifetime_offscreen": "İşaretleyicinin ekran dışı kullanım ömrü (ms)",
+            "room_directory_heading": "Oda dizini",
+            "room_list_heading": "Oda listesi",
+            "show_avatars_pills": "Kullanıcı, oda ve etkinlik bahsetmelerinde avatarları göster",
+            "show_polls_button": "Anketler düğmesini göster",
+            "surround_text": "Özel karakterler yazarken seçili metni çevrele",
+            "time_heading": "Zamanı görüntüle",
+            "user_timezone": "Zaman dilimini ayarla"
+        },
+        "prompt_invite": "Potansiyel olarak geçersiz matrix kimliği olanlara davet gönderirken uyarı ver",
+        "replace_plain_emoji": "Düz metini otomatik olarak emoji ile değiştir",
+        "security": {
+            "analytics_description": "Sorunları belirlememize yardımcı olmak için anonim verileri paylaşın. Kişisel hiçbir şey yok. Üçüncü taraflar yok.",
+            "bulk_options_accept_all_invites": "Bütün %(invitedRooms)s davetlerini kabul et",
+            "bulk_options_reject_all_invites": "Tüm %(invitedRooms)s davetlerini reddet",
+            "bulk_options_section": "Toplu işlem seçenekleri",
+            "dehydrated_device_description": "Çevrimdışı cihaz özelliği, herhangi bir cihazda oturum açmamış olsanız bile şifreli mesajlar almanızı sağlar",
+            "dehydrated_device_enabled": "Çevrimdışı cihaz etkin",
+            "dialog_title": "<strong>Ayarlar:</strong> Güvenlik ve Gizlilik",
+            "e2ee_default_disabled_warning": "Sunucu yönetinciniz varsayılan olarak odalarda ve doğrudandan iletilerde uçtan uca şifrelemeyi kapadı.",
+            "enable_message_search": "Şifrelenmiş odalardaki mesaj aramayı aktifleştir",
+            "encryption_section": "Şifreleme",
+            "ignore_users_empty": "Yok saydığınız kullanıcı yok.",
+            "ignore_users_section": "Yoksayılan kullanıcılar",
+            "key_backup_algorithm": "Algoritma:",
+            "message_search_disable_warning": "Devre dışı bırakılırsa, şifreli odalardaki mesajlar arama sonuçlarında görünmez.",
+            "message_search_disabled": "Arama sonuçlarında gozükmeleri için iletileri güvenli bir şekilde yerel olarak önbelleğe al.",
+            "message_search_enabled": {
+                "one": "İletilerin arama sonuçlarında gözükmeleri için %(rooms)s odasından %(size)s  yardımıyla depolayarak, şifrelenmiş iletileri güvenli bir şekilde yerel olarak önbelleğe al.",
+                "other": "İletilerin arama sonuçlarında gözükmeleri için %(rooms)s odalardan %(size)s yardımıyla depolayarak, şifrelenmiş iletileri güvenli bir şekilde yerel olarak önbelleğe al."
+            },
+            "message_search_failed": "Mesaj arama başlatılamadı",
+            "message_search_indexed_messages": "İndekslenmiş mesajlar:",
+            "message_search_indexed_rooms": "İndekslenmiş odalar:",
+            "message_search_indexing": "Şu anda dizinleniyor: %(currentRoom)s",
+            "message_search_indexing_idle": "Şu an hiç bir odada mesaj indeksleme yapılmıyor.",
+            "message_search_intro": "%(brand)s, şifreli mesajları arama sonuçlarında görünebilmesi için yerel olarak güvenli bir şekilde önbelleğe alıyor.",
+            "message_search_room_progress": "%(totalRooms)s odadan %(doneRooms)s tamamlandı",
+            "message_search_section": "Mesaj arama",
+            "message_search_sleep_time": "Mesajlar ne kadar hızlı indirilmeli.",
+            "message_search_space_used": "Kullanılan alan:",
+            "message_search_unsupported": "%(brand)s, şifrelenmiş iletileri yerel olarak güvenli bir şekilde önbelleğe almak için gereken bazı bileşenlerden yoksun. Bu özelliği denemek istiyorsanız, <nativeLink> arama bileşenlerinin eklendiği</nativeLink> özel bir masaüstü oluşturun.",
+            "message_search_unsupported_web": "%(brand)s internet tarayıcısında çalışıyorken şifrelenmiş mesajları güvenli bir şekilde önbelleğe alamaz. Şifrelenmiş mesajların arama sonucunda görünmesi için <desktopLink>%(brand)s Masaüstü</desktopLink> kullanın.",
+            "record_session_details": "Oturum yöneticisinde oturumları daha kolay tanımak için istemci adı, sürümü ve URL'yi kaydet",
+            "send_analytics": "Analiz verilerini gönder",
+            "strict_encryption": "Bu oturumdan doğrulanmamış oturumlara asla şifreli mesaj göndermeyin"
+        },
+        "send_read_receipts": "Okundu bilgisi gönder",
+        "send_read_receipts_unsupported": "Sunucunuz okundu bilgisi göndermeyi devre dışı bırakmayı desteklemiyor.",
+        "send_typing_notifications": "Yazma bildirimlerini gönder",
+        "sessions": {
+            "best_security_note": "Güvenlik için oturumlarınızı doğrulayın ve tanımadığınız veya artık kullanmadığınız oturumlardan çıkış yapın.",
+            "confirm_sign_out": {
+                "one": "Bu cihazın oturumunu kapatmayı onayla",
+                "other": "Şu cihazlardan oturumu kapatmayı onayla"
+            },
+            "confirm_sign_out_body": {
+                "one": "Bu cihazın oturumunu kapatmak için aşağıdaki butona tıkla.",
+                "other": "Bu cihazların oturumunu kapatmak için aşağıdaki butona tıkla."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Cihazın oturumunu kapat",
+                "other": "Cihazların oturumunu kapat"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Kimliğinizi doğrulamak için Tek Oturum Açma (SSO) özelliğini kullanarak bu cihazdan çıkış yapmayı onaylayın.",
+                "other": "Kimliğinizi doğrulamak için Tek Oturum Açma (SSO) özelliğini kullanarak bu cihazlardan çıkış yapmayı onaylayın."
+            },
+            "current_session": "Şimdiki oturum",
+            "desktop_session": "Masaüstü oturumu",
+            "details_heading": "Oturum detayları",
+            "device_unverified_description": "En iyi güvenlik ve güvenilirlik için bu oturumu doğrulayın veya oturumu kapatın.",
+            "device_unverified_description_current": "Gelişmiş güvenli mesajlaşma için mevcut oturumunuzu doğrulayın.",
+            "device_verified_description": "Bu oturum güvenli mesajlaşma için hazır.",
+            "device_verified_description_current": "Mevcut oturumunuz güvenli mesajlaşmaya hazır.",
+            "dialog_title": "<strong>Ayarlar:</strong> Oturumlar",
+            "error_pusher_state": "İtici durumu ayarlanamadı",
+            "error_set_name": "Oturum adı ayarlanamadı",
+            "filter_all": "Tümü",
+            "filter_inactive": "Aktif değil",
+            "filter_inactive_description": "%(inactiveAgeDays)s gün veya daha uzun süredir aktif değil",
+            "filter_label": "Cihazları filtrele",
+            "filter_unverified_description": "Güvenli mesajlaşma için hazır değil",
+            "filter_verified_description": "Güvenli mesajlaşma için hazır",
+            "hide_details": "Ayrıntıları gizle",
+            "inactive_days": "%(inactiveAgeDays)s+ gündür etkin değil",
+            "inactive_sessions": "Aktif olmayan oturumlar",
+            "inactive_sessions_explainer_1": "Etkin olmayan oturumlar, bir süredir kullanmadığınız, ancak şifreleme anahtarlarını almaya devam eden oturumlardır.",
+            "inactive_sessions_explainer_2": "Etkin olmayan oturumları kaldırmak güvenliği ve performansı artırır ve yeni bir oturumun şüpheli olup olmadığını belirlemenizi kolaylaştırır.",
+            "inactive_sessions_list_description": "Artık kullanmadığınız eski oturumlardan (%(inactiveAgeDays)s gün veya daha eski) oturumu kapatmayı düşünün.",
+            "ip": "IP adresi",
+            "last_activity": "Son etkinlik",
+            "manage": "Bu oturumu yönet",
+            "mobile_session": "Mobil cihaz oturumu",
+            "n_sessions_selected": {
+                "one": "%(count)s oturum seçildi",
+                "other": "%(count)s oturum seçildi"
+            },
+            "no_inactive_sessions": "Aktif olmayan oturum bulunamadı.",
+            "no_sessions": "Oturum bulunamadı.",
+            "no_unverified_sessions": "Doğrulanmamış oturum bulunamadı.",
+            "no_verified_sessions": "Doğrulanmış oturum bulunamadı.",
+            "other_sessions_heading": "Diğer oturumlar",
+            "push_heading": "Anlık bildirimler",
+            "push_subheading": "Bu oturumda anlık bildirimler alın.",
+            "push_toggle": "Bu oturumda anlık bildirimleri aç/kapat.",
+            "rename_form_caption": "Oturum adlarının, iletişim kurduğunuz kişiler tarafından da görülebileceğini lütfen unutmayın.",
+            "rename_form_heading": "Oturumu yeniden adlandır",
+            "rename_form_learn_more": "Oturumları yeniden adlandırma",
+            "rename_form_learn_more_description_1": "Doğrudan mesajlardaki ve katıldığınız odalardaki diğer kullanıcılar, oturumlarınızın tam listesini görebilir.",
+            "rename_form_learn_more_description_2": "Bu, onlara gerçekten sizinle konuştuklarına dair güvence sağlar, ancak aynı zamanda buraya girdiğiniz oturum adını görebilecekleri anlamına gelir.",
+            "security_recommendations": "Güvenlik önerileri",
+            "security_recommendations_description": "Bu önerileri uygulayarak hesap güvenliğinizi artırın.",
+            "session_id": "Oturum ID",
+            "show_details": "Ayrıntıları göster",
+            "sign_in_with_qr": "Yeni cihaz bağla",
+            "sign_in_with_qr_button": "QR Kodunu Göster",
+            "sign_in_with_qr_description": "Başka bir cihazda oturum açmak ve güvenli mesajlaşma ayarlamak için bir QR kodu kullanın.",
+            "sign_in_with_qr_unsupported": "Hesap sağlayıcınız tarafından desteklenmiyor",
+            "sign_out": "Bu oturumdan çıkış yap",
+            "sign_out_all_other_sessions": "Diğer tüm oturumlardan çıkış yap (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "%(count)s oturumdan çıkış yapmak istediğinizden emin misiniz?",
+                "other": "%(count)s oturumdan çıkış yapmak istediğinizden emin misiniz?"
+            },
+            "sign_out_n_sessions": {
+                "one": "%(count)s oturumdan çıkış yap",
+                "other": "%(count)s oturumdan çıkış yap"
+            },
+            "title": "Oturumlar",
+            "unknown_session": "Bilinmeyen oturum türü",
+            "unverified_session": "Doğrulanmamış oturum",
+            "unverified_session_explainer_1": "Bu oturum şifrelemeyi desteklemiyor ve bu nedenle doğrulanamıyor.",
+            "unverified_session_explainer_2": "Bu oturumuda şifrelemenin etkin olduğu odalara katılamazsınız.",
+            "unverified_session_explainer_3": "En iyi güvenlik ve gizlilik için, şifrelemeyi destekleyen Matrix istemcilerinin kullanılması önerilir.",
+            "unverified_sessions": "Doğrulanmamış oturumlar",
+            "unverified_sessions_explainer_1": "Doğrulanmamış oturumlar, kimlik bilgilerinizle giriş yapmış ancak çapraz doğrulaması yapılmamış oturumlardır.",
+            "unverified_sessions_explainer_2": "Hesabınızın yetkisiz kullanımı anlamına gelebileceğinden, bu oturumları tanıdığınızdan özellikle emin olmalısınız.",
+            "unverified_sessions_list_description": "Gelişmiş güvenli mesajlaşma için oturumlarınızı doğrulayın. Artık tanımadığınız ya da kullanmadığınız oturumlardan çıkış yapın.",
+            "url": "URL",
+            "verified_session": "Doğrulanmış oturum",
+            "verified_sessions": "Doğrulanmış oturumlar",
+            "verified_sessions_explainer_1": "Doğrulanmış oturumlar, şifrenizi girdikten veya kimliğinizi başka bir doğrulanmış oturumla onayladıktan sonra bu hesabı kullandığınız her yerdir.",
+            "verified_sessions_explainer_2": "Bu, şifrelenmiş mesajlarınızın kilidini açmak ve diğer kullanıcılara bu oturuma güvendiğinizi onaylamak için gereken tüm anahtarlara sahip olduğunuz anlamına gelir.",
+            "verified_sessions_list_description": "En iyi güvenlik için tanımadığınız veya artık kullanmadığınız tüm oturumlardan çıkış yapın.",
+            "verify_session": "Oturumu doğrula",
+            "web_session": "Ağ üzerinden oturum"
+        },
+        "show_avatar_changes": "Profil resmi değişikliklerini göster",
+        "show_breadcrumbs": "Oda listesinin üzerinde en son kullanılan odaları göster",
+        "show_chat_effects": "Sohbet efektlerini göster (ör. konfeti animasyonları)",
+        "show_displayname_changes": "Görüntü adı değişikliklerini göster",
+        "show_join_leave": "Katılma/ayrılma mesajlarını göster (davetler/çıkarmalar/engellemeler etkilenmez)",
+        "show_message_previews": "Mesaj önizlemelerini göster",
+        "show_nsfw_content": "NSFW içeriği göster",
+        "show_read_receipts": "Diğer kullanıcılar tarafından gönderilen okundu bilgisini göster",
+        "show_redaction_placeholder": "Silinen mesajlar için bir yer tutucu göster",
+        "show_stickers_button": "Çıkartma tuşunu göster",
+        "show_typing_notifications": "Yazma bildirimlerini göster",
+        "showbold": "Oda listesindeki tüm etkinlikleri göster (noktalar veya okunmamış mesaj sayısı)",
+        "sidebar": {
+            "dialog_title": "<strong>Ayarlar:</strong> Kenar çubuğu",
+            "metaspaces_home_all_rooms": "Tüm odaları göster",
+            "metaspaces_home_all_rooms_description": "Bir alana dahil olsalar bile tüm odaları Ana sayfada göster.",
+            "metaspaces_home_description": "Ana sayfa, genel bir bakış sağlamak için faydalıdır.",
+            "metaspaces_orphans": "Bir alana ait olmayan odalar",
+            "metaspaces_orphans_description": "Bir alana ait olmayan tüm odalarınızı tek bir yerde toplayın.",
+            "metaspaces_subsection": "Gösterilecek alanlar",
+            "metaspaces_video_rooms": "Video odaları ve konferanslar",
+            "metaspaces_video_rooms_description": "Tüm özel video odalarını ve konferansları gruplandır.",
+            "metaspaces_video_rooms_description_invite_extension": "Konferanslarda matrix dışındaki kişileri davet edebilirsiniz.",
+            "spaces_explainer": "Alanlar, odaları ve kişileri gruplamanın bir yoludur. İçinde bulunduğunuz alanların yanı sıra, önceden oluşturulmuş bazı alanları da kullanabilirsiniz.",
+            "title": "Kenar çubuğu"
+        },
+        "tac_only_notifications": "Bildirimleri yalnızca mesaj dizisi etkinlik merkezinde göster",
+        "use_12_hour_format": "Zaman damgalarını 12 biçiminde göster (örn. 2:30 pm)",
+        "use_command_enter_send_message": "Mesaj göndermek için Command + Enter tuşlarını kullanın",
+        "use_command_f_search": "Zaman çizelgesinde arama yapmak için Command + F tuşlarını kullanın",
+        "use_control_enter_send_message": "Mesaj göndermek için Ctrl + Enter tuşlarını kullanın",
+        "use_control_f_search": "Zaman çizelgesinde arama yapmak için Ctrl + F tuşlarını kullanın",
+        "voip": {
+            "allow_p2p": "Bire bir aramalarda doğrudan bağlantıya izin ver",
+            "allow_p2p_description": "Etkinleştirildiğinde, karşı taraf IP adresinizi görebilir",
+            "audio_input_empty": "Hiçbir Mikrofon bulunamadı",
+            "audio_output": "Ses Çıkışı",
+            "audio_output_empty": "Ses çıkışları tespit edilemedi",
+            "auto_gain_control": "Otomatik kazanç kontrolü",
+            "dialog_title": "<strong>Ayarlar:</strong> Ses ve Görüntü",
+            "echo_cancellation": "Yankı giderme",
+            "enable_fallback_ice_server": "Yedek arama destek sunucusuna (%(server)s) izin ver",
+            "enable_fallback_ice_server_description": "Yalnızca sunucunuz bunu sağlamıyorsa geçerlidir. Arama sırasında IP adresiniz paylaşılır.",
+            "mirror_local_feed": "Yerel video akışını yansıt",
+            "missing_permissions_prompt": "Medya izinleriniz eksikse, talep etmek için aşağıdaki butona tıklayın.",
+            "noise_suppression": "Gürültü bastırma",
+            "request_permissions": "Medya izinlerini isteyin",
+            "title": "Ses & Video",
+            "video_input_empty": "Hiçbir Web Kamerası algılanmadı",
+            "video_section": "Video ayarları",
+            "voice_agc": "Mikrofon sesini otomatik olarak ayarla",
+            "voice_processing": "Ses işleme",
+            "voice_section": "Ses ayarları"
+        },
+        "warn_quit": "Çıkmadan önce uyar",
+        "warning": "<w>UYARI:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Bağlantı kopyalandı",
+        "permalink_message": "Seçili mesaja bağlantı",
+        "permalink_most_recent": "En son mesaja bağlantı",
+        "share_call": "Konferans davet bağlantısı",
+        "share_call_subtitle": "Harici kullanıcıların Matrix hesabı olmadan çağrıya katılması için bağlantı:",
+        "title_link": "Bağlantıyı paylaş",
+        "title_message": "Oda Mesajını Paylaş",
+        "title_room": "Odayı Paylaş",
+        "title_user": "Kullanıcıyı Paylaş"
+    },
+    "slash_command": {
+        "addwidget": "Odaya URL ile özel bir widget ekler",
+        "addwidget_iframe_missing_src": "iframe'in src özniteliği yok",
+        "addwidget_invalid_protocol": "Lütfen bir https:// ya da http:// olarak bir görsel bileşen URL i belirtin",
+        "addwidget_missing_url": "Lütfen bir widget URL'si veya yerleşik kod girin",
+        "addwidget_no_permissions": "Bu odadaki görsel bileşenleri değiştiremezsiniz.",
+        "ban": "Yasaklanan(Banlanan) Kullanıcılar , ID'leri ile birlikte",
+        "category_actions": "Eylemler",
+        "category_admin": "Yönetici",
+        "category_advanced": "Gelişmiş",
+        "category_effects": "Efektler",
+        "category_messages": "Mesajlar",
+        "category_other": "Diğer",
+        "command_error": "Komut Hatası",
+        "converttodm": "Odayı bir DM'ye dönüştürür",
+        "converttoroom": "DM'yi bir odaya dönüştürür",
+        "could_not_find_room": "Oda bulunamadı",
+        "deop": "ID'leriyle birlikte , düşürülmüş kullanıcılar",
+        "devtools": "Geliştirici Araçları kutucuğunu açar",
+        "discardsession": "Şifrelenmiş bir odadaki geçerli giden grup oturumunun atılmasını zorlar",
+        "error_invalid_rendering_type": "Komut hatası: İşleme türü bulunamıyor (%(renderingType)s)",
+        "error_invalid_room": "Komut başarısız oldu: Oda bulunamıyor (%(roomId)s)",
+        "error_invalid_runfn": "Komut hatası: Eğik çizgi komutu işlenemiyor.",
+        "error_invalid_user_in_room": "Odada kullanıcı bulunamadı",
+        "help": "Komutların listesini kullanımı ve tanımlarıyla gösterir",
+        "help_dialog_title": "Komut Yardımı",
+        "holdcall": "Mevcut odadaki aramayı beklemeye alır",
+        "html": "İletiyi MarkDown olarak göndermek yerine HTML olarak gönderir",
+        "ignore": "Mesajlarını senden gizleyerek, bir kullanıcıyı yok sayar",
+        "ignore_dialog_description": "Şimdi %(userId)s yı yoksayıyorsunuz",
+        "ignore_dialog_title": "Yoksayılan kullanıcı",
+        "invite": "Mevcut odaya verilen kimliği olan kullanıcıyı davet eder",
+        "invite_3pid_needs_is_error": "E-posta ile davet etmek için bir kimlik sunucusu kullan. Ayarlardan Yönet.",
+        "invite_3pid_use_default_is_title": "Bir kimlik sunucusu kullan",
+        "invite_3pid_use_default_is_title_description": "E-posta ile davet etmek için kimlik sunucusu kullan. Varsayılan kimlik sunucusunu (%(defaultIdentityServerName)s) kullanmak için devam edin ya da ayarlardan değiştirin.",
+        "invite_failed": "Kullanıcı (%(user)s) %(roomId)s 'a davet edilemedi ancak davet eden yardımcı programdan herhangi bir hata verilmedi",
+        "join": "Belirtilen adres ile odaya katılır",
+        "jumptodate": "Zaman çizelgesinde belirtilen tarihe atla",
+        "jumptodate_invalid_input": "Verilen tarihi anlayamadık (%(inputDate)s). YYYY-AA-GG formatını kullanmayı deneyin.",
+        "lenny": "Düz metin mesajının başına (͡ ° ͜ʖ ͡ °) ekler",
+        "me": "Eylemi görüntüler",
+        "msg": "Belirtilen kullanıcıya ileti gönderir",
+        "myavatar": "Tüm odalarda profil resminizi değiştirir",
+        "myroomavatar": "Yalnızca bu odadaki profil resminizi değiştirir",
+        "myroomnick": "sadece mevcut odada görüntülenen lakabınızı değiştirir",
+        "nick": "Görünen takma adınızı değiştirir",
+        "no_active_call": "Bu odada aktif arama yok",
+        "op": "Bir kullanıcının güç düzeyini tanımla",
+        "part_unknown_alias": "Tanınmayan oda adresi: %(roomAlias)s",
+        "plain": "Mesajı markdown kullanmadan basit metin olarak iletir",
+        "query": "Belirtilen kullanıcı ile sohbet başlatır",
+        "query_not_found_phone_number": "Telefon numarası için Matrix kimliği bulunamıyor",
+        "rageshake": "Günlükler (log) ile hata raporu gönderin",
+        "rainbow": "Verilen mesajı gökkuşağı renklerinde gönderir",
+        "rainbowme": "Verilen ifadeyi bir gökkuşağı gibi renklendirilmiş olarak gönderin",
+        "remove": "Belirtilen kimliğe sahip kullanıcıyı bu odadan çıkartır",
+        "roomavatar": "Mevcut odadaki avatarınızı değiştirir",
+        "roomname": "Oda adını düzenler",
+        "server_error": "Sunucu Hatası",
+        "server_error_detail": "Sunucu kullanılamıyor , aşırı yüklenmiş veya başka bir şey ters gitmiş olabilir.",
+        "shrug": "Düz-metin mesajına ¯\\_(ツ)_/¯ ifadesi ekler",
+        "spoiler": "Mesajı sürprizbozan olarak gönder",
+        "tableflip": "Düz metin mesajının başına (╯°□°）╯︵ ┻━┻ ekler",
+        "topic": "Oda başlığını getirir yada ayarlar",
+        "topic_none": "Bu odanın başlığı yok.",
+        "topic_room_error": "Oda konusu alınamadı: Oda bulunamadı (%(roomId)s",
+        "unban": "Verilen ID ile kullanıcı yasağını kaldırır",
+        "unflip": "Düz metin mesajının başına ┬──┬ ノ (゜ - ゜ ノ) ekler",
+        "unholdcall": "Mevcut odadaki aramayı beklemeden çıkarır",
+        "unignore": "Sonraki mesajlarını göstererek, bir kullanıcıyı yoksaymaktan vazgeç",
+        "unignore_dialog_description": "%(userId)s artık yoksayılmıyor",
+        "unignore_dialog_title": "Reddedilmemiş kullanıcı",
+        "unknown_command": "Bilinmeyen Komut",
+        "unknown_command_button": "Mesaj olarak gönder",
+        "unknown_command_detail": "Tanınmayan komut: %(commandText)s",
+        "unknown_command_help": "<code>/help</code> yazarak var olan komutları listeleyebilirsiniz. Yoksa bunu bir ileti olarak mı göndermek istemiştiniz?",
+        "unknown_command_hint": "İpucu: İletilerinizi eğik çizgi ile başlatmak için <code>//</code> ile başlayın.",
+        "upgraderoom": "Bir odayı yeni bir versiyona yükseltir",
+        "upgraderoom_permission_error": "Bu komutu kullanmak için gerekli izinlere sahip değilsin.",
+        "usage": "Kullanım",
+        "verify": "Bir kullanıcı, oturum ve açık anahtar çiftini doğrular",
+        "view": "Verilen adresli odayı görüntüle",
+        "whois": "Bir kullanıcı hakkındaki bilgileri görüntüler"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "Bunun yerine yeni bir oda eklemek ister misiniz?",
+            "create_prompt": "Yeni bir oda oluştur",
+            "dm_heading": "Doğrudan Mesajlar",
+            "error_heading": "Seçilenlerin tümü eklenmedi",
+            "progress_text": {
+                "one": "Oda ekleniyor...",
+                "other": "Odalar ekleniyor... %(progress)s / %(count)s"
+            },
+            "space_dropdown_label": "Alan seçimi",
+            "space_dropdown_title": "Mevcut odaları ekle",
+            "subspace_moved_note": "Alan ekleme taşındı."
+        },
+        "add_existing_subspace": {
+            "create_button": "Yeni bir alan oluştur",
+            "create_prompt": "Bunun yerine yeni bir alan eklemek ister misiniz?",
+            "filter_placeholder": "Alanları ara",
+            "space_dropdown_title": "Var olan alanı ekle"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Oda zaman çizelgesine bak (devtools)",
+            "explore": "Odaları keşfet",
+            "home": "Alan ana sayfa",
+            "manage_and_explore": "Odaları yönetin ve keşfedin",
+            "options": "Alan seçenekleri"
+        },
+        "failed_load_rooms": "Oda listesi yüklenemedi.",
+        "failed_remove_rooms": "Bazı odalar kaldırılamadı. Daha sonra tekrar deneyin",
+        "incompatible_server_hierarchy": "Sunucunuz alan hiyerarşilerini göstermeyi desteklemiyor.",
+        "invite": "İnsanları davet et",
+        "invite_description": "E-posta veya kullanıcı adı ile davet et",
+        "invite_link": "Davet bağlantısını paylaş",
+        "joining_space": "Katılınıyor",
+        "landing_welcome": "Hoş geldiniz <name/>",
+        "leave_dialog_action": "Alandan ayrıl",
+        "leave_dialog_description": "<spaceName/> alanından ayrılmak üzeresiniz.",
+        "leave_dialog_only_admin_room_warning": "Ayrılmak istediğiniz bazı odaların veya alanların tek yöneticisi sizsiniz. Onları terk ettiğinizde hiçbir yönetici kalmayacaktır.",
+        "leave_dialog_only_admin_warning": "Bu alanın tek yöneticisi sizsiniz. Burayı terk etmeniz, kimsenin burayı kontrol edemeyeceği anlamına gelir.",
+        "leave_dialog_option_all": "Tüm odalardan çık",
+        "leave_dialog_option_intro": "Bu alandaki odalardan ayılmak ister misiniz?",
+        "leave_dialog_option_none": "Hiçbir odadan ayrılma",
+        "leave_dialog_option_specific": "Bazı odaları terk et",
+        "leave_dialog_public_rejoin_warning": "Yeniden davet edilmediğiniz sürece yeniden katılamazsınız.",
+        "leave_dialog_title": "Ayrıl %(spaceName)s",
+        "mark_suggested": "Önerilen olarak işaretle",
+        "no_search_result_hint": "Farklı bir arama yapmayı veya yazım hatalarını kontrol etmeyi deneyebilirsiniz.",
+        "preferences": {
+            "sections_section": "Gösterilecek bölümler",
+            "show_people_in_space": "Bu, sohbetlerinizi bu alanın üyeleriyle gruplandırır. Bunu kapatmak, bu sohbetleri %(spaceName)s görünümünüzden gizleyecektir."
+        },
+        "room_filter_placeholder": "Oda ara",
+        "search_children": "Ara %(spaceName)s",
+        "search_placeholder": "Adları ve açıklamaları ara",
+        "select_room_below": "Önce aşağıdan bir oda seçin",
+        "share_public": "Herkese açık alanınızı paylaşın",
+        "suggested": "Önerilen",
+        "suggested_tooltip": "Bu oda katılmak için öneriliyor",
+        "title_when_query_available": "Sonuçlar",
+        "title_when_query_unavailable": "Odalar ve alanlar",
+        "unmark_suggested": "Önerilmeyen olarak işaretle",
+        "user_lacks_permission": "İzniniz yok"
+    },
+    "space_settings": {
+        "title": "Ayarlar - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Keşfetmek istediğiniz sunucunun adını girin.",
+            "network_dropdown_add_dialog_placeholder": "Sunucu adı",
+            "network_dropdown_add_dialog_title": "Yeni sunucu ekle",
+            "network_dropdown_add_server_option": "Yeni sunucu ekle...",
+            "network_dropdown_available_invalid": "Sunucuda veya oda listesinde bulunamıyor",
+            "network_dropdown_available_invalid_forbidden": "Bu sunucunun oda listesini görüntülemenize izin verilmiyor",
+            "network_dropdown_available_valid": "İyi görünüyor",
+            "network_dropdown_remove_server_adornment": "Sunucuyu kaldır \"%(roomServer)s\"",
+            "network_dropdown_required_invalid": "Sunucu adı girin",
+            "network_dropdown_selected_label": "Gösteri: Matrix odaları",
+            "network_dropdown_selected_label_instance": "Göster: %(instance)s oda (%(server)s)",
+            "network_dropdown_your_server_description": "Sunucunuz"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Aradığınız kişiyi göremiyorsanız, davet bağlantınızı gönderin.",
+        "cant_find_room_helpful_hint": "Aradığınız odayı bulamıyorsanız, davet isteyin veya yeni bir oda oluşturun.",
+        "copy_link_text": "Davet bağlantısını kopyala",
+        "count_of_members": {
+            "one": "%(count)s Üye",
+            "other": "%(count)s Üye"
+        },
+        "create_new_room_button": "Yeni Oda Oluştur",
+        "failed_querying_public_rooms": "Herkese açık odalar sorgulanamadı",
+        "failed_querying_public_spaces": "Herkese açık alanlar sorgulanamadı",
+        "group_chat_section_title": "Diğer seçenekler",
+        "heading_with_query": "Arama yapmak için \"%(query)s\" kullanın",
+        "heading_without_query": "Ara",
+        "join_button_text": "Katıl %(roomAddress)s",
+        "keyboard_scroll_hint": "Kaydırmak için <arrows/> kullanın",
+        "other_rooms_in_space": "%(spaceName)s alanındaki diğer odalar",
+        "public_rooms_label": "Herkese açık odalar",
+        "public_spaces_label": "Herkese açık alanlar",
+        "recent_searches_section_title": "Son Aramalar",
+        "recently_viewed_section_title": "Son görüntülenenler",
+        "remove_filter": "%(filter)s için arama filtresini kaldır",
+        "result_may_be_hidden_privacy_warning": "Bazı sonuçlar gizlilik için gizlenmiş olabilir",
+        "result_may_be_hidden_warning": "Bazı sonuçlar gizlenmiş olabilir",
+        "search_dialog": "Arama İletişim Kutusu",
+        "spaces_title": "Bulunduğunuz alanlar",
+        "start_group_chat_button": "Grup sohbeti başlat"
+    },
+    "stickers": {
+        "empty": "Açılmış herhangi bir çıkartma paketine sahip değilsiniz",
+        "empty_add_prompt": "Şimdi biraz ekle"
+    },
+    "terms": {
+        "column_document": "Belge",
+        "column_service": "Hizmet",
+        "column_summary": "Özet",
+        "identity_server_no_terms_description_1": "Bu eylem, bir e-posta adresini veya telefon numarasını doğrulamak için varsayılan kimlik sunucusuna <server /> erişilmesini gerektirir, ancak sunucunun herhangi bir hizmet şartı yoktur.",
+        "identity_server_no_terms_description_2": "Sadece sunucunun sahibine güveniyorsanız devam edin.",
+        "identity_server_no_terms_title": "Kimlik sunucusu hizmet kurallarına sahip değil",
+        "inline_intro_text": "Devam etmek için <policyLink /> i kabul ediniz:",
+        "integration_manager": "Botları, köprüleri, görsel bileşenleri ve çıkartma paketlerini kullan",
+        "intro": "Devam etmek için bu servisi kullanma şartlarını kabul etmeniz gerekiyor.",
+        "summary_identity_server_1": "Kişileri telefon yada e-posta ile bul",
+        "summary_identity_server_2": "Telefon veya e-posta ile bulunun",
+        "tac_button": "Hükümler ve koşulları incele",
+        "tac_description": "%(homeserverDomain)s ana sunucusunu kullanmaya devam etmek için hüküm ve koşulları incelemeli ve kabul etmelisiniz.",
+        "tac_title": "Hükümler ve koşullar",
+        "tos": "Hizmet Şartları"
+    },
+    "theme": {
+        "light_high_contrast": "Yüksek ışık kontrastı",
+        "match_system": "Sistemle aynı"
+    },
+    "thread_view_back_action_label": "Konuya geri dön",
+    "threads": {
+        "all_threads": "Tüm mesaj dizileri",
+        "all_threads_description": "Bu odadaki tüm mesaj dizilerini göster",
+        "count_of_reply": {
+            "one": "%(count)s yanıt",
+            "other": "%(count)s yanıt"
+        },
+        "empty_description": "Bir mesajın üzerine geldiğinizde \"%(replyInThread)s\" kullan.",
+        "empty_title": "Mesaj dizileri, konuşmalarınızın konuyla ilgili ve takip edilmesi kolay kalmasına yardımcı olur.",
+        "mark_all_read": "Tümünü okundu olarak işaretle",
+        "my_threads": "Mesaj dizilerim",
+        "my_threads_description": "Katıldığınız tüm mesaj dizilerini gösterir",
+        "open_thread": "Mesaj dizisi aç",
+        "show_thread_filter": "Göster:"
+    },
+    "threads_activity_centre": {
+        "header": "Mesaj dizileri etkinliği",
+        "no_rooms_with_threads_notifs": "Henüz mesaj dizisi bildirimleri olan odalarınız yok.",
+        "no_rooms_with_unread_threads": "Henüz okunmamış mesaj dizilerinin bulunduğu odalarınız yok."
+    },
+    "time": {
+        "date_at_time": "%(date)s e %(time)s",
+        "hours_minutes_seconds_left": "%(hours)sh %(minutes)sm %(seconds)ss kaldı",
+        "left": "%(timeRemaining)s kaldı",
+        "minutes_seconds_left": "%(minutes)sm %(seconds)ss kaldı",
+        "seconds_left": "%(seconds)s saniye kaldı",
+        "short_days": "%(value)sd",
+        "short_days_hours_minutes_seconds": "%(days)sd %(hours)sh %(minutes)sm %(seconds)ss",
+        "short_hours": "%(value)sh",
+        "short_hours_minutes_seconds": "%(hours)sh %(minutes)sm %(seconds)ss",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)sm %(seconds)ss",
+        "short_seconds": "%(value)ss"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Yanıt dizisini daralt",
+            "external_url": "Kaynak URL",
+            "open_in_osm": "OpenStreetMap'te aç",
+            "report": "Şikayet et",
+            "resent_unsent_reactions": "%(unsentCount)s tepki(ler)i yeniden gönder",
+            "show_url_preview": "Önizlemeyi göster",
+            "view_related_event": "İlgili etkinliği görüntüle",
+            "view_source": "Kaynağı görüntüle"
+        },
+        "creation_summary_dm": "%(creator)s bu DM'yi oluşturdu.",
+        "creation_summary_room": "%(creator)s odayı oluşturdu ve yapılandırdı.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Gönderenin doğrulanmış kimliği değişti",
+            "unable_to_decrypt": "Mesaj şifresi çözülemedi"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_downloading": "İndiriliyor",
+        "download_failed": "İndirme başarısız oldu",
+        "download_failed_description": "Bu dosya indirilirken bir hata oluştu",
+        "edits": {
+            "tooltip_label": "%(date)s tarihinde düzenlendi. Düzenlemeleri görmek için tıkla.",
+            "tooltip_sub": "Düzenlemeleri görmek için tıkla",
+            "tooltip_title": "%(date)s tarihinde düzenlendi"
+        },
+        "error_no_renderer": "Bu olay görüntülenemedi",
+        "error_rendering_message": "Bu mesaj yüklenemiyor",
+        "historical_messages_unavailable": "Önceki mesajları göremezsiniz",
+        "in_room_name": " <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s oda düzenini güncelledi",
+        "late_event_separator": "%(dateTime)s gönderildi",
+        "load_error": {
+            "no_permission": "Bu odanın zaman çizelgesinde belirli bir nokta yüklemeye çalışıldı , ama geçerli mesajı görüntülemeye izniniz yok.",
+            "title": "Zaman çizelgesi konumu yüklenemedi",
+            "unable_to_find": "Bu odanın akışında belirli bir noktaya yüklemeye çalışıldı , ancak bulunamadı."
+        },
+        "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"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Canlı konumu görüntüle"
+        },
+        "m.call": {
+            "video_call_ended": "Görüntülü arama sona erdi",
+            "video_call_started": "%(roomName)s odasında görüntülü görüşme başladı.",
+            "video_call_started_text": "%(name)s görüntülü arama başlattı",
+            "video_call_started_unsupported": "%(roomName)s'de görüntülü görüşme başladı. (bu tarayıcı tarafından desteklenmiyor)"
+        },
+        "m.call.hangup": {
+            "dm": "Çağrı sonlandı"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Başka bir yerde yanıtlandı",
+            "call_back_prompt": "Geri ara",
+            "declined": "Çağrı reddedildi",
+            "failed_connect_media": "Medya bağlanamadı",
+            "failed_connection": "Bağlantı başarısız",
+            "failed_opponent_media": "Cihazları kamerayı veya mikrofonu başlatamadı",
+            "missed_call": "Cevapsız çağrı",
+            "no_answer": "Cevap yok",
+            "unknown_error": "Bilinmeyen bir hata oluştu.",
+            "unknown_failure": "Bilinmeyen hata: %(reason)s",
+            "unknown_state": "Çağrı bilinmeyen bir durumda!",
+            "video_call": "%(senderName)s bir görüntülü çağrı yaptı.",
+            "video_call_unsupported": "%(senderName)s bir görüntülü çağrı yaptı. (bu tarayıcı tarafından desteklenmiyor)",
+            "voice_call": "%(senderName)s bir çağrı yaptı.",
+            "voice_call_unsupported": "%(senderName)s bir çağrı başlattı. (Bu tarayıcı tarafından desteklenmiyor)"
+        },
+        "m.file": {
+            "error_decrypting": "Ek şifresini çözme hatası"
+        },
+        "m.image": {
+            "error": "Hata nedeniyle görüntü gösterilemiyor",
+            "error_decrypting": "Resim şifre çözme hatası",
+            "error_downloading": "Görüntü indirilirken hata oluştu",
+            "sent": "%(senderDisplayName)s bir resim gönderdi.",
+            "show_image": "Resim göster"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s doğrulamak istiyor",
+            "you_started": "Doğrulama isteği gönderdiniz"
+        },
+        "m.location": {
+            "full": "%(senderName)s konumunu paylaştı",
+            "location": "Konum paylaştı: ",
+            "self_location": "Konumunu paylaştı: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s oy",
+                "other": "%(count)s oy"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s anketi sonlandırdı"
+        },
+        "m.poll.start": "%(senderName)s bir anket başlattı - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s odanın avatarını değiştirdi.",
+            "lightbox_title": "%(senderDisplayName)s %(roomName)s için avatarı değiştirdi"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s bu odaya alternatif olarak %(addresses)s adreslerini ekledi.",
+                "one": "%(senderName)s bu oda için alternatif adres %(addresses)s ekledi."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s bu oda için alternatif adresleri %(addresses)s sildi.",
+                "one": "%(senderName)s bu oda için alternatif adresi %(addresses)s sildi."
+            },
+            "changed": "Bu oda adresleri %(senderName)s tarafından değiştirildi.",
+            "changed_alternative": "Bu oda için alternatif adresler %(senderName)s tarafından değiştirildi.",
+            "changed_main_and_alternative": "Bu oda için ana ve alternatif adresler %(senderName)s tarafından değiştirildi.",
+            "removed": "Bu oda için ana adresi silen %(senderName)s.",
+            "set": "%(senderName)s bu odanın ana adresini %(address)s olarak ayarladı."
+        },
+        "m.room.create": {
+            "continuation": "Bu oda başka bir görüşmenin devamıdır.",
+            "see_older_messages": "Daha eski mesajları görmek için buraya tıklayın.",
+            "unknown_predecessor": "Bu odanın eski sürümünü bulamıyoruz (oda kimliği: %(roomId)s) ve aramak için bize 'via_servers' sağlanmadı.",
+            "unknown_predecessor_guess_server": "Bu odanın eski sürümünü bulamıyoruz (oda kimliği: %(roomId)s) ve bu sürümü aramamız için bize 'via_servers' sağlanmadı. Oda kimliğinden sunucuyu tahmin etmenin işe yaraması mümkün. Denemek isterseniz, bu bağlantıya tıklayın:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s misafirlerin odaya katılmasına izin verdi.",
+            "forbidden": "Odaya misafirlerin girişini engelleyen %(senderDisplayName)s.",
+            "unknown": "%(senderDisplayName)s misafir erişim kuralını %(rule)s şeklinde değiştirdi"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s gelecekte oda geçmişini görünür yaptı Tüm oda üyeleri , davet edildiği noktadan.",
+            "joined": "%(senderName)s gelecekte oda geçmişini görünür yaptı Tüm oda üyeleri , katıldıkları noktalardan.",
+            "shared": "%(senderName)s gelecekte oda geçmişini görünür yaptı Tüm oda üyeleri.",
+            "unknown": "%(senderName)s gelecekte oda geçmişini görünür yaptı bilinmeyen (%(visibility)s).",
+            "world_readable": "%(senderName)s gelecekte oda geçmişini görünür yaptı herhangi biri."
+        },
+        "m.room.join_rules": {
+            "invite": "Odayı sadece davetle yapan %(senderDisplayName)s.",
+            "knock": "%(senderDisplayName)s katılmayı istemek için katılma kuralını değiştirdi.",
+            "public": "%(senderDisplayName)s odayı adresi bilen herkesin girebileceği şekilde halka açık hale getirdi.",
+            "restricted": "%(senderDisplayName)s Bu odaya kimlerin katılabileceği değiştirdi",
+            "restricted_settings": "%(senderDisplayName)s Bu odaya kimlerin katılabileceği değiştirdi.<a>Ayarları görüntüle</a> .",
+            "unknown": "%(senderDisplayName)s katılma kuralını %(rule)s şeklinde değiştirdi"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s, %(displayName)s kişisinin davetini kabul etti",
+            "accepted_invite": "%(targetName)s daveti kabul etti",
+            "ban": "%(senderName)s %(targetName)s kullanıcısını yasakladı: %(reason)s",
+            "ban_reason": "%(senderName)s %(targetName) kullanıcısını yasakladı: %(reason)s",
+            "change_avatar": "%(senderName)s profil resmini değiştirdi",
+            "change_name": "%(oldDisplayName)s görünür adını %(displayName)s yaptı",
+            "change_name_avatar": "%(oldDisplayName)s görüntülenen adını ve profil resmini değiştirdi",
+            "invite": "%(targetName)s kullanıcılarını %(senderName)s davet etti",
+            "join": "%(targetName)s odaya katıldı",
+            "kick": "%(senderName)s kaldırıldı %(targetName)s",
+            "kick_reason": "%(senderName)s kaldırıldı %(targetName)s :%(reason)s",
+            "left": "%(targetName)s odadan çıktı",
+            "left_reason": "%(targetName)s odadan çıktı: %(reason)s",
+            "no_change": "%(senderName)s hiçbir değişiklik yapmadı",
+            "reject_invite": "%(targetName)s daveti geri çevirdi",
+            "reject_invite_reason": "%(targetName)s daveti reddetti: %(reason)s",
+            "remove_avatar": "%(senderName)s profil resmini kaldırdı",
+            "remove_name": "%(senderName)s, %(oldDisplayName)s görünür adını kaldırdı",
+            "set_avatar": "%(senderName)s profil resmi belirledi",
+            "set_name": "%(senderName)s görünür adını %(displayName)s yaptı",
+            "unban": "%(targetName) tarafından %(senderName)s yasakları kaldırıldı",
+            "withdrew_invite": "%(senderName)s, %(targetName)s kullanıcısının davetini geri çekti",
+            "withdrew_invite_reason": "%(senderName)s,%(targetName)s kullanıcısının davetini geri çekti: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s oda ismini %(oldRoomName)s bununla değiştirdi %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s oda adını kaldırdı.",
+            "set": "%(senderDisplayName)s odanın ismini %(roomName)s olarak değiştirdi."
+        },
+        "m.room.pinned_events": {
+            "changed": "Oda için sabitlenmiş mesajları %(senderName)s değiştirdi.",
+            "changed_link": "%(senderName)s odadaki <a>ileti sabitlemelerini</a> değiştirdi.",
+            "pinned": "%(senderName)s bu odaya bir mesaj sabitledi, Bütün sabitlenmiş mesajları görün.",
+            "pinned_link": "%(senderName)s bu odaya<a> sabitlenmiş bir mesaj</a>gönderildi. Hepsini gör<b> sabitlenmiş mesajlar</b> .",
+            "unpinned": "%(senderName)s Bu odadan bir mesajın sabitlemesini kaldırdı. Bütün sabitlenmiş mesajları görün.",
+            "unpinned_link": "%(senderName)s bu odadan bir <a>mesajın</a> sabitlenmesini kaldırdı. Tüm <b>sabitlenmiş mesajları gör</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s %(powerLevelDiffText)s'nin güç düzeyini değiştirdi.",
+            "user_from_to": "%(userId)s %(fromPowerLevel)s den %(toPowerLevel)s ' ye"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s, %(targetDisplayName)s'nin odaya katılması için daveti iptal etti.",
+            "sent": "%(senderName)s %(targetDisplayName)s' a odaya katılması için bir davet gönderdi."
+        },
+        "m.room.tombstone": "Odayı güncelleyen %(senderDisplayName)s.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s konuyu \"%(topic)s\" olarak değiştirdi.",
+            "removed": "%(senderDisplayName)s konuyu kaldırdı."
+        },
+        "m.sticker": "%(senderDisplayName)s bir çıkartma gönderdi.",
+        "m.video": {
+            "error_decrypting": "Video şifre çözme hatası"
+        },
+        "m.widget": {
+            "added": "%(widgetName)s görsel bileşeni %(senderName)s tarafından eklendi",
+            "jitsi_ended": "Video konferans %(senderName)s tarafından sonlandırıldı",
+            "jitsi_join_right_prompt": "Sağdaki oda bilgi kartından konferansa katılın",
+            "jitsi_join_top_prompt": "Bu odanın tepesindeki konferansa katılın",
+            "jitsi_started": "Video konferans %(senderName)s tarafından başlatıldı",
+            "jitsi_updated": "Video konferans %(senderName)s tarafından güncellendi",
+            "modified": "%(widgetName)s görsel bileşeni %(senderName)s tarafından düzenlendi",
+            "removed": "%(widgetName)s görsel bileşeni %(senderName)s tarafından silindi"
+        },
+        "mab": {
+            "copy_link_thread": "Bağlantıyı konuya kopyala",
+            "view_in_room": "Odada görüntüle"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s %(oldGlob)s ile eşleşen banlama kuralını %(newGlob)s ile eşleşen olarak değiştirdi sebebi %(reason)s",
+            "changed_rule_rooms": "%(senderName)s %(oldGlob)s ile eşleşen odaları banlama kuralını %(newGlob)s ile eşleşen olarak değiştirdi sebebi %(reason)s",
+            "changed_rule_servers": "%(senderName)s %(oldGlob)s ile eşleşen sunucuları banlama kuralını %(newGlob)s ile eşleşen olarak değiştirdi sebebi %(reason)s",
+            "changed_rule_users": "%(senderName)s %(oldGlob)s ile eşleşen kullanıcıları banlama kuralını %(newGlob)s ile eşleşen olarak değiştirdi sebebi %(reason)s",
+            "created_rule": "%(senderName)s, %(reason)s nedeniyle %(glob)s ile eşleşen bir yasak kuralı oluşturdu",
+            "created_rule_rooms": "%(senderName)s, %(reason)s nedeniyle %(glob)s ile eşleşen bir oda yasaklama kuralı oluşturdu",
+            "created_rule_servers": "%(senderName)s, %(reason)s nedeniyle %(glob)s ile eşleşen bir sunucular yasaklama kuralı oluşturdu",
+            "created_rule_users": "%(senderName)s, %(reason)s nedeniyle %(glob)s ile eşleşen kullanıcıları yasaklama kuralı oluşturdu",
+            "removed_rule": "%(senderName)s %(glob)s ile eşleşen banlama kuralını kaldırdı",
+            "removed_rule_rooms": "%(senderName)s %(glob)s ile eşleşen odaları banlama kuralını kaldırdı",
+            "removed_rule_servers": "%(senderName)s %(glob)s ile eşleşen sunucuları banlama kuralını kaldırdı",
+            "removed_rule_users": "%(senderName)s %(glob)s ile eşleşen kullanıcıları banlama kuralını kaldırdı",
+            "updated_invalid_rule": "%(senderName)s bir geçersiz yasaklama kuralını güncelledi",
+            "updated_rule": "%(senderName)s, %(reason)s nedeniyle %(glob)s ile eşleşen yasaklama kuralını güncelledi",
+            "updated_rule_rooms": "%(senderName)s %(glob)s ile eşleşen odaları banlama kuralını bu sebepten dolayı güncelledi %(reason)s",
+            "updated_rule_servers": "%(senderName)s %(glob)s ile eşleşen sunucuları banlama kuralını bu sebepten dolayı güncelledi %(reason)s",
+            "updated_rule_users": "%(senderName)s %(glob)s ile eşleşen kullanıcıları banlama kuralını bu sebepten dolayı güncelledi %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Davet edilmeden önceki mesajları görüntüleme izniniz yok.",
+        "no_permission_messages_before_join": "Katılmadan önceki mesajları görüntüleme izniniz yok.",
+        "pending_moderation": "Moderasyon bekleyen mesaj",
+        "pending_moderation_reason": "Moderasyon bekleyen mesaj: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Tepki Ekle",
+            "custom_reaction_fallback_label": "Özel tepki",
+            "label": "%(reactors)s, %(content)s ile tepki verdi",
+            "tooltip_caption": "%(shortName)s tepki verdi"
+        },
+        "read_receipt_title": {
+            "one": "%(count)s kişi tarafından görüldü",
+            "other": "%(count)s kişi tarafından görüldü"
+        },
+        "read_receipts_label": "Okundu bilgisi",
+        "redacted": {
+            "tooltip": "Mesaj %(date)s tarihinde silindi"
+        },
+        "redaction": "Mesaj %(name)s tarafından silindi",
+        "reply": {
+            "error_loading": "Yanıtlanan etkinlik yüklenemedi, etkinlik mevcut değil veya görüntüleme yetkiniz yok.",
+            "in_reply_to": "<a>Cevap olarak</a> <pill>",
+            "in_reply_to_for_export": "<a>bu mesaja</a> yanıt olarak"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Hesabınızı %(integrationsUrl)s ile kullanmak üzere doğrulayabilmeniz için üçüncü taraf bir siteye götürülmek üzeresiniz. Devam etmek istiyor musunuz ?",
+            "dialog_title": "Entegrasyon ekleyin"
+        },
+        "self_redaction": "Mesaj silindi",
+        "send_state_encrypting": "Mesajınız şifreleniyor...",
+        "send_state_failed": "Gönderilemedi",
+        "send_state_sending": "Mesajınız gönderiliyor...",
+        "send_state_sent": "Mesajınız gönderildi",
+        "summary": {
+            "banned": {
+                "other": "%(count)s kez yasaklandı",
+                "one": "yasaklandı"
+            },
+            "banned_multiple": {
+                "other": "%(count)s kez yasaklandı",
+                "one": "yasaklandı"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)s profil resmini değiştirdi",
+                "other": "%(oneUser)s profil resmini %(count)s kez değiştirdi"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)s profil resmini değiştirdi",
+                "other": "%(severalUsers)s profil resmini %(count)s kez değiştirdi"
+            },
+            "changed_name": {
+                "one": "%(oneUser)s ismini değiştirdi",
+                "other": "%(oneUser)s ismini %(count)s kez değiştirdi"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)s isimlerini değiştrtiler",
+                "other": "%(severalUsers)s kullanıcıları isimlerini %(count)s kez değiştirdiler"
+            },
+            "format": "%(nameList)s%(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)s gizli bir mesaj gönderdi",
+                "other": "%(oneUser)s, %(count)s gizli mesaj gönderdi"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)s gizli bir mesaj gönderdi",
+                "other": "%(severalUsers)s, %(count)s gizli mesaj gönderdi"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)s davetini %(count)s kez geri çekti",
+                "one": "%(oneUser)s davetini geri çekti"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)s davetlerini geri çekti"
+            },
+            "invited": {
+                "other": "%(count)s kez davet edildi",
+                "one": "davet edildi"
+            },
+            "invited_multiple": {
+                "other": "%(count)s kez davet edildi",
+                "one": "davet edildi"
+            },
+            "joined": {
+                "other": "%(oneUser)s %(count)s kez katıldı",
+                "one": "%(oneUser)s katıldı"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)s katıldı ve ayrıldı",
+                "other": "%(oneUser)s %(count)s kez katıldı ve ayrıldı"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)s katıldı ve ayrıldı",
+                "other": "%(severalUsers)s %(count)s kez katılıp ve ayrıldı"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s %(count)s kez katıldı",
+                "one": "%(severalUsers)s katıldı"
+            },
+            "kicked": {
+                "one": "atıldı",
+                "other": "%(count)s kez atıldı"
+            },
+            "kicked_multiple": {
+                "one": "atıldı",
+                "other": "%(count)s kez atıldı"
+            },
+            "left": {
+                "one": "%(oneUser)s ayrıldı",
+                "other": "%(oneUser)s %(count)s kez ayrıldı"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)s kullanıcı ayrıldı",
+                "other": "%(severalUsers)s, %(count)s kez ayrıldı"
+            },
+            "no_change": {
+                "other": "%(oneUser)s %(count)s kez değişiklik yapmadı",
+                "one": "%(oneUser)s değişiklik yapmadı"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)s değişiklik yapmadı",
+                "other": "%(severalUsers)s %(count)s kez hiç bir değişiklik yapmadı"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)s odanın <a>sabitlenmiş mesajlarını</a> değiştirdi",
+                "other": "%(oneUser)s odanın <a>sabitlenmiş mesajlarını</a> %(count)s kez değiştirdi"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s odanın <a>sabitlenmiş mesajlarını</a> değiştirdi",
+                "other": "%(severalUsers)s odanın <a>sabitlenmiş mesajlarını</a> %(count)s kez değiştirdi"
+            },
+            "redacted": {
+                "one": "%(oneUser)s bir mesajı sildi",
+                "other": "%(oneUser)s, %(count)s mesaj sildi"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s bir mesajı sildi",
+                "other": "%(severalUsers)s, %(count)s mesaj sildi"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)s davetlerini reddetti"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s %(count)s kez davetlerini reddetti",
+                "one": "%(severalUsers)s davetlerini reddetti"
+            },
+            "rejoined": {
+                "one": "%(oneUser)s ayrıldı ve yeniden katıldı"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)s ayrıldı ve yeniden katıldı"
+            },
+            "unbanned": {
+                "other": "%(count)s kez yasak kaldırıldı",
+                "one": "yasak kaldırıldı"
+            },
+            "unbanned_multiple": {
+                "other": "%(count)s kez yasak kaldırıldı",
+                "one": "yasak kaldırıldı"
+            }
+        },
+        "thread_info_basic": "Bir konudan",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s ve bir diğeri yazıyor…",
+                "other": "%(names)s ve diğer %(count)s kişi yazıyor…"
+            },
+            "one_user": "%(displayName)s yazıyor…",
+            "two_users": "%(names)s ve %(lastPerson)s yazıyor…"
+        },
+        "undecryptable_tooltip": "Bu mesajın şifresi çözülemedi"
+    },
+    "truncated_list_n_more": {
+        "other": "ve %(count)s kez daha..."
+    },
+    "unsupported_browser": {
+        "description": "Devam ederseniz, bazı özellikler çalışmayı durdurabilir ve gelecekte veri kaybetme riskiniz vardır. %(brand)s kullanmaya devam etmek için tarayıcınızı güncelleyin.",
+        "title": "%(brand)s bu tarayıcıyı desteklemiyor"
+    },
+    "unsupported_server_description": "Bu sunucu Matrix'in eski bir sürümünü kullanıyor. %(brand)s hatasız kullanmak için Matrix'i %(version)s yükseltin.",
+    "unsupported_server_title": "Sunucunuz desteklenmiyor",
+    "update": {
+        "changelog": "Değişiklikler",
+        "check_action": "Güncelleme kontrolü",
+        "checking": "Güncelleme kontrol ediliyor...",
+        "downloading": "Güncelleme indiriliyor...",
+        "error_encountered": "Hata oluştu (%(errorDetail)s).",
+        "error_unable_load_commit": "İşleme ayrıntısı yüklenemedi: %(msg)s",
+        "new_version_available": "Yeni sürüm mevcut: <a> Şimdi güncelle.</a>",
+        "no_update": "Güncelleme yok.",
+        "release_notes_toast_title": "Yenilikler",
+        "see_changes_button": "Neler yeni?",
+        "toast_description": "%(brand)s 'in yeni versiyonu hazır",
+        "toast_title": "%(brand)s 'i güncelle",
+        "unavailable": "Kullanım dışı"
+    },
+    "update_room_access_modal": {
+        "description": "Paylaşım bağlantısı oluşturmak için, misafirlerin bu odaya katılmasına izin vermeniz gerekir. Bu, odayı daha az güvenli hale getirebilir. Aramayı bitirdiğinizde, odayı tekrar özel yapabilirsiniz.",
+        "dont_change_description": "Alternatif olarak görüşmeyi ayrı bir odada da yapabilirsiniz.",
+        "no_change": "Erişim düzeyini değiştirmek istemiyorum.",
+        "title": "Oda erişim seviyesini değiştir"
+    },
+    "upload_failed_generic": "%(fileName)s dosyası için yükleme başarısız.",
+    "upload_failed_size": "%(fileName)s dosyası anasunucunun yükleme boyutu limitini aşıyor",
+    "upload_failed_title": "Yükleme Başarısız",
+    "upload_file": {
+        "cancel_all_button": "Tümünü iptal et",
+        "error_file_too_large": "Bu dosya yüklemek için <b>çok büyük</b>. Dosya boyutu sınırı %(limit)s ancak bu dosya %(sizeOfThisFile)s.",
+        "error_files_too_large": "Bu dosyalar yükleme için <b>çok büyük</b>. Dosya boyut limiti %(limit)s.",
+        "error_some_files_too_large": "Bazı dosyalar yükleme için <b>çok büyük</b>. Dosya boyutu limiti %(limit)s.",
+        "error_title": "Yükleme Hatası",
+        "not_image": "Seçtiğiniz dosya geçerli bir resim dosyası değil.",
+        "title": "Dosyaları yükle",
+        "title_progress": "Dosyaları yükle (%(current)s / %(total)s)",
+        "upload_all_button": "Hepsini yükle",
+        "upload_n_others_button": {
+            "other": "%(count)s diğer dosyaları yükle",
+            "one": "%(count)s dosyayı sağla"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Admin Araçları",
+        "ban_button_room": "Odadan yasakla",
+        "ban_button_space": "Alandan yasakla",
+        "ban_room_confirm_title": "%(roomName)s odasından yasakla",
+        "ban_space_everything": "Yasaklayabileceğim her yerden yasakla",
+        "ban_space_specific": "Yasaklayabileceğim her yerden yasakla",
+        "deactivate_confirm_action": "Kullanıcıyı pasifleştir",
+        "deactivate_confirm_description": "Bu kullanıcı etkisizleştirmek onu bir daha oturum açmasını engeller.Ek olarak da bulundukları bütün odalardan atılırlar. Bu eylem geri dönüştürülebilir. Bu kullanıcıyı etkisizleştirmek istediğinize emin misiniz?",
+        "deactivate_confirm_title": "Kullanıcı devre dışı bırakılsın mı?",
+        "demote_button": "Rütbe Düşür",
+        "demote_self_confirm_description_space": "Rütbenizi düşürdüğünüz için bu değişikliği geri alamazsınız, eğer alandaki son ayrıcalıklı kullanıcı sizseniz ayrıcalıkları yeniden kazanmanız mümkün olmayacaktır.",
+        "demote_self_confirm_room": "Rütbenizi düşürdüğünüz için bu değişikliği geri alamazsınız, eğer odadaki son ayrıcalıklı kullanıcı sizseniz ayrıcalıkları yeniden kazanmanız mümkün olmayacaktır.",
+        "demote_self_confirm_title": "Rütbeni düşür?",
+        "disinvite_button_room": "Odaya daveti iptal et",
+        "disinvite_button_room_name": "%(roomName)s odasına daveti iptal et",
+        "disinvite_button_space": "Alan davetini iptal et",
+        "error_ban_user": "Kullanıcı yasaklanamadı",
+        "error_deactivate": "Kullanıcı devre dışı bırakılamadı",
+        "error_kicking_user": "Kullanıcı çıkarılamadı",
+        "error_mute_user": "Kullanıcı sessize alınamadı",
+        "error_revoke_3pid_invite_description": "Davet geri çekilemiyor. Sunucu geçici bir problem yaşıyor olabilir yada daveti geri çekmek için gerekli izinlere sahip değilsin.",
+        "error_revoke_3pid_invite_title": "Daveti iptal etme başarısız oldu",
+        "ignore_button": "Görmezden gel",
+        "ignore_confirm_description": "Bu kullanıcıdan gelen tüm mesajlar ve davetler gizlenecek. Bunları görmezden gelmek istediğinizden emin misiniz?",
+        "ignore_confirm_title": "Görmezden gel %(user)s",
+        "invited_by": "%(sender)s tarafından davet edildi",
+        "jump_to_rr_button": "Okundu bilgisine atla",
+        "kick_button_room": "Odadan çıkar",
+        "kick_button_room_name": "%(roomName)s odasından çıkar",
+        "kick_button_space": "Alandan kaldır",
+        "kick_button_space_everything": "Çıkarabileceğim her yerden çıkar",
+        "kick_space_specific": "Çıkarabileceğim belirli yerlerden çıkar",
+        "kick_space_warning": "Yöneticisi olmadığınız her şeye yine erişebilecekler.",
+        "promote_warning": "Kullanıcıyı sizinle aynı güç seviyesine yükseltirken , bu değişikliği geri alamazsınız.",
+        "redact": {
+            "confirm_button": {
+                "other": "%(count)s mesajı sil",
+                "one": "1 mesajı sil"
+            },
+            "confirm_description_1": {
+                "one": "%(user)s kullanıcısının %(count)s mesajını kaldırmak üzeresiniz. Bu, konuşmadaki herkes için mesajları kaldıracaktır. Devam etmek istiyor musunuz?",
+                "other": "%(user)s kullanıcısının %(count)s mesajını kaldırmak üzeresiniz. Bu, konuşmadaki herkes için mesajları kaldıracaktır. Devam etmek istiyor musunuz?"
+            },
+            "confirm_description_2": "Çok sayıda ileti için bu biraz sürebilir. Lütfen bu sürede kullandığınız istemciyi yenilemeyin.",
+            "confirm_keep_state_explainer": "Bu kullanıcıyla ilgili sistem mesajlarını da kaldırmak istiyorsanız işareti kaldırın (örn. üyelik değişikliği, profil değişikliği...)",
+            "confirm_keep_state_label": "Sistem mesajlarını koru",
+            "confirm_title": "%(user)s kullanıcısından en son iletileri kaldır",
+            "no_recent_messages_description": "Daha önceden kalma iletilerin var olup olmadığını kontrol etmek için zaman çizelgesinde yukarı doğru kaydırın.",
+            "no_recent_messages_title": "%(user)s kullanıcısın hiç yeni ileti yok"
+        },
+        "redact_button": "Mesajları kaldır",
+        "revoke_invite": "Davet geri çekildi",
+        "room_encrypted": "Bu odadaki iletiler uçtan uca şifrelenmiştir.",
+        "room_encrypted_detail": "İletileriniz şifreledir ve yalnızca sizde ve gönderdiğiniz kullanıcılarda iletileri açmak için anahtarlar vardır.",
+        "room_unencrypted": "Bu odadaki iletiler uçtan uca şifreli değildir.",
+        "room_unencrypted_detail": "Şifrelenmiş odalarda iletileriniz şifreledir ve yalnızca sizde ve gönderdiğiniz kullanıcılarda iletileri açmak için anahtarlar vardır.",
+        "send_message": "Mesaj gönder",
+        "share_button": "Profili paylaş",
+        "unban_button_room": "Odadan yasağı kaldır",
+        "unban_button_space": "Alandan yasağı kaldır",
+        "unban_room_confirm_title": "%(roomName)s yasağını kaldır",
+        "unban_space_everything": "Yasaklarını kaldırabileceğim her yerden yasaklarını kaldır",
+        "unban_space_specific": "Yasaklarını kaldırabileceğim belirli yerlerden yasaklarını kaldır",
+        "unban_space_warning": "Yönetici olmadığınız hiçbir şeye erişemezler.",
+        "unignore_button": "Görmezden Gelmeyi Kaldır",
+        "verification_unavailable": "Kullanıcı doğrulaması kullanılamıyor",
+        "verify_button": "Kullanıcıyı Doğrula",
+        "verify_explainer": "Ekstra güvenlik için, her iki cihazınızda da tek seferlik bir kodu kontrol ederek bu kullanıcıyı doğrulayın."
+    },
+    "voip": {
+        "already_in_call": "Bu kişi zaten çağrıda",
+        "already_in_call_person": "Bu kişi ile halihazırda çağrıdasınız.",
+        "answered_elsewhere": "Arama başka bir yerde yanıtlandı",
+        "answered_elsewhere_description": "Arama başka bir cihazda cevaplandı.",
+        "call_failed": "Arama Başarısız",
+        "call_failed_description": "Arama yapılamadı",
+        "call_failed_media": "Kameraya yada mikrofona erişilemediği için arama yapılamadı. Şunu kontrol edin:",
+        "call_failed_media_applications": "Kamerayı başka bir uygulama kullanmıyor",
+        "call_failed_media_connected": "Mikrofon ve kamera takılımı ve doğru şekilde ayarlanmış mı",
+        "call_failed_media_permissions": "Kamerayı kullanmak için izin gerekiyor",
+        "call_failed_microphone": "Mikrofona erişilemediği için arama yapılamadı. Mikrofonun takılı ve doğru şekilde ayarlandığından emin olun.",
+        "call_held": "%(peerName)s aramayı duraklattı",
+        "call_held_resume": "Aramayı beklettiniz <a>Devam Ettir</a>",
+        "call_held_switch": "Aramayı beklettiniz <a>Değiştir</a>",
+        "call_toast_unknown_room": "Bilinmeyen oda",
+        "camera_disabled": "Kameranız kapalı",
+        "camera_enabled": "Kameranız hâlâ etkin",
+        "cannot_call_yourself_description": "Kendinizle görüşme yapamazsınız .",
+        "close_lobby": "Lobiyi kapat",
+        "connecting": "Bağlanıyor",
+        "connection_lost": "Sunucuyla bağlantı kesildi",
+        "connection_lost_description": "Sunucuyla bağlantınız olmadan arama yapamazsınız.",
+        "consulting": "%(transferTarget)s ile görüşülüyor. <a>Şuraya aktar %(transferee)s</a>",
+        "default_device": "Varsayılan Cihaz",
+        "dial": "Ara",
+        "dialpad": "Tuş takımı",
+        "disable_camera": "Kamerayı kapat",
+        "disable_microphone": "Mikrofonu sessize al",
+        "disabled_no_perms_start_video_call": "Görüntülü arama başlatmak için izniniz yok",
+        "disabled_no_perms_start_voice_call": "Sesli arama başlatmak için izniniz yok",
+        "disabled_ongoing_call": "Devam eden çağrı",
+        "element_call": "Element Çağrısı",
+        "enable_camera": "Kamerayı aç",
+        "enable_microphone": "Mikrofonun sesini aç",
+        "expand": "Çağrıya geri dön",
+        "get_call_link": "Arama bağlantısını paylaş",
+        "hangup": "Kapatma",
+        "hide_sidebar_button": "Kenar çubuğunu gizle",
+        "input_devices": "Giriş aygıtları",
+        "jitsi_call": "Jitsi Konferansı",
+        "legacy_call": "Eski Tip Çağrı",
+        "maximise": "Ekranı kapla",
+        "maximise_call": "Arama ekranı kapla",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Konferanslar"
+        },
+        "minimise_call": "Arama simge durumuna",
+        "misconfigured_server": "Hatalı yapılandırılmış sunucu nedeniyle arama başarısız",
+        "misconfigured_server_description": "Çağrıların sağlıklı bir şekide yapılabilmesi için lütfen anasunucunuzun (<code>%(homeserverDomain)s</code>) yöneticisinden bir TURN sunucusu yapılandırmasını isteyin.",
+        "misconfigured_server_fallback": "Alternatif olarak, <server/> adresindeki genel sunucuyu kullanmayı deneyebilirsiniz, ancak bu o kadar güvenilir olmayacak ve IP adresinizi o sunucuyla paylaşacaktır. Bunu Ayarlar'dan da yönetebilirsiniz.",
+        "misconfigured_server_fallback_accept": "%(server)s kullanmayı deneyin",
+        "more_button": "Daha fazla",
+        "msisdn_lookup_failed": "Telefon numarasına bakılamadı",
+        "msisdn_lookup_failed_description": "Telefon numarasına bakarken bir hata oluştu",
+        "msisdn_transfer_failed": "Arama Karşıdaki kişiye aktarılamıyor",
+        "n_people_joined": {
+            "one": "%(count)s kişi katıldı",
+            "other": "%(count)s kişi katıldı"
+        },
+        "no_audio_input_description": "Cihazınızda bir mikrofon bulamadık. Lütfen ayarlarınızı kontrol edin ve tekrar deneyin.",
+        "no_audio_input_title": "Mikrofon bulunamadı",
+        "no_media_perms_description": "%(brand)s'un mikrofonunuza / web kameranıza el le erişmesine izin vermeniz gerekebilir",
+        "no_media_perms_title": "Medya izinleri yok",
+        "no_permission_conference": "İzin Gerekli",
+        "no_permission_conference_description": "Bu odada bir konferans başlatmak için izniniz yok",
+        "on_hold": "%(name)s beklemede",
+        "output_devices": "Çıkış aygıtları",
+        "screenshare_monitor": "Tüm ekranı paylaş",
+        "screenshare_title": "İçerik paylaş",
+        "screenshare_window": "Uygulama penceresi",
+        "show_sidebar_button": "Kenar çubuğunu göster",
+        "silence": "Sessiz çağrı",
+        "silenced": "Bildirimler susturuldu",
+        "start_screenshare": "Ekranınızı paylaşmaya başlayın",
+        "stop_screenshare": "Ekran paylaşmayı durdur",
+        "too_many_calls": "Çok fazla arama",
+        "too_many_calls_description": "Maksimum eşzamanlı arama sayısına ulaştınız.",
+        "transfer_consult_first_label": "Önce danış",
+        "transfer_failed": "Aktarma Başarısız",
+        "transfer_failed_description": "Arama aktarılırken hata oluştu",
+        "unable_to_access_audio_input_description": "Mikrofonunuza erişemedik. Lütfen tarayıcı ayarlarınızı kontrol edin ve tekrar deneyin.",
+        "unable_to_access_audio_input_title": "Mikrofonunuza erişilemiyor",
+        "unable_to_access_media": "Kameraya / mikrofona erişilemedi",
+        "unable_to_access_microphone": "Mikrofona erişilemiyor",
+        "unknown_caller": "Bilinmeyen arayan",
+        "unknown_person": "bilinmeyen kişi",
+        "unsilence": "Ses açık",
+        "unsupported": "Aramalar desteklenmiyor",
+        "unsupported_browser": "Bu tarayıcıda arama yapamazsınız.",
+        "user_busy": "Kullanıcı Meşgul",
+        "user_busy_description": "Aradığınız kullanıcı meşgul.",
+        "user_is_presenting": "%(sharerName)s sunum yapıyor",
+        "video_call": "Görüntülü arama",
+        "video_call_using": "Görüntülü arama kullanılıyor:",
+        "voice_call": "Sesli arama",
+        "you_are_presenting": "Sunum yapıyorsunuz"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s %(osName)s",
+    "widget": {
+        "added_by": "Widget ekleyen",
+        "capabilities_dialog": {
+            "content_starting_text": "Bu widget şunları istiyor:",
+            "decline_all_permission": "Tümünü Reddet",
+            "remember_Selection": "Bu görsel bileşen işin seçimimi hatırla",
+            "title": "Widget izinlerini onayla"
+        },
+        "capability": {
+            "always_on_screen_generic": "Uygulama çalışırken lütfen başka uygulamaya geçmeyin",
+            "always_on_screen_viewing_another_room": "Başka bir odayı görüntülerken, çalışırken ekranınızda kalın",
+            "any_room": "Yukarıdakiler, ancak katıldığınız veya davet edildiğiniz odalarda da",
+            "byline_empty_state_key": "boş durum anahtarı ile",
+            "byline_state_key": "%(stateKey)s durum anahtarı ile",
+            "capability": "<b>%(capability)s</b> kabiliyet",
+            "change_avatar_active_room": "Aktif odanın avatarını değiştir",
+            "change_avatar_this_room": "Bu odanın avatarını değiştir",
+            "change_name_active_room": "Aktif odanızın ismini değiştirin",
+            "change_name_this_room": "Bu odanın ismini değiştirin",
+            "change_topic_active_room": "Aktif odanızın konusunu değiştirin",
+            "change_topic_this_room": "Bu odanın konusunu değiştirin",
+            "receive_membership_active_room": "İnsanların odanıza ne zaman katıldığını, ayrıldığını veya davet edildiğini görün",
+            "receive_membership_this_room": "İnsanların bu odaya ne zaman katıldığını, ayrıldığını veya davet edildiğini görün",
+            "remove_ban_invite_leave_active_room": "Kullanıcıları şuan ki odadan çıkarın, yasaklayın veya davet edin ve ayrılın",
+            "remove_ban_invite_leave_this_room": "Kullanıcıları bu odadan çıkarın, yasaklayın veya davet edin ve ayrılın",
+            "see_avatar_change_active_room": "Aktif odanızdaki profil fotoğrafı değişikliklerini görün",
+            "see_avatar_change_this_room": "Bu odadaki avatar değişikliklerini görün",
+            "see_event_type_sent_active_room": "Aktif odanıza gönderilen <b>%(eventType)s</b> etkinlikleri gör",
+            "see_event_type_sent_this_room": "Bu odaya gönderilen <b>%(eventType)s</b> türü etkinlikleri gör",
+            "see_images_sent_active_room": "Aktif odanıza gönderilen fotoğrafları görün",
+            "see_images_sent_this_room": "Bu odaya gönderilen resimleri gör",
+            "see_messages_sent_active_room": "Aktif odanıza gönderilen mesajları görün",
+            "see_messages_sent_this_room": "Bu odaya gönderilen mesajları görün",
+            "see_msgtype_sent_active_room": "Aktif odanıza gönderilen <b>%(msgtype)s</b> mesajları görün",
+            "see_msgtype_sent_this_room": "Bu odada gönderilen <b>%(msgtype)s</b> mesajlara bak",
+            "see_name_change_active_room": "Aktif odanızdaki isim değişikliklerini görün",
+            "see_name_change_this_room": "Bu odadaki isim değişikliklerini görün",
+            "see_sent_emotes_active_room": "Aktif odanıza gönderilen ifadeleri görün",
+            "see_sent_emotes_this_room": "Bu odaya gönderilen ifadeleri görün",
+            "see_sent_files_active_room": "Aktif odanıza gönderilen genel dosyaları görün",
+            "see_sent_files_this_room": "Bu odaya gönderilen genel dosyaları gör",
+            "see_sticker_posted_active_room": "Aktif odanızda birisi çıkartma paylaştığında görün",
+            "see_sticker_posted_this_room": "Bu odada çıkartma paylaşıldığında görün",
+            "see_text_messages_sent_active_room": "Aktif odanıza gönderilen metin mesajlarını görün",
+            "see_text_messages_sent_this_room": "Bu odaya gönderilen metin mesajlarını gör",
+            "see_topic_change_active_room": "Bu odada konu başlığı değişince değişiklikleri görün",
+            "see_topic_change_this_room": "Bu odada konu başlığı değişince değişiklikleri görün",
+            "see_videos_sent_active_room": "Aktif odana gönderilen videoları gör",
+            "see_videos_sent_this_room": "Bu odaya gönderilen videoları gör",
+            "send_emotes_active_room": "Bu araç sizin adınıza bu odaya ileti gönderir",
+            "send_emotes_this_room": "Bu araç odaya sizin adınıza ifade gönderir",
+            "send_event_type_active_room": "Bu araç odanıza sizin adınıza <b>%(eventType)s</b> türü etkinlik gönderir",
+            "send_event_type_this_room": "Bu araç odaya sizin adınıza <b>%(eventType)s</b> türü etkinlik gönderir",
+            "send_files_active_room": "Widget aktif odanıza sizin adınıza genel dosyalar göndersin",
+            "send_files_this_room": "Widget sizin adınıza bu odaya genel dosyalar göndersin",
+            "send_images_active_room": "Widget aktif odanıza sizin adınıza resim göndersin",
+            "send_images_this_room": "Bu araç odaya sizin adınıza resim gönderir",
+            "send_messages_active_room": "Bu araç odanıza sizin adınıza ileti gönderir",
+            "send_messages_this_room": "Bu Araç sizin adınıza mesaj gönderir",
+            "send_msgtype_active_room": "Widget sizin adınıza <b>%(msgtype)s</b> mesajlar göndersin",
+            "send_msgtype_this_room": "Bu odadayken <b>%(msgtype)s</b> mesajlar gönder",
+            "send_stickers_active_room": "Aktif odanıza çıkartma gönderin",
+            "send_stickers_active_room_as_you": "Widget aktif odanıza sizin adınıza çıkartma göndersin",
+            "send_stickers_this_room": "Bu odaya çıkartma gönderin",
+            "send_stickers_this_room_as_you": "Widget bu odaya sizin adınıza çıkartma göndersin",
+            "send_text_messages_active_room": "Bu araç sizin adınıza bu odaya mesaj gönderir",
+            "send_text_messages_this_room": "Bu araç odaya sizin adınıza metin iletisi gönderir",
+            "send_videos_active_room": "Bu araç odaya sizin adınıza video gönderir",
+            "send_videos_this_room": "Bu araç odaya sizin adınıza video gönderir",
+            "specific_room": "Yukarıdakiler, ama <Room />'da da",
+            "switch_room": "Görüntülediğiniz odayı değiştirin",
+            "switch_room_message_user": "Görüntülediğiniz odayı, mesajı veya kullanıcıyı değiştirin"
+        },
+        "close_to_view_right_panel": "Bu panelde görüntülemek için bu widget'ı kapatın",
+        "context_menu": {
+            "delete": "Görsel bileşen sil",
+            "delete_warning": "Bir widget silindiğinde, widget bu odadaki tüm kullanıcılar için kaldırılır. Bu widget'ı silmek istediğinizden emin misiniz?"
+        },
+        "cookie_warning": "Bu widget çerezleri kullanabilir.",
+        "error_hangup_description": "Aramayla bağlantınız kesildi. (Hata: %(message)s)",
+        "error_hangup_title": "Bağlantı Kesildi",
+        "error_loading": "Widget yüklenirken hata oluştu",
+        "error_mixed_content": "Hata - Karışık içerik",
+        "error_need_invite_permission": "Bunu yapmak için kullanıcıları davet etmeye ihtiyacınız var.",
+        "error_need_kick_permission": "Bunu yapmak için kullanıcıları atabilmeniz gerekir.",
+        "error_need_to_be_logged_in": "Oturum açmanız gerekiyor.",
+        "error_unable_start_audio_stream_description": "Ses akışı başlatılamıyor.",
+        "error_unable_start_audio_stream_title": "Canlı yayın başlatılamadı",
+        "modal_data_warning": "Aşağıdaki veriler şu kişilerle paylaşılmaktadır:%(widgetDomain)s",
+        "modal_title_default": "Modal Widget",
+        "no_name": "Bilinmeyen uygulama",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Hatırla",
+            "starting_text": "Widget kullanıcı kimliğinizi doğrulayacak, ancak sizin için işlem yapamayacaktır:",
+            "title": "Bu widget'ın kimliğinizi doğrulamasına izin verin"
+        },
+        "popout": "Görsel bileşeni göster",
+        "set_room_layout": "Oda düzenimi herkes için ayarla",
+        "shared_data_avatar": "Profil resminizin URL'si",
+        "shared_data_device_id": "Cihaz kimliği",
+        "shared_data_lang": "Diliniz",
+        "shared_data_mxid": "Kullanıcı ID",
+        "shared_data_name": "Ekran adınız",
+        "shared_data_room_id": "Oda ID",
+        "shared_data_theme": "Temanız",
+        "shared_data_url": "%(brand)s Linki",
+        "shared_data_warning": "Bu widget'ı kullanmak <helpIcon /> verilerini %(widgetDomain)s ile paylaşabilir.",
+        "shared_data_warning_im": "Bu widget'ı kullanmak <helpIcon /> verilerini %(widgetDomain)s ve entegrasyon yöneticinizle paylaşabilir.",
+        "shared_data_widget_id": "Görsel Bileşen ID si",
+        "unencrypted_warning": "Widget'lar mesaj şifreleme kullanmaz.",
+        "unmaximise": "Büyütmeyi kaldır",
+        "unpin_to_view_right_panel": "Bu panelde görüntülemek için bu widget'ın sabitlemesini kaldırın"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Bütün harflerin büyük olmasıyla tümünün küçük olması tahmin edilmesi bakımından hemen hemen aynı kolaylıktadır",
+            "anotherWord": "Bir iki kelime daha ekleyin. Yaygın olmayan kelimeler daha iyi olur.",
+            "associatedYears": "Sizle ilişkili yıllardan kaçının",
+            "capitalization": "Baş harfi büyük yapmak size pek yardımcı olmaz",
+            "dates": "Sizle ilişkili tarihler ve yıllardan kaçının",
+            "l33t": "Tahmin edilebilir harf değişimleri örneğin 'a' yerine '@' pek yardımcı olmuyor",
+            "longerKeyboardPattern": "Daha karmaşık ve uzun bir klavye deseni kullan",
+            "noNeed": "Semboller, sayılar yada büyük harflere gerek yok",
+            "pwned": "Bu şifreyi başka bir yerde kullanıyorsanız değiştirmelisiniz.",
+            "recentYears": "Son yıllardan kaçının",
+            "repeated": "Tekrarlanan kelimeler ve karakterlerden kaçının",
+            "reverseWords": "Ters kelimeler tahmin için çok zor değil",
+            "sequences": "Sekanslardan kaçının",
+            "useWords": "Bir kaç kelime kullanın ve genel ifadelerden kaçının"
+        },
+        "warnings": {
+            "common": "Bu oldukça yaygın parola",
+            "commonNames": "Yaygın isimleri ve soyisimleri tahmin etmek oldukça kolay",
+            "dates": "Tarihler sıklıkla tahmin için daha kolaydır",
+            "extendedRepeat": "“abcabcabc” gibi tekrarlar “abc” yi tahmin etmekten çok az daha zor olur",
+            "keyPattern": "Kısa klavye desenleri kolay tahmin edilir",
+            "namesByThemselves": "Adlar ve soyadlar kendi kendilerine tahmin için kolaydır",
+            "pwned": "Şifreniz internetteki bir veri ihlali sonucu ifşa oldu.",
+            "recentYears": "Güncel yılların tahmini kolaydır",
+            "sequences": "abc veya 6543 gibi diziler tahmin için oldukça kolaydır",
+            "similarToCommon": "Bu yaygınca kullanılan bir parolaya benziyor",
+            "simpleRepeat": "“aaa” gibi tekrarlar tahmin için oldukça kolay",
+            "straightRow": "Aynı klavye satırındaki ardışık tuşlar kolay tahmin edilir",
+            "topHundred": "Bu bir top-100 yaygın parola",
+            "topTen": "Bu bir top-10 yaygın parola",
+            "userInputs": "Hiçbir kişisel veya sayfayla ilgili veri bulunmamalıdır.",
+            "wordByItself": "Kelime zaten kolay tahmin edilir"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/uk.json b/apps/web/src/i18n/strings/uk.json
new file mode 100644
index 00000000000..faf4c51bb1a
--- /dev/null
+++ b/apps/web/src/i18n/strings/uk.json
@@ -0,0 +1,4109 @@
+{
+    "a11y": {
+        "jump_first_invite": "Перейти до першого запрошення.",
+        "message_composer": "Редактор повідомлень",
+        "n_unread_messages": {
+            "other": "%(count)s непрочитаних повідомлень.",
+            "one": "1 непрочитане повідомлення."
+        },
+        "n_unread_messages_mentions": {
+            "other": "%(count)s непрочитаних повідомлень включно зі згадками.",
+            "one": "1 непрочитана згадка."
+        },
+        "room_status_bar": "Панель стану кімнати",
+        "seek_bar_label": "Панель гортання аудіо",
+        "unread_messages": "Непрочитані повідомлення."
+    },
+    "a11y_jump_first_unread_room": "Перейти до першої непрочитаної кімнати.",
+    "action": {
+        "accept": "Погодитись",
+        "add": "Додати",
+        "add_existing_room": "Додати наявну кімнату",
+        "apply": "Застосувати",
+        "approve": "Дозволити",
+        "ask_to_join": "Запит на приєднання",
+        "back": "Назад",
+        "call": "Виклик",
+        "cancel": "Скасувати",
+        "change": "Змінити",
+        "clear": "Очистити",
+        "click_to_copy": "Клацніть, щоб скопіювати",
+        "close": "Закрити",
+        "collapse": "Згорнути",
+        "complete": "Завершити",
+        "confirm": "Підтвердити",
+        "continue": "Продовжити",
+        "copy": "Скопіювати",
+        "copy_link": "Копіювати посилання",
+        "create": "Створити",
+        "create_a_room": "Створити кімнату",
+        "create_account": "Створити обліковий запис",
+        "decline": "Відхилити",
+        "decline_and_block": "Відхилити та заблокувати",
+        "decline_invite": "Відхилити запрошення",
+        "delete": "Видалити",
+        "deny": "Відхилити",
+        "disable": "Вимкнути",
+        "disconnect": "Від'єднатися",
+        "dismiss": "Відхилити",
+        "done": "Готово",
+        "download": "Завантажити",
+        "edit": "Змінити",
+        "enable": "Увімкнути",
+        "enter_fullscreen": "Перейти у повноекранний режим",
+        "exit_fullscreeen": "Вийти з повноекранного режиму",
+        "expand": "Розгорнути",
+        "explore_rooms": "Каталог кімнат",
+        "export": "Експортувати",
+        "forward": "Переслати",
+        "go": "Уперед",
+        "go_back": "Назад",
+        "got_it": "Зрозуміло",
+        "hide_advanced": "Сховати розширені",
+        "hold": "Утримувати",
+        "ignore": "Ігнорувати",
+        "import": "Імпорт",
+        "invite": "Запросити",
+        "join": "Приєднатися",
+        "learn_more": "Докладніше",
+        "leave": "Вийти",
+        "leave_room": "Вийти з кімнати",
+        "logout": "Вийти",
+        "manage": "Керування",
+        "maximise": "Розгорнути",
+        "mention": "Згадати",
+        "minimise": "Згорнути",
+        "new_room": "Нова кімната",
+        "new_video_room": "Нова відеокімната",
+        "next": "Далі",
+        "no": "НІ",
+        "ok": "Гаразд",
+        "open": "Відкрити",
+        "pin": "Кнопка",
+        "proceed": "Продовжити",
+        "quote": "Цитувати",
+        "react": "Відреагувати",
+        "refresh": "Оновити",
+        "register": "Зареєструватися",
+        "reload": "Перезавантажити",
+        "remove": "Прибрати",
+        "rename": "Перейменувати",
+        "reply": "Відповісти",
+        "reply_in_thread": "Відповісти у гілці",
+        "report_room": "Поскаржитися на кімнату",
+        "resend": "Перенадіслати",
+        "reset": "Скинути",
+        "resume": "Продовжити",
+        "retry": "Повторити спробу",
+        "review": "Переглянути",
+        "revoke": "Відкликати",
+        "save": "Зберегти",
+        "search": "Пошук",
+        "send_report": "Надіслати звіт",
+        "set_avatar": "Установити зображення профілю",
+        "share": "Поділитись",
+        "show": "Показати",
+        "show_advanced": "Показати розширені",
+        "show_all": "Показати все",
+        "sign_in": "Увійти",
+        "sign_out": "Вилучити цей пристрій",
+        "skip": "Пропустити",
+        "start": "Почати",
+        "stop": "Припинити",
+        "submit": "Надіслати",
+        "subscribe": "Підписатись",
+        "transfer": "Переадресація",
+        "trust": "Довіра",
+        "try_again": "Спробувати ще раз",
+        "unban": "Розблокувати",
+        "unignore": "Рознехтувати",
+        "unpin": "Відкріпити",
+        "unsubscribe": "Відписатись",
+        "update": "Оновити",
+        "upgrade": "Поліпшити",
+        "upload": "Вивантажити",
+        "upload_file": "Вивантажити файл",
+        "verify": "Звірити",
+        "view": "Перегляд",
+        "view_all": "Переглянути всі",
+        "view_list": "Переглянути список",
+        "view_message": "Переглянути повідомлення",
+        "view_source": "Переглянути код",
+        "yes": "Так",
+        "yes_dismiss": "Так, відхилити",
+        "zoom_in": "Збільшити",
+        "zoom_out": "Зменшити"
+    },
+    "analytics": {
+        "accept_button": "Гаразд",
+        "bullet_1": "Ми <Bold>не</Bold> зберігаємо й <Bold>не</Bold> аналізуємо жодних даних облікового запису",
+        "bullet_2": "Ми <Bold>не</Bold> передаємо даних стороннім особам",
+        "consent_migration": "Раніше ви погодилися надсилати нам анонімні дані про використання. Ми оновлюємо цей функціонал.",
+        "disable_prompt": "Можна вимкнути це коли завгодно в налаштуваннях",
+        "enable_prompt": "Допоможіть поліпшити %(analyticsOwner)s",
+        "learn_more": "Збір анонімних даних дає нам змогу дізнаватися про збої. Жодних особистих даних. Жодних третіх сторін. <LearnMoreLink>Докладніше</LearnMoreLink>",
+        "privacy_policy": "Можете прочитати всі наші умови <PrivacyPolicyUrl>тут</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Допомагайте нам визначати проблеми й удосконалювати %(analyticsOwner)s, надсилаючи анонімні дані про використання. Щоб розуміти, як люди використовують кілька пристроїв, ми створимо спільний для ваших пристроїв випадковий ідентифікатор.",
+        "shared_data_heading": "Можна поділитися будь-якими з цих даних:"
+    },
+    "auth": {
+        "3pid_in_use": "Ця адреса електронної пошти або номер телефону вже використовується.",
+        "account_clash": "Ваш новий обліковий запис (%(newAccountId)s) зареєстровано, проте ви вже ввійшли до іншого облікового запису (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Продовжити з попереднім обліковим записом",
+        "account_deactivated": "Цей обліковий запис було деактивовано.",
+        "autodiscovery_generic_failure": "Не вдалося отримати параметри самоналаштування від сервера",
+        "autodiscovery_hs_incompatible": "Ваш домашній сервер застарілий і не підтримує мінімально необхідну версію API. Будь ласка, зв'яжіться з власником вашого сервера або оновіть його.",
+        "autodiscovery_invalid": "Хибна відповідь самоналаштування домашнього сервера",
+        "autodiscovery_invalid_hs": "Сервер за URL-адресою не виглядає дійсним домашнім сервером Matrix",
+        "autodiscovery_invalid_hs_base_url": "Хибний base_url у m.homeserver",
+        "autodiscovery_invalid_is": "Сервер за URL-адресою не виглядає дійсним сервером ідентифікації Matrix",
+        "autodiscovery_invalid_is_base_url": "Хибний base_url у m.identity_server",
+        "autodiscovery_invalid_is_response": "Хибна відповідь самоналаштування сервера ідентифікації",
+        "autodiscovery_invalid_json": "Хибний JSON",
+        "autodiscovery_no_well_known": "Файл .well-known JSON не знайдено",
+        "autodiscovery_unexpected_error_hs": "Неочікувана помилка в налаштуваннях домашнього серверу",
+        "autodiscovery_unexpected_error_is": "Незрозуміла помилка при розборі параметру сервера ідентифікації",
+        "captcha_description": "Домашній сервер бажає впевнитися, що ви не робот.",
+        "change_password_action": "Змінити пароль",
+        "change_password_confirm_invalid": "Паролі відрізняються",
+        "change_password_confirm_label": "Підтвердження пароля",
+        "change_password_current_label": "Поточний пароль",
+        "change_password_empty": "Пароль не може бути порожнім",
+        "change_password_error": "Помилка зміни пароля: %(error)s",
+        "change_password_mismatch": "Нові паролі не збігаються",
+        "change_password_new_label": "Новий пароль",
+        "check_email_explainer": "Виконайте вказівки, надіслані на <b>%(email)s</b>",
+        "check_email_resend_prompt": "Ще не отримали?",
+        "check_email_resend_tooltip": "Посилання для підтвердження повторно надіслано на електронну пошту!",
+        "check_email_wrong_email_button": "Введіть адресу е-пошти ще раз",
+        "check_email_wrong_email_prompt": "Неправильна адреса електронної пошти?",
+        "continue_with_idp": "Продовжити з %(provider)s",
+        "continue_with_sso": "Продовжити з %(ssoButtons)s",
+        "country_dropdown": "Спадний список країн",
+        "create_account_prompt": "Вперше тут? <a>Створіть обліковий запис</a>",
+        "create_account_title": "Створити обліковий запис",
+        "email_discovery_text": "Можете ввести е-пошту, щоб наявні контакти знаходили вас за нею.",
+        "email_field_label": "Е-пошта",
+        "email_field_label_invalid": "Адреса е-пошти виглядає хибною",
+        "email_field_label_required": "Введіть адресу е-пошти",
+        "email_help_text": "Додайте е-пошту, щоб могти скинути пароль.",
+        "email_phone_discovery_text": "Можете ввести е-пошту чи телефон, щоб наявні контакти знаходили вас за ними.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> надішле вам посилання для підтвердження, за яким ви зможете скинути пароль.",
+        "enter_email_heading": "Введіть свою електронну пошту для скидання пароля",
+        "failed_connect_identity_server": "Не вдається зв'язатися із сервером ідентифікаціїї",
+        "failed_connect_identity_server_other": "Можете ввійти, але деякі можливості будуть недоступні, поки сервер ідентифікації не відновить роботу. Якщо часто бачите це застереження, перевірте свої параметри чи зв'яжіться з адміністратором сервера.",
+        "failed_connect_identity_server_register": "Можете зареєструватись, але деякі можливості будуть недоступні, поки сервер ідентифікації не відновить роботу. Якщо часто бачите це застереження, перевірте свої параметри чи зв'яжіться з адміністратором сервера.",
+        "failed_connect_identity_server_reset_password": "Можете скинути пароль, але деякі можливості будуть недоступні, поки сервер ідентифікації не відновить роботу. Якщо часто бачите це застереження, перевірте свої параметри чи зв'яжіться з адміністратором сервера.",
+        "failed_homeserver_discovery": "Збій самоналаштування домашнього сервера",
+        "failed_query_registration_methods": "Не вдалося запитати підтримувані способи реєстрації.",
+        "failed_soft_logout_auth": "Не вдалося перезайти",
+        "failed_soft_logout_homeserver": "Не вдалося перезайти через проблему з домашнім сервером",
+        "forgot_password_email_invalid": "Хибна адреса е-пошти.",
+        "forgot_password_email_required": "Введіть е-пошту, прив'язану до вашого облікового запису.",
+        "forgot_password_prompt": "Забули свій пароль?",
+        "forgot_password_send_email": "Надіслати електронний лист",
+        "identifier_label": "Увійти за допомогою",
+        "incorrect_credentials": "Хибне користувацьке ім'я й/або пароль.",
+        "incorrect_credentials_detail": "Зауважте, ви входите на сервер %(hs)s, не на matrix.org.",
+        "incorrect_password": "Неправильний пароль",
+        "log_in_new_account": "<a>Увійти</a> до нового облікового запису.",
+        "logout_dialog": {
+            "description": "Ви впевнені, що хочете вилучити цей пристрій?",
+            "setup_key_backup_title": "Ви втратите доступ до своїх зашифрованих бесід",
+            "setup_secure_backup_description": "Це ваш єдиний пристрій. Якщо ви його вилучите, вам знадобиться ключ відновлення, щоб підтвердити свою цифрову ідентичність та відновити зашифровані бесіди під час наступного входу.",
+            "skip_key_backup": "Усе одно вилучити цей пристрій"
+        },
+        "misconfigured_body": "Попросіть адміністратора %(brand)s перевірити <a>конфігураційний файл</a> на наявність неправильних або повторюваних записів.",
+        "misconfigured_title": "Ваш %(brand)s налаштовано неправильно",
+        "mobile_create_account_title": "Ви збираєтеся створити обліковий запис %(hsName)s",
+        "msisdn_field_description": "Інші користувачі можуть запрошувати вас до кімнат за вашими контактними даними",
+        "msisdn_field_label": "Телефон",
+        "msisdn_field_number_invalid": "Цей номер телефону не правильний. Перевірте та повторіть спробу",
+        "msisdn_field_required_invalid": "Введіть телефонний номер",
+        "no_hs_url_provided": "URL адресу домашнього сервера не вказано",
+        "oidc": {
+            "error_title": "Нам не вдалося виконати вхід",
+            "generic_auth_error": "Щось пішло не так під час автентифікації. Перейдіть на сторінку входу та повторіть спробу.",
+            "missing_or_invalid_stored_state": "Ми попросили браузер запам’ятати, який домашній сервер ви використовуєте, щоб дозволити вам увійти, але, на жаль, ваш браузер забув його. Перейдіть на сторінку входу та повторіть спробу."
+        },
+        "password_field_keep_going_prompt": "Продовжуйте…",
+        "password_field_label": "Введіть пароль",
+        "password_field_strong_label": "Хороший надійний пароль!",
+        "password_field_weak_label": "Пароль дозволений, але небезпечний",
+        "phone_label": "Телефон",
+        "phone_optional_label": "Телефон (не обов'язково)",
+        "qr_code_login": {
+            "check_code_explainer": "Це підтвердить, що з'єднання з іншим пристроєм захищене.",
+            "check_code_heading": "Введіть номер, показаний на іншому пристрої",
+            "check_code_input_label": "2-значний код",
+            "check_code_mismatch": "Цифри не збігаються",
+            "choose_desktop_computer": "Виберіть «%(desktopComputer)s»",
+            "completing_setup": "Завершення налаштування нового пристрою",
+            "desktop_computer": "Настільний комп'ютер",
+            "error_etag_missing": "Сталася неочікувана помилка. Це може бути пов’язано з розширенням браузера, проксі-сервером або неправильною конфігурацією сервера.",
+            "error_expired": "Час входу минув. Повторіть спробу.",
+            "error_expired_title": "Вхід не було завершено вчасно",
+            "error_insecure_channel_detected": "Не вдалося встановити безпечне з'єднання з новим пристроєм. Ваші наявні пристрої все ще в безпеці, і вам не потрібно про них турбуватися.",
+            "error_insecure_channel_detected_instructions": "Що тепер?",
+            "error_insecure_channel_detected_instructions_1": "Спробуйте знову ввійти на іншому пристрої за допомогою QR-коду, якщо це проблема мережі",
+            "error_insecure_channel_detected_instructions_2": "Якщо ви зіткнулися з такою ж проблемою, спробуйте іншу мережу Wi-Fi або використовуйте мобільні дані замість Wi-Fi",
+            "error_insecure_channel_detected_instructions_3": "Якщо це не працює, увійдіть вручну",
+            "error_insecure_channel_detected_title": "З'єднання не захищене",
+            "error_other_device_already_signed_in": "Більше нічого робити не потрібно.",
+            "error_other_device_already_signed_in_title": "На вашому іншому пристрої вже виконано вхід",
+            "error_rate_limited": "Забагато спроб за короткий час. Зачекайте трохи, перш ніж повторити спробу.",
+            "error_unexpected": "Сталася неочікувана помилка. Запит на підключення іншого пристрою скасовано.",
+            "error_unsupported_protocol": "Цей пристрій не підтримує вхід на інший пристрій за допомогою QR-коду.",
+            "error_unsupported_protocol_title": "Інший пристрій несумісний",
+            "error_user_cancelled": "Вхід було скасовано на іншому пристрої.",
+            "error_user_cancelled_title": "Запит на вхід скасовано",
+            "error_user_declined": "Ви або постачальник облікового запису відхилили запит на вхід.",
+            "error_user_declined_title": "Вхід відхилено",
+            "follow_remaining_instructions": "Дотримуйтесь подальших інструкцій",
+            "open_element_mobile_device": "Відкрийте %(brand)s на своєму мобільному пристрої",
+            "open_element_other_device": "Відкрийте %(brand)s на своєму іншому пристрої",
+            "point_the_camera": "Скануйте QR-код, показаний тут",
+            "ready_to_scan": "Готовий до сканування",
+            "scan_code_instruction": "Скануйте QR-код",
+            "scan_code_instruction_reciprocate": "Скануйте QR-код за допомогою іншого пристрою",
+            "scan_qr_code": "Увійдіть за допомогою QR-коду",
+            "security_code_prompt": "Постачальник облікового запису може попросити вас ввести код нижче для підтвердження входу.",
+            "security_code_title": "Ваш код підтвердження",
+            "select_qr_code": "Виберіть «%(scanQRCode)s»",
+            "select_ready_to_scan": "Виберіть «%(readyToScan)s» і скануйте QR-код, показаний тут",
+            "start_over": "Розпочати знову",
+            "tap_avatar_link_new_device": "Натисніть на свій аватар і виберіть «%(linkNewDevice)s»",
+            "unsupported_explainer": "Ваш постачальник облікового запису не підтримує вхід на новий пристрій за допомогою QR-коду.",
+            "unsupported_heading": "QR-код не підтримується",
+            "waiting_for_device": "Очікування іншого вашого пристрою"
+        },
+        "register_action": "Створити обліковий запис",
+        "registration": {
+            "continue_without_email_description": "Зауважте, якщо ви не додасте пошту й забудете пароль, то можете <b>назавжди втратити доступ до свого облікового запису</b>.",
+            "continue_without_email_field_label": "Е-пошта (необов'язково)",
+            "continue_without_email_title": "Продовження без е-пошти"
+        },
+        "registration_disabled": "Реєстрація вимкнена на цьому домашньому сервері.",
+        "registration_msisdn_field_required_invalid": "Введіть номер телефону (обов'язково на цьому домашньому сервері)",
+        "registration_successful": "Реєстрацію успішно виконано",
+        "registration_username_in_use": "Хтось уже має це користувацьке ім'я. Спробуйте інше або, якщо це ви, зайдіть нижче.",
+        "registration_username_unable_check": "Неможливо перевірити, чи зайняте ім'я користувача. Спробуйте ще раз пізніше.",
+        "registration_username_validation": "Використовуйте лише малі літери, цифри, дефіс і підкреслення",
+        "reset_password": {
+            "confirm_new_password": "Підтвердити новий пароль",
+            "devices_logout_success": "Усі ваші пристрої вилучено, і вони більше не отримуватимуть push-сповіщення. Щоб знову ввімкнути сповіщення, знову ввійдіть на кожному пристрої.",
+            "other_devices_logout_warning_1": "Вилучення пристроїв призведе до видалення ключів шифрування повідомлень, що зберігаються на них, що зробить зашифровану історію бесіди непрочитною.",
+            "other_devices_logout_warning_2": "Якщо ви хочете зберегти доступ до історії бесід у зашифрованих кімнатах, отримайте ключ відновлення або експортуйте ключі повідомлень з одного з інших пристроїв, перш ніж продовжувати.",
+            "password_not_entered": "Має бути введений новий пароль.",
+            "passwords_mismatch": "Нові паролі мають збігатися.",
+            "rate_limit_error": "Забагато спроб за короткий час. Зачекайте трохи, перш ніж повторити спробу.",
+            "rate_limit_error_with_time": "Забагато спроб за короткий час. Повторіть спробу за %(timeout)s.",
+            "reset_successful": "Ваш пароль скинуто.",
+            "return_to_login": "Повернутися на сторінку входу",
+            "sign_out_other_devices": "Вилучити інші пристрої"
+        },
+        "reset_password_action": "Скинути пароль",
+        "reset_password_button": "Забули пароль?",
+        "reset_password_email_field_description": "Введіть е-пошту, щоб могти відновити обліковий запис",
+        "reset_password_email_field_required_invalid": "Введіть е-пошту (обов'язково на цьому домашньому сервері)",
+        "reset_password_email_not_associated": "Ваша електронна адреса не пов'язана з Matrix ID на цьому домашньому сервері.",
+        "reset_password_email_not_found_title": "Не знайдено адресу електронної пошти",
+        "reset_password_title": "Скиньте свій пароль",
+        "server_picker_custom": "Інший домашній сервер",
+        "server_picker_description": "Використайте нетипові параметри сервера, щоб увійти в інший домашній сервер Matrix, вказавши його URL-адресу. Це дасть вам змогу використовувати %(brand)s з уже наявним у вас на іншому домашньому сервері обліковим записом Matrix.",
+        "server_picker_description_matrix.org": "Приєднуйтесь безплатно до мільйонів інших на найбільшому загальнодоступному сервері",
+        "server_picker_dialog_title": "Оберіть, де розмістити ваш обліковий запис",
+        "server_picker_explainer": "Оберіть домашній сервер Matrix на свій розсуд чи встановіть власний.",
+        "server_picker_failed_validate_homeserver": "Не вдалося перевірити домашній сервер",
+        "server_picker_intro": "Ми називаємо місця, де ви можете розмістити обліковий запис, \"домашніми серверами\".",
+        "server_picker_invalid_url": "Неправильна URL-адреса",
+        "server_picker_learn_more": "Про домашні сервери",
+        "server_picker_matrix.org": "Matrix.org — найбільший загальнодоступний домашній сервер у світі, він підійде багатьом.",
+        "server_picker_required": "Указати домашній сервер",
+        "server_picker_title": "Увійдіть на ваш домашній сервер",
+        "server_picker_title_default": "Опції сервера",
+        "server_picker_title_registration": "Розмістити обліковий запис на",
+        "session_logged_out_description": "З міркувань безпеки цей сеанс вилучено. Увійдіть знову.",
+        "session_logged_out_title": "Сеанс вилучено",
+        "set_email": {
+            "description": "Це дозволить вам скинути пароль і отримувати сповіщення.",
+            "verification_pending_description": "Перейдіть до своєї е-пошти й натисніть на отримане посилання. Після цього натисніть «Продовжити».",
+            "verification_pending_title": "Очікується перевірка"
+        },
+        "set_email_prompt": "Бажаєте вказати адресу е-пошти?",
+        "sign_in_description": "Скористайтесь обліковим записом, щоб продовжити.",
+        "sign_in_instead": "Натомість увійти",
+        "sign_in_instead_prompt": "Натомість увійти",
+        "sign_in_manually": "Увійти вручну",
+        "sign_in_or_register": "Увійти або створити обліковий запис",
+        "sign_in_or_register_description": "Скористайтесь вашим обліковим записом або створіть новий, щоб продовжити.",
+        "sign_in_with_qr": "Увійти за допомогою QR-коду",
+        "sign_in_with_sso": "Увійти за допомогою єдиного входу",
+        "signing_in": "Вхід…",
+        "soft_logout": {
+            "clear_data_button": "Очистити всі дані",
+            "clear_data_description": "Видалення даних з цього сеансу є безповоротним. Зашифровані повідомлення будуть втрачені якщо їхні ключі не було продубльовано.",
+            "clear_data_title": "Очистити всі дані сеансу?"
+        },
+        "soft_logout_heading": "Ви вийшли",
+        "soft_logout_intro_password": "Введіть свій пароль, щоб увійти й відновити доступ до облікового запису.",
+        "soft_logout_intro_sso": "Ввійдіть і відновіть доступ до свого облікового запису.",
+        "soft_logout_intro_unsupported_auth": "Не вдалося зайти до вашого облікового запису. Зверніться до адміністратора вашого домашнього сервера, щоб дізнатися більше.",
+        "soft_logout_subheading": "Очистити особисті дані",
+        "soft_logout_warning": "Попередження: ваші особисті дані ( включно з ключами шифрування) досі зберігаються в цьому сеансі. Очистьте їх, якщо ви завершили роботу в цьому сеансі або хочете увійти в інший обліковий запис.",
+        "sso": "Єдиний вхід",
+        "sso_complete_in_browser_dialog_title": "Перейдіть у ваш браузер щоб завершити вхід",
+        "sso_failed_missing_storage": "Ми попросили браузер запам’ятати, який домашній сервер ви використовуєте, щоб дозволити вам увійти, але, на жаль, ваш браузер забув його. Перейдіть на сторінку входу та повторіть спробу.",
+        "sso_or_username_password": "%(ssoButtons)s або %(usernamePassword)s",
+        "sync_footer_subtitle": "Якщо ви приєднались до багатьох кімнат, це може тривати деякий час",
+        "syncing": "Синхронізація…",
+        "uia": {
+            "code": "Код",
+            "email": "Щоб створити обліковий запис, відкрийте посилання в електронному листі, який ми щойно надіслали на %(emailAddress)s.",
+            "email_auth_header": "Перегляньте свою електронну пошту, щоб продовжити",
+            "email_resend_prompt": "Не отримали листа? <a>Надіслати повторно</a>",
+            "email_resent": "Надіслано повторно!",
+            "fallback_button": "Почати автентифікацію",
+            "mas_cross_signing_reset_cta": "Перейти до свого облікового запису",
+            "mas_cross_signing_reset_description": "Ви збираєтеся перейти до свого облікового запису %(serverName)s, щоб скинути налаштування цифрової ідентичності. Після завершення скидання облікового запису поверніться сюди та натисніть Повторити.",
+            "mas_cross_signing_reset_title": "Перейдіть до свого облікового запису, щоб скинути свою цифрову ідентичність",
+            "msisdn": "Текстове повідомлення надіслано на %(msisdn)s",
+            "msisdn_token_incorrect": "Хибний токен",
+            "msisdn_token_prompt": "Введіть отриманий код:",
+            "password_prompt": "Підтвердьте свою особу, ввівши внизу пароль до свого облікового запису.",
+            "recaptcha_missing_params": "У параметрах домашнього сервера бракує відкритого ключа капчі. Будь ласка, повідомте про це адміністратора домашнього сервера.",
+            "registration_token_label": "Токен реєстрації",
+            "registration_token_prompt": "Введіть реєстраційний токен, наданий адміністратором домашнього сервера.",
+            "sso_body": "Підтвердьте додавання цієї адреси е-пошти скориставшись єдиним входом, щоб довести вашу справжність.",
+            "sso_failed": "Щось пішло не так при підтвердженні вашої особи. Скасуйте й повторіть спробу.",
+            "sso_postauth_body": "Клацніть на кнопку внизу, щоб підтвердити свою особу.",
+            "sso_postauth_title": "Підтвердьте, щоб продовжити",
+            "sso_preauth_body": "Щоб продовжити, скористайтеся єдиним входом для підтвердження особи.",
+            "sso_title": "Використати єдиний вхід, щоб продовжити",
+            "terms": "Перегляньте та прийміть політику цього домашнього сервера:",
+            "terms_invalid": "Перегляньте та прийміть усі правила домашнього сервера"
+        },
+        "unsupported_auth": "Цей домашній сервер не пропонує жодних схем входу, які підтримуються цим клієнтом.",
+        "unsupported_auth_email": "Цей домашній сервер не підтримує входу за адресою е-пошти.",
+        "unsupported_auth_msisdn": "Сервер не підтримує входу за номером телефону.",
+        "username_field_required_invalid": "Введіть ім'я користувача",
+        "username_in_use": "Хтось уже має це користувацьке ім'я, просимо спробувати інше.",
+        "verify_email_explainer": "Ми повинні переконатися, що це ви, перш ніж скинути ваш пароль. Перейдіть за посиланням в електронному листі, який ми щойно надіслали на адресу <b>%(email)s</b>",
+        "verify_email_heading": "Підтвердьте свою електронну пошту, щоб продовжити"
+    },
+    "bug_reporting": {
+        "additional_context": "Наведіть додатковий контекст, який може допомогти нам аналізувати проблему, наприклад що ви намагалися зробити, ID кімнат і користувачів тощо.",
+        "before_submitting": "Перш ніж надіслати журнали, <a>створіть обговорення на GitHub</a> із описом проблеми.",
+        "collecting_information": "Збір інформації про версію застосунку",
+        "collecting_logs": "Збір журналів",
+        "create_new_issue": "<newIssueLink>Створіть нове обговорення</newIssueLink> на GitHub, щоб ми могли розібратися з цією вадою.",
+        "description": "Журнали зневадження містять дані використання застосунків, включно з вашим іменем користувача, ID або псевдонімами відвіданих вами кімнат, дані про взаємодію з елементами, та імена користувачів інших користувачів. Вони не містять повідомлень.",
+        "download_logs": "Завантажити журнали",
+        "downloading_logs": "Завантаження журналів",
+        "error_empty": "Будь ласка, повідомте нам, що пішло не так; а ще краще створіть обговорення на GitHub із описом проблеми.",
+        "failed_download_logs": "Не вдалося завантажити журнали налагодження: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Ваш звіт про помилку було відхилено. Сервер rageshake не підтримує цей застосунок.",
+            "rejected_generic": "Ваш звіт про помилку було відхилено. Сервер rageshake відхилив вміст звіту через політику.",
+            "rejected_recovery_key": "Ваш звіт про помилку було відхилено з міркувань безпеки, оскільки він містив ключ відновлення.",
+            "rejected_version": "Ваш звіт про помилку було відхилено, оскільки версія, яку ви використовуєте, надто стара.",
+            "server_unknown_error": "Сервер rageshake зіткнувся з невідомою помилкою і не зміг обробити звіт.",
+            "unknown_error": "Не вдалося надіслати журнали."
+        },
+        "github_issue": "Обговорення на GitHub",
+        "introduction": "Якщо ви надіслали звіт про ваду на GitHub, журнали зневадження можуть допомогти нам визначити проблему. ",
+        "log_request": "Щоб уникнути цього в майбутньому просимо <a>надіслати нам журнал</a>.",
+        "logs_sent": "Журнали надіслані",
+        "matrix_security_issue": "Щоб повідомити про проблеми безпеки Matrix, будь ласка, прочитайте <a>Політику розкриття інформації</a> Matrix.org.",
+        "preparing_download": "Приготування до завантаження журналів",
+        "preparing_logs": "Приготування до надсилання журланла",
+        "send_logs": "Надіслати журнали",
+        "submit_debug_logs": "Надіслати журнал зневадження",
+        "textarea_label": "Примітки",
+        "thank_you": "Дякуємо!",
+        "title": "Звітування про вади",
+        "unsupported_browser": "Нагадуємо, що ваш браузер не підтримується, тож деякі функції можуть не працювати.",
+        "uploading_logs": "Відвантаження журналів",
+        "waiting_for_server": "Очікується відповідь від сервера"
+    },
+    "cannot_invite_without_identity_server": "Неможливо запросити користувача електронною поштою без сервера ідентифікації. Ви можете під'єднатися до нього в розділі «Налаштування».",
+    "cannot_reach_homeserver": "Не вдалося зв'язатися з домашнім сервером",
+    "cannot_reach_homeserver_detail": "Переконайтеся, що у ваше з'єднання з Інтернетом стабільне або зв’яжіться з системним адміністратором",
+    "cant_load_page": "Не вдалося завантажити сторінку",
+    "chat_card_back_action_label": "Назад у бесіду",
+    "chat_effects": {
+        "confetti_description": "Надсилає це повідомлення з конфеті",
+        "confetti_message": "надсилає конфеті",
+        "fireworks_description": "Надсилає це повідомлення з феєрверком",
+        "fireworks_message": "надсилає феєрверк",
+        "hearts_description": "Надсилає це повідомлення з сердечками",
+        "hearts_message": "надсилає сердечка",
+        "rainfall_description": "Надсилає це повідомлення з дощем",
+        "rainfall_message": "надсилає дощ",
+        "snowfall_description": "Надсилає це повідомлення зі снігопадом",
+        "snowfall_message": "надсилає снігопад",
+        "spaceinvaders_description": "Надсилає це повідомлення з космічними ефектами",
+        "spaceinvaders_message": "надсилає тему про космічних загарбників"
+    },
+    "common": {
+        "access_token": "Токен доступу",
+        "accessibility": "Доступність",
+        "advanced": "Подробиці",
+        "all_chats": "Усі бесіди",
+        "analytics": "Аналітика",
+        "and_n_others": {
+            "one": "і інше...",
+            "other": "та %(count)s інші..."
+        },
+        "appearance": "Вигляд",
+        "application": "Застосунок",
+        "are_you_sure": "Ви впевнені?",
+        "attachment": "Прикріплення",
+        "authentication": "Автентифікація",
+        "avatar": "Аватар",
+        "beta": "Бета",
+        "camera": "Камера",
+        "cameras": "Камери",
+        "cancel": "Скасувати",
+        "capabilities": "Можливості",
+        "copied": "Скопійовано!",
+        "credits": "Подяки",
+        "dark": "Темна",
+        "description": "Опис",
+        "deselect_all": "Скасувати вибір",
+        "device": "Пристрій",
+        "disabled_by_homeserver": "Вимкнено на домашньому сервері",
+        "edited": "змінено",
+        "email_address": "Адреса е-пошти",
+        "emoji": "Емоджі",
+        "encrypted": "Зашифроване",
+        "error": "Помилка",
+        "faq": "ЧаПи",
+        "feedback": "Відгук",
+        "filter_results": "Відфільтрувати результати",
+        "forward_message": "Переслати повідомлення",
+        "general": "Загальні",
+        "go_to_settings": "Перейти до налаштувань",
+        "guest": "Гість",
+        "help": "Довідка",
+        "home": "Домівка",
+        "homeserver": "Домашній сервер",
+        "identity_server": "Сервер ідентифікації",
+        "image": "Зображення",
+        "integration_manager": "Менеджер інтеграцій",
+        "joined": "Приєднано",
+        "labs": "Лабораторія",
+        "legacy_voice_and_video_settings": "Виклики 1:1 Calls (Застарілі)",
+        "legal": "Правові положення",
+        "light": "Світла",
+        "loading": "Завантаження…",
+        "location": "Місцеперебування",
+        "matrix": "Matrix",
+        "message": "Повідомлення",
+        "message_layout": "Макет повідомлення",
+        "message_timestamp_invalid": "Недійсна позначка часу",
+        "microphone": "Мікрофон",
+        "moderation_and_safety": "Модерування й безпека",
+        "modern": "Сучасний",
+        "mute": "Стишити",
+        "n_members": {
+            "one": "%(count)s учасник",
+            "few": "%(count)s учасники",
+            "many": "%(count)s учасників"
+        },
+        "n_rooms": {
+            "one": "%(count)s кімната",
+            "other": "%(count)s кімнат"
+        },
+        "name": "Назва",
+        "no_results": "Немає результатів",
+        "no_results_found": "Нічого не знайдено",
+        "not_trusted": "Не довірений",
+        "off": "Вимкнено",
+        "offline": "Не в мережі",
+        "on": "Увімкнено",
+        "options": "Параметри",
+        "orphan_rooms": "Інші кімнати",
+        "password": "Пароль",
+        "people": "Люди",
+        "preferences": "Параметри",
+        "presence": "Присутність",
+        "preview_message": "Агов, ти, так, ти. Ти найкращий!",
+        "privacy": "Приватність",
+        "private": "Приватний",
+        "private_room": "Приватна кімната",
+        "private_space": "Приватний простір",
+        "profile": "Профіль",
+        "public": "Загальнодоступний",
+        "public_room": "Загальнодоступна кімната",
+        "public_space": "Загальнодоступний простір",
+        "qr_code": "QR-код",
+        "random": "Випадковий",
+        "reactions": "Реакції",
+        "recommended": "Рекомендовано",
+        "report_a_bug": "Повідомити про ваду",
+        "room": "Кімната",
+        "room_name": "Назва кімнати",
+        "rooms": "Кімнати",
+        "save": "Зберегти",
+        "saved": "Збережено",
+        "saving": "Збереження…",
+        "secure_backup": "Безпечне резервне копіювання",
+        "select_all": "Вибрати всі",
+        "server": "Сервер",
+        "settings": "Налаштування",
+        "setup_secure_messages": "Налаштувати захищені повідомлення",
+        "show_more": "Розгорнути",
+        "someone": "Хтось",
+        "space": "Простір",
+        "spaces": "Простори",
+        "state_encryption_enabled": "Увімкнено експериментальне шифрування стану",
+        "sticker": "Наліпка",
+        "stickerpack": "Пакунок наліпок",
+        "success": "Успіх",
+        "suggestions": "Пропозиції",
+        "support": "Підтримка",
+        "theme": "Тема",
+        "thread": "Гілка",
+        "threads": "Гілки",
+        "timeline": "Стрічка",
+        "unavailable": "недоступний",
+        "unencrypted": "Не зашифроване",
+        "unmute": "Розтишити",
+        "unnamed_room": "Кімната без назви",
+        "unnamed_space": "Простір без назви",
+        "unverified": "Не звірений",
+        "updating": "Оновлення...",
+        "user": "Користувач",
+        "user_avatar": "Зображення профілю",
+        "username": "Ім'я користувача",
+        "verified": "Звірений",
+        "version": "Версія",
+        "video_room": "Відеокімната",
+        "view_message": "Переглянути повідомлення",
+        "warning": "Попередження"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Сповістити всю кімнату",
+            "command_a11y": "Команда автозаповнення",
+            "command_description": "Команди",
+            "emoji_a11y": "Самозаповнення емодзі",
+            "notification_a11y": "Автозаповнення сповіщення",
+            "notification_description": "Сповіщення кімнати",
+            "room_a11y": "Автозаповнення кімнати",
+            "space_a11y": "Автозаповнення простору",
+            "user_a11y": "Автозаповнення користувача",
+            "user_description": "Користувачі"
+        },
+        "close_sticker_picker": "Сховати наліпки",
+        "edit_composer_label": "Редагувати повідомлення",
+        "format_bold": "Жирний",
+        "format_code_block": "Блок коду",
+        "format_decrease_indent": "Зменшення відступу",
+        "format_increase_indent": "Збільшення відступу",
+        "format_inline_code": "Код",
+        "format_insert_link": "Додати посилання",
+        "format_italic": "Курсив",
+        "format_italics": "Курсив",
+        "format_link": "Посилання",
+        "format_ordered_list": "Нумерований список",
+        "format_strikethrough": "Перекреслений",
+        "format_underline": "Підкреслений",
+        "format_unordered_list": "Маркований список",
+        "formatting_toolbar_label": "Форматування",
+        "link_modal": {
+            "link_field_label": "Посилання",
+            "text_field_label": "Текст",
+            "title_create": "Створити посилання",
+            "title_edit": "Змінити посилання"
+        },
+        "mode_plain": "Сховати форматування",
+        "mode_rich_text": "Показати форматування",
+        "no_perms_notice": "У вас немає дозволу писати в цій кімнаті",
+        "placeholder": "Надіслати незашифроване повідомлення...",
+        "placeholder_encrypted": "Надіслати повідомлення…",
+        "placeholder_reply": "Надіслати незашифровану відповідь…",
+        "placeholder_reply_encrypted": "Надіслати відповідь…",
+        "placeholder_thread": "Відповісти в незашифрованій гілці…",
+        "placeholder_thread_encrypted": "Відповісти в гілці…",
+        "poll_button": "Опитування",
+        "poll_button_no_perms_description": "Ви не маєте дозволу створювати опитування в цій кімнаті.",
+        "poll_button_no_perms_title": "Потрібен дозвіл",
+        "replying_title": "Відповідання",
+        "room_unencrypted": "Повідомлення у цій кімнаті не захищено наскрізним шифруванням.",
+        "room_upgraded_link": "Розмова триває тут.",
+        "room_upgraded_notice": "Ця кімната була замінена і не є активною.",
+        "send_button_title": "Надіслати повідомлення",
+        "send_button_voice_message": "Надіслати голосове повідомлення",
+        "send_voice_message": "Надіслати голосове повідомлення",
+        "stop_voice_message": "Зупинити запис",
+        "voice_message_button": "Голосове повідомлення"
+    },
+    "console_dev_note": "Якщо ви знаєте, що ви робите, Element — це відкрите програмне забезпечення, обов'язково перегляньте наш GitHub (https://github.com/vector-im/element-web/) та зробіть внесок!",
+    "console_scam_warning": "Якщо хтось сказав вам скопіювати/вставити щось сюди, є велика ймовірність, що вас обманюють!",
+    "console_wait": "Заждіть!",
+    "create_room": {
+        "action_create_room": "Створити кімнату",
+        "action_create_video_room": "Створити відеокімнату",
+        "encrypted_video_room_warning": "Ви не зможете вимкнути це пізніше. Кімната буде зашифрована, але вбудований виклик – ні.",
+        "encrypted_warning": "Ви не зможете вимкнути це пізніше. Мости й більшість ботів поки не працюватимуть.",
+        "encryption_forced": "Ваш сервер вимагає увімкнення шифрування приватних кімнат.",
+        "encryption_label": "Увімкнути наскрізне шифрування",
+        "error_title": "Не вдалося створити кімнату",
+        "generic_error": "Сервер може бути недоступний, перевантажений, або ж ви натрапили на ваду.",
+        "join_rule_change_notice": "Ви завжди можете змінити це у налаштуваннях кімнати.",
+        "join_rule_invite": "Приватна кімната (лише за запрошенням)",
+        "join_rule_invite_label": "Лише запрошені до цієї кімнати люди зможуть знайти й приєднатися до неї.",
+        "join_rule_knock_label": "Будь-хто може подати заявку на приєднання, але адміністратори або модератори повинні надати доступ. Ви можете змінити це пізніше.",
+        "join_rule_public_label": "Будь-хто зможе знайти цю кімнату й приєднатись.",
+        "join_rule_public_parent_space_label": "Будь-хто зможе знайти цю кімнату й приєднатись, не лише учасники <SpaceName/>.",
+        "join_rule_restricted": "Стандартно",
+        "join_rule_restricted_label": "Будь-хто з <SpaceName/> може приєднатися.",
+        "name_validation_required": "Введіть назву кімнати",
+        "room_visibility_label": "Видимість кімнати",
+        "state_encrypted_warning": "Увімкнення експериментальної підтримки шифрування подій стану, що приховує від сервера метадані, такі як назви кімнат та теми. Ці метадані також будуть приховані від користувачів, які приєднаються до кімнат пізніше, та від тих, чиї клієнти не підтримують MSC4362.",
+        "state_encryption_label": "Шифрування подій стану",
+        "title_private_room": "Створити приватну кімнату",
+        "title_public_room": "Створити загальнодоступну кімнату",
+        "title_video_room": "Створити відеокімнату",
+        "topic_label": "Тема (не обов'язково)",
+        "unfederated": "Заборонити всім ззовні %(serverName)s приєднуватись до цієї кімнати в майбутньому.",
+        "unfederated_label_default_off": "Можете ввімкнути це, якщо в кімнаті співпрацюватимуть лише внутрішні команди на вашому домашньому сервері. Цього більше не можна буде змінити.",
+        "unfederated_label_default_on": "Ви можете вимкнути це, якщо кімната буде використовуватися для співпраці із зовнішніми командами, які мають власний домашній сервер. Це неможливо змінити пізніше.",
+        "unsupported_version": "Сервер не підтримує вказану версію кімнати."
+    },
+    "create_section_dialog": {
+        "create_section": "Створити розділ",
+        "description": "Розділи призначені лише для вас",
+        "label": "Назва розділу",
+        "title": "Створити розділ",
+        "title_edition": "Змінити розділ"
+    },
+    "create_space": {
+        "add_details_prompt": "Додайте якісь подробиці, щоб допомогти людям дізнатися про нього.",
+        "add_details_prompt_2": "Ви можете змінити це будь-коли.",
+        "add_existing_rooms_description": "Виберіть кімнати або бесіди, які потрібно додати. Це простір лише для вас, ніхто не буде поінформований. Пізніше ви можете додати більше.",
+        "add_existing_rooms_heading": "Що б ви хотіли організувати?",
+        "address_label": "Адреса",
+        "address_placeholder": "наприклад, мій-простір",
+        "creating": "Створення…",
+        "creating_rooms": "Створення кімнат…",
+        "done_action": "Перейти до мого простору",
+        "done_action_first_room": "Перейти до моєї першої кімнати",
+        "explainer": "Простори — це новий спосіб групувати кімнати та людей. Який вид простору ви хочете створити?",
+        "failed_create_initial_rooms": "Не вдалося створити початкові кімнати простору",
+        "failed_invite_users": "Не вдалося запросити до вашого простору таких користувачів: %(csvUsers)s",
+        "invite_teammates_by_username": "Запросити за користувацьким іменем",
+        "invite_teammates_description": "Переконайтеся, що потрібні люди мають доступ. Пізніше ви можете запросити більше людей.",
+        "invite_teammates_heading": "Запросіть учасників своєї команди",
+        "inviting_users": "Запрошення…",
+        "label": "Створити простір",
+        "name_required": "Будь ласка, введіть назву простору",
+        "personal_space": "Лише я",
+        "personal_space_description": "Приватний простір для впорядкування ваших кімнат",
+        "private_description": "Лише за запрошенням, найкраще для себе чи для команди",
+        "private_heading": "Ваш приватний простір",
+        "private_only_heading": "Ваш простір",
+        "private_personal_description": "Переконайтеся, що потрібні люди мають доступ до %(name)s",
+        "private_personal_heading": "З ким ви працюєте?",
+        "private_space": "Я й учасники моєї команди",
+        "private_space_description": "Приватний простір для вас та учасників вашої команди",
+        "public_description": "Приєднатися може будь-хто, ідеально підходить для спільнот",
+        "public_heading": "Ваш загальнодоступний простір",
+        "search_public_button": "Пошук загальнодоступних просторів",
+        "setup_rooms_community_description": "Створімо кімнати, щоб розпочати.",
+        "setup_rooms_community_heading": "Які речі ви бажаєте обговорювати в %(spaceName)s?",
+        "setup_rooms_description": "Згодом ви зможете додати більше кімнат до простору, зокрема вже наявні.",
+        "setup_rooms_private_description": "Створімо кімнати, щоб розпочати.",
+        "setup_rooms_private_heading": "Над якими проєктами працює ваша команда?",
+        "share_description": "Зараз це лише для вас, якщо додати ще когось буде цікавіше.",
+        "share_heading": "Поділитися %(name)s",
+        "skip_action": "Пропустити зараз",
+        "subspace_adding": "Додавання…",
+        "subspace_beta_notice": "Додайте простір до іншого простору, яким ви керуєте.",
+        "subspace_dropdown_title": "Створити простір",
+        "subspace_existing_space_prompt": "Бажаєте додати наявний простір натомість?",
+        "subspace_join_rule_invite_description": "Лише запрошені до цього простору люди зможуть знайти й приєднатися до нього.",
+        "subspace_join_rule_invite_only": "Приватний простір (лише за запрошенням)",
+        "subspace_join_rule_label": "Видимість простору",
+        "subspace_join_rule_public_description": "Будь-хто зможе знайти цей простір і приєднатись, не лише учасники <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Будь-хто з <SpaceName/> може приєднатися."
+    },
+    "credits": {
+        "default_cover_photo": "<photo>Типова світлина обкладинки</photo> від © <author>Jesús Roncero</author> використовується на умовах <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "Стиль емоджі <twemoji>Twemoji</twemoji> від © <author>Twitter, Inc та інших учасників</author> використовується на умовах <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "Шрифт <colr>wemoji-colr</colr> від © <author>Mozilla Foundation</author> використовується на умовах <terms>Apache 2.0</terms>."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Ви впевнені, що хочете відхилити запрошення приєднатися до \"%(roomName)s\"?",
+        "ignore_user_help": "Ви не бачитимете повідомлень або запрошень до кімнат від цього користувача.",
+        "reason_description": "Опишіть причину скарги на room.",
+        "report_room_description": "Поскаржитися на цю кімнату постачальнику облікового запису.",
+        "title": "Відхилити запрошення"
+    },
+    "desktop_default_device_name": "%(brand)s для комп'ютера: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Активні віджети",
+        "category_other": "Інше",
+        "category_room": "Кімната",
+        "caution_colon": "Попередження:",
+        "checking_sticky_events_support": "Перевірка підтримки закріплених подій...",
+        "client_versions": "Версії клієнта",
+        "crypto": {
+            "4s_public_key_in_account_data": "у даних облікового запису",
+            "4s_public_key_not_in_account_data": "не знайдено",
+            "4s_public_key_status": "Відкритий ключ таємного сховища:",
+            "backup_key_cached": "кешовано локально",
+            "backup_key_cached_status": "Резервний ключ кешовано:",
+            "backup_key_not_stored": "не зберігається",
+            "backup_key_stored": "у таємному сховищі",
+            "backup_key_stored_status": "Резервний ключ розміщено:",
+            "backup_key_unexpected_type": "несподіваний тип",
+            "backup_key_well_formed": "добре сформований",
+            "cross_signing": "Перехресне підписування",
+            "cross_signing_cached": "кешовано локально",
+            "cross_signing_not_ready": "Перехресне підписування не налаштовано.",
+            "cross_signing_private_keys_in_storage": "у таємному сховищі",
+            "cross_signing_private_keys_in_storage_status": "Приватні ключі перехресного підписування:",
+            "cross_signing_private_keys_not_in_storage": "не знайдено у сховищі",
+            "cross_signing_public_keys_on_device": "у пам'яті",
+            "cross_signing_public_keys_on_device_status": "Відкриті ключі перехресного підписування:",
+            "cross_signing_ready": "Перехресне підписування готове до користування.",
+            "cross_signing_status": "Стан перехресного підписування:",
+            "cross_signing_untrusted": "Ваш обліковий запис має цифрову ідентичність у сховищі таємниць, але цей сеанс ще не має до неї довіри.",
+            "crypto_not_available": "Криптографічний модуль недоступний",
+            "device_id": "ID пристрою",
+            "key_backup_active_version": "Активна версія резервної копії:",
+            "key_backup_active_version_none": "Немає",
+            "key_backup_inactive_warning": "Резервне копіювання ваших ключів із цього сеансу не виконується.",
+            "key_backup_latest_version": "Остання версія резервної копії на сервері:",
+            "key_storage": "Сховище ключів",
+            "master_private_key_cached_status": "Головний приватний ключ:",
+            "not_found": "не знайдено",
+            "not_found_locally": "не знайдено локально",
+            "secret_storage_not_ready": "не готовий",
+            "secret_storage_ready": "готовий",
+            "secret_storage_status": "Таємне сховище:",
+            "self_signing_private_key_cached_status": "Самопідписаний приватний ключ:",
+            "session": "Сеанс",
+            "session_fingerprint": "Цифровий відбиток (ключ сеансу)",
+            "title": "Наскрізне шифрування",
+            "user_signing_private_key_cached_status": "Приватний ключ підпису користувача:"
+        },
+        "developer_mode": "Режим розробника",
+        "developer_tools": "Інструменти розробника",
+        "device_dehydrated_no": "Підготовлено до відновлення: ні",
+        "device_dehydrated_yes": "Підготовлено до відновлення: так",
+        "device_id": "ID пристрою: %(deviceId)s",
+        "device_keys": "Ключі пристрою",
+        "device_verification_status": {
+            "signed_by_owner": "Стан верифікації: <E2EIcon /> Підписано власником",
+            "unknown": "Стан верифікації: невідомо",
+            "unverified": "Стан верифікації: <E2EIcon /> Не підписано власником",
+            "verified": "Стан верифікації: <E2EIcon /> Верифіковано перехресним підписом"
+        },
+        "devices": "Криптографічні пристрої (%(count)s)",
+        "edit_setting": "Змінити налаштування",
+        "edit_values": "Редагувати значення",
+        "empty_string": "<порожній рядок>",
+        "error_sticky_duration_must_be_a_number": "stickyDuration має бути числом",
+        "error_sticky_duration_out_of_range": "Значення stickyDuration має бути від 0 до 36000 мілісекунд (1 год)",
+        "event_content": "Зміст події",
+        "event_id": "ID події: %(eventId)s",
+        "event_sent": "Подію надіслано!",
+        "event_type": "Тип події",
+        "expired": "Термін дії минув",
+        "expires_in": "Діє до",
+        "explore_account_data": "Переглянути дані облікового запису",
+        "explore_room_account_data": "Переглянути дані облікового запису кімнати",
+        "explore_room_state": "Переглянути стан кімнати",
+        "explore_sticky_state": "Дізнайтеся про прикріплений стан",
+        "failed_to_find_widget": "Сталася помилка під час пошуку віджету.",
+        "failed_to_load": "Не вдалося завантажити.",
+        "failed_to_save": "Не вдалося зберегти налаштування.",
+        "failed_to_send": "Не вдалося надіслати подію!",
+        "id": "Ідентифікатор: ",
+        "invalid_device_key_id": "Недійсний ID ключа пристрою",
+        "invalid_json": "Не схоже на чинний JSON.",
+        "level": "Рівень",
+        "low_bandwidth_mode": "Режим низької пропускної спроможності",
+        "low_bandwidth_mode_description": "Вимикає шифрування, відомості про присутність, аватари, сповіщення про прочитання та введення тексту",
+        "main_timeline": "Основна стрічка",
+        "manual_device_verification": "Ручна верифікація пристрою",
+        "no_receipt_found": "Підтвердження не знайдено",
+        "no_sticky_events": "У цій кімнаті немає закріплених подій.",
+        "notification_state": "Стан сповіщень <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Сповіщення зневадження",
+        "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>",
+        "room_notifications_dot": "Крапка: ",
+        "room_notifications_highlight": "Виділене: ",
+        "room_notifications_last_event": "Остання подія:",
+        "room_notifications_sender": "Відправник: ",
+        "room_notifications_thread_id": "Id стрічки: ",
+        "room_notifications_total": "Загалом: ",
+        "room_notifications_type": "Тип: ",
+        "room_status": "Статус кімнати",
+        "room_unread_status_count": {
+            "one": "Статус непрочитаного кімнати: <strong> %(status)s</strong>, кількість: <strong> %(count)s </strong>",
+            "few": "Статус непрочитаного кімнати: <strong> %(status)s</strong>, кількість: <strong> %(count)s </strong>",
+            "many": "Статус непрочитаного кімнати: <strong> %(status)s</strong>, кількість: <strong> %(count)s </strong>"
+        },
+        "save_setting_values": "Зберегти значення налаштування",
+        "see_history": "Переглянути історію",
+        "send_custom_account_data_event": "Надіслати нетипову подію даних облікового запису",
+        "send_custom_room_account_data_event": "Надіслати нетипову подію даних кімнати",
+        "send_custom_state_event": "Надіслати нетипову подію стану",
+        "send_custom_sticky_event": "Надіслати власну закріплену подію",
+        "send_custom_timeline_event": "Надіслати спеціальну подію стрічки",
+        "server_info": "Інформація сервера",
+        "server_versions": "Версії сервера",
+        "settable_global": "Має сенс глобально",
+        "settable_room": "Має сенс у кімнатах",
+        "setting_colon": "Налаштування:",
+        "setting_definition": "Означення налаштування:",
+        "setting_id": "ID налаштувань",
+        "settings": {
+            "elementCallUrl": "URL Element Call"
+        },
+        "settings_explorer": "Налаштування оглядача",
+        "show_empty_content_events": "Показати події з порожнім вмістом",
+        "show_hidden_events": "Показувати приховані події у часоряді",
+        "spaces": {
+            "one": "<простір>",
+            "other": "<%(count)s просторів>"
+        },
+        "state_key": "Ключ стану",
+        "sticky_duration": "Тривалість закріплення (мс)",
+        "sticky_events_not_supported": "Ваш домашній сервер ще не підтримує закріплені події.",
+        "thread_root_id": "ID кореневої гілки: %(threadRootId)s",
+        "threads_timeline": "Стрічка гілок",
+        "title": "Інструменти розробника",
+        "toolbox": "Панель інструментів",
+        "use_at_own_risk": "Цей інтерфейс НЕ перевіряє типи значень. Користуйтесь на свій ризик.",
+        "user_avatar": "Аватар: %(avatar)s",
+        "user_displayname": "Показуване ім'я: %(displayname)s",
+        "user_id": "ID користувача: %(userId)s",
+        "user_identity": "Криптографічна ідентичність",
+        "user_identity_unknown": "Невідомо",
+        "user_no_avatar": "Аватар: <i>Немає</i>",
+        "user_no_displayname": "Показуване ім'я: <i>Немає</i>",
+        "user_read_up_to": "Користувач прочитав до: ",
+        "user_read_up_to_ignore_synthetic": "Користувач прочитав до (ignoreSynthetic): ",
+        "user_read_up_to_private": "Користувач прочитав до (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Користувач прочитав до (m.read.private;ignoreSynthetic): ",
+        "user_room_membership": "Учасник: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Стан звіряння: <E2EIcon /> Не звірено, цифрову ідентичність змінено",
+            "unverified": "Стан верифікації: <E2EIcon /> Не верифіковано",
+            "verified": "Стан верифікації: <E2EIcon /> верифіковано",
+            "was_verified": "Стан звіряння: <E2EIcon /> Звірено, але цифрова ідентичність змінилася"
+        },
+        "users": "Користувачі",
+        "value": "Значення",
+        "value_colon": "Значення:",
+        "value_in_this_room": "Значення у цій кімнаті",
+        "value_this_room_colon": "Значення у цій кімнаті:",
+        "values_explicit": "Значення на явних рівнях",
+        "values_explicit_colon": "Значення на явних рівнях:",
+        "values_explicit_room": "Значення на явних рівнях у цій кімнаті",
+        "values_explicit_this_room_colon": "Значення на явних рівнях у цій кімнаті:",
+        "view_servers_in_room": "Переглянути сервери в кімнаті",
+        "view_source_decrypted_event_source": "Розшифрований початковий код події",
+        "view_source_decrypted_event_source_unavailable": "Розшифроване джерело недоступне",
+        "widget_screenshots": "Увімкнути знімки екрана віджетів для підтримуваних віджетів"
+    },
+    "dialog_close_label": "Закрити діалогове вікно",
+    "download_completed": "Завантаження завершено",
+    "empty_room": "Порожня кімната",
+    "empty_room_was_name": "Порожня кімната (були %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Якщо у вас є ключ безпеки або фраза безпеки, це теж спрацює.",
+            "key_validation_text": {
+                "wrong_security_key": "Ви ввели некоректний ключ відновлення."
+            },
+            "privacy_warning": "Переконайтеся, що ніхто не бачить цей екран!",
+            "restoring": "Відновлення ключів із резервної копії",
+            "security_key_label": "Ключ відновлення",
+            "security_key_title": "Введіть ключ відновлення"
+        },
+        "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": "Хтось користується невідомим сеансом",
+        "cross_signing_user_normal": "Ви не звіряли цього користувача.",
+        "cross_signing_user_verified": "Ви звірили цього користувача. Цей користувач звірив усі свої сеанси.",
+        "cross_signing_user_warning": "Цей користувач звірив не всі свої сеанси.",
+        "enter_recovery_key": "Введіть ключ відновлення",
+        "event_shield_reason_authenticity_not_guaranteed": "Справжність цього зашифрованого повідомлення не може бути гарантованою на цьому пристрої.",
+        "event_shield_reason_mismatched_sender": "Відправник події не збігається з власником пристрою, який її надіслав.",
+        "event_shield_reason_mismatched_sender_key": "Зашифроване незвіреним сеансом",
+        "event_shield_reason_unknown_device": "Зашифровано невідомим або видаленим пристроєм.",
+        "event_shield_reason_unsigned_device": "Зашифровано пристроєм, не перевіреним його власником.",
+        "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": "Ваше сховище ключів не синхронізується.",
+        "key_storage_out_of_sync_description": "Підтвердьте свій ключ відновлення, щоб мати доступ до сховища ключів та історії повідомлень.",
+        "messages_not_secure": {
+            "cause_1": "Ваш домашній сервер",
+            "cause_2": "Домашній сервер користувача, якого ви підтверджуєте",
+            "cause_3": "Ваше інтернет-з'єднання чи з'єднання інших користувачів",
+            "cause_4": "Ваш сеанс чи сеанс інших користувачів",
+            "heading": "Щось із переліченого може бути скомпрометовано:",
+            "title": "Ваші повідомлення не захищені"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Виявлено зміну фрази безпеки й ключа до захищених повідомлень.",
+            "description_2": "Цей сеанс зашифровує історію новим відновлювальним засобом.",
+            "title": "Новий метод відновлення",
+            "warning": "Якщо ви не встановлювали нового способу відновлення, ймовірно хтось намагається зламати ваш обліковий запис. Негайно змініть пароль до свого облікового запису й встановіть новий спосіб відновлення в налаштуваннях."
+        },
+        "pinned_identity_changed": "Цифрову ідентичність %(displayName)s (<b>%(userId)s</b>) скинуто. <a>Докладніше</a>",
+        "pinned_identity_changed_no_displayname": "Цифрову ідентичність <b>%(userId)s</b> скинуто. <a>Докладніше</a>",
+        "recovery_method_removed": {
+            "description_1": "Цей сеанс виявив, що ваша фраза безпеки й ключ до захищених повідомлень були видалені.",
+            "description_2": "Якщо це ненароком зробили ви, налаштуйте захищені повідомлення для цього сеансу, щоб повторно зашифрувати історію листування цього сеансу з новим способом відновлення.",
+            "title": "Відновлювальний засіб було видалено",
+            "warning": "Якщо ви не видаляли способу відновлення, ймовірно хтось намагається зламати ваш обліковий запис. Негайно змініть пароль до свого облікового запису й встановіть новий спосіб відновлення в налаштуваннях."
+        },
+        "set_up_recovery": "Створити резервну копію своїх бесід",
+        "set_up_recovery_toast_description": "Ваші бесіди автоматично резервуються з використанням наскрізного шифрування. Щоб відновити цю резервну копію та зберегти свою цифрову ідентичність у разі втрати доступу до всіх своїх пристроїв, вам знадобиться ключ відновлення.",
+        "set_up_toast_title": "Налаштувати захищене резервне копіювання",
+        "turn_on_key_storage": "Увімкнути сховище ключів",
+        "turn_on_key_storage_description": "Це дозволить вам переглядати історію бесід на нових пристроях і необхідно для резервного копіювання бесід і цифрової ідентичності.",
+        "unable_to_setup_keys_error": "Не вдалося налаштувати ключі",
+        "verification": {
+            "accepting": "Прийняття…",
+            "after_new_login": {
+                "device_verified": "Пристрій звірено",
+                "skip_verification": "На разі пропустити звірку",
+                "verify_this_device": "Звірити цей пристрій"
+            },
+            "cancelled_verification": "Або час очікування запиту минув, або запит було відхилено, або виникла розбіжність у верифікації.",
+            "cancelling": "Скасування…",
+            "cant_confirm": "Не можете підтвердити?",
+            "complete_action": "Зрозуміло",
+            "complete_description": "Ви успішно звірили цього користувача.",
+            "complete_title": "Звірено!",
+            "confirm_identity_description": "Верифікуйте цей пристрій, щоб налаштувати безпечний обмін повідомленнями.",
+            "confirm_identity_title": "Звірте свою цифрову ідентичність",
+            "confirm_the_emojis": "Підтвердьте, що емодзі нижче збігаються з тими, які показані на вашому іншому пристрої.",
+            "error_starting_description": "Ми не змогли розпочати бесіду з іншим користувачем.",
+            "error_starting_title": "Помилка запуску перевірки",
+            "explainer": "Захищені повідомлення з цим користувачем є наскрізно зашифрованими та непрочитними для сторонніх осіб.",
+            "in_person": "Для безпеки зробіть це особисто або скористайтесь надійним способом зв'язку.",
+            "incoming_sas_device_dialog_text_1": "Звірте цей пристрій щоб позначити його довіреним. Довіряння цьому пристрою додає вам та іншим користувачам спокою якщо ви користуєтесь наскрізно зашифрованими повідомленнями.",
+            "incoming_sas_device_dialog_text_2": "Якщо звірити цей пристрій, його буде позначено надійним, а користувачі, які перевірили у вас, будуть довіряти цьому пристрою.",
+            "incoming_sas_dialog_title": "Надійшов запит на звірку",
+            "incoming_sas_dialog_waiting": "Очікування підтвердження партнером…",
+            "incoming_sas_user_dialog_text_1": "Звірте цього користувача щоб позначити його довіреним. Довіряння користувачам додає спокою якщо ви користуєтесь наскрізно зашифрованими повідомленнями.",
+            "incoming_sas_user_dialog_text_2": "Звірка цього користувача позначить його сеанс довіреним вам, а ваш йому.",
+            "manual": {
+                "already_verified": "Цей пристрій вже верифіковано",
+                "already_verified_and_wrong_fingerprint": "Наданий цифровий відбиток не збігається, але пристрій уже верифіковано!",
+                "device_id": "ID пристрою",
+                "failure_description": "Не вдалося верифікувати '%(deviceId)s': %(error)s",
+                "failure_title": "Не вдалося верифікувати",
+                "fingerprint": "Цифровий відбиток (ключ сеансу)",
+                "no_crypto": "Не вдалося верифікувати пристрій – криптографію не ввімкнено",
+                "no_device": "Не вдалося верифікувати пристрій - пристрій '%(deviceId)s' не знайдено",
+                "no_userid": "Не вдалося верифікувати пристрій – не вдалося знайти наш ID користувача",
+                "success_description": "Пристрій (%(deviceId)s) тепер має перехресний підпис",
+                "success_title": "Успішно верифіковано",
+                "text": "Надайте ID і цифровий відбиток одного з ваших пристроїв, щоб верифікувати його. ЗАУВАЖТЕ, це дозволяє іншому пристрою надсилати та отримувати повідомлення від вашого імені. ЯКЩО ХТОСЬ СКАЗАВ ВАМ ВСТАВИТИ ЩОСЬ СЮДИ, ШВИДШЕ ЗА ВСЕ, ВАС ОБМАНЮЮТЬ!",
+                "wrong_fingerprint": "Не вдалося верифікувати пристрій '%(deviceId)s' - наданий цифровий відбиток '%(fingerprint)s' не збігається з відбитком пристрою, '%(fprint)s'"
+            },
+            "no_support_qr_emoji": "Пристрій, який ви намагаєтесь звірити, не підтримує сканування QR-коду або звірення за допомогою емоджі, що є підтримувані %(brand)s. Спробуйте використати інший клієнт.",
+            "now_you_can": "Тепер ви можете безпечно читати та надсилати повідомлення, а всі, з ким ви спілкуєтеся, також можуть довіряти цьому пристрою.",
+            "once_accepted_can_continue": "Після погодження ви зможете продовжити верифікацію.",
+            "other_party_cancelled": "Друга сторона скасувала звірення.",
+            "prompt_encrypted": "Звірте всіх користувачів у кімнаті, щоб забезпечити її захищеність.",
+            "prompt_unencrypted": "У зашифрованих кімнатах, звіряйте всіх користувачів, щоб спілкуватися було безпечно.",
+            "qr_or_sas": "%(qrCode)s з %(emojiCompare)s",
+            "qr_prompt": "Скануйте цей унікальний код",
+            "qr_reciprocate_check_again_device": "Перевірте ще раз на іншому пристрої, щоб завершити верифікацію.",
+            "qr_reciprocate_no": "Ні, я не бачу зеленого щита",
+            "qr_reciprocate_same_shield_user": "Майже готово! Ваш %(displayName)s показує той самий щит?",
+            "qr_reciprocate_yes": "Так, я бачу зелений щит",
+            "request_toast_accept_user": "Підтвердити користувача",
+            "request_toast_decline_counter": "Ігнорувати (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s з %(ip)s",
+            "request_toast_start_verification": "Почати верифікацію",
+            "sas_caption_self": "Звірте цей пристрій, підтвердивши, що на екрані з'явилося це число.",
+            "sas_caption_user": "Звірте справжність цього користувача, підтвердивши, що на екрані з'явилося таке число.",
+            "sas_description": "Порівняйте унікальний набір емоджі, якщо на жодному з ваших пристроїв немає камери",
+            "sas_emoji_caption_user": "Звірте цього користувача, отримавши підтвердження, що на його екрані показано ці емоджі.",
+            "sas_match": "Вони збігаються",
+            "sas_no_match": "Вони не збігаються",
+            "sas_prompt": "Порівняйте унікальні емоджі",
+            "scan_qr": "Звірити скануванням",
+            "scan_qr_explainer": "Попросіть %(displayName)s відсканувати ваш код:",
+            "start_button": "Почати перевірку",
+            "successful_user": "Ви успішно звірили %(displayName)s!",
+            "unsupported_method": "Не вдалося знайти підтримуваний спосіб звірки.",
+            "unverified_session_toast_accept": "Так, це я",
+            "unverified_session_toast_title": "Новий вхід. Це були ви?",
+            "unverified_sessions_toast_description": "Перевірте, щоб переконатися, що ваш обліковий запис у безпеці",
+            "unverified_sessions_toast_reject": "Пізніше",
+            "unverified_sessions_toast_title": "У вас є неперевірені сеанси",
+            "use_another_device": "Використати інший пристрій",
+            "use_recovery_key": "Використати ключ відновлення",
+            "verification_dialog_title_choose": "Виберіть спосіб звіряння",
+            "verification_dialog_title_compare_emojis": "Порівняти емодзі",
+            "verification_dialog_title_confirm_green_shield": "Підтвердьте, що на іншому пристрої ви бачите зелений щит",
+            "verification_dialog_title_device": "Звірити інший пристрій",
+            "verification_dialog_title_failed": "Не вдалося верифікувати",
+            "verification_dialog_title_start_on_other_device": "Розпочати верифікацію на іншому пристрої",
+            "verification_dialog_title_user": "Запит підтвердження",
+            "verification_dialog_title_verified": "Пристрій верифіковано",
+            "verification_skip_warning": "До звірки ви матимете доступ не до всіх своїх повідомлень, а в інших ви можете позначатися недовіреними.",
+            "verification_success_with_backup": "Ваш новий пристрій звірено. Він має доступ до ваших зашифрованих повідомлень, а інші користувачі бачитимуть його довіреним.",
+            "verification_success_without_backup": "Ваш новий пристрій звірено. Інші користувачі бачитимуть його довіреним.",
+            "verify_by_completing_one_of": "Верифікуйте, виконавши одну з цих дій:",
+            "verify_emoji": "Звірити за допомогою емодзі",
+            "verify_emoji_prompt": "Звірити порівнянням унікальних емодзі.",
+            "verify_emoji_prompt_qr": "Якщо ви не можете сканувати зазначений код, звірте порівнянням унікальних емодзі.",
+            "verify_later": "Звірю пізніше",
+            "waiting_for_user_accept": "Очікування згоди %(displayName)s…",
+            "waiting_other_device": "Очікування вашої звірки на іншому пристрої…",
+            "waiting_other_device_details": "Очікування вашої звірки на іншому пристрої, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Очікування звірки %(displayName)s…"
+        },
+        "verification_requested_toast_title": "Запит перевірки",
+        "verified_identity_changed": "Цифрову ідентичність %(displayName)s (<b>%(userId)s</b>) скинуто. <a>Докладніше</a>",
+        "verified_identity_changed_no_displayname": "Цифрову ідентичність <b>%(userId)s</b> скинуто. <a>Докладніше</a> ",
+        "verify_toast_description": "З кінця жовтня 2026 року, не звірені пристрої не зможуть надсилати та отримувати повідомлення. <a>Докладніше</a>",
+        "verify_toast_title": "Звірити цей пристрій",
+        "withdraw_verification_action": "Відкликати верифікацію"
+    },
+    "error": {
+        "admin_contact": "<a>Зв'яжіться з адміністратором сервісу,</a> щоб продовжити використання.",
+        "admin_contact_short": "Зверніться до <a>адміністратора сервера</a>.",
+        "app_launch_unexpected_error": "Неочікувана помилка при підготовці програми. Дивіться деталі у виводі консолі.",
+        "cannot_load_config": "Неможливо завантажити файл конфігурації. Оновіть, будь ласка, сторінку, щоб спробувати знову.",
+        "connection": "Не вдалося зв'язатися з домашнім сервером, повторіть спробу пізніше.",
+        "dialog_description_default": "Сталася помилка.",
+        "download_media": "Не вдалося завантажити початковий медіафайл, не знайдено url джерела",
+        "edit_history_unsupported": "Схоже, що ваш домашній сервер не підтримує цю властивість.",
+        "failed_copy": "Не вдалося скопіювати",
+        "hs_blocked": "Цей домашній сервер заблокований адміністратором.",
+        "invalid_configuration_mixed_server": "Неправильна конфігурація: не можна вказати default_hs_url разом з default_server_name або default_server_config",
+        "invalid_configuration_no_server": "Неправильна конфігурація: не вказано усталений сервер.",
+        "invalid_json": "Ваша конфігурація Element містить хибний JSON. Виправте проблему та оновіть сторінку.",
+        "invalid_json_detail": "Повідомлення від аналізатора : %(message)s",
+        "invalid_json_generic": "Хибний JSON",
+        "mau": "Цей домашній сервер досягнув свого ліміту щомісячних активних користувачів.",
+        "misconfigured": "Ваш Element налаштовано неправильно",
+        "mixed_content": "З'єднуватися з домашнім сервером через HTTP, коли в рядку адреси браузера введено HTTPS-адресу, не можна. Використовуйте HTTPS або <a>дозвольте небезпечні скрипти</a>.",
+        "non_urgent_echo_failure_toast": "Ваш сервер не відповідає на деякі <a>запити</a>.",
+        "resource_limits": "Цей домашній сервер досягнув одного зі своїх лімітів ресурсів.",
+        "session_restore": {
+            "clear_storage_button": "Вилучити цей пристрій",
+            "clear_storage_description": "Вилучити цей пристрій разом із його ключами шифрування?",
+            "description_1": "Сталася помилка під час спроби відновити ваш сеанс.",
+            "description_2": "Якщо ви досі користувались новішою версією %(brand)s, ваш сеанс може бути несумісним із цією версією. Закрийте це вікно й поверніться до новішої версії.",
+            "description_3": "Очищення сховища браузера може усунути проблему, але призведе до вилучення цього пристрою та неможливості читання зашифрованої історії бесіди.",
+            "title": "Не вдалося відновити сеанс"
+        },
+        "something_went_wrong": "Щось пішло не так!",
+        "storage_evicted_description_1": "Бракує деяких даних сеансу, зокрема ключів зашифрованих повідомлень. Щоб виправити цю проблему, видаліть цей пристрій і увійдіть знову, відновивши ключі з резервної копії.",
+        "storage_evicted_description_2": "Схоже, що ваш браузер вилучив ці дані через брак простору на диску.",
+        "storage_evicted_title": "Відсутні дані сеансу",
+        "sync": "Не вдалося під'єднатися до домашнього сервера. Повторна спроба…",
+        "tls": "Не вдалося під'єднатися до домашнього сервера — перевірте з'єднання, переконайтесь, що ваш <a>SSL-сертифікат домашнього сервера</a> довірений і що розширення браузера не блокує запити.",
+        "unknown": "Невідома помилка",
+        "unknown_error_code": "невідомий код помилки",
+        "update_history_visibility": "Не вдалося змінити видимість історії",
+        "update_power_level": "Не вдалося змінити рівень повноважень"
+    },
+    "error_app_open_in_another_tab": "Перейдіть на іншу вкладку, щоб під'єднатися до %(brand)s. Цю вкладку можна закрити.",
+    "error_app_open_in_another_tab_title": "%(brand)s під'єднано в іншій вкладці",
+    "error_app_opened_in_another_window": "%(brand)s відкрито в іншому вікні. Натисніть \"%(label)s\", щоб використовувати %(brand)s тут і від'єднати інше вікно.",
+    "error_database_closed_description": {
+        "for_desktop": "Можливо ваш диск переповнений. Звільніть місце і перезавантажте.",
+        "for_web": "Якщо ви очистили дані перегляду, це повідомлення очікується. %(brand)s також може бути відкрито в іншій вкладці, або ваш диск заповнений. Звільніть простір і перезавантажте"
+    },
+    "error_database_closed_title": "%(brand)s перестав працювати",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Не вдалося скопіювати посилання на цю кімнату до буфера обміну.",
+            "title": "Не вдалося скопіювати посилання на кімнату"
+        },
+        "error_loading_user_profile": "Не вдалося звантажити профіль користувача",
+        "forget_room_failed": "Не вдалось видалити кімнату %(errCode)s"
+    },
+    "error_user_not_logged_in": "Користувач не увійшов",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Виклик триває",
+            "user": "%(senderName)s приєднується до виклику",
+            "you": "Ви приєднались до виклику"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s завершує виклик",
+            "you": "Ви завершили виклик"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s баламкає",
+            "dm_send": "Чекаємо відповіді",
+            "user": "%(senderName)s розпочинає виклик",
+            "you": "Ви розпочали виклик"
+        },
+        "m.emote": "*%(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s реагує з %(reaction)s на %(message)s",
+            "you": "Ви зреагували %(reaction)s на %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Аудіо",
+            "file": "Файл",
+            "image": "Зображення",
+            "poll": "Опитування",
+            "video": "Відео"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Експорт скасовано",
+        "cancelled_detail": "Експорт успішно скасований",
+        "confirm_stop": "Точно припинити експорт ваших даних? Вам доведеться почати заново.",
+        "creating_html": "Створення HTML…",
+        "creating_output": "Створення виводу…",
+        "creator_summary": "%(creatorName)s створює цю кімнату.",
+        "current_timeline": "Ця стрічка",
+        "enter_number_between_min_max": "Введіть число між %(min)s і %(max)s",
+        "error_fetching_file": "Збій отримання файлу",
+        "export_info": "Експорт <roomName/> починає <exporterDetails/> о %(exportDate)s.",
+        "export_successful": "Успішно експортовано!",
+        "exported_n_events_in_time": {
+            "one": "Експортовано %(count)s подій за %(seconds)s секунд",
+            "other": "Експортовано %(count)s подій за %(seconds)s секунд"
+        },
+        "exporting_your_data": "Експортування ваших даних",
+        "fetched_n_events": {
+            "one": "Знайдено %(count)s подій",
+            "other": "Знайдено %(count)s подій"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Знайдено %(count)s подій за %(seconds)sс",
+            "other": "Знайдено %(count)s подій за %(seconds)sс"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Знайдено %(count)s з %(total)s подій",
+            "other": "Знайдено %(count)s з %(total)s подій"
+        },
+        "fetching_events": "Отримання подій…",
+        "file_attached": "Файл прикріплено",
+        "format": "Формат",
+        "from_the_beginning": "З початку",
+        "generating_zip": "Генерування ZIP-файлу",
+        "html": "HTML",
+        "html_title": "Експортовані дані",
+        "include_attachments": "Включити вкладення",
+        "json": "JSON",
+        "media_omitted": "Медіа пропущено",
+        "media_omitted_file_size": "Медіа пропущено — перевищує обмеження розміру файлу",
+        "messages": "Повідомлення",
+        "next_page": "Наступна група повідомлень",
+        "num_messages": "Кількість повідомлень",
+        "num_messages_min_max": "Кількість повідомлень може бути лише числом між %(min)s і %(max)s",
+        "number_of_messages": "Вказати кількість повідомлень",
+        "previous_page": "Попередня група повідомлень",
+        "processing": "Обробка…",
+        "processing_event_n": "Оброблено %(number)s з %(total)s подій",
+        "select_option": "Налаштуйте параметри внизу, щоб експортувати бесіди вашої стрічки",
+        "size_limit": "Обмеження розміру",
+        "size_limit_min_max": "Розмір може бути лише числом між %(min)s МБ і %(max)s МБ",
+        "size_limit_postfix": "МБ",
+        "starting_export": "Початок експорту…",
+        "successful": "Експорт успішний",
+        "successful_detail": "Експорт успішний. Знайдіть його в своїй теці Завантаження.",
+        "text": "Текстові дані",
+        "title": "Експортувати бесіду",
+        "topic": "Тема: %(topic)s",
+        "unload_confirm": "Точно вийти, поки триває експорт?"
+    },
+    "failed_load_async_component": "Завантаження неможливе! Перевірте інтернет-зʼєднання та спробуйте ще.",
+    "feedback": {
+        "can_contact_label": "Можете зв’язатися зі мною, якщо у вас виникнуть додаткові запитання",
+        "comment_label": "Коментар",
+        "existing_issue_link": "Спершу гляньте <existingIssuesLink>відомі вади на Github</existingIssuesLink>. Ця ще невідома? <newIssueLink>Звітувати про нову ваду</newIssueLink>.",
+        "may_contact_label": "Ви можете зв’язатися зі мною, щоб уточнити подробиці або запропонувати мені випробувати майбутні ідеї",
+        "platform_username": "Ваша платформа й користувацьке ім'я будуть додані, щоб допомогти нам якнайточніше використати ваш відгук.",
+        "pro_type": "ПОРАДА: Звітуючи про ваду, додайте <debugLogsLink>журнали зневадження</debugLogsLink>, щоб допомогти нам визначити проблему.",
+        "send_feedback_action": "Надіслати відгук",
+        "sent": "Відгук надіслано"
+    },
+    "file_panel": {
+        "empty_description": "Перешліть файли з бесіди чи просто потягніть їх до кімнати.",
+        "empty_heading": "У цій кімнаті нема видимих файлів",
+        "guest_note": "<a>Зареєструйтеся</a>, щоб скористатись цим функціоналом",
+        "peek_note": "Приєднайтесь до кімнати, щоб бачити її файли"
+    },
+    "forward": {
+        "filter_placeholder": "Пошук кімнат або людей",
+        "message_preview_heading": "Попередній перегляд повідомлення",
+        "no_perms_title": "У вас немає на це дозволу",
+        "open_room": "Відкрити кімнату",
+        "send_label": "Надіслати",
+        "sending": "Надсилання",
+        "sent": "Надіслано"
+    },
+    "identity_server": {
+        "change": "Змінити сервер ідентифікації",
+        "change_prompt": "Від'єднатися від сервера ідентифікації <current /> й натомість під'єднатися до <new />?",
+        "change_server_prompt": "Якщо ви не бажаєте використовувати <server />, щоб знаходити наявні контакти й щоб вони вас знаходили, введіть інший сервер ідентифікації нижче.",
+        "changed": "Ваш сервер ідентифікації змінено",
+        "checking": "Перевірка сервера",
+        "description_connected": "Зараз <server></server> дозволяє вам знаходити контакти, а контактам вас. Можете змінити сервер ідентифікації нижче.",
+        "description_disconnected": "Зараз ви не використовуєте сервер ідентифікації. Щоб знайти наявні контакти й вони могли знайти вас, додайте його нижче.",
+        "description_optional": "Використовувати сервер ідентифікації необов'язково. Якщо ви вирішите не використовувати сервер ідентифікації, інші користувачі не зможуть вас знаходити, а ви не зможете запрошувати інших за е-поштою чи телефоном.",
+        "disconnect": "Від'єднатися від сервера ідентифікації",
+        "disconnect_anyway": "Відключити в будь-якому випадку",
+        "disconnect_offline_warning": "Слід <b>вилучити ваші особисті дані</b> з сервера ідентифікації <idserver />, перш ніж від'єднатися. На жаль, сервер ідентифікації <idserver /> зараз офлайн чи недоступний.",
+        "disconnect_personal_data_warning_1": "Сервер ідентифікації <idserver /> досі <b>поширює ваші особисті дані</b>.",
+        "disconnect_personal_data_warning_2": "Радимо вилучити адреси е-пошти й номери телефонів із сервера ідентифікації, перш ніж від'єднатися.",
+        "disconnect_server": "Від'єднатися від сервера ідентифікації <idserver />?",
+        "disconnect_warning": "Після від'єднання від сервера ідентифікації вас більше не знаходитимуть інші користувачі, а ви не зможете запрошувати інших е-поштою чи телефоном.",
+        "do_not_use": "Не використовувати сервер ідентифікації",
+        "error_connection": "Не вдалося під'єднатися до сервера ідентифікації",
+        "error_invalid": "Хибний сервер ідентифікації (код статусу %(code)s)",
+        "error_invalid_or_terms": "Умови користування не прийнято або сервер ідентифікації недійсний.",
+        "no_terms": "Вибраний вами сервер ідентифікації не містить жодних умов користування.",
+        "suggestions": "Вам варто:",
+        "suggestions_1": "перевірити плагіни браузера на наявність будь-чого, що може заблокувати сервер ідентифікації (наприклад, Privacy Badger)",
+        "suggestions_2": "зв'язатися з адміністратором сервера ідентифікації <idserver />",
+        "suggestions_3": "зачекати та повторити спробу пізніше",
+        "url": "Сервер ідентифікації (%(server)s)",
+        "url_field_label": "Введіть новий сервер ідентифікації",
+        "url_not_https": "URL-адреса сервера ідентифікації повинна починатися з HTTPS"
+    },
+    "in_space": "У просторі %(spaceName)s.",
+    "in_space1_and_space2": "У просторах %(space1Name)s і %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "У %(spaceName)s та %(count)s іншому просторі.",
+        "other": "У %(spaceName)s та %(count)s інших пристроях."
+    },
+    "incompatible_browser": {
+        "continue": "Усе одно продовжити",
+        "description": "%(brand)s використовує деякі функції браузера, які недоступні у вашому поточному браузері. %(detail)s",
+        "detail_can_continue": "Якщо ви продовжите, деякі функції можуть перестати працювати, і існує ризик втрати даних у майбутньому.",
+        "detail_no_continue": "Спробуйте оновити цей браузер, якщо ви не використовуєте найновішу його версію, і повторіть спробу.",
+        "learn_more": "Докладніше",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "Для найкращої роботи використовуйте <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge> або <Safari>Safari</Safari>.",
+        "title": "Непідтримуваний браузер",
+        "use_desktop_heading": "Натомість використовуйте %(brand)s для комп'ютерів",
+        "use_mobile_heading": "Натомість використовуйте %(brand)s для мобільних",
+        "use_mobile_heading_after_desktop": "Або скористайтеся нашим мобільним застосунком",
+        "windows_64bit": "Windows (64-розрядна)",
+        "windows_arm_64bit": "Windows (64-розрядна версія ARM)"
+    },
+    "info_tooltip_title": "Відомості",
+    "integration_manager": {
+        "connecting": "Під'єднання до менеджера інтеграцій…",
+        "error_connecting": "Менеджер інтеграцій не під'єднаний або не може зв'язатися з вашим домашнім сервером.",
+        "error_connecting_heading": "Не вдалося з'єднатися з менеджером інтеграцій",
+        "explainer": "Менеджери інтеграцій отримують дані конфігурації та можуть змінювати віджети, надсилати запрошення у кімнати й установлювати рівні повноважень від вашого імені.",
+        "manage_title": "Керування інтеграціями",
+        "toggle_label": "Увімкнути менеджер інтеграції",
+        "use_im": "Використовувати менеджер інтеграцій для керування ботами, віджетами й пакунками наліпок.",
+        "use_im_default": "Використовувати менеджер інтеграцій <b>%(serverName)s</b> для керування ботами, віджетами й пакунками наліпок."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Увімкніть «%(manageIntegrations)s» в Налаштуваннях, щоб зробити це.",
+        "disabled_dialog_title": "Інтеграції вимкнені",
+        "impossible_dialog_description": "Ваш %(brand)s не дозволяє вам користуватись для цього менеджером інтеграцій. Зверніться до адміністратора.",
+        "impossible_dialog_title": "Інтеграції не дозволені"
+    },
+    "invite": {
+        "confirm_unknown_users": {
+            "invite_subtitle": "Наразі у вас немає бесід з цими контактами. Підтвердьте запрошення їх до цієї кімнати, перш ніж продовжувати.",
+            "invite_title": "Запросити нові контакти до цієї кімнати?",
+            "start_chat_subtitle_multiple_users": "Наразі у вас немає бесід із цими людьми. Підтвердьте запрошення, перш ніж продовжити.",
+            "start_chat_subtitle_one_user": "Наразі у вас немає бесід із цією особою. Підтвердьте запрошення, перш ніж продовжити.",
+            "start_chat_title_multiple_users": "Розпочати бесіду з цими новими контактами?",
+            "start_chat_title_one_user": "Розпочати бесіду з цим новим контактом?"
+        },
+        "email_caption": "Запросити е-поштою",
+        "email_limit_one": "Запрошення електронною поштою можна надсилати лише одне за раз",
+        "email_use_default_is": "Використовуйте сервер ідентифікації, щоб запрошувати через е-пошту. <default>Наприклад, типовий %(defaultIdentityServerName)s,</default> або інший у <settings>налаштуваннях</settings>.",
+        "email_use_is": "Використовуйте сервер ідентифікації щоб запрошувати через е-пошту. Керується у <settings>налаштуваннях</settings>.",
+        "error_already_invited_room": "Користувача вже запрошено до цієї кімнати",
+        "error_already_invited_space": "Користувача вже запрошено до цього простору",
+        "error_already_joined_room": "Користувач уже долучився до цієї кімнати",
+        "error_already_joined_space": "Користувач уже долучився до цього простору",
+        "error_bad_state": "Потрібно розблокувати користувача перед тим як їх можна буде запросити.",
+        "error_dm": "Не вдалося створити особисте повідомлення.",
+        "error_find_room": "Щось пішло не так при запрошенні користувачів.",
+        "error_find_user_description": "Ці користувачі не існують чи хибні, тож їх не вдалося запросити: %(csvNames)s",
+        "error_find_user_title": "Не вдалося знайти таких користувачів",
+        "error_invite": "Не вдалося запросити користувачів. Перевірте, кого хочете запросити, й спробуйте ще.",
+        "error_permissions_room": "У вас немає дозволу запрошувати людей у цю кімнату.",
+        "error_permissions_space": "Ви не маєте дозволу запрошувати людей у цей простір.",
+        "error_profile_undisclosed": "Користувач може або не може існувати",
+        "error_transfer_multiple_target": "Виклик можна переадресувати лише на одного користувача.",
+        "error_unfederated_room": "Ця кімната не федеративна. Ви не можете запрошувати людей із зовнішніх серверів.",
+        "error_unfederated_space": "Цей простір не федеративний. Ви не можете запрошувати людей із зовнішніх серверів.",
+        "error_unknown": "Невідома помилка з боку сервера",
+        "error_user_not_found": "Користувача не існує",
+        "error_version_unsupported_room": "Домашній сервер користувача не підтримує версію кімнати.",
+        "error_version_unsupported_space": "Домашній сервер користувача не підтримувати версію простору.",
+        "failed_generic": "Не вдалося виконати дію",
+        "failed_title": "Не вдалося запросити",
+        "invalid_address": "Нерозпізнана адреса",
+        "name_email_mxid_share_room": "Запросіть когось за іменем, е-поштою, користувацьким іменем (вигляду <userId/>) чи <a>поділіться цією кімнатою</a>.",
+        "name_email_mxid_share_space": "Запросіть когось за іменем, е-поштою, користувацьким іменем (вигляду <userId/>) чи <a>поділіться цим простором</a>.",
+        "name_mxid_share_room": "Запросіть когось за іменем, користувацьким іменем (вигляду <userId/>) чи <a>поділіться цією кімнатою</a>.",
+        "name_mxid_share_space": "Запросіть когось за іменем, користувацьким іменем (вигляду <userId/>) чи <a>поділіться цим простором</a>.",
+        "progress": {
+            "dont_close": "Не закривайте застосунок, доки не завершите.",
+            "preparing": "Приготування запрошень..."
+        },
+        "recents_section": "Недавні бесіди",
+        "room_failed_partial": "Ми надіслали іншим, але вказаних людей, не вдалося запросити до <RoomName/>",
+        "room_failed_partial_title": "Деякі запрошення неможливо надіслати",
+        "room_failed_title": "Не вдалося запросити користувачів до %(roomName)s",
+        "send_link_prompt": "Або надішліть запрошувальне посилання",
+        "start_conversation_name_email_mxid_prompt": "Почніть розмову з кимось, ввівши їхнє ім'я, е-пошту чи користувацьке ім'я (вигляду <userId/>).",
+        "start_conversation_name_mxid_prompt": "Почніть розмову з кимось, ввівши їхнє ім'я чи користувацьке ім'я (вигляду <userId/>).",
+        "suggestions_disclaimer": "Деякі пропозиції можуть бути сховані для приватності.",
+        "suggestions_disclaimer_prompt": "Якщо тут немає тих, кого шукаєте, надішліть їм запрошувальне посилання внизу.",
+        "suggestions_section": "Недавно надіслані особисті повідомлення",
+        "to_room": "Запросити до %(roomName)s",
+        "to_space": "Запросити до %(spaceName)s",
+        "transfer_dial_pad_tab": "Номеронабирач",
+        "transfer_user_directory_tab": "Каталог користувачів",
+        "unable_find_profiles_description_default": "Неможливо знайти профілі для Matrix ID, перерахованих унизу — все одно бажаєте запросити їх?",
+        "unable_find_profiles_invite_label_default": "Усе одно запросити",
+        "unable_find_profiles_invite_never_warn_label_default": "Усе одно запросити й більше не попереджати",
+        "unable_find_profiles_title": "Таких користувачів може не існувати",
+        "unban_first_title": "Не можна запросити користувача до його розблокування"
+    },
+    "inviting_user1_and_user2": "Запрошення %(user1)s і %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Запрошення %(user)s і ще 1",
+        "other": "Запрошення %(user)s і ще %(count)s"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> і ще хтось",
+        "few": "<Items/> і ще %(count)s",
+        "many": "<Items/> і ще %(count)s"
+    },
+    "keyboard": {
+        "activate_button": "Натиснути обрану кнопку",
+        "alt": "Alt",
+        "autocomplete_cancel": "Скасувати самодоповнення",
+        "autocomplete_force": "Примусово завершити",
+        "autocomplete_navigate_next": "Наступна пропозиція автодоповнення",
+        "autocomplete_navigate_prev": "Попередня пропозиція автодоповнення",
+        "backspace": "Назад",
+        "cancel_reply": "Скасувати відповідання на повідомлення",
+        "category_autocomplete": "Автозаповнення",
+        "category_calls": "Виклики",
+        "category_navigation": "Навігація",
+        "category_room_list": "Перелік кімнат",
+        "close_dialog_menu": "Закрити діалог чи контекстне меню",
+        "composer_jump_end": "Перейти в кінець редактора",
+        "composer_jump_start": "Перейти на початок редактора",
+        "composer_navigate_next_history": "Перейти до наступного повідомлення в історії редактора",
+        "composer_navigate_prev_history": "Перейти до попереднього повідомлення в історії редактора",
+        "composer_new_line": "Новий рядок",
+        "composer_redo": "Повторити зміни",
+        "composer_toggle_bold": "Перемкнути жирний",
+        "composer_toggle_code_block": "Перемкнути блок коду",
+        "composer_toggle_italics": "Перемкнути курсив",
+        "composer_toggle_link": "Перемкнути посилання",
+        "composer_toggle_quote": "Перемкнути цитування",
+        "composer_undo": "Скасувати зміни",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Відхилити маркер прочитання й перейти донизу",
+        "end": "End",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Перейти до домівки",
+        "home": "Домівка",
+        "jump_first_message": "Перейти до першого повідомлення",
+        "jump_last_message": "Перейти до останнього повідомлення",
+        "jump_room_search": "Перейти до пошуку кімнат",
+        "jump_to_read_marker": "Перейти до найдавнішого непрочитаного повідомлення",
+        "keyboard_shortcuts_tab": "Відкрити цю вкладку налаштувань",
+        "navigate_next_history": "Наступна недавно відвідана кімната або простір",
+        "navigate_next_message_edit": "Перейти до наступного повідомлення для редагування",
+        "navigate_prev_history": "Попередня недавно відвідана кімната або простір",
+        "navigate_prev_message_edit": "Перейти до попереднього повідомлення для редагування",
+        "next_landmark": "Перейти до наступного пункту",
+        "next_room": "Наступна кімната або особисте повідомлення",
+        "next_unread_room": "Наступна непрочитана кімната або особисте повідомлення",
+        "number": "[цифра]",
+        "open_user_settings": "Відкрити користувацькі налаштування",
+        "page_down": "Page Down",
+        "page_up": "Page Up",
+        "prev_landmark": "Перейти до попереднього пункту",
+        "prev_room": "Попередня кімната або особисте повідомлення",
+        "prev_unread_room": "Попередня непрочитана кімната або особисте повідомлення",
+        "room_list_collapse_section": "Згорнути розділ з переліком кімнат",
+        "room_list_expand_section": "Розгорнути розділ з переліком кімнат",
+        "room_list_navigate_down": "Перейти вниз списку кімнат",
+        "room_list_navigate_up": "Перейти вгору списку кімнат",
+        "room_list_select_room": "Вибрати кімнату з переліку",
+        "save": "Зберегти",
+        "scroll_down_timeline": "Гортати стрічку вниз",
+        "scroll_up_timeline": "Гортати стрічку вгору",
+        "search": "Пошук (повинен бути увімкненим)",
+        "send_sticker": "Надіслати наліпку",
+        "shift": "Shift",
+        "space": "Простір",
+        "switch_to_space": "Перейти до простору за номером",
+        "toggle_hidden_events": "Показати/сховати подію",
+        "toggle_microphone_mute": "Ввімкнути/вимкнути мікрофон",
+        "toggle_right_panel": "Перемкнути праву панель",
+        "toggle_space_panel": "Перемкнути панель просторів",
+        "toggle_top_left_menu": "Перемкнути горішнє ліве меню",
+        "toggle_webcam_mute": "Увімкнути/вимкнути вебкамеру",
+        "upload_file": "Вивантажити файл"
+    },
+    "labs": {
+        "ask_to_join": "Увімкнути запити на приєднання",
+        "beta_description": "Що далі для %(brand)s? Експериментальні — це найкращий спосіб спробувати функції на ранній стадії розробки, протестувати їх і допомогти сформувати їх до фактичного запуску.",
+        "beta_feature": "Це бета-можливість",
+        "beta_feedback_leave_button": "Щоб вийти з бета-тестування, перейдіть до налаштувань.",
+        "beta_feedback_title": "%(featureName)s — відгук про бетаверсію",
+        "beta_section": "Майбутні функції",
+        "bridge_state": "Показувати відомості про мости в налаштуваннях кімнати",
+        "bridge_state_channel": "Канал: <channelLink/>",
+        "bridge_state_creator": "Цей міст було забезпечено <user />.",
+        "bridge_state_manager": "Цей міст керується <user />.",
+        "bridge_state_workspace": "Робочий простір: <networkLink/>",
+        "click_for_info": "Натисніть, щоб дізнатися більше",
+        "config_only": "Можна ввімкнути лише через config.json.",
+        "currently_experimental": "Наразі експериментально.",
+        "custom_themes": "Підтримка користувацьких тем",
+        "dynamic_room_predecessors": "Попередники динамічної кімнати",
+        "dynamic_room_predecessors_description": "Увімкнути MSC3946 (для підтримки архівів пізніх кімнат)",
+        "element_call_video_rooms": "Відео кімнати Element Call",
+        "encrypted_state_events": "Події зашифрованого стану (MSC4362)",
+        "encrypted_state_events_description": "Вмикає експериментальну підтримку шифрування подій стану, що приховує від сервера метадані, такі як назви кімнат та теми. Ці метадані також будуть приховані від користувачів, які приєднаються до кімнат пізніше, та від тих, чиї клієнти не підтримують MSC4362.",
+        "exclude_insecure_devices": "Виключати незахищені пристрої під час надсилання/отримання повідомлень",
+        "exclude_insecure_devices_description": "Якщо цей режим увімкнено, зашифровані повідомлення не надходитимуть на неверифіковані пристрої, а повідомлення з неверифікованих пристроїв будуть показані як помилка. Зауважте, що якщо ви увімкнете цей режим, ви не зможете спілкуватися з користувачами, які не верифікували свої пристрої.",
+        "experimental_description": "Відчуваєте себе експериментатором? Спробуйте наші новітні задуми в розробці. Ці функції не остаточні; вони можуть бути нестабільними, можуть змінюватися або взагалі можуть бути відкинуті. <a>Докладніше</a>.",
+        "experimental_section": "Ранній огляд",
+        "extended_profiles_msc_support": "Вимагає, щоб ваш сервер підтримував MSC4133",
+        "feature_disable_call_per_sender_encryption": "Вимкнути шифрування для кожного відправника для Element Call",
+        "feature_retention": {
+            "description": "Автоматично вилучати повідомлення з кімнати, коли вони досягають налаштованого періоду зберігання. Наразі підтримуються лише налаштування читання."
+        },
+        "feature_user_status": {
+            "description": "Дає змогу переглядати та встановлювати поточний стан.",
+            "display_name": "Стан користувача",
+            "required_msc_support": "Потрібно MSC4429 (Оновлення профілів для Legacy Sync)"
+        },
+        "feature_wysiwyg_composer_description": "Використовувати розширений текст замість розмітки в редакторі повідомлень.",
+        "group_developer": "Розробка",
+        "group_encryption": "Шифрування",
+        "group_experimental": "Експериментально",
+        "group_messaging": "Спілкування",
+        "group_moderation": "Модерування",
+        "group_profile": "Профіль",
+        "group_rooms": "Кімнати",
+        "group_spaces": "Простори",
+        "group_themes": "Теми",
+        "group_threads": "Гілки",
+        "group_ui": "Інтерфейс користувача",
+        "group_voip": "Голос і відео",
+        "group_widgets": "Віджети",
+        "hidebold": "Сховати крапку сповіщення ( показувати тільки значки лічильників)",
+        "join_beta": "Долучитися до бета-тестування",
+        "join_beta_reload": "Перехід до бета-тестування перезавантажить %(brand)s.",
+        "jump_to_date": "Перейти до дати (додає /jumptodate і переходить до заголовків дати)",
+        "jump_to_date_msc_support": "Потрібно, щоб ваш сервер підтримував MSC3030",
+        "latex_maths": "Форматувати LaTeX-формули в повідомленнях",
+        "leave_beta": "Вийти з бета-тестування",
+        "leave_beta_reload": "Вихід з бета-тестування перезавантажить %(brand)s.",
+        "location_share_live": "Надсилання місця перебування наживо",
+        "location_share_live_description": "Тимчасова реалізація. Місце перебування зберігається в історії кімнати.",
+        "login_with_qr": "Увійти за допомогою QR-коду",
+        "mjolnir": "Нові способи нехтувати людей",
+        "msc3531_hide_messages_pending_moderation": "Дозволити модераторам ховати повідомлення у черзі модерування.",
+        "notification_settings": "Нові налаштування сповіщень",
+        "notification_settings_beta_caption": "Представляємо простіший спосіб змінювати налаштування сповіщень. Налаштуйте %(brand)s, саме так, як вам подобається.",
+        "notification_settings_beta_title": "Налаштування сповіщень",
+        "notifications": "Увімкнути панель сповіщень у шапці кімнати",
+        "render_reaction_images": "Відтворення кастомних зображень у реакціях",
+        "render_reaction_images_description": "Іноді їх називають \"власними емоджі\".",
+        "sliding_sync": "Режим ковзної синхронізації",
+        "sliding_sync_description": "На стадії активної розробки, вимкнути не можна.",
+        "sliding_sync_disabled_notice": "Увійдіть повторно, щоб вимкнути",
+        "sliding_sync_server_no_support": "На вашому сервері відсутня підтримка",
+        "unrealiable_e2e": "Ненадійно в зашифрованих кімнатах",
+        "url_preview_bundle": "Пакет попереднього перегляду URL-адрес (MSC4095)",
+        "url_preview_bundle_description": "Надсилати попередній перегляд URL-адреси у повідомленні разом із текстом повідомлення",
+        "video_rooms": "Відеокімнати",
+        "video_rooms_a_new_way_to_chat": "Новий спосіб спілкування за допомогою голосового та відеозв’язку в %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Відеокімнати — це завжди в VOIP-канали, вбудовані в кімнату в %(brand)s.",
+        "video_rooms_beta": "Відеокімнати — це бета-функція",
+        "video_rooms_faq1_answer": "Натисніть кнопку «+» у розділі кімнат на лівій панелі.",
+        "video_rooms_faq1_question": "Як створити відеокімнату?",
+        "video_rooms_faq2_answer": "Так, стрічка бесіди показана поряд із відео.",
+        "video_rooms_faq2_question": "Чи можу я писати текстові повідомлення під час відеовиклику?",
+        "video_rooms_feedbackSubheading": "Дякую за те що спробували бета-версію. Будь ласка опишіть ваш досвід насільки детально наскільки ви можете, щоб ми могли покращити систему.",
+        "wysiwyg_composer": "Розширений текстовий редактор"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Ці налаштування розраховані на досвідчених користувачів.",
+        "ban_reason": "Ігноровані/Заблоковані",
+        "error_adding_ignore": "Помилка при додаванні ігнорованого користувача/сервера",
+        "error_adding_list_description": "Перевірте ID кімнати, або адресу та повторіть спробу.",
+        "error_adding_list_title": "Помилка при підписці на список",
+        "error_removing_ignore": "Помилка при видаленні ігнорованого користувача/сервера",
+        "error_removing_list_description": "Спробуйте знову, або подивіться повідомлення в консолі.",
+        "error_removing_list_title": "Не вдалося відписатися від списку",
+        "explainer_1": "Додайте сюди користувачів і сервери, якими нехтуєте. Використовуйте зірочки, де %(brand)s має підставляти довільні символи. Наприклад, <code>@бот:*</code> нехтуватиме всіма користувачами з іменем «бот» на будь-якому сервері.",
+        "explainer_2": "Нехтування людей реалізовано через списки правил блокування. Підписка на список блокування призведе до приховування від вас перелічених у ньому користувачів і серверів.",
+        "lists": "Ви підписані на:",
+        "lists_description_1": "Підписавшись на список блокування ви приєднаєтесь до нього!",
+        "lists_description_2": "Якщо вас це не влаштовує, спробуйте інший інструмент для ігнорування користувачів.",
+        "lists_heading": "Підписані списки",
+        "lists_new_label": "ID кімнати або адреса списку блокування",
+        "no_lists": "Ви не підписані ні на один список",
+        "personal_description": "До вашого особистого списку заборони потрапляють всі користувачі/сервери, повідомлення від яких ви особисто не бажаєте бачити. Після ігнорування першого користувача/сервера у вашому списку кімнат з'явиться нова кімната під назвою «%(myBanList)s» - залишайтеся в цій кімнаті, щоб список блокувань залишався чинним.",
+        "personal_empty": "Ви нікого не ігноруєте.",
+        "personal_heading": "Особистий список блокування",
+        "personal_new_label": "Сервер або ID користувача для ігнорування",
+        "personal_new_placeholder": "наприклад: @bot:* або example.org",
+        "personal_section": "Ви ігноруєте:",
+        "room_name": "Мій список блокувань",
+        "room_topic": "Це ваш список користувачів/серверів, які ви заблокували – не виходьте з кімнати!",
+        "rules_empty": "Вимкнено",
+        "rules_server": "Правила сервера",
+        "rules_title": "Правила блокування - %(roomName)s",
+        "rules_user": "Правила користування",
+        "something_went_wrong": "Щось пішло не так. Спробуйте знову, або пошукайте підказки в консолі.",
+        "title": "Нехтувані користувачі",
+        "view_rules": "Переглянути правила"
+    },
+    "language_dropdown_label": "Спадне меню мов",
+    "leave_room_dialog": {
+        "last_person_warning": "Тут лише ви. Якщо ви вийдете, ніхто більше не зможе приєднатися, навіть ви самі.",
+        "leave_room_question": "Ви впевнені, що хочете вийти з «%(roomName)s»?",
+        "leave_space_question": "Точно вийти з простору «%(spaceName)s»?",
+        "room_leave_admin_warning": "Ви єдиний адміністратор у цій кімнаті. Якщо ви вийдете, ніхто не зможе змінити налаштування кімнати або зробити інші важливі дії.",
+        "room_leave_mod_warning": "Ви єдиний модератор у цій кімнаті. Якщо ви вийдете, ніхто не зможе змінити налаштування кімнати або зробити інші важливі дії.",
+        "room_rejoin_warning": "Ця кімната не загальнодоступна. Ви не зможете повторно приєднатися без запрошення.",
+        "space_rejoin_warning": "Цей простір не загальнодоступний. Ви не зможете приєднатися знову без запрошення."
+    },
+    "lightbox": {
+        "rotate_left": "Обернути ліворуч",
+        "rotate_right": "Обернути праворуч",
+        "title": "Перегляд зображення"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Цей домашній сервер не налаштовано на показ карт.",
+        "MapStyleUrlNotReachable": "Цей домашній сервер налаштованно неправильно, щоб показати карти, або сконфігурований сервер карт може бути недосяжним.",
+        "WebGLNotEnabled": "Для показу карт потрібен WebGL, увімкніть його в налаштуваннях браузера.",
+        "click_drop_pin": "Натисніть, щоб створити маркер",
+        "click_move_pin": "Натисніть, щоб посунути маркер",
+        "close_sidebar": "Закрити бічну панель",
+        "error_fetch_location": "Не вдалося отримати місцеперебування",
+        "error_no_perms_description": "Вам потрібно мати відповідні дозволи, щоб ділитися геоданими в цій кімнаті.",
+        "error_no_perms_title": "Ви не маєте дозволу ділитися місцем перебування",
+        "error_send_description": "%(brand)s не вдалося надіслати ваше місцеперебування. Повторіть спробу пізніше.",
+        "error_send_title": "Не вдалося надіслати ваше місцеперебування",
+        "error_sharing_live_location": "Сталася помилка під час надання доступу до вашого поточного місцеперебування",
+        "error_stopping_live_location": "Під час припинення поширення поточного місцеперебування сталася помилка",
+        "expand_map": "Розгорнути карту",
+        "failed_generic": "Не вдалося отримати ваше місцеперебування. Повторіть спробу пізніше.",
+        "failed_load_map": "Неможливо завантажити карту",
+        "failed_permission": "%(brand)s не отримав доступу до вашого місця перебування. Дозвольте доступ до місця перебування в налаштуваннях браузера.",
+        "failed_timeout": "Сплив час отримання місцеперебування. Повторіть спробу пізніше.",
+        "failed_unknown": "Невідома помилка отримання місцеперебування. Повторіть спробу пізніше.",
+        "find_my_location": "Знайти моє місце перебування",
+        "live_description": "Місцеперебування %(displayName)s наживо",
+        "live_enable_description": "Зауважте: це експериментальна функція, яка використовує тимчасову реалізацію. Це означає, що ви не зможете видалити свою історію місцеперебувань, а досвідчені користувачі зможуть переглядати вашу історію місцеперебувань, навіть якщо ви припините ділитися нею з цією кімнатою.",
+        "live_enable_heading": "Надсилання місцеперебування наживо",
+        "live_location_active": "Ви ділитеся місцеперебуванням",
+        "live_location_enabled": "Показ місцеперебування наживо ввімкнено",
+        "live_location_ended": "Показ місцеперебування наживо завершено",
+        "live_location_error": "Помилка показу місцеперебування наживо",
+        "live_locations_empty": "Передавання місцеперебування наживо відсутні",
+        "live_share_button": "Поділитися на %(duration)s",
+        "live_toggle_label": "Увімкнути поширення місцеперебування наживо",
+        "live_until": "Наживо до %(expiryTime)s",
+        "live_update_time": "Оновлено %(humanizedUpdateTime)s",
+        "loading_live_location": "Завантаження місця перебування наживо…",
+        "location_not_available": "Місце перебування недоступне",
+        "map_feedback": "Карта відгуку",
+        "mapbox_logo": "Логотип Mapbox",
+        "reset_bearing": "Повернути орієнтацію на північ",
+        "share_button": "Поділитися місцеперебуванням",
+        "share_type_live": "Змінне місцеперебування наживо",
+        "share_type_own": "Лише поточне місцеперебування",
+        "share_type_pin": "Маркер на карті",
+        "share_type_prompt": "Який вид місцеперебування поширити?",
+        "toggle_attribution": "Перемкнути атрибуцію"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s учасник",
+            "few": "%(count)s учасники",
+            "many": "%(count)s учасників"
+        },
+        "filter_placeholder": "Відфільтрувати учасників кімнати",
+        "invite_button_no_perms_tooltip": "У вас немає дозволу запрошувати користувачів",
+        "invited_label": "Запрошено",
+        "list_title": "Список учасників",
+        "no_matches": "Немає збігів"
+    },
+    "member_list_back_action_label": "Учасники кімнати",
+    "message_edit_dialog_title": "Редагування повідомлення",
+    "migrating_crypto": "Тримайтеся міцно. Ми оновлюємо %(brand)s, щоб зробити шифрування швидшим і надійнішим.",
+    "mobile_guide": {
+        "toast_accept": "Використовувати застосунок",
+        "toast_description": "%(brand)s у мобільних браузерах ще випробовується. Поки що кращі враження й новіші функції — у нашому вільному мобільному застосунку.",
+        "toast_title": "Використовуйте застосунок для зручності"
+    },
+    "name_and_id": "%(name)s(%(userId)s)",
+    "no_more_results": "Інших результатів нема",
+    "notif_panel": {
+        "empty_description": "У вас нема видимих сповіщень.",
+        "empty_heading": "Ви в курсі всього"
+    },
+    "notifications": {
+        "all_messages": "Усі повідомлення",
+        "all_messages_description": "Отримувати сповіщення про кожне повідомлення",
+        "class_global": "Глобально",
+        "class_other": "Інше",
+        "default": "Типово",
+        "email_pusher_app_display_name": "Сповіщення е-поштою",
+        "enable_prompt_toast_description": "Увімкнути сповіщення стільниці",
+        "enable_prompt_toast_title": "Сповіщення",
+        "enable_prompt_toast_title_from_message_send": "Не пропустіть відповідей",
+        "error_change_title": "Змінити налаштування сповіщень",
+        "keyword": "Ключове слово",
+        "keyword_new": "Нове ключове слово",
+        "level_activity": "Активністю",
+        "level_highlight": "Виділити",
+        "level_muted": "Звук вимкнено",
+        "level_none": "Вимкнено",
+        "level_notification": "Сповіщення",
+        "level_unsent": "Не надіслано",
+        "mark_all_read": "Позначити все прочитаним",
+        "mentions_and_keywords": "Лише @згадки й відповіді",
+        "mentions_and_keywords_description": "Отримувати лише вказані у ваших <a>налаштуваннях</a> згадки й ключові слова",
+        "mentions_keywords": "Згадки та ключові слова",
+        "message_didnt_send": "Повідомлення не надіслане. Натисніть, щоб дізнатись більше.",
+        "mute_description": "Ви не отримуватимете жодних сповіщень"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s робить запит на звірення"
+    },
+    "onboarding": {
+        "create_room": "Створити групову бесіду",
+        "explore_rooms": "Переглянути загальнодоступні кімнати",
+        "has_avatar_label": "Чудово, це допоможе людям дізнатися, що це ви",
+        "intro_byline": "Володійте своїми розмовами.",
+        "intro_welcome": "Вітаємо в %(appName)s",
+        "no_avatar_label": "Додайте світлину, щоб люди могли вас розпізнавати.",
+        "send_dm": "Надіслати особисте повідомлення",
+        "welcome_detail": "Тепер допоможімо вам почати",
+        "welcome_user": "Вітаємо, %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Повідомлення в %(room)s",
+        "permalink_this_room": "Повідомлення від %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Створити опитування",
+        "create_poll_title": "Створити опитування",
+        "disclosed_notes": "Респонденти бачитимуть результати, як тільки вони проголосують",
+        "edit_poll_title": "Редагувати опитування",
+        "end_description": "Точно завершити опитування? Буде показано підсумки опитування, і більше ніхто не зможе голосувати.",
+        "end_message": "Опитування завершене. Перемогла відповідь: %(topAnswer)s",
+        "end_message_no_votes": "Опитування завершене. Жодного голосу не було.",
+        "end_title": "Завершити опитування",
+        "ended_poll_label": "Опитування завершено",
+        "error_ending_description": "Не вдалося завершити опитування. Спробуйте ще.",
+        "error_ending_title": "Не вдалося завершити опитування",
+        "error_voting_description": "Не вдалося зареєструвати ваш голос. Просимо спробувати ще.",
+        "error_voting_title": "Голос не зареєстрований",
+        "failed_send_poll_description": "Не вдалося надіслати опитування, яке ви намагалися створити.",
+        "failed_send_poll_title": "Не вдалося надіслати опитування",
+        "notes": "Результати показуються лише після завершення опитування",
+        "option_label": "Варіант %(number)s, %(answer)s",
+        "option_label_winning_with_total": {
+            "one": "Варіант %(number)s, варіант переможець — %(answer)s, %(count)s голос",
+            "few": "Варіант %(number)s, варіант переможець — %(answer)s, %(count)s голоси",
+            "many": "Варіант %(number)s, варіант переможець — %(answer)s, %(count)s голосів"
+        },
+        "option_label_with_total": {
+            "one": "Варіант %(number)s, %(answer)s, %(count)s голос",
+            "few": "Варіант %(number)s, %(answer)s, %(count)s голоси",
+            "many": "Варіант %(number)s, %(answer)s, %(count)s голосів"
+        },
+        "options_add_button": "Додати варіант",
+        "options_heading": "Створіть варіанти",
+        "options_label": "Варіант %(number)s",
+        "options_placeholder": "Вписати варіант",
+        "poll_label": "Опитування",
+        "topic_heading": "Яке питання чи тема вашого опитування?",
+        "topic_label": "Питання чи тема",
+        "topic_placeholder": "Напишіть щось…",
+        "total_decryption_errors": "Через помилки розшифрування деякі голоси можуть бути не враховані",
+        "total_n_votes": {
+            "one": "%(count)s голос надісланий. Проголосуйте, щоб побачити результати",
+            "other": "%(count)s голосів надіслано. Проголосуйте, щоб побачити результати"
+        },
+        "total_n_votes_voted": {
+            "one": "На підставі %(count)s голосу",
+            "other": "На підставі %(count)s голосів"
+        },
+        "total_no_votes": "Жодного голосу",
+        "total_not_ended": "Результати будуть видимі після завершення опитування",
+        "type_closed": "Завершене опитування",
+        "type_heading": "Тип опитування",
+        "type_open": "Відкрите опитування",
+        "unable_edit_description": "Ви не можете редагувати опитування після завершення голосування.",
+        "unable_edit_title": "Неможливо редагувати опитування"
+    },
+    "power_level": {
+        "admin": "Адміністратор",
+        "creator": "Власник",
+        "custom": "Власний (%(level)s)",
+        "custom_level": "Власний рівень",
+        "default": "Типовий",
+        "label": "Рівень повноважень",
+        "moderator": "Модератор",
+        "restricted": "Обмежено"
+    },
+    "powered_by_matrix": "Працює на Matrix",
+    "presence": {
+        "away": "Не на зв'язку",
+        "busy": "Зайнятий",
+        "idle": "Неактивний",
+        "idle_for": "Не активний %(duration)s",
+        "offline": "Не в мережі",
+        "offline_for": "Не в мережі %(duration)s",
+        "online": "У мережі",
+        "online_for": "У мережі %(duration)s",
+        "unknown": "Невідомо",
+        "unknown_for": "Невідомо %(duration)s",
+        "unreachable": "Сервер користувача недоступний"
+    },
+    "quick_settings": {
+        "all_settings": "Усі налаштування",
+        "sidebar_settings": "Інші опції",
+        "title": "Швидкі налаштування"
+    },
+    "quit_warning": {
+        "call_in_progress": "Схоже, ви намагаєтесь вийти посеред розмови. Ви впевнені, що хочете вийти?",
+        "file_upload_in_progress": "Схоже, що ви зараз відвантажуєте файли. Ви впевнені, що хочете вийти?"
+    },
+    "redact": {
+        "confirm_button": "Підтвердити вилучення",
+        "confirm_description": "Ви впевнені, що хочете вилучити (видалити) цю подію?",
+        "confirm_description_state": "Зауважте, що вилучення таких змін у кімнаті може призвести до їхнього скасування.",
+        "error": "Ви не можете видалити це повідомлення. (%(code)s)",
+        "ongoing": "Вилучення…",
+        "reason_label": "Причина (не обов'язково)"
+    },
+    "remove_section_dialog": {
+        "confirmation": "Ви впевнені, що хочете вилучити цей розділ?",
+        "description": "Бесіди з цього розділу й надалі будуть доступні у вашому списку бесід.",
+        "remove_section": "Вилучити розділ",
+        "title": "Вилучити розділ?"
+    },
+    "report_content": {
+        "description": "Зі скаргою на це повідомлення буде надіслано його унікальний «ID події» адміністраторові вашого домашнього сервера. Якщо повідомлення у цій кімнаті зашифровані, то адміністратор не зможе побачити ані тексту повідомлень, ані жодних файлів чи зображень.",
+        "hide_messages_from_user": "Виберіть, чи хочете ви сховати всі поточні та майбутні повідомлення від цього користувача.",
+        "ignore_user": "Нехтувати користувача",
+        "missing_reason": "Будь ласка, вкажіть причину скарги.",
+        "report_content_to_homeserver": "Поскаржитися на вміст адміністратору вашого домашнього сервера"
+    },
+    "report_room": {
+        "description": "Поскаржитися на цю кімнату постачальнику облікового запису. Якщо повідомлення зашифровані, адміністратор не зможе прочитати їх.",
+        "reason_label": "Опишіть причину"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Не вдалося розшифрувати %(failedCount)s сеансів!",
+        "count_of_successfully_restored_keys": "Успішно відновлено %(sessionCount)s ключів",
+        "enter_key_description": "Отримайте історію своїх зашифрованих повідомлень і налаштуйте безпечний обмін повідомленнями, ввівши свій ключ відновлення.",
+        "enter_key_title": "Введіть ключ відновлення",
+        "enter_phrase_description": "Отримайте історію своїх зашифрованих повідомлень і налаштуйте безпечне листування, ввівши свою фразу безпеки.",
+        "enter_phrase_title": "Введіть фразу безпеки",
+        "incorrect_security_phrase_dialog": "Не вдалося розшифрувати резервну копію цією фразою безпеки: переконайтеся, що вводите правильну фразу безпеки.",
+        "incorrect_security_phrase_title": "Хибна фраза безпеки",
+        "key_backup_warning": "<b>Застереження</b>: налаштовуйте резервне копіювання ключів лише на довіреному комп'ютері.",
+        "key_fetch_in_progress": "Отримання ключів із сервера…",
+        "key_forgotten_text": "Якщо ви забули ключ відновлення, <button>налаштуйте нові параметри відновлення</button>",
+        "key_is_invalid": "Недійсний ключ відновлення",
+        "key_is_valid": "Це схоже на дійсний ключ відновлення!",
+        "keys_restored_title": "Ключ відновлено",
+        "load_error_content": "Не вдалося отримати стан резервного копіювання",
+        "load_keys_progress": "%(completed)s із %(total)s ключів відновлено",
+        "no_backup_error": "Резервних копій не знайдено!",
+        "phrase_forgotten_text": "Якщо ви забули фразу безпеки, <button1>скористайтеся ключем відновлення</button1> або <button2>налаштуйте нові параметри відновлення</button2>",
+        "recovery_key_mismatch_description": "Не вдалося розшифрувати резервну копію цим ключем відновлення: переконайтеся, що вводите правильний ключ відновлення.",
+        "recovery_key_mismatch_title": "Невідповідність ключа відновлення",
+        "restore_failed_error": "Не вдалося відновити резервну копію"
+    },
+    "right_panel": {
+        "add_integrations": "Додати розширення",
+        "add_topic": "Додати тему",
+        "extensions_button": "Розширення",
+        "extensions_empty_description": "Виберіть “%(addIntegrations)s”, щоб переглянути та додати розширення до цієї кімнати",
+        "extensions_empty_title": "Підвищуйте продуктивність завдяки більшій кількості інструментів, віджетів і ботів",
+        "files_button": "Файли",
+        "pinned_messages": {
+            "empty_description": "Виберіть повідомлення та оберіть “%(pinAction)s”, щоб включити його сюди.",
+            "empty_title": "Закріпіть важливі повідомлення, щоб їх було легко знайти",
+            "header": {
+                "one": "1 закріплене повідомлення",
+                "few": "%(count)s закріплені повідомлення",
+                "many": "%(count)s закріплених повідомлень"
+            },
+            "limits": {
+                "other": "Закріпити можна до %(count)s віджетів"
+            },
+            "menu": "Відкрити меню",
+            "reply_thread": "Відповісти в <link>гілці повідомлення</link>",
+            "unpin_all": {
+                "button": "Відкріпити всі повідомлення",
+                "content": "Переконайтеся, що ви дійсно хочете вилучити всі закріплені повідомлення. Це незворотна дія.",
+                "title": "Відкріпити всі повідомлення?"
+            },
+            "view": "Переглянути у стрічці"
+        },
+        "pinned_messages_button": "Закріплені повідомлення",
+        "poll": {
+            "active_heading": "Активні опитування",
+            "empty_active": "У цій кімнаті немає активних опитувань",
+            "empty_active_load_more": "Немає активних опитувань. Завантажте більше опитувань, щоб переглянути опитування за попередні місяці",
+            "empty_active_load_more_n_days": {
+                "one": "За попередній день немає активних опитувань. Завантажте більше опитувань, щоб переглянути опитування за попередні місяці",
+                "other": "За останні %(count)s днів немає активних опитувань. Завантажте більше опитувань, щоб переглянути опитування за попередні місяці"
+            },
+            "empty_past": "У цій кімнаті ще не проводилися опитувань",
+            "empty_past_load_more": "Немає минулих опитувань. Завантажте більше опитувань, щоб переглянути опитування за попередні місяці",
+            "empty_past_load_more_n_days": {
+                "one": "За попередній день немає минулих опитувань. Завантажте більше опитувань, щоб переглянути опитування за попередні місяці",
+                "other": "За останні %(count)s днів немає минулих опитувань. Завантажте більше опитувань, щоб переглянути опитування за попередні місяці"
+            },
+            "final_result": {
+                "one": "Остаточний результат на підставі %(count)s голосу",
+                "other": "Остаточний результат на підставі %(count)s голосів"
+            },
+            "load_more": "Завантажити більше опитувань",
+            "loading": "Завантаження опитувань",
+            "past_heading": "Минулі опитування",
+            "view_in_timeline": "Переглянути опитування у стрічці",
+            "view_poll": "Переглянути опитування"
+        },
+        "polls_button": "Опитування",
+        "room_summary_card": {
+            "title": "Відомості про кімнату"
+        },
+        "thread_list": {
+            "context_menu_label": "Параметри гілки"
+        },
+        "video_room_chat": {
+            "title": "Бесіда"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Це запрошення надіслано на %(email)s, яка не пов’язана з вашим обліковим записом",
+        "3pid_invite_email_not_found_account_room": "Це запрошення до %(roomName)s було надіслане на %(email)s, яка не пов'язана з вашим обліковим записом",
+        "3pid_invite_error_description": "Під час спроби перевірити ваше запрошення було повернуто помилку (%(errcode)s). Ви можете спробувати передати цю інформацію особі, яка вас запросила.",
+        "3pid_invite_error_invite_action": "Все одно спробувати приєднатися",
+        "3pid_invite_error_invite_subtitle": "Приєднатися можна лише за дійсним запрошенням.",
+        "3pid_invite_error_public_subtitle": "Ви досі можете приєднатися сюди.",
+        "3pid_invite_error_title": "Сталася помилка під час запрошення.",
+        "3pid_invite_error_title_room": "Щось пішло не так з вашим запрошенням до %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Використовувати сервер ідентифікації у Налаштуваннях, щоб отримувати запрошення безпосередньо в %(brand)s.",
+        "banned_by": "Вас заблоковано користувачем %(memberName)s",
+        "banned_from_room_by": "%(memberName)s блокує вас у %(roomName)s",
+        "context_menu": {
+            "copy_link": "Скопіювати посилання на кімнату",
+            "favourite": "Улюблені",
+            "forget": "Забути кімнату",
+            "low_priority": "Неважливі",
+            "mark_read": "Позначити прочитаним",
+            "mark_unread": "Позначити непрочитаним",
+            "notifications_default": "Збігається з типовим налаштуванням",
+            "notifications_mute": "Вимкнути сповіщення кімнати",
+            "title": "Параметри кімнати",
+            "unfavourite": "В улюблених"
+        },
+        "creating_room_text": "Ми створюємо кімнату з %(names)s",
+        "dm_invite_action": "Почати спілкування",
+        "dm_invite_subtitle": "<userName/> бажає поговорити",
+        "dm_invite_title": "Бажаєте поговорити з %(user)s?",
+        "drop_file_prompt": "Перетягніть сюди файл, щоб вивантажити",
+        "edit_topic": "Редагувати тему",
+        "error_cancel_knock_title": "Не вдалося скасувати",
+        "error_join_403": "Для доступу до цієї кімнати потрібне запрошення.",
+        "error_join_404_1": "Ви спробували приєднатися, за допомогою ID кімнати, не вказавши список серверів, через які ви хочете приєднатися. ID кімнати — це внутрішній ідентифікатор і він не може бути використаний для приєднання до кімнати без додаткової інформації.",
+        "error_join_404_2": "Якщо ви знаєте адресу кімнати, спробуйте приєднатися через неї.",
+        "error_join_404_invite": "Особа, котра вас запросила, вже вийшла або її сервер офлайн.",
+        "error_join_404_invite_same_hs": "Особа, котра вас запросила, вже вийшла.",
+        "error_join_connection": "Сталася помилка під час приєднання.",
+        "error_join_incompatible_version_1": "На жаль, ваш домашній сервер застарий для участі тут.",
+        "error_join_incompatible_version_2": "Будь ласка, зв'яжіться з адміністратором вашого домашнього сервера.",
+        "error_join_title": "Не вдалося приєднатися",
+        "error_join_unknown": "Сталася невідома помилка.",
+        "error_jump_to_date": "Сервер повернув %(statusCode)s з кодом помилки %(errorCode)s",
+        "error_jump_to_date_connection": "Виникла помилка мережі під час спроби знайти та перейти до вказаної дати. Можливо, ваш домашній сервер не працює або виникли тимчасові проблеми з інтернет-з'єднанням. Повторіть спробу ще раз. Якщо це не допоможе, зверніться до адміністратора вашого домашнього сервера.",
+        "error_jump_to_date_details": "Подробиці помилки",
+        "error_jump_to_date_not_found": "Ми не змогли знайти подію, після %(dateString)s. Спробуйте вибрати ранішу дату.",
+        "error_jump_to_date_send_logs_prompt": "Надішліть <debugLogsLink>журнал зневадження</debugLogsLink>, щоб допомогти нам відстежити проблему.",
+        "error_jump_to_date_title": "Не вдалося знайти подію на цю дату",
+        "face_pile_summary": {
+            "one": "%(count)s осіб, яких ви знаєте, уже приєдналися",
+            "other": "%(count)s людей, яких ви знаєте, уже приєдналися"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Переглянути 1 учасника",
+            "other": "Переглянути усіх %(count)s учасників"
+        },
+        "face_pile_tooltip_shortcut": "Включно з %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Включно з вами, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Неможливо визначити, якого користувача ігнорувати, оскільки подія учасника змінилася.",
+        "failed_reject_invite": "Не вдалось відхилити запрошення",
+        "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": "Ця кімната загальнодоступна",
+            "shared_history_tooltip": "Нові учасники бачать історію",
+            "world_readable_history_tooltip": "Будь-хто може бачити історію"
+        },
+        "header_avatar_open_settings_label": "Відкрити налаштування кімнати",
+        "header_face_pile_tooltip": "Люди",
+        "header_untrusted_label": "Недовірений",
+        "inaccessible": "Ця кімната або простір на разі не доступні.",
+        "inaccessible_name": "%(roomName)s зараз офлайн.",
+        "inaccessible_subtitle_1": "Повторіть спробу пізніше, або запитайте у кімнати або простору перевірку, чи маєте ви доступ.",
+        "inaccessible_subtitle_2": "Під час спроби отримати доступ до кімнати або простору було повернено помилку %(errcode)s. Якщо ви думаєте, що ви бачите це повідомлення помилково, будь ласка, <issueLink>надішліть звіт про помилку</issueLink>.",
+        "intro": {
+            "display_topic": "Тема: <topic/>",
+            "dm_caption": "У цій розмові вас лише двоє, поки хтось із вас не запросить іще когось приєднатися.",
+            "edit_topic": "Тема: <topic/> (<a>змінити</a>)",
+            "enable_encryption_prompt": "Ввімкніть шифрування в налаштуваннях.",
+            "encrypted_3pid_dm_pending_join": "Коли хтось приєднається, ви зможете спілкуватись",
+            "no_avatar_label": "Додайте фото, щоб люди легко вирізняли вашу кімнату.",
+            "no_topic": "<a>Додайте тему</a>, щоб люди розуміли про що вона.",
+            "private_unencrypted_warning": "Зазвичай ваші приватні повідомлення шифруються, але не в цій кімнаті. Найчастіше це пов’язано з використанням непідтримуваних пристроїв або методів, як-от запрошення через електронну пошту.",
+            "room_invite": "Запросити лише до цієї кімнати",
+            "send_message_start_dm": "Надішліть своє перше повідомлення, щоб запросити <displayName/> до бесіди",
+            "start_of_dm_history": "Це початок історії вашого особистого спілкування з <displayName/>.",
+            "start_of_room": "Це початок <roomName/>.",
+            "unencrypted_warning": "Наскрізне шифрування не ввімкнене",
+            "user_created": "%(displayName)s створює цю кімнату.",
+            "you_created": "Ви створили кімнату."
+        },
+        "invite_email_mismatch_suggestion": "Поширте цю адресу е-пошти у налаштуваннях, щоб отримувати запрошення безпосередньо в %(brand)s.",
+        "invite_sent_to_email": "Це запрошення було надіслано на %(email)s",
+        "invite_sent_to_email_room": "Це запрошення до %(roomName)s було надіслане на %(email)s",
+        "invite_subtitle": "Запрошено <userName/>",
+        "invite_this_room": "Запросити до цієї кімнати",
+        "invite_title": "Бажаєте приєднатися до %(roomName)s?",
+        "inviter_unknown": "Невідомо",
+        "invites_you_text": "<inviter/> запрошує вас",
+        "join_button_account": "Зареєструватися",
+        "join_failed_needs_invite": "Щоб переглядати %(roomName)s, потрібне запрошення",
+        "join_the_discussion": "Приєднатися до обговорення",
+        "join_title": "Приєднуйтеся до кімнати, щоб взяти участь",
+        "join_title_account": "Приєднатись до бесіди з обліковим записом",
+        "joining": "Приєднання…",
+        "joining_room": "Приєднання до кімнати…",
+        "joining_space": "Приєднання до простору…",
+        "jump_read_marker": "Перейти до першого непрочитаного повідомлення.",
+        "jump_to_bottom_button": "Перейти до найновіших повідомлень",
+        "kick_reason": "Причина: %(reason)s",
+        "kicked_by": "Вас вилучено користувачем %(memberName)s",
+        "kicked_from_room_by": "%(memberName)s вилучає вас із %(roomName)s",
+        "knock_cancel_action": "Скасувати запит",
+        "knock_denied_subtitle": "Так як вам було відмовлено у доступі, ви не можете доєднатись знову доки вас не запросить адміністратор чи модератор групи.",
+        "knock_denied_title": "Вам було відмовлено у доступі",
+        "knock_message_field_placeholder": "Повідомлення (необов'язково)",
+        "knock_prompt": "Надіслати запит на приєднання?",
+        "knock_prompt_name": "Надіслати запит на приєднання до %(roomName)s?",
+        "knock_send_action": "Запитати доступ",
+        "knock_sent": "Запит на приєднання надіслано",
+        "knock_sent_subtitle": "Ваш запит на приєднання очікує на розгляд.",
+        "knock_subtitle": "Щоб переглянути або взяти участь у розмові, вам необхідно отримати доступ до цієї кімнати. Ви можете надіслати запит на приєднання нижче.",
+        "leave_error_title": "Помилка під час виходу з кімнати",
+        "leave_server_notices_description": "Ця кімната використовується для важливих повідомлень з домашнього сервера, тож ви не можете з неї вийти.",
+        "leave_server_notices_title": "Неможливо вийти з кімнати сповіщень сервера",
+        "leave_unexpected_error": "Під час спроби вийти з кімнати виникла неочікувана помилка сервера",
+        "link_email_to_receive_3pid_invite": "Пов'яжіть цю е-пошту з вашим обліковим записом у Налаштуваннях, щоб отримувати запрошення безпосередньо в %(brand)s.",
+        "loading_preview": "Завантаження попереднього перегляду",
+        "no_peek_join_prompt": "Попередній перегляд %(roomName)s недоступний. Бажаєте приєднатися?",
+        "no_peek_no_name_join_prompt": "Попереднього перегляду немає, бажаєте приєднатися?",
+        "not_found_subtitle": "Ви впевнені, що перебуваєте в потрібному місці?",
+        "not_found_title": "Такої кімнати або простору не існує.",
+        "not_found_title_name": "%(roomName)s не існує.",
+        "peek_join_prompt": "Ви попередньо переглядаєте %(roomName)s. Бажаєте приєднатися?",
+        "pinned_message_banner": {
+            "button_close_list": "Закрити список",
+            "button_view_all": "Подивитись все",
+            "description": "Закріплені повідомлення",
+            "go_to_newest_message": "Перегляньте закріплене повідомлення у стрічці та найновіше закріплене повідомлення тут",
+            "go_to_next_message": "Перегляньте закріплене повідомлення у стрічці та наступне найдавніше закріплене повідомлення тут",
+            "title": "<bold>%(index)s з %(length)s</bold> закріплених повідомлень"
+        },
+        "read_topic": "Натисніть, щоб побачити тему",
+        "rejecting": "Відхилення запрошення…",
+        "rejoin_button": "Перепід'єднатись",
+        "room_content": "Вміст кімнати",
+        "room_is_low_priority": "Це кімната з низьким пріоритетом",
+        "search": {
+            "all_rooms_button": "Вибрати всі кімнати",
+            "placeholder": "Пошук повідомлень…",
+            "summary": {
+                "one": "Знайдено 1 результат для \"<query/>\"",
+                "few": "Знайдено %(count)s результати для \"<query/>\"",
+                "many": "Знайдено %(count)s результатів для \"<query/>\""
+            },
+            "this_room_button": "Шукати цю кімнату"
+        },
+        "unknown_status_code_for_timeline_jump": "невідомий код стану",
+        "unread_notifications_predecessor": {
+            "other": "Ви маєте %(count)s непрочитаних сповіщень у попередній версії цієї кімнати.",
+            "one": "У вас %(count)s непрочитане сповіщення у попередній версії цієї кімнати."
+        },
+        "upgrade_error_description": "Перевірте, чи підримує ваш сервер вказану версію кімнати та спробуйте ще.",
+        "upgrade_error_title": "Помилка поліпшення кімнати",
+        "upgrade_warning_bar": "Поліпшення цієї кімнати припинить роботу наявного її примірника й створить поліпшену кімнату з такою ж назвою.",
+        "upgrade_warning_bar_admins": "Лише адміністратори кімнати бачать це попередження",
+        "upgrade_warning_bar_unstable": "Ця кімната — версії <roomVersion />, позначена цим домашнім сервером <i>нестабільною</i>.",
+        "upgrade_warning_bar_upgraded": "Ця кімната вже поліпшена.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Вивантаження %(filename)s і ще %(count)s",
+                "other": "Вивантаження %(filename)s і ще %(count)s"
+            },
+            "uploading_single_file": "Вивантаження %(filename)s"
+        },
+        "video_room": "Ця кімната є відеокімнатою",
+        "waiting_for_join_subtitle": "Після того, як запрошені користувачі приєднаються до %(brand)s, ви зможете спілкуватися в бесіді, а кімната буде наскрізно зашифрована",
+        "waiting_for_join_title": "Очікування приєднання користувача до %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "Додати простір",
+        "failed_add_tag": "Не вдалось додати до кімнати мітку %(tagName)s",
+        "failed_remove_tag": "Не вдалося прибрати з кімнати мітку %(tagName)s",
+        "failed_set_dm_tag": "Не вдалося встановити мітку особистого повідомлення",
+        "list_title": "Список кімнат",
+        "more_options": {
+            "leave_room": "Вийти з кімнати"
+        },
+        "notification_options": "Параметри сповіщень",
+        "section": {
+            "chats": "Бесіди",
+            "favourites": "Обране",
+            "low_priority": "Неважливі"
+        },
+        "show_less": "Згорнути"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Визначте хто може переглядати та приєднатися до %(spaceName)s.",
+            "title": "Доступ"
+        },
+        "advanced": {
+            "error_upgrade_description": "Поліпшення кімнати не може бути завершене",
+            "error_upgrade_title": "Не вдалось поліпшити кімнату",
+            "information_section_room": "Відомості про кімнату",
+            "information_section_space": "Відомості про простір",
+            "room_id": "Внутрішній ID кімнати",
+            "room_predecessor": "Перегляд давніших повідомлень у %(roomName)s.",
+            "room_upgrade_button": "Поліпшити цю кімнату до рекомендованої версії",
+            "room_upgrade_warning": "<b>Попередження</b>: оновлення кімнати <i>не призведе до автоматичного перенесення учасників до нової версії кімнати.</i> Ми опублікуємо посилання на нову кімнату в старій версії кімнати - учасники кімнати повинні будуть натиснути на це посилання, щоб приєднатися до нової кімнати.",
+            "room_version": "Версія кімнати:",
+            "room_version_section": "Версія кімнати",
+            "space_predecessor": "Переглянути давнішу версію %(spaceName)s.",
+            "space_upgrade_button": "Поліпшити цей простір до рекомендованої версії кімнати",
+            "unfederated": "Ця кімната недоступна для віддалених серверів Matrix",
+            "upgrade_button": "Поліпшити цю кімнату до версії %(version)s",
+            "upgrade_dialog_description": "Поліпшення цієї кімнати потребує закриття наявного її примірника й створення нової кімнати натомість. Щоб забезпечити якнайкращі враження учасникам кімнати, ми:",
+            "upgrade_dialog_description_1": "Створимо нову кімнату з такою ж назвою, описом і аватаром",
+            "upgrade_dialog_description_2": "Направимо всі локальні псевдоніми цієї кімнати до нової",
+            "upgrade_dialog_description_3": "Вимкнемо користувачам можливість писати до старої версії кімнати й додамо повідомлення з порадою перейти до нової",
+            "upgrade_dialog_description_4": "Додамо лінк старої кімнати нагорі нової, щоб люди могли бачити старі повідомлення",
+            "upgrade_dialog_title": "Поліпшити версію кімнати",
+            "upgrade_dwarning_ialog_title_public": "Поліпшити відкриту кімнату",
+            "upgrade_warning_dialog_description": "Поліпшення кімнати — серйозна операція. Її зазвичай радять, коли кімната нестабільна через вади, брак функціоналу чи вразливості безпеки.",
+            "upgrade_warning_dialog_explainer": "<b>Зауважте, поліпшення створить нову версію кімнати</b>. Усі наявні повідомлення залишаться в цій архівованій кімнаті.",
+            "upgrade_warning_dialog_footer": "Ви поліпшите цю кімнату з <oldVersion /> до <newVersion /> версії.",
+            "upgrade_warning_dialog_invite_label": "Автоматично запросити учасників цієї кімнати до нової",
+            "upgrade_warning_dialog_report_bug_prompt": "Зазвичай це впливає лише на деталі опрацювання кімнати сервером. Якщо проблема полягає саме в %(brand)s, просимо повідомити нас про ваду.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Зазвичай це впливає лише на деталі опрацювання кімнати сервером. Якщо проблема полягає саме в %(brand)s, просимо <a>повідомити нас про ваду</a>.",
+            "upgrade_warning_dialog_title": "Поліпшити кімнату",
+            "upgrade_warning_dialog_title_private": "Поліпшити закриту кімнату"
+        },
+        "alias_not_specified": "не вказано",
+        "bridges": {
+            "description": "Ця кімната передає повідомлення на такі платформи. <a>Докладніше.</a>",
+            "empty": "Ця кімната не передає повідомлень на жодні платформи. <a>Докладніше.</a>",
+            "title": "Мости"
+        },
+        "delete_avatar_label": "Видалити аватар",
+        "general": {
+            "alias_field_has_domain_invalid": "Бракує розділювача домену (:domain.org)",
+            "alias_field_has_localpart_invalid": "Бракує назви кімнати чи розділювача (my-room:domain.org)",
+            "alias_field_matches_invalid": "Ця адреса не вказує на цю кімнату",
+            "alias_field_placeholder_default": "наприклад, моя-кімната",
+            "alias_field_required_invalid": "Будь ласка, вкажіть адресу",
+            "alias_field_safe_localpart_invalid": "Деякі символи не дозволені",
+            "alias_field_taken_invalid": "Ця адреса містить хибний сервер чи вже використовується",
+            "alias_field_taken_invalid_domain": "Ця адреса вже використовується",
+            "alias_field_taken_valid": "Ця адреса доступна",
+            "alias_heading": "Адреса кімнати",
+            "aliases_items_label": "Інші загальнодоступні адреси:",
+            "aliases_no_items_label": "Поки немає загальнодоступних адрес, додайте їх унизу",
+            "aliases_section": "Адреси кімнати",
+            "avatar_field_label": "Аватар кімнати",
+            "canonical_alias_field_label": "Основна адреса",
+            "description_space": "Змінити налаштування, що стосуються вашого простору.",
+            "error_creating_alias_description": "Помилка створення такої адреси. Можливо, сервер цього не дозволяє або стався тимчасовий збій.",
+            "error_creating_alias_title": "Помилка створення адреси",
+            "error_deleting_alias_description": "Помилка видалення такої адреси. Можливо, вона не існує або стався тимчасовий збій.",
+            "error_deleting_alias_description_forbidden": "У вас немає дозволу видаляти адресу.",
+            "error_deleting_alias_title": "Помилка видалення адреси",
+            "error_publishing": "Неможливо опублікувати кімнату",
+            "error_publishing_detail": "Виникла помилка під час публікації цієї кімнати",
+            "error_save_space_settings": "Не вдалося зберегти налаштування простору.",
+            "error_updating_alias_description": "Помилка оновлення запасних адрес кімнати. Можливо, сервер цього не дозволяє або стався тимчасовий збій.",
+            "error_updating_canonical_alias_description": "Помилка оновлення головної адреси кімнати. Можливо, сервер цього не дозволяє або стався тимчасовий збій.",
+            "error_updating_canonical_alias_title": "Помилка оновлення основної адреси",
+            "leave_space": "Вийти з простору",
+            "local_alias_field_label": "Локальні адреси",
+            "local_aliases_explainer_room": "Встановіть адреси цій кімнаті, щоб користувачі могли її знаходити через ваш домашній сервер (%(localDomain)s)",
+            "local_aliases_explainer_space": "Встановіть адреси цьому простору, щоб користувачі могли його знаходити через ваш домашній сервер (%(localDomain)s)",
+            "local_aliases_section": "Локальні адреси",
+            "name_field_label": "Назва кімнати",
+            "new_alias_placeholder": "Нова загальнодоступна адреса (вигляду #alias:server)",
+            "no_aliases_room": "Ця кімната не має локальних адрес",
+            "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": "Загальнодоступні адреси можуть бути використані будь-ким на будь-якому сервері для приєднання до вашого простору.",
+            "published_aliases_section": "Загальнодоступні адреси",
+            "save": "Зберегти зміни",
+            "topic_field_label": "Тема кімнати"
+        },
+        "notifications": {
+            "browse_button": "Огляд",
+            "custom_sound_prompt": "Указати нові власні звуки",
+            "notification_sound": "Звуки сповіщень",
+            "settings_link": "Отримувати сповіщення відповідно до ваших <a>налаштувань</a>",
+            "sounds_section": "Звуки",
+            "upload_sound_label": "Вивантажити власний звук",
+            "uploaded_sound": "Вивантажені звуки"
+        },
+        "people": {
+            "knock_empty": "Запитів немає",
+            "knock_section": "Запит на приєднання",
+            "see_less": "Показати менше",
+            "see_more": "Показати більше"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Надайте одному або кільком користувачам у цій кімнаті більше повноважень",
+            "add_privileged_user_filter_placeholder": "Пошук користувачів у цій кімнаті…",
+            "add_privileged_user_heading": "Додати привілейованих користувачів",
+            "ban": "Блокування користувачів",
+            "ban_reason": "Причина",
+            "banned_by": "Блокує %(displayName)s",
+            "banned_users_section": "Заблоковані користувачі",
+            "error_changing_pl_description": "Під час зміни рівня повноважень користувача трапилась помилка. Переконайтесь, що ви маєте необхідні дозволи і спробуйте ще раз.",
+            "error_changing_pl_reqs_description": "Під час зміни вимог рівня повноважень кімнати трапилась помилка. Переконайтесь, що ви маєте необхідні дозволи і спробуйте ще раз.",
+            "error_changing_pl_reqs_title": "Помилка під час зміни вимог до рівня повноважень",
+            "error_changing_pl_title": "Помилка під час зміни рівня повноважень",
+            "error_unbanning": "Не вдалося розблокувати",
+            "events_default": "Надіслати повідомлення",
+            "invite": "Запросити користувачів",
+            "kick": "Вилучити користувачів",
+            "m.call": "Розпочати %(brand)s викликів",
+            "m.call.member": "Приєднатися до %(brand)s викликів",
+            "m.reaction": "Надсилати реакції",
+            "m.room.avatar": "Змінити аватар кімнати",
+            "m.room.avatar_space": "Змінити аватар простору",
+            "m.room.canonical_alias": "Змінити основну адресу кімнати",
+            "m.room.canonical_alias_space": "Змінити основну адресу простору",
+            "m.room.encryption": "Увімкнути шифрування кімнати",
+            "m.room.history_visibility": "Змінити видимість історії",
+            "m.room.name": "Змінити назву кімнати",
+            "m.room.name_space": "Змінити назву простору",
+            "m.room.pinned_events": "Керувати закріпленими подіями",
+            "m.room.power_levels": "Змінити дозволи",
+            "m.room.redaction": "Вилучити надіслані мною повідомлення",
+            "m.room.server_acl": "Змінити серверні права доступу",
+            "m.room.tombstone": "Поліпшити кімнату",
+            "m.room.topic": "Змінити тему",
+            "m.room.topic_space": "Змінити опис",
+            "m.space.child": "Керувати кімнатами в цьому просторі",
+            "m.widget": "Змінити віджети",
+            "muted_users_section": "Стишені користувачі",
+            "no_privileged_users": "У цій кімнаті немає користувачів з визначеними привілеями",
+            "notifications.room": "Сповістити всіх",
+            "permissions_section": "Дозволи",
+            "permissions_section_description_room": "Виберіть ролі, необхідні для зміни різних частин кімнати",
+            "permissions_section_description_space": "Оберіть ролі, потрібні для зміни різних частин простору",
+            "privileged_users_section": "Привілейовані користувачі",
+            "redact": "Вилучити повідомлення надіслані іншими",
+            "send_event_type": "Надіслати події %(eventType)s",
+            "state_default": "Змінити налаштування",
+            "title": "Ролі й дозволи",
+            "users_default": "Типова роль"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "У вас немає дозволів на зміну видимості історії кімнати. Це небезпечно, оскільки може дозволити читати повідомлення користувачам, які не приєдналися.",
+                "title": "Неможливо зробити кімнату приватною"
+            },
+            "enable_encryption_confirm_description": "Якщо ви увімкнете шифрування для кімнати, його неможливо буде вимкнути. Надіслані у зашифровану кімнату повідомлення будуть прочитними тільки для учасників кімнати, натомість для сервера вони будуть непрочитними. Увімкнення шифрування може унеможливити роботу ботів та мостів. <a>Дізнатись більше про шифрування.</a>",
+            "enable_encryption_confirm_title": "Увімкнути шифрування?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Не варто додавати шифрування загальнодоступним кімнатам.</b> Будь-хто може знаходити загальнодоступні кімнати, приєднатись і читати повідомлення в них. Ви не отримаєте переваг від шифрування й не зможете вимкнути його пізніше. Зашифровані повідомлення в загальнодоступній кімнаті отримуватимуться й надсилатимуться повільніше.",
+            "enable_encryption_public_room_confirm_description_2": "Щоб уникнути цих проблем, створіть <a>нову зашифровану кімнату</a> для розмови, яку плануєте.",
+            "enable_encryption_public_room_confirm_title": "Точно додати шифрування цій загальнодоступній кімнаті?",
+            "encrypted_room_public_confirm_description_1": "<b>Не варто робити зашифровані кімнати загальнодоступними.</b> Будь-хто зможе знайти кімнату, приєднатись і читати повідомлення. Ви не отримаєте переваг шифрування. Зашифровані повідомлення в загальнодоступній кімнаті отримуватимуться й надсилатимуться повільніше.",
+            "encrypted_room_public_confirm_description_2": "Щоб уникнути цих проблем, створіть <a>нову загальнодоступну кімнату</a> для розмови, яку плануєте.",
+            "encrypted_room_public_confirm_title": "Точно зробити цю зашифровану кімнату загальнодоступною?",
+            "encryption_forced": "Ваш сервер вимагає вимкнення шифрування.",
+            "encryption_permanent": "Після увімкнення шифрування не можна буде вимкнути.",
+            "error_join_rule_change_title": "Не вдалося оновити правила приєднання",
+            "error_join_rule_change_unknown": "Невідомий збій",
+            "guest_access_warning": "Люди з підтримуваними клієнтами зможуть приєднуватись до кімнати без реєстрації.",
+            "history_visibility_invited": "Учасники з моменту запрошення",
+            "history_visibility_legend": "Хто може читати історію?",
+            "history_visibility_shared": "Учасники (повна історія)",
+            "history_visibility_warning": "Зміни не вплинуть на попередні повідомлення, лише на нові. <a>Докладніше</a>",
+            "history_visibility_world_readable": "Будь-хто (історія загальнодоступна)",
+            "join_rule_description": "Вкажіть, хто може приєднуватися до %(roomName)s.",
+            "join_rule_invite": "Лише запрошені",
+            "join_rule_invite_description": "Приєднатися можуть лише запрошені люди.",
+            "join_rule_knock": "Запит на приєднання",
+            "join_rule_knock_description": "Люди не можуть приєднатися, якщо їм не надано доступ.",
+            "join_rule_public": "Будь-хто",
+            "join_rule_public_description": "Будь-хто може приєднатися.",
+            "join_rule_restricted": "Учасники простору",
+            "join_rule_restricted_description": "Будь-хто в авторизованому просторі може приєднатися без запрошення. <a>Керувати просторами</a>",
+            "join_rule_restricted_description_active_space": "Будь-хто з <spaceName/> може приєднатися.",
+            "join_rule_restricted_description_prompt": "Приєднуватися можуть усі учасники простору.",
+            "join_rule_restricted_description_spaces": "Авторизовані простори",
+            "join_rule_restricted_dialog_description": "Простори, де учасники можуть приєднатися до <RoomName/> без запрошення.",
+            "join_rule_restricted_dialog_empty_warning": "Ви вилучаєте авторизовані простори. Усталеним стане доступ лише за запрошенням",
+            "join_rule_restricted_dialog_filter_placeholder": "Пошук просторів",
+            "join_rule_restricted_dialog_heading_known": "Ваші простори, які не містять цієї кімнати",
+            "join_rule_restricted_dialog_heading_other": "Інші простори, учасником яких ви не є",
+            "join_rule_restricted_dialog_heading_room": "Ваші простори, що містять цю кімнату",
+            "join_rule_restricted_dialog_heading_space": "Відомі вам простори, до яких входить цей",
+            "join_rule_restricted_dialog_heading_unknown": "Ймовірно, інші адміністратори кімнати є їхніми учасниками.",
+            "join_rule_restricted_dialog_title": "Керувати просторами",
+            "join_rule_restricted_n_more": {
+                "one": "і ще %(count)s",
+                "other": "і ще %(count)s"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Наразі авторизовано один простір",
+                "few": "Наразі авторизовано %(count)s простори",
+                "many": "Наразі авторизовано %(count)s просторів"
+            },
+            "join_rule_restricted_upgrade_description": "Це поліпшення дозволить учасникам обраних просторів доступитися до цієї кімнати без запрошення.",
+            "join_rule_restricted_upgrade_warning": "Ця кімната належить до просторів, які ви не адмініструєте. Ці простори показуватимуть стару кімнату, але пропонуватимуть людям приєднатись до нової.",
+            "join_rule_upgrade_awaiting_room": "Звантаження нової кімнати",
+            "join_rule_upgrade_required": "Потрібне поліпшення",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Надсилання запрошення...",
+                "other": "Надсилання запрошень... (%(progress)s із %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Оновлення простору...",
+                "other": "Оновлення просторів... (%(progress)s із %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Поліпшення кімнати",
+            "join_rule_world_readable_description": "Зміна умов приєднання до кімнати також змінить видимість майбутніх повідомлень.",
+            "public_without_alias_warning": "Щоб посилатись на цю кімнату, додайте їй адресу.",
+            "publish_room": "Зробити цю кімнату видимою в каталозі загальнодоступних кімнат.",
+            "publish_space": "Зробити цей простір видимим у каталозі загальнодоступних кімнат.",
+            "strict_encryption": "Надсилати повідомлення лише верифікованим користувачам.",
+            "title": "Безпека та приватність"
+        },
+        "title": "Налаштування кімнати - %(roomName)s",
+        "upload_avatar_label": "Вивантажити аватар",
+        "visibility": {
+            "alias_section": "Адреса",
+            "error_failed_save": "Не вдалося оновити налаштування цього простору",
+            "error_update_guest_access": "Не вдалося оновити гостьовий доступ до цього простору",
+            "error_update_history_visibility": "Не вдалося оновити видимість історії цього простору",
+            "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": "Безпека та приватність"
+        },
+        "voip": {
+            "call_type_section": "Тип викликів",
+            "enable_element_call_caption": "%(brand)s наскрізно зашифровано, але наразі обмежений меншою кількістю користувачів.",
+            "enable_element_call_label": "Увімкнути %(brand)s додатковою опцією викликів у цій кімнаті",
+            "enable_element_call_no_permissions_tooltip": "Ви не маєте достатніх повноважень, щоб змінити це."
+        }
+    },
+    "room_summary_card_back_action_label": "Відомості про кімнату",
+    "scalar": {
+        "error_create": "Неможливо створити віджет.",
+        "error_membership": "Вас немає в цій кімнаті.",
+        "error_missing_room_id": "Бракує ID кімнати.",
+        "error_missing_room_id_request": "У запиті бракує room_id",
+        "error_missing_user_id_request": "У запиті пропущено user_id",
+        "error_permission": "У вас немає дозволу на ці дії в цій кімнаті.",
+        "error_power_level_invalid": "Рівень повноважень мусить бути додатним цілим числом.",
+        "error_room_not_visible": "Кімната %(roomId)s не видима",
+        "error_room_unknown": "Кімнату не знайдено.",
+        "error_send_request": "Не вдалося надіслати запит.",
+        "failed_read_event": "Не вдалося прочитати події",
+        "failed_send_event": "Не вдалося надіслати подію"
+    },
+    "server_offline": {
+        "description": "Не вдалося отримати відповідь на деякі запити до вашого сервера. Ось деякі можливі причини.",
+        "description_1": "Сервер (%(serverName)s) не відповів у прийнятний термін.",
+        "description_2": "Ваш файрвол чи антивірус заблокував запит.",
+        "description_3": "Розширення браузера заблокувало запит.",
+        "description_4": "Сервер вимкнено.",
+        "description_5": "Сервер відхилив ваш запит.",
+        "description_6": "У вашій місцевості зараз проблеми з інтернет-зв'язком.",
+        "description_7": "Стався збій при спробі зв'язку з сервером.",
+        "description_8": "Сервер не налаштований на деталізацію суті проблеми (CORS).",
+        "empty_timeline": "Все готово.",
+        "recent_changes_heading": "Останні зміни, котрі ще не отримано",
+        "title": "Сервер не відповідає"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s потребує Service worker для завантаження автентифікованих медіа з репозиторіїв вмісту Matrix. Ваш браузер не підтримує цю функцію, тому медіафайли можуть не завантажуватися.",
+        "title": "Не вдалося завантажити Service Worker"
+    },
+    "seshat": {
+        "error_initialising": "Не вдалося почати пошук, перевірте <a>налаштування</a>, щоб дізнатися більше",
+        "reset_button": "Очистити сховище подій",
+        "reset_description": "Сумніваємось, що ви бажаєте очистити своє сховище подій",
+        "reset_explainer": "Якщо таки бажаєте, зауважте, що жодні ваші повідомлення не видаляться, проте пошук сповільниться, поки індекс буде перестворюватись",
+        "reset_title": "Очистити сховище подій?",
+        "warning_kind_files": "Ця версія %(brand)s не підтримує перегляд деяких зашифрованих файлів",
+        "warning_kind_files_app": "Скористайтеся <a>стільничним застосунком</a>, щоб переглянути всі зашифровані файли",
+        "warning_kind_search": "Ця версія %(brand)s не підтримує пошук зашифрованих повідомлень",
+        "warning_kind_search_app": "Скористайтеся <a>стільничним застосунком</a>, щоб пошукати серед зашифрованих повідомлень",
+        "warning_kind_search_partial": "Результати можуть бути неповними, оскільки індексація пошуку ще формується."
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Токен доступу надає повний доступ до вашого облікового запису. Не передавайте його нікому.",
+            "brand_version": "Версія %(brand)s:",
+            "clear_cache_reload": "Очистити кеш та перезавантажити",
+            "crypto_version": "Криптоверсія:",
+            "dialog_title": "<strong>Налаштування:</strong> Довідка та Про нас",
+            "help_link": "Якщо необхідна допомога у користуванні %(brand)s'ом, клацніть <a>тут</a>.",
+            "homeserver": "Домашній сервер <code>%(homeserverUrl)s</code>",
+            "identity_server": "Сервер ідентифікації <code>%(identityServerUrl)s</code>",
+            "title": "Довідка та інформація",
+            "versions": "Версії"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Налаштування:</strong> Обліковий запис",
+            "title": "Обліковий запис"
+        },
+        "all_rooms_home": "Показувати всі кімнати в Домівці",
+        "all_rooms_home_description": "Всі кімнати, до яких ви приєднались, з'являться в домівці.",
+        "always_show_message_timestamps": "Завжди показувати часові позначки повідомлень",
+        "appearance": {
+            "bundled_emoji_font": "Використовувати вбудований шрифт емоджі",
+            "compact_layout": "Показувати компактні текст і повідомлення",
+            "compact_layout_description": "Щоб користуватися цією функцією потрібно вибрати сучасний макет.",
+            "custom_font": "Використовувати системний шрифт",
+            "custom_font_description": "Вкажіть назву шрифту, встановленого у вашій системі, й %(brand)s спробує його використати.",
+            "custom_font_name": "Ім’я системного шрифту",
+            "custom_font_size": "Використовувати нетиповий розмір",
+            "custom_theme_add": "Додати власну тему",
+            "custom_theme_downloading": "Завантаження користувацької теми…",
+            "custom_theme_error_downloading": "Помилка завантаження теми",
+            "custom_theme_help": "Введіть URL-адресу користувацької теми, яку хочете застосувати.",
+            "custom_theme_invalid": "Хибна схема теми.",
+            "dialog_title": "<strong>Налаштування:</strong> Вигляд",
+            "font_size": "Розмір шрифту",
+            "font_size_default": "%(fontSize)s (усталено)",
+            "high_contrast": "Висока контрастність",
+            "image_size_default": "Типовий",
+            "image_size_large": "Великі",
+            "layout_bubbles": "Бульбашки повідомлень",
+            "layout_irc": "IRC (експериментальний)",
+            "match_system_theme": "Тема системи",
+            "timeline_image_size": "Розмір зображень у стрічці"
+        },
+        "automatic_language_detection_syntax_highlight": "Автоматично визначати мову для підсвічування синтаксису",
+        "autoplay_gifs": "Автовідтворення GIF",
+        "autoplay_videos": "Автовідтворення відео",
+        "big_emoji": "Увімкнути великі емоджі у бесідах",
+        "code_block_expand_default": "Розгортати блоки коду одразу",
+        "code_block_line_numbers": "Нумерувати рядки блоків коду",
+        "disable_historical_profile": "Показувати поточне зображення профілю та ім'я для користувачів у історії повідомлень",
+        "discovery": {
+            "title": "Як вас знайти"
+        },
+        "emoji_autocomplete": "Увімкнути пропозиції емодзі під час введення тексту",
+        "enable_markdown": "Увімкнути Markdown",
+        "enable_markdown_description": "Розпочинати повідомлення з <code>/plain</code>, щоб надіслати без markdown.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Дані вашого облікового запису, контакти, налаштування й бесіди будуть збережені",
+                "breadcrumb_page": "Скинути шифрування",
+                "breadcrumb_second_description": "Ви втратите історію повідомлень, яка зберігається лише на сервері",
+                "breadcrumb_third_description": "Вам потрібно буде верифікувати всі наявні пристрої та контакти ще раз",
+                "breadcrumb_title": "Ви впевнені, що хочете скинути свою цифрову ідентичність?",
+                "breadcrumb_title_cant_confirm": "Вам потрібно скинути налаштування вашої цифрової ідентичності",
+                "breadcrumb_title_forgot": "Забули ключ відновлення? Вам потрібно скинути свою цифрову ідентичність.",
+                "breadcrumb_title_sync_failed": "Не вдалося синхронізувати сховище ключів. Вам потрібно скинути свою цифрову ідентичність.",
+                "breadcrumb_warning": "Робіть це, лише якщо ви впевнені, що ваш обліковий запис скомпрометований.",
+                "details_title": "Подробиці шифрування",
+                "do_not_close_warning": "Не закривайте це вікно, поки не завершиться скидання",
+                "export_keys": "Експорт ключів",
+                "import_keys": "Імпорт ключів",
+                "other_people_device_description": "Попередження: користувачі, які не явно не звірені з вами (наприклад, за допомогою емоджі), не отримуватимуть ваші зашифровані повідомлення. Також незвірені пристрої звірених користувачів не отримуватимуть ваші зашифровані повідомлення. Зміни набудуть чинності після перезапуску застосунку.",
+                "other_people_device_label": "У кімнатах з увімкненим шифруванням надсилати повідомлення лише верифікованим користувачам",
+                "other_people_device_title": "Пристрої інших людей",
+                "reset_identity": "Скинути криптографічну ідентичність",
+                "reset_in_progress": "Виконується скидання...",
+                "session_id": "ID сеансу:",
+                "session_key": "Ключ сеансу:",
+                "title": "Додатково"
+            },
+            "confirm_key_storage_off": "Ви впевнені, що хочете вимкнути сховище ключів?",
+            "confirm_key_storage_off_description": "Якщо ви вийдете з усіх своїх пристроїв, ви втратите історію повідомлень і вам потрібно буде знову звірити всі наявні контакти. <a>Докладніше</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Видалити сховище ключів",
+                "confirm": "Видалити сховище ключів",
+                "description": "Видалення сховища ключів вилучить вашу криптографічну ідентичність і ключі повідомлень з сервера, а також вимкне такі функції безпеки:",
+                "list_first": "Ви не матимете історії зашифрованих повідомлень на нових пристроях",
+                "list_second": "Ви втратите доступ до своїх зашифрованих повідомлень, якщо ви вийдете на всіх пристроях",
+                "title": "Ви впевнені, що хочете вимкнути зберігання ключів і видалити їх?"
+            },
+            "device_not_verified_button": "Верифікувати цей пристрій",
+            "device_not_verified_description": "Верифікуйте цей пристрій, щоб переглянути налаштування шифрування.",
+            "device_not_verified_title": "Пристрій не верифіковано",
+            "dialog_title": "<strong>Налаштування:</strong> Шифрування",
+            "key_storage": {
+                "allow_key_storage": "Дозволити зберігання ключів",
+                "description": "Це дозволить вам переглядати історію бесід на будь-яких нових пристроях і необхідно для створення резервних копій бесід і цифрової ідентичності. <a>Докладніше</a>",
+                "title": "Сховище ключів"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Підтвердити новий ключ відновлення",
+                "change_recovery_confirm_description": "Введіть новий ключ відновлення нижче, щоб завершити. Ваш старий ключ більше не працюватиме.",
+                "change_recovery_confirm_title": "Введіть новий ключ відновлення",
+                "change_recovery_key": "Змінити ключ відновлення",
+                "change_recovery_key_description": "Запишіть цей новий ключ відновлення в безпечне місце. Потім натисніть Продовжити, щоб підтвердити зміну.",
+                "change_recovery_key_title": "Змінити ключ відновлення?",
+                "description": "Ваші бесіди автоматично резервуються з використанням наскрізного шифрування. Щоб відновити цю резервну копію та зберегти свою цифрову ідентичність у разі втрати доступу до всіх своїх пристроїв, вам знадобиться ключ відновлення.",
+                "enter_key_error": "Ви ввели некоректний ключ відновлення.",
+                "enter_recovery_key": "Введіть ключ відновлення",
+                "forgot_recovery_key": "Забули ключ відновлення?",
+                "key_storage_warning": "Ваше сховище ключів не синхронізовано. Натисніть кнопку нижче, щоб усунути проблему.",
+                "save_key_description": "Не діліться цим ні з ким!",
+                "save_key_title": "Ключ відновлення",
+                "set_up_recovery": "Отримати ключ відновлення",
+                "set_up_recovery_confirm_button": "Завершити налаштування",
+                "set_up_recovery_confirm_description": "Введіть ключ відновлення, показаний на попередньому екрані, щоб завершити налаштування відновлення.",
+                "set_up_recovery_confirm_title": "Введіть ключ відновлення для підтвердження",
+                "set_up_recovery_description": "Сховище ключів захищено ключем відновлення. Якщо вам потрібен новий ключ відновлення після налаштування, ви можете створити його повторно, вибравши ‘%(changeRecoveryKeyButton)s’.",
+                "set_up_recovery_save_key_description": "Запишіть цей ключ відновлення в безпечне місце, наприклад, у менеджері паролів, зашифровану примітку або фізично у безпечне місце.",
+                "set_up_recovery_save_key_title": "Збережіть ключ відновлення в надійному місці",
+                "set_up_recovery_secondary_description": "Після натискання кнопки Продовжити ми згенеруємо для вас ключ відновлення.",
+                "title": "Резервне копіювання"
+            },
+            "title": "Шифрування"
+        },
+        "general": {
+            "account_management_section": "Керування обліковим записом",
+            "account_section": "Обліковий запис",
+            "add_email_dialog_title": "Додати адресу е-пошти",
+            "add_email_failed_verification": "Не вдалось перевірити адресу електронної пошти: переконайтесь, що ви перейшли за посиланням у листі",
+            "add_email_instructions": "Ми надіслали лист, щоб підтвердити вашу е-пошту. Виконайте інструкції в ньому й натисніть кнопку нижче.",
+            "add_msisdn_confirm_body": "Клацніть на кнопку внизу, щоб підтвердити додавання цього номера телефону.",
+            "add_msisdn_confirm_button": "Підтвердьте додавання номера телефону",
+            "add_msisdn_confirm_sso_button": "Підтвердьте додавання цього телефонного номера за допомогоє єдиного входу, щоб довести вашу справжність.",
+            "add_msisdn_dialog_title": "Додати номер телефону",
+            "add_msisdn_instructions": "Текстове повідомлення надіслано на номер +%(msisdn)s. Введіть код перевірки з нього.",
+            "add_msisdn_misconfigured": "Неправильно налаштовано додавання / зв'язування з потоком MSISDN",
+            "allow_spellcheck": "Дозволити перевірку правопису",
+            "application_language": "Мова застосунку",
+            "application_language_reload_hint": "Застосунок перезапуститься після вибору іншої мови",
+            "avatar_open_menu": "Відкрити меню аватара",
+            "avatar_remove_progress": "Вилучення зображення...",
+            "avatar_save_progress": "Вивантаження зображення...",
+            "avatar_upload_error_text": "Формат файлу не підтримується або зображення більше ніж %(size)s.",
+            "avatar_upload_error_text_generic": "Формат файлу може не підтримуватися.",
+            "avatar_upload_error_title": "Не вдалося завантажити зображення аватара",
+            "confirm_adding_email_body": "Клацніть на кнопку внизу, щоб підтвердити додавання цієї адреси е-пошти.",
+            "confirm_adding_email_title": "Підтвердити додавання е-пошти",
+            "deactivate_confirm_body": "Ви впевнені, що бажаєте деактивувати обліковий запис? Ця дія безповоротна.",
+            "deactivate_confirm_body_sso": "Підтвердьте деактивацію свого облікового запису через єдиний вхід, щоб підтвердити вашу особу.",
+            "deactivate_confirm_content": "Підтвердьте, що справді бажаєте знищити обліковий запис. Якщо продовжите:",
+            "deactivate_confirm_content_1": "Відновити обліковий запис буде неможливо",
+            "deactivate_confirm_content_2": "Ви більше не зможете ввійти",
+            "deactivate_confirm_content_3": "Ніхто не зможе зареєструватись під вашим користувацьким іменем (MXID), навіть ви: це ім'я залишатиметься недоступним",
+            "deactivate_confirm_content_4": "Вас буде вилучено з усіх кімнат і особистих розмов",
+            "deactivate_confirm_content_5": "Вас буде вилучено з сервера ідентифікації: ваші друзі не матимуть змоги знайти вас за е-поштою чи номером телефону",
+            "deactivate_confirm_content_6": "Ваші старі повідомлення залишатимуться доступними людям, які їх уже отримали, аналогічно надісланій е-пошті. Бажаєте сховати надіслані повідомлення від тих, хто відтепер приєднуватиметься до кімнат?",
+            "deactivate_confirm_continue": "Підтвердьте знедіювання облікового запису",
+            "deactivate_confirm_erase_label": "Сховати мої повідомлення від нових учасників",
+            "deactivate_section": "Деактивувати обліковий запис",
+            "deactivate_warning": "Деактивація вашого облікового запису — це незворотна дія, будьте обережні!",
+            "discovery_email_empty": "Параметри виявлення з’являться, коли ви додасте електронну адресу.",
+            "discovery_email_verification_instructions": "Перевірте посилання у теці «Вхідні»",
+            "discovery_msisdn_empty": "Параметри виявлення з’являться, коли ви додасте номер телефону.",
+            "discovery_needs_terms": "Погодьтесь з Умовами надання послуг сервера ідентифікації (%(serverName)s), щоб дозволити знаходити вас за адресою електронної пошти або за номером телефону.",
+            "discovery_needs_terms_title": "Дайте змогу людям знаходити вас",
+            "display_name": "Показуване ім'я",
+            "display_name_error": "Не вдалося встановити показуване ім'я",
+            "email_adding_unsupported_by_hs": "Цей домашній сервер не підтримує додавання адрес електронної пошти до вашого облікового запису.",
+            "email_address_in_use": "Ця е-пошта вже використовується",
+            "email_address_label": "Адреса е-пошти",
+            "email_not_verified": "Ваша адреса е-пошти ще не підтверджена",
+            "email_verification_instructions": "Для підтвердження перейдіть за посиланням в отриманому листі й знову натисніть «Продовжити».",
+            "emails_heading": "Адреси е-пошти",
+            "error_add_email": "Не вдалося додати адресу е-пошти",
+            "error_deactivate_communication": "Виникла проблема зв'язку з сервером. Повторіть спробу.",
+            "error_deactivate_invalid_auth": "Сервер надав хибні дані розпізнання.",
+            "error_deactivate_no_auth": "Сервер не попросив увійти",
+            "error_email_verification": "Не вдалося перевірити адресу е-пошти.",
+            "error_invalid_email": "Хибна адреса е-пошти",
+            "error_invalid_email_detail": "Здається це неправильна адреса е-пошти",
+            "error_msisdn_verification": "Не вдалося перевірити номер телефону.",
+            "error_password_change_403": "Не вдалось змінити пароль. Ви впевнені, що пароль введено правильно?",
+            "error_password_change_http": "%(errorMessage)s (HTTP-статус %(httpStatus)s)",
+            "error_password_change_title": "Помилка зміни пароля",
+            "error_password_change_unknown": "Невідома помилка зміни пароля (%(stringifiedError)s)",
+            "error_remove_3pid": "Не вдалося вилучити контактні дані",
+            "error_revoke_email_discovery": "Не вдалось відкликати оприлюднювання адреси е-пошти",
+            "error_revoke_msisdn_discovery": "Не вдалось відкликати оприлюднювання телефонного номеру",
+            "error_share_email_discovery": "Не вдалося надіслати адресу е-пошти",
+            "error_share_msisdn_discovery": "Не вдалося надіслати телефонний номер",
+            "identity_server_no_token": "Токен доступу до ідентифікації не знайдено",
+            "identity_server_not_set": "Сервер ідентифікації не налаштовано",
+            "invalid_phone_number": "Вказано недійсний номер телефону.",
+            "language_section": "Мова",
+            "msisdn_adding_unsupported_by_hs": "Цей домашній сервер не підтримує додавання телефонних номерів до вашого облікового запису.",
+            "msisdn_in_use": "Цей телефонний номер вже використовується",
+            "msisdn_label": "Телефонний номер",
+            "msisdn_verification_field_label": "Код перевірки",
+            "msisdn_verification_instructions": "Введіть код перевірки, надісланий у текстовому повідомленні.",
+            "msisdns_heading": "Номери телефонів",
+            "oidc_manage_button": "Керувати обліковим записом",
+            "password_change_section": "Встановити новий пароль облікового запису…",
+            "password_change_success": "Ваш пароль успішно змінено.",
+            "personal_info": "Особиста інформація",
+            "profile_subtitle": "Так вас бачать інші в застосунку.",
+            "profile_subtitle_oidc": "Вашим обліковим записом окремо керує постачальник даних особистості, тому деякі ваші особисті дані не можуть бути змінені тут.",
+            "remove_email_prompt": "Вилучити %(email)s?",
+            "remove_msisdn_prompt": "Вилучити %(phone)s?",
+            "spell_check_locale_placeholder": "Вибрати локаль",
+            "unable_to_load_emails": "Не вдалося завантажити адреси електронної пошти",
+            "unable_to_load_msisdns": "Не вдалося завантажити номери телефонів",
+            "username": "Ім'я користувача"
+        },
+        "inline_url_previews_default": "Увімкнути попередній перегляд",
+        "inline_url_previews_encrypted": "Увімкнути попередній перегляд у зашифрованих кімнатах",
+        "insert_trailing_colon_mentions": "Додавати двокрапку після згадки користувача на початку повідомлення",
+        "invite_controls": {
+            "default_label": "Дозволити користувачам запрошувати вас до кімнат"
+        },
+        "jump_to_bottom_on_send": "Переходити вниз стрічки під час надсилання повідомлення",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "На цьому пристрої створюється резервна копія ваших ключів.",
+                "backup_setup_success_title": "Безпечне резервне копіювання виконано успішно",
+                "cancel_warning": "Якщо скасуєте це й загубите пристрій, то втратите зашифровані повідомлення й дані.",
+                "confirm_security_phrase": "Підтвердьте свою фразу безпеки",
+                "description": "Захистіться від втрати доступу до зашифрованих повідомлень і даних створенням резервної копії ключів шифрування на своєму сервері.",
+                "download_or_copy": "%(downloadButton)s або %(copyButton)s",
+                "enter_phrase_description": "Введіть фразу безпеки, відому лише вам, бо вона оберігатиме ваші дані. Задля безпеки, використайте щось інше ніж пароль вашого облікового запису.",
+                "enter_phrase_title": "Ввести фразу безпеки",
+                "enter_phrase_to_confirm": "Введіть свою фразу безпеки ще раз для підтвердження.",
+                "generate_security_key_description": "Ми згенеруємо ключ відновлення. Зберігайте його в надійному місці, скажімо в менеджері паролів чи сейфі.",
+                "generate_security_key_title": "Згенерувати ключ відновлення",
+                "pass_phrase_match_failed": "Не збігається.",
+                "pass_phrase_match_success": "Збіг!",
+                "phrase_strong_enough": "Чудово! Фраза безпеки досить надійна.",
+                "secret_storage_query_failure": "Не вдалося дізнатися стан таємного сховища",
+                "security_key_safety_reminder": "Розмістіть ключ відновлення в надійному місці, скажімо в менеджері паролів або сейфі, оскільки він захищає ваші зашифровані дані.",
+                "set_phrase_again": "Поверніться, щоб налаштувати заново.",
+                "settings_reminder": "Ввімкнути захищене резервне копіювання й керувати своїми ключами можна в налаштуваннях.",
+                "title_confirm_phrase": "Підвердьте фразу безпеки",
+                "title_save_key": "Збережіть ключ відновлення",
+                "title_set_phrase": "Вкажіть фразу безпеки",
+                "unable_to_setup": "Не вдалося налаштувати таємне сховище",
+                "use_different_passphrase": "Використати іншу парольну фразу?",
+                "use_phrase_only_you_know": "Використовуйте секретну фразу, відому лише вам, і за бажанням збережіть ключ відновлення для резервного копіювання."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Підтвердьте парольну фразу",
+            "enter_passphrase": "Введіть парольну фразу",
+            "export_description_1": "Це дає змогу експортувати в локальний файл ключі до повідомлень, отриманих вами в зашифрованих кімнатах. Тоді ви зможете імпортувати файл до іншого клієнта Matrix у майбутньому, і той клієнт також зможе розшифрувати ці повідомлення.",
+            "export_description_2": "Експортований файл дозволить будь-кому, хто зможе його прочитати, розшифрувати будь-які зашифровані повідомлення, які ви бачите, тому ви повинні бути обережними, щоб зберегти його в безпеці. Щоб зробити це, вам слід ввести унікальну парольну фразу нижче, яка буде використовуватися тільки для шифрування експортованих даних. Імпортувати дані можна буде лише за допомогою тієї ж самої парольної фрази.",
+            "export_title": "Експортувати ключі кімнат",
+            "file_to_import": "Файл для імпорту",
+            "import_description_1": "Це дає змогу імпортувати ключі шифрування, які ви раніше експортували з іншого клієнта Matrix. Тоді ви зможете розшифрувати будь-які повідомлення, які міг розшифровувати той клієнт.",
+            "import_description_2": "Введіть пароль для захисту експортованого файлу. Щоб розшифрувати файл потрібно буде ввести цей пароль.",
+            "import_title": "Імпортувати ключі кімнат",
+            "phrase_cannot_be_empty": "Парольна фраза обов'язкова",
+            "phrase_must_match": "Парольні фрази мають збігатися",
+            "phrase_strong_enough": "Чудово! Цю парольна фраза видається достатньо надійною"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Налаштування:</strong> Клавіатура",
+            "title": "Клавіатура"
+        },
+        "labs": {
+            "dialog_title": "<strong>Налаштування:</strong> Лабораторії"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Налаштування:</strong> Ігноровані користувачі"
+        },
+        "media_preview": {
+            "hide_avatars": "Сховати аватари кімнати та запрошувача",
+            "hide_media": "Завжди ховати",
+            "media_preview_description": "Сховане медіа завжди можна переглянути, натиснувши на нього",
+            "media_preview_label": "Показувати медіа у стрічці",
+            "show_in_private": "У приватних кімнатах",
+            "show_media": "Завжди показувати"
+        },
+        "not_supported": "Ваш сервер не впровадив цю функцію.",
+        "notifications": {
+            "default_setting_description": "Цей параметр буде застосовано усталеним до всіх ваших кімнат.",
+            "default_setting_section": "Я хочу отримувати сповіщення про (типове налаштування)",
+            "desktop_notification_message_preview": "Показувати попередній перегляд повідомлень у сповіщеннях комп'ютера",
+            "dialog_title": "<strong>Налаштування:</strong> Сповіщення",
+            "email_description": "Отримуйте зведення пропущених сповіщень на електронну пошту",
+            "email_section": "Зведення електронною поштою",
+            "email_select": "Виберіть, на які адреси ви хочете отримувати зведення. Керуйте адресами в <button>Загальних</button> налаштуваннях.",
+            "enable_audible_notifications_session": "Увімкнути звукові сповіщення для цього сеансу",
+            "enable_desktop_notifications_session": "Увімкнути стільничні сповіщення для цього сеансу",
+            "enable_email_notifications": "Увімкнути сповіщення е-поштою для %(email)s",
+            "enable_notifications_account": "Увімкнути сповіщення для цього облікового запису",
+            "enable_notifications_account_detail": "Вимкніть, щоб вимкнути сповіщення для всіх ваших пристроїв і сеансів",
+            "enable_notifications_device": "Увімкнути сповіщення для цього пристрою",
+            "error_loading": "Сталася помилка під час завантаження налаштувань сповіщень.",
+            "error_permissions_denied": "%(brand)s не має дозволу надсилати вам сповіщення — перевірте налаштування браузера",
+            "error_permissions_missing": "%(brand)s не має дозволу надсилати сповіщення — будь ласка, спробуйте ще раз",
+            "error_saving": "Помилка збереження налаштувань сповіщень",
+            "error_saving_detail": "Сталася помилка під час збереження налаштувань сповіщень.",
+            "error_title": "Не вдалося увімкнути сповіщення",
+            "error_updating": "Сталася помилка під час оновлення налаштувань сповіщень. Спробуйте змінити налаштування ще раз.",
+            "invites": "Запрошено до кімнати",
+            "keywords": "Показувати значок <badge/>, коли в кімнаті вжито ключові слова.",
+            "keywords_prompt": "Введіть сюди ключові слова або використовуйте для варіацій написання чи нікнеймів",
+            "labs_notice_prompt": "<strong>Оновлення:</strong>Ми спростили налаштування сповіщень, щоб полегшити пошук потрібних опцій. Деякі налаштування, які ви вибрали раніше, тут не показано, але вони залишаються активними. Якщо ви продовжите, деякі з ваших налаштувань можуть змінитися. <a>Докладніше</a>",
+            "mentions_keywords": "Згадки та ключові слова",
+            "mentions_keywords_only": "Лише згадки та ключові слова",
+            "messages_containing_keywords": "Повідомлення, що містять ключові слова",
+            "noisy": "Шумно",
+            "notices": "Повідомлення від ботів",
+            "notify_at_room": "Сповіщати, коли хтось використовує згадку @room",
+            "notify_keyword": "Сповіщати, коли хтось використовує ключове слово",
+            "notify_mention": "Сповіщати, коли хтось використовує згадку @displayname або %(mxid)s",
+            "other_section": "Інше, що, на нашу думку, може вас зацікавити:",
+            "people_mentions_keywords": "Люди, згадки та ключові слова",
+            "play_sound_for_description": "Застосовується усталеним до всіх кімнат на всіх пристроях.",
+            "play_sound_for_section": "Відтворювати звук про",
+            "push_targets": "Цілі сповіщень",
+            "quick_actions_mark_all_read": "Позначити всі повідомлення прочитаними",
+            "quick_actions_reset": "Відновити типові налаштування",
+            "quick_actions_section": "Швидкі дії",
+            "room_activity": "Нова діяльність у кімнаті, поліпшення та повідомлення про стан",
+            "rule_call": "Запрошення до виклику",
+            "rule_contains_display_name": "Повідомлення з моїм псевдонімом",
+            "rule_contains_user_name": "@згадки та відповіді",
+            "rule_encrypted": "Зашифровані повідомлення у групових бесідах",
+            "rule_encrypted_room_one_to_one": "Зашифровані повідомлення у бесідах віч-на-віч",
+            "rule_invite_for_me": "Коли мене запрошено до кімнати",
+            "rule_message": "Повідомлення у групових бесідах",
+            "rule_room_one_to_one": "Повідомлення у бесідах віч-на-віч",
+            "rule_roomnotif": "Згадки @room",
+            "rule_suppress_notices": "Повідомлення, надіслані ботом",
+            "rule_tombstone": "Коли кімнати поліпшено",
+            "show_message_desktop_notification": "Показувати повідомлення у стільничних сповіщеннях",
+            "voip": "Голосові та відеовиклики"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Запобігати захопленню вмісту вікна іншими застосунками",
+            "Electron.enableHardwareAcceleration": "Увімкнути апаратне прискорення (перезапустіть %(appName)s, щоб зміни вступили в силу)",
+            "always_show_menu_bar": "Завжди показувати рядок меню",
+            "autocomplete_delay": "Затримка автозаповнення (мс)",
+            "code_blocks_heading": "Блоки коду",
+            "compact_modern": "Використовувати компактний вигляд «Модерн»",
+            "composer_heading": "Редактор",
+            "default_timezone": "Типовий браузера (%(timezone)s)",
+            "dialog_title": "<strong>Налаштування:</strong> Параметри",
+            "enable_content_protection": "Увімкнути захист вмісту",
+            "enable_hardware_acceleration": "Увімкнути апаратне прискорення",
+            "enable_tray_icon": "Згортати вікно до піктограми в лотку при закритті",
+            "keyboard_heading": "Комбінації клавіш",
+            "keyboard_view_shortcuts_button": "Щоб переглянути всі комбінації клавіш, <a>натисніть сюди</a>.",
+            "link_previews_description": "Показує інформацію про посилання під повідомленнями",
+            "link_previews_heading": "Попередній перегляд посилань",
+            "media_heading": "Зображення, GIF та відео",
+            "presence_description": "Діліться своєю активністю та станом з іншими.",
+            "publish_timezone": "Публікувати часовий пояс у загальнодоступному профілі",
+            "rm_lifetime": "Тривалість маркеру прочитання (мс)",
+            "rm_lifetime_offscreen": "Тривалість маркеру прочитання поза екраном (мс)",
+            "room_directory_heading": "Каталог кімнат",
+            "room_list_heading": "Перелік кімнат",
+            "show_avatars_pills": "Показувати аватари у згадках користувачів, кімнат і подій",
+            "show_polls_button": "Показувати кнопку опитування",
+            "startup_window_behaviour_label": "Запуск і поведінка вікна",
+            "surround_text": "Обгортати виділений текст при введенні спеціальних символів",
+            "time_heading": "Формат часу",
+            "user_timezone": "Установити часовий пояс"
+        },
+        "prompt_invite": "Запитувати перед надсиланням запрошень на потенційно недійсні matrix ID",
+        "replace_plain_emoji": "Автоматично замінювати текстові емоджі",
+        "security": {
+            "analytics_description": "Поділіться анонімними даними, щоб допомагати нам виявляти проблеми. Нічого особистого. Ніяких третіх осіб.",
+            "bulk_options_accept_all_invites": "Прийняти всі %(invitedRooms)s запрошення",
+            "bulk_options_reject_all_invites": "Відхилити запрошення до усіх %(invitedRooms)s",
+            "bulk_options_section": "Масові дії",
+            "dehydrated_device_description": "Функція офлайн-пристрою дозволяє отримувати зашифровані повідомлення, навіть якщо ви не ввійшли в обліковий запис на жодному пристрої",
+            "dehydrated_device_enabled": "Офлайн-пристрій увімкнено",
+            "dialog_title": "<strong>Налаштування:</strong> Безпека та приватність",
+            "e2ee_default_disabled_warning": "Адміністратором вашого сервера було вимкнено автоматичне наскрізне шифрування у приватних кімнатах і особистих повідомленнях.",
+            "enable_message_search": "Увімкнути шукання повідомлень у зашифрованих кімнатах",
+            "encryption_section": "Шифрування",
+            "ignore_users_empty": "Ви не маєте нехтуваних користувачів.",
+            "ignore_users_section": "Нехтувані користувачі",
+            "key_backup_algorithm": "Алгоритм:",
+            "message_search_disable_warning": "Якщо вимкнути, пошук не показуватиме повідомлень зашифрованих кімнат.",
+            "message_search_disabled": "Безпечно локально кешувати зашифровані повідомлення щоб вони з'являлись у результатах пошуку.",
+            "message_search_enabled": {
+                "other": "Безпечно кешуйте зашифровані повідомлення локально, щоб вони з'являлися в результатах пошуку, використовуючи %(size)s для зберігання повідомлень з %(rooms)s кімнат.",
+                "one": "Безпечно кешуйте зашифровані повідомлення локально, щоб вони з'являлися в результатах пошуку, використовуючи %(size)s для зберігання повідомлень з %(rooms)s кімнат."
+            },
+            "message_search_failed": "Не вдалося ініціалізувати пошук повідомлень",
+            "message_search_indexed_messages": "Індексовано повідомлень:",
+            "message_search_indexed_rooms": "Індексовано кімнат:",
+            "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": "Як швидко повідомлення повинні завантажуватися.",
+            "message_search_space_used": "Використано простору:",
+            "message_search_unsupported": "%(brand)s'ові бракує деяких складників, необхідних для безпечного локального кешування зашифрованих повідомлень. Якщо ви хочете поекспериментувати з цією властивістю, зберіть спеціальну збірку %(brand)s Desktop із <nativeLink>доданням пошукових складників</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s не може безпечно локально кешувати зашифровані повідомлення під час роботи у браузері. Користуйтесь <desktopLink>%(brand)s для комп'ютерів</desktopLink>, в якому зашифровані повідомлення з'являються у результатах пошуку.",
+            "record_session_details": "Записуйте назву клієнта, версію та URL-адресу, щоб легше розпізнавати сеанси в менеджері сеансів",
+            "send_analytics": "Надсилати дані аналітики",
+            "strict_encryption": "Надсилати повідомлення лише верифікованим користувачам"
+        },
+        "send_read_receipts": "Надсилати підтвердження прочитання",
+        "send_read_receipts_unsupported": "Ваш сервер не підтримує вимкнення надсилання сповіщень про прочитання.",
+        "send_typing_notifications": "Надсилати сповіщення про набирання тексту",
+        "sessions": {
+            "best_security_note": "Для кращої безпеки звірте свої сеанси та вийдіть з усіх сеансів, які ви більше не розпізнаєте або не використовуєте.",
+            "confirm_sign_out": {
+                "one": "Підтвердьте вилучення цього пристрою",
+                "few": "Підтвердьте вилучення цих пристроїв",
+                "many": "Підтвердьте вилучення цих пристроїв"
+            },
+            "confirm_sign_out_body": {
+                "one": "Натисніть кнопку внизу, щоб підтвердити вилучення цього пристрою.",
+                "few": "Натисніть кнопку внизу, щоб підтвердити вилучення цих пристроїв.",
+                "many": "Натисніть кнопку внизу, щоб підтвердити вилучення цих пристроїв."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Вилучити пристрій",
+                "few": "Вилучити пристрої",
+                "many": "Вилучити пристрої"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Підтвердьте вилучення цього пристрою за допомогою єдиного входу, щоб підтвердити свою ідентичність.",
+                "few": "Підтвердьте вилучення цих пристроїв за допомогою єдиного входу, щоб підтвердити свою ідентичність.",
+                "many": "Підтвердьте вилучення цих пристроїв за допомогою єдиного входу, щоб підтвердити свою ідентичність."
+            },
+            "current_session": "Поточний сеанс",
+            "desktop_session": "Сеанс на комп'ютері",
+            "details_heading": "Подробиці сеансу",
+            "device_unverified_description": "Звірте цей сеанс або вийдіть із нього для найкращої безпеки та надійності.",
+            "device_unverified_description_current": "Звірте свій поточний сеанс для посилення безпеки обміну повідомленнями.",
+            "device_verified_description": "Цей сеанс готовий для безпечного обміну повідомленнями.",
+            "device_verified_description_current": "Ваш поточний сеанс готовий до захищеного обміну повідомленнями.",
+            "dialog_title": "<strong>Налаштування:</strong> Сеанси",
+            "error_pusher_state": "Не вдалося встановити стан push-служби",
+            "error_set_name": "Не вдалося встановити назву сеансу",
+            "filter_all": "Усі",
+            "filter_inactive": "Неактивний",
+            "filter_inactive_description": "Неактивний впродовж %(inactiveAgeDays)s днів чи довше",
+            "filter_label": "Фільтрувати пристрої",
+            "filter_unverified_description": "Не готовий до безпечного обміну повідомленнями",
+            "filter_verified_description": "Готовий до безпечного обміну повідомленнями",
+            "hide_details": "Сховати подробиці",
+            "inactive_days": "Неактивний %(inactiveAgeDays)s+ днів",
+            "inactive_sessions": "Неактивні сеанси",
+            "inactive_sessions_explainer_1": "Неактивні сеанси — це сеанси, які ви не використовували протягом певного часу, але вони продовжують отримувати ключі шифрування.",
+            "inactive_sessions_explainer_2": "Вилучення неактивних сеансів посилює безпеку і швидкодію, а також полегшує виявлення підозрілих нових сеансів.",
+            "inactive_sessions_list_description": "Розгляньте можливість виходу зі старих сеансів (%(inactiveAgeDays)s днів або більше), якими ви більше не користуєтесь.",
+            "ip": "IP-адреса",
+            "last_activity": "Остання активність",
+            "manage": "Керувати цим сеансом",
+            "mobile_session": "Сеанс на мобільному",
+            "n_sessions_selected": {
+                "one": "%(count)s сеанс вибрано",
+                "other": "Вибрано сеансів: %(count)s"
+            },
+            "no_inactive_sessions": "Не знайдено неактивних сеансів.",
+            "no_sessions": "Не знайдено сеансів.",
+            "no_unverified_sessions": "Не знайдено не звірених сеансів.",
+            "no_verified_sessions": "Не знайдено звірених сеансів.",
+            "other_sessions_heading": "Інші сеанси",
+            "push_heading": "Push-сповіщення",
+            "push_subheading": "Отримувати push-сповіщення в цьому сеансі.",
+            "push_toggle": "Увімкнути push-сповіщення для цього сеансу.",
+            "rename_form_caption": "Зауважте, що назви сеансів також бачать люди, з якими ви спілкуєтесь.",
+            "rename_form_heading": "Перейменувати сеанс",
+            "rename_form_learn_more": "Перейменування сеансів",
+            "rename_form_learn_more_description_1": "Інші користувачі в особистих повідомленнях і кімнатах, до яких ви приєдналися, можуть переглянути список усіх ваших сеансів.",
+            "rename_form_learn_more_description_2": "Завдяки цьому у них з'являється впевненість, що вони дійсно розмовляють з вами, а також вони можуть бачити назву сеансу, яку ви вводите тут.",
+            "security_recommendations": "Поради щодо безпеки",
+            "security_recommendations_description": "Удоскональте безпеку свого облікового запису, дотримуючись цих порад.",
+            "session_id": "ID сеансу",
+            "show_details": "Показати подробиці",
+            "sign_in_with_qr": "Зв’язати новий пристрій",
+            "sign_in_with_qr_button": "Показати QR-код",
+            "sign_in_with_qr_description": "Використовуйте QR-код, щоб увійти на інший пристрій і налаштувати безпечний обмін повідомленнями.",
+            "sign_in_with_qr_unsupported": "Не підтримується постачальником облікового запису",
+            "sign_out": "Вийти з цього сеансу",
+            "sign_out_all_other_sessions": "Вилучити всі інші сеанси (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Ви впевнені, що хочете вилучити %(count)s сеанс?",
+                "few": "Ви впевнені, що хочете вилучити %(count)s сеанси?",
+                "many": "Ви впевнені, що хочете вилучити %(count)s сеансів?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Вилучити %(count)s сеанс",
+                "few": "Вилучити %(count)s сеанси",
+                "many": "Вилучити %(count)s сеансів"
+            },
+            "title": "Сеанси",
+            "unknown_session": "Невідомий тип сеансу",
+            "unverified_session": "Не звірений сеанс",
+            "unverified_session_explainer_1": "Цей сеанс не підтримує шифрування, і його не можна звірити.",
+            "unverified_session_explainer_2": "Під час користування цим сеансом ви не зможете брати участь у кімнатах, де ввімкнено шифрування.",
+            "unverified_session_explainer_3": "Для найкращої безпеки та приватності радимо користуватися клієнтами Matrix, які підтримують шифрування.",
+            "unverified_sessions": "Не звірені сеанси",
+            "unverified_sessions_explainer_1": "Незвірені сеанси — це сеанси, які розпочаті з вашими обліковими даними, у яких не підтверджено вашу цифрову ідентичність.",
+            "unverified_sessions_explainer_2": "Ви повинні бути впевнені, що розпізнаєте ці сеанси, оскільки вони можуть бути несанкціонованим використанням вашого облікового запису.",
+            "unverified_sessions_list_description": "Звірте свої сеанси для покращеного безпечного обміну повідомленнями або вийдіть із тих, які ви не розпізнаєте або не використовуєте.",
+            "url": "URL-адреса",
+            "verified_session": "Звірений сеанс",
+            "verified_sessions": "Звірені сеанси",
+            "verified_sessions_explainer_1": "Вашу цифрову особу підтверджено у звірених сеансах.",
+            "verified_sessions_explainer_2": "Це означає, що у вас є всі ключі, необхідні для розблокування ваших зашифрованих повідомлень і підтвердження іншим користувачам, що ви довіряєте цьому сеансу.",
+            "verified_sessions_list_description": "Для найкращої безпеки вилучіть усі сеанси, які ви більше не розпізнаєте або не використовуєте.",
+            "verify_session": "Звірити сеанс",
+            "web_session": "Сеанс у браузері"
+        },
+        "show_avatar_changes": "Показувати зміни зображення профілю",
+        "show_breadcrumbs": "Показувати нещодавно переглянуті кімнати над списком кімнат",
+        "show_chat_effects": "Показувати ефекти бесід (анімації отримання, наприклад, конфеті)",
+        "show_displayname_changes": "Показувати зміни псевдонімів",
+        "show_join_leave": "Показувати повідомлення про приєднання/виходи (не стосується запрошень/вилучень/блокувань]",
+        "show_message_previews": "Показати попередній перегляд повідомлень",
+        "show_nsfw_content": "Показати матеріали NSFW",
+        "show_read_receipts": "Показувати мітки прочитання, надіслані іншими користувачами",
+        "show_redaction_placeholder": "Показувати замісну позначку замість видалених повідомлень",
+        "show_sections": "Показувати розділи",
+        "show_stickers_button": "Показати кнопку наліпок",
+        "show_typing_notifications": "Сповіщати про друкування",
+        "showbold": "Показати всю діяльність у списку кімнат (крапки або кількість непрочитаних повідомлень)",
+        "sidebar": {
+            "dialog_title": "<strong>Налаштування:</strong> Бічна панель",
+            "metaspaces_home_all_rooms": "Показати всі кімнати",
+            "metaspaces_home_all_rooms_description": "Показати всі кімнати в домівці, навіть ті, що належать до просторів.",
+            "metaspaces_home_description": "Домівка надає загальний огляд усього.",
+            "metaspaces_orphans": "Кімнати без просторів",
+            "metaspaces_orphans_description": "Групуйте всі свої кімнати, не приєднані до простору, в одному місці.",
+            "metaspaces_subsection": "Простори для показу",
+            "metaspaces_video_rooms": "Відеокімнати та конференції",
+            "metaspaces_video_rooms_description": "Згрупувати всі приватні відеокімнати та конференції.",
+            "metaspaces_video_rooms_description_invite_extension": "На конференції можна запрошувати людей не з matrix.",
+            "spaces_explainer": "Простір це спосіб групування кімнат та людей. Окрім просторів, які ви створюєте, ви також можете використовувати вже готові.",
+            "title": "Бічна панель"
+        },
+        "start_automatically": {
+            "disabled": "Ні",
+            "enabled": "Так",
+            "label": "Відкривати %(brand)s після входу на комп'ютері",
+            "minimised": "Згорнуто"
+        },
+        "tac_only_notifications": "Показувати сповіщення лише в центрі діяльності в гілках",
+        "use_12_hour_format": "Показувати час у 12-годинному форматі (напр. 2:30 пп)",
+        "use_command_enter_send_message": "Натисніть Command + Enter, щоб надіслати повідомлення",
+        "use_command_f_search": "Command + F для пошуку в стрічці",
+        "use_control_enter_send_message": "Натисніть Ctrl + Enter, щоб надіслати повідомлення",
+        "use_control_f_search": "Ctrl + F для пошуку в стрічці",
+        "voip": {
+            "allow_p2p": "Дозволити однорангові виклики 1:1",
+            "allow_p2p_description": "Якщо увімкнено, інша сторона зможе бачити вашу IP-адресу",
+            "audio_input_empty": "Мікрофон не виявлено",
+            "audio_output": "Звуковий вивід",
+            "audio_output_empty": "Звуковий вивід не виявлено",
+            "auto_gain_control": "Авторегулювання підсилення",
+            "dialog_title": "<strong>Налаштування:</strong> Голос і відео",
+            "echo_cancellation": "Пригнічення відлуння",
+            "echo_cancellation_description": "Прибирає відлуння з мікрофонного вводу під час викликів. Це налаштування також застосовується до Element Call.",
+            "enable_fallback_ice_server": "Дозволити резервний сервер підтримки викликів (%(server)s)",
+            "enable_fallback_ice_server_description": "Застосовується лише в тому випадку, якщо ваш домашній сервер не пропонує його. Ваша IP-адреса передаватиметься під час виклику.",
+            "enable_legacy_calls": "Увімкнути застарілі голосові/відеовиклики",
+            "enable_legacy_calls_description": "Стосується Jitsi та викликів 1:1 через WebRTC",
+            "mirror_local_feed": "Показувати локальне відео віддзеркалено",
+            "missing_permissions_prompt": "Щоб брати участь у викликах, надайте %(brand)s дозвіл на доступ до вашого аудіо- та відеопристрою.",
+            "noise_suppression": "Шумопригнічення",
+            "noise_suppression_description": "Знижує фоновий шум на вводі мікрофона під час викликів. Це налаштування також застосовується до Element Call.",
+            "permissions": "Дозволити доступ до мікрофона та камери",
+            "request_permissions": "Запит",
+            "title": "Голос і відео",
+            "video_input_empty": "Вебкамеру не виявлено",
+            "video_section": "Налаштування відео",
+            "voice_agc": "Авторегулювання гучності мікрофона",
+            "voice_input_description": "Налаштований тут аудіовхід використовується для голосових повідомлень та викликів (Legacy/1:1).",
+            "voice_input_section": "Аудіоввід",
+            "voice_processing": "Обробка голосу",
+            "voice_section": "Налаштування голосу"
+        },
+        "warn_quit": "Застерігати перед виходом",
+        "warning": "<w>ПОПЕРЕДЖЕННЯ:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Посилання скопійовано",
+        "permalink_message": "Посилання на вибране повідомлення",
+        "permalink_most_recent": "Посилання на останнє повідомлення",
+        "share_call": "Посилання для запрошення на конференцію",
+        "share_call_subtitle": "Посилання для зовнішніх користувачів для приєднання до виклику без облікового запису matrix:",
+        "title_link": "Поділитися посиланням",
+        "title_message": "Поділитися повідомленням кімнати",
+        "title_room": "Поділитись кімнатою",
+        "title_user": "Поділитися користувачем"
+    },
+    "slash_command": {
+        "addwidget": "Додає власний віджет до кімнати за посиланням",
+        "addwidget_iframe_missing_src": "iframe не має атрибуту src",
+        "addwidget_invalid_protocol": "Вкажіть посилання на віджет — https:// або http://",
+        "addwidget_missing_url": "Вкажіть URL або код вбудовування віджету",
+        "addwidget_no_permissions": "Ви не можете змінювати віджет у цій кімнаті.",
+        "ban": "Блокує користувача з указаним ID",
+        "category_actions": "Дії",
+        "category_admin": "Адміністратор",
+        "category_advanced": "Подробиці",
+        "category_effects": "Ефекти",
+        "category_messages": "Повідомлення",
+        "category_other": "Інше",
+        "command_error": "Помилка команди",
+        "converttodm": "Перетворює кімнату на приватну бесіду",
+        "converttoroom": "Перетворює приватну бесіду на кімнату",
+        "could_not_find_room": "Не вдалося знайти кімнату",
+        "deop": "Знімає повноваження оператора з користувача із вказаним ID",
+        "devtools": "Відкриває вікно інструментів розробника",
+        "discardsession": "Примусово відкидає поточний вихідний груповий сеанс у зашифрованій кімнаті",
+        "error_invalid_rendering_type": "Помилка команди: неможливо знайти тип рендерингу (%(renderingType)s)",
+        "error_invalid_room": "Помилка команди: не вдається знайти кімнату (%(roomId)s)",
+        "error_invalid_runfn": "Помилка команди: Неможливо виконати slash-команду.",
+        "error_invalid_user_in_room": "Не вдалося знайти користувача в кімнаті",
+        "help": "Відбиває перелік команд із прикладами вжитку та описом",
+        "help_dialog_title": "Допомога команди",
+        "holdcall": "Переводить виклик у поточній кімнаті на утримання",
+        "html": "Надсилає повідомлення у вигляді HTML, не інтерпретуючи його як розмітку",
+        "ignore": "Ігнорує користувача, приховуючи його повідомлення від вас",
+        "ignore_dialog_description": "Ви ігноруєте %(userId)s",
+        "ignore_dialog_title": "Зігнорований користувач",
+        "invite": "Запрошує користувача зі вказаним ID до кімнати",
+        "invite_3pid_needs_is_error": "Використовувати сервер ідентифікації для запрошень через е-пошту. Керуйте у налаштуваннях.",
+        "invite_3pid_use_default_is_title": "Використовувати сервер ідентифікації",
+        "invite_3pid_use_default_is_title_description": "Використовувати сервер ідентифікації, щоб запрошувати через е-пошту. Натисніть \"Продовжити\", щоб використовувати типовий сервер ідентифікації (%(defaultIdentityServerName)s) або змініть його у налаштуваннях.",
+        "invite_failed": "Користувача (%(user)s) не було запрошено до %(roomId)s, але утиліта запрошення не видала жодної помилки",
+        "join": "Приєднатися до кімнати зі вказаною адресою",
+        "jumptodate": "Перейти до вказаної дати в стрічці",
+        "jumptodate_invalid_input": "Не вдалося розпізнати вказану дату (%(inputDate)s). Спробуйте формат рррр-мм-дд.",
+        "lenny": "Додає ( ͡° ͜ʖ ͡°) на початку текстового повідомлення",
+        "manual_device_verification_confirm_description": "Це дозволить іншому пристрою надсилати та отримувати повідомлення від вашого імені. ЯКЩО ХТОСЬ СКАЗАВ ВАМ ВСТАВИТИ ЩОСЬ СЮДИ, ЦІЛКОМ ІМОВІРНО, ВАС ОБМАНЮЮТЬ! Ви впевнені, що хочете верифікувати цей інший пристрій?",
+        "manual_device_verification_confirm_title": "Увага: ручна верифікація пристрою",
+        "me": "Показ дій",
+        "msg": "Надсилає повідомлення вказаному користувачеві",
+        "myavatar": "Змінює зображення профілю в усіх кімнатах",
+        "myroomavatar": "Змінює ваше зображення профілю лише для поточної кімнати",
+        "myroomnick": "Змінює ваше псевдо тільки для поточної кімнати",
+        "nick": "Змінює ваш нік",
+        "no_active_call": "Немає активних викликів у цій кімнаті",
+        "op": "Вказати рівень повноважень користувача",
+        "part_unknown_alias": "Нерозпізнана адреса кімнати: %(roomAlias)s",
+        "plain": "Надсилає повідомлення у вигляді звичайного тексту, не інтерпретуючи його як розмітку",
+        "query": "Відкриває бесіду з вказаним користувачем",
+        "query_not_found_phone_number": "Не вдалося знайти Matrix ID для номера телефону",
+        "rageshake": "Надіслати звіт про проблему разом з журналами",
+        "rainbow": "Надсилає вказане повідомлення, розфарбоване веселкою",
+        "rainbowme": "Надсилає вказаний смайлик, розфарбований веселкою",
+        "remove": "Вилучає користувача з указаним ID з цієї кімнати",
+        "roomavatar": "Змінює аватар поточної кімнати",
+        "roomname": "Встановлює назву кімнати",
+        "server_error": "Помилка сервера",
+        "server_error_detail": "Сервер недоступний, перевантажений чи ще щось пішло не так.",
+        "shrug": "Додає ¯\\_(ツ)_/¯ на початку текстового повідомлення",
+        "spoiler": "Надсилає вказане повідомлення згорненим",
+        "status": {
+            "description": "Вкажіть свій поточний статус",
+            "no_args": "Аргументи не вказано. Необхідно вказати емодзі та, за бажанням, текстову складову.",
+            "no_emoji": "Ви не вказали емодзі",
+            "no_text": "Ви не вказали текст статусу",
+            "too_long_emoji": "Першим аргументом має бути емодзі",
+            "too_long_text": "Наданий вами текст був занадто довгим."
+        },
+        "tableflip": "Додає (╯°□°）╯︵ ┻━┻ на початку текстового повідомлення",
+        "topic": "Показує чи встановлює тему кімнати",
+        "topic_none": "Ця кімната не має теми.",
+        "topic_room_error": "Не вдалося отримати тему кімнати: не вдалося знайти кімнату (%(roomId)s",
+        "unban": "Розблоковує користувача з указаним ID",
+        "unflip": "Додає ┬──┬ ノ( ゜-゜ノ) на початку текстового повідомлення",
+        "unholdcall": "Знімає виклик у поточній кімнаті з утримання",
+        "unignore": "Припиняє ігнорувати користувача, від цього моменту показуючи їхні повідомлення",
+        "unignore_dialog_description": "Ви більше не ігноруєте %(userId)s",
+        "unignore_dialog_title": "Припинено ігнорування користувача",
+        "unknown_command": "Невідома команда",
+        "unknown_command_button": "Надіслати як повідомлення",
+        "unknown_command_detail": "Нерозпізнана команда: %(commandText)s",
+        "unknown_command_help": "Ви можете скористатися <code>/help</code> для перегляду доступних команд. Ви мали намір надіслати це як повідомлення?",
+        "unknown_command_hint": "Порада: Почніть повідомлення з <code>//</code>, щоб його першим символом стала скісна риска.",
+        "upgraderoom": "Поліпшує кімнату до нової версії",
+        "upgraderoom_permission_error": "Вам бракує дозволу на використання цієї команди.",
+        "usage": "Використання",
+        "verify": "Вручну верифікуйте один із власних пристроїв",
+        "view": "Перегляд кімнати з вказаною адресою",
+        "whois": "Показує відомості про користувача"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Застаріла ковзна синхронізація більше не підтримується: вийдіть і ввійдіть знову, щоб увімкнути новий прапорець ковзної синхронізації",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Хочете додати нову кімнату натомість?",
+            "create_prompt": "Створити нову кімнату",
+            "dm_heading": "Особисті повідомлення",
+            "error_heading": "Не всі вибрані додано",
+            "progress_text": {
+                "one": "Додавання кімнат...",
+                "other": "Додавання кімнат... (%(progress)s з %(count)s)"
+            },
+            "space_dropdown_label": "Вибір простору",
+            "space_dropdown_title": "Додати наявні кімнати",
+            "subspace_moved_note": "Додавання просторів переміщено."
+        },
+        "add_existing_subspace": {
+            "create_button": "Створити новий простір",
+            "create_prompt": "Хочете натомість цього додати новий простір?",
+            "filter_placeholder": "Пошук просторів",
+            "space_dropdown_title": "Додати наявний простір"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Переглянути стрічку кімнати (розробка)",
+            "explore": "Каталог кімнат",
+            "home": "Домівка простору",
+            "manage_and_explore": "Керування і перегляд кімнат",
+            "options": "Параметри простору"
+        },
+        "failed_load_rooms": "Не вдалося отримати список кімнат.",
+        "failed_remove_rooms": "Не вдалося вилучити кілька кімнат. Повторіть спробу пізніше",
+        "incompatible_server_hierarchy": "Ваш сервер не підтримує показ ієрархій простору.",
+        "invite": "Запросити людей",
+        "invite_description": "Запросити за допомогою е-пошти або імені користувача",
+        "invite_link": "Надіслати запрошувальне посилання",
+        "joining_space": "Приєднання",
+        "landing_welcome": "Вітаємо у <name/>",
+        "leave_dialog_action": "Вийти з простору",
+        "leave_dialog_description": "Ви збираєтеся вийти з <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Ви єдиний адміністратор кімнат чи просторів, з яких ви бажаєте вийти. Вихід із них залишить їх без адміністраторів.",
+        "leave_dialog_only_admin_warning": "Ви єдиний адміністратор цього простору. Вихід із нього залишить його без керівництва.",
+        "leave_dialog_option_all": "Вийти з кімнати",
+        "leave_dialog_option_intro": "Бажаєте вийти з кімнат у цьому просторі?",
+        "leave_dialog_option_none": "Не виходити з будь-якої кімнати",
+        "leave_dialog_option_specific": "Вийте з кількох кімнат",
+        "leave_dialog_public_rejoin_warning": "Ви не зможете приєднатись, доки вас не запросять знову.",
+        "leave_dialog_title": "Вийти з %(spaceName)s",
+        "mark_suggested": "Позначити рекомендованим",
+        "no_search_result_hint": "Ви можете спробувати інший пошуковий запит або перевірити помилки.",
+        "preferences": {
+            "sections_section": "Показувані розділи",
+            "show_people_in_space": "Це групує ваші бесіди з учасниками цього простору. Вимкніть, щоб сховати ці бесіди з вашого огляду %(spaceName)s."
+        },
+        "room_filter_placeholder": "Пошук кімнат",
+        "search_children": "Пошук %(spaceName)s",
+        "search_placeholder": "Шукати назви та описи",
+        "select_room_below": "Спочатку виберіть кімнату внизу",
+        "share_public": "Поділитися своїм загальнодоступним простором",
+        "suggested": "Пропоновано",
+        "suggested_tooltip": "Ця кімната пропонується як хороша для приєднання",
+        "title_when_query_available": "Результати",
+        "title_when_query_unavailable": "Кімнати й простори",
+        "unmark_suggested": "Позначити не рекомендованим",
+        "user_lacks_permission": "Ви не маєте дозволу"
+    },
+    "space_settings": {
+        "title": "Налаштування — %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Введіть назву нового сервера, який ви хочете переглянути.",
+            "network_dropdown_add_dialog_placeholder": "Назва сервера",
+            "network_dropdown_add_dialog_title": "Додати новий сервер",
+            "network_dropdown_add_server_option": "Додати новий сервер…",
+            "network_dropdown_available_invalid": "Не вдалося знайти цей сервер або список його кімнат",
+            "network_dropdown_available_invalid_forbidden": "Вам не дозволено переглядати список кімнат цього сервера",
+            "network_dropdown_available_valid": "Все добре",
+            "network_dropdown_remove_server_adornment": "Вилучити сервер «%(roomServer)s»",
+            "network_dropdown_required_invalid": "Введіть назву сервера",
+            "network_dropdown_selected_label": "Показати: кімнати Matrix",
+            "network_dropdown_selected_label_instance": "Показати: кімнати %(instance)s (%(server)s)",
+            "network_dropdown_your_server_description": "Ваш сервер"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Якщо ви не знаходите тих, кого шукаєте, надішліть їм своє запрошення.",
+        "cant_find_room_helpful_hint": "Якщо ви не можете знайти кімнату, яку шукаєте, попросіть запросити вас або створіть нову кімнату.",
+        "copy_link_text": "Копіювати запрошувальне посилання",
+        "count_of_members": {
+            "one": "%(count)s учасник",
+            "other": "%(count)s учасників"
+        },
+        "create_new_room_button": "Створити нову кімнату",
+        "failed_querying_public_rooms": "Не вдалося зробити запит до загальнодоступних кімнат",
+        "failed_querying_public_spaces": "Не вдалося здійснити запит на загальноодступні простори",
+        "group_chat_section_title": "Інші опції",
+        "heading_with_query": "У якому контексті шукати \"%(query)s\"",
+        "heading_without_query": "Пошук",
+        "join_button_text": "Приєднатися до %(roomAddress)s",
+        "keyboard_scroll_hint": "Використовуйте <arrows/>, щоб прокручувати",
+        "messages_label": "Повідомлення",
+        "other_rooms_in_space": "Інші кімнати в %(spaceName)s",
+        "public_rooms_label": "Загальнодоступні кімнати",
+        "public_spaces_label": "Загальнодоступні простори",
+        "recent_searches_section_title": "Недавні пошуки",
+        "recently_viewed_section_title": "Недавно переглянуті",
+        "remove_filter": "Вилучити фільтр пошуку для %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Деякі результати можуть бути приховані через приватність",
+        "result_may_be_hidden_warning": "Деякі результати можуть бути приховані",
+        "search_dialog": "Вікно пошуку",
+        "spaces_title": "Ваші простори",
+        "start_group_chat_button": "Розпочати нову бесіду"
+    },
+    "stickers": {
+        "empty": "У вас поки немає пакунків наліпок",
+        "empty_add_prompt": "Додайте які-небудь"
+    },
+    "terms": {
+        "column_document": "Документ",
+        "column_service": "Служба",
+        "column_summary": "Опис",
+        "identity_server_no_terms_description_1": "Щоб підтвердити адресу е-пошти або телефон ця дія потребує доступу до типового серверу ідентифікації <server />, але сервер не має жодних умов надання послуг.",
+        "identity_server_no_terms_description_2": "Продовжуйте лише якщо довіряєте власнику сервера.",
+        "identity_server_no_terms_title": "Сервер ідентифікації не має умов надання послуг",
+        "inline_intro_text": "Погодьтеся з <policyLink /> для продовження:",
+        "integration_manager": "Використовувати ботів, мости, віджети й пакунки наліпок",
+        "intro": "Погодьтесь з Умовами надання послуг, щоб продовжити.",
+        "summary_identity_server_1": "Шукати інших за номером телефону або е-поштою",
+        "summary_identity_server_2": "Бути знайденим за номером телефону або е-поштою",
+        "tac_button": "Переглянути умови користування",
+        "tac_description": "Щоб використовувати домашній сервер %(homeserverDomain)s далі, перегляньте й погодьте наші умови й положення.",
+        "tac_title": "Умови й положення",
+        "tos": "Умови надання послуг"
+    },
+    "theme": {
+        "light_high_contrast": "Контрастна світла",
+        "match_system": "Як у системі"
+    },
+    "thread_view_back_action_label": "Назад у гілку",
+    "threads": {
+        "all_threads": "Усі гілки",
+        "all_threads_description": "Показує всі гілки цієї кімнати",
+        "count_of_reply": {
+            "one": "%(count)s відповідь",
+            "other": "%(count)s відповідей"
+        },
+        "empty_description": "Наведіть курсор на повідомлення та виберіть “%(replyInThread)s”.",
+        "empty_title": "Гілки допомагають дотримуватися теми розмов та полегшують відстеження повідомлень.",
+        "mark_all_read": "Позначити все прочитаним",
+        "my_threads": "Мої гілки",
+        "my_threads_description": "Показує всі гілки, де ви брали участь",
+        "open_thread": "Відкрити гілку",
+        "show_thread_filter": "Показати:"
+    },
+    "threads_activity_centre": {
+        "header": "Діяльність у гілках",
+        "no_rooms_with_threads_notifs": "У вас ще немає кімнат зі сповіщеннями в гілках.",
+        "no_rooms_with_unread_threads": "У вас ще немає кімнат з непрочитаними гілками."
+    },
+    "time": {
+        "date_at_time": "%(date)s о %(time)s",
+        "hours_minutes_seconds_left": "Залишилося %(hours)sгод %(minutes)sхв %(seconds)sс",
+        "left": "Іще %(timeRemaining)s",
+        "minutes_seconds_left": "Залишилося %(minutes)sхв %(seconds)sс",
+        "seconds_left": "Ще %(seconds)s с",
+        "short_days": "%(value)sд",
+        "short_days_hours_minutes_seconds": "%(days)sд %(hours)sгод %(minutes)sхв %(seconds)sс",
+        "short_hours": "%(value)sгод",
+        "short_hours_minutes_seconds": "%(hours)sгод %(minutes)sхв %(seconds)sс",
+        "short_minutes": "%(value)sхв",
+        "short_minutes_seconds": "%(minutes)sхв %(seconds)sс",
+        "short_seconds": "%(value)sс"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Згорнути відповіді",
+            "external_url": "Початкова URL-адреса",
+            "open_in_osm": "Відкрити в OpenStreetMap",
+            "report": "Поскаржитися",
+            "resent_unsent_reactions": "Повторно надіслати %(unsentCount)s реакцій",
+            "show_url_preview": "Попередній перегляд",
+            "view_related_event": "Переглянути пов'язані події",
+            "view_source": "Переглянути код"
+        },
+        "creation_summary_dm": "%(creator)s створює цю приватну розмову.",
+        "creation_summary_room": "%(creator)s створює й налаштовує кімнату.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Звірена цифрова ідентичність відправника була скинута",
+            "unable_to_decrypt": "Не вдалося розшифрувати повідомлення"
+        },
+        "disambiguated_profile": "%(displayName)s(%(matrixId)s)",
+        "download_action_downloading": "Завантаження",
+        "download_failed": "Не вдалося завантажити",
+        "download_failed_description": "Під час завантаження цього файлу сталася помилка",
+        "edits": {
+            "tooltip_label": "Змінено %(date)s. Натисніть, щоб переглянути зміни.",
+            "tooltip_sub": "Натисніть, щоб переглянути зміни",
+            "tooltip_title": "Змінено %(date)s"
+        },
+        "error_no_renderer": "Неможливо показати цю подію",
+        "error_rendering_message": "Не вдалося завантажити це повідомлення",
+        "historical_messages_unavailable": "Ви не можете переглядати давніші повідомлення",
+        "in_room_name": " в <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s оновлює макет кімнати",
+        "late_event_separator": "Початково надіслано %(dateTime)s",
+        "load_error": {
+            "no_permission": "У вас нема дозволу на перегляд повідомлення за вказаною позицією в стрічці цієї кімнати.",
+            "title": "Не вдалося завантажити позицію стрічки",
+            "unable_to_find": "Не вдалося знайти вказаної позиції в стрічці цієї кімнати."
+        },
+        "m.audio": {
+            "error_downloading_audio": "Помилка завантаження аудіо",
+            "error_processing_audio": "Помилка обробки аудіоповідомлення",
+            "error_processing_voice_message": "Помилка обробки голосового повідомлення"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Показувати місцеперебування наживо"
+        },
+        "m.call": {
+            "video_call_ended": "Відеовиклик завершено",
+            "video_call_started": "Відеовиклик розпочато о %(roomName)s.",
+            "video_call_started_text": "%(name)s розпочинає відеовиклик",
+            "video_call_started_unsupported": "Відеовиклик розпочато о %(roomName)s. (не підтримується цим браузером)"
+        },
+        "m.call.hangup": {
+            "dm": "Виклик завершено"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Відповіли деінде",
+            "call_back_prompt": "Перетелефонувати",
+            "declined": "Виклик відхилено",
+            "failed_connect_media": "Не вдалося під'єднати медіа",
+            "failed_connection": "Не вдалося зʼєднатися",
+            "failed_opponent_media": "Їхній пристрій не зміг запустити камеру чи мікрофон",
+            "missed_call": "Пропущений виклик",
+            "no_answer": "Без відповіді",
+            "unknown_error": "Трапилась невідома помилка",
+            "unknown_failure": "Невідомий збій: %(reason)s",
+            "unknown_state": "Стан виклику невідомий!",
+            "video_call": "%(senderName)s розпочинає відеовиклик.",
+            "video_call_unsupported": "%(senderName)s розпочинає відеовиклик. (не підтримується цим браузером)",
+            "voice_call": "%(senderName)s розпочинає голосовий виклик.",
+            "voice_call_unsupported": "%(senderName)s розпочинає голосовий виклик. (не підтримується цим браузером)"
+        },
+        "m.file": {
+            "error_decrypting": "Помилка розшифрування вкладення"
+        },
+        "m.image": {
+            "error": "Не вдалося показати зображення через помилку",
+            "error_decrypting": "Помилка розшифрування зображення",
+            "error_downloading": "Помилка завантаження зображення",
+            "sent": "%(senderDisplayName)s надсилає зображення.",
+            "show_image": "Показати зображення"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s бажає звірити",
+            "you_started": "Ви надіслали запит перевірки"
+        },
+        "m.location": {
+            "full": "%(senderName)s поширює своє місцеперебування",
+            "location": "Повідомляє місцеперебування: ",
+            "self_location": "Повідомляє своє місцеперебування: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s голос",
+                "other": "%(count)s голосів"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s завершує опитування"
+        },
+        "m.poll.start": "%(senderName)s починає опитування - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s змінює аватар кімнати.",
+            "lightbox_title": "%(senderDisplayName)s змінює аватар %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s додає альтернативні адреси %(addresses)s для цієї кімнати.",
+                "one": "%(senderName)s додає альтернативні адреси %(addresses)s для цієї кімнати."
+            },
+            "alt_removed": {
+                "other": "%(senderName)s вилучає альтернативні адреси %(addresses)s для цієї кімнати.",
+                "one": "%(senderName)s вилучає альтернативні адреси %(addresses)s для цієї кімнати."
+            },
+            "changed": "%(senderName)s змінює адреси для цієї кімнати.",
+            "changed_alternative": "%(senderName)s змінює альтернативні адреси для цієї кімнати.",
+            "changed_main_and_alternative": "%(senderName)s змінює головні та альтернативні адреси для цієї кімнати.",
+            "removed": "%(senderName)s вилучає основу адресу цієї кімнати.",
+            "set": "%(senderName)s встановлює основною адресою цієї кімнати %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Ця кімната — продовження іншої розмови.",
+            "see_older_messages": "Клацніть тут, щоб переглянути давніші повідомлення.",
+            "unknown_predecessor": "Не можемо знайти стару версію цієї кімнати (ідентифікатор кімнати: %(roomId)s), а нам не було надано 'via_servers', щоб знайти її.",
+            "unknown_predecessor_guess_server": "Не можемо знайти стару версію цієї кімнати (ідентифікатор кімнати: %(roomId)s), а нам не було надано 'via_servers', щоб знайти її. Можливо, вам вдасться вгадати сервер за ID кімнати. Якщо ви хочете спробувати, натисніть на це посилання:"
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s дозволяє гостям приєднуватися до кімнати.",
+            "forbidden": "%(senderDisplayName)s забороняє гостям приєднуватися до кімнати.",
+            "unknown": "%(senderDisplayName)s змінює гостьовий доступ на \"%(rule)s\""
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s робить майбутню історію кімнати видимою для всіх учасників від часу їхнього приєднання.",
+            "joined": "%(senderName)s робить майбутню історію кімнати видимою для всіх учасників від часу їхнього приєднання.",
+            "shared": "%(senderName)s робить майбутню історію видимою для всіх учасників кімнати.",
+            "unknown": "%(senderName)s робить майбутню історію видимою для невідомого значення (%(visibility)s).",
+            "world_readable": "%(senderName)s робить майбутню історію кімнати видимою всім."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s робить кімнату доступною лише за запрошеннями.",
+            "knock": "%(senderDisplayName)s змінює правило приєднання на запит на приєднання.",
+            "public": "%(senderDisplayName)s робить кімнату відкритою для всіх, хто має посилання.",
+            "restricted": "%(senderDisplayName)s змінює, хто може приєднатися до цієї кімнати.",
+            "restricted_settings": "%(senderDisplayName)s змінює, хто може приєднатися до цієї кімнати. <a>Переглянути налаштування</a>.",
+            "unknown": "%(senderDisplayName)s змінює правило приєднування на \"%(rule)s\""
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s приймає запрошення до %(displayName)s",
+            "accepted_invite": "%(targetName)s приймає запрошення",
+            "ban": "%(senderName)s блокує користувача",
+            "ban_reason": "%(senderName)s блокує користувача: %(reason)s",
+            "ban_reason_spoiler": "%(senderName)s блокує <user/>: %(reason)s",
+            "ban_spoiler": "%(senderName)s блокує <user/>",
+            "change_avatar": "%(senderName)s змінює зображення профілю",
+            "change_name": "%(oldDisplayName)s змінює псевдонім на %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s змінює своє ім'я та зображення профілю",
+            "invite": "%(senderName)s запрошує %(targetName)s",
+            "join": "%(targetName)s приєднується до кімнати",
+            "kick": "%(senderName)s вилучає %(targetName)s",
+            "kick_reason": "%(senderName)s вилучає %(targetName)s: %(reason)s",
+            "left": "%(targetName)s виходить з кімнати",
+            "left_reason": "%(targetName)s виходить з кімнати: %(reason)s",
+            "no_change": "%(senderName)s нічого не змінює",
+            "reject_invite": "%(targetName)s відхиляє запрошення",
+            "reject_invite_reason": "%(targetName)s відхиляє запрошення: %(reason)s",
+            "remove_avatar": "%(senderName)s вилучає своє зображення профілю",
+            "remove_name": "%(senderName)s вилучає свій псевдонім (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s встановлює зображення профілю",
+            "set_name": "%(senderName)s встановлює псевдонімом %(displayName)s",
+            "unban": "%(senderName)s розблоковує %(targetName)s",
+            "withdrew_invite": "%(senderName)s відкликає запрошення %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s відкликає запрошення %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s змінює назву кімнати з %(oldRoomName)s на %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s видалив ім'я кімнати.",
+            "set": "%(senderDisplayName)s змінює назву кімнати на %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s змінює прикріплені повідомлення у кімнаті.",
+            "changed_link": "%(senderName)s змінює <a>прикріплене повідомлення</a> для кімнати.",
+            "pinned": "%(senderName)s прикріплює повідомлення до цієї кімнати. Перегляньте всі прикріплені повідомлення.",
+            "pinned_link": "%(senderName)s прикріплює <a>повідомлення</a> до цієї кімнати. Перегляньте всі <b>прикріплені повідомлення</b>.",
+            "unpinned": "%(senderName)s відкріплює повідомлення з цієї кімнати. Перегляньте всі прикріплені повідомлення.",
+            "unpinned_link": "%(senderName)s відкріплює <a>повідомлення</a> з цієї кімнати. Перегляньте всі <b>прикріплені повідомлення</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s змінює рівень повноважень %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s з %(fromPowerLevel)s до %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s відкликає запрошення %(targetDisplayName)s приєднання до кімнати.",
+            "sent": "%(senderName)s надсилає запрошення %(targetDisplayName)s приєднатися до кімнати."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s поліпшує цю кімнату.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s змінює тему на %(topic)s.",
+            "removed": "%(senderDisplayName)s вилучає тему."
+        },
+        "m.sticker": "%(senderDisplayName)s надсилає наліпку.",
+        "m.video": {
+            "error_decrypting": "Помилка розшифрування відео",
+            "show_video": "Показати відео"
+        },
+        "m.widget": {
+            "added": "%(senderName)s додає віджет %(widgetName)s",
+            "jitsi_ended": "%(senderName)s завершує груповий відеовиклик",
+            "jitsi_join_right_prompt": "Приєднуйтесь до групового виклику з інформаційної картки кімнати праворуч",
+            "jitsi_join_top_prompt": "Приєднуйтеся до групового виклику вгорі цієї кімнати",
+            "jitsi_started": "%(senderName)s починає груповий відеовиклик",
+            "jitsi_updated": "%(senderName)s оновлює груповий відеовиклик",
+            "modified": "%(senderName)s змінює віджет %(widgetName)s",
+            "removed": "%(senderName)s вилучає віджет %(widgetName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Копіювати посилання на гілку",
+            "view_in_room": "Дивитися в кімнаті"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s змінює правило блокування зі збігу з %(oldGlob)s на збіг з %(newGlob)s через %(reason)s",
+            "changed_rule_rooms": "%(senderName)s змінює правило блокування кімнат зі збігу з %(oldGlob)s на збіг з %(newGlob)s через %(reason)s",
+            "changed_rule_servers": "%(senderName)s змінює правило блокування серверів зі збігу з %(oldGlob)s на збіг з %(newGlob)s через %(reason)s",
+            "changed_rule_users": "%(senderName)s змінює правило блокування користувачів зі збігу з %(oldGlob)s на збіг з %(newGlob)s через %(reason)s",
+            "created_rule": "%(senderName)s створює правило блокування зі збігом з %(glob)s через %(reason)s",
+            "created_rule_rooms": "%(senderName)s створює правило блокування кімнат зі збігом з %(glob)s через %(reason)s",
+            "created_rule_servers": "%(senderName)s створює правило блокування серверів зі збігом з %(glob)s через %(reason)s",
+            "created_rule_users": "%(senderName)s створює правило блокування користувачів зі збігом з %(glob)s через %(reason)s",
+            "removed_rule": "%(senderName)s вилучає правило блокування зі збігом з %(glob)s",
+            "removed_rule_rooms": "%(senderName)s вилучає правило блокування кімнат зі збігом з %(glob)s",
+            "removed_rule_servers": "%(senderName)s вилучає правило блокування серверів зі збігом з %(glob)s",
+            "removed_rule_users": "%(senderName)s вилучає правило заборони користувачів зі збігом з %(glob)s",
+            "updated_invalid_rule": "%(senderName)s оновлює хибне правило блокування",
+            "updated_rule": "%(senderName)s оновлює правило блокування зі збігом з %(glob)s через %(reason)s",
+            "updated_rule_rooms": "%(senderName)s оновлює правило блокування кімнат зі збігом з %(glob)s через %(reason)s",
+            "updated_rule_servers": "%(senderName)s оновлює правило блокування серверів зі збігом з %(glob)s через %(reason)s",
+            "updated_rule_users": "%(senderName)s оновлює правило блокування користувачів зі збігом з %(glob)s через %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Ви не маєте дозволу на перегляд повідомлень, давніших за ваше запрошення.",
+        "no_permission_messages_before_join": "Ви не маєте дозволу на перегляд повідомлень, давніших за ваше приєднання.",
+        "pending_moderation": "Повідомлення очікує модерування",
+        "pending_moderation_reason": "Повідомлення очікує модерування: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Додати реакцію",
+            "custom_reaction_fallback_label": "Спеціальна реакція",
+            "label": "%(reactors)s додає реакцію %(content)s",
+            "tooltip_caption": "реагує з %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Переглянули %(count)s осіб",
+            "other": "Переглянули %(count)s людей"
+        },
+        "read_receipts_label": "Звіти про прочитання",
+        "redacted": {
+            "tooltip": "Повідомлення видалено %(date)s"
+        },
+        "redaction": "Повідомлення видалено %(name)s",
+        "reply": {
+            "error_loading": "Не вдалося завантажити подію, на яку було надано відповідь, її або не існує, або у вас немає дозволу на її перегляд.",
+            "in_reply_to": "<a>У відповідь на</a> <pill>",
+            "in_reply_to_for_export": "У відповідь на <a>це повідомлення</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Ви будете спрямовані до стороннього сайту, щоб автентифікувати використання облікового запису в %(integrationsUrl)s. Продовжити?",
+            "dialog_title": "Додати інтеграцію"
+        },
+        "self_redaction": "Повідомлення видалено",
+        "send_state_encrypting": "Шифрування повідомлення…",
+        "send_state_failed": "Не вдалося надіслати",
+        "send_state_sending": "Надсилання повідомлення…",
+        "send_state_sent": "Ваше повідомлення було надіслано",
+        "summary": {
+            "banned": {
+                "other": "заблоковано %(count)s разів",
+                "one": "заблоковано"
+            },
+            "banned_multiple": {
+                "other": "заблоковані %(count)s разів",
+                "one": "заблоковані"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)s змінює зображення профілю",
+                "few": "%(oneUser)s змінює зображення профілю %(count)s рази",
+                "many": "%(oneUser)s змінює зображення профілю %(count)s разів"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)s змінює зображення профілю",
+                "few": "%(severalUsers)s змінюють зображення профілів %(count)s рази",
+                "many": "%(severalUsers)s змінюють зображення профілів %(count)s разів"
+            },
+            "changed_name": {
+                "one": "%(oneUser)sзмінює своє ім'я",
+                "other": "%(oneUser)sзмінює своє ім'я %(count)s разів"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)sзмінили свої імена",
+                "other": "%(severalUsers)sзмінили свої імена %(count)s разів"
+            },
+            "format": "%(nameList)s%(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)sнадсилає приховане повідомлення",
+                "other": "%(oneUser)sнадсилає %(count)s прихованих повідомлень"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)sнадсилають приховане повідомлення",
+                "other": "%(severalUsers)sнадсилають %(count)s прихованих повідомлень"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)s відкликали запрошення",
+                "other": "%(oneUser)s відкликали запрошення %(count)s разів"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)s відкликали запрошення",
+                "other": "%(severalUsers)s відкликали запрошення %(count)s разів"
+            },
+            "invited": {
+                "one": "запрошено",
+                "other": "запрошено %(count)s разів"
+            },
+            "invited_multiple": {
+                "one": "запрошені",
+                "other": "були запрошені %(count)s разів"
+            },
+            "joined": {
+                "one": "%(oneUser)s приєднується",
+                "few": "%(oneUser)s приєднується %(count)s рази",
+                "many": "%(oneUser)s приєднується %(count)s разів"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)s приєднується й виходить",
+                "few": "%(oneUser)s приєднується й виходить %(count)s рази",
+                "many": "%(oneUser)s приєднується й виходить %(count)s разів"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)s приєднуються й виходять",
+                "few": "%(severalUsers)s приєднуються й виходять %(count)s рази",
+                "many": "%(severalUsers)s приєднуються й виходять %(count)s разів"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)s приєднуються",
+                "few": "%(severalUsers)s приєднуються %(count)s рази",
+                "many": "%(severalUsers)s приєднуються %(count)s разів"
+            },
+            "kicked": {
+                "one": "було вилучено",
+                "other": "було вилучено %(count)s разів"
+            },
+            "kicked_multiple": {
+                "one": "було вилучено",
+                "other": "було вилучено %(count)s разів"
+            },
+            "left": {
+                "one": "%(oneUser)s виходить",
+                "few": "%(oneUser)s виходить %(count)s рази",
+                "many": "%(oneUser)s виходить %(count)s разів"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)sвийшли",
+                "other": "%(severalUsers)sвийшли %(count)s разів"
+            },
+            "no_change": {
+                "one": "%(oneUser)sнічого не змінює",
+                "other": "%(oneUser)sнічого не змінює %(count)s разів"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)sнічого не змінюють",
+                "other": "%(severalUsers)sнічого не змінюють %(count)s разів"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)sзмінює <a>закріплені повідомлення</a> кімнати",
+                "other": "%(oneUser)sзмінює <a>закріплені повідомлення</a> кімнати %(count)s разів"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)sзмінюють <a>закріплені повідомлення</a> кімнати",
+                "other": "%(severalUsers)sзмінюють <a>закріплені повідомлення</a> кімнати %(count)s разів"
+            },
+            "redacted": {
+                "one": "%(oneUser)sвидаляє повідомлення",
+                "other": "%(oneUser)sвидаляє %(count)s повідомлень"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)sвидаляють повідомлення",
+                "other": "%(severalUsers)sвидаляють %(count)s повідомлень"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)s відхилили запрошення",
+                "other": "%(oneUser)s відхилили запрошення %(count)s разів"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)s відхилили запрошення",
+                "other": "%(severalUsers)s відхилили запрошення %(count)s разів"
+            },
+            "rejoined": {
+                "one": "%(oneUser)s виходить і повертається",
+                "few": "%(oneUser)s виходить і повертається %(count)s рази",
+                "many": "%(oneUser)s виходить і повертається %(count)s разів"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)sвиходять і повертаються",
+                "other": "%(severalUsers)sвиходять і повертаються %(count)s разів"
+            },
+            "unbanned": {
+                "other": "розблоковано %(count)s разів",
+                "one": "розблоковано"
+            },
+            "unbanned_multiple": {
+                "other": "розблоковані %(count)s разів",
+                "one": "розблоковані"
+            }
+        },
+        "thread_info_basic": "З гілки",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s та ще хтось пишуть…",
+                "few": "%(names)s та ще %(count)s пишуть…",
+                "many": "%(names)s та ще %(count)s пишуть…"
+            },
+            "one_user": "%(displayName)s пише…",
+            "two_users": "%(names)s та %(lastPerson)s пишуть…"
+        },
+        "undecryptable_tooltip": "Не вдалося розшифрувати це повідомлення"
+    },
+    "truncated_list_n_more": {
+        "one": "",
+        "few": "І ще %(count)s…",
+        "many": "І ще %(count)s…"
+    },
+    "unsupported_browser": {
+        "description": "Якщо ви продовжите, деякі функції можуть перестати працювати, і існує ризик втрати даних у майбутньому. Оновіть браузер, щоб продовжити користуватись %(brand)s.",
+        "title": "%(brand)s не підтримує цей браузер"
+    },
+    "unsupported_server_description": "Цей сервер використовує стару версію Matrix. Оновіть Matrix до %(version)s, щоб використовувати %(brand)s без помилок.",
+    "unsupported_server_title": "Ваш сервер не підтримується",
+    "update": {
+        "changelog": "Журнал змін",
+        "check_action": "Перевірити на наявність оновлень",
+        "checking": "Перевірка оновлень…",
+        "downloading": "Завантаження оновлення…",
+        "error_encountered": "Трапилась помилка (%(errorDetail)s).",
+        "error_unable_load_commit": "Не вдалося звантажити дані про коміт: %(msg)s",
+        "new_version_available": "Доступна нова версія. <a>Оновити зараз</a>",
+        "no_update": "Оновлення відсутні.",
+        "release_notes_toast_title": "Що нового",
+        "see_changes_button": "Що нового?",
+        "toast_description": "Доступна нова версія %(brand)s",
+        "toast_title": "Оновити %(brand)s",
+        "unavailable": "Недоступний"
+    },
+    "update_room_access_modal": {
+        "description": "Щоб створити посилання для поширення, зробіть кімнату <b>загальнодоступною</b> або дозвольте користувачам надсилати <b>запит приєднатися</b>. Це дозволить гостям приєднуватися без запрошення.",
+        "dont_change_description": "Якщо ви не хочете змінювати доступ до цієї кімнати, ви можете створити нову кімнату для посилання на виклик.",
+        "no_change": "Я не хочу змінювати рівень доступу.",
+        "revert_access_description": "(Це значення можна повернути до попереднього в налаштуваннях кімнати: <b>Безпека та приватність</b> /<b> Доступ</b>)",
+        "title": "Дозволити гостьовим користувачам приєднуватися до цієї кімнати"
+    },
+    "upload_failed_generic": "Не вдалося вивантажити файл '%(fileName)s'.",
+    "upload_failed_size": "Файл '%(fileName)s' перевищує ліміт розміру для відвантажень домашнього сервера",
+    "upload_failed_title": "Помилка відвантаження",
+    "upload_file": {
+        "cancel_all_button": "Скасувати все",
+        "error_file_too_large": "Файл <b>є надто великим</b> для відвантаження. Допустимий розмір файлів — %(limit)s, але цей файл займає %(sizeOfThisFile)s.",
+        "error_files_too_large": "Ці файли є <b>надто великими</b> для відвантаження. Допустимий розмір файлів — %(limit)s.",
+        "error_some_files_too_large": "Деякі файли є <b>надто великими</b> для відвантаження. Допустимий розмір файлів — %(limit)s.",
+        "error_title": "Помилка вивантаження",
+        "not_image": "Обраний файл не є дійсним файлом зображення.",
+        "title": "Вивантажити файли",
+        "title_progress": "Вивантажити файли (%(current)s з %(total)s)",
+        "upload_all_button": "Вивантажити всі",
+        "upload_n_others_button": {
+            "other": "Вивантажити %(count)s інших файлів",
+            "one": "Вивантажити %(count)s інший файл"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Засоби адміністрування",
+        "ban_button_room": "Заблокувати в кімнаті",
+        "ban_button_space": "Заблокувати у просторі",
+        "ban_room_confirm_title": "Заблокувати в %(roomName)s",
+        "ban_space_everything": "Заблокувати скрізь, де маю доступ",
+        "ban_space_specific": "Заблокувати в частині того, куди маю доступ",
+        "deactivate_confirm_action": "Деактивувати користувача",
+        "deactivate_confirm_description": "Деактивація цього користувача призведе до вилучення його пристроїв та унеможливить повторний вхід. Крім того, його буде вилучено з усіх кімнат, в яких він перебуває. Цю дію неможливо скасувати. Ви впевнені, що хочете деактивувати цього користувача?",
+        "deactivate_confirm_title": "Деактивувати користувача?",
+        "demote_button": "Зменшити повноваження",
+        "demote_self_confirm_description_space": "Ви не зможете скасувати цю дію, оскільки ви знижуєте свої повноваження. Якщо ви останній привілейований користувач у цьому просторі, ви не зможете повернути повноваження.",
+        "demote_self_confirm_room": "Ви не зможете скасувати цю дію, оскільки ви зменшуєте свої повноваження. Якщо ви останній привілейований користувач у цій кімнаті, ви не зможете повернути повноваження.",
+        "demote_self_confirm_title": "Зменшити свої повноваження?",
+        "disinvite_button_room": "Відкликати запрошення до кімнати",
+        "disinvite_button_room_name": "Скасувати запрошення до %(roomName)s",
+        "disinvite_button_space": "Відкликати запрошення до простору",
+        "error_ban_user": "Не вдалося заблокувати користувача",
+        "error_deactivate": "Не вдалося деактивувати користувача",
+        "error_kicking_user": "Не вдалося вилучити користувача",
+        "error_mute_user": "Не вдалося заглушити користувача",
+        "error_revoke_3pid_invite_description": "Не вдалось відкликати запрошення. Сервер може мати тимчасові збої або у вас немає достатніх дозволів щоб відкликати запрошення.",
+        "error_revoke_3pid_invite_title": "Не вдалось відкликати запрошення",
+        "ignore_button": "Ігнорувати",
+        "ignore_confirm_description": "Усі повідомлення та запрошення від цього користувача будуть приховані. Ви впевнені, що хочете їх нехтувати?",
+        "ignore_confirm_title": "Нехтувати %(user)s",
+        "invited_by": "Запрошення від %(sender)s",
+        "jump_to_rr_button": "Перейти до останнього прочитаного",
+        "kick_button_room": "Вилучити з кімнати",
+        "kick_button_room_name": "Вилучити з %(roomName)s",
+        "kick_button_space": "Вилучити з простору",
+        "kick_button_space_everything": "Вилучити їх звідусіль, де мене на це уповноважено",
+        "kick_space_specific": "Вилучити їх з деяких місць, де мене на це уповноважено",
+        "kick_space_warning": "Вони все ще матимуть доступ до всього, що ви не адмініструєте.",
+        "promote_warning": "Ви не зможете скасувати цю зміну через те, що ви підвищуєте рівень повноважень користувача до свого рівня.",
+        "redact": {
+            "confirm_button": {
+                "one": "Видалити 1 повідомлення",
+                "other": "Видалити %(count)s повідомлень"
+            },
+            "confirm_description_1": {
+                "one": "Ви збираєтеся видалити %(count)s повідомлення від %(user)s. Це видалить його назавжди для всіх у розмові. Точно продовжити?",
+                "other": "Ви збираєтеся видалити %(count)s повідомлень від %(user)s. Це видалить їх назавжди для всіх у розмові. Точно продовжити?"
+            },
+            "confirm_description_2": "Залежно від кількості повідомлень, це може тривати довго. Не перезавантажуйте клієнт, поки це триває.",
+            "confirm_keep_state_explainer": "Вимкніть, щоб також видалити системні повідомлення про користувача (зміни членства, редагування профілю…)",
+            "confirm_keep_state_label": "Залишити системні повідомлення",
+            "confirm_title": "Вилучити останні повідомлення від %(user)s",
+            "no_recent_messages_description": "Гортайте стрічку вище, щоб побачити, чи були такі раніше.",
+            "no_recent_messages_title": "Не знайдено недавніх повідомлень %(user)s"
+        },
+        "redact_button": "Вилучити повідомлення",
+        "revoke_invite": "Відкликати запрошення",
+        "room_encrypted": "Повідомлення у цій кімнаті захищено наскрізним шифруванням.",
+        "room_encrypted_detail": "Ваші повідомлення захищені. Лише ви з отримувачем маєте унікальні ключі їхнього розшифрування.",
+        "room_unencrypted": "Повідомлення у цій кімнаті не захищено наскрізним шифруванням.",
+        "room_unencrypted_detail": "У зашифрованих кімнатах ваші повідомлення є захищеними, тож тільки ви та отримувач маєте ключі для їх розблокування.",
+        "send_message": "Надіслати повідомлення",
+        "share_button": "Поділитися профілем",
+        "unban_button_room": "Розблокувати в кімнаті",
+        "unban_button_space": "Розблокувати у просторі",
+        "unban_room_confirm_title": "Розблокувати в %(roomName)s",
+        "unban_space_everything": "Розблокувати скрізь, де маю доступ",
+        "unban_space_specific": "Розблокувати в частині того, куди маю доступ",
+        "unban_space_warning": "Вони не матимуть доступу ні до чого, де ви не є адміністратором.",
+        "unignore_button": "Не ігнорувати",
+        "verification_unavailable": "Верифікація користувача недоступна",
+        "verify_button": "Звірити користувача",
+        "verify_explainer": "Для додаткової безпеки перевірте цього користувача, звіривши одноразовий код на обох своїх пристроях."
+    },
+    "user_status": {
+        "on_a_call": "Розмовляє"
+    },
+    "voip": {
+        "already_in_call": "Вже у виклику",
+        "already_in_call_person": "Ви вже спілкуєтесь із цією особою.",
+        "answered_elsewhere": "Відповіли деінде",
+        "answered_elsewhere_description": "На виклик відповіли на іншому пристрої.",
+        "call_failed": "Виклик не вдався",
+        "call_failed_description": "Не вдалося встановити зв'язок",
+        "call_failed_media": "Збій виклику, оскільки не вдалося отримати доступ до вебкамери або мікрофона. Перевірте, що:",
+        "call_failed_media_applications": "Жодна інша програма не використовує вебкамеру",
+        "call_failed_media_connected": "Мікрофон і вебкамера під'єднані та налаштовані правильно",
+        "call_failed_media_permissions": "Використання вебкамери дозволено",
+        "call_failed_microphone": "Збій виклику, оскільки не вдалося отримати доступ до мікрофона. Переконайтеся, що мікрофон під'єднано та налаштовано правильно.",
+        "call_held": "%(peerName)s утримує виклик",
+        "call_held_resume": "Ви утримуєте виклик <a>Відновити</a>",
+        "call_held_switch": "Ви утримуєте виклик <a>Перемкнути</a>",
+        "call_members": {
+            "exhaustive": {
+                "one": "<avatars/> у виклику",
+                "few": "<avatars/> у виклику",
+                "many": "<avatars/> у виклику"
+            },
+            "overflow": {
+                "one": "<avatars/> +%(overflowCount)s у виклику",
+                "few": "<avatars/> +%(overflowCount)s у виклику",
+                "many": "<avatars/> +%(overflowCount)s у виклику"
+            }
+        },
+        "call_toast_unknown_room": "Невідома кімната",
+        "camera_disabled": "Вашу камеру вимкнено",
+        "camera_enabled": "Ваша камера досі увімкнена",
+        "cannot_call_yourself_description": "Ви не можете подзвонити самим собі.",
+        "close_lobby": "Закрити зону очікування",
+        "connecting": "З'єднання",
+        "connection_lost": "Втрачено зʼєднання з сервером",
+        "connection_lost_description": "Неможливо здійснювати виклики без з'єднання з сервером.",
+        "consulting": "Консультація з %(transferTarget)s. <a>Переадресація на %(transferee)s</a>",
+        "default_device": "Уставний пристрій",
+        "dial": "Виклик",
+        "dialpad": "Номеронабирач",
+        "disable_camera": "Вимкнути камеру",
+        "disable_microphone": "Вимкнути мікрофон",
+        "disabled_no_perms_start_video_call": "У вас немає дозволу розпочинати відеовиклики",
+        "disabled_no_perms_start_voice_call": "У вас немає дозволу розпочинати голосові виклики",
+        "disabled_ongoing_call": "Поточний виклик",
+        "element_call": "Element Call",
+        "enable_camera": "Увімкнути камеру",
+        "enable_microphone": "Увімкнути мікрофон",
+        "expand": "Повернутися до виклику",
+        "get_call_link": "Поділитися посиланням на виклик",
+        "group_call_started": "Груповий виклик розпочато",
+        "hangup": "Покласти слухавку",
+        "hide_sidebar_button": "Сховати бічну панель",
+        "input_devices": "Пристрої вводу",
+        "jitsi_call": "Конференція Jitsi",
+        "join_with_video": "Приєднатися з відео",
+        "legacy_call": "Застарілий спосіб виклику",
+        "maximise": "Заповнити екран",
+        "maximise_call": "Розгорнути виклик",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Конференції"
+        },
+        "minimise_call": "Згорнути виклик",
+        "misconfigured_server": "Виклик не вдався через неправильне налаштування сервера",
+        "misconfigured_server_description": "Запропонуйте адміністратору вашого домашнього серверу (<code>%(homeserverDomain)s</code>) налаштувати сервер TURN для надійної роботи викликів.",
+        "misconfigured_server_fallback": "Як альтернативу, ви можете спробувати публічний сервер на <server/>, але він не буде надто надійним, а також поширюватиме вашу IP-адресу на тому сервері. Ви також можете керувати цим у налаштуваннях.",
+        "misconfigured_server_fallback_accept": "Спробуйте використати %(server)s",
+        "more_button": "Більше",
+        "msisdn_lookup_failed": "Неможливо знайти номер телефону",
+        "msisdn_lookup_failed_description": "Сталася помилка під час пошуку номеру телефону",
+        "msisdn_transfer_failed": "Не вдалося переадресувати виклик",
+        "n_people_joined": {
+            "one": "%(count)s особа приєднується",
+            "few": "%(count)s особи приєднуються",
+            "many": "%(count)s осіб приєднуються"
+        },
+        "no_audio_input_description": "Мікрофона не знайдено. Перевірте налаштування й повторіть спробу.",
+        "no_audio_input_title": "Мікрофона не знайдено",
+        "no_media_perms_description": "Можливо, вам треба дозволити %(brand)s використання мікрофону/камери вручну",
+        "no_media_perms_title": "Немає медіадозволів",
+        "no_permission_conference": "Потрібен дозвіл",
+        "no_permission_conference_description": "У вас немає дозволу, щоб розпочати груповий виклик у цій кімнаті",
+        "on_hold": "%(name)s очікує",
+        "output_devices": "Пристрої виводу",
+        "screenshare_monitor": "Поділитися всім екраном",
+        "screenshare_title": "Поділитися вмістом",
+        "screenshare_window": "Вікно застосунку",
+        "show_sidebar_button": "Показати бічну панель",
+        "silence": "Тихий виклик",
+        "silenced": "Сповіщення стишено",
+        "start_screenshare": "Почати показ екрана",
+        "stop_screenshare": "Вимкнути показ екрана",
+        "too_many_calls": "Забагато викликів",
+        "too_many_calls_description": "Ви досягли максимальної кількості одночасних викликів.",
+        "transfer_consult_first_label": "Спочатку консультуватися",
+        "transfer_failed": "Не вдалося переадресувати",
+        "transfer_failed_description": "Не вдалося переадресувати виклик",
+        "unable_to_access_audio_input_description": "Збій доступу до вашого мікрофона. Перевірте налаштування браузера й повторіть спробу.",
+        "unable_to_access_audio_input_title": "Не вдалося доступитися до мікрофона",
+        "unable_to_access_media": "Не вдається отримати доступ до вебкамери / мікрофона",
+        "unable_to_access_microphone": "Неможливо доступитись до мікрофона",
+        "unknown_caller": "Невідомий викликач",
+        "unknown_person": "невідома особа",
+        "unsilence": "Звук увімкнено",
+        "unsupported": "Виклики не підтримуються",
+        "unsupported_browser": "Цей браузер не підтримує викликів.",
+        "user_busy": "Користувач зайнятий",
+        "user_busy_description": "Користувач, якого ви викликаєте, зайнятий.",
+        "user_is_presenting": "%(sharerName)s показує",
+        "video_call": "Відеовиклик",
+        "video_call_incoming": "Вхідний відеовиклик",
+        "video_call_using": "Відеовиклик за допомогою:",
+        "voice_call": "Голосовий виклик",
+        "voice_call_incoming": "Вхідний голосовий виклик",
+        "voice_call_using": "Голосовий виклик за допомогою:",
+        "you_are_presenting": "Ви показуєте"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s на %(osName)s",
+    "welcome": {
+        "tagline_element": "Створено для швидкості та простоти.",
+        "title_element": "Спілкуйтесь елементарно",
+        "title_generic": "Вітаємо в %(brand)s"
+    },
+    "widget": {
+        "added_by": "Вджет додано",
+        "capabilities_dialog": {
+            "content_starting_text": "Віджет бажає:",
+            "decline_all_permission": "Відхилити все",
+            "remember_Selection": "Запам'ятати мій вибір для цього віджета",
+            "title": "Підтвердьте дозволи віджета"
+        },
+        "capability": {
+            "always_on_screen_generic": "Лишатися на екрані, поки запущений",
+            "always_on_screen_viewing_another_room": "Лишатися на екрані під час перегляду іншої кімнати, якщо запущений",
+            "any_room": "Перелічене вище, але також у будь-якій кімнаті, до якої ви приєднуєтесь чи запрошуєтесь",
+            "byline_empty_state_key": "з порожнім ключем стану",
+            "byline_state_key": "з ключем стану %(stateKey)s",
+            "capability": "<b>%(capability)s</b> можливості",
+            "change_avatar_active_room": "Змінювати аватар вашої активної кімнати",
+            "change_avatar_this_room": "Змінювати аватар цієї кімнати",
+            "change_name_active_room": "Змінювати назву вашої активної кімнати",
+            "change_name_this_room": "Змінювати назву цієї кімнати",
+            "change_topic_active_room": "Змінювати тему вашої активної кімнати",
+            "change_topic_this_room": "Змінювати тему цієї кімнати",
+            "download_file": "Завантажити файли з медіарепозиторію",
+            "receive_membership_active_room": "Бачити, коли хтось додається, виходить чи запрошується до вашої активної кімнати",
+            "receive_membership_this_room": "Бачити, коли хтось додається, виходить чи запрошується до цієї кімнати",
+            "remove_ban_invite_leave_active_room": "Вилучати, блокувати чи запрошувати людей у вашій активній кімнаті, зокрема вас",
+            "remove_ban_invite_leave_this_room": "Вилучати, блокувати чи запрошувати людей у цій кімнаті, зокрема вас",
+            "see_avatar_change_active_room": "Бачити, коли змінюється аватар вашої активної кімнати",
+            "see_avatar_change_this_room": "Бачити, коли змінюється аватар цієї кімнати",
+            "see_event_type_sent_active_room": "Бачити події <b>%(eventType)s</b>, надіслані до вашої активної кімнати",
+            "see_event_type_sent_this_room": "Бачити події <b>%(eventType)s</b>, надіслані до цієї кімнати",
+            "see_images_sent_active_room": "Бачити зображення, надіслані до вашої активної кімнати",
+            "see_images_sent_this_room": "Бачити зображення, надіслані до цієї кімнати",
+            "see_messages_sent_active_room": "Бачити повідомлення, надіслані до вашої активної кімнати",
+            "see_messages_sent_this_room": "Бачити повідомлення, надіслані до цієї кімнати",
+            "see_msgtype_sent_active_room": "Бачити повідомлення <b>%(msgtype)s</b>, надіслані до вашої активної кімнати",
+            "see_msgtype_sent_this_room": "Бачити повідомлення <b>%(msgtype)s</b>, надіслані до цієї кімнати",
+            "see_name_change_active_room": "Бачити, коли зміниться назва активної кімнати",
+            "see_name_change_this_room": "Бачити, коли змінюється назва цієї кімнати",
+            "see_sent_emotes_active_room": "Бачити реакції, надіслані до вашої активної кімнати",
+            "see_sent_emotes_this_room": "Бачити реакції, надіслані до цієї кімнати",
+            "see_sent_files_active_room": "Бачити довільні файли, надіслані до вашої активної кімнати",
+            "see_sent_files_this_room": "Бачити довільні файли, надіслані до цієї кімнати",
+            "see_sticker_posted_active_room": "Бачити, коли хтось надсилає наліпку до вашої активної кімнати",
+            "see_sticker_posted_this_room": "Бачити, коли хтось надсилає наліпку до цієї кімнати",
+            "see_text_messages_sent_active_room": "Бачити текстові повідомлення, надіслані до вашої активної кімнати",
+            "see_text_messages_sent_this_room": "Бачити текстові повідомлення, надіслані до цієї кімнати",
+            "see_topic_change_active_room": "Бачити, коли змінюється тема вашої активної кімнати",
+            "see_topic_change_this_room": "Бачити, коли тема в цій кімнаті змінюється",
+            "see_videos_sent_active_room": "Бачити відео, надіслані до вашої активної кімнати",
+            "see_videos_sent_this_room": "Бачити відео, надіслані до цієї кімнати",
+            "send_emotes_active_room": "Надсилати реакції від вашого імені до вашої активної кімнати",
+            "send_emotes_this_room": "Надсилати реакції від вашого імені до цієї кімнати",
+            "send_event_type_active_room": "Надсилати події <b>%(eventType)s</b> від вашого імені до вашої активної кімнати",
+            "send_event_type_this_room": "Надсилати події <b>%(eventType)s</b> від вашого імені до цієї кімнати",
+            "send_files_active_room": "Надсилати довільні файли від вашого імені до вашої активної кімнати",
+            "send_files_this_room": "Надсилати довільні файли від вашого імені до цієї кімнати",
+            "send_images_active_room": "Надсилати зображення від вашого імені до вашої активної кімнати",
+            "send_images_this_room": "Надсилати зображення від вашого імені до цієї кімнати",
+            "send_messages_active_room": "Надіслати повідомлення у свою активну кімнату від свого імені",
+            "send_messages_this_room": "Надіслати повідомлення у цю кімнату від свого імені",
+            "send_msgtype_active_room": "Надсилати повідомлення <b>%(msgtype)s</b> від вашого імені до вашої активної кімнати",
+            "send_msgtype_this_room": "Надсилати повідомлення <b>%(msgtype)s</b> від вашого імені до цієї кімнати",
+            "send_stickers_active_room": "Надсилати наліпки до вашої активної кімнати",
+            "send_stickers_active_room_as_you": "Надсилати наліпки до вашої активної кімнати від вашого імені",
+            "send_stickers_this_room": "Надсилати наліпки до цієї кімнати",
+            "send_stickers_this_room_as_you": "Надсилати наліпки до цієї кімнати від вашого імені",
+            "send_text_messages_active_room": "Надіслати текстові повідомлення від вашого імені до вашої активної кімнати",
+            "send_text_messages_this_room": "Надсилати текстові повідомлення у цю кімнату від вашого імені",
+            "send_videos_active_room": "Надсилати відео від вашого імені до вашої активної кімнати",
+            "send_videos_this_room": "Надсилати відео від вашого імені до цієї кімнати",
+            "specific_room": "Перелічене вище, але також у <Room />",
+            "switch_room": "Змінювати, яку кімнату ви переглядаєте",
+            "switch_room_message_user": "Змінювати, яку кімнату, повідомлення чи користувача ви переглядаєте"
+        },
+        "close_to_view_right_panel": "Закрийте віджет, щоб він зʼявився на цій панелі",
+        "context_menu": {
+            "delete": "Видалити віджет",
+            "delete_warning": "Видалення віджету вилучить його в усіх користувачів кімнати. Точно видалити цей віджет?"
+        },
+        "cookie_warning": "Цей віджет може використовувати куки.",
+        "error_hangup_description": "Вас від'єднано від виклику. (Помилка: %(message)s)",
+        "error_hangup_title": "З'єднання розірвано",
+        "error_loading": "Помилка завантаження віджету",
+        "error_mixed_content": "Помилка — змішаний вміст",
+        "error_need_invite_permission": "Для цього вам потрібен дозвіл запрошувати користувачів.",
+        "error_need_kick_permission": "Для цього вам потрібен дозвіл вилучати користувачів.",
+        "error_need_to_be_logged_in": "Вам потрібно увійти.",
+        "error_unable_start_audio_stream_description": "Не вдалося почати аудіотрансляцію.",
+        "error_unable_start_audio_stream_title": "Не вдалося почати живу трансляцію",
+        "modal_data_warning": "Наведені далі дані надсилаються на %(widgetDomain)s",
+        "modal_title_default": "Модальний віджет",
+        "no_name": "Невідомий застосунок",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Запам'ятати це",
+            "starting_text": "Віджет звірить ваш ID користувача, але не зможе виконувати такі дії від вашого імені:",
+            "title": "Дозволити цьому віджету перевіряти вашу особу"
+        },
+        "popout": "Спливний віджет",
+        "set_room_layout": "Встановіть макет для всіх",
+        "shared_data_avatar": "URL-адреса зображення вашого профілю",
+        "shared_data_device_id": "ID вашого пристрою",
+        "shared_data_lang": "Ваша мова",
+        "shared_data_mxid": "Ваш ID користувача",
+        "shared_data_name": "Ваш псевдонім",
+        "shared_data_room_id": "ID кімнати",
+        "shared_data_theme": "Ваша тема",
+        "shared_data_url": "URL-адреса %(brand)s",
+        "shared_data_warning": "Користування цим віджетом може призвести до поширення ваших даних <helpIcon /> через %(widgetDomain)s.",
+        "shared_data_warning_im": "Користування цим віджетом може призвести до поширення ваших даних <helpIcon /> через %(widgetDomain)s і ваш менеджер інтеграцій.",
+        "shared_data_widget_id": "ID віджету",
+        "unencrypted_warning": "Віджети не використовують шифрування повідомлень.",
+        "unmaximise": "Розгорнути",
+        "unpin_to_view_right_panel": "Відкріпіть віджет, щоб він зʼявився на цій панелі"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Все прописними буквами так само легко вгадується як і все малими",
+            "anotherWord": "Додайте ще один-два слова. Краще використовувати рідкісні слова.",
+            "associatedYears": "Уникайте років, які зв'язані з вами",
+            "capitalization": "Великі букви не дуже допомагають",
+            "dates": "Уникайте дат і років, які зв'язані з вами",
+            "l33t": "Передбачувані заміни типу «@» замість «a» не особливо допомагають",
+            "longerKeyboardPattern": "Використовуйте довшу комбінацію клавіш з більшою кількістю поворотів",
+            "noNeed": "Цифри або великі букви не вимагаються",
+            "pwned": "Якщо ви використовуєте цей пароль десь іще, вам слід змінити його.",
+            "recentYears": "Уникайте останніх років",
+            "repeated": "Уникайте повторюваних слів та символів",
+            "reverseWords": "Вгадувати перевернуті слова не сильно важче",
+            "sequences": "Уникайте послідовностей",
+            "useWords": "Використовуйте декілька слів, уникайте звичайних фраз"
+        },
+        "warnings": {
+            "common": "Це дуже розповсюджений пароль",
+            "commonNames": "Розповсюджені імена та прізвища легко вгадувані",
+            "dates": "Часто, дати вгадувати легко",
+            "extendedRepeat": "Повтори типу «abcabcabc», лише трішки складніше вгадати, ніж «abc»",
+            "keyPattern": "Короткі клавіатурні шаблони легко вгадувані",
+            "namesByThemselves": "Імена та прізвища легко вгадувані",
+            "pwned": "Ваш пароль було розкрито в результаті витоку даних в інтернеті.",
+            "recentYears": "Останні роки легко вгадувані",
+            "sequences": "Послідовності типу abc або 6543 легко вгадувані",
+            "similarToCommon": "Це занадто простий пароль",
+            "simpleRepeat": "Повтори типу \"ааа\" легко вгадувані",
+            "straightRow": "Прямі ряди клавіш легко вгадувані",
+            "topHundred": "Це 100 найлегших та найпоширеніших паролів",
+            "topTen": "Це топ-10 легких та звичайних паролів",
+            "userInputs": "Не повинно бути жодних особистих даних або даних, пов'язаних зі сторінкою.",
+            "wordByItself": "Загальновживані слова легко вгадувані"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/vi.json b/apps/web/src/i18n/strings/vi.json
new file mode 100644
index 00000000000..60f8dbf321f
--- /dev/null
+++ b/apps/web/src/i18n/strings/vi.json
@@ -0,0 +1,3176 @@
+{
+    "a11y": {
+        "jump_first_invite": "Chuyển đến lời mời đầu tiên.",
+        "message_composer": "Trình soạn tin nhắn",
+        "n_unread_messages": {
+            "one": "1 tin chưa đọc.",
+            "other": "%(count)s tin nhắn chưa đọc."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 đề cập chưa đọc.",
+            "other": "%(count)s tin nhắn chưa đọc bao gồm các đề cập."
+        },
+        "unread_messages": "Các tin nhắn chưa đọc."
+    },
+    "a11y_jump_first_unread_room": "Chuyển đến phòng chưa đọc đầu tiên.",
+    "action": {
+        "accept": "Đồng ý",
+        "add": "Thêm",
+        "add_existing_room": "Thêm phòng hiện có",
+        "apply": "Áp dụng",
+        "approve": "Chấp thuận",
+        "ask_to_join": "Yêu cầu để tham gia",
+        "back": "Quay lại",
+        "call": "Gọi",
+        "cancel": "Huỷ bỏ",
+        "change": "Thay đổi",
+        "clear": "Xoá",
+        "click_to_copy": "Bấm để sao chép",
+        "close": "Đóng",
+        "collapse": "Tắt đi",
+        "complete": "Hoàn thành",
+        "confirm": "Xác nhận",
+        "continue": "Tiếp tục",
+        "copy": "Sao chép",
+        "copy_link": "Sao chép liên kết",
+        "create": "Tạo",
+        "create_a_room": "Tạo phòng",
+        "create_account": "Tạo tài khoản",
+        "decline": "Từ chối",
+        "delete": "Xoá",
+        "deny": "Từ chối",
+        "disable": "Tắt",
+        "disconnect": "Ngắt kết nối",
+        "dismiss": "Bỏ qua",
+        "done": "Xong",
+        "download": "Tải xuống",
+        "edit": "Sửa",
+        "enable": "Bật",
+        "enter_fullscreen": "Vào toàn màn hình",
+        "exit_fullscreeen": "Thoát toàn màn hình",
+        "expand": "Mở rộng",
+        "explore_rooms": "Khám phá các phòng",
+        "export": "Xuất",
+        "forward": "Chuyển tiếp",
+        "go": "Đi",
+        "go_back": "Quay lại",
+        "got_it": "Đã nhận được",
+        "hide_advanced": "Ẩn nâng cao",
+        "hold": "Giữ máy",
+        "ignore": "Tảng lờ",
+        "import": "Nhập",
+        "invite": "Mời",
+        "join": "Tham gia",
+        "learn_more": "Tìm hiểu thêm",
+        "leave": "Rời khỏi",
+        "leave_room": "Rời khỏi phòng",
+        "logout": "Đăng xuất",
+        "manage": "Quản lý",
+        "maximise": "Phóng to",
+        "mention": "Nhắc đến",
+        "minimise": "Thu nhỏ",
+        "new_room": "Tạo phòng",
+        "new_video_room": "Tạo phòng truyền hình",
+        "next": "Tiếp",
+        "no": "Không",
+        "ok": "Ok",
+        "open": "Mở",
+        "pin": "Ghim",
+        "proceed": "Tiếp tục",
+        "quote": "Trích",
+        "react": "Phản ứng",
+        "refresh": "Làm tươi",
+        "register": "Đăng ký",
+        "reload": "Tải lại",
+        "remove": "Xoá",
+        "rename": "Đặt lại tên",
+        "reply": "Phản hồi",
+        "reply_in_thread": "Trả lời theo chủ đề",
+        "resend": "Gửi lại",
+        "reset": "Cài lại",
+        "resume": "Tiếp tục",
+        "retry": "Thử lại",
+        "review": "Xem xét",
+        "revoke": "Rút lại",
+        "save": "Lưu",
+        "search": "Tìm kiếm",
+        "send_report": "Gửi báo cáo",
+        "share": "Chia sẻ",
+        "show": "Hiện",
+        "show_advanced": "Hiện nâng cao",
+        "show_all": "Hiển thị tất cả",
+        "sign_in": "Đăng nhập",
+        "sign_out": "Đăng xuất",
+        "skip": "Bỏ qua",
+        "start": "Bắt đầu",
+        "stop": "Dừng",
+        "submit": "Xác nhận",
+        "subscribe": "Đặt mua",
+        "transfer": "Chuyển",
+        "trust": "Tin cậy",
+        "try_again": "Thử lại",
+        "unban": "Bỏ cấm",
+        "unignore": "Hủy bỏ qua",
+        "unpin": "Bỏ ghim",
+        "unsubscribe": "Hủy đăng ký",
+        "update": "Cập nhật",
+        "upgrade": "Nâng cấp",
+        "upload": "Tải lên",
+        "verify": "Xác thực",
+        "view": "Xem",
+        "view_all": "Xem tất cả",
+        "view_message": "Xem tin nhăn",
+        "view_source": "Xem nguồn",
+        "yes": "Có",
+        "zoom_in": "Phóng to",
+        "zoom_out": "Thu nhỏ"
+    },
+    "analytics": {
+        "accept_button": "Không sao cả",
+        "bullet_1": "Chúng tôi <Bold>không</Bold> thu thập hoặc lập hồ sơ bất kỳ dữ liệu tài khoản nào",
+        "bullet_2": "Chúng tôi <Bold>không</Bold> chia sẻ thông tin với các bên thứ ba",
+        "consent_migration": "Trước đây bạn đã đồng ý chia sẻ dữ liệu sử dụng ẩn danh với chúng tôi. Chúng tôi đang cập nhật cách thức hoạt động.",
+        "disable_prompt": "Bạn có thể tắt tính năng này bất cứ lúc nào trong cài đặt",
+        "enable_prompt": "Giúp cải thiện %(analyticsOwner)s",
+        "learn_more": "Chia sẻ dữ liệu ẩn danh giúp chúng tôi xác định các sự cố. Không có thông tin cá nhân. Không có bên thứ ba. <LearnMoreLink>Tìm hiểu thêm</LearnMoreLink>",
+        "privacy_policy": "Bạn có thể đọc tất cả các điều khoản của chúng tôi <PrivacyPolicyUrl>ở đây</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Giúp chúng tôi xác định các vấn đề và cải thiện%(analyticsOwner)s bằng cách chia sẻ dữ liệu sử dụng ẩn danh. Để hiểu cách mọi người sử dụng nhiều thiết bị, chúng tôi sẽ tạo một mã định danh ngẫu nhiên, được chia sẻ bởi các thiết bị của bạn.",
+        "shared_data_heading": "Bất kỳ dữ liệu nào sau đây đều có thể được chia sẻ:"
+    },
+    "auth": {
+        "3pid_in_use": "Địa chỉ thư điện tử hay số điện thoại đó đã được sử dụng.",
+        "account_clash": "Tài khoản mới của bạn (%(newAccountId)s) đã được đăng ký, nhưng bạn đã đăng nhập vào một tài khoản khác (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Tiếp tục với tài khoản trước",
+        "account_deactivated": "Tài khoản này đã bị vô hiệu hóa.",
+        "autodiscovery_generic_failure": "Không lấy được cấu hình tự động phát hiện từ máy chủ",
+        "autodiscovery_invalid": "Phản hồi khám phá homeserver không hợp lệ",
+        "autodiscovery_invalid_hs": "URL máy chủ dường như không phải là máy chủ Matrix hợp lệ",
+        "autodiscovery_invalid_hs_base_url": "Base_url không hợp lệ cho m.homeserver",
+        "autodiscovery_invalid_is": "URL máy chủ nhận dạng dường như không phải là máy chủ nhận dạng hợp lệ",
+        "autodiscovery_invalid_is_base_url": "Base_url không hợp lệ cho m.identity_server",
+        "autodiscovery_invalid_is_response": "Phản hồi phát hiện máy chủ nhận dạng không hợp lệ",
+        "autodiscovery_invalid_json": "JSON không hợp lệ",
+        "autodiscovery_unexpected_error_hs": "Lỗi xảy ra khi xử lý thiết lập máy chủ",
+        "autodiscovery_unexpected_error_is": "Lỗi xảy ra khi xử lý thiết lập máy chủ định danh",
+        "captcha_description": "Người bảo vệ gia đình này muốn đảm bảo rằng bạn không phải là người máy.",
+        "change_password_action": "Đổi mật khẩu",
+        "change_password_confirm_invalid": "Mật khẩu không khớp",
+        "change_password_confirm_label": "Xác nhận mật khẩu",
+        "change_password_current_label": "Mật khẩu hiện tại",
+        "change_password_empty": "Mật khẩu không được để trống",
+        "change_password_error": "Lỗi khi đổi mật khẩu: %(error)s",
+        "change_password_mismatch": "Mật khẩu mới không khớp",
+        "change_password_new_label": "Mật khẩu mới",
+        "check_email_resend_prompt": "Không nhận được nó?",
+        "check_email_resend_tooltip": "Đã gửi lại liên kết xác nhận địa chỉ thư điện tử!",
+        "check_email_wrong_email_button": "Điền lại địa chỉ thư điện tử",
+        "check_email_wrong_email_prompt": "Địa chỉ thư điện tử sai?",
+        "continue_with_idp": "Tiếp tục với %(provider)s",
+        "continue_with_sso": "Tiếp tục với %(ssoButtons)s",
+        "country_dropdown": "Quốc gia thả xuống",
+        "create_account_prompt": "Bạn là người mới? <a>Create an account</a>",
+        "create_account_title": "Tạo tài khoản",
+        "email_discovery_text": "Sử dụng địa chỉ thư điện tử để dễ dàng được tìm ra bởi người dùng khác.",
+        "email_field_label": "Thư điện tử",
+        "email_field_label_invalid": "Không giống một địa chỉ thư điện tử hợp lệ",
+        "email_field_label_required": "Nhập địa chỉ thư điện tử",
+        "email_help_text": "Thêm một địa chỉ thư điện tử để có thể đặt lại mật khẩu của bạn.",
+        "email_phone_discovery_text": "Sử dụng địa chỉ thư điện tử hoặc điện thoại để dễ dàng được tìm ra bởi người dùng khác.",
+        "enter_email_heading": "Nhập địa chỉ thư điện tử để đặt lại mật khẩu",
+        "failed_connect_identity_server": "Không thể kết nối server định danh",
+        "failed_connect_identity_server_other": "Bạn có thể đăng nhập, nhưng một vài chức năng sẽ không sử dụng dược cho đến khi server định danh hoạt động trở lại. Nếu bạn thấy thông báo này, hãy kiểm tra thiết lập hoặc liên hệ quản trị viên.",
+        "failed_connect_identity_server_register": "Bạn có thể đăng ký, nhưng một vài chức năng sẽ không sử đụng dược cho đến khi server định danh hoạt động trở lại. Nếu bạn thấy thông báo này, hãy kiểm tra thiết lập hoặc liên hệ quản trị viên.",
+        "failed_connect_identity_server_reset_password": "Bạn có thể đặt lại mật khẩu, nhưng một vài chức năng sẽ không sử đụng dược cho đến khi server định danh hoạt động trở lại. Nếu bạn thấy thông báo này, hãy kiểm tra thiết lập hoặc liên hệ quản trị viên.",
+        "failed_homeserver_discovery": "Không thể thực hiện khám phá máy chủ",
+        "failed_query_registration_methods": "Không thể truy vấn các phương pháp đăng ký được hỗ trợ.",
+        "failed_soft_logout_auth": "Không xác thực lại được",
+        "failed_soft_logout_homeserver": "Không xác thực lại được do sự cố máy chủ",
+        "forgot_password_email_invalid": "Địa chỉ thư điện tử dường như không hợp lệ.",
+        "forgot_password_email_required": "Địa chỉ thư điện tử được liên kết đến tài khoản của bạn phải được nhập.",
+        "forgot_password_prompt": "Quên mật khẩu của bạn?",
+        "forgot_password_send_email": "Gửi thư",
+        "identifier_label": "Đăng nhập với",
+        "incorrect_credentials": "Tên người dùng và/hoặc mật khẩu không chính xác.",
+        "incorrect_credentials_detail": "Xin lưu ý rằng bạn đang đăng nhập vào máy chủ %(hs)s, không phải matrix.org.",
+        "incorrect_password": "mật khẩu không đúng",
+        "log_in_new_account": "<a>Sign in</a> để vào tài khoản mới của bạn.",
+        "logout_dialog": {
+            "description": "Bạn có chắc mình muốn đăng xuất không?",
+            "setup_key_backup_title": "Bạn sẽ mất quyền truy cập vào các tin nhắn được mã hóa của mình",
+            "skip_key_backup": "Tôi không muốn tin nhắn được mã hóa của mình"
+        },
+        "misconfigured_body": "Yêu cầu quản trị viên %(brand)s của bạn kiểm tra <a>your config</a> để tìm các mục nhập sai hoặc trùng lặp.",
+        "misconfigured_title": "Hệ thống %(brand)s của bạn bị thiết lập sai",
+        "msisdn_field_description": "Những người dùng khác có thể mời bạn vào phòng bằng cách sử dụng chi tiết liên hệ của bạn",
+        "msisdn_field_label": "Điện thoại",
+        "msisdn_field_number_invalid": "Số điện thoại đó có vẻ không chính xác, vui lòng kiểm tra và thử lại",
+        "msisdn_field_required_invalid": "Nhập số điện thoại",
+        "no_hs_url_provided": "Không có đường dẫn server",
+        "oidc": {
+            "error_title": "Chúng tôi không thể đăng nhập cho bạn",
+            "missing_or_invalid_stored_state": "Chúng tôi đã yêu cầu trình duyệt ghi nhớ máy chủ bạn đã sử dụng để bạn có thể đăng nhập lại, nhưng có vẻ như trình duyệt của bạn đã quên máy chủ đó :( Truy cập trang đăng nhập và thử lại."
+        },
+        "password_field_label": "Nhập mật khẩu",
+        "password_field_strong_label": "Mật khẩu mạnh, tốt đó!",
+        "password_field_weak_label": "Mật khẩu được phép, nhưng không an toàn",
+        "phone_label": "Điện thoại",
+        "phone_optional_label": "Điện thoại (tùy chọn)",
+        "register_action": "Tạo tài khoản",
+        "registration": {
+            "continue_without_email_description": "Lưu ý là nếu bạn không thêm địa chỉ thư điện tử và quên mật khẩu, bạn có thể <b>vĩnh viễn mất quyền truy cập vào tài khoản của mình</b>.",
+            "continue_without_email_field_label": "Địa chỉ thư điện tử (tùy chọn)",
+            "continue_without_email_title": "Tiếp tục mà không cần địa chỉ thư điện tử"
+        },
+        "registration_disabled": "Đăng ký đã bị vô hiệu hóa trên máy chủ này.",
+        "registration_msisdn_field_required_invalid": "Nhập số điện thoại (bắt buộc trên máy chủ này)",
+        "registration_successful": "Đăng ký thành công",
+        "registration_username_in_use": "Ai đó đã có username đó. Hãy thử một cái khác hoặc nếu đó là bạn, hay đăng nhập bên dưới.",
+        "registration_username_validation": "Chỉ sử dụng các chữ cái thường, số, dấu gạch ngang và dấu gạch dưới",
+        "reset_password": {
+            "confirm_new_password": "Xác nhận mật khẩu mới",
+            "password_not_entered": "Mật khẩu mới phải được nhập.",
+            "passwords_mismatch": "Các mật khẩu mới phải khớp với nhau.",
+            "reset_successful": "Mật khẩu của bạn đã được đặt lại.",
+            "return_to_login": "Quay về màn hình đăng nhập",
+            "sign_out_other_devices": "Đăng xuất khỏi mọi thiết bị"
+        },
+        "reset_password_action": "Đặt lại mật khẩu",
+        "reset_password_email_field_description": "Sử dụng địa chỉ thư điện tử để khôi phục tài khoản của bạn",
+        "reset_password_email_field_required_invalid": "Nhập địa chỉ thư điện tử (bắt buộc trên máy chủ này)",
+        "reset_password_email_not_associated": "Địa chỉ thư điện tử của bạn không được liên kết với một định danh Matrix trên máy chủ này.",
+        "reset_password_email_not_found_title": "Địa chỉ thư điện tử này không tồn tại trong hệ thống",
+        "reset_password_title": "Đặt lại mật khẩu của bạn",
+        "server_picker_custom": "Máy chủ khác",
+        "server_picker_description_matrix.org": "Tham gia hàng triệu máy chủ công cộng miễn phí lớn nhất",
+        "server_picker_dialog_title": "Quyết định nơi tài khoản của bạn được lưu trữ",
+        "server_picker_explainer": "Sử dụng máy chủ Matrix ưa thích của bạn nếu bạn có, hoặc tự tạo máy chủ lưu trữ của riêng bạn.",
+        "server_picker_failed_validate_homeserver": "Không thể xác thực máy chủ nhà",
+        "server_picker_intro": "Chúng tôi gọi những nơi bạn có thể lưu trữ tài khoản của bạn là 'homeserver'.",
+        "server_picker_invalid_url": "URL không hợp lệ",
+        "server_picker_learn_more": "Giới thiệu về các máy chủ",
+        "server_picker_matrix.org": "Matrix.org là homeserver công cộng lớn nhất, vì vậy nó là nơi lý tưởng cho nhiều người.",
+        "server_picker_required": "Chỉ định một máy chủ",
+        "server_picker_title": "Đăng nhập vào máy chủ của bạn",
+        "server_picker_title_default": "Tùy chọn máy chủ",
+        "server_picker_title_registration": "Tài khoản máy chủ trên",
+        "session_logged_out_description": "Để bảo mật, phiên này đã được đăng xuất. Vui lòng đăng nhập lại.",
+        "session_logged_out_title": "Đã đăng xuất",
+        "set_email": {
+            "description": "Điều này sẽ cho phép bạn đặt lại mật khẩu của mình và nhận thông báo.",
+            "verification_pending_description": "Vui lòng kiểm tra hòm thư và bấm vào liên kết trong đó. Khi nào xong, hãy bấm tiếp tục.",
+            "verification_pending_title": "Chờ xác thực"
+        },
+        "set_email_prompt": "Bạn có muốn đặt một địa chỉ thư điện tử không?",
+        "sign_in_description": "Dùng tài khoản của bạn để tiếp tục.",
+        "sign_in_instead": "Đăng nhập",
+        "sign_in_instead_prompt": "Đăng nhập",
+        "sign_in_or_register": "Đăng nhập hoặc Tạo tài khoản",
+        "sign_in_or_register_description": "Sử dụng tài khoản của bạn hoặc tạo một tài khoản mới để tiếp tục.",
+        "sign_in_with_sso": "Đăng nhập bằng đăng nhập một lần",
+        "signing_in": "Đăng nhập…",
+        "soft_logout": {
+            "clear_data_button": "Xóa tất cả dữ liệu",
+            "clear_data_description": "Xóa tất cả dữ liệu khỏi phiên này là vĩnh viễn. Các tin nhắn được mã hóa sẽ bị mất trừ khi các khóa của chúng đã được sao lưu.",
+            "clear_data_title": "Xóa tất cả dữ liệu trong phiên này?"
+        },
+        "soft_logout_heading": "Bạn đã đăng xuất",
+        "soft_logout_intro_password": "Nhập mật khẩu của bạn để đăng nhập và lấy lại quyền truy cập vào tài khoản của bạn.",
+        "soft_logout_intro_sso": "Đăng nhập và lấy lại quyền truy cập vào tài khoản của bạn.",
+        "soft_logout_intro_unsupported_auth": "Bạn không thể đăng nhập vào tài khoản của mình. Vui lòng liên hệ với quản trị viên máy chủ của bạn để biết thêm thông tin.",
+        "soft_logout_subheading": "Xóa dữ liệu cá nhân",
+        "sso": "Đăng Nhập Một Lần",
+        "sso_complete_in_browser_dialog_title": "Mở trình duyệt web để hoàn thành đăng nhập",
+        "sso_failed_missing_storage": "Chúng tôi đã yêu cầu trình duyệt ghi nhớ máy chủ bạn đã sử dụng để bạn có thể đăng nhập lại, nhưng có vẻ như trình duyệt của bạn đã quên máy chủ đó :( Truy cập trang đăng nhập và thử lại.",
+        "sso_or_username_password": "%(ssoButtons)s Hoặc %(usernamePassword)s",
+        "sync_footer_subtitle": "Nếu bạn đã tham gia nhiều phòng, quá trình này có thể mất một lúc",
+        "syncing": "Đang đồng bộ…",
+        "uia": {
+            "code": "Mã",
+            "email_auth_header": "Kiểm tra hòm thư để tiếp tục",
+            "fallback_button": "Bắt đầu xác thực",
+            "msisdn": "Một tin nhắn văn bản đã được gửi tới %(msisdn)s",
+            "msisdn_token_incorrect": "Mã thông báo không chính xác",
+            "msisdn_token_prompt": "Vui lòng nhập mã mà nó chứa:",
+            "password_prompt": "Xác nhận danh tính của bạn bằng cách nhập mật khẩu tài khoản của bạn dưới đây.",
+            "recaptcha_missing_params": "Thiếu captcha public key trong cấu hình máy chủ. Vui lòng báo cáo điều này cho quản trị viên máy chủ của bạn.",
+            "sso_body": "Xác nhận việc thêm địa chỉ thư điện tử này bằng cách sử dụng Đăng Nhập Một Lần để chứng minh danh tính của bạn.",
+            "sso_failed": "Đã xảy ra sự cố khi xác nhận danh tính của bạn. Hủy và thử lại.",
+            "sso_postauth_body": "Nhấp vào nút bên dưới để xác nhận danh tính của bạn.",
+            "sso_postauth_title": "Xác nhận để tiếp tục",
+            "sso_preauth_body": "Để tiếp tục, hãy sử dụng Single Sign On để chứng minh danh tính của bạn.",
+            "sso_title": "Sử dụng Đăng Nhập Một Lần để tiếp tục",
+            "terms": "Vui lòng xem xét và chấp nhận chính sách của máy chủ nhà này:",
+            "terms_invalid": "Vui lòng xem xét và chấp nhận tất cả các chính sách của chủ nhà"
+        },
+        "unsupported_auth_email": "Máy chủ nhà này không hỗ trợ đăng nhập bằng địa chỉ thư điện tử.",
+        "unsupported_auth_msisdn": "Máy chủ này không hỗ trợ xác thực bằng số điện thoại.",
+        "username_field_required_invalid": "Điền tên đăng nhập",
+        "username_in_use": "Ai đó đã có username đó, vui lòng thử một cái khác."
+    },
+    "bug_reporting": {
+        "additional_context": "Nếu có ngữ cảnh bổ sung có thể giúp phân tích vấn đề, chẳng hạn như bạn đang làm gì vào thời điểm đó, ID phòng, ID người dùng, v.v., hãy đưa những điều đó vào đây.",
+        "before_submitting": "Trước khi gửi log, bạn phải <a>tạo một sự cố trên Github</a> để mô tả vấn đề của mình.",
+        "collecting_information": "Thu thập thông tin phiên bản ứng dụng",
+        "collecting_logs": "Thu thập nhật ký",
+        "create_new_issue": "Vui lòng <newIssueLink> tạo một vấn đề mới </newIssueLink> trên GitHub để chúng tôi có thể điều tra lỗi này.",
+        "description": "Nhật ký gỡ lỗi chứa dữ liệu sử dụng ứng dụng bao gồm tên người dùng của bạn, ID hoặc bí danh của các phòng bạn đã truy cập, các thành phần giao diện người dùng mà bạn tương tác lần cuối và tên người dùng của những người dùng khác. Chúng không chứa tin nhắn.",
+        "download_logs": "Tải xuống nhật ký",
+        "downloading_logs": "Đang tải nhật ký xuống",
+        "error_empty": "Vui lòng cho chúng tôi biết điều gì đã xảy ra hoặc tốt hơn là tạo sự cố trên GitHub để mô tả vấn đề.",
+        "github_issue": "Sự cố GitHub",
+        "introduction": "Nếu bạn đã báo cáo lỗi qua GitHub, nhật ký gỡ lỗi có thể giúp chúng tôi theo dõi vấn đề. ",
+        "log_request": "Để giúp chúng tôi ngăn chặn điều này trong tương lai, vui lòng gửi nhật ký cho chúng tôi <a>send us logs</a>.",
+        "logs_sent": "Nhật ký đã được gửi",
+        "matrix_security_issue": "Để báo cáo sự cố bảo mật liên quan đến Matrix, vui lòng đọc Chính sách tiết lộ bảo mật của Matrix.org <a>Security Disclosure Policy</a>.",
+        "preparing_download": "Chuẩn bị tải nhật ký xuống",
+        "preparing_logs": "Chuẩn bị gửi nhật ký",
+        "send_logs": "Gửi nhật ký",
+        "submit_debug_logs": "Gửi nhật ký gỡ lỗi",
+        "textarea_label": "Ghi chú",
+        "thank_you": "Cảm ơn bạn!",
+        "title": "Báo cáo lỗi",
+        "unsupported_browser": "Nhắc nhở: Trình duyệt của bạn không được hỗ trợ, vì vậy trải nghiệm của bạn có thể không thể đoán trước được.",
+        "uploading_logs": "Tải lên nhật ký",
+        "waiting_for_server": "Đang chờ phản hồi từ máy chủ"
+    },
+    "cannot_invite_without_identity_server": "Không thể mời người dùng bằng địa chỉ thư điện tử mà không dùng máy chủ định danh. Bạn có thể kết nối với một máy chủ trong phần \"Cài đặt\".",
+    "cannot_reach_homeserver": "Không thể kết nối tới máy chủ",
+    "cannot_reach_homeserver_detail": "Đảm bảo bạn có kết nối Internet ổn định, hoặc liên hệ quản trị viên để được hỗ trợ",
+    "cant_load_page": "Không thể tải trang",
+    "chat_card_back_action_label": "Quay lại trò chuyện",
+    "chat_effects": {
+        "confetti_description": "Gửi tin nhắn đã cho với hoa giấy",
+        "confetti_message": "gửi hoa giấy",
+        "fireworks_description": "Gửi tin nhắn đã soạn kèm theo pháo hoa",
+        "fireworks_message": "gửi pháo hoa",
+        "hearts_description": "Gửi tin nhắn cùng với thả tim",
+        "hearts_message": "thả tim",
+        "rainfall_description": "Gửi tin nhắn đã cho với kiểu mưa rơi",
+        "rainfall_message": "gửi kiểu mưa rơi",
+        "snowfall_description": "Gửi thông điệp đã cho với tuyết rơi",
+        "snowfall_message": "gửi tuyết rơi",
+        "spaceinvaders_description": "Gửi tin nhắn đã soạn với hiệu ứng theo chủ đề space",
+        "spaceinvaders_message": "gửi những kẻ xâm lược space"
+    },
+    "common": {
+        "access_token": "Token truy cập",
+        "accessibility": "Trợ năng",
+        "advanced": "Nâng cao",
+        "analytics": "Về dữ liệu phân tích",
+        "and_n_others": {
+            "one": "và một cái khác…",
+            "other": "và %(count)s khác…"
+        },
+        "appearance": "Giao diện",
+        "application": "Ứng dụng",
+        "are_you_sure": "Bạn có chắc không?",
+        "attachment": "Tập tin đính kèm",
+        "authentication": "Đăng nhập",
+        "beta": "Thử nghiệm",
+        "camera": "Máy ảnh",
+        "cameras": "Máy quay",
+        "capabilities": "Khả năng",
+        "copied": "Đã sao chép!",
+        "credits": "Ghi công",
+        "dark": "Tối",
+        "description": "Sự mô tả",
+        "deselect_all": "Bỏ chọn tất cả",
+        "device": "Thiết bị",
+        "edited": "đã chỉnh sửa",
+        "email_address": "Địa chỉ thư điện tử",
+        "emoji": "Biểu tượng cảm xúc",
+        "encrypted": "Được mã hóa",
+        "error": "Lỗi",
+        "faq": "Câu hỏi thường gặp",
+        "feedback": "Phản hồi",
+        "filter_results": "Lọc kết quả",
+        "forward_message": "Chuyển tiếp tin nhắn",
+        "general": "Tổng quát",
+        "go_to_settings": "Đi tới Cài đặt",
+        "guest": "Khách",
+        "help": "Hỗ trợ",
+        "home": "Nhà",
+        "homeserver": "Máy chủ",
+        "identity_server": "Máy chủ định danh",
+        "image": "Hình ảnh",
+        "integration_manager": "Quản lý tích hợp",
+        "joined": "Đã tham gia",
+        "labs": "Chức năng thí nghiệm",
+        "legal": "Pháp lý",
+        "light": "Sáng",
+        "loading": "Đang tải…",
+        "location": "Vị trí",
+        "matrix": "Matrix",
+        "message": "Tin nhắn",
+        "message_layout": "Bố cục tin nhắn",
+        "microphone": "Micrô",
+        "modern": "Hiện đại",
+        "mute": "Im lặng",
+        "n_members": {
+            "one": "%(count)s thành viên",
+            "other": "%(count)s thành viên"
+        },
+        "n_rooms": {
+            "one": "%(count)s phòng",
+            "other": "%(count)s phòng"
+        },
+        "name": "Tên",
+        "no_results": "Không có kết quả",
+        "no_results_found": "không tim được kêt quả",
+        "not_trusted": "Không đáng tin cậy",
+        "off": "Tắt",
+        "offline": "Ngoại tuyến",
+        "on": "Bật",
+        "options": "Tùy chọn",
+        "orphan_rooms": "Các phòng khác",
+        "password": "Mật khẩu",
+        "people": "Danh bạ",
+        "preferences": "Tùy chọn",
+        "presence": "Hiện diện",
+        "preview_message": "Này bạn. Bạn là nhất!",
+        "privacy": "Quyền riêng tư",
+        "private": "Riêng tư",
+        "private_room": "Phòng riêng tư",
+        "private_space": "Space riêng tư",
+        "profile": "Hồ sơ",
+        "public": "Công cộng",
+        "public_room": "Phòng công cộng",
+        "public_space": "Space công cộng",
+        "qr_code": "Mã QR",
+        "random": "Ngẫu nhiên",
+        "reactions": "Phản ứng",
+        "report_a_bug": "Báo lỗi",
+        "room": "Phòng",
+        "room_name": "Tên phòng",
+        "rooms": "Phòng",
+        "saving": "Đang lưu…",
+        "secure_backup": "Sao lưu bảo mật",
+        "select_all": "Chọn tất cả",
+        "server": "Máy chủ",
+        "settings": "Cài đặt",
+        "setup_secure_messages": "Cài đặt Tin nhắn được bảo toàn",
+        "show_more": "Cho xem nhiều hơn",
+        "someone": "Ai đó",
+        "space": "space",
+        "spaces": "Không gian",
+        "sticker": "Nhãn dán",
+        "stickerpack": "Gói nhãn dán",
+        "success": "Thành công",
+        "suggestions": "Gợi ý",
+        "support": "Hỗ trợ",
+        "theme": "Chủ đề",
+        "thread": "Chủ đề",
+        "threads": "Chủ đề",
+        "timeline": "Dòng thời gian",
+        "unavailable": "không có sẵn",
+        "unencrypted": "Không được mã hóa",
+        "unmute": "Bật tiếng",
+        "unnamed_room": "Phòng Không tên",
+        "unnamed_space": "space không tên",
+        "unverified": "Chưa xác thực",
+        "user": "Người dùng",
+        "user_avatar": "Ảnh đại diện",
+        "username": "Tên đăng nhập",
+        "verified": "Đã xác thực",
+        "version": "Phiên bản",
+        "video_room": "Phòng truyền hình",
+        "view_message": "Xem tin nhăn",
+        "warning": "Cảnh báo"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Thông báo cho cả phòng",
+            "command_a11y": "Tự động hoàn thành lệnh",
+            "command_description": "Lệnh",
+            "emoji_a11y": "Tự động hoàn thành biểu tượng cảm xúc",
+            "notification_a11y": "Tự động hoàn thành thông báo",
+            "notification_description": "Thông báo phòng",
+            "room_a11y": "Phòng tự động hoàn thành",
+            "space_a11y": "Space tự động hoàn thành",
+            "user_a11y": "Người dùng tự động hoàn thành",
+            "user_description": "Người dùng"
+        },
+        "close_sticker_picker": "Ẩn thẻ (sticker)",
+        "edit_composer_label": "Chỉnh sửa tin nhắn",
+        "format_bold": "In đậm",
+        "format_code_block": "Khối mã",
+        "format_decrease_indent": "Giảm thụt lề",
+        "format_increase_indent": "Tăng thụt lề",
+        "format_inline_code": "Mã",
+        "format_insert_link": "Chèn liên kết",
+        "format_italic": "Nghiêng",
+        "format_italics": "In nghiêng",
+        "format_link": "Liên kết",
+        "format_ordered_list": "Danh sách đánh số",
+        "format_strikethrough": "Gạch ngang",
+        "format_underline": "Gạch chân",
+        "format_unordered_list": "Danh sách gạch đầu dòng",
+        "formatting_toolbar_label": "Định dạng",
+        "link_modal": {
+            "link_field_label": "Liên kết",
+            "text_field_label": "Chữ",
+            "title_create": "Tạo liên kết",
+            "title_edit": "Sửa liên kết"
+        },
+        "mode_plain": "Ẩn định dạng",
+        "mode_rich_text": "Hiện định dạng",
+        "no_perms_notice": "Bạn không có quyền đăng lên phòng này",
+        "placeholder": "Gửi tin nhắn…",
+        "placeholder_encrypted": "Gửi tin nhắn mã hóa…",
+        "placeholder_reply": "Gửi trả lời…",
+        "placeholder_reply_encrypted": "Gửi câu trả lời mã hóa…",
+        "placeholder_thread": "Trả lời chủ đề…",
+        "placeholder_thread_encrypted": "Trả lời chủ đề được mã hóa…",
+        "poll_button": "Bỏ phiếu",
+        "poll_button_no_perms_description": "Bạn không có quyền để bắt đầu các cuộc thăm dò trong phòng này.",
+        "poll_button_no_perms_title": "Yêu cầu Cấp quyền",
+        "replying_title": "Đang trả lời",
+        "room_upgraded_link": "Cuộc trò chuyện tiếp tục tại đây.",
+        "room_upgraded_notice": "Phòng này đã được thay thế và không còn hoạt động nữa.",
+        "send_button_title": "Gửi tin nhắn",
+        "send_button_voice_message": "Gửi tin nhắn thoại",
+        "send_voice_message": "Gửi tin nhắn thoại",
+        "stop_voice_message": "Dừng ghi",
+        "voice_message_button": "Tin nhắn thoại"
+    },
+    "create_room": {
+        "action_create_room": "Tạo phòng",
+        "action_create_video_room": "Tạo phòng truyền hình",
+        "encrypted_warning": "Bạn không thể vô hiệu hóa điều này sau này. Các cầu và hầu hết các bot sẽ không hoạt động.",
+        "encryption_forced": "Máy chủ của bạn yêu cầu mã hóa được bật trong các phòng riêng.",
+        "encryption_label": "Bật mã hóa đầu cuối",
+        "error_title": "Không tạo được phòng",
+        "generic_error": "Máy chủ có thể đang không có sẵn, quá tải hoặc bạn vừa gặp lỗi.",
+        "join_rule_change_notice": "Bạn có thể thay đổi điều này bất kỳ lúc nào từ cài đặt phòng.",
+        "join_rule_invite": "Phòng riêng (chỉ mời)",
+        "join_rule_invite_label": "Chỉ những người được mời mới có thể tìm và tham gia phòng này.",
+        "join_rule_public_label": "Bất kỳ ai cũng có thể tìm và tham gia phòng này.",
+        "join_rule_public_parent_space_label": "Bất kỳ ai cũng có thể tìm và tham gia phòng này, không chỉ thành viên của <SpaceName/>.",
+        "join_rule_restricted": "Hiển thị với các thành viên space",
+        "join_rule_restricted_label": "Mọi người trong <SpaceName/> sẽ có thể tìm và tham gia phòng này.",
+        "name_validation_required": "Vui lòng nhập tên cho phòng",
+        "room_visibility_label": "Khả năng hiển thị phòng",
+        "title_private_room": "Tạo một phòng riêng",
+        "title_public_room": "Tạo một phòng công cộng",
+        "title_video_room": "Tạo một phòng truyền hình",
+        "topic_label": "Chủ đề (không bắt buộc)",
+        "unfederated": "Chặn bất kỳ ai không thuộc %(serverName)s tham gia phòng này.",
+        "unfederated_label_default_off": "Bạn có thể bật điều này nếu phòng sẽ chỉ được sử dụng để cộng tác với các nhóm nội bộ trên nhà của bạn. Điều này không thể thay đổi sau này.",
+        "unfederated_label_default_on": "Bạn có thể tắt tính năng này nếu phòng sẽ được sử dụng để cộng tác với các nhóm bên ngoài có máy chủ của riêng họ. Điều này không thể được thay đổi sau này.",
+        "unsupported_version": "Máy chủ không hỗ trợ phiên bản phòng mà bạn chỉ định."
+    },
+    "create_space": {
+        "add_details_prompt": "Thêm một số chi tiết để giúp mọi người nhận ra nó.",
+        "add_details_prompt_2": "Bạn có thể thay đổi những điều này bất cứ lúc nào.",
+        "add_existing_rooms_description": "Chọn phòng hoặc cuộc trò chuyện để thêm. Đây chỉ là một space cho bạn, không ai sẽ được thông báo. Bạn có thể bổ sung thêm sau.",
+        "add_existing_rooms_heading": "Bạn muốn tổ chức những gì?",
+        "address_label": "Địa chỉ",
+        "address_placeholder": "ví dụ như my-space",
+        "creating": "Đang tạo…",
+        "done_action": "Đi đến space của tôi",
+        "done_action_first_room": "Đến phòng đầu tiên của tôi",
+        "explainer": "Space là một cách mới để nhóm các phòng và mọi người. Loại space nào bạn muốn tạo? Bạn có thể thay đổi sau.",
+        "failed_create_initial_rooms": "Không tạo được các phòng space ban đầu",
+        "failed_invite_users": "Không mời được những người dùng sau vào space của bạn: %(csvUsers)s",
+        "invite_teammates_by_username": "Mời theo tên người dùng",
+        "invite_teammates_description": "Đảm bảo đúng người có quyền truy cập. Bạn có thể mời thêm sau.",
+        "invite_teammates_heading": "Mời đồng đội của bạn",
+        "label": "Tạo một Space",
+        "name_required": "Vui lòng nhập tên cho Space",
+        "personal_space": "Chỉ tôi",
+        "personal_space_description": "Một Space riêng tư để sắp xếp các phòng của bạn",
+        "private_description": "Chỉ mời, tốt nhất cho bản thân hoặc các đội",
+        "private_heading": "Space riêng tư của bạn",
+        "private_personal_description": "Đảm bảo đúng người có quyền truy cập vào %(name)s",
+        "private_personal_heading": "Bạn làm việc với ai?",
+        "private_space": "Tôi và đồng đội của tôi",
+        "private_space_description": "space riêng tư cho bạn và đồng đội của bạn",
+        "public_description": "Tạo space cho mọi người, tốt nhất cho cộng đồng",
+        "public_heading": "Space công cộng của bạn",
+        "setup_rooms_community_description": "Hãy tạo một phòng cho mỗi người trong số họ.",
+        "setup_rooms_community_heading": "Một số điều bạn muốn thảo luận trong %(spaceName)s là gì?",
+        "setup_rooms_description": "Bạn cũng có thể thêm nhiều hơn sau, bao gồm cả những cái đã có.",
+        "setup_rooms_private_heading": "Nhóm của bạn đang thực hiện các dự án nào?",
+        "share_description": "Chỉ là bạn hiện tại, sẽ càng tốt hơn với người khác.",
+        "share_heading": "Chia sẻ %(name)s",
+        "skip_action": "Bỏ qua ngay bây giờ",
+        "subspace_adding": "Đang thêm…",
+        "subspace_beta_notice": "Thêm một space vào một space mà bạn quản lý.",
+        "subspace_dropdown_title": "Tạo một Space",
+        "subspace_existing_space_prompt": "Thay vào đó, bạn muốn thêm một space hiện có?",
+        "subspace_join_rule_invite_description": "Chỉ những người được mời mới có thể tìm và tham gia space này.",
+        "subspace_join_rule_invite_only": "space riêng tư (chỉ mời)",
+        "subspace_join_rule_label": "Khả năng hiển thị space",
+        "subspace_join_rule_public_description": "Bất kỳ ai cũng có thể tìm và tham gia space này, không chỉ là thành viên của <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Bất kỳ ai trong <SpaceName/> đều có thể tìm và tham gia."
+    },
+    "credits": {
+        "default_cover_photo": "Các <photo>ảnh bìa mặc định</photo> Là © <author>Chúa Jesus Roncero</author> Được sử dụng theo các điều khoản của <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "Bộ <twemoji>Twemoji</twemoji> được © <author>Twitter, Inc and other contributors</author> sử dụng dưới các điều khoản trong giấy phép <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "<colr>twemoji-colr</colr> được Quỹ ©<author>Mozilla Foundation</author> sử dụng dựa trên các điều khoản trong giấy phép <terms>Apache 2.0</terms>."
+    },
+    "desktop_default_device_name": "%(brand)s máy tính: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Tiện ích hoạt động",
+        "category_other": "Khác",
+        "category_room": "Phòng",
+        "caution_colon": "Thận trọng:",
+        "client_versions": "Phiên bản phần mềm máy khách",
+        "developer_mode": "Chế độ nhà phát triển",
+        "developer_tools": "Những công cụ phát triển",
+        "edit_setting": "Chỉnh sửa cài đặt",
+        "edit_values": "Chỉnh sửa giá trị",
+        "empty_string": "<chuỗi rỗng>",
+        "event_content": "Nội dung sự kiện",
+        "event_id": "Định danh (ID) sự kiện: %(eventId)s",
+        "event_sent": "Sự kiện được gửi!",
+        "event_type": "Loại sự kiện",
+        "explore_account_data": "Xem thông tin tài khoản",
+        "explore_room_account_data": "Xem thông tin tài khoản trong phòng",
+        "explore_room_state": "Xem trạng thái phòng",
+        "failed_to_find_widget": "Đã xảy ra lỗi khi tìm tiện ích widget này.",
+        "failed_to_load": "Không tải được.",
+        "failed_to_save": "Lưu cài đặt thất bại",
+        "failed_to_send": "Không thể gửi sự kiện!",
+        "id": "ID: ",
+        "invalid_json": "Không giống mã JSON hợp lệ.",
+        "level": "Cấp độ",
+        "low_bandwidth_mode": "Chế độ băng thông thấp",
+        "low_bandwidth_mode_description": "Cần máy chủ nhà tương thích.",
+        "main_timeline": "Dòng thời gian chính",
+        "no_receipt_found": "Không tìm thấy biên lai",
+        "notification_state": "Trạng thái thông báo là <strong> %(notificationState)s </strong>",
+        "notifications_debug": "Gỡ lỗi thông báo",
+        "number_of_users": "Số người dùng",
+        "original_event_source": "Nguồn sự kiện ban đầu",
+        "room_encrypted": "Phòng <strong>được mã hóa ✅</strong>",
+        "room_id": "Định danh phòng: %(roomId)s",
+        "room_not_encrypted": "Phòng <strong>không được mã hóa 🚨</strong>",
+        "room_notifications_dot": "Dấu chấm: ",
+        "room_notifications_highlight": "Nổi bật: ",
+        "room_notifications_last_event": "Sự kiện cuối:",
+        "room_notifications_sender": "Người gửi: ",
+        "room_notifications_thread_id": "ID luồng: ",
+        "room_notifications_total": "Tổng: ",
+        "room_notifications_type": "Loại: ",
+        "room_status": "Trạng thái phòng",
+        "room_unread_status_count": {
+            "other": "Trạng thái phòng chưa đọc: <strong>%(status)s</strong>, số lượng: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Lưu các giá trị cài đặt",
+        "see_history": "Xem lịch sử",
+        "send_custom_account_data_event": "Gửi sự kiện tài khoản tùy chỉnh",
+        "send_custom_room_account_data_event": "Gửi sự kiện tài khoản tùy chỉnh trong phòng",
+        "send_custom_state_event": "Gửi sự kiện trạng thái tùy chỉnh",
+        "send_custom_timeline_event": "Gửi sự kiện tùy chỉnh vào dòng thời gian",
+        "server_info": "Thông tin máy chủ",
+        "server_versions": "Phiên bản phần mềm máy chủ",
+        "settable_global": "Có thể đặt trên toàn cầu",
+        "settable_room": "Có thể đặt tại phòng",
+        "setting_colon": "Thiết lập:",
+        "setting_definition": "Cài đặt định nghĩa:",
+        "setting_id": "Cài đặt ID",
+        "settings_explorer": "Xem cài đặt",
+        "show_hidden_events": "Hiện các sự kiện ẩn trong dòng thời gian",
+        "state_key": "Chìa khóa trạng thái",
+        "thread_root_id": "ID luồng gốc: %(threadRootId)s",
+        "threads_timeline": "Dòng thời gian luồng",
+        "title": "Công cụ phát triển",
+        "toolbox": "Hộp công cụ",
+        "use_at_own_risk": "Giao diện người dùng này KHÔNG kiểm tra các loại giá trị. Sử dụng và hãy biết nguy cơ.",
+        "user_read_up_to": "Người dùng đọc lên tới: ",
+        "user_read_up_to_ignore_synthetic": "Người dùng đọc đến (ignoreSynthetic): ",
+        "user_read_up_to_private": "Người dùng đọc lên tới (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Người dùng đọc lên tới (m.read.private; IgnoreSynthetic): ",
+        "value": "Giá trị",
+        "value_colon": "Giá trị:",
+        "value_in_this_room": "Giá trị trong phòng này",
+        "value_this_room_colon": "Giá trị trong phòng này:",
+        "values_explicit": "Giá trị ở cấp độ rõ ràng",
+        "values_explicit_colon": "Giá trị ở cấp độ rõ ràng:",
+        "values_explicit_room": "Giá trị ở cấp độ rõ ràng trong phòng này",
+        "values_explicit_this_room_colon": "Giá trị ở cấp độ rõ ràng trong phòng này:",
+        "view_servers_in_room": "Xem các máy chủ trong phòng",
+        "view_source_decrypted_event_source": "Nguồn sự kiện được giải mã",
+        "view_source_decrypted_event_source_unavailable": "Nguồn được giải mã không khả dụng",
+        "widget_screenshots": "Bật widget chụp màn hình cho các widget có hỗ trợ"
+    },
+    "dialog_close_label": "Đóng hộp thoại",
+    "download_completed": "Tải xuống hoàn tất",
+    "empty_room": "Phòng trống",
+    "empty_room_was_name": "Phòng trống (trước kia là %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "Khóa bảo mật sai"
+            },
+            "restoring": "Khôi phục khóa từ sao lưu",
+            "security_key_title": "Chìa khóa bảo mật"
+        },
+        "bootstrap_title": "Đang thiết lập khóa bảo mật",
+        "confirm_encryption_setup_body": "Nhấp vào nút bên dưới để xác nhận thiết lập mã hóa.",
+        "confirm_encryption_setup_title": "Xác nhận thiết lập mã hóa",
+        "cross_signing_room_normal": "Phòng này được mã hóa end-to-end",
+        "cross_signing_room_verified": "Mọi người trong phòng này đã được xác thực",
+        "cross_signing_room_warning": "Ai đó đang sử dụng một phiên không xác định",
+        "cross_signing_user_normal": "Bạn chưa xác thực người dùng này.",
+        "cross_signing_user_verified": "Bạn đã xác thực người dùng này. Người dùng này đã xác thực tất cả các phiên của họ.",
+        "cross_signing_user_warning": "Người dùng này chưa xác thực tất cả các phiên của họ.",
+        "event_shield_reason_authenticity_not_guaranteed": "Tính xác thực của tin nhắn được mã hóa này không thể được đảm bảo trên thiết bị này.",
+        "event_shield_reason_mismatched_sender_key": "Được mã hóa bởi một phiên chưa được xác thực",
+        "export_unsupported": "Trình duyệt của bạn không hỗ trợ chức năng mã hóa",
+        "import_invalid_keyfile": "Tệp khóa %(brand)s không hợp lệ",
+        "import_invalid_passphrase": "Kiểm tra đăng nhập thất bại: sai mật khẩu?",
+        "messages_not_secure": {
+            "cause_1": "Chủ nhà của bạn",
+            "cause_2": "Máy chủ nhà người dùng bạn đang xác thực được kết nối đến",
+            "cause_3": "Của bạn, hoặc kết nối internet của các người dùng khác",
+            "cause_4": "Của bạn, hoặc phiên của các người dùng khác",
+            "heading": "Một trong những điều sau đây có thể bị xâm phạm:",
+            "title": "Tin nhắn của bạn không an toàn"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Đã phát hiện thấy Cụm từ bảo mật và khóa mới cho Tin nhắn an toàn.",
+            "description_2": "Phiên này đang mã hóa lịch sử bằng phương pháp khôi phục mới.",
+            "title": "Phương pháp Khôi phục mới",
+            "warning": "Nếu bạn không đặt phương pháp khôi phục mới, kẻ tấn công có thể đang cố truy cập vào tài khoản của bạn. Thay đổi mật khẩu tài khoản của bạn và đặt phương pháp khôi phục mới ngay lập tức trong Cài đặt."
+        },
+        "recovery_method_removed": {
+            "description_1": "Phiên này đã phát hiện rằng Cụm từ bảo mật và khóa cho Tin nhắn an toàn của bạn đã bị xóa.",
+            "description_2": "Nếu bạn vô tình làm điều này, bạn có thể Cài đặt Tin nhắn được bảo toàn trên phiên này. Tính năng này sẽ mã hóa lại lịch sử tin nhắn của phiên này bằng một phương pháp khôi phục mới.",
+            "title": "Phương thức Khôi phục đã bị xóa",
+            "warning": "Nếu bạn không xóa phương pháp khôi phục, kẻ tấn công có thể đang cố truy cập vào tài khoản của bạn. Thay đổi mật khẩu tài khoản của bạn và đặt phương pháp khôi phục mới ngay lập tức trong Cài đặt."
+        },
+        "set_up_toast_title": "Thiết lập Sao lưu Bảo mật",
+        "unable_to_setup_keys_error": "Không thể thiết lập khóa",
+        "verification": {
+            "accepting": "Đang chấp nhận…",
+            "after_new_login": {
+                "device_verified": "Thiết bị được xác thực",
+                "skip_verification": "Bỏ qua xác thực ngay bây giờ",
+                "verify_this_device": "Xác thực thiết bị này"
+            },
+            "cancelling": "Đang hủy…",
+            "complete_action": "Hiểu rồi",
+            "complete_description": "Bạn đã xác thực thành công người dùng này.",
+            "complete_title": "Đã xác thực!",
+            "error_starting_description": "Chúng tôi không thể bắt đầu cuộc trò chuyện với người kia.",
+            "error_starting_title": "Lỗi khi bắt đầu xác thực",
+            "explainer": "Tin nhắn an toàn với người dùng này được mã hóa đầu cuối và không thể được các bên thứ ba đọc.",
+            "in_person": "Để được bảo mật, hãy trực tiếp thực hiện việc này hoặc sử dụng một cách đáng tin cậy khác để liên lạc.",
+            "incoming_sas_device_dialog_text_1": "Xác thực thiết bị này để đánh dấu thiết bị là đáng tin cậy. Tin tưởng vào thiết bị này giúp bạn và những người dùng khác yên tâm hơn khi sử dụng các tin nhắn được mã hóa đầu cuối.",
+            "incoming_sas_device_dialog_text_2": "Việc xác thực thiết bị này sẽ đánh dấu thiết bị là đáng tin cậy và những người dùng đã xác minh với bạn sẽ tin tưởng thiết bị này.",
+            "incoming_sas_dialog_title": "Yêu cầu xác thực đến",
+            "incoming_sas_dialog_waiting": "Đang đợi bên kia xác nhận…",
+            "incoming_sas_user_dialog_text_1": "Xác thực người dùng này để đánh dấu họ là đáng tin cậy. Người dùng đáng tin cậy giúp bạn yên tâm hơn khi sử dụng các tin nhắn được mã hóa end-to-end.",
+            "incoming_sas_user_dialog_text_2": "Việc xác thực người dùng này sẽ đánh dấu phiên của họ là đáng tin cậy và cũng đánh dấu phiên của bạn là đáng tin cậy đối với họ.",
+            "no_support_qr_emoji": "Thiết bị bạn đang cố xác thực không hỗ trợ quét mã QR hoặc xác minh biểu tượng cảm xúc, đó là những gì %(brand)s hỗ trợ. Hãy thử với một thiết bị đầu cuối khác.",
+            "other_party_cancelled": "Người kia đã hủy xác thực.",
+            "prompt_encrypted": "Xác thực tất cả người dùng trong một phòng để đảm bảo phòng đó an toàn.",
+            "prompt_unencrypted": "Trong các phòng mã hóa, xác thực tất cả người dùng để đảm bảo an toàn.",
+            "qr_or_sas": "%(qrCode)s hay %(emojiCompare)s",
+            "qr_prompt": "Quét mã duy nhất này",
+            "qr_reciprocate_same_shield_user": "Sắp xong rồi! %(displayName)s có hiển thị cùng một lá chắn không?",
+            "request_toast_decline_counter": "Ẩn (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s từ %(ip)s",
+            "sas_caption_self": "Xác thực thiết bị này bằng việc xác nhận số sau đây xuất hiện trên màn hình của nó.",
+            "sas_caption_user": "Xác thực người dùng này bằng cách xác nhận số xuất hiện trên màn hình của họ.",
+            "sas_description": "So sánh một bộ biểu tượng cảm xúc độc đáo nếu bạn không có camera trên một trong hai thiết bị",
+            "sas_emoji_caption_user": "Xác thực người dùng này bằng cách xác nhận biểu tượng cảm xúc sau xuất hiện trên màn hình của họ.",
+            "sas_match": "Chúng phù hợp",
+            "sas_no_match": "Chúng không phù hợp",
+            "sas_prompt": "So sánh biểu tượng cảm xúc độc đáo",
+            "scan_qr": "Xác thực bằng cách quét",
+            "scan_qr_explainer": "Yêu cầu %(displayName)s quét mã của bạn:",
+            "start_button": "Bắt đầu xác thực",
+            "successful_user": "Bạn đã xác thực thành công %(displayName)s!",
+            "unsupported_method": "Không thấy phương pháp xác thực nào được hỗ trợ.",
+            "unverified_session_toast_accept": "Đó là tôi",
+            "unverified_session_toast_title": "Đăng nhập mới. Đây có phải là bạn không?",
+            "unverified_sessions_toast_description": "Xem lại để đảm bảo tài khoản của bạn an toàn",
+            "unverified_sessions_toast_reject": "Để sau",
+            "unverified_sessions_toast_title": "Bạn có các phiên chưa được xác thực",
+            "verification_dialog_title_device": "Xác thực thiết bị khác",
+            "verification_dialog_title_user": "Yêu cầu xác thực",
+            "verification_skip_warning": "Nếu không xác thực, bạn sẽ không thể truy cập vào tất cả tin nhắn của bạn và có thể hiển thị là không đáng tin cậy với những người khác.",
+            "verification_success_with_backup": "Thiết bị mới của bạn hiện đã được xác thực. Nó có quyền truy cập vào các tin nhắn bảo mật của bạn, và các người dùng khác sẽ thấy nó đáng tin cậy.",
+            "verification_success_without_backup": "Thiết bị mới của bạn hiện đã được xác thực. Các người dùng khác sẽ thấy nó đáng tin cậy.",
+            "verify_emoji": "Xác thực bằng biểu tượng cảm xúc",
+            "verify_emoji_prompt": "Xác thực bằng cách so sánh biểu tượng cảm xúc độc đáo.",
+            "verify_emoji_prompt_qr": "Nếu bạn không thể quét mã ở trên, hãy xác thực bằng cách so sánh biểu tượng cảm xúc duy nhất.",
+            "verify_later": "Tôi sẽ xác thực sau",
+            "waiting_for_user_accept": "Đang chờ %(displayName)s chấp nhận…",
+            "waiting_other_device": "Đang chờ bạn xác thực trên thiết bị khác của bạn…",
+            "waiting_other_device_details": "Đang chờ bạn xác thực trên thiết bị khác của bạn, %(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "Đang đợi %(displayName)s xác thực…"
+        },
+        "verification_requested_toast_title": "Đã yêu cầu xác thực",
+        "verify_toast_description": "Những người dùng khác có thể không tin tưởng nó",
+        "verify_toast_title": "Xác thực phiên này"
+    },
+    "error": {
+        "admin_contact": "Vui lòng liên hệ với quản trị viên dịch vụ của bạn <a>contact your service administrator</a> để tiếp tục sử dụng dịch vụ này.",
+        "admin_contact_short": "Liên hệ với <a>quản trị viên máy chủ</a> của bạn.",
+        "app_launch_unexpected_error": "Có lỗi xảy ra trong lúc thiết lập ứng dụng. Mở bảng điều khiển (console) để biết chi tiết.",
+        "cannot_load_config": "Không thể tải tệp cấu hình: hãy tải lại trang để thử lại.",
+        "connection": "Đã xảy ra sự cố khi giao tiếp với máy chủ, vui lòng thử lại sau.",
+        "dialog_description_default": "Một lỗi đã xảy ra.",
+        "download_media": "Tải xuống phương tiện nguồn thất bại, không tìm thấy nguồn url",
+        "edit_history_unsupported": "Máy chủ nhà của bạn dường như không hỗ trợ tính năng này.",
+        "failed_copy": "Sao chép không thành công",
+        "hs_blocked": "Máy chủ này đã bị chặn bởi quản trị viên của nó.",
+        "invalid_configuration_mixed_server": "Cấu hình không hợp lệ: không thể xác định default_hs_url song song với default_server_name hay default_server_config",
+        "invalid_configuration_no_server": "Thiết lập không hợp lệ: chưa chỉ định máy chủ mặc định.",
+        "invalid_json": "Thiết lập Element của bạn đang chứa mã JSON không hợp lệ. Vui lòng sửa lại và tải lại trang.",
+        "invalid_json_detail": "Thông báo của trình xử lý là: %(message)s",
+        "invalid_json_generic": "JSON không hợp lệ",
+        "mau": "Máy chủ nhà này đã đạt đến giới hạn người dùng hoạt động hàng tháng.",
+        "misconfigured": "Element đang bị thiết lập sai",
+        "mixed_content": "Không thể kết nối với máy chủ thông qua HTTP khi URL HTTPS nằm trong thanh trình duyệt của bạn. Sử dụng HTTPS hoặc bật các tập lệnh không an toàn <a>enable unsafe scripts</a>.",
+        "non_urgent_echo_failure_toast": "Máy chủ của bạn không phản hồi một số yêu cầu <a>requests</a>.",
+        "resource_limits": "Homeserver này đã vượt quá một trong những giới hạn tài nguyên của nó.",
+        "session_restore": {
+            "clear_storage_button": "Xóa bộ nhớ và Đăng xuất",
+            "clear_storage_description": "Đăng xuất và xóa khóa mã hóa?",
+            "description_1": "Chúng tôi đã gặp lỗi khi cố gắng khôi phục phiên trước đó của bạn.",
+            "description_2": "Nếu trước đây bạn đã sử dụng phiên bản %(brand)s mới hơn, thì phiên của bạn có thể không tương thích với phiên bản này. Đóng cửa sổ này và quay lại phiên bản mới hơn.",
+            "description_3": "Xóa bộ nhớ của trình duyệt có thể khắc phục được sự cố nhưng sẽ khiến bạn đăng xuất và khiến mọi lịch sử trò chuyện được mã hóa trở nên không thể đọc được.",
+            "title": "Không thể khôi phục phiên"
+        },
+        "something_went_wrong": "Đã xảy ra lỗi!",
+        "storage_evicted_description_1": "Một số dữ liệu phiên, bao gồm cả khóa tin nhắn được mã hóa, bị thiếu. Đăng xuất và đăng nhập để khắc phục sự cố này, khôi phục khóa từ bản sao lưu.",
+        "storage_evicted_description_2": "Trình duyệt của bạn có thể đã xóa dữ liệu này khi sắp hết dung lượng đĩa.",
+        "storage_evicted_title": "Thiếu dữ liệu phiên",
+        "sync": "Không kết nối được với máy chủ nhà. Đang thử lại…",
+        "tls": "Không thể kết nối với máy chủ - vui lòng kiểm tra kết nối của bạn, đảm bảo rằng chứng chỉ SSL của máy chủ nhà <a>homeserver's SSL certificate</a> của bạn được tin cậy và tiện ích mở rộng của trình duyệt không chặn các yêu cầu.",
+        "unknown": "Lỗi không thể nhận biết",
+        "unknown_error_code": "mã lỗi không xác định",
+        "update_power_level": "Không thay đổi được mức công suất"
+    },
+    "error_database_closed_title": "Cơ sở dữ liệu đột nhiên bị đóng",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Không thể sao chép liên kết đến phòng vào khay nhớ tạm.",
+            "title": "Không thể sao chép liên kết phòng"
+        },
+        "error_loading_user_profile": "Không thể tải hồ sơ người dùng",
+        "forget_room_failed": "Không thể quên phòng %(errCode)s"
+    },
+    "error_user_not_logged_in": "Người dùng đang không đăng nhập",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Cuộc gọi đang diễn ra",
+            "user": "%(senderName)s đã tham gia cuộc gọi",
+            "you": "Bạn đã tham gia cuộc gọi"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s đã kết thúc cuộc gọi",
+            "you": "Bạn đã kết thúc cuộc gọi"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s đang gọi",
+            "dm_send": "Chờ câu trả lời",
+            "user": "%(senderName)s đã bắt đầu một cuộc gọi",
+            "you": "Bạn bắt đầu một cuộc gọi"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s phản ứng %(reaction)s với %(message)s",
+            "you": "Bạn phản ứng %(reaction)s với %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s"
+    },
+    "export_chat": {
+        "cancelled": "Đã hủy trích xuất",
+        "cancelled_detail": "Xuất đã được hủy thành công",
+        "confirm_stop": "Bạn có chắc muốn dừng việc xuất dữ liệu của bạn? Nếu bạn làm, bạn sẽ phải bắt đầu lại.",
+        "creating_html": "Đang tạo HTML…",
+        "creating_output": "Đang tạo kết quả…",
+        "creator_summary": "%(creatorName)s đã tạo phòng này.",
+        "current_timeline": "Dòng thời gian hiện tại",
+        "enter_number_between_min_max": "Nhập một số ở giữa %(min)s và %(max)s",
+        "error_fetching_file": "Lỗi lấy tệp",
+        "export_info": "Đây là khởi đầu của việc xuất <roomName/>. Xuất bởi <exporterDetails/> lúc %(exportDate)s.",
+        "export_successful": "Xuất thành công!",
+        "exported_n_events_in_time": {
+            "one": "Đã xuất %(count)s sự kiện trong %(seconds)s giây",
+            "other": "Đã xuất %(count)s sự kiện trong %(seconds)s giây"
+        },
+        "exporting_your_data": "Đang xuất dữ liệu của bạn",
+        "fetched_n_events": {
+            "one": "Đã tìm thấy %(count)s sự kiện đến hiện tại",
+            "other": "Đã tìm thấy %(count)s sự kiện đến hiện tại"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Đã tìm thấy %(count)s sự kiện trong %(seconds)s giây",
+            "other": "Đã tìm thấy %(count)s sự kiện trong %(seconds)s giây"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Đã tìm thấy %(count)s sự kiện trong %(total)s",
+            "other": "Đã tìm thấy %(count)s sự kiện trong %(total)s"
+        },
+        "fetching_events": "Đang tìm các sự kiện…",
+        "file_attached": "Tệp được đính kèm",
+        "format": "Định dạng",
+        "from_the_beginning": "Ngày từ đầu",
+        "generating_zip": "Tạo ZIP",
+        "html": "HTML",
+        "html_title": "Dữ liệu được trích xuất",
+        "include_attachments": "Bao gồm các đính kèm",
+        "json": "JSON",
+        "media_omitted": "Phương tiện bị bỏ qua",
+        "media_omitted_file_size": "Phương tiện bị bỏ qua - kích thước tệp vượt quá giới hạn",
+        "messages": "Tin nhắn",
+        "next_page": "Nhóm tin nhắn sau",
+        "num_messages": "Số lượng tin nhắn",
+        "num_messages_min_max": "Số tin nhắn chỉ có thể là một số ở giữa %(min)s và %(max)s",
+        "number_of_messages": "Chỉ rõ một số tin nhắn",
+        "previous_page": "Nhóm tin nhắn trước",
+        "processing": "Đang xử lý…",
+        "processing_event_n": "Đang sử lý %(number)s sự kiện trong %(total)s",
+        "select_option": "Chọn các tùy chọn bên dưới để xuất các cuộc trò chuyện từ dòng thời gian của bạn",
+        "size_limit": "Giới hạn kích thước",
+        "size_limit_min_max": "Kích thước chỉ có thể là một số ở giữa %(min)s và %(max)s MB",
+        "starting_export": "Bắt đầu trích xuất…",
+        "successful": "Xuất thành công",
+        "successful_detail": "Việc xuất của bạn đã thành công. Tìm nó ở trong thư mục Tải xuống của bạn.",
+        "text": "Văn bản thuần",
+        "title": "Xuất trò chuyện",
+        "topic": "Chủ đề: %(topic)s",
+        "unload_confirm": "Bạn có chắc muốn thoát trong quá trinh xuất này?"
+    },
+    "failed_load_async_component": "Không thể tải dữ liệu! Kiểm tra kết nối mạng và thử lại.",
+    "feedback": {
+        "can_contact_label": "Bạn có thể liên hệ với tôi nếu bạn có bất kỳ câu hỏi tiếp theo nào",
+        "comment_label": "Bình luận",
+        "existing_issue_link": "Hãy xem các <existingIssuesLink>lỗi đã được phát hiện trên GitHub</existingIssuesLink> trước. Chưa ai từng gặp lỗi này? <newIssueLink>Báo lỗi mới</newIssueLink>.",
+        "may_contact_label": "Chúng tôi có thể liên hệ với bạn để cho phép bạn theo dõi hoặc thử nghiệm những tính năng sắp tới",
+        "platform_username": "Nền tảng ứng dụng và tên người dùng của bạn sẽ được ghi lại để giúp chúng tôi tiếp nhận phản hồi của bạn một cách tốt nhất có thể.",
+        "pro_type": "MẸO NHỎ: Nếu bạn là người đầu tiên gặp lỗi, vui lòng gửi <debugLogsLink>nhật ký gỡ lỗi</debugLogsLink> để giúp chúng tôi xử lý vấn đề.",
+        "send_feedback_action": "Gửi phản hồi",
+        "sent": "Đã gửi phản hồi"
+    },
+    "file_panel": {
+        "empty_description": "Đính kèm tệp từ cuộc trò chuyện hoặc chỉ cần kéo và thả chúng vào bất kỳ đâu trong phòng.",
+        "empty_heading": "Không có tệp nào hiển thị trong phòng này",
+        "guest_note": "Bạn phải đăng ký <a>register</a> để sử dụng chức năng này",
+        "peek_note": "Bạn phải tham gia vào phòng để xem các tệp của nó"
+    },
+    "forward": {
+        "filter_placeholder": "Tìm kiếm phòng hoặc người",
+        "message_preview_heading": "Xem trước tin nhắn",
+        "no_perms_title": "Bạn không có quyền làm điều này",
+        "open_room": "Mở phòng",
+        "send_label": "Gửi",
+        "sending": "Đang gửi",
+        "sent": "Đã gửi"
+    },
+    "identity_server": {
+        "change": "Đổi máy chủ định danh",
+        "change_prompt": "Ngắt kết nối với máy chủ định danh <current /> và thay vào đó kết nối với <new />?",
+        "change_server_prompt": "Nếu bạn không muốn sử dụng <server /> để khám phá và có thể phát hiện ra bởi các liên hệ hiện có mà bạn biết, hãy nhập một máy chủ nhận dạng khác bên dưới.",
+        "checking": "Kiểm tra máy chủ",
+        "description_connected": "Bạn hiện đang sử dụng <server></server> để khám phá và có thể khám phá những liên hệ hiện có mà bạn biết. Bạn có thể thay đổi máy chủ nhận dạng của mình bên dưới.",
+        "description_disconnected": "Bạn hiện không sử dụng máy chủ nhận dạng. Để khám phá và có thể khám phá các địa chỉ liên hệ hiện có mà bạn biết, hãy thêm một địa chỉ liên hệ bên dưới.",
+        "description_optional": "Sử dụng máy chủ định danh là tùy chọn. Nếu bạn chọn không sử dụng máy chủ định danh, bạn sẽ không thể bị phát hiện bởi những người dùng khác và bạn sẽ không thể mời người khác qua thư điện tử hoặc số điện thoại.",
+        "disconnect": "Ngắt kết nối máy chủ định danh",
+        "disconnect_anyway": "Vẫn ngắt kết nối",
+        "disconnect_offline_warning": "Bạn nên xóa dữ liệu cá nhân của mình <b>remove your personal data</b> khỏi máy chủ nhận dạng <idserver /> trước khi ngắt kết nối. Rất tiếc, máy chủ nhận dạng <idserver /> hiện đang ngoại tuyến hoặc không thể kết nối được.",
+        "disconnect_personal_data_warning_1": "Bạn vẫn đang chia sẻ dữ liệu cá nhân của mình <b>sharing your personal data</b> trên máy chủ nhận dạng <idserver />.",
+        "disconnect_personal_data_warning_2": "Chúng tôi khuyên bạn nên xóa địa chỉ thư điện tử và số điện thoại của mình khỏi máy chủ định danh trước khi ngắt kết nối.",
+        "disconnect_server": "Ngắt kết nối với máy chủ định danh <idserver />?",
+        "disconnect_warning": "Ngắt kết nối khỏi máy chủ định danh của bạn sẽ có nghĩa là bạn sẽ không xuất hiện trong tìm kiếm và bạn sẽ không thể mời người khác qua thư điện tử hoặc điện thoại.",
+        "do_not_use": "Không sử dụng máy chủ nhận dạng",
+        "error_connection": "Không thể kết nối với máy chủ xác thực",
+        "error_invalid": "Không phải là một máy chủ định danh hợp lệ (mã trạng thái %(code)s)",
+        "error_invalid_or_terms": "Điều khoản dịch vụ không được chấp nhận hoặc máy chủ định danh không hợp lệ.",
+        "no_terms": "Máy chủ định danh bạn đã chọn không có bất kỳ điều khoản dịch vụ nào.",
+        "suggestions": "Bạn nên:",
+        "suggestions_1": "kiểm tra các plugin trình duyệt của bạn để tìm bất kỳ thứ gì có thể chặn máy chủ nhận dạng (chẳng hạn như Privacy Badger)",
+        "suggestions_2": "liên hệ với quản trị viên của máy chủ nhận dạng <idserver />",
+        "suggestions_3": "đợi và thử lại sau",
+        "url": "Máy chủ định danh (%(server)s)",
+        "url_field_label": "Nhập một máy chủ nhận dạng mới",
+        "url_not_https": "URL máy chủ định danh phải là HTTPS"
+    },
+    "in_space": "Trong space %(spaceName)s.",
+    "in_space1_and_space2": "Trong các space %(space1Name)s và %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "Trong %(spaceName)s và %(count)s space khác.",
+        "other": "Trong %(spaceName)s và %(count)s space khác."
+    },
+    "incompatible_browser": {
+        "title": "Trình duyệt không được hỗ trợ"
+    },
+    "info_tooltip_title": "Thông tin",
+    "integration_manager": {
+        "connecting": "Đang kết nối tới quản lý tích hợp…",
+        "error_connecting": "Trình quản lý tích hợp đang ngoại tuyến hoặc không thể kết nối với Máy chủ của bạn.",
+        "error_connecting_heading": "Không thể kết nối với trình quản lý tích hợp",
+        "explainer": "Người quản lý tích hợp nhận dữ liệu cấu hình và có thể sửa đổi các tiện ích, gửi lời mời vào phòng và đặt mức năng lượng thay mặt bạn.",
+        "manage_title": "Quản lý các tích hợp",
+        "use_im": "Sử dụng trình quản lý tích hợp để quản lý bot, tiện ích và gói sticker cảm xúc.",
+        "use_im_default": "Sử dụng trình quản lý tích hợp <b>(%(serverName)s)</b> để quản lý bot, tiện ích và gói sticker cảm xúc."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Bật '%(manageIntegrations)s' trong cài đặt để thực hiện.",
+        "disabled_dialog_title": "Tích hợp đang bị tắt",
+        "impossible_dialog_description": "%(brand)s của bạn không cho phép bạn sử dụng trình quản lý tích hợp để thực hiện việc này. Vui lòng liên hệ với quản trị viên.",
+        "impossible_dialog_title": "Tích hợp không được phép"
+    },
+    "invite": {
+        "email_caption": "Mời qua thư điện tử",
+        "email_limit_one": "Chỉ có thể gửi một thư điện tử mời mỗi lần",
+        "email_use_default_is": "Sử dụng máy chủ nhận dạng để mời qua thư điện tử. <default>Sử dụng mặc định (%(defaultIdentityServerName)s)</default> hoặc quản lý trong mục Cài đặt <settings>Settings</settings>.",
+        "email_use_is": "Sử dụng máy chủ định danh để mời qua địa chỉ thư điện tử. Quản lý trong mục Cài đặt <settings>Settings</settings>.",
+        "error_already_invited_room": "Người dùng đã được mời vào phòng",
+        "error_already_invited_space": "Người dùng đã được mời vào space",
+        "error_already_joined_room": "Người dùng đã trong phòng",
+        "error_already_joined_space": "Người dùng đã trong space",
+        "error_bad_state": "Người dùng phải được gỡ cấm tham gia trước khi được mời.",
+        "error_dm": "Chúng tôi không thể tạo DM của bạn.",
+        "error_find_room": "Đã xảy ra sự cố khi cố mời người dùng.",
+        "error_find_user_description": "Những người dùng sau có thể không tồn tại hoặc không hợp lệ và không thể được mời: %(csvNames)s",
+        "error_find_user_title": "Không tìm thấy những người dùng sau",
+        "error_invite": "Chúng tôi không thể mời những người dùng đó. Vui lòng kiểm tra những người dùng bạn muốn mời và thử lại.",
+        "error_permissions_room": "Bạn không đủ quyền để mời người khác vào phòng chat.",
+        "error_permissions_space": "Bạn không có quyền để mời mọi người vào space này.",
+        "error_profile_undisclosed": "Người dùng có thể hoặc không tồn tại",
+        "error_transfer_multiple_target": "Một cuộc gọi chỉ có thể được chuyển đến một người dùng duy nhất.",
+        "error_unknown": "Lỗi máy chủ không xác định",
+        "error_user_not_found": "Người dùng không tồn tại",
+        "error_version_unsupported_room": "Phiên bản máy chủ nhà của người dùng không hỗ trợ phiên bản phòng này.",
+        "error_version_unsupported_space": "Máy chủ nhà của người dùng không hỗ trợ phiên bản của space.",
+        "failed_generic": "Tác vụ thất bại",
+        "failed_title": "Không thể mời",
+        "invalid_address": "Không nhận ra địa chỉ",
+        "name_email_mxid_share_room": "Mời ai đó bằng tên, địa chỉ thư điện tử, tên người dùng của họ (như <userId/>) hoặc chia sẻ phòng này <a>share this room</a>.",
+        "name_email_mxid_share_space": "Mời ai đó bằng tên, địa chỉ thư điện tử, tên người dùng của họ (như <userId/>) hoặc <a>chia sẻ space này</a>.",
+        "name_mxid_share_room": "Mời ai đó thông qua tên hiển thị, tên người dùng của họ (ví dụ <userId/>) hoặc <a>chia sẻ phòng này</a>.",
+        "name_mxid_share_space": "Mời ai đó sử dụng tên hiển thị, tên đăng nhập của họ (như <userId/>) hoặc <a>chia sẻ space này</a>.",
+        "recents_section": "Các cuộc trò chuyện gần đây",
+        "room_failed_partial": "Chúng tôi đã mời những người khác, nhưng những người dưới đây không thể được mời tham gia <RoomName/>",
+        "room_failed_partial_title": "Không thể gửi một số lời mời",
+        "room_failed_title": "Mời người dùng vào %(roomName)s thất bại",
+        "send_link_prompt": "Hoặc gửi liên kết mời",
+        "start_conversation_name_email_mxid_prompt": "Bắt đầu cuộc trò chuyện với ai đó bằng tên, địa chỉ thư điện tử hoặc tên người dùng của họ (như <userId/>).",
+        "start_conversation_name_mxid_prompt": "Bắt đầu cuộc trò chuyện với ai đó bằng tên hoặc tên người dùng của họ (như <userId/>).",
+        "suggestions_disclaimer": "Một số đề xuất có thể được ẩn để bảo mật.",
+        "suggestions_disclaimer_prompt": "Nếu bạn không thể thấy người bạn đang tìm, hãy gửi cho họ liên kết mời của bạn bên dưới.",
+        "suggestions_section": "Tin nhắn trực tiếp gần đây",
+        "to_room": "Mời tham gia %(roomName)s",
+        "to_space": "Mời tham gia %(spaceName)s",
+        "transfer_dial_pad_tab": "Bàn phím số",
+        "transfer_user_directory_tab": "Thư mục người dùng",
+        "unable_find_profiles_description_default": "Không thể tìm thấy hồ sơ cho ID Matrix được liệt kê bên dưới - bạn có muốn mời họ không?",
+        "unable_find_profiles_invite_label_default": "Vẫn mời",
+        "unable_find_profiles_invite_never_warn_label_default": "Vẫn mời và không bao giờ cảnh báo tôi nữa",
+        "unable_find_profiles_title": "Những người dùng sau có thể không tồn tại",
+        "unban_first_title": "Người dùng không thể được mời nếu không được bỏ cấm"
+    },
+    "inviting_user1_and_user2": "Mời %(user1)s và %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Đang mời %(user)s và 1 người khác",
+        "other": "Đang mời %(user)s và %(count)s người khác"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> và %(count)s mục khác",
+        "one": "<Items/> và một mục khác"
+    },
+    "keyboard": {
+        "activate_button": "Kích hoạt nút đã chọn",
+        "alt": "Alt",
+        "autocomplete_cancel": "Hủy tự động hoàn thành",
+        "backspace": "Phím lùi",
+        "cancel_reply": "Hủy trả lời tin nhắn",
+        "category_autocomplete": "Tự động hoàn thành",
+        "category_calls": "Cuộc gọi",
+        "category_navigation": "Dẫn đường",
+        "category_room_list": "Danh sách phòng",
+        "close_dialog_menu": "Đóng hộp thoại hoặc menu ngữ cảnh",
+        "composer_jump_end": "Chuyển đến cuối khung trò chuyện của người gửi",
+        "composer_jump_start": "Chuyển đến đầu khung trò chuyện của người gửi",
+        "composer_navigate_next_history": "Di chuyển đến tin nhắn kế trong lịch sử người gửi",
+        "composer_navigate_prev_history": "Di chuyển đến tin nhắn trước trong lịch sử người gửi",
+        "composer_new_line": "Dòng mới",
+        "composer_redo": "Tái chỉnh sửa",
+        "composer_toggle_bold": "Chuyển sang In đậm",
+        "composer_toggle_code_block": "Chuyển đổi khối mã",
+        "composer_toggle_italics": "Chuyển sang In nghiêng",
+        "composer_toggle_link": "Chuyển đổi liên kết",
+        "composer_toggle_quote": "Chuyển sang Trích dẫn",
+        "composer_undo": "Hoàn tác chỉnh sửa",
+        "control": "Phím Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Bỏ qua điểm đánh dấu đã đọc và chuyển xuống cuối",
+        "end": "Kết thúc",
+        "enter": "Vào",
+        "escape": "Thoát ra",
+        "go_home_view": "Chuyển đến Chế độ xem Trang chủ",
+        "home": "Nhà",
+        "jump_room_search": "Chuyển đến tìm kiếm phòng",
+        "jump_to_read_marker": "Chuyển đến tin nhắn chưa đọc cũ nhất",
+        "navigate_next_message_edit": "Di chuyển đến tin nhắn kế để điều chỉnh",
+        "navigate_prev_message_edit": "Di chuyển đến tin nhắn trước để điều chỉnh",
+        "number": "[con số]",
+        "open_user_settings": "Mở cài đặt người dùng",
+        "page_down": "Trang dưới",
+        "page_up": "Trang lên",
+        "room_list_collapse_section": "Thu gọn phần danh sách phòng",
+        "room_list_expand_section": "Mở rộng phần danh sách phòng",
+        "room_list_select_room": "Chọn phòng từ danh sách phòng",
+        "scroll_down_timeline": "Cuộn xuống trong dòng thời gian",
+        "scroll_up_timeline": "Cuộn lên trong dòng thời gian",
+        "search": "Tìm kiếm (phải được bật)",
+        "send_sticker": "Gửi nhãn dán",
+        "shift": "Phím Shift",
+        "space": "space",
+        "toggle_microphone_mute": "Chuyển đổi chế độ tắt tiếng micrô",
+        "toggle_right_panel": "Chuyển đổi bảng điều khiển bên phải",
+        "toggle_space_panel": "Chuyển đổi bảng điều khiển space",
+        "toggle_top_left_menu": "Chuyển đổi menu trên cùng bên trái",
+        "toggle_webcam_mute": "Bật/tắt webcam",
+        "upload_file": "Tải lên một tài liệu"
+    },
+    "labs": {
+        "ask_to_join": "Bật yêu cầu để tham gia",
+        "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.",
+        "beta_section": "Tính năng sắp tới",
+        "bridge_state": "Hiển thị thông tin về cầu trong cài đặt phòng",
+        "bridge_state_channel": "Kênh: <channelLink/>",
+        "bridge_state_creator": "Cầu này được cung cấp bởi <user />.",
+        "bridge_state_manager": "Cầu này được quản lý bởi <user />.",
+        "bridge_state_workspace": "Không gian làm việc(workspace): <networkLink/>",
+        "click_for_info": "Nhấp để có thêm thông tin",
+        "currently_experimental": "Hiện đang thử nghiệm.",
+        "custom_themes": "Hỗ trợ thêm các chủ đề tùy chỉnh",
+        "dynamic_room_predecessors": "Tiền nhiệm động cho phòng",
+        "element_call_video_rooms": "Phòng truyền hình Element Call",
+        "experimental_description": "Muốn trải nghiệm? Thử các ý tưởng mới nhất còn đang được phát triển của chúng tôi. Các tính năng này chưa được hoàn thiện, chúng có thể không ổn định, có thể thay đổi, hay bị loại bỏ hoàn toàn. <a>Tìm hiểu thêm</a>.",
+        "experimental_section": "Thử trước tính năng mới",
+        "feature_wysiwyg_composer_description": "Dùng văn bản giàu tính chất thay cho định dạng Markdown ở thanh soạn tin nhắn.",
+        "group_developer": "Nhà phát triển",
+        "group_encryption": "Mã hóa",
+        "group_experimental": "Thử nghiệm",
+        "group_messaging": "Tin nhắn",
+        "group_moderation": "Việc vận hành",
+        "group_profile": "Hồ sơ",
+        "group_rooms": "Phòng",
+        "group_spaces": "Không gian",
+        "group_themes": "Chủ đề",
+        "group_threads": "Chủ đề",
+        "group_voip": "Âm thanh & Hình ảnh",
+        "group_widgets": "Vật dụng",
+        "hidebold": "Ẩn dấu chấm thông báo (chỉ hiển thị bộ đếm)",
+        "join_beta": "Tham gia phiên bản beta",
+        "join_beta_reload": "Tham gia thử nghiệm sẽ tải lại %(brand)s.",
+        "jump_to_date": "Nhảy đến ngày (thêm lệnh /jumptodate và nhảy đến ngày)",
+        "jump_to_date_msc_support": "Yêu cầu máy chủ của bạn hỗ trợ MSC3030",
+        "latex_maths": "Kết xuất đồ họa toán học LaTeX trong tin nhắn",
+        "leave_beta": "Rời khỏi bản beta",
+        "leave_beta_reload": "Rời khỏi thử nghiệm sẽ tải lại %(brand)s.",
+        "location_share_live": "Chia sẻ vị trí thực",
+        "location_share_live_description": "Mới làm tạm. Vị trí lưu lại trong lịch sử phòng.",
+        "mjolnir": "Cách mới để ẩn người dùng",
+        "msc3531_hide_messages_pending_moderation": "Cho phép điều phối viên ẩn các tin nhắn đang chờ duyệt.",
+        "notification_settings": "Cài đặt thông báo mới",
+        "notification_settings_beta_title": "Cài đặt thông báo",
+        "sliding_sync": "Chế độ đồng bộ tối ưu (Sync v3)",
+        "sliding_sync_description": "Đang được phát triển tích cực, không thể vô hiệu.",
+        "sliding_sync_disabled_notice": "Đăng xuất và đăng nhập lại để vô hiệu hóa",
+        "sliding_sync_server_no_support": "Máy chủ của bạn không hoàn toàn hỗ trợ",
+        "video_rooms": "Phòng video",
+        "video_rooms_a_new_way_to_chat": "Một cách mới để trò chuyện bằng thoại và video trong %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Các phòng video là các kênh VoIP luôn bật được nhúng trong một phòng ở %(brand)s.",
+        "video_rooms_beta": "Phòng truyền hình là tính năng thử nghiệm",
+        "video_rooms_faq1_answer": "Sử dụng nút \"+\" trong khu vực phòng ở bảng điều khiển bên trái.",
+        "video_rooms_faq1_question": "Tôi có thể tạo một phòng video bằng cách nào?",
+        "video_rooms_faq2_answer": "Vâng, dòng thời gian trò chuyện được hiển thị cùng với video.",
+        "video_rooms_faq2_question": "Tôi có thể sử dụng nhắn tin cùng lúc với gọi video không?",
+        "wysiwyg_composer": "Trình soạn thảo văn bản giàu tính chất"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Các cài đặt này dành cho người dùng nâng cao.",
+        "ban_reason": "Bị bỏ qua / bị chặn",
+        "error_adding_ignore": "Lỗi khi thêm người dùng / máy chủ bị bỏ qua",
+        "error_adding_list_description": "Vui lòng xác minh ID hoặc địa chỉ phòng và thử lại.",
+        "error_adding_list_title": "Lỗi khi đăng ký danh sách",
+        "error_removing_ignore": "Lỗi khi xóa người dùng / máy chủ bị bỏ qua",
+        "error_removing_list_description": "Vui lòng thử lại hoặc xem bảng điều khiển của bạn để biết gợi ý.",
+        "error_removing_list_title": "Lỗi khi hủy đăng ký khỏi danh sách",
+        "explainer_1": "Thêm người dùng và máy chủ bạn muốn bỏ qua tại đây. Sử dụng dấu hoa thị để %(brand)s khớp với bất kỳ ký tự nào. Ví dụ: <code>@bot:*</code> sẽ bỏ qua tất cả người dùng có tên 'bot' trên bất kỳ máy chủ nào.",
+        "explainer_2": "Việc bỏ qua người khác được thực hiện thông qua danh sách cấm trong đó có các quy tắc về việc cấm người như thế nào. Đăng ký danh sách cấm có nghĩa là người dùng/máy chủ bị danh sách đó chặn sẽ bị ẩn với bạn.",
+        "lists": "Bạn hiện đã đăng ký:",
+        "lists_description_1": "Đăng ký vào danh sách cấm sẽ khiến bạn tham gia vào danh sách đó!",
+        "lists_description_2": "Nếu đây không phải là điều bạn muốn, vui lòng sử dụng một công cụ khác để bỏ qua người dùng.",
+        "lists_heading": "Danh sách đã đăng ký",
+        "lists_new_label": "ID phòng hoặc địa chỉ của danh sách cấm",
+        "no_lists": "Bạn chưa đăng ký bất kỳ danh sách nào",
+        "personal_description": "Danh sách cấm cá nhân của bạn chứa tất cả người dùng / máy chủ mà cá nhân bạn không muốn xem tin nhắn. Sau khi bỏ qua người dùng / máy chủ đầu tiên, một phòng mới sẽ hiển thị trong danh sách phòng của bạn tên là '%(myBanList)s'- ở trong phòng này sẽ giữ danh sách cấm có hiệu lực.",
+        "personal_empty": "Bạn đã không bỏ qua bất cứ ai.",
+        "personal_heading": "Danh sách cấm cá nhân",
+        "personal_new_label": "Máy chủ hoặc ID người dùng để bỏ qua",
+        "personal_new_placeholder": "ví dụ: @bot:* hoặc example.org",
+        "personal_section": "Bạn hiện đang bỏ qua:",
+        "room_name": "Danh sách Cấm của tôi",
+        "room_topic": "Đây là danh sách người dùng/máy chủ mà bạn đã chặn - đừng rời khỏi phòng!",
+        "rules_empty": "Không có",
+        "rules_server": "Quy tắc máy chủ",
+        "rules_title": "Quy tắc danh sách cấm - %(roomName)s",
+        "rules_user": "Quy tắc người dùng",
+        "something_went_wrong": "Đã xảy ra lỗi. Vui lòng thử lại hoặc xem bảng điều khiển của bạn để biết gợi ý.",
+        "title": "Người dùng bị bỏ qua",
+        "view_rules": "Xem các quy tắc"
+    },
+    "language_dropdown_label": "Danh sách ngôn ngữ",
+    "leave_room_dialog": {
+        "last_person_warning": "Bạn là người duy nhất ở đây. Nếu bạn rời, không ai có thể tham gia trong tương lai, kể cả bạn.",
+        "leave_room_question": "Bạn có chắc chắn muốn rời khỏi phòng '%(roomName)s' không?",
+        "leave_space_question": "Bạn có chắc chắn muốn để khoảng trắng '%(spaceName)s' không?",
+        "room_rejoin_warning": "Phòng này không công khai. Bạn sẽ không thể tham gia lại nếu không có lời mời.",
+        "space_rejoin_warning": "space này không công khai. Bạn sẽ không thể tham gia lại nếu không có lời mời."
+    },
+    "lightbox": {
+        "rotate_left": "Xoay trái",
+        "rotate_right": "Xoay phải",
+        "title": "Xem ảnh"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Homeserver này không được cấu hình để hiển thị bản đồ.",
+        "MapStyleUrlNotReachable": "Homeserver này không được cấu hình để hiển thị bản đồ chính xác, hoặc máy chủ bản đồ được cấu hình không thể kết nối.",
+        "WebGLNotEnabled": "Cần WebGL để hiển thị bản đồ, bạn hãy bật lên trong trình duyệt.",
+        "expand_map": "Mở rộng bản đồ",
+        "failed_generic": "Không tìm được vị trí của bạn. Hãy thử lại sau.",
+        "failed_load_map": "Không thể tải bản đồ",
+        "failed_permission": "%(brand)s không được cho phép để tìm vị trí của bạn. Vui lòng cho phép truy cập vị trí trong cài đặt trình duyệt của bạn.",
+        "failed_timeout": "Tìm vị trí của bạn mất quá lâu. Hãy thử lại sau.",
+        "failed_unknown": "Lỗi không xác định khi tìm vị trí của bạn. Hãy thử lại sau.",
+        "find_my_location": "Tìm vị trí của tôi",
+        "location_not_available": "Vị trí không có",
+        "map_feedback": "Phản hồi bản đồ",
+        "mapbox_logo": "Logo Mapbox",
+        "reset_bearing": "Đặt lại trục theo phương Bắc",
+        "share_button": "Chia sẻ vị trí",
+        "toggle_attribution": "Chuyển đổi thuộc tính"
+    },
+    "member_list": {
+        "filter_placeholder": "Lọc thành viên phòng",
+        "invite_button_no_perms_tooltip": "Bạn không có quyền mời người khác"
+    },
+    "member_list_back_action_label": "Thành viên phòng",
+    "message_edit_dialog_title": "Chỉnh sửa tin nhắn",
+    "mobile_guide": {
+        "toast_accept": "Sử dụng ứng dụng",
+        "toast_description": "%(brand)s đang thử nghiệm trên trình duyệt web di động. Để có trải nghiệm tốt hơn và các tính năng mới nhất, hãy sử dụng ứng dụng gốc miễn phí của chúng tôi.",
+        "toast_title": "Sử dụng ứng dụng để có trải nghiệm tốt hơn"
+    },
+    "no_more_results": "Không còn kết quả nào nữa",
+    "notif_panel": {
+        "empty_description": "Bạn không có thông báo nào hiển thị.",
+        "empty_heading": "Tất cả các bạn đều bị bắt"
+    },
+    "notifications": {
+        "all_messages": "Tất cả tin nhắn",
+        "all_messages_description": "Nhận thông báo cho mọi tin nhắn",
+        "class_global": "Toàn cầu",
+        "class_other": "Khác",
+        "default": "Mặc định",
+        "email_pusher_app_display_name": "Thông báo qua thư điện tử",
+        "enable_prompt_toast_description": "Bật thông báo trên màn hình",
+        "enable_prompt_toast_title": "Thông báo",
+        "enable_prompt_toast_title_from_message_send": "Đừng bỏ lỡ một câu trả lời",
+        "error_change_title": "Thay đổi cài đặt thông báo",
+        "keyword": "Từ khóa",
+        "keyword_new": "Từ khóa mới",
+        "level_activity": "Hoạt động",
+        "level_none": "Không có",
+        "level_unsent": "Chưa gửi",
+        "mark_all_read": "Đánh dấu tất cả đã đọc",
+        "mentions_and_keywords": "@đề cập & từ khóa",
+        "mentions_and_keywords_description": "Chỉ nhận thông báo với các đề cập và từ khóa được thiết lập trong <a>cài đặt</a> của bạn",
+        "mentions_keywords": "Đề cập & từ khóa",
+        "message_didnt_send": "Tin nhắn chưa gửi. Nhấn để biết thông tin.",
+        "mute_description": "Bạn sẽ không nhận bất kỳ thông báo nào"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s đang yêu cầu xác thực"
+    },
+    "onboarding": {
+        "create_room": "Tạo một cuộc trò chuyện nhóm",
+        "explore_rooms": "Khám phá các phòng chung",
+        "has_avatar_label": "Tuyệt vời, điều đó sẽ giúp mọi người biết đó là bạn",
+        "intro_byline": "Sở hữu các cuộc trò chuyện của bạn.",
+        "intro_welcome": "Chào mừng bạn đến với %(appName)s",
+        "no_avatar_label": "Thêm ảnh để mọi người biết đó là bạn.",
+        "send_dm": "Gửi tin nhắn trực tiếp",
+        "welcome_detail": "Bây giờ, hãy giúp bạn bắt đầu",
+        "welcome_user": "Chào mừng %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "Tin nhắn trong %(room)s",
+        "permalink_this_room": "Tin nhắn từ %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Tạo Cuộc thăm dò ý kiến",
+        "create_poll_title": "Tạo cuộc tham dò ý kiến",
+        "edit_poll_title": "Chỉnh sửa bỏ phiếu",
+        "end_description": "Bạn có chắc muốn kết thúc cuộc thăm dò ý kiến? Điều này sẽ hiển thị kết quả cuối cùng của cuộc thăm dò ý kiến và ngăn mọi người bỏ phiếu.",
+        "end_message": "Cuộc thăm dò ý kiến đã kết thúc. Câu trả lời đứng đầu: %(topAnswer)s",
+        "end_message_no_votes": "Cuộc thăm dò ý kiến đã kết thúc. Không có phiếu bầu được bỏ.",
+        "end_title": "Kết thúc cuộc thăm dò ý kiến",
+        "error_ending_description": "Xin lỗi, cuộc thăm dò ý kiến chưa kết thúc. Vui lòng thử lại.",
+        "error_ending_title": "Kết thúc cuộc thăm dò ý kiến thất bại",
+        "error_voting_description": "Xin lỗi, phiếu bầu của bạn đã không được đăng ký. Vui lòng thử lại.",
+        "error_voting_title": "Bỏ phiếu không đăng ký",
+        "failed_send_poll_description": "Xin lỗi, cuộc thăm dò mà bạn đã cố gắng tạo đã không được đăng.",
+        "failed_send_poll_title": "Đăng cuộc thăm dò thất bại",
+        "options_add_button": "Thêm tùy chọn",
+        "options_heading": "Tạo tùy chọn",
+        "options_label": "Tùy chọn %(number)s",
+        "options_placeholder": "Viết tùy chọn",
+        "topic_heading": "Câu hỏi hoặc chủ đề của thăm dò của bạn là gì?",
+        "topic_label": "Câu hỏi hoặc chủ đề",
+        "total_n_votes": {
+            "one": "%(count)s phiếu bầu. Bỏ phiếu để xem kết quả",
+            "other": "%(count)s phiếu bầu. Bỏ phiếu để xem kết quả"
+        },
+        "total_n_votes_voted": {
+            "one": "Dựa theo %(count)s phiếu bầu",
+            "other": "Dựa theo %(count)s phiếu bầu"
+        },
+        "total_no_votes": "Không có phiếu",
+        "type_closed": "Bỏ phiếu kín",
+        "type_heading": "Hình thức bỏ phiếu",
+        "type_open": "Bỏ phiếu công khai"
+    },
+    "power_level": {
+        "admin": "Quản trị viên",
+        "custom": "Tùy chỉnh (%(level)s)",
+        "custom_level": "Cấp độ tùy chọn",
+        "default": "Mặc định",
+        "label": "Cấp độ sức mạnh",
+        "moderator": "Điều phối viên",
+        "restricted": "Bị hạn chế"
+    },
+    "powered_by_matrix": "Chạy trên giao thức Matrix",
+    "presence": {
+        "away": "Vắng mặt",
+        "busy": "Bận",
+        "idle": "Nhàn rỗi",
+        "idle_for": "Không hoạt động trong %(duration)s",
+        "offline": "Ngoại tuyến",
+        "offline_for": "Offline trong %(duration)s",
+        "online": "Trực tuyến",
+        "online_for": "Online trong %(duration)s",
+        "unknown": "Không xác định",
+        "unknown_for": "Không xác định trong %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "Tất cả cài đặt",
+        "sidebar_settings": "Thêm tùy chọn",
+        "title": "Cài đặt nhanh"
+    },
+    "quit_warning": {
+        "call_in_progress": "Có vẻ như bạn đang tham gia một cuộc gọi, bạn có chắc chắn muốn thoát không?",
+        "file_upload_in_progress": "Có vẻ như bạn đang tải tệp lên, bạn có chắc chắn muốn thoát không?"
+    },
+    "redact": {
+        "confirm_button": "Xác nhận Loại bỏ",
+        "error": "Bạn không thể xóa tin nhắn này.  (%(code)s)",
+        "ongoing": "Đang xóa…",
+        "reason_label": "Lý do (không bắt buộc)"
+    },
+    "report_content": {
+        "description": "Báo cáo thông báo này sẽ gửi 'ID sự kiện' duy nhất của nó đến quản trị viên của máy chủ của bạn. Nếu tin nhắn trong phòng này được mã hóa, quản trị viên máy chủ của bạn sẽ không thể đọc nội dung tin nhắn hoặc xem bất kỳ tệp hoặc hình ảnh nào.",
+        "ignore_user": "Tảng lờ người dùng",
+        "missing_reason": "Vui lòng điền lý do bạn đang báo cáo.",
+        "report_content_to_homeserver": "Báo cáo Nội dung cho Quản trị viên Máy chủ Trang chủ của Bạn"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Không giải mã được phiên %(failedCount)s !",
+        "count_of_successfully_restored_keys": "Đã khôi phục thành công các khóa %(sessionCount)s",
+        "enter_key_description": "Truy cập lịch sử tin nhắn an toàn của bạn và thiết lập nhắn tin an toàn bằng cách nhập Khóa bảo mật của bạn.",
+        "enter_key_title": "Nhập khóa bảo mật",
+        "enter_phrase_description": "Truy cập lịch sử tin nhắn an toàn của bạn và thiết lập nhắn tin an toàn bằng cách nhập Cụm từ bảo mật của bạn.",
+        "enter_phrase_title": "Nhập cụm từ bảo mật",
+        "incorrect_security_phrase_dialog": "Không thể giải mã bản sao lưu bằng Cụm từ bảo mật này: vui lòng xác minh rằng bạn đã nhập đúng Cụm từ bảo mật.",
+        "incorrect_security_phrase_title": "Cụm từ bảo mật không chính xác",
+        "key_backup_warning": "Cảnh báo <b>Warning</b>: bạn chỉ nên thiết lập sao lưu khóa từ một máy tính đáng tin cậy.",
+        "key_fetch_in_progress": "Đang lấy các khóa từ máy chủ…",
+        "key_forgotten_text": "Nếu bạn quên Khóa bảo mật của mình, bạn có thể thiết lập các tùy chọn khôi phục mới <button>set up new recovery options</button>",
+        "key_is_invalid": "Không phải là khóa bảo mật hợp lệ",
+        "key_is_valid": "Đây có vẻ như là một Khóa bảo mật hợp lệ!",
+        "keys_restored_title": "Các phím đã được khôi phục",
+        "load_error_content": "Không thể tải trạng thái sao lưu",
+        "load_keys_progress": "Đã khôi phục%(completed)s trong số %(total)s khóa",
+        "no_backup_error": "Không tìm thấy bản sao lưu!",
+        "phrase_forgotten_text": "Nếu bạn quên Cụm từ bảo mật, bạn có thể sử dụng Khóa bảo mật của mình <button1>use your Security Key</button1> hoặc thiết lập các tùy chọn khôi phục mới <button2>set up new recovery options</button2>",
+        "recovery_key_mismatch_description": "Không thể giải mã bản sao lưu bằng Khóa bảo mật này: vui lòng xác minh rằng bạn đã nhập đúng Khóa bảo mật.",
+        "recovery_key_mismatch_title": "Khóa bảo mật không khớp",
+        "restore_failed_error": "Không thể khôi phục bản sao lưu"
+    },
+    "right_panel": {
+        "add_integrations": "Thêm các widget, bridge và bot",
+        "pinned_messages": {
+            "limits": {
+                "other": "Bạn chỉ có thể ghim tối đa %(count)s widget"
+            }
+        },
+        "pinned_messages_button": "Đã ghim",
+        "poll": {
+            "active_heading": "Các cuộc bỏ phiếu hiện tại",
+            "final_result": {
+                "one": "Kết quả cuối cùng dựa trên %(count)s phiếu bầu",
+                "other": "Kết quả cuối cùng dựa trên %(count)s phiếu bầu"
+            },
+            "past_heading": "Các cuộc bỏ phiếu trước",
+            "view_in_timeline": "Xem cuộc bỏ phiếu trong dòng thời gian"
+        },
+        "polls_button": "Lịch sử bỏ phiếu",
+        "room_summary_card": {
+            "title": "Thông tin phòng"
+        },
+        "thread_list": {
+            "context_menu_label": "Tùy chọn theo chủ đề"
+        },
+        "video_room_chat": {
+            "title": "Trò chuyện"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Lời mời này đã được gửi đến %(email)s nhưng không liên kết với tài khoản của bạn",
+        "3pid_invite_email_not_found_account_room": "Lời mời đến %(roomName)s này đã được gửi đến %(email)s nhưng không liên kết với tài khoản của bạn",
+        "3pid_invite_error_invite_action": "Cố gắng tham gia bằng mọi cách",
+        "3pid_invite_error_invite_subtitle": "Bạn chỉ có thể tham gia nó với một lời mời làm việc.",
+        "3pid_invite_error_public_subtitle": "Bạn vẫn có thể tham gia.",
+        "3pid_invite_error_title": "Đã xảy ra sự cố với lời mời của bạn.",
+        "3pid_invite_error_title_room": "Đã xảy ra sự cố với lời mời của bạn vào %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Sử dụng máy chủ nhận dạng trong Cài đặt để nhận lời mời trực tiếp trong %(brand)s.",
+        "banned_by": "Bạn đã bị cấm bởi %(memberName)s",
+        "banned_from_room_by": "Bạn đã bị cấm ở %(roomName)s bởi %(memberName)s",
+        "context_menu": {
+            "copy_link": "Sao chép liên kết phòng",
+            "favourite": "Yêu thích",
+            "forget": "Quên phòng",
+            "low_priority": "Ưu tiên thấp",
+            "mark_read": "Đánh dấu đã đọc",
+            "notifications_default": "Theo cài đặt mặc định",
+            "notifications_mute": "Tắt tiếng phòng",
+            "title": "Tùy chọn phòng",
+            "unfavourite": "Được yêu thích"
+        },
+        "dm_invite_action": "Bắt đầu trò chuyện",
+        "dm_invite_subtitle": "<userName/> muốn trò chuyện",
+        "dm_invite_title": "Bạn có muốn trò chuyện với %(user)s?",
+        "drop_file_prompt": "Thả tệp vào đây để tải lên",
+        "edit_topic": "Sửa chủ đề",
+        "error_cancel_knock_title": "Không hủy được",
+        "error_join_403": "Bạn cần được mời để truy cập phòng này.",
+        "error_join_404_1": "Bạn tìm cách tham gia một phòng bằng định danh (ID) phòng nhưng không cung cấp danh sách các máy chủ để tham gia qua. Định danh phòng là nội bộ và không thể được dùng để tham gia phòng mà không có thông tin thêm.",
+        "error_join_404_2": "Nếu bạn biết địa chỉ phòng, hãy dùng nó để tham gia.",
+        "error_join_404_invite": "Người đã mời bạn vừa mới rời khỏi, hoặc thiết bị của họ đang ngoại tuyến.",
+        "error_join_404_invite_same_hs": "Người đã mời bạn vừa mới rời khỏi.",
+        "error_join_connection": "Đã xảy ra lỗi khi tham gia.",
+        "error_join_incompatible_version_1": "Xin lỗi, homeserver của bạn quá cũ để tham gia vào đây.",
+        "error_join_incompatible_version_2": "Vui lòng liên hệ quản trị viên homeserver của bạn.",
+        "error_join_title": "Tham gia thất bại",
+        "error_jump_to_date_details": "Chi tiết lỗi",
+        "face_pile_summary": {
+            "one": "%(count)s người bạn đã biết vừa tham gia",
+            "other": "%(count)s người bạn đã biết vừa tham gia"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Xem một thành viên",
+            "other": "Xem tất cả %(count)s thành viên"
+        },
+        "face_pile_tooltip_shortcut": "Bao gồm %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Bao gồm bạn, %(commaSeparatedMembers)s",
+        "failed_reject_invite": "Không thể từ chối lời mời",
+        "forget_room": "Quên phòng này đi",
+        "forget_space": "Quên space này",
+        "header": {
+            "room_is_public": "Phòng này là công cộng"
+        },
+        "inaccessible": "Phòng hoặc space này không thể truy cập được bây giờ.",
+        "inaccessible_name": "Không thể truy cập %(roomName)s vào lúc này.",
+        "intro": {
+            "dm_caption": "Chỉ có hai người trong cuộc trò chuyện này, trừ khi một trong hai người mời bất kỳ ai tham gia.",
+            "enable_encryption_prompt": "Bật mã hóa trong phần cài đặt.",
+            "encrypted_3pid_dm_pending_join": "Một khi mọi người đã vào, bạn có thể bắt đầu trò chuyện",
+            "no_avatar_label": "Thêm ảnh để mọi người có thể dễ dàng nhận ra phòng của bạn.",
+            "no_topic": "Thêm chủ đề <a>Add a topic</a> để giúp mọi người biết nội dung là gì.",
+            "private_unencrypted_warning": "Các tin nhắn riêng tư của bạn thường được mã hóa, nhưng phòng này thì không. Thường thì điều này là do thiết bị không được hỗ trợ hoặc phương pháp đang được dùng, như các lời mời qua thư điện tử.",
+            "room_invite": "Mời chỉ vào phòng này",
+            "send_message_start_dm": "Gửi tin nhắn đầu tiên để mời <displayName/> vào cuộc trò chuyện",
+            "start_of_dm_history": "Đây là phần bắt đầu của lịch sử tin nhắn trực tiếp của bạn với <displayName/>.",
+            "start_of_room": "Đây là phần bắt đầu của <roomName/>.",
+            "unencrypted_warning": "Mã hóa đầu-cuối chưa được bật",
+            "user_created": "%(displayName)s đã tạo phòng này.",
+            "you_created": "Bạn đã tạo phòng này."
+        },
+        "invite_email_mismatch_suggestion": "Chia sẻ địa chỉ thư điện tử này trong Cài đặt để nhận lời mời trực tiếp trong %(brand)s.",
+        "invite_sent_to_email": "Lời mời này đã được gửi tới %(email)s",
+        "invite_sent_to_email_room": "Lời mời đến %(roomName)s này đã được gửi tới %(email)s",
+        "invite_subtitle": "<userName/> đã mời bạn",
+        "invite_this_room": "Mời vào phòng này",
+        "invite_title": "Bạn có muốn tham gia %(roomName)s không?",
+        "inviter_unknown": "Không xác định",
+        "invites_you_text": "<inviter /> mời bạn",
+        "join_button_account": "Đăng Ký",
+        "join_failed_needs_invite": "Để xem %(roomName)s, bạn cần một lời mời",
+        "join_the_discussion": "Tham gia thảo luận",
+        "join_title": "Tham gia phòng để tương tác",
+        "join_title_account": "Tham gia cuộc trò chuyện bằng một tài khoản",
+        "joining": "Đang tham gia…",
+        "joining_room": "Đang tham gia phòng…",
+        "joining_space": "Đang tham gia space…",
+        "jump_read_marker": "Chuyển đến tin nhắn chưa đọc đầu tiên.",
+        "jump_to_bottom_button": "Di chuyển đến các tin nhắn gần đây nhất",
+        "kick_reason": "Lý do: %(reason)s",
+        "kicked_by": "Bạn đã bị loại bởi %(memberName)s",
+        "kicked_from_room_by": "Bạn đã bị loại khỏi %(roomName)s bởi %(memberName)s",
+        "leave_error_title": "Lỗi khi rời khỏi phòng",
+        "leave_server_notices_description": "Phòng này được sử dụng cho các tin nhắn quan trọng từ máy chủ, vì vậy bạn không thể rời khỏi nó.",
+        "leave_server_notices_title": "Không thể rời khỏi phòng Thông báo máy chủ",
+        "leave_unexpected_error": "Lỗi máy chủ không mong muốn khi cố gắng rời khỏi phòng",
+        "link_email_to_receive_3pid_invite": "Liên kết địa chỉ thư điện tử này với tài khoản của bạn trong Cài đặt để nhận lời mời trực tiếp trong %(brand)s.",
+        "loading_preview": "Đang tải xem trước",
+        "no_peek_join_prompt": "Không thể xem trước %(roomName)s. Bạn có muốn tham gia nó không?",
+        "no_peek_no_name_join_prompt": "Không xem trước được, bạn có muốn tham gia?",
+        "not_found_subtitle": "Bạn có chắc là bạn đang ở đúng chỗ?",
+        "not_found_title": "Phòng này hay space này không tồn tại.",
+        "not_found_title_name": "%(roomName)s không tồn tại.",
+        "peek_join_prompt": "Bạn đang xem trước %(roomName)s. Bạn muốn tham gia nó?",
+        "read_topic": "Bấm để xem chủ đề",
+        "rejecting": "Từ chối lời mời…",
+        "rejoin_button": "Tham gia lại",
+        "search": {
+            "all_rooms_button": "Tìm tất cả phòng",
+            "this_room_button": "Tìm trong phòng này"
+        },
+        "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."
+        },
+        "upgrade_error_description": "Kiểm tra kỹ xem máy chủ của bạn có hỗ trợ phiên bản phòng đã chọn hay không và thử lại.",
+        "upgrade_error_title": "Lỗi khi nâng cấp phòng",
+        "upgrade_warning_bar": "Việc nâng cấp phòng này sẽ đóng phiên bản hiện tại của phòng và tạo một phòng được nâng cấp có cùng tên.",
+        "upgrade_warning_bar_admins": "Chỉ quản trị viên phòng mới thấy cảnh báo này",
+        "upgrade_warning_bar_unstable": "Phòng này đang chạy phiên bản phòng <roomVersion /> mà máy chủ này đã đánh dấu là không ổn định <i>unstable</i>.",
+        "upgrade_warning_bar_upgraded": "Phòng này đã được nâng cấp.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Đang tải lên %(filename)s và %(count)s tập tin khác",
+                "other": "Đang tải lên %(filename)s và %(count)s tập tin khác"
+            },
+            "uploading_single_file": "Đang tải lên %(filename)s"
+        }
+    },
+    "room_list": {
+        "add_space_label": "Thêm space",
+        "failed_add_tag": "Không thêm được thẻ %(tagName)s vào phòng",
+        "failed_remove_tag": "Không xóa được thẻ %(tagName)s khỏi phòng",
+        "notification_options": "Tùy chọn thông báo",
+        "show_less": "Hiện ít hơn"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Lựa chọn ai được xem và tham gia %(spaceName)s.",
+            "title": "Truy cập"
+        },
+        "advanced": {
+            "error_upgrade_description": "Không thể hoàn thành việc nâng cấp phòng",
+            "error_upgrade_title": "Không nâng cấp được phòng",
+            "information_section_room": "Thông tin phòng",
+            "information_section_space": "Thông tin Space",
+            "room_id": "Định danh riêng của phòng",
+            "room_predecessor": "Xem các tin nhắn cũ hơn trong %(roomName)s.",
+            "room_upgrade_button": "Nâng cấp phòng này lên phiên bản phòng được đề xuất",
+            "room_upgrade_warning": "<b>Cảnh báo</b>: nâng cấp một phòng sẽ <i>không tự động đưa thành viên sang phiên bản mới của phòng.</i> Chúng tôi đăng liên kết tới phòng mới trong phòng cũ - thành viên sẽ cần nhấp vào liên kết để tham gia phòng mới.",
+            "room_version": "Phiên bản phòng:",
+            "room_version_section": "Phiên bản phòng",
+            "space_predecessor": "Xem phiên bản cũ của %(spaceName)s.",
+            "space_upgrade_button": "Nâng cấp phòng tới phiên bản được khuyến nghị",
+            "unfederated": "Phòng này không thể truy cập từ xa bằng máy chủ Matrix",
+            "upgrade_button": "Nâng cấp phòng này lên phiên bản %(version)s",
+            "upgrade_dialog_description": "Nâng cấp phòng này yêu cầu đóng cửa phiên bản hiện tại của phòng và tạo một phòng mới ở vị trí của nó. Để mang đến cho các thành viên trong phòng trải nghiệm tốt nhất có thể, chúng tôi sẽ:",
+            "upgrade_dialog_description_1": "Tạo một phòng mới có cùng tên, mô tả và hình đại diện",
+            "upgrade_dialog_description_2": "Cập nhật bất kỳ bí danh phòng cục bộ nào để trỏ đến phòng mới",
+            "upgrade_dialog_description_3": "Ngăn người dùng nói trong phiên bản cũ của phòng và đăng thông báo khuyên người dùng chuyển sang phòng mới",
+            "upgrade_dialog_description_4": "Đặt một liên kết trở lại phòng cũ ở đầu phòng mới để mọi người có thể xem các tin nhắn cũ",
+            "upgrade_dialog_title": "Nâng cấp phiên bản phòng",
+            "upgrade_dwarning_ialog_title_public": "Nâng cấp phòng công cộng",
+            "upgrade_warning_dialog_description": "Nâng cấp phòng là một hành động nâng cao và thường được khuyến nghị khi phòng không ổn định do lỗi, thiếu tính năng hoặc lỗ hổng bảo mật.",
+            "upgrade_warning_dialog_explainer": "<b> Xin lưu ý rằng việc nâng cấp sẽ tạo ra một phiên bản mới của phòng </b>. Tất cả các tin nhắn hiện tại sẽ ở trong phòng lưu trữ này.",
+            "upgrade_warning_dialog_footer": "Bạn sẽ nâng cấp phòng này từ <oldVersion /> thành <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Tự động mời các thành viên từ phòng này đến phòng mới",
+            "upgrade_warning_dialog_report_bug_prompt": "Điều này thường chỉ ảnh hưởng đến cách xử lý phòng trên máy chủ. Nếu bạn đang gặp sự cố với %(brand)s của mình, vui lòng báo cáo lỗi.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "Điều này thường chỉ ảnh hưởng đến cách xử lý phòng trên máy chủ. Nếu bạn đang gặp sự cố với %(brand)s của mình, vui lòng báo cáo lỗi <a>report a bug</a>.",
+            "upgrade_warning_dialog_title_private": "Nâng cấp phòng riêng tư"
+        },
+        "alias_not_specified": "không được chỉ định",
+        "bridges": {
+            "description": "Căn phòng này là cầu nối thông điệp đến các nền tảng sau. Tìm hiểu thêm <a>Learn more.</a>",
+            "empty": "Phòng này không nối các tin nhắn đến bất kỳ nền tảng nào. <a>Tìm hiểu thêm</a>",
+            "title": "Cầu nối"
+        },
+        "delete_avatar_label": "Xoá ảnh đại diện",
+        "general": {
+            "alias_field_has_domain_invalid": "Thiếu dấu tách tên miền. Ví dụ: (:domain.org)",
+            "alias_field_has_localpart_invalid": "Thiếu tên phòng hoặc dấu cách. Ví dụ: (my-room:domain.org)",
+            "alias_field_matches_invalid": "Địa chỉ này không trỏ đến phòng này",
+            "alias_field_placeholder_default": "ví dụ: phòng của tôi my-room",
+            "alias_field_required_invalid": "Vui lòng cung cấp địa chỉ",
+            "alias_field_safe_localpart_invalid": "Một số ký tự không được phép",
+            "alias_field_taken_invalid": "Địa chỉ này có máy chủ không hợp lệ hoặc đã được sử dụng",
+            "alias_field_taken_invalid_domain": "Địa chỉ này đã được sử dụng",
+            "alias_field_taken_valid": "Địa chỉ này có sẵn để sử dụng",
+            "alias_heading": "Địa chỉ phòng",
+            "aliases_items_label": "Các địa chỉ công khai khác:",
+            "aliases_no_items_label": "Chưa có địa chỉ đã xuất bản nào khác, hãy thêm một địa chỉ bên dưới",
+            "aliases_section": "Các địa chỉ Phòng",
+            "avatar_field_label": "Hình đại diện phòng",
+            "canonical_alias_field_label": "Địa chỉ chính",
+            "description_space": "Chỉnh sửa cài đặt liên quan đến space của bạn.",
+            "error_creating_alias_description": "Đã xảy ra lỗi khi tạo địa chỉ đó. Nó có thể không được máy chủ cho phép hoặc xảy ra lỗi tạm thời.",
+            "error_creating_alias_title": "Lỗi khi tạo địa chỉ",
+            "error_deleting_alias_description": "Đã xảy ra lỗi khi xóa địa chỉ đó. Nó có thể không còn tồn tại hoặc một lỗi tạm thời xảy ra.",
+            "error_deleting_alias_description_forbidden": "Bạn không có quyền xóa địa chỉ.",
+            "error_deleting_alias_title": "Lỗi khi xóa địa chỉ",
+            "error_save_space_settings": "Không thể lưu cài đặt space.",
+            "error_updating_alias_description": "Đã xảy ra lỗi khi cập nhật địa chỉ thay thế của phòng. Nó có thể không được máy chủ cho phép hoặc xảy ra lỗi tạm thời.",
+            "error_updating_canonical_alias_description": "Đã xảy ra lỗi khi cập nhật địa chỉ chính của phòng. Nó có thể không được máy chủ cho phép hoặc xảy ra lỗi tạm thời.",
+            "error_updating_canonical_alias_title": "Lỗi khi cập nhật địa chỉ chính",
+            "leave_space": "Rời khỏi Space",
+            "local_alias_field_label": "Địa chỉ địa phương",
+            "local_aliases_explainer_room": "Đặt địa chỉ cho phòng này để người dùng có thể tìm thấy phòng này thông qua máy chủ của bạn (%(localDomain)s)",
+            "local_aliases_explainer_space": "Đặt địa chỉ cho space này để người dùng có thể tìm thấy space này thông qua máy chủ của bạn (%(localDomain)s)",
+            "local_aliases_section": "Các địa chỉ địa phương",
+            "name_field_label": "Tên phòng",
+            "new_alias_placeholder": "Địa chỉ không khai mới",
+            "no_aliases_room": "Phòng này không có địa chỉ địa phương",
+            "no_aliases_space": "space này không có địa chỉ cục bộ",
+            "other_section": "Khác",
+            "publish_toggle": "Xuất bản phòng này cho công chúng trong thư mục phòng của %(domain)s?",
+            "published_aliases_description": "Để xuất bản một địa chỉ, trước tiên nó cần được đặt làm địa chỉ cục bộ.",
+            "published_aliases_explainer_room": "Bất kỳ ai trên bất kỳ máy chủ nào cũng có thể sử dụng các địa chỉ đã xuất bản để tham gia vào phòng của bạn.",
+            "published_aliases_explainer_space": "Địa chỉ đã xuất bản có thể được sử dụng bởi bất kỳ ai trên bất kỳ máy chủ nào để tham gia space của bạn.",
+            "published_aliases_section": "Các địa chỉ công khai",
+            "save": "Lưu thay đổi",
+            "topic_field_label": "Chủ đề phòng"
+        },
+        "notifications": {
+            "browse_button": "Duyệt qua",
+            "custom_sound_prompt": "Đặt âm thanh tùy chỉnh mới",
+            "notification_sound": "Âm thanh thông báo",
+            "settings_link": "Nhận thông báo như được thiết lập trong <a>cài đặt</a> của bạn",
+            "sounds_section": "Âm thanh",
+            "upload_sound_label": "Tải lên âm thanh tùy chỉnh",
+            "uploaded_sound": "Đã tải lên âm thanh"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Cho người trong phòng này nhiều quyền hơn",
+            "add_privileged_user_filter_placeholder": "Tìm người trong phòng…",
+            "add_privileged_user_heading": "Thêm người dùng quyền lực",
+            "ban": "Cấm người dùng",
+            "ban_reason": "Lý do",
+            "banned_by": "Bị cấm bởi %(displayName)s",
+            "banned_users_section": "Người dùng bị cấm",
+            "error_changing_pl_description": "Đã xảy ra lỗi khi thay đổi mức năng lượng của người dùng. Đảm bảo bạn có đủ quyền và thử lại.",
+            "error_changing_pl_reqs_description": "Đã xảy ra lỗi khi thay đổi yêu cầu mức công suất của phòng. Đảm bảo bạn có đủ quyền và thử lại.",
+            "error_changing_pl_reqs_title": "Lỗi khi thay đổi yêu cầu mức nguồn",
+            "error_changing_pl_title": "Lỗi khi thay đổi mức công suất",
+            "error_unbanning": "Không thể bỏ cấm",
+            "events_default": "Gửi tin nhắn",
+            "invite": "Mời người dùng",
+            "kick": "Loại bỏ người dùng",
+            "m.call": "Bắt đầu %(brand)s cuộc gọi",
+            "m.call.member": "Tham gia %(brand)s cuộc gọi",
+            "m.reaction": "Gửi phản hồi",
+            "m.room.avatar": "Thay đổi hình đại diện phòng",
+            "m.room.avatar_space": "Đổi ảnh đại diện của không gian",
+            "m.room.canonical_alias": "Thay đổi địa chỉ chính của phòng",
+            "m.room.canonical_alias_space": "Đổi địa chỉ chính cho không gian",
+            "m.room.encryption": "Bật mã hóa phòng chat",
+            "m.room.history_visibility": "Thay đổi xem lịch sử phòng",
+            "m.room.name": "Thay đổi tên phòng",
+            "m.room.name_space": "Thay đổi tên không gian",
+            "m.room.pinned_events": "Quản lý các sự kiện được ghim",
+            "m.room.power_levels": "Thay đổi quyền hạn",
+            "m.room.redaction": "Xóa các tin nhắn của tôi",
+            "m.room.server_acl": "Thay đổi ACL máy chủ",
+            "m.room.tombstone": "Nâng cấp phòng",
+            "m.room.topic": "Thay đổi chủ đề",
+            "m.room.topic_space": "Thay đổi mô tả",
+            "m.space.child": "Quản lý các phòng trong space này",
+            "m.widget": "Thay đổi widget",
+            "muted_users_section": "Người dùng bị tắt tiếng",
+            "no_privileged_users": "Không có người dùng nào có đặc quyền cụ thể trong phòng này",
+            "notifications.room": "Thông báo mọi người",
+            "permissions_section": "Quyền hạn",
+            "permissions_section_description_room": "Chọn vai trò được yêu cầu để thay đổi thiết lập của phòng",
+            "permissions_section_description_space": "Chọn các vai trò cần thiết để thay đổi các phần khác nhau trong space",
+            "privileged_users_section": "Người dùng đặc quyền",
+            "redact": "Xóa tin nhắn gửi bởi người khác",
+            "send_event_type": "Gửi %(eventType)s sự kiện",
+            "state_default": "Thay đổi thiết lập",
+            "title": "Vai trò & Quyền",
+            "users_default": "Vai trò mặc định"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "Khi được bật, việc mã hóa cho một phòng không thể hủy. Các tin nhắn được gửi trong phòng mã hóa không thể được thấy từ phía máy chủ, chỉ những người tham gia trong phòng thấy. Bật mã hóa có thể ngăn chặn các bot và bridge làm việc chính xác. <a> Tìm hiểu thêm về mã hóa.</a>",
+            "enable_encryption_confirm_title": "Bật mã hóa?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Không nên bật mã hóa cho các phòng công cộng.</b> Bất kỳ ai cũng có thể tìm và tham gia các phòng công cộng, nên họ có thể đọc các tin nhắn. Bạn sẽ không có được lợi ích của mã hóa, và bạn không thể tắt mã hóa sau này. Mã hóa tin nhắn ở phòng công cộng khiến cho nhận gửi tin nhắn chậm hơn.",
+            "enable_encryption_public_room_confirm_description_2": "Để tránh các sự cố này, tạo một <a>phòng mã hóa mới</a> cho cuộc trò chuyện bạn dự định có.",
+            "enable_encryption_public_room_confirm_title": "Bạn có chắc muốn mã hóa phòng công cộng này?",
+            "encrypted_room_public_confirm_description_1": "<b>Không được khuyến nghị làm công khai các phòng mã hóa.</b> Điều đó có nghĩa bất cứ ai có thể tìm thấy và tham gia vào phòng, vì vậy bất cứ ai có thể đọc được các tin nhắn. Bạn sẽ không nhận được lợi ích gì của việc mã hóa. Mã hóa các tin nhắn trong phòng công cộng sẽ làm cho việc nhận và gửi các tin nhắn chậm hơn.",
+            "encrypted_room_public_confirm_description_2": "Để tránh các sự cố này, tạo một <a> phòng công cộng mới</a> cho cuộc trò chuyện bạn dự định có.",
+            "encrypted_room_public_confirm_title": "Bạn có chắc muốn công khai phòng mã hóa này?",
+            "encryption_forced": "Máy chủ của bạn yêu cầu mã hóa phải được vô hiệu hóa.",
+            "encryption_permanent": "Sau khi được bật, mã hóa không thể bị vô hiệu hóa.",
+            "error_join_rule_change_title": "Cập nhật quy tắc tham gia thất bại",
+            "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_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.",
+            "history_visibility_world_readable": "Bất kỳ ai",
+            "join_rule_description": "Quyết định ai có thể tham gia %(roomName)s.",
+            "join_rule_invite": "Riêng tư (chỉ mời)",
+            "join_rule_invite_description": "Chỉ những người được mời mới có thể tham gia.",
+            "join_rule_knock": "Yêu cầu để tham gia",
+            "join_rule_knock_description": "Người khác không thể tham gia khi chưa có phép.",
+            "join_rule_public_description": "Bất kỳ ai cũng có thể tìm và tham gia.",
+            "join_rule_restricted": "Thành viên space",
+            "join_rule_restricted_description": "Bất kỳ ai trong một space đều có thể tìm và tham gia. Chỉnh sửa space nào có thể truy cập tại đây. <a>Edit which spaces can access here.</a>",
+            "join_rule_restricted_description_active_space": "Bất cứ ai trong <spaceName/> có thể tìm và tham gia. Bạn cũng có thể chọn các space khác.",
+            "join_rule_restricted_description_prompt": "Bất kỳ ai trong một space đều có thể tìm và tham gia. Bạn có thể chọn nhiều khoảng trắng.",
+            "join_rule_restricted_description_spaces": "Các Space có quyền truy cập",
+            "join_rule_restricted_dialog_description": "Quyết định space nào có thể vào phòng này. Nếu một space được chọn, các thành viên của nó có thể tìm và tham gia <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Bạn đang xóa tất cả space. Quyền truy cập sẽ mặc định chỉ để mời",
+            "join_rule_restricted_dialog_filter_placeholder": "Tìm kiếm các Space",
+            "join_rule_restricted_dialog_heading_other": "Không gian hoặc phòng khác bạn có thể không biết",
+            "join_rule_restricted_dialog_heading_room": "Những space mà bạn biết có chứa căn phòng này",
+            "join_rule_restricted_dialog_heading_space": "Các space bạn biết có chứa space này",
+            "join_rule_restricted_dialog_heading_unknown": "Đây có thể là những người mà các quản trị viên phòng khác cũng tham gia.",
+            "join_rule_restricted_dialog_title": "Chọn Không gian",
+            "join_rule_restricted_n_more": {
+                "one": "& %(count)s thêm",
+                "other": "& %(count)s thêm"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Hiện tại, một space có quyền truy cập",
+                "other": "Hiện tại, %(count)s spaces có quyền truy cập"
+            },
+            "join_rule_restricted_upgrade_description": "Nâng cấp này sẽ cho phép các thành viên của các space đã chọn vào phòng này mà không cần lời mời.",
+            "join_rule_restricted_upgrade_warning": "Phòng này đang trong một số space mà bạn không phải là quản trị viên. Trong các space đó, phòng cũ vẫn sẽ được hiển thị, nhưng mọi người sẽ được thông báo để tham gia phòng mới.",
+            "join_rule_upgrade_awaiting_room": "Đang tải phòng mới",
+            "join_rule_upgrade_required": "Yêu cầu nâng cấp",
+            "join_rule_upgrade_sending_invites": {
+                "one": "Đang gửi lời mời…",
+                "other": "Đang gửi lời mời... (%(progress)s trên %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "Đang cập nhật space…",
+                "other": "Đang cập nhật space… (%(progress)s trên %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Đang nâng cấp phòng",
+            "public_without_alias_warning": "Để liên kết đến phòng này, vui lòng thêm địa chỉ.",
+            "strict_encryption": "Không bao giờ gửi tin nhắn được mã hóa đến các phiên chưa được xác thực trong phòng này từ phiên này",
+            "title": "Bảo mật & Riêng tư"
+        },
+        "title": "Cài đặt Phòng - %(roomName)s",
+        "upload_avatar_label": "Tải lên hình đại diện",
+        "visibility": {
+            "alias_section": "Địa chỉ",
+            "error_failed_save": "Không cập nhật được khả năng hiển thị của space này",
+            "error_update_guest_access": "Không cập nhật được quyền truy cập của khách vào space này",
+            "error_update_history_visibility": "Không cập nhật được chế độ hiển thị lịch sử của space này",
+            "guest_access_explainer": "Khách có thể tham gia space mà không cần có tài khoản.",
+            "guest_access_label": "Bật quyền truy cập của khách",
+            "history_visibility_anyone_space": "Xem trước space",
+            "history_visibility_anyone_space_description": "Cho phép mọi người xem trước space của bạn trước khi tham gia.",
+            "history_visibility_anyone_space_recommendation": "Được đề xuất cho space công cộng.",
+            "title": "Hiển thị"
+        },
+        "voip": {
+            "call_type_section": "Loại cuộc gọi",
+            "enable_element_call_caption": "%(brand)s được mã hóa đầu cuối, nhưng hiện giới hạn cho một lượng người dùng nhỏ.",
+            "enable_element_call_label": "Cho phép %(brand)s được làm tùy chọn gọi bổ sung trong phòng này",
+            "enable_element_call_no_permissions_tooltip": "Bạn không có đủ quyền để thay đổi cái này."
+        }
+    },
+    "room_summary_card_back_action_label": "Thông tin phòng",
+    "scalar": {
+        "error_create": "Không thể tạo widget.",
+        "error_membership": "Bạn không ở trong phòng chat này.",
+        "error_missing_room_id": "Thiếu roomId.",
+        "error_missing_room_id_request": "Thiếu room_id khi yêu cầu",
+        "error_missing_user_id_request": "Thiếu user_id khi yêu cầu",
+        "error_permission": "Bạn không được phép làm vậy trong phòng chat này.",
+        "error_power_level_invalid": "Cấp độ quyền phải là số nguyên dương.",
+        "error_room_not_visible": "Phòng %(roomId)s không được hiển thị",
+        "error_room_unknown": "Phòng chat không xác định.",
+        "error_send_request": "Không thể gửi yêu cầu.",
+        "failed_read_event": "Không xem sự kiện được",
+        "failed_send_event": "Không gửi sự kiện được"
+    },
+    "server_offline": {
+        "description": "Máy chủ của bạn không phản hồi một số yêu cầu của bạn. Dưới đây là một số lý do có thể xảy ra nhất.",
+        "description_1": "Máy chủ (%(serverName)s) mất quá nhiều thời gian để phản hồi.",
+        "description_2": "Tường lửa hoặc chương trình chống vi-rút của bạn đang chặn yêu cầu.",
+        "description_3": "Một tiện ích mở rộng của trình duyệt đang ngăn chặn yêu cầu.",
+        "description_4": "Máy chủ đang ngoại tuyến.",
+        "description_5": "Máy chủ đã từ chối yêu cầu của bạn.",
+        "description_6": "Khu vực của bạn đang gặp khó khăn khi kết nối Internet.",
+        "description_7": "Đã xảy ra lỗi kết nối khi cố gắng kết nối với máy chủ.",
+        "description_8": "Máy chủ không được định cấu hình để cho biết sự cố là gì (CORS).",
+        "empty_timeline": "Bạn đã bắt kịp tất cả.",
+        "recent_changes_heading": "Những thay đổi gần đây chưa được nhận",
+        "title": "Máy chủ không phản hồi"
+    },
+    "seshat": {
+        "error_initialising": "Không thể khởi chạy tìm kiếm tin nhắn, hãy kiểm tra cài đặt của bạn <a>your settings</a> để biết thêm thông tin",
+        "reset_button": "Đặt lại cửa hàng sự kiện",
+        "reset_description": "Rất có thể bạn không muốn đặt lại kho chỉ mục sự kiện của mình",
+        "reset_explainer": "Nếu bạn làm vậy, xin lưu ý rằng không có thư nào của bạn sẽ bị xóa, nhưng trải nghiệm tìm kiếm có thể bị giảm sút trong một vài phút trong khi chỉ mục được tạo lại",
+        "reset_title": "Đặt lại kho sự kiện?",
+        "warning_kind_files": "Phiên bản %(brand)s này không hỗ trợ xem một số tệp được mã hóa",
+        "warning_kind_files_app": "Sử dụng ứng dụng Máy tính để bàn <a>Desktop app</a> để xem tất cả các tệp được mã hóa",
+        "warning_kind_search": "Phiên bản %(brand)s này không hỗ trợ tìm kiếm tin nhắn được mã hóa",
+        "warning_kind_search_app": "Sử dụng ứng dụng Máy tính để bàn <a>Desktop app</a> để tìm kiếm tin nhắn được mã hóa"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Mã thông báo truy cập của bạn cấp quyền truy cập đầy đủ vào tài khoản của bạn. Không chia sẻ nó với bất kỳ ai.",
+            "brand_version": "Phiên bản %(brand)s:",
+            "clear_cache_reload": "Xóa bộ nhớ cache và tải lại",
+            "help_link": "Để được trợ giúp về cách sử dụng %(brand)s, hãy nhấp vào đây <a>here</a>.",
+            "homeserver": "Máy chủ nhà là <code>%(homeserverUrl)s</code>",
+            "identity_server": "Máy chủ định danh là <code>%(identityServerUrl)s</code>",
+            "title": "Trợ giúp & Giới thiệu",
+            "versions": "Phiên bản"
+        }
+    },
+    "settings": {
+        "all_rooms_home": "Hiển thị tất cả các phòng trong Home",
+        "all_rooms_home_description": "Tất cả các phòng bạn đang ở sẽ xuất hiện trong Trang chủ.",
+        "always_show_message_timestamps": "Luôn hiện mốc thời gian",
+        "appearance": {
+            "custom_font": "Sử dụng phông chữ hệ thống",
+            "custom_font_description": "Đặt tên phông chữ được cài đặt trên hệ thống của bạn & %(brand)s sẽ cố gắng sử dụng phông chữ đó.",
+            "custom_font_name": "Tên phông chữ hệ thống",
+            "custom_font_size": "Sử dụng kích thước tùy chỉnh",
+            "custom_theme_error_downloading": "Lỗi khi tải xuống thông tin chủ đề.",
+            "custom_theme_invalid": "Lược đồ chủ đề không hợp lệ.",
+            "font_size": "Cỡ chữ",
+            "image_size_default": "Mặc định",
+            "image_size_large": "Lớn",
+            "layout_bubbles": "Bong bóng tin nhắn",
+            "layout_irc": "IRC (thử nghiệm)",
+            "match_system_theme": "Theo chủ đề hệ thống",
+            "timeline_image_size": "Kích thước hình ảnh trong timeline"
+        },
+        "automatic_language_detection_syntax_highlight": "Bật chức năng tự động xác định ngôn ngữ đẻ hiển thị quy tắc",
+        "autoplay_gifs": "Tự động phát GIF",
+        "autoplay_videos": "Tự động phát các video",
+        "big_emoji": "Bật chức năng emoji lớn ở tin nhắn",
+        "code_block_expand_default": "Mở rộng các khối mã theo mặc định",
+        "code_block_line_numbers": "Hiển thị số dòng trong các khối mã",
+        "disable_historical_profile": "Hiện ảnh hồ sơ hiện và tên hiện tại của người dùng trong lịch sử tin nhắn",
+        "emoji_autocomplete": "Cho phép gợi ý Emoji khi đánh máy",
+        "enable_markdown": "Bật đánh dấu",
+        "enable_markdown_description": "Bắt đầu tin nhắn với <code>/plain</code> để gửi mà không dùng Markdown.",
+        "general": {
+            "account_management_section": "Quản lý tài khoản",
+            "account_section": "Tài khoản",
+            "add_email_dialog_title": "Thêm địa chỉ thử điện tử",
+            "add_email_failed_verification": "Chưa xác nhận địa chỉ thư điện tử: hãy chắc chắn bạn đã nhấn vào liên kết trong thư",
+            "add_email_instructions": "Chúng tôi đã gửi cho bạn một thư điện tử để xác minh địa chỉ của bạn. Vui lòng làm theo hướng dẫn ở đó và sau đó nhấp vào nút bên dưới.",
+            "add_msisdn_confirm_body": "Nhấn vào nút dưới đây để xác nhận thêm số điện thoại này.",
+            "add_msisdn_confirm_button": "Xác nhận thêm số điện thoại",
+            "add_msisdn_confirm_sso_button": "Xác nhận thêm số điện thoại này bằng cách sử dụng Đăng Nhập Một Lần để chứng minh danh tính của bạn.",
+            "add_msisdn_dialog_title": "Thêm Số Điện Thoại",
+            "add_msisdn_instructions": "Một tin nhắn văn bản đã được gửi tới +%(msisdn)s. Vui lòng nhập mã xác minh trong đó.",
+            "add_msisdn_misconfigured": "Thêm / liên kết với luồng MSISDN sai cấu hình",
+            "confirm_adding_email_body": "Nhấn vào nút dưới đây để xác nhận thêm địa chỉ thư điện tử này.",
+            "confirm_adding_email_title": "Xác nhận thêm địa chỉ thư điện tử",
+            "deactivate_confirm_body": "Bạn có chắc chắn muốn hủy kích hoạt tài khoản của mình không? Điều này là không thể thay đổi.",
+            "deactivate_confirm_body_sso": "Xác nhận việc hủy kích hoạt tài khoản của bạn bằng cách sử dụng Single Sign On để chứng minh danh tính của bạn.",
+            "deactivate_confirm_content": "Xác nhận bạn muốn vô hiệu hóa tài khoản. Nếu bạn tiếp tục:",
+            "deactivate_confirm_content_1": "Bạn sẽ không thể kích hoạt lại tài khoản của bạn",
+            "deactivate_confirm_content_2": "Bạn sẽ không thể đăng nhập lại",
+            "deactivate_confirm_content_3": "Không ai có thể dùng lại tên người dùng của bạn (MXID), kể cả bạn: tên người dùng này sẽ trở thành không có sẵn",
+            "deactivate_confirm_content_4": "Bạn sẽ rời tất cả phòng và tin nhắn trực tiếp mà bạn đã tham gia",
+            "deactivate_confirm_content_5": "Bạn sẽ bị xóa khỏi máy chủ định danh: bạn bè của bạn sẽ không tìm thấy bạn bằng địa chỉ thư điện tử hay số điện thoại",
+            "deactivate_confirm_content_6": "Tin nhắn cũ của bạn vẫn sẽ hiển thị với những người đã nhận được chúng, giống như email bạn đã gửi trước đây. Bạn có muốn ẩn tin nhắn đã gửi của mình khỏi những người tham gia phòng trong tương lai không?",
+            "deactivate_confirm_continue": "Xác nhận việc hủy kích hoạt tài khoản",
+            "deactivate_confirm_erase_label": "Ẩn tin nhắn của tôi với những người tham gia sau",
+            "deactivate_section": "Hủy kích hoạt Tài khoản",
+            "deactivate_warning": "Vô hiệu hóa tài khoản của bạn là vĩnh viễn — hãy cẩn trọng!",
+            "discovery_email_empty": "Tùy chọn khám phá sẽ xuất hiện khi nào bạn đã thêm địa chỉ thư điện tử.",
+            "discovery_email_verification_instructions": "Xác minh liên kết trong hộp thư đến của bạn",
+            "discovery_msisdn_empty": "Các tùy chọn khám phá sẽ xuất hiện khi bạn đã thêm số điện thoại ở trên.",
+            "discovery_needs_terms": "Đồng ý với Điều khoản dịch vụ của máy chủ nhận dạng (%(serverName)s) để cho phép bạn có thể được tìm kiếm bằng địa chỉ thư điện tử hoặc số điện thoại.",
+            "email_address_in_use": "Địa chỉ thư điện tử này đã được sử dụng",
+            "email_address_label": "Địa chỉ thư điện tử",
+            "email_not_verified": "Địa chỉ thư điện tử của bạn chưa được xác minh",
+            "email_verification_instructions": "Nhấp vào liên kết trong thư điện tử bạn nhận được để xác minh và sau đó nhấp lại tiếp tục.",
+            "emails_heading": "Địa chỉ thư điện tử",
+            "error_add_email": "Không thể thêm địa chỉ địa chỉ thư điện tử",
+            "error_deactivate_communication": "Đã xảy ra sự cố khi giao tiếp với máy chủ. Vui lòng thử lại.",
+            "error_deactivate_invalid_auth": "Máy chủ không trả về thông tin xác thực hợp lệ.",
+            "error_deactivate_no_auth": "Máy chủ không yêu cầu bất kỳ xác thực nào",
+            "error_email_verification": "Không thể xác minh địa chỉ thư điện tử.",
+            "error_invalid_email": "Địa chỉ thư điện tử không hợp lệ",
+            "error_invalid_email_detail": "Đây có vẻ không phải là một địa chỉ thư điện tử hợp lệ",
+            "error_msisdn_verification": "Không thể xác minh số điện thoại.",
+            "error_password_change_403": "Không thể thay đổi mật khẩu. Mật khẩu của bạn có đúng không?",
+            "error_password_change_http": "%(errorMessage)s (Trạng thái HTTP %(httpStatus)s)",
+            "error_password_change_title": "Lỗi khi đổi mật khẩu",
+            "error_password_change_unknown": "Lỗi không xác định khi đổi mật khẩu (%(stringifiedError)s)",
+            "error_remove_3pid": "Không thể xóa thông tin liên hệ",
+            "error_revoke_email_discovery": "Không thể thu hồi chia sẻ cho địa chỉ thư điện tử",
+            "error_revoke_msisdn_discovery": "Không thể thu hồi chia sẻ cho số điện thoại",
+            "error_share_email_discovery": "Không thể chia sẻ địa chỉ thư điện tử",
+            "error_share_msisdn_discovery": "Không thể chia sẻ số điện thoại",
+            "identity_server_no_token": "Không tìm thấy mã thông báo danh tính",
+            "identity_server_not_set": "Máy chủ định danh chưa được đặt",
+            "language_section": "Ngôn ngữ và khu vực",
+            "msisdn_in_use": "Số điện thoại này đã được sử dụng",
+            "msisdn_label": "Số điện thoại",
+            "msisdn_verification_field_label": "Mã xác nhận",
+            "msisdn_verification_instructions": "Vui lòng nhập mã xác minh được gửi qua văn bản.",
+            "msisdns_heading": "Số điện thoại",
+            "oidc_manage_button": "Quản lý tài khoản",
+            "password_change_section": "Đặt mật khẩu tài khoản mới…",
+            "password_change_success": "Đã đổi mật khẩu thành công.",
+            "remove_email_prompt": "Xóa %(email)s?",
+            "remove_msisdn_prompt": "Xóa %(phone)s?",
+            "spell_check_locale_placeholder": "Chọn vùng miền"
+        },
+        "inline_url_previews_default": "Bật xem trước nội dung liên kết theo mặc định",
+        "insert_trailing_colon_mentions": "Chèn dấu hai chấm phía sau các đề cập người dùng ở đầu một tin nhắn",
+        "jump_to_bottom_on_send": "Chuyển đến cuối dòng thời gian khi bạn gửi tin nhắn",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_title": "Sao lưu bảo mật thành công",
+                "cancel_warning": "Nếu bạn hủy ngay bây giờ, bạn có thể mất tin nhắn và dữ liệu được mã hóa nếu bạn mất quyền truy cập vào thông tin đăng nhập của mình.",
+                "confirm_security_phrase": "Xác nhận cụm từ bảo mật của bạn",
+                "description": "Bảo vệ chống mất quyền truy cập vào các tin nhắn và dữ liệu được mã hóa bằng cách sao lưu các khóa mã hóa trên máy chủ của bạn.",
+                "enter_phrase_title": "Nhập cụm từ bảo mật",
+                "enter_phrase_to_confirm": "Nhập Cụm từ bảo mật của bạn lần thứ hai để xác nhận.",
+                "generate_security_key_description": "Chúng tôi sẽ tạo khóa bảo mật để bạn lưu trữ ở nơi an toàn, như trình quản lý mật khẩu hoặc két sắt.",
+                "generate_security_key_title": "Tạo khóa bảo mật",
+                "pass_phrase_match_failed": "Điều đó không phù hợp.",
+                "pass_phrase_match_success": "Điều đó phù hợp!",
+                "phrase_strong_enough": "Tuyệt vời! Cụm từ bảo mật này trông đủ mạnh.",
+                "secret_storage_query_failure": "Không thể truy vấn trạng thái lưu trữ bí mật",
+                "security_key_safety_reminder": "Lưu trữ Khóa bảo mật của bạn ở nơi an toàn, như trình quản lý mật khẩu hoặc két sắt, vì nó được sử dụng để bảo vệ dữ liệu được mã hóa của bạn.",
+                "set_phrase_again": "Quay lại để thiết lập lại.",
+                "settings_reminder": "Bạn cũng có thể thiết lập Sao lưu bảo mật và quản lý khóa của mình trong Cài đặt.",
+                "title_confirm_phrase": "Xác nhận cụm từ bảo mật",
+                "title_save_key": "Lưu Khóa Bảo mật của bạn",
+                "title_set_phrase": "Đặt Cụm từ Bảo mật",
+                "unable_to_setup": "Không thể thiết lập bộ nhớ bí mật",
+                "use_different_passphrase": "Sử dụng một cụm mật khẩu khác?",
+                "use_phrase_only_you_know": "Sử dụng một cụm từ bí mật mà chỉ bạn biết và tùy chọn lưu Khóa bảo mật để sử dụng để sao lưu."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Xác nhận cụm mật khẩu",
+            "enter_passphrase": "Nhập cụm mật khẩu",
+            "export_description_1": "Quá trình này cho phép bạn xuất khóa cho các tin nhắn bạn đã nhận được trong các phòng được mã hóa sang một tệp cục bộ. Sau đó, bạn sẽ có thể nhập tệp vào ứng dụng khách Matrix khác trong tương lai, do đó ứng dụng khách đó cũng sẽ có thể giải mã các thông báo này.",
+            "export_title": "Xuất các mã khoá phòng",
+            "file_to_import": "Tệp để nhập",
+            "import_description_1": "Quá trình này cho phép bạn nhập các khóa mã hóa mà bạn đã xuất trước đó từ một ứng dụng khách Matrix khác. Sau đó, bạn sẽ có thể giải mã bất kỳ thông báo nào mà ứng dụng khách khác có thể giải mã.",
+            "import_description_2": "Tệp xuất sẽ được bảo vệ bằng cụm mật khẩu. Bạn nên nhập cụm mật khẩu vào đây để giải mã tệp.",
+            "import_title": "Nhập các mã khoá phòng",
+            "phrase_cannot_be_empty": "Cụm mật khẩu không được để trống",
+            "phrase_must_match": "Cụm mật khẩu phải khớp"
+        },
+        "keyboard": {
+            "title": "Bàn phím"
+        },
+        "notifications": {
+            "default_setting_description": "Cài đặt này sẽ được áp dụng theo mặc định cho các tất cả các phòng của bạn.",
+            "email_description": "Nhận email tóm tắt các thông báo bị bỏ lỡ",
+            "email_section": "Tóm tắt email",
+            "email_select": "Chọn email bạn muốn gửi tóm tắt đến. Quản lý email của bạn trong<button> Tổng quan</button> .",
+            "enable_audible_notifications_session": "Bật thông báo âm thanh cho phiên này",
+            "enable_desktop_notifications_session": "Bật thông báo trên màn hình cho phiên này",
+            "enable_email_notifications": "Bật thông báo qua thư điện tử cho %(email)s",
+            "enable_notifications_account": "Bật thông báo cho tài khoản này",
+            "enable_notifications_account_detail": "Tắt để vô hiệu thông bao trên tất cả các thiết bị và phiên",
+            "enable_notifications_device": "Bật thông báo cho thiết bị này",
+            "error_loading": "Đã xảy ra lỗi khi tải cài đặt thông báo của bạn.",
+            "error_permissions_denied": "%(brand)s chưa có quyền để gửi thông báo cho bạn - vui lòng kiểm tra thiết lập trình duyệt",
+            "error_permissions_missing": "%(brand)s vẫn chưa được cấp quyền để gửi thông báo - vui lòng thử lại",
+            "error_saving": "Lỗi khi lưu tùy chọn thông báo",
+            "error_saving_detail": "Đã xảy ra lỗi khi lưu tùy chọn thông báo của bạn.",
+            "error_title": "Không thể bật thông báo",
+            "error_updating": "Một lỗi đã xảy ra khi cập nhật tùy chọn thông báo của bạn. Hãy thử làm lại.",
+            "invites": "Được mời vào phòng",
+            "messages_containing_keywords": "Tin nhắn có chứa từ khóa",
+            "noisy": "Bật âm",
+            "notices": "Tin nhắn bởi bot",
+            "notify_keyword": "Thông báo khi có người dùng một từ khóa",
+            "play_sound_for_section": "Phát âm thanh cho",
+            "push_targets": "Mục tiêu thông báo",
+            "quick_actions_mark_all_read": "Đánh dấu đã đọc cho mọi tin nhắn",
+            "quick_actions_reset": "Đặt lại về cài đặt mặc định",
+            "room_activity": "Hoạt động mới trong phòng, nâng cấp và tin nhắn trạng thái",
+            "rule_call": "Lời mời cuộc gọi",
+            "rule_contains_display_name": "Tin nhắn chứa tên hiển thị của tôi",
+            "rule_contains_user_name": "Tin nhắn có tên người dùng của tôi",
+            "rule_encrypted": "Tin nhắn mã hóa trong phòng chat nhóm",
+            "rule_encrypted_room_one_to_one": "Tin nhắn mã hóa trong phòng chat 1–1",
+            "rule_invite_for_me": "Khi tôi được mời vào phòng",
+            "rule_message": "Tin nhắn trong cuộc trò chuyện nhóm",
+            "rule_room_one_to_one": "Tin nhắn trong cuộc trò chuyện 1-1",
+            "rule_roomnotif": "Tin nhắn chứa @room",
+            "rule_suppress_notices": "Tin nhắn được gửi bởi bot",
+            "rule_tombstone": "Khi phòng được nâng cấp phiên bản",
+            "show_message_desktop_notification": "Hiển thị tin nhắn trong thông báo trên màn hình"
+        },
+        "preferences": {
+            "always_show_menu_bar": "Luôn hiển thị thanh menu cửa sổ",
+            "autocomplete_delay": "Độ trễ tự động hoàn thành (mili giây)",
+            "code_blocks_heading": "Khối mã",
+            "compact_modern": "Sử dụng một bố cục \"Hiện đại\" nhỏ gọn hơn",
+            "composer_heading": "Soạn thảo",
+            "enable_hardware_acceleration": "Bật tăng tốc phần cứng",
+            "enable_tray_icon": "Hiển thị biểu tượng khay và thu nhỏ cửa sổ vào nó khi đóng",
+            "keyboard_heading": "Các phím tắt bàn phím",
+            "keyboard_view_shortcuts_button": "Để xem tất cả các phím tắt, <a>nhấn vào đây</a>.",
+            "media_heading": "Hình ảnh, GIF và video",
+            "presence_description": "Chia sẻ hoạt động và trạng thái với người khác.",
+            "rm_lifetime": "Đọc thời gian Marker (mili giây)",
+            "rm_lifetime_offscreen": "Đọc thời gian tồn tại ngoài màn hình của Marker (mili giây)",
+            "room_directory_heading": "Thư mục phòng",
+            "room_list_heading": "Danh sách phòng",
+            "show_avatars_pills": "Hiện ảnh đại diện của người dùng, phòng và thông báo sự kiện",
+            "show_polls_button": "Hiện nút thăm dò ý kiến",
+            "surround_text": "Bao quanh văn bản đã chọn khi nhập các ký tự đặc biệt",
+            "time_heading": "Thời gian hiển thị"
+        },
+        "prompt_invite": "Nhắc trước khi gửi lời mời đến các ID Matrix có khả năng không hợp lệ",
+        "replace_plain_emoji": "Tự động thay thế hình biểu tượng",
+        "security": {
+            "bulk_options_accept_all_invites": "Chấp nhận tất cả các lời mời từ %(invitedRooms)s",
+            "bulk_options_reject_all_invites": "Từ chối tất cả lời mời từ %(invitedRooms)s",
+            "bulk_options_section": "Tùy chọn hàng loạt",
+            "e2ee_default_disabled_warning": "Người quản trị máy chủ của bạn đã vô hiệu hóa mã hóa đầu cuối theo mặc định trong phòng riêng và Tin nhắn trực tiếp.",
+            "enable_message_search": "Bật tính năng tìm kiếm tin nhắn trong các phòng được mã hóa",
+            "encryption_section": "Mã hóa",
+            "ignore_users_empty": "Bạn không có người dùng bị bỏ qua.",
+            "ignore_users_section": "Người dùng bị bỏ qua",
+            "key_backup_algorithm": "Thuật toán:",
+            "message_search_disable_warning": "Nếu bị tắt, tin nhắn từ các phòng được mã hóa sẽ không xuất hiện trong kết quả tìm kiếm.",
+            "message_search_disabled": "Bộ nhớ cache an toàn các tin nhắn được mã hóa cục bộ để chúng xuất hiện trong kết quả tìm kiếm.",
+            "message_search_enabled": {
+                "one": "Lưu trữ cục bộ an toàn các tin nhắn đã được mã hóa để chúng xuất hiện trong các kết quả tìm kiếm, sử dụng %(size)s để lưu trữ các tin nhắn từ %(rooms)s phòng.",
+                "other": "Lưu trữ an toàn các tin nhắn đã được mã hóa trên thiết bị để chúng xuất hiện trong các kết quả tìm kiếm, sử dụng %(size)s để lưu trữ các tin nhắn từ các %(rooms)s phòng."
+            },
+            "message_search_failed": "Khởi tạo tìm kiếm tin nhắn không thành công",
+            "message_search_indexed_messages": "Tin nhắn được lập chỉ mục:",
+            "message_search_indexed_rooms": "Các phòng được lập chỉ mục:",
+            "message_search_indexing": "Hiện đang lập chỉ mục: %(currentRoom)s",
+            "message_search_indexing_idle": "Hiện không lập chỉ mục tin nhắn cho bất kỳ phòng nào.",
+            "message_search_intro": "%(brand)s đang lưu trữ cục bộ an toàn các tin nhắn được mã hóa để chúng xuất hiện trong kết quả tìm kiếm:",
+            "message_search_room_progress": "%(doneRooms)s trong số %(totalRooms)s",
+            "message_search_section": "Tìm kiếm tin nhắn",
+            "message_search_sleep_time": "Tin nhắn sẽ được tải xuống nhanh như thế nào.",
+            "message_search_space_used": "Space đã sử dụng:",
+            "message_search_unsupported": "%(brand)s thiếu một số thành phần thiết yếu để lưu trữ cục bộ an toàn các tin nhắn được mã hóa. Nếu bạn muốn thử nghiệm với tính năng này, hãy dựng một bản %(brand)s tùy chỉnh cho máy tính có thêm <nativeLink>các thành phần để tìm kiếm</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s không thể lưu trữ cục bộ an toàn các tin nhắn được mã hóa khi đang chạy trong trình duyệt web. Sử dụng <desktopLink>%(brand)s cho máy tính</desktopLink> để các tin nhắn được mã hóa xuất hiện trong kết quả tìm kiếm.",
+            "record_session_details": "Ghi lại tên phần mềm máy khách, phiên bản, và đường dẫn để nhận diện các phiên dễ dàng hơn trong trình quản lý phiên",
+            "send_analytics": "Gửi dữ liệu phân tích",
+            "strict_encryption": "Không bao giờ gửi tin nhắn được mã hóa đến các phiên chưa được xác thực từ phiên này"
+        },
+        "send_read_receipts": "Gửi thông báo đã đọc",
+        "send_read_receipts_unsupported": "Máy chủ của bạn không hỗ trợ tắt gửi thông báo đã học.",
+        "send_typing_notifications": "Gửi thông báo đang gõ tin nhắn",
+        "sessions": {
+            "confirm_sign_out": {
+                "one": "Xác nhận đăng xuất khỏi thiết bị này",
+                "other": "Xác nhận đăng xuất khỏi các thiết bị này"
+            },
+            "confirm_sign_out_body": {
+                "one": "Nhấn nút bên dưới để xác nhận đăng xuất thiết bị này.",
+                "other": "Nhấn nút bên dưới để xác nhận đăng xuất các thiết bị này."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Đăng xuất thiết bị",
+                "other": "Đăng xuất các thiết bị"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Xác nhận đăng xuất thiết bị này bằng cách sử dụng Single Sign On để xác thực danh tính của bạn.",
+                "other": "Xác nhận đăng xuất các thiết bị này bằng cách sử dụng Single Sign On để xác thực danh tính."
+            },
+            "current_session": "Phiên hiện tại",
+            "desktop_session": "Phiên trên máy tính",
+            "details_heading": "Thông tin phiên",
+            "device_unverified_description": "Xác thực hoặc đăng xuất khỏi các phiên này để bảo mật và đáng tin cậy nhất.",
+            "device_unverified_description_current": "Xác thực phiên hiện tại để nhắn tin bảo mật tốt hơn.",
+            "device_verified_description": "Phiên này sẵn sàng nhắn tin bảo mật.",
+            "device_verified_description_current": "Phiên hiện tại của bạn sẵn sàng nhắn tin bảo mật.",
+            "filter_all": "Tất cả",
+            "filter_inactive": "Không hoạt động",
+            "filter_inactive_description": "Không hoạt động trong %(inactiveAgeDays)s ngày hoặc lâu hơn",
+            "filter_label": "Bộ lọc",
+            "filter_unverified_description": "Không sẵn sàng nhắn tin bảo mật",
+            "filter_verified_description": "Sẵn sàng nhắn tin bảo mật",
+            "hide_details": "Ẩn chi tiết",
+            "inactive_days": "Không hoạt động trong %(inactiveAgeDays)s+ ngày",
+            "inactive_sessions": "Các phiên không hoạt động",
+            "inactive_sessions_explainer_1": "Các phiên không hoạt động là các phiên mà bạn đã không dùng trong một thời gian, nhưng chúng vẫn được nhận khóa mã hóa.",
+            "inactive_sessions_explainer_2": "Xóa các phiên không hoạt động cải thiện bảo mật và hiệu suất, và đồng thời giúp bạn dễ dàng nhận diện nếu một phiên mới là đáng ngờ.",
+            "inactive_sessions_list_description": "Hãy xem xét đăng xuất khỏi các phiên cũ (%(inactiveAgeDays)s ngày hoặc lâu hơn) mà bạn không dùng nữa.",
+            "ip": "Địa chỉ Internet (IP)",
+            "last_activity": "Hoạt động cuối",
+            "mobile_session": "Phiên trên điện thoại",
+            "n_sessions_selected": {
+                "other": "%(count)s phiên đã chọn",
+                "one": "%(count)s phiên đã chọn"
+            },
+            "no_inactive_sessions": "Không thấy phiên không hoạt động nào.",
+            "no_sessions": "Không thấy phiên nào.",
+            "no_unverified_sessions": "Không thấy phiên chưa xác thực nào.",
+            "no_verified_sessions": "Không thấy phiên được xác thực nào.",
+            "other_sessions_heading": "Các phiên khác",
+            "push_heading": "Thông báo đẩy",
+            "push_subheading": "Nhận thông báo đẩy trong phiên này.",
+            "push_toggle": "Bật/tắt thông báo đẩy cho phiên này.",
+            "rename_form_caption": "Hãy nhớ rằng tên phiên cũng hiển thị với những người mà bạn giao tiếp.",
+            "rename_form_heading": "Đổi tên phiên",
+            "rename_form_learn_more": "Đổi tên các phiên",
+            "rename_form_learn_more_description_1": "Những người khác trong tin nhắn trực tiếp và các phòng bạn tham gia có thể xem danh sách các phiên của bạn.",
+            "rename_form_learn_more_description_2": "Những người đó sẽ chắc chắn rằng họ đang thực sự nói với bạn, nhưng cũng có nghĩa là họ sẽ thấy tên phiên mà bạn xác định tại đây.",
+            "security_recommendations": "Đề xuất bảo mật",
+            "security_recommendations_description": "Tăng cường bảo mật cho tài khoản bằng cách làm theo các đề xuất này.",
+            "session_id": "Định danh (ID) phiên",
+            "show_details": "Hiện chi tiết",
+            "sign_in_with_qr": "Đăng nhập bằng mã QR",
+            "sign_in_with_qr_button": "Hiện mã QR",
+            "sign_in_with_qr_description": "Bạn có thể dùng thiết bị này để đăng nhập vào một thiết bị mới bằng mã QR. Bạn cần quét mã QR hiển thị trên thiết bị này với thiết bị mà đã đăng xuất.",
+            "sign_out": "Đăng xuất phiên",
+            "sign_out_all_other_sessions": "Đăng xuất khỏi mọi phiên khác (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Bạn có muốn đăng xuất %(count)s phiên?",
+                "other": "Bạn có muốn đăng xuất %(count)s phiên?"
+            },
+            "sign_out_n_sessions": {
+                "other": "Đăng xuất khỏi %(count)s phiên",
+                "one": "Đăng xuất khỏi %(count)s phiên"
+            },
+            "title": "Các phiên",
+            "unknown_session": "Không rõ loại phiên",
+            "unverified_session": "Phiên chưa xác thực",
+            "unverified_session_explainer_1": "Phiên này không hỗ trợ mã hóa cho nên không thể xác thực.",
+            "unverified_session_explainer_2": "Bạn không thể tương tác trong các phòng mà mã hóa được bật trong phiên này.",
+            "unverified_session_explainer_3": "Để có bảo mật và quyền riêng tư tốt nhất, nên dùng các phần mềm máy khách Matrix có hỗ trợ mã hóa.",
+            "unverified_sessions": "Các phiên chưa xác thực",
+            "unverified_sessions_explainer_1": "Các phiên chưa được xác thực là các phiên đăng nhập bằng thông tin đăng nhập nhưng chưa được xác thực chéo.",
+            "unverified_sessions_explainer_2": "Bạn cần luôn chắc chắn là bạn nhận ra các phiên này vì chúng có thể là truy cập trái phép vào tài khoản bạn.",
+            "unverified_sessions_list_description": "Xác thực phiên để nhắn tin bảo mật tốt hơn hoặc đăng xuất khỏi các phiên mà bạn không nhận ra hay không dùng nữa.",
+            "url": "Đường dẫn URL",
+            "verified_session": "Phiên đã xác thực",
+            "verified_sessions": "Các phiên đã xác thực",
+            "verified_sessions_explainer_1": "Các phiên đã xác thực là bất kỳ đâu bạn sử dụng tài khoản này sau khi nhập mật khẩu hay xác thực danh tính của bạn với một phiên đã xác thực khác.",
+            "verified_sessions_explainer_2": "Nghĩa là bạn có tất cả các khóa cần thiết để mở khóa các tin nhắn được mã hóa và xác nhận với những người dùng khác là bạn tin tưởng phiên này.",
+            "verified_sessions_list_description": "Để bảo mật nhất, đăng xuất khỏi các phiên mà bạn không dùng hay không nhận ra nữa.",
+            "verify_session": "Xác thực phiên",
+            "web_session": "Phiên trên trình duyệt"
+        },
+        "show_avatar_changes": "Hiện các thay đổi ảnh hồ sơ",
+        "show_breadcrumbs": "Hiển thị shortcuts cho các phòng đã xem gần đây phía trên danh sách phòng",
+        "show_chat_effects": "Hiển thị các hiệu ứng trò chuyện (hình ảnh động khi nhận được ví dụ như hoa giấy)",
+        "show_displayname_changes": "Hiển thị thay đổi tên hiển thị",
+        "show_join_leave": "Hiển thị các tin nhắn tham gia / rời khỏi (các tin nhắn mời / xóa / cấm không bị ảnh hưởng)",
+        "show_nsfw_content": "Hiển thị nội dung nhạy cảm",
+        "show_read_receipts": "Hiển thị báo đã đọc gửi bởi người dùng khác",
+        "show_redaction_placeholder": "Hiển thị người gửi các tin nhắn đã xóa",
+        "show_stickers_button": "Hiển thị nút sticker cảm xúc",
+        "show_typing_notifications": "Hiển thị thông báo \"đang gõ\"",
+        "sidebar": {
+            "metaspaces_home_all_rooms": "Hiển thị tất cả các phòng",
+            "metaspaces_home_all_rooms_description": "Hiển thị tất cả các phòng trong Home, ngay cả nếu chúng ở trong space.",
+            "metaspaces_home_description": "Home rất hữu ích để có cái nhìn tổng quan về mọi thứ.",
+            "metaspaces_orphans": "Các phòng bên ngoài một space",
+            "metaspaces_orphans_description": "Nhóm tất cả các phòng của bạn mà không phải là một phần của không gian ở một nơi.",
+            "metaspaces_subsection": "Space để hiển thị",
+            "title": "Thanh bên"
+        },
+        "use_12_hour_format": "Hiển thị thời gian theo mẫu 12 giờ (ví dụ 2:30pm)",
+        "use_command_enter_send_message": "Sử dụng Command + Enter để gửi tin nhắn",
+        "use_command_f_search": "Sử dụng Command + F để tìm kiếm dòng thời gian",
+        "use_control_enter_send_message": "Sử dụng Ctrl + Enter để gửi tin nhắn",
+        "use_control_f_search": "Sử dụng Ctrl + F để tìm kiếm dòng thời gian",
+        "voip": {
+            "allow_p2p": "Cho phép cuộc gọi ngang hàng (P2P) cho các cuộc gọi 1:1",
+            "allow_p2p_description": "Khi bật, người kia có thể thấy địa chỉ IP của bạn",
+            "audio_input_empty": "Không phát hiện thấy micrô",
+            "audio_output": "Đầu ra âm thanh",
+            "audio_output_empty": "Không phát hiện thấy đầu ra âm thanh",
+            "auto_gain_control": "Tự động chiếm quyền điều khiển",
+            "echo_cancellation": "Loại bỏ tiếng vang",
+            "enable_fallback_ice_server": "Cho phép máy chủ hỗ trợ cuộc gọi dự phòng (%(server)s)",
+            "enable_fallback_ice_server_description": "Chỉ áp dụng nếu máy chủ nhà của bạn không cung cấp. Địa chỉ Internet (IP) của bạn có thể được chia sẻ trong một cuộc gọi.",
+            "mirror_local_feed": "Lập đường dẫn video dự phòng",
+            "missing_permissions_prompt": "Thiếu quyền phương tiện, hãy nhấp vào nút bên dưới để yêu cầu.",
+            "noise_suppression": "Loại bỏ tạp âm",
+            "request_permissions": "Yêu cầu quyền phương tiện",
+            "title": "Âm thanh & Hình ảnh",
+            "video_input_empty": "Không có Webcam nào được phát hiện",
+            "video_section": "Cài đặt truyền hình",
+            "voice_agc": "Tự điều chỉnh âm lượng cho micrô",
+            "voice_processing": "Xử lý âm thanh",
+            "voice_section": "Cài đặt âm thanh"
+        },
+        "warn_quit": "Cảnh báo trước khi bỏ thuốc lá"
+    },
+    "share": {
+        "permalink_message": "Liên kết đến tin nhắn đã chọn",
+        "permalink_most_recent": "Liên kết đến tin nhắn gần đây nhất",
+        "title_message": "Chia sẻ tin nhắn trong phòng",
+        "title_room": "Phòng chia sẻ",
+        "title_user": "Chia sẻ người dùng"
+    },
+    "slash_command": {
+        "addwidget": "Thêm một URL widget vào phòng",
+        "addwidget_iframe_missing_src": "Thẻ iframe (khung) không có thuộc tính src (nguồn)",
+        "addwidget_invalid_protocol": "Vui lòng điền 1 widget với https:// hoặc http://",
+        "addwidget_missing_url": "Vui lòng cung cấp URL tiện ích hoặc mã nhúng",
+        "addwidget_no_permissions": "Bạn không thể sửa đổi widget trong phòng này.",
+        "ban": "Cấm thành viên có ID chỉ định",
+        "category_actions": "Hành động",
+        "category_admin": "Quản trị viên",
+        "category_advanced": "Nâng cao",
+        "category_effects": "Hiệu ứng",
+        "category_messages": "Tin nhắn",
+        "category_other": "Khác",
+        "command_error": "Lỗi lệnh",
+        "converttodm": "Chuyển đổi phòng thành tin nhắn chat trực tiếp DM",
+        "converttoroom": "Chuyển đổi chat trực tiếp DM thành một phòng",
+        "could_not_find_room": "Không tìm thấy phòng",
+        "deop": "Deops user với id đã cho",
+        "devtools": "Mở cửa sổ lập trình viên",
+        "discardsession": "Buộc nhóm phiên hướng ra hiện tại trong một căn phòng được mã hóa phải bị loại bỏ",
+        "error_invalid_rendering_type": "Lỗi khi thực hiện lệnh: Không tìm thấy kiểu dữ liệu (%(renderingType)s)",
+        "error_invalid_runfn": "Lỗi khi thực hiện lệnh: Không thể xử lý lệnh slash.",
+        "help": "Hiển thị danh sách các lệnh với cách sử dụng và mô tả",
+        "help_dialog_title": "Lệnh Trợ giúp",
+        "holdcall": "Tạm ngưng cuộc gọi trong phòng hiện tại",
+        "html": "Gửi tin nhắn dưới dạng html, không sử dụng định dạng văn bản Markdown",
+        "ignore": "Bỏ qua người dùng, ẩn tin nhắn của họ khỏi bạn",
+        "ignore_dialog_description": "Bạn đã bỏ qua %(userId)s",
+        "ignore_dialog_title": "Đã bỏ qua người dùng",
+        "invite": "Mời người dùng có ID chỉ định đến phòng hiện tại",
+        "invite_3pid_needs_is_error": "Sử dụng máy chủ định danh để mời qua thư điện tử. Quản lý trong Cài đặt.",
+        "invite_3pid_use_default_is_title": "Sử dụng máy chủ định danh",
+        "invite_3pid_use_default_is_title_description": "Sử dụng máy chủ định danh để mời qua thư điện tử. Bấm Tiếp tục để sử dụng máy chủ định danh mặc định (%(defaultIdentityServerName)s) hoặc quản lý trong Cài đặt.",
+        "invite_failed": "Người dùng (%(user)s) đã không được mời vào %(roomId)s nhưng không có lỗi nào được đưa ra từ công cụ mời",
+        "join": "Tham gia phòng có địa chỉ được chỉ định",
+        "jumptodate": "Nhảy đến thời điểm được đề cập trong dòng thời gian",
+        "jumptodate_invalid_input": "Chúng tôi không thể hiểu ngày được nhập (%(inputDate)s). Hãy thử dùng định dạng YYYY-MM-DD.",
+        "lenny": "Thêm ( ͡° ͜ʖ ͡°) vào một tin nhắn văn bản thuần túy",
+        "me": "Hiển thị hành động",
+        "msg": "Gửi tin nhắn cho người dùng nhất định",
+        "myavatar": "Đổi ảnh hồ sơ của bạn trong tất cả phòng",
+        "myroomavatar": "Đổi ảnh hồ sơ của bạn chỉ trong phòng này",
+        "myroomnick": "Chỉ thay đổi biệt danh hiển thị của bạn trong phòng hiện tại",
+        "nick": "Thay đổi biệt danh hiển thị của bạn",
+        "no_active_call": "Không có cuộc gọi đang hoạt động trong phòng này",
+        "op": "Xác định cấp độ quyền của một thành viên",
+        "part_unknown_alias": "Không thể nhận dạng địa chỉ phòng: %(roomAlias)s",
+        "plain": "Gửi tin nhắn dưới dạng văn bản thuần túy, không sử dụng định dạng văn bản Markdown",
+        "query": "Mở cuộc trò chuyện với người dùng nhất định",
+        "query_not_found_phone_number": "Không thể tìm thấy Matrix ID của số điện thoại",
+        "rageshake": "Gửi báo cáo lỗi kèm theo nhật ký",
+        "rainbow": "Gửi nội dung tin nhắn được tô màu cầu vồng",
+        "rainbowme": "Gửi hình emote được tô màu cầu vồng",
+        "remove": "Xóa thành viên với ID chỉ định ra khỏi phòng chat",
+        "roomavatar": "Thay đổi ảnh đại diện của phòng hiện tại",
+        "roomname": "Đặt tên phòng",
+        "server_error": "Lỗi máy chủ",
+        "server_error_detail": "Máy chủ không khả dụng, quá tải hoặc có vấn đề gì khác.",
+        "shrug": "Thêm ̄\\_(ツ)_/ ̄ vào một tin nhắn văn bản thuần túy",
+        "spoiler": "Đánh dấu tin nhắn chỉ định thành một tin nhắn ẩn",
+        "tableflip": "Thêm (╯°□°）╯︵ ┻━┻ vào một tin nhắn văn bản thuần túy",
+        "topic": "Lấy hoặc đặt chủ đề phòng",
+        "topic_none": "Phòng này chưa có chủ đề.",
+        "topic_room_error": "Không thể lấy chủ đề phòng: Không tìm thấy phòng (%(roomId)s)",
+        "unban": "Gỡ cấm thành viên có ID chỉ định",
+        "unflip": "Thêm ┬──┬ ノ( ゜-゜ノ) vào tin nhắn văn bản thuần túy",
+        "unholdcall": "Nối lại cuộc gọi trong phòng hiện tại",
+        "unignore": "Ngừng bỏ qua người dùng, hiển thị tin nhắn của họ từ bây giờ trở đi",
+        "unignore_dialog_description": "Bạn không còn bỏ qua %(userId)s nữa",
+        "unignore_dialog_title": "Đã ngừng bỏ qua người dùng",
+        "unknown_command": "Lệnh không xác định",
+        "unknown_command_button": "Gửi dưới dạng tin nhắn",
+        "unknown_command_detail": "Lệnh không được công nhận: %(commandText)s",
+        "unknown_command_help": "Bạn có thể sử dụng <code>/help</code> để liệt kê các lệnh có sẵn. Ý của bạn là gửi cái này dưới dạng tin nhắn?",
+        "unknown_command_hint": "Gợi ý: Bắt đầu thư của bạn bằng <code>//</code> để bắt đầu thư bằng dấu gạch chéo.",
+        "upgraderoom": "Nâng cấp phòng lên phiên bản mới",
+        "upgraderoom_permission_error": "Bạn không có quyền để dùng lệnh này.",
+        "usage": "Cách sử dụng",
+        "verify": "Xác thực người dùng, thiết bị và tuple pubkey",
+        "view": "Phòng truyền hình với địa chỉ đã cho",
+        "whois": "Hiển thị thông tin về người dùng"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "Hay là thêm một phòng mới?",
+            "create_prompt": "Tạo phòng chat mới",
+            "dm_heading": "Tin nhắn trực tiếp",
+            "error_heading": "Không phải tất cả các mục đã chọn đều được thêm vào",
+            "progress_text": {
+                "one": "Đang thêm phòng…",
+                "other": "Đang thêm các phòng... (%(progress)s trong %(count)s)"
+            },
+            "space_dropdown_label": "Lựa chọn space",
+            "space_dropdown_title": "Thêm các phòng hiện có",
+            "subspace_moved_note": "Thêm dấu cách đã di chuyển."
+        },
+        "add_existing_subspace": {
+            "create_button": "Tạo space mới",
+            "create_prompt": "Bạn muốn thêm một space mới thay thế?",
+            "filter_placeholder": "Tìm kiếm space",
+            "space_dropdown_title": "Thêm space hiện có"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Xem dòng thời gian phòng (devtools)",
+            "explore": "Khám phá các phòng",
+            "manage_and_explore": "Quản lý và khám phá phòng",
+            "options": "Tùy chọn space"
+        },
+        "failed_load_rooms": "Tải danh sách các phòng thất bại.",
+        "failed_remove_rooms": "Không xóa được một số phòng. Thử lại sau",
+        "incompatible_server_hierarchy": "Máy chủ của bạn không hỗ trợ hiển thị phân cấp space.",
+        "invite": "Mời mọi người",
+        "invite_description": "Mời bằng thư điện tử hoặc tên người dùng",
+        "invite_link": "Chia sẻ liên kết mời",
+        "joining_space": "Đang tham gia",
+        "landing_welcome": "Chào mừng đến với <name />",
+        "leave_dialog_action": "Rời space",
+        "leave_dialog_description": "Bạn sắp rời khỏi <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Bạn là quản trị viên duy nhất của một số phòng hoặc space mà bạn muốn rời khỏi. Rời khỏi họ sẽ Rời khỏi họ mà không có bất kỳ quản trị viên nào.",
+        "leave_dialog_only_admin_warning": "Bạn là quản trị viên duy nhất của không gian này. Rời khỏi nó sẽ có nghĩa là không ai có quyền kiểm soát nó.",
+        "leave_dialog_option_all": "Rời tất cả phòng",
+        "leave_dialog_option_intro": "Bạn có muốn rời khỏi các phòng trong space này?",
+        "leave_dialog_option_none": "Không rời bất kỳ phòng nào",
+        "leave_dialog_option_specific": "Rời một vài phòng",
+        "leave_dialog_public_rejoin_warning": "Bạn sẽ không thể tham gia lại trừ khi bạn được mời lại.",
+        "leave_dialog_title": "Rời khỏi %(spaceName)s",
+        "mark_suggested": "Đánh dấu như đề xuất",
+        "no_search_result_hint": "Bạn có thể muốn thử một tìm kiếm khác hoặc kiểm tra lỗi chính tả.",
+        "preferences": {
+            "sections_section": "Các phần để hiển thị",
+            "show_people_in_space": "Điều này nhóm các cuộc trò chuyện của bạn với các thành viên trong Space này. Tắt tính năng này sẽ ẩn các cuộc trò chuyện đó khỏi %(spaceName)s."
+        },
+        "room_filter_placeholder": "Tìm kiếm phòng",
+        "search_children": "Tìm kiếm %(spaceName)s",
+        "search_placeholder": "Tìm kiếm tên và mô tả",
+        "select_room_below": "Trước tiên hãy chọn một phòng bên dưới",
+        "share_public": "Chia sẻ space công cộng của bạn",
+        "suggested": "Đề nghị",
+        "suggested_tooltip": "Phòng này được đề xuất là một nơi tốt để tham gia",
+        "title_when_query_available": "Kết quả",
+        "title_when_query_unavailable": "Các phòng và space",
+        "unmark_suggested": "Đánh dấu như không đề xuất",
+        "user_lacks_permission": "Bạn không có quyền"
+    },
+    "space_settings": {
+        "title": "Cài đặt - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Nhập tên của một máy chủ mới mà bạn muốn khám phá.",
+            "network_dropdown_add_dialog_placeholder": "Tên máy chủ",
+            "network_dropdown_add_dialog_title": "Thêm máy chủ mới",
+            "network_dropdown_available_invalid": "Không thể tìm thấy máy chủ này hoặc danh sách phòng của nó",
+            "network_dropdown_available_invalid_forbidden": "Bạn không được phép xem danh sách phòng của máy chủ này",
+            "network_dropdown_available_valid": "Có vẻ ổn",
+            "network_dropdown_required_invalid": "Nhập tên máy chủ",
+            "network_dropdown_selected_label": "Hiện: Phòng Matrix",
+            "network_dropdown_your_server_description": "Máy chủ của bạn"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_room_helpful_hint": "Nếu bạn không tìm được phòng bạn muốn, yêu cầu lời mời hay tạo phòng mới.",
+        "copy_link_text": "Sao chép liên kết mời",
+        "count_of_members": {
+            "one": "%(count)s thành viên",
+            "other": "%(count)s thành viên"
+        },
+        "create_new_room_button": "Tạo phòng mới",
+        "group_chat_section_title": "Lựa chọn khác",
+        "heading_with_query": "Sử dụng \"%(query)s\" để tìm kiếm",
+        "heading_without_query": "Tìm",
+        "join_button_text": "Tham gia %(roomAddress)s",
+        "keyboard_scroll_hint": "Dùng <arrows/> để cuộn",
+        "other_rooms_in_space": "Các phòng khác trong %(spaceName)s",
+        "public_rooms_label": "Các phòng công cộng",
+        "recent_searches_section_title": "Các tìm kiếm gần đây",
+        "recently_viewed_section_title": "Được xem gần đây",
+        "result_may_be_hidden_privacy_warning": "Một số kết quả có thể bị ẩn để đảm bảo quyền riêng tư",
+        "result_may_be_hidden_warning": "Một số kết quả có thể bị ẩn",
+        "spaces_title": "Các Space bạn đang trong đó",
+        "start_group_chat_button": "Bắt đầu cuộc trò chuyện nhóm"
+    },
+    "stickers": {
+        "empty": "Bạn hiện chưa bật bất kỳ gói nhãn dán nào",
+        "empty_add_prompt": "Thêm một số ngay bây giờ"
+    },
+    "terms": {
+        "column_document": "Tài liệu",
+        "column_service": "Dịch vụ",
+        "column_summary": "Tóm lược",
+        "identity_server_no_terms_description_1": "Hành động này yêu cầu truy cập máy chủ định danh mặc định <server /> để xác thực địa chỉ thư điện tử hoặc số điện thoại, nhưng máy chủ không có bất kỳ điều khoản dịch vụ nào.",
+        "identity_server_no_terms_description_2": "Chỉ tiếp tục nếu bạn tin tưởng chủ sở hữu máy chủ.",
+        "identity_server_no_terms_title": "Máy chủ định danh này không có điều khoản dịch vụ",
+        "inline_intro_text": "Chấp nhận <policyLink /> để tiếp tục:",
+        "integration_manager": "Sử dụng bot, cầu nối, tiện ích và gói sticker cảm xúc",
+        "intro": "Để tiếp tục, bạn cần chấp nhận các điều khoản của dịch vụ này.",
+        "summary_identity_server_1": "Tìm người khác qua điện thoại hoặc địa chỉ thư điện tử",
+        "summary_identity_server_2": "Được tìm thấy qua điện thoại hoặc địa chỉ thư điện tử",
+        "tac_button": "Xem lại các điều khoản và điều kiện",
+        "tac_description": "Để tiếp tục sử dụng máy chủ nhà của %(homeserverDomain)s, bạn phải xem xét và đồng ý với các điều khoản và điều kiện của chúng tôi.",
+        "tac_title": "Các điều khoản và điều kiện",
+        "tos": "Điều khoản Dịch vụ"
+    },
+    "theme": {
+        "light_high_contrast": "Độ tương phản ánh sáng cao",
+        "match_system": "Theo hệ thống"
+    },
+    "thread_view_back_action_label": "Quay lại luồng",
+    "threads": {
+        "all_threads": "Tất cả chủ đề",
+        "all_threads_description": "Hiển thị tất cả chủ đề từ phòng hiện tại",
+        "count_of_reply": {
+            "one": "%(count)s trả lời",
+            "other": "%(count)s trả lời"
+        },
+        "my_threads": "Các chủ đề của tôi",
+        "my_threads_description": "Hiển thị tất cả các chủ đề bạn đã tham gia",
+        "show_thread_filter": "Hiển thị:"
+    },
+    "time": {
+        "date_at_time": "%(date)s lúc %(time)s",
+        "hours_minutes_seconds_left": "Còn lại %(hours)s giờ %(minutes)s phút %(seconds)s giây",
+        "minutes_seconds_left": "Còn lại %(minutes)s phút %(seconds)s giây",
+        "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",
+        "short_hours": "%(value)sgiờ",
+        "short_hours_minutes_seconds": "%(hours)s giờ %(minutes)s phút %(seconds)s giây",
+        "short_minutes": "%(value)sphút",
+        "short_minutes_seconds": "%(minutes)s phút %(seconds)s giây",
+        "short_seconds": "%(value)sgiây"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Thu gọn chuỗi trả lời",
+            "external_url": "URL nguồn",
+            "open_in_osm": "Mở trong OpenStreetMap",
+            "report": "Bản báo cáo",
+            "resent_unsent_reactions": "Gửi lại (các) phản ứng %(unsentCount)s",
+            "show_url_preview": "Hiển thị bản xem trước",
+            "view_related_event": "Xem sự kiện liên quan",
+            "view_source": "Xem nguồn"
+        },
+        "creation_summary_dm": "%(creator)s đã tạo DM này.",
+        "creation_summary_room": "%(creator)s đã tạo và định cấu hình phòng.",
+        "download_action_downloading": "Đang tải xuống",
+        "edits": {
+            "tooltip_label": "Đã chỉnh sửa vào %(date)s. Bấm để xem các chỉnh sửa.",
+            "tooltip_sub": "Nhấp để xem các chỉnh sửa",
+            "tooltip_title": "Đã chỉnh sửa lúc %(date)s"
+        },
+        "error_no_renderer": "Sự kiện này không thể được hiển thị",
+        "error_rendering_message": "Không thể tải tin nhắn này",
+        "historical_messages_unavailable": "Bạn khồng thể thấy các tin nhắn trước",
+        "in_room_name": " ở <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s đã cập nhật bố trí của phòng",
+        "load_error": {
+            "no_permission": "Đã cố gắng tải một điểm cụ thể trong dòng thời gian của phòng này, nhưng bạn không có quyền xem tin nhắn được đề cập.",
+            "title": "Không tải được vị trí dòng thời gian",
+            "unable_to_find": "Đã cố gắng tải một điểm cụ thể trong dòng thời gian của phòng này, nhưng không thể tìm thấy nó."
+        },
+        "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"
+        },
+        "m.call": {
+            "video_call_ended": "Cuộc gọi truyền hình đã kết thúc",
+            "video_call_started": "Cuộc gọi truyền hình đã bắt đầu trong %(roomName)s.",
+            "video_call_started_text": "%(name)s đã bắt đầu một cuộc gọi truyền hình",
+            "video_call_started_unsupported": "Cuộc gọi truyền hình đã được bắt đầu ở %(roomName)s. (không được trình duyệt này hỗ trợ)"
+        },
+        "m.call.hangup": {
+            "dm": "Cuộc gọi đã kết thúc"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Trả lời ở nơi khác",
+            "call_back_prompt": "Gọi lại",
+            "declined": "Cuộc gọi bị từ chối",
+            "failed_connect_media": "Không thể kết nối phương tiện",
+            "failed_connection": "Kết nối thất bại",
+            "failed_opponent_media": "Thiết bị của họ không thể khởi động máy ảnh hoặc micrô",
+            "missed_call": "Cuộc gọi nhỡ",
+            "no_answer": "Không trả lời",
+            "unknown_error": "Đã xảy ra lỗi không xác định",
+            "unknown_failure": "Lỗi không xác định: %(reason)s",
+            "unknown_state": "Cuộc gọi ở trạng thái không xác định!",
+            "video_call": "%(senderName)s đã thực hiện một cuộc gọi điện video.",
+            "video_call_unsupported": "%(senderName)s đã thực hiện một cuộc gọi điện video. (không được hỗ trợ bởi trình duyệt này)",
+            "voice_call": "%(senderName)s đã thực hiện một cuộc gọi thoại.",
+            "voice_call_unsupported": "%(senderName)s đã thực hiện một cuộc gọi thoại. (không được hỗ trợ bởi trình duyệt này)"
+        },
+        "m.file": {
+            "error_decrypting": "Lỗi khi giải mã tệp đính kèm"
+        },
+        "m.image": {
+            "error": "Không thể hiển thị hình ảnh do lỗi",
+            "error_decrypting": "Lỗi khi giải mã hình ảnh",
+            "error_downloading": "Lỗi khi tải hình ảnh",
+            "sent": "%(senderDisplayName)s đã gửi một hình.",
+            "show_image": "Hiển thị hình ảnh"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s muốn xác thực",
+            "you_started": "Bạn đã gửi một yêu cầu xác thực"
+        },
+        "m.location": {
+            "full": "%(senderName)s đã chia sẻ vị trí của họ"
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s phiếu bầu",
+                "other": "%(count)s phiếu bầu"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s vừa kết thúc một cuộc bình chọn"
+        },
+        "m.poll.start": "%(senderName)s vừa bắt đầu một cuộc bình chọn - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s đã thay đổi avatar phòng.",
+            "lightbox_title": "%(senderDisplayName)s đã thay đổi hình đại diện cho %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s đã thêm địa chỉ thay thế %(addresses)s cho phòng này.",
+                "other": "%(senderName)s đã thêm các địa chỉ thay thế %(addresses)s cho phòng này."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s đã bỏ địa chỉ thay thế %(addresses)s cho phòng này.",
+                "other": "%(senderName)s đã bỏ các địa chỉ thay thế %(addresses)s cho phòng này."
+            },
+            "changed": "%(senderName)s đã thay đổi địa chỉ cho phòng này.",
+            "changed_alternative": "%(senderName)s đã thay đổi các địa chỉ thay thế cho phòng này.",
+            "changed_main_and_alternative": "%(senderName)s đã thay đổi địa chỉ chính và địa chỉ thay thế cho phòng này.",
+            "removed": "%(senderName)s đã loại địa chỉ chính của phòng.",
+            "set": "%(senderName)s thiết lập địa chỉ chính cho phòng thành %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Căn phòng này là sự tiếp nối của một cuộc trò chuyện khác.",
+            "see_older_messages": "Bấm vào đây để xem các tin nhắn cũ hơn."
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s vừa cho phép khách có thể tham gia phòng.",
+            "forbidden": "%(senderDisplayName)s vừa cấm khách có thể tham gia phòng.",
+            "unknown": "%(senderDisplayName)s vừa đổi chính sách tham gia của khách thành %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s đã đặt lịch sử phòng chat xem được bởi thành viên, tính từ lúc thành viên được mời.",
+            "joined": "%(senderName)s đã đặt lịch sử phòng chat xem được bởi thành viên, tính từ lúc thành viên tham gia phòng.",
+            "shared": "%(senderName)s đã đặt nội dung mới của phòng chat xem được bởi thành viên.",
+            "unknown": "%(senderName)s đã đặt lịch sử phòng chat xem được đối với đối tượng (%(visibility)s).",
+            "world_readable": "%(senderName)s đã đặt nội dung mới của phòng chat xem được bởi bất kỳ ai."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s đã chỉnh phòng chỉ tham gia khi được mời.",
+            "knock": "%(senderDisplayName)s thay đổi quy tắc tham gia thành yêu cầu để tham gia.",
+            "public": "%(senderDisplayName)s đã chỉnh phòng thành phòng mở cho người biết link tham gia.",
+            "restricted": "%(senderDisplayName)s đã thay đổi ai có thể tham gia phòng này.",
+            "restricted_settings": "%(senderDisplayName)s đã thay đổi ai có thể tham gia phòng này. <a> Xem cài đặt </a>.",
+            "unknown": "%(senderDisplayName)s đổi quy thắc tham gia thành %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s đã chấp nhận lời mời cho %(displayName)s",
+            "accepted_invite": "%(targetName)s đã chấp nhận một lời mời",
+            "ban": "%(senderName)s đã cấm %(targetName)s",
+            "ban_reason": "%(senderName)s đã cấm %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s đã thay đổi ảnh hồ sơ",
+            "change_name": "%(oldDisplayName)s đã thay đổi tên hiển thị thành %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s đã thay đổi tên hiển thị và ảnh đại diện",
+            "invite": "%(senderName)s đã mời %(targetName)s",
+            "join": "%(targetName)s đã tham gia phòng",
+            "kick": "%(senderName)s đã xóa %(targetName)s",
+            "kick_reason": "%(senderName)s đã xóa %(targetName)s: %(reason)s",
+            "left": "%(targetName)s đã rời khỏi phòng",
+            "left_reason": "%(targetName)s đã rời khỏi phòng: %(reason)s",
+            "no_change": "%(senderName)s không thực hiện thay đổi",
+            "reject_invite": "%(targetName)s đã từ chối lời mời",
+            "remove_avatar": "%(senderName)s đã xóa ảnh hồ sơ",
+            "remove_name": "%(senderName)s đã xóa tên hiển thị (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s đặt ảnh hồ sơ",
+            "set_name": "%(senderName)s đã đặt tên hiển thị thành %(displayName)s",
+            "unban": "%(senderName)s đã bỏ cấm %(targetName)s",
+            "withdrew_invite": "%(senderName)s đã rút lại lời mời của %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s đã rút lại lời mời của %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s đã đổi tên phòng từ %(oldRoomName)s thành %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s loại bỏ tên phòng chat.",
+            "set": "%(senderDisplayName)s đổi tên phòng thành %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s đã đổi tin được treo trong phòng.",
+            "changed_link": "%(senderName)s đã thay đổi <a>pinned messages</a> cho phòng.",
+            "pinned": "%(senderName)s đã ghim một tin nhắn trong phòng này. Xem tất cả tin nhắn được ghim.",
+            "pinned_link": "%(senderName)s đã ghim <a>một tin nhắn</a> trong phòng này. Xem tất cả <b>tin nhắn được ghim</b>.",
+            "unpinned": "%(senderName)s đã bỏ ghim một tin nhắn trong phòng này. Xem tất cả tin nhắn được ghim.",
+            "unpinned_link": "%(senderName)s đã bỏ ghim <a>một tin nhắn</a> trong phòng này. Xem tất cả <b>tin nhắn được ghim</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s đã đổi mức quyền của %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s đổi từ %(fromPowerLevel)s thành %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s đã thu hồi lời mời %(targetDisplayName)s tham gia phòng.",
+            "sent": "%(senderName)s đã mời %(targetDisplayName)s tham gia phòng."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s đã nâng cấp phòng này.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s đổi chủ đề thành \"%(topic)s\"."
+        },
+        "m.sticker": "%(senderDisplayName)s đã gửi một sticker.",
+        "m.video": {
+            "error_decrypting": "Lỗi khi giải mã video"
+        },
+        "m.widget": {
+            "added": "%(widgetName)s widget được thêm vào bởi %(senderName)s",
+            "jitsi_ended": "Hội nghị truyền hình đã kết thúc trước%(senderName)s",
+            "jitsi_join_right_prompt": "Tham gia hội nghị từ thẻ thông tin phòng bên phải",
+            "jitsi_join_top_prompt": "Tham gia hội nghị ở đầu phòng này",
+            "jitsi_started": "Hội nghị truyền hình bắt đầu bởi %(senderName)s",
+            "jitsi_updated": "Hội nghị truyền hình được %(senderName)s cập nhật",
+            "modified": "%(widgetName)s được sửa tên bởi %(senderName)s",
+            "removed": "%(widgetName)s widget được gỡ bởi %(senderName)s"
+        },
+        "mab": {
+            "copy_link_thread": "Sao chép liên kết vào chủ đề",
+            "view_in_room": "Xem phòng này"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s đã cập nhật quy tắc cấm khớp %(oldGlob)s sang %(newGlob)s cho %(reason)s",
+            "changed_rule_rooms": "%(senderName)s đã thay đổi quy tắc cấm các phòng khớp với %(oldGlob)s thành khớp với %(newGlob)s vì %(reason)s",
+            "changed_rule_servers": "%(senderName)s đã thay đổi một quy tắc cấm các máy chủ khớp với %(oldGlob)s để khớp với %(newGlob)s vì %(reason)s",
+            "changed_rule_users": "%(senderName)s đã thay đổi quy tắc cấm người dùng khớp %(oldGlob)s thành %(newGlob)s vì %(reason)s",
+            "created_rule": "%(senderName)s đã tạo một quy tắc cấm phù hợp với %(glob)s cho %(reason)s",
+            "created_rule_rooms": "%(senderName)s đã tạo một quy tắc cấm các phòng khớp với %(glob)s vì %(reason)s",
+            "created_rule_servers": "%(senderName)s đã tạo quy tắc cấm các máy chủ khớp với %(glob)s cho %(reason)s",
+            "created_rule_users": "%(senderName)s đã tạo một quy tắc cấm những người dùng khớp với %(glob)s vì %(reason)s",
+            "removed_rule": "%(senderName)s đã xóa quy tắc cấm khớp với %(glob)s",
+            "removed_rule_rooms": "%(senderName)s đã xóa quy tắc cấm các phòng khớp với %(glob)s",
+            "removed_rule_servers": "%(senderName)s đã xóa quy tắc cấm các máy chủ khớp với %(glob)s",
+            "removed_rule_users": "%(senderName)s đã xóa quy tắc cấm người dùng khớp với %(glob)s",
+            "updated_invalid_rule": "%(senderName)s đã cập nhật quy tắc cấm không hợp lệ",
+            "updated_rule": "%(senderName)s đã cập nhật quy tắc cấm phù hợp với %(glob)s cho %(reason)s",
+            "updated_rule_rooms": "%(senderName)s đã cập nhật quy tắc cấm các phòng khớp với %(glob)s cho %(reason)s",
+            "updated_rule_servers": "%(senderName)s đã cập nhật quy tắc cấm các máy chủ khớp với %(glob)s cho %(reason)s",
+            "updated_rule_users": "%(senderName)s đã cập nhật quy tắc cấm người dùng khớp với %(glob)s cho %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Bạn không có quyền xem tin nhắn trước lúc bạn được mời.",
+        "no_permission_messages_before_join": "Bạn không có quyền xem tin nhắn trước lúc bạn tham gia.",
+        "pending_moderation": "Tin nhắn chờ duyệt",
+        "pending_moderation_reason": "Tin nhắn chờ duyệt: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Thêm phản ứng",
+            "label": "%(reactors)s đã phản hồi với %(content)s"
+        },
+        "read_receipt_title": {
+            "one": "Gửi bởi %(count)s người",
+            "other": "Gửi bởi %(count)s người"
+        },
+        "read_receipts_label": "Thông báo đã đọc",
+        "redacted": {
+            "tooltip": "Tin nhắn đã bị xóa vào %(date)s"
+        },
+        "redaction": "Tin nhắn đã bị %(name)s xóa",
+        "reply": {
+            "error_loading": "Không thể tải sự kiện đã được trả lời, sự kiện đó không tồn tại hoặc bạn không có quyền xem sự kiện đó.",
+            "in_reply_to": "Trả lời <a>In reply to</a> <pill>",
+            "in_reply_to_for_export": "Để trả lời <a>tin nhắn này</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Bạn sắp được đưa đến trang web của bên thứ ba để bạn có thể xác thực tài khoản của mình để sử dụng với %(integrationsUrl)s. Bạn có muốn tiếp tục không?",
+            "dialog_title": "Thêm tích hợp"
+        },
+        "self_redaction": "Tin nhắn đã xóa",
+        "send_state_encrypting": "Đang mã hóa tin nhắn…",
+        "send_state_failed": "Gửi thất bại",
+        "send_state_sending": "Đang gửi tin nhắn…",
+        "send_state_sent": "Tin nhắn của bạn đã được gửi đi",
+        "summary": {
+            "banned": {
+                "one": "đã bị cấm",
+                "other": "đã bị cấm %(count)s lần"
+            },
+            "banned_multiple": {
+                "one": "đã bị cấm",
+                "other": "đã bị cấm %(count)s lần"
+            },
+            "changed_avatar": {
+                "other": "%(oneUser)sđã thay đổi ảnh đại diện của họ%(count)s lần"
+            },
+            "changed_name": {
+                "one": "%(oneUser)s đã thay đổi tên của họ",
+                "other": "%(oneUser)s đã thay đổi tên của họ %(count)s lần"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)s đã thay đổi tên của họ",
+                "other": "%(severalUsers)s đã thay đổi tên của họ %(count)s lần"
+            },
+            "format": "%(nameList)s%(transitionList)s",
+            "hidden_event": {
+                "other": "%(oneUser)sgửi %(count)s tin nhắn ẩn",
+                "one": "%(oneUser)sgửi một tin nhắn ẩn"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)sgửi một tin nhắn ẩn",
+                "other": "%(severalUsers)sgửi %(count)s tin nhắn ẩn"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)s đã rút lời mợi của họ",
+                "other": "%(oneUser)s đã rút lời mợi của họ %(count)s lần"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)s đã rút các lời mời của họ",
+                "other": "%(severalUsers)s đã rút các lời mời của họ %(count)s lần"
+            },
+            "invited": {
+                "one": "đã được mời",
+                "other": "đã được mời %(count)s lần"
+            },
+            "invited_multiple": {
+                "one": "đã được mời",
+                "other": "đã được mời %(count)s lần"
+            },
+            "joined": {
+                "one": "%(oneUser)s đã tham gia",
+                "other": "%(oneUser)s đã tham gia %(count)s lần"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)s đã tham gia và rời khỏi",
+                "other": "%(oneUser)s đã tham gia và rời khỏi %(count)s lần"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)s đã tham gia và rời khỏi",
+                "other": "%(severalUsers)s đã tham gia và rời khỏi %(count)s lần"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)s đã tham gia",
+                "other": "%(severalUsers)s đã tham gia %(count)s lần"
+            },
+            "left": {
+                "one": "%(oneUser)s đã rời khỏi",
+                "other": "%(oneUser)s đã rời khỏi %(count)s lần"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)s đã rời khỏi",
+                "other": "%(severalUsers)s đã rời khỏi %(count)s lần"
+            },
+            "no_change": {
+                "one": "%(oneUser)s không thay đổi",
+                "other": "%(oneUser)s không thay đổi %(count)s lần"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)s không thay đổi",
+                "other": "%(severalUsers)s không thay đổi %(count)s lần"
+            },
+            "pinned_events": {
+                "other": "%(oneUser)sthay đổi <a>tin nhắn đã ghim</a> cho phòng %(count)s lần",
+                "one": "%(oneUser)sthay đổi <a>tin nhắn đã ghim</a> cho phòng"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)sthay đổi <a>tin nhắn đã ghim</a> cho phòng",
+                "other": "%(severalUsers)sthay đổi <a>tin nhắn đã ghim</a> cho phòng %(count)s lần"
+            },
+            "redacted": {
+                "other": "%(oneUser)sxóa %(count)s tin nhắn",
+                "one": "%(oneUser)sxóa một tin nhắn"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)sxóa một tin nhắn",
+                "other": "%(severalUsers)sxóa %(count)s tin nhắn"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)s đã từ chối lời mời của họ",
+                "other": "%(oneUser)s đã từ chối lời mời của họ %(count)s lần"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)s đã từ chối các lời mời của họ",
+                "other": "%(severalUsers)s đã từ chối các lời mời của họ %(count)s lần"
+            },
+            "rejoined": {
+                "one": "%(oneUser)s đã rời khỏi và tham gia lại",
+                "other": "%(oneUser)s đã rời khỏi và tham gia lại %(count)s lần"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)s đã rời khỏi và tham gia lại",
+                "other": "%(severalUsers)s đã rời khỏi và tham gia lại %(count)s lần"
+            },
+            "unbanned": {
+                "one": "đã được hủy cấm",
+                "other": "đã được hủy cấm %(count)s lần"
+            },
+            "unbanned_multiple": {
+                "one": "đã được hủy cấm",
+                "other": "đã được hủy cấm %(count)s lần"
+            }
+        },
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s và %(count)s người khác đang gõ …",
+                "one": "%(names)s và một người khác đang gõ …"
+            },
+            "one_user": "%(displayName)s đang gõ …",
+            "two_users": "%(names)s và %(lastPerson)s đang gõ …"
+        },
+        "undecryptable_tooltip": "Không giải mã được tin nhắn"
+    },
+    "truncated_list_n_more": {
+        "other": "Và %(count)s thêm…"
+    },
+    "update": {
+        "changelog": "Lịch sử thay đổi",
+        "check_action": "Kiểm tra cập nhật",
+        "checking": "Đang kiểm tra cập nhật…",
+        "downloading": "Đang tải xuống cập nhật…",
+        "error_encountered": "Đã xảy ra lỗi (%(errorDetail)s).",
+        "error_unable_load_commit": "Không thể tải chi tiết cam kết: %(msg)s",
+        "new_version_available": "Có phiên bản mới. Cập nhật ngay bây giờ <a>Update now.</a>",
+        "no_update": "Không có bản cập nhật nào.",
+        "release_notes_toast_title": "Có gì mới",
+        "see_changes_button": "Có gì mới?",
+        "toast_description": "Đã có phiên bản mới của %(brand)s",
+        "toast_title": "Cập nhật %(brand)s",
+        "unavailable": "Không có sẵn"
+    },
+    "upload_failed_generic": "Không tải lên được tập tin '%(fileName)s' .",
+    "upload_failed_size": "Tập tin '%(fileName)s' vượt quá giới hạn về kích thước tải lên của máy chủ",
+    "upload_failed_title": "Không tải lên được",
+    "upload_file": {
+        "cancel_all_button": "Hủy bỏ tất cả",
+        "error_file_too_large": "Tệp này <b>too large</b> để tải lên. Giới hạn kích thước tệp là %(limit)s nhưng tệp này là %(sizeOfThisFile)s.",
+        "error_files_too_large": "Các tệp này <b>too large</b> quá lớn để tải lên. Giới hạn kích thước tệp là %(limit)s.",
+        "error_some_files_too_large": "Một số tệp <b> quá lớn </b> không thể tải lên được. Giới hạn kích thước tệp là %(limit)s.",
+        "error_title": "Lỗi tải lên",
+        "title": "Tải tệp lên",
+        "title_progress": "Tải lên tệp (%(current)s of %(total)s)",
+        "upload_all_button": "Tải lên tất cả",
+        "upload_n_others_button": {
+            "one": "Tải lên %(count)s tệp khác",
+            "other": "Tải lên %(count)s tệp khác"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Công cụ quản trị",
+        "ban_button_room": "Cấm khỏi phòng",
+        "ban_button_space": "Cấm khỏi space",
+        "ban_room_confirm_title": "Cấm từ %(roomName)s",
+        "ban_space_everything": "Cấm họ khỏi mọi thứ mà tôi có thể",
+        "ban_space_specific": "Cấm họ khỏi những thứ cụ thể mà tôi có thể",
+        "deactivate_confirm_action": "Hủy kích hoạt người dùng",
+        "deactivate_confirm_description": "Việc hủy kích hoạt người dùng này sẽ đăng xuất họ và ngăn họ đăng nhập lại. Ngoài ra, họ sẽ rời khỏi tất cả các phòng mà họ đang ở. Không thể hoàn tác hành động này. Bạn có chắc chắn muốn hủy kích hoạt người dùng này không?",
+        "deactivate_confirm_title": "Hủy kích hoạt người dùng?",
+        "demote_button": "Giáng cấp",
+        "demote_self_confirm_description_space": "Bạn sẽ không thể hoàn tác thay đổi này vì bạn đang tự hạ cấp, nếu bạn là người dùng có đặc quyền cuối cùng trong space thì sẽ không thể lấy lại đặc quyền.",
+        "demote_self_confirm_room": "Bạn sẽ không thể hoàn tác thay đổi này vì bạn đang tự giáng cấp bản thân, nếu bạn là người dùng cuối cùng có đặc quyền trong phòng, nó sẽ không thể lấy lại đặc quyền.",
+        "demote_self_confirm_title": "Giáng cấp bản thân?",
+        "disinvite_button_room": "Không mời vào phòng nữa",
+        "disinvite_button_room_name": "Hủy mời từ %(roomName)s",
+        "disinvite_button_space": "Hủy lời mời vào space",
+        "error_ban_user": "Đã có lỗi khi chặn người dùng",
+        "error_deactivate": "Không thể hủy kích hoạt người dùng",
+        "error_kicking_user": "Không thể loại bỏ người dùng",
+        "error_mute_user": "Không thể tắt tiếng người dùng",
+        "error_revoke_3pid_invite_description": "Không thể thu hồi lời mời. Máy chủ có thể đang gặp sự cố tạm thời hoặc bạn không có đủ quyền để thu hồi lời mời.",
+        "error_revoke_3pid_invite_title": "Không thể thu hồi lời mời",
+        "ignore_confirm_description": "Toàn bộ tin nhắn và lời mời từ người dùng này sẽ bị ẩn. Bạn có muốn tảng lờ người dùng?",
+        "ignore_confirm_title": "Tảng lờ %(user)s",
+        "invited_by": "Được %(sender)s mời",
+        "jump_to_rr_button": "Nhảy để đọc biên nhận",
+        "kick_button_room": "Loại bỏ khỏi phòng",
+        "kick_button_room_name": "Loại bỏ khỏi %(roomName)s",
+        "kick_button_space": "Loại bỏ khỏi space",
+        "kick_button_space_everything": "Loại bỏ khỏi mọi phòng mà tôi có thể",
+        "kick_space_specific": "Loại bỏ khỏi các phòng xác định mà tôi có thể",
+        "kick_space_warning": "Họ sẽ vẫn có thể truy cập vào bất cứ gì mà bạn không phải là quản trị viên.",
+        "promote_warning": "Bạn sẽ không thể hoàn tác thay đổi này vì bạn đang khuyến khích người dùng có cùng mức sức mạnh với bạn.",
+        "redact": {
+            "confirm_button": {
+                "one": "Bỏ một tin nhắn",
+                "other": "Bỏ %(count)s tin nhắn"
+            },
+            "confirm_description_2": "Đối với một lượng lớn thư, quá trình này có thể mất một chút thời gian. Vui lòng không làm mới khách hàng của bạn trong thời gian chờ đợi.",
+            "confirm_title": "Bỏ các tin nhắn gần đây bởi %(user)s",
+            "no_recent_messages_description": "Thử cuộn lên trong dòng thời gian để xem có cái nào trước đó không.",
+            "no_recent_messages_title": "Không tìm thấy tin nhắn gần đây của %(user)s"
+        },
+        "redact_button": "Bỏ các tin nhắn gần đây",
+        "revoke_invite": "Thu hồi lời mời",
+        "room_encrypted": "Tin nhắn trong phòng này đang được mã hóa đầu cuối.",
+        "room_encrypted_detail": "Tin nhắn của bạn được bảo mật và chỉ bạn và người nhận mới có chìa khóa duy nhất để mở khóa.",
+        "room_unencrypted": "Tin nhắn trong phòng này không được mã hóa đầu cuối.",
+        "room_unencrypted_detail": "Trong các phòng được mã hóa, tin nhắn của bạn được bảo mật và chỉ bạn và người nhận mới có chìa khóa duy nhất để mở khóa.",
+        "share_button": "Chia sẻ liên kết với người dùng",
+        "unban_button_room": "Bỏ cấm trong phòng",
+        "unban_button_space": "Bỏ cấm trong space",
+        "unban_room_confirm_title": "Hủy cấm từ %(roomName)s",
+        "unban_space_everything": "Hủy cấm họ khỏi mọi thứ mà tôi có thể",
+        "unban_space_specific": "Hủy cấm họ khỏi những thứ cụ thể mà tôi có thể",
+        "unban_space_warning": "Họ sẽ không thể truy cập vào bất cứ gì mà bạn không phải là quản trị viên.",
+        "verify_button": "Xác thực người dùng",
+        "verify_explainer": "Để tăng cường bảo mật, hãy xác thực người dùng này bằng cách kiểm tra mã một lần trên cả hai thiết bị của bạn."
+    },
+    "voip": {
+        "already_in_call": "Đang trong cuộc gọi",
+        "already_in_call_person": "Bạn đang trong cuộc gọi với người này rồi.",
+        "answered_elsewhere": "Đã trả lời ở nơi khác",
+        "answered_elsewhere_description": "Cuộc gọi đã được trả lời trên một thiết bị khác.",
+        "call_failed": "Không gọi được",
+        "call_failed_description": "Không thể khởi tạo cuộc gọi",
+        "call_failed_media": "Thực hiện cuộc gọi thất bại vì không thể truy cập máy ảnh hoặc micrô. Kiểm tra xem:",
+        "call_failed_media_applications": "Không có ứng dụng nào khác đang sử dụng máy ảnh",
+        "call_failed_media_connected": "Micrô và máy ảnh đã được cắm và thiết lập đúng cách",
+        "call_failed_media_permissions": "Đã cấp quyền cho ứng dụng để sử dụng máy ảnh",
+        "call_failed_microphone": "Thực hiện cuộc gọi thất bại vì không thể truy cập micrô. Kiểm tra xem micrô đã được cắm và thiết lập đúng chưa.",
+        "call_held": "%(peerName)s đã tổ chức cuộc gọi",
+        "call_held_resume": "Bạn đã tổ chức cuộc gọi <a>Resume</a>",
+        "call_held_switch": "Bạn đã tổ chức cuộc gọi <a>Switch</a>",
+        "call_toast_unknown_room": "Phòng không xác định",
+        "camera_disabled": "Camera của bạn đã tắt",
+        "camera_enabled": "Camera của bạn vẫn đang được bật",
+        "cannot_call_yourself_description": "Bạn không thể tự gọi chính mình.",
+        "connecting": "Đang kết nối",
+        "connection_lost": "Mất kết nối đến máy chủ",
+        "connection_lost_description": "Bạn không thể gọi khi không có kết nối tới máy chủ.",
+        "consulting": "Tư vấn với %(transferTarget)s. <a>Transfer to %(transferee)s</a>",
+        "default_device": "Thiết bị mặc định",
+        "dial": "Quay số",
+        "dialpad": "Bàn phím số",
+        "disable_camera": "Tắt máy ghi hình",
+        "disable_microphone": "Tắt âm micrô",
+        "disabled_no_perms_start_video_call": "Bạn không có quyền để bắt đầu cuộc gọi truyền hình",
+        "disabled_no_perms_start_voice_call": "Bạn không có quyền để bắt đầu cuộc gọi",
+        "disabled_ongoing_call": "Cuộc gọi hiện thời",
+        "enable_camera": "Bật máy ghi hình",
+        "enable_microphone": "Mở âm micrô",
+        "expand": "Quay về cuộc gọi",
+        "hangup": "Dập máy",
+        "hide_sidebar_button": "Ẩn thanh bên",
+        "input_devices": "Thiết bị đầu vào",
+        "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.",
+        "misconfigured_server_fallback": "Ngoài ra, bạn còn có thể thử dùng máy chủ công cộng tại <server/>, nhưng máy chủ này sẽ không đáng tin cậy, sẽ chia sẻ địa chỉ IP của bạn với máy chủ đó. Bạn cũng có thể quản lý ở phần Cài đặt.",
+        "misconfigured_server_fallback_accept": "Thử dùng %(server)s",
+        "more_button": "Thêm",
+        "msisdn_lookup_failed": "Không thể tra cứu số điện thoại",
+        "msisdn_lookup_failed_description": "Có lỗi khi tra cứu số điện thoại",
+        "msisdn_transfer_failed": "Không thể chuyển cuộc gọi",
+        "n_people_joined": {
+            "one": "%(count)s người đã tham gia",
+            "other": "%(count)s người đã tham gia"
+        },
+        "no_audio_input_description": "Chúng tôi không tìm thấy micrô trên thiết bị của bạn. Vui lòng kiểm tra các thiết lập của bạn và thử lại.",
+        "no_audio_input_title": "Không tìm thấy micrô",
+        "no_media_perms_description": "Bạn có thể cần phải cho phép %(brand)s truy cập vào micrô/webcam của mình theo cách thủ công",
+        "no_media_perms_title": "Không có quyền sử dụng công cụ truyền thông",
+        "no_permission_conference": "Yêu cầu Cấp quyền",
+        "no_permission_conference_description": "Bạn không có quyền để bắt đầu cuộc gọi nhóm trong phòng này",
+        "on_hold": "%(name)s bị giữ",
+        "output_devices": "Thiết bị đầu ra",
+        "screenshare_monitor": "Chia sẻ toàn bộ màn hình",
+        "screenshare_title": "Chia sẻ nội dung",
+        "screenshare_window": "Cửa sổ ứng dụng",
+        "show_sidebar_button": "Hiển thị thanh bên",
+        "silence": "Cuộc gọi im lặng",
+        "silenced": "Thông báo đã được tắt tiếng",
+        "start_screenshare": "Bắt đầu chia sẻ màn hình của bạn",
+        "stop_screenshare": "Dừng chia sẻ màn hình của bạn",
+        "too_many_calls": "Quá nhiều cuộc gọi",
+        "too_many_calls_description": "Bạn đã đạt đến số lượng cuộc gọi đồng thời tối đa.",
+        "transfer_consult_first_label": "Tư vấn trước",
+        "transfer_failed": "Không chuyển hướng cuộc gọi được",
+        "transfer_failed_description": "Có lỗi khi chuyển hướng cuộc gọi",
+        "unable_to_access_audio_input_description": "Chúng tôi không thể truy cập micrô của bạn. Xin hãy kiểm tra trình duyệt của bạn và thử lại.",
+        "unable_to_access_audio_input_title": "Không thể truy cập micrô của bạn",
+        "unable_to_access_media": "Không thể truy cập máy ảnh / micrô",
+        "unable_to_access_microphone": "Không thể truy cập micrô",
+        "unknown_caller": "Người gọi không xác định",
+        "unknown_person": "người không rõ",
+        "unsilence": "Bật âm thanh",
+        "unsupported": "Không hỗ trợ tính năng cuộc gọi",
+        "unsupported_browser": "Bạn không thể gọi trong trình duyệt này.",
+        "user_busy": "Người dùng bận",
+        "user_busy_description": "Người dùng bạn vừa gọi hiện đang bận.",
+        "user_is_presenting": "%(sharerName)s đang trình bày",
+        "video_call": "Gọi video",
+        "voice_call": "Gọi thoại",
+        "you_are_presenting": "Bạn đang trình bày"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s trên %(osName)s",
+    "widget": {
+        "added_by": "widget được thêm bởi",
+        "capabilities_dialog": {
+            "content_starting_text": "Tiện ích widget này muốn:",
+            "decline_all_permission": "Từ chối tất cả",
+            "remember_Selection": "Hãy nhớ lựa chọn của tôi cho tiện ích này",
+            "title": "Phê duyệt quyền của tiện ích widget"
+        },
+        "capability": {
+            "always_on_screen_generic": "Ở lại màn hình của bạn trong khi chạy",
+            "always_on_screen_viewing_another_room": "Giữ màn hình của bạn khi đang xem phòng khác, khi đang chạy chương trình khác",
+            "any_room": "Những điều trên, nhưng trong bất kỳ phòng nào bạn cũng được tham gia hoặc được mời",
+            "byline_empty_state_key": "với một khóa trạng thái trống",
+            "byline_state_key": "với khóa trạng thái %(stateKey)s",
+            "capability": "Khả năng <b>%(capability)s</b>",
+            "change_avatar_active_room": "Thay đổi hình đại diện của phòng đang hoạt động của bạn",
+            "change_avatar_this_room": "Thay đổi hình đại diện của phòng này",
+            "change_name_active_room": "Thay đổi tên phòng đang hoạt động của bạn",
+            "change_name_this_room": "Thay đổi tên của phòng này",
+            "change_topic_active_room": "Thay đổi chủ đề của phòng hoạt động của bạn",
+            "change_topic_this_room": "Thay đổi chủ đề của căn phòng này",
+            "receive_membership_active_room": "Xem khi nào mọi người tham gia, rời khỏi hoặc được mời vào phòng hoạt động của bạn",
+            "receive_membership_this_room": "Xem khi nào mọi người tham gia, rời khỏi hoặc được mời vào phòng này",
+            "remove_ban_invite_leave_active_room": "Xóa, cấm, hoặc mời mọi người vào phòng đang hoạt động của bạn, và bạn rời khỏi đó",
+            "remove_ban_invite_leave_this_room": "Xóa, cấm, hoặc mời mọi người vào phòng này, và bạn rời khỏi đó",
+            "see_avatar_change_active_room": "Xem khi hình đại diện thay đổi trong phòng hoạt động của bạn",
+            "see_avatar_change_this_room": "Xem khi hình đại diện thay đổi trong phòng này",
+            "see_event_type_sent_active_room": "Xem các sự kiện <b>%(eventType)s</b> được đăng lên phòng hoạt động của bạn",
+            "see_event_type_sent_this_room": "Xem các sự kiện <b>%(eventType)s</b> được đăng lên phòng này",
+            "see_images_sent_active_room": "Xem hình ảnh được đăng vào phòng hoạt động của bạn",
+            "see_images_sent_this_room": "Xem hình ảnh được đăng lên phòng này",
+            "see_messages_sent_active_room": "Xem tin nhắn được đăng vào phòng hoạt động của bạn",
+            "see_messages_sent_this_room": "Xem tin nhắn được đăng lên phòng này",
+            "see_msgtype_sent_active_room": "Xem thông báo <b>%(msgtype)s</b> được đăng lên phòng hoạt động của bạn",
+            "see_msgtype_sent_this_room": "Xem thông báo <b>%(msgtype)s</b> được đăng lên phòng này",
+            "see_name_change_active_room": "Xem khi tên thay đổi trong phòng hoạt động của bạn",
+            "see_name_change_this_room": "Xem khi tên phòng này thay đổi",
+            "see_sent_emotes_active_room": "Xem biểu tượng cảm xúc được đăng lên phòng hoạt động của bạn",
+            "see_sent_emotes_this_room": "Xem biểu tượng cảm xúc được đăng lên phòng này",
+            "see_sent_files_active_room": "Xem các tệp chung được đăng vào phòng hoạt động của bạn",
+            "see_sent_files_this_room": "Xem các tệp chung được đăng lên phòng này",
+            "see_sticker_posted_active_room": "Xem khi có ai đăng sticker cảm xúc vào phòng hoạt động của bạn",
+            "see_sticker_posted_this_room": "Xem khi nào một sticker cảm xúc được đăng trong phòng này",
+            "see_text_messages_sent_active_room": "Xem tin nhắn văn bản được đăng vào phòng hoạt động của bạn",
+            "see_text_messages_sent_this_room": "Xem tin nhắn văn bản được đăng lên phòng này",
+            "see_topic_change_active_room": "Xem khi chủ đề thay đổi trong phòng hoạt động của bạn",
+            "see_topic_change_this_room": "Xem khi chủ đề thay đổi trong phòng này",
+            "see_videos_sent_active_room": "Xem các video được đăng lên phòng hoạt động của bạn",
+            "see_videos_sent_this_room": "Xem các video được đăng lên phòng này",
+            "send_emotes_active_room": "Gửi biểu tượng cảm xúc khi bạn đang ở trong phòng hoạt động của mình",
+            "send_emotes_this_room": "Gửi biểu tượng cảm xúc khi bạn ở trong phòng này",
+            "send_event_type_active_room": "Gửi <b> %(eventType)s </b> khi bạn đang ở trong phòng hoạt động của mình",
+            "send_event_type_this_room": "Gửi các sự kiện <b>%(eventType)s</b> khi bạn ở trong phòng này",
+            "send_files_active_room": "Gửi các tệp chung khi bạn đang ở trong phòng hoạt động của mình",
+            "send_files_this_room": "Gửi các tệp chung khi bạn ở trong phòng này",
+            "send_images_active_room": "Gửi hình ảnh khi bạn đang ở trong phòng hoạt động của mình",
+            "send_images_this_room": "Gửi hình ảnh khi bạn ở trong phòng này",
+            "send_messages_active_room": "Gửi tin nhắn khi bạn đang ở trong phòng hoạt động của mình",
+            "send_messages_this_room": "Gửi tin nhắn khi bạn ở trong phòng này",
+            "send_msgtype_active_room": "Gửi tin nhắn <b>%(msgtype)s</b> khi bạn đang ở trong phòng hoạt động của mình",
+            "send_msgtype_this_room": "Gửi tin nhắn <b>%(msgtype)s</b> khi bạn ở trong phòng này",
+            "send_stickers_active_room": "Gửi sticker cảm xúc phòng hoạt động của bạn",
+            "send_stickers_active_room_as_you": "Gửi sticker cảm xúc đến phòng hoạt động của bạn với tư cách là bạn",
+            "send_stickers_this_room": "Gửi sticker cảm xúc vào phòng này",
+            "send_stickers_this_room_as_you": "Gửi sticker cảm xúc đến phòng này với tư cách là bạn",
+            "send_text_messages_active_room": "Gửi tin nhắn văn bản khi bạn đang ở trong phòng hoạt động của mình",
+            "send_text_messages_this_room": "Gửi tin nhắn văn bản khi bạn ở trong phòng này",
+            "send_videos_active_room": "Gửi video khi bạn đang ở trong phòng hoạt động của mình",
+            "send_videos_this_room": "Gửi video khi bạn ở trong phòng này",
+            "specific_room": "The above, nhưng cũng ở trong <Room />",
+            "switch_room": "Thay đổi phòng bạn đang xem",
+            "switch_room_message_user": "Thay đổi phòng, tin nhắn hoặc người dùng bạn đang xem"
+        },
+        "close_to_view_right_panel": "Đóng widget này để xem nó trong bảng điều khiển này",
+        "context_menu": {
+            "delete": "Xóa Widget",
+            "delete_warning": "Xóa tiện ích widget sẽ xóa tiện ích widget đó cho tất cả người dùng khác trong phòng này. Bạn có chắc chắn muốn xóa tiện ích widget này không?"
+        },
+        "cookie_warning": "Tiện ích này có thể sử dụng cookie.",
+        "error_hangup_description": "Bạn bị mất kết nối đến cuộc gọi. (Lỗi: %(message)s)",
+        "error_hangup_title": "Mất kết nối",
+        "error_loading": "Lỗi khi tải widget",
+        "error_mixed_content": "Lỗi - Nội dung hỗn hợp",
+        "error_need_invite_permission": "Bạn cần mời được người dùng thì mới làm vậy được.",
+        "error_need_kick_permission": "Bạn phải đuổi được người dùng thì mới làm vậy được.",
+        "error_need_to_be_logged_in": "Bạn phải đăng nhập.",
+        "error_unable_start_audio_stream_description": "Không thể bắt đầu phát trực tuyến âm thanh.",
+        "error_unable_start_audio_stream_title": "Không thể bắt đầu phát trực tiếp",
+        "modal_data_warning": "Dữ liệu trên màn hình này được chia sẻ với %(widgetDomain)s",
+        "modal_title_default": "widget phương thức",
+        "no_name": "Ứng dụng không xác định",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Nhớ điều này",
+            "starting_text": "Tiện ích widget sẽ xác minh ID người dùng của bạn, nhưng không thể thay bạn thực hiện các hành động:",
+            "title": "Cho phép tiện ích widget này xác thực danh tính của bạn"
+        },
+        "popout": "Tiện ích bật ra",
+        "set_room_layout": "Đặt bố cục phòng của tôi cho mọi người",
+        "shared_data_device_id": "Định danh thiết bị của bạn",
+        "shared_data_lang": "Ngôn ngữ của bạn",
+        "shared_data_mxid": "ID người dùng của bạn",
+        "shared_data_name": "Tên hiển thị của bạn",
+        "shared_data_room_id": "ID phòng",
+        "shared_data_theme": "Chủ đề của bạn",
+        "shared_data_warning": "Sử dụng tiện ích này có thể chia sẻ dữ liệu <helpIcon /> với %(widgetDomain)s.",
+        "shared_data_warning_im": "Sử dụng tiện ích này có thể chia sẻ dữ liệu <helpIcon /> với %(widgetDomain)s và trình quản lý tích hợp của bạn.",
+        "unencrypted_warning": "Các widget không sử dụng mã hóa tin nhắn.",
+        "unmaximise": "Hủy thu nhỏ",
+        "unpin_to_view_right_panel": "Bỏ ghim widget này để xem nó trong bảng điều khiển này"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Tất cả chữ hoa cũng dễ đoán như tất cả chữ thường",
+            "anotherWord": "Thêm một hoặc hai từ. Từ không phổ thông càng hữu ích.",
+            "associatedYears": "Tránh nhập năm gắn liền với thông tin về bạn",
+            "capitalization": "Nhập chữ hoa không thực sự hữu ích",
+            "dates": "Tránh tháng và năm gắn liền với thông tin của bạn",
+            "l33t": "Ký tự thay thế dễ đoán như '@' thay vì 'a' cũng không thực sự hữu ích",
+            "longerKeyboardPattern": "Sử dụng mẫu bàn phím dài hơn với nhiều lượt hơn",
+            "noNeed": "Không cần nhập biểu tượng, số hoặc chữ in hoa",
+            "recentYears": "Tránh những năm gần đây",
+            "repeated": "Tránh nhập từ và ký tự lặp lại",
+            "reverseWords": "Chữ đảo ngược cũng không quá khó đoán",
+            "sequences": "Tránh nhập chuỗi",
+            "useWords": "Nhập vài từ, tránh những từ phổ thông"
+        },
+        "warnings": {
+            "common": "Đây là một mật khẩu rất phổ biến",
+            "commonNames": "Tên và họ phổ thông là rất dễ đoán",
+            "dates": "Ngày thường dễ đoán",
+            "extendedRepeat": "Ký tự \"abcabcabc\" chỉ hơi khó đoán hơn \"abc\"",
+            "keyPattern": "Các mẫu bàn phím ngắn là rất dễ đoán",
+            "namesByThemselves": "Tên và họ là rất dễ đoán",
+            "recentYears": "Dùng những năm gần đây là rất dễ đoán",
+            "sequences": "Chuỗi ký tự như abc hoặc 6543 là rất dễ đoán",
+            "similarToCommon": "Mật khẩu này tương tự mật khẩu phổ biến",
+            "simpleRepeat": "Từ lặp lại như \"aaa\" là rất dễ đoán",
+            "straightRow": "Hàng phím thẳng là rất dễ đoán",
+            "topHundred": "Đây là 1 trong 100 mật khẩu phổ biến",
+            "topTen": "Đây là 1 trong 10 mật khẩu phổ biến",
+            "wordByItself": "Một từ có nghĩa là rất dễ đoán"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/zh_Hans.json b/apps/web/src/i18n/strings/zh_Hans.json
new file mode 100644
index 00000000000..28f707d25e2
--- /dev/null
+++ b/apps/web/src/i18n/strings/zh_Hans.json
@@ -0,0 +1,4076 @@
+{
+    "a11y": {
+        "jump_first_invite": "跳转到首个邀请",
+        "message_composer": "消息编辑器",
+        "n_unread_messages": {
+            "one": "1 个未读消息",
+            "other": "%(count)s 个未读消息。"
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 个未读提及",
+            "other": "%(count)s 个包含提及在内的未读消息"
+        },
+        "room_status_bar": "房间状态栏",
+        "seek_bar_label": "音频搜索栏",
+        "unread_messages": "未读消息。"
+    },
+    "a11y_jump_first_unread_room": "跳转到首个未读房间。",
+    "action": {
+        "accept": "接受",
+        "add": "添加",
+        "add_existing_room": "添加现有房间",
+        "apply": "应用",
+        "approve": "批准",
+        "ask_to_join": "申请加入",
+        "back": "返回",
+        "call": "通话",
+        "cancel": "取消",
+        "change": "更改",
+        "clear": "清除",
+        "click_to_copy": "点击复制",
+        "close": "关闭",
+        "collapse": "折叠",
+        "complete": "完成",
+        "confirm": "确认",
+        "continue": "继续",
+        "copy": "复制",
+        "copy_link": "复制链接",
+        "create": "创建",
+        "create_a_room": "创建房间",
+        "create_account": "创建账户",
+        "decline": "拒绝",
+        "decline_and_block": "拒绝并屏蔽",
+        "decline_invite": "拒绝邀请",
+        "delete": "删除",
+        "deny": "拒绝",
+        "disable": "禁用",
+        "disconnect": "断开连接",
+        "dismiss": "忽略",
+        "done": "完成",
+        "download": "下载",
+        "edit": "编辑",
+        "enable": "启用",
+        "enter_fullscreen": "进入全屏",
+        "exit_fullscreeen": "退出全屏",
+        "expand": "展开",
+        "explore_rooms": "查找房间",
+        "export": "导出",
+        "forward": "转发",
+        "go": "前往",
+        "go_back": "后退",
+        "got_it": "明白",
+        "hide_advanced": "隐藏高级选项",
+        "hold": "保持",
+        "ignore": "忽略",
+        "import": "导入",
+        "invite": "邀请",
+        "join": "加入",
+        "learn_more": "了解更多",
+        "leave": "离开",
+        "leave_room": "离开房间",
+        "logout": "注销",
+        "manage": "管理",
+        "maximise": "最大化",
+        "mention": "提及",
+        "minimise": "最小化",
+        "new_room": "新建房间",
+        "new_video_room": "新视频房间",
+        "next": "下一个",
+        "no": "否",
+        "ok": "确定",
+        "open": "打开",
+        "pin": "置顶",
+        "proceed": "继续",
+        "quote": "引用",
+        "react": "回应",
+        "refresh": "刷新",
+        "register": "注册",
+        "reload": "重新载入",
+        "remove": "移除",
+        "rename": "重命名",
+        "reply": "回复",
+        "reply_in_thread": "在消息列中回复",
+        "report_room": "举报房间",
+        "resend": "重新发送",
+        "reset": "重置",
+        "resume": "恢复",
+        "retry": "重试",
+        "review": "审阅",
+        "revoke": "撤消",
+        "save": "保存",
+        "search": "搜索",
+        "send_report": "发送举报",
+        "set_avatar": "设置个人资料图像",
+        "share": "分享",
+        "show": "显示",
+        "show_advanced": "显示高级选项",
+        "show_all": "显示全部",
+        "sign_in": "登录",
+        "sign_out": "移除此设备",
+        "skip": "跳过",
+        "start": "开始",
+        "stop": "停止",
+        "submit": "提交",
+        "subscribe": "订阅",
+        "transfer": "传输",
+        "trust": "信任",
+        "try_again": "重试",
+        "unban": "解封",
+        "unignore": "解除忽略",
+        "unpin": "取消置顶",
+        "unsubscribe": "退订",
+        "update": "更新",
+        "upgrade": "升级",
+        "upload": "上传",
+        "upload_file": "上传文件",
+        "verify": "验证",
+        "view": "查看",
+        "view_all": "查看全部",
+        "view_list": "查看列表",
+        "view_message": "查看消息",
+        "view_source": "查看源码",
+        "yes": "是",
+        "yes_dismiss": "是，忽略",
+        "zoom_in": "放大",
+        "zoom_out": "缩小"
+    },
+    "analytics": {
+        "accept_button": "良好",
+        "bullet_1": "我们<Bold>不</Bold>记录或分析任何个人数据",
+        "bullet_2": "我们<Bold>不</Bold>分享数据给第三方",
+        "consent_migration": "你已于之前同意我们分享匿名使用情况数据。我们正在更新其运作方式。",
+        "disable_prompt": "你可以随时在设置中关闭此选项。",
+        "enable_prompt": "帮助改进 %(analyticsOwner)s",
+        "learn_more": "分享匿名数据已帮助我们识别问题。不涉及个人隐私及第三方。<LearnMoreLink>了解更多</LearnMoreLink>",
+        "privacy_policy": "你可以阅读我们的所有条款 <PrivacyPolicyUrl>点击此处</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "通过分享匿名使用数据，帮助我们发现问题并改进 %(analyticsOwner)s。为了解用户如何使用多台设备，我们将生成一个由你的设备共享的随机标识符。",
+        "shared_data_heading": "以下任何数据都可能被分享："
+    },
+    "auth": {
+        "3pid_in_use": "该邮件地址或电话号码已被使用。",
+        "account_clash": "你的新账户 (%(newAccountId)s) 已注册，但你已登录到其它账户 (%(loggedInUserId)s)。",
+        "account_clash_previous_account": "使用上一个账户继续",
+        "account_deactivated": "此账户已被停用。",
+        "autodiscovery_generic_failure": "从服务器获取自动发现配置失败",
+        "autodiscovery_hs_incompatible": "你的主服务器版本太旧，不支持所需的最低 API 版本。请联系你的服务器所有者或升级你的服务器。",
+        "autodiscovery_invalid": "主服务器发现响应无效",
+        "autodiscovery_invalid_hs": "主服务器 URL 似乎不是有效的 Matrix 主服务器",
+        "autodiscovery_invalid_hs_base_url": "“m.homeserver”中的“base_url”无效",
+        "autodiscovery_invalid_is": "身份服务器 URL 似乎不是有效的身份服务器",
+        "autodiscovery_invalid_is_base_url": "“m.identity_server”中的“base_url”无效",
+        "autodiscovery_invalid_is_response": "身份服务器发现响应无效",
+        "autodiscovery_invalid_json": "JSON 无效",
+        "autodiscovery_no_well_known": ".well-known JSON 文件未找到",
+        "autodiscovery_unexpected_error_hs": "解析主服务器配置时出现未知错误",
+        "autodiscovery_unexpected_error_is": "解析身份服务器配置时出现未知错误",
+        "captcha_description": "此主服务器需要确认你是否为机器人。",
+        "change_password_action": "更改密码",
+        "change_password_confirm_invalid": "两次输入的密码不匹配",
+        "change_password_confirm_label": "确认密码",
+        "change_password_current_label": "当前密码",
+        "change_password_empty": "密码不能为空",
+        "change_password_error": "更改密码时出错：%(error)s",
+        "change_password_mismatch": "新密码不匹配",
+        "change_password_new_label": "新密码不匹配",
+        "check_email_explainer": "按说明发送到 <b>%(email)s</b>",
+        "check_email_resend_prompt": "未收到？",
+        "check_email_resend_tooltip": "验证链接邮件已重新发送！",
+        "check_email_wrong_email_button": "重新输入邮件地址",
+        "check_email_wrong_email_prompt": "邮件地址有误？",
+        "continue_with_idp": "使用 %(provider)s 继续",
+        "continue_with_sso": "使用 %(ssoButtons)s 继续",
+        "country_dropdown": "国家与地区下拉菜单",
+        "create_account_prompt": "新来的？<a>创建账户</a>",
+        "create_account_title": "创建账户",
+        "email_discovery_text": "使用邮件可选择让现有联系人发现。",
+        "email_field_label": "邮件",
+        "email_field_label_invalid": "似乎不是有效的邮件地址",
+        "email_field_label_required": "输入邮件地址",
+        "email_help_text": "添加邮件地址以用于重置密码",
+        "email_phone_discovery_text": "使用邮件地址或电话号码可选择让现有联系人发现。",
+        "enter_email_explainer": "<b>%(homeserver)s</b> 将向你发送验证链接以重置密码。",
+        "enter_email_heading": "输入邮件地址以重置密码",
+        "failed_connect_identity_server": "无法连接身份服务器",
+        "failed_connect_identity_server_other": "你可以登录，但某些功能在身份服务器恢复正常之前将不可用。如果你持续看到此警告，请检查你的配置或联系服务器管理员。",
+        "failed_connect_identity_server_register": "你可以注册，但某些功能在身份服务器恢复正常之前将不可用。如果你持续看到此警告，请检查你的配置或联系服务器管理员。",
+        "failed_connect_identity_server_reset_password": "你可以重置密码，但某些功能在身份服务器恢复正常之前将不可用。如果你持续看到此警告，请检查你的配置或联系服务器管理员。",
+        "failed_homeserver_discovery": "无法执行主服务器发现",
+        "failed_query_registration_methods": "无法查询支持的注册方法。",
+        "failed_soft_logout_auth": "重新认证失败",
+        "failed_soft_logout_homeserver": "由于服务器的问题，重新认证失败",
+        "forgot_password_email_invalid": "邮件地址似乎无效。",
+        "forgot_password_email_required": "必须输入与你的账户关联的邮件地址",
+        "forgot_password_prompt": "忘记密码？",
+        "forgot_password_send_email": "发送邮件",
+        "identifier_label": "登录选项",
+        "incorrect_credentials": "用户名或密码错误。",
+        "incorrect_credentials_detail": "请留意你登录的服务器为 %(hs)s 而不是 matrix.org",
+        "incorrect_password": "密码不正确",
+        "log_in_new_account": "<a>登录</a>到你的新账户。",
+        "logout_dialog": {
+            "description": "你确定要移除此设备？",
+            "setup_key_backup_title": "你即将失去加密聊天的访问权",
+            "setup_secure_backup_description": "这是你的唯一设备。一旦移除，下次登录时你需要使用恢复密钥验证数字身份并恢复加密聊天。",
+            "skip_key_backup": "仍要移除此设备"
+        },
+        "misconfigured_body": "请 %(brand)s 的管理员检查<a>你的配置</a>中是否存在错误或重复的条目。",
+        "misconfigured_title": "你的 %(brand)s 配置错误",
+        "mobile_create_account_title": "你即将在 %(hsName)s 创建账户",
+        "msisdn_field_description": "其他用户可以使用你的联系方式邀请你进入房间",
+        "msisdn_field_label": "电话",
+        "msisdn_field_number_invalid": "电话号码看起来不正确，请检查并重试",
+        "msisdn_field_required_invalid": "输入电话号码",
+        "no_hs_url_provided": "未提供主服务器 URL",
+        "oidc": {
+            "error_title": "我们无法让你登录",
+            "generic_auth_error": "身份验证期间出现问题。请转到登录页面并重试。",
+            "missing_or_invalid_stored_state": "我们要求浏览器记住你用于登录的主服务器，但很遗憾，你的浏览器忘记了它。请转到登录页面并重试。"
+        },
+        "password_field_keep_going_prompt": "保持…",
+        "password_field_label": "输入密码",
+        "password_field_strong_label": "很好，高强度密码！",
+        "password_field_weak_label": "允许使用密码，但不安全",
+        "phone_label": "电话",
+        "phone_optional_label": "电话号码（可选）",
+        "qr_code_login": {
+            "check_code_explainer": "这将验证与其它设备的关联是否安全。",
+            "check_code_heading": "输入其它设备上显示的数字",
+            "check_code_input_label": "2 位数代码",
+            "check_code_mismatch": "数字不匹配",
+            "choose_desktop_computer": "选择“%(desktopComputer)s”",
+            "completing_setup": "完成新设备的设置",
+            "desktop_computer": "台式计算机",
+            "error_etag_missing": "发生意外错误。这可能是由于浏览器扩展、代理服务器或服务器配置错误造成的。",
+            "error_expired": "登录已过期。请重试。",
+            "error_expired_title": "登录未及时完成",
+            "error_insecure_channel_detected": "无法与新设备建立安全连接。你的现有设备仍然安全，无需担心。",
+            "error_insecure_channel_detected_instructions": "现在怎么办？",
+            "error_insecure_channel_detected_instructions_1": "如果是网络问题，请尝试使用二维码再次登录到其它设备。",
+            "error_insecure_channel_detected_instructions_2": "如果你遇到同样的问题，请尝试其它 Wi-Fi 网络或使用移动数据流量。",
+            "error_insecure_channel_detected_instructions_3": "如果未能生效，请手动登录",
+            "error_insecure_channel_detected_title": "不安全连接",
+            "error_other_device_already_signed_in": "你不需要做其他任何事情。",
+            "error_other_device_already_signed_in_title": "你的其它设备已登录",
+            "error_rate_limited": "短时间内尝试次数过多。请稍后再试。",
+            "error_unexpected": "发生意外错误。连接你其它设备的请求已被取消。",
+            "error_unsupported_protocol": "此设备不支持使用二维码登录其它设备。",
+            "error_unsupported_protocol_title": "其它设备不兼容",
+            "error_user_cancelled": "已在另一设备上取消登录。",
+            "error_user_cancelled_title": "登录请求已取消",
+            "error_user_declined": "你或账户提供者拒绝了登录请求。",
+            "error_user_declined_title": "登录被拒绝",
+            "follow_remaining_instructions": "按剩余说明操作",
+            "open_element_mobile_device": "在移动设备上打开 %(brand)s",
+            "open_element_other_device": "在你的其它设备上打开 %(brand)s",
+            "point_the_camera": "扫描此处显示的二维码",
+            "ready_to_scan": "准备进行扫描",
+            "scan_code_instruction": "扫描二维码",
+            "scan_code_instruction_reciprocate": "使用另一台设备扫描二维码",
+            "scan_qr_code": "使用二维码登录",
+            "security_code_prompt": "你的账户提供者可能会要求你提供以下代码以验证登录。",
+            "security_code_title": "你的验证码",
+            "select_qr_code": "选择“%(scanQRCode)s”",
+            "select_ready_to_scan": "选择“%(readyToScan)s”并扫描此处显示的二维码",
+            "start_over": "重新开始",
+            "tap_avatar_link_new_device": "点击头像并选择“%(linkNewDevice)s”",
+            "unsupported_explainer": "你的账户提供者不支持通过二维码登录到新设备。",
+            "unsupported_heading": "二维码不受支持",
+            "waiting_for_device": "正在等待其它设备"
+        },
+        "register_action": "创建账户",
+        "registration": {
+            "continue_without_email_description": "请注意，如果你未添加邮件地址并忘记了密码，你可能会<b>永久失去账户访问权</b>。",
+            "continue_without_email_field_label": "邮件地址（可选）",
+            "continue_without_email_title": "在不使用邮件的情况下继续"
+        },
+        "registration_disabled": "此主服务器已禁用注册。",
+        "registration_msisdn_field_required_invalid": "输入电话号码（在此主服务器为必需）",
+        "registration_successful": "注册成功",
+        "registration_username_in_use": "该用户名已被使用。请尝试其它用户名，如果是你本人，请在下方登录。",
+        "registration_username_unable_check": "无法检查用户名是否被占用。稍后再试。",
+        "registration_username_validation": "只能使用小写字母、数字、破折号与下划线",
+        "reset_password": {
+            "confirm_new_password": "确认新密码",
+            "devices_logout_success": "你已移除所有设备，将不再接收推送通知。要重新启用通知，请在每台设备上重新登录。",
+            "other_devices_logout_warning_1": "移除设备将删除存储在其中的消息加密密钥，从而使加密的聊天历史无法读取。",
+            "other_devices_logout_warning_2": "如果你想保留对加密房间中聊天记录的访问权限，请获取恢复密钥或从其它设备导出消息密钥，然后再继续。",
+            "password_not_entered": "必须输入新密码。",
+            "passwords_mismatch": "两次输入的新密码必须匹配。",
+            "rate_limit_error": "短时间内尝试次数过多。请稍后再试。",
+            "rate_limit_error_with_time": "短时间内尝试次数过多。请于 %(timeout)s 秒后重试。",
+            "reset_successful": "密码已被重置。",
+            "return_to_login": "回到登录屏幕",
+            "sign_out_other_devices": "移除其它设备"
+        },
+        "reset_password_action": "重置密码",
+        "reset_password_button": "忘记密码？",
+        "reset_password_email_field_description": "使用邮件地址以恢复账户",
+        "reset_password_email_field_required_invalid": "输入邮件地址（在该主服务器为必需）",
+        "reset_password_email_not_associated": "你的邮件地址似乎未与此主服务器上的 Matrix ID 关联。",
+        "reset_password_email_not_found_title": "此邮件地址未找到",
+        "reset_password_title": "重置密码",
+        "server_picker_custom": "其它主服务器",
+        "server_picker_description": "你可以使用自定义服务器选项，通过指定不同的主服务器网址登录其它 Matrix 服务器。这样你就可以通过现有的 Matrix 账户在其它主服务器上使用 %(brand)s。",
+        "server_picker_description_matrix.org": "免费加入数百万人规模，最大的公共服务器",
+        "server_picker_dialog_title": "决定你的账户托管在哪里",
+        "server_picker_explainer": "如果有首选的 Matrix 主服务器，请使用它，或托管自己的服务器。",
+        "server_picker_failed_validate_homeserver": "无法验证主服务器",
+        "server_picker_intro": "我们将可以托管账户的地方称为 “主服务器”。",
+        "server_picker_invalid_url": "无效 URL",
+        "server_picker_learn_more": "关于主服务器",
+        "server_picker_matrix.org": "Matrix.org 是世界上最大的公共主服务器，因此对许多人来说都是一个不错的选择。",
+        "server_picker_required": "指定主服务器",
+        "server_picker_title": "登录到主服务器",
+        "server_picker_title_default": "服务器选项",
+        "server_picker_title_registration": "账户托管于",
+        "session_logged_out_description": "为安全起见，此设备已被移除。请重新登录。",
+        "session_logged_out_title": "会话已移除",
+        "set_email": {
+            "description": "这将允许你重置密码并接收通知。",
+            "verification_pending_description": "请查看邮件并点击其中的链接。完成后点击“继续”。",
+            "verification_pending_title": "等待验证"
+        },
+        "set_email_prompt": "你要设置邮件地址吗？",
+        "sign_in_description": "使用你的账户以继续。",
+        "sign_in_instead": "其它登录方式",
+        "sign_in_instead_prompt": "已有账户？<a>登录</a>",
+        "sign_in_manually": "手动登录",
+        "sign_in_or_register": "登录或创建账户",
+        "sign_in_or_register_description": "使用你的现有账户或创建一个新账户继续。",
+        "sign_in_with_qr": "使用二维码登录",
+        "sign_in_with_sso": "以单点模式登录",
+        "signing_in": "正在登录…",
+        "soft_logout": {
+            "clear_data_button": "清除所有数据",
+            "clear_data_description": "清除此会话中的所有数据是永久性的。除非备份了密钥，否则加密消息将会丢失。",
+            "clear_data_title": "清除此会话中的所有数据？"
+        },
+        "soft_logout_heading": "你已注销",
+        "soft_logout_intro_password": "输入密码登录并重新访问你的账户。",
+        "soft_logout_intro_sso": "登录并重新获得对账户的访问权。",
+        "soft_logout_intro_unsupported_auth": "你无法登录账户。请联系主服务器管理员了解更多信息。",
+        "soft_logout_subheading": "清除个人数据",
+        "soft_logout_warning": "警告：你的个人数据（包括加密密钥）仍存储在此会话中。如果你结束使用此会话或想要登录其它账户，请清除它。",
+        "sso": "单点登录",
+        "sso_complete_in_browser_dialog_title": "转到浏览器以完成登录",
+        "sso_failed_missing_storage": "我们要求浏览器记住你用于登录的主服务器，但很遗憾，你的浏览器忘记了它。请转到登录页面并重试。",
+        "sso_or_username_password": "%(ssoButtons)s 或 %(usernamePassword)s",
+        "sync_footer_subtitle": "如果你加入了很多房间，这可能需要一段时间。",
+        "syncing": "正在同步…",
+        "uia": {
+            "code": "代码",
+            "email": "要创建你的账户，请打开我们刚刚发送至 %(emailAddress)s 的邮件中的链接。",
+            "email_auth_header": "查看邮箱以继续",
+            "email_resend_prompt": "没有收到？<a>重新发送</a>",
+            "email_resent": "重新发送！",
+            "fallback_button": "开始认证",
+            "mas_cross_signing_reset_cta": "在账户中继续",
+            "mas_cross_signing_reset_description": "你即将前往 %(serverName)s 账户重置数字身份。完成账户重置后，请返回此处并点击“重试”。",
+            "mas_cross_signing_reset_title": "转到你的账户以重置数字身份",
+            "msisdn": "已向 %(msisdn)s 发送文本消息",
+            "msisdn_token_incorrect": "Token 不正确",
+            "msisdn_token_prompt": "请输入其中包含的代码：",
+            "password_prompt": "请在下面输入账户密码以确认身份。",
+            "recaptcha_missing_params": "主服务器配置中缺少 CAPTCHA 公钥。请将此问题报告给主服务器管理员。",
+            "registration_token_label": "注册 Token",
+            "registration_token_prompt": "输入主服务器管理员提供的注册 Token。",
+            "sso_body": "请确认使用单点登录添加此邮件地址以证明身份。",
+            "sso_failed": "确认身份时出现问题。取消并重试。",
+            "sso_postauth_body": "点击以下按钮确认身份。",
+            "sso_postauth_title": "确认以继续",
+            "sso_preauth_body": "要继续，请使用单点登录以证明身份。",
+            "sso_title": "使用单点登录继续",
+            "terms": "请阅读并接受主服务器的政策：",
+            "terms_invalid": "请阅读并接受主服务器的所有政策"
+        },
+        "unsupported_auth": "此主服务器不提供此客户端支持的任何登录流程。",
+        "unsupported_auth_email": "此主服务器不支持使用邮件地址登录。",
+        "unsupported_auth_msisdn": "此服务器不支持使用电话号码进行身份验证。",
+        "username_field_required_invalid": "输入用户名",
+        "username_in_use": "此用户名已被使用，请更换。",
+        "verify_email_explainer": "在重置密码之前，我们需要确认你的身份。请点击我们刚刚发送到 <b>%(email)s</b> 中的链接。",
+        "verify_email_heading": "验证邮件地址以继续"
+    },
+    "bug_reporting": {
+        "additional_context": "如果有其它有助于分析问题的上下文（例如你当时在做什么、房间 ID、用户 ID 等），请在此处包含这些内容。",
+        "before_submitting": "建议你<a>创建 GitHub Issue</a>，以确保你的报告被审核。",
+        "collecting_information": "正在收集 App 版本信息",
+        "collecting_logs": "正在收集日志",
+        "create_new_issue": "请在 GitHub 上<newIssueLink>创建新 issue</newIssueLink>，以便我们调查此错误。",
+        "description": "调试日志包含 App 使用数据、你的用户名、访问过的房间 ID 或其别名、上次与之交互的 UI 元素以及其他用户的用户名。它们不包含消息。",
+        "download_logs": "下载日志",
+        "downloading_logs": "正在下载日志",
+        "error_empty": "请告诉我们出了什么问题，或者更好的做法是创建一个 GitHub issue 来描述问题。",
+        "failed_download_logs": "调试日志下载失败： ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "你的 Bug 报告已被拒绝。Rageshake 服务器不支持此应用程序。",
+            "rejected_generic": "你的 Bug 报告已被拒绝。Rageshake 服务器由于策略原因拒绝了报告内容。",
+            "rejected_recovery_key": "你的 Bug 报告由于安全原因被拒绝，因为它包含恢复密钥。",
+            "rejected_version": "你的 Bug 报告被拒绝，因为你正在运行的版本太旧。",
+            "server_unknown_error": "Rageshake 服务器遇到未知错误，无法处理报告。",
+            "unknown_error": "日志发送失败。"
+        },
+        "github_issue": "GitHub 上的 issue",
+        "introduction": "如果你通过 GitHub 提交 bug，调试日志可以帮助我们跟踪问题。",
+        "log_request": "为帮助我们今后避免这种情况，请<a>向我们发送日志</a>。",
+        "logs_sent": "发送日志",
+        "matrix_security_issue": "要报告与 Matrix 相关的安全问题，请阅读 Matrix.org <a>安全披露政策</a>。",
+        "preparing_download": "准备下载日志",
+        "preparing_logs": "正在准备发送日志",
+        "send_logs": "发送日志",
+        "submit_debug_logs": "提交调试日志",
+        "textarea_label": "内容",
+        "thank_you": "谢谢！",
+        "title": "Bug 报告",
+        "unsupported_browser": "提醒：你的浏览器不受支持，因此你的使用体验可能无法预测。",
+        "uploading_logs": "正在上传日志",
+        "waiting_for_server": "等待服务器响应"
+    },
+    "cannot_invite_without_identity_server": "如果没有身份服务器，则无法通过邮件地址邀请用户。你可以在“设置”下连接到身份服务器。",
+    "cannot_reach_homeserver": "无法连接主服务器",
+    "cannot_reach_homeserver_detail": "确保具有良好的 Internet 连接，或联系服务器管理员",
+    "cant_load_page": "无法载入页面",
+    "chat_card_back_action_label": "回到聊天",
+    "chat_effects": {
+        "confetti_description": "向指定消息发送“五彩纸屑”",
+        "confetti_message": "发送了“五彩纸屑”",
+        "fireworks_description": "向指定消息发送“烟花”",
+        "fireworks_message": "发送了“烟花”",
+        "hearts_description": "向指定消息发送“爱心”",
+        "hearts_message": "发送了“爱心”",
+        "rainfall_description": "向指定消息发送“下雨”",
+        "rainfall_message": "发送了“下雨”",
+        "snowfall_description": "向指定消息发送“下雪”",
+        "snowfall_message": "发送了“下雪”",
+        "spaceinvaders_description": "向指定消息发送具有“太空主题”的特效",
+        "spaceinvaders_message": "发送了“太空侵略者”"
+    },
+    "common": {
+        "access_token": "访问 Token",
+        "accessibility": "易用性",
+        "advanced": "高级",
+        "all_chats": "所有聊天",
+        "analytics": "分析",
+        "and_n_others": {
+            "one": "与另一个…",
+            "other": "以及剩余 %(count)s 个…"
+        },
+        "appearance": "外观",
+        "application": "应用",
+        "are_you_sure": "是否确定？",
+        "attachment": "附件",
+        "authentication": "认证",
+        "avatar": "头像",
+        "beta": "beta",
+        "camera": "相机",
+        "cameras": "相机",
+        "cancel": "取消",
+        "capabilities": "能力",
+        "copied": "已复制！",
+        "credits": "鸣谢",
+        "dark": "深色",
+        "description": "描述",
+        "deselect_all": "取消全选",
+        "device": "设备",
+        "disabled_by_homeserver": "已被主服务器禁用",
+        "edited": "已编辑",
+        "email_address": "邮件地址",
+        "emoji": "表情符号",
+        "encrypted": "已加密",
+        "error": "错误",
+        "faq": "常见问答集",
+        "feedback": "反馈",
+        "filter_results": "筛选结果",
+        "forward_message": "转发消息",
+        "general": "通用",
+        "go_to_settings": "转到设置",
+        "guest": "访客",
+        "help": "帮助",
+        "home": "主页",
+        "homeserver": "主服务器",
+        "identity_server": "身份服务器",
+        "image": "图像",
+        "integration_manager": "集成管理器",
+        "joined": "已加入",
+        "labs": "实验室",
+        "legacy_voice_and_video_settings": "Matrix 一对一通话（旧版）",
+        "legal": "法律",
+        "light": "浅色",
+        "loading": "正在载入…",
+        "location": "位置",
+        "matrix": "Matrix",
+        "message": "消息",
+        "message_layout": "消息布局",
+        "message_timestamp_invalid": "无效时间戳",
+        "microphone": "麦克风",
+        "moderation_and_safety": "尺度与安全",
+        "modern": "现代",
+        "mute": "静默",
+        "n_members": {
+            "one": "%(count)s 位成员",
+            "other": "%(count)s 个成员"
+        },
+        "n_rooms": {
+            "one": "%(count)s 个房间",
+            "other": "%(count)s 个房间"
+        },
+        "name": "名称",
+        "no_results": "没有结果",
+        "no_results_found": "未找到结果",
+        "not_trusted": "未被信任",
+        "off": "关",
+        "offline": "离线",
+        "on": "开",
+        "options": "选项",
+        "orphan_rooms": "其它房间",
+        "password": "密码",
+        "people": "人员",
+        "preferences": "偏好",
+        "presence": "线上状态",
+        "preview_message": "嘿。你是最棒的！",
+        "privacy": "隐私",
+        "private": "私有",
+        "private_room": "私有房间",
+        "private_space": "私有空间",
+        "profile": "个人资料",
+        "public": "公共",
+        "public_room": "公共房间",
+        "public_space": "公共空间",
+        "qr_code": "二维码",
+        "random": "随机",
+        "reactions": "反应",
+        "recommended": "推荐",
+        "report_a_bug": "报告 Bug",
+        "room": "房间",
+        "room_name": "房间名称",
+        "rooms": "房间",
+        "save": "保存",
+        "saved": "已保存",
+        "saving": "正在保存…",
+        "secure_backup": "安全备份",
+        "select_all": "全选",
+        "server": "服务器",
+        "settings": "设置",
+        "setup_secure_messages": "设置安全消息传递",
+        "show_more": "显示更多",
+        "someone": "某人",
+        "space": "空间",
+        "spaces": "空间",
+        "state_encryption_enabled": "实验性的状态加密已启用",
+        "sticker": "贴纸",
+        "stickerpack": "贴纸包",
+        "success": "成功",
+        "suggestions": "建议",
+        "support": "支持",
+        "theme": "主题",
+        "thread": "消息列",
+        "threads": "消息列",
+        "timeline": "时间线",
+        "unavailable": "不可用",
+        "unencrypted": "未加密",
+        "unmute": "取消静默",
+        "unnamed_room": "未命名房间",
+        "unnamed_space": "未命名空间",
+        "unverified": "未验证",
+        "updating": "正在更新…",
+        "user": "用户",
+        "user_avatar": "个人资料图像",
+        "username": "用户名",
+        "verified": "已验证",
+        "version": "版本",
+        "video_room": "视频房间",
+        "view_message": "查看消息",
+        "warning": "警告"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "通知房间全体成员",
+            "command_a11y": "命令自动补全",
+            "command_description": "指令",
+            "emoji_a11y": "Emoji 自动补全",
+            "notification_a11y": "通知自动补全",
+            "notification_description": "房间通知",
+            "room_a11y": "房间自动补全",
+            "space_a11y": "空间自动补全",
+            "user_a11y": "用户自动补全",
+            "user_description": "用户"
+        },
+        "close_sticker_picker": "隐藏贴纸",
+        "edit_composer_label": "编辑消息",
+        "format_bold": "加粗",
+        "format_code_block": "代码块",
+        "format_decrease_indent": "减少缩进",
+        "format_increase_indent": "增加缩进",
+        "format_inline_code": "代码",
+        "format_insert_link": "插入链接",
+        "format_italic": "斜体",
+        "format_italics": "斜体",
+        "format_link": "链接",
+        "format_ordered_list": "有序列表",
+        "format_strikethrough": "删除线",
+        "format_underline": "下划线",
+        "format_unordered_list": "项目符号列表",
+        "formatting_toolbar_label": "格式化",
+        "link_modal": {
+            "link_field_label": "链接",
+            "text_field_label": "文本",
+            "title_create": "创建链接",
+            "title_edit": "编辑链接"
+        },
+        "mode_plain": "隐藏文字格式化选项",
+        "mode_rich_text": "显示文字格式化选项",
+        "no_perms_notice": "你无权在此房间发送消息",
+        "placeholder": "发送消息…",
+        "placeholder_encrypted": "发送加密消息…",
+        "placeholder_reply": "发送回复…",
+        "placeholder_reply_encrypted": "发送加密回复…",
+        "placeholder_thread": "在消息列中回复…",
+        "placeholder_thread_encrypted": "回复加密消息列…",
+        "poll_button": "投票",
+        "poll_button_no_perms_description": "你无权在此房间启动投票。",
+        "poll_button_no_perms_title": "需要权限",
+        "replying_title": "正在回复",
+        "room_unencrypted": "位于此房间的消息非端到端加密",
+        "room_upgraded_link": "对话在此处继续。",
+        "room_upgraded_notice": "此房间已被取代，不再活跃。",
+        "send_button_title": "发送消息",
+        "send_button_voice_message": "发送语音消息",
+        "send_voice_message": "发送语音消息",
+        "stop_voice_message": "停止录音",
+        "voice_message_button": "语音消息"
+    },
+    "console_dev_note": "如果你知道你在做什么，Element 是开源的，请务必查看我们的 GitHub（https://github.com/vector-im/element-web/）并做出贡献！",
+    "console_scam_warning": "如果有人告诉你在这里复制或粘贴某些内容，那么你很有可能被诈骗！",
+    "console_wait": "请三思!",
+    "create_room": {
+        "action_create_room": "创建房间",
+        "action_create_video_room": "创建视频房间",
+        "encrypted_video_room_warning": "你以后无法禁用此功能。房间将被加密，但嵌入式通话不会加密。",
+        "encrypted_warning": "此项之后无法禁用。会导致桥接器与大多数机器人暂不可用。",
+        "encryption_forced": "服务器要求在私有房间中启用加密。",
+        "encryption_label": "启用端到端加密",
+        "error_title": "房间创建失败",
+        "generic_error": "服务器可能不可用、超载或遇到错误。",
+        "join_rule_change_notice": "你可以随时在房间设置中更改此项。",
+        "join_rule_invite": "私有房间（仅邀请）",
+        "join_rule_invite_label": "只有受邀人员才能找到并加入此房间。",
+        "join_rule_knock_label": "任何人都可以申请加入，但管理员或协管员需要授予访问权限。你可以稍后更改此设置。",
+        "join_rule_public_label": "任何人都可以找到并加入此房间。",
+        "join_rule_public_parent_space_label": "任何人都可以找到并加入此房间，而不仅限于 <SpaceName/> 中的成员。",
+        "join_rule_restricted": "标准",
+        "join_rule_restricted_label": "任何位于 <SpaceName/> 中的人都可以加入。",
+        "name_validation_required": "为房间输入名称",
+        "room_visibility_label": "房间可见性",
+        "state_encrypted_warning": "启用加密状态事件的实验性支持，此功能会对服务器隐藏房间名称与主题等元数据。这些元数据对之后加入房间的用户与不支持 MSC4362 的客户端隐藏。",
+        "state_encryption_label": "加密状态事件",
+        "title_private_room": "创建私有房间",
+        "title_public_room": "创建公共房间",
+        "title_video_room": "创建视频房间",
+        "topic_label": "主题（可选）",
+        "unfederated": "阻止任何不属于 %(serverName)s 的人员加入此房间。",
+        "unfederated_label_default_off": "如果房间仅用于与主服务器上的内部团队协作，则可以启用此项。一旦启用就无法更改。",
+        "unfederated_label_default_on": "如果此房间将用于与拥有自己主服务器的外部团队协作，你可以禁用此功能。此设置以后无法更改。",
+        "unsupported_version": "服务器不支持指定的房间版本。"
+    },
+    "create_section_dialog": {
+        "create_section": "创建区域",
+        "description": "区域仅对你可见",
+        "label": "区域名称",
+        "title": "创建区域",
+        "title_edition": "编辑区域"
+    },
+    "create_space": {
+        "add_details_prompt": "添加一些信息以便人们识别。",
+        "add_details_prompt_2": "你可以随时更改。",
+        "add_existing_rooms_description": "选择要添加的房间或对话。这只是一个供你使用的空间，不会通知任何人。你可以稍后添加更多空间。",
+        "add_existing_rooms_heading": "你想组织哪些内容？",
+        "address_label": "地址",
+        "address_placeholder": "例如：my-space",
+        "creating": "正在创建…",
+        "creating_rooms": "正在创建房间…",
+        "done_action": "转到我的空间",
+        "done_action_first_room": "转到我的首个房间",
+        "explainer": "空间是发现并组织房间的一种方式。你想创建什么样的空间？",
+        "failed_create_initial_rooms": "创建初始空间失败",
+        "failed_invite_users": "邀请以下用户到空间失败：%(csvUsers)s",
+        "invite_teammates_by_username": "通过用户名邀请",
+        "invite_teammates_description": "确保认识的人可以访问。你可以稍后再邀请其他人。",
+        "invite_teammates_heading": "邀请同事",
+        "inviting_users": "正在邀请…",
+        "label": "创建空间",
+        "name_required": "请输入空间名称",
+        "personal_space": "只有我",
+        "personal_space_description": "一个用于组织你的房间的私有空间",
+        "private_description": "仅限邀请，适用于个人或团队",
+        "private_heading": "你的私有空间",
+        "private_only_heading": "你的空间",
+        "private_personal_description": "确保受你期许的人员可以访问 %(name)s",
+        "private_personal_heading": "你与谁合作？",
+        "private_space": "我与我的同事",
+        "private_space_description": "你与同事的私有空间",
+        "public_description": "任何人都可以加入，适用于社区",
+        "public_heading": "你的公共空间",
+        "search_public_button": "在公共空间中搜索",
+        "setup_rooms_community_description": "创建一些房间以入门。",
+        "setup_rooms_community_heading": "你想在 %(spaceName)s 中讨论哪些内容？",
+        "setup_rooms_description": "你可以稍后添加更多房间到空间，包括现有房间。",
+        "setup_rooms_private_description": "创建一些房间以入门。",
+        "setup_rooms_private_heading": "你的团队正在进行哪些项目？",
+        "share_description": "目前只有你一人，如果有其他人，效果会更好。",
+        "share_heading": "分享 %(name)s",
+        "skip_action": "暂时跳过",
+        "subspace_adding": "正在添加…",
+        "subspace_beta_notice": "在受你管理的空间中添加子空间。",
+        "subspace_dropdown_title": "创建空间",
+        "subspace_existing_space_prompt": "想要添加现有空间？",
+        "subspace_join_rule_invite_description": "只有受邀人员才能找到并加入此空间。",
+        "subspace_join_rule_invite_only": "私有空间（仅邀请）",
+        "subspace_join_rule_label": "空间可见性",
+        "subspace_join_rule_public_description": "任何人都可以找到并加入此空间，而不仅是 <SpaceName/> 的成员。",
+        "subspace_join_rule_restricted_description": "位于 <SpaceName/> 中的任何人都可以加入。"
+    },
+    "credits": {
+        "default_cover_photo": "<photo>默认封面照片</photo> © <author>Jesús Roncero</author>，根据 <terms>CC-BY-SA 4.0</terms> 的条款使用。",
+        "twemoji": "<twemoji>Twemoji</twemoji> Emoji 艺术 © <author>Twitter, Inc 及其他贡献者</author> 根据 <terms>CC-BY 4.0</terms> 的条款使用。",
+        "twemoji_colr": "<colr>twemoji-colr</colr> 样式 © <author>Mozilla Foundation</author>，根据 <terms>Apache 2.0</terms> 的条款使用。"
+    },
+    "decline_invitation_dialog": {
+        "confirm": "你确定要拒绝 %(roomName)s 的加入邀请？",
+        "ignore_user_help": "你将看不到来自该用户的任何消息或房间邀请。",
+        "reason_description": "描述举报房间的理由。",
+        "report_room_description": "向账户提供者举报此房间。",
+        "title": "拒绝邀请"
+    },
+    "desktop_default_device_name": "%(brand)s桌面版：%(platformName)s",
+    "devtools": {
+        "active_widgets": "激活小部件",
+        "category_other": "其它",
+        "category_room": "房间",
+        "caution_colon": "警告：",
+        "checking_sticky_events_support": "正在检查是否支持黏着事件…",
+        "client_versions": "客户端版本",
+        "crypto": {
+            "4s_public_key_in_account_data": "在账户数据中",
+            "4s_public_key_not_in_account_data": "未找到",
+            "4s_public_key_status": "秘密存储公钥：",
+            "backup_key_cached": "本地缓存",
+            "backup_key_cached_status": "密钥缓存：",
+            "backup_key_not_stored": "未存储",
+            "backup_key_stored": "在秘密存储中",
+            "backup_key_stored_status": "密钥存储：",
+            "backup_key_unexpected_type": "意外类型",
+            "backup_key_well_formed": "良好",
+            "cross_signing": "交叉签名",
+            "cross_signing_cached": "本地缓存",
+            "cross_signing_not_ready": "交叉签名未设置",
+            "cross_signing_private_keys_in_storage": "在秘密存储中",
+            "cross_signing_private_keys_in_storage_status": "交叉签名私钥：",
+            "cross_signing_private_keys_not_in_storage": "存储中未找到",
+            "cross_signing_public_keys_on_device": "在内存中",
+            "cross_signing_public_keys_on_device_status": "交叉签名公钥：",
+            "cross_signing_ready": "交叉签名已就绪。",
+            "cross_signing_status": "交叉签名状态：",
+            "cross_signing_untrusted": "你的账户在秘密存储中拥有数字身份，但尚未被此会话信任。",
+            "crypto_not_available": "密码学模块不可用",
+            "device_id": "设备 ID",
+            "key_backup_active_version": "活跃的备份版本：",
+            "key_backup_active_version_none": "无",
+            "key_backup_inactive_warning": "你的密钥尚未在此会话中备份。",
+            "key_backup_latest_version": "服务器上的最新备份版本：",
+            "key_storage": "密钥存储",
+            "master_private_key_cached_status": "主私钥：",
+            "not_found": "未找到",
+            "not_found_locally": "本地未找到",
+            "secret_storage_not_ready": "未就绪",
+            "secret_storage_ready": "就绪",
+            "secret_storage_status": "秘密存储：",
+            "self_signing_private_key_cached_status": "自签名私钥：",
+            "session": "会话",
+            "session_fingerprint": "指纹（会话密钥）",
+            "title": "端到端加密",
+            "user_signing_private_key_cached_status": "用户签名私钥："
+        },
+        "developer_mode": "开发者模式",
+        "developer_tools": "开发者工具",
+        "device_dehydrated_no": "脱水：否",
+        "device_dehydrated_yes": "脱水：是",
+        "device_id": "设备 ID：%(deviceId)s",
+        "device_keys": "设备密钥",
+        "device_verification_status": {
+            "signed_by_owner": "验证状态：<E2EIcon /> 经所有者签名",
+            "unknown": "验证状态：未知",
+            "unverified": "验证状态：<E2EIcon /> 未经所有者签名",
+            "verified": "验证状态：<E2EIcon /> 经交叉签名验证"
+        },
+        "devices": "%(count)s 个密码学设备",
+        "edit_setting": "编辑设置",
+        "edit_values": "编辑值",
+        "empty_string": "<空字符串>",
+        "error_sticky_duration_must_be_a_number": "stickyDuration 必须是数字",
+        "error_sticky_duration_out_of_range": "stickyDuration 取值范围必须在 0 ~ 36000 毫秒（1 小时）",
+        "event_content": "事件内容",
+        "event_id": "事件 ID：%(eventId)s",
+        "event_sent": "事件已发送！",
+        "event_type": "事件类型",
+        "expired": "已过期",
+        "expires_in": "剩余",
+        "explore_account_data": "浏览账户数据",
+        "explore_room_account_data": "浏览房间内账户数据",
+        "explore_room_state": "浏览房间状态",
+        "explore_sticky_state": "浏览黏着状态",
+        "failed_to_find_widget": "查找此小部件时出错。",
+        "failed_to_load": "载入失败。",
+        "failed_to_save": "设置保存失败。",
+        "failed_to_send": "事件发送失败！",
+        "id": "ID：",
+        "invalid_device_key_id": "设备密钥 ID 无效",
+        "invalid_json": "JSON 似乎无效",
+        "level": "层级",
+        "low_bandwidth_mode": "禁用对带宽有刚需的功能",
+        "low_bandwidth_mode_description": "禁用加密、状态、已读回执与键入通知",
+        "main_timeline": "主要时间线",
+        "manual_device_verification": "手动设备验证",
+        "no_receipt_found": "未找到回执",
+        "no_sticky_events": "此房间暂无黏着事件。",
+        "notification_state": "通知状态为 <strong>%(notificationState)s</strong>",
+        "notifications_debug": "通知调试",
+        "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>🚨",
+        "room_notifications_dot": "圆点：",
+        "room_notifications_highlight": "高亮：",
+        "room_notifications_last_event": "最新事件：",
+        "room_notifications_sender": "发送者：",
+        "room_notifications_thread_id": "消息列 ID：",
+        "room_notifications_total": "总数：",
+        "room_notifications_type": "类型：",
+        "room_status": "房间状态",
+        "room_unread_status_count": {
+            "one": "房间未读状态：<strong>%(status)s</strong>，数量：<strong>%(count)s</strong>",
+            "other": "房间未读状态：<strong>%(status)s</strong>，数量：<strong>%(count)s</strong>"
+        },
+        "save_setting_values": "保存设置值",
+        "see_history": "查看历史",
+        "send_custom_account_data_event": "发送自定义账户数据事件",
+        "send_custom_room_account_data_event": "发送自定义房间账户数据事件",
+        "send_custom_state_event": "发送自定义状态事件",
+        "send_custom_sticky_event": "发送自定义黏着事件",
+        "send_custom_timeline_event": "发送自定义时间线事件",
+        "server_info": "服务器信息",
+        "server_versions": "服务器版本",
+        "settable_global": "全局可设置",
+        "settable_room": "可在房间内设置",
+        "setting_colon": "设置：",
+        "setting_definition": "设置定义：",
+        "setting_id": "设置 ID",
+        "settings": {
+            "elementCallUrl": "Element Call URL"
+        },
+        "settings_explorer": "设置浏览器",
+        "show_empty_content_events": "以空白内容显示事件",
+        "show_hidden_events": "在时间线显示隐藏事件",
+        "spaces": {
+            "one": "<space>",
+            "other": "<%(count)s 个空间>"
+        },
+        "state_key": "状态键（State Key）",
+        "sticky_duration": "黏着持续时间（毫秒）",
+        "sticky_events_not_supported": "你的主服务器不支持黏着事件。",
+        "thread_root_id": "消息列根 ID：%(threadRootId)s",
+        "threads_timeline": "消息列时间线",
+        "title": "开发者工具",
+        "toolbox": "工具箱",
+        "use_at_own_risk": "此 UI 不检查值的数据类型。需自行承担使用风险。",
+        "user_avatar": "头像：%(avatar)s",
+        "user_displayname": "显示名称：%(displayname)s",
+        "user_id": "用户 ID：%(userId)s",
+        "user_identity": "密码学身份",
+        "user_identity_unknown": "未知",
+        "user_no_avatar": "头像：<i>无</i>",
+        "user_no_displayname": "显示名称：<i>无</i>",
+        "user_read_up_to": "用户阅读到：",
+        "user_read_up_to_ignore_synthetic": "用户阅读到（ignoreSynthetic）： ",
+        "user_read_up_to_private": "用户阅读到（m.read.private）： ",
+        "user_read_up_to_private_ignore_synthetic": "用户阅读到（m.read.private;ignoreSynthetic）：",
+        "user_room_membership": "成员资格：%(membership)s",
+        "user_verification_status": {
+            "identity_changed": "验证状态：<E2EIcon /> 未验证且已更改数字身份",
+            "unverified": "验证状态：<E2EIcon /> 未验证",
+            "verified": "验证状态：<E2EIcon /> 已验证",
+            "was_verified": "验证状态：<E2EIcon /> 已验证但已更改数字身份"
+        },
+        "users": "用户",
+        "value": "值",
+        "value_colon": "值：",
+        "value_in_this_room": "在此房间的值",
+        "value_this_room_colon": "此房间中的值：",
+        "values_explicit": "显式值",
+        "values_explicit_colon": "显式值:",
+        "values_explicit_room": "此房间中的显式值",
+        "values_explicit_this_room_colon": "此房间中的显式值：",
+        "view_servers_in_room": "在房间中查看服务器",
+        "view_source_decrypted_event_source": "解密的事件源代码",
+        "view_source_decrypted_event_source_unavailable": "解密源代码不可用",
+        "widget_screenshots": "为支持的小部件启用“小部件屏幕截图”"
+    },
+    "dialog_close_label": "关闭对话框",
+    "download_completed": "下载完成",
+    "empty_room": "空房间",
+    "empty_room_was_name": "空房间（曾是 %(oldName)s）",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "如果你有安全密钥或安全口令，这也会起作用。",
+            "key_validation_text": {
+                "wrong_security_key": "你输入的恢复密钥不正确。"
+            },
+            "privacy_warning": "确保此时无人窥视此屏幕！",
+            "restoring": "从备份恢复密钥",
+            "security_key_label": "恢复密钥",
+            "security_key_title": "输入恢复密钥"
+        },
+        "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": "有人正在使用未知会话",
+        "cross_signing_user_normal": "你尚未验证此用户。",
+        "cross_signing_user_verified": "你已验证此用户。此用户已验证其所有会话。",
+        "cross_signing_user_warning": "该用户尚未验证其所有会话。",
+        "enter_recovery_key": "输入恢复密钥",
+        "event_shield_reason_authenticity_not_guaranteed": "此设备无法保证此加密消息的真实性。",
+        "event_shield_reason_mismatched_sender": "事件的发送者与发送该事件的设备的所有者不匹配。",
+        "event_shield_reason_mismatched_sender_key": "由未验证的会话加密",
+        "event_shield_reason_unknown_device": "由未知或已被删除的设备加密。",
+        "event_shield_reason_unsigned_device": "由未经所有者验证的设备加密。",
+        "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": "你的密钥存储不同步。",
+        "key_storage_out_of_sync_description": "请确认恢复密钥，以保持对密钥存储与消息历史记录的访问权。",
+        "messages_not_secure": {
+            "cause_1": "你的主服务器版本太旧，不支持所需的最低 API 版本。请联系你的服务器所有者或升级你的服务器。",
+            "cause_2": "你正在验证的用户所连接的主服务器",
+            "cause_3": "你或其他用户的 Internet 连接",
+            "cause_4": "你或其他用户的会话",
+            "heading": "下列中的某项可能已泄露：",
+            "title": "你的消息传递不安全"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "已检测到用于安全信息的新安全口令与密钥。",
+            "description_2": "此会话正在使用新的恢复方法加密历史记录。",
+            "title": "新的恢复方法",
+            "warning": "如果你未设置新的恢复方法，攻击者可能正在尝试访问你的账户。请立即在“设置”中更改你的账户密码并设置新的恢复方法。"
+        },
+        "pinned_identity_changed": "%(displayName)s (<b>%(userId)s</b>) 的数字身份已重置。<a>了解更多</a>",
+        "pinned_identity_changed_no_displayname": "<b>%(userId)s</b>的数字身份已重置。<a>了解更多</a>",
+        "recovery_method_removed": {
+            "description_1": "此会话检测到你的安全口令与安全消息密钥已被移除。",
+            "description_2": "如果不慎执行了此操作，你可以为此会话设置安全消息传递，它将使用新的恢复方法重新加密此会话的消息历史。",
+            "title": "恢复方法已移除",
+            "warning": "如果你未移除恢复方法，攻击者可能正在尝试访问你的账户。请立即在“设置”中更改你的账户密码并设置新的恢复方法。"
+        },
+        "set_up_recovery": "备份聊天",
+        "set_up_recovery_toast_description": "你的聊天已被端到端加密自动备份。如果你无法访问所有设备，则需要使用恢复密钥并保留数字身份。",
+        "set_up_toast_title": "设置安全备份",
+        "turn_on_key_storage": "启用密钥存储",
+        "turn_on_key_storage_description": "这将允许你在新设备上查看聊天历史， 这是备份聊天与数字身份所必需的。",
+        "unable_to_setup_keys_error": "无法设置密钥",
+        "verification": {
+            "accepting": "正在接受…",
+            "after_new_login": {
+                "device_verified": "设备已验证",
+                "skip_verification": "暂时跳过验证",
+                "verify_this_device": "验证此设备"
+            },
+            "cancelled_verification": "请求超时、被拒绝或验证结果不匹配。",
+            "cancelling": "正在取消…",
+            "cant_confirm": "无法确认？",
+            "complete_action": "明白",
+            "complete_description": "你已成功验证此用户。",
+            "complete_title": "已验证！",
+            "confirm_identity_description": "验证此设备以设置安全消息传递",
+            "confirm_identity_title": "确认你的数字身份",
+            "confirm_the_emojis": "确认以下 Emoji 与你其它设备上显示的相符。",
+            "error_starting_description": "我们无法与其他用户开始聊天。",
+            "error_starting_title": "开始验证时出错",
+            "explainer": "与此用户的安全消息已进行端到端加密，第三方无法读取。",
+            "in_person": "为了安全起见，请亲自执行此操作或使用受信任的通信方式。",
+            "incoming_sas_device_dialog_text_1": "验证此设备并将其标记为受信任。信任此设备可让你和其它用户在使用端到端加密消息时更加安心。",
+            "incoming_sas_device_dialog_text_2": "验证此设备会将其标记为受信任，并且已与你验证过的用户将信任此设备。",
+            "incoming_sas_dialog_title": "验证请求传入",
+            "incoming_sas_dialog_waiting": "等待对方确认…",
+            "incoming_sas_user_dialog_text_1": "验证此用户并将其标记为受信任的用户。其可以让你在使用端到端加密消息时更加安心。",
+            "incoming_sas_user_dialog_text_2": "验证此用户会将他们的会话标记为受信任，也会将你的会话标记为对他们受信任。",
+            "manual": {
+                "already_verified": "此设备已经过验证",
+                "already_verified_and_wrong_fingerprint": "提供的指纹不匹配，但设备已验证！",
+                "device_id": "设备 ID",
+                "failure_description": "“%(deviceId)s”验证失败：%(error)s",
+                "failure_title": "验证失败",
+                "fingerprint": "指纹（会话密钥）",
+                "no_crypto": "无法验证设备：加密组件未启用",
+                "no_device": "无法验证设备：设备“%(deviceId)s”未找到",
+                "no_userid": "无法验证设备：无法找到用户 ID",
+                "success_description": "此设备（%(deviceId)s）已交叉签名",
+                "success_title": "验证成功",
+                "text": "请提供你自己的一台设备的 ID 和指纹进行验证。请注意，这将允许其它设备以你的身份发送和接收消息。如果有人告诉你在此处粘贴内容，你很可能被诈骗！",
+                "wrong_fingerprint": "无法验证设备“%(deviceId)s”：提供的指纹“%(fingerprint)s”与设备指纹“%(fprint)s”不匹配。"
+            },
+            "no_support_qr_emoji": "你尝试验证的设备不支持扫描二维码或 Emoji 验证，而 %(brand)s 支持这些功能。请尝试使用其它客户端。",
+            "now_you_can": "现在你可以安全地读取或发送消息，并且与你聊天的任何人也可以信任此设备。",
+            "once_accepted_can_continue": "一旦被接受，你将可以继续验证。",
+            "other_party_cancelled": "对方已取消验证。",
+            "prompt_encrypted": "验证房间中的所有用户以确保安全。",
+            "prompt_unencrypted": "在加密房间中验证所有用户以确保安全。",
+            "qr_or_sas": "%(qrCode)s 或 %(emojiCompare)s",
+            "qr_prompt": "扫描此唯一代码",
+            "qr_reciprocate_check_again_device": "再次在你的其它设备上检查以完成验证。",
+            "qr_reciprocate_no": "否，我没有看到绿色盾牌",
+            "qr_reciprocate_same_shield_user": "即将完成！%(displayName)s 显示的是相同的盾牌吗？",
+            "qr_reciprocate_yes": "是，我看到了绿色盾牌",
+            "request_toast_accept_user": "验证用户",
+            "request_toast_decline_counter": "忽略（剩余 %(counter)s 秒）",
+            "request_toast_detail": "来自 %(ip)s 的 %(deviceId)s",
+            "request_toast_start_verification": "开始验证",
+            "sas_caption_self": "通过确认以下数字出现在设备屏幕上以验证此设备。",
+            "sas_caption_user": "通过确认以下数字出现在用户的屏幕上已验证此用户。",
+            "sas_description": "如果两台设备都没有摄像头，请比较一组唯一的 Emoji",
+            "sas_emoji_caption_user": "通过确认以下 Emoji 是否出现在对方的屏幕上从而验证此用户。",
+            "sas_match": "匹配",
+            "sas_no_match": "不匹配",
+            "sas_prompt": "比较唯一 Emoji",
+            "scan_qr": "通过扫描验证",
+            "scan_qr_explainer": "请求 %(displayName)s 扫描代码：",
+            "start_button": "开始验证",
+            "successful_user": "你已成功验证 %(displayName)s！",
+            "unsupported_method": "无法找到受支持的验证方法。",
+            "unverified_session_toast_accept": "是我",
+            "unverified_session_toast_title": "有新登录。是否为本人？",
+            "unverified_sessions_toast_description": "审阅以确保你的账户安全",
+            "unverified_sessions_toast_reject": "稍后",
+            "unverified_sessions_toast_title": "你有未验证的会话",
+            "use_another_device": "使用另一设备",
+            "use_recovery_key": "使用恢复密钥",
+            "verification_dialog_title_choose": "选择验证方式",
+            "verification_dialog_title_compare_emojis": "比较 Emoji",
+            "verification_dialog_title_confirm_green_shield": "确认你在其它设备上看到了绿色盾牌。",
+            "verification_dialog_title_device": "验证其它设备",
+            "verification_dialog_title_failed": "验证失败",
+            "verification_dialog_title_start_on_other_device": "在其它设备上开始验证",
+            "verification_dialog_title_user": "验证请求",
+            "verification_dialog_title_verified": "设备已验证",
+            "verification_skip_warning": "在没有验证的情况下你将无法访问所有消息，并且无法被其他人信任。",
+            "verification_success_with_backup": "你的新设备现已验证。它可以访问你的加密消息，其他用户将视其为受信任的设备。",
+            "verification_success_without_backup": "你的新设备已通过验证。其他用户将看到它是受信任的。",
+            "verify_by_completing_one_of": "完成以下任一方式进行验证：",
+            "verify_emoji": "使用 Emoji 验证",
+            "verify_emoji_prompt": "通过比较唯一的 Emoji 进行验证。",
+            "verify_emoji_prompt_qr": "如果无法扫描上述二维码，可通过比较唯一的 Emoji 验证。",
+            "verify_later": "稍后验证",
+            "waiting_for_user_accept": "正在等待 %(displayName)s 接受…",
+            "waiting_other_device": "正在等待其它设备验证…",
+            "waiting_other_device_details": "等待你在另一台设备上验证，%(deviceName)s（%(deviceId)s）…",
+            "waiting_other_user": "正在等待 %(displayName)s 验证…"
+        },
+        "verification_requested_toast_title": "请求验证",
+        "verified_identity_changed": "%(displayName)s (<b>%(userId)s</b>) 的数字身份已重置。<a>了解更多</a>",
+        "verified_identity_changed_no_displayname": "<b>%(userId)s</b>的数字身份已重置。<a>了解更多</a>",
+        "verify_toast_description": "可能不受其他用户信任",
+        "verify_toast_title": "验证此设备",
+        "withdraw_verification_action": "撤消验证"
+    },
+    "error": {
+        "admin_contact": "请<a>联系服务管理员</a>以继续使用此服务。",
+        "admin_contact_short": "联系你的<a>服务器管理员</a>。",
+        "app_launch_unexpected_error": "准备 App 时发生意外错误。详情请查看控制台。",
+        "cannot_load_config": "无法加载配置文件：请刷新页面重试。",
+        "connection": "与主服务器通信时出现问题，请稍后重试。",
+        "dialog_description_default": "发生错误。",
+        "download_media": "下载源媒体失败，未找到源 URL",
+        "edit_history_unsupported": "你的主服务器似乎不支持此功能。",
+        "failed_copy": "复制失败",
+        "hs_blocked": "此主服务器已被其管理员屏蔽。",
+        "invalid_configuration_mixed_server": "配置无效：“default_hs_url”不能与“default_server_name”或“default_server_config”同时指定。",
+        "invalid_configuration_no_server": "配置无效：未指定默认服务器。",
+        "invalid_json": "你的 Element 配置包含无效的 JSON。请修正此问题并重载页面。",
+        "invalid_json_detail": "来自解析器的消息：%(message)s",
+        "invalid_json_generic": "无效 JSON",
+        "mau": "此主服务器已达到每月活跃用户数量限制。",
+        "misconfigured": "Element 配置错误",
+        "mixed_content": "当浏览器地址栏中显示 HTTPS 网址时，无法通过 HTTP 连接到主服务器。请使用 HTTPS 或<a>启用不安全的脚本</a>。",
+        "non_urgent_echo_failure_toast": "你的服务器不响应某些<a>请求</a>。",
+        "resource_limits": "该主服务器已超出其资源限制。",
+        "session_restore": {
+            "clear_storage_button": "移除此设备",
+            "clear_storage_description": "移除此设备的同时包括其加密密钥？",
+            "description_1": "尝试恢复之前的会话时出错。",
+            "description_2": "如果你之前使用过较新版本的 %(brand)s，你的会话可能与此版本不兼容。请关闭此窗口并返回到较新的版本。",
+            "description_3": "清除浏览器的存储空间或许可以解决问题，但会将此设备移除，并导致所有加密的聊天历史无法读取。",
+            "title": "无法恢复会话"
+        },
+        "something_went_wrong": "出现问题！",
+        "storage_evicted_description_1": "包括加密消息密钥在内的部分会话数据丢失。请注销并重新登录以修复此问题，并从备份中恢复密钥。",
+        "storage_evicted_description_2": "你的浏览器可能在磁盘空间不足时移除了这些数据。",
+        "storage_evicted_title": "会话数据缺失",
+        "sync": "无法连接到主服务器，正在重试…",
+        "tls": "无法连接到主服务器，请检查网络连接，确保<a>主服务器的 SSL 证书</a>受信任，并且浏览器扩展程序未阻止请求。",
+        "unknown": "未知错误",
+        "unknown_error_code": "未知错误代码",
+        "update_history_visibility": "历史可见性更改失败",
+        "update_power_level": "权力值更改失败"
+    },
+    "error_app_open_in_another_tab": "切换到其它标签页以连接到 %(brand)s。现在可以关闭此标签页。",
+    "error_app_open_in_another_tab_title": "%(brand)s 已在其它标签页中打开",
+    "error_app_opened_in_another_window": "%(brand)s 已在另一个窗口中打开。点击“%(label)s”即可在此处使用 %(brand)s 并断开与另一个窗口的连接。",
+    "error_database_closed_description": {
+        "for_desktop": "你的磁盘可能已满。请清理空间并重新加载。",
+        "for_web": "如果你清除了浏览数据，则预计会出现此消息。%(brand)s 可能也在另一个标签页中打开，或者你的磁盘已满。请清理一些空间并重载。"
+    },
+    "error_database_closed_title": "%(brand)s 已停止工作",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "无法复制房间链接到剪贴板。",
+            "title": "无法复制房间链接"
+        },
+        "error_loading_user_profile": "无法载入用户资料",
+        "forget_room_failed": "忘记房间 %(errCode)s 失败"
+    },
+    "error_user_not_logged_in": "用户未登录",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "通话进行中",
+            "user": "%(senderName)s 已加入通话",
+            "you": "你已加入通话"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s 已结束通话",
+            "you": "你已结束通话"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s 正在通话",
+            "dm_send": "等待接听",
+            "user": "%(senderName)s 已开始通话",
+            "you": "你已开始通话"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s 使用 %(reaction)s 对 %(message)s 作出反应",
+            "you": "你使用了 %(reaction)s 对 %(message)s 作出反应"
+        },
+        "m.sticker": "%(senderName)s：%(stickerName)s",
+        "m.text": "%(senderName)s：%(message)s",
+        "prefix": {
+            "audio": "音频",
+            "file": "文件",
+            "image": "图像",
+            "poll": "投票",
+            "video": "视频"
+        },
+        "preview": "<bold>%(prefix)s:</bold>%(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "已取消导出",
+        "cancelled_detail": "导出已被取消",
+        "confirm_stop": "你确定要停止导出数据？继而导致需要重新开始。",
+        "creating_html": "正在创建 HTML…",
+        "creating_output": "正在创建输出…",
+        "creator_summary": "%(creatorName)s 创建了此房间。",
+        "current_timeline": "当前时间线",
+        "enter_number_between_min_max": "输入 %(min)s 到 %(max)s 之间的数字",
+        "error_fetching_file": "获取文件时出错",
+        "export_info": "这是 <roomName/> 导出的开始。由 <exporterDetails/> 导出于 %(exportDate)s。",
+        "export_successful": "导出成功！",
+        "exported_n_events_in_time": {
+            "one": "在 %(seconds)s 秒内导出了 %(count)s 个事件",
+            "other": "在 %(seconds)s 秒内导出了 %(count)s 个事件"
+        },
+        "exporting_your_data": "导出你的数据",
+        "fetched_n_events": {
+            "one": "已获取距今 %(count)s 个事件",
+            "other": "已获取 %(count)s 个事件"
+        },
+        "fetched_n_events_in_time": {
+            "one": "于 %(seconds)ss 内已获取 %(count)s 个事件",
+            "other": "于 %(seconds)ss 内已获取 %(count)s 个事件"
+        },
+        "fetched_n_events_with_total": {
+            "one": "已获取 %(total)s 个事件中的 %(count)s 个",
+            "other": "已获取 %(total)s 个事件中的 %(count)s 个"
+        },
+        "fetching_events": "正在获取事件…",
+        "file_attached": "附加文件",
+        "format": "格式",
+        "from_the_beginning": "从开头",
+        "generating_zip": "生成 ZIP 压缩文件",
+        "html": "HTML",
+        "html_title": "已导出的数据",
+        "include_attachments": "包含附件",
+        "json": "JSON",
+        "media_omitted": "媒体已被省略",
+        "media_omitted_file_size": "媒体已被省略，文件大小超过限制",
+        "messages": "消息",
+        "next_page": "下一组消息",
+        "num_messages": "消息数量",
+        "num_messages_min_max": "消息数量只能是 %(min)s 到 %(max)s 之间的数字",
+        "number_of_messages": "指定消息数量",
+        "previous_page": "上一组消息",
+        "processing": "正在处理…",
+        "processing_event_n": "处理 %(total)s 个事件中的 %(number)s 个",
+        "select_option": "选择以下选项以导出时间线中的聊天历史",
+        "size_limit": "大小限制",
+        "size_limit_min_max": "大小只能是介于 %(min)s MB 到 %(max)s MB 之间的数字",
+        "size_limit_postfix": "MB",
+        "starting_export": "正在开始导出…",
+        "successful": "导出成功",
+        "successful_detail": "导出成功。可以在“下载”文件夹中找到。",
+        "text": "纯文本",
+        "title": "导出聊天",
+        "topic": "主题：%(topic)s",
+        "unload_confirm": "你确定要在导出期间退出？"
+    },
+    "failed_load_async_component": "无法加载！请检查网络连接并重试。",
+    "feedback": {
+        "can_contact_label": "后续有任何问题时可以联系我",
+        "comment_label": "评论",
+        "existing_issue_link": "请先查找 <existingIssuesLink> Github Issue</existingIssuesLink> 是否有与你同样的问题，如果不存在可以<newIssueLink>创建一个</newIssueLink>。",
+        "may_contact_label": "若要跟进或让我测试新推出的想法时可以联系我",
+        "platform_username": "我们会记录你的平台与用户名，以帮助我们尽可能多地利用你的反馈。",
+        "pro_type": "专业建议：若要开始提交 Bug，请同时附上<debugLogsLink>调试日志</debugLogsLink>以便我们确定问题的根源。",
+        "send_feedback_action": "发送反馈",
+        "sent": "反馈已发送！谢谢，我们已经收到！"
+    },
+    "file_panel": {
+        "empty_description": "在聊天中附加文件或要拖放文件到此房间的任意位置。",
+        "empty_heading": "此房间暂无可见的文件",
+        "guest_note": "你必须<a>注册</a>才能使用此功能",
+        "peek_note": "你必须加入此房间才能其中的文件"
+    },
+    "forward": {
+        "filter_placeholder": "搜索房间或人员",
+        "message_preview_heading": "消息预览",
+        "no_perms_title": "你没有权限执行此操作。",
+        "open_room": "打开房间",
+        "send_label": "发送",
+        "sending": "正在发送",
+        "sent": "发送"
+    },
+    "identity_server": {
+        "change": "更改身份服务器",
+        "change_prompt": "断开连接身份服务器 <current /> 并连接到 <new />？",
+        "change_server_prompt": "如果你不想使用 <server /> 来发现你认识的现有联系人，并使其无法被发现，请在下方输入另一个身份服务器。",
+        "changed": "身份服务器已更改",
+        "checking": "正在检查服务器",
+        "description_connected": "你目前正在使用 <server></server> 来发现你认识的现有联系人，并使其能够被你发现。你可以在下面更改你的身份服务器。",
+        "description_disconnected": "你尚未使用身份服务器。要发现联系人并使其可以被发现，请在下面添加。",
+        "description_optional": "使用身份服务器是可选的。如果你选择不使用身份服务器，其他用户将无法发现你，也无法通过邮件地址或电话号码邀请其他人。",
+        "disconnect": "断开身份服务器",
+        "disconnect_anyway": "强制断开",
+        "disconnect_offline_warning": "断开连接前你应该从身份服务器 <idserver /> 中<b>移除个人数据</b>。很遗憾，身份服务器 <idserver /> 当前处于离线状态或无法访问。",
+        "disconnect_personal_data_warning_1": "你仍在身份服务器 <idserver /> 上<b>分享个人数据</b>。",
+        "disconnect_personal_data_warning_2": "我们建议你在断开连接之前，从身份服务器中删除邮件地址与电话号码。",
+        "disconnect_server": "断开身份服务器 <idserver />？",
+        "disconnect_warning": "断开连接身份服务器意味着其他用户将无法发现你，并且你将无法通过邮件地址或电话号码邀请其他人。",
+        "do_not_use": "不使用身份服务器",
+        "error_connection": "无法连接身份服务器",
+        "error_invalid": "不是有效的身份服务器（状态码 %(code)s）",
+        "error_invalid_or_terms": "未接受服务条款或身份服务器无效。",
+        "no_terms": "你选择的身份服务器没有任何服务条款。",
+        "suggestions": "你应：",
+        "suggestions_1": "检查你的浏览器扩展是否有任何可能阻止身份服务器（例如 Privacy Badger）。",
+        "suggestions_2": "联系身份服务器 <idserver /> 的管理员",
+        "suggestions_3": "稍后再试",
+        "url": "身份服务器（%(server)s）",
+        "url_field_label": "输入新的身份服务器",
+        "url_not_https": "身份服务器 URL 必须为 HTTPS"
+    },
+    "in_space": "位于 %(spaceName)s。",
+    "in_space1_and_space2": "位于空间 %(space1Name)s 与 %(space2Name)s。",
+    "in_space_and_n_other_spaces": {
+        "one": "%(spaceName)s 与剩余 1 个空间。",
+        "other": "位于 %(spaceName)s 与其余 %(count)s 个空间。"
+    },
+    "incompatible_browser": {
+        "continue": "强制继续",
+        "description": "%(brand)s 使用了一些当前浏览器中不可用的浏览器功能。%(detail)s",
+        "detail_can_continue": "如果你继续操作，某些功能可能会停止运行，并且未来可能会丢失数据。",
+        "detail_no_continue": "如果你使用的不是最新版本，请尝试更新浏览器然后重试。",
+        "learn_more": "了解更多",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "为了获得最佳体验，请使用 <Chrome>Chrome</Chrome>、<Firefox>Firefox</Firefox>、<Edge>Edge</Edge> 或 <Safari>Safari</Safari>。",
+        "title": "%(brand)s 不支持此浏览器",
+        "use_desktop_heading": "请改用 %(brand)s 桌面应用",
+        "use_mobile_heading": "在手机上换用 %(brand)s",
+        "use_mobile_heading_after_desktop": "或使用移动 App",
+        "windows_64bit": "Windows （64 位）",
+        "windows_arm_64bit": "Windows （ARM 64 位）"
+    },
+    "info_tooltip_title": "信息",
+    "integration_manager": {
+        "connecting": "正在连接到集成管理器…",
+        "error_connecting": "集成管理器处于离线状态或其无法连接到你的主服务器。",
+        "error_connecting_heading": "无法连接到集成管理器",
+        "explainer": "集成管理器可接收配置数据， 并可以代表你修改小部件、发送房间邀请与设置权力值。",
+        "manage_title": "管理集成",
+        "toggle_label": "启用集成管理器",
+        "use_im": "使用集成管理器管理机器人、小部件与贴纸包。",
+        "use_im_default": "使用集成管理器 <b>(%(serverName)s)</b> 管理机器人、小部件与贴纸包。"
+    },
+    "integrations": {
+        "disabled_dialog_description": "在设置中启用“%(manageIntegrations)s”以执行此操作。",
+        "disabled_dialog_title": "集成已被禁用",
+        "impossible_dialog_description": "%(brand)s 不允许使用集成管理器执行此操作。请联系管理员。",
+        "impossible_dialog_title": "不允许集成"
+    },
+    "invite": {
+        "confirm_unknown_users": {
+            "invite_subtitle": "你与这些联系人暂无任何聊天。请确认对方被邀请到此房间后再继续。",
+            "invite_title": "邀请新联系人到此房间？",
+            "start_chat_subtitle_multiple_users": "你与这些人员暂无任何聊天。请确认对方被邀请后再继续。",
+            "start_chat_subtitle_one_user": "你与此人暂无任何聊天。请确认对方被邀请后再继续。",
+            "start_chat_title_multiple_users": "与这些新联系人开始聊天？",
+            "start_chat_title_one_user": "与此新联系人开始聊天？"
+        },
+        "email_caption": "通过邮件邀请",
+        "email_limit_one": "通过邮件发送邀请一次只能发送一个",
+        "email_use_default_is": "使用身份服务器通过邮件地址邀请。<default>使用默认的 (%(defaultIdentityServerName)s)</default> 或在 <settings>设置</settings> 中进行管理。",
+        "email_use_is": "使用身份服务器通过邮件地址邀请。请在 <settings>“设置”</settings> 中进行管理。",
+        "error_already_invited_room": "用户已被邀请到房间",
+        "error_already_invited_space": "用户已被邀请到空间",
+        "error_already_joined_room": "用户已位于此房间",
+        "error_already_joined_space": "用户已位于此空间",
+        "error_bad_state": "该用户必须先被解封才能被邀请。",
+        "error_dm": "无法创建私聊。",
+        "error_find_room": "在邀请用户时出现问题。",
+        "error_find_user_description": "以下用户可能不存在或无效，因此无法被邀请：%(csvNames)s",
+        "error_find_user_title": "以下用户查找失败",
+        "error_invite": "我们无法邀请这些用户。请检查你要邀请的用户，然后重试。",
+        "error_permissions_room": "你无权邀请人员进入此房间。",
+        "error_permissions_space": "你无权邀请人员访问此空间。",
+        "error_profile_undisclosed": "用户既有可能存在，也有可能不存在",
+        "error_transfer_multiple_target": "通话只能转接到单个用户。",
+        "error_unfederated_room": "此房间为非联合房间。你不能从外部服务器邀请人员。",
+        "error_unfederated_space": "此空间未联合。你无法邀请人员到外部服务器。",
+        "error_unknown": "未知服务器错误",
+        "error_user_not_found": "用户不存在",
+        "error_version_unsupported_room": "用户的主服务器不支持此房间的版本。",
+        "error_version_unsupported_space": "此主服务器不支持使用电话号码进行身份验证。",
+        "failed_generic": "操作失败",
+        "failed_title": "邀请失败",
+        "invalid_address": "未识别的地址",
+        "name_email_mxid_share_room": "使用对方的名称、邮件地址、用户名（例如 <userId/>）或<a>分享此房间</a>。",
+        "name_email_mxid_share_space": "使用对方的名称、邮件地址、用户名（例如 <userId/>）邀请，或<a>分享此房间</a>。",
+        "name_mxid_share_room": "请使用名称、用户名（例如 <userId/>）邀请他人，或<a>分享此房间</a>。",
+        "name_mxid_share_space": "请使用名称、用户名（例如 <userId/>）邀请他人，或<a>分享此空间</a>。",
+        "progress": {
+            "dont_close": "在完成前请勿退出 app。",
+            "preparing": "正在准备邀请…"
+        },
+        "recents_section": "最近对话",
+        "room_failed_partial": "我们已邀请其他人加入，但以下人员无法受邀加入 <RoomName/>。",
+        "room_failed_partial_title": "部分邀请无法发送",
+        "room_failed_title": "无法邀请用户到 %(roomName)s",
+        "send_link_prompt": "或发送邀请链接",
+        "start_conversation_name_email_mxid_prompt": "要与某人开始对话，请使用其名称、邮件地址或用户名（例如 <userId/>）。",
+        "start_conversation_name_mxid_prompt": "使用名称或用户名（例如 <userId/>）与他人开始对话。",
+        "suggestions_disclaimer": "由于隐私原因，某些建议可能被隐藏。",
+        "suggestions_disclaimer_prompt": "如果你看不到要找的人员，请复制并向其发送以下邀请链接。",
+        "suggestions_section": "最近的私聊",
+        "to_room": "邀请到 %(roomName)s",
+        "to_space": "邀请到 %(spaceName)s",
+        "transfer_dial_pad_tab": "拨号盘",
+        "transfer_user_directory_tab": "用户名册",
+        "unable_find_profiles_description_default": "无法找到下列 Matrix ID 的个人资料，你是否仍然要邀请？",
+        "unable_find_profiles_invite_label_default": "强制邀请",
+        "unable_find_profiles_invite_never_warn_label_default": "强制邀请并不再警告",
+        "unable_find_profiles_title": "以下用户可能不存在",
+        "unban_first_title": "除非被解封否则用户无法被邀请"
+    },
+    "inviting_user1_and_user2": "邀请 %(user1)s 与 %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "邀请 %(user)s 及剩余 1 个",
+        "other": "邀请了 %(user)s 与剩余 %(count)s 个"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> 以及剩余 1 个",
+        "other": "<Items/> 以及剩余 %(count)s 个"
+    },
+    "keyboard": {
+        "activate_button": "激活选择的按钮",
+        "alt": "",
+        "autocomplete_cancel": "取消自动补全",
+        "autocomplete_force": "强制完成",
+        "autocomplete_navigate_next": "下一个自动补全建议",
+        "autocomplete_navigate_prev": "上一个自动补全建议",
+        "backspace": "",
+        "cancel_reply": "取消回复消息",
+        "category_autocomplete": "自动补全",
+        "category_calls": "通话",
+        "category_navigation": "导航",
+        "category_room_list": "房间列表",
+        "close_dialog_menu": "关闭对话框或上下文菜单",
+        "composer_jump_end": "跳转到编辑器末尾",
+        "composer_jump_start": "跳转到编辑器开头",
+        "composer_navigate_next_history": "导航到下一个消息编辑器历史",
+        "composer_navigate_prev_history": "导航到上一个消息编辑器历史",
+        "composer_new_line": "另起一行",
+        "composer_redo": "重做编辑",
+        "composer_toggle_bold": "切换粗体",
+        "composer_toggle_code_block": "切换代码块",
+        "composer_toggle_italics": "切换斜体",
+        "composer_toggle_link": "切换链接",
+        "composer_toggle_quote": "切换引用",
+        "composer_undo": "撤消编辑",
+        "control": "",
+        "dismiss_read_marker_and_jump_bottom": "忽略已读标记并跳转到底部",
+        "end": "",
+        "enter": "",
+        "escape": "",
+        "go_home_view": "转到主页视图",
+        "home": "",
+        "jump_first_message": "跳转到首个消息",
+        "jump_last_message": "跳转到最新消息",
+        "jump_room_search": "跳转到房间搜索",
+        "jump_to_read_marker": "跳转到最旧的未读消息",
+        "keyboard_shortcuts_tab": "打开此设置页",
+        "navigate_next_history": "下一个最近访问的房间或空间",
+        "navigate_next_message_edit": "导航到下一条要编辑的消息",
+        "navigate_prev_history": "上一个最近访问的房间或空间",
+        "navigate_prev_message_edit": "导航到上一条要编辑的消息",
+        "next_landmark": "转到下一个焦点",
+        "next_room": "下一个房间或私聊",
+        "next_unread_room": "下一个未读房间或私聊",
+        "number": "[数字]",
+        "open_user_settings": "打开用户设置",
+        "page_down": "",
+        "page_up": "",
+        "prev_landmark": "转到上一个焦点",
+        "prev_room": "上一个房间或私聊",
+        "prev_unread_room": "上一个未读房间或私聊",
+        "room_list_collapse_section": "折叠房间列表部分",
+        "room_list_expand_section": "展开房间列表部分",
+        "room_list_navigate_down": "向下导航到房间列表",
+        "room_list_navigate_up": "向上导航到房间列表",
+        "room_list_select_room": "从房间列表中选择房间",
+        "save": "保存",
+        "scroll_down_timeline": "向下滚动时间线",
+        "scroll_up_timeline": "向上滚动时间线",
+        "search": "搜索（要使其生效必须启用相关功能）",
+        "send_sticker": "发送贴纸",
+        "shift": "",
+        "space": "空格",
+        "switch_to_space": "使用数字切换空间",
+        "toggle_hidden_events": "切换隐藏事件的可见性",
+        "toggle_microphone_mute": "切换麦克风静音",
+        "toggle_right_panel": "切换右侧面板",
+        "toggle_space_panel": "切换空间面板",
+        "toggle_top_left_menu": "切换左上角菜单",
+        "toggle_webcam_mute": "切换摄像头开/关",
+        "upload_file": "上传文件"
+    },
+    "labs": {
+        "ask_to_join": "启用申请加入",
+        "beta_description": "%(brand)s 的下一步是什么？实验室是提前获取信息、测试新功能并在其正式推出之前帮助其完善的最佳途径。",
+        "beta_feature": "此为 Beta 功能",
+        "beta_feedback_leave_button": "要退出 Beta 测试，请访问设置。",
+        "beta_feedback_title": "%(featureName)s Beta 功能反馈",
+        "beta_section": "即将推出的功能",
+        "bridge_state": "在房间设置中显示桥接器信息",
+        "bridge_state_channel": "频道：<channelLink/>",
+        "bridge_state_creator": "此桥接器由 <user /> 提供。",
+        "bridge_state_manager": "此桥接器由 <user /> 管理。",
+        "bridge_state_workspace": "工作区: <networkLink/>",
+        "click_for_info": "点击显示更多信息",
+        "config_only": "只能通过文件 config.json 启用。",
+        "currently_experimental": "当前为实验性。",
+        "custom_themes": "支持添加自定义主题",
+        "dynamic_room_predecessors": "动态房间前身",
+        "dynamic_room_predecessors_description": "需要启用 MSC3946 以支持“迟到房间归档”。",
+        "element_call_video_rooms": "Element Call 视频房间",
+        "encrypted_state_events": "已加密的状态事件",
+        "encrypted_state_events_description": "启用加密状态事件的实验性支持，此功能会对服务器隐藏房间名称与主题等元数据。这些元数据对之后加入房间的用户与不支持 MSC4362 的客户端隐藏。",
+        "exclude_insecure_devices": "发送或接收消息时排除不安全的设备",
+        "exclude_insecure_devices_description": "此模式启用后，加密消息将不会分享给未验证的设备，并且来自未验证设备的消息将显示为“错误”。注意：如果启用此模式，则可能无法与尚未验证其设备的用户通信。",
+        "experimental_description": "感觉很有实验性？试试我们正在开发的最新创意。这些功能尚未最终确定；它们可能不稳定，可能会改变，也可能被完全放弃。<a>了解更多</a>。",
+        "experimental_section": "早期预览",
+        "extended_profiles_msc_support": "需要服务器支持 MSC4133",
+        "feature_disable_call_per_sender_encryption": "为 Element Call 禁用“按每个发送者加密”",
+        "feature_retention": {
+            "description": "当消息到达配置的保留期限时自动从房间移除该消息。当前仅支持为“已读消息”设置。",
+            "disabled_sliding_sync": "当滑动同步启用时无法启用保留期。",
+            "display_name": "消息保留期"
+        },
+        "feature_user_status": {
+            "description": "启用以查看并设置当前状态。",
+            "display_name": "用户状态",
+            "required_msc_support": "需要 MSC4429（面向旧版同步模式的配置文件更新）"
+        },
+        "feature_wysiwyg_composer_description": "在消息编辑器中使用富文本取代 Markdown。",
+        "group_developer": "开发者",
+        "group_encryption": "加密",
+        "group_experimental": "实验性",
+        "group_messaging": "消息传递",
+        "group_moderation": "管理",
+        "group_profile": "个人资料",
+        "group_rooms": "房间",
+        "group_spaces": "空间",
+        "group_themes": "主题",
+        "group_threads": "消息列",
+        "group_ui": "用户界面",
+        "group_voip": "语音与视频",
+        "group_widgets": "小部件",
+        "hidebold": "隐藏通知圆点（仅显示计数器徽章）",
+        "join_beta": "参与 Beta 测试",
+        "join_beta_reload": "参与 Beta 测试将重载 %(brand)s。",
+        "jump_to_date": "跳转到日期（在编辑器中输入指令“/jumptodate”可以跳转到当天的消息开头）",
+        "jump_to_date_msc_support": "需要服务器支持 MSC3030",
+        "latex_maths": "在消息中渲染 LaTeX 数学公式",
+        "leave_beta": "退出 Beta 测试",
+        "leave_beta_reload": "退出 Beta 测试将重载 %(brand)s。",
+        "location_share_live": "实时位置共享",
+        "location_share_live_description": "临时实现。位置将持续保留于房间历史。",
+        "login_with_qr": "使用二维码登录",
+        "mjolnir": "忽略人员的新方式",
+        "msc3531_hide_messages_pending_moderation": "允许协管员隐藏等待审核的消息",
+        "notification_settings": "新的通知设置",
+        "notification_settings_beta_caption": "介绍一种更简单的方法来更改通知设置。就像你喜欢的那样定制 %(brand)s。",
+        "notification_settings_beta_title": "通知设置",
+        "notifications": "在房间标题处启用通知面板",
+        "render_reaction_images": "在反应中渲染自定义图像",
+        "render_reaction_images_description": "有时被称为“自定义 Emoji”。",
+        "sliding_sync": "滑动同步模式",
+        "sliding_sync_description": "正在处于开发中，并且一旦启用就无法禁用。当前与 Element Call 不兼容。",
+        "sliding_sync_disabled_notice": "重新登录以禁用",
+        "sliding_sync_server_no_support": "服务器缺少支持",
+        "unrealiable_e2e": "在加密房间中不可靠",
+        "url_preview_bundle": "URL 预览组件（MSC4095）",
+        "url_preview_bundle_description": "在消息的一侧随消息内容一并发送 URL 预览",
+        "video_rooms": "视频房间",
+        "video_rooms_a_new_way_to_chat": "在 %(brand)s 中语音与视频聊天的新方式。",
+        "video_rooms_always_on_voip_channels": "视频房间是嵌入到 %(brand)s 并始终在线的 VoIP 渠道。",
+        "video_rooms_beta": "视频房间是 Beta 功能",
+        "video_rooms_faq1_answer": "在左侧面板的“房间”部分点击“+”按钮。",
+        "video_rooms_faq1_question": "如何创建视频房间？",
+        "video_rooms_faq2_answer": "可以，时间线会显示在视频房间的一侧。",
+        "video_rooms_faq2_question": "我是否可以在视频房间中使用文字聊天？",
+        "video_rooms_feedbackSubheading": "感谢你试用 Beta 功能，请尽可能详细地描述以便我们改进它。",
+        "wysiwyg_composer": "富文本编辑器"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ 以下设置面向高级用户。",
+        "ban_reason": "已忽略或已屏蔽",
+        "error_adding_ignore": "添加忽略的用户/服务器时出错",
+        "error_adding_list_description": "请验证房间 ID 或地址并重试。",
+        "error_adding_list_title": "订阅列表时出错",
+        "error_removing_ignore": "移除已忽略的用户/服务器时出错",
+        "error_removing_list_description": "请重试或查看控制台中的提示。",
+        "error_removing_list_title": "退订列表时出错",
+        "explainer_1": "在此处添加要忽略的用户与服务器。使用“*”可让 %(brand)s 匹配任何字符。例如 <code>@bot:*</code> 将忽略任何服务器上名称为“bot”的所有用户。",
+        "explainer_2": "忽略人员是通过“封禁列表”完成的，封禁列表包含谁被封禁的规则。订阅封禁列表意味着位于该列表的用户/服务器将对你隐藏。",
+        "lists": "你当前已订阅：",
+        "lists_description_1": "你订阅封禁列表意味着此列表将作为房间加入！",
+        "lists_description_2": "如果这不是你想要的，请使用其它工具忽略用户。",
+        "lists_heading": "已订阅的列表",
+        "lists_new_label": "封禁列表中的房间 ID 或地址",
+        "no_lists": "你没有订阅任何列表",
+        "personal_description": "个性化封禁列表包含你不想看到其消息的所有用户/服务器。忽略第一个用户/服务器后，你的房间列表中将出现一个名为“%(myBanList)s”的新房间。请留在该房间确保封禁列表持续生效。",
+        "personal_empty": "你尚未忽略任何人。",
+        "personal_heading": "个性化封禁列表",
+        "personal_new_label": "要忽略的用户 ID 或服务器",
+        "personal_new_placeholder": "例如 @bot:* 或 example.org",
+        "personal_section": "你当前忽略：",
+        "room_name": "我的封禁列表",
+        "room_topic": "此房间包含你已屏蔽的用户与服务器。要使封禁列表生效，请勿离开房间！",
+        "rules_empty": "无",
+        "rules_server": "服务器规则",
+        "rules_title": "封禁列表规则：%(roomName)s",
+        "rules_user": "用户规则",
+        "something_went_wrong": "出现问题。请重试或查看控制台提示。",
+        "title": "已忽略的用户",
+        "view_rules": "查看规则"
+    },
+    "language_dropdown_label": "语言下拉菜单",
+    "leave_room_dialog": {
+        "last_person_warning": "你是此处唯一的用户。如果你离开，以后将没有人能加入，包括你自己。",
+        "leave_room_question": "你确定要离开房间“%(roomName)s”？",
+        "leave_space_question": "你确定要离开空间“%(spaceName)s”？",
+        "room_leave_admin_warning": "你是此房间的唯一管理员。如果你离开，任何人都将无法更改房间设置或执行其它重要操作。",
+        "room_leave_mod_warning": "你是此房间的唯一管理员。如果你离开，任何人都将无法更改房间设置或执行其它重要操作。",
+        "room_rejoin_warning": "此房间非公共房间。你无法在未被邀请的情况下重新加入。",
+        "space_rejoin_warning": "此空间非公开。未经邀请，你将无法重新加入。"
+    },
+    "lightbox": {
+        "rotate_left": "向左旋转",
+        "rotate_right": "向右旋转",
+        "title": "图像查看"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "此主服务器未配置地图显示。",
+        "MapStyleUrlNotReachable": "此主服务器的配置不正确，无法显示地图，或者配置的地图服务器可能无法访问。",
+        "WebGLNotEnabled": "显示地图需要 WebGL，请在浏览器设置中启用。",
+        "click_drop_pin": "点击以放置锚点",
+        "click_move_pin": "点击以移动锚点",
+        "close_sidebar": "关闭边栏",
+        "error_fetch_location": "无法获取位置",
+        "error_no_perms_description": "你需要拥有合适的权限才能在此房间中分享位置。",
+        "error_no_perms_title": "你无权分享位置",
+        "error_send_description": "%(brand)s 无法发送你的位置。请稍后再试。",
+        "error_send_title": "我们无法发送你的位置",
+        "error_sharing_live_location": "分享实时位置时出错",
+        "error_stopping_live_location": "停止实时位置时出错",
+        "expand_map": "展开地图",
+        "failed_generic": "无法获取你的位置。请稍后再试。",
+        "failed_load_map": "无法载入地图",
+        "failed_permission": "%(brand)s 被拒绝获取位置信息。请在浏览器设置中允许访问位置信息。",
+        "failed_timeout": "尝试获取位置超时。请稍后再试。",
+        "failed_unknown": "获取位置时出现未知错误。请稍后再试。",
+        "find_my_location": "查找我的位置",
+        "live_description": "%(displayName)s 的事实位置",
+        "live_enable_description": "请注意：这是一项使用临时实施方案的实验室功能。这意味着你将无法删除你的位置记录，即使你停止与此房间共享实时位置，高级用户仍然可以看到你的位置记录。",
+        "live_enable_heading": "分享实时位置",
+        "live_location_active": "你正在分享实时位置",
+        "live_location_enabled": "实时位置已启用",
+        "live_location_ended": "实时位置已结束",
+        "live_location_error": "实时位置出错",
+        "live_locations_empty": "无实时位置",
+        "live_share_button": "分享 %(duration)s",
+        "live_toggle_label": "启用实时位置分享",
+        "live_until": "直播直到 %(expiryTime)s",
+        "live_update_time": "已更新 %(humanizedUpdateTime)s",
+        "loading_live_location": "正在加载实时位置…",
+        "location_not_available": "位置不可用",
+        "map_feedback": "地图反馈",
+        "mapbox_logo": "Mapbox 图标",
+        "reset_bearing": "重置方向为正北",
+        "share_button": "分享位置",
+        "share_type_live": "我的实时位置",
+        "share_type_own": "我的当前位置",
+        "share_type_pin": "放置锚点",
+        "share_type_prompt": "你想分享的位置的类型？",
+        "toggle_attribution": "切换属性"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s 位成员",
+            "other": "%(count)s 个成员"
+        },
+        "filter_placeholder": "搜索房间内成员",
+        "invite_button_no_perms_tooltip": "你无权邀请用户",
+        "invited_label": "已邀请",
+        "list_title": "成员列表",
+        "no_matches": "不匹配"
+    },
+    "member_list_back_action_label": "房间成员",
+    "message_edit_dialog_title": "消息编辑",
+    "migrating_crypto": "请稍候。我们正在更新 %(brand)s，以使加密更快、更可靠。",
+    "mobile_guide": {
+        "toast_accept": "使用 App",
+        "toast_description": "%(brand)s 在移动 Web 浏览器上处于实验阶段。为了获得更好的体验和最新功能，请使用我们的免费原生应用。",
+        "toast_title": "使用 App 以获得更好的体验"
+    },
+    "name_and_id": "%(name)s（%(userId)s）",
+    "no_more_results": "没有更多结果",
+    "notif_panel": {
+        "empty_description": "你没有可见通知。",
+        "empty_heading": "你已阅读所有消息"
+    },
+    "notifications": {
+        "all_messages": "全部消息",
+        "all_messages_description": "接收每个消息的通知",
+        "class_global": "全局",
+        "class_other": "其它",
+        "default": "默认",
+        "email_pusher_app_display_name": "邮件通知",
+        "enable_prompt_toast_description": "启用桌面通知",
+        "enable_prompt_toast_title": "通知",
+        "enable_prompt_toast_title_from_message_send": "不要错过任何回复",
+        "error_change_title": "更改通知设置",
+        "keyword": "关键词",
+        "keyword_new": "新的关键词",
+        "level_activity": "活动",
+        "level_highlight": "高亮",
+        "level_muted": "已静默",
+        "level_none": "无",
+        "level_notification": "通知",
+        "level_unsent": "未发送",
+        "mark_all_read": "全部设为已读",
+        "mentions_and_keywords": "仅限提及（@）与回复",
+        "mentions_and_keywords_description": "仅为在<a>设置</a>中针对提及与关键词的配置获取通知",
+        "mentions_keywords": "提及与关键词",
+        "message_didnt_send": "消息未发送。点击以获取信息。",
+        "mute_description": "你不会收到任何通知"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s 正在请求验证"
+    },
+    "onboarding": {
+        "create_room": "创建群聊",
+        "explore_rooms": "浏览公共房间",
+        "has_avatar_label": "很好，这将有助于人们确认是你",
+        "intro_byline": "掌控你的对话。",
+        "intro_welcome": "欢迎使用 %(appName)s",
+        "no_avatar_label": "添加照片让别人知道这是你。",
+        "send_dm": "发送私聊",
+        "welcome_detail": "协助你开始",
+        "welcome_user": "欢迎 %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "一个位于 %(room)s 的消息",
+        "permalink_this_room": "来自 %(user)s 的消息"
+    },
+    "poll": {
+        "create_poll_action": "创建投票",
+        "create_poll_title": "创建投票",
+        "disclosed_notes": "结果将在参与者投票后立即可见",
+        "edit_poll_title": "编辑投票",
+        "end_description": "你确定要结束此投票？此操作将显示最终结果并阻止人员投票。",
+        "end_message": "投票已结束。热门答案：%(topAnswer)s",
+        "end_message_no_votes": "投票已结束。无人投票。",
+        "end_title": "结束投票",
+        "ended_poll_label": "投票已结束",
+        "error_ending_description": "抱歉，投票尚未结束。请重试。",
+        "error_ending_title": "结束投票失败",
+        "error_voting_description": "抱歉，你的投票尚未注册。请重试。",
+        "error_voting_title": "投票未注册",
+        "failed_send_poll_description": "抱歉，你尝试创建的投票未能发布。",
+        "failed_send_poll_title": "发布投票失败",
+        "notes": "结果仅在结束投票时显示",
+        "option_label": "选项 %(number)s，%(answer)s",
+        "option_label_winning_with_total": {
+            "one": "选项 %(number)，%(answer)s，领先，%(count)s 票",
+            "other": "选项 %(number)，%(answer)s，领先，%(count)s 票"
+        },
+        "option_label_with_total": {
+            "one": "选项 %(number)，%(answer)s，%(count)s 票",
+            "other": "选项 %(number)，%(answer)s，%(count)s 票"
+        },
+        "options_add_button": "添加选项",
+        "options_heading": "创建选项",
+        "options_label": "选项 %(number)s",
+        "options_placeholder": "撰写选项",
+        "poll_label": "投票",
+        "topic_heading": "投票中的提问或主题？",
+        "topic_label": "提问或主题",
+        "topic_placeholder": "撰写内容…",
+        "total_decryption_errors": "由于解密错误可能无法统计某些投票",
+        "total_n_votes": {
+            "one": "已有 %(count)s 个投票。投票以查看结果",
+            "other": "已有 %(count)s 个投票。投票以查看结果"
+        },
+        "total_n_votes_voted": {
+            "one": "基于 %(count)s 个投票",
+            "other": "基于 %(count)s 个投票"
+        },
+        "total_no_votes": "暂无人投票",
+        "total_not_ended": "结果将于投票结束后可见。",
+        "type_closed": "封闭式投票",
+        "type_heading": "投票类型",
+        "type_open": "开放式投票",
+        "unable_edit_description": "抱歉，已有投票的情况下你无法再编辑投票。",
+        "unable_edit_title": "无法编辑投票"
+    },
+    "power_level": {
+        "admin": "管理员",
+        "creator": "所有者",
+        "custom": "自定义（%(level)s）",
+        "custom_level": "自定义权力值",
+        "default": "默认",
+        "label": "权力值",
+        "moderator": "协管员",
+        "restricted": "已受限"
+    },
+    "powered_by_matrix": "由 Matrix 提供底层支持",
+    "presence": {
+        "away": "离开",
+        "busy": "忙碌",
+        "idle": "空闲",
+        "idle_for": "已空闲 %(duration)s",
+        "offline": "离线",
+        "offline_for": "离线 %(duration)s",
+        "online": "在线",
+        "online_for": "已在线 %(duration)s",
+        "unknown": "未知",
+        "unknown_for": "未知 %(duration)s",
+        "unreachable": "无法访问用户的服务器"
+    },
+    "quick_settings": {
+        "all_settings": "所有设置",
+        "sidebar_settings": "更多选项",
+        "title": "快速设置"
+    },
+    "quit_warning": {
+        "call_in_progress": "你似乎正在通话，你确定要退出？",
+        "file_upload_in_progress": "你似乎正在上传文件，你确定要退出？"
+    },
+    "redact": {
+        "confirm_button": "确认移除",
+        "confirm_description": "你确定要移除（删除）此事件？",
+        "confirm_description_state": "请注意，如此移除房间更改可能会使更改失效。",
+        "error": "你无法删除此消息。（%(code)s）",
+        "ongoing": "正在移除…",
+        "reason_label": "理由（可选）"
+    },
+    "remove_section_dialog": {
+        "confirmation": "你确定要移除此区域？",
+        "description": "此区域中的聊天仍将显示在聊天列表。",
+        "remove_section": "移除区域",
+        "title": "移除此区域？"
+    },
+    "report_content": {
+        "description": "举报此消息会将其唯一的“事件 ID”发送给服务器管理员。如果此房间中的消息已加密，则服务器管理员将无法查看消息文本、任何文件或图像。",
+        "hide_messages_from_user": "如果你想隐藏此用户当前及未来的所有消息，请选中此项。",
+        "ignore_user": "忽略用户",
+        "missing_reason": "请填写举报理由。",
+        "report_content_to_homeserver": "向服务器管理员举报此内容"
+    },
+    "report_room": {
+        "description": "向服务器管理员举报此房间。如果消息已被加密，则管理员无法看到它们。",
+        "reason_label": "描述理由"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "%(failedCount)s 个会话解密失败！",
+        "count_of_successfully_restored_keys": "成功恢复 %(sessionCount)s 个密钥",
+        "enter_key_description": "访问你的安全消息历史记录并通过输入恢复密钥来设置安全消息传递。",
+        "enter_key_title": "输入恢复密钥",
+        "enter_phrase_description": "访问你的安全消息历史记录，并通过输入你的安全口令来设置安全消息传递。",
+        "enter_phrase_title": "输入安全口令",
+        "incorrect_security_phrase_dialog": "无法使用此安全口令解密备份：请确认你输入的安全口令是否正确。",
+        "incorrect_security_phrase_title": "安全口令不正确",
+        "key_backup_warning": "<b>警告</b>：你应仅从受信任的计算机设置密钥备份。",
+        "key_fetch_in_progress": "从服务器获取密钥",
+        "key_forgotten_text": "如果你忘记了恢复密钥，你可以<button>设置新的恢复选项</button>。",
+        "key_is_invalid": "非有效的恢复密钥",
+        "key_is_valid": "似乎是有效的恢复密钥！",
+        "keys_restored_title": "密钥已恢复",
+        "load_error_content": "无法载入备份状态",
+        "load_keys_progress": "已恢复 %(total)s 个密钥中的 %(completed)s 个",
+        "no_backup_error": "未找到备份！",
+        "phrase_forgotten_text": "如果你忘记了安全口令，你可以<button1>使用恢复密钥</button1>或<button2>设置新的恢复选项</button2>。",
+        "recovery_key_mismatch_description": "无法使用此恢复密钥解密备份：请确认输入了正确的恢复密钥。",
+        "recovery_key_mismatch_title": "恢复密钥不正确",
+        "restore_failed_error": "无法恢复备份"
+    },
+    "right_panel": {
+        "add_integrations": "添加扩展",
+        "add_topic": "添加主题",
+        "extensions_button": "扩展",
+        "extensions_empty_description": "选择“%(addIntegrations)s”以浏览并添加扩展到此房间。",
+        "extensions_empty_title": "使用更多工具、小部件与机器人提高生产力",
+        "files_button": "文件",
+        "pinned_messages": {
+            "empty_description": "选择一个消息并点击“%(pinAction)s”以包含在此处。",
+            "empty_title": "置顶重要的消息以便于发现",
+            "header": {
+                "one": "1 个已置顶的消息",
+                "other": "%(count)s 个已置顶的消息",
+                "zero": "已置顶的消息"
+            },
+            "limits": {
+                "other": "你最多只能钉住 %(count)s 个小部件"
+            },
+            "menu": "打开菜单",
+            "reply_thread": "回复 <link>消息列中的消息</link>",
+            "unpin_all": {
+                "button": "取消置顶所有消息",
+                "content": "确实要移除所有已置顶的消息？此操作无法撤消。",
+                "title": "取消置顶所有消息？"
+            },
+            "view": "在时间线中查看"
+        },
+        "pinned_messages_button": "已置顶的消息",
+        "poll": {
+            "active_heading": "进行中的投票",
+            "empty_active": "此房间暂无进行中的投票",
+            "empty_active_load_more": "暂无进行中的投票。加载更多投票以查看过去几个月的投票。",
+            "empty_active_load_more_n_days": {
+                "one": "过去 1 天暂无进行中的投票。载入更多投票以获取过去几个月的投票",
+                "other": "过去 %(count)s 天暂无进行中的投票。载入更多投票以获取过去几个月的投票"
+            },
+            "empty_past": "此房间暂无过往投票",
+            "empty_past_load_more": "暂无过往投票。载入更多投票以获取过去几个月的投票",
+            "empty_past_load_more_n_days": {
+                "one": "过去 1 天没有过往投票。加载更多投票以查看过去几个月的投票。",
+                "other": "过去 %(count)s 天暂无过往的投票。载入更多投票以获取过去几个月的投票"
+            },
+            "final_result": {
+                "one": "基于 %(count)s 个投票的最终结果",
+                "other": "基于 %(count)s 个投票的最终结果"
+            },
+            "load_more": "载入更多投票",
+            "loading": "正在载入投票",
+            "past_heading": "过往的投票",
+            "view_in_timeline": "在时间线中查看投票",
+            "view_poll": "查看投票"
+        },
+        "polls_button": "投票",
+        "room_summary_card": {
+            "title": "房间信息"
+        },
+        "thread_list": {
+            "context_menu_label": "消息列选项"
+        },
+        "video_room_chat": {
+            "title": "聊天"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "此邀请已发送到 %(email)s，但该邮箱地址与你的账户无关。",
+        "3pid_invite_email_not_found_account_room": "%(roomName)s 的邀请已发送到 %(email)s，该邮箱与你的账户无关。",
+        "3pid_invite_error_description": "尝试验证邀请时出错（%(errcode)s）。你可以尝试将此信息转发给邀请你的人员。",
+        "3pid_invite_error_invite_action": "尝试强制加入",
+        "3pid_invite_error_invite_subtitle": "你只能使用有效的邀请加入。",
+        "3pid_invite_error_public_subtitle": "你仍然可以加入。",
+        "3pid_invite_error_title": "你的邀请出现问题。",
+        "3pid_invite_error_title_room": "你对 %(roomName)s 的邀请出现问题",
+        "3pid_invite_no_is_subtitle": "使用“设置”中的身份服务器，可直接在 %(brand)s 中接收邀请。",
+        "banned_by": "你已被 %(memberName)s 封禁",
+        "banned_from_room_by": "你在 %(roomName)s 中已被 %(memberName)s 封禁",
+        "context_menu": {
+            "copy_link": "复制房间链接",
+            "favourite": "收藏",
+            "forget": "忘记房间",
+            "low_priority": "低优先级",
+            "mark_read": "设为已读",
+            "mark_unread": "设为未读",
+            "notifications_default": "跟随系统设置",
+            "notifications_mute": "静默房间",
+            "title": "房间选项",
+            "unfavourite": "已收藏"
+        },
+        "creating_room_text": "正在以 %(names)s 为名称创建房间",
+        "dm_invite_action": "开始聊天",
+        "dm_invite_subtitle": "<userName/> 想要聊天",
+        "dm_invite_title": "你想与 %(user)s 聊天吗？",
+        "drop_file_prompt": "拖放文件到此处以上传",
+        "edit_topic": "编辑主题",
+        "error_cancel_knock_title": "取消失败",
+        "error_join_403": "你需要被邀请才能访问此房间。",
+        "error_join_404_1": "你尝试使用房间 ID 加入，但未提供要加入的服务器列表。房间 ID 是内部标识符，如果没有其它信息，则无法用于加入房间。",
+        "error_join_404_2": "如果你知道房间地址，请尝试通过该地址加入。",
+        "error_join_404_invite": "邀请你的人已离开，或其服务器已离线。",
+        "error_join_404_invite_same_hs": "邀请你的人已离开。",
+        "error_join_connection": "加入时出错。",
+        "error_join_incompatible_version_1": "抱歉，你的主服务器太旧，无法在此处参与。",
+        "error_join_incompatible_version_2": "请联系主服务器管理员。",
+        "error_join_title": "加入失败",
+        "error_join_unknown": "发生未知错误。",
+        "error_jump_to_date": "服务器返回 %(statusCode)s，错误代码为 %(errorCode)s",
+        "error_jump_to_date_connection": "尝试查找并跳转到指定日期时出现网络错误。主服务器可能已关闭，或互联网连接只是暂时出现问题。请重试。如果此问题持续存在，请联系主服务器管理员。",
+        "error_jump_to_date_details": "错误详细信息",
+        "error_jump_to_date_not_found": "我们找不到从 %(dateString)s 开始的后续活动。请尝试选择更早的日期。",
+        "error_jump_to_date_send_logs_prompt": "请提交<debugLogsLink>调试日志</debugLogsLink>以帮助我们追踪问题。",
+        "error_jump_to_date_title": "无法找到该日期的事件",
+        "face_pile_summary": {
+            "one": "你认识的 %(count)s 个人已加入",
+            "other": "%(count)s 个你认识的人已加入"
+        },
+        "face_pile_tooltip_label": {
+            "one": "查看 1 个成员",
+            "other": "查看全部 %(count)s 个成员"
+        },
+        "face_pile_tooltip_shortcut": "包括 %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "包括你，%(commaSeparatedMembers)s",
+        "failed_determine_user": "由于成员事件已更改，无法确定要忽略哪个用户。",
+        "failed_reject_invite": "邀请拒绝失败",
+        "forget_room": "忘记此房间",
+        "forget_space": "忘记此空间",
+        "header": {
+            "join_video_call": "加入视频通话",
+            "join_voice_call": "加入语音通话",
+            "n_people_asking_to_join": {
+                "one": "申请加入",
+                "other": "%(count)s 个人员申请加入"
+            },
+            "room_is_public": "此为公共房间",
+            "shared_history_tooltip": "新成员可以看到历史",
+            "world_readable_history_tooltip": "任何人都可以看到历史"
+        },
+        "header_avatar_open_settings_label": "打开房间设置",
+        "header_face_pile_tooltip": "人员",
+        "header_untrusted_label": "不受信任",
+        "inaccessible": "此房间或空间暂时无法访问。",
+        "inaccessible_name": "目前无法访问 %(roomName)s。",
+        "inaccessible_subtitle_1": "请稍后重试，或联系房间或空间管理员检查你是否有权访问。",
+        "inaccessible_subtitle_2": "尝试访问房间或空间时返回了 %(errcode)s。如果认为此消息有误，请<issueLink>提交 Bug 报告</issueLink>。",
+        "intro": {
+            "display_topic": "主题：<topic/>",
+            "dm_caption": "除非两者之一邀请他人加入，否则此处只有你们两个人的对话。",
+            "edit_topic": "主题：<topic/>（<a>编辑</a>）",
+            "enable_encryption_prompt": "在设置中启用加密。",
+            "encrypted_3pid_dm_pending_join": "一旦所有人都加入，你就可以开始聊天",
+            "no_avatar_label": "添加一张照片，这样别人就能很容易地找到你的房间。",
+            "no_topic": "<a>添加主题</a>有助于人们了解此房间与哪些事物相关。",
+            "private_unencrypted_warning": "你的私有消息通常是加密的，但此房间不是。通常这是由于使用了不受支持的设备或方法，例如通过邮件地址邀请。",
+            "room_invite": "仅邀请到此房间",
+            "send_message_start_dm": "发送第一个消息以邀请 <displayName/> 聊天",
+            "start_of_dm_history": "此处是你与 <displayName/> 的私聊历史的开头。",
+            "start_of_room": "这是 <roomName/> 的开始。",
+            "unencrypted_warning": "端到端加密未启用",
+            "user_created": "%(displayName)s 创建了此房间。",
+            "you_created": "你创建了此房间。"
+        },
+        "invite_email_mismatch_suggestion": "在“设置 ”中分享此邮件，以便直接在 %(brand)s 中接收邀请。",
+        "invite_sent_to_email": "此邀请已发送至 %(email)s",
+        "invite_sent_to_email_room": "到 %(roomName)s 的邀请已发送到 %(email)s",
+        "invite_subtitle": "由 <userName/> 邀请",
+        "invite_this_room": "邀请到此房间",
+        "invite_title": "你想加入 %(roomName)s 吗？",
+        "inviter_unknown": "未知",
+        "invites_you_text": "<inviter/> 邀请了你",
+        "join_button_account": "注册",
+        "join_failed_needs_invite": "要查看 %(roomName)s，你需要被邀请",
+        "join_the_discussion": "加入讨论",
+        "join_title": "加入房间以参与",
+        "join_title_account": "通过账户加入对话",
+        "joining": "正在加入…",
+        "joining_room": "正在加入房间…",
+        "joining_space": "加入空间",
+        "jump_read_marker": "跳转到首个未读消息。",
+        "jump_to_bottom_button": "滚动到最近的消息",
+        "kick_reason": "原因：%(reason)s",
+        "kicked_by": "你已被 %(memberName)s 移除",
+        "kicked_from_room_by": "你已被 %(memberName)s 从 %(roomName)s 移除",
+        "knock_cancel_action": "取消请求",
+        "knock_denied_subtitle": "由于你被拒绝访问，除非收到群组管理员或协管员的邀请，否则你无法重新加入。",
+        "knock_denied_title": "你已被拒绝访问",
+        "knock_message_field_placeholder": "消息（可选）",
+        "knock_prompt": "申请加入？",
+        "knock_prompt_name": "申请加入 %(roomName)s？",
+        "knock_send_action": "请求访问",
+        "knock_sent": "已发送加入申请",
+        "knock_sent_subtitle": "你的加入请求正在等待处理。",
+        "knock_subtitle": "你需要获得此房间的访问权限才能查看或参与对话。你可以在下方发送加入申请。",
+        "leave_error_title": "离开房间时出错",
+        "leave_server_notices_description": "此房间用于存储来自主服务器的重要消息，因此你无法离开。",
+        "leave_server_notices_title": "无法离开“服务器通知”房间",
+        "leave_unexpected_error": "尝试离开房间时出现意外服务器错误",
+        "link_email_to_receive_3pid_invite": "请在“设置”中将此邮件地址与你的账户关联，以便直接在 %(brand)s 中接收邀请。",
+        "loading_preview": "正在载入预览",
+        "no_peek_join_prompt": "%(roomName)s 无法预览。是否加入？",
+        "no_peek_no_name_join_prompt": "暂无预览，是否加入？",
+        "not_found_subtitle": "你确定来对地方了吗？",
+        "not_found_title": "此房间或空间不存在。",
+        "not_found_title_name": "%(roomName)s 不存在。 ",
+        "peek_join_prompt": "你正在预览 %(roomName)s。是否加入？",
+        "pinned_message_banner": {
+            "button_close_list": "关闭列表",
+            "button_view_all": "查看全部",
+            "description": "此房间包含已置顶的消息。点击查看。",
+            "go_to_newest_message": "在此处查看时间线中的置顶消息和最新的置顶消息",
+            "go_to_next_message": "在此处查看时间线中的置顶消息和下一条最早的置顶消息",
+            "title": "<bold>第 %(index)s 个已置顶的消息，共 %(length)s 个</bold>"
+        },
+        "read_topic": "点击阅读主题",
+        "rejecting": "正在拒绝邀请…",
+        "rejoin_button": "重新加入",
+        "room_content": "房间内容",
+        "room_is_low_priority": "此为低优先级房间",
+        "search": {
+            "all_rooms_button": "搜索所有房间",
+            "placeholder": "搜索消息…",
+            "summary": {
+                "one": "为“<query/>”找到 1 个结果",
+                "other": "根据关键词“<query/>”找到 %(count)s 个结果"
+            },
+            "this_room_button": "搜索此房间"
+        },
+        "unknown_status_code_for_timeline_jump": "未知状态码",
+        "unread_notifications_predecessor": {
+            "one": "你的 %(count)s 个未读通知在此房间的上一版本中。",
+            "other": "你在此房间的上一版本中有 %(count)s 个未读通知。"
+        },
+        "upgrade_error_description": "请仔细检查你的服务器是否支持所选的房间版本，然后重试。",
+        "upgrade_error_title": "升级房间时出错",
+        "upgrade_warning_bar": "升级此房间将关闭当前的房间实例，并创建一个同名的已升级房间。",
+        "upgrade_warning_bar_admins": "仅房间管理员可以看到此警告",
+        "upgrade_warning_bar_unstable": "此房间正在运行房间版本 <roomVersion />，此主服务器已将其标记为<i>不稳定</i>。",
+        "upgrade_warning_bar_upgraded": "此房间已升级过。",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "正在上传 %(filename)s 与剩余 %(count)s 个文件",
+                "other": "正在上传 %(filename)s 与剩余 %(count)s 个文件"
+            },
+            "uploading_single_file": "正在上传 %(filename)s"
+        },
+        "video_room": "此房间为视频房间",
+        "waiting_for_join_subtitle": "受邀用户加入 %(brand)s 后，你将能够聊天，并且房间将端到端加密。",
+        "waiting_for_join_title": "等待用户加入 %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "添加空间",
+        "failed_add_tag": "为房间添加标签 %(tagName)s 失败",
+        "failed_remove_tag": "从房间移除标签 %(tagName)s 失败",
+        "failed_set_dm_tag": "私聊标签设置失败",
+        "list_title": "房间列表",
+        "more_options": {
+            "leave_room": "离开房间"
+        },
+        "notification_options": "通知选项",
+        "section": {
+            "chats": "聊天",
+            "favourites": "收藏",
+            "low_priority": "低优先级"
+        },
+        "show_less": "显示更少"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "决定谁可以查看并加入 %(spaceName)s。",
+            "title": "访问"
+        },
+        "advanced": {
+            "error_upgrade_description": "无法完成升级此房间",
+            "error_upgrade_title": "房间升级失败",
+            "information_section_room": "房间信息",
+            "information_section_space": "空间信息",
+            "room_id": "内部房间 ID",
+            "room_predecessor": "在 %(roomName)s 中查看更早的消息",
+            "room_upgrade_button": "将此房间升级到推荐的房间版本",
+            "room_upgrade_warning": "<b>警告</b>：升级房间<i>不会自动将房间成员迁移到新版本房间。</i>我们会在旧版本房间中发布新房间的链接 - 房间成员必须点击此链接才能加入新房间。",
+            "room_version": "房间版本：",
+            "room_version_section": "房间版本",
+            "space_predecessor": "在 %(spaceName)s 中查看更旧的版本。",
+            "space_upgrade_button": "将此空间升级到推荐的房间版本",
+            "unfederated": "远程 Matrix 服务器无法访问此房间",
+            "upgrade_button": "升级此房间到版本 %(version)s",
+            "upgrade_dialog_description": "升级此房间需要关闭当前的房间实例并创建一个新的房间来代替它。为了给房间成员提供最佳体验，我们将：",
+            "upgrade_dialog_description_1": "创建一个具有相同名称、描述与头像的新房间",
+            "upgrade_dialog_description_2": "更新任意本地房间别名以使其指向新房间",
+            "upgrade_dialog_description_3": "阻止用户在旧版本房间发言，并发送消息建议用户迁移到新房间。",
+            "upgrade_dialog_description_4": "在新房间的开头添加返回旧房间的链接，以便其他人可以查看旧消息。",
+            "upgrade_dialog_title": "升级房间版本",
+            "upgrade_dwarning_ialog_title_public": "升级公共房间",
+            "upgrade_warning_dialog_description": "升级房间是一项高级操作，通常建议在房间由于错误、功能缺失或安全漏洞而不稳定时执行此操作。",
+            "upgrade_warning_dialog_explainer": "<b>请注意，升级将生成新版本的房间</b>。所有当前消息都将保留在此已存档的房间中。",
+            "upgrade_warning_dialog_footer": "你将升级此房间的版本从 <oldVersion /> 到 <newVersion />。",
+            "upgrade_warning_dialog_invite_label": "自动将此房间的成员邀请到新房间",
+            "upgrade_warning_dialog_report_bug_prompt": "这通常只会影响房间在服务器上的处理方式。如果你的 %(brand)s 出现问题，请报告 Bug。",
+            "upgrade_warning_dialog_report_bug_prompt_link": "这通常只会影响服务器上对房间的处理方式。如果你在使用 %(brand)s 时遇到问题，请<a>报告 Bug</a>。",
+            "upgrade_warning_dialog_title": "升级房间",
+            "upgrade_warning_dialog_title_private": "升级私有房间"
+        },
+        "alias_not_specified": "未指定",
+        "bridges": {
+            "description": "此房间正在将消息桥接到以下平台。<a>了解详情</a>",
+            "empty": "此房间不会将消息桥接到任何平台。<a>了解更多</a>",
+            "title": "桥接器"
+        },
+        "delete_avatar_label": "删除头像",
+        "general": {
+            "alias_field_has_domain_invalid": "缺少域名分隔符。例如（:domain.org）",
+            "alias_field_has_localpart_invalid": "缺少房间名称或分隔符，例如（my-room:domain.org）",
+            "alias_field_matches_invalid": "此地址未指向此房间",
+            "alias_field_placeholder_default": "例如：my-room",
+            "alias_field_required_invalid": "请提供地址",
+            "alias_field_safe_localpart_invalid": "某些字符不被允许",
+            "alias_field_taken_invalid": "此地址指向的服务器无效或已被使用",
+            "alias_field_taken_invalid_domain": "此地址已被使用",
+            "alias_field_taken_valid": "此地址可供使用",
+            "alias_heading": "房间地址",
+            "aliases_items_label": "其它已发布地址：",
+            "aliases_no_items_label": "暂无其它已发布的地址，可以在下面添加。",
+            "aliases_section": "房间地址",
+            "avatar_field_label": "房间头像",
+            "canonical_alias_field_label": "主要地址",
+            "description_space": "编辑空间相关设置。",
+            "error_creating_alias_description": "创建该地址时出错。服务器可能不允许该地址，或者发生了临时故障。",
+            "error_creating_alias_title": "创建地址时出错",
+            "error_deleting_alias_description": "移除此地址时出错。它可能不再存在或临时出错。",
+            "error_deleting_alias_description_forbidden": "你无权删除地址。",
+            "error_deleting_alias_title": "移除地址时出错",
+            "error_publishing": "无法发布房间",
+            "error_publishing_detail": "发布此房间时出错",
+            "error_save_space_settings": "保存空间设置时出错",
+            "error_updating_alias_description": "更新房间的备选地址时出错。服务器可能不允许此操作，或者发生了临时故障。",
+            "error_updating_canonical_alias_description": "更新房间主要地址时出错。服务器可能不允许这样做，或者发生了临时故障。",
+            "error_updating_canonical_alias_title": "更新主要地址时出错",
+            "leave_space": "离开空间",
+            "local_alias_field_label": "本地地址",
+            "local_aliases_explainer_room": "为此房间设置地址，以便用户通过主服务器找到此房间。",
+            "local_aliases_explainer_space": "设置此空间的地址以便用户可以通过主服务器（%(localDomain)s）找到此空间",
+            "local_aliases_section": "本地地址",
+            "name_field_label": "房间名称",
+            "new_alias_placeholder": "新的发布地址（例如：#alias:server）",
+            "no_aliases_room": "此房间没有本地地址",
+            "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": "任何服务器上的任何人都可以使用已发布的地址加入此空间。",
+            "published_aliases_section": "发布的地址",
+            "save": "保存更改",
+            "topic_field_label": "房间主题"
+        },
+        "notifications": {
+            "browse_button": "浏览",
+            "custom_sound_prompt": "设置新的自定义声音",
+            "notification_sound": "通知声音",
+            "settings_link": "按<a>设置</a>中的配置获取通知",
+            "sounds_section": "声音",
+            "upload_sound_label": "上传自定义声音",
+            "uploaded_sound": "已上传的声音"
+        },
+        "people": {
+            "knock_empty": "暂无请求",
+            "knock_section": "申请加入",
+            "see_less": "查看更少",
+            "see_more": "查看更多"
+        },
+        "permissions": {
+            "add_privileged_user_description": "授予此房间中一个或多个用户更多特权",
+            "add_privileged_user_filter_placeholder": "在此房间中搜索用户…",
+            "add_privileged_user_heading": "添加特权用户",
+            "ban": "封禁用户",
+            "ban_reason": "理由",
+            "banned_by": "已被 %(displayName)s 封禁",
+            "banned_users_section": "已被封禁的用户",
+            "error_changing_pl_description": "更改用户权力值时出错。请确保你拥有足够的权限并重试。",
+            "error_changing_pl_reqs_description": "更改房间权力值要求时出错。请确保你拥有足够的权限并重试。",
+            "error_changing_pl_reqs_title": "更改权力值要求时出错",
+            "error_changing_pl_title": "更改权力值时出错",
+            "error_unbanning": "解封失败",
+            "events_default": "发送消息",
+            "invite": "邀请用户",
+            "kick": "移除用户",
+            "m.call": "开始 %(brand)s 通话",
+            "m.call.member": "加入 %(brand)s 通话",
+            "m.reaction": "发送反应",
+            "m.room.avatar": "更改房间头像",
+            "m.room.avatar_space": "更改空间头像",
+            "m.room.canonical_alias": "更改房间的主要地址",
+            "m.room.canonical_alias_space": "更改空间的主要地址",
+            "m.room.encryption": "启用房间加密",
+            "m.room.history_visibility": "更改历史可见性",
+            "m.room.name": "更改房间名称",
+            "m.room.name_space": "更改空间名称",
+            "m.room.pinned_events": "管理已置顶事件",
+            "m.room.power_levels": "更改权限",
+            "m.room.redaction": "移除我发送的消息",
+            "m.room.server_acl": "更改服务器 ACL",
+            "m.room.tombstone": "升级房间",
+            "m.room.topic": "更改主题",
+            "m.room.topic_space": "更改描述",
+            "m.space.child": "在此空间中管理房间",
+            "m.widget": "修改小部件",
+            "muted_users_section": "已被静默的用户",
+            "no_privileged_users": "此房间中的用户均无特定权限",
+            "notifications.room": "通知所有人",
+            "permissions_section": "权限",
+            "permissions_section_description_room": "选择更改房间各部分所需的角色",
+            "permissions_section_description_space": "选择更改空间各部分所需的角色",
+            "privileged_users_section": "特权用户",
+            "redact": "移除其他人发送的消息",
+            "send_event_type": "发送 %(eventType)s 事件",
+            "state_default": "更改设置",
+            "title": "角色与权限",
+            "users_default": "默认角色"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "你无权更改该频道的历史可见性。此操作存在风险，可能导致未加入的用户读取消息。",
+                "title": "无法将房间设为私有房间"
+            },
+            "enable_encryption_confirm_description": "房间的加密一旦启用就无法禁用。服务器无法看到在加密房间中发送的消息，只有房间内的参与者才能看到。启用加密可能会阻止大多数机器人与桥接器正常工作。<a>了解更多加密相关</a>",
+            "enable_encryption_confirm_title": "启用加密？",
+            "enable_encryption_public_room_confirm_description_1": "<b>不建议为公共房间启用加密。</b>任何人都可以找到并加入公共房间，因此任何人都可以阅读其中的消息。这种情况下你将无法受益于加密，并且以后也无法关闭加密功能。在公共房间中，加密消息会降低消息的收发效率。",
+            "enable_encryption_public_room_confirm_description_2": "为避免这些问题，请为你计划进行的对话创建一个<a>新的加密房间</a>。",
+            "enable_encryption_public_room_confirm_title": "你确定要为此公共房间添加加密功能？",
+            "encrypted_room_public_confirm_description_1": "<b>不建将加密房间设为公开。</b>这意味着任何人都可以找到并加入公共房间，因此任何人都可以阅读其中的消息。这种情况下你将无法受益于加密。在公共房间中，加密消息会降低消息的收发效率。",
+            "encrypted_room_public_confirm_description_2": "为避免这些问题，请为你计划进行的对话创建一个<a>新的公共房间</a>。",
+            "encrypted_room_public_confirm_title": "你确定要公开此加密房间？",
+            "encryption_forced": "服务器要求禁用加密。",
+            "encryption_permanent": "加密一旦启用就无法禁用。",
+            "error_join_rule_change_title": "连接规则更新失败",
+            "error_join_rule_change_unknown": "未知故障",
+            "guest_access_warning": "使用受支持的客户端的人员无需注册账户即可加入房间。",
+            "history_visibility_invited": "自成员被邀请时起",
+            "history_visibility_legend": "谁可以查看历史？",
+            "history_visibility_shared": "成员（完整历史）",
+            "history_visibility_warning": "此更改不会影响过去的消息，而只会影响新消息。<a>了解更多</a>",
+            "history_visibility_world_readable": "任何人（公开历史）",
+            "join_rule_description": "决定谁可以加入 %(roomName)s。",
+            "join_rule_invite": "仅限邀请",
+            "join_rule_invite_description": "仅限被邀请的人员加入",
+            "join_rule_knock": "申请加入",
+            "join_rule_knock_description": "除非被授予权限， 否则人员无法加入。",
+            "join_rule_public": "任何人",
+            "join_rule_public_description": "任何人都可以加入。",
+            "join_rule_restricted": "空间成员",
+            "join_rule_restricted_description": "位于被授权的空间的任何人无需邀请即可加入。<a>管理空间</a>",
+            "join_rule_restricted_description_active_space": "任何在 <spaceName/> 中的成员都可以加入。",
+            "join_rule_restricted_description_prompt": "在空间中的任何人都可以加入。",
+            "join_rule_restricted_description_spaces": "被授权的空间",
+            "join_rule_restricted_dialog_description": "无需邀请即可加入 <RoomName/>。",
+            "join_rule_restricted_dialog_empty_warning": "你将移除所有已授权的空间。访问权将默认变更为“仅邀请”。",
+            "join_rule_restricted_dialog_filter_placeholder": "搜索空间",
+            "join_rule_restricted_dialog_heading_known": "此房间未被包含在你的空间",
+            "join_rule_restricted_dialog_heading_other": "其它你并非其成员的空间",
+            "join_rule_restricted_dialog_heading_room": "包含此房间的空间",
+            "join_rule_restricted_dialog_heading_space": "你已知包含到此空间的子空间",
+            "join_rule_restricted_dialog_heading_unknown": "这些可能是其他房间管理员参与的房间。",
+            "join_rule_restricted_dialog_title": "管理空间",
+            "join_rule_restricted_n_more": {
+                "one": "与更多 %(count)s 个",
+                "other": "与更多 %(count)s 个"
+            },
+            "join_rule_restricted_summary": {
+                "one": "当前已授权 1 个空间",
+                "other": "当前已授权 %(count)s 个空间"
+            },
+            "join_rule_restricted_upgrade_description": "此升级将允许选定空间的成员无需邀请即可访问此房间。",
+            "join_rule_restricted_upgrade_warning": "此房间位于你并非管理员的某些空间中。在这些空间中，旧房间仍会显示，但系统会提示用户加入新房间。",
+            "join_rule_upgrade_awaiting_room": "正在载入新房间",
+            "join_rule_upgrade_required": "需要升级",
+            "join_rule_upgrade_sending_invites": {
+                "one": "正在发送邀请…",
+                "other": "正在发送邀请…（%(count)s 个中的第 %(progress)s 个）"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "正在升级空间…",
+                "other": "正在更新空间…（%(count)s 个中的第 %(progress)s 个）"
+            },
+            "join_rule_upgrade_upgrading_room": "正在升级房间",
+            "join_rule_world_readable_description": "更改谁可以加入房间也会更改未来消息的可见性。",
+            "public_without_alias_warning": "要关联到此房间，请添加地址。",
+            "publish_room": "使此房间在公共房间目录可见。",
+            "publish_space": "使此空间在公共房间目录可见。",
+            "strict_encryption": "仅发送消息到已验证的用户。",
+            "title": "安全与隐私"
+        },
+        "title": "房间设置：%(roomName)s",
+        "upload_avatar_label": "上传头像",
+        "visibility": {
+            "alias_section": "地址",
+            "error_failed_save": "此空间的设置更新失败",
+            "error_update_guest_access": "此空间的访客访问更新失败",
+            "error_update_history_visibility": "此空间的历史可见性更新失败",
+            "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": "安全与隐私"
+        },
+        "voip": {
+            "call_type_section": "通话类型",
+            "enable_element_call_caption": "%(brand)s 为端到端加密，但当前仅限少数用户。",
+            "enable_element_call_label": "在此房间启用 %(brand)s 作为额外通话选项",
+            "enable_element_call_no_permissions_tooltip": "你无权更改此设置。"
+        }
+    },
+    "room_summary_card_back_action_label": "房间信息",
+    "scalar": {
+        "error_create": "无法创建小部件。",
+        "error_membership": "你不在此房间。",
+        "error_missing_room_id": "缺少房间 ID.",
+        "error_missing_room_id_request": "请求中缺少“room_id”",
+        "error_missing_user_id_request": "请求中缺少“user_id”",
+        "error_permission": "你无权在此房间内执行此操作。",
+        "error_power_level_invalid": "权力值必须为正整数。",
+        "error_room_not_visible": "房间 %(roomId)s 不可见",
+        "error_room_unknown": "无法识别此房间。",
+        "error_send_request": "请求发送失败。",
+        "failed_read_event": "事件读取失败",
+        "failed_send_event": "事件发送失败"
+    },
+    "server_offline": {
+        "description": "服务器未响应你的某些请求。以下是一些最可能的原因。",
+        "description_1": "服务器（%(serverName)s）响应时间过长。",
+        "description_2": "你的防火墙或杀毒软件阻止了请求。",
+        "description_3": "浏览器扩展阻止了该请求。",
+        "description_4": "此服务器已离线。",
+        "description_5": "服务器已拒绝你的请求。",
+        "description_6": "你所在的地区在连接 Internet 时遇到困难。",
+        "description_7": "尝试联系服务器时发生连接错误。",
+        "description_8": "服务器的配置未能说明问题原因（CORS）。",
+        "empty_timeline": "你已阅读所有消息",
+        "recent_changes_heading": "尚未收到最近的更改",
+        "title": "服务器未响应"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s 需要一个 Service Worker 来从 Matrix 内容存储库加载经过身份验证的媒体。当前浏览器不支持此功能，因此你可能会遇到媒体加载失败的情况。",
+        "title": "Services Worker 载入失败"
+    },
+    "seshat": {
+        "error_initialising": "消息搜索初始化失败，请检查<a>设置</a>了解更多信息。",
+        "reset_button": "重置事件存储",
+        "reset_description": "你很可能不想重置事件索引存储",
+        "reset_explainer": "如果你这样做，请注意，你的任何消息都不会被删除，但在重新创建索引期间，搜索体验可能会暂时下降。",
+        "reset_title": "重置事件存储？",
+        "warning_kind_files": "此版本的 %(brand)s 不支持查看某些加密文件",
+        "warning_kind_files_app": "使用<a>桌面 App</a> 查看所有加密文件",
+        "warning_kind_search": "此版本的 %(brand)s 不支持搜索加密消息",
+        "warning_kind_search_app": "使用<a>桌面 App</a> 搜索加密消息",
+        "warning_kind_search_partial": "搜索结果可能不完整，因为索引仍在建立中。"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "访问 Token 可以完全控制账户，请勿分享给任何人。",
+            "brand_version": "%(brand)s 版本：",
+            "clear_cache_reload": "清除缓存并重载",
+            "crypto_version": "加密组件版本：",
+            "dialog_title": "<strong>设置：</strong>帮助与关于",
+            "help_link": "点击<a>此处</a>获取有关使用 %(brand)s 的帮助。",
+            "homeserver": "主服务器 URL：<code>%(homeserverUrl)s</code>",
+            "identity_server": "身份服务器为 <code>%(identityServerUrl)s</code>",
+            "title": "帮助与关于",
+            "versions": "版本"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>设置：</strong>账户",
+            "title": "账户"
+        },
+        "all_rooms_home": "在主页显示所有房间",
+        "all_rooms_home_description": "你加入的所有房间都将显示在主页。",
+        "always_show_message_timestamps": "始终显示消息时间戳",
+        "appearance": {
+            "bundled_emoji_font": "使用内置的 Emoji 样式",
+            "compact_layout": "显示紧凑文字及消息",
+            "compact_layout_description": "必须选择“现代布局”以启用此功能。",
+            "custom_font": "使用系统字体",
+            "custom_font_description": "设置当前系统已安装的字体名称，%(brand)s 将尝试使用该字体。",
+            "custom_font_name": "系统字体名称",
+            "custom_font_size": "使用自定义字号",
+            "custom_theme_add": "添加自定义主题",
+            "custom_theme_downloading": "正在下载自定义主题…",
+            "custom_theme_error_downloading": "下载主题时出错",
+            "custom_theme_help": "输入要应用的自定义主题的 URL。",
+            "custom_theme_invalid": "主题协议无效。",
+            "dialog_title": "<strong>设置：</strong>外观",
+            "font_size": "文字大小",
+            "font_size_default": "%(fontSize)s（默认）",
+            "high_contrast": "高对比度",
+            "image_size_default": "默认",
+            "image_size_large": "大型",
+            "layout_bubbles": "消息气泡",
+            "layout_irc": "IRC（实验性）",
+            "match_system_theme": "跟随系统主题",
+            "timeline_image_size": "时间线中的图像尺寸"
+        },
+        "automatic_language_detection_syntax_highlight": "启用“自动检测语法高亮中的编程语言”",
+        "autoplay_gifs": "自动播放 GIF",
+        "autoplay_videos": "自动播放视频",
+        "big_emoji": "在聊天中启用加大的 Emoji",
+        "code_block_expand_default": "默认展开代码块",
+        "code_block_line_numbers": "显示代码块中的行号",
+        "disable_historical_profile": "在消息历史中显示用户当前名称与个人资料图像",
+        "discovery": {
+            "title": "如何找到你"
+        },
+        "emoji_autocomplete": "在键入期间启用 Emoji 建议",
+        "enable_markdown": "启用 Markdown",
+        "enable_markdown_description": "在消息开头输入 <code>/plain</code> 以临时禁用 Markdown。",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "你的账户的详细信息、联系人、偏好设置与聊天列表将被保留",
+                "breadcrumb_page": "重置加密",
+                "breadcrumb_second_description": "你将丢失所有仅存储在服务器上的消息历史",
+                "breadcrumb_third_description": "你将需要再次验证所有现有设备与联系人",
+                "breadcrumb_title": "你确定要重置数字身份？",
+                "breadcrumb_title_cant_confirm": "你需要重置数字身份",
+                "breadcrumb_title_forgot": "忘记恢复密钥？你需要重置数字身份。",
+                "breadcrumb_title_sync_failed": "同步密钥存储失败。你需要重置数字身份。",
+                "breadcrumb_warning": "仅当你认为账户被盗时才这么做。",
+                "details_title": "加密详细信息",
+                "do_not_close_warning": "在重置完成之前请勿关闭此窗口",
+                "export_keys": "导出密钥",
+                "import_keys": "导入密钥",
+                "other_people_device_description": "警告：未向你明确验证（例如使用 Emoji）的用户、已验证用户的未验证设备都将不会收到你的加密消息。要使此更改生效需要重新启动应用程序。",
+                "other_people_device_label": "在加密房间中仅发送消息到已验证的用户",
+                "other_people_device_title": "其他人的设备",
+                "reset_identity": "重置密码学身份",
+                "reset_in_progress": "正在重置…",
+                "session_id": "会话 ID：",
+                "session_key": "会话密钥：",
+                "title": "高级"
+            },
+            "confirm_key_storage_off": "你确定要持续关闭密钥存储？",
+            "confirm_key_storage_off_description": "如果你移除所有设备将丢失消息历史，并需要重新验证所有现有联系人。<a>了解更多</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "删除密钥存储",
+                "confirm": "删除密钥存储",
+                "description": "删除密钥存储将从服务器中移除密码学身份与消息密钥，并关闭以下安全功能：",
+                "list_first": "你将不会在新设备上拥有加密消息历史",
+                "list_second": "如果你不再登录任何设备，你将丢失对加密消息的访问权。",
+                "title": "你确定要关闭密钥存储并将其删除？"
+            },
+            "device_not_verified_button": "验证此设备",
+            "device_not_verified_description": "你需要验证此设备才能查看加密设置。",
+            "device_not_verified_title": "设备未验证",
+            "dialog_title": "<strong>设置：</strong>加密",
+            "key_storage": {
+                "allow_key_storage": "允许密钥存储",
+                "description": "这将允许你在任意新设备上查看聊天历史，这对备份聊天和数字身份是必需的。<a>了解更多</a>",
+                "title": "密钥存储"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "确认新的恢复密钥",
+                "change_recovery_confirm_description": "请在下面输入新的恢复密钥以完成验证。你的旧密钥将不再有效。",
+                "change_recovery_confirm_title": "输入新的恢复密钥",
+                "change_recovery_key": "更改恢复密钥",
+                "change_recovery_key_description": "在安全的地方记下新的恢复密钥。点击“继续”按钮以确认更改。",
+                "change_recovery_key_title": "更改恢复密钥？",
+                "description": "你的聊天已被端到端加密自动备份。如果你无法访问所有设备，则需要使用恢复密钥恢复备份并保留数字身份。",
+                "enter_key_error": "你输入的恢复密钥不正确。",
+                "enter_recovery_key": "输入恢复密钥",
+                "forgot_recovery_key": "忘记恢复密钥？",
+                "key_storage_warning": "你的密钥存储不同步。点击以下按钮之一即可修复此问题。",
+                "save_key_description": "不要与任何人分享！",
+                "save_key_title": "恢复密钥",
+                "set_up_recovery": "获取恢复密钥",
+                "set_up_recovery_confirm_button": "完成设置",
+                "set_up_recovery_confirm_description": "请输入上一屏幕显示的恢复密钥以完成恢复设置。",
+                "set_up_recovery_confirm_title": "输入恢复密钥以确认",
+                "set_up_recovery_description": "你的密钥存储受恢复密钥保护。如果设置后需要新的恢复密钥，可以选择“%(changeRecoveryKeyButton)s”重新创建。",
+                "set_up_recovery_save_key_description": "请将此恢复密钥保存到安全的地方，例如密码管理器、加密笔记或物理保险箱。",
+                "set_up_recovery_save_key_title": "保存恢复密钥到安全的地方",
+                "set_up_recovery_secondary_description": "点击“继续”后，我们将生成恢复密钥。",
+                "title": "备份"
+            },
+            "title": "加密"
+        },
+        "general": {
+            "account_management_section": "账户管理",
+            "account_section": "账户",
+            "add_email_dialog_title": "添加邮件地址",
+            "add_email_failed_verification": "邮件地址验证失败：请确保点击了邮件中的链接。",
+            "add_email_instructions": "我们已向你发送了一封邮件，用于验证你的地址。请按照邮件中的说明操作，然后点击以下按钮。",
+            "add_msisdn_confirm_body": "点击以下按钮确认添加此电话号码。",
+            "add_msisdn_confirm_button": "确认添加电话号码",
+            "add_msisdn_confirm_sso_button": "请确认使用单点登录添加此电话号码以证明身份。",
+            "add_msisdn_dialog_title": "添加电话号码",
+            "add_msisdn_instructions": "一条短信已发送到 +%(msisdn)s。请输入短信中包含的验证码。",
+            "add_msisdn_misconfigured": "添加或绑定 MSISDN 流程配置错误",
+            "allow_spellcheck": "允许拼写检查",
+            "application_language": "应用程序语言",
+            "application_language_reload_hint": "选择另一种语言将重载 App",
+            "avatar_open_menu": "打开头像菜单",
+            "avatar_remove_progress": "正在移除图像…",
+            "avatar_save_progress": "正在上传图像…",
+            "avatar_upload_error_text": "不支持的文件格式或图像大于 %(size)s。",
+            "avatar_upload_error_text_generic": "文件格式可能不受支持。",
+            "avatar_upload_error_title": "无法上传头像",
+            "confirm_adding_email_body": "点击以下按钮确认添加此邮件地址。",
+            "confirm_adding_email_title": "确认添加邮件",
+            "deactivate_confirm_body": "你确定要停用账户？这将不可逆转。",
+            "deactivate_confirm_body_sso": "要确认停用你的账户，请使用单点登录以证明身份。",
+            "deactivate_confirm_content": "确认要停用你的账户。如果你继续：",
+            "deactivate_confirm_content_1": "你将无法重新激活账户",
+            "deactivate_confirm_content_2": "你将无法再登录",
+            "deactivate_confirm_content_3": "任何人都无法重复使用你的用户名 (MXID)，包括你自己：此用户名将保持不可用状态。",
+            "deactivate_confirm_content_4": "你将离开你所在的所有房间与私聊",
+            "deactivate_confirm_content_5": "你将被从身份服务器中移除：你的好友将无法再通过你的邮件地址或电话号码找到你。",
+            "deactivate_confirm_content_6": "你的旧消息仍然会被接收者看到，就像你过去发送的邮件一样。是否对以后加入房间的人员隐藏你发送的消息？",
+            "deactivate_confirm_continue": "确认停用账户",
+            "deactivate_confirm_erase_label": "对新加入者隐藏我的消息",
+            "deactivate_section": "停用账户",
+            "deactivate_warning": "停用账户是一项永久性操作，请务必小心！",
+            "discovery_email_empty": "添加邮件后，将出现发现选项。",
+            "discovery_email_verification_instructions": "验证收件箱中的链接",
+            "discovery_msisdn_empty": "添加电话号码后将出现发现选项。",
+            "discovery_needs_terms": "同意身份服务器 (%(serverName)s) 的服务条款，以便允许他人通过邮件地址或电话号码找到你。",
+            "discovery_needs_terms_title": "让人们找到你",
+            "display_name": "显示名称",
+            "display_name_error": "无法设置显示名称",
+            "email_adding_unsupported_by_hs": "此主服务器不支持向账户添加邮件地址。",
+            "email_address_in_use": "此邮件地址已被使用",
+            "email_address_label": "邮件地址",
+            "email_not_verified": "你的邮件地址尚未经过验证",
+            "email_verification_instructions": "点击你收到的邮件中的链接进行验证，然后再次点击“继续”。",
+            "emails_heading": "邮件地址",
+            "error_add_email": "无法添加邮件地址",
+            "error_deactivate_communication": "与服务器通信时出现问题。请重试。",
+            "error_deactivate_invalid_auth": "服务器未能返回有效的身份验证信息。",
+            "error_deactivate_no_auth": "服务器无需任何身份验证",
+            "error_email_verification": "无法验证邮件地址。",
+            "error_invalid_email": "无效邮件地址",
+            "error_invalid_email_detail": "这似乎不是有效的邮件地址",
+            "error_msisdn_verification": "无法验证电话号码。",
+            "error_password_change_403": "密码更改失败。密码是否正确？",
+            "error_password_change_http": "%(errorMessage)s（HTTP 状态码 %(httpStatus)s）",
+            "error_password_change_title": "更改密码时出错",
+            "error_password_change_unknown": "更改密码时出现未知错误 （%(stringifiedError)s）",
+            "error_remove_3pid": "无法移除联系人信息",
+            "error_revoke_email_discovery": "无法撤消分享的邮件地址",
+            "error_revoke_msisdn_discovery": "无法找到与此电话号码对应的分享",
+            "error_share_email_discovery": "无法分享邮件地址",
+            "error_share_msisdn_discovery": "无法分享电话号码",
+            "identity_server_no_token": "未找到身份访问 Token",
+            "identity_server_not_set": "未设置身份服务器",
+            "invalid_phone_number": "提供的电话号码似乎无效。",
+            "language_section": "语言",
+            "msisdn_adding_unsupported_by_hs": "此主服务器不支持向账户添加电话号码。",
+            "msisdn_in_use": "此电话号码已被使用",
+            "msisdn_label": "电话号码",
+            "msisdn_verification_field_label": "验证码",
+            "msisdn_verification_instructions": "请输入通过短信发送的验证码。",
+            "msisdns_heading": "电话号码",
+            "oidc_manage_button": "管理账户",
+            "password_change_section": "设置新的账户密码…",
+            "password_change_success": "密码已成功更改。",
+            "personal_info": "个人信息",
+            "profile_subtitle": "这是你在 App 上向他人展示的形象。",
+            "profile_subtitle_oidc": "你的账户由身份提供者单独管理，因此某些个人信息无法在此处更改。",
+            "remove_email_prompt": "移除 %(email)s？",
+            "remove_msisdn_prompt": "移除 %(phone)s？",
+            "spell_check_locale_placeholder": "选择区域",
+            "unable_to_load_emails": "无法加载邮件地址",
+            "unable_to_load_msisdns": "无法载入电话号码",
+            "username": "用户名"
+        },
+        "inline_url_previews_default": "启用预览",
+        "inline_url_previews_encrypted": "在加密房间启用 URL 预览",
+        "insert_trailing_colon_mentions": "在位于消息开头的用户提及后插入一个冒号",
+        "invite_controls": {
+            "default_label": "允许用户邀请你到房间"
+        },
+        "jump_to_bottom_on_send": "发送消息后跳转到时间线末尾",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "你的密钥正在从此设备备份。",
+                "backup_setup_success_title": "安全备份成功",
+                "cancel_warning": "如果你现在取消，在无法访问登录信息的情况下，可能会丢失加密消息与数据。",
+                "confirm_security_phrase": "确认安全口令",
+                "description": "通过在服务器上备份加密密钥，防止丢失对加密消息和数据的访问权。",
+                "download_or_copy": "%(downloadButton)s 或 %(copyButton)s",
+                "enter_phrase_description": "输入只有你知道的安全口令用于保护你的数据。为了安全起见，请勿重复使用账户密码。",
+                "enter_phrase_title": "输入安全口令",
+                "enter_phrase_to_confirm": "再次输入安全口令以确认。",
+                "generate_security_key_description": "我们将为你生成一个恢复密钥，以便你将其存储在安全的地方，例如密码管理器或保险箱。",
+                "generate_security_key_title": "生成恢复密钥",
+                "pass_phrase_match_failed": "不匹配",
+                "pass_phrase_match_success": "匹配！",
+                "phrase_strong_enough": "很好！此口令看起来足够强。",
+                "secret_storage_query_failure": "无法查询秘密存储状态",
+                "security_key_safety_reminder": "请将恢复密钥存储在安全的地方，例如密码管理器或保险箱，因为它用于保护你的加密数据。",
+                "set_phrase_again": "返回以再次设置。",
+                "settings_reminder": "你还可以在“设置”中设置安全备份与管理密钥。",
+                "title_confirm_phrase": "确认安全口令",
+                "title_save_key": "保存恢复密钥",
+                "title_set_phrase": "设置安全口令",
+                "unable_to_setup": "无法设置秘密存储",
+                "use_different_passphrase": "使用不同的口令？",
+                "use_phrase_only_you_know": "使用只有你知道的密码，并可选择保存恢复密钥以用于备份。"
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "确认口令",
+            "enter_passphrase": "输入口令",
+            "export_description_1": "此过程允许你将加密房间中收到的消息的密钥导出到本地文件。你之后可以将该文件导入到另一个 Matrix 客户端以便该客户端也能解密这些消息。",
+            "export_description_2": "导出的文件将允许任何可以读取它的人解密你可以看到的任何加密消息，应小心确保其安全。为此你应该在下面输入一个唯一的口令，该口令仅用于加密导出的数据，并且只能使用相同的口令导入数据。",
+            "export_title": "导出房间密钥",
+            "file_to_import": "要导入的文件",
+            "import_description_1": "此过程允许你导入以前从其它 Matrix 客户端导出的加密密钥，然后你将能够解密其它客户端可以解密的任何消息。",
+            "import_description_2": "已导出的文件使用口令进行保护。你应该在此处输入口令来解密此文件。",
+            "import_title": "导入房间密钥",
+            "phrase_cannot_be_empty": "口令不能为空",
+            "phrase_must_match": "口令必须匹配",
+            "phrase_strong_enough": "很好！此口令看起来足够强"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>设置：</strong>键盘",
+            "title": "键盘"
+        },
+        "labs": {
+            "dialog_title": "<strong>设置：</strong>实验室"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>设置：</strong>已忽略的用户"
+        },
+        "media_preview": {
+            "hide_avatars": "隐藏房间与邀请者的头像",
+            "hide_media": "始终隐藏",
+            "media_preview_description": "点击隐藏的媒体即可将其恢复显示",
+            "media_preview_label": "在时间线上显示媒体",
+            "show_in_private": "在私有房间",
+            "show_media": "始终显示"
+        },
+        "not_supported": "服务器尚未实现此功能。",
+        "notifications": {
+            "default_setting_description": "此设置将默认应用于你的所有房间。",
+            "default_setting_section": "要接收的通知类型（默认设置）",
+            "desktop_notification_message_preview": "在桌面通知中显示消息预览",
+            "dialog_title": "<strong>设置：</strong>通知",
+            "email_description": "接收错过的通知的邮件摘要",
+            "email_section": "邮件摘要",
+            "email_select": "选择要向其发送摘要的邮件地址。可以在<button>账户</button>中管理邮件地址。",
+            "enable_audible_notifications_session": "为此会话的通知启用声音",
+            "enable_desktop_notifications_session": "为此会话启用桌面通知",
+            "enable_email_notifications": "为 %(email)s 启用邮件通知",
+            "enable_notifications_account": "为此账户启用通知",
+            "enable_notifications_account_detail": "关闭此选项将禁用你所有设备及会话的通知",
+            "enable_notifications_device": "启用此设备的通知",
+            "error_loading": "加载通知设置时出错。",
+            "error_permissions_denied": "%(brand)s 无权向你发送通知，请检查浏览器设置。",
+            "error_permissions_missing": "%(brand)s 未被授予发送通知的权限，请重试。",
+            "error_saving": "保存通知设置时出错",
+            "error_saving_detail": "保存通知偏好时出错。",
+            "error_title": "无法启用通知",
+            "error_updating": "更新通知首选项时出错。请尝试再次切换选项。",
+            "invites": "邀请到房间",
+            "keywords": "在房间中使用特定关键词时显示 <badge/> 标记。",
+            "keywords_prompt": "在此处输入关键词、拼写变体或昵称",
+            "labs_notice_prompt": "<strong>更新：</strong>我们简化了通知设置使选项更易于查找。你曾经选择的某些自定义设置不会在此处显示，但它们仍然处于活动状态。如果继续，你的某些设置可能会更改。<a>了解更多</a>",
+            "mentions_keywords": "提及与关键词",
+            "mentions_keywords_only": "仅提及与关键词",
+            "messages_containing_keywords": "消息包含的关键词",
+            "noisy": "响铃",
+            "notices": "由机器人发送的消息",
+            "notify_at_room": "当有人提及使用“@room”时通知",
+            "notify_keyword": "当有人使用关键字时通知",
+            "notify_mention": "当有人提及使用“@displayname”或“%(mxid)s”时通知",
+            "other_section": "你可能感兴趣的其它内容：",
+            "people_mentions_keywords": "人员、提及与关键词",
+            "play_sound_for_description": "此设置将默认应用于你所有设备中的所有房间。",
+            "play_sound_for_section": "播放声音",
+            "push_targets": "通知目标",
+            "quick_actions_mark_all_read": "所有消息设为已读",
+            "quick_actions_reset": "重置为默认设置",
+            "quick_actions_section": "快速设置",
+            "room_activity": "新产生的房间活动、升级与状态消息",
+            "rule_call": "通话邀请",
+            "rule_contains_display_name": "包含我的显示名称的消息",
+            "rule_contains_user_name": "提及（@）与回复",
+            "rule_encrypted": "群聊中的加密消息",
+            "rule_encrypted_room_one_to_one": "一对一聊天中的加密消息",
+            "rule_invite_for_me": "当我受邀到房间",
+            "rule_message": "群聊中的消息",
+            "rule_room_one_to_one": "一对一聊天中的消息",
+            "rule_roomnotif": "包含 @room 的提及",
+            "rule_suppress_notices": "由机器人发送的消息",
+            "rule_tombstone": "当房间升级时。",
+            "show_message_desktop_notification": "在桌面通知中显示消息内容",
+            "voip": "音频与视频通话"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "阻止窗口内容被其它应用程序捕获",
+            "Electron.enableHardwareAcceleration": "启用硬件加速（需要重新启动 %(appName)s 以生效）",
+            "always_show_menu_bar": "始终显示窗口菜单栏",
+            "autocomplete_delay": "自动补全延时（毫秒）",
+            "code_blocks_heading": "代码块",
+            "compact_modern": "使用更简洁的“现代”布局",
+            "composer_heading": "编辑器",
+            "default_timezone": "浏览器默认（%(timezone)s）",
+            "dialog_title": "<strong>设置：</strong>偏好",
+            "enable_content_protection": "启用内容保护",
+            "enable_hardware_acceleration": "启用硬件加速",
+            "enable_tray_icon": "当窗口关闭时最小化其到托盘",
+            "keyboard_heading": "键盘快捷键",
+            "keyboard_view_shortcuts_button": "要查看所有键盘快捷键请<a>点击此处</a>。",
+            "link_previews_description": "在消息下方显示链接相关信息",
+            "link_previews_heading": "链接预览",
+            "media_heading": "图像、GIF 与视频",
+            "presence_description": "向其他人分享你的活跃情况。",
+            "publish_timezone": "在公开资料上公布时区",
+            "rm_lifetime": "已读标记生存时间（毫秒）",
+            "rm_lifetime_offscreen": "已读标记屏外生存时间（毫秒）",
+            "room_directory_heading": "房间目录",
+            "room_list_heading": "房间列表",
+            "show_avatars_pills": "在用户、房间与事件提及中显示头像",
+            "show_polls_button": "显示投票按钮",
+            "startup_window_behaviour_label": "启动时的窗口行为",
+            "surround_text": "当键入特殊字符时圈选文字",
+            "time_heading": "显示时间",
+            "user_timezone": "设置时区"
+        },
+        "prompt_invite": "向可能无效的 Matrix ID 发送邀请前提示",
+        "replace_plain_emoji": "自动替换纯文本 Emoji",
+        "security": {
+            "analytics_description": "分享匿名数据已帮助我们识别问题。不涉及个人隐私及第三方。",
+            "bulk_options_accept_all_invites": "接受所有 %(invitedRooms)s 的邀请",
+            "bulk_options_reject_all_invites": "拒绝所有 %(invitedRooms)s 邀请",
+            "bulk_options_section": "批量选择",
+            "dehydrated_device_description": "离线设备功能允许你即使未登录任何设备也能接收加密消息。",
+            "dehydrated_device_enabled": "离线设备已启用",
+            "dialog_title": "<strong>设置：</strong>安全与隐私",
+            "e2ee_default_disabled_warning": "私有房间与私聊默认的端到端加密已被服务器管理员禁用。",
+            "enable_message_search": "在加密房间启用消息搜索",
+            "encryption_section": "加密",
+            "ignore_users_empty": "暂无已忽略的用户",
+            "ignore_users_section": "已忽略的用户",
+            "key_backup_algorithm": "算法：",
+            "message_search_disable_warning": "如果停用此功能，来自加密房间的消息将不会显示在搜索结果中。",
+            "message_search_disabled": "在安全地在本地缓存加密消息以使其出现在搜索结果中。",
+            "message_search_enabled": {
+                "one": "占用 %(size)s 的空间以存储来自 %(rooms)s 个房间的消息，加密消息已安全地在本地缓存，并可以使其显示在搜索结果中。",
+                "other": "占用 %(size)s 的空间以存储来自 %(rooms)s 个房间的消息，加密消息已安全地在本地缓存，并可以使其显示在搜索结果中。"
+            },
+            "message_search_failed": "消息搜索初始化失败",
+            "message_search_indexed_messages": "已索引的消息：",
+            "message_search_indexed_rooms": "已索引的房间：",
+            "message_search_indexing": "当前正在索引：%(currentRoom)s",
+            "message_search_indexing_idle": "尚未为任何房间索引消息。",
+            "message_search_intro": "%(brand)s 正在安全地在本地缓存加密消息以使其出现在搜索结果中：",
+            "message_search_pending_rooms": "等待索引的房间：%(pendingRooms)s 个",
+            "message_search_room_progress": "%(totalRooms)s 个房间中的 %(doneRooms)s 个",
+            "message_search_section": "消息搜索",
+            "message_search_sleep_time": "消息下载速度",
+            "message_search_space_used": "已使用空间：",
+            "message_search_unsupported": "%(brand)s 缺少一些在本地安全缓存加密消息所需的组件。如果你想试用此功能，请构建一个自定义的 %(brand)s 桌面，并添加<nativeLink>搜索组件</nativeLink>。",
+            "message_search_unsupported_web": "%(brand)s 在 Web 浏览器中运行时无法安全地在本地缓存加密消息。请使用 <desktopLink>%(brand)s Desktop</desktopLink> 使加密消息出现在搜索结果中。",
+            "record_session_details": "在会话管理器中记录客户端名称、版本及 URL 以更易于识别",
+            "send_analytics": "发送分析数据",
+            "strict_encryption": "仅向已验证用户发送消息"
+        },
+        "send_read_receipts": "发送已读回执",
+        "send_read_receipts_unsupported": "你的服务器不支持禁用发送已读回执。",
+        "send_typing_notifications": "发送键入通知",
+        "sessions": {
+            "best_security_note": "为了最佳的安全性请验证此会话，并移除任何你不认识或不再使用的会话。",
+            "confirm_sign_out": {
+                "one": "确认移除此设备",
+                "other": "确认移除这些设备"
+            },
+            "confirm_sign_out_body": {
+                "one": "点击以下按钮确认移除此设备",
+                "other": "点击以下按钮确认移除这些设备"
+            },
+            "confirm_sign_out_continue": {
+                "one": "移除设备",
+                "other": "移除设备"
+            },
+            "confirm_sign_out_sso": {
+                "other": "通过使用单点登录验证你的身份以确认移除这些设备。"
+            },
+            "current_session": "当前会话",
+            "desktop_session": "桌面会话",
+            "details_heading": "会话详细信息",
+            "device_unverified_description": "验证或注销此会话以获得最佳安全性与可靠性。",
+            "device_unverified_description_current": "验证当前会话以增强安全消息传递。",
+            "device_verified_description": "此会话的安全消息传递已就绪。",
+            "device_verified_description_current": "当前会话的安全消息传递已就绪。",
+            "dialog_title": "<strong>设置：</strong>会话",
+            "error_pusher_state": "设置推送机制失败",
+            "error_set_name": "设置会话名称失败",
+            "filter_all": "全部",
+            "filter_inactive": "静默",
+            "filter_inactive_description": "处于静默状态 %(inactiveAgeDays)s 天甚至更长时间",
+            "filter_label": "筛选设备",
+            "filter_unverified_description": "安全消息传递未就绪",
+            "filter_verified_description": "安全消息传递已就绪",
+            "hide_details": "隐藏详细信息",
+            "inactive_days": "已持续静默至少 %(inactiveAgeDays)s 天",
+            "inactive_sessions": "静默会话",
+            "inactive_sessions_explainer_1": "静默会话是指你一段时间内未使用，但仍会继续接收加密密钥的会话。",
+            "inactive_sessions_explainer_2": "移除静默会话可提高安全性与性能，并让你更容易识别新的会话是否可疑。",
+            "inactive_sessions_list_description": "考虑移除不再使用的旧会话（%(inactiveAgeDays)s 天或更早）。",
+            "ip": "IP 地址",
+            "last_activity": "最后活跃于",
+            "manage": "管理此会话",
+            "mobile_session": "移动端会话",
+            "n_sessions_selected": {
+                "one": "已选择 %(count)s 个会话",
+                "other": "已选择 %(count)s 个会话"
+            },
+            "no_inactive_sessions": "未找到静默的会话。",
+            "no_sessions": "未找到会话。",
+            "no_unverified_sessions": "未找到未验证的会话。",
+            "no_verified_sessions": "未找到已验证的会话。",
+            "other_sessions_heading": "其它会话",
+            "push_heading": "推送通知",
+            "push_subheading": "允许此会话接收通知推送",
+            "push_toggle": "切换此会话的推送通知。",
+            "rename_form_caption": "请注意，会话名称也对与你通信的人可见。",
+            "rename_form_heading": "重命名会话",
+            "rename_form_learn_more": "正在重命名会话",
+            "rename_form_learn_more_description_1": "你加入的私聊与房间中的其他用户可以查看你的完整会话列表。",
+            "rename_form_learn_more_description_2": "这不仅能使其确信自己确实在与你通话，还能看到你在此处输入的会话名称。",
+            "security_recommendations": "安全建议",
+            "security_recommendations_description": "通过以下建议增强账户安全性",
+            "session_id": "会话 ID",
+            "show_details": "显示详细信息",
+            "sign_in_with_qr": "关联新设备",
+            "sign_in_with_qr_button": "显示二维码",
+            "sign_in_with_qr_description": "使用二维码登录到另一设备并设置安全消息传递。",
+            "sign_in_with_qr_unsupported": "账户提供者不支持",
+            "sign_out": "移除此会话",
+            "sign_out_all_other_sessions": "移除所有其它会话（%(otherSessionsCount)s）",
+            "sign_out_confirm_description": {
+                "one": "你确定要移除 %(count)s 个会话？",
+                "other": "你确定要移除 %(count)s 个会话？"
+            },
+            "sign_out_n_sessions": {
+                "one": "移除 %(count)s 个会话",
+                "other": "移除 %(count)s 个会话"
+            },
+            "title": "会话",
+            "unknown_session": "未知会话类型",
+            "unverified_session": "未验证的会话",
+            "unverified_session_explainer_1": "此会话不支持加密，因此无法验证。",
+            "unverified_session_explainer_2": "使用此会话时，你将无法加入启用加密的房间。",
+            "unverified_session_explainer_3": "为了获得最佳的安全性与隐私性，建议使用支持加密的 Matrix 客户端。",
+            "unverified_sessions": "未验证的会话",
+            "unverified_sessions_explainer_1": "未验证的会话是指已使用你的凭据登录但尚未通过你的数字身份确认的会话。",
+            "unverified_sessions_explainer_2": "你应特别确认自己能够识别这些会话，因为它们可能代表你的账户被未经授权使用。",
+            "unverified_sessions_list_description": "验证此会话以强化安全消息传递，或移除你不认识或不再使用的会话。",
+            "url": "URL",
+            "verified_session": "已验证的会话",
+            "verified_sessions": "已验证的会话",
+            "verified_sessions_explainer_1": "已验证会话是指已经过你的数字身份确认的会话。",
+            "verified_sessions_explainer_2": "这意味着你拥有解锁加密消息所需的所有密钥，并向其他用户确认你信任此会话。",
+            "verified_sessions_list_description": "为了最佳的安全性，请移除任何你不认识或不再使用的会话。",
+            "verify_session": "验证会话",
+            "web_session": "Web 会话"
+        },
+        "show_avatar_changes": "显示个人资料图像更改",
+        "show_breadcrumbs": "在房间列表之上显示最近访问的房间的捷径",
+        "show_chat_effects": "显示聊天特效（例如当收到“五彩纸屑”时）",
+        "show_displayname_changes": "显示用户的“显示名称更改”",
+        "show_join_leave": "显示加入及离开消息（邀请、移除及封禁不受影响）",
+        "show_message_previews": "显示消息预览",
+        "show_nsfw_content": "显示 NSFW 内容",
+        "show_read_receipts": "显示其他用户的已读回执",
+        "show_redaction_placeholder": "为已被移除的消息显示占位符",
+        "show_sections": "显示区域",
+        "show_stickers_button": "显示贴纸按钮",
+        "show_typing_notifications": "显示用户的键入通知",
+        "showbold": "在房间列表上显示所有活动（用于未读消息的圆点与数字）",
+        "sidebar": {
+            "dialog_title": "<strong>设置：</strong>边栏",
+            "metaspaces_home_all_rooms": "显示所有房间",
+            "metaspaces_home_all_rooms_description": "在主页显示所有房间，即使它们位于不同的空间。",
+            "metaspaces_home_description": "主页有助于概览所有对话。",
+            "metaspaces_orphans": "空间外的房间",
+            "metaspaces_orphans_description": "集中所有不属于任何空间的房间在一处。",
+            "metaspaces_subsection": "要显示的空间",
+            "metaspaces_video_rooms": "视频房间与会议",
+            "metaspaces_video_rooms_description": "集中所有私有视频房间与会议在一处。",
+            "metaspaces_video_rooms_description_invite_extension": "在会议中，你可以邀请 Matrix 生态以外的人。",
+            "spaces_explainer": "空间是对房间与人员分组的方式，除了你所在的空间，还可以使用一些预置空间。",
+            "title": "边栏"
+        },
+        "start_automatically": {
+            "disabled": "否",
+            "enabled": "是",
+            "label": "登录时启动 %(brand)s",
+            "minimised": "最小化"
+        },
+        "tac_only_notifications": "仅在消息列中枢显示通知",
+        "use_12_hour_format": "以 12 小时制显示时间戳（例如：下午 2:30）",
+        "use_command_enter_send_message": "按 Command + Enter 发送消息",
+        "use_command_f_search": "允许按 Command + F 搜索时间线",
+        "use_control_enter_send_message": "允许按 Ctrl + Enter 发送消息",
+        "use_control_f_search": "允许按 Ctrl + F 搜索时间线",
+        "voip": {
+            "allow_p2p": "允许点对点进行一对一通话",
+            "allow_p2p_description": "启用此项后， 第三方可能会看到你的 IP 地址",
+            "audio_input_empty": "未检测到麦克风",
+            "audio_output": "音频输出",
+            "audio_output_empty": "未检测到音频输出",
+            "auto_gain_control": "自动增益控制",
+            "dialog_title": "<strong>设置：</strong>语音与视频",
+            "echo_cancellation": "回声消除",
+            "echo_cancellation_description": "在通话期间移除回声。此设置亦将应用于 Element Call。",
+            "enable_fallback_ice_server": "允许备选的通话辅助服务器",
+            "enable_fallback_ice_server_description": "仅用于你所在的主服务器不提供时。你的 IP 地址会在通话期间被分享。",
+            "enable_legacy_calls": "启用旧版语音视频通话",
+            "enable_legacy_calls_description": "适用于 Jitsi 与一对一 WebRTC 通话",
+            "mirror_local_feed": "镜像本地视频源",
+            "missing_permissions_prompt": "要参与通话，请为 %(brand)s 授予音视频设备的访问权。",
+            "noise_suppression": "降噪",
+            "noise_suppression_description": "在通话期间降低背景噪音。此设置亦将应用于 Element Call。",
+            "permissions": "允许访问麦克风和摄像头",
+            "request_permissions": "请求",
+            "title": "语音与视频",
+            "video_input_empty": "未检测到摄像头",
+            "video_section": "视频设置",
+            "voice_agc": "自动调整麦克风音量",
+            "voice_input_description": "此处的音频输入配置用于语音消息与通话（旧版与一对一）。",
+            "voice_input_section": "音频输入",
+            "voice_processing": "语音处理",
+            "voice_section": "语音设置"
+        },
+        "warn_quit": "退出前警告",
+        "warning": "<w>警告：</w><description/>"
+    },
+    "share": {
+        "link_copied": "链接已复制",
+        "permalink_message": "链接可指向所选消息",
+        "permalink_most_recent": "链接到最近消息",
+        "share_call": "会议邀请链接",
+        "share_call_subtitle": "外部用户无需 Matrix 账户即可加入通话的链接：",
+        "title_link": "分享链接",
+        "title_message": "分享房间中的消息",
+        "title_room": "分享房间",
+        "title_user": "分享用户"
+    },
+    "slash_command": {
+        "addwidget": "添加自定义小部件",
+        "addwidget_iframe_missing_src": "“iframe”没有“src”属性",
+        "addwidget_invalid_protocol": "请提供“http://”或“https://”开头的小部件 URL",
+        "addwidget_missing_url": "请提供小部件 URL 或其嵌入式代码",
+        "addwidget_no_permissions": "你在此房间无法修改小部件。",
+        "ban": "使用指定 ID 封禁用户",
+        "category_actions": "操作",
+        "category_admin": "管理员",
+        "category_advanced": "高级",
+        "category_effects": "特效",
+        "category_messages": "消息",
+        "category_other": "其它",
+        "command_error": "指令出错",
+        "converttodm": "转换房间为私聊",
+        "converttoroom": "转换私聊到房间",
+        "could_not_find_room": "无法找到房间",
+        "deop": "通过指定的 ID 降权用户",
+        "devtools": "打开开发者工具对话框",
+        "discardsession": "强制丢弃加密房间中当前的出站组会话",
+        "error_invalid_rendering_type": "指令错误：无法找到修饰类型（%(renderingType)s）",
+        "error_invalid_room": "指令执行失败： 无法找到房间（%(roomId)s）",
+        "error_invalid_runfn": "指令错误：无法处理斜杠指令。",
+        "error_invalid_user_in_room": "在房间中无法找到用户",
+        "help": "将指令与其对应的用法、说明显示为一个列表",
+        "help_dialog_title": "命令帮助",
+        "holdcall": "将当前房间中的通话置于保持状态",
+        "html": "作为 HTML 发送消息，而不是将其解释为 Markdown",
+        "ignore": "忽略用户以为你隐藏其消息",
+        "ignore_dialog_description": "你正在忽略 %(userId)s",
+        "ignore_dialog_title": "已忽略的用户",
+        "invite": "通过指定的 ID 邀请用户到当前房间",
+        "invite_3pid_needs_is_error": "使用身份服务器以通过邮件发出邀请。在设置中进行管理。",
+        "invite_3pid_use_default_is_title": "使用身份服务器",
+        "invite_3pid_use_default_is_title_description": "使用身份服务器通过邮件地址邀请。点击“继续”以使用默认身份服务器 (%(defaultIdentityServerName)s)，或在“设置”中管理。",
+        "invite_failed": "用户（%(user)s）最终未被邀请加入 %(roomId)s，但邀请程序未显示任何错误。",
+        "join": "通过指定的房间地址加入",
+        "jumptodate": "在时间线中跳转到指定日期",
+        "jumptodate_invalid_input": "我们无法理解指定的日期（%(inputDate)s）。尝试使用 YYYY-MM-DD 格式。",
+        "lenny": "附加“( ͡° ͜ʖ ͡°)”到纯文本消息",
+        "manual_device_verification_confirm_description": "这将允许其它设备以你的身份发送和接收消息。如果有人告诉你在此处粘贴内容，你很可能被诈骗！你确定要验证此设备？",
+        "manual_device_verification_confirm_title": "警告：手动设备验证",
+        "me": "显示操作",
+        "msg": "向指定用户发送消息",
+        "myavatar": "更改个人资料图像（应用于所有房间）",
+        "myroomavatar": "仅更改我在当前房间内的个人资料图像",
+        "myroomnick": "仅更改我在当前房间内的显示名称",
+        "nick": "更改显示名称",
+        "no_active_call": "此房间没有活跃的通话",
+        "op": "定义用户的权力值",
+        "part_unknown_alias": "无法识别的房间地址：%(roomAlias)s",
+        "plain": "作为纯文本发送消息，而不是将其解释为 Markdown",
+        "query": "打开与指定用户的聊天",
+        "query_not_found_phone_number": "无法找到与此电话号码对应的 Matrix ID",
+        "rageshake": "通过日志发送 Bug 报告",
+        "rainbow": "发送一个渲染为彩虹色的消息",
+        "rainbowme": "发送一个带有我的显示名称与渲染为彩虹色的消息",
+        "remove": "通过指定的 ID 从当前房间移除用户",
+        "roomavatar": "更改当前房间的头像",
+        "roomname": "设置房间名称",
+        "server_error": "服务器错误",
+        "server_error_detail": "服务器不可用、超载或出现其它问题。",
+        "shrug": "附加“ˉ\\_(ツ)_/ˉ”到纯文本消息",
+        "spoiler": "作为剧透发送指定消息",
+        "status": {
+            "description": "设置你当前的状态",
+            "no_args": "未提供任何参数。你应该提供 1 个 Emoji 与 1 个可选的文本构成。",
+            "no_emoji": "你未提供 Emoji",
+            "no_text": "你未提供任何状态文本",
+            "too_long_emoji": "第 1 个参数必须为 Emoji",
+            "too_long_text": "你提供的文本过长。"
+        },
+        "tableflip": "附加“(╯°□°）╯︵ ┻━┻”到纯文本消息",
+        "topic": "获取或设置房间主题",
+        "topic_none": "此房间没有主题",
+        "topic_room_error": "获取房间主题失败：无法找到房间（%(roomId)s）",
+        "unban": "使用指定的 ID 解封用户",
+        "unflip": "附加“┬──┬ ノ( ゜-゜ノ)”到纯文本消息",
+        "unholdcall": "取消当前房间中的通话保持状态",
+        "unignore": "解除忽略用户，向你显示其未来的消息",
+        "unignore_dialog_description": "你不再忽略 %(userId)s",
+        "unignore_dialog_title": "已解除忽略的用户",
+        "unknown_command": "未知指令",
+        "unknown_command_button": "作为消息发送",
+        "unknown_command_detail": "无法识别的指令：%(commandText)s",
+        "unknown_command_help": "你可以使用 <code>/help</code> 列出可用的指令。是否将此文本作为消息发送？",
+        "unknown_command_hint": "提示：请以 <code>/</code> 开头。",
+        "upgraderoom": "将房间升级到新版本",
+        "upgraderoom_permission_error": "你无权使用此命令。",
+        "usage": "用法",
+        "verify": "手动验证一个你拥有的设备",
+        "view": "通过指定的地址查看房间",
+        "whois": "显示用户信息"
+    },
+    "sliding_sync_legacy_no_longer_supported": "旧版滑动同步不再受支持：请重新登录以启用新的滑动同步标志",
+    "space": {
+        "add_existing_room_space": {
+            "create": "想要添加新房间？",
+            "create_prompt": "创建新房间",
+            "dm_heading": "私聊",
+            "error_heading": "并非所有选定项都已添加",
+            "progress_text": {
+                "one": "正在添加房间…",
+                "other": "正在添加房间…（%(count)s 中的 %(progress)s 个）"
+            },
+            "space_dropdown_label": "空间选择",
+            "space_dropdown_title": "添加现有房间",
+            "subspace_moved_note": "添加的空间已移动。"
+        },
+        "add_existing_subspace": {
+            "create_button": "创建新空间",
+            "create_prompt": "添加一个新空间？",
+            "filter_placeholder": "搜索空间",
+            "space_dropdown_title": "添加现有空间"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "查看房间时间线（开发者工具）",
+            "explore": "浏览房间",
+            "home": "空间主页",
+            "manage_and_explore": "房间浏览与管理",
+            "options": "空间选项"
+        },
+        "failed_load_rooms": "载入房间列表失败。",
+        "failed_remove_rooms": "某些房间移除失败。请稍后再试。",
+        "incompatible_server_hierarchy": "你的服务器不支持显示空间层级。",
+        "invite": "邀请人员",
+        "invite_description": "通过电话号码或邮件地址邀请",
+        "invite_link": "分享邀请链接",
+        "joining_space": "正在加入",
+        "landing_welcome": "欢迎来到 <name/>",
+        "leave_dialog_action": "离开空间",
+        "leave_dialog_description": "你即将离开 <spaceName/>。",
+        "leave_dialog_only_admin_room_warning": "对于你想要离开的某些房间或空间，你是其唯一的管理员。离开这些房间或空间将使其失去任何管理角色。",
+        "leave_dialog_only_admin_warning": "你是此空间的唯一管理员。离开后，任何人都无法控制它。",
+        "leave_dialog_option_all": "离开所有房间",
+        "leave_dialog_option_intro": "你确定要离开此空间中的房间？",
+        "leave_dialog_option_none": "不要离开任何房间",
+        "leave_dialog_option_specific": "离开房间",
+        "leave_dialog_public_rejoin_warning": "除非重新被邀请，否则你将无法重新加入。",
+        "leave_dialog_title": "离开 %(spaceName)s",
+        "mark_suggested": "设为建议",
+        "no_search_result_hint": "你可能需要尝试不同的搜索或检查错别字。",
+        "preferences": {
+            "sections_section": "要显示的部分",
+            "show_people_in_space": "这会将你的聊天与此空间的成员分组。关闭此项将在 %(spaceName)s 视图中隐藏这些聊天。"
+        },
+        "room_filter_placeholder": "搜索房间",
+        "search_children": "搜索 %(spaceName)s",
+        "search_placeholder": "搜索名称与描述",
+        "select_room_below": "首选以下房间",
+        "share_public": "分享公共空间",
+        "suggested": "建议",
+        "suggested_tooltip": "建议加入此房间",
+        "title_when_query_available": "结果",
+        "title_when_query_unavailable": "房间与空间",
+        "unmark_suggested": "设为不建议",
+        "user_lacks_permission": "你没有权限"
+    },
+    "space_settings": {
+        "title": "设置：%(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "输入要浏览的新服务器名称。",
+            "network_dropdown_add_dialog_placeholder": "服务器名称",
+            "network_dropdown_add_dialog_title": "添加新服务器…",
+            "network_dropdown_add_server_option": "添加新服务器…",
+            "network_dropdown_available_invalid": "无法找到此服务器或其房间列表",
+            "network_dropdown_available_invalid_forbidden": "你不被允许查看此服务器的房间列表",
+            "network_dropdown_available_valid": "良好",
+            "network_dropdown_remove_server_adornment": "移除服务器“%(roomServer)s”",
+            "network_dropdown_required_invalid": "输入服务器名称",
+            "network_dropdown_selected_label": "显示：Matrix 房间",
+            "network_dropdown_selected_label_instance": "显示 %(instance)s 房间（%(server)s）",
+            "network_dropdown_your_server_description": "你的服务器"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "如果你看不到要找的人员，请复制并向其发送以下邀请链接。",
+        "cant_find_room_helpful_hint": "如果你找不到所需的房间，请向其申请加入或创建新房间。",
+        "copy_link_text": "复制邀请链接",
+        "count_of_members": {
+            "one": "%(count)s 位成员",
+            "other": "%(count)s 个成员"
+        },
+        "create_new_room_button": "创建新房间",
+        "failed_querying_public_rooms": "公共房间查询失败",
+        "failed_querying_public_spaces": "公共空间查询失败",
+        "group_chat_section_title": "其它选项",
+        "heading_with_query": "使用“%(query)s”搜索",
+        "heading_without_query": "搜索类型",
+        "join_button_text": "加入 %(roomAddress)s",
+        "keyboard_scroll_hint": "使用 <arrows/> 滚动",
+        "messages_label": "消息",
+        "other_rooms_in_space": "%(spaceName)s 中的其它房间",
+        "public_rooms_label": "公共房间",
+        "public_spaces_label": "公共空间",
+        "recent_searches_section_title": "最近搜索",
+        "recently_viewed_section_title": "最近查看",
+        "remove_filter": "移除筛选 %(filter)s 的搜索",
+        "result_may_be_hidden_privacy_warning": "由于隐私原因，某些结果可能被隐藏。",
+        "result_may_be_hidden_warning": "某些结果可能被隐藏",
+        "search_dialog": "搜索对话框",
+        "spaces_title": "你所在的空间",
+        "start_group_chat_button": "开始群聊"
+    },
+    "stickers": {
+        "empty": "你当前未启用任何贴纸包",
+        "empty_add_prompt": "立即添加"
+    },
+    "terms": {
+        "column_document": "文档",
+        "column_service": "服务",
+        "column_summary": "摘要",
+        "identity_server_no_terms_description_1": "此操作需要访问默认身份服务器 <server /> 以验证邮件地址或电话号码，但该服务器没有任何服务条款。",
+        "identity_server_no_terms_description_2": "只有在你信任服务器所有者的情况下才能继续。",
+        "identity_server_no_terms_title": "身份服务器暂无服务条款",
+        "inline_intro_text": "接受 <policyLink /> 以继续：",
+        "integration_manager": "使用机器人、桥接器、小部件与贴纸包",
+        "intro": "若要继续，你必须接受此服务的条款。",
+        "summary_identity_server_1": "通过电话号码或邮件地址查找",
+        "summary_identity_server_2": "通过电话号码或邮件地址查找",
+        "tac_button": "浏览条款与要求",
+        "tac_description": "要继续使用主服务器 %(homeserverDomain)s，你必须查看并同意我们的条款和条件。",
+        "tac_title": "条款与条件",
+        "tos": "服务条款"
+    },
+    "theme": {
+        "light_high_contrast": "高对比度浅色",
+        "match_system": "跟随系统"
+    },
+    "thread_view_back_action_label": "回到消息列",
+    "threads": {
+        "all_threads": "所有消息列",
+        "all_threads_description": "显示当前房间的所有消息列",
+        "count_of_reply": {
+            "one": "%(count)s 个回复",
+            "other": "%(count)s 个回复"
+        },
+        "empty_description": "将鼠标指针悬停在某个消息上并点击“%(replyInThread)s”。",
+        "empty_title": "消息列有助于持续并跟进题内的对话。",
+        "mark_all_read": "全部设为已读",
+        "my_threads": "我的消息列",
+        "my_threads_description": "显示你参与的所有消息列",
+        "open_thread": "打开消息列",
+        "show_thread_filter": "显示："
+    },
+    "threads_activity_centre": {
+        "header": "消息列活动",
+        "no_rooms_with_threads_notifs": "暂无包含消息列通知的房间。",
+        "no_rooms_with_unread_threads": "暂无包含未读消息列的房间。"
+    },
+    "time": {
+        "date_at_time": "%(date)s 的 %(time)s",
+        "hours_minutes_seconds_left": "已离开 %(hours)s 小时 %(minutes)s 分钟 %(seconds)s 秒",
+        "left": "剩余 %(timeRemaining)s",
+        "minutes_seconds_left": "已离开 %(minutes)s 分钟 %(seconds)ss 秒",
+        "seconds_left": "已离开 %(seconds)ss 秒",
+        "short_days": "%(value)s 天",
+        "short_days_hours_minutes_seconds": "%(days)s 天 %(hours)s 小时 %(minutes)s 分钟 %(seconds)s 秒",
+        "short_hours": "%(value)s 小时",
+        "short_hours_minutes_seconds": "%(hours)s 小时 %(minutes)s 分钟 %(seconds)ss 秒",
+        "short_minutes": "%(value)s 分钟",
+        "short_minutes_seconds": "%(minutes)s 分钟 %(seconds)s 秒",
+        "short_seconds": "%(value)s 秒"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "折叠回复消息列",
+            "external_url": "源 URL",
+            "open_in_osm": "在 OpenStreetMap 中打开",
+            "report": "举报",
+            "resent_unsent_reactions": "重新发送 %(unsentCount)s 的反应",
+            "show_url_preview": "显示预览",
+            "view_related_event": "查看相关事件",
+            "view_source": "查看源代码"
+        },
+        "creation_summary_dm": "%(creator)s 创建了私聊。",
+        "creation_summary_room": "%(creator)s 创建并配置了此房间。",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "发件人已验证的身份已被重置",
+            "unable_to_decrypt": "无法解密消息"
+        },
+        "disambiguated_profile": "%(displayName)s（%(matrixId)s）",
+        "download_action_downloading": "下载中",
+        "download_failed": "下载失败",
+        "download_failed_description": "下载此文件时出错",
+        "edits": {
+            "tooltip_label": "编辑于 %(date)s，点击查看编辑历史。",
+            "tooltip_sub": "点击查看编辑历史",
+            "tooltip_title": "最后编辑于 %(date)s"
+        },
+        "error_no_renderer": "此事件无法显示",
+        "error_rendering_message": "无法加载此消息",
+        "historical_messages_unavailable": "你无法查看之前的消息",
+        "in_room_name": "位于 <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s 更新了房间布局",
+        "late_event_separator": "原定发送于 %(dateTime)s",
+        "load_error": {
+            "no_permission": "尝试加载此房间时间线中的特定时间点，但你无权查看相关消息。",
+            "title": "时间线位置加载失败",
+            "unable_to_find": "尝试加载此房间时间线中的特定时间点，但无法找到。"
+        },
+        "m.audio": {
+            "error_downloading_audio": "下载音频时出错",
+            "error_processing_audio": "处理音频消息时出错",
+            "error_processing_voice_message": "处理语音消息时出错"
+        },
+        "m.beacon_info": {
+            "view_live_location": "查看实时位置"
+        },
+        "m.call": {
+            "video_call_ended": "视频通话已结束",
+            "video_call_started": "在 %(roomName)s 开始视频通话。",
+            "video_call_started_text": "%(name)s 已开始视频通话",
+            "video_call_started_unsupported": "已在 %(roomName)s 开始视频通话。(此浏览器不支持）"
+        },
+        "m.call.hangup": {
+            "dm": "通话已结束"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "已在别处接听",
+            "call_back_prompt": "回拨",
+            "declined": "通话已被拒接",
+            "failed_connect_media": "无法连接媒体",
+            "failed_connection": "连接失败",
+            "failed_opponent_media": "其设备无法开启摄像头或麦克风",
+            "missed_call": "未接来电",
+            "no_answer": "未接听",
+            "unknown_error": "发生未知错误",
+            "unknown_failure": "未知错误：%(reason)s",
+            "unknown_state": "通话处于未知状态！",
+            "video_call": "来自 %(senderName)s 的视频通话。",
+            "video_call_unsupported": "%(senderName)s 已开始视频通话。(此浏览器不支持）",
+            "voice_call": "来自 %(senderName)s 的语音通话。",
+            "voice_call_unsupported": "%(senderName)s 已开始语音通话。(此浏览器不支持）"
+        },
+        "m.file": {
+            "error_decrypting": "解密附件时出错"
+        },
+        "m.image": {
+            "error": "由于错误无法显示图片",
+            "error_decrypting": "解密图像时出错",
+            "error_downloading": "下载图像时出错",
+            "sent": "%(senderDisplayName)s 发送了一个图像。",
+            "show_image": "显示图像"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s 想要验证",
+            "you_started": "你发送了验证请求"
+        },
+        "m.location": {
+            "full": "%(senderName)s 分享了其位置",
+            "location": "分享位置：",
+            "self_location": "已分享其位置："
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s 个投票",
+                "other": "%(count)s 个投票"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s 已结束投票"
+        },
+        "m.poll.start": "%(senderName)s 发起投票： %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s 已更改房间头像。",
+            "lightbox_title": "%(senderDisplayName)s 已更改房间 %(roomName)s 中的头像"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s 为此房间添加了备选地址 %(address)s。",
+                "other": "%(senderName)s 已为此房间添加了备用地址 %(addresses)s。"
+            },
+            "alt_removed": {
+                "one": "%(senderName)s 已移除此房间的备选地址 %(address)s。",
+                "other": "%(senderName)s 已移除此房间的备选地址 %(addresses)s。"
+            },
+            "changed": "%(senderName)s 更改了此房间的地址。",
+            "changed_alternative": "%(senderName)s 更改了此房间的备选地址。",
+            "changed_main_and_alternative": "%(senderName)s 已更改此房间的主要地址与备选地址。",
+            "removed": "%(senderName)s 已移除此房间的主地址。",
+            "set": "%(senderName)s 已将此房间的主地址设置为 %(address)s。"
+        },
+        "m.room.create": {
+            "continuation": "此房间是另一个对话的延续。",
+            "see_older_messages": "点击此处查看更旧的消息。",
+            "unknown_predecessor": "找不到此房间的旧版本（房间 ID：%(roomId)s），并且我们未提供“via_servers”来查找它。",
+            "unknown_predecessor_guess_server": "无法找到此房间（房间 ID：%(roomId)s）的旧版本，并且尚未提供“via_servers”用于查找。根据房间 ID 猜测服务器或许可行。要尝试请点击此链接："
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s 配置此房间为允许访客加入。",
+            "forbidden": "%(senderDisplayName)s 已阻止访客加入房间。",
+            "unknown": "%(senderDisplayName)s 已将访客的访问权限更改为 %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s 为此房间的所有成员调整了未来房间历史的可见性（自新成员被邀请进入时起）。",
+            "joined": "%(senderName)s 已将未来的房间历史记录对所有成员可见，自其加入房间时起。",
+            "shared": "%(senderName)s 使所有房间成员都能看到未来的房间历史记录。",
+            "unknown": "%(senderName)s 已将未来的房间历史记录对未知用户可见（%(visibility)s）。",
+            "world_readable": "%(senderName)s 调整了未来房间历史的可见性（对任何人可见）。"
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s 配置此房间为仅限邀请。",
+            "knock": "%(senderDisplayName)s 更改了加入规则以申请加入。",
+            "public": "%(senderDisplayName)s 向知道链接的人公开了房间。",
+            "restricted": "%(senderDisplayName)s 更改了允许加入此房间的人员。",
+            "restricted_settings": "%(senderDisplayName)s 已更改谁可以加入此房间。<a>查看设置</a>",
+            "unknown": "%(senderDisplayName)s 已将加入规则更改为 %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s 接受了 %(displayName)s 的邀请",
+            "accepted_invite": "%(targetName)s 已接受邀请",
+            "ban": "%(senderName)s 已封禁 1 个用户",
+            "ban_reason": "%(senderName)s 已封禁 1 个用户： %(reason)s",
+            "ban_reason_spoiler": "%(senderName)s 已封禁 <user/>：%(reason)s",
+            "ban_spoiler": "%(senderName)s 已封禁 <user/>",
+            "change_avatar": "%(senderName)s 已更改其个人资料图像",
+            "change_name": "%(oldDisplayName)s 已将其显示名称更改为 %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s 已更改其显示名称与个人资料图片",
+            "invite": "%(senderName)s 邀请了 %(targetName)s",
+            "join": "%(targetName)s 已加入房间",
+            "kick": "%(senderName)s 已移除 %(targetName)s",
+            "kick_reason": "%(senderName)s 已移除 %(targetName)s： %(reason)s",
+            "left": "%(targetName)s 离开了房间",
+            "left_reason": "%(targetName)s 离开了房间：%(reason)s",
+            "no_change": "%(senderName)s 未产生任何更改",
+            "reject_invite": "%(targetName)s 已拒绝邀请",
+            "reject_invite_reason": "%(targetName)s 拒绝了邀请：%(reason)s",
+            "remove_avatar": "%(senderName)s 已移除其个人资料图像",
+            "remove_name": "%(senderName)s 已移除其显示名称（%(oldDisplayName)s）",
+            "set_avatar": "%(senderName)s 设置了个人资料图像",
+            "set_name": "%(senderName)s 已设置其显示名称为 %(displayName)s",
+            "unban": "%(senderName)s 解封了 %(targetName)s",
+            "withdrew_invite": "%(senderName)s 撤消了 %(targetName)s 的邀请",
+            "withdrew_invite_reason": "%(senderName)s 已撤消对 %(targetName)s 的邀请：%(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s 已更改房间名称从 %(oldRoomName)s 到 %(newRoomName)s。",
+            "remove": "%(senderDisplayName)s 已移除房间名称。",
+            "set": "%(senderDisplayName)s 更改房间名称为 %(roomName)s。"
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s 已更改此房间已置顶的消息。",
+            "changed_link": "%(senderName)s 更改了房间的<a>已置顶消息</a>。",
+            "pinned": "%(senderName)s 将一个消息置顶到此房间。查看所有已置顶的消息。",
+            "pinned_link": "%(senderName)s 已在此房间置顶了<a>一个消息</a>。 查看所有<b>已置顶的消息</b>。",
+            "unpinned": "%(senderName)s 已在此房间取消置顶一个消息。查看所有已置顶的消息。",
+            "unpinned_link": "%(senderName)s 已在此房间取消置顶了<a>一个消息</a>。 查看所有<b>已置顶的消息</b>。"
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s 已更改 %(powerLevelDiffText)s。",
+            "user_from_to": "%(userId)s 的权力值从 %(fromPowerLevel)s 到 %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s 已撤消 %(targetDisplayName)s 加入房间的邀请。",
+            "sent": "%(senderName)s 已向 %(targetDisplayName)s 发送了加入房间的邀请。"
+        },
+        "m.room.tombstone": "%(senderDisplayName)s 已升级此房间。",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s 已更改主题为“%(topic)s”。",
+            "removed": "%(senderDisplayName)s 已移除房间主题。"
+        },
+        "m.sticker": "%(senderDisplayName)s 发送了一个贴纸。",
+        "m.video": {
+            "error_decrypting": "解密视频时出错",
+            "show_video": "显示视频"
+        },
+        "m.widget": {
+            "added": "%(senderName)s 添加了小部件：%(widgetName)s",
+            "jitsi_ended": "%(senderName)s 已结束视频会议",
+            "jitsi_join_right_prompt": "从右侧的房间信息卡片加入会议",
+            "jitsi_join_top_prompt": "在此房间加入会议的前排",
+            "jitsi_started": "%(senderName)s 已开始视频会议",
+            "jitsi_updated": "%(senderName)s 已更新视频会议",
+            "modified": "小部件 %(widgetName)s 已被 %(senderName)s 修改",
+            "removed": "%(senderName)s 已移除小部件：%(widgetName)s"
+        },
+        "mab": {
+            "copy_link_thread": "复制到消息列的链接",
+            "view_in_room": "在房间内查看"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s 已更新一条与 %(oldGlob)s 匹配的封禁规则，曾经为 %(newGlob)s，原因：%(reason)s",
+            "changed_rule_rooms": "%(senderName)s 已更改一条与 %(newGlob)s 匹配的房间封禁规则，曾经为 %(oldGlob)s，原因：%(reason)s",
+            "changed_rule_servers": "%(senderName)s 已更改一条与 %(newGlob)s 匹配的服务器封禁规则，曾经为 %(oldGlob)s，原因：%(reason)s",
+            "changed_rule_users": "%(senderName)s 已更改一条与 %(newGlob)s 匹配的用户封禁规则，曾经为 %(oldGlob)s，原因：%(reason)s",
+            "created_rule": "%(senderName)s 为 %(reason)s 创建了一条与 %(glob)s 匹配的封禁规则",
+            "created_rule_rooms": "%(senderName)s 已创建一条与 %(glob)s 匹配的房间封禁规则，原因：%(reason)s",
+            "created_rule_servers": "%(senderName)s 已创建一条与 %(glob)s 匹配的服务器封禁规则，原因：%(reason)s",
+            "created_rule_users": "%(senderName)s 已创建一条与 %(glob)s 匹配的用户封禁规则，原因：%(reason)s",
+            "removed_rule": "%(senderName)s 已移除一条与 %(glob)s 匹配的封禁规则",
+            "removed_rule_rooms": "%(senderName)s 已移除匹配 %(glob)s 的房间封禁规则。",
+            "removed_rule_servers": "%(senderName)s 已移除与 %(glob)s 匹配的服务器封禁规则",
+            "removed_rule_users": "%(senderName)s 已移除匹配 %(glob)s 的用户封禁规则。",
+            "updated_invalid_rule": "%(senderName)s 更新了无效的封禁规则",
+            "updated_rule": "%(senderName)s 已更新一条与 %(glob)s 匹配的封禁规则",
+            "updated_rule_rooms": "%(senderName)s 已更新一条与 %(glob)s 匹配的房间封禁规则，原因：%(reason)s",
+            "updated_rule_servers": "%(senderName)s 已更新与 %(glob)s 匹配的服务器封禁规则，原因：%(reason)s。",
+            "updated_rule_users": "%(senderName)s 已更新一条与 %(glob)s 匹配的用户封禁规则，原因：%(reason)s"
+        },
+        "no_permission_messages_before_invite": "你无权查看你被邀请前的消息。",
+        "no_permission_messages_before_join": "你无权查看你加入前的消息。",
+        "pending_moderation": "消息等待审核",
+        "pending_moderation_reason": "消息等待审核：%(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "添加反应",
+            "custom_reaction_fallback_label": "自定义反应",
+            "label": "%(reactors)s 使用 %(content)s 作出反应",
+            "tooltip_caption": "已使用 %(shortName)s 作出反应"
+        },
+        "read_receipt_title": {
+            "one": "已被 %(count)s 个人查看",
+            "other": "已被 %(count)s 个人查看"
+        },
+        "read_receipts_label": "已读回执",
+        "redacted": {
+            "tooltip": "消息已于 %(date)s 删除"
+        },
+        "redaction": "消息已被 %(name)s 删除",
+        "reply": {
+            "error_loading": "无法加载曾回复过的事件；该事件可能不存在或你无权查看。",
+            "in_reply_to": "<a>回复给</a> <pill>",
+            "in_reply_to_for_export": "回复<a>此消息</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "你将被带到第三方网站，以便验证你的账户是否可用于 %(integrationsUrl)s。是否继续？",
+            "dialog_title": "添加集成"
+        },
+        "self_redaction": "消息已被删除",
+        "send_state_encrypting": "正在解密消息…",
+        "send_state_failed": "发送失败",
+        "send_state_sending": "发送消息…",
+        "send_state_sent": "消息已发送",
+        "summary": {
+            "banned": {
+                "one": "已被封禁",
+                "other": "已被封禁 %(count)s 次"
+            },
+            "banned_multiple": {
+                "one": "已被封禁",
+                "other": "已被封禁 %(count)s 次"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)s 已更改其个人资料图像",
+                "other": "%(oneUser)s 已更改其个人资料图像 %(count)s 次"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)s 已更改其个人资料图像",
+                "other": "%(severalUsers)s 已更改其个人资料图像 %(count)s 次"
+            },
+            "changed_name": {
+                "one": "%(oneUser)s 已更改其名称",
+                "other": "%(oneUser)s 已更改其名称 %(count)s 次"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)s 已更改其名称",
+                "other": "%(severalUsers)s 更改了其名称 %(count)s 次"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)s 发送了一个隐藏消息",
+                "other": "%(oneUser)s 发送了 %(count)s 个隐藏消息"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)s 发送了一个隐藏事件",
+                "other": "%(severalUsers)s 发送了 %(count)s 个隐藏消息"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)s 已撤消其邀请",
+                "other": "%(oneUser)s 已撤消其邀请 %(count)s 次"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "已撤消 %(severalUsers)s 的邀请",
+                "other": "%(severalUsers)s 已撤消其邀请 %(count)s 次"
+            },
+            "invited": {
+                "one": "被邀请",
+                "other": "已被邀请 %(count)s 次"
+            },
+            "invited_multiple": {
+                "one": "已被邀请",
+                "other": "被邀请 %(count)s 次"
+            },
+            "joined": {
+                "one": "%(oneUser)s 已加入",
+                "other": "%(oneUser)s 加入了 %(count)s 次"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)s 已加入并离开",
+                "other": "%(oneUser)s 加入并离开了 %(count)s 次"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)s 加入并离开",
+                "other": "%(severalUsers)s 加入并离开 %(count)s 次"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)s 已加入",
+                "other": "%(severalUsers)s 加入了 %(count)s 次"
+            },
+            "kicked": {
+                "one": "被移除",
+                "other": "已被移除 %(count)s 次"
+            },
+            "kicked_multiple": {
+                "other": "已被移除 %(count)s 次"
+            },
+            "left": {
+                "one": "%(oneUser)s 已离开",
+                "other": "%(oneUser)s 离开 %(count)s 次"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)s 已离开",
+                "other": "%(severalUsers)s 离开 %(count)s 次"
+            },
+            "no_change": {
+                "other": "%(oneUser)s 未产生任何更改 %(count)s 次"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)s 未产生任何更改",
+                "other": "%(severalUsers)s 未产生任何更改 %(count)s 次"
+            },
+            "pinned_events": {
+                "other": "%(oneUser)s 已更改房间内的<a>已置顶消息</a> %(count)s 次"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s 已更改房间的 <a>已置顶消息</a>",
+                "other": "%(severalUsers) 已更改该房间的<a>已置顶消息</a> %(count)s 次。"
+            },
+            "redacted": {
+                "one": "%(oneUser)s 已移除一个消息",
+                "other": "%(oneUser)s 已移除 %(count)s 个消息"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s 已移除一个消息",
+                "other": "%(severalUsers)s 已移除 %(count)s 个消息"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)s 已拒绝其邀请",
+                "other": "%(oneUser)s 已拒绝其邀请 %(count)s 次"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)s 已拒绝其邀请",
+                "other": "%(severalUsers)s 已拒绝其邀请 %(count)s 次"
+            },
+            "rejoined": {
+                "one": "%(oneUser)s 离开并重新加入",
+                "other": "%(oneUser)s 离开并重新加入了 %(count)s 次"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)s 离开并重新加入",
+                "other": "%(severalUsers)s 离开并重新加入了 %(count)s 次"
+            },
+            "unbanned": {
+                "one": "已被解封",
+                "other": "被解封 %(count)s 次"
+            },
+            "unbanned_multiple": {
+                "other": "被解封 %(count)s 次",
+                "one": "被解封"
+            }
+        },
+        "thread_info_basic": "来自消息列",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(name)s 与剩余 1 个用户正在输入...",
+                "other": "%(names)s 与其他 %(count)s 个人正在输入…"
+            },
+            "one_user": "%(displayName)s 正在输入…",
+            "two_users": "%(names)s 与 %(lastPerson)s 正在输入…"
+        },
+        "undecryptable_tooltip": "此消息无法解密"
+    },
+    "truncated_list_n_more": {
+        "other": "以及剩余 %(count)s 个…"
+    },
+    "unsupported_browser": {
+        "description": "如果继续，某些功能可能会停止运行，并且你将来可能会丢失数据。请更新浏览器以继续使用 %(brand)s。",
+        "title": "%(brand)s 不支持此浏览器"
+    },
+    "unsupported_server_description": "此服务器正在使用旧版本的 Matrix。请升级到 Matrix %(version)s 以正常使用 %(brand)s。",
+    "unsupported_server_title": "服务器不支持",
+    "update": {
+        "changelog": "更改日志",
+        "check_action": "检查更新",
+        "checking": "正在检查更新…",
+        "downloading": "正在下载更新…",
+        "error_encountered": "遇到错误（%(errorDetail)s）。",
+        "error_unable_load_commit": "无法载入提交的详细信息： %(msg)s",
+        "new_version_available": "有新版本可用。<a>立即更新</a>",
+        "no_update": "无可用更新。",
+        "release_notes_toast_title": "新特性",
+        "see_changes_button": "新增内容？",
+        "toast_description": "%(brand)s 有新版本可供更新",
+        "toast_title": "更新 %(brand)s",
+        "unavailable": "不可用"
+    },
+    "update_room_access_modal": {
+        "description": "要创建共享链接，请将此房间设为<b>公开</b>，或启用用户<b>申请加入</b>的选项。这样，访客无需邀请即可加入。",
+        "dont_change_description": "如果你不想更改此房间的访问权限，你可以为通话链接创建一个新的房间。",
+        "no_change": "我不想更改访问权力。",
+        "revert_access_description": "（可在“房间设置”中将其恢复为先前的值：<b>安全与隐私</b>/<b>访问</b>）",
+        "title": "允许访客加入此房间"
+    },
+    "upload_failed_generic": "文件“%(fileName)s”上传失败。",
+    "upload_failed_size": "文件“%(fileName)s”超出了此主服务器的上传大小限制",
+    "upload_failed_title": "上传失败",
+    "upload_file": {
+        "cancel_all_button": "全部取消",
+        "error_file_too_large": "此文件由于<b>过大</b>而无法上传。文件大小限制为 %(limit)s，但此文件为 %(sizeOfThisFile)s。",
+        "error_files_too_large": "这些文件由于<b>过大</b>而无法上传。文件大小限制为 %(limit)s。",
+        "error_some_files_too_large": "某些文件<b>过大</b>而未能上传。文件大小限制为 %(limit)s。",
+        "error_title": "上传出错",
+        "not_image": "你选择的文件不是有效的图像文件。",
+        "title": "上传文件",
+        "title_progress": "上传文件（%(total)s 个中的第 %(current)s 个）",
+        "upload_all_button": "全部上传",
+        "upload_n_others_button": {
+            "one": "上传剩余 %(count)s 个文件",
+            "other": "上传剩余 %(count)s 个文件"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "管理员工具",
+        "ban_button_room": "从房间封禁",
+        "ban_button_space": "从空间封禁",
+        "ban_room_confirm_title": "在 %(roomName)s 中封禁",
+        "ban_space_everything": "禁止他们访问我所能访问的一切",
+        "ban_space_specific": "禁止这些人做某些我有权决定的事",
+        "deactivate_confirm_action": "停用用户",
+        "deactivate_confirm_description": "停用此用户将移除其设备，并且无法重新登录。同时将离开其所在的所有房间。此操作无法撤消。你确定要停用此用户？",
+        "deactivate_confirm_title": "停用用户？",
+        "demote_button": "降权",
+        "demote_self_confirm_description_space": "由于你正在降级自身，因此无法撤消此更改。如果你是房间中最后一个拥有特权的用户，则无法重新获得特权。",
+        "demote_self_confirm_room": "由于你正在降级自身，因此无法撤消此更改。如果你是房间中最后一个拥有特权的用户，则无法重新获得特权。",
+        "demote_self_confirm_title": "降级自身？",
+        "disinvite_button_room": "撤消邀请",
+        "disinvite_button_room_name": "从 %(roomName)s 取消邀请",
+        "disinvite_button_space": "从空间取消邀请",
+        "error_ban_user": "封禁用户失败",
+        "error_deactivate": "用户停用失败",
+        "error_kicking_user": "用户移除失败",
+        "error_mute_user": "静默用户失败",
+        "error_revoke_3pid_invite_description": "无法撤消邀请。服务器可能出现临时问题，或者你没有足够的权限撤消邀请。",
+        "error_revoke_3pid_invite_title": "邀请撤消失败",
+        "ignore_button": "忽略",
+        "ignore_confirm_description": "来自此用户的所有消息与邀请都将被隐藏。你确定要忽略？",
+        "ignore_confirm_title": "忽略 %(user)s",
+        "invited_by": "由 %(sender)s 邀请",
+        "jump_to_rr_button": "跳转到已读回执",
+        "kick_button_room": "从房间移除",
+        "kick_button_room_name": "从 %(roomName)s 移除",
+        "kick_button_space": "从空间移除",
+        "kick_button_space_everything": "从我所能及的一切中将它们移除",
+        "kick_space_specific": "将它们从我能够处理的特定事物中移除",
+        "kick_space_warning": "他们仍然可以访问任何你不是管理员的空间。",
+        "promote_warning": "由于你正在将该用户提升为与你相同的权力值，因此你将无法撤消此更改。",
+        "redact": {
+            "confirm_button": {
+                "one": "移除 1 个消息",
+                "other": "移除 %(count)s 个消息"
+            },
+            "confirm_description_1": {
+                "one": "即将移除 %(user)s 发送的 %(count)s 个消息。这将永久删除对话中所有参与者的消息。是否继续？",
+                "other": "即将移除 %(user)s 发送的 %(count)s 个消息。这将永久删除对话中所有参与者的消息。是否继续？"
+            },
+            "confirm_description_2": "如果消息量较大，这可能需要一些时间。在此期间请勿刷新客户端。",
+            "confirm_keep_state_explainer": "如果你还想移除此用户的系统消息（例如，成员关系变更、个人资料变更等），请取消选中。",
+            "confirm_keep_state_label": "保留系统消息",
+            "confirm_title": "移除 %(user)s 的最近消息",
+            "no_recent_messages_description": "尝试向上滚动时间线，查看是否有更早的消息。",
+            "no_recent_messages_title": "未找到 %(user)s 的最近消息"
+        },
+        "redact_button": "移除消息",
+        "revoke_invite": "撤消申请",
+        "room_encrypted": "此处的消息是端到端加密的。",
+        "room_encrypted_detail": "你的消息是安全的，只有你与对方拥有解锁它们的唯一密钥。",
+        "room_unencrypted": "在此房间中的消息非端到端加密。",
+        "room_unencrypted_detail": "在加密房间中你的消息是安全的，只有你与收件人拥有解密它们的唯一密钥。",
+        "send_message": "发送消息",
+        "share_button": "分享个人资料",
+        "unban_button_room": "从房间解封",
+        "unban_button_space": "从空间解封",
+        "unban_room_confirm_title": "从 %(roomName)s 解封",
+        "unban_space_everything": "解除我权限范围内对这些人的所有禁令",
+        "unban_space_specific": "解除我权限范围内对这些人的某些禁令",
+        "unban_space_warning": "如果你不是管理员，他们将无法访问。",
+        "unignore_button": "取消忽略",
+        "verification_unavailable": "用户验证不可用",
+        "verify_button": "验证用户",
+        "verify_explainer": "为了提高安全性，请通过检查两台设备上的一次性代码来验证此用户。"
+    },
+    "user_status": {
+        "on_a_call": "通话中"
+    },
+    "voip": {
+        "already_in_call": "已在通话中",
+        "already_in_call_person": "你已正在与此人通话。",
+        "answered_elsewhere": "已在别处接听",
+        "answered_elsewhere_description": "通话已在其它设备上接听。",
+        "call_failed": "通话失败",
+        "call_failed_description": "无法建立通话",
+        "call_failed_media": "通话失败，因为无法访问摄像头或麦克风。请检查：",
+        "call_failed_media_applications": "无其它应用程序使用摄像头",
+        "call_failed_media_connected": "麦克风与摄像头已插入并正确设置",
+        "call_failed_media_permissions": "已授予摄像头使用权",
+        "call_failed_microphone": "通话失败，因为无法访问麦克风。请检查麦克风是否已插入并正确设置。",
+        "call_held": "%(peerName)s 已挂起通话",
+        "call_held_resume": "你已挂起通话 <a>恢复</a>",
+        "call_held_switch": "你已挂起通话 <a>切换</a>",
+        "call_members": {
+            "exhaustive": {
+                "other": "<avatars/> 正在通话"
+            },
+            "overflow": {
+                "other": "<avatars/> +%(overflowCount)s 正在通话"
+            }
+        },
+        "call_toast_unknown_room": "未知房间",
+        "camera_disabled": "摄像头已关闭",
+        "camera_enabled": "摄像头仍处于开启状态",
+        "cannot_call_yourself_description": "你无法与自己通话。",
+        "close_lobby": "关闭大厅",
+        "connecting": "正在连接",
+        "connection_lost": "与服务器的连接已丢失",
+        "connection_lost_description": "在未连接到服务器的情况下，你无法进行通话。",
+        "consulting": "正在与 %(transferTarget)s 协商。<a>转接到 %(transferee)s</a>",
+        "default_device": "默认设备",
+        "dial": "拨号",
+        "dialpad": "拨号盘",
+        "disable_camera": "关闭摄像头",
+        "disable_microphone": "静音麦克风",
+        "disabled_no_perms_start_video_call": "你无权发起视频通话",
+        "disabled_no_perms_start_voice_call": "你无权发起语音通话",
+        "disabled_ongoing_call": "通话中",
+        "element_call": "Element Call",
+        "enable_camera": "打开摄像头",
+        "enable_microphone": "取消静音麦克风",
+        "expand": "返回到通话",
+        "get_call_link": "分享通话链接",
+        "group_call_started": "群组通话已开始",
+        "hangup": "挂断",
+        "hide_sidebar_button": "隐藏边栏",
+        "input_devices": "输入设备",
+        "jitsi_call": "Jitsi 会议",
+        "join_with_video": "以视频方式加入",
+        "legacy_call": "旧版通话",
+        "maximise": "填充屏幕",
+        "maximise_call": "最大化",
+        "metaspace_video_rooms": {
+            "conference_room_section": "会议"
+        },
+        "minimise_call": "最小化",
+        "misconfigured_server": "由于服务器配置错误，通话失败",
+        "misconfigured_server_description": "请要求主服务器（<code>%(homeserverDomain)s</code>）的管理员配置 TURN 服务器，以确保通话可靠运行。",
+        "misconfigured_server_fallback": "或者，你可以尝试使用位于 <server/> 的公共服务器，但这不完全可靠，并且会与该服务器共享 IP 地址。你也可以在“设置”中管理此设置。",
+        "misconfigured_server_fallback_accept": "尝试使用 %(server)s",
+        "more_button": "更多",
+        "msisdn_lookup_failed": "无法查询电话号码",
+        "msisdn_lookup_failed_description": "查询电话号码时出错",
+        "msisdn_transfer_failed": "无法转接通话",
+        "n_people_joined": {
+            "one": "%(count)s 个人已加入",
+            "other": "%(count)s 个人已加入"
+        },
+        "no_audio_input_description": "我们未在此设备上找到麦克风。请检查设置并重试。",
+        "no_audio_input_title": "未找到麦克风",
+        "no_media_perms_description": "你可能需要手动允许 %(brand)s 访问你的麦克风或摄像头。",
+        "no_media_perms_title": "无媒体权限",
+        "no_permission_conference": "需要权限",
+        "no_permission_conference_description": "你无权在此房间启动会议通话",
+        "on_hold": "保留 %(name)s",
+        "output_devices": "输出设备",
+        "screenshare_monitor": "分享整个屏幕",
+        "screenshare_title": "分享内容",
+        "screenshare_window": "应用程序窗口",
+        "show_sidebar_button": "显示边栏",
+        "silence": "静音通话",
+        "silenced": "通知已静音",
+        "start_screenshare": "开始分享屏幕",
+        "stop_screenshare": "停止分享屏幕",
+        "too_many_calls": "呼叫频繁",
+        "too_many_calls_description": "你已达到同时通话的最大数量。",
+        "transfer_consult_first_label": "优先咨询",
+        "transfer_failed": "传输失败",
+        "transfer_failed_description": "通话转接失败",
+        "unable_to_access_audio_input_description": "我们无法访问麦克风。请检查浏览器设置并重试。",
+        "unable_to_access_audio_input_title": "无法访问你的麦克风",
+        "unable_to_access_media": "无法访问摄像头或麦克风",
+        "unable_to_access_microphone": "无法访问麦克风",
+        "unknown_caller": "未知呼叫方",
+        "unknown_person": "未知人员",
+        "unsilence": "开启声音",
+        "unsupported": "不支持的通话",
+        "unsupported_browser": "你无法在此浏览器中执行通话。",
+        "user_busy": "用户忙",
+        "user_busy_description": "你呼叫的用户正忙。",
+        "user_is_presenting": "%(sharerName)s 正在分享",
+        "video_call": "视频通话",
+        "video_call_incoming": "视频通话来电",
+        "video_call_using": "视频通话时使用：",
+        "voice_call": "语音通话",
+        "voice_call_incoming": "语音通话来电",
+        "voice_call_using": "语音通话时使用：",
+        "you_are_presenting": "你正在演示"
+    },
+    "web_default_device_name": "%(appName)s：%(browserName)s 运行于 %(osName)s",
+    "welcome": {
+        "tagline_element": "更快速、更简洁。",
+        "title_element": "融入 Element",
+        "title_generic": "欢迎使用 %(brand)s"
+    },
+    "widget": {
+        "added_by": "小部件添加者：",
+        "capabilities_dialog": {
+            "content_starting_text": "此小部件期望：",
+            "decline_all_permission": "全部拒绝",
+            "remember_Selection": "记住我对此小部件的选择",
+            "title": "批准小部件权限"
+        },
+        "capability": {
+            "always_on_screen_generic": "运行期间持续显示于屏幕",
+            "always_on_screen_viewing_another_room": "正在运行并且正在查看另一个房间时持续保留在屏幕上",
+            "any_room": "同上，但在任何你加入或被邀请到的房间中也是如此",
+            "byline_empty_state_key": "使用空状态值",
+            "byline_state_key": "附带有状态键（state key）%(stateKey)s",
+            "capability": "<b>%(capability)s</b> 能力",
+            "change_avatar_active_room": "更改活跃房间的头像",
+            "change_avatar_this_room": "更改此房间的头像",
+            "change_name_active_room": "更改活跃房间的名称",
+            "change_name_this_room": "更改在此房间的名称",
+            "change_topic_active_room": "更改活跃房间的主题",
+            "change_topic_this_room": "更改此房间的主题",
+            "download_file": "从媒体仓库下载文件",
+            "receive_membership_active_room": "查看活跃房间何时有人加入、离开或被邀请",
+            "receive_membership_this_room": "查看此房间何时有人加入、离开或被邀请",
+            "remove_ban_invite_leave_active_room": "移除、禁止或邀请他人进入活跃房间并使你离开",
+            "remove_ban_invite_leave_this_room": "移除、禁止或邀请他人进入此房间并使你离开",
+            "see_avatar_change_active_room": "查看活跃房间中的头像何时被更改",
+            "see_avatar_change_this_room": "查看此房间的头像何时被更改",
+            "see_event_type_sent_active_room": "查看发布到活跃房间的 <b>%(eventType)s</b> 事件",
+            "see_event_type_sent_this_room": "查看发布到此房间的 <b>%(eventType)s</b> 事件",
+            "see_images_sent_active_room": "查看发送到活跃房间的图像",
+            "see_images_sent_this_room": "查看发布到此房间的图像",
+            "see_messages_sent_active_room": "查看发送到活跃房间的消息",
+            "see_messages_sent_this_room": "查看发布到此房间的消息",
+            "see_msgtype_sent_active_room": "查看发布活跃房间的 <b>%(msgtype)s</b> 消息",
+            "see_msgtype_sent_this_room": "查看发布到此房间的 <b>%(msgtype)s</b> 消息",
+            "see_name_change_active_room": "查看活跃房间中的名称何时被更改",
+            "see_name_change_this_room": "查看此房间的名称何时被更改",
+            "see_sent_emotes_active_room": "查看发送到活跃房间的表情",
+            "see_sent_emotes_this_room": "查看发布到此房间的表情",
+            "see_sent_files_active_room": "查看发布到活跃房间的普通文件",
+            "see_sent_files_this_room": "查看发送到此房间的普通文件",
+            "see_sticker_posted_active_room": "查看任何人发布到活跃房间的贴纸",
+            "see_sticker_posted_this_room": "查看此房间的贴纸何时被发送",
+            "see_text_messages_sent_active_room": "查看发布到活跃房间的文本消息",
+            "see_text_messages_sent_this_room": "查看发送到活跃房间的文本消息",
+            "see_topic_change_active_room": "查看活跃房间中的主题何时被更改",
+            "see_topic_change_this_room": "查看此房间的主题何时被更改",
+            "see_videos_sent_active_room": "查看发送到活跃房间的视频",
+            "see_videos_sent_this_room": "查看发布到此房间的视频",
+            "send_emotes_active_room": "以你的身份在活跃房间发送表情",
+            "send_emotes_this_room": "以你的身份在此房间发送表情",
+            "send_event_type_active_room": "以你的身份在活跃房间中发送 <b>%(eventType)s</b> 事件",
+            "send_event_type_this_room": "以你的身份在此房间发送 <b>%(eventType)s</b> 事件",
+            "send_files_active_room": "以你的身份在活跃房间发送普通文件",
+            "send_files_this_room": "以你的身份在此房间发送普通文件",
+            "send_images_active_room": "以你的身份在活跃房间发送图像",
+            "send_images_this_room": "以你的身份在此房间发送图片",
+            "send_messages_active_room": "以你的身份在活跃房间发送消息",
+            "send_messages_this_room": "以你的身份在此房间中发送消息",
+            "send_msgtype_active_room": "以你的身份在活跃房间中发送 <b>%(msgtype)s</b> 消息",
+            "send_msgtype_this_room": "以你的身份在此房间发送 <b>%(msgtype)s</b> 消息",
+            "send_stickers_active_room": "向你的活跃房间发送贴纸",
+            "send_stickers_active_room_as_you": "以你的身份在活跃房间发送贴纸",
+            "send_stickers_this_room": "在此房间发送贴纸",
+            "send_stickers_this_room_as_you": "以你的身份在此房间中发送贴纸",
+            "send_text_messages_active_room": "以你的身份在活跃房间发送文本消息",
+            "send_text_messages_this_room": "以你的身份在此房间发送文本消息",
+            "send_videos_active_room": "以你的身份在活跃房间发送视频",
+            "send_videos_this_room": "以你的身份在此房间发送视频",
+            "specific_room": "以上，但也包括 <Room />",
+            "switch_room": "更改你正在查看的房间",
+            "switch_room_message_user": "更改正在查看的房间、消息或用户"
+        },
+        "close_to_view_right_panel": "关闭此小部件以在此面板查看",
+        "context_menu": {
+            "delete": "删除小部件",
+            "delete_warning": "删除小部件的同时会为该房间中的所有用户删除。你确定要删除此小部件？"
+        },
+        "cookie_warning": "此小部件可能会使用 Cookies。",
+        "error_hangup_description": "通话已中断。（错误：%(message)s）",
+        "error_hangup_title": "连接丢失",
+        "error_loading": "载入小部件时出错",
+        "error_mixed_content": "错误：混合内容",
+        "error_need_invite_permission": "你需要能邀请用户才能验证。",
+        "error_need_kick_permission": "你需要能踢出用户以执行此操作。",
+        "error_need_to_be_logged_in": "你需要登录。",
+        "error_unable_start_audio_stream_description": "无法开始音频串流。",
+        "error_unable_start_audio_stream_title": "无法开始直播",
+        "modal_data_warning": "以下数据将分享给 %(widgetDomain)s",
+        "modal_title_default": "模态窗口小部件",
+        "no_name": "未知 App",
+        "open_id_permissions_dialog": {
+            "remember_selection": "记住我的选择",
+            "starting_text": "此小部件将验证你的用户 ID，但无法为你执行以下操作：",
+            "title": "允许此小部件验证你的身份"
+        },
+        "popout": "弹出小部件",
+        "set_room_layout": "为所有人布局",
+        "shared_data_avatar": "个人资料图像 URL",
+        "shared_data_device_id": "你的设备 ID",
+        "shared_data_lang": "你的语言",
+        "shared_data_mxid": "你的用户 ID",
+        "shared_data_name": "你的显示名称",
+        "shared_data_room_id": "房间 ID",
+        "shared_data_theme": "你的主题",
+        "shared_data_url": "%(brand)s 的链接",
+        "shared_data_warning": "使用此小部件可能会与 %(widgetDomain)s 共享数据 <helpIcon />。",
+        "shared_data_warning_im": "使用此小部件可能会与 %(widgetDomain)s 与你的集成管理器共享数据 <helpIcon />。",
+        "shared_data_widget_id": "小部件 ID",
+        "unencrypted_warning": "小部件不使用消息加密。",
+        "unmaximise": "还原尺寸",
+        "unpin_to_view_right_panel": "取消钉住此小部件以在此面板中查看"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "全大写几乎与全小写一样容易被猜测到",
+            "anotherWord": "再加一两个词。不常用的词更好。",
+            "associatedYears": "避免与你相关的年份",
+            "capitalization": "大写字母对密码强度的帮助不大",
+            "dates": "避免使用与你相关的日期与年份",
+            "l33t": "像用“@”代替“a”这样可预料的替换行为并没有什么帮助",
+            "longerKeyboardPattern": "使用更复杂的击键序列",
+            "noNeed": "不需要符号、数字或大写字母",
+            "pwned": "如果你在其它地方使用此密码，则应进行更改。",
+            "recentYears": "避免近些年",
+            "repeated": "避免重复的单词与字符",
+            "reverseWords": "颠倒的单词很难被猜测到",
+            "sequences": "避免使用序列",
+            "useWords": "使用若干单词，避免常用口令"
+        },
+        "warnings": {
+            "common": "此为常见密码",
+            "commonNames": "常用姓、名容易被猜测到",
+            "dates": "日期通常容易被猜测到",
+            "extendedRepeat": "像“abcabcabc”之类的重复单词比“abc”更难猜测到。",
+            "keyPattern": "简短的击键序列容易被猜测到",
+            "namesByThemselves": "姓、名容易被猜测到",
+            "pwned": "你的密码因 Internet 上的数据泄露而暴露。",
+            "recentYears": "近年来很容易猜到",
+            "sequences": "像“abc”或“6543”之类的序列容易被猜测到",
+            "similarToCommon": "这像是常用密码",
+            "simpleRepeat": "像“aaa”之类的重复的字符容易被猜测到",
+            "straightRow": "在同一列且连续的字母容易被猜测到",
+            "topHundred": "这是百大常用密码",
+            "topTen": "这是十大常用密码",
+            "userInputs": "不应有任何个人或页面相关数据。",
+            "wordByItself": "单词很容易猜测到"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/strings/zh_Hant.json b/apps/web/src/i18n/strings/zh_Hant.json
new file mode 100644
index 00000000000..4b9c490ebb8
--- /dev/null
+++ b/apps/web/src/i18n/strings/zh_Hant.json
@@ -0,0 +1,3440 @@
+{
+    "a11y": {
+        "jump_first_invite": "跳到第一個邀請。",
+        "n_unread_messages": {
+            "other": "%(count)s 則未讀訊息。",
+            "one": "1 則未讀的訊息。"
+        },
+        "n_unread_messages_mentions": {
+            "other": "包含提及有 %(count)s 則未讀訊息。",
+            "one": "1 則未讀的提及。"
+        },
+        "unread_messages": "未讀的訊息。"
+    },
+    "a11y_jump_first_unread_room": "跳到第一個未讀的聊天室。",
+    "action": {
+        "accept": "接受",
+        "add": "新增",
+        "add_existing_room": "新增既有的聊天室",
+        "apply": "套用",
+        "approve": "批准",
+        "ask_to_join": "要求加入",
+        "back": "上一步",
+        "call": "通話",
+        "cancel": "取消",
+        "change": "變更",
+        "clear": "清除",
+        "click_to_copy": "點擊複製",
+        "close": "關閉",
+        "collapse": "收折",
+        "complete": "完成",
+        "confirm": "確認",
+        "continue": "繼續",
+        "copy": "複製",
+        "copy_link": "複製連結",
+        "create": "建立",
+        "create_a_room": "建立聊天室",
+        "create_account": "建立帳號",
+        "decline": "拒絕",
+        "decline_and_block": "拒絕並封鎖",
+        "decline_invite": "拒絕邀請",
+        "delete": "刪除",
+        "deny": "拒絕",
+        "disable": "停用",
+        "disconnect": "中斷連線",
+        "dismiss": "關閉",
+        "done": "完成",
+        "download": "下載",
+        "edit": "編輯",
+        "enable": "啟用",
+        "enter_fullscreen": "進入全螢幕",
+        "exit_fullscreeen": "離開全螢幕",
+        "expand": "展開",
+        "explore_rooms": "探索聊天室",
+        "export": "匯出",
+        "forward": "轉寄",
+        "go": "前往",
+        "go_back": "返回",
+        "got_it": "了解",
+        "hide_advanced": "隱藏進階設定",
+        "hold": "保留",
+        "ignore": "忽略",
+        "import": "匯入",
+        "invite": "邀請",
+        "join": "加入",
+        "learn_more": "了解更多",
+        "leave": "離開",
+        "leave_room": "離開聊天室",
+        "logout": "登出",
+        "manage": "管理",
+        "maximise": "最大化",
+        "mention": "提及",
+        "minimise": "最小化",
+        "new_room": "新聊天室",
+        "new_video_room": "新視訊聊天室",
+        "next": "下一步",
+        "no": "否",
+        "ok": "確定",
+        "open": "開啟",
+        "pin": "圖釘",
+        "proceed": "繼續",
+        "quote": "引用",
+        "react": "反應",
+        "refresh": "重新整理",
+        "register": "註冊",
+        "reload": "重新載入",
+        "remove": "移除",
+        "rename": "重新命名",
+        "reply": "回覆",
+        "reply_in_thread": "在討論串中回覆",
+        "resend": "重新傳送",
+        "reset": "重設",
+        "resume": "繼續",
+        "retry": "重試",
+        "review": "評論",
+        "revoke": "撤回",
+        "save": "儲存",
+        "search": "搜尋",
+        "send_report": "傳送回報",
+        "share": "分享",
+        "show": "顯示",
+        "show_advanced": "顯示進階設定",
+        "show_all": "顯示全部",
+        "sign_in": "登入",
+        "sign_out": "登出",
+        "skip": "略過",
+        "start": "開始",
+        "stop": "停止",
+        "submit": "送出",
+        "subscribe": "訂閱",
+        "transfer": "轉接",
+        "trust": "信任",
+        "try_again": "再試一次",
+        "unban": "解除封鎖",
+        "unignore": "取消忽略",
+        "unpin": "取消釘選",
+        "unsubscribe": "取消訂閱",
+        "update": "更新",
+        "upgrade": "升級",
+        "upload": "上傳",
+        "verify": "驗證",
+        "view": "檢視",
+        "view_all": "檢視全部",
+        "view_list": "檢視清單",
+        "view_message": "檢視訊息",
+        "view_source": "檢視原始碼",
+        "yes": "是",
+        "zoom_in": "放大",
+        "zoom_out": "縮小"
+    },
+    "analytics": {
+        "accept_button": "沒關係",
+        "bullet_1": "我們<Bold>不會</Bold>記錄或分析任何帳號資料",
+        "bullet_2": "我們<Bold>不會</Bold>與第三方分享這些資訊",
+        "consent_migration": "您先前曾同意與我們分享匿名使用資料。我們正在更新其運作方式。",
+        "disable_prompt": "您可以隨時在設定中關閉此功能",
+        "enable_prompt": "協助改善 %(analyticsOwner)s",
+        "learn_more": "分享匿名資料以協助我們識別問題。無個人資料。無第三方。<LearnMoreLink>取得更多資訊</LearnMoreLink>",
+        "privacy_policy": "您可以<PrivacyPolicyUrl>在此</PrivacyPolicyUrl>閱讀我們的條款",
+        "pseudonymous_usage_data": "匿名分享使用資料能幫我們辨識錯誤和改善 %(analyticsOwner)s。為了瞭解使用者如何使用多種裝置，我們會隨機產生能夠辨識您裝置的辨識碼。",
+        "shared_data_heading": "可能會分享以下資料："
+    },
+    "auth": {
+        "3pid_in_use": "該電子郵件地址或電話號碼已被使用。",
+        "account_clash": "您的新帳號 %(newAccountId)s 已註冊，但您已經登入到不同的帳號 (%(loggedInUserId)s)。",
+        "account_clash_previous_account": "使用先前的帳號繼續",
+        "account_deactivated": "此帳號已停用。",
+        "autodiscovery_generic_failure": "無法從伺服器取得自動探索設定",
+        "autodiscovery_hs_incompatible": "您的家伺服器太舊了，不支援所需的最低 API 版本。請聯絡您的伺服器擁有者，或是升級您的伺服器。",
+        "autodiscovery_invalid": "家伺服器的探索回應無效",
+        "autodiscovery_invalid_hs": "家伺服器網址似乎不是有效的 Matrix 家伺服器",
+        "autodiscovery_invalid_hs_base_url": "無效的 m.homeserver base_url",
+        "autodiscovery_invalid_is": "身分伺服器網址似乎不是有效的身分伺服器",
+        "autodiscovery_invalid_is_base_url": "無效的 m.identity_server base_url",
+        "autodiscovery_invalid_is_response": "身份伺服器探索回應無效",
+        "autodiscovery_invalid_json": "無效的 JSON",
+        "autodiscovery_unexpected_error_hs": "解析家伺服器設定時發生錯誤",
+        "autodiscovery_unexpected_error_is": "解析身分伺服器設定時發生未預期的錯誤",
+        "captcha_description": "這個家伺服器想要確認您不是機器人。",
+        "change_password_action": "變更密碼",
+        "change_password_confirm_invalid": "密碼不相符",
+        "change_password_confirm_label": "確認密碼",
+        "change_password_current_label": "舊密碼",
+        "change_password_empty": "密碼不能為空",
+        "change_password_error": "變更密碼時發生錯誤：%(error)s",
+        "change_password_mismatch": "新密碼不相符",
+        "change_password_new_label": "新密碼",
+        "check_email_explainer": "按照指示寄信到 <b>%(email)s</b>",
+        "check_email_resend_prompt": "沒有收到嗎？",
+        "check_email_resend_tooltip": "重寄認證信！",
+        "check_email_wrong_email_button": "重新輸入電子郵件地址",
+        "check_email_wrong_email_prompt": "錯誤的電子郵件地址？",
+        "continue_with_idp": "使用下列帳號繼續：%(provider)s",
+        "continue_with_sso": "使用 %(ssoButtons)s 繼續",
+        "country_dropdown": "國家下拉式選單",
+        "create_account_prompt": "新手？<a>建立帳號</a>",
+        "create_account_title": "建立帳號",
+        "email_discovery_text": "設定電子郵件地址後，即可選擇性被已有的聯絡人新增為好友。",
+        "email_field_label": "電子郵件地址",
+        "email_field_label_invalid": "不像是有效的電子郵件地址",
+        "email_field_label_required": "輸入電子郵件地址",
+        "email_help_text": "新增電子郵件以重設您的密碼。",
+        "email_phone_discovery_text": "使用電子郵件或電話以選擇性地被既有的聯絡人探索。",
+        "enter_email_explainer": "<b>%(homeserver)s</b> 將會寄送認證信件給您，讓您可以重新設定密碼。",
+        "enter_email_heading": "輸入您的電子郵件來重新設定密碼",
+        "failed_connect_identity_server": "無法連線至身分伺服器",
+        "failed_connect_identity_server_other": "您可以登入，但有些功能在身分伺服器重新上線前會沒辦法運作。如果您一直看到這個警告，請檢查您的設定或聯絡伺服器管理員。",
+        "failed_connect_identity_server_register": "您可以註冊，但有些功能在身分伺服器重新上線前會沒辦法運作。如果您一直看到這個警告，請檢查您的設定或聯絡伺服器管理員。",
+        "failed_connect_identity_server_reset_password": "您可以重設密碼，但有些功能在身分伺服器重新上線前會沒辦法運作。如果您一直看到這個警告，請檢查您的設定或聯絡伺服器管理員。",
+        "failed_homeserver_discovery": "無法探索家伺服器",
+        "failed_query_registration_methods": "無法查詢支援的註冊方法。",
+        "failed_soft_logout_auth": "無法重新驗證",
+        "failed_soft_logout_homeserver": "因為家伺服器的問題，所以無法重新驗證",
+        "forgot_password_email_invalid": "電子郵件地址似乎無效。",
+        "forgot_password_email_required": "必須輸入和您帳號綁定的電子郵件地址。",
+        "forgot_password_prompt": "忘記您的密碼了？",
+        "forgot_password_send_email": "寄信",
+        "identifier_label": "登入使用",
+        "incorrect_credentials": "使用者名稱和／或密碼不正確。",
+        "incorrect_credentials_detail": "請注意，您正在登入 %(hs)s 伺服器，不是 matrix.org。",
+        "incorrect_password": "不正確的密碼",
+        "log_in_new_account": "<a>登入</a>到您的新帳號。",
+        "logout_dialog": {
+            "description": "您確定要登出嗎？",
+            "setup_key_backup_title": "您將會失去您的加密訊息",
+            "skip_key_backup": "我不要我的加密訊息了"
+        },
+        "misconfigured_body": "請要求您的 %(brand)s 管理員檢查<a>您的設定</a>是否有不正確或重覆的項目。",
+        "misconfigured_title": "您的 %(brand)s 沒有設定好",
+        "msisdn_field_description": "其他使用者可以使用您的聯絡人資訊邀請您到聊天室中",
+        "msisdn_field_label": "電話",
+        "msisdn_field_number_invalid": "電話號碼看起來不太對，請檢查並再試一次",
+        "msisdn_field_required_invalid": "輸入電話號碼",
+        "no_hs_url_provided": "未提供家伺服器網址",
+        "oidc": {
+            "error_title": "我們無法讓您登入",
+            "missing_or_invalid_stored_state": "我們要求瀏覽器記住它讓您登入時使用的家伺服器，但不幸的是，您的瀏覽器忘了它。到登入頁面然後重試。"
+        },
+        "password_field_keep_going_prompt": "繼續前進…",
+        "password_field_label": "輸入密碼",
+        "password_field_strong_label": "很好，密碼強度夠高！",
+        "password_field_weak_label": "密碼可用，但不安全",
+        "phone_label": "電話",
+        "phone_optional_label": "電話（選擇性）",
+        "qr_code_login": {
+            "completing_setup": "完成您新裝置的設定",
+            "error_rate_limited": "短時間內嘗試太多次，請稍待一段時間後再嘗試。",
+            "error_unexpected": "發生預料之外的錯誤。",
+            "scan_code_instruction": "請用您已登出的裝置掃描下列 QR Code。",
+            "scan_qr_code": "掃描 QR Code",
+            "select_qr_code": "選取「%(scanQRCode)s」",
+            "waiting_for_device": "正在等待裝置登入"
+        },
+        "register_action": "建立帳號",
+        "registration": {
+            "continue_without_email_description": "請注意，如果您不新增電子郵件且忘記密碼，您將<b>永遠失去對您帳號的存取權</b>。",
+            "continue_without_email_field_label": "電子郵件（選擇性）",
+            "continue_without_email_title": "不使用電子郵件來繼續"
+        },
+        "registration_disabled": "註冊已在此家伺服器上停用。",
+        "registration_msisdn_field_required_invalid": "輸入電話號碼（此家伺服器必填）",
+        "registration_successful": "註冊成功",
+        "registration_username_in_use": "某人已使用該使用者名稱。請改用其他名稱。但如果是您，請在下方登入。",
+        "registration_username_unable_check": "無法檢查使用者名稱是否已被使用。請稍後再試。",
+        "registration_username_validation": "僅能使用小寫字母、數字、破折號與底線",
+        "reset_password": {
+            "confirm_new_password": "確認新密碼",
+            "devices_logout_success": "您已登出所有裝置，並將不再收到推送通知。要重新啟用通知，請在每台裝置上重新登入。",
+            "other_devices_logout_warning_1": "登出您的裝置將會刪除儲存在其上的訊息加密金鑰，讓加密的聊天紀錄變為無法讀取。",
+            "other_devices_logout_warning_2": "若您想在加密聊天室中保留對聊天紀錄的存取權限，請設定金鑰備份或從您的其他裝置之一匯出您的訊息金鑰，然後再繼續。",
+            "password_not_entered": "必須輸入一個新密碼。",
+            "passwords_mismatch": "新密碼必須互相相符。",
+            "rate_limit_error": "短時間內嘗試太多次，請稍待一段時間後再嘗試。",
+            "rate_limit_error_with_time": "短時間內嘗試太多次，請稍等 %(timeout)s 秒後再嘗試。",
+            "reset_successful": "您的密碼已重設。",
+            "return_to_login": "返回到登入畫面",
+            "sign_out_other_devices": "登出所有裝置"
+        },
+        "reset_password_action": "重設密碼",
+        "reset_password_email_field_description": "使用電子郵件地址來復原您的帳號",
+        "reset_password_email_field_required_invalid": "輸入電子郵件地址（此家伺服器必填）",
+        "reset_password_email_not_associated": "您的電子郵件地址似乎並未與這台家伺服器上的任何 Matrix ID 相關聯。",
+        "reset_password_email_not_found_title": "未找到此電子郵件地址",
+        "reset_password_title": "重新設定您的密碼",
+        "server_picker_custom": "其他家伺服器",
+        "server_picker_description": "您可以透過指定不同的家伺服器網址，來登入至其他的 Matrix 伺服器。使用自訂伺服器選項讓您可以使用 %(brand)s 登入到不同家伺服器上的 Matrix 帳號。",
+        "server_picker_description_matrix.org": "在最大的公開伺服器上，免費與數百萬人一起交流",
+        "server_picker_dialog_title": "決定託管帳號的位置",
+        "server_picker_explainer": "如果您有的話，可以使用您偏好的 Matrix 家伺服器，或是自己架一個。",
+        "server_picker_failed_validate_homeserver": "無法驗證家伺服器",
+        "server_picker_intro": "我們將您可以託管帳號的地方稱為「家伺服器」。",
+        "server_picker_invalid_url": "無效網址",
+        "server_picker_learn_more": "關於家伺服器",
+        "server_picker_matrix.org": "Matrix.org 是世界上最大的公開家伺服器，因此對許多人來說是一個好地方。",
+        "server_picker_required": "指定家伺服器",
+        "server_picker_title": "登入您的家伺服器",
+        "server_picker_title_default": "伺服器選項",
+        "server_picker_title_registration": "帳號託管於",
+        "session_logged_out_description": "因為安全因素，此工作階段已被登出。請重新登入。",
+        "session_logged_out_title": "已登出",
+        "set_email": {
+            "description": "這讓您可以重設您的密碼與接收通知。",
+            "verification_pending_description": "請收信並點擊信中的連結。完成後，再點擊「繼續」。",
+            "verification_pending_title": "等待驗證"
+        },
+        "set_email_prompt": "您想要設定電子郵件地址嗎？",
+        "sign_in_description": "使用您的帳號繼續。",
+        "sign_in_instead": "改為登入",
+        "sign_in_instead_prompt": "改為登入",
+        "sign_in_or_register": "登入或建立帳號",
+        "sign_in_or_register_description": "使用您的帳號或建立新的以繼續。",
+        "sign_in_with_sso": "以單一登入來登入",
+        "signing_in": "正在登入…",
+        "soft_logout": {
+            "clear_data_button": "清除所有資料",
+            "clear_data_description": "將會永久清除此工作階段的所有資料。除非已備份金鑰，否則將會遺失所有加密訊息。",
+            "clear_data_title": "清除此工作階段中的所有資料？"
+        },
+        "soft_logout_heading": "您已登出",
+        "soft_logout_intro_password": "輸入您的密碼以登入並取回對您帳號的存取權。",
+        "soft_logout_intro_sso": "登入並取回對您帳號的存取權。",
+        "soft_logout_intro_unsupported_auth": "您無法登入到您的帳號。請聯絡您的家伺服器管理員以取得更多資訊。",
+        "soft_logout_subheading": "清除個人資料",
+        "soft_logout_warning": "警告：您的個人資料（包含加密金鑰）仍儲存於此工作階段。若您使用完此工作階段或想要登入其他帳號，請清除它。",
+        "sso": "單一登入",
+        "sso_complete_in_browser_dialog_title": "前往您的瀏覽器以完成登入",
+        "sso_failed_missing_storage": "我們要求瀏覽器記住它讓您登入時使用的家伺服器，但不幸的是，您的瀏覽器忘了它。到登入頁面然後重試。",
+        "sso_or_username_password": "%(ssoButtons)s 或 %(usernamePassword)s",
+        "sync_footer_subtitle": "如果您已加入很多聊天室，這可能需要一點時間",
+        "syncing": "正在同步…",
+        "uia": {
+            "code": "代碼",
+            "email": "要建立您的帳號，請開啟我們剛剛寄到 %(emailAddress)s 的電子郵件中的連結。",
+            "email_auth_header": "檢查您的電子郵件以繼續",
+            "email_resend_prompt": "沒有收到？<a>重新傳送</a>",
+            "email_resent": "已重新傳送！",
+            "fallback_button": "開始認證",
+            "msisdn": "文字訊息已傳送給 %(msisdn)s",
+            "msisdn_token_incorrect": "權杖不正確",
+            "msisdn_token_prompt": "請輸入其包含的代碼：",
+            "password_prompt": "請在下方輸入您的帳號密碼來確認身份。",
+            "recaptcha_missing_params": "未於家伺服器設定中指定 Captcha 公鑰。請將此問題回報給您的家伺服器管理員。",
+            "registration_token_label": "註冊權杖",
+            "registration_token_prompt": "輸入由家伺服器管理員提供的註冊權杖。",
+            "sso_body": "使用單一登入來證明身分，以確認新增該電子郵件地址。",
+            "sso_failed": "確認您身分時出了一點問題。取消並再試一次。",
+            "sso_postauth_body": "點擊下方按鈕以確認您的身分。",
+            "sso_postauth_title": "確認以繼續",
+            "sso_preauth_body": "要繼續，使用單一登入系統來證明您的身分。",
+            "sso_title": "使用單一登入來繼續",
+            "terms": "請審閱並接受此家伺服器的政策：",
+            "terms_invalid": "請審閱並接受家伺服器的所有政策"
+        },
+        "unsupported_auth": "此家伺服器不提供該客戶端支援的任何登入流程。",
+        "unsupported_auth_email": "此家伺服器不支援使用電子郵件地址登入。",
+        "unsupported_auth_msisdn": "這個伺服器不支援以電話號碼認證。",
+        "username_field_required_invalid": "輸入使用者名稱",
+        "username_in_use": "某人已使用該使用者名稱。請改用其他名稱。",
+        "verify_email_explainer": "在重設您的密碼前，我們必須知道是您本人。請點擊我們剛剛寄送至<b>%(email)s</b>的電子郵件中的連結",
+        "verify_email_heading": "請驗證您的郵件信箱以繼續"
+    },
+    "bug_reporting": {
+        "additional_context": "如果有其他有助於釐清問題的情境，如您當時正在做什麼，聊天室 ID、使用者 ID 等等，請在這裡加入這些資訊。",
+        "before_submitting": "在遞交紀錄檔前，您必須<a>建立 GitHub 議題</a>以描述您的問題。",
+        "collecting_information": "收集應用程式版本資訊",
+        "collecting_logs": "收集記錄檔",
+        "create_new_issue": "請在 GitHub 上<newIssueLink>建立新議題</newIssueLink>，這樣我們才能調查這個錯誤。",
+        "description": "除錯紀錄檔包含了應用程式使用資料，其中包括了您的使用者名稱、您造訪過的聊天室別名或 ID，您先前與哪些使用者介面元素互動過，以及其他使用者的使用者名稱。但不會包含任何訊息內容。",
+        "download_logs": "下載紀錄檔",
+        "downloading_logs": "正在下載紀錄檔",
+        "error_empty": "請告訴我們發生了什麼錯誤，或更好的是，在 GitHub 上建立描述問題的議題。",
+        "failed_send_logs_causes": {
+            "rejected_recovery_key": "您的錯誤報告因安全考量而遭駁回，因為包含復原金鑰。"
+        },
+        "github_issue": "GitHub 議題",
+        "introduction": "若您透過 GitHub 遞交錯誤，除錯紀錄檔可以協助我們追蹤問題。 ",
+        "log_request": "要協助我們讓這個問題不再發生，請<a>將紀錄檔傳送給我們</a>。",
+        "logs_sent": "記錄檔已經傳送",
+        "matrix_security_issue": "要回報與 Matrix 有關的安全性問題，請閱讀 Matrix.org 的<a>安全性揭露政策</a>。",
+        "preparing_download": "正在準備下載紀錄檔",
+        "preparing_logs": "準備傳送除錯訊息",
+        "send_logs": "傳送紀錄檔",
+        "submit_debug_logs": "遞交除錯訊息",
+        "textarea_label": "註記",
+        "thank_you": "感謝您！",
+        "title": "錯誤回報",
+        "unsupported_browser": "提醒：您的瀏覽器不受支援，所以您的使用體驗可能無法預測。",
+        "uploading_logs": "正在上傳紀錄檔",
+        "waiting_for_server": "正在等待來自伺服器的回應"
+    },
+    "cannot_invite_without_identity_server": "無法在未設定身分伺服器時，邀請使用者。您可以到「設定」畫面中連線到一組伺服器。",
+    "cannot_reach_homeserver": "無法連線至家伺服器",
+    "cannot_reach_homeserver_detail": "請確定您有穩定的網路連線，或與伺服器管理員聯繫",
+    "cant_load_page": "無法載入頁面",
+    "chat_card_back_action_label": "回到聊天",
+    "chat_effects": {
+        "confetti_description": "使用彩帶傳送訊息",
+        "confetti_message": "傳送彩帶",
+        "fireworks_description": "與煙火一同傳送指定訊息",
+        "fireworks_message": "傳送煙火",
+        "hearts_description": "與愛心一同傳送指定的訊息",
+        "hearts_message": "傳送愛心",
+        "rainfall_description": "與降雨一同傳送指定的訊息",
+        "rainfall_message": "傳送降雨",
+        "snowfall_description": "與雪球一同傳送指定訊息",
+        "snowfall_message": "傳送雪球",
+        "spaceinvaders_description": "與太空主題效果一起傳送指定的訊息",
+        "spaceinvaders_message": "傳送太空侵略者"
+    },
+    "common": {
+        "access_token": "存取權杖",
+        "accessibility": "可近用性",
+        "advanced": "進階",
+        "analytics": "分析",
+        "and_n_others": {
+            "other": "與另 %(count)s 個人…",
+            "one": "與另 1 個人…"
+        },
+        "appearance": "外觀",
+        "application": "應用程式",
+        "are_you_sure": "您確定嗎？",
+        "attachment": "附件",
+        "authentication": "授權",
+        "avatar": "大頭照",
+        "beta": "試用版",
+        "camera": "相機",
+        "cameras": "相機",
+        "capabilities": "功能",
+        "copied": "已複製！",
+        "credits": "感謝",
+        "dark": "暗色",
+        "description": "描述",
+        "deselect_all": "取消選取",
+        "device": "裝置",
+        "edited": "已編輯",
+        "email_address": "電子郵件地址",
+        "emoji": "表情符號",
+        "encrypted": "開啟加密",
+        "error": "錯誤",
+        "faq": "常見問答集",
+        "feedback": "回饋",
+        "filter_results": "過濾結果",
+        "forward_message": "轉寄訊息",
+        "general": "一般",
+        "go_to_settings": "前往設定",
+        "guest": "訪客",
+        "help": "說明",
+        "home": "首頁",
+        "homeserver": "家伺服器",
+        "identity_server": "身分伺服器",
+        "image": "圖片",
+        "integration_manager": "整合管理員",
+        "joined": "已加入",
+        "labs": "實驗室",
+        "legal": "法律",
+        "light": "亮色",
+        "loading": "載入中…",
+        "location": "位置",
+        "matrix": "Matrix",
+        "message": "訊息",
+        "message_layout": "訊息佈局",
+        "microphone": "麥克風",
+        "modern": "現代",
+        "mute": "靜音",
+        "n_members": {
+            "one": "%(count)s 位成員",
+            "other": "%(count)s 位成員"
+        },
+        "n_rooms": {
+            "one": "%(count)s 個聊天室",
+            "other": "%(count)s 個聊天室"
+        },
+        "name": "名稱",
+        "no_results": "沒有結果",
+        "no_results_found": "找不到結果",
+        "not_trusted": "未受信任",
+        "off": "關閉",
+        "offline": "離線",
+        "on": "開啟",
+        "options": "選項",
+        "orphan_rooms": "其他聊天室",
+        "password": "密碼",
+        "people": "聯絡人",
+        "preferences": "偏好設定",
+        "presence": "出席",
+        "preview_message": "嘿！您最棒了！",
+        "privacy": "隱私",
+        "private": "私密",
+        "private_room": "私密聊天室",
+        "private_space": "私密聊天空間",
+        "profile": "基本資料",
+        "public": "公開",
+        "public_room": "公開聊天室",
+        "public_space": "公開聊天空間",
+        "random": "隨機",
+        "reactions": "反應",
+        "report_a_bug": "回報錯誤",
+        "room": "聊天室",
+        "room_name": "聊天室名稱",
+        "rooms": "聊天室",
+        "saving": "正在儲存…",
+        "secure_backup": "安全備份",
+        "select_all": "全部選取",
+        "server": "伺服器",
+        "settings": "設定",
+        "setup_secure_messages": "設定安全訊息",
+        "show_more": "顯示更多",
+        "someone": "某人",
+        "space": "群組空間",
+        "spaces": "聊天空間",
+        "sticker": "貼圖",
+        "stickerpack": "貼圖包",
+        "success": "成功",
+        "suggestions": "建議",
+        "support": "支援",
+        "theme": "主題",
+        "thread": "討論串",
+        "threads": "討論串",
+        "timeline": "時間軸",
+        "unavailable": "無法使用",
+        "unencrypted": "未加密",
+        "unmute": "解除靜音",
+        "unnamed_room": "未命名的聊天室",
+        "unnamed_space": "未命名聊天空間",
+        "unverified": "未驗證",
+        "user": "使用者",
+        "user_avatar": "大頭照",
+        "username": "使用者名稱",
+        "verified": "已驗證",
+        "version": "版本",
+        "video_room": "視訊聊天室",
+        "view_message": "檢視訊息",
+        "warning": "警告"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "通知整個聊天室",
+            "command_a11y": "指令自動完成",
+            "command_description": "指令",
+            "emoji_a11y": "表情符號自動完成",
+            "notification_a11y": "通知自動完成",
+            "notification_description": "聊天室通知",
+            "room_a11y": "聊天室自動完成",
+            "space_a11y": "空間自動完成",
+            "user_a11y": "使用者自動完成",
+            "user_description": "使用者"
+        },
+        "close_sticker_picker": "隱藏貼圖",
+        "edit_composer_label": "編輯訊息",
+        "format_bold": "粗體",
+        "format_code_block": "程式碼區塊",
+        "format_decrease_indent": "減少縮排",
+        "format_increase_indent": "增加縮排",
+        "format_inline_code": "代碼",
+        "format_insert_link": "插入連結",
+        "format_italic": "義式斜體",
+        "format_italics": "斜體",
+        "format_link": "連結",
+        "format_ordered_list": "編號清單",
+        "format_strikethrough": "刪除線",
+        "format_underline": "底線",
+        "format_unordered_list": "項目符號清單",
+        "formatting_toolbar_label": "格式化",
+        "link_modal": {
+            "link_field_label": "連結",
+            "text_field_label": "文字",
+            "title_create": "建立連結",
+            "title_edit": "編輯連結"
+        },
+        "mode_plain": "隱藏格式化",
+        "mode_rich_text": "顯示格式",
+        "no_perms_notice": "您沒有權限在此聊天室貼文",
+        "placeholder": "傳送訊息…",
+        "placeholder_encrypted": "傳送加密訊息…",
+        "placeholder_reply": "傳送回覆…",
+        "placeholder_reply_encrypted": "傳送加密的回覆…",
+        "placeholder_thread": "回覆討論串…",
+        "placeholder_thread_encrypted": "回覆加密的討論串…",
+        "poll_button": "投票",
+        "poll_button_no_perms_description": "您沒有權限在此聊天室發起投票。",
+        "poll_button_no_perms_title": "需要權限",
+        "replying_title": "正在回覆",
+        "room_upgraded_link": "對話在此繼續。",
+        "room_upgraded_notice": "這個聊天室已被取代，且不再使用。",
+        "send_button_title": "傳送訊息",
+        "send_button_voice_message": "傳送語音訊息",
+        "send_voice_message": "傳送語音訊息",
+        "stop_voice_message": "停止錄製",
+        "voice_message_button": "語音訊息"
+    },
+    "console_dev_note": "如果您知道您在做些什麼，Element 為開放原始碼，請看看我們的 GitHub (https://github.com/vector-im/element-web/) 並貢獻！",
+    "console_scam_warning": "若某人告訴您在此處複製／貼上一些東西，那麼您很有可能被騙了！",
+    "console_wait": "等等！",
+    "create_room": {
+        "action_create_room": "建立聊天室",
+        "action_create_video_room": "建立視訊聊天室",
+        "encrypted_video_room_warning": "您無法在稍後停用這個。這將會加密聊天室，但嵌入的通話並不會。",
+        "encrypted_warning": "您無法在稍後停用此功能。橋接與大多數的聊天機器人也會無法運作。",
+        "encryption_forced": "您的伺服器需要在私密聊天室中啟用加密。",
+        "encryption_label": "啟用端對端加密",
+        "error_title": "無法建立聊天室",
+        "generic_error": "伺服器可能無法使用、超載，或者您遇到了一個錯誤。",
+        "join_rule_change_notice": "您隨時都可以從聊天室設定變更此設定。",
+        "join_rule_invite": "私密聊天室（邀請制）",
+        "join_rule_invite_label": "僅被邀請的夥伴才能找到並加入此聊天室。",
+        "join_rule_knock_label": "任何人都可以請求加入，但管理員或版主必須授予存取權限。您可以稍後變更此設定。",
+        "join_rule_public_label": "任何人都可以找到並加入此聊天室。",
+        "join_rule_public_parent_space_label": "任何人都將可以找到並加入此聊天室，而不只是 <SpaceName/> 的成員。",
+        "join_rule_restricted": "對聊天空間成員顯示為可見",
+        "join_rule_restricted_label": "每個在 <SpaceName/> 中的人都將可以找到並加入此聊天室。",
+        "name_validation_required": "請輸入聊天室名稱",
+        "room_visibility_label": "聊天室能見度",
+        "title_private_room": "建立私密聊天室",
+        "title_public_room": "建立公開聊天室",
+        "title_video_room": "建立視訊聊天室",
+        "topic_label": "主題（選擇性）",
+        "unfederated": "阻止任何不屬於 %(serverName)s 的人加入此聊天室。",
+        "unfederated_label_default_off": "如果聊天室僅用於與在您的家伺服器上的內部團隊協作的話，可以啟用此功能。這無法在稍後變更。",
+        "unfederated_label_default_on": "如果聊天室會用於與有自己家伺服器的外部團隊協作的話，可以停用此功能。這無法在稍後變更。",
+        "unsupported_version": "伺服器不支援指定的聊天室版本。"
+    },
+    "create_space": {
+        "add_details_prompt": "新增一些詳細資訊來協助人們識別它。",
+        "add_details_prompt_2": "您隨時可以變更這些。",
+        "add_existing_rooms_description": "挑選要新增的聊天室或對話。這是專屬於您的空間，不會有人被通知。您稍後可以再新增更多。",
+        "add_existing_rooms_heading": "您想要整理什麼？",
+        "address_label": "位址",
+        "address_placeholder": "例如：my-space",
+        "creating": "正在建立…",
+        "creating_rooms": "正在建立聊天室…",
+        "done_action": "到我的聊天空間",
+        "done_action_first_room": "到我的第一個聊天室",
+        "explainer": "聊天空間是一種將聊天室與夥伴分組的新方式。您想要建立何種類型的聊天空間？您稍後仍可變更。",
+        "failed_create_initial_rooms": "無法建立第一個聊天空間中的聊天室",
+        "failed_invite_users": "無法邀請以下使用者加入您的聊天空間：%(csvUsers)s",
+        "invite_teammates_by_username": "透過使用者名稱邀請",
+        "invite_teammates_description": "確保合適的人有權存取。稍後您可以邀請更多人。",
+        "invite_teammates_heading": "邀請您的團隊成員",
+        "inviting_users": "正在邀請…",
+        "label": "建立聊天空間",
+        "name_required": "請輸入聊天空間名稱",
+        "personal_space": "只有我",
+        "personal_space_description": "整理您聊天室的私密聊天空間",
+        "private_description": "邀請制，適用於您自己或團隊使用",
+        "private_heading": "您的私密聊天空間",
+        "private_personal_description": "確保合適的人有權存取 %(name)s",
+        "private_personal_heading": "您與誰一起工作？",
+        "private_space": "我與團隊成員",
+        "private_space_description": "專為您與您的團隊成員設計的私密空間",
+        "public_description": "對所有人開放的聊天空間，最適合社群",
+        "public_heading": "您的公開聊天空間",
+        "setup_rooms_community_description": "讓我們為每個主題建立一個聊天室吧。",
+        "setup_rooms_community_heading": "您想在 %(spaceName)s 中討論什麼？",
+        "setup_rooms_description": "您稍後可以新增更多內容，包含既有的。",
+        "setup_rooms_private_description": "我們將為每個主題建立聊天室。",
+        "setup_rooms_private_heading": "您的團隊正在從事哪些專案？",
+        "share_description": "目前只有您一個人，有其他人會更好。",
+        "share_heading": "分享 %(name)s",
+        "skip_action": "現在跳過",
+        "subspace_adding": "正在新增…",
+        "subspace_beta_notice": "新增空間到您管理的聊天空間。",
+        "subspace_dropdown_title": "建立聊天空間",
+        "subspace_existing_space_prompt": "想要新增既有的聊天空間嗎？",
+        "subspace_join_rule_invite_description": "僅有被邀請的人才能找到並加入此聊天空間。",
+        "subspace_join_rule_invite_only": "私密聊天空間（邀請制）",
+        "subspace_join_rule_label": "空間能見度",
+        "subspace_join_rule_public_description": "不只是 <SpaceName/> 的成員，任何人都可以找到並加入此聊天空間。",
+        "subspace_join_rule_restricted_description": "<SpaceName/> 中的任何人都可以找到並加入。"
+    },
+    "credits": {
+        "default_cover_photo": "<photo>預設封面照片</photo>作者為 © <author>Jesús Roncero</author>，以 <terms>CC-BY-SA 4.0</terms> 授權使用。",
+        "twemoji": "<twemoji>Twemoji</twemoji> 表情符號藝術作者為 © <author>Twitter 公司與其他貢獻者</author>，以 <terms>CC-BY 4.0</terms> 授權使用。",
+        "twemoji_colr": "<colr>twemoji-colr</colr> 字型作者為 © <author>Mozilla 基金會</author>，以 <terms>Apache 2.0</terms> 授權使用。"
+    },
+    "desktop_default_device_name": "%(brand)s 桌面版：%(platformName)s",
+    "devtools": {
+        "active_widgets": "執行中的小工具",
+        "category_other": "其他",
+        "category_room": "聊天室",
+        "caution_colon": "警告：",
+        "client_versions": "客戶端版本",
+        "crypto": {
+            "key_storage": "金鑰儲存"
+        },
+        "developer_mode": "開發者模式",
+        "developer_tools": "開發者工具",
+        "edit_setting": "編輯設定",
+        "edit_values": "編輯值",
+        "empty_string": "<空字串>",
+        "event_content": "事件內容",
+        "event_id": "事件 ID：%(eventId)s",
+        "event_sent": "事件已傳送！",
+        "event_type": "事件類型",
+        "explore_account_data": "探索帳號資料",
+        "explore_room_account_data": "探索聊天室帳號資料",
+        "explore_room_state": "探索聊天室狀態",
+        "failed_to_find_widget": "尋找此小工具時發生錯誤。",
+        "failed_to_load": "無法載入。",
+        "failed_to_save": "無法儲存設定。",
+        "failed_to_send": "無法傳送事件！",
+        "id": "ID： ",
+        "invalid_json": "看起來不像有效的 JSON。",
+        "level": "等級",
+        "low_bandwidth_mode": "低頻寬模式",
+        "low_bandwidth_mode_description": "需要相容的家伺服器。",
+        "main_timeline": "主時間軸",
+        "no_receipt_found": "找不到回條",
+        "notification_state": "通知狀態為 <strong>%(notificationState)s</strong>",
+        "notifications_debug": "通知除錯",
+        "number_of_users": "使用者數量",
+        "original_event_source": "原始活動來源",
+        "room_encrypted": "聊天室<strong>已加密 ✅</strong>",
+        "room_id": "聊天室 ID：%(roomId)s",
+        "room_not_encrypted": "聊天室<strong>未加密 🚨</strong>",
+        "room_notifications_dot": "點： ",
+        "room_notifications_highlight": "突顯： ",
+        "room_notifications_last_event": "最後活動：",
+        "room_notifications_sender": "傳送者： ",
+        "room_notifications_thread_id": "討論串 ID： ",
+        "room_notifications_total": "總共： ",
+        "room_notifications_type": "類型： ",
+        "room_status": "聊天室狀態",
+        "room_unread_status_count": {
+            "other": "聊天室未讀狀態：<strong>%(status)s</strong>，數量：<strong>%(count)s</strong>"
+        },
+        "save_setting_values": "儲存設定值",
+        "see_history": "檢視歷史紀錄",
+        "send_custom_account_data_event": "傳送自訂帳號資料事件",
+        "send_custom_room_account_data_event": "傳送自訂聊天室帳號資料事件",
+        "send_custom_state_event": "傳送自訂狀態事件",
+        "send_custom_timeline_event": "傳送自訂時間軸事件",
+        "server_info": "伺服器資訊",
+        "server_versions": "伺服器版本",
+        "settable_global": "全域設定",
+        "settable_room": "聊天室設定",
+        "setting_colon": "設定：",
+        "setting_definition": "設定定義：",
+        "setting_id": "設定 ID",
+        "settings_explorer": "設定探索程式",
+        "show_hidden_events": "顯示時間軸中隱藏的活動",
+        "spaces": {
+            "one": "<空間>",
+            "other": "<%(count)s 個空間>"
+        },
+        "state_key": "狀態金鑰",
+        "thread_root_id": "討論串 Root ID：%(threadRootId)s",
+        "threads_timeline": "討論串時間軸",
+        "title": "開發者工具",
+        "toolbox": "工具箱",
+        "use_at_own_risk": "此使用者介面不會檢查值的類型。使用風險自負。",
+        "user_read_up_to": "使用者讀取至： ",
+        "user_read_up_to_ignore_synthetic": "使用者閱讀至 (ignoreSynthetic)： ",
+        "user_read_up_to_private": "使用者閱讀至 (m.read.private)： ",
+        "user_read_up_to_private_ignore_synthetic": "使用者閱讀至 (m.read.private;ignoreSynthetic)： ",
+        "value": "值",
+        "value_colon": "值：",
+        "value_in_this_room": "此聊天室中的值",
+        "value_this_room_colon": "此聊天室中的值：",
+        "values_explicit": "明確等級的值",
+        "values_explicit_colon": "明確等級的值：",
+        "values_explicit_room": "此聊天室中明確等級的值",
+        "values_explicit_this_room_colon": "此聊天室中明確等級的值：",
+        "view_servers_in_room": "檢視聊天室內的伺服器",
+        "view_source_decrypted_event_source": "解密活動來源",
+        "view_source_decrypted_event_source_unavailable": "已解密的來源不可用",
+        "widget_screenshots": "在支援的小工具上啟用小工具螢幕快照"
+    },
+    "dialog_close_label": "關閉對話框",
+    "download_completed": "下載完成",
+    "empty_room": "空聊天室",
+    "empty_room_was_name": "空的聊天室（曾為 %(oldName)s）",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "key_validation_text": {
+                "wrong_security_key": "錯誤的安全金鑰"
+            },
+            "restoring": "從備份還原金鑰",
+            "security_key_label": "復原金鑰",
+            "security_key_title": "安全金鑰"
+        },
+        "bootstrap_title": "正在產生金鑰",
+        "confirm_encryption_setup_body": "點擊下方按鈕以確認設定加密。",
+        "confirm_encryption_setup_title": "確認加密設定",
+        "cross_signing_room_normal": "此聊天室已端對端加密",
+        "cross_signing_room_verified": "此聊天室中每個人都已驗證",
+        "cross_signing_room_warning": "某人正在使用未知的工作階段",
+        "cross_signing_user_normal": "您尚未驗證此使用者。",
+        "cross_signing_user_verified": "您已驗證此使用者。此使用者已驗證他們所有的工作階段。",
+        "cross_signing_user_warning": "此使用者尚未驗證他們的所有工作階段。",
+        "enter_recovery_key": "輸入復原金鑰",
+        "event_shield_reason_authenticity_not_guaranteed": "無法在此裝置上保證加密訊息的真實性。",
+        "event_shield_reason_mismatched_sender_key": "已由未驗證的工作階段加密",
+        "export_unsupported": "您的瀏覽器不支援需要的加密擴充",
+        "forgot_recovery_key": "忘記復原金鑰？",
+        "import_invalid_keyfile": "不是有效的 %(brand)s 金鑰檔案",
+        "import_invalid_passphrase": "無法檢查認證：密碼錯誤？",
+        "key_storage_out_of_sync_description": "請確認您的復原金鑰，以維持對金鑰儲存空間及訊息歷史的存取權限。",
+        "messages_not_secure": {
+            "cause_1": "您的家伺服器",
+            "cause_2": "您正在驗證的使用者所連線的家伺服器",
+            "cause_3": "您或其他使用者的網際網路連線",
+            "cause_4": "您或其他使用者的工作階段",
+            "heading": "以下其中一項可能會受到威脅：",
+            "title": "您的訊息不安全"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "偵測到新的安全密語以及安全訊息金鑰。",
+            "description_2": "此工作階段正在使用新的復原方法加密歷史。",
+            "title": "新復原方法",
+            "warning": "如果您沒有設定新的復原方法，攻擊者可能會嘗試存取您的帳號。在設定中立刻變更您的密碼並設定新的復原方法。"
+        },
+        "recovery_method_removed": {
+            "description_1": "此工作階段偵測到您的安全密語以及安全訊息金鑰已被移除。",
+            "description_2": "如果您不小心這樣做了，您可以在此工作階段上設定安全訊息，這將會以新的復原方法重新加密此工作階段的訊息歷史。",
+            "title": "已移除復原方法",
+            "warning": "如果您沒有移除復原方法，攻擊者可能會試圖存取您的帳號。請立刻在設定中變更您帳號的密碼並設定新的復原方式。"
+        },
+        "set_up_recovery": "設定復原",
+        "set_up_recovery_toast_description": "產生一把復原金鑰，以便在您無法存取裝置時恢復您的加密訊息歷史記錄。",
+        "set_up_toast_title": "設定安全備份",
+        "turn_on_key_storage_description": "在伺服器安全地儲存您的加密身分及訊息金鑰。如此一來，您便能在任何新裝置上檢視訊息歷史紀錄。",
+        "unable_to_setup_keys_error": "無法設定金鑰",
+        "verification": {
+            "accepting": "正在接受…",
+            "after_new_login": {
+                "device_verified": "裝置已驗證",
+                "skip_verification": "暫時略過驗證",
+                "verify_this_device": "驗證此裝置"
+            },
+            "cancelling": "正在取消…",
+            "complete_action": "了解",
+            "complete_description": "您已經成功驗證此使用者。",
+            "complete_title": "已驗證！",
+            "error_starting_description": "我們無法與其他使用者開始聊天。",
+            "error_starting_title": "開始驗證時發生錯誤",
+            "explainer": "與此使用者的安全訊息有端對端加密，無法被第三方讀取。",
+            "in_person": "為了確保安全，請面對面進行驗證，或使用其他方式來通訊。",
+            "incoming_sas_device_dialog_text_1": "驗證此裝置，並標記為可受信任。由您將裝置標記為可受信任後，可讓聊天夥伴傳送端到端加密訊息時能更加放心。",
+            "incoming_sas_device_dialog_text_2": "驗證此裝置將會將其標記為受信任，且已驗證您的使用者將會信任此裝置。",
+            "incoming_sas_dialog_title": "收到的驗證請求",
+            "incoming_sas_dialog_waiting": "正在等待夥伴確認…",
+            "incoming_sas_user_dialog_text_1": "驗證此工作階段，並標記為可受信任。由您將工作階段標記為可受信任後，可讓聊天夥伴傳送端到端加密訊息時能更加放心。",
+            "incoming_sas_user_dialog_text_2": "驗證此使用者將會把他們的工作階段標記為受信任，並同時為他們標記您的工作階段為可信任。",
+            "no_support_qr_emoji": "您正在嘗試驗證的裝置不支援掃描 QR Code 或表情符號驗證，這是 %(brand)s 所支援的。請嘗試使用其他客戶端。",
+            "other_party_cancelled": "另一方取消了驗證。",
+            "prompt_encrypted": "請驗證聊天室中的所有使用者來確保安全。",
+            "prompt_unencrypted": "在加密的聊天適中，驗證所有使用者以確保其安全。",
+            "qr_or_sas": "%(qrCode)s 或 %(emojiCompare)s",
+            "qr_prompt": "掃描此獨特的條碼",
+            "qr_reciprocate_same_shield_user": "差不多了！%(displayName)s 是否顯示相同的盾牌？",
+            "request_toast_decline_counter": "忽略（%(counter)s）",
+            "request_toast_detail": "從 %(ip)s 來的 %(deviceId)s",
+            "sas_caption_self": "透過確認螢幕上顯示的以下數字來驗證裝置。",
+            "sas_caption_user": "透過確認對方畫面上顯示的下列數字來確認使用者。",
+            "sas_description": "如果兩個裝置上都沒有相機的話，就比較一組獨特的表情符號",
+            "sas_emoji_caption_user": "透過確認對方畫面上顯示的下列表情符號來確認使用者。",
+            "sas_match": "它們相符",
+            "sas_no_match": "它們不相符",
+            "sas_prompt": "比較獨特的表情符號",
+            "scan_qr": "透過掃描來驗證",
+            "scan_qr_explainer": "要求 %(displayName)s 掃描您的條碼：",
+            "start_button": "開始驗證",
+            "successful_user": "您已成功驗證 %(displayName)s！",
+            "unsupported_method": "找不到支援的驗證方式。",
+            "unverified_session_toast_accept": "是的，是我",
+            "unverified_session_toast_title": "新登入。這是您嗎？",
+            "unverified_sessions_toast_description": "請確認您的帳號安全",
+            "unverified_sessions_toast_reject": "稍後",
+            "unverified_sessions_toast_title": "您有未驗證的工作階段",
+            "use_recovery_key": "使用復原金鑰",
+            "verification_dialog_title_device": "驗證其他裝置",
+            "verification_dialog_title_user": "驗證請求",
+            "verification_skip_warning": "如果不進行驗證，您將無法存取您的所有訊息，且可能會被其他人視為不信任。",
+            "verification_success_with_backup": "您的新裝置已通過驗證。其可以存取您的加密訊息，其他使用者也會看到其為受信任的裝置。",
+            "verification_success_without_backup": "您的新裝置已通過驗證。其他使用者也會看到其為受信任的裝置。",
+            "verify_emoji": "透過表情符號驗證",
+            "verify_emoji_prompt": "透過比對獨特的表情符號來進行驗證。",
+            "verify_emoji_prompt_qr": "如果您無法掃描上面的條碼，請透過比較獨特的表情符號驗證。",
+            "verify_later": "我稍後驗證",
+            "waiting_for_user_accept": "正在等待 %(displayName)s 接受…",
+            "waiting_other_device": "正在等待您在其他裝置上驗證…",
+            "waiting_other_device_details": "正在等待您在其他裝置上驗證，%(deviceName)s (%(deviceId)s)…",
+            "waiting_other_user": "正在等待 %(displayName)s 驗證…"
+        },
+        "verification_requested_toast_title": "已請求驗證",
+        "verify_toast_description": "其他使用者可能不會信任它",
+        "verify_toast_title": "驗證此工作階段"
+    },
+    "error": {
+        "admin_contact": "請<a>聯絡您的服務管理員</a>以繼續使用此服務。",
+        "admin_contact_short": "聯絡您的<a>伺服器管理員</a>。",
+        "app_launch_unexpected_error": "準備應用程式時發生未知錯誤。請見主控台以取得更多資訊。",
+        "cannot_load_config": "無法載入設定檔：請重新整理頁面以再試一次。",
+        "connection": "與家伺服器通訊時出現問題，請再試一次。",
+        "dialog_description_default": "出現一個錯誤。",
+        "download_media": "下載來源媒體失敗，找不到來源 URL",
+        "edit_history_unsupported": "您的家伺服器似乎並不支援此功能。",
+        "failed_copy": "無法複製",
+        "hs_blocked": "此家伺服器已被管理員封鎖。",
+        "invalid_configuration_mixed_server": "無效設定：default_hs_url 不能與 default_server_name 或 default_server_config 一起指定",
+        "invalid_configuration_no_server": "無效設定：未指定預設伺服器。",
+        "invalid_json": "您的 Element 設定中包含無效 JSON，請修正後重新載入網頁。",
+        "invalid_json_detail": "解析器收到的訊息：%(message)s",
+        "invalid_json_generic": "無效的 JSON",
+        "mau": "此家伺服器已超出每月活躍使用者上限。",
+        "misconfigured": "您的 Element 設定錯誤",
+        "mixed_content": "當瀏覽器網址列使用的是 HTTPS 網址時，不能使用 HTTP 連線到家伺服器。請改用 HTTPS 連線或<a>允許不安全的指令碼</a>。",
+        "non_urgent_echo_failure_toast": "您的伺服器未回應某些<a>請求</a>。",
+        "resource_limits": "此家伺服器已經超過其中一項資源限制。",
+        "session_restore": {
+            "clear_storage_button": "清除儲存的東西並登出",
+            "clear_storage_description": "登出並移除加密金鑰？",
+            "description_1": "我們在嘗試復原您先前的工作階段時遇到了一點錯誤。",
+            "description_2": "若您先前使用過較新版本的 %(brand)s，您的工作階段可能與此版本不相容。關閉此視窗並回到較新的版本。",
+            "description_3": "清除您瀏覽器的儲存的東西也許可以修復問題，但會將您登出並造成任何已加密的聊天都無法讀取。",
+            "title": "無法復原工作階段"
+        },
+        "something_went_wrong": "出了點問題！",
+        "storage_evicted_description_1": "某些工作階段資料遺失了，其中包含加密訊息金鑰。登出再登入並從備份中復原金鑰可以修復這個問題。",
+        "storage_evicted_description_2": "當硬碟空間不足時，您的瀏覽器可能會移除這些資料。",
+        "storage_evicted_title": "遺失工作階段資料",
+        "sync": "無法連線至家伺服器。正在重試…",
+        "tls": "無法連線到家伺服器 - 請檢查您的連線，確保您的<a>家伺服器的 SSL 憑證</a>可被信任，而瀏覽器擴充套件也沒有阻擋請求。",
+        "unknown": "未知的錯誤",
+        "unknown_error_code": "未知的錯誤代碼",
+        "update_power_level": "無法變更權限等級"
+    },
+    "error_database_closed_title": "資料庫意外關閉",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "無法複製聊天室連結至剪貼簿。",
+            "title": "無法複製聊天室連結"
+        },
+        "error_loading_user_profile": "無法載入使用者簡介",
+        "forget_room_failed": "無法忘記聊天室 %(errCode)s"
+    },
+    "error_user_not_logged_in": "使用者未登入",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "通話進行中",
+            "user": "%(senderName)s 已加入通話",
+            "you": "您已加入通話"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s 結束了通話",
+            "you": "您結束了通話"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s 正在通話",
+            "dm_send": "正在等待回應",
+            "user": "%(senderName)s 開始了通話",
+            "you": "您開始了通話"
+        },
+        "m.reaction": {
+            "user": "%(sender)s 已對「%(message)s」回應「%(reaction)s」",
+            "you": "您已對「%(message)s」回應「%(reaction)s」"
+        },
+        "m.sticker": "%(senderName)s：%(stickerName)s",
+        "m.text": "%(senderName)s：%(message)s"
+    },
+    "export_chat": {
+        "cancelled": "匯出已取消",
+        "cancelled_detail": "匯出已成功取消",
+        "confirm_stop": "您確定您要停止匯出您的資料嗎？若您這麼做，您就必須重新開始。",
+        "creating_html": "正在建立 HTML…",
+        "creating_output": "正在建立輸出…",
+        "creator_summary": "%(creatorName)s 建立了此聊天室。",
+        "current_timeline": "目前時間軸",
+        "enter_number_between_min_max": "輸入介於 %(min)s 至 %(max)s 間的數字",
+        "error_fetching_file": "取得檔案錯誤",
+        "export_info": "這是 <roomName/> 匯出的開始。由 <exporterDetails/> 於 %(exportDate)s 匯出。",
+        "export_successful": "匯出成功！",
+        "exported_n_events_in_time": {
+            "one": "已在 %(seconds)s 秒內匯出 %(count)s 個事件",
+            "other": "已在 %(seconds)s 秒內匯出 %(count)s 個事件"
+        },
+        "exporting_your_data": "正在匯出您的資料",
+        "fetched_n_events": {
+            "one": "到目前為止已取得 %(count)s 個事件",
+            "other": "到目前為止已成功取得 %(count)s 個事件"
+        },
+        "fetched_n_events_in_time": {
+            "one": "已在 %(seconds)s 秒內取得 %(count)s 個事件",
+            "other": "已在 %(seconds)s 秒內取得 %(count)s 個事件"
+        },
+        "fetched_n_events_with_total": {
+            "one": "已取得 %(total)s 個事件中的 %(count)s 個",
+            "other": "從 %(total)s 個事件中取得了 %(count)s 個"
+        },
+        "fetching_events": "正在取得事件…",
+        "file_attached": "已附加檔案",
+        "format": "格式",
+        "from_the_beginning": "從一開始",
+        "generating_zip": "產生 ZIP",
+        "html": "HTML",
+        "html_title": "已匯出的資料",
+        "include_attachments": "包含附件",
+        "json": "JSON",
+        "media_omitted": "媒體省略",
+        "media_omitted_file_size": "媒體省略 - 超過檔案大小限制",
+        "messages": "訊息",
+        "next_page": "下一組訊息",
+        "num_messages": "訊息數",
+        "num_messages_min_max": "訊息數只能是 %(min)s MB 至 %(max)s MB 間的數字",
+        "number_of_messages": "指定訊息數量",
+        "previous_page": "上一組訊息",
+        "processing": "正在處理…",
+        "processing_event_n": "正在處理 %(total)s 個事件中的第 %(number)s 個",
+        "select_option": "從下面的選項中選擇以從您的時間軸匯出聊天",
+        "size_limit": "大小限制",
+        "size_limit_min_max": "大小只能是 %(min)s MB 至 %(max)s MB 間的數字",
+        "starting_export": "開始匯入…",
+        "successful": "匯出成功",
+        "successful_detail": "您匯出成功。請在您的下載資料夾中尋找它。",
+        "text": "純文字",
+        "title": "匯出聊天",
+        "topic": "主題：%(topic)s",
+        "unload_confirm": "您確定要從此匯出流程中退出嗎？"
+    },
+    "failed_load_async_component": "無法載入！請檢查您的網路連線狀態並再試一次。",
+    "feedback": {
+        "can_contact_label": "如果後續有任何問題，可以聯絡我",
+        "comment_label": "評論",
+        "existing_issue_link": "請先檢視 <existingIssuesLink>GitHub 上既有的錯誤</existingIssuesLink>。沒有相符的嗎？<newIssueLink>回報新的問題</newIssueLink>。",
+        "may_contact_label": "若您想跟進或讓我測試即將到來的想法，可以聯絡我",
+        "platform_username": "將會記錄您使用的平台與使用者名稱，以盡可能使用回饋資訊來調整本功能。",
+        "pro_type": "專業建議：如果您開始了一個錯誤，請遞交<debugLogsLink>除錯紀錄檔</debugLogsLink>以協助我們尋找問題。",
+        "send_feedback_action": "傳送回饋",
+        "sent": "已傳送回饋"
+    },
+    "file_panel": {
+        "empty_description": "從聊天中附加檔案，或將其拖放到聊天室的任何地方。",
+        "empty_heading": "此聊天室中沒有可見的檔案",
+        "guest_note": "您必須<a>註冊</a>以使用此功能",
+        "peek_note": "您必須加入聊天室來檢視它的檔案"
+    },
+    "forward": {
+        "filter_placeholder": "搜尋聊天室或夥伴",
+        "message_preview_heading": "訊息預覽",
+        "no_perms_title": "您沒有權限執行此動作",
+        "open_room": "開啟聊天室",
+        "send_label": "傳送",
+        "sending": "傳送中",
+        "sent": "已傳送"
+    },
+    "identity_server": {
+        "change": "變更身分伺服器",
+        "change_prompt": "取消連線到身分伺服器 <current /> 並連線到 <new />？",
+        "change_server_prompt": "如果您不想要使用 <server /> 來探索與被您現有的聯絡人探索，在下方輸入其他身分伺服器。",
+        "checking": "正在檢查伺服器",
+        "description_connected": "您目前使用 <server></server> 來尋找聯絡人，以及被您的聯絡人找到。可以在下方變更身分伺服器。",
+        "description_disconnected": "您目前未使用身分伺服器。若想要尋找聯絡人，或被您認識的聯絡人找到，請在下方加入伺服器。",
+        "description_optional": "使用身分伺服器是選擇性的。如果您選擇不要使用身分伺服器，您將無法被其他使用者探索，您也不能透過電子郵件或電話邀請其他人。",
+        "disconnect": "中斷身分伺服器的連線",
+        "disconnect_anyway": "仍要中斷連線",
+        "disconnect_offline_warning": "您應該從身分伺服器<idserver /><b>移除個人資料</b>後再中斷連線。但可惜的是，身分伺服器<idserver /> 目前離線或無法連線。",
+        "disconnect_personal_data_warning_1": "你仍<b>分享個人資料</b>於身分伺服器<idserver />.",
+        "disconnect_personal_data_warning_2": "我們建議您在取消連線前，從身分伺服器移除您的電子郵件地址與電話號碼。",
+        "disconnect_server": "要中斷與身分伺服器 <idserver /> 的連線嗎？",
+        "disconnect_warning": "與您的身分伺服器中斷連線後，其他使用者就無法再探索到您，您也不能透過電子郵件地址或電話號碼邀請其他人。",
+        "do_not_use": "不要使用身分伺服器",
+        "error_connection": "無法連線到身分伺服器",
+        "error_invalid": "不是有效的身分伺服器（狀態碼 %(code)s）",
+        "error_invalid_or_terms": "不接受服務條款或身分伺服器無效。",
+        "no_terms": "您所選擇的身分伺服器沒有任何服務條款。",
+        "suggestions": "您應該：",
+        "suggestions_1": "檢查您的瀏覽器，看有沒有任何可能阻擋身分伺服器的外掛程式（如 Privacy Badger）",
+        "suggestions_2": "聯絡身分伺服器 <idserver /> 的管理員",
+        "suggestions_3": "稍候並再試一次",
+        "url": "身分伺服器 (%(server)s)",
+        "url_field_label": "輸入新的身分伺服器",
+        "url_not_https": "身分伺服器網址必須為 HTTPS 網址"
+    },
+    "in_space": "在空間 %(spaceName)s。",
+    "in_space1_and_space2": "在聊天空間 %(space1Name)s 與 %(space2Name)s。",
+    "in_space_and_n_other_spaces": {
+        "one": "在 %(spaceName)s 與 %(count)s 個其他空間。",
+        "other": "在 %(spaceName)s 與 %(count)s 個其他空間。"
+    },
+    "incompatible_browser": {
+        "title": "不支援的瀏覽器"
+    },
+    "info_tooltip_title": "資訊",
+    "integration_manager": {
+        "connecting": "正在連線至整合管理員…",
+        "error_connecting": "整合管理員已離線或無法存取您的家伺服器。",
+        "error_connecting_heading": "無法連線到整合管理員",
+        "explainer": "整合管理員會為您接收設定資料，修改小工具、傳送聊天室邀請並設定權限等級。",
+        "manage_title": "管理整合功能",
+        "use_im": "使用整合管理員以管理聊天機器人、小工具與貼圖包。",
+        "use_im_default": "使用整合管理員 <b>(%(serverName)s) </b> 以管理聊天機器人、小工具與貼圖包。"
+    },
+    "integrations": {
+        "disabled_dialog_description": "在設定中啟用「%(manageIntegrations)s」來執行此動作。",
+        "disabled_dialog_title": "整合已停用",
+        "impossible_dialog_description": "您的 %(brand)s 不允許您使用整合管理員來執行此動作。請聯絡管理員。",
+        "impossible_dialog_title": "不允許整合"
+    },
+    "invite": {
+        "email_caption": "透過電子郵件邀請",
+        "email_limit_one": "透過電子郵件傳送的邀請一次只能傳送一個",
+        "email_use_default_is": "使用身分伺服器以透過電子郵件邀請。<default>使用預設值 (%(defaultIdentityServerName)s)</default>或在<settings>設定</settings>中管理。",
+        "email_use_is": "使用身分伺服器以透過電子郵件邀請。在<settings>設定</settings>中管理。",
+        "error_already_invited_room": "使用者已被邀請到聊天室",
+        "error_already_invited_space": "使用者已被邀請到聊天空間",
+        "error_already_joined_room": "使用者已在聊天室中",
+        "error_already_joined_space": "使用者已在聊天空間中",
+        "error_bad_state": "使用者必須在被邀請前先解除封鎖。",
+        "error_dm": "我們無法建立您的私人訊息。",
+        "error_find_room": "在嘗試邀請使用者時發生錯誤。",
+        "error_find_user_description": "以下使用者可能不存在或無效，且無法被邀請：%(csvNames)s",
+        "error_find_user_title": "找不到以下使用者",
+        "error_invite": "無法邀請使用者。請重新確認您想要邀請的使用者後再試一次。",
+        "error_permissions_room": "您沒有權限邀請夥伴到此聊天室。",
+        "error_permissions_space": "您沒有權限邀請他人加入此聊天空間。",
+        "error_profile_undisclosed": "使用者可能存在也可能不存在",
+        "error_transfer_multiple_target": "一個通話只能轉接給ㄧ個使用者。",
+        "error_unknown": "未知的伺服器錯誤",
+        "error_user_not_found": "使用者不存在",
+        "error_version_unsupported_room": "使用者的家伺服器不支援此聊天室版本。",
+        "error_version_unsupported_space": "使用者的家伺服器不支援這個聊天空間的版本。",
+        "failed_generic": "無法操作",
+        "failed_title": "無法邀請",
+        "invalid_address": "無法識別的位址",
+        "name_email_mxid_share_room": "使用某人的名字、電子郵件地址、使用者名稱（如 <userId/>）或<a>分享此聊天空間</a>來邀請人。",
+        "name_email_mxid_share_space": "使用某人的名字、電子郵件地址、使用者名稱（如 <userId/>）或<a>分享此聊天空間</a>來邀請人。",
+        "name_mxid_share_room": "使用某人的名字、使用者名稱（如 <userId/>）或<a>分享此聊天室</a>來邀請人。",
+        "name_mxid_share_space": "使用某人的名字、使用者名稱（如 <userId/>）或<a>分享此聊天室</a>來邀請人。",
+        "recents_section": "最近的對話",
+        "room_failed_partial": "我們已將邀請傳送給其他人，但以下的人無法邀請加入 <RoomName/>",
+        "room_failed_partial_title": "部份邀請無法傳送",
+        "room_failed_title": "邀請使用者加入 %(roomName)s 失敗",
+        "send_link_prompt": "或傳送邀請連結",
+        "start_conversation_name_email_mxid_prompt": "使用某人的名字、電子郵件地址或使用者名稱（如 <userId/>）來與他們開始對話。",
+        "start_conversation_name_mxid_prompt": "使用某人的名字或使用者名稱（如 <userId/>）以與他們開始對話。",
+        "suggestions_disclaimer": "出於隱私考量，可能會隱藏一些建議。",
+        "suggestions_disclaimer_prompt": "如果您看不到您要找的人，請將您的邀請連結傳送給他們。",
+        "suggestions_section": "最近傳送過私人訊息",
+        "to_room": "邀請加入 %(roomName)s",
+        "to_space": "邀請加入 %(spaceName)s",
+        "transfer_dial_pad_tab": "撥號鍵盤",
+        "transfer_user_directory_tab": "使用者目錄",
+        "unable_find_profiles_description_default": "找不到下列 Matrix ID 的簡介，您無論如何都想邀請他們嗎？",
+        "unable_find_profiles_invite_label_default": "無論如何都要邀請",
+        "unable_find_profiles_invite_never_warn_label_default": "無論如何都要邀請，而且不要再警告我",
+        "unable_find_profiles_title": "以下的使用者可能不存在",
+        "unban_first_title": "在解除封鎖前，無法邀請使用者"
+    },
+    "inviting_user1_and_user2": "正在邀請 %(user1)s 與 %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "正在邀請 %(user)s 與 1 個其他人",
+        "other": "正在邀請 %(user)s 與 %(count)s 個其他人"
+    },
+    "items_and_n_others": {
+        "other": "<Items/> 與其他 %(count)s 個人",
+        "one": "<Items/> 與另一個人"
+    },
+    "keyboard": {
+        "activate_button": "啟動已選取按鈕",
+        "alt": "Alt",
+        "autocomplete_cancel": "取消自動完成",
+        "autocomplete_force": "強制完成",
+        "autocomplete_navigate_next": "下一個自動完成建議",
+        "autocomplete_navigate_prev": "上一個自動完成建議",
+        "backspace": "後端空間",
+        "cancel_reply": "取消回覆訊息",
+        "category_autocomplete": "自動完成",
+        "category_calls": "通話",
+        "category_navigation": "導航",
+        "category_room_list": "聊天室清單",
+        "close_dialog_menu": "關閉對話框或內容選單",
+        "composer_jump_end": "跳至編輯器的結尾",
+        "composer_jump_start": "跳至編輯器的開頭",
+        "composer_navigate_next_history": "跳至輸入紀錄中的下一則訊息",
+        "composer_navigate_prev_history": "跳至輸入紀錄中的上一則訊息",
+        "composer_new_line": "換行",
+        "composer_redo": "重做編輯",
+        "composer_toggle_bold": "切換粗體",
+        "composer_toggle_code_block": "切換程式碼區塊",
+        "composer_toggle_italics": "切換斜體",
+        "composer_toggle_link": "切換連結",
+        "composer_toggle_quote": "切換引用",
+        "composer_undo": "復原編輯",
+        "dismiss_read_marker_and_jump_bottom": "清除讀取標記並跳至底部",
+        "end": "",
+        "enter": "你好",
+        "escape": "Esc",
+        "go_home_view": "前往主畫面",
+        "home": "首頁",
+        "jump_first_message": "跳至第一則訊息",
+        "jump_last_message": "跳至最後一則訊息",
+        "jump_room_search": "跳至聊天室搜尋",
+        "jump_to_read_marker": "跳至最舊的未讀訊息",
+        "keyboard_shortcuts_tab": "開啟此設定分頁",
+        "navigate_next_history": "下一個最近造訪過的聊天室或聊天空間",
+        "navigate_next_message_edit": "跳至下一則要編輯的訊息",
+        "navigate_prev_history": "上一個最近造訪過的聊天室或群組空間",
+        "navigate_prev_message_edit": "跳至上一則要編輯的訊息",
+        "next_room": "下一個聊天室或私人訊息",
+        "next_unread_room": "下一個未讀的聊天室或私人訊息",
+        "open_user_settings": "開啟使用者設定",
+        "page_down": "下頁",
+        "page_up": "上頁",
+        "prev_room": "上一個聊天室或私人訊息",
+        "prev_unread_room": "上一個未讀的聊天室或私人訊息",
+        "room_list_collapse_section": "折疊聊天室清單段落",
+        "room_list_expand_section": "展開聊天室清單段落",
+        "room_list_navigate_down": "在聊天室清單中向下瀏覽",
+        "room_list_navigate_up": "在聊天室清單中向上瀏覽",
+        "room_list_select_room": "從聊天室清單中選取聊天室",
+        "scroll_down_timeline": "在時間軸中向下捲動",
+        "scroll_up_timeline": "在時間軸中向上捲動",
+        "search": "搜尋（必須啟用）",
+        "send_sticker": "傳送貼圖",
+        "space": "群組空間",
+        "switch_to_space": "根據數字切換到空格",
+        "toggle_hidden_events": "切換隱藏事件的能見度",
+        "toggle_microphone_mute": "切換麥克風靜音",
+        "toggle_right_panel": "切換右側面板",
+        "toggle_space_panel": "切換聊天空間面板",
+        "toggle_top_left_menu": "切換左上方選單",
+        "toggle_webcam_mute": "開啟／關閉網路攝影機",
+        "upload_file": "上傳檔案"
+    },
+    "labs": {
+        "ask_to_join": "啟用要求加入",
+        "beta_description": "%(brand)s 的下一步是什麼？實驗室是提早取得資訊、測試新功能，並在實際釋出前協助塑造它們的最佳方式。",
+        "beta_feature": "這是 Beta 測試功能",
+        "beta_feedback_leave_button": "請到設定頁面離開 Beta 測試版。",
+        "beta_feedback_title": "%(featureName)s Beta 測試回饋",
+        "beta_section": "即將推出的功能",
+        "bridge_state": "於聊天室設定中顯示橋接相關資訊",
+        "bridge_state_channel": "頻道：<channelLink/>",
+        "bridge_state_creator": "此橋接是由 <user /> 設定。",
+        "bridge_state_manager": "此橋接由 <user /> 管理。",
+        "bridge_state_workspace": "工作區：<networkLink/>",
+        "click_for_info": "點擊以取得更多資訊",
+        "currently_experimental": "目前為實驗性。",
+        "custom_themes": "支援新增自訂佈景主題",
+        "dynamic_room_predecessors": "動態聊天室前身",
+        "dynamic_room_predecessors_description": "請啟用 MSC3946（為了支援遲到聊天室存檔）",
+        "element_call_video_rooms": "Element Call 視訊聊天室",
+        "experimental_description": "想要做點實驗？歡迎測試我們開發中的最新創意功能。這些功能尚未完成設計；可能不穩定、可能會變動，也可能會被完全捨棄。<a>取得更多資訊</a>。",
+        "experimental_section": "提早預覽",
+        "feature_wysiwyg_composer_description": "在訊息編輯器中使用格式化文字而非 Markdown。",
+        "group_developer": "開發者",
+        "group_encryption": "加密",
+        "group_experimental": "實驗性",
+        "group_messaging": "訊息傳遞",
+        "group_moderation": "審核",
+        "group_profile": "基本資料",
+        "group_rooms": "聊天室",
+        "group_spaces": "聊天空間",
+        "group_themes": "主題",
+        "group_threads": "討論串",
+        "group_voip": "語音與視訊",
+        "group_widgets": "小工具",
+        "hidebold": "隱藏通知點（僅顯示計數器徽章）",
+        "join_beta": "加入 Beta 測試",
+        "join_beta_reload": "加入 Beta 測試版將會重新載入 %(brand)s。",
+        "jump_to_date": "跳至日期（使用 /jumptodate 指令即可跳到當天最早的訊息）",
+        "jump_to_date_msc_support": "您的伺服器必須支援 MSC3030",
+        "latex_maths": "在訊息中渲染 LaTeX 數學",
+        "leave_beta": "離開 Beta 測試",
+        "leave_beta_reload": "離開 Beta 測試版將會重新載入 %(brand)s。",
+        "location_share_live": "即時位置分享",
+        "location_share_live_description": "暫時的實作版本。位置資訊將保留在聊天室的聊天紀錄中。",
+        "mjolnir": "忽略人們的新方式",
+        "msc3531_hide_messages_pending_moderation": "讓版主能夠隱藏待審核的訊息。",
+        "notification_settings": "新通知設定",
+        "notification_settings_beta_caption": "全新推出更簡便的通知設定調整方式。隨心所欲地自訂您的%(brand)s ，打造專屬體驗。",
+        "notification_settings_beta_title": "通知設定",
+        "sliding_sync": "滑動同步模式",
+        "sliding_sync_description": "正在積極開發中，無法停用。",
+        "sliding_sync_disabled_notice": "登出並重新登入以停用",
+        "sliding_sync_server_no_support": "您的伺服器缺乏原生支援",
+        "video_rooms": "視訊聊天室",
+        "video_rooms_a_new_way_to_chat": "在 %(brand)s 中透過語音及視訊聊天的新方式。",
+        "video_rooms_always_on_voip_channels": "視訊聊天室是內建在 %(brand)s 聊天室當中，隨時開啟的 VoIP 頻道。",
+        "video_rooms_beta": "視訊聊天室是 Beta 測試功能",
+        "video_rooms_faq1_answer": "使用左側聊天室部份的「+」按鈕。",
+        "video_rooms_faq1_question": "我要如何建立視訊聊天室？",
+        "video_rooms_faq2_answer": "可以，會在視訊畫面旁顯示聊天時間軸。",
+        "video_rooms_faq2_question": "我可以在視訊通話的同時使用文字聊天嗎？",
+        "wysiwyg_composer": "格式化文字編輯器"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ 這些設定適用於進階使用者。",
+        "ban_reason": "已忽略／已封鎖",
+        "error_adding_ignore": "新增要忽略的使用者／伺服器錯誤",
+        "error_adding_list_description": "請確認聊天室 ID 或位址後，再試一次。",
+        "error_adding_list_title": "訂閱清單時發生錯誤",
+        "error_removing_ignore": "刪除要忽略的使用者／伺服器時發生錯誤",
+        "error_removing_list_description": "請重試或檢視您的主控臺以取得更多資訊。",
+        "error_removing_list_title": "從清單取消訂閱時發生錯誤",
+        "explainer_1": "在此新增您想要忽略的使用者與伺服器。使用星號以讓 %(brand)s 核對所有字元。舉例來說，<code>@bot:*</code> 將會忽略在任何伺服器上，所有含有「bot」名稱的使用者。",
+        "explainer_2": "忽略使用者的機制是透過維護含有封鎖規則的封鎖清單來達成的。也可以直接訂閱封鎖清單，讓您不用再看到被清單封鎖的使用者或伺服器。",
+        "lists": "您目前已訂閱：",
+        "lists_description_1": "訂閱封鎖清單會讓您加入它！",
+        "lists_description_2": "如果您不想這樣，請使用其他工具來忽略使用者。",
+        "lists_heading": "訂閱清單",
+        "lists_new_label": "聊天室 ID 或位址的封鎖清單",
+        "no_lists": "您尚未訂閱任何清單",
+        "personal_description": "您的個人黑名單包含您個人不想看到的所有使用者/伺服器的訊息。在忽略您的第一個使用者/伺服器後，一個名為「%(myBanList)s」的新聊天室將出現在您的聊天室清單中 - 留在此聊天室以維持封鎖清單有效。",
+        "personal_empty": "您尚未忽略任何人。",
+        "personal_heading": "個人封鎖清單",
+        "personal_new_label": "要忽略的伺服器或使用者 ID",
+        "personal_new_placeholder": "例如：@bot:* 或 example.org",
+        "personal_section": "您目前忽略了：",
+        "room_name": "我的封鎖清單",
+        "room_topic": "這是您已封鎖的的使用者／伺服器清單，不要離開聊天室！",
+        "rules_empty": "無",
+        "rules_server": "伺服器規則",
+        "rules_title": "封鎖清單規則 - %(roomName)s",
+        "rules_user": "使用者規則",
+        "something_went_wrong": "有東西出問題了。請重試或檢視您的主控臺以取得更多資訊。",
+        "title": "忽略使用者",
+        "view_rules": "檢視規則"
+    },
+    "language_dropdown_label": "語言下拉式選單",
+    "leave_room_dialog": {
+        "last_person_warning": "您是這裡唯一的人。如果您離開，包含您在內的任何人都無法加入。",
+        "leave_room_question": "您確定要離開聊天室「%(roomName)s」嗎？",
+        "leave_space_question": "您確定您要離開聊天空間「%(spaceName)s」？",
+        "room_rejoin_warning": "這個聊天室不是公開聊天。沒有再次收到邀請的情況下將無法重新加入。",
+        "space_rejoin_warning": "此聊天空間並非公開。在無邀請的情況下，您將無法重新加入。"
+    },
+    "lightbox": {
+        "rotate_left": "向左旋轉",
+        "rotate_right": "向右旋轉",
+        "title": "影像檢視"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "此家伺服器未設定來顯示地圖。",
+        "MapStyleUrlNotReachable": "此家伺服器未正確設定，無法顯示地圖，或是設定的地圖伺服器無法使用。",
+        "WebGLNotEnabled": "需要開啟 WebGL 功能才可以顯示地圖，請到瀏覽器設定中開啟。",
+        "click_drop_pin": "點擊以放置圖釘",
+        "click_move_pin": "點擊以移動圖釘",
+        "close_sidebar": "關閉側邊欄",
+        "error_fetch_location": "無法取得位置",
+        "error_no_perms_description": "您必須有正確的權限才能在此聊天室中分享位置。",
+        "error_no_perms_title": "您沒有權限分享位置",
+        "error_send_description": "%(brand)s 無法傳送您的位置。請稍後再試。",
+        "error_send_title": "我們無法傳送您的位置",
+        "error_sharing_live_location": "分享您的即時位置時發生錯誤",
+        "error_stopping_live_location": "停止您的即時位置時發生錯誤",
+        "expand_map": "展開地圖",
+        "failed_generic": "無法取得您的位置。請稍後再試。",
+        "failed_load_map": "無法載入地圖",
+        "failed_permission": "%(brand)s 沒有權限取得您的位置。請在您的瀏覽器設定中允許位置存取權限。",
+        "failed_timeout": "嘗試取得您的位置時逾時。請稍後再試。",
+        "failed_unknown": "取得位置時發生未知錯誤。請稍後再試。",
+        "find_my_location": "尋找我的位置",
+        "live_description": "%(displayName)s 的即時位置",
+        "live_enable_description": "請注意：這是暫時開發的實驗性功能。您無法刪除位置紀錄，而且即使您停止與此聊天室分享即時位置，進階使用者仍能看見您的定位紀錄。",
+        "live_enable_heading": "即時位置分享",
+        "live_location_active": "您正在分享您的即時位置",
+        "live_location_enabled": "即時位置已啟用",
+        "live_location_ended": "即時位置已結束",
+        "live_location_error": "即時位置錯誤",
+        "live_locations_empty": "無即時位置",
+        "live_share_button": "分享 %(duration)s",
+        "live_toggle_label": "啟用即時位置分享",
+        "live_until": "即時分享直到 %(expiryTime)s",
+        "live_update_time": "已更新 %(humanizedUpdateTime)s",
+        "loading_live_location": "正在載入即時位置…",
+        "location_not_available": "位置不可用",
+        "map_feedback": "地圖回饋",
+        "mapbox_logo": "Mapbox 圖示",
+        "reset_bearing": "將方位重設為北",
+        "share_button": "分享位置",
+        "share_type_live": "我的即時位置",
+        "share_type_own": "我目前的位置",
+        "share_type_pin": "自訂位置",
+        "share_type_prompt": "您要分享哪種位置類型？",
+        "toggle_attribution": "切換屬性"
+    },
+    "member_list": {
+        "filter_placeholder": "過濾聊天室成員",
+        "invite_button_no_perms_tooltip": "您沒有權限邀請使用者"
+    },
+    "member_list_back_action_label": "聊天室成員",
+    "message_edit_dialog_title": "訊息編輯紀錄",
+    "mobile_guide": {
+        "toast_accept": "使用應用程式",
+        "toast_description": "%(brand)s 的行動裝置的網頁版仍為實驗性質版本。為了有更好的使用體驗與最新功能，請使用我們的免費原生應用程式。",
+        "toast_title": "使用應用程式以取得更好的體驗"
+    },
+    "no_more_results": "沒有更多結果",
+    "notif_panel": {
+        "empty_description": "您沒有可見的通知。",
+        "empty_heading": "您已完成"
+    },
+    "notifications": {
+        "all_messages": "所有訊息",
+        "all_messages_description": "收到所有訊息的通知",
+        "class_global": "全域",
+        "class_other": "其他",
+        "default": "預設",
+        "email_pusher_app_display_name": "電子郵件通知",
+        "enable_prompt_toast_description": "啟用桌面通知",
+        "enable_prompt_toast_title": "通知",
+        "enable_prompt_toast_title_from_message_send": "不要錯過回覆",
+        "error_change_title": "變更通知設定",
+        "keyword": "關鍵字",
+        "keyword_new": "新關鍵字",
+        "level_activity": "訊息順序",
+        "level_none": "無",
+        "level_unsent": "未傳送",
+        "mark_all_read": "全部標示為已讀",
+        "mentions_and_keywords": "@提及與關鍵字",
+        "mentions_and_keywords_description": "僅在提及您與您在<a>設定</a>中列出的關鍵字時收到通知",
+        "mentions_keywords": "提及與關鍵字",
+        "message_didnt_send": "訊息未傳送。點擊以取得更多資訊。",
+        "mute_description": "不會收到任何通知"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s 正在要求驗證"
+    },
+    "onboarding": {
+        "create_room": "建立群組聊天",
+        "explore_rooms": "探索公開聊天室",
+        "has_avatar_label": "太好了，這會讓人們知道是您",
+        "intro_byline": "擁有您的對話。",
+        "intro_welcome": "歡迎使用 %(appName)s",
+        "no_avatar_label": "新增照片以讓其他人知道是您。",
+        "send_dm": "傳送私人訊息",
+        "welcome_detail": "現在，讓我們協助您開始",
+        "welcome_user": "歡迎 %(name)s"
+    },
+    "pill": {
+        "permalink_other_room": "%(room)s 中的訊息",
+        "permalink_this_room": "來自 %(user)s 的訊息"
+    },
+    "poll": {
+        "create_poll_action": "建立投票",
+        "create_poll_title": "建立投票",
+        "disclosed_notes": "投票者在投票後可以立刻看到投票結果",
+        "edit_poll_title": "編輯投票",
+        "end_description": "您確定您想要結束此投票？這將會顯示最終投票結果並阻止人們投票。",
+        "end_message": "投票已結束。最佳答案：%(topAnswer)s",
+        "end_message_no_votes": "投票已結束。沒有投票。",
+        "end_title": "結束投票",
+        "error_ending_description": "抱歉，投票沒有結束。請再試一次。",
+        "error_ending_title": "無法結束投票",
+        "error_voting_description": "抱歉，您的投票未計入。請再試一次。",
+        "error_voting_title": "投票未計入",
+        "failed_send_poll_description": "抱歉，您嘗試建立的投票並未發佈。",
+        "failed_send_poll_title": "張貼投票失敗",
+        "notes": "結果僅在您結束投票後顯示",
+        "options_add_button": "新增選項",
+        "options_heading": "建立選項",
+        "options_label": "選項 %(number)s",
+        "options_placeholder": "編寫選項",
+        "topic_heading": "您的投票問題或主題是什麼？",
+        "topic_label": "問題或主題",
+        "topic_placeholder": "寫點東西…",
+        "total_decryption_errors": "因為解密錯誤，不會計算部份投票",
+        "total_n_votes": {
+            "one": "已投 %(count)s 票。投票後即可檢視結果",
+            "other": "已投 %(count)s 票。投票後即可檢視結果"
+        },
+        "total_n_votes_voted": {
+            "one": "總票數 %(count)s 票",
+            "other": "總票數 %(count)s 票"
+        },
+        "total_no_votes": "尚無投票",
+        "total_not_ended": "結果將在投票結束時可見",
+        "type_closed": "秘密投票",
+        "type_heading": "投票類型",
+        "type_open": "開放式投票",
+        "unable_edit_description": "抱歉，您無法在有人投票後編輯投票。",
+        "unable_edit_title": "無法編輯投票"
+    },
+    "power_level": {
+        "admin": "管理員",
+        "custom": "自訂 (%(level)s)",
+        "custom_level": "自訂等級",
+        "default": "預設",
+        "label": "權限等級",
+        "moderator": "版主",
+        "restricted": "已限制"
+    },
+    "powered_by_matrix": "由Matrix支持",
+    "presence": {
+        "away": "離開",
+        "busy": "忙碌",
+        "idle": "閒置",
+        "idle_for": "已閒置 %(duration)s",
+        "offline": "離線",
+        "offline_for": "已離線 %(duration)s",
+        "online": "線上",
+        "online_for": "已上線 %(duration)s",
+        "unknown": "未知",
+        "unknown_for": "未知 %(duration)s"
+    },
+    "quick_settings": {
+        "all_settings": "所有設定",
+        "sidebar_settings": "更多選項",
+        "title": "快速設定"
+    },
+    "quit_warning": {
+        "call_in_progress": "您似乎尚在通話中，您確定您想要結束通話嗎？",
+        "file_upload_in_progress": "您似乎正在上傳檔案，您確定您想要結束嗎？"
+    },
+    "redact": {
+        "confirm_button": "確認刪除",
+        "confirm_description": "您真的想要移除（刪除）此活動嗎？",
+        "confirm_description_state": "請注意，像這樣移除聊天是變更可能會還原變更。",
+        "error": "您無法刪除此訊息。(%(code)s)",
+        "ongoing": "正在刪除…",
+        "reason_label": "理由（選擇性）"
+    },
+    "report_content": {
+        "description": "回報此訊息將會傳送其獨特的「活動 ID」給您家伺服器的管理員。如果此聊天室中的訊息已加密，您的家伺服器管理員將無法閱讀訊息文字或檢視任何檔案或圖片。",
+        "hide_messages_from_user": "若想隱藏來自該使用者所有目前與未來的訊息，請打勾。",
+        "ignore_user": "忽略使用者",
+        "missing_reason": "請填寫為什麼您要回報。",
+        "report_content_to_homeserver": "回報內容給您的家伺服器管理員"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "無法解密 %(failedCount)s 個工作階段！",
+        "count_of_successfully_restored_keys": "成功復原 %(sessionCount)s 金鑰",
+        "enter_key_description": "透過輸入您的安全金鑰來存取您的安全訊息歷史並設定安全訊息。",
+        "enter_key_title": "輸入安全金鑰",
+        "enter_phrase_description": "請輸入您的安全密語來存取安全訊息紀錄，並設定安全訊息功能。",
+        "enter_phrase_title": "輸入安全密語",
+        "incorrect_security_phrase_dialog": "無法使用此安全密語解密備份：請確認您是否輸入了正確的安全密語。",
+        "incorrect_security_phrase_title": "不正確的安全密語",
+        "key_backup_warning": "<b>警告</b>：您應該只從信任的電腦設定金鑰備份。",
+        "key_fetch_in_progress": "正在取得來自伺服器的金鑰…",
+        "key_forgotten_text": "如果您忘了安全金鑰，您可以<button>設定新的復原選項</button>",
+        "key_is_invalid": "不是有效的安全金鑰",
+        "key_is_valid": "這看起來是有效的安全金鑰！",
+        "keys_restored_title": "金鑰已復原",
+        "load_error_content": "無法載入備份狀態",
+        "load_keys_progress": "%(total)s 中的 %(completed)s 金鑰已復原",
+        "no_backup_error": "找不到備份！",
+        "phrase_forgotten_text": "如果您忘了安全密語，您可以<button1>使用您的安全金鑰</button1>或<button2>設定新的復原選項</button2>",
+        "recovery_key_mismatch_description": "無法使用此安全金鑰解密備份：請確認您是否輸入了正確的安全金鑰。",
+        "recovery_key_mismatch_title": "安全金鑰不相符",
+        "restore_failed_error": "無法復原備份"
+    },
+    "right_panel": {
+        "add_integrations": "新增小工具、橋接與聊天機器人",
+        "files_button": "檔案",
+        "pinned_messages": {
+            "limits": {
+                "other": "您最多只能釘選 %(count)s 個小工具"
+            }
+        },
+        "pinned_messages_button": "已釘選",
+        "poll": {
+            "active_heading": "進行中的投票",
+            "empty_active": "此聊天室沒有正在進行的投票",
+            "empty_active_load_more": "沒有進行中的投票。載入更多投票以檢視前幾個月的投票",
+            "empty_active_load_more_n_days": {
+                "one": "過去一天沒有進行中的投票。載入更多投票以檢視前幾個月的投票",
+                "other": "過去 %(count)s 天沒有進行中的投票。載入更多投票以檢視前幾個月的投票"
+            },
+            "empty_past": "此聊天室沒有過去的投票",
+            "empty_past_load_more": "沒有過去的投票。載入更多投票以檢視前幾個月的投票",
+            "empty_past_load_more_n_days": {
+                "one": "過去一天沒有過去的投票。載入更多投票以檢視前幾個月的投票",
+                "other": "過去 %(count)s 天沒有過去的投票。載入更多投票以檢視前幾個月的投票"
+            },
+            "final_result": {
+                "one": "共計 %(count)s 票所獲得的投票結果",
+                "other": "共計 %(count)s 票所獲得的投票結果"
+            },
+            "load_more": "載入更多投票",
+            "loading": "正在載入投票",
+            "past_heading": "過去的投票",
+            "view_in_timeline": "在時間軸中檢視投票",
+            "view_poll": "檢視投票"
+        },
+        "polls_button": "投票紀錄",
+        "room_summary_card": {
+            "title": "聊天室資訊"
+        },
+        "thread_list": {
+            "context_menu_label": "討論串選項"
+        },
+        "video_room_chat": {
+            "title": "聊天"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "此邀請已傳送到與您的帳號無關聯的 %(email)s",
+        "3pid_invite_email_not_found_account_room": "這個 %(roomName)s 的邀請已傳送給與您帳號無關聯的 %(email)s",
+        "3pid_invite_error_description": "嘗試驗證您的邀請時發生錯誤 (%(errcode)s)。您可以嘗試傳遞此資訊給邀請您的人。",
+        "3pid_invite_error_invite_action": "無論如何都要嘗試加入",
+        "3pid_invite_error_invite_subtitle": "您只能透過有效的邀請加入。",
+        "3pid_invite_error_public_subtitle": "您仍可加入此處。",
+        "3pid_invite_error_title": "您的邀請出了點問題。",
+        "3pid_invite_error_title_room": "您的 %(roomName)s 邀請出了點問題",
+        "3pid_invite_no_is_subtitle": "在設定中使用身分伺服器以直接在 %(brand)s 中接收邀請。",
+        "banned_by": "您已被 %(memberName)s 封鎖",
+        "banned_from_room_by": "您已被 %(memberName)s 從 %(roomName)s 封鎖",
+        "context_menu": {
+            "copy_link": "複製聊天室連結",
+            "favourite": "加入我的最愛",
+            "forget": "忘記聊天室",
+            "low_priority": "低優先度",
+            "mark_read": "標示為已讀",
+            "notifications_default": "符合預設設定值",
+            "notifications_mute": "聊天室靜音",
+            "title": "聊天室選項",
+            "unfavourite": "已加入我的最愛"
+        },
+        "creating_room_text": "正在建立包含 %(names)s 的聊天室",
+        "dm_invite_action": "開始聊天",
+        "dm_invite_subtitle": "<userName/> 想要聊天",
+        "dm_invite_title": "您想要與 %(user)s 聊天嗎？",
+        "drop_file_prompt": "把文件放在這裡上傳",
+        "edit_topic": "編輯主題",
+        "error_cancel_knock_title": "取消失敗",
+        "error_join_403": "您需要邀請才能存取此聊天室。",
+        "error_join_404_1": "您嘗試使用聊天室 ID 加入，但未提供要加入的伺服器清單。聊天室 ID 是內部識別字串，不能用於在沒有附加資訊的情況下加入聊天室。",
+        "error_join_404_2": "若您知道聊天室地址，請嘗試透過該地址加入。",
+        "error_join_404_invite": "邀請您的人已離開，或是他們的伺服器已離線。",
+        "error_join_404_invite_same_hs": "邀請您的人已離開。",
+        "error_join_connection": "加入時發生錯誤。",
+        "error_join_incompatible_version_1": "抱歉，您的家伺服器太舊，無法在此參與。",
+        "error_join_incompatible_version_2": "請聯絡您的家伺服器的管理員。",
+        "error_join_title": "無法加入",
+        "error_jump_to_date": "伺服器回傳 %(statusCode)s，錯誤代碼為 %(errorCode)s",
+        "error_jump_to_date_connection": "嘗試尋找並前往指定日期時發生網路錯誤。您的家伺服器可能已關閉，或者您的網際網路連線只是暫時出現問題。請再試一次。如果這種情況繼續存在，請聯絡您的家伺服器管理員。",
+        "error_jump_to_date_details": "錯誤詳細資訊",
+        "error_jump_to_date_not_found": "我們無法從 %(dateString)s 中找到期待的事件。嘗試選擇一個較早的日期。",
+        "error_jump_to_date_send_logs_prompt": "請遞交<debugLogsLink>除錯紀錄檔</debugLogsLink>以協助我們追蹤問題。",
+        "error_jump_to_date_title": "找不到該日期的事件",
+        "face_pile_summary": {
+            "other": "%(count)s 個您認識的人已加入",
+            "one": "%(count)s 個您認識的人已加入"
+        },
+        "face_pile_tooltip_label": {
+            "one": "檢視 1 個成員",
+            "other": "檢視全部 %(count)s 個成員"
+        },
+        "face_pile_tooltip_shortcut": "包含 %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "包含您，%(commaSeparatedMembers)s",
+        "failed_reject_invite": "無法拒絕邀請",
+        "forget_room": "忘記此聊天室",
+        "forget_space": "忘記此聊天空間",
+        "header": {
+            "room_is_public": "此聊天室為公開聊天室"
+        },
+        "inaccessible": "目前無法存取此聊天室或聊天空間。",
+        "inaccessible_name": "%(roomName)s 此時無法存取。",
+        "inaccessible_subtitle_1": "稍後再試，或是要求聊天室或聊天空間的管理員來檢查您是否有權存取。",
+        "inaccessible_subtitle_2": "嘗試存取聊天室或聊天空間時發生錯誤 %(errcode)s。若您認為到這個訊息是個錯誤，請<issueLink>遞交錯誤回報</issueLink>。",
+        "intro": {
+            "dm_caption": "除非你們兩位之中有人邀請其他人加入，否則此對話中只會有你們兩位。",
+            "enable_encryption_prompt": "在設定中啟用加密。",
+            "encrypted_3pid_dm_pending_join": "所有人都加入後，您就可以聊天了",
+            "no_avatar_label": "新增圖片，這樣人們就可以輕鬆發現您的聊天室。",
+            "no_topic": "<a>新增主題</a>以協助人們了解這裡在做什麼。",
+            "private_unencrypted_warning": "您的私密訊息會正常加密，但聊天室不會。一般來說這是因為使用了不支援的裝置或方法，例如電子郵件邀請。",
+            "room_invite": "邀請到此聊天室",
+            "send_message_start_dm": "傳送您的第一則訊息以邀請 <displayName/> 來聊天",
+            "start_of_dm_history": "這是您與 <displayName/> 私人訊息紀錄的開頭。",
+            "start_of_room": "這是 <roomName/> 的開頭。",
+            "unencrypted_warning": "端對端加密未啟用",
+            "user_created": "%(displayName)s 建立了此聊天室。",
+            "you_created": "您建立了此聊天室。"
+        },
+        "invite_email_mismatch_suggestion": "在設定中分享此電子郵件以直接在 %(brand)s 中接收邀請。",
+        "invite_sent_to_email": "此邀請已傳送至 %(email)s",
+        "invite_sent_to_email_room": "此 %(roomName)s 的邀請已傳送給 %(email)s",
+        "invite_subtitle": "<userName/> 已邀請您",
+        "invite_this_room": "邀請加入這個聊天室",
+        "invite_title": "您想要加入 %(roomName)s 嗎？",
+        "inviter_unknown": "未知",
+        "invites_you_text": "<inviter/> 邀請您",
+        "join_button_account": "註冊",
+        "join_failed_needs_invite": "要檢視 %(roomName)s，您需要邀請",
+        "join_the_discussion": "加入此討論",
+        "join_title": "加入聊天室以參與",
+        "join_title_account": "加入與某個帳號的對話",
+        "joining": "正在加入…",
+        "joining_room": "正在加入聊天室…",
+        "joining_space": "正在加入聊天空間…",
+        "jump_read_marker": "跳到第一則未讀訊息。",
+        "jump_to_bottom_button": "捲動到最新訊息",
+        "kick_reason": "理由：%(reason)s",
+        "kicked_by": "您已被 %(memberName)s 移除",
+        "kicked_from_room_by": "您已被 %(memberName)s 從 %(roomName)s 中移除",
+        "knock_cancel_action": "取消請求",
+        "knock_message_field_placeholder": "訊息（選擇性）",
+        "knock_prompt": "要求加入？",
+        "knock_prompt_name": "要求加入 %(roomName)s？",
+        "knock_send_action": "請求存取權",
+        "knock_sent": "已傳送加入請求",
+        "knock_sent_subtitle": "您的加入請求正在等待處理。",
+        "knock_subtitle": "您需要被授予存取此聊天室的權限才能檢視或參與對話。您可以在下面傳送加入請求。",
+        "leave_error_title": "離開聊天室時發生錯誤",
+        "leave_server_notices_description": "這個聊天室是用於發佈從家伺服器而來的重要訊息，所以您不能離開它。",
+        "leave_server_notices_title": "無法離開伺服器通知聊天室",
+        "leave_unexpected_error": "試圖離開聊天室時發生意外的伺服器錯誤",
+        "link_email_to_receive_3pid_invite": "在設定中連結此電子郵件與您的帳號以直接在 %(brand)s 中接收邀請。",
+        "loading_preview": "正在載入預覽",
+        "no_peek_join_prompt": "無法預覽 %(roomName)s。您想要加入嗎？",
+        "no_peek_no_name_join_prompt": "沒有預覽，您想要加入嗎？",
+        "not_found_subtitle": "您確定您在正確的地方嗎？",
+        "not_found_title": "此聊天室或聊天空間不存在。",
+        "not_found_title_name": "%(roomName)s 不存在。",
+        "peek_join_prompt": "您正在預覽 %(roomName)s。想要加入嗎？",
+        "read_topic": "點擊以閱讀主題",
+        "rejecting": "正在回絕邀請…",
+        "rejoin_button": "重新加入",
+        "search": {
+            "all_rooms_button": "搜尋所有聊天室",
+            "this_room_button": "搜尋此聊天室"
+        },
+        "unknown_status_code_for_timeline_jump": "未知狀態代碼",
+        "unread_notifications_predecessor": {
+            "other": "您在此聊天室的先前版本有 %(count)s 個未讀的通知。",
+            "one": "您在此聊天室的先前版本有 %(count)s 個未讀的通知。"
+        },
+        "upgrade_error_description": "仔細檢查您的伺服器是否支援選定的聊天室版本，然後再試一次。",
+        "upgrade_error_title": "升級聊天室時遇到錯誤",
+        "upgrade_warning_bar": "升級此聊天室將會關閉聊天室目前的執行個體，並建立一個同名的升級版。",
+        "upgrade_warning_bar_admins": "僅聊天室管理員會看到此警告",
+        "upgrade_warning_bar_unstable": "此聊天室正在執行聊天室版本 <roomVersion />，此家伺服器已標記為<i>不穩定</i>。",
+        "upgrade_warning_bar_upgraded": "此聊天室已升級。",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "正在上傳 %(filename)s 與另 %(count)s 個檔案",
+                "other": "正在上傳 %(filename)s 與另 %(count)s 個檔案"
+            },
+            "uploading_single_file": "正在上傳 %(filename)s"
+        },
+        "waiting_for_join_subtitle": "被邀請的使用者加入 %(brand)s 後，您就可以聊天，聊天室將會進行端到端加密",
+        "waiting_for_join_title": "等待使用者加入 %(brand)s"
+    },
+    "room_list": {
+        "add_space_label": "新增聊天空間",
+        "failed_add_tag": "無法新增標籤 %(tagName)s 到聊天室",
+        "failed_remove_tag": "無法從聊天室移除標籤 %(tagName)s",
+        "failed_set_dm_tag": "無法設定私人訊息標籤",
+        "notification_options": "通知選項",
+        "show_less": "顯示更少"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "決定誰可以檢視並加入 %(spaceName)s。",
+            "title": "存取"
+        },
+        "advanced": {
+            "error_upgrade_description": "聊天室升級可能不完整",
+            "error_upgrade_title": "無法升級聊天室",
+            "information_section_room": "聊天室資訊",
+            "information_section_space": "聊天空間資訊",
+            "room_id": "內部聊天室 ID",
+            "room_predecessor": "檢視 %(roomName)s 中較舊的訊息。",
+            "room_upgrade_button": "升級此聊天室到建議的聊天室版本",
+            "room_upgrade_warning": "<b>警告</b>：升級聊天室將<i>不會自動將聊天室成員遷移至新版的聊天室。</i>我們將會在舊版的聊天室張貼新聊天室的連結 - 聊天室成員將必須點擊此連結以加入新聊天室。",
+            "room_version": "聊天室版本：",
+            "room_version_section": "聊天室版本",
+            "space_predecessor": "檢視 %(spaceName)s 的較舊版本。",
+            "space_upgrade_button": "升級此聊天空間到建議的聊天室版本",
+            "unfederated": "此聊天室無法被遠端的 Matrix 伺服器存取",
+            "upgrade_button": "升級此聊天室到版本 %(version)s",
+            "upgrade_dialog_description": "升級這個聊天室需要關閉目前的執行個體並重新建立一個新的聊天室來替代。為了給予聊天室成員最佳的體驗，我們將會：",
+            "upgrade_dialog_description_1": "使用同樣的名稱、描述與大頭照建立新聊天室",
+            "upgrade_dialog_description_2": "更新任何本地聊天室別名來指向新的聊天室",
+            "upgrade_dialog_description_3": "讓使用者在舊版聊天室停止發言，並張貼訊息建議使用者移動到新的聊天室",
+            "upgrade_dialog_description_4": "在新聊天室的開始處放置連回舊聊天室的連結，這樣夥伴們就可以看到舊的訊息",
+            "upgrade_dialog_title": "更新聊天室版本",
+            "upgrade_dwarning_ialog_title_public": "升級公開聊天室",
+            "upgrade_warning_dialog_description": "升級聊天室為進階動作，通常建議在聊天室因為錯誤而不穩定、缺少功能或安全漏洞等才升級。",
+            "upgrade_warning_dialog_explainer": "<b>請注意，升級會讓聊天室變成全新的版本</b>。目前所有的訊息都只會留在被封存的聊天室。",
+            "upgrade_warning_dialog_footer": "您將要把此聊天室從 <oldVersion /> 升級到 <newVersion />。",
+            "upgrade_warning_dialog_invite_label": "自動將該聊天室的成員邀請至新的聊天室",
+            "upgrade_warning_dialog_report_bug_prompt": "這通常只影響伺服器如何處理聊天室。如果您的 %(brand)s 遇到問題，請回報錯誤。",
+            "upgrade_warning_dialog_report_bug_prompt_link": "這通常僅影響如何在伺服器上處理聊天室的方式。如果您遇到與 %(brand)s 相關的問題，請<a>回報錯誤</a>。",
+            "upgrade_warning_dialog_title": "升級聊天室",
+            "upgrade_warning_dialog_title_private": "升級私密聊天室"
+        },
+        "alias_not_specified": "未指定",
+        "bridges": {
+            "description": "此聊天室已橋接訊息到以下平臺。<a>取得更多詳細資訊。</a>",
+            "empty": "此聊天室不會將訊息橋接至任何平台。<a>取得更多資訊。</a>",
+            "title": "橋接"
+        },
+        "delete_avatar_label": "刪除大頭照",
+        "general": {
+            "alias_field_has_domain_invalid": "缺少網域名分隔符號，例如 (:domain.org)",
+            "alias_field_has_localpart_invalid": "缺少聊天室名稱或分隔符號，例如 (my-room:domain.org)",
+            "alias_field_matches_invalid": "此位址並未指向此聊天室",
+            "alias_field_placeholder_default": "例如：my-room",
+            "alias_field_required_invalid": "請提供位址",
+            "alias_field_safe_localpart_invalid": "不允許某些字元",
+            "alias_field_taken_invalid": "此位址的伺服器無效或已被使用",
+            "alias_field_taken_invalid_domain": "此位址已被使用",
+            "alias_field_taken_valid": "此位址可用",
+            "alias_heading": "聊天室位址",
+            "aliases_items_label": "其他已發佈位址：",
+            "aliases_no_items_label": "尚無其他已發佈的位址，在下方新增一個",
+            "aliases_section": "聊天室位址",
+            "avatar_field_label": "聊天室大頭照",
+            "canonical_alias_field_label": "主要位址",
+            "description_space": "編輯您的聊天空間的設定。",
+            "error_creating_alias_description": "建立該位址時發生錯誤。伺服器可能不允許這麼做，或是有暫時性的問題。",
+            "error_creating_alias_title": "建立位址錯誤",
+            "error_deleting_alias_description": "刪除位址時發生錯誤。它可能已不存在或是發生暫時性的錯誤。",
+            "error_deleting_alias_description_forbidden": "您沒有刪除位址的權限。",
+            "error_deleting_alias_title": "刪除位址時發生錯誤",
+            "error_save_space_settings": "無法儲存聊天空間設定。",
+            "error_updating_alias_description": "更新聊天室的替代位址時發生錯誤。伺服器可能不允許這麼做，或是遇到暫時性的錯誤。",
+            "error_updating_canonical_alias_description": "更新聊天室的主要位址時發生錯誤。可能是不被伺服器允許或是遇到暫時性的錯誤。",
+            "error_updating_canonical_alias_title": "更新主要位址時發生錯誤",
+            "leave_space": "離開聊天空間",
+            "local_alias_field_label": "本機位址",
+            "local_aliases_explainer_room": "為此聊天室設定位址，讓使用者可以透過您的家伺服器找到此聊天室 (%(localDomain)s)",
+            "local_aliases_explainer_space": "設定此聊天空間的位址，這樣使用者就能透過您的家伺服器找到此空間（%(localDomain)s）",
+            "local_aliases_section": "本機位址",
+            "name_field_label": "聊天室名稱",
+            "new_alias_placeholder": "已發佈的新位址（例如：#alias:server）",
+            "no_aliases_room": "此聊天室沒有本機位址",
+            "no_aliases_space": "此聊天空間沒有本機位址",
+            "other_section": "其他",
+            "publish_toggle": "將這個聊天室公開到 %(domain)s 的聊天室目錄中？",
+            "published_aliases_description": "要發佈位址，其必須先設定為本機位址。",
+            "published_aliases_explainer_room": "任何伺服器上的人都可以使用已發佈的位址加入您的聊天室。",
+            "published_aliases_explainer_space": "任何伺服器上的人都可以使用已發佈的位址加入您的聊天空間。",
+            "published_aliases_section": "已發佈的位址",
+            "save": "儲存變更",
+            "topic_field_label": "聊天室主題"
+        },
+        "notifications": {
+            "browse_button": "瀏覽",
+            "custom_sound_prompt": "設定新的自訂音效",
+            "notification_sound": "通知音效",
+            "settings_link": "依照您在<a>設定</a>中設定的方式接收通知",
+            "sounds_section": "音效",
+            "upload_sound_label": "上傳自訂音效",
+            "uploaded_sound": "已上傳的音效"
+        },
+        "permissions": {
+            "add_privileged_user_description": "給這個聊天室中的一個使用者或多個使用者更多的特殊權限",
+            "add_privileged_user_filter_placeholder": "搜尋此聊天室中的使用者…",
+            "add_privileged_user_heading": "新增特權使用者",
+            "ban": "封鎖使用者",
+            "ban_reason": "原因",
+            "banned_by": "被 %(displayName)s 封鎖",
+            "banned_users_section": "被封鎖的使用者",
+            "error_changing_pl_description": "變更使用者的權限等級時遇到錯誤。請確定您有足夠的權限並再試一次。",
+            "error_changing_pl_reqs_description": "變更聊天室權限等級時遇到錯誤。請確定您有足夠的權限並再試一次。",
+            "error_changing_pl_reqs_title": "變更權限等級要求錯誤",
+            "error_changing_pl_title": "變更權限等級錯誤",
+            "error_unbanning": "無法解除封鎖",
+            "events_default": "傳送訊息",
+            "invite": "邀請使用者",
+            "kick": "移除使用者",
+            "m.call": "開始 %(brand)s 通話",
+            "m.call.member": "加入 %(brand)s 通話",
+            "m.reaction": "傳送回應",
+            "m.room.avatar": "變更聊天室大頭照",
+            "m.room.avatar_space": "變更聊天空間大頭照",
+            "m.room.canonical_alias": "變更聊天室主要位址",
+            "m.room.canonical_alias_space": "變更聊天空間的主要位址",
+            "m.room.encryption": "啟用聊天室加密",
+            "m.room.history_visibility": "變更紀錄能見度",
+            "m.room.name": "變更聊天室名稱",
+            "m.room.name_space": "變更聊天空間名稱",
+            "m.room.pinned_events": "管理已釘選的活動",
+            "m.room.power_levels": "變更權限",
+            "m.room.redaction": "移除我傳送的訊息",
+            "m.room.server_acl": "變更伺服器 ACL",
+            "m.room.tombstone": "升級聊天室",
+            "m.room.topic": "變更主題",
+            "m.room.topic_space": "變更描述",
+            "m.space.child": "管理此聊天空間中的聊天室",
+            "m.widget": "修改小工具",
+            "muted_users_section": "已靜音的使用者",
+            "no_privileged_users": "此聊天室中沒有使用者有指定的權限",
+            "notifications.room": "通知每個人",
+            "permissions_section": "權限",
+            "permissions_section_description_room": "選取更改聊天室各部份的所需的角色",
+            "permissions_section_description_space": "選取變更聊天空間各個部份所需的角色",
+            "privileged_users_section": "特權使用者",
+            "redact": "移除其他人傳送的訊息",
+            "send_event_type": "傳送 %(eventType)s 活動",
+            "state_default": "變更設定",
+            "title": "角色與權限",
+            "users_default": "預設角色"
+        },
+        "security": {
+            "enable_encryption_confirm_description": "一旦啟用，聊天室的加密就不能停用了。在已加密的聊天室裡傳送的訊息無法被伺服器看見，僅能被聊天室的參與者看到。啟用加密可能會讓許多聊天機器人與橋接運作不正常。<a>取得更多關於加密的資訊。</a>",
+            "enable_encryption_confirm_title": "啟用加密？",
+            "enable_encryption_public_room_confirm_description_1": "<b>不建議為公開聊天室新增加密。</b>任何人都可以找到並加入公開聊天室，所以任何人都可以閱讀其中的訊息。您將無法享受加密帶來的任何好處，且您將無法在稍後將其關閉。在公開聊天室中加密訊息將會讓接收與傳送訊息變慢。",
+            "enable_encryption_public_room_confirm_description_2": "為了避免這些問題，請為您計畫中的對話建立<a>新的加密聊天室</a>。",
+            "enable_encryption_public_room_confirm_title": "您確定您要在此公開聊天室新增加密？",
+            "encrypted_room_public_confirm_description_1": "<b>不建議讓加密聊天室公開。</b>這代表了任何人都可以找到並加入聊天室，因此任何人都可以閱讀訊息。您無法獲得任何加密功能的好處。在公開聊天室中加密訊息會讓接收與傳送訊息變慢。",
+            "encrypted_room_public_confirm_description_2": "為了避免這些問題，請為您計畫中的對話建立<a>新的公開聊天室</a>。",
+            "encrypted_room_public_confirm_title": "您確定您想要讓此加密聊天室公開？",
+            "encryption_forced": "您的伺服器必須停用加密。",
+            "encryption_permanent": "一旦啟用就無法停用加密。",
+            "error_join_rule_change_title": "加入規則更新失敗",
+            "error_join_rule_change_unknown": "未知錯誤",
+            "guest_access_warning": "有受支援的客戶端的夥伴不需要註冊帳號就可以加入聊天室。",
+            "history_visibility_invited": "僅限成員（自他們被邀請開始）",
+            "history_visibility_legend": "誰可以閱讀紀錄？",
+            "history_visibility_shared": "僅限成員（自選取此選項開始）",
+            "history_visibility_warning": "對可閱讀訊息紀錄的使用者的變更，僅適用於此聊天室的新訊息。現有訊息的顯示狀態將保持不變。",
+            "history_visibility_world_readable": "任何人",
+            "join_rule_description": "決定誰可以加入 %(roomName)s。",
+            "join_rule_invite": "私密（邀請制）",
+            "join_rule_invite_description": "只有受邀的人才能找到並加入。",
+            "join_rule_knock": "要求加入",
+            "join_rule_knock_description": "除非授予存取權限，否則人們無法加入。",
+            "join_rule_public_description": "任何人都可以找到並加入。",
+            "join_rule_restricted": "聊天空間成員",
+            "join_rule_restricted_description": "任何在聊天空間中的人都可以找到並加入。<a>編輯哪些聊天空間可以存取這裡。</a>",
+            "join_rule_restricted_description_active_space": "在 <spaceName/> 中的任何人都可以找到並加入。您也可以選取其他聊天空間。",
+            "join_rule_restricted_description_prompt": "空間中的任何人都可以找到並加入。您可以選取多個空間。",
+            "join_rule_restricted_description_spaces": "可存取的聊天空間",
+            "join_rule_restricted_dialog_description": "決定哪些聊天空間可以存取此聊天室。若選取了聊天空間，其成員就可以找到並加入<RoomName/>。",
+            "join_rule_restricted_dialog_empty_warning": "您將取消所有聊天空間。存取權限將會預設為邀請制",
+            "join_rule_restricted_dialog_filter_placeholder": "搜尋聊天空間",
+            "join_rule_restricted_dialog_heading_known": "您知道的其他空間",
+            "join_rule_restricted_dialog_heading_other": "您可能不知道的其他聊天空間或聊天室",
+            "join_rule_restricted_dialog_heading_room": "您已知包含此聊天室的聊天空間",
+            "join_rule_restricted_dialog_heading_space": "您知道的包含此聊天空間的聊天空間",
+            "join_rule_restricted_dialog_heading_unknown": "這些可能是其他聊天室管理員的一部分。",
+            "join_rule_restricted_dialog_title": "選取聊天空間",
+            "join_rule_restricted_n_more": {
+                "other": "以及 %(count)s 個",
+                "one": "與其他 %(count)s 個"
+            },
+            "join_rule_restricted_summary": {
+                "other": "目前，%(count)s 個空間可存取",
+                "one": "目前，1 個空間可存取"
+            },
+            "join_rule_restricted_upgrade_description": "此升級讓特定聊天空間的成員不需要邀請就可以存取此聊天室。",
+            "join_rule_restricted_upgrade_warning": "這個聊天室位於您不是管理員的某些聊天空間中。在那些聊天空間中，舊的聊天室仍將會顯示，但系統會提示使用者加入新的聊天室。",
+            "join_rule_upgrade_awaiting_room": "正在載入新的聊天室",
+            "join_rule_upgrade_required": "必須升級",
+            "join_rule_upgrade_sending_invites": {
+                "one": "正在傳送邀請…",
+                "other": "正在傳送邀請…（%(count)s 中的第 %(progress)s 個）"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "正在更新空間…",
+                "other": "正在更新空間…（%(count)s 中的第 %(progress)s 個）"
+            },
+            "join_rule_upgrade_upgrading_room": "正在升級聊天室",
+            "public_without_alias_warning": "要連結到此聊天室，請新增位址。",
+            "strict_encryption": "不要從此工作階段傳送已加密的訊息給此聊天室中未驗證的工作階段",
+            "title": "安全與隱私"
+        },
+        "title": "聊天室設定 - %(roomName)s",
+        "upload_avatar_label": "上傳大頭照",
+        "visibility": {
+            "alias_section": "位址",
+            "error_failed_save": "無法更新此聊天空間的能見度",
+            "error_update_guest_access": "無法更新此聊天空間的訪客存取權限",
+            "error_update_history_visibility": "無法更新此聊天空間紀錄的能見度",
+            "guest_access_explainer": "訪客無需帳號即可加入聊天空間。",
+            "guest_access_label": "允許訪客存取",
+            "history_visibility_anyone_space": "預覽聊天空間",
+            "history_visibility_anyone_space_description": "允許人們在加入前預覽您的聊天空間。",
+            "history_visibility_anyone_space_recommendation": "給公開聊天空間的推薦。",
+            "title": "能見度"
+        },
+        "voip": {
+            "call_type_section": "通話類型",
+            "enable_element_call_caption": "%(brand)s 提供端對端加密，但目前使用者數量較少。",
+            "enable_element_call_label": "啟用 %(brand)s 作為此聊天室的額外通話選項",
+            "enable_element_call_no_permissions_tooltip": "您沒有足夠的權限來變更此設定。"
+        }
+    },
+    "room_summary_card_back_action_label": "聊天室資訊",
+    "scalar": {
+        "error_create": "無法建立小工具。",
+        "error_membership": "您不在這個聊天室內。",
+        "error_missing_room_id": "缺少聊天室 ID。",
+        "error_missing_room_id_request": "請求中缺少 room_id",
+        "error_missing_user_id_request": "請求中缺少 user_id",
+        "error_permission": "您沒有在這個聊天室做這件事的權限。",
+        "error_power_level_invalid": "權限等級必需為正整數。",
+        "error_room_not_visible": "聊天室 %(roomId)s 已隱藏",
+        "error_room_unknown": "無法識別此聊天室。",
+        "error_send_request": "無法傳送要求。",
+        "failed_read_event": "讀取事件失敗",
+        "failed_send_event": "傳送事件失敗"
+    },
+    "server_offline": {
+        "description": "您的伺服器未對您的某些請求回應。下列是可能的原因。",
+        "description_1": "伺服器 (%(serverName)s) 花了太長的時間來回應。",
+        "description_2": "您的防火牆或防毒軟體阻擋了請求。",
+        "description_3": "瀏覽器擴充套件阻擋了請求。",
+        "description_4": "伺服器離線。",
+        "description_5": "伺服器拒絕了您的請求。",
+        "description_6": "您所在區域可能遇到一些網際網路連線的問題。",
+        "description_7": "在試圖與伺服器溝通時遇到連線錯誤。",
+        "description_8": "伺服器沒有設定好來指示出問題是什麼 (CORS)。",
+        "empty_timeline": "您已完成。",
+        "recent_changes_heading": "尚未收到最新變更",
+        "title": "伺服器沒有回應"
+    },
+    "seshat": {
+        "error_initialising": "訊息搜尋初始化失敗，請檢查<a>您的設定</a>以取得更多資訊",
+        "reset_button": "重設活動儲存",
+        "reset_description": "您很可能不想重設您的活動索引儲存",
+        "reset_explainer": "如果這樣做，請注意，您的訊息不會被刪除，但在重新建立索引時，搜尋體驗可能會降低片刻",
+        "reset_title": "重設活動儲存？",
+        "warning_kind_files": "此版本的 %(brand)s 不支援檢視某些加密檔案",
+        "warning_kind_files_app": "使用<a>桌面應用程式</a>以檢視所有加密的檔案",
+        "warning_kind_search": "此版本的 %(brand)s 不支援搜尋加密訊息",
+        "warning_kind_search_app": "使用<a>桌面應用程式</a>搜尋加密訊息"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "您的存取權杖可提供您帳號完整的存取權限。請勿分享給任何人。",
+            "brand_version": "%(brand)s 版本：",
+            "clear_cache_reload": "清除快取並重新載入",
+            "dialog_title": "<strong>設定：</strong>說明與關於",
+            "help_link": "若需 %(brand)s 的使用說明，請點擊<a>這裡</a>。",
+            "homeserver": "家伺服器為 <code>%(homeserverUrl)s</code>",
+            "identity_server": "身分伺服器為 <code>%(identityServerUrl)s</code>",
+            "title": "說明與關於",
+            "versions": "版本"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>設定：</strong>帳號"
+        },
+        "all_rooms_home": "在首頁顯示所有聊天室",
+        "all_rooms_home_description": "您所在的所有聊天室都會出現在首頁。",
+        "always_show_message_timestamps": "總是顯示訊息時間戳記",
+        "appearance": {
+            "compact_layout": "顯示緊湊的文字及訊息",
+            "compact_layout_description": "訊息布局需使用「現代」才可使用此功能。",
+            "custom_font": "使用系統字型",
+            "custom_font_description": "設定您系統上安裝的字型名稱，%(brand)s 將會嘗試使用它。",
+            "custom_font_name": "系統字型名稱",
+            "custom_font_size": "使用自訂大小",
+            "custom_theme_error_downloading": "下載佈景主題資訊時發生錯誤。",
+            "custom_theme_invalid": "無效的佈景主題架構。",
+            "dialog_title": "<strong>設定：</strong>外觀",
+            "font_size": "字型大小",
+            "high_contrast": "高對比",
+            "image_size_default": "預設",
+            "image_size_large": "大",
+            "layout_bubbles": "訊息泡泡",
+            "layout_irc": "IRC（實驗性）",
+            "match_system_theme": "符合系統佈景主題",
+            "timeline_image_size": "時間軸中的圖片大小"
+        },
+        "automatic_language_detection_syntax_highlight": "啟用語法突顯的自動語言偵測",
+        "autoplay_gifs": "自動播放 GIF",
+        "autoplay_videos": "自動播放影片",
+        "big_emoji": "在聊天中啟用大型表情符號",
+        "code_block_expand_default": "預設展開程式碼區塊",
+        "code_block_line_numbers": "在程式碼區塊中顯示行號",
+        "disable_historical_profile": "在訊息歷史紀錄中顯示使用者目前的個人檔案圖片與名稱",
+        "emoji_autocomplete": "啟用在打字時出現表情符號建議",
+        "enable_markdown": "啟用 Markdown",
+        "enable_markdown_description": "使用 <code>/plain</code> 開頭以不使用 Markdown 傳送訊息。",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_title_forgot": "忘記您的復原金鑰？您需要重置您的身分。"
+            },
+            "dialog_title": "<strong>設定：</strong>加密",
+            "recovery": {
+                "change_recovery_confirm_button": "確認新的復原金鑰",
+                "change_recovery_confirm_description": "在下方輸入新的復原金鑰以完成操作。舊金鑰將不再有效。",
+                "change_recovery_confirm_title": "輸入新的復原金鑰",
+                "change_recovery_key": "變更復原金鑰",
+                "change_recovery_key_description": "請將這組新的復原金鑰記錄在安全的地方，接著點擊「繼續」以確認變更。",
+                "change_recovery_key_title": "變更復原金鑰？",
+                "description": "如果您遺失了所有現有設備，請使用復原金鑰來恢復您的加密身分和訊息歷史記錄。",
+                "enter_key_error": "您輸入的復原密鑰不正確。",
+                "enter_recovery_key": "輸入復原金鑰",
+                "forgot_recovery_key": "忘記復原金鑰？",
+                "key_storage_warning": "您的金鑰儲存不同步，請點擊下方按鈕以解決問題。",
+                "save_key_description": "請勿分享給任何人！",
+                "save_key_title": "復原金鑰",
+                "set_up_recovery": "設定復原",
+                "set_up_recovery_confirm_button": "完成設定",
+                "set_up_recovery_confirm_description": "輸入上個畫面顯示的復原金鑰，以完成復原設定。",
+                "set_up_recovery_confirm_title": "輸入您的復原金鑰以確認",
+                "set_up_recovery_description": "您的金鑰儲存空間受復原金鑰保護。若在設定完成後需要新的復原金鑰，可透過選擇「%(changeRecoveryKeyButton)s」重新建立。",
+                "set_up_recovery_save_key_description": "將此復原金鑰謄寫在安全的地方，例如密碼管理器、加密筆記或實體保險箱。",
+                "set_up_recovery_save_key_title": "將您的復原金鑰保存在安全的地方",
+                "set_up_recovery_secondary_description": "點擊繼續後，我們將產生還原金鑰給您。",
+                "title": "復原"
+            }
+        },
+        "general": {
+            "account_management_section": "帳號管理",
+            "account_section": "帳號",
+            "add_email_dialog_title": "新增電子郵件地址",
+            "add_email_failed_verification": "電子郵件地址驗證失敗：請確認您已點擊郵件中的連結",
+            "add_email_instructions": "我們已經傳送給您一封電子郵件以驗證您的地址。請遵照那裡的指示，然後點選下面的按鈕。",
+            "add_msisdn_confirm_body": "點擊下方按鈕以確認新增此電話號碼。",
+            "add_msisdn_confirm_button": "確認新增電話號碼",
+            "add_msisdn_confirm_sso_button": "透過使用單一登入來證明您的身分，以確認新增此電話號碼。",
+            "add_msisdn_dialog_title": "新增電話號碼",
+            "add_msisdn_instructions": "文字訊息將會被傳送到 +%(msisdn)s。請輸入其中包含的驗證碼。",
+            "add_msisdn_misconfigured": "新增/綁定 MSISDN 流程設定錯誤",
+            "confirm_adding_email_body": "點擊下方按鈕以確認新增此電子郵件地址。",
+            "confirm_adding_email_title": "確認新增電子郵件",
+            "deactivate_confirm_body": "確定您想要停用您的帳號嗎？此為不可逆的操作。",
+            "deactivate_confirm_body_sso": "透過使用單一登入系統來證您的身分以確認停用您的帳號。",
+            "deactivate_confirm_content": "確認您要停用您的帳號。若您繼續：",
+            "deactivate_confirm_content_1": "您將無法重新啟用您的帳號",
+            "deactivate_confirm_content_2": "您將無法再登入",
+            "deactivate_confirm_content_3": "任何人都無法重新使用您的使用者名稱（MXID），包括您：此使用者名稱將會維持不可用",
+            "deactivate_confirm_content_4": "您將會離開您所在的所有聊天室與私人訊息",
+            "deactivate_confirm_content_5": "您將從身分伺服器被移除：您的朋友將無法再透過您的電子郵件或電話號碼找到您",
+            "deactivate_confirm_content_6": "收到您舊訊息的人仍可以看見他們，就像您過去傳送的電子郵件一樣。您想要對未來加入聊天室的人隱藏您已傳送的訊息嗎？",
+            "deactivate_confirm_continue": "確認停用帳號",
+            "deactivate_confirm_erase_label": "對新加入的成員隱藏我的訊息",
+            "deactivate_section": "停用帳號",
+            "deactivate_warning": "停用帳號無法還原 — 請小心！",
+            "discovery_email_empty": "當您在上面加入電子郵件時將會出現探索選項。",
+            "discovery_email_verification_instructions": "驗證您收件匣中的連結",
+            "discovery_msisdn_empty": "在上方加入電話號碼後，就會出現探索選項。",
+            "discovery_needs_terms": "需同意身分伺服器（%(serverName)s）的使用條款，讓其他人可以使用電子郵件地址或電話號碼找到您。",
+            "email_address_in_use": "這個電子郵件地址已被使用",
+            "email_address_label": "電子郵件地址",
+            "email_not_verified": "您的電子郵件地址尚未被驗證",
+            "email_verification_instructions": "點擊您收到的電子郵件中的連結以驗證然後再次點擊繼續。",
+            "emails_heading": "電子郵件地址",
+            "error_add_email": "無法新增電子郵件地址",
+            "error_deactivate_communication": "與伺服器通訊時發生問題。請再試一次。",
+            "error_deactivate_invalid_auth": "伺服器沒有回傳有效的驗證資訊。",
+            "error_deactivate_no_auth": "伺服器不需要任何驗證",
+            "error_email_verification": "無法驗證電子郵件。",
+            "error_invalid_email": "無效的電子郵件地址",
+            "error_invalid_email_detail": "不像是有效的電子郵件地址",
+            "error_msisdn_verification": "無法驗證電話號碼。",
+            "error_password_change_403": "無法變更密碼。請問您的密碼正確嗎？",
+            "error_password_change_http": "%(errorMessage)s（HTTP 狀態 %(httpStatus)s）",
+            "error_password_change_title": "變更密碼錯誤",
+            "error_password_change_unknown": "未知密碼變更錯誤（%(stringifiedError)s）",
+            "error_remove_3pid": "無法移除聯絡人資訊",
+            "error_revoke_email_discovery": "無法撤回電子郵件的分享",
+            "error_revoke_msisdn_discovery": "無法撤回電話號碼的分享",
+            "error_share_email_discovery": "無法分享電子郵件",
+            "error_share_msisdn_discovery": "無法分享電話號碼",
+            "identity_server_no_token": "找不到身分存取權杖",
+            "identity_server_not_set": "身分伺服器未設定",
+            "language_section": "語言與區域",
+            "msisdn_in_use": "這個電話號碼已被使用",
+            "msisdn_label": "電話號碼",
+            "msisdn_verification_field_label": "驗證碼",
+            "msisdn_verification_instructions": "請輸入透過簡訊傳送的驗證碼。",
+            "msisdns_heading": "電話號碼",
+            "oidc_manage_button": "管理帳號",
+            "password_change_section": "設定新帳號密碼…",
+            "password_change_success": "您的密碼已成功變更。",
+            "personal_info": "個人資訊",
+            "profile_subtitle": "其他人在 App 上看到的你",
+            "remove_email_prompt": "移除 %(email)s？",
+            "remove_msisdn_prompt": "移除 %(phone)s？",
+            "spell_check_locale_placeholder": "選擇語系"
+        },
+        "inline_url_previews_default": "預設啟用行內網址預覽",
+        "insert_trailing_colon_mentions": "在使用者於訊息開頭提及之後插入跟隨冒號",
+        "jump_to_bottom_on_send": "傳送訊息時，跳到時間軸底部",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "您已備份此裝置的金鑰。",
+                "backup_setup_success_title": "安全備份成功",
+                "cancel_warning": "如果您現在取消，只要失去登入的存取權，就可能遺失加密訊息與資料。",
+                "confirm_security_phrase": "確認您的安全密語",
+                "description": "透過備份您伺服器上的加密金鑰，來防止失去對加密訊息與資料的存取權。",
+                "download_or_copy": "%(downloadButton)s 或 %(copyButton)s",
+                "enter_phrase_description": "輸入僅有您知道的安全密語，因為其用於保護您的資料。為了安全起見，您不應重複使用您的帳號密碼。",
+                "enter_phrase_title": "輸入安全密語",
+                "enter_phrase_to_confirm": "再次輸入您的安全密語以確認。",
+                "generate_security_key_description": "我們將為您產生一把安全金鑰。請將其儲存在安全的地方，例如密碼管理員或保險箱。",
+                "generate_security_key_title": "產生一把加密金鑰",
+                "pass_phrase_match_failed": "不相符。",
+                "pass_phrase_match_success": "相符！",
+                "phrase_strong_enough": "很好！此安全密語看起來夠強。",
+                "secret_storage_query_failure": "無法查詢秘密儲存空間狀態",
+                "security_key_safety_reminder": "由於安全金鑰是用來保護您的加密資料，請將其儲存在安全的地方，例如密碼管理員或保險箱等。",
+                "set_phrase_again": "返回重新設定。",
+                "settings_reminder": "您也可以在設定中設定安全備份並管理您的金鑰。",
+                "title_confirm_phrase": "確認安全密語",
+                "title_save_key": "儲存您的安全金鑰",
+                "title_set_phrase": "設定安全密語",
+                "unable_to_setup": "無法設定秘密資訊儲存空間",
+                "use_different_passphrase": "使用不同的安全密語？",
+                "use_phrase_only_you_know": "使用僅有您知道的安全密語，也可再儲存安全金鑰作為備份。"
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "確認安全密語",
+            "enter_passphrase": "輸入安全密語",
+            "export_description_1": "這個過程讓您可以匯出您在加密聊天室裡收到訊息的金鑰到一個本機檔案。您將可以在未來匯入檔案到其他的 Matrix 客戶端，這樣客戶端就可以解密此訊息。",
+            "export_description_2": "匯出的檔案將允許任何可以讀取該檔案的人解密您可以看到的任何加密訊息，因此您應該小心確保其安全。為了協助解決此問題，您應該在下面輸入一個唯一的密碼，該密碼僅用於加密匯出的資料。只能使用相同的密碼匯入資料。",
+            "export_title": "匯出聊天室金鑰",
+            "file_to_import": "要匯入的檔案",
+            "import_description_1": "這個過程讓您可以匯入您先前從其他 Matrix 客戶端匯出的加密金鑰。您將可以解密在其他客戶端可以解密的訊息。",
+            "import_description_2": "匯出檔案被安全密語所保護。您應該在這裡輸入安全密語來解密檔案。",
+            "import_title": "匯入聊天室金鑰",
+            "phrase_cannot_be_empty": "安全密語不能為空",
+            "phrase_must_match": "安全密語必須相符",
+            "phrase_strong_enough": "很好！此密碼看起來夠強"
+        },
+        "keyboard": {
+            "dialog_title": "<strong>設定：</strong>鍵盤",
+            "title": "鍵盤"
+        },
+        "labs": {
+            "dialog_title": "<strong>設定：</strong>實驗室"
+        },
+        "notifications": {
+            "default_setting_description": "預設情況下，此設定將會套用於您所有的聊天室。",
+            "default_setting_section": "我想收到相關的通知（預設設定）",
+            "desktop_notification_message_preview": "在桌面通知顯示訊息預覽",
+            "dialog_title": "<strong>設定：</strong>通知",
+            "email_description": "接收錯過通知的電子郵件摘要",
+            "email_section": "電子郵件摘要",
+            "email_select": "選取您要將摘要傳送到的電子郵件地址。請在<button>一般</button>中管理您的電子郵件地址。",
+            "enable_audible_notifications_session": "為此工作階段啟用音效通知",
+            "enable_desktop_notifications_session": "為此工作階段啟用桌面通知",
+            "enable_email_notifications": "為 %(email)s 啟用電子郵件通知",
+            "enable_notifications_account": "為此帳號啟用通知",
+            "enable_notifications_account_detail": "關閉後就會停用您所有裝置與工作階段上的通知",
+            "enable_notifications_device": "為此裝置啟用通知",
+            "error_loading": "載入您的通知設定時發生錯誤。",
+            "error_permissions_denied": "%(brand)s 沒有權限向您傳送通知──請檢查您的瀏覽器設定",
+            "error_permissions_missing": "%(brand)s 沒有權限向您傳送通知──請重試",
+            "error_saving": "儲存通知偏好設定時發生問題",
+            "error_saving_detail": "儲存您的通知偏好設定時遇到錯誤。",
+            "error_title": "無法啟用通知功能",
+            "error_updating": "更新您的通知偏好設定時發生錯誤。請再試一次。",
+            "invites": "已邀請至聊天室",
+            "keywords": "聊天室中使用關鍵字時，顯示徽章 <badge/>。",
+            "keywords_prompt": "在此輸入關鍵字，或用於拼寫變體或暱稱",
+            "labs_notice_prompt": "<strong>更新：</strong>我們簡化了通知設定，讓選項更容易找到。您過去選擇的一些自訂設定未在此處顯示，但它們仍然作用中。若繼續，您的某些設定可能會發生變化。<a>取得更多資訊</a>",
+            "mentions_keywords": "提及與關鍵字",
+            "mentions_keywords_only": "僅提及與關鍵字",
+            "messages_containing_keywords": "包含下列關鍵字的訊息",
+            "noisy": "吵鬧",
+            "notices": "由機器人傳送的訊息",
+            "notify_at_room": "當有人使用 @room 提及時通知",
+            "notify_keyword": "當有人使用關鍵字時通知",
+            "notify_mention": "當有人使用 @displayname 或 %(mxid)s 提及時通知",
+            "other_section": "我們認為您可能感興趣的其他事情：",
+            "people_mentions_keywords": "人們、提及與關鍵字",
+            "play_sound_for_description": "預設情況下適用於所有裝置上的所有聊天室。",
+            "play_sound_for_section": "播放音效",
+            "push_targets": "通知目標",
+            "quick_actions_mark_all_read": "將所有訊息標記為已讀",
+            "quick_actions_reset": "重設為預設設定",
+            "quick_actions_section": "快速動作",
+            "room_activity": "出現新的聊天室活動、升級與狀態訊息",
+            "rule_call": "接到通話邀請時",
+            "rule_contains_display_name": "包含我顯示名稱的訊息",
+            "rule_contains_user_name": "包含我使用者名稱的訊息",
+            "rule_encrypted": "群組聊天中的加密訊息",
+            "rule_encrypted_room_one_to_one": "來自私訊的加密訊息",
+            "rule_invite_for_me": "當我被邀請加入聊天室時",
+            "rule_message": "群組聊天中的訊息",
+            "rule_room_one_to_one": "來自私訊的訊息",
+            "rule_roomnotif": "包含 @room 的訊息",
+            "rule_suppress_notices": "收到聊天機器人送出的訊息時",
+            "rule_tombstone": "當聊天室升級時",
+            "show_message_desktop_notification": "在桌面通知中顯示訊息",
+            "voip": "音訊與視訊通話"
+        },
+        "preferences": {
+            "Electron.enableHardwareAcceleration": "啟用硬體加速 (重新啟動%(appName)s以生效)",
+            "always_show_menu_bar": "總是顯示視窗選單列",
+            "autocomplete_delay": "自動完成延遲（毫秒）",
+            "code_blocks_heading": "程式碼區塊",
+            "compact_modern": "使用更簡潔的「現代」佈局",
+            "composer_heading": "編輯器",
+            "dialog_title": "<strong>設定：</strong>偏好設定",
+            "enable_hardware_acceleration": "啟用硬體加速",
+            "enable_tray_icon": "顯示系統匣圖示並於關閉時最小化",
+            "keyboard_heading": "鍵盤快捷鍵",
+            "keyboard_view_shortcuts_button": "要檢視所有鍵盤快捷鍵，<a>點擊此處</a>。",
+            "media_heading": "圖片、GIF 與影片",
+            "presence_description": "與他人分享您的活動與狀態。",
+            "rm_lifetime": "讀取標記生命週期（毫秒）",
+            "rm_lifetime_offscreen": "畫面外讀取標記的生命週期（毫秒）",
+            "room_directory_heading": "聊天室目錄",
+            "room_list_heading": "聊天室清單",
+            "show_avatars_pills": "在使用者、聊天室與事件提及中顯示大頭貼",
+            "show_polls_button": "顯示投票按鈕",
+            "surround_text": "輸入特殊字元時，圍繞選取的文字",
+            "time_heading": "顯示時間"
+        },
+        "prompt_invite": "在傳送邀請給潛在的無效 Matrix ID 前提示",
+        "replace_plain_emoji": "自動取代純文字為表情符號",
+        "security": {
+            "analytics_description": "共享匿名資料以幫助我們識別問題。沒有個人資料。沒有第三方。",
+            "bulk_options_accept_all_invites": "接受所有 %(invitedRooms)s 邀請",
+            "bulk_options_reject_all_invites": "拒絕所有 %(invitedRooms)s 邀請",
+            "bulk_options_section": "大量選項",
+            "dialog_title": "<strong>設定：</strong>安全與隱私",
+            "e2ee_default_disabled_warning": "您的伺服器管理員已停用在私密聊天室與私人訊息中預設的端對端加密。",
+            "enable_message_search": "在已加密的聊天室中啟用訊息搜尋",
+            "encryption_section": "加密",
+            "ignore_users_empty": "您沒有忽略的使用者。",
+            "ignore_users_section": "忽略使用者",
+            "key_backup_algorithm": "演算法：",
+            "message_search_disable_warning": "若停用，從加密聊天室傳來的訊息將不會出現在搜尋結果中。",
+            "message_search_disabled": "將加密的訊息安全地在本機快取以出現在顯示結果中。",
+            "message_search_enabled": {
+                "one": "使用 %(size)s 來儲存來自 %(rooms)s 個聊天室的訊息，在本機安全地快取已加密的訊息以使其出現在搜尋結果中。",
+                "other": "使用 %(size)s 來儲存來自 %(rooms)s 個聊天室的訊息，在本機安全地快取已加密的訊息以使其出現在搜尋結果中。"
+            },
+            "message_search_failed": "訊息搜尋初始化失敗",
+            "message_search_indexed_messages": "已建立索引的訊息：",
+            "message_search_indexed_rooms": "已建立索引的聊天室：",
+            "message_search_indexing": "目前正在建立索引：%(currentRoom)s",
+            "message_search_indexing_idle": "目前未為任何聊天室編寫索引。",
+            "message_search_intro": "%(brand)s 正在安全地快取本機已加密的訊息以讓它們顯示在搜尋結果中：",
+            "message_search_room_progress": "%(totalRooms)s 中的 %(doneRooms)s",
+            "message_search_section": "訊息搜尋",
+            "message_search_sleep_time": "訊息應多久下載一次。",
+            "message_search_space_used": "已使用空間：",
+            "message_search_unsupported": "%(brand)s 缺少某些在本機快取已加密訊息所需的元件。如果您想要實驗此功能，請加入<nativeLink>搜尋元件</nativeLink>來自行建構 %(brand)s 桌面版。",
+            "message_search_unsupported_web": "%(brand)s 無法在網頁瀏覽器中執行時，安全地在本機快取加密訊息。若需搜尋加密訊息，請使用 <desktopLink>%(brand)s 桌面版</desktopLink>。",
+            "record_session_details": "記錄客戶端名稱、版本與網址，以便在工作階段管理員當中能更輕鬆找出工作階段",
+            "send_analytics": "傳送分析資料",
+            "strict_encryption": "不要從此工作階段傳送加密訊息到未驗證的工作階段"
+        },
+        "send_read_receipts": "傳送讀取回條",
+        "send_read_receipts_unsupported": "您的伺服器不支援停用傳送讀取回條。",
+        "send_typing_notifications": "傳送「輸入中」的通知",
+        "sessions": {
+            "confirm_sign_out": {
+                "one": "確認登出此裝置",
+                "other": "確認登出這些裝置"
+            },
+            "confirm_sign_out_body": {
+                "one": "點下方按鈕，確認登出這台裝置。",
+                "other": "點下方按鈕，確認登出這些裝置。"
+            },
+            "confirm_sign_out_continue": {
+                "one": "登出裝置",
+                "other": "登出裝置"
+            },
+            "confirm_sign_out_sso": {
+                "one": "請使用「單一登入」功能證明身分，確認登出這台裝置。",
+                "other": "請使用「單一登入」功能證明身分，確認登出這些裝置。"
+            },
+            "current_session": "目前的工作階段",
+            "desktop_session": "桌面工作階段",
+            "details_heading": "工作階段詳細資料",
+            "device_unverified_description": "驗證或登出此工作階段以取得最佳安全性與可靠性。",
+            "device_unverified_description_current": "驗證您目前的工作階段以強化安全訊息傳遞。",
+            "device_verified_description": "此工作階段已準備好進行安全通訊。",
+            "device_verified_description_current": "您目前的工作階段已準備好安全通訊。",
+            "dialog_title": "<strong>設定：</strong>工作階段",
+            "error_pusher_state": "無法設定推送程式狀態",
+            "filter_all": "全部",
+            "filter_inactive": "不活躍",
+            "filter_inactive_description": "不活躍 %(inactiveAgeDays)s 天或更久",
+            "filter_label": "過濾裝置",
+            "filter_unverified_description": "尚未準備好安全通訊",
+            "filter_verified_description": "已準備好安全通訊",
+            "hide_details": "隱藏詳細資訊",
+            "inactive_days": "閒置 %(inactiveAgeDays)s+ 天",
+            "inactive_sessions": "不活躍的工作階段",
+            "inactive_sessions_explainer_1": "不活躍工作階段是您一段時間未使用的工作階段，但它們會繼續接收加密金鑰。",
+            "inactive_sessions_explainer_2": "刪除不活躍的工作階段可以改善安全性與效能，並讓您可以輕鬆識別新的工作階段是否可疑。",
+            "inactive_sessions_list_description": "考慮登出您不再使用的舊工作階段（%(inactiveAgeDays)s天或更舊）。",
+            "ip": "IP 位址",
+            "last_activity": "上次活動",
+            "mobile_session": "行動裝置工作階段",
+            "n_sessions_selected": {
+                "one": "已選取 %(count)s 個工作階段",
+                "other": "已選取 %(count)s 個工作階段"
+            },
+            "no_inactive_sessions": "找不到非活躍中的工作階段。",
+            "no_sessions": "找不到工作階段。",
+            "no_unverified_sessions": "找不到未驗證的工作階段。",
+            "no_verified_sessions": "找不到已驗證的工作階段。",
+            "other_sessions_heading": "其他工作階段",
+            "push_heading": "推送通知",
+            "push_subheading": "在此工作階段接收推送通知。",
+            "push_toggle": "在此工作階段切換推送通知。",
+            "rename_form_caption": "請注意，所有與您對話的人都能看到工作階段的名稱。",
+            "rename_form_heading": "重新命名工作階段",
+            "rename_form_learn_more": "重新命名工作階段",
+            "rename_form_learn_more_description_1": "您加入的私人訊息與聊天室中其他使用者，可以檢視您工作階段的完整清單。",
+            "rename_form_learn_more_description_2": "這讓他們確定真的在與您交談，但這也代表了他們可以看到您在此處輸入的工作階段名稱。",
+            "security_recommendations": "安全建議",
+            "security_recommendations_description": "透過以下的建議改善您的帳號安全性。",
+            "session_id": "工作階段 ID",
+            "show_details": "顯示詳細資訊",
+            "sign_in_with_qr": "使用 QR Code 登入",
+            "sign_in_with_qr_button": "顯示 QR Code",
+            "sign_in_with_qr_description": "您可以使用此裝置透過 QR Code 登入新裝置。您將需要使用已登出的裝置掃描此裝置上顯示的 QR Code。",
+            "sign_in_with_qr_unsupported": "您的帳號提供者不支援這項功能",
+            "sign_out": "登出此工作階段",
+            "sign_out_all_other_sessions": "登出所有其他工作階段（%(otherSessionsCount)s）",
+            "sign_out_confirm_description": {
+                "one": "您確定您想要登出 %(count)s 個工作階段嗎？",
+                "other": "您確定您想要登出 %(count)s 個工作階段嗎？"
+            },
+            "sign_out_n_sessions": {
+                "one": "登出 %(count)s 個工作階段",
+                "other": "登出 %(count)s 個工作階段"
+            },
+            "title": "工作階段",
+            "unknown_session": "未知工作階段類型",
+            "unverified_session": "未經驗證的工作階段",
+            "unverified_session_explainer_1": "此工作階段不支援加密，因此無法驗證。",
+            "unverified_session_explainer_2": "使用此工作階段時，您將無法參與啟用加密的聊天室。",
+            "unverified_session_explainer_3": "為獲得最佳安全性與隱私，建議使用支援加密的 Matrix 客戶端。",
+            "unverified_sessions": "未驗證的工作階段",
+            "unverified_sessions_explainer_1": "未經驗證的工作階段是使用您的憑證登入，但尚未經過交叉驗證的工作階段。",
+            "unverified_sessions_explainer_2": "您應特別確定您可以識別這些工作階段，因為它們可能代表未經授權便使用您的帳號。",
+            "unverified_sessions_list_description": "請驗證您的工作階段來加強通訊安全，或將您不認識，或已不再使用的工作階段登出。",
+            "url": "網址",
+            "verified_session": "已驗證的工作階段",
+            "verified_sessions": "已驗證的工作階段",
+            "verified_sessions_explainer_1": "已驗證的工作階段是在輸入安全密語，或透過另一個已驗證工作階段，確認您的身分後使用此帳號的任何地方。",
+            "verified_sessions_explainer_2": "這代表了您擁有解鎖加密訊息所需的所有金鑰，並向其他使用者確認您信任此工作階段。",
+            "verified_sessions_list_description": "為了取得最佳安全性，請從任何您無法識別或不再使用的工作階段登出。",
+            "verify_session": "驗證工作階段",
+            "web_session": "網頁工作階段"
+        },
+        "show_avatar_changes": "顯示個人檔案圖片變更",
+        "show_breadcrumbs": "在聊天室清單上方顯示最近看過的聊天室的捷徑",
+        "show_chat_effects": "顯示聊天效果（例：收到彩帶時顯示動畫）",
+        "show_displayname_changes": "顯示名稱變更",
+        "show_join_leave": "顯示加入／離開訊息（邀請 / 移除 / 封鎖則不受影響）",
+        "show_nsfw_content": "顯示工作不宜的 NSFW 內容",
+        "show_read_receipts": "顯示從其他使用者傳送的讀取回條",
+        "show_redaction_placeholder": "幫已刪除的訊息保留位置",
+        "show_stickers_button": "顯示貼圖案按鈕",
+        "show_typing_notifications": "顯示打字通知",
+        "sidebar": {
+            "dialog_title": "<strong>設定：</strong>側邊欄",
+            "metaspaces_home_all_rooms": "顯示所有聊天室",
+            "metaspaces_home_all_rooms_description": "將您所有的聊天室顯示在首頁，即便它們位於同一個聊天空間。",
+            "metaspaces_home_description": "首頁對於取得所有內容的概覽很有用。",
+            "metaspaces_orphans": "聊天空間外的聊天室",
+            "metaspaces_orphans_description": "將所有不屬於某個聊天空間的聊天室集中在同一個地方。",
+            "metaspaces_subsection": "要顯示的聊天空間",
+            "spaces_explainer": "空間是將房間和人群分組的方式。除了您所在的空間之外，您也可以使用一些預先構建的空間。",
+            "title": "側邊欄"
+        },
+        "use_12_hour_format": "用 12 小時制顯示時間戳記（如：下午 2:30）",
+        "use_command_enter_send_message": "使用 Command + Enter 來傳送訊息",
+        "use_command_f_search": "使用 Command + F 來搜尋時間軸",
+        "use_control_enter_send_message": "使用 Ctrl + Enter 來傳送訊息",
+        "use_control_f_search": "使用 Ctrl + F 來搜尋時間軸",
+        "voip": {
+            "allow_p2p": "允許在 1 對 1 通話使用點對點連線",
+            "allow_p2p_description": "啟用後，對方可能會看到您的 IP 位址",
+            "audio_input_empty": "未偵測到麥克風",
+            "audio_output": "音訊輸出",
+            "audio_output_empty": "未偵測到音訊輸出",
+            "auto_gain_control": "自動增益控制",
+            "dialog_title": "<strong>設定：</strong>語音與視訊",
+            "echo_cancellation": "迴聲消除",
+            "enable_fallback_ice_server": "允許使用備用通話輔助伺服器（%(server)s）",
+            "enable_fallback_ice_server_description": "僅當您的家伺服器不提供時才適用。在通話期間，將會把您的 IP 位址分享給此伺服器。",
+            "mirror_local_feed": "翻轉鏡射本機視訊畫面",
+            "missing_permissions_prompt": "尚未取得媒體權限，請點擊下方的按鈕來授權。",
+            "noise_suppression": "噪音抑制",
+            "request_permissions": "請求媒體權限",
+            "title": "語音與視訊",
+            "video_input_empty": "未偵測到網路攝影機",
+            "video_section": "視訊設定",
+            "voice_agc": "自動調整麥克風音量",
+            "voice_processing": "語音處理",
+            "voice_section": "語音設定"
+        },
+        "warn_quit": "離開前警告",
+        "warning": "<w>警告：</w> <description/>"
+    },
+    "share": {
+        "permalink_message": "連結到選定的訊息",
+        "permalink_most_recent": "連結到最近的訊息",
+        "title_message": "分享聊天室訊息",
+        "title_room": "分享聊天室",
+        "title_user": "分享使用者"
+    },
+    "slash_command": {
+        "addwidget": "透過網址新增自訂小工具到聊天室",
+        "addwidget_iframe_missing_src": "iframe 沒有 src 屬性",
+        "addwidget_invalid_protocol": "請提供 https:// 或 http:// 開頭的小工具網址",
+        "addwidget_missing_url": "請提供小工具網址或嵌入程式碼",
+        "addwidget_no_permissions": "您無法在此聊天室中修改小工具。",
+        "ban": "封鎖特定 ID 的使用者",
+        "category_actions": "動作",
+        "category_admin": "管理員",
+        "category_advanced": "進階",
+        "category_effects": "影響",
+        "category_messages": "訊息",
+        "category_other": "其他",
+        "command_error": "指令出錯",
+        "converttodm": "將聊天室轉換為私人訊息",
+        "converttoroom": "將私人訊息轉換為聊天室",
+        "could_not_find_room": "找不到聊天室",
+        "deop": "取消指定 ID 使用者的管理員權限",
+        "devtools": "開啟開發者工具對話視窗",
+        "discardsession": "強制丟棄目前在已加密聊天室中的外發群組工作階段",
+        "error_invalid_rendering_type": "命令錯誤：找不到渲染類型 (%(renderingType)s)",
+        "error_invalid_runfn": "命令錯誤：無法處理斜線命令。",
+        "help": "顯示包含用法與描述的指令清單",
+        "help_dialog_title": "指令說明",
+        "holdcall": "把目前聊天室通話設為等候接聽",
+        "html": "以 html 形式傳送訊息，不將其轉譯為 markdown",
+        "ignore": "忽略使用者，從您這裡隱藏他們的訊息",
+        "ignore_dialog_description": "您在忽略 %(userId)s",
+        "ignore_dialog_title": "忽略使用者",
+        "invite": "邀請指定 ID 的使用者到目前的聊天室",
+        "invite_3pid_needs_is_error": "使用身分伺服器以透過電子郵件邀請。在設定中管理。",
+        "invite_3pid_use_default_is_title": "使用身分伺服器",
+        "invite_3pid_use_default_is_title_description": "使用身分伺服器以透過電子郵件邀請。點選繼續以使用預設的身分伺服器 (%(defaultIdentityServerName)s) 或在設定中管理。",
+        "invite_failed": "使用者（%(user)s）並未受邀加入 %(roomId)s，但邀請工具也未提供錯誤",
+        "join": "以指定的位址加入聊天室",
+        "jumptodate": "跳至時間軸中指定的日期",
+        "jumptodate_invalid_input": "我們無法理解指定的日期 (%(inputDate)s)。請嘗試使用 YYYY-MM-DD 格式。",
+        "lenny": "把 ( ͡° ͜ʖ ͡°) 加在純文字訊息前",
+        "me": "顯示操作",
+        "msg": "傳送訊息給指定的使用者",
+        "myavatar": "變更您在所有聊天室中的個人檔案圖片",
+        "myroomavatar": "僅變更目前房間中的個人檔案圖片",
+        "myroomnick": "僅在目前的聊天室變更您的顯示暱稱",
+        "nick": "變更您的顯示暱稱",
+        "no_active_call": "此聊天室內沒有活躍的通話",
+        "op": "定義使用者的權限等級",
+        "part_unknown_alias": "無法識別的聊天室位址：%(roomAlias)s",
+        "plain": "傳送純文字訊息，不將其轉譯為 markdown",
+        "query": "開啟與指定使用者的聊天",
+        "query_not_found_phone_number": "找不到電話號碼的 Matrix ID",
+        "rageshake": "傳送有紀錄檔的錯誤回報",
+        "rainbow": "將給定的訊息以彩虹顏色的方式傳送",
+        "rainbowme": "將給定的表情符號以彩虹顏色的方式傳送",
+        "remove": "從此聊天室中移除特定 ID 的使用者",
+        "roomavatar": "變更目前聊天室的大頭照",
+        "roomname": "設定聊天室名稱",
+        "server_error": "伺服器錯誤",
+        "server_error_detail": "伺服器可能無法使用、超載，或者某些東西出了問題。",
+        "shrug": "將 ¯\\_(ツ)_/¯ 附加到純文字訊息中",
+        "spoiler": "將指定訊息以劇透傳送",
+        "tableflip": "在純文字訊息前加入 (╯°□°）╯︵ ┻━┻",
+        "topic": "取得或設定聊天室主題",
+        "topic_none": "此聊天室沒有主題。",
+        "topic_room_error": "無法取得聊天室主題：找不到聊天室（%(roomId)s）",
+        "unban": "取消封鎖特定 ID 的使用者",
+        "unflip": "在純文字訊息前加入 ┬──┬ ノ( ゜-゜ノ)",
+        "unholdcall": "取消目前聊天室通話等候接聽狀態",
+        "unignore": "停止忽略使用者，顯示他們的訊息",
+        "unignore_dialog_description": "您不再忽略 %(userId)s",
+        "unignore_dialog_title": "未忽略的使用者",
+        "unknown_command": "未知的指令",
+        "unknown_command_button": "以訊息傳送",
+        "unknown_command_detail": "無法識別的指令：%(commandText)s",
+        "unknown_command_help": "您可以使用 <code>/help</code> 來列出可用的指令。您是要傳送此訊息嗎？",
+        "unknown_command_hint": "提示：以 <code>//</code> 開頭讓您的訊息傳送時可以用斜線開頭。",
+        "upgraderoom": "升級聊天室到新版本",
+        "upgraderoom_permission_error": "您沒有使用此指令的必要權限。",
+        "usage": "使用方法",
+        "verify": "驗證使用者、工作階段與公開金鑰組合",
+        "view": "檢視指定聊天室的地址",
+        "whois": "顯示關於使用者的資訊"
+    },
+    "space": {
+        "add_existing_room_space": {
+            "create": "想要新增新聊天室嗎？",
+            "create_prompt": "建立新聊天室",
+            "dm_heading": "私人訊息",
+            "error_heading": "並非所有選定的都被新增了",
+            "progress_text": {
+                "one": "正在新增聊天室…",
+                "other": "正在新增聊天室…（%(count)s 中的第 %(progress)s 個）"
+            },
+            "space_dropdown_label": "選取聊天空間",
+            "space_dropdown_title": "新增既有聊天室",
+            "subspace_moved_note": "新增的聊天空間已被移動。"
+        },
+        "add_existing_subspace": {
+            "create_button": "建立新聊天空間",
+            "create_prompt": "想要新增聊天空間？",
+            "filter_placeholder": "搜尋聊天空間",
+            "space_dropdown_title": "新增既有的聊天空間"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "檢視聊天室時間軸（開發者工具）",
+            "explore": "探索聊天室",
+            "home": "聊天空間首頁",
+            "manage_and_explore": "管理與探索聊天室",
+            "options": "聊天空間選項"
+        },
+        "failed_load_rooms": "無法載入聊天室清單。",
+        "failed_remove_rooms": "無法移除某些聊天室。稍後再試",
+        "incompatible_server_hierarchy": "您的伺服器不支援顯示空間的層次結構。",
+        "invite": "邀請夥伴",
+        "invite_description": "使用電子郵件或使用者名稱邀請",
+        "invite_link": "分享邀請連結",
+        "joining_space": "正在加入",
+        "landing_welcome": "歡迎加入 <name/>",
+        "leave_dialog_action": "離開聊天空間",
+        "leave_dialog_description": "您將要離開 <spaceName/>。",
+        "leave_dialog_only_admin_room_warning": "您是將要離開的聊天室與聊天空間唯一的管理員。您離開之後會讓它們沒有任何管理員。",
+        "leave_dialog_only_admin_warning": "您是此聊天空間唯一的管理員。離開將代表沒有人可以控制它。",
+        "leave_dialog_option_all": "離開所有聊天室",
+        "leave_dialog_option_intro": "您想要離開此聊天空間中的聊天室嗎？",
+        "leave_dialog_option_none": "不要離開任何聊天室",
+        "leave_dialog_option_specific": "離開部份聊天室",
+        "leave_dialog_public_rejoin_warning": "您將無法重新加入，除非您再次被邀請。",
+        "leave_dialog_title": "離開 %(spaceName)s",
+        "mark_suggested": "標記為建議",
+        "no_search_result_hint": "您可能要嘗試其他搜尋或檢查是否有拼字錯誤。",
+        "preferences": {
+            "sections_section": "要顯示的部份",
+            "show_people_in_space": "將您與此空間成員的聊天進行分組。關閉此功能，將會在您的 %(spaceName)s 畫面中隱藏那些聊天室。"
+        },
+        "room_filter_placeholder": "搜尋聊天室",
+        "search_children": "搜尋 %(spaceName)s",
+        "search_placeholder": "搜尋名稱與描述",
+        "select_room_below": "首先選取一個聊天室",
+        "share_public": "分享您的公開聊天空間",
+        "suggested": "建議",
+        "suggested_tooltip": "推薦加入這個聊天室",
+        "title_when_query_available": "結果",
+        "title_when_query_unavailable": "聊天室與聊天空間",
+        "unmark_suggested": "標記為不建議",
+        "user_lacks_permission": "您沒有權限"
+    },
+    "space_settings": {
+        "title": "設定 - %(spaceName)s"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "輸入您想要探索的新伺服器的名稱。",
+            "network_dropdown_add_dialog_placeholder": "伺服器名稱",
+            "network_dropdown_add_dialog_title": "加入新的伺服器",
+            "network_dropdown_add_server_option": "加入新伺服器…",
+            "network_dropdown_available_invalid": "找不到此伺服器或其聊天室清單",
+            "network_dropdown_available_invalid_forbidden": "您不被允許檢視此伺服器的聊天室清單",
+            "network_dropdown_available_valid": "看起來不錯",
+            "network_dropdown_remove_server_adornment": "移除伺服器「%(roomServer)s」",
+            "network_dropdown_required_invalid": "輸入伺服器名稱",
+            "network_dropdown_selected_label": "顯示：Matrix 聊天室",
+            "network_dropdown_selected_label_instance": "顯示：%(instance)s 聊天室 (%(server)s)",
+            "network_dropdown_your_server_description": "您的伺服器"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "若您看不到要找的人，請將您的邀請連結傳送給他們。",
+        "cant_find_room_helpful_hint": "若您找不到您要找的聊天室，要求邀請或是建立新的聊天室。",
+        "copy_link_text": "複製邀請連結",
+        "count_of_members": {
+            "one": "%(count)s 個成員",
+            "other": "%(count)s 個成員"
+        },
+        "create_new_room_button": "建立新聊天室",
+        "failed_querying_public_rooms": "檢索公開聊天室失敗",
+        "group_chat_section_title": "其他選項",
+        "heading_with_query": "使用「%(query)s」搜尋",
+        "heading_without_query": "搜尋",
+        "join_button_text": "加入 %(roomAddress)s",
+        "keyboard_scroll_hint": "使用 <arrows/> 捲動",
+        "other_rooms_in_space": "其他在 %(spaceName)s 中的聊天室",
+        "public_rooms_label": "公開聊天室",
+        "recent_searches_section_title": "近期搜尋",
+        "recently_viewed_section_title": "最近檢視過",
+        "remove_filter": "移除 %(filter)s 的搜尋過濾條件",
+        "result_may_be_hidden_privacy_warning": "出於隱私考量，可能會隱藏一些結果",
+        "result_may_be_hidden_warning": "某些結果可能會被隱藏",
+        "search_dialog": "搜尋對話方塊",
+        "spaces_title": "您所在的聊天空間",
+        "start_group_chat_button": "開始群組聊天"
+    },
+    "stickers": {
+        "empty": "您目前沒有啟用任何貼圖包",
+        "empty_add_prompt": "現在新增一些嗎"
+    },
+    "terms": {
+        "column_document": "文件",
+        "column_service": "服務",
+        "column_summary": "摘要",
+        "identity_server_no_terms_description_1": "此動作需要存取預設的身分伺服器 <server /> 以驗證電子郵件或電話號碼，但伺服器沒有任何服務條款。",
+        "identity_server_no_terms_description_2": "僅在您信任伺服器擁有者時才繼續。",
+        "identity_server_no_terms_title": "身分伺服器無使用條款",
+        "inline_intro_text": "接受 <policyLink /> 以繼續：",
+        "integration_manager": "使用聊天機器人、橋接、小工具與貼圖包",
+        "intro": "要繼續，您必須同意本服務條款。",
+        "summary_identity_server_1": "透過電話或電子郵件尋找其他人",
+        "summary_identity_server_2": "透過電話或電子郵件找到",
+        "tac_button": "審閱條款與細則",
+        "tac_description": "要繼續使用 %(homeserverDomain)s 家伺服器，您必須審閱並同意我們的條款與細則。",
+        "tac_title": "條款與細則",
+        "tos": "服務條款"
+    },
+    "theme": {
+        "light_high_contrast": "亮色高對比",
+        "match_system": "符合系統色彩"
+    },
+    "thread_view_back_action_label": "回到討論串",
+    "threads": {
+        "all_threads": "所有討論串",
+        "all_threads_description": "顯示從目前聊天室而來的所有討論串",
+        "count_of_reply": {
+            "one": "%(count)s 回覆",
+            "other": "%(count)s 回覆"
+        },
+        "my_threads": "我的討論串",
+        "my_threads_description": "顯示您參與的所有討論串",
+        "open_thread": "開啟討論串",
+        "show_thread_filter": "顯示："
+    },
+    "time": {
+        "date_at_time": "%(date)s 於 %(time)s",
+        "hours_minutes_seconds_left": "剩餘 %(hours)s 小時 %(minutes)s 分鐘 %(seconds)s 秒",
+        "left": "剩下 %(timeRemaining)s",
+        "minutes_seconds_left": "剩餘 %(minutes)s 分鐘 %(seconds)s 秒",
+        "seconds_left": "剩 %(seconds)s 秒",
+        "short_days": "%(value)sd",
+        "short_days_hours_minutes_seconds": "%(days)s 天 %(hours)s 小時 %(minutes)s 分鐘 %(seconds)s 秒",
+        "short_hours": "%(value)sh",
+        "short_hours_minutes_seconds": "%(hours)s 小時 %(minutes)s 分鐘 %(seconds)s 秒",
+        "short_minutes": "%(value)sm",
+        "short_minutes_seconds": "%(minutes)s 分鐘 %(seconds)s 秒",
+        "short_seconds": "%(value)sS"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "收折回覆討論串",
+            "external_url": "來源網址",
+            "open_in_osm": "在 OpenStreetMap 中開啟",
+            "report": "回報",
+            "resent_unsent_reactions": "重新傳送 %(unsentCount)s 反應",
+            "show_url_preview": "顯示預覽",
+            "view_related_event": "檢視相關的事件",
+            "view_source": "檢視原始碼"
+        },
+        "creation_summary_dm": "%(creator)s 建立了此私人訊息。",
+        "creation_summary_room": "%(creator)s 建立並設定了聊天室。",
+        "download_action_downloading": "正在下載",
+        "edits": {
+            "tooltip_label": "編輯於 %(date)s。點擊以檢視編輯。",
+            "tooltip_sub": "點擊以檢視編輯",
+            "tooltip_title": "編輯於 %(date)s"
+        },
+        "error_no_renderer": "此活動無法顯示",
+        "error_rendering_message": "無法載入此訊息",
+        "historical_messages_unavailable": "您看不到更早的訊息",
+        "in_room_name": " 在 <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s 已更新聊天室佈局",
+        "load_error": {
+            "no_permission": "嘗試載入此聊天室時間軸上的特定時間點，但您沒有權限檢視相關的訊息。",
+            "title": "無法載入時間軸位置",
+            "unable_to_find": "嘗試載入此聊天室時間軸上的特定時間點，但是找不到。"
+        },
+        "m.audio": {
+            "error_downloading_audio": "下載音訊時發生錯誤",
+            "error_processing_audio": "處理音訊訊息時出現問題",
+            "error_processing_voice_message": "處理語音訊息時發生錯誤"
+        },
+        "m.beacon_info": {
+            "view_live_location": "檢視即時位置"
+        },
+        "m.call": {
+            "video_call_ended": "視訊通話已結束",
+            "video_call_started": "視訊通話在 %(roomName)s 開始。",
+            "video_call_started_text": "%(name)s 開始了視訊通話",
+            "video_call_started_unsupported": "視訊通話在 %(roomName)s 開始。（此瀏覽器不支援）"
+        },
+        "m.call.hangup": {
+            "dm": "通話結束"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "在別處回答",
+            "call_back_prompt": "回撥",
+            "declined": "已拒絕通話",
+            "failed_connect_media": "無法連結媒體",
+            "failed_connection": "連線失敗",
+            "failed_opponent_media": "他們的裝置無法啟動相機或麥克風",
+            "missed_call": "未接來電",
+            "no_answer": "無回應",
+            "unknown_error": "出現未知錯誤",
+            "unknown_failure": "未知錯誤：%(reason)s",
+            "unknown_state": "通話處於未知狀態！",
+            "video_call": "%(senderName)s 撥打了視訊通話。",
+            "video_call_unsupported": "%(senderName)s 撥打了視訊通話。（不被此瀏覽器支援）",
+            "voice_call": "%(senderName)s 撥打了語音通話。",
+            "voice_call_unsupported": "%(senderName)s 撥打了語音通話。（不被此瀏覽器支援）"
+        },
+        "m.file": {
+            "error_decrypting": "解密附件時出錯"
+        },
+        "m.image": {
+            "error": "因為錯誤而無法顯示圖片",
+            "error_decrypting": "解密圖片出錯",
+            "error_downloading": "下載圖片時發生錯誤",
+            "sent": "%(senderDisplayName)s 傳了一張圖片。",
+            "show_image": "顯示圖片"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s 想要驗證",
+            "you_started": "您已傳送了驗證請求"
+        },
+        "m.location": {
+            "full": "%(senderName)s 已分享了他們的位置",
+            "location": "已分享了位置： ",
+            "self_location": "已分享了他們的位置： "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s 個投票",
+                "other": "%(count)s 個投票"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s 結束了投票"
+        },
+        "m.poll.start": "%(senderName)s 啟動了投票 - %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s 變更了聊天室大頭照。",
+            "lightbox_title": "%(senderDisplayName)s 將聊天室的大頭照改為 %(roomName)s"
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "other": "%(senderName)s 為此聊天室新增了替代位置 %(addresses)s。",
+                "one": "%(senderName)s 為此聊天室新增了替代位置 %(addresses)s。"
+            },
+            "alt_removed": {
+                "other": "%(senderName)s 為此聊天室移除了替代位置 %(addresses)s。",
+                "one": "%(senderName)s 為此聊天室移除了替代位置 %(addresses)s。"
+            },
+            "changed": "%(senderName)s 變更了此聊天室的位址。",
+            "changed_alternative": "%(senderName)s 為此聊天室變更了替代位址。",
+            "changed_main_and_alternative": "%(senderName)s 為此聊天室變更了主要及替代位址。",
+            "removed": "%(senderName)s 移除了此聊天室的主要位址。",
+            "set": "%(senderName)s 將此聊天室的主要位址設定為 %(address)s。"
+        },
+        "m.room.create": {
+            "continuation": "此聊天室是另一個對話的延續。",
+            "see_older_messages": "點擊此處以檢視更早以前的訊息。",
+            "unknown_predecessor": "找不到此聊天室的舊版本（聊天室 ID：%(roomId)s），且我們未提供「via_servers」來檢視它。",
+            "unknown_predecessor_guess_server": "找不到此聊天室的舊版本（聊天室 ID：%(roomId)s），且我們未提供「via_servers」來檢視它。從聊天室 ID 猜測伺服器可能會有用。若您想嘗試，請點擊此連結："
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s 已允許訪客加入聊天室。",
+            "forbidden": "%(senderDisplayName)s 已拒絕訪客加入聊天室。",
+            "unknown": "%(senderDisplayName)s 將訪客存取權限更改為 %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s 將未來的聊天室紀錄顯示給所有成員，從他們被邀請開始。",
+            "joined": "%(senderName)s 將未來的聊天室紀錄顯示給所有成員，從他們加入開始。",
+            "shared": "%(senderName)s 將未來的聊天室紀錄顯示給所有成員。",
+            "unknown": "%(senderName)s 將未來的聊天室紀錄顯示給未知（%(visibility)s）。",
+            "world_readable": "%(senderName)s 將未來的聊天室紀錄顯示給任何人。"
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s 將聊天室更改為邀請制。",
+            "knock": "%(senderDisplayName)s 變更了加入規則以要求加入。",
+            "public": "%(senderDisplayName)s 將此聊天室對知道連結的人公開。",
+            "restricted": "%(senderDisplayName)s 變更了誰可以加入此聊天室。",
+            "restricted_settings": "%(senderDisplayName)s 變更了誰可以加入此聊天室。<a>檢視設定</a>。",
+            "unknown": "%(senderDisplayName)s 變更加入規則為 %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s 已接受 %(displayName)s 的邀請",
+            "accepted_invite": "%(targetName)s 接受了邀請",
+            "ban": "%(senderName)s 封鎖了 %(targetName)s",
+            "ban_reason": "%(senderName)s 封鎖了 %(targetName)s：%(reason)s",
+            "change_avatar": "%(senderName)s 變更了他們的個人檔案照片",
+            "change_name": "%(oldDisplayName)s 將顯示名稱變更為 %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s 更改了顯示名稱與大頭照",
+            "invite": "%(senderName)s 已邀請 %(targetName)s",
+            "join": "%(targetName)s 已加入聊天室",
+            "kick": "%(senderName)s 已移除 %(targetName)s",
+            "kick_reason": "%(senderName)s 已移除 %(targetName)s：%(reason)s",
+            "left": "%(targetName)s 離開聊天室",
+            "left_reason": "%(targetName)s 離開了聊天室：%(reason)s",
+            "no_change": "%(senderName)s 未變更",
+            "reject_invite": "%(targetName)s 拒絕了邀請",
+            "remove_avatar": "%(senderName)s 移除了他們的個人檔案照片",
+            "remove_name": "%(senderName)s 移除了他們的顯示名稱 ( %(oldDisplayName)s )",
+            "set_avatar": "%(senderName)s 設定了個人檔案照片",
+            "set_name": "%(senderName)s 將他們的顯示名稱設定為 %(displayName)s",
+            "unban": "%(senderName)s 取消封鎖了 %(targetName)s",
+            "withdrew_invite": "%(senderName)s 撤回了 %(targetName)s 的邀請",
+            "withdrew_invite_reason": "%(senderName)s 撤回了 %(targetName)s 的邀請：%(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s 將聊天室名稱從 %(oldRoomName)s 變更為 %(newRoomName)s。",
+            "remove": "%(senderDisplayName)s 移除了聊天室名稱。",
+            "set": "%(senderDisplayName)s 將聊天室名稱變更為 %(roomName)s。"
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s 變更了聊天室的釘選訊息。",
+            "changed_link": "%(senderName)s 變更了聊天室的<a>釘選訊息</a>。",
+            "pinned": "%(senderName)s 釘選了訊息到此聊天室。檢視所有已釘選的訊息。",
+            "pinned_link": "%(senderName)s 釘選了<a>訊息</a>到此聊天室。檢視所有<b>釘選的訊息</b>。",
+            "unpinned": "%(senderName)s 從此聊天室取消釘選訊息。檢視所有釘選的訊息。",
+            "unpinned_link": "%(senderName)s 從此聊天室取消釘選<a>訊息</a>。檢視所有<b>釘選的訊息</b>。"
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s 變更了 %(powerLevelDiffText)s 權限等級。",
+            "user_from_to": "%(userId)s 從 %(fromPowerLevel)s 變為 %(toPowerLevel)s"
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s 撤銷了對 %(targetDisplayName)s 加入此聊天室的邀請。",
+            "sent": "%(senderName)s 向 %(targetDisplayName)s 傳送了加入聊天室的邀請。"
+        },
+        "m.room.tombstone": "%(senderDisplayName)s 升級了此聊天室。",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s 將主題變更為「%(topic)s」。"
+        },
+        "m.sticker": "%(senderDisplayName)s 傳送了貼圖。",
+        "m.video": {
+            "error_decrypting": "解密影片出錯"
+        },
+        "m.widget": {
+            "added": "%(widgetName)s 小工具是由 %(senderName)s 所新增",
+            "jitsi_ended": "視訊會議由 %(senderName)s 結束",
+            "jitsi_join_right_prompt": "從右側的聊天室資訊卡片加入會議",
+            "jitsi_join_top_prompt": "加入此聊天室頂部的會議",
+            "jitsi_started": "視訊會議由 %(senderName)s 開始",
+            "jitsi_updated": "視訊會議由 %(senderName)s 更新",
+            "modified": "%(widgetName)s 小工具已被 %(senderName)s 修改",
+            "removed": "%(widgetName)s 小工具是由 %(senderName)s 所移除"
+        },
+        "mab": {
+            "copy_link_thread": "複製討論串連結",
+            "view_in_room": "在聊天室中檢視"
+        },
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s 將封鎖符合 %(oldGlob)s 的規則更新為 %(newGlob)s，因為 %(reason)s",
+            "changed_rule_rooms": "%(senderName)s 將封鎖符合 %(oldGlob)s 聊天室的規則變更為 %(newGlob)s，因為 %(reason)s",
+            "changed_rule_servers": "%(senderName)s 將封鎖符合 %(oldGlob)s 伺服器的規則變更為 %(newGlob)s，因為 %(reason)s",
+            "changed_rule_users": "%(senderName)s 將封鎖符合 %(oldGlob)s 的使用者規則變更為 %(newGlob)s 因為 %(reason)s",
+            "created_rule": "%(senderName)s 建立了封鎖符合 %(glob)s 的規則，因為 %(reason)s",
+            "created_rule_rooms": "%(senderName)s 建立了封鎖符合 %(glob)s 聊天室的規則，因為 %(reason)s",
+            "created_rule_servers": "%(senderName)s 建立了封鎖符合 %(glob)s 伺服器的規則，因為 %(reason)s",
+            "created_rule_users": "%(senderName)s 建立了封鎖符合 %(glob)s 的使用者規則，因為 %(reason)s",
+            "removed_rule": "%(senderName)s 移除了封鎖符合 %(glob)s 的規則",
+            "removed_rule_rooms": "%(senderName)s 移除了封鎖符合 %(glob)s 聊天室的規則",
+            "removed_rule_servers": "%(senderName)s 移除了封鎖符合 %(glob)s 伺服器的規則",
+            "removed_rule_users": "%(senderName)s 移除了封鎖符合 %(glob)s 的使用者規則",
+            "updated_invalid_rule": "%(senderName)s 更新無效的封鎖規則",
+            "updated_rule": "因為 %(reason)s ，%(senderName)s 更新了封鎖符合 %(glob)s 的規則",
+            "updated_rule_rooms": "因為 %(reason)s ， %(senderName)s 更新了封鎖符合 %(glob)s 聊天室的規則",
+            "updated_rule_servers": "%(senderName)s 更新了封鎖符合 %(glob)s 伺服器的規則，因為 %(reason)s",
+            "updated_rule_users": "%(senderName)s 更新了封鎖符合 %(glob)s 的使用者規則，因為 %(reason)s"
+        },
+        "no_permission_messages_before_invite": "您沒有權限檢視您被邀請前的訊息。",
+        "no_permission_messages_before_join": "您沒有權限檢視加入前的訊息。",
+        "pending_moderation": "待審核的訊息",
+        "pending_moderation_reason": "待審核的訊息：%(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "新增反應",
+            "label": "%(reactors)s 使用了 %(content)s 反應"
+        },
+        "read_receipt_title": {
+            "one": "已被 %(count)s 個人看過",
+            "other": "已被 %(count)s 個人看過"
+        },
+        "read_receipts_label": "讀取回條",
+        "redacted": {
+            "tooltip": "訊息刪除於 %(date)s"
+        },
+        "redaction": "訊息已被 %(name)s 刪除",
+        "reply": {
+            "error_loading": "無法載入要回覆的活動，它可能不存在或是您沒有權限檢視它。",
+            "in_reply_to": "<a>回覆給</a> <pill>",
+            "in_reply_to_for_export": "回覆<a>此訊息</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "您即將被帶到第三方網站，以便您可以驗證帳戶來使用 %(integrationsUrl)s。請問您要繼續嗎？",
+            "dialog_title": "新增整合器"
+        },
+        "self_redaction": "訊息已刪除",
+        "send_state_encrypting": "正在加密您的訊息…",
+        "send_state_failed": "傳送失敗",
+        "send_state_sending": "正在傳送您的訊息…",
+        "send_state_sent": "您的訊息已傳送",
+        "summary": {
+            "banned": {
+                "other": "被阻擋了 %(count)s 次",
+                "one": "被阻擋了"
+            },
+            "banned_multiple": {
+                "other": "被阻擋了 %(count)s 次",
+                "one": "被阻擋了"
+            },
+            "changed_avatar": {
+                "other": "%(oneUser)s 變更了他們的個人檔案圖片 %(count)s 次",
+                "one": "%(oneUser)s 變更了他們的個人檔案圖片"
+            },
+            "changed_avatar_multiple": {
+                "other": "%(severalUsers)s 變更了他們的個人檔案圖片 %(count)s 次",
+                "one": "%(severalUsers)s 變更了他們的個人檔案圖片"
+            },
+            "changed_name": {
+                "other": "%(oneUser)s 變更了名稱 %(count)s 次",
+                "one": "%(oneUser)s 變更了的名稱"
+            },
+            "changed_name_multiple": {
+                "other": "%(severalUsers)s 變更了他們的名稱 %(count)s 次",
+                "one": "%(severalUsers)s 變更了他們的名稱"
+            },
+            "hidden_event": {
+                "one": "%(oneUser)s 傳送了 1 個隱藏的訊息",
+                "other": "%(oneUser)s 傳送了 %(count)s 個隱藏的訊息"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)s 傳送了 1 個隱藏的訊息",
+                "other": "%(severalUsers)s 傳送了 %(count)s 個隱藏的訊息"
+            },
+            "invite_withdrawn": {
+                "other": "%(oneUser)s 撤回了他們的邀請 %(count)s 次",
+                "one": "%(oneUser)s 撤回了他們的邀請"
+            },
+            "invite_withdrawn_multiple": {
+                "other": "%(severalUsers)s 撤回了他們的邀請 %(count)s 次",
+                "one": "%(severalUsers)s 撤回了他們的邀請"
+            },
+            "invited": {
+                "other": "被邀請了 %(count)s 次",
+                "one": "被邀請了"
+            },
+            "invited_multiple": {
+                "other": "被邀請了 %(count)s 次",
+                "one": "被邀請了"
+            },
+            "joined": {
+                "other": "%(oneUser)s 加入了 %(count)s 次",
+                "one": "%(oneUser)s 加入了"
+            },
+            "joined_and_left": {
+                "other": "%(oneUser)s 加入並離開了 %(count)s 次",
+                "one": "%(oneUser)s 加入並離開了"
+            },
+            "joined_and_left_multiple": {
+                "other": "%(severalUsers)s 加入並離開了 %(count)s 次",
+                "one": "%(severalUsers)s 加入並離開了"
+            },
+            "joined_multiple": {
+                "other": "%(severalUsers)s 加入了 %(count)s 次",
+                "one": "%(severalUsers)s 加入了"
+            },
+            "kicked": {
+                "one": "被移除",
+                "other": "被移除 %(count)s 次"
+            },
+            "kicked_multiple": {
+                "one": "被移除",
+                "other": "被移除了 %(count)s 次"
+            },
+            "left": {
+                "other": "%(oneUser)s 離開了 %(count)s 次",
+                "one": "%(oneUser)s 離開了"
+            },
+            "left_multiple": {
+                "other": "%(severalUsers)s 離開了 %(count)s 次",
+                "one": "%(severalUsers)s 離開了"
+            },
+            "no_change": {
+                "other": "%(oneUser)s 未做出變更 %(count)s 次",
+                "one": "%(oneUser)s 未做出變更"
+            },
+            "no_change_multiple": {
+                "other": "%(severalUsers)s 未做出變更 %(count)s 次",
+                "one": "%(severalUsers)s 未做出變更"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)s 變更了聊天室的<a>釘選訊息</a>",
+                "other": "%(oneUser)s 變更了聊天室的<a>釘選訊息</a> %(count)s 次"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s 變更了聊天室的<a>釘選訊息</a>",
+                "other": "%(severalUsers)s 變更了聊天室的<a>釘選訊息</a> %(count)s 次"
+            },
+            "redacted": {
+                "one": "%(oneUser)s 移除了 1 個訊息",
+                "other": "%(oneUser)s 移除了 %(count)s 個訊息"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s 移除了 1 個訊息",
+                "other": "%(severalUsers)s 移除了 %(count)s 個訊息"
+            },
+            "rejected_invite": {
+                "other": "%(oneUser)s 回絕了他們的邀請 %(count)s 次",
+                "one": "%(oneUser)s 回絕了他們的邀請"
+            },
+            "rejected_invite_multiple": {
+                "other": "%(severalUsers)s 回絕了他們的邀請 %(count)s 次",
+                "one": "%(severalUsers)s 回絕了他們的邀請"
+            },
+            "rejoined": {
+                "other": "%(oneUser)s 離開並重新加入了 %(count)s 次",
+                "one": "%(oneUser)s 離開並重新加入了"
+            },
+            "rejoined_multiple": {
+                "other": "%(severalUsers)s 離開並重新加入了 %(count)s 次",
+                "one": "%(severalUsers)s 離開並重新加入了"
+            },
+            "unbanned": {
+                "other": "被取消阻擋了 %(count)s 次",
+                "one": "被取消阻擋了"
+            },
+            "unbanned_multiple": {
+                "other": "被取消阻擋了 %(count)s 次",
+                "one": "被取消阻擋了"
+            }
+        },
+        "thread_info_basic": "來自討論串",
+        "typing_indicator": {
+            "more_users": {
+                "other": "%(names)s 與其他 %(count)s 個人正在打字…",
+                "one": "%(names)s 與另一個人正在打字…"
+            },
+            "one_user": "%(displayName)s 正在打字…",
+            "two_users": "%(names)s 與 %(lastPerson)s 正在打字…"
+        },
+        "undecryptable_tooltip": "此訊息無法解密"
+    },
+    "truncated_list_n_more": {
+        "other": "與更多 %(count)s 個…"
+    },
+    "unsupported_server_description": "此伺服器正在使用較舊版本的 Matrix。升級至 Matrix %(version)s 以在沒有錯誤的情況下使用 %(brand)s。",
+    "unsupported_server_title": "您的伺服器不支援",
+    "update": {
+        "changelog": "變更記錄檔",
+        "check_action": "檢查更新",
+        "checking": "正在檢查更新…",
+        "downloading": "正在下載更新…",
+        "error_encountered": "遇到錯誤 (%(errorDetail)s)。",
+        "error_unable_load_commit": "無法載入遞交的詳細資訊：%(msg)s",
+        "new_version_available": "有可用的新版本。<a>立刻更新。</a>",
+        "no_update": "沒有可用的更新。",
+        "release_notes_toast_title": "新鮮事",
+        "see_changes_button": "有何新變動嗎？",
+        "toast_description": "%(brand)s 的新版本已可使用",
+        "toast_title": "更新 %(brand)s",
+        "unavailable": "無法取得"
+    },
+    "upload_failed_generic": "無法上傳檔案「%(fileName)s」。",
+    "upload_failed_size": "檔案 %(fileName)s 超過家伺服器的上傳限制",
+    "upload_failed_title": "無法上傳",
+    "upload_file": {
+        "cancel_all_button": "全部取消",
+        "error_file_too_large": "這個檔案<b>太大了</b>，沒辦法上傳。檔案大小限制為 %(limit)s 但這個檔案大小是 %(sizeOfThisFile)s。",
+        "error_files_too_large": "這些檔案<b>太大了</b>，沒辦法上傳。檔案大小限制為 %(limit)s。",
+        "error_some_files_too_large": "某些檔案<b>太大了</b>，沒辦法上傳。檔案大小限制為 %(limit)s。",
+        "error_title": "上傳錯誤",
+        "title": "上傳檔案",
+        "title_progress": "上傳檔案 (%(total)s 中的 %(current)s)",
+        "upload_all_button": "上傳全部",
+        "upload_n_others_button": {
+            "other": "上傳 %(count)s 個其他檔案",
+            "one": "上傳 %(count)s 個其他檔案"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "管理員工具",
+        "ban_button_room": "從聊天室封鎖",
+        "ban_button_space": "從聊天空間封鎖",
+        "ban_room_confirm_title": "從 %(roomName)s 封鎖",
+        "ban_space_everything": "從我有權限的所有地方封鎖他們",
+        "ban_space_specific": "從我有權限的特定地方封鎖他們",
+        "deactivate_confirm_action": "停用使用者",
+        "deactivate_confirm_description": "停用此使用者將會把他們登出並防止他們再次登入。另外，他們也將會離開所有加入的聊天室。此動作不可逆。您確定您想要停用此使用者嗎？",
+        "deactivate_confirm_title": "停用使用者？",
+        "demote_button": "降級",
+        "demote_self_confirm_description_space": "如果您將自己降級，將無法撤銷此變更，而且如果您是空間中的最後一個特殊權限使用者，將無法再取得這類特殊權限。",
+        "demote_self_confirm_room": "您正在將自己降級，如果您是聊天室中最後一位有特殊權限的使用者，您將無法復原此變更，因為無法再獲得特定權限。",
+        "demote_self_confirm_title": "將您自己降級？",
+        "disinvite_button_room": "從聊天室取消邀請",
+        "disinvite_button_room_name": "拒絕來自 %(roomName)s 的邀請",
+        "disinvite_button_space": "從聊天空間取消邀請",
+        "error_ban_user": "無法封鎖使用者",
+        "error_deactivate": "無法停用使用者",
+        "error_kicking_user": "無法移除使用者",
+        "error_mute_user": "無法將使用者設為靜音",
+        "error_revoke_3pid_invite_description": "無法撤銷邀請。伺服器可能暫時發生問題，或您沒有足夠的權限來撤銷邀請。",
+        "error_revoke_3pid_invite_title": "無法撤銷邀請",
+        "ignore_confirm_description": "來自該使用者的所有訊息與邀請都將被隱藏。您確定要忽略它們嗎？",
+        "ignore_confirm_title": "忽略 %(user)s",
+        "invited_by": "由 %(sender)s 邀請",
+        "jump_to_rr_button": "跳到讀取回條",
+        "kick_button_room": "踢出此聊天室",
+        "kick_button_room_name": "從 %(roomName)s 移除",
+        "kick_button_space": "從聊天空間移除",
+        "kick_button_space_everything": "從我有權限的所有地方移除",
+        "kick_space_specific": "從我有權限的特定地方移除",
+        "kick_space_warning": "他們仍然可以存取您不是管理員的任何地方。",
+        "promote_warning": "您將無法復原此變更，因為您正在將其他使用者的權限等級提升到與您相同。",
+        "redact": {
+            "confirm_button": {
+                "other": "移除 %(count)s 則訊息",
+                "one": "移除 1 則訊息"
+            },
+            "confirm_description_1": {
+                "one": "您將要移除 %(user)s 的 %(count)s 則訊息。將會為對話中的所有人永久移除它們。確定要繼續嗎？",
+                "other": "您將要移除 %(user)s 的 %(count)s 則訊息。將會為對話中的所有人永久移除它們。確定要繼續嗎？"
+            },
+            "confirm_description_2": "若有大量訊息需刪除，可能需要一些時間。請不要在此時重新整理您的客戶端。",
+            "confirm_keep_state_explainer": "若您也想移除此使用者的系統訊息（例如成員資格變更、個人資料變更…），請取消勾選",
+            "confirm_keep_state_label": "保留系統訊息",
+            "confirm_title": "移除 %(user)s 最近的訊息",
+            "no_recent_messages_description": "試著在時間軸上捲動以檢視有沒有較早的。",
+            "no_recent_messages_title": "找不到 %(user)s 最近的訊息"
+        },
+        "redact_button": "移除最近的訊息",
+        "revoke_invite": "撤銷邀請",
+        "room_encrypted": "此聊天室內的訊息有端對端加密。",
+        "room_encrypted_detail": "您的訊息已受保護，只有您與收件人才有獨特的金鑰將其解鎖。",
+        "room_unencrypted": "此聊天室內的訊息未經端到端加密。",
+        "room_unencrypted_detail": "在加密聊天室中，您的訊息相當安全，只有您與接收者有獨特的金鑰可以將其解鎖。",
+        "share_button": "分享使用者連結",
+        "unban_button_room": "從聊天室取消封鎖",
+        "unban_button_space": "從聊天空間取消封鎖",
+        "unban_room_confirm_title": "從 %(roomName)s 取消封鎖",
+        "unban_space_everything": "從我有權限的所有地方取消封鎖他們",
+        "unban_space_specific": "從我有權限的特定地方取消封鎖他們",
+        "unban_space_warning": "他們將無法存取您不是管理員的任何地方。",
+        "verify_button": "驗證使用者",
+        "verify_explainer": "為了提高安全性，請透過檢查您兩個裝置上的一次性代碼來驗證此使用者。"
+    },
+    "voip": {
+        "already_in_call": "已在通話中",
+        "already_in_call_person": "您正在與此人通話。",
+        "answered_elsewhere": "在其他地方回答",
+        "answered_elsewhere_description": "通話已在其他裝置上回應。",
+        "call_failed": "無法通話",
+        "call_failed_description": "無法建立通話",
+        "call_failed_media": "無法通話，因為無法存取網路攝影機或麥克風。請檢查：",
+        "call_failed_media_applications": "無其他應用程式正在使用網路攝影機",
+        "call_failed_media_connected": "麥克風與網路攝影機已插入並正確設定",
+        "call_failed_media_permissions": "授予使用網路攝影機的權限",
+        "call_failed_microphone": "無法通話，因為無法存取麥克風。請檢查是否已插入麥克風並正確設定。",
+        "call_held": "%(peerName)s 保留通話",
+        "call_held_resume": "您已保留通話<a>繼續</a>",
+        "call_held_switch": "您已保留通話<a>切換</a>",
+        "call_toast_unknown_room": "未知的聊天室",
+        "camera_disabled": "您的相機已關閉",
+        "camera_enabled": "您的相機開啟中",
+        "cannot_call_yourself_description": "您不能打電話給自己。",
+        "connecting": "連線中",
+        "connection_lost": "與伺服器的連線已遺失",
+        "connection_lost_description": "您無法在未連線至伺服器的情況下通話。",
+        "consulting": "與 %(transferTarget)s 進行諮詢。<a>轉移至 %(transferee)s</a>",
+        "default_device": "預設裝置",
+        "dial": "撥號",
+        "dialpad": "撥號鍵盤",
+        "disable_camera": "關閉相機",
+        "disable_microphone": "麥克風靜音",
+        "disabled_no_perms_start_video_call": "您沒有權限開始視訊通話",
+        "disabled_no_perms_start_voice_call": "您無權限開始語音通話",
+        "disabled_ongoing_call": "正在進行通話",
+        "enable_camera": "開啟相機",
+        "enable_microphone": "取消麥克風靜音",
+        "expand": "回到通話",
+        "hangup": "掛斷",
+        "hide_sidebar_button": "隱藏側邊欄",
+        "input_devices": "輸入裝置",
+        "maximise": "填滿螢幕",
+        "misconfigured_server": "由於伺服器設定錯誤，無法通話",
+        "misconfigured_server_description": "請聯繫您家伺服器（<code>%(homeserverDomain)s</code>）的管理員建立一套 TURN 伺服器，使通話能更穩定運作。",
+        "misconfigured_server_fallback": "或是您也可以試著使用公開伺服器 <server/>，但可能不夠可靠，而且會跟該伺服器分享您的 IP 位址。您也可以在設定中管理此設定。",
+        "misconfigured_server_fallback_accept": "嘗試使用 %(server)s",
+        "more_button": "更多",
+        "msisdn_lookup_failed": "無法查詢電話號碼",
+        "msisdn_lookup_failed_description": "尋找電話號碼時發生錯誤",
+        "msisdn_transfer_failed": "無法轉接通話",
+        "n_people_joined": {
+            "one": "%(count)s 個人已加入",
+            "other": "%(count)s 個人已加入"
+        },
+        "no_audio_input_description": "我們在您的裝置上找不到麥克風。請檢查您的設定並再試一次。",
+        "no_audio_input_title": "找不到麥克風",
+        "no_media_perms_description": "您可能需要手動允許 %(brand)s 存取您的麥克風／網路攝影機",
+        "no_media_perms_title": "沒有媒體權限",
+        "no_permission_conference": "需要權限",
+        "no_permission_conference_description": "您沒有在此聊天室啟動會議通話的權限",
+        "on_hold": "保留 %(name)s",
+        "output_devices": "輸出裝置",
+        "screenshare_monitor": "分享整個螢幕",
+        "screenshare_title": "分享內容",
+        "screenshare_window": "應用程式視窗",
+        "show_sidebar_button": "顯示側邊欄",
+        "silence": "通話靜音",
+        "silenced": "通知已靜音",
+        "start_screenshare": "開始分享您的畫面",
+        "stop_screenshare": "停止分享您的畫面",
+        "too_many_calls": "太多通話",
+        "too_many_calls_description": "您已達到同時通話的最大數量。",
+        "transfer_consult_first_label": "先諮詢",
+        "transfer_failed": "無法轉接",
+        "transfer_failed_description": "無法轉接通話",
+        "unable_to_access_audio_input_description": "我們無法存取您的麥克風。請檢查您的瀏覽器設定並再試一次。",
+        "unable_to_access_audio_input_title": "無法存取您的麥克風",
+        "unable_to_access_media": "無法存取網路攝影機／麥克風",
+        "unable_to_access_microphone": "無法存取麥克風",
+        "unknown_caller": "未知的來電者",
+        "unknown_person": "不明身份的人",
+        "unsilence": "開啟聲音",
+        "unsupported": "不支援通話",
+        "unsupported_browser": "您無法在此瀏覽器中通話。",
+        "user_busy": "使用者忙碌中",
+        "user_busy_description": "您想要通話的使用者目前忙碌中。",
+        "user_is_presenting": "%(sharerName)s 正在投影",
+        "video_call": "視訊通話",
+        "voice_call": "語音通話",
+        "you_are_presenting": "您正在投影"
+    },
+    "web_default_device_name": "%(appName)s：%(osName)s 的 %(browserName)s",
+    "widget": {
+        "added_by": "小工具新增者為",
+        "capabilities_dialog": {
+            "content_starting_text": "這個小工具想要：",
+            "decline_all_permission": "全部拒絕",
+            "remember_Selection": "記住我對這個小工具的選擇",
+            "title": "批准小工具權限"
+        },
+        "capability": {
+            "always_on_screen_generic": "在執行時保留在您的畫面上",
+            "always_on_screen_viewing_another_room": "在執行與檢視其他聊天室時仍保留在您的畫面上",
+            "any_room": "以上，但在任何您已加入或被邀請的聊天室中",
+            "byline_empty_state_key": "使用空的狀態金鑰",
+            "byline_state_key": "使用狀態金鑰 %(stateKey)s",
+            "capability": "<b>%(capability)s</b> 能力",
+            "change_avatar_active_room": "變更您活躍聊天室的大頭照",
+            "change_avatar_this_room": "變更此聊天室的大頭照",
+            "change_name_active_room": "變更您活躍聊天室的名稱",
+            "change_name_this_room": "變更此聊天室的名稱",
+            "change_topic_active_room": "變更您活躍聊天室的主題",
+            "change_topic_this_room": "變更此聊天室的主題",
+            "receive_membership_active_room": "檢視人們何時加入、離開或被邀請至您的活躍聊天室",
+            "receive_membership_this_room": "檢視人們何時加入、離開或被邀請加入此聊天室",
+            "remove_ban_invite_leave_active_room": "移除、封鎖或邀請夥伴加入您的活躍聊天室，然後讓您離開",
+            "remove_ban_invite_leave_this_room": "移除、封鎖或邀請他人進入此聊天室，然後讓您離開",
+            "see_avatar_change_active_room": "檢視您活躍聊天室的大頭照何時變更",
+            "see_avatar_change_this_room": "檢視此聊天室的大頭照何時變更",
+            "see_event_type_sent_active_room": "檢視發佈到您的活躍聊天室的 <b>%(eventType)s</b> 活動",
+            "see_event_type_sent_this_room": "檢視發佈到此聊天室的 <b>%(eventType)s</b> 活動",
+            "see_images_sent_active_room": "檢視發佈到您的活躍聊天室的圖片",
+            "see_images_sent_this_room": "檢視發佈到此聊天室的圖片",
+            "see_messages_sent_active_room": "檢視發佈到您的活躍聊天室的訊息",
+            "see_messages_sent_this_room": "檢視發佈到此聊天室的訊息",
+            "see_msgtype_sent_active_room": "檢視發佈到您活躍聊天室的 <b>%(msgtype)s</b> 訊息",
+            "see_msgtype_sent_this_room": "檢視發佈到此聊天室的 <b>%(msgtype)s</b> 訊息",
+            "see_name_change_active_room": "檢視您活躍聊天室的名稱何時變更",
+            "see_name_change_this_room": "檢視此聊天室的名稱何時變更",
+            "see_sent_emotes_active_room": "檢視發佈到您的活躍聊天室的表情符號",
+            "see_sent_emotes_this_room": "檢視發佈到此聊天室的表情符號",
+            "see_sent_files_active_room": "檢視在您的活躍聊天室中發佈的一般檔案",
+            "see_sent_files_this_room": "檢視在此聊天室中發佈的一般檔案",
+            "see_sticker_posted_active_room": "檢視何時有人將貼圖貼到您的活躍聊天室",
+            "see_sticker_posted_this_room": "檢視貼圖在此聊天室中何時貼出",
+            "see_text_messages_sent_active_room": "檢視發佈到您的活躍聊天室的文字訊息",
+            "see_text_messages_sent_this_room": "檢視發佈到此聊天室的文字訊息",
+            "see_topic_change_active_room": "檢視您的活躍聊天室的主題何時變更",
+            "see_topic_change_this_room": "檢視此聊天室的主題何時變更",
+            "see_videos_sent_active_room": "檢視發佈到您的活躍聊天室的影片",
+            "see_videos_sent_this_room": "檢視發佈到此聊天室的影片",
+            "send_emotes_active_room": "在您的活躍聊天室中以您的身份傳送表情符號",
+            "send_emotes_this_room": "在此聊天室中以您的身份傳送表情符號",
+            "send_event_type_active_room": "以您的身份在您的活躍聊天室傳送 <b>%(eventType)s</b> 活動",
+            "send_event_type_this_room": "以您的身份在此聊天室傳送 <b>%(eventType)s</b> 活動",
+            "send_files_active_room": "在您的活躍聊天室中以您的身份傳送一般檔案",
+            "send_files_this_room": "在此聊天室中以您的身份傳送一般檔案",
+            "send_images_active_room": "在您的活躍聊天室以您的身份傳送圖片",
+            "send_images_this_room": "在此聊天室以您的身份傳送圖片",
+            "send_messages_active_room": "在您的活躍聊天室以您的身份傳送訊息",
+            "send_messages_this_room": "在此聊天室以您的身份傳送訊息",
+            "send_msgtype_active_room": "在您的活躍聊天室中以您的身份傳送 <b>%(msgtype)s</b> 訊息",
+            "send_msgtype_this_room": "在此聊天室中以您的身份傳送 <b>%(msgtype)s</b> 訊息",
+            "send_stickers_active_room": "傳送貼圖到您的活躍聊天室",
+            "send_stickers_active_room_as_you": "以您的身份傳送貼圖到您的活躍聊天室",
+            "send_stickers_this_room": "傳送貼圖到此聊天室",
+            "send_stickers_this_room_as_you": "以您的身份傳送貼圖到此聊天室",
+            "send_text_messages_active_room": "在您的活躍聊天室以您的身份傳送文字訊息",
+            "send_text_messages_this_room": "在此聊天室以您的身份傳送文字訊息",
+            "send_videos_active_room": "在您的活躍聊天室中以您的身份傳送影片",
+            "send_videos_this_room": "在此聊天室中以您的身份傳送影片",
+            "specific_room": "以上，但也在 <Room /> 中",
+            "switch_room": "變更您正在檢視的聊天室",
+            "switch_room_message_user": "變更您正在檢視的聊天室、訊息或使用者"
+        },
+        "close_to_view_right_panel": "關閉此小工具以在此面板中檢視",
+        "context_menu": {
+            "delete": "刪除小工具",
+            "delete_warning": "刪除小工具會將它從此聊天室中所有使用者的收藏中移除。您確定您要刪除這個小工具嗎？"
+        },
+        "cookie_warning": "這個小工具可能會使用 cookies。",
+        "error_hangup_description": "您已斷開通話。（錯誤：%(message)s）",
+        "error_hangup_title": "連線遺失",
+        "error_loading": "載入小工具時發生錯誤",
+        "error_mixed_content": "錯誤 - 混合內容",
+        "error_need_invite_permission": "您需要擁有邀請使用者的權限才能做這件事。",
+        "error_need_kick_permission": "您必須可以踢除使用者才能作到這件事。",
+        "error_need_to_be_logged_in": "您需要登入。",
+        "error_unable_start_audio_stream_description": "無法開始音訊串流。",
+        "error_unable_start_audio_stream_title": "無法開始直播",
+        "modal_data_warning": "在此畫面上的資料會與 %(widgetDomain)s 分享",
+        "modal_title_default": "程式小工具",
+        "no_name": "未知的應用程式",
+        "open_id_permissions_dialog": {
+            "remember_selection": "記住這個",
+            "starting_text": "小工具將會驗證您的使用者 ID，但將無法為您執行動作：",
+            "title": "允許此小工具驗證您的身分"
+        },
+        "popout": "彈出式小工具",
+        "set_room_layout": "為所有人設定我的聊天室佈局",
+        "shared_data_avatar": "您的個人檔案圖片 URL",
+        "shared_data_device_id": "您的裝置 ID",
+        "shared_data_lang": "您的語言",
+        "shared_data_mxid": "您的使用者 ID",
+        "shared_data_name": "您的顯示名稱",
+        "shared_data_room_id": "聊天室 ID",
+        "shared_data_theme": "您的主題",
+        "shared_data_url": "%(brand)s 網址",
+        "shared_data_warning": "使用這個小工具可能會與 %(widgetDomain)s 分享資料 <helpIcon /> 。",
+        "shared_data_warning_im": "使用這個小工具可能會與 %(widgetDomain)s 以及您的整合管理員分享資料 <helpIcon />。",
+        "shared_data_widget_id": "小工具 ID",
+        "unencrypted_warning": "小工具不使用訊息加密。",
+        "unmaximise": "取消最大化",
+        "unpin_to_view_right_panel": "取消釘選這個小工具以在此面板中檢視"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "全大寫通常比全小寫好猜",
+            "anotherWord": "加入一個或兩個額外的單字。最好是不常用的。",
+            "associatedYears": "避免您有關聯的年份",
+            "capitalization": "大寫並沒有太大的協助",
+            "dates": "避免與您有關聯的日期與年份",
+            "l33t": "如「@」而非「a」這樣的預期中的替換並沒有太多的協助",
+            "longerKeyboardPattern": "以更多變化使用較長的鍵盤模式",
+            "noNeed": "不需要符號、數字或大寫字母",
+            "recentYears": "避免最近的年份",
+            "repeated": "避免重覆的文字與字母",
+            "reverseWords": "反向拼字不會比較難猜",
+            "sequences": "避免序列",
+            "useWords": "使用數個字，但避免常用片語"
+        },
+        "warnings": {
+            "common": "這是非常常見的密碼",
+            "commonNames": "常見的名字與姓氏易於猜測",
+            "dates": "日期通常比較好猜",
+            "extendedRepeat": "如「abcabcabc」這樣的重覆只比「abc」難猜一點",
+            "keyPattern": "短鍵盤模式很容易猜到",
+            "namesByThemselves": "姓名與姓氏本身很容易猜測",
+            "recentYears": "最近的年份易於猜測",
+            "sequences": "如 abc 或 6543 這樣的序列易於猜測",
+            "similarToCommon": "這與常見使用的密碼很類似",
+            "simpleRepeat": "如「aaa」這樣的重覆易於猜測",
+            "straightRow": "直排按鍵很容易猜到",
+            "topHundred": "這是百大常見的密碼",
+            "topTen": "這是十大常見的密碼",
+            "wordByItself": "單字本身很容易猜測"
+        }
+    }
+}
diff --git a/apps/web/src/i18n/utils.test.ts b/apps/web/src/i18n/utils.test.ts
new file mode 100644
index 00000000000..b4e893aab69
--- /dev/null
+++ b/apps/web/src/i18n/utils.test.ts
@@ -0,0 +1,45 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+import fetchMock from "@fetch-mock/vitest";
+
+import { getAllLanguagesWithLabels } from "./utils";
+
+describe("getAllLanguagesWithLabels", () => {
+    it("should handle unknown language sanely", async () => {
+        fetchMock.modifyRoute("languages", {
+            response: {
+                en: "en_EN.json",
+                de: "de_DE.json",
+                qq: "qq.json",
+            },
+        });
+        await expect(getAllLanguagesWithLabels()).resolves.toMatchInlineSnapshot(`
+                [
+                  {
+                    "label": "English",
+                    "labelInTargetLanguage": "English",
+                    "value": "en",
+                  },
+                  {
+                    "label": "German",
+                    "labelInTargetLanguage": "Deutsch",
+                    "value": "de",
+                  },
+                  {
+                    "label": "qq",
+                    "labelInTargetLanguage": "qq",
+                    "value": "qq",
+                  },
+                ]
+            `);
+    });
+});
diff --git a/apps/web/src/i18n/utils.ts b/apps/web/src/i18n/utils.ts
new file mode 100644
index 00000000000..7386a4adbbd
--- /dev/null
+++ b/apps/web/src/i18n/utils.ts
@@ -0,0 +1,64 @@
+/*
+ * 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 { getLangsJson, getLocale, normalizeLanguageKey } from "@element-hq/web-shared-components";
+
+async function getAllLanguagesFromJson(): Promise<string[]> {
+    return Object.keys(await getLangsJson());
+}
+
+type Language = {
+    value: string;
+    label: string; // translated
+    labelInTargetLanguage: string; // translated
+};
+
+export async function getAllLanguagesWithLabels(): Promise<Language[]> {
+    const languageNames = new Intl.DisplayNames([getLocale()], { type: "language", style: "short" });
+    const languages = await getAllLanguagesFromJson();
+    return languages.map<Language>((langKey) => {
+        return {
+            value: langKey,
+            label: languageNames.of(langKey)!,
+            labelInTargetLanguage: new Intl.DisplayNames([langKey], { type: "language", style: "short" }).of(langKey)!,
+        };
+    });
+}
+
+/**
+ * Given a list of language codes, pick the most appropriate one
+ * given the current language (ie. getCurrentLanguage())
+ * English is assumed to be a reasonable default.
+ *
+ * @param {string[]} langs List of language codes to pick from
+ * @returns {string} The most appropriate language code from langs
+ */
+export function pickBestLanguage(langs: string[]): string {
+    const currentLang = getLocale();
+    const normalisedLangs = langs.map(normalizeLanguageKey);
+
+    {
+        // Best is an exact match
+        const currentLangIndex = normalisedLangs.indexOf(currentLang);
+        if (currentLangIndex > -1) return langs[currentLangIndex];
+    }
+
+    {
+        // Failing that, a different dialect of the same language
+        const closeLangIndex = normalisedLangs.findIndex((l) => l.slice(0, 2) === currentLang.slice(0, 2));
+        if (closeLangIndex > -1) return langs[closeLangIndex];
+    }
+
+    {
+        // Neither of those? Try an english variant.
+        const enIndex = normalisedLangs.findIndex((l) => l.startsWith("en"));
+        if (enIndex > -1) return langs[enIndex];
+    }
+
+    // if nothing else, use the first
+    return langs[0];
+}
diff --git a/apps/web/src/identifiers.ts b/apps/web/src/identifiers.ts
new file mode 100644
index 00000000000..db342ed0463
--- /dev/null
+++ b/apps/web/src/identifiers.ts
@@ -0,0 +1,9 @@
+/*
+ * Copyright 2024 New Vector Ltd.
+ * Copyright 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.
+ */
+
+export const ELEMENT_CLIENT_ID = "io.element.web";
diff --git a/apps/web/src/indexing/BaseEventIndexManager.ts b/apps/web/src/indexing/BaseEventIndexManager.ts
new file mode 100644
index 00000000000..8a1c85dbbb6
--- /dev/null
+++ b/apps/web/src/indexing/BaseEventIndexManager.ts
@@ -0,0 +1,287 @@
+/*
+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 {
+    type IMatrixProfile,
+    type IEventWithRoomId as IMatrixEvent,
+    type IResultRoomEvents,
+    type Direction,
+} from "matrix-js-sdk/src/matrix";
+
+// The following interfaces take their names and member names from seshat and the spec
+
+/** A record of a place to resume crawling events in a given room. */
+export interface ICrawlerCheckpoint {
+    /** The room to be indexed */
+    roomId: string;
+
+    /** The pagination index to resume crawling from. */
+    token: string;
+
+    /**
+     * If `fullCrawl` is false (or absent) and we find that we have already indexed the events we find, then we stop crawling.
+     *
+     * If `fullCrawl` is true, then we keep going until we reach the end of the room history.
+     */
+    fullCrawl?: boolean;
+
+    /** Whether we should crawl in the forward or backward direction. */
+    direction: Direction;
+}
+
+export interface ISearchArgs {
+    search_term: string;
+    before_limit: number;
+    after_limit: number;
+    order_by_recency: boolean;
+    room_id?: string;
+    limit: number;
+    next_batch?: string;
+}
+
+export interface IEventAndProfile {
+    event: IMatrixEvent;
+    profile: IMatrixProfile;
+}
+
+export interface ILoadArgs {
+    roomId: string;
+    limit: number;
+    fromEvent?: string;
+    direction?: string;
+}
+
+export interface IIndexStats {
+    size: number;
+    eventCount: number;
+    roomCount: number;
+}
+
+/**
+ * Base class for classes that provide platform-specific event indexing.
+ *
+ * Instances of this class are provided by the application.
+ */
+export default abstract class BaseEventIndexManager {
+    /**
+     * Does our EventIndexManager support event indexing.
+     *
+     * If an EventIndexManager implementor has runtime dependencies that
+     * optionally enable event indexing they may override this method to perform
+     * the necessary runtime checks here.
+     *
+     * @returns {Promise} A promise that will resolve to true if event indexing
+     * is supported, false otherwise.
+     */
+    public async supportsEventIndexing(): Promise<boolean> {
+        return true;
+    }
+    /**
+     * Initialize the event index for the given user.
+     *
+     * @param {string} userId The event that should be added to the index.
+     * @param {string} deviceId The profile of the event sender at the
+     *
+     * @returns {Promise} A promise that will resolve when the event index is
+     * initialized.
+     */
+    public async initEventIndex(userId: string, deviceId: string): Promise<void> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * Queue up an event to be added to the index.
+     *
+     * @param {MatrixEvent} ev The event that should be added to the index.
+     * @param {IMatrixProfile} profile The profile of the event sender at the
+     * time the event was received.
+     *
+     * @returns {Promise} A promise that will resolve when the was queued up for
+     * addition.
+     */
+    public async addEventToIndex(ev: IMatrixEvent, profile: IMatrixProfile): Promise<void> {
+        throw new Error("Unimplemented");
+    }
+
+    public async deleteEvent(eventId: string): Promise<boolean> {
+        throw new Error("Unimplemented");
+    }
+
+    public async isEventIndexEmpty(): Promise<boolean> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * Check if the room with the given id is already indexed.
+     *
+     * @param {string} roomId The ID of the room which we want to check if it
+     * has been already indexed.
+     *
+     * @returns {Promise<boolean>} Returns true if the index contains events for
+     * the given room, false otherwise.
+     */
+    public isRoomIndexed(roomId: string): Promise<boolean> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * Get statistical information of the index.
+     *
+     * @returns {Promise<IIndexStats>} A promise that will resolve to the index
+     * statistics.
+     */
+    public async getStats(): Promise<IIndexStats> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * Get the user version of the database.
+     * @returns {Promise<number>} A promise that will resolve to the user stored
+     * version number.
+     */
+    public async getUserVersion(): Promise<number> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * Set the user stored version to the given version number.
+     *
+     * @param {number} version The new version that should be stored in the
+     * database.
+     *
+     * @returns {Promise<void>} A promise that will resolve once the new version
+     * is stored.
+     */
+    public async setUserVersion(version: number): Promise<void> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * Commit the previously queued up events to the index.
+     *
+     * @returns {Promise} A promise that will resolve once the queued up events
+     * were added to the index.
+     */
+    public async commitLiveEvents(): Promise<void> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * Search the event index using the given term for matching events.
+     *
+     * @param {ISearchArgs} searchArgs The search configuration for the search,
+     * sets the search term and determines the search result contents.
+     *
+     * @returns {Promise<IResultRoomEvents[]>} A promise that will resolve to an array
+     * of search results once the search is done.
+     */
+    public async searchEventIndex(searchArgs: ISearchArgs): Promise<IResultRoomEvents> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * Add events from the room history to the event index.
+     *
+     * This is used to add a batch of events to the index.
+     *
+     * @param {[IEventAndProfile]} events The list of events and profiles that
+     * should be added to the event index.
+     * @param {[ICrawlerCheckpoint]} checkpoint A new crawler checkpoint that
+     * should be stored in the index which should be used to continue crawling
+     * the room.
+     * @param {[ICrawlerCheckpoint]} oldCheckpoint The checkpoint that was used
+     * to fetch the current batch of events. This checkpoint will be removed
+     * from the index.
+     *
+     * @returns {Promise} A promise that will resolve to true if all the events
+     * were already added to the index, false otherwise.
+     */
+    public async addHistoricEvents(
+        events: IEventAndProfile[],
+        checkpoint: ICrawlerCheckpoint | null,
+        oldCheckpoint: ICrawlerCheckpoint | null,
+    ): Promise<boolean> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * Add a new crawler checkpoint to the index.
+     *
+     * @param {ICrawlerCheckpoint} checkpoint The checkpoint that should be added
+     * to the index.
+     *
+     * @returns {Promise} A promise that will resolve once the checkpoint has
+     * been stored.
+     */
+    public async addCrawlerCheckpoint(checkpoint: ICrawlerCheckpoint): Promise<void> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * Add a new crawler checkpoint to the index.
+     *
+     * @param {ICrawlerCheckpoint} checkpoint The checkpoint that should be
+     * removed from the index.
+     *
+     * @returns {Promise} A promise that will resolve once the checkpoint has
+     * been removed.
+     */
+    public async removeCrawlerCheckpoint(checkpoint: ICrawlerCheckpoint): Promise<void> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * Load the stored checkpoints from the index.
+     *
+     * @returns {Promise<[ICrawlerCheckpoint]>} A promise that will resolve to an
+     * array of crawler checkpoints once they have been loaded from the index.
+     */
+    public async loadCheckpoints(): Promise<ICrawlerCheckpoint[]> {
+        throw new Error("Unimplemented");
+    }
+
+    /** Load events that contain an mxc URL to a file from the index.
+     *
+     * @param  {object} args Arguments object for the method.
+     * @param  {string} args.roomId The ID of the room for which the events
+     * should be loaded.
+     * @param  {number} args.limit The maximum number of events to return.
+     * @param  {string} args.fromEvent An event id of a previous event returned
+     * by this method. Passing this means that we are going to continue loading
+     * events from this point in the history.
+     * @param  {string} args.direction The direction to which we should continue
+     * loading events from. This is used only if fromEvent is used as well.
+     *
+     * @returns {Promise<[IEventAndProfile]>} A promise that will resolve to an
+     * array of Matrix events that contain mxc URLs accompanied with the
+     * historic profile of the sender.
+     */
+    public async loadFileEvents(args: ILoadArgs): Promise<IEventAndProfile[]> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * close our event index.
+     *
+     * @returns {Promise} A promise that will resolve once the event index has
+     * been closed.
+     */
+    public async closeEventIndex(): Promise<void> {
+        throw new Error("Unimplemented");
+    }
+
+    /**
+     * Delete our current event index.
+     *
+     * @returns {Promise} A promise that will resolve once the event index has
+     * been deleted.
+     */
+    public async deleteEventIndex(): Promise<void> {
+        throw new Error("Unimplemented");
+    }
+}
diff --git a/apps/web/src/indexing/EventIndex.test.ts b/apps/web/src/indexing/EventIndex.test.ts
new file mode 100644
index 00000000000..3b284cd0760
--- /dev/null
+++ b/apps/web/src/indexing/EventIndex.test.ts
@@ -0,0 +1,193 @@
+/*
+Copyright 2025 The Matrix.org Foundation C.I.C.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterEach, type Mocked } from "vitest";
+import {
+    Direction,
+    type MatrixClient,
+    type IEvent,
+    MatrixEvent,
+    type Room,
+    ClientEvent,
+    SyncState,
+} from "matrix-js-sdk/src/matrix";
+
+import EventIndex from "./EventIndex.ts";
+import {
+    emitPromise,
+    getMockClientWithEventEmitter,
+    mockClientMethodsRooms,
+    mockPlatformPeg,
+} from "../../test/test-utils";
+import type BaseEventIndexManager from "./BaseEventIndexManager.ts";
+import { type ICrawlerCheckpoint } from "./BaseEventIndexManager.ts";
+import SettingsStore from "../settings/SettingsStore.ts";
+
+afterEach(() => {
+    vi.restoreAllMocks();
+});
+
+describe("EventIndex", () => {
+    it("crawls through the loaded checkpoints", async () => {
+        const mockIndexingManager = {
+            loadCheckpoints: vi.fn(),
+            removeCrawlerCheckpoint: vi.fn(),
+            isEventIndexEmpty: vi.fn().mockResolvedValue(false),
+        } as any as Mocked<BaseEventIndexManager>;
+        mockPlatformPeg({ getEventIndexingManager: () => mockIndexingManager });
+
+        const room1 = { roomId: "!room1:id" } as any as Room;
+        const room2 = { roomId: "!room2:id" } as any as Room;
+        const mockClient = getMockClientWithEventEmitter({
+            getEventMapper: () => (obj: Partial<IEvent>) => new MatrixEvent(obj),
+            createMessagesRequest: vi.fn(),
+            ...mockClientMethodsRooms([room1, room2]),
+        });
+
+        vi.spyOn(SettingsStore, "getValueAt").mockImplementation((_level, settingName): any => {
+            if (settingName === "crawlerSleepTime") return 0;
+            return undefined;
+        });
+
+        mockIndexingManager.loadCheckpoints.mockResolvedValue([
+            { roomId: "!room1:id", token: "token1", direction: Direction.Backward } as ICrawlerCheckpoint,
+            { roomId: "!room2:id", token: "token2", direction: Direction.Forward } as ICrawlerCheckpoint,
+        ]);
+
+        const indexer = new EventIndex();
+        await indexer.init();
+        let changedCheckpointPromise = emitPromise(indexer, "changedCheckpoint") as Promise<Room>;
+
+        indexer.startCrawler();
+
+        // Mock out the /messags request, and wait for the crawler to hit the first room
+        const mock1 = mockCreateMessagesRequest(mockClient);
+        let changedCheckpoint = await changedCheckpointPromise;
+        expect(changedCheckpoint.roomId).toEqual("!room1:id");
+
+        await mock1.called;
+        expect(mockClient.createMessagesRequest).toHaveBeenCalledWith("!room1:id", "token1", 100, "b");
+
+        // Continue, and wait for the crawler to hit the second room
+        changedCheckpointPromise = emitPromise(indexer, "changedCheckpoint") as Promise<Room>;
+        mock1.resolve({ chunk: [] });
+        changedCheckpoint = await changedCheckpointPromise;
+        expect(changedCheckpoint.roomId).toEqual("!room2:id");
+
+        // Mock out the /messages request again, and wait for it to be called
+        const mock2 = mockCreateMessagesRequest(mockClient);
+        await mock2.called;
+        expect(mockClient.createMessagesRequest).toHaveBeenCalledWith("!room2:id", "token2", 100, "f");
+    });
+
+    it("adds checkpoints for the encrypted rooms after the first sync", async () => {
+        const mockIndexingManager = {
+            loadCheckpoints: vi.fn().mockResolvedValue([]),
+            isEventIndexEmpty: vi.fn().mockResolvedValue(true),
+            addCrawlerCheckpoint: vi.fn(),
+            removeCrawlerCheckpoint: vi.fn(),
+            commitLiveEvents: vi.fn(),
+        } as any as Mocked<BaseEventIndexManager>;
+        mockPlatformPeg({ getEventIndexingManager: () => mockIndexingManager });
+
+        const room1 = {
+            roomId: "!room1:id",
+            getLiveTimeline: () => ({
+                getPaginationToken: () => "token1",
+            }),
+        } as any as Room;
+        const room2 = {
+            roomId: "!room2:id",
+            getLiveTimeline: () => ({
+                getPaginationToken: () => "token2",
+            }),
+        } as any as Room;
+        const mockCrypto = {
+            isEncryptionEnabledInRoom: vi.fn().mockResolvedValue(true),
+        };
+        const mockClient = getMockClientWithEventEmitter({
+            getEventMapper: () => (obj: Partial<IEvent>) => new MatrixEvent(obj),
+            createMessagesRequest: vi.fn(),
+            getCrypto: () => mockCrypto as any,
+            ...mockClientMethodsRooms([room1, room2]),
+        });
+
+        const commitLiveEventsCalled = Promise.withResolvers<void>();
+        mockIndexingManager.commitLiveEvents.mockImplementation(async () => {
+            commitLiveEventsCalled.resolve();
+        });
+
+        const indexer = new EventIndex();
+        await indexer.init();
+
+        // During the first sync, some events are added to the index, meaning that `isEventIndexEmpty` will now be false.
+        mockIndexingManager.isEventIndexEmpty.mockResolvedValue(false);
+
+        // The first sync completes:
+        mockClient.emit(ClientEvent.Sync, SyncState.Syncing, null, {});
+
+        // Wait for `commitLiveEvents` to be called, by which time the checkpoints should have been added.
+        await commitLiveEventsCalled.promise;
+        expect(mockIndexingManager.addCrawlerCheckpoint).toHaveBeenCalledTimes(4);
+        expect(mockIndexingManager.addCrawlerCheckpoint).toHaveBeenCalledWith({
+            roomId: "!room1:id",
+            token: "token1",
+            direction: Direction.Backward,
+            fullCrawl: true,
+        });
+        expect(mockIndexingManager.addCrawlerCheckpoint).toHaveBeenCalledWith({
+            roomId: "!room1:id",
+            token: "token1",
+            direction: Direction.Forward,
+        });
+        expect(mockIndexingManager.addCrawlerCheckpoint).toHaveBeenCalledWith({
+            roomId: "!room2:id",
+            token: "token2",
+            direction: Direction.Backward,
+            fullCrawl: true,
+        });
+        expect(mockIndexingManager.addCrawlerCheckpoint).toHaveBeenCalledWith({
+            roomId: "!room2:id",
+            token: "token2",
+            direction: Direction.Forward,
+        });
+    });
+});
+
+/**
+ * Mock out the `createMessagesRequest` method on the client, with an implementation that will block until a resolver is called.
+ *
+ * @returns An object with the following properties:
+ *  * `called`: A promise that resolves when `createMessagesRequest` is called.
+ *  * `resolve`: A function that can be called to allow `createMessagesRequest` to complete.
+ */
+function mockCreateMessagesRequest(mockClient: Mocked<MatrixClient>): {
+    called: Promise<void>;
+    resolve: (result: any) => void;
+} {
+    const messagesCalledPromise = Promise.withResolvers<void>();
+    const messagesResultPromise = Promise.withResolvers();
+    mockClient.createMessagesRequest.mockImplementationOnce(() => {
+        messagesCalledPromise.resolve();
+        return messagesResultPromise.promise as any;
+    });
+    return {
+        called: messagesCalledPromise.promise,
+        resolve: messagesResultPromise.resolve,
+    };
+}
diff --git a/apps/web/src/indexing/EventIndex.ts b/apps/web/src/indexing/EventIndex.ts
new file mode 100644
index 00000000000..6b6f351012a
--- /dev/null
+++ b/apps/web/src/indexing/EventIndex.ts
@@ -0,0 +1,1031 @@
+/*
+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.
+*/
+
+// oxlint-disable-next-line no-restricted-imports
+import { EventEmitter } from "events";
+import {
+    RoomMember,
+    type Room,
+    RoomEvent,
+    type RoomState,
+    RoomStateEvent,
+    type MatrixEvent,
+    Direction,
+    EventTimeline,
+    type EventTimelineSet,
+    type IRoomTimelineData,
+    EventType,
+    ClientEvent,
+    type MatrixClient,
+    HTTPError,
+    type IEventWithRoomId,
+    type IMatrixProfile,
+    type IResultRoomEvents,
+    type SyncStateData,
+    SyncState,
+    type TimelineIndex,
+    type TimelineWindow,
+} 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 PlatformPeg from "../PlatformPeg";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import SettingsStore from "../settings/SettingsStore";
+import { SettingLevel } from "../settings/SettingLevel";
+import {
+    type ICrawlerCheckpoint,
+    type IEventAndProfile,
+    type IIndexStats,
+    type ILoadArgs,
+    type ISearchArgs,
+} from "./BaseEventIndexManager";
+import { asyncFilter } from "../utils/arrays.ts";
+import { logErrorAndShowErrorDialog } from "../utils/ErrorUtils.tsx";
+
+// The time in ms that the crawler will wait loop iterations if there
+// have not been any checkpoints to consume in the last iteration.
+const CRAWLER_IDLE_TIME = 5000;
+
+// The maximum number of events our crawler should fetch in a single crawl.
+const EVENTS_PER_CRAWL = 100;
+
+interface ICrawler {
+    cancel(): void;
+}
+
+/**
+ * Event indexing class that wraps the platform specific event indexing.
+ */
+export default class EventIndex extends EventEmitter {
+    private crawler: ICrawler | null = null;
+
+    /**
+     * A list of checkpoints which are awaiting processing by the crawler, once it has done with `currentCheckpoint`.
+     */
+    private crawlerCheckpoints: ICrawlerCheckpoint[] = [];
+
+    /**
+     * The current checkpoint that the crawler is working on.
+     */
+    private currentCheckpoint: ICrawlerCheckpoint | null = null;
+
+    /**
+     * True if we need to add the initial checkpoints for encrypted rooms, once we've completed a sync.
+     * This is set if the database is empty when the indexer is first initialized.
+     */
+    private needsInitialCheckpoints = false;
+
+    private readonly logger;
+
+    public constructor() {
+        super();
+
+        this.logger = logger.getChild("EventIndex");
+    }
+
+    public async init(): Promise<void> {
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+        if (!indexManager) return;
+
+        // If the index is empty, set a flag so that we add the initial checkpoints once we sync.
+        // We do this check here rather than in `onSync` because, by the time `onSync` is called, there will
+        // have been a few events added to the index.
+        if (await indexManager.isEventIndexEmpty()) {
+            this.needsInitialCheckpoints = true;
+        }
+
+        this.crawlerCheckpoints = await indexManager.loadCheckpoints();
+        this.logger.debug("Loaded checkpoints", JSON.stringify(this.crawlerCheckpoints));
+
+        this.registerListeners();
+    }
+
+    /**
+     * Register event listeners that are necessary for the event index to work.
+     */
+    public registerListeners(): void {
+        const client = MatrixClientPeg.safeGet();
+
+        client.on(ClientEvent.Sync, this.onSync);
+        client.on(RoomEvent.Timeline, this.onRoomTimeline);
+        client.on(RoomEvent.TimelineReset, this.onTimelineReset);
+        client.on(RoomStateEvent.Events, this.onRoomStateEvent);
+    }
+
+    /**
+     * Remove the event index specific event listeners.
+     */
+    public removeListeners(): void {
+        const client = MatrixClientPeg.get();
+        if (client === null) return;
+
+        client.removeListener(ClientEvent.Sync, this.onSync);
+        client.removeListener(RoomEvent.Timeline, this.onRoomTimeline);
+        client.removeListener(RoomEvent.TimelineReset, this.onTimelineReset);
+        client.removeListener(RoomStateEvent.Events, this.onRoomStateEvent);
+    }
+
+    /**
+     * Add crawler checkpoints for all of the encrypted rooms the user is in.
+     */
+    public async addInitialCheckpoints(): Promise<void> {
+        this.needsInitialCheckpoints = false;
+
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+        if (!indexManager) return;
+        const client = MatrixClientPeg.safeGet();
+        const rooms = client.getRooms();
+
+        // We only care to crawl the encrypted rooms, non-encrypted
+        // rooms can use the search provided by the homeserver.
+        const encryptedRooms = await asyncFilter(rooms, async (room) =>
+            Boolean(await client.getCrypto()?.isEncryptionEnabledInRoom(room.roomId)),
+        );
+
+        this.logger.debug("addInitialCheckpoints: starting");
+
+        // Gather the prev_batch tokens and create checkpoints for
+        // our message crawler.
+        await Promise.all(
+            encryptedRooms.map(async (room): Promise<void> => {
+                const timeline = room.getLiveTimeline();
+                const token = timeline.getPaginationToken(Direction.Backward);
+
+                if (!token) {
+                    this.logger.debug(`addInitialCheckpoints: No back-pagination token for room ${room.roomId}"`);
+                    return;
+                }
+                this.logger.debug(`addInitialCheckpoints: Adding initial checkpoints for room ${room.roomId}`);
+
+                const backCheckpoint: ICrawlerCheckpoint = {
+                    roomId: room.roomId,
+                    token: token,
+                    direction: Direction.Backward,
+                    fullCrawl: true,
+                };
+
+                const forwardCheckpoint: ICrawlerCheckpoint = {
+                    roomId: room.roomId,
+                    token: token,
+                    direction: Direction.Forward,
+                };
+
+                try {
+                    await indexManager.addCrawlerCheckpoint(backCheckpoint);
+                    this.crawlerCheckpoints.push(backCheckpoint);
+
+                    await indexManager.addCrawlerCheckpoint(forwardCheckpoint);
+                    this.crawlerCheckpoints.push(forwardCheckpoint);
+                } catch (e) {
+                    this.logger.warn(
+                        `addInitialCheckpoints: Error adding initial checkpoints for room ${room.roomId}`,
+                        e,
+                    );
+                }
+            }),
+        );
+        this.logger.debug("addInitialCheckpoints: done");
+    }
+
+    /**
+     * The sync event listener.
+     */
+    private onSync = (state: SyncState, prevState: SyncState | null, data?: SyncStateData): void => {
+        if (state != SyncState.Syncing) return;
+
+        const onSyncInner = async (): Promise<void> => {
+            const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+            if (!indexManager) return;
+
+            // If the index was empty when we first started up, add the initial checkpoints, to back-populate the index.
+            if (this.needsInitialCheckpoints) {
+                await this.addInitialCheckpoints();
+            }
+
+            // Start the crawler if it's not already running.
+            this.startCrawler();
+
+            // Commit any queued up live events
+            await indexManager.commitLiveEvents();
+        };
+
+        onSyncInner().catch((e) => {
+            logErrorAndShowErrorDialog("Event indexer threw an unexpected error", e);
+        });
+    };
+
+    /*
+     * The Room.timeline listener.
+     *
+     * This listener waits for live events in encrypted rooms, if they are
+     * decrypted or unencrypted we queue them to be added to the index,
+     * otherwise we save their event id and wait for them in the Event.decrypted
+     * listener.
+     */
+    private onRoomTimeline = async (
+        ev: MatrixEvent,
+        room: Room | undefined,
+        toStartOfTimeline: boolean | undefined,
+        removed: boolean,
+        data: IRoomTimelineData,
+    ): Promise<void> => {
+        if (!room) return; // notification timeline, we'll get this event again with a room specific timeline
+
+        const client = MatrixClientPeg.safeGet();
+
+        // We only index encrypted rooms locally.
+        if (!client.isRoomEncrypted(ev.getRoomId()!)) return;
+
+        if (ev.isRedaction()) {
+            return this.redactEvent(ev);
+        }
+
+        // If it isn't a live event or if it's redacted there's nothing to do.
+        if (toStartOfTimeline || !data || !data.liveEvent || ev.isRedacted()) {
+            return;
+        }
+
+        await client.decryptEventIfNeeded(ev);
+
+        await this.addLiveEventToIndex(ev);
+    };
+
+    private onRoomStateEvent = async (ev: MatrixEvent, state: RoomState): Promise<void> => {
+        if (!MatrixClientPeg.safeGet().isRoomEncrypted(state.roomId)) return;
+
+        if (ev.getType() === EventType.RoomEncryption && !(await this.isRoomIndexed(state.roomId))) {
+            this.logger.debug("Adding a checkpoint for a newly encrypted room", state.roomId);
+            this.addRoomCheckpoint(state.roomId, true);
+        }
+    };
+
+    /*
+     * Removes a redacted event from our event index.
+     * We cannot rely on Room.redaction as this only fires if the redaction applied to an event the js-sdk has loaded.
+     */
+    private redactEvent = async (ev: MatrixEvent): Promise<void> => {
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+        if (!indexManager) return;
+
+        const associatedId = ev.getAssociatedId();
+        if (!associatedId) return;
+
+        try {
+            await indexManager.deleteEvent(associatedId);
+        } catch (e) {
+            this.logger.warn("Error deleting event from index", e);
+        }
+    };
+
+    /*
+     * The Room.timelineReset listener.
+     *
+     * Listens for timeline resets that are caused by a limited timeline to
+     * re-add checkpoints for rooms that need to be crawled again.
+     */
+    private onTimelineReset = async (room: Room | undefined): Promise<void> => {
+        if (!room) return;
+        if (!MatrixClientPeg.safeGet().isRoomEncrypted(room.roomId)) return;
+
+        this.logger.debug("Adding a checkpoint because of a limited timeline", room.roomId);
+
+        this.addRoomCheckpoint(room.roomId, false);
+    };
+
+    /**
+     * Check if an event should be added to the event index.
+     *
+     * Most notably we filter events for which decryption failed, are redacted
+     * or aren't of a type that we know how to index.
+     *
+     * @param {MatrixEvent} ev The event that should be checked.
+     * @returns {bool} Returns true if the event can be indexed, false
+     * otherwise.
+     */
+    private isValidEvent(this: void, ev: MatrixEvent): boolean {
+        const isUsefulType = [EventType.RoomMessage, EventType.RoomName, EventType.RoomTopic].includes(
+            ev.getType() as EventType,
+        );
+        const validEventType = isUsefulType && !ev.isRedacted() && !ev.isDecryptionFailure();
+
+        let validMsgType = true;
+        let hasContentValue = true;
+
+        if (ev.getType() === EventType.RoomMessage && !ev.isRedacted()) {
+            // Expand this if there are more invalid msgtypes.
+            const msgtype = ev.getContent().msgtype;
+
+            if (!msgtype) validMsgType = false;
+            else validMsgType = !msgtype.startsWith("m.key.verification");
+
+            if (!ev.getContent().body) hasContentValue = false;
+        } else if (ev.getType() === EventType.RoomTopic && !ev.isRedacted()) {
+            if (!ev.getContent().topic) hasContentValue = false;
+        } else if (ev.getType() === EventType.RoomName && !ev.isRedacted()) {
+            if (!ev.getContent().name) hasContentValue = false;
+        }
+
+        return validEventType && validMsgType && hasContentValue;
+    }
+
+    private eventToJson(ev: MatrixEvent): IEventWithRoomId {
+        const e = ev.getEffectiveEvent() as any;
+
+        if (ev.isEncrypted()) {
+            // Let us store some additional data so we can re-verify the event.
+            // The js-sdk checks if an event is encrypted using the algorithm,
+            // the sender key and ed25519 signing key are used to find the
+            // correct device that sent the event which allows us to check the
+            // verification state of the event, either directly or using cross
+            // signing.
+            e.curve25519Key = ev.getSenderKey();
+            e.ed25519Key = ev.getClaimedEd25519Key();
+            e.algorithm = ev.getWireContent().algorithm;
+            e.forwardingCurve25519KeyChain = ev.getForwardingCurve25519KeyChain();
+        } else {
+            // Make sure that unencrypted events don't contain any of that data,
+            // despite what the server might give to us.
+            delete e.curve25519Key;
+            delete e.ed25519Key;
+            delete e.algorithm;
+            delete e.forwardingCurve25519KeyChain;
+        }
+
+        return e;
+    }
+
+    /**
+     * Queue up live events to be added to the event index.
+     *
+     * @param {MatrixEvent} ev The event that should be added to the index.
+     */
+    private async addLiveEventToIndex(ev: MatrixEvent): Promise<void> {
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+
+        if (!indexManager || !this.isValidEvent(ev)) return;
+
+        const e = this.eventToJson(ev);
+
+        const profile = {
+            displayname: ev.sender?.rawDisplayName,
+            avatar_url: ev.sender?.getMxcAvatarUrl(),
+        };
+
+        await indexManager.addEventToIndex(e, profile);
+    }
+
+    /**
+     * Emmit that the crawler has changed the checkpoint that it's currently
+     * handling.
+     */
+    private emitNewCheckpoint(): void {
+        this.emit("changedCheckpoint", this.currentRoom());
+    }
+
+    private async addEventsFromLiveTimeline(timeline: EventTimeline): Promise<void> {
+        const events = timeline.getEvents();
+
+        for (let i = 0; i < events.length; i++) {
+            const ev = events[i];
+            await this.addLiveEventToIndex(ev);
+        }
+    }
+
+    private async addRoomCheckpoint(roomId: string, fullCrawl = false): Promise<void> {
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+        if (!indexManager) return;
+        const client = MatrixClientPeg.safeGet();
+        const room = client.getRoom(roomId);
+
+        if (!room) return;
+
+        const timeline = room.getLiveTimeline();
+        const token = timeline.getPaginationToken(Direction.Backward);
+
+        if (!token) {
+            // The room doesn't contain any tokens, meaning the live timeline
+            // contains all the events, add those to the index.
+            await this.addEventsFromLiveTimeline(timeline);
+            return;
+        }
+
+        const checkpoint = {
+            roomId: room.roomId,
+            token: token,
+            fullCrawl: fullCrawl,
+            direction: Direction.Backward,
+        };
+
+        this.logger.debug("Adding checkpoint", JSON.stringify(checkpoint));
+
+        try {
+            await indexManager.addCrawlerCheckpoint(checkpoint);
+        } catch (e) {
+            this.logger.warn(`Error adding new checkpoint for room ${room.roomId}`, e);
+        }
+
+        this.crawlerCheckpoints.push(checkpoint);
+    }
+
+    /**
+     * The main crawler loop.
+     *
+     * Goes through crawlerCheckpoints and fetches events from the server to be
+     * added to the EventIndex.
+     *
+     * If a /room/{roomId}/messages request doesn't contain any events, stop the
+     * crawl, otherwise create a new checkpoint and push it to the
+     * crawlerCheckpoints queue, so we go through them in a round-robin way.
+     */
+    private async crawlerFunc(): Promise<void> {
+        let cancelled = false;
+
+        const client = MatrixClientPeg.safeGet();
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+        if (!indexManager) return;
+
+        this.crawler = {
+            cancel: () => {
+                cancelled = true;
+            },
+        };
+
+        let idle = false;
+
+        // oxlint-disable-next-line no-unmodified-loop-condition
+        while (!cancelled) {
+            let sleepTime = SettingsStore.getValueAt(SettingLevel.DEVICE, "crawlerSleepTime");
+
+            // Don't let the user configure a lower sleep time than 100 ms.
+            sleepTime = Math.max(sleepTime, 100);
+
+            if (idle) {
+                sleepTime = CRAWLER_IDLE_TIME;
+            }
+
+            if (this.currentCheckpoint !== null) {
+                this.currentCheckpoint = null;
+                this.emitNewCheckpoint();
+            }
+
+            await sleep(sleepTime);
+
+            if (cancelled) {
+                break;
+            }
+
+            const checkpoint = this.crawlerCheckpoints.shift();
+
+            /// There is no checkpoint available currently, one may appear if
+            // a sync with limited room timelines happens, so go back to sleep.
+            if (checkpoint === undefined) {
+                idle = true;
+                continue;
+            }
+
+            this.logger.debug(`Processing checkpoint ${JSON.stringify(checkpoint)}`);
+            this.currentCheckpoint = checkpoint;
+            this.emitNewCheckpoint();
+
+            idle = false;
+
+            // We have a checkpoint, let us fetch some messages, again, very
+            // conservatively to not bother our homeserver too much.
+            const eventMapper = client.getEventMapper({ preventReEmit: true });
+            // TODO we need to ensure to use member lazy loading with this
+            // request so we get the correct profiles.
+            let res: Awaited<ReturnType<MatrixClient["createMessagesRequest"]>>;
+
+            try {
+                res = await client.createMessagesRequest(
+                    checkpoint.roomId,
+                    checkpoint.token,
+                    EVENTS_PER_CRAWL,
+                    checkpoint.direction,
+                );
+            } catch (e) {
+                if (e instanceof HTTPError && e.httpStatus === 403) {
+                    this.logger.debug(
+                        "Removing checkpoint as we don't have ",
+                        "permissions to fetch messages from this room.",
+                        JSON.stringify(checkpoint),
+                    );
+                    try {
+                        await indexManager.removeCrawlerCheckpoint(checkpoint);
+                    } catch (e) {
+                        this.logger.warn(`Error removing checkpoint ${JSON.stringify(checkpoint)}:`, e);
+                        // We don't push the checkpoint here back, it will
+                        // hopefully be removed after a restart. But let us
+                        // ignore it for now as we don't want to hammer the
+                        // endpoint.
+                    }
+                    continue;
+                }
+
+                this.logger.warn(`Error crawling using checkpoint ${JSON.stringify(checkpoint)}:`, e);
+                this.crawlerCheckpoints.push(checkpoint);
+                continue;
+            }
+
+            if (cancelled) {
+                this.crawlerCheckpoints.push(checkpoint);
+                break;
+            }
+
+            if (res.chunk.length === 0) {
+                this.logger.debug("Done with the checkpoint", JSON.stringify(checkpoint));
+                // We got to the start/end of our timeline, lets just
+                // delete our checkpoint and go back to sleep.
+                try {
+                    await indexManager.removeCrawlerCheckpoint(checkpoint);
+                } catch (e) {
+                    this.logger.warn("Error removing checkpoint", JSON.stringify(checkpoint), e);
+                }
+                continue;
+            }
+
+            // Convert the plain JSON events into Matrix events so they get
+            // decrypted if necessary.
+            const matrixEvents = res.chunk.map(eventMapper);
+            let stateEvents: MatrixEvent[] = [];
+            if (res.state !== undefined) {
+                stateEvents = res.state.map(eventMapper);
+            }
+
+            const profiles: Record<string, IMatrixProfile> = {};
+
+            stateEvents.forEach((ev) => {
+                if (ev.getContent().membership === KnownMembership.Join) {
+                    profiles[ev.getSender()!] = {
+                        displayname: ev.getContent().displayname,
+                        avatar_url: ev.getContent().avatar_url,
+                    };
+                }
+            });
+
+            const decryptionPromises = matrixEvents
+                .filter((event) => event.isEncrypted())
+                .map((event) => {
+                    return client.decryptEventIfNeeded(event, { emit: false });
+                });
+
+            // Let us wait for all the events to get decrypted.
+            await Promise.all(decryptionPromises);
+
+            // TODO if there are no events at this point we're missing a lot
+            // decryption keys, do we want to retry this checkpoint at a later
+            // stage?
+            const filteredEvents = matrixEvents.filter(this.isValidEvent);
+
+            // Collect the redaction events, so we can delete the redacted events from the index.
+            const redactionEvents = matrixEvents.filter((ev) => ev.isRedaction());
+
+            // Let us convert the events back into a format that EventIndex can
+            // consume.
+            const events = filteredEvents.map((ev) => {
+                const e = this.eventToJson(ev);
+
+                let profile: IMatrixProfile = {};
+                if (e.sender in profiles) profile = profiles[e.sender];
+                const object = {
+                    event: e,
+                    profile: profile,
+                };
+                return object;
+            });
+
+            let newCheckpoint: ICrawlerCheckpoint | null = null;
+
+            // The token can be null for some reason. Don't create a checkpoint
+            // in that case since adding it to the db will fail.
+            if (res.end) {
+                // Create a new checkpoint so we can continue crawling the room
+                // for messages.
+                newCheckpoint = {
+                    roomId: checkpoint.roomId,
+                    token: res.end,
+                    fullCrawl: checkpoint.fullCrawl,
+                    direction: checkpoint.direction,
+                };
+            }
+
+            try {
+                for (let i = 0; i < redactionEvents.length; i++) {
+                    const ev = redactionEvents[i];
+                    const eventId = ev.getAssociatedId();
+
+                    if (eventId) {
+                        await indexManager.deleteEvent(eventId);
+                    } else {
+                        this.logger.warn("Redaction event doesn't contain a valid associated event id", ev);
+                    }
+                }
+
+                const eventsAlreadyAdded = await indexManager.addHistoricEvents(events, newCheckpoint, checkpoint);
+
+                // We didn't get a valid new checkpoint from the server, nothing
+                // to do here anymore.
+                if (!newCheckpoint) {
+                    this.logger.debug(
+                        "The server didn't return a valid new checkpoint, not continuing the crawl.",
+                        JSON.stringify(checkpoint),
+                    );
+                    continue;
+                }
+
+                // If all events were already indexed we assume that we caught
+                // up with our index and don't need to crawl the room further.
+                // Let us delete the checkpoint in that case, otherwise push
+                // the new checkpoint to be used by the crawler.
+                if (eventsAlreadyAdded === true && newCheckpoint.fullCrawl !== true) {
+                    this.logger.debug(
+                        "Checkpoint had already all events",
+                        "added, stopping the crawl",
+                        JSON.stringify(checkpoint),
+                    );
+                    await indexManager.removeCrawlerCheckpoint(newCheckpoint);
+                } else {
+                    if (eventsAlreadyAdded === true) {
+                        this.logger.debug(
+                            "Checkpoint had already all events",
+                            "added, but continuing due to a full crawl",
+                            JSON.stringify(checkpoint),
+                        );
+                    }
+                    this.crawlerCheckpoints.push(newCheckpoint);
+                }
+            } catch (e) {
+                this.logger.warn("Error during a crawl", e);
+                // An error occurred, put the checkpoint back so we
+                // can retry.
+                this.crawlerCheckpoints.push(checkpoint);
+            }
+        }
+    }
+
+    /**
+     * Start the crawler background task.
+     */
+    public startCrawler(): void {
+        if (this.crawler !== null) return;
+        this.logger.debug("Starting crawler");
+        this.crawlerFunc()
+            .finally(() => {
+                this.crawler = null;
+            })
+            .catch((e) => {
+                this.logger.error("Error in crawler function", e);
+            });
+    }
+
+    /**
+     * Stop the crawler background task.
+     */
+    public stopCrawler(): void {
+        if (this.crawler === null) return;
+        this.logger.debug("Stopping crawler");
+        this.crawler.cancel();
+    }
+
+    /**
+     * Close the event index.
+     *
+     * This removes all the MatrixClient event listeners, stops the crawler
+     * task, and closes the index.
+     */
+    public async close(): Promise<void> {
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+        this.removeListeners();
+        this.stopCrawler();
+        await indexManager?.closeEventIndex();
+    }
+
+    /**
+     * Search the event index using the given term for matching events.
+     *
+     * @param {ISearchArgs} searchArgs The search configuration for the search,
+     * sets the search term and determines the search result contents.
+     *
+     * @returns {Promise<IResultRoomEvents[]>} A promise that will resolve to an array
+     * of search results once the search is done.
+     */
+    public async search(searchArgs: ISearchArgs): Promise<IResultRoomEvents | undefined> {
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+        return indexManager?.searchEventIndex(searchArgs);
+    }
+
+    /**
+     * Load events that contain URLs from the event index.
+     *
+     * @param {Room} room The room for which we should fetch events containing
+     * URLs
+     *
+     * @param {number} limit The maximum number of events to fetch.
+     *
+     * @param {string} fromEvent From which event should we continue fetching
+     * events from the index. This is only needed if we're continuing to fill
+     * the timeline, e.g. if we're paginating. This needs to be set to a event
+     * id of an event that was previously fetched with this function.
+     *
+     * @param {string} direction The direction in which we will continue
+     * fetching events. EventTimeline.BACKWARDS to continue fetching events that
+     * are older than the event given in fromEvent, EventTimeline.FORWARDS to
+     * fetch newer events.
+     *
+     * @returns {Promise<MatrixEvent[]>} Resolves to an array of events that
+     * contain URLs.
+     */
+    public async loadFileEvents(
+        room: Room,
+        limit = 10,
+        fromEvent?: string,
+        direction: string = EventTimeline.BACKWARDS,
+    ): Promise<MatrixEvent[]> {
+        const client = MatrixClientPeg.safeGet();
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+        if (!indexManager) return [];
+
+        const loadArgs: ILoadArgs = {
+            roomId: room.roomId,
+            limit: limit,
+        };
+
+        if (fromEvent) {
+            loadArgs.fromEvent = fromEvent;
+            loadArgs.direction = direction;
+        }
+
+        let events: IEventAndProfile[];
+
+        // Get our events from the event index.
+        try {
+            events = await indexManager.loadFileEvents(loadArgs);
+        } catch (e) {
+            this.logger.debug("Error getting file events", e);
+            return [];
+        }
+
+        const eventMapper = client.getEventMapper();
+
+        // Turn the events into MatrixEvent objects.
+        const matrixEvents = events.map((e) => {
+            const matrixEvent = eventMapper(e.event);
+
+            const member = new RoomMember(room.roomId, matrixEvent.getSender()!);
+
+            // We can't really reconstruct the whole room state from our
+            // EventIndex to calculate the correct display name. Use the
+            // disambiguated form always instead.
+            member.name = e.profile.displayname + " (" + matrixEvent.getSender() + ")";
+
+            // This is sets the avatar URL.
+            const memberEvent = eventMapper({
+                content: {
+                    membership: KnownMembership.Join,
+                    avatar_url: e.profile.avatar_url,
+                    displayname: e.profile.displayname,
+                },
+                type: EventType.RoomMember,
+                event_id: matrixEvent.getId() + ":eventIndex",
+                room_id: matrixEvent.getRoomId(),
+                sender: matrixEvent.getSender(),
+                origin_server_ts: matrixEvent.getTs(),
+                state_key: matrixEvent.getSender(),
+            });
+
+            // We set this manually to avoid emitting RoomMember.membership and
+            // RoomMember.name events.
+            member.events.member = memberEvent;
+            matrixEvent.sender = member;
+
+            return matrixEvent;
+        });
+
+        return matrixEvents;
+    }
+
+    /**
+     * Fill a timeline with events that contain URLs.
+     *
+     * @param {TimelineSet} timelineSet The TimelineSet the Timeline belongs to,
+     * used to check if we're adding duplicate events.
+     *
+     * @param {Timeline} timeline The Timeline which should be filed with
+     * events.
+     *
+     * @param {Room} room The room for which we should fetch events containing
+     * URLs
+     *
+     * @param {number} limit The maximum number of events to fetch.
+     *
+     * @param {string} fromEvent From which event should we continue fetching
+     * events from the index. This is only needed if we're continuing to fill
+     * the timeline, e.g. if we're paginating. This needs to be set to a event
+     * id of an event that was previously fetched with this function.
+     *
+     * @param {string} direction The direction in which we will continue
+     * fetching events. EventTimeline.BACKWARDS to continue fetching events that
+     * are older than the event given in fromEvent, EventTimeline.FORWARDS to
+     * fetch newer events.
+     *
+     * @returns {Promise<boolean>} Resolves to true if events were added to the
+     * timeline, false otherwise.
+     */
+    public async populateFileTimeline(
+        timelineSet: EventTimelineSet,
+        timeline: EventTimeline,
+        room: Room,
+        limit = 10,
+        fromEvent?: string,
+        direction: string = EventTimeline.BACKWARDS,
+    ): Promise<boolean> {
+        const matrixEvents = await this.loadFileEvents(room, limit, fromEvent, direction);
+
+        // If this is a normal fill request, not a pagination request, we need
+        // to get our events in the BACKWARDS direction but populate them in the
+        // forwards direction.
+        // This needs to happen because a fill request might come with an
+        // existing timeline e.g. if you close and re-open the FilePanel.
+        if (fromEvent === null) {
+            matrixEvents.reverse();
+            direction = direction == EventTimeline.BACKWARDS ? EventTimeline.FORWARDS : EventTimeline.BACKWARDS;
+        }
+
+        // Add the events to the timeline of the file panel.
+        matrixEvents.forEach((e) => {
+            if (!timelineSet.eventIdToTimeline(e.getId()!)) {
+                timelineSet.addEventToTimeline(e, timeline, {
+                    toStartOfTimeline: direction == EventTimeline.BACKWARDS,
+                    fromCache: false,
+                    addToState: false,
+                });
+            }
+        });
+
+        let ret = false;
+        let paginationToken = "";
+
+        // Set the pagination token to the oldest event that we retrieved.
+        if (matrixEvents.length > 0) {
+            paginationToken = matrixEvents[matrixEvents.length - 1].getId()!;
+            ret = true;
+        }
+
+        this.logger.debug(
+            `Populating file panel with ${matrixEvents.length} events and setting the pagination token to ${paginationToken}`,
+        );
+
+        timeline.setPaginationToken(paginationToken, EventTimeline.BACKWARDS);
+        return ret;
+    }
+
+    /**
+     * Emulate a TimelineWindow pagination() request with the event index as the event source
+     *
+     * Might not fetch events from the index if the timeline already contains
+     * events that the window isn't showing.
+     *
+     * @param {Room} room The room for which we should fetch events containing
+     * URLs
+     *
+     * @param {TimelineWindow} timelineWindow The timeline window that should be
+     * populated with new events.
+     *
+     * @param {string} direction The direction in which we should paginate.
+     * EventTimeline.BACKWARDS to paginate back, EventTimeline.FORWARDS to
+     * paginate forwards.
+     *
+     * @param {number} limit The maximum number of events to fetch while
+     * paginating.
+     *
+     * @returns {Promise<boolean>} Resolves to a boolean which is true if more
+     * events were successfully retrieved.
+     */
+    public paginateTimelineWindow(
+        room: Room,
+        timelineWindow: TimelineWindow,
+        direction: Direction,
+        limit: number,
+    ): Promise<boolean> {
+        const tl = timelineWindow.getTimelineIndex(direction);
+
+        if (!tl) return Promise.resolve(false);
+        if (tl.pendingPaginate) return tl.pendingPaginate;
+
+        if (timelineWindow.extend(direction, limit)) {
+            return Promise.resolve(true);
+        }
+
+        const paginationMethod = async (
+            timelineWindow: TimelineWindow,
+            timelineIndex: TimelineIndex,
+            room: Room,
+            direction: Direction,
+            limit: number,
+        ): Promise<boolean> => {
+            const timeline = timelineIndex.timeline;
+            const timelineSet = timeline.getTimelineSet();
+            const token = timeline.getPaginationToken(direction) ?? undefined;
+
+            const ret = await this.populateFileTimeline(timelineSet, timeline, room, limit, token, direction);
+
+            timelineIndex.pendingPaginate = undefined;
+            timelineWindow.extend(direction, limit);
+
+            return ret;
+        };
+
+        const paginationPromise = paginationMethod(timelineWindow, tl, room, direction, limit);
+        tl.pendingPaginate = paginationPromise;
+
+        return paginationPromise;
+    }
+
+    /**
+     * Get statistical information of the index.
+     *
+     * @returns {Promise<IIndexStats>} A promise that will resolve to the index
+     * statistics.
+     */
+    public async getStats(): Promise<IIndexStats | undefined> {
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+        return indexManager?.getStats();
+    }
+
+    /**
+     * Check if the room with the given id is already indexed.
+     *
+     * @param {string} roomId The ID of the room which we want to check if it
+     * has been already indexed.
+     *
+     * @returns {Promise<boolean>} Returns true if the index contains events for
+     * the given room, false otherwise.
+     */
+    public async isRoomIndexed(roomId: string): Promise<boolean | undefined> {
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+        return indexManager?.isRoomIndexed(roomId);
+    }
+
+    /**
+     * Get the room that we are currently crawling.
+     *
+     * @returns {Room} A MatrixRoom that is being currently crawled, null
+     * if no room is currently being crawled.
+     */
+    public currentRoom(): Room | null {
+        if (this.currentCheckpoint === null && this.crawlerCheckpoints.length === 0) {
+            return null;
+        }
+
+        const client = MatrixClientPeg.safeGet();
+
+        if (this.currentCheckpoint !== null) {
+            return client.getRoom(this.currentCheckpoint.roomId);
+        } else {
+            return client.getRoom(this.crawlerCheckpoints[0].roomId);
+        }
+    }
+
+    public crawlingRooms(): {
+        /**
+         * The rooms with an outstanding crawler checkpoint: the one being crawled right now, and
+         * those still queued behind it.
+         */
+        crawlingRooms: Set<string>;
+
+        /** All the encrypted rooms known by the MatrixClient. */
+        totalRooms: Set<string>;
+    } {
+        const totalRooms = new Set<string>();
+        const crawlingRooms = new Set<string>();
+
+        this.crawlerCheckpoints.forEach((checkpoint, index) => {
+            crawlingRooms.add(checkpoint.roomId);
+        });
+
+        if (this.currentCheckpoint !== null) {
+            crawlingRooms.add(this.currentCheckpoint.roomId);
+        }
+
+        const client = MatrixClientPeg.safeGet();
+        const rooms = client.getRooms();
+
+        const isRoomEncrypted = (room: Room): boolean => {
+            return client.isRoomEncrypted(room.roomId);
+        };
+
+        const encryptedRooms = rooms.filter(isRoomEncrypted);
+        encryptedRooms.forEach((room, index) => {
+            totalRooms.add(room.roomId);
+        });
+
+        return { crawlingRooms, totalRooms };
+    }
+}
diff --git a/apps/web/src/indexing/EventIndexPeg.ts b/apps/web/src/indexing/EventIndexPeg.ts
new file mode 100644
index 00000000000..eb32c823cad
--- /dev/null
+++ b/apps/web/src/indexing/EventIndexPeg.ts
@@ -0,0 +1,189 @@
+/*
+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.
+*/
+
+/*
+ * Object holding the global EventIndex object. Can only be initialized if the
+ * platform supports event indexing.
+ */
+
+import { logger } from "matrix-js-sdk/src/logger";
+
+import PlatformPeg from "../PlatformPeg";
+import EventIndex from "../indexing/EventIndex";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import SettingsStore from "../settings/SettingsStore";
+import { SettingLevel } from "../settings/SettingLevel";
+
+const INDEX_VERSION = 1;
+
+/**
+ * Holds the current instance of the `EventIndex` to use across the codebase.
+ * Looking for an `EventIndex`? Just look for the `EventIndexPeg` on the peg
+ * board. "Peg" is the literal meaning of something you hang something on. So
+ * you'll find a `EventIndex` hanging on the `EventIndexPeg`.
+ */
+export class EventIndexPeg {
+    public index: EventIndex | null = null;
+    public error: unknown;
+
+    private _supportIsInstalled = false;
+
+    /**
+     * Initialize the EventIndexPeg and if event indexing is enabled initialize
+     * the event index.
+     *
+     * @returns {Promise<boolean>} A promise that will resolve to true if an
+     * EventIndex was successfully initialized, false otherwise.
+     */
+    public async init(): Promise<boolean> {
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+        if (!indexManager) {
+            logger.log("EventIndex: Platform doesn't support event indexing, not initializing.");
+            return false;
+        }
+
+        this._supportIsInstalled = await indexManager.supportsEventIndexing();
+
+        if (!this.supportIsInstalled()) {
+            logger.log("EventIndex: Event indexing isn't installed for the platform, not initializing.");
+            return false;
+        }
+
+        if (!SettingsStore.getValueAt(SettingLevel.DEVICE, "enableEventIndexing")) {
+            logger.log("EventIndex: Event indexing is disabled, not initializing");
+            return false;
+        }
+
+        return this.initEventIndex();
+    }
+
+    /**
+     * Initialize the event index.
+     *
+     * @returns {boolean} True if the event index was successfully initialized,
+     * false otherwise.
+     */
+    public async initEventIndex(): Promise<boolean> {
+        const index = new EventIndex();
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+        const client = MatrixClientPeg.get();
+        if (!indexManager || !client) {
+            throw new Error("Unable to init event index");
+        }
+
+        const userId = client.getUserId()!;
+        const deviceId = client.getDeviceId()!;
+
+        try {
+            await indexManager.initEventIndex(userId, deviceId);
+
+            const userVersion = await indexManager.getUserVersion();
+            const eventIndexIsEmpty = await indexManager.isEventIndexEmpty();
+
+            if (eventIndexIsEmpty) {
+                await indexManager.setUserVersion(INDEX_VERSION);
+            } else if (userVersion === 0 && !eventIndexIsEmpty) {
+                await indexManager.closeEventIndex();
+                await this.deleteEventIndex();
+
+                await indexManager.initEventIndex(userId, deviceId);
+                await indexManager.setUserVersion(INDEX_VERSION);
+            }
+
+            logger.log("EventIndex: Successfully initialized the event index");
+            await index.init();
+        } catch (e) {
+            logger.log("EventIndex: Error initializing the event index", e);
+            this.error = e;
+            return false;
+        }
+
+        this.index = index;
+
+        return true;
+    }
+
+    /**
+     * Check if the current platform has support for event indexing.
+     *
+     * @returns {boolean} True if it has support, false otherwise. Note that this
+     * does not mean that support is installed.
+     */
+    public platformHasSupport(): boolean {
+        return PlatformPeg.get()?.getEventIndexingManager() != null;
+    }
+
+    /**
+     * Check if event indexing support is installed for the platform.
+     *
+     * Event indexing might require additional optional modules to be installed,
+     * this tells us if those are installed. Note that this should only be
+     * called after the init() method was called.
+     *
+     * @returns {boolean} True if support is installed, false otherwise.
+     */
+    public supportIsInstalled(): boolean {
+        return this._supportIsInstalled;
+    }
+
+    /**
+     * Get the current event index.
+     *
+     * @returns {EventIndex} The current event index.
+     */
+    public get(): EventIndex | null {
+        return this.index;
+    }
+
+    public start(): void {
+        if (this.index === null) return;
+        this.index.startCrawler();
+    }
+
+    public stop(): void {
+        if (this.index === null) return;
+        this.index.stopCrawler();
+    }
+
+    /**
+     * Unset our event store
+     *
+     * After a call to this the init() method will need to be called again.
+     *
+     * @returns {Promise} A promise that will resolve once the event index is
+     * closed.
+     */
+    public async unset(): Promise<void> {
+        if (this.index === null) return;
+        await this.index.close();
+        this.index = null;
+    }
+
+    /**
+     * Delete our event indexer.
+     *
+     * After a call to this the init() method will need to be called again.
+     *
+     * @returns {Promise} A promise that will resolve once the event index is
+     * deleted.
+     */
+    public async deleteEventIndex(): Promise<void> {
+        const indexManager = PlatformPeg.get()?.getEventIndexingManager();
+
+        if (indexManager) {
+            await this.unset();
+            logger.log("EventIndex: Deleting event index.");
+            await indexManager.deleteEventIndex();
+        }
+    }
+}
+
+if (!window.mxEventIndexPeg) {
+    window.mxEventIndexPeg = new EventIndexPeg();
+}
+export default window.mxEventIndexPeg;
diff --git a/apps/web/src/integrations/IntegrationManagerInstance.ts b/apps/web/src/integrations/IntegrationManagerInstance.ts
new file mode 100644
index 00000000000..c6c66c80d68
--- /dev/null
+++ b/apps/web/src/integrations/IntegrationManagerInstance.ts
@@ -0,0 +1,88 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 ComponentProps } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import type { Room } from "matrix-js-sdk/src/matrix";
+import ScalarAuthClient from "../ScalarAuthClient";
+import { dialogTermsInteractionCallback, TermsNotSignedError } from "../Terms";
+import Modal from "../Modal";
+import SettingsStore from "../settings/SettingsStore";
+import IntegrationManager from "../components/views/settings/IntegrationManager";
+import { IntegrationManagers } from "./IntegrationManagers";
+import { parseUrl } from "../utils/UrlUtils";
+
+export enum Kind {
+    Account = "account",
+    Config = "config",
+    Homeserver = "homeserver",
+}
+
+export class IntegrationManagerInstance {
+    // Per the spec: UI URL is optional.
+    public constructor(
+        public readonly kind: string,
+        public readonly apiUrl: string,
+        public readonly uiUrl: string = apiUrl,
+        public readonly id?: string, // only applicable in some cases
+    ) {}
+
+    public get name(): string {
+        const parsed = parseUrl(this.uiUrl);
+        return parsed.host ?? "";
+    }
+
+    public get trimmedApiUrl(): string {
+        const parsed = parseUrl(this.apiUrl);
+        parsed.pathname = "";
+        return parsed.toString();
+    }
+
+    public getScalarClient(): ScalarAuthClient {
+        return new ScalarAuthClient(this.apiUrl, this.uiUrl);
+    }
+
+    public async open(room: Room, screen?: string, integrationId?: string): Promise<void> {
+        if (!SettingsStore.getValue("integrationProvisioning")) {
+            return IntegrationManagers.sharedInstance().showDisabledDialog();
+        }
+
+        const dialog = Modal.createDialog(IntegrationManager, { loading: true }, "mx_IntegrationManager");
+
+        const client = this.getScalarClient();
+        client.setTermsInteractionCallback((policyInfo, agreedUrls) => {
+            // To avoid visual glitching of two modals stacking briefly, we customise the
+            // terms dialog sizing when it will appear for the integration manager so that
+            // it gets the same basic size as the integration manager's own modal.
+            return dialogTermsInteractionCallback(policyInfo, agreedUrls, "mx_TermsDialog_forIntegrationManager");
+        });
+
+        const newProps: Partial<ComponentProps<typeof IntegrationManager>> = {};
+        try {
+            await client.connect();
+            if (!client.hasCredentials()) {
+                newProps["connected"] = false;
+            } else {
+                newProps["url"] = client.getScalarInterfaceUrlForRoom(room, screen, integrationId);
+            }
+        } catch (e) {
+            if (e instanceof TermsNotSignedError) {
+                dialog.close();
+                return;
+            }
+
+            logger.error(e);
+            newProps["connected"] = false;
+        }
+
+        // Close the old dialog and open a new one
+        dialog.close();
+        Modal.createDialog(IntegrationManager, newProps, "mx_IntegrationManager");
+    }
+}
diff --git a/apps/web/src/integrations/IntegrationManagers.ts b/apps/web/src/integrations/IntegrationManagers.ts
new file mode 100644
index 00000000000..7c2fc48adcf
--- /dev/null
+++ b/apps/web/src/integrations/IntegrationManagers.ts
@@ -0,0 +1,175 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { logger } from "matrix-js-sdk/src/logger";
+import { ClientEvent, type IClientWellKnown, type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import SdkConfig from "../SdkConfig";
+import Modal from "../Modal";
+import { IntegrationManagerInstance, Kind } from "./IntegrationManagerInstance";
+import IntegrationsImpossibleDialog from "../components/views/dialogs/IntegrationsImpossibleDialog";
+import { IntegrationsDisabledDialog } from "../components/views/dialogs/IntegrationsDisabledDialog";
+import WidgetUtils from "../utils/WidgetUtils";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+
+const KIND_PREFERENCE = [
+    // Ordered: first is most preferred, last is least preferred.
+    Kind.Account,
+    Kind.Homeserver,
+    Kind.Config,
+];
+
+export class IntegrationManagers {
+    private static instance?: IntegrationManagers;
+
+    private managers: IntegrationManagerInstance[] = [];
+    private client?: MatrixClient;
+    private primaryManager: IntegrationManagerInstance | null = null;
+
+    public static sharedInstance(): IntegrationManagers {
+        if (!IntegrationManagers.instance) {
+            IntegrationManagers.instance = new IntegrationManagers();
+        }
+        return IntegrationManagers.instance;
+    }
+
+    public constructor() {
+        this.compileManagers();
+    }
+
+    public startWatching(): void {
+        this.stopWatching();
+        this.client = MatrixClientPeg.safeGet();
+        this.client.on(ClientEvent.AccountData, this.onAccountData);
+        this.client.on(ClientEvent.ClientWellKnown, this.setupHomeserverManagers);
+        this.compileManagers();
+    }
+
+    public stopWatching(): void {
+        if (!this.client) return;
+        this.client.removeListener(ClientEvent.AccountData, this.onAccountData);
+        this.client.removeListener(ClientEvent.ClientWellKnown, this.setupHomeserverManagers);
+    }
+
+    private compileManagers(): void {
+        this.managers = [];
+        this.setupConfiguredManager();
+        this.setupAccountManagers();
+    }
+
+    private setupConfiguredManager(): void {
+        const apiUrl = SdkConfig.get("integrations_rest_url");
+        const uiUrl = SdkConfig.get("integrations_ui_url");
+
+        if (apiUrl && uiUrl) {
+            this.managers.push(new IntegrationManagerInstance(Kind.Config, apiUrl, uiUrl));
+            this.primaryManager = null; // reset primary
+        }
+    }
+
+    private setupHomeserverManagers = async (discoveryResponse: IClientWellKnown): Promise<void> => {
+        logger.log("Updating homeserver-configured integration managers...");
+        if (discoveryResponse && discoveryResponse["m.integrations"]) {
+            let managers = discoveryResponse["m.integrations"]["managers"];
+            if (!Array.isArray(managers)) managers = []; // make it an array so we can wipe the HS managers
+
+            logger.log(`Homeserver has ${managers.length} integration managers`);
+
+            // Clear out any known managers for the homeserver
+            // TODO: Log out of the scalar clients
+            this.managers = this.managers.filter((m) => m.kind !== Kind.Homeserver);
+
+            // Now add all the managers the homeserver wants us to have
+            for (const hsManager of managers) {
+                if (!hsManager["api_url"]) continue;
+                this.managers.push(
+                    new IntegrationManagerInstance(
+                        Kind.Homeserver,
+                        hsManager["api_url"],
+                        hsManager["ui_url"], // optional
+                    ),
+                );
+            }
+
+            this.primaryManager = null; // reset primary
+        } else {
+            logger.log("Homeserver has no integration managers");
+        }
+    };
+
+    private setupAccountManagers(): void {
+        if (!this.client || !this.client.getUserId()) return; // not logged in
+        const widgets = WidgetUtils.getIntegrationManagerWidgets(this.client);
+        widgets.forEach((w) => {
+            const data = w.content["data"];
+            if (!data) return;
+
+            const uiUrl = w.content["url"];
+            const apiUrl = data["api_url"] as string;
+            if (!apiUrl || !uiUrl) return;
+
+            const manager = new IntegrationManagerInstance(
+                Kind.Account,
+                apiUrl,
+                uiUrl,
+                w["id"] || w["state_key"] || "",
+            );
+            this.managers.push(manager);
+        });
+        this.primaryManager = null; // reset primary
+    }
+
+    private onAccountData = (ev: MatrixEvent): void => {
+        if (ev.getType() === "m.widgets") {
+            this.compileManagers();
+        }
+    };
+
+    public hasManager(): boolean {
+        return this.managers.length > 0;
+    }
+
+    public getOrderedManagers(): IntegrationManagerInstance[] {
+        const collator = new Intl.Collator();
+        const ordered: IntegrationManagerInstance[] = [];
+        for (const kind of KIND_PREFERENCE) {
+            const managers = this.managers.filter((m) => m.kind === kind);
+            if (!managers || !managers.length) continue;
+
+            if (kind === Kind.Account) {
+                // Order by state_keys (IDs)
+                managers.sort((a, b) => collator.compare(a.id ?? "", b.id ?? ""));
+            }
+
+            ordered.push(...managers);
+        }
+        return ordered;
+    }
+
+    public getPrimaryManager(): IntegrationManagerInstance | null {
+        if (this.hasManager()) {
+            if (this.primaryManager) return this.primaryManager;
+
+            this.primaryManager = this.getOrderedManagers()[0];
+            return this.primaryManager;
+        } else {
+            return null;
+        }
+    }
+
+    public openNoManagerDialog(): void {
+        Modal.createDialog(IntegrationsImpossibleDialog);
+    }
+
+    public showDisabledDialog(): void {
+        Modal.createDialog(IntegrationsDisabledDialog);
+    }
+}
+
+// For debugging
+window.mxIntegrationManagers = IntegrationManagers;
diff --git a/apps/web/src/languageHandler.ts b/apps/web/src/languageHandler.ts
new file mode 100644
index 00000000000..9c4cc41bb4b
--- /dev/null
+++ b/apps/web/src/languageHandler.ts
@@ -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.
+ */
+
+/**
+ * Re-export of the i18n main export, to lessen the diff for the pull request.
+ */
+
+export * from "./i18n";
diff --git a/apps/web/src/linkify-matrix.ts b/apps/web/src/linkify-matrix.ts
new file mode 100644
index 00000000000..54b7b25962b
--- /dev/null
+++ b/apps/web/src/linkify-matrix.ts
@@ -0,0 +1,24 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+const escapeRegExp = function (s: string): string {
+    return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+
+// Recognise URLs from both our local and official Element deployments.
+// Anyone else really should be using matrix.to. vector:// allowed to support Element Desktop relative links.
+export const ELEMENT_URL_PATTERN = new RegExp(
+    "^(?:vector://|https?://)?(?:" +
+        escapeRegExp(window.location.host + window.location.pathname) +
+        "|" +
+        "(?:www\\.)?(?:riot|vector)\\.im/(?:app|beta|staging|develop)/|" +
+        "(?:app|beta|staging|develop)\\.element\\.io/" +
+        ")(#.*)",
+);
diff --git a/apps/web/src/mjolnir/BanList.ts b/apps/web/src/mjolnir/BanList.ts
new file mode 100644
index 00000000000..617b37d77af
--- /dev/null
+++ b/apps/web/src/mjolnir/BanList.ts
@@ -0,0 +1,113 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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.
+*/
+
+// Inspiration largely taken from Mjolnir itself
+
+import { EventType } from "matrix-js-sdk/src/matrix";
+
+import { ListRule, RECOMMENDATION_BAN, recommendationToStable } from "./ListRule";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+
+export const RULE_USER = EventType.PolicyRuleUser;
+export const RULE_ROOM = EventType.PolicyRuleRoom;
+export const RULE_SERVER = EventType.PolicyRuleServer;
+
+// m.room.* events are legacy from when MSC2313 changed to m.policy.* last minute.
+export const USER_RULE_TYPES = [RULE_USER, "m.room.rule.user", "org.matrix.mjolnir.rule.user"];
+export const ROOM_RULE_TYPES = [RULE_ROOM, "m.room.rule.room", "org.matrix.mjolnir.rule.room"];
+export const SERVER_RULE_TYPES = [RULE_SERVER, "m.room.rule.server", "org.matrix.mjolnir.rule.server"];
+export const ALL_RULE_TYPES = [...USER_RULE_TYPES, ...ROOM_RULE_TYPES, ...SERVER_RULE_TYPES];
+
+export function ruleTypeToStable(
+    rule: string,
+): EventType.PolicyRuleUser | EventType.PolicyRuleRoom | EventType.PolicyRuleServer | null {
+    if (USER_RULE_TYPES.includes(rule)) {
+        return RULE_USER;
+    }
+    if (ROOM_RULE_TYPES.includes(rule)) {
+        return RULE_ROOM;
+    }
+    if (SERVER_RULE_TYPES.includes(rule)) {
+        return RULE_SERVER;
+    }
+    return null;
+}
+
+export class BanList {
+    private _rules: ListRule[] = [];
+    private _roomId: string;
+
+    public constructor(roomId: string) {
+        this._roomId = roomId;
+        this.updateList();
+    }
+
+    public get roomId(): string {
+        return this._roomId;
+    }
+
+    public get serverRules(): ListRule[] {
+        return this._rules.filter((r) => r.kind === RULE_SERVER);
+    }
+
+    public get userRules(): ListRule[] {
+        return this._rules.filter((r) => r.kind === RULE_USER);
+    }
+
+    public async banEntity(kind: string, entity: string, reason: string): Promise<any> {
+        const type = ruleTypeToStable(kind);
+        if (!type) return; // unknown rule type
+        await MatrixClientPeg.safeGet().sendStateEvent(
+            this._roomId,
+            type,
+            {
+                entity: entity,
+                reason: reason,
+                recommendation: recommendationToStable(RECOMMENDATION_BAN, true)!,
+            },
+            "rule:" + entity,
+        );
+        this._rules.push(new ListRule(entity, RECOMMENDATION_BAN, reason, type));
+    }
+
+    public async unbanEntity(kind: string, entity: string): Promise<any> {
+        const type = ruleTypeToStable(kind);
+        if (!type) return; // unknown rule type
+        // Empty state event is effectively deleting it.
+        await MatrixClientPeg.safeGet().sendStateEvent(this._roomId, type, {}, "rule:" + entity);
+        this._rules = this._rules.filter((r) => {
+            if (r.kind !== ruleTypeToStable(kind)) return true;
+            if (r.entity !== entity) return true;
+            return false; // we just deleted this rule
+        });
+    }
+
+    public updateList(): void {
+        this._rules = [];
+
+        const room = MatrixClientPeg.safeGet().getRoom(this._roomId);
+        if (!room) return;
+
+        for (const eventType of ALL_RULE_TYPES) {
+            const events = room.currentState.getStateEvents(eventType);
+            for (const ev of events) {
+                if (!ev.getStateKey()) continue;
+
+                const kind = ruleTypeToStable(eventType);
+                if (!kind) continue; // unknown type
+
+                const entity = ev.getContent()["entity"];
+                const recommendation = ev.getContent()["recommendation"];
+                const reason = ev.getContent()["reason"];
+                if (!entity || !recommendation || !reason) continue;
+
+                this._rules.push(new ListRule(entity, recommendation, reason, kind));
+            }
+        }
+    }
+}
diff --git a/apps/web/src/mjolnir/ListRule.ts b/apps/web/src/mjolnir/ListRule.ts
new file mode 100644
index 00000000000..6c9389bd336
--- /dev/null
+++ b/apps/web/src/mjolnir/ListRule.ts
@@ -0,0 +1,67 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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.
+*/
+
+// We are using experimental APIs here, so we need to disable the linter
+// eslint-disable-next-line no-restricted-imports
+import { PolicyRecommendation } from "matrix-js-sdk/src/models/invites-ignorer";
+
+import { MatrixGlob } from "../utils/MatrixGlob";
+
+// Inspiration largely taken from Mjolnir itself
+
+export const RECOMMENDATION_BAN = PolicyRecommendation.Ban;
+export const RECOMMENDATION_BAN_TYPES: PolicyRecommendation[] = [
+    RECOMMENDATION_BAN,
+    "org.matrix.mjolnir.ban" as PolicyRecommendation,
+];
+
+export function recommendationToStable(
+    recommendation: PolicyRecommendation,
+    unstable = true,
+): PolicyRecommendation | null {
+    if (RECOMMENDATION_BAN_TYPES.includes(recommendation)) {
+        return unstable ? RECOMMENDATION_BAN_TYPES[RECOMMENDATION_BAN_TYPES.length - 1] : RECOMMENDATION_BAN;
+    }
+    return null;
+}
+
+export class ListRule {
+    private _glob: MatrixGlob;
+    private readonly _entity: string;
+    private readonly _action: string | null;
+    private readonly _reason: string;
+    private readonly _kind: string;
+
+    public constructor(entity: string, action: PolicyRecommendation, reason: string, kind: string) {
+        this._glob = new MatrixGlob(entity);
+        this._entity = entity;
+        this._action = recommendationToStable(action, false);
+        this._reason = reason;
+        this._kind = kind;
+    }
+
+    public get entity(): string {
+        return this._entity;
+    }
+
+    public get reason(): string {
+        return this._reason;
+    }
+
+    public get kind(): string {
+        return this._kind;
+    }
+
+    public get recommendation(): string | null {
+        return this._action;
+    }
+
+    public isMatch(entity: string): boolean {
+        return this._glob.test(entity);
+    }
+}
diff --git a/apps/web/src/mjolnir/Mjolnir.ts b/apps/web/src/mjolnir/Mjolnir.ts
new file mode 100644
index 00000000000..f1f848bcb34
--- /dev/null
+++ b/apps/web/src/mjolnir/Mjolnir.ts
@@ -0,0 +1,180 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 MatrixEvent, RoomStateEvent, Preset } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { ALL_RULE_TYPES, BanList } from "./BanList";
+import SettingsStore, { type CallbackFn } from "../settings/SettingsStore";
+import { _t } from "../languageHandler";
+import dis from "../dispatcher/dispatcher";
+import { SettingLevel } from "../settings/SettingLevel";
+import { type ActionPayload } from "../dispatcher/payloads";
+import { type DoAfterSyncPreparedPayload } from "../dispatcher/payloads/DoAfterSyncPreparedPayload";
+import { Action } from "../dispatcher/actions";
+
+// TODO: Move this and related files to the js-sdk or something once finalized.
+
+export class Mjolnir {
+    private static instance?: Mjolnir;
+
+    private _lists: BanList[] = [];
+    private _roomIds: string[] = [];
+    private mjolnirWatchRef?: string;
+    private dispatcherRef?: string;
+
+    public get roomIds(): string[] {
+        return this._roomIds;
+    }
+
+    public get lists(): BanList[] {
+        return this._lists;
+    }
+
+    public start(): void {
+        this.mjolnirWatchRef = SettingsStore.watchSetting("mjolnirRooms", null, this.onListsChanged);
+
+        this.dispatcherRef = dis.register(this.onAction);
+        dis.dispatch<DoAfterSyncPreparedPayload<ActionPayload>>({
+            action: Action.DoAfterSyncPrepared,
+            deferred_action: { action: "setup_mjolnir" },
+        });
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        if (payload["action"] === "setup_mjolnir") {
+            logger.log("Setting up Mjolnir: after sync");
+            this.setup();
+        }
+    };
+
+    public setup(): void {
+        if (!MatrixClientPeg.get()) return;
+        this.updateLists(SettingsStore.getValue("mjolnirRooms"));
+        MatrixClientPeg.get()!.on(RoomStateEvent.Events, this.onEvent);
+    }
+
+    public stop(): void {
+        SettingsStore.unwatchSetting(this.mjolnirWatchRef);
+        this.mjolnirWatchRef = undefined;
+
+        dis.unregister(this.dispatcherRef);
+        this.dispatcherRef = undefined;
+
+        MatrixClientPeg.get()?.removeListener(RoomStateEvent.Events, this.onEvent);
+    }
+
+    public async getOrCreatePersonalList(): Promise<BanList> {
+        let personalRoomId = SettingsStore.getValue("mjolnirPersonalRoom");
+        if (!personalRoomId) {
+            const resp = await MatrixClientPeg.safeGet().createRoom({
+                name: _t("labs_mjolnir|room_name"),
+                topic: _t("labs_mjolnir|room_topic"),
+                preset: Preset.PrivateChat,
+            });
+            personalRoomId = resp["room_id"];
+            await SettingsStore.setValue("mjolnirPersonalRoom", null, SettingLevel.ACCOUNT, personalRoomId);
+            await SettingsStore.setValue("mjolnirRooms", null, SettingLevel.ACCOUNT, [
+                personalRoomId,
+                ...this._roomIds,
+            ]);
+        }
+        if (!personalRoomId) {
+            throw new Error("Error finding a room ID to use");
+        }
+
+        let list = this._lists.find((b) => b.roomId === personalRoomId);
+        if (!list) list = new BanList(personalRoomId);
+        // we don't append the list to the tracked rooms because it should already be there.
+        // we're just trying to get the caller some utility access to the list
+
+        return list;
+    }
+
+    // get without creating the list
+    public getPersonalList(): BanList | null {
+        const personalRoomId = SettingsStore.getValue("mjolnirPersonalRoom");
+        if (!personalRoomId) return null;
+
+        let list = this._lists.find((b) => b.roomId === personalRoomId);
+        if (!list) list = new BanList(personalRoomId);
+        // we don't append the list to the tracked rooms because it should already be there.
+        // we're just trying to get the caller some utility access to the list
+
+        return list;
+    }
+
+    public async subscribeToList(roomId: string): Promise<void> {
+        const roomIds = [...this._roomIds, roomId];
+        await SettingsStore.setValue("mjolnirRooms", null, SettingLevel.ACCOUNT, roomIds);
+        this._lists.push(new BanList(roomId));
+    }
+
+    public async unsubscribeFromList(roomId: string): Promise<void> {
+        const roomIds = this._roomIds.filter((r) => r !== roomId);
+        await SettingsStore.setValue("mjolnirRooms", null, SettingLevel.ACCOUNT, roomIds);
+        this._lists = this._lists.filter((b) => b.roomId !== roomId);
+    }
+
+    private onEvent = (event: MatrixEvent): void => {
+        if (!MatrixClientPeg.get()) return;
+        if (!this._roomIds.includes(event.getRoomId()!)) return;
+        if (!ALL_RULE_TYPES.includes(event.getType())) return;
+
+        this.updateLists(this._roomIds);
+    };
+
+    private onListsChanged: CallbackFn<"mjolnirRooms"> = (settingName, roomId, atLevel, newValue): void => {
+        // We know that ban lists are only recorded at one level so we don't need to re-eval them
+        this.updateLists(newValue ?? []);
+    };
+
+    private updateLists(listRoomIds: string[]): void {
+        if (!MatrixClientPeg.get()) return;
+
+        logger.log("Updating Mjolnir ban lists to: " + listRoomIds);
+        this._lists = [];
+        this._roomIds = listRoomIds || [];
+        if (!listRoomIds) return;
+
+        for (const roomId of listRoomIds) {
+            // Creating the list updates it
+            this._lists.push(new BanList(roomId));
+        }
+    }
+
+    public isServerBanned(serverName: string): boolean {
+        for (const list of this._lists) {
+            for (const rule of list.serverRules) {
+                if (rule.isMatch(serverName)) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+
+    public isUserBanned(userId: string): boolean {
+        for (const list of this._lists) {
+            for (const rule of list.userRules) {
+                if (rule.isMatch(userId)) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+
+    public static sharedInstance(): Mjolnir {
+        if (!Mjolnir.instance) {
+            Mjolnir.instance = new Mjolnir();
+        }
+        return Mjolnir.instance;
+    }
+}
diff --git a/apps/web/src/models/Call.ts b/apps/web/src/models/Call.ts
new file mode 100644
index 00000000000..fbbb5167525
--- /dev/null
+++ b/apps/web/src/models/Call.ts
@@ -0,0 +1,1018 @@
+/*
+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 {
+    TypedEventEmitter,
+    RoomEvent,
+    RoomStateEvent,
+    type MatrixClient,
+    type IMyDevice,
+    type Room,
+    type RoomMember,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership, type Membership } from "matrix-js-sdk/src/types";
+import { logger as rootLogger } from "matrix-js-sdk/src/logger";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+import { CallType } from "matrix-js-sdk/src/webrtc/call";
+import { type IWidgetApiRequest, type ClientWidgetApi, type IWidgetData } from "matrix-widget-api";
+import {
+    type MatrixRTCSession,
+    MatrixRTCSessionEvent,
+    MatrixRTCSessionManagerEvents,
+} from "matrix-js-sdk/src/matrixrtc";
+
+// oxlint-disable-next-line no-restricted-imports
+import type EventEmitter from "events";
+import type { IApp } from "../stores/WidgetStore";
+import SettingsStore from "../settings/SettingsStore";
+import { timeout } from "../utils/promise";
+import WidgetUtils from "../utils/WidgetUtils";
+import { WidgetType } from "../widgets/WidgetType";
+import { ElementWidgetActions } from "../stores/widgets/ElementWidgetActions";
+import WidgetStore from "../stores/WidgetStore";
+import { WidgetMessagingStore, WidgetMessagingStoreEvent } from "../stores/widgets/WidgetMessagingStore";
+import ActiveWidgetStore, { ActiveWidgetStoreEvent } from "../stores/ActiveWidgetStore";
+import { getCurrentLanguage } from "../languageHandler";
+import { Anonymity, PosthogAnalytics } from "../PosthogAnalytics";
+import { isVideoRoom } from "../utils/video-rooms";
+import { FontWatcher } from "../settings/watchers/FontWatcher";
+import { type JitsiCallMemberContent, JitsiCallMemberEventType } from "../call-types";
+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");
+
+// Waits until an event is emitted satisfying the given predicate
+const waitForEvent = async (
+    emitter: EventEmitter,
+    event: string,
+    pred: (...args: any[]) => boolean = () => true,
+    customTimeout?: number | false,
+): Promise<void> => {
+    let listener: (...args: any[]) => void;
+    const wait = new Promise<void>((resolve) => {
+        listener = (...args) => {
+            if (pred(...args)) resolve();
+        };
+        emitter.on(event, listener);
+    });
+
+    if (customTimeout !== false) {
+        const timedOut = (await timeout(wait, false, customTimeout ?? TIMEOUT_MS)) === false;
+        if (timedOut) throw new Error("Timed out");
+    } else {
+        await wait;
+    }
+    emitter.off(event, listener!);
+};
+
+export enum ConnectionState {
+    Disconnected = "disconnected",
+    Connected = "connected",
+    Disconnecting = "disconnecting",
+}
+
+export const isConnected = (state: ConnectionState): boolean =>
+    state === ConnectionState.Connected || state === ConnectionState.Disconnecting;
+
+export enum CallEvent {
+    ConnectionState = "connection_state",
+    Participants = "participants",
+    Close = "close",
+    Destroy = "destroy",
+    CallTypeChanged = "call_type_changed",
+}
+
+interface CallEventHandlerMap {
+    [CallEvent.ConnectionState]: (state: ConnectionState, prevState: ConnectionState) => void;
+    [CallEvent.Participants]: (
+        participants: Map<RoomMember, Set<string>>,
+        prevParticipants: Map<RoomMember, Set<string>>,
+    ) => void;
+    [CallEvent.Close]: () => void;
+    [CallEvent.Destroy]: () => void;
+    [CallEvent.CallTypeChanged]: (callType: CallType) => void;
+}
+
+/**
+ * A group call accessed through a widget.
+ */
+export abstract class Call extends TypedEventEmitter<CallEvent, CallEventHandlerMap> {
+    protected readonly widgetUid: string;
+    protected readonly room: Room;
+
+    private _callType: CallType;
+    public get callType(): CallType {
+        return this._callType;
+    }
+
+    protected set callType(callType: CallType) {
+        const prevCallType = this._callType;
+        this._callType = callType;
+        if (callType !== prevCallType) this.emit(CallEvent.CallTypeChanged, callType);
+    }
+
+    /**
+     * The time after which device member state should be considered expired.
+     */
+    public abstract readonly STUCK_DEVICE_TIMEOUT_MS: number;
+
+    private _widgetApi: ClientWidgetApi | null = null;
+    /**
+     * The widget API interface to the widget, or null if disconnected.
+     */
+    protected get widgetApi(): ClientWidgetApi | null {
+        return this._widgetApi;
+    }
+    private set widgetApi(value: ClientWidgetApi | null) {
+        this._widgetApi = value;
+    }
+
+    public get roomId(): string {
+        return this.widget.roomId;
+    }
+
+    private _connectionState = ConnectionState.Disconnected;
+    public get connectionState(): ConnectionState {
+        return this._connectionState;
+    }
+    protected set connectionState(value: ConnectionState) {
+        const prevValue = this._connectionState;
+        this._connectionState = value;
+        this.emit(CallEvent.ConnectionState, value, prevValue);
+    }
+
+    public get connected(): boolean {
+        return isConnected(this.connectionState);
+    }
+
+    private _participants = new Map<RoomMember, Set<string>>();
+    /**
+     * The participants in the call, as a map from members to device IDs.
+     */
+    public get participants(): Map<RoomMember, Set<string>> {
+        return this._participants;
+    }
+    protected set participants(value: Map<RoomMember, Set<string>>) {
+        const prevValue = this._participants;
+        this._participants = value;
+        this.emit(CallEvent.Participants, value, prevValue);
+    }
+
+    private _presented = false;
+    /**
+     * Whether the call widget is currently being presented in the user interface.
+     */
+    public get presented(): boolean {
+        return this._presented;
+    }
+    public set presented(value: boolean) {
+        this._presented = value;
+    }
+
+    protected constructor(
+        /**
+         * The widget used to access this call.
+         */
+        public readonly widget: IApp,
+        protected readonly client: MatrixClient,
+        initialCallType: CallType,
+    ) {
+        super();
+        this.widgetUid = WidgetUtils.getWidgetUid(this.widget);
+        this.room = this.client.getRoom(this.roomId)!;
+        WidgetMessagingStore.instance.on(WidgetMessagingStoreEvent.StopMessaging, this.onStopMessaging);
+        this._callType = initialCallType;
+    }
+
+    /**
+     * Gets the call associated with the given room, if any.
+     * @param {Room} room The room.
+     * @returns {Call | null} The call.
+     */
+    public static get(room: Room): Call | null {
+        return ElementCall.get(room) ?? JitsiCall.get(room);
+    }
+
+    /**
+     * Performs a routine check of the call's associated room state, cleaning up
+     * any data left over from an unclean disconnection.
+     */
+    public abstract clean(): Promise<void>;
+
+    /**
+     * Contacts the widget to disconnect from the call.
+     */
+    protected abstract performDisconnection(): Promise<void>;
+
+    /**
+     * Starts the communication between the widget and the call.
+     * The widget associated with the call must be active for this to succeed.
+     * Only call this if the call state is: ConnectionState.Disconnected.
+     * @param _params Widget generation parameters are unused in this abstract class.
+     * @returns The ClientWidgetApi for this call.
+     */
+    public async start(_params?: WidgetGenerationParameters): Promise<ClientWidgetApi> {
+        const messagingStore = WidgetMessagingStore.instance;
+        const startTime = performance.now();
+        let messaging: WidgetMessaging | undefined = messagingStore.getMessagingForUid(this.widgetUid);
+        // The widget might still be initializing, so wait for it in an async
+        // event loop. We need the messaging to be both present and started
+        // (have a connected widget API), so register listeners for both cases.
+        // oxlint-disable-next-line no-unmodified-loop-condition
+        while (!messaging?.widgetApi) {
+            if (messaging) logger.debug(`Messaging present but not yet started for ${this.widgetUid}`);
+            else logger.debug(`No messaging yet for ${this.widgetUid}`);
+            const recheck = Promise.withResolvers<void>();
+            const currentMessaging = messaging;
+
+            // Maybe the messaging is present but not yet started. In this case,
+            // check again for a widget API as soon as it starts.
+            const onStart = (): void => recheck.resolve();
+            currentMessaging?.on(WidgetMessagingEvent.Start, onStart);
+
+            // Maybe the messaging is not present at all. It's also entirely
+            // possible (as shown in React strict mode) that the messaging could
+            // be abandoned and replaced by an entirely new messaging object
+            // while we were waiting for the original one to start. We need to
+            // react to store updates in either case.
+            const onStoreMessaging = (uid: string, m: WidgetMessaging): void => {
+                if (uid === this.widgetUid) {
+                    messagingStore.off(WidgetMessagingStoreEvent.StoreMessaging, onStoreMessaging);
+                    messaging = m; // Check the new messaging object on the next iteration of the loop
+                    recheck.resolve();
+                }
+            };
+            messagingStore.on(WidgetMessagingStoreEvent.StoreMessaging, onStoreMessaging);
+
+            // Race both of the above recheck signals against a timeout.
+            const timeout = setTimeout(
+                () => recheck.reject(new Error(`Widget for call in ${this.roomId} not started; timed out`)),
+                TIMEOUT_MS - (performance.now() - startTime),
+            );
+
+            try {
+                await recheck.promise;
+            } finally {
+                currentMessaging?.off(WidgetMessagingEvent.Start, onStart);
+                messagingStore.off(WidgetMessagingStoreEvent.StoreMessaging, onStoreMessaging);
+                clearTimeout(timeout);
+            }
+        }
+
+        logger.debug(`Widget ${this.widgetUid} now ready`);
+        return (this.widgetApi = messaging.widgetApi);
+    }
+
+    protected setConnected(): void {
+        this.room.on(RoomEvent.MyMembership, this.onMyMembership);
+        window.addEventListener("beforeunload", this.beforeUnload);
+        this.connectionState = ConnectionState.Connected;
+    }
+
+    /**
+     * Manually marks the call as disconnected.
+     */
+    protected setDisconnected(): void {
+        this.room.off(RoomEvent.MyMembership, this.onMyMembership);
+        window.removeEventListener("beforeunload", this.beforeUnload);
+        this.connectionState = ConnectionState.Disconnected;
+    }
+
+    /**
+     * Disconnects the user from the call.
+     */
+    public async disconnect(): Promise<void> {
+        if (!this.connected) throw new Error("Not connected");
+
+        this.connectionState = ConnectionState.Disconnecting;
+        await this.performDisconnection();
+        this.setDisconnected();
+        this.close();
+    }
+
+    /**
+     * Stops further communication with the widget and tells the UI to close.
+     */
+    protected close(): void {
+        this.widgetApi = null;
+        this.emit(CallEvent.Close);
+    }
+
+    /**
+     * Stops all internal timers and tasks to prepare for garbage collection.
+     */
+    public destroy(): void {
+        if (this.connected) {
+            this.setDisconnected();
+            this.close();
+        }
+        WidgetMessagingStore.instance.off(WidgetMessagingStoreEvent.StopMessaging, this.onStopMessaging);
+        this.emit(CallEvent.Destroy);
+    }
+
+    private readonly onMyMembership = async (_room: Room, membership: Membership): Promise<void> => {
+        if (membership !== KnownMembership.Join) this.setDisconnected();
+    };
+
+    private readonly onStopMessaging = (uid: string): void => {
+        if (uid === this.widgetUid && this.connected) {
+            logger.debug("The widget died; treating this as a user hangup");
+            this.setDisconnected();
+            this.close();
+        }
+    };
+
+    private beforeUnload = (): void => {
+        this.setDisconnected();
+        this.close();
+    };
+}
+
+/** @knipignore - exported for tests */
+export type { JitsiCallMemberContent };
+
+/**
+ * A group call using Jitsi as a backend.
+ */
+export class JitsiCall extends Call {
+    public static readonly MEMBER_EVENT_TYPE = JitsiCallMemberEventType;
+    public readonly STUCK_DEVICE_TIMEOUT_MS = 1000 * 60 * 60; // 1 hour
+
+    private resendDevicesTimer: number | null = null;
+    private participantsExpirationTimer: number | null = null;
+
+    private constructor(widget: IApp, client: MatrixClient) {
+        super(widget, client, CallType.Video);
+
+        this.room.on(RoomStateEvent.Update, this.onRoomState);
+        this.on(CallEvent.ConnectionState, this.onConnectionState);
+        this.updateParticipants();
+    }
+
+    public static get(room: Room): JitsiCall | null {
+        // Only supported in video rooms
+        if (room.isElementVideoRoom()) {
+            const apps = WidgetStore.instance.getApps(room.roomId);
+            // The isVideoChannel field differentiates rich Jitsi calls from bare Jitsi widgets
+            const jitsiWidget = apps.find((app) => WidgetType.JITSI.matches(app.type) && app.data?.isVideoChannel);
+            if (jitsiWidget) return new JitsiCall(jitsiWidget, room.client);
+        }
+
+        return null;
+    }
+
+    public static async create(room: Room): Promise<void> {
+        await WidgetUtils.addJitsiWidget(room.client, room.roomId, CallType.Video, "Group call", true, room.name);
+    }
+
+    private updateParticipants(): void {
+        if (this.participantsExpirationTimer !== null) {
+            clearTimeout(this.participantsExpirationTimer);
+            this.participantsExpirationTimer = null;
+        }
+
+        const participants = new Map<RoomMember, Set<string>>();
+        const now = Date.now();
+        let allExpireAt = Infinity;
+
+        for (const e of this.room.currentState.getStateEvents(JitsiCall.MEMBER_EVENT_TYPE)) {
+            const member = this.room.getMember(e.getStateKey()!);
+            const content = e.getContent<JitsiCallMemberContent>();
+            const expiresAt = typeof content.expires_ts === "number" ? content.expires_ts : -Infinity;
+            let devices =
+                expiresAt > now && Array.isArray(content.devices)
+                    ? content.devices.filter((d) => typeof d === "string")
+                    : [];
+
+            // Apply local echo for the disconnected case
+            if (!this.connected && member?.userId === this.client.getUserId()) {
+                devices = devices.filter((d) => d !== this.client.getDeviceId());
+            }
+            // Must have a connected device and still be joined to the room
+            if (devices.length > 0 && member?.membership === KnownMembership.Join) {
+                participants.set(member, new Set(devices));
+                if (expiresAt < allExpireAt) allExpireAt = expiresAt;
+            }
+        }
+
+        // Apply local echo for the connected case
+        if (this.connected) {
+            const localMember = this.room.getMember(this.client.getUserId()!)!;
+            let devices = participants.get(localMember);
+            if (devices === undefined) {
+                devices = new Set();
+                participants.set(localMember, devices);
+            }
+
+            devices.add(this.client.getDeviceId()!);
+        }
+
+        this.participants = participants;
+        if (allExpireAt < Infinity) {
+            this.participantsExpirationTimer = window.setTimeout(() => this.updateParticipants(), allExpireAt - now);
+        }
+    }
+
+    /**
+     * Updates our member state with the devices returned by the given function.
+     * @param fn A function from the current devices to the new devices. If it
+     *     returns null, the update is skipped.
+     */
+    private async updateDevices(fn: (devices: string[]) => string[] | null): Promise<void> {
+        if (this.room.getMyMembership() !== KnownMembership.Join) return;
+
+        const event = this.room.currentState.getStateEvents(JitsiCall.MEMBER_EVENT_TYPE, this.client.getUserId()!);
+        const content = event?.getContent<JitsiCallMemberContent>();
+        const expiresAt = typeof content?.expires_ts === "number" ? content.expires_ts : -Infinity;
+        const devices = expiresAt > Date.now() && Array.isArray(content?.devices) ? content.devices : [];
+        const newDevices = fn(devices);
+
+        if (newDevices !== null) {
+            const newContent: JitsiCallMemberContent = {
+                devices: newDevices,
+                expires_ts: Date.now() + this.STUCK_DEVICE_TIMEOUT_MS,
+            };
+
+            await this.client.sendStateEvent(
+                this.roomId,
+                JitsiCall.MEMBER_EVENT_TYPE,
+                newContent,
+                this.client.getUserId()!,
+            );
+        }
+    }
+
+    public async clean(): Promise<void> {
+        const now = Date.now();
+        const { devices: myDevices } = await this.client.getDevices();
+        const deviceMap = new Map<string, IMyDevice>(myDevices.map((d) => [d.device_id, d]));
+
+        // Clean up our member state by filtering out logged out devices,
+        // inactive devices, and our own device (if we're disconnected)
+        await this.updateDevices((devices) => {
+            const newDevices = devices.filter((d) => {
+                const device = deviceMap.get(d);
+                return (
+                    device?.last_seen_ts !== undefined &&
+                    !(d === this.client.getDeviceId() && !this.connected) &&
+                    now - device.last_seen_ts < this.STUCK_DEVICE_TIMEOUT_MS
+                );
+            });
+
+            // Skip the update if the devices are unchanged
+            return newDevices.length === devices.length ? null : newDevices;
+        });
+    }
+
+    private async addOurDevice(): Promise<void> {
+        await this.updateDevices((devices) => Array.from(new Set(devices).add(this.client.getDeviceId()!)));
+    }
+
+    private async removeOurDevice(): Promise<void> {
+        await this.updateDevices((devices) => {
+            const devicesSet = new Set(devices);
+            devicesSet.delete(this.client.getDeviceId()!);
+            return Array.from(devicesSet);
+        });
+    }
+
+    public async start(): Promise<ClientWidgetApi> {
+        const widgetApi = await super.start();
+        widgetApi.on(`action:${ElementWidgetActions.JoinCall}`, this.onJoin);
+        widgetApi.on(`action:${ElementWidgetActions.HangupCall}`, this.onHangup);
+        ActiveWidgetStore.instance.on(ActiveWidgetStoreEvent.Dock, this.onDock);
+        ActiveWidgetStore.instance.on(ActiveWidgetStoreEvent.Undock, this.onUndock);
+        return widgetApi;
+    }
+
+    protected async performDisconnection(): Promise<void> {
+        const response = waitForEvent(
+            this.widgetApi!,
+            `action:${ElementWidgetActions.HangupCall}`,
+            (ev: CustomEvent<IWidgetApiRequest>) => {
+                ev.preventDefault();
+                this.widgetApi!.transport.reply(ev.detail, {}); // ack
+                return true;
+            },
+        );
+        const request = this.widgetApi!.transport.send(ElementWidgetActions.HangupCall, {});
+        try {
+            await Promise.all([request, response]);
+        } catch (e) {
+            throw new Error(`Failed to hangup call in room ${this.roomId}: ${e}`);
+        }
+    }
+
+    public close(): void {
+        this.widgetApi!.off(`action:${ElementWidgetActions.JoinCall}`, this.onJoin);
+        this.widgetApi!.off(`action:${ElementWidgetActions.HangupCall}`, this.onHangup);
+        ActiveWidgetStore.instance.off(ActiveWidgetStoreEvent.Dock, this.onDock);
+        ActiveWidgetStore.instance.off(ActiveWidgetStoreEvent.Undock, this.onUndock);
+        super.close();
+    }
+
+    public destroy(): void {
+        this.room.off(RoomStateEvent.Update, this.onRoomState);
+        this.off(CallEvent.ConnectionState, this.onConnectionState);
+        if (this.participantsExpirationTimer !== null) {
+            clearTimeout(this.participantsExpirationTimer);
+            this.participantsExpirationTimer = null;
+        }
+        if (this.resendDevicesTimer !== null) {
+            clearInterval(this.resendDevicesTimer);
+            this.resendDevicesTimer = null;
+        }
+
+        super.destroy();
+    }
+
+    private readonly onRoomState = (): void => this.updateParticipants();
+
+    private readonly onConnectionState = async (state: ConnectionState, prevState: ConnectionState): Promise<void> => {
+        if (state === ConnectionState.Connected && !isConnected(prevState)) {
+            this.updateParticipants(); // Local echo
+
+            // Tell others that we're connected, by adding our device to room state
+            await this.addOurDevice();
+            // Re-add this device every so often so our video member event doesn't become stale
+            this.resendDevicesTimer = window.setInterval(
+                async (): Promise<void> => {
+                    logger.debug(`Resending video member event for ${this.roomId}`);
+                    await this.addOurDevice();
+                },
+                (this.STUCK_DEVICE_TIMEOUT_MS * 3) / 4,
+            );
+        } else if (state === ConnectionState.Disconnected && isConnected(prevState)) {
+            this.updateParticipants(); // Local echo
+
+            if (this.resendDevicesTimer !== null) {
+                clearInterval(this.resendDevicesTimer);
+                this.resendDevicesTimer = null;
+            }
+            // Tell others that we're disconnected, by removing our device from room state
+            await this.removeOurDevice();
+        }
+    };
+
+    private readonly onDock = async (): Promise<void> => {
+        // The widget is no longer a PiP, so let's restore the default layout
+        await this.widgetApi!.transport.send(ElementWidgetActions.TileLayout, {});
+    };
+
+    private readonly onUndock = async (): Promise<void> => {
+        // The widget has become a PiP, so let's switch Jitsi to spotlight mode
+        // to only show the active speaker and economize on space
+        await this.widgetApi!.transport.send(ElementWidgetActions.SpotlightLayout, {});
+    };
+
+    private readonly onJoin = (ev: CustomEvent<IWidgetApiRequest>): void => {
+        ev.preventDefault();
+        this.widgetApi!.transport.reply(ev.detail, {}); // ack
+        this.setConnected();
+    };
+
+    private readonly onHangup = async (ev: CustomEvent<IWidgetApiRequest>): Promise<void> => {
+        // If we're already in the middle of a client-initiated disconnection,
+        // ignore the event
+        if (this.connectionState === ConnectionState.Disconnecting) return;
+
+        ev.preventDefault();
+        this.widgetApi!.transport.reply(ev.detail, {}); // ack
+        this.setDisconnected();
+        if (!isVideoRoom(this.room)) this.close();
+    };
+}
+
+export enum ElementCallIntent {
+    StartCall = "start_call",
+    JoinExisting = "join_existing",
+    StartCallVoice = "start_call_voice",
+    JoinExistingVoice = "join_existing_voice",
+    StartCallDM = "start_call_dm",
+    StartCallDMVoice = "start_call_dm_voice",
+    JoinExistingDM = "join_existing_dm",
+    JoinExistingDMVoice = "join_existing_dm_voice",
+}
+
+/**
+ * Parameters to be passed during widget creation.
+ * These parameters are hints only, and may not be accepted by the implementation.
+ */
+export interface WidgetGenerationParameters {
+    /**
+     * Skip showing the lobby screen of a call.
+     */
+    skipLobby?: boolean;
+    /**
+     * Does the user intent to start a voice call?
+     */
+    voiceOnly?: boolean;
+}
+
+/**
+ * Parameters to be passed during widget creation.
+ * These parameters are hints only, and may not be accepted by the implementation.
+ */
+export interface WidgetGenerationParameters {
+    /**
+     * Skip showing the lobby screen of a call.
+     */
+    skipLobby?: boolean;
+}
+
+/**
+ * A group call using MSC3401 and Element Call as a backend.
+ * (somewhat cheekily named)
+ */
+export class ElementCall extends Call {
+    public readonly STUCK_DEVICE_TIMEOUT_MS = 1000 * 60 * 60; // 1 hour
+
+    private settingsStoreCallEncryptionWatcher?: string;
+    private terminationTimer?: number;
+
+    public get presented(): boolean {
+        return super.presented;
+    }
+    public set presented(value: boolean) {
+        super.presented = value;
+        this.checkDestroy();
+    }
+
+    public widgetGenerationParameters: WidgetGenerationParameters = {};
+
+    /**
+     * Calculate the correct intent (and associated parameters) for an Element Call room. Paarameters
+     * will be applied to the `params` instance.
+     *
+     * @param params Existing URL parameters
+     * @param client The current client.
+     * @param roomId The room ID for the call.
+     */
+    private static appendRoomParams(
+        params: URLSearchParams,
+        client: MatrixClient,
+        roomId: string,
+        { voiceOnly }: WidgetGenerationParameters,
+    ): void {
+        const room = client.getRoom(roomId);
+        if (!room) {
+            // If the room isn't known then skip setting an intent.
+            return;
+        } else if (isVideoRoom(room)) {
+            // Video rooms already exist, so just treat as if we're joining a group call.
+            params.append("intent", ElementCallIntent.JoinExisting);
+            // Video rooms should always return to lobby.
+            params.append("returnToLobby", "true");
+            // Never skip the lobby, we always want to give the caller a chance to explicitly join.
+            params.append("skipLobby", "false");
+            return;
+        }
+
+        const isDM = !!DMRoomMap.shared().getUserIdForRoomId(room.roomId);
+        const oldestCallMember = client.matrixRTC.getRoomSession(room).getOldestMembership();
+        const hasCallStarted = !!oldestCallMember && oldestCallMember.sender !== client.getSafeUserId();
+        if (isDM) {
+            if (hasCallStarted) {
+                params.append(
+                    "intent",
+                    voiceOnly ? ElementCallIntent.JoinExistingDMVoice : ElementCallIntent.JoinExistingDM,
+                );
+            } else {
+                params.append("intent", voiceOnly ? ElementCallIntent.StartCallDMVoice : ElementCallIntent.StartCallDM);
+            }
+        } else {
+            if (hasCallStarted) {
+                params.append(
+                    "intent",
+                    voiceOnly ? ElementCallIntent.JoinExistingVoice : ElementCallIntent.JoinExisting,
+                );
+            } else {
+                params.append("intent", voiceOnly ? ElementCallIntent.StartCallVoice : ElementCallIntent.StartCall);
+            }
+        }
+    }
+
+    /**
+     * Calculate the correct analytics parameters for an Element Call room. Paarameters
+     * will be applied to the `params` instance.
+     *
+     * @param params Existing URL parameters
+     * @param client The current client.
+     */
+    private static appendAnalyticsParams(params: URLSearchParams, client: MatrixClient): void {
+        const posthogConfig = SdkConfig.get("posthog");
+        if (
+            !posthogConfig?.project_api_key ||
+            !posthogConfig?.api_host ||
+            PosthogAnalytics.instance.getAnonymity() === Anonymity.Disabled
+        ) {
+            return;
+        }
+
+        const accountAnalyticsData = client.getAccountData(PosthogAnalytics.ANALYTICS_EVENT_TYPE)?.getContent();
+        // The analyticsID is passed directly to element call (EC) since this codepath is only for EC and no other widget.
+        // We really don't want the same analyticID's for the EC and EW posthog instances (Data on posthog should be limited/anonymized as much as possible).
+        // This is prohibited in EC where a hashed version of the analyticsID is used for the actual posthog identification.
+        // We can pass the raw EW analyticsID here since we need to trust EC with not sending sensitive data to posthog (EC has access to more sensible data than the analyticsID e.g. the username)
+        const analyticsID: string = accountAnalyticsData?.pseudonymousAnalyticsOptIn ? accountAnalyticsData?.id : "";
+
+        params.append("posthogUserId", analyticsID);
+        params.append("posthogApiHost", posthogConfig.api_host);
+        params.append("posthogApiKey", posthogConfig.project_api_key);
+
+        // We gate passing sentry behind analytics consent as EC shares data automatically without user-consent,
+        // unlike EW where data is shared upon an intentional user action (rageshake).
+        const sentryConfig = SdkConfig.get("sentry");
+        if (sentryConfig?.dsn) {
+            params.append("sentryDsn", sentryConfig.dsn);
+            params.append("sentryEnvironment", sentryConfig.environment ?? "");
+        }
+    }
+
+    /**
+     * Generate the correct Element Call widget URL for creating or joining a call in this room.
+     * Unless `Developer.elementCallUrl` is set, the widget will use the embedded Element Call package.
+     *
+     * @param client
+     * @param roomId
+     * @param opts
+     * @returns
+     */
+    private static generateWidgetUrl(client: MatrixClient, roomId: string, opts: WidgetGenerationParameters = {}): URL {
+        const elementCallUrlOverride = SettingsStore.getValue("Developer.elementCallUrl");
+        const url = elementCallUrlOverride
+            ? new URL(elementCallUrlOverride)
+            : // this strips hash fragment from baseUrl
+              new URL("./widgets/element-call/index.html#", window.location.href);
+
+        // Splice together the Element Call URL for this call
+        // Parameters can be found in https://github.com/element-hq/element-call/blob/livekit/src/UrlParams.ts.
+        const params = new URLSearchParams({
+            // Template variables are used, so that this can be configured using the widget data.
+            perParticipantE2EE: "$perParticipantE2EE",
+            userId: client.getUserId()!,
+            deviceId: client.getDeviceId()!,
+            roomId: roomId,
+            baseUrl: client.baseUrl,
+            lang: getCurrentLanguage().replace("_", "-"),
+            fontScale: (FontWatcher.getRootFontSize() / FontWatcher.getBrowserDefaultFontSize()).toString(),
+            theme: "$org.matrix.msc2873.client_theme",
+            // on EW we do not want the gradient EC background.
+            background: "solid",
+        });
+
+        if (typeof opts.skipLobby === "boolean") {
+            params.set("skipLobby", opts.skipLobby.toString());
+        }
+
+        const rageshakeSubmitUrl = SdkConfig.get("bug_report_endpoint_url");
+        if (rageshakeSubmitUrl && rageshakeSubmitUrl !== BugReportEndpointURLLocal) {
+            params.append("rageshakeSubmitUrl", rageshakeSubmitUrl);
+        }
+
+        if (SettingsStore.getValue("fallbackICEServerAllowed")) {
+            params.append("allowIceFallback", "true");
+        }
+
+        const echoCancellation = SettingsStore.getValue("webrtc_audio_echoCancellation");
+        if (!echoCancellation) {
+            // the default is true, so only set if false
+            params.append("echoCancellation", "false");
+        }
+        const noiseSuppression = SettingsStore.getValue("webrtc_audio_noiseSuppression");
+        if (!noiseSuppression) {
+            // the default is true, so only set if false
+            params.append("noiseSuppression", "false");
+        }
+
+        // Set custom fonts
+        if (SettingsStore.getValue("useSystemFont")) {
+            SettingsStore.getValue("systemFont")
+                .split(",")
+                .map((font) => {
+                    // Strip whitespace and quotes
+                    font = font.trim();
+                    if (font.startsWith('"') && font.endsWith('"')) font = font.slice(1, -1);
+                    return font;
+                })
+                .forEach((font) => params.append("font", font));
+        }
+        this.appendAnalyticsParams(params, client);
+        this.appendRoomParams(params, client, roomId, opts);
+
+        const replacedUrl = params.toString().replace(/%24/g, "$");
+        url.hash = `#?${replacedUrl}`;
+        return url;
+    }
+
+    // Creates a new widget if there isn't any widget of typ Call in this room.
+    private static createOrGetCallWidget(roomId: string, client: MatrixClient): IApp {
+        const ecWidget = WidgetStore.instance.getApps(roomId).find((app) => WidgetType.CALL.matches(app.type));
+        if (ecWidget) {
+            // Always update the widget data because even if the widget is already created,
+            // we might have settings changes that update the widget.
+            ecWidget.data = ElementCall.getWidgetData(client, roomId, ecWidget?.data ?? {}, {});
+            return ecWidget;
+        }
+
+        // To use Element Call without touching room state, we create a virtual
+        // widget (one that doesn't have a corresponding state event)
+        const url = ElementCall.generateWidgetUrl(client, roomId);
+        return WidgetStore.instance.addVirtualWidget(
+            {
+                id: secureRandomString(24), // So that it's globally unique
+                creatorUserId: client.getUserId()!,
+                name: "Element Call",
+                type: WidgetType.CALL.preferred,
+                url: url.toString(),
+                waitForIframeLoad: false,
+                data: ElementCall.getWidgetData(client, roomId, {}, {}),
+            },
+            roomId,
+        );
+    }
+
+    private static getWidgetData(
+        client: MatrixClient,
+        roomId: string,
+        currentData: IWidgetData,
+        overwriteData: IWidgetData,
+    ): IWidgetData {
+        return {
+            ...currentData,
+            ...overwriteData,
+            perParticipantE2EE:
+                client.getRoom(roomId)?.hasEncryptionStateEvent() &&
+                !SettingsStore.getValue("feature_disable_call_per_sender_encryption"),
+        };
+    }
+
+    private onCallEncryptionSettingsChange(): void {
+        this.widget.data = ElementCall.getWidgetData(this.client, this.roomId, this.widget.data ?? {}, {});
+    }
+
+    private constructor(
+        public session: MatrixRTCSession,
+        widget: IApp,
+        client: MatrixClient,
+    ) {
+        super(widget, client, session.getConsensusCallIntent() === "audio" ? CallType.Voice : CallType.Video);
+
+        this.session.on(MatrixRTCSessionEvent.MembershipsChanged, this.onMembershipChanged);
+        this.client.matrixRTC.on(MatrixRTCSessionManagerEvents.SessionEnded, this.checkDestroy);
+        SettingsStore.watchSetting(
+            "feature_disable_call_per_sender_encryption",
+            null,
+            this.onCallEncryptionSettingsChange.bind(this),
+        );
+        this.updateParticipants();
+    }
+
+    public static get(room: Room, voiceOnly?: boolean): ElementCall | null {
+        const apps = WidgetStore.instance.getApps(room.roomId);
+        const hasEcWidget = apps.some((app) => WidgetType.CALL.matches(app.type));
+        const session = room.client.matrixRTC.getRoomSession(room);
+
+        // A call is present if we
+        // - have a widget: This means the create function was called.
+        // - or there is a running session where we have not yet created a widget for.
+        // - or this is a call room. Then we also always want to show a call.
+        if (hasEcWidget || session.memberships.length !== 0 || room.isCallRoom()) {
+            // create a widget for the case we are joining a running call and don't have on yet.
+            const availableOrCreatedWidget = ElementCall.createOrGetCallWidget(room.roomId, room.client);
+            return new ElementCall(session, availableOrCreatedWidget, room.client);
+        }
+
+        return null;
+    }
+
+    public static create(room: Room): void {
+        ElementCall.createOrGetCallWidget(room.roomId, room.client);
+    }
+
+    public async start(widgetGenerationParameters: WidgetGenerationParameters): Promise<ClientWidgetApi> {
+        // Some parameters may only be set once the user has chosen to interact with the call, regenerate the URL
+        // at this point in case any of the parameters have changed.
+        this.widgetGenerationParameters = { ...this.widgetGenerationParameters, ...widgetGenerationParameters };
+        this.widget.url = ElementCall.generateWidgetUrl(
+            this.client,
+            this.roomId,
+            this.widgetGenerationParameters,
+        ).toString();
+        const widgetApi = await super.start();
+        widgetApi.on(`action:${ElementWidgetActions.JoinCall}`, this.onJoin);
+        widgetApi.on(`action:${ElementWidgetActions.HangupCall}`, this.onHangup);
+        widgetApi.on(`action:${ElementWidgetActions.Close}`, this.onClose);
+        widgetApi.on(`action:${ElementWidgetActions.DeviceMute}`, this.onDeviceMute);
+        return widgetApi;
+    }
+
+    protected async performDisconnection(): Promise<void> {
+        const response = waitForEvent(
+            this.widgetApi!,
+            `action:${ElementWidgetActions.HangupCall}`,
+            (ev: CustomEvent<IWidgetApiRequest>) => {
+                ev.preventDefault();
+                this.widgetApi!.transport.reply(ev.detail, {}); // ack
+                return true;
+            },
+        );
+        const request = this.widgetApi!.transport.send(ElementWidgetActions.HangupCall, {});
+        try {
+            await Promise.all([request, response]);
+        } catch (e) {
+            throw new Error(`Failed to hangup call in room ${this.roomId}: ${e}`);
+        }
+    }
+
+    public close(): void {
+        this.widgetApi!.off(`action:${ElementWidgetActions.JoinCall}`, this.onJoin);
+        this.widgetApi!.off(`action:${ElementWidgetActions.HangupCall}`, this.onHangup);
+        this.widgetApi!.off(`action:${ElementWidgetActions.Close}`, this.onClose);
+        this.widgetApi!.off(`action:${ElementWidgetActions.DeviceMute}`, this.onDeviceMute);
+        super.close();
+    }
+
+    public destroy(): void {
+        ActiveWidgetStore.instance.destroyPersistentWidget(this.widget.id, this.widget.roomId);
+        WidgetStore.instance.removeVirtualWidget(this.widget.id, this.widget.roomId);
+        this.session.off(MatrixRTCSessionEvent.MembershipsChanged, this.onMembershipChanged);
+        this.client.matrixRTC.off(MatrixRTCSessionManagerEvents.SessionEnded, this.checkDestroy);
+
+        SettingsStore.unwatchSetting(this.settingsStoreCallEncryptionWatcher);
+        clearTimeout(this.terminationTimer);
+        this.terminationTimer = undefined;
+
+        super.destroy();
+    }
+
+    private checkDestroy = (): void => {
+        // A call ceases to exist as soon as all participants leave and also the
+        // user isn't looking at it (for example, waiting in an empty lobby)
+        if (this.session.memberships.length === 0 && !this.presented && !this.room.isCallRoom()) this.destroy();
+    };
+
+    private readonly onMembershipChanged = (): void => {
+        this.updateParticipants();
+        this.callType = this.session.getConsensusCallIntent() === "audio" ? CallType.Voice : CallType.Video;
+    };
+
+    private updateParticipants(): void {
+        const participants = new Map<RoomMember, Set<string>>();
+
+        for (const m of this.session.memberships) {
+            if (!m.sender) continue;
+            const member = this.room.getMember(m.sender);
+            if (member) {
+                if (participants.has(member)) {
+                    participants.get(member)?.add(m.deviceId);
+                } else {
+                    participants.set(member, new Set([m.deviceId]));
+                }
+            }
+        }
+
+        this.participants = participants;
+    }
+
+    private readonly onDeviceMute = (ev: CustomEvent<IWidgetApiRequest>): void => {
+        ev.preventDefault();
+        this.widgetApi!.transport.reply(ev.detail, {}); // ack
+    };
+
+    private readonly onJoin = (ev: CustomEvent<IWidgetApiRequest>): void => {
+        ev.preventDefault();
+        this.widgetApi!.transport.reply(ev.detail, {}); // ack
+        this.setConnected();
+    };
+
+    private readonly onHangup = async (ev: CustomEvent<IWidgetApiRequest>): Promise<void> => {
+        // If we're already in the middle of a client-initiated disconnection,
+        // ignore the event
+        if (this.connectionState === ConnectionState.Disconnecting) return;
+
+        ev.preventDefault();
+        this.widgetApi!.transport.reply(ev.detail, {}); // ack
+        this.setDisconnected();
+    };
+
+    private readonly onClose = async (ev: CustomEvent<IWidgetApiRequest>): Promise<void> => {
+        ev.preventDefault();
+        this.widgetApi!.transport.reply(ev.detail, {}); // ack
+        this.setDisconnected(); // Just in case the widget forgot to emit a hangup action (maybe it's in an error state)
+        this.close(); // User is done with the call; tell the UI to close it
+    };
+
+    public clean(): Promise<void> {
+        return Promise.resolve();
+    }
+}
diff --git a/apps/web/src/models/LocalRoom.ts b/apps/web/src/models/LocalRoom.ts
new file mode 100644
index 00000000000..960c7f634cc
--- /dev/null
+++ b/apps/web/src/models/LocalRoom.ts
@@ -0,0 +1,76 @@
+/*
+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 {
+    type MatrixClient,
+    Room,
+    PendingEventOrdering,
+    MatrixEvent,
+    Direction,
+    EventType,
+} from "matrix-js-sdk/src/matrix";
+
+import { type Member } from "../utils/direct-messages";
+
+export const LOCAL_ROOM_ID_PREFIX = "local+";
+
+export enum LocalRoomState {
+    NEW, // new local room; only known to the client
+    CREATING, // real room is being created
+    CREATED, // real room has been created via API; events applied
+    ERROR, // error during room creation
+}
+
+/**
+ * A local room that only exists client side.
+ * Its main purpose is to be used for temporary rooms when creating a DM.
+ */
+export class LocalRoom extends Room {
+    /** Whether the actual room should be encrypted. */
+    public encrypted = false;
+    /** If the actual room has been created, this holds its ID. */
+    public actualRoomId?: string;
+    /** DM chat partner */
+    public targets: Member[] = [];
+    /** Callbacks that should be invoked after the actual room has been created. */
+    public afterCreateCallbacks: ((roomId: string) => void)[] = [];
+    public state: LocalRoomState = LocalRoomState.NEW;
+
+    public constructor(roomId: string, client: MatrixClient, myUserId: string) {
+        super(roomId, client, myUserId, { pendingEventOrdering: PendingEventOrdering.Detached });
+        this.name = this.getDefaultRoomName(myUserId);
+    }
+
+    public get isNew(): boolean {
+        return this.state === LocalRoomState.NEW;
+    }
+
+    public get isCreated(): boolean {
+        return this.state === LocalRoomState.CREATED;
+    }
+
+    public get isError(): boolean {
+        return this.state === LocalRoomState.ERROR;
+    }
+
+    /**
+     * Check if encryption is enabled in this room.
+     * True if the room has any encryption state event
+     */
+    public isEncryptionEnabled(): boolean {
+        const roomState = this.getLiveTimeline().getState(Direction.Forward);
+        if (!roomState) return false;
+
+        const stateEvents = roomState.getStateEvents(EventType.RoomEncryption);
+        if (stateEvents.length === 0) return false;
+
+        // if there is an encryption state event, it is encrypted.
+        // Regardless of the content/algorithm, we assume it is encrypted.
+        return stateEvents[0] instanceof MatrixEvent;
+    }
+}
diff --git a/apps/web/src/models/RoomUpload.ts b/apps/web/src/models/RoomUpload.ts
new file mode 100644
index 00000000000..3fa75d1881a
--- /dev/null
+++ b/apps/web/src/models/RoomUpload.ts
@@ -0,0 +1,44 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type IEventRelation, type UploadProgress } from "matrix-js-sdk/src/matrix";
+import { type EncryptedFile } from "matrix-js-sdk/src/types";
+
+export class RoomUpload {
+    public readonly abortController = new AbortController();
+    public promise?: Promise<{ url?: string; file?: EncryptedFile }>;
+    private uploaded = 0;
+
+    public constructor(
+        public readonly roomId: string,
+        public readonly fileName: string,
+        public readonly relation?: IEventRelation,
+        public fileSize = 0,
+    ) {}
+
+    public onProgress(progress: UploadProgress): void {
+        this.uploaded = progress.loaded;
+        this.fileSize = progress.total;
+    }
+
+    public abort(): void {
+        this.abortController.abort();
+    }
+
+    public get cancelled(): boolean {
+        return this.abortController.signal.aborted;
+    }
+
+    public get total(): number {
+        return this.fileSize;
+    }
+
+    public get loaded(): number {
+        return this.uploaded;
+    }
+}
diff --git a/apps/web/src/models/notificationsettings/NotificationSettings.ts b/apps/web/src/models/notificationsettings/NotificationSettings.ts
new file mode 100644
index 00000000000..3ebd6811f46
--- /dev/null
+++ b/apps/web/src/models/notificationsettings/NotificationSettings.ts
@@ -0,0 +1,59 @@
+/*
+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 { RoomNotifState } from "../../RoomNotifs";
+
+export type RoomDefaultNotificationLevel = RoomNotifState.AllMessages | RoomNotifState.MentionsOnly;
+
+export type NotificationSettings = {
+    globalMute: boolean;
+    defaultLevels: {
+        room: RoomDefaultNotificationLevel;
+        dm: RoomDefaultNotificationLevel;
+    };
+    sound: {
+        people: string | undefined;
+        mentions: string | undefined;
+        calls: string | undefined;
+    };
+    activity: {
+        invite: boolean;
+        status_event: boolean;
+        bot_notices: boolean;
+    };
+    mentions: {
+        user: boolean;
+        keywords: boolean;
+        room: boolean;
+    };
+    keywords: string[];
+};
+
+export const DefaultNotificationSettings: NotificationSettings = {
+    globalMute: false,
+    defaultLevels: {
+        room: RoomNotifState.AllMessages,
+        dm: RoomNotifState.AllMessages,
+    },
+    sound: {
+        people: "default",
+        mentions: "default",
+        calls: "ring",
+    },
+    activity: {
+        invite: true,
+        status_event: false,
+        bot_notices: true,
+    },
+    mentions: {
+        user: true,
+        room: true,
+        keywords: true,
+    },
+    keywords: [],
+};
diff --git a/apps/web/src/models/notificationsettings/PushRuleDiff.ts b/apps/web/src/models/notificationsettings/PushRuleDiff.ts
new file mode 100644
index 00000000000..992ea2f982e
--- /dev/null
+++ b/apps/web/src/models/notificationsettings/PushRuleDiff.ts
@@ -0,0 +1,27 @@
+/*
+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 IAnnotatedPushRule, type PushRuleAction, type PushRuleKind, type RuleId } from "matrix-js-sdk/src/matrix";
+
+export type PushRuleDiff = {
+    updated: PushRuleUpdate[];
+    added: IAnnotatedPushRule[];
+    deleted: PushRuleDeletion[];
+};
+
+export type PushRuleDeletion = {
+    rule_id: RuleId | string;
+    kind: PushRuleKind;
+};
+
+export type PushRuleUpdate = {
+    rule_id: RuleId | string;
+    kind: PushRuleKind;
+    enabled?: boolean;
+    actions?: PushRuleAction[];
+};
diff --git a/apps/web/src/models/notificationsettings/PushRuleMap.ts b/apps/web/src/models/notificationsettings/PushRuleMap.ts
new file mode 100644
index 00000000000..d57d5bbe183
--- /dev/null
+++ b/apps/web/src/models/notificationsettings/PushRuleMap.ts
@@ -0,0 +1,25 @@
+/*
+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 IAnnotatedPushRule, type IPushRules, PushRuleKind, type RuleId } from "matrix-js-sdk/src/matrix";
+
+export type PushRuleMap = Map<RuleId | string, IAnnotatedPushRule>;
+
+export function buildPushRuleMap(rulesets: IPushRules): PushRuleMap {
+    const rules = new Map<RuleId | string, IAnnotatedPushRule>();
+
+    for (const kind of Object.values(PushRuleKind)) {
+        for (const rule of rulesets.global[kind] ?? []) {
+            if (rule.rule_id.startsWith(".")) {
+                rules.set(rule.rule_id, { ...rule, kind });
+            }
+        }
+    }
+
+    return rules;
+}
diff --git a/apps/web/src/models/notificationsettings/keywordRuleId.ts b/apps/web/src/models/notificationsettings/keywordRuleId.ts
new file mode 100644
index 00000000000..987ab1dba8f
--- /dev/null
+++ b/apps/web/src/models/notificationsettings/keywordRuleId.ts
@@ -0,0 +1,31 @@
+/*
+Copyright 2026 hayaksi1
+
+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.
+*/
+
+/**
+ * Work out which rule ID a keyword should be stored under.
+ *
+ * A keyword is normally its own rule ID, but homeservers reserve the IDs beginning with a dot for
+ * the rules they define themselves and refuse to store any other, so a keyword such as
+ * `...push complete` cannot be one. The ID drops those leading dots; the rule's pattern, which is
+ * what messages are actually matched against, keeps the keyword exactly as it was typed. That can
+ * leave two keywords wanting the same ID, so one of them is numbered off the end.
+ *
+ * @param keyword - The keyword as the user typed it.
+ * @param existingIds - The rule IDs already in use.
+ * @returns A rule ID the homeserver will accept and no other rule is using.
+ */
+export function keywordRuleId(keyword: string, existingIds: Iterable<string>): string {
+    // A keyword of nothing but dots leaves nothing to name the rule after.
+    const base = keyword.replace(/^\.+/, "") || "keyword";
+
+    const taken = new Set(existingIds);
+    if (!taken.has(base)) return base;
+
+    let suffix = 2;
+    while (taken.has(`${base}-${suffix}`)) suffix++;
+    return `${base}-${suffix}`;
+}
diff --git a/apps/web/src/models/notificationsettings/reconcileNotificationSettings.ts b/apps/web/src/models/notificationsettings/reconcileNotificationSettings.ts
new file mode 100644
index 00000000000..f32cfbeae79
--- /dev/null
+++ b/apps/web/src/models/notificationsettings/reconcileNotificationSettings.ts
@@ -0,0 +1,244 @@
+/*
+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 IPushRules, PushRuleKind, RuleId } from "matrix-js-sdk/src/matrix";
+import { deepCompare } from "matrix-js-sdk/src/utils";
+
+import { NotificationUtils } from "../../notifications";
+import { StandardActions } from "../../notifications/StandardActions";
+import { RoomNotifState } from "../../RoomNotifs";
+import { type NotificationSettings } from "./NotificationSettings";
+import { type PushRuleDiff, type PushRuleUpdate } from "./PushRuleDiff";
+import { buildPushRuleMap } from "./PushRuleMap";
+import { keywordRuleId } from "./keywordRuleId";
+
+function toStandardRules(
+    model: NotificationSettings,
+    supportsIntentionalMentions: boolean,
+): Map<RuleId | string, PushRuleUpdate> {
+    const standardRules = new Map<RuleId | string, PushRuleUpdate>();
+
+    standardRules.set(RuleId.Master, {
+        rule_id: RuleId.Master,
+        kind: PushRuleKind.Override,
+        enabled: model.globalMute,
+    });
+
+    standardRules.set(RuleId.EncryptedMessage, {
+        rule_id: RuleId.EncryptedMessage,
+        kind: PushRuleKind.Underride,
+        enabled: true,
+        actions: NotificationUtils.encodeActions({
+            notify: model.defaultLevels.room === RoomNotifState.AllMessages,
+            highlight: false,
+        }),
+    });
+    standardRules.set(RuleId.Message, {
+        rule_id: RuleId.Message,
+        kind: PushRuleKind.Underride,
+        enabled: true,
+        actions: NotificationUtils.encodeActions({
+            notify: model.defaultLevels.room === RoomNotifState.AllMessages,
+            highlight: false,
+        }),
+    });
+    standardRules.set(RuleId.EncryptedDM, {
+        rule_id: RuleId.EncryptedDM,
+        kind: PushRuleKind.Underride,
+        enabled: true,
+        actions: NotificationUtils.encodeActions({
+            notify: model.defaultLevels.dm === RoomNotifState.AllMessages,
+            highlight: false,
+            sound: model.sound.people,
+        }),
+    });
+    standardRules.set(RuleId.DM, {
+        rule_id: RuleId.DM,
+        kind: PushRuleKind.Underride,
+        enabled: true,
+        actions: NotificationUtils.encodeActions({
+            notify: model.defaultLevels.dm === RoomNotifState.AllMessages,
+            highlight: false,
+            sound: model.sound.people,
+        }),
+    });
+
+    standardRules.set(RuleId.SuppressNotices, {
+        rule_id: RuleId.SuppressNotices,
+        kind: PushRuleKind.Override,
+        enabled: !model.activity.bot_notices,
+        actions: StandardActions.ACTION_DONT_NOTIFY,
+    });
+    standardRules.set(RuleId.InviteToSelf, {
+        rule_id: RuleId.InviteToSelf,
+        kind: PushRuleKind.Override,
+        enabled: model.activity.invite,
+        actions: NotificationUtils.encodeActions({
+            notify: true,
+            highlight: false,
+            sound: model.sound.people,
+        }),
+    });
+    standardRules.set(RuleId.MemberEvent, {
+        rule_id: RuleId.MemberEvent,
+        kind: PushRuleKind.Override,
+        enabled: true,
+        actions: model.activity.status_event ? StandardActions.ACTION_NOTIFY : StandardActions.ACTION_DONT_NOTIFY,
+    });
+
+    const mentionActions = NotificationUtils.encodeActions({
+        notify: true,
+        sound: model.sound.mentions,
+        highlight: true,
+    });
+    const userMentionActions = model.mentions.user ? mentionActions : StandardActions.ACTION_DONT_NOTIFY;
+    if (supportsIntentionalMentions) {
+        standardRules.set(RuleId.IsUserMention, {
+            rule_id: RuleId.IsUserMention,
+            kind: PushRuleKind.Override,
+            enabled: true,
+            actions: userMentionActions,
+        });
+    }
+    standardRules.set(RuleId.ContainsDisplayName, {
+        rule_id: RuleId.ContainsDisplayName,
+        kind: PushRuleKind.Override,
+        enabled: true,
+        actions: userMentionActions,
+    });
+    standardRules.set(RuleId.ContainsUserName, {
+        rule_id: RuleId.ContainsUserName,
+        kind: PushRuleKind.ContentSpecific,
+        enabled: true,
+        actions: userMentionActions,
+    });
+
+    const roomMentionActions = model.mentions.room ? StandardActions.ACTION_NOTIFY : StandardActions.ACTION_DONT_NOTIFY;
+    if (supportsIntentionalMentions) {
+        standardRules.set(RuleId.IsRoomMention, {
+            rule_id: RuleId.IsRoomMention,
+            kind: PushRuleKind.Override,
+            enabled: true,
+            actions: roomMentionActions,
+        });
+    }
+    standardRules.set(RuleId.AtRoomNotification, {
+        rule_id: RuleId.AtRoomNotification,
+        kind: PushRuleKind.Override,
+        enabled: true,
+        actions: roomMentionActions,
+    });
+
+    standardRules.set(RuleId.Tombstone, {
+        rule_id: RuleId.Tombstone,
+        kind: PushRuleKind.Override,
+        enabled: model.activity.status_event,
+        actions: StandardActions.ACTION_HIGHLIGHT,
+    });
+
+    standardRules.set(RuleId.IncomingCall, {
+        rule_id: RuleId.IncomingCall,
+        kind: PushRuleKind.Underride,
+        enabled: true,
+        actions: NotificationUtils.encodeActions({
+            notify: true,
+            sound: model.sound.calls,
+        }),
+    });
+
+    return standardRules;
+}
+
+export function reconcileNotificationSettings(
+    pushRules: IPushRules,
+    model: NotificationSettings,
+    supportsIntentionalMentions: boolean,
+): PushRuleDiff {
+    const changes: PushRuleDiff = {
+        updated: [],
+        added: [],
+        deleted: [],
+    };
+
+    const oldRules = buildPushRuleMap(pushRules);
+    const newRules = toStandardRules(model, supportsIntentionalMentions);
+
+    for (const rule of newRules.values()) {
+        const original = oldRules.get(rule.rule_id);
+        let changed = false;
+        if (original === undefined) {
+            changed = true;
+        } else if (rule.enabled !== undefined && rule.enabled !== original.enabled) {
+            changed = true;
+        } else if (rule.actions !== undefined) {
+            const originalActions = NotificationUtils.decodeActions(original.actions);
+            const actions = NotificationUtils.decodeActions(rule.actions);
+            if (originalActions === null || actions === null) {
+                changed = true;
+            } else if (!deepCompare(actions, originalActions)) {
+                changed = true;
+            }
+        }
+        if (changed) {
+            changes.updated.push(rule);
+        }
+    }
+
+    const mentionActions = NotificationUtils.encodeActions({
+        notify: true,
+        sound: model.sound.mentions,
+        highlight: true,
+    });
+    const contentRules = pushRules.global.content?.filter((rule) => !rule.rule_id.startsWith(".")) ?? [];
+    const newKeywords = new Set(model.keywords);
+    for (const rule of contentRules) {
+        if (!newKeywords.has(rule.pattern!)) {
+            changes.deleted.push({
+                rule_id: rule.rule_id,
+                kind: PushRuleKind.ContentSpecific,
+            });
+        } else {
+            let changed = false;
+            if (rule.enabled !== model.mentions.keywords) {
+                changed = true;
+            } else if (rule.actions !== undefined) {
+                const originalActions = NotificationUtils.decodeActions(rule.actions);
+                const actions = NotificationUtils.decodeActions(mentionActions);
+                if (originalActions === null || actions === null) {
+                    changed = true;
+                } else if (!deepCompare(actions, originalActions)) {
+                    changed = true;
+                }
+            }
+            if (changed) {
+                changes.updated.push({
+                    rule_id: rule.rule_id,
+                    kind: PushRuleKind.ContentSpecific,
+                    enabled: model.mentions.keywords,
+                    actions: mentionActions,
+                });
+            }
+        }
+        newKeywords.delete(rule.pattern!);
+    }
+    const ruleIds = new Set(contentRules.map((rule) => rule.rule_id));
+    for (const keyword of newKeywords) {
+        const ruleId = keywordRuleId(keyword, ruleIds);
+        ruleIds.add(ruleId);
+        changes.added.push({
+            rule_id: ruleId,
+            kind: PushRuleKind.ContentSpecific,
+            default: false,
+            enabled: model.mentions.keywords,
+            pattern: keyword,
+            actions: mentionActions,
+        });
+    }
+
+    return changes;
+}
diff --git a/apps/web/src/models/notificationsettings/toNotificationSettings.ts b/apps/web/src/models/notificationsettings/toNotificationSettings.ts
new file mode 100644
index 00000000000..19be22957da
--- /dev/null
+++ b/apps/web/src/models/notificationsettings/toNotificationSettings.ts
@@ -0,0 +1,104 @@
+/*
+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 IPushRule, type IPushRules, RuleId } from "matrix-js-sdk/src/matrix";
+
+import { NotificationUtils } from "../../notifications";
+import { RoomNotifState } from "../../RoomNotifs";
+import { type NotificationSettings } from "./NotificationSettings";
+import { buildPushRuleMap } from "./PushRuleMap";
+
+function shouldNotify(rules: (IPushRule | null | undefined | false)[]): boolean {
+    if (rules.length === 0) {
+        return true;
+    }
+    for (const rule of rules) {
+        if (rule === null || rule === undefined || rule === false || !rule.enabled) {
+            continue;
+        }
+        const actions = NotificationUtils.decodeActions(rule.actions);
+        if (actions !== null && actions.notify) {
+            return true;
+        }
+    }
+    return false;
+}
+
+function isMuted(rules: (IPushRule | null | undefined | false)[]): boolean {
+    if (rules.length === 0) {
+        return false;
+    }
+    for (const rule of rules) {
+        if (rule === null || rule === undefined || rule === false || !rule.enabled) {
+            continue;
+        }
+        const actions = NotificationUtils.decodeActions(rule.actions);
+        if (actions !== null && !actions.notify && actions.highlight !== true && actions.sound === undefined) {
+            return true;
+        }
+    }
+    return false;
+}
+
+function determineSound(rules: (IPushRule | null | undefined | false)[]): string | undefined {
+    for (const rule of rules) {
+        if (rule === null || rule === undefined || rule === false || !rule.enabled) {
+            continue;
+        }
+        const actions = NotificationUtils.decodeActions(rule.actions);
+        if (actions !== null && actions.notify && actions.sound !== undefined) {
+            return actions.sound;
+        }
+    }
+    return undefined;
+}
+
+export function toNotificationSettings(
+    pushRules: IPushRules,
+    supportsIntentionalMentions: boolean,
+): NotificationSettings {
+    const standardRules = buildPushRuleMap(pushRules);
+    const contentRules = pushRules.global.content?.filter((rule) => !rule.rule_id.startsWith(".")) ?? [];
+    const dmRules = [standardRules.get(RuleId.DM), standardRules.get(RuleId.EncryptedDM)];
+    const roomRules = [standardRules.get(RuleId.Message), standardRules.get(RuleId.EncryptedMessage)];
+    return {
+        globalMute: standardRules.get(RuleId.Master)?.enabled ?? false,
+        defaultLevels: {
+            room: shouldNotify(roomRules) ? RoomNotifState.AllMessages : RoomNotifState.MentionsOnly,
+            dm: shouldNotify(dmRules) ? RoomNotifState.AllMessages : RoomNotifState.MentionsOnly,
+        },
+        sound: {
+            calls: determineSound([standardRules.get(RuleId.IncomingCall)]),
+            mentions: determineSound([
+                supportsIntentionalMentions && standardRules.get(RuleId.IsUserMention),
+                standardRules.get(RuleId.ContainsUserName),
+                standardRules.get(RuleId.ContainsDisplayName),
+                ...contentRules,
+            ]),
+            people: determineSound(dmRules),
+        },
+        activity: {
+            bot_notices: !isMuted([standardRules.get(RuleId.SuppressNotices)]),
+            invite: shouldNotify([standardRules.get(RuleId.InviteToSelf)]),
+            status_event: shouldNotify([standardRules.get(RuleId.MemberEvent), standardRules.get(RuleId.Tombstone)]),
+        },
+        mentions: {
+            user: shouldNotify([
+                supportsIntentionalMentions && standardRules.get(RuleId.IsUserMention),
+                standardRules.get(RuleId.ContainsUserName),
+                standardRules.get(RuleId.ContainsDisplayName),
+            ]),
+            room: shouldNotify([
+                supportsIntentionalMentions && standardRules.get(RuleId.IsRoomMention),
+                standardRules.get(RuleId.AtRoomNotification),
+            ]),
+            keywords: shouldNotify(contentRules),
+        },
+        keywords: contentRules.map((it) => it.pattern!),
+    };
+}
diff --git a/apps/web/src/models/rooms/PresenceState.ts b/apps/web/src/models/rooms/PresenceState.ts
new file mode 100644
index 00000000000..54c1c0a568b
--- /dev/null
+++ b/apps/web/src/models/rooms/PresenceState.ts
@@ -0,0 +1,8 @@
+/*
+Copyright 2024 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 PresenceState = "offline" | "online" | "unavailable" | "io.element.unreachable";
diff --git a/apps/web/src/models/rooms/RoomMember.ts b/apps/web/src/models/rooms/RoomMember.ts
new file mode 100644
index 00000000000..eee1ae37ea3
--- /dev/null
+++ b/apps/web/src/models/rooms/RoomMember.ts
@@ -0,0 +1,22 @@
+/*
+Copyright 2024 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 PresenceState } from "./PresenceState";
+
+export type RoomMember = {
+    roomId: string;
+    userId: string;
+    displayUserId: string;
+    name: string;
+    rawDisplayName?: string;
+    disambiguate: boolean;
+    avatarThumbnailUrl?: string;
+    powerLevel: number;
+    lastModifiedTime: number;
+    presenceState?: PresenceState;
+    isInvite: boolean;
+};
diff --git a/apps/web/src/models/rooms/ThreePIDInvite.ts b/apps/web/src/models/rooms/ThreePIDInvite.ts
new file mode 100644
index 00000000000..01e8cd46f77
--- /dev/null
+++ b/apps/web/src/models/rooms/ThreePIDInvite.ts
@@ -0,0 +1,12 @@
+/*
+Copyright 2024 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 MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+export type ThreePIDInvite = {
+    event: MatrixEvent;
+};
diff --git a/apps/web/src/modules.d.ts b/apps/web/src/modules.d.ts
new file mode 100644
index 00000000000..632cfe101db
--- /dev/null
+++ b/apps/web/src/modules.d.ts
@@ -0,0 +1,13 @@
+/*
+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 { ModuleApi, RuntimeModule } from "@matrix-org/react-sdk-module-api";
+
+declare module "./modules.js" {
+    export type RuntimeModuleConstructor = { new (api: ModuleApi): RuntimeModule };
+    export const INSTALLED_MODULES: RuntimeModuleConstructor[];
+}
diff --git a/apps/web/src/modules/AccountDataApi.ts b/apps/web/src/modules/AccountDataApi.ts
new file mode 100644
index 00000000000..cf1dba513d3
--- /dev/null
+++ b/apps/web/src/modules/AccountDataApi.ts
@@ -0,0 +1,54 @@
+/*
+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 { Watchable, type AccountDataApi as IAccountDataApi } from "@element-hq/element-web-module-api";
+import { ClientEvent, type MatrixEvent, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+
+export class AccountDataApi implements IAccountDataApi {
+    public get(eventType: string): Watchable<unknown> {
+        const cli = MatrixClientPeg.safeGet();
+        return new AccountDataWatchable(cli, eventType);
+    }
+
+    public async set(eventType: string, content: any): Promise<void> {
+        const cli = MatrixClientPeg.safeGet();
+        //@ts-expect-error: JS-SDK accepts known event-types, intentionally allow arbitrary types.
+        await cli.setAccountData(eventType, content);
+    }
+
+    public async delete(eventType: string): Promise<void> {
+        const cli = MatrixClientPeg.safeGet();
+        //@ts-expect-error: JS-SDK accepts known event-types, intentionally allow arbitrary types.
+        await cli.deleteAccountData(eventType);
+    }
+}
+
+class AccountDataWatchable extends Watchable<unknown> {
+    public constructor(
+        private cli: MatrixClient,
+        private eventType: string,
+    ) {
+        //@ts-expect-error: JS-SDK accepts known event-types, intentionally allow arbitrary types.
+        super(cli.getAccountData(eventType)?.getContent());
+    }
+
+    private onAccountData = (event: MatrixEvent): void => {
+        if (event.getType() === this.eventType) {
+            this.value = event.getContent();
+        }
+    };
+
+    protected onFirstWatch(): void {
+        this.cli.on(ClientEvent.AccountData, this.onAccountData);
+    }
+
+    protected onLastWatch(): void {
+        this.cli.off(ClientEvent.AccountData, this.onAccountData);
+    }
+}
diff --git a/apps/web/src/modules/Api.ts b/apps/web/src/modules/Api.ts
new file mode 100644
index 00000000000..df822131e18
--- /dev/null
+++ b/apps/web/src/modules/Api.ts
@@ -0,0 +1,109 @@
+/*
+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 { createRoot, type Root } from "react-dom/client";
+import { type Api, type RuntimeModuleConstructor } from "@element-hq/element-web-module-api";
+import { I18nApi } from "@element-hq/web-shared-components";
+
+import { ModuleRunner } from "./ModuleRunner.ts";
+import AliasCustomisations from "../customisations/Alias.ts";
+import { RoomListCustomisations } from "../customisations/RoomList.ts";
+import ChatExportCustomisations from "../customisations/ChatExport.ts";
+import { ComponentVisibilityCustomisations } from "../customisations/ComponentVisibility.ts";
+import DirectoryCustomisations from "../customisations/Directory.ts";
+import LifecycleCustomisations from "../customisations/Lifecycle.ts";
+import * as MediaCustomisations from "../customisations/Media.ts";
+import UserIdentifierCustomisations from "../customisations/UserIdentifier.ts";
+import { WidgetPermissionCustomisations } from "../customisations/WidgetPermissions.ts";
+import { WidgetVariableCustomisations } from "../customisations/WidgetVariables.ts";
+import { ConfigApi } from "./ConfigApi.ts";
+import { CustomComponentsApi } from "./customComponentApi";
+import { WatchableProfile } from "./Profile.ts";
+import { NavigationApi } from "./Navigation.ts";
+import { openDialog } from "./Dialog.tsx";
+import { overwriteAccountAuth } from "./Auth.ts";
+import { ElementWebExtrasApi } from "./ExtrasApi.ts";
+import { ElementWebBuiltinsApi } from "./BuiltinsApi.tsx";
+import { ClientApi } from "./ClientApi.ts";
+import { StoresApi } from "./StoresApi.ts";
+import { WidgetLifecycleApi } from "./WidgetLifecycleApi.ts";
+import { WidgetApi } from "./WidgetApi.ts";
+import { CustomisationsApi } from "./customisationsApi.ts";
+import { ComposerApi } from "./ComposerApi.ts";
+import { StorageHelperApi } from "./StorageHelperApi.ts";
+import { SettingsApi } from "./SettingsApi.ts";
+import defaultDispatcher from "../dispatcher/dispatcher.ts";
+
+const legacyCustomisationsFactory = <T extends object>(baseCustomisations: T) => {
+    let used = false;
+    return (customisations: T) => {
+        if (used) throw new Error("Legacy customisations can only be registered by one module");
+        Object.assign(baseCustomisations, customisations);
+        used = true;
+    };
+};
+
+/**
+ * Implementation of the @element-hq/element-web-module-api runtime module API.
+ */
+export class ModuleApi implements Api {
+    private static _instance: ModuleApi;
+
+    public static get instance(): ModuleApi {
+        if (!ModuleApi._instance) {
+            ModuleApi._instance = new ModuleApi();
+            window.mxModuleApi = ModuleApi._instance;
+        }
+        return ModuleApi._instance;
+    }
+
+    public async _registerLegacyModule(LegacyModule: RuntimeModuleConstructor): Promise<void> {
+        ModuleRunner.instance.registerModule((api) => new LegacyModule(api));
+    }
+    public readonly _registerLegacyAliasCustomisations = legacyCustomisationsFactory(AliasCustomisations);
+    public readonly _registerLegacyChatExportCustomisations = legacyCustomisationsFactory(ChatExportCustomisations);
+    public readonly _registerLegacyComponentVisibilityCustomisations = legacyCustomisationsFactory(
+        ComponentVisibilityCustomisations,
+    );
+    public readonly _registerLegacyDirectoryCustomisations = legacyCustomisationsFactory(DirectoryCustomisations);
+    public readonly _registerLegacyLifecycleCustomisations = legacyCustomisationsFactory(LifecycleCustomisations);
+    public readonly _registerLegacyMediaCustomisations = legacyCustomisationsFactory(MediaCustomisations);
+    public readonly _registerLegacyRoomListCustomisations = legacyCustomisationsFactory(RoomListCustomisations);
+    public readonly _registerLegacyUserIdentifierCustomisations =
+        legacyCustomisationsFactory(UserIdentifierCustomisations);
+    public readonly _registerLegacyWidgetPermissionsCustomisations: (
+        customisations: typeof WidgetPermissionCustomisations,
+    ) => void = legacyCustomisationsFactory(WidgetPermissionCustomisations);
+    public readonly _registerLegacyWidgetVariablesCustomisations =
+        legacyCustomisationsFactory(WidgetVariableCustomisations);
+
+    public readonly navigation = new NavigationApi();
+    public readonly openDialog = openDialog;
+    public readonly overwriteAccountAuth = overwriteAccountAuth;
+    public readonly profile = new WatchableProfile();
+
+    public readonly config = new ConfigApi();
+    public readonly i18n = new I18nApi();
+    public readonly customComponents = new CustomComponentsApi();
+    public readonly customisations = new CustomisationsApi();
+    public readonly extras = new ElementWebExtrasApi();
+    public readonly builtins = new ElementWebBuiltinsApi();
+    public readonly widgetLifecycle = new WidgetLifecycleApi();
+    public readonly widget = new WidgetApi();
+    public readonly rootNode = document.getElementById("matrixchat")!;
+    public readonly client = new ClientApi();
+    public readonly stores = new StoresApi();
+    public readonly composer = new ComposerApi(defaultDispatcher);
+    public readonly storageHelper = new StorageHelperApi();
+    public readonly settings = new SettingsApi();
+
+    public createRoot(element: Element): Root {
+        return createRoot(element);
+    }
+}
+
+export type ModuleApiType = ModuleApi;
diff --git a/apps/web/src/modules/AppModule.ts b/apps/web/src/modules/AppModule.ts
new file mode 100644
index 00000000000..a3b0f15d4e7
--- /dev/null
+++ b/apps/web/src/modules/AppModule.ts
@@ -0,0 +1,37 @@
+/*
+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 { type RuntimeModule } from "@matrix-org/react-sdk-module-api/lib/RuntimeModule";
+
+import { type ModuleFactory } from "./ModuleFactory";
+import { ProxiedModuleApi } from "./ProxiedModuleApi";
+
+/**
+ * Wraps a module factory into a usable module. Acts as a simple container
+ * for the constructs needed to operate a module.
+ */
+export class AppModule {
+    /**
+     * The module instance.
+     */
+    public readonly module: RuntimeModule;
+
+    /**
+     * The API instance used by the module.
+     */
+    public readonly api = new ProxiedModuleApi();
+
+    /**
+     * Converts a factory into an AppModule. The factory will be called
+     * immediately.
+     * @param factory The module factory.
+     */
+    public constructor(factory: ModuleFactory) {
+        this.module = factory(this.api);
+    }
+}
diff --git a/apps/web/src/modules/Auth.ts b/apps/web/src/modules/Auth.ts
new file mode 100644
index 00000000000..c48a6de9cbf
--- /dev/null
+++ b/apps/web/src/modules/Auth.ts
@@ -0,0 +1,43 @@
+/*
+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 AccountAuthInfo } from "@element-hq/element-web-module-api";
+import { sleep } from "matrix-js-sdk/src/utils";
+
+import type { OverwriteLoginPayload } from "../dispatcher/payloads/OverwriteLoginPayload.ts";
+import { Action } from "../dispatcher/actions.ts";
+import defaultDispatcher from "../dispatcher/dispatcher.ts";
+import type { ActionPayload } from "../dispatcher/payloads.ts";
+
+export async function overwriteAccountAuth(accountInfo: AccountAuthInfo): Promise<void> {
+    const { promise, resolve } = Promise.withResolvers<void>();
+
+    const onAction = (payload: ActionPayload): void => {
+        if (payload.action === Action.OnLoggedIn) {
+            // We want to wait for the new login to complete before returning.
+            // See `Action.OnLoggedIn` in dispatcher.
+            resolve();
+        }
+    };
+    const dispatcherRef = defaultDispatcher.register(onAction);
+
+    defaultDispatcher.dispatch<OverwriteLoginPayload>(
+        {
+            action: Action.OverwriteLogin,
+            credentials: {
+                ...accountInfo,
+                guest: false,
+            },
+        },
+        true,
+    ); // require to be sync to match inherited interface behaviour
+
+    // wait for login to complete
+    await promise;
+    defaultDispatcher.unregister(dispatcherRef);
+    await sleep(0); // wait for the next tick to ensure the login is fully processed
+}
diff --git a/apps/web/src/modules/BuiltinsApi.tsx b/apps/web/src/modules/BuiltinsApi.tsx
new file mode 100644
index 00000000000..83d4c2acc45
--- /dev/null
+++ b/apps/web/src/modules/BuiltinsApi.tsx
@@ -0,0 +1,96 @@
+/*
+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 React from "react";
+import { type RoomViewProps, type BuiltinsApi } from "@element-hq/element-web-module-api";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import type { Room } from "matrix-js-sdk/src/matrix";
+import type { ModuleNotificationDecorationProps } from "./components/ModuleNotificationDecoration";
+
+interface RoomViewPropsWithRoomId extends RoomViewProps {
+    /**
+     * The ID of the room to display
+     */
+    roomId?: string;
+}
+
+interface RoomAvatarProps {
+    room: Room;
+    size?: string;
+}
+
+interface Components {
+    roomView: React.ComponentType<RoomViewPropsWithRoomId>;
+    roomAvatar: React.ComponentType<RoomAvatarProps>;
+    notificationDecoration: React.ComponentType<ModuleNotificationDecorationProps>;
+}
+
+export class ElementWebBuiltinsApi implements BuiltinsApi {
+    private _roomView?: Components["roomView"];
+    private _roomAvatar?: Components["roomAvatar"];
+    private _notificationDecoration?: Components["notificationDecoration"];
+
+    /**
+     * Sets the components used by the API.
+     *
+     * This only really exists here because referencing these components directly causes a nightmare of
+     * circular dependencies that break the whole app, so instead we avoid referencing it here
+     * and pass it in from somewhere it's already referenced (see related comment in app.tsx).
+     *
+     * @param component The components used by the api, see {@link Components}
+     */
+    public setComponents(components: Components): void {
+        this._roomView = components.roomView;
+        this._roomAvatar = components.roomAvatar;
+        this._notificationDecoration = components.notificationDecoration;
+    }
+
+    public getRoomViewComponent(): React.ComponentType<RoomViewPropsWithRoomId> {
+        if (!this._roomView) {
+            throw new Error("No RoomView component has been set");
+        }
+        return this._roomView;
+    }
+
+    public getRoomAvatarComponent(): React.ComponentType<RoomAvatarProps> {
+        if (!this._roomAvatar) {
+            throw new Error("No RoomAvatar component has been set");
+        }
+        return this._roomAvatar;
+    }
+
+    public getNotificationDecorationComponent(): React.ComponentType<ModuleNotificationDecorationProps> {
+        if (!this._notificationDecoration) {
+            throw new Error("No NotificationDecoration component has been set");
+        }
+        return this._notificationDecoration;
+    }
+
+    public renderRoomView(roomId: string, props?: RoomViewProps): React.ReactNode {
+        const Component = this.getRoomViewComponent();
+        return <Component roomId={roomId} {...props} />;
+    }
+
+    public renderRoomAvatar(roomId: string, size?: string): React.ReactNode {
+        const room = MatrixClientPeg.safeGet().getRoom(roomId);
+        if (!room) {
+            throw new Error(`No room such room: ${roomId}`);
+        }
+        const Component = this.getRoomAvatarComponent();
+        return <Component room={room} size={size} />;
+    }
+
+    public renderNotificationDecoration(roomId: string): React.ReactNode {
+        const room = MatrixClientPeg.safeGet().getRoom(roomId);
+        if (!room) {
+            throw new Error(`No room such room: ${roomId}`);
+        }
+        const Component = this.getNotificationDecorationComponent();
+        return <Component room={room} />;
+    }
+}
diff --git a/apps/web/src/modules/ClientApi.ts b/apps/web/src/modules/ClientApi.ts
new file mode 100644
index 00000000000..7b5ccd2828b
--- /dev/null
+++ b/apps/web/src/modules/ClientApi.ts
@@ -0,0 +1,20 @@
+/*
+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 { ClientApi as IClientApi, Room } from "@element-hq/element-web-module-api";
+import { Room as ModuleRoom } from "./models/Room";
+import { AccountDataApi } from "./AccountDataApi";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+
+export class ClientApi implements IClientApi {
+    public readonly accountData = new AccountDataApi();
+
+    public getRoom(roomId: string): Room | null {
+        const sdkRoom = MatrixClientPeg.safeGet().getRoom(roomId);
+        if (sdkRoom) return new ModuleRoom(sdkRoom);
+        return null;
+    }
+}
diff --git a/apps/web/src/modules/ComposerApi.ts b/apps/web/src/modules/ComposerApi.ts
new file mode 100644
index 00000000000..a4b4deed13c
--- /dev/null
+++ b/apps/web/src/modules/ComposerApi.ts
@@ -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 {
+    type ComposerApi as ModuleComposerApi,
+    type ComposerApiFileUploadOption,
+    type ComposerApiTarget,
+} from "@element-hq/element-web-module-api";
+import { TypedEventEmitter } from "matrix-js-sdk/src/matrix";
+
+import type { MatrixDispatcher } from "../dispatcher/dispatcher";
+import { Action } from "../dispatcher/actions";
+import { ComposerType, type ComposerInsertPayload } from "../dispatcher/payloads/ComposerInsertPayload";
+import { TimelineRenderingType } from "../contexts/RoomContext";
+import type { ComposerInsertFilesPayload } from "../dispatcher/payloads/ComposerInsertFilePayload";
+
+export enum ModuleComposerApiEvents {
+    UploaderOptionsChanged = "uploaderOptionsChanged",
+}
+
+interface ModuleComposerApiEventsMap {
+    [ModuleComposerApiEvents.UploaderOptionsChanged]: (option: ComposerApiFileUploadOption) => void;
+}
+
+export class ComposerApi
+    extends TypedEventEmitter<ModuleComposerApiEvents, ModuleComposerApiEventsMap>
+    implements ModuleComposerApi
+{
+    private readonly configuredFileUploadOptions = new Map<string, ComposerApiFileUploadOption>();
+
+    public constructor(private readonly dispatcher: MatrixDispatcher) {
+        super();
+    }
+
+    /**
+     * List of possible file upload options.
+     */
+    public get fileUploadOptions(): ComposerApiFileUploadOption[] {
+        return [...this.configuredFileUploadOptions.values()];
+    }
+
+    public addFileUploadOption(option: ComposerApiFileUploadOption): void {
+        if (this.configuredFileUploadOptions.has(option.type)) {
+            throw new Error(`Option "${option.type}" already exists`);
+        }
+        if (option.type === "local") {
+            throw new Error(`Option "local" is reserved`);
+        }
+        this.configuredFileUploadOptions.set(option.type, option);
+        this.emit(ModuleComposerApiEvents.UploaderOptionsChanged, option);
+    }
+
+    public openFileUploadConfirmation(files: File[], view: ComposerApiTarget = { view: "room" }): void {
+        if (!["room", "thread"].includes(view.view)) {
+            throw new Error(`Invalid view '${view.view}'`);
+        }
+        this.dispatcher.dispatch({
+            action: Action.ComposerFileInsert,
+            files,
+            timelineRenderingType: view.view === "room" ? TimelineRenderingType.Room : TimelineRenderingType.Thread,
+        } satisfies ComposerInsertFilesPayload);
+    }
+
+    public insertPlaintextIntoComposer(plaintext: string, view: ComposerApiTarget = { view: "room" }): void {
+        if (!["room", "thread"].includes(view.view)) {
+            throw new Error(`Invalid view '${view.view}'`);
+        }
+        this.dispatcher.dispatch({
+            action: Action.ComposerInsert,
+            text: plaintext,
+            timelineRenderingType: view.view === "room" ? TimelineRenderingType.Room : TimelineRenderingType.Thread,
+            // We only support send.
+            composerType: ComposerType.Send,
+        } satisfies ComposerInsertPayload);
+    }
+}
diff --git a/apps/web/src/modules/ConfigApi.ts b/apps/web/src/modules/ConfigApi.ts
new file mode 100644
index 00000000000..ebdb4bb8ead
--- /dev/null
+++ b/apps/web/src/modules/ConfigApi.ts
@@ -0,0 +1,20 @@
+/*
+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 { ConfigApi as IConfigApi, Config } from "@element-hq/element-web-module-api";
+import SdkConfig from "../SdkConfig.ts";
+
+export class ConfigApi implements IConfigApi {
+    public get(): Config;
+    public get<K extends keyof Config>(key: K): Config[K];
+    public get<K extends keyof Config = never>(key?: K): Config | Config[K] {
+        if (key === undefined) {
+            return SdkConfig.get();
+        }
+        return SdkConfig.get(key);
+    }
+}
diff --git a/apps/web/src/modules/Dialog.tsx b/apps/web/src/modules/Dialog.tsx
new file mode 100644
index 00000000000..ac1f7ae442f
--- /dev/null
+++ b/apps/web/src/modules/Dialog.tsx
@@ -0,0 +1,52 @@
+/*
+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 ComponentType, type JSX, useCallback } from "react";
+import { type DialogProps, type DialogOptions, type DialogHandle } from "@element-hq/element-web-module-api";
+
+import Modal from "../Modal";
+import BaseDialog from "../components/views/dialogs/BaseDialog.tsx";
+
+const OuterDialog = <M, P extends object>({
+    title,
+    Dialog,
+    props,
+    onFinished,
+}: {
+    title: string;
+    Dialog: ComponentType<DialogProps<M> & P>;
+    props: P;
+    onFinished(this: void, ok: boolean, model: M | null): void;
+}): JSX.Element => {
+    const close = useCallback(() => onFinished(false, null), [onFinished]);
+    const submit = useCallback((model: M) => onFinished(true, model), [onFinished]);
+    return (
+        <BaseDialog onFinished={close} title={title}>
+            <Dialog {...props} onSubmit={submit} onCancel={close} />
+        </BaseDialog>
+    );
+};
+
+export function openDialog<M, P extends object>(
+    initialOptions: DialogOptions,
+    Dialog: ComponentType<P & DialogProps<M>>,
+    props: P,
+): DialogHandle<M> {
+    const { close, finished } = Modal.createDialog(OuterDialog<M, P>, {
+        title: initialOptions.title,
+        Dialog,
+        props,
+    });
+
+    return {
+        finished: finished.then(([ok, model]) => ({
+            ok: ok ?? false,
+            model: model ?? null,
+        })),
+        close: () => close(false, null),
+    };
+}
diff --git a/apps/web/src/modules/ExtrasApi.ts b/apps/web/src/modules/ExtrasApi.ts
new file mode 100644
index 00000000000..c82925889c4
--- /dev/null
+++ b/apps/web/src/modules/ExtrasApi.ts
@@ -0,0 +1,65 @@
+/*
+Copyright 2026 Element Creations Ltd.
+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 {
+    type SpacePanelItemProps,
+    type ExtrasApi,
+    type RoomHeaderButtonsCallback,
+} from "@element-hq/element-web-module-api";
+import { TypedEventEmitter } from "matrix-js-sdk/src/matrix";
+
+import { useTypedEventEmitter } from "../hooks/useEventEmitter";
+
+export interface ModuleSpacePanelItem extends SpacePanelItemProps {
+    spaceKey: string;
+}
+
+enum ExtrasApiEvent {
+    SpacePanelItemsChanged = "SpacePanelItemsChanged",
+}
+
+interface EmittedEvents {
+    [ExtrasApiEvent.SpacePanelItemsChanged]: () => void;
+}
+
+export class ElementWebExtrasApi extends TypedEventEmitter<keyof EmittedEvents, EmittedEvents> implements ExtrasApi {
+    public spacePanelItems = new Map<string, SpacePanelItemProps>();
+    public visibleRoomBySpaceKey = new Map<string, () => string[]>();
+    public roomHeaderButtonsCallbacks: RoomHeaderButtonsCallback[] = [];
+
+    public setSpacePanelItem(spacekey: string, item: SpacePanelItemProps): void {
+        this.spacePanelItems.set(spacekey, item);
+        this.emit(ExtrasApiEvent.SpacePanelItemsChanged);
+    }
+
+    public getVisibleRoomBySpaceKey(spaceKey: string, cb: () => string[]): void {
+        this.visibleRoomBySpaceKey.set(spaceKey, cb);
+    }
+
+    public addRoomHeaderButtonCallback(cb: RoomHeaderButtonsCallback): void {
+        this.roomHeaderButtonsCallbacks.push(cb);
+    }
+}
+
+export function useModuleSpacePanelItems(api: ElementWebExtrasApi): ModuleSpacePanelItem[] {
+    const getItems = (): ModuleSpacePanelItem[] => {
+        return Array.from(api.spacePanelItems.entries()).map(([spaceKey, item]) => ({
+            spaceKey,
+            ...item,
+        }));
+    };
+
+    const [items, setItems] = useState<ModuleSpacePanelItem[]>(getItems);
+
+    useTypedEventEmitter(api, ExtrasApiEvent.SpacePanelItemsChanged, () => {
+        setItems(getItems());
+    });
+
+    return items;
+}
diff --git a/apps/web/src/modules/ModuleComponents.tsx b/apps/web/src/modules/ModuleComponents.tsx
new file mode 100644
index 00000000000..60ea07a4c93
--- /dev/null
+++ b/apps/web/src/modules/ModuleComponents.tsx
@@ -0,0 +1,32 @@
+/*
+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 { TextInputField } from "@matrix-org/react-sdk-module-api/lib/components/TextInputField";
+import { Spinner as ModuleSpinner } from "@matrix-org/react-sdk-module-api/lib/components/Spinner";
+import React, { type ChangeEvent } from "react";
+
+import Field from "../components/views/elements/Field";
+import Spinner from "../components/views/elements/Spinner";
+
+// Here we define all the render factories for the module API components. This file should be
+// imported by the ModuleRunner to load them into the call stack at runtime.
+//
+// If a new component is added to the module API, it should be added here too.
+//
+// Don't forget to add a test to ensure the renderFactory is overridden! See ModuleComponents-test.tsx
+
+TextInputField.renderFactory = (props) => (
+    <Field
+        type="text"
+        value={props.value}
+        onChange={(e: ChangeEvent<HTMLInputElement>) => props.onChange(e.target.value)}
+        label={props.label}
+        autoComplete="off"
+    />
+);
+ModuleSpinner.renderFactory = () => <Spinner />;
diff --git a/apps/web/src/modules/ModuleFactory.ts b/apps/web/src/modules/ModuleFactory.ts
new file mode 100644
index 00000000000..1e0f205f088
--- /dev/null
+++ b/apps/web/src/modules/ModuleFactory.ts
@@ -0,0 +1,12 @@
+/*
+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 { type RuntimeModule } from "@matrix-org/react-sdk-module-api/lib/RuntimeModule";
+import { type ModuleApi } from "@matrix-org/react-sdk-module-api/lib/ModuleApi";
+
+export type ModuleFactory = (api: ModuleApi) => RuntimeModule;
diff --git a/apps/web/src/modules/ModuleRunner.ts b/apps/web/src/modules/ModuleRunner.ts
new file mode 100644
index 00000000000..172bd86aeed
--- /dev/null
+++ b/apps/web/src/modules/ModuleRunner.ts
@@ -0,0 +1,185 @@
+/*
+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 { safeSet } from "matrix-js-sdk/src/utils";
+import { type TranslationStringsObject } from "@matrix-org/react-sdk-module-api/lib/types/translations";
+import { type AnyLifecycle } from "@matrix-org/react-sdk-module-api/lib/lifecycles/types";
+import {
+    DefaultCryptoSetupExtensions,
+    type ProvideCryptoSetupExtensions,
+} from "@matrix-org/react-sdk-module-api/lib/lifecycles/CryptoSetupExtensions";
+import {
+    DefaultExperimentalExtensions,
+    type ProvideExperimentalExtensions,
+} from "@matrix-org/react-sdk-module-api/lib/lifecycles/ExperimentalExtensions";
+
+import { AppModule } from "./AppModule";
+import { type ModuleFactory } from "./ModuleFactory";
+
+import "./ModuleComponents";
+
+/**
+ * Handles and manages extensions provided by modules.
+ */
+class ExtensionsManager {
+    // Private backing fields for extensions
+    private cryptoSetupExtension: ProvideCryptoSetupExtensions;
+    private experimentalExtension: ProvideExperimentalExtensions;
+
+    /** `true` if `cryptoSetupExtension` is the default implementation; `false` if it is implemented by a module. */
+    private hasDefaultCryptoSetupExtension = true;
+
+    /** `true` if `experimentalExtension` is the default implementation; `false` if it is implemented by a module. */
+    private hasDefaultExperimentalExtension = true;
+
+    /**
+     * Create a new instance.
+     */
+    public constructor() {
+        // Set up defaults
+        this.cryptoSetupExtension = new DefaultCryptoSetupExtensions();
+        this.experimentalExtension = new DefaultExperimentalExtensions();
+    }
+
+    /**
+     * Provides a crypto setup extension.
+     *
+     * @returns The registered extension. If no module provides this extension, a default implementation is returned.
+     */
+    public get cryptoSetup(): ProvideCryptoSetupExtensions {
+        return this.cryptoSetupExtension;
+    }
+
+    /**
+     * Provides an experimental extension.
+     *
+     * @remarks
+     * This method extension is provided to simplify experimentation and development, and is not intended for production code.
+     *
+     * @returns The registered extension. If no module provides this extension, a default implementation is returned.
+     */
+    public get experimental(): ProvideExperimentalExtensions {
+        return this.experimentalExtension;
+    }
+
+    /**
+     * Add any extensions provided by the module.
+     *
+     * @param module - The appModule to check for extensions.
+     *
+     * @throws if an extension is provided by more than one module.
+     */
+    public addExtensions(module: AppModule): void {
+        const runtimeModule = module.module;
+
+        /* Add the cryptoSetup extension if any */
+        if (runtimeModule.extensions?.cryptoSetup) {
+            if (this.hasDefaultCryptoSetupExtension) {
+                this.cryptoSetupExtension = runtimeModule.extensions?.cryptoSetup;
+                this.hasDefaultCryptoSetupExtension = false;
+            } else {
+                throw new Error(
+                    `adding cryptoSetup extension implementation from module ${runtimeModule.moduleName} but an implementation was already provided.`,
+                );
+            }
+        }
+
+        /* Add the experimental extension if any */
+        if (runtimeModule.extensions?.experimental) {
+            if (this.hasDefaultExperimentalExtension) {
+                this.experimentalExtension = runtimeModule.extensions?.experimental;
+                this.hasDefaultExperimentalExtension = false;
+            } else {
+                throw new Error(
+                    `adding experimental extension implementation from module ${runtimeModule.moduleName} but an implementation was already provided.`,
+                );
+            }
+        }
+    }
+}
+
+/**
+ * Handles and coordinates the operation of modules.
+ */
+export class ModuleRunner {
+    public static readonly instance = new ModuleRunner();
+
+    private extensionsManager = new ExtensionsManager();
+
+    private modules: AppModule[] = [];
+
+    private constructor() {
+        // we only want one instance
+    }
+
+    /**
+     * Exposes all extensions which may be overridden/provided by modules.
+     *
+     * @returns An `ExtensionsManager` which exposes the extensions.
+     */
+    public get extensions(): ExtensionsManager {
+        return this.extensionsManager;
+    }
+
+    /**
+     * Resets the runner, clearing all known modules, and all extensions
+     *
+     * Intended for test usage only.
+     */
+    public reset(): void {
+        this.modules = [];
+        this.extensionsManager = new ExtensionsManager();
+    }
+
+    /**
+     * All custom translations from all registered modules.
+     */
+    public get allTranslations(): TranslationStringsObject {
+        const merged: TranslationStringsObject = {};
+
+        for (const module of this.modules) {
+            const i18n = module.api.translations;
+            if (!i18n) continue;
+
+            for (const [lang, strings] of Object.entries(i18n)) {
+                safeSet(merged, lang, merged[lang] || {});
+
+                for (const [str, val] of Object.entries(strings)) {
+                    safeSet(merged[lang], str, val);
+                }
+            }
+        }
+
+        return merged;
+    }
+
+    /**
+     * Registers a factory which creates a module for later loading. The factory
+     * will be called immediately.
+     * @param factory The module factory.
+     */
+    public registerModule(factory: ModuleFactory): void {
+        const appModule = new AppModule(factory);
+
+        this.modules.push(appModule);
+
+        // Check if the new module provides any extensions, and also ensure a given extension is only provided by a single runtime module.
+        this.extensionsManager.addExtensions(appModule);
+    }
+
+    /**
+     * Invokes a lifecycle event, notifying registered modules.
+     * @param lifecycleEvent The lifecycle event.
+     * @param args The arguments for the lifecycle event.
+     */
+    public invoke(lifecycleEvent: AnyLifecycle, ...args: any[]): void {
+        for (const module of this.modules) {
+            module.module.emit(lifecycleEvent, ...args);
+        }
+    }
+}
diff --git a/apps/web/src/modules/Navigation.ts b/apps/web/src/modules/Navigation.ts
new file mode 100644
index 00000000000..fff87156b69
--- /dev/null
+++ b/apps/web/src/modules/Navigation.ts
@@ -0,0 +1,48 @@
+/*
+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 {
+    LocationRenderFunction,
+    NavigationApi as INavigationApi,
+    OpenRoomOptions,
+} from "@element-hq/element-web-module-api";
+import { navigateToPermalink } from "../utils/permalinks/navigator.ts";
+import { parsePermalink } from "../utils/permalinks/Permalinks.ts";
+import dispatcher from "../dispatcher/dispatcher.ts";
+import { Action } from "../dispatcher/actions.ts";
+import type { ViewRoomPayload } from "../dispatcher/payloads/ViewRoomPayload.ts";
+
+export class NavigationApi implements INavigationApi {
+    public locationRenderers = new Map<string, LocationRenderFunction>();
+
+    public async toMatrixToLink(link: string, join = false): Promise<void> {
+        navigateToPermalink(link);
+
+        const parts = parsePermalink(link);
+        if (parts?.roomIdOrAlias) {
+            this.openRoom(parts.roomIdOrAlias, {
+                viaServers: parts.viaServers ?? undefined,
+                autoJoin: join,
+            });
+        }
+    }
+
+    public registerLocationRenderer(path: string, renderer: LocationRenderFunction): void {
+        this.locationRenderers.set(path, renderer);
+    }
+
+    public openRoom(roomIdOrAlias: string, opts: OpenRoomOptions = {}): void {
+        const key = roomIdOrAlias.startsWith("#") ? "room_alias" : "room_id";
+        dispatcher.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            [key]: roomIdOrAlias,
+            via_servers: opts.viaServers,
+            auto_join: opts.autoJoin,
+            metricsTrigger: undefined,
+        });
+    }
+}
diff --git a/apps/web/src/modules/Profile.ts b/apps/web/src/modules/Profile.ts
new file mode 100644
index 00000000000..4df3eb7a048
--- /dev/null
+++ b/apps/web/src/modules/Profile.ts
@@ -0,0 +1,32 @@
+/*
+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 Profile, Watchable } from "@element-hq/element-web-module-api";
+
+import { OwnProfileStore } from "../stores/OwnProfileStore.ts";
+import { UPDATE_EVENT } from "../stores/AsyncStore.ts";
+
+export class WatchableProfile extends Watchable<Profile> {
+    public constructor() {
+        super({});
+        this.value = this.profile;
+
+        OwnProfileStore.instance.on(UPDATE_EVENT, this.onProfileChange);
+    }
+
+    private get profile(): Profile {
+        return {
+            isGuest: OwnProfileStore.instance.matrixClient?.isGuest() ?? false,
+            userId: OwnProfileStore.instance.matrixClient?.getUserId() ?? undefined,
+            displayName: OwnProfileStore.instance.displayName ?? undefined,
+        };
+    }
+
+    private readonly onProfileChange = (): void => {
+        this.value = this.profile;
+    };
+}
diff --git a/apps/web/src/modules/ProxiedModuleApi.ts b/apps/web/src/modules/ProxiedModuleApi.ts
new file mode 100644
index 00000000000..84a8fa0d3cf
--- /dev/null
+++ b/apps/web/src/modules/ProxiedModuleApi.ts
@@ -0,0 +1,248 @@
+/*
+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 { type ModuleApi } from "@matrix-org/react-sdk-module-api/lib/ModuleApi";
+import {
+    type TranslationStringsObject,
+    type PlainSubstitution,
+} from "@matrix-org/react-sdk-module-api/lib/types/translations";
+import { type DialogContent, type DialogProps } from "@matrix-org/react-sdk-module-api/lib/components/DialogContent";
+import { type AccountAuthInfo } from "@matrix-org/react-sdk-module-api/lib/types/AccountAuthInfo";
+import * as Matrix from "matrix-js-sdk/src/matrix";
+import { type IRegisterRequestParams } from "matrix-js-sdk/src/matrix";
+import { type ModuleUiDialogOptions } from "@matrix-org/react-sdk-module-api/lib/types/ModuleUiDialogOptions";
+
+import type React from "react";
+import Modal from "../Modal";
+import { _t } from "../languageHandler";
+import { ModuleUiDialog } from "../components/views/dialogs/ModuleUiDialog";
+import SdkConfig from "../SdkConfig";
+import PlatformPeg from "../PlatformPeg";
+import dispatcher from "../dispatcher/dispatcher";
+import { navigateToPermalink } from "../utils/permalinks/navigator";
+import { parsePermalink } from "../utils/permalinks/Permalinks";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { Action } from "../dispatcher/actions";
+import { type OverwriteLoginPayload } from "../dispatcher/payloads/OverwriteLoginPayload";
+import { type ActionPayload } from "../dispatcher/payloads";
+import WidgetStore, { type IApp } from "../stores/WidgetStore";
+import { type Container, WidgetLayoutStore } from "../stores/widgets/WidgetLayoutStore";
+import type { ViewRoomPayload } from "../dispatcher/payloads/ViewRoomPayload.ts";
+
+/**
+ * Glue between the `ModuleApi` interface and the react-sdk. Anticipates one instance
+ * to be assigned to a single module.
+ */
+export class ProxiedModuleApi implements ModuleApi {
+    private cachedTranslations?: TranslationStringsObject;
+
+    private overrideLoginResolve?: () => void;
+
+    public constructor() {
+        dispatcher.register(this.onAction);
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        if (payload.action === Action.OnLoggedIn) {
+            this.overrideLoginResolve?.();
+        }
+    };
+
+    /**
+     * All custom translations used by the associated module.
+     */
+    public get translations(): TranslationStringsObject | undefined {
+        return this.cachedTranslations;
+    }
+
+    /**
+     * @override
+     */
+    public registerTranslations(translations: TranslationStringsObject): void {
+        this.cachedTranslations = translations;
+    }
+
+    /**
+     * @override
+     */
+    public translateString(s: TranslationKey, variables?: Record<string, PlainSubstitution>): string {
+        return _t(s, variables);
+    }
+
+    /**
+     * @override
+     */
+    public openDialog<M extends object, P extends DialogProps, C extends DialogContent<P>>(
+        initialTitleOrOptions: string | ModuleUiDialogOptions,
+        body: (props: P, ref: React.RefObject<C | null>) => React.ReactNode,
+        props?: Omit<P, keyof DialogProps>,
+    ): Promise<{ didOkOrSubmit: boolean; model: M }> {
+        const initialOptions: ModuleUiDialogOptions =
+            typeof initialTitleOrOptions === "string" ? { title: initialTitleOrOptions } : initialTitleOrOptions;
+
+        return new Promise<{ didOkOrSubmit: boolean; model: M }>((resolve) => {
+            Modal.createDialog(
+                ModuleUiDialog<P, C>,
+                {
+                    initialOptions,
+                    contentFactory: body,
+                    moduleApi: this,
+                    additionalContentProps: props,
+                },
+                "mx_CompoundDialog",
+            ).finished.then(([didOkOrSubmit, model]) => {
+                resolve({ didOkOrSubmit: !!didOkOrSubmit, model: model as M });
+            });
+        });
+    }
+
+    /**
+     * @override
+     */
+    public async registerSimpleAccount(
+        username: string,
+        password: string,
+        displayName?: string,
+    ): Promise<AccountAuthInfo> {
+        const hsUrl = SdkConfig.get("validated_server_config")?.hsUrl;
+        if (!hsUrl) throw new Error("Could not get homeserver url");
+        const client = Matrix.createClient({ baseUrl: hsUrl });
+        const deviceName =
+            SdkConfig.get("default_device_display_name") || PlatformPeg.get()?.getDefaultDeviceDisplayName();
+        const req: IRegisterRequestParams = {
+            username,
+            password,
+            initial_device_display_name: deviceName,
+            auth: undefined,
+            inhibit_login: false,
+        };
+        const creds = await client.registerRequest(req).catch((resp) =>
+            client.registerRequest({
+                ...req,
+                auth: {
+                    session: resp.data.session,
+                    type: "m.login.dummy",
+                },
+            }),
+        );
+
+        if (displayName) {
+            const profileClient = Matrix.createClient({
+                baseUrl: hsUrl,
+                userId: creds.user_id,
+                deviceId: creds.device_id,
+                accessToken: creds.access_token,
+            });
+            await profileClient.setDisplayName(displayName);
+        }
+
+        return {
+            homeserverUrl: hsUrl,
+            userId: creds.user_id,
+            deviceId: creds.device_id!,
+            accessToken: creds.access_token!,
+        };
+    }
+
+    /**
+     * @override
+     */
+    public async overwriteAccountAuth(accountInfo: AccountAuthInfo): Promise<void> {
+        // We want to wait for the new login to complete before returning.
+        // See `Action.OnLoggedIn` in dispatcher.
+        const awaitNewLogin = new Promise<void>((resolve) => {
+            this.overrideLoginResolve = resolve;
+        });
+
+        dispatcher.dispatch<OverwriteLoginPayload>(
+            {
+                action: Action.OverwriteLogin,
+                credentials: {
+                    ...accountInfo,
+                    guest: false,
+                },
+            },
+            true,
+        ); // require to be sync to match inherited interface behaviour
+
+        // wait for login to complete
+        await awaitNewLogin;
+    }
+
+    /**
+     * @override
+     */
+    public async navigatePermalink(uri: string, andJoin?: boolean): Promise<void> {
+        navigateToPermalink(uri);
+
+        const parts = parsePermalink(uri);
+        if (parts?.roomIdOrAlias) {
+            if (parts.roomIdOrAlias.startsWith("#")) {
+                dispatcher.dispatch<ViewRoomPayload>({
+                    action: Action.ViewRoom,
+                    room_alias: parts.roomIdOrAlias,
+                    via_servers: parts.viaServers ?? undefined,
+                    auto_join: andJoin ?? false,
+                    metricsTrigger: undefined,
+                });
+            } else {
+                dispatcher.dispatch<ViewRoomPayload>({
+                    action: Action.ViewRoom,
+                    room_id: parts.roomIdOrAlias,
+                    via_servers: parts.viaServers ?? undefined,
+                    auto_join: andJoin ?? false,
+                    metricsTrigger: undefined,
+                });
+            }
+        }
+    }
+
+    /**
+     * @override
+     */
+    public getConfigValue<T>(namespace: string, key: string): T | undefined {
+        // Force cast to `any` because the namespace won't be known to the SdkConfig types
+        const maybeObj = SdkConfig.get(namespace as any);
+        if (!maybeObj || !(typeof maybeObj === "object")) return undefined;
+        return maybeObj[key];
+    }
+
+    /**
+     * @override
+     */
+    public getApps(roomId: string): IApp[] {
+        return WidgetStore.instance.getApps(roomId);
+    }
+
+    /**
+     * @override
+     */
+    public getAppAvatarUrl(app: IApp, width?: number, height?: number, resizeMethod?: string): string | null {
+        if (!app.avatar_url) return null;
+        // eslint-disable-next-line no-restricted-properties
+        return MatrixClientPeg.safeGet().mxcUrlToHttp(app.avatar_url, width, height, resizeMethod);
+    }
+
+    /**
+     * @override
+     */
+    public isAppInContainer(app: IApp, container: Container, roomId: string): boolean {
+        const room = MatrixClientPeg.safeGet().getRoom(roomId);
+        if (!room) return false;
+        return WidgetLayoutStore.instance.isInContainer(room, app, container);
+    }
+
+    /**
+     * @override
+     */
+    public moveAppToContainer(app: IApp, container: Container, roomId: string): void {
+        const room = MatrixClientPeg.safeGet().getRoom(roomId);
+        if (!room) return;
+        WidgetLayoutStore.instance.moveToContainer(room, app, container);
+    }
+}
diff --git a/apps/web/src/modules/SettingsApi.test.ts b/apps/web/src/modules/SettingsApi.test.ts
new file mode 100644
index 00000000000..45bee785bb4
--- /dev/null
+++ b/apps/web/src/modules/SettingsApi.test.ts
@@ -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 { describe, it, expect, vi } from "vitest";
+
+import SettingsStore from "../settings/SettingsStore";
+import { SettingsApi } from "./SettingsApi";
+
+describe("SettingsApi", () => {
+    it("should return the value from SettingsStore.getValue", () => {
+        const spy = vi.spyOn(SettingsStore, "getValue").mockReturnValue("en" as any);
+        const api = new SettingsApi();
+        expect(api.getValue("language")).toBe("en");
+        expect(spy).toHaveBeenCalledWith("language", undefined, undefined);
+    });
+
+    it("should pass roomId and excludeDefault through to SettingsStore.getValue", () => {
+        const spy = vi.spyOn(SettingsStore, "getValue").mockReturnValue(null);
+        const api = new SettingsApi();
+        api.getValue("m.setting", "!room:example.org", true);
+        expect(spy).toHaveBeenCalledWith("m.setting", "!room:example.org", true);
+    });
+});
diff --git a/apps/web/src/modules/SettingsApi.ts b/apps/web/src/modules/SettingsApi.ts
new file mode 100644
index 00000000000..8140395a8f2
--- /dev/null
+++ b/apps/web/src/modules/SettingsApi.ts
@@ -0,0 +1,16 @@
+/*
+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 { SettingsApi as ISettingsApi } from "@element-hq/element-web-module-api";
+import SettingsStore from "../settings/SettingsStore";
+
+export class SettingsApi implements ISettingsApi {
+    public getValue<T = any>(settingName: string, roomId?: string | null, excludeDefault?: boolean): T | undefined {
+        //@ts-expect-error: SettingsStore.getValue will throw on an invalid setting name anyway.
+        return SettingsStore.getValue(settingName, roomId, excludeDefault);
+    }
+}
diff --git a/apps/web/src/modules/StorageHelperApi.test.ts b/apps/web/src/modules/StorageHelperApi.test.ts
new file mode 100644
index 00000000000..d476accd95c
--- /dev/null
+++ b/apps/web/src/modules/StorageHelperApi.test.ts
@@ -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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, vi } from "vitest";
+import { mockPlatformPeg } from "test-utils";
+
+import { StorageHelperApi } from "./StorageHelperApi";
+
+describe("StorageHelperApi", () => {
+    it("should return the pickle key from the platform", async () => {
+        const mockPlatform = mockPlatformPeg();
+        vi.spyOn(mockPlatform, "getPickleKey").mockResolvedValue("test-pickle-key");
+
+        const api = new StorageHelperApi();
+        await expect(api.getPickleKey("@alice:example.org", "DEVICE123")).resolves.toBe("test-pickle-key");
+        expect(mockPlatform.getPickleKey).toHaveBeenCalledWith("@alice:example.org", "DEVICE123");
+    });
+
+    it("should return null if the platform has no pickle key stored", async () => {
+        const mockPlatform = mockPlatformPeg();
+        vi.spyOn(mockPlatform, "getPickleKey").mockResolvedValue(null);
+
+        const api = new StorageHelperApi();
+        await expect(api.getPickleKey("@alice:example.org", "DEVICE123")).resolves.toBeNull();
+    });
+});
diff --git a/apps/web/src/modules/StorageHelperApi.ts b/apps/web/src/modules/StorageHelperApi.ts
new file mode 100644
index 00000000000..42753c6627f
--- /dev/null
+++ b/apps/web/src/modules/StorageHelperApi.ts
@@ -0,0 +1,15 @@
+/*
+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 { StorageHelperApi as IStorageHelperApi } from "@element-hq/element-web-module-api";
+import PlatformPeg from "../PlatformPeg";
+
+export class StorageHelperApi implements IStorageHelperApi {
+    public async getPickleKey(userId: string, deviceId: string): Promise<string | null> {
+        return PlatformPeg.get()!.getPickleKey(userId, deviceId);
+    }
+}
diff --git a/apps/web/src/modules/StoresApi.ts b/apps/web/src/modules/StoresApi.ts
new file mode 100644
index 00000000000..f1d6add95e8
--- /dev/null
+++ b/apps/web/src/modules/StoresApi.ts
@@ -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.
+*/
+import {
+    type StoresApi as IStoresApi,
+    type RoomListStoreApi as IRoomListStore,
+    type Room,
+    Watchable,
+} from "@element-hq/element-web-module-api";
+
+import type { RoomListStoreV3Class, RoomListStoreV3Event } from "../stores/room-list-v3/RoomListStoreV3";
+import { Room as ModuleRoom } from "./models/Room";
+
+interface RlsEvents {
+    LISTS_LOADED_EVENT: RoomListStoreV3Event.ListsLoaded;
+    LISTS_UPDATE_EVENT: RoomListStoreV3Event.ListsUpdate;
+}
+
+export class RoomListStoreApi implements IRoomListStore {
+    private rls?: RoomListStoreV3Class;
+    private LISTS_LOADED_EVENT?: RoomListStoreV3Event.ListsLoaded;
+    private LISTS_UPDATE_EVENT?: RoomListStoreV3Event.ListsUpdate;
+    public readonly moduleLoadPromise: Promise<void>;
+
+    public constructor() {
+        this.moduleLoadPromise = this.init();
+    }
+
+    /**
+     * Load the RLS through a dynamic import. This is necessary to prevent
+     * circular dependency issues.
+     */
+    private async init(): Promise<void> {
+        const module = await import("../stores/room-list-v3/RoomListStoreV3");
+        this.rls = module.default.instance;
+        this.LISTS_LOADED_EVENT = module.LISTS_LOADED_EVENT;
+        this.LISTS_UPDATE_EVENT = module.LISTS_UPDATE_EVENT;
+    }
+
+    public getRooms(): RoomsWatchable {
+        return new RoomsWatchable(this.roomListStore, this.events);
+    }
+
+    private get events(): RlsEvents {
+        if (!this.LISTS_LOADED_EVENT || !this.LISTS_UPDATE_EVENT) {
+            throw new Error("Event type was not loaded correctly, did you forget to await waitForReady()?");
+        }
+        return { LISTS_LOADED_EVENT: this.LISTS_LOADED_EVENT, LISTS_UPDATE_EVENT: this.LISTS_UPDATE_EVENT };
+    }
+
+    private get roomListStore(): RoomListStoreV3Class {
+        if (!this.rls) {
+            throw new Error("rls is undefined, did you forget to await waitForReady()?");
+        }
+        return this.rls;
+    }
+
+    public async waitForReady(): Promise<void> {
+        // Wait for the module to load first
+        await this.moduleLoadPromise;
+
+        // Check if RLS is already loaded
+        if (!this.roomListStore.isLoadingRooms) return;
+
+        // Await a promise that resolves when RLS has loaded
+        const { promise, resolve } = Promise.withResolvers<void>();
+        const { LISTS_LOADED_EVENT } = this.events;
+        this.roomListStore.once(LISTS_LOADED_EVENT, resolve);
+        await promise;
+    }
+}
+
+class RoomsWatchable extends Watchable<Room[]> {
+    public constructor(
+        private readonly rls: RoomListStoreV3Class,
+        private readonly events: RlsEvents,
+    ) {
+        super(rls.getSortedRooms().map((sdkRoom) => new ModuleRoom(sdkRoom)));
+    }
+
+    private onRlsUpdate = (): void => {
+        this.value = this.rls.getSortedRooms().map((sdkRoom) => new ModuleRoom(sdkRoom));
+    };
+
+    protected onFirstWatch(): void {
+        this.rls.on(this.events.LISTS_UPDATE_EVENT, this.onRlsUpdate);
+    }
+
+    protected onLastWatch(): void {
+        this.rls.off(this.events.LISTS_UPDATE_EVENT, this.onRlsUpdate);
+    }
+}
+
+export class StoresApi implements IStoresApi {
+    private roomListStoreApi?: IRoomListStore;
+
+    public get roomListStore(): IRoomListStore {
+        if (!this.roomListStoreApi) {
+            this.roomListStoreApi = new RoomListStoreApi();
+        }
+        return this.roomListStoreApi;
+    }
+}
diff --git a/apps/web/src/modules/WidgetApi.ts b/apps/web/src/modules/WidgetApi.ts
new file mode 100644
index 00000000000..3951d3f65ba
--- /dev/null
+++ b/apps/web/src/modules/WidgetApi.ts
@@ -0,0 +1,47 @@
+/*
+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 Container, type WidgetApi as WidgetApiInterface } from "@element-hq/element-web-module-api";
+import { getHttpUriForMxc } from "matrix-js-sdk/src/matrix";
+
+import type { IWidget } from "matrix-widget-api";
+import WidgetStore, { isAppWidget } from "../stores/WidgetStore";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { WidgetLayoutStore } from "../stores/widgets/WidgetLayoutStore";
+
+/**
+ * Host-side implementation of the widget API.
+ * Allows modules to interact with widgets, including listing widgets in rooms.
+ */
+export class WidgetApi implements WidgetApiInterface {
+    public getWidgetsInRoom(roomId: string): IWidget[] {
+        return WidgetStore.instance.getApps(roomId);
+    }
+
+    public getAppAvatarUrl(app: IWidget, width?: number, height?: number, resizeMethod?: string): string | null {
+        if (!isAppWidget(app) || !app.avatar_url) return null;
+        return getHttpUriForMxc(
+            MatrixClientPeg.safeGet().getHomeserverUrl(),
+            app.avatar_url,
+            width,
+            height,
+            resizeMethod,
+        );
+    }
+
+    public isAppInContainer(app: IWidget, container: Container, roomId: string): boolean {
+        const room = MatrixClientPeg.safeGet().getRoom(roomId);
+        if (!room) return false;
+        return WidgetLayoutStore.instance.isInContainer(room, app, container);
+    }
+
+    public moveAppToContainer(app: IWidget, container: Container, roomId: string): void {
+        const room = MatrixClientPeg.safeGet().getRoom(roomId);
+        if (!room) return;
+        WidgetLayoutStore.instance.moveToContainer(room, app, container);
+    }
+}
diff --git a/apps/web/src/modules/WidgetLifecycleApi.ts b/apps/web/src/modules/WidgetLifecycleApi.ts
new file mode 100644
index 00000000000..f20c3c2be0b
--- /dev/null
+++ b/apps/web/src/modules/WidgetLifecycleApi.ts
@@ -0,0 +1,121 @@
+/*
+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 { Widget } from "matrix-widget-api";
+import type {
+    CapabilitiesApprover,
+    IdentityApprover,
+    PreloadApprover,
+    WidgetDescriptor,
+    WidgetLifecycleApi as WidgetLifecycleApiInterface,
+} from "@element-hq/element-web-module-api";
+
+/**
+ * Converts a matrix-widget-api {@link Widget} into a {@link WidgetDescriptor} for the module API.
+ * @param widget - The widget instance from matrix-widget-api.
+ * @param roomId - The room ID the widget belongs to, if applicable.
+ */
+export const toWidgetDescriptor = (widget: Widget, roomId?: string): WidgetDescriptor => {
+    return {
+        id: widget.id,
+        templateUrl: widget.templateUrl,
+        creatorUserId: widget.creatorUserId,
+        type: widget.type,
+        origin: widget.origin,
+        roomId,
+    };
+};
+
+/**
+ * Host-side implementation of the widget lifecycle API.
+ * Allows a single module to register approver callbacks for widget preloading,
+ * identity token requests, and capability requests. Only one approver per slot
+ * is supported; attempting to register a second throws an error.
+ */
+export class WidgetLifecycleApi implements WidgetLifecycleApiInterface {
+    private preloadApprover?: PreloadApprover;
+    private identityApprover?: IdentityApprover;
+    private capabilitiesApprover?: CapabilitiesApprover;
+
+    private ensureApproverUnset<T>(current: T | undefined, name: string): void {
+        if (current) {
+            throw new Error(`Widget lifecycle ${name} approver already registered`);
+        }
+    }
+
+    /**
+     * Register a handler that can auto-approve widget preloading.
+     * Only one preload approver may be registered; a second call throws.
+     */
+    public registerPreloadApprover(approver: PreloadApprover): void {
+        this.ensureApproverUnset(this.preloadApprover, "preload");
+        this.preloadApprover = approver;
+    }
+
+    /**
+     * Register a handler that can auto-approve identity token requests.
+     * Only one identity approver may be registered; a second call throws.
+     */
+    public registerIdentityApprover(approver: IdentityApprover): void {
+        this.ensureApproverUnset(this.identityApprover, "identity");
+        this.identityApprover = approver;
+    }
+
+    /**
+     * Register a handler that can auto-approve widget capabilities.
+     * Only one capabilities approver may be registered; a second call throws.
+     */
+    public registerCapabilitiesApprover(approver: CapabilitiesApprover): void {
+        this.ensureApproverUnset(this.capabilitiesApprover, "capabilities");
+        this.capabilitiesApprover = approver;
+    }
+
+    /**
+     * Invoke the registered preload approver for the given widget.
+     * @returns `true` if the module approved preloading, `false` otherwise.
+     */
+    public async preapprovePreload(widget: WidgetDescriptor): Promise<boolean> {
+        if (!this.preloadApprover) return false;
+        try {
+            return (await this.preloadApprover(widget)) === true;
+        } catch (error) {
+            console.error("Widget preload approver failed", error);
+            return false;
+        }
+    }
+
+    /**
+     * Invoke the registered identity approver for the given widget.
+     * @returns `true` if the module approved the identity token request, `false` otherwise.
+     */
+    public async preapproveIdentity(widget: WidgetDescriptor): Promise<boolean> {
+        if (!this.identityApprover) return false;
+        try {
+            return (await this.identityApprover(widget)) === true;
+        } catch (error) {
+            console.error("Widget identity approver failed", error);
+            return false;
+        }
+    }
+
+    /**
+     * Invoke the registered capabilities approver for the given widget.
+     * @returns The set of approved capabilities, or `undefined` to defer to the default consent flow.
+     */
+    public async preapproveCapabilities(
+        widget: WidgetDescriptor,
+        requestedCapabilities: Set<string>,
+    ): Promise<Set<string> | undefined> {
+        if (!this.capabilitiesApprover) return undefined;
+        try {
+            return await this.capabilitiesApprover(widget, requestedCapabilities);
+        } catch (error) {
+            console.error("Widget capabilities approver failed", error);
+            return undefined;
+        }
+    }
+}
diff --git a/apps/web/src/modules/components/ModuleNotificationDecoration.tsx b/apps/web/src/modules/components/ModuleNotificationDecoration.tsx
new file mode 100644
index 00000000000..12852d0910a
--- /dev/null
+++ b/apps/web/src/modules/components/ModuleNotificationDecoration.tsx
@@ -0,0 +1,29 @@
+/*
+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 React, { useMemo } from "react";
+
+import type { Room } from "matrix-js-sdk/src/matrix";
+import { RoomNotificationStateStore } from "../../stores/notifications/RoomNotificationStateStore";
+import { useCall } from "../../hooks/useCall";
+import { NotificationDecoration } from "../../components/views/rooms/NotificationDecoration";
+
+export interface ModuleNotificationDecorationProps {
+    /**
+     * The room for which the decoration is rendered.
+     */
+    room: Room;
+}
+
+/**
+ * React component that takes a room as prop and renders {@link NotificationDecoration} with it.
+ * Used by the module API to render notification decoration without having to expose a bunch of stores.
+ */
+export const ModuleNotificationDecoration: React.FC<ModuleNotificationDecorationProps> = ({ room }) => {
+    const notificationState = useMemo(() => RoomNotificationStateStore.instance.getRoomState(room), [room]);
+    const call = useCall(room.roomId);
+    return <NotificationDecoration notificationState={notificationState} callType={call?.callType} />;
+};
diff --git a/apps/web/src/modules/customComponentApi.ts b/apps/web/src/modules/customComponentApi.ts
new file mode 100644
index 00000000000..a6ead66cb55
--- /dev/null
+++ b/apps/web/src/modules/customComponentApi.ts
@@ -0,0 +1,210 @@
+/*
+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 MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import type {
+    CustomComponentsApi as ICustomComponentsApi,
+    CustomMessageRenderFunction,
+    CustomMessageComponentProps as ModuleCustomMessageComponentProps,
+    OriginalMessageComponentProps,
+    CustomMessageRenderHints as ModuleCustomCustomMessageRenderHints,
+    MatrixEvent as ModuleMatrixEvent,
+    CustomRoomPreviewBarRenderFunction,
+    CustomLoginRenderFunction,
+    CustomComposerPreviewRenderFunction,
+    CustomComposerPreviewComponentProps,
+} from "@element-hq/element-web-module-api";
+import type React from "react";
+
+type EventTypeOrFilter = Parameters<ICustomComponentsApi["registerMessageRenderer"]>[0];
+type ComposerPreviewFilterFn = Parameters<ICustomComponentsApi["registerComposerPreview"]>[0];
+
+type EventRenderer = {
+    eventTypeOrFilter: EventTypeOrFilter;
+    renderer: CustomMessageRenderFunction;
+    hints: ModuleCustomCustomMessageRenderHints;
+};
+
+interface CustomMessageComponentProps extends Omit<ModuleCustomMessageComponentProps, "mxEvent"> {
+    mxEvent: MatrixEvent;
+}
+
+interface CustomMessageRenderHints extends Omit<ModuleCustomCustomMessageRenderHints, "allowDownloadingMedia"> {
+    // Note. This just makes it easier to use this API on Element Web as we already have the moduleized event stored.
+    allowDownloadingMedia?: () => Promise<boolean>;
+}
+
+type ComposerPreviewRenderer = {
+    filter: ComposerPreviewFilterFn;
+    renderer: CustomComposerPreviewRenderFunction;
+};
+
+export class CustomComponentsApi implements ICustomComponentsApi {
+    /**
+     * Convert a matrix-js-sdk event into a ModuleMatrixEvent.
+     * @param mxEvent
+     * @returns An event object, or `null` if the event was not a message event.
+     */
+    private static getModuleMatrixEvent(mxEvent: MatrixEvent): ModuleMatrixEvent | null {
+        const eventId = mxEvent.getId();
+        const roomId = mxEvent.getRoomId();
+        const sender = mxEvent.sender;
+        // Typically we wouldn't expect messages without these keys to be rendered
+        // by the timeline, but for the sake of type safety.
+        if (!eventId || !roomId || !sender) {
+            // Not a message event.
+            return null;
+        }
+        return {
+            content: mxEvent.getContent(),
+            eventId,
+            originServerTs: mxEvent.getTs(),
+            roomId,
+            sender: sender.userId,
+            stateKey: mxEvent.getStateKey(),
+            type: mxEvent.getType(),
+            unsigned: mxEvent.getUnsigned(),
+        };
+    }
+
+    private readonly registeredMessageRenderers: EventRenderer[] = [];
+    private readonly registeredComposerPreviewRenderers: ComposerPreviewRenderer[] = [];
+
+    public registerMessageRenderer(
+        eventTypeOrFilter: EventTypeOrFilter,
+        renderer: CustomMessageRenderFunction,
+        hints: ModuleCustomCustomMessageRenderHints = {},
+    ): void {
+        this.registeredMessageRenderers.push({ eventTypeOrFilter: eventTypeOrFilter, renderer, hints });
+    }
+
+    /**
+     * Select the correct renderer based on the event information.
+     * @param mxEvent The message event being rendered.
+     * @returns The registered renderer.
+     */
+    private selectMessageRenderer(mxEvent: ModuleMatrixEvent): EventRenderer | undefined {
+        return this.registeredMessageRenderers.find((renderer) => {
+            if (typeof renderer.eventTypeOrFilter === "string") {
+                return renderer.eventTypeOrFilter === mxEvent.type;
+            } else {
+                try {
+                    return renderer.eventTypeOrFilter(mxEvent);
+                } catch (ex) {
+                    logger.warn("Message renderer failed to process filter", ex);
+                    return false; // Skip erroring renderers.
+                }
+            }
+        });
+    }
+
+    /**
+     * Render the component for a message event.
+     * @param props Props to be passed to the custom renderer.
+     * @param originalComponent Function that will be rendered if no custom renderers are present, or as a child of a custom component.
+     * @returns A component if a custom renderer exists, or originalComponent returns a value. Otherwise null.
+     */
+    public renderMessage(
+        props: CustomMessageComponentProps,
+        originalComponent?: (props?: OriginalMessageComponentProps) => React.JSX.Element,
+    ): React.JSX.Element | null {
+        const moduleEv = CustomComponentsApi.getModuleMatrixEvent(props.mxEvent);
+        const renderer = moduleEv && this.selectMessageRenderer(moduleEv);
+        if (renderer) {
+            try {
+                return renderer.renderer({ ...props, mxEvent: moduleEv }, originalComponent);
+            } catch (ex) {
+                logger.warn("Message renderer failed to render", ex);
+                // Fall through to original component. If the module encounters an error we still want to display messages to the user!
+            }
+        }
+        return originalComponent?.() ?? null;
+    }
+
+    /**
+     * Get hints about an message before rendering it.
+     * @param mxEvent The message event being rendered.
+     * @returns A component if a custom renderer exists, or originalComponent returns a value. Otherwise null.
+     */
+    public getHintsForMessage(mxEvent: MatrixEvent): CustomMessageRenderHints | null {
+        const moduleEv = CustomComponentsApi.getModuleMatrixEvent(mxEvent);
+        const renderer = moduleEv && this.selectMessageRenderer(moduleEv);
+        if (renderer) {
+            return {
+                ...renderer.hints,
+                // Convert from js-sdk style events to module events automatically.
+                allowDownloadingMedia: renderer.hints.allowDownloadingMedia
+                    ? () => renderer.hints.allowDownloadingMedia!(moduleEv)
+                    : undefined,
+            };
+        }
+        return null;
+    }
+
+    private _roomPreviewBarRenderer?: CustomRoomPreviewBarRenderFunction;
+
+    /**
+     * Get the custom room preview bar renderer, if any has been registered.
+     */
+    public get roomPreviewBarRenderer(): CustomRoomPreviewBarRenderFunction | undefined {
+        return this._roomPreviewBarRenderer;
+    }
+
+    /**
+     * Register a custom room preview bar renderer.
+     * @param renderer - the function that will render the custom room preview bar.
+     */
+    public registerRoomPreviewBar(renderer: CustomRoomPreviewBarRenderFunction): void {
+        this._roomPreviewBarRenderer = renderer;
+    }
+
+    private _loginRenderer?: CustomLoginRenderFunction;
+
+    /**
+     * Get the custom login component renderer, if any has been registered.
+     */
+    public get loginComponentRenderer(): CustomLoginRenderFunction | undefined {
+        return this._loginRenderer;
+    }
+
+    /**
+     * Register a custom login component renderer.
+     * @param renderer - the function that will render the login component.
+     */
+    public registerLoginComponent(renderer: CustomLoginRenderFunction): void {
+        this._loginRenderer = renderer;
+    }
+
+    public registerComposerPreview(
+        filter: ComposerPreviewFilterFn,
+        renderer: CustomComposerPreviewRenderFunction,
+    ): void {
+        this.registeredComposerPreviewRenderers.push({ filter, renderer });
+    }
+    /**
+     * Render the component for a composer preview.
+     * @param props Props to be passed to the custom renderer.
+     * @param originalComponent Function that will be rendered if no custom renderers are present, or as a child of a custom component.
+     * @returns A component if a custom renderer was found. Otherwise null.
+     */
+    public renderComposerPreview(
+        props: CustomComposerPreviewComponentProps,
+        originalComponent: (props?: CustomComposerPreviewComponentProps) => React.JSX.Element,
+    ): React.JSX.Element | null {
+        const renderer = this.registeredComposerPreviewRenderers.find(({ filter }) => filter(props.text, props.roomId));
+        if (renderer) {
+            try {
+                return renderer.renderer({ ...props }, originalComponent);
+            } catch (ex) {
+                logger.warn("Composer preview failed to render", ex);
+            }
+        }
+        return null;
+    }
+}
diff --git a/apps/web/src/modules/customisationsApi.ts b/apps/web/src/modules/customisationsApi.ts
new file mode 100644
index 00000000000..25402d510a6
--- /dev/null
+++ b/apps/web/src/modules/customisationsApi.ts
@@ -0,0 +1,35 @@
+/*
+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 { UIComponent, CustomisationsApi as ICustomisationsApi } from "@element-hq/element-web-module-api";
+
+export class CustomisationsApi implements ICustomisationsApi {
+    private shouldShowComponentFunctions = new Set<(component: UIComponent) => boolean | void>();
+
+    /**
+     * Method to register a callback which can affect whether a given component is drawn or not.
+     * @param fn - the callback, if it returns true the component will be rendered, if false it will not be.
+     *   If undefined will defer to the next callback, ultimately falling through to `true` if none return false.
+     *   The next callback is decided in FIFO call order to this register function.
+     */
+    public registerShouldShowComponent(fn: (this: void, component: UIComponent) => boolean | void): void {
+        this.shouldShowComponentFunctions.add(fn);
+    }
+
+    /**
+     * Method to check whether, according to any registered modules, a given component should be rendered.
+     * @param component - the component to check
+     */
+    public shouldShowComponent(component: UIComponent): boolean | void {
+        for (const fn of this.shouldShowComponentFunctions) {
+            const v = fn(component);
+            if (typeof v === "boolean") {
+                return v;
+            }
+        }
+    }
+}
diff --git a/apps/web/src/modules/models/Room.ts b/apps/web/src/modules/models/Room.ts
new file mode 100644
index 00000000000..e317c0dc03c
--- /dev/null
+++ b/apps/web/src/modules/models/Room.ts
@@ -0,0 +1,45 @@
+/*
+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 Room as IRoom, Watchable } from "@element-hq/element-web-module-api";
+import { RoomEvent, type Room as SdkRoom } from "matrix-js-sdk/src/matrix";
+
+export class Room implements IRoom {
+    public name: Watchable<string>;
+
+    public constructor(private sdkRoom: SdkRoom) {
+        this.name = new WatchableName(sdkRoom);
+    }
+
+    public getLastActiveTimestamp(): number {
+        return this.sdkRoom.getLastActiveTimestamp();
+    }
+
+    public get id(): string {
+        return this.sdkRoom.roomId;
+    }
+}
+
+/**
+ * A custom watchable for room name.
+ */
+class WatchableName extends Watchable<string> {
+    public constructor(private sdkRoom: SdkRoom) {
+        super(sdkRoom.name);
+    }
+
+    private onNameUpdate = (): void => {
+        super.value = this.sdkRoom.name;
+    };
+    protected onFirstWatch(): void {
+        this.sdkRoom.on(RoomEvent.Name, this.onNameUpdate);
+    }
+
+    protected onLastWatch(): void {
+        this.sdkRoom.off(RoomEvent.Name, this.onNameUpdate);
+    }
+}
diff --git a/apps/web/src/notifications/ContentRules.test.ts b/apps/web/src/notifications/ContentRules.test.ts
new file mode 100644
index 00000000000..b1dc504629f
--- /dev/null
+++ b/apps/web/src/notifications/ContentRules.test.ts
@@ -0,0 +1,88 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+import { describe, it, expect } from "vitest";
+import { TweakName, PushRuleActionName, type TweakHighlight, type TweakSound } from "matrix-js-sdk/src/matrix";
+
+import { ContentRules, PushRuleVectorState } from ".";
+
+const NORMAL_RULE = {
+    actions: [PushRuleActionName.Notify, { set_tweak: TweakName.Highlight, value: false } as TweakHighlight],
+    default: false,
+    enabled: true,
+    pattern: "vdh2",
+    rule_id: "vdh2",
+};
+
+const LOUD_RULE = {
+    actions: [
+        PushRuleActionName.Notify,
+        { set_tweak: TweakName.Highlight } as TweakHighlight,
+        { set_tweak: TweakName.Sound, value: "default" } as TweakSound,
+    ],
+    default: false,
+    enabled: true,
+    pattern: "vdh2",
+    rule_id: "vdh2",
+};
+
+const USERNAME_RULE = {
+    actions: [
+        PushRuleActionName.Notify,
+        { set_tweak: TweakName.Sound, value: "default" } as TweakSound,
+        { set_tweak: TweakName.Highlight } as TweakHighlight,
+    ],
+    default: true,
+    enabled: true,
+    pattern: "richvdh",
+    rule_id: ".m.rule.contains_user_name",
+};
+
+describe("ContentRules", function () {
+    describe("parseContentRules", function () {
+        it("should handle there being no keyword rules", function () {
+            const rules = { global: { content: [USERNAME_RULE] } };
+            const parsed = ContentRules.parseContentRules(rules);
+            expect(parsed.rules).toEqual([]);
+            expect(parsed.vectorState).toEqual(PushRuleVectorState.ON);
+            expect(parsed.externalRules).toEqual([]);
+        });
+
+        it("should parse regular keyword notifications", function () {
+            const rules = { global: { content: [NORMAL_RULE, USERNAME_RULE] } };
+
+            const parsed = ContentRules.parseContentRules(rules);
+            expect(parsed.rules).toHaveLength(1);
+            expect(parsed.rules[0]).toEqual(NORMAL_RULE);
+            expect(parsed.vectorState).toEqual(PushRuleVectorState.ON);
+            expect(parsed.externalRules).toEqual([]);
+        });
+
+        it("should parse loud keyword notifications", function () {
+            const rules = { global: { content: [LOUD_RULE, USERNAME_RULE] } };
+
+            const parsed = ContentRules.parseContentRules(rules);
+            expect(parsed.rules).toHaveLength(1);
+            expect(parsed.rules[0]).toEqual(LOUD_RULE);
+            expect(parsed.vectorState).toEqual(PushRuleVectorState.LOUD);
+            expect(parsed.externalRules).toEqual([]);
+        });
+
+        it("should parse mixed keyword notifications", function () {
+            const rules = { global: { content: [LOUD_RULE, NORMAL_RULE, USERNAME_RULE] } };
+
+            const parsed = ContentRules.parseContentRules(rules);
+            expect(parsed.rules).toHaveLength(1);
+            expect(parsed.rules[0]).toEqual(LOUD_RULE);
+            expect(parsed.vectorState).toEqual(PushRuleVectorState.LOUD);
+            expect(parsed.externalRules).toHaveLength(1);
+            expect(parsed.externalRules[0]).toEqual(NORMAL_RULE);
+        });
+    });
+});
diff --git a/apps/web/src/notifications/ContentRules.ts b/apps/web/src/notifications/ContentRules.ts
new file mode 100644
index 00000000000..cedd539f7c6
--- /dev/null
+++ b/apps/web/src/notifications/ContentRules.ts
@@ -0,0 +1,137 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 { type IAnnotatedPushRule, type IPushRules, PushRuleKind, type PushRuleSet } from "matrix-js-sdk/src/matrix";
+
+import { PushRuleVectorState, VectorState } from "./PushRuleVectorState";
+
+export interface IContentRules {
+    vectorState: VectorState;
+    rules: IAnnotatedPushRule[];
+    externalRules: IAnnotatedPushRule[];
+}
+
+// oxlint-disable-next-line typescript/no-extraneous-class
+export class ContentRules {
+    /**
+     * Extract the keyword rules from a list of rules, and parse them
+     * into a form which is useful for Vector's UI.
+     *
+     * Returns an object containing:
+     *   rules: the primary list of keyword rules
+     *   vectorState: a PushRuleVectorState indicating whether those rules are
+     *      OFF/ON/LOUD
+     *   externalRules: a list of other keyword rules, with states other than
+     *      vectorState
+     */
+    public static parseContentRules(rulesets: IPushRules): IContentRules {
+        // first categorise the keyword rules in terms of their actions
+        const contentRules = ContentRules.categoriseContentRules(rulesets);
+
+        // Decide which content rules to display in Vector UI.
+        // Vector displays a single global rule for a list of keywords
+        // whereas Matrix has a push rule per keyword.
+        // Vector can set the unique rule in ON, LOUD or OFF state.
+        // Matrix has enabled/disabled plus a combination of (highlight, sound) tweaks.
+
+        // The code below determines which set of user's content push rules can be
+        // displayed by the vector UI.
+        // Push rules that does not fit, ie defined by another Matrix client, ends
+        // in externalRules.
+        // There is priority in the determination of which set will be the displayed one.
+        // The set with rules that have LOUD tweaks is the first choice. Then, the ones
+        // with ON tweaks (no tweaks).
+
+        if (contentRules.loud.length) {
+            return {
+                vectorState: VectorState.Loud,
+                rules: contentRules.loud,
+                externalRules: [
+                    ...contentRules.loud_but_disabled,
+                    ...contentRules.on,
+                    ...contentRules.on_but_disabled,
+                    ...contentRules.other,
+                ],
+            };
+        } else if (contentRules.loud_but_disabled.length) {
+            return {
+                vectorState: VectorState.Off,
+                rules: contentRules.loud_but_disabled,
+                externalRules: [...contentRules.on, ...contentRules.on_but_disabled, ...contentRules.other],
+            };
+        } else if (contentRules.on.length) {
+            return {
+                vectorState: VectorState.On,
+                rules: contentRules.on,
+                externalRules: [...contentRules.on_but_disabled, ...contentRules.other],
+            };
+        } else if (contentRules.on_but_disabled.length) {
+            return {
+                vectorState: VectorState.Off,
+                rules: contentRules.on_but_disabled,
+                externalRules: contentRules.other,
+            };
+        } else {
+            return {
+                vectorState: VectorState.On,
+                rules: [],
+                externalRules: contentRules.other,
+            };
+        }
+    }
+
+    private static categoriseContentRules(
+        rulesets: IPushRules,
+    ): Record<"on" | "on_but_disabled" | "loud" | "loud_but_disabled" | "other", IAnnotatedPushRule[]> {
+        const contentRules: Record<
+            "on" | "on_but_disabled" | "loud" | "loud_but_disabled" | "other",
+            IAnnotatedPushRule[]
+        > = {
+            on: [],
+            on_but_disabled: [],
+            loud: [],
+            loud_but_disabled: [],
+            other: [],
+        };
+
+        for (const kind in rulesets.global) {
+            for (let i = 0; i < Object.keys(rulesets.global[kind as keyof PushRuleSet]!).length; ++i) {
+                const r = rulesets.global[kind as keyof PushRuleSet]![i] as IAnnotatedPushRule;
+
+                // check it's not a default rule
+                if (r.rule_id[0] === "." || kind !== PushRuleKind.ContentSpecific) {
+                    continue;
+                }
+
+                // this is needed as we are flattening an object of arrays into a single array
+                r.kind = kind;
+
+                switch (PushRuleVectorState.contentRuleVectorStateKind(r)) {
+                    case VectorState.On:
+                        if (r.enabled) {
+                            contentRules.on.push(r);
+                        } else {
+                            contentRules.on_but_disabled.push(r);
+                        }
+                        break;
+                    case VectorState.Loud:
+                        if (r.enabled) {
+                            contentRules.loud.push(r);
+                        } else {
+                            contentRules.loud_but_disabled.push(r);
+                        }
+                        break;
+                    default:
+                        contentRules.other.push(r);
+                        break;
+                }
+            }
+        }
+        return contentRules;
+    }
+}
diff --git a/apps/web/src/notifications/NotificationUtils.ts b/apps/web/src/notifications/NotificationUtils.ts
new file mode 100644
index 00000000000..3871748710d
--- /dev/null
+++ b/apps/web/src/notifications/NotificationUtils.ts
@@ -0,0 +1,92 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 {
+    type PushRuleAction,
+    PushRuleActionName,
+    type TweakHighlight,
+    type TweakSound,
+} from "matrix-js-sdk/src/matrix";
+
+export interface PushRuleActions {
+    notify: boolean;
+    sound?: string;
+    highlight?: boolean;
+}
+
+// oxlint-disable-next-line typescript/no-extraneous-class
+export class NotificationUtils {
+    // Encodes a dictionary of {
+    //   "notify": true/false,
+    //   "sound": string or undefined,
+    //   "highlight: true/false,
+    // }
+    // to a list of push actions.
+    public static encodeActions(action: PushRuleActions): PushRuleAction[] {
+        const notify = action.notify;
+        const sound = action.sound;
+        const highlight = action.highlight;
+        if (notify) {
+            const actions: PushRuleAction[] = [PushRuleActionName.Notify];
+            if (sound) {
+                actions.push({ set_tweak: "sound", value: sound } as TweakSound);
+            }
+            if (highlight) {
+                actions.push({ set_tweak: "highlight" } as TweakHighlight);
+            } else {
+                actions.push({ set_tweak: "highlight", value: false } as TweakHighlight);
+            }
+            return actions;
+        } else {
+            return [PushRuleActionName.DontNotify];
+        }
+    }
+
+    // Decode a list of actions to a dictionary of {
+    //   "notify": true/false,
+    //   "sound": string or undefined,
+    //   "highlight: true/false,
+    // }
+    // If the actions couldn't be decoded then returns null.
+    public static decodeActions(actions: PushRuleAction[]): PushRuleActions | null {
+        let notify = false;
+        let sound: string | undefined;
+        let highlight: boolean | undefined = false;
+
+        for (const action of actions) {
+            if (action === PushRuleActionName.Notify) {
+                notify = true;
+            } else if (action === PushRuleActionName.DontNotify) {
+                notify = false;
+            } else if (typeof action === "object") {
+                if (action.set_tweak === "sound") {
+                    sound = action.value;
+                } else if (action.set_tweak === "highlight") {
+                    highlight = action.value;
+                } else {
+                    // We don't understand this kind of tweak, so give up.
+                    return null;
+                }
+            } else {
+                // We don't understand this kind of action, so give up.
+                return null;
+            }
+        }
+
+        if (highlight === undefined) {
+            // If a highlight tweak is missing a value then it defaults to true.
+            highlight = true;
+        }
+
+        const result: PushRuleActions = { notify, highlight };
+        if (sound !== undefined) {
+            result.sound = sound;
+        }
+        return result;
+    }
+}
diff --git a/apps/web/src/notifications/PushRuleVectorState.test.ts b/apps/web/src/notifications/PushRuleVectorState.test.ts
new file mode 100644
index 00000000000..14a6cb8694c
--- /dev/null
+++ b/apps/web/src/notifications/PushRuleVectorState.test.ts
@@ -0,0 +1,58 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+import { describe, it, expect } from "vitest";
+import { PushRuleActionName, type TweakHighlight, TweakName, type TweakSound } from "matrix-js-sdk/src/matrix";
+
+import { PushRuleVectorState } from "./PushRuleVectorState";
+
+describe("PushRuleVectorState", function () {
+    describe("contentRuleVectorStateKind", function () {
+        it("should understand normal notifications", function () {
+            const rule = {
+                actions: [PushRuleActionName.Notify],
+                default: false,
+                enabled: false,
+                rule_id: "1",
+            };
+
+            expect(PushRuleVectorState.contentRuleVectorStateKind(rule)).toEqual(PushRuleVectorState.ON);
+        });
+
+        it("should handle loud notifications", function () {
+            const rule = {
+                actions: [
+                    PushRuleActionName.Notify,
+                    { set_tweak: TweakName.Highlight, value: true } as TweakHighlight,
+                    { set_tweak: TweakName.Sound, value: "default" } as TweakSound,
+                ],
+                default: false,
+                enabled: false,
+                rule_id: "1",
+            };
+
+            expect(PushRuleVectorState.contentRuleVectorStateKind(rule)).toEqual(PushRuleVectorState.LOUD);
+        });
+
+        it("should understand missing highlight.value", function () {
+            const rule = {
+                actions: [
+                    PushRuleActionName.Notify,
+                    { set_tweak: TweakName.Highlight } as TweakHighlight,
+                    { set_tweak: TweakName.Sound, value: "default" } as TweakSound,
+                ],
+                default: false,
+                enabled: false,
+                rule_id: "1",
+            };
+
+            expect(PushRuleVectorState.contentRuleVectorStateKind(rule)).toEqual(PushRuleVectorState.LOUD);
+        });
+    });
+});
diff --git a/apps/web/src/notifications/PushRuleVectorState.ts b/apps/web/src/notifications/PushRuleVectorState.ts
new file mode 100644
index 00000000000..1435957f24f
--- /dev/null
+++ b/apps/web/src/notifications/PushRuleVectorState.ts
@@ -0,0 +1,85 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 { type IPushRule, type PushRuleAction } from "matrix-js-sdk/src/matrix";
+
+import { StandardActions } from "./StandardActions";
+import { NotificationUtils } from "./NotificationUtils";
+
+export enum VectorState {
+    /** The push rule is disabled */
+    Off = "off",
+    /** The user will receive push notification for this rule */
+    On = "on",
+    /** The user will receive push notification for this rule with sound and
+     highlight if this is legitimate */
+    Loud = "loud",
+}
+
+// oxlint-disable-next-line typescript/no-extraneous-class
+export class PushRuleVectorState {
+    // Backwards compatibility (things should probably be using the enum above instead)
+    public static OFF = VectorState.Off;
+    public static ON = VectorState.On;
+    public static LOUD = VectorState.Loud;
+
+    /**
+     * Enum for state of a push rule as defined by the Vector UI.
+     * @readonly
+     * @enum {string}
+     */
+    public static states = VectorState;
+
+    /**
+     * Convert a PushRuleVectorState to a list of actions
+     *
+     * @returns [object] list of push-rule actions
+     */
+    public static actionsFor(pushRuleVectorState?: VectorState): PushRuleAction[] {
+        if (pushRuleVectorState === VectorState.On) {
+            return StandardActions.ACTION_NOTIFY;
+        } else if (pushRuleVectorState === VectorState.Loud) {
+            return StandardActions.ACTION_HIGHLIGHT_DEFAULT_SOUND;
+        }
+        return [];
+    }
+
+    /**
+     * Convert a pushrule's actions to a PushRuleVectorState.
+     *
+     * Determines whether a content rule is in the PushRuleVectorState.ON
+     * category or in PushRuleVectorState.LOUD, regardless of its enabled
+     * state. Returns null if it does not match these categories.
+     */
+    public static contentRuleVectorStateKind(rule: IPushRule): VectorState | null {
+        const decoded = NotificationUtils.decodeActions(rule.actions);
+
+        if (!decoded) {
+            return null;
+        }
+
+        // Count tweaks to determine if it is a ON or LOUD rule
+        let tweaks = 0;
+        if (decoded.sound) {
+            tweaks++;
+        }
+        if (decoded.highlight) {
+            tweaks++;
+        }
+        let stateKind: VectorState | null = null;
+        switch (tweaks) {
+            case 0:
+                stateKind = VectorState.On;
+                break;
+            case 2:
+                stateKind = VectorState.Loud;
+                break;
+        }
+        return stateKind;
+    }
+}
diff --git a/apps/web/src/notifications/StandardActions.ts b/apps/web/src/notifications/StandardActions.ts
new file mode 100644
index 00000000000..eac2c3c807b
--- /dev/null
+++ b/apps/web/src/notifications/StandardActions.ts
@@ -0,0 +1,25 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+import { type PushRuleAction } from "matrix-js-sdk/src/matrix";
+
+import { NotificationUtils } from "./NotificationUtils";
+
+const encodeActions = NotificationUtils.encodeActions;
+
+// oxlint-disable-next-line typescript/no-extraneous-class
+export class StandardActions {
+    public static ACTION_NOTIFY = encodeActions({ notify: true });
+    public static ACTION_NOTIFY_DEFAULT_SOUND = encodeActions({ notify: true, sound: "default" });
+    public static ACTION_NOTIFY_RING_SOUND = encodeActions({ notify: true, sound: "ring" });
+    public static ACTION_HIGHLIGHT = encodeActions({ notify: true, highlight: true });
+    public static ACTION_HIGHLIGHT_DEFAULT_SOUND = encodeActions({ notify: true, sound: "default", highlight: true });
+    public static ACTION_DONT_NOTIFY = encodeActions({ notify: false });
+    public static ACTION_DISABLED: PushRuleAction[] | undefined = undefined;
+}
diff --git a/apps/web/src/notifications/VectorPushRulesDefinitions.ts b/apps/web/src/notifications/VectorPushRulesDefinitions.ts
new file mode 100644
index 00000000000..d496119f1ed
--- /dev/null
+++ b/apps/web/src/notifications/VectorPushRulesDefinitions.ts
@@ -0,0 +1,213 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 { type IAnnotatedPushRule, type PushRuleAction, RuleId } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _td } from "../languageHandler";
+import { StandardActions } from "./StandardActions";
+import { PushRuleVectorState, VectorState } from "./PushRuleVectorState";
+import { NotificationUtils } from "./NotificationUtils";
+
+type StateToActionsMap = {
+    [state in VectorState]?: PushRuleAction[];
+};
+
+interface IVectorPushRuleDefinition {
+    description: TranslationKey;
+    vectorStateToActions: StateToActionsMap;
+    /**
+     * Rules that should be updated to be kept in sync
+     * when this rule changes
+     */
+    syncedRuleIds?: (RuleId | string)[];
+}
+
+class VectorPushRuleDefinition {
+    public readonly description: TranslationKey;
+    public readonly vectorStateToActions: StateToActionsMap;
+    public readonly syncedRuleIds?: (RuleId | string)[];
+
+    public constructor(opts: IVectorPushRuleDefinition) {
+        this.description = opts.description;
+        this.vectorStateToActions = opts.vectorStateToActions;
+        this.syncedRuleIds = opts.syncedRuleIds;
+    }
+
+    // Translate the rule actions and its enabled value into vector state
+    public ruleToVectorState(rule: IAnnotatedPushRule): VectorState | undefined {
+        let enabled = false;
+        if (rule) {
+            enabled = rule.enabled;
+        }
+
+        for (const state of Object.values(PushRuleVectorState.states)) {
+            const vectorStateToActions = this.vectorStateToActions[state];
+
+            if (!vectorStateToActions) {
+                // No defined actions means that this vector state expects a disabled (or absent) rule
+                if (!enabled) {
+                    return state;
+                }
+            } else {
+                // The actions must match to the ones expected by vector state.
+                // Use `decodeActions` on both sides to canonicalize things like
+                // value: true vs. unspecified for highlight (which defaults to
+                // true, making them equivalent).
+                if (
+                    enabled &&
+                    JSON.stringify(NotificationUtils.decodeActions(rule.actions)) ===
+                        JSON.stringify(NotificationUtils.decodeActions(vectorStateToActions))
+                ) {
+                    return state;
+                }
+            }
+        }
+
+        logger.error(
+            `Cannot translate rule actions into Vector rule state. ` +
+                `Rule: ${JSON.stringify(rule)}, ` +
+                `Expected: ${JSON.stringify(this.vectorStateToActions)}`,
+        );
+        return undefined;
+    }
+}
+export type { VectorPushRuleDefinition };
+
+/**
+ * The descriptions of rules managed by the Vector UI.
+ */
+export const VectorPushRulesDefinitions: Record<string, VectorPushRuleDefinition> = {
+    // Messages containing user's display name
+    ".m.rule.contains_display_name": new VectorPushRuleDefinition({
+        description: _td("settings|notifications|rule_contains_display_name"), // passed through _t() translation in src/components/views/settings/Notifications.js
+        vectorStateToActions: {
+            // The actions for each vector state, or null to disable the rule.
+            [VectorState.On]: StandardActions.ACTION_NOTIFY,
+            [VectorState.Loud]: StandardActions.ACTION_HIGHLIGHT_DEFAULT_SOUND,
+            [VectorState.Off]: StandardActions.ACTION_DISABLED,
+        },
+    }),
+
+    // Messages containing user's username (localpart/MXID)
+    ".m.rule.contains_user_name": new VectorPushRuleDefinition({
+        description: _td("settings|notifications|rule_contains_user_name"), // passed through _t() translation in src/components/views/settings/Notifications.js
+        vectorStateToActions: {
+            // The actions for each vector state, or null to disable the rule.
+            [VectorState.On]: StandardActions.ACTION_NOTIFY,
+            [VectorState.Loud]: StandardActions.ACTION_HIGHLIGHT_DEFAULT_SOUND,
+            [VectorState.Off]: StandardActions.ACTION_DISABLED,
+        },
+        syncedRuleIds: [RuleId.IsUserMention],
+    }),
+
+    // Messages containing @room
+    ".m.rule.roomnotif": new VectorPushRuleDefinition({
+        description: _td("settings|notifications|rule_roomnotif"), // passed through _t() translation in src/components/views/settings/Notifications.js
+        vectorStateToActions: {
+            // The actions for each vector state, or null to disable the rule.
+            [VectorState.On]: StandardActions.ACTION_NOTIFY,
+            [VectorState.Loud]: StandardActions.ACTION_HIGHLIGHT,
+            [VectorState.Off]: StandardActions.ACTION_DISABLED,
+        },
+        syncedRuleIds: [RuleId.IsRoomMention],
+    }),
+
+    // Messages just sent to the user in a 1:1 room
+    ".m.rule.room_one_to_one": new VectorPushRuleDefinition({
+        description: _td("settings|notifications|rule_room_one_to_one"), // passed through _t() translation in src/components/views/settings/Notifications.js
+        vectorStateToActions: {
+            [VectorState.On]: StandardActions.ACTION_NOTIFY,
+            [VectorState.Loud]: StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+            [VectorState.Off]: StandardActions.ACTION_DONT_NOTIFY,
+        },
+        syncedRuleIds: [
+            RuleId.PollStartOneToOne,
+            RuleId.PollStartOneToOneUnstable,
+            RuleId.PollEndOneToOne,
+            RuleId.PollEndOneToOneUnstable,
+        ],
+    }),
+
+    // Encrypted messages just sent to the user in a 1:1 room
+    ".m.rule.encrypted_room_one_to_one": new VectorPushRuleDefinition({
+        description: _td("settings|notifications|rule_encrypted_room_one_to_one"), // passed through _t() translation in src/components/views/settings/Notifications.js
+        vectorStateToActions: {
+            [VectorState.On]: StandardActions.ACTION_NOTIFY,
+            [VectorState.Loud]: StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+            [VectorState.Off]: StandardActions.ACTION_DONT_NOTIFY,
+        },
+    }),
+
+    // Messages just sent to a group chat room
+    // 1:1 room messages are caught by the .m.rule.room_one_to_one rule if any defined
+    // By opposition, all other room messages are from group chat rooms.
+    ".m.rule.message": new VectorPushRuleDefinition({
+        description: _td("settings|notifications|rule_message"), // passed through _t() translation in src/components/views/settings/Notifications.js
+        vectorStateToActions: {
+            [VectorState.On]: StandardActions.ACTION_NOTIFY,
+            [VectorState.Loud]: StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+            [VectorState.Off]: StandardActions.ACTION_DONT_NOTIFY,
+        },
+        syncedRuleIds: [RuleId.PollStart, RuleId.PollStartUnstable, RuleId.PollEnd, RuleId.PollEndUnstable],
+    }),
+
+    // Encrypted messages just sent to a group chat room
+    // Encrypted 1:1 room messages are caught by the .m.rule.encrypted_room_one_to_one rule if any defined
+    // By opposition, all other room messages are from group chat rooms.
+    ".m.rule.encrypted": new VectorPushRuleDefinition({
+        description: _td("settings|notifications|rule_encrypted"), // passed through _t() translation in src/components/views/settings/Notifications.js
+        vectorStateToActions: {
+            [VectorState.On]: StandardActions.ACTION_NOTIFY,
+            [VectorState.Loud]: StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+            [VectorState.Off]: StandardActions.ACTION_DONT_NOTIFY,
+        },
+    }),
+
+    // Invitation for the user
+    ".m.rule.invite_for_me": new VectorPushRuleDefinition({
+        description: _td("settings|notifications|rule_invite_for_me"), // passed through _t() translation in src/components/views/settings/Notifications.js
+        vectorStateToActions: {
+            [VectorState.On]: StandardActions.ACTION_NOTIFY,
+            [VectorState.Loud]: StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+            [VectorState.Off]: StandardActions.ACTION_DISABLED,
+        },
+    }),
+
+    // Incoming call
+    ".m.rule.call": new VectorPushRuleDefinition({
+        description: _td("settings|notifications|rule_call"), // passed through _t() translation in src/components/views/settings/Notifications.js
+        vectorStateToActions: {
+            [VectorState.On]: StandardActions.ACTION_NOTIFY,
+            [VectorState.Loud]: StandardActions.ACTION_NOTIFY_RING_SOUND,
+            [VectorState.Off]: StandardActions.ACTION_DISABLED,
+        },
+    }),
+
+    // Notifications from bots
+    ".m.rule.suppress_notices": new VectorPushRuleDefinition({
+        description: _td("settings|notifications|rule_suppress_notices"), // passed through _t() translation in src/components/views/settings/Notifications.js
+        vectorStateToActions: {
+            // .m.rule.suppress_notices is a "negative" rule, we have to invert its enabled value for vector UI
+            [VectorState.On]: StandardActions.ACTION_DISABLED,
+            [VectorState.Loud]: StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+            [VectorState.Off]: StandardActions.ACTION_DONT_NOTIFY,
+        },
+    }),
+
+    // Room upgrades (tombstones)
+    ".m.rule.tombstone": new VectorPushRuleDefinition({
+        description: _td("settings|notifications|rule_tombstone"), // passed through _t() translation in src/components/views/settings/Notifications.js
+        vectorStateToActions: {
+            // The actions for each vector state, or null to disable the rule.
+            [VectorState.On]: StandardActions.ACTION_NOTIFY,
+            [VectorState.Loud]: StandardActions.ACTION_HIGHLIGHT,
+            [VectorState.Off]: StandardActions.ACTION_DISABLED,
+        },
+    }),
+};
diff --git a/apps/web/src/notifications/index.ts b/apps/web/src/notifications/index.ts
new file mode 100644
index 00000000000..17f1b249a98
--- /dev/null
+++ b/apps/web/src/notifications/index.ts
@@ -0,0 +1,13 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+export * from "./NotificationUtils";
+export * from "./PushRuleVectorState";
+export * from "./VectorPushRulesDefinitions";
+export * from "./ContentRules";
diff --git a/apps/web/src/performance/entry-names.ts b/apps/web/src/performance/entry-names.ts
new file mode 100644
index 00000000000..fcdd0621e16
--- /dev/null
+++ b/apps/web/src/performance/entry-names.ts
@@ -0,0 +1,22 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+export enum PerformanceEntryNames {
+    /**
+     * Application wide
+     */
+
+    PAGE_CHANGE = "mx_PageChange",
+
+    /**
+     * User
+     */
+
+    LOGIN = "mx_Login", // ✅
+    REGISTER = "mx_Register", // ✅
+}
diff --git a/apps/web/src/performance/index.ts b/apps/web/src/performance/index.ts
new file mode 100644
index 00000000000..468181e0c1b
--- /dev/null
+++ b/apps/web/src/performance/index.ts
@@ -0,0 +1,166 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { logger } from "matrix-js-sdk/src/logger";
+
+import { PerformanceEntryNames } from "./entry-names";
+
+interface GetEntriesOptions {
+    name?: string;
+    type?: string;
+}
+
+type PerformanceCallbackFunction = (entry: PerformanceEntry[]) => void;
+
+interface PerformanceDataListener {
+    entryNames?: string[];
+    callback: PerformanceCallbackFunction;
+}
+
+export default class PerformanceMonitor {
+    private static _instance: PerformanceMonitor;
+
+    private START_PREFIX = "start:";
+    private STOP_PREFIX = "stop:";
+
+    private listeners: PerformanceDataListener[] = [];
+    private entries: PerformanceEntry[] = [];
+
+    public static get instance(): PerformanceMonitor {
+        if (!PerformanceMonitor._instance) {
+            PerformanceMonitor._instance = new PerformanceMonitor();
+        }
+        return PerformanceMonitor._instance;
+    }
+
+    /**
+     * Starts a performance recording
+     * @param name Name of the recording
+     * @param id Specify an identifier appended to the measurement name
+     * @returns {void}
+     */
+    public start(name: string, id?: string): void {
+        if (!this.supportsPerformanceApi()) {
+            return;
+        }
+        const key = this.buildKey(name, id);
+
+        if (performance.getEntriesByName(this.START_PREFIX + key).length > 0) {
+            logger.warn(`Recording already started for: ${name}`);
+            return;
+        }
+
+        performance.mark(this.START_PREFIX + key);
+    }
+
+    /**
+     * Stops a performance recording and stores delta duration
+     * with the start marker
+     * @param name Name of the recording
+     * @param id Specify an identifier appended to the measurement name
+     * @returns The measurement
+     */
+    public stop(name: string, id?: string): PerformanceEntry | undefined {
+        if (!this.supportsPerformanceApi()) {
+            return;
+        }
+        const key = this.buildKey(name, id);
+        if (performance.getEntriesByName(this.START_PREFIX + key).length === 0) {
+            logger.warn(`No recording started for: ${name}`);
+            return;
+        }
+
+        performance.mark(this.STOP_PREFIX + key);
+        performance.measure(key, this.START_PREFIX + key, this.STOP_PREFIX + key);
+
+        this.clear(name, id);
+
+        const measurement = performance.getEntriesByName(key).pop()!;
+
+        // Keeping a reference to all PerformanceEntry created
+        // by this abstraction for historical events collection
+        // when adding a data callback
+        this.entries.push(measurement);
+
+        this.listeners.forEach((listener) => {
+            if (this.shouldEmit(listener, measurement)) {
+                listener.callback([measurement]);
+            }
+        });
+
+        return measurement;
+    }
+
+    public clear(name: string, id?: string): void {
+        if (!this.supportsPerformanceApi()) {
+            return;
+        }
+        const key = this.buildKey(name, id);
+        performance.clearMarks(this.START_PREFIX + key);
+        performance.clearMarks(this.STOP_PREFIX + key);
+    }
+
+    public getEntries({ name, type }: GetEntriesOptions = {}): PerformanceEntry[] {
+        return this.entries.filter((entry) => {
+            const satisfiesName = !name || entry.name === name;
+            const satisfiedType = !type || entry.entryType === type;
+            return satisfiesName && satisfiedType;
+        });
+    }
+
+    public addPerformanceDataCallback(listener: PerformanceDataListener, buffer = false): void {
+        this.listeners.push(listener);
+        if (buffer) {
+            const toEmit = this.entries.filter((entry) => this.shouldEmit(listener, entry));
+            if (toEmit.length > 0) {
+                listener.callback(toEmit);
+            }
+        }
+    }
+
+    public removePerformanceDataCallback(callback?: PerformanceCallbackFunction): void {
+        if (!callback) {
+            this.listeners = [];
+        } else {
+            this.listeners.splice(
+                this.listeners.findIndex((listener) => listener.callback === callback),
+                1,
+            );
+        }
+    }
+
+    /**
+     * Tor browser does not support the Performance API
+     * @returns {boolean} true if the Performance API is supported
+     */
+    private supportsPerformanceApi(): boolean {
+        return performance !== undefined && performance.mark !== undefined;
+    }
+
+    private shouldEmit(listener: PerformanceDataListener, entry: PerformanceEntry): boolean {
+        return !listener.entryNames || listener.entryNames.includes(entry.name);
+    }
+
+    /**
+     * Internal utility to ensure consistent name for the recording
+     * @param name Name of the recording
+     * @param id Specify an identifier appended to the measurement name
+     * @returns {string} a compound of the name and identifier if present
+     */
+    private buildKey(name: string, id?: string): string {
+        const suffix = id ? `:${id}` : "";
+        return `${name}${suffix}`;
+    }
+}
+
+// Convenience exports
+export { PerformanceEntryNames };
+
+// Exposing those to the window object to bridge them from tests
+window.mxPerformanceMonitor = PerformanceMonitor.instance;
+window.mxPerformanceEntryNames = PerformanceEntryNames;
diff --git a/apps/web/src/phonenumber.ts b/apps/web/src/phonenumber.ts
new file mode 100644
index 00000000000..a5d67e39738
--- /dev/null
+++ b/apps/web/src/phonenumber.ts
@@ -0,0 +1,1038 @@
+/*
+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.
+*/
+
+const PHONE_NUMBER_REGEXP = /^[0-9 -.]+$/;
+
+/*
+ * Do basic validation to determine if the given input could be
+ * a valid phone number.
+ *
+ * @param {String} phoneNumber The string to validate. This could be
+ *     either an international format number (MSISDN or e.164) or
+ *     a national-format number.
+ * @returns True if the number could be a valid phone number, otherwise false.
+ */
+export function looksValid(phoneNumber: string): boolean {
+    return PHONE_NUMBER_REGEXP.test(phoneNumber);
+}
+
+// Regional Indicator Symbol Letter A
+const UNICODE_BASE = 127462 - "A".charCodeAt(0);
+// Country code should be exactly 2 uppercase characters
+const COUNTRY_CODE_REGEX = /^[A-Z]{2}$/;
+
+export const getEmojiFlag = (countryCode: string): string => {
+    if (!COUNTRY_CODE_REGEX.test(countryCode)) return "";
+    // Rip the country code out of the emoji and use that
+    return String.fromCodePoint(...countryCode.split("").map((l) => UNICODE_BASE + l.charCodeAt(0)));
+};
+
+// Use https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames to get name
+export interface PhoneNumberCountryDefinition {
+    iso2: string;
+    prefix: string;
+}
+
+export const COUNTRIES: PhoneNumberCountryDefinition[] = [
+    {
+        iso2: "GB",
+        prefix: "44",
+    },
+    {
+        iso2: "US",
+        prefix: "1",
+    },
+    {
+        iso2: "AF",
+        prefix: "93",
+    },
+    {
+        iso2: "AX",
+        prefix: "358",
+    },
+    {
+        iso2: "AL",
+        prefix: "355",
+    },
+    {
+        iso2: "DZ",
+        prefix: "213",
+    },
+    {
+        iso2: "AS",
+        prefix: "1",
+    },
+    {
+        iso2: "AD",
+        prefix: "376",
+    },
+    {
+        iso2: "AO",
+        prefix: "244",
+    },
+    {
+        iso2: "AI",
+        prefix: "1",
+    },
+    {
+        iso2: "AQ",
+        prefix: "672",
+    },
+    {
+        iso2: "AG",
+        prefix: "1",
+    },
+    {
+        iso2: "AR",
+        prefix: "54",
+    },
+    {
+        iso2: "AM",
+        prefix: "374",
+    },
+    {
+        iso2: "AW",
+        prefix: "297",
+    },
+    {
+        iso2: "AU",
+        prefix: "61",
+    },
+    {
+        iso2: "AT",
+        prefix: "43",
+    },
+    {
+        iso2: "AZ",
+        prefix: "994",
+    },
+    {
+        iso2: "BS",
+        prefix: "1",
+    },
+    {
+        iso2: "BH",
+        prefix: "973",
+    },
+    {
+        iso2: "BD",
+        prefix: "880",
+    },
+    {
+        iso2: "BB",
+        prefix: "1",
+    },
+    {
+        iso2: "BY",
+        prefix: "375",
+    },
+    {
+        iso2: "BE",
+        prefix: "32",
+    },
+    {
+        iso2: "BZ",
+        prefix: "501",
+    },
+    {
+        iso2: "BJ",
+        prefix: "229",
+    },
+    {
+        iso2: "BM",
+        prefix: "1",
+    },
+    {
+        iso2: "BT",
+        prefix: "975",
+    },
+    {
+        iso2: "BO",
+        prefix: "591",
+    },
+    {
+        iso2: "BA",
+        prefix: "387",
+    },
+    {
+        iso2: "BW",
+        prefix: "267",
+    },
+    {
+        iso2: "BV",
+        prefix: "47",
+    },
+    {
+        iso2: "BR",
+        prefix: "55",
+    },
+    {
+        iso2: "IO",
+        prefix: "246",
+    },
+    {
+        iso2: "VG",
+        prefix: "1",
+    },
+    {
+        iso2: "BN",
+        prefix: "673",
+    },
+    {
+        iso2: "BG",
+        prefix: "359",
+    },
+    {
+        iso2: "BF",
+        prefix: "226",
+    },
+    {
+        iso2: "BI",
+        prefix: "257",
+    },
+    {
+        iso2: "KH",
+        prefix: "855",
+    },
+    {
+        iso2: "CM",
+        prefix: "237",
+    },
+    {
+        iso2: "CA",
+        prefix: "1",
+    },
+    {
+        iso2: "CV",
+        prefix: "238",
+    },
+    {
+        iso2: "BQ",
+        prefix: "599",
+    },
+    {
+        iso2: "KY",
+        prefix: "1",
+    },
+    {
+        iso2: "CF",
+        prefix: "236",
+    },
+    {
+        iso2: "TD",
+        prefix: "235",
+    },
+    {
+        iso2: "CL",
+        prefix: "56",
+    },
+    {
+        iso2: "CN",
+        prefix: "86",
+    },
+    {
+        iso2: "CX",
+        prefix: "61",
+    },
+    {
+        iso2: "CC",
+        prefix: "61",
+    },
+    {
+        iso2: "CO",
+        prefix: "57",
+    },
+    {
+        iso2: "KM",
+        prefix: "269",
+    },
+    {
+        iso2: "CG",
+        prefix: "242",
+    },
+    {
+        iso2: "CD",
+        prefix: "243",
+    },
+    {
+        iso2: "CK",
+        prefix: "682",
+    },
+    {
+        iso2: "CR",
+        prefix: "506",
+    },
+    {
+        iso2: "HR",
+        prefix: "385",
+    },
+    {
+        iso2: "CU",
+        prefix: "53",
+    },
+    {
+        iso2: "CW",
+        prefix: "599",
+    },
+    {
+        iso2: "CY",
+        prefix: "357",
+    },
+    {
+        iso2: "CZ",
+        prefix: "420",
+    },
+    {
+        iso2: "CI",
+        prefix: "225",
+    },
+    {
+        iso2: "DK",
+        prefix: "45",
+    },
+    {
+        iso2: "DJ",
+        prefix: "253",
+    },
+    {
+        iso2: "DM",
+        prefix: "1",
+    },
+    {
+        iso2: "DO",
+        prefix: "1",
+    },
+    {
+        iso2: "EC",
+        prefix: "593",
+    },
+    {
+        iso2: "EG",
+        prefix: "20",
+    },
+    {
+        iso2: "SV",
+        prefix: "503",
+    },
+    {
+        iso2: "GQ",
+        prefix: "240",
+    },
+    {
+        iso2: "ER",
+        prefix: "291",
+    },
+    {
+        iso2: "EE",
+        prefix: "372",
+    },
+    {
+        iso2: "ET",
+        prefix: "251",
+    },
+    {
+        iso2: "FK",
+        prefix: "500",
+    },
+    {
+        iso2: "FO",
+        prefix: "298",
+    },
+    {
+        iso2: "FJ",
+        prefix: "679",
+    },
+    {
+        iso2: "FI",
+        prefix: "358",
+    },
+    {
+        iso2: "FR",
+        prefix: "33",
+    },
+    {
+        iso2: "GF",
+        prefix: "594",
+    },
+    {
+        iso2: "PF",
+        prefix: "689",
+    },
+    {
+        iso2: "TF",
+        prefix: "262",
+    },
+    {
+        iso2: "GA",
+        prefix: "241",
+    },
+    {
+        iso2: "GM",
+        prefix: "220",
+    },
+    {
+        iso2: "GE",
+        prefix: "995",
+    },
+    {
+        iso2: "DE",
+        prefix: "49",
+    },
+    {
+        iso2: "GH",
+        prefix: "233",
+    },
+    {
+        iso2: "GI",
+        prefix: "350",
+    },
+    {
+        iso2: "GR",
+        prefix: "30",
+    },
+    {
+        iso2: "GL",
+        prefix: "299",
+    },
+    {
+        iso2: "GD",
+        prefix: "1",
+    },
+    {
+        iso2: "GP",
+        prefix: "590",
+    },
+    {
+        iso2: "GU",
+        prefix: "1",
+    },
+    {
+        iso2: "GT",
+        prefix: "502",
+    },
+    {
+        iso2: "GG",
+        prefix: "44",
+    },
+    {
+        iso2: "GN",
+        prefix: "224",
+    },
+    {
+        iso2: "GW",
+        prefix: "245",
+    },
+    {
+        iso2: "GY",
+        prefix: "592",
+    },
+    {
+        iso2: "HT",
+        prefix: "509",
+    },
+    {
+        iso2: "HM",
+        prefix: "672",
+    },
+    {
+        iso2: "HN",
+        prefix: "504",
+    },
+    {
+        iso2: "HK",
+        prefix: "852",
+    },
+    {
+        iso2: "HU",
+        prefix: "36",
+    },
+    {
+        iso2: "IS",
+        prefix: "354",
+    },
+    {
+        iso2: "IN",
+        prefix: "91",
+    },
+    {
+        iso2: "ID",
+        prefix: "62",
+    },
+    {
+        iso2: "IR",
+        prefix: "98",
+    },
+    {
+        iso2: "IQ",
+        prefix: "964",
+    },
+    {
+        iso2: "IE",
+        prefix: "353",
+    },
+    {
+        iso2: "IM",
+        prefix: "44",
+    },
+    {
+        iso2: "IL",
+        prefix: "972",
+    },
+    {
+        iso2: "IT",
+        prefix: "39",
+    },
+    {
+        iso2: "JM",
+        prefix: "1",
+    },
+    {
+        iso2: "JP",
+        prefix: "81",
+    },
+    {
+        iso2: "JE",
+        prefix: "44",
+    },
+    {
+        iso2: "JO",
+        prefix: "962",
+    },
+    {
+        iso2: "KZ",
+        prefix: "7",
+    },
+    {
+        iso2: "KE",
+        prefix: "254",
+    },
+    {
+        iso2: "KI",
+        prefix: "686",
+    },
+    {
+        iso2: "XK",
+        prefix: "383",
+    },
+    {
+        iso2: "KW",
+        prefix: "965",
+    },
+    {
+        iso2: "KG",
+        prefix: "996",
+    },
+    {
+        iso2: "LA",
+        prefix: "856",
+    },
+    {
+        iso2: "LV",
+        prefix: "371",
+    },
+    {
+        iso2: "LB",
+        prefix: "961",
+    },
+    {
+        iso2: "LS",
+        prefix: "266",
+    },
+    {
+        iso2: "LR",
+        prefix: "231",
+    },
+    {
+        iso2: "LY",
+        prefix: "218",
+    },
+    {
+        iso2: "LI",
+        prefix: "423",
+    },
+    {
+        iso2: "LT",
+        prefix: "370",
+    },
+    {
+        iso2: "LU",
+        prefix: "352",
+    },
+    {
+        iso2: "MO",
+        prefix: "853",
+    },
+    {
+        iso2: "MK",
+        prefix: "389",
+    },
+    {
+        iso2: "MG",
+        prefix: "261",
+    },
+    {
+        iso2: "MW",
+        prefix: "265",
+    },
+    {
+        iso2: "MY",
+        prefix: "60",
+    },
+    {
+        iso2: "MV",
+        prefix: "960",
+    },
+    {
+        iso2: "ML",
+        prefix: "223",
+    },
+    {
+        iso2: "MT",
+        prefix: "356",
+    },
+    {
+        iso2: "MH",
+        prefix: "692",
+    },
+    {
+        iso2: "MQ",
+        prefix: "596",
+    },
+    {
+        iso2: "MR",
+        prefix: "222",
+    },
+    {
+        iso2: "MU",
+        prefix: "230",
+    },
+    {
+        iso2: "YT",
+        prefix: "262",
+    },
+    {
+        iso2: "MX",
+        prefix: "52",
+    },
+    {
+        iso2: "FM",
+        prefix: "691",
+    },
+    {
+        iso2: "MD",
+        prefix: "373",
+    },
+    {
+        iso2: "MC",
+        prefix: "377",
+    },
+    {
+        iso2: "MN",
+        prefix: "976",
+    },
+    {
+        iso2: "ME",
+        prefix: "382",
+    },
+    {
+        iso2: "MS",
+        prefix: "1",
+    },
+    {
+        iso2: "MA",
+        prefix: "212",
+    },
+    {
+        iso2: "MZ",
+        prefix: "258",
+    },
+    {
+        iso2: "MM",
+        prefix: "95",
+    },
+    {
+        iso2: "NA",
+        prefix: "264",
+    },
+    {
+        iso2: "NR",
+        prefix: "674",
+    },
+    {
+        iso2: "NP",
+        prefix: "977",
+    },
+    {
+        iso2: "NL",
+        prefix: "31",
+    },
+    {
+        iso2: "NC",
+        prefix: "687",
+    },
+    {
+        iso2: "NZ",
+        prefix: "64",
+    },
+    {
+        iso2: "NI",
+        prefix: "505",
+    },
+    {
+        iso2: "NE",
+        prefix: "227",
+    },
+    {
+        iso2: "NG",
+        prefix: "234",
+    },
+    {
+        iso2: "NU",
+        prefix: "683",
+    },
+    {
+        iso2: "NF",
+        prefix: "672",
+    },
+    {
+        iso2: "KP",
+        prefix: "850",
+    },
+    {
+        iso2: "MP",
+        prefix: "1",
+    },
+    {
+        iso2: "NO",
+        prefix: "47",
+    },
+    {
+        iso2: "OM",
+        prefix: "968",
+    },
+    {
+        iso2: "PK",
+        prefix: "92",
+    },
+    {
+        iso2: "PW",
+        prefix: "680",
+    },
+    {
+        iso2: "PS",
+        prefix: "970",
+    },
+    {
+        iso2: "PA",
+        prefix: "507",
+    },
+    {
+        iso2: "PG",
+        prefix: "675",
+    },
+    {
+        iso2: "PY",
+        prefix: "595",
+    },
+    {
+        iso2: "PE",
+        prefix: "51",
+    },
+    {
+        iso2: "PH",
+        prefix: "63",
+    },
+    {
+        iso2: "PN",
+        prefix: "870",
+    },
+    {
+        iso2: "PL",
+        prefix: "48",
+    },
+    {
+        iso2: "PT",
+        prefix: "351",
+    },
+    {
+        iso2: "PR",
+        prefix: "1",
+    },
+    {
+        iso2: "QA",
+        prefix: "974",
+    },
+    {
+        iso2: "RO",
+        prefix: "40",
+    },
+    {
+        iso2: "RU",
+        prefix: "7",
+    },
+    {
+        iso2: "RW",
+        prefix: "250",
+    },
+    {
+        iso2: "RE",
+        prefix: "262",
+    },
+    {
+        iso2: "WS",
+        prefix: "685",
+    },
+    {
+        iso2: "SM",
+        prefix: "378",
+    },
+    {
+        iso2: "SA",
+        prefix: "966",
+    },
+    {
+        iso2: "SN",
+        prefix: "221",
+    },
+    {
+        iso2: "RS",
+        prefix: "381 p",
+    },
+    {
+        iso2: "SC",
+        prefix: "248",
+    },
+    {
+        iso2: "SL",
+        prefix: "232",
+    },
+    {
+        iso2: "SG",
+        prefix: "65",
+    },
+    {
+        iso2: "SX",
+        prefix: "1",
+    },
+    {
+        iso2: "SK",
+        prefix: "421",
+    },
+    {
+        iso2: "SI",
+        prefix: "386",
+    },
+    {
+        iso2: "SB",
+        prefix: "677",
+    },
+    {
+        iso2: "SO",
+        prefix: "252",
+    },
+    {
+        iso2: "ZA",
+        prefix: "27",
+    },
+    {
+        iso2: "GS",
+        prefix: "500",
+    },
+    {
+        iso2: "KR",
+        prefix: "82",
+    },
+    {
+        iso2: "SS",
+        prefix: "211",
+    },
+    {
+        iso2: "ES",
+        prefix: "34",
+    },
+    {
+        iso2: "LK",
+        prefix: "94",
+    },
+    {
+        iso2: "BL",
+        prefix: "590",
+    },
+    {
+        iso2: "SH",
+        prefix: "290 n",
+    },
+    {
+        iso2: "KN",
+        prefix: "1",
+    },
+    {
+        iso2: "LC",
+        prefix: "1",
+    },
+    {
+        iso2: "MF",
+        prefix: "590",
+    },
+    {
+        iso2: "PM",
+        prefix: "508",
+    },
+    {
+        iso2: "VC",
+        prefix: "1",
+    },
+    {
+        iso2: "SD",
+        prefix: "249",
+    },
+    {
+        iso2: "SR",
+        prefix: "597",
+    },
+    {
+        iso2: "SJ",
+        prefix: "47",
+    },
+    {
+        iso2: "SZ",
+        prefix: "268",
+    },
+    {
+        iso2: "SE",
+        prefix: "46",
+    },
+    {
+        iso2: "CH",
+        prefix: "41",
+    },
+    {
+        iso2: "SY",
+        prefix: "963",
+    },
+    {
+        iso2: "ST",
+        prefix: "239",
+    },
+    {
+        iso2: "TW",
+        prefix: "886",
+    },
+    {
+        iso2: "TJ",
+        prefix: "992",
+    },
+    {
+        iso2: "TZ",
+        prefix: "255",
+    },
+    {
+        iso2: "TH",
+        prefix: "66",
+    },
+    {
+        iso2: "TL",
+        prefix: "670",
+    },
+    {
+        iso2: "TG",
+        prefix: "228",
+    },
+    {
+        iso2: "TK",
+        prefix: "690",
+    },
+    {
+        iso2: "TO",
+        prefix: "676",
+    },
+    {
+        iso2: "TT",
+        prefix: "1",
+    },
+    {
+        iso2: "TN",
+        prefix: "216",
+    },
+    {
+        iso2: "TR",
+        prefix: "90",
+    },
+    {
+        iso2: "TM",
+        prefix: "993",
+    },
+    {
+        iso2: "TC",
+        prefix: "1",
+    },
+    {
+        iso2: "TV",
+        prefix: "688",
+    },
+    {
+        iso2: "VI",
+        prefix: "1",
+    },
+    {
+        iso2: "UG",
+        prefix: "256",
+    },
+    {
+        iso2: "UA",
+        prefix: "380",
+    },
+    {
+        iso2: "AE",
+        prefix: "971",
+    },
+    {
+        iso2: "UY",
+        prefix: "598",
+    },
+    {
+        iso2: "UZ",
+        prefix: "998",
+    },
+    {
+        iso2: "VU",
+        prefix: "678",
+    },
+    {
+        iso2: "VA",
+        prefix: "39",
+    },
+    {
+        iso2: "VE",
+        prefix: "58",
+    },
+    {
+        iso2: "VN",
+        prefix: "84",
+    },
+    {
+        iso2: "WF",
+        prefix: "681",
+    },
+    {
+        iso2: "EH",
+        prefix: "212",
+    },
+    {
+        iso2: "YE",
+        prefix: "967",
+    },
+    {
+        iso2: "ZM",
+        prefix: "260",
+    },
+    {
+        iso2: "ZW",
+        prefix: "263",
+    },
+];
diff --git a/apps/web/src/rageshake/rageshake.ts b/apps/web/src/rageshake/rageshake.ts
new file mode 100644
index 00000000000..0ce19664785
--- /dev/null
+++ b/apps/web/src/rageshake/rageshake.ts
@@ -0,0 +1,593 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2018 New Vector Ltd
+Copyright 2017 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.
+*/
+
+// This module contains all the code needed to log the console, persist it to
+// disk and submit bug reports. Rationale is as follows:
+//  - Monkey-patching the console is preferable to having a log library because
+//    we can catch logs by other libraries more easily, without having to all
+//    depend on the same log framework / pass the logger around.
+//  - We use IndexedDB to persists logs because it has generous disk space
+//    limits compared to local storage. IndexedDB does not work in incognito
+//    mode, in which case this module will not be able to write logs to disk.
+//    However, the logs will still be stored in-memory, so can still be
+//    submitted in a bug report should the user wish to: we can also store more
+//    logs in-memory than in local storage, which does work in incognito mode.
+//    We also need to handle the case where there are 2+ tabs. Each JS runtime
+//    generates a random string which serves as the "ID" for that tab/session.
+//    These IDs are stored along with the log lines.
+//  - Bug reports are sent as a POST over HTTPS: it purposefully does not use
+//    Matrix as bug reports may be made when Matrix is not responsive (which may
+//    be the cause of the bug). We send the most recent N MB of UTF-8 log data,
+//    starting with the most recent, which we know because the "ID"s are
+//    actually timestamps. We then purge the remaining logs. We also do this
+//    purge on startup to prevent logs from accumulating.
+
+// the frequency with which we flush to indexeddb
+import { logger } from "matrix-js-sdk/src/logger";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+
+import { getCircularReplacer } from "../utils/JSON";
+
+const FLUSH_RATE_MS = 30 * 1000;
+
+/** the length of log data we keep in indexeddb (and include in the reports), if there are more than 24 hours of logs */
+const MAX_LOG_SIZE = 1024 * 1024 * 5; // 5 MB
+
+/** the length of log data we keep in indexeddb (and include in the reports), if there are less than 24 hours of logs */
+const MAX_LOG_SIZE_24H = 1024 * 1024 * 100; // 100 MB
+
+type LogFunction = (...args: (Error | DOMException | object | string)[]) => void;
+const consoleFunctionsToLevels = {
+    log: "I",
+    info: "I",
+    warn: "W",
+    error: "E",
+    debug: "D",
+} as const;
+type LogFunctionName = keyof typeof consoleFunctionsToLevels;
+
+// A class which monkey-patches the global console and stores log lines.
+export class ConsoleLogger {
+    private logs = "";
+    private originalFunctions: { [key in LogFunctionName]?: LogFunction } = {};
+
+    public monkeyPatch(consoleObj: Console): void {
+        // Monkey-patch console logging
+        (Object.keys(consoleFunctionsToLevels) as LogFunctionName[]).forEach((fnName: LogFunctionName) => {
+            const level = consoleFunctionsToLevels[fnName];
+            const originalFn = consoleObj[fnName].bind(consoleObj);
+            this.originalFunctions[fnName] = originalFn;
+            consoleObj[fnName] = (...args) => {
+                this.log(level, ...args);
+                originalFn(...args);
+            };
+        });
+    }
+
+    public bypassRageshake(fnName: LogFunctionName, ...args: (Error | DOMException | object | string)[]): void {
+        this.originalFunctions[fnName]?.(...args);
+    }
+
+    public log(level: string, ...args: (Error | DOMException | object | string)[]): void {
+        // We don't know what locale the user may be running so use ISO strings
+        const ts = new Date().toISOString();
+
+        // Convert objects and errors to helpful things
+        args = args.map((arg) => {
+            if (arg instanceof DOMException) {
+                return arg.message + ` (${arg.name} | ${arg.code})`;
+            } else if (arg instanceof Error) {
+                return arg.message + (arg.stack ? `\n${arg.stack}` : "");
+            } else if (typeof arg === "object") {
+                return JSON.stringify(arg, getCircularReplacer());
+            } else {
+                return arg;
+            }
+        });
+
+        // Some browsers support string formatting which we're not doing here
+        // so the lines are a little more ugly but easy to implement / quick to
+        // run.
+        // Example line:
+        // 2017-01-18T11:23:53.214Z W Failed to set badge count
+        // eslint-disable-next-line @typescript-eslint/no-base-to-string
+        let line = `${ts} ${level} ${args.join(" ")}\n`;
+        // Do some cleanup
+        line = line.replace(/token=[a-zA-Z0-9-]+/gm, "token=xxxxx");
+        // Using + really is the quickest way in JS
+        // http://jsperf.com/concat-vs-plus-vs-join
+        this.logs += line;
+    }
+
+    /**
+     * Retrieve log lines to flush to disk.
+     * @param {boolean} keepLogs True to not delete logs after flushing.
+     * @returns {string} \n delimited log lines to flush.
+     */
+    public flush(keepLogs?: boolean): string {
+        // The ConsoleLogger doesn't care how these end up on disk, it just
+        // flushes them to the caller.
+        if (keepLogs) {
+            return this.logs;
+        }
+        const logsToFlush = this.logs;
+        this.logs = "";
+        return logsToFlush;
+    }
+}
+
+// A class which stores log lines in an IndexedDB instance.
+export class IndexedDBLogStore {
+    private id: string;
+    private index = 0;
+    private db: IDBDatabase | null = null;
+    private flushPromise: Promise<void> | null = null;
+    private flushAgainPromise: Promise<void> | null = null;
+
+    public constructor(
+        private indexedDB: IDBFactory,
+        private logger: ConsoleLogger,
+    ) {
+        this.id = "instance-" + secureRandomString(16);
+    }
+
+    /**
+     * @returns {Promise} Resolves when the store is ready.
+     */
+    public connect(): Promise<void> {
+        const req = this.indexedDB.open("logs");
+        return new Promise((resolve, reject) => {
+            req.onsuccess = () => {
+                this.db = req.result;
+                // Periodically flush logs to local storage / indexeddb
+                window.setInterval(this.flush.bind(this), FLUSH_RATE_MS);
+                resolve();
+            };
+
+            req.onerror = () => {
+                const err = "Failed to open log database: " + req.error?.name;
+                logger.error(err);
+                reject(new Error(err));
+            };
+
+            // First time: Setup the object store
+            req.onupgradeneeded = () => {
+                const db = req.result;
+                const logObjStore = db.createObjectStore("logs", {
+                    keyPath: ["id", "index"],
+                });
+                // Keys in the database look like: [ "instance-148938490", 0 ]
+                // Later on we need to query everything based on an instance id.
+                // In order to do this, we need to set up indexes "id".
+                logObjStore.createIndex("id", "id", { unique: false });
+
+                logObjStore.add(this.generateLogEntry(new Date() + " ::: Log database was created."));
+
+                const lastModifiedStore = db.createObjectStore("logslastmod", {
+                    keyPath: "id",
+                });
+                lastModifiedStore.add(this.generateLastModifiedTime());
+            };
+        });
+    }
+
+    /**
+     * Flush logs to disk.
+     *
+     * There are guards to protect against race conditions in order to ensure
+     * that all previous flushes have completed before the most recent flush.
+     * Consider without guards:
+     *  - A calls flush() periodically.
+     *  - B calls flush() and wants to send logs immediately afterwards.
+     *  - If B doesn't wait for A's flush to complete, B will be missing the
+     *    contents of A's flush.
+     * To protect against this, we set 'flushPromise' when a flush is ongoing.
+     * Subsequent calls to flush() during this period will chain another flush,
+     * then keep returning that same chained flush.
+     *
+     * This guarantees that we will always eventually do a flush when flush() is
+     * called.
+     *
+     * @returns {Promise} Resolved when the logs have been flushed.
+     */
+    public flush(): Promise<void> {
+        // check if a flush() operation is ongoing
+        if (this.flushPromise) {
+            if (this.flushAgainPromise) {
+                // this is the 3rd+ time we've called flush() : return the same promise.
+                return this.flushAgainPromise;
+            }
+            // queue up a flush to occur immediately after the pending one completes.
+            this.flushAgainPromise = this.flushPromise
+                .then(() => {
+                    return this.flush();
+                })
+                .then(() => {
+                    this.flushAgainPromise = null;
+                });
+            return this.flushAgainPromise;
+        }
+        // there is no flush promise or there was but it has finished, so do
+        // a brand new one, destroying the chain which may have been built up.
+        this.flushPromise = new Promise<void>((resolve, reject) => {
+            if (!this.db) {
+                // not connected yet or user rejected access for us to r/w to the db.
+                reject(new Error("No connected database"));
+                return;
+            }
+            const lines = this.logger.flush();
+            if (lines.length === 0) {
+                resolve();
+                return;
+            }
+            const txn = this.db.transaction(["logs", "logslastmod"], "readwrite");
+            const objStore = txn.objectStore("logs");
+            txn.oncomplete = (event) => {
+                resolve();
+            };
+            txn.onerror = () => {
+                logger.error("Failed to flush logs : ", txn.error);
+                reject(new Error("Failed to write logs: " + txn.error?.message));
+            };
+            objStore.add(this.generateLogEntry(lines));
+            const lastModStore = txn.objectStore("logslastmod");
+            lastModStore.put(this.generateLastModifiedTime());
+        }).then(() => {
+            this.flushPromise = null;
+        });
+        return this.flushPromise;
+    }
+
+    /**
+     * Consume the most recent logs and return them. Older logs which are not
+     * returned are deleted at the same time, so this can be called at startup
+     * to do house-keeping to keep the logs from growing too large.
+     *
+     * @returns {Promise<Object[]>} Resolves to an array of objects. The array is
+     * sorted in time (oldest first) based on when the log file was created (the
+     * log ID). The objects have said log ID in an "id" field and "lines" which
+     * is a big string with all the new-line delimited logs.
+     */
+    public async consume(): Promise<{ lines: string; id: string }[]> {
+        const allLogIds = await this.fetchLogIds();
+        let removeLogIds: string[] = [];
+        const logs: { lines: string; id: string }[] = [];
+        let size = 0;
+        for (let i = 0; i < allLogIds.length; i++) {
+            const instanceId = allLogIds[i];
+            const { lines, truncated } = await this.fetchLogs(instanceId, size);
+
+            // always add the returned logs: fetchLogs will truncate once it hits the size limit,
+            // so we'll go over the max but only by one fragment's worth.
+            logs.push({ lines, id: instanceId });
+            size += lines.length;
+
+            // If fetchLogs truncated we'll now be at or over the size limit,
+            // in which case we should stop and remove the rest of the log files.
+            if (truncated) {
+                logger.log(
+                    `rageshake: reached size limit while processing instance ${i + 1}/${
+                        allLogIds.length
+                    } (${instanceId}), with ${size} bytes of logs: will drop further instances`,
+                );
+                // the remaining log IDs should be removed. If we go out of
+                // bounds this is just []
+                removeLogIds = allLogIds.slice(i + 1);
+                break;
+            }
+        }
+        if (removeLogIds.length > 0) {
+            logger.log(`rageshake: removing logs: ${removeLogIds}`);
+            // Don't await this because it's non-fatal if we can't clean up
+            // logs.
+            Promise.all(removeLogIds.map((id) => this.deleteLogs(id))).then(
+                () => {
+                    logger.log(`Removed ${removeLogIds.length} old logs.`);
+                },
+                (err) => {
+                    logger.error(err);
+                },
+            );
+        }
+        return logs;
+    }
+
+    /**
+     * Fetch all the application instance names from the database.
+     */
+    private fetchLogIds(): Promise<string[]> {
+        const db = this.db;
+        if (!db) return Promise.reject("DB unavailable");
+
+        // To gather all the log IDs, query for all records in logslastmod.
+        const o = db.transaction("logslastmod", "readonly").objectStore("logslastmod");
+        return selectQuery(o, undefined, (cursor) => {
+            return {
+                id: cursor.value.id,
+                ts: cursor.value.ts,
+            };
+        }).then((res) => {
+            // Sort IDs by timestamp (newest first)
+            return res
+                .sort((a, b) => {
+                    return b.ts - a.ts;
+                })
+                .map((a) => a.id);
+        });
+    }
+
+    /**
+     * Fetch logs for a given application instance from the database, stopping once we hit the size limit.
+     *
+     * @param id - Application instance to fetch logs for.
+     * @param sizeSoFar - Amount of logs we have already retrieved from other instances.
+     *
+     * @returns An object with the properties:
+     *  * `lines`: the concatenated logs for this ID
+     *  * `truncated`: whether the output was truncated due to hitting the size limit.
+     */
+    private fetchLogs(
+        id: string,
+        sizeSoFar: number,
+    ): Promise<{
+        lines: string;
+        truncated: boolean;
+    }> {
+        const db = this.db;
+        if (!db) return Promise.reject("DB unavailable");
+
+        const objectStore = db.transaction("logs", "readonly").objectStore("logs");
+
+        /** Determine whether we should stop collecting logs after this batch.
+         *
+         * @param sizeSoFar - The total amount of logs collected so far.
+         * @param logBatchTimestamp - The timestamp of the most recent batch of logs collected.
+         *
+         * @returns `true` if we should stop after this batch.
+         */
+        function shouldTruncateAfterLogBatch(sizeSoFar: number, logBatchTimestamp: number): boolean {
+            // First check if we have exceeded the absolute limit
+            if (sizeSoFar >= MAX_LOG_SIZE_24H) {
+                return true;
+            }
+
+            // Otherwise, check if the most recent batch is more than 24H old, and we have exceeded the limit for logs over 24H
+            if (Date.now() - logBatchTimestamp >= 24 * 3600 * 1000 && sizeSoFar >= MAX_LOG_SIZE) {
+                return true;
+            }
+
+            // Otherwise, we're good.
+            return false;
+        }
+
+        return new Promise((resolve, reject) => {
+            const query = objectStore.index("id").openCursor(IDBKeyRange.only(id), "prev");
+            let lines = "";
+            query.onerror = () => {
+                reject(new Error("Query failed: " + query.error?.message));
+            };
+            query.onsuccess = () => {
+                const cursor = query.result;
+                if (!cursor) {
+                    // end of results
+                    resolve({ lines, truncated: false });
+                    return;
+                }
+                const newLines = cursor.value.lines;
+                // The query returns log chunks in reverse time order, so prepend this new chunk to the buffer.
+                lines = newLines + lines;
+                sizeSoFar += newLines.length;
+
+                // If we have now exceeded the size limit, stop.
+                if (shouldTruncateAfterLogBatch(sizeSoFar, cursor.value.ts ?? 0)) {
+                    resolve({ lines, truncated: true });
+                } else {
+                    cursor.continue();
+                }
+            };
+        });
+    }
+
+    /**
+     * Delete logs for a given application instance.
+     *
+     * @param id - Application instance to delete logs for.
+     */
+    private deleteLogs(id: string): Promise<void> {
+        const db = this.db;
+        if (!db) return Promise.reject("DB unavailable");
+
+        return new Promise<void>((resolve, reject) => {
+            const txn = db.transaction(["logs", "logslastmod"], "readwrite");
+            const o = txn.objectStore("logs");
+            // only load the key path, not the data which may be huge
+            const query = o.index("id").openKeyCursor(IDBKeyRange.only(id));
+            query.onsuccess = () => {
+                const cursor = query.result;
+                if (!cursor) {
+                    return;
+                }
+                o.delete(cursor.primaryKey);
+                cursor.continue();
+            };
+            txn.oncomplete = () => {
+                resolve();
+            };
+            txn.onerror = () => {
+                reject(new Error(`Failed to delete logs for '${id}' : ${query.error?.message}`));
+            };
+            // delete last modified entries
+            const lastModStore = txn.objectStore("logslastmod");
+            lastModStore.delete(id);
+        });
+    }
+
+    /** Generate the object to be stored in the `logs` store */
+    private generateLogEntry(lines: string): { id: string; lines: string; index: number; ts: number } {
+        return {
+            id: this.id,
+            lines: lines,
+            index: this.index++,
+            /** The timestamp at which the line was *flushed* (not necessarily when it was written). */
+            ts: Date.now(),
+        };
+    }
+
+    private generateLastModifiedTime(): { id: string; ts: number } {
+        return {
+            id: this.id,
+            ts: Date.now(),
+        };
+    }
+}
+
+/**
+ * Helper method to collect results from a Cursor and promiseify it.
+ * @param {ObjectStore|Index} store The store to perform openCursor on.
+ * @param {IDBKeyRange=} keyRange Optional key range to apply on the cursor.
+ * @param {Function} resultMapper A function which is repeatedly called with a
+ * Cursor.
+ * Return the data you want to keep.
+ * @returns {Promise<T[]>} Resolves to an array of whatever you returned from
+ * resultMapper.
+ */
+function selectQuery<T>(
+    store: IDBIndex | IDBObjectStore,
+    keyRange: IDBKeyRange | undefined,
+    resultMapper: (cursor: IDBCursorWithValue) => T,
+): Promise<T[]> {
+    const query = store.openCursor(keyRange);
+    return new Promise((resolve, reject) => {
+        const results: T[] = [];
+        query.onerror = () => {
+            reject(new Error("Query failed: " + query.error?.message));
+        };
+        // collect results
+        query.onsuccess = () => {
+            const cursor = query.result;
+            if (!cursor) {
+                resolve(results);
+                return; // end of results
+            }
+            results.push(resultMapper(cursor));
+            cursor.continue();
+        };
+    });
+}
+
+/**
+ * Configure rage shaking support for sending bug reports.
+ * Modifies globals.
+ * @param {boolean} setUpPersistence When true (default), the persistence will
+ * be set up immediately for the logs.
+ * @returns {Promise} Resolves when set up.
+ */
+export function init(setUpPersistence = true): Promise<void> {
+    if (global.mx_rage_initPromise) {
+        return global.mx_rage_initPromise;
+    }
+    global.mx_rage_logger = new ConsoleLogger();
+    global.mx_rage_logger.monkeyPatch(window.console);
+
+    // log unhandled rejections in the rageshake
+    window.addEventListener("unhandledrejection", (event) => {
+        global.mx_rage_logger.log("error", `Unhandled promise rejection: ${event.reason}`);
+    });
+
+    if (setUpPersistence) {
+        return tryInitStorage();
+    }
+
+    global.mx_rage_initPromise = Promise.resolve();
+    return global.mx_rage_initPromise;
+}
+
+/**
+ * Try to start up the rageshake storage for logs. If not possible (client unsupported)
+ * then this no-ops.
+ * @returns {Promise} Resolves when complete.
+ */
+export function tryInitStorage(): Promise<void> {
+    if (global.mx_rage_initStoragePromise) {
+        return global.mx_rage_initStoragePromise;
+    }
+
+    logger.log("Configuring rageshake persistence...");
+
+    // just *accessing* indexedDB throws an exception in firefox with
+    // indexeddb disabled.
+    let indexedDB;
+    try {
+        indexedDB = window.indexedDB;
+    } catch {}
+
+    if (indexedDB) {
+        global.mx_rage_store = new IndexedDBLogStore(indexedDB, global.mx_rage_logger);
+        global.mx_rage_initStoragePromise = global.mx_rage_store.connect();
+
+        // Fire off a task in the background which will clean up old logs in the store
+        global.mx_rage_initStoragePromise.then(() => {
+            global.mx_rage_store.consume().catch((e) => {
+                logger.error("Error cleaning up rageshake store", e);
+            });
+        });
+
+        return global.mx_rage_initStoragePromise;
+    }
+    global.mx_rage_initStoragePromise = Promise.resolve();
+    return global.mx_rage_initStoragePromise;
+}
+
+export function flush(): void {
+    if (!global.mx_rage_store) {
+        return;
+    }
+    global.mx_rage_store.flush();
+}
+
+/**
+ * Clean up old logs.
+ *
+ * @deprecated There is no need to call this explicitly: it will be done as a side-effect of {@link tryInitStorage},
+ * or {@link init} with `setUpPersistence: true`.
+ *
+ * @returns {Promise} Resolves if cleaned logs.
+ */
+export async function cleanup(): Promise<void> {
+    if (!global.mx_rage_store) {
+        return;
+    }
+    await global.mx_rage_store.consume();
+}
+
+/**
+ * Get a recent snapshot of the logs, ready for attaching to a bug report
+ *
+ * @returns {Array<{lines: string, id, string}>}  list of log data
+ */
+export async function getLogsForReport(): Promise<{ lines: string; id: string }[]> {
+    if (!global.mx_rage_logger) {
+        throw new Error("No console logger, did you forget to call init()?");
+    }
+    // If in incognito mode, store is null, but we still want bug report
+    // sending to work going off the in-memory console logs.
+    if (global.mx_rage_store) {
+        // flush most recent logs
+        await global.mx_rage_store.flush();
+        return global.mx_rage_store.consume();
+    } else {
+        return [
+            {
+                lines: global.mx_rage_logger.flush(true),
+                id: "-",
+            },
+        ];
+    }
+}
diff --git a/apps/web/src/rageshake/submit-rageshake.ts b/apps/web/src/rageshake/submit-rageshake.ts
new file mode 100644
index 00000000000..e69c1429c34
--- /dev/null
+++ b/apps/web/src/rageshake/submit-rageshake.ts
@@ -0,0 +1,486 @@
+/*
+Copyright 2024, 2025 New Vector Ltd.
+Copyright 2019 The Matrix.org Foundation C.I.C.
+Copyright 2018 New Vector Ltd
+Copyright 2017 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.
+*/
+
+import { logger } from "matrix-js-sdk/src/logger";
+import { Method, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+
+import type * as Pako from "pako";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import PlatformPeg from "../PlatformPeg";
+import { _t } from "../languageHandler";
+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";
+import { getBrowserSupport } from "../SupportedBrowser";
+
+interface IOpts {
+    labels?: string[];
+    userText?: string;
+    sendLogs?: boolean;
+    progressCallback?: (s: string) => void;
+    customApp?: string;
+    customFields?: Record<string, string>;
+}
+
+export class RageshakeError extends Error {
+    /**
+     * This error is thrown when the rageshake server cannot process the request.
+     * @param errorcode Machine-readable error code. See https://github.com/matrix-org/rageshake/blob/main/docs/api.md
+     * @param error A human-readable error.
+     * @param statusCode The HTTP status code.
+     * @param policyURL Optional policy URL that can be presented to the user.
+     */
+    public constructor(
+        public readonly errorcode: string,
+        public readonly error: string,
+        public readonly statusCode: number,
+        public readonly policyURL?: string,
+    ) {
+        super(`The rageshake server responded with an error ${errorcode} (${statusCode}): ${error}`);
+    }
+}
+
+/**
+ * Exported only for testing.
+ * @internal public for test
+ */
+export async function collectBugReport(opts: IOpts = {}, gzipLogs = true): Promise<FormData> {
+    const progressCallback = opts.progressCallback;
+
+    progressCallback?.(_t("bug_reporting|collecting_information"));
+
+    logger.log("Sending bug report.");
+
+    const body = new FormData();
+
+    await collectBaseInformation(body, opts);
+
+    const client = MatrixClientPeg.get();
+
+    if (client) {
+        await collectClientInfo(client, body);
+    }
+
+    collectLabels(client, opts, body);
+
+    collectSettings(body);
+
+    await collectStorageStatInfo(body);
+
+    collectMissingFeatures(body);
+
+    if (opts.sendLogs) {
+        await collectLogs(body, gzipLogs, progressCallback);
+    }
+
+    return body;
+}
+
+async function getAppVersion(): Promise<string | undefined> {
+    try {
+        return await PlatformPeg.get()?.getAppVersion();
+    } catch {
+        // this happens if no version is set i.e. in dev
+    }
+}
+
+function matchesMediaQuery(query: string): string {
+    try {
+        return String(window.matchMedia(query).matches);
+    } catch {
+        // if not supported in browser
+    }
+    return "UNKNOWN";
+}
+
+/**
+ * Collects base information about the user and the app to add to the report.
+ */
+async function collectBaseInformation(body: FormData, opts: IOpts): Promise<void> {
+    const version = await getAppVersion();
+
+    const userAgent = window.navigator?.userAgent ?? "UNKNOWN";
+
+    const installedPWA = matchesMediaQuery("(display-mode: standalone)");
+    const touchInput = matchesMediaQuery("(pointer: coarse)");
+
+    body.append("text", opts.userText || "User did not supply any additional text.");
+    body.append("app", opts.customApp || "element-web");
+    body.append("version", version ?? "UNKNOWN");
+    body.append("user_agent", userAgent);
+    body.append("supported_environment", getBrowserSupport().toString());
+    body.append("installed_pwa", installedPWA);
+    body.append("touch_input", touchInput);
+
+    if (opts.customFields) {
+        for (const key in opts.customFields) {
+            body.append(key, opts.customFields[key]);
+        }
+    }
+}
+
+/**
+ * Collects client and crypto related info.
+ */
+async function collectClientInfo(client: MatrixClient, body: FormData): Promise<void> {
+    body.append("user_id", client.credentials.userId!);
+    body.append("device_id", client.deviceId!);
+
+    const cryptoApi = client.getCrypto();
+
+    if (cryptoApi) {
+        await collectCryptoInfo(cryptoApi, body);
+        await collectRecoveryInfo(client, cryptoApi, body);
+    }
+
+    await collectSynapseSpecific(client, body);
+}
+
+/**
+ * Collects information about the home server.
+ */
+async function collectSynapseSpecific(client: MatrixClient, body: FormData): Promise<void> {
+    try {
+        // XXX: This is synapse-specific but better than nothing until MSC support for a server version endpoint
+        const data = await client.http.request<Record<string, any>>(
+            Method.Get,
+            "/server_version",
+            undefined,
+            undefined,
+            {
+                prefix: "/_synapse/admin/v1",
+            },
+        );
+        Object.keys(data).forEach((key) => {
+            body.append(`matrix_hs_${key}`, data[key]);
+        });
+    } catch {
+        try {
+            // XXX: This relies on the federation listener being delegated via well-known
+            // or at the same place as the client server endpoint
+            const data = await getServerVersionFromFederationApi(client);
+            body.append("matrix_hs_name", data.server.name);
+            body.append("matrix_hs_version", data.server.version);
+        } catch {
+            try {
+                // If that fails we'll hit any endpoint and look at the server response header
+                const res = await fetch(client.http.getUrl("/login"), {
+                    method: "GET",
+                    mode: "cors",
+                });
+                if (res.headers.has("server")) {
+                    body.append("matrix_hs_server", res.headers.get("server")!);
+                }
+            } catch {
+                // Could not determine server version
+            }
+        }
+    }
+}
+
+/**
+ * Collects crypto related information.
+ */
+async function collectCryptoInfo(cryptoApi: CryptoApi, body: FormData): Promise<void> {
+    body.append("crypto_version", cryptoApi.getVersion());
+
+    const ownDeviceKeys = await cryptoApi.getOwnDeviceKeys();
+    const keys = [`curve25519:${ownDeviceKeys.curve25519}`, `ed25519:${ownDeviceKeys.ed25519}`];
+
+    body.append("device_keys", keys.join(", "));
+
+    // add cross-signing status information
+    const crossSigningStatus = await cryptoApi.getCrossSigningStatus();
+
+    body.append("cross_signing_ready", String(await cryptoApi.isCrossSigningReady()));
+    body.append("cross_signing_key", (await cryptoApi.getCrossSigningKeyId()) ?? "n/a");
+    body.append("cross_signing_privkey_in_secret_storage", String(crossSigningStatus.privateKeysInSecretStorage));
+
+    body.append("cross_signing_master_privkey_cached", String(crossSigningStatus.privateKeysCachedLocally.masterKey));
+    body.append(
+        "cross_signing_self_signing_privkey_cached",
+        String(crossSigningStatus.privateKeysCachedLocally.selfSigningKey),
+    );
+    body.append(
+        "cross_signing_user_signing_privkey_cached",
+        String(crossSigningStatus.privateKeysCachedLocally.userSigningKey),
+    );
+}
+
+/**
+ * Collects information about secret storage and backup.
+ */
+async function collectRecoveryInfo(client: MatrixClient, cryptoApi: CryptoApi, body: FormData): Promise<void> {
+    const secretStorage = client.secretStorage;
+    body.append("secret_storage_ready", String(await cryptoApi.isSecretStorageReady()));
+    body.append("secret_storage_key_in_account", String(await secretStorage.hasKey()));
+
+    body.append("session_backup_key_in_secret_storage", String(!!(await client.isKeyBackupKeyStored())));
+    const sessionBackupKeyFromCache = await cryptoApi.getSessionBackupPrivateKey();
+    body.append("session_backup_key_cached", String(!!sessionBackupKeyFromCache));
+    body.append("session_backup_key_well_formed", String(sessionBackupKeyFromCache instanceof Uint8Array));
+}
+
+/**
+ * Collects labels to add to the report.
+ */
+export function collectLabels(client: MatrixClient | null, opts: IOpts, body: FormData): void {
+    if (opts.labels) {
+        for (const label of opts.labels) {
+            body.append("label", label);
+        }
+    }
+}
+
+/**
+ * Collects some settings (lab flags and more) to add to the report.
+ */
+export function collectSettings(body: FormData): void {
+    // add labs options
+    const enabledLabs = SettingsStore.getFeatureSettingNames().filter((f) => SettingsStore.getValue(f));
+    if (enabledLabs.length) {
+        body.append("enabled_labs", enabledLabs.join(", "));
+    }
+    // if low bandwidth mode is enabled, say so over rageshake, it causes many issues
+    if (SettingsStore.getValue("lowBandwidth")) {
+        body.append("lowBandwidth", "enabled");
+    }
+
+    body.append("mx_local_settings", SettingsStore.exportForRageshake());
+}
+
+/**
+ * Collects storage statistics to add to the report.
+ */
+async function collectStorageStatInfo(body: FormData): Promise<void> {
+    // add storage persistence/quota information
+    if (navigator.storage && navigator.storage.persisted) {
+        try {
+            body.append("storageManager_persisted", String(await navigator.storage.persisted()));
+        } catch {}
+    } else if (document.hasStorageAccess) {
+        // Safari
+        try {
+            body.append("storageManager_persisted", String(await document.hasStorageAccess()));
+        } catch {}
+    }
+    if (navigator.storage && navigator.storage.estimate) {
+        try {
+            const estimate = await navigator.storage.estimate();
+            body.append("storageManager_quota", String(estimate.quota));
+            body.append("storageManager_usage", String(estimate.usage));
+            if (estimate.usageDetails) {
+                Object.keys(estimate.usageDetails).forEach((k) => {
+                    body.append(`storageManager_usage_${k}`, String(estimate.usageDetails![k]));
+                });
+            }
+        } catch {}
+    }
+}
+
+function collectMissingFeatures(body: FormData): void {
+    if (window.Modernizr) {
+        const missingFeatures = (Object.keys(window.Modernizr) as [keyof ModernizrStatic]).filter(
+            (key: keyof ModernizrStatic) => window.Modernizr[key] === false,
+        );
+        if (missingFeatures.length > 0) {
+            body.append("modernizr_missing_features", missingFeatures.join(", "));
+        }
+    }
+}
+
+/**
+ * Collects logs to add to the report if enabled.
+ */
+async function collectLogs(
+    body: FormData,
+    gzipLogs: boolean,
+    progressCallback: ((s: string) => void) | undefined,
+): Promise<void> {
+    let pako: typeof Pako | undefined;
+    if (gzipLogs) {
+        pako = await import("pako");
+    }
+
+    progressCallback?.(_t("bug_reporting|collecting_logs"));
+    const logs = await rageshake.getLogsForReport();
+    for (const entry of logs) {
+        // encode as UTF-8
+        let buf = new TextEncoder().encode(entry.lines);
+
+        // compress
+        if (pako) {
+            buf = pako.gzip(buf).slice();
+        }
+
+        body.append("compressed-log", new Blob([buf]), entry.id);
+    }
+}
+/**
+ * Send a bug report.
+ *
+ * @param {string} bugReportEndpoint HTTP url to send the report to
+ *
+ * @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
+ *
+ * @returns {Promise<string>} URL returned by the rageshake server
+ *
+ * @throws A RageshakeError when the rageshake server responds with an error. This will be `RS_UNKNOWN` if the
+ *         the server does not respond with an expected body format.
+ */
+export default async function sendBugReport(bugReportEndpoint?: string, opts: IOpts = {}): Promise<string> {
+    if (!bugReportEndpoint || bugReportEndpoint === BugReportEndpointURLLocal) {
+        throw new Error("No bug report endpoint has been set.");
+    }
+
+    const progressCallback = opts.progressCallback || ((): void => {});
+    const body = await collectBugReport(opts);
+
+    progressCallback(_t("bug_reporting|uploading_logs"));
+    return submitReport(bugReportEndpoint, body, progressCallback);
+}
+
+/**
+ * Loads a bug report into a tarball.
+ *
+ * @param opts optional dictionary of options
+ * @returns Resolves with a Tarball object.
+ */
+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);
+
+    progressCallback(_t("bug_reporting|downloading_logs"));
+    let metadata = "";
+    const tape = new Tar();
+    let i = 0;
+    for (const [key, value] of body.entries()) {
+        if (key === "compressed-log") {
+            await new Promise<void>((resolve) => {
+                const reader = new FileReader();
+                reader.addEventListener("loadend", (ev) => {
+                    tape.append(`log-${i++}.log`, new TextDecoder().decode(reader.result as ArrayBuffer));
+                    resolve();
+                });
+                reader.readAsArrayBuffer(value as Blob);
+            });
+        } else {
+            metadata += `${key} = ${value as string}\n`;
+        }
+    }
+    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
+ * @returns 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");
+    dl.href = `data:application/octet-stream;base64,${btoa(uint8ToString(tape.out))}`;
+    dl.download = "rageshake.tar";
+    document.body.appendChild(dl);
+    dl.click();
+    document.body.removeChild(dl);
+}
+
+// Source: https://github.com/beatgammit/tar-js/blob/master/examples/main.js
+function uint8ToString(buf: Uint8Array): string {
+    let out = "";
+    for (let i = 0; i < buf.length; i += 1) {
+        out += String.fromCharCode(buf[i]);
+    }
+    return out;
+}
+
+export async function submitFeedback(
+    label: string | undefined,
+    comment: string,
+    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();
+    } catch {} // PlatformPeg already logs this.
+
+    const body = new FormData();
+    if (label) body.append("label", label);
+    body.append("text", comment);
+    body.append("can_contact", canContact ? "yes" : "no");
+
+    body.append("app", "element-web");
+    body.append("version", version || "UNKNOWN");
+    body.append("platform", PlatformPeg.get()?.getHumanReadableName() ?? "n/a");
+    body.append("user_id", MatrixClientPeg.get()?.getUserId() ?? "n/a");
+
+    for (const k in extraData) {
+        body.append(k, JSON.stringify(extraData[k]));
+    }
+
+    await submitReport(bugReportEndpointUrl, body, () => {});
+}
+
+/**
+ * Submit a rageshake report to the rageshake server.
+ *
+ * @param endpoint The endpoint to call.
+ * @param body The report body.
+ * @param progressCallback A callback that will be called when the upload process has begun.
+ * @returns The URL to the public report.
+ * @throws A RageshakeError when the rageshake server responds with an error. This will be `RS_UNKNOWN` if the
+ *         the server does not respond with an expected body format.
+ */
+async function submitReport(
+    endpoint: string,
+    body: FormData,
+    progressCallback: (str: string) => void,
+): Promise<string> {
+    const req = fetch(endpoint, {
+        method: "POST",
+        body,
+        signal: AbortSignal.timeout?.(5 * 60 * 1000),
+    });
+    progressCallback(_t("bug_reporting|waiting_for_server"));
+    const response = await req;
+    if (response.headers.get("Content-Type") !== "application/json") {
+        throw new RageshakeError("UNKNOWN", "Rageshake server responded with unexpected type", response.status);
+    }
+    const data = await response.json();
+    if (response.status < 200 || response.status >= 400) {
+        if ("errcode" in data) {
+            throw new RageshakeError(data.errcode, data.error, response.status, data.policy_url);
+        }
+        throw new RageshakeError("UNKNOWN", "Rageshake server responded with unexpected type", response.status);
+    }
+    return data.report_url;
+}
diff --git a/apps/web/src/renderer/code-block.tsx b/apps/web/src/renderer/code-block.tsx
new file mode 100644
index 00000000000..d44d464eaab
--- /dev/null
+++ b/apps/web/src/renderer/code-block.tsx
@@ -0,0 +1,20 @@
+/*
+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 RendererMap } from "./utils.ts";
+import CodeBlock from "../components/views/messages/CodeBlock.tsx";
+
+/**
+ * Replaces `pre` elements with a CodeBlock component
+ */
+export const codeBlockRenderer: RendererMap = {
+    pre: (pre) => {
+        return <CodeBlock preNode={pre} />;
+    },
+};
diff --git a/apps/web/src/renderer/index.ts b/apps/web/src/renderer/index.ts
new file mode 100644
index 00000000000..92e8bc12b08
--- /dev/null
+++ b/apps/web/src/renderer/index.ts
@@ -0,0 +1,12 @@
+/*
+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 { ambiguousLinkTooltipRenderer } from "./link-tooltip";
+export { keywordPillRenderer, mentionPillRenderer } from "./pill";
+export { spoilerRenderer } from "./spoiler";
+export { codeBlockRenderer } from "./code-block";
+export { combineRenderers, type RendererMap, type Replacer } from "./utils";
diff --git a/apps/web/src/renderer/link-tooltip.tsx b/apps/web/src/renderer/link-tooltip.tsx
new file mode 100644
index 00000000000..8358d84c7f1
--- /dev/null
+++ b/apps/web/src/renderer/link-tooltip.tsx
@@ -0,0 +1,34 @@
+/*
+Copyright 2024-2025 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 { domToReact } from "html-react-parser";
+
+import LinkWithTooltip from "../components/views/elements/LinkWithTooltip";
+import { getSingleTextContentNode, type RendererMap } from "./utils.ts";
+
+/**
+ * Wraps ambiguous links in a tooltip trigger that shows the full URL.
+ */
+export const ambiguousLinkTooltipRenderer: RendererMap = {
+    a: (anchor, { isHtml }) => {
+        // Ambiguous URLs are only possible in HTML content
+        if (!isHtml) return;
+
+        const href = anchor.attribs["href"];
+        if (href && href !== getSingleTextContentNode(anchor)) {
+            let tooltip = href;
+            try {
+                tooltip = new URL(href, window.location.href).toString();
+            } catch {
+                // Not all hrefs will be valid URLs
+            }
+            return <LinkWithTooltip tooltip={tooltip}>{domToReact([anchor])}</LinkWithTooltip>;
+        }
+    },
+};
diff --git a/apps/web/src/renderer/pill.tsx b/apps/web/src/renderer/pill.tsx
new file mode 100644
index 00000000000..647dab0fb67
--- /dev/null
+++ b/apps/web/src/renderer/pill.tsx
@@ -0,0 +1,103 @@
+/*
+Copyright 2024-2025 New Vector Ltd.
+Copyright 2019-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 { RuleId } from "matrix-js-sdk/src/matrix";
+import { type Element } from "html-react-parser";
+import { textContent } from "domutils";
+import reactStringReplace from "react-string-replace";
+import { PushProcessor } from "matrix-js-sdk/src/pushprocessor";
+
+import { Pill } from "../components/views/elements/Pill";
+import { PillType } from "../components/views/elements/PillType";
+import { parsePermalink } from "../utils/permalinks/Permalinks";
+import { type PermalinkParts } from "../utils/permalinks/PermalinkConstructor";
+import { hasParentMatching, type RendererMap, type ParentNode } from "./utils.ts";
+
+const AT_ROOM_REGEX = PushProcessor.getPushRuleGlobRegex("@room", true, "gmi");
+
+/**
+ * A node here is an A element with a href attribute tag.
+ *
+ * It should be pillified if the permalink parser returns a result and one of the following conditions match:
+ * - Text content equals href. This is the case when sending a plain permalink inside a message.
+ * - The link is not from linkify (isHtml=true).
+ *   Composer completions already create an A tag.
+ */
+const shouldBePillified = (node: Element, href: string, parts: PermalinkParts | null, isHtml: boolean): boolean => {
+    // permalink parser didn't return any parts
+    if (!parts) return false;
+
+    const text = textContent(node);
+
+    // event permalink with custom label
+    if (parts.eventId && href !== text) return false;
+
+    return href === text || isHtml;
+};
+
+const isPreCode = (domNode: ParentNode | null): boolean =>
+    (domNode as Element)?.tagName === "PRE" || (domNode as Element)?.tagName === "CODE";
+
+/**
+ * Marks the text that activated a push-notification mention pattern.
+ */
+export const mentionPillRenderer: RendererMap = {
+    a: (anchor, { room, shouldShowPillAvatar, isHtml }) => {
+        if (!room) return;
+
+        const href = anchor.attribs["href"];
+        if (
+            href &&
+            !hasParentMatching(anchor, isPreCode) &&
+            shouldBePillified(anchor, href, parsePermalink(href), isHtml)
+        ) {
+            return <Pill url={href} inMessage={true} room={room} shouldShowPillAvatar={shouldShowPillAvatar} />;
+        }
+    },
+
+    [Node.TEXT_NODE]: (text, { room, mxEvent, shouldShowPillAvatar }) => {
+        if (!room || !mxEvent) return;
+
+        const atRoomRule = room.client.pushProcessor.getPushRuleById(
+            mxEvent.getContent()["m.mentions"] !== undefined ? RuleId.IsRoomMention : RuleId.AtRoomNotification,
+        );
+        if (atRoomRule && room.client.pushProcessor.ruleMatchesEvent(atRoomRule, mxEvent)) {
+            const parts = reactStringReplace(text.data, AT_ROOM_REGEX, (_match, i) => (
+                <Pill
+                    key={i}
+                    type={PillType.AtRoomMention}
+                    inMessage={true}
+                    room={room}
+                    shouldShowPillAvatar={shouldShowPillAvatar}
+                />
+            ));
+
+            if (parts.length <= 1) return; // no matches, skip replacing
+
+            return <>{parts}</>;
+        }
+    },
+};
+
+/**
+ * Marks the text that activated a push-notification keyword pattern.
+ */
+export const keywordPillRenderer: RendererMap = {
+    [Node.TEXT_NODE]: (text, { keywordRegexpPattern }) => {
+        if (!keywordRegexpPattern) return;
+
+        const parts = reactStringReplace(text.data, keywordRegexpPattern, (match, i) => (
+            <Pill key={i} text={match} type={PillType.Keyword} />
+        ));
+
+        if (parts.length <= 1) return; // no matches, skip replacing
+
+        return <>{parts}</>;
+    },
+};
diff --git a/apps/web/src/renderer/spoiler.tsx b/apps/web/src/renderer/spoiler.tsx
new file mode 100644
index 00000000000..59bc36af6fd
--- /dev/null
+++ b/apps/web/src/renderer/spoiler.tsx
@@ -0,0 +1,26 @@
+/*
+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 { domToReact, type DOMNode } from "html-react-parser";
+
+import { type RendererMap } from "./utils.ts";
+import Spoiler from "../components/views/elements/Spoiler.tsx";
+
+/**
+ * Replaces spans with `data-mx-spoiler` with a Spoiler component.
+ */
+export const spoilerRenderer: RendererMap = {
+    span: (span, params) => {
+        const reason = span.attribs["data-mx-spoiler"];
+        if (typeof reason === "string") {
+            return (
+                <Spoiler reason={reason}>{domToReact(span.children as DOMNode[], { replace: params.replace })}</Spoiler>
+            );
+        }
+    },
+};
diff --git a/apps/web/src/renderer/utils.ts b/apps/web/src/renderer/utils.ts
new file mode 100644
index 00000000000..303d7cbf117
--- /dev/null
+++ b/apps/web/src/renderer/utils.ts
@@ -0,0 +1,102 @@
+/*
+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 JSX } from "react";
+import { type DOMNode, type Element, type HTMLReactParserOptions, type Text } from "html-react-parser";
+import { type MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+
+/**
+ * The type of a parent node of an element, normally exported by domhandler but that is not a direct dependency of ours
+ */
+export type ParentNode = NonNullable<Element["parentNode"]>;
+
+/**
+ * Returns the text content of a node if it is the only child and that child is a text node
+ * @param node - the node to check
+ */
+export const getSingleTextContentNode = (node: Element): string | null => {
+    if (node.childNodes.length === 1 && node.childNodes[0].type === "text") {
+        return node.childNodes[0].data;
+    }
+    return null;
+};
+
+/**
+ * Returns true if the node has a parent that matches the given matcher
+ * @param node - the node to check
+ * @param matcher - a function that returns true if the node matches
+ */
+export const hasParentMatching = (node: Element, matcher: (node: ParentNode | null) => boolean): boolean => {
+    let parent = node.parentNode;
+    while (parent) {
+        if (matcher(parent)) return true;
+        parent = parent.parentNode;
+    }
+    return false;
+};
+
+/**
+ * A replacer function that can be used with html-react-parser
+ */
+export type Replacer = HTMLReactParserOptions["replace"];
+
+interface Parameters {
+    isHtml: boolean;
+    replace: Replacer;
+    // Required for keywordPillRenderer
+    keywordRegexpPattern?: RegExp;
+    // Required for mentionPillRenderer
+    mxEvent?: MatrixEvent;
+    room?: Room;
+    shouldShowPillAvatar?: boolean;
+}
+
+type SpecialisedReplacer<T extends DOMNode> = (
+    node: T,
+    parameters: Parameters,
+    index: number,
+) => JSX.Element | string | void;
+
+/**
+ * A map of replacer functions for different types of nodes/tags.
+ * When a function returns a JSX element, the element will be rendered in place of the node.
+ */
+export type RendererMap = Partial<
+    {
+        [tagName in keyof HTMLElementTagNameMap]: SpecialisedReplacer<Element>;
+    } & {
+        [Node.TEXT_NODE]: SpecialisedReplacer<Text>;
+    }
+>;
+
+type PreparedRenderer = (parameters: Omit<Parameters, "replace">) => Replacer;
+
+/**
+ * Combines multiple renderers into a single Replacer function
+ * @param renderers - the list of renderers to combine
+ */
+export const combineRenderers =
+    (...renderers: RendererMap[]): PreparedRenderer =>
+    (parameters) => {
+        const replace: Replacer = (node, index) => {
+            if (node.type === "text") {
+                for (const replacer of renderers) {
+                    const result = replacer[Node.TEXT_NODE]?.(node, parametersWithReplace, index);
+                    if (result) return result;
+                }
+            }
+            if (node.type === "tag") {
+                const tagName = node.tagName.toLowerCase() as keyof HTMLElementTagNameMap;
+                for (const replacer of renderers) {
+                    const result = replacer[tagName]?.(node, parametersWithReplace, index);
+                    if (result) return result;
+                }
+            }
+        };
+        const parametersWithReplace: Parameters = { ...parameters, replace };
+        return replace;
+    };
diff --git a/apps/web/src/resizer/distributors/fixed.ts b/apps/web/src/resizer/distributors/fixed.ts
new file mode 100644
index 00000000000..1820492ab76
--- /dev/null
+++ b/apps/web/src/resizer/distributors/fixed.ts
@@ -0,0 +1,67 @@
+/*
+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.
+*/
+
+import ResizeItem from "../item";
+import Sizer from "../sizer";
+import { type IConfig } from "../resizer";
+import type Resizer from "../resizer";
+
+export abstract class BaseDistributor<C extends IConfig, I extends ResizeItem<C> = ResizeItem<C>> {
+    public static createSizer(containerElement: HTMLElement, vertical: boolean, reverse: boolean): Sizer {
+        return new Sizer(containerElement, vertical, reverse);
+    }
+
+    private readonly beforeOffset: number;
+
+    public constructor(public readonly item: I) {
+        this.beforeOffset = item.offset();
+    }
+
+    public get size(): string {
+        return this.item.getSize();
+    }
+
+    public set size(size: string) {
+        this.item.setRawSize(size);
+    }
+
+    public resize(size: number): void {
+        this.item.setSize(size);
+    }
+
+    public resizeFromContainerOffset(offset: number): void {
+        this.resize(offset - this.beforeOffset);
+    }
+
+    public start(): void {
+        this.item.start();
+    }
+
+    public finish(): void {
+        this.item.finish();
+    }
+}
+
+/**
+distributors translate a moving cursor into
+CSS/DOM changes by calling the sizer
+
+they have two methods:
+    `resize` receives then new item size
+    `resizeFromContainerOffset` receives resize handle location
+        within the container bounding box. For internal use.
+        This method usually ends up calling `resize` once the start offset is subtracted.
+*/
+export default class FixedDistributor<
+    C extends IConfig,
+    I extends ResizeItem<C> = ResizeItem<C>,
+> extends BaseDistributor<C, I> {
+    public static createItem(resizeHandle: HTMLDivElement, resizer: Resizer<any>, sizer: Sizer): ResizeItem<any> {
+        return new ResizeItem(resizeHandle, resizer, sizer);
+    }
+}
diff --git a/apps/web/src/resizer/distributors/percentage.ts b/apps/web/src/resizer/distributors/percentage.ts
new file mode 100644
index 00000000000..df385868f8a
--- /dev/null
+++ b/apps/web/src/resizer/distributors/percentage.ts
@@ -0,0 +1,41 @@
+/*
+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 Sizer from "../sizer";
+import FixedDistributor from "./fixed";
+import { type IConfig } from "../resizer";
+
+class PercentageSizer extends Sizer {
+    public start(item: HTMLElement): void {
+        if (this.vertical) {
+            item.style.minHeight = "";
+        } else {
+            item.style.minWidth = "";
+        }
+    }
+
+    public finish(item: HTMLElement): void {
+        const parent = item.offsetParent as HTMLElement;
+        if (!parent) return;
+        if (this.vertical) {
+            const p = ((item.offsetHeight / parent.offsetHeight) * 100).toFixed(2) + "%";
+            item.style.minHeight = p;
+            item.style.height = p;
+        } else {
+            const p = ((item.offsetWidth / parent.offsetWidth) * 100).toFixed(2) + "%";
+            item.style.minWidth = p;
+            item.style.width = p;
+        }
+    }
+}
+
+export default class PercentageDistributor extends FixedDistributor<IConfig> {
+    public static createSizer(containerElement: HTMLElement, vertical: boolean, reverse: boolean): PercentageSizer {
+        return new PercentageSizer(containerElement, vertical, reverse);
+    }
+}
diff --git a/apps/web/src/resizer/item.ts b/apps/web/src/resizer/item.ts
new file mode 100644
index 00000000000..ed617306933
--- /dev/null
+++ b/apps/web/src/resizer/item.ts
@@ -0,0 +1,132 @@
+/*
+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.
+*/
+
+import { type IConfig } from "./resizer";
+import type Resizer from "./resizer";
+import type Sizer from "./sizer";
+
+export default class ResizeItem<C extends IConfig> {
+    public readonly domNode: HTMLElement;
+    protected readonly id: string | null;
+    protected reverse: boolean;
+
+    public constructor(
+        handle: HTMLElement,
+        public readonly resizer: Resizer<C, any>,
+        public readonly sizer: Sizer,
+        public readonly container?: HTMLElement,
+    ) {
+        this.reverse = resizer.isReverseResizeHandle(handle);
+        if (container) {
+            this.domNode = container;
+        } else {
+            this.domNode = <HTMLElement>(this.reverse ? handle.nextElementSibling : handle.previousElementSibling);
+        }
+        this.id = handle.getAttribute("data-id");
+    }
+
+    private copyWith(
+        handle: HTMLElement,
+        resizer: Resizer<C, any>,
+        sizer: Sizer,
+        container?: HTMLElement,
+    ): ResizeItem<C> {
+        const Ctor = this.constructor as typeof ResizeItem;
+        return new Ctor(handle, resizer, sizer, container);
+    }
+
+    private advance(forwards: boolean): ResizeItem<C> | undefined {
+        // opposite direction from fromResizeHandle to get back to handle
+        let handle: Element | null | undefined = this.reverse
+            ? this.domNode.previousElementSibling
+            : this.domNode.nextElementSibling;
+        const moveNext = forwards !== this.reverse; // xor
+        // iterate at least once to avoid infinite loop
+        do {
+            if (moveNext) {
+                handle = handle?.nextElementSibling;
+            } else {
+                handle = handle?.previousElementSibling;
+            }
+        } while (handle && !this.resizer.isResizeHandle(<HTMLElement>handle));
+
+        if (handle) {
+            const nextHandle = this.copyWith(<HTMLElement>handle, this.resizer, this.sizer);
+            nextHandle.reverse = this.reverse;
+            return nextHandle;
+        }
+    }
+
+    public next(): ResizeItem<C> | undefined {
+        return this.advance(true);
+    }
+
+    public previous(): ResizeItem<C> | undefined {
+        return this.advance(false);
+    }
+
+    public size(): number {
+        return this.sizer.getItemSize(this.domNode);
+    }
+
+    public offset(): number {
+        return this.sizer.getItemOffset(this.domNode);
+    }
+
+    public start(): void {
+        this.sizer.start(this.domNode);
+    }
+
+    public finish(): void {
+        this.sizer.finish(this.domNode);
+    }
+
+    public getSize(): string {
+        return this.sizer.getDesiredItemSize(this.domNode);
+    }
+
+    public setRawSize(size: string): void {
+        this.sizer.setItemSize(this.domNode, size);
+    }
+
+    public setSize(size: number): void {
+        this.setRawSize(`${Math.round(size)}px`);
+        this.resizer.config?.onResized?.(size, this.id, this.domNode);
+    }
+
+    public clearSize(): void {
+        this.sizer.clearItemSize(this.domNode);
+        this.resizer.config?.onResized?.(null, this.id, this.domNode);
+    }
+
+    public first(): ResizeItem<C> | undefined {
+        if (!this.domNode.parentElement?.children) {
+            return;
+        }
+        const firstHandle = Array.from(this.domNode.parentElement.children).find((el) => {
+            return this.resizer.isResizeHandle(<HTMLElement>el);
+        });
+        if (firstHandle) {
+            return this.copyWith(<HTMLElement>firstHandle, this.resizer, this.sizer);
+        }
+    }
+
+    public last(): ResizeItem<C> | undefined {
+        if (!this.domNode.parentElement?.children) {
+            return;
+        }
+        const lastHandle = Array.from(this.domNode.parentElement.children)
+            .reverse()
+            .find((el) => {
+                return this.resizer.isResizeHandle(<HTMLElement>el);
+            });
+        if (lastHandle) {
+            return this.copyWith(<HTMLElement>lastHandle, this.resizer, this.sizer);
+        }
+    }
+}
diff --git a/apps/web/src/resizer/resizer.ts b/apps/web/src/resizer/resizer.ts
new file mode 100644
index 00000000000..76e922b29d9
--- /dev/null
+++ b/apps/web/src/resizer/resizer.ts
@@ -0,0 +1,196 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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 { throttle } from "lodash";
+
+import type FixedDistributor from "./distributors/fixed";
+import type ResizeItem from "./item";
+import type Sizer from "./sizer";
+
+interface IClassNames {
+    // class on resize-handle
+    handle?: string;
+    // class on resize-handle
+    reverse?: string;
+    // class on resize-handle
+    vertical?: string;
+    // class on container
+    resizing?: string;
+}
+
+export interface IConfig {
+    onResizeStart?(): void;
+    onResizeStop?(): void;
+    onResized?(size: number | null, id: string | null, element: HTMLElement): void;
+    handler?: HTMLDivElement;
+}
+
+export default class Resizer<C extends IConfig, I extends ResizeItem<C> = ResizeItem<C>> {
+    private classNames: IClassNames;
+
+    // TODO move vertical/horizontal to config option/container class
+    // as it doesn't make sense to mix them within one container/Resizer
+    public constructor(
+        public container: HTMLElement | null,
+        private readonly distributorCtor: {
+            new (item: I): FixedDistributor<C, I>;
+            createItem(resizeHandle: HTMLDivElement, resizer: Resizer<C, I>, sizer: Sizer, container?: HTMLElement): I;
+            createSizer(containerElement: HTMLElement | null, vertical: boolean, reverse: boolean): Sizer;
+        },
+        public readonly config?: C,
+    ) {
+        this.classNames = {
+            handle: "resizer-handle",
+            reverse: "resizer-reverse",
+            vertical: "resizer-vertical",
+            resizing: "resizer-resizing",
+        };
+    }
+
+    public setClassNames(classNames: IClassNames): void {
+        this.classNames = classNames;
+    }
+
+    public attach(): void {
+        const attachment = this?.config?.handler?.parentElement ?? this.container;
+        attachment?.addEventListener("mousedown", this.onMouseDown, false);
+        window.addEventListener("resize", this.onResize);
+    }
+
+    public detach(): void {
+        const attachment = this?.config?.handler?.parentElement ?? this.container;
+        attachment?.removeEventListener("mousedown", this.onMouseDown, false);
+        window.removeEventListener("resize", this.onResize);
+    }
+
+    /**
+    Gives the distributor for a specific resize handle, as if you would have started
+    to drag that handle. Can be used to manipulate the size of an item programmatically.
+    @param {number} handleIndex the index of the resize handle in the container
+    @returns {FixedDistributor} a new distributor for the given handle
+    */
+    public forHandleAt(handleIndex: number): FixedDistributor<C, I> | undefined {
+        const handles = this.getResizeHandles();
+        const handle = handles[handleIndex];
+        if (handle) {
+            const { distributor } = this.createSizerAndDistributor(<HTMLDivElement>handle);
+            return distributor;
+        }
+    }
+
+    public forHandleWithId(id: string): FixedDistributor<C, I> | undefined {
+        const handles = this.getResizeHandles();
+        const handle = handles.find((h) => h.getAttribute("data-id") === id);
+        if (handle) {
+            const { distributor } = this.createSizerAndDistributor(<HTMLDivElement>handle);
+            return distributor;
+        }
+    }
+
+    public isReverseResizeHandle(el: HTMLElement): boolean {
+        return el.classList.contains(this.classNames.reverse!);
+    }
+
+    public isResizeHandle(el: HTMLElement): boolean {
+        return el.classList.contains(this.classNames.handle!);
+    }
+
+    private onMouseDown = (event: MouseEvent): void => {
+        const LEFT_MOUSE_BUTTON = 0;
+        if (event.button !== LEFT_MOUSE_BUTTON) {
+            return;
+        }
+        // use closest in case the resize handle contains
+        // child dom nodes that can be the target
+        const resizeHandle = event.target && (<HTMLDivElement>event.target).closest(`.${this.classNames.handle}`);
+        const hasHandler = this?.config?.handler;
+        // prevent that stacked resizer's are both activated with one mouse event
+        // (this is possible because the mouse events are connected to the containers not the handles)
+        if (
+            !resizeHandle || // if no resizeHandle exist / mouse event hit the container not the handle
+            (!hasHandler && resizeHandle.parentElement !== this.container) || // no handler from config -> check if the containers match
+            (hasHandler && resizeHandle !== hasHandler)
+        ) {
+            // handler from config -> check if the handlers match
+            return;
+        }
+
+        // prevent starting a drag operation
+        event.preventDefault();
+
+        // mark as currently resizing
+        if (this.classNames.resizing) {
+            this.container?.classList?.add(this.classNames.resizing);
+        }
+        this.config?.onResizeStart?.();
+
+        const { sizer, distributor } = this.createSizerAndDistributor(<HTMLDivElement>resizeHandle);
+        distributor.start();
+
+        const onMouseMove = (event: MouseEvent): void => {
+            const offset = sizer.offsetFromEvent(event);
+            distributor.resizeFromContainerOffset(offset);
+        };
+
+        const body = document.body;
+        const finishResize = (): void => {
+            if (this.classNames.resizing) {
+                this.container?.classList?.remove(this.classNames.resizing);
+            }
+            distributor.finish();
+            this.config?.onResizeStop?.();
+            body.removeEventListener("mouseup", finishResize, false);
+            document.removeEventListener("mouseleave", finishResize, false);
+            body.removeEventListener("mousemove", onMouseMove, false);
+        };
+        body.addEventListener("mouseup", finishResize, false);
+        document.addEventListener("mouseleave", finishResize, false);
+        body.addEventListener("mousemove", onMouseMove, false);
+    };
+
+    private onResize = throttle(
+        () => {
+            const distributors = this.getDistributors();
+
+            // relax all items if they had any overconstrained flexboxes
+            distributors.forEach((d) => d.start());
+            distributors.forEach((d) => d.finish());
+        },
+        100,
+        { trailing: true, leading: true },
+    );
+
+    public getDistributors = (): FixedDistributor<C, I>[] => {
+        return this.getResizeHandles().map((handle) => {
+            const { distributor } = this.createSizerAndDistributor(<HTMLDivElement>handle);
+            return distributor;
+        });
+    };
+
+    private createSizerAndDistributor(resizeHandle: HTMLDivElement): {
+        sizer: Sizer;
+        distributor: FixedDistributor<C, I>;
+    } {
+        const vertical = resizeHandle.classList.contains(this.classNames.vertical!);
+        const reverse = this.isReverseResizeHandle(resizeHandle);
+        const Distributor = this.distributorCtor;
+        const useItemContainer = this.config?.handler ? this.container : undefined;
+        const sizer = Distributor.createSizer(this.container, vertical, reverse);
+        const item = Distributor.createItem(resizeHandle, this, sizer, useItemContainer ?? undefined);
+        const distributor = new Distributor(item);
+        return { sizer, distributor };
+    }
+
+    private getResizeHandles(): HTMLElement[] {
+        if (this?.config?.handler) {
+            return [this.config.handler];
+        }
+        if (!this.container?.children) return [];
+        return Array.from(this.container.querySelectorAll(`.${this.classNames.handle}`));
+    }
+}
diff --git a/apps/web/src/resizer/sizer.ts b/apps/web/src/resizer/sizer.ts
new file mode 100644
index 00000000000..a9a8868d1cf
--- /dev/null
+++ b/apps/web/src/resizer/sizer.ts
@@ -0,0 +1,104 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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.
+*/
+
+/**
+implements DOM/CSS operations for resizing.
+The sizer determines what CSS mechanism is used for sizing items, like flexbox, ...
+*/
+export default class Sizer {
+    public constructor(
+        protected readonly container: HTMLElement,
+        protected readonly vertical: boolean,
+        protected readonly reverse: boolean,
+    ) {}
+
+    /**
+        @param {Element} item the dom element being resized
+        @returns {number} how far the edge of the item is from the edge of the container
+    */
+    public getItemOffset(item: HTMLElement): number {
+        const offset = (this.vertical ? item.offsetTop : item.offsetLeft) - this.getOffset();
+        if (this.reverse) {
+            return this.getTotalSize() - (offset + this.getItemSize(item));
+        } else {
+            return offset;
+        }
+    }
+
+    /**
+        @param {Element} item the dom element being resized
+        @returns {number} the width/height of an item in the container
+    */
+    public getItemSize(item: HTMLElement): number {
+        return this.vertical ? item.offsetHeight : item.offsetWidth;
+    }
+
+    /** @returns {number} the width/height of the container */
+    public getTotalSize(): number {
+        return this.vertical ? this.container.offsetHeight : this.container.offsetWidth;
+    }
+
+    /** @returns {number} container offset to offsetParent */
+    private getOffset(): number {
+        return this.vertical ? this.container.offsetTop : this.container.offsetLeft;
+    }
+
+    /** @returns {number} container offset to document */
+    private getPageOffset(): number {
+        let element = this.container;
+        let offset = 0;
+        while (element) {
+            const pos = this.vertical ? element.offsetTop : element.offsetLeft;
+            offset = offset + pos;
+            element = <HTMLElement>element.offsetParent;
+        }
+        return offset;
+    }
+
+    public getDesiredItemSize(item: HTMLElement): string {
+        if (this.vertical) {
+            return item.style.height;
+        } else {
+            return item.style.width;
+        }
+    }
+
+    public setItemSize(item: HTMLElement, size: string): void {
+        if (this.vertical) {
+            item.style.height = size;
+        } else {
+            item.style.width = size;
+        }
+    }
+
+    public clearItemSize(item: HTMLElement): void {
+        if (this.vertical) {
+            item.style.removeProperty("height");
+        } else {
+            item.style.removeProperty("width");
+        }
+    }
+
+    public start(item: HTMLElement): void {}
+
+    public finish(item: HTMLElement): void {}
+
+    /**
+        @param {MouseEvent} event the mouse event
+        @returns {number} the distance between the cursor and the edge of the container,
+            along the applicable axis (vertical or horizontal)
+    */
+    public offsetFromEvent(event: MouseEvent): number {
+        const pos = this.vertical ? event.pageY : event.pageX;
+        if (this.reverse) {
+            return this.getPageOffset() + this.getTotalSize() - pos;
+        } else {
+            return pos - this.getPageOffset();
+        }
+    }
+}
diff --git a/apps/web/src/sendTimePerformanceMetrics.ts b/apps/web/src/sendTimePerformanceMetrics.ts
new file mode 100644
index 00000000000..45298b2cd29
--- /dev/null
+++ b/apps/web/src/sendTimePerformanceMetrics.ts
@@ -0,0 +1,38 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type IContent, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+/**
+ * Decorates the given event content object with the "send start time". The
+ * object will be modified in-place.
+ * @param {object} content The event content.
+ */
+export function decorateStartSendingTime(content: IContent): void {
+    content["io.element.performance_metrics"] = {
+        sendStartTs: Date.now(),
+    };
+}
+
+/**
+ * Called when an event decorated with `decorateStartSendingTime()` has been sent
+ * by the server (the client now knows the event ID).
+ * @param {MatrixClient} client The client to send as.
+ * @param {string} inRoomId The room ID where the original event was sent.
+ * @param {string} forEventId The event ID for the decorated event.
+ */
+export function sendRoundTripMetric(client: MatrixClient, inRoomId: string, forEventId: string): void {
+    // noinspection JSIgnoredPromiseFromCall
+    client.sendEvent(inRoomId, "io.element.performance_metric", {
+        "io.element.performance_metrics": {
+            forEventId: forEventId,
+            responseTs: Date.now(),
+            kind: "send_time",
+        },
+    });
+}
diff --git a/apps/web/src/sentry.ts b/apps/web/src/sentry.ts
new file mode 100644
index 00000000000..d705ef7c024
--- /dev/null
+++ b/apps/web/src/sentry.ts
@@ -0,0 +1,215 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 * as Sentry from "@sentry/browser";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import SdkConfig from "./SdkConfig";
+import { MatrixClientPeg } from "./MatrixClientPeg";
+import SettingsStore from "./settings/SettingsStore";
+import { type IConfigOptions } from "./IConfigOptions";
+
+type StorageContext = {
+    storageManager_persisted?: string;
+    storageManager_quota?: string;
+    storageManager_usage?: string;
+    storageManager_usageDetails?: string;
+};
+
+type UserContext = {
+    username: string;
+    enabled_labs: string;
+    low_bandwidth: string;
+};
+
+type CryptoContext = {
+    crypto_version?: string;
+    device_keys?: string;
+    cross_signing_ready?: string;
+    cross_signing_supported_by_hs?: string;
+    cross_signing_key?: string;
+    cross_signing_privkey_in_secret_storage?: string;
+    cross_signing_master_privkey_cached?: string;
+    cross_signing_user_signing_privkey_cached?: string;
+    secret_storage_ready?: string;
+    secret_storage_key_in_account?: string;
+    session_backup_key_in_secret_storage?: string;
+    session_backup_key_cached?: string;
+    session_backup_key_well_formed?: string;
+};
+
+type DeviceContext = {
+    device_id?: string;
+    mx_local_settings: string | null;
+    modernizr_missing_features?: string;
+};
+
+type Contexts = {
+    user: UserContext;
+    crypto: CryptoContext;
+    device: DeviceContext;
+    storage: StorageContext;
+};
+
+async function getStorageContext(): Promise<StorageContext> {
+    const result: StorageContext = {};
+
+    // add storage persistence/quota information
+    if (navigator.storage && navigator.storage.persisted) {
+        try {
+            result["storageManager_persisted"] = String(await navigator.storage.persisted());
+        } catch {}
+    } else if (document.hasStorageAccess) {
+        // Safari
+        try {
+            result["storageManager_persisted"] = String(await document.hasStorageAccess());
+        } catch {}
+    }
+    if (navigator.storage && navigator.storage.estimate) {
+        try {
+            const estimate = await navigator.storage.estimate();
+            result["storageManager_quota"] = String(estimate.quota);
+            result["storageManager_usage"] = String(estimate.usage);
+            if (estimate.usageDetails) {
+                const usageDetails: string[] = [];
+                Object.keys(estimate.usageDetails).forEach((k) => {
+                    usageDetails.push(`${k}: ${String(estimate.usageDetails![k])}`);
+                });
+                result[`storageManager_usage`] = usageDetails.join(", ");
+            }
+        } catch {}
+    }
+
+    return result;
+}
+
+function getUserContext(client: MatrixClient): UserContext {
+    return {
+        username: client.credentials.userId!,
+        enabled_labs: getEnabledLabs(),
+        low_bandwidth: SettingsStore.getValue("lowBandwidth") ? "enabled" : "disabled",
+    };
+}
+
+function getEnabledLabs(): string {
+    const enabledLabs = SettingsStore.getFeatureSettingNames().filter((f) => SettingsStore.getValue(f));
+    if (enabledLabs.length) {
+        return enabledLabs.join(", ");
+    }
+    return "";
+}
+
+async function getCryptoContext(client: MatrixClient): Promise<CryptoContext> {
+    const cryptoApi = client.getCrypto();
+    if (!cryptoApi) {
+        return {};
+    }
+
+    const ownDeviceKeys = await cryptoApi.getOwnDeviceKeys();
+
+    const keys = [`curve25519:${ownDeviceKeys.curve25519}`, `ed25519:${ownDeviceKeys.ed25519}`];
+
+    const crossSigningStatus = await cryptoApi.getCrossSigningStatus();
+    const secretStorage = client.secretStorage;
+    const sessionBackupKeyFromCache = await cryptoApi.getSessionBackupPrivateKey();
+
+    return {
+        crypto_version: cryptoApi.getVersion(),
+        device_keys: keys.join(", "),
+        cross_signing_ready: String(await cryptoApi.isCrossSigningReady()),
+        cross_signing_key: (await cryptoApi.getCrossSigningKeyId()) ?? undefined,
+        cross_signing_privkey_in_secret_storage: String(crossSigningStatus.privateKeysInSecretStorage),
+        cross_signing_master_privkey_cached: String(crossSigningStatus.privateKeysCachedLocally.masterKey),
+        cross_signing_user_signing_privkey_cached: String(crossSigningStatus.privateKeysCachedLocally.userSigningKey),
+        secret_storage_ready: String(await cryptoApi.isSecretStorageReady()),
+        secret_storage_key_in_account: String(await secretStorage.hasKey()),
+        session_backup_key_in_secret_storage: String(!!(await client.isKeyBackupKeyStored())),
+        session_backup_key_cached: String(!!sessionBackupKeyFromCache),
+        session_backup_key_well_formed: String(sessionBackupKeyFromCache instanceof Uint8Array),
+    };
+}
+
+function getDeviceContext(client: MatrixClient): DeviceContext {
+    const result: DeviceContext = {
+        device_id: client?.deviceId ?? undefined,
+        mx_local_settings: SettingsStore.exportForRageshake(),
+    };
+
+    if (window.Modernizr) {
+        const missingFeatures = Object.keys(window.Modernizr).filter(
+            (key) => window.Modernizr[key as keyof ModernizrStatic] === false,
+        );
+        if (missingFeatures.length > 0) {
+            result["modernizr_missing_features"] = missingFeatures.join(", ");
+        }
+    }
+
+    return result;
+}
+
+async function getContexts(): Promise<Contexts> {
+    const client = MatrixClientPeg.safeGet();
+    return {
+        user: getUserContext(client),
+        crypto: await getCryptoContext(client),
+        device: getDeviceContext(client),
+        storage: await getStorageContext(),
+    };
+}
+
+export async function sendSentryReport(userText: string, issueUrl: string, error?: unknown): Promise<void> {
+    const sentryConfig = SdkConfig.getObject("sentry");
+    if (!sentryConfig) return;
+
+    const captureContext = {
+        contexts: await getContexts(),
+        extra: {
+            user_text: userText,
+            issue_url: issueUrl,
+        },
+    };
+
+    // If there's no error and no issueUrl, the report will just produce non-grouped noise in Sentry, so don't
+    // upload it
+    if (error) {
+        Sentry.captureException(error, captureContext);
+    } else if (issueUrl) {
+        Sentry.captureMessage(`Issue: ${issueUrl}`, captureContext);
+    }
+}
+
+export function setSentryUser(mxid: string): void {
+    if (SdkConfig.get().sentry) {
+        Sentry.setUser({ username: mxid });
+    }
+}
+
+export async function initSentry(sentryConfig: IConfigOptions["sentry"]): Promise<void> {
+    if (!sentryConfig) return;
+    const integrations = [
+        Sentry.inboundFiltersIntegration(),
+        Sentry.functionToStringIntegration(),
+        Sentry.breadcrumbsIntegration(),
+        Sentry.httpContextIntegration(),
+        Sentry.dedupeIntegration(),
+    ];
+
+    Sentry.init({
+        dsn: sentryConfig.dsn,
+        // oxlint-disable-next-line node/no-process-env
+        release: process.env.VERSION,
+        environment: sentryConfig.environment,
+        defaultIntegrations: false,
+        integrations,
+        // Set to 1.0 which is reasonable if we're only submitting Rageshakes; will need to be set < 1.0
+        // if we collect more frequently.
+        tracesSampleRate: 1.0,
+    });
+}
+
+window.mxSendSentryReport = sendSentryReport;
diff --git a/apps/web/src/serviceworker/index.ts b/apps/web/src/serviceworker/index.ts
new file mode 100644
index 00000000000..8c522ede596
--- /dev/null
+++ b/apps/web/src/serviceworker/index.ts
@@ -0,0 +1,191 @@
+/*
+Copyright 2024 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 { idbLoad } from "../utils/StorageAccess";
+import { ACCESS_TOKEN_IV, tryDecryptToken } from "../utils/tokens/tokens";
+import { buildAndEncodePickleKey } from "../utils/tokens/pickling";
+
+const serverSupportMap: {
+    [serverUrl: string]: {
+        supportsAuthedMedia: boolean;
+        cacheExpiryTimeMs: number;
+    };
+} = {};
+
+global.addEventListener("install", (event) => {
+    // We skipWaiting() to update the service worker more frequently, particularly in development environments.
+    // @ts-expect-error - service worker types are not available. See 'fetch' event handler.
+    event.waitUntil(skipWaiting());
+});
+
+global.addEventListener("activate", (event) => {
+    // We force all clients to be under our control, immediately. This could be old tabs.
+    // @ts-expect-error - service worker types are not available. See 'fetch' event handler.
+    event.waitUntil(clients.claim());
+});
+
+// @ts-expect-error - the service worker types conflict with the DOM types available through TypeScript. Many hours
+// have been spent trying to convince the type system that there's no actual conflict, but it has yet to work. Instead
+// of trying to make it do the thing, we force-cast to something close enough where we can (and ignore errors otherwise).
+global.addEventListener("fetch", (event: FetchEvent) => {
+    // This is the authenticated media (MSC3916) check, proxying what was unauthenticated to the authenticated variants.
+
+    if (event.request.method !== "GET") {
+        return; // not important to us
+    }
+
+    // Note: ideally we'd keep the request headers etc, but in practice we can't even see those details.
+    // See https://stackoverflow.com/a/59152482
+    const url = new URL(event.request.url);
+
+    // We only intercept v3 download and thumbnail requests as presumably everything else is deliberate.
+    // For example, `/_matrix/media/unstable` or `/_matrix/media/v3/preview_url` are something well within
+    // the control of the application, and appear to be choices made at a higher level than us.
+    if (
+        !url.pathname.startsWith("/_matrix/media/v3/download") &&
+        !url.pathname.startsWith("/_matrix/media/v3/thumbnail")
+    ) {
+        return; // not a URL we care about
+    }
+
+    // We need to call respondWith synchronously, otherwise we may never execute properly. This means
+    // later on we need to proxy the request through if it turns out the server doesn't support authentication.
+    event.respondWith(
+        (async (): Promise<Response> => {
+            let auth: { accessToken?: string; homeserver: string } | undefined;
+            try {
+                // Figure out which homeserver we're communicating with
+                const csApi = url.origin;
+
+                // Add jitter to reduce request spam, particularly to `/versions` on initial page load
+                await new Promise<void>((resolve) => setTimeout(() => resolve(), Math.random() * 10));
+
+                // Locate the access token and homeserver url
+                // @ts-expect-error - service worker types are not available. See 'fetch' event handler.
+                const client = await global.clients.get(event.clientId);
+                auth = await getAuthData(client);
+
+                // Is this request actually going to the homeserver?
+                const isRequestToHomeServer = url.origin === new URL(auth.homeserver).origin;
+                if (!isRequestToHomeServer) {
+                    throw new Error("Request appears to be for media endpoint but wrong homeserver!");
+                }
+
+                // Update or populate the server support map using a (usually) authenticated `/versions` call.
+                await tryUpdateServerSupportMap(csApi, auth.accessToken);
+
+                // If we have server support (and a means of authentication), rewrite the URL to use MSC3916 endpoints.
+                if (serverSupportMap[csApi].supportsAuthedMedia && auth.accessToken) {
+                    url.href = url.href.replace(/\/media\/v3\/(.*)\//, "/client/v1/media/$1/");
+                } // else by default we make no changes
+            } catch (err) {
+                // In case of some error, we stay safe by not adding the access-token to the request.
+                auth = undefined;
+                console.error("SW: Error in request rewrite.", err);
+            }
+
+            // Add authentication and send the request. We add authentication even if MSC3916 endpoints aren't
+            // being used to ensure patches like this work:
+            // https://github.com/matrix-org/synapse/commit/2390b66bf0ec3ff5ffb0c7333f3c9b239eeb92bb
+            return fetch(url, fetchConfigForToken(auth?.accessToken));
+        })(),
+    );
+});
+
+async function tryUpdateServerSupportMap(clientApiUrl: string, accessToken?: string): Promise<void> {
+    // only update if we don't know about it, or if the data is stale
+    if (serverSupportMap[clientApiUrl]?.cacheExpiryTimeMs > new Date().getTime()) {
+        return; // up to date
+    }
+
+    const config = fetchConfigForToken(accessToken);
+    const versions = await (await fetch(`${clientApiUrl}/_matrix/client/versions`, config)).json();
+    console.log(`[ServiceWorker] /versions response for '${clientApiUrl}': ${JSON.stringify(versions)}`);
+
+    serverSupportMap[clientApiUrl] = {
+        supportsAuthedMedia: Boolean(versions?.versions?.includes("v1.11")),
+        cacheExpiryTimeMs: new Date().getTime() + 2 * 60 * 60 * 1000, // 2 hours from now
+    };
+    console.log(
+        `[ServiceWorker] serverSupportMap update for '${clientApiUrl}': ${JSON.stringify(serverSupportMap[clientApiUrl])}`,
+    );
+}
+
+// Ideally we'd use the `Client` interface for `client`, but since it's not available (see 'fetch' listener), we use
+// unknown for now and force-cast it to something close enough later.
+async function getAuthData(client: unknown): Promise<{ accessToken: string; homeserver: string }> {
+    // Access tokens are encrypted at rest, so while we can grab the "access token", we'll need to do work to get the
+    // real thing.
+    const encryptedAccessToken = await idbLoad("account", "mx_access_token");
+
+    // We need to extract a user ID and device ID from localstorage, which means calling WebPlatform for the
+    // read operation. Service workers can't access localstorage.
+    const { userId, deviceId, homeserver } = await askClientForUserIdParams(client);
+
+    // ... and this is why we need the user ID and device ID: they're index keys for the pickle key table.
+    const pickleKeyData = await idbLoad("pickleKey", [userId, deviceId]);
+    if (pickleKeyData && (!pickleKeyData.encrypted || !pickleKeyData.iv || !pickleKeyData.cryptoKey)) {
+        throw new Error("SW: Invalid pickle key loaded - ignoring");
+    }
+
+    // Finally, try decrypting the thing and return that. This may fail, but that's okay.
+    try {
+        const pickleKey = await buildAndEncodePickleKey(pickleKeyData, userId, deviceId);
+        const accessToken = await tryDecryptToken(pickleKey, encryptedAccessToken, ACCESS_TOKEN_IV);
+        return { accessToken, homeserver };
+    } catch (e) {
+        throw new Error("SW: Error decrypting access token.", { cause: e });
+    }
+}
+
+// Ideally we'd use the `Client` interface for `client`, but since it's not available (see 'fetch' listener), we use
+// unknown for now and force-cast it to something close enough inside the function.
+async function askClientForUserIdParams(
+    client: unknown,
+): Promise<{ userId: string; deviceId: string; homeserver: string }> {
+    return new Promise((resolve, reject) => {
+        // Dev note: this uses postMessage, which is a highly insecure channel. postMessage is typically visible to other
+        // tabs, windows, browser extensions, etc, making it far from ideal for sharing sensitive information. This is
+        // why our service worker calculates/decrypts the access token manually: we don't want the user's access token
+        // to be available to (potentially) malicious listeners. We do require some information for that decryption to
+        // work though, and request that in the least sensitive way possible.
+        //
+        // We could also potentially use some version of TLS to encrypt postMessage, though that feels way more involved
+        // than just reading IndexedDB ourselves.
+
+        // Avoid stalling the tab in case something goes wrong.
+        const timeoutId = setTimeout(() => reject(new Error("timeout in postMessage")), 1000);
+
+        // We don't need particularly good randomness here - we just use this to generate a request ID, so we know
+        // which postMessage reply is for our active request.
+        const responseKey = Math.random().toString(36);
+
+        // Add the listener first, just in case the tab is *really* fast.
+        const listener = (event: MessageEvent): void => {
+            if (event.data?.responseKey !== responseKey) return; // not for us
+            clearTimeout(timeoutId); // do this as soon as possible, avoiding a race between resolve and reject.
+            resolve(event.data); // "unblock" the remainder of the thread, if that were such a thing in JavaScript.
+            global.removeEventListener("message", listener); // cleanup, since we're not going to do anything else.
+        };
+        global.addEventListener("message", listener);
+
+        // Ask the tab for the information we need. This is handled by WebPlatform.
+        (client as Window).postMessage({ responseKey, type: "userinfo" });
+    });
+}
+
+function fetchConfigForToken(accessToken?: string): RequestInit | undefined {
+    if (!accessToken) {
+        return undefined; // no headers/config to specify
+    }
+
+    return {
+        headers: {
+            Authorization: `Bearer ${accessToken}`,
+        },
+    };
+}
diff --git a/apps/web/src/settings/SettingLevel.ts b/apps/web/src/settings/SettingLevel.ts
new file mode 100644
index 00000000000..2904350d4d8
--- /dev/null
+++ b/apps/web/src/settings/SettingLevel.ts
@@ -0,0 +1,22 @@
+/*
+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.
+*/
+
+/**
+ * Represents the various setting levels supported by the SettingsStore.
+ */
+export enum SettingLevel {
+    // TODO: [TS] Follow naming convention
+    DEVICE = "device",
+    ROOM_DEVICE = "room-device",
+    ROOM_ACCOUNT = "room-account",
+    ACCOUNT = "account",
+    ROOM = "room",
+    PLATFORM = "platform",
+    CONFIG = "config",
+    DEFAULT = "default",
+}
diff --git a/apps/web/src/settings/Settings.tsx b/apps/web/src/settings/Settings.tsx
new file mode 100644
index 00000000000..08aac45fc7b
--- /dev/null
+++ b/apps/web/src/settings/Settings.tsx
@@ -0,0 +1,1476 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024, 2025 New Vector Ltd.
+Copyright 2018-2024 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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 { STABLE_MSC4133_EXTENDED_PROFILES, UNSTABLE_MSC4133_EXTENDED_PROFILES } from "matrix-js-sdk/src/matrix";
+import { type JsonDocument, type JsonValue } from "shared-types";
+// Import these directly from shared-components to avoid circular deps
+import { _t, _td } from "@element-hq/web-shared-components";
+
+import { type MediaPreviewConfig } from "../@types/media_preview.ts";
+import DeviceIsolationModeController from "./controllers/DeviceIsolationModeController.ts";
+import {
+    NotificationBodyEnabledController,
+    NotificationsEnabledController,
+} from "./controllers/NotificationControllers";
+import ThemeController from "./controllers/ThemeController";
+import ReloadOnChangeController from "./controllers/ReloadOnChangeController";
+import FontSizeController from "./controllers/FontSizeController";
+import SystemFontController from "./controllers/SystemFontController";
+import { SettingLevel } from "./SettingLevel";
+import type SettingController from "./controllers/SettingController";
+import { IS_MAC } from "../Keyboard";
+import UIFeatureController from "./controllers/UIFeatureController";
+import { UIFeature } from "./UIFeature";
+import { Layout } from "./enums/Layout";
+import ReducedMotionController from "./controllers/ReducedMotionController";
+import IncompatibleController from "./controllers/IncompatibleController";
+import { ImageSize } from "./enums/ImageSize";
+import { MetaSpace } from "../stores/spaces";
+import SdkConfig from "../SdkConfig";
+import SlidingSyncController from "./controllers/SlidingSyncController";
+import { FontWatcher } from "./watchers/FontWatcher";
+import ServerSupportUnstableFeatureController from "./controllers/ServerSupportUnstableFeatureController";
+import { WatchManager } from "./WatchManager";
+import { type CustomTheme } from "../theme";
+import AnalyticsController from "./controllers/AnalyticsController";
+import FallbackIceServerController from "./controllers/FallbackIceServerController";
+import { type IRightPanelForRoomStored } from "../stores/right-panel/RightPanelStoreIPanelState.ts";
+import { type ILayoutSettings } from "../stores/widgets/WidgetLayoutStore.ts";
+import { type ReleaseAnnouncementData } from "../stores/ReleaseAnnouncementStore.ts";
+import { type RecentEmojiData } from "../emojipicker/recent.ts";
+import { type Assignable } from "../@types/common.ts";
+import { SortingAlgorithm } from "../stores/room-list-v3/skip-list/sorters/index.ts";
+import MediaPreviewConfigController from "./controllers/MediaPreviewConfigController.ts";
+import InviteRulesConfigController from "./controllers/InviteRulesConfigController.ts";
+import { type ComputedInviteConfig } from "../@types/invite-rules.ts";
+import BlockInvitesConfigController from "./controllers/BlockInvitesConfigController.ts";
+import RequiresSettingsController from "./controllers/RequiresSettingsController.ts";
+import {
+    type ReorderableSection,
+    type CustomSectionsData,
+    type SectionExpansionState,
+} from "../stores/room-list-v3/section.ts";
+import { type NotificationSound } from "../Notifier.ts";
+import VideoRoomsBetaImage from "../../res/img/betas/video_rooms.png";
+
+export const defaultWatchManager = new WatchManager();
+
+// These are just a bunch of helper arrays to avoid copy/pasting a bunch of times
+const LEVELS_ROOM_SETTINGS = [
+    SettingLevel.DEVICE,
+    SettingLevel.ROOM_DEVICE,
+    SettingLevel.ROOM_ACCOUNT,
+    SettingLevel.ACCOUNT,
+    SettingLevel.CONFIG,
+];
+const LEVELS_ROOM_OR_ACCOUNT = [SettingLevel.ROOM_ACCOUNT, SettingLevel.ACCOUNT];
+const LEVELS_ROOM_SETTINGS_WITH_ROOM = [
+    SettingLevel.DEVICE,
+    SettingLevel.ROOM_DEVICE,
+    SettingLevel.ROOM_ACCOUNT,
+    SettingLevel.ACCOUNT,
+    SettingLevel.CONFIG,
+    SettingLevel.ROOM,
+];
+const LEVELS_ACCOUNT_SETTINGS = [SettingLevel.DEVICE, SettingLevel.ACCOUNT, SettingLevel.CONFIG];
+const LEVELS_DEVICE_ONLY_SETTINGS = [SettingLevel.DEVICE];
+const LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG = [SettingLevel.DEVICE, SettingLevel.CONFIG];
+const LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED = [SettingLevel.CONFIG, SettingLevel.DEVICE];
+const LEVELS_UI_FEATURE = [
+    SettingLevel.CONFIG,
+    // in future we might have a .well-known level or something
+];
+
+export enum LabGroup {
+    Messaging,
+    Profile,
+    Spaces,
+    Widgets,
+    Rooms,
+    Threads,
+    VoiceAndVideo,
+    Moderation,
+    Themes,
+    Encryption,
+    Experimental,
+    Developer,
+    Ui,
+}
+
+export enum Features {
+    NotificationSettings2 = "feature_notification_settings2",
+}
+
+export const labGroupNames: Record<LabGroup, TranslationKey> = {
+    [LabGroup.Messaging]: _td("labs|group_messaging"),
+    [LabGroup.Profile]: _td("labs|group_profile"),
+    [LabGroup.Spaces]: _td("labs|group_spaces"),
+    [LabGroup.Widgets]: _td("labs|group_widgets"),
+    [LabGroup.Rooms]: _td("labs|group_rooms"),
+    [LabGroup.Threads]: _td("labs|group_threads"),
+    [LabGroup.VoiceAndVideo]: _td("labs|group_voip"),
+    [LabGroup.Moderation]: _td("labs|group_moderation"),
+    [LabGroup.Themes]: _td("labs|group_themes"),
+    [LabGroup.Encryption]: _td("labs|group_encryption"),
+    [LabGroup.Experimental]: _td("labs|group_experimental"),
+    [LabGroup.Developer]: _td("labs|group_developer"),
+    [LabGroup.Ui]: _td("labs|group_ui"),
+};
+
+export type SettingValueType = JsonDocument | JsonValue | Record<string, unknown> | Record<string, unknown>[];
+
+export interface IBaseSetting<T extends SettingValueType = SettingValueType> {
+    isFeature?: false | undefined;
+
+    // Display names are strongly recommended for clarity.
+    // Display name can also be an object for different levels.
+    displayName?:
+        | TranslationKey
+        | Partial<{
+              [level in SettingLevel]: TranslationKey;
+          }>;
+
+    // Optional description which will be shown as microCopy under SettingsFlags
+    description?: TranslationKey | (() => ReactNode);
+
+    // The supported levels are required. Preferably, use the preset arrays
+    // at the top of this file to define this rather than a custom array.
+    supportedLevels: SettingLevel[];
+
+    // Required. Can be any data type. The value specified here should match
+    // the data being stored (ie: if a boolean is used, the setting should
+    // represent a boolean).
+    default: T;
+
+    // Optional settings controller. See SettingsController for more information.
+    controller?: SettingController;
+
+    // Optional flag to make supportedLevels be respected as the order to handle
+    // settings. The first element is treated as "most preferred". The "default"
+    // level is always appended to the end.
+    supportedLevelsAreOrdered?: boolean;
+
+    // Optional value to invert a boolean setting's value. The string given will
+    // be read as the setting's ID instead of the one provided as the key for the
+    // setting definition. By setting this, the returned value will automatically
+    // be inverted, except for when the default value is returned. Inversion will
+    // occur after the controller is asked for an override. This should be used by
+    // historical settings which we don't want existing user's values be wiped. Do
+    // not use this for new settings.
+    invertedSettingName?: string;
+
+    // XXX: Keep this around for re-use in future Betas
+    betaInfo?: {
+        title: TranslationKey;
+        caption: () => ReactNode;
+        faq?: (enabled: boolean) => ReactNode;
+        image?: string; // require(...)
+        feedbackSubheading?: TranslationKey;
+        feedbackLabel?: string;
+        extraSettings?: BooleanSettingKey[];
+        requiresRefresh?: boolean;
+    };
+
+    // Whether the setting should have a warning sign in the microcopy
+    shouldWarn?: boolean;
+
+    /**
+     * Whether the setting should be exported in a rageshake report.
+     */
+    shouldExportToRageshake?: boolean;
+
+    /**
+     * Options array for a setting controlled by a dropdown.
+     */
+    options?: {
+        value: T;
+        label: TranslationKey;
+    }[];
+}
+
+export interface IFeature extends Omit<IBaseSetting<boolean>, "isFeature"> {
+    // Must be set to true for features.
+    isFeature: true;
+    labsGroup: LabGroup;
+}
+
+// Type using I-identifier for backwards compatibility from before it became a discriminated union
+export type ISetting = IBaseSetting | IFeature;
+
+export interface Settings {
+    [settingName: `UIFeature.${string}`]: IBaseSetting<boolean>;
+
+    // We can't use the following type because of `feature_sliding_sync_proxy_url` & `feature_hidebold` being in the namespace incorrectly
+    // [settingName: `feature_${string}`]: IFeature;
+    "feature_video_rooms": IFeature;
+    [Features.NotificationSettings2]: IFeature;
+    "feature_msc3531_hide_messages_pending_moderation": IFeature;
+    "feature_latex_maths": IFeature;
+    "feature_wysiwyg_composer": IFeature;
+    "feature_mjolnir": IFeature;
+    "feature_custom_themes": IFeature;
+    "feature_exclude_insecure_devices": IFeature;
+    "feature_bridge_state": IFeature;
+    "feature_jump_to_date": IFeature;
+    "feature_sliding_sync": IBaseSetting<boolean>;
+    "feature_simplified_sliding_sync": IFeature;
+    "feature_element_call_video_rooms": IFeature;
+    "feature_disable_call_per_sender_encryption": IFeature;
+    "feature_location_share_live": IFeature;
+    "feature_dynamic_room_predecessors": IFeature;
+    "feature_render_reaction_images": IFeature;
+    "feature_retention": IFeature;
+    "feature_ask_to_join": IFeature;
+    "feature_notifications": IFeature;
+    "feature_msc4362_encrypted_state_events": IFeature;
+    "feature_user_status": IFeature;
+    "feature_login_with_qr": IFeature;
+    "feature_msc4095_url_preview_bundle": IFeature;
+    // These are in the feature namespace but aren't actually features
+    "feature_hidebold": IBaseSetting<boolean>;
+
+    "useOnlyCurrentProfiles": IBaseSetting<boolean>;
+    "mjolnirRooms": IBaseSetting<string[]>;
+    "mjolnirPersonalRoom": IBaseSetting<string | null>;
+    "RoomList.backgroundImage": IBaseSetting<string | null>;
+    "sendReadReceipts": IBaseSetting<boolean>;
+    "fontSizeDelta": IBaseSetting<number>;
+    "useCustomFontSize": IBaseSetting<boolean>;
+    "MessageComposerInput.suggestEmoji": IBaseSetting<boolean>;
+    "MessageComposerInput.showStickersButton": IBaseSetting<boolean>;
+    "MessageComposerInput.showPollsButton": IBaseSetting<boolean>;
+    "MessageComposerInput.insertTrailingColon": IBaseSetting<boolean>;
+    "Notifications.showbold": IBaseSetting<boolean>;
+    "Notifications.tac_only_notifications": IBaseSetting<boolean>;
+    "useCompactLayout": IBaseSetting<boolean>;
+    "showRedactions": IBaseSetting<boolean>;
+    "showJoinLeaves": IBaseSetting<boolean>;
+    "showAvatarChanges": IBaseSetting<boolean>;
+    "showDisplaynameChanges": IBaseSetting<boolean>;
+    "showReadReceipts": IBaseSetting<boolean>;
+    "showTwelveHourTimestamps": IBaseSetting<boolean>;
+    "alwaysShowTimestamps": IBaseSetting<boolean>;
+    "userTimezone": IBaseSetting<string>;
+    "userTimezonePublish": IBaseSetting<boolean>;
+    "autoplayGifs": IBaseSetting<boolean>;
+    "autoplayVideo": IBaseSetting<boolean>;
+    "enableSyntaxHighlightLanguageDetection": IBaseSetting<boolean>;
+    "expandCodeByDefault": IBaseSetting<boolean>;
+    "showCodeLineNumbers": IBaseSetting<boolean>;
+    "scrollToBottomOnMessageSent": IBaseSetting<boolean>;
+    "Pill.shouldShowPillAvatar": IBaseSetting<boolean>;
+    "TextualBody.enableBigEmoji": IBaseSetting<boolean>;
+    "sendTypingNotifications": IBaseSetting<boolean>;
+    "showTypingNotifications": IBaseSetting<boolean>;
+    "ctrlFForSearch": IBaseSetting<boolean>;
+    "MessageComposerInput.ctrlEnterToSend": IBaseSetting<boolean>;
+    "MessageComposerInput.surroundWith": IBaseSetting<boolean>;
+    "MessageComposerInput.autoReplaceEmoji": IBaseSetting<boolean>;
+    "MessageComposerInput.useMarkdown": IBaseSetting<boolean>;
+    "VideoView.flipVideoHorizontally": IBaseSetting<boolean>;
+    "theme": IBaseSetting<string>;
+    "custom_themes": IBaseSetting<CustomTheme[]>;
+    "use_system_theme": IBaseSetting<boolean>;
+    "useBundledEmojiFont": IBaseSetting<boolean>;
+    "useSystemFont": IBaseSetting<boolean>;
+    "systemFont": IBaseSetting<string>;
+    "webRtcAllowPeerToPeer": IBaseSetting<boolean>;
+    "enableLegacyCallsVoip": IBaseSetting<boolean>;
+    "webrtc_audiooutput": IBaseSetting<string>;
+    "webrtc_audioinput": IBaseSetting<string>;
+    "webrtc_videoinput": IBaseSetting<string>;
+    "webrtc_audio_autoGainControl": IBaseSetting<boolean>;
+    "webrtc_audio_echoCancellation": IBaseSetting<boolean>;
+    "webrtc_audio_noiseSuppression": IBaseSetting<boolean>;
+    "language": IBaseSetting<string>;
+    "breadcrumb_rooms": IBaseSetting<string[]>;
+    "recent_emoji": IBaseSetting<RecentEmojiData>;
+    "showMediaEventIds": IBaseSetting<{ [eventId: string]: boolean }>;
+    "SpotlightSearch.recentSearches": IBaseSetting<string[]>;
+    "SpotlightSearch.showNsfwPublicRooms": IBaseSetting<boolean>;
+    "room_directory_servers": IBaseSetting<string[]>;
+    "integrationProvisioning": IBaseSetting<boolean>;
+    "allowedWidgets": IBaseSetting<{ [eventId: string]: boolean }>;
+    "analyticsOptIn": IBaseSetting<boolean>;
+    "pseudonymousAnalyticsOptIn": IBaseSetting<boolean | null>;
+    "deviceClientInformationOptIn": IBaseSetting<boolean>;
+    "Registration.mobileRegistrationHelper": IBaseSetting<boolean>;
+    "autocompleteDelay": IBaseSetting<number>;
+    "readMarkerInViewThresholdMs": IBaseSetting<number>;
+    "readMarkerOutOfViewThresholdMs": IBaseSetting<number>;
+    "blacklistUnverifiedDevices": IBaseSetting<boolean>;
+    "urlPreviewsEnabled": IBaseSetting<boolean>;
+    "urlPreviewsEnabled_e2ee": IBaseSetting<boolean>;
+    "notificationsEnabled": IBaseSetting<boolean>;
+    "deviceNotificationsEnabled": IBaseSetting<boolean>;
+    "notificationSound": IBaseSetting<NotificationSound | false>;
+    "notificationBodyEnabled": IBaseSetting<boolean>;
+    "audioNotificationsEnabled": IBaseSetting<boolean>;
+    "enableWidgetScreenshots": IBaseSetting<boolean>;
+    "promptBeforeInviteUnknownUsers": IBaseSetting<boolean>;
+    "widgetOpenIDPermissions": IBaseSetting<{
+        allow?: string[];
+        deny?: string[];
+    }>;
+    "breadcrumbs": IBaseSetting<boolean>;
+    "showHiddenEventsInTimeline": IBaseSetting<boolean>;
+    /**
+     * This is the 2019-era low bandwidth that deals with disabling features of the
+     * client. It does NOT make any API or spec changes.
+     */
+    "lowBandwidth": IBaseSetting<boolean>;
+    "fallbackICEServerAllowed": IBaseSetting<boolean | null>;
+    "RoomList.preferredSorting": IBaseSetting<SortingAlgorithm>;
+    "RoomList.panelSize": IBaseSetting<number | null>;
+    "RoomList.isPanelCollapsed": IBaseSetting<boolean>;
+    "RoomList.showMessagePreview": IBaseSetting<boolean>;
+    "RightPanel.phasesGlobal": IBaseSetting<IRightPanelForRoomStored | null>;
+    "RightPanel.phases": IBaseSetting<IRightPanelForRoomStored | null>;
+    "enableEventIndexing": IBaseSetting<boolean>;
+    "crawlerSleepTime": IBaseSetting<number>;
+    "ircDisplayNameWidth": IBaseSetting<number>;
+    "layout": IBaseSetting<Layout>;
+    "Images.size": IBaseSetting<ImageSize>;
+    "showChatEffects": IBaseSetting<boolean>;
+    "Performance.addSendMessageTimingMetadata": IBaseSetting<boolean>;
+    "Widgets.pinned": IBaseSetting<{ [widgetId: string]: boolean }>;
+    "Widgets.layout": IBaseSetting<ILayoutSettings | null>;
+    "Spaces.allRoomsInHome": IBaseSetting<boolean>;
+    "Spaces.enabledMetaSpaces": IBaseSetting<Partial<Record<MetaSpace, boolean>>>;
+    "Spaces.showPeopleInSpace": IBaseSetting<boolean>;
+    "developerMode": IBaseSetting<boolean>;
+    "debug_scroll_panel": IBaseSetting<boolean>;
+    "debug_timeline_panel": IBaseSetting<boolean>;
+    "debug_registration": IBaseSetting<boolean>;
+    "debug_animation": IBaseSetting<boolean>;
+    "audioInputMuted": IBaseSetting<boolean>;
+    "videoInputMuted": IBaseSetting<boolean>;
+    "activeCallRoomIds": IBaseSetting<string[]>;
+    "releaseAnnouncementData": IBaseSetting<ReleaseAnnouncementData>;
+    "Electron.autoLaunch": IBaseSetting<"enabled" | "minimised" | "disabled">;
+    "Electron.warnBeforeExit": IBaseSetting<boolean>;
+    "Electron.alwaysShowMenuBar": IBaseSetting<boolean>;
+    "Electron.showTrayIcon": IBaseSetting<boolean>;
+    "Electron.enableHardwareAcceleration": IBaseSetting<boolean>;
+    "Electron.enableContentProtection": IBaseSetting<boolean>;
+    "mediaPreviewConfig": IBaseSetting<MediaPreviewConfig>;
+    "inviteRules": IBaseSetting<ComputedInviteConfig>;
+    "blockInvites": IBaseSetting<boolean>;
+    "Developer.elementCallUrl": IBaseSetting<string>;
+    "RoomList.CustomSectionData": IBaseSetting<CustomSectionsData>;
+    "RoomList.OrderedCustomSections": IBaseSetting<ReorderableSection[]>;
+    "RoomList.SectionExpansionState": IBaseSetting<SectionExpansionState>;
+    "RoomList.showSections": IBaseSetting<boolean>;
+}
+
+export type SettingKey = keyof Settings;
+export type FeatureSettingKey = Assignable<Settings, IFeature>;
+export type BooleanSettingKey = Assignable<Settings, IBaseSetting<boolean>> | FeatureSettingKey;
+export type NullableBooleanSettingKey = Assignable<Settings, IBaseSetting<boolean | null>> | FeatureSettingKey;
+export type StringSettingKey = Assignable<Settings, IBaseSetting<string>>;
+
+export const SETTINGS: Settings = {
+    // Used in tests only
+    "test_setting": {
+        supportedLevels: [],
+        default: "",
+    },
+
+    "feature_video_rooms": {
+        isFeature: true,
+        labsGroup: LabGroup.VoiceAndVideo,
+        displayName: _td("labs|video_rooms"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        default: false,
+        // Reload to ensure that the left panel etc. get remounted
+        controller: new ReloadOnChangeController(),
+        betaInfo: {
+            title: _td("labs|video_rooms"),
+            caption: () => (
+                <>
+                    <p>
+                        {_t("labs|video_rooms_a_new_way_to_chat", {
+                            brand: SdkConfig.get().brand,
+                        })}
+                    </p>
+                    <p>
+                        {_t("labs|video_rooms_always_on_voip_channels", {
+                            brand: SdkConfig.get().brand,
+                        })}
+                    </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"),
+            image: VideoRoomsBetaImage,
+            requiresRefresh: true,
+        },
+    },
+    [Features.NotificationSettings2]: {
+        isFeature: true,
+        labsGroup: LabGroup.Experimental,
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        displayName: _td("labs|notification_settings"),
+        default: false,
+        betaInfo: {
+            title: _td("labs|notification_settings_beta_title"),
+            caption: () => (
+                <p>
+                    {_t("labs|notification_settings_beta_caption", {
+                        brand: SdkConfig.get().brand,
+                    })}
+                </p>
+            ),
+        },
+    },
+    "feature_msc3531_hide_messages_pending_moderation": {
+        isFeature: true,
+        labsGroup: LabGroup.Moderation,
+        // Requires a reload since this setting is cached in EventUtils
+        controller: new ReloadOnChangeController(),
+        displayName: _td("labs|msc3531_hide_messages_pending_moderation"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        default: false,
+    },
+    "mediaPreviewConfig": {
+        controller: new MediaPreviewConfigController(),
+        supportedLevels: LEVELS_ROOM_SETTINGS,
+        default: MediaPreviewConfigController.default,
+    },
+    "inviteRules": {
+        controller: new InviteRulesConfigController(),
+        supportedLevels: [SettingLevel.ACCOUNT],
+        default: InviteRulesConfigController.default,
+        // Contains server names
+        shouldExportToRageshake: false,
+    },
+    "blockInvites": {
+        controller: new BlockInvitesConfigController("blockInvites", defaultWatchManager),
+        supportedLevels: [SettingLevel.ACCOUNT],
+        default: false,
+    },
+    "feature_latex_maths": {
+        isFeature: true,
+        labsGroup: LabGroup.Messaging,
+        displayName: _td("labs|latex_maths"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        default: false,
+    },
+    "feature_wysiwyg_composer": {
+        isFeature: true,
+        labsGroup: LabGroup.Messaging,
+        displayName: _td("labs|wysiwyg_composer"),
+        description: _td("labs|feature_wysiwyg_composer_description"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        default: false,
+    },
+    "feature_mjolnir": {
+        isFeature: true,
+        labsGroup: LabGroup.Moderation,
+        displayName: _td("labs|mjolnir"),
+        description: _td("labs|currently_experimental"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        default: false,
+    },
+    "feature_custom_themes": {
+        isFeature: true,
+        labsGroup: LabGroup.Themes,
+        displayName: _td("labs|custom_themes"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        default: false,
+    },
+    "feature_exclude_insecure_devices": {
+        isFeature: true,
+        labsGroup: LabGroup.Encryption,
+        controller: new DeviceIsolationModeController(),
+        displayName: _td("labs|exclude_insecure_devices"),
+        description: _td("labs|exclude_insecure_devices_description"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        default: false,
+    },
+    // Defaulted to true Feb 26, intention is to remove entirely, all being well,
+    // as this fixes bugs where display name / avatar are missing and also makes
+    // Element Web consistent with Element X.
+    "useOnlyCurrentProfiles": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|disable_historical_profile"),
+        default: true,
+    },
+    "mjolnirRooms": {
+        supportedLevels: [SettingLevel.ACCOUNT],
+        default: [],
+        // Contains room IDs
+        shouldExportToRageshake: false,
+    },
+    "mjolnirPersonalRoom": {
+        supportedLevels: [SettingLevel.ACCOUNT],
+        default: null,
+        // Contains room ID
+        shouldExportToRageshake: false,
+    },
+    "feature_bridge_state": {
+        isFeature: true,
+        labsGroup: LabGroup.Rooms,
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        displayName: _td("labs|bridge_state"),
+        default: false,
+    },
+    "feature_jump_to_date": {
+        isFeature: true,
+        labsGroup: LabGroup.Messaging,
+        displayName: _td("labs|jump_to_date"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        default: false,
+        controller: new ServerSupportUnstableFeatureController(
+            "feature_jump_to_date",
+            defaultWatchManager,
+            [["org.matrix.msc3030"], ["org.matrix.msc3030.stable"]],
+            "v1.6",
+            _td("labs|jump_to_date_msc_support"),
+        ),
+    },
+    "RoomList.backgroundImage": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        default: null,
+    },
+    "sendReadReceipts": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|send_read_receipts"),
+        default: true,
+        controller: new ServerSupportUnstableFeatureController(
+            "sendReadReceipts",
+            defaultWatchManager,
+            [["org.matrix.msc2285.stable"]],
+            "v1.4",
+            _td("settings|send_read_receipts_unsupported"),
+            true,
+        ),
+    },
+    // legacy sliding sync flag: no longer works, will error for anyone who's still using it
+    "feature_sliding_sync": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        shouldWarn: true,
+        default: false,
+    },
+    "feature_simplified_sliding_sync": {
+        isFeature: true,
+        labsGroup: LabGroup.Developer,
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        displayName: _td("labs|sliding_sync"),
+        description: _td("labs|sliding_sync_description"),
+        shouldWarn: true,
+        default: false,
+        controller: new SlidingSyncController(),
+    },
+    "feature_element_call_video_rooms": {
+        isFeature: true,
+        labsGroup: LabGroup.VoiceAndVideo,
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        displayName: _td("labs|element_call_video_rooms"),
+        controller: new ReloadOnChangeController(),
+        default: false,
+    },
+    "feature_disable_call_per_sender_encryption": {
+        isFeature: true,
+        labsGroup: LabGroup.VoiceAndVideo,
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        displayName: _td("labs|feature_disable_call_per_sender_encryption"),
+        default: false,
+    },
+    "feature_location_share_live": {
+        isFeature: true,
+        labsGroup: LabGroup.Messaging,
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        displayName: _td("labs|location_share_live"),
+        description: _td("labs|location_share_live_description"),
+        shouldWarn: true,
+        default: false,
+    },
+    "feature_dynamic_room_predecessors": {
+        isFeature: true,
+        labsGroup: LabGroup.Rooms,
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        displayName: _td("labs|dynamic_room_predecessors"),
+        description: _td("labs|dynamic_room_predecessors_description"),
+        shouldWarn: true,
+        default: false,
+    },
+    "feature_render_reaction_images": {
+        isFeature: true,
+        labsGroup: LabGroup.Messaging,
+        displayName: _td("labs|render_reaction_images"),
+        description: _td("labs|render_reaction_images_description"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        default: false,
+    },
+    "feature_login_with_qr": {
+        supportedLevels: [SettingLevel.CONFIG],
+        labsGroup: LabGroup.Ui,
+        displayName: _td("labs|login_with_qr"),
+        description: _td("labs|config_only"),
+        isFeature: true,
+        default: false,
+    },
+    "feature_msc4095_url_preview_bundle": {
+        labsGroup: LabGroup.Messaging,
+        displayName: _td("labs|url_preview_bundle"),
+        description: _td("labs|url_preview_bundle_description"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        isFeature: true,
+        default: false,
+    },
+    /**
+     * This delta is added to the browser default font size
+     */
+    "fontSizeDelta": {
+        displayName: _td("settings|appearance|font_size"),
+        supportedLevels: [SettingLevel.DEVICE],
+        default: FontWatcher.DEFAULT_DELTA,
+        controller: new FontSizeController(),
+    },
+    "useCustomFontSize": {
+        displayName: _td("settings|appearance|custom_font_size"),
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        default: false,
+    },
+    "MessageComposerInput.suggestEmoji": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|emoji_autocomplete"),
+        default: true,
+        invertedSettingName: "MessageComposerInput.dontSuggestEmoji",
+    },
+    "MessageComposerInput.showStickersButton": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|show_stickers_button"),
+        default: true,
+        controller: new UIFeatureController(UIFeature.Widgets, false),
+    },
+    "MessageComposerInput.showPollsButton": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|preferences|show_polls_button"),
+        default: true,
+    },
+    "MessageComposerInput.insertTrailingColon": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|insert_trailing_colon_mentions"),
+        default: true,
+    },
+    // Used to be a feature, name kept for backwards compat
+    "feature_hidebold": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        displayName: _td("labs|hidebold"),
+        default: false,
+    },
+    "Notifications.showbold": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        displayName: _td("settings|showbold"),
+        default: false,
+        invertedSettingName: "feature_hidebold",
+        controller: new AnalyticsController("WebSettingsNotificationsShowBoldToggle"),
+    },
+    "Notifications.tac_only_notifications": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        displayName: _td("settings|tac_only_notifications"),
+        default: true,
+        controller: new AnalyticsController("WebSettingsNotificationsTACOnlyNotificationsToggle"),
+    },
+    "feature_ask_to_join": {
+        isFeature: true,
+        labsGroup: LabGroup.Rooms,
+        default: false,
+        displayName: _td("labs|ask_to_join"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+    },
+    "feature_notifications": {
+        isFeature: true,
+        labsGroup: LabGroup.Messaging,
+        displayName: _td("labs|notifications"),
+        description: _td("labs|unrealiable_e2e"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        default: false,
+    },
+    "feature_msc4362_encrypted_state_events": {
+        isFeature: true,
+        labsGroup: LabGroup.Encryption,
+        displayName: _td("labs|encrypted_state_events"),
+        description: _td("labs|encrypted_state_events_description"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        shouldWarn: true,
+        default: false,
+    },
+    "feature_user_status": {
+        isFeature: true,
+        labsGroup: LabGroup.Profile,
+        displayName: _td("labs|feature_user_status|display_name"),
+        description: _td("labs|feature_user_status|description"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        controller: new ServerSupportUnstableFeatureController(
+            "feature_user_status",
+            defaultWatchManager,
+            [["org.matrix.msc4429"], ["org.matrix.msc4429.stable"]],
+            undefined,
+            _td("labs|feature_user_status|required_msc_support"),
+            false,
+            // We have to assume it's available during early startup because of a race:
+            // The feature is used to enable extra sync filters during MatrixClient setup
+            // and we can't check for serverside support until the client has finished setting up.
+            // Once the client has setup, (so by the time the user actually opens the labs menu) we can
+            // enforce proper checks.
+            true,
+            true,
+        ),
+        default: false,
+    },
+    "feature_retention": {
+        isFeature: true,
+        labsGroup: LabGroup.Messaging,
+        displayName: _td("labs|feature_retention|display_name"),
+        description: _td("labs|feature_retention|description"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG_PRIORITISED,
+        supportedLevelsAreOrdered: true,
+        controller: new IncompatibleController(
+            "feature_sliding_sync",
+            false,
+            true,
+            _td("labs|feature_retention|disabled_sliding_sync"),
+            true,
+        ),
+        default: false,
+    },
+    "useCompactLayout": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        displayName: _td("settings|preferences|compact_modern"),
+        default: false,
+        controller: new IncompatibleController("layout", false, (v: Layout) => v !== Layout.Group),
+    },
+    "showRedactions": {
+        supportedLevels: LEVELS_ROOM_SETTINGS_WITH_ROOM,
+        displayName: _td("settings|show_redaction_placeholder"),
+        default: true,
+        invertedSettingName: "hideRedactions",
+    },
+    "showJoinLeaves": {
+        supportedLevels: LEVELS_ROOM_SETTINGS_WITH_ROOM,
+        displayName: _td("settings|show_join_leave"),
+        default: true,
+        invertedSettingName: "hideJoinLeaves",
+    },
+    "showAvatarChanges": {
+        supportedLevels: LEVELS_ROOM_SETTINGS_WITH_ROOM,
+        displayName: _td("settings|show_avatar_changes"),
+        default: true,
+        invertedSettingName: "hideAvatarChanges",
+    },
+    "showDisplaynameChanges": {
+        supportedLevels: LEVELS_ROOM_SETTINGS_WITH_ROOM,
+        displayName: _td("settings|show_displayname_changes"),
+        default: true,
+        invertedSettingName: "hideDisplaynameChanges",
+    },
+    "showReadReceipts": {
+        supportedLevels: LEVELS_ROOM_SETTINGS,
+        displayName: _td("settings|show_read_receipts"),
+        default: true,
+        invertedSettingName: "hideReadReceipts",
+    },
+    "showTwelveHourTimestamps": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|use_12_hour_format"),
+        default: false,
+    },
+    "alwaysShowTimestamps": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|always_show_message_timestamps"),
+        default: false,
+    },
+    "userTimezone": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        displayName: _td("settings|preferences|user_timezone"),
+        default: "",
+        // Location leak
+        shouldExportToRageshake: false,
+    },
+    "userTimezonePublish": {
+        // This is per-device so you can avoid having devices overwrite each other.
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        displayName: _td("settings|preferences|publish_timezone"),
+        default: false,
+        controller: new ServerSupportUnstableFeatureController(
+            "userTimezonePublish",
+            defaultWatchManager,
+            [[UNSTABLE_MSC4133_EXTENDED_PROFILES], [STABLE_MSC4133_EXTENDED_PROFILES]],
+            undefined,
+            _td("labs|extended_profiles_msc_support"),
+        ),
+    },
+    "autoplayGifs": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|autoplay_gifs"),
+        default: false,
+    },
+    "autoplayVideo": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|autoplay_videos"),
+        default: false,
+    },
+    "enableSyntaxHighlightLanguageDetection": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|automatic_language_detection_syntax_highlight"),
+        default: false,
+    },
+    "expandCodeByDefault": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|code_block_expand_default"),
+        default: false,
+    },
+    "showCodeLineNumbers": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|code_block_line_numbers"),
+        default: true,
+    },
+    "scrollToBottomOnMessageSent": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|jump_to_bottom_on_send"),
+        default: true,
+    },
+    "Pill.shouldShowPillAvatar": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|preferences|show_avatars_pills"),
+        default: true,
+        invertedSettingName: "Pill.shouldHidePillAvatar",
+    },
+    "TextualBody.enableBigEmoji": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|big_emoji"),
+        default: true,
+        invertedSettingName: "TextualBody.disableBigEmoji",
+    },
+    "sendTypingNotifications": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|send_typing_notifications"),
+        default: true,
+        invertedSettingName: "dontSendTypingNotifications",
+    },
+    "showTypingNotifications": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|show_typing_notifications"),
+        default: true,
+    },
+    "ctrlFForSearch": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: IS_MAC ? _td("settings|use_command_f_search") : _td("settings|use_control_f_search"),
+        default: false,
+    },
+    "MessageComposerInput.ctrlEnterToSend": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: IS_MAC
+            ? _td("settings|use_command_enter_send_message")
+            : _td("settings|use_control_enter_send_message"),
+        default: false,
+    },
+    "MessageComposerInput.surroundWith": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|preferences|surround_text"),
+        default: false,
+    },
+    "MessageComposerInput.autoReplaceEmoji": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|replace_plain_emoji"),
+        default: false,
+    },
+    "MessageComposerInput.useMarkdown": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|enable_markdown"),
+        description: () => _t("settings|enable_markdown_description", {}, { code: (sub) => <code>{sub}</code> }),
+        default: true,
+    },
+    "VideoView.flipVideoHorizontally": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|voip|mirror_local_feed"),
+        default: true,
+    },
+    "theme": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        default: "light",
+        controller: new ThemeController(),
+    },
+    "custom_themes": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        default: [],
+        // Potential privacy leak via theme origin
+        shouldExportToRageshake: false,
+    },
+    "use_system_theme": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: true,
+        displayName: _td("settings|appearance|match_system_theme"),
+    },
+    "useBundledEmojiFont": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: true,
+        displayName: _td("settings|appearance|bundled_emoji_font"),
+        controller: new SystemFontController(),
+    },
+    "useSystemFont": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: false,
+        displayName: _td("settings|appearance|custom_font"),
+        controller: new SystemFontController(),
+        description: () =>
+            _t("settings|appearance|custom_font_description", {
+                brand: SdkConfig.get().brand,
+            }),
+    },
+    "systemFont": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: "",
+        displayName: _td("settings|appearance|custom_font_name"),
+        controller: new SystemFontController(),
+    },
+    "enableLegacyCallsVoip": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        displayName: _td("settings|voip|enable_legacy_calls"),
+        description: _td("settings|voip|enable_legacy_calls_description"),
+        default: true,
+    },
+    "webRtcAllowPeerToPeer": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        displayName: _td("settings|voip|allow_p2p"),
+        description: _td("settings|voip|allow_p2p_description"),
+        default: true,
+        invertedSettingName: "webRtcForceTURN",
+    },
+    "webrtc_audiooutput": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: "default",
+    },
+    "webrtc_audioinput": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: "default",
+    },
+    "webrtc_videoinput": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: "default",
+    },
+    "webrtc_audio_autoGainControl": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        displayName: _td("settings|voip|auto_gain_control"),
+        default: true,
+    },
+    "webrtc_audio_echoCancellation": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        displayName: _td("settings|voip|echo_cancellation"),
+        default: true,
+    },
+    "webrtc_audio_noiseSuppression": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        displayName: _td("settings|voip|noise_suppression"),
+        default: true,
+    },
+    "language": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        default: "en",
+        // For privacy
+        shouldExportToRageshake: false,
+    },
+    "breadcrumb_rooms": {
+        // not really a setting
+        supportedLevels: [SettingLevel.ACCOUNT],
+        default: [],
+        // Contains joined rooms
+        shouldExportToRageshake: false,
+    },
+    "recent_emoji": {
+        // not really a setting
+        supportedLevels: [SettingLevel.ACCOUNT],
+        default: [],
+        // For privacy
+        shouldExportToRageshake: false,
+    },
+    "SpotlightSearch.recentSearches": {
+        // not really a setting
+        supportedLevels: [SettingLevel.ACCOUNT],
+        default: [], // list of room IDs, most recent first
+        // For privacy
+        shouldExportToRageshake: false,
+    },
+    "showMediaEventIds": {
+        // not really a setting
+        supportedLevels: [SettingLevel.DEVICE],
+        default: {}, // List of events => is visible
+        // Exports event IDs
+        shouldExportToRageshake: false,
+    },
+    "SpotlightSearch.showNsfwPublicRooms": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|show_nsfw_content"),
+        default: false,
+    },
+    "room_directory_servers": {
+        supportedLevels: [SettingLevel.ACCOUNT],
+        default: [],
+        // Contains connected servers for user
+        shouldExportToRageshake: false,
+    },
+    "integrationProvisioning": {
+        supportedLevels: [SettingLevel.ACCOUNT],
+        default: true,
+    },
+    "allowedWidgets": {
+        supportedLevels: [SettingLevel.ROOM_ACCOUNT, SettingLevel.ROOM_DEVICE],
+        supportedLevelsAreOrdered: true,
+        default: {}, // none allowed
+        shouldExportToRageshake: false,
+    },
+    // Legacy, kept around for transitionary purposes
+    "analyticsOptIn": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        default: false,
+    },
+    "pseudonymousAnalyticsOptIn": {
+        supportedLevels: [SettingLevel.ACCOUNT],
+        displayName: _td("settings|security|send_analytics"),
+        default: null,
+    },
+    "deviceClientInformationOptIn": {
+        supportedLevels: [SettingLevel.ACCOUNT],
+        displayName: _td("settings|security|record_session_details"),
+        default: false,
+    },
+    "Registration.mobileRegistrationHelper": {
+        supportedLevels: [SettingLevel.CONFIG],
+        default: false,
+    },
+    "autocompleteDelay": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        default: 200,
+    },
+    "readMarkerInViewThresholdMs": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        default: 3000,
+    },
+    "readMarkerOutOfViewThresholdMs": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        default: 30000,
+    },
+    "blacklistUnverifiedDevices": {
+        // We specifically want to have room-device > device so that users may set a device default
+        // with a per-room override.
+        supportedLevels: [SettingLevel.ROOM_DEVICE, SettingLevel.DEVICE],
+        supportedLevelsAreOrdered: true,
+        displayName: {
+            "default": _td("settings|security|strict_encryption"),
+            "room-device": _td("room_settings|security|strict_encryption"),
+        },
+        default: false,
+        controller: new UIFeatureController(UIFeature.AdvancedEncryption),
+    },
+    "urlPreviewsEnabled": {
+        // Enabled by default and client configurable as this setting only allows unencrypted
+        // messages to be previewed.
+        supportedLevels: [SettingLevel.ROOM_DEVICE, SettingLevel.DEVICE, SettingLevel.ACCOUNT, SettingLevel.CONFIG],
+        supportedLevelsAreOrdered: true,
+        displayName: _td("settings|inline_url_previews_default"),
+        default: true,
+        controller: new RequiresSettingsController([UIFeature.URLPreviews], false, (c) => {
+            if (c["io.element.msc4452.preview_url"]?.enabled !== false) {
+                // If the capability is not listed, or explicitly true then do not disable.
+                return false;
+            }
+            return _t("common|disabled_by_homeserver");
+        }),
+    },
+    "urlPreviewsEnabled_e2ee": {
+        // Can only be enabled per-device to ensure neither the homeserver nor client config
+        // can impact the user's choices.
+        supportedLevels: [SettingLevel.DEVICE],
+        supportedLevelsAreOrdered: true,
+        displayName: _td("settings|inline_url_previews_encrypted"),
+        default: false,
+        controller: new RequiresSettingsController([UIFeature.URLPreviews, "urlPreviewsEnabled"]),
+    },
+    "notificationsEnabled": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: false,
+        controller: new NotificationsEnabledController(),
+        displayName: _td("settings|notifications|enable_desktop_notifications_session"),
+    },
+    "deviceNotificationsEnabled": {
+        supportedLevels: [SettingLevel.DEVICE],
+        default: true,
+        displayName: _td("settings|notifications|enable_notifications_device"),
+    },
+    "notificationSound": {
+        supportedLevels: LEVELS_ROOM_OR_ACCOUNT,
+        default: false,
+        // Contains personal information in file name
+        shouldExportToRageshake: false,
+    },
+    "notificationBodyEnabled": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: true,
+        controller: new NotificationBodyEnabledController(),
+        displayName: _td("settings|notifications|show_message_desktop_notification"),
+    },
+    "audioNotificationsEnabled": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: true,
+        displayName: _td("settings|notifications|enable_audible_notifications_session"),
+    },
+    "enableWidgetScreenshots": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("devtools|widget_screenshots"),
+        default: false,
+    },
+    "promptBeforeInviteUnknownUsers": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|prompt_invite"),
+        default: true,
+    },
+    "widgetOpenIDPermissions": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: {
+            allow: [],
+            deny: [],
+        },
+        // Expses widget information
+        shouldExportToRageshake: false,
+    },
+    "breadcrumbs": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        displayName: _td("settings|show_breadcrumbs"),
+        default: true,
+    },
+    "showHiddenEventsInTimeline": {
+        displayName: _td("devtools|show_hidden_events"),
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: false,
+    },
+    "lowBandwidth": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        displayName: _td("devtools|low_bandwidth_mode"),
+        description: _td("devtools|low_bandwidth_mode_description"),
+        default: false,
+        controller: new ReloadOnChangeController(),
+        shouldWarn: true,
+    },
+    "fallbackICEServerAllowed": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        description: _td("settings|voip|enable_fallback_ice_server_description"),
+        // This is a tri-state value, where `null` means "prompt the user".
+        default: null,
+        controller: new FallbackIceServerController(),
+    },
+    "RoomList.preferredSorting": {
+        supportedLevels: [SettingLevel.DEVICE],
+        default: SortingAlgorithm.Recency,
+    },
+    "RoomList.panelSize": {
+        supportedLevels: [SettingLevel.DEVICE],
+        default: null,
+    },
+    "RoomList.isPanelCollapsed": {
+        supportedLevels: [SettingLevel.DEVICE],
+        default: false,
+    },
+    "RoomList.showMessagePreview": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
+        default: false,
+        displayName: _td("settings|show_message_previews"),
+    },
+    "RoomList.showSections": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        default: true,
+        displayName: _td("settings|show_sections"),
+    },
+    "RightPanel.phasesGlobal": {
+        supportedLevels: [SettingLevel.DEVICE],
+        default: null,
+    },
+    "RightPanel.phases": {
+        supportedLevels: [SettingLevel.ROOM_DEVICE],
+        default: null,
+    },
+    "enableEventIndexing": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        displayName: _td("settings|security|enable_message_search"),
+        default: true,
+    },
+    "crawlerSleepTime": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        displayName: _td("settings|security|message_search_sleep_time"),
+        default: 3000,
+    },
+    "ircDisplayNameWidth": {
+        // We specifically want to have room-device > device so that users may set a device default
+        // with a per-room override.
+        supportedLevels: [SettingLevel.ROOM_DEVICE, SettingLevel.DEVICE],
+        supportedLevelsAreOrdered: true,
+        default: 80,
+    },
+    "layout": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        default: Layout.Group,
+    },
+    "Images.size": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        default: ImageSize.Normal,
+    },
+    "showChatEffects": {
+        supportedLevels: LEVELS_ROOM_SETTINGS_WITH_ROOM,
+        displayName: _td("settings|show_chat_effects"),
+        default: true,
+        controller: new ReducedMotionController(),
+    },
+    "Performance.addSendMessageTimingMetadata": {
+        supportedLevels: [SettingLevel.CONFIG],
+        default: false,
+    },
+    "Widgets.pinned": {
+        // deprecated
+        supportedLevels: LEVELS_ROOM_OR_ACCOUNT,
+        default: {},
+        // Sensitive information in widget ID
+        shouldExportToRageshake: false,
+    },
+    "Widgets.layout": {
+        supportedLevels: LEVELS_ROOM_OR_ACCOUNT,
+        default: {},
+    },
+    "Spaces.allRoomsInHome": {
+        displayName: _td("settings|all_rooms_home"),
+        description: _td("settings|all_rooms_home_description"),
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        default: false,
+    },
+    "Spaces.enabledMetaSpaces": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        default: {
+            [MetaSpace.Home]: true,
+        },
+    },
+    "Spaces.showPeopleInSpace": {
+        supportedLevels: [SettingLevel.ROOM_ACCOUNT],
+        default: true,
+    },
+    "developerMode": {
+        displayName: _td("devtools|developer_mode"),
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        default: false,
+    },
+    "debug_scroll_panel": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: false,
+    },
+    "debug_timeline_panel": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: false,
+    },
+    "debug_registration": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: false,
+    },
+    "debug_animation": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: false,
+    },
+    "audioInputMuted": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: false,
+    },
+    "videoInputMuted": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: false,
+    },
+    "activeCallRoomIds": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: [],
+        // Contains room IDs
+        shouldExportToRageshake: false,
+    },
+    /**
+     * Managed by the {@link ReleaseAnnouncementStore}
+     * Store the release announcement data
+     */
+    "releaseAnnouncementData": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        default: {},
+    },
+    /**
+     * Managed by the {@link RoomListStoreV3}
+     * Store the custom section data for the room list
+     */
+    "RoomList.CustomSectionData": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        default: {},
+    },
+    /**
+     * Managed by the {@link RoomListStoreV3}
+     * Store the ordering of the custom sections for the room list
+     */
+    "RoomList.OrderedCustomSections": {
+        supportedLevels: LEVELS_ACCOUNT_SETTINGS,
+        default: [],
+    },
+    /**
+     * Managed by the {@link RoomListSectionHeaderViewModel}
+     * Store the expanded/collapsed state of the room list sections, per space and per section tag
+     */
+    "RoomList.SectionExpansionState": {
+        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
+        default: {},
+    },
+    [UIFeature.RoomHistorySettings]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.AdvancedEncryption]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.URLPreviews]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.Widgets]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.LocationSharing]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.Voip]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.Feedback]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.Registration]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.PasswordReset]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.Deactivate]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.ShareQRCode]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.ShareSocial]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.IdentityServer]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+        // Identity server (discovery) settings make no sense if 3PIDs in general are hidden
+        controller: new UIFeatureController(UIFeature.ThirdPartyID),
+    },
+    [UIFeature.ThirdPartyID]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.AdvancedSettings]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.TimelineEnableRelativeDates]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.AllowCreatingPublicSpaces]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+    [UIFeature.AllowCreatingPublicRooms]: {
+        supportedLevels: LEVELS_UI_FEATURE,
+        default: true,
+    },
+
+    // Electron-specific settings, they are stored by Electron and set/read over an IPC.
+    // We store them over there are they are necessary to know before the renderer process launches.
+    "Electron.autoLaunch": {
+        supportedLevels: [SettingLevel.PLATFORM],
+        displayName: _td("settings|start_automatically|label"),
+        options: [
+            { value: "enabled", label: _td("settings|start_automatically|enabled") },
+            { value: "disabled", label: _td("settings|start_automatically|disabled") },
+            { value: "minimised", label: _td("settings|start_automatically|minimised") },
+        ],
+        default: "disabled",
+    },
+    "Electron.warnBeforeExit": {
+        supportedLevels: [SettingLevel.PLATFORM],
+        displayName: _td("settings|warn_quit"),
+        default: true,
+    },
+    "Electron.alwaysShowMenuBar": {
+        supportedLevels: [SettingLevel.PLATFORM],
+        displayName: _td("settings|preferences|always_show_menu_bar"),
+        default: false,
+    },
+    "Electron.showTrayIcon": {
+        supportedLevels: [SettingLevel.PLATFORM],
+        displayName: _td("settings|preferences|enable_tray_icon"),
+        default: true,
+    },
+    "Electron.enableHardwareAcceleration": {
+        supportedLevels: [SettingLevel.PLATFORM],
+        displayName: _td("settings|preferences|enable_hardware_acceleration"),
+        default: true,
+    },
+    "Electron.enableContentProtection": {
+        supportedLevels: [SettingLevel.PLATFORM],
+        displayName: _td("settings|preferences|enable_content_protection"),
+        default: false,
+    },
+    "Developer.elementCallUrl": {
+        supportedLevels: [SettingLevel.DEVICE],
+        displayName: _td("devtools|settings|elementCallUrl"),
+        default: "",
+    },
+};
diff --git a/apps/web/src/settings/SettingsStore.test.ts b/apps/web/src/settings/SettingsStore.test.ts
new file mode 100644
index 00000000000..d5f655c7cb0
--- /dev/null
+++ b/apps/web/src/settings/SettingsStore.test.ts
@@ -0,0 +1,170 @@
+/*
+Copyright 2024, 2025 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeAll, beforeEach, afterEach } from "vitest";
+import { ClientEvent, type MatrixClient, type Room, SyncState } from "matrix-js-sdk/src/matrix";
+import { waitFor } from "test-utils-rtl";
+
+import type BasePlatform from "../BasePlatform";
+import SdkConfig from "../SdkConfig";
+import { SettingLevel } from "./SettingLevel";
+import SettingsStore from "./SettingsStore";
+import { mkStubRoom, mockPlatformPeg, stubClient } from "../../test/test-utils";
+import { SETTINGS, type SettingKey } from "./Settings.tsx";
+import MatrixClientBackedController from "./controllers/MatrixClientBackedController.ts";
+
+const TEST_DATA = [
+    {
+        name: "Electron.showTrayIcon" as SettingKey,
+        level: SettingLevel.PLATFORM,
+        value: true,
+    },
+];
+
+/**
+ * An existing setting that has {@link IBaseSetting#supportedLevelsAreOrdered} set to true.
+ */
+const SETTING_NAME_WITH_CONFIG_OVERRIDE = "feature_msc3531_hide_messages_pending_moderation";
+
+describe("SettingsStore", () => {
+    let platformSettings: Record<string, any>;
+
+    beforeAll(() => {
+        vi.clearAllMocks();
+        platformSettings = {};
+        mockPlatformPeg({
+            isLevelSupported: vi.fn().mockReturnValue(true),
+            supportsSetting: vi.fn().mockReturnValue(true),
+            setSettingValue: vi.fn().mockImplementation((settingName: string, value: any) => {
+                platformSettings[settingName] = value;
+            }),
+            getSettingValue: vi.fn().mockImplementation((settingName: string) => {
+                return platformSettings[settingName];
+            }),
+            reload: vi.fn(),
+        } as unknown as BasePlatform);
+
+        TEST_DATA.forEach((d) => {
+            SettingsStore.setValue(d.name, null, d.level, d.value);
+        });
+    });
+
+    beforeEach(() => {
+        SdkConfig.reset();
+        SettingsStore.reset();
+    });
+
+    describe("getValueAt", () => {
+        TEST_DATA.forEach((d) => {
+            it(`should return the value "${d.level}"."${d.name}"`, () => {
+                expect(SettingsStore.getValueAt(d.level, d.name)).toBe(d.value);
+                // regression test #22545
+                expect(SettingsStore.getValueAt(d.level, d.name)).toBe(d.value);
+            });
+        });
+
+        it(`supportedLevelsAreOrdered correctly overrides setting`, async () => {
+            SdkConfig.put({
+                features: {
+                    [SETTING_NAME_WITH_CONFIG_OVERRIDE]: false,
+                },
+            });
+            await SettingsStore.setValue(SETTING_NAME_WITH_CONFIG_OVERRIDE, null, SettingLevel.DEVICE, true);
+            expect(SettingsStore.getValue(SETTING_NAME_WITH_CONFIG_OVERRIDE)).toBe(false);
+        });
+
+        it(`supportedLevelsAreOrdered doesn't incorrectly override setting`, async () => {
+            await SettingsStore.setValue(SETTING_NAME_WITH_CONFIG_OVERRIDE, null, SettingLevel.DEVICE, true);
+            expect(SettingsStore.getValueAt(SettingLevel.DEVICE, SETTING_NAME_WITH_CONFIG_OVERRIDE)).toBe(true);
+        });
+    });
+
+    describe("exportForRageshake", () => {
+        it("should not export settings marked as non-exportable", async () => {
+            await SettingsStore.setValue("userTimezone", null, SettingLevel.DEVICE, "Europe/London");
+            const values = JSON.parse(SettingsStore.exportForRageshake()) as Record<SettingKey, unknown>;
+            for (const exportedKey of Object.keys(values) as SettingKey[]) {
+                expect(SETTINGS[exportedKey].shouldExportToRageshake).not.toEqual(false);
+            }
+        });
+    });
+
+    describe("runMigrations", () => {
+        let client: MatrixClient;
+        let room: Room;
+
+        beforeEach(() => {
+            client = stubClient();
+            room = mkStubRoom("!room:example.org", "Room", client);
+            client.getRooms = vi.fn().mockReturnValue([room]);
+            client.getRoom = vi.fn().mockReturnValue(room);
+        });
+
+        afterEach(() => {
+            vi.restoreAllMocks();
+        });
+
+        describe("Migrate media preview configuration", () => {
+            beforeEach(() => {
+                MatrixClientBackedController.matrixClient = client;
+                client.getAccountData = vi.fn().mockImplementation((type) => {
+                    if (type === "im.vector.web.settings") {
+                        return {
+                            getContent: vi.fn().mockReturnValue({
+                                showImages: false,
+                                showAvatarsOnInvites: false,
+                            }),
+                        };
+                    } else {
+                        return undefined;
+                    }
+                });
+            });
+
+            it("migrates media preview configuration immediately", async () => {
+                client.setAccountData = vi.fn();
+                SettingsStore.runMigrations(false);
+                expect(client.setAccountData).toHaveBeenCalledWith("io.element.msc4278.media_preview_config", {
+                    invite_avatars: "off",
+                    media_previews: "off",
+                });
+            });
+            it("migrates media preview configuration once client is ready", async () => {
+                client.setAccountData = vi.fn();
+                const mockInitialSync = (client.isInitialSyncComplete = vi.fn().mockReturnValue(false));
+                SettingsStore.runMigrations(false);
+                mockInitialSync.mockReturnValue(true);
+                client.emit(ClientEvent.Sync, SyncState.Prepared, null);
+                // Update is asynchronous
+                await waitFor(() => {
+                    expect(client.setAccountData).toHaveBeenCalledWith("io.element.msc4278.media_preview_config", {
+                        invite_avatars: "off",
+                        media_previews: "off",
+                    });
+                });
+            });
+
+            it("does not migrate media preview configuration if the session is fresh", async () => {
+                client.setAccountData = vi.fn();
+                SettingsStore.runMigrations(true);
+                client.emit(ClientEvent.Sync, SyncState.Prepared, null);
+                expect(client.setAccountData).not.toHaveBeenCalled();
+            });
+
+            it("does not migrate media preview configuration if the account data is already set", async () => {
+                client.setAccountData = vi.fn();
+                client.getAccountData = vi.fn().mockReturnValue({});
+                SettingsStore.runMigrations(false);
+                client.emit(ClientEvent.Sync, SyncState.Prepared, null);
+                expect(client.setAccountData).not.toHaveBeenCalled();
+            });
+        });
+    });
+});
diff --git a/apps/web/src/settings/SettingsStore.ts b/apps/web/src/settings/SettingsStore.ts
new file mode 100644
index 00000000000..b0342692da5
--- /dev/null
+++ b/apps/web/src/settings/SettingsStore.ts
@@ -0,0 +1,893 @@
+/*
+Copyright 2024, 2025 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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 { logger } from "matrix-js-sdk/src/logger";
+import { type ReactNode } from "react";
+import { ClientEvent } from "matrix-js-sdk/src/matrix";
+// Imports directly from shared-components to avoid an import cycle
+import { _t } from "@element-hq/web-shared-components";
+
+import DeviceSettingsHandler from "./handlers/DeviceSettingsHandler";
+import RoomDeviceSettingsHandler from "./handlers/RoomDeviceSettingsHandler";
+import DefaultSettingsHandler from "./handlers/DefaultSettingsHandler";
+import RoomAccountSettingsHandler from "./handlers/RoomAccountSettingsHandler";
+import AccountSettingsHandler from "./handlers/AccountSettingsHandler";
+import RoomSettingsHandler from "./handlers/RoomSettingsHandler";
+import ConfigSettingsHandler from "./handlers/ConfigSettingsHandler";
+import dis from "../dispatcher/dispatcher";
+import {
+    type IFeature,
+    type ISetting,
+    type LabGroup,
+    SETTINGS,
+    defaultWatchManager,
+    type SettingKey,
+    type Settings,
+} from "./Settings";
+import LocalEchoWrapper from "./handlers/LocalEchoWrapper";
+import { type CallbackFn as WatchCallbackFn } from "./WatchManager";
+import { SettingLevel } from "./SettingLevel";
+import type SettingsHandler from "./handlers/SettingsHandler";
+import { type SettingUpdatedPayload } from "../dispatcher/payloads/SettingUpdatedPayload";
+import { Action } from "../dispatcher/actions";
+import PlatformSettingsHandler from "./handlers/PlatformSettingsHandler";
+import ReloadOnChangeController from "./controllers/ReloadOnChangeController";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { MediaPreviewValue } from "../@types/media_preview";
+import SettingController from "./controllers/SettingController.ts";
+
+// Convert the settings to easier to manage objects for the handlers
+const defaultSettings: Record<string, any> = {};
+const invertedDefaultSettings: Record<string, boolean> = {};
+const featureNames: SettingKey[] = [];
+for (const key in SETTINGS) {
+    const setting = SETTINGS[key as SettingKey];
+    defaultSettings[key] = setting.default;
+    if (setting.isFeature) featureNames.push(key as SettingKey);
+    if (setting.invertedSettingName) {
+        // Invert now so that the rest of the system will invert it back to what was intended.
+        invertedDefaultSettings[setting.invertedSettingName] = !setting.default;
+    }
+}
+
+// Only wrap the handlers with async setters in a local echo wrapper
+const LEVEL_HANDLERS: Record<SettingLevel, SettingsHandler> = {
+    [SettingLevel.DEVICE]: new DeviceSettingsHandler(featureNames, defaultWatchManager),
+    [SettingLevel.ROOM_DEVICE]: new RoomDeviceSettingsHandler(defaultWatchManager),
+    [SettingLevel.ROOM_ACCOUNT]: new LocalEchoWrapper(
+        new RoomAccountSettingsHandler(defaultWatchManager),
+        SettingLevel.ROOM_ACCOUNT,
+    ),
+    [SettingLevel.ACCOUNT]: new LocalEchoWrapper(new AccountSettingsHandler(defaultWatchManager), SettingLevel.ACCOUNT),
+    [SettingLevel.ROOM]: new LocalEchoWrapper(new RoomSettingsHandler(defaultWatchManager), SettingLevel.ROOM),
+    [SettingLevel.PLATFORM]: new LocalEchoWrapper(new PlatformSettingsHandler(), SettingLevel.PLATFORM),
+    [SettingLevel.CONFIG]: new ConfigSettingsHandler(featureNames),
+    [SettingLevel.DEFAULT]: new DefaultSettingsHandler(defaultSettings, invertedDefaultSettings),
+};
+
+export const LEVEL_ORDER = [
+    SettingLevel.DEVICE,
+    SettingLevel.ROOM_DEVICE,
+    SettingLevel.ROOM_ACCOUNT,
+    SettingLevel.ACCOUNT,
+    SettingLevel.ROOM,
+    SettingLevel.CONFIG,
+    SettingLevel.DEFAULT,
+];
+
+function getLevelOrder(setting: Settings[keyof Settings]): SettingLevel[] {
+    // Settings which support only a single setting level are inherently ordered
+    if (setting.supportedLevelsAreOrdered || setting.supportedLevels.length === 1) {
+        // return a copy to prevent callers from modifying the array
+        return [...setting.supportedLevels];
+    }
+    return LEVEL_ORDER;
+}
+
+export type CallbackFn<S extends SettingKey> = (
+    settingName: S,
+    roomId: string | null,
+    atLevel: SettingLevel,
+    newValAtLevel: Settings[S]["default"] | null,
+    newVal: Settings[S]["default"] | null,
+) => void;
+
+type HandlerMap = Partial<{
+    [level in SettingLevel]: SettingsHandler;
+}>;
+
+/**
+ * Controls and manages application settings by providing varying levels at which the
+ * setting value may be specified. The levels are then used to determine what the setting
+ * value should be given a set of circumstances. The levels, in priority order, are:
+ * - SettingLevel.DEVICE         - Values are determined by the current device
+ * - SettingLevel.ROOM_DEVICE    - Values are determined by the current device for a particular room
+ * - SettingLevel.ROOM_ACCOUNT   - Values are determined by the current account for a particular room
+ * - SettingLevel.ACCOUNT        - Values are determined by the current account
+ * - SettingLevel.ROOM           - Values are determined by a particular room (by the room admins)
+ * - SettingLevel.CONFIG         - Values are determined by the config.json
+ * - SettingLevel.DEFAULT        - Values are determined by the hardcoded defaults
+ *
+ * Each level has a different method to storing the setting value. For implementation
+ * specific details, please see the handlers. The "config" and "default" levels are
+ * both always supported on all platforms. All other settings should be guarded by
+ * isLevelSupported() prior to attempting to set the value.
+ *
+ * Settings can also represent features. Features are significant portions of the
+ * application that warrant a dedicated setting to toggle them on or off. Features are
+ * special-cased to ensure that their values respect the configuration (for example, a
+ * feature may be reported as disabled even though a user has specifically requested it
+ * be enabled).
+ */
+// oxlint-disable-next-line typescript/no-extraneous-class
+export default class SettingsStore {
+    // We support watching settings for changes, and do this by tracking which callbacks have
+    // been given to us. We end up returning the callbackRef to the caller so they can unsubscribe
+    // at a later point.
+    //
+    // We also maintain a list of monitors which are special watchers: they cause dispatches
+    // when the setting changes. We track which rooms we're monitoring though to ensure we
+    // don't duplicate updates on the bus.
+    private static watchers = new Map<string, WatchCallbackFn>();
+    private static monitors = new Map<string, Map<string | null, string>>(); // { settingName => { roomId => callbackRef } }
+
+    // Counter used for generation of watcher IDs
+    private static watcherCount = 1;
+
+    public static reset(): void {
+        for (const handler of Object.values(LEVEL_HANDLERS)) {
+            handler.reset();
+        }
+    }
+
+    /**
+     * Gets all the feature-style setting names.
+     * @returns {string[]} The names of the feature settings.
+     */
+    public static getFeatureSettingNames(): SettingKey[] {
+        return (Object.keys(SETTINGS) as SettingKey[]).filter((n) => SettingsStore.isFeature(n));
+    }
+
+    /**
+     * Watches for changes in a particular setting. This is done without any local echo
+     * wrapping and fires whenever a change is detected in a setting's value, at any level.
+     * Watching is intended to be used in scenarios where the app needs to react to changes
+     * made by other devices. It is otherwise expected that callers will be able to use the
+     * Controller system or track their own changes to settings. Callers should retain the
+     * returned reference to later unsubscribe from updates.
+     * @param {string} settingName The setting name to watch
+     * @param {String} roomId The room ID to watch for changes in. May be null for 'all'.
+     * @param {function} callbackFn A function to be called when a setting change is
+     * detected. Five arguments can be expected: the setting name, the room ID (may be null),
+     * the level the change happened at, the new value at the given level, and finally the new
+     * value for the setting regardless of level. The callback is responsible for determining
+     * if the change in value is worthwhile enough to react upon.
+     * @returns {string} A reference to the watcher that was employed.
+     */
+    public static watchSetting<S extends SettingKey>(
+        settingName: S,
+        roomId: string | null,
+        callbackFn: CallbackFn<S>,
+    ): string {
+        const setting = SETTINGS[settingName];
+        if (!setting) throw new Error(`${settingName} is not a setting`);
+
+        const finalSettingName: string = setting.invertedSettingName ?? settingName;
+
+        const watcherId = `${new Date().getTime()}_${SettingsStore.watcherCount++}_${finalSettingName}_${roomId}`;
+
+        const localizedCallback = (
+            changedInRoomId: string | null,
+            atLevel: SettingLevel,
+            newValAtLevel: Settings[S]["default"],
+        ): void => {
+            if (!SettingsStore.doesSettingSupportLevel(settingName, atLevel)) {
+                logger.warn(
+                    `Setting handler notified for an update of an invalid setting level: ` +
+                        `${settingName}@${atLevel} - this likely means a weird setting value ` +
+                        `made it into the level's storage. The notification will be ignored.`,
+                );
+                return;
+            }
+            const newValue = SettingsStore.getValue(settingName);
+            const newValueAtLevel = SettingsStore.getValueAt(atLevel, settingName) ?? newValAtLevel;
+            callbackFn(settingName, changedInRoomId, atLevel, newValueAtLevel, newValue);
+        };
+
+        SettingsStore.watchers.set(watcherId, localizedCallback);
+        defaultWatchManager.watchSetting(finalSettingName, roomId, localizedCallback);
+
+        return watcherId;
+    }
+
+    /**
+     * Stops the SettingsStore from watching a setting. This is a no-op if the watcher
+     * provided is not found.
+     * @param watcherReference The watcher reference (received from #watchSetting) to cancel.
+     * Can be undefined to avoid needing an if around every caller.
+     */
+    public static unwatchSetting(watcherReference: string | undefined): void {
+        if (!watcherReference) return;
+        if (!SettingsStore.watchers.has(watcherReference)) {
+            logger.warn(`Ending non-existent watcher ID ${watcherReference}`);
+            return;
+        }
+
+        defaultWatchManager.unwatchSetting(SettingsStore.watchers.get(watcherReference)!);
+        SettingsStore.watchers.delete(watcherReference);
+    }
+
+    /**
+     * Sets up a monitor for a setting. This behaves similar to #watchSetting except instead
+     * of making a call to a callback, it forwards all changes to the dispatcher. Callers can
+     * expect to listen for the 'setting_updated' action with an object containing settingName,
+     * roomId, level, newValueAtLevel, and newValue.
+     * @param {string} settingName The setting name to monitor.
+     * @param {String} roomId The room ID to monitor for changes in. Use null for all rooms.
+     */
+    public static monitorSetting<S extends SettingKey>(settingName: S, roomId: string | null): void {
+        roomId = roomId || null; // the thing wants null specifically to work, so appease it.
+
+        if (!this.monitors.has(settingName)) this.monitors.set(settingName, new Map());
+
+        const registerWatcher = (): void => {
+            this.monitors.get(settingName)!.set(
+                roomId,
+                SettingsStore.watchSetting<S>(
+                    settingName,
+                    roomId,
+                    (settingName, inRoomId, level, newValueAtLevel, newValue) => {
+                        dis.dispatch<SettingUpdatedPayload>({
+                            action: Action.SettingUpdated,
+                            settingName,
+                            roomId: inRoomId,
+                            level,
+                            newValueAtLevel,
+                            newValue,
+                        });
+                    },
+                ),
+            );
+        };
+
+        const rooms = Array.from(this.monitors.get(settingName)!.keys());
+        const hasRoom = rooms.find((r) => r === roomId || r === null);
+        if (!hasRoom) {
+            registerWatcher();
+        } else {
+            if (roomId === null) {
+                // Unregister all existing watchers and register the new one
+                rooms.forEach((roomId) => {
+                    SettingsStore.unwatchSetting(this.monitors.get(settingName)!.get(roomId));
+                });
+                this.monitors.get(settingName)!.clear();
+                registerWatcher();
+            } // else a watcher is already registered for the room, so don't bother registering it again
+        }
+    }
+
+    /**
+     * Gets the translated display name for a given setting
+     * @param {string} settingName The setting to look up.
+     * @param {SettingLevel} atLevel
+     * The level to get the display name for; Defaults to 'default'.
+     * @returns {String} The display name for the setting, or null if not found.
+     */
+    public static getDisplayName(settingName: SettingKey, atLevel = SettingLevel.DEFAULT): string | null {
+        if (!SETTINGS[settingName] || !SETTINGS[settingName].displayName) return null;
+
+        const displayName = SETTINGS[settingName].displayName;
+
+        if (typeof displayName === "string") {
+            return _t(displayName);
+        }
+        if (displayName?.[atLevel]) {
+            return _t(displayName[atLevel]);
+        }
+        if (displayName?.["default"]) {
+            return _t(displayName["default"]);
+        }
+
+        return null;
+    }
+
+    /**
+     * Gets the translated description for a given setting
+     * @param {string} settingName The setting to look up.
+     * @returns {String} The description for the setting, or null if not found.
+     */
+    public static getDescription(settingName: SettingKey): string | ReactNode {
+        const description = SETTINGS[settingName]?.description;
+        if (!description) return null;
+        if (typeof description !== "string") return description();
+        return _t(description);
+    }
+
+    /**
+     * Determines if a setting is also a feature.
+     * @param {string} settingName The setting to look up.
+     * @returns {boolean} True if the setting is a feature.
+     */
+    public static isFeature(settingName: SettingKey): boolean {
+        if (!SETTINGS[settingName]) return false;
+        return !!SETTINGS[settingName].isFeature;
+    }
+
+    /**
+     * Determines if a setting should have a warning sign in the microcopy
+     * @param {string} settingName The setting to look up.
+     * @returns {boolean} True if the setting should have a warning sign.
+     */
+    public static shouldHaveWarning(settingName: SettingKey): boolean {
+        if (!SETTINGS[settingName]) return false;
+        return SETTINGS[settingName].shouldWarn ?? false;
+    }
+
+    public static getBetaInfo(settingName: SettingKey): ISetting["betaInfo"] {
+        // consider a beta disabled if the config is explicitly set to false, in which case treat as normal Labs flag
+        if (
+            SettingsStore.isFeature(settingName) &&
+            SettingsStore.getValueAt(SettingLevel.CONFIG, settingName, null, true, true) !== false
+        ) {
+            const betaInfo = SETTINGS[settingName].betaInfo;
+            if (betaInfo) {
+                betaInfo.requiresRefresh =
+                    betaInfo.requiresRefresh ?? SETTINGS[settingName].controller instanceof ReloadOnChangeController;
+            }
+            return betaInfo;
+        }
+    }
+
+    public static getLabGroup(settingName: SettingKey): LabGroup | undefined {
+        if (SettingsStore.isFeature(settingName)) {
+            return (<IFeature>SETTINGS[settingName]).labsGroup;
+        }
+    }
+
+    /**
+     * Retrieves the internationalised reason a setting is disabled if one is assigned.
+     * If a setting is not disabled, or no reason is given by the `SettingController`,
+     * this will return undefined.
+     * @param {string} settingName The setting to look up.
+     * @returns {string} The reason the setting is disabled.
+     */
+    public static disabledMessage(settingName: SettingKey): string | undefined {
+        const disabled = SETTINGS[settingName].controller?.settingDisabled;
+        return typeof disabled === "string" ? disabled : undefined;
+    }
+
+    /**
+     * Gets the value of a setting. The room ID is optional if the setting is not to
+     * be applied to any particular room, otherwise it should be supplied.
+     * @param {string} settingName The name of the setting to read the value of.
+     * @param {String} roomId The room ID to read the setting value in, may be null.
+     * @param {boolean} excludeDefault True to disable using the default value.
+     * @returns {*} The value, or null if not found
+     */
+    public static getValue<S extends SettingKey>(
+        settingName: S,
+        roomId: string | null,
+        excludeDefault: true,
+    ): Settings[S]["default"] | undefined;
+    public static getValue<S extends SettingKey>(
+        settingName: S,
+        roomId?: string | null,
+        excludeDefault?: false,
+    ): Settings[S]["default"];
+    public static getValue<S extends SettingKey>(
+        settingName: S,
+        roomId: string | null = null,
+        excludeDefault = false,
+    ): Settings[S]["default"] | undefined {
+        // Verify that the setting is actually a setting
+        if (!SETTINGS[settingName]) {
+            throw new Error("Setting '" + settingName + "' does not appear to be a setting.");
+        }
+
+        const setting = SETTINGS[settingName];
+        const levelOrder = getLevelOrder(setting);
+
+        return SettingsStore.getValueAt(levelOrder[0], settingName, roomId, false, excludeDefault);
+    }
+
+    /**
+     * Gets a setting's value at a particular level, ignoring all levels that are more specific.
+     * @param {SettingLevel|"config"|"default"} level The
+     * level to look at.
+     * @param {string} settingName The name of the setting to read.
+     * @param {String} roomId The room ID to read the setting value in, may be null.
+     * @param {boolean} explicit If true, this method will not consider other levels, just the one
+     * provided. Defaults to false.
+     * @param {boolean} excludeDefault True to disable using the default value.
+     * @returns {*} The value, or null if not found.
+     */
+    public static getValueAt<S extends SettingKey>(
+        level: SettingLevel,
+        settingName: S,
+        roomId: string | null = null,
+        explicit = false,
+        excludeDefault = false,
+    ): Settings[S]["default"] {
+        // Verify that the setting is actually a setting
+        const setting = SETTINGS[settingName];
+        if (!setting) {
+            throw new Error("Setting '" + settingName + "' does not appear to be a setting.");
+        }
+
+        const levelOrder = getLevelOrder(setting);
+        if (!levelOrder.includes(SettingLevel.DEFAULT)) levelOrder.push(SettingLevel.DEFAULT); // always include default
+
+        const minIndex = levelOrder.indexOf(level);
+        if (minIndex === -1) throw new Error(`Level "${level}" for setting "${settingName}" is not prioritized`);
+
+        const handlers = SettingsStore.getHandlers(settingName);
+
+        // Check if we need to invert the setting at all. Do this after we get the setting
+        // handlers though, otherwise we'll fail to read the value.
+        let finalSettingName: string = settingName;
+        if (setting.invertedSettingName) {
+            //console.warn(`Inverting ${settingName} to be ${setting.invertedSettingName} - legacy setting`);
+            finalSettingName = setting.invertedSettingName;
+        }
+
+        if (explicit) {
+            const handler = handlers[level];
+            if (!handler) {
+                return SettingsStore.getFinalValue(setting, level, roomId, null, null);
+            }
+            const value = handler.getValue(finalSettingName, roomId);
+            return SettingsStore.getFinalValue(setting, level, roomId, value, level);
+        }
+
+        for (let i = minIndex; i < levelOrder.length; i++) {
+            const handler = handlers[levelOrder[i]];
+            if (!handler) continue;
+            if (excludeDefault && levelOrder[i] === "default") continue;
+
+            const value = handler.getValue(finalSettingName, roomId);
+            if (value === null || value === undefined) continue;
+            return SettingsStore.getFinalValue(setting, level, roomId, value, levelOrder[i]);
+        }
+
+        return SettingsStore.getFinalValue(setting, level, roomId, null, null);
+    }
+
+    /**
+     * Gets the default value of a setting.
+     * @param settingName The name of the setting to read the value of.
+     * @returns The default value
+     */
+    public static getDefaultValue<S extends SettingKey>(settingName: S): Settings[S]["default"] {
+        // Verify that the setting is actually a setting
+        if (!SETTINGS[settingName]) {
+            throw new Error("Setting '" + settingName + "' does not appear to be a setting.");
+        }
+
+        return SETTINGS[settingName].default;
+    }
+
+    private static getFinalValue<S extends SettingKey>(
+        setting: Settings[S],
+        level: SettingLevel,
+        roomId: string | null,
+        calculatedValue: Settings[S]["default"],
+        calculatedAtLevel: SettingLevel | null,
+    ): Settings[S]["default"] {
+        let resultingValue = calculatedValue;
+
+        if (setting.controller) {
+            const actualValue = setting.controller.getValueOverride(level, roomId, calculatedValue, calculatedAtLevel);
+            if (actualValue !== undefined && actualValue !== null) resultingValue = actualValue;
+        }
+
+        if (setting.invertedSettingName) resultingValue = !resultingValue;
+        return resultingValue;
+    }
+
+    /**
+     * Sets the value for a setting. The room ID is optional if the setting is not being
+     * set for a particular room, otherwise it should be supplied. The value may be null
+     * to indicate that the level should no longer have an override.
+     * @param settingName The name of the setting to change.
+     * @param roomId The room ID to change the value in, may be null.
+     * @param level The level
+     * to change the value at.
+     * @param value The new value of the setting, may be null.
+     * @returns Resolves when the setting has been changed.
+     */
+    public static async setValue<S extends SettingKey>(
+        settingName: S,
+        roomId: string | null,
+        level: SettingLevel,
+        value: Settings[S]["default"] | null,
+    ): Promise<void> {
+        // Verify that the setting is actually a setting
+        const setting = SETTINGS[settingName];
+        if (!setting) {
+            throw new Error("Setting '" + settingName + "' does not appear to be a setting.");
+        }
+
+        const handler = SettingsStore.getHandler(settingName, level);
+        if (!handler) {
+            throw new Error("Setting " + settingName + " does not have a handler for " + level);
+        }
+
+        let finalSettingName: string = settingName;
+        if (setting.invertedSettingName) {
+            // Note: We can't do this when the `level` is "default", however we also
+            // know that the user can't possible change the default value through this
+            // function so we don't bother checking it.
+            //console.warn(`Inverting ${settingName} to be ${setting.invertedSettingName} - legacy setting`);
+            finalSettingName = setting.invertedSettingName;
+            value = !value;
+        }
+
+        if (!handler.canSetValue(finalSettingName, roomId)) {
+            throw new Error("User cannot set " + finalSettingName + " at " + level + " in " + roomId);
+        }
+
+        if (setting.controller && !(await setting.controller.beforeChange(level, roomId, value))) {
+            return; // controller says no
+        }
+
+        await handler.setValue(finalSettingName, roomId, value);
+
+        setting.controller?.onChange(level, roomId, value);
+    }
+
+    /**
+     * Determines if the current user is permitted to set the given setting at the given
+     * level for a particular room. The room ID is optional if the setting is not being
+     * set for a particular room, otherwise it should be supplied.
+     *
+     * This takes into account both the value of {@link SettingController#settingDisabled} of the
+     * `SettingController`, if any; and, for settings where {@link IBaseSetting#supportedLevelsAreOrdered} is true,
+     * checks whether a level of higher precedence is set.
+     *
+     * Typically, if the user cannot set the setting, it should be hidden, to declutter the UI;
+     * however some settings (typically, the labs flags) are exposed but greyed out, to unveil
+     * what features are available with the right server support.
+     *
+     * @param {string} settingName The name of the setting to check.
+     * @param {String} roomId The room ID to check in, may be null.
+     * @param {SettingLevel} level The level to check at.
+     * @returns {boolean} True if the user may set the setting, false otherwise.
+     */
+    public static canSetValue(settingName: SettingKey, roomId: string | null, level: SettingLevel): boolean {
+        const setting = SETTINGS[settingName];
+        // Verify that the setting is actually a setting
+        if (!setting) {
+            throw new Error("Setting '" + settingName + "' does not appear to be a setting.");
+        }
+
+        if (setting.controller?.settingDisabled) {
+            return false;
+        }
+
+        // For some config settings (mostly: non-beta features), a value in config.json overrides the local setting
+        // (ie: we force them as enabled or disabled). In this case we should not let the user change the setting.
+        if (
+            setting?.supportedLevelsAreOrdered &&
+            SettingsStore.settingIsOveriddenAtConfigLevel(settingName, roomId, level)
+        ) {
+            return false;
+        }
+
+        const handler = SettingsStore.getHandler(settingName, level);
+        if (!handler) return false;
+        return handler.canSetValue(settingName, roomId);
+    }
+
+    /**
+     * Determines if the setting at the specified level is overidden by one at a config level.
+     * @param settingName The name of the setting to check.
+     * @param roomId The room ID to check in, may be null.
+     * @param level The level to check at.
+     * @returns
+     */
+    public static settingIsOveriddenAtConfigLevel(
+        settingName: SettingKey,
+        roomId: string | null,
+        level: SettingLevel,
+    ): boolean {
+        const setting = SETTINGS[settingName];
+        const levelOrders = getLevelOrder(setting);
+        const configIndex = levelOrders.indexOf(SettingLevel.CONFIG);
+        const levelIndex = levelOrders.indexOf(level);
+        if (configIndex === -1 || levelIndex === -1 || configIndex >= levelIndex) {
+            return false;
+        }
+        const configVal = SettingsStore.getValueAt(SettingLevel.CONFIG, settingName, roomId, true, true);
+        return configVal === true || configVal === false;
+    }
+
+    /**
+     * Determines if the given level is supported on this device.
+     * @param {SettingLevel} level The level
+     * to check the feasibility of.
+     * @returns {boolean} True if the level is supported, false otherwise.
+     */
+    public static isLevelSupported(level: SettingLevel): boolean {
+        if (!LEVEL_HANDLERS[level]) return false;
+        return LEVEL_HANDLERS[level].isSupported();
+    }
+
+    /**
+     * Determines if a setting supports a particular level.
+     * @param settingName The setting name.
+     * @param level The level.
+     * @returns True if supported, false otherwise. Note that this will not check to see if
+     * the level itself can be supported by the runtime (ie: you will need to call #isLevelSupported()
+     * on your own).
+     */
+    public static doesSettingSupportLevel(settingName: SettingKey, level: SettingLevel): boolean {
+        const setting = SETTINGS[settingName];
+        if (!setting) {
+            throw new Error("Setting '" + settingName + "' does not appear to be a setting.");
+        }
+
+        return level === SettingLevel.DEFAULT || !!setting.supportedLevels?.includes(level);
+    }
+
+    /**
+     * Determines the first supported level out of all the levels that can be used for a
+     * specific setting.
+     * @param {string} settingName The setting name.
+     * @returns {SettingLevel}
+     */
+    public static firstSupportedLevel(settingName: SettingKey): SettingLevel | null {
+        // Verify that the setting is actually a setting
+        const setting = SETTINGS[settingName];
+        if (!setting) {
+            throw new Error("Setting '" + settingName + "' does not appear to be a setting.");
+        }
+
+        const levelOrder = getLevelOrder(setting);
+        if (!levelOrder.includes(SettingLevel.DEFAULT)) levelOrder.push(SettingLevel.DEFAULT); // always include default
+
+        const handlers = SettingsStore.getHandlers(settingName);
+
+        for (const level of levelOrder) {
+            const handler = handlers[level];
+            if (!handler) continue;
+            return level;
+        }
+        return null;
+    }
+
+    /**
+     * Migrate the setting for visible images to a setting.
+     */
+    private static migrateShowImagesToSettings(): void {
+        const MIGRATION_DONE_FLAG = "mx_show_images_migration_done";
+        if (localStorage.getItem(MIGRATION_DONE_FLAG)) return;
+
+        logger.info("Performing one-time settings migration of shown images to settings store");
+        const newValue = Object.fromEntries(
+            Object.keys(localStorage)
+                .filter((k) => k.startsWith("mx_ShowImage_"))
+                .map((k) => [k.slice("mx_ShowImage_".length), true]),
+        );
+        this.setValue("showMediaEventIds", null, SettingLevel.DEVICE, newValue);
+
+        localStorage.setItem(MIGRATION_DONE_FLAG, "true");
+    }
+
+    /**
+     * Migrate the setting for visible images to a setting.
+     *
+     * @param isFreshLogin True if the user has just logged in, false if a previous session is being restored.
+     */
+    private static async migrateMediaControlsToSetting(isFreshLogin: boolean): Promise<void> {
+        if (isFreshLogin) return;
+        const client = MatrixClientPeg.safeGet();
+
+        while (!client.isInitialSyncComplete()) {
+            await new Promise((r) => client.once(ClientEvent.Sync, r));
+        }
+        // Never migrate if the config already exists.
+        if (client.getAccountData("io.element.msc4278.media_preview_config")) {
+            return;
+        }
+        logger.info("Performing one-time settings migration of show images and invite avatars to account data");
+        const handler = LEVEL_HANDLERS[SettingLevel.ACCOUNT];
+        const showImages = handler.getValue("showImages", null);
+        const showAvatarsOnInvites = handler.getValue("showAvatarsOnInvites", null);
+
+        if (typeof showImages === "boolean" || typeof showAvatarsOnInvites === "boolean") {
+            this.setValue("mediaPreviewConfig", null, SettingLevel.ACCOUNT, {
+                invite_avatars: showAvatarsOnInvites === false ? MediaPreviewValue.Off : MediaPreviewValue.On,
+                media_previews: showImages === false ? MediaPreviewValue.Off : MediaPreviewValue.On,
+            });
+        } // else, we don't set anything and use the server value
+    }
+
+    /**
+     * Runs or queues any setting migrations needed.
+     */
+    public static runMigrations(isFreshLogin: boolean): void {
+        // This can be removed once enough users have run a version of Element with
+        // this migration.
+        // The consequences of missing the migration are that previously shown images
+        // will now be hidden again, so this fails safely.
+        SettingsStore.migrateShowImagesToSettings();
+
+        // This can be removed once enough users have run a version of Element with
+        // this migration.
+        // The consequences of missing the migration are that the previously set
+        // media controls for this user will be missing
+        SettingsStore.migrateMediaControlsToSetting(isFreshLogin).catch((e) => {
+            logger.error("Failed to migrate media config settings", e);
+        });
+        // Dev notes: to add your migration, just add a new `migrateMyFeature` function, call it, and
+        // add a comment to note when it can be removed.
+        return;
+    }
+
+    /**
+     * Debugging function for reading explicit setting values without going through the
+     * complicated/biased functions in the SettingsStore. This will print information to
+     * the console for analysis. Not intended to be used within the application.
+     * @param {string} realSettingName The setting name to try and read.
+     * @param {string} roomId Optional room ID to test the setting in.
+     */
+    public static debugSetting(realSettingName: SettingKey, roomId: string): void {
+        logger.log(`--- DEBUG ${realSettingName}`);
+
+        // Note: we intentionally use JSON.stringify here to avoid the console masking the
+        // problem if there's a type representation issue. Also, this way it is guaranteed
+        // to show up in a rageshake if required.
+
+        const def = SETTINGS[realSettingName];
+        logger.log(`--- definition: ${def ? JSON.stringify(def) : "<NOT_FOUND>"}`);
+        logger.log(`--- default level order: ${JSON.stringify(LEVEL_ORDER)}`);
+        logger.log(`--- registered handlers: ${JSON.stringify(Object.keys(LEVEL_HANDLERS))}`);
+
+        const doChecks = (settingName: SettingKey): void => {
+            for (const handlerName of Object.keys(LEVEL_HANDLERS)) {
+                const handler = LEVEL_HANDLERS[handlerName as SettingLevel];
+
+                try {
+                    const value = handler.getValue(settingName, roomId);
+                    logger.log(`---     ${handlerName}@${roomId || "<no_room>"} = ${JSON.stringify(value)}`);
+                } catch (e) {
+                    logger.log(
+                        `---     ${handler.constructor.name}@${roomId || "<no_room>"} THREW ERROR: ${
+                            e instanceof Error ? e.message : e
+                        }`,
+                    );
+                    logger.error(e);
+                }
+
+                if (roomId) {
+                    try {
+                        const value = handler.getValue(settingName, null);
+                        logger.log(`---     ${handlerName}@<no_room> = ${JSON.stringify(value)}`);
+                    } catch (e) {
+                        logger.log(
+                            `---     ${handler.constructor.name}@<no_room> THREW ERROR: ${
+                                e instanceof Error ? e.message : e
+                            }`,
+                        );
+                        logger.error(e);
+                    }
+                }
+            }
+
+            logger.log(`--- calculating as returned by SettingsStore`);
+            logger.log(`--- these might not match if the setting uses a controller - be warned!`);
+
+            try {
+                const value = SettingsStore.getValue(settingName, roomId);
+                logger.log(`---     SettingsStore#generic@${roomId || "<no_room>"}  = ${JSON.stringify(value)}`);
+            } catch (e) {
+                logger.log(
+                    `---     SettingsStore#generic@${roomId || "<no_room>"} THREW ERROR: ${
+                        e instanceof Error ? e.message : e
+                    }`,
+                );
+                logger.error(e);
+            }
+
+            if (roomId) {
+                try {
+                    const value = SettingsStore.getValue(settingName, null);
+                    logger.log(`---     SettingsStore#generic@<no_room>  = ${JSON.stringify(value)}`);
+                } catch (e) {
+                    logger.log(
+                        `---     SettingsStore#generic@$<no_room> THREW ERROR: ${e instanceof Error ? e.message : e}`,
+                    );
+                    logger.error(e);
+                }
+            }
+
+            for (const level of LEVEL_ORDER) {
+                try {
+                    const value = SettingsStore.getValueAt(level, settingName, roomId);
+                    logger.log(`---     SettingsStore#${level}@${roomId || "<no_room>"} = ${JSON.stringify(value)}`);
+                } catch (e) {
+                    logger.log(
+                        `---     SettingsStore#${level}@${roomId || "<no_room>"} THREW ERROR: ${
+                            e instanceof Error ? e.message : e
+                        }`,
+                    );
+                    logger.error(e);
+                }
+
+                if (roomId) {
+                    try {
+                        const value = SettingsStore.getValueAt(level, settingName, null);
+                        logger.log(`---     SettingsStore#${level}@<no_room> = ${JSON.stringify(value)}`);
+                    } catch (e) {
+                        logger.log(
+                            `---     SettingsStore#${level}@$<no_room> THREW ERROR: ${
+                                e instanceof Error ? e.message : e
+                            }`,
+                        );
+                        logger.error(e);
+                    }
+                }
+            }
+        };
+
+        doChecks(realSettingName);
+
+        if (def.invertedSettingName) {
+            logger.log(`--- TESTING INVERTED SETTING NAME`);
+            logger.log(`--- inverted: ${def.invertedSettingName}`);
+            doChecks(def.invertedSettingName as SettingKey);
+        }
+
+        logger.log(`--- END DEBUG`);
+    }
+
+    /**
+     * Export all settings as a JSON object, except for settings
+     * blocked from being exported by `shouldExportToRageshake`.
+     * @returns Settings as a JSON object string.
+     */
+    public static exportForRageshake(): string {
+        const settingMap: Record<string, unknown> = {};
+        for (const settingKey of (Object.keys(SETTINGS) as SettingKey[]).filter(
+            (s) => SETTINGS[s].shouldExportToRageshake !== false,
+        )) {
+            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);
+    }
+
+    private static getHandler(settingName: SettingKey, level: SettingLevel): SettingsHandler | null {
+        const handlers = SettingsStore.getHandlers(settingName);
+        return handlers[level] ?? null;
+    }
+
+    private static getHandlers(settingName: SettingKey): HandlerMap {
+        if (!SETTINGS[settingName]) return {};
+
+        const handlers: Partial<Record<SettingLevel, SettingsHandler>> = {};
+        for (const level of SETTINGS[settingName].supportedLevels) {
+            if (!LEVEL_HANDLERS[level]) throw new Error("Unexpected level " + level);
+            if (SettingsStore.isLevelSupported(level)) handlers[level] = LEVEL_HANDLERS[level];
+        }
+
+        // Always support 'default'
+        if (!handlers["default"]) handlers["default"] = LEVEL_HANDLERS["default"];
+
+        return handlers;
+    }
+}
+
+SettingController.settingsStore = SettingsStore;
+// For debugging purposes
+window.mxSettingsStore = SettingsStore;
diff --git a/apps/web/src/settings/UIFeature.ts b/apps/web/src/settings/UIFeature.ts
new file mode 100644
index 00000000000..ddb3d65819e
--- /dev/null
+++ b/apps/web/src/settings/UIFeature.ts
@@ -0,0 +1,31 @@
+/*
+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.
+*/
+
+// see settings.md for documentation on conventions
+export const enum UIFeature {
+    AdvancedEncryption = "UIFeature.advancedEncryption",
+    URLPreviews = "UIFeature.urlPreviews",
+    Widgets = "UIFeature.widgets",
+    LocationSharing = "UIFeature.locationSharing",
+    Voip = "UIFeature.voip",
+    Feedback = "UIFeature.feedback",
+    Registration = "UIFeature.registration",
+    PasswordReset = "UIFeature.passwordReset",
+    Deactivate = "UIFeature.deactivate",
+    ShareQRCode = "UIFeature.shareQrCode",
+    ShareSocial = "UIFeature.shareSocial",
+    IdentityServer = "UIFeature.identityServer",
+    ThirdPartyID = "UIFeature.thirdPartyId",
+    AdvancedSettings = "UIFeature.advancedSettings",
+    RoomHistorySettings = "UIFeature.roomHistorySettings",
+    TimelineEnableRelativeDates = "UIFeature.timelineEnableRelativeDates",
+    AllowCreatingPublicRooms = "UIFeature.allowCreatingPublicRooms",
+    AllowCreatingPublicSpaces = "UIFeature.allowCreatingPublicSpaces",
+}
+
+export { UIComponent } from "@element-hq/element-web-module-api";
diff --git a/apps/web/src/settings/WatchManager.ts b/apps/web/src/settings/WatchManager.ts
new file mode 100644
index 00000000000..2a0a523e0d1
--- /dev/null
+++ b/apps/web/src/settings/WatchManager.ts
@@ -0,0 +1,71 @@
+/*
+Copyright 2019-2024 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 SettingLevel } from "./SettingLevel";
+
+export type CallbackFn = (changedInRoomId: string | null, atLevel: SettingLevel, newValAtLevel: any) => void;
+
+const IRRELEVANT_ROOM: string | null = null;
+
+/**
+ * Generalized management class for dealing with watchers on a per-handler (per-level)
+ * basis without duplicating code. Handlers are expected to push updates through this
+ * class, which are then proxied outwards to any applicable watchers.
+ */
+export class WatchManager {
+    private watchers = new Map<string, Map<string | null, CallbackFn[]>>(); // settingName -> roomId -> CallbackFn[]
+
+    // Proxy for handlers to delegate changes to this manager
+    public watchSetting(settingName: string, roomId: string | null, cb: CallbackFn): void {
+        if (!this.watchers.has(settingName)) this.watchers.set(settingName, new Map());
+        if (!this.watchers.get(settingName)!.has(roomId)) this.watchers.get(settingName)!.set(roomId, []);
+        this.watchers.get(settingName)!.get(roomId)!.push(cb);
+    }
+
+    // Proxy for handlers to delegate changes to this manager
+    public unwatchSetting(cb: CallbackFn): void {
+        this.watchers.forEach((map) => {
+            map.forEach((callbacks) => {
+                let idx: number;
+                while ((idx = callbacks.indexOf(cb)) !== -1) {
+                    callbacks.splice(idx, 1);
+                }
+            });
+        });
+    }
+
+    public notifyUpdate(
+        settingName: string,
+        inRoomId: string | null,
+        atLevel: SettingLevel,
+        newValueAtLevel: any,
+    ): void {
+        // Dev note: We could avoid raising changes for ultimately inconsequential changes, but
+        // we also don't have a reliable way to get the old value of a setting. Instead, we'll just
+        // let it fall through regardless and let the receiver dedupe if they want to.
+
+        if (!this.watchers.has(settingName)) return;
+
+        const roomWatchers = this.watchers.get(settingName)!;
+        const callbacks: CallbackFn[] = [];
+
+        if (inRoomId !== null && roomWatchers.has(inRoomId)) {
+            callbacks.push(...roomWatchers.get(inRoomId)!);
+        }
+
+        if (!inRoomId) {
+            // Fire updates to all the individual room watchers too, as they probably care about the change higher up.
+            callbacks.push(...Array.from(roomWatchers.values()).flat(1));
+        } else if (roomWatchers.has(IRRELEVANT_ROOM)) {
+            callbacks.push(...roomWatchers.get(IRRELEVANT_ROOM)!);
+        }
+
+        for (const callback of callbacks) {
+            callback(inRoomId, atLevel, newValueAtLevel);
+        }
+    }
+}
diff --git a/apps/web/src/settings/controllers/AnalyticsController.test.ts b/apps/web/src/settings/controllers/AnalyticsController.test.ts
new file mode 100644
index 00000000000..dfb4113de87
--- /dev/null
+++ b/apps/web/src/settings/controllers/AnalyticsController.test.ts
@@ -0,0 +1,31 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterEach } from "vitest";
+
+import PosthogTrackers from "../../PosthogTrackers";
+import AnalyticsController from "../controllers/AnalyticsController";
+import { SettingLevel } from "../SettingLevel";
+
+describe("AnalyticsController", () => {
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("Tracks a Posthog interaction on change", () => {
+        const trackInteractionSpy = vi.spyOn(PosthogTrackers, "trackInteraction");
+
+        const controller = new AnalyticsController("WebSettingsNotificationsTACOnlyNotificationsToggle");
+
+        controller.onChange(SettingLevel.DEVICE, null, false);
+
+        expect(trackInteractionSpy).toHaveBeenCalledWith("WebSettingsNotificationsTACOnlyNotificationsToggle");
+    });
+});
diff --git a/apps/web/src/settings/controllers/AnalyticsController.ts b/apps/web/src/settings/controllers/AnalyticsController.ts
new file mode 100644
index 00000000000..9b2bd6b289d
--- /dev/null
+++ b/apps/web/src/settings/controllers/AnalyticsController.ts
@@ -0,0 +1,34 @@
+/*
+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.
+*/
+
+import SettingController from "./SettingController";
+import { type SettingLevel } from "../SettingLevel";
+import PosthogTrackers, { type InteractionName } from "../../PosthogTrackers";
+
+/**
+ * Controller that sends events to analytics when a setting is changed.
+ * Since it will only trigger events when the setting is changed,
+ * (and the value isn't reported: only the fact that it's been toggled)
+ * it won't be useful for tracking what percentage of a userbase has a given setting
+ * enabled, but many of our settings can be set per device and Posthog only supports
+ * per-user properties, so this isn't straightforward. This is only for seeing how
+ * often people interact with the settings.
+ */
+export default class AnalyticsController extends SettingController {
+    /**
+     *
+     * @param interactionName The name of the event to send to analytics
+     */
+    public constructor(private interactionName: InteractionName) {
+        super();
+    }
+
+    public onChange(_level: SettingLevel, _roomId: string | null, _newValue: any): void {
+        PosthogTrackers.trackInteraction(this.interactionName);
+    }
+}
diff --git a/apps/web/src/settings/controllers/BlockInvitesConfigController.test.ts b/apps/web/src/settings/controllers/BlockInvitesConfigController.test.ts
new file mode 100644
index 00000000000..5a5fc6d89e6
--- /dev/null
+++ b/apps/web/src/settings/controllers/BlockInvitesConfigController.test.ts
@@ -0,0 +1,100 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { type MatrixClient, MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils";
+
+import { SETTINGS } from "../Settings";
+import MatrixClientBackedController from "./MatrixClientBackedController";
+import { SettingLevel } from "../SettingLevel.ts";
+
+describe("BlockInvitesConfigController", () => {
+    describe("When server does not support MSC4380", () => {
+        let cli: MatrixClient;
+        beforeEach(() => {
+            cli = stubClient();
+            cli.doesServerSupportUnstableFeature = vi.fn(async () => false);
+            MatrixClientBackedController.matrixClient = cli;
+        });
+
+        it("settingDisabled() should give a message", () => {
+            const controller = SETTINGS.blockInvites.controller!;
+            expect(controller.settingDisabled).toEqual("Your server does not implement this feature.");
+        });
+    });
+
+    describe("When server supports MSC4380", () => {
+        let cli: MatrixClient;
+        beforeEach(async () => {
+            cli = stubClient();
+            cli.doesServerSupportUnstableFeature = vi.fn(async (feature) => {
+                return feature == "org.matrix.msc4380.stable";
+            });
+            MatrixClientBackedController.matrixClient = cli;
+        });
+
+        it("settingDisabled() should be false", () => {
+            const controller = SETTINGS.blockInvites.controller!;
+            expect(controller.settingDisabled).toEqual(false);
+        });
+
+        describe("getValueOverride()", () => {
+            it("should return true when invites are blocked", async () => {
+                const controller = SETTINGS.blockInvites.controller!;
+
+                mockAccountData(cli, { default_action: "block" });
+                expect(controller.getValueOverride(SettingLevel.DEVICE, null, null, null)).toEqual(true);
+            });
+
+            it("should return false when invites are not blocked", async () => {
+                const controller = SETTINGS.blockInvites.controller!;
+
+                mockAccountData(cli, { default_action: {} });
+                expect(controller.getValueOverride(SettingLevel.DEVICE, null, null, null)).toEqual(false);
+            });
+        });
+
+        describe("beforeChange()", () => {
+            it("should set the account data when the value is enabled", async () => {
+                const controller = SETTINGS.blockInvites.controller!;
+                await controller.beforeChange(SettingLevel.DEVICE, null, true);
+                expect(cli.setAccountData).toHaveBeenCalledTimes(1);
+                expect(cli.setAccountData).toHaveBeenCalledWith("m.invite_permission_config", {
+                    default_action: "block",
+                });
+            });
+
+            it("should set the account data when the value is disabled", async () => {
+                const controller = SETTINGS.blockInvites.controller!;
+                await controller.beforeChange(SettingLevel.DEVICE, null, false);
+                expect(cli.setAccountData).toHaveBeenCalledTimes(1);
+                expect(cli.setAccountData).toHaveBeenCalledWith("m.invite_permission_config", {});
+            });
+        });
+    });
+});
+
+/**
+ * Add a mock implementation for {@link MatrixClient.getAccountData} which will return the given data
+ * in response to any request for `m.invite_permission_config`.
+ */
+function mockAccountData(cli: MatrixClient, mockAccountData: object) {
+    vi.mocked(cli.getAccountData).mockImplementation((eventType) => {
+        if (eventType == "m.invite_permission_config") {
+            return new MatrixEvent({
+                type: "m.invite_permission_config",
+                content: mockAccountData,
+            });
+        } else {
+            return undefined;
+        }
+    });
+}
diff --git a/apps/web/src/settings/controllers/BlockInvitesConfigController.ts b/apps/web/src/settings/controllers/BlockInvitesConfigController.ts
new file mode 100644
index 00000000000..da80f5136ff
--- /dev/null
+++ b/apps/web/src/settings/controllers/BlockInvitesConfigController.ts
@@ -0,0 +1,38 @@
+/*
+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 { EventType } from "matrix-js-sdk/src/matrix";
+
+import { type SettingLevel } from "../SettingLevel.ts";
+import { _td } from "../../languageHandler";
+import ServerSupportUnstableFeatureController from "./ServerSupportUnstableFeatureController.ts";
+import { type SettingKey } from "../Settings.tsx";
+import type { WatchManager } from "../WatchManager.ts";
+
+/**
+ * Handles invite filtering rules provided by MSC4380.
+ * This handler does not make use of the roomId parameter.
+ */
+export default class BlockInvitesConfigController extends ServerSupportUnstableFeatureController {
+    public constructor(settingName: SettingKey, watchers: WatchManager) {
+        super(settingName, watchers, [["org.matrix.msc4380.stable"]], "v1.18", _td("settings|not_supported"));
+    }
+
+    public getValueOverride(_level: SettingLevel): boolean {
+        const accountData = this.client?.getAccountData(EventType.InvitePermissionConfig)?.getContent();
+        return accountData?.default_action == "block";
+    }
+
+    public async beforeChange(_level: SettingLevel, _roomId: string | null, newValue: boolean): Promise<boolean> {
+        if (!this.client) {
+            return false;
+        }
+
+        await this.client.setAccountData(EventType.InvitePermissionConfig, newValue ? { default_action: "block" } : {});
+        return true;
+    }
+}
diff --git a/apps/web/src/settings/controllers/DeviceIsolationModeController.test.ts b/apps/web/src/settings/controllers/DeviceIsolationModeController.test.ts
new file mode 100644
index 00000000000..4ef266ff661
--- /dev/null
+++ b/apps/web/src/settings/controllers/DeviceIsolationModeController.test.ts
@@ -0,0 +1,37 @@
+/*
+Copyright 2024 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterEach } from "vitest";
+import { AllDevicesIsolationMode, OnlySignedDevicesIsolationMode } from "matrix-js-sdk/src/crypto-api";
+import { stubClient } from "test-utils";
+
+import DeviceIsolationModeController from "./DeviceIsolationModeController.ts";
+import { SettingLevel } from "../SettingLevel";
+
+describe("DeviceIsolationModeController", () => {
+    afterEach(() => {
+        vi.resetAllMocks();
+    });
+
+    describe("tracks enabling and disabling", () => {
+        it("on sets signed device isolation mode", () => {
+            const cli = stubClient();
+            const controller = new DeviceIsolationModeController();
+            controller.onChange(SettingLevel.DEVICE, "", true);
+            expect(cli.getCrypto()?.setDeviceIsolationMode).toHaveBeenCalledWith(new OnlySignedDevicesIsolationMode());
+        });
+
+        it("off sets all device isolation mode", () => {
+            const cli = stubClient();
+            const controller = new DeviceIsolationModeController();
+            controller.onChange(SettingLevel.DEVICE, "", false);
+            expect(cli.getCrypto()?.setDeviceIsolationMode).toHaveBeenCalledWith(new AllDevicesIsolationMode(false));
+        });
+    });
+});
diff --git a/apps/web/src/settings/controllers/DeviceIsolationModeController.ts b/apps/web/src/settings/controllers/DeviceIsolationModeController.ts
new file mode 100644
index 00000000000..0b619c2eac5
--- /dev/null
+++ b/apps/web/src/settings/controllers/DeviceIsolationModeController.ts
@@ -0,0 +1,40 @@
+/*
+Copyright 2024 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 { AllDevicesIsolationMode, OnlySignedDevicesIsolationMode } from "matrix-js-sdk/src/crypto-api";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import SettingController from "./SettingController";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import { type SettingLevel } from "../SettingLevel";
+
+/**
+ * A controller for the "exclude_insecure_devices" setting, which will
+ * update the crypto stack's device isolation mode on change.
+ */
+export default class DeviceIsolationModeController extends SettingController {
+    public onChange(level: SettingLevel, roomId: string, newValue: any): void {
+        setDeviceIsolationMode(MatrixClientPeg.safeGet(), newValue);
+    }
+}
+
+/**
+ * Set the crypto stack's device isolation mode based on the current value of the
+ * "exclude_insecure_devices" setting.
+ *
+ * @param client - MatrixClient to update to the new setting.
+ * @param settingValue - value of the "exclude_insecure_devices" setting.
+ */
+export function setDeviceIsolationMode(client: MatrixClient, settingValue: boolean): void {
+    client.getCrypto()?.setDeviceIsolationMode(
+        settingValue
+            ? new OnlySignedDevicesIsolationMode()
+            : // TODO: As part of https://github.com/element-hq/element-meta/issues/2492, we will change
+              //   `errorOnVerifiedUserProblems` to `true`, but we need to have better UI in place before we can do so.
+              new AllDevicesIsolationMode(false),
+    );
+}
diff --git a/apps/web/src/settings/controllers/FallbackIceServerController.test.ts b/apps/web/src/settings/controllers/FallbackIceServerController.test.ts
new file mode 100644
index 00000000000..a777d641134
--- /dev/null
+++ b/apps/web/src/settings/controllers/FallbackIceServerController.test.ts
@@ -0,0 +1,61 @@
+/*
+Copyright 2024 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import fetchMock from "@fetch-mock/vitest";
+import { ClientEvent, MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { SettingLevel } from "../SettingLevel";
+import FallbackIceServerController from "./FallbackIceServerController.ts";
+import MatrixClientBackedController from "./MatrixClientBackedController.ts";
+import SettingsStore from "../SettingsStore.ts";
+
+describe("FallbackIceServerController", () => {
+    beforeEach(() => {
+        fetchMock.get("https://matrix.org/_matrix/client/versions", { versions: ["v1.4"] });
+    });
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("should update MatrixClient's state when the setting is updated", async () => {
+        const client = new MatrixClient({
+            baseUrl: "https://matrix.org",
+            userId: "@alice:matrix.org",
+            accessToken: "token",
+        });
+        MatrixClientBackedController.matrixClient = client;
+
+        expect(client.isFallbackICEServerAllowed()).toBeFalsy();
+        await SettingsStore.setValue("fallbackICEServerAllowed", null, SettingLevel.DEVICE, true);
+        expect(client.isFallbackICEServerAllowed()).toBeTruthy();
+    });
+
+    it("should force the setting to be disabled if disable_fallback_ice=true", async () => {
+        const controller = new FallbackIceServerController();
+        const client = new MatrixClient({
+            baseUrl: "https://matrix.org",
+            userId: "@alice:matrix.org",
+            accessToken: "token",
+        });
+        MatrixClientBackedController.matrixClient = client;
+        expect(controller.settingDisabled).toBeFalsy();
+
+        const wellKnown = {
+            "io.element.voip": {
+                disable_fallback_ice: true,
+            },
+        };
+        vi.spyOn(client, "getClientWellKnown").mockResolvedValue(wellKnown);
+        client.emit(ClientEvent.ClientWellKnown, wellKnown);
+
+        expect(controller.settingDisabled).toBeTruthy();
+    });
+});
diff --git a/apps/web/src/settings/controllers/FallbackIceServerController.ts b/apps/web/src/settings/controllers/FallbackIceServerController.ts
new file mode 100644
index 00000000000..858bab6ce89
--- /dev/null
+++ b/apps/web/src/settings/controllers/FallbackIceServerController.ts
@@ -0,0 +1,51 @@
+/*
+Copyright 2024 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 { ClientEvent, type IClientWellKnown, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { type SettingLevel } from "../SettingLevel";
+import MatrixClientBackedController from "./MatrixClientBackedController.ts";
+
+/**
+ * Settings controller for the fallback ICE server setting.
+ * This setting may be forcibly disabled by well-known value ["io.element.voip"]["disable_fallback_ice"].
+ * This controller will update the MatrixClient's knowledge when the setting is changed.
+ */
+export default class FallbackIceServerController extends MatrixClientBackedController {
+    private disabled = false;
+
+    public constructor() {
+        super();
+    }
+
+    private checkWellKnown = (wellKnown: IClientWellKnown): void => {
+        this.disabled = !!wellKnown["io.element.voip"]?.["disable_fallback_ice"];
+    };
+
+    protected async initMatrixClient(newClient: MatrixClient, oldClient?: MatrixClient): Promise<void> {
+        oldClient?.off(ClientEvent.ClientWellKnown, this.checkWellKnown);
+        newClient.on(ClientEvent.ClientWellKnown, this.checkWellKnown);
+        const wellKnown = newClient.getClientWellKnown();
+        if (wellKnown) this.checkWellKnown(wellKnown);
+    }
+
+    public getValueOverride(): any {
+        if (this.disabled) {
+            return false;
+        }
+
+        return null; // no override
+    }
+
+    public get settingDisabled(): boolean | string {
+        return this.disabled;
+    }
+
+    public onChange(_level: SettingLevel, _roomId: string | null, _newValue: any): void {
+        this.client?.setFallbackICEServerAllowed(!!this.settingsStore.getValue("fallbackICEServerAllowed"));
+    }
+}
diff --git a/apps/web/src/settings/controllers/FontSizeController.test.ts b/apps/web/src/settings/controllers/FontSizeController.test.ts
new file mode 100644
index 00000000000..7d36ab1d90a
--- /dev/null
+++ b/apps/web/src/settings/controllers/FontSizeController.test.ts
@@ -0,0 +1,26 @@
+/*
+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 { vi, describe, it, expect } from "vitest";
+
+import { Action } from "../../dispatcher/actions";
+import dis from "../../dispatcher/dispatcher";
+import FontSizeController from "./FontSizeController";
+import { SettingLevel } from "../SettingLevel";
+
+const dispatchSpy = vi.spyOn(dis, "dispatch");
+
+describe("FontSizeController", () => {
+    it("dispatches a font size action on change", () => {
+        const controller = new FontSizeController();
+
+        controller.onChange(SettingLevel.ACCOUNT, "$room:server", 12);
+
+        expect(dispatchSpy).toHaveBeenCalledWith({ action: Action.UpdateFontSizeDelta, delta: 12 });
+    });
+});
diff --git a/apps/web/src/settings/controllers/FontSizeController.ts b/apps/web/src/settings/controllers/FontSizeController.ts
new file mode 100644
index 00000000000..fa70012fcbd
--- /dev/null
+++ b/apps/web/src/settings/controllers/FontSizeController.ts
@@ -0,0 +1,29 @@
+/*
+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 SettingController from "./SettingController";
+import dis from "../../dispatcher/dispatcher";
+import { type UpdateFontSizeDeltaPayload } from "../../dispatcher/payloads/UpdateFontSizeDeltaPayload";
+import { Action } from "../../dispatcher/actions";
+import { type SettingLevel } from "../SettingLevel";
+
+export default class FontSizeController extends SettingController {
+    public constructor() {
+        super();
+    }
+
+    public onChange(level: SettingLevel, roomId: string, newValue: any): void {
+        if (newValue !== "") {
+            // Dispatch font size change so that everything open responds to the change.
+            dis.dispatch<UpdateFontSizeDeltaPayload>({
+                action: Action.UpdateFontSizeDelta,
+                delta: newValue,
+            });
+        }
+    }
+}
diff --git a/apps/web/src/settings/controllers/IncompatibleController.test.ts b/apps/web/src/settings/controllers/IncompatibleController.test.ts
new file mode 100644
index 00000000000..27f53ad92cf
--- /dev/null
+++ b/apps/web/src/settings/controllers/IncompatibleController.test.ts
@@ -0,0 +1,89 @@
+/*
+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 { vi, describe, it, expect, beforeEach } from "vitest";
+
+import IncompatibleController from "./IncompatibleController";
+import { SettingLevel } from "../SettingLevel";
+import SettingsStore from "../SettingsStore";
+
+declare module "../Settings.tsx" {
+    interface Settings {
+        test_setting: IBaseSetting<string>;
+    }
+}
+
+describe("IncompatibleController", () => {
+    const settingsGetValueSpy = vi.spyOn(SettingsStore, "getValue");
+    beforeEach(() => {
+        settingsGetValueSpy.mockClear();
+    });
+
+    describe("incompatibleSetting", () => {
+        describe("when incompatibleValue is not set", () => {
+            it("returns true when setting value is true", () => {
+                // no incompatible value set, defaulted to true
+                const controller = new IncompatibleController("test_setting", { key: null });
+                settingsGetValueSpy.mockReturnValue(true);
+                // true === true
+                expect(controller.incompatibleSetting).toBe(true);
+                expect(controller.settingDisabled).toEqual(true);
+                expect(settingsGetValueSpy).toHaveBeenCalledWith("test_setting");
+            });
+
+            it("returns false when setting value is not true", () => {
+                // no incompatible value set, defaulted to true
+                const controller = new IncompatibleController("test_setting", { key: null });
+                settingsGetValueSpy.mockReturnValue("test");
+                expect(controller.incompatibleSetting).toBe(false);
+            });
+        });
+
+        describe("when incompatibleValue is set to a value", () => {
+            it("returns true when setting value matches incompatible value", () => {
+                const controller = new IncompatibleController("test_setting", { key: null }, "test");
+                settingsGetValueSpy.mockReturnValue("test");
+                expect(controller.incompatibleSetting).toBe(true);
+            });
+
+            it("returns false when setting value is not true", () => {
+                const controller = new IncompatibleController("test_setting", { key: null }, "test");
+                settingsGetValueSpy.mockReturnValue("not test");
+                expect(controller.incompatibleSetting).toBe(false);
+            });
+        });
+
+        describe("when incompatibleValue is set to a function", () => {
+            it("returns result from incompatibleValue function", () => {
+                const incompatibleValueFn = vi.fn().mockReturnValue(false);
+                const controller = new IncompatibleController("test_setting", { key: null }, incompatibleValueFn);
+                settingsGetValueSpy.mockReturnValue("test");
+                expect(controller.incompatibleSetting).toBe(false);
+                expect(incompatibleValueFn).toHaveBeenCalledWith("test");
+            });
+        });
+    });
+
+    describe("getValueOverride()", () => {
+        it("returns forced value when setting is incompatible", () => {
+            settingsGetValueSpy.mockReturnValue(true);
+            const controller = new IncompatibleController("test_setting", { key: null });
+            expect(
+                controller.getValueOverride(SettingLevel.ACCOUNT, "$room:server", true, SettingLevel.ACCOUNT),
+            ).toEqual({ key: null });
+        });
+
+        it("returns null when setting is not incompatible", () => {
+            settingsGetValueSpy.mockReturnValue(false);
+            const controller = new IncompatibleController("test_setting", { key: null });
+            expect(
+                controller.getValueOverride(SettingLevel.ACCOUNT, "$room:server", true, SettingLevel.ACCOUNT),
+            ).toEqual(null);
+        });
+    });
+});
diff --git a/apps/web/src/settings/controllers/IncompatibleController.ts b/apps/web/src/settings/controllers/IncompatibleController.ts
new file mode 100644
index 00000000000..73b9f07c585
--- /dev/null
+++ b/apps/web/src/settings/controllers/IncompatibleController.ts
@@ -0,0 +1,66 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 SettingController from "./SettingController";
+import { type SettingLevel } from "../SettingLevel";
+import { type SettingKey, type Settings } from "../Settings.tsx";
+import PlatformPeg from "../../PlatformPeg.ts";
+
+/**
+ * Enforces that a boolean setting cannot be enabled if the incompatible setting
+ * is also enabled, to prevent cascading undefined behaviour between conflicting
+ * labs flags.
+ */
+export default class IncompatibleController<
+    ControlledSetting extends SettingKey,
+    WatchedSetting extends SettingKey,
+> extends SettingController {
+    public constructor(
+        private settingName: WatchedSetting,
+        private forcedValue: Settings[ControlledSetting]["default"] = false,
+        private incompatibleValue:
+            | Settings[WatchedSetting]["default"]
+            | ((v: Settings[WatchedSetting]["default"]) => boolean) = true,
+        private readonly disabledMessage?: string,
+        private readonly forceReload = false,
+    ) {
+        super();
+    }
+
+    public getValueOverride(
+        level: SettingLevel,
+        roomId: string,
+        calculatedValue: any,
+        calculatedAtLevel: SettingLevel | null,
+    ): any {
+        if (this.incompatibleSetting) {
+            return this.forcedValue;
+        }
+        return null; // no override
+    }
+
+    public get settingDisabled(): boolean | string {
+        if (this.incompatibleSetting) {
+            return this.disabledMessage ?? true;
+        }
+        return false;
+    }
+
+    public get incompatibleSetting(): boolean {
+        if (typeof this.incompatibleValue === "function") {
+            return this.incompatibleValue(this.settingsStore.getValue(this.settingName));
+        }
+        return this.settingsStore.getValue(this.settingName) === this.incompatibleValue;
+    }
+
+    public onChange(): void {
+        if (this.forceReload) {
+            PlatformPeg.get()?.reload();
+        }
+    }
+}
diff --git a/apps/web/src/settings/controllers/InviteRulesConfigController.test.ts b/apps/web/src/settings/controllers/InviteRulesConfigController.test.ts
new file mode 100644
index 00000000000..ef1902eee54
--- /dev/null
+++ b/apps/web/src/settings/controllers/InviteRulesConfigController.test.ts
@@ -0,0 +1,159 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterEach } from "vitest";
+import { MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { getMockClientWithEventEmitter, mockClientMethodsServer } from "test-utils";
+
+import MatrixClientBackedController from "./MatrixClientBackedController";
+import InviteRulesConfigController from "./InviteRulesConfigController";
+import { SettingLevel } from "../SettingLevel";
+import { INVITE_RULES_ACCOUNT_DATA_TYPE, type InviteConfigAccountData } from "../../@types/invite-rules";
+
+describe("InviteRulesConfigController", () => {
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("gets the default settings when none are specified.", () => {
+        const controller = new InviteRulesConfigController();
+
+        MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsServer(),
+            getAccountData: vi.fn().mockReturnValue(null),
+        });
+
+        const value = controller.getValueOverride(SettingLevel.ACCOUNT);
+        expect(value).toEqual(InviteRulesConfigController.default);
+    });
+
+    it("gets the default settings when the setting is empty.", () => {
+        const controller = new InviteRulesConfigController();
+
+        MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsServer(),
+            getAccountData: vi
+                .fn()
+                .mockReturnValue(new MatrixEvent({ type: INVITE_RULES_ACCOUNT_DATA_TYPE, content: {} })),
+        });
+
+        const value = controller.getValueOverride(SettingLevel.ACCOUNT);
+        expect(value).toEqual(InviteRulesConfigController.default);
+    });
+
+    it.each<InviteConfigAccountData>([{ blocked_users: ["foo_bar"] }, { blocked_users: [] }, {}])(
+        "calculates blockAll to be false",
+        (content: InviteConfigAccountData) => {
+            const controller = new InviteRulesConfigController();
+
+            MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+                ...mockClientMethodsServer(),
+                getAccountData: vi.fn().mockReturnValue(
+                    new MatrixEvent({
+                        type: INVITE_RULES_ACCOUNT_DATA_TYPE,
+                        content,
+                    }),
+                ),
+            });
+
+            const globalValue = controller.getValueOverride(SettingLevel.ACCOUNT);
+            expect(globalValue.allBlocked).toEqual(false);
+        },
+    );
+
+    it.each<InviteConfigAccountData>([
+        { blocked_users: ["*"] },
+        { blocked_users: ["*", "bob"] },
+        { allowed_users: ["*"], blocked_users: ["*"] },
+    ])("calculates blockAll to be true", (content: InviteConfigAccountData) => {
+        const controller = new InviteRulesConfigController();
+
+        MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsServer(),
+            getAccountData: vi.fn().mockReturnValue(
+                new MatrixEvent({
+                    type: INVITE_RULES_ACCOUNT_DATA_TYPE,
+                    content,
+                }),
+            ),
+        });
+
+        const globalValue = controller.getValueOverride(SettingLevel.ACCOUNT);
+        expect(globalValue.allBlocked).toEqual(true);
+    });
+
+    it("sets the account data correctly for blockAll = true", async () => {
+        const controller = new InviteRulesConfigController();
+        const client = (MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsServer(),
+            getAccountData: vi.fn().mockReturnValue(
+                new MatrixEvent({
+                    type: INVITE_RULES_ACCOUNT_DATA_TYPE,
+                    content: {
+                        existing_content: {},
+                        allowed_servers: ["*"],
+                    },
+                }),
+            ),
+            setAccountData: vi.fn(),
+        }));
+
+        expect(await controller.beforeChange(SettingLevel.ACCOUNT, null, { allBlocked: true })).toBe(true);
+        expect(client.setAccountData).toHaveBeenCalledWith(INVITE_RULES_ACCOUNT_DATA_TYPE, {
+            existing_content: {},
+            allowed_servers: ["*"],
+            blocked_users: ["*"],
+        });
+    });
+
+    it("sets the account data correctly for blockAll = false", async () => {
+        const controller = new InviteRulesConfigController();
+        const client = (MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsServer(),
+            getAccountData: vi.fn().mockReturnValue(
+                new MatrixEvent({
+                    type: INVITE_RULES_ACCOUNT_DATA_TYPE,
+                    content: {
+                        existing_content: {},
+                        allowed_servers: ["*"],
+                        blocked_users: ["extra_user", "*"],
+                    },
+                }),
+            ),
+            setAccountData: vi.fn(),
+        }));
+
+        expect(await controller.beforeChange(SettingLevel.ACCOUNT, null, { allBlocked: false })).toBe(true);
+        expect(client.setAccountData).toHaveBeenCalledWith(INVITE_RULES_ACCOUNT_DATA_TYPE, {
+            existing_content: {},
+            allowed_servers: ["*"],
+            blocked_users: ["extra_user"],
+        });
+    });
+    it.each([true, false])("ignores a no-op when allBlocked = %s", async (allBlocked) => {
+        const controller = new InviteRulesConfigController();
+        const client = (MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsServer(),
+            getAccountData: vi.fn().mockReturnValue(
+                new MatrixEvent({
+                    type: INVITE_RULES_ACCOUNT_DATA_TYPE,
+                    content: {
+                        existing_content: {},
+                        allowed_servers: ["*"],
+                        blocked_users: allBlocked ? ["*"] : [],
+                    },
+                }),
+            ),
+            setAccountData: vi.fn(),
+        }));
+
+        expect(await controller.beforeChange(SettingLevel.ACCOUNT, null, { allBlocked })).toBe(false);
+        expect(client.setAccountData).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/src/settings/controllers/InviteRulesConfigController.ts b/apps/web/src/settings/controllers/InviteRulesConfigController.ts
new file mode 100644
index 00000000000..74d3253dbf3
--- /dev/null
+++ b/apps/web/src/settings/controllers/InviteRulesConfigController.ts
@@ -0,0 +1,88 @@
+/*
+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 IContent } from "matrix-js-sdk/src/matrix";
+
+import { type SettingLevel } from "../SettingLevel.ts";
+import MatrixClientBackedController from "./MatrixClientBackedController.ts";
+import {
+    type ComputedInviteConfig as ComputedInviteRules,
+    INVITE_RULES_ACCOUNT_DATA_TYPE,
+    type InviteConfigAccountData,
+} from "../../@types/invite-rules.ts";
+import { _t } from "../../languageHandler";
+
+/**
+ * Handles invite filtering rules provided by MSC4155.
+ * This handler does not make use of the roomId parameter.
+ */
+export default class InviteRulesConfigController extends MatrixClientBackedController {
+    public static readonly default: ComputedInviteRules = {
+        allBlocked: false,
+    };
+
+    private static getValidSettingData(content: IContent): ComputedInviteRules {
+        const expectedConfig = content as InviteConfigAccountData;
+        return {
+            allBlocked: !!expectedConfig.blocked_users?.includes("*"),
+        };
+    }
+
+    public initMatrixClient(newClient: MatrixClient): void {
+        newClient.doesServerSupportUnstableFeature("org.matrix.msc4155").then((result) => {
+            this.featureSupported = result;
+        });
+    }
+
+    public featureSupported?: boolean;
+
+    public constructor() {
+        super();
+        this.featureSupported = false;
+    }
+
+    private getValue = (): ComputedInviteRules => {
+        const accountData =
+            this.client?.getAccountData(INVITE_RULES_ACCOUNT_DATA_TYPE)?.getContent<InviteConfigAccountData>() ?? {};
+        return InviteRulesConfigController.getValidSettingData(accountData);
+    };
+
+    public getValueOverride(_level: SettingLevel): ComputedInviteRules {
+        return this.getValue();
+    }
+
+    public get settingDisabled(): true | string {
+        return this.featureSupported ? true : _t("settings|not_supported");
+    }
+
+    public async beforeChange(
+        _level: SettingLevel,
+        _roomId: string | null,
+        newValue: ComputedInviteRules,
+    ): Promise<boolean> {
+        if (!this.client) {
+            return false;
+        }
+        const existingContent = this.client
+            .getAccountData(INVITE_RULES_ACCOUNT_DATA_TYPE)
+            ?.getContent<InviteConfigAccountData>();
+        const newContent: InviteConfigAccountData = {
+            ...existingContent,
+            blocked_users: [...(existingContent?.blocked_users ?? [])],
+        };
+        if (newValue.allBlocked && !newContent.blocked_users!.includes("*")) {
+            newContent.blocked_users!.push("*");
+        } else if (!newValue.allBlocked && newContent.blocked_users?.includes("*")) {
+            newContent.blocked_users = newContent.blocked_users.filter((u) => u !== "*");
+        } else {
+            // No changes required.
+            return false;
+        }
+        await this.client.setAccountData(INVITE_RULES_ACCOUNT_DATA_TYPE, newContent);
+        return true;
+    }
+}
diff --git a/apps/web/src/settings/controllers/MatrixClientBackedController.ts b/apps/web/src/settings/controllers/MatrixClientBackedController.ts
new file mode 100644
index 00000000000..b305ad5fa23
--- /dev/null
+++ b/apps/web/src/settings/controllers/MatrixClientBackedController.ts
@@ -0,0 +1,44 @@
+/*
+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 MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import SettingController from "./SettingController";
+
+// Dev note: This whole class exists in the event someone logs out and back in - we want
+// to make sure the right MatrixClient is listening for changes.
+
+/**
+ * Represents the base class for settings controllers which need access to a MatrixClient.
+ * This class performs no logic and should be overridden.
+ */
+export default abstract class MatrixClientBackedController extends SettingController {
+    private static _matrixClient?: MatrixClient;
+    private static instances: MatrixClientBackedController[] = [];
+
+    public static set matrixClient(client: MatrixClient) {
+        const oldClient = MatrixClientBackedController._matrixClient;
+        MatrixClientBackedController._matrixClient = client;
+
+        for (const instance of MatrixClientBackedController.instances) {
+            instance.initMatrixClient?.(client, oldClient);
+        }
+    }
+
+    protected constructor() {
+        super();
+
+        MatrixClientBackedController.instances.push(this);
+    }
+
+    public get client(): MatrixClient | undefined {
+        return MatrixClientBackedController._matrixClient;
+    }
+
+    protected initMatrixClient?(newClient: MatrixClient, oldClient?: MatrixClient): void;
+}
diff --git a/apps/web/src/settings/controllers/MediaPreviewConfigController.test.ts b/apps/web/src/settings/controllers/MediaPreviewConfigController.test.ts
new file mode 100644
index 00000000000..2e81994475b
--- /dev/null
+++ b/apps/web/src/settings/controllers/MediaPreviewConfigController.test.ts
@@ -0,0 +1,167 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterEach } from "vitest";
+import { MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { getMockClientWithEventEmitter, mockClientMethodsServer } from "test-utils";
+
+import MatrixClientBackedController from "./MatrixClientBackedController";
+import MediaPreviewConfigController from "./MediaPreviewConfigController";
+import { SettingLevel } from "../SettingLevel";
+import { MEDIA_PREVIEW_ACCOUNT_DATA_TYPE, MediaPreviewValue } from "../../@types/media_preview";
+
+describe("MediaPreviewConfigController", () => {
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    const ROOM_ID = "!room:example.org";
+
+    it("gets the default settings when none are specified.", () => {
+        const controller = new MediaPreviewConfigController();
+
+        MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsServer(),
+            getAccountData: vi.fn().mockReturnValue(null),
+        });
+
+        const value = controller.getValueOverride(SettingLevel.ACCOUNT, null);
+        expect(value).toEqual(MediaPreviewConfigController.default);
+    });
+
+    it("gets the default settings when the setting is empty.", () => {
+        const controller = new MediaPreviewConfigController();
+
+        MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsServer(),
+            getAccountData: vi
+                .fn()
+                .mockReturnValue(new MatrixEvent({ type: MEDIA_PREVIEW_ACCOUNT_DATA_TYPE, content: {} })),
+        });
+
+        const value = controller.getValueOverride(SettingLevel.ACCOUNT, null);
+        expect(value).toEqual(MediaPreviewConfigController.default);
+    });
+
+    it.each([["media_previews"], ["invite_avatars"]])("gets the correct value for %s at the global level", (key) => {
+        const controller = new MediaPreviewConfigController();
+
+        MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsServer(),
+            getAccountData: vi.fn().mockReturnValue(
+                new MatrixEvent({
+                    type: MEDIA_PREVIEW_ACCOUNT_DATA_TYPE,
+                    content: {
+                        [key]: MediaPreviewValue.Off,
+                    },
+                }),
+            ),
+            getRoom: vi.fn().mockReturnValue({
+                getAccountData: vi.fn().mockReturnValue(null),
+            }),
+        });
+
+        const globalValue = controller.getValueOverride(SettingLevel.ACCOUNT, null);
+        expect(globalValue[key]).toEqual(MediaPreviewValue.Off);
+
+        // Should follow the global value.
+        const roomValue = controller.getValueOverride(SettingLevel.ROOM_ACCOUNT, ROOM_ID);
+        expect(roomValue[key]).toEqual(MediaPreviewValue.Off);
+    });
+
+    it.each([["media_previews"], ["invite_avatars"]])("gets the correct value for %s at the room level", (key) => {
+        const controller = new MediaPreviewConfigController();
+
+        MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsServer(),
+            getAccountData: vi.fn().mockReturnValue(null),
+            getRoom: vi.fn().mockReturnValue({
+                getAccountData: vi.fn().mockReturnValue(
+                    new MatrixEvent({
+                        type: MEDIA_PREVIEW_ACCOUNT_DATA_TYPE,
+                        content: {
+                            [key]: MediaPreviewValue.Off,
+                        },
+                    }),
+                ),
+            }),
+        });
+
+        const globalValue = controller.getValueOverride(SettingLevel.ACCOUNT, null);
+        expect(globalValue[key]).toEqual(MediaPreviewValue.On);
+
+        // Should follow the global value.
+        const roomValue = controller.getValueOverride(SettingLevel.ROOM_ACCOUNT, ROOM_ID);
+        expect(roomValue[key]).toEqual(MediaPreviewValue.Off);
+    });
+
+    it.each([["media_previews"], ["invite_avatars"]])(
+        "uses defaults when an invalid value is set on the global level",
+        (key) => {
+            const controller = new MediaPreviewConfigController();
+
+            MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+                ...mockClientMethodsServer(),
+                getAccountData: vi.fn().mockReturnValue(
+                    new MatrixEvent({
+                        type: MEDIA_PREVIEW_ACCOUNT_DATA_TYPE,
+                        content: {
+                            [key]: "bibble",
+                        },
+                    }),
+                ),
+                getRoom: vi.fn().mockReturnValue({
+                    getAccountData: vi.fn().mockReturnValue(null),
+                }),
+            });
+
+            const globalValue = controller.getValueOverride(SettingLevel.ACCOUNT, null);
+            expect(globalValue[key]).toEqual(MediaPreviewValue.On);
+
+            // Should follow the global value.
+            const roomValue = controller.getValueOverride(SettingLevel.ROOM_ACCOUNT, ROOM_ID);
+            expect(roomValue[key]).toEqual(MediaPreviewValue.On);
+        },
+    );
+    it.each([["media_previews"], ["invite_avatars"]])(
+        "uses global value when an invalid value is set on the room level",
+        (key) => {
+            const controller = new MediaPreviewConfigController();
+
+            MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+                ...mockClientMethodsServer(),
+                getAccountData: vi.fn().mockReturnValue(
+                    new MatrixEvent({
+                        type: MEDIA_PREVIEW_ACCOUNT_DATA_TYPE,
+                        content: {
+                            [key]: MediaPreviewValue.Off,
+                        },
+                    }),
+                ),
+                getRoom: vi.fn().mockReturnValue({
+                    getAccountData: vi.fn().mockReturnValue(
+                        new MatrixEvent({
+                            type: MEDIA_PREVIEW_ACCOUNT_DATA_TYPE,
+                            content: {
+                                [key]: "bibble",
+                            },
+                        }),
+                    ),
+                }),
+            });
+
+            const globalValue = controller.getValueOverride(SettingLevel.ACCOUNT, null);
+            expect(globalValue[key]).toEqual(MediaPreviewValue.Off);
+
+            // Should follow the global value.
+            const roomValue = controller.getValueOverride(SettingLevel.ROOM_ACCOUNT, ROOM_ID);
+            expect(roomValue[key]).toEqual(MediaPreviewValue.Off);
+        },
+    );
+});
diff --git a/apps/web/src/settings/controllers/MediaPreviewConfigController.ts b/apps/web/src/settings/controllers/MediaPreviewConfigController.ts
new file mode 100644
index 00000000000..14e3b1ac10e
--- /dev/null
+++ b/apps/web/src/settings/controllers/MediaPreviewConfigController.ts
@@ -0,0 +1,106 @@
+/*
+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 IContent } from "matrix-js-sdk/src/matrix";
+import { type AccountDataEvents } from "matrix-js-sdk/src/types";
+
+import {
+    MEDIA_PREVIEW_ACCOUNT_DATA_TYPE,
+    type MediaPreviewConfig,
+    MediaPreviewValue,
+} from "../../@types/media_preview.ts";
+import { type SettingLevel } from "../SettingLevel.ts";
+import MatrixClientBackedController from "./MatrixClientBackedController.ts";
+
+declare module "matrix-js-sdk/src/types" {
+    interface RoomAccountDataEvents {
+        [MEDIA_PREVIEW_ACCOUNT_DATA_TYPE]: MediaPreviewConfig;
+    }
+}
+
+/**
+ * Handles media preview settings provided by MSC4278.
+ * This uses both account-level and room-level account data.
+ */
+export default class MediaPreviewConfigController extends MatrixClientBackedController {
+    public static readonly default: AccountDataEvents[typeof MEDIA_PREVIEW_ACCOUNT_DATA_TYPE] = {
+        media_previews: MediaPreviewValue.On,
+        invite_avatars: MediaPreviewValue.On,
+    };
+
+    private static getValidSettingData(content: IContent): Partial<MediaPreviewConfig> {
+        const mediaPreviews: MediaPreviewConfig["media_previews"] = content.media_previews;
+        const inviteAvatars: MediaPreviewConfig["invite_avatars"] = content.invite_avatars;
+        const validMediaPreviews = Object.values(MediaPreviewValue);
+        const validInviteAvatars = [MediaPreviewValue.Off, MediaPreviewValue.On];
+        return {
+            invite_avatars: validInviteAvatars.includes(inviteAvatars!) ? inviteAvatars : undefined,
+            media_previews: validMediaPreviews.includes(mediaPreviews!) ? mediaPreviews : undefined,
+        };
+    }
+
+    public constructor() {
+        super();
+    }
+
+    private getValue = (roomId?: string): MediaPreviewConfig => {
+        const source = roomId ? this.client?.getRoom(roomId) : this.client;
+        const accountData =
+            source?.getAccountData(MEDIA_PREVIEW_ACCOUNT_DATA_TYPE)?.getContent<MediaPreviewConfig>() ?? {};
+
+        const calculatedConfig = MediaPreviewConfigController.getValidSettingData(accountData);
+
+        // Save an account data fetch if we have all the values.
+        if (calculatedConfig.invite_avatars && calculatedConfig.media_previews) {
+            return calculatedConfig;
+        }
+
+        // We're missing some keys.
+        if (roomId) {
+            const globalConfig = this.getValue();
+            return {
+                invite_avatars:
+                    calculatedConfig.invite_avatars ??
+                    globalConfig.invite_avatars ??
+                    MediaPreviewConfigController.default.invite_avatars,
+                media_previews:
+                    calculatedConfig.media_previews ??
+                    globalConfig.media_previews ??
+                    MediaPreviewConfigController.default.media_previews,
+            };
+        }
+        return {
+            invite_avatars: calculatedConfig.invite_avatars ?? MediaPreviewConfigController.default.invite_avatars,
+            media_previews: calculatedConfig.media_previews ?? MediaPreviewConfigController.default.media_previews,
+        };
+    };
+
+    public getValueOverride(_level: SettingLevel, roomId: string | null): MediaPreviewConfig {
+        return this.getValue(roomId ?? undefined);
+    }
+
+    public get settingDisabled(): false {
+        // No homeserver support is required for this MSC.
+        return false;
+    }
+
+    public async beforeChange(
+        _level: SettingLevel,
+        roomId: string | null,
+        newValue: MediaPreviewConfig,
+    ): Promise<boolean> {
+        if (!this.client) {
+            return false;
+        }
+        if (roomId) {
+            await this.client.setRoomAccountData(roomId, MEDIA_PREVIEW_ACCOUNT_DATA_TYPE, newValue);
+            return true;
+        }
+        await this.client.setAccountData(MEDIA_PREVIEW_ACCOUNT_DATA_TYPE, newValue);
+        return true;
+    }
+}
diff --git a/apps/web/src/settings/controllers/NotificationControllers.ts b/apps/web/src/settings/controllers/NotificationControllers.ts
new file mode 100644
index 00000000000..20a9245a25a
--- /dev/null
+++ b/apps/web/src/settings/controllers/NotificationControllers.ts
@@ -0,0 +1,65 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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 { logger } from "matrix-js-sdk/src/logger";
+import { PushRuleActionName } from "matrix-js-sdk/src/matrix";
+
+import SettingController from "./SettingController";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import { type SettingLevel } from "../SettingLevel";
+
+// .m.rule.master being enabled means all events match that push rule
+// 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.get()?.pushProcessor.getPushRuleById(".m.rule.master");
+
+    if (!masterRule) {
+        logger.warn("No master push rule! Notifications are disabled for this user.");
+        return true;
+    }
+
+    // If the rule is enabled then check it does not notify on everything
+    return masterRule.enabled && !masterRule.actions.includes(PushRuleActionName.Notify);
+}
+
+export class NotificationsEnabledController extends SettingController {
+    public getValueOverride(
+        level: SettingLevel,
+        roomId: string,
+        calculatedValue: any,
+        calculatedAtLevel: SettingLevel | null,
+    ): any {
+        if (!this.sdkContext.notifier.isPossible()) return false;
+
+        if (calculatedValue === null || calculatedAtLevel === "default") {
+            return !isPushNotifyDisabled();
+        }
+
+        return calculatedValue;
+    }
+
+    public onChange(level: SettingLevel, roomId: string, newValue: any): void {
+        if (this.sdkContext.notifier.supportsDesktopNotifications()) {
+            this.sdkContext.notifier.setEnabled(newValue);
+        }
+    }
+}
+
+export class NotificationBodyEnabledController extends SettingController {
+    public getValueOverride(level: SettingLevel, roomId: string, calculatedValue: any): any {
+        if (!this.sdkContext.notifier.isPossible()) return false;
+
+        if (calculatedValue === null) {
+            return !isPushNotifyDisabled();
+        }
+
+        return calculatedValue;
+    }
+}
diff --git a/apps/web/src/settings/controllers/ReducedMotionController.ts b/apps/web/src/settings/controllers/ReducedMotionController.ts
new file mode 100644
index 00000000000..53db05ac4c9
--- /dev/null
+++ b/apps/web/src/settings/controllers/ReducedMotionController.ts
@@ -0,0 +1,37 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 SettingController from "./SettingController";
+import { type SettingLevel } from "../SettingLevel";
+
+/**
+ * For animation-like settings, this controller checks whether the user has
+ * indicated they prefer reduced motion via browser or OS level settings.
+ * If they have, this forces the setting value to false.
+ */
+export default class ReducedMotionController extends SettingController {
+    public getValueOverride(
+        level: SettingLevel,
+        roomId: string,
+        calculatedValue: any,
+        calculatedAtLevel: SettingLevel | null,
+    ): any {
+        if (this.prefersReducedMotion()) {
+            return false;
+        }
+        return null; // no override
+    }
+
+    public get settingDisabled(): boolean {
+        return this.prefersReducedMotion();
+    }
+
+    private prefersReducedMotion(): boolean {
+        return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    }
+}
diff --git a/apps/web/src/settings/controllers/ReloadOnChangeController.ts b/apps/web/src/settings/controllers/ReloadOnChangeController.ts
new file mode 100644
index 00000000000..96093c907b6
--- /dev/null
+++ b/apps/web/src/settings/controllers/ReloadOnChangeController.ts
@@ -0,0 +1,17 @@
+/*
+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.
+*/
+
+import SettingController from "./SettingController";
+import PlatformPeg from "../../PlatformPeg";
+import { type SettingLevel } from "../SettingLevel";
+
+export default class ReloadOnChangeController extends SettingController {
+    public onChange(level: SettingLevel, roomId: string, newValue: any): void {
+        PlatformPeg.get()?.reload();
+    }
+}
diff --git a/apps/web/src/settings/controllers/RequiresSettingsController.test.ts b/apps/web/src/settings/controllers/RequiresSettingsController.test.ts
new file mode 100644
index 00000000000..a337e0a282e
--- /dev/null
+++ b/apps/web/src/settings/controllers/RequiresSettingsController.test.ts
@@ -0,0 +1,143 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import { type Capabilities } from "matrix-js-sdk/src/matrix";
+import { getMockClientWithEventEmitter, mockClientMethodsServer } from "test-utils";
+
+import RequiresSettingsController from "./RequiresSettingsController";
+import { SettingLevel } from "../SettingLevel";
+import SettingsStore from "../SettingsStore";
+import MatrixClientBackedController from "./MatrixClientBackedController";
+
+describe("RequiresSettingsController", () => {
+    afterEach(() => {
+        SettingsStore.reset();
+    });
+
+    it("forces a value if a setting is false", async () => {
+        const forcedValue = true;
+        await SettingsStore.setValue("useCompactLayout", null, SettingLevel.DEVICE, true);
+        await SettingsStore.setValue("useCustomFontSize", null, SettingLevel.DEVICE, false);
+        const controller = new RequiresSettingsController(["useCompactLayout", "useCustomFontSize"], forcedValue);
+        expect(controller.settingDisabled).toEqual(true);
+        expect(controller.getValueOverride()).toEqual(forcedValue);
+    });
+
+    it("does not force a value if all settings are true", async () => {
+        const controller = new RequiresSettingsController(["useCompactLayout", "useCustomFontSize"]);
+        await SettingsStore.setValue("useCompactLayout", null, SettingLevel.DEVICE, true);
+        await SettingsStore.setValue("useCustomFontSize", null, SettingLevel.DEVICE, true);
+        expect(controller.settingDisabled).toEqual(false);
+        expect(controller.getValueOverride()).toEqual(null);
+    });
+
+    describe("with capabilites", () => {
+        let client: ReturnType<typeof getMockClientWithEventEmitter>;
+        beforeEach(() => {
+            client = getMockClientWithEventEmitter({
+                ...mockClientMethodsServer(),
+                getCachedCapabilities: vi.fn().mockImplementation(() => {}),
+                getCapabilities: vi.fn().mockRejectedValue({}),
+            });
+            MatrixClientBackedController["_matrixClient"] = client;
+        });
+
+        afterEach(() => {
+            vi.restoreAllMocks();
+        });
+
+        it("will disable setting if capability check is true", async () => {
+            const caps = {
+                "m.change_password": {
+                    enabled: false,
+                },
+            };
+            client.getCachedCapabilities.mockImplementation(() => caps);
+            const controller = new RequiresSettingsController([], false, (c: Capabilities) => {
+                expect(c).toEqual(caps);
+                return !c["m.change_password"]?.enabled;
+            });
+
+            // Test that we fetch caps
+            controller["initMatrixClient"]();
+            expect(client.getCapabilities).toHaveBeenCalled();
+
+            // Test that we check caps.
+            expect(controller.settingDisabled).toEqual(true);
+            expect(controller.getValueOverride()).toEqual(false);
+            expect(client.getCachedCapabilities).toHaveBeenCalled();
+        });
+
+        it("will not disable setting if capability check is false", async () => {
+            const caps = {
+                "m.change_password": {
+                    enabled: true,
+                },
+            };
+            client.getCachedCapabilities.mockImplementation(() => caps);
+            const controller = new RequiresSettingsController([], false, (c: Capabilities) => {
+                expect(c).toEqual(caps);
+                return !c["m.change_password"]?.enabled;
+            });
+
+            // Test that we fetch caps
+            controller["initMatrixClient"]();
+            expect(client.getCapabilities).toHaveBeenCalled();
+
+            // Test that we check caps.
+            expect(controller.settingDisabled).toEqual(false);
+            expect(controller.getValueOverride()).toEqual(null);
+            expect(client.getCachedCapabilities).toHaveBeenCalled();
+        });
+
+        it("will check dependency settings before checking capabilites", async () => {
+            const caps = {
+                "m.change_password": {
+                    enabled: false,
+                },
+            };
+            client.getCachedCapabilities.mockImplementation(() => caps);
+            await SettingsStore.setValue("useCompactLayout", null, SettingLevel.DEVICE, false);
+            const controller = new RequiresSettingsController(["useCompactLayout"], false, (c: Capabilities) => false);
+
+            // Test that we fetch caps
+            controller["initMatrixClient"]();
+            expect(client.getCapabilities).toHaveBeenCalled();
+
+            // Test that we check caps.
+            expect(controller.settingDisabled).toEqual(true);
+            expect(controller.getValueOverride()).toEqual(false);
+            expect(client.getCachedCapabilities).not.toHaveBeenCalled();
+        });
+
+        it("will disable setting if capability check is true and dependency settings are true", async () => {
+            const caps = {
+                "m.change_password": {
+                    enabled: false,
+                },
+            };
+            client.getCachedCapabilities.mockImplementation(() => caps);
+            await SettingsStore.setValue("useCompactLayout", null, SettingLevel.DEVICE, true);
+            const controller = new RequiresSettingsController(["useCompactLayout"], false, (c: Capabilities) => {
+                expect(c).toEqual(caps);
+                return !c["m.change_password"]?.enabled;
+            });
+
+            // Test that we fetch caps
+            controller["initMatrixClient"]();
+            expect(client.getCapabilities).toHaveBeenCalled();
+
+            // Test that we check caps.
+            expect(controller.settingDisabled).toEqual(true);
+            expect(controller.getValueOverride()).toEqual(false);
+            expect(client.getCachedCapabilities).toHaveBeenCalled();
+        });
+    });
+});
diff --git a/apps/web/src/settings/controllers/RequiresSettingsController.ts b/apps/web/src/settings/controllers/RequiresSettingsController.ts
new file mode 100644
index 00000000000..cfe6802721e
--- /dev/null
+++ b/apps/web/src/settings/controllers/RequiresSettingsController.ts
@@ -0,0 +1,78 @@
+/*
+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 { logger as rootLogger } from "matrix-js-sdk/src/logger";
+
+import type { Capabilities } from "matrix-js-sdk/src/matrix";
+import type { BooleanSettingKey } from "../Settings.tsx";
+import MatrixClientBackedController from "./MatrixClientBackedController.ts";
+
+const logger = rootLogger.getChild("RequiresSettingsController");
+/**
+ * Disables a setting & forces it's value if one or more settings are not enabled
+ * and/or a capability on the client check does not pass.
+ */
+export default class RequiresSettingsController extends MatrixClientBackedController {
+    public constructor(
+        public readonly settingNames: BooleanSettingKey[],
+        private readonly forcedValue = false,
+        /**
+         * Function to check the capabilites of the client.
+         * If defined this will be called when the MatrixClient is instantiated to check
+         * the returned capabilites.
+         * @returns `true` or a string if the feature is disabled by the feature, otherwise false.
+         */
+        private readonly isCapabilityDisabled?: (caps: Capabilities) => boolean | string,
+    ) {
+        super();
+    }
+
+    protected initMatrixClient(): void {
+        if (this.client && this.isCapabilityDisabled) {
+            // Ensure we fetch capabilies at least once.
+            this.client.getCapabilities().catch((ex) => {
+                logger.warn("Failed to fetch capabilities", ex);
+            });
+        }
+    }
+
+    /**
+     * Checks if the `isCapabilityDisabled` function blocks the setting.
+     * @returns `true` or a string if the feature is disabled by the feature, otherwise false.
+     */
+    private get isBlockedByCapabilites(): boolean | string {
+        if (!this.isCapabilityDisabled) {
+            return false;
+        }
+        // This works because the cached caps are stored forever, and we have made
+        // at least one call to get capaibilies.
+        const cachedCaps = this.client?.getCachedCapabilities();
+        if (!cachedCaps) {
+            // If we do not have any capabilites yet, then assume the setting IS blocked.
+            return true;
+        }
+        return this.isCapabilityDisabled(cachedCaps);
+    }
+
+    public get settingDisabled(): boolean | string {
+        if (this.settingNames.some((s) => !this.settingsStore.getValue(s))) {
+            return true;
+        }
+        return this.isBlockedByCapabilites;
+    }
+
+    public getValueOverride(): any {
+        if (this.settingDisabled) {
+            // per the docs: we force a disabled state when the feature isn't active
+            return this.forcedValue;
+        }
+        if (this.isBlockedByCapabilites) {
+            return this.forcedValue;
+        }
+        return null; // no override
+    }
+}
diff --git a/apps/web/src/settings/controllers/ServerSupportUnstableFeatureController.test.ts b/apps/web/src/settings/controllers/ServerSupportUnstableFeatureController.test.ts
new file mode 100644
index 00000000000..08192674536
--- /dev/null
+++ b/apps/web/src/settings/controllers/ServerSupportUnstableFeatureController.test.ts
@@ -0,0 +1,142 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect } from "vitest";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils";
+
+import ServerSupportUnstableFeatureController from "./ServerSupportUnstableFeatureController";
+import { SettingLevel } from "../SettingLevel";
+import { type FeatureSettingKey, LabGroup, SETTINGS } from "../Settings";
+import { WatchManager } from "../WatchManager";
+import MatrixClientBackedController from "./MatrixClientBackedController";
+
+describe("ServerSupportUnstableFeatureController", () => {
+    const watchers = new WatchManager();
+    const setting = "setting_name" as FeatureSettingKey;
+
+    async function prepareSetting(
+        cli: MatrixClient,
+        controller: ServerSupportUnstableFeatureController,
+    ): Promise<void> {
+        SETTINGS[setting] = {
+            isFeature: true,
+            labsGroup: LabGroup.Messaging,
+            displayName: "name of some kind" as TranslationKey,
+            supportedLevels: [SettingLevel.DEVICE, SettingLevel.CONFIG],
+            default: false,
+            controller,
+        };
+
+        const deferred = Promise.withResolvers<any>();
+        watchers.watchSetting(setting, null, deferred.resolve);
+        MatrixClientBackedController.matrixClient = cli;
+        await deferred.promise;
+    }
+
+    describe("getValueOverride()", () => {
+        it("should return forced value is setting is disabled", async () => {
+            const cli = stubClient();
+            cli.doesServerSupportUnstableFeature = vi.fn(async () => false);
+
+            const controller = new ServerSupportUnstableFeatureController(
+                setting,
+                watchers,
+                [["feature"]],
+                undefined,
+                undefined,
+                "other_value",
+            );
+            await prepareSetting(cli, controller);
+
+            expect(controller.getValueOverride(SettingLevel.DEVICE, null, true, SettingLevel.ACCOUNT)).toEqual(
+                "other_value",
+            );
+        });
+
+        it("should pass through to the handler if setting is not disabled", async () => {
+            const cli = stubClient();
+            cli.doesServerSupportUnstableFeature = vi.fn(async () => true);
+
+            const controller = new ServerSupportUnstableFeatureController(
+                setting,
+                watchers,
+                [["feature"]],
+                "other_value",
+            );
+            await prepareSetting(cli, controller);
+
+            expect(controller.getValueOverride(SettingLevel.DEVICE, null, true, SettingLevel.ACCOUNT)).toEqual(null);
+        });
+    });
+
+    describe("settingDisabled()", () => {
+        it("considered disabled if there is no matrix client", () => {
+            const controller = new ServerSupportUnstableFeatureController(setting, watchers, [["org.matrix.msc3030"]]);
+            expect(controller.settingDisabled).toEqual(true);
+        });
+
+        it("considered disabled if not all required features in the only feature group are supported", async () => {
+            const cli = stubClient();
+            cli.doesServerSupportUnstableFeature = vi.fn(async (featureName) => {
+                return featureName === "org.matrix.msc3827.stable";
+            });
+
+            const controller = new ServerSupportUnstableFeatureController(setting, watchers, [
+                ["org.matrix.msc3827.stable", "org.matrix.msc3030"],
+            ]);
+            await prepareSetting(cli, controller);
+
+            expect(controller.settingDisabled).toEqual(true);
+        });
+
+        it("considered enabled if all required features in the only feature group are supported", async () => {
+            const cli = stubClient();
+            cli.doesServerSupportUnstableFeature = vi.fn(async (featureName) => {
+                return featureName === "org.matrix.msc3827.stable" || featureName === "org.matrix.msc3030";
+            });
+            const controller = new ServerSupportUnstableFeatureController(setting, watchers, [
+                ["org.matrix.msc3827.stable", "org.matrix.msc3030"],
+            ]);
+            await prepareSetting(cli, controller);
+
+            expect(controller.settingDisabled).toEqual(false);
+        });
+
+        it("considered enabled if all required features in one of the feature groups are supported", async () => {
+            const cli = stubClient();
+            cli.doesServerSupportUnstableFeature = vi.fn(async (featureName) => {
+                return featureName === "org.matrix.msc3827.stable" || featureName === "org.matrix.msc3030";
+            });
+            const controller = new ServerSupportUnstableFeatureController(setting, watchers, [
+                ["foo-unsupported", "bar-unsupported"],
+                ["org.matrix.msc3827.stable", "org.matrix.msc3030"],
+            ]);
+            await prepareSetting(cli, controller);
+
+            expect(controller.settingDisabled).toEqual(false);
+        });
+
+        it("considered disabled if not all required features in one of the feature groups are supported", async () => {
+            const cli = stubClient();
+            cli.doesServerSupportUnstableFeature = vi.fn(async (featureName) => {
+                return featureName === "org.matrix.msc3827.stable";
+            });
+
+            const controller = new ServerSupportUnstableFeatureController(setting, watchers, [
+                ["foo-unsupported", "bar-unsupported"],
+                ["org.matrix.msc3827.stable", "org.matrix.msc3030"],
+            ]);
+            await prepareSetting(cli, controller);
+
+            expect(controller.settingDisabled).toEqual(true);
+        });
+    });
+});
diff --git a/apps/web/src/settings/controllers/ServerSupportUnstableFeatureController.ts b/apps/web/src/settings/controllers/ServerSupportUnstableFeatureController.ts
new file mode 100644
index 00000000000..6109b1bc078
--- /dev/null
+++ b/apps/web/src/settings/controllers/ServerSupportUnstableFeatureController.ts
@@ -0,0 +1,119 @@
+/*
+Copyright 2026 Element Creations Ltd.
+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 SettingLevel } from "../SettingLevel";
+import MatrixClientBackedController from "./MatrixClientBackedController";
+import { type WatchManager } from "../WatchManager";
+import { type SettingKey } from "../Settings.tsx";
+import { _t } from "../../languageHandler";
+import PlatformPeg from "../../PlatformPeg.ts";
+
+/**
+ * Disables a given setting if the server unstable feature it requires is not supported
+ * When a setting gets disabled or enabled from this controller it notifies the given WatchManager
+ */
+export default class ServerSupportUnstableFeatureController extends MatrixClientBackedController {
+    // Starts off as `undefined` so when we first compare the `newDisabledValue`, it sees
+    // it as a change and updates the watchers.
+    private enabled: boolean | undefined;
+
+    /**
+     * Construct a new ServerSupportUnstableFeatureController.
+     *
+     * @param unstableFeatureGroups - If any one of the feature groups is satisfied,
+     * then the setting is considered enabled. A feature group is satisfied if all of
+     * the features in the group are supported (all features in a group are required).
+     * @param defaultEnabled - If we haven't been able to check for support yet, should
+     *  this feature be enabled or disabled (default).
+     * @param forceReload - Should the client force reload.
+     */
+    public constructor(
+        private readonly settingName: SettingKey,
+        private readonly watchers: WatchManager,
+        private readonly unstableFeatureGroups: string[][],
+        private readonly stableVersion?: string,
+        private readonly disabledMessage?: TranslationKey,
+        private readonly forcedValue: any = false,
+        private readonly defaultEnabled = false,
+        private readonly forceReload = false,
+    ) {
+        super();
+    }
+
+    public onChange(): void {
+        if (this.forceReload) {
+            PlatformPeg.get()?.reload();
+        }
+    }
+
+    public get disabled(): boolean {
+        if (this.enabled !== undefined) {
+            return !this.enabled;
+        }
+        return !this.defaultEnabled;
+    }
+
+    public set disabled(newDisabledValue: boolean) {
+        if (!newDisabledValue === this.enabled) return;
+        this.enabled = !newDisabledValue;
+        const level = this.settingsStore.firstSupportedLevel(this.settingName);
+        if (!level) return;
+        const settingValue = this.settingsStore.getValue(this.settingName, null);
+        this.watchers.notifyUpdate(this.settingName, null, level, settingValue);
+    }
+
+    protected async initMatrixClient(): Promise<void> {
+        // Check for stable version support first
+        if (this.stableVersion && (await this.client!.isVersionSupported(this.stableVersion))) {
+            this.disabled = false;
+            return;
+        }
+
+        // Otherwise, only one of the unstable feature groups needs to be satisfied in
+        // order for this setting overall to be enabled
+        let isEnabled = false;
+        for (const featureGroup of this.unstableFeatureGroups) {
+            const featureSupportList = await Promise.all(
+                featureGroup.map(async (feature) => {
+                    const isFeatureSupported = await this.client!.doesServerSupportUnstableFeature(feature);
+                    return isFeatureSupported;
+                }),
+            );
+
+            // Every feature in a feature group is required in order
+            // for this setting overall to be enabled.
+            const isFeatureGroupSatisfied = featureSupportList.every((isFeatureSupported) => isFeatureSupported);
+            if (isFeatureGroupSatisfied) {
+                isEnabled = true;
+                break;
+            }
+        }
+
+        this.disabled = !isEnabled;
+    }
+
+    public getValueOverride(
+        level: SettingLevel,
+        roomId: string | null,
+        calculatedValue: any,
+        calculatedAtLevel: SettingLevel | null,
+    ): any {
+        if (this.settingDisabled) {
+            return this.forcedValue;
+        }
+        return null; // no override
+    }
+
+    public get settingDisabled(): boolean | string {
+        if (this.disabled) {
+            return this.disabledMessage ? _t(this.disabledMessage) : true;
+        }
+        return false;
+    }
+}
diff --git a/apps/web/src/settings/controllers/SettingController.ts b/apps/web/src/settings/controllers/SettingController.ts
new file mode 100644
index 00000000000..9aa75aeb40b
--- /dev/null
+++ b/apps/web/src/settings/controllers/SettingController.ts
@@ -0,0 +1,90 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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 SettingLevel } from "../SettingLevel";
+import type SettingsStore from "../SettingsStore";
+import { type SDKContextClass } from "../../contexts/SDKContextClass.ts";
+
+/**
+ * Represents a controller for individual settings to alter the reading behaviour
+ * based upon environmental conditions, or to react to changes and therefore update
+ * the working environment.
+ *
+ * This is not intended to replace the functionality of a SettingsHandler, it is only
+ * intended to handle environmental factors for specific settings.
+ */
+export default abstract class SettingController {
+    public static sdkContext: SDKContextClass;
+    public static settingsStore: typeof SettingsStore;
+
+    /**
+     * Gets the overridden value for the setting, if any. This must return null if the
+     * value is not to be overridden, otherwise it must return the new value.
+     * @param {string} level The level at which the value was requested at.
+     * @param {String} roomId The room ID, may be null.
+     * @param {*} calculatedValue The value that the handlers think the setting should be,
+     * may be null.
+     * @param {SettingLevel} calculatedAtLevel The level for which the calculated value was
+     * calculated at. May be null.
+     * @returns {*} The value that should be used, or null if no override is applicable.
+     */
+    public getValueOverride(
+        level: SettingLevel,
+        roomId: string | null,
+        calculatedValue: any,
+        calculatedAtLevel: SettingLevel | null,
+    ): any {
+        return null; // no override
+    }
+
+    /**
+     * Called before the setting value has been changed, can abort the change.
+     * @param {string} level The level at which the setting has been modified.
+     * @param {String} roomId The room ID, may be null.
+     * @param {*} newValue The new value for the setting, may be null.
+     * @returns {boolean} Whether the settings change should be accepted.
+     */
+    public async beforeChange(level: SettingLevel, roomId: string | null, newValue: any): Promise<boolean> {
+        return true;
+    }
+
+    /**
+     * Called when the setting value has been changed.
+     * @param {string} level The level at which the setting has been modified.
+     * @param {String} roomId The room ID, may be null.
+     * @param {*} newValue The new value for the setting, may be null.
+     */
+    public onChange(level: SettingLevel, roomId: string | null, newValue: any): void {
+        // do nothing by default
+    }
+
+    /**
+     * Gets whether the setting has been disabled due to this controller.
+     * Can also return a string with the reason the setting is disabled.
+     */
+    public get settingDisabled(): boolean | string {
+        return false;
+    }
+
+    /**
+     * Accessor to the SettingsStore injected at runtime.
+     * Preferred to direct imports in order to avoid import cycles.
+     */
+    protected get settingsStore(): typeof SettingsStore {
+        return SettingController.settingsStore;
+    }
+
+    /**
+     * Accessor to the SDKContext injected at runtime.
+     * Preferred to direct imports in order to avoid import cycles.
+     */
+    protected get sdkContext(): SDKContextClass {
+        return SettingController.sdkContext;
+    }
+}
diff --git a/apps/web/src/settings/controllers/SlidingSyncController.ts b/apps/web/src/settings/controllers/SlidingSyncController.ts
new file mode 100644
index 00000000000..dfa3732f254
--- /dev/null
+++ b/apps/web/src/settings/controllers/SlidingSyncController.ts
@@ -0,0 +1,31 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2024 Ed Geraghty <ed@geraghty.family>
+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 SettingController from "./SettingController";
+import PlatformPeg from "../../PlatformPeg";
+import { _t } from "../../languageHandler";
+import { SlidingSyncManager } from "../../SlidingSyncManager";
+
+export default class SlidingSyncController extends SettingController {
+    public async onChange(): Promise<void> {
+        PlatformPeg.get()?.reload();
+    }
+
+    public get settingDisabled(): boolean | string {
+        // Cannot be disabled once enabled, user has been warned and must log out and back in.
+        if (this.settingsStore.getValue("feature_simplified_sliding_sync")) {
+            return _t("labs|sliding_sync_disabled_notice");
+        }
+        if (!SlidingSyncManager.serverSupportsSlidingSync) {
+            return _t("labs|sliding_sync_server_no_support");
+        }
+
+        return false;
+    }
+}
diff --git a/apps/web/src/settings/controllers/SystemFontController.test.ts b/apps/web/src/settings/controllers/SystemFontController.test.ts
new file mode 100644
index 00000000000..45553bbc2ec
--- /dev/null
+++ b/apps/web/src/settings/controllers/SystemFontController.test.ts
@@ -0,0 +1,38 @@
+/*
+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 { vi, describe, it, expect } from "vitest";
+
+import { Action } from "../../dispatcher/actions";
+import dis from "../../dispatcher/dispatcher";
+import SystemFontController from "./SystemFontController";
+import SettingsStore from "../SettingsStore";
+
+const dispatchSpy = vi.spyOn(dis, "dispatch");
+
+describe("SystemFontController", () => {
+    it("dispatches a system font update action on change", () => {
+        const controller = new SystemFontController();
+
+        const getValueSpy = vi.spyOn(SettingsStore, "getValue").mockImplementation((settingName): any => {
+            if (settingName === "useBundledEmojiFont") return false;
+            if (settingName === "useSystemFont") return true;
+            if (settingName === "systemFont") return "Comic Sans MS";
+        });
+        controller.onChange();
+
+        expect(dispatchSpy).toHaveBeenCalledWith({
+            action: Action.UpdateSystemFont,
+            useBundledEmojiFont: false,
+            useSystemFont: true,
+            font: "Comic Sans MS",
+        });
+
+        expect(getValueSpy).toHaveBeenCalledWith("useSystemFont");
+    });
+});
diff --git a/apps/web/src/settings/controllers/SystemFontController.ts b/apps/web/src/settings/controllers/SystemFontController.ts
new file mode 100644
index 00000000000..499e84bb069
--- /dev/null
+++ b/apps/web/src/settings/controllers/SystemFontController.ts
@@ -0,0 +1,28 @@
+/*
+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 SettingController from "./SettingController";
+import dis from "../../dispatcher/dispatcher";
+import { type UpdateSystemFontPayload } from "../../dispatcher/payloads/UpdateSystemFontPayload";
+import { Action } from "../../dispatcher/actions";
+
+export default class SystemFontController extends SettingController {
+    public constructor() {
+        super();
+    }
+
+    public onChange(): void {
+        // Dispatch font size change so that everything open responds to the change.
+        dis.dispatch<UpdateSystemFontPayload>({
+            action: Action.UpdateSystemFont,
+            useBundledEmojiFont: this.settingsStore.getValue("useBundledEmojiFont"),
+            useSystemFont: this.settingsStore.getValue("useSystemFont"),
+            font: this.settingsStore.getValue("systemFont"),
+        });
+    }
+}
diff --git a/apps/web/src/settings/controllers/ThemeController.ts b/apps/web/src/settings/controllers/ThemeController.ts
new file mode 100644
index 00000000000..567cc597356
--- /dev/null
+++ b/apps/web/src/settings/controllers/ThemeController.ts
@@ -0,0 +1,31 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 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 SettingController from "./SettingController";
+import { DEFAULT_THEME, enumerateThemes } from "../../theme";
+import { type SettingLevel } from "../SettingLevel";
+
+export default class ThemeController extends SettingController {
+    public getValueOverride(
+        level: SettingLevel,
+        roomId: string,
+        calculatedValue: any,
+        calculatedAtLevel: SettingLevel | null,
+    ): any {
+        if (!calculatedValue) return null; // Don't override null themes
+
+        const themes = enumerateThemes();
+        // Override in case some no longer supported theme is stored here
+        if (!themes[calculatedValue]) {
+            return DEFAULT_THEME;
+        }
+
+        return null; // no override
+    }
+}
diff --git a/apps/web/src/settings/controllers/UIFeatureController.ts b/apps/web/src/settings/controllers/UIFeatureController.ts
new file mode 100644
index 00000000000..94cd669f22f
--- /dev/null
+++ b/apps/web/src/settings/controllers/UIFeatureController.ts
@@ -0,0 +1,44 @@
+/*
+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 SettingController from "./SettingController";
+import { type SettingLevel } from "../SettingLevel";
+import { type SettingKey } from "../Settings.tsx";
+
+/**
+ * Enforces that a boolean setting cannot be enabled if the corresponding
+ * UI feature is disabled. If the UI feature is enabled, the setting value
+ * is unchanged.
+ *
+ * Settings using this controller are assumed to return `false` when disabled.
+ */
+export default class UIFeatureController extends SettingController {
+    public constructor(
+        private uiFeatureName: SettingKey,
+        private forcedValue = false,
+    ) {
+        super();
+    }
+
+    public getValueOverride(
+        level: SettingLevel,
+        roomId: string,
+        calculatedValue: any,
+        calculatedAtLevel: SettingLevel | null,
+    ): any {
+        if (this.settingDisabled) {
+            // per the docs: we force a disabled state when the feature isn't active
+            return this.forcedValue;
+        }
+        return null; // no override
+    }
+
+    public get settingDisabled(): boolean {
+        return !this.settingsStore.getValue(this.uiFeatureName);
+    }
+}
diff --git a/apps/web/src/settings/enums/ImageSize.test.ts b/apps/web/src/settings/enums/ImageSize.test.ts
new file mode 100644
index 00000000000..88d651f942a
--- /dev/null
+++ b/apps/web/src/settings/enums/ImageSize.test.ts
@@ -0,0 +1,40 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import { ImageSize, suggestedSize } from "./ImageSize";
+
+describe("ImageSize", () => {
+    describe("suggestedSize", () => {
+        it("constrains width", () => {
+            const size = suggestedSize(ImageSize.Normal, { w: 648, h: 162 });
+            expect(size).toStrictEqual({ w: 324, h: 81 });
+        });
+        it("constrains height", () => {
+            const size = suggestedSize(ImageSize.Normal, { w: 162, h: 648 });
+            expect(size).toStrictEqual({ w: 81, h: 324 });
+        });
+        it("constrains width in large mode", () => {
+            const size = suggestedSize(ImageSize.Large, { w: 2400, h: 1200 });
+            expect(size).toStrictEqual({ w: 800, h: 400 });
+        });
+        it("returns max values if content size is not specified", () => {
+            const size = suggestedSize(ImageSize.Normal, {});
+            expect(size).toStrictEqual({ w: 324, h: 324 });
+        });
+        it("returns integer values", () => {
+            const size = suggestedSize(ImageSize.Normal, { w: 642, h: 350 }); // does not divide evenly
+            expect(size).toStrictEqual({ w: 324, h: 176 });
+        });
+        it("returns integer values for portrait images", () => {
+            const size = suggestedSize(ImageSize.Normal, { w: 720, h: 1280 });
+            expect(size).toStrictEqual({ w: 182, h: 324 });
+        });
+    });
+});
diff --git a/apps/web/src/settings/enums/ImageSize.ts b/apps/web/src/settings/enums/ImageSize.ts
new file mode 100644
index 00000000000..394ee6b4fe9
--- /dev/null
+++ b/apps/web/src/settings/enums/ImageSize.ts
@@ -0,0 +1,51 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+// For Large the image gets drawn as big as possible.
+// constraint by: timeline width, manual height overrides, SIZE_LARGE.h
+const SIZE_LARGE = { w: 800, h: 600 };
+// For Normal the image gets drawn to never exceed SIZE_NORMAL.w, SIZE_NORMAL.h
+// constraint by: timeline width, manual height overrides
+const SIZE_NORMAL_LANDSCAPE = { w: 324, h: 324 }; // for w > h
+const SIZE_NORMAL_PORTRAIT = { w: Math.ceil(324 * (9 / 16)), h: 324 }; // for h > w
+
+type Dimensions = { w?: number; h?: number };
+
+export enum ImageSize {
+    Normal = "normal",
+    Large = "large",
+}
+
+/**
+ * @param {ImageSize} size The user's image size preference
+ * @param {Dimensions} contentSize The natural dimensions of the content
+ * @param {number} maxHeight Overrides the default height limit
+ * @returns {Dimensions} The suggested maximum dimensions for the image
+ */
+export function suggestedSize(size: ImageSize, contentSize: Dimensions, maxHeight?: number): Required<Dimensions> {
+    const aspectRatio = contentSize.w! / contentSize.h!;
+    const portrait = aspectRatio < 1;
+
+    const maxSize = size === ImageSize.Large ? SIZE_LARGE : portrait ? SIZE_NORMAL_PORTRAIT : SIZE_NORMAL_LANDSCAPE;
+    if (!contentSize.w || !contentSize.h) {
+        return maxSize;
+    }
+
+    const constrainedSize = {
+        w: Math.min(maxSize.w, contentSize.w),
+        h: maxHeight ? Math.min(maxSize.h, contentSize.h, maxHeight) : Math.min(maxSize.h, contentSize.h),
+    };
+
+    if (constrainedSize.h * aspectRatio < constrainedSize.w) {
+        // Height dictates width
+        return { w: Math.floor(constrainedSize.h * aspectRatio), h: constrainedSize.h };
+    } else {
+        // Width dictates height
+        return { w: constrainedSize.w, h: Math.floor(constrainedSize.w / aspectRatio) };
+    }
+}
diff --git a/apps/web/src/settings/enums/Layout.ts b/apps/web/src/settings/enums/Layout.ts
new file mode 100644
index 00000000000..1bf560a8fd0
--- /dev/null
+++ b/apps/web/src/settings/enums/Layout.ts
@@ -0,0 +1,15 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2021 Quirin Götz <codeworks@supercable.onl>
+
+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.
+*/
+
+/* TODO: This should be later reworked into something more generic */
+export enum Layout {
+    IRC = "irc",
+    Group = "group",
+    Bubble = "bubble",
+}
diff --git a/apps/web/src/settings/handlers/AbstractLocalStorageSettingsHandler.ts b/apps/web/src/settings/handlers/AbstractLocalStorageSettingsHandler.ts
new file mode 100644
index 00000000000..e6e2288319b
--- /dev/null
+++ b/apps/web/src/settings/handlers/AbstractLocalStorageSettingsHandler.ts
@@ -0,0 +1,106 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 SettingsHandler from "./SettingsHandler";
+
+/**
+ * Abstract settings handler wrapping around localStorage making getValue calls cheaper
+ * by caching the values and listening for localStorage updates from other tabs.
+ */
+export default abstract class AbstractLocalStorageSettingsHandler extends SettingsHandler {
+    // Shared cache between all subclass instances
+    private static itemCache = new Map<string, string | null>();
+    private static objectCache = new Map<string, object>();
+    private static storageListenerBound = false;
+
+    private static onStorageEvent = (e: StorageEvent): void => {
+        if (e.key === null) {
+            AbstractLocalStorageSettingsHandler.clear();
+        } else {
+            AbstractLocalStorageSettingsHandler.itemCache.delete(e.key);
+            AbstractLocalStorageSettingsHandler.objectCache.delete(e.key);
+        }
+    };
+
+    private static clear(): void {
+        AbstractLocalStorageSettingsHandler.itemCache.clear();
+        AbstractLocalStorageSettingsHandler.objectCache.clear();
+    }
+
+    protected constructor() {
+        super();
+
+        if (!AbstractLocalStorageSettingsHandler.storageListenerBound) {
+            AbstractLocalStorageSettingsHandler.storageListenerBound = true;
+            // Listen for storage changes from other tabs to bust the cache
+            window.addEventListener("storage", AbstractLocalStorageSettingsHandler.onStorageEvent);
+        }
+    }
+
+    protected getItem(key: string): string | null {
+        if (!AbstractLocalStorageSettingsHandler.itemCache.has(key)) {
+            const value = localStorage.getItem(key);
+            AbstractLocalStorageSettingsHandler.itemCache.set(key, value);
+            return value;
+        }
+
+        return AbstractLocalStorageSettingsHandler.itemCache.get(key)!;
+    }
+
+    protected getBoolean(key: string): boolean | null {
+        const item = this.getItem(key);
+        if (item === "true") return true;
+        if (item === "false") return false;
+        // Fall back to the next config level
+        return null;
+    }
+
+    protected getObject<T extends object>(key: string): T | null {
+        if (!AbstractLocalStorageSettingsHandler.objectCache.has(key)) {
+            try {
+                const value = JSON.parse(localStorage.getItem(key)!);
+                AbstractLocalStorageSettingsHandler.objectCache.set(key, value);
+                return value;
+            } catch (err) {
+                console.error("Failed to parse localStorage object", err);
+                return null;
+            }
+        }
+
+        return AbstractLocalStorageSettingsHandler.objectCache.get(key) as T;
+    }
+
+    protected setItem(key: string, value: string): void {
+        AbstractLocalStorageSettingsHandler.itemCache.set(key, value);
+        localStorage.setItem(key, value);
+    }
+
+    protected setBoolean(key: string, value: boolean | null): void {
+        this.setItem(key, `${value}`);
+    }
+
+    protected setObject(key: string, value: object): void {
+        AbstractLocalStorageSettingsHandler.objectCache.set(key, value);
+        localStorage.setItem(key, JSON.stringify(value));
+    }
+
+    // handles both items and objects
+    protected removeItem(key: string): void {
+        localStorage.removeItem(key);
+        AbstractLocalStorageSettingsHandler.itemCache.delete(key);
+        AbstractLocalStorageSettingsHandler.objectCache.delete(key);
+    }
+
+    public isSupported(): boolean {
+        return localStorage !== undefined && localStorage !== null;
+    }
+
+    public reset(): void {
+        AbstractLocalStorageSettingsHandler.clear();
+    }
+}
diff --git a/apps/web/src/settings/handlers/AccountSettingsHandler.test.ts b/apps/web/src/settings/handlers/AccountSettingsHandler.test.ts
new file mode 100644
index 00000000000..ae02d9d1b59
--- /dev/null
+++ b/apps/web/src/settings/handlers/AccountSettingsHandler.test.ts
@@ -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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { ClientEvent, MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils";
+
+import AccountSettingsHandler from "./AccountSettingsHandler.ts";
+import { WatchManager } from "../WatchManager.ts";
+
+describe("AccountSettingsHandler", () => {
+    const watchManager = new WatchManager();
+    const handler = new AccountSettingsHandler(watchManager);
+
+    beforeEach(stubClient);
+
+    it("should notify watchers of recent_emoji on account data update", async () => {
+        const fn = vi.fn();
+        handler.watchers.watchSetting("recent_emoji", null, fn);
+
+        const ev = new MatrixEvent({
+            type: "io.element.recent_emoji",
+            content: {
+                recent_emoji: [["🤒", 1]],
+            },
+        });
+        vi.mocked(handler.client.getAccountData).mockImplementation((eventType) =>
+            eventType === "io.element.recent_emoji" ? ev : undefined,
+        );
+        handler.client.emit(ClientEvent.AccountData, ev);
+
+        expect(fn).toHaveBeenCalledWith(null, "account", [{ emoji: "🤒", total: 1 }]);
+    });
+
+    it("should write value to account data correctly", async () => {
+        void handler.setValue("pseudonymousAnalyticsOptIn", null, true);
+
+        expect(handler.client.setAccountData).toHaveBeenCalledWith("im.vector.analytics", {
+            pseudonymousAnalyticsOptIn: true,
+        });
+    });
+});
diff --git a/apps/web/src/settings/handlers/AccountSettingsHandler.ts b/apps/web/src/settings/handlers/AccountSettingsHandler.ts
new file mode 100644
index 00000000000..9ea7a43c570
--- /dev/null
+++ b/apps/web/src/settings/handlers/AccountSettingsHandler.ts
@@ -0,0 +1,281 @@
+/*
+Copyright 2024, 2025 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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 AccountDataEvents, ClientEvent, type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { isEqual } from "lodash";
+
+import MatrixClientBackedSettingsHandler from "./MatrixClientBackedSettingsHandler";
+import { objectClone, objectKeyChanges } from "../../utils/objects";
+import { SettingLevel } from "../SettingLevel";
+import { type WatchManager } from "../WatchManager";
+import { MEDIA_PREVIEW_ACCOUNT_DATA_TYPE } from "../../@types/media_preview";
+import { type SettingKey, type Settings } from "../Settings.tsx";
+import { mergeEmojiData, type RecentEmojiData, translateLegacyEmojiData } from "../../emojipicker/recent.ts";
+
+const BREADCRUMBS_LEGACY_EVENT_TYPE = "im.vector.riot.breadcrumb_rooms";
+const BREADCRUMBS_EVENT_TYPE = "im.vector.setting.breadcrumbs";
+const BREADCRUMBS_EVENT_TYPES = [BREADCRUMBS_LEGACY_EVENT_TYPE, BREADCRUMBS_EVENT_TYPE];
+const LEGACY_RECENT_EMOJI_EVENT_TYPE = "io.element.recent_emoji";
+const RECENT_EMOJI_EVENT_TYPE = "m.recent_emoji";
+const INTEG_PROVISIONING_EVENT_TYPE = "im.vector.setting.integration_provisioning";
+const ANALYTICS_EVENT_TYPE = "im.vector.analytics";
+const DEFAULT_SETTINGS_EVENT_TYPE = "im.vector.web.settings";
+
+/**
+ * Gets and sets settings at the "account" level for the current user.
+ * This handler does not make use of the roomId parameter.
+ */
+export default class AccountSettingsHandler extends MatrixClientBackedSettingsHandler {
+    public constructor(public readonly watchers: WatchManager) {
+        super();
+    }
+
+    public get level(): SettingLevel {
+        return SettingLevel.ACCOUNT;
+    }
+
+    public initMatrixClient(oldClient: MatrixClient, newClient: MatrixClient): void {
+        oldClient?.removeListener(ClientEvent.AccountData, this.onAccountData);
+        newClient.on(ClientEvent.AccountData, this.onAccountData);
+    }
+
+    private onAccountData = (event: MatrixEvent, prevEvent?: MatrixEvent): void => {
+        if (event.getType() === "org.matrix.preview_urls") {
+            let val = event.getContent()["disable"];
+            if (typeof val !== "boolean") {
+                val = null;
+            } else {
+                val = !val;
+            }
+
+            this.watchers.notifyUpdate("urlPreviewsEnabled", null, SettingLevel.ACCOUNT, val);
+        } else if (event.getType() === DEFAULT_SETTINGS_EVENT_TYPE || event.getType() === ANALYTICS_EVENT_TYPE) {
+            // Figure out what changed and fire those updates
+            const prevContent = prevEvent?.getContent() ?? {};
+            const changedSettings = objectKeyChanges<Record<string, any>>(prevContent, event.getContent());
+            for (const settingName of changedSettings) {
+                const val = event.getContent()[settingName];
+                this.watchers.notifyUpdate(settingName, null, SettingLevel.ACCOUNT, val);
+            }
+        } else if (BREADCRUMBS_EVENT_TYPES.includes(event.getType())) {
+            this.notifyBreadcrumbsUpdate(event);
+        } else if (event.getType() === INTEG_PROVISIONING_EVENT_TYPE) {
+            const val = event.getContent()["enabled"];
+            this.watchers.notifyUpdate("integrationProvisioning", null, SettingLevel.ACCOUNT, val);
+        } else if (event.getType() === RECENT_EMOJI_EVENT_TYPE || event.getType() === LEGACY_RECENT_EMOJI_EVENT_TYPE) {
+            const val = this.getRecentEmoji();
+            this.watchers.notifyUpdate("recent_emoji", null, SettingLevel.ACCOUNT, val);
+        } else if (event.getType() === MEDIA_PREVIEW_ACCOUNT_DATA_TYPE) {
+            this.watchers.notifyUpdate("mediaPreviewConfig", null, SettingLevel.ROOM_ACCOUNT, event.getContent());
+        }
+    };
+
+    public getValue(settingName: string, roomId: string): any {
+        // Special case URL previews
+        if (settingName === "urlPreviewsEnabled") {
+            const content = this.getSettings("org.matrix.preview_urls");
+
+            // Check to make sure that we actually got a boolean
+            if (typeof content?.["disable"] !== "boolean") return null;
+            return !content["disable"];
+        }
+
+        // Special case for breadcrumbs
+        if (settingName === "breadcrumb_rooms") {
+            let content = this.getSettings(BREADCRUMBS_EVENT_TYPE);
+            if (!content?.["recent_rooms"]) {
+                const legacyContent = this.getSettings(BREADCRUMBS_LEGACY_EVENT_TYPE);
+
+                if (legacyContent) {
+                    content = {
+                        recent_rooms: legacyContent["rooms"],
+                    };
+                }
+            }
+
+            return content?.["recent_rooms"] ?? [];
+        }
+
+        // Special case recent emoji
+        if (settingName === "recent_emoji") {
+            const val = this.getRecentEmoji();
+            return val ?? null;
+        }
+
+        // Special case integration manager provisioning
+        if (settingName === "integrationProvisioning") {
+            const content = this.getSettings(INTEG_PROVISIONING_EVENT_TYPE);
+            return content ? content["enabled"] : null;
+        }
+
+        if (settingName === "pseudonymousAnalyticsOptIn") {
+            const content = this.getSettings(ANALYTICS_EVENT_TYPE);
+            // Check to make sure that we actually got a boolean
+            if (typeof content?.[settingName] !== "boolean") return null;
+            return content[settingName];
+        }
+
+        if (settingName === "MessageComposerInput.insertTrailingColon") {
+            const content = this.getSettings();
+            const value = content?.[settingName];
+            if (value === null || value === undefined) {
+                // Write true as it is the default. This will give us the option
+                // of making this opt-in in the future, without affecting old
+                // users
+                this.setValue(settingName, roomId, true);
+                return true;
+            }
+            return value;
+        }
+
+        const settings = this.getSettings();
+        let preferredValue = settings?.[settingName];
+
+        if (preferredValue === null || preferredValue === undefined) {
+            // Honour the old setting on read only
+            if (settingName === "hideAvatarChanges" || settingName === "hideDisplaynameChanges") {
+                preferredValue = settings?.["hideAvatarDisplaynameChanges"];
+            }
+        }
+
+        return preferredValue;
+    }
+
+    // helper function to set account data then await it being echoed back
+    private async setAccountData<K extends keyof AccountDataEvents, F extends keyof AccountDataEvents[K]>(
+        eventType: K,
+        field: F,
+        value: AccountDataEvents[K][F],
+        legacyEventType?: keyof AccountDataEvents,
+    ): Promise<void> {
+        let content = this.getSettings(eventType);
+        if (legacyEventType && !content?.[field]) {
+            content = this.getSettings(legacyEventType) as AccountDataEvents[K];
+        }
+
+        if (!content) {
+            content = {} as AccountDataEvents[K];
+        }
+
+        content[field] = value;
+
+        // Attach a deferred *before* setting the account data to ensure we catch any requests
+        // which race between different lines.
+        const deferred = Promise.withResolvers<void>();
+        const handler = (event: MatrixEvent): void => {
+            if (event.getType() !== eventType || !isEqual(event.getContent<AccountDataEvents[K]>()[field], value))
+                return;
+            this.client.off(ClientEvent.AccountData, handler);
+            deferred.resolve();
+        };
+        this.client.on(ClientEvent.AccountData, handler);
+
+        await this.client.setAccountData(eventType, content);
+
+        await deferred.promise;
+    }
+
+    public async setValue<S extends SettingKey>(
+        settingName: S,
+        roomId: string | null,
+        newValue: Settings[S]["default"],
+    ): Promise<void> {
+        switch (settingName) {
+            // Special case URL previews
+            case "urlPreviewsEnabled":
+                return this.setAccountData("org.matrix.preview_urls", "disable", !newValue);
+
+            // Special case for breadcrumbs
+            case "breadcrumb_rooms":
+                return this.setAccountData(
+                    BREADCRUMBS_EVENT_TYPE,
+                    "recent_rooms",
+                    <Settings["breadcrumb_rooms"]["default"]>newValue,
+                    BREADCRUMBS_LEGACY_EVENT_TYPE,
+                );
+
+            // Special case recent emoji
+            case "recent_emoji":
+                return this.setAccountData(
+                    RECENT_EMOJI_EVENT_TYPE,
+                    "recent_emoji",
+                    <Settings["recent_emoji"]["default"]>newValue,
+                );
+
+            // Special case integration manager provisioning
+            case "integrationProvisioning":
+                return this.setAccountData(
+                    INTEG_PROVISIONING_EVENT_TYPE,
+                    "enabled",
+                    <Settings["integrationProvisioning"]["default"]>newValue,
+                );
+
+            // Special case analytics
+            case "pseudonymousAnalyticsOptIn":
+                return this.setAccountData(
+                    ANALYTICS_EVENT_TYPE,
+                    "pseudonymousAnalyticsOptIn",
+                    <Settings["pseudonymousAnalyticsOptIn"]["default"]>newValue ?? undefined,
+                );
+            case "mediaPreviewConfig":
+                // Handled in MediaPreviewConfigController.
+                return;
+            case "inviteRules":
+                // Handled in InviteRulesConfigController.
+                return;
+            default:
+                return this.setAccountData(DEFAULT_SETTINGS_EVENT_TYPE, settingName, newValue);
+        }
+    }
+
+    public canSetValue(settingName: string, roomId: string): boolean {
+        return true; // It's their account, so they should be able to
+    }
+
+    public isSupported(): boolean {
+        return this.client && !this.client.isGuest();
+    }
+
+    private getSettings(): AccountDataEvents["im.vector.web.settings"] | null;
+    private getSettings<E extends keyof AccountDataEvents>(eventType: E): AccountDataEvents[E] | null;
+    private getSettings<E extends keyof AccountDataEvents>(eventType?: E): AccountDataEvents[E] | null {
+        if (!this.client) return null;
+
+        const event = this.client.getAccountData(eventType ?? "im.vector.web.settings");
+        const content = event?.getContent<AccountDataEvents[E]>();
+        if (!content) return null;
+        return objectClone(content); // clone to prevent mutation
+    }
+
+    private notifyBreadcrumbsUpdate(event: MatrixEvent): void {
+        let val = [];
+        if (event.getType() === BREADCRUMBS_LEGACY_EVENT_TYPE) {
+            // This seems fishy - try and get the event for the new rooms
+            const newType = this.getSettings(BREADCRUMBS_EVENT_TYPE);
+            if (newType) val = newType["recent_rooms"];
+            else val = event.getContent()["rooms"];
+        } else if (event.getType() === BREADCRUMBS_EVENT_TYPE) {
+            val = event.getContent()["recent_rooms"];
+        } else {
+            return; // for sanity, not because we expect to be here.
+        }
+        this.watchers.notifyUpdate("breadcrumb_rooms", null, SettingLevel.ACCOUNT, val || []);
+    }
+
+    private getRecentEmoji(): RecentEmojiData {
+        let val = this.getSettings(RECENT_EMOJI_EVENT_TYPE)?.recent_emoji || [];
+
+        const legacyVal = this.getSettings(LEGACY_RECENT_EMOJI_EVENT_TYPE)?.recent_emoji;
+        if (legacyVal) {
+            val = mergeEmojiData(val, translateLegacyEmojiData(legacyVal));
+        }
+
+        return val;
+    }
+}
diff --git a/apps/web/src/settings/handlers/ConfigSettingsHandler.ts b/apps/web/src/settings/handlers/ConfigSettingsHandler.ts
new file mode 100644
index 00000000000..1b41d676f5b
--- /dev/null
+++ b/apps/web/src/settings/handlers/ConfigSettingsHandler.ts
@@ -0,0 +1,61 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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 { isNullOrUndefined } from "matrix-js-sdk/src/utils";
+
+import SettingsHandler from "./SettingsHandler";
+import SdkConfig from "../../SdkConfig";
+import { SnakedObject } from "../../utils/SnakedObject";
+import { type IConfigOptions } from "../../IConfigOptions";
+
+/**
+ * Gets and sets settings at the "config" level. This handler does not make use of the
+ * roomId parameter.
+ */
+export default class ConfigSettingsHandler extends SettingsHandler {
+    public constructor(private featureNames: string[]) {
+        super();
+    }
+
+    public getValue(settingName: string, roomId: string): any {
+        const config = new SnakedObject<IConfigOptions>(SdkConfig.get());
+
+        if (this.featureNames.includes(settingName)) {
+            const labsConfig = config.get("features") || {};
+            const val = labsConfig[settingName];
+            if (isNullOrUndefined(val)) return null; // no definition at this level
+            if (val === true || val === false) return val; // new style: mapped as a boolean
+            if (val === "enable") return true; // backwards compat
+            if (val === "disable") return false; // backwards compat
+            if (val === "labs") return null; // backwards compat, no override
+            return null; // fallback in the case of invalid input
+        }
+
+        // Special case themes
+        if (settingName === "theme") {
+            return config.get("default_theme");
+        }
+
+        const settingsConfig = config.get("setting_defaults");
+        if (!settingsConfig || isNullOrUndefined(settingsConfig[settingName])) return null;
+        return settingsConfig[settingName];
+    }
+
+    public async setValue(settingName: string, roomId: string, newValue: any): Promise<void> {
+        throw new Error("Cannot change settings at the config level");
+    }
+
+    public canSetValue(settingName: string, roomId: string): boolean {
+        return false;
+    }
+
+    public isSupported(): boolean {
+        return true; // SdkConfig is always there
+    }
+}
diff --git a/apps/web/src/settings/handlers/DefaultSettingsHandler.ts b/apps/web/src/settings/handlers/DefaultSettingsHandler.ts
new file mode 100644
index 00000000000..a005525b4cb
--- /dev/null
+++ b/apps/web/src/settings/handlers/DefaultSettingsHandler.ts
@@ -0,0 +1,48 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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 SettingsHandler from "./SettingsHandler";
+
+/**
+ * Gets settings at the "default" level. This handler does not support setting values.
+ * This handler does not make use of the roomId parameter.
+ */
+export default class DefaultSettingsHandler extends SettingsHandler {
+    /**
+     * Creates a new default settings handler with the given defaults
+     * @param {object} defaults The default setting values, keyed by setting name.
+     * @param {object} invertedDefaults The default inverted setting values, keyed by setting name.
+     */
+    public constructor(
+        private defaults: Record<string, any>,
+        private invertedDefaults: Record<string, any>,
+    ) {
+        super();
+    }
+
+    public getValue(settingName: string, roomId: string): any {
+        let value = this.defaults[settingName];
+        if (value === undefined) {
+            value = this.invertedDefaults[settingName];
+        }
+        return value;
+    }
+
+    public async setValue(settingName: string, roomId: string, newValue: any): Promise<void> {
+        throw new Error("Cannot set values on the default level handler");
+    }
+
+    public canSetValue(settingName: string, roomId: string): boolean {
+        return false;
+    }
+
+    public isSupported(): boolean {
+        return true;
+    }
+}
diff --git a/apps/web/src/settings/handlers/DeviceSettingsHandler.test.ts b/apps/web/src/settings/handlers/DeviceSettingsHandler.test.ts
new file mode 100644
index 00000000000..052c9a88182
--- /dev/null
+++ b/apps/web/src/settings/handlers/DeviceSettingsHandler.test.ts
@@ -0,0 +1,76 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import { MatrixClient } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils";
+
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import DeviceSettingsHandler from "./DeviceSettingsHandler";
+import { type CallbackFn, WatchManager } from "../WatchManager";
+
+describe("DeviceSettingsHandler", () => {
+    const ROOM_ID_IS_UNUSED = "";
+
+    const unknownSettingKey = "unknown_setting";
+    const featureKey = "my_feature";
+
+    let watchers: WatchManager;
+    let handler: DeviceSettingsHandler;
+    let settingListener: CallbackFn;
+
+    beforeEach(() => {
+        watchers = new WatchManager();
+        handler = new DeviceSettingsHandler([featureKey], watchers);
+        settingListener = vi.fn();
+    });
+
+    afterEach(() => {
+        watchers.unwatchSetting(settingListener);
+    });
+
+    it("Returns undefined for an unknown setting", () => {
+        expect(handler.getValue(unknownSettingKey, ROOM_ID_IS_UNUSED)).toBeUndefined();
+    });
+
+    it("Returns the value for a disabled feature", () => {
+        handler.setValue(featureKey, ROOM_ID_IS_UNUSED, false);
+        expect(handler.getValue(featureKey, ROOM_ID_IS_UNUSED)).toBe(false);
+    });
+
+    it("Returns the value for an enabled feature", () => {
+        handler.setValue(featureKey, ROOM_ID_IS_UNUSED, true);
+        expect(handler.getValue(featureKey, ROOM_ID_IS_UNUSED)).toBe(true);
+    });
+
+    describe("If I am a guest", () => {
+        let client: MatrixClient;
+
+        beforeEach(() => {
+            client = stubClient();
+            vi.mocked(client.isGuest).mockReturnValue(true);
+        });
+
+        afterEach(() => {
+            MatrixClientPeg.get = () => null;
+            MatrixClientPeg.safeGet = () => new MatrixClient({ baseUrl: "foobar" });
+        });
+
+        it("Returns the value for a disabled feature", () => {
+            handler.setValue(featureKey, ROOM_ID_IS_UNUSED, false);
+            expect(handler.getValue(featureKey, ROOM_ID_IS_UNUSED)).toBe(false);
+        });
+
+        it("Returns the value for an enabled feature", () => {
+            handler.setValue(featureKey, ROOM_ID_IS_UNUSED, true);
+            expect(handler.getValue(featureKey, ROOM_ID_IS_UNUSED)).toBe(true);
+        });
+    });
+});
diff --git a/apps/web/src/settings/handlers/DeviceSettingsHandler.ts b/apps/web/src/settings/handlers/DeviceSettingsHandler.ts
new file mode 100644
index 00000000000..5ca296aae82
--- /dev/null
+++ b/apps/web/src/settings/handlers/DeviceSettingsHandler.ts
@@ -0,0 +1,131 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2022 The Matrix.org Foundation C.I.C.
+Copyright 2019 New Vector Ltd.
+Copyright 2017 Travis Ralston
+
+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 { SettingLevel } from "../SettingLevel";
+import { type CallbackFn, type WatchManager } from "../WatchManager";
+import AbstractLocalStorageSettingsHandler from "./AbstractLocalStorageSettingsHandler";
+
+/**
+ * Gets and sets settings at the "device" level for the current device.
+ * This handler does not make use of the roomId parameter. This handler
+ * will special-case features to support legacy settings.
+ */
+export default class DeviceSettingsHandler extends AbstractLocalStorageSettingsHandler {
+    /**
+     * Creates a new device settings handler
+     * @param {string[]} featureNames The names of known features.
+     * @param {WatchManager} watchers The watch manager to notify updates to
+     */
+    public constructor(
+        private featureNames: string[],
+        public readonly watchers: WatchManager,
+    ) {
+        super();
+    }
+
+    public getValue(settingName: string, roomId: string): any {
+        if (this.featureNames.includes(settingName)) {
+            return this.readFeature(settingName);
+        }
+
+        // Special case notifications
+        if (settingName === "notificationsEnabled") {
+            return this.getBoolean("notifications_enabled");
+        } else if (settingName === "notificationBodyEnabled") {
+            return this.getBoolean("notifications_body_enabled");
+        } else if (settingName === "audioNotificationsEnabled") {
+            return this.getBoolean("audio_notifications_enabled");
+        }
+
+        const settings = this.getSettings() || {};
+        return settings[settingName];
+    }
+
+    public setValue(settingName: string, roomId: string, newValue: any): Promise<void> {
+        if (this.featureNames.includes(settingName)) {
+            this.writeFeature(settingName, newValue);
+            return Promise.resolve();
+        }
+
+        // Special case notifications
+        if (settingName === "notificationsEnabled") {
+            this.setBoolean("notifications_enabled", newValue);
+            this.watchers.notifyUpdate(settingName, null, SettingLevel.DEVICE, newValue);
+            return Promise.resolve();
+        } else if (settingName === "notificationBodyEnabled") {
+            this.setBoolean("notifications_body_enabled", newValue);
+            this.watchers.notifyUpdate(settingName, null, SettingLevel.DEVICE, newValue);
+            return Promise.resolve();
+        } else if (settingName === "audioNotificationsEnabled") {
+            this.setBoolean("audio_notifications_enabled", newValue);
+            this.watchers.notifyUpdate(settingName, null, SettingLevel.DEVICE, newValue);
+            return Promise.resolve();
+        }
+
+        // Special case for old useIRCLayout setting
+        if (settingName === "layout") {
+            const settings = this.getSettings() || {};
+
+            delete settings["useIRCLayout"];
+            settings["layout"] = newValue;
+            this.setObject("mx_local_settings", settings);
+
+            this.watchers.notifyUpdate(settingName, null, SettingLevel.DEVICE, newValue);
+            return Promise.resolve();
+        }
+
+        const settings = this.getSettings() || {};
+        settings[settingName] = newValue;
+        this.setObject("mx_local_settings", settings);
+        this.watchers.notifyUpdate(settingName, null, SettingLevel.DEVICE, newValue);
+
+        return Promise.resolve();
+    }
+
+    public canSetValue(settingName: string, roomId: string): boolean {
+        return true; // It's their device, so they should be able to
+    }
+
+    public watchSetting(settingName: string, roomId: string, cb: CallbackFn): void {
+        this.watchers.watchSetting(settingName, roomId, cb);
+    }
+
+    public unwatchSetting(cb: CallbackFn): void {
+        this.watchers.unwatchSetting(cb);
+    }
+
+    private getSettings(): any {
+        // TODO: [TS] Type return
+        return this.getObject("mx_local_settings");
+    }
+
+    // Note: features intentionally don't use the same key as settings to avoid conflicts
+    // and to be backwards compatible.
+
+    // public for access to migrations - not exposed from the SettingsHandler interface
+    public readFeature(featureName: string): boolean | null {
+        // Previously, we disabled all features for guests, but since different
+        // installations can have site-specific config files which might set up
+        // different behaviour that is relevant to guests, we removed that
+        // special behaviour. See
+        // https://github.com/vector-im/element-web/issues/24513 for the
+        // discussion.
+
+        // XXX: This turns they key names into `mx_labs_feature_feature_x` (double feature).
+        // This is because all feature names start with `feature_` as a matter of policy.
+        // Oh well.
+        return this.getBoolean("mx_labs_feature_" + featureName);
+    }
+
+    private writeFeature(featureName: string, enabled: boolean | null): void {
+        this.setBoolean("mx_labs_feature_" + featureName, enabled);
+        this.watchers.notifyUpdate(featureName, null, SettingLevel.DEVICE, enabled);
+    }
+}
diff --git a/apps/web/src/settings/handlers/LocalEchoWrapper.ts b/apps/web/src/settings/handlers/LocalEchoWrapper.ts
new file mode 100644
index 00000000000..b34dd652295
--- /dev/null
+++ b/apps/web/src/settings/handlers/LocalEchoWrapper.ts
@@ -0,0 +1,83 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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 SettingsHandler from "./SettingsHandler";
+import { type SettingLevel } from "../SettingLevel";
+
+/**
+ * A wrapper for a SettingsHandler that performs local echo on
+ * changes to settings. This wrapper will use the underlying
+ * handler as much as possible to ensure values are not stale.
+ */
+export default class LocalEchoWrapper extends SettingsHandler {
+    private cache: {
+        [settingName: string]: {
+            [roomId: string]: any;
+        };
+    } = {};
+
+    /**
+     * Creates a new local echo wrapper
+     * @param {SettingsHandler} handler The handler to wrap
+     * @param {SettingLevel} level The level to notify updates at
+     */
+    public constructor(
+        private readonly handler: SettingsHandler,
+        private readonly level: SettingLevel,
+    ) {
+        super();
+    }
+
+    public getValue(settingName: string, roomId: string): any {
+        const cacheRoomId = roomId ?? "UNDEFINED"; // avoid weird keys
+        const bySetting = this.cache[settingName];
+        if (bySetting?.hasOwnProperty(cacheRoomId)) {
+            return bySetting[cacheRoomId];
+        }
+
+        return this.handler.getValue(settingName, roomId);
+    }
+
+    public async setValue(settingName: string, roomId: string, newValue: any): Promise<void> {
+        if (!this.cache[settingName]) this.cache[settingName] = {};
+        const bySetting = this.cache[settingName];
+
+        const cacheRoomId = roomId ?? "UNDEFINED"; // avoid weird keys
+        bySetting[cacheRoomId] = newValue;
+
+        const currentValue = this.handler.getValue(settingName, roomId);
+        const handlerPromise = this.handler.setValue(settingName, roomId, newValue);
+        this.handler.watchers?.notifyUpdate(settingName, roomId, this.level, newValue);
+
+        try {
+            await handlerPromise;
+        } catch {
+            // notify of a rollback
+            this.handler.watchers?.notifyUpdate(settingName, roomId, this.level, currentValue);
+        } finally {
+            // only expire the cache if our value hasn't been overwritten yet
+            if (bySetting[cacheRoomId] === newValue) {
+                delete bySetting[cacheRoomId];
+            }
+        }
+    }
+
+    public canSetValue(settingName: string, roomId: string): boolean {
+        return this.handler.canSetValue(settingName, roomId);
+    }
+
+    public isSupported(): boolean {
+        return this.handler.isSupported();
+    }
+
+    public reset(): void {
+        this.cache = {};
+        this.handler.reset();
+    }
+}
diff --git a/apps/web/src/settings/handlers/MatrixClientBackedSettingsHandler.ts b/apps/web/src/settings/handlers/MatrixClientBackedSettingsHandler.ts
new file mode 100644
index 00000000000..822018375e4
--- /dev/null
+++ b/apps/web/src/settings/handlers/MatrixClientBackedSettingsHandler.ts
@@ -0,0 +1,44 @@
+/*
+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.
+*/
+
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import SettingsHandler from "./SettingsHandler";
+
+// Dev note: This whole class exists in the event someone logs out and back in - we want
+// to make sure the right MatrixClient is listening for changes.
+
+/**
+ * Represents the base class for settings handlers which need access to a MatrixClient.
+ * This class performs no logic and should be overridden.
+ */
+export default abstract class MatrixClientBackedSettingsHandler extends SettingsHandler {
+    private static _matrixClient: MatrixClient;
+    private static instances: MatrixClientBackedSettingsHandler[] = [];
+
+    public static set matrixClient(client: MatrixClient) {
+        const oldClient = MatrixClientBackedSettingsHandler._matrixClient;
+        MatrixClientBackedSettingsHandler._matrixClient = client;
+
+        for (const instance of MatrixClientBackedSettingsHandler.instances) {
+            instance.initMatrixClient(oldClient, client);
+        }
+    }
+
+    protected constructor() {
+        super();
+
+        MatrixClientBackedSettingsHandler.instances.push(this);
+    }
+
+    public get client(): MatrixClient {
+        return MatrixClientBackedSettingsHandler._matrixClient;
+    }
+
+    protected abstract initMatrixClient(oldClient: MatrixClient, newClient: MatrixClient): void;
+}
diff --git a/apps/web/src/settings/handlers/PlatformSettingsHandler.ts b/apps/web/src/settings/handlers/PlatformSettingsHandler.ts
new file mode 100644
index 00000000000..4741f355304
--- /dev/null
+++ b/apps/web/src/settings/handlers/PlatformSettingsHandler.ts
@@ -0,0 +1,57 @@
+/*
+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 SettingsHandler from "./SettingsHandler";
+import PlatformPeg from "../../PlatformPeg";
+import { SETTINGS } from "../Settings";
+import { SettingLevel } from "../SettingLevel";
+
+/**
+ * Gets and sets settings at the "platform" level for the current device.
+ * This handler does not make use of the roomId parameter.
+ */
+export default class PlatformSettingsHandler extends SettingsHandler {
+    private store: { [settingName: string]: any } = {};
+
+    public constructor() {
+        super();
+
+        void this.setup();
+    }
+
+    private async setup(): Promise<void> {
+        const platform = await PlatformPeg.platformPromise;
+        await platform.initialised;
+
+        // Load setting values as they are async and `getValue` must be synchronous
+        Object.entries(SETTINGS).forEach(([key, setting]) => {
+            if (setting.supportedLevels?.includes(SettingLevel.PLATFORM) && platform.supportsSetting(key)) {
+                platform.getSettingValue(key).then((value: any) => {
+                    this.store[key] = value;
+                });
+            }
+        });
+    }
+
+    public canSetValue(settingName: string, roomId: string): boolean {
+        return PlatformPeg.get()?.supportsSetting(settingName) ?? false;
+    }
+
+    public getValue(settingName: string, roomId: string): any {
+        return this.store[settingName];
+    }
+
+    public async setValue(settingName: string, roomId: string, newValue: any): Promise<void> {
+        this.store[settingName] = newValue; // keep cache up to date for synchronous access
+        await PlatformPeg.get()?.setSettingValue(settingName, newValue);
+    }
+
+    public isSupported(): boolean {
+        return PlatformPeg.get()?.supportsSetting() ?? false;
+    }
+}
diff --git a/apps/web/src/settings/handlers/RoomAccountSettingsHandler.ts b/apps/web/src/settings/handlers/RoomAccountSettingsHandler.ts
new file mode 100644
index 00000000000..5da1a0c5f00
--- /dev/null
+++ b/apps/web/src/settings/handlers/RoomAccountSettingsHandler.ts
@@ -0,0 +1,153 @@
+/*
+Copyright 2024, 2025 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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 RoomAccountDataEvents,
+    type MatrixClient,
+    type MatrixEvent,
+    type Room,
+    RoomEvent,
+} from "matrix-js-sdk/src/matrix";
+
+import MatrixClientBackedSettingsHandler from "./MatrixClientBackedSettingsHandler";
+import { objectClone, objectKeyChanges } from "../../utils/objects";
+import { SettingLevel } from "../SettingLevel";
+import { type WatchManager } from "../WatchManager";
+import { MEDIA_PREVIEW_ACCOUNT_DATA_TYPE } from "../../@types/media_preview";
+
+const ALLOWED_WIDGETS_EVENT_TYPE = "im.vector.setting.allowed_widgets";
+const DEFAULT_SETTINGS_EVENT_TYPE = "im.vector.web.settings";
+
+declare module "matrix-js-sdk/src/types" {
+    interface RoomAccountDataEvents {
+        [ALLOWED_WIDGETS_EVENT_TYPE]: { [eventId: string]: boolean };
+        [DEFAULT_SETTINGS_EVENT_TYPE]: Record<string, any>;
+        "org.matrix.room.preview_urls": { disable: boolean };
+    }
+}
+
+/**
+ * Gets and sets settings at the "room-account" level for the current user.
+ */
+export default class RoomAccountSettingsHandler extends MatrixClientBackedSettingsHandler {
+    public constructor(public readonly watchers: WatchManager) {
+        super();
+    }
+
+    protected initMatrixClient(oldClient: MatrixClient, newClient: MatrixClient): void {
+        if (oldClient) {
+            oldClient.removeListener(RoomEvent.AccountData, this.onAccountData);
+        }
+
+        newClient.on(RoomEvent.AccountData, this.onAccountData);
+    }
+
+    private onAccountData = (event: MatrixEvent, room: Room, prevEvent?: MatrixEvent): void => {
+        const roomId = room.roomId;
+
+        if (event.getType() === "org.matrix.room.preview_urls") {
+            let val = event.getContent()["disable"];
+            if (typeof val !== "boolean") {
+                val = null;
+            } else {
+                val = !val;
+            }
+
+            this.watchers.notifyUpdate("urlPreviewsEnabled", roomId, SettingLevel.ROOM_ACCOUNT, val);
+        } else if (event.getType() === DEFAULT_SETTINGS_EVENT_TYPE) {
+            // Figure out what changed and fire those updates
+            const prevContent = prevEvent?.getContent() ?? {};
+            const changedSettings = objectKeyChanges<Record<string, any>>(prevContent, event.getContent());
+            for (const settingName of changedSettings) {
+                const val = event.getContent()[settingName];
+                this.watchers.notifyUpdate(settingName, roomId, SettingLevel.ROOM_ACCOUNT, val);
+            }
+        } else if (event.getType() === ALLOWED_WIDGETS_EVENT_TYPE) {
+            this.watchers.notifyUpdate("allowedWidgets", roomId, SettingLevel.ROOM_ACCOUNT, event.getContent());
+        } else if (event.getType() === MEDIA_PREVIEW_ACCOUNT_DATA_TYPE) {
+            this.watchers.notifyUpdate("mediaPreviewConfig", roomId, SettingLevel.ROOM_ACCOUNT, event.getContent());
+        }
+    };
+
+    public getValue(settingName: string, roomId: string): any {
+        // Special case allowed widgets
+        if (settingName === "allowedWidgets") {
+            return this.getSettings(roomId, ALLOWED_WIDGETS_EVENT_TYPE);
+        }
+
+        const settings = this.getSettings(roomId) || {};
+        return settings[settingName];
+    }
+
+    // helper function to send room account data then await it being echoed back
+    private async setRoomAccountData<K extends keyof RoomAccountDataEvents, F extends keyof RoomAccountDataEvents[K]>(
+        roomId: string,
+        eventType: K,
+        field: F | null,
+        value: RoomAccountDataEvents[K][F],
+    ): Promise<void> {
+        let content: ReturnType<RoomAccountSettingsHandler["getSettings"]>;
+
+        if (field === null) {
+            content = value;
+        } else {
+            content = this.getSettings(roomId, eventType) || {};
+            content[field] = value;
+        }
+
+        await this.client.setRoomAccountData(roomId, eventType, content);
+
+        const deferred = Promise.withResolvers<void>();
+        const handler = (event: MatrixEvent, room: Room): void => {
+            if (room.roomId !== roomId || event.getType() !== eventType) return;
+            if (field !== null && event.getContent<Record<F, RoomAccountDataEvents[K][F]>>()[field] !== value) return;
+            this.client.off(RoomEvent.AccountData, handler);
+            deferred.resolve();
+        };
+        this.client.on(RoomEvent.AccountData, handler);
+
+        await deferred.promise;
+    }
+
+    public async setValue(settingName: string, roomId: string, newValue: any): Promise<void> {
+        switch (settingName) {
+            // Special case URL previews
+            case "urlPreviewsEnabled":
+                return this.setRoomAccountData(roomId, "org.matrix.room.preview_urls", "disable", !newValue);
+
+            // Special case allowed widgets
+            case "allowedWidgets":
+                return this.setRoomAccountData(roomId, ALLOWED_WIDGETS_EVENT_TYPE, null, newValue);
+            case "mediaPreviewConfig":
+                // Handled in MediaPreviewConfigController.
+                return;
+            case "inviteRules":
+                // Handled in InviteRulesConfigController.
+                return;
+            default:
+                return this.setRoomAccountData(roomId, DEFAULT_SETTINGS_EVENT_TYPE, settingName, newValue);
+        }
+    }
+
+    public canSetValue(settingName: string, roomId: string): boolean {
+        // If they have the room, they can set their own account data
+        return !!this.client.getRoom(roomId);
+    }
+
+    public isSupported(): boolean {
+        return this.client && !this.client.isGuest();
+    }
+
+    private getSettings(roomId: string, eventType = DEFAULT_SETTINGS_EVENT_TYPE): any {
+        // TODO: [TS] Type return
+        const event = this.client.getRoom(roomId)?.getAccountData(eventType);
+        if (!event || !event.getContent()) return null;
+        return objectClone(event.getContent()); // clone to prevent mutation
+    }
+}
diff --git a/apps/web/src/settings/handlers/RoomDeviceSettingsHandler.test.ts b/apps/web/src/settings/handlers/RoomDeviceSettingsHandler.test.ts
new file mode 100644
index 00000000000..84b2ebc8bda
--- /dev/null
+++ b/apps/web/src/settings/handlers/RoomDeviceSettingsHandler.test.ts
@@ -0,0 +1,59 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+
+import RoomDeviceSettingsHandler from "./RoomDeviceSettingsHandler";
+import { SettingLevel } from "../SettingLevel";
+import { type CallbackFn, WatchManager } from "../WatchManager";
+
+describe("RoomDeviceSettingsHandler", () => {
+    const roomId = "!room:example.com";
+    const value = "test value";
+    const testSettings = [
+        "RightPanel.phases",
+        // special case in RoomDeviceSettingsHandler
+        "blacklistUnverifiedDevices",
+    ];
+    let watchers: WatchManager;
+    let handler: RoomDeviceSettingsHandler;
+    let settingListener: CallbackFn;
+
+    beforeEach(() => {
+        watchers = new WatchManager();
+        handler = new RoomDeviceSettingsHandler(watchers);
+        settingListener = vi.fn();
+    });
+
+    afterEach(() => {
+        watchers.unwatchSetting(settingListener);
+    });
+
+    it.each(testSettings)("should write/read/clear the value for »%s«", (setting: string): void => {
+        // initial value should be null
+        watchers.watchSetting(setting, roomId, settingListener);
+
+        expect(handler.getValue(setting, roomId)).toBeNull();
+
+        // set and read value
+        handler.setValue(setting, roomId, value);
+        expect(settingListener).toHaveBeenCalledWith(roomId, SettingLevel.ROOM_DEVICE, value);
+        expect(handler.getValue(setting, roomId)).toEqual(value);
+
+        // clear value
+        handler.setValue(setting, roomId, null);
+        expect(settingListener).toHaveBeenCalledWith(roomId, SettingLevel.ROOM_DEVICE, null);
+        expect(handler.getValue(setting, roomId)).toBeNull();
+    });
+
+    it("canSetValue should return true", () => {
+        expect(handler.canSetValue("test setting", roomId)).toBe(true);
+    });
+});
diff --git a/apps/web/src/settings/handlers/RoomDeviceSettingsHandler.ts b/apps/web/src/settings/handlers/RoomDeviceSettingsHandler.ts
new file mode 100644
index 00000000000..2e9187c7905
--- /dev/null
+++ b/apps/web/src/settings/handlers/RoomDeviceSettingsHandler.ts
@@ -0,0 +1,72 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 - 2022 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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 { safeSet } from "matrix-js-sdk/src/utils";
+
+import { SettingLevel } from "../SettingLevel";
+import { type WatchManager } from "../WatchManager";
+import AbstractLocalStorageSettingsHandler from "./AbstractLocalStorageSettingsHandler";
+
+/**
+ * Gets and sets settings at the "room-device" level for the current device in a particular
+ * room.
+ */
+export default class RoomDeviceSettingsHandler extends AbstractLocalStorageSettingsHandler {
+    public constructor(public readonly watchers: WatchManager) {
+        super();
+    }
+
+    public getValue(settingName: string, roomId: string): any {
+        // Special case blacklist setting to use legacy values
+        if (settingName === "blacklistUnverifiedDevices") {
+            const value = this.read("mx_local_settings");
+            if (value?.["blacklistUnverifiedDevicesPerRoom"]) {
+                return value["blacklistUnverifiedDevicesPerRoom"][roomId];
+            }
+        }
+
+        const value = this.read(this.getKey(settingName, roomId));
+        if (value) return value.value;
+        return null;
+    }
+
+    public setValue(settingName: string, roomId: string, newValue: any): Promise<void> {
+        // Special case blacklist setting for legacy structure
+        if (settingName === "blacklistUnverifiedDevices") {
+            let value = this.read("mx_local_settings");
+            if (!value) value = {};
+            if (!value["blacklistUnverifiedDevicesPerRoom"]) value["blacklistUnverifiedDevicesPerRoom"] = {};
+            safeSet(value["blacklistUnverifiedDevicesPerRoom"], roomId, newValue);
+            this.setObject("mx_local_settings", value);
+            this.watchers.notifyUpdate(settingName, roomId, SettingLevel.ROOM_DEVICE, newValue);
+            return Promise.resolve();
+        }
+
+        if (newValue === null) {
+            this.removeItem(this.getKey(settingName, roomId));
+        } else {
+            this.setObject(this.getKey(settingName, roomId), { value: newValue });
+        }
+
+        this.watchers.notifyUpdate(settingName, roomId, SettingLevel.ROOM_DEVICE, newValue);
+        return Promise.resolve();
+    }
+
+    public canSetValue(settingName: string, roomId: string): boolean {
+        return true; // It's their device, so they should be able to
+    }
+
+    private read(key: string): any {
+        return this.getObject(key);
+    }
+
+    private getKey(settingName: string, roomId: string): string {
+        return "mx_setting_" + settingName + "_" + roomId;
+    }
+}
diff --git a/apps/web/src/settings/handlers/RoomSettingsHandler.ts b/apps/web/src/settings/handlers/RoomSettingsHandler.ts
new file mode 100644
index 00000000000..a31ccb87e9f
--- /dev/null
+++ b/apps/web/src/settings/handlers/RoomSettingsHandler.ts
@@ -0,0 +1,140 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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 RoomState,
+    RoomStateEvent,
+    type StateEvents,
+} from "matrix-js-sdk/src/matrix";
+
+import MatrixClientBackedSettingsHandler from "./MatrixClientBackedSettingsHandler";
+import { objectClone, objectKeyChanges } from "../../utils/objects";
+import { SettingLevel } from "../SettingLevel";
+import { type WatchManager } from "../WatchManager";
+
+const DEFAULT_SETTINGS_EVENT_TYPE = "im.vector.web.settings";
+type RoomSettingsEventType = typeof DEFAULT_SETTINGS_EVENT_TYPE | "org.matrix.room.preview_urls";
+
+/**
+ * Gets and sets settings at the "room" level.
+ */
+export default class RoomSettingsHandler extends MatrixClientBackedSettingsHandler {
+    public constructor(public readonly watchers: WatchManager) {
+        super();
+    }
+
+    protected initMatrixClient(oldClient: MatrixClient, newClient: MatrixClient): void {
+        if (oldClient) {
+            oldClient.removeListener(RoomStateEvent.Events, this.onEvent);
+        }
+
+        newClient.on(RoomStateEvent.Events, this.onEvent);
+    }
+
+    private onEvent = (event: MatrixEvent, state: RoomState, prevEvent: MatrixEvent | null): void => {
+        const roomId = event.getRoomId()!;
+        const room = this.client.getRoom(roomId);
+
+        // Note: in tests and during the encryption setup on initial load we might not have
+        // rooms in the store, so we just quietly ignore the problem. If we log it then we'll
+        // just end up spamming the logs a few thousand times. It is perfectly fine for us
+        // to ignore the problem as the app will not have loaded enough to care yet.
+        if (!room) return;
+
+        // ignore state updates which are not current
+        if (room && state !== room.currentState) return;
+
+        if (event.getType() === "org.matrix.room.preview_urls") {
+            let val = event.getContent()["disable"];
+            if (typeof val !== "boolean") {
+                val = null;
+            } else {
+                val = !val;
+            }
+
+            this.watchers.notifyUpdate("urlPreviewsEnabled", roomId, SettingLevel.ROOM, val);
+        } else if (event.getType() === DEFAULT_SETTINGS_EVENT_TYPE) {
+            // Figure out what changed and fire those updates
+            const prevContent = prevEvent?.getContent() ?? {};
+            const changedSettings = objectKeyChanges<Record<string, any>>(prevContent, event.getContent());
+            for (const settingName of changedSettings) {
+                this.watchers.notifyUpdate(settingName, roomId, SettingLevel.ROOM, event.getContent()[settingName]);
+            }
+        }
+    };
+
+    public getValue(settingName: string, roomId: string): any {
+        // Special case URL previews
+        if (settingName === "urlPreviewsEnabled") {
+            const content = this.getSettings(roomId, "org.matrix.room.preview_urls") || {};
+
+            // Check to make sure that we actually got a boolean
+            if (typeof content["disable"] !== "boolean") return null;
+            return !content["disable"];
+        }
+
+        const settings = this.getSettings(roomId) || {};
+        return settings[settingName];
+    }
+
+    // helper function to send state event then await it being echoed back
+    private async sendStateEvent<K extends RoomSettingsEventType, F extends keyof StateEvents[K]>(
+        roomId: string,
+        eventType: K,
+        field: F,
+        value: StateEvents[K][F],
+    ): Promise<void> {
+        const content = this.getSettings(roomId, eventType) || {};
+        content[field] = value;
+
+        const { event_id: eventId } = await this.client.sendStateEvent(roomId, eventType, content);
+
+        const deferred = Promise.withResolvers<void>();
+        const handler = (event: MatrixEvent): void => {
+            if (event.getId() !== eventId) return;
+            this.client.off(RoomStateEvent.Events, handler);
+            deferred.resolve();
+        };
+        this.client.on(RoomStateEvent.Events, handler);
+
+        await deferred.promise;
+    }
+
+    public setValue(settingName: string, roomId: string, newValue: any): Promise<void> {
+        switch (settingName) {
+            // Special case URL previews
+            case "urlPreviewsEnabled":
+                return this.sendStateEvent(roomId, "org.matrix.room.preview_urls", "disable", !newValue);
+
+            default:
+                return this.sendStateEvent(roomId, DEFAULT_SETTINGS_EVENT_TYPE, settingName, newValue);
+        }
+    }
+
+    public canSetValue(settingName: string, roomId: string): boolean {
+        const room = this.client.getRoom(roomId);
+
+        let eventType = DEFAULT_SETTINGS_EVENT_TYPE;
+        if (settingName === "urlPreviewsEnabled") eventType = "org.matrix.room.preview_urls";
+
+        return room?.currentState.maySendStateEvent(eventType, this.client.getUserId()!) ?? false;
+    }
+
+    public isSupported(): boolean {
+        return !!this.client;
+    }
+
+    private getSettings(roomId: string, eventType = DEFAULT_SETTINGS_EVENT_TYPE): any {
+        const event = this.client.getRoom(roomId)?.currentState.getStateEvents(eventType, "");
+        if (!event?.getContent()) return null;
+        return objectClone(event.getContent()); // clone to prevent mutation
+    }
+}
diff --git a/apps/web/src/settings/handlers/SettingsHandler.ts b/apps/web/src/settings/handlers/SettingsHandler.ts
new file mode 100644
index 00000000000..f0157163b4f
--- /dev/null
+++ b/apps/web/src/settings/handlers/SettingsHandler.ts
@@ -0,0 +1,61 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2017 Travis Ralston
+
+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 WatchManager } from "../WatchManager";
+
+/**
+ * Represents the base class for all level handlers. This class performs no logic
+ * and should be overridden.
+ */
+export default abstract class SettingsHandler {
+    public readonly watchers?: WatchManager;
+
+    /**
+     * Gets the value for a particular setting at this level for a particular room.
+     * If no room is applicable, the roomId may be null. The roomId may not be
+     * applicable to this level and may be ignored by the handler.
+     * @param {string} settingName The name of the setting.
+     * @param {String} roomId The room ID to read from, may be null.
+     * @returns {*} The setting value, or null if not found.
+     */
+    public abstract getValue(settingName: string, roomId: string | null): any;
+
+    /**
+     * Sets the value for a particular setting at this level for a particular room.
+     * If no room is applicable, the roomId may be null. The roomId may not be
+     * applicable to this level and may be ignored by the handler. Setting a value
+     * to null will cause the level to remove the value. The current user should be
+     * able to set the value prior to calling this.
+     * @param {string} settingName The name of the setting to change.
+     * @param {String} roomId The room ID to set the value in, may be null.
+     * @param {*} newValue The new value for the setting, may be null.
+     * @returns {Promise} Resolves when the setting has been saved.
+     */
+    public abstract setValue(settingName: string, roomId: string | null, newValue: any): Promise<void>;
+
+    /**
+     * Determines if the current user is able to set the value of the given setting
+     * in the given room at this level.
+     * @param {string} settingName The name of the setting to check.
+     * @param {String} roomId The room ID to check in, may be null
+     * @returns {boolean} True if the setting can be set by the user, false otherwise.
+     */
+    public abstract canSetValue(settingName: string, roomId: string | null): boolean;
+
+    /**
+     * Determines if this level is supported on this device.
+     * @returns {boolean} True if this level is supported on the current device.
+     */
+    public abstract isSupported(): boolean;
+
+    /**
+     * Resets the handler, clearing any caches or other stored data. Called on user logout.
+     */
+    public reset(): void {}
+}
diff --git a/apps/web/src/settings/watchers/FontWatcher.ts b/apps/web/src/settings/watchers/FontWatcher.ts
new file mode 100644
index 00000000000..ee6813a7a48
--- /dev/null
+++ b/apps/web/src/settings/watchers/FontWatcher.ts
@@ -0,0 +1,139 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-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 dis from "../../dispatcher/dispatcher";
+import SettingsStore from "../SettingsStore";
+import type IWatcher from "./Watcher";
+import { toPx } from "../../utils/units";
+import { Action } from "../../dispatcher/actions";
+import { type UpdateSystemFontPayload } from "../../dispatcher/payloads/UpdateSystemFontPayload";
+import { type ActionPayload } from "../../dispatcher/payloads";
+
+export class FontWatcher implements IWatcher {
+    /**
+     * This Compound value is using `100%` of the default browser font size.
+     * It allows EW to use the browser's default font size instead of a fixed value.
+     * All the Compound font size are using `rem`, they are relative to the root font size
+     * and therefore of the browser font size.
+     */
+    private static readonly DEFAULT_SIZE = "var(--cpd-font-size-root)";
+    /**
+     * Default delta added to the ${@link DEFAULT_SIZE}
+     */
+    public static readonly DEFAULT_DELTA = 0;
+
+    private dispatcherRef?: string;
+
+    public async start(): Promise<void> {
+        this.updateFont();
+        this.dispatcherRef = dis.register(this.onAction);
+    }
+
+    /**
+     * Get the root font size of the document
+     * Fallback to 16px if the value is not found
+     * @returns {number}
+     */
+    public static getRootFontSize(): number {
+        return parseInt(window.getComputedStyle(document.documentElement).getPropertyValue("font-size"), 10) || 16;
+    }
+
+    /**
+     * Get the browser default font size
+     * @returns {number} the default font size of the browser
+     */
+    public static getBrowserDefaultFontSize(): number {
+        return this.getRootFontSize() - SettingsStore.getValue("fontSizeDelta");
+    }
+
+    public stop(): void {
+        dis.unregister(this.dispatcherRef);
+    }
+
+    private updateFont(): void {
+        this.setRootFontSize(SettingsStore.getValue("fontSizeDelta"));
+        this.setSystemFont({
+            useBundledEmojiFont: SettingsStore.getValue("useBundledEmojiFont"),
+            useSystemFont: SettingsStore.getValue("useSystemFont"),
+            font: SettingsStore.getValue("systemFont"),
+        });
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        if (payload.action === Action.UpdateFontSizeDelta) {
+            this.setRootFontSize(payload.delta);
+        } else if (payload.action === Action.UpdateSystemFont) {
+            this.setSystemFont(payload as UpdateSystemFontPayload);
+        } else if (payload.action === Action.OnLoggedOut) {
+            // Clear font overrides when logging out
+            this.setRootFontSize(FontWatcher.DEFAULT_DELTA);
+            this.setSystemFont({
+                useBundledEmojiFont: false,
+                useSystemFont: false,
+                font: "",
+            });
+        } else if (payload.action === Action.OnLoggedIn) {
+            // Font size can be saved on the account, so grab value when logging in
+            this.updateFont();
+        }
+    };
+
+    /**
+     * Set the root font size of the document
+     * @param delta {number} the delta to add to the default font size
+     */
+    private setRootFontSize = async (delta: number): Promise<void> => {
+        // Add the delta to the browser default font size
+        document.querySelector<HTMLElement>(":root")!.style.fontSize =
+            `calc(${FontWatcher.DEFAULT_SIZE} + ${toPx(delta)})`;
+    };
+
+    public static readonly FONT_FAMILY_CUSTOM_PROPERTY = "--cpd-font-family-sans";
+    public static readonly EMOJI_FONT_FAMILY_CUSTOM_PROPERTY = "--emoji-font-family";
+    public static readonly BUNDLED_EMOJI_FONT = "Twemoji";
+
+    private setSystemFont = ({
+        useBundledEmojiFont,
+        useSystemFont,
+        font,
+    }: Pick<UpdateSystemFontPayload, "useBundledEmojiFont" | "useSystemFont" | "font">): void => {
+        if (useSystemFont) {
+            let fontString = font
+                .split(",")
+                .map((font) => {
+                    font = font.trim();
+                    if (!font.startsWith('"') && !font.endsWith('"')) {
+                        font = `"${font}"`;
+                    }
+                    return font;
+                })
+                .join(",");
+
+            if (useBundledEmojiFont) {
+                fontString += ", " + FontWatcher.BUNDLED_EMOJI_FONT;
+            }
+
+            /**
+             * Overrides the default font family from Compound
+             * Make sure that fonts with spaces in their names get interpreted properly
+             */
+            document.body.style.setProperty(FontWatcher.FONT_FAMILY_CUSTOM_PROPERTY, fontString);
+        } else {
+            document.body.style.removeProperty(FontWatcher.FONT_FAMILY_CUSTOM_PROPERTY);
+
+            if (useBundledEmojiFont) {
+                document.body.style.setProperty(
+                    FontWatcher.EMOJI_FONT_FAMILY_CUSTOM_PROPERTY,
+                    FontWatcher.BUNDLED_EMOJI_FONT,
+                );
+            } else {
+                document.body.style.removeProperty(FontWatcher.EMOJI_FONT_FAMILY_CUSTOM_PROPERTY);
+            }
+        }
+    };
+}
diff --git a/apps/web/src/settings/watchers/ThemeWatcher.test.ts b/apps/web/src/settings/watchers/ThemeWatcher.test.ts
new file mode 100644
index 00000000000..828becbd88b
--- /dev/null
+++ b/apps/web/src/settings/watchers/ThemeWatcher.test.ts
@@ -0,0 +1,212 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+
+import SettingsStore from "../SettingsStore";
+import ThemeWatcher from "./ThemeWatcher";
+import { type SettingLevel } from "../SettingLevel";
+import { type SettingKey, type Settings } from "../Settings.tsx";
+
+function makeMatchMedia(values: any) {
+    class FakeMediaQueryList {
+        matches: false;
+        media?: null;
+        onchange?: null;
+        addListener() {}
+        removeListener() {}
+        addEventListener() {}
+        removeEventListener() {}
+        dispatchEvent() {
+            return true;
+        }
+
+        constructor(query: string) {
+            this.matches = values[query];
+        }
+    }
+
+    return function matchMedia(query: string) {
+        return new FakeMediaQueryList(query) as unknown as MediaQueryList;
+    };
+}
+
+function makeGetValue(values: any): any {
+    return function getValue<S extends SettingKey>(
+        settingName: S,
+        _roomId: string | null = null,
+        _excludeDefault = false,
+    ): Settings[S] {
+        return values[settingName];
+    };
+}
+
+function makeGetValueAt(values: any) {
+    return function getValueAt(
+        _level: SettingLevel,
+        settingName: string,
+        _roomId: string | null = null,
+        _explicit = false,
+        _excludeDefault = false,
+    ): any {
+        return values[settingName];
+    };
+}
+
+describe("ThemeWatcher", function () {
+    it("should choose a light theme by default", () => {
+        // Given no system settings
+        global.matchMedia = makeMatchMedia({});
+
+        // Then getEffectiveTheme returns light
+        const themeWatcher = new ThemeWatcher();
+        expect(themeWatcher.getEffectiveTheme()).toBe("light");
+    });
+
+    it("should choose default theme if system settings are inconclusive", () => {
+        // Given no system settings but we asked to use them
+        global.matchMedia = makeMatchMedia({});
+        SettingsStore.getValue = makeGetValue({
+            use_system_theme: true,
+            theme: "light",
+        });
+
+        // Then getEffectiveTheme returns light
+        const themeWatcher = new ThemeWatcher();
+        expect(themeWatcher.getEffectiveTheme()).toBe("light");
+    });
+
+    it("should choose a dark theme if that is selected", () => {
+        // Given system says light high contrast but theme is set to dark
+        global.matchMedia = makeMatchMedia({
+            "(prefers-contrast: more)": true,
+            "(prefers-color-scheme: light)": true,
+        });
+        SettingsStore.getValueAt = makeGetValueAt({ theme: "dark" });
+
+        // Then getEffectiveTheme returns dark
+        const themeWatcher = new ThemeWatcher();
+        expect(themeWatcher.getEffectiveTheme()).toBe("dark");
+    });
+
+    it("should choose a light theme if that is selected", () => {
+        // Given system settings say dark high contrast but theme set to light
+        global.matchMedia = makeMatchMedia({
+            "(prefers-contrast: more)": true,
+            "(prefers-color-scheme: dark)": true,
+        });
+        SettingsStore.getValueAt = makeGetValueAt({ theme: "light" });
+
+        // Then getEffectiveTheme returns light
+        const themeWatcher = new ThemeWatcher();
+        expect(themeWatcher.getEffectiveTheme()).toBe("light");
+    });
+
+    it("should choose a light-high-contrast theme if that is selected", () => {
+        // Given system settings say dark and theme set to light-high-contrast
+        global.matchMedia = makeMatchMedia({ "(prefers-color-scheme: dark)": true });
+        SettingsStore.getValueAt = makeGetValueAt({ theme: "light-high-contrast" });
+
+        // Then getEffectiveTheme returns light-high-contrast
+        const themeWatcher = new ThemeWatcher();
+        expect(themeWatcher.getEffectiveTheme()).toBe("light-high-contrast");
+    });
+
+    it("should choose a light theme if system prefers it (via default)", () => {
+        // Given system prefers lightness, even though we did not
+        // click "Use system theme" or choose a theme explicitly
+        global.matchMedia = makeMatchMedia({ "(prefers-color-scheme: light)": true });
+        SettingsStore.getValueAt = makeGetValueAt({});
+        SettingsStore.getValue = makeGetValue({ use_system_theme: true });
+
+        // Then getEffectiveTheme returns light
+        const themeWatcher = new ThemeWatcher();
+        expect(themeWatcher.getEffectiveTheme()).toBe("light");
+    });
+
+    it("should choose a dark theme if system prefers it (via default)", () => {
+        // Given system prefers darkness, even though we did not
+        // click "Use system theme" or choose a theme explicitly
+        global.matchMedia = makeMatchMedia({ "(prefers-color-scheme: dark)": true });
+        SettingsStore.getValueAt = makeGetValueAt({});
+        SettingsStore.getValue = makeGetValue({ use_system_theme: true });
+
+        // Then getEffectiveTheme returns dark
+        const themeWatcher = new ThemeWatcher();
+        expect(themeWatcher.getEffectiveTheme()).toBe("dark");
+    });
+
+    it("should choose a light theme if system prefers it (explicit)", () => {
+        // Given system prefers lightness
+        global.matchMedia = makeMatchMedia({ "(prefers-color-scheme: light)": true });
+        SettingsStore.getValueAt = makeGetValueAt({ use_system_theme: true });
+        SettingsStore.getValue = makeGetValue({ use_system_theme: true });
+
+        // Then getEffectiveTheme returns light
+        const themeWatcher = new ThemeWatcher();
+        expect(themeWatcher.getEffectiveTheme()).toBe("light");
+    });
+
+    it("should choose a dark theme if system prefers it (explicit)", () => {
+        // Given system prefers darkness
+        global.matchMedia = makeMatchMedia({ "(prefers-color-scheme: dark)": true });
+        SettingsStore.getValueAt = makeGetValueAt({ use_system_theme: true });
+        SettingsStore.getValue = makeGetValue({ use_system_theme: true });
+
+        // Then getEffectiveTheme returns dark
+        const themeWatcher = new ThemeWatcher();
+        expect(themeWatcher.getEffectiveTheme()).toBe("dark");
+    });
+
+    it("should choose a high-contrast theme if system prefers it", () => {
+        // Given system prefers high contrast and light
+        global.matchMedia = makeMatchMedia({
+            "(prefers-contrast: more)": true,
+            "(prefers-color-scheme: light)": true,
+        });
+        SettingsStore.getValueAt = makeGetValueAt({ use_system_theme: true });
+        SettingsStore.getValue = makeGetValue({ use_system_theme: true });
+
+        // Then getEffectiveTheme returns light-high-contrast
+        const themeWatcher = new ThemeWatcher();
+        expect(themeWatcher.getEffectiveTheme()).toBe("light-high-contrast");
+    });
+
+    it("should not choose a high-contrast theme if not available", () => {
+        // Given system prefers high contrast and dark, but we don't (yet)
+        // have a high-contrast dark theme
+        global.matchMedia = makeMatchMedia({
+            "(prefers-contrast: more)": true,
+            "(prefers-color-scheme: dark)": true,
+        });
+        SettingsStore.getValueAt = makeGetValueAt({ use_system_theme: true });
+        SettingsStore.getValue = makeGetValue({ use_system_theme: true });
+
+        // Then getEffectiveTheme returns dark
+        const themeWatcher = new ThemeWatcher();
+        expect(themeWatcher.getEffectiveTheme()).toBe("dark");
+    });
+
+    it("should identify custom dark themes as dark", () => {
+        SettingsStore.getValueAt = makeGetValueAt({ use_system_theme: false, theme: "custom-darkula" });
+        SettingsStore.getValue = makeGetValue({
+            custom_themes: [
+                {
+                    name: "darkula",
+                    is_dark: true,
+                },
+            ],
+        });
+
+        const themeWatcher = new ThemeWatcher();
+        expect(themeWatcher.getEffectiveTheme()).toBe("custom-darkula");
+        expect(themeWatcher.isUserOnDarkTheme()).toBe(true);
+    });
+});
diff --git a/apps/web/src/settings/watchers/ThemeWatcher.ts b/apps/web/src/settings/watchers/ThemeWatcher.ts
new file mode 100644
index 00000000000..9876dcfe6bc
--- /dev/null
+++ b/apps/web/src/settings/watchers/ThemeWatcher.ts
@@ -0,0 +1,158 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 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 { logger } from "matrix-js-sdk/src/logger";
+import { TypedEventEmitter } from "matrix-js-sdk/src/matrix";
+
+import SettingsStore from "../SettingsStore";
+import dis from "../../dispatcher/dispatcher";
+import { Action } from "../../dispatcher/actions";
+import { findHighContrastTheme, getCustomTheme } from "../../theme";
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { SettingLevel } from "../SettingLevel";
+
+export enum ThemeWatcherEvent {
+    Change = "change",
+}
+
+interface ThemeWatcherEventHandlerMap {
+    [ThemeWatcherEvent.Change]: (theme: string) => void;
+}
+
+export default class ThemeWatcher extends TypedEventEmitter<ThemeWatcherEvent, ThemeWatcherEventHandlerMap> {
+    private themeWatchRef?: string;
+    private systemThemeWatchRef?: string;
+    private dispatcherRef?: string;
+
+    private preferDark: MediaQueryList;
+    private preferLight: MediaQueryList;
+    private preferHighContrast: MediaQueryList;
+
+    private currentTheme: string;
+
+    public constructor() {
+        super();
+        // we have both here as each may either match or not match, so by having both
+        // we can get the tristate of dark/light/unsupported
+        this.preferDark = (<any>global).matchMedia("(prefers-color-scheme: dark)");
+        this.preferLight = (<any>global).matchMedia("(prefers-color-scheme: light)");
+        this.preferHighContrast = (<any>global).matchMedia("(prefers-contrast: more)");
+
+        this.currentTheme = this.getEffectiveTheme();
+    }
+
+    public start(): void {
+        this.themeWatchRef = SettingsStore.watchSetting("theme", null, this.onChange);
+        this.systemThemeWatchRef = SettingsStore.watchSetting("use_system_theme", null, this.onChange);
+        this.preferDark.addEventListener("change", this.onChange);
+        this.preferLight.addEventListener("change", this.onChange);
+        this.preferHighContrast.addEventListener("change", this.onChange);
+        this.dispatcherRef = dis.register(this.onAction);
+    }
+
+    public stop(): void {
+        this.preferDark.removeEventListener("change", this.onChange);
+        this.preferLight.removeEventListener("change", this.onChange);
+        this.preferHighContrast.removeEventListener("change", this.onChange);
+        SettingsStore.unwatchSetting(this.systemThemeWatchRef);
+        SettingsStore.unwatchSetting(this.themeWatchRef);
+        dis.unregister(this.dispatcherRef);
+    }
+
+    private onChange = (): void => {
+        this.recheck();
+    };
+
+    private onAction = (payload: ActionPayload): void => {
+        if (payload.action === Action.RecheckTheme) {
+            // XXX forceTheme
+            this.recheck(payload.forceTheme);
+        }
+    };
+
+    // XXX: forceTheme param added here as local echo appears to be unreliable
+    // https://github.com/vector-im/element-web/issues/11443
+    public recheck(forceTheme?: string): void {
+        const oldTheme = this.currentTheme;
+        this.currentTheme = forceTheme === undefined ? this.getEffectiveTheme() : forceTheme;
+        if (oldTheme !== this.currentTheme) this.emit(ThemeWatcherEvent.Change, this.currentTheme);
+    }
+
+    public getEffectiveTheme(): string {
+        // Dev note: Much of this logic is replicated in the AppearanceUserSettingsTab
+
+        // If the user has specifically enabled the system matching option (excluding default),
+        // then use that over anything else. We pick the lowest possible level for the setting
+        // to ensure the ordering otherwise works.
+        const systemThemeExplicit = SettingsStore.getValueAt(
+            SettingLevel.DEVICE,
+            "use_system_theme",
+            null,
+            false,
+            true,
+        );
+        if (systemThemeExplicit) {
+            logger.log("returning explicit system theme");
+            const theme = this.themeBasedOnSystem();
+            if (theme) {
+                return theme;
+            }
+        }
+
+        // If the user has specifically enabled the theme (without the system matching option being
+        // enabled specifically and excluding the default), use that theme. We pick the lowest possible
+        // level for the setting to ensure the ordering otherwise works.
+        const themeExplicit = SettingsStore.getValueAt(SettingLevel.DEVICE, "theme", null, false, true);
+        if (themeExplicit) {
+            logger.log("returning explicit theme: " + themeExplicit);
+            return themeExplicit;
+        }
+
+        // If the user hasn't really made a preference in either direction, assume the defaults of the
+        // settings and use those.
+        if (SettingsStore.getValue("use_system_theme")) {
+            const theme = this.themeBasedOnSystem();
+            if (theme) {
+                return theme;
+            }
+        }
+        return SettingsStore.getValue("theme");
+    }
+
+    /**
+     * Returns true if user is on a dark theme, if false implies user is on a light theme
+     */
+    public isUserOnDarkTheme(): boolean {
+        const theme = this.currentTheme;
+        if (theme.startsWith("custom-")) {
+            return !!getCustomTheme(theme.substring("custom-".length)).is_dark;
+        }
+        return theme === "dark" || theme === "dark-hc";
+    }
+
+    private themeBasedOnSystem(): string | undefined {
+        let newTheme: string | undefined;
+        if (this.preferDark.matches) {
+            newTheme = "dark";
+        } else if (this.preferLight.matches) {
+            newTheme = "light";
+        }
+        if (newTheme && this.preferHighContrast.matches) {
+            const hcTheme = findHighContrastTheme(newTheme);
+            if (hcTheme) {
+                newTheme = hcTheme;
+            }
+        }
+        return newTheme;
+    }
+
+    public isSystemThemeSupported(): boolean {
+        return this.preferDark.matches || this.preferLight.matches;
+    }
+}
diff --git a/apps/web/src/settings/watchers/Watcher.ts b/apps/web/src/settings/watchers/Watcher.ts
new file mode 100644
index 00000000000..903db56ac3a
--- /dev/null
+++ b/apps/web/src/settings/watchers/Watcher.ts
@@ -0,0 +1,12 @@
+/*
+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.
+*/
+
+export default interface IWatcher {
+    start(): void;
+    stop(): void;
+}
diff --git a/apps/web/src/shouldHideEvent.ts b/apps/web/src/shouldHideEvent.ts
new file mode 100644
index 00000000000..64a0e1f0f91
--- /dev/null
+++ b/apps/web/src/shouldHideEvent.ts
@@ -0,0 +1,79 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017 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 { type MatrixEvent, EventType, RelationType, M_POLL_END } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import SettingsStore from "./settings/SettingsStore";
+import { type IRoomState } from "./components/structures/RoomView";
+import { type SettingKey } from "./settings/Settings.tsx";
+
+interface IDiff {
+    isMemberEvent: boolean;
+    isJoin?: boolean;
+    isPart?: boolean;
+    isDisplaynameChange?: boolean;
+    isAvatarChange?: boolean;
+}
+
+function memberEventDiff(ev: MatrixEvent): IDiff {
+    const diff: IDiff = {
+        isMemberEvent: ev.getType() === EventType.RoomMember,
+    };
+
+    // If is not a Member Event then the other checks do not apply, so bail early.
+    if (!diff.isMemberEvent) return diff;
+
+    const content = ev.getContent();
+    const prevContent = ev.getPrevContent();
+
+    const isMembershipChanged = content.membership !== prevContent.membership;
+    diff.isJoin = isMembershipChanged && content.membership === KnownMembership.Join;
+    diff.isPart =
+        isMembershipChanged && content.membership === KnownMembership.Leave && ev.getStateKey() === ev.getSender();
+
+    const isJoinToJoin = !isMembershipChanged && content.membership === KnownMembership.Join;
+    diff.isDisplaynameChange = isJoinToJoin && content.displayname !== prevContent.displayname;
+    diff.isAvatarChange = isJoinToJoin && content.avatar_url !== prevContent.avatar_url;
+    return diff;
+}
+
+/**
+ * Determines whether the given event should be hidden from timelines.
+ * @param ev The event
+ * @param ctx An optional RoomContext to pull cached settings values from to avoid
+ *     hitting the settings store
+ */
+export default function shouldHideEvent(ev: MatrixEvent, ctx?: IRoomState): boolean {
+    // Hide all poll end events
+    if (M_POLL_END.matches(ev.getType())) return true;
+
+    // Accessing the settings store directly can be expensive if done frequently,
+    // so we should prefer using cached values if a RoomContext is available
+    const isEnabled = ctx
+        ? (name: keyof IRoomState) => ctx[name]
+        : (name: SettingKey) => SettingsStore.getValue(name, ev.getRoomId());
+
+    // Hide redacted events
+    // Deleted events with a thread are always shown regardless of user preference
+    // to make sure that a thread can be accessible even if the root message is deleted
+    if (ev.isRedacted() && !isEnabled("showRedactions") && !ev.getThread()) return true;
+
+    // Hide replacement events since they update the original tile (if enabled)
+    if (ev.isRelation(RelationType.Replace)) return true;
+
+    const eventDiff = memberEventDiff(ev);
+
+    if (eventDiff.isMemberEvent) {
+        if ((eventDiff.isJoin || eventDiff.isPart) && !isEnabled("showJoinLeaves")) return true;
+        if (eventDiff.isAvatarChange && !isEnabled("showAvatarChanges")) return true;
+        if (eventDiff.isDisplaynameChange && !isEnabled("showDisplaynameChanges")) return true;
+    }
+
+    return false;
+}
diff --git a/apps/web/src/slash-commands/SlashCommands.tsx b/apps/web/src/slash-commands/SlashCommands.tsx
new file mode 100644
index 00000000000..ae56c9e316f
--- /dev/null
+++ b/apps/web/src/slash-commands/SlashCommands.tsx
@@ -0,0 +1,912 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2018 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.
+*/
+
+import React from "react";
+import {
+    ContentHelpers,
+    Direction,
+    EventType,
+    type IContent,
+    type MRoomTopicEventContent,
+    type User,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { KnownMembership, type RoomMemberEventContent } from "matrix-js-sdk/src/types";
+import { LinkedText } from "@element-hq/web-shared-components";
+
+import dis from "../dispatcher/dispatcher";
+import { _t, _td, UserFriendlyError } from "../languageHandler";
+import Modal from "../Modal";
+import MultiInviter from "../utils/MultiInviter";
+import { topicToHtml } from "../HtmlUtils";
+import QuestionDialog from "../components/views/dialogs/QuestionDialog";
+import WidgetUtils from "../utils/WidgetUtils";
+import { textToHtmlRainbow } from "../utils/colour";
+import { AddressType, getAddressType } from "../UserAddress";
+import { abbreviateUrl } from "../utils/UrlUtils";
+import { getDefaultIdentityServerUrl, setToDefaultIdentityServer } from "../utils/IdentityServerUtils";
+import { WidgetType } from "../widgets/WidgetType";
+import { Jitsi } from "../widgets/Jitsi";
+import BugReportDialog from "../components/views/dialogs/BugReportDialog";
+import { ensureDMExists } from "../createRoom";
+import { type ViewUserPayload } from "../dispatcher/payloads/ViewUserPayload";
+import { Action } from "../dispatcher/actions";
+import SdkConfig from "../SdkConfig";
+import SettingsStore from "../settings/SettingsStore";
+import { UIComponent, UIFeature } from "../settings/UIFeature";
+import { CHAT_EFFECTS } from "../effects";
+import { guessAndSetDMRoom } from "../Rooms";
+import DevtoolsDialog from "../components/views/dialogs/DevtoolsDialog";
+import InfoDialog from "../components/views/dialogs/InfoDialog";
+import SlashCommandHelpDialog from "../components/views/dialogs/SlashCommandHelpDialog";
+import { shouldShowComponent } from "../customisations/helpers/UIComponents";
+import { TimelineRenderingType } from "../contexts/RoomContext";
+import { type ViewRoomPayload } from "../dispatcher/payloads/ViewRoomPayload";
+import { htmlSerializeFromMdIfNeeded } from "../editor/serialize";
+import { leaveRoomBehaviour } from "../utils/leave-behaviour";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { isCurrentLocalRoom, reject, singleMxcUpload, success, successSync, splitAtFirstSpace } from "./utils";
+import { deop, op } from "./op";
+import { CommandCategories } from "./interface";
+import { Command } from "./command";
+import { goto, join } from "./join";
+import { manuallyVerifyDevice } from "../components/views/dialogs/ManualDeviceKeyVerificationDialog";
+import upgraderoom from "./upgraderoom/upgraderoom";
+import { emoticon } from "./emoticon";
+import { statusCommand } from "./status";
+import { SDKContextClass } from "../contexts/SDKContextClass.ts";
+
+export { CommandCategories, Command };
+
+export const Commands = [
+    new Command({
+        command: "spoiler",
+        args: "<message>",
+        description: _td("slash_command|spoiler"),
+        runFn: function (cli, roomId, threadId, message = "") {
+            return successSync(ContentHelpers.makeHtmlMessage(message, `<span data-mx-spoiler>${message}</span>`));
+        },
+        category: CommandCategories.messages,
+    }),
+    emoticon("shrug", _td("slash_command|shrug"), "¯\\_(ツ)_/¯"),
+    emoticon("tableflip", _td("slash_command|tableflip"), "(╯°□°）╯︵ ┻━┻"),
+    emoticon("unflip", _td("slash_command|unflip"), "┬──┬ ノ( ゜-゜ノ)"),
+    emoticon("lenny", _td("slash_command|lenny"), "( ͡° ͜ʖ ͡°)"),
+    new Command({
+        command: "plain",
+        args: "<message>",
+        description: _td("slash_command|plain"),
+        runFn: function (cli, roomId, threadId, messages = "") {
+            return successSync(ContentHelpers.makeTextMessage(messages));
+        },
+        category: CommandCategories.messages,
+    }),
+    new Command({
+        command: "html",
+        args: "<message>",
+        description: _td("slash_command|html"),
+        runFn: function (cli, roomId, threadId, messages = "") {
+            return successSync(ContentHelpers.makeHtmlMessage(messages, messages));
+        },
+        category: CommandCategories.messages,
+    }),
+    upgraderoom,
+    new Command({
+        command: "jumptodate",
+        args: "<YYYY-MM-DD>",
+        description: _td("slash_command|jumptodate"),
+        isEnabled: () => SettingsStore.getValue("feature_jump_to_date"),
+        runFn: function (cli, roomId, threadId, args) {
+            if (args) {
+                return success(
+                    (async (): Promise<void> => {
+                        const unixTimestamp = Date.parse(args);
+                        if (!unixTimestamp) {
+                            throw new UserFriendlyError("slash_command|jumptodate_invalid_input", {
+                                inputDate: args,
+                                cause: undefined,
+                            });
+                        }
+
+                        const { event_id: eventId, origin_server_ts: originServerTs } = await cli.timestampToEvent(
+                            roomId,
+                            unixTimestamp,
+                            Direction.Forward,
+                        );
+                        logger.log(
+                            `/timestamp_to_event: found ${eventId} (${originServerTs}) for timestamp=${unixTimestamp}`,
+                        );
+                        dis.dispatch<ViewRoomPayload>({
+                            action: Action.ViewRoom,
+                            event_id: eventId,
+                            highlighted: true,
+                            room_id: roomId,
+                            metricsTrigger: "SlashCommand",
+                            metricsViaKeyboard: true,
+                        });
+                    })(),
+                );
+            }
+
+            return reject(this.getUsage());
+        },
+        category: CommandCategories.actions,
+    }),
+    new Command({
+        command: "nick",
+        args: "<display_name>",
+        description: _td("slash_command|nick"),
+        runFn: function (cli, roomId, threadId, args) {
+            if (args) {
+                return success(cli.setDisplayName(args));
+            }
+            return reject(this.getUsage());
+        },
+        category: CommandCategories.actions,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "myroomnick",
+        aliases: ["roomnick"],
+        args: "<display_name>",
+        description: _td("slash_command|myroomnick"),
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, args) {
+            if (args) {
+                const ev = cli.getRoom(roomId)?.currentState.getStateEvents(EventType.RoomMember, cli.getSafeUserId());
+                const content: RoomMemberEventContent = {
+                    ...(ev ? ev.getContent() : { membership: KnownMembership.Join }),
+                    displayname: args,
+                };
+                return success(cli.sendStateEvent(roomId, EventType.RoomMember, content, cli.getSafeUserId()));
+            }
+            return reject(this.getUsage());
+        },
+        category: CommandCategories.actions,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "roomavatar",
+        args: "[<mxc_url>]",
+        description: _td("slash_command|roomavatar"),
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, args) {
+            let promise = Promise.resolve(args ?? null);
+            if (!args) {
+                promise = singleMxcUpload(cli);
+            }
+
+            return success(
+                promise.then((url) => {
+                    if (!url) return;
+                    return cli.sendStateEvent(roomId, EventType.RoomAvatar, { url }, "");
+                }),
+            );
+        },
+        category: CommandCategories.actions,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "myroomavatar",
+        args: "[<mxc_url>]",
+        description: _td("slash_command|myroomavatar"),
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, args) {
+            const room = cli.getRoom(roomId);
+            const userId = cli.getSafeUserId();
+
+            let promise = Promise.resolve(args ?? null);
+            if (!args) {
+                promise = singleMxcUpload(cli);
+            }
+
+            return success(
+                promise.then((url) => {
+                    if (!url) return;
+                    const ev = room?.currentState.getStateEvents(EventType.RoomMember, userId);
+                    const content: RoomMemberEventContent = {
+                        ...(ev ? ev.getContent() : { membership: KnownMembership.Join }),
+                        avatar_url: url,
+                    };
+                    return cli.sendStateEvent(roomId, EventType.RoomMember, content, userId);
+                }),
+            );
+        },
+        category: CommandCategories.actions,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "myavatar",
+        args: "[<mxc_url>]",
+        description: _td("slash_command|myavatar"),
+        runFn: function (cli, roomId, threadId, args) {
+            let promise = Promise.resolve(args ?? null);
+            if (!args) {
+                promise = singleMxcUpload(cli);
+            }
+
+            return success(
+                promise.then((url) => {
+                    if (!url) return;
+                    return cli.setAvatarUrl(url);
+                }),
+            );
+        },
+        category: CommandCategories.actions,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "topic",
+        args: "[<topic>]",
+        description: _td("slash_command|topic"),
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, args) {
+            if (args) {
+                const html = htmlSerializeFromMdIfNeeded(args, { forceHTML: false });
+                return success(cli.setRoomTopic(roomId, args, html));
+            }
+            const room = cli.getRoom(roomId);
+            if (!room) {
+                return reject(
+                    new UserFriendlyError("slash_command|topic_room_error", {
+                        roomId,
+                        cause: undefined,
+                    }),
+                );
+            }
+
+            const content = room.currentState.getStateEvents("m.room.topic", "")?.getContent<MRoomTopicEventContent>();
+            const topic = !!content
+                ? ContentHelpers.parseTopicContent(content)
+                : { text: _t("slash_command|topic_none") };
+
+            const body = topicToHtml(topic.text, topic.html, undefined, true);
+
+            Modal.createDialog(InfoDialog, {
+                title: room.name,
+                description: <LinkedText>{body}</LinkedText>,
+                hasCloseButton: true,
+                className: "markdown-body",
+            });
+            return success();
+        },
+        category: CommandCategories.admin,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "roomname",
+        args: "<name>",
+        description: _td("slash_command|roomname"),
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, args) {
+            if (args) {
+                return success(cli.setRoomName(roomId, args));
+            }
+            return reject(this.getUsage());
+        },
+        category: CommandCategories.admin,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "invite",
+        args: "<user-id> [<reason>]",
+        description: _td("slash_command|invite"),
+        analyticsName: "Invite",
+        isEnabled: (cli) => !isCurrentLocalRoom(cli) && shouldShowComponent(UIComponent.InviteUsers),
+        runFn: function (cli, roomId, threadId, args) {
+            if (args) {
+                const [address, reason] = splitAtFirstSpace(args);
+                if (address) {
+                    // We use a MultiInviter to re-use the invite logic, even though
+                    // we're only inviting one user.
+                    // If we need an identity server but don't have one, things
+                    // get a bit more complex here, but we try to show something
+                    // meaningful.
+                    let prom = Promise.resolve();
+                    if (getAddressType(address) === AddressType.Email && !cli.getIdentityServerUrl()) {
+                        const defaultIdentityServerUrl = getDefaultIdentityServerUrl();
+                        if (defaultIdentityServerUrl) {
+                            const { finished } = Modal.createDialog(QuestionDialog, {
+                                title: _t("slash_command|invite_3pid_use_default_is_title"),
+                                description: (
+                                    <p>
+                                        {_t("slash_command|invite_3pid_use_default_is_title_description", {
+                                            defaultIdentityServerName: abbreviateUrl(defaultIdentityServerUrl),
+                                        })}
+                                    </p>
+                                ),
+                                button: _t("action|continue"),
+                            });
+
+                            prom = finished.then(([useDefault]) => {
+                                if (useDefault) {
+                                    setToDefaultIdentityServer(cli);
+                                    return;
+                                }
+                                throw new UserFriendlyError("slash_command|invite_3pid_needs_is_error");
+                            });
+                        } else {
+                            return reject(new UserFriendlyError("slash_command|invite_3pid_needs_is_error"));
+                        }
+                    }
+                    const inviter = new MultiInviter(cli, roomId);
+                    return success(
+                        prom
+                            .then(() => {
+                                return inviter.invite([address], reason);
+                            })
+                            .then(() => {
+                                if (inviter.getCompletionState(address) !== "invited") {
+                                    const errorStringFromInviterUtility = inviter.getErrorText(address);
+                                    if (errorStringFromInviterUtility) {
+                                        throw new Error(errorStringFromInviterUtility);
+                                    } else {
+                                        throw new UserFriendlyError("slash_command|invite_failed", {
+                                            user: address,
+                                            roomId,
+                                            cause: undefined,
+                                        });
+                                    }
+                                }
+                            }),
+                    );
+                }
+            }
+            return reject(this.getUsage());
+        },
+        category: CommandCategories.actions,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    goto,
+    join,
+    new Command({
+        command: "part",
+        args: "[<room-address>]",
+        description: _td("action|leave_room"),
+        analyticsName: "Part",
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, args) {
+            let targetRoomId: string | undefined;
+            if (args) {
+                const matches = args.match(/^(\S+)$/);
+                if (matches) {
+                    let roomAlias = matches[1];
+                    if (!roomAlias.startsWith("#")) return reject(this.getUsage());
+
+                    if (!roomAlias.includes(":")) {
+                        roomAlias += ":" + cli.getDomain();
+                    }
+
+                    // Try to find a room with this alias
+                    const rooms = cli.getRooms();
+                    targetRoomId = rooms.find((room) => {
+                        return room.getCanonicalAlias() === roomAlias || room.getAltAliases().includes(roomAlias);
+                    })?.roomId;
+                    if (!targetRoomId) {
+                        return reject(
+                            new UserFriendlyError("slash_command|part_unknown_alias", {
+                                roomAlias,
+                                cause: undefined,
+                            }),
+                        );
+                    }
+                }
+            }
+
+            if (!targetRoomId) targetRoomId = roomId;
+            return success(leaveRoomBehaviour(cli, targetRoomId));
+        },
+        category: CommandCategories.actions,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "remove",
+        aliases: ["kick"],
+        args: "<user-id> [reason]",
+        description: _td("slash_command|remove"),
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, args) {
+            if (args) {
+                const [userId, reason] = splitAtFirstSpace(args);
+                if (userId) {
+                    return success(cli.kick(roomId, userId, reason));
+                }
+            }
+            return reject(this.getUsage());
+        },
+        category: CommandCategories.admin,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "ban",
+        args: "<user-id> [reason]",
+        description: _td("slash_command|ban"),
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, args) {
+            if (args) {
+                const [userId, reason] = splitAtFirstSpace(args);
+                if (userId) {
+                    return success(cli.ban(roomId, userId, reason));
+                }
+            }
+            return reject(this.getUsage());
+        },
+        category: CommandCategories.admin,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "unban",
+        args: "<user-id>",
+        description: _td("slash_command|unban"),
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, args) {
+            if (args) {
+                const matches = args.match(/^(\S+)$/);
+                if (matches) {
+                    // Reset the user membership to "leave" to unban him
+                    return success(cli.unban(roomId, matches[1]));
+                }
+            }
+            return reject(this.getUsage());
+        },
+        category: CommandCategories.admin,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "ignore",
+        args: "<user-id>",
+        description: _td("slash_command|ignore"),
+        runFn: function (cli, roomId, threadId, args) {
+            if (args) {
+                const matches = args.match(/^(@[^:]+:\S+)$/);
+                if (matches) {
+                    const userId = matches[1];
+                    const ignoredUsers = cli.getIgnoredUsers();
+                    ignoredUsers.push(userId); // de-duped internally in the js-sdk
+                    return success(
+                        cli.setIgnoredUsers(ignoredUsers).then(() => {
+                            Modal.createDialog(InfoDialog, {
+                                title: _t("slash_command|ignore_dialog_title"),
+                                description: (
+                                    <div>
+                                        <p>{_t("slash_command|ignore_dialog_description", { userId })}</p>
+                                    </div>
+                                ),
+                            });
+                        }),
+                    );
+                }
+            }
+            return reject(this.getUsage());
+        },
+        category: CommandCategories.actions,
+    }),
+    new Command({
+        command: "unignore",
+        args: "<user-id>",
+        description: _td("slash_command|unignore"),
+        runFn: function (cli, roomId, threadId, args) {
+            if (args) {
+                const matches = args.match(/(^@[^:]+:\S+$)/);
+                if (matches) {
+                    const userId = matches[1];
+                    const ignoredUsers = cli.getIgnoredUsers();
+                    const index = ignoredUsers.indexOf(userId);
+                    if (index !== -1) ignoredUsers.splice(index, 1);
+                    return success(
+                        cli.setIgnoredUsers(ignoredUsers).then(() => {
+                            Modal.createDialog(InfoDialog, {
+                                title: _t("slash_command|unignore_dialog_title"),
+                                description: (
+                                    <div>
+                                        <p>{_t("slash_command|unignore_dialog_description", { userId })}</p>
+                                    </div>
+                                ),
+                            });
+                        }),
+                    );
+                }
+            }
+            return reject(this.getUsage());
+        },
+        category: CommandCategories.actions,
+    }),
+    op,
+    deop,
+    new Command({
+        command: "devtools",
+        description: _td("slash_command|devtools"),
+        runFn: function (cli, roomId, threadRootId) {
+            Modal.createDialog(DevtoolsDialog, { roomId, threadRootId }, "mx_DevtoolsDialog_wrapper");
+            return success();
+        },
+        category: CommandCategories.advanced,
+    }),
+    new Command({
+        command: "addwidget",
+        args: "<url | embed code | Jitsi url>",
+        description: _td("slash_command|addwidget"),
+        isEnabled: (cli) =>
+            SettingsStore.getValue(UIFeature.Widgets) &&
+            shouldShowComponent(UIComponent.AddIntegrations) &&
+            !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, widgetUrl) {
+            if (!widgetUrl) {
+                return reject(new UserFriendlyError("slash_command|addwidget_missing_url"));
+            }
+
+            // Try and parse out a widget URL from iframes
+            if (widgetUrl.toLowerCase().startsWith("<iframe ")) {
+                const embed = new DOMParser().parseFromString(widgetUrl, "text/html").body;
+                if (embed?.childNodes?.length === 1) {
+                    const iframe = embed.firstElementChild;
+                    if (iframe?.tagName.toLowerCase() === "iframe") {
+                        logger.log("Pulling URL out of iframe (embed code)");
+                        if (!iframe.hasAttribute("src")) {
+                            return reject(new UserFriendlyError("slash_command|addwidget_iframe_missing_src"));
+                        }
+                        widgetUrl = iframe.getAttribute("src")!;
+                    }
+                }
+            }
+
+            if (!widgetUrl.startsWith("https://") && !widgetUrl.startsWith("http://")) {
+                return reject(new UserFriendlyError("slash_command|addwidget_invalid_protocol"));
+            }
+            if (WidgetUtils.canUserModifyWidgets(cli, roomId)) {
+                const userId = cli.getUserId();
+                const nowMs = new Date().getTime();
+                const widgetId = encodeURIComponent(`${roomId}_${userId}_${nowMs}`);
+                let type = WidgetType.CUSTOM;
+                let name = "Custom";
+                let data = {};
+
+                // Make the widget a Jitsi widget if it looks like a Jitsi widget
+                const jitsiData = Jitsi.getInstance().parsePreferredConferenceUrl(widgetUrl);
+                if (jitsiData) {
+                    logger.log("Making /addwidget widget a Jitsi conference");
+                    type = WidgetType.JITSI;
+                    name = "Jitsi";
+                    data = jitsiData;
+                    widgetUrl = WidgetUtils.getLocalJitsiWrapperUrl();
+                }
+
+                return success(WidgetUtils.setRoomWidget(cli, roomId, widgetId, type, widgetUrl, name, data));
+            } else {
+                return reject(new UserFriendlyError("slash_command|addwidget_no_permissions"));
+            }
+        },
+        category: CommandCategories.admin,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "verify",
+        args: "<device-id> <device-fingerprint>",
+        description: _td("slash_command|verify"),
+        runFn: function (cli, _roomId, _threadId, args) {
+            if (args) {
+                const matches = args.match(/^(\S+) +(\S+)$/);
+                if (matches) {
+                    const deviceId = matches[1];
+                    const fingerprint = matches[2];
+
+                    const { finished } = Modal.createDialog(QuestionDialog, {
+                        title: _t("slash_command|manual_device_verification_confirm_title"),
+                        description: _t("slash_command|manual_device_verification_confirm_description"),
+                        button: _t("action|verify"),
+                        danger: true,
+                    });
+
+                    return success(
+                        finished.then(([confirmed]) => {
+                            if (confirmed) manuallyVerifyDevice(cli, deviceId, fingerprint);
+                        }),
+                    );
+                }
+            }
+            return reject(this.getUsage());
+        },
+        category: CommandCategories.advanced,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "discardsession",
+        description: _td("slash_command|discardsession"),
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId) {
+            try {
+                cli.getCrypto()?.forceDiscardSession(roomId);
+            } catch (e) {
+                return reject(e instanceof Error ? e.message : e);
+            }
+            return success();
+        },
+        category: CommandCategories.advanced,
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "rainbow",
+        description: _td("slash_command|rainbow"),
+        args: "<message>",
+        runFn: function (cli, roomId, threadId, args) {
+            if (!args) return reject(this.getUsage());
+            return successSync(ContentHelpers.makeHtmlMessage(args, textToHtmlRainbow(args)));
+        },
+        category: CommandCategories.messages,
+    }),
+    new Command({
+        command: "rainbowme",
+        description: _td("slash_command|rainbowme"),
+        args: "<message>",
+        runFn: function (cli, roomId, threadId, args) {
+            if (!args) return reject(this.getUsage());
+            return successSync(ContentHelpers.makeHtmlEmote(args, textToHtmlRainbow(args)));
+        },
+        category: CommandCategories.messages,
+    }),
+    new Command({
+        command: "help",
+        description: _td("slash_command|help"),
+        runFn: function (cli, roomId, threadId, args) {
+            Modal.createDialog(SlashCommandHelpDialog, { roomId });
+            return success();
+        },
+        category: CommandCategories.advanced,
+    }),
+    new Command({
+        command: "whois",
+        description: _td("slash_command|whois"),
+        args: "<user-id>",
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, userId) {
+            if (!userId || !userId.startsWith("@") || !userId.includes(":")) {
+                return reject(this.getUsage());
+            }
+
+            const member = cli.getRoom(roomId)?.getMember(userId);
+            dis.dispatch<ViewUserPayload>({
+                action: Action.ViewUser,
+                // XXX: We should be using a real member object and not assuming what the receiver wants.
+                member: member || ({ userId } as User),
+            });
+            return success();
+        },
+        category: CommandCategories.advanced,
+    }),
+    new Command({
+        command: "rageshake",
+        aliases: ["bugreport"],
+        description: _td("slash_command|rageshake"),
+        isEnabled: () => !!SdkConfig.get().bug_report_endpoint_url,
+        args: "<description>",
+        runFn: function (cli, roomId, threadId, args) {
+            return success(
+                Modal.createDialog(BugReportDialog, {
+                    initialText: args,
+                }).finished,
+            );
+        },
+        category: CommandCategories.advanced,
+    }),
+    new Command({
+        command: "query",
+        description: _td("slash_command|query"),
+        args: "<user-id>",
+        runFn: function (cli, roomId, threadId, userId) {
+            // easter-egg for now: look up phone numbers through the thirdparty API
+            // (very dumb phone number detection...)
+            const isPhoneNumber = userId && /^\+?[0123456789]+$/.test(userId);
+            if (!userId || ((!userId.startsWith("@") || !userId.includes(":")) && !isPhoneNumber)) {
+                return reject(this.getUsage());
+            }
+
+            return success(
+                (async (): Promise<void> => {
+                    if (isPhoneNumber) {
+                        const results = await SDKContextClass.instance.legacyCallHandler.pstnLookup(userId);
+                        if (!results || results.length === 0 || !results[0].userid) {
+                            throw new UserFriendlyError("slash_command|query_not_found_phone_number");
+                        }
+                        userId = results[0].userid;
+                    }
+
+                    const roomId = await ensureDMExists(cli, userId);
+                    if (!roomId) throw new Error("Failed to ensure DM exists");
+
+                    dis.dispatch<ViewRoomPayload>({
+                        action: Action.ViewRoom,
+                        room_id: roomId,
+                        metricsTrigger: "SlashCommand",
+                        metricsViaKeyboard: true,
+                    });
+                })(),
+            );
+        },
+        category: CommandCategories.actions,
+    }),
+    new Command({
+        command: "msg",
+        description: _td("slash_command|msg"),
+        args: "<user-id> [<message>]",
+        runFn: function (cli, roomId, threadId, args) {
+            if (args) {
+                // matches the first whitespace delimited group and then the rest of the string
+                const [userId, msg] = splitAtFirstSpace(args);
+                if (userId !== "") {
+                    if (userId && userId.startsWith("@") && userId.includes(":")) {
+                        return success(
+                            (async (): Promise<void> => {
+                                const roomId = await ensureDMExists(cli, userId);
+                                if (!roomId) throw new Error("Failed to ensure DM exists");
+
+                                dis.dispatch<ViewRoomPayload>({
+                                    action: Action.ViewRoom,
+                                    room_id: roomId,
+                                    metricsTrigger: "SlashCommand",
+                                    metricsViaKeyboard: true,
+                                });
+                                if (msg) {
+                                    cli.sendTextMessage(roomId, msg);
+                                }
+                            })(),
+                        );
+                    }
+                }
+            }
+
+            return reject(this.getUsage());
+        },
+        category: CommandCategories.actions,
+    }),
+    new Command({
+        command: "holdcall",
+        description: _td("slash_command|holdcall"),
+        category: CommandCategories.other,
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, args) {
+            const call = SDKContextClass.instance.legacyCallHandler.getCallForRoom(roomId);
+            if (!call) {
+                return reject(new UserFriendlyError("slash_command|no_active_call"));
+            }
+            call.setRemoteOnHold(true);
+            return success();
+        },
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "unholdcall",
+        description: _td("slash_command|unholdcall"),
+        category: CommandCategories.other,
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, args) {
+            const call = SDKContextClass.instance.legacyCallHandler.getCallForRoom(roomId);
+            if (!call) {
+                return reject(new UserFriendlyError("slash_command|no_active_call"));
+            }
+            call.setRemoteOnHold(false);
+            return success();
+        },
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "converttodm",
+        description: _td("slash_command|converttodm"),
+        category: CommandCategories.other,
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, args) {
+            const room = cli.getRoom(roomId);
+            if (!room) return reject(new UserFriendlyError("slash_command|could_not_find_room"));
+            return success(guessAndSetDMRoom(room, true));
+        },
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    new Command({
+        command: "converttoroom",
+        description: _td("slash_command|converttoroom"),
+        category: CommandCategories.other,
+        isEnabled: (cli) => !isCurrentLocalRoom(cli),
+        runFn: function (cli, roomId, threadId, args) {
+            const room = cli.getRoom(roomId);
+            if (!room) return reject(new UserFriendlyError("slash_command|could_not_find_room"));
+            return success(guessAndSetDMRoom(room, false));
+        },
+        renderingTypes: [TimelineRenderingType.Room],
+    }),
+    statusCommand,
+
+    // Command definitions for autocompletion ONLY:
+    // /me is special because its not handled by SlashCommands.js and is instead done inside the Composer classes
+    new Command({
+        command: "me",
+        args: "<message>",
+        description: _td("slash_command|me"),
+        category: CommandCategories.messages,
+        hideCompletionAfterSpace: true,
+    }),
+
+    ...CHAT_EFFECTS.map((effect) => {
+        return new Command({
+            command: effect.command,
+            description: effect.description(),
+            args: "<message>",
+            runFn: function (cli, roomId, threadId, args) {
+                let content: IContent;
+                if (!args) {
+                    content = ContentHelpers.makeEmoteMessage(effect.fallbackMessage());
+                } else {
+                    content = {
+                        msgtype: effect.msgType,
+                        body: args,
+                    };
+                }
+                dis.dispatch({ action: `effects.${effect.command}` });
+                return successSync(content);
+            },
+            category: CommandCategories.effects,
+            renderingTypes: [TimelineRenderingType.Room],
+        });
+    }),
+];
+
+// build a map from names and aliases to the Command objects.
+export const CommandMap = new Map<string, Command>();
+Commands.forEach((cmd) => {
+    CommandMap.set(cmd.command, cmd);
+    cmd.aliases.forEach((alias) => {
+        CommandMap.set(alias, cmd);
+    });
+});
+
+/**
+ * If the supplied input starts with "/<command>", returns an object with these
+ * properties:
+ *
+ * cmd - the string following the / up to some whitespace
+ * args - the string (if any) after first whitespace
+ *
+ * If not, returns {}
+ */
+export function parseCommandString(input: string): { cmd?: string; args?: string } {
+    const trimmedInput = input.trimStart();
+    if (trimmedInput.charAt(0) !== "/") {
+        return {};
+    }
+
+    const withoutSlash = trimmedInput.slice(1);
+    const [cmd, args] = splitAtFirstSpace(withoutSlash);
+
+    return { cmd, args };
+}
+
+interface ICmd {
+    cmd?: Command;
+    args?: string;
+}
+
+/**
+ * Process the given text for /commands and returns a parsed command that can be used for running the operation.
+ * @param {string} roomId The room ID where the command was issued.
+ * @param {string} input The raw text input by the user.
+ * @returns {ICmd} The parsed command object.
+ * Returns an empty object if the input didn't match a command.
+ */
+export function getCommand(roomId: string, input: string): ICmd {
+    const { cmd, args } = parseCommandString(input);
+
+    if (cmd && CommandMap.has(cmd) && CommandMap.get(cmd)!.isEnabled(MatrixClientPeg.get(), roomId)) {
+        return {
+            cmd: CommandMap.get(cmd),
+            args,
+        };
+    }
+    return {};
+}
diff --git a/apps/web/src/slash-commands/command.ts b/apps/web/src/slash-commands/command.ts
new file mode 100644
index 00000000000..03ce38c309e
--- /dev/null
+++ b/apps/web/src/slash-commands/command.ts
@@ -0,0 +1,129 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-2023 The Matrix.org Foundation C.I.C.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2018 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.
+*/
+
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type SlashCommand as SlashCommandEvent } from "@matrix-org/analytics-events/types/typescript/SlashCommand";
+
+import { TimelineRenderingType } from "../contexts/RoomContext";
+import { reject } from "./utils";
+import { _t, UserFriendlyError } from "../languageHandler";
+import { PosthogAnalytics } from "../PosthogAnalytics";
+import { CommandCategories, type RunResult } from "./interface";
+
+/**
+ * The function signature for the run function of a {@link Command}
+ * @param matrixClient - The Matrix client
+ * @param roomId - The room ID where the command is run
+ * @param threadId - The thread ID where the command is run, or null for room timeline
+ * @param args - The arguments passed to the command
+ * @returns The result of running the command
+ */
+type RunFn = (
+    this: Command,
+    matrixClient: MatrixClient,
+    roomId: string,
+    threadId: string | null,
+    args?: string,
+) => RunResult;
+
+/**
+ * Options for {@link Command}
+ * @param command - The command name, e.g. "me" for the /me command
+ * @param aliases - Alternative names for the command
+ * @param args - The arguments for the command, e.g. "<message>" for the /me command
+ * @param description - A translation key describing the command
+ * @param analyticsName - The name to use for analytics tracking
+ * @param runFn - The function to execute when the command is run
+ * @param category - The category of the command, e.g. CommandCategories.emoji
+ * @param hideCompletionAfterSpace - Whether to hide autocomplete after a space is typed
+ * @param isEnabled - A function to determine if the command is enabled in a given context
+ * @param renderingTypes - The rendering types (room/thread) where this command is valid
+ */
+interface ICommandOpts {
+    command: string;
+    aliases?: string[];
+    args?: string;
+    description: TranslationKey;
+    analyticsName?: SlashCommandEvent["command"];
+    runFn?: RunFn;
+    category: string;
+    hideCompletionAfterSpace?: boolean;
+    isEnabled?(this: void, matrixClient: MatrixClient | null, roomId: string | null): boolean;
+    renderingTypes?: TimelineRenderingType[];
+}
+
+export class Command {
+    public readonly command: string;
+    public readonly aliases: string[];
+    public readonly args?: string;
+    public readonly description: TranslationKey;
+    public readonly runFn?: RunFn;
+    public readonly category: string;
+    public readonly hideCompletionAfterSpace: boolean;
+    public readonly renderingTypes?: TimelineRenderingType[];
+    public readonly analyticsName?: SlashCommandEvent["command"];
+    private readonly _isEnabled?: (matrixClient: MatrixClient | null, roomId: string | null) => boolean;
+
+    public constructor(opts: ICommandOpts) {
+        this.command = opts.command;
+        this.aliases = opts.aliases || [];
+        this.args = opts.args || "";
+        this.description = opts.description;
+        this.runFn = opts.runFn?.bind(this);
+        this.category = opts.category || CommandCategories.other;
+        this.hideCompletionAfterSpace = opts.hideCompletionAfterSpace || false;
+        this._isEnabled = opts.isEnabled;
+        this.renderingTypes = opts.renderingTypes;
+        this.analyticsName = opts.analyticsName;
+    }
+
+    public getCommand(): string {
+        return `/${this.command}`;
+    }
+
+    public getCommandWithArgs(): string {
+        return this.getCommand() + " " + this.args;
+    }
+
+    public run(matrixClient: MatrixClient, roomId: string, threadId: string | null, args?: string): RunResult {
+        // if it has no runFn then its an ignored/nop command (autocomplete only) e.g `/me`
+        if (!this.runFn) {
+            return reject(new UserFriendlyError("slash_command|error_invalid_runfn"));
+        }
+
+        const renderingType = threadId ? TimelineRenderingType.Thread : TimelineRenderingType.Room;
+        if (this.renderingTypes && !this.renderingTypes?.includes(renderingType)) {
+            return reject(
+                new UserFriendlyError("slash_command|error_invalid_rendering_type", {
+                    renderingType,
+                    cause: undefined,
+                }),
+            );
+        }
+
+        if (this.analyticsName) {
+            PosthogAnalytics.instance.trackEvent<SlashCommandEvent>({
+                eventName: "SlashCommand",
+                command: this.analyticsName,
+            });
+        }
+
+        return this.runFn(matrixClient, roomId, threadId, args);
+    }
+
+    public getUsage(): string {
+        return _t("slash_command|usage") + ": " + this.getCommandWithArgs();
+    }
+
+    public isEnabled(cli: MatrixClient | null, roomId: string | null): boolean {
+        return this._isEnabled?.(cli, roomId) ?? true;
+    }
+}
diff --git a/apps/web/src/slash-commands/emoticon.ts b/apps/web/src/slash-commands/emoticon.ts
new file mode 100644
index 00000000000..7c27e8a4b93
--- /dev/null
+++ b/apps/web/src/slash-commands/emoticon.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 { ContentHelpers } from "matrix-js-sdk/src/matrix";
+
+import { Command } from "./command";
+import { successSync } from "./utils";
+import { CommandCategories } from "./interface";
+
+export function emoticon(command: string, description: TranslationKey, prefix: string): Command {
+    return new Command({
+        command,
+        args: "<message>",
+        description,
+        runFn: function (_cli, _roomId, _threadId, args) {
+            let message = prefix;
+            if (args) {
+                message += " " + args;
+            }
+            return successSync(ContentHelpers.makeTextMessage(message));
+        },
+        category: CommandCategories.messages,
+    });
+}
diff --git a/apps/web/src/slash-commands/interface.ts b/apps/web/src/slash-commands/interface.ts
new file mode 100644
index 00000000000..807a3b725dd
--- /dev/null
+++ b/apps/web/src/slash-commands/interface.ts
@@ -0,0 +1,26 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-2023 The Matrix.org Foundation C.I.C.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2018 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.
+*/
+
+import { type RoomMessageEventContent } from "matrix-js-sdk/src/types";
+
+import { _td } from "../languageHandler";
+import { type XOR } from "../@types/common";
+
+export const CommandCategories = {
+    messages: _td("slash_command|category_messages"),
+    actions: _td("slash_command|category_actions"),
+    admin: _td("slash_command|category_admin"),
+    advanced: _td("slash_command|category_advanced"),
+    effects: _td("slash_command|category_effects"),
+    other: _td("slash_command|category_other"),
+};
+
+export type RunResult = XOR<{ error: Error }, { promise: Promise<RoomMessageEventContent | undefined> }>;
diff --git a/apps/web/src/slash-commands/join.ts b/apps/web/src/slash-commands/join.ts
new file mode 100644
index 00000000000..d34fdae0d54
--- /dev/null
+++ b/apps/web/src/slash-commands/join.ts
@@ -0,0 +1,158 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2018 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.
+*/
+
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { _td } from "../languageHandler";
+import { reject, success } from "./utils";
+import { isPermalinkHost, parsePermalink } from "../utils/permalinks/Permalinks";
+import dis from "../dispatcher/dispatcher";
+import { type ViewRoomPayload } from "../dispatcher/payloads/ViewRoomPayload";
+import { Action } from "../dispatcher/actions";
+import { TimelineRenderingType } from "../contexts/RoomContext";
+import { Command } from "./command";
+import { CommandCategories, type RunResult } from "./interface";
+
+// A return of undefined here signals a usage error, where the command should return `reject(this.getUsage());`
+function openRoom(cli: MatrixClient, args: string | undefined, autoJoin: boolean): RunResult | undefined {
+    if (!args) return;
+    const params = args.split(" ");
+    if (params.length < 1) return;
+
+    let isPermalink = false;
+    if (params[0].startsWith("http:") || params[0].startsWith("https:")) {
+        // It's at least a URL - try and pull out a hostname to check against the
+        // permalink handler
+        const parsedUrl = new URL(params[0]);
+        const hostname = parsedUrl.host || parsedUrl.hostname; // takes first non-falsey value
+
+        // if we're using a Element permalink handler, this will catch it before we get much further.
+        // see below where we make assumptions about parsing the URL.
+        if (isPermalinkHost(hostname)) {
+            isPermalink = true;
+        }
+    }
+
+    if (params[0][0] === "#") {
+        let roomAlias = params[0];
+        if (!roomAlias.includes(":")) {
+            roomAlias += ":" + cli.getDomain();
+        }
+
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_alias: roomAlias,
+            auto_join: autoJoin,
+            metricsTrigger: "SlashCommand",
+            metricsViaKeyboard: true,
+        });
+        return success();
+    }
+
+    if (params[0][0] === "!") {
+        const [roomId, ...viaServers] = params;
+
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: roomId,
+            via_servers: viaServers, // for the rejoin button
+            auto_join: autoJoin,
+            metricsTrigger: "SlashCommand",
+            metricsViaKeyboard: true,
+        });
+        return success();
+    }
+
+    if (isPermalink) {
+        const permalinkParts = parsePermalink(params[0]);
+
+        // This check technically isn't needed because we already did our
+        // safety checks up above. However, for good measure, let's be sure.
+        if (!permalinkParts) {
+            return;
+        }
+
+        // If for some reason someone wanted to join a user, we should
+        // stop them now.
+        if (!permalinkParts.roomIdOrAlias) {
+            return;
+        }
+
+        const entity = permalinkParts.roomIdOrAlias;
+        const viaServers = permalinkParts.viaServers;
+        const eventId = permalinkParts.eventId;
+
+        const dispatch: ViewRoomPayload = {
+            action: Action.ViewRoom,
+            auto_join: autoJoin,
+            metricsTrigger: "SlashCommand",
+            metricsViaKeyboard: true,
+        };
+
+        if (entity[0] === "!") dispatch["room_id"] = entity;
+        else dispatch["room_alias"] = entity;
+
+        if (eventId) {
+            dispatch["event_id"] = eventId;
+            dispatch["highlighted"] = true;
+        }
+
+        if (viaServers) {
+            // For the join, these are passed down to the js-sdk's /join call
+            dispatch["opts"] = { viaServers };
+
+            // For if the join fails (rejoin button)
+            dispatch["via_servers"] = viaServers;
+        }
+
+        dis.dispatch(dispatch);
+        return success();
+    }
+
+    // Otherwise, it's a usage error. Return `undefined`.
+}
+
+// Note: we support 2 versions of this command. The first is
+// the public-facing one for most users and the other is a
+// power-user edition where someone may join via permalink or
+// room ID with optional servers. Practically, this results
+// in the following variations:
+//   /join #example:example.org
+//   /join !example:example.org
+//   /join !example:example.org altserver.com elsewhere.ca
+//   /join https://matrix.to/#/!example:example.org?via=altserver.com
+// The command also supports event permalinks transparently:
+//   /join https://matrix.to/#/!example:example.org/$something:example.org
+//   /join https://matrix.to/#/!example:example.org/$something:example.org?via=altserver.com
+export const join = new Command({
+    command: "join",
+    aliases: ["j"],
+    args: "<room-address>",
+    description: _td("slash_command|join"),
+    runFn: function (cli, roomId, threadId, args) {
+        return openRoom(cli, args, true) ?? reject(this.getUsage());
+    },
+    category: CommandCategories.actions,
+    renderingTypes: [TimelineRenderingType.Room],
+});
+
+// Similar to join but doesn't auto join the room if you aren't already joined to it
+export const goto = new Command({
+    command: "goto",
+    aliases: ["view"],
+    args: "<room-address>",
+    description: _td("slash_command|view"),
+    runFn: function (cli, roomId, threadId, args) {
+        return openRoom(cli, args, false) ?? reject(this.getUsage());
+    },
+    category: CommandCategories.actions,
+    renderingTypes: [TimelineRenderingType.Room],
+});
diff --git a/apps/web/src/slash-commands/op.ts b/apps/web/src/slash-commands/op.ts
new file mode 100644
index 00000000000..09157bf57ed
--- /dev/null
+++ b/apps/web/src/slash-commands/op.ts
@@ -0,0 +1,93 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-2023 The Matrix.org Foundation C.I.C.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2018 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.
+*/
+
+import { type MatrixClient, type Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+
+import { _td, UserFriendlyError } from "../languageHandler";
+import { EffectiveMembership, getEffectiveMembership } from "../utils/membership";
+import { warnSelfDemote } from "../components/views/right_panel/UserInfo";
+import { TimelineRenderingType } from "../contexts/RoomContext";
+import { canAffectPowerlevels, success, reject } from "./utils";
+import { CommandCategories, type RunResult } from "./interface";
+import { Command } from "./command";
+
+const updatePowerLevel = async (room: Room, member: RoomMember, powerLevel: number | undefined): Promise<unknown> => {
+    // Only warn if the target is ourselves and the power level is decreasing or being unset
+    if (member.userId === room.client.getUserId() && (powerLevel === undefined || member.powerLevel > powerLevel)) {
+        const ok = await warnSelfDemote(room.isSpaceRoom());
+        if (!ok) return; // Nothing to do
+    }
+    return room.client.setPowerLevel(room.roomId, member.userId, powerLevel);
+};
+
+const updatePowerLevelHelper = (
+    client: MatrixClient,
+    roomId: string,
+    userId: string,
+    powerLevel: number | undefined,
+): RunResult => {
+    const room = client.getRoom(roomId);
+    if (!room) {
+        return reject(
+            new UserFriendlyError("slash_command|error_invalid_room", {
+                roomId,
+                cause: undefined,
+            }),
+        );
+    }
+    const member = room.getMember(userId);
+    if (!member?.membership || getEffectiveMembership(member.membership) === EffectiveMembership.Leave) {
+        return reject(new UserFriendlyError("slash_command|error_invalid_user_in_room"));
+    }
+
+    return success(updatePowerLevel(room, member, powerLevel));
+};
+
+export const op = new Command({
+    command: "op",
+    args: "<user-id> [<power-level>]",
+    description: _td("slash_command|op"),
+    isEnabled: canAffectPowerlevels,
+    runFn: function (cli, roomId, threadId, args) {
+        if (args) {
+            const matches = args.match(/^(\S+?)( +(-?\d+))?$/);
+            let powerLevel = 50; // default power level for op
+            if (matches) {
+                const userId = matches[1];
+                if (matches.length === 4 && undefined !== matches[3]) {
+                    powerLevel = parseInt(matches[3], 10);
+                }
+                return updatePowerLevelHelper(cli, roomId, userId, powerLevel);
+            }
+        }
+        return reject(this.getUsage());
+    },
+    category: CommandCategories.admin,
+    renderingTypes: [TimelineRenderingType.Room],
+});
+
+export const deop = new Command({
+    command: "deop",
+    args: "<user-id>",
+    description: _td("slash_command|deop"),
+    isEnabled: canAffectPowerlevels,
+    runFn: function (cli, roomId, threadId, args) {
+        if (args) {
+            const matches = args.match(/^(\S+)$/);
+            if (matches) {
+                return updatePowerLevelHelper(cli, roomId, args, undefined);
+            }
+        }
+        return reject(this.getUsage());
+    },
+    category: CommandCategories.admin,
+    renderingTypes: [TimelineRenderingType.Room],
+});
diff --git a/apps/web/src/slash-commands/status.test.ts b/apps/web/src/slash-commands/status.test.ts
new file mode 100644
index 00000000000..bffcf5d2fb0
--- /dev/null
+++ b/apps/web/src/slash-commands/status.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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, beforeEach } from "vitest";
+import { stubClient } from "test-utils";
+
+import { statusCommand } from "./status";
+import { UserFriendlyError } from "../i18n";
+
+describe("/status", () => {
+    const roomId = "!room:example.com";
+
+    let client: ReturnType<typeof stubClient>;
+
+    beforeEach(() => {
+        client = stubClient();
+    });
+
+    function run(args?: string) {
+        return statusCommand.run(client, roomId, null, args);
+    }
+
+    it("should reject if no args provided", () => {
+        const result = run(undefined);
+        expect(result.error).toBeInstanceOf(UserFriendlyError);
+        expect((result.error as UserFriendlyError).message).toBe(
+            "No arguments provided. You should supply an emoij and an optional text component.",
+        );
+    });
+
+    it("should reject if no text is provided after the emoji", () => {
+        const result = run("🎉");
+        expect(result.error).toBeInstanceOf(UserFriendlyError);
+        expect((result.error as UserFriendlyError).message).toBe("You did not provide any status text");
+    });
+
+    it("should reject if the emoji field has more than one grapheme segment", () => {
+        const result = run("ab hello");
+        expect(result.error).toBeInstanceOf(UserFriendlyError);
+        expect((result.error as UserFriendlyError).message).toBe("The first argument must be an emoji");
+    });
+
+    it("should reject if the status text exceeds the maximum byte length", () => {
+        const longText = "a".repeat(257);
+        const result = run(`🎉 ${longText}`);
+        expect(result.error).toBeInstanceOf(UserFriendlyError);
+        expect((result.error as UserFriendlyError).message).toBe("The text you provided was too long.");
+    });
+
+    it("should set the extended profile property on success", async () => {
+        const result = run("🎉 Having a great day");
+        expect(result.error).toBeUndefined();
+        await result.promise;
+        expect(client.setExtendedProfileProperty).toHaveBeenCalledWith("org.matrix.msc4426.status", {
+            emoji: "🎉",
+            text: "Having a great day",
+        });
+    });
+});
diff --git a/apps/web/src/slash-commands/status.ts b/apps/web/src/slash-commands/status.ts
new file mode 100644
index 00000000000..6eb74a6777f
--- /dev/null
+++ b/apps/web/src/slash-commands/status.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 { _td } from "@element-hq/web-shared-components";
+
+import { Command } from "./command";
+import { CommandCategories } from "./interface";
+import SettingsStore from "../settings/SettingsStore";
+import { reject, success, splitAtFirstSpace } from "./utils";
+import { UserFriendlyError } from "../languageHandler";
+import { TimelineRenderingType } from "../contexts/RoomContext";
+import { setUserStatus, userStatusTextWithinMaxLength } from "../utils/userStatus";
+
+export const statusCommand = new Command({
+    command: "status",
+    args: "<emoji> <text>",
+    description: _td("slash_command|status|description"),
+    isEnabled: () => SettingsStore.getValue("feature_user_status"),
+    runFn: function (cli, _roomId, _threadId, args) {
+        if (!args) {
+            return reject(new UserFriendlyError("slash_command|status|no_args"));
+        }
+        const [emojiText, text] = splitAtFirstSpace(args);
+        if (!emojiText) {
+            return reject(new UserFriendlyError("slash_command|status|no_emoji"));
+        }
+        if (!text) {
+            return reject(new UserFriendlyError("slash_command|status|no_text"));
+        }
+        const [emoji, additionalSegment] = [...new Intl.Segmenter().segment(emojiText)];
+        if (additionalSegment) {
+            // This is "too long" in that it's more than one grapheme, so the error we give is
+            // that it's "not an emoji".
+            return reject(new UserFriendlyError("slash_command|status|too_long_emoji"));
+        }
+        if (!userStatusTextWithinMaxLength(text)) {
+            return reject(new UserFriendlyError("slash_command|status|too_long_text"));
+        }
+        return success(
+            setUserStatus(cli, {
+                emoji: emoji.segment,
+                text,
+            }),
+        );
+    },
+    category: CommandCategories.actions,
+    renderingTypes: [TimelineRenderingType.Room],
+});
diff --git a/apps/web/src/slash-commands/upgraderoom/parseUpgradeRoomArgs.ts b/apps/web/src/slash-commands/upgraderoom/parseUpgradeRoomArgs.ts
new file mode 100644
index 00000000000..129b8ca13e1
--- /dev/null
+++ b/apps/web/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/apps/web/src/slash-commands/upgraderoom/runUpgradeRoomCommand.ts b/apps/web/src/slash-commands/upgraderoom/runUpgradeRoomCommand.ts
new file mode 100644
index 00000000000..e7e24ded75c
--- /dev/null
+++ b/apps/web/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/apps/web/src/slash-commands/upgraderoom/upgraderoom.ts b/apps/web/src/slash-commands/upgraderoom/upgraderoom.ts
new file mode 100644
index 00000000000..8d7b17ea4de
--- /dev/null
+++ b/apps/web/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/apps/web/src/slash-commands/utils.ts b/apps/web/src/slash-commands/utils.ts
new file mode 100644
index 00000000000..40ec7c2744e
--- /dev/null
+++ b/apps/web/src/slash-commands/utils.ts
@@ -0,0 +1,98 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-2023 The Matrix.org Foundation C.I.C.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2018 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.
+*/
+
+import { EventType, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { SDKContextClass } from "../contexts/SDKContextClass";
+import { isLocalRoom } from "../utils/localRoom/isLocalRoom";
+import Modal from "../Modal";
+import UploadConfirmDialog from "../components/views/dialogs/UploadConfirmDialog";
+import { type RunResult } from "./interface";
+
+export function reject(error?: any): RunResult {
+    return { error };
+}
+
+export function success(promise: Promise<any> = Promise.resolve()): RunResult {
+    return { promise };
+}
+
+export function successSync(value: any): RunResult {
+    return success(Promise.resolve(value));
+}
+
+/**
+ * Check whether the user can affect power levels in the given room
+ * @param cli - The Matrix client
+ * @param roomId - The room ID
+ * @returns True if the user can affect power levels, false otherwise
+ */
+export const canAffectPowerlevels = (cli: MatrixClient | null, roomId: string | null): boolean => {
+    if (!cli || !roomId) return false;
+    const room = cli?.getRoom(roomId);
+    return !!room?.currentState.maySendStateEvent(EventType.RoomPowerLevels, cli.getSafeUserId()) && !isLocalRoom(room);
+};
+
+// XXX: workaround for https://github.com/microsoft/TypeScript/issues/31816
+interface HTMLInputEvent extends Event {
+    target: HTMLInputElement & EventTarget;
+}
+
+export const singleMxcUpload = async (cli: MatrixClient): Promise<string | null> => {
+    return new Promise((resolve) => {
+        const fileSelector = document.createElement("input");
+        fileSelector.setAttribute("type", "file");
+        fileSelector.onchange = (ev: Event) => {
+            const file = (ev as HTMLInputEvent).target.files?.[0];
+            if (!file) return;
+
+            const { finished } = Modal.createDialog(UploadConfirmDialog, { file });
+            finished.then(async ([shouldContinue]) => {
+                if (shouldContinue) {
+                    const { content_uri: uri } = await cli.uploadContent(file);
+                    resolve(uri);
+                } else {
+                    resolve(null);
+                }
+            });
+        };
+
+        fileSelector.click();
+    });
+};
+
+export const isCurrentLocalRoom = (cli: MatrixClient | null): boolean => {
+    const roomId = SDKContextClass.instance.roomViewStore.getRoomId();
+    if (!roomId) return false;
+    const room = cli?.getRoom(roomId);
+    if (!room) return false;
+    return isLocalRoom(room);
+};
+
+/**
+ * Split the supplied string into one or two strings separated by the first
+ * region of white space we can find.
+ */
+export function splitAtFirstSpace(args: string): [string, string?] {
+    const trimmedArgs = args.trim();
+    const i = trimmedArgs.search(/\s+/);
+    if (i === -1) {
+        return [trimmedArgs];
+    } else {
+        const first = trimmedArgs.slice(0, i);
+        const second = trimmedArgs.slice(i + 1).trimStart();
+        if (second === "") {
+            return [first];
+        } else {
+            return [first, second];
+        }
+    }
+}
diff --git a/apps/web/src/stores/ActiveWidgetStore.ts b/apps/web/src/stores/ActiveWidgetStore.ts
new file mode 100644
index 00000000000..270b18628f2
--- /dev/null
+++ b/apps/web/src/stores/ActiveWidgetStore.ts
@@ -0,0 +1,127 @@
+/*
+Copyright 2018-2024 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.
+*/
+
+// oxlint-disable-next-line no-restricted-imports
+import EventEmitter from "events";
+import { type MatrixEvent, RoomStateEvent, type RoomState } from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import WidgetUtils from "../utils/WidgetUtils";
+import { WidgetMessagingStore } from "./widgets/WidgetMessagingStore";
+
+export enum ActiveWidgetStoreEvent {
+    // Indicates a change in the currently persistent widget
+    Persistence = "persistence",
+    // Indicate changes in the currently docked widgets
+    Dock = "dock",
+    Undock = "undock",
+}
+
+/**
+ * Stores information about the widgets active in the app right now:
+ *  * What widget is set to remain always-on-screen, if any
+ *    Only one widget may be 'always on screen' at any one time.
+ *  * Reference counts to keep track of whether a widget is kept docked or alive
+ *    by any components
+ */
+export default class ActiveWidgetStore extends EventEmitter {
+    private static internalInstance: ActiveWidgetStore;
+    private persistentWidgetId: string | null = null;
+    private persistentRoomId: string | null = null;
+    private dockedWidgetsByUid = new Map<string, number>();
+
+    public static get instance(): ActiveWidgetStore {
+        if (!ActiveWidgetStore.internalInstance) {
+            ActiveWidgetStore.internalInstance = new ActiveWidgetStore();
+        }
+        return ActiveWidgetStore.internalInstance;
+    }
+
+    public start(): void {
+        MatrixClientPeg.safeGet().on(RoomStateEvent.Events, this.onRoomStateEvents);
+    }
+
+    public stop(): void {
+        MatrixClientPeg.get()?.removeListener(RoomStateEvent.Events, this.onRoomStateEvents);
+    }
+
+    private onRoomStateEvents = (ev: MatrixEvent, { roomId }: RoomState): void => {
+        // XXX: This listens for state events in order to remove the active widget.
+        // Everything else relies on views listening for events and calling setters
+        // on this class which is terrible. This store should just listen for events
+        // and keep itself up to date.
+        // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+        if (ev.getType() === "im.vector.modular.widgets") {
+            this.destroyPersistentWidget(ev.getStateKey()!, roomId);
+        }
+    };
+
+    public destroyPersistentWidget(widgetId: string, roomId: string | null): void {
+        if (!this.getWidgetPersistence(widgetId, roomId)) return;
+        // We first need to set the widget persistence to false
+        this.setWidgetPersistence(widgetId, roomId, false);
+        // Then we can stop the messaging. Stopping the messaging emits - we might move the widget out of sight.
+        // If we would do this before setting the persistence to false, it would stay in the DOM (hidden) because
+        // its still persistent. We need to avoid this.
+        WidgetMessagingStore.instance.stopMessagingByUid(WidgetUtils.calcWidgetUid(widgetId, roomId ?? undefined));
+    }
+
+    public setWidgetPersistence(widgetId: string, roomId: string | null, val: boolean): void {
+        const isPersisted = this.getWidgetPersistence(widgetId, roomId);
+
+        if (isPersisted && !val) {
+            this.persistentWidgetId = null;
+            this.persistentRoomId = null;
+        } else if (!isPersisted && val) {
+            this.persistentWidgetId = widgetId;
+            this.persistentRoomId = roomId;
+        }
+        this.emit(ActiveWidgetStoreEvent.Persistence);
+    }
+
+    public getWidgetPersistence(widgetId: string, roomId: string | null): boolean {
+        return this.persistentWidgetId === widgetId && this.persistentRoomId === roomId;
+    }
+
+    public getPersistentWidgetId(): string | null {
+        return this.persistentWidgetId;
+    }
+
+    public getPersistentRoomId(): string | null {
+        return this.persistentRoomId;
+    }
+
+    // Registers the given widget as being docked somewhere in the UI (not a PiP),
+    // to allow its lifecycle to be tracked.
+    public dockWidget(widgetId: string, roomId: string | null): void {
+        const uid = WidgetUtils.calcWidgetUid(widgetId, roomId ?? undefined);
+        const refs = this.dockedWidgetsByUid.get(uid) ?? 0;
+        this.dockedWidgetsByUid.set(uid, refs + 1);
+        if (refs === 0) this.emit(ActiveWidgetStoreEvent.Dock);
+    }
+
+    public undockWidget(widgetId: string, roomId: string | null): void {
+        const uid = WidgetUtils.calcWidgetUid(widgetId, roomId ?? undefined);
+        const refs = this.dockedWidgetsByUid.get(uid);
+        if (refs) this.dockedWidgetsByUid.set(uid, refs - 1);
+        if (refs === 1) this.emit(ActiveWidgetStoreEvent.Undock);
+    }
+
+    // Determines whether the given widget is docked anywhere in the UI (not a PiP)
+    public isDocked(widgetId: string, roomId: string | null): boolean {
+        const uid = WidgetUtils.calcWidgetUid(widgetId, roomId ?? undefined);
+        const refs = this.dockedWidgetsByUid.get(uid) ?? 0;
+        return refs > 0;
+    }
+
+    // Determines whether the given widget is being kept alive in the UI, including PiPs
+    public isLive(widgetId: string, roomId: string | null): boolean {
+        return this.isDocked(widgetId, roomId) || this.getWidgetPersistence(widgetId, roomId);
+    }
+}
+
+window.mxActiveWidgetStore = ActiveWidgetStore.instance;
diff --git a/apps/web/src/stores/AsyncStore.ts b/apps/web/src/stores/AsyncStore.ts
new file mode 100644
index 00000000000..dd9b059604e
--- /dev/null
+++ b/apps/web/src/stores/AsyncStore.ts
@@ -0,0 +1,106 @@
+/*
+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.
+*/
+
+// oxlint-disable-next-line no-restricted-imports
+import { EventEmitter } from "events";
+import AwaitLock from "await-lock";
+
+import { type ActionPayload } from "../dispatcher/payloads";
+import { type MatrixDispatcher } from "../dispatcher/dispatcher";
+
+/**
+ * The event/channel to listen for in an AsyncStore.
+ */
+export const UPDATE_EVENT = "update";
+
+/**
+ * Represents a minimal store which works similar to Flux stores. Instead
+ * of everything needing to happen in a dispatch cycle, everything can
+ * happen async to that cycle.
+ *
+ * The store operates by using Object.assign() to mutate state - it sends the
+ * state objects (current and new) through the function onto a new empty
+ * object. Because of this, it is recommended to break out your state to be as
+ * safe as possible. The state mutations are also locked, preventing concurrent
+ * writes.
+ *
+ * All updates to the store happen on the UPDATE_EVENT event channel with the
+ * one argument being the instance of the store.
+ *
+ * To update the state, use updateState() and preferably await the result to
+ * help prevent lock conflicts.
+ */
+export abstract class AsyncStore<T extends object> extends EventEmitter {
+    private storeState: Readonly<T>;
+    private lock = new AwaitLock();
+    private readonly dispatcherRef: string;
+
+    /**
+     * Creates a new AsyncStore using the given dispatcher.
+     * @param {Dispatcher<ActionPayload>} dispatcher The dispatcher to rely upon.
+     * @param {T} initialState The initial state for the store.
+     */
+    protected constructor(
+        protected dispatcher: MatrixDispatcher,
+        initialState: T = <T>{},
+    ) {
+        super();
+
+        this.dispatcherRef = dispatcher.register(this.onDispatch.bind(this));
+        this.storeState = initialState;
+    }
+
+    /**
+     * The current state of the store. Cannot be mutated.
+     */
+    protected get state(): T {
+        return this.storeState;
+    }
+
+    /**
+     * Stops the store's listening functions, such as the listener to the dispatcher.
+     */
+    protected stop(): void {
+        this.dispatcher.unregister(this.dispatcherRef);
+    }
+
+    /**
+     * Updates the state of the store.
+     * @param {T|*} newState The state to update in the store using Object.assign()
+     */
+    protected async updateState(newState: T | object): Promise<void> {
+        await this.lock.acquireAsync();
+        try {
+            this.storeState = Object.freeze(Object.assign(<T>{}, this.storeState, newState));
+            this.emit(UPDATE_EVENT, this);
+        } finally {
+            this.lock.release();
+        }
+    }
+
+    /**
+     * Resets the store's to the provided state or an empty object.
+     * @param {T|*} newState The new state of the store.
+     * @param {boolean} quiet If true, the function will not raise an UPDATE_EVENT.
+     */
+    protected async reset(newState: T | object | null = null, quiet = false): Promise<void> {
+        await this.lock.acquireAsync();
+        try {
+            this.storeState = Object.freeze(<T>(newState || {}));
+            if (!quiet) this.emit(UPDATE_EVENT, this);
+        } finally {
+            this.lock.release();
+        }
+    }
+
+    /**
+     * Called when the dispatcher broadcasts a dispatch event.
+     * @param {ActionPayload} payload The event being dispatched.
+     */
+    protected abstract onDispatch(payload: ActionPayload): void;
+}
diff --git a/apps/web/src/stores/AsyncStoreWithClient.ts b/apps/web/src/stores/AsyncStoreWithClient.ts
new file mode 100644
index 00000000000..6a40787607a
--- /dev/null
+++ b/apps/web/src/stores/AsyncStoreWithClient.ts
@@ -0,0 +1,60 @@
+/*
+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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { AsyncStore } from "./AsyncStore";
+import { type ActionPayload } from "../dispatcher/payloads";
+import { ReadyWatchingStore } from "./ReadyWatchingStore";
+import { type MatrixDispatcher } from "../dispatcher/dispatcher";
+
+export abstract class AsyncStoreWithClient<T extends object> extends AsyncStore<T> {
+    protected readyStore: ReadyWatchingStore;
+
+    protected constructor(dispatcher: MatrixDispatcher, initialState: T = <T>{}) {
+        super(dispatcher, initialState);
+
+        // Create an anonymous class to avoid code duplication
+        const asyncStore = this; // eslint-disable-line @typescript-eslint/no-this-alias
+        this.readyStore = new (class extends ReadyWatchingStore {
+            public get mxClient(): MatrixClient | null {
+                return this.matrixClient ?? null;
+            }
+
+            protected async onReady(): Promise<any> {
+                return asyncStore.onReady();
+            }
+
+            protected async onNotReady(): Promise<any> {
+                return asyncStore.onNotReady();
+            }
+        })(dispatcher);
+    }
+
+    public async start(): Promise<void> {
+        await this.readyStore.start();
+    }
+
+    public get matrixClient(): MatrixClient | null {
+        return this.readyStore.mxClient;
+    }
+
+    protected async onReady(): Promise<void> {
+        // Default implementation is to do nothing.
+    }
+
+    protected async onNotReady(): Promise<void> {
+        // Default implementation is to do nothing.
+    }
+
+    protected abstract onAction(payload: ActionPayload): Promise<void>;
+
+    protected async onDispatch(payload: ActionPayload): Promise<void> {
+        await this.onAction(payload);
+    }
+}
diff --git a/apps/web/src/stores/BreadcrumbsStore.ts b/apps/web/src/stores/BreadcrumbsStore.ts
new file mode 100644
index 00000000000..e1df06076be
--- /dev/null
+++ b/apps/web/src/stores/BreadcrumbsStore.ts
@@ -0,0 +1,157 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 { type Room, ClientEvent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import SettingsStore from "../settings/SettingsStore";
+import { AsyncStoreWithClient } from "./AsyncStoreWithClient";
+import defaultDispatcher from "../dispatcher/dispatcher";
+import { arrayHasDiff, filterBoolean } from "../utils/arrays";
+import { SettingLevel } from "../settings/SettingLevel";
+import { Action } from "../dispatcher/actions";
+import { type SettingUpdatedPayload } from "../dispatcher/payloads/SettingUpdatedPayload";
+import { type ViewRoomPayload } from "../dispatcher/payloads/ViewRoomPayload";
+import { type JoinRoomPayload } from "../dispatcher/payloads/JoinRoomPayload";
+
+const MAX_ROOMS = 20; // arbitrary
+const AUTOJOIN_WAIT_THRESHOLD_MS = 90000; // 90s, the time we wait for an autojoined room to show up
+
+interface IState {
+    rooms?: Room[];
+}
+
+export class BreadcrumbsStore extends AsyncStoreWithClient<IState> {
+    private static readonly internalInstance = (() => {
+        const instance = new BreadcrumbsStore();
+        instance.start();
+        return instance;
+    })();
+
+    private waitingRooms: { roomId: string; addedTs: number }[] = [];
+
+    private constructor() {
+        super(defaultDispatcher);
+
+        SettingsStore.monitorSetting("breadcrumb_rooms", null);
+    }
+
+    public static get instance(): BreadcrumbsStore {
+        return BreadcrumbsStore.internalInstance;
+    }
+
+    public get rooms(): Room[] {
+        return this.state.rooms || [];
+    }
+
+    protected async onAction(payload: SettingUpdatedPayload | ViewRoomPayload | JoinRoomPayload): Promise<void> {
+        if (!this.matrixClient) return;
+        if (payload.action === Action.SettingUpdated && payload.settingName === "breadcrumb_rooms") {
+            await this.updateRooms();
+        } else if (payload.action === Action.ViewRoom) {
+            if (payload.auto_join && payload.room_id && !this.matrixClient.getRoom(payload.room_id)) {
+                // Queue the room instead of pushing it immediately. We're probably just
+                // waiting for a room join to complete.
+                this.waitingRooms.push({ roomId: payload.room_id, addedTs: Date.now() });
+            } else {
+                // The tests might not result in a valid room object.
+                const room = this.matrixClient.getRoom(payload.room_id);
+                const membership = room?.getMyMembership();
+                if (room && membership === KnownMembership.Join) await this.appendRoom(room);
+            }
+        } else if (payload.action === Action.JoinRoom) {
+            const room = this.matrixClient.getRoom(payload.roomId);
+            if (room) await this.appendRoom(room);
+        }
+    }
+
+    protected async onReady(): Promise<void> {
+        await this.updateRooms();
+
+        if (this.matrixClient) {
+            this.matrixClient.on(ClientEvent.Room, this.onRoom);
+        }
+    }
+
+    protected async onNotReady(): Promise<void> {
+        if (this.matrixClient) {
+            this.matrixClient.removeListener(ClientEvent.Room, this.onRoom);
+        }
+    }
+
+    private onRoom = async (room: Room): Promise<void> => {
+        const waitingRoom = this.waitingRooms.find((r) => r.roomId === room.roomId);
+        if (!waitingRoom) return;
+        this.waitingRooms.splice(this.waitingRooms.indexOf(waitingRoom), 1);
+
+        if (Date.now() - waitingRoom.addedTs > AUTOJOIN_WAIT_THRESHOLD_MS) return; // Too long ago.
+        await this.appendRoom(room);
+    };
+
+    private async updateRooms(): Promise<void> {
+        let roomIds = SettingsStore.getValue("breadcrumb_rooms");
+        if (!roomIds || roomIds.length === 0) roomIds = [];
+
+        const rooms = filterBoolean(roomIds.map((r) => this.matrixClient?.getRoom(r)));
+        const currentRooms = this.state.rooms || [];
+        if (!arrayHasDiff(rooms, currentRooms)) return; // no change (probably echo)
+        await this.updateState({ rooms });
+    }
+
+    private async appendRoom(room: Room): Promise<void> {
+        let updated = false;
+        const rooms = (this.state.rooms || []).slice(); // cheap clone
+        const msc3946ProcessDynamicPredecessor = SettingsStore.getValue("feature_dynamic_room_predecessors");
+
+        // If the room is upgraded, use that room instead. We'll also splice out
+        // any children of the room.
+        const history = this.matrixClient?.getRoomUpgradeHistory(room.roomId, true, msc3946ProcessDynamicPredecessor);
+        if (history && history.length > 1) {
+            room = history[history.length - 1]; // Last room is most recent in history
+
+            // Take out any room that isn't the most recent room
+            for (let i = 0; i < history.length - 1; i++) {
+                const idx = rooms.findIndex((r) => r.roomId === history[i].roomId);
+                if (idx !== -1) {
+                    rooms.splice(idx, 1);
+                    updated = true;
+                }
+            }
+        }
+
+        // Remove the existing room, if it is present
+        const existingIdx = rooms.findIndex((r) => r.roomId === room.roomId);
+
+        // If we're focusing on the first room no-op
+        if (existingIdx !== 0) {
+            if (existingIdx !== -1) {
+                rooms.splice(existingIdx, 1);
+            }
+
+            // Splice the room to the start of the list
+            rooms.splice(0, 0, room);
+            updated = true;
+        }
+
+        if (rooms.length > MAX_ROOMS) {
+            // This looks weird, but it's saying to start at the MAX_ROOMS point in the
+            // list and delete everything after it.
+            rooms.splice(MAX_ROOMS, rooms.length - MAX_ROOMS);
+            updated = true;
+        }
+
+        if (updated) {
+            // Update the breadcrumbs
+            await this.updateState({ rooms });
+            const roomIds = rooms.map((r) => r.roomId);
+            if (roomIds.length > 0) {
+                await SettingsStore.setValue("breadcrumb_rooms", null, SettingLevel.ACCOUNT, roomIds);
+            }
+        }
+    }
+}
diff --git a/apps/web/src/stores/CallStore.ts b/apps/web/src/stores/CallStore.ts
new file mode 100644
index 00000000000..d5ce82665ee
--- /dev/null
+++ b/apps/web/src/stores/CallStore.ts
@@ -0,0 +1,251 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+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 defaultDispatcher from "../dispatcher/dispatcher";
+import { UPDATE_EVENT } from "./AsyncStore";
+import { AsyncStoreWithClient } from "./AsyncStoreWithClient";
+import WidgetStore from "./WidgetStore";
+import SettingsStore from "../settings/SettingsStore";
+import { SettingLevel } from "../settings/SettingLevel";
+import SdkConfig from "../SdkConfig";
+import { Call, CallEvent, ConnectionState } from "../models/Call";
+
+export enum CallStoreEvent {
+    // Signals a change in the call associated with a given room
+    Call = "call",
+    // Signals a change in the active calls
+    // Parameters:
+    // - Set<Call> The set of calls the user is currently connected to
+    // - Set<Call> The set of calls the user was connected to before this event
+    ConnectedCalls = "connected_calls",
+    // Signals a change in the configured RTC transports.
+    TransportsUpdated = "transports_updated",
+}
+
+export class CallStore extends AsyncStoreWithClient<EmptyObject> {
+    private static _instance: CallStore;
+    public static get instance(): CallStore {
+        if (!this._instance) {
+            this._instance = new CallStore();
+            this._instance.start();
+        }
+        return this._instance;
+    }
+
+    private readonly configuredMatrixRTCTransports = new Set<Transport>();
+
+    private constructor() {
+        super(defaultDispatcher);
+        this.setMaxListeners(100); // One for each RoomTile
+    }
+
+    protected async onAction(): Promise<void> {
+        // 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.
+            //
+            // Homeservers will return a 404 M_UNRECOGNIZED matrix error if they
+            // don't implement a requested endpoint.
+            if (ex instanceof MatrixError === false || ex.errcode !== "M_UNRECOGNIZED") {
+                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.
+        // Reading it can be disabled via config; the modern endpoint above is unaffected.
+        if (SdkConfig.get("enable_client_well_known_lookups")) {
+            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
+        for (const room of this.matrixClient.getRooms()) {
+            this.updateRoom(room);
+        }
+        this.matrixClient.matrixRTC.on(MatrixRTCSessionManagerEvents.SessionStarted, this.onRTCSessionStart);
+        WidgetStore.instance.on(UPDATE_EVENT, this.onWidgets);
+
+        // If the room ID of a previously connected call is still in settings at
+        // this time, that's a sign that we failed to disconnect from it
+        // properly, and need to clean up after ourselves
+        const uncleanlyDisconnectedRoomIds = SettingsStore.getValue("activeCallRoomIds");
+        if (uncleanlyDisconnectedRoomIds.length) {
+            await Promise.all([
+                ...uncleanlyDisconnectedRoomIds.map(async (uncleanlyDisconnectedRoomId): Promise<void> => {
+                    logger.log(`Cleaning up call state for room ${uncleanlyDisconnectedRoomId}`);
+                    await this.getCall(uncleanlyDisconnectedRoomId)?.clean();
+                }),
+                SettingsStore.setValue("activeCallRoomIds", null, SettingLevel.DEVICE, []),
+            ]);
+        }
+    }
+
+    protected async onNotReady(): Promise<any> {
+        for (const [call, listenerMap] of this.callListeners) {
+            // It's important that we remove the listeners before destroying the
+            // call, because otherwise the call's onDestroy callback would fire
+            // and immediately repopulate the map
+            for (const [event, listener] of listenerMap) call.off(event, listener);
+            call.destroy();
+        }
+        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);
+    }
+
+    private _connectedCalls: Set<Call> = new Set();
+    /**
+     * The calls to which the user is currently connected.
+     */
+    public get connectedCalls(): Set<Call> {
+        return this._connectedCalls;
+    }
+    private set connectedCalls(value: Set<Call>) {
+        const prevValue = this._connectedCalls;
+        this._connectedCalls = value;
+        this.emit(CallStoreEvent.ConnectedCalls, value, prevValue);
+
+        // The room IDs are persisted to settings so we can detect unclean disconnects
+        SettingsStore.setValue(
+            "activeCallRoomIds",
+            null,
+            SettingLevel.DEVICE,
+            [...value].map((call) => call.roomId),
+        );
+    }
+
+    private calls = new Map<string, Call>(); // Key is room ID
+    private callListeners = new Map<Call, Map<CallEvent, (...args: unknown[]) => unknown>>();
+
+    private inUpdateRoom = false;
+    private updateRoom(room: Room): void {
+        // XXX: This method is guarded with the flag this.inUpdateRoom because
+        // we need to block this method from calling itself recursively. That
+        // could happen, for instance, if Call.get adds a new virtual widget to
+        // the WidgetStore, firing a WidgetStore update that we don't actually
+        // care about. Without the guard we could get duplicate Call objects
+        // fighting for control over the same widget.
+        if (!this.inUpdateRoom && !this.calls.has(room.roomId)) {
+            this.inUpdateRoom = true;
+            const call = Call.get(room);
+
+            if (call) {
+                const onConnectionState = (state: ConnectionState): void => {
+                    if (state === ConnectionState.Connected) {
+                        this.connectedCalls = new Set([...this.connectedCalls, call]);
+                    } else if (state === ConnectionState.Disconnected) {
+                        this.connectedCalls = new Set([...this.connectedCalls].filter((c) => c !== call));
+                    }
+                };
+                const onDestroy = (): void => {
+                    this.calls.delete(room.roomId);
+                    for (const [event, listener] of this.callListeners.get(call)!) call.off(event, listener);
+                    this.updateRoom(room);
+                };
+
+                call.on(CallEvent.ConnectionState, onConnectionState);
+                call.on(CallEvent.Destroy, onDestroy);
+
+                this.calls.set(room.roomId, call);
+                this.callListeners.set(
+                    call,
+                    new Map<CallEvent, (...args: any[]) => unknown>([
+                        [CallEvent.ConnectionState, onConnectionState],
+                        [CallEvent.Destroy, onDestroy],
+                    ]),
+                );
+            }
+
+            this.emit(CallStoreEvent.Call, call, room.roomId);
+            this.inUpdateRoom = false;
+        }
+    }
+
+    /**
+     * Gets the call associated with the given room, if any.
+     * @param {string} roomId The room's ID.
+     * @returns {Call | null} The call.
+     */
+    public getCall(roomId: string): Call | null {
+        return this.calls.get(roomId) ?? null;
+    }
+
+    /**
+     * Gets the active call associated with the given room, if any.
+     * @param roomId The room's ID.
+     * @returns The active call.
+     */
+    public getActiveCall(roomId: string): Call | null {
+        const call = this.getCall(roomId);
+        return call !== null && this.connectedCalls.has(call) ? call : null;
+    }
+
+    /**
+     * Get all the ongoing calls
+     * @returns Map from room-id to the ongoing call in that room
+     */
+    public getAllCalls(): Map<string, Call> {
+        return this.calls;
+    }
+
+    private onWidgets = (roomId: string | null): void => {
+        if (!this.matrixClient) return;
+        if (roomId === null) {
+            // This store happened to start before the widget store was done
+            // loading all rooms, so we need to initialize each room again
+            for (const room of this.matrixClient.getRooms()) {
+                this.updateRoom(room);
+            }
+        } else {
+            const room = this.matrixClient.getRoom(roomId);
+            // Widget updates can arrive before the room does, empirically
+            if (room !== null) this.updateRoom(room);
+        }
+    };
+
+    public getConfiguredRTCTransports(): Transport[] {
+        return [...this.configuredMatrixRTCTransports];
+    }
+
+    private onRTCSessionStart = (roomId: string, session: MatrixRTCSession): void => {
+        this.updateRoom(session.room);
+    };
+}
diff --git a/apps/web/src/stores/InitialCryptoSetupStore.ts b/apps/web/src/stores/InitialCryptoSetupStore.ts
new file mode 100644
index 00000000000..ee646fb53aa
--- /dev/null
+++ b/apps/web/src/stores/InitialCryptoSetupStore.ts
@@ -0,0 +1,124 @@
+/*
+Copyright 2024 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.
+*/
+
+// oxlint-disable-next-line no-restricted-imports
+import EventEmitter from "events";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { useEffect, useState } from "react";
+
+import { createCrossSigning } from "../CreateCrossSigning";
+
+type Status = "in_progress" | "complete" | "error" | undefined;
+
+export const useInitialCryptoSetupStatus = (store: InitialCryptoSetupStore): Status => {
+    const [status, setStatus] = useState<Status>(store.getStatus());
+
+    useEffect(() => {
+        const update = (): void => {
+            setStatus(store.getStatus());
+        };
+
+        store.on("update", update);
+
+        return () => {
+            store.off("update", update);
+        };
+    }, [store]);
+
+    return status;
+};
+
+/**
+ * Logic for setting up crypto state that's done immediately after
+ * a user registers. Should be transparent to the user, not requiring
+ * interaction in most cases.
+ * As distinct from SetupEncryptionStore which is for setting up
+ * 4S or verifying the device, will always require interaction
+ * from the user in some form.
+ */
+export class InitialCryptoSetupStore extends EventEmitter {
+    private status: Status = undefined;
+
+    private client?: MatrixClient;
+    private onFinished?: (success: boolean) => void;
+
+    public static sharedInstance(): InitialCryptoSetupStore {
+        if (!window.mxInitialCryptoStore) window.mxInitialCryptoStore = new InitialCryptoSetupStore();
+        return window.mxInitialCryptoStore;
+    }
+
+    public getStatus(): Status {
+        return this.status;
+    }
+
+    /**
+     * Start the initial crypto setup process.
+     *
+     * @param {MatrixClient} client The client to use for the setup
+     */
+    public startInitialCryptoSetup(client: MatrixClient, onFinished: (success: boolean) => void): void {
+        this.client = client;
+        this.onFinished = onFinished;
+
+        // We just start this process: it's progress is tracked by the events rather
+        // than returning a promise, so we don't bother.
+        this.doSetup().catch(() => logger.error("Initial crypto setup failed"));
+    }
+
+    /**
+     * Retry the initial crypto setup process.
+     *
+     * If no crypto setup is currently in process, this will return false.
+     *
+     * @returns {boolean} True if a retry was initiated, otherwise false
+     */
+    public retry(): boolean {
+        if (this.client === undefined) return false;
+
+        this.doSetup().catch(() => logger.error("Initial crypto setup failed"));
+
+        return true;
+    }
+
+    private reset(): void {
+        this.client = undefined;
+    }
+
+    private async doSetup(): Promise<void> {
+        if (this.client === undefined) {
+            throw new Error("No setup is in progress");
+        }
+
+        const cryptoApi = this.client.getCrypto();
+        if (!cryptoApi) throw new Error("No crypto module found!");
+
+        this.status = "in_progress";
+        this.emit("update");
+
+        try {
+            // Create the user's cross-signing keys
+            await createCrossSigning(this.client);
+
+            // Check for any existing backup and enable key backup if there isn't one
+            const currentKeyBackup = await cryptoApi.checkKeyBackupAndEnable();
+            if (currentKeyBackup === null) {
+                await cryptoApi.resetKeyBackup();
+            }
+
+            this.reset();
+
+            this.status = "complete";
+            this.emit("update");
+            this.onFinished?.(true);
+        } catch (e) {
+            logger.error("Error bootstrapping cross-signing", e);
+            this.status = "error";
+            this.emit("update");
+        }
+    }
+}
diff --git a/apps/web/src/stores/LatestRtcNotificationEventStore.test.ts b/apps/web/src/stores/LatestRtcNotificationEventStore.test.ts
new file mode 100644
index 00000000000..a5c9c7d0879
--- /dev/null
+++ b/apps/web/src/stores/LatestRtcNotificationEventStore.test.ts
@@ -0,0 +1,167 @@
+/*
+ * 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.
+ */
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, vi } from "vitest";
+import { type EventTimeline, EventType, RoomEvent } from "matrix-js-sdk/src/matrix";
+import { EventEmitter } from "node:events";
+
+import { mkEvent, mkRoom, mkRoomMember, stubClient } from "../../test/test-utils";
+import { CallStoreEvent, type CallStore } from "./CallStore";
+import { LatestRtcNotificationEventStore } from "./LatestRtcNotificationEventStore";
+import { type ElementCall, type Call } from "../models/Call";
+
+describe("LatestRtcNotificationEventStore", () => {
+    it("should populate map from timeline on start", () => {
+        const cli = stubClient();
+
+        const event1 = mkEvent({
+            type: EventType.RTCNotification,
+            user: "@alice:m.org",
+            content: {},
+            event: true,
+            id: "event-1",
+        });
+        const room1 = mkRoom(cli, "!my-room1:m.org");
+        vi.spyOn(room1, "getLiveTimeline").mockImplementation(() => {
+            return {
+                getEvents: () => {
+                    return [event1];
+                },
+            } as unknown as EventTimeline;
+        });
+
+        const event2 = mkEvent({
+            type: EventType.RTCNotification,
+            user: "@bob:m.org",
+            content: {},
+            event: true,
+            id: "event-2",
+        });
+        const room2 = mkRoom(cli, "!my-room2:m.org");
+        vi.spyOn(room2, "getLiveTimeline").mockImplementation(() => {
+            return {
+                getEvents: () => {
+                    return [event2];
+                },
+            } as unknown as EventTimeline;
+        });
+
+        vi.spyOn(cli, "getRoom").mockImplementation((roomId) => (roomId === "!my-room1:m.org" ? room1 : room2));
+
+        const callStore = new EventEmitter() as unknown as CallStore;
+        callStore.getAllCalls = () => {
+            return new Map([
+                ["!my-room1:m.org", undefined],
+                ["!my-room2:m.org", undefined],
+            ]) as unknown as Map<string, Call>;
+        };
+
+        const store = new LatestRtcNotificationEventStore(callStore);
+        vi.spyOn(store, "matrixClient", "get").mockReturnValue(cli);
+        store.start();
+        vi.waitFor(() => {
+            expect(store.getLatestEventId("!my-room1:m.org")).toStrictEqual("event-1");
+            expect(store.getLatestEventId("!my-room2:m.org")).toStrictEqual("event-2");
+        });
+    });
+
+    it("should wait for rtc notification event when a call begins", () => {
+        const cli = stubClient();
+
+        // This is the last notification event in the timeline
+        const oldNotificationEvent = mkEvent({
+            type: EventType.RTCNotification,
+            user: "@alice:m.org",
+            content: {
+                "m.relates_to": {
+                    event_id: "$GOr0aimJwcQcPV4F20IEhBCpandNPMEfhWYfpcK3VeE",
+                    rel_type: "m.reference",
+                },
+            },
+            event: true,
+            id: "event-1",
+        });
+
+        // This is the notification event corresponding to the ongoing call which hasn't come in yet
+        const newNotificationEvent = mkEvent({
+            type: EventType.RTCNotification,
+            user: "@alice:m.org",
+            content: {
+                "m.relates_to": {
+                    event_id: "call-membership-1",
+                    rel_type: "m.reference",
+                },
+            },
+            event: true,
+            id: "event-2",
+        });
+
+        // The call membership event associated with newNotificationEvent
+        const callMembershipEvent = mkEvent({
+            type: EventType.GroupCallMemberPrefix,
+            user: "@alice:m.org",
+            content: {},
+            event: true,
+            id: "call-membership-1",
+        });
+
+        // The room where this call takes place
+        const room = mkRoom(cli, "!my-room1:m.org");
+        vi.spyOn(cli, "getRoom").mockImplementation(() => room);
+
+        // The current timeline in that room
+        const timeline = [oldNotificationEvent];
+        vi.spyOn(room, "getLiveTimeline").mockImplementation(() => {
+            return {
+                getEvents: () => {
+                    return timeline;
+                },
+            } as unknown as EventTimeline;
+        });
+
+        const call = new EventEmitter();
+        // @ts-ignore
+        call.participants = new Map([[mkRoomMember("!my-room1:m.org", "@alice:m.org"), new Set()]]);
+        // @ts-ignore
+        call.session = {
+            getOldestMembership: () => {
+                return {
+                    eventId: callMembershipEvent.getId(),
+                };
+            },
+        };
+
+        const callStore = new EventEmitter() as unknown as CallStore;
+        callStore.getAllCalls = () => {
+            return new Map([]) as unknown as Map<string, Call>;
+        };
+        callStore.getCall = () => call as unknown as ElementCall;
+
+        const store = new LatestRtcNotificationEventStore(callStore);
+        vi.spyOn(store, "matrixClient", "get").mockReturnValue(cli);
+        store.start();
+
+        // No calls in the room yet
+        expect(store.getLatestEventId("!my-room1:m.org")).toBeUndefined();
+
+        // Let's say a new call starts
+        callStore.emit(CallStoreEvent.Call, call, room);
+
+        // The correct notification event hasn't come in yet, so still undefined.
+        expect(store.getLatestEventId("!my-room1:m.org")).toBeUndefined();
+
+        // Notification event comes in
+        room.emit(RoomEvent.Timeline, newNotificationEvent);
+
+        // Should update the event id in store
+        vi.waitFor(() => {
+            expect(store.getLatestEventId("!my-room1:m.org")).toStrictEqual("event-2");
+        });
+    });
+});
diff --git a/apps/web/src/stores/LatestRtcNotificationEventStore.ts b/apps/web/src/stores/LatestRtcNotificationEventStore.ts
new file mode 100644
index 00000000000..d309a86b737
--- /dev/null
+++ b/apps/web/src/stores/LatestRtcNotificationEventStore.ts
@@ -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 { type EmptyObject, EventType, type MatrixEvent, type Room, RoomEvent } from "matrix-js-sdk/src/matrix";
+
+import { AsyncStoreWithClient } from "./AsyncStoreWithClient";
+import defaultDispatcher from "../dispatcher/dispatcher";
+import { type CallStore, CallStoreEvent } from "./CallStore";
+import { CallEvent, type ElementCall } from "../models/Call";
+
+/**
+ * The event that {@link LatestRtcNotificationEventStore} emits when the latest event id changes.
+ */
+export const LatestRtcNotificationEventUpdate = "rtc_notification_updated";
+
+/**
+ * This store tracks the event-id of the {@link EventType.RTCNotification} event that
+ * is related to an ongoing call.
+ * This is required because the rtc notification arrives after the call has started.
+ * Without this logic, we wouldn't know whether the last rtc notification tile in the
+ * timeline is related to an ongoing call or if it is related to some other rtc notification
+ * event that is yet to come through sync.
+ */
+export class LatestRtcNotificationEventStore extends AsyncStoreWithClient<EmptyObject> {
+    private eventIdMap = new Map<string, string>();
+
+    public constructor(private readonly callStore: CallStore) {
+        super(defaultDispatcher);
+    }
+
+    /**
+     * Get the event id of the latest rtc notification event corresponding to an ongoing call.
+     * @param roomId The id of the room where the call is taking place
+     * @returns event id or undefined
+     */
+    public getLatestEventId(roomId: string): string | undefined {
+        return this.eventIdMap.get(roomId);
+    }
+
+    private async populateMap(): Promise<void> {
+        if (!this.matrixClient) return;
+
+        // 1. Get all the calls
+        const callMap = this.callStore.getAllCalls();
+        // 2. Add the calls to our map
+        for (const roomId of callMap.keys()) {
+            const room = this.getRoom(roomId);
+            const eventId = (await getLastRtcNotificationEvent(room))?.getId();
+            if (eventId) {
+                this.eventIdMap.set(roomId, eventId);
+                // 3. Emit event so that the call tile can re-render
+                this.emit(LatestRtcNotificationEventUpdate, roomId, eventId);
+            }
+        }
+    }
+
+    private getRoom(roomId: string): Room {
+        if (!this.matrixClient) {
+            throw new Error("LatestRtcNotificationEventStore: this.matrixClient is undefined.");
+        }
+
+        const room = this.matrixClient.getRoom(roomId);
+        if (!room) throw new Error(`No room associated with room-id ${roomId}`);
+        return room;
+    }
+
+    protected async onReady(): Promise<void> {
+        this.callStore.on(CallStoreEvent.Call, this.onCallStoreEvent);
+        this.populateMap();
+    }
+
+    protected async onNotReady(): Promise<void> {
+        this.callStore.off(CallStoreEvent.Call, this.onCallStoreEvent);
+        this.eventIdMap.clear();
+    }
+
+    protected async onAction(): Promise<void> {
+        // nothing to do
+    }
+
+    private onCallStoreEvent = async (_: unknown, roomId: string): Promise<void> => {
+        if (!this.matrixClient) return;
+        const call = this.callStore.getCall(roomId) as ElementCall;
+        if (!call) {
+            // If there's no longer a call in this room, remove entry from map
+            this.eventIdMap.delete(roomId);
+        } else if (call && !this.eventIdMap.has(roomId)) {
+            // If there's a call, find the event id and add it to the map.
+            if (call.participants.size) {
+                this.findAndSetNotificationEvent(call, roomId);
+            } else {
+                // This call just started but the participants haven't been added yet.
+                // So wait until participants are added and then compute the event id.
+                call.once(CallEvent.Participants, () => {
+                    this.findAndSetNotificationEvent(call, roomId);
+                });
+            }
+        }
+    };
+
+    private async findAndSetNotificationEvent(call: ElementCall, roomId: string): Promise<void> {
+        const room = this.getRoom(roomId);
+        // Since we're running this logic as the call just started, this membership
+        // event corresponds to the person who started the call.
+        // The rtc notification event corresponding to this ongoing call will have
+        // a reference relation to this membership event.
+        const callMembershipEventId = call.session.getOldestMembership()?.eventId;
+
+        if (callMembershipEventId) {
+            const eventId = await getNotificationEventId(room, callMembershipEventId);
+            this.eventIdMap.set(roomId, eventId);
+            this.emit(LatestRtcNotificationEventUpdate, roomId, eventId);
+        }
+    }
+}
+
+/**
+ * Returns the first rtc notification event from the end of the timeline
+ */
+async function getLastRtcNotificationEvent(room: Room): Promise<MatrixEvent | undefined> {
+    const events = room.getLiveTimeline().getEvents();
+    for (let i = events.length - 1; i >= 0; i--) {
+        const event = events[i];
+        // Wait for decryption if necessary
+        await event.getDecryptionPromise();
+        if (event.getType() === EventType.RTCNotification) {
+            return event;
+        }
+    }
+}
+
+/**
+ * Get the event id of the rtc notification event that has a relation to a given call membership event.
+ * @param room The room in which this call is taking place
+ * @param callMemberEventId The event id of the call membership event
+ * @returns A promise that resolves to the event-id of the notification event.
+ */
+async function getNotificationEventId(room: Room, callMemberEventId: string): Promise<string> {
+    // We might already have the notification event in the timeline, so check that first.
+    const event = await getLastRtcNotificationEvent(room);
+    const relatedEventId = event?.getRelation()?.event_id;
+    const eventId = event?.getId();
+    if (relatedEventId === callMemberEventId && eventId) return eventId;
+
+    const { promise, resolve, reject } = Promise.withResolvers<string>();
+
+    // This callback will run with new events that are added to the timeline.
+    // We'll run some logic in the callback to see if we're receiving any
+    // new notification event that corresponds to the call membership event.
+    const onNewEvent = async (event: MatrixEvent): Promise<void> => {
+        // Wait for decryption if necessary
+        await event.getDecryptionPromise();
+
+        const type = event.getType();
+        const relatedEventId = event.getRelation()?.event_id;
+        const eventId = event.getId();
+
+        if (type === EventType.RTCNotification && relatedEventId === callMemberEventId && eventId) {
+            // Remove event listener
+            room.off(RoomEvent.Timeline, onNewEvent);
+            resolve(eventId);
+        }
+    };
+    room.on(RoomEvent.Timeline, onNewEvent);
+
+    // We won't wait for more than ten seconds for the notification event to come through.
+    setTimeout(() => {
+        reject(new Error("Timeout waiting for rtc notification event"));
+    }, 10000);
+
+    return await promise;
+}
diff --git a/apps/web/src/stores/LifecycleStore.ts b/apps/web/src/stores/LifecycleStore.ts
new file mode 100644
index 00000000000..52334a71cec
--- /dev/null
+++ b/apps/web/src/stores/LifecycleStore.ts
@@ -0,0 +1,126 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-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 { SyncState } from "matrix-js-sdk/src/matrix";
+import { MINIMUM_MATRIX_VERSION, SUPPORTED_MATRIX_VERSIONS } from "matrix-js-sdk/src/version-support";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { Action } from "../dispatcher/actions";
+import dis from "../dispatcher/dispatcher";
+import { type ActionPayload } from "../dispatcher/payloads";
+import { type DoAfterSyncPreparedPayload } from "../dispatcher/payloads/DoAfterSyncPreparedPayload";
+import { AsyncStore } from "./AsyncStore";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import ToastStore from "./ToastStore";
+import { _t } from "../languageHandler";
+import SdkConfig from "../SdkConfig";
+import GenericToast from "../components/views/toasts/GenericToast";
+
+interface IState {
+    deferredAction: ActionPayload | null;
+}
+
+const INITIAL_STATE: IState = {
+    deferredAction: null,
+};
+
+/**
+ * A class for storing application state to do with authentication. This is a simple
+ * store that listens for actions and updates its state accordingly, informing any
+ * listeners (views) of state changes.
+ */
+class LifecycleStore extends AsyncStore<IState> {
+    public constructor() {
+        super(dis, INITIAL_STATE);
+    }
+
+    protected onDispatch(payload: ActionPayload | DoAfterSyncPreparedPayload<ActionPayload>): void {
+        switch (payload.action) {
+            case Action.DoAfterSyncPrepared:
+                this.updateState({
+                    deferredAction: payload.deferred_action,
+                });
+                break;
+            case "cancel_after_sync_prepared":
+                this.updateState({
+                    deferredAction: null,
+                });
+                break;
+            case "MatrixActions.sync": {
+                if (payload.state === SyncState.Syncing && payload.prevState !== SyncState.Syncing) {
+                    // We've reconnected to the server: update server version support
+                    // This is async but we don't care about the result, so just fire & forget.
+                    checkServerVersions();
+                }
+
+                if (payload.state !== "PREPARED") {
+                    break;
+                }
+                if (!this.state.deferredAction) break;
+                const deferredAction = Object.assign({}, this.state.deferredAction);
+                this.updateState({
+                    deferredAction: null,
+                });
+                dis.dispatch(deferredAction);
+                break;
+            }
+            case Action.ClientNotViable:
+            case Action.OnLoggedOut:
+                this.reset();
+                break;
+        }
+    }
+}
+
+async function checkServerVersions(): Promise<void> {
+    try {
+        const client = MatrixClientPeg.get();
+        if (!client) return;
+        for (const version of SUPPORTED_MATRIX_VERSIONS) {
+            // Check if the server supports this spec version. (`isVersionSupported` caches the response, so this loop will
+            // only make a single HTTP request).
+            // Note that although we do this on a reconnect, we cache the server's versions in memory
+            // indefinitely, so it will only ever trigger the toast on the first connection after a fresh
+            // restart of the client.
+            if (await client.isVersionSupported(version)) {
+                // we found a compatible spec version
+                return;
+            }
+        }
+
+        // This is retrospective doc having debated about the exactly what this toast is for, but
+        // our guess is that it's a nudge to update, or ask your HS admin to update your Homeserver
+        // after a new version of Element has come out, in a way that doesn't lock you out of all
+        // your messages.
+        const toastKey = "LEGACY_SERVER";
+        ToastStore.sharedInstance().addOrReplaceToast({
+            key: toastKey,
+            title: _t("unsupported_server_title"),
+            props: {
+                description: _t("unsupported_server_description", {
+                    version: MINIMUM_MATRIX_VERSION,
+                    brand: SdkConfig.get().brand,
+                }),
+                primaryLabel: _t("action|ok"),
+                onPrimaryClick: () => {
+                    ToastStore.sharedInstance().dismissToast(toastKey);
+                },
+            },
+            component: GenericToast,
+            priority: 98,
+        });
+    } catch (e) {
+        logger.warn("Failed to check server versions", e);
+    }
+}
+
+let singletonLifecycleStore: LifecycleStore | null = null;
+if (!singletonLifecycleStore) {
+    singletonLifecycleStore = new LifecycleStore();
+}
+export default singletonLifecycleStore;
diff --git a/apps/web/src/stores/MemberListStore.ts b/apps/web/src/stores/MemberListStore.ts
new file mode 100644
index 00000000000..654622edec8
--- /dev/null
+++ b/apps/web/src/stores/MemberListStore.ts
@@ -0,0 +1,252 @@
+/*
+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 { type Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import SettingsStore from "../settings/SettingsStore";
+import { type SDKContextClass } from "../contexts/SDKContextClass";
+import SdkConfig from "../SdkConfig";
+
+// Regex applied to filter our punctuation in member names before applying sort, to fuzzy it a little
+// matches all ASCII punctuation: !"#$%&'()*+,-./:;<=>?@[\]^_`{|}~
+const SORT_REGEX = /[\x21-\x2F\x3A-\x40\x5B-\x60\x7B-\x7E]+/g;
+
+/**
+ * A class for storing application state for MemberList.
+ */
+export class MemberListStore {
+    // cache of Display Name -> name to sort based on. This strips out special symbols like @.
+    private readonly sortNames = new Map<string, string>();
+    // list of room IDs that have been lazy loaded
+    private readonly loadedRooms = new Set<string>();
+
+    private collator?: Intl.Collator;
+
+    public constructor(private readonly stores: SDKContextClass) {}
+
+    /**
+     * Load the member list. Call this whenever the list may have changed.
+     * @param roomId The room to load the member list in
+     * @param searchQuery Optional search query to filter the list.
+     * @returns A list of filtered and sorted room members, grouped by membership.
+     */
+    public async loadMemberList(
+        roomId: string,
+        searchQuery?: string,
+    ): Promise<Record<"joined" | "invited", RoomMember[]>> {
+        if (!this.stores.client) {
+            return {
+                joined: [],
+                invited: [],
+            };
+        }
+        const language = SettingsStore.getValue("language");
+        this.collator = new Intl.Collator(language, { sensitivity: "base", ignorePunctuation: false });
+        const members = await this.loadMembers(roomId);
+        // Filter then sort as it's more efficient than sorting tons of members we will just filter out later.
+        // Also sort each group, as there's no point comparing invited/joined users when they aren't in the same list!
+        const membersByMembership = this.filterMembers(members, searchQuery);
+        membersByMembership.joined.sort((a: RoomMember, b: RoomMember) => {
+            return this.sortMembers(a, b);
+        });
+        membersByMembership.invited.sort((a: RoomMember, b: RoomMember) => {
+            return this.sortMembers(a, b);
+        });
+        return {
+            joined: membersByMembership.joined,
+            invited: membersByMembership.invited,
+        };
+    }
+
+    private async loadMembers(roomId: string): Promise<Array<RoomMember>> {
+        const room = this.stores.client!.getRoom(roomId);
+        if (!room) {
+            return [];
+        }
+
+        if (this.loadedRooms.has(roomId) || !(await this.isLazyLoadingEnabled(roomId))) {
+            // nice and easy, we must already have all the members so just return them.
+            return this.loadMembersInRoom(room);
+        }
+        // lazy loading is enabled. There are two kinds of lazy loading:
+        // - With storage: most members are in indexedDB, we just need a small delta via /members.
+        //   Valid for normal sync in normal windows.
+        // - Without storage: nothing in indexedDB, we need to load all via /members. Valid for
+        //   Sliding Sync and incognito windows (non-Sliding Sync).
+        if (!this.isLazyMemberStorageEnabled()) {
+            // pull straight from the server. Don't use a since token as we don't have earlier deltas
+            // accumulated.
+            room.currentState.markOutOfBandMembersStarted();
+            const response = await this.stores.client!.members(roomId, undefined, KnownMembership.Leave);
+            const memberEvents = response.chunk.map(this.stores.client!.getEventMapper());
+            room.currentState.setOutOfBandMembers(memberEvents);
+        } else {
+            // load using traditional lazy loading
+            try {
+                await room.loadMembersIfNeeded();
+            } catch {
+                /* already logged in RoomView */
+            }
+        }
+        // remember that we have loaded the members so we don't hit /members all the time. We
+        // will forget this on refresh which is fine as we only store the data in-memory.
+        this.loadedRooms.add(roomId);
+        return this.loadMembersInRoom(room);
+    }
+
+    private loadMembersInRoom(room: Room): Array<RoomMember> {
+        const allMembers = Object.values(room.currentState.members);
+        allMembers.forEach((member) => {
+            // work around a race where you might have a room member object
+            // before the user object exists. This may or may not cause
+            // https://github.com/vector-im/vector-web/issues/186
+            if (!member.user) {
+                member.user = this.stores.client!.getUser(member.userId) || undefined;
+            }
+            // XXX: this user may have no lastPresenceTs value!
+            // the right solution here is to fix the race rather than leave it as 0
+        });
+        return allMembers;
+    }
+
+    /**
+     * Check if this room should be lazy loaded. Lazy loading means fetching the member list in
+     * a delayed or incremental fashion. It means the `Room` object doesn't have all the members.
+     * @param roomId The room to check if lazy loading is enabled
+     * @returns True if enabled
+     */
+    private async isLazyLoadingEnabled(roomId: string): Promise<boolean> {
+        if (SettingsStore.getValue("feature_simplified_sliding_sync")) {
+            // only unencrypted rooms use lazy loading
+            return !(await this.stores.client?.getCrypto()?.isEncryptionEnabledInRoom(roomId));
+        }
+        return this.stores.client!.hasLazyLoadMembersEnabled();
+    }
+
+    /**
+     * Check if lazy member storage is supported.
+     * @returns True if there is storage for lazy loading members
+     */
+    private isLazyMemberStorageEnabled(): boolean {
+        if (SettingsStore.getValue("feature_simplified_sliding_sync")) {
+            return false;
+        }
+        return this.stores.client!.hasLazyLoadMembersEnabled();
+    }
+
+    public isPresenceEnabled(): boolean {
+        if (!this.stores.client) {
+            return true;
+        }
+        const enablePresenceByHsUrl = SdkConfig.get("enable_presence_by_hs_url");
+        return enablePresenceByHsUrl?.[this.stores.client.baseUrl] ?? true;
+    }
+
+    /**
+     * Filter out members based on an optional search query. Groups by membership state.
+     * @param members The list of members to filter.
+     * @param query The textual query to filter based on.
+     * @returns An object with a list of joined and invited users respectively.
+     */
+    private filterMembers(members: Array<RoomMember>, query?: string): Record<"joined" | "invited", RoomMember[]> {
+        const result: Record<"joined" | "invited", RoomMember[]> = {
+            joined: [],
+            invited: [],
+        };
+        members.forEach((m) => {
+            if (m.membership !== KnownMembership.Join && m.membership !== KnownMembership.Invite) {
+                return; // bail early for left/banned users
+            }
+            if (query) {
+                query = query.toLowerCase();
+                const matchesName = m.name.toLowerCase().includes(query);
+                const matchesId = m.userId.toLowerCase().includes(query);
+                if (!matchesName && !matchesId) {
+                    return;
+                }
+            }
+            switch (m.membership) {
+                case KnownMembership.Join:
+                    result.joined.push(m);
+                    break;
+                case KnownMembership.Invite:
+                    result.invited.push(m);
+                    break;
+            }
+        });
+        return result;
+    }
+
+    /**
+     * Sort algorithm for room members.
+     * @param memberA
+     * @param memberB
+     * @returns Negative if A comes before B, 0 if A and B are equivalent, Positive is A comes after B.
+     */
+    private sortMembers(memberA: RoomMember, memberB: RoomMember): number {
+        // order by presence, with "active now" first.
+        // ...and then by power level
+        // ...and then by last active
+        // ...and then alphabetically.
+        // We could tiebreak instead by "last recently spoken in this room" if we wanted to.
+
+        const userA = memberA.user;
+        const userB = memberB.user;
+
+        if (!userA && !userB) return 0;
+        if (userA && !userB) return -1;
+        if (!userA && userB) return 1;
+
+        const showPresence = this.isPresenceEnabled();
+
+        // First by presence
+        if (showPresence) {
+            const convertPresence = (p: string): string => (p === "unavailable" ? "online" : p);
+            const presenceIndex = (p: string): number => {
+                const order = ["active", "online", "offline"];
+                const idx = order.indexOf(convertPresence(p));
+                return idx === -1 ? order.length : idx; // unknown states at the end
+            };
+
+            const idxA = presenceIndex(userA!.currentlyActive ? "active" : userA!.presence);
+            const idxB = presenceIndex(userB!.currentlyActive ? "active" : userB!.presence);
+            if (idxA !== idxB) {
+                return idxA - idxB;
+            }
+        }
+
+        // Second by power level
+        if (memberA.powerLevel !== memberB.powerLevel) {
+            return memberB.powerLevel - memberA.powerLevel;
+        }
+
+        // Third by last active
+        if (showPresence && userA!.getLastActiveTs() !== userB!.getLastActiveTs()) {
+            return userB!.getLastActiveTs() - userA!.getLastActiveTs();
+        }
+
+        // Fourth by name (alphabetical)
+        return this.collator!.compare(this.canonicalisedName(memberA.name), this.canonicalisedName(memberB.name));
+    }
+
+    /**
+     * Calculate the canonicalised name for the input name.
+     * @param name The member display name
+     * @returns The name to sort on
+     */
+    private canonicalisedName(name: string): string {
+        let result = this.sortNames.get(name);
+        if (result) {
+            return result;
+        }
+        result = (name[0] === "@" ? name.slice(1) : name).replace(SORT_REGEX, "");
+        this.sortNames.set(name, result);
+        return result;
+    }
+}
diff --git a/apps/web/src/stores/ModalWidgetStore.ts b/apps/web/src/stores/ModalWidgetStore.ts
new file mode 100644
index 00000000000..a1c5a5aa062
--- /dev/null
+++ b/apps/web/src/stores/ModalWidgetStore.ts
@@ -0,0 +1,100 @@
+/*
+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 { type IModalWidgetOpenRequestData, type IModalWidgetReturnData, type Widget } from "matrix-widget-api";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { AsyncStoreWithClient } from "./AsyncStoreWithClient";
+import defaultDispatcher from "../dispatcher/dispatcher";
+import { type ActionPayload } from "../dispatcher/payloads";
+import Modal, { type IHandle, type IModal } from "../Modal";
+import ModalWidgetDialog from "../components/views/dialogs/ModalWidgetDialog";
+import { WidgetMessagingStore } from "./widgets/WidgetMessagingStore";
+
+interface IState {
+    modal?: IModal<any>;
+    openedFromId?: string;
+}
+
+export class ModalWidgetStore extends AsyncStoreWithClient<IState> {
+    private static readonly internalInstance = (() => {
+        const instance = new ModalWidgetStore();
+        instance.start();
+        return instance;
+    })();
+    private modalInstance: IHandle<typeof ModalWidgetDialog> | null = null;
+    private openSourceWidgetId: string | null = null;
+    private openSourceWidgetRoomId: string | null = null;
+
+    private constructor() {
+        super(defaultDispatcher, {});
+    }
+
+    public static get instance(): ModalWidgetStore {
+        return ModalWidgetStore.internalInstance;
+    }
+
+    protected async onAction(payload: ActionPayload): Promise<any> {
+        // nothing
+    }
+
+    public canOpenModalWidget = (): boolean => {
+        return !this.modalInstance;
+    };
+
+    public openModalWidget = (
+        requestData: IModalWidgetOpenRequestData,
+        sourceWidget: Widget,
+        widgetRoomId?: string,
+    ): void => {
+        if (this.modalInstance) return;
+        this.openSourceWidgetId = sourceWidget.id;
+        this.openSourceWidgetRoomId = widgetRoomId ?? null;
+        this.modalInstance = Modal.createDialog(
+            ModalWidgetDialog,
+            {
+                widgetDefinition: { ...requestData },
+                widgetRoomId,
+                sourceWidgetId: sourceWidget.id,
+            },
+            undefined,
+            /* priority = */ false,
+            /* static = */ true,
+        );
+        this.modalInstance.finished.then(([success, data]) => {
+            this.closeModalWidget(sourceWidget, widgetRoomId, success && data ? data : { "m.exited": true });
+
+            this.openSourceWidgetId = null;
+            this.openSourceWidgetRoomId = null;
+            this.modalInstance = null;
+        });
+    };
+
+    public closeModalWidget = (
+        sourceWidget: Widget,
+        widgetRoomId: string | undefined,
+        data: IModalWidgetReturnData,
+    ): void => {
+        if (!this.modalInstance) return;
+        if (this.openSourceWidgetId === sourceWidget.id && this.openSourceWidgetRoomId === widgetRoomId) {
+            this.openSourceWidgetId = null;
+            this.openSourceWidgetRoomId = null;
+            this.modalInstance.close();
+            this.modalInstance = null;
+
+            const sourceMessaging = WidgetMessagingStore.instance.getMessaging(sourceWidget, widgetRoomId);
+            if (!sourceMessaging?.widgetApi) {
+                logger.error("No source widget API for modal widget");
+                return;
+            }
+            sourceMessaging.widgetApi.notifyModalWidgetClose(data);
+        }
+    };
+}
+
+window.mxModalWidgetStore = ModalWidgetStore.instance;
diff --git a/apps/web/src/stores/MultiRoomViewStore.ts b/apps/web/src/stores/MultiRoomViewStore.ts
new file mode 100644
index 00000000000..201458933bf
--- /dev/null
+++ b/apps/web/src/stores/MultiRoomViewStore.ts
@@ -0,0 +1,67 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+
+import { RoomViewStore } from "./RoomViewStore";
+import { type MatrixDispatcher } from "../dispatcher/dispatcher";
+import { type SDKContextClass } from "../contexts/SDKContextClass";
+import { Action } from "../dispatcher/actions";
+
+/**
+ * Acts as a cache of many RoomViewStore instances, creating them as necessary
+ * given a room ID.
+ */
+export class MultiRoomViewStore {
+    /**
+     * Map from room-id to RVS instance.
+     */
+    private stores: Map<string, RoomViewStore> = new Map();
+
+    public constructor(
+        private dispatcher: MatrixDispatcher,
+        private sdkContextClass: SDKContextClass,
+    ) {}
+
+    /**
+     * Get a RVS instance for the room identified by the given roomId.
+     */
+    public getRoomViewStoreForRoom(roomId: string): RoomViewStore {
+        // Get existing store / create new store
+        const store = this.stores.has(roomId)
+            ? this.stores.get(roomId)!
+            : new RoomViewStore(this.dispatcher, this.sdkContextClass, roomId);
+
+        // RoomView component does not render the room unless you call viewRoom
+        store.viewRoom({
+            action: Action.ViewRoom,
+            room_id: roomId,
+            metricsTrigger: undefined,
+        });
+
+        // Cache the store, okay to do even if the store is already in the map
+        this.stores.set(roomId, store);
+
+        return store;
+    }
+
+    /**
+     * Remove a RVS instance that was created by {@link getRoomViewStoreForRoom}.
+     */
+    public removeRoomViewStore(roomId: string): void {
+        const didRemove = this.stores.delete(roomId);
+        if (!didRemove) {
+            logger.warn(`removeRoomViewStore called with ${roomId} but no store exists for this room.`);
+        }
+    }
+
+    public dispose(): void {
+        for (const id of this.stores.keys()) {
+            this.removeRoomViewStore(id);
+        }
+    }
+}
diff --git a/apps/web/src/stores/NonUrgentToastStore.ts b/apps/web/src/stores/NonUrgentToastStore.ts
new file mode 100644
index 00000000000..a1f514a512e
--- /dev/null
+++ b/apps/web/src/stores/NonUrgentToastStore.ts
@@ -0,0 +1,44 @@
+/*
+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.
+*/
+
+// oxlint-disable-next-line no-restricted-imports
+import EventEmitter from "events";
+
+import { type ComponentClass } from "../@types/common";
+import { UPDATE_EVENT } from "./AsyncStore";
+
+export type ToastReference = symbol;
+
+export default class NonUrgentToastStore extends EventEmitter {
+    private static _instance: NonUrgentToastStore;
+
+    private toasts = new Map<ToastReference, ComponentClass>();
+
+    public static get instance(): NonUrgentToastStore {
+        if (!NonUrgentToastStore._instance) {
+            NonUrgentToastStore._instance = new NonUrgentToastStore();
+        }
+        return NonUrgentToastStore._instance;
+    }
+
+    public get components(): ComponentClass[] {
+        return Array.from(this.toasts.values());
+    }
+
+    public addToast(c: ComponentClass): ToastReference {
+        const ref: ToastReference = Symbol();
+        this.toasts.set(ref, c);
+        this.emit(UPDATE_EVENT);
+        return ref;
+    }
+
+    public removeToast(ref: ToastReference): void {
+        this.toasts.delete(ref);
+        this.emit(UPDATE_EVENT);
+    }
+}
diff --git a/apps/web/src/stores/OwnBeaconStore.ts b/apps/web/src/stores/OwnBeaconStore.ts
new file mode 100644
index 00000000000..5ce458a492d
--- /dev/null
+++ b/apps/web/src/stores/OwnBeaconStore.ts
@@ -0,0 +1,629 @@
+/*
+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 { debounce } from "lodash";
+import {
+    type Beacon,
+    type BeaconIdentifier,
+    BeaconEvent,
+    type MatrixEvent,
+    type Room,
+    type RoomMember,
+    type RoomState,
+    RoomStateEvent,
+    ContentHelpers,
+    type MBeaconInfoEventContent,
+    M_BEACON,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import defaultDispatcher from "../dispatcher/dispatcher";
+import { type ActionPayload } from "../dispatcher/payloads";
+import { AsyncStoreWithClient } from "./AsyncStoreWithClient";
+import { arrayDiff } from "../utils/arrays";
+import {
+    type ClearWatchCallback,
+    GeolocationError,
+    mapGeolocationPositionToTimedGeo,
+    sortBeaconsByLatestCreation,
+    type TimedGeoUri,
+    watchPosition,
+    getCurrentPosition,
+} from "../utils/beacon";
+import { doMaybeLocalRoomAction } from "../utils/local-room";
+import SettingsStore from "../settings/SettingsStore";
+
+const isOwnBeacon = (beacon: Beacon, userId: string): boolean => beacon.beaconInfoOwner === userId;
+
+export enum OwnBeaconStoreEvent {
+    LivenessChange = "OwnBeaconStore.LivenessChange",
+    MonitoringLivePosition = "OwnBeaconStore.MonitoringLivePosition",
+    LocationPublishError = "LocationPublishError",
+    BeaconUpdateError = "BeaconUpdateError",
+}
+
+const MOVING_UPDATE_INTERVAL = 5000;
+const STATIC_UPDATE_INTERVAL = 30000;
+
+const BAIL_AFTER_CONSECUTIVE_ERROR_COUNT = 2;
+
+type OwnBeaconStoreState = {
+    beacons: Map<BeaconIdentifier, Beacon>;
+    beaconLocationPublishErrorCounts: Map<BeaconIdentifier, number>;
+    beaconUpdateErrors: Map<BeaconIdentifier, Error>;
+    beaconsByRoomId: Map<Room["roomId"], Set<BeaconIdentifier>>;
+    liveBeaconIds: BeaconIdentifier[];
+};
+
+const CREATED_BEACONS_KEY = "mx_live_beacon_created_id";
+const removeLocallyCreateBeaconEventId = (eventId: string): void => {
+    const ids = getLocallyCreatedBeaconEventIds();
+    window.localStorage.setItem(CREATED_BEACONS_KEY, JSON.stringify(ids.filter((id) => id !== eventId)));
+};
+const storeLocallyCreateBeaconEventId = (eventId: string): void => {
+    const ids = getLocallyCreatedBeaconEventIds();
+    window.localStorage.setItem(CREATED_BEACONS_KEY, JSON.stringify([...ids, eventId]));
+};
+
+const getLocallyCreatedBeaconEventIds = (): string[] => {
+    let ids: string[];
+    try {
+        ids = JSON.parse(window.localStorage.getItem(CREATED_BEACONS_KEY) ?? "[]");
+        if (!Array.isArray(ids)) {
+            throw new Error("Invalid stored value");
+        }
+    } catch (error) {
+        logger.error("Failed to retrieve locally created beacon event ids", error);
+        ids = [];
+    }
+    return ids;
+};
+export class OwnBeaconStore extends AsyncStoreWithClient<OwnBeaconStoreState> {
+    private static readonly internalInstance = (() => {
+        const instance = new OwnBeaconStore();
+        instance.start();
+        return instance;
+    })();
+    // users beacons, keyed by event type
+    public readonly beacons = new Map<BeaconIdentifier, Beacon>();
+    public readonly beaconsByRoomId = new Map<Room["roomId"], Set<BeaconIdentifier>>();
+    /**
+     * Track over the wire errors for published positions
+     * Counts consecutive wire errors per beacon
+     * Reset on successful publish of location
+     */
+    public readonly beaconLocationPublishErrorCounts = new Map<BeaconIdentifier, number>();
+    public readonly beaconUpdateErrors = new Map<BeaconIdentifier, unknown>();
+    /**
+     * ids of live beacons
+     * ordered by creation time descending
+     */
+    private liveBeaconIds: BeaconIdentifier[] = [];
+    private locationInterval?: number;
+    private clearPositionWatch?: ClearWatchCallback;
+    /**
+     * Track when the last position was published
+     * So we can manually get position on slow interval
+     * when the target is stationary
+     */
+    private lastPublishedPositionTimestamp?: number;
+    /**
+     * Ref returned from watchSetting for the MSC3946 labs flag
+     */
+    private dynamicWatcherRef: string | undefined;
+
+    public constructor() {
+        super(defaultDispatcher);
+    }
+
+    public static get instance(): OwnBeaconStore {
+        return OwnBeaconStore.internalInstance;
+    }
+
+    /**
+     * True when we have live beacons
+     * and geolocation.watchPosition is active
+     */
+    public get isMonitoringLiveLocation(): boolean {
+        return !!this.clearPositionWatch;
+    }
+
+    protected async onNotReady(): Promise<void> {
+        if (this.matrixClient) {
+            this.matrixClient.removeListener(BeaconEvent.LivenessChange, this.onBeaconLiveness);
+            this.matrixClient.removeListener(BeaconEvent.New, this.onNewBeacon);
+            this.matrixClient.removeListener(BeaconEvent.Update, this.onUpdateBeacon);
+            this.matrixClient.removeListener(BeaconEvent.Destroy, this.onDestroyBeacon);
+            this.matrixClient.removeListener(RoomStateEvent.Members, this.onRoomStateMembers);
+        }
+        SettingsStore.unwatchSetting(this.dynamicWatcherRef);
+
+        this.clearBeacons();
+    }
+
+    private clearBeacons(): void {
+        this.beacons.forEach((beacon) => beacon.destroy());
+
+        this.stopPollingLocation();
+        this.beacons.clear();
+        this.beaconsByRoomId.clear();
+        this.liveBeaconIds = [];
+        this.beaconLocationPublishErrorCounts.clear();
+        this.beaconUpdateErrors.clear();
+    }
+
+    protected async onReady(): Promise<void> {
+        if (this.matrixClient) {
+            this.matrixClient.on(BeaconEvent.LivenessChange, this.onBeaconLiveness);
+            this.matrixClient.on(BeaconEvent.New, this.onNewBeacon);
+            this.matrixClient.on(BeaconEvent.Update, this.onUpdateBeacon);
+            this.matrixClient.on(BeaconEvent.Destroy, this.onDestroyBeacon);
+            this.matrixClient.on(RoomStateEvent.Members, this.onRoomStateMembers);
+        }
+        this.dynamicWatcherRef = SettingsStore.watchSetting(
+            "feature_dynamic_room_predecessors",
+            null,
+            this.reinitialiseBeaconState,
+        );
+
+        this.initialiseBeaconState();
+    }
+
+    protected async onAction(payload: ActionPayload): Promise<void> {
+        // we don't actually do anything here
+    }
+
+    public hasLiveBeacons = (roomId?: string): boolean => {
+        return !!this.getLiveBeaconIds(roomId).length;
+    };
+
+    /**
+     * Some live beacon has a wire error
+     * Optionally filter by room
+     */
+    public hasLocationPublishErrors = (roomId?: string): boolean => {
+        return this.getLiveBeaconIds(roomId).some(this.beaconHasLocationPublishError);
+    };
+
+    /**
+     * If a beacon has failed to publish position
+     * past the allowed consecutive failure count (BAIL_AFTER_CONSECUTIVE_ERROR_COUNT)
+     * Then consider it to have an error
+     */
+    public beaconHasLocationPublishError = (beaconId: string): boolean => {
+        const counts = this.beaconLocationPublishErrorCounts.get(beaconId);
+        return counts !== undefined && counts >= BAIL_AFTER_CONSECUTIVE_ERROR_COUNT;
+    };
+
+    public resetLocationPublishError = (beaconId: string): void => {
+        this.incrementBeaconLocationPublishErrorCount(beaconId, false);
+
+        // always publish to all live beacons together
+        // instead of just one that was changed
+        // to keep lastPublishedTimestamp simple
+        // and extra published locations don't hurt
+        this.publishCurrentLocationToBeacons();
+    };
+
+    public getLiveBeaconIds = (roomId?: string): string[] => {
+        if (!roomId) {
+            return this.liveBeaconIds;
+        }
+        return this.liveBeaconIds.filter((beaconId) => this.beaconsByRoomId.get(roomId)?.has(beaconId));
+    };
+
+    public getLiveBeaconIdsWithLocationPublishError = (roomId?: string): string[] => {
+        return this.getLiveBeaconIds(roomId).filter(this.beaconHasLocationPublishError);
+    };
+
+    public getBeaconById = (beaconId: string): Beacon | undefined => {
+        return this.beacons.get(beaconId);
+    };
+
+    public stopBeacon = async (beaconIdentifier: string): Promise<void> => {
+        const beacon = this.beacons.get(beaconIdentifier);
+        // if no beacon, or beacon is already explicitly set isLive: false
+        // do nothing
+        if (!beacon?.beaconInfo?.live) {
+            return;
+        }
+
+        await this.updateBeaconEvent(beacon, { live: false });
+        // prune from local store
+        removeLocallyCreateBeaconEventId(beacon.beaconInfoId);
+    };
+
+    /**
+     * Listeners
+     */
+
+    private onNewBeacon = (_event: MatrixEvent, beacon: Beacon): void => {
+        if (!this.matrixClient || !isOwnBeacon(beacon, this.matrixClient.getUserId()!)) {
+            return;
+        }
+        this.addBeacon(beacon);
+        this.checkLiveness();
+    };
+
+    /**
+     * This will be called when a beacon is replaced
+     */
+    private onUpdateBeacon = (_event: MatrixEvent, beacon: Beacon): void => {
+        if (!this.matrixClient || !isOwnBeacon(beacon, this.matrixClient.getUserId()!)) {
+            return;
+        }
+
+        this.checkLiveness();
+        beacon.monitorLiveness();
+    };
+
+    private onDestroyBeacon = (beaconIdentifier: BeaconIdentifier): void => {
+        // check if we care about this beacon
+        if (!this.beacons.has(beaconIdentifier)) {
+            return;
+        }
+
+        this.checkLiveness();
+    };
+
+    private onBeaconLiveness = (isLive: boolean, beacon: Beacon): void => {
+        // check if we care about this beacon
+        if (!this.beacons.has(beacon.identifier)) {
+            return;
+        }
+
+        // beacon expired, update beacon to un-alive state
+        if (!isLive) {
+            this.stopBeacon(beacon.identifier);
+        }
+
+        this.checkLiveness();
+
+        this.emit(OwnBeaconStoreEvent.LivenessChange, this.getLiveBeaconIds());
+    };
+
+    /**
+     * Check for changes in membership in rooms with beacons
+     * and stop monitoring beacons in rooms user is no longer member of
+     */
+    private onRoomStateMembers = (_event: MatrixEvent, roomState: RoomState, member: RoomMember): void => {
+        // no beacons for this room, ignore
+        if (
+            !this.matrixClient ||
+            !this.beaconsByRoomId.has(roomState.roomId) ||
+            member.userId !== this.matrixClient.getUserId()
+        ) {
+            return;
+        }
+
+        // TODO check powerlevels here
+        // in PSF-797
+
+        // stop watching beacons in rooms where user is no longer a member
+        if (member.membership === KnownMembership.Leave || member.membership === KnownMembership.Ban) {
+            this.beaconsByRoomId.get(roomState.roomId)?.forEach(this.removeBeacon);
+            this.beaconsByRoomId.delete(roomState.roomId);
+        }
+    };
+
+    /**
+     * State management
+     */
+
+    /**
+     * Live beacon ids that do not have wire errors
+     */
+    private get healthyLiveBeaconIds(): string[] {
+        return this.liveBeaconIds.filter(
+            (beaconId) => !this.beaconHasLocationPublishError(beaconId) && !this.beaconUpdateErrors.has(beaconId),
+        );
+    }
+
+    /**
+     * @internal public for test only
+     */
+    public reinitialiseBeaconState = (): void => {
+        this.clearBeacons();
+        this.initialiseBeaconState();
+    };
+
+    private initialiseBeaconState = (): void => {
+        if (!this.matrixClient) return;
+        const userId = this.matrixClient.getSafeUserId();
+        const visibleRooms = this.matrixClient.getVisibleRooms(
+            SettingsStore.getValue("feature_dynamic_room_predecessors"),
+        );
+
+        visibleRooms.forEach((room) => {
+            const roomState = room.currentState;
+            const beacons = roomState.beacons;
+            const ownBeaconsArray = [...beacons.values()].filter((beacon) => isOwnBeacon(beacon, userId));
+            ownBeaconsArray.forEach((beacon) => this.addBeacon(beacon));
+        });
+
+        this.checkLiveness();
+    };
+
+    private addBeacon = (beacon: Beacon): void => {
+        this.beacons.set(beacon.identifier, beacon);
+
+        if (!this.beaconsByRoomId.has(beacon.roomId)) {
+            this.beaconsByRoomId.set(beacon.roomId, new Set<string>());
+        }
+
+        this.beaconsByRoomId.get(beacon.roomId)!.add(beacon.identifier);
+
+        beacon.monitorLiveness();
+    };
+
+    /**
+     * Remove listeners for a given beacon
+     * remove from state
+     * and update liveness if changed
+     */
+    private removeBeacon = (beaconId: string): void => {
+        if (!this.beacons.has(beaconId)) {
+            return;
+        }
+        this.beacons.get(beaconId)!.destroy();
+        this.beacons.delete(beaconId);
+
+        this.checkLiveness();
+    };
+
+    private checkLiveness = (): void => {
+        const locallyCreatedBeaconEventIds = getLocallyCreatedBeaconEventIds();
+        const prevLiveBeaconIds = this.getLiveBeaconIds();
+        this.liveBeaconIds = [...this.beacons.values()]
+            .filter(
+                (beacon) =>
+                    beacon.isLive &&
+                    // only beacons created on this device should be shared to
+                    locallyCreatedBeaconEventIds.includes(beacon.beaconInfoId),
+            )
+            .sort(sortBeaconsByLatestCreation)
+            .map((beacon) => beacon.identifier);
+
+        const diff = arrayDiff(prevLiveBeaconIds, this.liveBeaconIds);
+
+        if (diff.added.length || diff.removed.length) {
+            this.emit(OwnBeaconStoreEvent.LivenessChange, this.liveBeaconIds);
+        }
+
+        // publish current location immediately
+        // when there are new live beacons
+        // and we already have a live monitor
+        // so first position is published quickly
+        // even when target is stationary
+        //
+        // when there is no existing live monitor
+        // it will be created below by togglePollingLocation
+        // and publish first position quickly
+        if (diff.added.length && this.isMonitoringLiveLocation) {
+            this.publishCurrentLocationToBeacons();
+        }
+
+        // if overall liveness changed
+        if (!!prevLiveBeaconIds?.length !== !!this.liveBeaconIds.length) {
+            this.togglePollingLocation();
+        }
+    };
+
+    public createLiveBeacon = async (
+        roomId: Room["roomId"],
+        beaconInfoContent: MBeaconInfoEventContent,
+    ): Promise<void> => {
+        if (!this.matrixClient) return;
+        // explicitly stop any live beacons this user has
+        // to ensure they remain stopped
+        // if the new replacing beacon is redacted
+        const existingLiveBeaconIdsForRoom = this.getLiveBeaconIds(roomId);
+        await Promise.all(existingLiveBeaconIdsForRoom.map((beaconId) => this.stopBeacon(beaconId)));
+
+        const { event_id } = await doMaybeLocalRoomAction(
+            roomId,
+            (actualRoomId: string) => this.matrixClient!.unstable_createLiveBeacon(actualRoomId, beaconInfoContent),
+            this.matrixClient,
+        );
+
+        storeLocallyCreateBeaconEventId(event_id);
+    };
+
+    /**
+     * Geolocation
+     */
+
+    private togglePollingLocation = (): void => {
+        if (!!this.liveBeaconIds.length) {
+            this.startPollingLocation();
+        } else {
+            this.stopPollingLocation();
+        }
+    };
+
+    private startPollingLocation = async (): Promise<void> => {
+        // clear any existing interval
+        this.stopPollingLocation();
+
+        try {
+            this.clearPositionWatch = watchPosition(this.onWatchedPosition, this.onGeolocationError);
+        } catch (error) {
+            if (error instanceof Error) {
+                this.onGeolocationError(error.message as GeolocationError);
+            } else {
+                console.error("Unexpected error", error);
+            }
+            // don't set locationInterval if geolocation failed to setup
+            return;
+        }
+
+        this.locationInterval = window.setInterval(() => {
+            if (!this.lastPublishedPositionTimestamp) {
+                return;
+            }
+            // if position was last updated STATIC_UPDATE_INTERVAL ms ago or more
+            // get our position and publish it
+            if (this.lastPublishedPositionTimestamp <= Date.now() - STATIC_UPDATE_INTERVAL) {
+                this.publishCurrentLocationToBeacons();
+            }
+        }, STATIC_UPDATE_INTERVAL);
+
+        this.emit(OwnBeaconStoreEvent.MonitoringLivePosition);
+    };
+
+    private stopPollingLocation = (): void => {
+        clearInterval(this.locationInterval);
+        this.locationInterval = undefined;
+        this.lastPublishedPositionTimestamp = undefined;
+
+        if (this.clearPositionWatch) {
+            this.clearPositionWatch();
+            this.clearPositionWatch = undefined;
+        }
+
+        this.emit(OwnBeaconStoreEvent.MonitoringLivePosition);
+    };
+
+    private onWatchedPosition = (position: GeolocationPosition): void => {
+        const timedGeoPosition = mapGeolocationPositionToTimedGeo(position);
+
+        // if this is our first position, publish immediately
+        if (!this.lastPublishedPositionTimestamp) {
+            this.publishLocationToBeacons(timedGeoPosition);
+        } else {
+            this.debouncedPublishLocationToBeacons(timedGeoPosition);
+        }
+    };
+
+    private onGeolocationError = async (error: GeolocationError): Promise<void> => {
+        logger.error("Geolocation failed", error);
+
+        // other errors are considered non-fatal
+        // and self recovering
+        if (![GeolocationError.Unavailable, GeolocationError.PermissionDenied].includes(error)) {
+            return;
+        }
+
+        this.stopPollingLocation();
+        // kill live beacons when location permissions are revoked
+        // oxlint-disable-next-line promise/no-promise-in-callback
+        await Promise.all(this.liveBeaconIds.map(this.stopBeacon));
+    };
+
+    /**
+     * Gets the current location
+     * (as opposed to using watched location)
+     * and publishes it to all live beacons
+     */
+    private publishCurrentLocationToBeacons = async (): Promise<void> => {
+        try {
+            const position = await getCurrentPosition();
+            this.publishLocationToBeacons(mapGeolocationPositionToTimedGeo(position));
+        } catch (error) {
+            if (error instanceof Error) {
+                this.onGeolocationError(error.message as GeolocationError);
+            } else {
+                console.error("Unexpected error", error);
+            }
+        }
+    };
+
+    /**
+     * MatrixClient api
+     */
+
+    /**
+     * Updates beacon with provided content update
+     * Records error in beaconUpdateErrors
+     * rethrows
+     */
+    private updateBeaconEvent = async (
+        beacon: Beacon,
+        update: Partial<ContentHelpers.BeaconInfoState>,
+    ): Promise<void> => {
+        const { description, timeout, timestamp, live, assetType } = {
+            ...beacon.beaconInfo,
+            ...update,
+        };
+
+        const updateContent = ContentHelpers.makeBeaconInfoContent(timeout, live, description, assetType, timestamp);
+
+        try {
+            await this.matrixClient!.unstable_setLiveBeacon(beacon.roomId, updateContent);
+            // cleanup any errors
+            const hadError = this.beaconUpdateErrors.has(beacon.identifier);
+            if (hadError) {
+                this.beaconUpdateErrors.delete(beacon.identifier);
+                this.emit(OwnBeaconStoreEvent.BeaconUpdateError, beacon.identifier, false);
+            }
+        } catch (error) {
+            logger.error("Failed to update beacon", error);
+            this.beaconUpdateErrors.set(beacon.identifier, error);
+            this.emit(OwnBeaconStoreEvent.BeaconUpdateError, beacon.identifier, true);
+
+            throw error;
+        }
+    };
+
+    /**
+     * Sends m.location events to all live beacons
+     * Sets last published beacon
+     */
+    private publishLocationToBeacons = async (position: TimedGeoUri): Promise<void> => {
+        this.lastPublishedPositionTimestamp = Date.now();
+        await Promise.all(
+            this.healthyLiveBeaconIds.map((beaconId) =>
+                this.beacons.has(beaconId)
+                    ? this.sendLocationToBeacon(this.beacons.get(beaconId)!, position)
+                    : Promise.resolve(),
+            ),
+        );
+    };
+
+    private debouncedPublishLocationToBeacons = debounce(this.publishLocationToBeacons, MOVING_UPDATE_INTERVAL);
+
+    /**
+     * Sends m.location event to referencing given beacon
+     */
+    private sendLocationToBeacon = async (beacon: Beacon, { geoUri, timestamp }: TimedGeoUri): Promise<void> => {
+        const content = ContentHelpers.makeBeaconContent(geoUri, timestamp, beacon.beaconInfoId);
+        try {
+            await this.matrixClient!.sendEvent(beacon.roomId, M_BEACON.name, content);
+            this.incrementBeaconLocationPublishErrorCount(beacon.identifier, false);
+        } catch (error) {
+            logger.error(error);
+            this.incrementBeaconLocationPublishErrorCount(beacon.identifier, true);
+        }
+    };
+
+    /**
+     * Manage beacon wire error count
+     * - clear count for beacon when not error
+     * - increment count for beacon when is error
+     * - emit if beacon error count crossed threshold
+     */
+    private incrementBeaconLocationPublishErrorCount = (beaconId: string, isError: boolean): void => {
+        const hadError = this.beaconHasLocationPublishError(beaconId);
+
+        if (isError) {
+            // increment error count
+            this.beaconLocationPublishErrorCounts.set(
+                beaconId,
+                (this.beaconLocationPublishErrorCounts.get(beaconId) ?? 0) + 1,
+            );
+        } else {
+            // clear any error count
+            this.beaconLocationPublishErrorCounts.delete(beaconId);
+        }
+
+        if (this.beaconHasLocationPublishError(beaconId) !== hadError) {
+            this.emit(OwnBeaconStoreEvent.LocationPublishError, beaconId);
+        }
+    };
+}
diff --git a/apps/web/src/stores/OwnProfileStore.ts b/apps/web/src/stores/OwnProfileStore.ts
new file mode 100644
index 00000000000..3b1647ab8a7
--- /dev/null
+++ b/apps/web/src/stores/OwnProfileStore.ts
@@ -0,0 +1,215 @@
+/*
+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 {
+    type MatrixEvent,
+    RoomStateEvent,
+    MatrixError,
+    type User,
+    UserEvent,
+    EventType,
+    ClientEvent,
+} from "matrix-js-sdk/src/matrix";
+import { throttle } from "lodash";
+import { type UserStatus } from "@element-hq/web-shared-components";
+
+import { type ActionPayload } from "../dispatcher/payloads";
+import { AsyncStoreWithClient } from "./AsyncStoreWithClient";
+import defaultDispatcher from "../dispatcher/dispatcher";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { _t } from "../languageHandler";
+import { mediaFromMxc } from "../customisations/Media";
+import SettingsStore from "../settings/SettingsStore";
+import { fetchUserStatus } from "../utils/userStatus";
+
+interface IState {
+    displayName?: string;
+    avatarUrl?: string;
+    fetchedAt?: number;
+    userStatus?: UserStatus;
+}
+
+const KEY_DISPLAY_NAME = "mx_profile_displayname";
+const KEY_AVATAR_URL = "mx_profile_avatar_url";
+
+export class OwnProfileStore extends AsyncStoreWithClient<IState> {
+    private static readonly internalInstance = (() => {
+        const instance = new OwnProfileStore();
+        instance.start();
+        return instance;
+    })();
+
+    private monitoredUser: User | null = null;
+
+    public constructor() {
+        // seed from localstorage because otherwise we won't get these values until a whole network
+        // round-trip after the client is ready, and we often load widgets in that time, and we'd
+        // and up passing them an incorrect display name
+        super(defaultDispatcher, {
+            displayName: window.localStorage.getItem(KEY_DISPLAY_NAME) || undefined,
+            avatarUrl: window.localStorage.getItem(KEY_AVATAR_URL) || undefined,
+        });
+    }
+
+    public static get instance(): OwnProfileStore {
+        return OwnProfileStore.internalInstance;
+    }
+
+    /**
+     * Gets the display name for the user, or null if not present.
+     */
+    public get displayName(): string | null {
+        if (!this.matrixClient) return this.state.displayName || null;
+
+        if (this.matrixClient.isGuest()) {
+            return _t("common|guest");
+        } else if (this.state.displayName) {
+            return this.state.displayName;
+        } else {
+            return this.matrixClient.getUserId();
+        }
+    }
+
+    public get isProfileInfoFetched(): boolean {
+        return !!this.state.fetchedAt;
+    }
+
+    /**
+     * Gets the MXC URI of the user's avatar, or null if not present.
+     */
+    public get avatarMxc(): string | null {
+        return this.state.avatarUrl || null;
+    }
+
+    public get userStatus(): UserStatus | undefined {
+        return this.state.userStatus;
+    }
+
+    /**
+     * Gets the user's avatar as an HTTP URL of the given size. If the user's
+     * avatar is not present, this returns null.
+     * @param size The size of the avatar. If zero, a full res copy of the avatar
+     * will be returned as an HTTP URL.
+     * @returns The HTTP URL of the user's avatar
+     */
+    public getHttpAvatarUrl(size = 0): string | null {
+        if (!this.avatarMxc) return null;
+        const media = mediaFromMxc(this.avatarMxc);
+        if (!size || size <= 0) {
+            return media.srcHttp;
+        } else {
+            return media.getSquareThumbnailHttp(size);
+        }
+    }
+
+    protected async onNotReady(): Promise<void> {
+        this.onProfileUpdate.cancel();
+        if (this.monitoredUser) {
+            this.monitoredUser.removeListener(UserEvent.DisplayName, this.onProfileUpdate);
+            this.monitoredUser.removeListener(UserEvent.AvatarUrl, this.onProfileUpdate);
+        }
+        this.matrixClient?.removeListener(RoomStateEvent.Events, this.onStateEvents);
+        if (SettingsStore.getValue("feature_user_status")) {
+            this.matrixClient?.removeListener(ClientEvent.UserProfileUpdate, this.onExtendedProfileUpdate);
+        }
+        await this.reset({});
+    }
+
+    protected async onReady(): Promise<void> {
+        if (!this.matrixClient) return;
+        const myUserId = this.matrixClient.getSafeUserId();
+        this.monitoredUser = this.matrixClient.getUser(myUserId);
+        if (this.monitoredUser) {
+            this.monitoredUser.on(UserEvent.DisplayName, this.onProfileUpdate);
+            this.monitoredUser.on(UserEvent.AvatarUrl, this.onProfileUpdate);
+        }
+
+        if (SettingsStore.getValue("feature_user_status")) {
+            this.matrixClient.on(ClientEvent.UserProfileUpdate, this.onExtendedProfileUpdate);
+        }
+
+        // We also have to listen for membership events for ourselves as the above User events
+        // are fired only with presence, which matrix.org (and many others) has disabled.
+        this.matrixClient.on(RoomStateEvent.Events, this.onStateEvents);
+
+        await this.onProfileUpdate(); // trigger an initial update
+        await this.refreshUserStatus(); // trigger an update for the user status
+    }
+
+    protected async onAction(payload: ActionPayload): Promise<void> {
+        // we don't actually do anything here
+    }
+
+    private onProfileUpdate = throttle(
+        async (): Promise<void> => {
+            if (!this.matrixClient) return;
+            // We specifically do not use the User object we stored for profile info as it
+            // could easily be wrong (such as per-room instead of global profile).
+
+            let profileInfo: { displayname?: string; avatar_url?: string } = {
+                displayname: undefined,
+                avatar_url: undefined,
+            };
+
+            try {
+                profileInfo = await this.matrixClient.getProfileInfo(this.matrixClient.getSafeUserId());
+            } catch (error: unknown) {
+                if (!(error instanceof MatrixError) || error.errcode !== "M_NOT_FOUND") {
+                    /**
+                     * Raise any other error than M_NOT_FOUND.
+                     * M_NOT_FOUND could occur if there is no user profile.
+                     * {@link https://spec.matrix.org/v1.7/client-server-api/#get_matrixclientv3profileuserid}
+                     * We should then assume an empty profile, emit UPDATE_EVENT etc..
+                     */
+                    throw error;
+                }
+            }
+
+            if (profileInfo.displayname) {
+                window.localStorage.setItem(KEY_DISPLAY_NAME, profileInfo.displayname);
+            } else {
+                window.localStorage.removeItem(KEY_DISPLAY_NAME);
+            }
+
+            if (profileInfo.avatar_url) {
+                window.localStorage.setItem(KEY_AVATAR_URL, profileInfo.avatar_url);
+            } else {
+                window.localStorage.removeItem(KEY_AVATAR_URL);
+            }
+
+            await this.updateState({
+                displayName: profileInfo.displayname,
+                avatarUrl: profileInfo.avatar_url,
+                fetchedAt: Date.now(),
+            });
+        },
+        200,
+        { trailing: true, leading: true },
+    );
+
+    private onExtendedProfileUpdate = async (syncedUserId: string): Promise<void> => {
+        if (syncedUserId === this.matrixClient?.getSafeUserId()) {
+            await this.refreshUserStatus();
+        }
+    };
+
+    private refreshUserStatus = async (): Promise<void> => {
+        if (!this.matrixClient) return;
+        if (!SettingsStore.getValue("feature_user_status")) return;
+
+        const userStatus = await fetchUserStatus(this.matrixClient, this.matrixClient.getSafeUserId());
+        await this.updateState({ userStatus });
+    };
+
+    private onStateEvents = async (ev: MatrixEvent): Promise<void> => {
+        const myUserId = MatrixClientPeg.safeGet().getUserId();
+        if (ev.getType() === EventType.RoomMember && ev.getSender() === myUserId && ev.getStateKey() === myUserId) {
+            await this.onProfileUpdate();
+        }
+    };
+}
diff --git a/apps/web/src/stores/ReadyWatchingStore.ts b/apps/web/src/stores/ReadyWatchingStore.ts
new file mode 100644
index 00000000000..e2366c34e8d
--- /dev/null
+++ b/apps/web/src/stores/ReadyWatchingStore.ts
@@ -0,0 +1,88 @@
+/*
+ * Copyright 2024 New Vector Ltd.
+ * Copyright 2021, 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 { type MatrixClient, SyncState } from "matrix-js-sdk/src/matrix";
+// oxlint-disable-next-line no-restricted-imports
+import { EventEmitter } from "events";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { type ActionPayload } from "../dispatcher/payloads";
+import { type IDestroyable } from "../utils/IDestroyable";
+import { Action } from "../dispatcher/actions";
+import { type MatrixDispatcher } from "../dispatcher/dispatcher";
+
+export abstract class ReadyWatchingStore extends EventEmitter implements IDestroyable {
+    protected matrixClient?: MatrixClient;
+    private dispatcherRef?: string;
+
+    public constructor(protected readonly dispatcher: MatrixDispatcher) {
+        super();
+    }
+
+    public async start(): Promise<void> {
+        this.dispatcherRef = this.dispatcher.register(this.onAction);
+
+        // MatrixClientPeg can be undefined in tests because of circular dependencies with other stores
+        const matrixClient = MatrixClientPeg?.get();
+        if (matrixClient) {
+            this.matrixClient = matrixClient;
+            await this.onReady();
+        }
+    }
+
+    public get mxClient(): MatrixClient | null {
+        return this.matrixClient ?? null; // for external readonly access
+    }
+
+    public useUnitTestClient(cli: MatrixClient): void {
+        this.matrixClient = cli;
+    }
+
+    public destroy(): void {
+        this.dispatcher.unregister(this.dispatcherRef);
+    }
+
+    protected async onReady(): Promise<void> {
+        // Default implementation is to do nothing.
+    }
+
+    protected async onNotReady(): Promise<void> {
+        // Default implementation is to do nothing.
+    }
+
+    protected onDispatcherAction(payload: ActionPayload): void {
+        // Default implementation is to do nothing.
+    }
+
+    private onAction = async (payload: ActionPayload): Promise<void> => {
+        this.onDispatcherAction(payload);
+
+        if (payload.action === "MatrixActions.sync") {
+            // Only set the client on the transition into the PREPARED state.
+            // Everything after this is unnecessary (we only need to know once we have a client)
+            // and we intentionally don't set the client before this point to avoid stores
+            // updating for every event emitted during the cached sync.
+            if (
+                payload.prevState !== SyncState.Prepared &&
+                payload.state === SyncState.Prepared &&
+                this.matrixClient !== payload.matrixClient
+            ) {
+                if (this.matrixClient) {
+                    await this.onNotReady();
+                }
+                this.matrixClient = payload.matrixClient;
+                await this.onReady();
+            }
+        } else if (payload.action === Action.ClientNotViable || payload.action === Action.OnLoggedOut) {
+            if (this.matrixClient) {
+                await this.onNotReady();
+                this.matrixClient = undefined;
+            }
+        }
+    };
+}
diff --git a/apps/web/src/stores/ReleaseAnnouncementStore.ts b/apps/web/src/stores/ReleaseAnnouncementStore.ts
new file mode 100644
index 00000000000..4bb77174b05
--- /dev/null
+++ b/apps/web/src/stores/ReleaseAnnouncementStore.ts
@@ -0,0 +1,188 @@
+/*
+ * 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.
+ */
+
+import { TypedEventEmitter } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { cloneDeep } from "lodash";
+
+import SettingsStore from "../settings/SettingsStore";
+import { SettingLevel } from "../settings/SettingLevel";
+import ToastStore from "./ToastStore";
+
+/**
+ * The features are shown in the array order.
+ * We include a `_test_dummy` value to enable tests to function even where there are no running release announcements.
+ * This value must be at the end of the list.
+ */
+const FEATURES = ["room_list_section", "_test_dummy1", "_test_dummy2"] as const;
+/**
+ * All the features that can be shown in the release announcements.
+ */
+export type Feature = (typeof FEATURES)[number];
+/**
+ * The stored settings for the release announcements.
+ * The boolean is at true when the user has viewed the feature
+ */
+type StoredSettings = Partial<Record<Feature, boolean>>;
+
+export type ReleaseAnnouncementData = StoredSettings;
+
+/**
+ * The events emitted by the ReleaseAnnouncementStore.
+ */
+type ReleaseAnnouncementStoreEvents = "releaseAnnouncementChanged";
+/**
+ * The handlers for the ReleaseAnnouncementStore events.
+ */
+type HandlerMap = {
+    releaseAnnouncementChanged: (newFeature: Feature | null) => void;
+};
+
+/**
+ * The ReleaseAnnouncementStore is responsible for managing the release announcements.
+ * It keeps track of the viewed release announcements and emits events when the release announcement changes.
+ */
+export class ReleaseAnnouncementStore extends TypedEventEmitter<ReleaseAnnouncementStoreEvents, HandlerMap> {
+    /**
+     * The singleton instance of the ReleaseAnnouncementStore.
+     * @private
+     */
+    private static internalInstance: ReleaseAnnouncementStore;
+    /**
+     * The index of the feature to show.
+     * @private
+     */
+    private index = 0;
+
+    /**
+     * Whether the release announcement is enabled. Useful to disable it in e2e tests.
+     * @private
+     */
+    private enabled = true;
+
+    /**
+     * The singleton instance of the ReleaseAnnouncementStore.
+     */
+    public static get instance(): ReleaseAnnouncementStore {
+        if (!ReleaseAnnouncementStore.internalInstance) {
+            ReleaseAnnouncementStore.internalInstance = new ReleaseAnnouncementStore();
+        }
+        return ReleaseAnnouncementStore.internalInstance;
+    }
+
+    /**
+     * Should be used only for testing purposes.
+     * @internal
+     */
+    public constructor() {
+        super();
+        SettingsStore.watchSetting("releaseAnnouncementData", null, () => {
+            this.emit("releaseAnnouncementChanged", this.getReleaseAnnouncement());
+        });
+        ToastStore.sharedInstance().on("update", () => {
+            this.emit("releaseAnnouncementChanged", this.getReleaseAnnouncement());
+        });
+    }
+
+    /**
+     * Get the viewed release announcements from the settings.
+     * @private
+     */
+    private getViewedReleaseAnnouncements(): StoredSettings {
+        // Clone the settings to avoid to mutate the internal stored value in the SettingsStore
+        return cloneDeep(SettingsStore.getValue("releaseAnnouncementData"));
+    }
+
+    /**
+     * Enable the release announcement. This will allow the release announcement to be shown when calling `getReleaseAnnouncement` or `nextReleaseAnnouncement`.
+     */
+    public enable(): void {
+        this.enabled = true;
+    }
+
+    /**
+     * Disable the release announcement. This will prevent the release announcement from being shown when calling `getReleaseAnnouncement` or `nextReleaseAnnouncement`.
+     */
+    public disable(): void {
+        this.enabled = false;
+    }
+
+    /**
+     * Get the release announcement that should be displayed
+     * @returns The feature to announce or null if there is no feature to announce
+     */
+    public getReleaseAnnouncement(): Feature | null {
+        // Do nothing if the release announcement is disabled
+        if (!this.enabled) return null;
+
+        // also don't show release announcements if any toasts are on screen
+        if (ToastStore.sharedInstance().getToasts().length > 0) return null;
+
+        const viewedReleaseAnnouncements = this.getViewedReleaseAnnouncements();
+
+        // Find the first feature that has not been viewed
+        for (let i = this.index; i < FEATURES.length; i++) {
+            if (!viewedReleaseAnnouncements[FEATURES[i]]) {
+                this.index = i;
+                return FEATURES[this.index];
+            }
+        }
+
+        // All features have been viewed
+        return null;
+    }
+
+    /**
+     * Mark the current release announcement as viewed.
+     * This will update the account settings
+     * @private
+     */
+    private async markReleaseAnnouncementAsViewed(): Promise<void> {
+        // Do nothing if the release announcement is disabled;
+        if (!this.enabled) return;
+
+        const viewedReleaseAnnouncements = this.getViewedReleaseAnnouncements();
+
+        // If the index is out of bounds, do nothing
+        // Normally it shouldn't happen, but it's better to be safe
+        const feature = FEATURES[this.index];
+        if (!feature) return;
+
+        // Mark the feature as viewed
+        viewedReleaseAnnouncements[FEATURES[this.index]] = true;
+        this.index++;
+
+        // Do sanity check if we can store the new value in the settings
+        const isSupported = SettingsStore.isLevelSupported(SettingLevel.ACCOUNT);
+        if (!isSupported) return;
+
+        const canSetValue = SettingsStore.canSetValue("releaseAnnouncementData", null, SettingLevel.ACCOUNT);
+        if (canSetValue) {
+            try {
+                await SettingsStore.setValue(
+                    "releaseAnnouncementData",
+                    null,
+                    SettingLevel.ACCOUNT,
+                    viewedReleaseAnnouncements,
+                );
+            } catch (e) {
+                logger.log("Failed to set release announcement settings", e);
+            }
+        }
+    }
+
+    /**
+     * Mark the current release announcement as viewed and move to the next release announcement.
+     * This will update the account settings and emit the `releaseAnnouncementChanged` event
+     */
+    public async nextReleaseAnnouncement(): Promise<void> {
+        await this.markReleaseAnnouncementAsViewed();
+
+        this.emit("releaseAnnouncementChanged", this.getReleaseAnnouncement());
+    }
+}
diff --git a/apps/web/src/stores/RoomScrollStateStore.ts b/apps/web/src/stores/RoomScrollStateStore.ts
new file mode 100644
index 00000000000..b38d102bef0
--- /dev/null
+++ b/apps/web/src/stores/RoomScrollStateStore.ts
@@ -0,0 +1,49 @@
+/*
+Copyright 2017-2024 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 interface ScrollState {
+    focussedEvent?: string;
+    pixelOffset?: number;
+}
+
+/**
+ * Stores where the user has scrolled to in each room
+ */
+export class RoomScrollStateStore {
+    // A map from room id to scroll state.
+    //
+    // If there is no special scroll state (ie, we are following the live
+    // timeline), the scroll state is null. Otherwise, it is an object with
+    // the following properties:
+    //
+    //    focussedEvent: the ID of the 'focussed' event. Typically this is
+    //        the last event fully visible in the viewport, though if we
+    //        have done an explicit scroll to an explicit event, it will be
+    //        that event.
+    //
+    //    pixelOffset: the number of pixels the window is scrolled down
+    //        from the focussedEvent.
+    private scrollStateMap = new Map<string, ScrollState>();
+
+    public getScrollState(roomId: string): ScrollState | undefined {
+        return this.scrollStateMap.get(roomId);
+    }
+
+    public setScrollState(roomId: string, scrollState: ScrollState | null): void {
+        if (scrollState === null) {
+            this.scrollStateMap.delete(roomId);
+        } else {
+            this.scrollStateMap.set(roomId, scrollState);
+        }
+    }
+}
+
+if (window.mxRoomScrollStateStore === undefined) {
+    window.mxRoomScrollStateStore = new RoomScrollStateStore();
+}
+// oxlint-disable-next-line typescript/no-unnecessary-type-assertion
+export default window.mxRoomScrollStateStore!;
diff --git a/apps/web/src/stores/RoomViewStore.tsx b/apps/web/src/stores/RoomViewStore.tsx
new file mode 100644
index 00000000000..5604fb39368
--- /dev/null
+++ b/apps/web/src/stores/RoomViewStore.tsx
@@ -0,0 +1,859 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2022 The Matrix.org Foundation C.I.C.
+Copyright 2017, 2018 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.
+*/
+
+import React, { type ReactNode } from "react";
+import * as utils from "matrix-js-sdk/src/utils";
+import { MatrixError, JoinRule, type Room, type MatrixEvent, type IJoinRoomOpts } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type ViewRoom as ViewRoomEvent } from "@matrix-org/analytics-events/types/typescript/ViewRoom";
+import { type JoinedRoom as JoinedRoomEvent } from "@matrix-org/analytics-events/types/typescript/JoinedRoom";
+// oxlint-disable-next-line no-restricted-imports
+import EventEmitter from "events";
+import {
+    RoomViewLifecycle,
+    type ViewRoomOpts,
+} from "@matrix-org/react-sdk-module-api/lib/lifecycles/RoomViewLifecycle";
+
+import { type MatrixDispatcher } from "../dispatcher/dispatcher";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import Modal from "../Modal";
+import { _t, UserFriendlyError } from "../languageHandler";
+import { getCachedRoomIdForAlias, storeRoomAliasInCache } from "../RoomAliasCache";
+import { Action } from "../dispatcher/actions";
+import { retry } from "../utils/promise";
+import { TimelineRenderingType } from "../contexts/RoomContext";
+import { type ViewRoomPayload } from "../dispatcher/payloads/ViewRoomPayload";
+import DMRoomMap from "../utils/DMRoomMap";
+import { isMetaSpace, MetaSpace } from "./spaces";
+import { type JoinRoomPayload } from "../dispatcher/payloads/JoinRoomPayload";
+import { type JoinRoomReadyPayload } from "../dispatcher/payloads/JoinRoomReadyPayload";
+import { type JoinRoomErrorPayload } from "../dispatcher/payloads/JoinRoomErrorPayload";
+import { type ViewRoomErrorPayload } from "../dispatcher/payloads/ViewRoomErrorPayload";
+import ErrorDialog from "../components/views/dialogs/ErrorDialog";
+import { type ActiveRoomChangedPayload } from "../dispatcher/payloads/ActiveRoomChangedPayload";
+import SettingsStore from "../settings/SettingsStore";
+import { awaitRoomDownSync } from "../utils/RoomUpgrade";
+import { UPDATE_EVENT } from "./AsyncStore";
+import { type SDKContextClass } from "../contexts/SDKContextClass";
+import { CallStore } from "./CallStore";
+import { type ThreadPayload } from "../dispatcher/payloads/ThreadPayload";
+import { type ActionPayload } from "../dispatcher/payloads";
+import { type CancelAskToJoinPayload } from "../dispatcher/payloads/CancelAskToJoinPayload";
+import { type SubmitAskToJoinPayload } from "../dispatcher/payloads/SubmitAskToJoinPayload";
+import { ModuleRunner } from "../modules/ModuleRunner";
+import { setMarkedUnreadState } from "../utils/notifications";
+import { ConnectionState, ElementCall } from "../models/Call";
+import { isVideoRoom } from "../utils/video-rooms";
+import { ModuleApi } from "../modules/Api";
+import ActiveWidgetStore from "./ActiveWidgetStore";
+
+const NUM_JOIN_RETRY = 5;
+
+interface State {
+    /**
+     * Whether we're joining the currently viewed (see isJoining())
+     */
+    joining: boolean;
+    /**
+     * Any error that has occurred during joining
+     */
+    joinError: Error | null;
+    /**
+     * The ID of the room currently being viewed
+     */
+    roomId: string | null;
+    /**
+     * The ID of the thread currently being viewed
+     */
+    threadId: string | null;
+    /**
+     * The ID of the room being subscribed to (in Sliding Sync)
+     */
+    subscribingRoomId: string | null;
+    /**
+     * The event to scroll to when the room is first viewed
+     */
+    initialEventId: string | null;
+    initialEventPixelOffset: number | null;
+    /**
+     * Whether to highlight the initial event
+     */
+    isInitialEventHighlighted: boolean;
+    /**
+     * Whether to scroll the initial event into view
+     */
+    initialEventScrollIntoView: boolean;
+    /**
+     * The alias of the room (or null if not originally specified in view_room)
+     */
+    roomAlias: string | null;
+    /**
+     * Whether the current room is loading
+     */
+    roomLoading: boolean;
+    /**
+     * Any error that has occurred during loading
+     */
+    roomLoadError: MatrixError | null;
+    replyingToEvent: MatrixEvent | null;
+    shouldPeek: boolean;
+    viaServers: string[];
+    wasContextSwitch: boolean;
+    /**
+     * Whether we're viewing a call or call lobby in this room
+     */
+    viewingCall: boolean;
+
+    promptAskToJoin: boolean;
+
+    viewRoomOpts: ViewRoomOpts;
+}
+
+const INITIAL_STATE: State = {
+    joining: false,
+    joinError: null,
+    roomId: null,
+    threadId: null,
+    subscribingRoomId: null,
+    initialEventId: null,
+    initialEventPixelOffset: null,
+    isInitialEventHighlighted: false,
+    initialEventScrollIntoView: true,
+    roomAlias: null,
+    roomLoading: false,
+    roomLoadError: null,
+    replyingToEvent: null,
+    shouldPeek: false,
+    viaServers: [],
+    wasContextSwitch: false,
+    viewingCall: false,
+    promptAskToJoin: false,
+    viewRoomOpts: { buttons: [] },
+};
+
+type Listener = (isActive: boolean) => void;
+
+/**
+ * A class for storing application state for RoomView.
+ */
+export class RoomViewStore extends EventEmitter {
+    // initialize state as a copy of the initial state. We need to copy else one RVS can talk to
+    // another RVS via INITIAL_STATE as they share the same underlying object. Mostly relevant for tests.
+    private state = utils.deepCopy(INITIAL_STATE);
+
+    // this is defacto always assigned as `resetDispatcher` is called in the constructor.
+    private dis!: MatrixDispatcher;
+    private dispatchToken?: string;
+
+    public constructor(
+        dis: MatrixDispatcher,
+        private readonly stores: SDKContextClass,
+        private readonly lockedToRoomId?: string,
+    ) {
+        super();
+        this.resetDispatcher(dis);
+    }
+
+    public addRoomListener(roomId: string, fn: Listener): void {
+        this.on(roomId, fn);
+    }
+
+    public removeRoomListener(roomId: string, fn: Listener): void {
+        this.off(roomId, fn);
+    }
+
+    private emitForRoom(roomId: string, isActive: boolean): void {
+        this.emit(roomId, isActive);
+    }
+
+    private setState(newState: Partial<State>): void {
+        // If values haven't changed, there's nothing to do.
+        // This only tries a shallow comparison, so unchanged objects will slip
+        // through, but that's probably okay for now.
+        let stateChanged = false;
+        for (const key of Object.keys(newState)) {
+            if (this.state[key as keyof State] !== newState[key as keyof State]) {
+                stateChanged = true;
+                break;
+            }
+        }
+        if (!stateChanged) {
+            return;
+        }
+
+        const lastRoomId = this.state.roomId;
+        this.state = Object.assign(this.state, newState);
+        if (!this.lockedToRoomId && lastRoomId !== this.state.roomId) {
+            if (lastRoomId) this.emitForRoom(lastRoomId, false);
+            if (this.state.roomId) this.emitForRoom(this.state.roomId, true);
+
+            // Fired so we can reduce dependency on event emitters to this store, which is relatively
+            // central to the application and can easily cause import cycles.
+            this.dis.dispatch<ActiveRoomChangedPayload>({
+                action: Action.ActiveRoomChanged,
+                oldRoomId: lastRoomId,
+                newRoomId: this.state.roomId,
+            });
+        }
+
+        this.emit(UPDATE_EVENT);
+    }
+
+    private onDispatch(payload: ActionPayload): void {
+        if (this.lockedToRoomId && payload.room_id && this.lockedToRoomId !== payload.room_id) {
+            return;
+        }
+
+        switch (payload.action) {
+            // view_room:
+            //      - room_alias:   '#somealias:matrix.org'
+            //      - room_id:      '!roomid123:matrix.org'
+            //      - event_id:     '$213456782:matrix.org'
+            //      - event_offset: 100
+            //      - highlighted:  true
+            case Action.ViewRoom:
+                this.viewRoom(payload as ViewRoomPayload);
+                break;
+            case Action.ViewThread:
+                this.viewThread(payload as ThreadPayload);
+                break;
+            // for these events blank out the roomId as we are no longer in the RoomView
+            case "view_welcome_page":
+            case Action.ViewHomePage:
+                this.setState({
+                    roomId: null,
+                    roomAlias: null,
+                    viaServers: [],
+                    wasContextSwitch: false,
+                    viewingCall: false,
+                });
+                break;
+            case Action.ViewRoomError:
+                this.viewRoomError(payload as ViewRoomErrorPayload);
+                break;
+            case "will_join":
+                this.setState({
+                    joining: true,
+                });
+                break;
+            case "cancel_join":
+                this.setState({
+                    joining: false,
+                });
+                break;
+            // join_room:
+            //      - opts: options for joinRoom
+            case Action.JoinRoom:
+                this.joinRoom(payload as JoinRoomPayload);
+                break;
+            case Action.JoinRoomError:
+                this.joinRoomError(payload as JoinRoomErrorPayload);
+                break;
+            case Action.JoinRoomReady: {
+                if (this.state.roomId === payload.roomId) {
+                    this.setState({ shouldPeek: false });
+                }
+
+                awaitRoomDownSync(MatrixClientPeg.safeGet(), payload.roomId).then((room) => {
+                    const numMembers = room.getJoinedMemberCount();
+                    const roomSize =
+                        numMembers > 1000
+                            ? "MoreThanAThousand"
+                            : numMembers > 100
+                              ? "OneHundredAndOneToAThousand"
+                              : numMembers > 10
+                                ? "ElevenToOneHundred"
+                                : numMembers > 2
+                                  ? "ThreeToTen"
+                                  : numMembers > 1
+                                    ? "Two"
+                                    : "One";
+
+                    this.stores.posthogAnalytics.trackEvent<JoinedRoomEvent>({
+                        eventName: "JoinedRoom",
+                        trigger: payload.metricsTrigger,
+                        roomSize,
+                        isDM: !!DMRoomMap.shared().getUserIdForRoomId(room.roomId),
+                        isSpace: room.isSpaceRoom(),
+                    });
+                });
+
+                break;
+            }
+            case Action.ClientNotViable:
+            case Action.OnLoggedOut:
+                this.reset();
+                break;
+            case "reply_to_event":
+                // Thread timeline view handles its own reply-to-state
+                if (TimelineRenderingType.Thread !== payload.context) {
+                    const roomId: string | undefined = payload.event?.getRoomId();
+
+                    // If currently viewed room does not match the room in which we wish to reply then change rooms this
+                    // can happen when performing a search across all rooms. Persist the data from this event for both
+                    // room and search timeline rendering types, search will get auto-closed by RoomView at this time.
+                    if (payload.event && roomId !== this.state.roomId) {
+                        // if the room is displayed in a module, we don't want to change the room view
+                        if (roomId && this.isRoomDisplayedInModule(roomId)) return;
+
+                        this.dis.dispatch<ViewRoomPayload>({
+                            action: Action.ViewRoom,
+                            room_id: payload.event.getRoomId(),
+                            replyingToEvent: payload.event,
+                            metricsTrigger: undefined, // room doesn't change
+                        });
+                    } else {
+                        this.setState({
+                            replyingToEvent: payload.event,
+                        });
+                    }
+                }
+                break;
+            case Action.PromptAskToJoin: {
+                this.setState({ promptAskToJoin: true });
+                break;
+            }
+            case Action.SubmitAskToJoin: {
+                this.submitAskToJoin(payload as SubmitAskToJoinPayload);
+                break;
+            }
+            case Action.CancelAskToJoin: {
+                this.cancelAskToJoin(payload as CancelAskToJoinPayload);
+                break;
+            }
+            case Action.RoomLoaded: {
+                this.setViewRoomOpts();
+                break;
+            }
+        }
+    }
+
+    public async viewRoom(payload: ViewRoomPayload): Promise<void> {
+        if (payload.room_id) {
+            const room = MatrixClientPeg.safeGet().getRoom(payload.room_id);
+
+            if (payload.metricsTrigger !== null && payload.room_id !== this.state.roomId) {
+                let activeSpace: ViewRoomEvent["activeSpace"];
+                if (this.stores.spaceStore.activeSpace === MetaSpace.Home) {
+                    activeSpace = "Home";
+                } else if (isMetaSpace(this.stores.spaceStore.activeSpace)) {
+                    activeSpace = "Meta";
+                } else {
+                    activeSpace =
+                        this.stores.spaceStore.activeSpaceRoom?.getJoinRule() === JoinRule.Public
+                            ? "Public"
+                            : "Private";
+                }
+
+                this.stores.posthogAnalytics.trackEvent<ViewRoomEvent>({
+                    eventName: "ViewRoom",
+                    trigger: payload.metricsTrigger,
+                    viaKeyboard: payload.metricsViaKeyboard,
+                    isDM: !!DMRoomMap.shared().getUserIdForRoomId(payload.room_id),
+                    isSpace: room?.isSpaceRoom(),
+                    activeSpace,
+                });
+            }
+
+            let viewingCall = payload.view_call;
+            if (viewingCall === undefined) {
+                // Default behavior: keep the same call state as before if viewing the same room
+                if (payload.room_id === this.state.roomId) viewingCall = this.state.viewingCall;
+                // Always view the call in video rooms
+                else if (room && isVideoRoom(room)) viewingCall = true;
+                // Otherwise, only view if actively connected
+                else viewingCall = CallStore.instance.getActiveCall(payload.room_id) !== null;
+            }
+
+            if (room && viewingCall) {
+                let call = CallStore.instance.getCall(payload.room_id);
+                // Start a call if not already there
+                if (call === null) {
+                    ElementCall.create(room);
+                    call = CallStore.instance.getCall(payload.room_id)!;
+                }
+
+                // Custom case where we start voice calls in pip
+                if (payload.voiceOnly ?? false) {
+                    viewingCall = false;
+                    ActiveWidgetStore.instance.setWidgetPersistence(call.widget.id, room.roomId, true);
+                }
+                call.presented = true;
+                // Immediately start the call. This will connect to all required widget events
+                // and allow the widget to show the lobby.
+                if (call.connectionState === ConnectionState.Disconnected) {
+                    call.start({ skipLobby: payload.skipLobby, voiceOnly: payload.voiceOnly });
+                }
+            }
+            // If we switch to a different room from the call, we are no longer presenting it
+            const prevRoomCall = this.state.roomId ? CallStore.instance.getCall(this.state.roomId) : null;
+            if (prevRoomCall !== null && (!payload.view_call || payload.room_id !== this.state.roomId))
+                prevRoomCall.presented = false;
+
+            if (SettingsStore.getValue("feature_simplified_sliding_sync") && this.state.roomId !== payload.room_id) {
+                this.setState({
+                    subscribingRoomId: payload.room_id,
+                    roomId: payload.room_id,
+                    initialEventId: null,
+                    initialEventPixelOffset: null,
+                    initialEventScrollIntoView: true,
+                    roomAlias: null,
+                    roomLoading: true,
+                    roomLoadError: null,
+                    viaServers: payload.via_servers,
+                    wasContextSwitch: payload.context_switch,
+                    viewingCall,
+                });
+                // set this room as the room subscription. We need to await for it as this will fetch
+                // all room state for this room, which is required before we get the state below.
+                await this.stores.slidingSyncManager.setRoomVisible(payload.room_id);
+
+                // Re-fire the payload: we won't re-process it because the prev room ID == payload room ID now
+                this.dis.dispatch({
+                    ...payload,
+                });
+                return;
+            }
+
+            const newState: Partial<State> = {
+                roomId: payload.room_id,
+                roomAlias: payload.room_alias ?? null,
+                initialEventId: payload.event_id ?? null,
+                isInitialEventHighlighted: payload.highlighted ?? false,
+                initialEventScrollIntoView: payload.scroll_into_view ?? true,
+                roomLoading: false,
+                roomLoadError: null,
+                // should peek by default
+                shouldPeek: payload.should_peek === undefined ? true : payload.should_peek,
+                // have we sent a join request for this room and are waiting for a response?
+                joining: payload.joining || false,
+                // Reset replyingToEvent because we don't want cross-room because bad UX
+                replyingToEvent: null,
+                viaServers: payload.via_servers ?? [],
+                wasContextSwitch: payload.context_switch ?? false,
+                viewingCall,
+            };
+
+            // Allow being given an event to be replied to when switching rooms but sanity check its for this room
+            if (payload.replyingToEvent?.getRoomId() === payload.room_id) {
+                newState.replyingToEvent = payload.replyingToEvent;
+            } else if (this.state.replyingToEvent?.getRoomId() === payload.room_id) {
+                // if the reply-to matches the desired room, e.g visiting a permalink then maintain replyingToEvent
+                // See https://github.com/vector-im/element-web/issues/21462
+                newState.replyingToEvent = this.state.replyingToEvent;
+            }
+
+            this.setState(newState);
+
+            if (payload.auto_join) {
+                const joinPayload: JoinRoomPayload = {
+                    ...payload,
+                    action: Action.JoinRoom,
+                    roomId: payload.room_id,
+                    metricsTrigger: payload.metricsTrigger as JoinRoomPayload["metricsTrigger"],
+                    canAskToJoin: SettingsStore.getValue("feature_ask_to_join"),
+                };
+                // Explicitly pass viaServers in case state doesn't contain the same due to
+                // some race issues.
+                if (payload.via_servers) {
+                    joinPayload.opts = {
+                        viaServers: payload.via_servers,
+                    };
+                }
+                this.dis.dispatch<JoinRoomPayload>(joinPayload);
+            }
+
+            if (room) {
+                await setMarkedUnreadState(room, MatrixClientPeg.safeGet(), false);
+            }
+        } else if (payload.room_alias) {
+            let roomId: string;
+            let viaServers: string[] | undefined;
+
+            // Try the room alias to room ID navigation cache first to avoid
+            // blocking room navigation on the homeserver.
+            const cachedResult = getCachedRoomIdForAlias(payload.room_alias);
+            if (cachedResult) {
+                roomId = cachedResult.roomId;
+                viaServers = cachedResult.viaServers;
+            } else {
+                // Room alias cache miss, so let's ask the homeserver. Resolve the alias
+                // and then do a second dispatch with the room ID acquired.
+                this.setState({
+                    roomId: null,
+                    initialEventId: null,
+                    initialEventPixelOffset: null,
+                    isInitialEventHighlighted: false,
+                    initialEventScrollIntoView: true,
+                    roomAlias: payload.room_alias,
+                    roomLoading: true,
+                    roomLoadError: null,
+                    viaServers: payload.via_servers,
+                    wasContextSwitch: payload.context_switch,
+                    viewingCall: payload.view_call ?? false,
+                });
+                try {
+                    const result = await MatrixClientPeg.safeGet().getRoomIdForAlias(payload.room_alias);
+                    storeRoomAliasInCache(payload.room_alias, result.room_id, result.servers);
+                    roomId = result.room_id;
+                    viaServers = result.servers;
+                } catch (err) {
+                    logger.error("RVS failed to get room id for alias: ", err);
+                    this.dis.dispatch<ViewRoomErrorPayload>({
+                        action: Action.ViewRoomError,
+                        room_id: null,
+                        room_alias: payload.room_alias,
+                        err: err instanceof MatrixError ? err : undefined,
+                    });
+                    return;
+                }
+            }
+
+            // Re-fire the payload with the newly found room_id
+            this.dis.dispatch({
+                ...payload,
+                room_id: roomId,
+                via_servers: viaServers,
+            });
+        }
+    }
+
+    private viewThread(payload: ThreadPayload): void {
+        this.setState({
+            threadId: payload.thread_id,
+        });
+    }
+
+    private viewRoomError(payload: ViewRoomErrorPayload): void {
+        this.setState({
+            roomId: payload.room_id,
+            roomAlias: payload.room_alias,
+            roomLoading: false,
+            roomLoadError: payload.err,
+        });
+    }
+
+    private async joinRoom(payload: JoinRoomPayload): Promise<void> {
+        this.setState({
+            joining: true,
+        });
+
+        // take a copy of roomAlias, roomId & viaServers as they may change by the time the join is complete
+        const { roomAlias, viaServers = [] } = this.state;
+        // fall back to the payload's roomId explicitly since it is always the room we were asked to join
+        const roomId = this.state.roomId ?? payload.roomId;
+        // prefer the room alias if we have one as it allows joining over federation even with no viaServers
+        const address = roomAlias || roomId;
+
+        if (!address) {
+            logger.error("Cannot join room: no room ID or alias to join", payload);
+            this.dis.dispatch<JoinRoomErrorPayload>({
+                action: Action.JoinRoomError,
+                roomId,
+                err: new UserFriendlyError("room|error_join_unknown", {
+                    cause: new Error("Cannot join room: no room ID or alias to join"),
+                }),
+                canAskToJoin: payload.canAskToJoin,
+            });
+            return;
+        }
+
+        const joinOpts: IJoinRoomOpts = {
+            viaServers,
+            acceptSharedHistory: true,
+            ...payload.opts,
+        };
+        try {
+            const cli = MatrixClientPeg.safeGet();
+            await retry<Room, MatrixError>(
+                () => cli.joinRoom(address, joinOpts),
+                NUM_JOIN_RETRY,
+                (err) => {
+                    // if we received a Gateway timeout or Cloudflare timeout then retry
+                    return err.httpStatus === 504 || err.httpStatus === 524;
+                },
+            );
+
+            // We do *not* clear the 'joining' flag because the Room object and/or our 'joined' member event may not
+            // have come down the sync stream yet, and that's the point at which we'd consider the user joined to the
+            // room.
+            this.dis.dispatch<JoinRoomReadyPayload>({
+                action: Action.JoinRoomReady,
+                roomId,
+                metricsTrigger: payload.metricsTrigger,
+            });
+        } catch (err) {
+            logger.error("Error thrown while handling joinRoom", err);
+            this.dis.dispatch<JoinRoomErrorPayload>({
+                action: Action.JoinRoomError,
+                roomId,
+                err: err instanceof Error ? err : new UserFriendlyError("room|error_join_unknown", { cause: err }),
+                canAskToJoin: payload.canAskToJoin,
+            });
+
+            if (payload.canAskToJoin && err instanceof MatrixError && err.httpStatus === 403) {
+                this.dis.dispatch({ action: Action.PromptAskToJoin });
+            }
+        }
+    }
+
+    private getInvitingUserId(roomId: string): string | undefined {
+        const cli = MatrixClientPeg.safeGet();
+        const room = cli.getRoom(roomId);
+        if (room?.getMyMembership() === KnownMembership.Invite) {
+            const myMember = room.getMember(cli.getSafeUserId());
+            const inviteEvent = myMember ? myMember.events.member : null;
+            return inviteEvent?.getSender();
+        }
+    }
+
+    public showJoinRoomError(err: unknown, roomId: string | null): void {
+        let description: ReactNode = err instanceof Error && err.message ? err.message : JSON.stringify(err);
+        if (err instanceof MatrixError === false) {
+            // This isn't a MatrixError so just show the error verbatim.
+        } else if (err.name === "ConnectionError") {
+            description = _t("room|error_join_connection");
+        } else if (err.errcode === "M_INCOMPATIBLE_ROOM_VERSION") {
+            description = (
+                <div>
+                    {_t("room|error_join_incompatible_version_1")}
+                    <br />
+                    {_t("room|error_join_incompatible_version_2")}
+                </div>
+            );
+        } else if (err.httpStatus === 404) {
+            const invitingUserId = roomId && this.getInvitingUserId(roomId);
+            // provide a better error message for invites
+            if (invitingUserId) {
+                // if the inviting user is on the same HS, there can only be one cause: they left.
+                if (invitingUserId.endsWith(`:${MatrixClientPeg.safeGet().getDomain()}`)) {
+                    description = _t("room|error_join_404_invite_same_hs");
+                } else {
+                    description = _t("room|error_join_404_invite");
+                }
+            }
+            // provide a more detailed error than "No known servers" when attempting to
+            // join using a room ID and no via servers
+            else if (roomId === this.state.roomId && this.state.viaServers.length === 0) {
+                description = (
+                    <div>
+                        {_t("room|error_join_404_1")}
+                        <br />
+                        <br />
+                        {_t("room|error_join_404_2")}
+                    </div>
+                );
+            }
+        }
+        logger.log("Failed to join room:", description);
+
+        Modal.createDialog(ErrorDialog, {
+            title: _t("room|error_join_title"),
+            description,
+        });
+    }
+
+    private joinRoomError(payload: JoinRoomErrorPayload): void {
+        this.setState({
+            joining: false,
+            joinError: payload.err instanceof Error ? payload.err : null,
+        });
+        if (payload.err && !payload.canAskToJoin) {
+            this.showJoinRoomError(payload.err, payload.roomId);
+        }
+    }
+
+    public reset(): void {
+        this.state = Object.assign({}, INITIAL_STATE);
+    }
+
+    /**
+     * Reset which dispatcher should be used to listen for actions. The old dispatcher will be
+     * unregistered.
+     * @param dis The new dispatcher to use.
+     */
+    public resetDispatcher(dis: MatrixDispatcher): void {
+        if (this.dispatchToken) {
+            this.dis.unregister(this.dispatchToken);
+        }
+        this.dis = dis;
+        if (dis) {
+            // Some tests mock the dispatcher file resulting in an empty defaultDispatcher
+            // so rather than dying here, just ignore it. When we no longer mock files like this,
+            // we should remove the null check.
+            this.dispatchToken = this.dis.register(this.onDispatch.bind(this));
+        }
+    }
+
+    // The room ID of the room currently being viewed
+    public getRoomId(): string | null {
+        return this.state.roomId;
+    }
+
+    public getThreadId(): string | null {
+        return this.state.threadId;
+    }
+
+    // The event to scroll to when the room is first viewed
+    public getInitialEventId(): string | null {
+        return this.state.initialEventId;
+    }
+
+    // Whether to highlight the initial event
+    public isInitialEventHighlighted(): boolean {
+        return this.state.isInitialEventHighlighted;
+    }
+
+    // Whether to avoid jumping to the initial event
+    public initialEventScrollIntoView(): boolean {
+        return this.state.initialEventScrollIntoView;
+    }
+
+    // The room alias of the room (or null if not originally specified in view_room)
+    public getRoomAlias(): string | null {
+        return this.state.roomAlias;
+    }
+
+    // Whether the current room is loading (true whilst resolving an alias)
+    public isRoomLoading(): boolean {
+        return this.state.roomLoading;
+    }
+
+    // Any error that has occurred during loading
+    public getRoomLoadError(): MatrixError | null {
+        return this.state.roomLoadError;
+    }
+
+    // True if we're expecting the user to be joined to the room currently being
+    // viewed. Note that this is left true after the join request has finished,
+    // since we should still consider a join to be in progress until the room
+    // & member events come down the sync.
+    //
+    // This flag remains true after the room has been successfully joined,
+    // (this store doesn't listen for the appropriate member events)
+    // so you should always observe the joined state from the member event
+    // if a room object is present.
+    // ie. The correct logic is:
+    // if (room) {
+    //     if (myMember.membership == 'joined') {
+    //         // user is joined to the room
+    //     } else {
+    //         // Not joined
+    //     }
+    // } else {
+    //     if (this.stores.roomViewStore.isJoining()) {
+    //         // show spinner
+    //     } else {
+    //         // show join prompt
+    //     }
+    // }
+    public isJoining(): boolean {
+        return this.state.joining;
+    }
+
+    // Any error that has occurred during joining
+    public getJoinError(): Error | null {
+        return this.state.joinError;
+    }
+
+    // The mxEvent if one is currently being replied to/quoted
+    public getQuotingEvent(): MatrixEvent | null {
+        return this.state.replyingToEvent;
+    }
+
+    public shouldPeek(): boolean {
+        return this.state.shouldPeek;
+    }
+
+    public getWasContextSwitch(): boolean {
+        return this.state.wasContextSwitch;
+    }
+
+    public isViewingCall(): boolean {
+        return this.state.viewingCall;
+    }
+
+    /**
+     * Gets the current state of the 'promptForAskToJoin' property.
+     *
+     * @returns {boolean} The value of the 'promptForAskToJoin' property.
+     */
+    public promptAskToJoin(): boolean {
+        return this.state.promptAskToJoin;
+    }
+
+    /**
+     * Submits a request to join a room by sending a knock request.
+     *
+     * @param {SubmitAskToJoinPayload} payload - The payload containing information to submit the request.
+     * @returns {void}
+     */
+    private submitAskToJoin(payload: SubmitAskToJoinPayload): void {
+        MatrixClientPeg.safeGet()
+            .knockRoom(payload.roomId, { viaServers: this.state.viaServers, ...payload.opts })
+            .catch((err: MatrixError) =>
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("room|error_join_title"),
+                    description: err.httpStatus === 403 ? _t("room|error_join_403") : err.message,
+                }),
+            )
+            .finally(() => this.setState({ promptAskToJoin: false }));
+    }
+
+    /**
+     * Cancels a request to join a room by sending a leave request.
+     *
+     * @param {CancelAskToJoinPayload} payload - The payload containing information to cancel the request.
+     * @returns {void}
+     */
+    private cancelAskToJoin(payload: CancelAskToJoinPayload): void {
+        MatrixClientPeg.safeGet()
+            .leave(payload.roomId)
+            .catch((err: MatrixError) =>
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("room|error_cancel_knock_title"),
+                    description: err.message,
+                }),
+            );
+    }
+
+    /**
+     * Gets the current state of the 'viewRoomOpts' property.
+     *
+     * @returns {ViewRoomOpts} The value of the 'viewRoomOpts' property.
+     */
+    public getViewRoomOpts(): ViewRoomOpts {
+        return this.state.viewRoomOpts;
+    }
+
+    /**
+     * Invokes the view room lifecycle to set the view room options.
+     *
+     * @returns {void}
+     */
+    private setViewRoomOpts(): void {
+        const viewRoomOpts: ViewRoomOpts = { buttons: [] };
+        ModuleRunner.instance.invoke(RoomViewLifecycle.ViewRoom, viewRoomOpts, this.getRoomId());
+        this.setState({ viewRoomOpts });
+    }
+
+    /**
+     * Checks if a room is already displayed in the current active space module.
+     * @param roomId
+     */
+    public isRoomDisplayedInModule(roomId: string): boolean {
+        const currentSpace = this.stores.spaceStore.activeSpace;
+        const cb = ModuleApi.instance.extras.visibleRoomBySpaceKey.get(currentSpace);
+        if (!cb) return false;
+
+        return cb().includes(roomId);
+    }
+}
diff --git a/apps/web/src/stores/SetupEncryptionStore.ts b/apps/web/src/stores/SetupEncryptionStore.ts
new file mode 100644
index 00000000000..5815782d8e4
--- /dev/null
+++ b/apps/web/src/stores/SetupEncryptionStore.ts
@@ -0,0 +1,233 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-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.
+*/
+
+// oxlint-disable-next-line no-restricted-imports
+import EventEmitter from "events";
+import {
+    type KeyBackupInfo,
+    VerificationPhase,
+    type VerificationRequest,
+    VerificationRequestEvent,
+    CryptoEvent,
+} from "matrix-js-sdk/src/crypto-api";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type SecretStorage } from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { AccessCancelledError, accessSecretStorage } from "../SecurityManager";
+import { initialiseDehydrationIfEnabled } from "../utils/device/dehydration";
+import { hasOtherVerifiedDevices } from "../hooks/useHasOtherVerifiedDevices";
+
+export enum Phase {
+    Loading = 0,
+    Intro = 1,
+    Busy = 2,
+    Done = 3, // final done stage, but still showing UX
+    ConfirmSkip = 4,
+    Finished = 5, // UX can be closed
+}
+
+/**
+ * Logic for setting up 4S and/or verifying the user's device: a process requiring
+ * ongoing interaction with the user, as distinct from InitialCryptoSetupStore which
+ * a (usually) non-interactive process that happens immediately after registration.
+ */
+export class SetupEncryptionStore extends EventEmitter {
+    private started?: boolean;
+    public phase?: Phase;
+    public verificationRequest: VerificationRequest | null = null;
+    public backupInfo: KeyBackupInfo | null = null;
+    // ID of the key that the secrets we want are encrypted with
+    public keyId: string | null = null;
+    // Descriptor of the key that the secrets we want are encrypted with
+    public keyInfo: SecretStorage.SecretStorageKeyDescription | null = null;
+    public hasDevicesToVerifyAgainst?: boolean;
+
+    public static sharedInstance(): SetupEncryptionStore {
+        if (!window.mxSetupEncryptionStore) window.mxSetupEncryptionStore = new SetupEncryptionStore();
+        return window.mxSetupEncryptionStore;
+    }
+
+    public start(): void {
+        if (this.started) {
+            return;
+        }
+        this.started = true;
+        this.phase = Phase.Loading;
+
+        const cli = MatrixClientPeg.safeGet();
+        cli.on(CryptoEvent.VerificationRequestReceived, this.onVerificationRequest);
+        cli.on(CryptoEvent.UserTrustStatusChanged, this.onUserTrustStatusChanged);
+
+        const requestsInProgress = cli.getCrypto()!.getVerificationRequestsToDeviceInProgress(cli.getUserId()!);
+        if (requestsInProgress.length) {
+            // If there are multiple, we take the most recent. Equally if the user sends another request from
+            // another device after this screen has been shown, we'll switch to the new one, so this
+            // generally doesn't support multiple requests.
+            this.setActiveVerificationRequest(requestsInProgress[requestsInProgress.length - 1]);
+        }
+
+        this.fetchKeyInfo();
+    }
+
+    public stop(): void {
+        if (!this.started) {
+            return;
+        }
+        this.started = false;
+        this.verificationRequest?.off(VerificationRequestEvent.Change, this.onVerificationRequestChange);
+
+        const cli = MatrixClientPeg.get();
+        if (!!cli) {
+            cli.removeListener(CryptoEvent.VerificationRequestReceived, this.onVerificationRequest);
+            cli.removeListener(CryptoEvent.UserTrustStatusChanged, this.onUserTrustStatusChanged);
+        }
+    }
+
+    public async fetchKeyInfo(): Promise<void> {
+        if (!this.started) return; // bail if we were stopped
+        const cli = MatrixClientPeg.safeGet();
+        const keys = await cli.secretStorage.isStored("m.cross_signing.master");
+        if (keys === null || Object.keys(keys).length === 0) {
+            this.keyId = null;
+            this.keyInfo = null;
+        } else {
+            // If the secret is stored under more than one key, we just pick an arbitrary one
+            this.keyId = Object.keys(keys)[0];
+            this.keyInfo = keys[this.keyId];
+        }
+
+        const ownUserId = cli.getUserId()!;
+        const ownDeviceId = cli.getDeviceId()!;
+        const crypto = cli.getCrypto()!;
+        // do we have any other verified devices which are E2EE which we can verify against?
+        this.hasDevicesToVerifyAgainst = (await hasOtherVerifiedDevices(ownUserId, ownDeviceId, crypto)) === true;
+
+        this.phase = Phase.Intro;
+        this.emit("update");
+    }
+
+    public async usePassPhrase(): Promise<void> {
+        logger.debug("SetupEncryptionStore.usePassphrase");
+        this.phase = Phase.Busy;
+        this.emit("update");
+        try {
+            const cli = MatrixClientPeg.safeGet();
+            const backupInfo = (await cli.getCrypto()?.getKeyBackupInfo()) ?? null;
+            this.backupInfo = backupInfo;
+            this.emit("update");
+
+            await new Promise((resolve: (value?: unknown) => void, reject: (reason?: any) => void) => {
+                accessSecretStorage(async (): Promise<void> => {
+                    // `accessSecretStorage` will call `boostrapCrossSigning` and `bootstrapSecretStorage`, so that
+                    // should be enough to ensure that our device is correctly cross-signed.
+                    //
+                    // The remaining tasks (device dehydration and restoring key backup) may take some time due to
+                    // processing many to-device messages in the case of device dehydration, or having many keys to
+                    // restore in the case of key backups, so we allow the dialog to advance before this.
+                    //
+                    // However, we need to keep the 4S key cached, so we stay inside `accessSecretStorage`.
+                    logger.debug(
+                        "SetupEncryptionStore.usePassphrase: cross-signing and secret storage set up; checking " +
+                            "dehydration and backup in the background",
+                    );
+                    resolve();
+
+                    await initialiseDehydrationIfEnabled(cli);
+
+                    if (backupInfo) {
+                        await cli.getCrypto()?.loadSessionBackupPrivateKeyFromSecretStorage();
+                        await cli.getCrypto()?.restoreKeyBackup();
+                    }
+                }).catch(reject);
+            });
+
+            if (await cli.getCrypto()?.getCrossSigningKeyId()) {
+                logger.debug("SetupEncryptionStore.usePassphrase: done");
+                this.phase = Phase.Done;
+                this.emit("update");
+            }
+        } catch (e) {
+            if (e instanceof AccessCancelledError) {
+                logger.debug("SetupEncryptionStore.usePassphrase: user cancelled access to secret storage");
+            } else {
+                logger.log("SetupEncryptionStore.usePassphrase: error", e);
+            }
+
+            this.phase = Phase.Intro;
+            this.emit("update");
+        }
+    }
+
+    private onUserTrustStatusChanged = async (userId: string): Promise<void> => {
+        if (userId !== MatrixClientPeg.safeGet().getSafeUserId()) return;
+        const publicKeysTrusted = await MatrixClientPeg.safeGet().getCrypto()?.getCrossSigningKeyId();
+        if (publicKeysTrusted) {
+            this.phase = Phase.Done;
+            this.emit("update");
+        }
+    };
+
+    public onVerificationRequest = (request: VerificationRequest): void => {
+        this.setActiveVerificationRequest(request);
+    };
+
+    public onVerificationRequestChange = async (): Promise<void> => {
+        if (this.verificationRequest?.phase === VerificationPhase.Cancelled) {
+            this.verificationRequest.off(VerificationRequestEvent.Change, this.onVerificationRequestChange);
+            this.verificationRequest = null;
+            this.emit("update");
+        } else if (this.verificationRequest?.phase === VerificationPhase.Done) {
+            this.verificationRequest.off(VerificationRequestEvent.Change, this.onVerificationRequestChange);
+            this.verificationRequest = null;
+            // At this point, the verification has finished, we just need to wait for
+            // cross signing to be ready to use, so wait for the user trust status to
+            // change (or change to DONE if it's already ready).
+            const publicKeysTrusted = await MatrixClientPeg.safeGet().getCrypto()?.getCrossSigningKeyId();
+            this.phase = publicKeysTrusted ? Phase.Done : Phase.Busy;
+            this.emit("update");
+        }
+    };
+
+    public skip(): void {
+        this.phase = Phase.ConfirmSkip;
+        this.emit("update");
+    }
+
+    public skipConfirm(): void {
+        this.phase = Phase.Finished;
+        this.emit("update");
+    }
+
+    public returnAfterSkip(): void {
+        this.phase = Phase.Intro;
+        this.emit("update");
+    }
+
+    public done(): void {
+        this.phase = Phase.Finished;
+        this.emit("update");
+    }
+
+    private async setActiveVerificationRequest(request: VerificationRequest): Promise<void> {
+        if (!this.started) return; // bail if we were stopped
+        if (request.otherUserId !== MatrixClientPeg.safeGet().getUserId()) return;
+
+        if (this.verificationRequest) {
+            this.verificationRequest.off(VerificationRequestEvent.Change, this.onVerificationRequestChange);
+        }
+        this.verificationRequest = request;
+        await request.accept();
+        request.on(VerificationRequestEvent.Change, this.onVerificationRequestChange);
+        this.emit("update");
+    }
+
+    public lostKeys(): boolean {
+        return !this.hasDevicesToVerifyAgainst && !this.keyInfo;
+    }
+}
diff --git a/apps/web/src/stores/ThreepidInviteStore.ts b/apps/web/src/stores/ThreepidInviteStore.ts
new file mode 100644
index 00000000000..a8a282dc09c
--- /dev/null
+++ b/apps/web/src/stores/ThreepidInviteStore.ts
@@ -0,0 +1,126 @@
+/*
+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.
+*/
+
+// oxlint-disable-next-line no-restricted-imports
+import EventEmitter from "events";
+import { base32 } from "rfc4648";
+import { type RoomType } from "matrix-js-sdk/src/matrix";
+
+// Dev note: the interface is split in two so we don't have to disable the
+// linter across the whole project.
+export interface IThreepidInviteWireFormat {
+    email: string;
+    signurl: string;
+    room_name: string;
+    room_avatar_url: string;
+    inviter_name: string;
+
+    // TODO: Figure out if these are ever populated
+    guest_access_token?: string;
+    guest_user_id?: string;
+}
+
+interface IPersistedThreepidInvite extends IThreepidInviteWireFormat {
+    roomId: string;
+}
+
+export interface IThreepidInvite {
+    id: string; // generated by us
+    roomId: string;
+    toEmail: string;
+    signUrl: string;
+    roomName: string;
+    roomAvatarUrl: string;
+    inviterName: string;
+}
+
+// Any data about the room that would normally come from the homeserver
+// but has been passed out-of-band, eg. the room name and avatar URL
+// from an email invite (a workaround for the fact that we can't
+// get this information from the HS using an email invite).
+export interface IOOBData {
+    name?: string; // The room's name
+    avatarUrl?: string; // The mxc:// avatar URL for the room
+    inviterName?: string; // The display name of the person who invited us to the room
+    room_name?: string; // The name of the room, to be used until we are told better by the server
+    roomType?: RoomType | string; // The type of the room, to be used until we are told better by the server
+}
+
+const STORAGE_PREFIX = "mx_threepid_invite_";
+
+export default class ThreepidInviteStore extends EventEmitter {
+    private static _instance: ThreepidInviteStore;
+
+    public static get instance(): ThreepidInviteStore {
+        if (!ThreepidInviteStore._instance) {
+            ThreepidInviteStore._instance = new ThreepidInviteStore();
+        }
+        return ThreepidInviteStore._instance;
+    }
+
+    public storeInvite(roomId: string, wireInvite: IThreepidInviteWireFormat): IThreepidInvite {
+        const invite: IPersistedThreepidInvite = { roomId, ...wireInvite };
+        const id = this.generateIdOf(invite);
+        localStorage.setItem(`${STORAGE_PREFIX}${id}`, JSON.stringify(invite));
+        return this.translateInvite(invite);
+    }
+
+    public getWireInvites(): IPersistedThreepidInvite[] {
+        const results: IPersistedThreepidInvite[] = [];
+        for (let i = 0; i < localStorage.length; i++) {
+            const keyName = localStorage.key(i);
+            if (!keyName?.startsWith(STORAGE_PREFIX)) continue;
+            try {
+                results.push(JSON.parse(localStorage.getItem(keyName)!) as IPersistedThreepidInvite);
+            } catch (e) {
+                console.warn("Failed to parse 3pid invite", e);
+            }
+        }
+        return results;
+    }
+
+    public getInvites(): IThreepidInvite[] {
+        return this.getWireInvites().map((i) => this.translateInvite(i));
+    }
+
+    // Currently Element can only handle one invite at a time, so handle that
+    public pickBestInvite(): IThreepidInvite {
+        return this.getInvites()[0];
+    }
+
+    public resolveInvite(invite: IThreepidInvite): void {
+        localStorage.removeItem(`${STORAGE_PREFIX}${invite.id}`);
+    }
+
+    private generateIdOf(persisted: IPersistedThreepidInvite): string {
+        // Use a consistent "hash" to form an ID.
+        return base32.stringify(new TextEncoder().encode(JSON.stringify(persisted)));
+    }
+
+    private translateInvite(persisted: IPersistedThreepidInvite): IThreepidInvite {
+        return {
+            id: this.generateIdOf(persisted),
+            roomId: persisted.roomId,
+            toEmail: persisted.email,
+            signUrl: persisted.signurl,
+            roomName: persisted.room_name,
+            roomAvatarUrl: persisted.room_avatar_url,
+            inviterName: persisted.inviter_name,
+        };
+    }
+
+    public translateToWireFormat(invite: IThreepidInvite): IThreepidInviteWireFormat {
+        return {
+            email: invite.toEmail,
+            signurl: invite.signUrl,
+            room_name: invite.roomName,
+            room_avatar_url: invite.roomAvatarUrl,
+            inviter_name: invite.inviterName,
+        };
+    }
+}
diff --git a/apps/web/src/stores/ToastStore.ts b/apps/web/src/stores/ToastStore.ts
new file mode 100644
index 00000000000..04de2983400
--- /dev/null
+++ b/apps/web/src/stores/ToastStore.ts
@@ -0,0 +1,96 @@
+/*
+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.
+*/
+
+// oxlint-disable-next-line no-restricted-imports
+import EventEmitter from "events";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type JSX } from "react";
+
+import type React from "react";
+import { type ComponentClass } from "../@types/common";
+
+export interface IToast<C extends ComponentClass> {
+    key: string;
+    // higher priority number will be shown on top of lower priority
+    priority: number;
+    title?: string;
+    icon?: JSX.Element;
+    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
+}
+
+/**
+ * Holds the active toasts
+ */
+export default class ToastStore extends EventEmitter {
+    private toasts: IToast<any>[] = [];
+
+    public static sharedInstance(): ToastStore {
+        if (!window.mxToastStore) window.mxToastStore = new ToastStore();
+        return window.mxToastStore;
+    }
+
+    public reset(): void {
+        this.toasts = [];
+    }
+
+    /**
+     * Add or replace a toast
+     * If a toast with the same toastKey already exists, the given toast will replace it
+     * Toasts are always added underneath any toasts of the same priority, so existing
+     * toasts stay at the top unless a higher priority one arrives (better to not change the
+     * toast unless necessary).
+     *
+     * @param {object} newToast The new toast
+     */
+    public addOrReplaceToast<C extends ComponentClass>(newToast: IToast<C>): void {
+        const oldIndex = this.toasts.findIndex((t) => t.key === newToast.key);
+        if (oldIndex === -1) {
+            logger.info(`Opening toast with key '${newToast.key}': title '${newToast.title}'`);
+            let newIndex = this.toasts.length;
+            while (newIndex > 0 && this.toasts[newIndex - 1].priority < newToast.priority) --newIndex;
+            this.toasts.splice(newIndex, 0, newToast);
+        } else {
+            logger.info(`Replacing existing toast with key '${newToast.key}': title now '${newToast.title}'`);
+            this.toasts[oldIndex] = newToast;
+        }
+        this.emit("update");
+    }
+
+    public dismissToast(key: string): void {
+        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}'`);
+            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;
+    }
+}
diff --git a/apps/web/src/stores/TypingStore.ts b/apps/web/src/stores/TypingStore.ts
new file mode 100644
index 00000000000..2796cc22932
--- /dev/null
+++ b/apps/web/src/stores/TypingStore.ts
@@ -0,0 +1,104 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 SDKContextClass } from "../contexts/SDKContextClass";
+import SettingsStore from "../settings/SettingsStore";
+import { isLocalRoom } from "../utils/localRoom/isLocalRoom";
+import Timer from "../utils/Timer";
+
+const TYPING_USER_TIMEOUT = 10000;
+const TYPING_SERVER_TIMEOUT = 30000;
+
+/**
+ * Tracks typing state for users.
+ */
+export default class TypingStore {
+    private typingStates: {
+        [roomId: string]: {
+            isTyping: boolean;
+            userTimer: Timer;
+            serverTimer: Timer;
+        };
+    } = {};
+
+    public constructor(private readonly context: SDKContextClass) {
+        this.reset();
+    }
+
+    /**
+     * Clears all cached typing states. Intended to be called when the
+     * MatrixClientPeg client changes.
+     */
+    public reset(): void {
+        this.typingStates = {
+            // "roomId": {
+            //     isTyping: bool,     // Whether the user is typing or not
+            //     userTimer: Timer,   // Local timeout for "user has stopped typing"
+            //     serverTimer: Timer, // Maximum timeout for the typing state
+            // },
+        };
+    }
+
+    /**
+     * Changes the typing status for the MatrixClientPeg user.
+     * @param {string} roomId The room ID to set the typing state in.
+     * @param {boolean} isTyping Whether the user is typing or not.
+     */
+    public setSelfTyping(roomId: string, threadId: string | null, isTyping: boolean): void {
+        // No typing notifications for local rooms
+        if (isLocalRoom(roomId)) return;
+
+        if (!SettingsStore.getValue("sendTypingNotifications")) return;
+        if (SettingsStore.getValue("lowBandwidth")) return;
+        // Disable typing notification for threads for the initial launch
+        // before we figure out a better user experience for them
+        if (threadId) return;
+
+        let currentTyping = this.typingStates[roomId];
+        if ((!isTyping && !currentTyping) || currentTyping?.isTyping === isTyping) {
+            // No change in state, so don't do anything. We'll let the timer run its course.
+            return;
+        }
+
+        if (!currentTyping) {
+            currentTyping = this.typingStates[roomId] = {
+                isTyping: isTyping,
+                serverTimer: new Timer(TYPING_SERVER_TIMEOUT),
+                userTimer: new Timer(TYPING_USER_TIMEOUT),
+            };
+        }
+
+        currentTyping.isTyping = isTyping;
+
+        if (isTyping) {
+            if (!currentTyping.serverTimer.isRunning()) {
+                currentTyping.serverTimer
+                    .restart()
+                    .finished()
+                    .then(() => {
+                        const currentTyping = this.typingStates[roomId];
+                        if (currentTyping) currentTyping.isTyping = false;
+
+                        // The server will (should) time us out on typing, so we don't
+                        // need to advertise a stop of typing.
+                    });
+            } else currentTyping.serverTimer.restart();
+
+            if (!currentTyping.userTimer.isRunning()) {
+                currentTyping.userTimer
+                    .restart()
+                    .finished()
+                    .then(() => {
+                        this.setSelfTyping(roomId, threadId, false);
+                    });
+            } else currentTyping.userTimer.restart();
+        }
+
+        this.context.client?.sendTyping(roomId, isTyping, TYPING_SERVER_TIMEOUT);
+    }
+}
diff --git a/apps/web/src/stores/UIStore.ts b/apps/web/src/stores/UIStore.ts
new file mode 100644
index 00000000000..13b59fee46e
--- /dev/null
+++ b/apps/web/src/stores/UIStore.ts
@@ -0,0 +1,137 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+// oxlint-disable-next-line no-restricted-imports
+import EventEmitter from "events";
+
+export enum UI_EVENTS {
+    Resize = "resize",
+    WidthIncreased = "width-increased",
+    WidthDecreased = "width-decreased",
+}
+
+export default class UIStore extends EventEmitter {
+    private static _instance: UIStore | null = null;
+
+    private resizeObserver: ResizeObserver;
+
+    private uiElementDimensions = new Map<string, DOMRectReadOnly>();
+    private trackedUiElements = new Map<Element, string>();
+    private timeoutId: number = 0;
+
+    public windowWidth: number;
+    public windowHeight: number;
+    /**
+     * Whether the window is currently being resized.
+     */
+    public isWindowBeingResized: boolean = false;
+
+    public constructor() {
+        super();
+
+        // eslint-disable-next-line no-restricted-properties
+        this.windowWidth = window.innerWidth;
+        // eslint-disable-next-line no-restricted-properties
+        this.windowHeight = window.innerHeight;
+
+        this.resizeObserver = new ResizeObserver(this.resizeObserverCallback);
+        this.resizeObserver.observe(document.body);
+    }
+
+    public static get instance(): UIStore {
+        if (!UIStore._instance) {
+            UIStore._instance = new UIStore();
+            window.mxUIStore = UIStore._instance;
+        }
+        return UIStore._instance;
+    }
+
+    public static destroy(): void {
+        if (UIStore._instance) {
+            UIStore._instance.resizeObserver.disconnect();
+            UIStore._instance.removeAllListeners();
+            UIStore._instance = null;
+        }
+    }
+
+    public getElementDimensions(name: string): DOMRectReadOnly | undefined {
+        return this.uiElementDimensions.get(name);
+    }
+
+    public trackElementDimensions(name: string, element: Element): void {
+        this.trackedUiElements.set(element, name);
+        this.resizeObserver.observe(element);
+    }
+
+    public stopTrackingElementDimensions(name: string): void {
+        let trackedElement: Element | undefined;
+        this.trackedUiElements.forEach((trackedElementName, element) => {
+            if (trackedElementName === name) {
+                trackedElement = element;
+            }
+        });
+        if (trackedElement) {
+            this.resizeObserver.unobserve(trackedElement);
+            this.uiElementDimensions.delete(name);
+            this.trackedUiElements.delete(trackedElement);
+        }
+    }
+
+    public isTrackingElementDimensions(name: string): boolean {
+        return this.uiElementDimensions.has(name);
+    }
+
+    private resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {
+        const windowEntry = entries.find((entry) => entry.target === document.body);
+
+        if (windowEntry) {
+            this.setWindowAsBeingResized();
+
+            const currentWidth = windowEntry.contentRect.width;
+            this.emitWidthChangeEvents(currentWidth);
+
+            this.windowWidth = currentWidth;
+            this.windowHeight = windowEntry.contentRect.height;
+        }
+
+        entries.forEach((entry) => {
+            const trackedElementName = this.trackedUiElements.get(entry.target);
+            if (trackedElementName) {
+                this.uiElementDimensions.set(trackedElementName, entry.contentRect);
+                this.emit(trackedElementName, UI_EVENTS.Resize, entry);
+            }
+        });
+
+        this.emit(UI_EVENTS.Resize, entries);
+    };
+
+    /**
+     * Emit any necessary {@link UI_EVENTS.WidthIncreased} or {@link UI_EVENTS.WidthDecreased} events.
+     * @param currentWidth The current width of {@link window}
+     */
+    private emitWidthChangeEvents = (currentWidth: number): void => {
+        if (currentWidth > this.windowWidth) this.emit(UI_EVENTS.WidthIncreased, currentWidth);
+        if (currentWidth < this.windowWidth) this.emit(UI_EVENTS.WidthDecreased, currentWidth);
+    };
+
+    /**
+     * Update {@link UIStore#isWindowBeingResized}.
+     */
+    private setWindowAsBeingResized = (): void => {
+        // Window is being resized, so set to true.
+        this.isWindowBeingResized = true;
+        // Reset any previous timeout.
+        window.clearTimeout(this.timeoutId);
+        // Set to false after a second.
+        // If the window continues to be resized, this method will be called
+        // again and this setTimeout will be cancelled.
+        this.timeoutId = window.setTimeout(() => {
+            this.isWindowBeingResized = false;
+        }, 1000);
+    };
+}
diff --git a/apps/web/src/stores/UserProfilesStore.ts b/apps/web/src/stores/UserProfilesStore.ts
new file mode 100644
index 00000000000..049c3437365
--- /dev/null
+++ b/apps/web/src/stores/UserProfilesStore.ts
@@ -0,0 +1,178 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+import {
+    type IMatrixProfile,
+    type MatrixClient,
+    type MatrixEvent,
+    type RoomMember,
+    RoomMemberEvent,
+} from "matrix-js-sdk/src/matrix";
+
+import { LruCache } from "../utils/LruCache";
+
+const cacheSize = 500;
+
+type StoreProfileValue = IMatrixProfile | undefined | null;
+
+interface GetOptions {
+    /** Whether calling the function shouuld raise an Error. */
+    shouldThrow: boolean;
+}
+
+/**
+ * This store provides cached access to user profiles.
+ * Listens for membership events and invalidates the cache for a profile on update with different profile values.
+ */
+export class UserProfilesStore {
+    private profiles = new LruCache<string, IMatrixProfile | null>(cacheSize);
+    private knownProfiles = new LruCache<string, IMatrixProfile | null>(cacheSize);
+
+    public constructor(private client: MatrixClient) {
+        client.on(RoomMemberEvent.Membership, this.onRoomMembershipEvent);
+    }
+
+    /**
+     * Synchronously get a profile from the store cache.
+     *
+     * @param userId - User Id of the profile to fetch
+     * @returns The profile, if cached by the store.
+     *          Null if the profile does not exist.
+     *          Undefined if the profile is not cached by the store.
+     *          In this case a profile can be fetched from the API via {@link fetchProfile}.
+     */
+    public getProfile(userId: string): StoreProfileValue {
+        return this.profiles.get(userId);
+    }
+
+    /**
+     * Async shortcut function that returns the profile from cache or
+     * or fetches it on cache miss.
+     *
+     * @param userId - User Id of the profile to get or fetch
+     * @returns The profile, if cached by the store or fetched from the API.
+     *          Null if the profile does not exist or an error occurred during fetch.
+     */
+    public async getOrFetchProfile(userId: string, options?: GetOptions): Promise<IMatrixProfile | null> {
+        const cachedProfile = this.profiles.get(userId);
+
+        if (cachedProfile) return cachedProfile;
+
+        return this.fetchProfile(userId, options);
+    }
+
+    /**
+     * Synchronously get a profile from known users from the store cache.
+     * Known user means that at least one shared room with the user exists.
+     *
+     * @param userId - User Id of the profile to fetch
+     * @returns The profile, if cached by the store.
+     *          Null if the profile does not exist.
+     *          Undefined if the profile is not cached by the store.
+     *          In this case a profile can be fetched from the API via {@link fetchOnlyKnownProfile}.
+     */
+    public getOnlyKnownProfile(userId: string): StoreProfileValue {
+        return this.knownProfiles.get(userId);
+    }
+
+    /**
+     * Asynchronousely fetches a profile from the API.
+     * Stores the result in the cache, so that next time {@link getProfile} returns this value.
+     *
+     * @param userId - User Id for which the profile should be fetched for
+     * @returns The profile, if found.
+     *          Null if the profile does not exist or there was an error fetching it.
+     */
+    public async fetchProfile(userId: string, options?: GetOptions): Promise<IMatrixProfile | null> {
+        const profile = await this.fetchProfileFromApi(userId, options);
+        this.profiles.set(userId, profile);
+        return profile;
+    }
+
+    /**
+     * Asynchronousely fetches a profile from a known user from the API.
+     * Known user means that at least one shared room with the user exists.
+     * Stores the result in the cache, so that next time {@link getOnlyKnownProfile} returns this value.
+     *
+     * @param userId - User Id for which the profile should be fetched for
+     * @returns The profile, if found.
+     *          Undefined if the user is unknown.
+     *          Null if the profile does not exist or there was an error fetching it.
+     */
+    public async fetchOnlyKnownProfile(userId: string): Promise<StoreProfileValue> {
+        // Do not look up unknown users. The test for existence in knownProfiles is a performance optimisation.
+        // If the user Id exists in knownProfiles we know them.
+        if (!this.knownProfiles.has(userId) && !this.isUserIdKnown(userId)) return undefined;
+
+        const profile = await this.fetchProfileFromApi(userId);
+        this.knownProfiles.set(userId, profile);
+        return profile;
+    }
+
+    public flush(): void {
+        this.profiles = new LruCache<string, IMatrixProfile | null>(cacheSize);
+        this.knownProfiles = new LruCache<string, IMatrixProfile | null>(cacheSize);
+    }
+
+    /**
+     * Looks up a user profile via API.
+     *
+     * @param userId - User Id for which the profile should be fetched for
+     * @returns The profile information or null on errors
+     */
+    private async fetchProfileFromApi(userId: string, options?: GetOptions): Promise<IMatrixProfile | null> {
+        try {
+            return (await this.client.getProfileInfo(userId)) ?? null;
+        } catch (e) {
+            logger.warn(`Error retrieving profile for userId ${userId}`, e);
+
+            if (options?.shouldThrow) {
+                throw e;
+            }
+        }
+
+        return null;
+    }
+
+    /**
+     * Whether at least one shared room with the userId exists.
+     *
+     * @param userId
+     * @returns true: at least one room shared with user identified by its Id, else false.
+     */
+    private isUserIdKnown(userId: string): boolean {
+        return this.client.getRooms().some((room) => {
+            return !!room.getMember(userId);
+        });
+    }
+
+    /**
+     * Simple cache invalidation if a room membership event is received and
+     * at least one profile value differs from the cached one.
+     */
+    private onRoomMembershipEvent = (event: MatrixEvent, member: RoomMember): void => {
+        const profile = this.profiles.get(member.userId);
+
+        if (
+            profile &&
+            (profile.displayname !== member.rawDisplayName || profile.avatar_url !== member.getMxcAvatarUrl())
+        ) {
+            this.profiles.delete(member.userId);
+        }
+
+        const knownProfile = this.knownProfiles.get(member.userId);
+
+        if (
+            knownProfile &&
+            (knownProfile.displayname !== member.rawDisplayName || knownProfile.avatar_url !== member.getMxcAvatarUrl())
+        ) {
+            this.knownProfiles.delete(member.userId);
+        }
+    };
+}
diff --git a/apps/web/src/stores/VoiceRecordingStore.ts b/apps/web/src/stores/VoiceRecordingStore.ts
new file mode 100644
index 00000000000..5991c689d63
--- /dev/null
+++ b/apps/web/src/stores/VoiceRecordingStore.ts
@@ -0,0 +1,94 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 { type Room, type IEventRelation, RelationType } from "matrix-js-sdk/src/matrix";
+
+import { AsyncStoreWithClient } from "./AsyncStoreWithClient";
+import defaultDispatcher from "../dispatcher/dispatcher";
+import { type ActionPayload } from "../dispatcher/payloads";
+import { createVoiceMessageRecording, type VoiceMessageRecording } from "../audio/VoiceMessageRecording";
+
+const SEPARATOR = "|";
+
+interface IState {
+    [voiceRecordingId: string]: VoiceMessageRecording;
+}
+
+export class VoiceRecordingStore extends AsyncStoreWithClient<IState> {
+    private static internalInstance: VoiceRecordingStore;
+
+    public constructor() {
+        super(defaultDispatcher, {});
+    }
+
+    public static get instance(): VoiceRecordingStore {
+        if (!this.internalInstance) {
+            this.internalInstance = new VoiceRecordingStore();
+            this.internalInstance.start();
+        }
+        return this.internalInstance;
+    }
+
+    protected async onAction(payload: ActionPayload): Promise<void> {
+        // Nothing to do, but we're required to override the function
+        return;
+    }
+
+    public static getVoiceRecordingId(room: Room, relation?: IEventRelation): string {
+        if (relation?.rel_type === "io.element.thread" || relation?.rel_type === RelationType.Thread) {
+            return room.roomId + SEPARATOR + relation.event_id;
+        } else {
+            return room.roomId;
+        }
+    }
+
+    /**
+     * Gets the active recording instance, if any.
+     * @param {string} voiceRecordingId The room ID (with optionally the thread ID if in one) to get the recording in.
+     * @returns {VoiceRecording?} The recording, if any.
+     */
+    public getActiveRecording(voiceRecordingId: string): VoiceMessageRecording | undefined {
+        return this.state[voiceRecordingId];
+    }
+
+    /**
+     * Starts a new recording if one isn't already in progress. Note that this simply
+     * creates a recording instance - whether or not recording is actively in progress
+     * can be seen via the VoiceRecording class.
+     * @param {string} voiceRecordingId The room ID (with optionally the thread ID if in one) to start recording in.
+     * @returns {VoiceRecording} The recording.
+     */
+    public startRecording(voiceRecordingId?: string): VoiceMessageRecording {
+        if (!this.matrixClient) throw new Error("Cannot start a recording without a MatrixClient");
+        if (!voiceRecordingId) throw new Error("Recording must be associated with a room");
+        if (this.state[voiceRecordingId]) throw new Error("A recording is already in progress");
+
+        const recording = createVoiceMessageRecording(this.matrixClient);
+
+        // noinspection JSIgnoredPromiseFromCall - we can safely run this async
+        this.updateState({ ...this.state, [voiceRecordingId]: recording });
+
+        return recording;
+    }
+
+    /**
+     * Disposes of the current recording, no matter the state of it.
+     * @param {string} voiceRecordingId The room ID (with optionally the thread ID if in one) to dispose of the recording in.
+     * @returns {Promise<void>} Resolves when complete.
+     */
+    public disposeRecording(voiceRecordingId: string): Promise<void> {
+        this.state[voiceRecordingId]?.destroy(); // stops internally
+
+        const { [voiceRecordingId]: _toDelete, ...newState } = this.state;
+        // unexpectedly AsyncStore.updateState merges state
+        // AsyncStore.reset actually just *sets*
+        return this.reset(newState);
+    }
+}
+
+window.mxVoiceRecordingStore = VoiceRecordingStore.instance;
diff --git a/apps/web/src/stores/WidgetEchoStore.ts b/apps/web/src/stores/WidgetEchoStore.ts
new file mode 100644
index 00000000000..3ca206930fb
--- /dev/null
+++ b/apps/web/src/stores/WidgetEchoStore.ts
@@ -0,0 +1,112 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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.
+*/
+
+// oxlint-disable-next-line no-restricted-imports
+import EventEmitter from "events";
+import { type IWidget } from "matrix-widget-api";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type WidgetType } from "../widgets/WidgetType";
+
+/**
+ * Acts as a place to get & set widget state, storing local echo state and
+ * proxying through state from the js-sdk.
+ */
+class WidgetEchoStore extends EventEmitter {
+    private roomWidgetEcho: {
+        [roomId: string]: {
+            [widgetId: string]: IWidget;
+        };
+    };
+
+    public constructor() {
+        super();
+
+        this.roomWidgetEcho = {
+            // Map as below. Object is the content of the widget state event,
+            // so for widgets that have been deleted locally, the object is empty.
+            // roomId: {
+            //     widgetId: IWidget
+            // }
+        };
+    }
+
+    /**
+     * Gets the widgets for a room, subtracting those that are pending deletion.
+     * Widgets that are pending addition are not included, since widgets are
+     * represented as MatrixEvents, so to do this we'd have to create fake MatrixEvents,
+     * and we don't really need the actual widget events anyway since we just want to
+     * show a spinner / prevent widgets being added twice.
+     *
+     * @param {string} roomId The ID of the room to get widgets for
+     * @param {MatrixEvent[]} currentRoomWidgets Current widgets for the room
+     * @returns {MatrixEvent[]} List of widgets in the room, minus any pending removal
+     */
+    public getEchoedRoomWidgets(roomId: string, currentRoomWidgets: MatrixEvent[]): MatrixEvent[] {
+        const echoedWidgets: MatrixEvent[] = [];
+
+        const roomEchoState = Object.assign({}, this.roomWidgetEcho[roomId]);
+
+        for (const w of currentRoomWidgets) {
+            const widgetId = w.getStateKey()!;
+            // If there's no echo, or the echo still has a widget present, show the *old* widget
+            // we don't include widgets that have changed for the same reason we don't include new ones,
+            // ie. we'd need to fake matrix events to do so and there's currently no need.
+            if (!roomEchoState[widgetId] || Object.keys(roomEchoState[widgetId]).length !== 0) {
+                echoedWidgets.push(w);
+            }
+            delete roomEchoState[widgetId];
+        }
+
+        return echoedWidgets;
+    }
+
+    public roomHasPendingWidgetsOfType(roomId: string, currentRoomWidgets: MatrixEvent[], type?: WidgetType): boolean {
+        const roomEchoState = Object.assign({}, this.roomWidgetEcho[roomId]);
+
+        // any widget IDs that are already in the room are not pending, so
+        // echoes for them don't count as pending.
+        for (const w of currentRoomWidgets) {
+            const widgetId = w.getStateKey()!;
+            delete roomEchoState[widgetId];
+        }
+
+        // if there's anything left then there are pending widgets.
+        if (type === undefined) {
+            return Object.keys(roomEchoState).length > 0;
+        } else {
+            return Object.values(roomEchoState).some((widget) => {
+                return type.matches(widget.type);
+            });
+        }
+    }
+
+    public roomHasPendingWidgets(roomId: string, currentRoomWidgets: MatrixEvent[]): boolean {
+        return this.roomHasPendingWidgetsOfType(roomId, currentRoomWidgets);
+    }
+
+    public setRoomWidgetEcho(roomId: string, widgetId: string, state: IWidget): void {
+        if (this.roomWidgetEcho[roomId] === undefined) this.roomWidgetEcho[roomId] = {};
+
+        this.roomWidgetEcho[roomId][widgetId] = state;
+        this.emit("update", roomId, widgetId);
+    }
+
+    public removeRoomWidgetEcho(roomId: string, widgetId: string): void {
+        delete this.roomWidgetEcho[roomId][widgetId];
+        if (Object.keys(this.roomWidgetEcho[roomId]).length === 0) delete this.roomWidgetEcho[roomId];
+        this.emit("update", roomId, widgetId);
+    }
+}
+
+let singletonWidgetEchoStore: WidgetEchoStore | null = null;
+if (!singletonWidgetEchoStore) {
+    singletonWidgetEchoStore = new WidgetEchoStore();
+}
+// oxlint-disable-next-line typescript/no-unnecessary-type-assertion
+export default singletonWidgetEchoStore!;
diff --git a/apps/web/src/stores/WidgetStore.ts b/apps/web/src/stores/WidgetStore.ts
new file mode 100644
index 00000000000..b41c101ac67
--- /dev/null
+++ b/apps/web/src/stores/WidgetStore.ts
@@ -0,0 +1,204 @@
+/*
+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 { type Room, RoomStateEvent, type MatrixEvent, ClientEvent, type EmptyObject } from "matrix-js-sdk/src/matrix";
+import { type IWidget } from "matrix-widget-api";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { type ActionPayload } from "../dispatcher/payloads";
+import { AsyncStoreWithClient } from "./AsyncStoreWithClient";
+import defaultDispatcher from "../dispatcher/dispatcher";
+import WidgetEchoStore from "../stores/WidgetEchoStore";
+import ActiveWidgetStore from "../stores/ActiveWidgetStore";
+import WidgetUtils from "../utils/WidgetUtils";
+import { UPDATE_EVENT } from "./AsyncStore";
+import { type IApp } from "../utils/WidgetUtils-types";
+
+export type { IApp };
+
+export function isAppWidget(widget: IWidget | IApp): widget is IApp {
+    return "roomId" in widget && typeof widget.roomId === "string";
+}
+export function isVirtualWidget(widget: IApp): boolean {
+    return widget.eventId === undefined;
+}
+
+interface IRoomWidgets {
+    widgets: IApp[];
+}
+
+// TODO consolidate WidgetEchoStore into this
+// TODO consolidate ActiveWidgetStore into this
+export default class WidgetStore extends AsyncStoreWithClient<EmptyObject> {
+    private static readonly internalInstance = (() => {
+        const instance = new WidgetStore();
+        instance.start();
+        return instance;
+    })();
+
+    private widgetMap = new Map<string, IApp>(); // Key is widget Unique ID (UID)
+    private roomMap = new Map<string, IRoomWidgets>(); // Key is room ID
+
+    private constructor() {
+        super(defaultDispatcher, {});
+
+        WidgetEchoStore.on("update", this.onWidgetEchoStoreUpdate);
+    }
+
+    public static get instance(): WidgetStore {
+        return WidgetStore.internalInstance;
+    }
+
+    private initRoom(roomId: string): void {
+        if (!this.roomMap.has(roomId)) {
+            this.roomMap.set(roomId, {
+                widgets: [],
+            });
+        }
+    }
+
+    protected async onReady(): Promise<any> {
+        if (!this.matrixClient) return;
+        this.matrixClient.on(ClientEvent.Room, this.onRoom);
+        this.matrixClient.on(RoomStateEvent.Events, this.onRoomStateEvents);
+        this.matrixClient.getRooms().forEach((room: Room) => {
+            this.loadRoomWidgets(room);
+        });
+        this.emit(UPDATE_EVENT, null); // emit for all rooms
+    }
+
+    protected async onNotReady(): Promise<any> {
+        if (this.matrixClient) {
+            this.matrixClient.off(ClientEvent.Room, this.onRoom);
+            this.matrixClient.off(RoomStateEvent.Events, this.onRoomStateEvents);
+        }
+        this.widgetMap = new Map();
+        this.roomMap = new Map();
+        await this.reset({});
+    }
+
+    // We don't need this, but our contract says we do.
+    protected async onAction(payload: ActionPayload): Promise<void> {
+        return;
+    }
+
+    private onWidgetEchoStoreUpdate = (roomId: string): void => {
+        this.initRoom(roomId);
+        this.loadRoomWidgets(this.matrixClient?.getRoom(roomId) ?? null);
+        this.emit(UPDATE_EVENT, roomId);
+    };
+
+    private generateApps(room: Room): IApp[] {
+        return WidgetEchoStore.getEchoedRoomWidgets(room.roomId, WidgetUtils.getRoomWidgets(room)).map((ev) => {
+            return WidgetUtils.makeAppConfig(
+                ev.getStateKey()!,
+                ev.getContent(),
+                ev.getSender()!,
+                ev.getRoomId(),
+                ev.getId(),
+            );
+        });
+    }
+
+    private loadRoomWidgets(room: Room | null): void {
+        if (!room) return;
+        const roomInfo = this.roomMap.get(room.roomId) || <IRoomWidgets>{};
+        roomInfo.widgets = [];
+
+        // first clean out old widgets from the map which originate from this room
+        // otherwise we are out of sync with the rest of the app with stale widget events during removal
+        Array.from(this.widgetMap.values()).forEach((app) => {
+            if (app.roomId !== room.roomId) return; // skip - wrong room
+            if (isVirtualWidget(app)) {
+                // virtual widget - keep it
+                roomInfo.widgets.push(app);
+            } else {
+                this.widgetMap.delete(WidgetUtils.getWidgetUid(app));
+            }
+        });
+
+        let edited = false;
+        this.generateApps(room).forEach((app) => {
+            // Sanity check for https://github.com/vector-im/element-web/issues/15705
+            const existingApp = this.widgetMap.get(WidgetUtils.getWidgetUid(app));
+            if (existingApp) {
+                logger.warn(
+                    `Possible widget ID conflict for ${app.id} - wants to store in room ${app.roomId} ` +
+                        `but is currently stored as ${existingApp.roomId} - letting the want win`,
+                );
+            }
+
+            this.widgetMap.set(WidgetUtils.getWidgetUid(app), app);
+            roomInfo.widgets.push(app);
+            edited = true;
+        });
+        if (edited && !this.roomMap.has(room.roomId)) {
+            this.roomMap.set(room.roomId, roomInfo);
+        }
+
+        // If a persistent widget is active, check to see if it's just been removed.
+        // If it has, it needs to destroyed otherwise unmounting the node won't kill it
+        const persistentWidgetId = ActiveWidgetStore.instance.getPersistentWidgetId();
+        if (
+            persistentWidgetId &&
+            ActiveWidgetStore.instance.getPersistentRoomId() === room.roomId &&
+            !roomInfo.widgets.some((w) => w.id === persistentWidgetId)
+        ) {
+            logger.log(`Persistent widget ${persistentWidgetId} removed from room ${room.roomId}: destroying.`);
+            ActiveWidgetStore.instance.destroyPersistentWidget(persistentWidgetId, room.roomId);
+        }
+
+        this.emit(room.roomId);
+    }
+
+    private onRoom = (room: Room): void => {
+        this.initRoom(room.roomId);
+        this.loadRoomWidgets(room);
+        this.emit(UPDATE_EVENT, room.roomId);
+    };
+
+    private onRoomStateEvents = (ev: MatrixEvent): void => {
+        if (ev.getType() !== "im.vector.modular.widgets") return; // TODO: Support m.widget too
+        const roomId = ev.getRoomId()!;
+        this.initRoom(roomId);
+        this.loadRoomWidgets(this.matrixClient?.getRoom(roomId) ?? null);
+        this.emit(UPDATE_EVENT, roomId);
+    };
+
+    public get(widgetId: string, roomId: string | undefined): IApp | undefined {
+        return this.widgetMap.get(WidgetUtils.calcWidgetUid(widgetId, roomId));
+    }
+
+    public getRoom(roomId: string, initIfNeeded = false): IRoomWidgets {
+        if (initIfNeeded) this.initRoom(roomId); // internally handles "if needed"
+        return this.roomMap.get(roomId)!;
+    }
+
+    public getApps(roomId: string): IApp[] {
+        const roomInfo = this.getRoom(roomId);
+        return roomInfo?.widgets || [];
+    }
+
+    public addVirtualWidget(widget: IWidget, roomId: string): IApp {
+        this.initRoom(roomId);
+        const app = WidgetUtils.makeAppConfig(widget.id, widget, widget.creatorUserId, roomId, undefined);
+        this.widgetMap.set(WidgetUtils.getWidgetUid(app), app);
+        this.roomMap.get(roomId)!.widgets.push(app);
+        this.emit(UPDATE_EVENT, roomId);
+        return app;
+    }
+
+    public removeVirtualWidget(widgetId: string, roomId: string): void {
+        this.widgetMap.delete(WidgetUtils.calcWidgetUid(widgetId, roomId));
+        const roomApps = this.roomMap.get(roomId);
+        if (roomApps) {
+            roomApps.widgets = roomApps.widgets.filter((app) => !(app.id === widgetId && app.roomId === roomId));
+        }
+        this.emit(UPDATE_EVENT, roomId);
+    }
+}
diff --git a/apps/web/src/stores/local-echo/EchoChamber.ts b/apps/web/src/stores/local-echo/EchoChamber.ts
new file mode 100644
index 00000000000..553c1a120c8
--- /dev/null
+++ b/apps/web/src/stores/local-echo/EchoChamber.ts
@@ -0,0 +1,23 @@
+/*
+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 { type Room } from "matrix-js-sdk/src/matrix";
+
+import { type RoomEchoChamber } from "./RoomEchoChamber";
+import { EchoStore } from "./EchoStore";
+
+/**
+ * Semantic access to local echo
+ */
+export class EchoChamber {
+    private constructor() {}
+
+    public static forRoom(room: Room): RoomEchoChamber {
+        return EchoStore.instance.getOrCreateChamberForRoom(room);
+    }
+}
diff --git a/apps/web/src/stores/local-echo/EchoContext.ts b/apps/web/src/stores/local-echo/EchoContext.ts
new file mode 100644
index 00000000000..df9abff1581
--- /dev/null
+++ b/apps/web/src/stores/local-echo/EchoContext.ts
@@ -0,0 +1,79 @@
+/*
+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 { EchoTransaction, type RunFn, TransactionStatus } from "./EchoTransaction";
+import { arrayFastClone } from "../../utils/arrays";
+import { type IDestroyable } from "../../utils/IDestroyable";
+import { Whenable } from "../../utils/Whenable";
+
+export enum ContextTransactionState {
+    NotStarted,
+    PendingErrors,
+    AllSuccessful,
+}
+
+export abstract class EchoContext extends Whenable<ContextTransactionState> implements IDestroyable {
+    private _transactions: EchoTransaction[] = [];
+    private _state = ContextTransactionState.NotStarted;
+
+    public get transactions(): EchoTransaction[] {
+        return arrayFastClone(this._transactions);
+    }
+
+    public get state(): ContextTransactionState {
+        return this._state;
+    }
+
+    public get firstFailedTime(): Date | null {
+        const failedTxn = this.transactions.find((t) => t.didPreviouslyFail || t.status === TransactionStatus.Error);
+        if (failedTxn) return failedTxn.startTime;
+        return null;
+    }
+
+    public disownTransaction(txn: EchoTransaction): void {
+        const idx = this._transactions.indexOf(txn);
+        if (idx >= 0) this._transactions.splice(idx, 1);
+        txn.destroy();
+        this.checkTransactions();
+    }
+
+    public beginTransaction(auditName: string, runFn: RunFn): EchoTransaction {
+        const txn = new EchoTransaction(auditName, runFn);
+        this._transactions.push(txn);
+        txn.whenAnything(this.checkTransactions);
+
+        // We have no intent to call the transaction again if it succeeds (in fact, it'll
+        // be really angry at us if we do), so call that the end of the road for the events.
+        txn.when(TransactionStatus.Success, () => txn.destroy());
+
+        return txn;
+    }
+
+    private checkTransactions = (): void => {
+        let status = ContextTransactionState.AllSuccessful;
+        for (const txn of this.transactions) {
+            if (txn.status === TransactionStatus.Error || txn.didPreviouslyFail) {
+                status = ContextTransactionState.PendingErrors;
+                break;
+            } else if (txn.status === TransactionStatus.Pending) {
+                status = ContextTransactionState.NotStarted;
+                // no break as we might hit something which broke
+            }
+        }
+        this._state = status;
+        this.notifyCondition(status);
+    };
+
+    public destroy(): void {
+        for (const txn of this.transactions) {
+            txn.destroy();
+        }
+        this._transactions = [];
+        super.destroy();
+    }
+}
diff --git a/apps/web/src/stores/local-echo/EchoStore.ts b/apps/web/src/stores/local-echo/EchoStore.ts
new file mode 100644
index 00000000000..90a52f6cac1
--- /dev/null
+++ b/apps/web/src/stores/local-echo/EchoStore.ts
@@ -0,0 +1,95 @@
+/*
+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 { type Room } from "matrix-js-sdk/src/matrix";
+
+import { type GenericEchoChamber } from "./GenericEchoChamber";
+import { RoomEchoChamber } from "./RoomEchoChamber";
+import { RoomEchoContext } from "./RoomEchoContext";
+import { AsyncStoreWithClient } from "../AsyncStoreWithClient";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { ContextTransactionState, type EchoContext } from "./EchoContext";
+import NonUrgentToastStore, { type ToastReference } from "../NonUrgentToastStore";
+import NonUrgentEchoFailureToast from "../../components/views/toasts/NonUrgentEchoFailureToast";
+
+interface IState {
+    toastRef: ToastReference;
+}
+
+type ContextKey = string;
+
+const roomContextKey = (room: Room): ContextKey => `room-${room.roomId}`;
+
+export class EchoStore extends AsyncStoreWithClient<IState> {
+    private static _instance: EchoStore;
+
+    private caches = new Map<ContextKey, GenericEchoChamber<any, any, any>>();
+
+    public constructor() {
+        super(defaultDispatcher);
+    }
+
+    public static get instance(): EchoStore {
+        if (!this._instance) {
+            this._instance = new EchoStore();
+            this._instance.start();
+        }
+        return this._instance;
+    }
+
+    public get contexts(): EchoContext[] {
+        return Array.from(this.caches.values()).map((e) => e.context);
+    }
+
+    public getOrCreateChamberForRoom(room: Room): RoomEchoChamber {
+        if (this.caches.has(roomContextKey(room))) {
+            return this.caches.get(roomContextKey(room)) as RoomEchoChamber;
+        }
+
+        const context = new RoomEchoContext(room);
+        context.whenAnything(() => this.checkContexts());
+
+        const echo = new RoomEchoChamber(context);
+        echo.setClient(this.matrixClient);
+        this.caches.set(roomContextKey(room), echo);
+
+        return echo;
+    }
+
+    private async checkContexts(): Promise<void> {
+        let hasOrHadError = false;
+        for (const echo of this.caches.values()) {
+            hasOrHadError = echo.context.state === ContextTransactionState.PendingErrors;
+            if (hasOrHadError) break;
+        }
+
+        if (hasOrHadError && !this.state.toastRef) {
+            const ref = NonUrgentToastStore.instance.addToast(NonUrgentEchoFailureToast);
+            await this.updateState({ toastRef: ref });
+        } else if (!hasOrHadError && this.state.toastRef) {
+            NonUrgentToastStore.instance.removeToast(this.state.toastRef);
+            await this.updateState({ toastRef: null });
+        }
+    }
+
+    protected async onReady(): Promise<any> {
+        if (!this.caches) return; // can only happen during initialization
+        for (const echo of this.caches.values()) {
+            echo.setClient(this.matrixClient);
+        }
+    }
+
+    protected async onNotReady(): Promise<any> {
+        for (const echo of this.caches.values()) {
+            echo.setClient(null);
+        }
+    }
+
+    protected async onAction(payload: ActionPayload): Promise<void> {}
+}
diff --git a/apps/web/src/stores/local-echo/EchoTransaction.ts b/apps/web/src/stores/local-echo/EchoTransaction.ts
new file mode 100644
index 00000000000..421e334ad03
--- /dev/null
+++ b/apps/web/src/stores/local-echo/EchoTransaction.ts
@@ -0,0 +1,64 @@
+/*
+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 { Whenable } from "../../utils/Whenable";
+
+export type RunFn = () => Promise<void>;
+
+export enum TransactionStatus {
+    Pending,
+    Success,
+    Error,
+}
+
+export class EchoTransaction extends Whenable<TransactionStatus> {
+    private _status = TransactionStatus.Pending;
+    private didFail = false;
+
+    public readonly startTime = new Date();
+
+    public constructor(
+        public readonly auditName: string,
+        public runFn: RunFn,
+    ) {
+        super();
+    }
+
+    public get didPreviouslyFail(): boolean {
+        return this.didFail;
+    }
+
+    public get status(): TransactionStatus {
+        return this._status;
+    }
+
+    public run(): void {
+        if (this.status === TransactionStatus.Success) {
+            throw new Error("Cannot re-run a successful echo transaction");
+        }
+        this.setStatus(TransactionStatus.Pending);
+        this.runFn()
+            .then(() => this.setStatus(TransactionStatus.Success))
+            .catch(() => this.setStatus(TransactionStatus.Error));
+    }
+
+    public cancel(): void {
+        // Success basically means "done"
+        this.setStatus(TransactionStatus.Success);
+    }
+
+    private setStatus(status: TransactionStatus): void {
+        this._status = status;
+        if (status === TransactionStatus.Error) {
+            this.didFail = true;
+        } else if (status === TransactionStatus.Success) {
+            this.didFail = false;
+        }
+        this.notifyCondition(status);
+    }
+}
diff --git a/apps/web/src/stores/local-echo/GenericEchoChamber.ts b/apps/web/src/stores/local-echo/GenericEchoChamber.ts
new file mode 100644
index 00000000000..27ae8f241d6
--- /dev/null
+++ b/apps/web/src/stores/local-echo/GenericEchoChamber.ts
@@ -0,0 +1,90 @@
+/*
+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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+// oxlint-disable-next-line no-restricted-imports
+import { EventEmitter } from "events";
+
+import { type EchoContext } from "./EchoContext";
+import { type EchoTransaction, type RunFn, TransactionStatus } from "./EchoTransaction";
+
+export async function implicitlyReverted(): Promise<void> {
+    // do nothing :D
+}
+
+export const PROPERTY_UPDATED = "property_updated";
+
+export abstract class GenericEchoChamber<C extends EchoContext, K, V> extends EventEmitter {
+    private cache = new Map<K, { txn: EchoTransaction; val: V }>();
+    protected matrixClient: MatrixClient | null = null;
+
+    protected constructor(
+        public readonly context: C,
+        private lookupFn: (key: K) => V,
+    ) {
+        super();
+    }
+
+    public setClient(client: MatrixClient | null): void {
+        const oldClient = this.matrixClient;
+        this.matrixClient = client;
+        this.onClientChanged(oldClient, client);
+    }
+
+    protected abstract onClientChanged(oldClient: MatrixClient | null, newClient: MatrixClient | null): void;
+
+    /**
+     * Gets a value. If the key is in flight, the cached value will be returned. If
+     * the key is not in flight then the lookupFn provided to this class will be
+     * called instead.
+     * @param key The key to look up.
+     * @returns The value for the key.
+     */
+    public getValue(key: K): V {
+        return this.cache.has(key) ? this.cache.get(key)!.val : this.lookupFn(key);
+    }
+
+    private cacheVal(key: K, val: V, txn: EchoTransaction): void {
+        this.cache.set(key, { txn, val });
+        this.emit(PROPERTY_UPDATED, key);
+    }
+
+    private decacheKey(key: K): void {
+        if (this.cache.has(key)) {
+            this.context.disownTransaction(this.cache.get(key)!.txn);
+            this.cache.delete(key);
+            this.emit(PROPERTY_UPDATED, key);
+        }
+    }
+
+    protected markEchoReceived(key: K): void {
+        if (this.cache.has(key)) {
+            const txn = this.cache.get(key)!.txn;
+            this.context.disownTransaction(txn);
+            txn.cancel();
+        }
+        this.decacheKey(key);
+    }
+
+    public setValue(auditName: string, key: K, targetVal: V, runFn: RunFn, revertFn: RunFn): void {
+        // Cancel any pending transactions for the same key
+        if (this.cache.has(key)) {
+            this.cache.get(key)!.txn.cancel();
+        }
+
+        const ctxn = this.context.beginTransaction(auditName, runFn);
+        this.cacheVal(key, targetVal, ctxn); // set the cache now as it won't be updated by the .when() ladder below.
+
+        ctxn.when(TransactionStatus.Pending, () => this.cacheVal(key, targetVal, ctxn)).when(
+            TransactionStatus.Error,
+            () => revertFn(),
+        );
+
+        ctxn.run();
+    }
+}
diff --git a/apps/web/src/stores/local-echo/RoomEchoChamber.ts b/apps/web/src/stores/local-echo/RoomEchoChamber.ts
new file mode 100644
index 00000000000..90e1b645f7c
--- /dev/null
+++ b/apps/web/src/stores/local-echo/RoomEchoChamber.ts
@@ -0,0 +1,76 @@
+/*
+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 { type MatrixEvent, ClientEvent, type MatrixClient, EventType } from "matrix-js-sdk/src/matrix";
+
+import { GenericEchoChamber, implicitlyReverted, PROPERTY_UPDATED } from "./GenericEchoChamber";
+import { getRoomNotifsState, type RoomNotifState, setRoomNotifsState } from "../../RoomNotifs";
+import { type RoomEchoContext } from "./RoomEchoContext";
+import { _t } from "../../languageHandler";
+
+export enum CachedRoomKey {
+    NotificationVolume,
+}
+
+export class RoomEchoChamber extends GenericEchoChamber<RoomEchoContext, CachedRoomKey, RoomNotifState | undefined> {
+    private properties = new Map<CachedRoomKey, RoomNotifState>();
+
+    public constructor(context: RoomEchoContext) {
+        super(context, (k) => this.properties.get(k));
+    }
+
+    protected onClientChanged(oldClient: MatrixClient | null, newClient: MatrixClient | null): void {
+        this.properties.clear();
+        oldClient?.removeListener(ClientEvent.AccountData, this.onAccountData);
+        if (newClient) {
+            // Register the listeners first
+            newClient.on(ClientEvent.AccountData, this.onAccountData);
+
+            // Then populate the properties map
+            this.updateNotificationVolume();
+        }
+    }
+
+    private onAccountData = (event: MatrixEvent): void => {
+        if (!this.matrixClient) return;
+        if (event.getType() === EventType.PushRules) {
+            const currentVolume = this.properties.get(CachedRoomKey.NotificationVolume);
+            const newVolume = getRoomNotifsState(this.matrixClient, this.context.room.roomId);
+            if (currentVolume !== newVolume) {
+                this.updateNotificationVolume();
+            }
+        }
+    };
+
+    private updateNotificationVolume(): void {
+        const state = this.matrixClient ? getRoomNotifsState(this.matrixClient, this.context.room.roomId) : null;
+        if (state) this.properties.set(CachedRoomKey.NotificationVolume, state);
+        else this.properties.delete(CachedRoomKey.NotificationVolume);
+        this.markEchoReceived(CachedRoomKey.NotificationVolume);
+        this.emit(PROPERTY_UPDATED, CachedRoomKey.NotificationVolume);
+    }
+
+    // ---- helpers below here ----
+
+    public get notificationVolume(): RoomNotifState | undefined {
+        return this.getValue(CachedRoomKey.NotificationVolume);
+    }
+
+    public set notificationVolume(v: RoomNotifState | undefined) {
+        if (v === undefined) return;
+        this.setValue(
+            _t("notifications|error_change_title"),
+            CachedRoomKey.NotificationVolume,
+            v,
+            async (): Promise<void> => {
+                return setRoomNotifsState(this.context.room.client, this.context.room.roomId, v);
+            },
+            implicitlyReverted,
+        );
+    }
+}
diff --git a/apps/web/src/stores/local-echo/RoomEchoContext.ts b/apps/web/src/stores/local-echo/RoomEchoContext.ts
new file mode 100644
index 00000000000..e935024cd46
--- /dev/null
+++ b/apps/web/src/stores/local-echo/RoomEchoContext.ts
@@ -0,0 +1,17 @@
+/*
+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 { type Room } from "matrix-js-sdk/src/matrix";
+
+import { EchoContext } from "./EchoContext";
+
+export class RoomEchoContext extends EchoContext {
+    public constructor(public readonly room: Room) {
+        super();
+    }
+}
diff --git a/apps/web/src/stores/message-preview/MessagePreviewStore.ts b/apps/web/src/stores/message-preview/MessagePreviewStore.ts
new file mode 100644
index 00000000000..0f9b0747578
--- /dev/null
+++ b/apps/web/src/stores/message-preview/MessagePreviewStore.ts
@@ -0,0 +1,254 @@
+/*
+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 {
+    type Room,
+    RelationType,
+    type MatrixEvent,
+    M_POLL_START,
+    RoomEvent,
+    type EmptyObject,
+} from "matrix-js-sdk/src/matrix";
+import { isNullOrUndefined } from "matrix-js-sdk/src/utils";
+
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { AsyncStoreWithClient } from "../AsyncStoreWithClient";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { MessageEventPreview } from "./previews/MessageEventPreview";
+import { PollStartEventPreview } from "./previews/PollStartEventPreview";
+import { type TagID } from "../room-list-v3/skip-list/tag";
+import { LegacyCallInviteEventPreview } from "./previews/LegacyCallInviteEventPreview";
+import { LegacyCallAnswerEventPreview } from "./previews/LegacyCallAnswerEventPreview";
+import { LegacyCallHangupEvent } from "./previews/LegacyCallHangupEvent";
+import { StickerEventPreview } from "./previews/StickerEventPreview";
+import { ReactionEventPreview } from "./previews/ReactionEventPreview";
+import { UPDATE_EVENT } from "../AsyncStore";
+import { type Preview } from "./previews";
+import shouldHideEvent from "../../shouldHideEvent";
+
+// Emitted event for when a room's preview has changed. First argument will the room for which
+// the change happened.
+const ROOM_PREVIEW_CHANGED = "room_preview_changed";
+
+// The maximum number of events we're willing to look back on to get a preview.
+const MAX_EVENTS_BACKWARDS = 50;
+
+// type merging ftw
+type TAG_ANY = "im.vector.any";
+const TAG_ANY: TAG_ANY = "im.vector.any";
+
+export interface MessagePreview {
+    event: MatrixEvent;
+    isThreadReply: boolean;
+    text: string;
+}
+
+const isThreadReply = (event: MatrixEvent): boolean => {
+    // a thread root event cannot be a thread reply
+    if (event.isThreadRoot) return false;
+
+    const thread = event.getThread();
+
+    // it cannot be a thread reply if there is no thread
+    if (!thread) return false;
+
+    const relation = event.getRelation();
+
+    if (
+        !!relation &&
+        relation.rel_type === RelationType.Annotation &&
+        relation.event_id === thread.rootEvent?.getId()
+    ) {
+        // annotations on the thread root are not a thread reply
+        return false;
+    }
+
+    return true;
+};
+
+const mkMessagePreview = (text: string, event: MatrixEvent): MessagePreview => {
+    return {
+        event,
+        text,
+        isThreadReply: isThreadReply(event),
+    };
+};
+
+export class MessagePreviewStore extends AsyncStoreWithClient<EmptyObject> {
+    private static readonly internalInstance = (() => {
+        const instance = new MessagePreviewStore();
+        instance.start();
+        return instance;
+    })();
+
+    /**
+     * @internal Public for test only
+     */
+    public static testInstance(): MessagePreviewStore {
+        return new MessagePreviewStore();
+    }
+
+    // null indicates the preview is empty / irrelevant
+    private previews = new Map<string, Map<TagID | TAG_ANY, MessagePreview | null>>();
+
+    // Previewers keyed by event type
+    private readonly previewers: Record<string, { isState: boolean; previewer: Preview }>;
+
+    private constructor() {
+        super(defaultDispatcher, {});
+        this.previewers = {
+            "m.room.message": { isState: false, previewer: new MessageEventPreview() },
+            "m.call.invite": { isState: false, previewer: new LegacyCallInviteEventPreview() },
+            "m.call.answer": { isState: false, previewer: new LegacyCallAnswerEventPreview() },
+            "m.call.hangup": { isState: false, previewer: new LegacyCallHangupEvent() },
+            "m.sticker": { isState: false, previewer: new StickerEventPreview() },
+            // ReactionEventPreview needs the message preview store, so the previewers are constructed here (passing `this`) rather than at
+            // module scope, where the store singleton would not exist yet (circular dependency).
+            "m.reaction": { isState: false, previewer: new ReactionEventPreview(this) },
+            [M_POLL_START.name]: { isState: false, previewer: new PollStartEventPreview() },
+            [M_POLL_START.altName]: { isState: false, previewer: new PollStartEventPreview() },
+        };
+    }
+
+    public static get instance(): MessagePreviewStore {
+        return MessagePreviewStore.internalInstance;
+    }
+
+    public static getPreviewChangedEventName(room: Room): string {
+        return `${ROOM_PREVIEW_CHANGED}:${room?.roomId}`;
+    }
+
+    /**
+     * Gets the pre-translated preview for a given room
+     * @param room The room to get the preview for.
+     * @param inTagId The tag ID in which the room resides
+     * @returns The preview, or null if none present.
+     */
+    public async getPreviewForRoom(room: Room, inTagId: TagID): Promise<MessagePreview | null> {
+        if (!room) return null; // invalid room, just return nothing
+
+        if (!this.previews.has(room.roomId)) await this.generatePreview(room, inTagId);
+
+        const previews = this.previews.get(room.roomId);
+        if (!previews) return null;
+
+        if (previews.has(inTagId)) {
+            return previews.get(inTagId)!;
+        }
+        return previews.get(TAG_ANY) ?? null;
+    }
+
+    public generatePreviewForEvent(event: MatrixEvent): string {
+        const previewDef = this.previewers[event.getType()];
+        return previewDef?.previewer.getTextFor(event, undefined, true) ?? "";
+    }
+
+    private async generatePreview(room: Room, tagId?: TagID): Promise<void> {
+        const events = [...room.getLiveTimeline().getEvents(), ...room.getPendingEvents()];
+
+        // sort events from oldest to newest
+        events.sort((a: MatrixEvent, b: MatrixEvent) => {
+            return a.getTs() - b.getTs();
+        });
+
+        if (!events) return; // should only happen in tests
+
+        let map = this.previews.get(room.roomId);
+        if (!map) {
+            map = new Map<TagID | TAG_ANY, MessagePreview | null>();
+            this.previews.set(room.roomId, map);
+        }
+
+        // Set the tags so we know what to generate
+        if (!map.has(TAG_ANY)) map.set(TAG_ANY, null);
+        if (tagId && !map.has(tagId)) map.set(tagId, null);
+
+        let changed = false;
+        for (let i = events.length - 1; i >= 0; i--) {
+            if (i === events.length - MAX_EVENTS_BACKWARDS) {
+                // limit reached - clear the preview by breaking out of the loop
+                break;
+            }
+
+            const event = events[i];
+
+            await this.matrixClient?.decryptEventIfNeeded(event);
+            const shouldHide = shouldHideEvent(event);
+            if (shouldHide) continue;
+            const previewDef = this.previewers[event.getType()];
+            if (!previewDef) continue;
+            if (previewDef.isState && isNullOrUndefined(event.getStateKey())) continue;
+
+            const anyPreviewText = previewDef.previewer.getTextFor(event);
+            if (!anyPreviewText) continue; // not previewable for some reason
+
+            changed = changed || anyPreviewText !== map.get(TAG_ANY)?.text;
+            map.set(TAG_ANY, mkMessagePreview(anyPreviewText, event));
+
+            const tagsToGenerate = Array.from(map.keys()).filter((t) => t !== TAG_ANY); // we did the any tag above
+            for (const genTagId of tagsToGenerate) {
+                const realTagId = genTagId === TAG_ANY ? undefined : genTagId;
+                const preview = previewDef.previewer.getTextFor(event, realTagId);
+
+                if (preview === anyPreviewText) {
+                    changed = changed || anyPreviewText !== map.get(genTagId)?.text;
+                    map.delete(genTagId);
+                } else {
+                    changed = changed || preview !== map.get(genTagId)?.text;
+                    map.set(genTagId, preview ? mkMessagePreview(anyPreviewText, event) : null);
+                }
+            }
+
+            if (changed) {
+                // We've muted the underlying Map, so just emit that we've changed.
+                this.previews.set(room.roomId, map);
+                this.emit(UPDATE_EVENT, this);
+                this.emit(MessagePreviewStore.getPreviewChangedEventName(room), room);
+            }
+            return; // we're done
+        }
+
+        // At this point, we didn't generate a preview so clear it
+        this.previews.set(room.roomId, new Map<TagID | TAG_ANY, MessagePreview | null>());
+        this.emit(UPDATE_EVENT, this);
+        this.emit(MessagePreviewStore.getPreviewChangedEventName(room), room);
+    }
+
+    protected async onAction(payload: ActionPayload): Promise<void> {
+        if (!this.matrixClient) return;
+
+        if (payload.action === "MatrixActions.Room.timeline" || payload.action === "MatrixActions.Event.decrypted") {
+            const event = payload.event; // TODO: Type out the dispatcher
+            const roomId = event.getRoomId();
+            const isHistoricalEvent = payload.hasOwnProperty("isLiveEvent") && !payload.isLiveEvent;
+
+            if (!roomId || !this.previews.has(roomId) || isHistoricalEvent) return;
+
+            const room = this.matrixClient.getRoom(roomId);
+
+            if (!room) return;
+
+            await this.generatePreview(room, TAG_ANY);
+        }
+    }
+
+    protected async onReady(): Promise<void> {
+        if (!this.matrixClient) return;
+        this.matrixClient.on(RoomEvent.LocalEchoUpdated, this.onLocalEchoUpdated);
+    }
+
+    protected async onNotReady(): Promise<void> {
+        if (!this.matrixClient) return;
+        this.matrixClient.off(RoomEvent.LocalEchoUpdated, this.onLocalEchoUpdated);
+    }
+
+    protected onLocalEchoUpdated = async (ev: MatrixEvent, room: Room): Promise<void> => {
+        if (!this.previews.has(room.roomId)) return;
+        await this.generatePreview(room, TAG_ANY);
+    };
+}
diff --git a/apps/web/src/stores/message-preview/index.ts b/apps/web/src/stores/message-preview/index.ts
new file mode 100644
index 00000000000..abb8d3e7606
--- /dev/null
+++ b/apps/web/src/stores/message-preview/index.ts
@@ -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 {
+    /** @knipignore - exported for tests */
+    type MessagePreview,
+    MessagePreviewStore,
+} from "./MessagePreviewStore";
diff --git a/apps/web/src/stores/message-preview/previews/LegacyCallAnswerEventPreview.ts b/apps/web/src/stores/message-preview/previews/LegacyCallAnswerEventPreview.ts
new file mode 100644
index 00000000000..aec8f71a203
--- /dev/null
+++ b/apps/web/src/stores/message-preview/previews/LegacyCallAnswerEventPreview.ts
@@ -0,0 +1,28 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type Preview } from "./Preview";
+import { type TagID } from "../../room-list-v3/skip-list/tag";
+import { getSenderName, isSelf, shouldPrefixMessagesIn } from "./utils";
+import { _t } from "../../../languageHandler";
+
+export class LegacyCallAnswerEventPreview implements Preview {
+    public getTextFor(event: MatrixEvent, tagId?: TagID): string {
+        if (shouldPrefixMessagesIn(event.getRoomId()!, tagId)) {
+            if (isSelf(event)) {
+                return _t("event_preview|m.call.answer|you");
+            } else {
+                return _t("event_preview|m.call.answer|user", { senderName: getSenderName(event) });
+            }
+        } else {
+            return _t("event_preview|m.call.answer|dm");
+        }
+    }
+}
diff --git a/apps/web/src/stores/message-preview/previews/LegacyCallHangupEvent.ts b/apps/web/src/stores/message-preview/previews/LegacyCallHangupEvent.ts
new file mode 100644
index 00000000000..9f82ad32bb5
--- /dev/null
+++ b/apps/web/src/stores/message-preview/previews/LegacyCallHangupEvent.ts
@@ -0,0 +1,28 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type Preview } from "./Preview";
+import { type TagID } from "../../room-list-v3/skip-list/tag";
+import { getSenderName, isSelf, shouldPrefixMessagesIn } from "./utils";
+import { _t } from "../../../languageHandler";
+
+export class LegacyCallHangupEvent implements Preview {
+    public getTextFor(event: MatrixEvent, tagId?: TagID): string {
+        if (shouldPrefixMessagesIn(event.getRoomId()!, tagId)) {
+            if (isSelf(event)) {
+                return _t("event_preview|m.call.hangup|you");
+            } else {
+                return _t("event_preview|m.call.hangup|user", { senderName: getSenderName(event) });
+            }
+        } else {
+            return _t("timeline|m.call.hangup|dm");
+        }
+    }
+}
diff --git a/apps/web/src/stores/message-preview/previews/LegacyCallInviteEventPreview.ts b/apps/web/src/stores/message-preview/previews/LegacyCallInviteEventPreview.ts
new file mode 100644
index 00000000000..e1de9e009e7
--- /dev/null
+++ b/apps/web/src/stores/message-preview/previews/LegacyCallInviteEventPreview.ts
@@ -0,0 +1,32 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type Preview } from "./Preview";
+import { type TagID } from "../../room-list-v3/skip-list/tag";
+import { getSenderName, isSelf, shouldPrefixMessagesIn } from "./utils";
+import { _t } from "../../../languageHandler";
+
+export class LegacyCallInviteEventPreview implements Preview {
+    public getTextFor(event: MatrixEvent, tagId?: TagID): string {
+        if (shouldPrefixMessagesIn(event.getRoomId()!, tagId)) {
+            if (isSelf(event)) {
+                return _t("event_preview|m.call.invite|you");
+            } else {
+                return _t("event_preview|m.call.invite|user", { senderName: getSenderName(event) });
+            }
+        } else {
+            if (isSelf(event)) {
+                return _t("event_preview|m.call.invite|dm_send");
+            } else {
+                return _t("event_preview|m.call.invite|dm_receive", { senderName: getSenderName(event) });
+            }
+        }
+    }
+}
diff --git a/apps/web/src/stores/message-preview/previews/MessageEventPreview.ts b/apps/web/src/stores/message-preview/previews/MessageEventPreview.ts
new file mode 100644
index 00000000000..41de5f0b1af
--- /dev/null
+++ b/apps/web/src/stores/message-preview/previews/MessageEventPreview.ts
@@ -0,0 +1,70 @@
+/*
+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 { type MatrixEvent, MsgType, RelationType } from "matrix-js-sdk/src/matrix";
+
+import { type Preview } from "./Preview";
+import { type TagID } from "../../room-list-v3/skip-list/tag";
+import { _t, sanitizeForTranslation } from "../../../languageHandler";
+import { getSenderName, isSelf, shouldPrefixMessagesIn } from "./utils";
+import { getHtmlText } from "../../../HtmlUtils";
+import { stripHTMLReply, stripPlainReply } from "../../../utils/Reply";
+
+export class MessageEventPreview implements Preview {
+    public getTextFor(event: MatrixEvent, tagId?: TagID, isThread?: boolean): string | null {
+        let eventContent = event.getContent();
+
+        if (event.isRelation(RelationType.Replace)) {
+            // It's an edit, generate the preview on the new text
+            eventContent = event.getContent()["m.new_content"];
+        }
+
+        if (!eventContent?.["body"]) return null; // invalid for our purposes
+
+        let body = eventContent["body"].trim();
+        if (!body) return null; // invalid event, no preview
+        // A msgtype is actually required in the spec but the app is a bit softer on this requirement
+        const msgtype = eventContent["msgtype"] ?? MsgType.Text;
+
+        const hasHtml = eventContent.format === "org.matrix.custom.html" && eventContent.formatted_body;
+        if (hasHtml) {
+            body = eventContent.formatted_body;
+        }
+
+        // XXX: Newer relations have a getRelation() function which is not compatible with replies.
+        if (event.getWireContent()["m.relates_to"]?.["m.in_reply_to"]) {
+            // If this is a reply, get the real reply and use that
+            if (hasHtml) {
+                body = (stripHTMLReply(body) || "").trim();
+            } else {
+                body = (stripPlainReply(body) || "").trim();
+            }
+            if (!body) return null; // invalid event, no preview
+        }
+
+        if (hasHtml) {
+            const sanitised = getHtmlText(body.replace(/<br\/?>/gi, "\n")); // replace line breaks before removing them
+            // run it through DOMParser to fixup encoded html entities
+            body = new DOMParser().parseFromString(sanitised, "text/html").documentElement.textContent;
+        }
+
+        body = sanitizeForTranslation(body);
+
+        if (msgtype === MsgType.Emote) {
+            return _t("event_preview|m.emote", { senderName: getSenderName(event), emote: body });
+        }
+
+        const roomId = event.getRoomId();
+
+        if (isThread || isSelf(event) || (roomId && !shouldPrefixMessagesIn(roomId, tagId))) {
+            return body;
+        } else {
+            return _t("event_preview|m.text", { senderName: getSenderName(event), message: body });
+        }
+    }
+}
diff --git a/apps/web/src/stores/message-preview/previews/PollStartEventPreview.ts b/apps/web/src/stores/message-preview/previews/PollStartEventPreview.ts
new file mode 100644
index 00000000000..bc234aca4ed
--- /dev/null
+++ b/apps/web/src/stores/message-preview/previews/PollStartEventPreview.ts
@@ -0,0 +1,57 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type MatrixEvent, type PollStartEventContent } from "matrix-js-sdk/src/matrix";
+import { InvalidEventError } from "matrix-js-sdk/src/extensible_events_v1/InvalidEventError";
+import { PollStartEvent } from "matrix-js-sdk/src/extensible_events_v1/PollStartEvent";
+
+import { type Preview } from "./Preview";
+import { type TagID } from "../../room-list-v3/skip-list/tag";
+import { _t, sanitizeForTranslation } from "../../../languageHandler";
+import { getSenderName, isSelf, shouldPrefixMessagesIn } from "./utils";
+import MatrixClientContext from "../../../contexts/MatrixClientContext";
+
+export class PollStartEventPreview implements Preview {
+    public static contextType = MatrixClientContext;
+    declare public context: React.ContextType<typeof MatrixClientContext>;
+
+    public getTextFor(event: MatrixEvent, tagId?: TagID, isThread?: boolean): string | null {
+        let eventContent = event.getContent();
+
+        if (event.isRelation("m.replace")) {
+            // It's an edit, generate the preview on the new text
+            eventContent = event.getContent()["m.new_content"];
+        }
+
+        // Check we have the information we need, and bail out if not
+        if (!eventContent) {
+            return null;
+        }
+
+        try {
+            const poll = new PollStartEvent({
+                type: event.getType(),
+                content: eventContent as PollStartEventContent,
+            });
+
+            let question = poll.question.text.trim();
+            question = sanitizeForTranslation(question);
+
+            if (isThread || isSelf(event) || !shouldPrefixMessagesIn(event.getRoomId()!, tagId)) {
+                return question;
+            } else {
+                return _t("event_preview|m.text", { senderName: getSenderName(event), message: question });
+            }
+        } catch (e) {
+            if (e instanceof InvalidEventError) {
+                return null;
+            }
+            throw e; // re-throw unknown errors
+        }
+    }
+}
diff --git a/apps/web/src/stores/message-preview/previews/Preview.ts b/apps/web/src/stores/message-preview/previews/Preview.ts
new file mode 100644
index 00000000000..fb2bba821dd
--- /dev/null
+++ b/apps/web/src/stores/message-preview/previews/Preview.ts
@@ -0,0 +1,25 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type TagID } from "../../room-list-v3/skip-list/tag";
+
+/**
+ * Represents an event preview.
+ */
+export interface Preview {
+    /**
+     * Gets the text which represents the event as a preview.
+     * @param event The event to preview.
+     * @param tagId Optional. The tag where the room the event was sent in resides.
+     * @param isThread Optional. Whether the preview being generated is for a thread summary.
+     * @returns The preview.
+     */
+    getTextFor(event: MatrixEvent, tagId?: TagID, isThread?: boolean): string | null;
+}
diff --git a/apps/web/src/stores/message-preview/previews/ReactionEventPreview.ts b/apps/web/src/stores/message-preview/previews/ReactionEventPreview.ts
new file mode 100644
index 00000000000..f886059a2e0
--- /dev/null
+++ b/apps/web/src/stores/message-preview/previews/ReactionEventPreview.ts
@@ -0,0 +1,50 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type Preview } from "./Preview";
+import { type TagID } from "../../room-list-v3/skip-list/tag";
+import { getSenderName, isSelf } from "./utils";
+import { _t } from "../../../languageHandler";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import type { MessagePreviewStore } from "../MessagePreviewStore";
+
+export class ReactionEventPreview implements Preview {
+    public constructor(private readonly messagePreviewStore: MessagePreviewStore) {}
+
+    public getTextFor(event: MatrixEvent, tagId?: TagID, isThread?: boolean): string | null {
+        const roomId = event.getRoomId();
+        if (!roomId) return null; // not a room event
+
+        const relation = event.getRelation();
+        if (!relation) return null; // invalid reaction (probably redacted)
+
+        const reaction = relation.key;
+        if (!reaction) return null; // invalid reaction (unknown format)
+
+        const cli = MatrixClientPeg.get();
+        const room = cli?.getRoom(roomId);
+        const relatedEvent = relation.event_id ? room?.findEventById(relation.event_id) : null;
+        if (!relatedEvent) return null;
+
+        const message = this.messagePreviewStore.generatePreviewForEvent(relatedEvent);
+        if (isSelf(event)) {
+            return _t("event_preview|m.reaction|you", {
+                reaction,
+                message,
+            });
+        }
+
+        return _t("event_preview|m.reaction|user", {
+            sender: getSenderName(event),
+            reaction,
+            message,
+        });
+    }
+}
diff --git a/apps/web/src/stores/message-preview/previews/StickerEventPreview.ts b/apps/web/src/stores/message-preview/previews/StickerEventPreview.ts
new file mode 100644
index 00000000000..7c7b753e10b
--- /dev/null
+++ b/apps/web/src/stores/message-preview/previews/StickerEventPreview.ts
@@ -0,0 +1,27 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type Preview } from "./Preview";
+import { type TagID } from "../../room-list-v3/skip-list/tag";
+import { getSenderName, isSelf, shouldPrefixMessagesIn } from "./utils";
+import { _t } from "../../../languageHandler";
+
+export class StickerEventPreview implements Preview {
+    public getTextFor(event: MatrixEvent, tagId?: TagID, isThread?: boolean): string | null {
+        const stickerName = event.getContent()["body"];
+        if (!stickerName) return null;
+
+        if (isThread || isSelf(event) || !shouldPrefixMessagesIn(event.getRoomId()!, tagId)) {
+            return stickerName;
+        } else {
+            return _t("event_preview|m.sticker", { senderName: getSenderName(event), stickerName });
+        }
+    }
+}
diff --git a/apps/web/src/stores/message-preview/previews/index.ts b/apps/web/src/stores/message-preview/previews/index.ts
new file mode 100644
index 00000000000..7882838c939
--- /dev/null
+++ b/apps/web/src/stores/message-preview/previews/index.ts
@@ -0,0 +1,14 @@
+/*
+ * 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 * from "./Preview";
+export * from "./LegacyCallAnswerEventPreview";
+export * from "./LegacyCallHangupEvent";
+export * from "./MessageEventPreview";
+export * from "./StickerEventPreview";
+export * from "./PollStartEventPreview";
+export * from "./ReactionEventPreview";
diff --git a/apps/web/src/stores/message-preview/previews/utils.ts b/apps/web/src/stores/message-preview/previews/utils.ts
new file mode 100644
index 00000000000..2928e5e90a1
--- /dev/null
+++ b/apps/web/src/stores/message-preview/previews/utils.ts
@@ -0,0 +1,33 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import { DefaultTagID, type TagID } from "../../room-list-v3/skip-list/tag";
+
+export function isSelf(event: MatrixEvent): boolean {
+    const selfUserId = MatrixClientPeg.safeGet().getSafeUserId();
+    if (event.getType() === "m.room.member") {
+        return event.getStateKey() === selfUserId;
+    }
+    return event.getSender() === selfUserId;
+}
+
+export function shouldPrefixMessagesIn(roomId: string, tagId?: TagID): boolean {
+    if (tagId !== DefaultTagID.DM) return true;
+
+    // We don't prefix anything in 1:1s
+    const room = MatrixClientPeg.safeGet().getRoom(roomId);
+    if (!room) return true;
+    return room.currentState.getJoinedMemberCount() !== 2;
+}
+
+export function getSenderName(event: MatrixEvent): string {
+    return event.sender?.name ?? event.getSender() ?? "";
+}
diff --git a/apps/web/src/stores/notifications/ListNotificationState.ts b/apps/web/src/stores/notifications/ListNotificationState.ts
new file mode 100644
index 00000000000..884b318838c
--- /dev/null
+++ b/apps/web/src/stores/notifications/ListNotificationState.ts
@@ -0,0 +1,95 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-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 { type Room } from "matrix-js-sdk/src/matrix";
+
+import { NotificationLevel } from "./NotificationLevel";
+import { arrayDiff } from "../../utils/arrays";
+import { type RoomNotificationState } from "./RoomNotificationState";
+import { NotificationState, NotificationStateEvents } from "./NotificationState";
+
+export type FetchRoomFn = (room: Room) => RoomNotificationState;
+
+export class ListNotificationState extends NotificationState {
+    private rooms: Room[] = [];
+    private states: { [roomId: string]: RoomNotificationState } = {};
+
+    public constructor(
+        private byTileCount = false,
+        private getRoomFn: FetchRoomFn,
+    ) {
+        super();
+    }
+
+    public get symbol(): string | null {
+        return this._level === NotificationLevel.Unsent ? "!" : null;
+    }
+
+    public setRooms(rooms: Room[]): void {
+        // If we're only concerned about the tile count, don't bother setting up listeners.
+        if (this.byTileCount) {
+            this.rooms = rooms;
+            this.calculateTotalState();
+            return;
+        }
+
+        const oldRooms = this.rooms;
+        const diff = arrayDiff(oldRooms, rooms);
+        this.rooms = [...rooms];
+        for (const oldRoom of diff.removed) {
+            const state = this.states[oldRoom.roomId];
+            if (!state) continue; // We likely just didn't have a badge (race condition)
+            delete this.states[oldRoom.roomId];
+            state.off(NotificationStateEvents.Update, this.onRoomNotificationStateUpdate);
+        }
+        for (const newRoom of diff.added) {
+            const state = this.getRoomFn(newRoom);
+            state.on(NotificationStateEvents.Update, this.onRoomNotificationStateUpdate);
+            this.states[newRoom.roomId] = state;
+        }
+
+        this.calculateTotalState();
+    }
+
+    public getForRoom(room: Room): RoomNotificationState {
+        const state = this.states[room.roomId];
+        if (!state) throw new Error("Unknown room for notification state");
+        return state;
+    }
+
+    public destroy(): void {
+        super.destroy();
+        for (const state of Object.values(this.states)) {
+            state.off(NotificationStateEvents.Update, this.onRoomNotificationStateUpdate);
+        }
+        this.states = {};
+    }
+
+    private onRoomNotificationStateUpdate = (): void => {
+        this.calculateTotalState();
+    };
+
+    private calculateTotalState(): void {
+        const snapshot = this.snapshot();
+
+        if (this.byTileCount) {
+            this._level = NotificationLevel.Highlight;
+            this._count = this.rooms.length;
+        } else {
+            this._count = 0;
+            this._level = NotificationLevel.None;
+            for (const state of Object.values(this.states)) {
+                this._count += state.count;
+                this._level = Math.max(this.level, state.level);
+            }
+        }
+
+        // finally, publish an update if needed
+        this.emitIfUpdated(snapshot);
+    }
+}
diff --git a/apps/web/src/stores/notifications/NotificationLevel.test.ts b/apps/web/src/stores/notifications/NotificationLevel.test.ts
new file mode 100644
index 00000000000..12f28d606cd
--- /dev/null
+++ b/apps/web/src/stores/notifications/NotificationLevel.test.ts
@@ -0,0 +1,25 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import { humanReadableNotificationLevel, NotificationLevel } from "./NotificationLevel";
+
+describe("NotificationLevel", () => {
+    describe("humanReadableNotificationLevel", () => {
+        it.each([
+            [NotificationLevel.None, "None"],
+            [NotificationLevel.Activity, "Activity"],
+            [NotificationLevel.Notification, "Notification"],
+            [NotificationLevel.Highlight, "Highlight"],
+            [NotificationLevel.Unsent, "Unsent"],
+        ])("correctly maps the output", (color, output) => {
+            expect(humanReadableNotificationLevel(color)).toBe(output);
+        });
+    });
+});
diff --git a/apps/web/src/stores/notifications/NotificationLevel.ts b/apps/web/src/stores/notifications/NotificationLevel.ts
new file mode 100644
index 00000000000..8d28e19503f
--- /dev/null
+++ b/apps/web/src/stores/notifications/NotificationLevel.ts
@@ -0,0 +1,37 @@
+/*
+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 { _t } from "../../languageHandler";
+
+export enum NotificationLevel {
+    Muted,
+    // Inverted (None -> Red) because we do integer comparisons on this
+    None, // nothing special
+    // TODO: Remove bold with notifications: https://github.com/vector-im/element-web/issues/14227
+    Activity, // no badge, show as unread
+    Notification, // unread notified messages
+    Highlight, // unread pings
+    Unsent, // some messages failed to send
+}
+
+export function humanReadableNotificationLevel(level: NotificationLevel): string {
+    switch (level) {
+        case NotificationLevel.None:
+            return _t("notifications|level_none");
+        case NotificationLevel.Activity:
+            return _t("notifications|level_activity");
+        case NotificationLevel.Notification:
+            return _t("notifications|level_notification");
+        case NotificationLevel.Highlight:
+            return _t("notifications|level_highlight");
+        case NotificationLevel.Unsent:
+            return _t("notifications|level_unsent");
+        case NotificationLevel.Muted:
+            return _t("notifications|level_muted");
+    }
+}
diff --git a/apps/web/src/stores/notifications/NotificationState.ts b/apps/web/src/stores/notifications/NotificationState.ts
new file mode 100644
index 00000000000..b3f30229a2e
--- /dev/null
+++ b/apps/web/src/stores/notifications/NotificationState.ts
@@ -0,0 +1,171 @@
+/*
+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 { TypedEventEmitter } from "matrix-js-sdk/src/matrix";
+
+import { NotificationLevel } from "./NotificationLevel";
+import { type IDestroyable } from "../../utils/IDestroyable";
+import SettingsStore from "../../settings/SettingsStore";
+
+export interface INotificationStateSnapshotParams {
+    symbol: string | null;
+    count: number;
+    level: NotificationLevel;
+    muted: boolean;
+    knocked: boolean;
+    invited: boolean;
+}
+
+export enum NotificationStateEvents {
+    Update = "update",
+}
+
+type EventHandlerMap = {
+    [NotificationStateEvents.Update]: () => void;
+};
+
+export abstract class NotificationState
+    extends TypedEventEmitter<NotificationStateEvents, EventHandlerMap>
+    implements INotificationStateSnapshotParams, IDestroyable
+{
+    //
+    protected _symbol: string | null = null;
+    protected _count = 0;
+    protected _level: NotificationLevel = NotificationLevel.None;
+    protected _muted = false;
+    protected _knocked = false;
+    protected _invited = false;
+
+    private watcherReferences: string[] = [];
+
+    public constructor() {
+        super();
+        this.watcherReferences.push(
+            SettingsStore.watchSetting("feature_hidebold", null, () => {
+                this.emit(NotificationStateEvents.Update);
+            }),
+        );
+    }
+
+    public get symbol(): string | null {
+        return this._symbol;
+    }
+
+    public get count(): number {
+        return this._count;
+    }
+
+    public get level(): NotificationLevel {
+        return this._level;
+    }
+
+    public get muted(): boolean {
+        return this._muted;
+    }
+
+    public get knocked(): boolean {
+        return this._knocked;
+    }
+
+    /**
+     * True if the notification is an invitation notification.
+     * Invite notifications are a special case of highlight notifications
+     */
+    public get invited(): boolean {
+        return this._invited;
+    }
+
+    public get isIdle(): boolean {
+        return this.level <= NotificationLevel.None;
+    }
+
+    /**
+     * True if the notification is higher than an activity notification or if the feature_hidebold is disabled with an activity notification.
+     * The "unread" term used here is different from the "Unread" in the UI. Unread in the UI doesn't include activity notifications even with feature_hidebold disabled.
+     */
+    public get isUnread(): boolean {
+        if (this.level > NotificationLevel.Activity) {
+            return true;
+        } else {
+            const hideBold = SettingsStore.getValue("feature_hidebold");
+            return this.level === NotificationLevel.Activity && !hideBold;
+        }
+    }
+
+    /**
+     * True if the notification has a count or a symbol and is equal or greater than an NotificationLevel.Notification.
+     */
+    public get hasUnreadCount(): boolean {
+        return this.level >= NotificationLevel.Notification && (!!this.count || !!this.symbol);
+    }
+
+    /**
+     * True if the notification is a mention, an invitation, a knock or a unset message.
+     *
+     * @deprecated because the name is confusing. A mention is not an invitation, a knock or an unsent message.
+     * In case of a {@link RoomNotificationState}, use {@link RoomNotificationState.isMention} instead.
+     */
+    public get hasMentions(): boolean {
+        return this.level >= NotificationLevel.Highlight;
+    }
+
+    protected emitIfUpdated(snapshot: NotificationStateSnapshot): void {
+        if (snapshot.isDifferentFrom(this)) {
+            this.emit(NotificationStateEvents.Update);
+        }
+    }
+
+    protected snapshot(): NotificationStateSnapshot {
+        return new NotificationStateSnapshot(this);
+    }
+
+    public destroy(): void {
+        this.removeAllListeners(NotificationStateEvents.Update);
+        for (const watcherReference of this.watcherReferences) {
+            SettingsStore.unwatchSetting(watcherReference);
+        }
+        this.watcherReferences = [];
+    }
+}
+
+export class NotificationStateSnapshot {
+    private readonly symbol: string | null;
+    private readonly count: number;
+    private readonly level: NotificationLevel;
+    private readonly muted: boolean;
+    private readonly knocked: boolean;
+    private readonly isInvitation: boolean;
+
+    public constructor(state: INotificationStateSnapshotParams) {
+        this.symbol = state.symbol;
+        this.count = state.count;
+        this.level = state.level;
+        this.muted = state.muted;
+        this.knocked = state.knocked;
+        this.isInvitation = state.invited;
+    }
+
+    public isDifferentFrom(other: INotificationStateSnapshotParams): boolean {
+        const before = {
+            count: this.count,
+            symbol: this.symbol,
+            level: this.level,
+            muted: this.muted,
+            knocked: this.knocked,
+            is: this.isInvitation,
+        };
+        const after = {
+            count: other.count,
+            symbol: other.symbol,
+            level: other.level,
+            muted: other.muted,
+            knocked: other.knocked,
+        };
+        return JSON.stringify(before) !== JSON.stringify(after);
+    }
+}
diff --git a/apps/web/src/stores/notifications/RoomNotificationState.test.ts b/apps/web/src/stores/notifications/RoomNotificationState.test.ts
new file mode 100644
index 00000000000..5e5a04d1087
--- /dev/null
+++ b/apps/web/src/stores/notifications/RoomNotificationState.test.ts
@@ -0,0 +1,297 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import {
+    Room,
+    MatrixEventEvent,
+    PendingEventOrdering,
+    EventStatus,
+    NotificationCountType,
+    EventType,
+    MatrixEvent,
+    RoomEvent,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { mkEvent, muteRoom, stubClient } from "test-utils";
+import { createMessageEventContent } from "test-utils/events";
+
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+import { RoomNotificationState } from "./RoomNotificationState";
+import { NotificationStateEvents } from "./NotificationState";
+import { NotificationLevel } from "./NotificationLevel";
+import SettingsStore from "../../settings/SettingsStore";
+import * as UnreadModule from "../../Unread";
+
+describe("RoomNotificationState", () => {
+    let room: Room;
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        client = stubClient();
+        room = new Room("!room:example.com", client, "@user:example.org", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+    });
+
+    afterEach(() => {
+        vi.resetAllMocks();
+    });
+
+    function addThread(room: Room): void {
+        const threadId = "thread_id";
+        vi.spyOn(room, "eventShouldLiveIn").mockReturnValue({
+            shouldLiveInRoom: true,
+            shouldLiveInThread: true,
+            threadId,
+        });
+        const thread = room.createThread(
+            threadId,
+            new MatrixEvent({
+                room_id: room.roomId,
+                event_id: "event_root_1",
+                type: EventType.RoomMessage,
+                sender: "userId",
+                content: createMessageEventContent("RootEvent"),
+            }),
+            [],
+            true,
+        );
+        for (let i = 0; i < 10; i++) {
+            thread.addEvent(
+                new MatrixEvent({
+                    room_id: room.roomId,
+                    event_id: "event_reply_1" + i,
+                    type: EventType.RoomMessage,
+                    sender: "userId",
+                    content: createMessageEventContent("ReplyEvent" + 1),
+                }),
+                false,
+            );
+        }
+    }
+
+    function setUnreads(room: Room, greys: number, reds: number): void {
+        room.setUnreadNotificationCount(NotificationCountType.Highlight, reds);
+        room.setUnreadNotificationCount(NotificationCountType.Total, greys);
+    }
+
+    it("updates on event decryption", () => {
+        const roomNotifState = new RoomNotificationState(room, true);
+        const listener = vi.fn();
+        roomNotifState.addListener(NotificationStateEvents.Update, listener);
+        const testEvent = {
+            getRoomId: () => room.roomId,
+        } as unknown as MatrixEvent;
+        room.getUnreadNotificationCount = vi.fn().mockReturnValue(1);
+        client.emit(MatrixEventEvent.Decrypted, testEvent);
+        expect(listener).toHaveBeenCalled();
+    });
+
+    it("emits an Update event on marked unread room account data", () => {
+        const roomNotifState = new RoomNotificationState(room, true);
+        const listener = vi.fn();
+        roomNotifState.addListener(NotificationStateEvents.Update, listener);
+        const accountDataEvent = {
+            getType: () => "m.marked_unread",
+            getContent: () => {
+                return { unread: true };
+            },
+        } as unknown as MatrixEvent;
+        room.getAccountData = vi.fn().mockReturnValue(accountDataEvent);
+        room.emit(RoomEvent.AccountData, accountDataEvent, room);
+        expect(listener).toHaveBeenCalled();
+    });
+
+    it("does not update on other account data", () => {
+        const roomNotifState = new RoomNotificationState(room, true);
+        const listener = vi.fn();
+        roomNotifState.addListener(NotificationStateEvents.Update, listener);
+        const accountDataEvent = {
+            getType: () => "else.something",
+            getContent: () => {
+                return {};
+            },
+        } as unknown as MatrixEvent;
+        room.getAccountData = vi.fn().mockReturnValue(accountDataEvent);
+        room.emit(RoomEvent.AccountData, accountDataEvent, room);
+        expect(listener).not.toHaveBeenCalled();
+    });
+
+    it("removes listeners", () => {
+        const roomNotifState = new RoomNotificationState(room, false);
+        expect(() => roomNotifState.destroy()).not.toThrow();
+    });
+
+    it("suggests an 'unread' ! if there are unsent messages", () => {
+        const roomNotifState = new RoomNotificationState(room, false);
+
+        const event = mkEvent({
+            event: true,
+            type: "m.message",
+            user: "@user:example.org",
+            content: {},
+        });
+        event.status = EventStatus.NOT_SENT;
+        room.addPendingEvent(event, "txn");
+
+        expect(roomNotifState.level).toBe(NotificationLevel.Unsent);
+        expect(roomNotifState.symbol).toBe("!");
+        expect(roomNotifState.count).toBeGreaterThan(0);
+    });
+
+    it("suggests nothing if the room is muted", () => {
+        const roomNotifState = new RoomNotificationState(room, false);
+
+        muteRoom(room);
+        setUnreads(room, 1234, 0);
+        room.updateMyMembership(KnownMembership.Join); // emit
+
+        expect(roomNotifState.level).toBe(NotificationLevel.None);
+        expect(roomNotifState.symbol).toBe(null);
+        expect(roomNotifState.count).toBe(0);
+    });
+
+    it("suggests a red ! if the user has been invited to a room", () => {
+        const roomNotifState = new RoomNotificationState(room, false);
+
+        room.updateMyMembership(KnownMembership.Invite); // emit
+
+        expect(roomNotifState.level).toBe(NotificationLevel.Highlight);
+        expect(roomNotifState.symbol).toBe("!");
+        expect(roomNotifState.count).toBeGreaterThan(0);
+    });
+
+    it("returns a proper count and color for regular unreads", () => {
+        const roomNotifState = new RoomNotificationState(room, false);
+
+        setUnreads(room, 4321, 0);
+        room.updateMyMembership(KnownMembership.Join); // emit
+
+        expect(roomNotifState.level).toBe(NotificationLevel.Notification);
+        expect(roomNotifState.symbol).toBe(null);
+        expect(roomNotifState.count).toBe(4321);
+    });
+
+    it("returns a proper count and color for highlights", () => {
+        const roomNotifState = new RoomNotificationState(room, false);
+
+        setUnreads(room, 0, 69);
+        room.updateMyMembership(KnownMembership.Join); // emit
+
+        expect(roomNotifState.level).toBe(NotificationLevel.Highlight);
+        expect(roomNotifState.symbol).toBe(null);
+        expect(roomNotifState.count).toBe(69);
+    });
+
+    it("includes threads", async () => {
+        const roomNotifState = new RoomNotificationState(room, true);
+
+        room.timeline.push(
+            new MatrixEvent({
+                room_id: room.roomId,
+                type: EventType.RoomMessage,
+                sender: "userId",
+                content: createMessageEventContent("timeline event"),
+            }),
+        );
+
+        addThread(room);
+        room.updateMyMembership(KnownMembership.Join); // emit
+
+        expect(roomNotifState.level).toBe(NotificationLevel.Activity);
+        expect(roomNotifState.symbol).toBe(null);
+    });
+
+    describe("computed attributes", () => {
+        beforeEach(() => {
+            vi.spyOn(room, "getPendingEvents").mockReturnValue([]);
+            vi.spyOn(UnreadModule, "doesRoomHaveUnreadMessages").mockReturnValue(false);
+        });
+
+        it("should has invited at true", () => {
+            room.updateMyMembership(KnownMembership.Invite);
+            const roomNotifState = new RoomNotificationState(room, false);
+            expect(roomNotifState.invited).toBe(true);
+        });
+
+        it("should has isUnsetMessage at true", () => {
+            vi.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);
+        });
+
+        it("should has isMention at false if the notification is invitation, an unset message or a knock", () => {
+            setUnreads(room, 0, 2);
+
+            const roomNotifState = new RoomNotificationState(room, false);
+            expect(roomNotifState.isMention).toBe(true);
+
+            room.updateMyMembership(KnownMembership.Invite);
+            expect(roomNotifState.isMention).toBe(false);
+
+            vi.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+            room.updateMyMembership(KnownMembership.Knock);
+            expect(roomNotifState.isMention).toBe(false);
+
+            vi.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);
+        });
+
+        it("should has isNotification at true", () => {
+            setUnreads(room, 1, 0);
+
+            const roomNotifState = new RoomNotificationState(room, false);
+            expect(roomNotifState.isNotification).toBe(true);
+        });
+
+        it("should has isActivityNotification at true", () => {
+            vi.spyOn(UnreadModule, "doesRoomHaveUnreadMessages").mockReturnValue(true);
+
+            const roomNotifState = new RoomNotificationState(room, false);
+            expect(roomNotifState.isActivityNotification).toBe(true);
+        });
+
+        it("should has hasAnyNotificationOrActivity at true", () => {
+            // Hidebold is disabled
+            vi.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+            // Unread message, generate activity notification
+            vi.spyOn(UnreadModule, "doesRoomHaveUnreadMessages").mockReturnValue(true);
+            // Highlight notification
+            setUnreads(room, 0, 1);
+
+            // There is one highlight notification
+            const roomNotifState = new RoomNotificationState(room, false);
+            expect(roomNotifState.hasAnyNotificationOrActivity).toBe(true);
+
+            // Activity notification
+            setUnreads(room, 0, 0);
+            // Trigger update
+            room.updateMyMembership(KnownMembership.Join);
+            // hidebold is disabled and we have an activity notification
+            expect(roomNotifState.hasAnyNotificationOrActivity).toBe(true);
+
+            // hidebold is enabled and we have an activity notification
+            vi.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+            room.updateMyMembership(KnownMembership.Join);
+            expect(roomNotifState.hasAnyNotificationOrActivity).toBe(false);
+
+            // No unread
+            vi.spyOn(UnreadModule, "doesRoomHaveUnreadMessages").mockReturnValue(false);
+            room.updateMyMembership(KnownMembership.Join);
+            expect(roomNotifState.hasAnyNotificationOrActivity).toBe(false);
+        });
+    });
+});
diff --git a/apps/web/src/stores/notifications/RoomNotificationState.ts b/apps/web/src/stores/notifications/RoomNotificationState.ts
new file mode 100644
index 00000000000..44a62b13075
--- /dev/null
+++ b/apps/web/src/stores/notifications/RoomNotificationState.ts
@@ -0,0 +1,163 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-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 { MatrixEventEvent, RoomEvent, ClientEvent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import type { Room, MatrixEvent } from "matrix-js-sdk/src/matrix";
+import type { IDestroyable } from "../../utils/IDestroyable";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import { readReceiptChangeIsFor } from "../../utils/read-receipts";
+import * as RoomNotifs from "../../RoomNotifs";
+import { NotificationState } from "./NotificationState";
+import SettingsStore from "../../settings/SettingsStore";
+import { MARKED_UNREAD_TYPE_STABLE, MARKED_UNREAD_TYPE_UNSTABLE } from "../../utils/notifications";
+import { NotificationLevel } from "./NotificationLevel";
+
+export class RoomNotificationState extends NotificationState implements IDestroyable {
+    public constructor(
+        public readonly room: Room,
+        private includeThreads: boolean,
+    ) {
+        super();
+        const cli = this.room.client;
+        this.room.on(RoomEvent.Receipt, this.handleReadReceipt);
+        this.room.on(RoomEvent.MyMembership, this.handleMembershipUpdate);
+        this.room.on(RoomEvent.LocalEchoUpdated, this.handleLocalEchoUpdated);
+        this.room.on(RoomEvent.Timeline, this.handleRoomEventUpdate);
+        this.room.on(RoomEvent.Redaction, this.handleRoomEventUpdate);
+        this.room.on(RoomEvent.AccountData, this.handleRoomAccountDataUpdate);
+
+        this.room.on(RoomEvent.UnreadNotifications, this.handleNotificationCountUpdate); // for server-sent counts
+        cli.on(MatrixEventEvent.Decrypted, this.onEventDecrypted);
+        cli.on(ClientEvent.AccountData, this.handleAccountDataUpdate);
+        this.updateNotificationState();
+    }
+
+    public destroy(): void {
+        super.destroy();
+        const cli = this.room.client;
+        this.room.removeListener(RoomEvent.Receipt, this.handleReadReceipt);
+        this.room.removeListener(RoomEvent.MyMembership, this.handleMembershipUpdate);
+        this.room.removeListener(RoomEvent.LocalEchoUpdated, this.handleLocalEchoUpdated);
+        this.room.removeListener(RoomEvent.Timeline, this.handleRoomEventUpdate);
+        this.room.removeListener(RoomEvent.Redaction, this.handleRoomEventUpdate);
+        this.room.removeListener(RoomEvent.AccountData, this.handleRoomAccountDataUpdate);
+        cli.removeListener(MatrixEventEvent.Decrypted, this.onEventDecrypted);
+        cli.removeListener(ClientEvent.AccountData, this.handleAccountDataUpdate);
+    }
+
+    /**
+     * True if the notification is a mention.
+     */
+    public get isMention(): boolean {
+        if (this.invited || this.knocked) return false;
+
+        return this.level === NotificationLevel.Highlight;
+    }
+
+    /**
+     * True if the notification is an unsent message.
+     */
+    public get isUnsentMessage(): boolean {
+        return this.level === NotificationLevel.Unsent;
+    }
+
+    /**
+     * Activity notifications are the lowest level of notification (except none and muted)
+     */
+    public get isActivityNotification(): boolean {
+        return this.level === NotificationLevel.Activity;
+    }
+
+    /**
+     * This is the case for notifications with a level:
+     * - is a knock
+     * - greater Activity
+     * - equal Activity and feature_hidebold is disabled.
+     */
+    public get hasAnyNotificationOrActivity(): boolean {
+        if (this.knocked) return true;
+
+        // If the feature_hidebold is enabled, we don't want to show activity notifications
+        const hideBold = SettingsStore.getValue("feature_hidebold");
+        if (!hideBold && this.level === NotificationLevel.Activity) return true;
+
+        return this.level >= NotificationLevel.Notification;
+    }
+
+    /**
+     * True if the notification is a NotificationLevel.Notification.
+     */
+    public get isNotification(): boolean {
+        return this.level === NotificationLevel.Notification;
+    }
+
+    private handleLocalEchoUpdated = (): void => {
+        this.updateNotificationState();
+    };
+
+    private handleReadReceipt = (event: MatrixEvent, room: Room): void => {
+        if (!readReceiptChangeIsFor(event, MatrixClientPeg.safeGet())) return; // not our own - ignore
+        if (room.roomId !== this.room.roomId) return; // not for us - ignore
+        this.updateNotificationState();
+    };
+
+    private handleMembershipUpdate = (): void => {
+        this.updateNotificationState();
+    };
+
+    private handleNotificationCountUpdate = (): void => {
+        this.updateNotificationState();
+    };
+
+    private onEventDecrypted = (event: MatrixEvent): void => {
+        if (event.getRoomId() !== this.room.roomId) return; // ignore - not for us or notifications timeline
+
+        this.updateNotificationState();
+    };
+
+    private handleRoomEventUpdate = (event: MatrixEvent): void => {
+        if (event?.getRoomId() !== this.room.roomId) return; // ignore - not for us or notifications timeline
+        this.updateNotificationState();
+    };
+
+    private handleAccountDataUpdate = (ev: MatrixEvent): void => {
+        if (ev.getType() === "m.push_rules") {
+            this.updateNotificationState();
+        }
+    };
+
+    private handleRoomAccountDataUpdate = (ev: MatrixEvent): void => {
+        if ([MARKED_UNREAD_TYPE_STABLE, MARKED_UNREAD_TYPE_UNSTABLE].includes(ev.getType())) {
+            this.updateNotificationState();
+        }
+    };
+
+    private updateNotificationState(): void {
+        const snapshot = this.snapshot();
+        const { level, symbol, count, invited } = RoomNotifs.determineUnreadState(
+            this.room,
+            undefined,
+            this.includeThreads,
+        );
+        const muted =
+            RoomNotifs.getRoomNotifsState(this.room.client, this.room.roomId) === RoomNotifs.RoomNotifState.Mute;
+        const knocked =
+            SettingsStore.getValue("feature_ask_to_join") && this.room.getMyMembership() === KnownMembership.Knock;
+        this._level = level;
+        this._symbol = symbol;
+        this._count = count;
+        this._muted = muted;
+        this._knocked = knocked;
+        this._invited = invited;
+
+        // finally, publish an update if needed
+        this.emitIfUpdated(snapshot);
+    }
+}
diff --git a/apps/web/src/stores/notifications/RoomNotificationStateStore.ts b/apps/web/src/stores/notifications/RoomNotificationStateStore.ts
new file mode 100644
index 00000000000..2ab82cf8ba2
--- /dev/null
+++ b/apps/web/src/stores/notifications/RoomNotificationStateStore.ts
@@ -0,0 +1,153 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-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 { type Room, ClientEvent, SyncState, type EmptyObject } from "matrix-js-sdk/src/matrix";
+
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { AsyncStoreWithClient } from "../AsyncStoreWithClient";
+import defaultDispatcher, { type MatrixDispatcher } from "../../dispatcher/dispatcher";
+import { DefaultTagID, type TagID } from "../room-list-v3/skip-list/tag";
+import { type FetchRoomFn, ListNotificationState } from "./ListNotificationState";
+import { RoomNotificationState } from "./RoomNotificationState";
+import { SummarizedNotificationState } from "./SummarizedNotificationState";
+import { isRoomVisible } from "../room-list-v3/isRoomVisible";
+import { PosthogAnalytics } from "../../PosthogAnalytics";
+import SettingsStore from "../../settings/SettingsStore";
+
+export const UPDATE_STATUS_INDICATOR = Symbol("update-status-indicator");
+
+export class RoomNotificationStateStore extends AsyncStoreWithClient<EmptyObject> {
+    private static readonly internalInstance = (() => {
+        const instance = new RoomNotificationStateStore();
+        instance.start();
+        return instance;
+    })();
+    private roomMap = new Map<Room, RoomNotificationState>();
+
+    private listMap = new Map<TagID, ListNotificationState>();
+    private _globalState = new SummarizedNotificationState();
+
+    private constructor(dispatcher = defaultDispatcher) {
+        super(dispatcher, {});
+        SettingsStore.watchSetting("feature_dynamic_room_predecessors", null, () => {
+            // We pass SyncState.Syncing here to "simulate" a sync happening.
+            // The code that receives these events actually doesn't care
+            // what state we pass, except that it behaves differently if we
+            // pass SyncState.Error.
+            this.emitUpdateIfStateChanged(SyncState.Syncing, false);
+        });
+    }
+
+    /**
+     * @internal Public for test only
+     */
+    public static testInstance(dispatcher: MatrixDispatcher): RoomNotificationStateStore {
+        return new RoomNotificationStateStore();
+    }
+
+    /**
+     * Gets a snapshot of notification state for all visible rooms. The number of states recorded
+     * on the SummarizedNotificationState is equivalent to rooms.
+     */
+    public get globalState(): SummarizedNotificationState {
+        return this._globalState;
+    }
+
+    /**
+     * Gets an instance of the list state class for the given tag.
+     * @param tagId The tag to get the notification state for.
+     * @returns The notification state for the tag.
+     */
+    public getListState(tagId: TagID): ListNotificationState {
+        if (this.listMap.has(tagId)) {
+            return this.listMap.get(tagId)!;
+        }
+
+        // TODO: Update if/when invites move out of the room list.
+        const useTileCount = tagId === DefaultTagID.Invite;
+        const getRoomFn: FetchRoomFn = (room: Room) => {
+            return this.getRoomState(room);
+        };
+        const state = new ListNotificationState(useTileCount, getRoomFn);
+        this.listMap.set(tagId, state);
+        return state;
+    }
+
+    /**
+     * Gets a copy of the notification state for a room. The consumer should not
+     * attempt to destroy the returned state as it may be shared with other
+     * consumers.
+     * @param room The room to get the notification state for.
+     * @returns The room's notification state.
+     */
+    public getRoomState(room: Room): RoomNotificationState {
+        if (!this.roomMap.has(room)) {
+            this.roomMap.set(room, new RoomNotificationState(room, false));
+        }
+        return this.roomMap.get(room)!;
+    }
+
+    public static get instance(): RoomNotificationStateStore {
+        return RoomNotificationStateStore.internalInstance;
+    }
+
+    private onSync = (state: SyncState, prevState: SyncState | null): void => {
+        this.emitUpdateIfStateChanged(state, state !== prevState);
+    };
+
+    /**
+     * If the SummarizedNotificationState of this room has changed, or forceEmit
+     * is true, emit an UPDATE_STATUS_INDICATOR event.
+     *
+     * @internal public for test
+     */
+    public emitUpdateIfStateChanged = (state: SyncState, forceEmit: boolean): void => {
+        if (!this.matrixClient) return;
+        // Only count visible rooms to not torment the user with notification counts in rooms they can't see.
+        // This will include highlights from the previous version of the room internally
+        const msc3946ProcessDynamicPredecessor = SettingsStore.getValue("feature_dynamic_room_predecessors");
+        const globalState = new SummarizedNotificationState();
+        const visibleRooms = this.matrixClient.getVisibleRooms(msc3946ProcessDynamicPredecessor);
+
+        let numFavourites = 0;
+        for (const room of visibleRooms) {
+            if (isRoomVisible(room)) {
+                globalState.add(this.getRoomState(room));
+
+                if (room.tags[DefaultTagID.Favourite] && !room.getType()) numFavourites++;
+            }
+        }
+
+        PosthogAnalytics.instance.setProperty("numFavouriteRooms", numFavourites);
+
+        if (
+            this.globalState.symbol !== globalState.symbol ||
+            this.globalState.count !== globalState.count ||
+            this.globalState.level !== globalState.level ||
+            this.globalState.numUnreadStates !== globalState.numUnreadStates ||
+            forceEmit
+        ) {
+            this._globalState = globalState;
+            this.emit(UPDATE_STATUS_INDICATOR, globalState, state);
+        }
+    };
+
+    protected async onReady(): Promise<void> {
+        this.matrixClient?.on(ClientEvent.Sync, this.onSync);
+    }
+
+    protected async onNotReady(): Promise<any> {
+        this.matrixClient?.off(ClientEvent.Sync, this.onSync);
+        for (const roomState of this.roomMap.values()) {
+            roomState.destroy();
+        }
+    }
+
+    // We don't need this, but our contract says we do.
+    protected async onAction(payload: ActionPayload): Promise<void> {}
+}
diff --git a/apps/web/src/stores/notifications/SpaceNotificationState.ts b/apps/web/src/stores/notifications/SpaceNotificationState.ts
new file mode 100644
index 00000000000..860b447ee73
--- /dev/null
+++ b/apps/web/src/stores/notifications/SpaceNotificationState.ts
@@ -0,0 +1,90 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 { throttle } from "lodash";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import { NotificationLevel } from "./NotificationLevel";
+import { arrayDiff } from "../../utils/arrays";
+import { type RoomNotificationState } from "./RoomNotificationState";
+import { NotificationState, NotificationStateEvents } from "./NotificationState";
+import { DefaultTagID } from "../room-list-v3/skip-list/tag";
+import { RoomNotificationStateStore } from "./RoomNotificationStateStore";
+import { getTagsForRoom } from "../../utils/room/getTagsForRoom";
+
+export class SpaceNotificationState extends NotificationState {
+    public rooms: Room[] = []; // exposed only for tests
+    private states: { [spaceId: string]: RoomNotificationState } = {};
+
+    public constructor() {
+        super();
+    }
+
+    public get symbol(): string | null {
+        return this._level === NotificationLevel.Unsent ? "!" : null;
+    }
+
+    public setRooms(rooms: Room[]): void {
+        const oldRooms = this.rooms;
+        const diff = arrayDiff(oldRooms, rooms);
+        this.rooms = rooms;
+        for (const oldRoom of diff.removed) {
+            const state = this.states[oldRoom.roomId];
+            if (!state) continue; // We likely just didn't have a badge (race condition)
+            delete this.states[oldRoom.roomId];
+            state.off(NotificationStateEvents.Update, this.onRoomNotificationStateUpdate);
+        }
+        for (const newRoom of diff.added) {
+            const state = RoomNotificationStateStore.instance.getRoomState(newRoom);
+            state.on(NotificationStateEvents.Update, this.onRoomNotificationStateUpdate);
+            this.states[newRoom.roomId] = state;
+        }
+
+        this.calculateTotalState();
+    }
+
+    public getFirstRoomWithNotifications(): string | undefined {
+        return Object.values(this.states).find((state) => state.level >= this.level)?.room.roomId;
+    }
+
+    public destroy(): void {
+        super.destroy();
+        for (const state of Object.values(this.states)) {
+            state.off(NotificationStateEvents.Update, this.onRoomNotificationStateUpdate);
+        }
+        this.states = {};
+    }
+
+    private onRoomNotificationStateUpdate = (): void => {
+        this.calculateTotalState();
+    };
+
+    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 ? 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;
+
+                this._count += state.count;
+                this._level = Math.max(this.level, state.level);
+            }
+
+            // finally, publish an update if needed
+            this.emitIfUpdated(snapshot);
+        },
+        100,
+        { leading: false, trailing: true },
+    );
+}
diff --git a/apps/web/src/stores/notifications/StaticNotificationState.ts b/apps/web/src/stores/notifications/StaticNotificationState.ts
new file mode 100644
index 00000000000..293c6f45e33
--- /dev/null
+++ b/apps/web/src/stores/notifications/StaticNotificationState.ts
@@ -0,0 +1,29 @@
+/*
+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 { NotificationLevel } from "./NotificationLevel";
+import { NotificationState } from "./NotificationState";
+
+export class StaticNotificationState extends NotificationState {
+    public static readonly RED_EXCLAMATION = StaticNotificationState.forSymbol("!", NotificationLevel.Highlight);
+
+    public constructor(symbol: string | null, count: number, level: NotificationLevel) {
+        super();
+        this._symbol = symbol;
+        this._count = count;
+        this._level = level;
+    }
+
+    public static forCount(count: number, level: NotificationLevel): StaticNotificationState {
+        return new StaticNotificationState(null, count, level);
+    }
+
+    public static forSymbol(symbol: string, level: NotificationLevel): StaticNotificationState {
+        return new StaticNotificationState(symbol, 0, level);
+    }
+}
diff --git a/apps/web/src/stores/notifications/SummarizedNotificationState.ts b/apps/web/src/stores/notifications/SummarizedNotificationState.ts
new file mode 100644
index 00000000000..0d223834e6e
--- /dev/null
+++ b/apps/web/src/stores/notifications/SummarizedNotificationState.ts
@@ -0,0 +1,54 @@
+/*
+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 { NotificationLevel } from "./NotificationLevel";
+import { NotificationState } from "./NotificationState";
+
+/**
+ * Summarizes a number of states into a unique snapshot. To populate, call
+ * the add() function with the notification states to be included.
+ *
+ * Useful for community notification counts, global notification counts, etc.
+ */
+export class SummarizedNotificationState extends NotificationState {
+    private totalStatesWithUnread = 0;
+
+    public constructor() {
+        super();
+        this._symbol = null;
+        this._count = 0;
+        this._level = NotificationLevel.None;
+    }
+
+    public get numUnreadStates(): number {
+        return this.totalStatesWithUnread;
+    }
+
+    /**
+     * Append a notification state to this snapshot, taking the loudest NotificationColor
+     * of the two. By default this will not adopt the symbol of the other notification
+     * state to prevent the count from being lost in typical usage.
+     * @param other The other notification state to append.
+     * @param includeSymbol If true, the notification state's symbol will be taken if one
+     * is present.
+     */
+    public add(other: NotificationState, includeSymbol = false): void {
+        if (other.symbol && includeSymbol) {
+            this._symbol = other.symbol;
+        }
+        if (other.count) {
+            this._count += other.count;
+        }
+        if (other.level > this.level) {
+            this._level = other.level;
+        }
+        if (other.hasUnreadCount) {
+            this.totalStatesWithUnread++;
+        }
+    }
+}
diff --git a/apps/web/src/stores/right-panel/RightPanelStore.ts b/apps/web/src/stores/right-panel/RightPanelStore.ts
new file mode 100644
index 00000000000..58f7f2357a0
--- /dev/null
+++ b/apps/web/src/stores/right-panel/RightPanelStore.ts
@@ -0,0 +1,456 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 { logger } from "matrix-js-sdk/src/logger";
+import { CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { pendingVerificationRequestForUser } from "../../verification";
+import SettingsStore from "../../settings/SettingsStore";
+import { RightPanelPhases } from "./RightPanelStorePhases";
+import { SettingLevel } from "../../settings/SettingLevel";
+import { UPDATE_EVENT } from "../AsyncStore";
+import { ReadyWatchingStore } from "../ReadyWatchingStore";
+import {
+    convertToStatePanel,
+    convertToStorePanel,
+    type IRightPanelCard,
+    type IRightPanelCardState,
+    type IRightPanelForRoom,
+} from "./RightPanelStoreIPanelState";
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { Action } from "../../dispatcher/actions";
+import { type ActiveRoomChangedPayload } from "../../dispatcher/payloads/ActiveRoomChangedPayload";
+import { SDKContextClass } from "../../contexts/SDKContextClass";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+
+/**
+ * @see RightPanelStore#generateHistoryForPhase
+ */
+function getPhasesForPhase(phase: IRightPanelCard["phase"]): RightPanelPhases[] {
+    switch (phase) {
+        case RightPanelPhases.ThreadPanel:
+        case RightPanelPhases.MemberList:
+        case RightPanelPhases.PinnedMessages:
+            return [RightPanelPhases.RoomSummary];
+        case RightPanelPhases.MemberInfo:
+        case RightPanelPhases.ThreePidMemberInfo:
+            return [RightPanelPhases.RoomSummary, RightPanelPhases.MemberList];
+        default:
+            return [];
+    }
+}
+
+/**
+ * A class for tracking the state of the right panel between layouts and
+ * sessions. This state includes a history for each room. Each history element
+ * contains the phase (e.g. RightPanelPhase.RoomMemberInfo) and the state (e.g.
+ * the member) associated with it.
+ */
+export default class RightPanelStore extends ReadyWatchingStore {
+    private static internalInstance: RightPanelStore;
+
+    private global?: IRightPanelForRoom;
+    private byRoom: { [roomId: string]: IRightPanelForRoom } = {};
+    private viewedRoomId: string | null = null;
+
+    private constructor() {
+        super(defaultDispatcher);
+        this.reset();
+    }
+
+    /**
+     * Resets the store. Intended for test usage only.
+     */
+    public reset(): void {
+        this.global = undefined;
+        this.byRoom = {};
+        this.viewedRoomId = null;
+    }
+
+    protected async onReady(): Promise<any> {
+        this.viewedRoomId = SDKContextClass.instance.roomViewStore.getRoomId();
+        this.matrixClient?.on(CryptoEvent.VerificationRequestReceived, this.onVerificationRequestUpdate);
+        this.loadCacheFromSettings();
+        this.emitAndUpdateSettings();
+    }
+
+    protected async onNotReady(): Promise<any> {
+        this.matrixClient?.off(CryptoEvent.VerificationRequestReceived, this.onVerificationRequestUpdate);
+    }
+
+    protected onDispatcherAction(payload: ActionPayload): void {
+        switch (payload.action) {
+            case Action.ActiveRoomChanged: {
+                const changePayload = <ActiveRoomChangedPayload>payload;
+                this.handleViewedRoomChange(changePayload.oldRoomId, changePayload.newRoomId);
+                break;
+            }
+
+            case Action.FocusMessageSearch: {
+                if (this.currentCard.phase !== RightPanelPhases.RoomSummary) {
+                    this.setCard({ phase: RightPanelPhases.RoomSummary, state: { focusRoomSearch: true } });
+                }
+                this.show(null);
+            }
+        }
+    }
+
+    // Getters
+    /**
+     * If you are calling this from a component that already knows about a
+     * specific room from props / state, then it's best to prefer
+     * `isOpenForRoom` below to ensure all your data is for a single room
+     * during room changes.
+     */
+    public get isOpen(): boolean {
+        return this.byRoom[this.viewedRoomId ?? ""]?.isOpen ?? false;
+    }
+
+    public isOpenForRoom(roomId: string): boolean {
+        return this.byRoom[roomId]?.isOpen ?? false;
+    }
+
+    public get roomPhaseHistory(): Array<IRightPanelCard> {
+        return this.byRoom[this.viewedRoomId ?? ""]?.history ?? [];
+    }
+
+    /**
+     * If you are calling this from a component that already knows about a
+     * specific room from props / state, then it's best to prefer
+     * `currentCardForRoom` below to ensure all your data is for a single room
+     * during room changes.
+     */
+    public get currentCard(): IRightPanelCard {
+        const hist = this.roomPhaseHistory;
+        if (hist.length >= 1) {
+            return hist[hist.length - 1];
+        }
+        return { state: {}, phase: null };
+    }
+
+    public currentCardForRoom(roomId: string): IRightPanelCard {
+        const hist = this.byRoom[roomId]?.history ?? [];
+        if (hist.length > 0) {
+            return hist[hist.length - 1];
+        }
+        return { state: {}, phase: null };
+    }
+
+    public get previousCard(): IRightPanelCard {
+        const hist = this.roomPhaseHistory;
+        if (hist?.length >= 2) {
+            return hist[hist.length - 2];
+        }
+        return { state: {}, phase: null };
+    }
+
+    /**
+     * This function behaves as following:
+     * - If the same phase is sent along with a non-empty state, only the state is updated and history is retained.
+     * - If the provided phase is different to the current phase:
+     *     - Existing history is thrown away.
+     *     - New card is added along with a different history, see {@link generateHistoryForPhase}
+     *
+     * If the right panel was set, this function also shows the right panel.
+     */
+    public setCard(card: IRightPanelCard, allowClose = true, roomId?: string): void {
+        const rId = roomId ?? this.viewedRoomId ?? "";
+        const redirect = this.getVerificationRedirect(card);
+        const targetPhase = redirect?.phase ?? card.phase;
+        const cardState = redirect?.state ?? (Object.keys(card.state ?? {}).length === 0 ? undefined : card.state);
+
+        // Checks for wrong SetRightPanelPhase requests
+        if (!this.isPhaseValid(targetPhase, Boolean(rId))) return;
+
+        if (targetPhase === this.currentCardForRoom(rId)?.phase && !!cardState) {
+            // Update state: set right panel with a new state but keep the phase (don't know it this is ever needed...)
+            const hist = this.byRoom[rId]?.history ?? [];
+            hist[hist.length - 1].state = cardState;
+            this.emitAndUpdateSettings();
+        } else if (targetPhase !== this.currentCardForRoom(rId)?.phase || !this.byRoom[rId]) {
+            // Set right panel and initialize/erase history
+            const history = this.generateHistoryForPhase(targetPhase, cardState ?? {});
+            this.byRoom[rId] = { history, isOpen: true };
+            this.emitAndUpdateSettings();
+        } else {
+            this.show(rId);
+            this.emitAndUpdateSettings();
+        }
+    }
+
+    public setCards(cards: IRightPanelCard[], allowClose = true, roomId: string | null = null): void {
+        // This function sets the history of the right panel and shows the right panel if not already visible.
+        const rId = roomId ?? this.viewedRoomId ?? "";
+        const history = cards.map((c) => ({ phase: c.phase, state: c.state ?? {} }));
+        this.byRoom[rId] = { history, isOpen: true };
+        this.show(rId);
+        this.emitAndUpdateSettings();
+    }
+
+    // Appends a card to the history and shows the right panel if not already visible
+    public pushCard(card: IRightPanelCard, allowClose = true, roomId: string | null = null): void {
+        const rId = roomId ?? this.viewedRoomId ?? "";
+        const redirect = this.getVerificationRedirect(card);
+        const targetPhase = redirect?.phase ?? card.phase;
+        const pState = redirect?.state ?? card.state ?? {};
+
+        // Checks for wrong SetRightPanelPhase requests
+        if (!this.isPhaseValid(targetPhase, Boolean(rId))) return;
+
+        const roomCache = this.byRoom[rId];
+        if (!!roomCache) {
+            // append new phase
+            roomCache.history.push({ state: pState, phase: targetPhase });
+            roomCache.isOpen = allowClose ? roomCache.isOpen : true;
+        } else {
+            // setup room panel cache with the new card
+            this.byRoom[rId] = {
+                history: [{ phase: targetPhase, state: pState }],
+                // if there was no right panel store object the the panel was closed -> keep it closed, except if allowClose==false
+                isOpen: !allowClose,
+            };
+        }
+        this.show(rId);
+        this.emitAndUpdateSettings();
+    }
+
+    public popCard(roomId: string | null = null): IRightPanelCard | undefined {
+        const rId = roomId ?? this.viewedRoomId ?? "";
+        if (!this.byRoom[rId]) return;
+
+        const removedCard = this.byRoom[rId].history.pop();
+        this.emitAndUpdateSettings();
+        return removedCard;
+    }
+
+    public togglePanel(roomId: string | null): void {
+        const rId = roomId ?? this.viewedRoomId ?? "";
+        if (!this.byRoom[rId]) return;
+
+        this.byRoom[rId].isOpen = !this.byRoom[rId].isOpen;
+        this.emitAndUpdateSettings();
+    }
+
+    public show(roomId: string | null): void {
+        if (!this.isOpenForRoom(roomId ?? this.viewedRoomId ?? "")) {
+            this.togglePanel(roomId);
+        }
+    }
+
+    public hide(roomId: string | null): void {
+        if (this.isOpenForRoom(roomId ?? this.viewedRoomId ?? "")) {
+            this.togglePanel(roomId);
+        }
+    }
+
+    /**
+     * Helper to show a right panel phase.
+     * If the UI is already showing that phase, the right panel will be hidden.
+     *
+     * Calling the same phase twice with a different state will update the current
+     * phase and push the old state in the right panel history.
+     * @param phase The right panel phase.
+     * @param cardState The state within the phase.
+     */
+    public showOrHidePhase(phase: RightPanelPhases, cardState?: Partial<IRightPanelCardState>): void {
+        if (this.currentCard.phase === phase && !cardState && this.isOpen) {
+            this.togglePanel(null);
+        } else {
+            this.setCard({ phase, state: cardState });
+            if (!this.isOpen) this.togglePanel(null);
+        }
+    }
+
+    /**
+     * For a given phase, generates card history such that it looks
+     * similar to how an user typically would reach said phase in the app.
+     * eg: User would usually reach the memberlist via room-info panel, so
+     * that history is added.
+     */
+    private generateHistoryForPhase(
+        phase: IRightPanelCard["phase"],
+        cardState?: Partial<IRightPanelCardState>,
+    ): IRightPanelCard[] {
+        const card = { phase, state: cardState };
+        if (!this.isCardStateValid(card)) {
+            /**
+             * If the card we're adding is not valid, then we just return
+             * an empty history.
+             * This is to avoid a scenario where, for eg, you set a member info
+             * card with invalid card state (no member) but the member list is
+             * shown since the created history is valid except for the last card.
+             */
+            return [];
+        }
+        const cards = getPhasesForPhase(phase).map((p) => ({ phase: p, state: {} }));
+        return [...cards, card];
+    }
+
+    private loadCacheFromSettings(): void {
+        if (this.viewedRoomId) {
+            const room = this.mxClient?.getRoom(this.viewedRoomId);
+            if (!!room) {
+                this.global =
+                    this.global ??
+                    convertToStatePanel(SettingsStore.getValue("RightPanel.phasesGlobal"), room) ??
+                    undefined;
+                this.byRoom[this.viewedRoomId] =
+                    this.byRoom[this.viewedRoomId] ??
+                    convertToStatePanel(SettingsStore.getValue("RightPanel.phases", this.viewedRoomId), room) ??
+                    undefined;
+            } else {
+                logger.warn(
+                    "Could not restore the right panel after load because there was no associated room object.",
+                );
+            }
+        }
+    }
+
+    private emitAndUpdateSettings(): void {
+        this.filterValidCards(this.global);
+        const storePanelGlobal = convertToStorePanel(this.global);
+        SettingsStore.setValue("RightPanel.phasesGlobal", null, SettingLevel.DEVICE, storePanelGlobal);
+
+        if (!!this.viewedRoomId) {
+            const panelThisRoom = this.byRoom[this.viewedRoomId];
+            this.filterValidCards(panelThisRoom);
+            const storePanelThisRoom = convertToStorePanel(panelThisRoom);
+            SettingsStore.setValue(
+                "RightPanel.phases",
+                this.viewedRoomId,
+                SettingLevel.ROOM_DEVICE,
+                storePanelThisRoom,
+            );
+        }
+        this.emit(UPDATE_EVENT, null);
+    }
+
+    private filterValidCards(rightPanelForRoom?: IRightPanelForRoom): void {
+        if (!rightPanelForRoom?.history) return;
+        rightPanelForRoom.history = rightPanelForRoom.history.filter((card) => this.isCardStateValid(card));
+        if (!rightPanelForRoom.history.length) {
+            rightPanelForRoom.isOpen = false;
+        }
+    }
+
+    private isCardStateValid(card: IRightPanelCard): boolean {
+        // this function does a sanity check on the card. this is required because
+        // some phases require specific state properties that might not be available.
+        // This can be caused on if element is reloaded and the tries to reload right panel data from id's stored in the local storage.
+        // we store id's of users and matrix events. If are not yet fetched on reload the right panel cannot display them.
+        // or potentially other errors.
+        // (A nicer fix could be to indicate, that the right panel is loading if there is missing state data and re-emit if the data is available)
+        switch (card.phase) {
+            case RightPanelPhases.ThreadView:
+                if (!card.state?.threadHeadEvent) {
+                    logger.warn("removed card from right panel because of missing threadHeadEvent in card state");
+                }
+                return !!card.state?.threadHeadEvent;
+            case RightPanelPhases.MemberInfo:
+            case RightPanelPhases.EncryptionPanel:
+                if (!card.state?.member) {
+                    logger.warn("removed card from right panel because of missing member in card state");
+                }
+                return !!card.state?.member;
+            case RightPanelPhases.ThreePidMemberInfo:
+                if (!card.state?.memberInfoEvent) {
+                    logger.warn("removed card from right panel because of missing memberInfoEvent in card state");
+                }
+                return !!card.state?.memberInfoEvent;
+            case RightPanelPhases.Widget:
+                if (!card.state?.widgetId) {
+                    logger.warn("removed card from right panel because of missing widgetId in card state");
+                }
+                return !!card.state?.widgetId;
+        }
+        return true;
+    }
+
+    private getVerificationRedirect(card: IRightPanelCard): IRightPanelCard | null {
+        if (card.phase === RightPanelPhases.MemberInfo && card.state) {
+            // RightPanelPhases.RoomMemberInfo -> needs to be changed to RightPanelPhases.EncryptionPanel if there is a pending verification request
+            const { member } = card.state;
+            const pendingRequest = member
+                ? pendingVerificationRequestForUser(MatrixClientPeg.safeGet(), member)
+                : undefined;
+            if (pendingRequest) {
+                return {
+                    phase: RightPanelPhases.EncryptionPanel,
+                    state: {
+                        verificationRequest: pendingRequest,
+                        member,
+                    },
+                };
+            }
+        }
+        return null;
+    }
+
+    private isPhaseValid(targetPhase: RightPanelPhases | null, isViewingRoom: boolean): boolean {
+        if (!targetPhase || !RightPanelPhases[targetPhase]) {
+            logger.warn(`Tried to switch right panel to unknown phase: ${targetPhase}`);
+            return false;
+        }
+        if (!isViewingRoom) {
+            logger.warn(
+                `Tried to switch right panel to a room phase: ${targetPhase}, ` +
+                    `but we are currently not viewing a room`,
+            );
+            return false;
+        }
+        return true;
+    }
+
+    private onVerificationRequestUpdate = (): void => {
+        if (!this.currentCard?.state) return;
+        const { member } = this.currentCard.state;
+        if (!member) return;
+        const pendingRequest = pendingVerificationRequestForUser(MatrixClientPeg.safeGet(), member);
+        if (pendingRequest) {
+            this.currentCard.state.verificationRequest = pendingRequest;
+            this.emitAndUpdateSettings();
+        }
+    };
+
+    private handleViewedRoomChange(oldRoomId: string | null, newRoomId: string | null): void {
+        if (!this.mxClient) return; // not ready, onReady will handle the first room
+        this.viewedRoomId = newRoomId;
+        // load values from byRoomCache with the viewedRoomId.
+        this.loadCacheFromSettings();
+
+        // when we're switching to a room, clear out any stale MemberInfo cards
+        // in order to fix https://github.com/vector-im/element-web/issues/21487
+        if (this.currentCard?.phase !== RightPanelPhases.EncryptionPanel) {
+            const panel = this.byRoom[this.viewedRoomId ?? ""];
+            if (panel?.history) {
+                panel.history = panel.history.filter(
+                    (card: IRightPanelCard) =>
+                        card.phase != RightPanelPhases.MemberInfo && card.phase != RightPanelPhases.ThreePidMemberInfo,
+                );
+            }
+        }
+        // when we're switching to a room, clear out thread permalinks to not get you stuck in the middle of the thread
+        // in order to fix https://github.com/matrix-org/matrix-react-sdk/pull/11011
+        if (this.currentCard?.phase === RightPanelPhases.ThreadView && this.currentCard.state) {
+            this.currentCard.state.initialEvent = undefined;
+            this.currentCard.state.isInitialEventHighlighted = undefined;
+            this.currentCard.state.initialEventScrollIntoView = undefined;
+        }
+
+        this.emitAndUpdateSettings();
+    }
+
+    public static get instance(): RightPanelStore {
+        if (!this.internalInstance) {
+            this.internalInstance = new RightPanelStore();
+            this.internalInstance.start();
+        }
+        return this.internalInstance;
+    }
+}
diff --git a/apps/web/src/stores/right-panel/RightPanelStoreIPanelState.ts b/apps/web/src/stores/right-panel/RightPanelStoreIPanelState.ts
new file mode 100644
index 00000000000..cd690ca1475
--- /dev/null
+++ b/apps/web/src/stores/right-panel/RightPanelStoreIPanelState.ts
@@ -0,0 +1,107 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type MatrixEvent, type Room, type RoomMember, type User } from "matrix-js-sdk/src/matrix";
+import { type VerificationRequest } from "matrix-js-sdk/src/crypto-api";
+
+import { type RightPanelPhases } from "./RightPanelStorePhases";
+
+export interface IRightPanelCardState {
+    member?: RoomMember | User;
+    verificationRequest?: VerificationRequest;
+    verificationRequestPromise?: Promise<VerificationRequest>;
+    widgetId?: string;
+    // Room3pidMemberInfo, Space3pidMemberInfo,
+    memberInfoEvent?: MatrixEvent;
+    // threads
+    threadHeadEvent?: MatrixEvent;
+    initialEvent?: MatrixEvent;
+    isInitialEventHighlighted?: boolean;
+    initialEventScrollIntoView?: boolean;
+    // room summary
+    focusRoomSearch?: boolean;
+}
+
+export interface IRightPanelCardStateStored {
+    memberId?: string;
+    // we do not store the things associated with verification
+    widgetId?: string;
+    // 3pidMemberInfo
+    memberInfoEventId?: string;
+    // threads
+    threadHeadEventId?: string;
+    initialEventId?: string;
+    isInitialEventHighlighted?: boolean;
+    initialEventScrollIntoView?: boolean;
+}
+
+export interface IRightPanelCard {
+    phase: RightPanelPhases | null;
+    state?: IRightPanelCardState;
+}
+
+export interface IRightPanelCardStored {
+    phase: RightPanelPhases | null;
+    state?: IRightPanelCardStateStored;
+}
+
+export interface IRightPanelForRoom {
+    isOpen: boolean;
+    history: Array<IRightPanelCard>;
+}
+
+export type IRightPanelForRoomStored = {
+    isOpen: boolean;
+    history: Array<IRightPanelCardStored>;
+};
+
+export function convertToStorePanel(cacheRoom?: IRightPanelForRoom): IRightPanelForRoomStored | null {
+    if (!cacheRoom) return null;
+    const storeHistory = [...cacheRoom.history].map((panelState) => convertCardToStore(panelState));
+    return { isOpen: cacheRoom.isOpen, history: storeHistory };
+}
+
+export function convertToStatePanel(storeRoom: IRightPanelForRoomStored | null, room: Room): IRightPanelForRoom | null {
+    if (!storeRoom) return storeRoom;
+    const stateHistory = [...storeRoom.history].map((panelStateStore) => convertStoreToCard(panelStateStore, room));
+    return { history: stateHistory, isOpen: storeRoom.isOpen };
+}
+
+export function convertCardToStore(panelState: IRightPanelCard): IRightPanelCardStored {
+    const state = panelState.state ?? {};
+    const stateStored: IRightPanelCardStateStored = {
+        widgetId: state.widgetId,
+        isInitialEventHighlighted: state.isInitialEventHighlighted,
+        initialEventScrollIntoView: state.initialEventScrollIntoView,
+        threadHeadEventId: !!state?.threadHeadEvent?.getId() ? state.threadHeadEvent.getId() : undefined,
+        memberInfoEventId: !!state?.memberInfoEvent?.getId() ? state.memberInfoEvent.getId() : undefined,
+        initialEventId: !!state?.initialEvent?.getId() ? state.initialEvent.getId() : undefined,
+        memberId: !!state?.member?.userId ? state.member.userId : undefined,
+    };
+
+    return { state: stateStored, phase: panelState.phase };
+}
+
+function convertStoreToCard(panelStateStore: IRightPanelCardStored, room: Room): IRightPanelCard {
+    const stateStored = panelStateStore.state ?? {};
+    const state: IRightPanelCardState = {
+        widgetId: stateStored.widgetId,
+        isInitialEventHighlighted: stateStored.isInitialEventHighlighted,
+        initialEventScrollIntoView: stateStored.initialEventScrollIntoView,
+        threadHeadEvent: !!stateStored?.threadHeadEventId
+            ? room.findEventById(stateStored.threadHeadEventId)
+            : undefined,
+        memberInfoEvent: !!stateStored?.memberInfoEventId
+            ? room.findEventById(stateStored.memberInfoEventId)
+            : undefined,
+        initialEvent: !!stateStored?.initialEventId ? room.findEventById(stateStored.initialEventId) : undefined,
+        member: (!!stateStored?.memberId && room.getMember(stateStored.memberId)) || undefined,
+    };
+
+    return { state: state, phase: panelStateStore.phase };
+}
diff --git a/apps/web/src/stores/right-panel/RightPanelStorePhases.ts b/apps/web/src/stores/right-panel/RightPanelStorePhases.ts
new file mode 100644
index 00000000000..ea47f2ba839
--- /dev/null
+++ b/apps/web/src/stores/right-panel/RightPanelStorePhases.ts
@@ -0,0 +1,47 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { _t } from "../../languageHandler";
+
+// These are in their own file because of circular imports being a problem.
+export enum RightPanelPhases {
+    // Room & Space stuff
+    MemberList = "MemberList",
+    MemberInfo = "MemberInfo",
+    ThreePidMemberInfo = "ThreePidMemberInfo",
+
+    // Room stuff
+    FilePanel = "FilePanel",
+    NotificationPanel = "NotificationPanel",
+    EncryptionPanel = "EncryptionPanel",
+    RoomSummary = "RoomSummary",
+    Widget = "Widget",
+    PinnedMessages = "PinnedMessages",
+    Timeline = "Timeline",
+    Extensions = "Extensions",
+
+    // Thread stuff
+    ThreadView = "ThreadView",
+    ThreadPanel = "ThreadPanel",
+}
+
+export function backLabelForPhase(phase: RightPanelPhases | null): string | null {
+    switch (phase) {
+        case RightPanelPhases.ThreadPanel:
+            return _t("common|threads");
+        case RightPanelPhases.Timeline:
+            return _t("chat_card_back_action_label");
+        case RightPanelPhases.RoomSummary:
+            return _t("room_summary_card_back_action_label");
+        case RightPanelPhases.MemberList:
+            return _t("member_list_back_action_label");
+        case RightPanelPhases.ThreadView:
+            return _t("thread_view_back_action_label");
+    }
+    return null;
+}
diff --git a/apps/web/src/stores/right-panel/action-handlers/View3pidInvite.ts b/apps/web/src/stores/right-panel/action-handlers/View3pidInvite.ts
new file mode 100644
index 00000000000..a57fd9b990c
--- /dev/null
+++ b/apps/web/src/stores/right-panel/action-handlers/View3pidInvite.ts
@@ -0,0 +1,29 @@
+/*
+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 ActionPayload } from "../../../dispatcher/payloads";
+import type RightPanelStore from "../RightPanelStore";
+import { RightPanelPhases } from "../RightPanelStorePhases";
+
+/**
+ * Handle an Action.View3pidInvite action.
+ * Where payload has an event, open the right panel with 3pid room member info without clearing right panel history.
+ * Otherwise, 'close' the 3pid member info by displaying the room member list in the right panel.
+ * @param payload
+ * @param rightPanelStore store instance
+ */
+export const onView3pidInvite = (payload: ActionPayload, rightPanelStore: RightPanelStore): void => {
+    if (payload.event) {
+        rightPanelStore.pushCard({
+            phase: RightPanelPhases.ThreePidMemberInfo,
+            state: { memberInfoEvent: payload.event },
+        });
+    } else {
+        rightPanelStore.showOrHidePhase(RightPanelPhases.MemberList);
+    }
+};
diff --git a/apps/web/src/stores/right-panel/action-handlers/index.ts b/apps/web/src/stores/right-panel/action-handlers/index.ts
new file mode 100644
index 00000000000..5a612f9830d
--- /dev/null
+++ b/apps/web/src/stores/right-panel/action-handlers/index.ts
@@ -0,0 +1,9 @@
+/*
+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.
+*/
+
+export * from "./View3pidInvite";
diff --git a/apps/web/src/stores/room-list-v3/RoomListStoreV3.ts b/apps/web/src/stores/room-list-v3/RoomListStoreV3.ts
new file mode 100644
index 00000000000..c87e9f7bd53
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/RoomListStoreV3.ts
@@ -0,0 +1,600 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+import { EventType } from "matrix-js-sdk/src/matrix";
+
+import type { EmptyObject, Room } from "matrix-js-sdk/src/matrix";
+import type { MatrixDispatcher } from "../../dispatcher/dispatcher";
+import type { ActionPayload } from "../../dispatcher/payloads";
+import type { Filter, FilterKey } from "./skip-list/filters";
+import { AsyncStoreWithClient } from "../AsyncStoreWithClient";
+import SettingsStore from "../../settings/SettingsStore";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { RecencySorter } from "./skip-list/sorters/RecencySorter";
+import { AlphabeticSorter } from "./skip-list/sorters/AlphabeticSorter";
+import { readReceiptChangeIsFor } from "../../utils/read-receipts";
+import { EffectiveMembership, getEffectiveMembership, getEffectiveMembershipTag } from "../../utils/membership";
+import { type SpaceKey, UPDATE_HOME_BEHAVIOUR, UPDATE_SELECTED_SPACE } from "../spaces";
+import { FavouriteFilter } from "./skip-list/filters/FavouriteFilter";
+import { UnreadFilter } from "./skip-list/filters/UnreadFilter";
+import { PeopleFilter } from "./skip-list/filters/PeopleFilter";
+import { RoomsFilter } from "./skip-list/filters/RoomsFilter";
+import { InvitesFilter } from "./skip-list/filters/InvitesFilter";
+import { MentionsFilter } from "./skip-list/filters/MentionsFilter";
+import { LowPriorityFilter } from "./skip-list/filters/LowPriorityFilter";
+import { type Sorter, SortingAlgorithm } from "./skip-list/sorters";
+import { SettingLevel } from "../../settings/SettingLevel";
+import { MARKED_UNREAD_TYPE_STABLE, MARKED_UNREAD_TYPE_UNSTABLE } from "../../utils/notifications";
+import { Action } from "../../dispatcher/actions";
+import { UnreadSorter } from "./skip-list/sorters/UnreadSorter";
+import { getChangedOverrideRoomMutePushRules } from "./utils";
+import { isRoomVisible } from "./isRoomVisible";
+import { RoomSkipList } from "./skip-list/RoomSkipList";
+import { getTagsForRoom } from "../../utils/room/getTagsForRoom";
+import { ExcludeTagsFilter } from "./skip-list/filters/ExcludeTagsFilter";
+import { TagFilter } from "./skip-list/filters/TagFilter";
+import { filterBoolean } from "../../utils/arrays";
+import {
+    CHATS_TAG,
+    createSection,
+    deleteSection,
+    editSection,
+    getOrderedReorderableSections,
+    reorderSection,
+} from "./section";
+import { DefaultTagID, type TagID } from "./skip-list/tag";
+import { SDKContextClass } from "../../contexts/SDKContextClass.ts";
+
+/**
+ * These are the filters passed to the room skip list.
+ */
+const FILTERS = [
+    new FavouriteFilter(),
+    new UnreadFilter(),
+    new PeopleFilter(),
+    new RoomsFilter(),
+    new InvitesFilter(),
+    new MentionsFilter(),
+    new LowPriorityFilter(),
+];
+
+export enum RoomListStoreV3Event {
+    // The event/channel which is called when the room lists have been changed.
+    ListsUpdate = "lists_update",
+    // The event which is called when the room list is loaded.
+    ListsLoaded = "lists_loaded",
+    /** Fired when a new section is created in the room list. */
+    SectionCreated = "section_created",
+    /** Fired when a room's tags change. */
+    RoomTagged = "room_tagged",
+}
+
+// The result object for returning rooms from the store
+export type RoomsResult = {
+    // The ID of the active space queried
+    spaceId: SpaceKey;
+    // The filter queried
+    filterKeys?: FilterKey[];
+    // The resulting list of rooms
+    sections: Section[];
+};
+
+/**
+ * Represents a named section of rooms in the room list, identified by a tag.
+ */
+export interface Section {
+    /** The tag that identifies this section. */
+    tag: string;
+    /** The ordered list of rooms belonging to this section. */
+    rooms: Room[];
+}
+
+export const LISTS_UPDATE_EVENT = RoomListStoreV3Event.ListsUpdate;
+export const LISTS_LOADED_EVENT = RoomListStoreV3Event.ListsLoaded;
+export const SECTION_CREATED_EVENT = RoomListStoreV3Event.SectionCreated;
+export const ROOM_TAGGED_EVENT = RoomListStoreV3Event.RoomTagged;
+
+/**
+ * This store allows for fast retrieval of the room list in a sorted and filtered manner.
+ * This is the third such implementation hence the "V3".
+ * This store is being actively developed so expect the methods to change in future.
+ */
+export class RoomListStoreV3Class extends AsyncStoreWithClient<EmptyObject> {
+    /**
+     * Contains all the rooms in the active space
+     */
+    private roomSkipList?: RoomSkipList;
+
+    /**
+     * Maps section tags to their corresponding tag filters, used to determine which rooms belong in which sections.
+     */
+    private readonly filterByTag: Map<string, Filter> = new Map();
+
+    /**
+     * Defines the display order of sections.
+     */
+    private sortedTags: string[] = [];
+
+    private readonly msc3946ProcessDynamicPredecessor: boolean;
+
+    /**
+     * Whether a batched LISTS_UPDATE_EVENT emission is pending.
+     * Used by {@link scheduleEmit} to coalesce rapid-fire updates into a single emit per frame.
+     */
+    private pendingEmit = false;
+
+    public constructor(dispatcher: MatrixDispatcher) {
+        super(dispatcher);
+        this.msc3946ProcessDynamicPredecessor = SettingsStore.getValue("feature_dynamic_room_predecessors");
+        SDKContextClass.instance.spaceStore.on(UPDATE_SELECTED_SPACE, () => {
+            this.onActiveSpaceChanged();
+        });
+        SDKContextClass.instance.spaceStore.on(UPDATE_HOME_BEHAVIOUR, () => this.onActiveSpaceChanged());
+        SettingsStore.watchSetting("RoomList.OrderedCustomSections", null, () => this.onOrderedCustomSectionsChange());
+        this.loadCustomSections();
+
+        SettingsStore.watchSetting("RoomList.showSections", null, () => this.scheduleEmit());
+    }
+
+    /**
+     * Get a list of unsorted, unfiltered rooms.
+     */
+    public getRooms(): Room[] {
+        let rooms = this.matrixClient?.getVisibleRooms(this.msc3946ProcessDynamicPredecessor) ?? [];
+        rooms = rooms.filter((r) => isRoomVisible(r));
+        return rooms;
+    }
+
+    /**
+     * Check whether the initial list of rooms has loaded.
+     */
+    public get isLoadingRooms(): boolean {
+        return !this.roomSkipList?.initialized;
+    }
+
+    /**
+     * Get a list of sorted rooms.
+     */
+    public getSortedRooms(): Room[] {
+        if (this.roomSkipList?.initialized) return Array.from(this.roomSkipList);
+        else return [];
+    }
+
+    /**
+     * Get a list of sorted rooms that belong to the currently active space.
+     * If filterKeys is passed, only the rooms that match the given filters are
+     * returned.
+
+     * @param filterKeys Optional array of filters that the rooms must match against.
+     */
+    public getSortedRoomsInActiveSpace(filterKeys?: FilterKey[]): RoomsResult {
+        const spaceId = SDKContextClass.instance.spaceStore.activeSpace;
+        const areSectionsEnabled = SettingsStore.getValue("RoomList.showSections");
+
+        const sections = areSectionsEnabled
+            ? this.getSections(filterKeys)
+            : [{ tag: CHATS_TAG, rooms: Array.from(this.roomSkipList?.getRoomsInActiveSpace(filterKeys) ?? []) }];
+
+        return {
+            spaceId: spaceId,
+            filterKeys,
+            sections,
+        };
+    }
+
+    /**
+     * Get the rooms in the currently active space that are tagged with the given tag.
+     * @param tag The tag to filter the rooms by.
+     */
+    private getRoomsWithTagInActiveSpace(tag: TagID): Room[] {
+        return this.getSortedRoomsInActiveSpace()
+            .sections.flatMap((s) => s.rooms)
+            .filter((room) => getTagsForRoom(room).includes(tag));
+    }
+
+    /**
+     * Get the server notice rooms in the currently active space.
+     */
+    public getServerNoticeRooms(): Room[] {
+        return this.getRoomsWithTagInActiveSpace(DefaultTagID.ServerNotice);
+    }
+
+    /**
+     * Get the direct message (DM) rooms in the currently active space.
+     */
+    public getDmRooms(): Room[] {
+        return this.getRoomsWithTagInActiveSpace(DefaultTagID.DM);
+    }
+
+    /**
+     * Resort the list of rooms using a different algorithm.
+     * @param algorithm The sorting algorithm to use.
+     */
+    public resort(algorithm: SortingAlgorithm): void {
+        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 = 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);
+    }
+
+    /**
+     * Currently active sorting algorithm if the store is ready or undefined otherwise.
+     */
+    public get activeSortAlgorithm(): SortingAlgorithm | undefined {
+        return this.roomSkipList?.activeSortAlgorithm;
+    }
+
+    protected async onReady(): Promise<any> {
+        if (this.roomSkipList?.initialized || !this.matrixClient) return;
+        const sorter = this.getPreferredSorter(this.matrixClient.getSafeUserId());
+
+        this.roomSkipList = new RoomSkipList(sorter, this.getSkipListFilters());
+
+        await SDKContextClass.instance.spaceStore.storeReadyPromise;
+        const rooms = this.getRooms();
+        this.roomSkipList.seed(rooms);
+        this.emit(LISTS_LOADED_EVENT);
+        this.emit(LISTS_UPDATE_EVENT);
+    }
+
+    protected async onNotReady(): Promise<void> {
+        this.roomSkipList = undefined;
+    }
+
+    protected async onAction(payload: ActionPayload): Promise<void> {
+        if (!this.matrixClient || !this.roomSkipList?.initialized) return;
+
+        /**
+         * For the kind of updates that we care about (represented by the cases below),
+         * we try to find the associated room and simply re-insert it into the
+         * skiplist. If the position of said room in the sorted list changed, re-inserting
+         * would put it in the correct place.
+         */
+        switch (payload.action) {
+            case "MatrixActions.Room.receipt": {
+                if (readReceiptChangeIsFor(payload.event, this.matrixClient)) {
+                    const room = payload.room;
+                    if (!room) {
+                        logger.warn(`Own read receipt was in unknown room ${room.roomId}`);
+                        return;
+                    }
+                    this.addRoomAndEmit(room);
+                }
+                break;
+            }
+
+            case "MatrixActions.Room.tags": {
+                // Re-sort on any tag change, but don't emit ROOM_TAGGED_EVENT here: the js-sdk
+                // re-emits RoomEvent.Tags for every m.tag on every sync, which would show a spurious
+                // "chat moved" toast on load. It is emitted from tagRoom.success below instead.
+                const room = payload.room;
+                this.addRoomAndEmit(room);
+                break;
+            }
+
+            case "RoomListActions.tagRoom.success": {
+                // Tag change initiated by the local user, so surface the "chat moved" toast.
+                this.emit(ROOM_TAGGED_EVENT);
+                break;
+            }
+
+            case "MatrixActions.Room.accountData": {
+                const eventType = payload.event_type;
+                if (eventType === MARKED_UNREAD_TYPE_STABLE || eventType === MARKED_UNREAD_TYPE_UNSTABLE) {
+                    const room = payload.room;
+                    this.addRoomAndEmit(room);
+                }
+                break;
+            }
+
+            case "MatrixActions.Event.decrypted": {
+                const roomId = payload.event.getRoomId();
+                if (!roomId) return;
+                const room = this.matrixClient.getRoom(roomId);
+                if (!room) {
+                    logger.warn(`Event ${payload.event.getId()} was decrypted in an unknown room ${roomId}`);
+                    return;
+                }
+                this.addRoomAndEmit(room);
+                break;
+            }
+
+            case "MatrixActions.accountData": {
+                this.handleAccountDataPayload(payload);
+                break;
+            }
+
+            case "MatrixActions.Room.timeline": {
+                // Ignore non-live events (backfill) and notification timeline set events (without a room)
+                if (!payload.isLiveEvent || !payload.isLiveUnfilteredRoomTimelineEvent || !payload.room) return;
+                this.addRoomAndEmit(payload.room);
+                break;
+            }
+
+            case "MatrixActions.Room.myMembership": {
+                const oldMembership = getEffectiveMembership(payload.oldMembership);
+                const newMembership = getEffectiveMembershipTag(payload.room, payload.membership);
+
+                // If the user is kicked, re-insert the room and do nothing more.
+                const ownUserId = this.matrixClient.getSafeUserId();
+                const isKicked = (payload.room as Room).getMember(ownUserId)?.isKicked();
+                if (isKicked) {
+                    this.addRoomAndEmit(payload.room);
+                    return;
+                }
+                // If the user has left this room, remove it from the skiplist.
+                if (
+                    (oldMembership === EffectiveMembership.Invite || oldMembership === EffectiveMembership.Join) &&
+                    newMembership === EffectiveMembership.Leave
+                ) {
+                    this.roomSkipList.removeRoom(payload.room);
+                    this.scheduleEmit();
+                    return;
+                }
+
+                // If we're joining an upgraded room, we'll want to make sure we don't proliferate
+                // the dead room in the list.
+                if (oldMembership !== EffectiveMembership.Join && newMembership === EffectiveMembership.Join) {
+                    const room: Room = payload.room;
+                    const roomUpgradeHistory = room.client.getRoomUpgradeHistory(
+                        room.roomId,
+                        true,
+                        this.msc3946ProcessDynamicPredecessor,
+                    );
+                    const predecessors = roomUpgradeHistory.slice(0, roomUpgradeHistory.indexOf(room));
+                    for (const predecessor of predecessors) {
+                        this.roomSkipList.removeRoom(predecessor);
+                    }
+                }
+
+                this.addRoomAndEmit(payload.room, oldMembership === EffectiveMembership.Leave);
+                break;
+            }
+
+            case Action.AfterForgetRoom: {
+                const room = payload.room;
+                this.roomSkipList.removeRoom(room);
+                this.scheduleEmit();
+                break;
+            }
+        }
+    }
+
+    /**
+     * This method deals with the two types of account data payloads that we care about.
+     */
+    private handleAccountDataPayload(payload: ActionPayload): void {
+        const eventType = payload.event_type;
+        let needsEmit = false;
+        switch (eventType) {
+            // When we're told about new DMs, insert the associated dm rooms.
+            case EventType.Direct: {
+                const dmMap = payload.event.getContent();
+                for (const userId of Object.keys(dmMap)) {
+                    const roomIds = dmMap[userId];
+                    for (const roomId of roomIds) {
+                        const room = this.matrixClient!.getRoom(roomId);
+                        if (!room) {
+                            logger.warn(`${roomId} was found in DMs but the room is not in the store`);
+                            continue;
+                        }
+                        this.roomSkipList?.reInsertRoom(room);
+                        needsEmit = true;
+                    }
+                }
+                break;
+            }
+            case EventType.PushRules: {
+                // When a room becomes muted/unmuted, re-insert that room.
+                const possibleMuteChangeRoomIds = getChangedOverrideRoomMutePushRules(payload);
+                if (!possibleMuteChangeRoomIds) return;
+                const rooms = possibleMuteChangeRoomIds
+                    .map((id) => this.matrixClient?.getRoom(id))
+                    .filter((room) => !!room);
+                for (const room of rooms) {
+                    this.roomSkipList?.reInsertRoom(room);
+                    needsEmit = true;
+                }
+                break;
+            }
+        }
+        if (needsEmit) this.scheduleEmit();
+    }
+
+    /**
+     * Create the correct sorter depending on the persisted user preference.
+     * @param myUserId The user-id of our user.
+     * @returns Sorter object that can be passed to the skip list.
+     */
+    private getPreferredSorter(myUserId: string): Sorter {
+        const preferred = SettingsStore.getValue("RoomList.preferredSorting");
+        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:
+                logger.info(
+                    `RoomListStoreV3: There is no sorting implementation for algorithm ${algorithm}, defaulting to recency sorter`,
+                );
+                return new RecencySorter(myUserId);
+        }
+    }
+
+    /**
+     * Schedule a batched emission of LISTS_UPDATE_EVENT using requestAnimationFrame.
+     * Multiple calls within the same frame are coalesced into a single emit.
+     */
+    private scheduleEmit(): void {
+        if (!this.pendingEmit) {
+            this.pendingEmit = true;
+            requestAnimationFrame(() => {
+                this.pendingEmit = false;
+                this.emit(LISTS_UPDATE_EVENT);
+            });
+        }
+    }
+
+    /**
+     * Add a room to the skiplist and emit an update.
+     * @param room The room to add to the skiplist
+     * @param isNewRoom Set this to true if this a new room that the isn't already in the skiplist
+     */
+    private addRoomAndEmit(room: Room, isNewRoom = false): void {
+        if (!this.roomSkipList) throw new Error("roomSkipList hasn't been created yet!");
+        if (isNewRoom) {
+            if (!isRoomVisible(room)) {
+                logger.info(
+                    `RoomListStoreV3: Refusing to add new room ${room.roomId} because isRoomVisible returned false.`,
+                );
+                return;
+            }
+            this.roomSkipList.addNewRoom(room);
+        } else {
+            this.roomSkipList.reInsertRoom(room);
+        }
+        this.scheduleEmit();
+    }
+
+    private onActiveSpaceChanged(): void {
+        if (!this.roomSkipList) return;
+        this.roomSkipList.calculateActiveSpaceForNodes();
+        this.scheduleEmit();
+    }
+
+    /**
+     * Get the list of filters to be used in the skip list, including the tag filters for sectioning.
+     */
+    private getSkipListFilters(): Filter[] {
+        const tagsToExclude = this.sortedTags.filter((tag) => tag !== CHATS_TAG);
+        const tagFilters = this.sortedTags.map((tag) =>
+            tag === CHATS_TAG ? new ExcludeTagsFilter(tagsToExclude) : new TagFilter(tag),
+        );
+        this.sortedTags.forEach((tag, index) => this.filterByTag.set(tag, tagFilters[index]));
+
+        return [...FILTERS, ...tagFilters];
+    }
+
+    /**
+     * Get the sections to display in the room list, based on the current active space and the provided filters.
+     * @param filterKeys - Optional array of filters that the rooms must match against to be included in the sections.
+     * @returns An array of sections
+     */
+    private getSections(filterKeys?: FilterKey[]): Section[] {
+        return this.sortedTags
+            .map((tag) => {
+                const filters = filterBoolean([this.filterByTag.get(tag)?.key, ...(filterKeys ?? [])]);
+
+                return {
+                    tag,
+                    rooms: Array.from(this.roomSkipList?.getRoomsInActiveSpace(filters) || []),
+                };
+            })
+            .filter((section) => !filterKeys || section.rooms.length > 0);
+    }
+
+    /**
+     * Handle changes to the order of custom sections.
+     * Reloads the custom sections, updates the skip list filters to reflect the new order and emits an update.
+     * Emit {@link LISTS_UPDATE_EVENT}.
+     */
+    private onOrderedCustomSectionsChange(): void {
+        this.loadCustomSections();
+        if (!this.roomSkipList) return;
+        this.roomSkipList.useNewFilters(this.getSkipListFilters());
+        this.scheduleEmit();
+    }
+
+    /**
+     * Create a new section.
+     * Emits {@link SECTION_CREATED_EVENT} if the section was successfully created.
+     */
+    public async createSection(): Promise<string | undefined> {
+        const tag = await createSection(SDKContextClass.instance.spaceStore.activeSpace);
+        if (!tag) return;
+        this.emit(SECTION_CREATED_EVENT, tag);
+        return tag;
+    }
+
+    /**
+     * Edit a section's name.
+     * @param tag The tag of the section to edit
+     */
+    public async editSection(tag: string): Promise<void> {
+        await editSection(tag);
+    }
+
+    /**
+     * Remove a section
+     * Emits {@link LISTS_UPDATE_EVENT} if the section was successfully removed.
+     * @param tag The tag of the section to remove
+     * @param isEmpty Whether the section is empty
+     */
+    public async removeSection(tag: string, isEmpty: boolean): Promise<void> {
+        await deleteSection(tag, isEmpty);
+        this.scheduleEmit();
+    }
+
+    /**
+     * Reorder custom sections by moving sourceTag to the position of targetTag.
+     * @param sourceTag The tag of the section to move
+     * @param targetTag The tag of the section to move to
+     */
+    public async reorderSection(sourceTag: string, targetTag: string): Promise<void> {
+        await reorderSection(sourceTag, targetTag);
+    }
+
+    /**
+     * Returns the ordered section tags.
+     */
+    public get orderedSectionTags(): string[] {
+        return this.sortedTags;
+    }
+
+    /**
+     * Load the custom sections from the settings store and update the sorted tags.
+     */
+    private loadCustomSections(): void {
+        // Favourite is pinned to the top and LowPriority to the bottom. Everything in between
+        // (custom sections + Chats) is user-reorderable.
+        const reorderable = getOrderedReorderableSections();
+        this.sortedTags = [DefaultTagID.Favourite, ...reorderable, DefaultTagID.LowPriority];
+    }
+}
+
+// oxlint-disable-next-line typescript/no-extraneous-class
+export default class RoomListStoreV3 {
+    private static internalInstance: RoomListStoreV3Class;
+
+    public static get instance(): RoomListStoreV3Class {
+        if (!RoomListStoreV3.internalInstance) {
+            const instance = new RoomListStoreV3Class(defaultDispatcher);
+            instance.start();
+            RoomListStoreV3.internalInstance = instance;
+        }
+
+        return this.internalInstance;
+    }
+}
+
+window.getRoomListStoreV3 = () => RoomListStoreV3.instance;
diff --git a/apps/web/src/stores/room-list-v3/isRoomVisible.ts b/apps/web/src/stores/room-list-v3/isRoomVisible.ts
new file mode 100644
index 00000000000..f122be3b235
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/isRoomVisible.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 Room } from "matrix-js-sdk/src/matrix";
+
+import { isLocalRoom } from "../../utils/localRoom/isLocalRoom";
+import { RoomListCustomisations } from "../../customisations/RoomList";
+
+/**
+ * Determines whether a room should be visible in the room list
+ * @param room - The room to check for visibility
+ */
+export function isRoomVisible(room?: Room): boolean {
+    if (!room) return false;
+
+    // hide space rooms as they'll be shown in the SpacePanel
+    if (room.isSpaceRoom()) return false;
+
+    // local rooms shouldn't show up anywhere
+    if (isLocalRoom(room)) return false;
+
+    if (RoomListCustomisations.isRoomVisible) return RoomListCustomisations.isRoomVisible(room);
+
+    return true; // default
+}
diff --git a/apps/web/src/stores/room-list-v3/section.ts b/apps/web/src/stores/room-list-v3/section.ts
new file mode 100644
index 00000000000..e8b8681b420
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/section.ts
@@ -0,0 +1,303 @@
+/*
+ * 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 { logger } from "matrix-js-sdk/src/logger";
+
+import { SettingLevel } from "../../settings/SettingLevel";
+import SettingsStore from "../../settings/SettingsStore";
+import Modal from "../../Modal";
+import { CreateSectionDialog } from "../../components/views/dialogs/CreateSectionDialog";
+import { RemoveSectionDialog } from "../../components/views/dialogs/RemoveSectionDialog";
+import { DefaultTagID, type TagID } from "./skip-list/tag";
+import { isMetaSpace, MetaSpace, type SpaceKey } from "../spaces";
+import { SDKContextClass } from "../../contexts/SDKContextClass.ts";
+
+/**
+ * A synthetic tag used to represent the "Chats" section, which contains
+ * every room that does not belong to any other explicit tag section.
+ */
+export const CHATS_TAG = "chats";
+
+/**
+ * Prefix for custom section tags.
+ */
+export const CUSTOM_SECTION_TAG_PREFIX = "element.io.section.";
+
+type CustomTag = `${typeof CUSTOM_SECTION_TAG_PREFIX}${string}`;
+
+/**
+ * Checks if a given tag is a custom section tag.
+ * @param tag - The tag to check.
+ * @returns True if the tag is a custom section tag, false otherwise.
+ */
+export function isCustomSectionTag(tag: string): tag is CustomTag {
+    return tag.startsWith(CUSTOM_SECTION_TAG_PREFIX);
+}
+
+/**
+ * Checks if a given tag is a default section tag.
+ * @param tagId - The tag to check.
+ * @returns True if the tag is a default section tag, false otherwise.
+ */
+export function isDefaultSectionTag(tagId: TagID): boolean {
+    return tagId === DefaultTagID.Favourite || tagId === DefaultTagID.LowPriority || tagId === CHATS_TAG;
+}
+
+/**
+ * Checks if a given tag is a section tag.
+ * @param tagId - The tag to check.
+ * @returns True if the tag is a section tag, false otherwise.
+ */
+export function isSectionTag(tagId: TagID): boolean {
+    return isCustomSectionTag(tagId) || isDefaultSectionTag(tagId);
+}
+
+/**
+ * Structure of the custom section stored in the settings. The tag is used as a unique identifier for the section, and the name is given by the user.
+ */
+type CustomSection = {
+    tag: CustomTag;
+    name: string;
+    /** The space in which this section was created. Used to control visibility of empty sections. */
+    spaceId?: SpaceKey;
+};
+
+/**
+ * Type guard to check if a value is a valid CustomSection object.
+ */
+function isValidCustomSection(value: unknown): value is CustomSection {
+    return (
+        typeof value === "object" &&
+        value !== null &&
+        isCustomSectionTag((value as Record<string, unknown>).tag as string) &&
+        typeof (value as Record<string, unknown>).name === "string"
+    );
+}
+
+/**
+ * The custom sections data is stored as a record in the settings, where the key is the section tag and the value is the section data (name and tag).
+ */
+export type CustomSectionsData = Record<CustomTag, CustomSection>;
+
+/**
+ * Ordered list of custom section tags.
+ */
+export type OrderedCustomSections = CustomTag[];
+
+/**
+ * Tags that can be reordered relative to each other (everything except Favourite and LowPriority,
+ * which are pinned to the top and bottom respectively).
+ */
+export type ReorderableSection = CustomTag | typeof CHATS_TAG;
+
+/**
+ * Returns true if the given tag is a tag that can be reordered (custom section or the Chats tag).
+ */
+function isReorderableSection(tag: string, customData: CustomSectionsData): tag is ReorderableSection {
+    return tag === CHATS_TAG || (isCustomSectionTag(tag) && tag in customData);
+}
+
+/**
+ * Returns true if the given space key corresponds to an enabled meta-space or a known top-level space room.
+ */
+function doesSpaceExist(spaceId: SpaceKey): boolean {
+    if (isMetaSpace(spaceId)) return SDKContextClass.instance.spaceStore.enabledMetaSpaces.includes(spaceId);
+    return SDKContextClass.instance.spaceStore.spacePanelSpaces.some((room) => room.roomId === spaceId);
+}
+
+/**
+ * Retrieves the custom sections data from the settings.
+ * Invalid or malformed entries are dropped and the cleaned data is persisted back to settings.
+ */
+export function getCustomSectionData(): CustomSectionsData {
+    const raw = SettingsStore.getValue("RoomList.CustomSectionData");
+    // Data are malformed
+    if (typeof raw !== "object" || raw === null || Array.isArray(raw)) return {};
+
+    return Object.fromEntries(
+        Object.entries(raw)
+            .filter(([key, value]) => isValidCustomSection(value) && value.tag === key)
+            .map(([key, value]) => [
+                key,
+                {
+                    ...value,
+                    // Default to MetaSpace.Home for legacy sections (no spaceId) or if the stored space no longer exists
+                    spaceId: value.spaceId && doesSpaceExist(value.spaceId) ? value.spaceId : MetaSpace.Home,
+                },
+            ]),
+    ) satisfies CustomSectionsData;
+}
+
+/**
+ * Persisted expanded/collapsed state of the room list sections, stored per space then per section tag.
+ */
+export type SectionExpansionState = { [spaceId: string]: { [sectionTag: string]: boolean } };
+
+/**
+ * Returns whether the section with the given tag is expanded in the given space.
+ * Defaults to expanded when no state has been persisted.
+ * @param spaceId - The id of the space.
+ * @param tag - The tag of the section.
+ */
+export function isSectionExpanded(spaceId: string, tag: string): boolean {
+    return SettingsStore.getValue("RoomList.SectionExpansionState")[spaceId]?.[tag] ?? true;
+}
+
+/**
+ * Persists the expanded/collapsed state of a section for a given space at the device level.
+ * @param spaceId - The id of the space.
+ * @param tag - The tag of the section.
+ * @param expanded - Whether the section is expanded.
+ */
+export async function setSectionExpanded(spaceId: string, tag: string, expanded: boolean): Promise<void> {
+    const state = SettingsStore.getValue("RoomList.SectionExpansionState");
+    const newState: SectionExpansionState = {
+        ...state,
+        [spaceId]: { ...state[spaceId], [tag]: expanded },
+    };
+    await SettingsStore.setValue("RoomList.SectionExpansionState", null, SettingLevel.DEVICE, newState);
+}
+
+/**
+ * Retrieves the ordered list of custom section tags from the settings.
+ * If the settings contain tags that are not present in the custom section data, they will be filtered out and the settings will be updated to remove the unknown tags.
+ *
+ * @knipignore - exported for tests
+ */
+export function getOrderedCustomSections(): OrderedCustomSections {
+    const sectionData = getCustomSectionData();
+    const rawValue = SettingsStore.getValue("RoomList.OrderedCustomSections");
+    const orderedSections = Array.isArray(rawValue) ? rawValue : [];
+    return orderedSections.filter((tag): tag is CustomTag => isCustomSectionTag(tag) && tag in sectionData);
+}
+
+/**
+ * Returns the ordered list of reorderable section tags (custom sections + the Chats tag).
+ * Favourite and LowPriority are not included — they are pinned at the top and bottom respectively.
+ *
+ * If `CHATS_TAG` is missing from the stored order (e.g. legacy data or a freshly created custom
+ * section), it is appended at the end so that custom sections sit above Chats by default.
+ */
+export function getOrderedReorderableSections(): ReorderableSection[] {
+    const sectionData = getCustomSectionData();
+    const rawValue = SettingsStore.getValue("RoomList.OrderedCustomSections");
+    const stored = Array.isArray(rawValue) ? rawValue : [];
+
+    const result = stored.filter((tag): tag is ReorderableSection => isReorderableSection(tag, sectionData));
+    if (!result.includes(CHATS_TAG)) result.push(CHATS_TAG);
+    return result;
+}
+
+/**
+ * Creates a new custom section by showing a dialog to the user to enter the section name.
+ * If the user confirms, it generates a unique tag for the section, saves the section data in the settings, and updates the ordered list of sections.
+ *
+ * @param spaceId The space in which the section is being created. Used to control visibility of the empty section.
+ * @returns A promise that resolves to the new section tag if created, or undefined if cancelled.
+ */
+export async function createSection(spaceId: SpaceKey): Promise<string | undefined> {
+    const modal = Modal.createDialog(CreateSectionDialog);
+
+    const [shouldCreateSection, sectionName] = await modal.finished;
+    if (!shouldCreateSection || !sectionName) return undefined;
+
+    const tag: CustomTag = `${CUSTOM_SECTION_TAG_PREFIX}${window.crypto.randomUUID()}`;
+    const newSection: CustomSection = { tag, name: sectionName, spaceId };
+
+    // Save the new section data
+    const sectionData = getCustomSectionData();
+    sectionData[tag] = newSection;
+    await SettingsStore.setValue("RoomList.CustomSectionData", null, SettingLevel.ACCOUNT, sectionData);
+
+    // Add the new section to the ordered list of reorderable sections, just before CHATS_TAG
+    // so that newly-created sections appear above Chats by default.
+    const reorderable = getOrderedReorderableSections();
+    const chatsIndex = reorderable.indexOf(CHATS_TAG);
+    reorderable.splice(chatsIndex === -1 ? reorderable.length : chatsIndex, 0, tag);
+    await SettingsStore.setValue("RoomList.OrderedCustomSections", null, SettingLevel.ACCOUNT, reorderable);
+    return tag;
+}
+
+/**
+ * Edits an existing custom section by showing a dialog to the user to enter the new section name. If the user confirms, it updates the section data in the settings.
+ * @param tag - The tag of the section to edit.
+ */
+export async function editSection(tag: string): Promise<void> {
+    if (!isCustomSectionTag(tag)) {
+        logger.info("Unknown section tag, cannot edit section", tag);
+        return;
+    }
+    const sectionData = getCustomSectionData();
+    const section = sectionData[tag];
+    if (!section) {
+        logger.info("Unknown section tag, cannot edit section", tag);
+        return;
+    }
+
+    const modal = Modal.createDialog(CreateSectionDialog, { sectionToEdit: section.name });
+
+    const [shouldEditSection, newName] = await modal.finished;
+    const isSameName = newName === section.name;
+    if (!shouldEditSection || !newName || isSameName) return;
+
+    // Save the new name
+    sectionData[tag].name = newName;
+    await SettingsStore.setValue("RoomList.CustomSectionData", null, SettingLevel.ACCOUNT, sectionData);
+}
+
+/**
+ * Deletes a custom section by showing a confirmation dialog to the user. If the user confirms, it removes the section data from the settings and updates the ordered list of sections.
+ * @param tag - The tag of the section to delete.
+ * @param isEmpty - Whether the section is empty (has no rooms). If the section is not empty, the confirmation dialog will show a warning message.
+ */
+export async function deleteSection(tag: string, isEmpty: boolean): Promise<void> {
+    if (!isCustomSectionTag(tag)) {
+        logger.info("Unknown section tag, cannot delete section", tag);
+        return;
+    }
+    const sectionData = getCustomSectionData();
+    if (!sectionData[tag]) {
+        logger.info("Unknown section tag, cannot delete section", tag);
+        return;
+    }
+
+    const modal = Modal.createDialog(RemoveSectionDialog, { isEmpty });
+    const [shouldRemoveSection] = await modal.finished;
+    if (!shouldRemoveSection) return;
+
+    // Remove the section from the ordered list of reorderable sections (preserves CHATS_TAG position)
+    const newOrderedSections = getOrderedReorderableSections().filter((sectionTag) => sectionTag !== tag);
+    await SettingsStore.setValue("RoomList.OrderedCustomSections", null, SettingLevel.ACCOUNT, newOrderedSections);
+
+    // Remove the section data
+    delete sectionData[tag];
+    await SettingsStore.setValue("RoomList.CustomSectionData", null, SettingLevel.ACCOUNT, sectionData);
+}
+
+/**
+ * Reorders sections by moving sourceTag relative to targetTag within the set of reorderable
+ * sections (custom sections and the Chats tag). Favourite and LowPriority are not reorderable
+ * and are rejected as either source or target.
+ *
+ * If the source was below the target, it is inserted before the target; otherwise after.
+ * @param sourceTag - The tag of the section to move.
+ * @param targetTag - The tag of the section to move relative to.
+ */
+export async function reorderSection(sourceTag: string, targetTag: string): Promise<void> {
+    const ordered = getOrderedReorderableSections();
+    const fromIndex = ordered.indexOf(sourceTag as ReorderableSection);
+
+    if (fromIndex === -1 || !ordered.includes(targetTag as ReorderableSection) || sourceTag === targetTag) return;
+
+    const toIndex = ordered.indexOf(targetTag as ReorderableSection);
+    const insertBefore = fromIndex > toIndex;
+
+    ordered.splice(fromIndex, 1);
+    const newToIndex = ordered.indexOf(targetTag as ReorderableSection);
+    ordered.splice(insertBefore ? newToIndex : newToIndex + 1, 0, sourceTag as ReorderableSection);
+    await SettingsStore.setValue("RoomList.OrderedCustomSections", null, SettingLevel.ACCOUNT, ordered);
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/Level.ts b/apps/web/src/stores/room-list-v3/skip-list/Level.ts
new file mode 100644
index 00000000000..16f42634b70
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/Level.ts
@@ -0,0 +1,114 @@
+/*
+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 { RoomNode } from "./RoomNode";
+import { shouldPromote } from "./utils";
+
+/**
+ * Represents one level of the skip list
+ */
+export class Level {
+    public head?: RoomNode;
+    private current?: RoomNode;
+    private _size: number = 0;
+
+    /**
+     * The number of elements in this level
+     */
+    public get size(): number {
+        return this._size;
+    }
+
+    public constructor(public readonly level: number) {}
+
+    /**
+     * Insert node after current
+     */
+    public setNext(node: RoomNode): void {
+        if (!this.head) this.head = node;
+        if (!this.current) {
+            this.current = node;
+        } else {
+            node.previous[this.level] = this.current;
+            this.current.next[this.level] = node;
+            this.current = node;
+        }
+        this._size++;
+    }
+
+    /**
+     * Iterate through the elements in this level and create
+     * a new level above this level by probabilistically determining
+     * whether a given element must be promoted to the new level.
+     */
+    public generateNextLevel(): Level {
+        const nextLevelSentinel = new Level(this.level + 1);
+        let current = this.head;
+        while (current) {
+            if (shouldPromote()) {
+                nextLevelSentinel.setNext(current);
+            }
+            current = current.next[this.level];
+        }
+        return nextLevelSentinel;
+    }
+
+    /**
+     * Removes a given node from this level.
+     * Does nothing if the given node is not present in this level.
+     */
+    public removeNode(node: RoomNode): void {
+        // Let's first see if this node is even in this level
+        const nodeInThisLevel = this.head === node || node.previous[this.level];
+        if (!nodeInThisLevel) {
+            // This node is not in this sentinel level, so nothing to do.
+            return;
+        }
+        const prev = node.previous[this.level];
+        if (prev) {
+            const nextNode = node.next[this.level];
+            prev.next[this.level] = nextNode;
+            if (nextNode) nextNode.previous[this.level] = prev;
+        } else {
+            // This node was the head since it has no back links!
+            // so update the head.
+            const next = node.next[this.level];
+            this.head = next;
+            if (next) next.previous[this.level] = node.previous[this.level];
+        }
+        this._size--;
+    }
+
+    /**
+     * Put newNode after node in this level. No checks are done to ensure
+     * that node is actually present in this level.
+     */
+    public insertAfter(node: RoomNode, newNode: RoomNode): void {
+        const level = this.level;
+        const nextNode = node.next[level];
+        if (nextNode) {
+            newNode.next[level] = nextNode;
+            nextNode.previous[level] = newNode;
+        }
+        node.next[level] = newNode;
+        newNode.previous[level] = node;
+        this._size++;
+    }
+
+    /**
+     *  Insert a given node at the head of this level.
+     */
+    public insertAtHead(newNode: RoomNode): void {
+        const existingNode = this.head;
+        this.head = newNode;
+        if (existingNode) {
+            newNode.next[this.level] = existingNode;
+            existingNode.previous[this.level] = newNode;
+        }
+        this._size++;
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/RoomNode.ts b/apps/web/src/stores/room-list-v3/skip-list/RoomNode.ts
new file mode 100644
index 00000000000..3e44d21d4a4
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/RoomNode.ts
@@ -0,0 +1,79 @@
+/*
+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 type { Filter, FilterKey } from "./filters";
+import { SDKContextClass } from "../../../contexts/SDKContextClass.ts";
+
+/**
+ * Room skip list stores room nodes.
+ * These hold the actual room object and provides references to other nodes
+ * in different levels.
+ */
+export class RoomNode {
+    private _isInActiveSpace: boolean = false;
+
+    public constructor(public readonly room: Room) {}
+
+    /**
+     * This array holds references to the next node in a given level.
+     * eg: next[i] gives the next room node from this room node in level i.
+     */
+    public next: RoomNode[] = [];
+
+    /**
+     * This array holds references to the previous node in a given level.
+     * eg: previous[i] gives the previous room node from this room node in level i.
+     */
+    public previous: RoomNode[] = [];
+
+    /**
+     * Whether the room associated with this room node belongs to
+     * the currently active space.
+     * @see {@link SpaceStore#activeSpace} to understand what active
+     * space means.
+     */
+    public get isInActiveSpace(): boolean {
+        return this._isInActiveSpace;
+    }
+
+    /**
+     * Check if this room belongs to the active space and store the result
+     * in {@link RoomNode#isInActiveSpace}.
+     */
+    public checkIfRoomBelongsToActiveSpace(): void {
+        const activeSpace = SDKContextClass.instance.spaceStore.activeSpace;
+        this._isInActiveSpace = SDKContextClass.instance.spaceStore.isRoomInSpace(activeSpace, this.room.roomId);
+    }
+
+    /**
+     * Aggregates all the filter keys that apply to this room.
+     * eg: if filterKeysSet.has(Filter.FavouriteFilter) is true, then this room is a favourite room.
+     */
+    private filterKeysSet: Set<FilterKey> = new Set();
+
+    /**
+     * Returns true if the associated room matches all the provided filters.
+     * Returns false otherwise.
+     * @param filterKeys An array of filter keys to check against.
+     */
+    public doesRoomMatchFilters(filterKeys: FilterKey[]): boolean {
+        return !filterKeys.some((key) => !this.filterKeysSet.has(key));
+    }
+
+    /**
+     * Populates {@link RoomNode#filterKeysSet} by checking if the associated room
+     * satisfies the given filters.
+     * @param filters A list of filters
+     */
+    public applyFilters(filters: Filter[]): void {
+        this.filterKeysSet = new Set();
+        for (const filter of filters) {
+            if (filter.matches(this.room)) this.filterKeysSet.add(filter.key);
+        }
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/RoomSkipList.ts b/apps/web/src/stores/room-list-v3/skip-list/RoomSkipList.ts
new file mode 100644
index 00000000000..5ee86aefc9c
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/RoomSkipList.ts
@@ -0,0 +1,246 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+import type { Sorter, SortingAlgorithm } from "./sorters";
+import type { Filter, FilterKey } from "./filters";
+import { RoomNode } from "./RoomNode";
+import { shouldPromote } from "./utils";
+import { Level } from "./Level";
+import { SortedRoomIterator, SortedSpaceFilteredIterator } from "./iterators";
+
+/**
+ * Implements a skip list that stores rooms using a given sorting algorithm.
+ * See See https://en.wikipedia.org/wiki/Skip_list
+ */
+export class RoomSkipList implements Iterable<Room> {
+    private levels: Level[] = [new Level(0)];
+    private roomNodeMap: Map<string, RoomNode> = new Map();
+    public initialized: boolean = false;
+
+    public constructor(
+        private sorter: Sorter,
+        private filters: Filter[] = [],
+    ) {}
+
+    private reset(): void {
+        this.levels = [new Level(0)];
+        this.roomNodeMap = new Map();
+    }
+
+    /**
+     * Seed the list with an initial list of rooms.
+     */
+    public seed(rooms: Room[]): void {
+        // 1. First sort the rooms and create a base sorted linked list
+        const sortedRoomNodes = this.sorter.sort(rooms).map((room) => new RoomNode(room));
+        let currentLevel = this.levels[0];
+        for (const node of sortedRoomNodes) {
+            node.applyFilters(this.filters);
+            currentLevel.setNext(node);
+            this.roomNodeMap.set(node.room.roomId, node);
+        }
+
+        // 2. Create the rest of the sub linked lists
+        do {
+            this.levels[currentLevel.level] = currentLevel;
+            currentLevel = currentLevel.generateNextLevel();
+        } while (currentLevel.size > 1);
+
+        // 3. Go through the list of rooms and mark nodes in active space
+        this.calculateActiveSpaceForNodes();
+
+        this.initialized = true;
+    }
+
+    /**
+     * Go through all the room nodes and check if they belong to the active space.
+     */
+    public calculateActiveSpaceForNodes(): void {
+        for (const node of this.roomNodeMap.values()) {
+            node.checkIfRoomBelongsToActiveSpace();
+        }
+    }
+
+    /**
+     * Change the sorting algorithm used by the skip list.
+     * This will reset the list and will rebuild from scratch.
+     */
+    public useNewSorter(sorter: Sorter, rooms: Room[]): void {
+        this.reset();
+        this.sorter = sorter;
+        this.seed(rooms);
+    }
+
+    /**
+     * Change the filters used by the skip list.
+     * This will apply the new filters to all existing nodes.
+     */
+    public useNewFilters(filters: Filter[]): void {
+        this.filters = filters;
+        for (const node of this.roomNodeMap.values()) {
+            node.applyFilters(this.filters);
+        }
+    }
+
+    /**
+     * Removes a given room from the skip list.
+     */
+    public removeRoom(room: Room): void {
+        const existingNode = this.roomNodeMap.get(room.roomId);
+        this.roomNodeMap.delete(room.roomId);
+        if (existingNode) {
+            for (const level of this.levels) {
+                level.removeNode(existingNode);
+            }
+        }
+    }
+
+    /**
+     * Re-inserts a room that is already in the skiplist.
+     * This method does nothing if the room isn't already in the skiplist.
+     * @param room the room to add
+     */
+    public reInsertRoom(room: Room): void {
+        if (!this.roomNodeMap.has(room.roomId)) {
+            return;
+        }
+        this.removeRoom(room);
+        this.addNewRoom(room);
+    }
+
+    /**
+     * Adds a new room to the skiplist.
+     * This method does nothing if the room is already in the skiplist.
+     * @param room the room to add
+     */
+    public addNewRoom(room: Room): void {
+        if (this.roomNodeMap.has(room.roomId)) {
+            logger.error(`Can't add room to skiplist: ${room.roomId} is already in the skiplist!`);
+            return;
+        }
+        this.insertRoom(room);
+    }
+
+    /**
+     * Adds a given room to the correct sorted position in the list.
+     */
+    private insertRoom(room: Room): void {
+        const newNode = new RoomNode(room);
+        newNode.checkIfRoomBelongsToActiveSpace();
+        newNode.applyFilters(this.filters);
+        this.roomNodeMap.set(room.roomId, newNode);
+
+        /**
+         * This array tracks where the new node must be inserted in a
+         * given level.
+         * The index is the level and the value represents where the
+         * insertion must happen.
+         * If the value is null, it simply means that we need to insert
+         * at the head.
+         * If the value is a RoomNode, simply insert after this node.
+         */
+        const insertionNodes: (RoomNode | null)[] = [];
+
+        /**
+         * Now we'll do the actual work of finding where to insert this
+         * node.
+         *
+         * We start at the top most level and move downwards ...
+         */
+        for (let j = this.levels.length - 1; j >= 0; --j) {
+            const level = this.levels[j];
+
+            /**
+             * If the head is undefined, that means this level is empty.
+             * So mark it as such in insertionNodes and skip over this
+             * level.
+             */
+            if (!level.head) {
+                insertionNodes[j] = null;
+                continue;
+            }
+
+            /**
+             * So there's actually some nodes in this level ...
+             * All we need to do is find the node that is smaller or
+             * equal to the node that we wish to insert.
+             */
+            let current = level.head;
+            let previous: RoomNode | null = null;
+            while (current) {
+                if (this.sorter.comparator(current.room, room) < 0) {
+                    previous = current;
+                    current = current.next[j];
+                } else break;
+            }
+
+            /**
+             * previous will now be null if there's no node in this level
+             * smaller than the node we wish to insert or it will be a
+             * RoomNode.
+             * This is exactly what we need to track in insertionNodes!
+             */
+            insertionNodes[j] = previous;
+        }
+
+        /**
+         * We're done with difficult part, now we just need to do the
+         * actual node insertion.
+         */
+        for (const [level, node] of insertionNodes.entries()) {
+            /**
+             * Whether our new node should be present in a level
+             * is decided by coin toss.
+             */
+            if (level === 0 || shouldPromote()) {
+                const levelObj = this.levels[level];
+                if (node) levelObj.insertAfter(node, newNode);
+                else levelObj.insertAtHead(newNode);
+            } else {
+                break;
+            }
+        }
+    }
+
+    public [Symbol.iterator](): SortedRoomIterator {
+        return new SortedRoomIterator(this.levels[0].head!);
+    }
+
+    /**
+     * Returns an iterator that can be used to generate a list of sorted rooms that belong
+     * to the currently active space. Passing filterKeys will further filter the list such
+     * that only rooms that match the filters are returned.
+     *
+     * @example To get an array of rooms:
+     * Array.from(RLS.getRoomsInActiveSpace());
+     *
+     * @example Use a for ... of loop to iterate over rooms:
+     * for(const room of RLS.getRoomsInActiveSpace()) { something(room); }
+     *
+     * @example Additional filtering:
+     * Array.from(RLS.getRoomsInActiveSpace([FilterKeys.Favourite]));
+     */
+    public getRoomsInActiveSpace(filterKeys: FilterKey[] = []): SortedSpaceFilteredIterator {
+        return new SortedSpaceFilteredIterator(this.levels[0].head!, filterKeys);
+    }
+
+    /**
+     * The number of rooms currently in the skip list.
+     */
+    public get size(): number {
+        return this.levels[0].size;
+    }
+
+    /**
+     * The currently active sorting algorithm.
+     */
+    public get activeSortAlgorithm(): SortingAlgorithm {
+        return this.sorter.type;
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/filters/ExcludeTagsFilter.ts b/apps/web/src/stores/room-list-v3/skip-list/filters/ExcludeTagsFilter.ts
new file mode 100644
index 00000000000..b62cabd93be
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/filters/ExcludeTagsFilter.ts
@@ -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 { type Room } from "matrix-js-sdk/src/matrix";
+
+import { type Filter, FilterEnum } from ".";
+
+export class ExcludeTagsFilter implements Filter {
+    public constructor(private readonly tags: string[]) {}
+
+    public matches(room: Room): boolean {
+        return !this.tags.some((tag) => room.tags[tag]);
+    }
+
+    public get key(): FilterEnum.ExcludeTagsFilter {
+        return FilterEnum.ExcludeTagsFilter;
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/filters/FavouriteFilter.ts b/apps/web/src/stores/room-list-v3/skip-list/filters/FavouriteFilter.ts
new file mode 100644
index 00000000000..e3490543190
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/filters/FavouriteFilter.ts
@@ -0,0 +1,19 @@
+/*
+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 { FilterEnum, type Filter } from ".";
+import { DefaultTagID } from "../tag";
+
+export class FavouriteFilter implements Filter {
+    public matches(room: Room): boolean {
+        return !!room.tags[DefaultTagID.Favourite];
+    }
+
+    public get key(): FilterEnum.FavouriteFilter {
+        return FilterEnum.FavouriteFilter;
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/filters/InvitesFilter.ts b/apps/web/src/stores/room-list-v3/skip-list/filters/InvitesFilter.ts
new file mode 100644
index 00000000000..fd767b40c8f
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/filters/InvitesFilter.ts
@@ -0,0 +1,19 @@
+/*
+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, KnownMembership } from "matrix-js-sdk/src/matrix";
+
+import { type Filter, FilterEnum } from ".";
+
+export class InvitesFilter implements Filter {
+    public matches(room: Room): boolean {
+        return room.getMyMembership() === KnownMembership.Invite;
+    }
+
+    public get key(): FilterEnum.InvitesFilter {
+        return FilterEnum.InvitesFilter;
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/filters/LowPriorityFilter.ts b/apps/web/src/stores/room-list-v3/skip-list/filters/LowPriorityFilter.ts
new file mode 100644
index 00000000000..cee870087dd
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/filters/LowPriorityFilter.ts
@@ -0,0 +1,19 @@
+/*
+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 { type Filter, FilterEnum } from ".";
+import { DefaultTagID } from "../tag";
+
+export class LowPriorityFilter implements Filter {
+    public matches(room: Room): boolean {
+        return !!room.tags[DefaultTagID.LowPriority];
+    }
+
+    public get key(): FilterEnum.LowPriorityFilter {
+        return FilterEnum.LowPriorityFilter;
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/filters/MentionsFilter.ts b/apps/web/src/stores/room-list-v3/skip-list/filters/MentionsFilter.ts
new file mode 100644
index 00000000000..3f14978d5eb
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/filters/MentionsFilter.ts
@@ -0,0 +1,19 @@
+/*
+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 { type Filter, FilterEnum } from ".";
+import { RoomNotificationStateStore } from "../../../notifications/RoomNotificationStateStore";
+
+export class MentionsFilter implements Filter {
+    public matches(room: Room): boolean {
+        return RoomNotificationStateStore.instance.getRoomState(room).isMention;
+    }
+
+    public get key(): FilterEnum.MentionsFilter {
+        return FilterEnum.MentionsFilter;
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/filters/PeopleFilter.ts b/apps/web/src/stores/room-list-v3/skip-list/filters/PeopleFilter.ts
new file mode 100644
index 00000000000..a0dd922bdb8
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/filters/PeopleFilter.ts
@@ -0,0 +1,20 @@
+/*
+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 { type Filter, FilterEnum } from ".";
+import DMRoomMap from "../../../../utils/DMRoomMap";
+
+export class PeopleFilter implements Filter {
+    public matches(room: Room): boolean {
+        // Match rooms that are DMs
+        return !!DMRoomMap.shared().getUserIdForRoomId(room.roomId);
+    }
+
+    public get key(): FilterEnum.PeopleFilter {
+        return FilterEnum.PeopleFilter;
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/filters/RoomsFilter.ts b/apps/web/src/stores/room-list-v3/skip-list/filters/RoomsFilter.ts
new file mode 100644
index 00000000000..dc49cde05b5
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/filters/RoomsFilter.ts
@@ -0,0 +1,20 @@
+/*
+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 { type Filter, FilterEnum } from ".";
+import DMRoomMap from "../../../../utils/DMRoomMap";
+
+export class RoomsFilter implements Filter {
+    public matches(room: Room): boolean {
+        // This should filter rooms that are not DMs
+        return !DMRoomMap.shared().getUserIdForRoomId(room.roomId);
+    }
+
+    public get key(): FilterEnum.RoomsFilter {
+        return FilterEnum.RoomsFilter;
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/filters/TagFilter.ts b/apps/web/src/stores/room-list-v3/skip-list/filters/TagFilter.ts
new file mode 100644
index 00000000000..9947f8be51e
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/filters/TagFilter.ts
@@ -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 { type Room } from "matrix-js-sdk/src/matrix";
+
+import { type Filter } from ".";
+
+export class TagFilter implements Filter {
+    public constructor(private readonly tag: string) {}
+
+    public matches(room: Room): boolean {
+        return !!room.tags[this.tag];
+    }
+
+    public get key(): string {
+        return this.tag;
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/filters/UnreadFilter.ts b/apps/web/src/stores/room-list-v3/skip-list/filters/UnreadFilter.ts
new file mode 100644
index 00000000000..0c6100eb131
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/filters/UnreadFilter.ts
@@ -0,0 +1,20 @@
+/*
+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 { type Filter, FilterEnum } from ".";
+import { RoomNotificationStateStore } from "../../../notifications/RoomNotificationStateStore";
+import { getMarkedUnreadState } from "../../../../utils/notifications";
+
+export class UnreadFilter implements Filter {
+    public matches(room: Room): boolean {
+        return RoomNotificationStateStore.instance.getRoomState(room).hasUnreadCount || !!getMarkedUnreadState(room);
+    }
+
+    public get key(): FilterEnum.UnreadFilter {
+        return FilterEnum.UnreadFilter;
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/filters/index.ts b/apps/web/src/stores/room-list-v3/skip-list/filters/index.ts
new file mode 100644
index 00000000000..b66c2dd0ad8
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/filters/index.ts
@@ -0,0 +1,33 @@
+/*
+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";
+
+export const enum FilterEnum {
+    FavouriteFilter = "favourite",
+    UnreadFilter = "unread",
+    PeopleFilter = "people",
+    RoomsFilter = "rooms",
+    LowPriorityFilter = "low_priority",
+    MentionsFilter = "mentions",
+    InvitesFilter = "invites",
+    ExcludeTagsFilter = "exclude_tags",
+}
+
+export type FilterKey = FilterEnum | string;
+
+export interface Filter {
+    /**
+     * Boolean return value indicates whether this room satisfies
+     * the filter condition.
+     */
+    matches(room: Room): boolean;
+
+    /**
+     * Used to identify this particular filter.
+     */
+    key: FilterKey;
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/iterators.ts b/apps/web/src/stores/room-list-v3/skip-list/iterators.ts
new file mode 100644
index 00000000000..a992c79aef9
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/iterators.ts
@@ -0,0 +1,47 @@
+/*
+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 type { RoomNode } from "./RoomNode";
+import type { FilterKey } from "./filters";
+
+export class SortedRoomIterator implements Iterator<Room> {
+    public constructor(private current: RoomNode) {}
+
+    public next(): IteratorResult<Room> {
+        const current = this.current;
+        if (!current) return { value: undefined, done: true };
+        this.current = current.next[0];
+        return {
+            value: current.room,
+        };
+    }
+}
+
+export class SortedSpaceFilteredIterator implements Iterator<Room> {
+    public constructor(
+        private current: RoomNode,
+        private readonly filters: FilterKey[],
+    ) {}
+
+    public [Symbol.iterator](): SortedSpaceFilteredIterator {
+        return this;
+    }
+
+    public next(): IteratorResult<Room> {
+        let current = this.current;
+        while (current) {
+            if (current.isInActiveSpace && current.doesRoomMatchFilters(this.filters)) break;
+            current = current.next[0];
+        }
+        if (!current) return { value: undefined, done: true };
+        this.current = current.next[0];
+        return {
+            value: current.room,
+        };
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/sorters/AlphabeticSorter.ts b/apps/web/src/stores/room-list-v3/skip-list/sorters/AlphabeticSorter.ts
new file mode 100644
index 00000000000..50a1b09d174
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/sorters/AlphabeticSorter.ts
@@ -0,0 +1,27 @@
+/*
+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 { type Sorter, SortingAlgorithm } from ".";
+
+export class AlphabeticSorter implements Sorter {
+    private readonly collator = new Intl.Collator();
+
+    public sort(rooms: Room[]): Room[] {
+        return [...rooms].sort((a, b) => {
+            return this.comparator(a, b);
+        });
+    }
+
+    public comparator(roomA: Room, roomB: Room): number {
+        return this.collator.compare(roomA.name, roomB.name);
+    }
+
+    public get type(): SortingAlgorithm.Alphabetic {
+        return SortingAlgorithm.Alphabetic;
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/sorters/BaseRecencySorter.ts b/apps/web/src/stores/room-list-v3/skip-list/sorters/BaseRecencySorter.ts
new file mode 100644
index 00000000000..8b85659dd87
--- /dev/null
+++ b/apps/web/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/apps/web/src/stores/room-list-v3/skip-list/sorters/RecencySorter.ts b/apps/web/src/stores/room-list-v3/skip-list/sorters/RecencySorter.ts
new file mode 100644
index 00000000000..04b8f4a0edf
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/sorters/RecencySorter.ts
@@ -0,0 +1,40 @@
+/*
+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 { type Sorter, SortingAlgorithm } from ".";
+import { RoomNotificationStateStore } from "../../../notifications/RoomNotificationStateStore";
+import { BaseRecencySorter } from "./BaseRecencySorter";
+import { DefaultTagID } from "../tag";
+
+export class RecencySorter extends BaseRecencySorter implements Sorter {
+    public get type(): SortingAlgorithm.Recency {
+        return SortingAlgorithm.Recency;
+    }
+
+    /**
+     * This sorter mostly sorts rooms by recency but there are two exceptions:
+     * 1. Muted rooms are sorted to the bottom of the list.
+     * 2. Low priority rooms are sorted to the bottom of the list but before muted rooms.
+     *
+     * The following method provides a numerical value that takes care of this
+     * exceptional ordering. For two rooms A and B, it works as follows:
+     * - If getScore(A) - getScore(B) > 0, A should come after B
+     * - If getScore(A) - getScore(B) < 0, A should come before B
+     * - If getScore(A) - getScore(B) = 0, no special ordering needed, just use recency
+     */
+    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:
+        // Low priority rooms -> Low priority and muted rooms -> Muted rooms
+        if (isMuted && isLowPriority) return 5;
+        else if (isMuted) return 10;
+        else if (isLowPriority) return 2;
+        else return 0;
+    }
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/sorters/UnreadSorter.ts b/apps/web/src/stores/room-list-v3/skip-list/sorters/UnreadSorter.ts
new file mode 100644
index 00000000000..c590d1d5732
--- /dev/null
+++ b/apps/web/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 { CallStore } from "../../../CallStore";
+import { getMarkedUnreadState } from "../../../../utils/notifications";
+import { BaseRecencySorter } from "./BaseRecencySorter";
+import { DefaultTagID } from "../tag";
+
+/**
+ * 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/apps/web/src/stores/room-list-v3/skip-list/sorters/index.ts b/apps/web/src/stores/room-list-v3/skip-list/sorters/index.ts
new file mode 100644
index 00000000000..82fbaebc027
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/sorters/index.ts
@@ -0,0 +1,37 @@
+/*
+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";
+
+export interface Sorter {
+    /**
+     * Performs an initial sort of rooms and returns a new array containing
+     * the result.
+     * @param rooms An array of rooms.
+     */
+    sort(rooms: Room[]): Room[];
+    /**
+     * The comparator used for sorting.
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#comparefn
+     * @param roomA Room
+     * @param roomB Room
+     */
+    comparator(roomA: Room, roomB: Room): number;
+    /**
+     * A string that uniquely identifies this given sorter.
+     */
+    type: SortingAlgorithm;
+}
+
+/**
+ * All the available sorting algorithms.
+ */
+export const enum SortingAlgorithm {
+    Unread = "Unread",
+    Recency = "Recency",
+    Alphabetic = "Alphabetic",
+}
diff --git a/apps/web/src/stores/room-list-v3/skip-list/sorters/utils/getLastTimestamp.ts b/apps/web/src/stores/room-list-v3/skip-list/sorters/utils/getLastTimestamp.ts
new file mode 100644
index 00000000000..253029843b0
--- /dev/null
+++ b/apps/web/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/apps/web/src/stores/room-list-v3/skip-list/tag.ts b/apps/web/src/stores/room-list-v3/skip-list/tag.ts
new file mode 100644
index 00000000000..f81255ca6a5
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/tag.ts
@@ -0,0 +1,25 @@
+/*
+ * 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.
+ */
+
+/**
+ * Default tags that are used for rooms that don't have a user defined tag. These are used to determine where a room should be placed in the room list and how it should be sorted.
+ */
+export enum DefaultTagID {
+    Invite = "im.vector.fake.invite",
+    Untagged = "im.vector.fake.recent", // legacy: used to just be 'recent rooms' but now it's all untagged rooms
+    Archived = "im.vector.fake.archived",
+    LowPriority = "m.lowpriority",
+    Favourite = "m.favourite",
+    DM = "im.vector.fake.direct",
+    Conference = "im.vector.fake.conferences",
+    ServerNotice = "m.server_notice",
+}
+
+/**
+ * A tag ID is either a user defined tag (which is just a string) or one of the default tags defined in DefaultTagID.
+ */
+export type TagID = string | DefaultTagID;
diff --git a/apps/web/src/stores/room-list-v3/skip-list/utils.ts b/apps/web/src/stores/room-list-v3/skip-list/utils.ts
new file mode 100644
index 00000000000..4c0bac4af65
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/skip-list/utils.ts
@@ -0,0 +1,10 @@
+/*
+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 function shouldPromote(): boolean {
+    return Math.random() < 0.5;
+}
diff --git a/apps/web/src/stores/room-list-v3/utils.ts b/apps/web/src/stores/room-list-v3/utils.ts
new file mode 100644
index 00000000000..2f7c0637b67
--- /dev/null
+++ b/apps/web/src/stores/room-list-v3/utils.ts
@@ -0,0 +1,44 @@
+/*
+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 MatrixEvent, EventType, type IPushRules } from "matrix-js-sdk/src/matrix";
+
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { isRuleMaybeRoomMuteRule } from "../../RoomNotifs";
+import { arrayDiff } from "../../utils/arrays";
+
+/**
+ * Gets any changed push rules that are room specific overrides
+ * that mute notifications
+ * @param actionPayload
+ * @returns {string[]} ruleIds of added or removed rules
+ */
+export const getChangedOverrideRoomMutePushRules = (actionPayload: ActionPayload): string[] | undefined => {
+    if (
+        actionPayload.action !== "MatrixActions.accountData" ||
+        actionPayload.event?.getType() !== EventType.PushRules
+    ) {
+        return undefined;
+    }
+    const event = actionPayload.event as MatrixEvent;
+    const prevEvent = actionPayload.previousEvent as MatrixEvent | undefined;
+
+    if (!event || !prevEvent) {
+        return undefined;
+    }
+
+    const roomPushRules = event.getContent<IPushRules>()?.global?.override?.filter(isRuleMaybeRoomMuteRule);
+    const prevRoomPushRules = prevEvent?.getContent<IPushRules>()?.global?.override?.filter(isRuleMaybeRoomMuteRule);
+
+    const { added, removed } = arrayDiff(
+        prevRoomPushRules?.map((rule) => rule.rule_id) || [],
+        roomPushRules?.map((rule) => rule.rule_id) || [],
+    );
+
+    return [...added, ...removed];
+};
diff --git a/apps/web/src/stores/spaces/SpaceStore.test.ts b/apps/web/src/stores/spaces/SpaceStore.test.ts
new file mode 100644
index 00000000000..b890b861af5
--- /dev/null
+++ b/apps/web/src/stores/spaces/SpaceStore.test.ts
@@ -0,0 +1,1481 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeAll, beforeEach, afterEach } from "vitest";
+import { type EventEmitter } from "node:events";
+import {
+    EventType,
+    RoomMember,
+    RoomStateEvent,
+    ClientEvent,
+    type MatrixEvent,
+    type Room,
+    RoomEvent,
+    JoinRule,
+    type RoomState,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import * as testUtils from "test-utils";
+import { mkEvent, setupAsyncStoreWithClient, stubClient } from "test-utils";
+
+import SpaceStore from "./SpaceStore";
+import {
+    MetaSpace,
+    UPDATE_HOME_BEHAVIOUR,
+    UPDATE_INVITED_SPACES,
+    UPDATE_SELECTED_SPACE,
+    UPDATE_TOP_LEVEL_SPACES,
+} from ".";
+import DMRoomMap from "../../../src/utils/DMRoomMap";
+import defaultDispatcher from "../../../src/dispatcher/dispatcher";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../settings/SettingLevel";
+import { Action } from "../../dispatcher/actions";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import RoomListStoreV3 from "../room-list-v3/RoomListStoreV3";
+import { DefaultTagID } from "../room-list-v3/skip-list/tag";
+import { RoomNotificationStateStore } from "../notifications/RoomNotificationStateStore";
+import { NotificationLevel } from "../notifications/NotificationLevel";
+import { storeRoomAliasInCache } from "../../RoomAliasCache.ts";
+import { TestSDKContext } from "../../../test/unit-tests/TestSDKContext.ts";
+
+vi.useFakeTimers();
+
+const testUserId = "@test:user";
+
+const fav1 = "!fav1:server";
+const fav2 = "!fav2:server";
+const fav3 = "!fav3:server";
+const dm1 = "!dm1:server";
+const dm1Partner = new RoomMember(dm1, "@dm1Partner:server");
+dm1Partner.membership = KnownMembership.Join;
+const dm2 = "!dm2:server";
+const dm2Partner = new RoomMember(dm2, "@dm2Partner:server");
+dm2Partner.membership = KnownMembership.Join;
+const dm3 = "!dm3:server";
+const dm3Partner = new RoomMember(dm3, "@dm3Partner:server");
+dm3Partner.membership = KnownMembership.Join;
+const orphan1 = "!orphan1:server";
+const orphan2 = "!orphan2:server";
+const invite1 = "!invite1:server";
+const invite2 = "!invite2:server";
+const room1 = "!room1:server";
+const room2 = "!room2:server";
+const room3 = "!room3:server";
+const room4 = "!room4:server";
+const videoRoomPrivate = "!videoRoomPrivate:server";
+const videoRoomPublic = "!videoRoomPublic:server";
+const space1 = "!space1:server";
+const space2 = "!space2:server";
+const space3 = "!space3:server";
+const space4 = "!space4:server";
+
+const getUserIdForRoomId = vi.fn((roomId: string) => {
+    return {
+        [dm1]: dm1Partner.userId,
+        [dm2]: dm2Partner.userId,
+        [dm3]: dm3Partner.userId,
+    }[roomId];
+});
+const getDMRoomsForUserId = vi.fn((userId) => {
+    switch (userId) {
+        case dm1Partner.userId:
+            return [dm1];
+        case dm2Partner.userId:
+            return [dm2];
+        case dm3Partner.userId:
+            return [dm3];
+        default:
+            return [];
+    }
+});
+// @ts-ignore
+DMRoomMap.sharedInstance = { getUserIdForRoomId, getDMRoomsForUserId };
+
+describe("SpaceStore", () => {
+    stubClient();
+    const client = MatrixClientPeg.safeGet();
+    const sdkContext = new TestSDKContext();
+    sdkContext._client = client;
+    const store = sdkContext.spaceStore;
+
+    const spyDispatcher = vi.spyOn(defaultDispatcher, "dispatch");
+
+    let rooms: Room[] = [];
+    const mkRoom = (roomId: string) => testUtils.mkRoom(client, roomId, rooms);
+    const mkSpace = (spaceId: string, children: string[] = []) => testUtils.mkSpace(client, spaceId, rooms, children);
+    const viewRoom = (roomId: string) => defaultDispatcher.dispatch({ action: Action.ViewRoom, room_id: roomId }, true);
+
+    const run = async () => {
+        vi.mocked(client).getRoom.mockImplementation((roomId) => rooms.find((room) => room.roomId === roomId) || null);
+        vi.mocked(client).getRoomUpgradeHistory.mockImplementation((roomId) => {
+            const room = rooms.find((room) => room.roomId === roomId);
+            return room ? [room] : [];
+        });
+        await testUtils.setupAsyncStoreWithClient(store, client);
+        vi.runOnlyPendingTimers();
+    };
+
+    const setShowAllRooms = async (value: boolean) => {
+        if (store.allRoomsInHome === value) return;
+        const emitProm = testUtils.emitPromise(store, UPDATE_HOME_BEHAVIOUR);
+        await SettingsStore.setValue("Spaces.allRoomsInHome", null, SettingLevel.DEVICE, value);
+        vi.runOnlyPendingTimers(); // run async dispatch
+        await emitProm;
+    };
+
+    beforeEach(async () => {
+        vi.runOnlyPendingTimers(); // run async dispatch
+        vi.mocked(client).getVisibleRooms.mockReturnValue((rooms = []));
+
+        await SettingsStore.setValue("Spaces.enabledMetaSpaces", null, SettingLevel.DEVICE, {
+            [MetaSpace.Home]: true,
+            [MetaSpace.Orphans]: true,
+        });
+
+        spyDispatcher.mockClear();
+    });
+
+    afterEach(async () => {
+        await testUtils.resetAsyncStoreWithClient(store);
+    });
+
+    describe("static hierarchy resolution tests", () => {
+        it("handles no spaces", async () => {
+            await run();
+
+            expect(store.spacePanelSpaces).toStrictEqual([]);
+            expect(store.invitedSpaces).toStrictEqual([]);
+        });
+
+        it("handles 3 joined top level spaces", async () => {
+            mkSpace("!space1:server");
+            mkSpace("!space2:server");
+            mkSpace("!space3:server");
+            await run();
+
+            expect(store.spacePanelSpaces.sort()).toStrictEqual(client.getVisibleRooms().sort());
+            expect(store.invitedSpaces).toStrictEqual([]);
+        });
+
+        it("handles a basic hierarchy", async () => {
+            mkSpace("!space1:server");
+            mkSpace("!space2:server");
+            mkSpace("!company:server", [
+                mkSpace("!company_dept1:server", [mkSpace("!company_dept1_group1:server").roomId]).roomId,
+                mkSpace("!company_dept2:server").roomId,
+            ]);
+            await run();
+
+            expect(store.spacePanelSpaces.map((r) => r.roomId).sort()).toStrictEqual(
+                ["!space1:server", "!space2:server", "!company:server"].sort(),
+            );
+            expect(store.invitedSpaces).toStrictEqual([]);
+
+            expect(store.getChildRooms("!space1:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!space1:server")).toStrictEqual([]);
+            expect(store.getChildRooms("!space2:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!space2:server")).toStrictEqual([]);
+            expect(store.getChildRooms("!company:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!company:server")).toStrictEqual([
+                client.getRoom("!company_dept1:server"),
+                client.getRoom("!company_dept2:server"),
+            ]);
+            expect(store.getChildRooms("!company_dept1:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!company_dept1:server")).toStrictEqual([
+                client.getRoom("!company_dept1_group1:server"),
+            ]);
+            expect(store.getChildRooms("!company_dept1_group1:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!company_dept1_group1:server")).toStrictEqual([]);
+            expect(store.getChildRooms("!company_dept2:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!company_dept2:server")).toStrictEqual([]);
+        });
+
+        it("handles a sub-space existing in multiple places in the space tree", async () => {
+            const subspace = mkSpace("!subspace:server");
+            mkSpace("!space1:server");
+            mkSpace("!space2:server");
+            mkSpace("!company:server", [
+                mkSpace("!company_dept1:server", [mkSpace("!company_dept1_group1:server", [subspace.roomId]).roomId])
+                    .roomId,
+                mkSpace("!company_dept2:server", [subspace.roomId]).roomId,
+                subspace.roomId,
+            ]);
+            await run();
+
+            expect(store.spacePanelSpaces.map((r) => r.roomId).sort()).toStrictEqual(
+                ["!space1:server", "!space2:server", "!company:server"].sort(),
+            );
+            expect(store.invitedSpaces).toStrictEqual([]);
+
+            expect(store.getChildRooms("!space1:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!space1:server")).toStrictEqual([]);
+            expect(store.getChildRooms("!space2:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!space2:server")).toStrictEqual([]);
+            expect(store.getChildRooms("!company:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!company:server")).toStrictEqual([
+                client.getRoom("!company_dept1:server"),
+                client.getRoom("!company_dept2:server"),
+                subspace,
+            ]);
+            expect(store.getChildRooms("!company_dept1:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!company_dept1:server")).toStrictEqual([
+                client.getRoom("!company_dept1_group1:server"),
+            ]);
+            expect(store.getChildRooms("!company_dept1_group1:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!company_dept1_group1:server")).toStrictEqual([subspace]);
+            expect(store.getChildRooms("!company_dept2:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!company_dept2:server")).toStrictEqual([subspace]);
+        });
+
+        it("handles full cycles", async () => {
+            mkSpace("!a:server", [mkSpace("!b:server", [mkSpace("!c:server", ["!a:server"]).roomId]).roomId]);
+            await run();
+
+            expect(store.spacePanelSpaces.map((r) => r.roomId)).toStrictEqual(["!a:server"]);
+            expect(store.invitedSpaces).toStrictEqual([]);
+
+            expect(store.getChildRooms("!a:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!a:server")).toStrictEqual([client.getRoom("!b:server")]);
+            expect(store.getChildRooms("!b:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!b:server")).toStrictEqual([client.getRoom("!c:server")]);
+            expect(store.getChildRooms("!c:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!c:server")).toStrictEqual([client.getRoom("!a:server")]);
+        });
+
+        it("handles partial cycles", async () => {
+            mkSpace("!b:server", [mkSpace("!a:server", [mkSpace("!c:server", ["!a:server"]).roomId]).roomId]);
+            await run();
+
+            expect(store.spacePanelSpaces.map((r) => r.roomId)).toStrictEqual(["!b:server"]);
+            expect(store.invitedSpaces).toStrictEqual([]);
+
+            expect(store.getChildRooms("!b:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!b:server")).toStrictEqual([client.getRoom("!a:server")]);
+            expect(store.getChildRooms("!a:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!a:server")).toStrictEqual([client.getRoom("!c:server")]);
+            expect(store.getChildRooms("!c:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!c:server")).toStrictEqual([client.getRoom("!a:server")]);
+        });
+
+        it("handles partial cycles with additional spaces coming off them", async () => {
+            // TODO this test should be failing right now
+            mkSpace("!a:server", [
+                mkSpace("!b:server", [mkSpace("!c:server", ["!a:server", mkSpace("!d:server").roomId]).roomId]).roomId,
+            ]);
+            await run();
+
+            expect(store.spacePanelSpaces.map((r) => r.roomId)).toStrictEqual(["!a:server"]);
+            expect(store.invitedSpaces).toStrictEqual([]);
+
+            expect(store.getChildRooms("!a:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!a:server")).toStrictEqual([client.getRoom("!b:server")]);
+            expect(store.getChildRooms("!b:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!b:server")).toStrictEqual([client.getRoom("!c:server")]);
+            expect(store.getChildRooms("!c:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!c:server")).toStrictEqual([
+                client.getRoom("!a:server"),
+                client.getRoom("!d:server"),
+            ]);
+            expect(store.getChildRooms("!d:server")).toStrictEqual([]);
+            expect(store.getChildSpaces("!d:server")).toStrictEqual([]);
+        });
+
+        it("invite to a subspace is only shown at the top level", async () => {
+            mkSpace(invite1).getMyMembership.mockReturnValue(KnownMembership.Invite);
+            mkSpace(space1, [invite1]);
+            await run();
+
+            expect(store.spacePanelSpaces).toStrictEqual([client.getRoom(space1)]);
+            expect(store.getChildSpaces(space1)).toStrictEqual([]);
+            expect(store.getChildRooms(space1)).toStrictEqual([]);
+            expect(store.invitedSpaces).toStrictEqual([client.getRoom(invite1)]);
+        });
+
+        describe("test fixture 1", () => {
+            beforeEach(async () => {
+                [
+                    fav1,
+                    fav2,
+                    fav3,
+                    dm1,
+                    dm2,
+                    dm3,
+                    orphan1,
+                    orphan2,
+                    invite1,
+                    invite2,
+                    room1,
+                    room2,
+                    room3,
+                    room4,
+                    videoRoomPrivate,
+                    videoRoomPublic,
+                ].forEach(mkRoom);
+                mkSpace(space1, [fav1, room1]);
+                mkSpace(space2, [fav1, fav2, fav3, room1]);
+                mkSpace(space3, [invite2]);
+                mkSpace(space4, [room4, fav2, space2, space3]);
+
+                vi.mocked(client).getRoom.mockImplementation(
+                    (roomId) => rooms.find((room) => room.roomId === roomId) || null,
+                );
+
+                [fav1, fav2, fav3].forEach((roomId) => {
+                    client.getRoom(roomId)!.tags = {
+                        "m.favourite": {
+                            order: 0.5,
+                        },
+                    };
+                });
+
+                [invite1, invite2].forEach((roomId) => {
+                    vi.mocked(client.getRoom(roomId)!).getMyMembership.mockReturnValue(KnownMembership.Invite);
+                });
+
+                // have dmPartner1 be in space1 with you
+                const mySpace1Member = new RoomMember(space1, testUserId);
+                mySpace1Member.membership = KnownMembership.Join;
+                vi.mocked(rooms.find((r) => r.roomId === space1)!.getMembers).mockReturnValue([
+                    mySpace1Member,
+                    dm1Partner,
+                ]);
+                // have dmPartner2 be in space2 with you
+                const mySpace2Member = new RoomMember(space2, testUserId);
+                mySpace2Member.membership = KnownMembership.Join;
+                vi.mocked(rooms.find((r) => r.roomId === space2)!.getMembers).mockReturnValue([
+                    mySpace2Member,
+                    dm2Partner,
+                ]);
+                // dmPartner3 is not in any common spaces with you
+
+                // room 2 claims to be a child of space2 and is so via a valid m.space.parent
+                const cliRoom2 = client.getRoom(room2);
+                const room2MockStateEvents = testUtils.mockStateEventImplementation([
+                    mkEvent({
+                        event: true,
+                        type: EventType.SpaceParent,
+                        room: room2,
+                        user: client.getUserId()!,
+                        skey: space2,
+                        content: { via: [], canonical: true },
+                        ts: Date.now(),
+                    }) as MatrixEvent,
+                ]);
+                vi.mocked(cliRoom2!.currentState).getStateEvents.mockImplementation(room2MockStateEvents);
+                const cliSpace2 = client.getRoom(space2);
+                vi.mocked(cliSpace2!.currentState).maySendStateEvent.mockImplementation(
+                    (evType: string, userId: string) => {
+                        if (evType === EventType.SpaceChild) {
+                            return userId === client.getUserId();
+                        }
+                        return true;
+                    },
+                );
+
+                // room 3 claims to be a child of space3 but is not due to invalid m.space.parent (permissions)
+                const cliRoom3 = client.getRoom(room3);
+                vi.mocked(cliRoom3!.currentState).getStateEvents.mockImplementation(
+                    testUtils.mockStateEventImplementation([
+                        mkEvent({
+                            event: true,
+                            type: EventType.SpaceParent,
+                            room: room3,
+                            user: client.getUserId()!,
+                            skey: space3,
+                            content: { via: [], canonical: true },
+                            ts: Date.now(),
+                        }),
+                    ]),
+                );
+                const cliSpace3 = client.getRoom(space3);
+                vi.mocked(cliSpace3!.currentState).maySendStateEvent.mockImplementation(
+                    (evType: string, userId: string) => {
+                        if (evType === EventType.SpaceChild) {
+                            return false;
+                        }
+                        return true;
+                    },
+                );
+
+                [videoRoomPrivate, videoRoomPublic].forEach((roomId) => {
+                    const videoRoom = client.getRoom(roomId);
+                    vi.mocked(videoRoom!.isCallRoom).mockReturnValue(true);
+                });
+                const videoRoomPublicRoom = client.getRoom(videoRoomPublic);
+                vi.mocked(videoRoomPublicRoom!.getJoinRule).mockReturnValue(JoinRule.Public);
+                await run();
+            });
+
+            describe("isRoomInSpace()", () => {
+                it("home space contains orphaned rooms", () => {
+                    expect(store.isRoomInSpace(MetaSpace.Home, orphan1)).toBeTruthy();
+                    expect(store.isRoomInSpace(MetaSpace.Home, orphan2)).toBeTruthy();
+                });
+
+                it("home space does not contain all favourites", () => {
+                    expect(store.isRoomInSpace(MetaSpace.Home, fav1)).toBeFalsy();
+                    expect(store.isRoomInSpace(MetaSpace.Home, fav2)).toBeFalsy();
+                    expect(store.isRoomInSpace(MetaSpace.Home, fav3)).toBeFalsy();
+                });
+
+                it("home space contains dm rooms", () => {
+                    expect(store.isRoomInSpace(MetaSpace.Home, dm1)).toBeTruthy();
+                    expect(store.isRoomInSpace(MetaSpace.Home, dm2)).toBeTruthy();
+                    expect(store.isRoomInSpace(MetaSpace.Home, dm3)).toBeTruthy();
+                });
+
+                it("home space contains invites", () => {
+                    expect(store.isRoomInSpace(MetaSpace.Home, invite1)).toBeTruthy();
+                });
+
+                it("home space contains invites even if they are also shown in a space", () => {
+                    expect(store.isRoomInSpace(MetaSpace.Home, invite2)).toBeTruthy();
+                });
+
+                it("all rooms space does contain rooms/low priority even if they are also shown in a space", async () => {
+                    await setShowAllRooms(true);
+                    expect(store.isRoomInSpace(MetaSpace.Home, room1)).toBeTruthy();
+                });
+
+                it("orphans space does contain orphans even if they are also shown in all rooms", async () => {
+                    await setShowAllRooms(true);
+                    expect(store.isRoomInSpace(MetaSpace.Orphans, orphan1)).toBeTruthy();
+                    expect(store.isRoomInSpace(MetaSpace.Orphans, orphan2)).toBeTruthy();
+                });
+
+                it("home space doesn't contain rooms/low priority if they are also shown in a space", async () => {
+                    await setShowAllRooms(false);
+                    expect(store.isRoomInSpace(MetaSpace.Home, room1)).toBeFalsy();
+                });
+
+                it("video room space contains all video rooms", async () => {
+                    await setShowAllRooms(false);
+                    expect(store.isRoomInSpace(MetaSpace.VideoRooms, videoRoomPublic)).toBeTruthy();
+                    expect(store.isRoomInSpace(MetaSpace.VideoRooms, videoRoomPrivate)).toBeTruthy();
+                    expect(store.isRoomInSpace(MetaSpace.VideoRooms, room1)).toBeFalsy();
+                });
+
+                it("updates the video room space when the room type changes", async () => {
+                    expect(store.isRoomInSpace(MetaSpace.VideoRooms, videoRoomPrivate)).toBeTruthy();
+                    vi.mocked(client.getRoom(videoRoomPublic)!.isCallRoom).mockReturnValue(false);
+                    client.emit(
+                        RoomStateEvent.Events,
+                        {
+                            getRoomId: () => videoRoomPublic,
+                            getType: () => EventType.RoomCreate,
+                        } as unknown as MatrixEvent,
+                        {} as unknown as RoomState,
+                        null,
+                    );
+                    expect(store.isRoomInSpace(MetaSpace.VideoRooms, videoRoomPublic)).toBeFalsy();
+                });
+
+                it("space contains child rooms", () => {
+                    expect(store.isRoomInSpace(space1, fav1)).toBeTruthy();
+                    expect(store.isRoomInSpace(space1, room1)).toBeTruthy();
+                });
+
+                it("returns true for all sub-space child rooms when includeSubSpaceRooms is undefined", () => {
+                    expect(store.isRoomInSpace(space4, room4)).toBeTruthy();
+                    expect(store.isRoomInSpace(space4, fav2)).toBeTruthy();
+                    // space2's rooms
+                    expect(store.isRoomInSpace(space4, fav1)).toBeTruthy();
+                    expect(store.isRoomInSpace(space4, fav3)).toBeTruthy();
+                    expect(store.isRoomInSpace(space4, room1)).toBeTruthy();
+                    // space3's rooms
+                    expect(store.isRoomInSpace(space4, invite2)).toBeTruthy();
+                });
+
+                it("returns true for all sub-space child rooms when includeSubSpaceRooms is true", () => {
+                    expect(store.isRoomInSpace(space4, room4, true)).toBeTruthy();
+                    expect(store.isRoomInSpace(space4, fav2, true)).toBeTruthy();
+                    // space2's rooms
+                    expect(store.isRoomInSpace(space4, fav1, true)).toBeTruthy();
+                    expect(store.isRoomInSpace(space4, fav3, true)).toBeTruthy();
+                    expect(store.isRoomInSpace(space4, room1, true)).toBeTruthy();
+                    // space3's rooms
+                    expect(store.isRoomInSpace(space4, invite2, true)).toBeTruthy();
+                });
+
+                it("returns false for all sub-space child rooms when includeSubSpaceRooms is false", () => {
+                    // direct children
+                    expect(store.isRoomInSpace(space4, room4, false)).toBeTruthy();
+                    expect(store.isRoomInSpace(space4, fav2, false)).toBeTruthy();
+                    // space2's rooms
+                    expect(store.isRoomInSpace(space4, fav1, false)).toBeFalsy();
+                    expect(store.isRoomInSpace(space4, fav3, false)).toBeFalsy();
+                    expect(store.isRoomInSpace(space4, room1, false)).toBeFalsy();
+                    // space3's rooms
+                    expect(store.isRoomInSpace(space4, invite2, false)).toBeFalsy();
+                });
+
+                it("space contains all sub-space's child rooms", () => {
+                    expect(store.isRoomInSpace(space4, room4)).toBeTruthy();
+                    expect(store.isRoomInSpace(space4, fav2)).toBeTruthy();
+                    // space2's rooms
+                    expect(store.isRoomInSpace(space4, fav1)).toBeTruthy();
+                    expect(store.isRoomInSpace(space4, fav3)).toBeTruthy();
+                    expect(store.isRoomInSpace(space4, room1)).toBeTruthy();
+                    // space3's rooms
+                    expect(store.isRoomInSpace(space4, invite2)).toBeTruthy();
+                });
+
+                it("space contains child favourites", () => {
+                    expect(store.isRoomInSpace(space2, fav1)).toBeTruthy();
+                    expect(store.isRoomInSpace(space2, fav2)).toBeTruthy();
+                    expect(store.isRoomInSpace(space2, fav3)).toBeTruthy();
+                    expect(store.isRoomInSpace(space2, room1)).toBeTruthy();
+                });
+
+                it("space contains child invites", () => {
+                    expect(store.isRoomInSpace(space3, invite2)).toBeTruthy();
+                });
+
+                it("spaces contain dms which you have with members of that space", () => {
+                    expect(store.isRoomInSpace(space1, dm1)).toBeTruthy();
+                    expect(store.isRoomInSpace(space2, dm1)).toBeFalsy();
+                    expect(store.isRoomInSpace(space3, dm1)).toBeFalsy();
+                    expect(store.isRoomInSpace(space1, dm2)).toBeFalsy();
+                    expect(store.isRoomInSpace(space2, dm2)).toBeTruthy();
+                    expect(store.isRoomInSpace(space3, dm2)).toBeFalsy();
+                    expect(store.isRoomInSpace(space1, dm3)).toBeFalsy();
+                    expect(store.isRoomInSpace(space2, dm3)).toBeFalsy();
+                    expect(store.isRoomInSpace(space3, dm3)).toBeFalsy();
+                });
+
+                it("uses cached aggregated rooms", () => {
+                    const rooms = store.getSpaceFilteredRoomIds(space4, true);
+                    expect(store.isRoomInSpace(space4, fav1)).toBeTruthy();
+                    expect(store.isRoomInSpace(space4, fav3)).toBeTruthy();
+                    expect(store.isRoomInSpace(space4, room1)).toBeTruthy();
+
+                    // isRoomInSpace calls didn't rebuild room set
+                    expect(rooms).toStrictEqual(store.getSpaceFilteredRoomIds(space4, true));
+                });
+            });
+
+            it("orphan rooms are added to Notification States for only the Home Space", async () => {
+                await setShowAllRooms(false);
+                [orphan1, orphan2].forEach((d) => {
+                    expect(
+                        store
+                            .getNotificationState(MetaSpace.Home)
+                            .rooms.map((r) => r.roomId)
+                            .includes(d),
+                    ).toBeTruthy();
+                });
+                [space1, space2, space3].forEach((s) => {
+                    [orphan1, orphan2].forEach((d) => {
+                        expect(
+                            store
+                                .getNotificationState(s)
+                                .rooms.map((r) => r.roomId)
+                                .includes(d),
+                        ).toBeFalsy();
+                    });
+                });
+            });
+
+            it("favourites are added to Notification States for all spaces containing the room inc Home", () => {
+                // XXX: All rooms space is forcibly enabled, as part of a future PR test Home space better
+                // [fav1, fav2, fav3].forEach(d => {
+                //     expect(store.getNotificationState(HOME_SPACE).rooms.map(r => r.roomId).includes(d)).toBeTruthy();
+                // });
+                expect(
+                    store
+                        .getNotificationState(space1)
+                        .rooms.map((r) => r.roomId)
+                        .includes(fav1),
+                ).toBeTruthy();
+                expect(
+                    store
+                        .getNotificationState(space1)
+                        .rooms.map((r) => r.roomId)
+                        .includes(fav2),
+                ).toBeFalsy();
+                expect(
+                    store
+                        .getNotificationState(space1)
+                        .rooms.map((r) => r.roomId)
+                        .includes(fav3),
+                ).toBeFalsy();
+                expect(
+                    store
+                        .getNotificationState(space2)
+                        .rooms.map((r) => r.roomId)
+                        .includes(fav1),
+                ).toBeTruthy();
+                expect(
+                    store
+                        .getNotificationState(space2)
+                        .rooms.map((r) => r.roomId)
+                        .includes(fav2),
+                ).toBeTruthy();
+                expect(
+                    store
+                        .getNotificationState(space2)
+                        .rooms.map((r) => r.roomId)
+                        .includes(fav3),
+                ).toBeTruthy();
+                expect(
+                    store
+                        .getNotificationState(space3)
+                        .rooms.map((r) => r.roomId)
+                        .includes(fav1),
+                ).toBeFalsy();
+                expect(
+                    store
+                        .getNotificationState(space3)
+                        .rooms.map((r) => r.roomId)
+                        .includes(fav2),
+                ).toBeFalsy();
+                expect(
+                    store
+                        .getNotificationState(space3)
+                        .rooms.map((r) => r.roomId)
+                        .includes(fav3),
+                ).toBeFalsy();
+            });
+
+            it("other rooms are added to Notification States for all spaces containing the room exc Home", () => {
+                // XXX: All rooms space is forcibly enabled, as part of a future PR test Home space better
+                // expect(store.getNotificationState(HOME_SPACE).rooms.map(r => r.roomId).includes(room1)).toBeFalsy();
+                expect(
+                    store
+                        .getNotificationState(space1)
+                        .rooms.map((r) => r.roomId)
+                        .includes(room1),
+                ).toBeTruthy();
+                expect(
+                    store
+                        .getNotificationState(space2)
+                        .rooms.map((r) => r.roomId)
+                        .includes(room1),
+                ).toBeTruthy();
+                expect(
+                    store
+                        .getNotificationState(space3)
+                        .rooms.map((r) => r.roomId)
+                        .includes(room1),
+                ).toBeFalsy();
+            });
+
+            it("honours m.space.parent if sender has permission in parent space", () => {
+                expect(store.isRoomInSpace(space2, room2)).toBeTruthy();
+            });
+
+            it("does not honour m.space.parent if sender does not have permission in parent space", () => {
+                expect(store.isRoomInSpace(space3, room3)).toBeFalsy();
+            });
+        });
+    });
+
+    describe("hierarchy resolution update tests", () => {
+        it("updates state when spaces are joined", async () => {
+            await run();
+            expect(store.spacePanelSpaces).toStrictEqual([]);
+            const space = mkSpace(space1);
+            const prom = testUtils.emitPromise(store, UPDATE_TOP_LEVEL_SPACES);
+            client.emit(ClientEvent.Room, space);
+            await prom;
+            expect(store.spacePanelSpaces).toStrictEqual([space]);
+            expect(store.invitedSpaces).toStrictEqual([]);
+        });
+
+        it("updates state when spaces are left", async () => {
+            const space = mkSpace(space1);
+            await run();
+
+            expect(store.spacePanelSpaces).toStrictEqual([space]);
+            space.getMyMembership.mockReturnValue(KnownMembership.Leave);
+            const prom = testUtils.emitPromise(store, UPDATE_TOP_LEVEL_SPACES);
+            client.emit(RoomEvent.MyMembership, space, KnownMembership.Leave, KnownMembership.Join);
+            await prom;
+            expect(store.spacePanelSpaces).toStrictEqual([]);
+        });
+
+        it("updates state when space invite comes in", async () => {
+            await run();
+            expect(store.spacePanelSpaces).toStrictEqual([]);
+            expect(store.invitedSpaces).toStrictEqual([]);
+            const space = mkSpace(space1);
+            space.getMyMembership.mockReturnValue(KnownMembership.Invite);
+            const prom = testUtils.emitPromise(store, UPDATE_INVITED_SPACES);
+            client.emit(ClientEvent.Room, space);
+            await prom;
+            expect(store.spacePanelSpaces).toStrictEqual([]);
+            expect(store.invitedSpaces).toStrictEqual([space]);
+        });
+
+        it("updates state when space invite is accepted", async () => {
+            const space = mkSpace(space1);
+            space.getMyMembership.mockReturnValue(KnownMembership.Invite);
+            await run();
+
+            expect(store.spacePanelSpaces).toStrictEqual([]);
+            expect(store.invitedSpaces).toStrictEqual([space]);
+            space.getMyMembership.mockReturnValue(KnownMembership.Join);
+            const prom = testUtils.emitPromise(store, UPDATE_TOP_LEVEL_SPACES);
+            client.emit(RoomEvent.MyMembership, space, KnownMembership.Join, KnownMembership.Invite);
+            await prom;
+            expect(store.spacePanelSpaces).toStrictEqual([space]);
+            expect(store.invitedSpaces).toStrictEqual([]);
+        });
+
+        it("updates state when space invite is rejected", async () => {
+            const space = mkSpace(space1);
+            space.getMyMembership.mockReturnValue(KnownMembership.Invite);
+            await run();
+
+            expect(store.spacePanelSpaces).toStrictEqual([]);
+            expect(store.invitedSpaces).toStrictEqual([space]);
+            space.getMyMembership.mockReturnValue(KnownMembership.Leave);
+            const prom = testUtils.emitPromise(store, UPDATE_INVITED_SPACES);
+            client.emit(RoomEvent.MyMembership, space, KnownMembership.Leave, KnownMembership.Invite);
+            await prom;
+            expect(store.spacePanelSpaces).toStrictEqual([]);
+            expect(store.invitedSpaces).toStrictEqual([]);
+        });
+
+        it("room invite gets added to relevant space filters", async () => {
+            const space = mkSpace(space1, [invite1]);
+            await run();
+
+            expect(store.spacePanelSpaces).toStrictEqual([space]);
+            expect(store.invitedSpaces).toStrictEqual([]);
+            expect(store.getChildSpaces(space1)).toStrictEqual([]);
+            expect(store.getChildRooms(space1)).toStrictEqual([]);
+            expect(store.isRoomInSpace(space1, invite1)).toBeFalsy();
+            expect(store.isRoomInSpace(MetaSpace.Home, invite1)).toBeFalsy();
+
+            const invite = mkRoom(invite1);
+            invite.getMyMembership.mockReturnValue(KnownMembership.Invite);
+            const prom = testUtils.emitPromise(store, space1);
+            client.emit(ClientEvent.Room, space);
+            await prom;
+
+            expect(store.spacePanelSpaces).toStrictEqual([space]);
+            expect(store.invitedSpaces).toStrictEqual([]);
+            expect(store.getChildSpaces(space1)).toStrictEqual([]);
+            expect(store.getChildRooms(space1)).toStrictEqual([invite]);
+            expect(store.isRoomInSpace(space1, invite1)).toBeTruthy();
+            expect(store.isRoomInSpace(MetaSpace.Home, invite1)).toBeTruthy();
+        });
+
+        describe("onRoomsUpdate()", () => {
+            beforeEach(() => {
+                [
+                    fav1,
+                    fav2,
+                    fav3,
+                    dm1,
+                    dm2,
+                    dm3,
+                    orphan1,
+                    orphan2,
+                    invite1,
+                    invite2,
+                    room1,
+                    room2,
+                    room3,
+                    room4,
+                ].forEach(mkRoom);
+                mkSpace(space2, [fav1, fav2, fav3, room1]);
+                mkSpace(space3, [invite2]);
+                mkSpace(space4, [room4, fav2, space2, space3]);
+                mkSpace(space1, [fav1, room1, space4]);
+            });
+
+            const addChildRoom = (spaceId: string, childId: string) => {
+                const childEvent = mkEvent({
+                    event: true,
+                    type: EventType.SpaceChild,
+                    room: spaceId,
+                    user: client.getUserId()!,
+                    skey: childId,
+                    content: { via: [], canonical: true },
+                    ts: Date.now(),
+                });
+                const spaceRoom = client.getRoom(spaceId)!;
+                vi.mocked(spaceRoom.currentState).getStateEvents.mockImplementation(
+                    testUtils.mockStateEventImplementation([childEvent]),
+                );
+
+                client.emit(RoomStateEvent.Events, childEvent, spaceRoom.currentState, null);
+            };
+
+            const addMember = (spaceId: string, user: RoomMember) => {
+                const memberEvent = mkEvent({
+                    event: true,
+                    type: EventType.RoomMember,
+                    room: spaceId,
+                    user: client.getUserId()!,
+                    skey: user.userId,
+                    content: { membership: KnownMembership.Join },
+                    ts: Date.now(),
+                });
+                const spaceRoom = client.getRoom(spaceId)!;
+                vi.mocked(spaceRoom.currentState).getStateEvents.mockImplementation(
+                    testUtils.mockStateEventImplementation([memberEvent]),
+                );
+                vi.mocked(spaceRoom).getMember.mockReturnValue(user);
+
+                client.emit(RoomStateEvent.Members, memberEvent, spaceRoom.currentState, user);
+            };
+
+            it("emits events for parent spaces when child room is added", async () => {
+                await run();
+
+                const room5 = mkRoom("!room5:server");
+                const emitSpy = vi.spyOn(store, "emit").mockClear();
+                // add room5 into space2
+                addChildRoom(space2, room5.roomId);
+
+                expect(emitSpy).toHaveBeenCalledWith(space2);
+                // space2 is subspace of space4
+                expect(emitSpy).toHaveBeenCalledWith(space4);
+                // space4 is a subspace of space1
+                expect(emitSpy).toHaveBeenCalledWith(space1);
+                expect(emitSpy).not.toHaveBeenCalledWith(space3);
+            });
+
+            it("updates rooms state when a child room is added", async () => {
+                await run();
+                const room5 = mkRoom("!room5:server");
+
+                expect(store.isRoomInSpace(space2, room5.roomId)).toBeFalsy();
+                expect(store.isRoomInSpace(space4, room5.roomId)).toBeFalsy();
+
+                // add room5 into space2
+                addChildRoom(space2, room5.roomId);
+
+                expect(store.isRoomInSpace(space2, room5.roomId)).toBeTruthy();
+                // space2 is subspace of space4
+                expect(store.isRoomInSpace(space4, room5.roomId)).toBeTruthy();
+                // space4 is subspace of space1
+                expect(store.isRoomInSpace(space1, room5.roomId)).toBeTruthy();
+            });
+
+            it("emits events for parent spaces when a member is added", async () => {
+                await run();
+
+                const emitSpy = vi.spyOn(store, "emit").mockClear();
+                // add into space2
+                addMember(space2, dm1Partner);
+
+                expect(emitSpy).toHaveBeenCalledWith(space2);
+                // space2 is subspace of space4
+                expect(emitSpy).toHaveBeenCalledWith(space4);
+                // space4 is a subspace of space1
+                expect(emitSpy).toHaveBeenCalledWith(space1);
+                expect(emitSpy).not.toHaveBeenCalledWith(space3);
+            });
+
+            it("updates users state when a member is added", async () => {
+                await run();
+
+                expect(store.getSpaceFilteredUserIds(space2)).toEqual(new Set([]));
+
+                // add into space2
+                addMember(space2, dm1Partner);
+
+                expect(store.getSpaceFilteredUserIds(space2)).toEqual(new Set([dm1Partner.userId]));
+                expect(store.getSpaceFilteredUserIds(space4)).toEqual(new Set([dm1Partner.userId]));
+                expect(store.getSpaceFilteredUserIds(space1)).toEqual(new Set([dm1Partner.userId]));
+            });
+        });
+    });
+
+    describe("active space switching tests", () => {
+        const fn = vi.spyOn(store, "emit");
+
+        beforeEach(async () => {
+            mkRoom(room1); // not a space
+            mkSpace(space1, [mkSpace(space2).roomId]);
+            mkSpace(space3).getMyMembership.mockReturnValue(KnownMembership.Invite);
+            await run();
+            store.setActiveSpace(MetaSpace.Home);
+            expect(store.activeSpace).toBe(MetaSpace.Home);
+        });
+        afterEach(() => {
+            fn.mockClear();
+        });
+
+        it("switch to home space", async () => {
+            store.setActiveSpace(space1);
+            fn.mockClear();
+
+            store.setActiveSpace(MetaSpace.Home);
+            expect(fn).toHaveBeenCalledWith(UPDATE_SELECTED_SPACE, MetaSpace.Home);
+            expect(store.activeSpace).toBe(MetaSpace.Home);
+        });
+
+        it("switch to invited space", async () => {
+            store.setActiveSpace(space3);
+            expect(fn).toHaveBeenCalledWith(UPDATE_SELECTED_SPACE, space3);
+            expect(store.activeSpace).toBe(space3);
+        });
+
+        it("switch to top level space", async () => {
+            store.setActiveSpace(space1);
+            expect(fn).toHaveBeenCalledWith(UPDATE_SELECTED_SPACE, space1);
+            expect(store.activeSpace).toBe(space1);
+        });
+
+        it("switch to subspace", async () => {
+            store.setActiveSpace(space2);
+            expect(fn).toHaveBeenCalledWith(UPDATE_SELECTED_SPACE, space2);
+            expect(store.activeSpace).toBe(space2);
+        });
+
+        it("switch to unknown space is a nop", async () => {
+            expect(store.activeSpace).toBe(MetaSpace.Home);
+            const space = client.getRoom(room1)!; // not a space
+            store.setActiveSpace(space.roomId);
+            expect(fn).not.toHaveBeenCalledWith(UPDATE_SELECTED_SPACE, space.roomId);
+            expect(store.activeSpace).toBe(MetaSpace.Home);
+        });
+    });
+
+    it("does not race with lazy loading", async () => {
+        store.setActiveSpace(MetaSpace.Home);
+
+        mkRoom(room1);
+        const space = mkSpace(space1, [room1]);
+        // seed the context for space1 to be room1
+        window.localStorage.setItem(`mx_space_context_${space1}`, room1);
+
+        await run();
+
+        const deferred = Promise.withResolvers<boolean>();
+        space.loadMembersIfNeeded.mockImplementation(() => {
+            const event = mkEvent({
+                event: true,
+                type: EventType.RoomMember,
+                content: { membership: KnownMembership.Join },
+                skey: dm1Partner.userId,
+                user: dm1Partner.userId,
+                room: space1,
+            });
+            space.getMember.mockImplementation((userId) => {
+                if (userId === dm1Partner.userId) {
+                    const member = new RoomMember(space1, dm1Partner.userId);
+                    member.membership = KnownMembership.Join;
+                    return member;
+                }
+                return null;
+            });
+
+            client.emit(RoomStateEvent.Members, event, space.currentState, dm1Partner);
+            return deferred.resolve(true) as unknown as Promise<boolean>;
+        });
+
+        spyDispatcher.mockClear();
+        const getCurrentRoom = () => {
+            for (let i = spyDispatcher.mock.calls.length - 1; i >= 0; i--) {
+                if (spyDispatcher.mock.calls[i][0].action === Action.ViewRoom) {
+                    return spyDispatcher.mock.calls[i][0]["room_id"];
+                }
+            }
+        };
+
+        // set up space with LL where loadMembersIfNeeded emits membership events which trip switchSpaceIfNeeded
+        expect(space.loadMembersIfNeeded).not.toHaveBeenCalled();
+
+        store.setActiveSpace(space1, true);
+        vi.runOnlyPendingTimers();
+        expect(space.loadMembersIfNeeded).toHaveBeenCalled();
+        vi.runAllTimers();
+
+        expect(store.activeSpace).toBe(space1);
+        expect(getCurrentRoom()).toBe(room1);
+
+        await deferred.promise;
+        expect(store.activeSpace).toBe(space1);
+        expect(getCurrentRoom()).toBe(room1);
+
+        vi.runAllTimers();
+        expect(store.activeSpace).toBe(space1);
+        expect(getCurrentRoom()).toBe(room1);
+    });
+
+    describe("context switching tests", () => {
+        let dispatcherRef: string;
+        let currentRoom: Room | null = null;
+
+        beforeEach(async () => {
+            [room1, room2, orphan1].forEach(mkRoom);
+            mkSpace(space1, [room1, room2]);
+            mkSpace(space2, [room2]);
+            await run();
+
+            dispatcherRef = defaultDispatcher.register((payload) => {
+                if (payload.action === Action.ViewRoom || payload.action === Action.ViewHomePage) {
+                    currentRoom = payload.room_id || null;
+                }
+            });
+        });
+        afterEach(() => {
+            localStorage.clear();
+            localStorage.setItem("mx_labs_feature_feature_spaces_metaspaces", "true");
+            defaultDispatcher.unregister(dispatcherRef);
+        });
+
+        const getCurrentRoom = () => {
+            vi.runOnlyPendingTimers();
+            return currentRoom;
+        };
+
+        it("last viewed room in target space is the current viewed and in both spaces", async () => {
+            store.setActiveSpace(space1);
+            viewRoom(room2);
+            store.setActiveSpace(space2);
+            viewRoom(room2);
+            store.setActiveSpace(space1);
+            expect(getCurrentRoom()).toBe(room2);
+        });
+
+        it("last viewed room in target space is in the current space", async () => {
+            store.setActiveSpace(space1);
+            viewRoom(room2);
+            store.setActiveSpace(space2);
+            expect(getCurrentRoom()).toBe(space2);
+            store.setActiveSpace(space1);
+            expect(getCurrentRoom()).toBe(room2);
+        });
+
+        it("last viewed room in target space is not in the current space", async () => {
+            store.setActiveSpace(space1);
+            viewRoom(room1);
+            store.setActiveSpace(space2);
+            viewRoom(room2);
+            store.setActiveSpace(space1);
+            expect(getCurrentRoom()).toBe(room1);
+        });
+
+        it("last viewed room is target space is not known", async () => {
+            store.setActiveSpace(space1);
+            viewRoom(room1);
+            localStorage.setItem(`mx_space_context_${space2}`, orphan2);
+            store.setActiveSpace(space2);
+            expect(getCurrentRoom()).toBe(space2);
+        });
+
+        it("last viewed room is target space is no longer in that space", async () => {
+            store.setActiveSpace(space1);
+            viewRoom(room1);
+            localStorage.setItem(`mx_space_context_${space2}`, room1);
+            store.setActiveSpace(space2);
+            expect(getCurrentRoom()).toBe(space2); // Space home instead of room1
+        });
+
+        it("no last viewed room in target space", async () => {
+            store.setActiveSpace(space1);
+            viewRoom(room1);
+            store.setActiveSpace(space2);
+            expect(getCurrentRoom()).toBe(space2);
+        });
+
+        it("no last viewed room in home space", async () => {
+            store.setActiveSpace(space1);
+            viewRoom(room1);
+            store.setActiveSpace(MetaSpace.Home);
+            expect(getCurrentRoom()).toBeNull(); // Home
+        });
+    });
+
+    describe("space auto switching tests", () => {
+        beforeEach(async () => {
+            [room1, room2, room3, orphan1].forEach(mkRoom);
+            mkSpace(space1, [room1, room2, room3]);
+            mkSpace(space2, [room1, room2]);
+
+            const cliRoom2 = client.getRoom(room2)!;
+            vi.mocked(cliRoom2.currentState).getStateEvents.mockImplementation(
+                testUtils.mockStateEventImplementation([
+                    mkEvent({
+                        event: true,
+                        type: EventType.SpaceParent,
+                        room: room2,
+                        user: testUserId,
+                        skey: space2,
+                        content: { via: [], canonical: true },
+                        ts: Date.now(),
+                    }),
+                ]),
+            );
+            await run();
+        });
+
+        it("no switch required, room is in current space", async () => {
+            viewRoom(room1);
+            store.setActiveSpace(space1, false);
+            viewRoom(room2);
+            expect(store.activeSpace).toBe(space1);
+        });
+
+        it("switch to canonical parent space for room", async () => {
+            viewRoom(room1);
+            store.setActiveSpace(space2, false);
+            viewRoom(room2);
+            expect(store.activeSpace).toBe(space2);
+        });
+
+        it("switch to first containing space for room", async () => {
+            viewRoom(room2);
+            store.setActiveSpace(space2, false);
+            viewRoom(room3);
+            expect(store.activeSpace).toBe(space1);
+        });
+
+        it("switch to other rooms for orphaned room", async () => {
+            viewRoom(room1);
+            store.setActiveSpace(space1, false);
+            viewRoom(orphan1);
+            expect(store.activeSpace).toBe(MetaSpace.Orphans);
+        });
+
+        it("switch to first valid space when selected metaspace is disabled", async () => {
+            viewRoom(room1);
+            store.setActiveSpace(MetaSpace.Orphans, false);
+            expect(store.activeSpace).toBe(MetaSpace.Orphans);
+            await SettingsStore.setValue("Spaces.enabledMetaSpaces", null, SettingLevel.DEVICE, {
+                [MetaSpace.Home]: true,
+                [MetaSpace.Orphans]: false,
+            });
+            vi.runAllTimers();
+            expect(store.activeSpace).toBe(space1);
+        });
+
+        it("when switching rooms in the all rooms home space don't switch to related space", async () => {
+            await setShowAllRooms(true);
+            viewRoom(room2);
+            store.setActiveSpace(MetaSpace.Home, false);
+            viewRoom(room1);
+            expect(store.activeSpace).toBe(MetaSpace.Home);
+        });
+
+        it("should check alias cache if switching to a room by alias", async () => {
+            viewRoom(room2);
+            storeRoomAliasInCache("#alias:server", room3, []);
+
+            store.setActiveSpace(space2, false);
+            defaultDispatcher.dispatch({ action: Action.ViewRoom, room_alias: "#alias:server" }, true);
+            expect(store.activeSpace).toBe(space1);
+        });
+    });
+
+    describe("traverseSpace", () => {
+        beforeEach(() => {
+            mkSpace("!a:server", [
+                mkSpace("!b:server", [
+                    mkSpace("!c:server", [
+                        "!a:server",
+                        mkRoom("!c-child:server").roomId,
+                        mkRoom("!shared-child:server").roomId,
+                    ]).roomId,
+                    mkRoom("!b-child:server").roomId,
+                ]).roomId,
+                mkRoom("!a-child:server").roomId,
+                "!shared-child:server",
+            ]);
+        });
+
+        it("avoids cycles", () => {
+            const fn = vi.fn();
+            store.traverseSpace("!b:server", fn);
+
+            expect(fn).toHaveBeenCalledTimes(3);
+            expect(fn).toHaveBeenCalledWith("!a:server");
+            expect(fn).toHaveBeenCalledWith("!b:server");
+            expect(fn).toHaveBeenCalledWith("!c:server");
+        });
+
+        it("including rooms", () => {
+            const fn = vi.fn();
+            store.traverseSpace("!b:server", fn, true);
+
+            expect(fn).toHaveBeenCalledTimes(8); // twice for shared-child
+            expect(fn).toHaveBeenCalledWith("!a:server");
+            expect(fn).toHaveBeenCalledWith("!a-child:server");
+            expect(fn).toHaveBeenCalledWith("!b:server");
+            expect(fn).toHaveBeenCalledWith("!b-child:server");
+            expect(fn).toHaveBeenCalledWith("!c:server");
+            expect(fn).toHaveBeenCalledWith("!c-child:server");
+            expect(fn).toHaveBeenCalledWith("!shared-child:server");
+        });
+
+        it("excluding rooms", () => {
+            const fn = vi.fn();
+            store.traverseSpace("!b:server", fn, false);
+
+            expect(fn).toHaveBeenCalledTimes(3);
+            expect(fn).toHaveBeenCalledWith("!a:server");
+            expect(fn).toHaveBeenCalledWith("!b:server");
+            expect(fn).toHaveBeenCalledWith("!c:server");
+        });
+    });
+
+    it("test user flow", async () => {
+        // init the store
+        await run();
+        await setShowAllRooms(false);
+
+        // receive invite to space
+        const rootSpace = mkSpace(space1, [room1, room2, space2]);
+        rootSpace.getMyMembership.mockReturnValue(KnownMembership.Invite);
+        client.emit(ClientEvent.Room, rootSpace);
+        vi.runOnlyPendingTimers();
+        expect(sdkContext.spaceStore.invitedSpaces).toStrictEqual([rootSpace]);
+        expect(sdkContext.spaceStore.spacePanelSpaces).toStrictEqual([]);
+
+        // accept invite to space
+        rootSpace.getMyMembership.mockReturnValue(KnownMembership.Join);
+        client.emit(RoomEvent.MyMembership, rootSpace, KnownMembership.Join, KnownMembership.Invite);
+        vi.runOnlyPendingTimers();
+        expect(sdkContext.spaceStore.invitedSpaces).toStrictEqual([]);
+        expect(sdkContext.spaceStore.spacePanelSpaces).toStrictEqual([rootSpace]);
+
+        // join room in space
+        expect(sdkContext.spaceStore.isRoomInSpace(space1, room1)).toBeFalsy();
+        const rootSpaceRoom1 = mkRoom(room1);
+        rootSpaceRoom1.getMyMembership.mockReturnValue(KnownMembership.Join);
+        client.emit(ClientEvent.Room, rootSpaceRoom1);
+        vi.runOnlyPendingTimers();
+        expect(sdkContext.spaceStore.invitedSpaces).toStrictEqual([]);
+        expect(sdkContext.spaceStore.spacePanelSpaces).toStrictEqual([rootSpace]);
+        expect(sdkContext.spaceStore.isRoomInSpace(space1, room1)).toBeTruthy();
+        expect(sdkContext.spaceStore.isRoomInSpace(MetaSpace.Home, room1)).toBeFalsy();
+        expect(sdkContext.spaceStore.isRoomInSpace(MetaSpace.Orphans, room1)).toBeFalsy();
+
+        // receive room invite
+        expect(sdkContext.spaceStore.isRoomInSpace(space1, room2)).toBeFalsy();
+        const rootSpaceRoom2 = mkRoom(room2);
+        rootSpaceRoom2.getMyMembership.mockReturnValue(KnownMembership.Invite);
+        client.emit(ClientEvent.Room, rootSpaceRoom2);
+        vi.runOnlyPendingTimers();
+        expect(sdkContext.spaceStore.invitedSpaces).toStrictEqual([]);
+        expect(sdkContext.spaceStore.spacePanelSpaces).toStrictEqual([rootSpace]);
+        expect(sdkContext.spaceStore.isRoomInSpace(space1, room2)).toBeTruthy();
+        expect(sdkContext.spaceStore.isRoomInSpace(MetaSpace.Home, room2)).toBeTruthy();
+        expect(sdkContext.spaceStore.isRoomInSpace(MetaSpace.Orphans, room2)).toBeFalsy();
+
+        // start DM in space
+        const myRootSpaceMember = new RoomMember(space1, testUserId);
+        myRootSpaceMember.membership = KnownMembership.Join;
+        const rootSpaceFriend = new RoomMember(space1, dm1Partner.userId);
+        rootSpaceFriend.membership = KnownMembership.Join;
+        rootSpace.getMembers.mockReturnValue([myRootSpaceMember, rootSpaceFriend]);
+        rootSpace.getMember.mockImplementation((userId) => {
+            switch (userId) {
+                case testUserId:
+                    return myRootSpaceMember;
+                case dm1Partner.userId:
+                    return rootSpaceFriend;
+            }
+            return null;
+        });
+        expect(sdkContext.spaceStore.getSpaceFilteredUserIds(space1)!.has(dm1Partner.userId)).toBeFalsy();
+        const memberEvent = mkEvent({
+            event: true,
+            type: EventType.RoomMember,
+            content: {
+                membership: KnownMembership.Join,
+            },
+            skey: dm1Partner.userId,
+            user: dm1Partner.userId,
+            room: space1,
+        });
+        client.emit(RoomStateEvent.Members, memberEvent, rootSpace.currentState, dm1Partner);
+        vi.runOnlyPendingTimers();
+        expect(sdkContext.spaceStore.getSpaceFilteredUserIds(space1)!.has(dm1Partner.userId)).toBeTruthy();
+        const dm1Room = mkRoom(dm1);
+        dm1Room.getMyMembership.mockReturnValue(KnownMembership.Join);
+        client.emit(ClientEvent.Room, dm1Room);
+        vi.runOnlyPendingTimers();
+        expect(sdkContext.spaceStore.invitedSpaces).toStrictEqual([]);
+        expect(sdkContext.spaceStore.spacePanelSpaces).toStrictEqual([rootSpace]);
+        expect(sdkContext.spaceStore.isRoomInSpace(space1, dm1)).toBeTruthy();
+        expect(sdkContext.spaceStore.isRoomInSpace(MetaSpace.Home, dm1)).toBeTruthy();
+        expect(sdkContext.spaceStore.isRoomInSpace(MetaSpace.Orphans, dm1)).toBeFalsy();
+
+        // join subspace
+        const subspace = mkSpace(space2);
+        subspace.getMyMembership.mockReturnValue(KnownMembership.Join);
+        const prom = testUtils.emitPromise(sdkContext.spaceStore, space1);
+        client.emit(ClientEvent.Room, subspace);
+        vi.runOnlyPendingTimers();
+        expect(sdkContext.spaceStore.invitedSpaces).toStrictEqual([]);
+        expect(sdkContext.spaceStore.spacePanelSpaces.map((r) => r.roomId)).toStrictEqual([rootSpace.roomId]);
+        await prom;
+    });
+
+    it("correctly emits events for metaspace changes during onReady", async () => {
+        // similar to useEventEmitterState, but for use inside of tests
+        function testEventEmitterState(
+            emitter: EventEmitter | undefined,
+            eventName: string | symbol,
+            callback: (...args: any[]) => void,
+        ): () => void {
+            callback();
+            emitter?.addListener(eventName, callback);
+            return () => emitter?.removeListener(eventName, callback);
+        }
+
+        let metaSpaces;
+        const removeListener = testEventEmitterState(store, UPDATE_TOP_LEVEL_SPACES, () => {
+            metaSpaces = store.enabledMetaSpaces;
+        });
+        expect(metaSpaces).toEqual(store.enabledMetaSpaces);
+        await run();
+        expect(metaSpaces).toEqual(store.enabledMetaSpaces);
+        removeListener();
+    });
+
+    it("Favourites and People meta spaces should not be returned", async () => {
+        await run();
+        // Favourites and People meta spaces are not part of the meta space order
+        expect(sdkContext.spaceStore.enabledMetaSpaces).toStrictEqual([MetaSpace.Home, MetaSpace.Orphans]);
+    });
+
+    describe("when feature_dynamic_room_predecessors is not enabled", () => {
+        beforeAll(() => {
+            vi.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "Spaces.allRoomsInHome",
+            );
+            // @ts-ignore calling a private function
+            sdkContext.spaceStore.onAction({
+                action: Action.SettingUpdated,
+                settingName: "feature_dynamic_room_predecessors",
+                roomId: null,
+                level: SettingLevel.ACCOUNT,
+                newValueAtLevel: SettingLevel.ACCOUNT,
+                newValue: false,
+            });
+        });
+
+        beforeEach(() => {
+            vi.clearAllMocks();
+        });
+
+        it("passes that value in calls to getVisibleRooms and getRoomUpgradeHistory during startup", async () => {
+            // When we create an instance, which calls onReady and rebuildSpaceHierarchy
+            mkSpace("!dynspace:example.com", [mkRoom("!dynroom:example.com").roomId]);
+            await run();
+
+            // Then we pass through the correct value of the feature flag to
+            // everywhere that needs it.
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(false);
+            expect(client.getVisibleRooms).not.toHaveBeenCalledWith(true);
+            expect(client.getVisibleRooms).not.toHaveBeenCalledWith();
+            expect(client.getRoomUpgradeHistory).toHaveBeenCalledWith(expect.anything(), expect.anything(), false);
+            expect(client.getRoomUpgradeHistory).not.toHaveBeenCalledWith(expect.anything(), expect.anything(), true);
+            expect(client.getRoomUpgradeHistory).not.toHaveBeenCalledWith(expect.anything(), expect.anything());
+        });
+
+        it("passes that value in calls to getVisibleRooms during getSpaceFilteredRoomIds", () => {
+            const sdkContext = new TestSDKContext();
+            sdkContext._client = client;
+            // Given a store
+            const store = new SpaceStore(defaultDispatcher, sdkContext);
+            sdkContext._SpaceStore = store;
+            setupAsyncStoreWithClient(store, client);
+
+            // When we ask for filtered room ids
+            store.getSpaceFilteredRoomIds(MetaSpace.Home);
+
+            // Then we pass the correct feature flag
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(false);
+            expect(client.getVisibleRooms).not.toHaveBeenCalledWith(true);
+            expect(client.getVisibleRooms).not.toHaveBeenCalledWith();
+        });
+    });
+
+    describe("when feature_dynamic_room_predecessors is enabled", () => {
+        beforeAll(() => {
+            vi.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) =>
+                    settingName === "Spaces.allRoomsInHome" || settingName === "feature_dynamic_room_predecessors",
+            );
+            // @ts-ignore calling a private function
+            sdkContext.spaceStore.onAction({
+                action: Action.SettingUpdated,
+                settingName: "feature_dynamic_room_predecessors",
+                roomId: null,
+                level: SettingLevel.ACCOUNT,
+                newValueAtLevel: SettingLevel.ACCOUNT,
+                newValue: true,
+            });
+        });
+
+        beforeEach(() => {
+            vi.clearAllMocks();
+        });
+
+        it("passes that value in calls to getVisibleRooms and getRoomUpgradeHistory during startup", async () => {
+            // When we create an instance, which calls onReady and rebuildSpaceHierarchy
+            mkSpace("!dynspace:example.com", [mkRoom("!dynroom:example.com").roomId]);
+            await run();
+
+            // Then we pass through the correct value of the feature flag to
+            // everywhere that needs it.
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(true);
+            expect(client.getVisibleRooms).not.toHaveBeenCalledWith(false);
+            expect(client.getVisibleRooms).not.toHaveBeenCalledWith();
+            expect(client.getRoomUpgradeHistory).toHaveBeenCalledWith(expect.anything(), expect.anything(), true);
+            expect(client.getRoomUpgradeHistory).not.toHaveBeenCalledWith(expect.anything(), expect.anything(), false);
+            expect(client.getRoomUpgradeHistory).not.toHaveBeenCalledWith(expect.anything(), expect.anything());
+        });
+
+        it("passes that value in calls to getVisibleRooms during getSpaceFilteredRoomIds", () => {
+            const sdkContext = new TestSDKContext();
+            sdkContext._client = client;
+            // Given a store
+            const store = new SpaceStore(defaultDispatcher, sdkContext);
+            sdkContext._SpaceStore = store;
+            setupAsyncStoreWithClient(store, client);
+
+            // When we ask for filtered room ids
+            store.getSpaceFilteredRoomIds(MetaSpace.Home);
+
+            // Then we pass the correct feature flag
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(true);
+            expect(client.getVisibleRooms).not.toHaveBeenCalledWith(false);
+            expect(client.getVisibleRooms).not.toHaveBeenCalledWith();
+        });
+    });
+
+    describe("setActiveRoomInSpace", () => {
+        it("should work with Home as all rooms space", async () => {
+            const room = mkRoom(room1);
+            const state = RoomNotificationStateStore.instance.getRoomState(room);
+            // @ts-ignore
+            state._level = NotificationLevel.Notification;
+            vi.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: MetaSpace.Home,
+                sections: [{ tag: DefaultTagID.Untagged, rooms: [room] }],
+            });
+
+            // init the store
+            await run();
+            await setShowAllRooms(true);
+
+            store.setActiveRoomInSpace(MetaSpace.Home);
+
+            expect(spyDispatcher).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: "view_room",
+                    room_id: room.roomId,
+                }),
+            );
+        });
+    });
+});
diff --git a/apps/web/src/stores/spaces/SpaceStore.ts b/apps/web/src/stores/spaces/SpaceStore.ts
new file mode 100644
index 00000000000..6976d2f2657
--- /dev/null
+++ b/apps/web/src/stores/spaces/SpaceStore.ts
@@ -0,0 +1,1354 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 { type ListIteratee, type Many, sortBy } from "lodash";
+import {
+    EventType,
+    RoomType,
+    type Room,
+    RoomEvent,
+    type RoomMember,
+    RoomStateEvent,
+    type MatrixEvent,
+    ClientEvent,
+    type ISendEventResponse,
+    type EmptyObject,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { AsyncStoreWithClient } from "../AsyncStoreWithClient";
+import { type MatrixDispatcher } from "../../dispatcher/dispatcher.ts";
+import RoomListStoreV3 from "../room-list-v3/RoomListStoreV3";
+import SettingsStore from "../../settings/SettingsStore";
+import DMRoomMap from "../../utils/DMRoomMap";
+import { SpaceNotificationState } from "../notifications/SpaceNotificationState";
+import { RoomNotificationStateStore } from "../notifications/RoomNotificationStateStore";
+import { EnhancedMap, mapDiff } from "../../utils/maps";
+import { setDiff, setHasDiff } from "../../utils/sets";
+import { Action } from "../../dispatcher/actions";
+import { arrayHasDiff, arrayHasOrderChange, filterBoolean } from "../../utils/arrays";
+import { reorderLexicographically } from "../../utils/stringOrderField";
+import { type SettingUpdatedPayload } from "../../dispatcher/payloads/SettingUpdatedPayload";
+import {
+    isMetaSpace,
+    type ISuggestedRoom,
+    MetaSpace,
+    type SpaceKey,
+    UPDATE_HOME_BEHAVIOUR,
+    UPDATE_INVITED_SPACES,
+    UPDATE_SELECTED_SPACE,
+    UPDATE_SUGGESTED_ROOMS,
+    UPDATE_TOP_LEVEL_SPACES,
+} from ".";
+import { getCachedRoomIdForAlias } from "../../RoomAliasCache";
+import { EffectiveMembership, getEffectiveMembership } from "../../utils/membership";
+import {
+    flattenSpaceHierarchyWithCache,
+    type SpaceEntityMap,
+    type SpaceDescendantMap,
+    flattenSpaceHierarchy,
+} from "./flattenSpaceHierarchy";
+import { PosthogAnalytics } from "../../PosthogAnalytics";
+import { type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import { type ViewHomePagePayload } from "../../dispatcher/payloads/ViewHomePagePayload";
+import { type SwitchSpacePayload } from "../../dispatcher/payloads/SwitchSpacePayload";
+import { type AfterLeaveRoomPayload } from "../../dispatcher/payloads/AfterLeaveRoomPayload";
+import { type SDKContextClass } from "../../contexts/SDKContextClass";
+import { ModuleApi } from "../../modules/Api.ts";
+
+const ACTIVE_SPACE_LS_KEY = "mx_active_space";
+
+const metaSpaceOrder: MetaSpace[] = [MetaSpace.Home, MetaSpace.Orphans, MetaSpace.VideoRooms];
+
+const MAX_SUGGESTED_ROOMS = 20;
+
+const getSpaceContextKey = (space: SpaceKey): string => `mx_space_context_${space}`;
+
+const partitionSpacesAndRooms = (arr: Room[]): [Room[], Room[]] => {
+    // [spaces, rooms]
+    return arr.reduce<[Room[], Room[]]>(
+        (result, room: Room) => {
+            result[room.isSpaceRoom() ? 0 : 1].push(room);
+            return result;
+        },
+        [[], []],
+    );
+};
+
+const validOrder = (order?: string): string | undefined => {
+    if (
+        typeof order === "string" &&
+        order.length <= 50 &&
+        Array.from(order).every((c: string) => {
+            const charCode = c.charCodeAt(0);
+            return charCode >= 0x20 && charCode <= 0x7e;
+        })
+    ) {
+        return order;
+    }
+};
+
+// For sorting space children using a validated `order`, `origin_server_ts`, `room_id`
+export const getChildOrder = (
+    order: string | undefined,
+    ts: number,
+    roomId: string,
+): Array<Many<ListIteratee<unknown>>> => {
+    return [validOrder(order) ?? NaN, ts, roomId]; // NaN has lodash sort it at the end in asc
+};
+
+type SpaceStoreActions =
+    | SettingUpdatedPayload
+    | ViewRoomPayload
+    | ViewHomePagePayload
+    | SwitchSpacePayload
+    | AfterLeaveRoomPayload;
+
+export default class SpaceStore extends AsyncStoreWithClient<EmptyObject> {
+    // The spaces representing the roots of the various tree-like hierarchies
+    private rootSpaces: Room[] = [];
+    // Map from room/space ID to set of spaces which list it as a child
+    private parentMap = new EnhancedMap<string, Set<string>>();
+    // Map from SpaceKey to SpaceNotificationState instance representing that space
+    private notificationStateMap = new Map<SpaceKey, SpaceNotificationState>();
+    // Map from SpaceKey to Set of room IDs that are direct descendants of that space
+    private roomIdsBySpace: SpaceEntityMap = new Map<SpaceKey, Set<string>>(); // won't contain MetaSpace.People
+    // Map from space id to Set of space keys that are direct descendants of that space
+    // meta spaces do not have descendants
+    private childSpacesBySpace: SpaceDescendantMap = new Map<Room["roomId"], Set<Room["roomId"]>>();
+    // Map from space id to Set of user IDs that are direct descendants of that space
+    private userIdsBySpace: SpaceEntityMap = new Map<Room["roomId"], Set<string>>();
+    // cache that stores the aggregated lists of roomIdsBySpace and userIdsBySpace
+    // cleared on changes
+    private _aggregatedSpaceCache = {
+        roomIdsBySpace: new Map<SpaceKey, Set<string>>(),
+        userIdsBySpace: new Map<Room["roomId"], Set<string>>(),
+    };
+    // The space currently selected in the Space Panel
+    private _activeSpace: SpaceKey = MetaSpace.Home; // set properly by onReady
+    private _suggestedRooms: ISuggestedRoom[] = [];
+    private _invitedSpaces = new Set<Room>();
+    private spaceOrderLocalEchoMap = new Map<string, string | undefined>();
+    // The following properties are set by onReady as they live in account_data
+    private _allRoomsInHome = false;
+    private _enabledMetaSpaces: MetaSpace[] = [];
+    /** Whether the feature flag is set for MSC3946 */
+    private _msc3946ProcessDynamicPredecessor: boolean = SettingsStore.getValue("feature_dynamic_room_predecessors");
+    private _storeReadyDeferred = Promise.withResolvers<void>();
+
+    public constructor(
+        dispatcher: MatrixDispatcher,
+        private readonly sdkContext: SDKContextClass,
+    ) {
+        super(dispatcher, {});
+
+        SettingsStore.monitorSetting("Spaces.allRoomsInHome", null);
+        SettingsStore.monitorSetting("Spaces.enabledMetaSpaces", null);
+        SettingsStore.monitorSetting("Spaces.showPeopleInSpace", null);
+        SettingsStore.monitorSetting("feature_dynamic_room_predecessors", null);
+    }
+
+    /**
+     * A promise that resolves when the space store is ready.
+     * This happens after an initial hierarchy of spaces and rooms has been computed.
+     */
+    public get storeReadyPromise(): Promise<void> {
+        return this._storeReadyDeferred.promise;
+    }
+
+    public get invitedSpaces(): Room[] {
+        return Array.from(this._invitedSpaces);
+    }
+
+    public get enabledMetaSpaces(): MetaSpace[] {
+        return this._enabledMetaSpaces;
+    }
+
+    public get spacePanelSpaces(): Room[] {
+        return this.rootSpaces;
+    }
+
+    public get activeSpace(): SpaceKey {
+        return this._activeSpace;
+    }
+
+    public get activeSpaceRoom(): Room | null {
+        if (isMetaSpace(this._activeSpace)) return null;
+        return this.matrixClient?.getRoom(this._activeSpace) ?? null;
+    }
+
+    public get suggestedRooms(): ISuggestedRoom[] {
+        return this._suggestedRooms;
+    }
+
+    public get allRoomsInHome(): boolean {
+        return this._allRoomsInHome;
+    }
+
+    public setActiveRoomInSpace(space: SpaceKey): void {
+        if (!isMetaSpace(space) && !this.matrixClient?.getRoom(space)?.isSpaceRoom()) return;
+        if (space !== this.activeSpace) this.setActiveSpace(space, false);
+
+        let roomId: string | undefined;
+        if (space === MetaSpace.Home && this.allRoomsInHome) {
+            const hasMentions = RoomNotificationStateStore.instance.globalState.hasMentions;
+            const rooms = RoomListStoreV3.instance.getSortedRoomsInActiveSpace().sections.flatMap((s) => s.rooms);
+            for (const room of rooms) {
+                const state = RoomNotificationStateStore.instance.getRoomState(room);
+                if (hasMentions ? state.hasMentions : state.isUnread) {
+                    roomId = room.roomId;
+                    break;
+                }
+            }
+        } else {
+            roomId = this.getNotificationState(space).getFirstRoomWithNotifications();
+        }
+
+        if (!!roomId) {
+            this.dispatcher.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: roomId,
+                context_switch: true,
+                metricsTrigger: "WebSpacePanelNotificationBadge",
+            });
+        }
+    }
+
+    /**
+     * Sets the active space, updates room list filters,
+     * optionally switches the user's room back to where they were when they last viewed that space.
+     * @param space which space to switch to.
+     * @param contextSwitch whether to switch the user's context,
+     * should not be done when the space switch is done implicitly due to another event like switching room.
+     */
+    public setActiveSpace(space: SpaceKey, contextSwitch = true): void {
+        if (!space || !this.matrixClient || space === this.activeSpace) return;
+
+        let cliSpace: Room | null = null;
+        if (ModuleApi.instance.extras.spacePanelItems.has(space)) {
+            // it's a "space" provided by a module: that's good enough
+        } else if (!isMetaSpace(space)) {
+            cliSpace = this.matrixClient.getRoom(space);
+            if (!cliSpace?.isSpaceRoom()) return;
+        } else if (!this.enabledMetaSpaces.includes(space)) {
+            return;
+        }
+
+        window.localStorage.setItem(ACTIVE_SPACE_LS_KEY, (this._activeSpace = space)); // Update & persist selected space
+
+        if (contextSwitch) {
+            // view last selected room from space
+            const roomId = this.getLastSelectedRoomIdForSpace(space);
+
+            // if the space being selected is an invite then always view that invite
+            // else if the last viewed room in this space is joined then view that
+            // else view space home or home depending on what is being clicked on
+            if (
+                roomId &&
+                cliSpace?.getMyMembership() !== KnownMembership.Invite &&
+                this.matrixClient.getRoom(roomId)?.getMyMembership() === KnownMembership.Join &&
+                this.isRoomInSpace(space, roomId)
+            ) {
+                this.dispatcher.dispatch<ViewRoomPayload>({
+                    action: Action.ViewRoom,
+                    room_id: roomId,
+                    context_switch: true,
+                    metricsTrigger: "WebSpaceContextSwitch",
+                });
+            } else if (cliSpace) {
+                this.dispatcher.dispatch<ViewRoomPayload>({
+                    action: Action.ViewRoom,
+                    room_id: space,
+                    context_switch: true,
+                    metricsTrigger: "WebSpaceContextSwitch",
+                });
+            } else if (ModuleApi.instance.extras.spacePanelItems.has(space)) {
+                // module will handle this
+            } else {
+                this.dispatcher.dispatch<ViewHomePagePayload>({
+                    action: Action.ViewHomePage,
+                    context_switch: true,
+                });
+            }
+        }
+
+        this.emit(UPDATE_SELECTED_SPACE, this.activeSpace);
+        this.emit(UPDATE_SUGGESTED_ROOMS, (this._suggestedRooms = []));
+
+        if (cliSpace) {
+            this.loadSuggestedRooms(cliSpace);
+
+            // Load all members for the selected space and its subspaces,
+            // so we can correctly show DMs we have with members of this space.
+            this.traverseSpace(
+                space,
+                (roomId) => {
+                    this.matrixClient?.getRoom(roomId)?.loadMembersIfNeeded();
+                },
+                false,
+            );
+        }
+    }
+
+    /**
+     * Returns the room-id of the last active room in a given space.
+     * This is the room that would be opened when you switch to a given space.
+     * @param space The space you're interested in.
+     * @returns room-id of the room or null if there's no last active room.
+     */
+    public getLastSelectedRoomIdForSpace(space: SpaceKey): string | null {
+        const roomId = window.localStorage.getItem(getSpaceContextKey(space));
+        return roomId;
+    }
+
+    private async loadSuggestedRooms(space: Room): Promise<void> {
+        const suggestedRooms = await this.fetchSuggestedRooms(space);
+        if (this._activeSpace === space.roomId) {
+            this._suggestedRooms = suggestedRooms;
+            this.emit(UPDATE_SUGGESTED_ROOMS, this._suggestedRooms);
+        }
+    }
+
+    public fetchSuggestedRooms = async (space: Room, limit = MAX_SUGGESTED_ROOMS): Promise<ISuggestedRoom[]> => {
+        try {
+            const { rooms } = await this.matrixClient!.getRoomHierarchy(space.roomId, limit, 1, true);
+
+            const viaMap = new EnhancedMap<string, Set<string>>();
+            rooms.forEach((room) => {
+                room.children_state.forEach((ev) => {
+                    if (ev.type === EventType.SpaceChild && ev.content.via?.length) {
+                        ev.content.via.forEach((via) => {
+                            viaMap.getOrCreate(ev.state_key, new Set()).add(via);
+                        });
+                    }
+                });
+            });
+
+            return rooms
+                .filter((roomInfo) => {
+                    return (
+                        roomInfo.room_type !== RoomType.Space &&
+                        this.matrixClient?.getRoom(roomInfo.room_id)?.getMyMembership() !== KnownMembership.Join
+                    );
+                })
+                .map((roomInfo) => ({
+                    ...roomInfo,
+                    viaServers: Array.from(viaMap.get(roomInfo.room_id) || []),
+                }));
+        } catch (e) {
+            logger.error(e);
+        }
+        return [];
+    };
+
+    public addRoomToSpace(space: Room, roomId: string, via: string[], suggested = false): Promise<ISendEventResponse> {
+        return this.matrixClient!.sendStateEvent(
+            space.roomId,
+            EventType.SpaceChild,
+            {
+                via,
+                suggested,
+            },
+            roomId,
+        );
+    }
+
+    public getChildren(spaceId: string): Room[] {
+        const room = this.matrixClient?.getRoom(spaceId);
+        const childEvents = room?.currentState
+            .getStateEvents(EventType.SpaceChild)
+            .filter((ev) => ev.getContent()?.via);
+        return (
+            sortBy(childEvents, (ev) => {
+                return getChildOrder(ev.getContent().order, ev.getTs(), ev.getStateKey()!);
+            })
+                .map((ev) => {
+                    const history = this.matrixClient!.getRoomUpgradeHistory(
+                        ev.getStateKey()!,
+                        true,
+                        this._msc3946ProcessDynamicPredecessor,
+                    );
+                    return history[history.length - 1];
+                })
+                .filter((room) => {
+                    return (
+                        room?.getMyMembership() === KnownMembership.Join ||
+                        room?.getMyMembership() === KnownMembership.Invite
+                    );
+                }) || []
+        );
+    }
+
+    public getChildRooms(spaceId: string): Room[] {
+        return this.getChildren(spaceId).filter((r) => !r.isSpaceRoom());
+    }
+
+    public getChildSpaces(spaceId: string): Room[] {
+        // don't show invited subspaces as they surface at the top level for better visibility
+        return this.getChildren(spaceId).filter((r) => r.isSpaceRoom() && r.getMyMembership() === KnownMembership.Join);
+    }
+
+    public getParents(roomId: string, canonicalOnly = false): Room[] {
+        if (!this.matrixClient) return [];
+        const userId = this.matrixClient.getSafeUserId();
+        const room = this.matrixClient.getRoom(roomId);
+        const events = room?.currentState.getStateEvents(EventType.SpaceParent) ?? [];
+        return filterBoolean(
+            events.map((ev) => {
+                const content = ev.getContent();
+                if (!Array.isArray(content.via) || (canonicalOnly && !content.canonical)) {
+                    return; // skip
+                }
+
+                // only respect the relationship if the sender has sufficient permissions in the parent to set
+                // child relations, as per MSC1772.
+                // https://github.com/matrix-org/matrix-doc/blob/main/proposals/1772-groups-as-rooms.md#relationship-between-rooms-and-spaces
+                const parent = this.matrixClient?.getRoom(ev.getStateKey());
+                const relation = parent?.currentState.getStateEvents(EventType.SpaceChild, roomId);
+                if (
+                    !parent?.currentState.maySendStateEvent(EventType.SpaceChild, userId) ||
+                    // also skip this relation if the parent had this child added but then since removed it
+                    (relation && !Array.isArray(relation.getContent().via))
+                ) {
+                    return; // skip
+                }
+
+                return parent;
+            }),
+        );
+    }
+
+    public getCanonicalParent(roomId: string): Room | null {
+        const parents = this.getParents(roomId, true);
+        return sortBy(parents, (r) => r.roomId)?.[0] || null;
+    }
+
+    public getKnownParents(roomId: string, includeAncestors?: boolean): Set<string> {
+        if (includeAncestors) {
+            return flattenSpaceHierarchy(this.parentMap, this.parentMap, roomId);
+        }
+        return this.parentMap.get(roomId) || new Set();
+    }
+
+    public isRoomInSpace(space: SpaceKey, roomId: string, includeDescendantSpaces = true): boolean {
+        if (space === MetaSpace.Home && this.allRoomsInHome) {
+            return true;
+        }
+        if (space === MetaSpace.VideoRooms) {
+            return !!this.matrixClient?.getRoom(roomId)?.isCallRoom();
+        }
+        if (this.getSpaceFilteredRoomIds(space, includeDescendantSpaces)?.has(roomId)) {
+            return true;
+        }
+
+        const dmPartner = DMRoomMap.shared().getUserIdForRoomId(roomId);
+        if (!dmPartner) {
+            return false;
+        }
+        // beyond this point we know this is a DM
+
+        if (space === MetaSpace.Home) {
+            // these spaces contain all DMs
+            return true;
+        }
+
+        if (
+            !isMetaSpace(space) &&
+            this.getSpaceFilteredUserIds(space, includeDescendantSpaces)?.has(dmPartner) &&
+            SettingsStore.getValue("Spaces.showPeopleInSpace", space)
+        ) {
+            return true;
+        }
+
+        return false;
+    }
+
+    // get all rooms in a space
+    // including descendant spaces
+    public getSpaceFilteredRoomIds = (
+        space: SpaceKey,
+        includeDescendantSpaces = true,
+        useCache = true,
+    ): Set<string> => {
+        if (space === MetaSpace.Home && this.allRoomsInHome) {
+            return new Set(
+                this.matrixClient!.getVisibleRooms(this._msc3946ProcessDynamicPredecessor).map((r) => r.roomId),
+            );
+        }
+
+        // meta spaces never have descendants
+        // and the aggregate cache is not managed for meta spaces
+        if (!includeDescendantSpaces || isMetaSpace(space)) {
+            return this.roomIdsBySpace.get(space) || new Set();
+        }
+
+        return this.getAggregatedRoomIdsBySpace(this.roomIdsBySpace, this.childSpacesBySpace, space, useCache);
+    };
+
+    public getSpaceFilteredUserIds = (
+        space: SpaceKey,
+        includeDescendantSpaces = true,
+        useCache = true,
+    ): Set<string> | undefined => {
+        if (space === MetaSpace.Home && this.allRoomsInHome) {
+            return undefined;
+        }
+        if (isMetaSpace(space)) {
+            return undefined;
+        }
+
+        // meta spaces never have descendants
+        // and the aggregate cache is not managed for meta spaces
+        if (!includeDescendantSpaces || isMetaSpace(space)) {
+            return this.userIdsBySpace.get(space) || new Set();
+        }
+
+        return this.getAggregatedUserIdsBySpace(this.userIdsBySpace, this.childSpacesBySpace, space, useCache);
+    };
+
+    private getAggregatedRoomIdsBySpace = flattenSpaceHierarchyWithCache(this._aggregatedSpaceCache.roomIdsBySpace);
+    private getAggregatedUserIdsBySpace = flattenSpaceHierarchyWithCache(this._aggregatedSpaceCache.userIdsBySpace);
+
+    private markTreeChildren = (rootSpace: Room, unseen: Set<Room>): void => {
+        const stack = [rootSpace];
+        while (stack.length) {
+            const space = stack.pop()!;
+            unseen.delete(space);
+            this.getChildSpaces(space.roomId).forEach((space) => {
+                if (unseen.has(space)) {
+                    stack.push(space);
+                }
+            });
+        }
+    };
+
+    private findRootSpaces = (joinedSpaces: Room[]): Room[] => {
+        // exclude invited spaces from unseenChildren as they will be forcibly shown at the top level of the treeview
+        const unseenSpaces = new Set(joinedSpaces);
+
+        joinedSpaces.forEach((space) => {
+            this.getChildSpaces(space.roomId).forEach((subspace) => {
+                unseenSpaces.delete(subspace);
+            });
+        });
+
+        // Consider any spaces remaining in unseenSpaces as root,
+        // given they are not children of any known spaces.
+        // The hierarchy from these roots may not yet be exhaustive due to the possibility of full-cycles.
+        const rootSpaces = Array.from(unseenSpaces);
+
+        // Next we need to determine the roots of any remaining full-cycles.
+        // We sort spaces by room ID to force the cycle breaking to be deterministic.
+        const detachedNodes = new Set<Room>(sortBy(joinedSpaces, (space) => space.roomId));
+
+        // Mark any nodes which are children of our existing root spaces as attached.
+        rootSpaces.forEach((rootSpace) => {
+            this.markTreeChildren(rootSpace, detachedNodes);
+        });
+
+        // Handle spaces forming fully cyclical relationships.
+        // In order, assume each remaining detachedNode is a root unless it has already
+        // been claimed as the child of prior detached node.
+        // Work from a copy of the detachedNodes set as it will be mutated as part of this operation.
+        // TODO consider sorting by number of in-refs to favour nodes with fewer parents.
+        Array.from(detachedNodes).forEach((detachedNode) => {
+            if (!detachedNodes.has(detachedNode)) return; // already claimed, skip
+            // declare this detached node a new root, find its children, without ever looping back to it
+            rootSpaces.push(detachedNode); // consider this node a new root space
+            this.markTreeChildren(detachedNode, detachedNodes); // declare this node and its children attached
+        });
+
+        return rootSpaces;
+    };
+
+    private rebuildSpaceHierarchy = (): void => {
+        if (!this.matrixClient) return;
+        const visibleSpaces = this.matrixClient
+            .getVisibleRooms(this._msc3946ProcessDynamicPredecessor)
+            .filter((r) => r.isSpaceRoom());
+        const [joinedSpaces, invitedSpaces] = visibleSpaces.reduce(
+            ([joined, invited], s) => {
+                switch (getEffectiveMembership(s.getMyMembership())) {
+                    case EffectiveMembership.Join:
+                        joined.push(s);
+                        break;
+                    case EffectiveMembership.Invite:
+                        invited.push(s);
+                        break;
+                }
+                return [joined, invited];
+            },
+            [[], []] as [Room[], Room[]],
+        );
+
+        const rootSpaces = this.findRootSpaces(joinedSpaces);
+        const oldRootSpaces = this.rootSpaces;
+        this.rootSpaces = this.sortRootSpaces(rootSpaces);
+
+        this.onRoomsUpdate();
+
+        if (arrayHasOrderChange(oldRootSpaces, this.rootSpaces)) {
+            this.emit(UPDATE_TOP_LEVEL_SPACES, this.spacePanelSpaces, this.enabledMetaSpaces);
+        }
+
+        const oldInvitedSpaces = this._invitedSpaces;
+        this._invitedSpaces = new Set(this.sortRootSpaces(invitedSpaces));
+        if (setHasDiff(oldInvitedSpaces, this._invitedSpaces)) {
+            this.emit(UPDATE_INVITED_SPACES, this.invitedSpaces);
+        }
+    };
+
+    private rebuildParentMap = (): void => {
+        if (!this.matrixClient) return;
+        const joinedSpaces = this.matrixClient.getVisibleRooms(this._msc3946ProcessDynamicPredecessor).filter((r) => {
+            return r.isSpaceRoom() && r.getMyMembership() === KnownMembership.Join;
+        });
+
+        this.parentMap = new EnhancedMap<string, Set<string>>();
+        joinedSpaces.forEach((space) => {
+            const children = this.getChildren(space.roomId);
+            children.forEach((child) => {
+                this.parentMap.getOrCreate(child.roomId, new Set()).add(space.roomId);
+            });
+        });
+
+        PosthogAnalytics.instance.setProperty("numSpaces", joinedSpaces.length);
+    };
+
+    private rebuildHomeSpace = (): void => {
+        if (this.allRoomsInHome) {
+            // this is a special-case to not have to maintain a set of all rooms
+            this.roomIdsBySpace.delete(MetaSpace.Home);
+        } else {
+            const rooms = new Set(
+                this.matrixClient!.getVisibleRooms(this._msc3946ProcessDynamicPredecessor)
+                    .filter(this.showInHomeSpace)
+                    .map((r) => r.roomId),
+            );
+            this.roomIdsBySpace.set(MetaSpace.Home, rooms);
+        }
+
+        if (this.activeSpace === MetaSpace.Home) {
+            this.switchSpaceIfNeeded();
+        }
+    };
+
+    private rebuildMetaSpaces = (): void => {
+        if (!this.matrixClient) return;
+        const enabledMetaSpaces = new Set(this.enabledMetaSpaces);
+        const visibleRooms = this.matrixClient.getVisibleRooms(this._msc3946ProcessDynamicPredecessor);
+
+        if (enabledMetaSpaces.has(MetaSpace.Home)) {
+            this.rebuildHomeSpace();
+        } else {
+            this.roomIdsBySpace.delete(MetaSpace.Home);
+        }
+
+        // The People metaspace doesn't need maintaining
+
+        // Populate the orphans space if the Home space is enabled as it is a superset of it.
+        // Home is effectively a super set of People + Orphans with the addition of having all invites too.
+        if (enabledMetaSpaces.has(MetaSpace.Orphans) || enabledMetaSpaces.has(MetaSpace.Home)) {
+            const orphans = visibleRooms.filter((r) => {
+                // filter out DMs and rooms with >0 parents
+                return !this.parentMap.get(r.roomId)?.size && !DMRoomMap.shared().getUserIdForRoomId(r.roomId);
+            });
+            this.roomIdsBySpace.set(MetaSpace.Orphans, new Set(orphans.map((r) => r.roomId)));
+        }
+
+        if (isMetaSpace(this.activeSpace)) {
+            this.switchSpaceIfNeeded();
+        }
+    };
+
+    private updateNotificationStates = (spaces?: SpaceKey[]): void => {
+        if (!this.matrixClient) return;
+        const enabledMetaSpaces = new Set(this.enabledMetaSpaces);
+        const visibleRooms = this.matrixClient.getVisibleRooms(this._msc3946ProcessDynamicPredecessor);
+
+        let dmBadgeSpace: MetaSpace | undefined;
+        // only show badges on home
+        if (enabledMetaSpaces.has(MetaSpace.Home)) {
+            dmBadgeSpace = MetaSpace.Home;
+        }
+
+        if (!spaces) {
+            spaces = [...this.roomIdsBySpace.keys()];
+            if (enabledMetaSpaces.has(MetaSpace.Home) && !this.allRoomsInHome) {
+                spaces.push(MetaSpace.Home);
+            }
+        }
+
+        spaces.forEach((s) => {
+            if (this.allRoomsInHome && s === MetaSpace.Home) return; // we'll be using the global notification state, skip
+
+            const flattenedRoomsForSpace = this.getSpaceFilteredRoomIds(s, true);
+
+            // Update NotificationStates
+            this.getNotificationState(s).setRooms(
+                visibleRooms.filter((room) => {
+                    if (room.isSpaceRoom() || !flattenedRoomsForSpace.has(room.roomId)) return false;
+
+                    if (dmBadgeSpace && DMRoomMap.shared().getUserIdForRoomId(room.roomId)) {
+                        return s === dmBadgeSpace;
+                    }
+
+                    return true;
+                }),
+            );
+        });
+    };
+
+    private showInHomeSpace = (room: Room): boolean => {
+        if (this.allRoomsInHome) return true;
+        if (room.isSpaceRoom()) return false;
+        return (
+            !this.parentMap.get(room.roomId)?.size || // put all orphaned rooms in the Home Space
+            !!DMRoomMap.shared().getUserIdForRoomId(room.roomId) || // put all DMs in the Home Space
+            room.getMyMembership() === KnownMembership.Invite
+        ); // put all invites in the Home Space
+    };
+
+    private static isInSpace(member?: RoomMember | null): boolean {
+        return member?.membership === KnownMembership.Join || member?.membership === KnownMembership.Invite;
+    }
+
+    // Method for resolving the impact of a single user's membership change in the given Space and its hierarchy
+    private onMemberUpdate = (space: Room, userId: string): void => {
+        const inSpace = SpaceStore.isInSpace(space.getMember(userId));
+
+        if (inSpace) {
+            this.userIdsBySpace.get(space.roomId)?.add(userId);
+        } else {
+            this.userIdsBySpace.get(space.roomId)?.delete(userId);
+        }
+
+        // bust cache
+        this._aggregatedSpaceCache.userIdsBySpace.clear();
+
+        const affectedParentSpaceIds = this.getKnownParents(space.roomId, true);
+        this.emit(space.roomId);
+        affectedParentSpaceIds.forEach((spaceId) => this.emit(spaceId));
+
+        if (!inSpace) {
+            // switch space if the DM is no longer considered part of the space
+            this.switchSpaceIfNeeded();
+        }
+    };
+
+    private onRoomsUpdate = (): void => {
+        if (!this.matrixClient) return;
+        const visibleRooms = this.matrixClient.getVisibleRooms(this._msc3946ProcessDynamicPredecessor);
+
+        const prevRoomsBySpace = this.roomIdsBySpace;
+        const prevUsersBySpace = this.userIdsBySpace;
+        const prevChildSpacesBySpace = this.childSpacesBySpace;
+
+        this.roomIdsBySpace = new Map();
+        this.userIdsBySpace = new Map();
+        this.childSpacesBySpace = new Map();
+
+        this.rebuildParentMap();
+        // mutates this.roomIdsBySpace
+        this.rebuildMetaSpaces();
+
+        const hiddenChildren = new EnhancedMap<string, Set<string>>();
+        visibleRooms.forEach((room) => {
+            if (!([KnownMembership.Join, KnownMembership.Invite] as Array<string>).includes(room.getMyMembership()))
+                return;
+            this.getParents(room.roomId).forEach((parent) => {
+                hiddenChildren.getOrCreate(parent.roomId, new Set()).add(room.roomId);
+            });
+        });
+
+        this.rootSpaces.forEach((s) => {
+            // traverse each space tree in DFS to build up the supersets as you go up,
+            // reusing results from like subtrees.
+            const traverseSpace = (
+                spaceId: string,
+                parentPath: Set<string>,
+            ): [Set<string>, Set<string>] | undefined => {
+                if (parentPath.has(spaceId)) return; // prevent cycles
+                // reuse existing results if multiple similar branches exist
+                if (this.roomIdsBySpace.has(spaceId) && this.userIdsBySpace.has(spaceId)) {
+                    return [this.roomIdsBySpace.get(spaceId)!, this.userIdsBySpace.get(spaceId)!];
+                }
+
+                const [childSpaces, childRooms] = partitionSpacesAndRooms(this.getChildren(spaceId));
+
+                this.childSpacesBySpace.set(spaceId, new Set(childSpaces.map((space) => space.roomId)));
+
+                const roomIds = new Set(childRooms.map((r) => r.roomId));
+
+                const space = this.matrixClient?.getRoom(spaceId);
+                const userIds = new Set(
+                    space
+                        ?.getMembers()
+                        .filter((m) => {
+                            return m.membership === KnownMembership.Join || m.membership === KnownMembership.Invite;
+                        })
+                        .map((m) => m.userId),
+                );
+
+                const newPath = new Set(parentPath).add(spaceId);
+
+                childSpaces.forEach((childSpace) => {
+                    traverseSpace(childSpace.roomId, newPath);
+                });
+                hiddenChildren.get(spaceId)?.forEach((roomId) => {
+                    roomIds.add(roomId);
+                });
+
+                // Expand room IDs to all known versions of the given rooms
+                const expandedRoomIds = new Set(
+                    Array.from(roomIds).flatMap((roomId) => {
+                        return this.matrixClient!.getRoomUpgradeHistory(
+                            roomId,
+                            true,
+                            this._msc3946ProcessDynamicPredecessor,
+                        ).map((r) => r.roomId);
+                    }),
+                );
+
+                this.roomIdsBySpace.set(spaceId, expandedRoomIds);
+
+                this.userIdsBySpace.set(spaceId, userIds);
+                return [expandedRoomIds, userIds];
+            };
+
+            traverseSpace(s.roomId, new Set());
+        });
+
+        const roomDiff = mapDiff(prevRoomsBySpace, this.roomIdsBySpace);
+        const userDiff = mapDiff(prevUsersBySpace, this.userIdsBySpace);
+        const spaceDiff = mapDiff(prevChildSpacesBySpace, this.childSpacesBySpace);
+        // filter out keys which changed by reference only by checking whether the sets differ
+        const roomsChanged = roomDiff.changed.filter((k) => {
+            return setHasDiff(prevRoomsBySpace.get(k)!, this.roomIdsBySpace.get(k)!);
+        });
+        const usersChanged = userDiff.changed.filter((k) => {
+            return setHasDiff(prevUsersBySpace.get(k)!, this.userIdsBySpace.get(k)!);
+        });
+        const spacesChanged = spaceDiff.changed.filter((k) => {
+            return setHasDiff(prevChildSpacesBySpace.get(k)!, this.childSpacesBySpace.get(k)!);
+        });
+
+        const changeSet = new Set([
+            ...roomDiff.added,
+            ...userDiff.added,
+            ...spaceDiff.added,
+            ...roomDiff.removed,
+            ...userDiff.removed,
+            ...spaceDiff.removed,
+            ...roomsChanged,
+            ...usersChanged,
+            ...spacesChanged,
+        ]);
+
+        const affectedParents = Array.from(changeSet).flatMap((changedId) => [
+            ...this.getKnownParents(changedId, true),
+        ]);
+        affectedParents.forEach((parentId) => changeSet.add(parentId));
+        // bust aggregate cache
+        this._aggregatedSpaceCache.roomIdsBySpace.clear();
+        this._aggregatedSpaceCache.userIdsBySpace.clear();
+
+        changeSet.forEach((k) => {
+            this.emit(k);
+        });
+
+        if (changeSet.has(this.activeSpace)) {
+            this.switchSpaceIfNeeded();
+        }
+
+        this.updateNotificationStates([...changeSet]);
+    };
+
+    private switchSpaceIfNeeded = (roomId = this.sdkContext.roomViewStore.getRoomId()): void => {
+        if (!roomId) return;
+        if (!this.isRoomInSpace(this.activeSpace, roomId) && !this.matrixClient?.getRoom(roomId)?.isSpaceRoom()) {
+            this.switchToRelatedSpace(roomId);
+        }
+    };
+
+    private switchToRelatedSpace = (roomId: string): void => {
+        if (this.suggestedRooms.find((r) => r.room_id === roomId)) return;
+
+        // try to find the canonical parent first
+        let parent: SpaceKey | undefined = this.getCanonicalParent(roomId)?.roomId;
+
+        // otherwise, try to find a root space which contains this room
+        if (!parent) {
+            parent = this.rootSpaces.find((s) => this.isRoomInSpace(s.roomId, roomId))?.roomId;
+        }
+
+        // otherwise, try to find a metaspace which contains this room
+        if (!parent) {
+            // search meta spaces in reverse as Home is the first and least specific one
+            parent = [...this.enabledMetaSpaces].reverse().find((s) => this.isRoomInSpace(s, roomId));
+        }
+
+        // don't trigger a context switch when we are switching a space to match the chosen room
+        if (parent) {
+            this.setActiveSpace(parent, false);
+        } else {
+            this.goToFirstSpace();
+        }
+    };
+
+    private onRoom = (room: Room, newMembership?: string, oldMembership?: string): void => {
+        const roomMembership = room.getMyMembership();
+        if (!roomMembership) {
+            // room is still being baked in the js-sdk, we'll process it at Room.myMembership instead
+            return;
+        }
+        const membership = newMembership || roomMembership;
+
+        if (!room.isSpaceRoom()) {
+            this.onRoomsUpdate();
+
+            if (membership === KnownMembership.Join) {
+                // the user just joined a room, remove it from the suggested list if it was there
+                const numSuggestedRooms = this._suggestedRooms.length;
+                this._suggestedRooms = this._suggestedRooms.filter((r) => r.room_id !== room.roomId);
+                if (numSuggestedRooms !== this._suggestedRooms.length) {
+                    this.emit(UPDATE_SUGGESTED_ROOMS, this._suggestedRooms);
+                    // If the suggested room was present in the list then we know we don't need to switch space
+                    return;
+                }
+
+                // if the room currently being viewed was just joined then switch to its related space
+                if (
+                    newMembership === KnownMembership.Join &&
+                    room.roomId === this.sdkContext.roomViewStore.getRoomId()
+                ) {
+                    this.switchSpaceIfNeeded(room.roomId);
+                }
+            }
+            return;
+        }
+
+        // Space
+        if (membership === KnownMembership.Invite) {
+            const len = this._invitedSpaces.size;
+            this._invitedSpaces.add(room);
+            if (len !== this._invitedSpaces.size) {
+                this.emit(UPDATE_INVITED_SPACES, this.invitedSpaces);
+            }
+        } else if (oldMembership === KnownMembership.Invite && membership !== KnownMembership.Join) {
+            if (this._invitedSpaces.delete(room)) {
+                this.emit(UPDATE_INVITED_SPACES, this.invitedSpaces);
+            }
+        } else {
+            this.rebuildSpaceHierarchy();
+            // fire off updates to all parent listeners
+            this.parentMap.get(room.roomId)?.forEach((parentId) => {
+                this.emit(parentId);
+            });
+            this.emit(room.roomId);
+        }
+
+        if (membership === KnownMembership.Join && room.roomId === this.sdkContext.roomViewStore.getRoomId()) {
+            // if the user was looking at the space and then joined: select that space
+            this.setActiveSpace(room.roomId, false);
+        } else if (membership === KnownMembership.Leave && room.roomId === this.activeSpace) {
+            // user's active space has gone away, go back to home
+            this.goToFirstSpace(true);
+        }
+    };
+
+    private notifyIfOrderChanged(): void {
+        const rootSpaces = this.sortRootSpaces(this.rootSpaces);
+        if (arrayHasOrderChange(this.rootSpaces, rootSpaces)) {
+            this.rootSpaces = rootSpaces;
+            this.emit(UPDATE_TOP_LEVEL_SPACES, this.spacePanelSpaces, this.enabledMetaSpaces);
+        }
+    }
+
+    private onRoomState = (ev: MatrixEvent): void => {
+        const room = this.matrixClient?.getRoom(ev.getRoomId());
+
+        if (!this.matrixClient || !room) return;
+
+        switch (ev.getType()) {
+            case EventType.SpaceChild: {
+                const target = this.matrixClient.getRoom(ev.getStateKey());
+
+                if (room.isSpaceRoom()) {
+                    if (target?.isSpaceRoom()) {
+                        this.rebuildSpaceHierarchy();
+                        this.emit(target.roomId);
+                    } else {
+                        this.onRoomsUpdate();
+                    }
+                    this.emit(room.roomId);
+                }
+
+                if (
+                    room.roomId === this.activeSpace && // current space
+                    target?.getMyMembership() !== KnownMembership.Join && // target not joined
+                    ev.getPrevContent().suggested !== ev.getContent().suggested // suggested flag changed
+                ) {
+                    this.loadSuggestedRooms(room);
+                }
+
+                break;
+            }
+
+            case EventType.SpaceParent:
+                // TODO rebuild the space parent and not the room - check permissions?
+                // TODO confirm this after implementing parenting behaviour
+                if (room.isSpaceRoom()) {
+                    this.rebuildSpaceHierarchy();
+                } else {
+                    this.onRoomsUpdate();
+                }
+                this.emit(room.roomId);
+                break;
+
+            case EventType.RoomPowerLevels:
+                if (room.isSpaceRoom()) {
+                    this.onRoomsUpdate();
+                }
+                break;
+            case EventType.RoomCreate:
+                // The room might become a video room. We need to tag it for that videoRooms space.
+                this.onRoomsUpdate();
+                break;
+        }
+    };
+
+    // listening for m.room.member events in onRoomState above doesn't work as the Member object isn't updated by then
+    private onRoomStateMembers = (ev: MatrixEvent): void => {
+        const room = this.matrixClient?.getRoom(ev.getRoomId());
+
+        const userId = ev.getStateKey()!;
+        if (
+            room?.isSpaceRoom() && // only consider space rooms
+            DMRoomMap.shared().getDMRoomsForUserId(userId).length > 0 && // only consider members we have a DM with
+            ev.getPrevContent().membership !== ev.getContent().membership // only consider when membership changes
+        ) {
+            this.onMemberUpdate(room, userId);
+        }
+    };
+
+    private onRoomAccountData = (ev: MatrixEvent, room: Room, lastEv?: MatrixEvent): void => {
+        if (room.isSpaceRoom() && ev.getType() === EventType.SpaceOrder) {
+            this.spaceOrderLocalEchoMap.delete(room.roomId); // clear any local echo
+            const order = ev.getContent()?.order;
+            const lastOrder = lastEv?.getContent()?.order;
+            if (order !== lastOrder) {
+                this.notifyIfOrderChanged();
+            }
+        }
+    };
+
+    private onRoomDmChange(room: Room, isDm: boolean): void {
+        const enabledMetaSpaces = new Set(this.enabledMetaSpaces);
+
+        if (!this.allRoomsInHome && enabledMetaSpaces.has(MetaSpace.Home)) {
+            const homeRooms = this.roomIdsBySpace.get(MetaSpace.Home);
+            if (this.showInHomeSpace(room)) {
+                homeRooms?.add(room.roomId);
+            } else if (!this.roomIdsBySpace.get(MetaSpace.Orphans)?.has(room.roomId)) {
+                this.roomIdsBySpace.get(MetaSpace.Home)?.delete(room.roomId);
+            }
+
+            this.emit(MetaSpace.Home);
+        }
+
+        if (enabledMetaSpaces.has(MetaSpace.Orphans) || enabledMetaSpaces.has(MetaSpace.Home)) {
+            if (isDm && this.roomIdsBySpace.get(MetaSpace.Orphans)?.delete(room.roomId)) {
+                this.emit(MetaSpace.Orphans);
+                this.emit(MetaSpace.Home);
+            }
+        }
+    }
+
+    private onAccountData = (ev: MatrixEvent, prevEv?: MatrixEvent): void => {
+        if (ev.getType() === EventType.Direct) {
+            const previousRooms = new Set(Object.values(prevEv?.getContent<Record<string, string[]>>() ?? {}).flat());
+            const currentRooms = new Set(Object.values(ev.getContent<Record<string, string[]>>()).flat());
+
+            const diff = setDiff(previousRooms, currentRooms);
+            [...diff.added, ...diff.removed].forEach((roomId) => {
+                const room = this.matrixClient?.getRoom(roomId);
+                if (room) {
+                    this.onRoomDmChange(room, currentRooms.has(roomId));
+                }
+            });
+
+            if (diff.removed.length > 0) {
+                this.switchSpaceIfNeeded();
+            }
+        }
+    };
+
+    protected async reset(): Promise<void> {
+        this.rootSpaces = [];
+        this.parentMap = new EnhancedMap();
+        this.notificationStateMap = new Map();
+        this.roomIdsBySpace = new Map();
+        this.userIdsBySpace = new Map();
+        this._aggregatedSpaceCache.roomIdsBySpace.clear();
+        this._aggregatedSpaceCache.userIdsBySpace.clear();
+        this._activeSpace = MetaSpace.Home; // set properly by onReady
+        this._suggestedRooms = [];
+        this._invitedSpaces = new Set();
+        this._enabledMetaSpaces = [];
+    }
+
+    protected async onNotReady(): Promise<void> {
+        if (this.matrixClient) {
+            this.matrixClient.removeListener(ClientEvent.Room, this.onRoom);
+            this.matrixClient.removeListener(RoomEvent.MyMembership, this.onRoom);
+            this.matrixClient.removeListener(RoomEvent.AccountData, this.onRoomAccountData);
+            this.matrixClient.removeListener(RoomStateEvent.Events, this.onRoomState);
+            this.matrixClient.removeListener(RoomStateEvent.Members, this.onRoomStateMembers);
+            this.matrixClient.removeListener(ClientEvent.AccountData, this.onAccountData);
+        }
+        await this.reset();
+    }
+
+    protected async onReady(): Promise<void> {
+        if (!this.matrixClient) return;
+        this.matrixClient.on(ClientEvent.Room, this.onRoom);
+        this.matrixClient.on(RoomEvent.MyMembership, this.onRoom);
+        this.matrixClient.on(RoomEvent.AccountData, this.onRoomAccountData);
+        this.matrixClient.on(RoomStateEvent.Events, this.onRoomState);
+        this.matrixClient.on(RoomStateEvent.Members, this.onRoomStateMembers);
+        this.matrixClient.on(ClientEvent.AccountData, this.onAccountData);
+
+        const oldMetaSpaces = this._enabledMetaSpaces;
+        const enabledMetaSpaces = SettingsStore.getValue("Spaces.enabledMetaSpaces");
+        this._enabledMetaSpaces = metaSpaceOrder.filter((k) => enabledMetaSpaces[k]);
+
+        this._allRoomsInHome = SettingsStore.getValue("Spaces.allRoomsInHome");
+        this.sendUserProperties();
+
+        this.rebuildSpaceHierarchy(); // trigger an initial update
+        // rebuildSpaceHierarchy will only send an update if the spaces have changed.
+        // If only the meta spaces have changed, we need to send an update ourselves.
+        if (arrayHasDiff(oldMetaSpaces, this._enabledMetaSpaces)) {
+            this.emit(UPDATE_TOP_LEVEL_SPACES, this.spacePanelSpaces, this.enabledMetaSpaces);
+        }
+
+        // restore selected state from last session if any and still valid
+        const lastSpaceId = window.localStorage.getItem(ACTIVE_SPACE_LS_KEY) as MetaSpace;
+        const valid =
+            lastSpaceId &&
+            (ModuleApi.instance.extras.spacePanelItems.has(lastSpaceId) ||
+                (!isMetaSpace(lastSpaceId) ? this.matrixClient.getRoom(lastSpaceId) : enabledMetaSpaces[lastSpaceId]));
+        if (valid) {
+            // don't context switch here as it may break permalinks
+            this.setActiveSpace(lastSpaceId, false);
+        } else {
+            this.switchSpaceIfNeeded();
+        }
+        this._storeReadyDeferred.resolve();
+    }
+
+    private sendUserProperties(): void {
+        const enabled = new Set(this.enabledMetaSpaces);
+        PosthogAnalytics.instance.setProperty("WebMetaSpaceHomeEnabled", enabled.has(MetaSpace.Home));
+        PosthogAnalytics.instance.setProperty("WebMetaSpaceHomeAllRooms", this.allRoomsInHome);
+        PosthogAnalytics.instance.setProperty("WebMetaSpaceOrphansEnabled", enabled.has(MetaSpace.Orphans));
+    }
+
+    private goToFirstSpace(contextSwitch = false): void {
+        this.setActiveSpace(this.enabledMetaSpaces[0] ?? this.spacePanelSpaces[0]?.roomId, contextSwitch);
+    }
+
+    protected async onAction(payload: SpaceStoreActions): Promise<void> {
+        if (!this.matrixClient) return;
+
+        switch (payload.action) {
+            case Action.ViewRoom: {
+                // Don't auto-switch rooms when reacting to a context-switch or for new rooms being created
+                // as this is not helpful and can create loops of rooms/space switching
+                const isSpace = payload.justCreatedOpts?.roomType === RoomType.Space;
+                if (payload.context_switch || (payload.justCreatedOpts && !isSpace)) break;
+                let roomId = payload.room_id;
+
+                if (payload.room_alias && !roomId) {
+                    const result = getCachedRoomIdForAlias(payload.room_alias);
+                    if (result) roomId = result.roomId;
+                }
+
+                if (!roomId) return; // we'll get re-fired with the room ID shortly
+
+                const room = this.matrixClient.getRoom(roomId);
+                if (room?.isSpaceRoom()) {
+                    // Don't context switch when navigating to the space room
+                    // as it will cause you to end up in the wrong room
+                    this.setActiveSpace(room.roomId, false);
+                } else {
+                    this.switchSpaceIfNeeded(roomId);
+                }
+
+                // Persist last viewed room from a space
+                // we don't await setActiveSpace above as we only care about this.activeSpace being up to date
+                // synchronously for the below code - everything else can and should be async.
+                window.localStorage.setItem(getSpaceContextKey(this.activeSpace), payload.room_id ?? "");
+                break;
+            }
+
+            case Action.ViewHomePage:
+                if (!payload.context_switch && this.enabledMetaSpaces.includes(MetaSpace.Home)) {
+                    this.setActiveSpace(MetaSpace.Home, false);
+                    window.localStorage.setItem(getSpaceContextKey(this.activeSpace), "");
+                }
+                break;
+
+            case Action.AfterLeaveRoom:
+                if (!isMetaSpace(this._activeSpace) && payload.room_id === this._activeSpace) {
+                    // User has left the current space, go to first space
+                    this.goToFirstSpace(true);
+                }
+                break;
+
+            case Action.SwitchSpace: {
+                // Metaspaces start at 1, Spaces follow
+                if (payload.num < 1 || payload.num > 9) break;
+                const numMetaSpaces = this.enabledMetaSpaces.length;
+                if (payload.num <= numMetaSpaces) {
+                    this.setActiveSpace(this.enabledMetaSpaces[payload.num - 1]);
+                } else if (this.spacePanelSpaces.length > payload.num - numMetaSpaces - 1) {
+                    this.setActiveSpace(this.spacePanelSpaces[payload.num - numMetaSpaces - 1].roomId);
+                }
+                break;
+            }
+
+            case Action.SettingUpdated: {
+                switch (payload.settingName) {
+                    case "Spaces.allRoomsInHome": {
+                        const newValue = SettingsStore.getValue("Spaces.allRoomsInHome");
+                        if (this.allRoomsInHome !== newValue) {
+                            this._allRoomsInHome = newValue;
+                            if (this.enabledMetaSpaces.includes(MetaSpace.Home)) {
+                                this.rebuildHomeSpace();
+                            }
+                            this.sendUserProperties();
+                            this.emit(UPDATE_HOME_BEHAVIOUR, this.allRoomsInHome);
+                        }
+                        break;
+                    }
+
+                    case "Spaces.enabledMetaSpaces": {
+                        const newValue = SettingsStore.getValue("Spaces.enabledMetaSpaces");
+                        const enabledMetaSpaces = metaSpaceOrder.filter((k) => newValue[k]);
+                        if (arrayHasDiff(this._enabledMetaSpaces, enabledMetaSpaces)) {
+                            const hadHomeEnabled = this.enabledMetaSpaces.some((s) => s === MetaSpace.Home);
+                            this._enabledMetaSpaces = enabledMetaSpaces;
+                            const hasHomeEnabled = this.enabledMetaSpaces.some((s) => s === MetaSpace.Home);
+
+                            // if a metaspace currently being viewed was removed, go to another one
+                            if (isMetaSpace(this.activeSpace) && !newValue[this.activeSpace]) {
+                                this.switchSpaceIfNeeded();
+                            }
+                            this.rebuildMetaSpaces();
+
+                            if (hadHomeEnabled !== hasHomeEnabled) {
+                                // in this case we have to rebuild everything as DM badges will move to/from real spaces
+                                this.updateNotificationStates();
+                            } else {
+                                this.updateNotificationStates(enabledMetaSpaces);
+                            }
+
+                            this.emit(UPDATE_TOP_LEVEL_SPACES, this.spacePanelSpaces, this.enabledMetaSpaces);
+                            this.sendUserProperties();
+                        }
+                        break;
+                    }
+
+                    case "Spaces.showPeopleInSpace":
+                        if (payload.roomId) {
+                            // getSpaceFilteredUserIds will return the appropriate value
+                            this.emit(payload.roomId);
+                            if (!this.enabledMetaSpaces.some((s) => s === MetaSpace.Home)) {
+                                this.updateNotificationStates([payload.roomId]);
+                            }
+                        }
+                        break;
+
+                    case "feature_dynamic_room_predecessors":
+                        this._msc3946ProcessDynamicPredecessor = SettingsStore.getValue(
+                            "feature_dynamic_room_predecessors",
+                        );
+                        this.rebuildSpaceHierarchy();
+                        break;
+                }
+            }
+        }
+    }
+
+    public getNotificationState(key: SpaceKey): SpaceNotificationState {
+        if (this.notificationStateMap.has(key)) {
+            return this.notificationStateMap.get(key)!;
+        }
+
+        const state = new SpaceNotificationState();
+        this.notificationStateMap.set(key, state);
+        return state;
+    }
+
+    // traverse space tree with DFS calling fn on each space including the given root one,
+    // if includeRooms is true then fn will be called on each leaf room, if it is present in multiple sub-spaces
+    // then fn will be called with it multiple times.
+    public traverseSpace(
+        spaceId: string,
+        fn: (roomId: string) => void,
+        includeRooms = false,
+        parentPath?: Set<string>,
+    ): void {
+        if (parentPath && parentPath.has(spaceId)) return; // prevent cycles
+
+        fn(spaceId);
+
+        const newPath = new Set(parentPath).add(spaceId);
+        const [childSpaces, childRooms] = partitionSpacesAndRooms(this.getChildren(spaceId));
+
+        if (includeRooms) {
+            childRooms.forEach((r) => fn(r.roomId));
+        }
+        childSpaces.forEach((s) => this.traverseSpace(s.roomId, fn, includeRooms, newPath));
+    }
+
+    private getSpaceTagOrdering = (space: Room): string | undefined => {
+        if (this.spaceOrderLocalEchoMap.has(space.roomId)) return this.spaceOrderLocalEchoMap.get(space.roomId);
+        return validOrder(space.getAccountData(EventType.SpaceOrder)?.getContent()?.order);
+    };
+
+    private sortRootSpaces(spaces: Room[]): Room[] {
+        return sortBy(spaces, [this.getSpaceTagOrdering, "roomId"]);
+    }
+
+    private async setRootSpaceOrder(space: Room, order: string): Promise<void> {
+        this.spaceOrderLocalEchoMap.set(space.roomId, order);
+        try {
+            await this.matrixClient?.setRoomAccountData(space.roomId, EventType.SpaceOrder, { order });
+        } catch (e) {
+            logger.warn("Failed to set root space order", e);
+            if (this.spaceOrderLocalEchoMap.get(space.roomId) === order) {
+                this.spaceOrderLocalEchoMap.delete(space.roomId);
+            }
+        }
+    }
+
+    public moveRootSpace(fromIndex: number, toIndex: number): void {
+        const currentOrders = this.rootSpaces.map(this.getSpaceTagOrdering);
+        const changes = reorderLexicographically(currentOrders, fromIndex, toIndex);
+
+        changes.forEach(({ index, order }) => {
+            this.setRootSpaceOrder(this.rootSpaces[index], order);
+        });
+
+        this.notifyIfOrderChanged();
+    }
+}
diff --git a/apps/web/src/stores/spaces/SpaceTreeLevelLayoutStore.ts b/apps/web/src/stores/spaces/SpaceTreeLevelLayoutStore.ts
new file mode 100644
index 00000000000..f32d685e2de
--- /dev/null
+++ b/apps/web/src/stores/spaces/SpaceTreeLevelLayoutStore.ts
@@ -0,0 +1,40 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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.
+*/
+
+const getSpaceCollapsedKey = (roomId: string, parents?: Set<string>): string => {
+    const separator = "/";
+    let path = "";
+    if (parents) {
+        for (const entry of parents.entries()) {
+            path += entry + separator;
+        }
+    }
+    return `mx_space_collapsed_${path + roomId}`;
+};
+
+export default class SpaceTreeLevelLayoutStore {
+    private static internalInstance: SpaceTreeLevelLayoutStore;
+
+    public static get instance(): SpaceTreeLevelLayoutStore {
+        if (!SpaceTreeLevelLayoutStore.internalInstance) {
+            SpaceTreeLevelLayoutStore.internalInstance = new SpaceTreeLevelLayoutStore();
+        }
+        return SpaceTreeLevelLayoutStore.internalInstance;
+    }
+
+    public setSpaceCollapsedState(roomId: string, parents: Set<string> | undefined, collapsed: boolean): void {
+        // XXX: localStorage doesn't allow booleans
+        localStorage.setItem(getSpaceCollapsedKey(roomId, parents), collapsed.toString());
+    }
+
+    public getSpaceCollapsedState(roomId: string, parents: Set<string> | undefined, fallback: boolean): boolean {
+        const collapsedLocalStorage = localStorage.getItem(getSpaceCollapsedKey(roomId, parents));
+        // XXX: localStorage doesn't allow booleans
+        return collapsedLocalStorage ? collapsedLocalStorage === "true" : fallback;
+    }
+}
diff --git a/apps/web/src/stores/spaces/flattenSpaceHierarchy.ts b/apps/web/src/stores/spaces/flattenSpaceHierarchy.ts
new file mode 100644
index 00000000000..3b51032e579
--- /dev/null
+++ b/apps/web/src/stores/spaces/flattenSpaceHierarchy.ts
@@ -0,0 +1,67 @@
+/*
+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 { type SpaceKey } from ".";
+
+export type SpaceEntityMap = Map<SpaceKey, Set<string>>;
+export type SpaceDescendantMap = Map<SpaceKey, Set<SpaceKey>>;
+
+const traverseSpaceDescendants = (
+    spaceDescendantMap: SpaceDescendantMap,
+    spaceId: SpaceKey,
+    flatSpace = new Set<SpaceKey>(),
+): Set<SpaceKey> => {
+    flatSpace.add(spaceId);
+    const descendentSpaces = spaceDescendantMap.get(spaceId);
+    descendentSpaces?.forEach((descendantSpaceId) => {
+        if (!flatSpace.has(descendantSpaceId)) {
+            traverseSpaceDescendants(spaceDescendantMap, descendantSpaceId, flatSpace);
+        }
+    });
+
+    return flatSpace;
+};
+
+/**
+ * Helper function to traverse space hierarchy and flatten
+ * @param spaceEntityMap ie map of rooms or dm userIds
+ * @param spaceDescendantMap map of spaces and their children
+ * @returns set of all rooms
+ */
+export const flattenSpaceHierarchy = (
+    spaceEntityMap: SpaceEntityMap,
+    spaceDescendantMap: SpaceDescendantMap,
+    spaceId: SpaceKey,
+): Set<string> => {
+    const flattenedSpaceIds = traverseSpaceDescendants(spaceDescendantMap, spaceId);
+    const flattenedRooms = new Set<string>();
+
+    flattenedSpaceIds.forEach((id) => {
+        const roomIds = spaceEntityMap.get(id);
+        roomIds?.forEach((roomId) => flattenedRooms.add(roomId), flattenedRooms);
+    });
+
+    return flattenedRooms;
+};
+
+export const flattenSpaceHierarchyWithCache =
+    (cache: SpaceEntityMap) =>
+    (
+        spaceEntityMap: SpaceEntityMap,
+        spaceDescendantMap: SpaceDescendantMap,
+        spaceId: SpaceKey,
+        useCache = true,
+    ): Set<string> => {
+        if (useCache && cache.has(spaceId)) {
+            return cache.get(spaceId)!;
+        }
+        const result = flattenSpaceHierarchy(spaceEntityMap, spaceDescendantMap, spaceId);
+        cache.set(spaceId, result);
+
+        return result;
+    };
diff --git a/apps/web/src/stores/spaces/index.ts b/apps/web/src/stores/spaces/index.ts
new file mode 100644
index 00000000000..8c9865d1dce
--- /dev/null
+++ b/apps/web/src/stores/spaces/index.ts
@@ -0,0 +1,55 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type HierarchyRoom } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../languageHandler";
+
+// The consts & types are moved out here to prevent cyclical imports
+
+export const UPDATE_TOP_LEVEL_SPACES = Symbol("top-level-spaces");
+export const UPDATE_INVITED_SPACES = Symbol("invited-spaces");
+export const UPDATE_SELECTED_SPACE = Symbol("selected-space");
+export const UPDATE_HOME_BEHAVIOUR = Symbol("home-behaviour");
+export const UPDATE_SUGGESTED_ROOMS = Symbol("suggested-rooms");
+// Space Key will be emitted when a Space's children change
+
+export enum MetaSpace {
+    Home = "home-space",
+    Orphans = "orphans-space",
+    VideoRooms = "video-rooms-space",
+}
+
+export const getMetaSpaceName = (spaceKey: MetaSpace, allRoomsInHome = false): string => {
+    switch (spaceKey) {
+        case MetaSpace.Home:
+            return allRoomsInHome ? _t("common|all_chats") : _t("common|home");
+        case MetaSpace.Orphans:
+            return _t("common|orphan_rooms");
+        case MetaSpace.VideoRooms:
+            return _t("voip|metaspace_video_rooms|conference_room_section");
+    }
+};
+
+/**
+ * This can be:
+ *  - a MetaSpace
+ *  - space ID (ie. a room ID)
+ *  - A 'custom' space from a module
+ * Unfortunately we can't type the last set as we don't know what modules will define,
+ * so we can't do better than string here.
+ */
+export type SpaceKey = string;
+
+export interface ISuggestedRoom extends HierarchyRoom {
+    viaServers: string[];
+}
+
+export function isMetaSpace(spaceKey?: SpaceKey): spaceKey is MetaSpace {
+    return spaceKey === MetaSpace.Home || spaceKey === MetaSpace.Orphans || spaceKey === MetaSpace.VideoRooms;
+}
diff --git a/apps/web/src/stores/widgets/ElementWidgetActions.ts b/apps/web/src/stores/widgets/ElementWidgetActions.ts
new file mode 100644
index 00000000000..0db59e986bd
--- /dev/null
+++ b/apps/web/src/stores/widgets/ElementWidgetActions.ts
@@ -0,0 +1,61 @@
+/*
+ * Copyright 2024 New Vector Ltd.
+ * Copyright 2020-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 { type IWidgetApiRequest } from "matrix-widget-api";
+
+export enum ElementWidgetActions {
+    // All of these actions are currently specific to Jitsi and Element Call
+    JoinCall = "io.element.join",
+    HangupCall = "im.vector.hangup",
+    Close = "io.element.close",
+    CallParticipants = "io.element.participants",
+    StartLiveStream = "im.vector.start_live_stream",
+
+    // Actions for switching layouts
+    TileLayout = "io.element.tile_layout",
+    SpotlightLayout = "io.element.spotlight_layout",
+
+    OpenIntegrationManager = "integration_manager_open",
+    /**
+     * @deprecated Use MSC2931 instead
+     */
+    ViewRoom = "io.element.view_room",
+
+    // This action type is used as a `fromWidget` and a `toWidget` action.
+    // fromWidget: updates the client about the current device mute state
+    // toWidget: the client requests a specific device mute configuration
+    //   The reply will always be the resulting configuration
+    //   It is possible to sent an empty configuration to retrieve the current values or
+    //   just one of the fields to update that particular value
+    //   An undefined field means that EC will keep the mute state as is.
+    //   -> this will allow the client to only get the current state
+    //
+    // The data of the widget action request and the response are:
+    // {
+    //   audio_enabled?: boolean,
+    //   video_enabled?: boolean
+    // }
+    // NOTE: this is currently unused. Its only here to make EW aware
+    // of this action so it does not throw errors.
+    DeviceMute = "io.element.device_mute",
+}
+
+export interface IHangupCallApiRequest extends IWidgetApiRequest {
+    data: {
+        errorMessage?: string;
+    };
+}
+
+/**
+ * @deprecated Use MSC2931 instead
+ */
+export interface IViewRoomApiRequest extends IWidgetApiRequest {
+    data: {
+        room_id: string;
+    };
+}
diff --git a/apps/web/src/stores/widgets/ElementWidgetCapabilities.ts b/apps/web/src/stores/widgets/ElementWidgetCapabilities.ts
new file mode 100644
index 00000000000..1cad4e14f76
--- /dev/null
+++ b/apps/web/src/stores/widgets/ElementWidgetCapabilities.ts
@@ -0,0 +1,19 @@
+/*
+ * 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.
+ */
+
+export enum ElementWidgetCapabilities {
+    /**
+     * @deprecated Use MSC2931 instead.
+     */
+    CanChangeViewedRoom = "io.element.view_room",
+    /**
+     * Ask Element to not give the option to move the widget into a separate tab.
+     * This replaces RequiresClient in MatrixCapabilities.
+     */
+    RequiresClient = "io.element.requires_client",
+}
diff --git a/apps/web/src/stores/widgets/ElementWidgetDriver.ts b/apps/web/src/stores/widgets/ElementWidgetDriver.ts
new file mode 100644
index 00000000000..6de3a30aadf
--- /dev/null
+++ b/apps/web/src/stores/widgets/ElementWidgetDriver.ts
@@ -0,0 +1,856 @@
+/*
+ * Copyright 2024 New Vector Ltd.
+ * Copyright 2020-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 Capability,
+    EventDirection,
+    type IOpenIDCredentials,
+    type IOpenIDUpdate,
+    type ISendDelayedEventDetails,
+    type ISendEventDetails,
+    type ITurnServer,
+    type IReadEventRelationsResult,
+    type IRoomEvent,
+    MatrixCapabilities,
+    OpenIDRequestState,
+    type SimpleObservable,
+    type Widget,
+    WidgetDriver,
+    WidgetEventCapability,
+    WidgetKind,
+    type IWidgetApiErrorResponseDataDetails,
+    type ISearchUserDirectoryResult,
+    type IGetMediaConfigResult,
+    type IRtcTransportsResult,
+} from "matrix-widget-api";
+import {
+    ClientEvent,
+    type ITurnServer as IClientTurnServer,
+    EventType,
+    type IContent,
+    MatrixError,
+    Direction,
+    THREAD_RELATION_TYPE,
+    type SendDelayedEventResponse,
+    type StateEvents,
+    type TimelineEvents,
+    type Room,
+    type MatrixClient,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import {
+    type ApprovalOpts,
+    type CapabilitiesOpts,
+    WidgetLifecycle,
+} from "@matrix-org/react-sdk-module-api/lib/lifecycles/WidgetLifecycle";
+
+import { iterableDiff, iterableIntersection } from "../../utils/iterables";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import Modal from "../../Modal";
+import WidgetOpenIDPermissionsDialog from "../../components/views/dialogs/WidgetOpenIDPermissionsDialog";
+import WidgetCapabilitiesPromptDialog from "../../components/views/dialogs/WidgetCapabilitiesPromptDialog";
+import { WidgetPermissionCustomisations } from "../../customisations/WidgetPermissions";
+import { OIDCState } from "./WidgetPermissionStore";
+import { WidgetType } from "../../widgets/WidgetType";
+import { CHAT_EFFECTS } from "../../effects";
+import { containsEmoji } from "../../effects/utils";
+import dis from "../../dispatcher/dispatcher";
+import { ElementWidgetCapabilities } from "./ElementWidgetCapabilities";
+import { navigateToPermalink } from "../../utils/permalinks/navigator";
+import { SDKContextClass } from "../../contexts/SDKContextClass";
+import { ModuleRunner } from "../../modules/ModuleRunner";
+import { ModuleApi } from "../../modules/Api";
+import { toWidgetDescriptor } from "../../modules/WidgetLifecycleApi";
+import SettingsStore from "../../settings/SettingsStore";
+import { mediaFromMxc } from "../../customisations/Media";
+
+function getRememberedCapabilitiesForWidget(widget: Widget): Capability[] {
+    return JSON.parse(localStorage.getItem(`widget_${widget.id}_approved_caps`) || "[]");
+}
+
+function setRememberedCapabilitiesForWidget(widget: Widget, caps: Capability[]): void {
+    localStorage.setItem(`widget_${widget.id}_approved_caps`, JSON.stringify(caps));
+}
+
+const normalizeTurnServer = ({ urls, username, credential }: IClientTurnServer): ITurnServer => ({
+    uris: urls,
+    username,
+    password: credential,
+});
+
+/**
+ * Element Web's implementation of a widget driver (the object that
+ * matrix-widget-api uses to retrieve information from the client and carry out
+ * authorized actions on the widget's behalf). Essentially this is a glorified
+ * set of callbacks.
+ */
+// TODO: Consider alternative designs for matrix-widget-api?
+// Replace with matrix-rust-sdk?
+export class ElementWidgetDriver extends WidgetDriver {
+    private allowedCapabilities: Set<Capability>;
+
+    // TODO: Refactor widgetKind into the Widget class
+    public constructor(
+        private forWidget: Widget,
+        private forWidgetKind: WidgetKind,
+        virtual: boolean,
+        private inRoomId?: string,
+    ) {
+        super();
+
+        // Always allow screenshots to be taken because it's a client-induced flow. The widget can't
+        // spew screenshots at us and can't request screenshots of us, so it's up to us to provide the
+        // button if the widget says it supports screenshots.
+        this.allowedCapabilities = new Set([MatrixCapabilities.Screenshots, ElementWidgetCapabilities.RequiresClient]);
+
+        // Grant the permissions that are specific to given widget types
+        if (WidgetType.JITSI.matches(this.forWidget.type) && forWidgetKind === WidgetKind.Room) {
+            this.allowedCapabilities.add(MatrixCapabilities.AlwaysOnScreen);
+        } else if (WidgetType.STICKERPICKER.matches(this.forWidget.type) && forWidgetKind === WidgetKind.Account) {
+            const stickerSendingCap = WidgetEventCapability.forRoomEvent(EventDirection.Send, EventType.Sticker).raw;
+            this.allowedCapabilities.add(MatrixCapabilities.StickerSending); // legacy as far as MSC2762 is concerned
+            this.allowedCapabilities.add(stickerSendingCap);
+
+            // Auto-approve the legacy visibility capability. We send it regardless of capability.
+            // Widgets don't technically need to request this capability, but Scalar still does.
+            this.allowedCapabilities.add("visibility");
+        } else if (virtual && WidgetType.CALL.matches(this.forWidget.type) && forWidgetKind === WidgetKind.Room) {
+            // This is a trusted Element Call widget that we control
+            this.allowedCapabilities.add(MatrixCapabilities.AlwaysOnScreen);
+            this.allowedCapabilities.add(MatrixCapabilities.MSC3846TurnServers);
+            this.allowedCapabilities.add(MatrixCapabilities.MSC4515RtcTransports);
+            this.allowedCapabilities.add(`org.matrix.msc2762.timeline:${inRoomId}`);
+            this.allowedCapabilities.add(MatrixCapabilities.MSC4157SendDelayedEvent);
+            this.allowedCapabilities.add(MatrixCapabilities.MSC4157UpdateDelayedEvent);
+            this.allowedCapabilities.add(MatrixCapabilities.MSC4407SendStickyEvent);
+            this.allowedCapabilities.add(MatrixCapabilities.MSC4407ReceiveStickyEvent);
+            this.allowedCapabilities.add(MatrixCapabilities.MSC4039DownloadFile);
+
+            this.allowedCapabilities.add(
+                WidgetEventCapability.forStateEvent(EventDirection.Receive, EventType.RoomName).raw,
+            );
+            this.allowedCapabilities.add(
+                WidgetEventCapability.forStateEvent(EventDirection.Receive, EventType.RoomMember).raw,
+            );
+            this.allowedCapabilities.add(
+                WidgetEventCapability.forStateEvent(EventDirection.Receive, "org.matrix.msc3401.call").raw,
+            );
+            this.allowedCapabilities.add(
+                WidgetEventCapability.forStateEvent(EventDirection.Receive, "org.matrix.msc4143.rtc.slot").raw,
+            );
+            this.allowedCapabilities.add(
+                WidgetEventCapability.forStateEvent(EventDirection.Receive, EventType.RoomEncryption).raw,
+            );
+            const clientUserId = MatrixClientPeg.safeGet().getSafeUserId();
+            // For the legacy membership type
+            this.allowedCapabilities.add(
+                WidgetEventCapability.forStateEvent(EventDirection.Send, "org.matrix.msc3401.call.member", clientUserId)
+                    .raw,
+            );
+            const clientDeviceId = MatrixClientPeg.safeGet().getDeviceId();
+            if (clientDeviceId !== null) {
+                // For the session membership type compliant with MSC4143
+                // Note MSC4143 still uses the org.matrix.msc3401 unstable prefix
+                this.allowedCapabilities.add(
+                    WidgetEventCapability.forStateEvent(
+                        EventDirection.Send,
+                        "org.matrix.msc3401.call.member",
+                        `_${clientUserId}_${clientDeviceId}`,
+                    ).raw,
+                );
+                this.allowedCapabilities.add(
+                    WidgetEventCapability.forStateEvent(
+                        EventDirection.Send,
+                        "org.matrix.msc3401.call.member",
+                        `_${clientUserId}_${clientDeviceId}_m.call`,
+                    ).raw,
+                );
+                // Version with no leading underscore, for room versions whose auth rules allow it
+                this.allowedCapabilities.add(
+                    WidgetEventCapability.forStateEvent(
+                        EventDirection.Send,
+                        "org.matrix.msc3401.call.member",
+                        `${clientUserId}_${clientDeviceId}`,
+                    ).raw,
+                );
+                this.allowedCapabilities.add(
+                    WidgetEventCapability.forStateEvent(
+                        EventDirection.Send,
+                        "org.matrix.msc3401.call.member",
+                        `${clientUserId}_${clientDeviceId}_m.call`,
+                    ).raw,
+                );
+            }
+            this.allowedCapabilities.add(
+                WidgetEventCapability.forStateEvent(EventDirection.Receive, "org.matrix.msc3401.call.member").raw,
+            );
+            // for determining auth rules specific to the room version
+            this.allowedCapabilities.add(
+                WidgetEventCapability.forStateEvent(EventDirection.Receive, EventType.RoomCreate).raw,
+            );
+
+            const sendRoomEvents = [EventType.CallNotify, EventType.RTCNotification];
+            const sendRecvRoomEvents = [
+                "io.element.call.encryption_keys",
+                "org.matrix.rageshake_request",
+                EventType.Reaction,
+                EventType.RoomRedaction,
+                "io.element.call.reaction",
+                //  MSC4310: Add dev and final event to ease future transition,
+                EventType.RTCDecline,
+                "m.rtc.decline",
+                // MSC4310 The main membership event is sent via a room sticky event.
+                EventType.RTCMembership,
+                "m.rtc.member",
+            ];
+            for (const eventType of [...sendRoomEvents, ...sendRecvRoomEvents])
+                this.allowedCapabilities.add(WidgetEventCapability.forRoomEvent(EventDirection.Send, eventType).raw);
+            for (const eventType of sendRecvRoomEvents)
+                this.allowedCapabilities.add(WidgetEventCapability.forRoomEvent(EventDirection.Receive, eventType).raw);
+
+            const sendRecvToDevice = [
+                EventType.CallInvite,
+                EventType.CallCandidates,
+                EventType.CallAnswer,
+                EventType.CallHangup,
+                EventType.CallReject,
+                EventType.CallSelectAnswer,
+                EventType.CallNegotiate,
+                EventType.CallSDPStreamMetadataChanged,
+                EventType.CallSDPStreamMetadataChangedPrefix,
+                EventType.CallReplaces,
+                EventType.CallEncryptionKeysPrefix,
+            ];
+            for (const eventType of sendRecvToDevice) {
+                this.allowedCapabilities.add(
+                    WidgetEventCapability.forToDeviceEvent(EventDirection.Send, eventType).raw,
+                );
+                this.allowedCapabilities.add(
+                    WidgetEventCapability.forToDeviceEvent(EventDirection.Receive, eventType).raw,
+                );
+            }
+
+            // To always allow OIDC requests for element call, the widgetPermissionStore is used:
+            SDKContextClass.instance.widgetPermissionStore.setOIDCState(
+                forWidget,
+                forWidgetKind,
+                inRoomId,
+                OIDCState.Allowed,
+            );
+        }
+    }
+
+    public async validateCapabilities(requested: Set<Capability>): Promise<Set<Capability>> {
+        // Check to see if any capabilities aren't automatically accepted (such as sticker pickers
+        // allowing stickers to be sent). If there are excess capabilities to be approved, the user
+        // will be prompted to accept them.
+        const diff = iterableDiff(requested, this.allowedCapabilities);
+        const missing = new Set(diff.removed); // "removed" is "in A (requested) but not in B (allowed)"
+        const allowedSoFar = new Set(this.allowedCapabilities);
+        getRememberedCapabilitiesForWidget(this.forWidget).forEach((cap) => {
+            allowedSoFar.add(cap);
+            missing.delete(cap);
+        });
+
+        // Try the new module API first, then fall back to legacy paths
+        let approved: Set<string> | undefined;
+        approved = await ModuleApi.instance.widgetLifecycle.preapproveCapabilities(
+            toWidgetDescriptor(this.forWidget, this.inRoomId),
+            requested,
+        );
+        if (!approved) {
+            if (WidgetPermissionCustomisations.preapproveCapabilities) {
+                approved = await WidgetPermissionCustomisations.preapproveCapabilities(this.forWidget, requested);
+            } else {
+                const opts: CapabilitiesOpts = { approvedCapabilities: undefined };
+                ModuleRunner.instance.invoke(WidgetLifecycle.CapabilitiesRequest, opts, this.forWidget, requested);
+                approved = opts.approvedCapabilities;
+            }
+        }
+        if (approved) {
+            approved.forEach((cap) => {
+                allowedSoFar.add(cap);
+                missing.delete(cap);
+            });
+        }
+
+        // TODO: Do something when the widget requests new capabilities not yet asked for
+        let rememberApproved = false;
+        if (missing.size > 0) {
+            try {
+                const [result] = await Modal.createDialog(WidgetCapabilitiesPromptDialog, {
+                    requestedCapabilities: missing,
+                    widgetKind: this.forWidgetKind,
+                }).finished;
+                result?.approved?.forEach((cap) => allowedSoFar.add(cap));
+                rememberApproved = !!result?.remember;
+            } catch (e) {
+                logger.error("Non-fatal error getting capabilities: ", e);
+            }
+        }
+
+        // discard all previously allowed capabilities if they are not requested
+        // TODO: this results in an unexpected behavior when this function is called during the capabilities renegotiation of MSC2974 that will be resolved later.
+        const allAllowed = new Set(iterableIntersection(allowedSoFar, requested));
+
+        if (rememberApproved) {
+            setRememberedCapabilitiesForWidget(this.forWidget, Array.from(allAllowed));
+        }
+
+        return allAllowed;
+    }
+
+    private getSendEventTarget(roomId: string | null = null): { client: MatrixClient; roomId: string } {
+        const client = MatrixClientPeg.safeGet();
+        roomId = roomId || SDKContextClass.instance.roomViewStore.getRoomId() || null;
+        if (!roomId) throw new Error("No room specified and no room in RoomViewStore focus.");
+        return { client, roomId };
+    }
+
+    public async sendEvent<K extends keyof StateEvents>(
+        eventType: K,
+        content: StateEvents[K],
+        stateKey: string | null,
+        targetRoomId: string | null,
+    ): Promise<ISendEventDetails>;
+    public async sendEvent<K extends keyof TimelineEvents>(
+        eventType: K,
+        content: TimelineEvents[K],
+        stateKey: null,
+        targetRoomId: string | null,
+    ): Promise<ISendEventDetails>;
+    public async sendEvent(
+        eventType: string,
+        content: IContent,
+        stateKey: string | null = null,
+        targetRoomId: string | null = null,
+    ): Promise<ISendEventDetails> {
+        const { client, roomId } = this.getSendEventTarget(targetRoomId);
+
+        let r: { event_id: string } | null;
+        if (stateKey !== null) {
+            // state event
+            r = await client.sendStateEvent(
+                roomId,
+                eventType as keyof StateEvents,
+                content satisfies StateEvents[keyof StateEvents],
+                stateKey,
+            );
+        } else if (eventType === EventType.RoomRedaction) {
+            // special case: extract the `redacts` property and call redact
+            r = await client.redactEvent(roomId, content["redacts"]);
+        } else {
+            // message event
+            r = await client.sendEvent(
+                roomId,
+                eventType as keyof TimelineEvents,
+                content as TimelineEvents[keyof TimelineEvents],
+            );
+
+            if (eventType === EventType.RoomMessage) {
+                CHAT_EFFECTS.forEach((effect) => {
+                    if (containsEmoji(content, effect.emojis)) {
+                        // For initial threads launch, chat effects are disabled
+                        // see #19731
+                        const isNotThread = content["m.relates_to"]?.rel_type !== THREAD_RELATION_TYPE.name;
+                        if (isNotThread) {
+                            dis.dispatch({ action: `effects.${effect.command}` });
+                        }
+                    }
+                });
+            }
+        }
+
+        return { roomId, eventId: r.event_id };
+    }
+
+    /**
+     * @experimental Part of MSC4354
+     * @see {@link WidgetDriver#sendStickyEvent}
+     */
+    public async sendStickyEvent(
+        stickyDurationMs: number,
+        eventType: string,
+        content: unknown,
+        targetRoomId?: string | null,
+    ): Promise<ISendEventDetails> {
+        const { client, roomId } = this.getSendEventTarget(targetRoomId);
+
+        const r = await client._unstable_sendStickyEvent(
+            roomId,
+            stickyDurationMs,
+            null,
+            eventType as keyof TimelineEvents,
+            content as TimelineEvents[keyof TimelineEvents] & { msc4354_sticky_key: string },
+        );
+        return { roomId, eventId: r.event_id };
+    }
+
+    public async readStickyEvents(roomId: string): Promise<IRoomEvent[]> {
+        const room = MatrixClientPeg.safeGet().getRoom(roomId);
+        if (!room) {
+            logger.warn(`[ElementWidgetDriver] readStickyEvents: room ${roomId} not found`);
+            return Promise.resolve([]);
+        }
+        const stickyEvents: IRoomEvent[] = [];
+        for (const ev of room._unstable_getStickyEvents()) {
+            stickyEvents.push(ev.getEffectiveEvent() as IRoomEvent);
+        }
+        // Notice that the capability checks are not done here; they are done in the matrix-widget-api.
+        // The ClientWidgetAPI will do the filtering of events based on the capabilities advertised by the driver.
+        return stickyEvents;
+    }
+
+    /**
+     * @experimental Part of MSC4140 & MSC4157
+     * @see {@link WidgetDriver#sendDelayedEvent}
+     */
+    public async sendDelayedEvent<K extends keyof StateEvents>(
+        delay: number,
+        eventType: K,
+        content: StateEvents[K],
+        stateKey: string | null,
+        targetRoomId: string | null,
+    ): Promise<ISendDelayedEventDetails>;
+    /**
+     * @experimental Part of MSC4140 & MSC4157
+     */
+    public async sendDelayedEvent<K extends keyof TimelineEvents>(
+        delay: number,
+        eventType: K,
+        content: TimelineEvents[K],
+        stateKey: null,
+        targetRoomId: string | null,
+    ): Promise<ISendDelayedEventDetails>;
+    public async sendDelayedEvent(
+        delay: number,
+        eventType: string,
+        content: IContent,
+        stateKey: string | null = null,
+        targetRoomId: string | null = null,
+    ): Promise<ISendDelayedEventDetails> {
+        const { client, roomId } = this.getSendEventTarget(targetRoomId);
+        const delayOpts = { delay };
+
+        let r: SendDelayedEventResponse | null;
+        if (stateKey !== null) {
+            // state event
+            r = await client._unstable_sendDelayedStateEvent(
+                roomId,
+                delayOpts,
+                eventType as keyof StateEvents,
+                content satisfies StateEvents[keyof StateEvents],
+                stateKey,
+            );
+        } else {
+            // message event
+            r = await client._unstable_sendDelayedEvent(
+                roomId,
+                delayOpts,
+                null,
+                eventType as keyof TimelineEvents,
+                content as TimelineEvents[keyof TimelineEvents],
+            );
+        }
+
+        return {
+            roomId,
+            delayId: r.delay_id,
+        };
+    }
+
+    /**
+     * @experimental Part of MSC4354
+     * @see {@link WidgetDriver#sendStickyEvent}
+     */
+    public async sendDelayedStickyEvent(
+        delay: number,
+        stickyDurationMs: number,
+        eventType: string,
+        content: unknown,
+        targetRoomId?: string | null,
+    ): Promise<ISendDelayedEventDetails> {
+        const { client, roomId } = this.getSendEventTarget(targetRoomId);
+        const r = await client._unstable_sendStickyDelayedEvent(
+            roomId,
+            stickyDurationMs,
+            { delay },
+            null,
+            eventType as keyof TimelineEvents,
+            content as TimelineEvents[keyof TimelineEvents] & { msc4354_sticky_key: string },
+        );
+        return { roomId, delayId: r.delay_id };
+    }
+
+    /**
+     * @experimental Part of MSC4140 & MSC4157
+     */
+    public async cancelScheduledDelayedEvent(delayId: string): Promise<void> {
+        const client = MatrixClientPeg.get();
+
+        if (!client) throw new Error("Not attached to a client");
+
+        await client._unstable_cancelScheduledDelayedEvent(delayId);
+    }
+
+    /**
+     * @experimental Part of MSC4140 & MSC4157
+     */
+    public async restartScheduledDelayedEvent(delayId: string): Promise<void> {
+        const client = MatrixClientPeg.get();
+
+        if (!client) throw new Error("Not attached to a client");
+
+        await client._unstable_restartScheduledDelayedEvent(delayId);
+    }
+
+    /**
+     * @experimental Part of MSC4140 & MSC4157
+     */
+    public async sendScheduledDelayedEvent(delayId: string): Promise<void> {
+        const client = MatrixClientPeg.get();
+
+        if (!client) throw new Error("Not attached to a client");
+
+        await client._unstable_sendScheduledDelayedEvent(delayId);
+    }
+
+    /**
+     * Implements {@link WidgetDriver#sendToDevice}
+     */
+    public async sendToDevice(
+        eventType: string,
+        encrypted: boolean,
+        contentMap: { [userId: string]: { [deviceId: string]: object } },
+    ): Promise<void> {
+        const client = MatrixClientPeg.safeGet();
+
+        if (encrypted) {
+            const crypto = client.getCrypto();
+            if (!crypto) throw new Error("E2EE not enabled");
+
+            // attempt to re-batch these up into a single request
+            const invertedContentMap: { [content: string]: { userId: string; deviceId: string }[] } = {};
+
+            for (const userId of Object.keys(contentMap)) {
+                const userContentMap = contentMap[userId];
+                for (const deviceId of Object.keys(userContentMap)) {
+                    const content = userContentMap[deviceId];
+                    const stringifiedContent = JSON.stringify(content);
+                    invertedContentMap[stringifiedContent] = invertedContentMap[stringifiedContent] || [];
+                    invertedContentMap[stringifiedContent].push({ userId, deviceId });
+                }
+            }
+
+            await Promise.all(
+                Object.entries(invertedContentMap).map(async ([stringifiedContent, recipients]) => {
+                    const batch = await crypto.encryptToDeviceMessages(
+                        eventType,
+                        recipients,
+                        JSON.parse(stringifiedContent),
+                    );
+
+                    await client.queueToDevice(batch);
+                }),
+            );
+        } else {
+            await client.queueToDevice({
+                eventType,
+                batch: Object.entries(contentMap).flatMap(([userId, userContentMap]) =>
+                    Object.entries(userContentMap).map(([deviceId, content]) => ({
+                        userId,
+                        deviceId,
+                        payload: content,
+                    })),
+                ),
+            });
+        }
+    }
+
+    /**
+     * Generator function that retrieves events for readRoomTimeline
+     * @param room The room to check the timeline of.
+     * @param eventType The event type to be read.
+     * @param msgtype The msgtype of the events to be read, if applicable/defined.
+     * @param stateKey The state key of the events to be read, if applicable/defined.
+     * @param limit The maximum number of events to retrieve. Will be zero to denote "as many as
+     * possible".
+     * @param since When null, retrieves the number of events specified by the "limit" parameter.
+     * Otherwise, the event ID at which only subsequent events will be returned, as many as specified
+     * in "limit".
+     * @returns A generator that emits events.
+     * @yields IRoomEvents from the room timeline
+     */
+    private *readRoomTimelineIterator(
+        room: Room,
+        eventType: string,
+        msgtype: string | undefined,
+        stateKey: string | undefined,
+        limit: number,
+        since: string | undefined,
+    ): Generator<IRoomEvent, void, void> {
+        let resultCount: number = 0;
+        const events = [...room.getLiveTimeline().getEvents()]; // timelines are most recent last
+        for (let ev = events.pop(); ev && resultCount < limit && ev.getId() !== since; ev = events.pop()) {
+            if (ev.getType() !== eventType) continue;
+            if (eventType === EventType.RoomMessage && msgtype && msgtype !== ev.getContent()["msgtype"]) continue;
+            if (stateKey !== undefined && ev.getStateKey() !== stateKey) continue;
+            yield ev.getEffectiveEvent() as IRoomEvent;
+            resultCount++;
+        }
+    }
+
+    /**
+     * Reads all events of the given type, and optionally `msgtype` (if applicable/defined),
+     * the user has access to. The widget API will have already verified that the widget is
+     * capable of receiving the events. Less events than the limit are allowed to be returned,
+     * but not more.
+     * @param roomId The ID of the room to look within.
+     * @param eventType The event type to be read.
+     * @param msgtype The msgtype of the events to be read, if applicable/defined.
+     * @param stateKey The state key of the events to be read, if applicable/defined.
+     * @param limit The maximum number of events to retrieve. Will be zero to denote "as many as
+     * possible".
+     * @param since When null, retrieves the number of events specified by the "limit" parameter.
+     * Otherwise, the event ID at which only subsequent events will be returned, as many as specified
+     * in "limit".
+     * @returns {Promise<IRoomEvent[]>} Resolves to the room events, or an empty array.
+     */
+    public async readRoomTimeline(
+        roomId: string,
+        eventType: string,
+        msgtype: string | undefined,
+        stateKey: string | undefined,
+        limit: number,
+        since: string | undefined,
+    ): Promise<IRoomEvent[]> {
+        limit = limit > 0 ? Math.min(limit, Number.MAX_SAFE_INTEGER) : Number.MAX_SAFE_INTEGER; // relatively arbitrary
+        const room = MatrixClientPeg.safeGet().getRoom(roomId);
+        if (room === null) return [];
+        return [...this.readRoomTimelineIterator(room, eventType, msgtype, stateKey, limit, since)];
+    }
+
+    /**
+     * Reads the current values of all matching room state entries.
+     * @param roomId The ID of the room.
+     * @param eventType The event type of the entries to be read.
+     * @param stateKey The state key of the entry to be read. If undefined,
+     * all room state entries with a matching event type should be returned.
+     * @returns {Promise<IRoomEvent[]>} Resolves to the events representing the
+     * current values of the room state entries.
+     */
+    public async readRoomState(roomId: string, eventType: string, stateKey: string | undefined): Promise<IRoomEvent[]> {
+        const room = MatrixClientPeg.safeGet().getRoom(roomId);
+        if (room === null) return [];
+        const state = room.getLiveTimeline().getState(Direction.Forward);
+        if (state === undefined) return [];
+
+        if (stateKey === undefined)
+            return state.getStateEvents(eventType).map((e) => e.getEffectiveEvent() as IRoomEvent);
+        const event = state.getStateEvents(eventType, stateKey);
+        return event === null ? [] : [event.getEffectiveEvent() as IRoomEvent];
+    }
+
+    public async askOpenID(observer: SimpleObservable<IOpenIDUpdate>): Promise<void> {
+        // Try the new module API first, then fall back to legacy path
+        let approved: boolean | undefined = await ModuleApi.instance.widgetLifecycle.preapproveIdentity(
+            toWidgetDescriptor(this.forWidget, this.inRoomId),
+        );
+
+        if (!approved) {
+            // Legacy module API fallback
+            const legacyOpts: ApprovalOpts = { approved: undefined };
+            ModuleRunner.instance.invoke(WidgetLifecycle.IdentityRequest, legacyOpts, this.forWidget);
+            approved = legacyOpts.approved;
+        }
+
+        if (approved) {
+            return observer.update({
+                state: OpenIDRequestState.Allowed,
+                token: await MatrixClientPeg.safeGet().getOpenIdToken(),
+            });
+        }
+
+        const oidcState = SDKContextClass.instance.widgetPermissionStore.getOIDCState(
+            this.forWidget,
+            this.forWidgetKind,
+            this.inRoomId,
+        );
+
+        const getToken = (): Promise<IOpenIDCredentials> => {
+            return MatrixClientPeg.safeGet().getOpenIdToken();
+        };
+
+        if (oidcState === OIDCState.Denied) {
+            return observer.update({ state: OpenIDRequestState.Blocked });
+        }
+        if (oidcState === OIDCState.Allowed) {
+            return observer.update({ state: OpenIDRequestState.Allowed, token: await getToken() });
+        }
+
+        observer.update({ state: OpenIDRequestState.PendingUserConfirmation });
+
+        const { finished } = Modal.createDialog(WidgetOpenIDPermissionsDialog, {
+            widget: this.forWidget,
+            widgetKind: this.forWidgetKind,
+            inRoomId: this.inRoomId,
+        });
+        const [confirm] = await finished;
+        if (!confirm) {
+            observer.update({ state: OpenIDRequestState.Blocked });
+        } else {
+            observer.update({ state: OpenIDRequestState.Allowed, token: await getToken() });
+        }
+    }
+
+    public async navigate(uri: string): Promise<void> {
+        navigateToPermalink(uri);
+    }
+
+    public async *getTurnServers(): AsyncGenerator<ITurnServer> {
+        const client = MatrixClientPeg.safeGet();
+        if (!client.pollingTurnServers || !client.getTurnServers().length) return;
+
+        let setTurnServer: (server: ITurnServer) => void;
+        let setError: (error: Error) => void;
+
+        const onTurnServers = ([server]: IClientTurnServer[]): void => setTurnServer(normalizeTurnServer(server));
+        const onTurnServersError = (error: Error, fatal: boolean): void => {
+            if (fatal) setError(error);
+        };
+
+        client.on(ClientEvent.TurnServers, onTurnServers);
+        client.on(ClientEvent.TurnServersError, onTurnServersError);
+
+        try {
+            const initialTurnServer = client.getTurnServers()[0];
+            yield normalizeTurnServer(initialTurnServer);
+
+            // Repeatedly listen for new TURN servers until an error occurs or
+            // the caller stops this generator
+            while (true) {
+                yield await new Promise<ITurnServer>((resolve, reject) => {
+                    setTurnServer = resolve;
+                    setError = reject;
+                });
+            }
+        } finally {
+            // The loop was broken - clean up
+            client.off(ClientEvent.TurnServers, onTurnServers);
+            client.off(ClientEvent.TurnServersError, onTurnServersError);
+        }
+    }
+
+    public async getRtcTransports(): Promise<IRtcTransportsResult> {
+        const client = MatrixClientPeg.safeGet();
+        // Delegate to the authenticated CS endpoint (MSC4143). Any error (e.g. the
+        // homeserver not supporting it) propagates and is turned into a widget error
+        // response by ClientWidgetApi. The js-sdk Transport and widget-api IRtcTransport
+        // types are structurally identical.
+        const transports = await client._unstable_getRTCTransports();
+        return { rtc_transports: transports };
+    }
+
+    public async readEventRelations(
+        eventId: string,
+        roomId?: string,
+        relationType?: string,
+        eventType?: string,
+        from?: string,
+        to?: string,
+        limit?: number,
+        direction?: "f" | "b",
+    ): Promise<IReadEventRelationsResult> {
+        const client = MatrixClientPeg.safeGet();
+        const dir = direction as Direction;
+        roomId = roomId ?? SDKContextClass.instance.roomViewStore.getRoomId() ?? undefined;
+
+        if (typeof roomId !== "string") {
+            throw new Error("Error while reading the current room");
+        }
+
+        const { events, nextBatch, prevBatch } = await client.relations(
+            roomId,
+            eventId,
+            relationType ?? null,
+            eventType ?? null,
+            { from, to, limit, dir },
+        );
+
+        return {
+            chunk: events.map((e) => e.getEffectiveEvent() as IRoomEvent),
+            nextBatch: nextBatch ?? undefined,
+            prevBatch: prevBatch ?? undefined,
+        };
+    }
+
+    public async searchUserDirectory(searchTerm: string, limit?: number): Promise<ISearchUserDirectoryResult> {
+        const client = MatrixClientPeg.safeGet();
+
+        const { limited, results } = await client.searchUserDirectory({ term: searchTerm, limit });
+
+        return {
+            limited,
+            results: results.map((r) => ({
+                userId: r.user_id,
+                displayName: r.display_name,
+                avatarUrl: r.avatar_url,
+            })),
+        };
+    }
+
+    public async getMediaConfig(): Promise<IGetMediaConfigResult> {
+        const client = MatrixClientPeg.safeGet();
+
+        return await client.getMediaConfig();
+    }
+
+    public async uploadFile(file: XMLHttpRequestBodyInit): Promise<{ contentUri: string }> {
+        const client = MatrixClientPeg.safeGet();
+
+        const uploadResult = await client.uploadContent(file);
+
+        return { contentUri: uploadResult.content_uri };
+    }
+
+    /**
+     * Download a file from the media repository on the homeserver.
+     *
+     * @param contentUri - the MXC URI of the file to download
+     * @returns an object with: file - response contents as Blob
+     */
+    public async downloadFile(contentUri: string): Promise<{ file: XMLHttpRequestBodyInit }> {
+        const client = MatrixClientPeg.safeGet();
+        const media = mediaFromMxc(contentUri, client);
+        const response = await media.downloadSource();
+        const blob = await response.blob();
+        return { file: blob };
+    }
+
+    /**
+     * Gets the IDs of all joined or invited rooms currently known to the
+     * client.
+     * @returns The room IDs.
+     */
+    public getKnownRooms(): string[] {
+        return MatrixClientPeg.safeGet()
+            .getVisibleRooms(SettingsStore.getValue("feature_dynamic_room_predecessors"))
+            .map((r) => r.roomId);
+    }
+
+    /**
+     * Expresses a {@link MatrixError} as a JSON payload
+     * for use by Widget API error responses.
+     * @param error The error to handle.
+     * @returns The error expressed as a JSON payload,
+     * or undefined if it is not a {@link MatrixError}.
+     */
+    public processError(error: unknown): IWidgetApiErrorResponseDataDetails | undefined {
+        return error instanceof MatrixError ? { matrix_api_error: error.asWidgetApiErrorData() } : undefined;
+    }
+}
diff --git a/apps/web/src/stores/widgets/WidgetLayoutStore.ts b/apps/web/src/stores/widgets/WidgetLayoutStore.ts
new file mode 100644
index 00000000000..f2b7144f706
--- /dev/null
+++ b/apps/web/src/stores/widgets/WidgetLayoutStore.ts
@@ -0,0 +1,516 @@
+/*
+ * Copyright 2024 New Vector Ltd.
+ * Copyright 2021, 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 { type Room, RoomStateEvent, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { MapWithDefault, recursiveMapToObject } from "matrix-js-sdk/src/utils";
+import { type IWidget } from "matrix-widget-api";
+import { clamp, defaultNumber, sum } from "@element-hq/web-shared-components";
+import { type Container } from "@element-hq/element-web-module-api";
+
+import SettingsStore from "../../settings/SettingsStore";
+import WidgetStore, { type IApp } from "../WidgetStore";
+import { WidgetType } from "../../widgets/WidgetType";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { ReadyWatchingStore } from "../ReadyWatchingStore";
+import { SettingLevel } from "../../settings/SettingLevel";
+import { arrayFastClone } from "../../utils/arrays";
+import { UPDATE_EVENT } from "../AsyncStore";
+import { type IStoredLayout, type ILayoutStateEvent, WIDGET_LAYOUT_EVENT_TYPE, type IWidgetLayouts } from "./types";
+
+export type { IStoredLayout, ILayoutStateEvent };
+export { type Container, WIDGET_LAYOUT_EVENT_TYPE };
+
+export type ILayoutSettings = Partial<ILayoutStateEvent> & {
+    overrides?: string; // event ID for layout state event, if present
+};
+
+// Dev note: "Pinned" widgets are ones in the top container.
+export const MAX_PINNED = 3;
+
+// These two are whole percentages and don't really mean anything. Later values will decide
+// minimum, but these help determine proportions during our calculations here. In fact, these
+// values should be *smaller* than the actual minimums imposed by later components.
+const MIN_WIDGET_WIDTH_PCT = 10; // 10%
+const MIN_WIDGET_HEIGHT_PCT = 2; // 2%
+
+interface ContainerValue {
+    ordered: IApp[];
+    height?: number;
+    distributions?: number[];
+}
+
+export class WidgetLayoutStore extends ReadyWatchingStore {
+    private static internalInstance: WidgetLayoutStore;
+
+    // Map: room Id → container → ContainerValue
+    private byRoom: MapWithDefault<string, Map<Container, ContainerValue>> = new MapWithDefault(() => new Map());
+    private pinnedRef: string | undefined;
+    private layoutRef: string | undefined;
+    private dynamicRef: string | undefined;
+
+    private constructor() {
+        super(defaultDispatcher);
+    }
+
+    public static get instance(): WidgetLayoutStore {
+        if (!this.internalInstance) {
+            this.internalInstance = new WidgetLayoutStore();
+            this.internalInstance.start();
+        }
+        return this.internalInstance;
+    }
+
+    public static emissionForRoom(room: Room): string {
+        return `update_${room.roomId}`;
+    }
+
+    private emitFor(room: Room): void {
+        this.emit(WidgetLayoutStore.emissionForRoom(room));
+    }
+
+    protected async onReady(): Promise<void> {
+        this.updateAllRooms();
+
+        this.matrixClient?.on(RoomStateEvent.Events, this.updateRoomFromState);
+        this.pinnedRef = SettingsStore.watchSetting("Widgets.pinned", null, this.updateFromSettings);
+        this.layoutRef = SettingsStore.watchSetting("Widgets.layout", null, this.updateFromSettings);
+        this.dynamicRef = SettingsStore.watchSetting(
+            "feature_dynamic_room_predecessors",
+            null,
+            this.updateFromSettings,
+        );
+        WidgetStore.instance.on(UPDATE_EVENT, this.updateFromWidgetStore);
+    }
+
+    protected async onNotReady(): Promise<void> {
+        this.byRoom = new MapWithDefault(() => new Map());
+
+        this.matrixClient?.off(RoomStateEvent.Events, this.updateRoomFromState);
+        SettingsStore.unwatchSetting(this.pinnedRef);
+        SettingsStore.unwatchSetting(this.layoutRef);
+        SettingsStore.unwatchSetting(this.dynamicRef);
+        WidgetStore.instance.off(UPDATE_EVENT, this.updateFromWidgetStore);
+    }
+
+    private updateAllRooms = (): void => {
+        const msc3946ProcessDynamicPredecessor = SettingsStore.getValue("feature_dynamic_room_predecessors");
+        if (!this.matrixClient) return;
+        this.byRoom = new MapWithDefault(() => new Map());
+        for (const room of this.matrixClient.getVisibleRooms(msc3946ProcessDynamicPredecessor)) {
+            this.recalculateRoom(room);
+        }
+    };
+
+    private updateFromWidgetStore = (roomId?: string): void => {
+        if (roomId) {
+            const room = this.matrixClient?.getRoom(roomId);
+            if (room) this.recalculateRoom(room);
+        } else {
+            this.updateAllRooms();
+        }
+    };
+
+    private updateRoomFromState = (ev: MatrixEvent): void => {
+        if (ev.getType() !== WIDGET_LAYOUT_EVENT_TYPE) return;
+        const room = this.matrixClient?.getRoom(ev.getRoomId());
+        if (room) this.recalculateRoom(room);
+    };
+
+    private updateFromSettings = (
+        _settingName: string,
+        roomId: string | null,
+        _atLevel: SettingLevel,
+        _newValAtLevel: any,
+        _newVal: any,
+    ): void => {
+        if (roomId) {
+            const room = this.matrixClient?.getRoom(roomId);
+            if (room) this.recalculateRoom(room);
+        } else {
+            this.updateAllRooms();
+        }
+    };
+
+    public recalculateRoom(room: Room): void {
+        const widgets = WidgetStore.instance.getApps(room.roomId);
+        if (!widgets?.length) {
+            this.byRoom.set(room.roomId, new Map());
+            this.emitFor(room);
+            return;
+        }
+
+        const roomContainers = this.byRoom.getOrCreate(room.roomId);
+        const beforeChanges = JSON.stringify(recursiveMapToObject(roomContainers));
+
+        const layoutEv = room.currentState.getStateEvents(WIDGET_LAYOUT_EVENT_TYPE, "");
+        const legacyPinned = SettingsStore.getValue("Widgets.pinned", room.roomId);
+        let userLayout = SettingsStore.getValue("Widgets.layout", room.roomId);
+
+        if (layoutEv && userLayout && userLayout.overrides !== layoutEv.getId()) {
+            // For some other layout that we don't really care about. The user can reset this
+            // by updating their personal layout.
+            userLayout = null;
+        }
+
+        const roomLayout = layoutEv?.getContent<ILayoutStateEvent>() ?? null;
+        // We filter for the center container first.
+        // (An error is raised, if there are multiple widgets marked for the center container)
+        // For the right and top container multiple widgets are allowed.
+        const topWidgets: IApp[] = [];
+        const rightWidgets: IApp[] = [];
+        const centerWidgets: IApp[] = [];
+        for (const widget of widgets) {
+            const stateContainer = roomLayout?.widgets?.[widget.id]?.container;
+            const manualContainer = userLayout?.widgets?.[widget.id]?.container;
+            const isLegacyPinned = !!legacyPinned?.[widget.id];
+            const defaultContainer = WidgetType.JITSI.matches(widget.type) ? "top" : "right";
+            if (manualContainer ? manualContainer === "center" : stateContainer === "center") {
+                if (centerWidgets.length) {
+                    console.error("Tried to push a second widget into the center container");
+                } else {
+                    centerWidgets.push(widget);
+                }
+                // The widget won't need to be put in any other container.
+                continue;
+            }
+            let targetContainer: Container = defaultContainer;
+            if (!!manualContainer || !!stateContainer) {
+                targetContainer = manualContainer ?? stateContainer!;
+            } else if (isLegacyPinned && !stateContainer) {
+                // Special legacy case
+                targetContainer = "top";
+            }
+            (targetContainer === "top" ? topWidgets : rightWidgets).push(widget);
+        }
+
+        // Trim to MAX_PINNED
+        const runoff = topWidgets.slice(MAX_PINNED);
+        rightWidgets.push(...runoff);
+
+        const collator = new Intl.Collator();
+
+        // Order the widgets in the top container, putting autopinned Jitsi widgets first
+        // unless they have a specific order in mind
+        topWidgets.sort((a, b) => {
+            const layoutA = roomLayout?.widgets?.[a.id];
+            const layoutB = roomLayout?.widgets?.[b.id];
+
+            const userLayoutA = userLayout?.widgets?.[a.id];
+            const userLayoutB = userLayout?.widgets?.[b.id];
+
+            // Jitsi widgets are defaulted to be the leftmost widget whereas other widgets
+            // default to the right side.
+            const defaultA = WidgetType.JITSI.matches(a.type) ? Number.MIN_SAFE_INTEGER : Number.MAX_SAFE_INTEGER;
+            const defaultB = WidgetType.JITSI.matches(b.type) ? Number.MIN_SAFE_INTEGER : Number.MAX_SAFE_INTEGER;
+
+            const orderA = defaultNumber(userLayoutA?.index, defaultNumber(layoutA?.index, defaultA));
+            const orderB = defaultNumber(userLayoutB?.index, defaultNumber(layoutB?.index, defaultB));
+
+            if (orderA === orderB) {
+                // We just need a tiebreak
+                return collator.compare(a.id, b.id);
+            }
+
+            return orderA - orderB;
+        });
+
+        // Determine width distribution and height of the top container now (the only relevant one)
+        const widths: number[] = [];
+        let maxHeight: number | null = null; // null == default
+        let doAutobalance = true;
+        for (let i = 0; i < topWidgets.length; i++) {
+            const widget = topWidgets[i];
+            const widgetLayout = roomLayout?.widgets?.[widget.id];
+            const userWidgetLayout = userLayout?.widgets?.[widget.id];
+
+            if (Number.isFinite(userWidgetLayout?.width) || Number.isFinite(widgetLayout?.width)) {
+                const val = (userWidgetLayout?.width || widgetLayout?.width)!;
+                const normalized = clamp(val, MIN_WIDGET_WIDTH_PCT, 100);
+                widths.push(normalized);
+                doAutobalance = false; // a manual width was specified
+            } else {
+                widths.push(100); // we'll figure this out later
+            }
+
+            if (widgetLayout?.height || userWidgetLayout?.height) {
+                const defRoomHeight = defaultNumber(widgetLayout?.height, MIN_WIDGET_HEIGHT_PCT);
+                const h = defaultNumber(userWidgetLayout?.height, defRoomHeight);
+                maxHeight = Math.max(maxHeight ?? 0, clamp(h, MIN_WIDGET_HEIGHT_PCT, 100));
+            }
+        }
+        if (doAutobalance) {
+            for (let i = 0; i < widths.length; i++) {
+                widths[i] = 100 / widths.length;
+            }
+        } else {
+            // If we're not autobalancing then it means that we're trying to make
+            // sure that widgets make up exactly 100% of space (not over, not under)
+            const difference = sum(...widths) - 100; // positive = over, negative = under
+            if (difference < 0) {
+                // For a deficit we just fill everything in equally
+                for (let i = 0; i < widths.length; i++) {
+                    widths[i] += Math.abs(difference) / widths.length;
+                }
+            } else if (difference > 0) {
+                // When we're over, we try to scale all the widgets within range first.
+                // We clamp values to try and keep ourselves sane and within range.
+                for (let i = 0; i < widths.length; i++) {
+                    widths[i] = clamp(widths[i] - difference / widths.length, MIN_WIDGET_WIDTH_PCT, 100);
+                }
+
+                // If we're still over, find the widgets which have more width than the minimum
+                // and balance them out until we're at 100%. This should keep us as close as possible
+                // to the intended distributions.
+                //
+                // Note: if we ever decide to set a minimum which is larger than 100%/MAX_WIDGETS then
+                // we probably have other issues - this code assumes we don't do that.
+                const toReclaim = sum(...widths) - 100;
+                if (toReclaim > 0) {
+                    const largeIndices = widths
+                        .map((v, i) => [i, v])
+                        .filter((p) => p[1] > MIN_WIDGET_WIDTH_PCT)
+                        .map((p) => p[0]);
+                    for (const idx of largeIndices) {
+                        widths[idx] -= toReclaim / largeIndices.length;
+                    }
+                }
+            }
+        }
+
+        // Finally, fill in our cache and update
+        const newRoomContainers = new Map();
+        this.byRoom.set(room.roomId, newRoomContainers);
+        if (topWidgets.length) {
+            newRoomContainers.set("top", {
+                ordered: topWidgets,
+                distributions: widths,
+                height: maxHeight,
+            });
+        }
+        if (rightWidgets.length) {
+            newRoomContainers.set("right", {
+                ordered: rightWidgets,
+            });
+        }
+        if (centerWidgets.length) {
+            newRoomContainers.set("center", {
+                ordered: centerWidgets,
+            });
+        }
+
+        const afterChanges = JSON.stringify(recursiveMapToObject(newRoomContainers));
+
+        if (afterChanges !== beforeChanges) {
+            this.emitFor(room);
+        }
+    }
+
+    public getContainerWidgets(room: Room | null, container: Container): IWidget[] {
+        return (room && this.byRoom.get(room.roomId)?.get(container)?.ordered) || [];
+    }
+
+    public isInContainer(room: Room, widget: IWidget, container: Container): boolean {
+        return this.getContainerWidgets(room, container).some((w) => w.id === widget.id);
+    }
+
+    public canAddToContainer(room: Room, container: Container): boolean {
+        switch (container) {
+            case "top":
+                return this.getContainerWidgets(room, container).length < MAX_PINNED;
+            case "right":
+                return this.getContainerWidgets(room, container).length < MAX_PINNED;
+            case "center":
+                return this.getContainerWidgets(room, container).length < 1;
+        }
+    }
+
+    public getResizerDistributions(room: Room, container: Container): string[] {
+        // yes, string.
+        let distributions = this.byRoom.get(room.roomId)?.get(container)?.distributions;
+        if (!distributions || distributions.length < 2) return [];
+
+        // The distributor actually expects to be fed N-1 sizes and expands the middle section
+        // instead of the edges. Therefore, we need to return [0] when there's two widgets or
+        // [0, 2] when there's three (skipping [1] because it's irrelevant).
+
+        if (distributions.length === 2) distributions = [distributions[0]];
+        if (distributions.length === 3) distributions = [distributions[0], distributions[2]];
+        return distributions.map((d) => `${d.toFixed(1)}%`); // actual percents - these are decoded later
+    }
+
+    public setResizerDistributions(room: Room, container: Container, distributions: string[]): void {
+        if (container !== "top") return; // ignore - not relevant
+
+        const numbers = distributions.map((d) => Number(Number(d.substring(0, d.length - 1)).toFixed(1)));
+        const widgets = this.getContainerWidgets(room, container);
+
+        // From getResizerDistributions, we need to fill in the middle size if applicable.
+        const remaining = 100 - sum(...numbers);
+        if (numbers.length === 2) numbers.splice(1, 0, remaining);
+        if (numbers.length === 1) numbers.push(remaining);
+
+        const localLayout: Record<string, IStoredLayout> = {};
+        widgets.forEach((w, i) => {
+            localLayout[w.id] = {
+                container: container,
+                width: numbers[i],
+                index: i,
+                height: this.byRoom.get(room.roomId)?.get(container)?.height || MIN_WIDGET_HEIGHT_PCT,
+            };
+        });
+        this.updateUserLayout(room, localLayout);
+    }
+
+    public getContainerHeight(room: Room, container: Container): number | null {
+        return this.byRoom.get(room.roomId)?.get(container)?.height ?? null; // let the default get returned if needed
+    }
+
+    public setContainerHeight(room: Room, container: Container, height?: number | null): void {
+        const widgets = this.getContainerWidgets(room, container);
+        const widths = this.byRoom.get(room.roomId)?.get(container)?.distributions;
+        const localLayout: Record<string, IStoredLayout> = {};
+        widgets.forEach((w, i) => {
+            localLayout[w.id] = {
+                container: container,
+                width: widths?.[i],
+                index: i,
+                height: height,
+            };
+        });
+        this.updateUserLayout(room, localLayout);
+    }
+
+    public moveWithinContainer(room: Room, container: Container, widget: IWidget, delta: number): void {
+        const widgets = arrayFastClone(this.getContainerWidgets(room, container));
+        const currentIdx = widgets.findIndex((w) => w.id === widget.id);
+        if (currentIdx < 0) return; // no change needed
+
+        widgets.splice(currentIdx, 1); // remove existing widget
+        const newIdx = clamp(currentIdx + delta, 0, widgets.length);
+        widgets.splice(newIdx, 0, widget);
+
+        const widths = this.byRoom.get(room.roomId)?.get(container)?.distributions;
+        const height = this.byRoom.get(room.roomId)?.get(container)?.height;
+        const localLayout: Record<string, IStoredLayout> = {};
+        widgets.forEach((w, i) => {
+            localLayout[w.id] = {
+                container: container,
+                width: widths?.[i],
+                index: i,
+                height,
+            };
+        });
+        this.updateUserLayout(room, localLayout);
+    }
+
+    public moveToContainer(room: Room, widget: IWidget, toContainer: Container): void {
+        const allWidgets = this.getAllWidgets(room);
+        if (!allWidgets.some(([w]) => w.id === widget.id)) return; // invalid
+        // Prepare other containers (potentially move widgets to obey the following rules)
+        const newLayout: Record<string, IStoredLayout> = {};
+        switch (toContainer) {
+            case "right":
+                // new "right" widget
+                break;
+            case "center":
+                // new "center" widget => all other widgets go into "right"
+                for (const w of this.getContainerWidgets(room, "top")) {
+                    newLayout[w.id] = { container: "right" };
+                }
+                for (const w of this.getContainerWidgets(room, "center")) {
+                    newLayout[w.id] = { container: "right" };
+                }
+                break;
+            case "top":
+                // new "top" widget => the center widget moves into "right"
+                if (this.hasMaximisedWidget(room)) {
+                    const centerWidget = this.getContainerWidgets(room, "center")[0];
+                    newLayout[centerWidget.id] = { container: "right" };
+                }
+                break;
+        }
+
+        newLayout[widget.id] = { container: toContainer };
+
+        // move widgets into requested containers.
+        this.updateUserLayout(room, newLayout);
+    }
+
+    public hasMaximisedWidget(room: Room): boolean {
+        return this.getContainerWidgets(room, "center").length > 0;
+    }
+
+    public hasPinnedWidgets(room: Room): boolean {
+        return this.getContainerWidgets(room, "top").length > 0;
+    }
+
+    public canCopyLayoutToRoom(room: Room): boolean {
+        if (!this.matrixClient) return false; // not ready yet
+        return room.currentState.maySendStateEvent(WIDGET_LAYOUT_EVENT_TYPE, this.matrixClient.getUserId()!);
+    }
+
+    public copyLayoutToRoom(room: Room): void {
+        const allWidgets = this.getAllWidgets(room);
+        const evContent: ILayoutStateEvent = { widgets: {} };
+        for (const [widget, container] of allWidgets) {
+            evContent.widgets[widget.id] = { container };
+            if (container === "top") {
+                const containerWidgets = this.getContainerWidgets(room, container);
+                const idx = containerWidgets.findIndex((w) => w.id === widget.id);
+                const widths = this.byRoom.get(room.roomId)?.get(container)?.distributions;
+                const height = this.byRoom.get(room.roomId)?.get(container)?.height;
+                evContent.widgets[widget.id] = {
+                    ...evContent.widgets[widget.id],
+                    height: height ? Math.round(height) : undefined,
+                    width: widths?.[idx] ? Math.round(widths[idx]) : undefined,
+                    index: idx,
+                };
+            }
+        }
+        this.matrixClient?.sendStateEvent(room.roomId, WIDGET_LAYOUT_EVENT_TYPE, evContent, "");
+    }
+
+    private getAllWidgets(room: Room): [IApp, Container][] {
+        const containers = this.byRoom.get(room.roomId);
+        if (!containers) return [];
+
+        const ret: [IApp, Container][] = [];
+        for (const [container, containerValue] of containers) {
+            const widgets = containerValue.ordered;
+            for (const widget of widgets) {
+                ret.push([widget, container]);
+            }
+        }
+        return ret;
+    }
+
+    private updateUserLayout(room: Room, newLayout: IWidgetLayouts): void {
+        // Polyfill any missing widgets
+        const allWidgets = this.getAllWidgets(room);
+        for (const [widget, container] of allWidgets) {
+            const containerWidgets = this.getContainerWidgets(room, container);
+            const idx = containerWidgets.findIndex((w) => w.id === widget.id);
+            const widths = this.byRoom.get(room.roomId)?.get(container)?.distributions;
+            if (!newLayout[widget.id]) {
+                newLayout[widget.id] = {
+                    container: container,
+                    index: idx,
+                    height: this.byRoom.get(room.roomId)?.get(container)?.height,
+                    width: widths?.[idx],
+                };
+            }
+        }
+
+        const layoutEv = room.currentState.getStateEvents(WIDGET_LAYOUT_EVENT_TYPE, "");
+        SettingsStore.setValue("Widgets.layout", room.roomId, SettingLevel.ROOM_ACCOUNT, {
+            overrides: layoutEv?.getId(),
+            widgets: newLayout,
+        }).catch(() => this.recalculateRoom(room));
+        this.recalculateRoom(room); // call to try local echo on changes (the catch above undoes any errors)
+    }
+}
diff --git a/apps/web/src/stores/widgets/WidgetMessaging.ts b/apps/web/src/stores/widgets/WidgetMessaging.ts
new file mode 100644
index 00000000000..bf7cb46db32
--- /dev/null
+++ b/apps/web/src/stores/widgets/WidgetMessaging.ts
@@ -0,0 +1,645 @@
+/*
+ * Copyright 2024 New Vector Ltd.
+ * Copyright 2020-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 {
+    type Room,
+    type MatrixEvent,
+    MatrixEventEvent,
+    type MatrixClient,
+    ClientEvent,
+    RoomStateEvent,
+    type ReceivedToDeviceMessage,
+    TypedEventEmitter,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import {
+    ClientWidgetApi,
+    type IModalWidgetOpenRequest,
+    type IRoomEvent,
+    type IStickerActionRequest,
+    type IStickyActionRequest,
+    type ITemplateParams,
+    type IWidget,
+    type IWidgetApiRequest,
+    type IWidgetData,
+    MatrixCapabilities,
+    runTemplate,
+    Widget,
+    WidgetApiFromWidgetAction,
+    WidgetKind,
+} from "matrix-widget-api";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../languageHandler";
+import { getUserLanguage } from "../../i18n/settings";
+import { ElementWidgetDriver } from "./ElementWidgetDriver";
+import { WidgetMessagingStore } from "./WidgetMessagingStore";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import { OwnProfileStore } from "../OwnProfileStore";
+import WidgetUtils from "../../utils/WidgetUtils";
+import { IntegrationManagers } from "../../integrations/IntegrationManagers";
+import { WidgetType } from "../../widgets/WidgetType";
+import ActiveWidgetStore from "../ActiveWidgetStore";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { Action } from "../../dispatcher/actions";
+import { ElementWidgetActions, type IHangupCallApiRequest, type IViewRoomApiRequest } from "./ElementWidgetActions";
+import { ModalWidgetStore } from "../ModalWidgetStore";
+import { isAppWidget } from "../WidgetStore";
+import ThemeWatcher, { ThemeWatcherEvent } from "../../settings/watchers/ThemeWatcher";
+import { getCustomTheme } from "../../theme";
+import { ElementWidgetCapabilities } from "./ElementWidgetCapabilities";
+import { ELEMENT_CLIENT_ID } from "../../identifiers";
+import { WidgetVariableCustomisations } from "../../customisations/WidgetVariables";
+import { arrayFastClone } from "../../utils/arrays";
+import { type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import Modal from "../../Modal";
+import ErrorDialog from "../../components/views/dialogs/ErrorDialog";
+import { SDKContextClass } from "../../contexts/SDKContextClass";
+import { UPDATE_EVENT } from "../AsyncStore";
+
+// TODO: Purge this code of its overgrown hacks and compatibility shims.
+
+// TODO: Don't use this. We should avoid overriding/mocking matrix-widget-api
+// behavior and instead strive to use widgets in more transparent ways.
+export class ElementWidget extends Widget {
+    public constructor(private rawDefinition: IWidget) {
+        super(rawDefinition);
+    }
+
+    public get templateUrl(): string {
+        if (WidgetType.JITSI.matches(this.type)) {
+            return WidgetUtils.getLocalJitsiWrapperUrl({
+                forLocalRender: true,
+                auth: super.rawData?.auth as string, // this.rawData can call templateUrl, do this to prevent looping
+            });
+        }
+        return super.templateUrl;
+    }
+
+    public get popoutTemplateUrl(): string {
+        if (WidgetType.JITSI.matches(this.type)) {
+            return WidgetUtils.getLocalJitsiWrapperUrl({
+                forLocalRender: false, // The only important difference between this and templateUrl()
+                auth: super.rawData?.auth as string,
+            });
+        }
+        return this.templateUrl; // use this instead of super to ensure we get appropriate templating
+    }
+
+    public get rawData(): IWidgetData {
+        let conferenceId = super.rawData["conferenceId"];
+        if (conferenceId === undefined) {
+            // we'll need to parse the conference ID out of the URL for v1 Jitsi widgets
+            const parsedUrl = new URL(super.templateUrl); // use super to get the raw widget URL
+            conferenceId = parsedUrl.searchParams.get("confId");
+        }
+        let domain = super.rawData["domain"];
+        if (domain === undefined) {
+            // v1 widgets default to meet.element.io regardless of user settings
+            domain = "meet.element.io";
+        }
+
+        let theme = new ThemeWatcher().getEffectiveTheme();
+        if (theme.startsWith("custom-")) {
+            const customTheme = getCustomTheme(theme.slice(7));
+            // Jitsi only understands light/dark
+            theme = customTheme.is_dark ? "dark" : "light";
+        }
+
+        // only allow light/dark through, defaulting to dark as that was previously the only state
+        // accounts for legacy-light/legacy-dark themes too
+        if (theme.includes("light")) {
+            theme = "light";
+        } else {
+            theme = "dark";
+        }
+
+        return {
+            ...super.rawData,
+            theme,
+            conferenceId,
+            domain,
+        };
+    }
+
+    public getCompleteUrl(params: ITemplateParams, asPopout = false): string {
+        return runTemplate(
+            asPopout ? this.popoutTemplateUrl : this.templateUrl,
+            {
+                ...this.rawDefinition,
+                data: this.rawData,
+            },
+            params,
+        );
+    }
+}
+
+export enum WidgetMessagingEvent {
+    Start = "start",
+    Stop = "stop",
+}
+
+interface WidgetMessagingEventMap {
+    [WidgetMessagingEvent.Start]: (widgetApi: ClientWidgetApi) => void;
+    [WidgetMessagingEvent.Stop]: (widgetApi: ClientWidgetApi) => void;
+}
+
+interface WidgetMessagingOptions {
+    app: IWidget;
+    room?: Room; // without a room it is a user widget
+    userId: string;
+    creatorUserId: string;
+    waitForIframeLoad: boolean;
+    userWidget: boolean;
+    /**
+     * If defined this async method will be called when the widget requests to become sticky.
+     * It will only become sticky once the returned promise resolves.
+     * This is useful because: Widget B is sticky. Making widget A sticky will kill widget B immediately.
+     * This promise allows to do Widget B related cleanup before Widget A becomes sticky. (e.g. hangup a Voip call)
+     */
+    stickyPromise?: () => Promise<void>;
+}
+
+/**
+ * A running instance of a widget, associated with an iframe and an active communication
+ * channel. Instances must be tracked by WidgetMessagingStore, as only one WidgetMessaging
+ * instance should exist for a given widget.
+ *
+ * This class is responsible for:
+ * - Computing the templated widget URL
+ * - Starting a {@link ClientWidgetApi} communication channel with the widget
+ * - Eagerly pushing events from the Matrix client to the widget
+ *
+ * @see {@link ElementWidgetDriver} for the class used to *pull* data lazily from the
+ *   Matrix client to the widget on the widget's behalf.
+ * @see {@link WidgetMessagingStore} for the store that holds these instances.
+ */
+export class WidgetMessaging extends TypedEventEmitter<WidgetMessagingEvent, WidgetMessagingEventMap> {
+    private client: MatrixClient;
+    private iframe: HTMLIFrameElement | null = null;
+    private scalarToken?: string;
+    private roomId?: string;
+    // The room that we're currently allowing the widget to interact with. Only
+    // used for account widgets, which may follow the user to different rooms.
+    private viewedRoomId: string | null = null;
+    private kind: WidgetKind;
+    private readonly virtual: boolean;
+    private readonly themeWatcher = new ThemeWatcher();
+    private readUpToMap: { [roomId: string]: string } = {}; // room ID to event ID
+    // This promise will be called and needs to resolve before the widget will actually become sticky.
+    private stickyPromise?: () => Promise<void>;
+    // Holds events that should be fed to the widget once they finish decrypting
+    private readonly eventsToFeed = new WeakSet<MatrixEvent>();
+
+    public constructor(
+        private readonly widget: ElementWidget,
+        options: WidgetMessagingOptions,
+    ) {
+        super();
+        this.client = MatrixClientPeg.safeGet();
+        this.roomId = options.room?.roomId;
+        this.kind = options.userWidget ? WidgetKind.Account : WidgetKind.Room; // probably
+        this.virtual = isAppWidget(options.app) && options.app.eventId === undefined;
+        this.stickyPromise = options.stickyPromise;
+    }
+
+    private _widgetApi: ClientWidgetApi | null = null;
+    private set widgetApi(value: ClientWidgetApi | null) {
+        this._widgetApi = value;
+    }
+
+    /**
+     * The widget API interface to the widget, or null if disconnected.
+     */
+    public get widgetApi(): ClientWidgetApi | null {
+        return this._widgetApi;
+    }
+
+    /**
+     * The URL to use in the iframe
+     */
+    public get embedUrl(): string {
+        return this.runUrlTemplate({ asPopout: false });
+    }
+
+    /**
+     * The URL to use in the popout
+     */
+    public get popoutUrl(): string {
+        return this.runUrlTemplate({ asPopout: true });
+    }
+
+    private runUrlTemplate(opts = { asPopout: false }): string {
+        const fromCustomisation = WidgetVariableCustomisations?.provideVariables?.() ?? {};
+        const defaults: ITemplateParams = {
+            widgetRoomId: this.roomId,
+            currentUserId: this.client.getUserId()!,
+            userDisplayName: OwnProfileStore.instance.displayName ?? undefined,
+            userHttpAvatarUrl: OwnProfileStore.instance.getHttpAvatarUrl() ?? undefined,
+            clientId: ELEMENT_CLIENT_ID,
+            clientTheme: this.themeWatcher.getEffectiveTheme(),
+            clientLanguage: getUserLanguage(),
+            deviceId: this.client.getDeviceId() ?? undefined,
+            baseUrl: this.client.baseUrl,
+        };
+        const templated = this.widget.getCompleteUrl(Object.assign(defaults, fromCustomisation), opts?.asPopout);
+
+        const parsed = new URL(templated);
+
+        // Add in some legacy support sprinkles (for non-popout widgets)
+        // TODO: Replace these with proper widget params
+        // See https://github.com/matrix-org/matrix-doc/pull/1958/files#r405714833
+        if (!opts?.asPopout) {
+            parsed.searchParams.set("widgetId", this.widget.id);
+            parsed.searchParams.set("parentUrl", window.location.href.split("#", 2)[0]);
+
+            // Give the widget a scalar token if we're supposed to (more legacy)
+            // TODO: Stop doing this
+            if (this.scalarToken) {
+                parsed.searchParams.set("scalar_token", this.scalarToken);
+            }
+        }
+
+        // Replace the encoded dollar signs back to dollar signs. They have no special meaning
+        // in HTTP, but URL parsers encode them anyways.
+        return parsed.toString().replace(/%24/g, "$");
+    }
+
+    private onThemeChange = (theme: string): void => {
+        this.widgetApi?.updateTheme({ name: theme });
+    };
+
+    private onOpenModal = async (ev: CustomEvent<IModalWidgetOpenRequest>): Promise<void> => {
+        ev.preventDefault();
+        if (ModalWidgetStore.instance.canOpenModalWidget()) {
+            ModalWidgetStore.instance.openModalWidget(ev.detail.data, this.widget, this.roomId);
+            this.widgetApi?.transport.reply(ev.detail, {}); // ack
+        } else {
+            this.widgetApi?.transport.reply(ev.detail, {
+                error: {
+                    message: "Unable to open modal at this time",
+                },
+            });
+        }
+    };
+
+    // This listener is only active for account widgets, which may follow the
+    // user to different rooms
+    private onRoomViewStoreUpdate = (): void => {
+        const roomId = SDKContextClass.instance.roomViewStore.getRoomId() ?? null;
+        if (roomId !== this.viewedRoomId) {
+            this.widgetApi!.setViewedRoomId(roomId);
+            this.viewedRoomId = roomId;
+        }
+    };
+
+    /**
+     * This starts the messaging for the widget if it is not in the state `started` yet.
+     * @param iframe the iframe the widget should use
+     */
+    public start(iframe: HTMLIFrameElement): void {
+        if (this.widgetApi !== null) return;
+
+        this.iframe = iframe;
+        const driver = new ElementWidgetDriver(this.widget, this.kind, this.virtual, this.roomId);
+
+        this.widgetApi = new ClientWidgetApi(this.widget, iframe, driver);
+        this.widgetApi.once("ready", () => {
+            this.themeWatcher.start();
+            this.themeWatcher.on(ThemeWatcherEvent.Change, this.onThemeChange);
+            // Theme may have changed while messaging was starting
+            this.onThemeChange(this.themeWatcher.getEffectiveTheme());
+        });
+        this.widgetApi.on(`action:${WidgetApiFromWidgetAction.OpenModalWidget}`, this.onOpenModal);
+
+        // When widgets are listening to events, we need to make sure they're only
+        // receiving events for the right room
+        if (this.roomId === undefined) {
+            // Account widgets listen to the currently active room
+            this.widgetApi.setViewedRoomId(SDKContextClass.instance.roomViewStore.getRoomId() ?? null);
+            SDKContextClass.instance.roomViewStore.on(UPDATE_EVENT, this.onRoomViewStoreUpdate);
+        } else {
+            // Room widgets get locked to the room they were added in
+            this.widgetApi.setViewedRoomId(this.roomId);
+        }
+
+        // Always attach a handler for ViewRoom, but permission check it internally
+        this.widgetApi.on(`action:${ElementWidgetActions.ViewRoom}`, (ev: CustomEvent<IViewRoomApiRequest>) => {
+            ev.preventDefault(); // stop the widget API from auto-rejecting this
+
+            // Check up front if this is even a valid request
+            const targetRoomId = (ev.detail.data || {}).room_id;
+            if (!targetRoomId) {
+                return this.widgetApi?.transport.reply(ev.detail, {
+                    error: { message: "Room ID not supplied." },
+                });
+            }
+
+            // Check the widget's permission
+            if (!this.widgetApi?.hasCapability(ElementWidgetCapabilities.CanChangeViewedRoom)) {
+                return this.widgetApi?.transport.reply(ev.detail, {
+                    error: { message: "This widget does not have permission for this action (denied)." },
+                });
+            }
+
+            // at this point we can change rooms, so do that
+            defaultDispatcher.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: targetRoomId,
+                metricsTrigger: "Widget",
+            });
+
+            // acknowledge so the widget doesn't freak out
+            this.widgetApi.transport.reply(ev.detail, {});
+        });
+
+        // Populate the map of "read up to" events for this widget with the current event in every room.
+        // This is a bit inefficient, but should be okay. We do this for all rooms in case the widget
+        // requests timeline capabilities in other rooms down the road. It's just easier to manage here.
+        for (const room of this.client.getRooms()) {
+            // Timelines are most recent last
+            const events = room.getLiveTimeline()?.getEvents() || [];
+            const roomEvent = events[events.length - 1];
+            if (!roomEvent) continue; // force later code to think the room is fresh
+            this.readUpToMap[room.roomId] = roomEvent.getId()!;
+        }
+
+        // Attach listeners for feeding events - the underlying widget classes handle permissions for us
+        this.client.on(ClientEvent.Event, this.onEvent);
+        this.client.on(MatrixEventEvent.Decrypted, this.onEventDecrypted);
+        this.client.on(RoomStateEvent.Events, this.onStateUpdate);
+        this.client.on(ClientEvent.ReceivedToDeviceMessage, this.onToDeviceMessage);
+
+        this.widgetApi.on(
+            `action:${WidgetApiFromWidgetAction.UpdateAlwaysOnScreen}`,
+            async (ev: CustomEvent<IStickyActionRequest>) => {
+                if (this.widgetApi?.hasCapability(MatrixCapabilities.AlwaysOnScreen)) {
+                    ev.preventDefault();
+                    if (ev.detail.data.value) {
+                        // If the widget wants to become sticky we wait for the stickyPromise to resolve
+                        if (this.stickyPromise) await this.stickyPromise();
+                    }
+                    // Stop being persistent can be done instantly
+                    ActiveWidgetStore.instance.setWidgetPersistence(
+                        this.widget.id,
+                        this.roomId ?? null,
+                        ev.detail.data.value,
+                    );
+                    // Send the ack after the widget actually has become sticky.
+                    this.widgetApi.transport.reply(ev.detail, {});
+                }
+            },
+        );
+
+        // TODO: Replace this event listener with appropriate driver functionality once the API
+        // establishes a sane way to send events back and forth.
+        this.widgetApi.on(
+            `action:${WidgetApiFromWidgetAction.SendSticker}`,
+            (ev: CustomEvent<IStickerActionRequest>) => {
+                if (this.widgetApi?.hasCapability(MatrixCapabilities.StickerSending)) {
+                    // Acknowledge first
+                    ev.preventDefault();
+                    this.widgetApi.transport.reply(ev.detail, {});
+
+                    // Send the sticker
+                    defaultDispatcher.dispatch({
+                        action: "m.sticker",
+                        data: ev.detail.data,
+                        widgetId: this.widget.id,
+                    });
+                }
+            },
+        );
+
+        if (WidgetType.STICKERPICKER.matches(this.widget.type)) {
+            this.widgetApi.on(
+                `action:${ElementWidgetActions.OpenIntegrationManager}`,
+                (ev: CustomEvent<IWidgetApiRequest>) => {
+                    // Acknowledge first
+                    ev.preventDefault();
+                    this.widgetApi?.transport.reply(ev.detail, {});
+
+                    // First close the stickerpicker
+                    defaultDispatcher.dispatch({ action: "stickerpicker_close" });
+
+                    // Now open the integration manager
+                    // TODO: Spec this interaction.
+                    const data = ev.detail.data;
+                    const integType = data?.integType as string;
+                    const integId = <string>data?.integId;
+
+                    const roomId = SDKContextClass.instance.roomViewStore.getRoomId();
+                    const room = roomId ? this.client.getRoom(roomId) : undefined;
+                    if (!room) return;
+
+                    // noinspection JSIgnoredPromiseFromCall
+                    IntegrationManagers.sharedInstance()?.getPrimaryManager()?.open(room, `type_${integType}`, integId);
+                },
+            );
+        }
+
+        if (WidgetType.JITSI.matches(this.widget.type)) {
+            this.widgetApi.on(`action:${ElementWidgetActions.HangupCall}`, (ev: CustomEvent<IHangupCallApiRequest>) => {
+                ev.preventDefault();
+                if (ev.detail.data?.errorMessage) {
+                    Modal.createDialog(ErrorDialog, {
+                        title: _t("widget|error_hangup_title"),
+                        description: _t("widget|error_hangup_description", {
+                            message: ev.detail.data.errorMessage,
+                        }),
+                    });
+                }
+                this.widgetApi?.transport.reply(ev.detail, {});
+            });
+        }
+
+        this.emit(WidgetMessagingEvent.Start, this.widgetApi);
+    }
+
+    public async prepare(): Promise<void> {
+        // Ensure the variables are ready for us to be rendered before continuing
+        await (WidgetVariableCustomisations?.isReady?.() ?? Promise.resolve());
+
+        if (this.scalarToken) return;
+        try {
+            if (WidgetUtils.isScalarUrl(this.widget.templateUrl)) {
+                const managers = IntegrationManagers.sharedInstance();
+                if (managers.hasManager()) {
+                    // TODO: Pick the right manager for the widget
+                    const defaultManager = managers.getPrimaryManager();
+                    if (defaultManager && WidgetUtils.isScalarUrl(defaultManager.apiUrl)) {
+                        const scalar = defaultManager.getScalarClient();
+                        this.scalarToken = await scalar.getScalarToken();
+                    }
+                }
+            }
+        } catch (e) {
+            // All errors are non-fatal
+            logger.error("Error preparing widget communications: ", e);
+        }
+    }
+
+    /**
+     * Stops the widget messaging for if it is started. Skips stopping if it is an active
+     * widget.
+     * @param opts
+     */
+    public stop(opts = { forceDestroy: false }): void {
+        if (this.widgetApi === null || this.iframe === null) return;
+        if (opts.forceDestroy) {
+            // HACK: This is a really dirty way to ensure that Jitsi cleans up
+            // its hold on the webcam. Without this, the widget holds a media
+            // stream open, even after death. See https://github.com/vector-im/element-web/issues/7351
+            // In practice we could just do `+= ''` to trick the browser into
+            // thinking the URL changed, however I can foresee this being
+            // optimized out by a browser. Instead, we'll just point the iframe
+            // at a page that is reasonably safe to use in the event the iframe
+            // doesn't wink away.
+            this.iframe.src = "about:blank";
+        } else if (ActiveWidgetStore.instance.getWidgetPersistence(this.widget.id, this.roomId ?? null)) {
+            logger.log("Skipping destroy - persistent widget");
+            return;
+        }
+
+        this.emit(WidgetMessagingEvent.Stop, this.widgetApi);
+        this.widgetApi?.stop();
+        // XXX is the removeAllListeners necessary here?
+        this.widgetApi?.removeAllListeners(); // Insurance against resource leaks
+        this.widgetApi = null;
+        this.iframe = null;
+        WidgetMessagingStore.instance.stopMessaging(this.widget, this.roomId);
+
+        SDKContextClass.instance.roomViewStore.off(UPDATE_EVENT, this.onRoomViewStoreUpdate);
+
+        this.client.off(ClientEvent.Event, this.onEvent);
+        this.client.off(MatrixEventEvent.Decrypted, this.onEventDecrypted);
+        this.client.off(RoomStateEvent.Events, this.onStateUpdate);
+        this.client.off(ClientEvent.ReceivedToDeviceMessage, this.onToDeviceMessage);
+    }
+
+    private onEvent = (ev: MatrixEvent): void => {
+        this.client.decryptEventIfNeeded(ev);
+        this.feedEvent(ev);
+    };
+
+    private onEventDecrypted = (ev: MatrixEvent): void => {
+        this.feedEvent(ev);
+    };
+
+    private onStateUpdate = (ev: MatrixEvent): void => {
+        if (this.widgetApi === null) return;
+        const raw = ev.getEffectiveEvent();
+        this.widgetApi.feedStateUpdate(raw as IRoomEvent).catch((e) => {
+            logger.error("Error sending state update to widget: ", e);
+        });
+    };
+
+    private onToDeviceMessage = async ({ message, encryptionInfo }: ReceivedToDeviceMessage): Promise<void> => {
+        await this.widgetApi?.feedToDevice(message, encryptionInfo != null);
+    };
+
+    /**
+     * Determines whether the event has a relation to an unknown parent.
+     */
+    private relatesToUnknown(ev: MatrixEvent): boolean {
+        // Replies to unknown events don't count
+        if (!ev.relationEventId || ev.replyEventId) return false;
+        const room = this.client.getRoom(ev.getRoomId());
+        return room === null || !room.findEventById(ev.relationEventId);
+    }
+
+    /**
+     * Determines whether the event comes from a room that we've been invited to
+     * (in which case we likely don't have the full timeline).
+     */
+    private isFromInvite(ev: MatrixEvent): boolean {
+        const room = this.client.getRoom(ev.getRoomId());
+        return room?.getMyMembership() === KnownMembership.Invite;
+    }
+
+    /**
+     * Advances the "read up to" marker for a room to a certain event. No-ops if
+     * the event is before the marker.
+     * @returns Whether the "read up to" marker was advanced.
+     */
+    private advanceReadUpToMarker(ev: MatrixEvent): boolean {
+        const evId = ev.getId();
+        if (evId === undefined) return false;
+        const roomId = ev.getRoomId();
+        if (roomId === undefined) return false;
+        const room = this.client.getRoom(roomId);
+        if (room === null) return false;
+
+        const upToEventId = this.readUpToMap[ev.getRoomId()!];
+        if (!upToEventId) {
+            // There's no marker yet; start it at this event
+            this.readUpToMap[roomId] = evId;
+            return true;
+        }
+
+        // Small optimization for exact match (skip the search)
+        if (upToEventId === evId) return false;
+
+        // Timelines are most recent last, so reverse the order and limit ourselves to 100 events
+        // to avoid overusing the CPU.
+        const timeline = room.getLiveTimeline();
+        const events = arrayFastClone(timeline.getEvents()).reverse().slice(0, 100);
+
+        for (const timelineEvent of events) {
+            if (timelineEvent.getId() === upToEventId) {
+                // The event must be somewhere before the "read up to" marker
+                return false;
+            } else if (timelineEvent.getId() === ev.getId()) {
+                // The event is after the marker; advance it
+                this.readUpToMap[roomId] = evId;
+                return true;
+            }
+        }
+
+        // We can't say for sure whether the widget has seen the event; let's
+        // just assume that it has
+        return false;
+    }
+
+    private feedEvent(ev: MatrixEvent): void {
+        if (this.widgetApi === null) return;
+        if (
+            // If we had decided earlier to feed this event to the widget, but
+            // it just wasn't ready, give it another try
+            this.eventsToFeed.delete(ev) ||
+            // Skip marker timeline check for events with relations to unknown parent because these
+            // events are not added to the timeline here and will be ignored otherwise:
+            // https://github.com/matrix-org/matrix-js-sdk/blob/d3dfcd924201d71b434af3d77343b5229b6ed75e/src/models/room.ts#L2207-L2213
+            this.relatesToUnknown(ev) ||
+            // Skip marker timeline check for rooms where membership is
+            // 'invite', otherwise the membership event from the invitation room
+            // will advance the marker and new state events will not be
+            // forwarded to the widget.
+            this.isFromInvite(ev) ||
+            // Check whether this event would be before or after our "read up to" marker. If it's
+            // before, or we can't decide, then we assume the widget will have already seen the event.
+            // If the event is after, or we don't have a marker for the room, then the marker will advance and we'll
+            // send it through.
+            // This approach of "read up to" prevents widgets receiving decryption spam from startup or
+            // receiving ancient events from backfill and such.
+            this.advanceReadUpToMarker(ev)
+        ) {
+            // If the event is still being decrypted, remember that we want to
+            // feed it to the widget (even if not strictly in the order given by
+            // the timeline) and get back to it later
+            if (ev.isBeingDecrypted() || ev.isDecryptionFailure()) {
+                this.eventsToFeed.add(ev);
+            } else {
+                const raw = ev.getEffectiveEvent();
+                this.widgetApi.feedEvent(raw as IRoomEvent).catch((e) => {
+                    logger.error("Error sending event to widget: ", e);
+                });
+            }
+        }
+    }
+}
diff --git a/apps/web/src/stores/widgets/WidgetMessagingStore.ts b/apps/web/src/stores/widgets/WidgetMessagingStore.ts
new file mode 100644
index 00000000000..a9ec3d765f7
--- /dev/null
+++ b/apps/web/src/stores/widgets/WidgetMessagingStore.ts
@@ -0,0 +1,91 @@
+/*
+ * 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 { type Widget } from "matrix-widget-api";
+import { type EmptyObject } from "matrix-js-sdk/src/matrix";
+
+import { AsyncStoreWithClient } from "../AsyncStoreWithClient";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { EnhancedMap } from "../../utils/maps";
+import WidgetUtils from "../../utils/WidgetUtils";
+import { type WidgetMessaging } from "./WidgetMessaging";
+
+export enum WidgetMessagingStoreEvent {
+    StoreMessaging = "store_messaging",
+    StopMessaging = "stop_messaging",
+}
+
+/**
+ * Temporary holding store for widget messaging instances. This is eventually
+ * going to be merged with a more complete WidgetStore, but for now it's
+ * easiest to split this into a single place.
+ */
+export class WidgetMessagingStore extends AsyncStoreWithClient<EmptyObject> {
+    private static readonly internalInstance = (() => {
+        const instance = new WidgetMessagingStore();
+        instance.start();
+        return instance;
+    })();
+
+    private widgetMap = new EnhancedMap<string, WidgetMessaging>(); // <widget UID, messaging>
+
+    public constructor() {
+        super(defaultDispatcher);
+    }
+
+    public static get instance(): WidgetMessagingStore {
+        return WidgetMessagingStore.internalInstance;
+    }
+
+    protected async onAction(payload: ActionPayload): Promise<void> {
+        // nothing to do
+    }
+
+    protected async onReady(): Promise<any> {
+        // just in case
+        this.widgetMap.clear();
+    }
+
+    public storeMessaging(widget: Widget, roomId: string | undefined, messaging: WidgetMessaging): void {
+        this.stopMessaging(widget, roomId);
+        const uid = WidgetUtils.calcWidgetUid(widget.id, roomId);
+        this.widgetMap.set(uid, messaging);
+
+        this.emit(WidgetMessagingStoreEvent.StoreMessaging, uid, messaging);
+    }
+
+    public stopMessaging(widget: Widget, roomId: string | undefined): void {
+        this.stopMessagingByUid(WidgetUtils.calcWidgetUid(widget.id, roomId));
+    }
+
+    public getMessaging(widget: Widget, roomId: string | undefined): WidgetMessaging | undefined {
+        return this.widgetMap.get(WidgetUtils.calcWidgetUid(widget.id, roomId));
+    }
+
+    /**
+     * Stops the widget messaging instance for a given widget UID.
+     * @param {string} widgetUid The widget UID.
+     */
+    public stopMessagingByUid(widgetUid: string): void {
+        const messaging = this.widgetMap.remove(widgetUid);
+        if (messaging !== undefined) {
+            messaging.stop();
+            this.emit(WidgetMessagingStoreEvent.StopMessaging, widgetUid);
+        }
+    }
+
+    /**
+     * Gets the widget messaging class for a given widget UID.
+     * @param {string} widgetUid The widget UID.
+     * @returns {ClientWidgetApi} The widget API, or a falsy value if not found.
+     */
+    public getMessagingForUid(widgetUid: string): WidgetMessaging | undefined {
+        return this.widgetMap.get(widgetUid);
+    }
+}
diff --git a/apps/web/src/stores/widgets/WidgetPermissionStore.ts b/apps/web/src/stores/widgets/WidgetPermissionStore.ts
new file mode 100644
index 00000000000..026438e1c42
--- /dev/null
+++ b/apps/web/src/stores/widgets/WidgetPermissionStore.ts
@@ -0,0 +1,74 @@
+/*
+ * 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 { type Widget, WidgetKind } from "matrix-widget-api";
+
+import SettingsStore from "../../settings/SettingsStore";
+import { SettingLevel } from "../../settings/SettingLevel";
+import { type SDKContextClass } from "../../contexts/SDKContextClass";
+
+export enum OIDCState {
+    Allowed, // user has set the remembered value as allowed
+    Denied, // user has set the remembered value as disallowed
+    Unknown, // user has not set a remembered value
+}
+
+export class WidgetPermissionStore {
+    public constructor(private readonly context: SDKContextClass) {}
+
+    // TODO (all functions here): Merge widgetKind with the widget definition
+
+    private packSettingKey(widget: Widget, kind: WidgetKind, roomId?: string): string {
+        let location: string | null | undefined = roomId;
+        if (kind !== WidgetKind.Room) {
+            location = this.context.client?.getUserId();
+        }
+        if (kind === WidgetKind.Modal) {
+            location = "*MODAL*-" + location; // to guarantee differentiation from whatever spawned it
+        }
+        if (!location) {
+            throw new Error("Failed to determine a location to check the widget's OIDC state with");
+        }
+
+        return encodeURIComponent(`${location}::${widget.templateUrl}`);
+    }
+
+    public getOIDCState(widget: Widget, kind: WidgetKind, roomId?: string): OIDCState {
+        const settingsKey = this.packSettingKey(widget, kind, roomId);
+        const settings = SettingsStore.getValue("widgetOpenIDPermissions");
+        if (settings?.deny?.includes(settingsKey)) {
+            return OIDCState.Denied;
+        }
+        if (settings?.allow?.includes(settingsKey)) {
+            return OIDCState.Allowed;
+        }
+        return OIDCState.Unknown;
+    }
+
+    public setOIDCState(widget: Widget, kind: WidgetKind, roomId: string | undefined, newState: OIDCState): void {
+        const settingsKey = this.packSettingKey(widget, kind, roomId);
+
+        let currentValues = SettingsStore.getValue("widgetOpenIDPermissions");
+        if (!currentValues) {
+            currentValues = {};
+        }
+        if (!currentValues.allow) currentValues.allow = [];
+        if (!currentValues.deny) currentValues.deny = [];
+
+        if (newState === OIDCState.Allowed) {
+            currentValues.allow.push(settingsKey);
+        } else if (newState === OIDCState.Denied) {
+            currentValues.deny.push(settingsKey);
+        } else {
+            currentValues.allow = currentValues.allow.filter((c) => c !== settingsKey);
+            currentValues.deny = currentValues.deny.filter((c) => c !== settingsKey);
+        }
+
+        SettingsStore.setValue("widgetOpenIDPermissions", null, SettingLevel.DEVICE, currentValues);
+    }
+}
diff --git a/apps/web/src/stores/widgets/types.ts b/apps/web/src/stores/widgets/types.ts
new file mode 100644
index 00000000000..cc264c6dcef
--- /dev/null
+++ b/apps/web/src/stores/widgets/types.ts
@@ -0,0 +1,46 @@
+/*
+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.
+*/
+
+import { type Container } from "@element-hq/element-web-module-api";
+
+export interface IStoredLayout {
+    // Where to store the widget. Required.
+    container: Container;
+
+    // The index (order) to position the widgets in. Only applies for
+    // ordered containers (like the top container). Smaller numbers first,
+    // and conflicts resolved by comparing widget IDs.
+    index?: number;
+
+    // Percentage (integer) for relative width of the container to consume.
+    // Clamped to 0-100 and may have minimums imposed upon it. Only applies
+    // to containers which support inner resizing (currently only the top
+    // container).
+    width?: number;
+
+    // Percentage (integer) for relative height of the container. Note that
+    // this only applies to the top container currently, and that container
+    // will take the highest value among widgets in the container. Clamped
+    // to 0-100 and may have minimums imposed on it.
+    height?: number | null;
+
+    // TODO: [Deferred] Maximizing (fullscreen) widgets by default.
+}
+
+export interface IWidgetLayouts {
+    [widgetId: string]: IStoredLayout;
+}
+
+export interface ILayoutStateEvent {
+    // TODO: [Deferred] Forced layout (fixed with no changes)
+
+    // The widget layouts.
+    widgets: IWidgetLayouts;
+}
+
+export const WIDGET_LAYOUT_EVENT_TYPE = "io.element.widgets.layout";
diff --git a/apps/web/src/test/react-use-id-serializer.ts b/apps/web/src/test/react-use-id-serializer.ts
new file mode 100644
index 00000000000..70eaa5e16af
--- /dev/null
+++ b/apps/web/src/test/react-use-id-serializer.ts
@@ -0,0 +1,52 @@
+/*
+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 SnapshotSerializer } from "vitest";
+
+const REACT_USE_ID = /_r_[a-z0-9]+_/g;
+
+function normaliseReactUseIds(snapshot: string): string {
+    // React useId values can vary between runs and make snapshots flaky:
+    // https://github.com/element-hq/element-web/issues/31765
+    // Avoid running the regex for DOM snapshots without React useId output.
+    if (!snapshot.includes("_r_")) return snapshot;
+
+    const ids = new Map<string, string>();
+    let nextId = 1;
+
+    return snapshot.replace(REACT_USE_ID, (id) => {
+        let replacement = ids.get(id);
+        if (!replacement) {
+            replacement = `react-use-id-${nextId++}`;
+            ids.set(id, replacement);
+        }
+        return replacement;
+    });
+}
+
+// Prevent this serializer from recursively matching the same DOM node when it calls serialize().
+let isSerializingDomSnapshot = false;
+
+const plugin = {
+    test: (value: unknown): value is Element | DocumentFragment =>
+        !isSerializingDomSnapshot &&
+        globalThis.Element &&
+        (value instanceof Element || value instanceof DocumentFragment),
+    print: (value: unknown, serialize: (value: unknown) => string): string => {
+        isSerializingDomSnapshot = true;
+        try {
+            return normaliseReactUseIds(serialize(value));
+        } finally {
+            isSerializingDomSnapshot = false;
+        }
+    },
+} satisfies SnapshotSerializer;
+
+export default plugin;
+// Jest compatibility exports
+export const test = plugin.test;
+export const print = plugin.print;
diff --git a/apps/web/src/test/setupGlobals.ts b/apps/web/src/test/setupGlobals.ts
new file mode 100644
index 00000000000..4856e83b741
--- /dev/null
+++ b/apps/web/src/test/setupGlobals.ts
@@ -0,0 +1,34 @@
+/*
+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 { vi } from "vitest";
+
+import { mocks } from "../../test/setup/mocks.ts";
+import SdkConfig, { DEFAULTS } from "../SdkConfig";
+
+// set up AudioContext API mock
+vi.stubGlobal("AudioContext", function () {
+    return mocks.AudioContext;
+});
+
+if (globalThis.window === undefined) {
+    // We are in a node environment, stub a basic window so singletons work.
+    // Also stub `location` as a bare global: some libraries (e.g. posthog toolbar) access
+    // `location` directly rather than via `window.location`.
+    const locationStub = new URL("test://test/test");
+    vi.stubGlobal("location", locationStub);
+    vi.stubGlobal("window", {
+        // Mock this as some code assumes it exists (needs to be done at the top level as
+        // things try to access it before the beforeEach blocks run)
+        addEventListener: vi.fn<typeof window.addEventListener>(),
+        location: locationStub,
+        setTimeout: globalThis.setTimeout,
+    });
+}
+
+// uninitialised SdkConfig causes lots of warnings in console, init with defaults
+SdkConfig.put(DEFAULTS);
diff --git a/apps/web/src/test/setupLanguage.ts b/apps/web/src/test/setupLanguage.ts
new file mode 100644
index 00000000000..11d53f4d227
--- /dev/null
+++ b/apps/web/src/test/setupLanguage.ts
@@ -0,0 +1,70 @@
+/*
+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 fetchMock from "@fetch-mock/vitest";
+import { merge } from "lodash";
+import { setMissingEntryGenerator, setLanguage, I18nApi } from "@element-hq/web-shared-components";
+import type { ModuleApiType } from "../modules/Api.ts";
+
+import enElementWeb from "../i18n/strings/en_EN.json";
+import deElementWeb from "../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";
+
+const lv = {
+    Save: "Saglabāt",
+    room: {
+        upload: {
+            uploading_multiple_file: {
+                one: "Качване на %(filename)s и %(count)s друг",
+            },
+        },
+    },
+};
+
+// Fake languages.json containing references to en_EN, de_DE and lv
+// en_EN.json
+// de_DE.json
+// 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
+        .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);
+}
+
+// Initialise the fetchMock before the test starts so the languageHandler.setLanguage call below can function
+fetchMock.mockGlobal();
+fetchMock.catch(404);
+setupLanguageMock();
+
+setLanguage("en");
+setMissingEntryGenerator((key) => key.split("|", 2)[1]);
+
+// Set up a stub module API (so the i18n API exists)
+window.mxModuleApi = { i18n: new I18nApi() } as ModuleApiType;
diff --git a/apps/web/src/test/setupTests.ts b/apps/web/src/test/setupTests.ts
new file mode 100644
index 00000000000..03f24c0185e
--- /dev/null
+++ b/apps/web/src/test/setupTests.ts
@@ -0,0 +1,51 @@
+/*
+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 { vi, beforeEach, afterEach } from "vitest";
+import { act } from "react";
+import fetchMock from "@fetch-mock/vitest";
+
+import SdkConfig, { DEFAULTS } from "../SdkConfig";
+import "./setupGlobals.ts";
+import { setupLanguageMock } from "./setupLanguage.ts";
+
+declare global {
+    var IS_REACT_ACT_ENVIRONMENT: boolean;
+}
+
+globalThis.IS_REACT_ACT_ENVIRONMENT = true;
+
+// Captured before any test can install fake timers, so the drain in `afterEach` below always
+// runs against a real immediate and cannot hang.
+const realSetImmediate = globalThis.setImmediate;
+
+// Deliberately *not* calling `manageFetchMockGlobally()` as it monkey-patches `vi.restoreAllMocks`,
+// `vi.resetAllMocks` and `vi.unstubAllGlobals` such that they also tear the fetch mock down, putting the
+// environment's real `fetch` back on the global.
+// We re-set the mock before every test below, so the lifecycle integration buys us nothing.
+
+beforeEach(() => {
+    vi.stubEnv("TZ", "UTC");
+
+    // set up fetch API mock. Unmatched requests 404 rather than reaching the network.
+    fetchMock.hardReset();
+    fetchMock.catch(404);
+    fetchMock.mockGlobal();
+
+    setupLanguageMock();
+});
+
+afterEach(async () => {
+    await fetchMock.callHistory.flush();
+
+    await act(async () => {
+        await new Promise((resolve) => realSetImmediate(resolve));
+    });
+});
+
+// uninitialised SdkConfig causes lots of warnings in console, init with defaults
+SdkConfig.put(DEFAULTS);
diff --git a/apps/web/src/theme.ts b/apps/web/src/theme.ts
new file mode 100644
index 00000000000..5dbd5142bca
--- /dev/null
+++ b/apps/web/src/theme.ts
@@ -0,0 +1,438 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2019 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 "@fontsource/inter/400.css";
+import "@fontsource/inter/400-italic.css";
+import "@fontsource/inter/500.css";
+import "@fontsource/inter/500-italic.css";
+import "@fontsource/inter/600.css";
+import "@fontsource/inter/600-italic.css";
+import "@fontsource/inter/700.css";
+import "@fontsource/inter/700-italic.css";
+
+import "@fontsource/fira-code/latin-ext-400.css";
+import "@fontsource/fira-code/latin-400.css";
+import "@fontsource/fira-code/latin-ext-700.css";
+import "@fontsource/fira-code/latin-700.css";
+
+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> = {
+    light: "light-high-contrast",
+};
+
+interface IFontFaces extends Omit<Record<(typeof allowedFontFaceProps)[number], string>, "src"> {
+    src: {
+        format: string;
+        url: string;
+        local: string;
+    }[];
+}
+
+interface CompoundTheme {
+    [token: string]: string;
+}
+
+export type CustomTheme = {
+    name: string;
+    is_dark?: boolean;
+    colors?: {
+        [key: string]: string;
+    };
+    fonts?: {
+        faces: IFontFaces[];
+        general: string;
+        monospace: string;
+    };
+    compound?: CompoundTheme;
+};
+
+/**
+ * Given a non-high-contrast theme, find the corresponding high-contrast one
+ * if it exists, or return undefined if not.
+ */
+export function findHighContrastTheme(theme: string): string | undefined {
+    return HIGH_CONTRAST_THEMES[theme];
+}
+
+/**
+ * Given a high-contrast theme, find the corresponding non-high-contrast one
+ * if it exists, or return undefined if not.
+ */
+export function findNonHighContrastTheme(hcTheme: string): string | undefined {
+    for (const theme in HIGH_CONTRAST_THEMES) {
+        if (HIGH_CONTRAST_THEMES[theme] === hcTheme) {
+            return theme;
+        }
+    }
+}
+
+/**
+ * Decide whether the supplied theme is high contrast.
+ */
+export function isHighContrastTheme(theme: string): boolean {
+    return Object.values(HIGH_CONTRAST_THEMES).includes(theme);
+}
+
+export function enumerateThemes(): { [key: string]: string } {
+    const BUILTIN_THEMES = {
+        "light": _t("common|light"),
+        "light-high-contrast": _t("theme|light_high_contrast"),
+        "dark": _t("common|dark"),
+    };
+    const customThemes = SettingsStore.getValue("custom_themes") || [];
+    const customThemeNames: Record<string, string> = {};
+
+    try {
+        for (const { name } of customThemes) {
+            customThemeNames[`custom-${name}`] = name;
+        }
+    } catch (err) {
+        logger.warn("Error loading custom themes", {
+            err,
+            customThemes,
+        });
+    }
+
+    return Object.assign({}, customThemeNames, BUILTIN_THEMES);
+}
+
+export interface ITheme {
+    id: string;
+    name: string;
+}
+
+export function getOrderedThemes(): ITheme[] {
+    const themes = Object.entries(enumerateThemes())
+        .map((p) => ({ id: p[0], name: p[1] })) // convert pairs to objects for code readability
+        .filter((p) => !isHighContrastTheme(p.id));
+    const builtInThemes = themes.filter((p) => !p.id.startsWith("custom-"));
+    const collator = new Intl.Collator();
+    const customThemes = themes
+        .filter((p) => !builtInThemes.includes(p))
+        .sort((a, b) => collator.compare(a.name, b.name));
+    return [...builtInThemes, ...customThemes];
+}
+
+function clearCustomTheme(): void {
+    // 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("--") &&
+            prop !== FontWatcher.FONT_FAMILY_CUSTOM_PROPERTY &&
+            prop !== FontWatcher.EMOJI_FONT_FAMILY_CUSTOM_PROPERTY
+        ) {
+            document.body.style.removeProperty(prop);
+        }
+    }
+
+    // remove the custom style sheets
+    document.querySelector("head > style[title='custom-theme-font-faces']")?.remove();
+    document.querySelector("head > style[title='custom-theme-compound']")?.remove();
+}
+
+const allowedFontFaceProps = [
+    "font-display",
+    "font-family",
+    "font-stretch",
+    "font-style",
+    "font-weight",
+    "font-variant",
+    "font-feature-settings",
+    "font-variation-settings",
+    "src",
+    "unicode-range",
+] as const;
+
+function generateCustomFontFaceCSS(faces: IFontFaces[]): string {
+    return faces
+        .map((face) => {
+            const src = face.src
+                ?.map((srcElement) => {
+                    let format = "";
+                    if (srcElement.format) {
+                        format = `format("${srcElement.format}")`;
+                    }
+                    if (srcElement.url) {
+                        return `url("${srcElement.url}") ${format}`;
+                    } else if (srcElement.local) {
+                        return `local("${srcElement.local}") ${format}`;
+                    }
+                    return "";
+                })
+                .join(", ");
+            const props = Object.keys(face).filter((prop) =>
+                allowedFontFaceProps.includes(prop as (typeof allowedFontFaceProps)[number]),
+            ) as Array<(typeof allowedFontFaceProps)[number]>;
+            const body = props
+                .map((prop) => {
+                    let value: string;
+                    if (prop === "src") {
+                        value = src;
+                    } else if (prop === "font-family") {
+                        value = `"${face[prop]}"`;
+                    } else {
+                        value = face[prop];
+                    }
+                    return `${prop}: ${value}`;
+                })
+                .join(";");
+            return `@font-face {${body}}`;
+        })
+        .join("\n");
+}
+
+const COMPOUND_TOKEN = /^--cpd-[a-z0-9-]+$/;
+
+/**
+ * Generates a style sheet to override Compound design tokens as specified in
+ * the given theme.
+ */
+function generateCustomCompoundCSS(theme: CompoundTheme): string {
+    const properties: string[] = [];
+    for (const [token, value] of Object.entries(theme))
+        if (COMPOUND_TOKEN.test(token)) properties.push(`${token}: ${value};`);
+        else logger.warn(`'${token}' is not a valid Compound token`);
+    // Insert the design token overrides into the existing Compound tokens
+    // layer so custom themes win over the imported default tokens by source
+    // order without creating a lower-priority nested layer.
+    return `@layer compound-tokens { :root, [class*="cpd-theme-"] { ${properties.join(" ")} } }`;
+}
+
+/**
+ * Normalizes the hex colour to 8 characters (including alpha)
+ * @param hexColor the hex colour to normalize
+ */
+function normalizeHexColour(hexColor: string): string {
+    switch (hexColor.length) {
+        case 4:
+        case 5:
+            // Short RGB or RGBA hex
+            return `#${hexColor
+                .slice(1)
+                .split("")
+                .map((c) => c + c)
+                .join("")}`;
+        case 7:
+            // Long RGB hex
+            return `${hexColor}ff`;
+        default:
+            return hexColor;
+    }
+}
+
+function setHexAlpha(normalizedHexColor: string, alpha: number): string {
+    return normalizeHexColour(normalizedHexColor).slice(0, 7) + Math.round(alpha).toString(16).padStart(2, "0");
+}
+
+function parseAlpha(normalizedHexColor: string): number {
+    return parseInt(normalizedHexColor.slice(7), 16);
+}
+
+function setCustomThemeVars(customTheme: CustomTheme): void {
+    const { style } = document.body;
+
+    function setCSSColorVariable(name: string, hexColor: string, doPct = true): void {
+        style.setProperty(`--${name}`, hexColor);
+        const normalizedHexColor = normalizeHexColour(hexColor);
+        const baseAlpha = parseAlpha(normalizedHexColor);
+
+        if (doPct) {
+            // uses #rrggbbaa to define the color with alpha values at 0%, 15% and 50% (relative to base alpha channel)
+            style.setProperty(`--${name}-0pct`, setHexAlpha(normalizedHexColor, 0));
+            style.setProperty(`--${name}-15pct`, setHexAlpha(normalizedHexColor, baseAlpha * 0.15));
+            style.setProperty(`--${name}-50pct`, setHexAlpha(normalizedHexColor, baseAlpha * 0.5));
+        }
+    }
+
+    if (customTheme.colors) {
+        for (const [name, value] of Object.entries(customTheme.colors)) {
+            if (Array.isArray(value)) {
+                for (let i = 0; i < value.length; i += 1) {
+                    setCSSColorVariable(`${name}_${i}`, value[i], false);
+                }
+            } else {
+                setCSSColorVariable(name, value);
+            }
+        }
+    }
+    if (customTheme.fonts) {
+        const { fonts } = customTheme;
+        if (fonts.faces) {
+            const css = generateCustomFontFaceCSS(fonts.faces);
+            const style = document.createElement("style");
+            style.setAttribute("title", "custom-theme-font-faces");
+            style.setAttribute("type", "text/css");
+            style.appendChild(document.createTextNode(css));
+            document.head.appendChild(style);
+        }
+        if (fonts.general) {
+            style.setProperty("--font-family", fonts.general);
+        }
+        if (fonts.monospace) {
+            style.setProperty("--font-family-monospace", fonts.monospace);
+        }
+    }
+    if (customTheme.compound) {
+        const css = generateCustomCompoundCSS(customTheme.compound);
+        const style = document.createElement("style");
+        style.setAttribute("title", "custom-theme-compound");
+        style.setAttribute("type", "text/css");
+        style.appendChild(document.createTextNode(css));
+        document.head.appendChild(style);
+    }
+}
+
+export function getCustomTheme(themeName: string): CustomTheme {
+    // set css variables
+    const customThemes = SettingsStore.getValue("custom_themes");
+    if (!customThemes) {
+        throw new Error(`No custom themes set, can't set custom theme "${themeName}"`);
+    }
+    const customTheme = customThemes.find((t: CustomTheme) => t.name === themeName);
+    if (!customTheme) {
+        const knownNames = customThemes.map((t: CustomTheme) => t.name).join(", ");
+        throw new Error(`Can't find custom theme "${themeName}", only know ${knownNames}`);
+    }
+    return customTheme;
+}
+
+/**
+ * Called whenever someone changes the theme
+ * Async function that returns once the theme has been set
+ * (ie. the CSS has been loaded)
+ *
+ * @param {string} theme new theme
+ */
+export async function setTheme(theme?: string): Promise<void> {
+    if (!theme) {
+        const themeWatcher = new ThemeWatcher();
+        theme = themeWatcher.getEffectiveTheme();
+    }
+    clearCustomTheme();
+    let stylesheetName = theme;
+    if (theme.startsWith("custom-")) {
+        const customTheme = getCustomTheme(theme.slice(7));
+        stylesheetName = customTheme.is_dark ? "dark-custom" : "light-custom";
+        setCustomThemeVars(customTheme);
+    }
+
+    // look for the stylesheet elements.
+    // styleElements is a map from style name to HTMLLinkElement.
+    const styleElements = new Map<string, HTMLLinkElement>();
+    const themes = Array.from(document.querySelectorAll<HTMLLinkElement>("[data-mx-theme]"));
+    themes.forEach((theme) => {
+        styleElements.set(theme.dataset.mxTheme!.toLowerCase(), theme);
+    });
+
+    if (!styleElements.has(stylesheetName)) {
+        throw new Error("Unknown theme " + stylesheetName);
+    }
+
+    // disable all of them first, then enable the one we want. Chrome only
+    // bothers to do an update on a true->false transition, so this ensures
+    // that we get exactly one update, at the right time.
+    //
+    // ^ This comment was true when we used to use alternative stylesheets
+    // for the CSS.  Nowadays we just set them all as disabled in index.html
+    // and enable them as needed.  It might be cleaner to disable them all
+    // at the same time to prevent loading two themes simultaneously and
+    // having them interact badly... but this causes a flash of unstyled app
+    // which is even uglier.  So we don't.
+
+    const styleSheet = styleElements.get(stylesheetName)!;
+    styleSheet.disabled = false;
+
+    /**
+     * Adds the Compound theme class to the top-most element in the document
+     * This will automatically refresh the colour scales based on the OS or user
+     * preferences
+     */
+    document.body.classList.remove("cpd-theme-light", "cpd-theme-dark", "cpd-theme-light-hc", "cpd-theme-dark-hc");
+
+    let compoundThemeClassName = `cpd-theme-` + (stylesheetName.includes("light") ? "light" : "dark");
+    // Always respect user OS preference!
+    if (isHighContrastTheme(theme) || window.matchMedia("(prefers-contrast: more)").matches) {
+        compoundThemeClassName += "-hc";
+    }
+
+    document.body.classList.add(compoundThemeClassName);
+
+    return new Promise((resolve, reject) => {
+        const switchTheme = function (): void {
+            // we re-enable our theme here just in case we raced with another
+            // theme set request as per https://github.com/vector-im/element-web/issues/5601.
+            // We could alternatively lock or similar to stop the race, but
+            // this is probably good enough for now.
+            styleSheet.disabled = false;
+            styleElements.forEach((a) => {
+                if (a == styleSheet) return;
+                a.disabled = true;
+            });
+            const bodyStyles = global.getComputedStyle(document.body);
+            if (bodyStyles.backgroundColor) {
+                const metaElement = document.querySelector<HTMLMetaElement>('meta[name="theme-color"]')!;
+                metaElement.content = bodyStyles.backgroundColor;
+            }
+            resolve();
+        };
+
+        const isStyleSheetLoaded = (): boolean =>
+            Boolean([...document.styleSheets].find((_styleSheet) => _styleSheet?.href === styleSheet.href));
+
+        function waitForStyleSheetLoading(): void {
+            // turns out that Firefox preloads the CSS for link elements with
+            // the disabled attribute, but Chrome doesn't.
+            if (isStyleSheetLoaded()) {
+                switchTheme();
+                return;
+            }
+
+            let counter = 0;
+
+            // In case of theme toggling (white => black => white)
+            // Chrome doesn't fire the `load` event when the white theme is selected the second times
+            const intervalId = window.setInterval(() => {
+                if (isStyleSheetLoaded()) {
+                    clearInterval(intervalId);
+                    styleSheet.onload = null;
+                    styleSheet.onerror = null;
+                    switchTheme();
+                }
+
+                // Avoid to be stuck in an endless loop if there is an issue in the stylesheet loading
+                counter++;
+                if (counter === 10) {
+                    clearInterval(intervalId);
+                    reject();
+                }
+            }, 200);
+
+            styleSheet.onload = () => {
+                clearInterval(intervalId);
+                switchTheme();
+            };
+
+            styleSheet.onerror = (e) => {
+                clearInterval(intervalId);
+                reject(e);
+            };
+        }
+
+        waitForStyleSheetLoading();
+    });
+}
diff --git a/apps/web/src/toasts/AnalyticsToast.tsx b/apps/web/src/toasts/AnalyticsToast.tsx
new file mode 100644
index 00000000000..40d4643e935
--- /dev/null
+++ b/apps/web/src/toasts/AnalyticsToast.tsx
@@ -0,0 +1,119 @@
+/*
+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 } from "react";
+
+import { _t } from "../languageHandler";
+import SdkConfig from "../SdkConfig";
+import dis from "../dispatcher/dispatcher";
+import AccessibleButton from "../components/views/elements/AccessibleButton";
+import GenericToast from "../components/views/toasts/GenericToast";
+import ToastStore from "../stores/ToastStore";
+import {
+    ButtonClicked,
+    showDialog as showAnalyticsLearnMoreDialog,
+} from "../components/views/dialogs/AnalyticsLearnMoreDialog";
+import { Action } from "../dispatcher/actions";
+import SettingsStore from "../settings/SettingsStore";
+
+const onAccept = (): void => {
+    dis.dispatch({
+        action: Action.PseudonymousAnalyticsAccept,
+    });
+};
+
+const onReject = (): void => {
+    dis.dispatch({
+        action: Action.PseudonymousAnalyticsReject,
+    });
+};
+
+const onLearnMoreNoOptIn = (): void => {
+    const { finished } = showAnalyticsLearnMoreDialog({
+        primaryButton: _t("action|enable"),
+    });
+
+    finished.then(([buttonClicked]) => {
+        if (buttonClicked === ButtonClicked.Primary) {
+            // user clicked "Enable"
+            onAccept();
+        }
+        // otherwise, the user either clicked "Cancel", or closed the dialog without making a choice,
+        // leave the toast open
+    });
+};
+
+const onLearnMorePreviouslyOptedIn = (): void => {
+    const { finished } = showAnalyticsLearnMoreDialog({
+        primaryButton: _t("analytics|accept_button"),
+        cancelButton: _t("action|stop"),
+    });
+
+    finished.then(([buttonClicked]) => {
+        if (buttonClicked === ButtonClicked.Primary) {
+            // user clicked "That's fine"
+            onAccept();
+        } else if (buttonClicked === ButtonClicked.Cancel) {
+            // user clicked "Stop"
+            onReject();
+        }
+        // otherwise, the user closed the dialog without making a choice, leave the toast open
+    });
+};
+
+const TOAST_KEY = "analytics";
+
+export const showToast = (): void => {
+    const legacyAnalyticsOptIn = SettingsStore.getValue("analyticsOptIn", null, true);
+
+    let props: Omit<React.ComponentProps<typeof GenericToast>, "toastKey">;
+    if (legacyAnalyticsOptIn) {
+        // The user previously opted into our old analytics system - let them know things have changed and ask
+        // them to opt in again.
+        props = {
+            description: _t("analytics|consent_migration"),
+            primaryLabel: _t("analytics|accept_button"),
+            onPrimaryClick: onAccept,
+            secondaryLabel: _t("action|learn_more"),
+            onSecondaryClick: onLearnMorePreviouslyOptedIn,
+        };
+    } else if (legacyAnalyticsOptIn === null || legacyAnalyticsOptIn === undefined) {
+        // The user had no analytics setting previously set, so we just need to prompt to opt-in, rather than
+        // explaining any change.
+        const learnMoreLink = (sub: string): JSX.Element => (
+            <AccessibleButton kind="link_inline" onClick={onLearnMoreNoOptIn}>
+                {sub}
+            </AccessibleButton>
+        );
+        props = {
+            description: _t("analytics|learn_more", {}, { LearnMoreLink: learnMoreLink }),
+            primaryLabel: _t("action|yes"),
+            onPrimaryClick: onAccept,
+            secondaryLabel: _t("action|no"),
+            onSecondaryClick: onReject,
+        };
+    } else {
+        // false
+        // The user previously opted out of analytics, don't ask again
+        return;
+    }
+
+    const analyticsOwner = SdkConfig.get("analytics_owner") ?? SdkConfig.get().brand;
+    ToastStore.sharedInstance().addOrReplaceToast({
+        key: TOAST_KEY,
+        title: _t("analytics|enable_prompt", { analyticsOwner }),
+        props,
+        component: GenericToast,
+        className: "mx_AnalyticsToast",
+        priority: 10,
+    });
+};
+
+export const hideToast = (): void => {
+    ToastStore.sharedInstance().dismissToast(TOAST_KEY);
+};
diff --git a/apps/web/src/toasts/BulkUnverifiedSessionsToast.tsx b/apps/web/src/toasts/BulkUnverifiedSessionsToast.tsx
new file mode 100644
index 00000000000..ac3efa71e8a
--- /dev/null
+++ b/apps/web/src/toasts/BulkUnverifiedSessionsToast.tsx
@@ -0,0 +1,54 @@
+/*
+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 from "react";
+import { ErrorSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../languageHandler";
+import dis from "../dispatcher/dispatcher";
+import { DeviceListener } from "../device-listener";
+import GenericToast from "../components/views/toasts/GenericToast";
+import ToastStore from "../stores/ToastStore";
+import { Action } from "../dispatcher/actions";
+import { snoozeBulkUnverifiedDeviceReminder } from "../utils/device/snoozeBulkUnverifiedDeviceReminder";
+
+const TOAST_KEY = "reviewsessions";
+
+export const showToast = (deviceIds: Set<string>): void => {
+    const onAccept = (): void => {
+        DeviceListener.sharedInstance().dismissUnverifiedSessions(deviceIds);
+
+        dis.dispatch({
+            action: Action.ViewUserDeviceSettings,
+        });
+    };
+
+    const onReject = (): void => {
+        DeviceListener.sharedInstance().dismissUnverifiedSessions(deviceIds);
+        snoozeBulkUnverifiedDeviceReminder();
+    };
+
+    ToastStore.sharedInstance().addOrReplaceToast({
+        key: TOAST_KEY,
+        title: _t("encryption|verification|unverified_sessions_toast_title"),
+        icon: <ErrorSolidIcon color="var(--cpd-color-icon-critical-primary)" />,
+        props: {
+            description: _t("encryption|verification|unverified_sessions_toast_description"),
+            primaryLabel: _t("action|review"),
+            onPrimaryClick: onAccept,
+            secondaryLabel: _t("encryption|verification|unverified_sessions_toast_reject"),
+            onSecondaryClick: onReject,
+        },
+        component: GenericToast,
+        priority: 50,
+    });
+};
+
+export const hideToast = (): void => {
+    ToastStore.sharedInstance().dismissToast(TOAST_KEY);
+};
diff --git a/apps/web/src/toasts/DesktopNotificationsToast.ts b/apps/web/src/toasts/DesktopNotificationsToast.ts
new file mode 100644
index 00000000000..fb9dd4ec1af
--- /dev/null
+++ b/apps/web/src/toasts/DesktopNotificationsToast.ts
@@ -0,0 +1,53 @@
+/*
+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 { _t } from "../languageHandler";
+import type Notifier from "../Notifier";
+import GenericToast from "../components/views/toasts/GenericToast";
+import ToastStore from "../stores/ToastStore";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { getLocalNotificationAccountDataEventType } from "../utils/notifications";
+import SettingsStore from "../settings/SettingsStore";
+import { SettingLevel } from "../settings/SettingLevel";
+
+const TOAST_KEY = "desktopnotifications";
+
+export const showToast = (notifier: Notifier, fromMessageSend: boolean): void => {
+    const onAccept = async (): Promise<void> => {
+        await SettingsStore.setValue("notificationsEnabled", null, SettingLevel.DEVICE, true);
+        const cli = MatrixClientPeg.safeGet();
+        const eventType = getLocalNotificationAccountDataEventType(cli.deviceId);
+        cli.setAccountData(eventType, {
+            is_silenced: false,
+        });
+    };
+
+    const onReject = (): void => {
+        notifier.setPromptHidden(true);
+    };
+
+    ToastStore.sharedInstance().addOrReplaceToast({
+        key: TOAST_KEY,
+        title: fromMessageSend
+            ? _t("notifications|enable_prompt_toast_title_from_message_send")
+            : _t("notifications|enable_prompt_toast_title"),
+        props: {
+            description: _t("notifications|enable_prompt_toast_description"),
+            primaryLabel: _t("action|enable"),
+            onPrimaryClick: onAccept,
+            secondaryLabel: _t("action|dismiss"),
+            onSecondaryClick: onReject,
+        },
+        component: GenericToast,
+        priority: 30,
+    });
+};
+
+export const hideToast = (): void => {
+    ToastStore.sharedInstance().dismissToast(TOAST_KEY);
+};
diff --git a/apps/web/src/toasts/IncomingCallToast.tsx b/apps/web/src/toasts/IncomingCallToast.tsx
new file mode 100644
index 00000000000..14f253c5224
--- /dev/null
+++ b/apps/web/src/toasts/IncomingCallToast.tsx
@@ -0,0 +1,387 @@
+/*
+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 JSX,
+    type ReactNode,
+    type ComponentType,
+    type SVGAttributes,
+    useCallback,
+    useEffect,
+    useRef,
+    useState,
+    useId,
+    useContext,
+} from "react";
+import {
+    type Room,
+    type MatrixEvent,
+    type RoomMember,
+    RoomEvent,
+    EventType,
+    MatrixEventEvent,
+} from "matrix-js-sdk/src/matrix";
+import { AvatarStack, Button, Form, Heading, InlineField, Label, ToggleInput, Tooltip } from "@vector-im/compound-web";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type IRTCNotificationContent } from "matrix-js-sdk/src/matrixrtc";
+import {
+    CheckIcon,
+    CloseIcon,
+    ExpandIcon,
+    VideoCallSolidIcon,
+    VoiceCallSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+import { AvatarWithDetails } from "@element-hq/web-shared-components";
+
+import { _t } from "../languageHandler";
+import RoomAvatar from "../components/views/avatars/RoomAvatar";
+import defaultDispatcher from "../dispatcher/dispatcher";
+import { type ViewRoomPayload } from "../dispatcher/payloads/ViewRoomPayload";
+import { Action } from "../dispatcher/actions";
+import ToastStore from "../stores/ToastStore";
+import { useCall, useParticipatingMembers } 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 { AudioID } from "../LegacyCallHandler";
+import { useEventEmitter, useTypedEventEmitter } from "../hooks/useEventEmitter";
+import { CallStore, CallStoreEvent } from "../stores/CallStore";
+import DMRoomMap from "../utils/DMRoomMap";
+import MemberAvatar from "../components/views/avatars/MemberAvatar";
+import { SDKContext } from "../contexts/SDKContext.ts";
+
+/**
+ * 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 = (callId: string, roomId: string): string => `call_${callId}_${roomId}`;
+
+/**
+ * Get the ts when the notification event was sent.
+ * This can be either the origin_server_ts or a ts the sender of this event claims as
+ * the time they sent it (sender_ts).
+ * The origin_server_ts is the fallback if sender_ts seems wrong.
+ * @param event The RTCNotification event.
+ * @returns The timestamp to use as the expect start time to apply the `lifetime` to.
+ */
+export const getNotificationEventSendTs = (event: MatrixEvent): number => {
+    const content = event.getContent() as Partial<IRTCNotificationContent>;
+    const sendTs = content.sender_ts;
+    if (sendTs && Math.abs(sendTs - event.getTs()) >= 15000) {
+        logger.warn(
+            "Received RTCNotification event. With large sender_ts origin_server_ts offset -> using origin_server_ts",
+        );
+        return event.getTs();
+    }
+    return sendTs ?? event.getTs();
+};
+const MAX_RING_TIME_MS = 90 * 1000;
+
+interface JoinCallButtonWithCallProps {
+    onClick: (e: ButtonEvent) => void;
+    disabledTooltip: string | undefined;
+}
+
+function JoinCallButtonWithCall({ onClick, disabledTooltip }: JoinCallButtonWithCallProps): JSX.Element {
+    const button = (
+        <Button
+            className="mx_IncomingCallToast_actionButton"
+            onClick={onClick}
+            disabled={disabledTooltip != undefined}
+            kind="primary"
+            Icon={CheckIcon}
+            size="md"
+        >
+            {_t("action|join")}
+        </Button>
+    );
+
+    return disabledTooltip === undefined ? (
+        button
+    ) : (
+        <Tooltip description={disabledTooltip ?? _t("voip|video_call")}>{button}</Tooltip>
+    );
+}
+
+interface DeclineCallButtonWithNotificationEventProps {
+    onDeclined: (e: ButtonEvent) => void;
+    notificationEvent: MatrixEvent;
+    room?: Room;
+}
+
+function DeclineCallButtonWithNotificationEvent({
+    notificationEvent,
+    room,
+    onDeclined,
+}: DeclineCallButtonWithNotificationEventProps): JSX.Element {
+    const [declining, setDeclining] = useState(false);
+    const onClick = useCallback(
+        async (e: ButtonEvent) => {
+            e.stopPropagation();
+            setDeclining(true);
+            await room?.client.sendRtcDecline(room.roomId, notificationEvent.getId() ?? "");
+            onDeclined(e);
+        },
+        [notificationEvent, onDeclined, room?.client, room?.roomId],
+    );
+    return (
+        <Button
+            className="mx_IncomingCallToast_actionButton"
+            onClick={onClick}
+            kind="secondary"
+            disabled={declining}
+            Icon={CloseIcon}
+            size="md"
+        >
+            {_t("action|decline")}
+        </Button>
+    );
+}
+
+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, toastKey }: Props): JSX.Element {
+    const sdkContext = useContext(SDKContext);
+    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>;
+    const room = sdkContext.client?.getRoom(roomId) ?? undefined;
+    const call = useCall(roomId);
+    const [connectedCalls, setConnectedCalls] = useState<Call[]>(Array.from(CallStore.instance.connectedCalls));
+    useEventEmitter(CallStore.instance, CallStoreEvent.ConnectedCalls, () => {
+        setConnectedCalls(Array.from(CallStore.instance.connectedCalls));
+    });
+    const otherCallIsOngoing = connectedCalls.find((call) => call.roomId !== roomId);
+    const soundHasStarted = useRef<boolean>(false);
+    useEffect(() => {
+        // This section can race, so we use a ref to keep track of whether we have started trying to play.
+        // This is because `LegacyCallHandler.play` tries to load the sound and then play it asynchonously
+        // and `LegacyCallHandler.isPlaying` will not be `true` until the sound starts playing.
+        const isRingToast = notificationContent.notification_type === "ring";
+        if (isRingToast && !soundHasStarted.current && !sdkContext.legacyCallHandler.isPlaying(AudioID.Ring)) {
+            // Start ringing if not already.
+            soundHasStarted.current = true;
+            void sdkContext.legacyCallHandler.play(AudioID.Ring);
+        }
+    }, [notificationContent.notification_type, soundHasStarted, sdkContext.legacyCallHandler]);
+
+    // Stop ringing on dismiss.
+    const dismissToast = useCallback((): void => {
+        ToastStore.sharedInstance().dismissToast(toastKey);
+        sdkContext.legacyCallHandler.pause(AudioID.Ring);
+    }, [toastKey, sdkContext.legacyCallHandler]);
+
+    // 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(
+        (call: Call, callRoomId: string): void => {
+            const roomId = notificationEvent.getRoomId();
+            if (!roomId && roomId !== callRoomId) return;
+            if (call === null || call.participants.size === 0) {
+                dismissToast();
+            }
+        },
+        [dismissToast, notificationEvent],
+    );
+
+    // Dismiss if session got declined remotely.
+    const onTimelineChange = useCallback(
+        (ev: MatrixEvent) => {
+            const userId = room?.client.getUserId();
+            if (
+                ev.getType() === EventType.RTCDecline &&
+                userId !== undefined &&
+                ev.getSender() === userId && // It is our decline not someone elses
+                ev.relationEventId === notificationEvent.getId() // The event declines this ringing toast.
+            ) {
+                dismissToast();
+            }
+        },
+        [dismissToast, notificationEvent, room?.client],
+    );
+
+    // Dismiss if another device from this user joins.
+    const onParticipantChange = useCallback(
+        (participants: Map<RoomMember, Set<string>>) => {
+            if (Array.from(participants.keys()).some((p) => p.userId == room?.client.getUserId())) {
+                dismissToast();
+            }
+        },
+        [dismissToast, room?.client],
+    );
+
+    // Dismiss on timeout.
+    useEffect(() => {
+        const lifetime = notificationContent.lifetime ?? MAX_RING_TIME_MS;
+        const timeout = setTimeout(dismissToast, getNotificationEventSendTs(notificationEvent) + lifetime - Date.now());
+        return () => clearTimeout(timeout);
+    });
+
+    // Dismiss on viewing call.
+    useDispatcher(
+        defaultDispatcher,
+        useCallback(
+            (payload: ActionPayload) => {
+                if (payload.action === Action.ViewRoom && payload.room_id === roomId && payload.view_call) {
+                    dismissToast();
+                }
+            },
+            [roomId, dismissToast],
+        ),
+    );
+
+    const [videoToggle, setVideoToggle] = useState(true);
+    const videoToggleId = useId();
+
+    const isVoice = notificationContent["m.call.intent"] === "audio";
+
+    const viewCall = useCallback(
+        (skipLobby: boolean) => {
+            // The toast will be automatically dismissed by the dispatcher callback above
+            defaultDispatcher.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: room?.roomId,
+                view_call: true,
+                skipLobby,
+                voiceOnly: isVoice || !videoToggle,
+                metricsTrigger: undefined,
+            });
+        },
+        [room, isVoice, videoToggle],
+    );
+
+    const onJoinClick = useCallback(() => viewCall(true), [viewCall]);
+    const onExpandClick = useCallback(() => viewCall(false), [viewCall]);
+
+    // Dismiss on closing toast.
+    const onCloseClick = useCallback(
+        (e: ButtonEvent): void => {
+            e.stopPropagation();
+            dismissToast();
+        },
+        [dismissToast],
+    );
+
+    useEventEmitter(CallStore.instance, CallStoreEvent.Call, onCall);
+    useEventEmitter(call ?? undefined, CallEvent.Participants, onParticipantChange);
+    useEventEmitter(room, RoomEvent.Timeline, onTimelineChange);
+
+    const otherUserId = DMRoomMap.shared().getUserIdForRoomId(roomId);
+    const members = useParticipatingMembers(call);
+    const avatars = (): ReactNode => (
+        <AvatarStack className="mx_IncomingCallToast_avatars">
+            {members.slice(0, 3).map((m) => (
+                <MemberAvatar key={m.userId} size="20px" member={m} aria-label={m.name} />
+            ))}
+        </AvatarStack>
+    );
+
+    let detailsInformation: ReactNode;
+    if (notificationContent.notification_type === "ring") {
+        detailsInformation = <span>{otherUserId}</span>;
+    } else if (members.length > 0) {
+        detailsInformation =
+            members.length > 3
+                ? _t(
+                      "voip|call_members|overflow",
+                      { count: members.length, overflowCount: members.length - 3 },
+                      { avatars },
+                  )
+                : _t("voip|call_members|exhaustive", { count: members.length }, { avatars });
+    }
+
+    let title: string;
+    let Icon: ComponentType<SVGAttributes<SVGElement>>;
+    let iconLabel: string;
+    // Special title for group calls
+    if (otherUserId === undefined) title = _t("voip|group_call_started");
+    if (isVoice) {
+        title ??= _t("voip|voice_call_incoming");
+        Icon = VoiceCallSolidIcon;
+        iconLabel = _t("voip|voice_call");
+    } else {
+        title ??= _t("voip|video_call_incoming");
+        Icon = VideoCallSolidIcon;
+        iconLabel = _t("voip|video_call");
+    }
+
+    return (
+        <div className="mx_IncomingCallToast_content">
+            <div className="mx_IncomingCallToast_title">
+                <Icon aria-label={iconLabel} width={20} height={20} />
+                <Heading as="h2" type="body" size="lg" weight="semibold">
+                    {title}
+                </Heading>
+                <AccessibleButton
+                    className="mx_IncomingCallToast_expandButton"
+                    onClick={onExpandClick}
+                    title={_t("action|expand")}
+                >
+                    <ExpandIcon width={16} height={16} aria-hidden />
+                </AccessibleButton>
+            </div>
+            <AvatarWithDetails
+                avatar={<RoomAvatar room={room ?? undefined} size="40px" />}
+                details={detailsInformation}
+                title={room ? room.name : _t("voip|call_toast_unknown_room")}
+                className="mx_IncomingCallToast_AvatarWithDetails"
+            />
+            {!isVoice && (
+                <Form.Root
+                    onSubmit={(evt) => {
+                        evt.preventDefault();
+                        evt.stopPropagation();
+                    }}
+                >
+                    <InlineField
+                        name="videoToggle"
+                        control={
+                            <ToggleInput
+                                id={videoToggleId}
+                                checked={videoToggle}
+                                onChange={(e) => setVideoToggle(e.target.checked)}
+                            />
+                        }
+                    >
+                        <Label htmlFor={videoToggleId}>{_t("voip|join_with_video")}</Label>
+                    </InlineField>
+                </Form.Root>
+            )}
+            <div className="mx_IncomingCallToast_buttons">
+                <DeclineCallButtonWithNotificationEvent
+                    notificationEvent={notificationEvent}
+                    room={room}
+                    onDeclined={onCloseClick}
+                />
+                <JoinCallButtonWithCall
+                    onClick={onJoinClick}
+                    disabledTooltip={otherCallIsOngoing ? "Ongoing call" : undefined}
+                />
+            </div>
+        </div>
+    );
+}
diff --git a/apps/web/src/toasts/IncomingLegacyCallToast.tsx b/apps/web/src/toasts/IncomingLegacyCallToast.tsx
new file mode 100644
index 00000000000..ae8629994e8
--- /dev/null
+++ b/apps/web/src/toasts/IncomingLegacyCallToast.tsx
@@ -0,0 +1,146 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 2018 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.
+*/
+
+import React from "react";
+import { CallType, type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import {
+    EndCallIcon,
+    VideoCallSolidIcon,
+    VoiceCallSolidIcon,
+    VolumeOffSolidIcon,
+    VolumeOnSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { LegacyCallHandlerEvent } from "../LegacyCallHandler";
+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";
+import { SDKContext } from "../contexts/SDKContext.ts";
+
+export const getIncomingLegacyCallToastKey = (callId: string): string => `call_${callId}`;
+
+interface IProps {
+    call: MatrixCall;
+}
+
+interface IState {
+    silenced: boolean;
+}
+
+export default class IncomingLegacyCallToast extends React.Component<IProps, IState> {
+    public static contextType = SDKContext;
+    declare public context: React.ContextType<typeof SDKContext>;
+
+    private readonly roomId: string;
+
+    public constructor(props: IProps, context: React.ContextType<typeof SDKContext>) {
+        super(props, context);
+
+        const roomId = context.legacyCallHandler.roomIdForCall(this.props.call);
+        if (!roomId) {
+            throw new Error("Unable to find room for incoming call");
+        }
+        this.roomId = roomId;
+
+        this.state = {
+            silenced: context.legacyCallHandler.isCallSilenced(this.props.call.callId),
+        };
+    }
+
+    public componentDidMount = (): void => {
+        this.context.legacyCallHandler.addListener(
+            LegacyCallHandlerEvent.SilencedCallsChanged,
+            this.onSilencedCallsChanged,
+        );
+    };
+
+    public componentWillUnmount(): void {
+        this.context.legacyCallHandler.removeListener(
+            LegacyCallHandlerEvent.SilencedCallsChanged,
+            this.onSilencedCallsChanged,
+        );
+    }
+
+    private onSilencedCallsChanged = (): void => {
+        this.setState({ silenced: this.context.legacyCallHandler.isCallSilenced(this.props.call.callId) });
+    };
+
+    private onAnswerClick = (e: ButtonEvent): void => {
+        e.stopPropagation();
+        this.context.legacyCallHandler.answerCall(this.roomId);
+    };
+
+    private onRejectClick = (e: ButtonEvent): void => {
+        e.stopPropagation();
+        this.context.legacyCallHandler.hangupOrReject(this.roomId, true);
+    };
+
+    private onSilenceClick = (e: ButtonEvent): void => {
+        e.stopPropagation();
+        const callId = this.props.call.callId;
+        if (this.state.silenced) {
+            this.context.legacyCallHandler.unSilenceCall(callId);
+        } else {
+            this.context.legacyCallHandler.silenceCall(callId);
+        }
+    };
+
+    public render(): React.ReactNode {
+        const room = this.context.client?.getRoom(this.roomId);
+        const isVoice = this.props.call.type === CallType.Voice;
+        const callForcedSilent = this.context.legacyCallHandler.isForcedSilent();
+
+        let silenceButtonTooltip = this.state.silenced ? _t("voip|unsilence") : _t("voip|silence");
+        if (callForcedSilent) {
+            silenceButtonTooltip = _t("voip|silenced");
+        }
+
+        return (
+            <React.Fragment>
+                <RoomAvatar room={room ?? undefined} size="32px" />
+                <div className="mx_IncomingLegacyCallToast_content">
+                    <span className="mx_LegacyCallEvent_caller">{room?.name ?? _t("voip|unknown_caller")}</span>
+                    <div className="mx_LegacyCallEvent_type">
+                        {getCallStateIcon(isVoice, undefined)}
+                        {isVoice ? _t("voip|voice_call") : _t("voip|video_call")}
+                    </div>
+                    <div className="mx_IncomingLegacyCallToast_buttons">
+                        <AccessibleButton
+                            className="mx_IncomingLegacyCallToast_button"
+                            onClick={this.onRejectClick}
+                            kind="danger"
+                        >
+                            <EndCallIcon />
+                            {_t("action|decline")}
+                        </AccessibleButton>
+                        <AccessibleButton
+                            className="mx_IncomingLegacyCallToast_button"
+                            onClick={this.onAnswerClick}
+                            kind="primary"
+                        >
+                            {isVoice ? <VoiceCallSolidIcon /> : <VideoCallSolidIcon />}
+                            {_t("action|accept")}
+                        </AccessibleButton>
+                    </div>
+                </div>
+                <AccessibleButton
+                    className="mx_IncomingLegacyCallToast_iconButton"
+                    disabled={callForcedSilent}
+                    onClick={this.onSilenceClick}
+                    title={silenceButtonTooltip}
+                >
+                    {this.state.silenced ? <VolumeOffSolidIcon /> : <VolumeOnSolidIcon />}
+                </AccessibleButton>
+            </React.Fragment>
+        );
+    }
+}
diff --git a/apps/web/src/toasts/MobileGuideToast.test.ts b/apps/web/src/toasts/MobileGuideToast.test.ts
new file mode 100644
index 00000000000..8206381a78d
--- /dev/null
+++ b/apps/web/src/toasts/MobileGuideToast.test.ts
@@ -0,0 +1,41 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+// @vitest-environment-options {"settings": {"navigator": {"userAgent": "Mozilla/5.0 (iPod touch; CPU iPhone OS 8_4_1 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12H321 Safari/600.1.4" }}}
+
+import { type ComponentProps } from "react";
+import { vi, describe, it, expect, beforeEach } from "vitest";
+
+import ToastStore from "../stores/ToastStore.ts";
+import { showToast } from "./MobileGuideToast.ts";
+import type GenericToast from "../components/views/toasts/GenericToast.tsx";
+
+describe("showToast", () => {
+    const addOrReplaceToastSpy = vi.spyOn(ToastStore.sharedInstance(), "addOrReplaceToast");
+
+    beforeEach(() => {
+        sessionStorage.clear();
+    });
+
+    it("should do nothing if sessionStorage has `skip_mobile_redirect`", () => {
+        sessionStorage.setItem("skip_mobile_redirect", "true");
+
+        showToast();
+        expect(addOrReplaceToastSpy).not.toHaveBeenCalled();
+    });
+
+    it("should set sessionStorage `skip_mobile_redirect` on reject", () => {
+        expect(sessionStorage.getItem("skip_mobile_redirect")).toBeFalsy();
+
+        showToast();
+        const toast = addOrReplaceToastSpy.mock.calls[0][0];
+        expect((toast.props as ComponentProps<typeof GenericToast>).secondaryLabel).toBe("Dismiss");
+        (toast.props as ComponentProps<typeof GenericToast>).onSecondaryClick!();
+        expect(sessionStorage.getItem("skip_mobile_redirect")).toBe("true");
+    });
+});
diff --git a/apps/web/src/toasts/MobileGuideToast.ts b/apps/web/src/toasts/MobileGuideToast.ts
new file mode 100644
index 00000000000..f76893aaf0e
--- /dev/null
+++ b/apps/web/src/toasts/MobileGuideToast.ts
@@ -0,0 +1,52 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { _t } from "../languageHandler";
+import GenericToast from "../components/views/toasts/GenericToast";
+import ToastStore from "../stores/ToastStore";
+import SdkConfig from "../SdkConfig";
+
+const onAccept = (): void => {
+    window.location.href = "mobile_guide/";
+};
+
+const onReject = (): void => {
+    sessionStorage.setItem("skip_mobile_redirect", "true");
+    hideToast();
+};
+
+const TOAST_KEY = "mobileguide";
+
+export const showToast = (): void => {
+    const isIos = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+    const isAndroid = /Android/.test(navigator.userAgent);
+    const brand = SdkConfig.get().brand;
+    if (!isIos && !isAndroid) {
+        return;
+    }
+    if (sessionStorage.getItem("skip_mobile_redirect") === "true") {
+        return;
+    }
+    ToastStore.sharedInstance().addOrReplaceToast({
+        key: TOAST_KEY,
+        title: _t("mobile_guide|toast_title"),
+        props: {
+            description: _t("mobile_guide|toast_description", { brand }),
+            primaryLabel: _t("mobile_guide|toast_accept"),
+            onPrimaryClick: onAccept,
+            secondaryLabel: _t("action|dismiss"),
+            onSecondaryClick: onReject,
+        },
+        component: GenericToast,
+        priority: 99,
+    });
+};
+
+export const hideToast = (): void => {
+    ToastStore.sharedInstance().dismissToast(TOAST_KEY);
+};
diff --git a/apps/web/src/toasts/ServerLimitToast.tsx b/apps/web/src/toasts/ServerLimitToast.tsx
new file mode 100644
index 00000000000..d24f7c692cb
--- /dev/null
+++ b/apps/web/src/toasts/ServerLimitToast.tsx
@@ -0,0 +1,55 @@
+/*
+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 from "react";
+
+import { _t, _td } from "../languageHandler";
+import GenericToast from "../components/views/toasts/GenericToast";
+import ToastStore from "../stores/ToastStore";
+import { messageForResourceLimitError } from "../utils/ErrorUtils";
+
+const TOAST_KEY = "serverlimit";
+
+export const showToast = (
+    limitType: string,
+    onHideToast: () => void,
+    adminContact?: string,
+    syncError?: boolean,
+): void => {
+    const errorText = messageForResourceLimitError(limitType, adminContact, {
+        "monthly_active_user": _td("error|mau"),
+        "hs_blocked": _td("error|hs_blocked"),
+        "": _td("error|resource_limits"),
+    });
+    const contactText = messageForResourceLimitError(limitType, adminContact, {
+        "": _td("error|admin_contact_short"),
+    });
+
+    ToastStore.sharedInstance().addOrReplaceToast({
+        key: TOAST_KEY,
+        title: _t("common|warning"),
+        props: {
+            description: (
+                <React.Fragment>
+                    {errorText} {contactText}
+                </React.Fragment>
+            ),
+            primaryLabel: _t("action|ok"),
+            onPrimaryClick: () => {
+                hideToast();
+                if (onHideToast) onHideToast();
+            },
+        },
+        component: GenericToast,
+        priority: 70,
+    });
+};
+
+export const hideToast = (): void => {
+    ToastStore.sharedInstance().dismissToast(TOAST_KEY);
+};
diff --git a/apps/web/src/toasts/SetupEncryptionToast.tsx b/apps/web/src/toasts/SetupEncryptionToast.tsx
new file mode 100644
index 00000000000..c021f1370d9
--- /dev/null
+++ b/apps/web/src/toasts/SetupEncryptionToast.tsx
@@ -0,0 +1,382 @@
+/*
+Copyright 2025 Element Creations Ltd.
+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 from "react";
+import { KeyIcon, ErrorSolidIcon, SettingsSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { type ComponentType } from "react";
+import { type Interaction as InteractionEvent } from "@matrix-org/analytics-events/types/typescript/Interaction";
+import { logger } from "matrix-js-sdk/src/logger";
+import { DecryptionKeyDoesNotMatchError } from "matrix-js-sdk/src/crypto-api";
+
+import Modal from "../Modal";
+import { _t } from "../languageHandler";
+import { DeviceListener, type DeviceState } from "../device-listener";
+import SetupEncryptionDialog from "../components/views/dialogs/security/SetupEncryptionDialog";
+import { AccessCancelledError, accessSecretStorage } from "../SecurityManager";
+import ToastStore, { type IToast } from "../stores/ToastStore";
+import GenericToast from "../components/views/toasts/GenericToast";
+import { ModuleRunner } from "../modules/ModuleRunner";
+import { SetupEncryptionStore } from "../stores/SetupEncryptionStore";
+import Spinner from "../components/views/elements/Spinner";
+import { type OpenToTabPayload } from "../dispatcher/payloads/OpenToTabPayload";
+import { Action } from "../dispatcher/actions";
+import { UserTab } from "../components/views/dialogs/UserTab";
+import defaultDispatcher from "../dispatcher/dispatcher";
+import ConfirmKeyStorageOffDialog from "../components/views/dialogs/ConfirmKeyStorageOffDialog";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { resetKeyBackupAndWait } from "../utils/crypto/resetKeyBackup";
+import { PosthogAnalytics } from "../PosthogAnalytics";
+
+const TOAST_KEY = "setupencryption";
+
+/**
+ * The device states that we show a toast for (everything except for "ok").
+ */
+type DeviceStateForToast = Exclude<DeviceState, "ok">;
+
+const getTitle = (state: DeviceStateForToast): string => {
+    switch (state) {
+        case "set_up_recovery":
+            return _t("encryption|set_up_recovery");
+        case "verify_this_session":
+            return _t("encryption|verify_toast_title");
+        case "key_storage_out_of_sync":
+        case "identity_needs_reset":
+            return _t("encryption|key_storage_out_of_sync");
+        case "turn_on_key_storage":
+            return _t("encryption|turn_on_key_storage");
+    }
+};
+
+const getIcon = (state: DeviceStateForToast): IToast<any>["icon"] => {
+    switch (state) {
+        case "set_up_recovery":
+            return undefined;
+        case "verify_this_session":
+        case "key_storage_out_of_sync":
+        case "identity_needs_reset":
+            return <ErrorSolidIcon color="var(--cpd-color-icon-critical-primary)" />;
+        case "turn_on_key_storage":
+            return <SettingsSolidIcon color="var(--cpd-color-text-primary)" />;
+    }
+};
+
+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":
+            return _t("action|continue");
+        case "verify_this_session":
+            return _t("action|continue");
+        case "key_storage_out_of_sync":
+            return _t("encryption|enter_recovery_key");
+        case "turn_on_key_storage":
+            return _t("action|continue");
+        case "identity_needs_reset":
+            return _t("encryption|continue_with_reset");
+    }
+};
+
+/**
+ * Get the icon to show on the primary button.
+ * @param state
+ */
+const getPrimaryButtonIcon = (
+    state: DeviceStateForToast,
+): ComponentType<React.SVGAttributes<SVGElement>> | undefined => {
+    switch (state) {
+        case "key_storage_out_of_sync":
+            return KeyIcon;
+        default:
+            return;
+    }
+};
+
+const getSecondaryButtonLabel = (state: DeviceStateForToast): string => {
+    switch (state) {
+        case "set_up_recovery":
+            return _t("action|dismiss");
+        case "verify_this_session":
+            return _t("encryption|verification|unverified_sessions_toast_reject");
+        case "key_storage_out_of_sync":
+            return _t("encryption|forgot_recovery_key");
+        case "turn_on_key_storage":
+            return _t("action|dismiss");
+        case "identity_needs_reset":
+            return "";
+    }
+};
+
+const getDescription = (state: DeviceStateForToast): string | React.ReactNode => {
+    switch (state) {
+        case "set_up_recovery":
+            return _t("encryption|set_up_recovery_toast_description");
+        case "verify_this_session":
+            return _t("encryption|verify_toast_description", undefined, {
+                a: (sub) => (
+                    <a
+                        href="https://docs.element.io/latest/element-support/device-verification/how-to-verify-devices/"
+                        target="_blank"
+                        rel="noreferrer noopener"
+                    >
+                        {sub}
+                    </a>
+                ),
+            });
+        case "key_storage_out_of_sync":
+            return _t("encryption|key_storage_out_of_sync_description");
+        case "turn_on_key_storage":
+            return _t("encryption|turn_on_key_storage_description");
+        case "identity_needs_reset":
+            return _t("encryption|identity_needs_reset_description");
+    }
+};
+
+/**
+ * Show a toast prompting the user for some action related to setting up their encryption.
+ *
+ * @param state The state of the device
+ */
+export const showToast = (state: DeviceStateForToast): void => {
+    const myLogger = logger.getChild(`SetupEncryptionToast[${state}]:`);
+    if (
+        ModuleRunner.instance.extensions.cryptoSetup.setupEncryptionNeeded({
+            kind: state as any,
+            storeProvider: { getInstance: () => SetupEncryptionStore.sharedInstance() },
+        })
+    ) {
+        return;
+    }
+
+    const onPrimaryClick = async (): Promise<void> => {
+        switch (state) {
+            case "set_up_recovery":
+            case "turn_on_key_storage": {
+                PosthogAnalytics.instance.trackEvent<InteractionEvent>({
+                    eventName: "Interaction",
+                    interactionType: "Pointer",
+                    name: state === "set_up_recovery" ? "ToastSetUpRecoveryClick" : "ToastTurnOnKeyStorageClick",
+                });
+                myLogger.debug("Primary button clicked: opening encryption settings dialog");
+                // Open the user settings dialog to the encryption tab
+                const payload: OpenToTabPayload = {
+                    action: Action.ViewUserSettings,
+                    initialTabId: UserTab.Encryption,
+                };
+                defaultDispatcher.dispatch(payload);
+                break;
+            }
+            case "verify_this_session":
+                myLogger.debug("Primary button clicked: opening SetupEncryptionDialog");
+                Modal.createDialog(SetupEncryptionDialog, {}, undefined, /* priority = */ false, /* static = */ true);
+                break;
+            case "key_storage_out_of_sync": {
+                myLogger.debug("Primary button clicked: starting recovery process");
+                const modal = Modal.createDialog(
+                    Spinner,
+                    undefined,
+                    "mx_Dialog_spinner",
+                    /* priority */ false,
+                    /* static */ true,
+                );
+
+                const matrixClient = MatrixClientPeg.safeGet();
+                const crypto = matrixClient.getCrypto()!;
+
+                try {
+                    const deviceListener = DeviceListener.sharedInstance();
+
+                    // we need to call keyStorageOutOfSyncNeedsBackupReset here because
+                    // deviceListener.whilePaused() sets its client to undefined, so
+                    // keyStorageOutOfSyncNeedsBackupReset won't be able to check
+                    // the backup state.
+                    const needsBackupReset = await deviceListener.keyStorageOutOfSyncNeedsBackupReset(false);
+
+                    // pause the device listener because we could be making lots
+                    // of changes, and don't want toasts to pop up and disappear
+                    // while we're doing it
+                    await deviceListener.whilePaused(async () => {
+                        await accessSecretStorage(async () => {
+                            // Reset backup if needed.
+                            if (needsBackupReset) {
+                                await resetKeyBackupAndWait(crypto);
+                            } else if (await matrixClient.isKeyBackupKeyStored()) {
+                                try {
+                                    await crypto.loadSessionBackupPrivateKeyFromSecretStorage();
+                                } catch (error: any) {
+                                    if (error instanceof DecryptionKeyDoesNotMatchError) {
+                                        myLogger.error(
+                                            "SetupEncryptionToast: decryption key does not match the public backup. Replacing.",
+                                        );
+                                        await resetKeyBackupAndWait(crypto);
+                                    } else {
+                                        throw error;
+                                    }
+                                }
+                            }
+                        });
+                    });
+                } catch (error) {
+                    await onAccessSecretStorageFailed(error as Error);
+                } finally {
+                    modal.close();
+                }
+                break;
+            }
+            case "identity_needs_reset": {
+                myLogger.debug("Primary button clicked: opening encryption settings dialog");
+                // Open the user settings dialog to reset identity
+                const payload: OpenToTabPayload = {
+                    action: Action.ViewUserSettings,
+                    initialTabId: UserTab.Encryption,
+                    props: {
+                        initialEncryptionState: "reset_identity_cant_recover",
+                    },
+                };
+                defaultDispatcher.dispatch(payload);
+                break;
+            }
+        }
+    };
+
+    const onSecondaryClick = async (): Promise<void> => {
+        switch (state) {
+            case "set_up_recovery": {
+                PosthogAnalytics.instance.trackEvent<InteractionEvent>({
+                    eventName: "Interaction",
+                    interactionType: "Pointer",
+                    name: "ToastSetUpRecoveryDismiss",
+                });
+                myLogger.debug("Secondary button clicked: disabling recovery");
+                // Record that the user doesn't want to set up recovery
+                const deviceListener = DeviceListener.sharedInstance();
+                await deviceListener.recordRecoveryDisabled();
+                deviceListener.dismissEncryptionSetup();
+                break;
+            }
+            case "key_storage_out_of_sync": {
+                // Open the user settings dialog to the encryption tab and start the flow to reset encryption or change the recovery key
+                const deviceListener = DeviceListener.sharedInstance();
+                const needsCrossSigningReset = await deviceListener.keyStorageOutOfSyncNeedsCrossSigningReset(true);
+                const props = {
+                    initialEncryptionState: needsCrossSigningReset ? "reset_identity_forgot" : "change_recovery_key",
+                };
+                myLogger.debug(`Secondary button clicked: opening encryption settings dialog with props`, props);
+                const payload: OpenToTabPayload = {
+                    action: Action.ViewUserSettings,
+                    initialTabId: UserTab.Encryption,
+                    props,
+                };
+                defaultDispatcher.dispatch(payload);
+                break;
+            }
+            case "turn_on_key_storage": {
+                PosthogAnalytics.instance.trackEvent<InteractionEvent>({
+                    eventName: "Interaction",
+                    interactionType: "Pointer",
+                    name: "ToastTurnOnKeyStorageDismiss",
+                });
+                // The user clicked "Dismiss": offer them "Are you sure?"
+                const modal = Modal.createDialog(
+                    ConfirmKeyStorageOffDialog,
+                    undefined,
+                    "mx_ConfirmKeyStorageOffDialog",
+                );
+                const [dismissed] = await modal.finished;
+                if (dismissed) {
+                    myLogger.debug("Secondary button clicked and confirmed: recording key storage disabled");
+                    const deviceListener = DeviceListener.sharedInstance();
+                    await deviceListener.recordKeyBackupDisabled();
+                    deviceListener.dismissEncryptionSetup();
+                }
+                break;
+            }
+            default:
+                myLogger.debug("Secondary button clicked: dismissing");
+                DeviceListener.sharedInstance().dismissEncryptionSetup();
+        }
+    };
+
+    /**
+     * We tried to accessSecretStorage, which triggered us to ask for the
+     * recovery key, but this failed. If the user just gave up, that is fine,
+     * but if not, that means downloading encryption info from 4S did not fix
+     * the problem we identified. Presumably, something is wrong with what they
+     * have in 4S.
+     */
+    const onAccessSecretStorageFailed = async (error: Error): Promise<void> => {
+        if (error instanceof AccessCancelledError) {
+            myLogger.debug("AccessSecretStorage failed: user cancelled");
+            // The user cancelled the dialog - just allow it to close
+        } else {
+            // A real error happened - jump to the reset identity or change
+            // recovery tab
+            const needsCrossSigningReset =
+                await DeviceListener.sharedInstance().keyStorageOutOfSyncNeedsCrossSigningReset(true);
+            const props = {
+                initialEncryptionState: needsCrossSigningReset ? "reset_identity_sync_failed" : "change_recovery_key",
+            };
+            myLogger.debug(
+                `AccessSecretStorage failed: ${error}. Opening encryption settings dialog with props: `,
+                props,
+            );
+            const payload: OpenToTabPayload = {
+                action: Action.ViewUserSettings,
+                initialTabId: UserTab.Encryption,
+                props,
+            };
+            defaultDispatcher.dispatch(payload);
+        }
+    };
+
+    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),
+            PrimaryIcon: getPrimaryButtonIcon(state),
+            onPrimaryClick,
+            secondaryLabel: getSecondaryButtonLabel(state),
+            onSecondaryClick,
+            overrideWidth: state === "key_storage_out_of_sync" ? "366px" : undefined,
+        },
+        component: GenericToast,
+        // verify_this_session is more important than most toasts, but
+        // needs to appear below an incoming verification request, so we can fix
+        // the problem by accepting it.
+        //
+        // Other states are less urgent.
+        priority: state === "verify_this_session" ? 85 : 40,
+    });
+};
+
+/**
+ * Hide the encryption setup toast if it is currently being shown.
+ */
+export const hideToast = (): void => {
+    ToastStore.sharedInstance().dismissToast(TOAST_KEY);
+};
diff --git a/apps/web/src/toasts/UnverifiedSessionToast.tsx b/apps/web/src/toasts/UnverifiedSessionToast.tsx
new file mode 100644
index 00000000000..cc78907eb9d
--- /dev/null
+++ b/apps/web/src/toasts/UnverifiedSessionToast.tsx
@@ -0,0 +1,67 @@
+/*
+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 from "react";
+import { ErrorSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../languageHandler";
+import dis from "../dispatcher/dispatcher";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import { DeviceListener } from "../device-listener";
+import ToastStore from "../stores/ToastStore";
+import GenericToast from "../components/views/toasts/GenericToast";
+import { Action } from "../dispatcher/actions";
+import { isDeviceVerified } from "../utils/device/isDeviceVerified";
+import { DeviceMetaData } from "../components/views/settings/devices/DeviceMetaData";
+import type { ExtendedDevice } from "../components/views/settings/devices/types.ts";
+
+function toastKey(deviceId: string): string {
+    return "unverified_session_" + deviceId;
+}
+
+export const showToast = async (deviceId: string): Promise<void> => {
+    const cli = MatrixClientPeg.safeGet();
+
+    const onAccept = (): void => {
+        DeviceListener.sharedInstance().dismissUnverifiedSessions([deviceId]);
+    };
+
+    const onReject = (): void => {
+        DeviceListener.sharedInstance().dismissUnverifiedSessions([deviceId]);
+        dis.dispatch({
+            action: Action.ViewUserDeviceSettings,
+        });
+    };
+
+    const device = await cli.getDevice(deviceId);
+    const extendedDevice: ExtendedDevice = {
+        ...device,
+        isVerified: await isDeviceVerified(cli, deviceId),
+    };
+
+    ToastStore.sharedInstance().addOrReplaceToast({
+        key: toastKey(deviceId),
+        title: _t("encryption|verification|unverified_session_toast_title"),
+        icon: <ErrorSolidIcon color="var(--cpd-color-icon-critical-primary)" />,
+        props: {
+            description: device.display_name,
+            detail: <DeviceMetaData device={extendedDevice} />,
+            primaryLabel: _t("encryption|verification|unverified_session_toast_accept"),
+            onPrimaryClick: onAccept,
+            secondaryLabel: _t("action|no"),
+            onSecondaryClick: onReject,
+            destructive: "secondary",
+        },
+        component: GenericToast,
+        priority: 80,
+    });
+};
+
+export const hideToast = (deviceId: string): void => {
+    ToastStore.sharedInstance().dismissToast(toastKey(deviceId));
+};
diff --git a/apps/web/src/toasts/UpdateToast.tsx b/apps/web/src/toasts/UpdateToast.tsx
new file mode 100644
index 00000000000..4ced8144c18
--- /dev/null
+++ b/apps/web/src/toasts/UpdateToast.tsx
@@ -0,0 +1,81 @@
+/*
+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 from "react";
+
+import { _t } from "../languageHandler";
+import SdkConfig from "../SdkConfig";
+import GenericToast from "../components/views/toasts/GenericToast";
+import ToastStore from "../stores/ToastStore";
+import QuestionDialog from "../components/views/dialogs/QuestionDialog";
+import ChangelogDialog, { checkVersion } from "../components/views/dialogs/ChangelogDialog";
+import PlatformPeg from "../PlatformPeg";
+import Modal from "../Modal";
+
+const TOAST_KEY = "update";
+
+function installUpdate(): void {
+    PlatformPeg.get()?.installUpdate();
+}
+
+export const showToast = (version: string, newVersion: string, releaseNotes?: string): void => {
+    function onReject(): void {
+        PlatformPeg.get()?.deferUpdate(newVersion);
+    }
+
+    let onAccept;
+    let acceptLabel = _t("update|see_changes_button");
+    if (releaseNotes) {
+        onAccept = () => {
+            const { finished } = Modal.createDialog(QuestionDialog, {
+                title: _t("update|release_notes_toast_title"),
+                description: <pre>{releaseNotes}</pre>,
+                button: _t("action|update"),
+            });
+            finished.then(([update]) => {
+                if (update && PlatformPeg.get()) {
+                    PlatformPeg.get()!.installUpdate();
+                }
+            });
+        };
+    } else if (checkVersion(version) && checkVersion(newVersion)) {
+        onAccept = () => {
+            const { finished } = Modal.createDialog(ChangelogDialog, {
+                version,
+                newVersion,
+            });
+            finished.then(([update]) => {
+                if (update && PlatformPeg.get()) {
+                    PlatformPeg.get()!.installUpdate();
+                }
+            });
+        };
+    } else {
+        onAccept = installUpdate;
+        acceptLabel = _t("action|update");
+    }
+
+    const brand = SdkConfig.get().brand;
+    ToastStore.sharedInstance().addOrReplaceToast({
+        key: TOAST_KEY,
+        title: _t("update|toast_title", { brand }),
+        props: {
+            description: _t("update|toast_description", { brand }),
+            primaryLabel: acceptLabel,
+            onPrimaryClick: onAccept,
+            secondaryLabel: _t("action|dismiss"),
+            onSecondaryClick: onReject,
+        },
+        component: GenericToast,
+        priority: 20,
+    });
+};
+
+export const hideToast = (): void => {
+    ToastStore.sharedInstance().dismissToast(TOAST_KEY);
+};
diff --git a/apps/web/src/usercontent/index.html b/apps/web/src/usercontent/index.html
new file mode 100644
index 00000000000..d8b4ad6c751
--- /dev/null
+++ b/apps/web/src/usercontent/index.html
@@ -0,0 +1,11 @@
+<html>
+    <head>
+        <!--
+    Hello! If you're reading this, perhaps you're wondering what this
+    file is doing and why your Element is using it.
+    In short, this allows Element to isolate potentially unsafe encrypted
+    attachments into their own origin, away from your Element.
+    Stay curious!
+    --></head>
+    <body></body>
+</html>
diff --git a/apps/web/src/usercontent/index.ts b/apps/web/src/usercontent/index.ts
new file mode 100644
index 00000000000..46ef5d11566
--- /dev/null
+++ b/apps/web/src/usercontent/index.ts
@@ -0,0 +1,64 @@
+/*
+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.
+*/
+
+let hasCalled = false;
+function remoteRender(event: MessageEvent): void {
+    const data = event.data;
+
+    // If we're handling secondary calls, start from scratch
+    if (hasCalled) {
+        document.body.replaceWith(document.createElement("BODY"));
+    }
+    hasCalled = true;
+
+    const img: HTMLSpanElement = document.createElement("span"); // we'll mask it as an image
+    img.id = "img";
+
+    const a: HTMLAnchorElement = document.createElement("a");
+    a.id = "a";
+    a.rel = "noreferrer noopener";
+    a.download = data.download;
+    // @ts-ignore
+    a.style = data.style;
+    a.style.fontFamily = "Arial, Helvetica, Sans-Serif";
+    a.href = window.URL.createObjectURL(data.blob);
+    a.appendChild(img);
+    a.appendChild(document.createTextNode(data.textContent));
+
+    // Apply image style after so we can steal the anchor's colour.
+    // Style copied from a rendered version of mx_MFileBody_download_icon
+    if (data.imgStyle) {
+        // @ts-ignore
+        img.style = data.imgStyle;
+    } else {
+        img.style.width = "20px";
+        img.style.height = "20px";
+        img.style.webkitMaskSize = "20px";
+        img.style.webkitMaskPosition = "center";
+        img.style.webkitMaskRepeat = "no-repeat";
+        img.style.display = "inline-block";
+        img.style.webkitMaskImage = `url('${data.imgSrc}')`;
+        img.style.backgroundColor = a.style.color;
+    }
+
+    const body = document.body;
+    // Don't display scrollbars if the link takes more than one line to display.
+    body.style.margin = "0px";
+    body.style.overflow = "hidden";
+    body.appendChild(a);
+
+    if (event.data.auto) {
+        a.click(); // try to trigger download automatically
+    }
+}
+
+window.onmessage = function (e: MessageEvent): void {
+    if (e.origin === window.location.origin) {
+        if (e.data.blob) remoteRender(e);
+    }
+};
diff --git a/apps/web/src/utils/AnimationUtils.test.ts b/apps/web/src/utils/AnimationUtils.test.ts
new file mode 100644
index 00000000000..ef8979667ce
--- /dev/null
+++ b/apps/web/src/utils/AnimationUtils.test.ts
@@ -0,0 +1,29 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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 { describe, it, expect } from "vitest";
+
+import { lerp } from "./AnimationUtils";
+
+describe("lerp", () => {
+    it("correctly interpolates", () => {
+        expect(lerp(0, 100, 0.5)).toBe(50);
+        expect(lerp(50, 100, 0.5)).toBe(75);
+        expect(lerp(0, 1, 0.1)).toBe(0.1);
+    });
+
+    it("clamps the interpolant", () => {
+        expect(lerp(0, 100, 50)).toBe(100);
+        expect(lerp(0, 100, -50)).toBe(0);
+    });
+
+    it("handles negative numbers", () => {
+        expect(lerp(-100, 0, 0.5)).toBe(-50);
+        expect(lerp(100, -100, 0.5)).toBe(0);
+    });
+});
diff --git a/apps/web/src/utils/AnimationUtils.ts b/apps/web/src/utils/AnimationUtils.ts
new file mode 100644
index 00000000000..f88e0ce3034
--- /dev/null
+++ b/apps/web/src/utils/AnimationUtils.ts
@@ -0,0 +1,24 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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 { clamp } from "lodash";
+
+/**
+ * This method linearly interpolates between two points (start, end). This is
+ * most commonly used to find a point some fraction of the way along a line
+ * between two endpoints (e.g. to move an object gradually between those
+ * points).
+ * @param {number} start the starting point
+ * @param {number} end the ending point
+ * @param {number} amt the interpolant
+ * @returns
+ */
+export function lerp(start: number, end: number, amt: number): number {
+    amt = clamp(amt, 0, 1);
+    return (1 - amt) * start + amt * end;
+}
diff --git a/apps/web/src/utils/AutoDiscoveryUtils.test.ts b/apps/web/src/utils/AutoDiscoveryUtils.test.ts
new file mode 100644
index 00000000000..ecfec22c240
--- /dev/null
+++ b/apps/web/src/utils/AutoDiscoveryUtils.test.ts
@@ -0,0 +1,282 @@
+/*
+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 { vi, describe, it, expect, afterAll, beforeEach } from "vitest";
+import { makeDelegatedAuthMetadata } from "test-utils/auth";
+import { AutoDiscovery, AutoDiscoveryAction, type ClientConfig } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import fetchMock from "@fetch-mock/vitest";
+
+import AutoDiscoveryUtils from "./AutoDiscoveryUtils";
+
+describe("AutoDiscoveryUtils", () => {
+    beforeEach(() => {
+        fetchMock.mockReset();
+        fetchMock.catch({
+            status: 404,
+            body: '{"errcode": "M_UNRECOGNIZED", "error": "Unrecognized request"}',
+            headers: { "content-type": "application/json" },
+        });
+    });
+
+    describe("buildValidatedConfigFromDiscovery()", () => {
+        const serverName = "my-server";
+
+        beforeEach(() => {
+            // don't litter console with expected errors
+            vi.spyOn(logger, "error")
+                .mockClear()
+                .mockImplementation(() => {});
+        });
+
+        afterAll(() => {
+            vi.spyOn(logger, "error").mockRestore();
+        });
+
+        const validIsConfig = {
+            "m.identity_server": {
+                state: AutoDiscoveryAction.SUCCESS,
+                base_url: "identity.com",
+            },
+        };
+        const validHsConfig = {
+            "m.homeserver": {
+                state: AutoDiscoveryAction.SUCCESS,
+                base_url: "https://matrix.org",
+            },
+        };
+
+        const expectedValidatedConfig = {
+            hsName: serverName,
+            hsNameIsDifferent: true,
+            hsUrl: "https://matrix.org",
+            isDefault: false,
+            isNameResolvable: true,
+            isUrl: "identity.com",
+        };
+
+        it("throws an error when discovery result is falsy", async () => {
+            await expect(() =>
+                AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, undefined as any),
+            ).rejects.toThrow("Unexpected error resolving homeserver configuration");
+            expect(logger.error).toHaveBeenCalled();
+        });
+
+        it("throws an error when discovery result does not include homeserver config", async () => {
+            const discoveryResult = {
+                ...validIsConfig,
+            } as unknown as ClientConfig;
+            await expect(() =>
+                AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult),
+            ).rejects.toThrow("Unexpected error resolving homeserver configuration");
+            expect(logger.error).toHaveBeenCalled();
+        });
+
+        it("throws an error when identity server config has fail error and recognised error string", async () => {
+            const discoveryResult = {
+                ...validHsConfig,
+                "m.identity_server": {
+                    state: AutoDiscoveryAction.FAIL_ERROR,
+                    error: "GenericFailure",
+                },
+            };
+            await expect(() =>
+                AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult),
+            ).rejects.toThrow("Unexpected error resolving identity server configuration");
+            expect(logger.error).toHaveBeenCalled();
+        });
+
+        it("throws an error when homeserver config has fail error and recognised error string", async () => {
+            const discoveryResult = {
+                ...validIsConfig,
+                "m.homeserver": {
+                    state: AutoDiscoveryAction.FAIL_ERROR,
+                    error: AutoDiscovery.ERROR_INVALID_HOMESERVER,
+                },
+            };
+            await expect(() =>
+                AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult),
+            ).rejects.toThrow("Homeserver URL does not appear to be a valid Matrix homeserver");
+            expect(logger.error).toHaveBeenCalled();
+        });
+
+        it("throws an error with fallback message identity server config has fail error", async () => {
+            const discoveryResult = {
+                ...validHsConfig,
+                "m.identity_server": {
+                    state: AutoDiscoveryAction.FAIL_ERROR,
+                },
+            };
+            await expect(() =>
+                AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult),
+            ).rejects.toThrow("Unexpected error resolving identity server configuration");
+        });
+
+        it("throws an error when error is ERROR_INVALID_HOMESERVER", async () => {
+            const discoveryResult = {
+                ...validIsConfig,
+                "m.homeserver": {
+                    state: AutoDiscoveryAction.FAIL_ERROR,
+                    error: AutoDiscovery.ERROR_INVALID_HOMESERVER,
+                },
+            };
+            await expect(() =>
+                AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult),
+            ).rejects.toThrow("Homeserver URL does not appear to be a valid Matrix homeserver");
+        });
+
+        it("throws an error when homeserver base_url is falsy", async () => {
+            const discoveryResult = {
+                ...validIsConfig,
+                "m.homeserver": {
+                    state: AutoDiscoveryAction.SUCCESS,
+                    base_url: "",
+                },
+            };
+            await expect(() =>
+                AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult),
+            ).rejects.toThrow("Unexpected error resolving homeserver configuration");
+            expect(logger.error).toHaveBeenCalledWith("No homeserver URL configured");
+        });
+
+        it("throws an error when homeserver base_url is not a valid URL", async () => {
+            const discoveryResult = {
+                ...validIsConfig,
+                "m.homeserver": {
+                    state: AutoDiscoveryAction.SUCCESS,
+                    base_url: "banana",
+                },
+            };
+            await expect(() =>
+                AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult),
+            ).rejects.toThrow("Invalid URL");
+        });
+
+        it("uses hs url hostname when serverName is falsy in args and config", async () => {
+            const discoveryResult = {
+                ...validIsConfig,
+                ...validHsConfig,
+            };
+            await expect(AutoDiscoveryUtils.buildValidatedConfigFromDiscovery("", discoveryResult)).resolves.toEqual({
+                ...expectedValidatedConfig,
+                hsNameIsDifferent: false,
+                hsName: "matrix.org",
+                warning: null,
+            });
+        });
+
+        it("uses serverName from props", async () => {
+            const discoveryResult = {
+                ...validIsConfig,
+                "m.homeserver": {
+                    ...validHsConfig["m.homeserver"],
+                    server_name: "should not use this name",
+                },
+            };
+            const syntaxOnly = true;
+            await expect(
+                AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult, syntaxOnly),
+            ).resolves.toEqual({
+                ...expectedValidatedConfig,
+                hsNameIsDifferent: true,
+                hsName: serverName,
+                warning: null,
+            });
+        });
+
+        it("ignores liveliness error when checking syntax only", async () => {
+            const discoveryResult = {
+                ...validIsConfig,
+                "m.homeserver": {
+                    ...validHsConfig["m.homeserver"],
+                    state: AutoDiscoveryAction.FAIL_ERROR,
+                    error: AutoDiscovery.ERROR_INVALID_HOMESERVER,
+                },
+            };
+            const syntaxOnly = true;
+            await expect(
+                AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult, syntaxOnly),
+            ).resolves.toEqual({
+                ...expectedValidatedConfig,
+                warning: "Homeserver URL does not appear to be a valid Matrix homeserver",
+            });
+        });
+
+        it("handles homeserver too old error", async () => {
+            const discoveryResult: ClientConfig = {
+                ...validIsConfig,
+                "m.homeserver": {
+                    state: AutoDiscoveryAction.FAIL_ERROR,
+                    error: AutoDiscovery.ERROR_UNSUPPORTED_HOMESERVER_SPEC_VERSION,
+                    base_url: "https://matrix.org",
+                },
+            };
+            const syntaxOnly = true;
+            await expect(() =>
+                AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult, syntaxOnly),
+            ).rejects.toThrow(
+                "Your homeserver is too old and does not support the minimum API version required. Please contact your server owner, or upgrade your server.",
+            );
+        });
+
+        it("should validate delegated oidc auth", async () => {
+            const issuer = "https://auth.matrix.org/";
+            fetchMock.get(`${validHsConfig["m.homeserver"].base_url}/_matrix/client/versions`, { versions: ["v1.15"] });
+            fetchMock.get(`${validHsConfig["m.homeserver"].base_url}/_matrix/client/v1/auth_metadata`, {
+                ...makeDelegatedAuthMetadata(issuer),
+                scopes_supported: ["email"],
+                response_modes_supported: ["query", "fragment"],
+                prompt_values_supported: ["none", "login", "create"],
+                device_authorization_endpoint: `${issuer}oauth2/device`,
+                account_management_uri: `${issuer}account/`,
+                account_management_actions_supported: [
+                    "org.matrix.profile",
+                    "org.matrix.sessions_list",
+                    "org.matrix.session_view",
+                    "org.matrix.session_end",
+                    "org.matrix.cross_signing_reset",
+                ],
+            });
+
+            const discoveryResult = {
+                ...validIsConfig,
+                ...validHsConfig,
+            };
+            await expect(
+                AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult),
+            ).resolves.toEqual({
+                ...expectedValidatedConfig,
+                hsNameIsDifferent: true,
+                hsName: serverName,
+                delegatedAuthentication: expect.objectContaining({
+                    issuer,
+                    account_management_actions_supported: [
+                        "org.matrix.profile",
+                        "org.matrix.sessions_list",
+                        "org.matrix.session_view",
+                        "org.matrix.session_end",
+                        "org.matrix.cross_signing_reset",
+                    ],
+                    account_management_uri: "https://auth.matrix.org/account/",
+                    authorization_endpoint: "https://auth.matrix.org/auth",
+                    registration_endpoint: "https://auth.matrix.org/registration",
+                    token_endpoint: "https://auth.matrix.org/token",
+                }),
+                warning: null,
+            });
+        });
+    });
+
+    describe("authComponentStateForError", () => {
+        const error = new Error("TEST");
+
+        it("should return expected error for the registration page", () => {
+            expect(AutoDiscoveryUtils.authComponentStateForError(error, "register")).toMatchSnapshot();
+        });
+    });
+});
diff --git a/apps/web/src/utils/AutoDiscoveryUtils.tsx b/apps/web/src/utils/AutoDiscoveryUtils.tsx
new file mode 100644
index 00000000000..f43f8ff1263
--- /dev/null
+++ b/apps/web/src/utils/AutoDiscoveryUtils.tsx
@@ -0,0 +1,316 @@
+/*
+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 ReactNode } from "react";
+import {
+    AutoDiscovery,
+    AutoDiscoveryError,
+    type ClientConfig,
+    type IClientWellKnown,
+    MatrixClient,
+    MatrixError,
+    type ValidatedAuthMetadata,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t, _td, UserFriendlyError } from "../languageHandler";
+import SdkConfig from "../SdkConfig";
+import { type ValidatedServerConfig } from "./ValidatedServerConfig";
+
+const LIVELINESS_DISCOVERY_ERRORS: AutoDiscoveryError[] = [
+    AutoDiscovery.ERROR_INVALID_HOMESERVER,
+    AutoDiscovery.ERROR_INVALID_IDENTITY_SERVER,
+];
+
+export interface IAuthComponentState {
+    serverIsAlive: boolean;
+    serverErrorIsFatal: boolean;
+    serverDeadError?: ReactNode;
+}
+
+const AutoDiscoveryErrors = Object.values(AutoDiscoveryError);
+
+const isAutoDiscoveryError = (err: unknown): err is AutoDiscoveryError => {
+    return AutoDiscoveryErrors.includes(err as AutoDiscoveryError);
+};
+
+const mapAutoDiscoveryErrorTranslation = (err: AutoDiscoveryError): TranslationKey => {
+    switch (err) {
+        case AutoDiscoveryError.GenericFailure:
+            return _td("auth|autodiscovery_invalid");
+        case AutoDiscoveryError.Invalid:
+            return _td("auth|autodiscovery_generic_failure");
+        case AutoDiscoveryError.InvalidHsBaseUrl:
+            return _td("auth|autodiscovery_invalid_hs_base_url");
+        case AutoDiscoveryError.InvalidHomeserver:
+            return _td("auth|autodiscovery_invalid_hs");
+        case AutoDiscoveryError.InvalidIsBaseUrl:
+            return _td("auth|autodiscovery_invalid_is_base_url");
+        case AutoDiscoveryError.InvalidIdentityServer:
+            return _td("auth|autodiscovery_invalid_is");
+        case AutoDiscoveryError.InvalidIs:
+            return _td("auth|autodiscovery_invalid_is_response");
+        case AutoDiscoveryError.MissingWellknown:
+            return _td("auth|autodiscovery_no_well_known");
+        case AutoDiscoveryError.InvalidJson:
+            return _td("auth|autodiscovery_invalid_json");
+        case AutoDiscoveryError.UnsupportedHomeserverSpecVersion:
+            return _td("auth|autodiscovery_hs_incompatible");
+    }
+};
+
+// oxlint-disable-next-line typescript/no-extraneous-class
+export default class AutoDiscoveryUtils {
+    /**
+     * Checks if a given error or error message is considered an error
+     * relating to the liveliness of the server. Must be an error returned
+     * from this AutoDiscoveryUtils class.
+     * @param {string | Error} error The error to check
+     * @returns {boolean} True if the error is a liveliness error.
+     */
+    public static isLivelinessError(error: unknown): boolean {
+        if (!error) return false;
+        let msg: unknown = error;
+        if (error instanceof UserFriendlyError) {
+            msg = error.cause;
+        } else if (error instanceof Error) {
+            msg = error.message;
+        }
+        return LIVELINESS_DISCOVERY_ERRORS.includes(msg as AutoDiscoveryError);
+    }
+
+    /**
+     * Gets the common state for auth components (login, registration, forgot
+     * password) for a given validation error.
+     * @param {Error} err The error encountered.
+     * @param {string} pageName The page for which the error should be customized to. See
+     * implementation for known values.
+     * @returns {*} The state for the component, given the error.
+     */
+    public static authComponentStateForError(err: unknown, pageName = "login"): IAuthComponentState {
+        if (!err) {
+            return {
+                serverIsAlive: true,
+                serverErrorIsFatal: false,
+                serverDeadError: null,
+            };
+        }
+        let title = _t("cannot_reach_homeserver");
+        let body: ReactNode = _t("cannot_reach_homeserver_detail");
+        if (!AutoDiscoveryUtils.isLivelinessError(err)) {
+            const brand = SdkConfig.get().brand;
+            title = _t("auth|misconfigured_title", { brand });
+            body = _t(
+                "auth|misconfigured_body",
+                {
+                    brand,
+                },
+                {
+                    a: (sub) => {
+                        return (
+                            <a
+                                href="https://github.com/vector-im/element-web/blob/master/docs/config.md"
+                                target="_blank"
+                                rel="noreferrer noopener"
+                            >
+                                {sub}
+                            </a>
+                        );
+                    },
+                },
+            );
+        }
+
+        let isFatalError = true;
+        const errorMessage = err instanceof Error ? err.message : err;
+        if (errorMessage === AutoDiscovery.ERROR_INVALID_IDENTITY_SERVER) {
+            isFatalError = false;
+            title = _t("auth|failed_connect_identity_server");
+
+            // It's annoying having a ladder for the third word in the same sentence, but our translations
+            // don't make this easy to avoid.
+            if (pageName === "register") {
+                body = _t("auth|failed_connect_identity_server_register");
+            } else if (pageName === "reset_password") {
+                body = _t("auth|failed_connect_identity_server_reset_password");
+            } else {
+                body = _t("auth|failed_connect_identity_server_other");
+            }
+        }
+
+        return {
+            serverIsAlive: false,
+            serverErrorIsFatal: isFatalError,
+            serverDeadError: (
+                <div>
+                    <strong>{title}</strong>
+                    <div>{body}</div>
+                </div>
+            ),
+        };
+    }
+
+    /**
+     * Validates a server configuration, using a pair of URLs as input.
+     * @param {string} homeserverUrl The homeserver URL.
+     * @param {string} identityUrl The identity server URL.
+     * @param {boolean} syntaxOnly If true, errors relating to liveliness of the servers will
+     * not be raised.
+     * @returns {Promise<ValidatedServerConfig>} Resolves to the validated configuration.
+     */
+    public static async validateServerConfigWithStaticUrls(
+        homeserverUrl: string,
+        identityUrl?: string,
+        syntaxOnly = false,
+    ): Promise<ValidatedServerConfig> {
+        if (!homeserverUrl) {
+            throw new UserFriendlyError("auth|no_hs_url_provided");
+        }
+
+        const wellknownConfig: IClientWellKnown = {
+            "m.homeserver": {
+                base_url: homeserverUrl,
+            },
+        };
+
+        if (identityUrl) {
+            wellknownConfig["m.identity_server"] = {
+                base_url: identityUrl,
+            };
+        }
+
+        const result = await AutoDiscovery.fromDiscoveryConfig(wellknownConfig);
+
+        const url = new URL(homeserverUrl);
+        const serverName = url.hostname;
+
+        return AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, result, syntaxOnly, true);
+    }
+
+    /**
+     * Validates a server configuration, using a homeserver domain name as input.
+     * @param {string} serverName The homeserver domain name (eg: "matrix.org") to validate.
+     * @returns {Promise<ValidatedServerConfig>} Resolves to the validated configuration.
+     */
+    public static async validateServerName(serverName: string): Promise<ValidatedServerConfig> {
+        const result = await AutoDiscovery.findClientConfig(serverName);
+        return AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, result);
+    }
+
+    /**
+     * Validates a server configuration, using a pre-calculated AutoDiscovery result as
+     * input.
+     * @param {string} serverName The domain name the AutoDiscovery result is for.
+     * @param {*} discoveryResult The AutoDiscovery result.
+     * @param {boolean} syntaxOnly If true, errors relating to liveliness of the servers will not be raised.
+     * @param {boolean} isSynthetic If true, then the discoveryResult was synthesised locally.
+     * @returns {Promise<ValidatedServerConfig>} Resolves to the validated configuration.
+     */
+    public static async buildValidatedConfigFromDiscovery(
+        serverName?: string,
+        discoveryResult?: ClientConfig,
+        syntaxOnly = false,
+        isSynthetic = false,
+    ): Promise<ValidatedServerConfig> {
+        if (!discoveryResult?.["m.homeserver"]) {
+            // This shouldn't happen without major misconfiguration, so we'll log a bit of information
+            // in the log so we can find this bit of code but otherwise tell the user "it broke".
+            logger.error("Ended up in a state of not knowing which homeserver to connect to.");
+            throw new UserFriendlyError("auth|autodiscovery_unexpected_error_hs");
+        }
+
+        const hsResult = discoveryResult["m.homeserver"];
+        const isResult = discoveryResult["m.identity_server"];
+
+        const defaultConfig = SdkConfig.get("validated_server_config");
+
+        // Validate the identity server first because an invalid identity server causes
+        // an invalid homeserver, which may not be picked up correctly.
+
+        // Note: In the cases where we rely on the default IS from the config (namely
+        // lack of identity server provided by the discovery method), we intentionally do not
+        // validate it. This has already been validated and this helps some off-the-grid usage
+        // of Element.
+        let preferredIdentityUrl = defaultConfig && defaultConfig["isUrl"];
+        if (isResult && isResult.state === AutoDiscovery.SUCCESS) {
+            preferredIdentityUrl = isResult["base_url"] ?? undefined;
+        } else if (isResult && isResult.state !== AutoDiscovery.PROMPT) {
+            logger.error("Error determining preferred identity server URL:", isResult);
+            if (isResult.state === AutoDiscovery.FAIL_ERROR) {
+                if (isAutoDiscoveryError(isResult.error)) {
+                    throw new UserFriendlyError(mapAutoDiscoveryErrorTranslation(isResult.error), {
+                        cause: hsResult.error,
+                    });
+                }
+                throw new UserFriendlyError("auth|autodiscovery_unexpected_error_is");
+            } // else the error is not related to syntax - continue anyways.
+
+            // rewrite homeserver error since we don't care about problems
+            hsResult.error = AutoDiscovery.ERROR_INVALID_IDENTITY_SERVER;
+
+            // Also use the user's supplied identity server if provided
+            if (isResult["base_url"]) preferredIdentityUrl = isResult["base_url"];
+        }
+
+        if (hsResult.state !== AutoDiscovery.SUCCESS) {
+            logger.error("Error processing homeserver config:", hsResult);
+            if (!syntaxOnly || !AutoDiscoveryUtils.isLivelinessError(hsResult.error)) {
+                if (isAutoDiscoveryError(hsResult.error)) {
+                    throw new UserFriendlyError(mapAutoDiscoveryErrorTranslation(hsResult.error), {
+                        cause: hsResult.error,
+                    });
+                }
+                throw new UserFriendlyError("auth|autodiscovery_unexpected_error_hs");
+            } // else the error is not related to syntax - continue anyways.
+        }
+
+        const preferredHomeserverUrl = hsResult["base_url"];
+
+        if (!preferredHomeserverUrl) {
+            logger.error("No homeserver URL configured");
+            throw new UserFriendlyError("auth|autodiscovery_unexpected_error_hs");
+        }
+
+        let preferredHomeserverName = serverName ?? hsResult["server_name"];
+
+        const url = new URL(preferredHomeserverUrl);
+        if (!preferredHomeserverName) preferredHomeserverName = url.hostname;
+
+        // It should have been set by now, so check it
+        if (!preferredHomeserverName) {
+            logger.error("Failed to parse homeserver name from homeserver URL");
+            throw new UserFriendlyError("auth|autodiscovery_unexpected_error_hs");
+        }
+
+        // This isn't inherently auto-discovery but used to be in an earlier incarnation of the MSC,
+        // and shuttling the data together makes a lot of sense
+        let delegatedAuthentication: ValidatedAuthMetadata | undefined;
+        let delegatedAuthenticationError: Error | undefined;
+        try {
+            const tempClient = new MatrixClient({ baseUrl: preferredHomeserverUrl });
+            delegatedAuthentication = await tempClient.getAuthMetadata();
+        } catch (e) {
+            if (e instanceof MatrixError && e.httpStatus === 404 && e.errcode === "M_UNRECOGNIZED") {
+                // 404 M_UNRECOGNIZED means the server does not support OIDC
+            } else {
+                delegatedAuthenticationError = e as Error;
+            }
+        }
+
+        return {
+            hsUrl: preferredHomeserverUrl,
+            hsName: preferredHomeserverName,
+            hsNameIsDifferent: url.hostname !== preferredHomeserverName,
+            isUrl: preferredIdentityUrl,
+            isDefault: false,
+            warning: hsResult.error ?? delegatedAuthenticationError ?? null,
+            isNameResolvable: !isSynthetic,
+            delegatedAuthentication,
+        } as ValidatedServerConfig;
+    }
+}
diff --git a/apps/web/src/utils/BrowserWorkarounds.ts b/apps/web/src/utils/BrowserWorkarounds.ts
new file mode 100644
index 00000000000..de10e90eec6
--- /dev/null
+++ b/apps/web/src/utils/BrowserWorkarounds.ts
@@ -0,0 +1,16 @@
+/*
+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 { type MouseEvent } from "react";
+
+export function chromeFileInputFix(event: MouseEvent<HTMLInputElement>): void {
+    // Workaround for Chromium Bug
+    // Chrome does not fire onChange events if the same file is selected twice
+    // Only required on Chromium-based browsers (Electron, Chrome, Edge, Opera, Vivaldi, etc)
+    event.currentTarget.value = "";
+}
diff --git a/apps/web/src/utils/DMRoomMap.test.ts b/apps/web/src/utils/DMRoomMap.test.ts
new file mode 100644
index 00000000000..99fd2c78444
--- /dev/null
+++ b/apps/web/src/utils/DMRoomMap.test.ts
@@ -0,0 +1,196 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, type Mocked } from "vitest";
+
+import { logger } from "matrix-js-sdk/src/logger";
+import {
+    ClientEvent,
+    EventType,
+    type IContent,
+    type MatrixClient,
+    type MatrixEvent,
+    type Room,
+} from "matrix-js-sdk/src/matrix";
+import { mkEvent, stubClient } from "test-utils";
+
+import DMRoomMap from "./DMRoomMap";
+
+describe("DMRoomMap", () => {
+    const roomId1 = "!room1:example.com";
+    const roomId2 = "!room2:example.com";
+    const roomId3 = "!room3:example.com";
+    const roomId4 = "!room4:example.com";
+
+    const validMDirectContent = {
+        "user@example.com": [roomId1, roomId2],
+        "@user:example.com": [roomId1, roomId3, roomId4],
+        "@user2:example.com": [] as string[],
+    } as IContent;
+
+    let client: Mocked<MatrixClient>;
+    let dmRoomMap: DMRoomMap;
+
+    const mkMDirectEvent = (content: any): MatrixEvent => {
+        return mkEvent({
+            event: true,
+            type: EventType.Direct,
+            user: client.getSafeUserId(),
+            content: content,
+        });
+    };
+
+    beforeEach(() => {
+        client = vi.mocked(stubClient());
+        vi.spyOn(logger, "warn");
+    });
+
+    describe("when m.direct has valid content", () => {
+        beforeEach(() => {
+            client.getAccountData.mockReturnValue(mkMDirectEvent(validMDirectContent));
+            dmRoomMap = new DMRoomMap(client);
+            dmRoomMap.start();
+        });
+
+        it("getRoomIds should return the room Ids", () => {
+            expect(dmRoomMap.getRoomIds()).toEqual(new Set([roomId1, roomId2, roomId3, roomId4]));
+        });
+
+        describe("and there is an update with valid data", () => {
+            beforeEach(() => {
+                client.emit(
+                    ClientEvent.AccountData,
+                    mkMDirectEvent({
+                        "@user:example.com": [roomId1, roomId3],
+                    }),
+                );
+            });
+
+            it("getRoomIds should return the new room Ids", () => {
+                expect(dmRoomMap.getRoomIds()).toEqual(new Set([roomId1, roomId3]));
+            });
+        });
+
+        describe("and there is an update with invalid data", () => {
+            const partiallyInvalidContent = {
+                "@user1:example.com": [roomId1, roomId3],
+                "@user2:example.com": "room2, room3",
+            };
+
+            beforeEach(() => {
+                client.emit(ClientEvent.AccountData, mkMDirectEvent(partiallyInvalidContent));
+            });
+
+            it("getRoomIds should return the valid room Ids", () => {
+                expect(dmRoomMap.getRoomIds()).toEqual(new Set([roomId1, roomId3]));
+            });
+
+            it("should log the invalid content", () => {
+                expect(logger.warn).toHaveBeenCalledWith("Invalid m.direct content occurred", partiallyInvalidContent);
+            });
+        });
+    });
+
+    describe("when m.direct content contains the entire event", () => {
+        const mDirectContentContent = {
+            type: EventType.Direct,
+            content: validMDirectContent,
+        };
+
+        beforeEach(() => {
+            client.getAccountData.mockReturnValue(mkMDirectEvent(mDirectContentContent));
+            dmRoomMap = new DMRoomMap(client);
+        });
+
+        it("should log the invalid content", () => {
+            expect(logger.warn).toHaveBeenCalledWith("Invalid m.direct content occurred", mDirectContentContent);
+        });
+
+        it("getRoomIds should return an empty list", () => {
+            expect(dmRoomMap.getRoomIds()).toEqual(new Set([]));
+        });
+    });
+
+    describe("when partially crap m.direct content appears", () => {
+        const partiallyCrapContent = {
+            "hello": 23,
+            "@user1:example.com": [] as string[],
+            "@user2:example.com": [roomId1, roomId2],
+            "@user3:example.com": "room1, room2, room3",
+            "@user4:example.com": [roomId4],
+        };
+
+        beforeEach(() => {
+            client.getAccountData.mockReturnValue(mkMDirectEvent(partiallyCrapContent));
+            dmRoomMap = new DMRoomMap(client);
+        });
+
+        it("should log the invalid content", () => {
+            expect(logger.warn).toHaveBeenCalledWith("Invalid m.direct content occurred", partiallyCrapContent);
+        });
+
+        it("getRoomIds should only return the valid items", () => {
+            expect(dmRoomMap.getRoomIds()).toEqual(new Set([roomId1, roomId2, roomId4]));
+        });
+    });
+
+    describe("getUniqueRoomsWithIndividuals()", () => {
+        const bigRoom = {
+            roomId: "!bigRoom:server.org",
+            getInvitedAndJoinedMemberCount: vi.fn().mockReturnValue(5000),
+        } as unknown as Room;
+        const dmWithBob = {
+            roomId: "!dmWithBob:server.org",
+            getInvitedAndJoinedMemberCount: vi.fn().mockReturnValue(2),
+        } as unknown as Room;
+        const dmWithCharlie = {
+            roomId: "!dmWithCharlie:server.org",
+            getInvitedAndJoinedMemberCount: vi.fn().mockReturnValue(2),
+        } as unknown as Room;
+        const smallRoom = {
+            roomId: "!smallRoom:server.org",
+            getInvitedAndJoinedMemberCount: vi.fn().mockReturnValue(3),
+        } as unknown as Room;
+
+        const mDirectContent = {
+            "@bob:server.org": [bigRoom.roomId, dmWithBob.roomId, smallRoom.roomId],
+            "@charlie:server.org": [dmWithCharlie.roomId, smallRoom.roomId],
+        };
+
+        beforeEach(() => {
+            client.getAccountData.mockReturnValue(mkMDirectEvent(mDirectContent));
+            client.getRoom.mockImplementation(
+                (roomId?: string) =>
+                    [bigRoom, smallRoom, dmWithCharlie, dmWithBob].find((room) => room.roomId === roomId) ?? null,
+            );
+        });
+
+        it("returns an empty object when room map has not been populated", () => {
+            const instance = new DMRoomMap(client);
+            expect(instance.getUniqueRoomsWithIndividuals()).toEqual({});
+        });
+
+        it("returns map of users to rooms with 2 members", () => {
+            const dmRoomMap = new DMRoomMap(client);
+            dmRoomMap.start();
+            expect(dmRoomMap.getUniqueRoomsWithIndividuals()).toEqual({
+                "@bob:server.org": dmWithBob,
+                "@charlie:server.org": dmWithCharlie,
+            });
+        });
+
+        it("excludes rooms that are not found by matrixClient", () => {
+            client.getRoom.mockReset().mockReturnValue(null);
+            const dmRoomMap = new DMRoomMap(client);
+            dmRoomMap.start();
+            expect(dmRoomMap.getUniqueRoomsWithIndividuals()).toEqual({});
+        });
+    });
+});
diff --git a/apps/web/src/utils/DMRoomMap.ts b/apps/web/src/utils/DMRoomMap.ts
new file mode 100644
index 00000000000..3153ed88fab
--- /dev/null
+++ b/apps/web/src/utils/DMRoomMap.ts
@@ -0,0 +1,250 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 { uniq } from "lodash";
+import { type Room, type MatrixEvent, EventType, ClientEvent, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { filterValidMDirect } from "./dm/filterValidMDirect";
+
+/**
+ * Class that takes a Matrix Client and flips the m.direct map
+ * so the operation of mapping a room ID to which user it's a DM
+ * with can be performed efficiently.
+ *
+ * With 'start', this can also keep itself up to date over time.
+ */
+export default class DMRoomMap {
+    private static sharedInstance: DMRoomMap;
+
+    // TODO: convert these to maps
+    private roomToUser: { [key: string]: string } | null = null;
+    private userToRooms: { [key: string]: string[] } | null = null;
+    private hasSentOutPatchDirectAccountDataPatch: boolean;
+    private mDirectEvent!: { [key: string]: string[] };
+
+    public constructor(private readonly matrixClient: MatrixClient) {
+        // see onAccountData
+        this.hasSentOutPatchDirectAccountDataPatch = false;
+
+        const mDirectRawContent = matrixClient.getAccountData(EventType.Direct)?.getContent() ?? {};
+        this.setMDirectFromContent(mDirectRawContent);
+    }
+
+    /**
+     * Makes and returns a new shared instance that can then be accessed
+     * with shared(). This returned instance is not automatically started.
+     */
+    public static makeShared(matrixClient: MatrixClient): DMRoomMap {
+        DMRoomMap.sharedInstance = new DMRoomMap(matrixClient);
+        return DMRoomMap.sharedInstance;
+    }
+
+    /**
+     * Set the shared instance to the instance supplied
+     * Used by tests
+     * @param inst the new shared instance
+     */
+    public static setShared(inst: DMRoomMap): void {
+        DMRoomMap.sharedInstance = inst;
+    }
+
+    /**
+     * Returns a shared instance of the class
+     * that uses the singleton matrix client
+     * The shared instance must be started before use.
+     */
+    public static shared(): DMRoomMap {
+        return DMRoomMap.sharedInstance;
+    }
+
+    public start(): void {
+        this.populateRoomToUser();
+        this.matrixClient.on(ClientEvent.AccountData, this.onAccountData);
+    }
+
+    public stop(): void {
+        this.matrixClient.removeListener(ClientEvent.AccountData, this.onAccountData);
+    }
+
+    /**
+     * Filter m.direct content to contain only valid data and then sets it.
+     * Logs if invalid m.direct content occurs.
+     * {@link filterValidMDirect}
+     *
+     * @param content - Raw m.direct content
+     */
+    private setMDirectFromContent(content: unknown): void {
+        const { valid, filteredContent } = filterValidMDirect(content);
+
+        if (!valid) {
+            logger.warn("Invalid m.direct content occurred", content);
+        }
+
+        this.mDirectEvent = filteredContent;
+    }
+
+    private onAccountData = (ev: MatrixEvent): void => {
+        if (ev.getType() == EventType.Direct) {
+            this.setMDirectFromContent(ev.getContent());
+            this.userToRooms = null;
+            this.roomToUser = null;
+        }
+    };
+
+    /**
+     * some client bug somewhere is causing some DMs to be marked
+     * with ourself, not the other user. Fix it by guessing the other user and
+     * modifying userToRooms
+     */
+    private patchUpSelfDMs(userToRooms: Record<string, string[]>): boolean {
+        const myUserId = this.matrixClient.getUserId()!;
+        const selfRoomIds = userToRooms[myUserId];
+        if (selfRoomIds) {
+            // any self-chats that should not be self-chats?
+            const guessedUserIdsThatChanged = selfRoomIds
+                .map((roomId) => {
+                    const room = this.matrixClient.getRoom(roomId);
+                    if (room) {
+                        const userId = room.guessDMUserId();
+                        if (userId && userId !== myUserId) {
+                            return { userId, roomId };
+                        }
+                    }
+                })
+                .filter((ids) => !!ids) as { userId: string; roomId: string }[]; //filter out
+            // these are actually all legit self-chats
+            // bail out
+            if (!guessedUserIdsThatChanged.length) {
+                return false;
+            }
+            userToRooms[myUserId] = selfRoomIds.filter((roomId) => {
+                return !guessedUserIdsThatChanged.some((ids) => ids.roomId === roomId);
+            });
+            guessedUserIdsThatChanged.forEach(({ userId, roomId }) => {
+                const roomIds = userToRooms[userId];
+                if (!roomIds) {
+                    userToRooms[userId] = [roomId];
+                } else {
+                    roomIds.push(roomId);
+                    userToRooms[userId] = uniq(roomIds);
+                }
+            });
+            return true;
+        }
+        return false;
+    }
+
+    public getDMRoomsForUserId(userId: string): string[] {
+        // Here, we return the empty list if there are no rooms,
+        // since the number of conversations you have with this user is zero.
+        return this.getUserToRooms()[userId] || [];
+    }
+
+    /**
+     * Gets the DM room which the given IDs share, if any.
+     * @param {string[]} ids The identifiers (user IDs and email addresses) to look for.
+     * @returns {Room} The DM room which all IDs given share, or falsy if no common room.
+     */
+    public getDMRoomForIdentifiers(ids: string[]): Room | null {
+        // TODO: [Canonical DMs] Handle lookups for email addresses.
+        // For now we'll pretend we only get user IDs and end up returning nothing for email addresses
+
+        let commonRooms = this.getDMRoomsForUserId(ids[0]);
+        for (let i = 1; i < ids.length; i++) {
+            const userRooms = this.getDMRoomsForUserId(ids[i]);
+            commonRooms = commonRooms.filter((r) => userRooms.includes(r));
+        }
+
+        return (
+            commonRooms
+                .map((r) => this.matrixClient.getRoom(r))
+                .find((r) => r && r.getMyMembership() === KnownMembership.Join) ?? null
+        );
+    }
+
+    public getUserIdForRoomId(roomId: string): string | undefined {
+        if (this.roomToUser == null) {
+            // we lazily populate roomToUser so you can use
+            // this class just to call getDMRoomsForUserId
+            // which doesn't do very much, but is a fairly
+            // convenient wrapper and there's no point
+            // iterating through the map if getUserIdForRoomId()
+            // is never called.
+            this.populateRoomToUser();
+        }
+        // Here, we return undefined if the room is not in the map:
+        // the room ID you gave is not a DM room for any user.
+        if (this.roomToUser![roomId] === undefined) {
+            // no entry? if the room is an invite, look for the is_direct hint.
+            const room = this.matrixClient.getRoom(roomId);
+            if (room) {
+                return room.getDMInviter();
+            }
+        }
+        return this.roomToUser![roomId];
+    }
+
+    public getUniqueRoomsWithIndividuals(): { [userId: string]: Room } {
+        if (!this.roomToUser) return {}; // No rooms means no map.
+        // map roomToUser to valid rooms with two participants
+        return Object.keys(this.roomToUser).reduce(
+            (acc, roomId: string) => {
+                const userId = this.getUserIdForRoomId(roomId);
+                const room = this.matrixClient.getRoom(roomId);
+                const hasTwoMembers = room?.getInvitedAndJoinedMemberCount() === 2;
+                if (userId && room && hasTwoMembers) {
+                    acc[userId] = room;
+                }
+                return acc;
+            },
+            {} as Record<string, Room>,
+        );
+    }
+
+    /**
+     * @returns all room Ids from m.direct
+     */
+    public getRoomIds(): Set<string> {
+        return Object.values(this.mDirectEvent).reduce((prevRoomIds: Set<string>, roomIds: string[]): Set<string> => {
+            roomIds.forEach((roomId) => prevRoomIds.add(roomId));
+            return prevRoomIds;
+        }, new Set<string>());
+    }
+
+    private getUserToRooms(): { [key: string]: string[] } {
+        if (!this.userToRooms) {
+            const userToRooms = this.mDirectEvent;
+            const myUserId = this.matrixClient.getUserId()!;
+            const selfDMs = userToRooms[myUserId];
+            if (selfDMs?.length) {
+                const neededPatching = this.patchUpSelfDMs(userToRooms);
+                // to avoid multiple devices fighting to correct
+                // the account data, only try to send the corrected
+                // version once.
+                logger.warn(`Invalid m.direct account data detected (self-chats that shouldn't be), patching it up.`);
+                if (neededPatching && !this.hasSentOutPatchDirectAccountDataPatch) {
+                    this.hasSentOutPatchDirectAccountDataPatch = true;
+                    this.matrixClient.setAccountData(EventType.Direct, userToRooms);
+                }
+            }
+            this.userToRooms = userToRooms;
+        }
+        return this.userToRooms;
+    }
+
+    private populateRoomToUser(): void {
+        this.roomToUser = {};
+        for (const user of Object.keys(this.getUserToRooms())) {
+            for (const roomId of this.userToRooms![user]) {
+                this.roomToUser[roomId] = user;
+            }
+        }
+    }
+}
diff --git a/apps/web/src/utils/DecryptFile.ts b/apps/web/src/utils/DecryptFile.ts
new file mode 100644
index 00000000000..b159b526d0b
--- /dev/null
+++ b/apps/web/src/utils/DecryptFile.ts
@@ -0,0 +1,73 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-2018 , 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.
+*/
+
+// Pull in the encryption lib so that we can decrypt attachments.
+import encrypt from "matrix-encrypt-attachment";
+import { parseErrorResponse } from "matrix-js-sdk/src/matrix";
+import { type EncryptedFile, type MediaEventInfo } from "matrix-js-sdk/src/types";
+
+import { mediaFromContent } from "../customisations/Media";
+import { getBlobSafeMimeType } from "./blobs";
+
+export class DownloadError extends Error {
+    public constructor(e: Error) {
+        super(e.message);
+        this.name = "DownloadError";
+        this.stack = e.stack;
+    }
+}
+
+export class DecryptError extends Error {
+    public constructor(e: Error) {
+        super(e.message);
+        this.name = "DecryptError";
+        this.stack = e.stack;
+    }
+}
+
+/**
+ * Decrypt a file attached to a matrix event.
+ * @param {EncryptedFile} file The encrypted file information taken from the matrix event.
+ *   This passed to [link]{@link https://github.com/matrix-org/matrix-encrypt-attachment}
+ *   as the encryption info object, so will also have the those keys in addition to
+ *   the keys below.
+ * @param {MediaEventInfo} info The info parameter taken from the matrix event.
+ * @returns {Promise<Blob>} Resolves to a Blob of the file.
+ */
+export async function decryptFile(file?: EncryptedFile, info?: MediaEventInfo): Promise<Blob> {
+    // throws if file is falsy
+    const media = mediaFromContent({ file });
+
+    let responseData: ArrayBuffer;
+    try {
+        // Download the encrypted file as an array buffer.
+        const response = await media.downloadSource();
+        if (!response.ok) {
+            throw parseErrorResponse(response, await response.text());
+        }
+        responseData = await response.arrayBuffer();
+    } catch (e) {
+        throw new DownloadError(e as Error);
+    }
+
+    try {
+        // Decrypt the array buffer using the information taken from the event content.
+        const dataArray = await encrypt.decryptAttachment(responseData, file!);
+        // Turn the array into a Blob and give it the correct MIME-type.
+
+        // IMPORTANT: we must not allow scriptable mime-types into Blobs otherwise
+        // they introduce XSS attacks if the Blob URI is viewed directly in the
+        // browser (e.g. by copying the URI into a new tab or window.)
+        // See warning at top of file.
+        const mimetype = getBlobSafeMimeType(info?.mimetype?.split(";")[0].trim() ?? "");
+
+        return new Blob([dataArray], { type: mimetype });
+    } catch (e) {
+        throw new DecryptError(e as Error);
+    }
+}
diff --git a/apps/web/src/utils/DialogOpener.ts b/apps/web/src/utils/DialogOpener.ts
new file mode 100644
index 00000000000..1130245ffff
--- /dev/null
+++ b/apps/web/src/utils/DialogOpener.ts
@@ -0,0 +1,144 @@
+/*
+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 classnames from "classnames";
+import { type ComponentProps } from "react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import defaultDispatcher from "../dispatcher/dispatcher";
+import { type ActionPayload } from "../dispatcher/payloads";
+import Modal from "../Modal";
+import RoomSettingsDialog from "../components/views/dialogs/RoomSettingsDialog";
+import ForwardDialog from "../components/views/dialogs/ForwardDialog";
+import { Action } from "../dispatcher/actions";
+import ReportEventDialog from "../components/views/dialogs/ReportEventDialog";
+import SpacePreferencesDialog from "../components/views/dialogs/SpacePreferencesDialog";
+import SpaceSettingsDialog from "../components/views/dialogs/SpaceSettingsDialog";
+import InviteDialog from "../components/views/dialogs/InviteDialog";
+import AddExistingToSpaceDialog from "../components/views/dialogs/AddExistingToSpaceDialog";
+import { type ButtonEvent } from "../components/views/elements/AccessibleButton";
+import PosthogTrackers from "../PosthogTrackers";
+import { showAddExistingSubspace, showCreateNewRoom } from "./space";
+import { SDKContextClass } from "../contexts/SDKContextClass";
+
+/**
+ * Auxiliary class to listen for dialog opening over the dispatcher and
+ * open the required dialogs. Not all dialogs run through here, but the
+ * ones which cause import cycles are good candidates.
+ */
+export class DialogOpener {
+    public static readonly instance = new DialogOpener();
+
+    private isRegistered = false;
+    private matrixClient?: MatrixClient;
+
+    private constructor() {}
+
+    // We could do this in the constructor, but then we wouldn't have
+    // a function to call from Lifecycle to capture the class.
+    public prepare(matrixClient: MatrixClient): void {
+        this.matrixClient = matrixClient;
+        if (this.isRegistered) return;
+        defaultDispatcher.register(this.onDispatch);
+        this.isRegistered = true;
+    }
+
+    private onDispatch = (payload: ActionPayload): void => {
+        if (!this.matrixClient) return;
+        switch (payload.action) {
+            case "open_room_settings":
+                Modal.createDialog(
+                    RoomSettingsDialog,
+                    {
+                        roomId: payload.room_id || SDKContextClass.instance.roomViewStore.getRoomId(),
+                        initialTabId: payload.initial_tab_id,
+                        sdkContext: SDKContextClass.instance,
+                    },
+                    /*className=*/ undefined,
+                    /*isPriority=*/ false,
+                    /*isStatic=*/ true,
+                );
+                break;
+            case Action.OpenForwardDialog:
+                Modal.createDialog(ForwardDialog, {
+                    matrixClient: this.matrixClient,
+                    event: payload.event,
+                    permalinkCreator: payload.permalinkCreator,
+                });
+                break;
+            case Action.OpenReportEventDialog:
+                Modal.createDialog(
+                    ReportEventDialog,
+                    {
+                        mxEvent: payload.event,
+                    },
+                    "mx_Dialog_reportEvent",
+                );
+                break;
+            case Action.OpenSpacePreferences:
+                Modal.createDialog(
+                    SpacePreferencesDialog,
+                    {
+                        space: payload.space,
+                    },
+                    undefined,
+                    false,
+                    true,
+                );
+                break;
+            case Action.OpenSpaceSettings:
+                Modal.createDialog(
+                    SpaceSettingsDialog,
+                    {
+                        matrixClient: payload.space.client,
+                        space: payload.space,
+                    },
+                    /*className=*/ undefined,
+                    /*isPriority=*/ false,
+                    /*isStatic=*/ true,
+                );
+                break;
+            case Action.OpenInviteDialog:
+                Modal.createDialog(
+                    InviteDialog,
+                    {
+                        kind: payload.kind,
+                        call: payload.call,
+                        roomId: payload.roomId,
+                    } as Omit<ComponentProps<typeof InviteDialog>, "onFinished">,
+                    classnames("mx_InviteDialog_flexWrapper", payload.className),
+                    false,
+                    true,
+                ).finished.then((results) => {
+                    payload.onFinishedCallback?.(results);
+                });
+                break;
+            case Action.OpenAddToExistingSpaceDialog: {
+                const space = payload.space;
+                const { finished } = Modal.createDialog(
+                    AddExistingToSpaceDialog,
+                    {
+                        onCreateRoomClick: (ev: ButtonEvent) => {
+                            showCreateNewRoom(space);
+                            PosthogTrackers.trackInteraction("WebAddExistingToSpaceDialogCreateRoomButton", ev);
+                        },
+                        onAddSubspaceClick: () => showAddExistingSubspace(space),
+                        space,
+                    },
+                    "mx_AddExistingToSpaceDialog_wrapper",
+                );
+                finished.then(([added]) => {
+                    if (added && SDKContextClass.instance.roomViewStore.getRoomId() === space.roomId) {
+                        defaultDispatcher.fire(Action.UpdateSpaceHierarchy);
+                    }
+                });
+                break;
+            }
+        }
+    };
+}
diff --git a/apps/web/src/utils/DirectoryUtils.ts b/apps/web/src/utils/DirectoryUtils.ts
new file mode 100644
index 00000000000..732f5c3cc7f
--- /dev/null
+++ b/apps/web/src/utils/DirectoryUtils.ts
@@ -0,0 +1,11 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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 { type IProtocol } from "matrix-js-sdk/src/matrix";
+
+export type Protocols = Record<string, IProtocol>;
diff --git a/apps/web/src/utils/EditorStateTransfer.ts b/apps/web/src/utils/EditorStateTransfer.ts
new file mode 100644
index 00000000000..57667321365
--- /dev/null
+++ b/apps/web/src/utils/EditorStateTransfer.ts
@@ -0,0 +1,45 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type SerializedPart } from "../editor/parts";
+import type DocumentOffset from "../editor/offset";
+
+/**
+ * Used while editing, to pass the event, and to preserve editor state
+ * from one editor instance to another when remounting the editor
+ * upon receiving the remote echo for an unsent event.
+ */
+export default class EditorStateTransfer {
+    private serializedParts: SerializedPart[] | null = null;
+    private caret: DocumentOffset | null = null;
+
+    public constructor(private readonly event: MatrixEvent) {}
+
+    public setEditorState(caret: DocumentOffset | null, serializedParts: SerializedPart[]): void {
+        this.caret = caret;
+        this.serializedParts = serializedParts;
+    }
+
+    public hasEditorState(): boolean {
+        return !!this.serializedParts;
+    }
+
+    public getSerializedParts(): SerializedPart[] | null {
+        return this.serializedParts;
+    }
+
+    public getCaret(): DocumentOffset | null {
+        return this.caret;
+    }
+
+    public getEvent(): MatrixEvent {
+        return this.event;
+    }
+}
diff --git a/apps/web/src/utils/ErrorUtils.test.ts b/apps/web/src/utils/ErrorUtils.test.ts
new file mode 100644
index 00000000000..c1dd43ea828
--- /dev/null
+++ b/apps/web/src/utils/ErrorUtils.test.ts
@@ -0,0 +1,177 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { type ReactElement } from "react";
+import { render } from "test-utils-rtl";
+import { describe, it, expect } from "vitest";
+import { MatrixError, ConnectionError } from "matrix-js-sdk/src/matrix";
+
+import {
+    adminContactStrings,
+    messageForConnectionError,
+    messageForLoginError,
+    messageForResourceLimitError,
+    messageForSyncError,
+    resourceLimitStrings,
+} from "./ErrorUtils";
+
+describe("messageForResourceLimitError", () => {
+    it("should match snapshot for monthly_active_user", () => {
+        const { asFragment } = render(
+            messageForResourceLimitError("monthly_active_user", "some@email", resourceLimitStrings) as ReactElement,
+        );
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should match snapshot for admin contact links", () => {
+        const { asFragment } = render(
+            messageForResourceLimitError("", "some@email", adminContactStrings) as ReactElement,
+        );
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
+
+describe("messageForSyncError", () => {
+    it("should match snapshot for M_RESOURCE_LIMIT_EXCEEDED", () => {
+        const err = new MatrixError({
+            errcode: "M_RESOURCE_LIMIT_EXCEEDED",
+            data: {
+                limit_type: "monthly_active_user",
+                admin_contact: "some@email",
+            },
+        });
+        const { asFragment } = render(messageForSyncError(err) as ReactElement);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should match snapshot for other errors", () => {
+        const err = new MatrixError({
+            errcode: "OTHER_ERROR",
+        });
+        const { asFragment } = render(messageForSyncError(err) as ReactElement);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
+
+describe("messageForLoginError", () => {
+    it("should match snapshot for M_RESOURCE_LIMIT_EXCEEDED", () => {
+        const err = new MatrixError({
+            errcode: "M_RESOURCE_LIMIT_EXCEEDED",
+            data: {
+                limit_type: "monthly_active_user",
+                admin_contact: "some@email",
+            },
+        });
+        const { asFragment } = render(
+            messageForLoginError(err, {
+                hsUrl: "hsUrl",
+                hsName: "hsName",
+            }) as ReactElement,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should match snapshot for M_USER_DEACTIVATED", () => {
+        const err = new MatrixError(
+            {
+                errcode: "M_USER_DEACTIVATED",
+            },
+            403,
+        );
+        const { asFragment } = render(
+            messageForLoginError(err, {
+                hsUrl: "hsUrl",
+                hsName: "hsName",
+            }) as ReactElement,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should match snapshot for 401", () => {
+        const err = new MatrixError(
+            {
+                errcode: "UNKNOWN",
+            },
+            401,
+        );
+        const { asFragment } = render(
+            messageForLoginError(err, {
+                hsUrl: "hsUrl",
+                hsName: "hsName",
+            }) as ReactElement,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should match snapshot for unknown error", () => {
+        const err = new MatrixError({}, 400);
+        const { asFragment } = render(
+            messageForLoginError(err, {
+                hsUrl: "hsUrl",
+                hsName: "hsName",
+            }) as ReactElement,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
+
+describe("messageForConnectionError", () => {
+    it("should match snapshot for ConnectionError", () => {
+        const err = new ConnectionError("Internal Server Error", new MatrixError({}, 500));
+        const { asFragment } = render(
+            messageForConnectionError(err, {
+                hsUrl: "hsUrl",
+                hsName: "hsName",
+            }) as ReactElement,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should match snapshot for MatrixError M_NOT_FOUND", () => {
+        const err = new MatrixError(
+            {
+                errcode: "M_NOT_FOUND",
+            },
+            404,
+        );
+        const { asFragment } = render(
+            messageForConnectionError(err, {
+                hsUrl: "hsUrl",
+                hsName: "hsName",
+            }) as ReactElement,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should match snapshot for unknown error", () => {
+        const err = new Error("What even");
+        const { asFragment } = render(
+            messageForConnectionError(err, {
+                hsUrl: "hsUrl",
+                hsName: "hsName",
+            }) as ReactElement,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should match snapshot for mixed content error", () => {
+        const err = new ConnectionError("Mixed content maybe?");
+        Object.defineProperty(window, "location", { value: { protocol: "https:" } });
+        const { asFragment } = render(
+            messageForConnectionError(err, {
+                hsUrl: "http://server.com",
+                hsName: "hsName",
+            }) as ReactElement,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/src/utils/ErrorUtils.tsx b/apps/web/src/utils/ErrorUtils.tsx
new file mode 100644
index 00000000000..de3d0bfdf39
--- /dev/null
+++ b/apps/web/src/utils/ErrorUtils.tsx
@@ -0,0 +1,220 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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 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 } from "../languageHandler";
+import SdkConfig from "../SdkConfig";
+import { type ValidatedServerConfig } from "./ValidatedServerConfig";
+import ExternalLink from "../components/views/elements/ExternalLink";
+import Modal from "../Modal.tsx";
+import ErrorDialog from "../components/views/dialogs/ErrorDialog.tsx";
+
+export const resourceLimitStrings = {
+    "monthly_active_user": _td("error|mau"),
+    "hs_blocked": _td("error|hs_blocked"),
+    "": _td("error|resource_limits"),
+};
+
+export const adminContactStrings = {
+    "": _td("error|admin_contact"),
+};
+
+/**
+ * Produce a translated error message for a
+ * M_RESOURCE_LIMIT_EXCEEDED error
+ *
+ * @param {string} limitType The limit_type from the error
+ * @param {string} adminContact The admin_contact from the error
+ * @param {Object} strings Translatable string for different
+ *     limit_type. Must include at least the empty string key
+ *     which is the default. Strings may include an 'a' tag
+ *     for the admin contact link.
+ * @param {Object} extraTranslations Extra translation substitution functions
+ *     for any tags in the strings apart from 'a'
+ * @returns {*} Translated string or react component
+ */
+export function messageForResourceLimitError(
+    limitType: string | undefined,
+    adminContact: string | undefined,
+    strings: Record<string, TranslationKey>,
+    extraTranslations?: Tags,
+): TranslatedString {
+    let errString = limitType ? strings[limitType] : undefined;
+    if (errString === undefined) errString = strings[""];
+
+    const linkSub = (sub: string): ReactNode => {
+        if (adminContact) {
+            return (
+                <a href={adminContact} target="_blank" rel="noreferrer noopener">
+                    {sub}
+                </a>
+            );
+        } else {
+            return sub;
+        }
+    };
+
+    if (lookupString(errString).includes("<a>")) {
+        return _t(errString, {}, Object.assign({ a: linkSub }, extraTranslations));
+    } else {
+        return _t(errString, {}, extraTranslations!);
+    }
+}
+
+export function messageForSyncError(err: Error): ReactNode {
+    if (err instanceof MatrixError && err.errcode === "M_RESOURCE_LIMIT_EXCEEDED") {
+        const limitError = messageForResourceLimitError(
+            err.data.limit_type,
+            err.data.admin_contact,
+            resourceLimitStrings,
+        );
+        const adminContact = messageForResourceLimitError(
+            err.data.limit_type,
+            err.data.admin_contact,
+            adminContactStrings,
+        );
+        return (
+            <div>
+                <div>{limitError}</div>
+                <div>{adminContact}</div>
+            </div>
+        );
+    } else {
+        return <div>{_t("error|sync")}</div>;
+    }
+}
+
+export function messageForLoginError(
+    err: MatrixError,
+    serverConfig: Pick<ValidatedServerConfig, "hsName" | "hsUrl">,
+): ReactNode {
+    if (err.errcode === "M_RESOURCE_LIMIT_EXCEEDED") {
+        const errorTop = messageForResourceLimitError(
+            err.data.limit_type,
+            err.data.admin_contact,
+            resourceLimitStrings,
+        );
+        const errorDetail = messageForResourceLimitError(
+            err.data.limit_type,
+            err.data.admin_contact,
+            adminContactStrings,
+        );
+        return (
+            <div>
+                <div>{errorTop}</div>
+                <div className="mx_Login_smallError">{errorDetail}</div>
+            </div>
+        );
+    } else if (err.httpStatus === 401 || err.httpStatus === 403) {
+        if (err.errcode === "M_USER_DEACTIVATED") {
+            return _t("auth|account_deactivated");
+        } else if (SdkConfig.get("disable_custom_urls")) {
+            return (
+                <div>
+                    <div>{_t("auth|incorrect_credentials")}</div>
+                    <div className="mx_Login_smallError">
+                        {_t("auth|incorrect_credentials_detail", {
+                            hs: serverConfig.hsName,
+                        })}
+                    </div>
+                </div>
+            );
+        } else {
+            return _t("auth|incorrect_credentials");
+        }
+    } else {
+        return messageForConnectionError(err, serverConfig);
+    }
+}
+
+export function messageForConnectionError(
+    err: Error,
+    serverConfig: Pick<ValidatedServerConfig, "hsName" | "hsUrl">,
+): ReactNode {
+    let errorText = _t("error|connection");
+
+    if (err instanceof ConnectionError) {
+        if (
+            window.location.protocol === "https:" &&
+            (serverConfig.hsUrl.startsWith("http:") || !serverConfig.hsUrl.startsWith("http"))
+        ) {
+            return (
+                <span>
+                    {_t(
+                        "error|mixed_content",
+                        {},
+                        {
+                            a: (sub) => {
+                                return (
+                                    <a
+                                        target="_blank"
+                                        rel="noreferrer noopener"
+                                        href="https://www.google.com/search?&q=enable%20unsafe%20scripts"
+                                    >
+                                        {sub}
+                                    </a>
+                                );
+                            },
+                        },
+                    )}
+                </span>
+            );
+        }
+
+        return (
+            <span>
+                {_t(
+                    "error|tls",
+                    {},
+                    {
+                        a: (sub) => (
+                            <ExternalLink target="_blank" rel="noreferrer noopener" href={serverConfig.hsUrl}>
+                                {sub}
+                            </ExternalLink>
+                        ),
+                    },
+                )}
+            </span>
+        );
+    } else if (err instanceof MatrixError) {
+        if (err.errcode) {
+            errorText += `(${err.errcode})`;
+        } else if (err.httpStatus) {
+            errorText += ` (HTTP ${err.httpStatus})`;
+        }
+    }
+
+    return errorText;
+}
+
+/**
+ * Utility for handling unexpected errors: pops up the error dialog.
+ *
+ * Example usage:
+ * ```
+ * try {
+ *     /// complicated operation
+ * } catch (e) {
+ *     logErrorAndShowErrorDialog("Failed complicated operation", e);
+ * }
+ * ```
+ *
+ * This isn't particularly intended to be pretty; rather it lets the user know that *something* has gone wrong so that
+ * they can report a bug. The general idea is that it's better to let the user know of a failure, even if they
+ * can't do anything about it, than it is to fail silently with the appearance of success.
+ *
+ * @param title - Title for the error dialog.
+ * @param error - The thrown error. Becomes the content of the error dialog.
+ */
+export function logErrorAndShowErrorDialog(title: string, error: any): void {
+    logger.error(`${title}:`, error);
+    Modal.createDialog(ErrorDialog, { title, description: `${error}` });
+}
diff --git a/apps/web/src/utils/EventPresentationContextProvider.tsx b/apps/web/src/utils/EventPresentationContextProvider.tsx
new file mode 100644
index 00000000000..4c3b958e634
--- /dev/null
+++ b/apps/web/src/utils/EventPresentationContextProvider.tsx
@@ -0,0 +1,50 @@
+/*
+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, useMemo } from "react";
+import { EventPresentationProvider, type EventLayout, type EventPresentation } from "@element-hq/web-shared-components";
+
+import { Layout } from "../settings/enums/Layout";
+import { useSettingValue } from "../hooks/useSettings";
+
+const EVENT_LAYOUT_BY_APP_LAYOUT: Record<Layout, EventLayout> = {
+    [Layout.Bubble]: "bubble",
+    [Layout.Group]: "group",
+    [Layout.IRC]: "irc",
+};
+
+function getEventDensity(layout: Layout, useCompactLayout: boolean): EventPresentation["density"] {
+    return useCompactLayout && layout === Layout.Group ? "compact" : "default";
+}
+
+/** Converts app/web layout settings into shared event presentation settings. */
+export function getEventPresentation(layout: Layout, useCompactLayout: boolean): EventPresentation {
+    return {
+        layout: EVENT_LAYOUT_BY_APP_LAYOUT[layout],
+        density: getEventDensity(layout, useCompactLayout),
+    };
+}
+
+/** Props for the app/web event presentation context provider. */
+export interface EventPresentationContextProviderProps {
+    /** Layout selected by the app/web surface rendering the timeline. */
+    layout: Layout;
+}
+
+/** Provides shared event presentation using app/web-owned layout settings. */
+export function EventPresentationContextProvider({
+    layout,
+    children,
+}: Readonly<PropsWithChildren<EventPresentationContextProviderProps>>): JSX.Element {
+    // Compact density is still owned by app/web; this exposes it as shared event presentation.
+    const useCompactLayout = useSettingValue("useCompactLayout");
+    const eventLayout = EVENT_LAYOUT_BY_APP_LAYOUT[layout];
+    const density = getEventDensity(layout, useCompactLayout);
+    const value = useMemo<EventPresentation>(() => ({ layout: eventLayout, density }), [eventLayout, density]);
+
+    return <EventPresentationProvider value={value}>{children}</EventPresentationProvider>;
+}
diff --git a/apps/web/src/utils/EventRenderingUtils.ts b/apps/web/src/utils/EventRenderingUtils.ts
new file mode 100644
index 00000000000..6bc01d477a5
--- /dev/null
+++ b/apps/web/src/utils/EventRenderingUtils.ts
@@ -0,0 +1,148 @@
+/*
+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 {
+    type MatrixEvent,
+    type IContent,
+    type MatrixClient,
+    EventType,
+    MsgType,
+    M_POLL_END,
+    M_POLL_START,
+    M_BEACON_INFO,
+} from "matrix-js-sdk/src/matrix";
+
+import SettingsStore from "../settings/SettingsStore";
+import { haveRendererForEvent, JitsiEventFactory, JSONEventFactory, pickFactory } from "../events/EventTileFactory";
+import { getMessageModerationState, isLocationEvent, MessageModerationState } from "./EventUtils";
+import { ElementCallEventType } from "../call-types";
+
+const calcIsInfoMessage = (
+    eventType: EventType | string,
+    content: IContent,
+    isBubbleMessage: boolean,
+    isLeftAlignedBubbleMessage: boolean,
+): boolean => {
+    return (
+        !isBubbleMessage &&
+        !isLeftAlignedBubbleMessage &&
+        eventType !== EventType.RoomMessage &&
+        eventType !== EventType.RoomMessageEncrypted &&
+        eventType !== EventType.Sticker &&
+        eventType !== EventType.RoomCreate &&
+        eventType !== EventType.RTCNotification &&
+        !M_POLL_START.matches(eventType) &&
+        !M_POLL_END.matches(eventType) &&
+        !M_BEACON_INFO.matches(eventType)
+    );
+};
+
+export function getEventDisplayInfo(
+    matrixClient: MatrixClient,
+    mxEvent: MatrixEvent,
+    showHiddenEvents: boolean,
+    hideEvent?: boolean,
+): {
+    isInfoMessage: boolean;
+    hasRenderer: boolean;
+    isBubbleMessage: boolean;
+    isLeftAlignedBubbleMessage: boolean;
+    noBubbleEvent: boolean;
+    isSeeingThroughMessageHiddenForModeration: boolean;
+    isAlignedBetweenBubbles: boolean;
+} {
+    const content = mxEvent.getContent();
+    const msgtype = content.msgtype;
+    const eventType = mxEvent.getType();
+
+    let isSeeingThroughMessageHiddenForModeration = false;
+    if (SettingsStore.getValue("feature_msc3531_hide_messages_pending_moderation")) {
+        switch (getMessageModerationState(mxEvent, matrixClient)) {
+            case MessageModerationState.VISIBLE_FOR_ALL:
+            case MessageModerationState.HIDDEN_TO_CURRENT_USER:
+                // Nothing specific to do here
+                break;
+            case MessageModerationState.SEE_THROUGH_FOR_CURRENT_USER:
+                // Show message with a marker.
+                isSeeingThroughMessageHiddenForModeration = true;
+                break;
+        }
+    }
+
+    let factory = pickFactory(mxEvent, matrixClient, showHiddenEvents);
+
+    // Info messages are basically information about commands processed on a room
+    let isBubbleMessage =
+        eventType.startsWith("m.key.verification") ||
+        (eventType === EventType.RoomMessage && msgtype?.startsWith("m.key.verification")) ||
+        eventType === EventType.RoomCreate ||
+        eventType === EventType.RoomEncryption ||
+        factory === JitsiEventFactory;
+    const isLeftAlignedBubbleMessage =
+        !isBubbleMessage &&
+        (eventType === EventType.RTCNotification ||
+            eventType === EventType.CallInvite ||
+            ElementCallEventType.matches(eventType));
+    let isInfoMessage = calcIsInfoMessage(eventType, content, isBubbleMessage, isLeftAlignedBubbleMessage);
+    // Some non-info messages want to be rendered in the appropriate bubble column but without the bubble background
+    const noBubbleEvent =
+        (eventType === EventType.RoomMessage && msgtype === MsgType.Emote) ||
+        M_POLL_START.matches(eventType) ||
+        M_BEACON_INFO.matches(eventType) ||
+        isLocationEvent(mxEvent);
+
+    // If we're showing hidden events in the timeline, we should use the
+    // source tile when there's no regular tile for an event and also for
+    // replace relations (which otherwise would display as a confusing
+    // duplicate of the thing they are replacing).
+    if (hideEvent || !haveRendererForEvent(mxEvent, matrixClient, showHiddenEvents)) {
+        // forcefully ask for a factory for a hidden event (hidden event setting is checked internally)
+        factory = pickFactory(mxEvent, matrixClient, showHiddenEvents, true);
+        if (factory === JSONEventFactory) {
+            isBubbleMessage = false;
+            // Reuse info message avatar and sender profile styling
+            isInfoMessage = true;
+        }
+    }
+
+    /*
+     ┌──────────────────────────────────────────────────────────┐
+     │                                                          │
+     │             TILE ALIGNED BETWEEN BUBBLES                 │
+     │                                                          │
+     └──────────────────────────────────────────────────────────┘
+     ▲                                                          ▲
+     │                                                          │
+     │                                                          │
+     │                                                          │
+┌────┤                                                          │
+│ ┌──┼───────────────────┐                                      │
+│ │  │                   │                                      │
+└─┼──┘  Bubble           │                                      │
+  └──────────────────────┘                                      │
+                                                                │
+                                                                │
+                                                                │
+                                                                ├────┐
+                                            ┌───────────────────┼──┐ │
+                                            │                   │  │ │
+                                            │     Bubble        └──┼─┘
+                                            └──────────────────────┘
+    */
+    const isAlignedBetweenBubbles = eventType === EventType.RTCNotification;
+
+    return {
+        hasRenderer: !!factory,
+        isInfoMessage,
+        isBubbleMessage,
+        isLeftAlignedBubbleMessage,
+        noBubbleEvent,
+        isSeeingThroughMessageHiddenForModeration,
+        isAlignedBetweenBubbles,
+    };
+}
diff --git a/apps/web/src/utils/EventUtils.test.ts b/apps/web/src/utils/EventUtils.test.ts
new file mode 100644
index 00000000000..f365b4f2892
--- /dev/null
+++ b/apps/web/src/utils/EventUtils.test.ts
@@ -0,0 +1,468 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import {
+    M_LOCATION,
+    EventStatus,
+    EventType,
+    type IEvent,
+    type MatrixClient,
+    MatrixEvent,
+    MsgType,
+    PendingEventOrdering,
+    RelationType,
+    Room,
+    Thread,
+} from "matrix-js-sdk/src/matrix";
+import { vi, describe, it, expect, beforeEach, afterAll } from "vitest";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import {
+    canCancel,
+    canEditContent,
+    canEditOwnEvent,
+    fetchInitialEvent,
+    findEditableEvent,
+    highlightEvent,
+    isContentActionable,
+    isLocationEvent,
+    isVoiceMessage,
+} from "./EventUtils";
+import {
+    getMockClientWithEventEmitter,
+    makeBeaconInfoEvent,
+    makePollStartEvent,
+    stubClient,
+} from "../../test/test-utils";
+import dis from "../dispatcher/dispatcher";
+import { Action } from "../dispatcher/actions";
+
+vi.mock("../dispatcher/dispatcher");
+
+describe("EventUtils", () => {
+    const userId = "@user:server";
+    const roomId = "!room:server";
+    const mockClient = getMockClientWithEventEmitter({
+        getUserId: vi.fn().mockReturnValue(userId),
+    });
+
+    beforeEach(() => {
+        mockClient.getUserId.mockClear().mockReturnValue(userId);
+    });
+    afterAll(() => {
+        vi.spyOn(MatrixClientPeg, "get").mockRestore();
+    });
+
+    // setup events
+    const unsentEvent = new MatrixEvent({
+        type: EventType.RoomMessage,
+        sender: userId,
+    });
+    unsentEvent.status = EventStatus.ENCRYPTING;
+
+    const redactedEvent = new MatrixEvent({
+        type: EventType.RoomMessage,
+        sender: userId,
+    });
+    redactedEvent.makeRedacted(
+        redactedEvent,
+        new Room(redactedEvent.getRoomId()!, mockClient, mockClient.getUserId()!),
+    );
+
+    const stateEvent = new MatrixEvent({
+        type: EventType.RoomTopic,
+        state_key: "",
+    });
+    const beaconInfoEvent = makeBeaconInfoEvent(userId, roomId);
+
+    const roomMemberEvent = new MatrixEvent({
+        type: EventType.RoomMember,
+        sender: userId,
+    });
+
+    const stickerEvent = new MatrixEvent({
+        type: EventType.Sticker,
+        sender: userId,
+    });
+
+    const pollStartEvent = makePollStartEvent("What?", userId);
+
+    const notDecryptedEvent = new MatrixEvent({
+        type: EventType.RoomMessage,
+        sender: userId,
+        content: {
+            msgtype: "m.bad.encrypted",
+        },
+    });
+
+    const noMsgType = new MatrixEvent({
+        type: EventType.RoomMessage,
+        sender: userId,
+        content: {
+            msgtype: undefined,
+        },
+    });
+
+    const noContentBody = new MatrixEvent({
+        type: EventType.RoomMessage,
+        sender: userId,
+        content: {
+            msgtype: MsgType.Image,
+        },
+    });
+
+    const emptyContentBody = new MatrixEvent({
+        type: EventType.RoomMessage,
+        sender: userId,
+        content: {
+            msgtype: MsgType.Text,
+            body: "",
+        },
+    });
+
+    const objectContentBody = new MatrixEvent({
+        type: EventType.RoomMessage,
+        sender: userId,
+        content: {
+            msgtype: MsgType.File,
+            body: {},
+        },
+    });
+
+    const niceTextMessage = new MatrixEvent({
+        type: EventType.RoomMessage,
+        sender: userId,
+        content: {
+            msgtype: MsgType.Text,
+            body: "Hello",
+        },
+    });
+
+    const bobsTextMessage = new MatrixEvent({
+        type: EventType.RoomMessage,
+        sender: "@bob:server",
+        content: {
+            msgtype: MsgType.Text,
+            body: "Hello from Bob",
+        },
+    });
+
+    describe("isContentActionable()", () => {
+        type TestCase = [string, MatrixEvent];
+        it.each<TestCase>([
+            ["unsent event", unsentEvent],
+            ["redacted event", redactedEvent],
+            ["state event", stateEvent],
+            ["undecrypted event", notDecryptedEvent],
+            ["room member event", roomMemberEvent],
+            ["event without msgtype", noMsgType],
+            ["event without content body property", noContentBody],
+        ])("returns false for %s", (_description, event) => {
+            expect(isContentActionable(event)).toBe(false);
+        });
+
+        it.each<TestCase>([
+            ["sticker event", stickerEvent],
+            ["poll start event", pollStartEvent],
+            ["event with empty content body", emptyContentBody],
+            ["event with a content body", niceTextMessage],
+            ["beacon_info event", beaconInfoEvent],
+        ])("returns true for %s", (_description, event) => {
+            expect(isContentActionable(event)).toBe(true);
+        });
+    });
+
+    describe("editable content helpers", () => {
+        const replaceRelationEvent = new MatrixEvent({
+            type: EventType.RoomMessage,
+            sender: userId,
+            content: {
+                "msgtype": MsgType.Text,
+                "body": "Hello",
+                ["m.relates_to"]: {
+                    rel_type: RelationType.Replace,
+                    event_id: "1",
+                },
+            },
+        });
+
+        const referenceRelationEvent = new MatrixEvent({
+            type: EventType.RoomMessage,
+            sender: userId,
+            content: {
+                "msgtype": MsgType.Text,
+                "body": "Hello",
+                ["m.relates_to"]: {
+                    rel_type: RelationType.Reference,
+                    event_id: "1",
+                },
+            },
+        });
+
+        const emoteEvent = new MatrixEvent({
+            type: EventType.RoomMessage,
+            sender: userId,
+            content: {
+                msgtype: MsgType.Emote,
+                body: "🧪",
+            },
+        });
+
+        type TestCase = [string, MatrixEvent];
+
+        const uneditableCases: TestCase[] = [
+            ["redacted event", redactedEvent],
+            ["state event", stateEvent],
+            ["event that is not room message", roomMemberEvent],
+            ["event without msgtype", noMsgType],
+            ["event without content body property", noContentBody],
+            ["event with empty content body property", emptyContentBody],
+            ["event with non-string body", objectContentBody],
+            ["event not sent by current user", bobsTextMessage],
+            ["event with a replace relation", replaceRelationEvent],
+        ];
+
+        const editableCases: TestCase[] = [
+            ["event with reference relation", referenceRelationEvent],
+            ["emote event", emoteEvent],
+            ["poll start event", pollStartEvent],
+            ["event with a content body", niceTextMessage],
+        ];
+
+        describe("canEditContent()", () => {
+            it.each<TestCase>(uneditableCases)("returns false for %s", (_description, event) => {
+                expect(canEditContent(mockClient, event)).toBe(false);
+            });
+
+            it.each<TestCase>(editableCases)("returns true for %s", (_description, event) => {
+                expect(canEditContent(mockClient, event)).toBe(true);
+            });
+        });
+        describe("canEditOwnContent()", () => {
+            it.each<TestCase>(uneditableCases)("returns false for %s", (_description, event) => {
+                expect(canEditOwnEvent(mockClient, event)).toBe(false);
+            });
+
+            it.each<TestCase>(editableCases)("returns true for %s", (_description, event) => {
+                expect(canEditOwnEvent(mockClient, event)).toBe(true);
+            });
+        });
+    });
+
+    describe("isVoiceMessage()", () => {
+        it("returns true for an event with msc2516.voice content", () => {
+            const event = new MatrixEvent({
+                type: EventType.RoomMessage,
+                content: {
+                    ["org.matrix.msc2516.voice"]: {},
+                },
+            });
+
+            expect(isVoiceMessage(event)).toBe(true);
+        });
+
+        it("returns true for an event with msc3245.voice content", () => {
+            const event = new MatrixEvent({
+                type: EventType.RoomMessage,
+                content: {
+                    ["org.matrix.msc3245.voice"]: {},
+                },
+            });
+
+            expect(isVoiceMessage(event)).toBe(true);
+        });
+
+        it("returns false for an event with voice content", () => {
+            const event = new MatrixEvent({
+                type: EventType.RoomMessage,
+                content: {
+                    body: "hello",
+                },
+            });
+
+            expect(isVoiceMessage(event)).toBe(false);
+        });
+    });
+
+    describe("isLocationEvent()", () => {
+        it("returns true for an event with m.location stable type", () => {
+            const event = new MatrixEvent({
+                type: M_LOCATION.altName,
+            });
+            expect(isLocationEvent(event)).toBe(true);
+        });
+        it("returns true for an event with m.location unstable prefixed type", () => {
+            const event = new MatrixEvent({
+                type: M_LOCATION.name,
+            });
+            expect(isLocationEvent(event)).toBe(true);
+        });
+        it("returns true for a room message with stable m.location msgtype", () => {
+            const event = new MatrixEvent({
+                type: EventType.RoomMessage,
+                content: {
+                    msgtype: M_LOCATION.altName,
+                },
+            });
+            expect(isLocationEvent(event)).toBe(true);
+        });
+        it("returns true for a room message with unstable m.location msgtype", () => {
+            const event = new MatrixEvent({
+                type: EventType.RoomMessage,
+                content: {
+                    msgtype: M_LOCATION.name,
+                },
+            });
+            expect(isLocationEvent(event)).toBe(true);
+        });
+        it("returns false for a non location event", () => {
+            const event = new MatrixEvent({
+                type: EventType.RoomMessage,
+                content: {
+                    body: "Hello",
+                },
+            });
+            expect(isLocationEvent(event)).toBe(false);
+        });
+    });
+
+    describe("canCancel()", () => {
+        it.each([[EventStatus.QUEUED], [EventStatus.NOT_SENT], [EventStatus.ENCRYPTING]])(
+            "return true for status %s",
+            (status) => {
+                expect(canCancel(status)).toBe(true);
+            },
+        );
+
+        it.each([
+            [EventStatus.SENDING],
+            [EventStatus.CANCELLED],
+            [EventStatus.SENT],
+            ["invalid-status" as unknown as EventStatus],
+        ])("return false for status %s", (status) => {
+            expect(canCancel(status)).toBe(false);
+        });
+    });
+
+    describe("fetchInitialEvent", () => {
+        const ROOM_ID = "!roomId:example.org";
+        let room: Room;
+        let client: MatrixClient;
+
+        const NORMAL_EVENT = "$normalEvent";
+        const THREAD_ROOT = "$threadRoot";
+        const THREAD_REPLY = "$threadReply";
+
+        const events: Record<string, Partial<IEvent>> = {
+            [NORMAL_EVENT]: {
+                event_id: NORMAL_EVENT,
+                type: EventType.RoomMessage,
+                content: {
+                    body: "Classic event",
+                    msgtype: MsgType.Text,
+                },
+            },
+            [THREAD_ROOT]: {
+                event_id: THREAD_ROOT,
+                type: EventType.RoomMessage,
+                content: {
+                    body: "Thread root",
+                    msgtype: "m.text",
+                },
+                unsigned: {
+                    "m.relations": {
+                        [RelationType.Thread]: {
+                            latest_event: {
+                                event_id: THREAD_REPLY,
+                                type: EventType.RoomMessage,
+                                content: {
+                                    "body": "Thread reply",
+                                    "msgtype": MsgType.Text,
+                                    "m.relates_to": {
+                                        event_id: "$threadRoot",
+                                        rel_type: RelationType.Thread,
+                                    },
+                                },
+                            },
+                            count: 1,
+                            current_user_participated: false,
+                        },
+                    },
+                },
+            },
+            [THREAD_REPLY]: {
+                event_id: THREAD_REPLY,
+                type: EventType.RoomMessage,
+                content: {
+                    "body": "Thread reply",
+                    "msgtype": MsgType.Text,
+                    "m.relates_to": {
+                        event_id: THREAD_ROOT,
+                        rel_type: RelationType.Thread,
+                    },
+                },
+            },
+        };
+
+        beforeEach(() => {
+            vi.clearAllMocks();
+
+            stubClient();
+            client = MatrixClientPeg.safeGet();
+
+            room = new Room(ROOM_ID, client, client.getUserId()!, {
+                pendingEventOrdering: PendingEventOrdering.Detached,
+            });
+
+            vi.spyOn(client, "supportsThreads").mockReturnValue(true);
+            vi.spyOn(client, "getRoom").mockReturnValue(room);
+            vi.spyOn(client, "fetchRoomEvent").mockImplementation(async (roomId, eventId) => {
+                return events[eventId] ?? Promise.reject();
+            });
+        });
+
+        it("returns null for unknown events", async () => {
+            expect(await fetchInitialEvent(client, room.roomId, "$UNKNOWN")).toBeNull();
+            expect(await fetchInitialEvent(client, room.roomId, NORMAL_EVENT)).toBeInstanceOf(MatrixEvent);
+        });
+
+        it("creates a thread when needed", async () => {
+            await fetchInitialEvent(client, room.roomId, THREAD_REPLY);
+            expect(room.getThread(THREAD_ROOT)).toBeInstanceOf(Thread);
+        });
+    });
+
+    describe("findEditableEvent", () => {
+        it("should not explode when given empty events array", () => {
+            expect(
+                findEditableEvent({
+                    events: [],
+                    isForward: true,
+                    matrixClient: mockClient,
+                }),
+            ).toBeUndefined();
+        });
+    });
+
+    describe("highlightEvent", () => {
+        const eventId = "$zLg9jResFQmMO_UKFeWpgLgOgyWrL8qIgLgZ5VywrCQ";
+
+        it("should dispatch an action to view the event", () => {
+            highlightEvent(roomId, eventId);
+            expect(dis.dispatch).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                event_id: eventId,
+                highlighted: true,
+                room_id: roomId,
+                metricsTrigger: undefined,
+            });
+        });
+    });
+});
diff --git a/apps/web/src/utils/EventUtils.ts b/apps/web/src/utils/EventUtils.ts
new file mode 100644
index 00000000000..dd3a0627bce
--- /dev/null
+++ b/apps/web/src/utils/EventUtils.ts
@@ -0,0 +1,293 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 {
+    EventStatus,
+    MatrixEvent,
+    EventType,
+    EVENT_VISIBILITY_CHANGE_TYPE,
+    MsgType,
+    RelationType,
+    type MatrixClient,
+    THREAD_RELATION_TYPE,
+    M_POLL_END,
+    M_POLL_START,
+    M_LOCATION,
+    M_BEACON_INFO,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import shouldHideEvent from "../shouldHideEvent";
+import { type GetRelationsForEvent } from "../components/views/rooms/EventTile";
+import SettingsStore from "../settings/SettingsStore";
+import defaultDispatcher from "../dispatcher/dispatcher";
+import { type TimelineRenderingType } from "../contexts/RoomContext";
+import { launchPollEditor } from "../components/views/messages/MPollBody";
+import { Action } from "../dispatcher/actions";
+import { type ViewRoomPayload } from "../dispatcher/payloads/ViewRoomPayload";
+import { ModuleApi } from "../modules/Api";
+
+/**
+ * Returns whether an event should allow actions like reply, reactions, edit, etc.
+ * which effectively checks whether it's a regular message that has been sent and that we
+ * can display.
+ *
+ * @param {MatrixEvent} mxEvent The event to check
+ * @returns {boolean} true if actionable
+ */
+export function isContentActionable(mxEvent: MatrixEvent): boolean {
+    const { status: eventStatus } = mxEvent;
+
+    // status is SENT before remote-echo, null after
+    const isSent = !eventStatus || eventStatus === EventStatus.SENT;
+
+    if (isSent && !mxEvent.isRedacted()) {
+        if (mxEvent.getType() === "m.room.message") {
+            const content = mxEvent.getContent();
+            if (content.msgtype && content.msgtype !== "m.bad.encrypted" && content.hasOwnProperty("body")) {
+                return true;
+            }
+        } else if (
+            mxEvent.getType() === "m.sticker" ||
+            M_POLL_START.matches(mxEvent.getType()) ||
+            M_POLL_END.matches(mxEvent.getType()) ||
+            M_BEACON_INFO.matches(mxEvent.getType())
+        ) {
+            return true;
+        }
+    }
+
+    return false;
+}
+
+export function canEditContent(matrixClient: MatrixClient, mxEvent: MatrixEvent): boolean {
+    const isCancellable = mxEvent.getType() === EventType.RoomMessage || M_POLL_START.matches(mxEvent.getType());
+
+    if (
+        !isCancellable ||
+        // Editing local echos is not supported(results in send a message that references the local ID).
+        // We need to ensure the event is not local, and therefore has no send status.
+        mxEvent.status !== null ||
+        mxEvent.isRedacted() ||
+        mxEvent.isRelation(RelationType.Replace) ||
+        mxEvent.getSender() !== matrixClient.getUserId()
+    ) {
+        return false;
+    }
+
+    if (ModuleApi.instance.customComponents.getHintsForMessage(mxEvent)?.allowEditingEvent === false) {
+        return false;
+    }
+
+    const { msgtype, body } = mxEvent.getOriginalContent();
+    return (
+        M_POLL_START.matches(mxEvent.getType()) ||
+        ((msgtype === MsgType.Text || msgtype === MsgType.Emote) && !!body && typeof body === "string")
+    );
+}
+
+export function canEditOwnEvent(matrixClient: MatrixClient, mxEvent: MatrixEvent): boolean {
+    // for now we only allow editing
+    // your own events. So this just call through
+    // In the future though, moderators will be able to
+    // edit other people's messages as well but we don't
+    // want findEditableEvent to return other people's events
+    // hence this method.
+    return canEditContent(matrixClient, mxEvent);
+}
+
+const MAX_JUMP_DISTANCE = 100;
+export function findEditableEvent({
+    matrixClient,
+    events,
+    isForward,
+    fromEventId,
+}: {
+    matrixClient: MatrixClient;
+    events: MatrixEvent[];
+    isForward: boolean;
+    fromEventId?: string;
+}): MatrixEvent | undefined {
+    if (!events.length) return;
+    const maxIdx = events.length - 1;
+    const inc = isForward ? 1 : -1;
+    const beginIdx = isForward ? 0 : maxIdx;
+    let endIdx = isForward ? maxIdx : 0;
+    if (!fromEventId) {
+        endIdx = Math.min(Math.max(0, beginIdx + inc * MAX_JUMP_DISTANCE), maxIdx);
+    }
+    let foundFromEventId = !fromEventId;
+    for (let i = beginIdx; i !== endIdx + inc; i += inc) {
+        const e = events[i];
+        // find start event first
+        if (!foundFromEventId && e.getId() === fromEventId) {
+            foundFromEventId = true;
+            // don't look further than MAX_JUMP_DISTANCE events from `fromEventId`
+            // to not iterate potentially 1000nds of events on key up/down
+            endIdx = Math.min(Math.max(0, i + inc * MAX_JUMP_DISTANCE), maxIdx);
+        } else if (foundFromEventId && !shouldHideEvent(e) && canEditOwnEvent(matrixClient, e)) {
+            // otherwise look for editable event
+            return e;
+        }
+    }
+}
+
+/**
+ * How we should render a message depending on its moderation state.
+ */
+export enum MessageModerationState {
+    /**
+     * The message is visible to all.
+     */
+    VISIBLE_FOR_ALL = "VISIBLE_FOR_ALL",
+    /**
+     * The message is hidden pending moderation and we're not a user who should
+     * see it nevertheless.
+     */
+    HIDDEN_TO_CURRENT_USER = "HIDDEN_TO_CURRENT_USER",
+    /**
+     * The message is hidden pending moderation and we're either the author of
+     * the message or a moderator. In either case, we need to see the message
+     * with a marker.
+     */
+    SEE_THROUGH_FOR_CURRENT_USER = "SEE_THROUGH_FOR_CURRENT_USER",
+}
+
+// This is lazily initialized and cached since getMessageModerationState needs it,
+// and is called on timeline rendering hot-paths
+let msc3531Enabled: boolean | null = null;
+const getMsc3531Enabled = (): boolean => {
+    if (msc3531Enabled === null) {
+        msc3531Enabled = SettingsStore.getValue("feature_msc3531_hide_messages_pending_moderation");
+    }
+    return msc3531Enabled;
+};
+
+/**
+ * Determine whether a message should be displayed as hidden pending moderation.
+ *
+ * If MSC3531 is deactivated in settings, all messages are considered visible
+ * to all.
+ */
+export function getMessageModerationState(mxEvent: MatrixEvent, client: MatrixClient): MessageModerationState {
+    if (!getMsc3531Enabled()) {
+        return MessageModerationState.VISIBLE_FOR_ALL;
+    }
+    const visibility = mxEvent.messageVisibility();
+    if (visibility.visible) {
+        return MessageModerationState.VISIBLE_FOR_ALL;
+    }
+
+    // At this point, we know that the message is marked as hidden
+    // pending moderation. However, if we're the author or a moderator,
+    // we still need to display it.
+
+    if (mxEvent.sender?.userId === client.getUserId()) {
+        // We're the author, show the message.
+        return MessageModerationState.SEE_THROUGH_FOR_CURRENT_USER;
+    }
+
+    const room = client.getRoom(mxEvent.getRoomId());
+    if (
+        EVENT_VISIBILITY_CHANGE_TYPE.name &&
+        room?.currentState.maySendStateEvent(EVENT_VISIBILITY_CHANGE_TYPE.name, client.getUserId()!)
+    ) {
+        // We're a moderator (as indicated by prefixed event name), show the message.
+        return MessageModerationState.SEE_THROUGH_FOR_CURRENT_USER;
+    }
+    if (
+        EVENT_VISIBILITY_CHANGE_TYPE.altName &&
+        room?.currentState.maySendStateEvent(EVENT_VISIBILITY_CHANGE_TYPE.altName, client.getUserId()!)
+    ) {
+        // We're a moderator (as indicated by unprefixed event name), show the message.
+        return MessageModerationState.SEE_THROUGH_FOR_CURRENT_USER;
+    }
+    // For everybody else, hide the message.
+    return MessageModerationState.HIDDEN_TO_CURRENT_USER;
+}
+
+export function isVoiceMessage(mxEvent: MatrixEvent): boolean {
+    const content = mxEvent.getContent();
+    // MSC2516 is a legacy identifier. See https://github.com/matrix-org/matrix-doc/pull/3245
+    return !!content["org.matrix.msc2516.voice"] || !!content["org.matrix.msc3245.voice"];
+}
+
+export async function fetchInitialEvent(
+    client: MatrixClient,
+    roomId: string,
+    eventId: string,
+): Promise<MatrixEvent | null> {
+    let initialEvent: MatrixEvent | null;
+
+    try {
+        const eventData = await client.fetchRoomEvent(roomId, eventId);
+        initialEvent = new MatrixEvent(eventData);
+    } catch {
+        logger.warn("Could not find initial event: " + eventId);
+        initialEvent = null;
+    }
+
+    if (client.supportsThreads() && initialEvent?.isRelation(THREAD_RELATION_TYPE.name) && !initialEvent.getThread()) {
+        const threadId = initialEvent.threadRootId!;
+        const room = client.getRoom(roomId);
+        const mapper = client.getEventMapper();
+        const rootEvent = room?.findEventById(threadId) ?? mapper(await client.fetchRoomEvent(roomId, threadId));
+        try {
+            room?.createThread(threadId, rootEvent, [initialEvent], true);
+        } catch {
+            logger.warn("Could not find root event: " + threadId);
+        }
+    }
+
+    return initialEvent;
+}
+
+export function editEvent(
+    matrixClient: MatrixClient,
+    mxEvent: MatrixEvent,
+    timelineRenderingType: TimelineRenderingType,
+    getRelationsForEvent?: GetRelationsForEvent,
+): void {
+    if (!canEditContent(matrixClient, mxEvent)) return;
+
+    if (M_POLL_START.matches(mxEvent.getType())) {
+        launchPollEditor(mxEvent, getRelationsForEvent);
+    } else {
+        defaultDispatcher.dispatch({
+            action: Action.EditEvent,
+            event: mxEvent,
+            timelineRenderingType: timelineRenderingType,
+        });
+    }
+}
+
+export function canCancel(status?: EventStatus | null): boolean {
+    return status === EventStatus.QUEUED || status === EventStatus.NOT_SENT || status === EventStatus.ENCRYPTING;
+}
+
+export const isLocationEvent = (event: MatrixEvent): boolean => {
+    const eventType = event.getType();
+    return (
+        M_LOCATION.matches(eventType) ||
+        (eventType === EventType.RoomMessage && M_LOCATION.matches(event.getContent().msgtype!))
+    );
+};
+
+export function hasThreadSummary(event: MatrixEvent): boolean {
+    return event.isThreadRoot && !!event.getThread()?.length && !!event.getThread()!.replyToEvent;
+}
+
+export const highlightEvent = (roomId: string, eventId: string): void => {
+    defaultDispatcher.dispatch<ViewRoomPayload>({
+        action: Action.ViewRoom,
+        event_id: eventId,
+        highlighted: true,
+        room_id: roomId,
+        metricsTrigger: undefined, // room doesn't change
+    });
+};
diff --git a/apps/web/src/utils/Feedback.test.ts b/apps/web/src/utils/Feedback.test.ts
new file mode 100644
index 00000000000..31cf036cbda
--- /dev/null
+++ b/apps/web/src/utils/Feedback.test.ts
@@ -0,0 +1,61 @@
+/*
+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 { vi, describe, it, expect, afterEach } from "vitest";
+
+import SdkConfig from "../SdkConfig";
+import { shouldShowFeedback } from "./Feedback";
+import SettingsStore from "../settings/SettingsStore";
+import { UIFeature } from "../settings/UIFeature";
+import { BugReportEndpointURLLocal } from "../IConfigOptions";
+
+const realGetValue = SettingsStore.getValue;
+
+describe("shouldShowFeedback", () => {
+    afterEach(() => {
+        SdkConfig.reset();
+        vi.restoreAllMocks();
+    });
+
+    it("should return false if bug_report_endpoint_url is falsey", () => {
+        SdkConfig.put({
+            bug_report_endpoint_url: undefined,
+        });
+        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", () => {
+        vi.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", () => {
+        SdkConfig.put({
+            bug_report_endpoint_url: "https://rageshake.server",
+        });
+        vi.spyOn(SettingsStore, "getValue").mockImplementation((key, ...params) => {
+            if (key === UIFeature.Feedback) {
+                return true;
+            }
+            return realGetValue(key, ...params);
+        });
+        expect(shouldShowFeedback()).toEqual(true);
+    });
+});
diff --git a/apps/web/src/utils/Feedback.ts b/apps/web/src/utils/Feedback.ts
new file mode 100644
index 00000000000..d75e65b75d2
--- /dev/null
+++ b/apps/web/src/utils/Feedback.ts
@@ -0,0 +1,17 @@
+/*
+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 { BugReportEndpointURLLocal } from "../IConfigOptions";
+import SdkConfig from "../SdkConfig";
+import SettingsStore from "../settings/SettingsStore";
+import { UIFeature } from "../settings/UIFeature";
+
+export function shouldShowFeedback(): boolean {
+    const url = SdkConfig.get().bug_report_endpoint_url;
+    return !!url && url !== BugReportEndpointURLLocal && SettingsStore.getValue(UIFeature.Feedback);
+}
diff --git a/apps/web/src/utils/FileDownloader.ts b/apps/web/src/utils/FileDownloader.ts
new file mode 100644
index 00000000000..749b781f0a8
--- /dev/null
+++ b/apps/web/src/utils/FileDownloader.ts
@@ -0,0 +1,96 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+export type GetIframeFn = () => HTMLIFrameElement | null;
+
+export const DEFAULT_STYLES = {
+    imgSrc: "",
+    imgStyle: null as string | null, // css props
+    style: "",
+    textContent: "",
+};
+
+type DownloadOptions = {
+    blob: Blob;
+    name: string;
+    autoDownload?: boolean;
+    opts?: typeof DEFAULT_STYLES;
+};
+
+// set up the iframe as a singleton so we don't have to figure out destruction of it down the line.
+let managedIframe: HTMLIFrameElement;
+let onLoadPromise: Promise<void>;
+function getManagedIframe(): { iframe: HTMLIFrameElement; onLoadPromise: Promise<void> } {
+    if (managedIframe) return { iframe: managedIframe, onLoadPromise };
+
+    managedIframe = document.createElement("iframe");
+
+    // Need to append the iframe in order for the browser to load it.
+    document.body.appendChild(managedIframe);
+
+    // Dev note: the reassignment warnings are entirely incorrect here.
+
+    managedIframe.style.display = "none";
+
+    // @ts-ignore
+    // noinspection JSConstantReassignment
+    managedIframe.sandbox = "allow-scripts allow-downloads";
+
+    onLoadPromise = new Promise((resolve) => {
+        managedIframe.onload = () => {
+            resolve();
+        };
+        managedIframe.src = "usercontent/"; // XXX: Should come from the skin
+    });
+
+    return { iframe: managedIframe, onLoadPromise };
+}
+
+// TODO: If we decide to keep the download link behaviour, we should bring the style management into here.
+
+/**
+ * Helper to handle safe file downloads. This operates off an iframe for reasons described
+ * by the blob helpers. By default, this will use a hidden iframe to manage the download
+ * through a user content wrapper, but can be given an iframe reference if the caller needs
+ * additional control over the styling/position of the iframe itself.
+ */
+export class FileDownloader {
+    private onLoadPromise?: Promise<void>;
+
+    /**
+     * Creates a new file downloader
+     * @param iframeFn Function to get a pre-configured iframe. Set to null to have the downloader
+     * use a generic, hidden, iframe.
+     */
+    public constructor(private iframeFn?: GetIframeFn) {}
+
+    private get iframe(): HTMLIFrameElement {
+        const iframe = this.iframeFn?.();
+        if (!iframe) {
+            const managed = getManagedIframe();
+            this.onLoadPromise = managed.onLoadPromise;
+            return managed.iframe;
+        }
+        this.onLoadPromise = undefined;
+        return iframe;
+    }
+
+    public async download({ blob, name, autoDownload = true, opts = DEFAULT_STYLES }: DownloadOptions): Promise<void> {
+        const iframe = this.iframe; // get the iframe first just in case we need to await onload
+        if (this.onLoadPromise) await this.onLoadPromise;
+        iframe.contentWindow?.postMessage(
+            {
+                ...opts,
+                blob: blob,
+                download: name,
+                auto: autoDownload,
+            },
+            "*",
+        );
+    }
+}
diff --git a/apps/web/src/utils/FileUtils.test.ts b/apps/web/src/utils/FileUtils.test.ts
new file mode 100644
index 00000000000..b2e9c6d2328
--- /dev/null
+++ b/apps/web/src/utils/FileUtils.test.ts
@@ -0,0 +1,61 @@
+/*
+Copyright 2024 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 MediaEventContent } from "matrix-js-sdk/src/types";
+import { describe, it, expect } from "vitest";
+
+import { downloadLabelForFile } from "./FileUtils.ts";
+
+describe("FileUtils", () => {
+    describe("downloadLabelForFile", () => {
+        it.each([
+            [
+                "File with size",
+                {
+                    input: {
+                        msgtype: "m.file",
+                        body: "Test",
+                        info: {
+                            size: 102434566,
+                        },
+                    } as MediaEventContent,
+                    output: "Download (97.69 MB)",
+                },
+            ],
+            [
+                "Image",
+                {
+                    input: {
+                        msgtype: "m.image",
+                        body: "Test",
+                    } as MediaEventContent,
+                    output: "Download",
+                },
+            ],
+            [
+                "Video",
+                {
+                    input: {
+                        msgtype: "m.video",
+                        body: "Test",
+                    } as MediaEventContent,
+                    output: "Download",
+                },
+            ],
+            [
+                "Audio",
+                {
+                    input: {
+                        msgtype: "m.audio",
+                        body: "Test",
+                    } as MediaEventContent,
+                    output: "Download",
+                },
+            ],
+        ])("should correctly label %s", (_d, { input, output }) => expect(downloadLabelForFile(input)).toBe(output));
+    });
+});
diff --git a/apps/web/src/utils/FileUtils.ts b/apps/web/src/utils/FileUtils.ts
new file mode 100644
index 00000000000..a0901e91b39
--- /dev/null
+++ b/apps/web/src/utils/FileUtils.ts
@@ -0,0 +1,96 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
+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 { filesize, type FilesizeOptions, type FilesizeReturn } from "filesize";
+import { type MediaEventContent } from "matrix-js-sdk/src/types";
+
+import { _t } from "../languageHandler";
+
+export function downloadLabelForFile(content: MediaEventContent, withSize = true): string {
+    let text = _t("action|download");
+
+    if (content.info?.size && withSize) {
+        // If we know the size of the file then add it as human-readable string to the end of the link text
+        // so that the user knows how big a file they are downloading.
+        text += " (" + fileSize(content.info.size, { base: 2, standard: "jedec" }) + ")";
+    }
+    return text;
+}
+
+/**
+ * Extracts a human-readable label for the file attachment to use as
+ * link text.
+ *
+ * @param {MediaEventContent} content The "content" key of the matrix event.
+ * @param {string} fallbackText The fallback text
+ * @param {boolean} withSize Whether to include size information. Default true.
+ * @param {boolean} shortened Ensure the extension of the file name is visible. Default false.
+ * @returns {string} the human-readable link text for the attachment.
+ */
+export function presentableTextForFile(
+    content: MediaEventContent,
+    fallbackText = _t("common|attachment"),
+    withSize = true,
+    shortened = false,
+): string {
+    let text = fallbackText;
+    if (content.filename?.length) {
+        text = content.filename;
+    } else if (content.body?.length) {
+        // The content body should be the name of the file including a
+        // file extension.
+        text = content.body;
+    }
+
+    // We shorten to 15 characters somewhat arbitrarily, and assume most files
+    // will have a 3 character (plus full stop) extension. The goal is to knock
+    // the label down to 15-25 characters, not perfect accuracy.
+    if (shortened && text.length > 19) {
+        const parts = text.split(".");
+        let fileName = parts
+            .slice(0, parts.length - 1)
+            .join(".")
+            .substring(0, 15);
+        const extension = parts[parts.length - 1];
+
+        // Trim off any full stops from the file name to avoid a case where we
+        // add an ellipsis that looks really funky.
+        fileName = fileName.replace(/\.*$/g, "");
+
+        text = `${fileName}...${extension}`;
+    }
+
+    if (content.info?.size && withSize) {
+        // If we know the size of the file then add it as human readable
+        // string to the end of the link text so that the user knows how
+        // big a file they are downloading.
+        // The content.info also contains a MIME-type but we don't display
+        // it since it is "ugly", users generally aren't aware what it
+        // means and the type of the attachment can usually be inferred
+        // from the file extension.
+        text += " (" + fileSize(content.info.size, { base: 2, standard: "jedec" }) + ")";
+    }
+    return text;
+}
+
+/**
+ * wrapper function to set default values for filesize function
+ *
+ * @param byteCount size of file
+ * @param options options to customize the response type or size type conversion e.g. 12kB, 12KB
+ * @returns {string | number | any[] | {
+ *  value: any;
+ *  symbol: any;
+ *  exponent: number;
+ *  unit: string;}} formatted file size with unit e.g. 12kB, 12KB
+ */
+export function fileSize<O extends FilesizeOptions>(byteCount: number, options?: O): FilesizeReturn<O> {
+    const defaultOption = { base: 2, standard: "jedec", ...options } as O;
+    return filesize<O>(byteCount, defaultOption);
+}
diff --git a/apps/web/src/utils/FixedRollingArray.test.ts b/apps/web/src/utils/FixedRollingArray.test.ts
new file mode 100644
index 00000000000..7b1c0d54a97
--- /dev/null
+++ b/apps/web/src/utils/FixedRollingArray.test.ts
@@ -0,0 +1,59 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { describe, it, expect } from "vitest";
+
+import { FixedRollingArray } from "./FixedRollingArray";
+
+describe("FixedRollingArray", () => {
+    it("should seed the array with the given value", () => {
+        const seed = "test";
+        const width = 24;
+        const array = new FixedRollingArray(width, seed);
+
+        expect(array.value.length).toBe(width);
+        expect(array.value.every((v) => v === seed)).toBe(true);
+    });
+
+    it("should insert at the correct end", () => {
+        const seed = "test";
+        const value = "changed";
+        const width = 24;
+        const array = new FixedRollingArray(width, seed);
+        array.pushValue(value);
+
+        expect(array.value.length).toBe(width);
+        expect(array.value[0]).toBe(value);
+    });
+
+    it("should roll over", () => {
+        const seed = -1;
+        const width = 24;
+        const array = new FixedRollingArray(width, seed);
+
+        const maxValue = width * 2;
+        const minValue = width; // because we're forcing a rollover
+        for (let i = 0; i <= maxValue; i++) {
+            array.pushValue(i);
+        }
+
+        expect(array.value.length).toBe(width);
+
+        for (let i = 1; i < width; i++) {
+            const current = array.value[i];
+            const previous = array.value[i - 1];
+            expect(previous - current).toBe(1);
+
+            if (i === 1) {
+                expect(previous).toBe(maxValue);
+            } else if (i === width) {
+                expect(current).toBe(minValue);
+            }
+        }
+    });
+});
diff --git a/apps/web/src/utils/FixedRollingArray.ts b/apps/web/src/utils/FixedRollingArray.ts
new file mode 100644
index 00000000000..e702f252c93
--- /dev/null
+++ b/apps/web/src/utils/FixedRollingArray.ts
@@ -0,0 +1,49 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { arrayFastClone, arraySeed } from "./arrays";
+
+/**
+ * An array which is of fixed length and accepts rolling values. Values will
+ * be inserted on the left, falling off the right.
+ */
+export class FixedRollingArray<T> {
+    private samples: T[] = [];
+
+    /**
+     * Creates a new fixed rolling array.
+     * @param width The width of the array.
+     * @param padValue The value to seed the array with.
+     */
+    public constructor(
+        private width: number,
+        padValue: T,
+    ) {
+        this.samples = arraySeed(padValue, this.width);
+    }
+
+    /**
+     * The array, as a fixed length.
+     */
+    public get value(): T[] {
+        return this.samples;
+    }
+
+    /**
+     * Pushes a value to the array.
+     * @param value The value to push.
+     */
+    public pushValue(value: T): void {
+        let swap = arrayFastClone(this.samples);
+        swap.splice(0, 0, value);
+        if (swap.length > this.width) {
+            swap = swap.slice(0, this.width);
+        }
+        this.samples = swap;
+    }
+}
diff --git a/apps/web/src/utils/FormattingUtils.test.tsx b/apps/web/src/utils/FormattingUtils.test.tsx
new file mode 100644
index 00000000000..b577909032c
--- /dev/null
+++ b/apps/web/src/utils/FormattingUtils.test.tsx
@@ -0,0 +1,96 @@
+/*
+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 { vi, describe, it, expect, beforeEach } from "vitest";
+import React from "react";
+
+import { formatList, formatCount, formatCountLong } from "./FormattingUtils";
+import SettingsStore from "../settings/SettingsStore";
+
+vi.mock("../dispatcher/dispatcher");
+
+describe("FormattingUtils", () => {
+    describe("formatCount", () => {
+        it.each([
+            { count: 999, expectedCount: "999" },
+            { count: 9999, expectedCount: "10K" },
+            { count: 99999, expectedCount: "100K" },
+            { count: 999999, expectedCount: "1M" },
+            { count: 9999999, expectedCount: "10M" },
+            { count: 99999999, expectedCount: "100M" },
+            { count: 999999999, expectedCount: "1B" },
+            { count: 9999999999, expectedCount: "10B" },
+        ])("formats $count as $expectedCount", ({ count, expectedCount }) => {
+            expect(formatCount(count)).toBe(expectedCount);
+        });
+    });
+
+    describe("formatCountLong", () => {
+        it("formats numbers according to the locale", () => {
+            expect(formatCountLong(1000)).toBe("1,000");
+        });
+    });
+
+    describe("formatList", () => {
+        beforeEach(() => {
+            vi.resetAllMocks();
+            vi.spyOn(SettingsStore, "getValue").mockReturnValue("en-GB");
+        });
+
+        it("should return empty string when given empty list", () => {
+            expect(formatList([])).toEqual("");
+        });
+
+        it("should return only item when given list of length 1", () => {
+            expect(formatList(["abc"])).toEqual("abc");
+        });
+
+        it("should return expected sentence in English without item limit", () => {
+            expect(formatList(["abc", "def", "ghi"])).toEqual("abc, def and ghi");
+        });
+
+        it("should return expected sentence in German without item limit", () => {
+            vi.spyOn(SettingsStore, "getValue").mockReturnValue("de");
+            expect(formatList(["abc", "def", "ghi"])).toEqual("abc, def und ghi");
+        });
+
+        it("should return expected sentence in English with item limit", () => {
+            expect(formatList(["abc", "def", "ghi", "jkl"], 2)).toEqual("abc, def and 2 others");
+            expect(formatList(["abc", "def", "ghi", "jkl"], 3)).toEqual("abc, def, ghi and one other");
+        });
+
+        it("should return expected sentence in English with item limit and includeCount", () => {
+            expect(formatList(["abc", "def", "ghi", "jkl"], 3, true)).toEqual("abc, def and 2 others");
+            expect(formatList(["abc", "def", "ghi", "jkl"], 4, true)).toEqual("abc, def, ghi and jkl");
+        });
+
+        it("should return expected sentence in ReactNode when given 2 React children", () => {
+            expect(formatList([<span key="a">a</span>, <span key="b">b</span>])).toMatchSnapshot();
+        });
+
+        it("should return expected sentence in ReactNode when given more React children", () => {
+            expect(
+                formatList([
+                    <span key="a">a</span>,
+                    <span key="b">b</span>,
+                    <span key="c">c</span>,
+                    <span key="d">d</span>,
+                ]),
+            ).toMatchSnapshot();
+        });
+
+        it("should return expected sentence in ReactNode when using itemLimit", () => {
+            expect(
+                formatList(
+                    [<span key="a">a</span>, <span key="b">b</span>, <span key="c">c</span>, <span key="d">d</span>],
+                    2,
+                ),
+            ).toMatchSnapshot();
+        });
+    });
+});
diff --git a/apps/web/src/utils/FormattingUtils.ts b/apps/web/src/utils/FormattingUtils.ts
new file mode 100644
index 00000000000..2e6ae5a84d0
--- /dev/null
+++ b/apps/web/src/utils/FormattingUtils.ts
@@ -0,0 +1,108 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+import { type ReactElement, type ReactNode } from "react";
+import { useIdColorHash } from "@vector-im/compound-web";
+
+import { _t, getCurrentLanguage } from "../languageHandler";
+import { getUserLanguage } from "../i18n/settings";
+import { jsxJoin } from "./ReactUtils";
+
+export { formatBytes } from "@element-hq/web-shared-components";
+
+let cachedFormatter: Intl.NumberFormat | undefined;
+let cachedCompactFormatter: Intl.NumberFormat | undefined;
+
+// It's quite costly to instanciate `Intl.NumberFormat`, hence why we do not do
+// it in every function call
+const getCachedCompactFormatter = (): Intl.NumberFormat => {
+    if (!cachedCompactFormatter)
+        cachedCompactFormatter = new Intl.NumberFormat(getCurrentLanguage(), { notation: "compact" });
+    return cachedCompactFormatter;
+};
+
+/**
+ * formats and rounds numbers to fit into ~3 characters, suitable for badge counts
+ * e.g: 999, 10K, 99K, 1M, 10M, 99M, 1B, 10B, ...
+ */
+export function formatCount(count: number): string {
+    return getCachedCompactFormatter().format(count);
+}
+
+// It's quite costly to instanciate `Intl.NumberFormat`, hence why we do not do
+// it in every function call
+const getCachedFormatter = (): Intl.NumberFormat => {
+    if (!cachedFormatter) cachedFormatter = new Intl.NumberFormat(getCurrentLanguage());
+    return cachedFormatter;
+};
+
+/**
+ * Format a count showing the whole number but making it a bit more readable.
+ * e.g: 1000 => 1,000
+ */
+export function formatCountLong(count: number): string {
+    return getCachedFormatter().format(count);
+}
+
+export function getUserNameColorClass(userId: string): string {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const number = useIdColorHash(userId);
+    return `mx_Username_color${number}`;
+}
+
+/**
+ * Constructs a written English string representing `items`, with an optional
+ * limit on the number of items included in the result. If specified and if the
+ * length of `items` is greater than the limit, the string "and n others" will
+ * be appended onto the result. If `items` is empty, returns the empty string.
+ * If there is only one item, return it.
+ * @param {string[]} items the items to construct a string from.
+ * @param {number?} itemLimit the number by which to limit the list.
+ * @returns {string} a string constructed by joining `items` with a comma
+ * between each item, but with the last item appended as " and [lastItem]".
+ */
+export function formatList(items: string[], itemLimit?: number, includeCount?: boolean): string;
+export function formatList(items: ReactElement[], itemLimit?: number, includeCount?: boolean): ReactElement;
+export function formatList(items: ReactNode[], itemLimit?: number, includeCount?: boolean): ReactNode;
+export function formatList(items: ReactNode[], itemLimit = items.length, includeCount = false): ReactNode {
+    let remaining = Math.max(items.length - itemLimit, 0);
+    if (items.length <= 1) {
+        return items[0] ?? "";
+    }
+
+    const formatter = new Intl.ListFormat(getUserLanguage(), { style: "long", type: "conjunction" });
+    if (remaining > 0) {
+        if (includeCount) {
+            itemLimit--;
+            remaining++;
+        }
+
+        items = items.slice(0, itemLimit);
+        let joinedItems: ReactNode;
+        if (items.every((e) => typeof e === "string")) {
+            joinedItems = items.join(", ");
+        } else {
+            joinedItems = jsxJoin(items, ", ");
+        }
+
+        return _t("items_and_n_others", { count: remaining }, { Items: () => joinedItems });
+    }
+
+    if (items.every((e) => typeof e === "string")) {
+        return formatter.format(items);
+    }
+
+    const parts = formatter.formatToParts(items.map((_, i) => `${i}`));
+    return jsxJoin(
+        parts.map((part) => {
+            if (part.type === "literal") return part.value;
+            return items[parseInt(part.value, 10)];
+        }),
+    );
+}
diff --git a/apps/web/src/utils/IDestroyable.ts b/apps/web/src/utils/IDestroyable.ts
new file mode 100644
index 00000000000..e5b9d19fbb9
--- /dev/null
+++ b/apps/web/src/utils/IDestroyable.ts
@@ -0,0 +1,11 @@
+/*
+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.
+*/
+
+export interface IDestroyable {
+    destroy(): void;
+}
diff --git a/apps/web/src/utils/IdentityServerUtils.ts b/apps/web/src/utils/IdentityServerUtils.ts
new file mode 100644
index 00000000000..df4f269c34e
--- /dev/null
+++ b/apps/web/src/utils/IdentityServerUtils.ts
@@ -0,0 +1,45 @@
+/*
+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 { SERVICE_TYPES, HTTPError, type MatrixClient, type Terms } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import SdkConfig from "../SdkConfig";
+
+export function getDefaultIdentityServerUrl(): string | undefined {
+    return SdkConfig.get("validated_server_config")?.isUrl;
+}
+
+export function setToDefaultIdentityServer(matrixClient: MatrixClient): void {
+    const url = getDefaultIdentityServerUrl();
+    // Account data change will update localstorage, client, etc through dispatcher
+    matrixClient.setAccountData("m.identity_server", {
+        base_url: url ?? null,
+    });
+}
+
+export async function doesIdentityServerHaveTerms(matrixClient: MatrixClient, fullUrl: string): Promise<boolean> {
+    let terms: Partial<Terms> | null;
+    try {
+        terms = await matrixClient.getTerms(SERVICE_TYPES.IS, fullUrl);
+    } catch (e) {
+        logger.error(e);
+        if (e instanceof HTTPError && e.httpStatus === 404) {
+            terms = null;
+        } else {
+            throw e;
+        }
+    }
+
+    return !!terms?.["policies"] && Object.keys(terms["policies"]).length > 0;
+}
+
+export function doesAccountDataHaveIdentityServer(matrixClient: MatrixClient): boolean {
+    const event = matrixClient.getAccountData("m.identity_server");
+    return event?.getContent()["base_url"];
+}
diff --git a/apps/web/src/utils/Image.test.ts b/apps/web/src/utils/Image.test.ts
new file mode 100644
index 00000000000..7f381bdba7c
--- /dev/null
+++ b/apps/web/src/utils/Image.test.ts
@@ -0,0 +1,90 @@
+/*
+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 { describe, it, expect } from "vitest";
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+import { blobIsAnimated, mayBeAnimated } from "./Image";
+
+const imagesDir = fileURLToPath(import.meta.resolve("../../test/unit-tests/images"));
+
+describe("Image", () => {
+    describe("mayBeAnimated", () => {
+        it("image/gif", async () => {
+            expect(mayBeAnimated("image/gif")).toBeTruthy();
+        });
+        it("image/webp", async () => {
+            expect(mayBeAnimated("image/webp")).toBeTruthy();
+        });
+        it("image/png", async () => {
+            expect(mayBeAnimated("image/png")).toBeTruthy();
+        });
+        it("image/apng", async () => {
+            expect(mayBeAnimated("image/apng")).toBeTruthy();
+        });
+        it("image/jpeg", async () => {
+            expect(mayBeAnimated("image/jpeg")).toBeFalsy();
+        });
+    });
+
+    describe("blobIsAnimated", () => {
+        it("Animated GIF", async () => {
+            const img = new Blob([fs.readFileSync(path.resolve(imagesDir, "animated-logo.gif")).slice()], {
+                type: "image/gif",
+            });
+            expect(await blobIsAnimated(img)).toBeTruthy();
+        });
+
+        it("Static GIF", async () => {
+            const img = new Blob([fs.readFileSync(path.resolve(imagesDir, "static-logo.gif")).slice()], {
+                type: "image/gif",
+            });
+            expect(await blobIsAnimated(img)).toBeFalsy();
+        });
+
+        it("Animated WEBP", async () => {
+            const img = new Blob([fs.readFileSync(path.resolve(imagesDir, "animated-logo.webp")).slice()], {
+                type: "image/webp",
+            });
+            expect(await blobIsAnimated(img)).toBeTruthy();
+        });
+
+        it("Static WEBP", async () => {
+            const img = new Blob([fs.readFileSync(path.resolve(imagesDir, "static-logo.webp")).slice()], {
+                type: "image/webp",
+            });
+            expect(await blobIsAnimated(img)).toBeFalsy();
+        });
+
+        it("Static WEBP in extended file format", async () => {
+            const img = new Blob(
+                [fs.readFileSync(path.resolve(imagesDir, "static-logo-extended-file-format.webp")).slice()],
+                { type: "image/webp" },
+            );
+            expect(await blobIsAnimated(img)).toBeFalsy();
+        });
+
+        it("Animated PNG", async () => {
+            const img = new Blob([fs.readFileSync(path.resolve(imagesDir, "animated-logo.apng")).slice()]);
+            const pngBlob = img.slice(0, img.size, "image/png");
+            const apngBlob = img.slice(0, img.size, "image/apng");
+            expect(await blobIsAnimated(pngBlob)).toBeTruthy();
+            expect(await blobIsAnimated(apngBlob)).toBeTruthy();
+        });
+
+        it("Static PNG", async () => {
+            const img = new Blob([fs.readFileSync(path.resolve(imagesDir, "static-logo.png")).slice()]);
+            const pngBlob = img.slice(0, img.size, "image/png");
+            const apngBlob = img.slice(0, img.size, "image/apng");
+            expect(await blobIsAnimated(pngBlob)).toBeFalsy();
+            expect(await blobIsAnimated(apngBlob)).toBeFalsy();
+        });
+    });
+});
diff --git a/apps/web/src/utils/Image.ts b/apps/web/src/utils/Image.ts
new file mode 100644
index 00000000000..24ae1bd2902
--- /dev/null
+++ b/apps/web/src/utils/Image.ts
@@ -0,0 +1,125 @@
+/*
+ * 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 { arrayHasDiff } from "./arrays";
+
+export function mayBeAnimated(mimeType?: string): boolean {
+    return ["image/gif", "image/webp", "image/png", "image/apng", "image/avif"].includes(mimeType!);
+}
+
+function arrayBufferRead(arr: ArrayBuffer, start: number, len: number): Uint8Array {
+    return new Uint8Array(arr.slice(start, start + len));
+}
+
+function arrayBufferReadInt(arr: ArrayBuffer, start: number): number {
+    const dv = new DataView(arr, start, 4);
+    return dv.getUint32(0);
+}
+
+function arrayBufferReadStr(arr: ArrayBuffer, start: number, len: number): string {
+    return String.fromCharCode.apply(null, Array.from(arrayBufferRead(arr, start, len)));
+}
+
+/**
+ * Check if a Blob contains an animated image.
+ * @param blob The Blob to check.
+ * @returns True if the image is animated, false if not, or undefined if it could not be determined.
+ */
+export async function blobIsAnimated(blob: Blob): Promise<boolean | undefined> {
+    try {
+        // Try parse the image using ImageDecoder as this is the most coherent way of asserting whether a piece of media
+        // is or is not animated. Limited availability at time of writing, notably Safari lacks support.
+        // https://developer.mozilla.org/en-US/docs/Web/API/ImageDecoder
+        const data = await blob.arrayBuffer();
+        const decoder = new ImageDecoder({ data, type: blob.type });
+        await decoder.tracks.ready;
+        if ([...decoder.tracks].some((track) => track.animated)) {
+            return true;
+        }
+    } catch (e) {
+        console.warn("ImageDecoder not supported or failed to decode image", e);
+        // Not supported by this browser, fall through to manual checks
+    }
+
+    switch (blob.type) {
+        case "image/webp": {
+            // Only extended file format WEBP images support animation, so grab the expected data range and verify header.
+            // Based on https://developers.google.com/speed/webp/docs/riff_container#extended_file_format
+            const arr = await blob.slice(0, 21).arrayBuffer();
+            if (
+                arrayBufferReadStr(arr, 0, 4) === "RIFF" &&
+                arrayBufferReadStr(arr, 8, 4) === "WEBP" &&
+                arrayBufferReadStr(arr, 12, 4) === "VP8X"
+            ) {
+                const [flags] = arrayBufferRead(arr, 20, 1);
+                // Flags: R R I L E X _A_ R (reversed)
+                const animationFlagMask = 1 << 1;
+                return (flags & animationFlagMask) != 0;
+            }
+            return false;
+        }
+
+        case "image/gif": {
+            // Based on https://gist.github.com/zakirt/faa4a58cec5a7505b10e3686a226f285
+            // More info at http://www.matthewflickinger.com/lab/whatsinagif/bits_and_bytes.asp
+            const dv = new DataView(await blob.arrayBuffer(), 10);
+
+            const globalColorTable = dv.getUint8(0);
+            let globalColorTableSize = 0;
+            // check first bit, if 0, then we don't have a Global Color Table
+            if (globalColorTable & 0x80) {
+                // grab the last 3 bits, to calculate the global color table size -> RGB * 2^(N+1)
+                // N is the value in the last 3 bits.
+                globalColorTableSize = 3 * Math.pow(2, (globalColorTable & 0x7) + 1);
+            }
+
+            // move on to the Graphics Control Extension
+            const offset = 3 + globalColorTableSize;
+
+            const extensionIntroducer = dv.getUint8(offset);
+            const graphicsControlLabel = dv.getUint8(offset + 1);
+            let delayTime = 0;
+
+            // Graphics Control Extension section is where GIF animation data is stored
+            // First 2 bytes must be 0x21 and 0xF9
+            if (extensionIntroducer & 0x21 && graphicsControlLabel & 0xf9) {
+                // skip to the 2 bytes with the delay time
+                delayTime = dv.getUint16(offset + 4);
+            }
+
+            return !!delayTime;
+        }
+
+        case "image/png":
+        case "image/apng": {
+            // Based on https://stackoverflow.com/a/68618296
+            const arr = await blob.arrayBuffer();
+            if (
+                arrayHasDiff([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a], Array.from(arrayBufferRead(arr, 0, 8)))
+            ) {
+                return false;
+            }
+
+            for (let i = 8; i < blob.size;) {
+                const length = arrayBufferReadInt(arr, i);
+                i += 4;
+                const type = arrayBufferReadStr(arr, i, 4);
+                i += 4;
+
+                switch (type) {
+                    case "acTL":
+                        return true;
+                    case "IDAT":
+                        return false;
+                }
+                i += length + 4;
+            }
+            return false;
+        }
+    }
+}
diff --git a/apps/web/src/utils/JSON.ts b/apps/web/src/utils/JSON.ts
new file mode 100644
index 00000000000..0d7493514a6
--- /dev/null
+++ b/apps/web/src/utils/JSON.ts
@@ -0,0 +1,24 @@
+/*
+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.
+*/
+
+type StringifyReplacer = (this: any, key: string, value: any) => any;
+
+// From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Cyclic_object_value#circular_references
+// Injects `<$ cycle-trimmed $>` wherever it cuts a cyclical object relationship
+export const getCircularReplacer = (): StringifyReplacer => {
+    const seen = new WeakSet();
+    return (key: string, value: any): any => {
+        if (typeof value === "object" && value !== null) {
+            if (seen.has(value)) {
+                return "<$ cycle-trimmed $>";
+            }
+            seen.add(value);
+        }
+        return value;
+    };
+};
diff --git a/apps/web/src/utils/KeyVerificationStateObserver.ts b/apps/web/src/utils/KeyVerificationStateObserver.ts
new file mode 100644
index 00000000000..2dfd78e0a80
--- /dev/null
+++ b/apps/web/src/utils/KeyVerificationStateObserver.ts
@@ -0,0 +1,26 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../languageHandler";
+
+export function getNameForEventRoom(matrixClient: MatrixClient, userId: string, roomId: string): string {
+    const room = matrixClient.getRoom(roomId);
+    const member = room && room.getMember(userId);
+    return member ? member.name : userId;
+}
+
+export function userLabelForEventRoom(matrixClient: MatrixClient, userId: string, roomId: string): string {
+    const name = getNameForEventRoom(matrixClient, userId, roomId);
+    if (name !== userId) {
+        return _t("name_and_id", { name, userId });
+    } else {
+        return userId;
+    }
+}
diff --git a/apps/web/src/utils/LazyValue.ts b/apps/web/src/utils/LazyValue.ts
new file mode 100644
index 00000000000..fdd4ab78f8a
--- /dev/null
+++ b/apps/web/src/utils/LazyValue.ts
@@ -0,0 +1,48 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+/**
+ * Utility class for lazily getting a variable.
+ */
+export class LazyValue<T> {
+    private val?: T;
+    private prom?: Promise<T>;
+    private done = false;
+
+    public constructor(private getFn: () => Promise<T>) {}
+
+    /**
+     * Whether or not a cached value is present.
+     */
+    public get present(): boolean {
+        // we use a tracking variable just in case the final value is falsy
+        return this.done;
+    }
+
+    /**
+     * Gets the value without invoking a get. May be undefined until the
+     * value is fetched properly.
+     */
+    public get cachedValue(): T | undefined {
+        return this.val;
+    }
+
+    /**
+     * Gets a promise which resolves to the value, eventually.
+     */
+    public get value(): Promise<T> {
+        if (this.prom) return this.prom;
+        this.prom = this.getFn();
+
+        return this.prom.then((v) => {
+            this.val = v;
+            this.done = true;
+            return v;
+        });
+    }
+}
diff --git a/apps/web/src/utils/LruCache.test.ts b/apps/web/src/utils/LruCache.test.ts
new file mode 100644
index 00000000000..76904c2653b
--- /dev/null
+++ b/apps/web/src/utils/LruCache.test.ts
@@ -0,0 +1,222 @@
+/*
+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 { vi, describe, it, expect, beforeEach } from "vitest";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { LruCache } from "./LruCache";
+
+describe("LruCache", () => {
+    it("when creating a cache with negative capacity it should raise an error", () => {
+        expect(() => new LruCache(-23)).toThrow("Cache capacity must be at least 1");
+    });
+
+    it("when creating a cache with 0 capacity it should raise an error", () => {
+        expect(() => new LruCache(0)).toThrow("Cache capacity must be at least 1");
+    });
+
+    describe("when there is a cache with a capacity of 3", () => {
+        let cache: LruCache<string, string>;
+
+        beforeEach(() => {
+            cache = new LruCache(3);
+        });
+
+        it("has() should return false", () => {
+            expect(cache.has("a")).toBe(false);
+        });
+
+        it("get() should return undefined", () => {
+            expect(cache.get("a")).toBeUndefined();
+        });
+
+        it("values() should return an empty iterator", () => {
+            expect(Array.from(cache.values())).toEqual([]);
+        });
+
+        it("delete() should not raise an error", () => {
+            expect(() => cache.delete("a")).not.toThrow();
+        });
+
+        describe("when the cache contains 2 items", () => {
+            beforeEach(() => {
+                cache.set("a", "a value");
+                cache.set("b", "b value");
+            });
+
+            it("has() should return false for an item not in the cache", () => {
+                expect(cache.has("c")).toBe(false);
+            });
+
+            it("get() should return undefined for an item not in the cahce", () => {
+                expect(cache.get("c")).toBeUndefined();
+            });
+
+            it("values() should return the items in the cache", () => {
+                expect(Array.from(cache.values())).toEqual(["a value", "b value"]);
+            });
+
+            it("clear() should clear the cache", () => {
+                cache.clear();
+                expect(cache.has("a")).toBe(false);
+                expect(cache.has("b")).toBe(false);
+                expect(Array.from(cache.values())).toEqual([]);
+            });
+
+            it("when an error occurs while setting an item the cache should be cleard", () => {
+                vi.spyOn(logger, "warn");
+                const err = new Error("Something weng wrong :(");
+
+                // @ts-ignore
+                cache.safeSet = () => {
+                    throw err;
+                };
+                cache.set("c", "c value");
+                expect(Array.from(cache.values())).toEqual([]);
+
+                expect(logger.warn).toHaveBeenCalledWith("LruCache error", err);
+            });
+
+            describe("and adding another item", () => {
+                beforeEach(() => {
+                    cache.set("c", "c value");
+                });
+
+                it("deleting an unknown item should not raise an error", () => {
+                    expect(() => cache.delete("unknown")).not.toThrow();
+                });
+
+                it("deleting the first item should work", () => {
+                    cache.delete("a");
+                    expect(Array.from(cache.values())).toEqual(["b value", "c value"]);
+
+                    // add an item after delete should work work
+                    cache.set("d", "d value");
+                    expect(Array.from(cache.values())).toEqual(["b value", "c value", "d value"]);
+                });
+
+                it("deleting the item in the middle should work", () => {
+                    cache.delete("b");
+                    expect(Array.from(cache.values())).toEqual(["a value", "c value"]);
+
+                    // add an item after delete should work work
+                    cache.set("d", "d value");
+                    expect(Array.from(cache.values())).toEqual(["a value", "c value", "d value"]);
+                });
+
+                it("deleting the last item should work", () => {
+                    cache.delete("c");
+                    expect(Array.from(cache.values())).toEqual(["a value", "b value"]);
+
+                    // add an item after delete should work work
+                    cache.set("d", "d value");
+                    expect(Array.from(cache.values())).toEqual(["a value", "b value", "d value"]);
+                });
+
+                it("deleting all items should work", () => {
+                    cache.delete("a");
+                    cache.delete("b");
+                    cache.delete("c");
+                    // should not raise an error
+                    cache.delete("a");
+                    cache.delete("b");
+                    cache.delete("c");
+
+                    expect(Array.from(cache.values())).toEqual([]);
+
+                    // add an item after delete should work work
+                    cache.set("d", "d value");
+                    expect(Array.from(cache.values())).toEqual(["d value"]);
+                });
+
+                it("deleting and adding some items should work", () => {
+                    cache.set("d", "d value");
+                    cache.get("b");
+                    cache.delete("b");
+                    cache.set("e", "e value");
+                    expect(Array.from(cache.values())).toEqual(["c value", "d value", "e value"]);
+                });
+
+                describe("and accesing the first added item and adding another item", () => {
+                    beforeEach(() => {
+                        cache.get("a");
+                        cache.set("d", "d value");
+                    });
+
+                    it("should contain the last recently accessed items", () => {
+                        expect(cache.has("a")).toBe(true);
+                        expect(cache.get("a")).toEqual("a value");
+                        expect(cache.has("c")).toBe(true);
+                        expect(cache.get("c")).toEqual("c value");
+                        expect(cache.has("d")).toBe(true);
+                        expect(cache.get("d")).toEqual("d value");
+                        expect(Array.from(cache.values())).toEqual(["a value", "c value", "d value"]);
+                    });
+
+                    it("should not contain the least recently accessed items", () => {
+                        expect(cache.has("b")).toBe(false);
+                        expect(cache.get("b")).toBeUndefined();
+                    });
+                });
+
+                describe("and adding 2 additional items", () => {
+                    beforeEach(() => {
+                        cache.set("d", "d value");
+                        cache.set("e", "e value");
+                    });
+
+                    it("has() should return false for expired items", () => {
+                        expect(cache.has("a")).toBe(false);
+                        expect(cache.has("b")).toBe(false);
+                    });
+
+                    it("has() should return true for items in the caceh", () => {
+                        expect(cache.has("c")).toBe(true);
+                        expect(cache.has("d")).toBe(true);
+                        expect(cache.has("e")).toBe(true);
+                    });
+
+                    it("get() should return undefined for expired items", () => {
+                        expect(cache.get("a")).toBeUndefined();
+                        expect(cache.get("b")).toBeUndefined();
+                    });
+
+                    it("get() should return the items in the cache", () => {
+                        expect(cache.get("c")).toBe("c value");
+                        expect(cache.get("d")).toBe("d value");
+                        expect(cache.get("e")).toBe("e value");
+                    });
+
+                    it("values() should return the items in the cache", () => {
+                        expect(Array.from(cache.values())).toEqual(["c value", "d value", "e value"]);
+                    });
+                });
+            });
+        });
+
+        describe("when the cache contains some items where one of them is a replacement", () => {
+            beforeEach(() => {
+                cache.set("a", "a value");
+                cache.set("b", "b value");
+                cache.set("c", "c value");
+                cache.set("a", "a value 2");
+                cache.set("d", "d value");
+            });
+
+            it("should contain the last recently set items", () => {
+                expect(cache.has("a")).toBe(true);
+                expect(cache.get("a")).toEqual("a value 2");
+                expect(cache.has("c")).toBe(true);
+                expect(cache.get("c")).toEqual("c value");
+                expect(cache.has("d")).toBe(true);
+                expect(cache.get("d")).toEqual("d value");
+                expect(Array.from(cache.values())).toEqual(["a value 2", "c value", "d value"]);
+            });
+        });
+    });
+});
diff --git a/apps/web/src/utils/LruCache.ts b/apps/web/src/utils/LruCache.ts
new file mode 100644
index 00000000000..659d27c65d8
--- /dev/null
+++ b/apps/web/src/utils/LruCache.ts
@@ -0,0 +1,235 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+
+interface CacheItem<K, V> {
+    key: K;
+    value: V;
+    /** Next item in the list */
+    next: CacheItem<K, V> | null;
+    /** Previous item in the list */
+    prev: CacheItem<K, V> | null;
+}
+
+/**
+ * Least Recently Used cache.
+ * Can be initialised with a capacity and drops the least recently used items.
+ * This cache should be error robust: Cache miss on error.
+ *
+ * Implemented via a key lookup map and a double linked list:
+ *             head              tail
+ *              a next → b next → c → next null
+ *  null ← prev a ← prev b ← prev c
+ *
+ * @template K - Type of the key used to look up the values inside the cache
+ * @template V - Type of the values inside the cache
+ */
+export class LruCache<K, V> {
+    /** Head of the list. */
+    private head: CacheItem<K, V> | null = null;
+    /** Tail of the list */
+    private tail: CacheItem<K, V> | null = null;
+    /** Key lookup map */
+    private map: Map<K, CacheItem<K, V>>;
+
+    /**
+     * @param capacity - Cache capcity.
+     * @throws {Error} - Raises an error if the cache capacity is less than 1.
+     */
+    public constructor(private capacity: number) {
+        if (this.capacity < 1) {
+            throw new Error("Cache capacity must be at least 1");
+        }
+
+        this.map = new Map();
+    }
+
+    /**
+     * Whether the cache contains an item under this key.
+     * Marks the item as most recently used.
+     *
+     * @param key - Key of the item
+     * @returns true: item in cache, else false
+     */
+    public has(key: K): boolean {
+        try {
+            return this.getItem(key) !== undefined;
+        } catch (e) {
+            // Should not happen but makes it more robust to the unknown.
+            this.onError(e);
+            return false;
+        }
+    }
+
+    /**
+     * Returns an item from the cache.
+     * Marks the item as most recently used.
+     *
+     * @param key - Key of the item
+     * @returns The value if found, else undefined
+     */
+    public get(key: K): V | undefined {
+        try {
+            return this.getItem(key)?.value;
+        } catch (e) {
+            // Should not happen but makes it more robust to the unknown.
+            this.onError(e);
+            return undefined;
+        }
+    }
+
+    /**
+     * Adds an item to the cache.
+     * A newly added item will be the set as the most recently used.
+     *
+     * @param key - Key of the item
+     * @param value - Item value
+     */
+    public set(key: K, value: V): void {
+        try {
+            this.safeSet(key, value);
+        } catch (e) {
+            // Should not happen but makes it more robust to the unknown.
+            this.onError(e);
+        }
+    }
+
+    /**
+     * Deletes an item from the cache.
+     *
+     * @param key - Key of the item to be removed
+     */
+    public delete(key: K): void {
+        const item = this.map.get(key);
+
+        // Unknown item.
+        if (!item) return;
+
+        try {
+            this.removeItemFromList(item);
+            this.map.delete(key);
+        } catch (e) {
+            // Should not happen but makes it more robust to the unknown.
+            this.onError(e);
+        }
+    }
+
+    /**
+     * Clears the cache.
+     */
+    public clear(): void {
+        this.map = new Map();
+        this.head = null;
+        this.tail = null;
+    }
+
+    /**
+     * Returns an iterator over the cached values.
+     * @yields each value in the cache
+     */
+    public *values(): IterableIterator<V> {
+        for (const item of this.map.values()) {
+            yield item.value;
+        }
+    }
+
+    private safeSet(key: K, value: V): void {
+        const item = this.getItem(key);
+
+        if (item) {
+            // The item is already stored under this key. Update the value.
+            item.value = value;
+            return;
+        }
+
+        const newItem: CacheItem<K, V> = {
+            key,
+            value,
+            next: null,
+            prev: null,
+        };
+
+        if (this.head) {
+            // Put item in front of the list.
+            this.head.prev = newItem;
+            newItem.next = this.head;
+        }
+
+        this.setHeadTail(newItem);
+
+        // Store item in lookup map.
+        this.map.set(key, newItem);
+
+        if (this.tail && this.map.size > this.capacity) {
+            // Map size exceeded cache capcity. Drop tail item.
+            this.delete(this.tail.key);
+        }
+    }
+
+    private onError(e: unknown): void {
+        logger.warn("LruCache error", e);
+        this.clear();
+    }
+
+    private getItem(key: K): CacheItem<K, V> | undefined {
+        const item = this.map.get(key);
+
+        // Not in cache.
+        if (!item) return undefined;
+
+        // Item is already at the head of the list.
+        // No update required.
+        if (item === this.head) return item;
+
+        this.removeItemFromList(item);
+
+        // Put item to the front.
+
+        if (this.head) {
+            this.head.prev = item;
+        }
+
+        item.prev = null;
+        item.next = this.head;
+
+        this.setHeadTail(item);
+
+        return item;
+    }
+
+    private setHeadTail(item: CacheItem<K, V>): void {
+        if (item.prev === null) {
+            // Item has no previous item → head
+            this.head = item;
+        }
+
+        if (item.next === null) {
+            // Item has no next item → tail
+            this.tail = item;
+        }
+    }
+
+    private removeItemFromList(item: CacheItem<K, V>): void {
+        if (item === this.head) {
+            this.head = item.next;
+        }
+
+        if (item === this.tail) {
+            this.tail = item.prev;
+        }
+
+        if (item.prev) {
+            item.prev.next = item.next;
+        }
+
+        if (item.next) {
+            item.next.prev = item.prev;
+        }
+    }
+}
diff --git a/apps/web/src/utils/MarkedExecution.ts b/apps/web/src/utils/MarkedExecution.ts
new file mode 100644
index 00000000000..b27481d5169
--- /dev/null
+++ b/apps/web/src/utils/MarkedExecution.ts
@@ -0,0 +1,53 @@
+/*
+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.
+*/
+
+/**
+ * A utility to ensure that a function is only called once triggered with
+ * a mark applied. Multiple marks can be applied to the function, however
+ * the function will only be called once upon trigger().
+ *
+ * The function starts unmarked.
+ */
+export class MarkedExecution {
+    private marked = false;
+
+    /**
+     * Creates a MarkedExecution for the provided function.
+     * @param {Function} fn The function to be called upon trigger if marked.
+     * @param {Function} onMarkCallback A function that is called when a new mark is made. Not
+     * called if a mark is already flagged.
+     */
+    public constructor(
+        private fn: () => void,
+        private onMarkCallback?: () => void,
+    ) {}
+
+    /**
+     * Resets the mark without calling the function.
+     */
+    public reset(): void {
+        this.marked = false;
+    }
+
+    /**
+     * Marks the function to be called upon trigger().
+     */
+    public mark(): void {
+        if (!this.marked) this.onMarkCallback?.();
+        this.marked = true;
+    }
+
+    /**
+     * If marked, the function will be called, otherwise this does nothing.
+     */
+    public trigger(): void {
+        if (!this.marked) return;
+        this.reset(); // reset first just in case the fn() causes a trigger()
+        this.fn();
+    }
+}
diff --git a/apps/web/src/utils/MatrixGlob.ts b/apps/web/src/utils/MatrixGlob.ts
new file mode 100644
index 00000000000..d22e398381b
--- /dev/null
+++ b/apps/web/src/utils/MatrixGlob.ts
@@ -0,0 +1,45 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 globToRegexp from "glob-to-regexp";
+
+// Taken with permission from matrix-bot-sdk:
+// https://github.com/turt2live/matrix-js-bot-sdk/blob/eb148c2ecec7bf3ade801d73deb43df042d55aef/src/MatrixGlob.ts
+
+/**
+ * Represents a common Matrix glob. This is commonly used
+ * for server ACLs and similar functions.
+ */
+export class MatrixGlob {
+    private regex: RegExp;
+
+    /**
+     * Creates a new Matrix Glob
+     * @param {string} glob The glob to convert. Eg: "*.example.org"
+     */
+    public constructor(glob: string) {
+        const globRegex = globToRegexp(glob, {
+            extended: false,
+            globstar: false,
+        });
+
+        // We need to convert `?` manually because globToRegexp's extended mode
+        // does more than we want it to.
+        const replaced = globRegex.toString().replace(/\\\?/g, ".");
+        this.regex = new RegExp(replaced.substring(1, replaced.length - 1));
+    }
+
+    /**
+     * Tests the glob against a value, returning true if it matches.
+     * @param {string} val The value to test.
+     * @returns {boolean} True if the value matches the glob, false otherwise.
+     */
+    public test(val: string): boolean {
+        return this.regex.test(val);
+    }
+}
diff --git a/apps/web/src/utils/MediaEventHelper.test.ts b/apps/web/src/utils/MediaEventHelper.test.ts
new file mode 100644
index 00000000000..32dda7ad72d
--- /dev/null
+++ b/apps/web/src/utils/MediaEventHelper.test.ts
@@ -0,0 +1,44 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+
+import { MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils";
+
+import { MediaEventHelper } from "./MediaEventHelper.ts";
+
+describe("MediaEventHelper", () => {
+    it("should set the mime type on the blob based on the event metadata", async () => {
+        stubClient();
+
+        const event = new MatrixEvent({
+            type: "m.room.message",
+            content: {
+                msgtype: "m.image",
+                body: "image.png",
+                info: {
+                    mimetype: "image/png",
+                    size: 1234,
+                    w: 100,
+                    h: 100,
+                    thumbnail_info: {
+                        mimetype: "image/png",
+                    },
+                    thumbnail_url: "mxc://matrix.org/thumbnail",
+                },
+                url: "mxc://matrix.org/abcdef",
+            },
+        });
+        const helper = new MediaEventHelper(event);
+
+        const blob = await helper.thumbnailBlob.value;
+        expect(blob?.type).toBe(event.getContent().info.thumbnail_info?.mimetype);
+    });
+});
diff --git a/apps/web/src/utils/MediaEventHelper.ts b/apps/web/src/utils/MediaEventHelper.ts
new file mode 100644
index 00000000000..96615d692fa
--- /dev/null
+++ b/apps/web/src/utils/MediaEventHelper.ts
@@ -0,0 +1,145 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type MatrixEvent, EventType, MsgType } from "matrix-js-sdk/src/matrix";
+import { type FileContent, type ImageContent, type MediaEventContent } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { LazyValue } from "./LazyValue";
+import { type Media, mediaFromContent } from "../customisations/Media";
+import { decryptFile } from "./DecryptFile";
+import { type IDestroyable } from "./IDestroyable";
+import { getBlobSafeMimeType } from "./blobs.ts";
+
+// TODO: We should consider caching the blobs. https://github.com/vector-im/element-web/issues/17192
+
+export class MediaEventHelper implements IDestroyable {
+    // Either an HTTP or Object URL (when encrypted) to the media.
+    public readonly sourceUrl: LazyValue<string | null>;
+    public readonly thumbnailUrl: LazyValue<string | null>;
+
+    // Either the raw or decrypted (when encrypted) contents of the file.
+    public readonly sourceBlob: LazyValue<Blob>;
+    public readonly thumbnailBlob: LazyValue<Blob | null>;
+
+    public readonly media: Media;
+
+    public constructor(private event: MatrixEvent) {
+        this.sourceUrl = new LazyValue(this.prepareSourceUrl);
+        this.thumbnailUrl = new LazyValue(this.prepareThumbnailUrl);
+        this.sourceBlob = new LazyValue(this.fetchSource);
+        this.thumbnailBlob = new LazyValue(this.fetchThumbnail);
+
+        this.media = mediaFromContent(this.event.getContent());
+    }
+
+    public get fileName(): string {
+        return (
+            this.event.getContent<FileContent>().filename ||
+            this.event.getContent<MediaEventContent>().body ||
+            "download"
+        );
+    }
+
+    public destroy(): void {
+        if (this.media.isEncrypted) {
+            if (this.sourceUrl.cachedValue) URL.revokeObjectURL(this.sourceUrl.cachedValue);
+            if (this.thumbnailUrl.cachedValue) URL.revokeObjectURL(this.thumbnailUrl.cachedValue);
+        }
+    }
+
+    private prepareSourceUrl = async (): Promise<string | null> => {
+        if (this.media.isEncrypted) {
+            const blob = await this.sourceBlob.value;
+            return URL.createObjectURL(blob);
+        } else {
+            return this.media.srcHttp;
+        }
+    };
+
+    private prepareThumbnailUrl = async (): Promise<string | null> => {
+        if (this.media.isEncrypted) {
+            const blob = await this.thumbnailBlob.value;
+            if (blob === null) return null;
+            return URL.createObjectURL(blob);
+        } else {
+            return this.media.thumbnailHttp;
+        }
+    };
+
+    private fetchSource = (): Promise<Blob> => {
+        const content = this.event.getContent<MediaEventContent>();
+        if (this.media.isEncrypted) {
+            return decryptFile(content.file, content.info);
+        }
+
+        return (
+            this.media
+                .downloadSource()
+                .then((r) => r.blob())
+                // Set the mime type from the event info on the blob
+                .then((blob) => blob.slice(0, blob.size, getBlobSafeMimeType(content.info?.mimetype ?? blob.type)))
+        );
+    };
+
+    private fetchThumbnail = (): Promise<Blob | null> => {
+        if (!this.media.hasThumbnail) return Promise.resolve(null);
+
+        const content = this.event.getContent<ImageContent>();
+        if (this.media.isEncrypted) {
+            if (content.info?.thumbnail_file) {
+                return decryptFile(content.info.thumbnail_file, content.info.thumbnail_info);
+            } else {
+                // "Should never happen"
+                logger.warn("Media claims to have thumbnail and is encrypted, but no thumbnail_file found");
+                return Promise.resolve(null);
+            }
+        }
+
+        const thumbnailHttp = this.media.thumbnailHttp;
+        if (!thumbnailHttp) return Promise.resolve(null);
+
+        return (
+            fetch(thumbnailHttp)
+                .then((r) => r.blob())
+                // Set the mime type from the event info on the blob
+                .then((blob) =>
+                    blob.slice(0, blob.size, getBlobSafeMimeType(content.info?.thumbnail_info?.mimetype ?? blob.type)),
+                )
+        );
+    };
+
+    public static isEligible(event: MatrixEvent): boolean {
+        if (!event) return false;
+        if (event.isRedacted()) return false;
+        if (event.getType() === EventType.Sticker) return true;
+        if (event.getType() !== EventType.RoomMessage) return false;
+
+        const content = event.getContent();
+        const mediaMsgTypes: string[] = [MsgType.Video, MsgType.Audio, MsgType.Image, MsgType.File];
+        if (mediaMsgTypes.includes(content.msgtype!)) return true;
+        if (typeof content.url === "string") return true;
+
+        // Finally, it's probably not media
+        return false;
+    }
+
+    /**
+     * Determine if the media event in question supports being hidden in the timeline.
+     * @param event Any matrix event.
+     * @returns `true` if the media can be hidden, otherwise `false`.
+     */
+    public static canHide(event: MatrixEvent): boolean {
+        if (!event) return false;
+        if (event.isRedacted()) return false;
+        const content = event.getContent();
+        const hideTypes: string[] = [MsgType.Video, MsgType.Image];
+        if (hideTypes.includes(content.msgtype!)) return true;
+        return false;
+    }
+}
diff --git a/apps/web/src/utils/MegolmExportEncryption.ts b/apps/web/src/utils/MegolmExportEncryption.ts
new file mode 100644
index 00000000000..deed2a73a97
--- /dev/null
+++ b/apps/web/src/utils/MegolmExportEncryption.ts
@@ -0,0 +1,356 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+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.
+*/
+
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../languageHandler";
+import SdkConfig from "../SdkConfig";
+
+const subtleCrypto = window.crypto.subtle;
+
+/**
+ * Make an Error object which has a friendlyText property which is already
+ * translated and suitable for showing to the user.
+ *
+ * @param {string} message message for the exception
+ * @param {string} friendlyText
+ * @returns {{message: string, friendlyText: string}}
+ */
+function friendlyError(message: string, friendlyText: string): { message: string; friendlyText: string } {
+    return { message, friendlyText };
+}
+
+function cryptoFailMsg(): string {
+    return _t("encryption|export_unsupported");
+}
+
+/**
+ * Decrypt a megolm key file
+ *
+ * @param {ArrayBuffer} data file to decrypt
+ * @param {String} password
+ * @returns {Promise<String>} promise for decrypted output
+ *
+ *
+ */
+export async function decryptMegolmKeyFile(data: ArrayBuffer, password: string): Promise<string> {
+    const body = unpackMegolmKeyFile(data);
+    const brand = SdkConfig.get().brand;
+
+    // check we have a version byte
+    if (body.length < 1) {
+        throw friendlyError("Invalid file: too short", _t("encryption|import_invalid_keyfile", { brand }));
+    }
+
+    const version = body[0];
+    if (version !== 1) {
+        throw friendlyError("Unsupported version", _t("encryption|import_invalid_keyfile", { brand }));
+    }
+
+    const ciphertextLength = body.length - (1 + 16 + 16 + 4 + 32);
+    if (ciphertextLength < 0) {
+        throw friendlyError("Invalid file: too short", _t("encryption|import_invalid_keyfile", { brand }));
+    }
+
+    const salt = body.subarray(1, 1 + 16);
+    const iv = body.subarray(17, 17 + 16);
+    const iterations = (body[33] << 24) | (body[34] << 16) | (body[35] << 8) | body[36];
+    const ciphertext = body.subarray(37, 37 + ciphertextLength);
+    const hmac = body.subarray(-32);
+
+    const [aesKey, hmacKey] = await deriveKeys(salt, iterations, password);
+    const toVerify = body.subarray(0, -32);
+
+    let isValid;
+    try {
+        isValid = await subtleCrypto.verify({ name: "HMAC" }, hmacKey, hmac, toVerify);
+    } catch (e) {
+        throw friendlyError("subtleCrypto.verify failed: " + e, cryptoFailMsg());
+    }
+    if (!isValid) {
+        throw friendlyError("hmac mismatch", _t("encryption|import_invalid_passphrase"));
+    }
+
+    let plaintext;
+    try {
+        plaintext = await subtleCrypto.decrypt(
+            {
+                name: "AES-CTR",
+                counter: iv,
+                length: 64,
+            },
+            aesKey,
+            ciphertext,
+        );
+    } catch (e) {
+        throw friendlyError("subtleCrypto.decrypt failed: " + e, cryptoFailMsg());
+    }
+
+    return new TextDecoder().decode(new Uint8Array(plaintext));
+}
+
+/**
+ * Encrypt a megolm key file
+ *
+ * @param {String} data
+ * @param {String} password
+ * @param {Object=} options
+ * @param {Number=} options.kdf_rounds Number of iterations to perform of the
+ *    key-derivation function.
+ * @returns {Promise<ArrayBuffer>} promise for encrypted output
+ */
+export async function encryptMegolmKeyFile(
+    data: string,
+    password: string,
+    options?: { kdf_rounds?: number },
+): Promise<ArrayBuffer> {
+    options = options || {};
+    const kdfRounds = options.kdf_rounds || 500000;
+
+    const salt = new Uint8Array(16);
+    window.crypto.getRandomValues(salt);
+
+    const iv = new Uint8Array(16);
+    window.crypto.getRandomValues(iv);
+
+    // clear bit 63 of the IV to stop us hitting the 64-bit counter boundary
+    // (which would mean we wouldn't be able to decrypt on Android). The loss
+    // of a single bit of iv is a price we have to pay.
+    iv[8] &= 0x7f;
+
+    const [aesKey, hmacKey] = await deriveKeys(salt, kdfRounds, password);
+    const encodedData = new TextEncoder().encode(data);
+
+    let ciphertext;
+    try {
+        ciphertext = await subtleCrypto.encrypt(
+            {
+                name: "AES-CTR",
+                counter: iv,
+                length: 64,
+            },
+            aesKey,
+            encodedData,
+        );
+    } catch (e) {
+        throw friendlyError("subtleCrypto.encrypt failed: " + e, cryptoFailMsg());
+    }
+
+    const cipherArray = new Uint8Array(ciphertext);
+    const bodyLength = 1 + salt.length + iv.length + 4 + cipherArray.length + 32;
+    const resultBuffer = new Uint8Array(bodyLength);
+    let idx = 0;
+    resultBuffer[idx++] = 1; // version
+    resultBuffer.set(salt, idx);
+    idx += salt.length;
+    resultBuffer.set(iv, idx);
+    idx += iv.length;
+    resultBuffer[idx++] = kdfRounds >> 24;
+    resultBuffer[idx++] = (kdfRounds >> 16) & 0xff;
+    resultBuffer[idx++] = (kdfRounds >> 8) & 0xff;
+    resultBuffer[idx++] = kdfRounds & 0xff;
+    resultBuffer.set(cipherArray, idx);
+    idx += cipherArray.length;
+
+    const toSign = resultBuffer.subarray(0, idx);
+
+    let hmac;
+    try {
+        hmac = await subtleCrypto.sign({ name: "HMAC" }, hmacKey, toSign);
+    } catch (e) {
+        throw friendlyError("subtleCrypto.sign failed: " + e, cryptoFailMsg());
+    }
+
+    const hmacArray = new Uint8Array(hmac);
+    resultBuffer.set(hmacArray, idx);
+    return packMegolmKeyFile(resultBuffer);
+}
+
+/**
+ * Derive the AES and HMAC-SHA-256 keys for the file
+ *
+ * @param {Unit8Array} salt  salt for pbkdf
+ * @param {Number} iterations number of pbkdf iterations
+ * @param {String} password  password
+ * @returns {Promise<[CryptoKey, CryptoKey]>} promise for [aes key, hmac key]
+ */
+async function deriveKeys(
+    salt: Uint8Array<ArrayBuffer>,
+    iterations: number,
+    password: string,
+): Promise<[CryptoKey, CryptoKey]> {
+    const start = new Date();
+
+    let key;
+    try {
+        key = await subtleCrypto.importKey("raw", new TextEncoder().encode(password), { name: "PBKDF2" }, false, [
+            "deriveBits",
+        ]);
+    } catch (e) {
+        throw friendlyError("subtleCrypto.importKey failed: " + e, cryptoFailMsg());
+    }
+
+    let keybits;
+    try {
+        keybits = await subtleCrypto.deriveBits(
+            {
+                name: "PBKDF2",
+                salt: salt,
+                iterations: iterations,
+                hash: "SHA-512",
+            },
+            key,
+            512,
+        );
+    } catch (e) {
+        throw friendlyError("subtleCrypto.deriveBits failed: " + e, cryptoFailMsg());
+    }
+
+    const now = new Date();
+    logger.log("E2e import/export: deriveKeys took " + (now.getTime() - start.getTime()) + "ms");
+
+    const aesKey = keybits.slice(0, 32);
+    const hmacKey = keybits.slice(32);
+
+    const aesProm = subtleCrypto
+        .importKey("raw", aesKey, { name: "AES-CTR" }, false, ["encrypt", "decrypt"])
+        .catch((e) => {
+            throw friendlyError("subtleCrypto.importKey failed for AES key: " + e, cryptoFailMsg());
+        });
+
+    const hmacProm = subtleCrypto
+        .importKey(
+            "raw",
+            hmacKey,
+            {
+                name: "HMAC",
+                hash: { name: "SHA-256" },
+            },
+            false,
+            ["sign", "verify"],
+        )
+        .catch((e) => {
+            throw friendlyError("subtleCrypto.importKey failed for HMAC key: " + e, cryptoFailMsg());
+        });
+
+    return Promise.all([aesProm, hmacProm]);
+}
+
+const HEADER_LINE = "-----BEGIN MEGOLM SESSION DATA-----";
+const TRAILER_LINE = "-----END MEGOLM SESSION DATA-----";
+
+/**
+ * Unbase64 an ascii-armoured megolm key file
+ *
+ * Strips the header and trailer lines, and unbase64s the content
+ *
+ * @param {ArrayBuffer} data  input file
+ * @returns {Uint8Array} unbase64ed content
+ */
+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.
+    const fileStr = new TextDecoder().decode(new Uint8Array(data));
+
+    // look for the start line
+    let lineStart = 0;
+    // eslint-disable-next-line no-constant-condition
+    while (1) {
+        const lineEnd = fileStr.indexOf("\n", lineStart);
+        if (lineEnd < 0) {
+            throw new Error("Header line not found");
+        }
+        const line = fileStr.slice(lineStart, lineEnd).trim();
+
+        // start the next line after the newline
+        lineStart = lineEnd + 1;
+
+        if (line === HEADER_LINE) {
+            break;
+        }
+    }
+
+    const dataStart = lineStart;
+
+    // look for the end line
+    // eslint-disable-next-line no-constant-condition
+    while (1) {
+        const lineEnd = fileStr.indexOf("\n", lineStart);
+        const line = fileStr.slice(lineStart, lineEnd < 0 ? undefined : lineEnd).trim();
+        if (line === TRAILER_LINE) {
+            break;
+        }
+
+        if (lineEnd < 0) {
+            throw new Error("Trailer line not found");
+        }
+
+        // start the next line after the newline
+        lineStart = lineEnd + 1;
+    }
+
+    const dataEnd = lineStart;
+    return decodeBase64(fileStr.slice(dataStart, dataEnd));
+}
+
+/**
+ * ascii-armour a  megolm key file
+ *
+ * base64s the content, and adds header and trailer lines
+ *
+ * @param {Uint8Array} data  raw data
+ * @returns {ArrayBuffer} formatted file
+ */
+function packMegolmKeyFile(data: Uint8Array): ArrayBuffer {
+    // we split into lines before base64ing, because encodeBase64 doesn't deal
+    // terribly well with large arrays.
+    const LINE_LENGTH = (72 * 4) / 3;
+    const nLines = Math.ceil(data.length / LINE_LENGTH);
+    const lines = new Array(nLines + 3);
+    lines[0] = HEADER_LINE;
+    let o = 0;
+    let i;
+    for (i = 1; i <= nLines; i++) {
+        lines[i] = encodeBase64(data.subarray(o, o + LINE_LENGTH));
+        o += LINE_LENGTH;
+    }
+    lines[i++] = TRAILER_LINE;
+    lines[i] = "";
+    return new TextEncoder().encode(lines.join("\n")).buffer;
+}
+
+/**
+ * Encode a typed array of uint8 as base64.
+ * @param {Uint8Array} uint8Array The data to encode.
+ * @returns {string} The base64.
+ */
+function encodeBase64(uint8Array: Uint8Array): string {
+    // Misinterpt the Uint8Array as Latin-1.
+    // window.btoa expects a unicode string with codepoints in the range 0-255.
+    const latin1String = String.fromCharCode.apply(null, Array.from(uint8Array));
+    // Use the builtin base64 encoder.
+    return window.btoa(latin1String);
+}
+
+/**
+ * Decode a base64 string to a typed array of uint8.
+ * @param {string} base64 The base64 to decode.
+ * @returns {Uint8Array} The decoded data.
+ */
+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
+    const uint8Array = new Uint8Array(latin1String.length);
+    for (let i = 0; i < latin1String.length; i++) {
+        uint8Array[i] = latin1String.charCodeAt(i);
+    }
+    return uint8Array;
+}
diff --git a/apps/web/src/utils/MessageDiffUtils.test.ts b/apps/web/src/utils/MessageDiffUtils.test.ts
new file mode 100644
index 00000000000..c30c6592b90
--- /dev/null
+++ b/apps/web/src/utils/MessageDiffUtils.test.ts
@@ -0,0 +1,86 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+import { render } from "test-utils-rtl";
+
+import type { IContent } from "matrix-js-sdk/src/matrix";
+import type React from "react";
+import { editBodyDiffToHtml } from "./MessageDiffUtils";
+
+describe("editBodyDiffToHtml", () => {
+    function buildContent(message: string): IContent {
+        return {
+            body: message,
+            format: "org.matrix.custom.html",
+            formatted_body: message,
+            msgtype: "m.text",
+        };
+    }
+
+    function renderDiff(before: string, after: string) {
+        const node = editBodyDiffToHtml(buildContent(before), buildContent(after));
+
+        return render(node as React.ReactElement);
+    }
+
+    it.each([
+        ["simple word changes", "hello", "world"],
+        ["central word changes", "beginning middle end", "beginning :smile: end"],
+        ["text deletions", "<b>hello</b> world", "<b>hello</b>"],
+        ["text additions", "<b>hello</b>", "<b>hello</b> world"],
+        ["block element additions", "hello", "hello <p>world</p>"],
+        ["inline element additions", "hello", "hello <q>world</q>"],
+        ["block element deletions", `hi <blockquote>there</blockquote>`, "hi"],
+        ["inline element deletions", `hi <em>there</em>`, "hi"],
+        ["element replacements", `hi <i>there</i>`, "hi <em>there</em>"],
+        ["attribute modifications", `<a href="#hi">hi</a>`, `<a href="#bye">hi</a>`],
+        ["attribute deletions", `<a href="#hi">hi</a>`, `<a>hi</a>`],
+        ["attribute additions", `<a>hi</a>`, `<a href="#/room/!123">hi</a>`],
+        ["handles empty tags", `<a>hi</a>`, `<a><h1></h1></a> hi`],
+    ])("renders %s", (_label, before, after) => {
+        const { container } = renderDiff(before, after);
+        expect(container).toMatchSnapshot();
+    });
+
+    // see https://github.com/fiduswriter/diffDOM/issues/90
+    // fixed in diff-dom in 4.2.2+
+    it("deduplicates diff steps", () => {
+        const { container } = renderDiff("<div><em>foo</em> bar baz</div>", "<div><em>foo</em> bar bay</div>");
+        expect(container).toMatchSnapshot();
+    });
+
+    it("handles non-html input", () => {
+        const before: IContent = {
+            body: "who knows what's going on <strong>here</strong>",
+            format: "org.exotic.encoding",
+            formatted_body: "who knows what's going on <strong>here</strong>",
+            msgtype: "m.text",
+        };
+
+        const after: IContent = {
+            ...before,
+            body: "who knows what's going on <strong>there</strong>",
+            formatted_body: "who knows what's going on <strong>there</strong>",
+        };
+
+        const { container } = render(editBodyDiffToHtml(before, after) as React.ReactElement);
+        expect(container).toMatchSnapshot();
+    });
+
+    // see https://github.com/vector-im/element-web/issues/23665
+    it("handles complex transformations", () => {
+        const { container } = renderDiff(
+            '<span data-mx-maths="{☃️}^\\infty"><code>{☃️}^\\infty</code></span>',
+            '<span data-mx-maths="{😃}^\\infty"><code>{😃}^\\infty</code></span>',
+        );
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/src/utils/MessageDiffUtils.tsx b/apps/web/src/utils/MessageDiffUtils.tsx
new file mode 100644
index 00000000000..f54ea78471f
--- /dev/null
+++ b/apps/web/src/utils/MessageDiffUtils.tsx
@@ -0,0 +1,281 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2021 , 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 JSX } from "react";
+import classNames from "classnames";
+import DiffMatchPatch from "diff-match-patch";
+import { DiffDOM, type IDiff } from "diff-dom";
+import { type IContent } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { unescape } from "lodash";
+
+import { bodyToHtml, checkBlockNode, type EventRenderOpts } from "../HtmlUtils";
+
+function textToHtml(text: string): string {
+    const container = document.createElement("div");
+    container.textContent = text;
+    return container.innerHTML;
+}
+
+function getSanitizedHtmlBody(content: IContent): string {
+    const opts: EventRenderOpts = {
+        stripReplyFallback: true,
+    };
+    if (content.format === "org.matrix.custom.html") {
+        return bodyToHtml(content, undefined, opts);
+    } else {
+        // convert the string to something that can be safely
+        // embedded in an html document, e.g. use html entities where needed
+        // This is also needed so that DiffDOM wouldn't interpret something
+        // as a tag when somebody types e.g. "</sarcasm>"
+
+        // as opposed to bodyToHtml, here we also render
+        // text messages with dangerouslySetInnerHTML, to unify
+        // the code paths and because we need html to show differences
+        return textToHtml(bodyToHtml(content, undefined, opts));
+    }
+}
+
+function wrapInsertion(child: Node): HTMLElement {
+    const wrapper = document.createElement(checkBlockNode(child) ? "div" : "span");
+    wrapper.className = "mx_EditHistoryMessage_insertion";
+    wrapper.appendChild(child);
+    return wrapper;
+}
+
+function wrapDeletion(child: Node): HTMLElement {
+    const wrapper = document.createElement(checkBlockNode(child) ? "div" : "span");
+    wrapper.className = "mx_EditHistoryMessage_deletion";
+    wrapper.appendChild(child);
+    return wrapper;
+}
+
+function findRefNodes(
+    root: Node,
+    route: number[],
+    isAddition = false,
+): {
+    refNode: Node | undefined;
+    refParentNode: Node | undefined;
+} {
+    let refNode: Node | undefined = root;
+    let refParentNode: Node | undefined;
+    const end = isAddition ? route.length - 1 : route.length;
+    for (let i = 0; i < end; ++i) {
+        refParentNode = refNode;
+        refNode = refNode?.childNodes[route[i]];
+    }
+    return { refNode, refParentNode };
+}
+
+function isTextNode(node: Text | HTMLElement): node is Text {
+    return node.nodeName === "#text";
+}
+
+function diffTreeToDOM(desc: Text | HTMLElement): Node {
+    if (isTextNode(desc)) {
+        return stringAsTextNode(desc.data);
+    } else {
+        const node = document.createElement(desc.nodeName);
+        for (const [key, value] of Object.entries(desc.attributes)) {
+            node.setAttribute(key, value.value);
+        }
+        if (desc.childNodes) {
+            for (const childDesc of desc.childNodes) {
+                node.appendChild(diffTreeToDOM(childDesc as Text | HTMLElement));
+            }
+        }
+        return node;
+    }
+}
+
+function insertBefore(parent: Node, nextSibling: Node | undefined, child: Node): void {
+    if (nextSibling) {
+        parent.insertBefore(child, nextSibling);
+    } else {
+        parent.appendChild(child);
+    }
+}
+
+function isRouteOfNextSibling(route1: number[], route2: number[]): boolean {
+    // routes are arrays with indices,
+    // to be interpreted as a path in the dom tree
+
+    // ensure same parent
+    for (let i = 0; i < route1.length - 1; ++i) {
+        if (route1[i] !== route2[i]) {
+            return false;
+        }
+    }
+    // the route2 is only affected by the diff of route1
+    // inserting an element if the index at the level of the
+    // last element of route1 being larger
+    // (e.g. coming behind route1 at that level)
+    const lastD1Idx = route1.length - 1;
+    return route2[lastD1Idx] >= route1[lastD1Idx];
+}
+
+function adjustRoutes(diff: IDiff, remainingDiffs: IDiff[]): void {
+    if (diff.action === "removeTextElement" || diff.action === "removeElement") {
+        // as removed text is not removed from the html, but marked as deleted,
+        // we need to readjust indices that assume the current node has been removed.
+        const advance = 1;
+        for (const rd of remainingDiffs) {
+            if (isRouteOfNextSibling(diff.route, rd.route)) {
+                rd.route[diff.route.length - 1] += advance;
+            }
+        }
+    }
+}
+
+function stringAsTextNode(string: string): Text {
+    return document.createTextNode(unescape(string));
+}
+
+function renderDifferenceInDOM(originalRootNode: Node, diff: IDiff, diffMathPatch: DiffMatchPatch): void {
+    const { refNode, refParentNode } = findRefNodes(originalRootNode, diff.route);
+
+    switch (diff.action) {
+        case "replaceElement": {
+            if (!refNode) {
+                console.warn("Unable to apply replaceElement operation due to missing node");
+                return;
+            }
+            const container = document.createElement("span");
+            const delNode = wrapDeletion(diffTreeToDOM(diff.oldValue as HTMLElement));
+            const insNode = wrapInsertion(diffTreeToDOM(diff.newValue as HTMLElement));
+            container.appendChild(delNode);
+            container.appendChild(insNode);
+            refNode.parentNode!.replaceChild(container, refNode);
+            break;
+        }
+        case "removeTextElement": {
+            if (!refNode) {
+                console.warn("Unable to apply removeTextElement operation due to missing node");
+                return;
+            }
+            const delNode = wrapDeletion(stringAsTextNode(diff.value as string));
+            refNode.parentNode!.replaceChild(delNode, refNode);
+            break;
+        }
+        case "removeElement": {
+            if (!refNode) {
+                console.warn("Unable to apply removeElement operation due to missing node");
+                return;
+            }
+            const delNode = wrapDeletion(diffTreeToDOM(diff.element as HTMLElement));
+            refNode.parentNode!.replaceChild(delNode, refNode);
+            break;
+        }
+        case "modifyTextElement": {
+            if (!refNode) {
+                console.warn("Unable to apply modifyTextElement operation due to missing node");
+                return;
+            }
+            const textDiffs = diffMathPatch.diff_main(diff.oldValue as string, diff.newValue as string);
+            diffMathPatch.diff_cleanupSemantic(textDiffs);
+            const container = document.createElement("span");
+            for (const [modifier, text] of textDiffs) {
+                let textDiffNode: Node = stringAsTextNode(text);
+                if (modifier < 0) {
+                    textDiffNode = wrapDeletion(textDiffNode);
+                } else if (modifier > 0) {
+                    textDiffNode = wrapInsertion(textDiffNode);
+                }
+                container.appendChild(textDiffNode);
+            }
+            refNode.parentNode!.replaceChild(container, refNode);
+            break;
+        }
+        case "addElement": {
+            if (!refParentNode) {
+                console.warn("Unable to apply addElement operation due to missing node");
+                return;
+            }
+            const insNode = wrapInsertion(diffTreeToDOM(diff.element as HTMLElement));
+            insertBefore(refParentNode, refNode, insNode);
+            break;
+        }
+        case "addTextElement": {
+            if (!refParentNode) {
+                console.warn("Unable to apply addTextElement operation due to missing node");
+                return;
+            }
+            // XXX: sometimes diffDOM says insert a newline when there shouldn't be one
+            // but we must insert the node anyway so that we don't break the route child IDs.
+            // See https://github.com/fiduswriter/diffDOM/issues/100
+            const insNode = wrapInsertion(stringAsTextNode(diff.value !== "\n" ? (diff.value as string) : ""));
+            insertBefore(refParentNode, refNode, insNode);
+            break;
+        }
+        // e.g. when changing a the href of a link,
+        // show the link with old href as removed and with the new href as added
+        case "removeAttribute":
+        case "addAttribute":
+        case "modifyAttribute": {
+            if (!refNode) {
+                console.warn(`Unable to apply ${diff.action} operation due to missing node`);
+                return;
+            }
+            const delNode = wrapDeletion(refNode.cloneNode(true));
+            const updatedNode = refNode.cloneNode(true) as HTMLElement;
+            if (diff.action === "addAttribute" || diff.action === "modifyAttribute") {
+                updatedNode.setAttribute(diff.name, diff.newValue as string);
+            } else {
+                updatedNode.removeAttribute(diff.name);
+            }
+            const insNode = wrapInsertion(updatedNode);
+            const container = document.createElement(checkBlockNode(refNode) ? "div" : "span");
+            container.appendChild(delNode);
+            container.appendChild(insNode);
+            refNode.parentNode!.replaceChild(container, refNode);
+            break;
+        }
+        default:
+            // Should not happen (modifyComment, ???)
+            logger.warn("MessageDiffUtils::editBodyDiffToHtml: diff action not supported atm", diff);
+    }
+}
+
+/**
+ * Renders a message with the changes made in an edit shown visually.
+ * @param {IContent} originalContent the content for the base message
+ * @param {IContent} editContent the content for the edit message
+ * @returns {JSX.Element} a react element similar to what `bodyToHtml` returns
+ */
+export function editBodyDiffToHtml(originalContent: IContent, editContent: IContent): JSX.Element {
+    // wrap the body in a div, DiffDOM needs a root element
+    const originalBody = `<div>${getSanitizedHtmlBody(originalContent)}</div>`;
+    const editBody = `<div>${getSanitizedHtmlBody(editContent)}</div>`;
+    const dd = new DiffDOM();
+    // diffActions is an array of objects with at least a `action` and `route`
+    // property. `action` tells us what the diff object changes, and `route` where.
+    // `route` is a path on the DOM tree expressed as an array of indices.
+    const diffActions = dd.diff(originalBody, editBody);
+    // for diffing text fragments
+    const diffMathPatch = new DiffMatchPatch();
+    // parse the base html message as a DOM tree, to which we'll apply the differences found.
+    // fish out the div in which we wrapped the messages above with children[0].
+    const originalRootNode = new DOMParser().parseFromString(originalBody, "text/html").body.children[0];
+    for (let i = 0; i < diffActions.length; ++i) {
+        const diff = diffActions[i];
+        renderDifferenceInDOM(originalRootNode, diff, diffMathPatch);
+        // DiffDOM assumes in subsequent diffs route path that
+        // the action was applied (e.g. that a removeElement action removed the element).
+        // This is not the case for us. We render differences in the DOM tree, and don't apply them.
+        // So we need to adjust the routes of the remaining diffs to account for this.
+        adjustRoutes(diff, diffActions.slice(i + 1));
+    }
+    // take the html out of the modified DOM tree again
+    const safeBody = originalRootNode.innerHTML;
+    const className = classNames({
+        "mx_EventTile_body": true,
+        "markdown-body": true,
+    });
+    return <span key="body" className={className} dangerouslySetInnerHTML={{ __html: safeBody }} dir="auto" />;
+}
diff --git a/apps/web/src/utils/Mouse.ts b/apps/web/src/utils/Mouse.ts
new file mode 100644
index 00000000000..56fb8bfee73
--- /dev/null
+++ b/apps/web/src/utils/Mouse.ts
@@ -0,0 +1,32 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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.
+*/
+
+/**
+ * Different browsers use different deltaModes. This causes different behaviour.
+ * To avoid that we use this function to convert any event to pixels.
+ * @param {WheelEvent} event to normalize
+ * @returns {WheelEvent} normalized event event
+ */
+export function normalizeWheelEvent({ deltaMode, deltaX, deltaY, deltaZ, ...event }: WheelEvent): WheelEvent {
+    const LINE_HEIGHT = 18;
+
+    if (deltaMode === 1) {
+        // Units are lines
+        deltaX *= LINE_HEIGHT;
+        deltaY *= LINE_HEIGHT;
+        deltaZ *= LINE_HEIGHT;
+    }
+
+    return new WheelEvent("syntheticWheel", {
+        deltaMode: 0,
+        deltaY,
+        deltaX,
+        deltaZ,
+        ...event,
+    });
+}
diff --git a/apps/web/src/utils/MultiInviter.test.ts b/apps/web/src/utils/MultiInviter.test.ts
new file mode 100644
index 00000000000..f23434c0a8b
--- /dev/null
+++ b/apps/web/src/utils/MultiInviter.test.ts
@@ -0,0 +1,267 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, type Mocked } from "vitest";
+import { EventType, type MatrixClient, MatrixError, MatrixEvent, Room, RoomMember } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import * as TestUtilsMatrix from "test-utils";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import Modal, { type ComponentType, type ComponentProps } from "../Modal";
+import SettingsStore from "../settings/SettingsStore";
+import MultiInviter, { type CompletionStates } from "./MultiInviter";
+import AskInviteAnywayDialog from "../components/views/dialogs/AskInviteAnywayDialog";
+import ConfirmUserActionDialog from "../components/views/dialogs/ConfirmUserActionDialog";
+
+const ROOMID = "!room:server";
+
+const MXID1 = "@user1:server";
+const MXID2 = "@user2:server";
+const MXID3 = "@user3:server";
+
+const MXID_PROFILE_STATES: Record<string, () => {}> = {
+    [MXID1]: () => ({}),
+    [MXID2]: () => {
+        throw new MatrixError({ errcode: "M_FORBIDDEN" });
+    },
+    [MXID3]: () => {
+        throw new MatrixError({ errcode: "M_NOT_FOUND" });
+    },
+};
+
+vi.mock("../Modal", () => ({
+    default: {
+        createDialog: vi.fn(),
+    },
+}));
+
+vi.mock("../settings/SettingsStore", () => ({
+    default: {
+        getValue: vi.fn(),
+        monitorSetting: vi.fn(),
+        watchSetting: vi.fn(),
+    },
+}));
+
+const mockPromptBeforeInviteUnknownUsers = (value: boolean) => {
+    vi.mocked(SettingsStore.getValue).mockImplementation(
+        (settingName: string, roomId?: string | null, _excludeDefault = false): any => {
+            if (settingName === "promptBeforeInviteUnknownUsers" && roomId === ROOMID) {
+                return value;
+            }
+        },
+    );
+};
+
+const mockCreateTrackedDialog = (callbackName: "onInviteAnyways" | "onGiveUp") => {
+    vi.mocked(Modal.createDialog).mockImplementation(
+        (Element: ComponentType, props?: ComponentProps<ComponentType>) => {
+            if (Element === AskInviteAnywayDialog) {
+                (props as ComponentProps<typeof AskInviteAnywayDialog>)[callbackName]();
+            }
+            return { close: vi.fn(), finished: new Promise(() => {}) };
+        },
+    );
+};
+
+const expectAllInvitedResult = (result: CompletionStates) => {
+    expect(result).toEqual({
+        [MXID1]: "invited",
+        [MXID2]: "invited",
+        [MXID3]: "invited",
+    });
+};
+
+describe("MultiInviter", () => {
+    let client: Mocked<MatrixClient>;
+    let inviter: MultiInviter;
+
+    beforeEach(() => {
+        vi.resetAllMocks();
+        vi.mocked(Modal.createDialog).mockReturnValue({ close: vi.fn(), finished: new Promise(() => {}) });
+
+        TestUtilsMatrix.stubClient();
+        client = vi.mocked(MatrixClientPeg.safeGet());
+
+        client.invite = vi.fn();
+        client.invite.mockResolvedValue({});
+
+        client.getProfileInfo = vi.fn();
+        client.getProfileInfo.mockImplementation(async (userId: string) => {
+            const m = MXID_PROFILE_STATES[userId];
+            if (m) return m();
+            throw new Error();
+        });
+        client.unban = vi.fn();
+
+        inviter = new MultiInviter(client, ROOMID);
+    });
+
+    describe("invite", () => {
+        it("should show a progress dialog while the invite happens", async () => {
+            const mockModalHandle = { close: vi.fn(), finished: new Promise<[]>(() => {}) };
+            vi.mocked(Modal.createDialog).mockReturnValue(mockModalHandle);
+
+            const invitePromise = Promise.withResolvers<{}>();
+            client.invite.mockReturnValue(invitePromise.promise);
+
+            const resultPromise = inviter.invite([MXID1]);
+            expect(Modal.createDialog).toHaveBeenCalledTimes(1);
+            expect(mockModalHandle.close).not.toHaveBeenCalled();
+
+            invitePromise.resolve({});
+            await resultPromise;
+            expect(mockModalHandle.close).toHaveBeenCalled();
+        });
+
+        describe("with promptBeforeInviteUnknownUsers = false", () => {
+            beforeEach(() => mockPromptBeforeInviteUnknownUsers(false));
+
+            it("should invite all users", async () => {
+                const result = await inviter.invite([MXID1, MXID2, MXID3]);
+
+                expect(client.invite).toHaveBeenCalledTimes(3);
+                expect(client.invite).toHaveBeenNthCalledWith(1, ROOMID, MXID1, { shareEncryptedHistory: true });
+                expect(client.invite).toHaveBeenNthCalledWith(2, ROOMID, MXID2, { shareEncryptedHistory: true });
+                expect(client.invite).toHaveBeenNthCalledWith(3, ROOMID, MXID3, { shareEncryptedHistory: true });
+
+                expectAllInvitedResult(result);
+            });
+        });
+
+        describe("with promptBeforeInviteUnknownUsers = true and", () => {
+            beforeEach(() => mockPromptBeforeInviteUnknownUsers(true));
+
+            describe("confirming the unknown user dialog", () => {
+                beforeEach(() => mockCreateTrackedDialog("onInviteAnyways"));
+
+                it("should invite all users", async () => {
+                    const result = await inviter.invite([MXID1, MXID2, MXID3]);
+
+                    expect(client.invite).toHaveBeenCalledTimes(3);
+                    expect(client.invite).toHaveBeenNthCalledWith(1, ROOMID, MXID1, { shareEncryptedHistory: true });
+                    expect(client.invite).toHaveBeenNthCalledWith(2, ROOMID, MXID2, { shareEncryptedHistory: true });
+                    expect(client.invite).toHaveBeenNthCalledWith(3, ROOMID, MXID3, { shareEncryptedHistory: true });
+
+                    expectAllInvitedResult(result);
+                });
+            });
+
+            describe("declining the unknown user dialog", () => {
+                beforeEach(() => mockCreateTrackedDialog("onGiveUp"));
+
+                it("should only invite existing users", async () => {
+                    const result = await inviter.invite([MXID1, MXID2, MXID3]);
+
+                    expect(client.invite).toHaveBeenCalledTimes(1);
+                    expect(client.invite).toHaveBeenNthCalledWith(1, ROOMID, MXID1, { shareEncryptedHistory: true });
+
+                    // The resolved state is 'invited' for all users.
+                    // With the above client expectations, the test ensures that only the first user is invited.
+                    expectAllInvitedResult(result);
+                });
+            });
+        });
+
+        it("should show sensible error when attempting 3pid invite with no identity server", async () => {
+            client.inviteByEmail = vi.fn().mockRejectedValueOnce(
+                new MatrixError({
+                    errcode: "ORG.MATRIX.JSSDK_MISSING_PARAM",
+                }),
+            );
+            await inviter.invite(["foo@bar.com"]);
+            expect(inviter.getErrorText("foo@bar.com")).toMatchInlineSnapshot(
+                `"Cannot invite user by email without an identity server. You can connect to one under "Settings"."`,
+            );
+        });
+
+        it("should ask if user wants to unban user if they have permission", async () => {
+            vi.mocked(Modal.createDialog).mockImplementation(
+                (Element: ComponentType, props?: ComponentProps<ComponentType>): any => {
+                    // We stub out the modal with an immediate affirmative (proceed) return
+                    return { finished: Promise.resolve([true]) };
+                },
+            );
+
+            const room = new Room(ROOMID, client, client.getSafeUserId());
+            vi.mocked(client.getRoom).mockReturnValue(room);
+            const ourMember = new RoomMember(ROOMID, client.getSafeUserId());
+            ourMember.membership = KnownMembership.Join;
+            ourMember.powerLevel = 100;
+            const member = new RoomMember(ROOMID, MXID1);
+            member.membership = KnownMembership.Ban;
+            member.powerLevel = 0;
+            room.getMember = (userId: string) => {
+                if (userId === client.getSafeUserId()) return ourMember;
+                if (userId === MXID1) return member;
+                return null;
+            };
+
+            await inviter.invite([MXID1]);
+            expect(Modal.createDialog).toHaveBeenCalledWith(ConfirmUserActionDialog, {
+                member,
+                title: "User cannot be invited until they are unbanned",
+                action: "Unban",
+            });
+            expect(client.unban).toHaveBeenCalledWith(ROOMID, MXID1);
+        });
+
+        it("should show sensible error when attempting to invite over federation with m.federate=false", async () => {
+            vi.mocked(client.invite).mockRejectedValueOnce(
+                new MatrixError({
+                    errcode: "M_FORBIDDEN",
+                }),
+            );
+            const room = new Room(ROOMID, client, client.getSafeUserId());
+            room.currentState.setStateEvents([
+                new MatrixEvent({
+                    type: EventType.RoomCreate,
+                    state_key: "",
+                    content: {
+                        "m.federate": false,
+                    },
+                    room_id: ROOMID,
+                }),
+            ]);
+            vi.mocked(client.getRoom).mockReturnValue(room);
+
+            await inviter.invite(["@user:other_server"]);
+            expect(inviter.getErrorText("@user:other_server")).toMatchInlineSnapshot(
+                `"This room is unfederated. You cannot invite people from external servers."`,
+            );
+        });
+
+        it("should show sensible error when attempting to invite over federation with m.federate=false to space", async () => {
+            vi.mocked(client.invite).mockRejectedValueOnce(
+                new MatrixError({
+                    errcode: "M_FORBIDDEN",
+                }),
+            );
+            const room = new Room(ROOMID, client, client.getSafeUserId());
+            room.currentState.setStateEvents([
+                new MatrixEvent({
+                    type: EventType.RoomCreate,
+                    state_key: "",
+                    content: {
+                        "m.federate": false,
+                        "type": "m.space",
+                    },
+                    room_id: ROOMID,
+                }),
+            ]);
+            vi.mocked(client.getRoom).mockReturnValue(room);
+
+            await inviter.invite(["@user:other_server"]);
+            expect(inviter.getErrorText("@user:other_server")).toMatchInlineSnapshot(
+                `"This space is unfederated. You cannot invite people from external servers."`,
+            );
+        });
+    });
+});
diff --git a/apps/web/src/utils/MultiInviter.ts b/apps/web/src/utils/MultiInviter.ts
new file mode 100644
index 00000000000..09ae6adb9c9
--- /dev/null
+++ b/apps/web/src/utils/MultiInviter.ts
@@ -0,0 +1,384 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 { MatrixError, type MatrixClient, EventType, type EmptyObject, type InviteOpts } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { AddressType, getAddressType } from "../UserAddress";
+import { _t } from "../languageHandler";
+import Modal from "../Modal";
+import SettingsStore from "../settings/SettingsStore";
+import AskInviteAnywayDialog from "../components/views/dialogs/AskInviteAnywayDialog";
+import ConfirmUserActionDialog from "../components/views/dialogs/ConfirmUserActionDialog";
+import { openInviteProgressDialog } from "../components/views/dialogs/InviteProgressDialog.tsx";
+
+export enum InviteState {
+    Invited = "invited",
+    Error = "error",
+}
+
+interface IError {
+    errorText: string;
+    errcode: string;
+}
+
+export const UNKNOWN_PROFILE_ERRORS = [
+    "M_NOT_FOUND",
+    "M_USER_NOT_FOUND",
+    "M_PROFILE_UNDISCLOSED",
+    "M_PROFILE_NOT_FOUND",
+];
+
+export type CompletionStates = Record<string, InviteState>;
+
+const USER_ALREADY_JOINED = "IO.ELEMENT.ALREADY_JOINED";
+const USER_ALREADY_INVITED = "IO.ELEMENT.ALREADY_INVITED";
+const USER_BANNED = "IO.ELEMENT.BANNED";
+
+/** Options interface for {@link MultiInviter} */
+export interface MultiInviterOptions {
+    /** Optional callback, fired after each invite */
+    progressCallback?: () => void;
+
+    /**
+     * By default, we will pop up a "Preparing invitations..." dialog while the invites are being sent. Set this to
+     * `true` to inhibit it (in which case, you probably want to implement another bit of feedback UI).
+     */
+    inhibitProgressDialog?: boolean;
+}
+
+/**
+ * Invites multiple addresses to a room, handling rate limiting from the server
+ */
+export default class MultiInviter {
+    private addresses: string[] = [];
+    private _fatal = false;
+    private completionStates: CompletionStates = {}; // State of each address (invited or error)
+    private errors: Record<string, IError> = {}; // { address: {errorText, errcode} }
+    private reason: string | undefined;
+
+    /**
+     * @param matrixClient the client of the logged in user
+     * @param {string} roomId The ID of the room to invite to
+     * @param options Options object
+     */
+    public constructor(
+        private readonly matrixClient: MatrixClient,
+        private roomId: string,
+        private readonly options: MultiInviterOptions = {},
+    ) {}
+
+    public get fatal(): boolean {
+        return this._fatal;
+    }
+
+    /**
+     * Invite users to this room. This may only be called once per
+     * instance of the class.
+     *
+     * Any failures are returned via the {@link CompletionStates} in the result.
+     *
+     * @param {array} addresses Array of addresses to invite
+     * @param {string} reason Reason for inviting (optional)
+     * @returns {Promise} Resolved when all invitations in the queue are complete.
+     */
+    public async invite(addresses: string[], reason?: string): Promise<CompletionStates> {
+        if (this.addresses.length > 0) {
+            throw new Error("Already inviting/invited");
+        }
+        this.addresses.push(...addresses);
+        this.reason = reason;
+
+        let closeDialog: (() => void) | undefined;
+        if (!this.options.inhibitProgressDialog) {
+            closeDialog = openInviteProgressDialog();
+        }
+
+        try {
+            for (const addr of this.addresses) {
+                if (getAddressType(addr) === null) {
+                    this.completionStates[addr] = InviteState.Error;
+                    this.errors[addr] = {
+                        errcode: "M_INVALID",
+                        errorText: _t("invite|invalid_address"),
+                    };
+                }
+            }
+
+            for (const addr of this.addresses) {
+                // don't try to invite it if it's an invalid address
+                // (it will already be marked as an error though,
+                // so no need to do so again)
+                if (getAddressType(addr) === null) {
+                    continue;
+                }
+
+                // don't re-invite (there's no way in the UI to do this, but
+                // for sanity's sake)
+                if (this.completionStates[addr] === InviteState.Invited) {
+                    continue;
+                }
+
+                await this.doInvite(addr, false);
+
+                if (this._fatal) {
+                    // `doInvite` suffered a fatal error. The error should have been recorded in `errors`; it's up
+                    // to the caller to report back to the user.
+                    return this.completionStates;
+                }
+            }
+
+            if (Object.keys(this.errors).length > 0) {
+                // There were problems inviting some people - see if we can invite them
+                // without caring if they exist or not.
+                const unknownProfileUsers = Object.keys(this.errors).filter((a) =>
+                    UNKNOWN_PROFILE_ERRORS.includes(this.errors[a].errcode),
+                );
+
+                if (unknownProfileUsers.length > 0) {
+                    await this.handleUnknownProfileUsers(unknownProfileUsers);
+                }
+            }
+        } finally {
+            // Remember to close the progress dialog, if we opened one.
+            closeDialog?.();
+        }
+
+        return this.completionStates;
+    }
+
+    public getCompletionState(addr: string): InviteState {
+        return this.completionStates[addr];
+    }
+
+    public getErrorText(addr: string): string | null {
+        return this.errors[addr]?.errorText ?? null;
+    }
+
+    private async inviteToRoom(roomId: string, addr: string, ignoreProfile = false): Promise<EmptyObject> {
+        const addrType = getAddressType(addr);
+
+        if (addrType === AddressType.Email) {
+            return this.matrixClient.inviteByEmail(roomId, addr);
+        } else if (addrType === AddressType.MatrixUserId) {
+            const room = this.matrixClient.getRoom(roomId);
+            if (!room) throw new Error("Room not found");
+
+            const member = room.getMember(addr);
+            if (member?.membership === KnownMembership.Join) {
+                throw new MatrixError({
+                    errcode: USER_ALREADY_JOINED,
+                    error: "Member already joined",
+                });
+            } else if (member?.membership === KnownMembership.Invite) {
+                throw new MatrixError({
+                    errcode: USER_ALREADY_INVITED,
+                    error: "Member already invited",
+                });
+            } else if (member?.membership === KnownMembership.Ban) {
+                let proceed = false;
+                // Check if we can unban the invitee.
+                // See https://spec.matrix.org/v1.7/rooms/v10/#authorization-rules, particularly 4.5.3 and 4.5.4.
+                const ourMember = room.getMember(this.matrixClient.getSafeUserId());
+                if (
+                    !!ourMember &&
+                    member.powerLevel < ourMember.powerLevel &&
+                    room.currentState.hasSufficientPowerLevelFor("ban", ourMember.powerLevel) &&
+                    room.currentState.hasSufficientPowerLevelFor("kick", ourMember.powerLevel)
+                ) {
+                    const { finished } = Modal.createDialog(ConfirmUserActionDialog, {
+                        member,
+                        action: _t("action|unban"),
+                        title: _t("invite|unban_first_title"),
+                    });
+                    [proceed = false] = await finished;
+                    if (proceed) {
+                        await this.matrixClient.unban(roomId, member.userId);
+                    }
+                }
+
+                if (!proceed) {
+                    throw new MatrixError({
+                        errcode: USER_BANNED,
+                        error: "Member is banned",
+                    });
+                }
+            }
+
+            if (!ignoreProfile && SettingsStore.getValue("promptBeforeInviteUnknownUsers", this.roomId)) {
+                try {
+                    await this.matrixClient.getProfileInfo(addr);
+                } catch (err) {
+                    // The error handling during the invitation process covers any API.
+                    // Some errors must to me mapped from profile API errors to more specific ones to avoid collisions.
+                    switch (err instanceof MatrixError ? err.errcode : err) {
+                        case "M_FORBIDDEN":
+                            throw new MatrixError({ errcode: "M_PROFILE_UNDISCLOSED" });
+                        case "M_NOT_FOUND":
+                            throw new MatrixError({ errcode: "M_USER_NOT_FOUND" });
+                        default:
+                            throw err;
+                    }
+                }
+            }
+
+            const opts: InviteOpts = {
+                shareEncryptedHistory: true,
+            };
+            if (this.reason !== undefined) opts.reason = this.reason;
+            return this.matrixClient.invite(roomId, addr, opts);
+        } else {
+            throw new Error("Unsupported address");
+        }
+    }
+
+    /**
+     * Attempt to invite a user.
+     *
+     * Does not normally throw exceptions. If there was an error, this is reflected in {@link errors}.
+     * If the error was fatal and should prevent further invites from being done, {@link _fatal} is set.
+     */
+    private doInvite(address: string, ignoreProfile: boolean): Promise<void> {
+        return new Promise<void>((resolve, reject) => {
+            logger.log(`Inviting ${address}`);
+
+            const doInvite = this.inviteToRoom(this.roomId, address, ignoreProfile);
+            doInvite
+                .then(() => {
+                    this.completionStates[address] = InviteState.Invited;
+                    delete this.errors[address];
+
+                    resolve();
+                    this.options.progressCallback?.();
+                })
+                .catch((err) => {
+                    logger.error(err);
+
+                    const room = this.roomId ? this.matrixClient.getRoom(this.roomId) : null;
+                    const isSpace = room?.isSpaceRoom();
+                    const isFederated = room?.currentState.getStateEvents(EventType.RoomCreate, "")?.getContent()[
+                        "m.federate"
+                    ];
+
+                    let errorText: string | undefined;
+                    switch (err.errcode) {
+                        case "M_FORBIDDEN":
+                            if (isSpace) {
+                                errorText =
+                                    isFederated === false
+                                        ? _t("invite|error_unfederated_space")
+                                        : _t("invite|error_permissions_space");
+                            } else {
+                                errorText =
+                                    isFederated === false
+                                        ? _t("invite|error_unfederated_room")
+                                        : _t("invite|error_permissions_room");
+                            }
+                            // No point doing further invites.
+                            this._fatal = true;
+                            break;
+                        case USER_ALREADY_INVITED:
+                            if (isSpace) {
+                                errorText = _t("invite|error_already_invited_space");
+                            } else {
+                                errorText = _t("invite|error_already_invited_room");
+                            }
+                            break;
+                        case USER_ALREADY_JOINED:
+                            if (isSpace) {
+                                errorText = _t("invite|error_already_joined_space");
+                            } else {
+                                errorText = _t("invite|error_already_joined_room");
+                            }
+                            break;
+                        case "M_LIMIT_EXCEEDED":
+                            // we're being throttled so wait a bit & try again
+                            window.setTimeout(() => {
+                                this.doInvite(address, ignoreProfile).then(resolve, reject);
+                            }, 5000);
+                            return;
+                        case "M_NOT_FOUND":
+                        case "M_USER_NOT_FOUND":
+                            errorText = _t("invite|error_user_not_found");
+                            break;
+                        case "M_PROFILE_UNDISCLOSED":
+                            errorText = _t("invite|error_profile_undisclosed");
+                            break;
+                        case "M_PROFILE_NOT_FOUND":
+                            if (!ignoreProfile) {
+                                // Invite without the profile check
+                                logger.warn(`User ${address} does not have a profile - inviting anyways automatically`);
+                                this.doInvite(address, true).then(resolve, reject);
+                                return;
+                            }
+                            break;
+                        case "M_BAD_STATE":
+                        case USER_BANNED:
+                            errorText = _t("invite|error_bad_state");
+                            break;
+                        case "M_UNSUPPORTED_ROOM_VERSION":
+                            if (isSpace) {
+                                errorText = _t("invite|error_version_unsupported_space");
+                            } else {
+                                errorText = _t("invite|error_version_unsupported_room");
+                            }
+                            break;
+                        case "ORG.MATRIX.JSSDK_MISSING_PARAM":
+                            if (getAddressType(address) === AddressType.Email) {
+                                errorText = _t("cannot_invite_without_identity_server");
+                            }
+                    }
+
+                    if (!errorText) {
+                        errorText = _t("invite|error_unknown");
+                    }
+
+                    this.completionStates[address] = InviteState.Error;
+                    this.errors[address] = { errorText, errcode: err.errcode };
+
+                    resolve();
+                });
+        });
+    }
+
+    /** Handle users which failed with an error code which indicated that their profile was unknown.
+     *
+     * Depending on the `promptBeforeInviteUnknownUsers` setting, we either prompt the user for how to proceed, or
+     * send the invites anyway.
+     */
+    private handleUnknownProfileUsers(unknownProfileUsers: string[]): Promise<void> {
+        return new Promise<void>((resolve) => {
+            const inviteUnknowns = (): void => {
+                const promises = unknownProfileUsers.map((u) => this.doInvite(u, true));
+                Promise.all(promises).then(() => resolve());
+            };
+
+            if (!SettingsStore.getValue("promptBeforeInviteUnknownUsers", this.roomId)) {
+                inviteUnknowns();
+                return;
+            }
+
+            logger.log("Showing failed to invite dialog...");
+            Modal.createDialog(AskInviteAnywayDialog, {
+                unknownProfileUsers: unknownProfileUsers.map((u) => ({
+                    userId: u,
+                    errorText: this.errors[u].errorText,
+                })),
+                onInviteAnyways: () => inviteUnknowns(),
+                onGiveUp: () => {
+                    // Fake all the completion states because we already warned the user
+                    for (const addr of unknownProfileUsers) {
+                        this.completionStates[addr] = InviteState.Invited;
+                    }
+                    resolve();
+                },
+            });
+        });
+    }
+}
diff --git a/apps/web/src/utils/NativeEventUtils.ts b/apps/web/src/utils/NativeEventUtils.ts
new file mode 100644
index 00000000000..d6373a61a20
--- /dev/null
+++ b/apps/web/src/utils/NativeEventUtils.ts
@@ -0,0 +1,18 @@
+/*
+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 type React from "react";
+
+// Wrap DOM event handlers with stopPropagation and preventDefault
+export const preventDefaultWrapper =
+    <T extends React.BaseSyntheticEvent = React.BaseSyntheticEvent>(callback: () => void) =>
+    (e?: T) => {
+        e?.stopPropagation();
+        e?.preventDefault();
+        callback();
+    };
diff --git a/apps/web/src/utils/PasswordScorer.test.ts b/apps/web/src/utils/PasswordScorer.test.ts
new file mode 100644
index 00000000000..d87e01ce7f4
--- /dev/null
+++ b/apps/web/src/utils/PasswordScorer.test.ts
@@ -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 { vi, describe, it, expect } from "vitest";
+import { ZxcvbnFactory } from "@zxcvbn-ts/core";
+
+import { scorePassword, baseOptions } from "./PasswordScorer.ts";
+
+vi.mock("../languageHandler", () => ({
+    getCurrentLanguage: vi.fn().mockReturnValue("en"),
+    _t: vi.fn((k) => k),
+}));
+vi.mock("../SdkConfig", () => ({
+    default: {
+        get: vi.fn().mockReturnValue({
+            brand: "BRAND",
+        }),
+    },
+}));
+
+describe("scorePassword", () => {
+    const baseZxcvbn = new ZxcvbnFactory(baseOptions);
+
+    it("should handle inputs with spaces by removing them", () => {
+        const input = "apple banana cherry";
+        const baseResult = baseZxcvbn.check(input);
+
+        const output = scorePassword(null, input);
+        expect(output).toBeDefined();
+        expect(output!.score).toBe(3);
+        expect(output!.score).toBeLessThan(baseResult.score);
+    });
+});
diff --git a/apps/web/src/utils/PasswordScorer.ts b/apps/web/src/utils/PasswordScorer.ts
new file mode 100644
index 00000000000..ff50c43ee01
--- /dev/null
+++ b/apps/web/src/utils/PasswordScorer.ts
@@ -0,0 +1,115 @@
+/*
+Copyright 2018-2024 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 { ZxcvbnFactory, type ZxcvbnResult, type TranslationKeys } from "@zxcvbn-ts/core";
+import * as zxcvbnCommonPackage from "@zxcvbn-ts/language-common";
+import * as zxcvbnEnPackage from "@zxcvbn-ts/language-en";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../languageHandler";
+import SdkConfig from "../SdkConfig";
+
+/**
+ * Base zxcvbn options
+ * @knipignore - exported for tests
+ */
+export const baseOptions = {
+    dictionary: {
+        ...zxcvbnCommonPackage.dictionary,
+        ...zxcvbnEnPackage.dictionary,
+        userInputs: ["riot", "matrix", "element", SdkConfig.get().brand],
+    },
+    graphs: zxcvbnCommonPackage.adjacencyGraphs,
+    useLevenshteinDistance: true,
+};
+
+function getTranslations(): TranslationKeys {
+    return {
+        warnings: {
+            straightRow: _t("zxcvbn|warnings|straightRow"),
+            keyPattern: _t("zxcvbn|warnings|keyPattern"),
+            simpleRepeat: _t("zxcvbn|warnings|simpleRepeat"),
+            extendedRepeat: _t("zxcvbn|warnings|extendedRepeat"),
+            sequences: _t("zxcvbn|warnings|sequences"),
+            recentYears: _t("zxcvbn|warnings|recentYears"),
+            dates: _t("zxcvbn|warnings|dates"),
+            topTen: _t("zxcvbn|warnings|topTen"),
+            topHundred: _t("zxcvbn|warnings|topHundred"),
+            common: _t("zxcvbn|warnings|common"),
+            similarToCommon: _t("zxcvbn|warnings|similarToCommon"),
+            wordByItself: _t("zxcvbn|warnings|wordByItself"),
+            namesByThemselves: _t("zxcvbn|warnings|namesByThemselves"),
+            commonNames: _t("zxcvbn|warnings|commonNames"),
+            userInputs: _t("zxcvbn|warnings|userInputs"),
+            pwned: _t("zxcvbn|warnings|pwned"),
+        },
+        suggestions: {
+            l33t: _t("zxcvbn|suggestions|l33t"),
+            reverseWords: _t("zxcvbn|suggestions|reverseWords"),
+            allUppercase: _t("zxcvbn|suggestions|allUppercase"),
+            capitalization: _t("zxcvbn|suggestions|capitalization"),
+            dates: _t("zxcvbn|suggestions|dates"),
+            recentYears: _t("zxcvbn|suggestions|recentYears"),
+            associatedYears: _t("zxcvbn|suggestions|associatedYears"),
+            sequences: _t("zxcvbn|suggestions|sequences"),
+            repeated: _t("zxcvbn|suggestions|repeated"),
+            longerKeyboardPattern: _t("zxcvbn|suggestions|longerKeyboardPattern"),
+            anotherWord: _t("zxcvbn|suggestions|anotherWord"),
+            useWords: _t("zxcvbn|suggestions|useWords"),
+            noNeed: _t("zxcvbn|suggestions|noNeed"),
+            pwned: _t("zxcvbn|suggestions|pwned"),
+        },
+        // We don't utilise the time estimation at this time so just pass through the English translations here
+        timeEstimation: zxcvbnEnPackage.translations.timeEstimation,
+    };
+}
+
+/**
+ * Wrapper around zxcvbn password strength estimation
+ * Include this only from async components: it pulls in zxcvbn
+ * (obviously) which is large.
+ *
+ * @param {string} password Password to score
+ * @param matrixClient the client of the logged-in user, if any
+ * @param userInputs additional strings such as the user's name which should be considered a bad password component
+ * @returns {object} Score result with `score` and `feedback` properties
+ */
+export function scorePassword(
+    matrixClient: MatrixClient | null,
+    password: string,
+    userInputs: string[] = [],
+): ZxcvbnResult | null {
+    if (password.length === 0) return null;
+
+    // copy the supplied array before modifying it
+    const inputs = [...userInputs];
+
+    if (matrixClient) {
+        inputs.push(matrixClient.getUserIdLocalpart()!);
+
+        try {
+            const domain = matrixClient.getDomain()!;
+            inputs.push(domain);
+        } catch {
+            // This is fine
+        }
+    }
+
+    const zxcvbn = new ZxcvbnFactory({
+        ...baseOptions,
+        translations: getTranslations(),
+    });
+
+    let zxcvbnResult = zxcvbn.check(password, inputs);
+    // Work around https://github.com/dropbox/zxcvbn/issues/216
+    if (password.includes(" ")) {
+        const resultNoSpaces = zxcvbn.check(password.replace(/ /g, ""), inputs);
+        if (resultNoSpaces.score < zxcvbnResult.score) zxcvbnResult = resultNoSpaces;
+    }
+
+    return zxcvbnResult;
+}
diff --git a/apps/web/src/utils/PinningUtils.test.ts b/apps/web/src/utils/PinningUtils.test.ts
new file mode 100644
index 00000000000..e27933e4152
--- /dev/null
+++ b/apps/web/src/utils/PinningUtils.test.ts
@@ -0,0 +1,297 @@
+/*
+ * 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.
+ */
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, test, expect, beforeEach } from "vitest";
+import { EventTimeline, EventType, type IEvent, type MatrixClient, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+
+import { createTestClient } from "../../test/test-utils";
+import PinningUtils from "./PinningUtils";
+import SettingsStore from "../settings/SettingsStore";
+import { isContentActionable } from "./EventUtils";
+import { ReadPinsEventId } from "../components/views/right_panel/types";
+
+vi.mock("./EventUtils", () => {
+    return {
+        isContentActionable: vi.fn(),
+        canPinEvent: vi.fn(),
+    };
+});
+
+describe("PinningUtils", () => {
+    const roomId = "!room:example.org";
+    const userId = "@alice:example.org";
+
+    const mockedIsContentActionable = vi.mocked(isContentActionable);
+
+    let matrixClient: MatrixClient;
+    let room: Room;
+
+    /**
+     * Create a pinned event with the given content.
+     * @param content
+     */
+    function makePinEvent(content?: Partial<IEvent>) {
+        return new MatrixEvent({
+            type: EventType.RoomMessage,
+            sender: userId,
+            content: {
+                body: "First pinned message",
+                msgtype: "m.text",
+            },
+            room_id: roomId,
+            origin_server_ts: 0,
+            event_id: "$eventId",
+            ...content,
+        });
+    }
+
+    beforeEach(() => {
+        // Enable feature pinning
+        vi.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+        mockedIsContentActionable.mockImplementation(() => true);
+
+        matrixClient = createTestClient();
+        room = new Room(roomId, matrixClient, userId);
+        matrixClient.getRoom = vi.fn().mockReturnValue(room);
+
+        vi.spyOn(
+            matrixClient.getRoom(roomId)!.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+            "mayClientSendStateEvent",
+        ).mockReturnValue(true);
+    });
+
+    describe("isUnpinnable", () => {
+        test.each(PinningUtils.PINNABLE_EVENT_TYPES)("should return true for pinnable event types", (eventType) => {
+            const event = makePinEvent({ type: eventType });
+            expect(PinningUtils.isUnpinnable(event)).toBe(true);
+        });
+
+        test("should return false for a non pinnable event type", () => {
+            const event = makePinEvent({ type: EventType.RoomCreate });
+            expect(PinningUtils.isUnpinnable(event)).toBe(false);
+        });
+
+        test("should return true for a redacted event", () => {
+            const event = makePinEvent({ unsigned: { redacted_because: "because" as unknown as IEvent } });
+            expect(PinningUtils.isUnpinnable(event)).toBe(true);
+        });
+    });
+
+    describe("isPinnable", () => {
+        test.each(PinningUtils.PINNABLE_EVENT_TYPES)("should return true for pinnable event types", (eventType) => {
+            const event = makePinEvent({ type: eventType });
+            expect(PinningUtils.isPinnable(event)).toBe(true);
+        });
+
+        test("should return false for a redacted event", () => {
+            const event = makePinEvent({ unsigned: { redacted_because: "because" as unknown as IEvent } });
+            expect(PinningUtils.isPinnable(event)).toBe(false);
+        });
+    });
+
+    describe("isPinned", () => {
+        test("should return false if no room", () => {
+            matrixClient.getRoom = vi.fn().mockReturnValue(undefined);
+            const event = makePinEvent();
+
+            expect(PinningUtils.isPinned(matrixClient, event)).toBe(false);
+        });
+
+        test("should return false if no pinned event", () => {
+            vi.spyOn(
+                matrixClient.getRoom(roomId)!.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+                "getStateEvents",
+            ).mockReturnValue(null);
+
+            const event = makePinEvent();
+            expect(PinningUtils.isPinned(matrixClient, event)).toBe(false);
+        });
+
+        test("should return false if pinned events do not contain the event id", () => {
+            vi.spyOn(
+                matrixClient.getRoom(roomId)!.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+                "getStateEvents",
+            ).mockReturnValue({
+                // @ts-ignore
+                getContent: () => ({ pinned: ["$otherEventId"] }),
+            });
+
+            const event = makePinEvent();
+            expect(PinningUtils.isPinned(matrixClient, event)).toBe(false);
+        });
+
+        test("should return true if pinned events contains the event id", () => {
+            const event = makePinEvent();
+            vi.spyOn(
+                matrixClient.getRoom(roomId)!.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+                "getStateEvents",
+            ).mockReturnValue({
+                // @ts-ignore
+                getContent: () => ({ pinned: [event.getId()] }),
+            });
+
+            expect(PinningUtils.isPinned(matrixClient, event)).toBe(true);
+        });
+    });
+
+    describe("canPin & canUnpin", () => {
+        describe("canPin", () => {
+            test("should return false if event is not actionable", () => {
+                mockedIsContentActionable.mockImplementation(() => false);
+                const event = makePinEvent();
+
+                expect(PinningUtils.canPin(matrixClient, event)).toBe(false);
+            });
+
+            test("should return false if no room", () => {
+                matrixClient.getRoom = vi.fn().mockReturnValue(undefined);
+                const event = makePinEvent();
+
+                expect(PinningUtils.canPin(matrixClient, event)).toBe(false);
+            });
+
+            test("should return false if client cannot send state event", () => {
+                vi.spyOn(
+                    matrixClient.getRoom(roomId)!.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+                    "mayClientSendStateEvent",
+                ).mockReturnValue(false);
+                const event = makePinEvent();
+
+                expect(PinningUtils.canPin(matrixClient, event)).toBe(false);
+            });
+
+            test("should return false if event is not pinnable", () => {
+                const event = makePinEvent({ type: EventType.RoomCreate });
+
+                expect(PinningUtils.canPin(matrixClient, event)).toBe(false);
+            });
+
+            test("should return true if all conditions are met", () => {
+                const event = makePinEvent();
+
+                expect(PinningUtils.canPin(matrixClient, event)).toBe(true);
+            });
+        });
+
+        describe("canUnpin", () => {
+            test("should return false if event is not unpinnable", () => {
+                const event = makePinEvent({ type: EventType.RoomCreate });
+
+                expect(PinningUtils.canUnpin(matrixClient, event)).toBe(false);
+            });
+
+            test("should return true if all conditions are met", () => {
+                const event = makePinEvent();
+
+                expect(PinningUtils.canUnpin(matrixClient, event)).toBe(true);
+            });
+
+            test("should return true if the event is redacted", () => {
+                const event = makePinEvent({ unsigned: { redacted_because: "because" as unknown as IEvent } });
+
+                expect(PinningUtils.canUnpin(matrixClient, event)).toBe(true);
+            });
+        });
+    });
+
+    describe("pinOrUnpinEvent", () => {
+        test("should do nothing if no room", async () => {
+            matrixClient.getRoom = vi.fn().mockReturnValue(undefined);
+            const event = makePinEvent();
+
+            await PinningUtils.pinOrUnpinEvent(matrixClient, event);
+            expect(matrixClient.sendStateEvent).not.toHaveBeenCalled();
+        });
+
+        test("should do nothing if no event id", async () => {
+            const event = makePinEvent({ event_id: undefined });
+
+            await PinningUtils.pinOrUnpinEvent(matrixClient, event);
+            expect(matrixClient.sendStateEvent).not.toHaveBeenCalled();
+        });
+
+        test("should pin the event if not pinned", async () => {
+            vi.spyOn(
+                matrixClient.getRoom(roomId)!.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+                "getStateEvents",
+            ).mockReturnValue({
+                // @ts-ignore
+                getContent: () => ({ pinned: ["$otherEventId"] }),
+            });
+
+            vi.spyOn(room, "getAccountData").mockReturnValue({
+                getContent: vi.fn().mockReturnValue({
+                    event_ids: ["$otherEventId"],
+                }),
+            } as unknown as MatrixEvent);
+
+            const event = makePinEvent();
+            await PinningUtils.pinOrUnpinEvent(matrixClient, event);
+
+            expect(matrixClient.setRoomAccountData).toHaveBeenCalledWith(roomId, ReadPinsEventId, {
+                event_ids: ["$otherEventId", event.getId()],
+            });
+            expect(matrixClient.sendStateEvent).toHaveBeenCalledWith(
+                roomId,
+                EventType.RoomPinnedEvents,
+                { pinned: ["$otherEventId", event.getId()] },
+                "",
+            );
+        });
+
+        test("should unpin the event if already pinned", async () => {
+            const event = makePinEvent();
+
+            vi.spyOn(
+                matrixClient.getRoom(roomId)!.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+                "getStateEvents",
+            ).mockReturnValue({
+                // @ts-ignore
+                getContent: () => ({ pinned: [event.getId(), "$otherEventId"] }),
+            });
+
+            await PinningUtils.pinOrUnpinEvent(matrixClient, event);
+            expect(matrixClient.sendStateEvent).toHaveBeenCalledWith(
+                roomId,
+                EventType.RoomPinnedEvents,
+                { pinned: ["$otherEventId"] },
+                "",
+            );
+        });
+    });
+
+    describe("userHasPinOrUnpinPermission", () => {
+        test("should return true if user can pin or unpin", () => {
+            expect(PinningUtils.userHasPinOrUnpinPermission(matrixClient, room)).toBe(true);
+        });
+
+        test("should return false if client cannot send state event", () => {
+            vi.spyOn(
+                matrixClient.getRoom(roomId)!.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+                "mayClientSendStateEvent",
+            ).mockReturnValue(false);
+
+            expect(PinningUtils.userHasPinOrUnpinPermission(matrixClient, room)).toBe(false);
+        });
+    });
+
+    describe("unpinAllEvents", () => {
+        it("should unpin all events in the given room", async () => {
+            await PinningUtils.unpinAllEvents(matrixClient, roomId);
+
+            expect(matrixClient.sendStateEvent).toHaveBeenCalledWith(
+                roomId,
+                EventType.RoomPinnedEvents,
+                { pinned: [] },
+                "",
+            );
+        });
+    });
+});
diff --git a/apps/web/src/utils/PinningUtils.ts b/apps/web/src/utils/PinningUtils.ts
new file mode 100644
index 00000000000..8e8430bcad4
--- /dev/null
+++ b/apps/web/src/utils/PinningUtils.ts
@@ -0,0 +1,170 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017 Travis Ralston
+
+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 MatrixEvent,
+    EventType,
+    M_POLL_START,
+    type MatrixClient,
+    EventTimeline,
+    type Room,
+    type EmptyObject,
+} from "matrix-js-sdk/src/matrix";
+
+import { isContentActionable } from "./EventUtils";
+import { ReadPinsEventId } from "../components/views/right_panel/types";
+
+// oxlint-disable-next-line typescript/no-extraneous-class
+export default class PinningUtils {
+    /**
+     * Event types that may be pinned.
+     */
+    public static readonly PINNABLE_EVENT_TYPES: (EventType | string)[] = [
+        EventType.RoomMessage,
+        M_POLL_START.name,
+        M_POLL_START.altName,
+    ];
+
+    /**
+     * Determines if the given event can be pinned.
+     * This is a simple check to see if the event is of a type that can be pinned.
+     * @param {MatrixEvent} event The event to check.
+     * @returns {boolean} True if the event may be pinned, false otherwise.
+     */
+    public static isPinnable(event: MatrixEvent): boolean {
+        if (event.isRedacted()) return false;
+        return PinningUtils.isUnpinnable(event);
+    }
+
+    /**
+     * Determines if the given event may be unpinned.
+     * @param {MatrixEvent} event The event to check.
+     * @returns {boolean} True if the event may be unpinned, false otherwise.
+     */
+    public static isUnpinnable(event: MatrixEvent): boolean {
+        if (!event) return false;
+        if (event.isRedacted()) return true;
+        return this.PINNABLE_EVENT_TYPES.includes(event.getType());
+    }
+
+    /**
+     * Determines if the given event is pinned.
+     * @param matrixClient
+     * @param mxEvent
+     */
+    public static isPinned(matrixClient: MatrixClient, mxEvent: MatrixEvent): boolean {
+        const room = matrixClient.getRoom(mxEvent.getRoomId());
+        if (!room) return false;
+
+        const pinnedEvent = room
+            .getLiveTimeline()
+            .getState(EventTimeline.FORWARDS)
+            ?.getStateEvents(EventType.RoomPinnedEvents, "");
+        if (!pinnedEvent) return false;
+        const content = pinnedEvent.getContent();
+        return content.pinned && Array.isArray(content.pinned) && content.pinned.includes(mxEvent.getId());
+    }
+
+    /**
+     * Determines if the given event may be pinned by the current user.
+     * This checks if the user has the necessary permissions to pin or unpin the event, and if the event is pinnable.
+     * @param matrixClient
+     * @param mxEvent
+     */
+    public static canPin(matrixClient: MatrixClient, mxEvent: MatrixEvent): boolean {
+        if (!isContentActionable(mxEvent)) return false;
+
+        const room = matrixClient.getRoom(mxEvent.getRoomId());
+        if (!room) return false;
+
+        // Should have a non-local event id
+        if (mxEvent.status !== null) return false;
+
+        return PinningUtils.userHasPinOrUnpinPermission(matrixClient, room) && PinningUtils.isPinnable(mxEvent);
+    }
+
+    /**
+     * Determines if the given event may be unpinned by the current user.
+     * This checks if the user has the necessary permissions to pin or unpin the event, and if the event is unpinnable.
+     * @param matrixClient
+     * @param mxEvent
+     */
+    public static canUnpin(matrixClient: MatrixClient, mxEvent: MatrixEvent): boolean {
+        const room = matrixClient.getRoom(mxEvent.getRoomId());
+        if (!room) return false;
+
+        // Should have a non-local event id
+        if (mxEvent.status !== null) return false;
+
+        return PinningUtils.userHasPinOrUnpinPermission(matrixClient, room) && PinningUtils.isUnpinnable(mxEvent);
+    }
+
+    /**
+     * Determines if the current user has permission to pin or unpin events in the given room.
+     * @param matrixClient
+     * @param room
+     */
+    public static userHasPinOrUnpinPermission(matrixClient: MatrixClient, room: Room): boolean {
+        return Boolean(
+            room
+                .getLiveTimeline()
+                .getState(EventTimeline.FORWARDS)
+                ?.mayClientSendStateEvent(EventType.RoomPinnedEvents, matrixClient),
+        );
+    }
+
+    /**
+     * Pin or unpin the given event.
+     * @param matrixClient
+     * @param mxEvent
+     */
+    public static async pinOrUnpinEvent(matrixClient: MatrixClient, mxEvent: MatrixEvent): Promise<void> {
+        const room = matrixClient.getRoom(mxEvent.getRoomId());
+        if (!room) return;
+
+        const eventId = mxEvent.getId();
+        if (!eventId) return;
+
+        // Should have a non-local event id
+        if (mxEvent.status !== null) return;
+
+        // Get the current pinned events of the room
+        const pinnedIds: Array<string> =
+            room
+                .getLiveTimeline()
+                .getState(EventTimeline.FORWARDS)
+                ?.getStateEvents(EventType.RoomPinnedEvents, "")
+                ?.getContent().pinned || [];
+
+        let roomAccountDataPromise: Promise<EmptyObject | void> = Promise.resolve();
+        // If the event is already pinned, unpin it
+        if (pinnedIds.includes(eventId)) {
+            pinnedIds.splice(pinnedIds.indexOf(eventId), 1);
+        } else {
+            // Otherwise, pin it
+            pinnedIds.push(eventId);
+            // We don't want to wait for the roomAccountDataPromise to resolve before sending the state event
+            roomAccountDataPromise = matrixClient.setRoomAccountData(room.roomId, ReadPinsEventId, {
+                event_ids: [...(room.getAccountData(ReadPinsEventId)?.getContent()?.event_ids || []), eventId],
+            });
+        }
+        await Promise.all([
+            matrixClient.sendStateEvent(room.roomId, EventType.RoomPinnedEvents, { pinned: pinnedIds }, ""),
+            roomAccountDataPromise,
+        ]);
+    }
+
+    /**
+     * Unpin all events in the given room.
+     * @param matrixClient
+     * @param roomId
+     */
+    public static async unpinAllEvents(matrixClient: MatrixClient, roomId: string): Promise<void> {
+        await matrixClient.sendStateEvent(roomId, EventType.RoomPinnedEvents, { pinned: [] }, "");
+    }
+}
diff --git a/apps/web/src/utils/PreferredRoomVersions.test.ts b/apps/web/src/utils/PreferredRoomVersions.test.ts
new file mode 100644
index 00000000000..a01d45897c3
--- /dev/null
+++ b/apps/web/src/utils/PreferredRoomVersions.test.ts
@@ -0,0 +1,48 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import { doesRoomVersionSupport, PreferredRoomVersions } from "./PreferredRoomVersions";
+
+describe("doesRoomVersionSupport", () => {
+    it("should detect unstable as unsupported", () => {
+        expect(doesRoomVersionSupport("org.example.unstable", "1")).toBe(false);
+        expect(doesRoomVersionSupport("1.2-beta", "1")).toBe(false);
+    });
+
+    it("should detect support properly", () => {
+        expect(doesRoomVersionSupport("1", "2")).toBe(false); // older
+        expect(doesRoomVersionSupport("2", "2")).toBe(true); // exact
+        expect(doesRoomVersionSupport("3", "2")).toBe(true); // newer
+    });
+
+    it("should handle decimal versions", () => {
+        expect(doesRoomVersionSupport("1.1", "2.2")).toBe(false); // older
+        expect(doesRoomVersionSupport("2.1", "2.2")).toBe(false); // exact-ish
+        expect(doesRoomVersionSupport("2.2", "2.2")).toBe(true); // exact
+        expect(doesRoomVersionSupport("2.3", "2.2")).toBe(true); // exact-ish
+        expect(doesRoomVersionSupport("3.1", "2.2")).toBe(true); // newer
+    });
+
+    it("should detect knock rooms in v7 and above", () => {
+        expect(doesRoomVersionSupport("6", PreferredRoomVersions.KnockRooms)).toBe(false);
+        expect(doesRoomVersionSupport("7", PreferredRoomVersions.KnockRooms)).toBe(true);
+        expect(doesRoomVersionSupport("8", PreferredRoomVersions.KnockRooms)).toBe(true);
+        expect(doesRoomVersionSupport("9", PreferredRoomVersions.KnockRooms)).toBe(true);
+        expect(doesRoomVersionSupport("10", PreferredRoomVersions.KnockRooms)).toBe(true);
+    });
+
+    it("should detect restricted rooms in v9 and v10", () => {
+        // Dev note: we consider it a feature that v8 rooms have to upgrade considering the bug in v8.
+        // https://spec.matrix.org/v1.3/rooms/v8/#redactions
+        expect(doesRoomVersionSupport("8", PreferredRoomVersions.RestrictedRooms)).toBe(false);
+        expect(doesRoomVersionSupport("9", PreferredRoomVersions.RestrictedRooms)).toBe(true);
+        expect(doesRoomVersionSupport("10", PreferredRoomVersions.RestrictedRooms)).toBe(true);
+    });
+});
diff --git a/apps/web/src/utils/PreferredRoomVersions.ts b/apps/web/src/utils/PreferredRoomVersions.ts
new file mode 100644
index 00000000000..d3dac768560
--- /dev/null
+++ b/apps/web/src/utils/PreferredRoomVersions.ts
@@ -0,0 +1,51 @@
+/*
+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.
+*/
+
+/**
+ * The preferred room versions for various features within the app. The
+ * room versions here are selected based on the client's support for the
+ * possible room versions in combination with server support in the
+ * ecosystem.
+ *
+ * Loosely follows https://spec.matrix.org/latest/rooms/#feature-matrix
+ */
+export class PreferredRoomVersions {
+    /**
+     * The room version to use when creating "knock" rooms.
+     */
+    public static readonly KnockRooms = "7";
+
+    /**
+     * The room version to use when creating "restricted" rooms.
+     */
+    public static readonly RestrictedRooms = "9";
+
+    private constructor() {
+        // readonly, static, class
+    }
+}
+
+/**
+ * Determines if a room version supports the given feature using heuristics
+ * for how Matrix works.
+ * @param roomVer The room version to check support within.
+ * @param featureVer The room version of the feature. Should be from PreferredRoomVersions.
+ * @see PreferredRoomVersions
+ */
+export function doesRoomVersionSupport(roomVer: string, featureVer: string): boolean {
+    // Assumption: all unstable room versions don't support the feature. Calling code can check for unstable
+    // room versions explicitly if it wants to. The spec reserves [0-9] and `.` for its room versions.
+    if (!roomVer.match(/[\d.]+/)) {
+        return false;
+    }
+
+    // Dev note: While the spec says room versions are not linear, we can make reasonable assumptions
+    // until the room versions prove themselves to be non-linear in the spec. We should see this coming
+    // from a mile away and can course-correct this function if needed.
+    return Number(roomVer) >= Number(featureVer);
+}
diff --git a/apps/web/src/utils/ReactUtils.tsx b/apps/web/src/utils/ReactUtils.tsx
new file mode 100644
index 00000000000..f75d94da7a1
--- /dev/null
+++ b/apps/web/src/utils/ReactUtils.tsx
@@ -0,0 +1,29 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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 JSX, type ReactNode } from "react";
+
+/**
+ * Joins an array into one value with a joiner. E.g. join(["hello", "world"], " ") -> <>hello world</>
+ * @param array the array of element to join
+ * @param joiner the string/JSX.Element to join with
+ * @returns the joined array
+ */
+export function jsxJoin(array: ReactNode[], joiner?: string | JSX.Element): JSX.Element {
+    return (
+        <>
+            {array.map((element, index) => (
+                // oxlint-disable-next-line react/no-array-index-key
+                <React.Fragment key={index}>
+                    {element}
+                    {index === array.length - 1 ? null : joiner}
+                </React.Fragment>
+            ))}
+        </>
+    );
+}
diff --git a/apps/web/src/utils/Reply.ts b/apps/web/src/utils/Reply.ts
new file mode 100644
index 00000000000..249c901fcef
--- /dev/null
+++ b/apps/web/src/utils/Reply.ts
@@ -0,0 +1,91 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * Copyright 2024 New Vector Ltd.
+ * Copyright 2023 The Matrix.org Foundation C.I.C.
+ * Copyright 2021 Šimon Brandner <simon.bra.ag@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 { type IContent, type IEventRelation, type MatrixEvent, THREAD_RELATION_TYPE } from "matrix-js-sdk/src/matrix";
+import sanitizeHtml from "sanitize-html";
+import { PERMITTED_URL_SCHEMES } from "@element-hq/web-shared-components";
+
+export function getParentEventId(ev?: MatrixEvent): string | undefined {
+    if (!ev || ev.isRedacted()) return;
+    if (ev.replyEventId) {
+        return ev.replyEventId;
+    }
+}
+
+// Part of Replies fallback support
+export function stripPlainReply(body: string): string {
+    // Removes lines beginning with `> ` until you reach one that doesn't.
+    const lines = body.split("\n");
+    while (lines.length && lines[0].startsWith("> ")) lines.shift();
+    // Reply fallback has a blank line after it, so remove it to prevent leading newline
+    if (lines[0] === "") lines.shift();
+    return lines.join("\n");
+}
+
+// Part of Replies fallback support - MUST NOT BE RENDERED DIRECTLY - UNSAFE HTML
+export function stripHTMLReply(html: string): string {
+    // Sanitize the original HTML for inclusion in <mx-reply>.  We allow
+    // any HTML, since the original sender could use special tags that we
+    // don't recognize, but want to pass along to any recipients who do
+    // recognize them -- recipients should be sanitizing before displaying
+    // anyways.  However, we sanitize to 1) remove any mx-reply, so that we
+    // don't generate a nested mx-reply, and 2) make sure that the HTML is
+    // properly formatted (e.g. tags are closed where necessary)
+    return sanitizeHtml(html, {
+        allowedTags: false, // false means allow everything
+        allowedAttributes: false,
+        allowVulnerableTags: true, // silence xss warning, we won't be rendering directly this, so it is safe to do
+        // we somehow can't allow all schemes, so we allow all that we
+        // know of and mxc (for img tags)
+        allowedSchemes: [...PERMITTED_URL_SCHEMES, "mxc"],
+        exclusiveFilter: (frame) => frame.tag === "mx-reply",
+    });
+}
+
+export function makeReplyMixIn(ev?: MatrixEvent): IEventRelation {
+    if (!ev) return {};
+
+    const mixin: IEventRelation = {
+        "m.in_reply_to": {
+            event_id: ev.getId(),
+        },
+    };
+
+    if (ev.threadRootId) {
+        mixin.is_falling_back = false;
+    }
+
+    return mixin;
+}
+
+export function shouldDisplayReply(event: MatrixEvent): boolean {
+    if (event.isRedacted()) {
+        return false;
+    }
+
+    const inReplyTo = event.getWireContent()?.["m.relates_to"]?.["m.in_reply_to"];
+    if (!inReplyTo) {
+        return false;
+    }
+
+    const relation = event.getRelation();
+    if (relation?.rel_type === THREAD_RELATION_TYPE.name && relation?.is_falling_back) {
+        return false;
+    }
+
+    return !!inReplyTo.event_id;
+}
+
+export function addReplyToMessageContent(content: IContent, replyToEvent: MatrixEvent): void {
+    content["m.relates_to"] = {
+        ...content["m.relates_to"],
+        ...makeReplyMixIn(replyToEvent),
+    };
+}
diff --git a/apps/web/src/utils/ResizeNotifier.ts b/apps/web/src/utils/ResizeNotifier.ts
new file mode 100644
index 00000000000..a52db4fc1e0
--- /dev/null
+++ b/apps/web/src/utils/ResizeNotifier.ts
@@ -0,0 +1,71 @@
+/*
+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.
+*/
+
+/**
+ * Fires when the middle panel has been resized (throttled).
+ * @event module:utils~ResizeNotifier#"middlePanelResized"
+ */
+/**
+ * Fires when the middle panel has been resized by a pixel.
+ * @event module:utils~ResizeNotifier#"middlePanelResizedNoisy"
+ */
+
+// oxlint-disable-next-line no-restricted-imports
+import { EventEmitter } from "events";
+import { throttle } from "lodash";
+
+export default class ResizeNotifier extends EventEmitter {
+    private _isResizing = false;
+
+    // with default options, will call fn once at first call, and then every x ms
+    // if there was another call in that timespan
+    private throttledMiddlePanel = throttle(() => this.emit("middlePanelResized"), 200);
+
+    public get isResizing(): boolean {
+        return this._isResizing;
+    }
+
+    public startResizing(): void {
+        this._isResizing = true;
+        this.emit("isResizing", true);
+    }
+
+    public stopResizing(): void {
+        this._isResizing = false;
+        this.emit("isResizing", false);
+    }
+
+    private noisyMiddlePanel(): void {
+        this.emit("middlePanelResizedNoisy");
+    }
+
+    private updateMiddlePanel(): void {
+        this.throttledMiddlePanel();
+        this.noisyMiddlePanel();
+    }
+
+    // can be called in quick succession
+    public notifyLeftHandleResized(): void {
+        // don't emit event for own region
+        this.updateMiddlePanel();
+    }
+
+    // can be called in quick succession
+    public notifyRightHandleResized(): void {
+        this.updateMiddlePanel();
+    }
+
+    public notifyTimelineHeightChanged(): void {
+        this.updateMiddlePanel();
+    }
+
+    // can be called in quick succession
+    public notifyWindowResized(): void {
+        this.updateMiddlePanel();
+    }
+}
diff --git a/apps/web/src/utils/RoomUpgrade.ts b/apps/web/src/utils/RoomUpgrade.ts
new file mode 100644
index 00000000000..7bed4b68a4b
--- /dev/null
+++ b/apps/web/src/utils/RoomUpgrade.ts
@@ -0,0 +1,165 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { ClientEvent, EventType, type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { showAnyInviteErrors } from "../RoomInvite";
+import Modal, { type IHandle } from "../Modal";
+import { _t } from "../languageHandler";
+import ErrorDialog from "../components/views/dialogs/ErrorDialog";
+import Spinner from "../components/views/elements/Spinner";
+import MultiInviter, { type MultiInviterOptions } from "./MultiInviter";
+import { SDKContextClass } from "../contexts/SDKContextClass.ts";
+
+export interface RoomUpgradeProgress {
+    roomUpgraded: boolean;
+    roomSynced?: boolean;
+    inviteUsersProgress?: number;
+    inviteUsersTotal: number;
+    updateSpacesProgress?: number;
+    updateSpacesTotal: number;
+}
+
+export async function awaitRoomDownSync(cli: MatrixClient, roomId: string): Promise<Room> {
+    const room = cli.getRoom(roomId);
+    if (room) return room; // already have the room
+
+    return new Promise<Room>((resolve) => {
+        // We have to wait for the js-sdk to give us the room back so
+        // we can more effectively abuse the MultiInviter behaviour
+        // which heavily relies on the Room object being available.
+        const checkForRoomFn = (room: Room): void => {
+            if (room.roomId !== roomId) return;
+            resolve(room);
+            cli.off(ClientEvent.Room, checkForRoomFn);
+        };
+        cli.on(ClientEvent.Room, checkForRoomFn);
+    });
+}
+
+export async function upgradeRoom(
+    room: Room,
+    targetVersion: string,
+    inviteUsers = false,
+    handleError = true,
+    updateSpaces = true,
+    awaitRoom = false,
+    progressCallback?: (progress: RoomUpgradeProgress) => void,
+    inhibitInviteProgressDialog = false,
+    additionalCreators?: string[],
+): Promise<string> {
+    const cli = room.client;
+    let spinnerModal: IHandle<any> | undefined;
+    if (!progressCallback) {
+        spinnerModal = Modal.createDialog(Spinner, undefined, "mx_Dialog_spinner");
+    }
+
+    let toInvite: string[] = [];
+    if (inviteUsers) {
+        toInvite = [
+            ...room.getMembersWithMembership(KnownMembership.Join),
+            ...room.getMembersWithMembership(KnownMembership.Invite),
+        ]
+            .map((m) => m.userId)
+            .filter((m) => m !== cli.getUserId());
+    }
+
+    let parentsToRelink: Room[] = [];
+    if (updateSpaces) {
+        parentsToRelink = Array.from(SDKContextClass.instance.spaceStore.getKnownParents(room.roomId))
+            .map((roomId) => cli.getRoom(roomId))
+            .filter((parent) =>
+                parent?.currentState.maySendStateEvent(EventType.SpaceChild, cli.getUserId()!),
+            ) as Room[];
+    }
+
+    const progress: RoomUpgradeProgress = {
+        roomUpgraded: false,
+        roomSynced: awaitRoom || inviteUsers ? false : undefined,
+        inviteUsersProgress: inviteUsers ? 0 : undefined,
+        inviteUsersTotal: toInvite.length,
+        updateSpacesProgress: updateSpaces ? 0 : undefined,
+        updateSpacesTotal: parentsToRelink.length,
+    };
+    progressCallback?.(progress);
+
+    let newRoomId: string;
+    try {
+        ({ replacement_room: newRoomId } = await cli.upgradeRoom(room.roomId, targetVersion, additionalCreators));
+    } catch (e) {
+        if (!handleError) throw e;
+        logger.error(e);
+
+        Modal.createDialog(ErrorDialog, {
+            title: _t("room|upgrade_error_title"),
+            description: _t("room|upgrade_error_description"),
+        });
+        throw e;
+    }
+
+    progress.roomUpgraded = true;
+    progressCallback?.(progress);
+
+    if (awaitRoom || inviteUsers) {
+        await awaitRoomDownSync(room.client, newRoomId);
+        progress.roomSynced = true;
+        progressCallback?.(progress);
+    }
+
+    if (toInvite.length > 0) {
+        // Errors are handled internally to this function
+        await inviteUsersToRoom(cli, newRoomId, toInvite, {
+            progressCallback: () => {
+                progress.inviteUsersProgress!++;
+                progressCallback?.(progress);
+            },
+            inhibitProgressDialog: inhibitInviteProgressDialog,
+        });
+    }
+
+    if (parentsToRelink.length > 0) {
+        try {
+            for (const parent of parentsToRelink) {
+                const currentEv = parent.currentState.getStateEvents(EventType.SpaceChild, room.roomId);
+                await cli.sendStateEvent(
+                    parent.roomId,
+                    EventType.SpaceChild,
+                    {
+                        ...currentEv?.getContent(), // copy existing attributes like suggested
+                        via: [cli.getDomain()!],
+                    },
+                    newRoomId,
+                );
+                await cli.sendStateEvent(parent.roomId, EventType.SpaceChild, {}, room.roomId);
+
+                progress.updateSpacesProgress!++;
+                progressCallback?.(progress);
+            }
+        } catch (e) {
+            // These errors are not critical to the room upgrade itself
+            logger.warn("Failed to update parent spaces during room upgrade", e);
+        }
+    }
+
+    spinnerModal?.close();
+    return newRoomId;
+}
+
+async function inviteUsersToRoom(
+    client: MatrixClient,
+    roomId: string,
+    userIds: string[],
+    inviteOptions: MultiInviterOptions,
+): Promise<void> {
+    const inviter = new MultiInviter(client, roomId, inviteOptions);
+    const states = await inviter.invite(userIds);
+    const room = client.getRoom(roomId)!;
+    showAnyInviteErrors(states, room, inviter);
+}
diff --git a/apps/web/src/utils/SearchInput.test.ts b/apps/web/src/utils/SearchInput.test.ts
new file mode 100644
index 00000000000..ec8c2f17d2b
--- /dev/null
+++ b/apps/web/src/utils/SearchInput.test.ts
@@ -0,0 +1,53 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Boluwatife Omosowon <boluomosowon@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 { vi, describe, it, expect } from "vitest";
+
+import { parsePermalink } from "./permalinks/Permalinks";
+import { transformSearchTerm } from "./SearchInput";
+
+vi.mock("./permalinks/Permalinks");
+vi.mock("../stores/WidgetStore");
+vi.mock("../stores/widgets/WidgetLayoutStore");
+
+describe("transforming search term", () => {
+    it("should return the primaryEntityId if the search term was a permalink", () => {
+        const roomLink = "https://matrix.to/#/#element-dev:matrix.org";
+        const parsedPermalink = "#element-dev:matrix.org";
+
+        vi.mocked(parsePermalink).mockReturnValue({
+            primaryEntityId: parsedPermalink,
+            roomIdOrAlias: parsedPermalink,
+            eventId: "",
+            userId: "",
+            viaServers: [],
+        });
+
+        expect(transformSearchTerm(roomLink)).toBe(parsedPermalink);
+    });
+
+    it("should return the original search term if the search term is a permalink and the primaryEntityId is null", () => {
+        const searchTerm = "https://matrix.to/#/#random-link:matrix.org";
+
+        vi.mocked(parsePermalink).mockReturnValue({
+            primaryEntityId: null,
+            roomIdOrAlias: null,
+            eventId: null,
+            userId: null,
+            viaServers: null,
+        });
+
+        expect(transformSearchTerm(searchTerm)).toBe(searchTerm);
+    });
+
+    it("should return the original search term if the search term was not a permalink", () => {
+        const searchTerm = "search term";
+        vi.mocked(parsePermalink).mockReturnValue(null);
+        expect(transformSearchTerm(searchTerm)).toBe(searchTerm);
+    });
+});
diff --git a/apps/web/src/utils/SearchInput.ts b/apps/web/src/utils/SearchInput.ts
new file mode 100644
index 00000000000..34fd0575cd3
--- /dev/null
+++ b/apps/web/src/utils/SearchInput.ts
@@ -0,0 +1,22 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Boluwatife Omosowon <boluomosowon@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 { parsePermalink } from "./permalinks/Permalinks";
+
+/**
+ * Returns the primaryEntityId(roomIdOrAlias or userId) if the search term
+ * is a permalink and the primaryEntityId is not null. Otherwise, it returns
+ * the original search term.
+ * E.g https://matrix.to/#/#element-dev:matrix.org returns #element-dev:matrix.org
+ * @param {string} searchTerm The search term.
+ * @returns {string} The roomId, alias, userId, or the original search term
+ */
+export function transformSearchTerm(searchTerm: string): string {
+    const parseLink = parsePermalink(searchTerm);
+    return parseLink?.primaryEntityId ?? searchTerm;
+}
diff --git a/apps/web/src/utils/SessionLock.ts b/apps/web/src/utils/SessionLock.ts
new file mode 100644
index 00000000000..096f5d1fb57
--- /dev/null
+++ b/apps/web/src/utils/SessionLock.ts
@@ -0,0 +1,287 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+
+/*
+ * Functionality for checking that only one instance is running at once
+ *
+ * The algorithm here is twofold.
+ *
+ * First, we "claim" a lock by periodically writing to `STORAGE_ITEM_PING`. On shutdown, we clear that item. So,
+ * a new instance starting up can check if the lock is free by inspecting `STORAGE_ITEM_PING`. If it is unset,
+ * or is stale, the new instance can assume the lock is free and claim it for itself. Otherwise, the new instance
+ * has to wait for the ping to be stale, or the item to be cleared.
+ *
+ * Secondly, we need a mechanism for proactively telling existing instances to shut down. We do this by writing a
+ * unique value to `STORAGE_ITEM_CLAIMANT`. Other instances of the app are supposed to monitor for writes to
+ * `STORAGE_ITEM_CLAIMANT` and initiate shutdown when it happens.
+ *
+ * There is slight complexity in `STORAGE_ITEM_CLAIMANT` in that we need to watch out for yet another instance
+ * starting up and staking a claim before we even get a chance to take the lock. When that happens we just bail out
+ * and let the newer instance get the lock.
+ *
+ * `STORAGE_ITEM_OWNER` has no functional role in the lock mechanism; it exists solely as a diagnostic indicator
+ * of which instance is writing to `STORAGE_ITEM_PING`.
+ */
+
+export const SESSION_LOCK_CONSTANTS = {
+    /**
+     * LocalStorage key for an item which indicates we have the lock.
+     *
+     * The instance which holds the lock writes the current time to this key every few seconds, to indicate it is still
+     * alive and holds the lock.
+     */
+    STORAGE_ITEM_PING: "react_sdk_session_lock_ping",
+
+    /**
+     * LocalStorage key for an item which holds the unique "session ID" of the instance which currently holds the lock.
+     *
+     * This property doesn't actually form a functional part of the locking algorithm; it is purely diagnostic.
+     */
+    STORAGE_ITEM_OWNER: "react_sdk_session_lock_owner",
+
+    /**
+     * LocalStorage key for the session ID of the most recent claimant to the lock.
+     *
+     * Each instance writes to this key on startup, so existing instances can detect new ones starting up.
+     */
+    STORAGE_ITEM_CLAIMANT: "react_sdk_session_lock_claimant",
+
+    /**
+     * The number of milliseconds after which we consider a lock claim stale
+     */
+    LOCK_EXPIRY_TIME_MS: 15000,
+};
+
+/**
+ * See if any instances are currently running
+ *
+ * @returns true if any instance is currently active
+ */
+export function checkSessionLockFree(): boolean {
+    const prefixedLogger = logger.getChild(`checkSessionLockFree`);
+
+    const lastPingTime = window.localStorage.getItem(SESSION_LOCK_CONSTANTS.STORAGE_ITEM_PING);
+    if (lastPingTime === null) {
+        // no other holder
+        prefixedLogger.info("No other session has the lock");
+        return true;
+    }
+
+    const lockHolder = window.localStorage.getItem(SESSION_LOCK_CONSTANTS.STORAGE_ITEM_OWNER);
+
+    // see if it has expired
+    const timeAgo = Date.now() - parseInt(lastPingTime);
+
+    const remaining = SESSION_LOCK_CONSTANTS.LOCK_EXPIRY_TIME_MS - timeAgo;
+    if (remaining <= 0) {
+        // another session claimed the lock, but it is stale.
+        prefixedLogger.info(`Last ping (from ${lockHolder}) was ${timeAgo}ms ago: lock is free`);
+        return true;
+    }
+
+    prefixedLogger.info(`Last ping (from ${lockHolder}) was ${timeAgo}ms ago: lock is taken`);
+    return false;
+}
+
+/**
+ * Ensure that only one instance of the application is running at once.
+ *
+ * If there are any other running instances, tells them to stop, and waits for them to do so.
+ *
+ * Once we are the sole instance, sets a background job going to service a lock. Then, if another instance starts up,
+ * `onNewInstance` is called: it should shut the app down to make sure we aren't doing any more work.
+ *
+ * @param onNewInstance - callback to handle another instance starting up. NOTE: this may be called before
+ *     `getSessionLock` returns if the lock is stolen before we get a chance to start.
+ *
+ * @returns true if we successfully claimed the lock; false if another instance stole it from under our nose
+ *     (in which `onNewInstance` will have been called)
+ */
+export async function getSessionLock(onNewInstance: () => Promise<void>): Promise<boolean> {
+    /** unique ID for this session */
+    const sessionIdentifier = window.crypto.randomUUID();
+
+    const prefixedLogger = logger.getChild(`getSessionLock[${sessionIdentifier}]`);
+
+    /** The ID of our regular task to service the lock.
+     *
+     * Non-null while we hold the lock; null if we have not yet claimed it, or have released it. */
+    let lockServicer: number | null = null;
+
+    /**
+     * See if the lock is free.
+     *
+     * @returns
+     *  - `>0`: the number of milliseconds before the current claim on the lock can be considered stale.
+     *  - `0`: the lock is free for the taking
+     *  - `<0`: someone else has staked a claim for the lock, so we are no longer in line for it.
+     */
+    function checkLock(): number {
+        // first of all, check that we are still the active claimant (ie, another instance hasn't come along while we were waiting.
+        const claimant = window.localStorage.getItem(SESSION_LOCK_CONSTANTS.STORAGE_ITEM_CLAIMANT);
+        if (claimant !== sessionIdentifier) {
+            prefixedLogger.warn(`Lock was claimed by ${claimant} while we were waiting for it: aborting startup`);
+            return -1;
+        }
+
+        const lastPingTime = window.localStorage.getItem(SESSION_LOCK_CONSTANTS.STORAGE_ITEM_PING);
+        const lockHolder = window.localStorage.getItem(SESSION_LOCK_CONSTANTS.STORAGE_ITEM_OWNER);
+        if (lastPingTime === null) {
+            prefixedLogger.info("No other session has the lock: proceeding with startup");
+            return 0;
+        }
+
+        const timeAgo = Date.now() - parseInt(lastPingTime);
+        // If the last ping time is in the future (i.e., timeAgo is negative), the chances are that the system clock has
+        // been wound back since the ping. Rather than waiting hours/days/millenia for us to get there, treat a future
+        // ping as "just now" by clipping to 0.
+        const remaining = SESSION_LOCK_CONSTANTS.LOCK_EXPIRY_TIME_MS - Math.max(timeAgo, 0);
+        if (remaining <= 0) {
+            // another session claimed the lock, but it is stale.
+            prefixedLogger.info(`Last ping (from ${lockHolder}) was ${timeAgo}ms ago: proceeding with startup`);
+            return 0;
+        }
+
+        prefixedLogger.info(`Last ping (from ${lockHolder}) was ${timeAgo}ms ago, waiting ${remaining}ms`);
+        return remaining;
+    }
+
+    function serviceLock(): void {
+        window.localStorage.setItem(SESSION_LOCK_CONSTANTS.STORAGE_ITEM_OWNER, sessionIdentifier);
+        window.localStorage.setItem(SESSION_LOCK_CONSTANTS.STORAGE_ITEM_PING, Date.now().toString());
+    }
+
+    // handler for storage events, used later
+    function onStorageEvent(event: StorageEvent): void {
+        if (event.key === SESSION_LOCK_CONSTANTS.STORAGE_ITEM_CLAIMANT) {
+            // It's possible that the event was delayed, and this update actually predates our claim on the lock.
+            // (In particular: suppose tab A and tab B start concurrently and both attempt to set STORAGE_ITEM_CLAIMANT.
+            // Each write queues up a `storage` event for all other tabs. So both tabs see the `storage` event from the
+            // other, even though by the time it arrives we may have overwritten it.)
+            //
+            // To resolve any doubt, we check the *actual* state of the storage.
+            const claimingSession = window.localStorage.getItem(SESSION_LOCK_CONSTANTS.STORAGE_ITEM_CLAIMANT);
+            if (claimingSession === sessionIdentifier) {
+                return;
+            }
+            prefixedLogger.info(`Session ${claimingSession} is waiting for the lock`);
+            window.removeEventListener("storage", onStorageEvent);
+            releaseLock().catch((err) => {
+                prefixedLogger.error("Error releasing session lock", err);
+            });
+        }
+    }
+
+    // handler for pagehide and unload events, used later
+    function onPagehideEvent(): void {
+        // only remove the ping if we still think we're the owner. Otherwise we could be removing someone else's claim!
+        if (lockServicer !== null) {
+            prefixedLogger.debug("page hide: clearing our claim");
+            window.clearInterval(lockServicer);
+            window.localStorage.removeItem(SESSION_LOCK_CONSTANTS.STORAGE_ITEM_PING);
+            window.localStorage.removeItem(SESSION_LOCK_CONSTANTS.STORAGE_ITEM_OWNER);
+            lockServicer = null;
+        }
+
+        // It's worth noting that, according to the spec, the page might come back to life again after a pagehide.
+        //
+        // In practice that's unlikely because Element is unlikely to qualify for the bfcache, but if it does,
+        // this is probably the best we can do: we certainly don't want to stop the user loading any new tabs because
+        // Element happens to be in a bfcache somewhere.
+        //
+        // So, we just hope that we aren't in the middle of any crypto operations, and rely on `onStorageEvent` kicking
+        // in soon enough after we resume to tell us if another tab woke up while we were asleep.
+    }
+
+    async function releaseLock(): Promise<void> {
+        // tell the app to shut down
+        await onNewInstance();
+
+        // and, once it has done so, stop pinging the lock.
+        if (lockServicer !== null) {
+            window.clearInterval(lockServicer);
+        }
+        window.localStorage.removeItem(SESSION_LOCK_CONSTANTS.STORAGE_ITEM_PING);
+        window.localStorage.removeItem(SESSION_LOCK_CONSTANTS.STORAGE_ITEM_OWNER);
+        lockServicer = null;
+    }
+
+    // first of all, stake a claim for the lock. This tells anyone else holding the lock that we want it.
+    window.localStorage.setItem(SESSION_LOCK_CONSTANTS.STORAGE_ITEM_CLAIMANT, sessionIdentifier);
+
+    // now, wait for the lock to be free.
+    while (true) {
+        const remaining = checkLock();
+
+        if (remaining == 0) {
+            // ok, the lock is free, and nobody else has staked a more recent claim.
+            break;
+        } else if (remaining < 0) {
+            // someone else staked a claim for the lock; we bail out.
+            await onNewInstance();
+            return false;
+        }
+
+        // someone else has the lock.
+        // wait for either the ping to expire, or a storage event.
+        let onStorageUpdate: (event: StorageEvent) => void;
+
+        const storageUpdatePromise = new Promise((resolve) => {
+            onStorageUpdate = (event: StorageEvent) => {
+                if (
+                    event.key === SESSION_LOCK_CONSTANTS.STORAGE_ITEM_PING ||
+                    event.key === SESSION_LOCK_CONSTANTS.STORAGE_ITEM_CLAIMANT
+                )
+                    resolve(event);
+            };
+        });
+
+        // We construct our own promise here rather than using the `sleep` utility, to make it easier to test the
+        // SessionLock in a separate Window.
+        const sleepPromise = new Promise((resolve) => {
+            setTimeout(resolve, remaining, undefined);
+        });
+
+        window.addEventListener("storage", onStorageUpdate!);
+        const winner = await Promise.race([sleepPromise, storageUpdatePromise]);
+        window.removeEventListener("storage", onStorageUpdate!);
+
+        // If we got through the whole of the sleep without any writes to the store, we know that the
+        // ping is now stale. There's no point in going round and calling `checkLock` again: we know that
+        // nothing has changed since last time.
+        if (!(winner instanceof StorageEvent)) {
+            prefixedLogger.info("Existing claim went stale: proceeding with startup");
+            break;
+        }
+    }
+
+    // If we get here, we know the lock is ours for the taking.
+
+    // CRITICAL SECTION
+    //
+    // The following code, up to the end of the function, must all be synchronous (ie, no `await` calls), to ensure that
+    // we get our listeners in place and all the writes to localStorage done before other tabs run again.
+
+    // claim the lock, and kick off a background process to service it every 5 seconds
+    serviceLock();
+    lockServicer = window.setInterval(serviceLock, 5000);
+
+    // Now add a listener for other claimants to the lock.
+    window.addEventListener("storage", onStorageEvent);
+
+    // also add a listener to clear our claims when our tab closes or navigates away
+    window.addEventListener("pagehide", onPagehideEvent);
+
+    // The pagehide event is called unreliably on Firefox, so additionally add an unload handler.
+    // https://bugzilla.mozilla.org/show_bug.cgi?id=1854492
+    window.addEventListener("unload", onPagehideEvent);
+
+    return true;
+}
diff --git a/apps/web/src/utils/ShieldUtils.test.ts b/apps/web/src/utils/ShieldUtils.test.ts
new file mode 100644
index 00000000000..de709052388
--- /dev/null
+++ b/apps/web/src/utils/ShieldUtils.test.ts
@@ -0,0 +1,223 @@
+/*
+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 { vi, describe, it, expect, beforeAll, afterAll } from "vitest";
+import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { UserVerificationStatus } from "matrix-js-sdk/src/crypto-api";
+
+import { shieldStatusForRoom } from "./ShieldUtils";
+import DMRoomMap from "./DMRoomMap";
+
+function mkClient(selfTrust = false) {
+    return {
+        getUserId: () => "@self:localhost",
+        getCrypto: () => ({
+            getDeviceVerificationStatus: (userId: string, deviceId: string) =>
+                Promise.resolve({
+                    isVerified: () => (userId === "@self:localhost" ? selfTrust : userId[2] == "T"),
+                }),
+            getUserDeviceInfo: async (userIds: string[]) => {
+                return new Map(userIds.map((u) => [u, new Map([["DEVICE", {}]])]));
+            },
+            getUserVerificationStatus: async (userId: string): Promise<UserVerificationStatus> =>
+                new UserVerificationStatus(userId[1] == "T", userId[1] == "T" || userId[1] == "W", false),
+        }),
+    } as unknown as MatrixClient;
+}
+
+describe("mkClient self-test", function () {
+    it.each([true, false])("behaves well for self-trust=%s", async (v) => {
+        const client = mkClient(v);
+        const status = await client.getCrypto()!.getDeviceVerificationStatus("@self:localhost", "DEVICE");
+        expect(status?.isVerified()).toBe(v);
+    });
+
+    it.each([
+        ["@TT:h", true],
+        ["@TF:h", true],
+        ["@FT:h", false],
+        ["@FF:h", false],
+    ])("behaves well for user trust %s", async (userId, trust) => {
+        const status = await mkClient().getCrypto()?.getUserVerificationStatus(userId);
+        expect(status!.isCrossSigningVerified()).toBe(trust);
+    });
+
+    it.each([
+        ["@TT:h", true],
+        ["@TF:h", false],
+        ["@FT:h", true],
+        ["@FF:h", false],
+    ])("behaves well for device trust %s", async (userId, trust) => {
+        const status = await mkClient().getCrypto()!.getDeviceVerificationStatus(userId, "device");
+        expect(status?.isVerified()).toBe(trust);
+    });
+});
+
+describe("shieldStatusForMembership self-trust behaviour", function () {
+    beforeAll(() => {
+        const mockInstance = {
+            getUserIdForRoomId: (roomId: string) => (roomId === "DM" ? "@any:h" : null),
+        } as unknown as DMRoomMap;
+        vi.spyOn(DMRoomMap, "shared").mockReturnValue(mockInstance);
+    });
+
+    afterAll(() => {
+        vi.spyOn(DMRoomMap, "shared").mockRestore();
+    });
+
+    it.each([
+        [true, true],
+        [true, false],
+        [false, true],
+        [false, false],
+    ])("2 unverified: returns 'normal', self-trust = %s, DM = %s", async (trusted, dm) => {
+        const client = mkClient(trusted);
+        const room = {
+            roomId: dm ? "DM" : "other",
+            getEncryptionTargetMembers: () => ["@self:localhost", "@FF1:h", "@FF2:h"].map((userId) => ({ userId })),
+        } as unknown as Room;
+        const status = await shieldStatusForRoom(client, room);
+        expect(status).toEqual("normal");
+    });
+
+    it.each([
+        ["verified", true, true],
+        ["verified", true, false],
+        ["verified", false, true],
+        ["warning", false, false],
+    ])("2 verified: returns '%s', self-trust = %s, DM = %s", async (result, trusted, dm) => {
+        const client = mkClient(trusted);
+        const room = {
+            roomId: dm ? "DM" : "other",
+            getEncryptionTargetMembers: () => ["@self:localhost", "@TT1:h", "@TT2:h"].map((userId) => ({ userId })),
+        } as unknown as Room;
+        const status = await shieldStatusForRoom(client, room);
+        expect(status).toEqual(result);
+    });
+
+    it.each([
+        ["normal", true, true],
+        ["normal", true, false],
+        ["normal", false, true],
+        ["warning", false, false],
+    ])("2 mixed: returns '%s', self-trust = %s, DM = %s", async (result, trusted, dm) => {
+        const client = mkClient(trusted);
+        const room = {
+            roomId: dm ? "DM" : "other",
+            getEncryptionTargetMembers: () => ["@self:localhost", "@TT1:h", "@FF2:h"].map((userId) => ({ userId })),
+        } as unknown as Room;
+        const status = await shieldStatusForRoom(client, room);
+        expect(status).toEqual(result);
+    });
+
+    it.each([
+        ["verified", true, true],
+        ["verified", true, false],
+        ["warning", false, true],
+        ["warning", false, false],
+    ])("0 others: returns '%s', self-trust = %s, DM = %s", async (result, trusted, dm) => {
+        const client = mkClient(trusted);
+        const room = {
+            roomId: dm ? "DM" : "other",
+            getEncryptionTargetMembers: () => ["@self:localhost"].map((userId) => ({ userId })),
+        } as unknown as Room;
+        const status = await shieldStatusForRoom(client, room);
+        expect(status).toEqual(result);
+    });
+
+    it.each([
+        ["verified", true, true],
+        ["verified", true, false],
+        ["verified", false, true],
+        ["verified", false, false],
+    ])("1 verified: returns '%s', self-trust = %s, DM = %s", async (result, trusted, dm) => {
+        const client = mkClient(trusted);
+        const room = {
+            roomId: dm ? "DM" : "other",
+            getEncryptionTargetMembers: () => ["@self:localhost", "@TT:h"].map((userId) => ({ userId })),
+        } as unknown as Room;
+        const status = await shieldStatusForRoom(client, room);
+        expect(status).toEqual(result);
+    });
+
+    it.each([
+        ["normal", true, true],
+        ["normal", true, false],
+        ["normal", false, true],
+        ["normal", false, false],
+    ])("1 unverified: returns '%s', self-trust = %s, DM = %s", async (result, trusted, dm) => {
+        const client = mkClient(trusted);
+        const room = {
+            roomId: dm ? "DM" : "other",
+            getEncryptionTargetMembers: () => ["@self:localhost", "@FF:h"].map((userId) => ({ userId })),
+        } as unknown as Room;
+        const status = await shieldStatusForRoom(client, room);
+        expect(status).toEqual(result);
+    });
+});
+
+describe("shieldStatusForMembership other-trust behaviour", function () {
+    beforeAll(() => {
+        const mockInstance = {
+            getUserIdForRoomId: (roomId: string) => (roomId === "DM" ? "@any:h" : null),
+        } as unknown as DMRoomMap;
+        vi.spyOn(DMRoomMap, "shared").mockReturnValue(mockInstance);
+    });
+
+    it.each([
+        ["warning", true],
+        ["warning", false],
+    ])("1 verified/untrusted: returns '%s', DM = %s", async (result, dm) => {
+        const client = mkClient(true);
+        const room = {
+            roomId: dm ? "DM" : "other",
+            getEncryptionTargetMembers: () => ["@self:localhost", "@TF:h"].map((userId) => ({ userId })),
+        } as unknown as Room;
+        const status = await shieldStatusForRoom(client, room);
+        expect(status).toEqual(result);
+    });
+
+    it.each([
+        ["warning", true],
+        ["warning", false],
+    ])("2 verified/untrusted: returns '%s', DM = %s", async (result, dm) => {
+        const client = mkClient(true);
+        const room = {
+            roomId: dm ? "DM" : "other",
+            getEncryptionTargetMembers: () => ["@self:localhost", "@TF:h", "@TT:h"].map((userId) => ({ userId })),
+        } as unknown as Room;
+        const status = await shieldStatusForRoom(client, room);
+        expect(status).toEqual(result);
+    });
+
+    it.each([
+        ["normal", true],
+        ["normal", false],
+    ])("2 unverified/untrusted: returns '%s', DM = %s", async (result, dm) => {
+        const client = mkClient(true);
+        const room = {
+            roomId: dm ? "DM" : "other",
+            getEncryptionTargetMembers: () => ["@self:localhost", "@FF:h", "@FT:h"].map((userId) => ({ userId })),
+        } as unknown as Room;
+        const status = await shieldStatusForRoom(client, room);
+        expect(status).toEqual(result);
+    });
+
+    it.each([
+        ["warning", true],
+        ["warning", false],
+    ])("2 was verified: returns '%s', DM = %s", async (result, dm) => {
+        const client = mkClient(true);
+        const room = {
+            roomId: dm ? "DM" : "other",
+            getEncryptionTargetMembers: () => ["@self:localhost", "@WF:h", "@FT:h"].map((userId) => ({ userId })),
+        } as unknown as Room;
+        const status = await shieldStatusForRoom(client, room);
+        expect(status).toEqual(result);
+    });
+});
diff --git a/apps/web/src/utils/ShieldUtils.ts b/apps/web/src/utils/ShieldUtils.ts
new file mode 100644
index 00000000000..7802d513417
--- /dev/null
+++ b/apps/web/src/utils/ShieldUtils.ts
@@ -0,0 +1,82 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { ClientStoppedError, type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import DMRoomMap from "./DMRoomMap";
+import { asyncSome } from "./arrays";
+
+export enum E2EStatus {
+    Warning = "warning",
+    Verified = "verified",
+    Normal = "normal",
+}
+
+export async function shieldStatusForRoom(client: MatrixClient, room: Room): Promise<E2EStatus> {
+    const crypto = client.getCrypto();
+    if (!crypto) {
+        return E2EStatus.Warning;
+    }
+
+    try {
+        const members = (await room.getEncryptionTargetMembers()).map(({ userId }) => userId);
+        const inDMMap = !!DMRoomMap.shared().getUserIdForRoomId(room.roomId);
+
+        const verified: string[] = [];
+        const unverified: string[] = [];
+        for (const userId of members) {
+            if (userId === client.getUserId()) continue;
+            const userTrust = await crypto.getUserVerificationStatus(userId);
+
+            /* Alarm if any unverified users were verified before. */
+            if (userTrust.wasCrossSigningVerified() && !userTrust.isCrossSigningVerified()) {
+                return E2EStatus.Warning;
+            }
+            (userTrust.isCrossSigningVerified() ? verified : unverified).push(userId);
+        }
+
+        /* Check all verified user devices. */
+        /* Don't alarm if no other users are verified  */
+        const includeUser =
+            (verified.length > 0 && // Don't alarm for self in rooms where nobody else is verified
+                !inDMMap && // Don't alarm for self in DMs with other users
+                members.length !== 2) || // Don't alarm for self in 1:1 chats with other users
+            members.length === 1; // Do alarm for self if we're alone in a room
+        const targets = includeUser ? [...verified, client.getUserId()!] : verified;
+        const devicesByUser = await crypto.getUserDeviceInfo(targets);
+        for (const userId of targets) {
+            const devices = devicesByUser.get(userId);
+            if (!devices) {
+                // getUserDeviceInfo returned nothing about this user, which means we know nothing about their device list.
+                // That seems odd, so treat it as a warning.
+                logger.warn(`No device info for user ${userId}`);
+                return E2EStatus.Warning;
+            }
+
+            const anyDeviceNotVerified = await asyncSome(devices.keys(), async (deviceId) => {
+                const verificationStatus = await crypto.getDeviceVerificationStatus(userId, deviceId);
+                return !verificationStatus?.isVerified();
+            });
+            if (anyDeviceNotVerified) {
+                return E2EStatus.Warning;
+            }
+        }
+
+        return unverified.length === 0 ? E2EStatus.Verified : E2EStatus.Normal;
+    } catch (e) {
+        if (!(e instanceof ClientStoppedError)) {
+            throw e;
+        }
+
+        // The client has been stopped while we were figuring out what to do. Catch the exception to stop it being
+        // logged. It probably doesn't really matter what we return.
+        logger.warn("shieldStatusForRoom: client stopped");
+        return E2EStatus.Normal;
+    }
+}
diff --git a/apps/web/src/utils/Singleflight.test.ts b/apps/web/src/utils/Singleflight.test.ts
new file mode 100644
index 00000000000..c816189c43f
--- /dev/null
+++ b/apps/web/src/utils/Singleflight.test.ts
@@ -0,0 +1,102 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { vi, describe, it, expect, afterEach } from "vitest";
+
+import { Singleflight } from "./Singleflight";
+
+describe("Singleflight", () => {
+    afterEach(() => {
+        Singleflight.forgetAll();
+    });
+
+    it("should throw for bad context variables", () => {
+        const permutations: [object | null, string | null][] = [
+            [null, null],
+            [{}, null],
+            [null, "test"],
+        ];
+        for (const p of permutations) {
+            expect(() => Singleflight.for(p[0], p[1])).toThrow("An instance and key must be supplied");
+        }
+    });
+
+    it("should execute the function once", () => {
+        const instance = {};
+        const key = "test";
+        const val = {}; // unique object for reference check
+        const fn = vi.fn().mockReturnValue(val);
+        const sf = Singleflight.for(instance, key);
+        const r1 = sf.do(fn);
+        expect(r1).toBe(val);
+        expect(fn.mock.calls.length).toBe(1);
+        const r2 = sf.do(fn);
+        expect(r2).toBe(val);
+        expect(fn.mock.calls.length).toBe(1);
+    });
+
+    it("should execute the function once, even with new contexts", () => {
+        const instance = {};
+        const key = "test";
+        const val = {}; // unique object for reference check
+        const fn = vi.fn().mockReturnValue(val);
+        let sf = Singleflight.for(instance, key);
+        const r1 = sf.do(fn);
+        expect(r1).toBe(val);
+        expect(fn.mock.calls.length).toBe(1);
+        sf = Singleflight.for(instance, key); // RESET FOR TEST
+        const r2 = sf.do(fn);
+        expect(r2).toBe(val);
+        expect(fn.mock.calls.length).toBe(1);
+    });
+
+    it("should execute the function twice if the result was forgotten", () => {
+        const instance = {};
+        const key = "test";
+        const val = {}; // unique object for reference check
+        const fn = vi.fn().mockReturnValue(val);
+        const sf = Singleflight.for(instance, key);
+        const r1 = sf.do(fn);
+        expect(r1).toBe(val);
+        expect(fn.mock.calls.length).toBe(1);
+        sf.forget();
+        const r2 = sf.do(fn);
+        expect(r2).toBe(val);
+        expect(fn.mock.calls.length).toBe(2);
+    });
+
+    it("should execute the function twice if the instance was forgotten", () => {
+        const instance = {};
+        const key = "test";
+        const val = {}; // unique object for reference check
+        const fn = vi.fn().mockReturnValue(val);
+        const sf = Singleflight.for(instance, key);
+        const r1 = sf.do(fn);
+        expect(r1).toBe(val);
+        expect(fn.mock.calls.length).toBe(1);
+        Singleflight.forgetAllFor(instance);
+        const r2 = sf.do(fn);
+        expect(r2).toBe(val);
+        expect(fn.mock.calls.length).toBe(2);
+    });
+
+    it("should execute the function twice if everything was forgotten", () => {
+        const instance = {};
+        const key = "test";
+        const val = {}; // unique object for reference check
+        const fn = vi.fn().mockReturnValue(val);
+        const sf = Singleflight.for(instance, key);
+        const r1 = sf.do(fn);
+        expect(r1).toBe(val);
+        expect(fn.mock.calls.length).toBe(1);
+        Singleflight.forgetAll();
+        const r2 = sf.do(fn);
+        expect(r2).toBe(val);
+        expect(fn.mock.calls.length).toBe(2);
+    });
+});
diff --git a/apps/web/src/utils/Singleflight.ts b/apps/web/src/utils/Singleflight.ts
new file mode 100644
index 00000000000..f34c268bbd7
--- /dev/null
+++ b/apps/web/src/utils/Singleflight.ts
@@ -0,0 +1,119 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { EnhancedMap } from "./maps";
+
+// Inspired by https://pkg.go.dev/golang.org/x/sync/singleflight
+
+const keyMap = new EnhancedMap<object, EnhancedMap<string, unknown>>();
+
+/**
+ * Access class to get a singleflight context. Singleflights execute a
+ * function exactly once, unless instructed to forget about a result.
+ *
+ * Typically this is used to de-duplicate an action, such as a save button
+ * being pressed, without having to track state internally for an operation
+ * already being in progress. This doesn't expose a flag which can be used
+ * to disable a button, however it would be capable of returning a Promise
+ * from the first call.
+ *
+ * The result of the function call is cached indefinitely, just in case a
+ * second call comes through late. There are various functions named "forget"
+ * to have the cache be cleared of a result.
+ *
+ * Singleflights in our use case are tied to an instance of something, combined
+ * with a string key to differentiate between multiple possible actions. This
+ * means that a "save" key will be scoped to the instance which defined it and
+ * not leak between other instances. This is done to avoid having to concatenate
+ * variables to strings to essentially namespace the field, for most cases.
+ */
+export class Singleflight {
+    private constructor() {}
+
+    /**
+     * A void marker to help with returning a value in a singleflight context.
+     * If your code doesn't return anything, return this instead.
+     */
+    public static Void = Symbol("void");
+
+    /**
+     * Acquire a singleflight context.
+     * @param {Object} instance An instance to associate the context with. Can be any object.
+     * @param {string} key A string key relevant to that instance to namespace under.
+     * @returns {SingleflightContext} Returns the context to execute the function.
+     */
+    public static for(instance?: object | null, key?: string | null): SingleflightContext {
+        if (!instance || !key) throw new Error("An instance and key must be supplied");
+        return new SingleflightContext(instance, key);
+    }
+
+    /**
+     * Forgets all results for a given instance.
+     * @param {Object} instance The instance to forget about.
+     */
+    public static forgetAllFor(instance: object): void {
+        keyMap.delete(instance);
+    }
+
+    /**
+     * Forgets all cached results for all instances. Intended for use by tests.
+     */
+    public static forgetAll(): void {
+        for (const k of keyMap.keys()) {
+            keyMap.remove(k);
+        }
+    }
+}
+
+class SingleflightContext {
+    public constructor(
+        private instance: object,
+        private key: string,
+    ) {}
+
+    /**
+     * Forget this particular instance and key combination, discarding the result.
+     */
+    public forget(): void {
+        const map = keyMap.get(this.instance);
+        if (!map) return;
+        map.remove(this.key);
+        if (!map.size) keyMap.remove(this.instance);
+    }
+
+    /**
+     * Execute a function. If a result is already known, that will be returned instead
+     * of executing the provided function. However, if no result is known then the function
+     * will be called, with its return value cached. The function must return a value
+     * other than `undefined` - take a look at Singleflight.Void if you don't have a return
+     * to make.
+     *
+     * Note that this technically allows the caller to provide a different function each time:
+     * this is largely considered a bad idea and should not be done. Singleflights work off the
+     * premise that something needs to happen once, so duplicate executions will be ignored.
+     *
+     * For ideal performance and behaviour, functions which return promises are preferred. If
+     * a function is not returning a promise, it should return as soon as possible to avoid a
+     * second call potentially racing it. The promise returned by this function will be that
+     * of the first execution of the function, even on duplicate calls.
+     * @param {Function} fn The function to execute.
+     * @returns The recorded value.
+     */
+    public do<T>(fn: () => T): T {
+        const map = keyMap.getOrCreate(this.instance, new EnhancedMap<string, unknown>());
+
+        // We have to manually getOrCreate() because we need to execute the fn
+        let val = <T>map.get(this.key);
+        if (val === undefined) {
+            val = fn();
+            map.set(this.key, val);
+        }
+
+        return val;
+    }
+}
diff --git a/apps/web/src/utils/SnakedObject.test.ts b/apps/web/src/utils/SnakedObject.test.ts
new file mode 100644
index 00000000000..1324d64dd9b
--- /dev/null
+++ b/apps/web/src/utils/SnakedObject.test.ts
@@ -0,0 +1,55 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import { SnakedObject, snakeToCamel } from "./SnakedObject";
+
+describe("snakeToCamel", () => {
+    it("should convert snake_case to camelCase in simple scenarios", () => {
+        expect(snakeToCamel("snake_case")).toBe("snakeCase");
+        expect(snakeToCamel("snake_case_but_longer")).toBe("snakeCaseButLonger");
+        expect(snakeToCamel("numbered_123")).toBe("numbered123"); // not a thing we would see normally
+    });
+
+    // Not really something we expect to see, but it's defined behaviour of the function
+    it("should not camelCase a trailing or leading underscore", () => {
+        expect(snakeToCamel("_snake")).toBe("_snake");
+        expect(snakeToCamel("snake_")).toBe("snake_");
+        expect(snakeToCamel("_snake_case")).toBe("_snakeCase");
+        expect(snakeToCamel("snake_case_")).toBe("snakeCase_");
+    });
+
+    // Another thing we don't really expect to see, but is "defined behaviour"
+    it("should be predictable with double underscores", () => {
+        expect(snakeToCamel("__snake__")).toBe("_Snake_");
+        expect(snakeToCamel("snake__case")).toBe("snake_case");
+    });
+});
+
+describe("SnakedObject", () => {
+    const input = {
+        snake_case: "woot",
+        snakeCase: "oh no", // ensure different value from snake_case for tests
+        camelCase: "fallback",
+    };
+    const snake = new SnakedObject(input);
+
+    it("should prefer snake_case keys", () => {
+        expect(snake.get("snake_case")).toBe(input.snake_case);
+        expect(snake.get("snake_case", "camelCase")).toBe(input.snake_case);
+    });
+
+    it("should fall back to camelCase keys when needed", () => {
+        // @ts-ignore - we're deliberately supplying a key that doesn't exist
+        expect(snake.get("camel_case")).toBe(input.camelCase);
+
+        // @ts-ignore - we're deliberately supplying a key that doesn't exist
+        expect(snake.get("e_no_exist", "camelCase")).toBe(input.camelCase);
+    });
+});
diff --git a/apps/web/src/utils/SnakedObject.ts b/apps/web/src/utils/SnakedObject.ts
new file mode 100644
index 00000000000..b376d33e4b3
--- /dev/null
+++ b/apps/web/src/utils/SnakedObject.ts
@@ -0,0 +1,38 @@
+/*
+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.
+*/
+
+export function snakeToCamel(s: string): string {
+    return s.replace(/._./g, (v) => `${v[0]}${v[2].toUpperCase()}`);
+}
+
+export class SnakedObject<T = Record<string, any>> {
+    private fallbackWarnings = new Set<string>();
+
+    public constructor(private obj: T) {}
+
+    public get<K extends string & keyof T>(key: K, altCaseName?: string): T[K] {
+        const val = this.obj[key];
+        if (val !== undefined) return val;
+
+        const fallbackKey = altCaseName ?? snakeToCamel(key);
+        const fallback = this.obj[<K>fallbackKey];
+        if (!!fallback && !this.fallbackWarnings.has(fallbackKey)) {
+            this.fallbackWarnings.add(fallbackKey);
+            console.warn(`Using deprecated camelCase config ${fallbackKey}`);
+            console.warn(
+                "See https://github.com/vector-im/element-web/blob/develop/docs/config.md#-deprecation-notice",
+            );
+        }
+        return fallback;
+    }
+
+    // Make JSON.stringify() pretend that everything is fine
+    public toJSON(): T {
+        return this.obj;
+    }
+}
diff --git a/apps/web/src/utils/SortMembers.ts b/apps/web/src/utils/SortMembers.ts
new file mode 100644
index 00000000000..65a8f77f2bf
--- /dev/null
+++ b/apps/web/src/utils/SortMembers.ts
@@ -0,0 +1,112 @@
+/*
+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 { groupBy, mapValues, maxBy, minBy, sumBy, takeRight } from "lodash";
+import { type MatrixClient, type Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { type Member } from "./direct-messages";
+import DMRoomMap from "./DMRoomMap";
+
+export const compareMembers =
+    (
+        activityScores: Record<string, IActivityScore | undefined>,
+        memberScores: Record<string, IMemberScore | undefined>,
+    ) =>
+    (a: Member | RoomMember, b: Member | RoomMember): number => {
+        const aActivityScore = activityScores[a.userId]?.score ?? 0;
+        const aMemberScore = memberScores[a.userId]?.score ?? 0;
+        const aScore = aActivityScore + aMemberScore;
+        const aNumRooms = memberScores[a.userId]?.numRooms ?? 0;
+
+        const bActivityScore = activityScores[b.userId]?.score ?? 0;
+        const bMemberScore = memberScores[b.userId]?.score ?? 0;
+        const bScore = bActivityScore + bMemberScore;
+        const bNumRooms = memberScores[b.userId]?.numRooms ?? 0;
+
+        if (aScore === bScore) {
+            if (aNumRooms === bNumRooms) {
+                // If there is no activity between members,
+                // keep the order received from the user directory search results
+                return 0;
+            }
+
+            return bNumRooms - aNumRooms;
+        }
+        return bScore - aScore;
+    };
+
+function joinedRooms(cli: MatrixClient): Room[] {
+    return (
+        cli
+            .getRooms()
+            .filter((r) => r.getMyMembership() === KnownMembership.Join)
+            // Skip low priority rooms and DMs
+            .filter((r) => !DMRoomMap.shared().getUserIdForRoomId(r.roomId))
+            .filter((r) => !Object.keys(r.tags).includes("m.lowpriority"))
+    );
+}
+
+interface IActivityScore {
+    lastSpoke: number;
+    score: number;
+}
+
+// Score people based on who have sent messages recently, as a way to improve the quality of suggestions.
+// We do this by checking every room to see who has sent a message in the last few hours, and giving them
+// a score which correlates to the freshness of their message. In theory, this results in suggestions
+// which are closer to "continue this conversation" rather than "this person exists".
+export function buildActivityScores(cli: MatrixClient): { [userId: string]: IActivityScore } {
+    const now = new Date().getTime();
+    const earliestAgeConsidered = now - 60 * 60 * 1000; // 1 hour ago
+    const maxMessagesConsidered = 50; // so we don't iterate over a huge amount of traffic
+    const events = joinedRooms(cli)
+        .flatMap((room) => takeRight(room.getLiveTimeline().getEvents(), maxMessagesConsidered))
+        .filter((ev) => ev.getTs() > earliestAgeConsidered);
+    const senderEvents = groupBy(events, (ev) => ev.getSender());
+    // If the iteratee in mapValues returns undefined that key will be removed from the resultant object
+    return mapValues(senderEvents, (events) => {
+        if (!events.length) return;
+        const lastEvent = maxBy(events, (ev) => ev.getTs())!;
+        const distanceFromNow = Math.abs(now - lastEvent.getTs()); // abs to account for slight future messages
+        const inverseTime = now - earliestAgeConsidered - distanceFromNow;
+        return {
+            lastSpoke: lastEvent.getTs(),
+            // Scores from being in a room give a 'good' score of about 1.0-1.5, so for our
+            // score we'll try and award at least 1.0 for making the list, with 4.0 being
+            // an approximate maximum for being selected.
+            score: Math.max(1, inverseTime / (15 * 60 * 1000)), // 15min segments to keep scores sane
+        };
+    }) as { [key: string]: IActivityScore };
+}
+
+interface IMemberScore {
+    member: RoomMember;
+    score: number;
+    numRooms: number;
+}
+
+export function buildMemberScores(cli: MatrixClient): { [userId: string]: IMemberScore } {
+    const maxConsideredMembers = 200;
+    const consideredRooms = joinedRooms(cli).filter((room) => room.getJoinedMemberCount() < maxConsideredMembers);
+    const memberPeerEntries = consideredRooms.flatMap((room) =>
+        room.getJoinedMembers().map((member) => ({ member, roomSize: room.getJoinedMemberCount() })),
+    );
+    const userMeta = groupBy(memberPeerEntries, ({ member }) => member.userId);
+    // If the iteratee in mapValues returns undefined that key will be removed from the resultant object
+    return mapValues(userMeta, (roomMemberships) => {
+        if (!roomMemberships.length) return;
+        const maximumPeers = maxConsideredMembers * roomMemberships.length;
+        const totalPeers = sumBy(roomMemberships, (entry) => entry.roomSize);
+        return {
+            member: minBy(roomMemberships, (entry) => entry.roomSize)!.member,
+            numRooms: roomMemberships.length,
+            score: Math.max(0, Math.pow(1 - totalPeers / maximumPeers, 5)),
+        };
+    }) as { [userId: string]: IMemberScore };
+}
diff --git a/apps/web/src/utils/StorageAccess.ts b/apps/web/src/utils/StorageAccess.ts
new file mode 100644
index 00000000000..5871904cf7c
--- /dev/null
+++ b/apps/web/src/utils/StorageAccess.ts
@@ -0,0 +1,130 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2021 , 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.
+*/
+
+/**
+ * Retrieves the IndexedDB factory object.
+ *
+ * @returns {IDBFactory | undefined} The IndexedDB factory object if available, or undefined if it is not supported.
+ */
+export function getIDBFactory(): IDBFactory | undefined {
+    // IndexedDB loading is lazy for easier testing.
+
+    // just *accessing* _indexedDB throws an exception in firefox with
+    // indexeddb disabled.
+    try {
+        // `self` is preferred for service workers, which access this file's functions.
+        // We check `self` first because `window` returns something which doesn't work for service workers.
+        // Note: `self?.indexedDB ?? window.indexedDB` breaks in service workers for unknown reasons.
+        return self?.indexedDB ? self.indexedDB : window.indexedDB;
+    } catch {}
+}
+
+let idb: IDBDatabase | null = null;
+
+async function idbInit(): Promise<void> {
+    if (!getIDBFactory()) {
+        throw new Error("IndexedDB not available");
+    }
+    idb = await new Promise((resolve, reject) => {
+        const request = getIDBFactory()!.open("matrix-react-sdk", 1);
+        request.onerror = reject;
+        request.onsuccess = (): void => {
+            resolve(request.result);
+        };
+        request.onupgradeneeded = (): void => {
+            const db = request.result;
+            db.createObjectStore("pickleKey");
+            db.createObjectStore("account");
+        };
+    });
+}
+
+async function idbTransaction(
+    table: string,
+    mode: IDBTransactionMode,
+    fn: (objectStore: IDBObjectStore) => IDBRequest,
+): Promise<any> {
+    if (!idb) {
+        await idbInit();
+    }
+    return new Promise((resolve, reject) => {
+        const txn = idb!.transaction([table], mode);
+        txn.onerror = reject;
+
+        const objectStore = txn.objectStore(table);
+        const request = fn(objectStore);
+        request.onerror = reject;
+        request.onsuccess = (): void => {
+            resolve(request.result);
+        };
+    });
+}
+
+/**
+ * Loads an item from an IndexedDB table within the underlying `matrix-react-sdk` database.
+ *
+ * If IndexedDB access is not supported in the environment, an error is thrown.
+ *
+ * @param {string} table The name of the object store in IndexedDB.
+ * @param {string | string[]} key The key where the data is stored.
+ * @returns {Promise<any>} A promise that resolves with the retrieved item from the table.
+ */
+export async function idbLoad(table: string, key: string | string[]): Promise<any> {
+    if (!idb) {
+        await idbInit();
+    }
+    return idbTransaction(table, "readonly", (objectStore) => objectStore.get(key));
+}
+
+/**
+ * Saves data to an IndexedDB table within the underlying `matrix-react-sdk` database.
+ *
+ * If IndexedDB access is not supported in the environment, an error is thrown.
+ *
+ * @param {string} table The name of the object store in the IndexedDB.
+ * @param {string|string[]} key The key to use for storing the data.
+ * @param {*} data The data to be saved.
+ * @returns {Promise<void>} A promise that resolves when the data is saved successfully.
+ */
+export async function idbSave(table: string, key: string | string[], data: any): Promise<void> {
+    if (!idb) {
+        await idbInit();
+    }
+    return idbTransaction(table, "readwrite", (objectStore) => objectStore.put(data, key));
+}
+
+/**
+ * Deletes a record from an IndexedDB table within the underlying `matrix-react-sdk` database.
+ *
+ * If IndexedDB access is not supported in the environment, an error is thrown.
+ *
+ * @param {string} table The name of the object store where the record is stored.
+ * @param {string|string[]} key The key of the record to be deleted.
+ * @returns {Promise<void>} A Promise that resolves when the record(s) have been successfully deleted.
+ */
+export async function idbDelete(table: string, key: string | string[]): Promise<void> {
+    if (!idb) {
+        await idbInit();
+    }
+    return idbTransaction(table, "readwrite", (objectStore) => objectStore.delete(key));
+}
+
+/**
+ * Clears all records from an IndexedDB table within the underlying `matrix-react-sdk` database.
+ *
+ * If IndexedDB access is not supported in the environment, an error is thrown.
+ *
+ * @param {string} table The name of the object store where the records are stored.
+ * @returns {Promise<void>} A Promise that resolves when the record(s) have been successfully deleted.
+ */
+export async function idbClear(table: string): Promise<void> {
+    if (!idb) {
+        await idbInit();
+    }
+    return idbTransaction(table, "readwrite", (objectStore) => objectStore.clear());
+}
diff --git a/apps/web/src/utils/StorageManager.ts b/apps/web/src/utils/StorageManager.ts
new file mode 100644
index 00000000000..c80885d2c7a
--- /dev/null
+++ b/apps/web/src/utils/StorageManager.ts
@@ -0,0 +1,225 @@
+/*
+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 { IndexedDBStore, IndexedDBCryptoStore } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { getIDBFactory } from "./StorageAccess";
+
+const localStorage = window.localStorage;
+
+// The JS SDK will add a prefix of "matrix-js-sdk:" to the sync store name.
+const SYNC_STORE_NAME = "riot-web-sync";
+const LEGACY_CRYPTO_STORE_NAME = "matrix-js-sdk:crypto";
+const RUST_CRYPTO_STORE_NAME = "matrix-js-sdk::matrix-sdk-crypto";
+
+function log(msg: string): void {
+    logger.log(`StorageManager: ${msg}`);
+}
+
+function warn(msg: string, ...args: any[]): void {
+    logger.warn(`StorageManager: ${msg}`, ...args);
+}
+
+function error(msg: string, ...args: any[]): void {
+    logger.error(`StorageManager: ${msg}`, ...args);
+}
+
+/**
+ * Warn (in the logs, captured by rageshakes) that the browser refused to make our storage
+ * persistent. Without durable storage the browser may evict IndexedDB — which holds the
+ * end-to-end encryption crypto store — under storage pressure, forcing a re-login and
+ * recovery-key re-entry. See https://github.com/element-hq/element-web/issues/32198.
+ *
+ * We deliberately do NOT surface a user-facing dialog/toast here: on a packaged desktop
+ * (custom-scheme) build Chromium's durable-storage heuristic commonly returns `false` even
+ * in the healthy case, so a per-login warning would be a false-alarm flood. The actual
+ * post-eviction user prompt is handled separately by {@link checkConsistency} →
+ * StorageEvictedDialog.
+ */
+function warnPersistenceDenied(): void {
+    warn(
+        "Persistent storage was not granted. The browser may evict locally stored data " +
+            "(including the end-to-end encryption keys in the crypto store) under storage pressure, " +
+            "which can force a re-login. See https://github.com/element-hq/element-web/issues/32198.",
+    );
+}
+
+/**
+ * Ask the browser to make our storage persistent (durable), so it is not evicted under
+ * storage pressure. Acts on the result: warns when persistence is denied.
+ *
+ * Invoked on every login *and* session restore, so we first check whether storage is
+ * already persistent and short-circuit to avoid re-requesting (some browsers re-prompt).
+ *
+ * Never rejects, so it is safe to call fire-and-forget.
+ *
+ * @returns whether storage is persistent after the attempt.
+ */
+export async function tryPersistStorage(): Promise<boolean> {
+    try {
+        if (navigator.storage && navigator.storage.persist) {
+            // Avoid re-requesting (and possibly re-prompting) when we already have it. A failure
+            // to *query* the state must not stop us from *requesting* persistence below.
+            try {
+                if (navigator.storage.persisted && (await navigator.storage.persisted())) {
+                    log("Persistent storage already granted");
+                    return true;
+                }
+            } catch (e) {
+                warn("Could not query persisted-storage state; requesting persistence anyway", e);
+            }
+            const persistent = await navigator.storage.persist();
+            log(`Persistent? ${persistent}`);
+            if (!persistent) {
+                warnPersistenceDenied();
+            }
+            return persistent;
+        } else {
+            log("Persistence unsupported");
+            return false;
+        }
+    } catch (e) {
+        // A storage-API hiccup must never reject into the fire-and-forget caller.
+        error("Failed to request persistent storage", e);
+        return false;
+    }
+}
+
+export async function checkConsistency(): Promise<{
+    healthy: boolean;
+    cryptoInited: boolean;
+    dataInCryptoStore: boolean;
+    dataInLocalStorage: boolean;
+}> {
+    log("Checking storage consistency");
+    log(`Local storage supported? ${!!localStorage}`);
+    log(`IndexedDB supported? ${!!getIDBFactory()}`);
+
+    let dataInLocalStorage = false;
+    let dataInCryptoStore = false;
+    let cryptoInited = false;
+    let healthy = true;
+
+    if (localStorage) {
+        dataInLocalStorage = localStorage.length > 0;
+        log(`Local storage contains data? ${dataInLocalStorage}`);
+
+        cryptoInited = !!localStorage.getItem("mx_crypto_initialised");
+        log(`Crypto initialised? ${cryptoInited}`);
+    } else {
+        healthy = false;
+        error("Local storage cannot be used on this browser");
+    }
+
+    if (getIDBFactory() && localStorage) {
+        const results = await checkSyncStore();
+        if (!results.healthy) {
+            healthy = false;
+        }
+    } else {
+        healthy = false;
+        error("Sync store cannot be used on this browser");
+    }
+
+    if (getIDBFactory()) {
+        const results = await checkCryptoStore();
+        dataInCryptoStore = results.exists;
+        if (!results.healthy) {
+            healthy = false;
+        }
+    } else {
+        healthy = false;
+        error("Crypto store cannot be used on this browser");
+    }
+
+    if (dataInLocalStorage && cryptoInited && !dataInCryptoStore) {
+        healthy = false;
+        error(
+            "Data exists in local storage and crypto is marked as initialised but no data found in crypto store. " +
+                "IndexedDB storage has likely been evicted by the browser!",
+        );
+    }
+
+    if (healthy) {
+        log("Storage consistency checks passed");
+    } else {
+        error("Storage consistency checks failed");
+    }
+
+    return {
+        dataInLocalStorage,
+        dataInCryptoStore,
+        cryptoInited,
+        healthy,
+    };
+}
+
+interface StoreCheck {
+    exists: boolean;
+    healthy: boolean;
+}
+
+async function checkSyncStore(): Promise<StoreCheck> {
+    let exists = false;
+    try {
+        exists = await IndexedDBStore.exists(getIDBFactory()!, SYNC_STORE_NAME);
+        log(`Sync store using IndexedDB contains data? ${exists}`);
+        return { exists, healthy: true };
+    } catch (e) {
+        error("Sync store using IndexedDB inaccessible", e);
+    }
+    log("Sync store using memory only");
+    return { exists, healthy: false };
+}
+
+async function checkCryptoStore(): Promise<StoreCheck> {
+    // check first if there is a rust crypto store
+    try {
+        const rustDbExists = await IndexedDBCryptoStore.exists(getIDBFactory()!, RUST_CRYPTO_STORE_NAME);
+        log(`Rust Crypto store using IndexedDB contains data? ${rustDbExists}`);
+
+        if (rustDbExists) {
+            // There was an existing rust database, so consider it healthy.
+            return { exists: true, healthy: true };
+        } else {
+            // No rust store, so let's check if there is a legacy store not yet migrated.
+            try {
+                const legacyIdbExists = await IndexedDBCryptoStore.existsAndIsNotMigrated(
+                    getIDBFactory()!,
+                    LEGACY_CRYPTO_STORE_NAME,
+                );
+                log(`Legacy Crypto store using IndexedDB contains non migrated data? ${legacyIdbExists}`);
+                return { exists: legacyIdbExists, healthy: true };
+            } catch (e) {
+                error("Legacy crypto store using IndexedDB inaccessible", e);
+            }
+
+            // No need to check local storage or memory as rust stack doesn't support them.
+            // Given that rust stack requires indexeddb, set healthy to false.
+            return { exists: false, healthy: false };
+        }
+    } catch (e) {
+        error("Rust crypto store using IndexedDB inaccessible", e);
+        return { exists: false, healthy: false };
+    }
+}
+
+/**
+ * Sets whether crypto has ever been successfully
+ * initialised on this client.
+ * StorageManager uses this to determine whether indexeddb
+ * has been wiped by the browser: this flag is saved to localStorage
+ * and if it is true and not crypto data is found, an error is
+ * presented to the user.
+ *
+ * @param {boolean} cryptoInited True if crypto has been set up
+ */
+export function setCryptoInitialised(cryptoInited: boolean): void {
+    localStorage.setItem("mx_crypto_initialised", String(cryptoInited));
+}
diff --git a/apps/web/src/utils/Timer.ts b/apps/web/src/utils/Timer.ts
new file mode 100644
index 00000000000..f078bcbe55e
--- /dev/null
+++ b/apps/web/src/utils/Timer.ts
@@ -0,0 +1,117 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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.
+*/
+
+/**
+A countdown timer, exposing a promise api.
+A timer starts in a non-started state,
+and needs to be started by calling `start()`` on it first.
+
+Timers can be `abort()`-ed which makes the promise reject prematurely.
+
+Once a timer is finished or aborted, it can't be started again
+(because the promise should not be replaced). Instead, create
+a new one through `clone()` or `cloneIfRun()`.
+*/
+export default class Timer {
+    private timerHandle?: number;
+    private startTs?: number;
+    private deferred!: PromiseWithResolvers<void>;
+
+    public constructor(private timeout: number) {
+        this.setNotStarted();
+    }
+
+    private setNotStarted(): void {
+        this.timerHandle = undefined;
+        this.startTs = undefined;
+        this.deferred = Promise.withResolvers();
+        this.deferred.promise = this.deferred.promise.finally(() => {
+            this.timerHandle = undefined;
+        });
+    }
+
+    private onTimeout = (): void => {
+        const now = Date.now();
+        const elapsed = now - this.startTs!;
+        if (elapsed >= this.timeout) {
+            this.deferred.resolve();
+            this.setNotStarted();
+        } else {
+            const delta = this.timeout - elapsed;
+            this.timerHandle = window.setTimeout(this.onTimeout, delta);
+        }
+    };
+
+    public changeTimeout(timeout: number): void {
+        if (timeout === this.timeout) {
+            return;
+        }
+        const isSmallerTimeout = timeout < this.timeout;
+        this.timeout = timeout;
+        if (this.isRunning() && isSmallerTimeout) {
+            clearTimeout(this.timerHandle);
+            this.onTimeout();
+        }
+    }
+
+    /**
+     * if not started before, starts the timer.
+     * @returns {Timer} the same timer
+     */
+    public start(): Timer {
+        if (!this.isRunning()) {
+            this.startTs = Date.now();
+            this.timerHandle = window.setTimeout(this.onTimeout, this.timeout);
+        }
+        return this;
+    }
+
+    /**
+     * (re)start the timer. If it's running, reset the timeout. If not, start it.
+     * @returns {Timer} the same timer
+     */
+    public restart(): Timer {
+        if (this.isRunning()) {
+            // don't clearTimeout here as this method
+            // can be called in fast succession,
+            // instead just take note and compare
+            // when the already running timeout expires
+            this.startTs = Date.now();
+            return this;
+        } else {
+            return this.start();
+        }
+    }
+
+    /**
+     * if the timer is running, abort it,
+     * and reject the promise for this timer.
+     * @returns {Timer} the same timer
+     */
+    public abort(): Timer {
+        if (this.isRunning()) {
+            clearTimeout(this.timerHandle);
+            this.deferred.reject(new Error("Timer was aborted."));
+            this.setNotStarted();
+        }
+        return this;
+    }
+
+    /**
+     *promise that will resolve when the timer elapses,
+     *or is rejected when abort is called
+     *@returns {Promise}
+     */
+    public finished(): Promise<void> {
+        return this.deferred.promise;
+    }
+
+    public isRunning(): boolean {
+        return this.timerHandle !== undefined;
+    }
+}
diff --git a/apps/web/src/utils/UrlPreviewFetcher.test.ts b/apps/web/src/utils/UrlPreviewFetcher.test.ts
new file mode 100644
index 00000000000..31c11158182
--- /dev/null
+++ b/apps/web/src/utils/UrlPreviewFetcher.test.ts
@@ -0,0 +1,349 @@
+/*
+ * 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, describe, it, expect, beforeAll, afterAll, type Mock } from "vitest";
+
+import type { IPreviewUrlResponse, MatrixClient } from "matrix-js-sdk/src/matrix";
+import { UrlPreviewFetcher } from "./UrlPreviewFetcher";
+import { type UnstableBundledUrlPreviewSingle } from "../../@types/url-preview";
+
+const IMAGE_MXC = "mxc://example.org/abc";
+const BASIC_PREVIEW_OGDATA = {
+    "og:title": "This is an example!",
+    "og:description": "This is a description",
+    "og:type": "document",
+    "og:url": "https://example.org",
+    "og:site_name": "Example.org",
+};
+
+function getFetcher(): {
+    fetcher: UrlPreviewFetcher;
+    client: { getUrlPreview: Mock; mxcUrlToHttp: Mock };
+} {
+    const client = {
+        getUrlPreview: vi.fn(),
+        mxcUrlToHttp: vi.fn(),
+    } as unknown as MatrixClient;
+    return {
+        fetcher: new UrlPreviewFetcher(client, 0, false),
+        client: client as unknown as { getUrlPreview: Mock; mxcUrlToHttp: Mock },
+    };
+}
+
+describe("UrlPreviewFetcher", () => {
+    let originalDevicePixelRatio: Window["devicePixelRatio"];
+    beforeAll(() => {
+        originalDevicePixelRatio = window.devicePixelRatio;
+        window.devicePixelRatio = 1;
+    });
+    afterAll(() => {
+        window.devicePixelRatio = originalDevicePixelRatio;
+    });
+    it("should return null when the fetch fails", async () => {
+        const { fetcher, client } = getFetcher();
+        client.getUrlPreview.mockRejectedValue(new Error("Forced test failure"));
+        expect(await fetcher.fetchPreview("https://example.org", true)).toBeNull();
+    });
+
+    it("should return null when title equals the URL and there is no image", async () => {
+        const { fetcher, client } = getFetcher();
+        client.getUrlPreview.mockResolvedValueOnce({
+            "og:title": "https://example.org",
+            "og:type": "document",
+            "og:url": "https://example.org",
+        });
+        expect(await fetcher.fetchPreview("https://example.org", true)).toBeNull();
+    });
+
+    it("should cache results and not re-fetch for the same URL", async () => {
+        const { fetcher, client } = getFetcher();
+        client.getUrlPreview.mockResolvedValue(BASIC_PREVIEW_OGDATA);
+        await fetcher.fetchPreview("https://example.org", true);
+        await fetcher.fetchPreview("https://example.org", true);
+        expect(client.getUrlPreview).toHaveBeenCalledTimes(1);
+    });
+
+    it("should re-fetch after clearCache is called", async () => {
+        const { fetcher, client } = getFetcher();
+        client.getUrlPreview.mockResolvedValue(BASIC_PREVIEW_OGDATA);
+        await fetcher.fetchPreview("https://example.org", true);
+        fetcher.clearCache();
+        await fetcher.fetchPreview("https://example.org", true);
+        expect(client.getUrlPreview).toHaveBeenCalledTimes(2);
+    });
+
+    it("should not process media when loadMedia is false", async () => {
+        const { fetcher, client } = getFetcher();
+        client.getUrlPreview.mockResolvedValueOnce({
+            "og:title": "This is an example!",
+            "og:type": "document",
+            "og:url": "https://example.org",
+            "og:image": IMAGE_MXC,
+            "og:image:height": 128,
+            "og:image:width": 128,
+            "matrix:image:size": 10000,
+        });
+        const preview = await fetcher.fetchPreview("https://example.org", false);
+        expect(preview?.image).toBeUndefined();
+        // eslint-disable-next-line no-restricted-properties
+        expect(client.mxcUrlToHttp).not.toHaveBeenCalled();
+    });
+
+    it("should preview a URL with media", async () => {
+        const { fetcher, client } = getFetcher();
+        client.getUrlPreview.mockResolvedValueOnce({
+            "og:title": "This is an example!",
+            "og:type": "document",
+            "og:url": "https://example.org",
+            "og:image": IMAGE_MXC,
+            "og:image:height": 128,
+            "og:image:width": 128,
+            "matrix:image:size": 10000,
+        });
+        // eslint-disable-next-line no-restricted-properties
+        client.mxcUrlToHttp.mockImplementation((url, width) => {
+            expect(url).toEqual(IMAGE_MXC);
+            if (width) return "https://example.org/image/thumb";
+            return "https://example.org/image/src";
+        });
+        const preview = await fetcher.fetchPreview("https://example.org", true);
+        expect(preview).toMatchSnapshot();
+    });
+
+    it.each<Partial<IPreviewUrlResponse>>([
+        { "matrix:image:size": 8191 },
+        { "og:image:width": 95 },
+        { "og:image:height": 95 },
+    ])("should use a site icon for small images %s", async (extraResp) => {
+        const { fetcher, client } = getFetcher();
+        client.getUrlPreview.mockResolvedValueOnce({
+            "og:title": "This is an example!",
+            "og:type": "document",
+            "og:url": "https://example.org",
+            "og:image": IMAGE_MXC,
+            "og:image:height": 128,
+            "og:image:width": 128,
+            "matrix:image:size": 8193,
+            ...extraResp,
+        });
+        // eslint-disable-next-line no-restricted-properties
+        client.mxcUrlToHttp.mockImplementation((url) => {
+            expect(url).toEqual(IMAGE_MXC);
+            return "https://example.org/image/src";
+        });
+        const preview = await fetcher.fetchPreview("https://example.org", true);
+        expect(preview?.siteIcon).toBeTruthy();
+        expect(preview?.image).toBeUndefined();
+    });
+
+    it.each<string>(["og:video", "og:video:type", "og:audio"])("detects playable links via %s", async (property) => {
+        const { fetcher, client } = getFetcher();
+        // eslint-disable-next-line no-restricted-properties
+        client.mxcUrlToHttp.mockImplementation((url, width) => {
+            if (width) return "https://example.org/image/thumb";
+            return "https://example.org/image/src";
+        });
+        client.getUrlPreview.mockResolvedValueOnce({
+            ...BASIC_PREVIEW_OGDATA,
+            "og:image": IMAGE_MXC,
+            "og:image:height": 128,
+            "og:image:width": 128,
+            "matrix:image:size": 10000,
+            [property]: "anything",
+        });
+        const preview = await fetcher.fetchPreview("https://example.org", true);
+        expect(preview?.image?.playable).toBe(true);
+    });
+
+    describe("calculates author", () => {
+        it("should use the profile:username if provided", async () => {
+            const { fetcher, client } = getFetcher();
+            client.getUrlPreview.mockResolvedValueOnce({ ...BASIC_PREVIEW_OGDATA, "profile:username": "my username" });
+            const preview = await fetcher.fetchPreview("https://example.org", true);
+            expect(preview?.author).toEqual("my username");
+        });
+
+        it("should use author if the og:type is an article", async () => {
+            const { fetcher, client } = getFetcher();
+            client.getUrlPreview.mockResolvedValueOnce({
+                ...BASIC_PREVIEW_OGDATA,
+                "og:type": "article",
+                "article:author": "my name",
+            });
+            const preview = await fetcher.fetchPreview("https://example.org", true);
+            expect(preview?.author).toEqual("my name");
+        });
+
+        it("should NOT use author if the author is a URL", async () => {
+            const { fetcher, client } = getFetcher();
+            client.getUrlPreview.mockResolvedValueOnce({
+                ...BASIC_PREVIEW_OGDATA,
+                "og:type": "article",
+                "article:author": "https://junk.example.org/foo",
+            });
+            const preview = await fetcher.fetchPreview("https://example.org", true);
+            expect(preview?.author).toBeUndefined();
+        });
+    });
+
+    // og:url and og:type are not surfaced in the preview.
+    const baseOg = {
+        "og:url": "https://example.org",
+        "og:type": "document",
+    };
+
+    it.each<IPreviewUrlResponse>([
+        { ...baseOg, "og:title": "Basic title" },
+        { ...baseOg, "og:site_name": "Site name", "og:title": "" },
+        { ...baseOg, "og:description": "A description", "og:title": "" },
+        { ...baseOg, "og:title": "Cool blog", "og:site_name": "Cool site" },
+        {
+            ...baseOg,
+            "og:title": "Media test",
+            // API *may* return a string, so check we parse correctly.
+            "og:image:height": "500" as unknown as number,
+            "og:image:width": 500,
+            "matrix:image:size": 10000,
+            "og:image": IMAGE_MXC,
+        },
+    ])("handles different kinds of opengraph responses %s", async (og) => {
+        const { fetcher, client } = getFetcher();
+        // eslint-disable-next-line no-restricted-properties
+        client.mxcUrlToHttp.mockImplementation((url, width) => {
+            if (width) return "https://example.org/image/thumb";
+            return "https://example.org/image/src";
+        });
+        client.getUrlPreview.mockResolvedValueOnce(og);
+        const preview = await fetcher.fetchPreview("https://example.org", true);
+        expect(preview).toMatchSnapshot();
+    });
+
+    describe("previewFromBundle", () => {
+        const BASIC_BUNDLE: UnstableBundledUrlPreviewSingle = {
+            "matched_url": "https://example.org/page",
+            "og:title": "Bundled title",
+            "og:description": "Bundled description",
+            "og:url": "https://example.org/canonical",
+        };
+
+        const IMAGE_BUNDLE: UnstableBundledUrlPreviewSingle = {
+            ...BASIC_BUNDLE,
+            "og:image": IMAGE_MXC,
+            "og:image:type": "image/png",
+            "og:image:width": 500,
+            "og:image:height": 400,
+            "matrix:image:size": 10000,
+        };
+
+        function mockMedia(client: { mxcUrlToHttp: Mock }): void {
+            // eslint-disable-next-line no-restricted-properties
+            client.mxcUrlToHttp.mockImplementation((url, width) => {
+                expect(url).toEqual(IMAGE_MXC);
+                if (width) return "https://example.org/image/thumb";
+                return "https://example.org/image/src";
+            });
+        }
+
+        it("should map basic bundle fields without an image", () => {
+            const { fetcher, client } = getFetcher();
+            const preview = fetcher.previewFromBundle(BASIC_BUNDLE);
+            expect(preview).toEqual({
+                link: "https://example.org/page",
+                title: "Bundled title",
+                siteName: "example.org",
+                showTooltipOnLink: false,
+                description: "Bundled description",
+                ogUrl: "https://example.org/canonical",
+            });
+            // eslint-disable-next-line no-restricted-properties
+            expect(client.mxcUrlToHttp).not.toHaveBeenCalled();
+        });
+
+        it("should fall back to the matched_url when there is no title", () => {
+            const { fetcher } = getFetcher();
+            const preview = fetcher.previewFromBundle({ matched_url: "https://example.org/page" });
+            expect(preview.title).toEqual("https://example.org/page");
+            expect(preview.showTooltipOnLink).toBe(false);
+        });
+
+        it("should set showTooltipOnLink when tooltips are enabled and title differs from the URL", () => {
+            const { client } = getFetcher();
+            const fetcher = new UrlPreviewFetcher(client as unknown as MatrixClient, 0, true);
+            const preview = fetcher.previewFromBundle(BASIC_BUNDLE);
+            expect(preview.showTooltipOnLink).toBe(true);
+        });
+
+        // Unlike fetchPreview, the tooltip flag is computed against the raw og:title rather than
+        // the resolved title, so a missing og:title still shows a tooltip even though the displayed
+        // title falls back to the matched_url.
+        it("should set showTooltipOnLink when tooltips are enabled and og:title is absent", () => {
+            const { client } = getFetcher();
+            const fetcher = new UrlPreviewFetcher(client as unknown as MatrixClient, 0, true);
+            const preview = fetcher.previewFromBundle({ matched_url: "https://example.org/page" });
+            expect(preview.showTooltipOnLink).toBe(true);
+        });
+
+        it("should not set showTooltipOnLink when tooltips are enabled but og:title equals the URL", () => {
+            const { client } = getFetcher();
+            const fetcher = new UrlPreviewFetcher(client as unknown as MatrixClient, 0, true);
+            const preview = fetcher.previewFromBundle({
+                "matched_url": "https://example.org/page",
+                "og:title": "https://example.org/page",
+            });
+            expect(preview.showTooltipOnLink).toBe(false);
+        });
+
+        it("should include the image when all image fields are present", () => {
+            const { fetcher, client } = getFetcher();
+            mockMedia(client);
+            const preview = fetcher.previewFromBundle(IMAGE_BUNDLE);
+            expect(preview.image).toEqual({
+                imageThumb: "https://example.org/image/thumb",
+                imageFull: "https://example.org/image/src",
+                imageType: "image/png",
+                mxcImageFull: IMAGE_MXC,
+                width: 500,
+                height: 400,
+                playable: false,
+            });
+        });
+
+        it.each<Partial<UnstableBundledUrlPreviewSingle>>([
+            { "og:image": undefined },
+            { "og:image:type": undefined },
+            { "og:image:width": undefined },
+            { "og:image:height": undefined },
+            // Non-numeric dimensions are ignored (bundle values are trusted as-is).
+            { "og:image:width": "500" as unknown as number },
+        ])("should omit the image when image metadata is incomplete %s", (override) => {
+            const { fetcher, client } = getFetcher();
+            mockMedia(client);
+            const preview = fetcher.previewFromBundle({ ...IMAGE_BUNDLE, ...override });
+            expect(preview.image).toBeUndefined();
+        });
+
+        it("should omit the image when the media mxc URL is malformed", () => {
+            const { fetcher, client } = getFetcher();
+            // A malformed/unresolvable mxc yields no HTTP URL.
+            // eslint-disable-next-line no-restricted-properties
+            client.mxcUrlToHttp.mockReturnValue(null);
+            const preview = fetcher.previewFromBundle(IMAGE_BUNDLE);
+            expect(preview.image).toBeUndefined();
+            // The rest of the preview is still returned.
+            expect(preview.title).toEqual("Bundled title");
+        });
+
+        it("should compute the siteName from the matched_url hostname", () => {
+            const { fetcher } = getFetcher();
+            const preview = fetcher.previewFromBundle({
+                ...BASIC_BUNDLE,
+                matched_url: "https://sub.example.com:8443/some/path?q=1",
+            });
+            expect(preview.siteName).toEqual("sub.example.com");
+        });
+    });
+});
diff --git a/apps/web/src/utils/UrlPreviewFetcher.ts b/apps/web/src/utils/UrlPreviewFetcher.ts
new file mode 100644
index 00000000000..d38d8db1e4d
--- /dev/null
+++ b/apps/web/src/utils/UrlPreviewFetcher.ts
@@ -0,0 +1,257 @@
+/*
+ * 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 { logger as rootLogger } from "matrix-js-sdk/src/logger";
+import { type IPreviewUrlResponse, type MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+import { decode } from "html-entities";
+
+import type { UrlPreview } from "@element-hq/web-shared-components";
+import { mediaFromMxc } from "../customisations/Media";
+import { thumbHeight } from "../ImageUtils";
+import { type UnstableBundledUrlPreviewSingle } from "../../@types/url-preview";
+
+const logger = rootLogger.getChild("UrlPreviewFetcher");
+
+export const PREVIEW_WIDTH_PX = 478;
+export const PREVIEW_HEIGHT_PX = 200;
+export const MIN_PREVIEW_PX = 96;
+export const MIN_IMAGE_SIZE_BYTES = 8192;
+
+/**
+ * Handles fetching and parsing URL previews.
+ * Maintains a cache of previously fetched previews; call `clearCache` when
+ * media visibility changes so images are re-fetched with the correct visibility.
+ */
+export class UrlPreviewFetcher {
+    private readonly cache = new Map<string, UrlPreview>();
+
+    public constructor(
+        private readonly client: MatrixClient,
+        private readonly previewRequestTs: number,
+        private readonly showTooltips: boolean,
+    ) {}
+
+    public clearCache(): void {
+        this.cache.clear();
+    }
+
+    /**
+     * Parse a numeric value from OpenGraph. The OpenGraph spec defines all values as strings
+     * although Synapse may return these values as numbers. To be compatible, test strings
+     * and numbers.
+     * @param value The numeric value
+     * @returns A number if the value parsed correctly, or undefined otherwise.
+     */
+    private static getNumberFromOpenGraph(value: number | string | undefined): number | undefined {
+        if (typeof value === "number") {
+            return value;
+        } else if (typeof value === "string" && value) {
+            const i = Number.parseInt(value, 10);
+            if (!Number.isNaN(i)) return i;
+        }
+        return undefined;
+    }
+
+    /**
+     * Calculate the best possible title from an opengraph response.
+     * @param response The opengraph response
+     * @param link The link being used to preview.
+     * @returns The title value.
+     */
+    private static getBaseMetadataFromResponse(
+        response: IPreviewUrlResponse,
+        link: string,
+    ): Pick<UrlPreview, "title" | "description" | "siteName"> {
+        let title =
+            typeof response["og:title"] === "string" && response["og:title"].trim()
+                ? response["og:title"].trim()
+                : undefined;
+        let description =
+            typeof response["og:description"] === "string" && response["og:description"].trim()
+                ? response["og:description"].trim()
+                : undefined;
+        const siteName =
+            typeof response["og:site_name"] === "string" && response["og:site_name"].trim()
+                ? response["og:site_name"].trim()
+                : new URL(link).hostname;
+
+        if (!title && description) {
+            title = description;
+            description = undefined;
+        } else if (!title && siteName) {
+            title = siteName;
+        } else if (!title) {
+            title = link;
+        }
+
+        if (description && description.toLowerCase() === siteName.toLowerCase()) {
+            description = undefined;
+        }
+
+        return { title, description: description && decode(description), siteName };
+    }
+
+    /**
+     * Calculate the best possible author from an opengraph response.
+     * @param response The opengraph response
+     * @returns The author value, or undefined if no valid author could be found.
+     */
+    private static getAuthorFromResponse(response: IPreviewUrlResponse): UrlPreview["author"] {
+        let calculatedAuthor: string | undefined;
+        if (response["og:type"] === "article") {
+            if (typeof response["article:author"] === "string" && response["article:author"]) {
+                calculatedAuthor = response["article:author"];
+            }
+        }
+        if (typeof response["profile:username"] === "string" && response["profile:username"]) {
+            calculatedAuthor = response["profile:username"];
+        }
+        if (calculatedAuthor && URL.canParse(calculatedAuthor)) {
+            return undefined;
+        }
+        return calculatedAuthor;
+    }
+
+    /**
+     * Calculate whether the provided image from the preview response is an full size preview or
+     * a site icon.
+     * @returns `true` if the image should be used as a preview, otherwise `false`
+     */
+    private static isImagePreview(width?: number, height?: number, bytes?: number): boolean {
+        if (width && width < MIN_PREVIEW_PX) return false;
+        if (height && height < MIN_PREVIEW_PX) return false;
+        if (bytes && bytes < MIN_IMAGE_SIZE_BYTES) return false;
+        return true;
+    }
+
+    /**
+     * Fetch a preview for a single URL, returning a cached result if available.
+     * @param link The URL to preview.
+     * @param loadMedia Whether to include the preview image. Pass false when media is hidden.
+     */
+    public async fetchPreview(link: string, loadMedia: boolean): Promise<UrlPreview | null> {
+        const cached = this.cache.get(link);
+        if (cached) return cached;
+
+        let response: IPreviewUrlResponse;
+        try {
+            response = await this.client.getUrlPreview(link, this.previewRequestTs);
+        } catch (error) {
+            if (error instanceof MatrixError && error.httpStatus === 404) {
+                logger.debug("Failed to get URL preview: ", error);
+            } else {
+                logger.error("Failed to get URL preview: ", error);
+            }
+            return null;
+        }
+
+        const { title, description, siteName } = UrlPreviewFetcher.getBaseMetadataFromResponse(response, link);
+        const author = UrlPreviewFetcher.getAuthorFromResponse(response);
+        const hasImage = response["og:image"] && typeof response["og:image"] === "string";
+
+        if (title === link && !hasImage) {
+            return null;
+        }
+
+        let image: UrlPreview["image"];
+        let siteIcon: string | undefined;
+
+        if (typeof response["og:image"] === "string" && loadMedia) {
+            const mxcImageFull = response["og:image"];
+            const media = mediaFromMxc(response["og:image"], this.client);
+            const declaredHeight = UrlPreviewFetcher.getNumberFromOpenGraph(response["og:image:height"]);
+            const declaredWidth = UrlPreviewFetcher.getNumberFromOpenGraph(response["og:image:width"]);
+            const imageSize = UrlPreviewFetcher.getNumberFromOpenGraph(response["matrix:image:size"]);
+            const alt = typeof response["og:image:alt"] === "string" ? response["og:image:alt"] : undefined;
+            const imageType = typeof response["og:image:type"] === "string" ? response["og:image:type"] : undefined;
+
+            if (UrlPreviewFetcher.isImagePreview(declaredWidth, declaredHeight, imageSize)) {
+                const width = Math.min(declaredWidth ?? PREVIEW_WIDTH_PX, PREVIEW_WIDTH_PX);
+                const height =
+                    thumbHeight(width, declaredHeight, PREVIEW_WIDTH_PX, PREVIEW_WIDTH_PX) ?? PREVIEW_WIDTH_PX;
+                const thumb = media.getThumbnailOfSourceHttp(PREVIEW_WIDTH_PX, PREVIEW_HEIGHT_PX, "scale");
+                const playable = !!response["og:video"] || !!response["og:video:type"] || !!response["og:audio"];
+                if (thumb) {
+                    image = {
+                        imageThumb: thumb,
+                        imageFull: media.srcHttp ?? thumb,
+                        mxcImageFull,
+                        imageType,
+                        width,
+                        height,
+                        fileSize: UrlPreviewFetcher.getNumberFromOpenGraph(response["matrix:image:size"]),
+                        alt,
+                        playable,
+                    };
+                }
+            } else if (media.srcHttp) {
+                siteIcon = media.srcHttp;
+            }
+        }
+
+        const result = {
+            link,
+            title,
+            author,
+            description,
+            siteName,
+            siteIcon,
+            ogUrl: response["og:url"],
+            showTooltipOnLink: !!(link !== title && this.showTooltips),
+            image,
+        } satisfies UrlPreview;
+        this.cache.set(link, result);
+        return result;
+    }
+
+    /*
+     * Convert an MSC4095 URL preview bundle item to a UrlPreview
+     */
+    public previewFromBundle(single: UnstableBundledUrlPreviewSingle): UrlPreview {
+        const preview: UrlPreview = {
+            link: single.matched_url,
+            title: single["og:title"] ?? single.matched_url,
+            siteName: new URL(single.matched_url).hostname,
+            showTooltipOnLink: !!(single.matched_url !== single["og:title"] && this.showTooltips),
+            description: single["og:description"],
+            ogUrl: single["og:url"],
+        };
+
+        // missing fields from the bundle because backend does provide it:
+        // - siteName (can be computed)
+        // - favicon
+        // - media is a video or audio?
+        // TODO in next PR: URL previews in encrypted chat?
+        if (
+            typeof single["og:image"] === "string" &&
+            typeof single["og:image:type"] === "string" &&
+            typeof single["og:image:width"] === "number" &&
+            typeof single["og:image:height"] === "number"
+        ) {
+            const media = mediaFromMxc(single["og:image"], this.client);
+            const thumb = media.getThumbnailOfSourceHttp(PREVIEW_WIDTH_PX, PREVIEW_HEIGHT_PX, "scale");
+
+            // cannot rule out the mxc:// url is malformed because
+            // the sender can specify anything
+            if (media.srcHttp === null || thumb === null) {
+                return preview;
+            }
+
+            preview.image = {
+                imageThumb: thumb,
+                imageFull: media.srcHttp,
+                imageType: single["og:image:type"],
+                mxcImageFull: single["og:image"],
+                width: single["og:image:width"],
+                height: single["og:image:height"],
+                playable: false, // TODO: do we know?
+            };
+        }
+
+        return preview;
+    }
+}
diff --git a/apps/web/src/utils/UrlUtils.test.ts b/apps/web/src/utils/UrlUtils.test.ts
new file mode 100644
index 00000000000..fb95435e579
--- /dev/null
+++ b/apps/web/src/utils/UrlUtils.test.ts
@@ -0,0 +1,47 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+
+import { abbreviateUrl, parseUrl, unabbreviateUrl } from "./UrlUtils";
+
+describe("abbreviateUrl", () => {
+    it("should return empty string if passed falsey", () => {
+        expect(abbreviateUrl(undefined)).toEqual("");
+    });
+
+    it("should abbreviate to host if empty pathname", () => {
+        expect(abbreviateUrl("https://foo/")).toEqual("foo");
+    });
+
+    it("should not abbreviate if has path parts", () => {
+        expect(abbreviateUrl("https://foo/path/parts")).toEqual("https://foo/path/parts");
+    });
+});
+
+describe("unabbreviateUrl", () => {
+    it("should return empty string if passed falsey", () => {
+        expect(unabbreviateUrl(undefined)).toEqual("");
+    });
+
+    it("should prepend https to input if it lacks it", () => {
+        expect(unabbreviateUrl("element.io")).toEqual("https://element.io");
+    });
+
+    it("should not prepend https to input if it has it", () => {
+        expect(unabbreviateUrl("https://element.io")).toEqual("https://element.io");
+    });
+});
+
+describe("parseUrl", () => {
+    it("should not throw on no proto", () => {
+        expect(() => parseUrl("test")).not.toThrow();
+    });
+});
diff --git a/apps/web/src/utils/UrlUtils.ts b/apps/web/src/utils/UrlUtils.ts
new file mode 100644
index 00000000000..fcb720414e2
--- /dev/null
+++ b/apps/web/src/utils/UrlUtils.ts
@@ -0,0 +1,51 @@
+/*
+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.
+*/
+
+/**
+ * If a url has no path component, etc. abbreviate it to just the hostname
+ *
+ * @param {string} u The url to be abbreviated
+ * @returns {string} The abbreviated url
+ */
+export function abbreviateUrl(u?: string): string {
+    if (!u) return "";
+
+    let parsedUrl: URL;
+    try {
+        parsedUrl = parseUrl(u);
+    } catch (e) {
+        console.error(e);
+        // if it's something we can't parse as a url then just return it
+        return u;
+    }
+
+    if (parsedUrl.pathname === "/") {
+        // we ignore query / hash parts: these aren't relevant for IS server URLs
+        return parsedUrl.host || "";
+    }
+
+    return u;
+}
+
+export function unabbreviateUrl(u?: string): string {
+    if (!u) return "";
+
+    let longUrl = u;
+    if (!u.startsWith("https://")) longUrl = "https://" + u;
+    const parsed = parseUrl(longUrl);
+    if (!parsed.hostname) return u;
+
+    return longUrl;
+}
+
+export function parseUrl(u: string): URL {
+    if (!u.includes(":")) {
+        u = window.location.protocol + u;
+    }
+    return new URL(u);
+}
diff --git a/apps/web/src/utils/ValidatedServerConfig.ts b/apps/web/src/utils/ValidatedServerConfig.ts
new file mode 100644
index 00000000000..726751c91b9
--- /dev/null
+++ b/apps/web/src/utils/ValidatedServerConfig.ts
@@ -0,0 +1,31 @@
+/*
+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 { type ValidatedAuthMetadata } from "matrix-js-sdk/src/matrix";
+
+export interface ValidatedServerConfig {
+    hsUrl: string;
+    hsName: string;
+    hsNameIsDifferent: boolean;
+
+    isUrl: string;
+
+    isDefault: boolean;
+    // when the server config is based on static URLs the hsName is not resolvable and things may wish to use hsUrl
+    isNameResolvable: boolean;
+
+    warning: string | Error;
+
+    /**
+     * Config related to delegated authentication
+     * Included when delegated auth is configured and valid, otherwise undefined.
+     * From {@link MatrixClient.getAuthMetadata}.
+     * Used for OIDC native flow authentication.
+     */
+    delegatedAuthentication?: ValidatedAuthMetadata;
+}
diff --git a/apps/web/src/utils/WellKnownUtils.ts b/apps/web/src/utils/WellKnownUtils.ts
new file mode 100644
index 00000000000..fc1efe35912
--- /dev/null
+++ b/apps/web/src/utils/WellKnownUtils.ts
@@ -0,0 +1,72 @@
+/*
+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 { type IClientWellKnown, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { UnstableValue } from "matrix-js-sdk/src/NamespacedValue";
+
+const CALL_BEHAVIOUR_WK_KEY = "io.element.call_behaviour";
+const E2EE_WK_KEY = "io.element.e2ee";
+const E2EE_WK_KEY_DEPRECATED = "im.vector.riot.e2ee";
+export const TILE_SERVER_WK_KEY = new UnstableValue("m.tile_server", "org.matrix.msc3488.tile_server");
+const EMBEDDED_PAGES_WK_PROPERTY = "io.element.embedded_pages";
+
+export interface ICallBehaviourWellKnown {
+    widget_build_url?: string;
+    ignore_dm?: boolean;
+}
+
+export interface IE2EEWellKnown {
+    default?: boolean;
+    /**
+     * Forces the encryption to disabled for all new rooms
+     * When true, overrides configured 'default' behaviour
+     * Hides the option to enable encryption on room creation
+     * Disables the option to enable encryption in room settings for all new and existing rooms
+     */
+    force_disable?: boolean;
+}
+
+export interface ITileServerWellKnown {
+    map_style_url?: string;
+}
+
+export interface IEmbeddedPagesWellKnown {
+    home_url?: string;
+}
+
+export function getCallBehaviourWellKnown(matrixClient: MatrixClient): ICallBehaviourWellKnown {
+    const clientWellKnown = matrixClient.getClientWellKnown();
+    return clientWellKnown?.[CALL_BEHAVIOUR_WK_KEY];
+}
+
+export function getE2EEWellKnown(matrixClient: MatrixClient): IE2EEWellKnown | null {
+    const clientWellKnown = matrixClient.getClientWellKnown();
+    if (clientWellKnown?.[E2EE_WK_KEY]) {
+        return clientWellKnown[E2EE_WK_KEY];
+    }
+    if (clientWellKnown?.[E2EE_WK_KEY_DEPRECATED]) {
+        return clientWellKnown[E2EE_WK_KEY_DEPRECATED];
+    }
+    return null;
+}
+
+export function getTileServerWellKnown(matrixClient: MatrixClient): ITileServerWellKnown | undefined {
+    return tileServerFromWellKnown(matrixClient.getClientWellKnown());
+}
+
+export function tileServerFromWellKnown(clientWellKnown?: IClientWellKnown): ITileServerWellKnown {
+    return clientWellKnown?.[TILE_SERVER_WK_KEY.name] ?? clientWellKnown?.[TILE_SERVER_WK_KEY.altName];
+}
+
+export function getEmbeddedPagesWellKnown(matrixClient: MatrixClient | undefined): IEmbeddedPagesWellKnown | undefined {
+    return embeddedPagesFromWellKnown(matrixClient?.getClientWellKnown());
+}
+
+export function embeddedPagesFromWellKnown(clientWellKnown?: IClientWellKnown): IEmbeddedPagesWellKnown {
+    return clientWellKnown?.[EMBEDDED_PAGES_WK_PROPERTY];
+}
diff --git a/apps/web/src/utils/Whenable.ts b/apps/web/src/utils/Whenable.ts
new file mode 100644
index 00000000000..4f21f584244
--- /dev/null
+++ b/apps/web/src/utils/Whenable.ts
@@ -0,0 +1,79 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+
+import { type IDestroyable } from "./IDestroyable";
+import { arrayFastClone } from "./arrays";
+
+export type WhenFn<T extends string | number> = (w: Whenable<T>) => void;
+
+/**
+ * Whenables are a cheap way to have Observable patterns mixed with typical
+ * usage of Promises, without having to tear down listeners or calls. Whenables
+ * are intended to be used when a condition will be met multiple times and
+ * the consumer needs to know *when* that happens.
+ */
+export abstract class Whenable<T extends string | number> implements IDestroyable {
+    private listeners: { condition: T | null; fn: WhenFn<T> }[] = [];
+
+    /**
+     * Sets up a call to `fn` *when* the `condition` is met.
+     * @param condition The condition to match.
+     * @param fn The function to call.
+     * @returns This.
+     */
+    public when(condition: T, fn: WhenFn<T>): Whenable<T> {
+        this.listeners.push({ condition, fn });
+        return this;
+    }
+
+    /**
+     * Sets up a call to `fn` *when* any of the `conditions` are met.
+     * @param conditions The conditions to match.
+     * @param fn The function to call.
+     * @returns This.
+     */
+    public whenAnyOf(conditions: T[], fn: WhenFn<T>): Whenable<T> {
+        for (const condition of conditions) {
+            this.when(condition, fn);
+        }
+        return this;
+    }
+
+    /**
+     * Sets up a call to `fn` *when* any condition is met.
+     * @param fn The function to call.
+     * @returns This.
+     */
+    public whenAnything(fn: WhenFn<T>): Whenable<T> {
+        this.listeners.push({ condition: null, fn });
+        return this;
+    }
+
+    /**
+     * Notifies all the listeners of a given condition.
+     * @param condition The new condition that has been met.
+     */
+    protected notifyCondition(condition: T): void {
+        const listeners = arrayFastClone(this.listeners); // clone just in case the handler modifies us
+        for (const listener of listeners) {
+            if (listener.condition === null || listener.condition === condition) {
+                try {
+                    listener.fn(this);
+                } catch (e) {
+                    logger.error(`Error calling whenable listener for ${condition}:`, e);
+                }
+            }
+        }
+    }
+
+    public destroy(): void {
+        this.listeners = [];
+    }
+}
diff --git a/apps/web/src/utils/WidgetUtils-types.ts b/apps/web/src/utils/WidgetUtils-types.ts
new file mode 100644
index 00000000000..0e5129c4a70
--- /dev/null
+++ b/apps/web/src/utils/WidgetUtils-types.ts
@@ -0,0 +1,30 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 Travis Ralston
+
+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 IWidget } from "matrix-widget-api";
+
+export interface IApp extends IWidget {
+    "roomId": string;
+    "eventId"?: string; // not present on virtual widgets
+    "avatar_url"?: string; // MSC2765 https://github.com/matrix-org/matrix-doc/pull/2765
+    // Whether the widget was created from `widget_build_url` and thus is a call widget of some kind
+    "io.element.managed_hybrid"?: boolean;
+}
+
+export interface IWidgetEvent {
+    id: string;
+    type: string;
+    sender: string;
+    state_key: string;
+    content: IApp;
+}
+
+export interface UserWidget extends Omit<IWidgetEvent, "content"> {
+    content: IWidget & Partial<IApp>;
+}
diff --git a/apps/web/src/utils/WidgetUtils.test.ts b/apps/web/src/utils/WidgetUtils.test.ts
new file mode 100644
index 00000000000..00b2e3accd3
--- /dev/null
+++ b/apps/web/src/utils/WidgetUtils.test.ts
@@ -0,0 +1,46 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Oliver Sand
+Copyright 2022 Nordeck IT + Consulting GmbH.
+
+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 { describe, it, expect, beforeEach } from "vitest";
+import { mockPlatformPeg } from "test-utils/platform";
+
+import WidgetUtils from "./WidgetUtils";
+
+describe("getLocalJitsiWrapperUrl", () => {
+    beforeEach(() => {
+        Object.defineProperty(window, "location", {
+            value: {
+                origin: "https://app.element.io",
+                pathname: "",
+            },
+        });
+    });
+
+    it("should generate jitsi URL (for defaults)", () => {
+        mockPlatformPeg();
+
+        expect(WidgetUtils.getLocalJitsiWrapperUrl()).toEqual(
+            "https://app.element.io/jitsi.html" +
+                "#conferenceDomain=$domain" +
+                "&conferenceId=$conferenceId" +
+                "&isAudioOnly=$isAudioOnly" +
+                "&startWithAudioMuted=$startWithAudioMuted" +
+                "&startWithVideoMuted=$startWithVideoMuted" +
+                "&isVideoChannel=$isVideoChannel" +
+                "&displayName=$matrix_display_name" +
+                "&avatarUrl=$matrix_avatar_url" +
+                "&userId=$matrix_user_id" +
+                "&roomId=$matrix_room_id" +
+                "&theme=$theme" +
+                "&roomName=$roomName" +
+                "&supportsScreensharing=true" +
+                "&language=$org.matrix.msc2873.client_language",
+        );
+    });
+});
diff --git a/apps/web/src/utils/WidgetUtils.ts b/apps/web/src/utils/WidgetUtils.ts
new file mode 100644
index 00000000000..624ff0e7535
--- /dev/null
+++ b/apps/web/src/utils/WidgetUtils.ts
@@ -0,0 +1,573 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 Travis Ralston
+
+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 { base32 } from "rfc4648";
+import { capitalize } from "lodash";
+import { type IWidget, type IWidgetData } from "matrix-widget-api";
+import { type Room, ClientEvent, type MatrixClient, RoomStateEvent, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+import { CallType } from "matrix-js-sdk/src/webrtc/call";
+import { LOWERCASE, secureRandomString, secureRandomStringFrom } from "matrix-js-sdk/src/randomstring";
+
+import PlatformPeg from "../PlatformPeg";
+import SdkConfig from "../SdkConfig";
+import dis from "../dispatcher/dispatcher";
+import WidgetEchoStore from "../stores/WidgetEchoStore";
+import { IntegrationManagers } from "../integrations/IntegrationManagers";
+import { WidgetType } from "../widgets/WidgetType";
+import { Jitsi } from "../widgets/Jitsi";
+import { objectClone } from "./objects";
+import { _t } from "../languageHandler";
+import WidgetStore, { type IApp, isAppWidget } from "../stores/WidgetStore";
+import { parseUrl } from "./UrlUtils";
+import { useEventEmitter } from "../hooks/useEventEmitter";
+import { WidgetLayoutStore } from "../stores/widgets/WidgetLayoutStore";
+import { type IWidgetEvent, type UserWidget } from "./WidgetUtils-types";
+
+// How long we wait for the state event echo to come back from the server
+// before waitFor[Room/User]Widget rejects its promise
+const WIDGET_WAIT_TIME = 20000;
+
+export type { UserWidget };
+
+// oxlint-disable-next-line typescript/no-extraneous-class
+export default class WidgetUtils {
+    /**
+     * Returns true if user is able to send state events to modify widgets in this room
+     * (Does not apply to non-room-based / user widgets)
+     * @param client The matrix client of the logged-in user
+     * @param roomId -- The ID of the room to check
+     * @returns Boolean -- true if the user can modify widgets in this room
+     * @throws Error -- specifies the error reason
+     */
+    public static canUserModifyWidgets(client: MatrixClient, roomId?: string): boolean {
+        if (!roomId) {
+            logger.warn("No room ID specified");
+            return false;
+        }
+
+        if (!client) {
+            logger.warn("User must be be logged in");
+            return false;
+        }
+
+        const room = client.getRoom(roomId);
+        if (!room) {
+            logger.warn(`Room ID ${roomId} is not recognised`);
+            return false;
+        }
+
+        const me = client.getUserId();
+        if (!me) {
+            logger.warn("Failed to get user ID");
+            return false;
+        }
+
+        if (room.getMyMembership() !== KnownMembership.Join) {
+            logger.warn(`User ${me} is not in room ${roomId}`);
+            return false;
+        }
+
+        // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+        return room.currentState.maySendStateEvent("im.vector.modular.widgets", me);
+    }
+
+    // TODO: Generify the name of this function. It's not just scalar.
+    /**
+     * Returns true if specified url is a scalar URL, typically https://scalar.vector.im/api
+     * @param matrixClient The matrix client of the logged-in user
+     * @param  {[type]}  testUrlString URL to check
+     * @returns {Boolean} True if specified URL is a scalar URL
+     */
+    public static isScalarUrl(testUrlString?: string): boolean {
+        if (!testUrlString) {
+            logger.error("Scalar URL check failed. No URL specified");
+            return false;
+        }
+
+        const testUrl = parseUrl(testUrlString);
+        let scalarUrls = SdkConfig.get().integrations_widgets_urls;
+        if (!scalarUrls || scalarUrls.length === 0) {
+            const defaultManager = IntegrationManagers.sharedInstance().getPrimaryManager();
+            if (defaultManager) {
+                scalarUrls = [defaultManager.apiUrl];
+            } else {
+                scalarUrls = [];
+            }
+        }
+
+        for (let i = 0; i < scalarUrls.length; i++) {
+            const scalarUrl = parseUrl(scalarUrls[i]);
+            if (testUrl && scalarUrl) {
+                if (
+                    testUrl.protocol === scalarUrl.protocol &&
+                    testUrl.host === scalarUrl.host &&
+                    scalarUrl.pathname &&
+                    testUrl.pathname?.startsWith(scalarUrl.pathname)
+                ) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+
+    /**
+     * Returns a promise that resolves when a widget with the given
+     * ID has been added as a user widget (ie. the accountData event
+     * arrives) or rejects after a timeout
+     *
+     * @param client The matrix client of the logged-in user
+     * @param widgetId The ID of the widget to wait for
+     * @param add True to wait for the widget to be added,
+     *     false to wait for it to be deleted.
+     * @returns {Promise} that resolves when the widget is in the
+     *     requested state according to the `add` param
+     */
+    public static waitForUserWidget(client: MatrixClient, widgetId: string, add: boolean): Promise<void> {
+        return new Promise((resolve, reject) => {
+            // Tests an account data event, returning true if it's in the state
+            // we're waiting for it to be in
+            function eventInIntendedState(ev?: MatrixEvent): boolean {
+                if (!ev) return false;
+                if (add) {
+                    return ev.getContent()[widgetId] !== undefined;
+                } else {
+                    return ev.getContent()[widgetId] === undefined;
+                }
+            }
+
+            const startingAccountDataEvent = client.getAccountData("m.widgets");
+            if (eventInIntendedState(startingAccountDataEvent)) {
+                resolve();
+                return;
+            }
+
+            function onAccountData(ev: MatrixEvent): void {
+                const currentAccountDataEvent = client.getAccountData("m.widgets");
+                if (eventInIntendedState(currentAccountDataEvent)) {
+                    client.removeListener(ClientEvent.AccountData, onAccountData);
+                    clearTimeout(timerId);
+                    resolve();
+                }
+            }
+            const timerId = window.setTimeout(() => {
+                client.removeListener(ClientEvent.AccountData, onAccountData);
+                reject(new Error("Timed out waiting for widget ID " + widgetId + " to appear"));
+            }, WIDGET_WAIT_TIME);
+            client.on(ClientEvent.AccountData, onAccountData);
+        });
+    }
+
+    /**
+     * Returns a promise that resolves when a widget with the given
+     * ID has been added as a room widget in the given room (ie. the
+     * room state event arrives) or rejects after a timeout
+     *
+     * @param client The matrix client of the logged-in user
+     * @param {string} widgetId The ID of the widget to wait for
+     * @param {string} roomId The ID of the room to wait for the widget in
+     * @param {boolean} add True to wait for the widget to be added,
+     *     false to wait for it to be deleted.
+     * @returns {Promise} that resolves when the widget is in the
+     *     requested state according to the `add` param
+     */
+    public static waitForRoomWidget(
+        client: MatrixClient,
+        widgetId: string,
+        roomId: string,
+        add: boolean,
+    ): Promise<void> {
+        return new Promise((resolve, reject) => {
+            // Tests a list of state events, returning true if it's in the state
+            // we're waiting for it to be in
+            function eventsInIntendedState(evList?: MatrixEvent[]): boolean {
+                const widgetPresent = evList?.some((ev) => {
+                    return ev.getContent() && ev.getContent()["id"] === widgetId;
+                });
+                if (add) {
+                    return !!widgetPresent;
+                } else {
+                    return !widgetPresent;
+                }
+            }
+
+            const room = client.getRoom(roomId);
+            // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+            const startingWidgetEvents = room?.currentState.getStateEvents("im.vector.modular.widgets");
+            if (eventsInIntendedState(startingWidgetEvents)) {
+                resolve();
+                return;
+            }
+
+            function onRoomStateEvents(ev: MatrixEvent): void {
+                if (ev.getRoomId() !== roomId || ev.getType() !== "im.vector.modular.widgets") return;
+
+                // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+                const currentWidgetEvents = room?.currentState.getStateEvents("im.vector.modular.widgets");
+
+                if (eventsInIntendedState(currentWidgetEvents)) {
+                    client.removeListener(RoomStateEvent.Events, onRoomStateEvents);
+                    clearTimeout(timerId);
+                    resolve();
+                }
+            }
+            const timerId = window.setTimeout(() => {
+                client.removeListener(RoomStateEvent.Events, onRoomStateEvents);
+                reject(new Error("Timed out waiting for widget ID " + widgetId + " to appear"));
+            }, WIDGET_WAIT_TIME);
+            client.on(RoomStateEvent.Events, onRoomStateEvents);
+        });
+    }
+
+    public static setUserWidget(
+        client: MatrixClient,
+        widgetId: string,
+        widgetType: WidgetType,
+        widgetUrl: string,
+        widgetName: string,
+        widgetData: IWidgetData,
+    ): Promise<void> {
+        // Get the current widgets and clone them before we modify them, otherwise
+        // we'll modify the content of the old event.
+        const userWidgets = objectClone(WidgetUtils.getUserWidgets(client));
+
+        // Delete existing widget with ID
+        try {
+            delete userWidgets[widgetId];
+        } catch {
+            logger.error(`$widgetId is non-configurable`);
+        }
+
+        const addingWidget = Boolean(widgetUrl);
+
+        const userId = client.getSafeUserId();
+
+        const content = {
+            id: widgetId,
+            type: widgetType.preferred,
+            url: widgetUrl,
+            name: widgetName,
+            data: widgetData,
+            creatorUserId: userId,
+        };
+
+        // Add new widget / update
+        if (addingWidget) {
+            userWidgets[widgetId] = {
+                content: content,
+                sender: userId,
+                state_key: widgetId,
+                type: "m.widget",
+                id: widgetId,
+            };
+        }
+
+        // This starts listening for when the echo comes back from the server
+        // since the widget won't appear added until this happens. If we don't
+        // wait for this, the action will complete but if the user is fast enough,
+        // the widget still won't actually be there.
+        return client
+            .setAccountData("m.widgets", userWidgets)
+            .then(() => {
+                return WidgetUtils.waitForUserWidget(client, widgetId, addingWidget);
+            })
+            .then(() => {
+                dis.dispatch({ action: "user_widget_updated" });
+            });
+    }
+
+    public static setRoomWidget(
+        client: MatrixClient,
+        roomId: string,
+        widgetId: string,
+        widgetType?: WidgetType,
+        widgetUrl?: string,
+        widgetName?: string,
+        widgetData?: IWidgetData,
+        widgetAvatarUrl?: string,
+    ): Promise<void> {
+        let content: Partial<IWidget> & { avatar_url?: string };
+
+        const addingWidget = Boolean(widgetUrl);
+
+        if (addingWidget) {
+            content = {
+                // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+                // For now we'll send the legacy event type for compatibility with older apps/elements
+                type: widgetType?.legacy,
+                url: widgetUrl,
+                name: widgetName,
+                data: widgetData,
+                avatar_url: widgetAvatarUrl,
+            };
+        } else {
+            content = {};
+        }
+
+        return WidgetUtils.setRoomWidgetContent(client, roomId, widgetId, content as IWidget);
+    }
+
+    public static setRoomWidgetContent(
+        client: MatrixClient,
+        roomId: string,
+        widgetId: string,
+        content: IWidget & Record<string, any>,
+    ): Promise<void> {
+        const addingWidget = !!content.url;
+
+        WidgetEchoStore.setRoomWidgetEcho(roomId, widgetId, content);
+
+        // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+        return client
+            .sendStateEvent(roomId, "im.vector.modular.widgets", content, widgetId)
+            .then(() => {
+                return WidgetUtils.waitForRoomWidget(client, widgetId, roomId, addingWidget);
+            })
+            .finally(() => {
+                WidgetEchoStore.removeRoomWidgetEcho(roomId, widgetId);
+            });
+    }
+
+    /**
+     * Get room specific widgets
+     * @param  {Room} room The room to get widgets force
+     * @returns {[object]} Array containing current / active room widgets
+     */
+    public static getRoomWidgets(room: Room): MatrixEvent[] {
+        // TODO: Enable support for m.widget event type (https://github.com/vector-im/element-web/issues/13111)
+        const appsStateEvents = room.currentState.getStateEvents("im.vector.modular.widgets");
+        if (!appsStateEvents) {
+            return [];
+        }
+
+        return appsStateEvents.filter((ev) => {
+            return ev.getContent().type && ev.getContent().url;
+        });
+    }
+
+    /**
+     * Get user specific widgets (not linked to a specific room)
+     * @param client The matrix client of the logged-in user
+     * @returns {object} Event content object containing current / active user widgets
+     */
+    public static getUserWidgets(client: MatrixClient | undefined): Record<string, UserWidget> {
+        if (!client) {
+            throw new Error("User not logged in");
+        }
+        const userWidgets = client.getAccountData("m.widgets");
+        if (userWidgets && userWidgets.getContent()) {
+            return userWidgets.getContent();
+        }
+        return {};
+    }
+
+    /**
+     * Get user specific widgets (not linked to a specific room) as an array
+     * @param client The matrix client of the logged-in user
+     * @returns {[object]} Array containing current / active user widgets
+     */
+    public static getUserWidgetsArray(client: MatrixClient | undefined): UserWidget[] {
+        return Object.values(WidgetUtils.getUserWidgets(client));
+    }
+
+    /**
+     * Get active stickerpicker widgets (stickerpickers are user widgets by nature)
+     * @param client The matrix client of the logged-in user
+     * @returns {[object]} Array containing current / active stickerpicker widgets
+     */
+    public static getStickerpickerWidgets(client: MatrixClient | undefined): UserWidget[] {
+        const widgets = WidgetUtils.getUserWidgetsArray(client);
+        return widgets.filter((widget) => widget.content?.type === "m.stickerpicker");
+    }
+
+    /**
+     * Get all integration manager widgets for this user.
+     * @param client The matrix client of the logged-in user
+     * @returns {Object[]} An array of integration manager user widgets.
+     */
+    public static getIntegrationManagerWidgets(client: MatrixClient | undefined): UserWidget[] {
+        const widgets = WidgetUtils.getUserWidgetsArray(client);
+        return widgets.filter((w) => w.content?.type === "m.integration_manager");
+    }
+
+    /**
+     * Remove all stickerpicker widgets (stickerpickers are user widgets by nature)
+     * @param client The matrix client of the logged-in user
+     * @returns {Promise} Resolves on account data updated
+     */
+    public static async removeStickerpickerWidgets(client: MatrixClient | undefined): Promise<void> {
+        if (!client) {
+            throw new Error("User not logged in");
+        }
+        const widgets = client.getAccountData("m.widgets");
+        if (!widgets) return;
+        const userWidgets: Record<string, IWidgetEvent> = widgets.getContent() || {};
+        Object.entries(userWidgets).forEach(([key, widget]) => {
+            if (widget.content && widget.content.type === "m.stickerpicker") {
+                delete userWidgets[key];
+            }
+        });
+        await client.setAccountData("m.widgets", userWidgets);
+    }
+
+    public static async addJitsiWidget(
+        client: MatrixClient,
+        roomId: string,
+        type: CallType,
+        name: string,
+        isVideoChannel: boolean,
+        oobRoomName?: string,
+    ): Promise<void> {
+        const domain = Jitsi.getInstance().preferredDomain;
+        const auth = (await Jitsi.getInstance().getJitsiAuth()) ?? undefined;
+
+        // Must be globally unique, although predicatablity is not important, the js-sdk has functions to generate
+        // secure ranom strings, and speed is not important here.
+        const widgetId = secureRandomString(24);
+
+        let confId: string;
+        if (auth === "openidtoken-jwt") {
+            // Create conference ID from room ID
+            // For compatibility with Jitsi, use base32 without padding.
+            // More details here:
+            // https://github.com/matrix-org/prosody-mod-auth-matrix-user-verification
+            confId = base32.stringify(new TextEncoder().encode(roomId), { pad: false });
+        } else {
+            // Create a random conference ID (capitalised so the name looks sensible in Jitsi)
+            confId = `Jitsi${capitalize(secureRandomStringFrom(24, LOWERCASE))}`;
+        }
+
+        // TODO: Remove URL hacks when the mobile clients eventually support v2 widgets
+        const widgetUrl = new URL(WidgetUtils.getLocalJitsiWrapperUrl({ auth }));
+        widgetUrl.search = ""; // Causes the URL class use searchParams instead
+        widgetUrl.searchParams.set("confId", confId);
+
+        await WidgetUtils.setRoomWidget(client, roomId, widgetId, WidgetType.JITSI, widgetUrl.toString(), name, {
+            conferenceId: confId,
+            roomName: oobRoomName ?? client.getRoom(roomId)?.name,
+            isAudioOnly: type === CallType.Voice,
+            isVideoChannel,
+            domain,
+            auth,
+        });
+    }
+
+    public static makeAppConfig(
+        appId: string,
+        app: Partial<IApp>,
+        senderUserId: string,
+        roomId: string | undefined,
+        eventId: string | undefined,
+    ): IApp {
+        if (!senderUserId) {
+            throw new Error("Widgets must be created by someone - provide a senderUserId");
+        }
+        app.creatorUserId = senderUserId;
+
+        app.id = appId;
+        app.roomId = roomId;
+        app.eventId = eventId;
+        app.name = app.name || app.type;
+
+        return app as IApp;
+    }
+
+    public static getLocalJitsiWrapperUrl(opts: { forLocalRender?: boolean; auth?: string } = {}): string {
+        // NB. we can't just encodeURIComponent all of these because the $ signs need to be there
+        const queryStringParts = [
+            "conferenceDomain=$domain",
+            "conferenceId=$conferenceId",
+            "isAudioOnly=$isAudioOnly",
+            "startWithAudioMuted=$startWithAudioMuted",
+            "startWithVideoMuted=$startWithVideoMuted",
+            "isVideoChannel=$isVideoChannel",
+            "displayName=$matrix_display_name",
+            "avatarUrl=$matrix_avatar_url",
+            "userId=$matrix_user_id",
+            "roomId=$matrix_room_id",
+            "theme=$theme",
+            "roomName=$roomName",
+            `supportsScreensharing=${PlatformPeg.get()?.supportsJitsiScreensharing()}`,
+            "language=$org.matrix.msc2873.client_language",
+        ];
+        if (opts.auth) {
+            queryStringParts.push(`auth=${opts.auth}`);
+        }
+        const queryString = queryStringParts.join("&");
+
+        let baseUrl = window.location.href;
+        if (window.location.protocol !== "https:" && !opts.forLocalRender) {
+            // Use an external wrapper if we're not locally rendering the widget. This is usually
+            // the URL that will end up in the widget event, so we want to make sure it's relatively
+            // safe to send.
+            // We'll end up using a local render URL when we see a Jitsi widget anyways, so this is
+            // really just for backwards compatibility and to appease the spec.
+            baseUrl = PlatformPeg.get()!.baseUrl;
+        }
+        const url = new URL("jitsi.html#" + queryString, baseUrl); // this strips hash fragment from baseUrl
+        return url.href;
+    }
+
+    public static getWidgetName(app?: IWidget): string {
+        return app?.name?.trim() || _t("widget|no_name");
+    }
+
+    public static getWidgetDataTitle(app?: IWidget): string {
+        return app?.data?.title?.trim() || "";
+    }
+
+    public static getWidgetUid(app?: IApp | IWidget): string {
+        return app ? WidgetUtils.calcWidgetUid(app.id, isAppWidget(app) ? app.roomId : undefined) : "";
+    }
+
+    public static calcWidgetUid(widgetId: string, roomId?: string): string {
+        return roomId ? `room_${roomId}_${widgetId}` : `user_${widgetId}`;
+    }
+
+    public static editWidget(room: Room, app: IWidget): void {
+        // noinspection JSIgnoredPromiseFromCall
+        IntegrationManagers.sharedInstance()
+            .getPrimaryManager()
+            ?.open(room, "type_" + app.type, app.id);
+    }
+
+    public static isManagedByManager(app: IWidget): boolean {
+        if (WidgetUtils.isScalarUrl(app.url)) {
+            const managers = IntegrationManagers.sharedInstance();
+            if (managers.hasManager()) {
+                // TODO: Pick the right manager for the widget
+                const defaultManager = managers.getPrimaryManager();
+                return WidgetUtils.isScalarUrl(defaultManager?.apiUrl);
+            }
+        }
+        return false;
+    }
+}
+
+/**
+ * Hook to get the widgets for a room and update when they change
+ * @param room the room to get widgets for
+ */
+export const useWidgets = (room: Room): IApp[] => {
+    const [apps, setApps] = useState<IApp[]>(() => WidgetStore.instance.getApps(room.roomId));
+
+    const updateApps = useCallback(() => {
+        // Copy the array so that we always trigger a re-render, as some updates mutate the array of apps/settings
+        setApps([...WidgetStore.instance.getApps(room.roomId)]);
+    }, [room]);
+
+    useEffect(updateApps, [room, updateApps]);
+    useEventEmitter(WidgetStore.instance, room.roomId, updateApps);
+    useEventEmitter(WidgetLayoutStore.instance, WidgetLayoutStore.emissionForRoom(room), updateApps);
+
+    return apps;
+};
diff --git a/apps/web/src/utils/__snapshots__/AutoDiscoveryUtils.test.ts.snap b/apps/web/src/utils/__snapshots__/AutoDiscoveryUtils.test.ts.snap
new file mode 100644
index 00000000000..a455808d44f
--- /dev/null
+++ b/apps/web/src/utils/__snapshots__/AutoDiscoveryUtils.test.ts.snap
@@ -0,0 +1,26 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`AutoDiscoveryUtils > authComponentStateForError > should return expected error for the registration page 1`] = `
+{
+  "serverDeadError": <div>
+    <strong>
+      Your Element is misconfigured
+    </strong>
+    <div>
+      <span>
+        Ask your Element admin to check 
+        <a
+          href="https://github.com/vector-im/element-web/blob/master/docs/config.md"
+          rel="noreferrer noopener"
+          target="_blank"
+        >
+          your config
+        </a>
+         for incorrect or duplicate entries.
+      </span>
+    </div>
+  </div>,
+  "serverErrorIsFatal": true,
+  "serverIsAlive": false,
+}
+`;
diff --git a/apps/web/src/utils/__snapshots__/ErrorUtils.test.ts.snap b/apps/web/src/utils/__snapshots__/ErrorUtils.test.ts.snap
new file mode 100644
index 00000000000..0128ca2e564
--- /dev/null
+++ b/apps/web/src/utils/__snapshots__/ErrorUtils.test.ts.snap
@@ -0,0 +1,141 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`messageForConnectionError > should match snapshot for ConnectionError 1`] = `
+<DocumentFragment>
+  <span>
+    <span>
+      Can't connect to homeserver - please check your connectivity, ensure your 
+      <a
+        class="mx_ExternalLink"
+        href="hsUrl"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        homeserver's SSL certificate
+        <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>
+       is trusted, and that a browser extension is not blocking requests.
+    </span>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`messageForConnectionError > should match snapshot for MatrixError M_NOT_FOUND 1`] = `
+<DocumentFragment>
+  There was a problem communicating with the homeserver, please try again later.(M_NOT_FOUND)
+</DocumentFragment>
+`;
+
+exports[`messageForConnectionError > should match snapshot for mixed content error 1`] = `
+<DocumentFragment>
+  <span>
+    <span>
+      Can't connect to homeserver via HTTP when an HTTPS URL is in your browser bar. Either use HTTPS or 
+      <a
+        href="https://www.google.com/search?&q=enable%20unsafe%20scripts"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        enable unsafe scripts
+      </a>
+      .
+    </span>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`messageForConnectionError > should match snapshot for unknown error 1`] = `
+<DocumentFragment>
+  There was a problem communicating with the homeserver, please try again later.
+</DocumentFragment>
+`;
+
+exports[`messageForLoginError > should match snapshot for 401 1`] = `
+<DocumentFragment>
+  Incorrect username and/or password.
+</DocumentFragment>
+`;
+
+exports[`messageForLoginError > should match snapshot for M_RESOURCE_LIMIT_EXCEEDED 1`] = `
+<DocumentFragment>
+  <div>
+    <div>
+      This homeserver has exceeded one of its resource limits.
+    </div>
+    <div
+      class="mx_Login_smallError"
+    >
+      Please contact your service administrator to continue using this service.
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`messageForLoginError > should match snapshot for M_USER_DEACTIVATED 1`] = `
+<DocumentFragment>
+  This account has been deactivated.
+</DocumentFragment>
+`;
+
+exports[`messageForLoginError > should match snapshot for unknown error 1`] = `
+<DocumentFragment>
+  There was a problem communicating with the homeserver, please try again later. (HTTP 400)
+</DocumentFragment>
+`;
+
+exports[`messageForResourceLimitError > should match snapshot for admin contact links 1`] = `
+<DocumentFragment>
+  <span>
+    Please 
+    <a
+      href="some@email"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      contact your service administrator
+    </a>
+     to continue using this service.
+  </span>
+</DocumentFragment>
+`;
+
+exports[`messageForResourceLimitError > should match snapshot for monthly_active_user 1`] = `
+<DocumentFragment>
+  This homeserver has hit its Monthly Active User limit.
+</DocumentFragment>
+`;
+
+exports[`messageForSyncError > should match snapshot for M_RESOURCE_LIMIT_EXCEEDED 1`] = `
+<DocumentFragment>
+  <div>
+    <div>
+      This homeserver has exceeded one of its resource limits.
+    </div>
+    <div>
+      Please contact your service administrator to continue using this service.
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`messageForSyncError > should match snapshot for other errors 1`] = `
+<DocumentFragment>
+  <div>
+    Unable to connect to Homeserver. Retrying…
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/src/utils/__snapshots__/FormattingUtils.test.tsx.snap b/apps/web/src/utils/__snapshots__/FormattingUtils.test.tsx.snap
new file mode 100644
index 00000000000..7f7cdd31578
--- /dev/null
+++ b/apps/web/src/utils/__snapshots__/FormattingUtils.test.tsx.snap
@@ -0,0 +1,72 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`FormattingUtils > formatList > should return expected sentence in ReactNode when given 2 React children 1`] = `
+<React.Fragment>
+  <React.Fragment>
+    <span>
+      a
+    </span>
+  </React.Fragment>
+  <React.Fragment>
+     and 
+  </React.Fragment>
+  <React.Fragment>
+    <span>
+      b
+    </span>
+  </React.Fragment>
+</React.Fragment>
+`;
+
+exports[`FormattingUtils > formatList > should return expected sentence in ReactNode when given more React children 1`] = `
+<React.Fragment>
+  <React.Fragment>
+    <span>
+      a
+    </span>
+  </React.Fragment>
+  <React.Fragment>
+    , 
+  </React.Fragment>
+  <React.Fragment>
+    <span>
+      b
+    </span>
+  </React.Fragment>
+  <React.Fragment>
+    , 
+  </React.Fragment>
+  <React.Fragment>
+    <span>
+      c
+    </span>
+  </React.Fragment>
+  <React.Fragment>
+     and 
+  </React.Fragment>
+  <React.Fragment>
+    <span>
+      d
+    </span>
+  </React.Fragment>
+</React.Fragment>
+`;
+
+exports[`FormattingUtils > formatList > should return expected sentence in ReactNode when using itemLimit 1`] = `
+<span>
+  <React.Fragment>
+    <React.Fragment>
+      <span>
+        a
+      </span>
+      , 
+    </React.Fragment>
+    <React.Fragment>
+      <span>
+        b
+      </span>
+    </React.Fragment>
+  </React.Fragment>
+   and 2 others
+</span>
+`;
diff --git a/apps/web/src/utils/__snapshots__/MessageDiffUtils.test.ts.snap b/apps/web/src/utils/__snapshots__/MessageDiffUtils.test.ts.snap
new file mode 100644
index 00000000000..51edd183e56
--- /dev/null
+++ b/apps/web/src/utils/__snapshots__/MessageDiffUtils.test.ts.snap
@@ -0,0 +1,500 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`editBodyDiffToHtml > deduplicates diff steps 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <div>
+      <em>
+        foo
+      </em>
+      <span>
+         bar ba
+        <span
+          class="mx_EditHistoryMessage_deletion"
+        >
+          z
+        </span>
+        <span
+          class="mx_EditHistoryMessage_insertion"
+        >
+          y
+        </span>
+      </span>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > handles complex transformations 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <span>
+      <span
+        class="mx_EditHistoryMessage_deletion"
+      >
+        <span
+          data-mx-maths="{<span class='mx_Emoji' title=':snowman:'>☃️</span>}^\\infty"
+        >
+          <code>
+            {
+            <span
+              class="mx_Emoji"
+              title=":snowman:"
+            >
+              ☃️
+            </span>
+            }^\\infty
+          </code>
+        </span>
+      </span>
+      <span
+        class="mx_EditHistoryMessage_insertion"
+      >
+        <span
+          data-mx-maths="{<span class='mx_Emoji' title=':smiley:'>😃</span>}^\\infty"
+        >
+          <code>
+            {
+            <span
+              class="mx_Emoji"
+              title=":snowman:"
+            >
+              ☃️
+            </span>
+            }^\\infty
+          </code>
+        </span>
+      </span>
+    </span>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > handles non-html input 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <span>
+      who knows what's going on &lt;strong&gt;
+      <span
+        class="mx_EditHistoryMessage_insertion"
+      >
+        t
+      </span>
+      here&lt;/strong&gt;
+    </span>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > renders attribute additions 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <span>
+      <span
+        class="mx_EditHistoryMessage_deletion"
+      >
+        <span>
+          <span
+            class="mx_EditHistoryMessage_deletion"
+          >
+            <a
+              rel="noreferrer noopener"
+            >
+              hi
+            </a>
+          </span>
+          <span
+            class="mx_EditHistoryMessage_insertion"
+          >
+            <a
+              href="undefined"
+              rel="noreferrer noopener"
+            >
+              hi
+            </a>
+          </span>
+        </span>
+      </span>
+      <span
+        class="mx_EditHistoryMessage_insertion"
+      >
+        <span
+          target="undefined"
+        >
+          <span
+            class="mx_EditHistoryMessage_deletion"
+          >
+            <a
+              rel="noreferrer noopener"
+            >
+              hi
+            </a>
+          </span>
+          <span
+            class="mx_EditHistoryMessage_insertion"
+          >
+            <a
+              href="undefined"
+              rel="noreferrer noopener"
+            >
+              hi
+            </a>
+          </span>
+        </span>
+      </span>
+    </span>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > renders attribute deletions 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <span>
+      <span
+        class="mx_EditHistoryMessage_deletion"
+      >
+        <span>
+          <span
+            class="mx_EditHistoryMessage_deletion"
+          >
+            <a
+              href="#hi"
+              rel="noreferrer noopener"
+              target="_blank"
+            >
+              hi
+            </a>
+          </span>
+          <span
+            class="mx_EditHistoryMessage_insertion"
+          >
+            <a
+              rel="noreferrer noopener"
+              target="_blank"
+            >
+              hi
+            </a>
+          </span>
+        </span>
+      </span>
+      <span
+        class="mx_EditHistoryMessage_insertion"
+      >
+        <span>
+          <span
+            class="mx_EditHistoryMessage_deletion"
+          >
+            <a
+              href="#hi"
+              rel="noreferrer noopener"
+              target="_blank"
+            >
+              hi
+            </a>
+          </span>
+          <span
+            class="mx_EditHistoryMessage_insertion"
+          >
+            <a
+              rel="noreferrer noopener"
+              target="_blank"
+            >
+              hi
+            </a>
+          </span>
+        </span>
+      </span>
+    </span>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > renders attribute modifications 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <span>
+      <span
+        class="mx_EditHistoryMessage_deletion"
+      >
+        <a
+          href="#hi"
+          rel="noreferrer noopener"
+          target="_blank"
+        >
+          hi
+        </a>
+      </span>
+      <span
+        class="mx_EditHistoryMessage_insertion"
+      >
+        <a
+          href="#bye"
+          rel="noreferrer noopener"
+          target="_blank"
+        >
+          hi
+        </a>
+      </span>
+    </span>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > renders block element additions 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <span>
+      hello
+      <span
+        class="mx_EditHistoryMessage_insertion"
+      >
+         
+      </span>
+    </span>
+    <div
+      class="mx_EditHistoryMessage_insertion"
+    >
+      <p>
+        world
+      </p>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > renders block element deletions 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <span>
+      hi
+      <span
+        class="mx_EditHistoryMessage_deletion"
+      >
+         
+      </span>
+    </span>
+    <div
+      class="mx_EditHistoryMessage_deletion"
+    >
+      <blockquote>
+        there
+      </blockquote>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > renders central word changes 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <span>
+      beginning 
+      <span
+        class="mx_EditHistoryMessage_insertion"
+      >
+        :s
+      </span>
+      mi
+      <span
+        class="mx_EditHistoryMessage_deletion"
+      >
+        dd
+      </span>
+      le
+      <span
+        class="mx_EditHistoryMessage_insertion"
+      >
+        :
+      </span>
+       end
+    </span>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > renders element replacements 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    hi 
+    <span>
+      <span
+        class="mx_EditHistoryMessage_deletion"
+      >
+        <i>
+          there
+        </i>
+      </span>
+      <span
+        class="mx_EditHistoryMessage_insertion"
+      >
+        <em>
+          there
+        </em>
+      </span>
+    </span>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > renders handles empty tags 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <a
+      rel="noreferrer noopener"
+    >
+      <span>
+        <span
+          class="mx_EditHistoryMessage_deletion"
+        >
+          hi
+        </span>
+        <div
+          class="mx_EditHistoryMessage_insertion"
+        >
+          <h1 />
+        </div>
+      </span>
+    </a>
+    <span
+      class="mx_EditHistoryMessage_insertion"
+    >
+       hi
+    </span>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > renders inline element additions 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <span>
+      hello
+      <span
+        class="mx_EditHistoryMessage_insertion"
+      >
+         world
+      </span>
+    </span>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > renders inline element deletions 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <span>
+      hi
+      <span
+        class="mx_EditHistoryMessage_deletion"
+      >
+         
+      </span>
+    </span>
+    <span
+      class="mx_EditHistoryMessage_deletion"
+    >
+      <em>
+        there
+      </em>
+    </span>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > renders simple word changes 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <span>
+      <span
+        class="mx_EditHistoryMessage_deletion"
+      >
+        hello
+      </span>
+      <span
+        class="mx_EditHistoryMessage_insertion"
+      >
+        world
+      </span>
+    </span>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > renders text additions 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <b>
+      hello
+    </b>
+    <span
+      class="mx_EditHistoryMessage_insertion"
+    >
+       world
+    </span>
+  </span>
+</div>
+`;
+
+exports[`editBodyDiffToHtml > renders text deletions 1`] = `
+<div>
+  <span
+    class="mx_EventTile_body markdown-body"
+    dir="auto"
+  >
+    <b>
+      hello
+    </b>
+    <span
+      class="mx_EditHistoryMessage_deletion"
+    >
+       world
+    </span>
+  </span>
+</div>
+`;
diff --git a/apps/web/src/utils/__snapshots__/UrlPreviewFetcher.test.ts.snap b/apps/web/src/utils/__snapshots__/UrlPreviewFetcher.test.ts.snap
new file mode 100644
index 00000000000..8506879ae93
--- /dev/null
+++ b/apps/web/src/utils/__snapshots__/UrlPreviewFetcher.test.ts.snap
@@ -0,0 +1,105 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`UrlPreviewFetcher > handles different kinds of opengraph responses { 'og:url': 'https://example.org', 'og:type': 'document', 'og:description': 'A description', 'og:title': '' } 1`] = `
+{
+  "author": undefined,
+  "description": undefined,
+  "image": undefined,
+  "link": "https://example.org",
+  "ogUrl": "https://example.org",
+  "showTooltipOnLink": false,
+  "siteIcon": undefined,
+  "siteName": "example.org",
+  "title": "A description",
+}
+`;
+
+exports[`UrlPreviewFetcher > handles different kinds of opengraph responses { 'og:url': 'https://example.org', 'og:type': 'document', 'og:site_name': 'Site name', 'og:title': '' } 1`] = `
+{
+  "author": undefined,
+  "description": undefined,
+  "image": undefined,
+  "link": "https://example.org",
+  "ogUrl": "https://example.org",
+  "showTooltipOnLink": false,
+  "siteIcon": undefined,
+  "siteName": "Site name",
+  "title": "Site name",
+}
+`;
+
+exports[`UrlPreviewFetcher > handles different kinds of opengraph responses { 'og:url': 'https://example.org', 'og:type': 'document', 'og:title': 'Basic title' } 1`] = `
+{
+  "author": undefined,
+  "description": undefined,
+  "image": undefined,
+  "link": "https://example.org",
+  "ogUrl": "https://example.org",
+  "showTooltipOnLink": false,
+  "siteIcon": undefined,
+  "siteName": "example.org",
+  "title": "Basic title",
+}
+`;
+
+exports[`UrlPreviewFetcher > handles different kinds of opengraph responses { 'og:url': 'https://example.org', 'og:type': 'document', 'og:title': 'Cool blog', 'og:site_name': 'Cool site' } 1`] = `
+{
+  "author": undefined,
+  "description": undefined,
+  "image": undefined,
+  "link": "https://example.org",
+  "ogUrl": "https://example.org",
+  "showTooltipOnLink": false,
+  "siteIcon": undefined,
+  "siteName": "Cool site",
+  "title": "Cool blog",
+}
+`;
+
+exports[`UrlPreviewFetcher > handles different kinds of opengraph responses { 'og:url': 'https://example.org', 'og:type': 'document', 'og:title': 'Media test', 'og:image:height': '500', 'og:image:width': 500, 'matrix:image:size': 10000, 'og:image': 'mxc://example.org/abc' } 1`] = `
+{
+  "author": undefined,
+  "description": undefined,
+  "image": {
+    "alt": undefined,
+    "fileSize": 10000,
+    "height": 478,
+    "imageFull": "https://example.org/image/src",
+    "imageThumb": "https://example.org/image/thumb",
+    "imageType": undefined,
+    "mxcImageFull": "mxc://example.org/abc",
+    "playable": false,
+    "width": 478,
+  },
+  "link": "https://example.org",
+  "ogUrl": "https://example.org",
+  "showTooltipOnLink": false,
+  "siteIcon": undefined,
+  "siteName": "example.org",
+  "title": "Media test",
+}
+`;
+
+exports[`UrlPreviewFetcher > should preview a URL with media 1`] = `
+{
+  "author": undefined,
+  "description": undefined,
+  "image": {
+    "alt": undefined,
+    "fileSize": 10000,
+    "height": 128,
+    "imageFull": "https://example.org/image/src",
+    "imageThumb": "https://example.org/image/thumb",
+    "imageType": undefined,
+    "mxcImageFull": "mxc://example.org/abc",
+    "playable": false,
+    "width": 128,
+  },
+  "link": "https://example.org",
+  "ogUrl": "https://example.org",
+  "showTooltipOnLink": false,
+  "siteIcon": undefined,
+  "siteName": "example.org",
+  "title": "This is an example!",
+}
+`;
diff --git a/apps/web/src/utils/__snapshots__/createVoiceMessageContent.test.ts.snap b/apps/web/src/utils/__snapshots__/createVoiceMessageContent.test.ts.snap
new file mode 100644
index 00000000000..a2983d5b0c8
--- /dev/null
+++ b/apps/web/src/utils/__snapshots__/createVoiceMessageContent.test.ts.snap
@@ -0,0 +1,32 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`createVoiceMessageContent > should create a voice message content 1`] = `
+{
+  "body": "Voice message",
+  "file": {},
+  "info": {
+    "duration": 23000,
+    "mimetype": "ogg/opus",
+    "size": 42000,
+  },
+  "msgtype": "m.audio",
+  "org.matrix.msc1767.audio": {
+    "duration": 23000,
+    "waveform": [
+      1,
+      2,
+      3,
+    ],
+  },
+  "org.matrix.msc1767.file": {
+    "file": {},
+    "mimetype": "ogg/opus",
+    "name": "Voice message.ogg",
+    "size": 42000,
+    "url": "mxc://example.com/file",
+  },
+  "org.matrix.msc1767.text": "Voice message",
+  "org.matrix.msc3245.voice": {},
+  "url": "mxc://example.com/file",
+}
+`;
diff --git a/apps/web/src/utils/arrays.test.ts b/apps/web/src/utils/arrays.test.ts
new file mode 100644
index 00000000000..e4f331433f8
--- /dev/null
+++ b/apps/web/src/utils/arrays.test.ts
@@ -0,0 +1,497 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { vi, describe, it, expect } from "vitest";
+
+import {
+    arrayDiff,
+    arrayFastClone,
+    arrayFastResample,
+    arrayHasDiff,
+    arrayHasOrderChange,
+    arrayUnion,
+    arrayRescale,
+    arraySeed,
+    arraySmoothingResample,
+    arrayTrimFill,
+    arrayIntersection,
+    ArrayUtil,
+    GroupedArray,
+    concat,
+    asyncEvery,
+    asyncSome,
+    asyncSomeParallel,
+    asyncFilter,
+} from "./arrays";
+
+type TestParams = { input: number[]; output: number[] };
+type TestCase = [string, TestParams];
+
+function expectSample(input: number[], expected: number[], smooth = false) {
+    const result = (smooth ? arraySmoothingResample : arrayFastResample)(input, expected.length);
+    expect(result).toBeDefined();
+    expect(result).toHaveLength(expected.length);
+    expect(result).toEqual(expected);
+}
+
+describe("arrays", () => {
+    describe("arrayFastResample", () => {
+        const downsampleCases: TestCase[] = [
+            ["Odd -> Even", { input: [1, 2, 3, 4, 5], output: [1, 4] }],
+            ["Odd -> Odd", { input: [1, 2, 3, 4, 5], output: [1, 3, 5] }],
+            ["Even -> Odd", { input: [1, 2, 3, 4], output: [1, 2, 3] }],
+            ["Even -> Even", { input: [1, 2, 3, 4], output: [1, 3] }],
+        ];
+        it.each(downsampleCases)("downsamples correctly from %s", (_d, { input, output }) =>
+            expectSample(input, output),
+        );
+
+        const upsampleCases: TestCase[] = [
+            ["Odd -> Even", { input: [1, 2, 3], output: [1, 1, 2, 2, 3, 3] }],
+            ["Odd -> Odd", { input: [1, 2, 3], output: [1, 1, 2, 2, 3] }],
+            ["Even -> Odd", { input: [1, 2], output: [1, 1, 1, 2, 2] }],
+            ["Even -> Even", { input: [1, 2], output: [1, 1, 1, 2, 2, 2] }],
+        ];
+        it.each(upsampleCases)("upsamples correctly from %s", (_d, { input, output }) => expectSample(input, output));
+
+        const maintainSampleCases: TestCase[] = [
+            ["Odd", { input: [1, 2, 3], output: [1, 2, 3] }], // Odd
+            ["Even", { input: [1, 2], output: [1, 2] }], // Even
+        ];
+
+        it.each(maintainSampleCases)("maintains samples for %s", (_d, { input, output }) =>
+            expectSample(input, output),
+        );
+    });
+
+    describe("arraySmoothingResample", () => {
+        // Dev note: these aren't great samples, but they demonstrate the bare minimum. Ideally
+        // we'd be feeding a thousand values in and seeing what a curve of 250 values looks like,
+        // but that's not really feasible to manually verify accuracy.
+        const downsampleCases: TestCase[] = [
+            ["Odd -> Even", { input: [4, 4, 1, 4, 4, 1, 4, 4, 1], output: [3, 3, 3, 3] }],
+            ["Odd -> Odd", { input: [4, 4, 1, 4, 4, 1, 4, 4, 1], output: [3, 3, 3] }],
+            ["Even -> Odd", { input: [4, 4, 1, 4, 4, 1, 4, 4], output: [3, 3, 3] }],
+            ["Even -> Even", { input: [4, 4, 1, 4, 4, 1, 4, 4], output: [3, 3] }],
+        ];
+
+        it.each(downsampleCases)("downsamples correctly from %s", (_d, { input, output }) =>
+            expectSample(input, output, true),
+        );
+
+        const upsampleCases: TestCase[] = [
+            ["Odd -> Even", { input: [2, 0, 2], output: [2, 2, 0, 0, 2, 2] }],
+            ["Odd -> Odd", { input: [2, 0, 2], output: [2, 2, 0, 0, 2] }],
+            ["Even -> Odd", { input: [2, 0], output: [2, 2, 2, 0, 0] }],
+            ["Even -> Even", { input: [2, 0], output: [2, 2, 2, 0, 0, 0] }],
+        ];
+        it.each(upsampleCases)("upsamples correctly from %s", (_d, { input, output }) =>
+            expectSample(input, output, true),
+        );
+
+        const maintainCases: TestCase[] = [
+            ["Odd", { input: [2, 0, 2], output: [2, 0, 2] }],
+            ["Even", { input: [2, 0], output: [2, 0] }],
+        ];
+        it.each(maintainCases)("maintains samples for %s", (_d, { input, output }) => expectSample(input, output));
+    });
+
+    describe("arrayRescale", () => {
+        it("should rescale", () => {
+            const input = [8, 9, 1, 0, 2, 7, 10];
+            const output = [80, 90, 10, 0, 20, 70, 100];
+            const result = arrayRescale(input, 0, 100);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(output.length);
+            expect(result).toEqual(output);
+        });
+    });
+
+    describe("arrayTrimFill", () => {
+        it("should shrink arrays", () => {
+            const input = [1, 2, 3];
+            const output = [1, 2];
+            const seed = [4, 5, 6];
+            const result = arrayTrimFill(input, output.length, seed);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(output.length);
+            expect(result).toEqual(output);
+        });
+
+        it("should expand arrays", () => {
+            const input = [1, 2, 3];
+            const output = [1, 2, 3, 4, 5];
+            const seed = [4, 5, 6];
+            const result = arrayTrimFill(input, output.length, seed);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(output.length);
+            expect(result).toEqual(output);
+        });
+
+        it("should keep arrays the same", () => {
+            const input = [1, 2, 3];
+            const output = [1, 2, 3];
+            const seed = [4, 5, 6];
+            const result = arrayTrimFill(input, output.length, seed);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(output.length);
+            expect(result).toEqual(output);
+        });
+    });
+
+    describe("arraySeed", () => {
+        it("should create an array of given length", () => {
+            const val = 1;
+            const output = [val, val, val];
+            const result = arraySeed(val, output.length);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(output.length);
+            expect(result).toEqual(output);
+        });
+        it("should maintain pointers", () => {
+            const val = {}; // this works because `{} !== {}`, which is what toEqual checks
+            const output = [val, val, val];
+            const result = arraySeed(val, output.length);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(output.length);
+            expect(result).toEqual(output);
+        });
+    });
+
+    describe("arrayFastClone", () => {
+        it("should break pointer reference on source array", () => {
+            const val = {}; // we'll test to make sure the values maintain pointers too
+            const input = [val, val, val];
+            const result = arrayFastClone(input);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(input.length);
+            expect(result).toEqual(input); // we want the array contents to match...
+            expect(result).not.toBe(input); // ... but be a different reference
+        });
+    });
+
+    describe("arrayHasOrderChange", () => {
+        it("should flag true on B ordering difference", () => {
+            const a = [1, 2, 3];
+            const b = [3, 2, 1];
+            const result = arrayHasOrderChange(a, b);
+            expect(result).toBe(true);
+        });
+
+        it("should flag false on no ordering difference", () => {
+            const a = [1, 2, 3];
+            const b = [1, 2, 3];
+            const result = arrayHasOrderChange(a, b);
+            expect(result).toBe(false);
+        });
+
+        it("should flag true on A length > B length", () => {
+            const a = [1, 2, 3, 4];
+            const b = [1, 2, 3];
+            const result = arrayHasOrderChange(a, b);
+            expect(result).toBe(true);
+        });
+
+        it("should flag true on A length < B length", () => {
+            const a = [1, 2, 3];
+            const b = [1, 2, 3, 4];
+            const result = arrayHasOrderChange(a, b);
+            expect(result).toBe(true);
+        });
+    });
+
+    describe("arrayHasDiff", () => {
+        it("should flag true on A length > B length", () => {
+            const a = [1, 2, 3, 4];
+            const b = [1, 2, 3];
+            const result = arrayHasDiff(a, b);
+            expect(result).toBe(true);
+        });
+
+        it("should flag true on A length < B length", () => {
+            const a = [1, 2, 3];
+            const b = [1, 2, 3, 4];
+            const result = arrayHasDiff(a, b);
+            expect(result).toBe(true);
+        });
+
+        it("should flag true on element differences", () => {
+            const a = [1, 2, 3];
+            const b = [4, 5, 6];
+            const result = arrayHasDiff(a, b);
+            expect(result).toBe(true);
+        });
+
+        it("should flag false if same but order different", () => {
+            const a = [1, 2, 3];
+            const b = [3, 1, 2];
+            const result = arrayHasDiff(a, b);
+            expect(result).toBe(false);
+        });
+
+        it("should flag false if same", () => {
+            const a = [1, 2, 3];
+            const b = [1, 2, 3];
+            const result = arrayHasDiff(a, b);
+            expect(result).toBe(false);
+        });
+    });
+
+    describe("arrayDiff", () => {
+        it("should see added from A->B", () => {
+            const a = [1, 2, 3];
+            const b = [1, 2, 3, 4];
+            const result = arrayDiff(a, b);
+            expect(result).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.added).toHaveLength(1);
+            expect(result.removed).toHaveLength(0);
+            expect(result.added).toEqual([4]);
+        });
+
+        it("should see removed from A->B", () => {
+            const a = [1, 2, 3];
+            const b = [1, 2];
+            const result = arrayDiff(a, b);
+            expect(result).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.added).toHaveLength(0);
+            expect(result.removed).toHaveLength(1);
+            expect(result.removed).toEqual([3]);
+        });
+
+        it("should see added and removed in the same set", () => {
+            const a = [1, 2, 3];
+            const b = [1, 2, 4]; // note diff
+            const result = arrayDiff(a, b);
+            expect(result).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.added).toHaveLength(1);
+            expect(result.removed).toHaveLength(1);
+            expect(result.added).toEqual([4]);
+            expect(result.removed).toEqual([3]);
+        });
+    });
+
+    describe("arrayIntersection", () => {
+        it("should return the intersection", () => {
+            const a = [1, 2, 3];
+            const b = [1, 2, 4]; // note diff
+            const result = arrayIntersection(a, b);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(2);
+            expect(result).toEqual([1, 2]);
+        });
+
+        it("should return an empty array on no matches", () => {
+            const a = [1, 2, 3];
+            const b = [4, 5, 6];
+            const result = arrayIntersection(a, b);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(0);
+        });
+    });
+
+    describe("arrayUnion", () => {
+        it("should union 3 arrays with deduplication", () => {
+            const a = [1, 2, 3];
+            const b = [1, 2, 4, 5]; // note missing 3
+            const c = [6, 7, 8, 9];
+            const result = arrayUnion(a, b, c);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(9);
+            expect(result).toEqual([1, 2, 3, 4, 5, 6, 7, 8, 9]);
+        });
+
+        it("should deduplicate a single array", () => {
+            // dev note: this is technically an edge case, but it is described behaviour if the
+            // function is only provided one array (it'll merge the array against itself)
+            const a = [1, 1, 2, 2, 3, 3];
+            const result = arrayUnion(a);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(3);
+            expect(result).toEqual([1, 2, 3]);
+        });
+    });
+
+    describe("ArrayUtil", () => {
+        it("should maintain the pointer to the given array", () => {
+            const input = [1, 2, 3];
+            const result = new ArrayUtil(input);
+            expect(result.value).toBe(input);
+        });
+
+        it("should group appropriately", () => {
+            const input = [
+                ["a", 1],
+                ["b", 2],
+                ["c", 3],
+                ["a", 4],
+                ["a", 5],
+                ["b", 6],
+            ];
+            const output = {
+                a: [
+                    ["a", 1],
+                    ["a", 4],
+                    ["a", 5],
+                ],
+                b: [
+                    ["b", 2],
+                    ["b", 6],
+                ],
+                c: [["c", 3]],
+            };
+            const result = new ArrayUtil(input).groupBy((p) => p[0]);
+            expect(result).toBeDefined();
+            expect(result.value).toBeDefined();
+
+            const asObject = Object.fromEntries(result.value.entries());
+            expect(asObject).toMatchObject(output);
+        });
+    });
+
+    describe("GroupedArray", () => {
+        it("should maintain the pointer to the given map", () => {
+            const input = new Map([
+                ["a", [1, 2, 3]],
+                ["b", [7, 8, 9]],
+                ["c", [4, 5, 6]],
+            ]);
+            const result = new GroupedArray(input);
+            expect(result.value).toBe(input);
+        });
+
+        it("should ordering by the provided key order", () => {
+            const input = new Map([
+                ["a", [1, 2, 3]],
+                ["b", [7, 8, 9]], // note counting diff
+                ["c", [4, 5, 6]],
+            ]);
+            const output = [4, 5, 6, 1, 2, 3, 7, 8, 9];
+            const keyOrder = ["c", "a", "b"]; // note weird order to cause the `output` to be strange
+            const result = new GroupedArray(input).orderBy(keyOrder);
+            expect(result).toBeDefined();
+            expect(result.value).toBeDefined();
+            expect(result.value).toEqual(output);
+        });
+    });
+
+    describe("concat", () => {
+        const emptyArray = () => new Uint8Array(0);
+        const array1 = () => new Uint8Array([1, 2, 3]);
+        const array2 = () => new Uint8Array([4, 5, 6]);
+        const array3 = () => new Uint8Array([7, 8, 9]);
+
+        it("should work for empty arrays", () => {
+            expect(concat(emptyArray(), emptyArray())).toEqual(emptyArray());
+        });
+
+        it("should concat an empty and non-empty array", () => {
+            expect(concat(emptyArray(), array1())).toEqual(array1());
+        });
+
+        it("should concat an non-empty and empty array", () => {
+            expect(concat(array1(), emptyArray())).toEqual(array1());
+        });
+
+        it("should concat two arrays", () => {
+            expect(concat(array1(), array2())).toEqual(new Uint8Array([1, 2, 3, 4, 5, 6]));
+        });
+
+        it("should concat three arrays", () => {
+            expect(concat(array1(), array2(), array3())).toEqual(new Uint8Array([1, 2, 3, 4, 5, 6, 7, 8, 9]));
+        });
+    });
+
+    describe("asyncEvery", () => {
+        it("when called with an empty array, it should return true", async () => {
+            expect(await asyncEvery([], vi.fn().mockResolvedValue(true))).toBe(true);
+        });
+
+        it("when called with some items and the predicate resolves to true for all of them, it should return true", async () => {
+            const predicate = vi.fn().mockResolvedValue(true);
+            expect(await asyncEvery([1, 2, 3], predicate)).toBe(true);
+            expect(predicate).toHaveBeenCalledTimes(3);
+            expect(predicate).toHaveBeenCalledWith(1);
+            expect(predicate).toHaveBeenCalledWith(2);
+            expect(predicate).toHaveBeenCalledWith(3);
+        });
+
+        it("when called with some items and the predicate resolves to false for all of them, it should return false", async () => {
+            const predicate = vi.fn().mockResolvedValue(false);
+            expect(await asyncEvery([1, 2, 3], predicate)).toBe(false);
+            expect(predicate).toHaveBeenCalledTimes(1);
+            expect(predicate).toHaveBeenCalledWith(1);
+        });
+
+        it("when called with some items and the predicate resolves to false for one of them, it should return false", async () => {
+            const predicate = vi.fn().mockResolvedValueOnce(true).mockResolvedValueOnce(false);
+            expect(await asyncEvery([1, 2, 3], predicate)).toBe(false);
+            expect(predicate).toHaveBeenCalledTimes(2);
+            expect(predicate).toHaveBeenCalledWith(1);
+            expect(predicate).toHaveBeenCalledWith(2);
+        });
+    });
+
+    describe("asyncSome", () => {
+        it("when called with an empty array, it should return false", async () => {
+            expect(await asyncSome([], vi.fn().mockResolvedValue(true))).toBe(false);
+        });
+
+        it("when called with some items and the predicate resolves to false for all of them, it should return false", async () => {
+            const predicate = vi.fn().mockResolvedValue(false);
+            expect(await asyncSome([1, 2, 3], predicate)).toBe(false);
+            expect(predicate).toHaveBeenCalledTimes(3);
+            expect(predicate).toHaveBeenCalledWith(1);
+            expect(predicate).toHaveBeenCalledWith(2);
+            expect(predicate).toHaveBeenCalledWith(3);
+        });
+
+        it("when called with some items and the predicate resolves to true, it should short-circuit and return true", async () => {
+            const predicate = vi.fn().mockResolvedValueOnce(false).mockResolvedValueOnce(true);
+            expect(await asyncSome([1, 2, 3], predicate)).toBe(true);
+            expect(predicate).toHaveBeenCalledTimes(2);
+            expect(predicate).toHaveBeenCalledWith(1);
+            expect(predicate).toHaveBeenCalledWith(2);
+        });
+    });
+
+    describe("asyncSomeParallel", () => {
+        it("when called with an empty array, it should return false", async () => {
+            expect(await asyncSomeParallel([], vi.fn().mockResolvedValue(true))).toBe(false);
+        });
+
+        it("when all the predicates return false", async () => {
+            expect(await asyncSomeParallel([1, 2, 3], vi.fn().mockResolvedValue(false))).toBe(false);
+        });
+
+        it("when all the predicates return true", async () => {
+            expect(await asyncSomeParallel([1, 2, 3], vi.fn().mockResolvedValue(true))).toBe(true);
+        });
+
+        it("when one of the predicate return true", async () => {
+            const predicate = vi.fn().mockImplementation((value) => Promise.resolve(value === 2));
+            expect(await asyncSomeParallel([1, 2, 3], predicate)).toBe(true);
+        });
+    });
+
+    describe("asyncFilter", () => {
+        it("when called with an empty array, it should return an empty array", async () => {
+            expect(await asyncFilter([], vi.fn().mockResolvedValue(true))).toEqual([]);
+        });
+
+        it("should filter the content", async () => {
+            const predicate = vi.fn().mockImplementation((value) => Promise.resolve(value === 2));
+            expect(await asyncFilter([1, 2, 3], predicate)).toEqual([2]);
+        });
+    });
+});
diff --git a/apps/web/src/utils/arrays.ts b/apps/web/src/utils/arrays.ts
new file mode 100644
index 00000000000..ee9ac689436
--- /dev/null
+++ b/apps/web/src/utils/arrays.ts
@@ -0,0 +1,364 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 { percentageOf, percentageWithin } from "@element-hq/web-shared-components/numbers";
+
+/**
+ * Quickly resample an array to have less/more data points. If an input which is larger
+ * than the desired size is provided, it will be downsampled. Similarly, if the input
+ * is smaller than the desired size then it will be upsampled.
+ * @param {number[]} input The input array to resample.
+ * @param {number} points The number of samples to end up with.
+ * @returns {number[]} The resampled array.
+ */
+export function arrayFastResample(input: number[], points: number): number[] {
+    if (input.length === points) return input; // short-circuit a complicated call
+
+    // Heavily inspired by matrix-media-repo (used with permission)
+    // https://github.com/turt2live/matrix-media-repo/blob/abe72c87d2e29/util/util_audio/fastsample.go#L10
+    const samples: number[] = [];
+    if (input.length > points) {
+        // Danger: this loop can cause out of memory conditions if the input is too small.
+        const everyNth = Math.round(input.length / points);
+        for (let i = 0; i < input.length; i += everyNth) {
+            samples.push(input[i]);
+        }
+    } else {
+        // Smaller inputs mean we have to spread the values over the desired length. We
+        // end up overshooting the target length in doing this, but we're not looking to
+        // be super accurate so we'll let the sanity trims do their job.
+        const spreadFactor = Math.ceil(points / input.length);
+        for (const val of input) {
+            samples.push(...arraySeed(val, spreadFactor));
+        }
+    }
+
+    // Trim to size & return
+    return arrayTrimFill(samples, points, arraySeed(input[input.length - 1], points));
+}
+
+/**
+ * Attempts a smooth resample of the given array. This is functionally similar to arrayFastResample
+ * though can take longer due to the smoothing of data.
+ * @param {number[]} input The input array to resample.
+ * @param {number} points The number of samples to end up with.
+ * @returns {number[]} The resampled array.
+ */
+export function arraySmoothingResample(input: number[], points: number): number[] {
+    if (input.length === points) return input; // short-circuit a complicated call
+
+    let samples: number[] = [];
+    if (input.length > points) {
+        // We're downsampling. To preserve the curve we'll actually reduce our sample
+        // selection and average some points between them.
+
+        // All we're doing here is repeatedly averaging the waveform down to near our
+        // target value. We don't average down to exactly our target as the loop might
+        // never end, and we can over-average the data. Instead, we'll get as far as
+        // we can and do a followup fast resample (the neighbouring points will be close
+        // to the actual waveform, so we can get away with this safely).
+        while (samples.length > points * 2 || samples.length === 0) {
+            samples = [];
+            for (let i = 1; i < input.length - 1; i += 2) {
+                const prevPoint = input[i - 1];
+                const nextPoint = input[i + 1];
+                const currPoint = input[i];
+                const average = (prevPoint + nextPoint + currPoint) / 3;
+                samples.push(average);
+            }
+            input = samples;
+        }
+
+        return arrayFastResample(samples, points);
+    } else {
+        // In practice there's not much purpose in burning CPU for short arrays only to
+        // end up with a result that can't possibly look much different than the fast
+        // resample, so just skip ahead to the fast resample.
+        return arrayFastResample(input, points);
+    }
+}
+
+/**
+ * Rescales the input array to have values that are inclusively within the provided
+ * minimum and maximum.
+ * @param {number[]} input The array to rescale.
+ * @param {number} newMin The minimum value to scale to.
+ * @param {number} newMax The maximum value to scale to.
+ * @returns {number[]} The rescaled array.
+ */
+export function arrayRescale(input: number[], newMin: number, newMax: number): number[] {
+    const min: number = Math.min(...input);
+    const max: number = Math.max(...input);
+    return input.map((v) => percentageWithin(percentageOf(v, min, max), newMin, newMax));
+}
+
+/**
+ * Creates an array of the given length, seeded with the given value.
+ * @param {T} val The value to seed the array with.
+ * @param {number} length The length of the array to create.
+ * @returns {T[]} The array.
+ */
+export function arraySeed<T>(val: T, length: number): T[] {
+    // Size the array up front for performance, and use `fill` to let the browser
+    // optimize the operation better than we can with a `for` loop, if it wants.
+    return new Array<T>(length).fill(val);
+}
+
+/**
+ * Trims or fills the array to ensure it meets the desired length. The seed array
+ * given is pulled from to fill any missing slots - it is recommended that this be
+ * at least `len` long. The resulting array will be exactly `len` long, either
+ * trimmed from the source or filled with the some/all of the seed array.
+ * @param {T[]} a The array to trim/fill.
+ * @param {number} len The length to trim or fill to, as needed.
+ * @param {T[]} seed Values to pull from if the array needs filling.
+ * @returns {T[]} The resulting array of `len` length.
+ */
+export function arrayTrimFill<T>(a: T[], len: number, seed: T[]): T[] {
+    // Dev note: we do length checks because the spread operator can result in some
+    // performance penalties in more critical code paths. As a utility, it should be
+    // as fast as possible to not cause a problem for the call stack, no matter how
+    // critical that stack is.
+    if (a.length === len) return a;
+    if (a.length > len) return a.slice(0, len);
+    return a.concat(seed.slice(0, len - a.length));
+}
+
+/**
+ * Clones an array as fast as possible, retaining references of the array's values.
+ * @param a The array to clone. Must be defined.
+ * @returns A copy of the array.
+ */
+export function arrayFastClone<T>(a: T[]): T[] {
+    return a.slice(0);
+}
+
+/**
+ * Determines if the two arrays are different either in length, contents,
+ * or order of those contents.
+ * @param a The first array. Must be defined.
+ * @param b The second array. Must be defined.
+ * @returns True if they are different, false otherwise.
+ */
+export function arrayHasOrderChange(a: any[], b: any[]): boolean {
+    if (a.length === b.length) {
+        for (let i = 0; i < a.length; i++) {
+            if (a[i] !== b[i]) return true;
+        }
+        return false;
+    } else {
+        return true; // like arrayHasDiff, a difference in length is a natural change
+    }
+}
+
+/**
+ * Determines if two arrays are different through a shallow comparison.
+ * @param a The first array. Must be defined.
+ * @param b The second array. Must be defined.
+ * @returns True if they are different, false otherwise.
+ */
+export function arrayHasDiff(a: any[], b: any[]): boolean {
+    if (a.length === b.length) {
+        // When the lengths are equal, check to see if either array is missing
+        // an element from the other.
+        if (b.some((i) => !a.includes(i))) return true;
+        if (a.some((i) => !b.includes(i))) return true;
+
+        // if all the keys are common, say so
+        return false;
+    } else {
+        return true; // different lengths means they are naturally diverged
+    }
+}
+
+export type Diff<T> = { added: T[]; removed: T[] };
+
+/**
+ * Performs a diff on two arrays. The result is what is different with the
+ * first array (`added` in the returned object means objects in B that aren't
+ * in A). Shallow comparisons are used to perform the diff.
+ * @param a The first array. Must be defined.
+ * @param b The second array. Must be defined.
+ * @returns The diff between the arrays.
+ */
+export function arrayDiff<T>(a: T[], b: T[]): Diff<T> {
+    return {
+        added: b.filter((i) => !a.includes(i)),
+        removed: a.filter((i) => !b.includes(i)),
+    };
+}
+
+/**
+ * Returns the intersection of two arrays.
+ * @param a The first array. Must be defined.
+ * @param b The second array. Must be defined.
+ * @returns The intersection of the arrays.
+ */
+export function arrayIntersection<T>(a: T[], b: T[]): T[] {
+    return a.filter((i) => b.includes(i));
+}
+
+/**
+ * Unions arrays, deduping contents using a Set.
+ * @param a The arrays to merge.
+ * @returns The union of all given arrays.
+ */
+export function arrayUnion<T>(...a: T[][]): T[] {
+    return Array.from(
+        a.reduce((c, v) => {
+            v.forEach((i) => c.add(i));
+            return c;
+        }, new Set<T>()),
+    );
+}
+
+/**
+ * Moves a single element from fromIndex to toIndex.
+ * @param {array} list the list from which to construct the new list.
+ * @param {number} fromIndex the index of the element to move.
+ * @param {number} toIndex the index of where to put the element.
+ * @returns {array} A new array with the requested value moved.
+ */
+export function moveElement<T>(list: T[], fromIndex: number, toIndex: number): T[] {
+    const result = Array.from(list);
+    const [removed] = result.splice(fromIndex, 1);
+    result.splice(toIndex, 0, removed);
+
+    return result;
+}
+
+/**
+ * Helper functions to perform LINQ-like queries on arrays.
+ */
+export class ArrayUtil<T> {
+    /**
+     * Create a new array helper.
+     * @param a The array to help. Can be modified in-place.
+     */
+    public constructor(private a: T[]) {}
+
+    /**
+     * The value of this array, after all appropriate alterations.
+     */
+    public get value(): T[] {
+        return this.a;
+    }
+
+    /**
+     * Groups an array by keys.
+     * @param fn The key-finding function.
+     * @returns This.
+     */
+    public groupBy<K>(fn: (a: T) => K): GroupedArray<K, T> {
+        const obj = this.a.reduce((rv: Map<K, T[]>, val: T) => {
+            const k = fn(val);
+            if (!rv.has(k)) rv.set(k, []);
+            rv.get(k)!.push(val);
+            return rv;
+        }, new Map<K, T[]>());
+        return new GroupedArray(obj);
+    }
+}
+
+/**
+ * Helper functions to perform LINQ-like queries on groups (maps).
+ */
+export class GroupedArray<K, T> {
+    /**
+     * Creates a new group helper.
+     * @param val The group to help. Can be modified in-place.
+     */
+    public constructor(private val: Map<K, T[]>) {}
+
+    /**
+     * The value of this group, after all applicable alterations.
+     */
+    public get value(): Map<K, T[]> {
+        return this.val;
+    }
+
+    /**
+     * Orders the grouping into an array using the provided key order.
+     * @param keyOrder The key order.
+     * @returns An array helper of the result.
+     */
+    public orderBy(keyOrder: K[]): ArrayUtil<T> {
+        const a: T[] = [];
+        for (const k of keyOrder) {
+            if (!this.val.has(k)) continue;
+            a.push(...this.val.get(k)!);
+        }
+        return new ArrayUtil(a);
+    }
+}
+
+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);
+        return concatenated;
+    }, new Uint8Array(0));
+};
+
+/**
+ * Async version of Array.every.
+ */
+export async function asyncEvery<T>(values: Iterable<T>, predicate: (value: T) => Promise<boolean>): Promise<boolean> {
+    for (const value of values) {
+        if (!(await predicate(value))) return false;
+    }
+    return true;
+}
+
+/**
+ * Async version of Array.some.
+ */
+export async function asyncSome<T>(values: Iterable<T>, predicate: (value: T) => Promise<boolean>): Promise<boolean> {
+    for (const value of values) {
+        if (await predicate(value)) return true;
+    }
+    return false;
+}
+
+/**
+ * Async version of Array.some that runs all promises in parallel.
+ * @param values
+ * @param predicate
+ */
+export async function asyncSomeParallel<T>(
+    values: Array<T>,
+    predicate: (value: T) => Promise<boolean>,
+): Promise<boolean> {
+    try {
+        return await Promise.any<boolean>(
+            values.map((value) =>
+                predicate(value).then((result) => (result ? Promise.resolve(true) : Promise.reject(false))),
+            ),
+        );
+    } catch (e) {
+        // If the array is empty or all the promises are false, Promise.any will reject an AggregateError
+        if (e instanceof AggregateError) return false;
+        throw e;
+    }
+}
+
+/**
+ * Async version of Array.filter.
+ * If one of the promises rejects, the whole operation will reject.
+ * @param values
+ * @param predicate
+ */
+export async function asyncFilter<T>(values: Array<T>, predicate: (value: T) => Promise<boolean>): Promise<Array<T>> {
+    const results = await Promise.all(values.map(predicate));
+    return values.filter((_, i) => results[i]);
+}
+
+export function filterBoolean<T>(values: Array<T | null | undefined>): T[] {
+    return values.filter(Boolean) as T[];
+}
diff --git a/apps/web/src/utils/beacon/bounds.test.ts b/apps/web/src/utils/beacon/bounds.test.ts
new file mode 100644
index 00000000000..90c5b44eb5c
--- /dev/null
+++ b/apps/web/src/utils/beacon/bounds.test.ts
@@ -0,0 +1,96 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+import { Beacon } from "matrix-js-sdk/src/matrix";
+import { makeBeaconEvent, makeBeaconInfoEvent } from "test-utils";
+
+import { type Bounds, getBeaconBounds } from "./bounds";
+
+describe("getBeaconBounds()", () => {
+    const userId = "@user:server";
+    const roomId = "!room:server";
+    const makeBeaconWithLocation = (latLon: { lat: number; lon: number }) => {
+        const geoUri = `geo:${latLon.lat},${latLon.lon}`;
+        const beacon = new Beacon(makeBeaconInfoEvent(userId, roomId, { isLive: true }));
+        // @ts-ignore private prop, sets internal live property so addLocations works
+        beacon.checkLiveness();
+        const location = makeBeaconEvent(userId, {
+            beaconInfoId: beacon.beaconInfoId,
+            geoUri,
+            timestamp: Date.now() + 1,
+        });
+        beacon.addLocations([location]);
+
+        return beacon;
+    };
+
+    const geo = {
+        // northern hemi
+        // west of greenwich
+        london: { lat: 51.5, lon: -0.14 },
+        reykjavik: { lat: 64.08, lon: -21.82 },
+        // east of greenwich
+        paris: { lat: 48.85, lon: 2.29 },
+        // southern hemi
+        // east
+        auckland: { lat: -36.85, lon: 174.76 }, // nz
+        // west
+        lima: { lat: -12.013843, lon: -77.008388 }, // peru
+    };
+
+    const london = makeBeaconWithLocation(geo.london);
+    const reykjavik = makeBeaconWithLocation(geo.reykjavik);
+    const paris = makeBeaconWithLocation(geo.paris);
+    const auckland = makeBeaconWithLocation(geo.auckland);
+    const lima = makeBeaconWithLocation(geo.lima);
+
+    it("should return undefined when there are no beacons", () => {
+        expect(getBeaconBounds([])).toBeUndefined();
+    });
+
+    it("should return undefined when no beacons have locations", () => {
+        const beacon = new Beacon(makeBeaconInfoEvent(userId, roomId));
+        expect(getBeaconBounds([beacon])).toBeUndefined();
+    });
+
+    type TestCase = [string, Beacon[], Bounds];
+    it.each<TestCase>([
+        [
+            "one beacon",
+            [london],
+            { north: geo.london.lat, south: geo.london.lat, east: geo.london.lon, west: geo.london.lon },
+        ],
+        [
+            "beacons in the northern hemisphere, west of meridian",
+            [london, reykjavik],
+            { north: geo.reykjavik.lat, south: geo.london.lat, east: geo.london.lon, west: geo.reykjavik.lon },
+        ],
+        [
+            "beacons in the northern hemisphere, both sides of meridian",
+            [london, reykjavik, paris],
+            // reykjavik northmost and westmost, paris southmost and eastmost
+            { north: geo.reykjavik.lat, south: geo.paris.lat, east: geo.paris.lon, west: geo.reykjavik.lon },
+        ],
+        [
+            "beacons in the southern hemisphere",
+            [auckland, lima],
+            // lima northmost and westmost, auckland southmost and eastmost
+            { north: geo.lima.lat, south: geo.auckland.lat, east: geo.auckland.lon, west: geo.lima.lon },
+        ],
+        [
+            "beacons in both hemispheres",
+            [auckland, lima, paris],
+            { north: geo.paris.lat, south: geo.auckland.lat, east: geo.auckland.lon, west: geo.lima.lon },
+        ],
+    ])("gets correct bounds for %s", (_description, beacons, expectedBounds) => {
+        expect(getBeaconBounds(beacons)).toEqual(expectedBounds);
+    });
+});
diff --git a/apps/web/src/utils/beacon/bounds.ts b/apps/web/src/utils/beacon/bounds.ts
new file mode 100644
index 00000000000..f4d692f5023
--- /dev/null
+++ b/apps/web/src/utils/beacon/bounds.ts
@@ -0,0 +1,54 @@
+/*
+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 { type Beacon } from "matrix-js-sdk/src/matrix";
+
+import { filterBoolean } from "../arrays";
+import { parseGeoUri } from "../location";
+
+export type Bounds = {
+    north: number;
+    east: number;
+    west: number;
+    south: number;
+};
+
+/**
+ * Get the geo bounds of given list of beacons
+ *
+ * Latitude:
+ * equator: 0, North pole: 90, South pole -90
+ * Longitude:
+ * Prime Meridian (Greenwich): 0
+ * east of Greenwich has a positive longitude, max 180
+ * west of Greenwich has a negative longitude, min -180
+ */
+export const getBeaconBounds = (beacons: Beacon[]): Bounds | undefined => {
+    const coords = filterBoolean<GeolocationCoordinates>(
+        beacons.map((beacon) =>
+            !!beacon.latestLocationState?.uri ? parseGeoUri(beacon.latestLocationState.uri) : undefined,
+        ),
+    );
+
+    if (!coords.length) {
+        return;
+    }
+
+    // sort descending
+    const sortedByLat = [...coords].sort((left, right) => right.latitude - left.latitude);
+    const sortedByLong = [...coords].sort((left, right) => right.longitude - left.longitude);
+
+    if (sortedByLat.length < 1 || sortedByLong.length < 1) return;
+
+    return {
+        north: sortedByLat[0].latitude,
+        south: sortedByLat[sortedByLat.length - 1].latitude,
+        east: sortedByLong[0].longitude,
+        west: sortedByLong[sortedByLong.length - 1].longitude,
+    };
+};
diff --git a/apps/web/src/utils/beacon/duration.test.ts b/apps/web/src/utils/beacon/duration.test.ts
new file mode 100644
index 00000000000..b6fe56938b2
--- /dev/null
+++ b/apps/web/src/utils/beacon/duration.test.ts
@@ -0,0 +1,109 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterAll, beforeEach } from "vitest";
+import { M_TIMESTAMP, Beacon } from "matrix-js-sdk/src/matrix";
+import { makeBeaconInfoEvent } from "test-utils";
+
+import { msUntilExpiry, sortBeaconsByLatestExpiry, sortBeaconsByLatestCreation } from "./duration";
+
+describe("beacon utils", () => {
+    // 14.03.2022 16:15
+    const now = 1647270879403;
+    const HOUR_MS = 3600000;
+
+    beforeEach(() => {
+        vi.spyOn(global.Date, "now").mockReturnValue(now);
+    });
+
+    afterAll(() => {
+        vi.spyOn(global.Date, "now").mockRestore();
+    });
+
+    describe("msUntilExpiry", () => {
+        it("returns remaining duration", () => {
+            const start = now - HOUR_MS;
+            const durationMs = HOUR_MS * 3;
+
+            expect(msUntilExpiry(start, durationMs)).toEqual(HOUR_MS * 2);
+        });
+
+        it("returns 0 when expiry has already passed", () => {
+            // created 3h ago
+            const start = now - HOUR_MS * 3;
+            // 1h durations
+            const durationMs = HOUR_MS;
+
+            expect(msUntilExpiry(start, durationMs)).toEqual(0);
+        });
+    });
+
+    describe("sortBeaconsByLatestExpiry()", () => {
+        const roomId = "!room:server";
+        const aliceId = "@alive:server";
+
+        // 12h old, 12h left
+        const beacon1 = new Beacon(
+            makeBeaconInfoEvent(aliceId, roomId, { timeout: HOUR_MS * 24, timestamp: now - 12 * HOUR_MS }, "$1"),
+        );
+        // 10h left
+        const beacon2 = new Beacon(
+            makeBeaconInfoEvent(aliceId, roomId, { timeout: HOUR_MS * 10, timestamp: now }, "$2"),
+        );
+
+        // 1ms left
+        const beacon3 = new Beacon(
+            makeBeaconInfoEvent(aliceId, roomId, { timeout: HOUR_MS + 1, timestamp: now - HOUR_MS }, "$3"),
+        );
+
+        const noTimestampEvent = makeBeaconInfoEvent(
+            aliceId,
+            roomId,
+            { timeout: HOUR_MS + 1, timestamp: undefined },
+            "$3",
+        );
+        // beacon info helper defaults to date when timestamp is falsy
+        // hard set it to undefined
+        // @ts-ignore
+        noTimestampEvent.event.content[M_TIMESTAMP.name] = undefined;
+        const beaconNoTimestamp = new Beacon(noTimestampEvent);
+
+        it("sorts beacons by descending expiry time", () => {
+            expect([beacon2, beacon3, beacon1].sort(sortBeaconsByLatestExpiry)).toEqual([beacon1, beacon2, beacon3]);
+        });
+
+        it("sorts beacons with timestamps before beacons without", () => {
+            expect([beaconNoTimestamp, beacon3].sort(sortBeaconsByLatestExpiry)).toEqual([beacon3, beaconNoTimestamp]);
+        });
+    });
+
+    describe("sortBeaconsByLatestCreation()", () => {
+        const roomId = "!room:server";
+        const aliceId = "@alive:server";
+
+        // 12h old, 12h left
+        const beacon1 = new Beacon(
+            makeBeaconInfoEvent(aliceId, roomId, { timeout: HOUR_MS * 24, timestamp: now - 12 * HOUR_MS }, "$1"),
+        );
+        // 10h left
+        const beacon2 = new Beacon(
+            makeBeaconInfoEvent(aliceId, roomId, { timeout: HOUR_MS * 10, timestamp: now }, "$2"),
+        );
+
+        // 1ms left
+        const beacon3 = new Beacon(
+            makeBeaconInfoEvent(aliceId, roomId, { timeout: HOUR_MS + 1, timestamp: now - HOUR_MS }, "$3"),
+        );
+
+        it("sorts beacons by descending creation time", () => {
+            expect([beacon1, beacon2, beacon3].sort(sortBeaconsByLatestCreation)).toEqual([beacon2, beacon3, beacon1]);
+        });
+    });
+});
diff --git a/apps/web/src/utils/beacon/duration.ts b/apps/web/src/utils/beacon/duration.ts
new file mode 100644
index 00000000000..1cda8cf8dd2
--- /dev/null
+++ b/apps/web/src/utils/beacon/duration.ts
@@ -0,0 +1,42 @@
+/*
+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 { type Beacon, type ContentHelpers } from "matrix-js-sdk/src/matrix";
+
+/**
+ * Get ms until expiry
+ * Returns 0 when expiry is already passed
+ * @param startTimestamp
+ * @param durationMs
+ * @returns remainingMs
+ */
+export const msUntilExpiry = (startTimestamp: number, durationMs: number): number =>
+    Math.max(0, startTimestamp + durationMs - Date.now());
+
+export const getBeaconMsUntilExpiry = (beaconInfo: ContentHelpers.BeaconInfoState): number =>
+    msUntilExpiry(beaconInfo.timestamp || 0, beaconInfo.timeout);
+
+export const getBeaconExpiryTimestamp = (beacon: Beacon): number =>
+    (beacon.beaconInfo.timestamp || 0) + beacon.beaconInfo.timeout;
+
+export const sortBeaconsByLatestExpiry = (left: Beacon, right: Beacon): number =>
+    getBeaconExpiryTimestamp(right) - getBeaconExpiryTimestamp(left);
+
+// aka sort by timestamp descending
+export const sortBeaconsByLatestCreation = (left: Beacon, right: Beacon): number =>
+    (right.beaconInfo.timestamp || 0) - (left.beaconInfo.timestamp || 0);
+
+// a beacon's starting timestamp can be in the future
+// (either from small deviations in system clock times, or on purpose from another client)
+// a beacon is only live between its start timestamp and expiry
+// detect when a beacon is waiting to become live
+export const isBeaconWaitingToStart = (beacon: Beacon): boolean =>
+    !beacon.isLive &&
+    !!beacon.beaconInfo.timestamp &&
+    beacon.beaconInfo.timestamp > Date.now() &&
+    getBeaconExpiryTimestamp(beacon) > Date.now();
diff --git a/apps/web/src/utils/beacon/geolocation.test.ts b/apps/web/src/utils/beacon/geolocation.test.ts
new file mode 100644
index 00000000000..c4014f7c4ae
--- /dev/null
+++ b/apps/web/src/utils/beacon/geolocation.test.ts
@@ -0,0 +1,229 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach, type Mocked } from "vitest";
+import { logger } from "matrix-js-sdk/src/logger";
+import { makeGeolocationPosition, mockGeolocation, getMockGeolocationPositionError } from "test-utils";
+
+import {
+    type GenericPosition,
+    GeolocationError,
+    getGeoUri,
+    mapGeolocationError,
+    mapGeolocationPositionToTimedGeo,
+    watchPosition,
+    getCurrentPosition,
+} from "./geolocation";
+
+describe("geolocation utilities", () => {
+    let geolocation: Mocked<Geolocation>;
+    const defaultPosition = makeGeolocationPosition({});
+
+    // 14.03.2022 16:15
+    const now = 1647270879403;
+
+    beforeEach(() => {
+        geolocation = mockGeolocation();
+        vi.spyOn(Date, "now").mockReturnValue(now);
+    });
+
+    afterEach(() => {
+        vi.spyOn(Date, "now").mockRestore();
+        vi.spyOn(logger, "error").mockRestore();
+    });
+
+    describe("getGeoUri", () => {
+        it("Renders a URI with only lat and lon", () => {
+            const pos: GenericPosition = {
+                latitude: 43.2,
+                longitude: 12.4,
+                altitude: undefined,
+                accuracy: undefined,
+
+                timestamp: 12334,
+            };
+            expect(getGeoUri(pos)).toEqual("geo:43.2,12.4");
+        });
+
+        it("Nulls in location are not shown in URI", () => {
+            const pos: GenericPosition = {
+                latitude: 43.2,
+                longitude: 12.4,
+
+                timestamp: 12334,
+            };
+            expect(getGeoUri(pos)).toEqual("geo:43.2,12.4");
+        });
+
+        it("Renders a URI with 3 coords", () => {
+            const pos: GenericPosition = {
+                latitude: 43.2,
+                longitude: 12.4,
+                altitude: 332.54,
+                accuracy: undefined,
+                timestamp: 12334,
+            };
+            expect(getGeoUri(pos)).toEqual("geo:43.2,12.4,332.54");
+        });
+
+        it("Renders a URI with accuracy", () => {
+            const pos: GenericPosition = {
+                latitude: 43.2,
+                longitude: 12.4,
+                altitude: undefined,
+                accuracy: 21,
+                timestamp: 12334,
+            };
+            expect(getGeoUri(pos)).toEqual("geo:43.2,12.4;u=21");
+        });
+
+        it("Renders a URI with accuracy and altitude", () => {
+            const pos = {
+                latitude: 43.2,
+                longitude: 12.4,
+                altitude: 12.3,
+                accuracy: 21,
+                timestamp: 12334,
+            };
+            expect(getGeoUri(pos)).toEqual("geo:43.2,12.4,12.3;u=21");
+        });
+    });
+
+    describe("mapGeolocationError", () => {
+        beforeEach(() => {
+            // suppress expected errors from test log
+            vi.spyOn(logger, "error").mockImplementation(() => {});
+        });
+
+        it("returns default for other error", () => {
+            const error = new Error("oh no..");
+            expect(mapGeolocationError(error)).toEqual(GeolocationError.Default);
+        });
+
+        it("returns unavailable for unavailable error", () => {
+            const error = new Error(GeolocationError.Unavailable);
+            expect(mapGeolocationError(error)).toEqual(GeolocationError.Unavailable);
+        });
+
+        it("maps geo error permissiondenied correctly", () => {
+            const error = getMockGeolocationPositionError(1, "message");
+            expect(mapGeolocationError(error)).toEqual(GeolocationError.PermissionDenied);
+        });
+
+        it("maps geo position unavailable error correctly", () => {
+            const error = getMockGeolocationPositionError(2, "message");
+            expect(mapGeolocationError(error)).toEqual(GeolocationError.PositionUnavailable);
+        });
+
+        it("maps geo timeout error correctly", () => {
+            const error = getMockGeolocationPositionError(3, "message");
+            expect(mapGeolocationError(error)).toEqual(GeolocationError.Timeout);
+        });
+    });
+
+    describe("mapGeolocationPositionToTimedGeo()", () => {
+        it("maps geolocation position correctly", () => {
+            expect(mapGeolocationPositionToTimedGeo(defaultPosition)).toEqual({
+                timestamp: now,
+                geoUri: "geo:54.001927,-8.253491;u=1",
+            });
+        });
+    });
+
+    describe("watchPosition()", () => {
+        it("throws with unavailable error when geolocation is not available", () => {
+            // suppress expected errors from test log
+            vi.spyOn(logger, "error").mockImplementation(() => {});
+
+            // remove the mock we added
+            vi.spyOn(navigator, "geolocation", "get").mockRestore();
+
+            const positionHandler = vi.fn();
+            const errorHandler = vi.fn();
+
+            expect(() => watchPosition(positionHandler, errorHandler)).toThrow(GeolocationError.Unavailable);
+        });
+
+        it("sets up position handler with correct options", () => {
+            const positionHandler = vi.fn();
+            const errorHandler = vi.fn();
+            watchPosition(positionHandler, errorHandler);
+
+            const [, , options] = geolocation.watchPosition.mock.calls[0];
+            expect(options).toEqual({
+                maximumAge: 60000,
+                timeout: 10000,
+            });
+        });
+
+        it("returns clearWatch function", () => {
+            const watchId = 1;
+            geolocation.watchPosition.mockReturnValue(watchId);
+            const positionHandler = vi.fn();
+            const errorHandler = vi.fn();
+            const clearWatch = watchPosition(positionHandler, errorHandler);
+
+            clearWatch();
+
+            expect(geolocation.clearWatch).toHaveBeenCalledWith(watchId);
+        });
+
+        it("calls position handler with position", () => {
+            const positionHandler = vi.fn();
+            const errorHandler = vi.fn();
+            watchPosition(positionHandler, errorHandler);
+
+            expect(positionHandler).toHaveBeenCalledWith(defaultPosition);
+        });
+
+        it("maps geolocation position error and calls error handler", () => {
+            // suppress expected errors from test log
+            vi.spyOn(logger, "error").mockImplementation(() => {});
+            geolocation.watchPosition.mockImplementation((_callback, error) => {
+                error!(getMockGeolocationPositionError(1, "message"));
+                return -1;
+            });
+            const positionHandler = vi.fn();
+            const errorHandler = vi.fn();
+            watchPosition(positionHandler, errorHandler);
+
+            expect(errorHandler).toHaveBeenCalledWith(GeolocationError.PermissionDenied);
+        });
+    });
+
+    describe("getCurrentPosition()", () => {
+        it("throws with unavailable error when geolocation is not available", async () => {
+            // suppress expected errors from test log
+            vi.spyOn(logger, "error").mockImplementation(() => {});
+
+            // remove the mock we added
+            vi.spyOn(navigator, "geolocation", "get").mockRestore();
+
+            await expect(() => getCurrentPosition()).rejects.toThrow(GeolocationError.Unavailable);
+        });
+
+        it("throws with geolocation error when geolocation.getCurrentPosition fails", async () => {
+            // suppress expected errors from test log
+            vi.spyOn(logger, "error").mockImplementation(() => {});
+
+            const timeoutError = getMockGeolocationPositionError(3, "message");
+            geolocation.getCurrentPosition.mockImplementation((callback, error) => error!(timeoutError));
+
+            await expect(() => getCurrentPosition()).rejects.toThrow(GeolocationError.Timeout);
+        });
+
+        it("resolves with current location", async () => {
+            geolocation.getCurrentPosition.mockImplementation((callback, error) => callback(defaultPosition));
+
+            const result = await getCurrentPosition();
+            expect(result).toEqual(defaultPosition);
+        });
+    });
+});
diff --git a/apps/web/src/utils/beacon/geolocation.ts b/apps/web/src/utils/beacon/geolocation.ts
new file mode 100644
index 00000000000..8fbc15c8ca9
--- /dev/null
+++ b/apps/web/src/utils/beacon/geolocation.ts
@@ -0,0 +1,136 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+
+// map GeolocationPositionError codes
+// https://developer.mozilla.org/en-US/docs/Web/API/GeolocationPositionError
+export enum GeolocationError {
+    // no navigator.geolocation
+    Unavailable = "Unavailable",
+    // The acquisition of the geolocation information failed because the page didn't have the permission to do it.
+    PermissionDenied = "PermissionDenied",
+    // The acquisition of the geolocation failed because at least one internal source of position returned an internal error.
+    PositionUnavailable = "PositionUnavailable",
+    // The time allowed to acquire the geolocation was reached before the information was obtained.
+    Timeout = "Timeout",
+    // other unexpected failure
+    Default = "Default",
+}
+
+const GeolocationOptions = {
+    timeout: 10000,
+    maximumAge: 60000,
+};
+
+const isGeolocationPositionError = (error: unknown): error is GeolocationPositionError =>
+    typeof error === "object" && !!(error as GeolocationPositionError)["PERMISSION_DENIED"];
+/**
+ * Maps GeolocationPositionError to our GeolocationError enum
+ */
+export const mapGeolocationError = (error: GeolocationPositionError | Error | unknown): GeolocationError => {
+    logger.error("Geolocation failed", error);
+
+    if (isGeolocationPositionError(error)) {
+        switch (error?.code) {
+            case error.PERMISSION_DENIED:
+                return GeolocationError.PermissionDenied;
+            case error.POSITION_UNAVAILABLE:
+                return GeolocationError.PositionUnavailable;
+            case error.TIMEOUT:
+                return GeolocationError.Timeout;
+            default:
+                return GeolocationError.Default;
+        }
+    } else if (error instanceof Error && error.message === GeolocationError.Unavailable) {
+        return GeolocationError.Unavailable;
+    } else {
+        return GeolocationError.Default;
+    }
+};
+
+const getGeolocation = (): Geolocation => {
+    if (!navigator.geolocation) {
+        throw new Error(GeolocationError.Unavailable);
+    }
+    return navigator.geolocation;
+};
+
+export type GenericPosition = {
+    latitude: number;
+    longitude: number;
+    altitude?: number;
+    accuracy?: number;
+    timestamp: number;
+};
+
+export type TimedGeoUri = {
+    geoUri: string;
+    timestamp: number;
+};
+
+export const genericPositionFromGeolocation = (geoPosition: GeolocationPosition): GenericPosition => {
+    const { latitude, longitude, altitude, accuracy } = geoPosition.coords;
+
+    return {
+        // safari reports geolocation timestamps as Apple Cocoa Core Data timestamp
+        // or ms since 1/1/2001 instead of the regular epoch
+        // they also use local time, not utc
+        // to simplify, just use Date.now()
+        timestamp: Date.now(),
+        latitude,
+        longitude,
+        altitude: altitude ?? undefined,
+        accuracy,
+    };
+};
+
+export const getGeoUri = (position: GenericPosition): string => {
+    const lat = position.latitude;
+    const lon = position.longitude;
+    const alt = Number.isFinite(position.altitude) ? `,${position.altitude}` : "";
+    const acc = Number.isFinite(position.accuracy) ? `;u=${position.accuracy}` : "";
+    return `geo:${lat},${lon}${alt}${acc}`;
+};
+
+export const mapGeolocationPositionToTimedGeo = (position: GeolocationPosition): TimedGeoUri => {
+    const genericPosition = genericPositionFromGeolocation(position);
+    return { timestamp: genericPosition.timestamp, geoUri: getGeoUri(genericPosition) };
+};
+
+/**
+ * Gets current position, returns a promise
+ * @returns Promise<GeolocationPosition>
+ */
+export const getCurrentPosition = async (): Promise<GeolocationPosition> => {
+    try {
+        const position = await new Promise((resolve: PositionCallback, reject) => {
+            getGeolocation().getCurrentPosition(resolve, reject, GeolocationOptions);
+        });
+        return position;
+    } catch (error) {
+        throw new Error(mapGeolocationError(error));
+    }
+};
+
+export type ClearWatchCallback = () => void;
+export const watchPosition = (
+    onWatchPosition: PositionCallback,
+    onWatchPositionError: (error: GeolocationError) => void,
+): ClearWatchCallback => {
+    try {
+        const onError = (error: GeolocationPositionError): void => onWatchPositionError(mapGeolocationError(error));
+        const watchId = getGeolocation().watchPosition(onWatchPosition, onError, GeolocationOptions);
+        const clearWatch = (): void => {
+            getGeolocation().clearWatch(watchId);
+        };
+        return clearWatch;
+    } catch (error) {
+        throw new Error(mapGeolocationError(error));
+    }
+};
diff --git a/apps/web/src/utils/beacon/getShareableLocation.ts b/apps/web/src/utils/beacon/getShareableLocation.ts
new file mode 100644
index 00000000000..f548ad2fb5a
--- /dev/null
+++ b/apps/web/src/utils/beacon/getShareableLocation.ts
@@ -0,0 +1,25 @@
+/*
+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 { type MatrixClient, type MatrixEvent, getBeaconInfoIdentifier } from "matrix-js-sdk/src/matrix";
+
+/**
+ * Beacons should only have shareable locations (open in external mapping tool, forward)
+ * when they are live and have a location
+ * If not live, returns null
+ */
+export const getShareableLocationEventForBeacon = (event: MatrixEvent, cli: MatrixClient): MatrixEvent | null => {
+    const room = cli.getRoom(event.getRoomId());
+    const beacon = room?.currentState.beacons?.get(getBeaconInfoIdentifier(event));
+    const latestLocationEvent = beacon?.latestLocationEvent;
+
+    if (beacon?.isLive && latestLocationEvent) {
+        return latestLocationEvent;
+    }
+    return null;
+};
diff --git a/apps/web/src/utils/beacon/index.ts b/apps/web/src/utils/beacon/index.ts
new file mode 100644
index 00000000000..19208f515e9
--- /dev/null
+++ b/apps/web/src/utils/beacon/index.ts
@@ -0,0 +1,12 @@
+/*
+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.
+*/
+
+export * from "./duration";
+export * from "./geolocation";
+export * from "./useBeacon";
+export * from "./useOwnLiveBeacons";
diff --git a/apps/web/src/utils/beacon/timeline.test.ts b/apps/web/src/utils/beacon/timeline.test.ts
new file mode 100644
index 00000000000..0ccbe472f46
--- /dev/null
+++ b/apps/web/src/utils/beacon/timeline.test.ts
@@ -0,0 +1,41 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+import { EventType, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import { makeBeaconInfoEvent, stubClient } from "test-utils";
+
+import { shouldDisplayAsBeaconTile } from "./timeline";
+
+describe("shouldDisplayAsBeaconTile", () => {
+    const userId = "@user:server";
+    const roomId = "!room:server";
+    const liveBeacon = makeBeaconInfoEvent(userId, roomId, { isLive: true });
+    const notLiveBeacon = makeBeaconInfoEvent(userId, roomId, { isLive: false });
+    const memberEvent = new MatrixEvent({ type: EventType.RoomMember });
+    const redactedBeacon = makeBeaconInfoEvent(userId, roomId, { isLive: false });
+    redactedBeacon.makeRedacted(redactedBeacon, new Room(roomId, stubClient(), userId));
+
+    it("returns true for a beacon with live property set to true", () => {
+        expect(shouldDisplayAsBeaconTile(liveBeacon)).toBe(true);
+    });
+
+    it("returns true for a redacted beacon", () => {
+        expect(shouldDisplayAsBeaconTile(redactedBeacon)).toBe(true);
+    });
+
+    it("returns false for a beacon with live property set to false", () => {
+        expect(shouldDisplayAsBeaconTile(notLiveBeacon)).toBe(false);
+    });
+
+    it("returns false for a non beacon event", () => {
+        expect(shouldDisplayAsBeaconTile(memberEvent)).toBe(false);
+    });
+});
diff --git a/apps/web/src/utils/beacon/timeline.ts b/apps/web/src/utils/beacon/timeline.ts
new file mode 100644
index 00000000000..1a5cc1ca2c4
--- /dev/null
+++ b/apps/web/src/utils/beacon/timeline.ts
@@ -0,0 +1,19 @@
+/*
+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 { type MatrixEvent, M_BEACON_INFO } from "matrix-js-sdk/src/matrix";
+
+/**
+ * beacon_info events without live property set to true
+ * should be displayed in the timeline
+ */
+export const shouldDisplayAsBeaconTile = (event: MatrixEvent): boolean =>
+    M_BEACON_INFO.matches(event.getType()) &&
+    (event.getContent()?.live ||
+        // redacted beacons should show 'message deleted' tile
+        event.isRedacted());
diff --git a/apps/web/src/utils/beacon/useBeacon.ts b/apps/web/src/utils/beacon/useBeacon.ts
new file mode 100644
index 00000000000..b405eb654be
--- /dev/null
+++ b/apps/web/src/utils/beacon/useBeacon.ts
@@ -0,0 +1,61 @@
+/*
+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 { useContext, useEffect, useState } from "react";
+import { type Beacon, BeaconEvent, type MatrixEvent, getBeaconInfoIdentifier } from "matrix-js-sdk/src/matrix";
+
+import MatrixClientContext from "../../contexts/MatrixClientContext";
+import { useEventEmitterState } from "../../hooks/useEventEmitter";
+
+export const useBeacon = (beaconInfoEvent: MatrixEvent): Beacon | undefined => {
+    const matrixClient = useContext(MatrixClientContext);
+    const [beacon, setBeacon] = useState<Beacon>();
+
+    useEffect(() => {
+        const roomId = beaconInfoEvent.getRoomId();
+        const beaconIdentifier = getBeaconInfoIdentifier(beaconInfoEvent);
+
+        const room = matrixClient?.getRoom(roomId);
+        const beaconInstance = room?.currentState.beacons.get(beaconIdentifier);
+
+        // TODO could this be less stupid?
+
+        // Beacons are identified by their `state_key`,
+        // where `state_key` is always owner mxid for access control.
+        // Thus, only one beacon is allowed per-user per-room.
+        // See https://github.com/matrix-org/matrix-spec-proposals/pull/3672
+        // When a user creates a new beacon any previous
+        // beacon is replaced and should assume a 'stopped' state
+        // Here we check that this event is the latest beacon for this user
+        // If it is not the beacon instance is set to undefined.
+        // Retired beacons don't get a beacon instance.
+        if (beaconInstance?.beaconInfoId === beaconInfoEvent.getId()) {
+            setBeacon(beaconInstance);
+        } else {
+            setBeacon(undefined);
+        }
+    }, [beaconInfoEvent, matrixClient]);
+
+    // beacon update will fire when this beacon is superseded
+    // check the updated event id for equality to the matrix event
+    const beaconInstanceEventId = useEventEmitterState(beacon, BeaconEvent.Update, () => beacon?.beaconInfoId);
+
+    useEffect(() => {
+        if (beaconInstanceEventId && beaconInstanceEventId !== beaconInfoEvent.getId()) {
+            setBeacon(undefined);
+        }
+    }, [beaconInstanceEventId, beaconInfoEvent]);
+
+    useEffect(() => {
+        if (beacon) {
+            beacon.monitorLiveness();
+        }
+    }, [beacon]);
+
+    return beacon;
+};
diff --git a/apps/web/src/utils/beacon/useLiveBeacons.ts b/apps/web/src/utils/beacon/useLiveBeacons.ts
new file mode 100644
index 00000000000..f67dcb12d75
--- /dev/null
+++ b/apps/web/src/utils/beacon/useLiveBeacons.ts
@@ -0,0 +1,31 @@
+/*
+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 { type Beacon, type Room, RoomStateEvent, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { useEventEmitterState } from "../../hooks/useEventEmitter";
+
+/**
+ * Returns an array of all live beacon ids for a given room
+ *
+ * Beacons are removed from array when they become inactive
+ */
+export const useLiveBeacons = (roomId: Room["roomId"], matrixClient: MatrixClient): Beacon[] => {
+    const room = matrixClient.getRoom(roomId);
+
+    const liveBeacons = useEventEmitterState(
+        room?.currentState,
+        RoomStateEvent.BeaconLiveness,
+        () =>
+            room?.currentState?.liveBeaconIds.map((beaconIdentifier) =>
+                room.currentState.beacons.get(beaconIdentifier)!,
+            ) || [],
+    );
+
+    return liveBeacons;
+};
diff --git a/apps/web/src/utils/beacon/useOwnLiveBeacons.ts b/apps/web/src/utils/beacon/useOwnLiveBeacons.ts
new file mode 100644
index 00000000000..f9696fc8806
--- /dev/null
+++ b/apps/web/src/utils/beacon/useOwnLiveBeacons.ts
@@ -0,0 +1,87 @@
+/*
+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 { useEffect, useState } from "react";
+import { type Beacon, type BeaconIdentifier } from "matrix-js-sdk/src/matrix";
+
+import { useEventEmitterState } from "../../hooks/useEventEmitter";
+import { OwnBeaconStore, OwnBeaconStoreEvent } from "../../stores/OwnBeaconStore";
+import { sortBeaconsByLatestExpiry } from "./duration";
+
+type LiveBeaconsState = {
+    beacon?: Beacon;
+    onStopSharing: () => void;
+    onResetLocationPublishError: () => void;
+    stoppingInProgress: boolean;
+    hasStopSharingError: boolean;
+    hasLocationPublishError: boolean;
+};
+
+/**
+ * Monitor the current users own beacons
+ * While current implementation only allows one live beacon per user per room
+ * In future it will be possible to have multiple live beacons in one room
+ * Select the latest expiry to display,
+ * and kill all beacons on stop sharing
+ */
+export const useOwnLiveBeacons = (liveBeaconIds: BeaconIdentifier[]): LiveBeaconsState => {
+    const [stoppingInProgress, setStoppingInProgress] = useState(false);
+
+    const hasLocationPublishError = useEventEmitterState(
+        OwnBeaconStore.instance,
+        OwnBeaconStoreEvent.LocationPublishError,
+        () => liveBeaconIds.some(OwnBeaconStore.instance.beaconHasLocationPublishError),
+    );
+
+    const hasStopSharingError = useEventEmitterState(
+        OwnBeaconStore.instance,
+        OwnBeaconStoreEvent.BeaconUpdateError,
+        () => liveBeaconIds.some((id) => OwnBeaconStore.instance.beaconUpdateErrors.has(id)),
+    );
+
+    useEffect(() => {
+        if (hasStopSharingError) {
+            setStoppingInProgress(false);
+        }
+    }, [hasStopSharingError]);
+
+    // reset stopping in progress on change in live ids
+    useEffect(() => {
+        setStoppingInProgress(false);
+    }, [liveBeaconIds]);
+
+    // select the beacon with latest expiry to display expiry time
+    const beacon = liveBeaconIds
+        .map((beaconId) => OwnBeaconStore.instance.getBeaconById(beaconId)!)
+        .sort(sortBeaconsByLatestExpiry)
+        .shift();
+
+    const onStopSharing = async (): Promise<void> => {
+        setStoppingInProgress(true);
+        try {
+            await Promise.all(liveBeaconIds.map((beaconId) => OwnBeaconStore.instance.stopBeacon(beaconId)));
+        } catch {
+            setStoppingInProgress(false);
+        }
+    };
+
+    const onResetLocationPublishError = (): void => {
+        liveBeaconIds.forEach((beaconId) => {
+            OwnBeaconStore.instance.resetLocationPublishError(beaconId);
+        });
+    };
+
+    return {
+        onStopSharing,
+        onResetLocationPublishError,
+        beacon,
+        stoppingInProgress,
+        hasLocationPublishError,
+        hasStopSharingError,
+    };
+};
diff --git a/apps/web/src/utils/blobs.ts b/apps/web/src/utils/blobs.ts
new file mode 100644
index 00000000000..b9ee316a1f4
--- /dev/null
+++ b/apps/web/src/utils/blobs.ts
@@ -0,0 +1,86 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+// WARNING: We have to be very careful about what mime-types we allow into blobs,
+// as for performance reasons these are now rendered via URL.createObjectURL()
+// rather than by converting into data: URIs.
+//
+// This means that the content is rendered using the origin of the script which
+// called createObjectURL(), and so if the content contains any scripting then it
+// will pose a XSS vulnerability when the browser renders it.  This is particularly
+// bad if the user right-clicks the URI and pastes it into a new window or tab,
+// as the blob will then execute with access to Element's full JS environment(!)
+//
+// See https://github.com/matrix-org/matrix-react-sdk/pull/1820#issuecomment-385210647
+// for details.
+//
+// We mitigate this by only allowing mime-types into blobs which we know don't
+// contain any scripting, and instantiate all others as application/octet-stream
+// regardless of what mime-type the event claimed.  Even if the payload itself
+// is some malicious HTML, the fact we instantiate it with a media mimetype or
+// application/octet-stream means the browser doesn't try to render it as such.
+//
+// One interesting edge case is image/svg+xml, which empirically *is* rendered
+// correctly if the blob is set to the src attribute of an img tag (for thumbnails)
+// *even if the mimetype is application/octet-stream*.  However, empirically JS
+// in the SVG isn't executed in this scenario, so we seem to be okay.
+//
+// Tested on Chrome 65 and Firefox 60
+//
+// The list below is taken mainly from
+// https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats
+// N.B. Matrix doesn't currently specify which mimetypes are valid in given
+// events, so we pick the ones which HTML5 browsers should be able to display
+//
+// For the record, mime-types which must NEVER enter this list below include:
+//   text/html, text/xhtml, image/svg, image/svg+xml, image/pdf, and similar.
+
+const ALLOWED_BLOB_MIMETYPES = [
+    "image/jpeg",
+    "image/gif",
+    "image/png",
+    "image/apng",
+    "image/webp",
+    "image/avif",
+
+    "video/mp4",
+    "video/webm",
+    "video/ogg",
+    "video/quicktime",
+
+    "audio/mp4",
+    "audio/webm",
+    "audio/aac",
+    "audio/mpeg",
+    "audio/ogg",
+    "audio/wave",
+    "audio/wav",
+    "audio/x-wav",
+    "audio/x-pn-wav",
+    "audio/flac",
+    "audio/x-flac",
+];
+
+/**
+ * Checks whether the given mime type is in the allowed mimetype list
+ * @param mimetype - the mimetype to check
+ */
+export function isMimeTypeAllowed(mimetype: string): boolean {
+    return ALLOWED_BLOB_MIMETYPES.includes(mimetype);
+}
+
+/**
+ * Returns the input mimetype if it is allowed, `application/octet-stream` otherwise
+ * @param mimetype - the mimetype to check
+ */
+export function getBlobSafeMimeType(mimetype: string): string {
+    if (!isMimeTypeAllowed(mimetype)) {
+        return "application/octet-stream";
+    }
+    return mimetype;
+}
diff --git a/apps/web/src/utils/colour.test.ts b/apps/web/src/utils/colour.test.ts
new file mode 100644
index 00000000000..cbdac2916dd
--- /dev/null
+++ b/apps/web/src/utils/colour.test.ts
@@ -0,0 +1,18 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Emmanuel Ezeka <eec.studies@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 { describe, it, expect } from "vitest";
+
+import { textToHtmlRainbow } from "./colour";
+
+describe("textToHtmlRainbow", () => {
+    it("correctly transform text to html without splitting the emoji in two", () => {
+        expect(textToHtmlRainbow("🐻")).toBe('<span data-mx-color="#ff00be">🐻</span>');
+        expect(textToHtmlRainbow("🐕‍🦺")).toBe('<span data-mx-color="#ff00be">🐕‍🦺</span>');
+    });
+});
diff --git a/apps/web/src/utils/colour.ts b/apps/web/src/utils/colour.ts
new file mode 100644
index 00000000000..40690060832
--- /dev/null
+++ b/apps/web/src/utils/colour.ts
@@ -0,0 +1,82 @@
+/*
+Copyright 2024 New Vector Ltd.
+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 { split } from "lodash";
+
+export function textToHtmlRainbow(str: string): string {
+    const frequency = (2 * Math.PI) / str.length;
+
+    return split(str, "")
+        .map((c, i) => {
+            if (c === " ") {
+                return c;
+            }
+            const [a, b] = generateAB(i * frequency, 1);
+            const [red, green, blue] = labToRGB(75, a, b);
+            return (
+                '<span data-mx-color="#' +
+                red.toString(16).padStart(2, "0") +
+                green.toString(16).padStart(2, "0") +
+                blue.toString(16).padStart(2, "0") +
+                '">' +
+                c +
+                "</span>"
+            );
+        })
+        .join("");
+}
+
+function generateAB(hue: number, chroma: number): [number, number] {
+    const a = chroma * 127 * Math.cos(hue);
+    const b = chroma * 127 * Math.sin(hue);
+
+    return [a, b];
+}
+
+function labToRGB(l: number, a: number, b: number): [number, number, number] {
+    // https://en.wikipedia.org/wiki/CIELAB_color_space#Reverse_transformation
+    // https://en.wikipedia.org/wiki/SRGB#The_forward_transformation_(CIE_XYZ_to_sRGB)
+
+    // Convert CIELAB to CIEXYZ (D65)
+    let y = (l + 16) / 116;
+    const x = adjustXYZ(y + a / 500) * 0.9505;
+    const z = adjustXYZ(y - b / 200) * 1.089;
+
+    y = adjustXYZ(y);
+
+    // Linear transformation from CIEXYZ to RGB
+    const red = 3.24096994 * x - 1.53738318 * y - 0.49861076 * z;
+    const green = -0.96924364 * x + 1.8759675 * y + 0.04155506 * z;
+    const blue = 0.05563008 * x - 0.20397696 * y + 1.05697151 * z;
+
+    return [adjustRGB(red), adjustRGB(green), adjustRGB(blue)];
+}
+
+function adjustXYZ(v: number): number {
+    if (v > 0.2069) {
+        return Math.pow(v, 3);
+    }
+    return 0.1284 * v - 0.01771;
+}
+
+function gammaCorrection(v: number): number {
+    // Non-linear transformation to sRGB
+    if (v <= 0.0031308) {
+        return 12.92 * v;
+    }
+    return 1.055 * Math.pow(v, 1 / 2.4) - 0.055;
+}
+
+function adjustRGB(v: number): number {
+    const corrected = gammaCorrection(v);
+
+    // Limits number between 0 and 1
+    const limited = Math.min(Math.max(corrected, 0), 1);
+
+    return Math.round(limited * 255);
+}
diff --git a/apps/web/src/utils/connection.test.ts b/apps/web/src/utils/connection.test.ts
new file mode 100644
index 00000000000..44068b68a60
--- /dev/null
+++ b/apps/web/src/utils/connection.test.ts
@@ -0,0 +1,44 @@
+/*
+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 { vi, describe, it, expect, beforeEach, type Mock } from "vitest";
+import { type ClientEvent, type ClientEventHandlerMap, SyncState } from "matrix-js-sdk/src/matrix";
+
+import { createReconnectedListener } from "./connection";
+
+describe("createReconnectedListener", () => {
+    let reconnectedListener: ClientEventHandlerMap[ClientEvent.Sync];
+    let onReconnect: Mock;
+
+    beforeEach(() => {
+        onReconnect = vi.fn();
+        reconnectedListener = createReconnectedListener(onReconnect);
+    });
+
+    [
+        [SyncState.Prepared, SyncState.Syncing],
+        [SyncState.Syncing, SyncState.Reconnecting],
+        [SyncState.Reconnecting, SyncState.Syncing],
+    ].forEach(([from, to]) => {
+        it(`should invoke the callback on a transition from ${from} to ${to}`, () => {
+            reconnectedListener(to, from);
+            expect(onReconnect).toHaveBeenCalled();
+        });
+    });
+
+    [
+        [SyncState.Syncing, SyncState.Syncing],
+        [SyncState.Catchup, SyncState.Error],
+        [SyncState.Reconnecting, SyncState.Error],
+    ].forEach(([from, to]) => {
+        it(`should not invoke the callback on a transition from ${from} to ${to}`, () => {
+            reconnectedListener(to, from);
+            expect(onReconnect).not.toHaveBeenCalled();
+        });
+    });
+});
diff --git a/apps/web/src/utils/connection.ts b/apps/web/src/utils/connection.ts
new file mode 100644
index 00000000000..66ecde56b06
--- /dev/null
+++ b/apps/web/src/utils/connection.ts
@@ -0,0 +1,23 @@
+/*
+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 { type ClientEvent, type ClientEventHandlerMap, SyncState } from "matrix-js-sdk/src/matrix";
+
+/**
+ * Creates a MatrixClient event listener function that can be used to get notified about reconnects.
+ * @param callback The callback to be called on reconnect
+ */
+export const createReconnectedListener = (callback: () => void): ClientEventHandlerMap[ClientEvent.Sync] => {
+    return (syncState: SyncState, prevState: SyncState | null) => {
+        if (syncState !== SyncState.Error && prevState !== syncState) {
+            // Consider the client reconnected if there is no error with syncing.
+            // This means the state could be RECONNECTING, SYNCING, PREPARED or CATCHUP.
+            callback();
+        }
+    };
+};
diff --git a/apps/web/src/utils/createMatrixClient.test.ts b/apps/web/src/utils/createMatrixClient.test.ts
new file mode 100644
index 00000000000..a261255df74
--- /dev/null
+++ b/apps/web/src/utils/createMatrixClient.test.ts
@@ -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 { vi, describe, beforeEach, it, expect } from "vitest";
+import { type MatrixClient, RoomNameType } from "matrix-js-sdk/src/matrix";
+
+import { createClientWithCreds } from "./createMatrixClient";
+
+describe("createMatrixClient", () => {
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        vi.stubGlobal("localStorage", {
+            getItem: vi.fn().mockReturnValue(null),
+            setItem: vi.fn(),
+            removeItem: vi.fn(),
+        });
+
+        client = createClientWithCreds({
+            homeserverUrl: "https://test.dummy",
+            userId: "@user:test.dummy",
+            accessToken: "access_token",
+        });
+    });
+
+    describe("room name generator", () => {
+        it("should return empty room for an empty room", () => {
+            const roomName = client.roomNameGenerator?.("", {
+                type: RoomNameType.EmptyRoom,
+            });
+            expect(roomName).toBe("Empty room");
+        });
+
+        it("should include the old name for an empty room that used to have a name", () => {
+            const roomName = client.roomNameGenerator?.("", {
+                type: RoomNameType.EmptyRoom,
+                oldName: "Old Room",
+            });
+            expect(roomName).toBe("Empty room (was Old Room)");
+        });
+
+        it("should return null for an actual room name", () => {
+            const roomName = client.roomNameGenerator?.("", {
+                type: RoomNameType.Actual,
+                name: "Some name",
+            });
+            expect(roomName).toBeNull();
+        });
+
+        describe("generated room names", () => {
+            it("should return empty room when there are no members", () => {
+                const roomName = client.roomNameGenerator?.("", {
+                    type: RoomNameType.Generated,
+                    names: [],
+                    count: 0,
+                });
+                expect(roomName).toBe("Empty room");
+            });
+
+            it("should return the single member name when there is only one other member", () => {
+                const roomName = client.roomNameGenerator?.("", {
+                    type: RoomNameType.Generated,
+                    names: ["Alice"],
+                    count: 2,
+                });
+                expect(roomName).toBe("Alice");
+            });
+
+            it("should join two member names with 'and'", () => {
+                const roomName = client.roomNameGenerator?.("", {
+                    type: RoomNameType.Generated,
+                    names: ["Alice", "Bob"],
+                    count: 2,
+                });
+                expect(roomName).toBe("Alice and Bob");
+            });
+
+            it("should name the first member and count the rest when there is one other member not named", () => {
+                const roomName = client.roomNameGenerator?.("", {
+                    type: RoomNameType.Generated,
+                    names: ["Alice", "Bob"],
+                    count: 3,
+                });
+                expect(roomName).toBe("Alice and one other");
+            });
+
+            it("should name the first member and count the rest when there are multiple members not named", () => {
+                const roomName = client.roomNameGenerator?.("", {
+                    type: RoomNameType.Generated,
+                    names: ["Alice", "Bob", "Carol"],
+                    count: 3,
+                });
+                expect(roomName).toBe("Alice and 2 others");
+            });
+
+            describe("when inviting", () => {
+                it("should return empty room when there are no invitees", () => {
+                    const roomName = client.roomNameGenerator?.("", {
+                        type: RoomNameType.Generated,
+                        subtype: "Inviting",
+                        names: [],
+                        count: 0,
+                    });
+                    expect(roomName).toBe("Empty room");
+                });
+
+                it("should return the single invitee name when there is only one invitee", () => {
+                    const roomName = client.roomNameGenerator?.("", {
+                        type: RoomNameType.Generated,
+                        subtype: "Inviting",
+                        names: ["Alice"],
+                        count: 1,
+                    });
+                    expect(roomName).toBe("Alice");
+                });
+
+                it("should say who is being invited when there are two invitees", () => {
+                    const roomName = client.roomNameGenerator?.("", {
+                        type: RoomNameType.Generated,
+                        subtype: "Inviting",
+                        names: ["Alice", "Bob"],
+                        count: 2,
+                    });
+                    expect(roomName).toBe("Inviting Alice and Bob");
+                });
+
+                it("should name the first invitee and count the rest when there are more than two invitees", () => {
+                    const roomName = client.roomNameGenerator?.("", {
+                        type: RoomNameType.Generated,
+                        subtype: "Inviting",
+                        names: ["Alice", "Bob", "Carol"],
+                        count: 3,
+                    });
+                    expect(roomName).toBe("Inviting Alice and 2 others");
+                });
+
+                it("should count uninvited members separately from named invitees", () => {
+                    const roomName = client.roomNameGenerator?.("", {
+                        type: RoomNameType.Generated,
+                        subtype: "Inviting",
+                        names: ["Alice", "Bob"],
+                        count: 4,
+                    });
+                    expect(roomName).toBe("Inviting Alice and 3 others");
+                });
+            });
+        });
+    });
+});
diff --git a/apps/web/src/utils/createMatrixClient.ts b/apps/web/src/utils/createMatrixClient.ts
new file mode 100644
index 00000000000..37097a36f06
--- /dev/null
+++ b/apps/web/src/utils/createMatrixClient.ts
@@ -0,0 +1,212 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2017-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 {
+    type MatrixClient,
+    createClient,
+    type ICreateClientOpts,
+    MemoryCryptoStore,
+    MemoryStore,
+    IndexedDBCryptoStore,
+    IndexedDBStore,
+    LocalStorageCryptoStore,
+    RoomNameType,
+    type RoomNameState,
+    EventTimelineSet,
+    EventTimeline,
+    type OAuth2,
+    TokenRefresher,
+} from "matrix-js-sdk/src/matrix";
+import { VerificationMethod } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import indexeddbWorkerFactory from "../workers/indexeddbWorkerFactory";
+import SettingsStore from "../settings/SettingsStore";
+import { crossSigningCallbacks } from "../SecurityManager";
+import IdentityAuthClient from "../IdentityAuthClient";
+import { _t } from "../languageHandler";
+import { formatList } from "./FormattingUtils";
+import { persistTokens } from "./tokens/tokens.ts";
+
+const localStorage = window.localStorage;
+
+// just *accessing* indexedDB throws an exception in firefox with
+// indexeddb disabled.
+let indexedDB: IDBFactory;
+try {
+    indexedDB = window.indexedDB;
+} catch {}
+
+/**
+ * Credentials used to create a MatrixClient with `createClientWithCreds`.
+ */
+export interface IMatrixClientCreds {
+    homeserverUrl: string;
+    identityServerUrl?: string;
+    userId: string;
+    deviceId?: string;
+    accessToken: string;
+    refreshToken?: string;
+    guest?: boolean;
+    pickleKey?: string;
+    freshLogin?: boolean;
+}
+
+function namesToRoomName(names: string[], count: number): string | undefined {
+    const countWithoutMe = count - 1;
+    if (!names.length) {
+        return _t("empty_room");
+    }
+    if (names.length === 1 && countWithoutMe <= 1) {
+        return names[0];
+    }
+}
+
+function memberNamesToRoomName(names: string[], count: number): string {
+    const name = namesToRoomName(names, count);
+    if (name) return name;
+
+    if (names.length === 2 && count === 2) {
+        return formatList(names);
+    }
+    return formatList(names, 1);
+}
+
+function inviteeNamesToRoomName(names: string[], count: number): string {
+    const name = namesToRoomName(names, count);
+    if (name) return name;
+
+    if (names.length === 2 && count === 2) {
+        return _t("inviting_user1_and_user2", {
+            user1: names[0],
+            user2: names[1],
+        });
+    }
+    return _t("inviting_user_and_n_others", {
+        user: names[0],
+        count: count - 1,
+    });
+}
+
+function roomNameGenerator(_: string, state: RoomNameState): string | null {
+    switch (state.type) {
+        case RoomNameType.Generated:
+            switch (state.subtype) {
+                case "Inviting":
+                    return inviteeNamesToRoomName(state.names, state.count);
+                default:
+                    return memberNamesToRoomName(state.names, state.count);
+            }
+        case RoomNameType.EmptyRoom:
+            if (state.oldName) {
+                return _t("empty_room_was_name", {
+                    oldName: state.oldName,
+                });
+            } else {
+                return _t("empty_room");
+            }
+        default:
+            return null;
+    }
+}
+
+/**
+ * Create a new matrix client from credentials with all the options needed.
+ *
+ * @param creds The credentials to create the client with
+ * @param oauth The OAuth2 instance for OAuth2-native sessions
+ *
+ * @returns {MatrixClient} the newly-created MatrixClient
+ */
+export function createClientWithCreds(creds: IMatrixClientCreds, oauth?: OAuth2): MatrixClient {
+    let tokenRefreshFunction: ICreateClientOpts["tokenRefreshFunction"];
+    if (creds.refreshToken && oauth) {
+        const tokenRefresher = new TokenRefresher(oauth, persistTokens.bind(null, creds.pickleKey));
+        tokenRefreshFunction = tokenRefresher?.tokenRefreshFunction;
+    } else {
+        logger.debug("No refresh token was supplied: access token will not be refreshed");
+    }
+
+    const opts: ICreateClientOpts = {
+        baseUrl: creds.homeserverUrl,
+        idBaseUrl: creds.identityServerUrl,
+        accessToken: creds.accessToken,
+        refreshToken: creds.refreshToken,
+        tokenRefreshFunction,
+        userId: creds.userId,
+        deviceId: creds.deviceId,
+        pickleKey: creds.pickleKey,
+        timelineSupport: true,
+        forceTURN: !SettingsStore.getValue("webRtcAllowPeerToPeer"),
+        fallbackICEServerAllowed: !!SettingsStore.getValue("fallbackICEServerAllowed"),
+        // Gather up to 20 ICE candidates when a call arrives: this should be more than we'd
+        // ever normally need, so effectively this should make all the gathering happen when
+        // the call arrives.
+        iceCandidatePoolSize: 20,
+        verificationMethods: [VerificationMethod.Sas, VerificationMethod.ShowQrCode, VerificationMethod.Reciprocate],
+        identityServer: new IdentityAuthClient(),
+        // These are always installed regardless of the labs flag so that cross-signing features
+        // can toggle on without reloading and also be accessed immediately after login.
+        cryptoCallbacks: { ...crossSigningCallbacks },
+        enableEncryptedStateEvents: SettingsStore.getValue("feature_msc4362_encrypted_state_events"),
+        unstableMSC1763Retention: SettingsStore.getValue("feature_retention"),
+        roomNameGenerator,
+    };
+
+    const newCli = createMatrixClient(opts);
+    newCli.setGuest(Boolean(creds.guest));
+
+    const notifTimelineSet = new EventTimelineSet(undefined, {
+        timelineSupport: true,
+        pendingEvents: false,
+    });
+    // XXX: what is our initial pagination token?! it somehow needs to be synchronised with /sync.
+    notifTimelineSet.getLiveTimeline().setPaginationToken("", EventTimeline.BACKWARDS);
+    newCli.setNotifTimelineSet(notifTimelineSet);
+
+    return newCli;
+}
+
+/**
+ * Create a new matrix client, with the persistent stores set up appropriately
+ * (using localstorage/indexeddb, etc)
+ *
+ * @param {Object} opts  options to pass to Matrix.createClient. This will be
+ *    extended with `sessionStore` and `store` members.
+ *
+ * @returns {MatrixClient} the newly-created MatrixClient
+ */
+export function createMatrixClient(opts: ICreateClientOpts): MatrixClient {
+    const storeOpts: Partial<ICreateClientOpts> = {
+        useAuthorizationHeader: true,
+    };
+
+    if (indexedDB && localStorage) {
+        storeOpts.store = new IndexedDBStore({
+            indexedDB: indexedDB,
+            dbName: "riot-web-sync",
+            localStorage,
+            workerFactory: indexeddbWorkerFactory,
+        });
+    } else if (localStorage) {
+        storeOpts.store = new MemoryStore({ localStorage });
+    }
+
+    if (indexedDB) {
+        storeOpts.cryptoStore = new IndexedDBCryptoStore(indexedDB, "matrix-js-sdk:crypto");
+    } else if (localStorage) {
+        storeOpts.cryptoStore = new LocalStorageCryptoStore(localStorage);
+    } else {
+        storeOpts.cryptoStore = new MemoryCryptoStore();
+    }
+
+    return createClient({
+        ...storeOpts,
+        ...opts,
+    });
+}
diff --git a/apps/web/src/utils/createVoiceMessageContent.test.ts b/apps/web/src/utils/createVoiceMessageContent.test.ts
new file mode 100644
index 00000000000..b70a48bf8bd
--- /dev/null
+++ b/apps/web/src/utils/createVoiceMessageContent.test.ts
@@ -0,0 +1,27 @@
+/*
+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 { describe, it, expect } from "vitest";
+import { type EncryptedFile } from "matrix-js-sdk/src/types";
+
+import { createVoiceMessageContent } from "./createVoiceMessageContent";
+
+describe("createVoiceMessageContent", () => {
+    it("should create a voice message content", () => {
+        expect(
+            createVoiceMessageContent(
+                "mxc://example.com/file",
+                "ogg/opus",
+                23000,
+                42000,
+                {} as unknown as EncryptedFile,
+                [1, 2, 3],
+            ),
+        ).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/src/utils/createVoiceMessageContent.ts b/apps/web/src/utils/createVoiceMessageContent.ts
new file mode 100644
index 00000000000..4d7aa761bb8
--- /dev/null
+++ b/apps/web/src/utils/createVoiceMessageContent.ts
@@ -0,0 +1,57 @@
+/*
+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 { MsgType } from "matrix-js-sdk/src/matrix";
+import { type EncryptedFile, type RoomMessageEventContent } from "matrix-js-sdk/src/types";
+
+/**
+ * @param {string} mxc MXC URL of the file
+ * @param {string} mimetype
+ * @param {number} duration Duration in milliseconds
+ * @param {number} size
+ * @param {number[]} [waveform]
+ * @param {EncryptedFile} [file] Encrypted file
+ */
+export const createVoiceMessageContent = (
+    mxc: string | undefined,
+    mimetype: string,
+    duration: number,
+    size: number,
+    file?: EncryptedFile,
+    waveform?: number[],
+): RoomMessageEventContent => {
+    return {
+        "body": "Voice message",
+        //"msgtype": "org.matrix.msc2516.voice",
+        "msgtype": MsgType.Audio,
+        "url": mxc,
+        "file": file,
+        "info": {
+            duration,
+            mimetype,
+            size,
+        },
+
+        // MSC1767 + Ideals of MSC2516 as MSC3245
+        // https://github.com/matrix-org/matrix-doc/pull/3245
+        "org.matrix.msc1767.text": "Voice message",
+        "org.matrix.msc1767.file": {
+            url: mxc,
+            file,
+            name: "Voice message.ogg",
+            mimetype,
+            size,
+        },
+        "org.matrix.msc1767.audio": {
+            duration,
+            // https://github.com/matrix-org/matrix-doc/pull/3246
+            waveform,
+        },
+        "org.matrix.msc3245.voice": {}, // No content, this is a rendering hint
+    };
+};
diff --git a/apps/web/src/utils/crypto/deviceInfo.test.ts b/apps/web/src/utils/crypto/deviceInfo.test.ts
new file mode 100644
index 00000000000..6d81add5b12
--- /dev/null
+++ b/apps/web/src/utils/crypto/deviceInfo.test.ts
@@ -0,0 +1,74 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, type Mocked } from "vitest";
+import { type Device, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { getMockClientWithEventEmitter, mockClientMethodsCrypto } from "test-utils";
+
+import { getDeviceCryptoInfo, getUserDeviceIds } from "./deviceInfo";
+
+describe("getDeviceCryptoInfo()", () => {
+    let mockClient: Mocked<MatrixClient>;
+
+    beforeEach(() => {
+        mockClient = getMockClientWithEventEmitter({ ...mockClientMethodsCrypto() });
+    });
+
+    it("should return undefined on clients with no crypto", async () => {
+        vi.spyOn(mockClient, "getCrypto").mockReturnValue(undefined);
+        await expect(getDeviceCryptoInfo(mockClient, "@user:id", "device_id")).resolves.toBeUndefined();
+    });
+
+    it("should return undefined for unknown users", async () => {
+        vi.mocked(mockClient.getCrypto()!.getUserDeviceInfo).mockResolvedValue(new Map());
+        await expect(getDeviceCryptoInfo(mockClient, "@user:id", "device_id")).resolves.toBeUndefined();
+    });
+
+    it("should return undefined for unknown devices", async () => {
+        vi.mocked(mockClient.getCrypto()!.getUserDeviceInfo).mockResolvedValue(new Map([["@user:id", new Map()]]));
+        await expect(getDeviceCryptoInfo(mockClient, "@user:id", "device_id")).resolves.toBeUndefined();
+    });
+
+    it("should return the right result for known devices", async () => {
+        const mockDevice = { deviceId: "device_id" } as Device;
+        vi.mocked(mockClient.getCrypto()!.getUserDeviceInfo).mockResolvedValue(
+            new Map([["@user:id", new Map([["device_id", mockDevice]])]]),
+        );
+        await expect(getDeviceCryptoInfo(mockClient, "@user:id", "device_id")).resolves.toBe(mockDevice);
+        expect(mockClient.getCrypto()!.getUserDeviceInfo).toHaveBeenCalledWith(["@user:id"], undefined);
+    });
+});
+
+describe("getUserDeviceIds", () => {
+    let mockClient: Mocked<MatrixClient>;
+
+    beforeEach(() => {
+        mockClient = getMockClientWithEventEmitter({ ...mockClientMethodsCrypto() });
+    });
+
+    it("should return empty set on clients with no crypto", async () => {
+        vi.spyOn(mockClient, "getCrypto").mockReturnValue(undefined);
+        await expect(getUserDeviceIds(mockClient, "@user:id")).resolves.toEqual(new Set());
+    });
+
+    it("should return empty set for unknown users", async () => {
+        vi.mocked(mockClient.getCrypto()!.getUserDeviceInfo).mockResolvedValue(new Map());
+        await expect(getUserDeviceIds(mockClient, "@user:id")).resolves.toEqual(new Set());
+    });
+
+    it("should return the right result for known users", async () => {
+        const mockDevice = { deviceId: "device_id" } as Device;
+        vi.mocked(mockClient.getCrypto()!.getUserDeviceInfo).mockResolvedValue(
+            new Map([["@user:id", new Map([["device_id", mockDevice]])]]),
+        );
+        await expect(getUserDeviceIds(mockClient, "@user:id")).resolves.toEqual(new Set(["device_id"]));
+        expect(mockClient.getCrypto()!.getUserDeviceInfo).toHaveBeenCalledWith(["@user:id"]);
+    });
+});
diff --git a/apps/web/src/utils/crypto/deviceInfo.ts b/apps/web/src/utils/crypto/deviceInfo.ts
new file mode 100644
index 00000000000..f758e853ead
--- /dev/null
+++ b/apps/web/src/utils/crypto/deviceInfo.ts
@@ -0,0 +1,59 @@
+/*
+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 Device, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+/**
+ * Get crypto information on a specific device.
+ *
+ * Only devices with Crypto support are returned. If the MatrixClient doesn't support cryptography, `undefined` is
+ * returned.
+ *
+ * @param client  - Matrix Client.
+ * @param userId  - ID of the user owning the device.
+ * @param deviceId - ID of the device.
+ * @param downloadUncached - If true, download the device list for users whose device list we are not
+ *    currently tracking. Defaults to false.
+ *
+ * @returns Information on the device if it is known.
+ */
+export async function getDeviceCryptoInfo(
+    client: MatrixClient,
+    userId: string,
+    deviceId: string,
+    downloadUncached?: boolean,
+): Promise<Device | undefined> {
+    const crypto = client.getCrypto();
+    if (!crypto) {
+        // no crypto support, no device.
+        return undefined;
+    }
+
+    const deviceMap = await crypto.getUserDeviceInfo([userId], downloadUncached);
+    return deviceMap.get(userId)?.get(deviceId);
+}
+
+/**
+ * Get the IDs of the given user's devices.
+ *
+ * Only devices with Crypto support are returned. If the MatrixClient doesn't support cryptography, an empty Set is
+ * returned.
+ *
+ * @param client  - Matrix Client.
+ * @param userId  - ID of the user to query.
+ */
+
+export async function getUserDeviceIds(client: MatrixClient, userId: string): Promise<Set<string>> {
+    const crypto = client.getCrypto();
+    if (!crypto) {
+        return new Set();
+    }
+
+    const deviceMap = await crypto.getUserDeviceInfo([userId]);
+    return new Set(deviceMap.get(userId)?.keys() ?? []);
+}
diff --git a/apps/web/src/utils/crypto/index.ts b/apps/web/src/utils/crypto/index.ts
new file mode 100644
index 00000000000..d72702f8bd0
--- /dev/null
+++ b/apps/web/src/utils/crypto/index.ts
@@ -0,0 +1,11 @@
+/*
+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.
+*/
+
+/** The `algorithm` property used in `m.room.encrypted` state events for encrypted rooms.
+ */
+export const MEGOLM_ENCRYPTION_ALGORITHM = "m.megolm.v1.aes-sha2";
diff --git a/apps/web/src/utils/crypto/resetKeyBackup.ts b/apps/web/src/utils/crypto/resetKeyBackup.ts
new file mode 100644
index 00000000000..024f8804bf2
--- /dev/null
+++ b/apps/web/src/utils/crypto/resetKeyBackup.ts
@@ -0,0 +1,20 @@
+/*
+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 CryptoApi } from "matrix-js-sdk/src/crypto-api";
+
+/**
+ * Creates a new key backup version, and wait until it is enabled.
+ *
+ * This is typically used within a {@link DeviceListener.pause()} call, to
+ * ensure that the device listener doesn't check the backup status until after the
+ * key backup is active.
+ */
+export async function resetKeyBackupAndWait(crypto: CryptoApi): Promise<void> {
+    await crypto.resetKeyBackup();
+    await crypto.checkKeyBackupAndEnable();
+}
diff --git a/apps/web/src/utils/crypto/shouldForceDisableEncryption.test.ts b/apps/web/src/utils/crypto/shouldForceDisableEncryption.test.ts
new file mode 100644
index 00000000000..dd173bce510
--- /dev/null
+++ b/apps/web/src/utils/crypto/shouldForceDisableEncryption.test.ts
@@ -0,0 +1,64 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { getMockClientWithEventEmitter } from "test-utils";
+
+import { shouldForceDisableEncryption } from "./shouldForceDisableEncryption";
+
+describe("shouldForceDisableEncryption()", () => {
+    const mockClient = getMockClientWithEventEmitter({
+        getClientWellKnown: vi.fn(),
+    });
+
+    beforeEach(() => {
+        mockClient.getClientWellKnown.mockReturnValue(undefined);
+    });
+
+    it("should return false when there is no e2ee well known", () => {
+        expect(shouldForceDisableEncryption(mockClient)).toEqual(false);
+    });
+
+    it("should return false when there is no force_disable property", () => {
+        mockClient.getClientWellKnown.mockReturnValue({
+            "io.element.e2ee": {
+                // empty
+            },
+        });
+        expect(shouldForceDisableEncryption(mockClient)).toEqual(false);
+    });
+
+    it("should return false when force_disable property is falsy", () => {
+        mockClient.getClientWellKnown.mockReturnValue({
+            "io.element.e2ee": {
+                force_disable: false,
+            },
+        });
+        expect(shouldForceDisableEncryption(mockClient)).toEqual(false);
+    });
+
+    it("should return false when force_disable property is not equal to true", () => {
+        mockClient.getClientWellKnown.mockReturnValue({
+            "io.element.e2ee": {
+                force_disable: 1,
+            },
+        });
+        expect(shouldForceDisableEncryption(mockClient)).toEqual(false);
+    });
+
+    it("should return true when force_disable property is true", () => {
+        mockClient.getClientWellKnown.mockReturnValue({
+            "io.element.e2ee": {
+                force_disable: true,
+            },
+        });
+        expect(shouldForceDisableEncryption(mockClient)).toEqual(true);
+    });
+});
diff --git a/apps/web/src/utils/crypto/shouldForceDisableEncryption.ts b/apps/web/src/utils/crypto/shouldForceDisableEncryption.ts
new file mode 100644
index 00000000000..04a2fe58185
--- /dev/null
+++ b/apps/web/src/utils/crypto/shouldForceDisableEncryption.ts
@@ -0,0 +1,31 @@
+/*
+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 MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { getE2EEWellKnown } from "../WellKnownUtils";
+
+/**
+ * Check e2ee io.element.e2ee setting
+ * Returns true when .well-known e2ee config force_disable is TRUE
+ * When true all new rooms should be created with encryption disabled
+ * Can be overriden by synapse option encryption_enabled_by_default_for_room_type ( :/ )
+ * https://matrix-org.github.io/synapse/latest/usage/configuration/config_documentation.html#encryption_enabled_by_default_for_room_type
+ *
+ * @param client
+ * @returns whether well-known config forces encryption to DISABLED
+ */
+export function shouldForceDisableEncryption(client: MatrixClient): boolean {
+    const e2eeWellKnown = getE2EEWellKnown(client);
+
+    if (e2eeWellKnown) {
+        const shouldForceDisable = e2eeWellKnown["force_disable"] === true;
+        return shouldForceDisable;
+    }
+    return false;
+}
diff --git a/apps/web/src/utils/crypto/shouldSkipSetupEncryption.ts b/apps/web/src/utils/crypto/shouldSkipSetupEncryption.ts
new file mode 100644
index 00000000000..8b235c5e3e0
--- /dev/null
+++ b/apps/web/src/utils/crypto/shouldSkipSetupEncryption.ts
@@ -0,0 +1,29 @@
+/*
+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 MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { shouldForceDisableEncryption } from "./shouldForceDisableEncryption";
+import { asyncSomeParallel } from "../arrays.ts";
+
+/**
+ * If encryption is force disabled AND the user is not in any encrypted rooms
+ * skip setting up encryption
+ * @param client
+ * @returns {boolean} true when we can skip settings up encryption
+ */
+export const shouldSkipSetupEncryption = async (client: MatrixClient): Promise<boolean> => {
+    const isEncryptionForceDisabled = shouldForceDisableEncryption(client);
+    const crypto = client.getCrypto();
+    if (!crypto) return true;
+
+    return (
+        isEncryptionForceDisabled &&
+        !(await asyncSomeParallel(client.getRooms(), ({ roomId }) => crypto.isEncryptionEnabledInRoom(roomId)))
+    );
+};
diff --git a/apps/web/src/utils/device/clientInformation.test.ts b/apps/web/src/utils/device/clientInformation.test.ts
new file mode 100644
index 00000000000..2f029f8e6be
--- /dev/null
+++ b/apps/web/src/utils/device/clientInformation.test.ts
@@ -0,0 +1,124 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterAll, beforeEach } from "vitest";
+import { MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { getMockClientWithEventEmitter } from "test-utils";
+
+import type BasePlatform from "../../BasePlatform";
+import { type IConfigOptions } from "../../IConfigOptions";
+import { getDeviceClientInformation, recordClientInformation } from "./clientInformation";
+import { DEFAULTS } from "../../SdkConfig";
+import { type DeepReadonly } from "../../@types/common";
+
+describe("recordClientInformation()", () => {
+    const deviceId = "my-device-id";
+    const version = "1.2.3";
+    const isElectron = window.electron;
+
+    const mockClient = getMockClientWithEventEmitter({
+        getDeviceId: vi.fn().mockReturnValue(deviceId),
+        setAccountData: vi.fn(),
+    });
+
+    const sdkConfig: DeepReadonly<IConfigOptions> = {
+        ...DEFAULTS,
+        brand: "Test Brand",
+        element_call: { brand: "Element Call" },
+    };
+
+    const platform = {
+        getAppVersion: vi.fn().mockResolvedValue(version),
+    } as unknown as BasePlatform;
+
+    beforeEach(() => {
+        vi.clearAllMocks();
+        window.electron = undefined;
+    });
+
+    afterAll(() => {
+        // restore global
+        window.electron = isElectron;
+    });
+
+    it("saves client information without url for electron clients", async () => {
+        window.electron = {} as Electron;
+
+        await recordClientInformation(mockClient, sdkConfig, platform);
+
+        expect(mockClient.setAccountData).toHaveBeenCalledWith(`io.element.matrix_client_information.${deviceId}`, {
+            name: sdkConfig.brand,
+            version,
+            url: undefined,
+        });
+    });
+
+    it("saves client information with url for non-electron clients", async () => {
+        await recordClientInformation(mockClient, sdkConfig, platform);
+
+        expect(mockClient.setAccountData).toHaveBeenCalledWith(`io.element.matrix_client_information.${deviceId}`, {
+            name: sdkConfig.brand,
+            version,
+            url: "localhost",
+        });
+    });
+});
+
+describe("getDeviceClientInformation()", () => {
+    const deviceId = "my-device-id";
+
+    const mockClient = getMockClientWithEventEmitter({
+        getAccountData: vi.fn(),
+    });
+
+    beforeEach(() => {
+        vi.resetAllMocks();
+    });
+
+    it("returns an empty object when no event exists for the device", () => {
+        expect(getDeviceClientInformation(mockClient, deviceId)).toEqual({});
+
+        expect(mockClient.getAccountData).toHaveBeenCalledWith(`io.element.matrix_client_information.${deviceId}`);
+    });
+
+    it("returns client information for the device", () => {
+        const eventContent = {
+            name: "Element Web",
+            version: "1.2.3",
+            url: "test.com",
+        };
+        const event = new MatrixEvent({
+            type: `io.element.matrix_client_information.${deviceId}`,
+            content: eventContent,
+        });
+        mockClient.getAccountData.mockReturnValue(event);
+        expect(getDeviceClientInformation(mockClient, deviceId)).toEqual(eventContent);
+    });
+
+    it("excludes values with incorrect types", () => {
+        const eventContent = {
+            extraField: "hello",
+            name: "Element Web",
+            // wrong format
+            version: { value: "1.2.3" },
+            url: "test.com",
+        };
+        const event = new MatrixEvent({
+            type: `io.element.matrix_client_information.${deviceId}`,
+            content: eventContent,
+        });
+        mockClient.getAccountData.mockReturnValue(event);
+        // invalid fields excluded
+        expect(getDeviceClientInformation(mockClient, deviceId)).toEqual({
+            name: eventContent.name,
+            url: eventContent.url,
+        });
+    });
+});
diff --git a/apps/web/src/utils/device/clientInformation.ts b/apps/web/src/utils/device/clientInformation.ts
new file mode 100644
index 00000000000..3c2fb544bdb
--- /dev/null
+++ b/apps/web/src/utils/device/clientInformation.ts
@@ -0,0 +1,107 @@
+/*
+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 { type AccountDataEvents, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import type BasePlatform from "../../BasePlatform";
+import { type IConfigOptions } from "../../IConfigOptions";
+import { type DeepReadonly } from "../../@types/common";
+import { type DeviceClientInformation } from "./types";
+
+export type { DeviceClientInformation };
+
+const formatUrl = (): string | undefined => {
+    // don't record url for electron clients
+    if (window.electron) {
+        return undefined;
+    }
+
+    // strip query-string and fragment from uri
+    const url = new URL(window.location.href);
+
+    return [
+        url.host,
+        url.pathname.replace(/\/$/, ""), // Remove trailing slash if present
+    ].join("");
+};
+
+const clientInformationEventPrefix = "io.element.matrix_client_information.";
+export const getClientInformationEventType = (deviceId: string): `${typeof clientInformationEventPrefix}${string}` =>
+    `${clientInformationEventPrefix}${deviceId}`;
+
+/**
+ * Record extra client information for the current device
+ * https://github.com/vector-im/element-meta/blob/develop/spec/matrix_client_information.md
+ */
+export const recordClientInformation = async (
+    matrixClient: MatrixClient,
+    sdkConfig: DeepReadonly<IConfigOptions>,
+    platform?: BasePlatform,
+): Promise<void> => {
+    const deviceId = matrixClient.getDeviceId()!;
+    const { brand } = sdkConfig;
+    const version = await platform?.getAppVersion();
+    const type = getClientInformationEventType(deviceId);
+    const url = formatUrl();
+
+    await matrixClient.setAccountData(type, {
+        name: brand,
+        version,
+        url,
+    });
+};
+
+/**
+ * Remove client information events for devices that no longer exist
+ * @param validDeviceIds - ids of current devices,
+ *                      client information for devices NOT in this list will be removed
+ */
+export const pruneClientInformation = (validDeviceIds: string[], matrixClient: MatrixClient): void => {
+    Array.from(matrixClient.store.accountData.values()).forEach((event) => {
+        if (!event.getType().startsWith(clientInformationEventPrefix)) {
+            return;
+        }
+        const [, deviceId] = event.getType().split(clientInformationEventPrefix);
+        if (deviceId && !validDeviceIds.includes(deviceId)) {
+            matrixClient.deleteAccountData(event.getType() as keyof AccountDataEvents);
+        }
+    });
+};
+
+/**
+ * Remove extra client information for current device
+ */
+export const removeClientInformation = async (matrixClient: MatrixClient): Promise<void> => {
+    const deviceId = matrixClient.getDeviceId()!;
+    const type = getClientInformationEventType(deviceId);
+    const clientInformation = getDeviceClientInformation(matrixClient, deviceId);
+
+    // if a non-empty client info event exists, remove it
+    if (clientInformation.name || clientInformation.version || clientInformation.url) {
+        await matrixClient.deleteAccountData(type);
+    }
+};
+
+const sanitizeContentString = (value: unknown): string | undefined =>
+    value && typeof value === "string" ? value : undefined;
+
+export const getDeviceClientInformation = (matrixClient: MatrixClient, deviceId: string): DeviceClientInformation => {
+    const event = matrixClient.getAccountData(getClientInformationEventType(deviceId));
+
+    if (!event) {
+        return {};
+    }
+
+    const { name, version, url } = event.getContent();
+
+    return {
+        name: sanitizeContentString(name),
+        version: sanitizeContentString(version),
+        url: sanitizeContentString(url),
+    };
+};
diff --git a/apps/web/src/utils/device/dehydration.ts b/apps/web/src/utils/device/dehydration.ts
new file mode 100644
index 00000000000..5dbec297396
--- /dev/null
+++ b/apps/web/src/utils/device/dehydration.ts
@@ -0,0 +1,30 @@
+/*
+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.
+*/
+
+import { logger } from "matrix-js-sdk/src/logger";
+import { type StartDehydrationOpts } from "matrix-js-sdk/src/crypto-api";
+
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+
+/**
+ * If dehydration is supported by the server, rehydrate a device (if available) and create
+ * a new dehydrated device.
+ *
+ * @param client - MatrixClient to use for the operation
+ * @param opts - options for the startDehydration operation, if one is performed.
+ */
+export async function initialiseDehydrationIfEnabled(
+    client: MatrixClient,
+    opts: StartDehydrationOpts = {},
+): Promise<void> {
+    const crypto = client.getCrypto();
+    if (crypto && (await crypto.isDehydrationSupported())) {
+        logger.debug("Starting device dehydration");
+        await crypto.startDehydration(opts);
+    }
+}
diff --git a/apps/web/src/utils/device/isDeviceVerified.ts b/apps/web/src/utils/device/isDeviceVerified.ts
new file mode 100644
index 00000000000..6eb69709d8f
--- /dev/null
+++ b/apps/web/src/utils/device/isDeviceVerified.ts
@@ -0,0 +1,27 @@
+/*
+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 MatrixClient } from "matrix-js-sdk/src/matrix";
+
+/**
+ * Check if one of our own devices is verified via cross signing
+ *
+ * @param client - reference to the MatrixClient
+ * @param deviceId - ID of the device to be checked
+ *
+ * @returns `null` if the device is unknown or has not published encryption keys; otherwise a boolean
+ *    indicating whether the device has been cross-signed by a cross-signing key we trust.
+ */
+export const isDeviceVerified = async (client: MatrixClient, deviceId: string): Promise<boolean | null> => {
+    const trustLevel = await client.getCrypto()?.getDeviceVerificationStatus(client.getSafeUserId(), deviceId);
+    if (!trustLevel) {
+        // either no crypto, or an unknown/no-e2e device
+        return null;
+    }
+    return trustLevel.crossSigningVerified;
+};
diff --git a/apps/web/src/utils/device/parseUserAgent.test.ts b/apps/web/src/utils/device/parseUserAgent.test.ts
new file mode 100644
index 00000000000..6799e1c02f8
--- /dev/null
+++ b/apps/web/src/utils/device/parseUserAgent.test.ts
@@ -0,0 +1,135 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import { DeviceType, type ExtendedDeviceInformation, parseUserAgent } from "./parseUserAgent";
+
+const makeDeviceExtendedInfo = (
+    deviceType: DeviceType,
+    deviceModel?: string,
+    deviceOperatingSystem?: string,
+    clientName?: string,
+    clientVersion?: string,
+): ExtendedDeviceInformation => ({
+    deviceType,
+    deviceModel,
+    deviceOperatingSystem,
+    client: clientName && [clientName, clientVersion].filter(Boolean).join(" "),
+});
+
+const ANDROID_UA = [
+    // New User Agent Implementation
+    "Element dbg/1.5.0-dev (Xiaomi Mi 9T; Android 11; RKQ1.200826.002 test-keys; Flavour GooglePlay; MatrixAndroidSdk2 1.5.2)",
+    "Element/1.5.0 (Samsung SM-G960F; Android 6.0.1; RKQ1.200826.002; Flavour FDroid; MatrixAndroidSdk2 1.5.2)",
+    "Element/1.5.0 (Google Nexus 5; Android 7.0; RKQ1.200826.002 test test; Flavour FDroid; MatrixAndroidSdk2 1.5.2)",
+    "Element/1.5.0 (Google (Nexus) 5; Android 7.0; RKQ1.200826.002 test test; Flavour FDroid; MatrixAndroidSdk2 1.5.2)",
+    "Element/1.5.0 (Google (Nexus) (5); Android 7.0; RKQ1.200826.002 test test; Flavour FDroid; MatrixAndroidSdk2 1.5.2)",
+    // Legacy User Agent Implementation
+    "Element/1.0.0 (Linux; U; Android 6.0.1; SM-A510F Build/MMB29; Flavour GPlay; MatrixAndroidSdk2 1.0)",
+    "Element/1.0.0 (Linux; Android 7.0; SM-G610M Build/NRD90M; Flavour GPlay; MatrixAndroidSdk2 1.0)",
+    "Mozilla/5.0 (Linux; Android 9; SM-G973U Build/PPR1.180610.011) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Mobile Safari/537.36",
+];
+
+const ANDROID_EXPECTED_RESULT = [
+    makeDeviceExtendedInfo(DeviceType.Mobile, "Xiaomi Mi 9T", "Android 11"),
+    makeDeviceExtendedInfo(DeviceType.Mobile, "Samsung SM-G960F", "Android 6.0.1"),
+    makeDeviceExtendedInfo(DeviceType.Mobile, "LG Nexus 5", "Android 7.0"),
+    makeDeviceExtendedInfo(DeviceType.Mobile, "Google (Nexus) 5", "Android 7.0"),
+    makeDeviceExtendedInfo(DeviceType.Mobile, "Google (Nexus) (5)", "Android 7.0"),
+    makeDeviceExtendedInfo(DeviceType.Mobile, "Samsung SM-A510F", "Android 6.0.1"),
+    makeDeviceExtendedInfo(DeviceType.Mobile, "Samsung SM-G610M", "Android 7.0"),
+    makeDeviceExtendedInfo(DeviceType.Mobile, "Samsung SM-G973U", "Android 9", "Chrome", "69.0.3497.100"),
+];
+
+const IOS_UA = [
+    "Element/1.8.21 (iPhone; iOS 15.2; Scale/3.00)",
+    "Element/1.8.21 (iPhone XS Max; iOS 15.2; Scale/3.00)",
+    "Element/1.8.21 (iPad Pro (11-inch); iOS 15.2; Scale/3.00)",
+    "Element/1.8.21 (iPad Pro (12.9-inch) (3rd generation); iOS 15.2; Scale/3.00)",
+    "Mozilla/5.0 (iPad; CPU OS 8_4_1 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12H321 Safari/600.1.4",
+    "Mozilla/5.0 (iPhone; CPU iPhone OS 8_4_1 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12H321 Safari/600.1.4",
+];
+const IOS_EXPECTED_RESULT = [
+    makeDeviceExtendedInfo(DeviceType.Mobile, "Apple iPhone", "iOS 15.2"),
+    makeDeviceExtendedInfo(DeviceType.Mobile, "Apple iPhone XS Max", "iOS 15.2"),
+    makeDeviceExtendedInfo(DeviceType.Mobile, "iPad Pro (11-inch)", "iOS 15.2"),
+    makeDeviceExtendedInfo(DeviceType.Mobile, "iPad Pro (12.9-inch) (3rd generation)", "iOS 15.2"),
+    makeDeviceExtendedInfo(DeviceType.Web, "Apple iPad", "iOS", "Mobile Safari", "8.0"),
+    makeDeviceExtendedInfo(DeviceType.Mobile, "Apple iPhone", "iOS 8.4.1", "Mobile Safari", "8.0"),
+];
+const DESKTOP_UA = [
+    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) ElementNightly/2022091301 Chrome/104.0.5112.102" +
+        " Electron/20.1.1 Safari/537.36",
+    "Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) ElementNightly/2022091301 Chrome/104.0.5112.102 Electron/20.1.1 Safari/537.36",
+];
+const DESKTOP_EXPECTED_RESULT = [
+    makeDeviceExtendedInfo(DeviceType.Desktop, "Apple Macintosh", "Mac OS", "Electron", "20.1.1"),
+    makeDeviceExtendedInfo(DeviceType.Desktop, undefined, "Windows", "Electron", "20.1.1"),
+];
+
+const WEB_UA = [
+    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.102 Safari/537.36",
+    "Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.102 Safari/537.36",
+    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:39.0) Gecko/20100101 Firefox/39.0",
+    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_2) AppleWebKit/600.3.18 (KHTML, like Gecko) Version/8.0.3 Safari/600.3.18",
+    "Mozilla/5.0 (Windows NT 6.0; rv:40.0) Gecko/20100101 Firefox/40.0",
+    "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.246",
+];
+
+const WEB_EXPECTED_RESULT = [
+    makeDeviceExtendedInfo(DeviceType.Web, "Apple Macintosh", "Mac OS", "Chrome", "104.0.5112.102"),
+    makeDeviceExtendedInfo(DeviceType.Web, undefined, "Windows", "Chrome", "104.0.5112.102"),
+    makeDeviceExtendedInfo(DeviceType.Web, "Apple Macintosh", "Mac OS", "Firefox", "39.0"),
+    makeDeviceExtendedInfo(DeviceType.Web, "Apple Macintosh", "Mac OS", "Safari", "8.0.3"),
+    makeDeviceExtendedInfo(DeviceType.Web, undefined, "Windows", "Firefox", "40.0"),
+    makeDeviceExtendedInfo(DeviceType.Web, undefined, "Windows", "Edge", "12.246"),
+];
+
+const MISC_UA = [
+    "AppleTV11,1/11.1",
+    "Curl Client/1.0",
+    "banana",
+    "",
+    // fluffy chat ios
+    "Dart/2.18 (dart:io)",
+];
+
+const MISC_EXPECTED_RESULT = [
+    makeDeviceExtendedInfo(DeviceType.Unknown, "Apple Apple TV", undefined, undefined, undefined),
+    makeDeviceExtendedInfo(DeviceType.Unknown, undefined, undefined, undefined, undefined),
+    makeDeviceExtendedInfo(DeviceType.Unknown, undefined, undefined, undefined, undefined),
+    makeDeviceExtendedInfo(DeviceType.Unknown, undefined, undefined, undefined, undefined),
+    makeDeviceExtendedInfo(DeviceType.Unknown, undefined, undefined, undefined, undefined),
+];
+
+describe("parseUserAgent()", () => {
+    it("returns deviceType unknown when user agent is falsy", () => {
+        expect(parseUserAgent(undefined)).toEqual({
+            deviceType: DeviceType.Unknown,
+        });
+    });
+
+    type TestCase = [string, ExtendedDeviceInformation];
+
+    const testPlatform = (platform: string, userAgents: string[], results: ExtendedDeviceInformation[]): void => {
+        const testCases: TestCase[] = userAgents.map((userAgent, index) => [userAgent, results[index]]);
+
+        describe(`on platform ${platform}`, () => {
+            it.each(testCases)("should parse the user agent correctly - %s", (userAgent, expectedResult) => {
+                expect(parseUserAgent(userAgent)).toEqual(expectedResult);
+            });
+        });
+    };
+
+    testPlatform("Android", ANDROID_UA, ANDROID_EXPECTED_RESULT);
+    testPlatform("iOS", IOS_UA, IOS_EXPECTED_RESULT);
+    testPlatform("Desktop", DESKTOP_UA, DESKTOP_EXPECTED_RESULT);
+    testPlatform("Web", WEB_UA, WEB_EXPECTED_RESULT);
+    testPlatform("Misc", MISC_UA, MISC_EXPECTED_RESULT);
+});
diff --git a/apps/web/src/utils/device/parseUserAgent.ts b/apps/web/src/utils/device/parseUserAgent.ts
new file mode 100644
index 00000000000..de21b2e0057
--- /dev/null
+++ b/apps/web/src/utils/device/parseUserAgent.ts
@@ -0,0 +1,111 @@
+/*
+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 UAParser from "ua-parser-js";
+
+export enum DeviceType {
+    Desktop = "Desktop",
+    Mobile = "Mobile",
+    Web = "Web",
+    Unknown = "Unknown",
+}
+export type ExtendedDeviceInformation = {
+    deviceType: DeviceType;
+    // eg Google Pixel 6
+    deviceModel?: string;
+    // eg Android 11
+    deviceOperatingSystem?: string;
+    // eg Firefox 1.1.0
+    client?: string;
+};
+
+// Element/1.8.21 (iPhone XS Max; iOS 15.2; Scale/3.00)
+const IOS_KEYWORD = "; iOS ";
+const BROWSER_KEYWORD = "Mozilla/";
+
+const getDeviceType = (
+    userAgent: string,
+    device: UAParser.IDevice,
+    browser: UAParser.IBrowser,
+    operatingSystem: UAParser.IOS,
+): DeviceType => {
+    if (device.type === "mobile" || operatingSystem.name?.includes("Android") || userAgent.indexOf(IOS_KEYWORD) > -1) {
+        return DeviceType.Mobile;
+    }
+    if (browser.name === "Electron") {
+        return DeviceType.Desktop;
+    }
+    if (!!browser.name) {
+        return DeviceType.Web;
+    }
+    return DeviceType.Unknown;
+};
+
+interface CustomValues {
+    customDeviceModel?: string;
+    customDeviceOS?: string;
+}
+/**
+ * Some mobile model and OS strings are not recognised
+ * by the UA parsing library
+ * check they exist by hand
+ */
+const checkForCustomValues = (userAgent: string): CustomValues => {
+    if (userAgent.includes(BROWSER_KEYWORD)) {
+        return {};
+    }
+
+    const mightHaveDevice = userAgent.includes("(");
+    if (!mightHaveDevice) {
+        return {};
+    }
+    const deviceInfoSegments = userAgent.substring(userAgent.indexOf("(") + 1).split("; ");
+    const customDeviceModel = deviceInfoSegments[0] || undefined;
+    const customDeviceOS = deviceInfoSegments[1] || undefined;
+    return { customDeviceModel, customDeviceOS };
+};
+
+const concatenateNameAndVersion = (name?: string, version?: string): string | undefined =>
+    name && [name, version].filter(Boolean).join(" ");
+
+export const parseUserAgent = (userAgent?: string): ExtendedDeviceInformation => {
+    if (!userAgent) {
+        return {
+            deviceType: DeviceType.Unknown,
+        };
+    }
+
+    const parser = new UAParser(userAgent);
+
+    const browser = parser.getBrowser();
+    const device = parser.getDevice();
+    const operatingSystem = parser.getOS();
+
+    const deviceType = getDeviceType(userAgent, device, browser, operatingSystem);
+
+    // OSX versions are frozen at 10.15.17 in UA strings https://chromestatus.com/feature/5452592194781184
+    // ignore OS version in browser based sessions
+    const shouldIgnoreOSVersion = deviceType === DeviceType.Web || deviceType === DeviceType.Desktop;
+    const deviceOperatingSystem = concatenateNameAndVersion(
+        operatingSystem.name,
+        shouldIgnoreOSVersion ? undefined : operatingSystem.version,
+    );
+    const deviceModel = concatenateNameAndVersion(device.vendor, device.model);
+    const client = concatenateNameAndVersion(browser.name, browser.version);
+
+    // only try to parse custom model and OS when device type is known
+    const { customDeviceModel, customDeviceOS } =
+        deviceType !== DeviceType.Unknown ? checkForCustomValues(userAgent) : ({} as CustomValues);
+
+    return {
+        deviceType,
+        deviceModel: deviceModel || customDeviceModel,
+        deviceOperatingSystem: deviceOperatingSystem || customDeviceOS,
+        client,
+    };
+};
diff --git a/apps/web/src/utils/device/snoozeBulkUnverifiedDeviceReminder.test.ts b/apps/web/src/utils/device/snoozeBulkUnverifiedDeviceReminder.test.ts
new file mode 100644
index 00000000000..1a6e8430eeb
--- /dev/null
+++ b/apps/web/src/utils/device/snoozeBulkUnverifiedDeviceReminder.test.ts
@@ -0,0 +1,97 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterAll, beforeEach } from "vitest";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import {
+    isBulkUnverifiedDeviceReminderSnoozed,
+    snoozeBulkUnverifiedDeviceReminder,
+} from "./snoozeBulkUnverifiedDeviceReminder";
+
+const SNOOZE_KEY = "mx_snooze_bulk_unverified_device_nag";
+
+describe("snooze bulk unverified device nag", () => {
+    const localStorageSetSpy = vi.spyOn(localStorage.__proto__, "setItem");
+    const localStorageGetSpy = vi.spyOn(localStorage.__proto__, "getItem");
+    const localStorageRemoveSpy = vi.spyOn(localStorage.__proto__, "removeItem");
+
+    // 14.03.2022 16:15
+    const now = 1647270879403;
+
+    beforeEach(() => {
+        localStorageSetSpy.mockClear().mockImplementation(() => {});
+        localStorageGetSpy.mockClear().mockReturnValue(null);
+        localStorageRemoveSpy.mockClear().mockImplementation(() => {});
+
+        vi.spyOn(Date, "now").mockReturnValue(now);
+    });
+
+    afterAll(() => {
+        vi.restoreAllMocks();
+    });
+
+    describe("snoozeBulkUnverifiedDeviceReminder()", () => {
+        it("sets the current time in local storage", () => {
+            snoozeBulkUnverifiedDeviceReminder();
+
+            expect(localStorageSetSpy).toHaveBeenCalledWith(SNOOZE_KEY, now.toString());
+        });
+
+        it("catches an error from localstorage", () => {
+            const loggerErrorSpy = vi.spyOn(logger, "error");
+            localStorageSetSpy.mockImplementation(() => {
+                throw new Error("oups");
+            });
+            snoozeBulkUnverifiedDeviceReminder();
+            expect(loggerErrorSpy).toHaveBeenCalled();
+        });
+    });
+
+    describe("isBulkUnverifiedDeviceReminderSnoozed()", () => {
+        it("returns false when there is no snooze in storage", () => {
+            const result = isBulkUnverifiedDeviceReminderSnoozed();
+            expect(localStorageGetSpy).toHaveBeenCalledWith(SNOOZE_KEY);
+            expect(result).toBe(false);
+        });
+
+        it("catches an error from localstorage and returns false", () => {
+            const loggerErrorSpy = vi.spyOn(logger, "error");
+            localStorageGetSpy.mockImplementation(() => {
+                throw new Error("oups");
+            });
+            const result = isBulkUnverifiedDeviceReminderSnoozed();
+            expect(result).toBe(false);
+            expect(loggerErrorSpy).toHaveBeenCalled();
+        });
+
+        it("returns false when snooze timestamp in storage is not a number", () => {
+            localStorageGetSpy.mockReturnValue("test");
+            const result = isBulkUnverifiedDeviceReminderSnoozed();
+            expect(result).toBe(false);
+        });
+
+        it("returns false when snooze timestamp in storage is over a week ago", () => {
+            const msDay = 1000 * 60 * 60 * 24;
+            // snoozed 8 days ago
+            localStorageGetSpy.mockReturnValue(now - msDay * 8);
+            const result = isBulkUnverifiedDeviceReminderSnoozed();
+            expect(result).toBe(false);
+        });
+
+        it("returns true when snooze timestamp in storage is less than a week ago", () => {
+            const msDay = 1000 * 60 * 60 * 24;
+            // snoozed 8 days ago
+            localStorageGetSpy.mockReturnValue(now - msDay * 6);
+            const result = isBulkUnverifiedDeviceReminderSnoozed();
+            expect(result).toBe(true);
+        });
+    });
+});
diff --git a/apps/web/src/utils/device/snoozeBulkUnverifiedDeviceReminder.ts b/apps/web/src/utils/device/snoozeBulkUnverifiedDeviceReminder.ts
new file mode 100644
index 00000000000..e4c8b649a02
--- /dev/null
+++ b/apps/web/src/utils/device/snoozeBulkUnverifiedDeviceReminder.ts
@@ -0,0 +1,32 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+
+const SNOOZE_KEY = "mx_snooze_bulk_unverified_device_nag";
+// one week
+const snoozePeriod = 1000 * 60 * 60 * 24 * 7;
+export const snoozeBulkUnverifiedDeviceReminder = (): void => {
+    try {
+        localStorage.setItem(SNOOZE_KEY, String(Date.now()));
+    } catch (error) {
+        logger.error("Failed to persist bulk unverified device nag snooze", error);
+    }
+};
+
+export const isBulkUnverifiedDeviceReminderSnoozed = (): boolean => {
+    try {
+        const snoozedTimestamp = localStorage.getItem(SNOOZE_KEY);
+
+        const parsedTimestamp = Number.parseInt(snoozedTimestamp || "", 10);
+
+        return Number.isInteger(parsedTimestamp) && parsedTimestamp + snoozePeriod > Date.now();
+    } catch {
+        return false;
+    }
+};
diff --git a/apps/web/src/utils/device/types.ts b/apps/web/src/utils/device/types.ts
new file mode 100644
index 00000000000..e79b0ea2044
--- /dev/null
+++ b/apps/web/src/utils/device/types.ts
@@ -0,0 +1,13 @@
+/*
+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.
+*/
+
+export type DeviceClientInformation = {
+    name?: string;
+    version?: string;
+    url?: string;
+};
diff --git a/apps/web/src/utils/direct-messages.ts b/apps/web/src/utils/direct-messages.ts
new file mode 100644
index 00000000000..862daf6dde0
--- /dev/null
+++ b/apps/web/src/utils/direct-messages.ts
@@ -0,0 +1,203 @@
+/*
+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 { ClientEvent, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { canEncryptToAllUsers } from "../createRoom";
+import { Action } from "../dispatcher/actions";
+import { type ViewRoomPayload } from "../dispatcher/payloads/ViewRoomPayload";
+import dis from "../dispatcher/dispatcher";
+import { type LocalRoom, LocalRoomState } from "../models/LocalRoom";
+import { waitForRoomReadyAndApplyAfterCreateCallbacks } from "./local-room";
+import { findDMRoom } from "./dm/findDMRoom";
+import { privateShouldBeEncrypted } from "./rooms";
+import { createDmLocalRoom } from "./dm/createDmLocalRoom";
+import { startDm } from "./dm/startDm";
+import { resolveThreePids } from "./threepids";
+
+export async function startDmOnFirstMessage(client: MatrixClient, targets: Member[]): Promise<string | null> {
+    let resolvedTargets = targets;
+
+    try {
+        resolvedTargets = await resolveThreePids(targets, client);
+    } catch (e) {
+        logger.warn("Error resolving 3rd-party members", e);
+    }
+
+    const existingRoom = findDMRoom(client, resolvedTargets);
+
+    if (existingRoom) {
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: existingRoom.roomId,
+            should_peek: false,
+            joining: false,
+            metricsTrigger: "MessageUser",
+        });
+        return existingRoom.roomId;
+    }
+
+    if (targets.length === 1 && targets[0] instanceof ThreepidMember && privateShouldBeEncrypted(client)) {
+        // Single 3rd-party invite and well-known promotes encryption:
+        // Directly create a room and invite the other.
+        return await startDm(client, targets);
+    }
+
+    const room = await createDmLocalRoom(client, resolvedTargets);
+    dis.dispatch({
+        action: Action.ViewRoom,
+        room_id: room.roomId,
+        joining: false,
+        targets: resolvedTargets,
+    });
+    return room.roomId;
+}
+
+/**
+ * Starts a DM based on a local room.
+ *
+ * @async
+ * @param {MatrixClient} client
+ * @param {LocalRoom} localRoom
+ * @returns {Promise<string | void>} Resolves to the created room id
+ */
+export async function createRoomFromLocalRoom(client: MatrixClient, localRoom: LocalRoom): Promise<string | void> {
+    if (!localRoom.isNew) {
+        // This action only makes sense for new local rooms.
+        return;
+    }
+
+    localRoom.state = LocalRoomState.CREATING;
+    client.emit(ClientEvent.Room, localRoom);
+
+    return startDm(client, localRoom.targets, false).then(
+        (roomId) => {
+            if (!roomId) throw new Error(`startDm for local room ${localRoom.roomId} didn't return a room Id`);
+
+            localRoom.actualRoomId = roomId;
+            return waitForRoomReadyAndApplyAfterCreateCallbacks(client, localRoom, roomId);
+        },
+        () => {
+            logger.warn(`Error creating DM for local room ${localRoom.roomId}`);
+            localRoom.state = LocalRoomState.ERROR;
+            client.emit(ClientEvent.Room, localRoom);
+        },
+    );
+}
+
+// This is the interface that is expected by various components in the Invite Dialog and RoomInvite.
+// It is a bit awkward because it also matches the RoomMember class from the js-sdk with some extra support
+// for 3PIDs/email addresses.
+export abstract class Member {
+    /**
+     * The display name of this Member. For users this should be their profile's display
+     * name or user ID if none set. For 3PIDs this should be the 3PID address (email).
+     */
+    public abstract get name(): string;
+
+    /**
+     * The ID of this Member. For users this should be their user ID. For 3PIDs this should
+     * be the 3PID address (email).
+     */
+    public abstract get userId(): string;
+
+    /**
+     * Gets the MXC URL of this Member's avatar. For users this should be their profile's
+     * avatar MXC URL or null if none set. For 3PIDs this should always be undefined.
+     */
+    public abstract getMxcAvatarUrl(): string | undefined;
+}
+
+export class DirectoryMember extends Member {
+    private readonly _userId: string;
+    private readonly displayName?: string;
+    private readonly avatarUrl?: string;
+
+    public constructor(userDirResult: { user_id: string; display_name?: string; avatar_url?: string }) {
+        super();
+        this._userId = userDirResult.user_id;
+        this.displayName = userDirResult.display_name;
+        this.avatarUrl = userDirResult.avatar_url;
+    }
+
+    // These next class members are for the Member interface
+    public get name(): string {
+        return this.displayName || this._userId;
+    }
+
+    public get userId(): string {
+        return this._userId;
+    }
+
+    public getMxcAvatarUrl(): string | undefined {
+        return this.avatarUrl;
+    }
+}
+
+export class ThreepidMember extends Member {
+    private readonly id: string;
+
+    public constructor(id: string) {
+        super();
+        this.id = id;
+    }
+
+    // This is a getter that would be falsy on all other implementations. Until we have
+    // better type support in the react-sdk we can use this trick to determine the kind
+    // of 3PID we're dealing with, if any.
+    public get isEmail(): boolean {
+        return this.id.includes("@");
+    }
+
+    // These next class members are for the Member interface
+    public get name(): string {
+        return this.id;
+    }
+
+    public get userId(): string {
+        return this.id;
+    }
+
+    public getMxcAvatarUrl(): string | undefined {
+        return undefined;
+    }
+}
+
+export interface IDMUserTileProps {
+    member: Member;
+    onRemove?(member: Member): void;
+}
+
+/**
+ * Detects whether a room should be encrypted.
+ *
+ * @async
+ * @param {MatrixClient} client
+ * @param {Member[]} targets The members to which run the check against
+ * @returns {Promise<boolean>}
+ */
+export async function determineCreateRoomEncryptionOption(client: MatrixClient, targets: Member[]): Promise<boolean> {
+    if (privateShouldBeEncrypted(client)) {
+        // Enable encryption for a single 3rd party invite.
+        if (targets.length === 1 && targets[0] instanceof ThreepidMember) return true;
+
+        // Check whether all users have uploaded device keys before.
+        // If so, enable encryption in the new room.
+        const has3PidMembers = targets.some((t) => t instanceof ThreepidMember);
+        if (!has3PidMembers) {
+            const targetIds = targets.map((t) => t.userId);
+            const allHaveDeviceKeys = await canEncryptToAllUsers(client, targetIds);
+            if (allHaveDeviceKeys) {
+                return true;
+            }
+        }
+    }
+
+    return false;
+}
diff --git a/apps/web/src/utils/dm/createDmLocalRoom.test.ts b/apps/web/src/utils/dm/createDmLocalRoom.test.ts
new file mode 100644
index 00000000000..41cc50c6485
--- /dev/null
+++ b/apps/web/src/utils/dm/createDmLocalRoom.test.ts
@@ -0,0 +1,109 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { EventType, KNOWN_SAFE_ROOM_VERSION, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { createTestClient } from "test-utils";
+
+import { canEncryptToAllUsers } from "../../createRoom";
+import { type LocalRoom, LOCAL_ROOM_ID_PREFIX } from "../../models/LocalRoom";
+import { DirectoryMember, type Member, ThreepidMember } from "../direct-messages";
+import { createDmLocalRoom } from "./createDmLocalRoom";
+import { privateShouldBeEncrypted } from "../rooms";
+
+vi.mock("../rooms", () => ({
+    privateShouldBeEncrypted: vi.fn(),
+}));
+
+vi.mock("../../createRoom", () => ({
+    canEncryptToAllUsers: vi.fn(),
+}));
+
+function assertLocalRoom(room: LocalRoom, targets: Member[], encrypted: boolean) {
+    expect(room.roomId).toBe(LOCAL_ROOM_ID_PREFIX + "t1");
+    expect(room.name).toBe(targets.length ? targets[0].name : "Empty Room");
+    expect(room.encrypted).toBe(encrypted);
+    expect(room.targets).toEqual(targets);
+    expect(room.getMyMembership()).toBe(KnownMembership.Join);
+
+    const roomCreateEvent = room.currentState.getStateEvents(EventType.RoomCreate)[0];
+    expect(roomCreateEvent).toBeDefined();
+    expect(roomCreateEvent.getContent()["room_version"]).toBe(KNOWN_SAFE_ROOM_VERSION);
+
+    // check that the user and all targets are joined
+    expect(room.getMember("@userId:matrix.org")?.membership).toBe(KnownMembership.Join);
+    targets.forEach((target: Member) => {
+        expect(room.getMember(target.userId)?.membership).toBe(KnownMembership.Join);
+    });
+
+    if (encrypted) {
+        const encryptionEvent = room.currentState.getStateEvents(EventType.RoomEncryption)[0];
+        expect(encryptionEvent).toBeDefined();
+    }
+}
+
+describe("createDmLocalRoom", () => {
+    let mockClient: MatrixClient;
+    const userId1 = "@user1:example.com";
+    const member1 = new DirectoryMember({ user_id: userId1 });
+    const member2 = new ThreepidMember("user2");
+
+    beforeEach(() => {
+        mockClient = createTestClient();
+    });
+
+    describe("when rooms should be encrypted", () => {
+        beforeEach(() => {
+            vi.mocked(privateShouldBeEncrypted).mockReturnValue(true);
+        });
+
+        it("should create an encrytped room for 3PID targets", async () => {
+            const room = await createDmLocalRoom(mockClient, [member2]);
+            expect(mockClient.store.storeRoom).toHaveBeenCalledWith(room);
+            assertLocalRoom(room, [member2], true);
+        });
+
+        describe("for MXID targets with encryption available", () => {
+            beforeEach(() => {
+                vi.mocked(canEncryptToAllUsers).mockResolvedValue(true);
+            });
+
+            it("should create an encrypted room", async () => {
+                const room = await createDmLocalRoom(mockClient, [member1]);
+                expect(mockClient.store.storeRoom).toHaveBeenCalledWith(room);
+                assertLocalRoom(room, [member1], true);
+            });
+        });
+
+        describe("for MXID targets with encryption unavailable", () => {
+            beforeEach(() => {
+                vi.mocked(canEncryptToAllUsers).mockResolvedValue(false);
+            });
+
+            it("should create an unencrypted room", async () => {
+                const room = await createDmLocalRoom(mockClient, [member1]);
+                expect(mockClient.store.storeRoom).toHaveBeenCalledWith(room);
+                assertLocalRoom(room, [member1], false);
+            });
+        });
+    });
+
+    describe("if rooms should not be encrypted", () => {
+        beforeEach(() => {
+            vi.mocked(privateShouldBeEncrypted).mockReturnValue(false);
+        });
+
+        it("should create an unencrypted room", async () => {
+            const room = await createDmLocalRoom(mockClient, [member1]);
+            assertLocalRoom(room, [member1], false);
+        });
+    });
+});
diff --git a/apps/web/src/utils/dm/createDmLocalRoom.ts b/apps/web/src/utils/dm/createDmLocalRoom.ts
new file mode 100644
index 00000000000..e29d808ff5f
--- /dev/null
+++ b/apps/web/src/utils/dm/createDmLocalRoom.ts
@@ -0,0 +1,118 @@
+/*
+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 { EventType, KNOWN_SAFE_ROOM_VERSION, type MatrixClient, MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { LOCAL_ROOM_ID_PREFIX, LocalRoom } from "../../../src/models/LocalRoom";
+import { determineCreateRoomEncryptionOption, type Member } from "../../../src/utils/direct-messages";
+import { MEGOLM_ENCRYPTION_ALGORITHM } from "../crypto";
+
+/**
+ * Create a DM local room. This room will not be send to the server and only exists inside the client.
+ * It sets up the local room with some artificial state events
+ * so that can be used in most components instead of a „real“ room.
+ *
+ * @async
+ * @param {MatrixClient} client
+ * @param {Member[]} targets DM partners
+ * @returns {Promise<LocalRoom>} Resolves to the new local room
+ */
+export async function createDmLocalRoom(client: MatrixClient, targets: Member[]): Promise<LocalRoom> {
+    const userId = client.getUserId()!;
+
+    const localRoom = new LocalRoom(LOCAL_ROOM_ID_PREFIX + client.makeTxnId(), client, userId);
+    const events: MatrixEvent[] = [];
+
+    events.push(
+        new MatrixEvent({
+            event_id: `~${localRoom.roomId}:${client.makeTxnId()}`,
+            type: EventType.RoomCreate,
+            content: {
+                creator: userId,
+                room_version: KNOWN_SAFE_ROOM_VERSION,
+            },
+            state_key: "",
+            sender: userId,
+            room_id: localRoom.roomId,
+            origin_server_ts: Date.now(),
+        }),
+    );
+
+    if (await determineCreateRoomEncryptionOption(client, targets)) {
+        localRoom.encrypted = true;
+        events.push(
+            new MatrixEvent({
+                event_id: `~${localRoom.roomId}:${client.makeTxnId()}`,
+                type: EventType.RoomEncryption,
+                content: {
+                    algorithm: MEGOLM_ENCRYPTION_ALGORITHM,
+                },
+                sender: userId,
+                state_key: "",
+                room_id: localRoom.roomId,
+                origin_server_ts: Date.now(),
+            }),
+        );
+    }
+
+    events.push(
+        new MatrixEvent({
+            event_id: `~${localRoom.roomId}:${client.makeTxnId()}`,
+            type: EventType.RoomMember,
+            content: {
+                displayname: userId,
+                membership: KnownMembership.Join,
+            },
+            state_key: userId,
+            sender: userId,
+            room_id: localRoom.roomId,
+        }),
+    );
+
+    targets.forEach((target: Member) => {
+        events.push(
+            new MatrixEvent({
+                event_id: `~${localRoom.roomId}:${client.makeTxnId()}`,
+                type: EventType.RoomMember,
+                content: {
+                    displayname: target.name,
+                    avatar_url: target.getMxcAvatarUrl() ?? undefined,
+                    membership: KnownMembership.Invite,
+                    isDirect: true,
+                },
+                state_key: target.userId,
+                sender: userId,
+                room_id: localRoom.roomId,
+            }),
+        );
+        events.push(
+            new MatrixEvent({
+                event_id: `~${localRoom.roomId}:${client.makeTxnId()}`,
+                type: EventType.RoomMember,
+                content: {
+                    displayname: target.name,
+                    avatar_url: target.getMxcAvatarUrl() ?? undefined,
+                    membership: KnownMembership.Join,
+                },
+                state_key: target.userId,
+                sender: target.userId,
+                room_id: localRoom.roomId,
+            }),
+        );
+    });
+
+    localRoom.targets = targets;
+    localRoom.updateMyMembership(KnownMembership.Join);
+    localRoom.addLiveEvents(events, { addToState: true });
+    localRoom.currentState.setStateEvents(events);
+    localRoom.name = localRoom.getDefaultRoomName(client.getUserId()!);
+    client.store.storeRoom(localRoom);
+
+    return localRoom;
+}
diff --git a/apps/web/src/utils/dm/filterValidMDirect.test.ts b/apps/web/src/utils/dm/filterValidMDirect.test.ts
new file mode 100644
index 00000000000..cfe79f78273
--- /dev/null
+++ b/apps/web/src/utils/dm/filterValidMDirect.test.ts
@@ -0,0 +1,71 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import { filterValidMDirect } from "./filterValidMDirect";
+
+const roomId1 = "!room1:example.com";
+const roomId2 = "!room2:example.com";
+const userId1 = "@user1:example.com";
+const userId2 = "@user2:example.com";
+const userId3 = "@user3:example.com";
+
+describe("filterValidMDirect", () => {
+    it("should return an empty object as valid content", () => {
+        expect(filterValidMDirect({})).toEqual({
+            valid: true,
+            filteredContent: {},
+        });
+    });
+
+    it("should return valid content", () => {
+        expect(
+            filterValidMDirect({
+                [userId1]: [roomId1, roomId2],
+                [userId2]: [roomId1],
+            }),
+        ).toEqual({
+            valid: true,
+            filteredContent: {
+                [userId1]: [roomId1, roomId2],
+                [userId2]: [roomId1],
+            },
+        });
+    });
+
+    it("should return an empy object for null", () => {
+        expect(filterValidMDirect(null)).toEqual({
+            valid: false,
+            filteredContent: {},
+        });
+    });
+
+    it("should return an empy object for a non-object", () => {
+        expect(filterValidMDirect(23)).toEqual({
+            valid: false,
+            filteredContent: {},
+        });
+    });
+
+    it("should only return valid content", () => {
+        const invalidContent = {
+            [userId1]: [23],
+            [userId2]: [roomId2],
+            [userId3]: "room1",
+        };
+
+        expect(filterValidMDirect(invalidContent)).toEqual({
+            valid: false,
+            filteredContent: {
+                [userId1]: [],
+                [userId2]: [roomId2],
+            },
+        });
+    });
+});
diff --git a/apps/web/src/utils/dm/filterValidMDirect.ts b/apps/web/src/utils/dm/filterValidMDirect.ts
new file mode 100644
index 00000000000..5c7593dd99a
--- /dev/null
+++ b/apps/web/src/utils/dm/filterValidMDirect.ts
@@ -0,0 +1,61 @@
+/*
+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.
+*/
+
+interface FilterValidMDirectResult {
+    /** Whether the entire content is valid */
+    valid: boolean;
+    /** Filtered content with only the valid parts */
+    filteredContent: Record<string, string[]>;
+}
+
+/**
+ * Filter m.direct content to be compliant to https://spec.matrix.org/v1.6/client-server-api/#mdirect.
+ *
+ * @param content - Raw event content to be filerted
+ * @returns value as a flag whether to content was valid.
+ *          filteredContent with only values from the content that are spec compliant.
+ */
+export const filterValidMDirect = (content: unknown): FilterValidMDirectResult => {
+    if (content === null || typeof content !== "object") {
+        return {
+            valid: false,
+            filteredContent: {},
+        };
+    }
+
+    const filteredContent = new Map();
+    let valid = true;
+
+    for (const [userId, roomIds] of Object.entries(content)) {
+        if (typeof userId !== "string") {
+            valid = false;
+            continue;
+        }
+
+        if (!Array.isArray(roomIds)) {
+            valid = false;
+            continue;
+        }
+
+        const filteredRoomIds: string[] = [];
+        filteredContent.set(userId, filteredRoomIds);
+
+        for (const roomId of roomIds) {
+            if (typeof roomId === "string") {
+                filteredRoomIds.push(roomId);
+            } else {
+                valid = false;
+            }
+        }
+    }
+
+    return {
+        valid,
+        filteredContent: Object.fromEntries(filteredContent.entries()),
+    };
+};
diff --git a/apps/web/src/utils/dm/findDMForUser.test.ts b/apps/web/src/utils/dm/findDMForUser.test.ts
new file mode 100644
index 00000000000..bbf7ba9b088
--- /dev/null
+++ b/apps/web/src/utils/dm/findDMForUser.test.ts
@@ -0,0 +1,180 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { createTestClient, makeMembershipEvent, mkThirdPartyInviteEvent } from "test-utils";
+
+import DMRoomMap from "../DMRoomMap";
+import { LocalRoom } from "../../models/LocalRoom";
+import { findDMForUser } from "./findDMForUser";
+import { getFunctionalMembers } from "../room/getFunctionalMembers";
+
+vi.mock("../room/getFunctionalMembers", () => ({
+    getFunctionalMembers: vi.fn(),
+}));
+
+describe("findDMForUser", () => {
+    const userId1 = "@user1:example.com";
+    const userId2 = "@user2:example.com";
+    const userId3 = "@user3:example.com";
+    const botId = "@bot:example.com";
+    const thirdPartyId = "party@example.com";
+    let room1: Room;
+    let room2: LocalRoom;
+    let room3: Room;
+    let room4: Room;
+    let room5: Room;
+    let room6: Room;
+    let room7: Room;
+    const unknownRoomId = "!unknown:example.com";
+    let dmRoomMap: DMRoomMap;
+    let mockClient: MatrixClient;
+
+    beforeEach(() => {
+        mockClient = createTestClient();
+
+        // always return the bot user as functional member
+        vi.mocked(getFunctionalMembers).mockReturnValue([botId]);
+
+        room1 = new Room("!room1:example.com", mockClient, userId1);
+        room1.getMyMembership = () => KnownMembership.Join;
+        room1.currentState.setStateEvents([
+            makeMembershipEvent(room1.roomId, userId1, KnownMembership.Join),
+            makeMembershipEvent(room1.roomId, userId2, KnownMembership.Join),
+        ]);
+
+        // this should not be a DM room because it is a local room
+        room2 = new LocalRoom("!room2:example.com", mockClient, userId1);
+        room2.getMyMembership = () => KnownMembership.Join;
+        room2.getLastActiveTimestamp = () => 100;
+
+        room3 = new Room("!room3:example.com", mockClient, userId1);
+        room3.getMyMembership = () => KnownMembership.Join;
+        room3.currentState.setStateEvents([
+            makeMembershipEvent(room3.roomId, userId1, KnownMembership.Join),
+            makeMembershipEvent(room3.roomId, userId2, KnownMembership.Join),
+            // Adding the bot user here. Should be excluded when determining if the room is a DM.
+            makeMembershipEvent(room3.roomId, botId, KnownMembership.Join),
+        ]);
+
+        // this should not be a DM room because it has only one joined user
+        room4 = new Room("!room4:example.com", mockClient, userId1);
+        room4.getMyMembership = () => KnownMembership.Join;
+        room4.currentState.setStateEvents([
+            makeMembershipEvent(room4.roomId, userId1, KnownMembership.Invite),
+            makeMembershipEvent(room4.roomId, userId2, KnownMembership.Join),
+        ]);
+
+        // this should not be a DM room because it has no users
+        room5 = new Room("!room5:example.com", mockClient, userId1);
+        room5.getLastActiveTimestamp = () => 100;
+
+        // room not correctly stored in userId → room map; should be found by the "all rooms" fallback
+        room6 = new Room("!room6:example.com", mockClient, userId1);
+        room6.getMyMembership = () => KnownMembership.Join;
+        room6.currentState.setStateEvents([
+            makeMembershipEvent(room6.roomId, userId1, KnownMembership.Join),
+            makeMembershipEvent(room6.roomId, userId3, KnownMembership.Join),
+        ]);
+
+        // room with pending third-party invite
+        room7 = new Room("!room7:example.com", mockClient, userId1);
+        room7.getMyMembership = () => KnownMembership.Join;
+        room7.currentState.setStateEvents([
+            makeMembershipEvent(room7.roomId, userId1, KnownMembership.Join),
+            mkThirdPartyInviteEvent(thirdPartyId, "third-party", room7.roomId),
+        ]);
+
+        vi.mocked(mockClient.getRoom).mockImplementation((roomId?: string) => {
+            return (
+                {
+                    [room1.roomId]: room1,
+                    [room2.roomId]: room2,
+                    [room3.roomId]: room3,
+                    [room4.roomId]: room4,
+                    [room5.roomId]: room5,
+                    [room6.roomId]: room6,
+                    [room7.roomId]: room7,
+                }[roomId!] || null
+            );
+        });
+
+        dmRoomMap = {
+            getDMRoomForIdentifiers: vi.fn(),
+            getDMRoomsForUserId: vi.fn(),
+            getRoomIds: vi.fn().mockReturnValue(
+                new Set([
+                    room1.roomId,
+                    room2.roomId,
+                    room3.roomId,
+                    room4.roomId,
+                    room5.roomId,
+                    room6.roomId,
+                    room7.roomId,
+                    unknownRoomId, // this room does not exist in client
+                ]),
+            ),
+        } as unknown as DMRoomMap;
+        vi.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+        vi.mocked(dmRoomMap.getDMRoomsForUserId).mockImplementation((userId: string) => {
+            if (userId === userId1) {
+                return [room1.roomId, room2.roomId, room3.roomId, room4.roomId, room5.roomId, unknownRoomId];
+            }
+
+            if (userId === thirdPartyId) {
+                return [room7.roomId];
+            }
+
+            return [];
+        });
+    });
+
+    describe("for an empty DM room list", () => {
+        beforeEach(() => {
+            vi.mocked(dmRoomMap.getDMRoomsForUserId).mockReturnValue([]);
+            vi.mocked(dmRoomMap.getRoomIds).mockReturnValue(new Set());
+        });
+
+        it("should return undefined", () => {
+            expect(findDMForUser(mockClient, userId1)).toBeUndefined();
+        });
+    });
+
+    it("should find a room ordered by last activity 1", () => {
+        room1.getLastActiveTimestamp = () => 2;
+        room3.getLastActiveTimestamp = () => 1;
+
+        expect(findDMForUser(mockClient, userId1)).toBe(room1);
+    });
+
+    it("should find a room ordered by last activity 2", () => {
+        room1.getLastActiveTimestamp = () => 1;
+        room3.getLastActiveTimestamp = () => 2;
+
+        expect(findDMForUser(mockClient, userId1)).toBe(room3);
+    });
+
+    it("should find a room by the 'all rooms' fallback", () => {
+        room1.getLastActiveTimestamp = () => 1;
+        room6.getLastActiveTimestamp = () => 2;
+
+        expect(findDMForUser(mockClient, userId3)).toBe(room6);
+    });
+
+    it("should find a room with a pending third-party invite", () => {
+        expect(findDMForUser(mockClient, thirdPartyId)).toBe(room7);
+    });
+
+    it("should not find a room for an unknown Id", () => {
+        expect(findDMForUser(mockClient, "@unknown:example.com")).toBe(undefined);
+    });
+});
diff --git a/apps/web/src/utils/dm/findDMForUser.ts b/apps/web/src/utils/dm/findDMForUser.ts
new file mode 100644
index 00000000000..4e1168595fd
--- /dev/null
+++ b/apps/web/src/utils/dm/findDMForUser.ts
@@ -0,0 +1,95 @@
+/*
+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 { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import DMRoomMap from "../DMRoomMap";
+import { isLocalRoom } from "../localRoom/isLocalRoom";
+import { isJoinedOrNearlyJoined } from "../membership";
+import { getFunctionalMembers } from "../room/getFunctionalMembers";
+
+/**
+ * Iterates the rooms and tries to find a DM room with the user identified by UserId.
+ * A DM room is assumed if one of the following matches:
+ * - Has two members and contains a membership for the user identified by userId
+ * - findRoomWithThirdpartyInvites is true and has one member and a third pending third party invite
+ *
+ * If multiple rooms match it will return the one with the most recent event.
+ *
+ * @param rooms - Rooms to iterate
+ * @param userId - User Id of the other user
+ * @param [findRoomWithThirdpartyInvites] - Whether to find a DM for a pending thirdparty invite
+ * @returns DM room if found or undefined if not
+ */
+function extractSuitableRoom(rooms: Room[], userId: string, findRoomWithThirdpartyInvites: boolean): Room | undefined {
+    const suitableRooms = rooms
+        .filter((r) => {
+            // Validate that we are joined and the other person is also joined. We'll also make sure
+            // that the room also looks like a DM (until we have canonical DMs to tell us). For now,
+            // a DM is a room of two people that contains those two people exactly. This does mean
+            // that bots, assistants, etc will ruin a room's DM-ness, though this is a problem for
+            // canonical DMs to solve.
+            if (r && r.getMyMembership() === KnownMembership.Join) {
+                if (isLocalRoom(r)) return false;
+
+                const functionalUsers = getFunctionalMembers(r);
+                const members = r.currentState.getMembers();
+                const joinedMembers = members.filter(
+                    (m) => !functionalUsers.includes(m.userId) && m.membership && isJoinedOrNearlyJoined(m.membership),
+                );
+                const otherMember = joinedMembers.find((m) => m.userId === userId);
+
+                if (otherMember && joinedMembers.length === 2) {
+                    return true;
+                }
+
+                const thirdPartyInvites = r.currentState.getStateEvents("m.room.third_party_invite") || [];
+
+                // match room with pending third-party invite
+                return findRoomWithThirdpartyInvites && joinedMembers.length === 1 && thirdPartyInvites.length === 1;
+            }
+            return false;
+        })
+        .sort((r1, r2) => {
+            return r2.getLastActiveTimestamp() - r1.getLastActiveTimestamp();
+        });
+
+    if (suitableRooms.length) {
+        return suitableRooms[0];
+    }
+
+    return undefined;
+}
+
+/**
+ * Tries to find a DM room with a specific user.
+ *
+ * @param {MatrixClient} client
+ * @param {string} userId ID of the user to find the DM for
+ * @returns {Room | undefined} Room if found
+ */
+export function findDMForUser(client: MatrixClient, userId: string): Room | undefined {
+    const roomIdsForUserId = DMRoomMap.shared().getDMRoomsForUserId(userId);
+    const roomsForUserId = roomIdsForUserId.map((id) => client.getRoom(id)).filter((r): r is Room => r !== null);
+    // Call with findRoomWithThirdpartyInvites = true to also include rooms with pending thirdparty invites.
+    // roomsForUserId can only contain rooms with the other user here,
+    // because they have been queried by getDMRoomsForUserId().
+    const suitableRoomForUserId = extractSuitableRoom(roomsForUserId, userId, true);
+
+    if (suitableRoomForUserId) {
+        return suitableRoomForUserId;
+    }
+
+    // Try to find in all rooms as a fallback
+    const allRoomIds = DMRoomMap.shared().getRoomIds();
+    const allRooms = Array.from(allRoomIds)
+        .map((id) => client.getRoom(id))
+        .filter((r): r is Room => r !== null);
+    return extractSuitableRoom(allRooms, userId, false);
+}
diff --git a/apps/web/src/utils/dm/findDMRoom.test.ts b/apps/web/src/utils/dm/findDMRoom.test.ts
new file mode 100644
index 00000000000..fc557c999f4
--- /dev/null
+++ b/apps/web/src/utils/dm/findDMRoom.test.ts
@@ -0,0 +1,64 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+import { createTestClient } from "test-utils";
+
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import { DirectoryMember, ThreepidMember } from "../direct-messages";
+import { findDMForUser } from "./findDMForUser";
+import { findDMRoom } from "./findDMRoom";
+import DMRoomMap from "../DMRoomMap";
+
+vi.mock("../dm/findDMForUser", () => ({
+    findDMForUser: vi.fn(),
+}));
+
+describe("findDMRoom", () => {
+    const userId1 = "@user1:example.com";
+    const member1 = new DirectoryMember({ user_id: userId1 });
+    const member2 = new ThreepidMember("user2");
+    let mockClient: MatrixClient;
+    let room1: Room;
+    let dmRoomMap: DMRoomMap;
+
+    beforeEach(() => {
+        mockClient = createTestClient();
+        vi.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        room1 = new Room("!room1:example.com", mockClient, userId1);
+
+        dmRoomMap = {
+            getDMRoomForIdentifiers: vi.fn(),
+            getDMRoomsForUserId: vi.fn(),
+        } as unknown as DMRoomMap;
+        vi.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+    });
+
+    it("should return the room for a single target with a room", () => {
+        vi.mocked(findDMForUser).mockReturnValue(room1);
+        expect(findDMRoom(mockClient, [member1])).toBe(room1);
+    });
+
+    it("should return undefined for a single target without a room", () => {
+        vi.mocked(findDMForUser).mockReturnValue(undefined);
+        expect(findDMRoom(mockClient, [member1])).toBeNull();
+    });
+
+    it("should return the room for 2 targets with a room", () => {
+        vi.mocked(dmRoomMap.getDMRoomForIdentifiers).mockReturnValue(room1);
+        expect(findDMRoom(mockClient, [member1, member2])).toBe(room1);
+    });
+
+    it("should return null for 2 targets without a room", () => {
+        vi.mocked(dmRoomMap.getDMRoomForIdentifiers).mockReturnValue(null);
+        expect(findDMRoom(mockClient, [member1, member2])).toBeNull();
+    });
+});
diff --git a/apps/web/src/utils/dm/findDMRoom.ts b/apps/web/src/utils/dm/findDMRoom.ts
new file mode 100644
index 00000000000..7b4bed796a4
--- /dev/null
+++ b/apps/web/src/utils/dm/findDMRoom.ts
@@ -0,0 +1,31 @@
+/*
+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 { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+
+import { type Member } from "../direct-messages";
+import DMRoomMap from "../DMRoomMap";
+import { findDMForUser } from "./findDMForUser";
+
+/**
+ * Tries to find a DM room with some other users.
+ *
+ * @param {MatrixClient} client
+ * @param {Member[]} targets The Members to try to find the room for
+ * @returns {Room | null} Resolved so the room if found, else null
+ */
+export function findDMRoom(client: MatrixClient, targets: Member[]): Room | null {
+    const targetIds = targets.map((t) => t.userId);
+    let existingRoom: Room | null;
+    if (targetIds.length === 1) {
+        existingRoom = findDMForUser(client, targetIds[0]) ?? null;
+    } else {
+        existingRoom = DMRoomMap.shared().getDMRoomForIdentifiers(targetIds);
+    }
+    return existingRoom;
+}
diff --git a/apps/web/src/utils/dm/startDm.ts b/apps/web/src/utils/dm/startDm.ts
new file mode 100644
index 00000000000..4b9ef082e39
--- /dev/null
+++ b/apps/web/src/utils/dm/startDm.ts
@@ -0,0 +1,85 @@
+/*
+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 { type IInvite3PID, type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+
+import { Action } from "../../dispatcher/actions";
+import { type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import { determineCreateRoomEncryptionOption, type Member } from "../direct-messages";
+import DMRoomMap from "../DMRoomMap";
+import { isLocalRoom } from "../localRoom/isLocalRoom";
+import { findDMForUser } from "./findDMForUser";
+import dis from "../../dispatcher/dispatcher";
+import { getAddressType } from "../../UserAddress";
+import createRoom, { type IOpts } from "../../createRoom";
+
+/**
+ * Start a DM.
+ *
+ * @returns {Promise<string | null} Resolves to the room id.
+ */
+export async function startDm(client: MatrixClient, targets: Member[], showSpinner = true): Promise<string | null> {
+    const targetIds = targets.map((t) => t.userId);
+
+    // Check if there is already a DM with these people and reuse it if possible.
+    let existingRoom: Room | undefined;
+    if (targetIds.length === 1) {
+        existingRoom = findDMForUser(client, targetIds[0]);
+    } else {
+        existingRoom = DMRoomMap.shared().getDMRoomForIdentifiers(targetIds) ?? undefined;
+    }
+    if (existingRoom && !isLocalRoom(existingRoom)) {
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: existingRoom.roomId,
+            should_peek: false,
+            joining: false,
+            metricsTrigger: "MessageUser",
+        });
+        return Promise.resolve(existingRoom.roomId);
+    }
+
+    const createRoomOptions: IOpts = { inlineErrors: true };
+
+    if (await determineCreateRoomEncryptionOption(client, targets)) {
+        createRoomOptions.encryption = true;
+    }
+
+    // Check if it's a traditional DM and create the room if required.
+    // TODO: [Canonical DMs] Remove this check and instead just create the multi-person DM
+    const isSelf = targetIds.length === 1 && targetIds[0] === client.getUserId();
+    if (targetIds.length === 1 && !isSelf) {
+        createRoomOptions.dmUserId = targetIds[0];
+    }
+
+    if (targetIds.length > 1) {
+        createRoomOptions.createOpts = targetIds.reduce<{
+            invite_3pid: IInvite3PID[];
+            invite: string[];
+        }>(
+            (roomOptions, address) => {
+                const type = getAddressType(address);
+                if (type === "email") {
+                    const invite: IInvite3PID = {
+                        id_server: client.getIdentityServerUrl(true)!,
+                        medium: "email",
+                        address,
+                    };
+                    roomOptions.invite_3pid.push(invite);
+                } else if (type === "mx-user-id") {
+                    roomOptions.invite.push(address);
+                }
+                return roomOptions;
+            },
+            { invite: [], invite_3pid: [] },
+        );
+    }
+
+    createRoomOptions.spinner = showSpinner;
+    return createRoom(client, createRoomOptions);
+}
diff --git a/apps/web/src/utils/event/getSenderName.ts b/apps/web/src/utils/event/getSenderName.ts
new file mode 100644
index 00000000000..fbb3524d185
--- /dev/null
+++ b/apps/web/src/utils/event/getSenderName.ts
@@ -0,0 +1,15 @@
+/*
+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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../languageHandler";
+
+export function getSenderName(event: MatrixEvent): string {
+    return event.sender?.name ?? event.getSender() ?? _t("common|someone");
+}
diff --git a/apps/web/src/utils/exportUtils/Exporter.ts b/apps/web/src/utils/exportUtils/Exporter.ts
new file mode 100644
index 00000000000..1c535db5d48
--- /dev/null
+++ b/apps/web/src/utils/exportUtils/Exporter.ts
@@ -0,0 +1,318 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 { Direction, type MatrixEvent, type Relations, type Room } from "matrix-js-sdk/src/matrix";
+import { type EventType, type MediaEventContent, type RelationType } from "matrix-js-sdk/src/types";
+import { saveAs } from "file-saver";
+import { logger } from "matrix-js-sdk/src/logger";
+import sanitizeFilename from "sanitize-filename";
+
+import { ExportType, type IExportOptions } from "./exportUtils";
+import { decryptFile } from "../DecryptFile";
+import { mediaFromContent } from "../../customisations/Media";
+import { formatFullDateNoDay, formatFullDateNoDayISO } from "../../DateUtils";
+import { isVoiceMessage } from "../EventUtils";
+import { _t } from "../../languageHandler";
+import SdkConfig from "../../SdkConfig";
+
+type BlobFile = {
+    name: string;
+    blob: Blob;
+};
+
+type FileDetails = {
+    directory: string;
+    name: string;
+    date: string;
+    extension: string;
+    count?: number;
+};
+
+export default abstract class Exporter {
+    protected files: BlobFile[] = [];
+    protected fileNames: Map<string, number> = new Map();
+    protected cancelled = false;
+
+    protected constructor(
+        protected room: Room,
+        protected exportType: ExportType,
+        protected exportOptions: IExportOptions,
+        protected setProgressText: React.Dispatch<React.SetStateAction<string>>,
+    ) {
+        if (
+            exportOptions.maxSize < 1 * 1024 * 1024 || // Less than 1 MB
+            exportOptions.maxSize > 8000 * 1024 * 1024 || // More than 8 GB
+            (!!exportOptions.numberOfMessages && exportOptions.numberOfMessages > 10 ** 8) ||
+            (exportType === ExportType.LastNMessages && !exportOptions.numberOfMessages)
+        ) {
+            throw new Error("Invalid export options");
+        }
+        window.addEventListener("beforeunload", this.onBeforeUnload);
+    }
+
+    public get destinationFileName(): string {
+        return this.makeFileNameNoExtension() + ".zip";
+    }
+
+    protected onBeforeUnload(this: void, e: BeforeUnloadEvent): string {
+        e.preventDefault();
+        return (e.returnValue = _t("export_chat|unload_confirm"));
+    }
+
+    protected updateProgress(progress: string, log = true, show = true): void {
+        if (log) logger.log(progress);
+        if (show) this.setProgressText(progress);
+    }
+
+    protected addFile(filePath: string, blob: Blob): void {
+        const file = {
+            name: filePath,
+            blob,
+        };
+        this.files.push(file);
+    }
+
+    protected makeFileNameNoExtension(): string {
+        // First try to use the real name of the room, then a translated copy of a generic name,
+        // then finally hardcoded default to guarantee we'll have a name.
+        const safeRoomName = sanitizeFilename(this.room.name ?? _t("common|unnamed_room")).trim() || "Unnamed Room";
+        const safeDate = formatFullDateNoDayISO(new Date()).replace(/:/g, "-"); // ISO format automatically removes a lot of stuff for us
+        const safeBrand = sanitizeFilename(SdkConfig.get().brand);
+        return `${safeBrand} - ${safeRoomName} - Chat Export - ${safeDate}`;
+    }
+
+    protected async downloadZIP(): Promise<string | void> {
+        const filename = this.destinationFileName;
+        const filenameWithoutExt = filename.substring(0, filename.lastIndexOf(".")); // take off the extension
+        const { default: JSZip } = await import("jszip");
+
+        const zip = new JSZip();
+        // Create a writable stream to the directory
+        if (!this.cancelled) this.updateProgress(_t("export_chat|generating_zip"));
+        else return this.cleanUp();
+
+        for (const file of this.files) zip.file(filenameWithoutExt + "/" + file.name, file.blob);
+
+        const content = await zip.generateAsync({ type: "blob" });
+        saveAs(content, filenameWithoutExt + ".zip");
+    }
+
+    protected cleanUp(): string {
+        logger.log("Cleaning up...");
+        window.removeEventListener("beforeunload", this.onBeforeUnload);
+        return "";
+    }
+
+    public async cancelExport(): Promise<void> {
+        logger.log("Cancelling export...");
+        this.cancelled = true;
+    }
+
+    protected downloadPlainText(fileName: string, text: string): void {
+        const content = new Blob([text], { type: "text/plain" });
+        saveAs(content, fileName);
+    }
+
+    protected setEventMetadata(event: MatrixEvent): MatrixEvent {
+        event.setMetadata(this.room.currentState, false);
+        return event;
+    }
+
+    public getLimit(): number {
+        let limit: number;
+        switch (this.exportType) {
+            case ExportType.LastNMessages:
+                // validated in constructor that numberOfMessages is defined
+                // when export type is LastNMessages
+                limit = this.exportOptions.numberOfMessages!;
+                break;
+            default:
+                limit = 10 ** 8;
+        }
+        return limit;
+    }
+
+    protected async getRequiredEvents(): Promise<MatrixEvent[]> {
+        const eventMapper = this.room.client.getEventMapper();
+
+        let prevToken: string | null = null;
+
+        let events: MatrixEvent[] = [];
+        if (this.exportType === ExportType.Timeline) {
+            events = this.room.getLiveTimeline().getEvents();
+        } else {
+            let limit = this.getLimit();
+            while (limit) {
+                const eventsPerCrawl = Math.min(limit, 1000);
+                const res = await this.room.client.createMessagesRequest(
+                    this.room.roomId,
+                    prevToken,
+                    eventsPerCrawl,
+                    Direction.Backward,
+                );
+
+                if (this.cancelled) {
+                    this.cleanUp();
+                    return [];
+                }
+
+                if (res.chunk.length === 0) break;
+
+                limit -= res.chunk.length;
+
+                const matrixEvents: MatrixEvent[] = res.chunk.map(eventMapper);
+
+                for (const mxEv of matrixEvents) {
+                    // if (this.exportOptions.startDate && mxEv.getTs() < this.exportOptions.startDate) {
+                    //     // Once the last message received is older than the start date, we break out of both the loops
+                    //     limit = 0;
+                    //     break;
+                    // }
+                    events.push(mxEv);
+                }
+
+                if (this.exportType === ExportType.LastNMessages) {
+                    this.updateProgress(
+                        _t("export_chat|fetched_n_events_with_total", {
+                            count: events.length,
+                            total: this.exportOptions.numberOfMessages,
+                        }),
+                    );
+                } else {
+                    this.updateProgress(
+                        _t("export_chat|fetched_n_events", {
+                            count: events.length,
+                        }),
+                    );
+                }
+
+                prevToken = res.end ?? null;
+            }
+            // Reverse the events so that we preserve the order
+            events.reverse();
+        }
+
+        const decryptionPromises = events
+            .filter((event) => event.isEncrypted())
+            .map((event) => {
+                return this.room.client.decryptEventIfNeeded(event, { emit: false });
+            });
+
+        // Wait for all the events to get decrypted.
+        await Promise.all(decryptionPromises);
+
+        for (let i = 0; i < events.length; i++) this.setEventMetadata(events[i]);
+
+        return events;
+    }
+
+    /**
+     * Decrypts if necessary, and fetches media from a matrix event
+     * @param event - matrix event with media event content
+     * @resolves when media has been fetched
+     * @throws if media was unable to be fetched
+     */
+    protected async getMediaBlob(event: MatrixEvent): Promise<Blob> {
+        let blob: Blob | undefined = undefined;
+        try {
+            const isEncrypted = event.isEncrypted();
+            const content = event.getContent<MediaEventContent>();
+            const shouldDecrypt = isEncrypted && content.hasOwnProperty("file") && event.getType() !== "m.sticker";
+            if (shouldDecrypt) {
+                blob = await decryptFile(content.file);
+            } else {
+                const media = mediaFromContent(content);
+                if (!media.srcHttp) {
+                    throw new Error("Cannot fetch without srcHttp");
+                }
+                const image = await fetch(media.srcHttp);
+                blob = await image.blob();
+            }
+        } catch {
+            logger.log("Error decrypting media");
+        }
+        if (!blob) {
+            throw new Error("Unable to fetch file");
+        }
+        return blob;
+    }
+
+    public splitFileName(file: string): string[] {
+        const lastDot = file.lastIndexOf(".");
+        if (lastDot === -1) return [file, ""];
+        const fileName = file.slice(0, lastDot);
+        const ext = file.slice(lastDot + 1);
+        return [fileName, "." + ext];
+    }
+
+    protected makeUniqueFilePath(details: FileDetails): string {
+        const makePath = ({ directory, name, date, extension, count = 0 }: FileDetails): string =>
+            `${directory}/${name}-${date}${count > 0 ? ` (${count})` : ""}${extension}`;
+        const defaultPath = makePath(details);
+        const count = this.fileNames.get(defaultPath) || 0;
+        this.fileNames.set(defaultPath, count + 1);
+        if (count > 0) {
+            return makePath({ ...details, count });
+        }
+
+        return defaultPath;
+    }
+
+    public getFilePath(event: MatrixEvent): string {
+        const mediaType = event.getContent().msgtype;
+        let fileDirectory: string;
+        switch (mediaType) {
+            case "m.image":
+                fileDirectory = "images";
+                break;
+            case "m.video":
+                fileDirectory = "videos";
+                break;
+            case "m.audio":
+                fileDirectory = "audio";
+                break;
+            default:
+                fileDirectory = event.getType() === "m.sticker" ? "stickers" : "files";
+        }
+        const fileDate = formatFullDateNoDay(new Date(event.getTs()));
+        let [fileName, fileExt] = this.splitFileName(event.getContent().body);
+
+        if (event.getType() === "m.sticker") fileExt = ".png";
+        if (isVoiceMessage(event)) fileExt = ".ogg";
+
+        return this.makeUniqueFilePath({
+            directory: fileDirectory,
+            name: fileName,
+            date: fileDate,
+            extension: fileExt,
+        });
+    }
+
+    protected isReply(event: MatrixEvent): boolean {
+        const isEncrypted = event.isEncrypted();
+        // If encrypted, in_reply_to lies in event.event.content
+        const content = isEncrypted ? event.event.content! : event.getContent();
+        const relatesTo = content["m.relates_to"];
+        return !!(relatesTo && relatesTo["m.in_reply_to"]);
+    }
+
+    protected isAttachment(mxEv: MatrixEvent): boolean {
+        const attachmentTypes = ["m.sticker", "m.image", "m.file", "m.video", "m.audio"];
+        return mxEv.getType() === attachmentTypes[0] || attachmentTypes.includes(mxEv.getContent().msgtype!);
+    }
+
+    protected getRelationsForEvent = (
+        eventId: string,
+        relationType: RelationType | string,
+        eventType: EventType | string,
+    ): Relations | undefined => {
+        return this.room.getUnfilteredTimelineSet().relations.getChildEventsForEvent(eventId, relationType, eventType);
+    };
+
+    public abstract export(): Promise<void>;
+}
diff --git a/apps/web/src/utils/exportUtils/HtmlExport.tsx b/apps/web/src/utils/exportUtils/HtmlExport.tsx
new file mode 100644
index 00000000000..ec908ccc9ef
--- /dev/null
+++ b/apps/web/src/utils/exportUtils/HtmlExport.tsx
@@ -0,0 +1,513 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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 JSX } from "react";
+import { createRoot } from "react-dom/client";
+import { type Room, MatrixEvent, EventType, MsgType } from "matrix-js-sdk/src/matrix";
+import { renderToStaticMarkup } from "react-dom/server";
+import { logger } from "matrix-js-sdk/src/logger";
+import escapeHtml from "escape-html";
+import { TooltipProvider } from "@vector-im/compound-web";
+import { DateSeparatorView, I18nContext } from "@element-hq/web-shared-components";
+
+import Exporter from "./Exporter";
+import { mediaFromMxc } from "../../customisations/Media";
+import { Layout } from "../../settings/enums/Layout";
+import { shouldFormContinuation } from "../../components/structures/MessagePanel";
+import { formatFullDateNoDayNoTime, wantsDateSeparator } from "../../DateUtils";
+import { RoomPermalinkCreator } from "../permalinks/Permalinks";
+import { _t } from "../../languageHandler";
+import * as Avatar from "../../Avatar";
+import EventTile from "../../components/views/rooms/EventTile";
+import BaseAvatar from "../../components/views/avatars/BaseAvatar";
+import { type ExportType, type IExportOptions } from "./exportUtils";
+import MatrixClientContext from "../../contexts/MatrixClientContext";
+import getExportCSS from "./exportCSS";
+import { textForEvent } from "../../TextForEvent";
+import { haveRendererForEvent } from "../../events/EventTileFactory";
+import { SDKContext } from "../../contexts/SDKContext.ts";
+import { SDKContextClass } from "../../contexts/SDKContextClass";
+import { DateSeparatorViewModel } from "../../viewmodels/room/timeline/DateSeparatorViewModel";
+import exportJS from "./exportJS.js?raw";
+
+export default class HTMLExporter extends Exporter {
+    protected avatars: Map<string, boolean>;
+    protected permalinkCreator: RoomPermalinkCreator;
+    protected totalSize: number;
+    protected mediaOmitText: string;
+
+    public constructor(
+        room: Room,
+        exportType: ExportType,
+        exportOptions: IExportOptions,
+        setProgressText: React.Dispatch<React.SetStateAction<string>>,
+    ) {
+        super(room, exportType, exportOptions, setProgressText);
+        this.avatars = new Map<string, boolean>();
+        this.permalinkCreator = new RoomPermalinkCreator(this.room);
+        this.totalSize = 0;
+        this.mediaOmitText = !this.exportOptions.attachmentsIncluded
+            ? _t("export_chat|media_omitted")
+            : _t("export_chat|media_omitted_file_size");
+    }
+
+    private renderToStaticMarkupWithProviders(element: JSX.Element): string {
+        return renderToStaticMarkup(
+            <I18nContext.Provider value={window.mxModuleApi.i18n}>{element}</I18nContext.Provider>,
+        );
+    }
+
+    protected async getRoomAvatar(): Promise<string> {
+        let blob: Blob | undefined = undefined;
+        const avatarUrl = Avatar.avatarUrlForRoom(this.room, 32, 32, "crop");
+        const avatarPath = "room.png";
+        if (avatarUrl) {
+            try {
+                const image = await fetch(avatarUrl);
+                blob = await image.blob();
+                this.totalSize += blob.size;
+                this.addFile(avatarPath, blob);
+            } catch (err) {
+                logger.log("Failed to fetch room's avatar" + err);
+            }
+        }
+        const avatar = (
+            <BaseAvatar size="32px" name={this.room.name} title={this.room.name} url={blob ? avatarPath : ""} />
+        );
+        return this.renderToStaticMarkupWithProviders(avatar);
+    }
+
+    protected async wrapHTML(content: string, currentPage: number, nbPages: number): Promise<string> {
+        const roomAvatar = await this.getRoomAvatar();
+        const exportDate = formatFullDateNoDayNoTime(new Date());
+        const creator = this.room.currentState.getStateEvents(EventType.RoomCreate, "")?.getSender();
+        const creatorName = (creator ? this.room.getMember(creator)?.rawDisplayName : creator) || creator;
+        const exporter = this.room.client.getSafeUserId();
+        const exporterName = this.room.getMember(exporter)?.rawDisplayName;
+        const topic = this.room.currentState.getStateEvents(EventType.RoomTopic, "")?.getContent()?.topic || "";
+
+        const safeCreatedText = escapeHtml(
+            _t("export_chat|creator_summary", {
+                creatorName,
+            }),
+        );
+        const safeExporter = escapeHtml(exporter);
+        const safeRoomName = escapeHtml(this.room.name);
+        const safeTopic = escapeHtml(topic);
+        const safeExportedText = this.renderToStaticMarkupWithProviders(
+            <p>
+                {_t(
+                    "export_chat|export_info",
+                    {
+                        exportDate,
+                    },
+                    {
+                        roomName: () => <strong>{safeRoomName}</strong>,
+                        exporterDetails: () => (
+                            <a
+                                href={`https://matrix.to/#/${encodeURIComponent(exporter)}`}
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                {exporterName ? (
+                                    <>
+                                        <strong>{escapeHtml(exporterName)}</strong>I {" (" + safeExporter + ")"}
+                                    </>
+                                ) : (
+                                    <strong>{safeExporter}</strong>
+                                )}
+                            </a>
+                        ),
+                    },
+                )}
+            </p>,
+        );
+
+        const safeTopicText = topic ? _t("export_chat|topic", { topic: safeTopic }) : "";
+        const previousMessagesLink = this.renderToStaticMarkupWithProviders(
+            currentPage !== 0 ? (
+                <div style={{ textAlign: "center" }}>
+                    <a href={`./messages${currentPage === 1 ? "" : currentPage}.html`} style={{ fontWeight: "bold" }}>
+                        {_t("export_chat|previous_page")}
+                    </a>
+                </div>
+            ) : (
+                <></>
+            ),
+        );
+
+        const nextMessagesLink = this.renderToStaticMarkupWithProviders(
+            currentPage < nbPages - 1 ? (
+                <div style={{ textAlign: "center", margin: "10px" }}>
+                    <a href={"./messages" + (currentPage + 2) + ".html"} style={{ fontWeight: "bold" }}>
+                        {_t("export_chat|next_page")}
+                    </a>
+                </div>
+            ) : (
+                <></>
+            ),
+        );
+
+        return `
+          <!DOCTYPE html>
+            <html lang="en">
+            <head>
+                <meta charset="UTF-8" />
+                <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+                <link href="css/style.css" rel="stylesheet" />
+                <script src="js/script.js"></script>
+                <title>${_t("export_chat|html_title")}</title>
+            </head>
+            <body style="height: 100vh;" class="cpd-theme-light">
+                <div id="matrixchat" style="height: 100%; overflow: auto">
+                    <div class="mx_MatrixChat_wrapper" aria-hidden="false">
+                        <div class="mx_MatrixChat">
+                        <main class="mx_RoomView">
+                            <div class="mx_RoomHeader light-panel">
+                                ${roomAvatar}
+                                <div class="mx_RoomHeader_infoWrapper">
+                                    <div
+                                        dir="auto"
+                                        class="mx_RoomHeader_info"
+                                        title="${safeRoomName}"
+                                    >
+                                        <span class="mx_RoomHeader_truncated mx_lineClamp">
+                                            ${safeRoomName}
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                            ${previousMessagesLink}
+                            <div class="mx_MainSplit">
+                            <div class="mx_RoomView_body">
+                                <div
+                                class="mx_RoomView_timeline mx_RoomView_timeline_rr_enabled"
+                                >
+                                <div
+                                    class="
+                                    mx_AutoHideScrollbar
+                                    mx_ScrollPanel
+                                    mx_RoomView_messagePanel
+                                    "
+                                >
+                                    <div class="mx_RoomView_messageListWrapper">
+                                    <ol
+                                        class="mx_RoomView_MessageList"
+                                        aria-live="polite"
+                                        role="list"
+                                    >
+                                    ${
+                                        currentPage == 0
+                                            ? `<div class="mx_NewRoomIntro">
+                                            ${roomAvatar}
+                                            <h2> ${safeRoomName} </h2>
+                                            <p> ${safeCreatedText} <br/><br/> ${safeExportedText} </p>
+                                            <br/>
+                                            <p> ${safeTopicText} </p>
+                                        </div>`
+                                            : ""
+                                    }
+                                    ${content}
+                                    </ol>
+                                    </div>
+                                </div>
+                                </div>
+                                <div class="mx_RoomView_statusArea">
+                                <div class="mx_RoomView_statusAreaBox">
+                                    <div class="mx_RoomView_statusAreaBox_line"></div>
+                                </div>
+                                </div>
+                            </div>
+                            </div>
+                            ${nextMessagesLink}
+                        </main>
+                        </div>
+                    </div>
+                </div>
+                <div id="snackbar"/>
+            </body>
+        </html>`;
+    }
+
+    protected getAvatarURL(event: MatrixEvent): string | null {
+        const member = event.sender;
+        const avatarUrl = member?.getMxcAvatarUrl();
+        return avatarUrl ? mediaFromMxc(avatarUrl).getThumbnailOfSourceHttp(30, 30, "crop") : null;
+    }
+
+    protected async saveAvatarIfNeeded(event: MatrixEvent): Promise<void> {
+        const member = event.sender!;
+        if (!this.avatars.has(member.userId)) {
+            try {
+                const avatarUrl = this.getAvatarURL(event);
+                this.avatars.set(member.userId, true);
+                const image = await fetch(avatarUrl!);
+                const blob = await image.blob();
+                this.addFile(`users/${member.userId.replace(/:/g, "-")}.png`, blob);
+            } catch (err) {
+                logger.log("Failed to fetch user's avatar" + err);
+            }
+        }
+    }
+
+    protected getDateSeparator(event: MatrixEvent): string {
+        const ts = event.getTs();
+        const dateSeparatorViewModel = new DateSeparatorViewModel({
+            roomId: event.getRoomId()!,
+            ts,
+            forExport: true,
+            roomViewStore: SDKContextClass.instance.roomViewStore,
+        });
+        try {
+            const dateSeparator = (
+                <li key={ts}>
+                    <DateSeparatorView vm={dateSeparatorViewModel} className="mx_TimelineSeparator" />
+                </li>
+            );
+            return this.renderToStaticMarkupWithProviders(dateSeparator);
+        } finally {
+            dateSeparatorViewModel.dispose();
+        }
+    }
+
+    protected needsDateSeparator(event: MatrixEvent, prevEvent: MatrixEvent | null): boolean {
+        if (!prevEvent) return true;
+        return wantsDateSeparator(prevEvent.getDate() || undefined, event.getDate() || undefined);
+    }
+
+    public getEventTile(mxEv: MatrixEvent, continuation: boolean, ref?: () => void): JSX.Element {
+        return (
+            <div className="mx_Export_EventWrapper" id={mxEv.getId()}>
+                {/* Export rendering uses an isolated root, so provide I18nContext explicitly. */}
+                <I18nContext.Provider value={window.mxModuleApi.i18n}>
+                    <MatrixClientContext.Provider value={this.room.client}>
+                        <SDKContext.Provider value={SDKContextClass.instance}>
+                            <TooltipProvider>
+                                <EventTile
+                                    mxEvent={mxEv}
+                                    continuation={continuation}
+                                    isRedacted={mxEv.isRedacted()}
+                                    replacingEventId={mxEv.replacingEventId()}
+                                    forExport={true}
+                                    alwaysShowTimestamps={true}
+                                    showUrlPreview={false}
+                                    checkUnmounting={() => false}
+                                    isTwelveHour={false}
+                                    last={false}
+                                    lastInSection={false}
+                                    permalinkCreator={this.permalinkCreator}
+                                    lastSuccessful={false}
+                                    isSelectedEvent={false}
+                                    showReactions={true}
+                                    layout={Layout.Group}
+                                    showReadReceipts={false}
+                                    getRelationsForEvent={this.getRelationsForEvent}
+                                    ref={ref}
+                                />
+                            </TooltipProvider>
+                        </SDKContext.Provider>
+                    </MatrixClientContext.Provider>
+                </I18nContext.Provider>
+            </div>
+        );
+    }
+
+    protected async getEventTileMarkup(mxEv: MatrixEvent, continuation: boolean, filePath?: string): Promise<string> {
+        const avatarUrl = this.getAvatarURL(mxEv);
+        const hasAvatar = !!avatarUrl;
+        if (hasAvatar) await this.saveAvatarIfNeeded(mxEv);
+        // We have to wait for the component to be rendered before we can get the markup
+        // so pass a deferred as a ref to the component.
+        const deferred = Promise.withResolvers<void>();
+        const EventTile = this.getEventTile(mxEv, continuation, deferred.resolve);
+        let eventTileMarkup: string;
+
+        if (
+            mxEv.getContent().msgtype == MsgType.Emote ||
+            mxEv.getContent().msgtype == MsgType.Notice ||
+            mxEv.getContent().msgtype === MsgType.Text
+        ) {
+            // to linkify textual events, we'll need lifecycle methods which won't be invoked in renderToString
+            // So, we'll have to render the component into a temporary root element
+            const tempElement = document.createElement("div");
+            const tempRoot = createRoot(tempElement);
+            tempRoot.render(EventTile);
+            await deferred.promise;
+            eventTileMarkup = tempElement.innerHTML;
+            tempRoot.unmount();
+        } else {
+            eventTileMarkup = this.renderToStaticMarkupWithProviders(EventTile);
+        }
+
+        if (filePath) {
+            const mxc = mxEv.getContent().url ?? mxEv.getContent().file?.url;
+            eventTileMarkup = eventTileMarkup.split(mxc).join(filePath);
+        }
+        eventTileMarkup = eventTileMarkup.replace(/<span class="mx_MFileBody".*?>.*?<\/span>/, "");
+        if (hasAvatar) {
+            eventTileMarkup = eventTileMarkup.replace(
+                encodeURI(avatarUrl).replace(/&/g, "&amp;"),
+                `users/${mxEv.sender!.userId.replace(/:/g, "-")}.png`,
+            );
+        }
+        return eventTileMarkup;
+    }
+
+    protected createModifiedEvent(text: string, mxEv: MatrixEvent, italic = true): MatrixEvent {
+        const modifiedContent = {
+            msgtype: MsgType.Text,
+            body: text,
+            format: "org.matrix.custom.html",
+            formatted_body: text,
+        };
+        if (italic) {
+            modifiedContent.formatted_body = "<em>" + modifiedContent.formatted_body + "</em>";
+            modifiedContent.body = "*" + modifiedContent.body + "*";
+        }
+        const modifiedEvent = new MatrixEvent();
+        modifiedEvent.event = mxEv.event;
+        modifiedEvent.sender = mxEv.sender;
+        modifiedEvent.event.type = "m.room.message";
+        modifiedEvent.event.content = modifiedContent;
+        return modifiedEvent;
+    }
+
+    protected async createMessageBody(mxEv: MatrixEvent, joined = false): Promise<string> {
+        let eventTile: string;
+        try {
+            if (this.isAttachment(mxEv)) {
+                if (this.exportOptions.attachmentsIncluded) {
+                    try {
+                        const blob = await this.getMediaBlob(mxEv);
+                        if (this.totalSize + blob.size > this.exportOptions.maxSize) {
+                            eventTile = await this.getEventTileMarkup(
+                                this.createModifiedEvent(this.mediaOmitText, mxEv),
+                                joined,
+                            );
+                        } else {
+                            this.totalSize += blob.size;
+                            const filePath = this.getFilePath(mxEv);
+                            eventTile = await this.getEventTileMarkup(mxEv, joined, filePath);
+                            if (this.totalSize == this.exportOptions.maxSize) {
+                                this.exportOptions.attachmentsIncluded = false;
+                            }
+                            this.addFile(filePath, blob);
+                        }
+                    } catch (e) {
+                        logger.log("Error while fetching file" + e);
+                        eventTile = await this.getEventTileMarkup(
+                            this.createModifiedEvent(_t("export_chat|error_fetching_file"), mxEv),
+                            joined,
+                        );
+                    }
+                } else {
+                    eventTile = await this.getEventTileMarkup(
+                        this.createModifiedEvent(this.mediaOmitText, mxEv),
+                        joined,
+                    );
+                }
+            } else {
+                eventTile = await this.getEventTileMarkup(mxEv, joined);
+            }
+        } catch (e) {
+            // TODO: Handle callEvent errors
+            logger.error(e);
+            eventTile = await this.getEventTileMarkup(
+                this.createModifiedEvent(textForEvent(mxEv, this.room.client), mxEv, false),
+                joined,
+            );
+        }
+
+        return eventTile;
+    }
+
+    protected async createHTML(
+        events: MatrixEvent[],
+        start: number,
+        currentPage: number,
+        nbPages: number,
+    ): Promise<string> {
+        let content = "";
+        let prevEvent: MatrixEvent | null = null;
+        for (let i = start; i < Math.min(start + 1000, events.length); i++) {
+            const event = events[i];
+            this.updateProgress(
+                _t("export_chat|processing_event_n", {
+                    number: i + 1,
+                    total: events.length,
+                }),
+                false,
+                true,
+            );
+            if (this.cancelled) return this.cleanUp();
+            if (!haveRendererForEvent(event, this.room.client, false)) continue;
+
+            content += this.needsDateSeparator(event, prevEvent) ? this.getDateSeparator(event) : "";
+            const shouldBeJoined =
+                !this.needsDateSeparator(event, prevEvent) &&
+                shouldFormContinuation(prevEvent, event, this.room.client, false);
+            const body = await this.createMessageBody(event, shouldBeJoined);
+            this.totalSize += new TextEncoder().encode(body).byteLength;
+            content += body;
+            prevEvent = event;
+        }
+        return this.wrapHTML(content, currentPage, nbPages);
+    }
+
+    public async export(): Promise<void> {
+        this.updateProgress(_t("export_chat|starting_export"));
+
+        const fetchStart = performance.now();
+        const res = await this.getRequiredEvents();
+        const fetchEnd = performance.now();
+
+        this.updateProgress(
+            _t("export_chat|fetched_n_events_in_time", {
+                count: res.length,
+                seconds: (fetchEnd - fetchStart) / 1000,
+            }),
+            true,
+            false,
+        );
+
+        this.updateProgress(_t("export_chat|creating_html"));
+
+        const usedClasses = new Set<string>();
+        for (let page = 0; page < res.length / 1000; page++) {
+            const html = await this.createHTML(res, page * 1000, page, res.length / 1000);
+            const document = new DOMParser().parseFromString(html, "text/html");
+            document.querySelectorAll("*").forEach((element) => {
+                element.classList.forEach((c) => usedClasses.add(c));
+            });
+            this.addFile(`messages${page ? page + 1 : ""}.html`, new Blob([html]));
+        }
+
+        const exportCSS = await getExportCSS(usedClasses);
+        this.addFile("css/style.css", new Blob([exportCSS]));
+        this.addFile("js/script.js", new Blob([exportJS]));
+
+        await this.downloadZIP();
+
+        const exportEnd = performance.now();
+
+        if (this.cancelled) {
+            logger.info("Export cancelled successfully");
+        } else {
+            this.updateProgress(_t("export_chat|export_successful"));
+            this.updateProgress(
+                _t("export_chat|exported_n_events_in_time", {
+                    count: res.length,
+                    seconds: (exportEnd - fetchStart) / 1000,
+                }),
+            );
+        }
+
+        this.cleanUp();
+    }
+}
diff --git a/apps/web/src/utils/exportUtils/JSONExport.ts b/apps/web/src/utils/exportUtils/JSONExport.ts
new file mode 100644
index 00000000000..49549c5ae81
--- /dev/null
+++ b/apps/web/src/utils/exportUtils/JSONExport.ts
@@ -0,0 +1,122 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 { type Room, type IEvent, type MatrixEvent, EventType } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import Exporter from "./Exporter";
+import { formatFullDateNoDayNoTime } from "../../DateUtils";
+import { type ExportType, type IExportOptions } from "./exportUtils";
+import { _t } from "../../languageHandler";
+import { haveRendererForEvent } from "../../events/EventTileFactory";
+
+export default class JSONExporter extends Exporter {
+    protected totalSize = 0;
+    protected messages: Record<string, any>[] = [];
+
+    public constructor(
+        room: Room,
+        exportType: ExportType,
+        exportOptions: IExportOptions,
+        setProgressText: React.Dispatch<React.SetStateAction<string>>,
+    ) {
+        super(room, exportType, exportOptions, setProgressText);
+    }
+
+    public get destinationFileName(): string {
+        return this.makeFileNameNoExtension() + ".json";
+    }
+
+    protected createJSONString(): string {
+        const exportDate = formatFullDateNoDayNoTime(new Date());
+        const creator = this.room.currentState.getStateEvents(EventType.RoomCreate, "")?.getSender();
+        const creatorName = (creator && this.room?.getMember(creator)?.rawDisplayName) || creator;
+        const topic = this.room.currentState.getStateEvents(EventType.RoomTopic, "")?.getContent()?.topic || "";
+        const exporter = this.room.client.getUserId()!;
+        const exporterName = this.room?.getMember(exporter)?.rawDisplayName || exporter;
+        const jsonObject = {
+            room_name: this.room.name,
+            room_creator: creatorName,
+            topic,
+            export_date: exportDate,
+            exported_by: exporterName,
+            messages: this.messages,
+        };
+        return JSON.stringify(jsonObject, null, 2);
+    }
+
+    protected async getJSONString(mxEv: MatrixEvent): Promise<IEvent> {
+        if (this.exportOptions.attachmentsIncluded && this.isAttachment(mxEv)) {
+            try {
+                const blob = await this.getMediaBlob(mxEv);
+                if (this.totalSize + blob.size < this.exportOptions.maxSize) {
+                    this.totalSize += blob.size;
+                    const filePath = this.getFilePath(mxEv);
+                    if (this.totalSize == this.exportOptions.maxSize) {
+                        this.exportOptions.attachmentsIncluded = false;
+                    }
+                    this.addFile(filePath, blob);
+                }
+            } catch (err) {
+                logger.log("Error fetching file: " + err);
+            }
+        }
+        return mxEv.getEffectiveEvent();
+    }
+
+    protected async createOutput(events: MatrixEvent[]): Promise<string> {
+        for (let i = 0; i < events.length; i++) {
+            const event = events[i];
+            this.updateProgress(
+                _t("export_chat|processing_event_n", {
+                    number: i + 1,
+                    total: events.length,
+                }),
+                false,
+                true,
+            );
+            if (this.cancelled) return this.cleanUp();
+            if (!haveRendererForEvent(event, this.room.client, false)) continue;
+            this.messages.push(await this.getJSONString(event));
+        }
+        return this.createJSONString();
+    }
+
+    public async export(): Promise<void> {
+        logger.info("Starting export process...");
+        logger.info("Fetching events...");
+
+        const fetchStart = performance.now();
+        const res = await this.getRequiredEvents();
+        const fetchEnd = performance.now();
+
+        logger.log(`Fetched ${res.length} events in ${(fetchEnd - fetchStart) / 1000}s`);
+
+        logger.info("Creating output...");
+        const text = await this.createOutput(res);
+
+        if (this.files.length) {
+            this.addFile("export.json", new Blob([text]));
+            await this.downloadZIP();
+        } else {
+            const fileName = this.destinationFileName;
+            this.downloadPlainText(fileName, text);
+        }
+
+        const exportEnd = performance.now();
+
+        if (this.cancelled) {
+            logger.info("Export cancelled successfully");
+        } else {
+            logger.info("Export successful!");
+            logger.log(`Exported ${res.length} events in ${(exportEnd - fetchStart) / 1000} seconds`);
+        }
+
+        this.cleanUp();
+    }
+}
diff --git a/apps/web/src/utils/exportUtils/PlainTextExport.ts b/apps/web/src/utils/exportUtils/PlainTextExport.ts
new file mode 100644
index 00000000000..821233ef013
--- /dev/null
+++ b/apps/web/src/utils/exportUtils/PlainTextExport.ts
@@ -0,0 +1,160 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 { type Room, type IContent, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import type React from "react";
+import Exporter from "./Exporter";
+import { _t } from "../../languageHandler";
+import { type ExportType, type IExportOptions } from "./exportUtils";
+import { textForEvent } from "../../TextForEvent";
+import { haveRendererForEvent } from "../../events/EventTileFactory";
+import SettingsStore from "../../settings/SettingsStore";
+import { formatFullDate } from "../../DateUtils";
+
+export default class PlainTextExporter extends Exporter {
+    protected totalSize: number;
+    protected mediaOmitText: string;
+
+    public constructor(
+        room: Room,
+        exportType: ExportType,
+        exportOptions: IExportOptions,
+        setProgressText: React.Dispatch<React.SetStateAction<string>>,
+    ) {
+        super(room, exportType, exportOptions, setProgressText);
+        this.totalSize = 0;
+        this.mediaOmitText = !this.exportOptions.attachmentsIncluded
+            ? _t("export_chat|media_omitted")
+            : _t("export_chat|media_omitted_file_size");
+    }
+
+    public get destinationFileName(): string {
+        return this.makeFileNameNoExtension() + ".txt";
+    }
+
+    public textForReplyEvent = (content: IContent): string => {
+        const REPLY_REGEX = /> <(.*?)>(.*?)\n\n(.*)/s;
+        const REPLY_SOURCE_MAX_LENGTH = 32;
+
+        const match = REPLY_REGEX.exec(content.body);
+
+        // if the reply format is invalid, then return the body
+        if (!match) return content.body;
+
+        let rplSource: string;
+        const rplName = match[1];
+        const rplText = match[3];
+
+        rplSource = match[2].substring(1);
+        // Get the first non-blank line from the source.
+        const lines = rplSource.split("\n").filter((line) => !/^\s*$/.test(line));
+        if (lines.length > 0) {
+            // Cut to a maximum length.
+            rplSource = lines[0].substring(0, REPLY_SOURCE_MAX_LENGTH);
+            // Ellipsis if needed.
+            if (lines[0].length > REPLY_SOURCE_MAX_LENGTH) {
+                rplSource = rplSource + "...";
+            }
+            // Wrap in formatting
+            rplSource = ` "${rplSource}"`;
+        } else {
+            // Don't show a source because we couldn't format one.
+            rplSource = "";
+        }
+
+        return `<${rplName}${rplSource}> ${rplText}`;
+    };
+
+    protected plainTextForEvent = async (mxEv: MatrixEvent): Promise<string> => {
+        const senderDisplayName = mxEv.sender && mxEv.sender.name ? mxEv.sender.name : mxEv.getSender();
+        let mediaText = "";
+        if (this.isAttachment(mxEv)) {
+            if (this.exportOptions.attachmentsIncluded) {
+                try {
+                    const blob = await this.getMediaBlob(mxEv);
+                    if (this.totalSize + blob.size > this.exportOptions.maxSize) {
+                        mediaText = ` (${this.mediaOmitText})`;
+                    } else {
+                        this.totalSize += blob.size;
+                        const filePath = this.getFilePath(mxEv);
+                        mediaText = " (" + _t("export_chat|file_attached") + ")";
+                        this.addFile(filePath, blob);
+                        if (this.totalSize == this.exportOptions.maxSize) {
+                            this.exportOptions.attachmentsIncluded = false;
+                        }
+                    }
+                } catch (error) {
+                    mediaText = " (" + _t("export_chat|error_fetching_file") + ")";
+                    logger.log("Error fetching file " + error);
+                }
+            } else mediaText = ` (${this.mediaOmitText})`;
+        }
+        if (this.isReply(mxEv)) return senderDisplayName + ": " + this.textForReplyEvent(mxEv.getContent()) + mediaText;
+        else return textForEvent(mxEv, this.room.client) + mediaText;
+    };
+
+    protected async createOutput(events: MatrixEvent[]): Promise<string> {
+        let content = "";
+        for (let i = 0; i < events.length; i++) {
+            const event = events[i];
+            this.updateProgress(
+                _t("export_chat|processing_event_n", {
+                    number: i + 1,
+                    total: events.length,
+                }),
+                false,
+                true,
+            );
+            if (this.cancelled) return this.cleanUp();
+            if (!haveRendererForEvent(event, this.room.client, false)) continue;
+            const textForEvent = await this.plainTextForEvent(event);
+            content +=
+                textForEvent &&
+                `${formatFullDate(
+                    new Date(event.getTs()),
+                    SettingsStore.getValue("showTwelveHourTimestamps"),
+                )} - ${textForEvent}\n`;
+        }
+        return content;
+    }
+
+    public async export(): Promise<void> {
+        this.updateProgress(_t("export_chat|starting_export"));
+        this.updateProgress(_t("export_chat|fetching_events"));
+
+        const fetchStart = performance.now();
+        const res = await this.getRequiredEvents();
+        const fetchEnd = performance.now();
+
+        logger.log(`Fetched ${res.length} events in ${(fetchEnd - fetchStart) / 1000}s`);
+
+        this.updateProgress(_t("export_chat|creating_output"));
+        const text = await this.createOutput(res);
+
+        if (this.files.length) {
+            this.addFile("export.txt", new Blob([text]));
+            await this.downloadZIP();
+        } else {
+            const fileName = this.destinationFileName;
+            this.downloadPlainText(fileName, text);
+        }
+
+        const exportEnd = performance.now();
+
+        if (this.cancelled) {
+            logger.info("Export cancelled successfully");
+        } else {
+            logger.info("Export successful!");
+            logger.log(`Exported ${res.length} events in ${(exportEnd - fetchStart) / 1000} seconds`);
+        }
+
+        this.cleanUp();
+    }
+}
diff --git a/apps/web/src/utils/exportUtils/exportCSS.ts b/apps/web/src/utils/exportUtils/exportCSS.ts
new file mode 100644
index 00000000000..90f0156885c
--- /dev/null
+++ b/apps/web/src/utils/exportUtils/exportCSS.ts
@@ -0,0 +1,98 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 type { CssNode, Rule, StyleSheet } from "css-tree";
+import customCSS from "./exportCustomCSS.css?raw";
+
+const cssSelectorTextClassesRegex = /\.[\w-]+/g;
+const appLayerName = "app-web";
+
+function mutateCssText(css: string): string {
+    // replace used fonts so that we don't have to bundle Inter & Fira Code
+    const sansFont = `-apple-system, BlinkMacSystemFont, avenir next,
+            avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif`;
+    return css
+        .replace(/font-family: ?(Inter|'Inter'|"Inter")/g, `font-family: ${sansFont}`)
+        .replace(/--cpd-font-family-sans: ?(Inter|'Inter'|"Inter")/g, `--cpd-font-family-sans: ${sansFont}`)
+        .replace(
+            /font-family: ?Fira Code/g,
+            "font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace",
+        );
+}
+
+function includeRule(rule: Rule, usedClasses: Set<string>): boolean {
+    if (rule.prelude.type === "Raw") {
+        // cull empty rules
+        if (rule.block.children.isEmpty) return false;
+
+        return rule.prelude.value.split(",").some((subselector) => {
+            const classes = subselector.trim().match(cssSelectorTextClassesRegex);
+            if (classes && !classes.every((c) => usedClasses.has(c.substring(1)))) {
+                return false;
+            }
+            return true;
+        });
+    }
+    return true;
+}
+
+function includeNode(node: CssNode, usedClasses: Set<string>): boolean {
+    if (node.type === "Atrule") {
+        if (node.name === "font-face") {
+            return false;
+        }
+
+        if (node.block) {
+            node.block.children = node.block.children.filter((child) => includeNode(child, usedClasses));
+            return !node.block.children.isEmpty;
+        }
+    }
+
+    return node.type !== "Rule" || includeRule(node, usedClasses);
+}
+
+// naively culls unused css rules based on which classes are present in the html,
+// doesn't cull rules which won't apply due to the full selector not matching but gets rid of a LOT of cruft anyway.
+// We cannot use document.styleSheets as it does not handle variables in shorthand properties sanely,
+// see https://github.com/element-hq/element-web/issues/26761
+const getExportCSS = async (usedClasses: Set<string>): Promise<string> => {
+    const csstree = await import("css-tree");
+
+    // only include bundle.css and light theme styling
+    const hrefs = ["bundle.css", "theme-light.css"].map((name) => {
+        return document.querySelector<HTMLLinkElement>(`link[rel="stylesheet"][href$="${name}"]`)?.href;
+    });
+
+    let css = "";
+
+    for (const href of hrefs) {
+        if (!href) continue;
+        const res = await fetch(href);
+        const text = await res.text();
+
+        const ast = csstree.parse(text, {
+            context: "stylesheet",
+            parseAtrulePrelude: false,
+            parseRulePrelude: false,
+            parseValue: false,
+            parseCustomProperty: false,
+        }) as StyleSheet;
+
+        for (const rule of ast.children) {
+            if (!includeNode(rule, usedClasses)) {
+                continue;
+            }
+
+            css += mutateCssText(csstree.generate(rule));
+        }
+    }
+
+    return `${css}@layer ${appLayerName} {${customCSS}}`;
+};
+
+export default getExportCSS;
diff --git a/apps/web/src/utils/exportUtils/exportCustomCSS.css b/apps/web/src/utils/exportUtils/exportCustomCSS.css
new file mode 100644
index 00000000000..fe8f7c72692
--- /dev/null
+++ b/apps/web/src/utils/exportUtils/exportCustomCSS.css
@@ -0,0 +1,153 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+/*
+    This file is raw-imported (imported as plain text) for the export bundle, which is the reason for the .css format and the colours being hard-coded hard-coded.
+*/
+
+html,
+body {
+    font-size: var(--cpd-font-size-root) !important;
+}
+
+#snackbar {
+    display: flex;
+    visibility: hidden;
+    min-width: 250px;
+    margin-left: -125px;
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    position: fixed;
+    z-index: 1;
+    left: 50%;
+    bottom: 30px;
+    font-size: 17px;
+    padding: 6px 16px;
+    font-family:
+        -apple-system,
+        BlinkMacSystemFont,
+        avenir next,
+        avenir,
+        segoe ui,
+        helvetica neue,
+        helvetica,
+        Ubuntu,
+        roboto,
+        noto,
+        arial,
+        sans-serif;
+    font-weight: 400;
+    line-height: 1.43;
+    border-radius: 4px;
+    letter-spacing: 0.01071em;
+}
+
+#snackbar.mx_show {
+    visibility: visible;
+    -webkit-animation:
+        mx_snackbar_fadein 0.5s,
+        mx_snackbar_fadeout 0.5s 2.5s;
+    animation:
+        mx_snackbar_fadein 0.5s,
+        mx_snackbar_fadeout 0.5s 2.5s;
+}
+
+a.mx_reply_anchor {
+    cursor: pointer;
+}
+
+@-webkit-keyframes mx_snackbar_fadein {
+    from {
+        bottom: 0;
+        opacity: 0;
+    }
+    to {
+        bottom: 30px;
+        opacity: 1;
+    }
+}
+
+@keyframes mx_snackbar_fadein {
+    from {
+        bottom: 0;
+        opacity: 0;
+    }
+    to {
+        bottom: 30px;
+        opacity: 1;
+    }
+}
+
+@-webkit-keyframes mx_snackbar_fadeout {
+    from {
+        bottom: 30px;
+        opacity: 1;
+    }
+    to {
+        bottom: 0;
+        opacity: 0;
+    }
+}
+
+@keyframes mx_snackbar_fadeout {
+    from {
+        bottom: 30px;
+        opacity: 1;
+    }
+    to {
+        bottom: 0;
+        opacity: 0;
+    }
+}
+
+* {
+    scroll-behavior: smooth !important;
+}
+
+.mx_Export_EventWrapper:target {
+    background: white;
+    animation: mx_event_highlight_animation 2s linear;
+}
+
+@keyframes mx_event_highlight_animation {
+    0%,
+    100% {
+        background: white;
+    }
+    50% {
+        background: #e3e2df;
+    }
+}
+
+.mx_RoomHeader {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: start;
+    gap: var(--cpd-space-3x);
+}
+
+.mx_ReplyChain_Export {
+    margin-top: 0;
+    margin-bottom: 5px;
+}
+
+.mx_RedactedBody,
+.mx_HiddenBody {
+    padding-left: unset;
+}
+
+img {
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.mx_MatrixChat {
+    max-width: 100%;
+}
diff --git a/apps/web/src/utils/exportUtils/exportJS.js b/apps/web/src/utils/exportUtils/exportJS.js
new file mode 100644
index 00000000000..bae73e4f3a5
--- /dev/null
+++ b/apps/web/src/utils/exportUtils/exportJS.js
@@ -0,0 +1,33 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+// This file is raw-imported (imported as plain text) for the export bundle, which is why this is in JS
+function showToastIfNeeded(replyId) {
+    const el = document.getElementById(replyId);
+    if (!el) {
+        showToast("The message you're looking for wasn't exported");
+        return;
+    }
+}
+
+function showToast(text) {
+    const el = document.getElementById("snackbar");
+    el.innerHTML = text;
+    el.className = "mx_show";
+    window.setTimeout(() => {
+        el.className = el.className.replace("mx_show", "");
+    }, 2000);
+}
+
+window.onload = () => {
+    document.querySelectorAll(".mx_reply_anchor").forEach((element) => {
+        element.addEventListener("click", (event) => {
+            showToastIfNeeded(event.target.dataset.scrollTo);
+        });
+    });
+};
diff --git a/apps/web/src/utils/exportUtils/exportUtils.ts b/apps/web/src/utils/exportUtils/exportUtils.ts
new file mode 100644
index 00000000000..e765f91faf3
--- /dev/null
+++ b/apps/web/src/utils/exportUtils/exportUtils.ts
@@ -0,0 +1,61 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { _t } from "../../languageHandler";
+
+export enum ExportFormat {
+    Html = "Html",
+    PlainText = "PlainText",
+    Json = "Json",
+}
+
+export type ExportFormatKey = "Html" | "PlainText" | "Json";
+
+export enum ExportType {
+    Timeline = "Timeline",
+    Beginning = "Beginning",
+    LastNMessages = "LastNMessages",
+    // START_DATE = "START_DATE",
+}
+
+export type ExportTypeKey = "Timeline" | "Beginning" | "LastNMessages";
+
+export const textForFormat = (format: ExportFormat): string => {
+    switch (format) {
+        case ExportFormat.Html:
+            return _t("export_chat|html");
+        case ExportFormat.Json:
+            return _t("export_chat|json");
+        case ExportFormat.PlainText:
+            return _t("export_chat|text");
+        default:
+            throw new Error("Unknown format");
+    }
+};
+
+export const textForType = (type: ExportType): string => {
+    switch (type) {
+        case ExportType.Beginning:
+            return _t("export_chat|from_the_beginning");
+        case ExportType.LastNMessages:
+            return _t("export_chat|number_of_messages");
+        case ExportType.Timeline:
+            return _t("export_chat|current_timeline");
+        default:
+            throw new Error("Unknown type: " + type);
+        // case exportTypes.START_DATE:
+        //     return _t("From a specific date");
+    }
+};
+
+export interface IExportOptions {
+    // startDate?: number;
+    numberOfMessages?: number;
+    attachmentsIncluded: boolean;
+    maxSize: number;
+}
diff --git a/apps/web/src/utils/form.test.ts b/apps/web/src/utils/form.test.ts
new file mode 100644
index 00000000000..030522b856f
--- /dev/null
+++ b/apps/web/src/utils/form.test.ts
@@ -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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect } from "vitest";
+
+import { onSubmitPreventDefault } from "./form.ts";
+
+describe("onSubmitPreventDefault", () => {
+    it("should preventDefault", () => {
+        const event = new SubmitEvent("submit");
+        const spy = vi.spyOn(event, "preventDefault");
+
+        onSubmitPreventDefault(event);
+        expect(spy).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/src/utils/form.ts b/apps/web/src/utils/form.ts
new file mode 100644
index 00000000000..21017c393ec
--- /dev/null
+++ b/apps/web/src/utils/form.ts
@@ -0,0 +1,17 @@
+/*
+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 React from "react";
+
+/**
+ * onSubmit handler which calls preventDefault and stopPropagation on the event
+ * @param e submit event
+ */
+export function onSubmitPreventDefault(e: SubmitEvent | React.SubmitEvent): void {
+    e.preventDefault();
+    e.stopPropagation();
+}
diff --git a/apps/web/src/utils/i18n-helpers.ts b/apps/web/src/utils/i18n-helpers.ts
new file mode 100644
index 00000000000..2b61b29d749
--- /dev/null
+++ b/apps/web/src/utils/i18n-helpers.ts
@@ -0,0 +1,54 @@
+/*
+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 { type Room } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../languageHandler";
+import DMRoomMap from "./DMRoomMap";
+import { formatList } from "./FormattingUtils";
+import { SDKContextClass } from "../contexts/SDKContextClass.ts";
+
+export interface RoomContextDetails {
+    details: string | null;
+    ariaLabel?: string;
+}
+
+export function roomContextDetails(room: Room): RoomContextDetails | null {
+    const dmPartner = DMRoomMap.shared().getUserIdForRoomId(room.roomId);
+    // if we’ve got more than 2 users, don’t treat it like a regular DM
+    const isGroupDm = room.getMembers().length > 2;
+    if (!room.isSpaceRoom() && dmPartner && !isGroupDm) {
+        return { details: dmPartner };
+    }
+
+    const [parent, secondParent, ...otherParents] = SDKContextClass.instance.spaceStore.getKnownParents(room.roomId);
+    if (secondParent && !otherParents?.length) {
+        // exactly 2 edge case for improved i18n
+        const space1Name = room.client.getRoom(parent)?.name;
+        const space2Name = room.client.getRoom(secondParent)?.name;
+        return {
+            details: formatList([space1Name ?? "", space2Name ?? ""]),
+            ariaLabel: _t("in_space1_and_space2", { space1Name, space2Name }),
+        };
+    } else if (parent) {
+        const spaceName = room.client.getRoom(parent)?.name ?? "";
+        const count = otherParents.length;
+        if (count > 0) {
+            return {
+                details: formatList([spaceName, ...otherParents], 1),
+                ariaLabel: _t("in_space_and_n_other_spaces", { spaceName, count }),
+            };
+        }
+        return {
+            details: spaceName,
+            ariaLabel: _t("in_space", { spaceName }),
+        };
+    }
+
+    return { details: room.getCanonicalAlias() };
+}
diff --git a/apps/web/src/utils/image-media.ts b/apps/web/src/utils/image-media.ts
new file mode 100644
index 00000000000..46b527ac680
--- /dev/null
+++ b/apps/web/src/utils/image-media.ts
@@ -0,0 +1,105 @@
+/*
+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 { type ImageInfo } from "matrix-js-sdk/src/types";
+
+import { BlurhashEncoder } from "../BlurhashEncoder";
+
+type ThumbnailableElement = HTMLImageElement | HTMLVideoElement;
+
+export const BLURHASH_FIELD = "xyz.amorgan.blurhash"; // MSC2448
+
+interface IThumbnail {
+    info: ImageInfo;
+    thumbnail: Blob;
+}
+
+const MAX_WIDTH = 800;
+const MAX_HEIGHT = 600;
+
+/**
+ * Create a thumbnail for a image DOM element.
+ * The image will be smaller than MAX_WIDTH and MAX_HEIGHT.
+ * The thumbnail will have the same aspect ratio as the original.
+ * Draws the element into a canvas using CanvasRenderingContext2D.drawImage
+ * Then calls Canvas.toBlob to get a blob object for the image data.
+ *
+ * Since it needs to calculate the dimensions of the source image and the
+ * thumbnailed image it returns an info object filled out with information
+ * about the original image and the thumbnail.
+ *
+ * @param {HTMLElement} element The element to thumbnail.
+ * @param {number} inputWidth The width of the image in the input element.
+ * @param {number} inputHeight the width of the image in the input element.
+ * @param {string} mimeType The mimeType to save the blob as.
+ * @param {boolean} calculateBlurhash Whether to calculate a blurhash of the given image too.
+ * @returns {Promise} A promise that resolves with an object with an info key
+ *  and a thumbnail key.
+ */
+export async function createThumbnail(
+    element: ThumbnailableElement,
+    inputWidth: number,
+    inputHeight: number,
+    mimeType: string,
+    calculateBlurhash = true,
+): Promise<IThumbnail> {
+    let targetWidth = inputWidth;
+    let targetHeight = inputHeight;
+    if (targetHeight > MAX_HEIGHT) {
+        targetWidth = Math.floor(targetWidth * (MAX_HEIGHT / targetHeight));
+        targetHeight = MAX_HEIGHT;
+    }
+    if (targetWidth > MAX_WIDTH) {
+        targetHeight = Math.floor(targetHeight * (MAX_WIDTH / targetWidth));
+        targetWidth = MAX_WIDTH;
+    }
+
+    let canvas: HTMLCanvasElement | OffscreenCanvas;
+    let context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;
+    try {
+        canvas = new window.OffscreenCanvas(targetWidth, targetHeight);
+        context = canvas.getContext("2d")!;
+    } catch {
+        // Fallback support for other browsers (Safari and Firefox for now)
+        canvas = document.createElement("canvas");
+        canvas.width = targetWidth;
+        canvas.height = targetHeight;
+        context = canvas.getContext("2d")!;
+    }
+
+    context.drawImage(element, 0, 0, targetWidth, targetHeight);
+
+    let thumbnailPromise: Promise<Blob>;
+    if (window.OffscreenCanvas && canvas instanceof OffscreenCanvas) {
+        thumbnailPromise = canvas.convertToBlob({ type: mimeType });
+    } else {
+        thumbnailPromise = new Promise<Blob>((resolve) =>
+            (canvas as HTMLCanvasElement).toBlob(resolve as BlobCallback, mimeType),
+        );
+    }
+
+    const imageData = context.getImageData(0, 0, targetWidth, targetHeight);
+    // thumbnailPromise and blurhash promise are being awaited concurrently
+    const blurhash = calculateBlurhash ? await BlurhashEncoder.instance.getBlurhash(imageData) : undefined;
+    const thumbnail = await thumbnailPromise;
+
+    return {
+        info: {
+            thumbnail_info: {
+                w: targetWidth,
+                h: targetHeight,
+                mimetype: thumbnail.type,
+                size: thumbnail.size,
+            },
+            w: inputWidth,
+            h: inputHeight,
+            [BLURHASH_FIELD]: blurhash,
+        },
+        thumbnail,
+    };
+}
diff --git a/apps/web/src/utils/iterables.test.ts b/apps/web/src/utils/iterables.test.ts
new file mode 100644
index 00000000000..f047dc73ddb
--- /dev/null
+++ b/apps/web/src/utils/iterables.test.ts
@@ -0,0 +1,71 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { describe, it, expect } from "vitest";
+
+import { iterableDiff, iterableIntersection } from "./iterables";
+
+describe("iterables", () => {
+    describe("iterableIntersection", () => {
+        it("should return the intersection", () => {
+            const a = [1, 2, 3];
+            const b = [1, 2, 4]; // note diff
+            const result = iterableIntersection(a, b);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(2);
+            expect(result).toEqual([1, 2]);
+        });
+
+        it("should return an empty array on no matches", () => {
+            const a = [1, 2, 3];
+            const b = [4, 5, 6];
+            const result = iterableIntersection(a, b);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(0);
+        });
+    });
+
+    describe("iterableDiff", () => {
+        it("should see added from A->B", () => {
+            const a = [1, 2, 3];
+            const b = [1, 2, 3, 4];
+            const result = iterableDiff(a, b);
+            expect(result).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.added).toHaveLength(1);
+            expect(result.removed).toHaveLength(0);
+            expect(result.added).toEqual([4]);
+        });
+
+        it("should see removed from A->B", () => {
+            const a = [1, 2, 3];
+            const b = [1, 2];
+            const result = iterableDiff(a, b);
+            expect(result).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.added).toHaveLength(0);
+            expect(result.removed).toHaveLength(1);
+            expect(result.removed).toEqual([3]);
+        });
+
+        it("should see added and removed in the same set", () => {
+            const a = [1, 2, 3];
+            const b = [1, 2, 4]; // note diff
+            const result = iterableDiff(a, b);
+            expect(result).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.added).toHaveLength(1);
+            expect(result.removed).toHaveLength(1);
+            expect(result.added).toEqual([4]);
+            expect(result.removed).toEqual([3]);
+        });
+    });
+});
diff --git a/apps/web/src/utils/iterables.ts b/apps/web/src/utils/iterables.ts
new file mode 100644
index 00000000000..5afd1f284c8
--- /dev/null
+++ b/apps/web/src/utils/iterables.ts
@@ -0,0 +1,17 @@
+/*
+ * 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 { arrayDiff, arrayIntersection } from "./arrays";
+
+export function iterableIntersection<T>(a: Iterable<T>, b: Iterable<T>): Iterable<T> {
+    return arrayIntersection(Array.from(a), Array.from(b));
+}
+
+export function iterableDiff<T>(a: Iterable<T>, b: Iterable<T>): { added: Iterable<T>; removed: Iterable<T> } {
+    return arrayDiff(Array.from(a), Array.from(b));
+}
diff --git a/apps/web/src/utils/keepIfSame.test.ts b/apps/web/src/utils/keepIfSame.test.ts
new file mode 100644
index 00000000000..f47d4ae01c3
--- /dev/null
+++ b/apps/web/src/utils/keepIfSame.test.ts
@@ -0,0 +1,24 @@
+/*
+ * 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 { describe, it, expect } from "vitest";
+
+import { keepIfSame } from "./keepIfSame";
+
+describe("keepIfSame", () => {
+    it("returns the next value if the current and next values are not deeply equal", () => {
+        const current = { a: 1 };
+        const next = { a: 2 };
+        expect(keepIfSame(current, next)).toBe(next);
+    });
+
+    it("returns the current value if the current and next values are deeply equal", () => {
+        const current = { a: 1 };
+        const next = { a: 1 };
+        expect(keepIfSame(current, next)).toBe(current);
+    });
+});
diff --git a/apps/web/src/utils/keepIfSame.ts b/apps/web/src/utils/keepIfSame.ts
new file mode 100644
index 00000000000..8346ae389c1
--- /dev/null
+++ b/apps/web/src/utils/keepIfSame.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 { isEqual } from "lodash";
+
+/**
+ * Returns the current value if it is deeply equal to the next value, otherwise returns the next value.
+ * This is useful to prevent unnecessary re-renders in React components when the value has not changed.
+ * @param current The current value
+ * @param next The next value
+ * @returns The current value if it is deeply equal to the next value, otherwise the next value
+ */
+export function keepIfSame<T>(current: T, next: T): T {
+    if (isEqual(current, next)) return current;
+    return next;
+}
diff --git a/apps/web/src/utils/leave-behaviour.test.ts b/apps/web/src/utils/leave-behaviour.test.ts
new file mode 100644
index 00000000000..03070a47be8
--- /dev/null
+++ b/apps/web/src/utils/leave-behaviour.test.ts
@@ -0,0 +1,178 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach, type Mocked } from "vitest";
+import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { sleep } from "matrix-js-sdk/src/utils";
+import { mkRoom, resetAsyncStoreWithClient, setupAsyncStoreWithClient, stubClient } from "test-utils/test-utils";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import defaultDispatcher from "../dispatcher/dispatcher";
+import { type ViewRoomPayload } from "../dispatcher/payloads/ViewRoomPayload";
+import { Action } from "../dispatcher/actions";
+import { leaveRoomBehaviour } from "./leave-behaviour";
+import { SDKContextClass } from "../contexts/SDKContextClass";
+import DMRoomMap from "../utils/DMRoomMap";
+import { MetaSpace } from "../stores/spaces";
+import { type ActionPayload } from "../dispatcher/payloads";
+import SettingsStore from "../settings/SettingsStore";
+import { CallStore } from "../stores/CallStore";
+import { type Call } from "../models/Call";
+
+vi.mock("../Modal.tsx");
+
+describe("leaveRoomBehaviour", () => {
+    SDKContextClass.instance.constructEagerStores(); // Initialize RoomViewStore
+
+    let client: Mocked<MatrixClient>;
+    let room: Mocked<Room>;
+    let space: Mocked<Room>;
+
+    beforeEach(async () => {
+        stubClient();
+        client = vi.mocked(MatrixClientPeg.safeGet());
+        DMRoomMap.makeShared(client);
+
+        room = mkRoom(client, "!1:example.org");
+        space = mkRoom(client, "!2:example.org");
+        space.isSpaceRoom.mockReturnValue(true);
+        client.getRoom.mockImplementation((roomId) => {
+            switch (roomId) {
+                case room.roomId:
+                    return room;
+                case space.roomId:
+                    return space;
+                default:
+                    return null;
+            }
+        });
+
+        await setupAsyncStoreWithClient(SDKContextClass.instance.spaceStore, client);
+    });
+
+    afterEach(async () => {
+        SDKContextClass.instance.spaceStore.setActiveSpace(MetaSpace.Home);
+        await resetAsyncStoreWithClient(SDKContextClass.instance.spaceStore);
+        vi.restoreAllMocks();
+    });
+
+    const viewRoom = (room: Room) =>
+        defaultDispatcher.dispatch<ViewRoomPayload>(
+            {
+                action: Action.ViewRoom,
+                room_id: room.roomId,
+                metricsTrigger: undefined,
+            },
+            true,
+        );
+
+    const expectDispatch = async <T extends ActionPayload>(payload: T) => {
+        const dispatcherSpy = vi.fn();
+        const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
+        await sleep(0);
+        expect(dispatcherSpy).toHaveBeenCalledWith(payload);
+        defaultDispatcher.unregister(dispatcherRef);
+    };
+
+    it("hangs up legacy calls when leaving a room", async () => {
+        const hangupSpy = vi
+            .spyOn(SDKContextClass.instance.legacyCallHandler, "hangupOrReject")
+            .mockImplementation(() => {});
+
+        viewRoom(room);
+        await leaveRoomBehaviour(client, room.roomId);
+
+        expect(hangupSpy).toHaveBeenCalledWith(room.roomId);
+    });
+
+    it("disconnects widget-based calls when leaving a room", async () => {
+        const mockCall = {
+            disconnect: vi.fn().mockResolvedValue(undefined),
+        } as unknown as Call;
+
+        vi.spyOn(CallStore.instance, "getActiveCall").mockReturnValue(mockCall);
+
+        viewRoom(room);
+        await leaveRoomBehaviour(client, room.roomId);
+
+        expect(mockCall.disconnect).toHaveBeenCalled();
+    });
+
+    it("returns to the home page after leaving a room outside of a space that was being viewed", async () => {
+        viewRoom(room);
+
+        await leaveRoomBehaviour(client, room.roomId);
+        await expectDispatch({ action: Action.ViewHomePage });
+    });
+
+    it("returns to the parent space after leaving a room inside of a space that was being viewed", async () => {
+        vi.spyOn(SDKContextClass.instance.spaceStore, "getCanonicalParent").mockImplementation((roomId) =>
+            roomId === room.roomId ? space : null,
+        );
+        viewRoom(room);
+        SDKContextClass.instance.spaceStore.setActiveSpace(space.roomId, false);
+
+        await leaveRoomBehaviour(client, room.roomId);
+        await expectDispatch({
+            action: Action.ViewRoom,
+            room_id: space.roomId,
+            metricsTrigger: undefined,
+        });
+    });
+
+    it("returns to the home page after leaving a top-level space that was being viewed", async () => {
+        viewRoom(space);
+        SDKContextClass.instance.spaceStore.setActiveSpace(space.roomId, false);
+
+        await leaveRoomBehaviour(client, space.roomId);
+        await expectDispatch({ action: Action.ViewHomePage });
+    });
+
+    it("returns to the parent space after leaving a subspace that was being viewed", async () => {
+        room.isSpaceRoom.mockReturnValue(true);
+        vi.spyOn(SDKContextClass.instance.spaceStore, "getCanonicalParent").mockImplementation((roomId) =>
+            roomId === room.roomId ? space : null,
+        );
+        viewRoom(room);
+        SDKContextClass.instance.spaceStore.setActiveSpace(room.roomId, false);
+
+        await leaveRoomBehaviour(client, room.roomId);
+        await expectDispatch({
+            action: Action.ViewRoom,
+            room_id: space.roomId,
+            metricsTrigger: undefined,
+        });
+    });
+
+    describe("If the feature_dynamic_room_predecessors is not enabled", () => {
+        beforeEach(() => {
+            vi.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            await leaveRoomBehaviour(client, room.roomId);
+            expect(client.getRoomUpgradeHistory).toHaveBeenCalledWith(room.roomId, true, false);
+        });
+    });
+
+    describe("If the feature_dynamic_room_predecessors is enabled", () => {
+        beforeEach(() => {
+            // Turn on feature_dynamic_room_predecessors setting
+            vi.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "feature_dynamic_room_predecessors",
+            );
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            await leaveRoomBehaviour(client, room.roomId);
+            expect(client.getRoomUpgradeHistory).toHaveBeenCalledWith(room.roomId, true, true);
+        });
+    });
+});
diff --git a/apps/web/src/utils/leave-behaviour.ts b/apps/web/src/utils/leave-behaviour.ts
new file mode 100644
index 00000000000..ddbcd47623d
--- /dev/null
+++ b/apps/web/src/utils/leave-behaviour.ts
@@ -0,0 +1,208 @@
+/*
+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 { sleep } from "matrix-js-sdk/src/utils";
+import React, { type ReactNode } from "react";
+import { EventStatus, MatrixEventEvent, type Room, type MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import Modal, { type IHandle } from "../Modal";
+import Spinner from "../components/views/elements/Spinner";
+import { _t } from "../languageHandler";
+import ErrorDialog from "../components/views/dialogs/ErrorDialog";
+import { isMetaSpace } from "../stores/spaces";
+import dis from "../dispatcher/dispatcher";
+import { type ViewRoomPayload } from "../dispatcher/payloads/ViewRoomPayload";
+import { Action } from "../dispatcher/actions";
+import { type ViewHomePagePayload } from "../dispatcher/payloads/ViewHomePagePayload";
+import LeaveSpaceDialog from "../components/views/dialogs/LeaveSpaceDialog";
+import { type AfterLeaveRoomPayload } from "../dispatcher/payloads/AfterLeaveRoomPayload";
+import { bulkSpaceBehaviour } from "./space";
+import { SDKContextClass } from "../contexts/SDKContextClass";
+import SettingsStore from "../settings/SettingsStore";
+import { CallStore } from "../stores/CallStore";
+
+export async function leaveRoomBehaviour(
+    matrixClient: MatrixClient,
+    roomId: string,
+    retry = true,
+    spinner = true,
+): Promise<void> {
+    let spinnerModal: IHandle<any> | undefined;
+    if (spinner) {
+        spinnerModal = Modal.createDialog(Spinner, undefined, "mx_Dialog_spinner");
+    }
+
+    let leavingAllVersions = true;
+    const history = matrixClient.getRoomUpgradeHistory(
+        roomId,
+        true,
+        SettingsStore.getValue("feature_dynamic_room_predecessors"),
+    );
+    if (history && history.length > 0) {
+        const currentRoom = history[history.length - 1];
+        if (currentRoom.roomId !== roomId) {
+            // The user is trying to leave an older version of the room. Let them through
+            // without making them leave the current version of the room.
+            leavingAllVersions = false;
+        }
+    }
+
+    const room = matrixClient.getRoom(roomId);
+
+    // should not encounter this
+    if (!room) {
+        throw new Error(`Expected to find room for id ${roomId}`);
+    }
+
+    // attempt to hang up legacy based calls
+    try {
+        SDKContextClass.instance.legacyCallHandler.hangupOrReject(roomId);
+    } catch (e) {
+        logger.warn("Failed to hangup call before leaving room: ", e);
+    }
+
+    // hang up widget based calls
+    const activeCall = CallStore.instance.getActiveCall(roomId);
+    if (activeCall) {
+        try {
+            await activeCall.disconnect();
+        } catch (e) {
+            logger.warn("Failed to disconnect call before leaving room: ", e);
+        }
+    }
+
+    // await any queued messages being sent so that they do not fail
+    await Promise.all(
+        room
+            .getPendingEvents()
+            .filter((ev) => {
+                return [EventStatus.QUEUED, EventStatus.ENCRYPTING, EventStatus.SENDING].includes(ev.status!);
+            })
+            .map(
+                (ev) =>
+                    new Promise<void>((resolve, reject) => {
+                        const handler = (): void => {
+                            if (ev.status === EventStatus.NOT_SENT) {
+                                spinnerModal?.close();
+                                reject(ev.error);
+                            }
+
+                            if (!ev.status || ev.status === EventStatus.SENT) {
+                                ev.off(MatrixEventEvent.Status, handler);
+                                resolve();
+                            }
+                        };
+
+                        ev.on(MatrixEventEvent.Status, handler);
+                    }),
+            ),
+    );
+
+    let results: { [roomId: string]: Error | MatrixError | null } = {};
+    if (!leavingAllVersions) {
+        try {
+            await matrixClient.leave(roomId);
+        } catch (e) {
+            if (e instanceof MatrixError) {
+                const message = e.data.error || _t("room|leave_unexpected_error");
+                results[roomId] = Object.assign(new Error(message), { errcode: e.data.errcode, data: e.data });
+            } else if (e instanceof Error) {
+                results[roomId] = e;
+            } else {
+                results[roomId] = new Error("Failed to leave room for unknown causes");
+            }
+        }
+    } else {
+        results = await matrixClient.leaveRoomChain(roomId, retry);
+    }
+
+    if (retry) {
+        const limitExceededError = Object.values(results).find(
+            (e) => (e as MatrixError)?.errcode === "M_LIMIT_EXCEEDED",
+        ) as MatrixError;
+        if (limitExceededError) {
+            await sleep(limitExceededError.data.retry_after_ms ?? 100);
+            return leaveRoomBehaviour(matrixClient, roomId, false, false);
+        }
+    }
+
+    spinnerModal?.close();
+
+    const errors = Object.entries(results).filter((r) => !!r[1]);
+    if (errors.length > 0) {
+        const messages: ReactNode[] = [];
+        for (const roomErr of errors) {
+            const err = roomErr[1] as MatrixError; // [0] is the roomId
+            let message = _t("room|leave_unexpected_error");
+            if (err?.errcode && err.message) {
+                if (err.errcode === "M_CANNOT_LEAVE_SERVER_NOTICE_ROOM") {
+                    Modal.createDialog(ErrorDialog, {
+                        title: _t("room|leave_server_notices_title"),
+                        description: _t("room|leave_server_notices_description"),
+                    });
+                    return;
+                }
+                message = results[roomId]!.message;
+            }
+            messages.push(message, React.createElement("BR")); // createElement to avoid using a tsx file in utils
+        }
+        Modal.createDialog(ErrorDialog, {
+            title: _t("room|leave_error_title"),
+            description: messages,
+        });
+        return;
+    }
+
+    if (SDKContextClass.instance.roomViewStore.getRoomId() === roomId) {
+        // We were viewing the room that was just left. In order to avoid
+        // accidentally viewing the next room in the list and clearing its
+        // notifications, switch to a neutral ground such as the home page or
+        // space landing page.
+        if (isMetaSpace(SDKContextClass.instance.spaceStore.activeSpace)) {
+            dis.dispatch<ViewHomePagePayload>({ action: Action.ViewHomePage });
+        } else if (SDKContextClass.instance.spaceStore.activeSpace === roomId) {
+            // View the parent space, if there is one
+            const parent = SDKContextClass.instance.spaceStore.getCanonicalParent(roomId);
+            if (parent !== null) {
+                dis.dispatch<ViewRoomPayload>({
+                    action: Action.ViewRoom,
+                    room_id: parent.roomId,
+                    metricsTrigger: undefined, // other
+                });
+            } else {
+                dis.dispatch<ViewHomePagePayload>({ action: Action.ViewHomePage });
+            }
+        } else {
+            dis.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: SDKContextClass.instance.spaceStore.activeSpace,
+                metricsTrigger: undefined, // other
+            });
+        }
+    }
+}
+
+export const leaveSpace = (space: Room): void => {
+    const { finished } = Modal.createDialog(
+        LeaveSpaceDialog,
+        {
+            space,
+        },
+        "mx_LeaveSpaceDialog_wrapper",
+    );
+    finished.then(async ([leave, rooms]) => {
+        if (!leave) return;
+        await bulkSpaceBehaviour(space, rooms!, (room) => leaveRoomBehaviour(space.client, room.roomId));
+
+        dis.dispatch<AfterLeaveRoomPayload>({
+            action: Action.AfterLeaveRoom,
+            room_id: space.roomId,
+        });
+    });
+};
diff --git a/apps/web/src/utils/local-room.ts b/apps/web/src/utils/local-room.ts
new file mode 100644
index 00000000000..5d48ed116ff
--- /dev/null
+++ b/apps/web/src/utils/local-room.ts
@@ -0,0 +1,131 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+import { ClientEvent, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import defaultDispatcher from "../dispatcher/dispatcher";
+import { type LocalRoom, LocalRoomState } from "../models/LocalRoom";
+import { isLocalRoom } from "./localRoom/isLocalRoom";
+import { isRoomReady } from "./localRoom/isRoomReady";
+
+const isActualRoomIdDefined = (actualRoomId: string | undefined): actualRoomId is string => {
+    if (actualRoomId === undefined) {
+        // should not happen
+        throw new Error("Local room in CREATED state without actual room Id occurred");
+    }
+
+    return true;
+};
+
+/**
+ * Does a room action:
+ * For non-local rooms it calls fn directly.
+ * For local rooms it adds the callback function to the room's afterCreateCallbacks and
+ * dispatches a "local_room_event".
+ *
+ * @async
+ * @template T
+ * @param {string} roomId Room ID of the target room
+ * @param {(actualRoomId: string) => Promise<T>} fn Callback to be called directly or collected at the local room
+ * @param {MatrixClient} [client]
+ * @returns {Promise<T>} Promise that gets resolved after the callback has finished
+ */
+export async function doMaybeLocalRoomAction<T>(
+    roomId: string,
+    fn: (actualRoomId: string) => Promise<T>,
+    client: MatrixClient,
+): Promise<T> {
+    if (isLocalRoom(roomId)) {
+        const room = client.getRoom(roomId) as LocalRoom;
+
+        if (room.isCreated && isActualRoomIdDefined(room.actualRoomId)) {
+            return fn(room.actualRoomId);
+        }
+
+        return new Promise<T>((resolve, reject) => {
+            room.afterCreateCallbacks.push((newRoomId: string) => {
+                fn(newRoomId).then(resolve).catch(reject);
+            });
+            defaultDispatcher.dispatch({
+                action: "local_room_event",
+                roomId: room.roomId,
+            });
+        });
+    }
+
+    return fn(roomId);
+}
+
+/**
+ * Waits until a room is ready and then applies the after-create local room callbacks.
+ * Also implements a stopgap timeout after that a room is assumed to be ready.
+ *
+ * @see isRoomReady
+ * @async
+ * @param {MatrixClient} client
+ * @param {LocalRoom} localRoom
+ * @param actualRoomId Id of the actual room
+ * @returns {Promise<string>} Resolved to the actual room id
+ */
+export async function waitForRoomReadyAndApplyAfterCreateCallbacks(
+    client: MatrixClient,
+    localRoom: LocalRoom,
+    actualRoomId: string,
+): Promise<string> {
+    if (isRoomReady(client, localRoom)) {
+        return applyAfterCreateCallbacks(localRoom, actualRoomId).then(() => {
+            localRoom.state = LocalRoomState.CREATED;
+            client.emit(ClientEvent.Room, localRoom);
+            return Promise.resolve(actualRoomId);
+        });
+    }
+
+    return new Promise((resolve, reject) => {
+        const finish = (): void => {
+            if (checkRoomStateIntervalHandle) clearInterval(checkRoomStateIntervalHandle);
+            if (stopgapTimeoutHandle) clearTimeout(stopgapTimeoutHandle);
+
+            applyAfterCreateCallbacks(localRoom, actualRoomId)
+                .then(() => {
+                    localRoom.state = LocalRoomState.CREATED;
+                    client.emit(ClientEvent.Room, localRoom);
+                    resolve(actualRoomId);
+                })
+                .catch((err) => {
+                    reject(err);
+                });
+        };
+
+        const stopgapFinish = (): void => {
+            logger.warn(`Assuming local room ${localRoom.roomId} is ready after hitting timeout`);
+            finish();
+        };
+
+        const checkRoomStateIntervalHandle = window.setInterval(() => {
+            if (isRoomReady(client, localRoom)) finish();
+        }, 500);
+        const stopgapTimeoutHandle = window.setTimeout(stopgapFinish, 5000);
+    });
+}
+
+/**
+ * Applies the after-create callback of a local room.
+ *
+ * @async
+ * @param {LocalRoom} localRoom
+ * @param {string} roomId
+ * @returns {Promise<void>} Resolved after all callbacks have been called
+ */
+async function applyAfterCreateCallbacks(localRoom: LocalRoom, roomId: string): Promise<void> {
+    for (const afterCreateCallback of localRoom.afterCreateCallbacks) {
+        afterCreateCallback(roomId);
+    }
+
+    localRoom.afterCreateCallbacks = [];
+}
diff --git a/apps/web/src/utils/localRoom/isLocalRoom.test.ts b/apps/web/src/utils/localRoom/isLocalRoom.test.ts
new file mode 100644
index 00000000000..f03f69033c5
--- /dev/null
+++ b/apps/web/src/utils/localRoom/isLocalRoom.test.ts
@@ -0,0 +1,43 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, beforeEach } from "vitest";
+import { Room } from "matrix-js-sdk/src/matrix";
+import { createTestClient } from "test-utils";
+
+import { LocalRoom, LOCAL_ROOM_ID_PREFIX } from "../../models/LocalRoom";
+import { isLocalRoom } from "./isLocalRoom";
+
+describe("isLocalRoom", () => {
+    let room: Room;
+    let localRoom: LocalRoom;
+
+    beforeEach(() => {
+        const client = createTestClient();
+        room = new Room("!room:example.com", client, client.getUserId()!);
+        localRoom = new LocalRoom(LOCAL_ROOM_ID_PREFIX + "test", client, client.getUserId()!);
+    });
+
+    it("should return false for a Room", () => {
+        expect(isLocalRoom(room)).toBe(false);
+    });
+
+    it("should return false for a non-local room ID", () => {
+        expect(isLocalRoom(room.roomId)).toBe(false);
+    });
+
+    it("should return true for LocalRoom", () => {
+        expect(isLocalRoom(localRoom)).toBe(true);
+    });
+
+    it("should return true for local room ID", () => {
+        expect(isLocalRoom(LOCAL_ROOM_ID_PREFIX + "test")).toBe(true);
+    });
+});
diff --git a/apps/web/src/utils/localRoom/isLocalRoom.ts b/apps/web/src/utils/localRoom/isLocalRoom.ts
new file mode 100644
index 00000000000..d0e96828a2b
--- /dev/null
+++ b/apps/web/src/utils/localRoom/isLocalRoom.ts
@@ -0,0 +1,18 @@
+/*
+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 { type Room } from "matrix-js-sdk/src/matrix";
+
+import { LocalRoom, LOCAL_ROOM_ID_PREFIX } from "../../models/LocalRoom";
+
+export function isLocalRoom(roomOrID?: Room | string | null): boolean {
+    if (typeof roomOrID === "string") {
+        return roomOrID.startsWith(LOCAL_ROOM_ID_PREFIX);
+    }
+    return roomOrID instanceof LocalRoom;
+}
diff --git a/apps/web/src/utils/localRoom/isRoomReady.test.ts b/apps/web/src/utils/localRoom/isRoomReady.test.ts
new file mode 100644
index 00000000000..2da89c7bdb7
--- /dev/null
+++ b/apps/web/src/utils/localRoom/isRoomReady.test.ts
@@ -0,0 +1,125 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { EventType, type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { createTestClient, makeMembershipEvent, mkEvent } from "test-utils";
+
+import { LocalRoom, LOCAL_ROOM_ID_PREFIX } from "../../models/LocalRoom";
+import { DirectoryMember } from "../direct-messages";
+import { isRoomReady } from "./isRoomReady";
+
+describe("isRoomReady", () => {
+    const userId1 = "@user1:example.com";
+    const member1 = new DirectoryMember({ user_id: userId1 });
+    const userId2 = "@user2:example.com";
+    let room1: Room;
+    let localRoom: LocalRoom;
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        client = createTestClient();
+        room1 = new Room("!room1:example.com", client, userId1);
+        room1.getMyMembership = () => KnownMembership.Join;
+        localRoom = new LocalRoom(LOCAL_ROOM_ID_PREFIX + "test", client, "@test:example.com");
+    });
+
+    beforeEach(() => {
+        localRoom.targets = [member1];
+    });
+
+    it("should return false if the room has no actual room id", () => {
+        expect(isRoomReady(client, localRoom)).toBe(false);
+    });
+
+    describe("for a room with an actual room id", () => {
+        beforeEach(() => {
+            localRoom.actualRoomId = room1.roomId;
+            vi.mocked(client.getRoom).mockReturnValue(null);
+        });
+
+        it("should return false", () => {
+            expect(isRoomReady(client, localRoom)).toBe(false);
+        });
+
+        describe("and the room is known to the client", () => {
+            beforeEach(() => {
+                vi.mocked(client.getRoom).mockImplementation((roomId?: string) => {
+                    if (roomId === room1.roomId) return room1;
+                    return null;
+                });
+            });
+
+            it("should return false", () => {
+                expect(isRoomReady(client, localRoom)).toBe(false);
+            });
+
+            describe("and all members have been invited or joined", () => {
+                beforeEach(() => {
+                    room1.currentState.setStateEvents([
+                        makeMembershipEvent(room1.roomId, userId1, KnownMembership.Join),
+                        makeMembershipEvent(room1.roomId, userId2, KnownMembership.Invite),
+                    ]);
+                });
+
+                it("should return false", () => {
+                    expect(isRoomReady(client, localRoom)).toBe(false);
+                });
+
+                describe("and a RoomHistoryVisibility event", () => {
+                    beforeEach(() => {
+                        room1.currentState.setStateEvents([
+                            mkEvent({
+                                user: userId1,
+                                event: true,
+                                type: EventType.RoomHistoryVisibility,
+                                room: room1.roomId,
+                                content: {},
+                            }),
+                        ]);
+                    });
+
+                    it("should return true", () => {
+                        expect(isRoomReady(client, localRoom)).toBe(true);
+                    });
+
+                    describe("and an encrypted room", () => {
+                        beforeEach(() => {
+                            localRoom.encrypted = true;
+                        });
+
+                        it("should return false", () => {
+                            expect(isRoomReady(client, localRoom)).toBe(false);
+                        });
+
+                        describe("and a room encryption state event", () => {
+                            beforeEach(() => {
+                                room1.currentState.setStateEvents([
+                                    mkEvent({
+                                        user: userId1,
+                                        event: true,
+                                        type: EventType.RoomEncryption,
+                                        room: room1.roomId,
+                                        content: {},
+                                    }),
+                                ]);
+                            });
+
+                            it("should return true", () => {
+                                expect(isRoomReady(client, localRoom)).toBe(true);
+                            });
+                        });
+                    });
+                });
+            });
+        });
+    });
+});
diff --git a/apps/web/src/utils/localRoom/isRoomReady.ts b/apps/web/src/utils/localRoom/isRoomReady.ts
new file mode 100644
index 00000000000..3093f82b854
--- /dev/null
+++ b/apps/web/src/utils/localRoom/isRoomReady.ts
@@ -0,0 +1,36 @@
+/*
+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 { EventType, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { type LocalRoom } from "../../models/LocalRoom";
+
+/**
+ * Tests whether a room created based on a local room is ready.
+ */
+export function isRoomReady(client: MatrixClient, localRoom: LocalRoom): boolean {
+    // not ready if no actual room id exists
+    if (!localRoom.actualRoomId) return false;
+
+    const room = client.getRoom(localRoom.actualRoomId);
+    // not ready if the room does not exist
+    if (!room) return false;
+
+    // not ready if not all members joined/invited
+    if (room.getInvitedAndJoinedMemberCount() !== 1 + localRoom.targets?.length) return false;
+
+    const roomHistoryVisibilityEvents = room.currentState.getStateEvents(EventType.RoomHistoryVisibility);
+    // not ready if the room history has not been configured
+    if (roomHistoryVisibilityEvents.length === 0) return false;
+
+    const roomEncryptionEvents = room.currentState.getStateEvents(EventType.RoomEncryption);
+    // not ready if encryption has not been configured (applies only to encrypted rooms)
+    if (localRoom.encrypted === true && roomEncryptionEvents.length === 0) return false;
+
+    return true;
+}
diff --git a/apps/web/src/utils/location/LocationShareErrors.ts b/apps/web/src/utils/location/LocationShareErrors.ts
new file mode 100644
index 00000000000..f4174ea5ace
--- /dev/null
+++ b/apps/web/src/utils/location/LocationShareErrors.ts
@@ -0,0 +1,28 @@
+/*
+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 { _t } from "../../languageHandler";
+
+export enum LocationShareError {
+    MapStyleUrlNotConfigured = "MapStyleUrlNotConfigured",
+    MapStyleUrlNotReachable = "MapStyleUrlNotReachable",
+    WebGLNotEnabled = "WebGLNotEnabled",
+    Default = "Default",
+}
+
+export const getLocationShareErrorMessage = (errorType?: LocationShareError): string => {
+    switch (errorType) {
+        case LocationShareError.MapStyleUrlNotConfigured:
+            return _t("location_sharing|MapStyleUrlNotConfigured");
+        case LocationShareError.WebGLNotEnabled:
+            return _t("location_sharing|WebGLNotEnabled");
+        case LocationShareError.MapStyleUrlNotReachable:
+        default:
+            return _t("location_sharing|MapStyleUrlNotReachable");
+    }
+};
diff --git a/apps/web/src/utils/location/findMapStyleUrl.ts b/apps/web/src/utils/location/findMapStyleUrl.ts
new file mode 100644
index 00000000000..3504f684b8c
--- /dev/null
+++ b/apps/web/src/utils/location/findMapStyleUrl.ts
@@ -0,0 +1,30 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import SdkConfig from "../../SdkConfig";
+import { getTileServerWellKnown } from "../WellKnownUtils";
+import { LocationShareError } from "./LocationShareErrors";
+
+/**
+ * Look up what map tile server style URL was provided in the homeserver's
+ * .well-known location, or, failing that, in our local config, or, failing
+ * that, defaults to the same tile server listed by matrix.org.
+ */
+export function findMapStyleUrl(matrixClient: MatrixClient): string {
+    const mapStyleUrl = getTileServerWellKnown(matrixClient)?.map_style_url ?? SdkConfig.get().map_style_url;
+
+    if (!mapStyleUrl) {
+        logger.error("'map_style_url' missing from homeserver .well-known area, and missing from from config.json.");
+        throw new Error(LocationShareError.MapStyleUrlNotConfigured);
+    }
+
+    return mapStyleUrl;
+}
diff --git a/apps/web/src/utils/location/index.ts b/apps/web/src/utils/location/index.ts
new file mode 100644
index 00000000000..053c938d809
--- /dev/null
+++ b/apps/web/src/utils/location/index.ts
@@ -0,0 +1,15 @@
+/*
+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.
+*/
+
+export * from "./findMapStyleUrl";
+export * from "./isSelfLocation";
+export * from "./locationEventGeoUri";
+export * from "./LocationShareErrors";
+export * from "./links";
+export * from "./parseGeoUri";
+export * from "./positionFailureMessage";
diff --git a/apps/web/src/utils/location/isSelfLocation.test.ts b/apps/web/src/utils/location/isSelfLocation.test.ts
new file mode 100644
index 00000000000..02559daf6c5
--- /dev/null
+++ b/apps/web/src/utils/location/isSelfLocation.test.ts
@@ -0,0 +1,66 @@
+/*
+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 { describe, it, expect } from "vitest";
+import {
+    M_TEXT,
+    type ILocationContent,
+    type LocationAssetType,
+    M_ASSET,
+    M_LOCATION,
+    M_TIMESTAMP,
+    ContentHelpers,
+} from "matrix-js-sdk/src/matrix";
+
+import { isSelfLocation } from "./isSelfLocation";
+
+describe("isSelfLocation", () => {
+    it("Returns true for a full m.asset event", () => {
+        const content = ContentHelpers.makeLocationContent("", "0", Date.now());
+        expect(isSelfLocation(content)).toBe(true);
+    });
+
+    it("Returns true for a missing m.asset", () => {
+        const content = {
+            body: "",
+            msgtype: "m.location",
+            geo_uri: "",
+            [M_LOCATION.name]: { uri: "" },
+            [M_TEXT.name]: "",
+            [M_TIMESTAMP.name]: 0,
+            // Note: no m.asset!
+        } as unknown as ILocationContent;
+        expect(isSelfLocation(content)).toBe(true);
+    });
+
+    it("Returns true for a missing m.asset type", () => {
+        const content = {
+            body: "",
+            msgtype: "m.location",
+            geo_uri: "",
+            [M_LOCATION.name]: { uri: "" },
+            [M_TEXT.name]: "",
+            [M_TIMESTAMP.name]: 0,
+            [M_ASSET.name]: {
+                // Note: no type!
+            },
+        } as unknown as ILocationContent;
+        expect(isSelfLocation(content)).toBe(true);
+    });
+
+    it("Returns false for an unknown asset type", () => {
+        const content = ContentHelpers.makeLocationContent(
+            undefined /* text */,
+            "geo:foo",
+            0,
+            undefined /* description */,
+            "org.example.unknown" as unknown as LocationAssetType,
+        );
+        expect(isSelfLocation(content)).toBe(false);
+    });
+});
diff --git a/apps/web/src/utils/location/isSelfLocation.ts b/apps/web/src/utils/location/isSelfLocation.ts
new file mode 100644
index 00000000000..da0cdaf9abc
--- /dev/null
+++ b/apps/web/src/utils/location/isSelfLocation.ts
@@ -0,0 +1,15 @@
+/*
+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 { type ILocationContent, LocationAssetType, M_ASSET } from "matrix-js-sdk/src/matrix";
+
+export const isSelfLocation = (locationContent: ILocationContent): boolean => {
+    const asset = M_ASSET.findIn(locationContent) as { type: string };
+    const assetType = asset?.type ?? LocationAssetType.Self;
+    return assetType == LocationAssetType.Self;
+};
diff --git a/apps/web/src/utils/location/links.test.ts b/apps/web/src/utils/location/links.test.ts
new file mode 100644
index 00000000000..37df2a38552
--- /dev/null
+++ b/apps/web/src/utils/location/links.test.ts
@@ -0,0 +1,48 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+import { mkMessage, makeLegacyLocationEvent, makeLocationEvent } from "test-utils";
+
+import { createMapSiteLinkFromEvent } from "./links";
+
+describe("createMapSiteLinkFromEvent", () => {
+    it("returns null if event does not contain geouri", () => {
+        expect(
+            createMapSiteLinkFromEvent(
+                mkMessage({
+                    room: "1",
+                    user: "@sender:server",
+                    event: true,
+                }),
+            ),
+        ).toBeNull();
+    });
+
+    it("returns OpenStreetMap link if event contains m.location with valid uri", () => {
+        expect(createMapSiteLinkFromEvent(makeLocationEvent("geo:51.5076,-0.1276"))).toEqual(
+            "https://www.openstreetmap.org/?mlat=51.5076&mlon=-0.1276#map=16/51.5076/-0.1276",
+        );
+    });
+
+    it("returns null if event contains m.location with invalid uri", () => {
+        expect(createMapSiteLinkFromEvent(makeLocationEvent("123 Sesame St"))).toBeNull();
+    });
+
+    it("returns OpenStreetMap link if event contains geo_uri", () => {
+        expect(createMapSiteLinkFromEvent(makeLegacyLocationEvent("geo:51.5076,-0.1276"))).toEqual(
+            "https://www.openstreetmap.org/?mlat=51.5076&mlon=-0.1276#map=16/51.5076/-0.1276",
+        );
+    });
+
+    it("returns null if event contains an invalid geo_uri", () => {
+        expect(createMapSiteLinkFromEvent(makeLegacyLocationEvent("123 Sesame St"))).toBeNull();
+    });
+});
diff --git a/apps/web/src/utils/location/links.ts b/apps/web/src/utils/location/links.ts
new file mode 100644
index 00000000000..03f0e3eda14
--- /dev/null
+++ b/apps/web/src/utils/location/links.ts
@@ -0,0 +1,39 @@
+/*
+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 { type MatrixEvent, M_LOCATION } from "matrix-js-sdk/src/matrix";
+
+import { parseGeoUri } from "./parseGeoUri";
+
+export const makeMapSiteLink = (coords: GeolocationCoordinates): string => {
+    return (
+        "https://www.openstreetmap.org/" +
+        `?mlat=${coords.latitude}` +
+        `&mlon=${coords.longitude}` +
+        `#map=16/${coords.latitude}/${coords.longitude}`
+    );
+};
+
+export const createMapSiteLinkFromEvent = (event: MatrixEvent): string | null => {
+    const content = event.getContent();
+    const mLocation = content[M_LOCATION.name];
+    if (mLocation !== undefined) {
+        const uri = mLocation["uri"];
+        if (uri !== undefined) {
+            const geoCoords = parseGeoUri(uri);
+            return geoCoords ? makeMapSiteLink(geoCoords) : null;
+        }
+    } else {
+        const geoUri = content["geo_uri"];
+        if (geoUri) {
+            const geoCoords = parseGeoUri(geoUri);
+            return geoCoords ? makeMapSiteLink(geoCoords) : null;
+        }
+    }
+    return null;
+};
diff --git a/apps/web/src/utils/location/locationEventGeoUri.test.ts b/apps/web/src/utils/location/locationEventGeoUri.test.ts
new file mode 100644
index 00000000000..f606499934a
--- /dev/null
+++ b/apps/web/src/utils/location/locationEventGeoUri.test.ts
@@ -0,0 +1,22 @@
+/*
+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 { describe, it, expect } from "vitest";
+import { makeLegacyLocationEvent, makeLocationEvent } from "test-utils/location";
+
+import { locationEventGeoUri } from "./locationEventGeoUri";
+
+describe("locationEventGeoUri()", () => {
+    it("returns m.location uri when available", () => {
+        expect(locationEventGeoUri(makeLocationEvent("geo:51.5076,-0.1276"))).toEqual("geo:51.5076,-0.1276");
+    });
+
+    it("returns legacy uri when m.location content not found", () => {
+        expect(locationEventGeoUri(makeLegacyLocationEvent("geo:51.5076,-0.1276"))).toEqual("geo:51.5076,-0.1276");
+    });
+});
diff --git a/apps/web/src/utils/location/locationEventGeoUri.ts b/apps/web/src/utils/location/locationEventGeoUri.ts
new file mode 100644
index 00000000000..f4d206712ec
--- /dev/null
+++ b/apps/web/src/utils/location/locationEventGeoUri.ts
@@ -0,0 +1,24 @@
+/*
+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 { type MatrixEvent, M_LOCATION, type MLocationEvent } from "matrix-js-sdk/src/matrix";
+
+type LocationEvent = { geo_uri: string } & MLocationEvent;
+
+/**
+ * Find the geo-URI contained within a location event.
+ */
+export const locationEventGeoUri = (mxEvent: MatrixEvent): string => {
+    // unfortunately we're stuck supporting legacy `content.geo_uri`
+    // events until the end of days, or until we figure out mutable
+    // events - so folks can read their old chat history correctly.
+    // https://github.com/matrix-org/matrix-doc/issues/3516
+    const content = mxEvent.getContent<LocationEvent>();
+    const loc = M_LOCATION.findIn(content);
+    return loc?.uri ?? content["geo_uri"];
+};
diff --git a/apps/web/src/utils/location/map.ts b/apps/web/src/utils/location/map.ts
new file mode 100644
index 00000000000..b16ee5b1fb5
--- /dev/null
+++ b/apps/web/src/utils/location/map.ts
@@ -0,0 +1,68 @@
+/*
+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 * as maplibregl from "maplibre-gl";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../../languageHandler";
+import { findMapStyleUrl } from "./findMapStyleUrl";
+import { LocationShareError } from "./LocationShareErrors";
+
+export const createMap = (
+    client: MatrixClient,
+    interactive: boolean,
+    bodyId: string,
+    onError?: (error: Error) => void,
+): maplibregl.Map => {
+    try {
+        const styleUrl = findMapStyleUrl(client);
+
+        const map = new maplibregl.Map({
+            container: bodyId,
+            style: styleUrl,
+            zoom: 15,
+            interactive,
+            attributionControl: false,
+            locale: {
+                "AttributionControl.ToggleAttribution": _t("location_sharing|toggle_attribution"),
+                "AttributionControl.MapFeedback": _t("location_sharing|map_feedback"),
+                "FullscreenControl.Enter": _t("action|enter_fullscreen"),
+                "FullscreenControl.Exit": _t("action|exit_fullscreeen"),
+                "GeolocateControl.FindMyLocation": _t("location_sharing|find_my_location"),
+                "GeolocateControl.LocationNotAvailable": _t("location_sharing|location_not_available"),
+                "LogoControl.Title": _t("location_sharing|mapbox_logo"),
+                "NavigationControl.ResetBearing": _t("location_sharing|reset_bearing"),
+                "NavigationControl.ZoomIn": _t("action|zoom_in"),
+                "NavigationControl.ZoomOut": _t("action|zoom_out"),
+            },
+        });
+        map.addControl(new maplibregl.AttributionControl(), "top-right");
+
+        map.on("error", (e) => {
+            logger.error("Failed to load map: check map_style_url in config.json has a valid URL and API key", e.error);
+            onError?.(new Error(LocationShareError.MapStyleUrlNotReachable));
+        });
+
+        return map;
+    } catch (e) {
+        logger.error("Failed to render map", e);
+        const errorMessage = (e as Error)?.message;
+        if (errorMessage.includes("Failed to initialize WebGL")) throw new Error(LocationShareError.WebGLNotEnabled);
+        throw e;
+    }
+};
+
+export const createMarker = (coords: GeolocationCoordinates, element: HTMLElement): maplibregl.Marker => {
+    const marker = new maplibregl.Marker({
+        element,
+        anchor: "bottom",
+        offset: [0, -1],
+    }).setLngLat({ lon: coords.longitude, lat: coords.latitude });
+    return marker;
+};
diff --git a/apps/web/src/utils/location/parseGeoUri.test.ts b/apps/web/src/utils/location/parseGeoUri.test.ts
new file mode 100644
index 00000000000..27bc56a4b20
--- /dev/null
+++ b/apps/web/src/utils/location/parseGeoUri.test.ts
@@ -0,0 +1,150 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import { parseGeoUri } from "./parseGeoUri";
+
+describe("parseGeoUri", () => {
+    it("fails if the supplied URI is empty", () => {
+        expect(parseGeoUri("")).toBeFalsy();
+    });
+
+    it("returns undefined if latitude is not a number", () => {
+        expect(parseGeoUri("geo:ABCD,16.3695,183")).toBeUndefined();
+    });
+
+    it("returns undefined if longitude is not a number", () => {
+        expect(parseGeoUri("geo:48.2010,EFGH,183")).toBeUndefined();
+    });
+
+    // We use some examples from the spec, but don't check semantics
+    // like two textually-different URIs being equal, since we are
+    // just a humble parser.
+
+    // Note: we do not understand geo URIs with percent-encoded coords
+    // or accuracy.  It is RECOMMENDED in the spec never to percent-encode
+    // these, but it is permitted, and we will fail to parse in that case.
+
+    it("rfc5870 6.1 Simple 3-dimensional", () => {
+        expect(parseGeoUri("geo:48.2010,16.3695,183")).toEqual({
+            latitude: 48.201,
+            longitude: 16.3695,
+            altitude: 183,
+            accuracy: undefined,
+            altitudeAccuracy: null,
+            heading: null,
+            speed: null,
+            toJSON: expect.any(Function),
+        });
+    });
+
+    it("rfc5870 6.2 Explicit CRS and accuracy", () => {
+        expect(parseGeoUri("geo:48.198634,16.371648;crs=wgs84;u=40")).toEqual({
+            latitude: 48.198634,
+            longitude: 16.371648,
+            altitude: null,
+            accuracy: 40,
+            altitudeAccuracy: null,
+            heading: null,
+            speed: null,
+            toJSON: expect.any(Function),
+        });
+    });
+
+    it("rfc5870 6.4 Negative longitude and explicit CRS", () => {
+        expect(parseGeoUri("geo:90,-22.43;crs=WGS84")).toEqual({
+            latitude: 90,
+            longitude: -22.43,
+            altitude: null,
+            accuracy: undefined,
+            altitudeAccuracy: null,
+            heading: null,
+            speed: null,
+            toJSON: expect.any(Function),
+        });
+    });
+
+    it("rfc5870 6.4 Integer lat and lon", () => {
+        expect(parseGeoUri("geo:90,46")).toEqual({
+            latitude: 90,
+            longitude: 46,
+            altitude: null,
+            accuracy: undefined,
+            altitudeAccuracy: null,
+            heading: null,
+            speed: null,
+            toJSON: expect.any(Function),
+        });
+    });
+
+    it("rfc5870 6.4 Percent-encoded param value", () => {
+        expect(parseGeoUri("geo:66,30;u=6.500;FOo=this%2dthat")).toEqual({
+            latitude: 66,
+            longitude: 30,
+            altitude: null,
+            accuracy: 6.5,
+            altitudeAccuracy: null,
+            heading: null,
+            speed: null,
+            toJSON: expect.any(Function),
+        });
+    });
+
+    it("rfc5870 6.4 Unknown param", () => {
+        expect(parseGeoUri("geo:66.0,30;u=6.5;foo=this-that>")).toEqual({
+            latitude: 66.0,
+            longitude: 30,
+            altitude: null,
+            accuracy: 6.5,
+            altitudeAccuracy: null,
+            heading: null,
+            speed: null,
+            toJSON: expect.any(Function),
+        });
+    });
+
+    it("rfc5870 6.4 Multiple unknown params", () => {
+        expect(parseGeoUri("geo:70,20;foo=1.00;bar=white")).toEqual({
+            latitude: 70,
+            longitude: 20,
+            altitude: null,
+            accuracy: undefined,
+            altitudeAccuracy: null,
+            heading: null,
+            speed: null,
+            toJSON: expect.any(Function),
+        });
+    });
+
+    it("Negative latitude", () => {
+        expect(parseGeoUri("geo:-7.5,20")).toEqual({
+            latitude: -7.5,
+            longitude: 20,
+            altitude: null,
+            accuracy: undefined,
+            altitudeAccuracy: null,
+            heading: null,
+            speed: null,
+            toJSON: expect.any(Function),
+        });
+    });
+
+    it("Zero altitude is not unknown", () => {
+        expect(parseGeoUri("geo:-7.5,-20,0")).toEqual({
+            latitude: -7.5,
+            longitude: -20,
+            altitude: 0,
+            accuracy: undefined,
+            altitudeAccuracy: null,
+            heading: null,
+            speed: null,
+            toJSON: expect.any(Function),
+        });
+    });
+});
diff --git a/apps/web/src/utils/location/parseGeoUri.ts b/apps/web/src/utils/location/parseGeoUri.ts
new file mode 100644
index 00000000000..358c018de50
--- /dev/null
+++ b/apps/web/src/utils/location/parseGeoUri.ts
@@ -0,0 +1,49 @@
+/*
+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.
+*/
+
+export const parseGeoUri = (uri: string): GeolocationCoordinates | undefined => {
+    function parse(s: string): number | null {
+        const ret = parseFloat(s);
+        if (Number.isNaN(ret)) {
+            return null;
+        } else {
+            return ret;
+        }
+    }
+
+    const m = uri.match(/^\s*geo:(.*?)\s*$/);
+    if (!m) return;
+    const parts = m[1].split(";");
+    const coords = parts[0].split(",");
+    let uncertainty: number | null | undefined = undefined;
+    for (const param of parts.slice(1)) {
+        const m = param.match(/u=(.*)/);
+        if (m) uncertainty = parse(m[1]);
+    }
+    const latitude = parse(coords[0]);
+    const longitude = parse(coords[1]);
+
+    if (latitude === null || longitude === null) {
+        return;
+    }
+
+    const geoCoords = {
+        latitude: latitude,
+        longitude: longitude,
+        altitude: parse(coords[2]),
+        accuracy: uncertainty!,
+        altitudeAccuracy: null,
+        heading: null,
+        speed: null,
+    };
+
+    return {
+        toJSON: () => geoCoords,
+        ...geoCoords,
+    };
+};
diff --git a/apps/web/src/utils/location/positionFailureMessage.test.ts b/apps/web/src/utils/location/positionFailureMessage.test.ts
new file mode 100644
index 00000000000..99baa49cdbc
--- /dev/null
+++ b/apps/web/src/utils/location/positionFailureMessage.test.ts
@@ -0,0 +1,32 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import { positionFailureMessage } from "./positionFailureMessage";
+
+describe("positionFailureMessage()", () => {
+    // error codes from GeolocationPositionError
+    // see: https://developer.mozilla.org/en-US/docs/Web/API/GeolocationPositionError
+    // 1: PERMISSION_DENIED
+    // 2: POSITION_UNAVAILABLE
+    // 3: TIMEOUT
+    type TestCase = [number, string | undefined];
+    it.each<TestCase>([
+        [
+            1,
+            "Element was denied permission to fetch your location. Please allow location access in your browser settings.",
+        ],
+        [2, "Failed to fetch your location. Please try again later."],
+        [3, "Timed out trying to fetch your location. Please try again later."],
+        [4, "Unknown error fetching location. Please try again later."],
+        [5, undefined],
+    ])("returns correct message for error code %s", (code, expectedMessage) => {
+        expect(positionFailureMessage(code)).toEqual(expectedMessage);
+    });
+});
diff --git a/apps/web/src/utils/location/positionFailureMessage.ts b/apps/web/src/utils/location/positionFailureMessage.ts
new file mode 100644
index 00000000000..cb53d931b76
--- /dev/null
+++ b/apps/web/src/utils/location/positionFailureMessage.ts
@@ -0,0 +1,29 @@
+/*
+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 { _t } from "../../languageHandler";
+import SdkConfig from "../../SdkConfig";
+
+/**
+ * Get a localised error message for GeolocationPositionError error codes
+ * @param code - error code from GeolocationPositionError
+ * @returns
+ */
+export const positionFailureMessage = (code: number): string | undefined => {
+    const brand = SdkConfig.get().brand;
+    switch (code) {
+        case 1:
+            return _t("location_sharing|failed_permission", { brand });
+        case 2:
+            return _t("location_sharing|failed_generic");
+        case 3:
+            return _t("location_sharing|failed_timeout");
+        case 4:
+            return _t("location_sharing|failed_unknown");
+    }
+};
diff --git a/apps/web/src/utils/location/useMap.ts b/apps/web/src/utils/location/useMap.ts
new file mode 100644
index 00000000000..4a299101bd5
--- /dev/null
+++ b/apps/web/src/utils/location/useMap.ts
@@ -0,0 +1,55 @@
+/*
+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 { useEffect, useState } from "react";
+
+import type { Map as MapLibreMap } from "maplibre-gl";
+import { createMap } from "./map";
+import { useMatrixClientContext } from "../../contexts/MatrixClientContext";
+
+interface UseMapProps {
+    bodyId: string;
+    onError?: (error: Error) => void;
+    interactive?: boolean;
+}
+
+/**
+ * Create a map instance
+ * Add listeners for errors
+ * Make sure `onError` has a stable reference
+ * As map is recreated on changes to it
+ */
+export const useMap = ({ interactive, bodyId, onError }: UseMapProps): MapLibreMap | undefined => {
+    const cli = useMatrixClientContext();
+    const [map, setMap] = useState<MapLibreMap>();
+
+    useEffect(
+        () => {
+            let map: MapLibreMap | undefined;
+            try {
+                map = createMap(cli, !!interactive, bodyId, onError);
+                setMap(map);
+            } catch (error) {
+                console.error("Error encountered in useMap", error);
+                if (error instanceof Error) {
+                    onError?.(error);
+                }
+            }
+            return () => {
+                if (map) {
+                    map.remove();
+                    setMap(undefined);
+                }
+            };
+        },
+        // map is excluded as a dependency
+        [cli, interactive, bodyId, onError],
+    );
+
+    return map;
+};
diff --git a/apps/web/src/utils/maps.test.ts b/apps/web/src/utils/maps.test.ts
new file mode 100644
index 00000000000..4fe41741977
--- /dev/null
+++ b/apps/web/src/utils/maps.test.ts
@@ -0,0 +1,221 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { describe, it, expect } from "vitest";
+
+import { EnhancedMap, mapDiff } from "./maps";
+
+describe("maps", () => {
+    describe("mapDiff", () => {
+        it("should indicate no differences when the pointers are the same", () => {
+            const a = new Map([
+                [1, 1],
+                [2, 2],
+                [3, 3],
+            ]);
+            const result = mapDiff(a, a);
+            expect(result).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.changed).toBeDefined();
+            expect(result.added).toHaveLength(0);
+            expect(result.removed).toHaveLength(0);
+            expect(result.changed).toHaveLength(0);
+        });
+
+        it("should indicate no differences when there are none", () => {
+            const a = new Map([
+                [1, 1],
+                [2, 2],
+                [3, 3],
+            ]);
+            const b = new Map([
+                [1, 1],
+                [2, 2],
+                [3, 3],
+            ]);
+            const result = mapDiff(a, b);
+            expect(result).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.changed).toBeDefined();
+            expect(result.added).toHaveLength(0);
+            expect(result.removed).toHaveLength(0);
+            expect(result.changed).toHaveLength(0);
+        });
+
+        it("should indicate added properties", () => {
+            const a = new Map([
+                [1, 1],
+                [2, 2],
+                [3, 3],
+            ]);
+            const b = new Map([
+                [1, 1],
+                [2, 2],
+                [3, 3],
+                [4, 4],
+            ]);
+            const result = mapDiff(a, b);
+            expect(result).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.changed).toBeDefined();
+            expect(result.added).toHaveLength(1);
+            expect(result.removed).toHaveLength(0);
+            expect(result.changed).toHaveLength(0);
+            expect(result.added).toEqual([4]);
+        });
+
+        it("should indicate removed properties", () => {
+            const a = new Map([
+                [1, 1],
+                [2, 2],
+                [3, 3],
+            ]);
+            const b = new Map([
+                [1, 1],
+                [2, 2],
+            ]);
+            const result = mapDiff(a, b);
+            expect(result).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.changed).toBeDefined();
+            expect(result.added).toHaveLength(0);
+            expect(result.removed).toHaveLength(1);
+            expect(result.changed).toHaveLength(0);
+            expect(result.removed).toEqual([3]);
+        });
+
+        it("should indicate changed properties", () => {
+            const a = new Map([
+                [1, 1],
+                [2, 2],
+                [3, 3],
+            ]);
+            const b = new Map([
+                [1, 1],
+                [2, 2],
+                [3, 4],
+            ]); // note change
+            const result = mapDiff(a, b);
+            expect(result).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.changed).toBeDefined();
+            expect(result.added).toHaveLength(0);
+            expect(result.removed).toHaveLength(0);
+            expect(result.changed).toHaveLength(1);
+            expect(result.changed).toEqual([3]);
+        });
+
+        it("should indicate changed, added, and removed properties", () => {
+            const a = new Map([
+                [1, 1],
+                [2, 2],
+                [3, 3],
+            ]);
+            const b = new Map([
+                [1, 1],
+                [2, 8],
+                [4, 4],
+            ]); // note change
+            const result = mapDiff(a, b);
+            expect(result).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.changed).toBeDefined();
+            expect(result.added).toHaveLength(1);
+            expect(result.removed).toHaveLength(1);
+            expect(result.changed).toHaveLength(1);
+            expect(result.added).toEqual([4]);
+            expect(result.removed).toEqual([3]);
+            expect(result.changed).toEqual([2]);
+        });
+
+        it("should indicate changes for difference in pointers", () => {
+            const a = new Map([[1, {}]]); // {} always creates a new object
+            const b = new Map([[1, {}]]);
+            const result = mapDiff(a, b);
+            expect(result).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.changed).toBeDefined();
+            expect(result.added).toHaveLength(0);
+            expect(result.removed).toHaveLength(0);
+            expect(result.changed).toHaveLength(1);
+            expect(result.changed).toEqual([1]);
+        });
+    });
+
+    describe("EnhancedMap", () => {
+        // Most of these tests will make sure it implements the Map<K, V> class
+
+        it("should be empty by default", () => {
+            const result = new EnhancedMap();
+            expect(result.size).toBe(0);
+        });
+
+        it("should use the provided entries", () => {
+            const obj = { a: 1, b: 2 };
+            const result = new EnhancedMap(Object.entries(obj));
+            expect(result.size).toBe(2);
+            expect(result.get("a")).toBe(1);
+            expect(result.get("b")).toBe(2);
+        });
+
+        it("should create keys if they do not exist", () => {
+            const key = "a";
+            const val = {}; // we'll check pointers
+
+            const result = new EnhancedMap<string, any>();
+            expect(result.size).toBe(0);
+
+            let get = result.getOrCreate(key, val);
+            expect(get).toBeDefined();
+            expect(get).toBe(val);
+            expect(result.size).toBe(1);
+
+            get = result.getOrCreate(key, 44); // specifically change `val`
+            expect(get).toBeDefined();
+            expect(get).toBe(val);
+            expect(result.size).toBe(1);
+
+            get = result.get(key); // use the base class function
+            expect(get).toBeDefined();
+            expect(get).toBe(val);
+            expect(result.size).toBe(1);
+        });
+
+        it("should proxy remove to delete and return it", () => {
+            const val = {};
+            const result = new EnhancedMap<string, any>();
+            result.set("a", val);
+
+            expect(result.size).toBe(1);
+
+            const removed = result.remove("a");
+            expect(result.size).toBe(0);
+            expect(removed).toBeDefined();
+            expect(removed).toBe(val);
+        });
+
+        it("should support removing unknown keys", () => {
+            const val = {};
+            const result = new EnhancedMap<string, any>();
+            result.set("a", val);
+
+            expect(result.size).toBe(1);
+
+            const removed = result.remove("not-a");
+            expect(result.size).toBe(1);
+            expect(removed).not.toBeDefined();
+        });
+    });
+});
diff --git a/apps/web/src/utils/maps.ts b/apps/web/src/utils/maps.ts
new file mode 100644
index 00000000000..48de6f8be35
--- /dev/null
+++ b/apps/web/src/utils/maps.ts
@@ -0,0 +1,49 @@
+/*
+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 { arrayDiff, arrayIntersection } from "./arrays";
+
+/**
+ * Determines the keys added, changed, and removed between two Maps.
+ * For changes, simple triple equal comparisons are done, not in-depth tree checking.
+ * @param a The first Map. Must be defined.
+ * @param b The second Map. Must be defined.
+ * @returns The difference between the keys of each Map.
+ */
+export function mapDiff<K, V>(a: Map<K, V>, b: Map<K, V>): { changed: K[]; added: K[]; removed: K[] } {
+    const aKeys = [...a.keys()];
+    const bKeys = [...b.keys()];
+    const keyDiff = arrayDiff(aKeys, bKeys);
+    const possibleChanges = arrayIntersection(aKeys, bKeys);
+    const changes = possibleChanges.filter((k) => a.get(k) !== b.get(k));
+
+    return { changed: changes, added: keyDiff.added, removed: keyDiff.removed };
+}
+
+/**
+ * A Map<K, V> with added utility.
+ */
+export class EnhancedMap<K, V> extends Map<K, V> {
+    public constructor(entries?: Iterable<[K, V]>) {
+        super(entries);
+    }
+
+    public getOrCreate(key: K, def: V): V {
+        if (this.has(key)) {
+            return this.get(key)!;
+        }
+        this.set(key, def);
+        return def;
+    }
+
+    public remove(key: K): V | undefined {
+        const v = this.get(key);
+        this.delete(key);
+        return v;
+    }
+}
diff --git a/apps/web/src/utils/media/mediaVisibility.ts b/apps/web/src/utils/media/mediaVisibility.ts
new file mode 100644
index 00000000000..daebd527154
--- /dev/null
+++ b/apps/web/src/utils/media/mediaVisibility.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 { JoinRule, type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { type MediaPreviewConfig, MediaPreviewValue } from "../../@types/media_preview";
+import { SettingLevel } from "../../settings/SettingLevel";
+import SettingsStore from "../../settings/SettingsStore";
+
+/**
+ * Determine whether a room should be treated as private when applying media preview defaults.
+ *
+ * @param client - Matrix client used to resolve the room and its current join rule.
+ * @param roomId - Room to inspect. If omitted or unknown, the room is treated as non-private.
+ * @returns `true` when the room's join rule restricts membership, otherwise `false`.
+ */
+function isRoomPrivate(client: MatrixClient, roomId?: string): boolean {
+    const room = roomId ? client.getRoom(roomId) : undefined;
+    const joinRule = room?.currentState.getJoinRule();
+
+    switch (joinRule) {
+        case JoinRule.Invite:
+        case JoinRule.Knock:
+        case JoinRule.Restricted:
+            return true;
+        default:
+            return false;
+    }
+}
+
+/**
+ * Resolve whether media for a single event should be shown.
+ *
+ * Precedence is:
+ * 1. An explicit per-event override stored in `showMediaEventIds`
+ * 2. Always show media in events sent by the current user
+ * 3. Fall back to the room-level `mediaPreviewConfig` policy
+ *
+ * @param mediaPreviewSetting - Effective room-level media preview configuration.
+ * @param eventVisibility - Per-event visibility overrides keyed by event ID.
+ * @param userId - Current user ID, used to always show media sent by the local user.
+ * @param eventId - Event being evaluated. Used to look up any explicit override.
+ * @param sender - Sender of the event being evaluated.
+ * @param roomIsPrivate - Whether the event's room should use the private-room preview behavior.
+ * @returns `true` when media should be displayed for the event, otherwise `false`.
+ */
+export function computeMediaVisibility(
+    mediaPreviewSetting: MediaPreviewConfig,
+    eventVisibility: Record<string, boolean>,
+    userId: string | undefined,
+    eventId: string | undefined,
+    sender: string | undefined,
+    roomIsPrivate: boolean,
+): boolean {
+    const explicitEventVisibility = eventId ? eventVisibility[eventId] : undefined;
+
+    if (explicitEventVisibility !== undefined) {
+        return explicitEventVisibility;
+    }
+
+    if (sender === userId) {
+        return true;
+    }
+
+    switch (mediaPreviewSetting.media_previews) {
+        case MediaPreviewValue.Off:
+            return false;
+        case MediaPreviewValue.On:
+            return true;
+        case MediaPreviewValue.Private:
+            return roomIsPrivate;
+        default:
+            console.warn("Invalid media visibility setting", mediaPreviewSetting.media_previews);
+            return false;
+    }
+}
+
+/**
+ * Compute the effective media visibility for a Matrix event using the current settings state.
+ *
+ * @param mxEvent - Event whose media visibility should be evaluated.
+ * @param client - Matrix client used to resolve the current user and room metadata.
+ * @returns `true` when media should be shown for the event, otherwise `false`.
+ */
+export function getMediaVisibility(mxEvent: MatrixEvent, client: MatrixClient): boolean {
+    const eventId = mxEvent.getId();
+    const roomId = mxEvent.getRoomId();
+    const mediaPreviewSetting = SettingsStore.getValue("mediaPreviewConfig", roomId);
+    const eventVisibility = SettingsStore.getValue("showMediaEventIds");
+
+    return computeMediaVisibility(
+        mediaPreviewSetting,
+        eventVisibility,
+        client.getUserId() ?? undefined,
+        eventId,
+        mxEvent.getSender(),
+        isRoomPrivate(client, roomId),
+    );
+}
+
+/**
+ * Persist a per-event override for whether media should be displayed on this device.
+ *
+ * @param mxEvent - Event whose media visibility override should be updated.
+ * @param visible - Whether media for the event should be shown.
+ * @returns A promise that resolves once the device-scoped setting has been updated.
+ */
+export async function setMediaVisibility(mxEvent: MatrixEvent, visible: boolean): Promise<void> {
+    const eventId = mxEvent.getId();
+    if (!eventId) return;
+
+    const eventVisibility = SettingsStore.getValue("showMediaEventIds");
+
+    await SettingsStore.setValue("showMediaEventIds", null, SettingLevel.DEVICE, {
+        ...eventVisibility,
+        [eventId]: visible,
+    });
+}
diff --git a/apps/web/src/utils/media/requestMediaPermissions.ts b/apps/web/src/utils/media/requestMediaPermissions.ts
new file mode 100644
index 00000000000..3b9e04ccd2e
--- /dev/null
+++ b/apps/web/src/utils/media/requestMediaPermissions.ts
@@ -0,0 +1,48 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+
+import ErrorDialog from "../../components/views/dialogs/ErrorDialog";
+import { _t } from "../../languageHandler";
+import Modal from "../../Modal";
+import SdkConfig from "../../SdkConfig";
+
+export const requestMediaPermissions = async (video = true): Promise<MediaStream | undefined> => {
+    let stream: MediaStream | undefined;
+    let error: any;
+
+    try {
+        stream = await navigator.mediaDevices.getUserMedia({
+            audio: true,
+            video,
+        });
+    } catch (err: any) {
+        // user likely doesn't have a webcam,
+        // we should still allow to select a microphone
+        if (video && err.name === "NotFoundError") {
+            try {
+                stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            } catch (err) {
+                error = err;
+            }
+        } else {
+            error = err;
+        }
+    }
+    if (error) {
+        logger.log("Failed to list userMedia devices", error);
+        const brand = SdkConfig.get().brand;
+        Modal.createDialog(ErrorDialog, {
+            title: _t("voip|no_media_perms_title"),
+            description: _t("voip|no_media_perms_description", { brand }),
+        });
+    }
+
+    return stream;
+};
diff --git a/apps/web/src/utils/membership.test.ts b/apps/web/src/utils/membership.test.ts
new file mode 100644
index 00000000000..61a640ade75
--- /dev/null
+++ b/apps/web/src/utils/membership.test.ts
@@ -0,0 +1,129 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach, type Mocked } from "vitest";
+import {
+    type MatrixClient,
+    type MatrixEvent,
+    Room,
+    type RoomMember,
+    type RoomState,
+    RoomStateEvent,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { createTestClient, mkRoomMember, stubClient } from "test-utils";
+
+import { isKnockDenied, waitForMember } from "./membership";
+
+describe("isKnockDenied", () => {
+    const userId = "alice";
+    let client: Mocked<MatrixClient>;
+    let room: Room;
+
+    beforeEach(() => {
+        client = vi.mocked(stubClient());
+        room = new Room("!room-id:example.com", client, "@user:example.com");
+    });
+
+    it("checks that the user knock has been denied", () => {
+        const roomMember = mkRoomMember(room.roomId, userId, KnownMembership.Leave, true, {
+            membership: KnownMembership.Knock,
+        });
+        vi.spyOn(room, "getMember").mockReturnValue(roomMember);
+        expect(isKnockDenied(room)).toBe(true);
+    });
+
+    it.each([
+        { membership: KnownMembership.Leave, isKicked: false, prevMembership: KnownMembership.Invite },
+        { membership: KnownMembership.Leave, isKicked: true, prevMembership: KnownMembership.Invite },
+        { membership: KnownMembership.Leave, isKicked: false, prevMembership: KnownMembership.Join },
+        { membership: KnownMembership.Leave, isKicked: true, prevMembership: KnownMembership.Join },
+    ])("checks that the user knock has been not denied", ({ membership, isKicked, prevMembership }) => {
+        const roomMember = mkRoomMember(room.roomId, userId, membership, isKicked, { membership: prevMembership });
+        vi.spyOn(room, "getMember").mockReturnValue(roomMember);
+        expect(isKnockDenied(room)).toBe(false);
+    });
+});
+
+/* Shorter timeout, we've got tests to run */
+const timeout = 30;
+
+describe("waitForMember", () => {
+    const STUB_ROOM_ID = "!stub_room:domain";
+    const STUB_MEMBER_ID = "!stub_member:domain";
+
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        client = createTestClient();
+
+        // getRoom() only knows about !stub_room, which has only one member
+        const stubRoom = {
+            getMember: vi.fn().mockImplementation((userId) => {
+                return userId === STUB_MEMBER_ID ? ({} as RoomMember) : null;
+            }),
+        };
+        vi.mocked(client.getRoom).mockImplementation((roomId) => {
+            return roomId === STUB_ROOM_ID ? (stubRoom as unknown as Room) : null;
+        });
+    });
+
+    afterEach(() => {
+        vi.useRealTimers();
+    });
+
+    it("resolves with false if the timeout is reached", async () => {
+        const result = await waitForMember(client, "", "", { timeout: 0 });
+        expect(result).toBe(false);
+    });
+
+    it("resolves with false if the timeout is reached, even if other RoomState.newMember events fire", async () => {
+        vi.useFakeTimers();
+        const roomId = "!roomId:domain";
+        const userId = "@clientId:domain";
+        const resultProm = waitForMember(client, roomId, userId, { timeout });
+        vi.advanceTimersByTime(50);
+        expect(await resultProm).toBe(false);
+        client.emit(
+            RoomStateEvent.NewMember,
+            undefined as unknown as MatrixEvent,
+            undefined as unknown as RoomState,
+            {
+                roomId,
+                userId: "@anotherClient:domain",
+            } as RoomMember,
+        );
+        vi.useRealTimers();
+    });
+
+    it("resolves with true if RoomState.newMember fires", async () => {
+        const roomId = "!roomId:domain";
+        const userId = "@clientId:domain";
+        const resultProm = waitForMember(client, roomId, userId, { timeout });
+        client.emit(
+            RoomStateEvent.NewMember,
+            undefined as unknown as MatrixEvent,
+            undefined as unknown as RoomState,
+            { roomId, userId } as RoomMember,
+        );
+        expect(await resultProm).toBe(true);
+    });
+
+    it("resolves immediately if the user is already a member", async () => {
+        vi.useFakeTimers();
+        const resultProm = waitForMember(client, STUB_ROOM_ID, STUB_MEMBER_ID, { timeout });
+        expect(await resultProm).toBe(true);
+    });
+
+    it("waits for the timeout if the room is known but the user is not", async () => {
+        const result = await waitForMember(client, STUB_ROOM_ID, "@other_user", { timeout: 0 });
+        expect(result).toBe(false);
+    });
+});
diff --git a/apps/web/src/utils/membership.ts b/apps/web/src/utils/membership.ts
new file mode 100644
index 00000000000..73038ba45d4
--- /dev/null
+++ b/apps/web/src/utils/membership.ts
@@ -0,0 +1,130 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-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 {
+    type Room,
+    type RoomMember,
+    type RoomState,
+    RoomStateEvent,
+    type MatrixEvent,
+    type MatrixClient,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership, type Membership } from "matrix-js-sdk/src/types";
+
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import SettingsStore from "../settings/SettingsStore";
+
+/**
+ * Approximation of a membership status for a given room.
+ */
+export enum EffectiveMembership {
+    /**
+     * The user is effectively joined to the room. For example, actually joined
+     * or knocking on the room (when that becomes possible).
+     */
+    Join = "JOIN",
+
+    /**
+     * The user is effectively invited to the room. Currently this is a direct map
+     * to the invite membership as no other membership states are effectively
+     * invites.
+     */
+    Invite = "INVITE",
+
+    /**
+     * The user is effectively no longer in the room. For example, kicked,
+     * banned, or voluntarily left.
+     */
+    Leave = "LEAVE",
+}
+
+export function getEffectiveMembership(membership: Membership): EffectiveMembership {
+    if (membership === KnownMembership.Invite) {
+        return EffectiveMembership.Invite;
+    } else if (
+        membership === KnownMembership.Join ||
+        (SettingsStore.getValue("feature_ask_to_join") && membership === KnownMembership.Knock)
+    ) {
+        return EffectiveMembership.Join;
+    } else {
+        // Probably a leave, kick, or ban
+        return EffectiveMembership.Leave;
+    }
+}
+
+export function isKnockDenied(room: Room): boolean | undefined {
+    const memberId = MatrixClientPeg.get()?.getSafeUserId();
+    const member = memberId ? room.getMember(memberId) : null;
+    const previousMembership = member?.events.member?.getPrevContent().membership;
+
+    return member?.isKicked() && previousMembership === KnownMembership.Knock;
+}
+
+export function getEffectiveMembershipTag(room: Room, membership?: string): EffectiveMembership {
+    return isKnockDenied(room)
+        ? EffectiveMembership.Join
+        : getEffectiveMembership(membership ?? room.getMyMembership());
+}
+
+export function isJoinedOrNearlyJoined(membership: Membership): boolean {
+    const effective = getEffectiveMembership(membership);
+    return effective === EffectiveMembership.Join || effective === EffectiveMembership.Invite;
+}
+
+/**
+ * Try to ensure the user is in the room (invited or joined) before continuing
+ */
+export async function waitForMember(
+    client: MatrixClient,
+    roomId: string,
+    userId: string,
+    opts = { timeout: 1500 },
+): Promise<boolean> {
+    const { timeout } = opts;
+    let handler: (event: MatrixEvent, state: RoomState, member: RoomMember) => void;
+
+    // check if the user is in the room before we start -- in which case, no need to wait.
+    if ((client.getRoom(roomId)?.getMember(userId) ?? null) !== null) {
+        return true;
+    }
+
+    return new Promise<boolean>((resolve) => {
+        handler = function (_, __, member: RoomMember) {
+            if (member.userId !== userId) return;
+            if (member.roomId !== roomId) return;
+            resolve(true);
+        };
+        client.on(RoomStateEvent.NewMember, handler);
+
+        /* We don't want to hang if this goes wrong, so we proceed and hope the other
+           user is already in the room */
+        window.setTimeout(resolve, timeout, false);
+    }).finally(() => {
+        client.removeListener(RoomStateEvent.NewMember, handler);
+    });
+}
+
+/**
+ * Check if the user is the only joined admin in the room
+ * This function will *not* cause lazy loading of room members, so if these should be included then
+ * the caller needs to make sure members have been loaded.
+ * @param room The room to check if the user is the only admin.
+ * @returns True if the user is the only user with the highest power level, false otherwise
+ */
+export function isOnlyAdmin(room: Room): boolean {
+    const currentUserLevel = room.getMember(room.client.getSafeUserId())?.powerLevel;
+
+    const userLevelValues = room.getJoinedMembers().map((m) => m.powerLevel);
+
+    const maxUserLevel = Math.max(...userLevelValues.filter((x) => typeof x === "number"));
+    // If the user is the only user with highest power level
+    return (
+        maxUserLevel === currentUserLevel &&
+        userLevelValues.lastIndexOf(maxUserLevel) == userLevelValues.indexOf(maxUserLevel)
+    );
+}
diff --git a/apps/web/src/utils/messages.ts b/apps/web/src/utils/messages.ts
new file mode 100644
index 00000000000..0a2b91f4929
--- /dev/null
+++ b/apps/web/src/utils/messages.ts
@@ -0,0 +1,134 @@
+/*
+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 MatrixEvent, type IContent, type IMentions, type IEventRelation } from "matrix-js-sdk/src/matrix";
+import { type MessageComposerUrlPreviewSnapshot } from "@element-hq/web-shared-components";
+
+import type EditorModel from "../editor/model";
+import { Type } from "../editor/parts";
+import { type RoomMessageEventContent } from "../../@types/url-preview";
+import SettingsStore from "../settings/SettingsStore";
+
+/**
+ * Build the mentions information based on the editor model (and any related events):
+ *
+ * 1. Search the model parts for room or user pills and fill in the mentions object.
+ * 2. If this is a reply to another event, include any user mentions from that
+ *    (but do not include a room mention).
+ *
+ * @param sender - The Matrix ID of the user sending the event.
+ * @param content - The event content.
+ * @param model - The editor model to search for mentions, null if there is no editor.
+ * @param replyToEvent - The event being replied to or undefined if it is not a reply.
+ * @param editedContent - The content of the parent event being edited.
+ */
+export function attachMentions(
+    sender: string,
+    content: IContent,
+    model: EditorModel | null,
+    replyToEvent: MatrixEvent | undefined,
+    editedContent: IContent | null = null,
+): void {
+    // We always attach the mentions even if the home server doesn't yet support
+    // intentional mentions. This is safe because m.mentions is an additive change
+    // that should simply be ignored by incapable home servers.
+
+    // The mentions property *always* gets included to disable legacy push rules.
+    const mentions: IMentions = (content["m.mentions"] = {});
+
+    const userMentions = new Set<string>();
+    let roomMention = false;
+
+    // If there's a reply, initialize the mentioned users as the sender of that event.
+    if (replyToEvent) {
+        userMentions.add(replyToEvent.sender!.userId);
+    }
+
+    // If user provided content is available, check to see if any users are mentioned.
+    if (model) {
+        // Add any mentioned users in the current content.
+        for (const part of model.parts) {
+            if (part.type === Type.UserPill) {
+                userMentions.add(part.resourceId);
+            } else if (part.type === Type.AtRoomPill) {
+                roomMention = true;
+            }
+        }
+    }
+
+    // Ensure the *current* user isn't listed in the mentioned users.
+    userMentions.delete(sender);
+
+    // Finally, if this event is editing a previous event, only include users who
+    // were not previously mentioned and a room mention if the previous event was
+    // not a room mention.
+    if (editedContent) {
+        // First, the new event content gets the *full* set of users.
+        const newContent = content["m.new_content"];
+        const newMentions: IMentions = (newContent["m.mentions"] = {});
+
+        // Only include the users/room if there is any content.
+        if (userMentions.size) {
+            newMentions.user_ids = [...userMentions];
+        }
+        if (roomMention) {
+            newMentions.room = true;
+        }
+
+        // Fetch the mentions from the original event and remove any previously
+        // mentioned users.
+        const prevMentions = editedContent["m.mentions"];
+        if (Array.isArray(prevMentions?.user_ids)) {
+            prevMentions.user_ids.forEach((userId) => userMentions.delete(userId));
+        }
+
+        // If the original event mentioned the room, nothing to do here.
+        if (prevMentions?.room) {
+            roomMention = false;
+        }
+    }
+
+    // Only include the users/room if there is any content.
+    if (userMentions.size) {
+        mentions.user_ids = [...userMentions];
+    }
+    if (roomMention) {
+        mentions.room = true;
+    }
+}
+
+// Merges favouring the given relation
+export function attachRelation(content: IContent, relation?: IEventRelation): void {
+    if (relation) {
+        content["m.relates_to"] = {
+            ...content["m.relates_to"],
+            ...relation,
+        };
+    }
+}
+export function attachUrlPreviews(
+    urlPreviewSnapshot: MessageComposerUrlPreviewSnapshot,
+    content: RoomMessageEventContent,
+): void {
+    if (!SettingsStore.getValue("feature_msc4095_url_preview_bundle")) return;
+
+    if (urlPreviewSnapshot.previews.length) {
+        content["com.beeper.linkpreviews"] = urlPreviewSnapshot.previews.map((preview) => {
+            return {
+                "matched_url": preview.link,
+                "og:url": preview.ogUrl,
+                "og:title": preview.title,
+                "og:description": preview.description,
+                "og:image": preview.image?.mxcImageFull,
+                "og:image:width": preview.image?.width,
+                "og:image:height": preview.image?.height,
+                "og:image:type": preview.image?.imageType,
+                "matrix:image:size": preview.image?.fileSize,
+            };
+        });
+    }
+}
diff --git a/apps/web/src/utils/notifications.ts b/apps/web/src/utils/notifications.ts
new file mode 100644
index 00000000000..47e74de1492
--- /dev/null
+++ b/apps/web/src/utils/notifications.ts
@@ -0,0 +1,204 @@
+/*
+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 {
+    type MatrixClient,
+    LOCAL_NOTIFICATION_SETTINGS_PREFIX,
+    NotificationCountType,
+    type Room,
+    type LocalNotificationSettings,
+    ReceiptType,
+    type IMarkedUnreadEvent,
+    type EmptyObject,
+    EventType,
+} from "matrix-js-sdk/src/matrix";
+import { type IndicatorIcon } from "@vector-im/compound-web";
+
+import SettingsStore from "../settings/SettingsStore";
+import { NotificationLevel } from "../stores/notifications/NotificationLevel";
+import { doesRoomHaveUnreadMessages } from "../Unread";
+import { type SettingKey } from "../settings/Settings.tsx";
+
+// MSC2867 is not yet spec at time of writing. We read from both stable
+// and unstable prefixes and accept the risk that the format may change,
+// since the stable prefix is not actually defined yet.
+
+/**
+ * Unstable identifier for the marked_unread event, per MSC2867
+ */
+export const MARKED_UNREAD_TYPE_UNSTABLE = "com.famedly.marked_unread";
+/**
+ * Stable identifier for the marked_unread event
+ */
+export const MARKED_UNREAD_TYPE_STABLE = EventType.MarkedUnread;
+
+declare module "matrix-js-sdk/src/types" {
+    interface RoomAccountDataEvents {
+        [MARKED_UNREAD_TYPE_UNSTABLE]: { [eventId: string]: boolean };
+    }
+}
+
+export const deviceNotificationSettingsKeys: SettingKey[] = [
+    "notificationsEnabled",
+    "notificationBodyEnabled",
+    "audioNotificationsEnabled",
+];
+
+export function getLocalNotificationAccountDataEventType(
+    deviceId: string | null,
+): `${typeof LOCAL_NOTIFICATION_SETTINGS_PREFIX.name}.${string}` {
+    return `${LOCAL_NOTIFICATION_SETTINGS_PREFIX.name}.${deviceId}`;
+}
+
+export async function createLocalNotificationSettingsIfNeeded(cli: MatrixClient): Promise<void> {
+    if (cli.isGuest()) {
+        return;
+    }
+    const eventType = getLocalNotificationAccountDataEventType(cli.deviceId);
+    const event = cli.getAccountData(eventType);
+    // New sessions will create an account data event to signify they support
+    // remote toggling of push notifications on this device. Default `is_silenced=true`
+    // For backwards compat purposes, older sessions will need to check settings value
+    // to determine what the state of `is_silenced`
+    if (!event) {
+        // If any of the above is true, we fall in the "backwards compat" case,
+        // and `is_silenced` will be set to `false`
+        const isSilenced = !deviceNotificationSettingsKeys.some((key) => SettingsStore.getValue(key));
+
+        await cli.setAccountData(eventType, {
+            is_silenced: isSilenced,
+        });
+    }
+}
+
+export function localNotificationsAreSilenced(cli: MatrixClient): boolean {
+    const eventType = getLocalNotificationAccountDataEventType(cli.deviceId);
+    const event = cli.getAccountData(eventType);
+    return event?.getContent<LocalNotificationSettings>()?.is_silenced ?? false;
+}
+
+/**
+ * Mark a room as read
+ * @param room
+ * @param client
+ * @returns a promise that resolves when the room has been marked as read
+ */
+export async function clearRoomNotification(room: Room, client: MatrixClient): Promise<EmptyObject | undefined> {
+    const lastEvent = room.getLastLiveEvent();
+
+    await setMarkedUnreadState(room, client, false);
+
+    try {
+        if (lastEvent) {
+            const receiptType = SettingsStore.getValue("sendReadReceipts", room.roomId)
+                ? ReceiptType.Read
+                : ReceiptType.ReadPrivate;
+            return await client.sendReadReceipt(lastEvent, receiptType, true);
+        } else {
+            return {};
+        }
+    } finally {
+        // We've had a lot of stuck unread notifications that in e2ee rooms
+        // They occur on event decryption when clients try to replicate the logic
+        //
+        // This resets the notification on a room, even though no read receipt
+        // has been sent, particularly useful when the clients has incorrectly
+        // notified a user.
+        room.setUnreadNotificationCount(NotificationCountType.Highlight, 0);
+        room.setUnreadNotificationCount(NotificationCountType.Total, 0);
+        for (const thread of room.getThreads()) {
+            room.setThreadUnreadNotificationCount(thread.id, NotificationCountType.Highlight, 0);
+            room.setThreadUnreadNotificationCount(thread.id, NotificationCountType.Total, 0);
+        }
+    }
+}
+
+/**
+ * Marks all rooms with an unread counter as read
+ * @param client The matrix client
+ * @returns a promise that resolves when all rooms have been marked as read
+ */
+export function clearAllNotifications(client: MatrixClient): Promise<Array<EmptyObject | undefined>> {
+    const receiptPromises = client
+        .getRooms()
+        .reduce((promises: Array<Promise<EmptyObject | undefined>>, room: Room) => {
+            if (doesRoomHaveUnreadMessages(room, true)) {
+                const promise = clearRoomNotification(room, client);
+                promises.push(promise);
+            }
+
+            return promises;
+        }, []);
+
+    return Promise.all(receiptPromises);
+}
+
+/**
+ * Gives the marked_unread state of the given room
+ * @param room The room to check
+ * @returns - The marked_unread state of the room, or undefined if no explicit state is set.
+ */
+export function getMarkedUnreadState(room: Room): boolean | undefined {
+    const currentStateStable = room.getAccountData(MARKED_UNREAD_TYPE_STABLE)?.getContent<IMarkedUnreadEvent>()?.unread;
+    const currentStateUnstable = room
+        .getAccountData(MARKED_UNREAD_TYPE_UNSTABLE)
+        ?.getContent<IMarkedUnreadEvent>()?.unread;
+    return currentStateStable ?? currentStateUnstable;
+}
+
+/**
+ * Sets the marked_unread state of the given room. This sets some room account data that indicates to
+ * clients that the user considers this room to be 'unread', but without any actual notifications.
+ *
+ * @param room The room to set
+ * @param client MatrixClient object to use
+ * @param unread The new marked_unread state of the room
+ */
+export async function setMarkedUnreadState(room: Room, client: MatrixClient, unread: boolean): Promise<void> {
+    // if there's no event, treat this as false as we don't need to send the flag to clear it if the event isn't there
+    const currentState = getMarkedUnreadState(room);
+
+    if (Boolean(currentState) !== unread) {
+        await client.setRoomAccountData(room.roomId, EventType.MarkedUnread, { unread });
+    }
+}
+
+/**
+ * A helper to transform a notification color to the what the Compound Icon Button
+ * expects
+ */
+export function notificationLevelToIndicator(
+    level: NotificationLevel,
+): React.ComponentPropsWithRef<typeof IndicatorIcon>["indicator"] {
+    if (level <= NotificationLevel.None) {
+        return undefined;
+    } else if (level <= NotificationLevel.Activity) {
+        return "default";
+    } else if (level <= NotificationLevel.Notification) {
+        return "success";
+    } else {
+        return "critical";
+    }
+}
+
+/**
+ * Return the thread notification level for a room
+ * @param room
+ * @returns {NotificationLevel}
+ */
+export function getThreadNotificationLevel(room: Room): NotificationLevel {
+    const notificationCountType = room.threadsAggregateNotificationType;
+    switch (notificationCountType) {
+        case NotificationCountType.Highlight:
+            return NotificationLevel.Highlight;
+        case NotificationCountType.Total:
+            return NotificationLevel.Notification;
+        default:
+            return NotificationLevel.Activity;
+    }
+}
diff --git a/apps/web/src/utils/oauth/authorize.ts b/apps/web/src/utils/oauth/authorize.ts
new file mode 100644
index 00000000000..36644d58cb7
--- /dev/null
+++ b/apps/web/src/utils/oauth/authorize.ts
@@ -0,0 +1,127 @@
+/*
+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 { OAuth2, OAuth2Error, type ValidatedAuthMetadata } from "matrix-js-sdk/src/matrix";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+
+import { OAuthClientError } from "./error";
+import PlatformPeg from "../../PlatformPeg";
+import { type URLParams } from "../../vector/url_utils.ts";
+import { getOAuthParams, loadAuthContext, storeAuthContext } from "./persistOAuthSettings.ts";
+
+const RESPONSE_MODE = "fragment";
+
+/**
+ * Start OAuth2 authorization code flow
+ * Generates auth params, stores them in session storage and
+ * Navigates to configured authorization endpoint
+ * @param authMetadata from {@link MatrixClient.getAuthMetdata}
+ * @param clientId this client's id as registered with configured issuer
+ * @param homeserverUrl target homeserver
+ * @param identityServerUrl OPTIONAL target identity server
+ * @param isRegistration if true will set the prompt to "create"
+ * @returns Promise that resolves after we have navigated to auth endpoint
+ */
+export const startOAuthLogin = async (
+    authMetadata: ValidatedAuthMetadata,
+    clientId: string,
+    homeserverUrl: string,
+    identityServerUrl?: string,
+    isRegistration?: boolean,
+): Promise<void> => {
+    const platform = PlatformPeg.get()!;
+    const state = secureRandomString(32) + platform.getOAuthClientState();
+
+    const auth = new OAuth2(authMetadata, getOAuthParams(clientId));
+    storeAuthContext({
+        authContext: auth.context,
+        metadata: authMetadata,
+        homeserverUrl,
+        identityServerUrl,
+        state,
+    });
+
+    const authorizationUrl = await auth.generateAuthorizationCodeGrantUrl(
+        state,
+        RESPONSE_MODE,
+        isRegistration ? "create" : undefined,
+    );
+
+    window.location.href = authorizationUrl;
+};
+
+/**
+ * Gets `code` and `state` response params
+ *
+ * @param urlParams - the parameters to read
+ * @returns code and state
+ * @throws when code and state are not valid strings
+ */
+const getCodeAndStateFromParams = ({
+    code,
+    state,
+}: NonNullable<URLParams["oauth2"]>): { code: string; state: string } => {
+    if (!code || typeof code !== "string" || !state || typeof state !== "string") {
+        throw new Error(OAuthClientError.InvalidFragmentParameters);
+    }
+    return { code, state };
+};
+
+/**
+ * Return type for {@link completeOAuthLogin}
+ * Contains all the credentials gathered from a successful OIDC login
+ */
+export type CompleteOAuthLoginResponse = {
+    /**
+     * URL of the homeserver selected during login
+     */
+    homeserverUrl: string;
+    /**
+     * Identity server URL as discovered during login
+     */
+    identityServerUrl?: string;
+    /**
+     * Access Token gained from OIDC token issuer
+     */
+    accessToken: string;
+    /**
+     * Refresh Token gained from OIDC token issuer, when falsy token cannot be refreshed
+     */
+    refreshToken?: string;
+    /**
+     * This client's ID as registered with the OIDC issuer
+     */
+    clientId: string;
+};
+
+/**
+ * Attempt to complete authorization code flow to get an access token
+ * @param urlParams the parameters extracted from the app-load URI.
+ * @returns Promise that resolves with a CompleteOAuthLoginResponse when login was successful
+ * @throws When we failed to get a valid access token
+ */
+export const completeOAuthLogin = async (
+    urlParams: NonNullable<URLParams["oauth2"]>,
+): Promise<CompleteOAuthLoginResponse> => {
+    const { code, state } = getCodeAndStateFromParams(urlParams);
+
+    const context = loadAuthContext();
+    if (context?.state !== state) {
+        throw new Error(OAuth2Error.MissingOrInvalidStoredState);
+    }
+
+    const bearerToken = await new OAuth2(context.metadata, context.authContext).completeAuthorizationCodeGrant(code);
+
+    return {
+        homeserverUrl: context.homeserverUrl,
+        identityServerUrl: context.identityServerUrl,
+        accessToken: bearerToken.access_token,
+        refreshToken: bearerToken.refresh_token,
+        clientId: context.authContext.clientId,
+    };
+};
diff --git a/apps/web/src/utils/oauth/error.ts b/apps/web/src/utils/oauth/error.ts
new file mode 100644
index 00000000000..dd812801d1d
--- /dev/null
+++ b/apps/web/src/utils/oauth/error.ts
@@ -0,0 +1,38 @@
+/*
+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 ReactNode } from "react";
+import { OAuth2Error } from "matrix-js-sdk/src/matrix";
+
+import { _t } from "../../languageHandler";
+
+/**
+ * Errors thrown by EW during OIDC native flow authentication.
+ * Intended to be logged, not read by users.
+ */
+export enum OAuthClientError {
+    InvalidFragmentParameters = "Invalid fragment parameters for OIDC native login. `code` and `state` are required.",
+}
+
+/**
+ * Get a friendly translated error message for user consumption
+ * based on error encountered during authentication
+ * @param error
+ * @returns a friendly translated error message for user consumption
+ */
+export const getOAuthErrorMessage = (error: Error): string | ReactNode => {
+    switch (error.message) {
+        case OAuth2Error.MissingOrInvalidStoredState:
+            return _t("auth|oidc|missing_or_invalid_stored_state");
+        case OAuthClientError.InvalidFragmentParameters:
+        case OAuth2Error.CodeExchangeFailed:
+        case OAuth2Error.InvalidBearerTokenResponse:
+        default:
+            return _t("auth|oidc|generic_auth_error");
+    }
+};
diff --git a/apps/web/src/utils/oauth/isUserRegistrationSupported.ts b/apps/web/src/utils/oauth/isUserRegistrationSupported.ts
new file mode 100644
index 00000000000..62522ebfacc
--- /dev/null
+++ b/apps/web/src/utils/oauth/isUserRegistrationSupported.ts
@@ -0,0 +1,20 @@
+/*
+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 ValidatedAuthMetadata } from "matrix-js-sdk/src/matrix";
+
+/**
+ * Check the create prompt is supported by the OP, if so, we can do a registration flow
+ * https://openid.net/specs/openid-connect-prompt-create-1_0.html
+ * @param delegatedAuthConfig config as returned from discovery
+ * @returns whether user registration is supported
+ */
+export const isUserRegistrationSupported = (delegatedAuthConfig: ValidatedAuthMetadata): boolean => {
+    const supportedPrompts = delegatedAuthConfig.prompt_values_supported;
+    return Array.isArray(supportedPrompts) && supportedPrompts?.includes("create");
+};
diff --git a/apps/web/src/utils/oauth/persistOAuthSettings.test.ts b/apps/web/src/utils/oauth/persistOAuthSettings.test.ts
new file mode 100644
index 00000000000..b3c5f7e882f
--- /dev/null
+++ b/apps/web/src/utils/oauth/persistOAuthSettings.test.ts
@@ -0,0 +1,42 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+
+import { getStoredOAuthClientId, persistOAuthClientId } from "./persistOAuthSettings";
+
+describe("persist OAuth2 settings", () => {
+    vi.spyOn(localStorage, "getItem");
+    vi.spyOn(localStorage, "setItem");
+
+    beforeEach(() => {
+        localStorage.clear();
+    });
+
+    const clientId = "test-client-id";
+
+    describe("persistOAuthClientId", () => {
+        it("should set clientId in localStorage", () => {
+            persistOAuthClientId(clientId);
+            expect(localStorage.setItem).toHaveBeenCalledWith("mx_oidc_client_id", clientId);
+        });
+    });
+
+    describe("getStoredOAuthClientId()", () => {
+        it("should return clientId from localStorage", () => {
+            localStorage.setItem("mx_oidc_client_id", clientId);
+            expect(getStoredOAuthClientId()).toEqual(clientId);
+            expect(localStorage.getItem).toHaveBeenCalledWith("mx_oidc_client_id");
+        });
+        it("should throw when no clientId in localStorage", () => {
+            expect(() => getStoredOAuthClientId()).toThrow("OAuth client ID not found in storage");
+        });
+    });
+});
diff --git a/apps/web/src/utils/oauth/persistOAuthSettings.ts b/apps/web/src/utils/oauth/persistOAuthSettings.ts
new file mode 100644
index 00000000000..c38ad4f8fe5
--- /dev/null
+++ b/apps/web/src/utils/oauth/persistOAuthSettings.ts
@@ -0,0 +1,82 @@
+/*
+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 OAuth2, type ValidatedAuthMetadata } from "matrix-js-sdk/src/matrix";
+
+import PlatformPeg from "../../PlatformPeg.ts";
+
+const clientIdLocalStorageKey = "mx_oidc_client_id";
+const stateSessionStorageKey = "mx_oauth_state";
+
+/**
+ * Persists OAuth2 clientId in local storage
+ * Only set after successful authentication
+ * @param clientId
+ */
+export const persistOAuthClientId = (clientId: string): void => {
+    localStorage.setItem(clientIdLocalStorageKey, clientId);
+};
+
+/**
+ * Retrieves stored oauth client id from local storage.
+ * The presence of a client ID in storage implies that the user is authenticated via OAuth.
+ * @returns clientId
+ * @throws when clientId is not found in local storage
+ */
+export const getStoredOAuthClientId = (): string => {
+    const clientId = localStorage.getItem(clientIdLocalStorageKey);
+    if (!clientId) {
+        throw new Error("OAuth client ID not found in storage");
+    }
+    return clientId;
+};
+
+type OAuth2Context = ConstructorParameters<typeof OAuth2>[1];
+
+/**
+ * Utility function to get the OAuth parameters needed to construct an OAuth2 instance
+ * @param clientId - the registered OAuth client ID
+ */
+export function getOAuthParams(clientId: string): OAuth2Context {
+    const platform = PlatformPeg.get()!;
+    const redirectUri = platform.getOAuthCallbackUrl().href;
+    return { clientId, redirectUri };
+}
+
+/**
+ * Temporary context for authorization code flow
+ * Persisted via sessionStorage to be recalled when authentication navigates the tab away and back again
+ */
+export interface Context {
+    /** The state string we included in the auth url */
+    state: string;
+    /** The URL of the homeserver the user is logging into */
+    homeserverUrl: string;
+    /** The URL of the identity server the user is using */
+    identityServerUrl: string | undefined;
+    /** The metadata received from {@link MatrixClient.getAuthMetadata} at time of initiating the auth dance */
+    metadata: ValidatedAuthMetadata;
+    /** The context needed for the SDK's OAuth2 to resume the auth flow */
+    authContext: Required<OAuth2Context>;
+}
+
+/**
+ * Retrieve the context of the ongoing authorization code flow from sessionStorage
+ */
+export function loadAuthContext(): Context | null {
+    const value = sessionStorage.getItem(stateSessionStorageKey);
+    return JSON.parse(value!);
+}
+
+/**
+ * Temporary storage for the authorization code flow
+ * @param context - the data to store in sessionStorage
+ */
+export function storeAuthContext(context: Context): void {
+    sessionStorage.setItem(stateSessionStorageKey, JSON.stringify(context));
+}
diff --git a/apps/web/src/utils/oauth/registerClient.ts b/apps/web/src/utils/oauth/registerClient.ts
new file mode 100644
index 00000000000..62ba9aab51e
--- /dev/null
+++ b/apps/web/src/utils/oauth/registerClient.ts
@@ -0,0 +1,49 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+import { OAuth2, type ValidatedAuthMetadata } from "matrix-js-sdk/src/matrix";
+
+import { type IConfigOptions } from "../../IConfigOptions";
+import PlatformPeg from "../../PlatformPeg";
+
+/**
+ * Get the statically configured clientId for the issuer
+ * @param issuer delegated auth OAuth2 issuer
+ * @param staticOAuthClients static client config from config.json
+ * @returns clientId if found, otherwise undefined
+ */
+const getStaticOAuthClientId = (
+    issuer: string,
+    staticOAuthClients?: IConfigOptions["oidc_static_clients"],
+): string | undefined => {
+    // static_oidc_clients are configured with a trailing slash
+    const issuerWithTrailingSlash = issuer.endsWith("/") ? issuer : issuer + "/";
+    return staticOAuthClients?.[issuerWithTrailingSlash]?.client_id;
+};
+
+/**
+ * Get the clientId for an OAuth2 OP
+ * Checks statically configured clientIds first
+ * Then attempts dynamic registration with the OP
+ * @param delegatedAuthConfig Auth config from ValidatedServerConfig
+ * @param staticOAuthClients static client config from config.json
+ * @returns Promise<string> resolves with clientId
+ * @throws if no clientId is found
+ */
+export const getOAuthClientId = async (
+    delegatedAuthConfig: ValidatedAuthMetadata,
+    staticOAuthClients?: IConfigOptions["oidc_static_clients"],
+): Promise<string> => {
+    const staticClientId = getStaticOAuthClientId(delegatedAuthConfig.issuer, staticOAuthClients);
+    if (staticClientId) {
+        logger.debug(`Using static clientId for issuer ${delegatedAuthConfig.issuer}`);
+        return staticClientId;
+    }
+    return await OAuth2.registerClient(delegatedAuthConfig, await PlatformPeg.get()!.getOAuthClientMetadata());
+};
diff --git a/apps/web/src/utils/oauth/urls.test.ts b/apps/web/src/utils/oauth/urls.test.ts
new file mode 100644
index 00000000000..b3446222611
--- /dev/null
+++ b/apps/web/src/utils/oauth/urls.test.ts
@@ -0,0 +1,50 @@
+/*
+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 { getManageDeviceUrl } from "./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/apps/web/src/utils/oauth/urls.ts b/apps/web/src/utils/oauth/urls.ts
new file mode 100644
index 00000000000..fc93ad08011
--- /dev/null
+++ b/apps/web/src/utils/oauth/urls.ts
@@ -0,0 +1,61 @@
+/*
+Copyright 2026 Element Creations Ltd.
+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.
+*/
+
+enum Action {
+    Profile = "org.matrix.profile",
+    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 | string): URL => {
+    const url = new URL(authUrl);
+    url.searchParams.set("action", action);
+    return 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 = (
+    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/apps/web/src/utils/objects.test.ts b/apps/web/src/utils/objects.test.ts
new file mode 100644
index 00000000000..5a909951a7a
--- /dev/null
+++ b/apps/web/src/utils/objects.test.ts
@@ -0,0 +1,226 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { describe, it, expect } from "vitest";
+
+import {
+    objectClone,
+    objectDiff,
+    objectExcluding,
+    objectHasDiff,
+    objectKeyChanges,
+    objectShallowClone,
+} from "./objects";
+
+describe("objects", () => {
+    describe("objectExcluding", () => {
+        it("should exclude the given properties", () => {
+            const input = { hello: "world", test: true };
+            const output = { hello: "world" };
+            const props = ["test", "doesnotexist"]; // we also make sure it doesn't explode on missing props
+            const result = objectExcluding(input, <any>props); // any is to test the missing prop
+            expect(result).toBeDefined();
+            expect(result).toMatchObject(output);
+        });
+    });
+
+    describe("objectShallowClone", () => {
+        it("should create a new object", () => {
+            const input = { test: 1 };
+            const result = objectShallowClone(input);
+            expect(result).toBeDefined();
+            expect(result).not.toBe(input);
+            expect(result).toMatchObject(input);
+        });
+
+        it("should only clone the top level properties", () => {
+            const input = { a: 1, b: { c: 2 } };
+            const result = objectShallowClone(input);
+            expect(result).toBeDefined();
+            expect(result).toMatchObject(input);
+            expect(result.b).toBe(input.b);
+        });
+
+        it("should support custom clone functions", () => {
+            const input = { a: 1, b: 2 };
+            const output = { a: 4, b: 8 };
+            const result = objectShallowClone(input, (k, v) => {
+                // XXX: inverted expectation for ease of assertion
+                expect(Object.keys(input)).toContain(k);
+
+                return v * 4;
+            });
+            expect(result).toBeDefined();
+            expect(result).toMatchObject(output);
+        });
+    });
+
+    describe("objectHasDiff", () => {
+        it("should return false for the same pointer", () => {
+            const a = {};
+            const result = objectHasDiff(a, a);
+            expect(result).toBe(false);
+        });
+
+        it("should return true if keys for A > keys for B", () => {
+            const a = { a: 1, b: 2 };
+            const b = { a: 1 };
+            const result = objectHasDiff(a, b);
+            expect(result).toBe(true);
+        });
+
+        it("should return true if keys for A < keys for B", () => {
+            const a = { a: 1 };
+            const b = { a: 1, b: 2 };
+            const result = objectHasDiff(a, b);
+            expect(result).toBe(true);
+        });
+
+        it("should return false if the objects are the same but different pointers", () => {
+            const a = { a: 1, b: 2 };
+            const b = { a: 1, b: 2 };
+            const result = objectHasDiff(a, b);
+            expect(result).toBe(false);
+        });
+
+        it("should consider pointers when testing values", () => {
+            const a = { a: {}, b: 2 }; // `{}` is shorthand for `new Object()`
+            const b = { a: {}, b: 2 };
+            const result = objectHasDiff(a, b);
+            expect(result).toBe(true); // even though the keys are the same, the value pointers vary
+        });
+    });
+
+    describe("objectDiff", () => {
+        it("should return empty sets for the same object", () => {
+            const a = { a: 1, b: 2 };
+            const b = { a: 1, b: 2 };
+            const result = objectDiff(a, b);
+            expect(result).toBeDefined();
+            expect(result.changed).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.changed).toHaveLength(0);
+            expect(result.added).toHaveLength(0);
+            expect(result.removed).toHaveLength(0);
+        });
+
+        it("should return empty sets for the same object pointer", () => {
+            const a = { a: 1, b: 2 };
+            const result = objectDiff(a, a);
+            expect(result).toBeDefined();
+            expect(result.changed).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.changed).toHaveLength(0);
+            expect(result.added).toHaveLength(0);
+            expect(result.removed).toHaveLength(0);
+        });
+
+        it("should indicate when property changes are made", () => {
+            const a = { a: 1, b: 2 };
+            const b = { a: 11, b: 2 };
+            const result = objectDiff(a, b);
+            expect(result.changed).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.changed).toHaveLength(1);
+            expect(result.added).toHaveLength(0);
+            expect(result.removed).toHaveLength(0);
+            expect(result.changed).toEqual(["a"]);
+        });
+
+        it("should indicate when properties are added", () => {
+            const a = { a: 1, b: 2 };
+            const b = { a: 1, b: 2, c: 3 };
+            const result = objectDiff(a, b);
+            expect(result.changed).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.changed).toHaveLength(0);
+            expect(result.added).toHaveLength(1);
+            expect(result.removed).toHaveLength(0);
+            expect(result.added).toEqual(["c"]);
+        });
+
+        it("should indicate when properties are removed", () => {
+            const a = { a: 1, b: 2 };
+            const b = { a: 1 };
+            const result = objectDiff(a, b);
+            expect(result.changed).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.changed).toHaveLength(0);
+            expect(result.added).toHaveLength(0);
+            expect(result.removed).toHaveLength(1);
+            expect(result.removed).toEqual(["b"]);
+        });
+
+        it("should indicate when multiple aspects change", () => {
+            const a = { a: 1, b: 2, c: 3 };
+            const b: typeof a | { d: number } = { a: 1, b: 22, d: 4 };
+            const result = objectDiff(a, b);
+            expect(result.changed).toBeDefined();
+            expect(result.added).toBeDefined();
+            expect(result.removed).toBeDefined();
+            expect(result.changed).toHaveLength(1);
+            expect(result.added).toHaveLength(1);
+            expect(result.removed).toHaveLength(1);
+            expect(result.changed).toEqual(["b"]);
+            expect(result.removed).toEqual(["c"]);
+            expect(result.added).toEqual(["d"]);
+        });
+    });
+
+    describe("objectKeyChanges", () => {
+        it("should return an empty set if no properties changed", () => {
+            const a = { a: 1, b: 2 };
+            const b = { a: 1, b: 2 };
+            const result = objectKeyChanges(a, b);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(0);
+        });
+
+        it("should return an empty set if no properties changed for the same pointer", () => {
+            const a = { a: 1, b: 2 };
+            const result = objectKeyChanges(a, a);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(0);
+        });
+
+        it("should return properties which were changed, added, or removed", () => {
+            const a = { a: 1, b: 2, c: 3 };
+            const b: typeof a | { d: number } = { a: 1, b: 22, d: 4 };
+            const result = objectKeyChanges(a, b);
+            expect(result).toBeDefined();
+            expect(result).toHaveLength(3);
+            expect(result).toEqual(["c", "d", "b"]); // order isn't important, but the test cares
+        });
+    });
+
+    describe("objectClone", () => {
+        it("should deep clone an object", () => {
+            const a = {
+                hello: "world",
+                test: {
+                    another: "property",
+                    test: 42,
+                    third: {
+                        prop: true,
+                    },
+                },
+            };
+            const result = objectClone(a);
+            expect(result).toBeDefined();
+            expect(result).not.toBe(a);
+            expect(result).toMatchObject(a);
+            expect(result.test).not.toBe(a.test);
+            expect(result.test.third).not.toBe(a.test.third);
+        });
+    });
+});
diff --git a/apps/web/src/utils/objects.ts b/apps/web/src/utils/objects.ts
new file mode 100644
index 00000000000..16b9b6d1ad3
--- /dev/null
+++ b/apps/web/src/utils/objects.ts
@@ -0,0 +1,127 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 { arrayDiff, arrayUnion, arrayIntersection } from "./arrays";
+
+type ObjectExcluding<O extends object, P extends (keyof O)[]> = { [k in Exclude<keyof O, P[number]>]: O[k] };
+
+/**
+ * Gets a new object which represents the provided object, excluding some properties.
+ * @param a The object to strip properties of. Must be defined.
+ * @param props The property names to remove.
+ * @returns The new object without the provided properties.
+ */
+export function objectExcluding<O extends object, P extends Array<keyof O>>(a: O, props: P): ObjectExcluding<O, P> {
+    // We use a Map to avoid hammering the `delete` keyword, which is slow and painful.
+    const tempMap = new Map<keyof O, any>(Object.entries(a) as [keyof O, any][]);
+    for (const prop of props) {
+        tempMap.delete(prop);
+    }
+
+    // Convert the map to an object again
+    return Array.from(tempMap.entries()).reduce((c, [k, v]) => {
+        c[k] = v;
+        return c;
+    }, {} as O);
+}
+
+/**
+ * Clones an object to a caller-controlled depth. When a propertyCloner is supplied, the
+ * object's properties will be passed through it with the return value used as the new
+ * object's type. This is intended to be used to deep clone a reference, but without
+ * having to deep clone the entire object. This function is safe to call recursively within
+ * the propertyCloner.
+ * @param a The object to clone. Must be defined.
+ * @param propertyCloner The function to clone the properties of the object with, optionally.
+ * First argument is the property key with the second being the current value.
+ * @returns A cloned object.
+ */
+export function objectShallowClone<O extends object>(a: O, propertyCloner?: (k: keyof O, v: O[keyof O]) => any): O {
+    const newObj = {} as O;
+    for (const [k, v] of Object.entries(a) as [keyof O, O[keyof O]][]) {
+        newObj[k] = v;
+        if (propertyCloner) {
+            newObj[k] = propertyCloner(k, v);
+        }
+    }
+    return newObj;
+}
+
+/**
+ * Determines if any keys were added, removed, or changed between two objects.
+ * For changes, simple triple equal comparisons are done, not in-depth
+ * tree checking.
+ * @param a The first object. Must be defined.
+ * @param b The second object. Must be defined.
+ * @returns True if there's a difference between the objects, false otherwise
+ */
+export function objectHasDiff<O extends object>(a: O, b: O): boolean {
+    if (a === b) return false;
+    const aKeys = Object.keys(a);
+    const bKeys = Object.keys(b);
+    if (aKeys.length !== bKeys.length) return true;
+    const possibleChanges = arrayIntersection(aKeys, bKeys) as Array<keyof O>;
+    // if the amalgamation of both sets of keys has the a different length to the inputs then there must be a change
+    if (possibleChanges.length !== aKeys.length) return true;
+
+    return possibleChanges.some((k) => a[k] !== b[k]);
+}
+
+type Diff<K> = { changed: K[]; added: K[]; removed: K[] };
+
+/**
+ * Determines the keys added, changed, and removed between two objects.
+ * For changes, simple triple equal comparisons are done, not in-depth
+ * tree checking.
+ * @param a The first object. Must be defined.
+ * @param b The second object. Must be defined.
+ * @returns The difference between the keys of each object.
+ */
+export function objectDiff<O extends object>(a: O, b: O): Diff<keyof O> {
+    const aKeys = Object.keys(a) as (keyof O)[];
+    const bKeys = Object.keys(b) as (keyof O)[];
+    const keyDiff = arrayDiff(aKeys, bKeys);
+    const possibleChanges = arrayIntersection(aKeys, bKeys);
+    const changes = possibleChanges.filter((k) => a[k] !== b[k]);
+
+    return { changed: changes, added: keyDiff.added, removed: keyDiff.removed };
+}
+
+/**
+ * Gets all the key changes (added, removed, or value difference) between
+ * two objects. Triple equals is used to compare values, not in-depth tree
+ * checking.
+ * @param a The first object. Must be defined.
+ * @param b The second object. Must be defined.
+ * @returns The keys which have been added, removed, or changed between the
+ * two objects.
+ */
+export function objectKeyChanges<O extends object>(a: O, b: O): (keyof O)[] {
+    const diff = objectDiff(a, b);
+    return arrayUnion(diff.removed, diff.added, diff.changed);
+}
+
+/**
+ * Clones an object by running it through JSON parsing. Note that this
+ * will destroy any complicated object types which do not translate to
+ * JSON.
+ * @param obj The object to clone.
+ * @returns The cloned object
+ */
+export function objectClone<O extends object>(obj: O): O {
+    return JSON.parse(JSON.stringify(obj));
+}
+
+/**
+ * Simple object check.
+ * @param item
+ * @returns {boolean}
+ */
+export function isObject(item: any): item is object {
+    return item && typeof item === "object" && !Array.isArray(item);
+}
diff --git a/apps/web/src/utils/pages.ts b/apps/web/src/utils/pages.ts
new file mode 100644
index 00000000000..ea5488e8d29
--- /dev/null
+++ b/apps/web/src/utils/pages.ts
@@ -0,0 +1,32 @@
+/*
+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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { type IConfigOptions } from "../IConfigOptions";
+import { getEmbeddedPagesWellKnown } from "../utils/WellKnownUtils";
+import { SnakedObject } from "./SnakedObject";
+
+export function getHomePageUrl(appConfig: IConfigOptions, matrixClient: MatrixClient): string | undefined {
+    const config = new SnakedObject(appConfig);
+
+    const pagesConfig = config.get("embedded_pages");
+    let pageUrl = pagesConfig ? new SnakedObject(pagesConfig).get("home_url") : null;
+
+    if (!pageUrl) {
+        pageUrl = getEmbeddedPagesWellKnown(matrixClient)?.home_url;
+    }
+
+    return pageUrl;
+}
+
+export function shouldUseLoginForWelcome(appConfig: IConfigOptions): boolean {
+    const config = new SnakedObject(appConfig);
+    const pagesConfig = config.get("embedded_pages");
+    return pagesConfig ? new SnakedObject(pagesConfig).get("login_for_welcome") === true : false;
+}
diff --git a/apps/web/src/utils/permalinks/ElementPermalinkConstructor.ts b/apps/web/src/utils/permalinks/ElementPermalinkConstructor.ts
new file mode 100644
index 00000000000..37880d34999
--- /dev/null
+++ b/apps/web/src/utils/permalinks/ElementPermalinkConstructor.ts
@@ -0,0 +1,101 @@
+/*
+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 PermalinkConstructor, { PermalinkParts } from "./PermalinkConstructor";
+
+/**
+ * Generates permalinks that self-reference the running webapp
+ */
+export default class ElementPermalinkConstructor extends PermalinkConstructor {
+    private elementUrl: string;
+
+    public constructor(elementUrl: string) {
+        super();
+        this.elementUrl = elementUrl;
+
+        if (!this.elementUrl.startsWith("http:") && !this.elementUrl.startsWith("https:")) {
+            throw new Error("Element prefix URL does not appear to be an HTTP(S) URL");
+        }
+    }
+
+    public forEvent(roomId: string, eventId: string, serverCandidates: string[]): string {
+        return `${this.elementUrl}/#/room/${roomId}/${eventId}${this.encodeServerCandidates(serverCandidates)}`;
+    }
+
+    public forRoom(roomIdOrAlias: string, serverCandidates?: string[]): string {
+        return `${this.elementUrl}/#/room/${roomIdOrAlias}${this.encodeServerCandidates(serverCandidates)}`;
+    }
+
+    public forUser(userId: string): string {
+        return `${this.elementUrl}/#/user/${userId}`;
+    }
+
+    public forEntity(entityId: string): string {
+        if (entityId[0] === "!" || entityId[0] === "#") {
+            return this.forRoom(entityId);
+        } else if (entityId[0] === "@") {
+            return this.forUser(entityId);
+        } else throw new Error("Unrecognized entity");
+    }
+
+    public isPermalinkHost(testHost: string): boolean {
+        const parsedUrl = new URL(this.elementUrl);
+        return testHost === (parsedUrl.host || parsedUrl.hostname); // one of the hosts should match
+    }
+
+    public encodeServerCandidates(candidates?: string[]): string {
+        if (!candidates || candidates.length === 0) return "";
+        return `?via=${candidates.map((c) => encodeURIComponent(c)).join("&via=")}`;
+    }
+
+    // Heavily inspired by/borrowed from the matrix-bot-sdk (with permission):
+    // https://github.com/turt2live/matrix-js-bot-sdk/blob/7c4665c9a25c2c8e0fe4e509f2616505b5b66a1c/src/Permalinks.ts#L33-L61
+    // Adapted for Element's URL format
+    public parsePermalink(fullUrl: string): PermalinkParts {
+        if (!fullUrl || !fullUrl.startsWith(this.elementUrl)) {
+            throw new Error("Does not appear to be a permalink");
+        }
+
+        const parts = fullUrl.substring(`${this.elementUrl}/#/`.length);
+        return ElementPermalinkConstructor.parseAppRoute(parts);
+    }
+
+    /**
+     * Parses an app route (`(user|room)/identifier`) to a Matrix entity
+     * (room, user).
+     * @param {string} route The app route
+     * @returns {PermalinkParts}
+     */
+    public static parseAppRoute(route: string): PermalinkParts {
+        const parts = route.split("/");
+
+        if (parts.length < 2) {
+            // we're expecting an entity and an ID of some kind at least
+            throw new Error("URL is missing parts");
+        }
+
+        // Split optional query out of last part
+        const [lastPartMaybeWithQuery] = parts.splice(-1, 1);
+        const [lastPart, query = ""] = lastPartMaybeWithQuery.split("?");
+        parts.push(lastPart);
+
+        const entityType = parts[0];
+        const entity = parts[1];
+        if (entityType === "user") {
+            // Probably a user, no further parsing needed.
+            return PermalinkParts.forUser(entity);
+        } else if (entityType === "room") {
+            // Rejoin the rest because v3 events can have slashes (annoyingly)
+            const eventId = parts.length > 2 ? parts.slice(2).join("/") : "";
+            const via = query.split(/&?via=/).filter((p) => !!p);
+            return PermalinkParts.forEvent(entity, eventId, via);
+        } else {
+            throw new Error("Unknown entity type in permalink");
+        }
+    }
+}
diff --git a/apps/web/src/utils/permalinks/MatrixSchemePermalinkConstructor.test.ts b/apps/web/src/utils/permalinks/MatrixSchemePermalinkConstructor.test.ts
new file mode 100644
index 00000000000..69100af47be
--- /dev/null
+++ b/apps/web/src/utils/permalinks/MatrixSchemePermalinkConstructor.test.ts
@@ -0,0 +1,24 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import { PermalinkParts } from "./PermalinkConstructor";
+import MatrixSchemePermalinkConstructor from "./MatrixSchemePermalinkConstructor";
+
+describe("MatrixSchemePermalinkConstructor", () => {
+    const peramlinkConstructor = new MatrixSchemePermalinkConstructor();
+
+    describe("parsePermalink", () => {
+        it("should strip ?action=chat from user links", () => {
+            expect(peramlinkConstructor.parsePermalink("matrix:u/user:example.com?action=chat")).toEqual(
+                new PermalinkParts(null, null, "@user:example.com", null),
+            );
+        });
+    });
+});
diff --git a/apps/web/src/utils/permalinks/MatrixSchemePermalinkConstructor.ts b/apps/web/src/utils/permalinks/MatrixSchemePermalinkConstructor.ts
new file mode 100644
index 00000000000..d6f42e33469
--- /dev/null
+++ b/apps/web/src/utils/permalinks/MatrixSchemePermalinkConstructor.ts
@@ -0,0 +1,98 @@
+/*
+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 PermalinkConstructor, { PermalinkParts } from "./PermalinkConstructor";
+
+/**
+ * Generates matrix: scheme permalinks
+ */
+export default class MatrixSchemePermalinkConstructor extends PermalinkConstructor {
+    public constructor() {
+        super();
+    }
+
+    private encodeEntity(entity: string): string {
+        if (entity[0] === "!") {
+            return `roomid/${entity.slice(1)}`;
+        } else if (entity[0] === "#") {
+            return `r/${entity.slice(1)}`;
+        } else if (entity[0] === "@") {
+            return `u/${entity.slice(1)}`;
+        } else if (entity[0] === "$") {
+            return `e/${entity.slice(1)}`;
+        }
+
+        throw new Error("Cannot encode entity: " + entity);
+    }
+
+    public forEvent(roomId: string, eventId: string, serverCandidates: string[]): string {
+        return (
+            `matrix:${this.encodeEntity(roomId)}` +
+            `/${this.encodeEntity(eventId)}${this.encodeServerCandidates(serverCandidates)}`
+        );
+    }
+
+    public forRoom(roomIdOrAlias: string, serverCandidates: string[]): string {
+        return `matrix:${this.encodeEntity(roomIdOrAlias)}${this.encodeServerCandidates(serverCandidates)}`;
+    }
+
+    public forUser(userId: string): string {
+        return `matrix:${this.encodeEntity(userId)}`;
+    }
+
+    public forEntity(entityId: string): string {
+        return `matrix:${this.encodeEntity(entityId)}`;
+    }
+
+    public isPermalinkHost(testHost: string): boolean {
+        // TODO: Change API signature to accept the URL for checking
+        return testHost === "";
+    }
+
+    public encodeServerCandidates(candidates: string[]): string {
+        if (!candidates || candidates.length === 0) return "";
+        return `?via=${candidates.map((c) => encodeURIComponent(c)).join("&via=")}`;
+    }
+
+    public parsePermalink(fullUrl: string): PermalinkParts {
+        if (!fullUrl || !fullUrl.startsWith("matrix:")) {
+            throw new Error("Does not appear to be a permalink");
+        }
+
+        const url = new URL(fullUrl);
+        const parts = url.pathname.split("/");
+
+        const identifier = parts[0];
+        const entityNoSigil = parts[1];
+        if (identifier === "u") {
+            // Probably a user, no further parsing needed.
+            return PermalinkParts.forUser(`@${entityNoSigil}`);
+        } else if (identifier === "r" || identifier === "roomid") {
+            const sigil = identifier === "r" ? "#" : "!";
+
+            if (parts.length === 2) {
+                // room without event permalink
+                const [roomId, query = ""] = entityNoSigil.split("?");
+                const via = query.split(/&?via=/g).filter((p) => !!p);
+                return PermalinkParts.forRoom(`${sigil}${roomId}`, via);
+            }
+
+            if (parts[2] === "e") {
+                // event permalink
+                const eventIdAndQuery = parts.length > 3 ? parts.slice(3).join("/") : "";
+                const [eventId, query = ""] = eventIdAndQuery.split("?");
+                const via = query.split(/&?via=/g).filter((p) => !!p);
+                return PermalinkParts.forEvent(`${sigil}${entityNoSigil}`, `$${eventId}`, via);
+            }
+
+            throw new Error("Faulty room permalink");
+        } else {
+            throw new Error("Unknown entity type in permalink");
+        }
+    }
+}
diff --git a/apps/web/src/utils/permalinks/MatrixToPermalinkConstructor.test.ts b/apps/web/src/utils/permalinks/MatrixToPermalinkConstructor.test.ts
new file mode 100644
index 00000000000..160e114184c
--- /dev/null
+++ b/apps/web/src/utils/permalinks/MatrixToPermalinkConstructor.test.ts
@@ -0,0 +1,54 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import MatrixToPermalinkConstructor from "./MatrixToPermalinkConstructor";
+import { PermalinkParts } from "./PermalinkConstructor";
+
+describe("MatrixToPermalinkConstructor", () => {
+    const peramlinkConstructor = new MatrixToPermalinkConstructor();
+
+    describe("parsePermalink", () => {
+        it.each([
+            ["empty URL", ""],
+            ["something that is not an URL", "hello"],
+            ["should raise an error for a non-matrix.to URL", "https://example.com/#/@user:example.com"],
+        ])("should raise an error for %s", (name: string, url: string) => {
+            expect(() => peramlinkConstructor.parsePermalink(url)).toThrow(
+                new Error("Does not appear to be a permalink"),
+            );
+        });
+
+        it.each([
+            ["(https)", "https://matrix.to/#/@user:example.com"],
+            ["(http)", "http://matrix.to/#/@user:example.com"],
+            ["without protocol", "matrix.to/#/@user:example.com"],
+        ])("should parse an MXID %s", (name: string, url: string) => {
+            expect(peramlinkConstructor.parsePermalink(url)).toEqual(
+                new PermalinkParts(null, null, "@user:example.com", null),
+            );
+        });
+    });
+
+    describe("forRoom", () => {
+        it("constructs a link given a room ID and via servers", () => {
+            expect(peramlinkConstructor.forRoom("!myroom:example.com", ["one.example.com", "two.example.com"])).toEqual(
+                "https://matrix.to/#/!myroom:example.com?via=one.example.com&via=two.example.com",
+            );
+        });
+    });
+
+    describe("forEvent", () => {
+        it("constructs a link given an event ID, room ID and via servers", () => {
+            expect(
+                peramlinkConstructor.forEvent("!myroom:example.com", "$event4", ["one.example.com", "two.example.com"]),
+            ).toEqual("https://matrix.to/#/!myroom:example.com/$event4?via=one.example.com&via=two.example.com");
+        });
+    });
+});
diff --git a/apps/web/src/utils/permalinks/MatrixToPermalinkConstructor.ts b/apps/web/src/utils/permalinks/MatrixToPermalinkConstructor.ts
new file mode 100644
index 00000000000..d7cbc5e927c
--- /dev/null
+++ b/apps/web/src/utils/permalinks/MatrixToPermalinkConstructor.ts
@@ -0,0 +1,85 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 PermalinkConstructor, { PermalinkParts } from "./PermalinkConstructor";
+
+export const host = "matrix.to";
+export const baseUrl = `https://${host}`;
+export const baseUrlPattern = `^(?:https?://)?${host.replace(".", "\\.")}/#/(.*)`;
+
+/**
+ * Generates matrix.to permalinks
+ */
+export default class MatrixToPermalinkConstructor extends PermalinkConstructor {
+    public constructor() {
+        super();
+    }
+
+    public forEvent(roomId: string, eventId: string, serverCandidates: string[]): string {
+        return `${baseUrl}/#/${roomId}/${eventId}${this.encodeServerCandidates(serverCandidates)}`;
+    }
+
+    public forRoom(roomIdOrAlias: string, serverCandidates: string[]): string {
+        return `${baseUrl}/#/${roomIdOrAlias}${this.encodeServerCandidates(serverCandidates)}`;
+    }
+
+    public forUser(userId: string): string {
+        return `${baseUrl}/#/${userId}`;
+    }
+
+    public forEntity(entityId: string): string {
+        return `${baseUrl}/#/${entityId}`;
+    }
+
+    public isPermalinkHost(testHost: string): boolean {
+        return testHost === host;
+    }
+
+    public encodeServerCandidates(candidates: string[]): string {
+        if (!candidates || candidates.length === 0) return "";
+        return `?via=${candidates.map((c) => encodeURIComponent(c)).join("&via=")}`;
+    }
+
+    // Heavily inspired by/borrowed from the matrix-bot-sdk (with permission):
+    // https://github.com/turt2live/matrix-js-bot-sdk/blob/7c4665c9a25c2c8e0fe4e509f2616505b5b66a1c/src/Permalinks.ts#L33-L61
+    public parsePermalink(fullUrl: string): PermalinkParts {
+        if (!fullUrl) {
+            throw new Error("Does not appear to be a permalink");
+        }
+
+        const matches = [...fullUrl.matchAll(new RegExp(baseUrlPattern, "gi"))][0];
+
+        if (!matches || matches.length < 2) {
+            throw new Error("Does not appear to be a permalink");
+        }
+
+        const parts = matches[1].split("/");
+
+        const entity = parts[0];
+        if (entity[0] === "@") {
+            // Probably a user, no further parsing needed.
+            return PermalinkParts.forUser(matches[1]);
+        } else if (entity[0] === "#" || entity[0] === "!") {
+            if (parts.length === 1) {
+                // room without event permalink
+                const [roomId, query = ""] = entity.split("?");
+                const via = query.split(/&?via=/g).filter((p) => !!p);
+                return PermalinkParts.forRoom(roomId, via);
+            }
+
+            // rejoin the rest because v3 events can have slashes (annoyingly)
+            const eventIdAndQuery = parts.length > 1 ? parts.slice(1).join("/") : "";
+            const [eventId, query = ""] = eventIdAndQuery.split("?");
+            const via = query.split(/&?via=/g).filter((p) => !!p);
+
+            return PermalinkParts.forEvent(entity, eventId, via);
+        } else {
+            throw new Error("Unknown entity type in permalink");
+        }
+    }
+}
diff --git a/apps/web/src/utils/permalinks/PermalinkConstructor.ts b/apps/web/src/utils/permalinks/PermalinkConstructor.ts
new file mode 100644
index 00000000000..296ae668fa0
--- /dev/null
+++ b/apps/web/src/utils/permalinks/PermalinkConstructor.ts
@@ -0,0 +1,64 @@
+/*
+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.
+*/
+
+/**
+ * Interface for classes that actually produce permalinks (strings).
+ * TODO: Convert this to a real TypeScript interface
+ */
+export default class PermalinkConstructor {
+    public forEvent(roomId: string, eventId: string, serverCandidates: string[] = []): string {
+        throw new Error("Not implemented");
+    }
+
+    public forRoom(roomIdOrAlias: string, serverCandidates: string[] = []): string {
+        throw new Error("Not implemented");
+    }
+
+    public forUser(userId: string): string {
+        throw new Error("Not implemented");
+    }
+
+    public forEntity(entityId: string): string {
+        throw new Error("Not implemented");
+    }
+
+    public isPermalinkHost(host: string): boolean {
+        throw new Error("Not implemented");
+    }
+
+    public parsePermalink(fullUrl: string): PermalinkParts {
+        throw new Error("Not implemented");
+    }
+}
+
+// Inspired by/Borrowed with permission from the matrix-bot-sdk:
+// https://github.com/turt2live/matrix-js-bot-sdk/blob/7c4665c9a25c2c8e0fe4e509f2616505b5b66a1c/src/Permalinks.ts#L1-L6
+export class PermalinkParts {
+    public constructor(
+        public readonly roomIdOrAlias: string | null,
+        public readonly eventId: string | null,
+        public readonly userId: string | null,
+        public readonly viaServers: string[] | null,
+    ) {}
+
+    public static forUser(userId: string): PermalinkParts {
+        return new PermalinkParts(null, null, userId, null);
+    }
+
+    public static forRoom(roomIdOrAlias: string, viaServers: string[] = []): PermalinkParts {
+        return new PermalinkParts(roomIdOrAlias, null, null, viaServers);
+    }
+
+    public static forEvent(roomId: string, eventId: string, viaServers: string[] = []): PermalinkParts {
+        return new PermalinkParts(roomId, eventId, null, viaServers);
+    }
+
+    public get primaryEntityId(): string | null {
+        return this.roomIdOrAlias || this.userId;
+    }
+}
diff --git a/apps/web/src/utils/permalinks/Permalinks.test.ts b/apps/web/src/utils/permalinks/Permalinks.test.ts
new file mode 100644
index 00000000000..eeaa7fe093e
--- /dev/null
+++ b/apps/web/src/utils/permalinks/Permalinks.test.ts
@@ -0,0 +1,459 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2022 The Matrix.org Foundation C.I.C.
+Copyright 2018 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 { vi, describe, it, expect, afterAll, beforeEach } from "vitest";
+import { getMockClientWithEventEmitter } from "test-utils/client";
+
+import { type EventEmitter } from "node:events";
+import { Room, RoomMember, EventType, MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import { PermalinkParts } from "./PermalinkConstructor";
+import { makeRoomPermalink, makeUserPermalink, parsePermalink, RoomPermalinkCreator } from "./Permalinks";
+import { type IConfigOptions } from "../../IConfigOptions";
+import SdkConfig from "../../SdkConfig";
+
+describe("Permalinks", function () {
+    const userId = "@test:example.com";
+    const mockClient = getMockClientWithEventEmitter({
+        getUserId: vi.fn().mockReturnValue(userId),
+        getRoom: vi.fn(),
+    });
+    mockClient.credentials = { userId };
+
+    const makeMemberWithPL = (roomId: Room["roomId"], userId: string, powerLevel: number): RoomMember => {
+        const member = new RoomMember(roomId, userId);
+        member.powerLevel = powerLevel;
+        return member;
+    };
+
+    function mockRoom(
+        roomId: Room["roomId"],
+        members: RoomMember[],
+        serverACLContent?: { deny?: string[]; allow?: string[] },
+    ): Room {
+        members.forEach((m) => (m.membership = KnownMembership.Join));
+        const powerLevelsUsers = members.reduce<Record<string, number>>((pl, member) => {
+            if (Number.isFinite(member.powerLevel)) {
+                pl[member.userId] = member.powerLevel;
+            }
+            return pl;
+        }, {});
+
+        const room = new Room(roomId, mockClient, userId);
+
+        const powerLevels = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            room_id: roomId,
+            state_key: "",
+            content: {
+                users: powerLevelsUsers,
+                users_default: 0,
+            },
+        });
+        const serverACL = serverACLContent
+            ? new MatrixEvent({
+                  type: EventType.RoomServerAcl,
+                  room_id: roomId,
+                  state_key: "",
+                  content: serverACLContent,
+              })
+            : undefined;
+        const stateEvents = serverACL ? [powerLevels, serverACL] : [powerLevels];
+        room.currentState.setStateEvents(stateEvents);
+
+        vi.spyOn(room, "getCanonicalAlias").mockReturnValue(null);
+        vi.spyOn(room, "getJoinedMembers").mockReturnValue(members);
+        vi.spyOn(room, "getMember").mockImplementation((userId) => members.find((m) => m.userId === userId) || null);
+
+        return room;
+    }
+    beforeEach(function () {
+        vi.clearAllMocks();
+    });
+
+    afterAll(() => {
+        vi.spyOn(MatrixClientPeg, "get").mockRestore();
+    });
+
+    it("should not clean up listeners even if start was called multiple times", () => {
+        const room = mockRoom("!fake:example.org", []);
+        const getListenerCount = (emitter: EventEmitter) =>
+            emitter
+                .eventNames()
+                .map((e) => emitter.listenerCount(e))
+                .reduce((a, b) => a + b, 0);
+        const listenerCountBefore = getListenerCount(room.currentState);
+
+        const creator = new RoomPermalinkCreator(room);
+        creator.start();
+        creator.start();
+        creator.start();
+        creator.start();
+        expect(getListenerCount(room.currentState)).toBeGreaterThan(listenerCountBefore);
+
+        creator.stop();
+        expect(getListenerCount(room.currentState)).toBe(listenerCountBefore);
+    });
+
+    it("should pick no candidate servers when the room has no members", function () {
+        const room = mockRoom("!fake:example.org", []);
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(0);
+    });
+
+    it("should gracefully handle invalid MXIDs", () => {
+        const roomId = "!fake:example.org";
+        const alice50 = makeMemberWithPL(roomId, "@alice:pl-50:org", 50);
+        const room = mockRoom(roomId, [alice50]);
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+    });
+
+    it("should pick a candidate server for the highest power level user in the room", function () {
+        const roomId = "!fake:example.org";
+        const alice50 = makeMemberWithPL(roomId, "@alice:pl_50", 50);
+        const alice75 = makeMemberWithPL(roomId, "@alice:pl_75", 75);
+        const alice95 = makeMemberWithPL(roomId, "@alice:pl_95", 95);
+        const room = mockRoom("!fake:example.org", [alice50, alice75, alice95]);
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(3);
+        expect(creator.serverCandidates![0]).toBe("pl_95");
+        // we don't check the 2nd and 3rd servers because that is done by the next test
+    });
+
+    it("should change candidate server when highest power level user leaves the room", function () {
+        const roomId = "!fake:example.org";
+        const member95 = makeMemberWithPL(roomId, "@alice:pl_95", 95);
+
+        const room = mockRoom(roomId, [
+            makeMemberWithPL(roomId, "@alice:pl_50", 50),
+            makeMemberWithPL(roomId, "@alice:pl_75", 75),
+            member95,
+        ]);
+        const creator = new RoomPermalinkCreator(room, null);
+        creator.load();
+        expect(creator.serverCandidates![0]).toBe("pl_95");
+        member95.membership = KnownMembership.Leave;
+        // @ts-ignore illegal private property
+        creator.onRoomStateUpdate();
+        expect(creator.serverCandidates![0]).toBe("pl_75");
+        member95.membership = KnownMembership.Join;
+        // @ts-ignore illegal private property
+        creator.onRoomStateUpdate();
+        expect(creator.serverCandidates![0]).toBe("pl_95");
+    });
+
+    it("should pick candidate servers based on user population", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(roomId, [
+            makeMemberWithPL(roomId, "@alice:first", 0),
+            makeMemberWithPL(roomId, "@bob:first", 0),
+            makeMemberWithPL(roomId, "@charlie:first", 0),
+            makeMemberWithPL(roomId, "@alice:second", 0),
+            makeMemberWithPL(roomId, "@bob:second", 0),
+            makeMemberWithPL(roomId, "@charlie:third", 0),
+        ]);
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(3);
+        expect(creator.serverCandidates![0]).toBe("first");
+        expect(creator.serverCandidates![1]).toBe("second");
+        expect(creator.serverCandidates![2]).toBe("third");
+    });
+
+    it("should pick prefer candidate servers with higher power levels", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(roomId, [
+            makeMemberWithPL(roomId, "@alice:first", 100),
+            makeMemberWithPL(roomId, "@alice:second", 0),
+            makeMemberWithPL(roomId, "@bob:second", 0),
+            makeMemberWithPL(roomId, "@charlie:third", 0),
+        ]);
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates!.length).toBe(3);
+        expect(creator.serverCandidates![0]).toBe("first");
+        expect(creator.serverCandidates![1]).toBe("second");
+        expect(creator.serverCandidates![2]).toBe("third");
+    });
+
+    it("should pick a maximum of 3 candidate servers", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(roomId, [
+            makeMemberWithPL(roomId, "@alice:alpha", 100),
+            makeMemberWithPL(roomId, "@alice:bravo", 0),
+            makeMemberWithPL(roomId, "@alice:charlie", 0),
+            makeMemberWithPL(roomId, "@alice:delta", 0),
+            makeMemberWithPL(roomId, "@alice:echo", 0),
+        ]);
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(3);
+    });
+
+    it("should not consider IPv4 hosts", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(roomId, [makeMemberWithPL(roomId, "@alice:127.0.0.1", 100)]);
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(0);
+    });
+
+    it("should not consider IPv6 hosts", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(roomId, [makeMemberWithPL(roomId, "@alice:[::1]", 100)]);
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(0);
+    });
+
+    it("should not consider IPv4 hostnames with ports", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(roomId, [makeMemberWithPL(roomId, "@alice:127.0.0.1:8448", 100)]);
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(0);
+    });
+
+    it("should not consider IPv6 hostnames with ports", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(roomId, [makeMemberWithPL(roomId, "@alice:[::1]:8448", 100)]);
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(0);
+    });
+
+    it("should work with hostnames with ports", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(roomId, [makeMemberWithPL(roomId, "@alice:example.org:8448", 100)]);
+
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(1);
+        expect(creator.serverCandidates![0]).toBe("example.org:8448");
+    });
+
+    it("should not consider servers explicitly denied by ACLs", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(
+            roomId,
+            [
+                makeMemberWithPL(roomId, "@alice:evilcorp.com", 100),
+                makeMemberWithPL(roomId, "@bob:chat.evilcorp.com", 0),
+            ],
+            {
+                deny: ["evilcorp.com", "*.evilcorp.com"],
+                allow: ["*"],
+            },
+        );
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(0);
+    });
+
+    it("should not consider servers not allowed by ACLs", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(
+            roomId,
+            [
+                makeMemberWithPL(roomId, "@alice:evilcorp.com", 100),
+                makeMemberWithPL(roomId, "@bob:chat.evilcorp.com", 0),
+            ],
+            {
+                deny: [],
+                allow: [], // implies "ban everyone"
+            },
+        );
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(0);
+    });
+
+    it("should consider servers not explicitly banned by ACLs", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(
+            roomId,
+            [
+                makeMemberWithPL(roomId, "@alice:evilcorp.com", 100),
+                makeMemberWithPL(roomId, "@bob:chat.evilcorp.com", 0),
+            ],
+            {
+                deny: ["*.evilcorp.com"], // evilcorp.com is still good though
+                allow: ["*"],
+            },
+        );
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(1);
+        expect(creator.serverCandidates![0]).toEqual("evilcorp.com");
+    });
+
+    it("should consider servers not disallowed by ACLs", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(
+            "!fake:example.org",
+            [
+                makeMemberWithPL(roomId, "@alice:evilcorp.com", 100),
+                makeMemberWithPL(roomId, "@bob:chat.evilcorp.com", 0),
+            ],
+            {
+                deny: [],
+                allow: ["evilcorp.com"], // implies "ban everyone else"
+            },
+        );
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(1);
+        expect(creator.serverCandidates![0]).toEqual("evilcorp.com");
+    });
+
+    it("should handle when ACL allow is not an array", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(roomId, [makeMemberWithPL(roomId, "@alice:goodcorp.com", 100)], {
+            deny: ["*.evilcorp.com"],
+            allow: "not-an-array" as any, // Test malformed data
+        });
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        // Should fall back to default behavior (no allowed servers list = allow none)
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(0);
+    });
+
+    it("should handle when ACL deny is not an array", function () {
+        const roomId = "!fake:example.org";
+        const room = mockRoom(roomId, [makeMemberWithPL(roomId, "@alice:goodcorp.com", 100)], {
+            deny: "not-an-array" as any, // Test malformed data
+            allow: ["*"],
+        });
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        // Should not crash and still allow the server
+        expect(creator.serverCandidates).toBeTruthy();
+        expect(creator.serverCandidates!.length).toBe(1);
+        expect(creator.serverCandidates![0]).toEqual("goodcorp.com");
+    });
+
+    it("should generate an event permalink for room IDs with no candidate servers", function () {
+        const room = mockRoom("!somewhere:example.org", []);
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        const result = creator.forEvent("$something:example.com");
+        expect(result).toBe("https://matrix.to/#/!somewhere:example.org/$something:example.com");
+    });
+
+    it("should generate an event permalink for room IDs with some candidate servers", function () {
+        const roomId = "!somewhere:example.org";
+        const room = mockRoom(roomId, [
+            makeMemberWithPL(roomId, "@alice:first", 100),
+            makeMemberWithPL(roomId, "@bob:second", 0),
+        ]);
+        const creator = new RoomPermalinkCreator(room);
+        creator.load();
+        const result = creator.forEvent("$something:example.com");
+        expect(result).toBe("https://matrix.to/#/!somewhere:example.org/$something:example.com?via=first&via=second");
+    });
+
+    it("should generate a room permalink for room IDs with some candidate servers", function () {
+        mockClient.getRoom.mockImplementation((roomId?: string) => {
+            return mockRoom(roomId!, [
+                makeMemberWithPL(roomId!, "@alice:first", 100),
+                makeMemberWithPL(roomId!, "@bob:second", 0),
+            ]);
+        });
+        const result = makeRoomPermalink(mockClient, "!somewhere:example.org");
+        expect(result).toBe("https://matrix.to/#/!somewhere:example.org?via=first&via=second");
+    });
+
+    it("should generate a room permalink for room aliases with no candidate servers", function () {
+        mockClient.getRoom.mockReturnValue(null);
+        const result = makeRoomPermalink(mockClient, "#somewhere:example.org");
+        expect(result).toBe("https://matrix.to/#/#somewhere:example.org");
+    });
+
+    it("should generate a room permalink for room aliases without candidate servers", function () {
+        mockClient.getRoom.mockImplementation((roomId?: string) => {
+            return mockRoom(roomId!, [
+                makeMemberWithPL(roomId!, "@alice:first", 100),
+                makeMemberWithPL(roomId!, "@bob:second", 0),
+            ]);
+        });
+        const result = makeRoomPermalink(mockClient, "#somewhere:example.org");
+        expect(result).toBe("https://matrix.to/#/#somewhere:example.org");
+    });
+
+    it("should generate a user permalink", function () {
+        const result = makeUserPermalink("@someone:example.org");
+        expect(result).toBe("https://matrix.to/#/@someone:example.org");
+    });
+
+    it("should use permalink_prefix for permalinks", function () {
+        const sdkConfigGet = SdkConfig.get;
+        vi.spyOn(SdkConfig, "get").mockImplementation((key: keyof IConfigOptions, altCaseName?: string) => {
+            if (key === "permalink_prefix") {
+                return "https://element.fs.tld";
+            } else return sdkConfigGet(key, altCaseName);
+        });
+        const result = makeUserPermalink("@someone:example.org");
+        expect(result).toBe("https://element.fs.tld/#/user/@someone:example.org");
+    });
+
+    describe("parsePermalink", () => {
+        it("should correctly parse room permalinks with a via argument", () => {
+            const result = parsePermalink("https://matrix.to/#/!room_id:server?via=some.org");
+            expect(result?.roomIdOrAlias).toBe("!room_id:server");
+            expect(result?.viaServers).toEqual(["some.org"]);
+        });
+
+        it("should correctly parse room permalink via arguments", () => {
+            const result = parsePermalink("https://matrix.to/#/!room_id:server?via=foo.bar&via=bar.foo");
+            expect(result?.roomIdOrAlias).toBe("!room_id:server");
+            expect(result?.viaServers).toEqual(["foo.bar", "bar.foo"]);
+        });
+
+        it("should correctly parse event permalink via arguments", () => {
+            const result = parsePermalink(
+                "https://matrix.to/#/!room_id:server/$event_id/some_thing_here/foobar?via=m1.org&via=m2.org",
+            );
+            expect(result?.eventId).toBe("$event_id/some_thing_here/foobar");
+            expect(result?.roomIdOrAlias).toBe("!room_id:server");
+            expect(result?.viaServers).toEqual(["m1.org", "m2.org"]);
+        });
+
+        it("should correctly parse permalinks with http protocol", () => {
+            expect(parsePermalink("http://matrix.to/#/@user:example.com")).toEqual(
+                new PermalinkParts(null, null, "@user:example.com", null),
+            );
+        });
+
+        it("should correctly parse permalinks without protocol", () => {
+            expect(parsePermalink("matrix.to/#/@user:example.com")).toEqual(
+                new PermalinkParts(null, null, "@user:example.com", null),
+            );
+        });
+    });
+});
diff --git a/apps/web/src/utils/permalinks/Permalinks.ts b/apps/web/src/utils/permalinks/Permalinks.ts
new file mode 100644
index 00000000000..8b8c850fc49
--- /dev/null
+++ b/apps/web/src/utils/permalinks/Permalinks.ts
@@ -0,0 +1,502 @@
+/*
+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 { isIP } from "is-ip";
+import * as utils from "matrix-js-sdk/src/utils";
+import { type Room, type MatrixClient, RoomStateEvent, EventType } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import MatrixToPermalinkConstructor, {
+    baseUrl as matrixtoBaseUrl,
+    baseUrlPattern as matrixToBaseUrlPattern,
+} from "./MatrixToPermalinkConstructor";
+import { type PermalinkParts } from "./PermalinkConstructor";
+import type PermalinkConstructor from "./PermalinkConstructor";
+import ElementPermalinkConstructor from "./ElementPermalinkConstructor";
+import SdkConfig from "../../SdkConfig";
+import { ELEMENT_URL_PATTERN } from "../../linkify-matrix";
+import MatrixSchemePermalinkConstructor from "./MatrixSchemePermalinkConstructor";
+
+// The maximum number of servers to pick when working out which servers
+// to add to permalinks. The servers are appended as ?via=example.org
+const MAX_SERVER_CANDIDATES = 3;
+
+const ANY_REGEX = /.*/;
+
+// Permalinks can have servers appended to them so that the user
+// receiving them can have a fighting chance at joining the room.
+// These servers are called "candidates" at this point because
+// it is unclear whether they are going to be useful to actually
+// join in the future.
+//
+// We pick 3 servers based on the following criteria:
+//
+//   Server 1: The highest power level user in the room, provided
+//   they are at least PL 50. We don't calculate "what is a moderator"
+//   here because it is less relevant for the vast majority of rooms.
+//   We also want to ensure that we get an admin or high-ranking mod
+//   as they are less likely to leave the room. If no user happens
+//   to meet this criteria, we'll pick the most popular server in the
+//   room.
+//
+//   Server 2: The next most popular server in the room (in user
+//   distribution). This cannot be the same as Server 1. If no other
+//   servers are available then we'll only return Server 1.
+//
+//   Server 3: The next most popular server by user distribution. This
+//   has the same rules as Server 2, with the added exception that it
+//   must be unique from Server 1 and 2.
+
+// Rationale for popular servers: It's hard to get rid of people when
+// they keep flocking in from a particular server. Sure, the server could
+// be ACL'd in the future or for some reason be evicted from the room
+// however an event like that is unlikely the larger the room gets. If
+// the server is ACL'd at the time of generating the link however, we
+// shouldn't pick them. We also don't pick IP addresses.
+
+// Note: we don't pick the server the room was created on because the
+// homeserver should already be using that server as a last ditch attempt
+// and there's less of a guarantee that the server is a resident server.
+// Instead, we actively figure out which servers are likely to be residents
+// in the future and try to use those.
+
+// Note: Users receiving permalinks that happen to have all 3 potential
+// servers fail them (in terms of joining) are somewhat expected to hunt
+// down the person who gave them the link to ask for a participating server.
+// The receiving user can then manually append the known-good server to
+// the list and magically have the link work.
+
+export class RoomPermalinkCreator {
+    private roomId: string;
+    private highestPlUserId: string | null = null;
+    private populationMap: { [serverName: string]: number } = {};
+    private bannedHostsRegexps: RegExp[] = [];
+    private allowedHostsRegexps: RegExp[] = [];
+    private _serverCandidates?: string[];
+    private started = false;
+
+    // We support being given a roomId as a fallback in the event the `room` object
+    // doesn't exist or is not healthy for us to rely on. For example, loading a
+    // permalink to a room which the MatrixClient doesn't know about.
+    // Some of the tests done by this class are relatively expensive, so normally
+    // throttled to not happen on every update. Pass false as the shouldThrottle
+    // param to disable this behaviour, eg. for tests.
+    public constructor(
+        private room: Room | null,
+        roomId: string | null = null,
+        shouldThrottle = true,
+    ) {
+        this.roomId = room ? room.roomId : roomId!;
+
+        if (!this.roomId) {
+            throw new Error("Failed to resolve a roomId for the permalink creator to use");
+        }
+    }
+
+    public load(): void {
+        if (!this.room || !this.room.currentState) {
+            // Under rare and unknown circumstances it is possible to have a room with no
+            // currentState, at least potentially at the early stages of joining a room.
+            // To avoid breaking everything, we'll just warn rather than throw as well as
+            // not bother updating the various aspects of the share link.
+            logger.warn("Tried to load a permalink creator with no room state");
+            return;
+        }
+        this.fullUpdate();
+    }
+
+    public start(): void {
+        if (this.started) return;
+        this.load();
+        this.room?.currentState.on(RoomStateEvent.Update, this.onRoomStateUpdate);
+        this.started = true;
+    }
+
+    public stop(): void {
+        this.room?.currentState.removeListener(RoomStateEvent.Update, this.onRoomStateUpdate);
+        this.started = false;
+    }
+
+    public get serverCandidates(): string[] | undefined {
+        return this._serverCandidates;
+    }
+
+    public forEvent(eventId: string): string {
+        return getPermalinkConstructor().forEvent(this.roomId, eventId, this._serverCandidates);
+    }
+
+    public forShareableRoom(): string {
+        if (this.room) {
+            // Prefer to use canonical alias for permalink if possible
+            const alias = this.room.getCanonicalAlias();
+            if (alias) {
+                return getPermalinkConstructor().forRoom(alias);
+            }
+        }
+        return getPermalinkConstructor().forRoom(this.roomId, this._serverCandidates);
+    }
+
+    public forRoom(): string {
+        return getPermalinkConstructor().forRoom(this.roomId, this._serverCandidates);
+    }
+
+    private onRoomStateUpdate = (): void => {
+        this.fullUpdate();
+    };
+
+    private fullUpdate(): void {
+        // This updates the internal state of this object from the room state. It's broken
+        // down into separate functions, previously because we did some of these as incremental
+        // updates, but they were on member events which can be very numerous, so the incremental
+        // updates ended up being much slower than a full update. We now have the batch state update
+        // event, so we just update in full, but on each batch of updates.
+        this.updateAllowedServers();
+        this.updateHighestPlUser();
+        this.updatePopulationMap();
+        this.updateServerCandidates();
+    }
+
+    private updateHighestPlUser(): void {
+        const plEvent = this.room?.currentState.getStateEvents("m.room.power_levels", "");
+        if (plEvent) {
+            const content = plEvent.getContent();
+            if (content) {
+                const users: Record<string, number> = content.users;
+                if (users) {
+                    const entries = Object.entries(users);
+                    const allowedEntries = entries.filter(([userId]) => {
+                        const member = this.room?.getMember(userId);
+                        if (!member || member.membership !== KnownMembership.Join) {
+                            return false;
+                        }
+                        const serverName = getServerName(userId);
+
+                        const domain = getHostnameFromMatrixServerName(serverName) ?? serverName;
+                        return (
+                            !isHostnameIpAddress(domain) &&
+                            !isHostInRegex(domain, this.bannedHostsRegexps) &&
+                            isHostInRegex(domain, this.allowedHostsRegexps)
+                        );
+                    });
+                    const maxEntry = allowedEntries.reduce<[string | null, number]>(
+                        (max, entry) => {
+                            return entry[1] > max[1] ? entry : max;
+                        },
+                        [null, 0],
+                    );
+                    const [userId, powerLevel] = maxEntry;
+                    // object wasn't empty, and max entry wasn't a demotion from the default
+                    if (userId !== null && powerLevel >= 50) {
+                        this.highestPlUserId = userId;
+                        return;
+                    }
+                }
+            }
+        }
+        this.highestPlUserId = null;
+    }
+
+    private updateAllowedServers(): void {
+        const bannedHostsRegexps: RegExp[] = [];
+        let allowedHostsRegexps = [ANY_REGEX]; // default allow everyone
+        if (this.room?.currentState) {
+            const aclEvent = this.room?.currentState.getStateEvents(EventType.RoomServerAcl, "");
+            if (aclEvent && aclEvent.getContent()) {
+                const getRegex = (hostname: string): RegExp => new RegExp("^" + utils.globToRegexp(hostname) + "$");
+
+                const denied = aclEvent.getContent<{ deny: string[] }>().deny;
+                if (Array.isArray(denied)) {
+                    denied.forEach((h) => bannedHostsRegexps.push(getRegex(h)));
+                }
+
+                const allowed = aclEvent.getContent<{ allow: string[] }>().allow;
+                allowedHostsRegexps = []; // we don't want to use the default rule here
+                if (Array.isArray(allowed)) {
+                    allowed.forEach((h) => allowedHostsRegexps.push(getRegex(h)));
+                }
+            }
+        }
+        this.bannedHostsRegexps = bannedHostsRegexps;
+        this.allowedHostsRegexps = allowedHostsRegexps;
+    }
+
+    private updatePopulationMap(): void {
+        const populationMap: { [server: string]: number } = {};
+        if (this.room) {
+            for (const member of this.room.getJoinedMembers()) {
+                const serverName = getServerName(member.userId);
+                if (!populationMap[serverName]) {
+                    populationMap[serverName] = 0;
+                }
+                populationMap[serverName]++;
+            }
+        }
+        this.populationMap = populationMap;
+    }
+
+    private updateServerCandidates = (): void => {
+        const candidates = new Set<string>();
+        if (this.highestPlUserId) {
+            candidates.add(getServerName(this.highestPlUserId));
+        }
+
+        const serversByPopulation = Object.keys(this.populationMap).sort(
+            (a, b) => this.populationMap[b] - this.populationMap[a],
+        );
+
+        for (let i = 0; i < serversByPopulation.length && candidates.size < MAX_SERVER_CANDIDATES; i++) {
+            const serverName = serversByPopulation[i];
+            const domain = getHostnameFromMatrixServerName(serverName) ?? "";
+            if (
+                !candidates.has(serverName) &&
+                !isHostnameIpAddress(domain) &&
+                !isHostInRegex(domain, this.bannedHostsRegexps) &&
+                isHostInRegex(domain, this.allowedHostsRegexps)
+            ) {
+                candidates.add(serverName);
+            }
+        }
+
+        this._serverCandidates = [...candidates];
+    };
+}
+
+/**
+ * Creates a permalink for an Entity. If isPill is set it uses a spec-compliant
+ * prefix for the permalink, instead of permalink_prefix
+ * @param {string} entityId The entity to link to.
+ * @param {boolean} isPill Link should be pillifyable.
+ * @returns {string|null} The transformed permalink or null if unable.
+ */
+export function makeGenericPermalink(entityId: string, isPill = false): string {
+    return getPermalinkConstructor(isPill).forEntity(entityId);
+}
+
+/**
+ * Creates a permalink for a User. If isPill is set it uses a spec-compliant
+ * prefix for the permalink, instead of permalink_prefix
+ * @param {string} userId The user to link to.
+ * @param {boolean} isPill Link should be pillifyable.
+ * @returns {string|null} The transformed permalink or null if unable.
+ */
+export function makeUserPermalink(userId: string, isPill = false): string {
+    return getPermalinkConstructor(isPill).forUser(userId);
+}
+
+/**
+ * Creates a permalink for a room. If isPill is set it uses a spec-compliant
+ * prefix for the permalink, instead of permalink_prefix
+ * @param {MatrixClient} matrixClient The MatrixClient to use
+ * @param {string} roomId The user to link to.
+ * @param {boolean} isPill Link should be pillifyable.
+ * @returns {string|null} The transformed permalink or null if unable.
+ */
+export function makeRoomPermalink(matrixClient: MatrixClient, roomId: string, isPill = false): string {
+    if (!roomId) {
+        throw new Error("can't permalink a falsy roomId");
+    }
+
+    // If the roomId isn't actually a room ID, don't try to list the servers.
+    // Aliases are already routable, and don't need extra information.
+    if (roomId[0] !== "!") return getPermalinkConstructor(isPill).forRoom(roomId, []);
+
+    const room = matrixClient.getRoom(roomId);
+    if (!room) {
+        return getPermalinkConstructor(isPill).forRoom(roomId, []);
+    }
+    const permalinkCreator = new RoomPermalinkCreator(room);
+    permalinkCreator.load();
+    return permalinkCreator.forShareableRoom();
+}
+
+export function isPermalinkHost(host: string): boolean {
+    // Always check if the permalink is a spec permalink (callers are likely to call
+    // parsePermalink after this function).
+    if (new MatrixToPermalinkConstructor().isPermalinkHost(host)) return true;
+    return getPermalinkConstructor().isPermalinkHost(host);
+}
+
+/**
+ * Transforms an entity (permalink, room alias, user ID, etc) into a local URL
+ * if possible. If it is already a permalink (matrix.to) it gets returned
+ * unchanged.
+ * @param {string} entity The entity to transform.
+ * @returns {string|null} The transformed permalink or null if unable.
+ */
+export function tryTransformEntityToPermalink(matrixClient: MatrixClient, entity: string): string | null {
+    if (!entity) return null;
+
+    // Check to see if it is a bare entity for starters
+    if (entity[0] === "#" || entity[0] === "!") return makeRoomPermalink(matrixClient, entity);
+    if (entity[0] === "@") return makeUserPermalink(entity);
+
+    if (entity.slice(0, 7) === "matrix:") {
+        try {
+            const permalinkParts = parsePermalink(entity);
+            if (permalinkParts) {
+                if (permalinkParts.roomIdOrAlias) {
+                    const eventIdPart = permalinkParts.eventId ? `/${permalinkParts.eventId}` : "";
+                    let pl = matrixtoBaseUrl + `/#/${permalinkParts.roomIdOrAlias}${eventIdPart}`;
+                    if (permalinkParts.viaServers?.length) {
+                        pl += new MatrixToPermalinkConstructor().encodeServerCandidates(permalinkParts.viaServers);
+                    }
+                    return pl;
+                } else if (permalinkParts.userId) {
+                    return matrixtoBaseUrl + `/#/${permalinkParts.userId}`;
+                }
+            }
+        } catch {}
+    }
+
+    return entity;
+}
+
+/**
+ * Transforms a permalink (or possible permalink) into a local URL if possible. If
+ * the given permalink is found to not be a permalink, it'll be returned unaltered.
+ * @param {string} permalink The permalink to try and transform.
+ * @returns {string} The transformed permalink or original URL if unable.
+ */
+export function tryTransformPermalinkToLocalHref(permalink: string): string {
+    if (
+        !permalink.startsWith("http:") &&
+        !permalink.startsWith("https:") &&
+        !permalink.startsWith("matrix:") &&
+        !permalink.startsWith("vector:") // Element Desktop
+    ) {
+        return permalink;
+    }
+
+    try {
+        const m = decodeURIComponent(permalink).match(ELEMENT_URL_PATTERN);
+        if (m) {
+            return m[1];
+        }
+    } catch {
+        // Not a valid URI
+        return permalink;
+    }
+
+    // A bit of a hack to convert permalinks of unknown origin to Element links
+    try {
+        const permalinkParts = parsePermalink(permalink);
+        if (permalinkParts) {
+            if (permalinkParts.roomIdOrAlias) {
+                const eventIdPart = permalinkParts.eventId ? `/${permalinkParts.eventId}` : "";
+                permalink = `#/room/${permalinkParts.roomIdOrAlias}${eventIdPart}`;
+                if (permalinkParts.viaServers?.length) {
+                    permalink += new MatrixToPermalinkConstructor().encodeServerCandidates(permalinkParts.viaServers);
+                }
+            } else if (permalinkParts.userId) {
+                permalink = `#/user/${permalinkParts.userId}`;
+            } // else not a valid permalink for our purposes - do not handle
+        }
+    } catch {
+        // Not an href we need to care about
+    }
+
+    return permalink;
+}
+
+export function getPrimaryPermalinkEntity(permalink: string): string | null {
+    try {
+        let permalinkParts = parsePermalink(permalink);
+
+        // If not a permalink, try the vector patterns.
+        if (!permalinkParts) {
+            const m = permalink.match(ELEMENT_URL_PATTERN);
+            if (m) {
+                // A bit of a hack, but it gets the job done
+                const handler = new ElementPermalinkConstructor("http://localhost");
+                const entityInfo = m[1].split("#").slice(1).join("#");
+                permalinkParts = handler.parsePermalink(`http://localhost/#${entityInfo}`);
+            }
+        }
+
+        if (!permalinkParts) return null; // not processable
+        if (permalinkParts.userId) return permalinkParts.userId;
+        if (permalinkParts.roomIdOrAlias) return permalinkParts.roomIdOrAlias;
+    } catch {
+        // no entity - not a permalink
+    }
+
+    return null;
+}
+
+/**
+ * Returns the correct PermalinkConstructor based on permalink_prefix
+ * and isPill
+ * @param {boolean} isPill Should constructed links be pillifyable.
+ * @returns {string|null} The transformed permalink or null if unable.
+ */
+function getPermalinkConstructor(isPill = false): PermalinkConstructor {
+    const elementPrefix = SdkConfig.get("permalink_prefix");
+    if (elementPrefix && elementPrefix !== matrixtoBaseUrl && !isPill) {
+        return new ElementPermalinkConstructor(elementPrefix);
+    }
+
+    return new MatrixToPermalinkConstructor();
+}
+
+export function parsePermalink(fullUrl: string): PermalinkParts | null {
+    try {
+        const elementPrefix = SdkConfig.get("permalink_prefix");
+        const decodedUrl = decodeURIComponent(fullUrl);
+        if (new RegExp(matrixToBaseUrlPattern, "i").test(decodedUrl)) {
+            return new MatrixToPermalinkConstructor().parsePermalink(decodedUrl);
+        } else if (fullUrl.startsWith("matrix:")) {
+            return new MatrixSchemePermalinkConstructor().parsePermalink(fullUrl);
+        } else if (elementPrefix && fullUrl.startsWith(elementPrefix)) {
+            return new ElementPermalinkConstructor(elementPrefix).parsePermalink(fullUrl);
+        }
+    } catch (e) {
+        logger.error("Failed to parse permalink", e);
+    }
+
+    return null; // not a permalink we can handle
+}
+
+export function getServerName(userId: string): string {
+    return userId.split(":").splice(1).join(":");
+}
+
+export function getHostnameFromMatrixServerName(serverName: string): string | null {
+    if (!serverName) return null;
+    try {
+        return new URL(`https://${serverName}`).hostname;
+    } catch (e) {
+        console.error("Error encountered while extracting hostname from server name", e);
+        return null;
+    }
+}
+
+function isHostInRegex(hostname: string, regexps: RegExp[]): boolean {
+    if (!hostname) return true; // assumed
+    if (regexps.length > 0 && !regexps[0].test) throw new Error(regexps[0].toString());
+
+    return regexps.some((h) => h.test(hostname));
+}
+
+function isHostnameIpAddress(hostname: string): boolean {
+    if (!hostname) return false;
+
+    // is-ip doesn't want IPv6 addresses surrounded by brackets, so
+    // take them off.
+    if (hostname.startsWith("[") && hostname.endsWith("]")) {
+        hostname = hostname.substring(1, hostname.length - 1);
+    }
+
+    return isIP(hostname);
+}
+
+export const calculateRoomVia = (room: Room): string[] => {
+    const permalinkCreator = new RoomPermalinkCreator(room);
+    permalinkCreator.load();
+    return permalinkCreator.serverCandidates ?? [];
+};
diff --git a/apps/web/src/utils/permalinks/navigator.ts b/apps/web/src/utils/permalinks/navigator.ts
new file mode 100644
index 00000000000..053dec10c5c
--- /dev/null
+++ b/apps/web/src/utils/permalinks/navigator.ts
@@ -0,0 +1,23 @@
+/*
+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 { tryTransformPermalinkToLocalHref } from "./Permalinks";
+
+/**
+ * Converts a permalink to a local HREF and navigates accordingly. Throws if the permalink
+ * cannot be transformed.
+ * @param uri The permalink to navigate to.
+ */
+export function navigateToPermalink(uri: string): void {
+    const localUri = tryTransformPermalinkToLocalHref(uri);
+    if (!localUri || localUri === uri) {
+        // parse failure can lead to an unmodified URL
+        throw new Error("Failed to transform URI");
+    }
+    window.location.hash = localUri; // it'll just be a fragment
+}
diff --git a/apps/web/src/utils/presence.ts b/apps/web/src/utils/presence.ts
new file mode 100644
index 00000000000..9942ab8a3f0
--- /dev/null
+++ b/apps/web/src/utils/presence.ts
@@ -0,0 +1,19 @@
+/*
+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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import SdkConfig from "../SdkConfig";
+
+export function isPresenceEnabled(matrixClient: MatrixClient): boolean {
+    const hsUrl = matrixClient.baseUrl;
+    const urls = SdkConfig.get("enable_presence_by_hs_url");
+    if (!urls) return true;
+    if (urls[hsUrl] || urls[hsUrl] === undefined) return true;
+    return false;
+}
diff --git a/apps/web/src/utils/promise.test.ts b/apps/web/src/utils/promise.test.ts
new file mode 100644
index 00000000000..5004591484c
--- /dev/null
+++ b/apps/web/src/utils/promise.test.ts
@@ -0,0 +1,58 @@
+/*
+ * Copyright 2024 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 { vi, describe, it, expect, afterEach } from "vitest";
+
+import { batch } from "./promise.ts";
+
+describe("promise.ts", () => {
+    describe("batch", () => {
+        afterEach(() => vi.useRealTimers());
+
+        it("should batch promises into groups of a given size", async () => {
+            const promises = [() => Promise.resolve(1), () => Promise.resolve(2), () => Promise.resolve(3)];
+            const batchSize = 2;
+            const result = await batch(promises, batchSize);
+            expect(result).toEqual([1, 2, 3]);
+        });
+
+        it("should wait for the current batch to finish to request the next one", async () => {
+            vi.useFakeTimers();
+
+            let promise1Called = false;
+            const promise1 = () =>
+                new Promise<number>((resolve) => {
+                    promise1Called = true;
+                    resolve(1);
+                });
+            let promise2Called = false;
+            const promise2 = () =>
+                new Promise<number>((resolve) => {
+                    promise2Called = true;
+                    setTimeout(() => {
+                        resolve(2);
+                    }, 10);
+                });
+
+            let promise3Called = false;
+            const promise3 = () =>
+                new Promise<number>((resolve) => {
+                    promise3Called = true;
+                    resolve(3);
+                });
+            const batchSize = 2;
+            const batchPromise = batch([promise1, promise2, promise3], batchSize);
+
+            expect(promise1Called).toBe(true);
+            expect(promise2Called).toBe(true);
+            expect(promise3Called).toBe(false);
+
+            vi.advanceTimersByTime(11);
+            expect(await batchPromise).toEqual([1, 2, 3]);
+        });
+    });
+});
diff --git a/apps/web/src/utils/promise.ts b/apps/web/src/utils/promise.ts
new file mode 100644
index 00000000000..919b925a5bc
--- /dev/null
+++ b/apps/web/src/utils/promise.ts
@@ -0,0 +1,57 @@
+/*
+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.
+*/
+
+// Returns a promise which resolves when the input promise resolves with its value
+// or when the timeout of ms is reached with the value of given timeoutValue
+export async function timeout<T, Y>(promise: Promise<T>, timeoutValue: Y, ms: number): Promise<T | Y> {
+    const timeoutPromise = new Promise<T | Y>((resolve) => {
+        const timeoutId = window.setTimeout(resolve, ms, timeoutValue);
+        promise.then(() => {
+            clearTimeout(timeoutId);
+        });
+    });
+
+    return Promise.race([promise, timeoutPromise]);
+}
+
+// Helper method to retry a Promise a given number of times or until a predicate fails
+export async function retry<T, E extends Error>(
+    fn: () => Promise<T>,
+    num: number,
+    predicate?: (e: E) => boolean,
+): Promise<T> {
+    let lastErr!: any;
+    for (let i = 0; i < num; i++) {
+        try {
+            const v = await fn();
+            // If `await fn()` throws then we won't reach here
+            return v;
+        } catch (err) {
+            if (predicate && !predicate(err as E)) {
+                throw err;
+            }
+            lastErr = err;
+        }
+    }
+    throw lastErr;
+}
+
+/**
+ * Batch promises into groups of a given size.
+ * Execute the promises in parallel, but wait for all promises in a batch to resolve before moving to the next batch.
+ * @param funcs - The promises to batch
+ * @param batchSize - The number of promises to execute in parallel
+ */
+export async function batch<T>(funcs: Array<() => Promise<T>>, batchSize: number): Promise<T[]> {
+    const results: T[] = [];
+    for (let i = 0; i < funcs.length; i += batchSize) {
+        const batch = funcs.slice(i, i + batchSize);
+        results.push(...(await Promise.all(batch.map((f) => f()))));
+    }
+    return results;
+}
diff --git a/apps/web/src/utils/pushRules/monitorSyncedPushRules.ts b/apps/web/src/utils/pushRules/monitorSyncedPushRules.ts
new file mode 100644
index 00000000000..72c939a1e25
--- /dev/null
+++ b/apps/web/src/utils/pushRules/monitorSyncedPushRules.ts
@@ -0,0 +1,103 @@
+/*
+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 MatrixClient,
+    type MatrixEvent,
+    EventType,
+    type RuleId,
+    type IAnnotatedPushRule,
+    type IPushRule,
+    type PushRuleKind,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { VectorPushRulesDefinitions, type VectorPushRuleDefinition } from "../../notifications";
+import { updateExistingPushRulesWithActions } from "./updatePushRuleActions";
+
+const pushRuleAndKindToAnnotated = (
+    ruleAndKind: { rule: IPushRule; kind: PushRuleKind } | null,
+): IAnnotatedPushRule | undefined =>
+    ruleAndKind
+        ? {
+              ...ruleAndKind.rule,
+              kind: ruleAndKind.kind,
+          }
+        : undefined;
+
+/**
+ * Checks that any synced rules that exist a given rule are in sync
+ * And updates any that are out of sync
+ * Ignores ruleIds that do not exist for the user
+ * @param matrixClient - cli
+ * @param ruleId - primary rule
+ * @param definition - VectorPushRuleDefinition of the primary rule
+ */
+const monitorSyncedRule = async (
+    matrixClient: MatrixClient,
+    ruleId: RuleId | string,
+    definition: VectorPushRuleDefinition,
+): Promise<void> => {
+    const primaryRule = pushRuleAndKindToAnnotated(matrixClient.pushProcessor.getPushRuleAndKindById(ruleId));
+
+    if (!primaryRule) {
+        return;
+    }
+    const syncedRules: IAnnotatedPushRule[] | undefined = definition.syncedRuleIds
+        ?.map((ruleId) => pushRuleAndKindToAnnotated(matrixClient.pushProcessor.getPushRuleAndKindById(ruleId)))
+        .filter((n?: IAnnotatedPushRule): n is IAnnotatedPushRule => Boolean(n));
+
+    // no synced rules to manage
+    if (!syncedRules?.length) {
+        return;
+    }
+
+    const primaryRuleVectorState = definition.ruleToVectorState(primaryRule);
+
+    const outOfSyncRules = syncedRules.filter(
+        (syncedRule) =>
+            syncedRule.enabled !== primaryRule.enabled ||
+            definition.ruleToVectorState(syncedRule) !== primaryRuleVectorState,
+    );
+
+    if (outOfSyncRules.length) {
+        await updateExistingPushRulesWithActions(
+            matrixClient,
+            outOfSyncRules.map(({ rule_id }) => rule_id),
+            primaryRule.enabled ? primaryRule.actions : undefined,
+        );
+    }
+};
+
+/**
+ * On changes to m.push_rules account data,
+ * check that synced push rules are in sync with their primary rule,
+ * and update any out of sync rules.
+ * synced rules are defined in VectorPushRulesDefinitions
+ * If updating a rule fails for any reason,
+ * the error is caught and handled silently
+ * @param accountDataEvent - MatrixEvent
+ * @param matrixClient - cli
+ * @returns Resolves when updates are complete
+ */
+export const monitorSyncedPushRules = async (
+    accountDataEvent: MatrixEvent | undefined,
+    matrixClient: MatrixClient,
+): Promise<void> => {
+    if (accountDataEvent?.getType() !== EventType.PushRules) {
+        return;
+    }
+
+    Object.entries(VectorPushRulesDefinitions).forEach(async ([ruleId, definition]) => {
+        try {
+            await monitorSyncedRule(matrixClient, ruleId, definition);
+        } catch (error) {
+            logger.error(`Failed to fully synchronise push rules for ${ruleId}`, error);
+        }
+    });
+};
diff --git a/apps/web/src/utils/pushRules/updatePushRuleActions.ts b/apps/web/src/utils/pushRules/updatePushRuleActions.ts
new file mode 100644
index 00000000000..8a383cace69
--- /dev/null
+++ b/apps/web/src/utils/pushRules/updatePushRuleActions.ts
@@ -0,0 +1,63 @@
+/*
+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 MatrixClient, type IPushRule, type PushRuleAction, type PushRuleKind } from "matrix-js-sdk/src/matrix";
+
+/**
+ * Sets the actions for a given push rule id and kind
+ * When actions are falsy, disables the rule
+ * @param matrixClient - cli
+ * @param ruleId - rule id to update
+ * @param kind - PushRuleKind
+ * @param actions - push rule actions to set for rule
+ */
+export const updatePushRuleActions = async (
+    matrixClient: MatrixClient,
+    ruleId: IPushRule["rule_id"],
+    kind: PushRuleKind,
+    actions?: PushRuleAction[],
+): Promise<void> => {
+    if (!actions) {
+        await matrixClient.setPushRuleEnabled("global", kind, ruleId, false);
+    } else {
+        await matrixClient.setPushRuleActions("global", kind, ruleId, actions);
+        await matrixClient.setPushRuleEnabled("global", kind, ruleId, true);
+    }
+};
+
+interface PushRuleAndKind {
+    rule: IPushRule;
+    kind: PushRuleKind;
+}
+
+/**
+ * Update push rules with given actions
+ * Where they already exist for current user
+ * Rules are updated sequentially and stop at first error
+ * @param matrixClient - cli
+ * @param ruleIds - RuleIds of push rules to attempt to set actions for
+ * @param actions - push rule actions to set for rule
+ * @returns resolves when all rules have been updated
+ * @returns rejects when a rule update fails
+ */
+export const updateExistingPushRulesWithActions = async (
+    matrixClient: MatrixClient,
+    ruleIds?: IPushRule["rule_id"][],
+    actions?: PushRuleAction[],
+): Promise<void> => {
+    const rules: PushRuleAndKind[] | undefined = ruleIds
+        ?.map((ruleId) => matrixClient.pushProcessor.getPushRuleAndKindById(ruleId))
+        .filter((n: PushRuleAndKind | null): n is PushRuleAndKind => Boolean(n));
+
+    if (!rules?.length) {
+        return;
+    }
+    for (const { kind, rule } of rules) {
+        await updatePushRuleActions(matrixClient, rule.rule_id, kind, actions);
+    }
+};
diff --git a/apps/web/src/utils/read-receipts.ts b/apps/web/src/utils/read-receipts.ts
new file mode 100644
index 00000000000..ee949fa034f
--- /dev/null
+++ b/apps/web/src/utils/read-receipts.ts
@@ -0,0 +1,28 @@
+/*
+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 { type MatrixEvent, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { isSupportedReceiptType } from "matrix-js-sdk/src/utils";
+
+/**
+ * Determines if a read receipt update event includes the client's own user.
+ * @param event The event to check.
+ * @param client The client to check against.
+ * @returns True if the read receipt update includes the client, false otherwise.
+ */
+export function readReceiptChangeIsFor(event: MatrixEvent, client: MatrixClient): boolean {
+    const myUserId = client.getUserId()!;
+    for (const eventId of Object.keys(event.getContent())) {
+        for (const [receiptType, receipt] of Object.entries(event.getContent()[eventId])) {
+            if (!isSupportedReceiptType(receiptType)) continue;
+
+            if (Object.keys(receipt || {}).includes(myUserId)) return true;
+        }
+    }
+    return false;
+}
diff --git a/apps/web/src/utils/room/canInviteTo.test.ts b/apps/web/src/utils/room/canInviteTo.test.ts
new file mode 100644
index 00000000000..b16fc52ac41
--- /dev/null
+++ b/apps/web/src/utils/room/canInviteTo.test.ts
@@ -0,0 +1,100 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import { JoinRule, Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { getMockClientWithEventEmitter, mockClientMethodsUser } from "test-utils";
+
+import { shouldShowComponent } from "../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../settings/UIFeature";
+import { canInviteTo } from "./canInviteTo";
+
+vi.mock("../../customisations/helpers/UIComponents", () => ({
+    shouldShowComponent: vi.fn(),
+}));
+
+describe("canInviteTo()", () => {
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    const userId = "@alice:server.org";
+    const roomId = "!room:server.org";
+
+    const makeRoom = (): Room => {
+        const client = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(userId),
+        });
+        const room = new Room(roomId, client, userId);
+        vi.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+        vi.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Public);
+        vi.spyOn(room, "canInvite").mockReturnValue(true);
+        return room;
+    };
+
+    beforeEach(() => {
+        vi.mocked(shouldShowComponent).mockReturnValue(true);
+    });
+
+    describe("when user has permissions to issue an invite for this room", () => {
+        // aka when Room.canInvite is true
+
+        it("should return false when current user membership is not joined", () => {
+            const room = makeRoom();
+            vi.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Invite);
+
+            expect(canInviteTo(room)).toEqual(false);
+        });
+
+        it("should return false when UIComponent.InviteUsers customisation hides invite", () => {
+            const room = makeRoom();
+            vi.mocked(shouldShowComponent).mockReturnValue(false);
+
+            expect(canInviteTo(room)).toEqual(false);
+            expect(shouldShowComponent).toHaveBeenCalledWith(UIComponent.InviteUsers);
+        });
+
+        it("should return true when user can invite and is a room member", () => {
+            const room = makeRoom();
+
+            expect(canInviteTo(room)).toEqual(true);
+        });
+    });
+
+    describe("when user does not have permissions to issue an invite for this room", () => {
+        // aka when Room.canInvite is false
+
+        it("should return false when room is a private space", () => {
+            const room = makeRoom();
+            vi.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Invite);
+            vi.spyOn(room, "isSpaceRoom").mockReturnValue(true);
+            vi.spyOn(room, "canInvite").mockReturnValue(false);
+
+            expect(canInviteTo(room)).toEqual(false);
+        });
+
+        it("should return false when room is just a room", () => {
+            const room = makeRoom();
+            vi.spyOn(room, "canInvite").mockReturnValue(false);
+
+            expect(canInviteTo(room)).toEqual(false);
+        });
+
+        it("should return true when room is a public space", () => {
+            const room = makeRoom();
+            // default join rule is public
+            vi.spyOn(room, "isSpaceRoom").mockReturnValue(true);
+            vi.spyOn(room, "canInvite").mockReturnValue(false);
+
+            expect(canInviteTo(room)).toEqual(true);
+        });
+    });
+});
diff --git a/apps/web/src/utils/room/canInviteTo.ts b/apps/web/src/utils/room/canInviteTo.ts
new file mode 100644
index 00000000000..f6bb76c1e05
--- /dev/null
+++ b/apps/web/src/utils/room/canInviteTo.ts
@@ -0,0 +1,26 @@
+/*
+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 { JoinRule, type Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { shouldShowComponent } from "../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../settings/UIFeature";
+
+/**
+ * Can a user invite new members to the room
+ * @param room
+ * @returns whether the user can invite new members to the room
+ */
+export function canInviteTo(room: Room): boolean {
+    const client = room.client;
+    const canInvite =
+        !!room.canInvite(client.getSafeUserId()) || !!(room.isSpaceRoom() && room.getJoinRule() === JoinRule.Public);
+
+    return canInvite && room.getMyMembership() === KnownMembership.Join && shouldShowComponent(UIComponent.InviteUsers);
+}
diff --git a/apps/web/src/utils/room/getFunctionalMembers.ts b/apps/web/src/utils/room/getFunctionalMembers.ts
new file mode 100644
index 00000000000..ac9859b28ae
--- /dev/null
+++ b/apps/web/src/utils/room/getFunctionalMembers.ts
@@ -0,0 +1,19 @@
+/*
+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 { type Room, UNSTABLE_ELEMENT_FUNCTIONAL_USERS } from "matrix-js-sdk/src/matrix";
+
+export const getFunctionalMembers = (room: Room): string[] => {
+    const [functionalUsersStateEvent] = room.currentState.getStateEvents(UNSTABLE_ELEMENT_FUNCTIONAL_USERS.name);
+
+    if (Array.isArray(functionalUsersStateEvent?.getContent().service_members)) {
+        return functionalUsersStateEvent.getContent().service_members;
+    }
+
+    return [];
+};
diff --git a/apps/web/src/utils/room/getJoinedNonFunctionalMembers.test.ts b/apps/web/src/utils/room/getJoinedNonFunctionalMembers.test.ts
new file mode 100644
index 00000000000..475e0ad5905
--- /dev/null
+++ b/apps/web/src/utils/room/getJoinedNonFunctionalMembers.test.ts
@@ -0,0 +1,79 @@
+/*
+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 { vi, describe, it, expect, beforeEach } from "vitest";
+import { type MatrixClient, Room, RoomMember } from "matrix-js-sdk/src/matrix";
+
+import { getFunctionalMembers } from "./getFunctionalMembers";
+import { getJoinedNonFunctionalMembers } from "./getJoinedNonFunctionalMembers";
+
+vi.mock("./getFunctionalMembers", () => ({
+    getFunctionalMembers: vi.fn(),
+}));
+
+describe("getJoinedNonFunctionalMembers", () => {
+    let room: Room;
+    let roomMember1: RoomMember;
+    let roomMember2: RoomMember;
+
+    beforeEach(() => {
+        room = new Room("!room:example.com", {} as unknown as MatrixClient, "@user:example.com");
+        room.getJoinedMembers = vi.fn();
+
+        roomMember1 = new RoomMember(room.roomId, "@user1:example.com");
+        roomMember2 = new RoomMember(room.roomId, "@user2:example.com");
+    });
+
+    describe("if there are no members", () => {
+        beforeEach(() => {
+            vi.mocked(room.getJoinedMembers).mockReturnValue([]);
+            vi.mocked(getFunctionalMembers).mockReturnValue([]);
+        });
+
+        it("should return an empty list", () => {
+            expect(getJoinedNonFunctionalMembers(room)).toHaveLength(0);
+        });
+    });
+
+    describe("if there are only regular room members", () => {
+        beforeEach(() => {
+            vi.mocked(room.getJoinedMembers).mockReturnValue([roomMember1, roomMember2]);
+            vi.mocked(getFunctionalMembers).mockReturnValue([]);
+        });
+
+        it("should return the room members", () => {
+            const members = getJoinedNonFunctionalMembers(room);
+            expect(members).toContain(roomMember1);
+            expect(members).toContain(roomMember2);
+        });
+    });
+
+    describe("if there are only functional room members", () => {
+        beforeEach(() => {
+            vi.mocked(room.getJoinedMembers).mockReturnValue([]);
+            vi.mocked(getFunctionalMembers).mockReturnValue(["@functional:example.com"]);
+        });
+
+        it("should return an empty list", () => {
+            expect(getJoinedNonFunctionalMembers(room)).toHaveLength(0);
+        });
+    });
+
+    describe("if there are some functional room members", () => {
+        beforeEach(() => {
+            vi.mocked(room.getJoinedMembers).mockReturnValue([roomMember1, roomMember2]);
+            vi.mocked(getFunctionalMembers).mockReturnValue([roomMember1.userId]);
+        });
+
+        it("should only return the non-functional members", () => {
+            const members = getJoinedNonFunctionalMembers(room);
+            expect(members).not.toContain(roomMember1);
+            expect(members).toContain(roomMember2);
+        });
+    });
+});
diff --git a/apps/web/src/utils/room/getJoinedNonFunctionalMembers.ts b/apps/web/src/utils/room/getJoinedNonFunctionalMembers.ts
new file mode 100644
index 00000000000..8c8ac910690
--- /dev/null
+++ b/apps/web/src/utils/room/getJoinedNonFunctionalMembers.ts
@@ -0,0 +1,21 @@
+/*
+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 { type Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+
+import { getFunctionalMembers } from "./getFunctionalMembers";
+
+/**
+ * Returns all room members that are non-functional (all actual room members).
+ *
+ * A functional user is a user that is not a real user, but a bot, assistant, etc.
+ */
+export const getJoinedNonFunctionalMembers = (room: Room): RoomMember[] => {
+    const functionalMembers = getFunctionalMembers(room);
+    return room.getJoinedMembers().filter((m) => !functionalMembers.includes(m.userId));
+};
diff --git a/apps/web/src/utils/room/getRoomFunctionalMembers.test.ts b/apps/web/src/utils/room/getRoomFunctionalMembers.test.ts
new file mode 100644
index 00000000000..1344323ceee
--- /dev/null
+++ b/apps/web/src/utils/room/getRoomFunctionalMembers.test.ts
@@ -0,0 +1,52 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect } from "vitest";
+import { Room, UNSTABLE_ELEMENT_FUNCTIONAL_USERS } from "matrix-js-sdk/src/matrix";
+import { createTestClient, mkEvent } from "test-utils";
+
+import { getFunctionalMembers } from "./getFunctionalMembers";
+
+describe("getRoomFunctionalMembers", () => {
+    const client = createTestClient();
+    const room = new Room("!room:example.com", client, client.getUserId()!);
+
+    it("should return an empty array if no functional members state event exists", () => {
+        expect(getFunctionalMembers(room)).toHaveLength(0);
+    });
+
+    it("should return an empty array if functional members state event does not have a service_members field", () => {
+        room.currentState.setStateEvents([
+            mkEvent({
+                event: true,
+                type: UNSTABLE_ELEMENT_FUNCTIONAL_USERS.name,
+                user: "@user:example.com)",
+                room: room.roomId,
+                skey: "",
+                content: {},
+            }),
+        ]);
+        expect(getFunctionalMembers(room)).toHaveLength(0);
+    });
+
+    it("should return service_members field of the functional users state event", () => {
+        room.currentState.setStateEvents([
+            mkEvent({
+                event: true,
+                type: UNSTABLE_ELEMENT_FUNCTIONAL_USERS.name,
+                user: "@user:example.com)",
+                room: room.roomId,
+                skey: "",
+                content: { service_members: ["@user:example.com"] },
+            }),
+        ]);
+        expect(getFunctionalMembers(room)).toEqual(["@user:example.com"]);
+    });
+});
diff --git a/apps/web/src/utils/room/getSectionTagForRoom.test.ts b/apps/web/src/utils/room/getSectionTagForRoom.test.ts
new file mode 100644
index 00000000000..11158c55887
--- /dev/null
+++ b/apps/web/src/utils/room/getSectionTagForRoom.test.ts
@@ -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.
+ */
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect } from "vitest";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import { DefaultTagID } from "../../stores/room-list-v3/skip-list/tag";
+import { CUSTOM_SECTION_TAG_PREFIX } from "../../stores/room-list-v3/section";
+import { getSectionTagForRoom } from "./getSectionTagForRoom";
+import { getTagsForRoom } from "./getTagsForRoom";
+
+vi.mock("./getTagsForRoom");
+
+const mockGetTagsForRoom = vi.mocked(getTagsForRoom);
+
+describe("getSectionTagForRoom", () => {
+    const room = {} as Room;
+
+    it("should return null when room has no tags", () => {
+        mockGetTagsForRoom.mockReturnValue([]);
+        expect(getSectionTagForRoom(room)).toBeNull();
+    });
+
+    it("should return null when room only has a non-section tag", () => {
+        mockGetTagsForRoom.mockReturnValue([DefaultTagID.Untagged]);
+        expect(getSectionTagForRoom(room)).toBeNull();
+    });
+
+    it.each([DefaultTagID.Favourite, DefaultTagID.LowPriority, `${CUSTOM_SECTION_TAG_PREFIX}abc-123`])(
+        "should return section tag %s when present",
+        (tag) => {
+            mockGetTagsForRoom.mockReturnValue([tag]);
+            expect(getSectionTagForRoom(room)).toBe(tag);
+        },
+    );
+
+    it("should return the first section tag when multiple are present", () => {
+        const customTag = `${CUSTOM_SECTION_TAG_PREFIX}abc-123`;
+        mockGetTagsForRoom.mockReturnValue([DefaultTagID.Favourite, customTag]);
+        expect(getSectionTagForRoom(room)).toBe(DefaultTagID.Favourite);
+    });
+
+    it("should ignore non-section tags and return the section tag", () => {
+        const customTag = `${CUSTOM_SECTION_TAG_PREFIX}abc-123`;
+        mockGetTagsForRoom.mockReturnValue([DefaultTagID.Untagged, customTag]);
+        expect(getSectionTagForRoom(room)).toBe(customTag);
+    });
+});
diff --git a/apps/web/src/utils/room/getSectionTagForRoom.ts b/apps/web/src/utils/room/getSectionTagForRoom.ts
new file mode 100644
index 00000000000..9dd59fd6469
--- /dev/null
+++ b/apps/web/src/utils/room/getSectionTagForRoom.ts
@@ -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.
+ */
+
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import { type TagID } from "../../stores/room-list-v3/skip-list/tag";
+import { getTagsForRoom } from "./getTagsForRoom";
+import { isSectionTag } from "../../stores/room-list-v3/section";
+
+/**
+ * Get the section tag for a given room.
+ * @param room The room to get the section tag for.
+ * @returns The section tag ID or null if none found.
+ */
+export function getSectionTagForRoom(room: Room): TagID | null {
+    return getTagsForRoom(room).find((t) => isSectionTag(t)) ?? null;
+}
diff --git a/apps/web/src/utils/room/getTagsForRoom.test.ts b/apps/web/src/utils/room/getTagsForRoom.test.ts
new file mode 100644
index 00000000000..f17e573ee1a
--- /dev/null
+++ b/apps/web/src/utils/room/getTagsForRoom.test.ts
@@ -0,0 +1,151 @@
+/*
+ * 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.
+ */
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { JoinRule, type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { createTestClient, mkRoom } from "test-utils";
+
+import { DefaultTagID } from "../../stores/room-list-v3/skip-list/tag";
+import { getTagsForRoom } from "./getTagsForRoom";
+import DMRoomMap from "../DMRoomMap";
+
+describe("getTagsForRoom", () => {
+    let client: MatrixClient;
+    let rooms: Room[];
+
+    beforeEach(() => {
+        client = createTestClient();
+        rooms = [];
+
+        const dmRoomMap = {
+            getUserIdForRoomId: vi.fn().mockReturnValue(undefined),
+        } as unknown as DMRoomMap;
+        DMRoomMap.setShared(dmRoomMap);
+    });
+
+    function makeRoom(roomId: string): Room {
+        mkRoom(client, roomId, rooms);
+        vi.mocked(client).getRoom.mockImplementation((id) => rooms.find((r) => r.roomId === id) ?? null);
+        vi.mocked(client).getRooms.mockImplementation(() => rooms);
+        return client.getRoom(roomId)!;
+    }
+
+    it("should return [Invite] for a room where the user is invited", () => {
+        const room = makeRoom("!invited:server");
+        vi.mocked(room.getMyMembership).mockReturnValue(KnownMembership.Invite);
+
+        const tags = getTagsForRoom(room);
+        expect(tags).toEqual([DefaultTagID.Invite]);
+    });
+
+    it.each([KnownMembership.Leave, KnownMembership.Ban])(
+        "should return [Archived] for a room where the user has %s",
+        (membership) => {
+            const room = makeRoom(`!${membership.toLowerCase()}:server`);
+            vi.mocked(room.getMyMembership).mockReturnValue(membership);
+
+            const tags = getTagsForRoom(room);
+            expect(tags).toEqual([DefaultTagID.Archived]);
+        },
+    );
+
+    describe("joined rooms", () => {
+        describe("with no user-defined tags and not a DM", () => {
+            it("should return [Untagged] when the room has no tags and is not a DM", () => {
+                const room = makeRoom("!plain:server");
+                vi.mocked(room.getMyMembership).mockReturnValue(KnownMembership.Join);
+                (room as any).tags = {};
+
+                const tags = getTagsForRoom(room);
+                expect(tags).toEqual([DefaultTagID.Untagged]);
+            });
+        });
+
+        it("should return [DM] when the room is a DM", () => {
+            const room = makeRoom("!dm:server");
+            vi.mocked(room.getMyMembership).mockReturnValue(KnownMembership.Join);
+            (room as any).tags = {};
+
+            vi.mocked(DMRoomMap.shared().getUserIdForRoomId).mockReturnValue("@alice:server");
+
+            const tags = getTagsForRoom(room);
+            expect(tags).toContain(DefaultTagID.DM);
+            expect(tags).not.toContain(DefaultTagID.Untagged);
+        });
+
+        describe("rooms with user-defined tags", () => {
+            it("should return the user-defined tags", () => {
+                const room = makeRoom("!tagged:server");
+                vi.mocked(room.getMyMembership).mockReturnValue(KnownMembership.Join);
+                (room as any).tags = { "m.favourite": {}, "u.alice": {} };
+
+                const tags = getTagsForRoom(room);
+                expect(tags).toContain("m.favourite");
+                expect(tags).toContain("u.alice");
+                expect(tags).not.toContain(DefaultTagID.Untagged);
+            });
+
+            it("should not check DM status when user-defined tags are already present", () => {
+                const room = makeRoom("!tagged-dm:server");
+                vi.mocked(room.getMyMembership).mockReturnValue(KnownMembership.Join);
+                (room as any).tags = { "m.lowpriority": {} };
+
+                // Even if the room is a DM, user-defined tags take priority
+                vi.mocked(DMRoomMap.shared().getUserIdForRoomId).mockReturnValue("@alice:server");
+
+                const tags = getTagsForRoom(room);
+                expect(tags).toContain("m.lowpriority");
+                expect(tags).not.toContain(DefaultTagID.DM);
+            });
+        });
+    });
+
+    describe("conference (call) rooms", () => {
+        it.each([JoinRule.Public, JoinRule.Knock])(
+            "should include Conference tag for a call room with %s join rule",
+            (joinRule) => {
+                const room = makeRoom(`!call:${joinRule}:server`);
+                vi.mocked(room.getMyMembership).mockReturnValue(KnownMembership.Join);
+                vi.mocked(room.isCallRoom).mockReturnValue(true);
+                vi.mocked(room.getJoinRule).mockReturnValue(joinRule);
+
+                const tags = getTagsForRoom(room);
+                expect(tags).toContain(DefaultTagID.Conference);
+            },
+        );
+
+        it.each([JoinRule.Invite, JoinRule.Private])(
+            "should not include Conference tag for a call room with %s join rule",
+            (joinRule) => {
+                const room = makeRoom(`!call:${joinRule}:server`);
+                vi.mocked(room.getMyMembership).mockReturnValue(KnownMembership.Join);
+                vi.mocked(room.isCallRoom).mockReturnValue(true);
+                vi.mocked(room.getJoinRule).mockReturnValue(joinRule);
+
+                const tags = getTagsForRoom(room);
+                expect(tags).not.toContain(DefaultTagID.Conference);
+            },
+        );
+
+        it("should include Conference alongside Untagged for a public call room with no other tags", () => {
+            const room = makeRoom("!callPublicPlain:server");
+            vi.mocked(room.getMyMembership).mockReturnValue(KnownMembership.Join);
+            (room as any).tags = {};
+            vi.mocked(room.isCallRoom).mockReturnValue(true);
+            vi.mocked(room.getJoinRule).mockReturnValue(JoinRule.Public);
+
+            const tags = getTagsForRoom(room);
+            // Conference is added to the tag list before the Untagged fallback check,
+            // so tags.length is already 1 — Untagged is not appended.
+            expect(tags).toContain(DefaultTagID.Conference);
+            expect(tags).not.toContain(DefaultTagID.Untagged);
+        });
+    });
+});
diff --git a/apps/web/src/utils/room/getTagsForRoom.ts b/apps/web/src/utils/room/getTagsForRoom.ts
new file mode 100644
index 00000000000..449c5f0889f
--- /dev/null
+++ b/apps/web/src/utils/room/getTagsForRoom.ts
@@ -0,0 +1,56 @@
+/*
+ * 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 { JoinRule, type Room } from "matrix-js-sdk/src/matrix";
+
+import { DefaultTagID, type TagID } from "../../stores/room-list-v3/skip-list/tag";
+import { EffectiveMembership, getEffectiveMembershipTag } from "../membership";
+import DMRoomMap from "../DMRoomMap";
+
+/**
+ * Get the tags for a room.
+ * @param room - the room to get the tags for
+ * @returns an array of tags for the room. If the room has no tags, it will return an array with the DefaultTagID.Untagged tag.
+ */
+export function getTagsForRoom(room: Room): TagID[] {
+    const tags: TagID[] = [];
+
+    const membership = getEffectiveMembershipTag(room);
+
+    if (membership === EffectiveMembership.Invite) {
+        tags.push(DefaultTagID.Invite);
+    } else if (membership === EffectiveMembership.Leave) {
+        tags.push(DefaultTagID.Archived);
+    } else {
+        tags.push(...getTagsOfJoinedRoom(room));
+    }
+
+    if (!tags.length) tags.push(DefaultTagID.Untagged);
+
+    return tags;
+}
+
+/**
+ * Get the tags for a room that the user has joined. It checks for user defined tags first, then checks if it's a DM, and finally checks if it's a conference room.
+ * @param room - the room to get the tags for
+ * @returns an array of tags for the room. If the room has no user defined tags, is not a DM, and is not a conference room, it will return an empty array.
+ */
+export function getTagsOfJoinedRoom(room: Room): TagID[] {
+    let tags = Object.keys(room.tags || {});
+
+    if (tags.length === 0) {
+        // Check to see if it's a DM if it isn't anything else
+        if (DMRoomMap.shared().getUserIdForRoomId(room.roomId)) {
+            tags = [DefaultTagID.DM];
+        }
+    }
+    if (room.isCallRoom() && (room.getJoinRule() === JoinRule.Public || room.getJoinRule() === JoinRule.Knock)) {
+        tags.push(DefaultTagID.Conference);
+    }
+
+    return tags;
+}
diff --git a/apps/web/src/utils/room/inviteToRoom.test.ts b/apps/web/src/utils/room/inviteToRoom.test.ts
new file mode 100644
index 00000000000..50cf09e8264
--- /dev/null
+++ b/apps/web/src/utils/room/inviteToRoom.test.ts
@@ -0,0 +1,60 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import { Room } from "matrix-js-sdk/src/matrix";
+import { getMockClientWithEventEmitter } from "test-utils";
+
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { inviteToRoom } from "./inviteToRoom";
+
+describe("inviteToRoom()", () => {
+    const userId = "@alice:server.org";
+    const roomId = "!room:server.org";
+
+    const makeRoom = (): Room => {
+        const client = getMockClientWithEventEmitter({
+            isGuest: vi.fn(),
+        });
+        const room = new Room(roomId, client, userId);
+        return room;
+    };
+
+    beforeEach(() => {
+        // stub
+        vi.spyOn(defaultDispatcher, "dispatch").mockImplementation(() => {});
+    });
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("requires registration when a guest tries to invite to a room", () => {
+        const room = makeRoom();
+
+        vi.spyOn(room.client, "isGuest").mockReturnValue(true);
+
+        inviteToRoom(room);
+
+        expect(defaultDispatcher.dispatch).toHaveBeenCalledTimes(1);
+        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({ action: "require_registration" });
+    });
+
+    it("opens the room inviter", () => {
+        const room = makeRoom();
+
+        vi.spyOn(room.client, "isGuest").mockReturnValue(false);
+
+        inviteToRoom(room);
+
+        expect(defaultDispatcher.dispatch).toHaveBeenCalledTimes(1);
+        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({ action: "view_invite", roomId });
+    });
+});
diff --git a/apps/web/src/utils/room/inviteToRoom.ts b/apps/web/src/utils/room/inviteToRoom.ts
new file mode 100644
index 00000000000..4435acc4cf2
--- /dev/null
+++ b/apps/web/src/utils/room/inviteToRoom.ts
@@ -0,0 +1,28 @@
+/*
+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 Room } from "matrix-js-sdk/src/matrix";
+
+import dis from "../../dispatcher/dispatcher";
+
+/**
+ * Invite to a room and prompts guests to registers
+ * @param room
+ */
+export function inviteToRoom(room: Room): void {
+    if (room.client.isGuest()) {
+        dis.dispatch({ action: "require_registration" });
+        return;
+    }
+
+    // open the room inviter
+    dis.dispatch({
+        action: "view_invite",
+        roomId: room.roomId,
+    });
+}
diff --git a/apps/web/src/utils/room/placeCall.ts b/apps/web/src/utils/room/placeCall.ts
new file mode 100644
index 00000000000..4991ba65669
--- /dev/null
+++ b/apps/web/src/utils/room/placeCall.ts
@@ -0,0 +1,49 @@
+/*
+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 CallType } from "matrix-js-sdk/src/webrtc/call";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import type LegacyCallHandler from "../../LegacyCallHandler";
+import { getPlatformCallTypeProps, PlatformCallType } from "../../hooks/room/useRoomCall";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import { Action } from "../../dispatcher/actions";
+import PosthogTrackers from "../../PosthogTrackers";
+
+/**
+ * Helper to place a call in a room that works with all the legacy modes
+ * @param room the room to place the call in
+ * @param callType the type of call
+ * @param platformCallType the platform to pass the call on
+ * @param skipLobby Has the user indicated they would like to skip the lobby. Otherwise, defer to platform defaults.
+ */
+export const placeCall = async (
+    legacyCallHandler: LegacyCallHandler,
+    room: Room,
+    callType: CallType,
+    platformCallType: PlatformCallType,
+    skipLobby: boolean | undefined,
+    voiceOnly: boolean,
+): Promise<void> => {
+    const { analyticsName } = getPlatformCallTypeProps(platformCallType);
+    PosthogTrackers.trackInteraction(analyticsName);
+
+    if (platformCallType == PlatformCallType.LegacyCall || platformCallType == PlatformCallType.JitsiCall) {
+        await legacyCallHandler.placeCall(room.roomId, callType);
+    } else if (platformCallType == PlatformCallType.ElementCall) {
+        defaultDispatcher.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: room.roomId,
+            view_call: true,
+            voiceOnly,
+            skipLobby,
+            metricsTrigger: undefined,
+        });
+    }
+};
diff --git a/apps/web/src/utils/room/shouldEncryptRoomWithSingle3rdPartyInvite.test.ts b/apps/web/src/utils/room/shouldEncryptRoomWithSingle3rdPartyInvite.test.ts
new file mode 100644
index 00000000000..80ee961a2a6
--- /dev/null
+++ b/apps/web/src/utils/room/shouldEncryptRoomWithSingle3rdPartyInvite.test.ts
@@ -0,0 +1,104 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeAll, beforeEach } from "vitest";
+import { type MatrixClient, type MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import { mkRoomMemberJoinEvent, mkThirdPartyInviteEvent, stubClient } from "test-utils";
+
+import DMRoomMap from "../DMRoomMap";
+import { shouldEncryptRoomWithSingle3rdPartyInvite } from "./shouldEncryptRoomWithSingle3rdPartyInvite";
+import { privateShouldBeEncrypted } from "../rooms";
+
+vi.mock("../rooms", () => ({
+    privateShouldBeEncrypted: vi.fn(),
+}));
+
+describe("shouldEncryptRoomWithSingle3rdPartyInvite", () => {
+    let client: MatrixClient;
+    let thirdPartyInviteEvent: MatrixEvent;
+    let roomWithOneThirdPartyInvite: Room;
+
+    beforeAll(() => {
+        client = stubClient();
+        DMRoomMap.makeShared(client);
+    });
+
+    beforeEach(() => {
+        roomWithOneThirdPartyInvite = new Room("!room1:example.com", client, client.getSafeUserId());
+        thirdPartyInviteEvent = mkThirdPartyInviteEvent(
+            client.getSafeUserId(),
+            "user@example.com",
+            roomWithOneThirdPartyInvite.roomId,
+        );
+
+        roomWithOneThirdPartyInvite.currentState.setStateEvents([
+            mkRoomMemberJoinEvent(client.getSafeUserId(), roomWithOneThirdPartyInvite.roomId),
+            thirdPartyInviteEvent,
+        ]);
+        vi.spyOn(DMRoomMap.shared(), "getRoomIds").mockReturnValue(new Set([roomWithOneThirdPartyInvite.roomId]));
+    });
+
+    describe("when well-known promotes encryption", () => {
+        beforeEach(() => {
+            vi.mocked(privateShouldBeEncrypted).mockReturnValue(true);
+        });
+
+        it("should return true + invite event for a DM room with one third-party invite", () => {
+            expect(shouldEncryptRoomWithSingle3rdPartyInvite(roomWithOneThirdPartyInvite)).toEqual({
+                shouldEncrypt: true,
+                inviteEvent: thirdPartyInviteEvent,
+            });
+        });
+
+        it("should return false for a non-DM room with one third-party invite", () => {
+            vi.mocked(DMRoomMap.shared().getRoomIds).mockReturnValue(new Set());
+
+            expect(shouldEncryptRoomWithSingle3rdPartyInvite(roomWithOneThirdPartyInvite)).toEqual({
+                shouldEncrypt: false,
+            });
+        });
+
+        it("should return false for a DM room with two members", () => {
+            roomWithOneThirdPartyInvite.currentState.setStateEvents([
+                mkRoomMemberJoinEvent("@user2:example.com", roomWithOneThirdPartyInvite.roomId),
+            ]);
+
+            expect(shouldEncryptRoomWithSingle3rdPartyInvite(roomWithOneThirdPartyInvite)).toEqual({
+                shouldEncrypt: false,
+            });
+        });
+
+        it("should return false for a DM room with two third-party invites", () => {
+            roomWithOneThirdPartyInvite.currentState.setStateEvents([
+                mkThirdPartyInviteEvent(
+                    client.getSafeUserId(),
+                    "user2@example.com",
+                    roomWithOneThirdPartyInvite.roomId,
+                ),
+            ]);
+
+            expect(shouldEncryptRoomWithSingle3rdPartyInvite(roomWithOneThirdPartyInvite)).toEqual({
+                shouldEncrypt: false,
+            });
+        });
+    });
+
+    describe("when well-known does not promote encryption", () => {
+        beforeEach(() => {
+            vi.mocked(privateShouldBeEncrypted).mockReturnValue(false);
+        });
+
+        it("should return false for a DM room with one third-party invite", () => {
+            expect(shouldEncryptRoomWithSingle3rdPartyInvite(roomWithOneThirdPartyInvite)).toEqual({
+                shouldEncrypt: false,
+            });
+        });
+    });
+});
diff --git a/apps/web/src/utils/room/shouldEncryptRoomWithSingle3rdPartyInvite.ts b/apps/web/src/utils/room/shouldEncryptRoomWithSingle3rdPartyInvite.ts
new file mode 100644
index 00000000000..a86f15974ad
--- /dev/null
+++ b/apps/web/src/utils/room/shouldEncryptRoomWithSingle3rdPartyInvite.ts
@@ -0,0 +1,40 @@
+/*
+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 MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+
+import DMRoomMap from "../DMRoomMap";
+import { privateShouldBeEncrypted } from "../rooms";
+
+/**
+ * Tests whether a DM room with exactly one third-party invite should be encrypted.
+ * If it should be encrypted, the third-party invitation event is also returned.
+ */
+export const shouldEncryptRoomWithSingle3rdPartyInvite = (
+    room: Room,
+): { shouldEncrypt: true; inviteEvent: MatrixEvent } | { shouldEncrypt: false; inviteEvent?: undefined } => {
+    // encryption not promoted via .well-known
+    if (!privateShouldBeEncrypted(room.client)) return { shouldEncrypt: false };
+
+    // not a DM room
+    if (!DMRoomMap.shared().getRoomIds().has(room.roomId)) return { shouldEncrypt: false };
+
+    // more than one room member / invite
+    if (room.getInvitedAndJoinedMemberCount() !== 1) return { shouldEncrypt: false };
+
+    const thirdPartyInvites = room.currentState.getStateEvents("m.room.third_party_invite") || [];
+
+    if (thirdPartyInvites.length === 1) {
+        return {
+            shouldEncrypt: true,
+            inviteEvent: thirdPartyInvites[0],
+        };
+    }
+
+    return { shouldEncrypt: false };
+};
diff --git a/apps/web/src/utils/room/sortRoomsByRecency.test.ts b/apps/web/src/utils/room/sortRoomsByRecency.test.ts
new file mode 100644
index 00000000000..6480682cceb
--- /dev/null
+++ b/apps/web/src/utils/room/sortRoomsByRecency.test.ts
@@ -0,0 +1,60 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { describe, it, expect, beforeEach } from "vitest";
+import { type Room } from "matrix-js-sdk/src/matrix";
+import { createTestClient } from "test-utils";
+
+import { getMockedRooms } from "../../../test/unit-tests/stores/room-list-v3/skip-list/getMockedRooms";
+import { DefaultTagID } from "../../stores/room-list-v3/skip-list/tag";
+import { compareRoomsByRecency, sortRoomsByRecency } from "./sortRoomsByRecency";
+
+describe("sortRoomsByRecency", () => {
+    let userId: string;
+    let rooms: Room[];
+
+    beforeEach(() => {
+        const client = createTestClient();
+        userId = client.getSafeUserId();
+        rooms = getMockedRooms(client);
+    });
+
+    describe("sortRoomsByRecency", () => {
+        it("sorts an arbitrary list by recency without mutating the input", () => {
+            const input = [rooms[0], rooms[5], rooms[2]];
+            const inputCopy = [...input];
+
+            const sorted = sortRoomsByRecency(input, userId);
+
+            // ts: room5 (6) > room2 (3) > room0 (1)
+            expect(sorted).toEqual([rooms[5], rooms[2], rooms[0]]);
+            // The input array is not mutated.
+            expect(input).toEqual(inputCopy);
+        });
+
+        it("does not move muted or low-priority rooms (pure recency)", () => {
+            const recent = rooms[99]; // highest ts
+            recent.tags = { [DefaultTagID.LowPriority]: { order: 0 } };
+
+            const sorted = sortRoomsByRecency([rooms[0], rooms[50], recent], userId);
+
+            // A pure recency sort keeps the most recent room first even though it is
+            // low priority (the full RecencySorter would sink it).
+            expect(sorted[0]).toBe(recent);
+        });
+    });
+
+    describe("compareRoomsByRecency", () => {
+        it("orders the more recent room first", () => {
+            // rooms[10] (ts 11) is more recent than rooms[3] (ts 4)
+            expect(compareRoomsByRecency(rooms[10], rooms[3], userId)).toBeLessThan(0);
+            expect(compareRoomsByRecency(rooms[3], rooms[10], userId)).toBeGreaterThan(0);
+        });
+    });
+});
diff --git a/apps/web/src/utils/room/sortRoomsByRecency.ts b/apps/web/src/utils/room/sortRoomsByRecency.ts
new file mode 100644
index 00000000000..682f2989b7a
--- /dev/null
+++ b/apps/web/src/utils/room/sortRoomsByRecency.ts
@@ -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 type { Room } from "matrix-js-sdk/src/matrix";
+import { getLastTimestamp } from "../../stores/room-list-v3/skip-list/sorters/utils/getLastTimestamp";
+
+/**
+ * Sort an arbitrary list of rooms by recency (most recent activity first).
+ *
+ * Unlike the main room list sorting, this is a pure recency sort: muted and
+ * low-priority rooms are NOT moved to the bottom. The provided array is not
+ * mutated; a sorted copy is returned. The given list is sorted as-is and is
+ * not filtered by the active space.
+ * @param rooms The rooms to sort.
+ * @param userId The mxId of the current user.
+ */
+export function sortRoomsByRecency(rooms: Room[], userId: string): Room[] {
+    const cache = new Map<string, number>();
+    const ts = (room: Room): number => {
+        let value = cache.get(room.roomId);
+        if (value === undefined) {
+            value = getLastTimestamp(room, userId);
+            cache.set(room.roomId, value);
+        }
+        return value;
+    };
+    return [...rooms].sort((a, b) => ts(b) - ts(a));
+}
+
+/**
+ * Compare two rooms by recency, most recent activity first.
+ *
+ * Intended for sorting mixed result sets where rooms need to be ordered
+ * relative to each other (e.g. spotlight search results).
+ * @param roomA The first room.
+ * @param roomB The second room.
+ * @param userId The mxId of the current user.
+ */
+export function compareRoomsByRecency(roomA: Room, roomB: Room, userId: string): number {
+    return getLastTimestamp(roomB, userId) - getLastTimestamp(roomA, userId);
+}
diff --git a/apps/web/src/utils/room/tagRoom.test.ts b/apps/web/src/utils/room/tagRoom.test.ts
new file mode 100644
index 00000000000..1dcf143d9c4
--- /dev/null
+++ b/apps/web/src/utils/room/tagRoom.test.ts
@@ -0,0 +1,211 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
+import { Room } from "matrix-js-sdk/src/matrix";
+import { getMockClientWithEventEmitter } from "test-utils";
+
+import RoomListActions from "../../actions/RoomListActions";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { DefaultTagID, type TagID } from "../../stores/room-list-v3/skip-list/tag";
+import { CHATS_TAG, CUSTOM_SECTION_TAG_PREFIX } from "../../stores/room-list-v3/section";
+import { tagRoom } from "./tagRoom";
+import * as getSectionTagForRoomUtils from "./getSectionTagForRoom";
+
+describe("tagRoom()", () => {
+    const userId = "@alice:server.org";
+    const roomId = "!room:server.org";
+    const customTag = `${CUSTOM_SECTION_TAG_PREFIX}my-section`;
+
+    const makeRoom = (currentSectionTag: TagID | null = null): Room => {
+        const client = getMockClientWithEventEmitter({
+            isGuest: vi.fn(),
+        });
+        const room = new Room(roomId, client, userId);
+
+        vi.spyOn(getSectionTagForRoomUtils, "getSectionTagForRoom").mockReturnValue(currentSectionTag);
+
+        return room;
+    };
+
+    beforeEach(() => {
+        // stub
+        vi.spyOn(defaultDispatcher, "dispatch").mockImplementation(() => {});
+        vi.spyOn(RoomListActions, "tagRoom").mockReturnValue({ action: "mocked_tag_room_action", fn: () => {} });
+    });
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("does nothing when room tag is not allowed", () => {
+        const room = makeRoom();
+
+        tagRoom(room, DefaultTagID.ServerNotice);
+
+        expect(defaultDispatcher.dispatch).not.toHaveBeenCalled();
+        expect(RoomListActions.tagRoom).not.toHaveBeenCalled();
+    });
+
+    describe("when a room has no section tag", () => {
+        it("should tag a room as favourite", () => {
+            const room = makeRoom();
+
+            tagRoom(room, DefaultTagID.Favourite);
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalled();
+            expect(RoomListActions.tagRoom).toHaveBeenCalledWith(
+                room.client,
+                room,
+                null, // remove
+                DefaultTagID.Favourite, // add
+            );
+        });
+
+        it("should tag a room low priority", () => {
+            const room = makeRoom();
+
+            tagRoom(room, DefaultTagID.LowPriority);
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalled();
+            expect(RoomListActions.tagRoom).toHaveBeenCalledWith(
+                room.client,
+                room,
+                null, // remove
+                DefaultTagID.LowPriority, // add
+            );
+        });
+
+        it("should tag a room with a custom section", () => {
+            const room = makeRoom();
+
+            tagRoom(room, customTag);
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalled();
+            expect(RoomListActions.tagRoom).toHaveBeenCalledWith(
+                room.client,
+                room,
+                null, // remove
+                customTag, // add
+            );
+        });
+
+        it("should do nothing meaningful when applying CHATS_TAG", () => {
+            const room = makeRoom();
+
+            tagRoom(room, CHATS_TAG);
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalled();
+            expect(RoomListActions.tagRoom).toHaveBeenCalledWith(
+                room.client,
+                room,
+                null, // remove
+                null, // add
+            );
+        });
+    });
+
+    describe("when a room is tagged as favourite", () => {
+        it("should unfavourite a room", () => {
+            const room = makeRoom(DefaultTagID.Favourite);
+
+            tagRoom(room, DefaultTagID.Favourite);
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalled();
+            expect(RoomListActions.tagRoom).toHaveBeenCalledWith(
+                room.client,
+                room,
+                DefaultTagID.Favourite, // remove
+                null, // add
+            );
+        });
+
+        it("should tag a room low priority", () => {
+            const room = makeRoom(DefaultTagID.Favourite);
+
+            tagRoom(room, DefaultTagID.LowPriority);
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalled();
+            expect(RoomListActions.tagRoom).toHaveBeenCalledWith(
+                room.client,
+                room,
+                DefaultTagID.Favourite, // remove
+                DefaultTagID.LowPriority, // add
+            );
+        });
+
+        it("should remove the favourite tag when applying CHATS_TAG", () => {
+            const room = makeRoom(DefaultTagID.Favourite);
+
+            tagRoom(room, CHATS_TAG);
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalled();
+            expect(RoomListActions.tagRoom).toHaveBeenCalledWith(
+                room.client,
+                room,
+                DefaultTagID.Favourite, // remove
+                null, // add
+            );
+        });
+    });
+
+    describe("when a room is tagged as low priority", () => {
+        it("should favourite a room", () => {
+            const room = makeRoom(DefaultTagID.LowPriority);
+
+            tagRoom(room, DefaultTagID.Favourite);
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalled();
+            expect(RoomListActions.tagRoom).toHaveBeenCalledWith(
+                room.client,
+                room,
+                DefaultTagID.LowPriority, // remove
+                DefaultTagID.Favourite, // add
+            );
+        });
+
+        it("should untag a room low priority", () => {
+            const room = makeRoom(DefaultTagID.LowPriority);
+
+            tagRoom(room, DefaultTagID.LowPriority);
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalled();
+            expect(RoomListActions.tagRoom).toHaveBeenCalledWith(
+                room.client,
+                room,
+                DefaultTagID.LowPriority, // remove
+                null, // add
+            );
+        });
+    });
+
+    describe("when a room is tagged with a custom section", () => {
+        const otherCustomTag = `${CUSTOM_SECTION_TAG_PREFIX}other-section`;
+
+        it.each([
+            { label: "untag the custom section", applyTag: customTag, expectedAdd: null },
+            { label: "replace with favourite", applyTag: DefaultTagID.Favourite, expectedAdd: DefaultTagID.Favourite },
+            { label: "replace with another custom section", applyTag: otherCustomTag, expectedAdd: otherCustomTag },
+            { label: "remove section tag when applying CHATS_TAG", applyTag: CHATS_TAG, expectedAdd: null },
+        ])("should $label", ({ applyTag, expectedAdd }) => {
+            const room = makeRoom(customTag);
+
+            tagRoom(room, applyTag);
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalled();
+            expect(RoomListActions.tagRoom).toHaveBeenCalledWith(
+                room.client,
+                room,
+                customTag, // remove
+                expectedAdd, // add
+            );
+        });
+    });
+});
diff --git a/apps/web/src/utils/room/tagRoom.ts b/apps/web/src/utils/room/tagRoom.ts
new file mode 100644
index 00000000000..4e0fb6625c1
--- /dev/null
+++ b/apps/web/src/utils/room/tagRoom.ts
@@ -0,0 +1,41 @@
+/*
+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 Room } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { type TagID } from "../../stores/room-list-v3/skip-list/tag";
+import RoomListActions from "../../actions/RoomListActions";
+import dis from "../../dispatcher/dispatcher";
+import { CHATS_TAG, isSectionTag } from "../../stores/room-list-v3/section";
+import { getSectionTagForRoom } from "./getSectionTagForRoom";
+
+/**
+ * Toggle tag for a given room.
+ * A room can only be in one section: either a custom section, Favourite, or LowPriority.
+ * Applying any of these will atomically replace the current section tag.
+ * @param room The room to tag
+ * @param tagId The tag to invert
+ */
+export function tagRoom(room: Room, tagId: TagID): void {
+    const isChatTag = tagId === CHATS_TAG;
+    const tag = isChatTag ? null : tagId;
+
+    if (!isSectionTag(tagId)) {
+        logger.warn(`Unexpected tag ${tag} applied to ${room.roomId}`);
+        return;
+    }
+
+    // Find the section tag currently applied (Fav, LowPriority, or custom) — at most one exists
+    const currentSectionTag = getSectionTagForRoom(room);
+
+    const isApplied = currentSectionTag === tag;
+    const removeTag = currentSectionTag;
+    const addTag = isApplied ? null : tag;
+    dis.dispatch(RoomListActions.tagRoom(room.client, room, removeTag, addTag));
+}
diff --git a/apps/web/src/utils/rooms.ts b/apps/web/src/utils/rooms.ts
new file mode 100644
index 00000000000..b0d2a60422a
--- /dev/null
+++ b/apps/web/src/utils/rooms.ts
@@ -0,0 +1,24 @@
+/*
+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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { shouldForceDisableEncryption } from "./crypto/shouldForceDisableEncryption";
+import { getE2EEWellKnown } from "./WellKnownUtils";
+
+export function privateShouldBeEncrypted(client: MatrixClient): boolean {
+    if (shouldForceDisableEncryption(client)) {
+        return false;
+    }
+    const e2eeWellKnown = getE2EEWellKnown(client);
+    if (e2eeWellKnown) {
+        const defaultDisabled = e2eeWellKnown["default"] === false;
+        return !defaultDisabled;
+    }
+    return true;
+}
diff --git a/apps/web/src/utils/sets.test.ts b/apps/web/src/utils/sets.test.ts
new file mode 100644
index 00000000000..632d5c2a914
--- /dev/null
+++ b/apps/web/src/utils/sets.test.ts
@@ -0,0 +1,50 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { describe, it, expect } from "vitest";
+
+import { setHasDiff } from "./sets";
+
+describe("sets", () => {
+    describe("setHasDiff", () => {
+        it("should flag true on A length > B length", () => {
+            const a = new Set([1, 2, 3, 4]);
+            const b = new Set([1, 2, 3]);
+            const result = setHasDiff(a, b);
+            expect(result).toBe(true);
+        });
+
+        it("should flag true on A length < B length", () => {
+            const a = new Set([1, 2, 3]);
+            const b = new Set([1, 2, 3, 4]);
+            const result = setHasDiff(a, b);
+            expect(result).toBe(true);
+        });
+
+        it("should flag true on element differences", () => {
+            const a = new Set([1, 2, 3]);
+            const b = new Set([4, 5, 6]);
+            const result = setHasDiff(a, b);
+            expect(result).toBe(true);
+        });
+
+        it("should flag false if same but order different", () => {
+            const a = new Set([1, 2, 3]);
+            const b = new Set([3, 1, 2]);
+            const result = setHasDiff(a, b);
+            expect(result).toBe(false);
+        });
+
+        it("should flag false if same", () => {
+            const a = new Set([1, 2, 3]);
+            const b = new Set([1, 2, 3]);
+            const result = setHasDiff(a, b);
+            expect(result).toBe(false);
+        });
+    });
+});
diff --git a/apps/web/src/utils/sets.ts b/apps/web/src/utils/sets.ts
new file mode 100644
index 00000000000..6a635326e4c
--- /dev/null
+++ b/apps/web/src/utils/sets.ts
@@ -0,0 +1,38 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { arrayDiff, type Diff } from "./arrays";
+
+/**
+ * Determines if two sets are different through a shallow comparison.
+ * @param a The first set. Must be defined.
+ * @param b The second set. Must be defined.
+ * @returns True if they are different, false otherwise.
+ */
+export function setHasDiff<T>(a: Set<T>, b: Set<T>): boolean {
+    if (a.size === b.size) {
+        // When the lengths are equal, check to see if either set is missing an element from the other.
+        if (Array.from(b).some((i) => !a.has(i))) return true;
+        if (Array.from(a).some((i) => !b.has(i))) return true;
+
+        // if all the keys are common, say so
+        return false;
+    } else {
+        return true; // different lengths means they are naturally diverged
+    }
+}
+
+/**
+ * Determines the values added and removed between two sets.
+ * @param a The first set. Must be defined.
+ * @param b The second set. Must be defined.
+ * @returns The difference between the values in each set.
+ */
+export function setDiff<T>(a: Set<T>, b: Set<T>): Diff<T> {
+    return arrayDiff(Array.from(a), Array.from(b));
+}
diff --git a/apps/web/src/utils/space.tsx b/apps/web/src/utils/space.tsx
new file mode 100644
index 00000000000..a794c6c0501
--- /dev/null
+++ b/apps/web/src/utils/space.tsx
@@ -0,0 +1,162 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+import { type Room, type ICreateRoomStateEvent, type RoomType, EventType, JoinRule } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { calculateRoomVia } from "./permalinks/Permalinks";
+import Modal from "../Modal";
+import CreateRoomDialog from "../components/views/dialogs/CreateRoomDialog";
+import createRoom from "../createRoom";
+import { _t } from "../languageHandler";
+import SpacePublicShare from "../components/views/spaces/SpacePublicShare";
+import InfoDialog from "../components/views/dialogs/InfoDialog";
+import { showRoomInviteDialog } from "../RoomInvite";
+import CreateSubspaceDialog from "../components/views/dialogs/CreateSubspaceDialog";
+import AddExistingSubspaceDialog from "../components/views/dialogs/AddExistingSubspaceDialog";
+import defaultDispatcher from "../dispatcher/dispatcher";
+import { Action } from "../dispatcher/actions";
+import Spinner from "../components/views/elements/Spinner";
+import { shouldShowComponent } from "../customisations/helpers/UIComponents";
+import { UIComponent } from "../settings/UIFeature";
+import {
+    type OpenSpacePreferencesPayload,
+    type SpacePreferenceTab,
+} from "../dispatcher/payloads/OpenSpacePreferencesPayload";
+import { type OpenSpaceSettingsPayload } from "../dispatcher/payloads/OpenSpaceSettingsPayload";
+import { type OpenAddExistingToSpaceDialogPayload } from "../dispatcher/payloads/OpenAddExistingToSpaceDialogPayload";
+import { SDKContextClass } from "../contexts/SDKContextClass";
+
+export const shouldShowSpaceSettings = (space: Room): boolean => {
+    const userId = space.client.getUserId()!;
+    return (
+        space.getMyMembership() === KnownMembership.Join &&
+        (space.currentState.maySendStateEvent(EventType.RoomAvatar, userId) ||
+            space.currentState.maySendStateEvent(EventType.RoomName, userId) ||
+            space.currentState.maySendStateEvent(EventType.RoomTopic, userId) ||
+            space.currentState.maySendStateEvent(EventType.RoomJoinRules, userId))
+    );
+};
+
+export const makeSpaceParentEvent = (room: Room, canonical = false): ICreateRoomStateEvent => ({
+    type: EventType.SpaceParent,
+    content: {
+        via: calculateRoomVia(room),
+        canonical: canonical,
+    },
+    state_key: room.roomId,
+});
+
+export function showSpaceSettings(space: Room): void {
+    defaultDispatcher.dispatch<OpenSpaceSettingsPayload>({
+        action: Action.OpenSpaceSettings,
+        space,
+    });
+}
+
+export const showAddExistingRooms = (space: Room): void => {
+    defaultDispatcher.dispatch<OpenAddExistingToSpaceDialogPayload>({
+        action: Action.OpenAddToExistingSpaceDialog,
+        space,
+    });
+};
+
+export const showCreateNewRoom = async (space: Room, type?: RoomType): Promise<boolean> => {
+    const modal = Modal.createDialog(CreateRoomDialog, {
+        type,
+        defaultPublic: space.getJoinRule() === JoinRule.Public,
+        parentSpace: space,
+    });
+    const [shouldCreate, opts] = await modal.finished;
+    if (shouldCreate) {
+        await createRoom(space.client, opts!);
+    }
+    return !!shouldCreate;
+};
+
+export const shouldShowSpaceInvite = (space: Room): boolean =>
+    ((space?.getMyMembership() === KnownMembership.Join && space.canInvite(space.client.getUserId()!)) ||
+        space.getJoinRule() === JoinRule.Public) &&
+    shouldShowComponent(UIComponent.InviteUsers);
+
+export const showSpaceInvite = (space: Room, initialText = ""): void => {
+    if (space.getJoinRule() === "public") {
+        const modal = Modal.createDialog(InfoDialog, {
+            title: _t("invite|to_space", { spaceName: space.name }),
+            description: (
+                <React.Fragment>
+                    <span>{_t("space|share_public")}</span>
+                    <SpacePublicShare space={space} onFinished={() => modal.close()} />
+                </React.Fragment>
+            ),
+            fixedWidth: false,
+            button: false,
+            className: "mx_SpacePanel_sharePublicSpace",
+            hasCloseButton: true,
+        });
+    } else {
+        showRoomInviteDialog(space.roomId, initialText);
+    }
+};
+
+export const showAddExistingSubspace = (space: Room): void => {
+    const { finished } = Modal.createDialog(
+        AddExistingSubspaceDialog,
+        {
+            space,
+            onCreateSubspaceClick: () => showCreateNewSubspace(space),
+        },
+        "mx_AddExistingToSpaceDialog_wrapper",
+    );
+    finished.then(([added]) => {
+        if (added && SDKContextClass.instance.roomViewStore.getRoomId() === space.roomId) {
+            defaultDispatcher.fire(Action.UpdateSpaceHierarchy);
+        }
+    });
+};
+
+export const showCreateNewSubspace = (space: Room): void => {
+    const { finished } = Modal.createDialog(
+        CreateSubspaceDialog,
+        {
+            space,
+            onAddExistingSpaceClick: () => showAddExistingSubspace(space),
+        },
+        "mx_CreateSubspaceDialog_wrapper",
+    );
+    finished.then(([added]) => {
+        if (added && SDKContextClass.instance.roomViewStore.getRoomId() === space.roomId) {
+            defaultDispatcher.fire(Action.UpdateSpaceHierarchy);
+        }
+    });
+};
+
+export const bulkSpaceBehaviour = async (
+    space: Room,
+    children: Room[],
+    fn: (room: Room) => Promise<unknown>,
+): Promise<void> => {
+    const modal = Modal.createDialog(Spinner, undefined, "mx_Dialog_spinner");
+    try {
+        for (const room of children) {
+            await fn(room);
+        }
+        await fn(space);
+    } finally {
+        modal.close();
+    }
+};
+
+export const showSpacePreferences = (space: Room, initialTabId?: SpacePreferenceTab): void => {
+    defaultDispatcher.dispatch<OpenSpacePreferencesPayload>({
+        action: Action.OpenSpacePreferences,
+        space,
+        initialTabId,
+    });
+};
diff --git a/apps/web/src/utils/stringOrderField.test.ts b/apps/web/src/utils/stringOrderField.test.ts
new file mode 100644
index 00000000000..e42d5ef6efd
--- /dev/null
+++ b/apps/web/src/utils/stringOrderField.test.ts
@@ -0,0 +1,189 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { describe, it, expect } from "vitest";
+import { sortBy } from "lodash";
+import { averageBetweenStrings, DEFAULT_ALPHABET } from "matrix-js-sdk/src/utils";
+
+import { midPointsBetweenStrings, reorderLexicographically } from "./stringOrderField";
+
+const moveLexicographicallyTest = (
+    orders: Array<string | undefined>,
+    fromIndex: number,
+    toIndex: number,
+    expectedChanges: number,
+    maxLength?: number,
+): void => {
+    const ops = reorderLexicographically(orders, fromIndex, toIndex, maxLength);
+
+    const zipped: Array<[number, string | undefined]> = orders.map((o, i) => [i, o]);
+    ops.forEach(({ index, order }) => {
+        zipped[index][1] = order;
+    });
+
+    const newOrders = sortBy(zipped, (i) => i[1]);
+    expect(newOrders[toIndex][0]).toBe(fromIndex);
+    expect(ops).toHaveLength(expectedChanges);
+};
+
+describe("stringOrderField", () => {
+    describe("midPointsBetweenStrings", () => {
+        it("should work", () => {
+            expect(averageBetweenStrings("!!", "##")).toBe('""');
+            const midpoints = ["a", ...midPointsBetweenStrings("a", "e", 3, 1), "e"].sort();
+            expect(midpoints[0]).toBe("a");
+            expect(midpoints[4]).toBe("e");
+            expect(midPointsBetweenStrings("      ", "!'Tu:}", 1, 50)).toStrictEqual([" S:J\\~"]);
+        });
+
+        it("should return empty array when the request is not possible", () => {
+            expect(midPointsBetweenStrings("a", "e", 0, 1)).toStrictEqual([]);
+            expect(midPointsBetweenStrings("a", "e", 4, 1)).toStrictEqual([]);
+        });
+    });
+
+    describe("reorderLexicographically", () => {
+        it("should work when moving left", () => {
+            moveLexicographicallyTest(["a", "c", "e", "g", "i"], 2, 1, 1);
+        });
+
+        it("should work when moving right", () => {
+            moveLexicographicallyTest(["a", "c", "e", "g", "i"], 1, 2, 1);
+        });
+
+        it("should work when all orders are undefined", () => {
+            moveLexicographicallyTest([undefined, undefined, undefined, undefined, undefined, undefined], 4, 1, 2);
+        });
+
+        it("should work when moving to end and all orders are undefined", () => {
+            moveLexicographicallyTest([undefined, undefined, undefined, undefined, undefined, undefined], 1, 4, 5);
+        });
+
+        it("should work when moving left and some orders are undefined", () => {
+            moveLexicographicallyTest(["a", "c", "e", undefined, undefined, undefined], 5, 2, 1);
+
+            moveLexicographicallyTest(["a", "a", "e", undefined, undefined, undefined], 5, 1, 2);
+        });
+
+        it("should work moving to the start when all is undefined", () => {
+            moveLexicographicallyTest([undefined, undefined, undefined, undefined], 2, 0, 1);
+        });
+
+        it("should work moving to the end when all is undefined", () => {
+            moveLexicographicallyTest([undefined, undefined, undefined, undefined], 1, 3, 4);
+        });
+
+        it("should work moving left when all is undefined", () => {
+            moveLexicographicallyTest([undefined, undefined, undefined, undefined, undefined, undefined], 4, 1, 2);
+        });
+
+        it("should work moving right when all is undefined", () => {
+            moveLexicographicallyTest([undefined, undefined, undefined, undefined], 1, 2, 3);
+        });
+
+        it("should work moving more right when all is undefined", () => {
+            moveLexicographicallyTest(
+                [undefined, undefined, undefined, undefined, undefined, /**/ undefined, undefined],
+                1,
+                4,
+                5,
+            );
+        });
+
+        it("should work moving left when right is undefined", () => {
+            moveLexicographicallyTest(["20", undefined, undefined, undefined, undefined, undefined], 4, 2, 2);
+        });
+
+        it("should work moving right when right is undefined", () => {
+            moveLexicographicallyTest(
+                ["50", undefined, undefined, undefined, undefined, /**/ undefined, undefined],
+                1,
+                4,
+                4,
+            );
+        });
+
+        it("should work moving left when right is defined", () => {
+            moveLexicographicallyTest(["10", "20", "30", "40", undefined, undefined], 3, 1, 1);
+        });
+
+        it("should work moving right when right is defined", () => {
+            moveLexicographicallyTest(["10", "20", "30", "40", "50", undefined], 1, 3, 1);
+        });
+
+        it("should work moving left when all is defined", () => {
+            moveLexicographicallyTest(["11", "13", "15", "17", "19"], 2, 1, 1);
+        });
+
+        it("should work moving right when all is defined", () => {
+            moveLexicographicallyTest(["11", "13", "15", "17", "19"], 1, 2, 1);
+        });
+
+        it("should work moving left into no left space", () => {
+            moveLexicographicallyTest(["11", "12", "13", "14", "19"], 3, 1, 2, 2);
+
+            moveLexicographicallyTest(
+                [
+                    DEFAULT_ALPHABET.charAt(0),
+                    // Target
+                    DEFAULT_ALPHABET.charAt(1),
+                    DEFAULT_ALPHABET.charAt(2),
+                    DEFAULT_ALPHABET.charAt(3),
+                    DEFAULT_ALPHABET.charAt(4),
+                    DEFAULT_ALPHABET.charAt(5),
+                ],
+                5,
+                1,
+                5,
+                1,
+            );
+        });
+
+        it("should work moving right into no right space", () => {
+            moveLexicographicallyTest(["15", "16", "17", "18", "19"], 1, 3, 3, 2);
+
+            moveLexicographicallyTest(
+                [
+                    DEFAULT_ALPHABET.charAt(DEFAULT_ALPHABET.length - 5),
+                    DEFAULT_ALPHABET.charAt(DEFAULT_ALPHABET.length - 4),
+                    DEFAULT_ALPHABET.charAt(DEFAULT_ALPHABET.length - 3),
+                    DEFAULT_ALPHABET.charAt(DEFAULT_ALPHABET.length - 2),
+                    DEFAULT_ALPHABET.charAt(DEFAULT_ALPHABET.length - 1),
+                ],
+                1,
+                3,
+                3,
+                1,
+            );
+        });
+
+        it("should work moving right into no left space", () => {
+            moveLexicographicallyTest(["11", "12", "13", "14", "15", "16", undefined], 1, 3, 3);
+
+            moveLexicographicallyTest(["0", "1", "2", "3", "4", "5"], 1, 3, 3, 1);
+        });
+
+        it("should work moving left into no right space", () => {
+            moveLexicographicallyTest(["15", "16", "17", "18", "19"], 4, 3, 4, 2);
+
+            moveLexicographicallyTest(
+                [
+                    DEFAULT_ALPHABET.charAt(DEFAULT_ALPHABET.length - 5),
+                    DEFAULT_ALPHABET.charAt(DEFAULT_ALPHABET.length - 4),
+                    DEFAULT_ALPHABET.charAt(DEFAULT_ALPHABET.length - 3),
+                    DEFAULT_ALPHABET.charAt(DEFAULT_ALPHABET.length - 2),
+                    DEFAULT_ALPHABET.charAt(DEFAULT_ALPHABET.length - 1),
+                ],
+                4,
+                3,
+                4,
+                1,
+            );
+        });
+    });
+});
diff --git a/apps/web/src/utils/stringOrderField.ts b/apps/web/src/utils/stringOrderField.ts
new file mode 100644
index 00000000000..e8e3d18cfb8
--- /dev/null
+++ b/apps/web/src/utils/stringOrderField.ts
@@ -0,0 +1,143 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { alphabetPad, baseToString, stringToBase, DEFAULT_ALPHABET } from "matrix-js-sdk/src/utils";
+
+import { moveElement } from "./arrays";
+
+export function midPointsBetweenStrings(
+    a: string,
+    b: string,
+    count: number,
+    maxLen: number,
+    alphabet = DEFAULT_ALPHABET,
+): string[] {
+    const padN = Math.min(Math.max(a.length, b.length), maxLen);
+    const padA = alphabetPad(a, padN, alphabet);
+    const padB = alphabetPad(b, padN, alphabet);
+    const baseA = stringToBase(padA, alphabet);
+    const baseB = stringToBase(padB, alphabet);
+
+    if (baseB - baseA - BigInt(1) < count) {
+        if (padN < maxLen) {
+            // this recurses once at most due to the new limit of n+1
+            return midPointsBetweenStrings(
+                alphabetPad(padA, padN + 1, alphabet),
+                alphabetPad(padB, padN + 1, alphabet),
+                count,
+                padN + 1,
+                alphabet,
+            );
+        }
+        return [];
+    }
+
+    const step = (baseB - baseA) / BigInt(count + 1);
+    const start = BigInt(baseA + step);
+    return Array(count)
+        .fill(undefined)
+        .map((_, i) => baseToString(start + BigInt(i) * step, alphabet));
+}
+
+interface IEntry {
+    index: number;
+    order?: string;
+}
+
+export const reorderLexicographically = (
+    orders: Array<string | undefined>,
+    fromIndex: number,
+    toIndex: number,
+    maxLen = 50,
+): Required<IEntry>[] => {
+    // sanity check inputs
+    if (fromIndex < 0 || toIndex < 0 || fromIndex > orders.length || toIndex > orders.length || fromIndex === toIndex) {
+        return [];
+    }
+
+    // zip orders with their indices to simplify later index wrangling
+    const ordersWithIndices: IEntry[] = orders.map((order, index) => ({ index, order }));
+    // apply the fundamental order update to the zipped array
+    const newOrder = moveElement(ordersWithIndices, fromIndex, toIndex);
+
+    // check if we have to fill undefined orders to complete placement
+    const orderToLeftUndefined = newOrder[toIndex - 1]?.order === undefined;
+
+    let leftBoundIdx = toIndex;
+    let rightBoundIdx = toIndex;
+
+    let canMoveLeft = true;
+    const nextBase =
+        newOrder[toIndex + 1]?.order !== undefined
+            ? stringToBase(newOrder[toIndex + 1].order!)
+            : BigInt(Number.MAX_VALUE);
+
+    // check how far left we would have to mutate to fit in that direction
+    for (let i = toIndex - 1, j = 1; i >= 0; i--, j++) {
+        if (newOrder[i]?.order !== undefined && nextBase - stringToBase(newOrder[i].order!) > j) break;
+        leftBoundIdx = i;
+    }
+
+    // verify the left move would be sufficient
+    const firstOrderBase = newOrder[0].order === undefined ? undefined : stringToBase(newOrder[0].order);
+    const bigToIndex = BigInt(toIndex);
+    if (
+        leftBoundIdx === 0 &&
+        firstOrderBase !== undefined &&
+        nextBase - firstOrderBase <= bigToIndex &&
+        firstOrderBase <= bigToIndex
+    ) {
+        canMoveLeft = false;
+    }
+
+    const canDisplaceRight = !orderToLeftUndefined;
+    let canMoveRight = canDisplaceRight;
+    if (canDisplaceRight) {
+        const prevBase =
+            newOrder[toIndex - 1]?.order !== undefined
+                ? stringToBase(newOrder[toIndex - 1].order!)
+                : BigInt(Number.MIN_VALUE);
+
+        // check how far right we would have to mutate to fit in that direction
+        for (let i = toIndex + 1, j = 1; i < newOrder.length; i++, j++) {
+            if (newOrder[i]?.order === undefined || stringToBase(newOrder[i].order!) - prevBase > j) break;
+            rightBoundIdx = i;
+        }
+
+        // verify the right move would be sufficient
+        if (
+            rightBoundIdx === newOrder.length - 1 &&
+            (newOrder[rightBoundIdx]?.order ? stringToBase(newOrder[rightBoundIdx].order!) : BigInt(Number.MAX_VALUE)) -
+                prevBase <=
+                rightBoundIdx - toIndex
+        ) {
+            canMoveRight = false;
+        }
+    }
+
+    // pick the cheaper direction
+    const leftDiff = canMoveLeft ? toIndex - leftBoundIdx : Number.MAX_SAFE_INTEGER;
+    const rightDiff = canMoveRight ? rightBoundIdx - toIndex : Number.MAX_SAFE_INTEGER;
+    if (orderToLeftUndefined || leftDiff < rightDiff) {
+        rightBoundIdx = toIndex;
+    } else {
+        leftBoundIdx = toIndex;
+    }
+
+    const prevOrder = newOrder[leftBoundIdx - 1]?.order ?? "";
+    const nextOrder =
+        newOrder[rightBoundIdx + 1]?.order ??
+        DEFAULT_ALPHABET.charAt(DEFAULT_ALPHABET.length - 1).repeat(prevOrder.length || 1);
+
+    const changes = midPointsBetweenStrings(prevOrder, nextOrder, 1 + rightBoundIdx - leftBoundIdx, maxLen);
+
+    return changes.map((order, i) => ({
+        index: newOrder[leftBoundIdx + i].index,
+        order,
+    }));
+};
diff --git a/apps/web/src/utils/strings.ts b/apps/web/src/utils/strings.ts
new file mode 100644
index 00000000000..292c66cb034
--- /dev/null
+++ b/apps/web/src/utils/strings.ts
@@ -0,0 +1,90 @@
+/*
+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.
+*/
+/**
+ * Copy plaintext to user's clipboard
+ * It will overwrite user's selection range
+ * In certain browsers it may only work if triggered by a user action or may ask user for permissions
+ * Tries to use new async clipboard API if available
+ * @param text the plaintext to put in the user's clipboard
+ */
+import { logger } from "matrix-js-sdk/src/logger";
+
+export async function copyPlaintext(text: string): Promise<boolean> {
+    try {
+        if (navigator?.clipboard?.writeText) {
+            await navigator.clipboard.writeText(text);
+            return true;
+        } else {
+            const textArea = document.createElement("textarea");
+            textArea.value = text;
+
+            // Avoid scrolling to bottom
+            textArea.style.top = "0";
+            textArea.style.left = "0";
+            textArea.style.position = "fixed";
+
+            document.body.appendChild(textArea);
+            const selection = document.getSelection()!;
+            const range = document.createRange();
+            // range.selectNodeContents(textArea);
+            range.selectNode(textArea);
+            selection.removeAllRanges();
+            selection.addRange(range);
+
+            const successful = document.execCommand("copy");
+            selection.removeAllRanges();
+            document.body.removeChild(textArea);
+            return successful;
+        }
+    } catch (e) {
+        logger.error("copyPlaintext failed", e);
+    }
+    return false;
+}
+
+export function selectText(target: Element): void {
+    const range = document.createRange();
+    range.selectNodeContents(target);
+
+    const selection = window.getSelection()!;
+    selection.removeAllRanges();
+    selection.addRange(range);
+}
+
+/**
+ * Copy rich text to user's clipboard
+ * It will overwrite user's selection range
+ * In certain browsers it may only work if triggered by a user action or may ask user for permissions
+ * @param ref pointer to the node to copy
+ */
+export function copyNode(ref?: Element | null): boolean {
+    if (!ref) return false;
+    selectText(ref);
+    return document.execCommand("copy");
+}
+
+/**
+ * Returns text which has been selected by the user
+ * @returns the selected text
+ */
+export function getSelectedText(): string {
+    return window.getSelection()!.toString();
+}
+
+export const graphemeSegmenter = new Intl.Segmenter();
+
+/**
+ * Returns the first grapheme in the given string,
+ * especially useful for strings containing emoji, will not break compound emoji up.
+ * @param str string to parse
+ * @returns the first grapheme or an empty string if given an empty string
+ */
+export function getFirstGrapheme(str: string): string {
+    const result = graphemeSegmenter.segment(str)[Symbol.iterator]().next();
+    return result.done ? "" : result.value.segment;
+}
diff --git a/apps/web/src/utils/threepids.test.ts b/apps/web/src/utils/threepids.test.ts
new file mode 100644
index 00000000000..e4450f1011c
--- /dev/null
+++ b/apps/web/src/utils/threepids.test.ts
@@ -0,0 +1,150 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, type Mocked } from "vitest";
+import { type IIdentityServerProvider, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils";
+
+import { DirectoryMember, ThreepidMember } from "./direct-messages";
+import { lookupThreePids, resolveThreePids } from "./threepids";
+
+describe("threepids", () => {
+    let client: Mocked<MatrixClient>;
+    const accessToken = "s3cr3t";
+    let identityServer: Mocked<IIdentityServerProvider>;
+
+    beforeEach(() => {
+        client = stubClient() as Mocked<MatrixClient>;
+        identityServer = {
+            getAccessToken: vi.fn().mockResolvedValue(accessToken),
+        } as unknown as Mocked<IIdentityServerProvider>;
+    });
+
+    describe("resolveThreePids", () => {
+        const userId = "@user1:example.com";
+        const directoryMember = new DirectoryMember({
+            user_id: userId,
+        });
+
+        const threePid1Id = "three1@example.com";
+        const threePid1MXID = "@three1:example.com";
+        const threePid1Member = new ThreepidMember(threePid1Id);
+        const threePid1Displayname = "Three Pid 1";
+        const threePid2Id = "three2@example.com";
+        const threePid2MXID = "@three2:example.com";
+        const threePid2Member = new ThreepidMember(threePid2Id);
+        const threePid3Id = "three3@example.com";
+        const threePid3Member = new ThreepidMember(threePid3Id);
+        const threePidPhoneId = "8801500121121";
+        const threePidPhoneMember = new ThreepidMember(threePidPhoneId);
+
+        it("should return an empty list for an empty input", async () => {
+            expect(await resolveThreePids([], client)).toEqual([]);
+        });
+
+        it("should return the same list for non-3rd-party members", async () => {
+            expect(await resolveThreePids([directoryMember], client)).toEqual([directoryMember]);
+        });
+
+        it("should return the same list for if no identity server is configured", async () => {
+            expect(await resolveThreePids([directoryMember, threePid1Member], client)).toEqual([
+                directoryMember,
+                threePid1Member,
+            ]);
+        });
+
+        describe("when an identity server is configured", () => {
+            beforeEach(() => {
+                client.identityServer = identityServer;
+            });
+
+            it("should return the same list if the lookup doesn't return any results", async () => {
+                expect(
+                    await resolveThreePids(
+                        [directoryMember, threePid1Member, threePid2Member, threePidPhoneMember],
+                        client,
+                    ),
+                ).toEqual([directoryMember, threePid1Member, threePid2Member, threePidPhoneMember]);
+                expect(client.bulkLookupThreePids).toHaveBeenCalledWith(
+                    [
+                        ["email", threePid1Id],
+                        ["email", threePid2Id],
+                        ["msisdn", threePidPhoneId],
+                    ],
+                    accessToken,
+                );
+            });
+
+            describe("and some 3-rd party members can be resolved", () => {
+                beforeEach(() => {
+                    client.bulkLookupThreePids.mockResolvedValue({
+                        threepids: [
+                            ["email", threePid1Id, threePid1MXID],
+                            ["email", threePid2Id, threePid2MXID],
+                        ],
+                    });
+                });
+
+                it("should return the resolved members", async () => {
+                    expect(
+                        await resolveThreePids(
+                            [directoryMember, threePid1Member, threePid2Member, threePid3Member],
+                            client,
+                        ),
+                    ).toEqual([
+                        directoryMember,
+                        new DirectoryMember({ user_id: threePid1MXID }),
+                        new DirectoryMember({ user_id: threePid2MXID }),
+                        threePid3Member,
+                    ]);
+                    expect(client.bulkLookupThreePids).toHaveBeenCalledWith(
+                        [
+                            ["email", threePid1Id],
+                            ["email", threePid2Id],
+                            ["email", threePid3Id],
+                        ],
+                        accessToken,
+                    );
+                });
+
+                describe("and some 3rd-party members have a profile", () => {
+                    beforeEach(() => {
+                        client.getProfileInfo.mockImplementation((matrixId: string) => {
+                            if (matrixId === threePid1MXID)
+                                return Promise.resolve({ displayname: threePid1Displayname });
+                            throw new Error("Profile not found");
+                        });
+                    });
+
+                    it("should resolve the profiles", async () => {
+                        expect(
+                            await resolveThreePids(
+                                [directoryMember, threePid1Member, threePid2Member, threePid3Member],
+                                client,
+                            ),
+                        ).toEqual([
+                            directoryMember,
+                            new DirectoryMember({ user_id: threePid1MXID, display_name: threePid1Displayname }),
+                            new DirectoryMember({ user_id: threePid2MXID }),
+                            threePid3Member,
+                        ]);
+                    });
+                });
+            });
+        });
+    });
+
+    describe("lookupThreePids", () => {
+        it("should return an empty list for an empty list", async () => {
+            client.identityServer = identityServer;
+            expect(await lookupThreePids([], client)).toEqual([]);
+        });
+    });
+});
diff --git a/apps/web/src/utils/threepids.ts b/apps/web/src/utils/threepids.ts
new file mode 100644
index 00000000000..36e1e6ea8c7
--- /dev/null
+++ b/apps/web/src/utils/threepids.ts
@@ -0,0 +1,101 @@
+/*
+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 MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { DirectoryMember, type Member, ThreepidMember } from "./direct-messages";
+
+/**
+ * Tries to resolve the ThreepidMembers to DirectoryMembers.
+ *
+ * @param members - List of members to resolve
+ * @returns {Promise<Member[]>} Same list with ThreepidMembers replaced by DirectoryMembers if succesfully resolved
+ */
+export const resolveThreePids = async (members: Member[], client: MatrixClient): Promise<Member[]> => {
+    const threePidMembers = members.filter((m) => m instanceof ThreepidMember);
+
+    // Nothing to do here
+    if (threePidMembers.length === 0) return members;
+
+    const lookedUpProfiles = await lookupThreePidProfiles(threePidMembers, client);
+
+    return members.map((member: Member) => {
+        if (!(member instanceof ThreepidMember)) return member;
+
+        const lookedUpProfile = lookedUpProfiles.find((r) => r.threePidId === member.userId);
+
+        // No profile found for this member; use the ThreepidMember.
+        if (!lookedUpProfile) return member;
+
+        return new DirectoryMember({
+            user_id: lookedUpProfile.mxid,
+            avatar_url: lookedUpProfile?.profile?.avatar_url,
+            display_name: lookedUpProfile?.profile?.displayname,
+        });
+    });
+};
+
+/**
+ * Tries to look up the ThreepidMembers.
+ *
+ * @param threePids - List of 3rd-party members to look up
+ * @returns  List of resolved 3rd-party IDs with their MXIDs
+ */
+export const lookupThreePids = async (
+    threePids: ThreepidMember[],
+    client: MatrixClient,
+): Promise<{ threePidId: string; mxid: string }[]> => {
+    // No identity server configured. Unable to resolve any 3rd party member.
+    if (!client.identityServer) return [];
+
+    // Nothing we can search, return null
+    if (threePids.length === 0) return [];
+
+    const token = await client.identityServer.getAccessToken();
+
+    if (!token) return [];
+
+    const lookedUp = await client.bulkLookupThreePids(
+        threePids.map((t) => [t.isEmail ? "email" : "msisdn", t.userId]),
+        token,
+    );
+
+    return lookedUp.threepids.map(([_threePidType, threePidId, mxid]: [string, string, string]) => ({
+        threePidId,
+        mxid,
+    }));
+};
+
+/**
+ * Tries to look up the MXIDs and profiles of the ThreepidMembers.
+ *
+ * @param threePids - List of 3rd-prty members to look up
+ * @returns List of resolved 3rd-party members with their MXIDs and profile (if found)
+ */
+export const lookupThreePidProfiles = async (
+    threePids: ThreepidMember[],
+    client: MatrixClient,
+): Promise<{ threePidId: string; mxid: string; profile: null | { avatar_url?: string; displayname?: string } }[]> => {
+    const lookedUpThreePids = await lookupThreePids(threePids, client);
+    const promises = lookedUpThreePids.map(async (t) => {
+        let profile: null | { avatar_url?: string; display_name?: string } = null;
+
+        try {
+            profile = await client.getProfileInfo(t.mxid);
+        } catch {
+            // ignore any lookup error
+        }
+
+        return {
+            threePidId: t.threePidId,
+            mxid: t.mxid,
+            profile,
+        };
+    });
+    return Promise.all(promises);
+};
diff --git a/apps/web/src/utils/tokens/pickling.ts b/apps/web/src/utils/tokens/pickling.ts
new file mode 100644
index 00000000000..f0658ccee30
--- /dev/null
+++ b/apps/web/src/utils/tokens/pickling.ts
@@ -0,0 +1,128 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-2024 The Matrix.org Foundation C.I.C.
+Copyright 2018 New Vector Ltd
+Copyright 2016 Aviral Dasgupta
+Copyright 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.
+*/
+
+// Note: we don't import the base64 utils from `matrix-js-sdk/src/matrix` because this file
+// is used by Element Web's service worker, and importing `matrix` brings in ~1mb of stuff
+// we don't need. Instead, we ignore the import restriction and only bring in what we actually
+// need.
+// Note: `base64` is not public in the js-sdk, so if it changes/breaks, that's on us. We should
+// be okay with our frequent tests, locked versioning, etc though. We'll pick up problems well
+// before release.
+// eslint-disable-next-line no-restricted-imports
+import { encodeUnpaddedBase64 } from "matrix-js-sdk/src/base64";
+import { logger } from "matrix-js-sdk/src/logger";
+
+/**
+ * Encrypted format of a pickle key, as stored in IndexedDB.
+ */
+export interface EncryptedPickleKey {
+    /** The encrypted payload. */
+    encrypted?: BufferSource;
+
+    /** Initialisation vector for the encryption. */
+    iv?: BufferSource;
+
+    /** The encryption key which was used to encrypt the payload. */
+    cryptoKey?: CryptoKey;
+}
+
+/**
+ * Calculates the `additionalData` for the AES-GCM key used by the pickling processes. This
+ * additional data is *not* encrypted, but *is* authenticated. The additional data is constructed
+ * from the user ID and device ID provided.
+ *
+ * The later-constructed pickle key is used to decrypt values, such as access tokens, from IndexedDB.
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/API/AesGcmParams for more information on
+ * `additionalData`.
+ *
+ * @param {string} userId The user ID who owns the pickle key.
+ * @param {string} deviceId The device ID which owns the pickle key.
+ * @returns {Uint8Array} The additional data as a 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);
+    }
+    additionalData[userId.length] = 124; // "|"
+    for (let i = 0; i < deviceId.length; i++) {
+        additionalData[userId.length + 1 + i] = deviceId.charCodeAt(i);
+    }
+    return additionalData;
+}
+
+/**
+ * Encrypt the given pickle key, ready for storage in the database.
+ *
+ * @param pickleKey - The key to be encrypted.
+ * @param userId - The user ID the pickle key belongs to.
+ * @param deviceId - The device ID the pickle key belongs to.
+ *
+ * @returns Data object ready for storing in indexeddb.
+ */
+export async function encryptPickleKey(
+    pickleKey: Uint8Array<ArrayBuffer>,
+    userId: string,
+    deviceId: string,
+): Promise<EncryptedPickleKey | undefined> {
+    if (!crypto?.subtle) {
+        return undefined;
+    }
+    const cryptoKey = await crypto.subtle.generateKey({ name: "AES-GCM", length: 256 }, false, ["encrypt", "decrypt"]);
+    const iv = new Uint8Array(32);
+    crypto.getRandomValues(iv);
+
+    const additionalData = getPickleAdditionalData(userId, deviceId);
+    const encrypted = await crypto.subtle.encrypt({ name: "AES-GCM", iv, additionalData }, cryptoKey, pickleKey);
+    return { encrypted, iv, cryptoKey };
+}
+
+/**
+ * Decrypts the provided data into a pickle key and base64-encodes it ready for use elsewhere.
+ *
+ * If `data` is undefined in part or in full, returns undefined.
+ *
+ *  If crypto functions are not available, returns undefined regardless of input.
+ *
+ * @param data An object containing the encrypted pickle key data: encrypted payload, initialization vector (IV), and crypto key. Typically loaded from indexedDB.
+ * @param userId The user ID the pickle key belongs to.
+ * @param deviceId The device ID the pickle key belongs to.
+ * @returns A promise that resolves to the encoded pickle key, or undefined if the key cannot be built and encoded.
+ */
+export async function buildAndEncodePickleKey(
+    data: EncryptedPickleKey | undefined,
+    userId: string,
+    deviceId: string,
+): Promise<string | undefined> {
+    if (!crypto?.subtle) {
+        return undefined;
+    }
+    if (!data || !data.encrypted || !data.iv || !data.cryptoKey) {
+        return undefined;
+    }
+
+    try {
+        const additionalData = getPickleAdditionalData(userId, deviceId);
+        const pickleKeyBuf = await crypto.subtle.decrypt(
+            { name: "AES-GCM", iv: data.iv, additionalData },
+            data.cryptoKey,
+            data.encrypted,
+        );
+        if (pickleKeyBuf) {
+            return encodeUnpaddedBase64(new Uint8Array(pickleKeyBuf));
+        }
+    } catch {
+        logger.error("Error decrypting pickle key");
+    }
+
+    return undefined;
+}
diff --git a/apps/web/src/utils/tokens/tokens.ts b/apps/web/src/utils/tokens/tokens.ts
new file mode 100644
index 00000000000..0d3b7555a75
--- /dev/null
+++ b/apps/web/src/utils/tokens/tokens.ts
@@ -0,0 +1,198 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+import { type AccessTokens } from "matrix-js-sdk/src/matrix";
+import decryptAESSecretStorageItem from "matrix-js-sdk/src/utils/decryptAESSecretStorageItem";
+import encryptAESSecretStorageItem from "matrix-js-sdk/src/utils/encryptAESSecretStorageItem";
+import { type AESEncryptedSecretStoragePayload } from "matrix-js-sdk/src/types";
+
+import * as StorageAccess from "../StorageAccess";
+
+/**
+ * Utility functions related to the storage and retrieval of access tokens
+ */
+
+/*
+ * Names used when storing the tokens in indexeddb or localstorage
+ */
+export const ACCESS_TOKEN_STORAGE_KEY = "mx_access_token";
+export const REFRESH_TOKEN_STORAGE_KEY = "mx_refresh_token";
+/*
+ * Names of the tokens. Used as part of the calculation to derive AES keys during encryption in persistTokenInStorage,
+ * and decryption in restoreSessionFromStorage.
+ */
+export const ACCESS_TOKEN_IV = "access_token";
+export const REFRESH_TOKEN_IV = "refresh_token";
+/*
+ * Keys for localstorage items which indicate whether we expect a token in indexeddb.
+ */
+export const HAS_ACCESS_TOKEN_STORAGE_KEY = "mx_has_access_token";
+export const HAS_REFRESH_TOKEN_STORAGE_KEY = "mx_has_refresh_token";
+
+/**
+ * The pickle key is a string of unspecified length and format.  For AES, we need a 256-bit Uint8Array. So we HKDF the pickle key to generate the AES key.  The AES key should be zeroed after it is used.
+ * @param pickleKey
+ * @returns AES key
+ */
+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);
+    }
+    const hkdfKey = await crypto.subtle.importKey("raw", pickleKeyBuffer, "HKDF", false, ["deriveBits"]);
+    pickleKeyBuffer.fill(0);
+    return new Uint8Array(
+        await crypto.subtle.deriveBits(
+            {
+                name: "HKDF",
+                hash: "SHA-256",
+                // @ts-ignore: https://github.com/microsoft/TypeScript-DOM-lib-generator/pull/879
+                salt: new Uint8Array(32),
+                info: new Uint8Array(0),
+            },
+            hkdfKey,
+            256,
+        ),
+    );
+}
+
+/**
+ * Try to decrypt a token retrieved from storage
+ *
+ * Where token is not encrypted (plain text) returns the plain text token.
+ *
+ * Where token is encrypted, attempts decryption. Returns successfully decrypted token, or throws if
+ * decryption failed.
+ *
+ * @param pickleKey Pickle key: used to derive the encryption key, or undefined if the token is not encrypted.
+ *   Must be the same as provided to {@link persistTokenInStorage}.
+ * @param token token to be decrypted.
+ * @param tokenName Name of the token. Used in logging, but also used as an input when generating the actual AES key,
+ *    so the same value must be provided to {@link persistTokenInStorage}.
+ *
+ * @returns the decrypted token, or the plain text token.
+ */
+export async function tryDecryptToken(
+    pickleKey: string | undefined,
+    token: AESEncryptedSecretStoragePayload | string,
+    tokenName: string,
+): Promise<string> {
+    if (typeof token === "string") {
+        // Looks like an unencrypted token
+        return token;
+    }
+
+    // Otherwise, it must be an encrypted token.
+    if (!pickleKey) {
+        throw new Error(`Error decrypting secret ${tokenName}: no pickle key found.`);
+    }
+
+    const encrKey = await pickleKeyToAesKey(pickleKey);
+    const decryptedToken = await decryptAESSecretStorageItem(token, encrKey, tokenName);
+    encrKey.fill(0);
+    return decryptedToken;
+}
+
+/**
+ * Persist a token in storage
+ *
+ * When pickle key is present, will attempt to encrypt the token. If encryption fails (typically because
+ * WebCrypto is unavailable), the key will be stored unencrypted.
+ *
+ * Stores in IndexedDB, falling back to localStorage.
+ *
+ * @param storageKey key used to store the token. Note: not an encryption key; rather a localstorage or indexeddb key.
+ * @param tokenName Name of the token. Used in logging, but also used as an input when generating the actual AES key,
+ *    so the same value must be provided to {@link tryDecryptToken} when decrypting.
+ * @param token the token to store. When undefined, any existing token at the `storageKey` is removed from storage.
+ * @param pickleKey Pickle key: used to derive the key used to encrypt token. If `undefined`, the token will be stored
+ *    unencrypted.
+ * @param hasTokenStorageKey Localstorage key for an item which stores whether we expect to have a token in indexeddb,
+ *    eg "mx_has_access_token".
+ */
+async function persistTokenInStorage(
+    storageKey: string,
+    tokenName: string,
+    token: string | undefined,
+    pickleKey: string | undefined,
+    hasTokenStorageKey: string,
+): Promise<void> {
+    // store whether we expect to find a token, to detect the case
+    // where IndexedDB is blown away
+    if (token) {
+        localStorage.setItem(hasTokenStorageKey, "true");
+    } else {
+        localStorage.removeItem(hasTokenStorageKey);
+    }
+
+    if (pickleKey) {
+        let encryptedToken: AESEncryptedSecretStoragePayload | undefined;
+        if (token) {
+            try {
+                // try to encrypt the access token using the pickle key
+                const encrKey = await pickleKeyToAesKey(pickleKey);
+                encryptedToken = await encryptAESSecretStorageItem(token, encrKey, tokenName);
+                encrKey.fill(0);
+            } catch (e) {
+                // This is likely due to the browser not having WebCrypto or somesuch.
+                // Warn about it, but fall back to storing the unencrypted token.
+                logger.warn(`Could not encrypt token for ${tokenName}`, e);
+            }
+        }
+        try {
+            // Save either the encrypted access token, or the plain access
+            // token if there is no token or we were unable to encrypt (e.g. if the browser doesn't
+            // have WebCrypto).
+            await StorageAccess.idbSave("account", storageKey, encryptedToken || token);
+        } catch {
+            // if we couldn't save to indexedDB, fall back to localStorage.  We
+            // store the access token unencrypted since localStorage only saves
+            // strings.
+            if (!!token) {
+                localStorage.setItem(storageKey, token);
+            } else {
+                localStorage.removeItem(storageKey);
+            }
+        }
+    } else {
+        try {
+            await StorageAccess.idbSave("account", storageKey, token);
+        } catch {
+            if (!!token) {
+                localStorage.setItem(storageKey, token);
+            } else {
+                localStorage.removeItem(storageKey);
+            }
+        }
+    }
+}
+
+/**
+ * Wraps {@link persistTokenInStorage} with accessToken & refreshToken storage keys
+ *
+ * @param tokens - The tokens to persist
+ * @param pickleKey - Pickle key: used to derive the key used to encrypt token.
+ *     If `undefined`, the token will be stored unencrypted.
+ */
+export async function persistTokens(pickleKey: string | undefined, tokens: AccessTokens): Promise<void> {
+    await persistTokenInStorage(
+        ACCESS_TOKEN_STORAGE_KEY,
+        ACCESS_TOKEN_IV,
+        tokens.accessToken,
+        pickleKey,
+        HAS_ACCESS_TOKEN_STORAGE_KEY,
+    );
+    await persistTokenInStorage(
+        REFRESH_TOKEN_STORAGE_KEY,
+        REFRESH_TOKEN_IV,
+        tokens.refreshToken,
+        pickleKey,
+        HAS_REFRESH_TOKEN_STORAGE_KEY,
+    );
+}
diff --git a/apps/web/src/utils/units.ts b/apps/web/src/utils/units.ts
new file mode 100644
index 00000000000..1c509ece4b1
--- /dev/null
+++ b/apps/web/src/utils/units.ts
@@ -0,0 +1,11 @@
+/*
+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.
+*/
+
+export function toPx(pixelValue: number): string {
+    return pixelValue + "px";
+}
diff --git a/apps/web/src/utils/userStatus.test.ts b/apps/web/src/utils/userStatus.test.ts
new file mode 100644
index 00000000000..db4ca6fb3d7
--- /dev/null
+++ b/apps/web/src/utils/userStatus.test.ts
@@ -0,0 +1,195 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { type MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "test-utils";
+
+import {
+    clearAllUserStatus,
+    fetchUserStatus,
+    setUserOnCall,
+    setUserStatus,
+    userStatusFromProfile,
+    userStatusTextWithinMaxLength,
+} from "./userStatus";
+
+describe("userStatus utils", () => {
+    describe("userStatusFromProfile", () => {
+        it("returns the user status if it is valid", () => {
+            expect(userStatusFromProfile({ emoji: "🐳", text: "Feeling a little blue" }, undefined)).toEqual({
+                emoji: "🐳",
+                text: "Feeling a little blue",
+            });
+        });
+
+        it("returns undefined if the user status is invalid and there is no call status", () => {
+            expect(userStatusFromProfile({ text: "Feeling a little blue" }, undefined)).toBeUndefined();
+        });
+
+        it("returns the call status if the user status is invalid but the call status is valid", () => {
+            expect(userStatusFromProfile({ text: "Feeling a little blue" }, { call_joined_ts: 12345 })).toEqual({
+                emoji: "📞",
+                text: "On a call",
+            });
+        });
+
+        it("prefers the user status over the call status if both are valid", () => {
+            expect(
+                userStatusFromProfile({ emoji: "🐳", text: "Feeling a little blue" }, { call_joined_ts: 12345 }),
+            ).toEqual({
+                emoji: "🐳",
+                text: "Feeling a little blue",
+            });
+        });
+
+        it("returns undefined if the call status has a non-positive call_joined_ts", () => {
+            expect(userStatusFromProfile(undefined, { call_joined_ts: 0 })).toBeUndefined();
+        });
+
+        it("returns undefined if neither status is valid", () => {
+            expect(userStatusFromProfile(undefined, undefined)).toBeUndefined();
+        });
+    });
+
+    describe("userStatusTextWithinMaxLength", () => {
+        it("returns true for text within the max length", () => {
+            const text = "a".repeat(256);
+            expect(userStatusTextWithinMaxLength(text)).toBe(true);
+        });
+        it("returns false for text exceeding the max length", () => {
+            const text = "a".repeat(257);
+            expect(userStatusTextWithinMaxLength(text)).toBe(false);
+        });
+    });
+
+    describe("setUserStatus", () => {
+        let client: MatrixClient;
+
+        beforeEach(() => {
+            client = stubClient();
+        });
+
+        it("sets the user status with valid input", async () => {
+            setUserStatus(client, { emoji: "🐳", text: "Feeling a little blue" });
+
+            expect(client.setExtendedProfileProperty).toHaveBeenCalledWith("org.matrix.msc4426.status", {
+                emoji: "🐳",
+                text: "Feeling a little blue",
+            });
+        });
+    });
+
+    describe("fetchUserStatus", () => {
+        let client: MatrixClient;
+
+        beforeEach(() => {
+            client = stubClient();
+            client.doesServerSupportExtendedProfiles = vi.fn();
+        });
+
+        it("returns undefined if the server does not support extended profiles", async () => {
+            vi.mocked(client.doesServerSupportExtendedProfiles).mockResolvedValue(false);
+
+            await expect(fetchUserStatus(client, "@alice:example.com")).resolves.toBeUndefined();
+            expect(client.getExtendedProfileProperty).not.toHaveBeenCalled();
+        });
+
+        it("returns the validated status if the server supports extended profiles and has a status set", async () => {
+            vi.mocked(client.doesServerSupportExtendedProfiles).mockResolvedValue(true);
+            vi.mocked(client.getExtendedProfileProperty).mockResolvedValue({
+                emoji: "🐳",
+                text: "Feeling a little blue",
+            });
+
+            await expect(fetchUserStatus(client, "@alice:example.com")).resolves.toEqual({
+                emoji: "🐳",
+                text: "Feeling a little blue",
+            });
+            expect(client.getExtendedProfileProperty).toHaveBeenCalledWith(
+                "@alice:example.com",
+                "org.matrix.msc4426.status",
+            );
+        });
+
+        it("returns undefined if the status is invalid", async () => {
+            vi.mocked(client.doesServerSupportExtendedProfiles).mockResolvedValue(true);
+            vi.mocked(client.getExtendedProfileProperty).mockResolvedValue({ text: "Feeling a little blue" });
+
+            await expect(fetchUserStatus(client, "@alice:example.com")).resolves.toBeUndefined();
+        });
+
+        it("returns undefined if the user has no status set", async () => {
+            vi.mocked(client.doesServerSupportExtendedProfiles).mockResolvedValue(true);
+            vi.mocked(client.getExtendedProfileProperty).mockRejectedValue(
+                new MatrixError({ errcode: "M_NOT_FOUND" }, 404),
+            );
+
+            await expect(fetchUserStatus(client, "@alice:example.com")).resolves.toBeUndefined();
+        });
+
+        it("returns undefined and logs a warning if fetching the status fails unexpectedly", async () => {
+            vi.mocked(client.doesServerSupportExtendedProfiles).mockResolvedValue(true);
+            const error = new Error("network error");
+            vi.mocked(client.getExtendedProfileProperty).mockRejectedValue(error);
+
+            await expect(fetchUserStatus(client, "@alice:example.com")).resolves.toBeUndefined();
+        });
+    });
+
+    describe("clearAllUserStatus", () => {
+        let client: MatrixClient;
+
+        beforeEach(() => {
+            client = stubClient();
+        });
+
+        it("clears the user status", async () => {
+            vi.mocked(client.getExtendedProfileProperty).mockResolvedValue({ emoji: "🍩", text: "Arbitrary Status" });
+
+            await clearAllUserStatus(client);
+
+            expect(client.setExtendedProfileProperty).toHaveBeenCalledWith("org.matrix.msc4426.status", null);
+        });
+
+        it("clears the call status", async () => {
+            vi.mocked(client.getExtendedProfileProperty).mockResolvedValue({ call_joined_ts: 12345 });
+
+            await clearAllUserStatus(client);
+
+            expect(client.setExtendedProfileProperty).toHaveBeenCalledWith("org.matrix.msc4426.call", null);
+        });
+    });
+
+    describe("setUserOnCall", () => {
+        let client: MatrixClient;
+
+        beforeEach(() => {
+            client = stubClient();
+        });
+
+        it("sets the call status with the current time if onCall is true", async () => {
+            vi.useFakeTimers().setSystemTime(12345);
+
+            await setUserOnCall(client, true);
+
+            expect(client.setExtendedProfileProperty).toHaveBeenCalledWith("org.matrix.msc4426.call", {
+                call_joined_ts: 12345,
+            });
+
+            vi.useRealTimers();
+        });
+
+        it("clears the call status if onCall is false", async () => {
+            await setUserOnCall(client, false);
+
+            expect(client.setExtendedProfileProperty).toHaveBeenCalledWith("org.matrix.msc4426.call", null);
+        });
+    });
+});
diff --git a/apps/web/src/utils/userStatus.ts b/apps/web/src/utils/userStatus.ts
new file mode 100644
index 00000000000..67027a82cce
--- /dev/null
+++ b/apps/web/src/utils/userStatus.ts
@@ -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 { _td, type UserStatus } from "@element-hq/web-shared-components";
+import { type MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { _t } from "../languageHandler";
+
+// MSC4426 defines the maximum length of a status to be 256 bytes of UTF-8,
+// so we truncate anything longer than that.
+const MAX_STATUS_TEXT_BYTES = 256;
+
+// We don't use the actual UserStatus type here as we want to translate the string at runtime,
+// so we can make the types reflect the fact it's not ready for human consumption.
+const ON_A_CALL_STATUS = {
+    emoji: "📞",
+    textKey: _td("user_status|on_a_call"),
+};
+
+// Static Intl.Segmenter for grabbing the first grapheme of a user status emoji.
+// We make one and keep it for performance.
+const intlSegmenter = new Intl.Segmenter();
+
+/**
+ * Checks if a given text is within the maximum allowed length for a user status.
+ * @param text The text to check.
+ * @returns True if the text is within the maximum length, false otherwise.
+ */
+export function userStatusTextWithinMaxLength(text: string): boolean {
+    const textEncoder = new TextEncoder();
+    return textEncoder.encode(text).length <= MAX_STATUS_TEXT_BYTES;
+}
+
+/**
+ * Validates an object from a user profile and returns a UserStatus object if it contains a valid user status.
+ * @param rawUserStatus The raw user status object to validate.
+ * @returns A UserStatus object if valid, otherwise undefined.
+ */
+function validateUserStatus(rawUserStatus: unknown): UserStatus | undefined {
+    if (typeof rawUserStatus !== "object" || rawUserStatus === null) {
+        return undefined;
+    }
+    if ("emoji" in rawUserStatus === false || typeof rawUserStatus.emoji !== "string" || !rawUserStatus.emoji) {
+        return undefined;
+    }
+    if ("text" in rawUserStatus === false || typeof rawUserStatus.text !== "string" || !rawUserStatus.text) {
+        return undefined;
+    }
+    return {
+        emoji: [...intlSegmenter.segment(rawUserStatus.emoji)][0]?.segment,
+        text: userStatusTextWithinMaxLength(rawUserStatus.text)
+            ? rawUserStatus.text
+            : `${rawUserStatus.text.slice(0, MAX_STATUS_TEXT_BYTES)}…`,
+    };
+}
+
+/**
+ * Takes the raw result from getExtendedProfileProperty for m.call, validates it and
+ * returns true a UserStatus object reflect it, undefined if there is no status or it
+ * does not say that the user is on a call.
+ * Designed to be the same API as validateUserStatus for simplicty.
+ * @param rawCallStatus
+ */
+function validateMCallStatus(rawCallStatus: unknown): UserStatus | undefined {
+    if (!rawCallStatus || typeof rawCallStatus !== "object") return undefined;
+    if (!("call_joined_ts" in rawCallStatus) || typeof rawCallStatus.call_joined_ts !== "number") return undefined;
+    if (rawCallStatus.call_joined_ts > 0) return { emoji: ON_A_CALL_STATUS.emoji, text: _t(ON_A_CALL_STATUS.textKey) };
+
+    return undefined;
+}
+
+/**
+ * Takes both MSC4426 user status fields (m.status and m.call) and returns a UserStatus
+ * object that reflects the information they represent.
+ */
+export function userStatusFromProfile(userStatus: unknown, callStatus: unknown): UserStatus | undefined {
+    const validatedUserStatus = validateUserStatus(userStatus);
+    if (validatedUserStatus) return validatedUserStatus;
+
+    const validatedCallStatus = validateMCallStatus(callStatus);
+    if (validatedCallStatus) return validatedCallStatus;
+
+    return undefined;
+}
+
+/**
+ * Fetch the MSC4426 user status of the given user, taking into account m.call if present.
+ * Returns undefined if the server does not support extended profiles, the user has no
+ * (valid) status, or the status could not be fetched.
+ *
+ * @param client The Matrix client to fetch the status with.
+ * @param userId The ID of the user whose status is being fetched.
+ */
+export async function fetchUserStatus(client: MatrixClient, userId: string): Promise<UserStatus | undefined> {
+    if ((await client.doesServerSupportExtendedProfiles()) === false) {
+        return undefined;
+    }
+
+    let rawUserStatus: unknown;
+    let rawCallStatus: unknown;
+
+    try {
+        // nb. one of these may be redundant since one takes precedence over the other, but the two
+        // are fetched in the same call by the js-sdk anyway so it will only be one API call and this
+        // is simpler and duplicates less logic.
+        rawUserStatus = await client.getExtendedProfileProperty(userId, "org.matrix.msc4426.status");
+    } catch (ex) {
+        if (!(ex instanceof MatrixError && ex.errcode === "M_NOT_FOUND")) {
+            logger.warn(`Failed to get user status for ${userId}`, ex);
+        }
+    }
+
+    try {
+        rawCallStatus = await client.getExtendedProfileProperty(userId, "org.matrix.msc4426.call");
+    } catch (ex) {
+        if (!(ex instanceof MatrixError && ex.errcode === "M_NOT_FOUND")) {
+            logger.warn(`Failed to get call status for ${userId}`, ex);
+        }
+    }
+    return userStatusFromProfile(rawUserStatus, rawCallStatus);
+}
+
+/**
+ * Sets the MSC4426 user status for the given user.
+ *
+ * @param client The Matrix client to use.
+ * @param userStatus The user status to set.
+ */
+export function setUserStatus(client: MatrixClient, userStatus: UserStatus): Promise<void> {
+    return client.setExtendedProfileProperty("org.matrix.msc4426.status", {
+        emoji: userStatus.emoji,
+        text: userStatus.text,
+    });
+}
+
+/**
+ * Clears all MSC4426 user status for the given user, including their m.status and m.call status,
+ * if anything is set in those fields.
+ *
+ * @param client The Matrix client to use.
+ * @throws If either request fails, in which case the other may also not have been cleared.
+ */
+export async function clearAllUserStatus(client: MatrixClient): Promise<void> {
+    const rawUserStatus = await client.getExtendedProfileProperty(client.getSafeUserId(), "org.matrix.msc4426.status");
+    if (rawUserStatus) {
+        await client.setExtendedProfileProperty("org.matrix.msc4426.status", null);
+    }
+
+    const rawCallStatus = await client.getExtendedProfileProperty(client.getSafeUserId(), "org.matrix.msc4426.call");
+    if (rawCallStatus) {
+        await setUserOnCall(client, false);
+    }
+}
+
+/**
+ * Sets or clears the user's m.call status to represent that they are currently on a call or not.
+ * If onCall is true, the status will be set to show that they joined the call at the time when this
+ * function is called.
+ * @param client The matrix client to use
+ * @param onCall Whether the user is currently on a call.
+ */
+export function setUserOnCall(client: MatrixClient, onCall: boolean): Promise<void> {
+    return client.setExtendedProfileProperty(
+        "org.matrix.msc4426.call",
+        onCall
+            ? {
+                  call_joined_ts: Date.now(),
+              }
+            : null,
+    );
+}
diff --git a/apps/web/src/utils/validate/index.ts b/apps/web/src/utils/validate/index.ts
new file mode 100644
index 00000000000..367641232df
--- /dev/null
+++ b/apps/web/src/utils/validate/index.ts
@@ -0,0 +1,9 @@
+/*
+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.
+*/
+
+export * from "./numberInRange";
diff --git a/apps/web/src/utils/validate/numberInRange.test.ts b/apps/web/src/utils/validate/numberInRange.test.ts
new file mode 100644
index 00000000000..5acbf91b285
--- /dev/null
+++ b/apps/web/src/utils/validate/numberInRange.test.ts
@@ -0,0 +1,37 @@
+/*
+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 { describe, it, expect } from "vitest";
+
+import { validateNumberInRange } from "./numberInRange";
+
+describe("validateNumberInRange", () => {
+    const min = 1;
+    const max = 10;
+    it("returns false when value is a not a number", () => {
+        expect(validateNumberInRange(min, max)("test" as unknown as number)).toEqual(false);
+    });
+    it("returns false when value is undefined", () => {
+        expect(validateNumberInRange(min, max)(undefined)).toEqual(false);
+    });
+    it("returns false when value is NaN", () => {
+        expect(validateNumberInRange(min, max)(NaN)).toEqual(false);
+    });
+    it("returns true when value is equal to min", () => {
+        expect(validateNumberInRange(min, max)(min)).toEqual(true);
+    });
+    it("returns true when value is equal to max", () => {
+        expect(validateNumberInRange(min, max)(max)).toEqual(true);
+    });
+    it("returns true when value is an int in range", () => {
+        expect(validateNumberInRange(min, max)(2)).toEqual(true);
+    });
+    it("returns true when value is a float in range", () => {
+        expect(validateNumberInRange(min, max)(2.2)).toEqual(true);
+    });
+});
diff --git a/apps/web/src/utils/validate/numberInRange.ts b/apps/web/src/utils/validate/numberInRange.ts
new file mode 100644
index 00000000000..ece657c9c77
--- /dev/null
+++ b/apps/web/src/utils/validate/numberInRange.ts
@@ -0,0 +1,18 @@
+/*
+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.
+*/
+
+/**
+ * Validates that a value is
+ * - a number
+ * - in a provided range (inclusive)
+ */
+export const validateNumberInRange =
+    (min: number, max: number) =>
+    (value?: number): boolean => {
+        return typeof value === "number" && !(isNaN(value) || min > value || value > max);
+    };
diff --git a/apps/web/src/utils/video-rooms.ts b/apps/web/src/utils/video-rooms.ts
new file mode 100644
index 00000000000..1da34142947
--- /dev/null
+++ b/apps/web/src/utils/video-rooms.ts
@@ -0,0 +1,14 @@
+/*
+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 type { Room } from "matrix-js-sdk/src/matrix";
+
+/**
+ * Determines whether the given room is a video room.
+ */
+export const isVideoRoom = (room: Room): boolean => room.isElementVideoRoom() || room.isCallRoom();
diff --git a/apps/web/src/vector/__snapshots__/init.test.ts.snap b/apps/web/src/vector/__snapshots__/init.test.ts.snap
new file mode 100644
index 00000000000..beaaf7d8c46
--- /dev/null
+++ b/apps/web/src/vector/__snapshots__/init.test.ts.snap
@@ -0,0 +1,313 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`showError > should match snapshot 1`] = `
+<div
+  id="matrixchat"
+>
+  <div
+    class="mx_ErrorView cpd-theme-light"
+  >
+    <img
+      alt="Element"
+      class="mx_ErrorView_logo"
+      height="160"
+      src="themes/element/img/logos/element-app-logo.png"
+    />
+    <div
+      class="mx_ErrorView_container"
+    >
+      <h1
+        class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
+      >
+        Error title
+      </h1>
+      <p
+        class="_typography_6v6n8_153 _font-body-lg-regular_6v6n8_69"
+      >
+        msg1
+      </p>
+      <p
+        class="_typography_6v6n8_153 _font-body-lg-regular_6v6n8_69"
+      >
+        msg2
+      </p>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`showIncompatibleBrowser > should match snapshot 1`] = `
+<div
+  id="matrixchat"
+>
+  <div
+    class="mx_ErrorView cpd-theme-light"
+  >
+    <img
+      alt="Element"
+      class="mx_ErrorView_logo"
+      height="160"
+      src="themes/element/img/logos/element-app-logo.png"
+    />
+    <div
+      class="mx_ErrorView_container"
+    >
+      <h1
+        class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
+      >
+        Element does not support this browser
+      </h1>
+      <p
+        class="_typography_6v6n8_153 _font-body-lg-regular_6v6n8_69"
+      >
+        Element uses some browser features which are not available in your current browser. If you continue, some features may stop working and there is a risk that you may lose data in the future.
+      </p>
+      <p
+        class="_typography_6v6n8_153 _font-body-lg-regular_6v6n8_69"
+      >
+        <span>
+          For the best experience, use 
+          <a
+            href="https://google.com/chrome"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            Chrome
+          </a>
+          , 
+          <a
+            href="https://firefox.com"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            Firefox
+          </a>
+          , 
+          <a
+            href="https://microsoft.com/edge"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            Edge
+          </a>
+          , or 
+          <a
+            href="https://apple.com/safari"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            Safari
+          </a>
+          .
+        </span>
+      </p>
+      <div
+        class="_flex_4dswl_9 mx_ErrorView_flexContainer mx_ErrorView_buttons"
+        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_1nw83_8 _has-icon_1nw83_60"
+          data-kind="secondary"
+          data-size="md"
+          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="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>
+          Learn more
+        </button>
+        <button
+          class="_button_1nw83_8"
+          data-kind="primary"
+          data-size="md"
+          role="button"
+          tabindex="0"
+        >
+          Continue anyway
+        </button>
+      </div>
+    </div>
+    <div
+      class="_separator_13qwf_8"
+      data-kind="primary"
+      data-orientation="horizontal"
+      role="separator"
+    />
+    <h2
+      class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+    >
+      Use Element Desktop instead
+    </h2>
+    <div
+      class="_flex_4dswl_9 mx_ErrorView_flexContainer"
+      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_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="lg"
+        href="https://packages.element.io/desktop/install/macos/Element.dmg"
+        role="link"
+        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
+            clip-rule="evenodd"
+            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_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="lg"
+        href="https://packages.element.io/desktop/install/win32/x64/Element%20Setup.exe"
+        role="link"
+        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="M12.589 2.4H21.6v9.011h-9.011zM2.4 12.588h9.011v9.011H2.4zM2.4 2.4h9.011v9.011H2.4zm10.189 10.188H21.6v9.011h-9.011z"
+          />
+        </svg>
+        Windows (64-bit)
+      </a>
+      <a
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="lg"
+        href="https://packages.element.io/desktop/install/win32/arm64/Element%20Setup.exe"
+        role="link"
+        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="M12.589 2.4H21.6v9.011h-9.011zM2.4 12.588h9.011v9.011H2.4zM2.4 2.4h9.011v9.011H2.4zm10.189 10.188H21.6v9.011h-9.011z"
+          />
+        </svg>
+        Windows (ARM 64-bit)
+      </a>
+      <a
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="lg"
+        href="https://element.io/download#linux"
+        role="link"
+        tabindex="0"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <g
+            clip-path="url(#cpd_LinuxIcon_a)"
+          >
+            <path
+              d="M13.206 20.644a2.7 2.7 0 0 1-1.097.248 2.8 2.8 0 0 1-1.567-.495c-.153.38-.392.723-.7 1a2.8 2.8 0 0 1-1.078.604h6.141a2.8 2.8 0 0 1-.99-.51 2.8 2.8 0 0 1-.709-.847M6.71 16.673a.2.2 0 0 0 .067-.03q.056-.49.13-.94c-.01-.169.017-.338.08-.495.348-1.904.834-3.24 1.504-4.052a.13.13 0 0 1 .18-.018.123.123 0 0 1 .018.174 4 4 0 0 0-.203.272q-.764 1.113-1.199 3.389h.03a.6.6 0 0 1 .166 0c.198.042.508.203.985.67.061-2.72 1.661-4.913 3.642-4.913 1.748 0 3.208 1.715 3.556 3.997a1.7 1.7 0 0 1 .762-.742.8.8 0 0 1 .254-.047 7.5 7.5 0 0 0-.948-2.342 4 4 0 0 0-.2-.272.12.12 0 0 1-.03-.09.12.12 0 0 1 .048-.083.13.13 0 0 1 .092-.028.13.13 0 0 1 .085.045c.508.624.93 1.557 1.245 2.822.678.247.696 1.361.71 2.267 0 .43 0 .877.105.99.104.114.325.09.635-.04.036-.393.053-.742.063-1.036v-1.082c0-2.475-3.266-6.755-3.266-6.755l-.378-3.218c0-2.953-2.733-2.926-2.733-2.926s-2.743-.027-2.743 2.914l-.365 3.23s-3.267 4.277-3.267 6.755v.31s-.012.299 0 .767v.227c.414.154.839.315.976.28m5.388-10.41c.761.068 1.975.247 2.031.613.04.282-.429.822-.523.926-.195.215-.876.92-1.49.92-.615 0-1.296-.705-1.49-.92-.093-.104-.563-.644-.525-.926.046-.374 1.273-.545 1.996-.614"
+            />
+            <path
+              d="M12.111 8.475c.333 0 .843-.33 1.298-.837.348-.384.475-.666.465-.73-.064-.127-.894-.317-1.778-.401-.856.084-1.687.274-1.75.406.091.275.252.523.467.722.457.51.965.84 1.298.84m.684 10.664c-.292-2.607-.023-3.146.206-3.324a.42.42 0 0 1 .4-.057c.23.11.431.271.587.47.287.304.488.495.674.391.131-.077.32-.495.507-.879.097-.205.196-.425.305-.636-.254-2.33-1.65-4.126-3.355-4.126-1.872 0-3.393 2.166-3.393 4.827v.096c.31.317.68.743 1.133 1.3q.266.328.487.685a2.7 2.7 0 0 1 .29 2.258c.426.312.943.485 1.476.495.341-.002.679-.073.99-.21a2.6 2.6 0 0 1-.16-.46 7 7 0 0 1-.147-.83"
+            />
+            <path
+              d="M9.651 17.35c-.355-.44-.657-.789-.916-1.071l-.13-.139-.132-.138c-.587-.594-.897-.758-1.06-.785a.2.2 0 0 0-.068 0 .15.15 0 0 0-.114.082v.017a.9.9 0 0 0-.058.406v.327c.034.25-.019.505-.15.723a.4.4 0 0 1-.087.071l-.053.032a.6.6 0 0 1-.107.043H6.75c-.211.037-.554-.084-.988-.248l-.127-.05c-.544-.21-1.179-.452-1.644-.452a.63.63 0 0 0-.553.232c-.34.495.421 1.273 1.036 1.901.378.389.675.693.708.921.059.42-.393.582-.792.725a1.5 1.5 0 0 0-.564.278c-.06.069-.058.116-.045.15.055.191.507.61 2.897 1.285q.398.112.806.178c.49.073.992.01 1.448-.182a2.64 2.64 0 0 0 1.13-.902q.165-.245.271-.522l.05-.121c0-.042.024-.09.037-.131a2.48 2.48 0 0 0-.293-1.98 7 7 0 0 0-.475-.65m9.618-.17c-.212.02-.418.084-.604.186l-.277.117c-.305.113-.61.168-.807-.095a.6.6 0 0 1-.094-.227 3.6 3.6 0 0 1-.056-.592v-.322c0-.72-.026-1.586-.373-1.925a.5.5 0 0 0-.255-.14h-.038a.5.5 0 0 0-.254.035c-.3.12-.56.496-.79.936l-.109.215-.117.248-.104.225c-.223.495-.398.874-.601.99-.376.216-.704-.13-.991-.438a1.5 1.5 0 0 0-.48-.4.2.2 0 0 0-.076-.016q-.048 0-.084.03c-.158.124-.384.69-.112 3.104q.044.4.137.792.052.207.137.404.027.056.056.111c.02.037.033.074.054.111.208.377.51.696.879.928a2.66 2.66 0 0 0 2.504.171c.398-.18.743-.454 1.003-.8a7 7 0 0 0 .45-.675c1.218-2.116 1.241-2.722 1.147-2.896a.15.15 0 0 0-.144-.077"
+            />
+          </g>
+          <defs>
+            <clippath
+              id="cpd_LinuxIcon_a"
+            >
+              <path
+                d="M3.167 2.19H20.5V22H3.165z"
+              />
+            </clippath>
+          </defs>
+        </svg>
+        Linux
+      </a>
+    </div>
+    <h2
+      class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+    >
+      Or use our mobile app
+    </h2>
+    <div
+      class="_flex_4dswl_9 mx_ErrorView_flexContainer"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-6x); --mx-flex-wrap: nowrap;"
+    >
+      <a
+        href="https://apps.apple.com/app/vector/id1083446067"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        <img
+          alt="Apple App Store"
+          height="64"
+          src="themes/element/img/download/apple.svg"
+        />
+      </a>
+      <a
+        href="https://play.google.com/store/apps/details?id=im.vector.app"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        <img
+          alt="Google Play Store"
+          height="64"
+          src="themes/element/img/download/google.svg"
+        />
+      </a>
+      <a
+        href="https://f-droid.org/repository/browse/?fdid=im.vector.app"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        <img
+          alt="F-Droid"
+          height="64"
+          src="themes/element/img/download/fdroid.svg"
+        />
+      </a>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/src/vector/app.test.ts b/apps/web/src/vector/app.test.ts
new file mode 100644
index 00000000000..9f04a1a87b5
--- /dev/null
+++ b/apps/web/src/vector/app.test.ts
@@ -0,0 +1,87 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+// @vitest-environment-options {"url": "https://app.element.io/#/room/#room:server"}
+
+import { vi, describe, it, expect, afterAll, beforeEach } from "vitest";
+import fetchMock from "@fetch-mock/vitest";
+import { MatrixClient } from "matrix-js-sdk/src/matrix";
+import { mockPlatformPeg, unmockPlatformPeg } from "test-utils";
+import { makeDelegatedAuthMetadata } from "test-utils/auth";
+import { type RefCallback } from "react";
+
+import { loadApp } from "./app.tsx";
+import SdkConfig from "../SdkConfig.ts";
+import PlatformPeg from "../PlatformPeg.ts";
+import type MatrixChat from "../components/structures/MatrixChat.tsx";
+
+const defaultConfig = {
+    default_hs_url: "https://synapse",
+};
+const issuer = "https://auth.org/";
+
+describe("sso_redirect_options", () => {
+    beforeEach(() => {
+        // Stable stub
+        vi.spyOn(window.crypto, "getRandomValues").mockImplementation((arr) => {
+            for (let i = 0; i < (<Uint8Array>arr).length; i++) {
+                (<Uint8Array>arr)[i] = i;
+            }
+            return arr;
+        });
+    });
+
+    beforeEach(() => {
+        SdkConfig.reset();
+        mockPlatformPeg({ getDefaultDeviceDisplayName: vi.fn(), startSingleSignOn: vi.fn() });
+    });
+
+    afterAll(() => {
+        unmockPlatformPeg();
+    });
+
+    describe("immediate", () => {
+        beforeEach(() => {
+            SdkConfig.put({
+                ...defaultConfig,
+                sso_redirect_options: { immediate: true },
+                // Avoid testing dynamic client registration
+                oidc_static_clients: { [issuer]: { client_id: "12345" } },
+            });
+            // Signal we support v1.1 to pass the minimum js-sdk compatibility bar
+            // Signal we support v1.15 to use stable Native OAuth2 support
+            fetchMock.get("https://synapse/_matrix/client/versions", { versions: ["v1.1", "v1.15"] });
+        });
+
+        it("should redirect for legacy SSO", async () => {
+            fetchMock.getOnce("https://synapse/_matrix/client/v3/login", {
+                flows: [{ stages: ["m.login.sso"] }],
+            });
+
+            const startSingleSignOnSpy = vi.spyOn(PlatformPeg.get()!, "startSingleSignOn");
+
+            await loadApp({}, vi.fn() as RefCallback<MatrixChat>);
+            expect(startSingleSignOnSpy).toHaveBeenCalledWith(expect.any(MatrixClient), "sso", "/room/#room:server");
+        });
+
+        it("should redirect for native OAuth2", async () => {
+            const authConfig = {
+                ...makeDelegatedAuthMetadata(issuer),
+                response_modes_supported: ["query", "fragment"],
+            };
+            fetchMock.get("https://synapse/_matrix/client/v1/auth_metadata", authConfig);
+
+            const startOAuthLoginSpy = vi.spyOn(window.location, "href", "set");
+
+            await loadApp({}, vi.fn() as RefCallback<MatrixChat>);
+            expect(startOAuthLoginSpy).toHaveBeenCalledWith(
+                "https://auth.org/auth?response_type=code&response_mode=fragment&client_id=12345&redirect_uri=https%3A%2F%2Fapp.element.io%2F%3Fno_universal_links%3Dtrue&scope=urn%3Amatrix%3Aclient%3Aapi%3A*+urn%3Amatrix%3Aclient%3Adevice%3AABCDEFGHIJ&state=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdef&code_challenge_method=S256&code_challenge=ymW9_yTzfYF1Km4N7W4OC6jQ7xoj91DUulQHWfmrROM",
+            );
+        });
+    });
+});
diff --git a/apps/web/src/vector/app.tsx b/apps/web/src/vector/app.tsx
new file mode 100644
index 00000000000..f1e7f645b86
--- /dev/null
+++ b/apps/web/src/vector/app.tsx
@@ -0,0 +1,262 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2018, 2019 New Vector Ltd
+Copyright 2017 Vector Creations 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.
+*/
+
+// To ensure we load the browser-matrix version first
+import "matrix-js-sdk/src/browser-index";
+import React, { type ReactElement, StrictMode } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { AutoDiscovery, type ClientConfig } from "matrix-js-sdk/src/matrix";
+import { WrapperLifecycle, type WrapperOpts } from "@matrix-org/react-sdk-module-api/lib/lifecycles/WrapperLifecycle";
+
+import PlatformPeg from "../PlatformPeg";
+import AutoDiscoveryUtils from "../utils/AutoDiscoveryUtils";
+import * as Lifecycle from "../Lifecycle";
+import SdkConfig from "../SdkConfig";
+import { type IConfigOptions } from "../IConfigOptions";
+import { SnakedObject } from "../utils/SnakedObject";
+import MatrixChat from "../components/structures/MatrixChat";
+import { type ValidatedServerConfig } from "../utils/ValidatedServerConfig";
+import { ModuleRunner } from "../modules/ModuleRunner";
+import { getInitialScreenAfterLogin, getScreenFromLocation, init as initRouting, onNewScreen } from "./routing";
+import { type URLParams } from "./url_utils.ts";
+import { UserFriendlyError } from "../languageHandler";
+import { ModuleApi } from "../modules/Api";
+import { RoomView } from "../components/structures/RoomView";
+import RoomAvatar from "../components/views/avatars/RoomAvatar";
+import { ModuleNotificationDecoration } from "../modules/components/ModuleNotificationDecoration";
+import Login from "../Login.ts";
+import { startOAuthLogin } from "../utils/oauth/authorize.ts";
+
+// oxlint-disable-next-line node/no-process-env
+logger.log(`Application is running in ${process.env.NODE_ENV} mode`);
+
+window.matrixLogger = logger;
+
+function onTokenLoginCompleted(urlParams: URLParams, fragmentAfterLogin: string): void {
+    const url = new URL(window.location.href);
+
+    // if we did a token login, we're now left with the login token as query param in the url; clear it out
+    for (const param in { ...urlParams.legacy_sso }) {
+        url.searchParams.delete(param);
+    }
+
+    // Added by OIDC auth to avoid being hijacked by Element X on macOS
+    url.searchParams.delete("no_universal_links");
+
+    // if we did an oidc authorization code flow login, we're left with the auth code and state in the fragment in the url,
+    // we clear it out by using the fragmentAfterLogin
+    url.hash = fragmentAfterLogin;
+
+    logger.log(`Redirecting to ${url.href} to drop authentication params from url`);
+    window.history.replaceState(null, "", url.href);
+}
+
+async function redirectToSso(config: ValidatedServerConfig): Promise<boolean> {
+    logger.log("Bypassing app load to redirect to SSO");
+
+    try {
+        const login = new Login(config.hsUrl, config.isUrl, null, {
+            delegatedAuthentication: config.delegatedAuthentication,
+        });
+        const flows = await login.getFlows();
+
+        const nativeOAuthFlow = flows.find((flow) => "clientId" in flow);
+        if (nativeOAuthFlow && config.delegatedAuthentication) {
+            await startOAuthLogin(config.delegatedAuthentication, nativeOAuthFlow.clientId, config.hsUrl, config.isUrl);
+            return true;
+        }
+
+        const flow = flows.find((flow) => flow.type === "m.login.sso" || flow.type === "m.login.cas");
+        PlatformPeg.get()!.startSingleSignOn(
+            login.createTemporaryClient(),
+            flow?.type === "m.login.cas" ? "cas" : "sso",
+            `/${getScreenFromLocation(window.location).screen}`,
+        );
+        return true;
+    } catch (e) {
+        console.error("Error encountered during sso redirect", e);
+    }
+
+    return false;
+}
+
+export async function loadApp(urlParams: URLParams, matrixChatRef: React.Ref<MatrixChat>): Promise<ReactElement> {
+    // XXX: This lives here because certain components import so many things that importing it in a sensible place (eg.
+    // the builtins module or init.tsx) causes a circular dependency.
+    ModuleApi.instance.builtins.setComponents({
+        roomView: RoomView,
+        roomAvatar: RoomAvatar,
+        notificationDecoration: ModuleNotificationDecoration,
+    });
+
+    initRouting();
+    const platform = PlatformPeg.get();
+
+    const urlWithoutQuery = window.location.protocol + "//" + window.location.host + window.location.pathname;
+    logger.log("Vector starting at " + urlWithoutQuery);
+
+    platform?.startUpdater();
+
+    // Don't bother loading the app until the config is verified
+    const config = await verifyServerConfig();
+    const snakedConfig = new SnakedObject<IConfigOptions>(config);
+
+    // Before we continue, let's see if we're supposed to do an SSO redirect
+    const [userId] = await Lifecycle.getStoredSessionOwner();
+    const hasPossibleToken = !!userId;
+    const isReturningFromSso = !!urlParams.legacy_sso || !!urlParams.oauth2;
+    const ssoRedirects = config.sso_redirect_options || {};
+    let autoRedirect = ssoRedirects.immediate === true;
+    // XXX: This path matching is a bit brittle, but better to do it early instead of in the app code.
+    const isWelcomeOrLanding =
+        window.location.hash === "#/welcome" || window.location.hash === "#" || window.location.hash === "";
+    const isLoginPage = window.location.hash === "#/login";
+
+    if (!autoRedirect && ssoRedirects.on_welcome_page && isWelcomeOrLanding) {
+        autoRedirect = true;
+    }
+    if (!autoRedirect && ssoRedirects.on_login_page && isLoginPage) {
+        autoRedirect = true;
+    }
+
+    // getInitialScreenAfterLogin has a side effect to write to sessionStorage, perform it before auto-redirect
+    const initialScreenAfterLogin = getInitialScreenAfterLogin(window.location);
+
+    if (!hasPossibleToken && !isReturningFromSso && autoRedirect && config.validated_server_config) {
+        const redirecting = await redirectToSso(config.validated_server_config);
+
+        // We return here because startSingleSignOn() will asynchronously redirect us. We don't
+        // care to wait for it, and don't want to show any UI while we wait (not even half a welcome
+        // page). As such, just don't even bother loading the MatrixChat component.
+        if (redirecting) {
+            return <React.Fragment />;
+        }
+    }
+
+    const defaultDeviceName =
+        snakedConfig.get("default_device_display_name") ?? platform?.getDefaultDeviceDisplayName();
+
+    const wrapperOpts: WrapperOpts = { Wrapper: React.Fragment };
+    ModuleRunner.instance.invoke(WrapperLifecycle.Wrapper, wrapperOpts);
+
+    return (
+        <wrapperOpts.Wrapper>
+            <StrictMode>
+                <MatrixChat
+                    ref={matrixChatRef}
+                    onNewScreen={onNewScreen}
+                    config={config}
+                    urlParams={urlParams}
+                    enableGuest={!config.disable_guests}
+                    onTokenLoginCompleted={onTokenLoginCompleted}
+                    initialScreenAfterLogin={initialScreenAfterLogin}
+                    defaultDeviceDisplayName={defaultDeviceName}
+                />
+            </StrictMode>
+        </wrapperOpts.Wrapper>
+    );
+}
+
+async function verifyServerConfig(): Promise<IConfigOptions> {
+    let validatedConfig: ValidatedServerConfig;
+    try {
+        logger.log("Verifying homeserver configuration");
+
+        // Note: the query string may include is_url and hs_url - we only respect these in the
+        // context of email validation. Because we don't respect them otherwise, we do not need
+        // to parse or consider them here.
+
+        // Note: Although we throw all 3 possible configuration options through a .well-known-style
+        // verification, we do not care if the servers are online at this point. We do moderately
+        // care if they are syntactically correct though, so we shove them through the .well-known
+        // validators for that purpose.
+
+        const config = SdkConfig.get();
+        let wkConfig = config["default_server_config"]; // overwritten later under some conditions
+        const serverName = config["default_server_name"];
+        const hsUrl = config["default_hs_url"];
+        const isUrl = config["default_is_url"];
+
+        const incompatibleOptions = [wkConfig, serverName, hsUrl].filter((i) => !!i);
+        if (hsUrl && (wkConfig || serverName)) {
+            // noinspection ExceptionCaughtLocallyJS
+            throw new UserFriendlyError("error|invalid_configuration_mixed_server");
+        }
+        if (incompatibleOptions.length < 1) {
+            // noinspection ExceptionCaughtLocallyJS
+            throw new UserFriendlyError("error|invalid_configuration_no_server");
+        }
+
+        if (hsUrl) {
+            logger.log("Config uses a default_hs_url - constructing a default_server_config using this information");
+            logger.warn(
+                "DEPRECATED CONFIG OPTION: In the future, default_hs_url will not be accepted. Please use " +
+                    "default_server_config instead.",
+            );
+
+            wkConfig = {
+                "m.homeserver": {
+                    base_url: hsUrl,
+                },
+            };
+            if (isUrl) {
+                wkConfig["m.identity_server"] = {
+                    base_url: isUrl,
+                };
+            }
+        }
+
+        let discoveryResult: ClientConfig | undefined;
+        if (!serverName && wkConfig) {
+            logger.log("Config uses a default_server_config - validating object");
+            discoveryResult = await AutoDiscovery.fromDiscoveryConfig(wkConfig);
+        }
+
+        if (serverName) {
+            logger.log("Config uses a default_server_name - doing .well-known lookup");
+            logger.warn(
+                "DEPRECATED CONFIG OPTION: In the future, default_server_name will not be accepted. Please " +
+                    "use default_server_config instead.",
+            );
+            discoveryResult = await AutoDiscovery.findClientConfig(serverName);
+            if (discoveryResult["m.homeserver"].base_url === null && wkConfig) {
+                logger.log("Finding base_url failed but a default_server_config was found - using it as a fallback");
+                discoveryResult = await AutoDiscovery.fromDiscoveryConfig(wkConfig);
+            }
+        }
+
+        validatedConfig = await AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult, true);
+    } catch (e) {
+        const { hsUrl, isUrl, userId } = await Lifecycle.getStoredSessionVars();
+        if (hsUrl && userId) {
+            logger.error(e);
+            logger.warn("A session was found - suppressing config error and using the session's homeserver");
+
+            logger.log("Using pre-existing hsUrl and isUrl: ", { hsUrl, isUrl });
+            validatedConfig = await AutoDiscoveryUtils.validateServerConfigWithStaticUrls(hsUrl, isUrl, true);
+        } else {
+            // the user is not logged in, so scream
+            throw e;
+        }
+    }
+
+    validatedConfig.isDefault = true;
+
+    // Just in case we ever have to debug this
+    logger.log("Using homeserver config:", validatedConfig);
+
+    // Add the newly built config to the actual config for use by the app
+    logger.log("Updating SdkConfig with validated discovery information");
+    SdkConfig.add({ validated_server_config: validatedConfig });
+
+    return SdkConfig.get();
+}
diff --git a/apps/web/src/vector/getconfig.test.ts b/apps/web/src/vector/getconfig.test.ts
new file mode 100644
index 00000000000..c0f1241bd6e
--- /dev/null
+++ b/apps/web/src/vector/getconfig.test.ts
@@ -0,0 +1,104 @@
+/*
+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 { vi, describe, it, expect, beforeEach, afterAll } from "vitest";
+import fetchMock from "@fetch-mock/vitest";
+
+import { getVectorConfig } from "./getconfig";
+
+describe("getVectorConfig()", () => {
+    const elementDomain = "app.element.io";
+    const now = 1234567890;
+    const specificConfig = {
+        brand: "specific",
+    };
+    const generalConfig = {
+        brand: "general",
+    };
+
+    beforeEach(() => {
+        Object.defineProperty(window, "location", {
+            value: { href: `https://${elementDomain}`, hostname: elementDomain },
+            writable: true,
+        });
+
+        // stable value for cachebuster
+        vi.spyOn(Date, "now").mockReturnValue(now);
+        vi.clearAllMocks();
+        fetchMock.removeRoutes();
+    });
+
+    afterAll(() => {
+        vi.spyOn(Date, "now").mockRestore();
+    });
+
+    it("requests specific config for document domain", async () => {
+        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);
+
+        await expect(getVectorConfig("..")).resolves.toEqual(specificConfig);
+    });
+
+    it("returns general config when specific config succeeds but is empty", async () => {
+        fetchMock.getOnce("express:/config.app.element.io.json", {});
+        fetchMock.getOnce("express:/config.json", generalConfig);
+
+        await expect(getVectorConfig()).resolves.toEqual(generalConfig);
+    });
+
+    it("returns general config when specific config 404s", async () => {
+        fetchMock.getOnce("express:/config.app.element.io.json", { status: 404 });
+        fetchMock.getOnce("express:/config.json", generalConfig);
+
+        await expect(getVectorConfig()).resolves.toEqual(generalConfig);
+    });
+
+    it("returns general config when specific config is fetched from a file and is empty", async () => {
+        fetchMock.getOnce("express:/config.app.element.io.json", 0);
+        fetchMock.getOnce("express:/config.json", generalConfig);
+
+        await expect(getVectorConfig()).resolves.toEqual(generalConfig);
+    });
+
+    it("returns general config when specific config returns a non-200 status", async () => {
+        fetchMock.getOnce("express:/config.app.element.io.json", { status: 401 });
+        fetchMock.getOnce("express:/config.json", generalConfig);
+
+        await expect(getVectorConfig()).resolves.toEqual(generalConfig);
+    });
+
+    it("returns general config when specific config returns an error", async () => {
+        fetchMock.getOnce("express:/config.app.element.io.json", { throws: "err1" });
+        fetchMock.getOnce("express:/config.json", generalConfig);
+
+        await expect(getVectorConfig()).resolves.toEqual(generalConfig);
+    });
+
+    it("rejects with an error when general config rejects", async () => {
+        fetchMock.getOnce("express:/config.app.element.io.json", { throws: "err-specific" });
+        fetchMock.getOnce("express:/config.json", { throws: "err-general" });
+
+        await expect(getVectorConfig()).rejects.toBe("err-general");
+    });
+
+    it("rejects with an error when config is invalid JSON", async () => {
+        fetchMock.getOnce("express:/config.app.element.io.json", { throws: "err-specific" });
+        fetchMock.getOnce("express:/config.json", '{"invalid": "json",}');
+
+        // We can't assert it'll be a SyntaxError as node-fetch behaves differently
+        // https://github.com/wheresrhys/fetch-mock/issues/270
+        await expect(getVectorConfig()).rejects.toThrow("in JSON at position 19");
+    });
+});
diff --git a/apps/web/src/vector/getconfig.ts b/apps/web/src/vector/getconfig.ts
new file mode 100644
index 00000000000..1f2e4956f4a
--- /dev/null
+++ b/apps/web/src/vector/getconfig.ts
@@ -0,0 +1,54 @@
+/*
+Copyright 2018-2024 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 { IConfigOptions } from "../IConfigOptions";
+
+// Load the config file. First try to load up a domain-specific config of the
+// form "config.$domain.json" and if that fails, fall back to config.json.
+export async function getVectorConfig(relativeLocation = ""): Promise<IConfigOptions | undefined> {
+    if (relativeLocation !== "" && !relativeLocation.endsWith("/")) relativeLocation += "/";
+
+    // Handle trailing dot FQDNs
+    let domain = window.location.hostname.trimEnd();
+    if (domain.endsWith(".")) {
+        domain = domain.slice(0, -1);
+    }
+
+    const specificConfigPromise = getConfig(`${relativeLocation}config.${domain}.json`);
+    const generalConfigPromise = getConfig(relativeLocation + "config.json");
+
+    try {
+        const configJson = await specificConfigPromise;
+        // 404s succeed with an empty json config, so check that there are keys
+        if (!configJson || Object.keys(configJson).length === 0) {
+            throw new Error(); // throw to enter the catch
+        }
+        return configJson;
+    } catch {
+        return generalConfigPromise;
+    }
+}
+
+async function getConfig(configJsonFilename: string): Promise<IConfigOptions | undefined> {
+    const url = new URL(configJsonFilename, window.location.href);
+    url.searchParams.set("cachebuster", Date.now().toString());
+    const res = await fetch(url, {
+        cache: "no-cache",
+        method: "GET",
+    });
+
+    if (res.status === 404 || res.status === 0) {
+        // Lack of a config isn't an error, we should just use the defaults.
+        // Also treat a blank config as no config, assuming the status code is 0, because we don't get 404s from file:
+        // URIs so this is the only way we can not fail if the file doesn't exist when loading from a file:// URI.
+        return {} as IConfigOptions;
+    }
+
+    if (res.ok) {
+        return res.json();
+    }
+}
diff --git a/apps/web/src/vector/index.html b/apps/web/src/vector/index.html
new file mode 100644
index 00000000000..15dfcc73031
--- /dev/null
+++ b/apps/web/src/vector/index.html
@@ -0,0 +1,85 @@
+<!doctype html>
+<html lang="en" style="height: 100%;">
+  <head>
+    <meta charset="utf-8">
+    <title>Element</title>
+    <link rel="apple-touch-icon" sizes="120x120" href="<%= require('../../res/vector-icons/120.png') %>">
+    <link rel="apple-touch-icon" sizes="144x144" href="<%= require('../../res/vector-icons/144.png') %>">
+    <link rel="apple-touch-icon" sizes="152x152" href="<%= require('../../res/vector-icons/152.png') %>">
+    <link rel="apple-touch-icon" sizes="180x180" href="<%= require('../../res/vector-icons/180.png') %>">
+    <link rel="manifest" href="manifest.json">
+    <meta name="referrer" content="no-referrer">
+    <link rel="icon" type="image/png" sizes="24x24" href="<%= require('../../res/vector-icons/24.png') %>">
+    <link rel="icon" type="image/png" sizes="144x144" href="<%= require('../../res/vector-icons/144.png') %>">
+    <link rel="icon" type="image/png" sizes="512x512" href="<%= require('../../res/vector-icons/512.png') %>">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="apple-mobile-web-app-title" content="Element">
+    <meta name="application-name" content="Element">
+    <meta name="theme-color" content="#ffffff">
+    <meta property="og:image" content="<%= og_image_url %>" />
+    <meta http-equiv="Content-Security-Policy" content="
+        default-src 'none';
+        style-src 'self' 'unsafe-inline' <%= csp_extra_source %>;
+        script-src 'self' 'wasm-unsafe-eval' https://www.recaptcha.net/recaptcha/ https://www.gstatic.com/recaptcha/ <%= csp_extra_source %>;
+        img-src * blob: data:;
+        connect-src * blob:;
+        font-src 'self' data: <%= csp_extra_source %>;
+        media-src * blob: data:;
+        child-src * blob: data:;
+        worker-src 'self' blob: <%= csp_extra_source %>;
+        frame-src * blob: data:;
+        form-action 'self' <%= csp_extra_source %>;
+        manifest-src 'self' <%= csp_extra_source %>;
+    ">
+    <% for (var i=0; i < htmlWebpackPlugin.files.css.length; i++) {
+        var file = htmlWebpackPlugin.files.css[i];
+        var match = file.match(/^bundles\/.*?\/theme-(.*)\.css$/);
+        if (match) {
+            var title = match[1].charAt(0).toUpperCase() + match[1].slice(1);
+        %>
+           <link rel="stylesheet" disabled="disabled" data-mx-theme="<%= title %>" title="<%= title %>" href="<%= file %>">
+        <% } else { %>
+           <link rel="stylesheet" href="<%= file %>">
+        <% }
+    } %>
+
+    <% for (const tag of htmlWebpackPlugin.tags.headTags) {
+        let path = tag.attributes && tag.attributes.href;
+        if (path && path.includes("/Inter/")) { %>
+            <link rel="preload" as="font" href="<%= path %>" crossorigin="anonymous"/>
+        <% }
+    } %>
+
+  </head>
+  <body style="height: 100%; margin: 0;">
+    <noscript>Sorry, Element requires JavaScript to be enabled.</noscript> <!-- TODO: Translate this? -->
+    <div id="matrixchat" style="height: 100%;" class="notranslate"></div>
+
+<%
+    // insert <script> tags for the JS entry points
+    for (let file of htmlWebpackPlugin.files.js) {
+        if (file.includes("bundle.js") || file.includes("unhomoglyph_data")) {
+%>    <script src="<%= file %>"></script>
+<%
+        }
+    }
+%>
+
+    <!-- Legacy supporting Prefetch images -->
+    <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;"/>
+    <img src="<%= require('@vector-im/compound-design-tokens/icons/italic.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/quote.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/strikethrough.svg').default %>" aria-hidden alt="" width="25" height="22" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
+
+    <!-- let CSS themes pass constants to the app -->
+    <div id="mx_theme_accentColor"></div><div id="mx_theme_secondaryAccentColor"></div><div id="mx_theme_tertiaryAccentColor"></div>
+
+    <!-- We eagerly create these containers to ensure their CSS stacking context order is sensible -->
+    <div id="mx_PersistedElement_container"></div>
+    <div id="mx_Dialog_StaticContainer"></div>
+    <div id="mx_Dialog_Container"></div>
+    <div id="mx_ContextualMenu_Container"></div>
+  </body>
+</html>
diff --git a/apps/web/src/vector/index.ts b/apps/web/src/vector/index.ts
new file mode 100644
index 00000000000..586b55a0527
--- /dev/null
+++ b/apps/web/src/vector/index.ts
@@ -0,0 +1,270 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2018, 2019 New Vector Ltd
+Copyright 2017 Vector Creations 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.
+*/
+
+import { logger } from "matrix-js-sdk/src/logger";
+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 { parseAppUrl } from "./url_utils";
+import "./modernizr.cjs";
+import { polyfillTouchEvent } from "../@types/polyfill";
+
+import "../../res/css/_index.pcss";
+// Require common CSS here; this will make webpack process it into bundle.css.
+// Our own CSS (which is themed) is imported via separate webpack entry points
+// in webpack.config.js
+// eslint-disable-next-line @typescript-eslint/no-require-imports,import/no-commonjs,unicorn/prefer-module
+require("katex/dist/katex.css");
+
+// eslint-disable-next-line @typescript-eslint/no-require-imports,import/no-commonjs,unicorn/prefer-module
+require("./localstorage-fix");
+
+// Patch a fake window.TouchEvent for re-resizable's unguarded `instanceof TouchEvent`.
+polyfillTouchEvent();
+
+async function settled(...promises: Array<Promise<any>>): Promise<void> {
+    for (const prom of promises) {
+        try {
+            await prom;
+        } catch (e) {
+            logger.error(e);
+        }
+    }
+}
+
+function checkBrowserFeatures(): boolean {
+    if (!window.Modernizr) {
+        logger.error("Cannot check features - Modernizr global is missing.");
+        return false;
+    }
+
+    // Custom checks atop Modernizr because it doesn't have checks in it for
+    // some features we depend on.
+    // Modernizr requires rules to be lowercase with no punctuation.
+    // ES2018: http://262.ecma-international.org/9.0/#sec-promise.prototype.finally
+    window.Modernizr.addTest("promiseprototypefinally", () => typeof window.Promise?.prototype?.finally === "function");
+    // ES2020: http://262.ecma-international.org/#sec-promise.allsettled
+    window.Modernizr.addTest("promiseallsettled", () => typeof window.Promise?.allSettled === "function");
+    // ES2024: https://2ality.com/2024/05/proposal-promise-with-resolvers.html
+    window.Modernizr.addTest("promisewithresolvers", () => typeof window.Promise?.withResolvers === "function");
+    // ES2018: https://262.ecma-international.org/9.0/#sec-get-regexp.prototype.dotAll
+    window.Modernizr.addTest(
+        "regexpdotall",
+        () => window.RegExp?.prototype && !!Object.getOwnPropertyDescriptor(window.RegExp.prototype, "dotAll")?.get,
+    );
+    // ES2019: http://262.ecma-international.org/10.0/#sec-object.fromentries
+    window.Modernizr.addTest("objectfromentries", () => typeof window.Object?.fromEntries === "function");
+    // ES2024: https://402.ecma-international.org/9.0/#sec-intl.segmenter
+    // The built-in modernizer 'intl' check only checks for the presence of the Intl object, not the Segmenter,
+    // and older Firefox has the former but not the latter, so we add our own.
+    // This is polyfilled now, but we still want to show the warning because we want to remove the polyfill
+    // at some point.
+    window.Modernizr.addTest("intlsegmenter", () => typeof window.Intl?.Segmenter === "function");
+
+    // Basic test for WebAssembly support. We could also try instantiating a simple module,
+    // although this would start to make (more) assumptions about how rust-crypto loads its wasm.
+    window.Modernizr.addTest("wasm", () => typeof WebAssembly === "object" && typeof WebAssembly.Module === "function");
+
+    // Check that the session is in a secure context otherwise most Crypto & WebRTC APIs will be unavailable
+    // https://developer.mozilla.org/en-US/docs/Web/API/Window/isSecureContext
+    window.Modernizr.addTest("securecontext", () => window.isSecureContext);
+
+    const featureList = Object.keys(window.Modernizr) as Array<keyof ModernizrStatic>;
+
+    let featureComplete = true;
+    for (const feature of featureList) {
+        if (window.Modernizr[feature] === undefined) {
+            logger.error(
+                "Looked for feature '%s' but Modernizr has no results for this. Has it been configured correctly?",
+                feature,
+            );
+            return false;
+        }
+        if (window.Modernizr[feature] === false) {
+            logger.error("Browser missing feature: '%s'", feature);
+            // toggle flag rather than return early so we log all missing features rather than just the first.
+            featureComplete = false;
+        }
+    }
+    return featureComplete;
+}
+
+const supportedBrowser = checkBrowserFeatures();
+
+// React depends on Map & Set which we check for using modernizr's es6collections
+// if modernizr fails we may not have a functional react to show the error message.
+// try in react but fallback to an `alert`
+// We start loading stuff but don't block on it until as late as possible to allow
+// the browser to use as much parallelism as it can.
+// 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.js");
+    }
+
+    // load init.ts async so that its code is not executed immediately and we can catch any exceptions
+    const {
+        rageshakePromise,
+        setupLogStorage,
+        preparePlatform,
+        loadConfig,
+        loadLanguage,
+        loadTheme,
+        loadApp,
+        loadModules,
+        loadPlugins,
+        showError,
+        showIncompatibleBrowser,
+        _t,
+        extractErrorMessageFromError,
+    } = await import(
+        /* webpackChunkName: "init" */
+        /* webpackPreload: true */
+        "./init"
+    );
+
+    // Now perform the next stage of initialisation. This has its own try/catch in which we render
+    // a react error page on failure.
+    try {
+        // give rageshake a chance to load/fail, we don't actually assert rageshake loads, we allow it to fail if no IDB
+        await settled(rageshakePromise);
+
+        const parsedUrl = parseAppUrl(window.location);
+
+        // don't try to redirect to the native apps if we're
+        // verifying a 3pid (but after we've loaded the config)
+        // or if the user is following a deep link
+        // (https://github.com/element-hq/element-web/issues/7378)
+        const preventRedirect = !!parsedUrl.params.threepid || parsedUrl.location.length > 0;
+
+        if (!preventRedirect) {
+            const isIos = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+            const isAndroid = /Android/.test(navigator.userAgent);
+            if (isIos || isAndroid) {
+                if (sessionStorage.getItem("skip_mobile_redirect") !== "true") {
+                    window.location.href = "mobile_guide/";
+                    return;
+                }
+            }
+        }
+
+        // set the platform for react sdk
+        preparePlatform();
+        // load config requires the platform to be ready
+        const loadConfigPromise = loadConfig();
+        await settled(loadConfigPromise); // wait for it to settle
+        // keep initialising so that we can show any possible error with as many features (theme, i18n) as possible
+
+        // now that the config is ready, try to persist logs
+        const persistLogsPromise = setupLogStorage();
+
+        // Load language after loading config.json so that settingsDefaults.language can be applied
+        const loadLanguagePromise = loadLanguage();
+        // as quickly as we possibly can, set a default theme...
+        const loadThemePromise = loadTheme();
+        // await things settling so that any errors we have to render have features like i18n running
+        await settled(loadThemePromise, loadLanguagePromise);
+
+        const loadModulesPromise = loadModules();
+        await settled(loadModulesPromise);
+        const loadPluginsPromise = loadPlugins();
+        await settled(loadPluginsPromise);
+
+        let acceptBrowser = supportedBrowser;
+        if (!acceptBrowser && window.localStorage) {
+            acceptBrowser = Boolean(window.localStorage.getItem("mx_accepts_unsupported_browser"));
+        }
+
+        // ##########################
+        // error handling begins here
+        // ##########################
+        if (!acceptBrowser) {
+            await new Promise<void>((resolve, reject) => {
+                logger.error("Browser is missing required features.");
+                // take to a different landing page to AWOOOOOGA at the user
+                showIncompatibleBrowser(() => {
+                    if (window.localStorage) {
+                        window.localStorage.setItem("mx_accepts_unsupported_browser", String(true));
+                    }
+                    logger.log("User accepts the compatibility risks.");
+                    resolve();
+                }).catch(reject);
+            });
+        }
+
+        try {
+            // await config here
+            await loadConfigPromise;
+        } catch (error) {
+            // Now that we've loaded the theme (CSS), display the config syntax error if needed.
+            if (error instanceof SyntaxError) {
+                // This uses the default brand since the app config is unavailable.
+                return showError(_t("error|misconfigured"), [
+                    _t("error|invalid_json"),
+                    _t("error|invalid_json_detail", {
+                        message: error.message || _t("error|invalid_json_generic"),
+                    }),
+                ]);
+            }
+            return showError(_t("error|cannot_load_config"));
+        }
+
+        // ##################################
+        // app load critical path starts here
+        // assert things started successfully
+        // ##################################
+        await loadPluginsPromise;
+        await loadModulesPromise;
+        await loadThemePromise;
+        await loadLanguagePromise;
+
+        // We don't care if the log persistence made it through successfully, but we do want to
+        // make sure it had a chance to load before we move on. It's prepared much higher up in
+        // the process, making this the first time we check that it did something.
+        await settled(persistLogsPromise);
+
+        // Finally, load the app. All of the other react-sdk imports are in this file which causes the skinner to
+        // run on the components.
+        await loadApp(parsedUrl.params);
+    } catch (err) {
+        logger.error(err);
+        // Like the compatibility page, AWOOOOOGA at the user
+        // This uses the default brand since the app config is unavailable.
+        await showError(_t("error|misconfigured"), [
+            extractErrorMessageFromError(err, _t("error|app_launch_unexpected_error")),
+        ]);
+    }
+}
+
+start().catch((err) => {
+    // If we get here, things have gone terribly wrong and we cannot load the app javascript at all.
+    // Show a different, very simple iframed-static error page. Or actually, one of two different ones
+    // depending on whether the browser is supported (ie. we think we should be able to load but
+    // failed) or unsupported (where we tried anyway and, lo and behold, we failed).
+    logger.error(err);
+    // show the static error in an iframe to not lose any context / console data
+    // with some basic styling to make the iframe full page
+    document.body.style.removeProperty("height");
+    const iframe = document.createElement("iframe");
+    // @ts-ignore - typescript seems to only like the IE syntax for iframe sandboxing
+    iframe["sandbox"] = "";
+    iframe.src = supportedBrowser ? "static/unable-to-load.html" : "static/incompatible-browser.html";
+    iframe.style.width = "100%";
+    iframe.style.height = "100%";
+    iframe.style.position = "absolute";
+    iframe.style.top = "0";
+    iframe.style.left = "0";
+    iframe.style.right = "0";
+    iframe.style.bottom = "0";
+    iframe.style.border = "0";
+    document.getElementById("matrixchat")?.appendChild(iframe);
+});
diff --git a/apps/web/src/vector/init.test.ts b/apps/web/src/vector/init.test.ts
new file mode 100644
index 00000000000..37d0582be82
--- /dev/null
+++ b/apps/web/src/vector/init.test.ts
@@ -0,0 +1,90 @@
+/*
+Copyright 2024 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.
+*/
+
+// @vitest-environment happy-dom
+// @vitest-environment-options {"url": "https://app.element.io/?loginToken=123&no_universal_links&something_else=value#/home?state=abc&code=xyz"}
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import fetchMock from "@fetch-mock/vitest";
+import { waitFor, screen } from "test-utils-rtl";
+
+import { loadApp, showError, showIncompatibleBrowser } from "./init.tsx";
+import SdkConfig from "../SdkConfig.ts";
+import MatrixChat from "../components/structures/MatrixChat.tsx";
+import { parseAppUrl } from "./url_utils.ts";
+
+function setUpMatrixChatDiv() {
+    document.getElementById("matrixchat")?.remove();
+    const div = document.createElement("div");
+    div.id = "matrixchat";
+    document.body.appendChild(div);
+}
+
+describe("showIncompatibleBrowser", () => {
+    beforeEach(setUpMatrixChatDiv);
+
+    it("should match snapshot", async () => {
+        await showIncompatibleBrowser(vi.fn());
+        await screen.findByText("Element does not support this browser");
+        expect(document.getElementById("matrixchat")).toMatchSnapshot();
+    });
+});
+
+describe("showError", () => {
+    beforeEach(setUpMatrixChatDiv);
+
+    it("should match snapshot", async () => {
+        await showError("Error title", ["msg1", "msg2"]);
+        await screen.findByText("Error title");
+        expect(document.getElementById("matrixchat")).toMatchSnapshot();
+    });
+});
+
+describe("loadApp", () => {
+    beforeEach(setUpMatrixChatDiv);
+
+    beforeEach(async () => {
+        fetchMock.get("https://matrix.org/_matrix/client/versions", { versions: ["v1.6"] });
+        SdkConfig.put({ default_server_config: { "m.homeserver": { base_url: "https://matrix.org" } } });
+    });
+
+    it("should set window.matrixChat to the MatrixChat instance", async () => {
+        await loadApp({});
+        await waitFor(() => expect(window.matrixChat).toBeInstanceOf(MatrixChat));
+    });
+
+    it("should replace the previous app rather than leaving it mounted", async () => {
+        await loadApp({});
+        await waitFor(() => expect(window.matrixChat).toBeInstanceOf(MatrixChat));
+        const first = window.matrixChat;
+
+        // Count only what the second load does. We track the mounted/unmounted delta rather than raw
+        // mount count, as StrictMode's extra mount/unmount cycle cancels out in the difference.
+        const mounted = vi.spyOn(MatrixChat.prototype, "componentDidMount");
+        const unmounted = vi.spyOn(MatrixChat.prototype, "componentWillUnmount");
+        const delta = (): number => mounted.mock.calls.length - unmounted.mock.calls.length;
+
+        setUpMatrixChatDiv();
+        await loadApp({});
+        await waitFor(() => expect(window.matrixChat).not.toBe(first));
+
+        // The new app replaces the old one, so the number of live apps is unchanged. A second root over
+        // the same container would instead leave the first tree mounted against a detached node, with both
+        // copies still driven by the dispatcher and the client peg.
+        await waitFor(() => expect(delta()).toBe(0));
+    });
+
+    it("should pass onTokenLoginCompleted which strips searchParams & fragment to MatrixChat", async () => {
+        const spy = vi.spyOn(window.history, "replaceState");
+
+        await loadApp({});
+        await waitFor(() => expect(window.matrixChat).toBeInstanceOf(MatrixChat));
+        window.matrixChat!.props.onTokenLoginCompleted(parseAppUrl(window.location).params, "/home");
+
+        expect(spy).toHaveBeenCalledWith(null, "", "https://app.element.io/?something_else=value#/home");
+    });
+});
diff --git a/apps/web/src/vector/init.tsx b/apps/web/src/vector/init.tsx
new file mode 100644
index 00000000000..208f29d0bf4
--- /dev/null
+++ b/apps/web/src/vector/init.tsx
@@ -0,0 +1,177 @@
+/*
+Copyright 2018-2024 New Vector Ltd.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2017 Vector Creations 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.
+*/
+
+import { createRoot, type Root } from "react-dom/client";
+import React, { StrictMode } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { ModuleLoader } from "@element-hq/element-web-module-api";
+import { getNormalizedLanguageKeys } from "@element-hq/web-shared-components";
+
+import { getLanguagesFromBrowser } from "../i18n/browser";
+import { setLanguage } from "../i18n/settings";
+import { getCurrentLanguage } from "../i18n";
+import SettingsStore from "../settings/SettingsStore";
+import PlatformPeg from "../PlatformPeg";
+import SdkConfig from "../SdkConfig";
+import { setTheme } from "../theme";
+import { ModuleRunner } from "../modules/ModuleRunner";
+import type MatrixChat from "../components/structures/MatrixChat";
+import ElectronPlatform from "./platform/ElectronPlatform";
+import PWAPlatform from "./platform/PWAPlatform";
+import WebPlatform from "./platform/WebPlatform";
+import { initRageshake, initRageshakeStore } from "./rageshakesetup";
+import { ModuleApi } from "../modules/Api.ts";
+import { type URLParams } from "./url_utils.ts";
+
+export const rageshakePromise = initRageshake();
+
+let root: Root | undefined;
+let rootContainer: Element | undefined;
+
+/**
+ * Get the React root for the `#matrixchat` container.
+ *
+ * These views replace one another (`showError` may be called after `loadApp`, for instance), so they share a
+ * single root: calling `createRoot` again for the same container leaves the previous tree mounted and running
+ * against a detached DOM node, with both copies still subscribed to the dispatcher and the client peg.
+ */
+function getRoot(): Root {
+    const container = document.getElementById("matrixchat")!;
+    if (root && rootContainer === container) return root;
+    root?.unmount();
+    rootContainer = container;
+    root = createRoot(container);
+    return root;
+}
+
+export function preparePlatform(): void {
+    if (window.electron) {
+        logger.log("Using Electron platform");
+        PlatformPeg.set(new ElectronPlatform());
+    } else if (window.matchMedia("(display-mode: standalone)").matches) {
+        logger.log("Using PWA platform");
+        PlatformPeg.set(new PWAPlatform());
+    } else {
+        logger.log("Using Web platform");
+        PlatformPeg.set(new WebPlatform());
+    }
+}
+
+export function setupLogStorage(): Promise<void> {
+    if (SdkConfig.get().bug_report_endpoint_url) {
+        return initRageshakeStore();
+    }
+    logger.warn("No bug report endpoint set - logs will not be persisted");
+    return Promise.resolve();
+}
+
+export async function loadConfig(): Promise<void> {
+    // XXX: We call this twice, once here and once in MatrixChat as a prop. We call it here to ensure
+    // granular settings are loaded correctly and to avoid duplicating the override logic for the theme.
+    //
+    // Note: this isn't called twice for some wrappers, like the Jitsi wrapper.
+    const platformConfig = await PlatformPeg.get()?.getConfig();
+    if (platformConfig) {
+        SdkConfig.put(platformConfig);
+    } else {
+        SdkConfig.reset();
+    }
+}
+
+export async function loadLanguage(): Promise<void> {
+    const prefLang = SettingsStore.getValue("language", null, /*excludeDefault=*/ true);
+    let langs: string[] = [];
+
+    if (!prefLang) {
+        langs = getLanguagesFromBrowser().flatMap(getNormalizedLanguageKeys);
+    } else {
+        langs = [prefLang];
+    }
+    try {
+        await setLanguage(...langs);
+        document.documentElement.setAttribute("lang", getCurrentLanguage());
+    } catch (e) {
+        logger.error("Unable to set language", e);
+    }
+}
+
+export async function loadTheme(): Promise<void> {
+    return setTheme();
+}
+
+export async function loadApp(urlParams: URLParams): Promise<void> {
+    // load app.js async so that its code is not executed immediately and we can catch any exceptions
+    const module = await import(
+        /* webpackChunkName: "element-web-app" */
+        /* webpackPreload: true */
+        "./app"
+    );
+    function setWindowMatrixChat(matrixChat: MatrixChat): void {
+        window.matrixChat = matrixChat;
+    }
+    const app = await module.loadApp(urlParams, setWindowMatrixChat);
+    getRoot().render(app);
+}
+
+export async function showError(title: string, messages?: string[]): Promise<void> {
+    const { ErrorView } = await import(
+        /* webpackChunkName: "error-view" */
+        "../async-components/structures/ErrorView"
+    );
+    getRoot().render(
+        <StrictMode>
+            <ErrorView title={title} messages={messages} />
+        </StrictMode>,
+    );
+}
+
+export async function showIncompatibleBrowser(onAccept: () => void): Promise<void> {
+    const { UnsupportedBrowserView } = await import(
+        /* webpackChunkName: "error-view" */
+        "../async-components/structures/ErrorView"
+    );
+    getRoot().render(
+        <StrictMode>
+            <UnsupportedBrowserView onAccept={onAccept} />
+        </StrictMode>,
+    );
+}
+
+/**
+ * @deprecated in favour of the plugin system
+ */
+export async function loadModules(): Promise<void> {
+    const { INSTALLED_MODULES } = await import("../modules.js");
+    for (const InstalledModule of INSTALLED_MODULES) {
+        ModuleRunner.instance.registerModule((api) => new InstalledModule(api));
+    }
+}
+
+export async function loadPlugins(): Promise<void> {
+    // Add React to the global namespace, this is part of the new Module API contract to avoid needing
+    // every single module to ship its own copy of React. This also makes it easier to access via the console
+    // and incidentally means we can forget our React imports in JSX files without penalty.
+    window.React = React;
+
+    const modules = SdkConfig.get("modules");
+    if (!modules?.length) return;
+    const moduleLoader = new ModuleLoader(ModuleApi.instance);
+    window.mxModuleLoader = moduleLoader;
+    for (const src of modules) {
+        // We need to instruct webpack to not mangle this import as it is not available at compile time
+        const module = await import(/* webpackIgnore: true */ src);
+        await moduleLoader.load(module);
+    }
+    await moduleLoader.start();
+}
+
+export { _t } from "../languageHandler";
+
+export { extractErrorMessageFromError } from "../components/views/dialogs/ErrorDialog";
diff --git a/apps/web/src/vector/jitsi/index.html b/apps/web/src/vector/jitsi/index.html
new file mode 100644
index 00000000000..a81d9917e92
--- /dev/null
+++ b/apps/web/src/vector/jitsi/index.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <title>Jitsi Widget</title>
+    </head>
+    <body>
+        <div id="jitsiContainer"><!-- the js will put the conference here --></div>
+        <div id="joinButtonContainer">
+            <div class="joinConferenceFloating">
+                <div class="joinConferencePrompt">
+                    <%= require('@vector-im/compound-design-tokens/icons/video-call-solid.svg?raw') %>
+                    <!-- TODO: i18n -->
+                    <h2>Jitsi Video Conference</h2>
+                    <div id="widgetActionContainer">
+                        <button type="button" id="joinButton">Join Conference</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- This script is not webpacked, and the script is downloaded at build time -->
+        <script src="./jitsi_external_api.min.js"></script>
+    </body>
+</html>
diff --git a/apps/web/src/vector/jitsi/index.pcss b/apps/web/src/vector/jitsi/index.pcss
new file mode 100644
index 00000000000..33d51706582
--- /dev/null
+++ b/apps/web/src/vector/jitsi/index.pcss
@@ -0,0 +1,104 @@
+/*
+Copyright 2020-2024 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.
+*/
+
+/* TODO: Match the user's theme: https://github.com/element-hq/element-web/issues/12794 */
+
+@import url("@vector-im/compound-design-tokens/assets/web/css/compound-design-tokens.css");
+
+@font-face {
+    font-family: "Nunito";
+    font-style: normal;
+    font-weight: 400;
+    src: url("/res/fonts/Nunito/Nunito-Regular.ttf") format("truetype");
+}
+
+$dark-fg: #edf3ff;
+$dark-bg: #363c43;
+$light-fg: #2e2f32;
+$light-bg: #fff;
+body {
+    font-family: Nunito, Arial, Helvetica, sans-serif;
+    background-color: $dark-bg;
+    color: $dark-fg;
+}
+
+body.theme-light {
+    background-color: $light-bg;
+    color: $light-fg;
+}
+
+body,
+html {
+    padding: 0;
+    margin: 0;
+}
+
+#jitsiContainer {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+#joinButtonContainer {
+    display: table;
+    position: absolute;
+    height: 100%;
+    width: 100%;
+
+    /* Hidden by default to avoid flashing the prejoin screen at the user when */
+    /* we're supposed to skip it anyways */
+    visibility: hidden;
+}
+
+.joinConferenceFloating {
+    display: table-cell;
+    vertical-align: middle;
+}
+
+.joinConferencePrompt {
+    margin-left: auto;
+    margin-right: auto;
+    width: 90%;
+    text-align: center;
+}
+
+#joinButton {
+    /* Copy of Compound Button styles */
+    border: 1px solid var(--cpd-color-bg-action-primary-rest);
+    color: var(--cpd-color-text-on-solid-primary);
+    background-color: var(--cpd-color-bg-action-primary-rest);
+    padding-block: var(--cpd-space-2x);
+    padding-inline: var(--cpd-space-8x);
+    min-block-size: var(--cpd-space-12x);
+    text-align: center;
+    border-radius: 24px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font: var(--cpd-font-body-lg-semibold);
+    border: none;
+    word-break: keep-all;
+    cursor: pointer;
+}
+
+.joinConferencePrompt svg {
+    $icon-size: 42px;
+    /* to visually center the form */
+    margin: -$icon-size auto 0;
+
+    color: $dark-fg;
+    mask-size: $icon-size;
+    display: block;
+    width: $icon-size;
+    height: $icon-size;
+}
+
+body.theme-light .joinConferencePrompt svg {
+    color: $light-fg;
+}
diff --git a/apps/web/src/vector/jitsi/index.ts b/apps/web/src/vector/jitsi/index.ts
new file mode 100644
index 00000000000..09e1e8bc343
--- /dev/null
+++ b/apps/web/src/vector/jitsi/index.ts
@@ -0,0 +1,551 @@
+/*
+Copyright 2020-2024 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 { KJUR } from "jsrsasign";
+import {
+    type IOpenIDCredentials,
+    type IWidgetApiRequest,
+    type IWidgetApiRequestData,
+    type IWidgetApiResponseData,
+    VideoConferenceCapabilities,
+    WidgetApi,
+    type WidgetApiAction,
+} from "matrix-widget-api";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import type {
+    JitsiMeetExternalAPIConstructor,
+    ExternalAPIEventCallbacks,
+    JitsiMeetExternalAPI as _JitsiMeetExternalAPI,
+    LogEvent,
+    VideoMuteStatusChangedEvent,
+    ExternalAPIOptions as _ExternalAPIOptions,
+    Config as _Config,
+    InterfaceConfig as _InterfaceConfig,
+} from "jitsi-meet";
+import { ElementWidgetActions } from "../../stores/widgets/ElementWidgetActions";
+import { type IConfigOptions } from "../../IConfigOptions";
+import { SnakedObject } from "../../utils/SnakedObject";
+import { ElementWidgetCapabilities } from "../../stores/widgets/ElementWidgetCapabilities";
+import { getVectorConfig } from "../getconfig";
+
+// We have to trick webpack into loading our CSS for us.
+import "./index.pcss";
+
+interface Config extends _Config {
+    // Jitsi's types are missing these fields
+    prejoinConfig?: {
+        enabled: boolean;
+        hideDisplayName?: boolean;
+        hideExtraJoinButtons?: string[];
+    };
+    toolbarButtons?: string[];
+    conferenceInfo?: {
+        alwaysVIsible?: string[];
+        autoHide?: string[];
+    };
+    disableSelfViewSettings?: boolean;
+}
+
+interface InterfaceConfig extends _InterfaceConfig {
+    // XXX: It is unclear whether this is a typo of TOOLBAR_BUTTONS or if its just really undocumented,
+    // either way it is missing in types, yet we try and use it
+    MAIN_TOOLBAR_BUTTONS?: string[];
+}
+
+interface ExternalAPIOptions extends _ExternalAPIOptions {
+    configOverwrite?: Config;
+    interfaceConfigOverwrite?: InterfaceConfig;
+    // Jitsi's types are missing these fields
+    lang?: string;
+}
+
+const JITSI_OPENIDTOKEN_JWT_AUTH = "openidtoken-jwt";
+
+// Dev note: we use raw JS without many dependencies to reduce bundle size.
+// We do not need all of React to render a Jitsi conference.
+
+declare let JitsiMeetExternalAPI: JitsiMeetExternalAPIConstructor;
+
+let inConference = false;
+
+// Jitsi params
+let jitsiDomain: string;
+let conferenceId: string;
+let displayName: string;
+let avatarUrl: string;
+let userId: string;
+let jitsiAuth: string;
+let roomId: string;
+let roomName: string;
+let startAudioOnly: boolean;
+let startWithAudioMuted: boolean | undefined;
+let startWithVideoMuted: boolean | undefined;
+let isVideoChannel: boolean;
+let supportsScreensharing: boolean;
+let language: string;
+
+let widgetApi: WidgetApi | undefined;
+let meetApi: _JitsiMeetExternalAPI | undefined;
+let skipOurWelcomeScreen = false;
+
+async function checkAudioVideoEnabled(): Promise<[audioEnabled: boolean, videoEnabled: boolean]> {
+    if (!meetApi) return [false, false];
+    const [audioEnabled, videoEnabled] = (await Promise.all([meetApi.isAudioMuted(), meetApi.isVideoMuted()])).map(
+        (muted) => !muted,
+    );
+    return [audioEnabled, videoEnabled];
+}
+
+const setupCompleted = (async (): Promise<string | void> => {
+    try {
+        // Queue a config.json lookup asap, so we can use it later on. We want this to be concurrent with
+        // other setup work and therefore do not block.
+        const configPromise = getVectorConfig();
+
+        // The widget's options are encoded into the fragment to avoid leaking info to the server.
+        const widgetQuery = new URLSearchParams(window.location.hash.substring(1));
+        // The widget spec on the other hand requires the widgetId and parentUrl to show up in the regular query string.
+        const realQuery = new URLSearchParams(window.location.search.substring(1));
+        const qsParam = (name: string, optional = false): string => {
+            const vals = widgetQuery.has(name) ? widgetQuery.getAll(name) : realQuery.getAll(name);
+            if (!optional && vals.length !== 1) {
+                throw new Error(`Expected singular ${name} in query string`);
+            }
+            return vals[0];
+        };
+        const parseBooleanOrUndefined = (value: string | undefined): boolean | undefined => {
+            if (value === undefined) {
+                return undefined;
+            }
+
+            return value === "true";
+        };
+
+        // If we have these params, expect a widget API to be available (ie. to be in an iframe
+        // inside a matrix client). Otherwise, assume we're on our own, eg. have been popped
+        // out into a browser.
+        const parentUrl = qsParam("parentUrl", true);
+        const widgetId = qsParam("widgetId", true);
+        const theme = qsParam("theme", true);
+        language = qsParam("language", true) ?? "en";
+
+        if (theme) {
+            document.body.classList.add(`theme-${theme.replace(" ", "_")}`);
+        }
+
+        // Set this up as early as possible because Element will be hitting it almost immediately.
+        let widgetApiReady: Promise<void> | undefined;
+        if (parentUrl && widgetId) {
+            const parentOrigin = new URL(qsParam("parentUrl")).origin;
+            widgetApi = new WidgetApi(qsParam("widgetId"), parentOrigin);
+
+            widgetApiReady = new Promise<void>((resolve) => widgetApi!.once("ready", resolve));
+            widgetApi.requestCapabilities(VideoConferenceCapabilities);
+
+            // jitsi cannot work in a popup if auth token is provided because widgetApi is not available there
+            // so check the token and request the 'requires_client' capability to hide the popup icon in the Element
+            if (qsParam("auth", true) === "openidtoken-jwt") {
+                widgetApi.requestCapability(ElementWidgetCapabilities.RequiresClient);
+            }
+
+            widgetApi.start();
+
+            const handleAction = (
+                action: WidgetApiAction,
+                handler: (request: IWidgetApiRequestData) => Promise<IWidgetApiResponseData | void>,
+            ): void => {
+                widgetApi!.on(`action:${action}`, async (ev: CustomEvent<IWidgetApiRequest>) => {
+                    ev.preventDefault();
+                    await setupCompleted;
+
+                    let response: IWidgetApiResponseData;
+                    try {
+                        response = (await handler(ev.detail.data)) ?? {};
+                    } catch (e) {
+                        if (e instanceof Error) {
+                            response = { error: { message: e.message } };
+                        } else {
+                            throw e;
+                        }
+                    }
+
+                    widgetApi!.transport.reply(ev.detail, response);
+                });
+            };
+
+            handleAction(ElementWidgetActions.JoinCall, async ({ audioInput, videoInput }) => {
+                void joinConference(audioInput as string | null, videoInput as string | null);
+            });
+            handleAction(ElementWidgetActions.HangupCall, async ({ force }) => {
+                if (force === true) {
+                    meetApi?.dispose();
+                    void notifyHangup();
+                    meetApi = undefined;
+                    closeConference();
+                } else {
+                    meetApi?.executeCommand("hangup");
+                }
+            });
+            handleAction(ElementWidgetActions.DeviceMute, async (params) => {
+                if (!meetApi) return;
+
+                const [audioEnabled, videoEnabled] = await checkAudioVideoEnabled();
+
+                if (Object.keys(params).length === 0) {
+                    // Handle query
+                    return {
+                        audio_enabled: audioEnabled,
+                        video_enabled: videoEnabled,
+                    };
+                }
+
+                if (params.audio_enabled !== audioEnabled) {
+                    meetApi.executeCommand("toggleAudio");
+                }
+                if (params.video_enabled !== videoEnabled) {
+                    meetApi.executeCommand("toggleVideo");
+                }
+                return params;
+            });
+            handleAction(ElementWidgetActions.TileLayout, async () => {
+                meetApi?.executeCommand("setTileView", true);
+            });
+            handleAction(ElementWidgetActions.SpotlightLayout, async () => {
+                meetApi?.executeCommand("setTileView", false);
+            });
+            handleAction(ElementWidgetActions.StartLiveStream, async ({ rtmpStreamKey }) => {
+                if (!meetApi) throw new Error("Conference not joined");
+                meetApi.executeCommand("startRecording", {
+                    mode: "stream",
+                    // this looks like it should be rtmpStreamKey but we may be on too old
+                    // a version of jitsi meet
+                    //rtmpStreamKey,
+                    youtubeStreamKey: rtmpStreamKey,
+                });
+            });
+        } else {
+            logger.warn("No parent URL or no widget ID - assuming no widget API is available");
+        }
+
+        // Populate the Jitsi params now
+        jitsiDomain = qsParam("conferenceDomain");
+        conferenceId = qsParam("conferenceId");
+        displayName = qsParam("displayName", true);
+        avatarUrl = qsParam("avatarUrl", true); // http not mxc
+        userId = qsParam("userId");
+        jitsiAuth = qsParam("auth", true);
+        roomId = qsParam("roomId", true);
+        roomName = qsParam("roomName", true);
+        startAudioOnly = qsParam("isAudioOnly", true) === "true";
+        startWithAudioMuted = parseBooleanOrUndefined(qsParam("startWithAudioMuted", true));
+        startWithVideoMuted = parseBooleanOrUndefined(qsParam("startWithVideoMuted", true));
+        isVideoChannel = qsParam("isVideoChannel", true) === "true";
+        supportsScreensharing = qsParam("supportsScreensharing", true) === "true";
+
+        // We've reached the point where we have to wait for the config, so do that then parse it.
+        const instanceConfig = new SnakedObject<IConfigOptions>((await configPromise) ?? <IConfigOptions>{});
+        const jitsiConfig = instanceConfig.get("jitsi_widget");
+        if (jitsiConfig) {
+            skipOurWelcomeScreen = new SnakedObject(jitsiConfig).get("skip_built_in_welcome_screen") ?? false;
+        }
+
+        // Either reveal the prejoin screen, or skip straight to Jitsi depending on the config.
+        // We don't set up the call yet though as this might lead to failure without the widget API.
+        toggleConferenceVisibility(skipOurWelcomeScreen);
+
+        if (widgetApi) {
+            await widgetApiReady;
+        }
+
+        // Now that everything should be set up, skip to the Jitsi splash screen if needed
+        if (skipOurWelcomeScreen) {
+            skipToJitsiSplashScreen();
+        }
+
+        enableJoinButton(); // always enable the button
+    } catch (e) {
+        logger.error("Error setting up Jitsi widget", e);
+        document.getElementById("widgetActionContainer")!.innerText = "Failed to load Jitsi widget";
+    }
+})();
+
+function enableJoinButton(): void {
+    document.getElementById("joinButton")!.onclick = (): Promise<void> => joinConference();
+}
+
+function switchVisibleContainers(): void {
+    inConference = !inConference;
+
+    // Our welcome screen is managed by other code, so just don't switch to it ever
+    // if we're not supposed to.
+    if (!skipOurWelcomeScreen) {
+        toggleConferenceVisibility(inConference);
+    }
+}
+
+function toggleConferenceVisibility(inConference: boolean): void {
+    document.getElementById("jitsiContainer")!.style.visibility = inConference ? "unset" : "hidden";
+    document.getElementById("joinButtonContainer")!.style.visibility = inConference ? "hidden" : "unset";
+}
+
+function skipToJitsiSplashScreen(): void {
+    // really just a function alias for self-documenting code
+    void joinConference();
+}
+
+/**
+ * Create a JWT token for jitsi openidtoken-jwt auth
+ *
+ * See https://github.com/matrix-org/prosody-mod-auth-matrix-user-verification
+ */
+function createJWTToken(openIdToken: IOpenIDCredentials): string {
+    // Header
+    const header = { alg: "HS256", typ: "JWT" };
+    // Payload
+    const payload = {
+        // As per Jitsi token auth, `iss` needs to be set to something agreed between
+        // JWT generating side and Prosody config. Since we have no configuration for
+        // the widgets, we can't set one anywhere. Using the Jitsi domain here probably makes sense.
+        iss: jitsiDomain,
+        sub: jitsiDomain,
+        aud: `https://${jitsiDomain}`,
+        room: "*",
+        context: {
+            matrix: {
+                token: openIdToken.access_token,
+                room_id: roomId,
+                server_name: openIdToken.matrix_server_name,
+            },
+            user: {
+                avatar: avatarUrl,
+                name: displayName,
+            },
+        },
+    };
+    // Sign JWT
+    // The secret string here is irrelevant, we're only using the JWT
+    // to transport data to Prosody in the Jitsi stack.
+    return KJUR.jws.JWS.sign("HS256", JSON.stringify(header), JSON.stringify(payload), "notused");
+}
+
+async function notifyHangup(errorMessage?: string): Promise<void> {
+    if (widgetApi) {
+        // We send the hangup event before setAlwaysOnScreen, because the latter
+        // can cause the receiving side to instantly stop listening.
+        try {
+            await widgetApi.transport.send(ElementWidgetActions.HangupCall, { errorMessage });
+        } finally {
+            await widgetApi.setAlwaysOnScreen(false);
+        }
+    }
+}
+
+function closeConference(): void {
+    switchVisibleContainers();
+    document.getElementById("jitsiContainer")!.innerHTML = "";
+
+    if (skipOurWelcomeScreen) {
+        skipToJitsiSplashScreen();
+    }
+}
+
+// Converts from IETF language tags used by Element (en-US) to the format used
+// by Jitsi (enUS)
+function normalizeLanguage(language: string): string {
+    const [lang, variant] = language.replace("_", "-").split("-");
+
+    if (!variant || lang === variant) {
+        return lang;
+    }
+
+    return lang + variant.toUpperCase();
+}
+
+function mapLanguage(language: string): string {
+    // Element and Jitsi don't agree how to interpret en, so we go with Elements
+    // interpretation to stay consistent
+    switch (language) {
+        case "en":
+            return "enGB";
+        case "enUS":
+            return "en";
+        default:
+            return language;
+    }
+}
+
+// event handler bound in HTML
+// An audio input of undefined instructs Jitsi to start unmuted with whatever
+// audio input it can find, while an input of null instructs it to start muted,
+// and a non-nullish input specifies the label of a specific device to use.
+// Same for video inputs.
+async function joinConference(audioInput?: string | null, videoInput?: string | null): Promise<void> {
+    let jwt: string | undefined;
+    if (jitsiAuth === JITSI_OPENIDTOKEN_JWT_AUTH) {
+        // See https://github.com/matrix-org/prosody-mod-auth-matrix-user-verification
+        const openIdToken = await widgetApi?.requestOpenIDConnectToken();
+        logger.log("Got OpenID Connect token");
+
+        if (!openIdToken?.access_token) {
+            // We've failing to get a token, don't try to init conference
+            logger.warn("Expected to have an OpenID credential, cannot initialize widget.");
+            document.getElementById("widgetActionContainer")!.innerText = "Failed to load Jitsi widget";
+            return;
+        }
+        jwt = createJWTToken(openIdToken);
+    }
+
+    switchVisibleContainers();
+
+    logger.warn(
+        "[Jitsi Widget] The next few errors about failing to parse URL parameters are fine if " +
+            "they mention 'external_api' or 'jitsi' in the stack. They're just Jitsi Meet trying to parse " +
+            "our fragment values and not recognizing the options.",
+    );
+
+    const options: ExternalAPIOptions = {
+        width: "100%",
+        height: "100%",
+        parentNode: document.querySelector("#jitsiContainer") ?? undefined,
+        roomName: conferenceId,
+        devices: {
+            audioInput,
+            videoInput,
+        },
+        userInfo: {
+            displayName,
+            email: userId,
+        },
+        interfaceConfigOverwrite: {
+            SHOW_JITSI_WATERMARK: false,
+            SHOW_WATERMARK_FOR_GUESTS: false,
+            MAIN_TOOLBAR_BUTTONS: [],
+            VIDEO_LAYOUT_FIT: "height",
+        },
+        configOverwrite: {
+            subject: roomName,
+            startAudioOnly,
+            startWithAudioMuted: audioInput === null ? true : startWithAudioMuted,
+            startWithVideoMuted: videoInput === null ? true : startWithVideoMuted,
+            // Request some log levels for inclusion in rageshakes
+            // Ideally we would capture all possible log levels, but this can
+            // cause Jitsi Meet to try to post various circular data structures
+            // back over the iframe API, and therefore end up crashing
+            // https://github.com/jitsi/jitsi-meet/issues/11585
+            apiLogLevels: ["warn", "error"],
+        },
+        jwt: jwt,
+        lang: mapLanguage(normalizeLanguage(language)),
+    };
+
+    // Video channel widgets need some more tailored config options
+    if (isVideoChannel) {
+        // We don't skip jitsi's prejoin screen for video rooms.
+        options.configOverwrite!.prejoinConfig = { enabled: true };
+        // Use a simplified set of toolbar buttons
+        options.configOverwrite!.toolbarButtons = ["microphone", "camera", "tileview", "hangup"];
+        // Note: We can hide the screenshare button in video rooms but not in
+        // normal conference calls, since in video rooms we control exactly what
+        // set of controls appear, but in normal calls we need to leave that up
+        // to the deployment's configuration.
+        // https://github.com/element-hq/element-web/issues/4880#issuecomment-940002464
+        if (supportsScreensharing) options.configOverwrite!.toolbarButtons.splice(2, 0, "desktop");
+        // Hide all top bar elements
+        options.configOverwrite!.conferenceInfo = { autoHide: [] };
+        // Remove the ability to hide your own tile, since we're hiding the
+        // settings button which would be the only way to get it back
+        options.configOverwrite!.disableSelfViewSettings = true;
+    }
+
+    meetApi = new JitsiMeetExternalAPI(jitsiDomain, options);
+
+    // fires once when user joins the conference
+    // (regardless of video on or off)
+    meetApi.on("videoConferenceJoined", onVideoConferenceJoined);
+    meetApi.on("videoConferenceLeft", onVideoConferenceLeft);
+    meetApi.on("readyToClose", closeConference satisfies ExternalAPIEventCallbacks["readyToClose"]);
+    meetApi.on("errorOccurred", onErrorOccurred);
+    meetApi.on("audioMuteStatusChanged", onMuteStatusChanged);
+    meetApi.on("videoMuteStatusChanged", onVideoMuteStatusChanged);
+
+    (["videoConferenceJoined", "participantJoined", "participantLeft"] as const).forEach((event) => {
+        meetApi!.on(event, updateParticipants);
+    });
+
+    // Patch logs into rageshakes
+    meetApi.on("log", onLog);
+}
+
+const onVideoConferenceJoined = (): void => {
+    // Although we set our displayName with the userInfo option above, that
+    // option has a bug where it causes the name to be the HTML encoding of
+    // what was actually intended. So, we use the displayName command to at
+    // least ensure that the name is correct after entering the meeting.
+    // https://github.com/jitsi/jitsi-meet/issues/11664
+    // We can't just use these commands immediately after creating the
+    // iframe, because there's *another* bug where they can crash Jitsi by
+    // racing with its startup process.
+    if (displayName) meetApi?.executeCommand("displayName", displayName);
+    // This doesn't have a userInfo equivalent, so has to be set via commands
+    if (avatarUrl) meetApi?.executeCommand("avatarUrl", avatarUrl);
+
+    if (widgetApi) {
+        // ignored promise because we don't care if it works
+        // noinspection JSIgnoredPromiseFromCall
+        void widgetApi.setAlwaysOnScreen(true);
+        void widgetApi.transport.send(ElementWidgetActions.JoinCall, {});
+    }
+
+    // Video rooms should start in tile mode
+    if (isVideoChannel) meetApi?.executeCommand("setTileView", true);
+};
+
+const onVideoConferenceLeft = (): void => {
+    void notifyHangup();
+    meetApi = undefined;
+};
+
+const onErrorOccurred = ({ error }: Parameters<ExternalAPIEventCallbacks["errorOccurred"]>[0]): void => {
+    if (error.isFatal) {
+        // We got disconnected. Since Jitsi Meet might send us back to the
+        // prejoin screen, we're forced to act as if we hung up entirely.
+        void notifyHangup(error.message);
+        meetApi = undefined;
+        closeConference();
+    }
+};
+
+const onMuteStatusChanged = async (): Promise<void> => {
+    if (!meetApi) return;
+    const [audioEnabled, videoEnabled] = await checkAudioVideoEnabled();
+    void widgetApi?.transport.send(ElementWidgetActions.DeviceMute, {
+        audio_enabled: audioEnabled,
+        video_enabled: videoEnabled,
+    });
+};
+
+const onVideoMuteStatusChanged = ({ muted }: VideoMuteStatusChangedEvent): void => {
+    if (muted) {
+        // Jitsi Meet always sends a "video muted" event directly before
+        // hanging up, which we need to ignore by padding the timeout here,
+        // otherwise the React SDK will mistakenly think the user turned off
+        // their video by hand
+        setTimeout(() => onMuteStatusChanged, 200);
+    } else {
+        void onMuteStatusChanged();
+    }
+};
+
+const updateParticipants = (): void => {
+    void widgetApi?.transport.send(ElementWidgetActions.CallParticipants, {
+        participants: meetApi?.getParticipantsInfo(),
+    });
+};
+
+const onLog = ({ logLevel, args }: LogEvent): void =>
+    (parent as unknown as typeof global).mx_rage_logger?.log(logLevel, ...args);
diff --git a/apps/web/src/vector/localstorage-fix.ts b/apps/web/src/vector/localstorage-fix.ts
new file mode 100644
index 00000000000..14b95aca787
--- /dev/null
+++ b/apps/web/src/vector/localstorage-fix.ts
@@ -0,0 +1,19 @@
+/*
+Copyright 2024 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.
+*/
+
+/**
+ * Because we've been saving a lot of additional logger data in the localStorage for no particular reason
+ * we need to, hopefully, unbrick user's devices by geting rid of unnecessary data.
+ * */
+
+if (window.localStorage) {
+    Object.keys(window.localStorage).forEach((key) => {
+        if (key.startsWith("loglevel:")) {
+            window.localStorage.removeItem(key);
+        }
+    });
+}
diff --git a/apps/web/src/vector/mobile_guide/assets/app-store-badge.svg b/apps/web/src/vector/mobile_guide/assets/app-store-badge.svg
new file mode 100755
index 00000000000..072b425a1ab
--- /dev/null
+++ b/apps/web/src/vector/mobile_guide/assets/app-store-badge.svg
@@ -0,0 +1,46 @@
+<svg id="livetype" xmlns="http://www.w3.org/2000/svg" width="119.66407" height="40" viewBox="0 0 119.66407 40">
+  <title>Download_on_the_App_Store_Badge_US-UK_RGB_blk_4SVG_092917</title>
+  <g>
+    <g>
+      <g>
+        <path d="M110.13477,0H9.53468c-.3667,0-.729,0-1.09473.002-.30615.002-.60986.00781-.91895.0127A13.21476,13.21476,0,0,0,5.5171.19141a6.66509,6.66509,0,0,0-1.90088.627A6.43779,6.43779,0,0,0,1.99757,1.99707,6.25844,6.25844,0,0,0,.81935,3.61816a6.60119,6.60119,0,0,0-.625,1.90332,12.993,12.993,0,0,0-.1792,2.002C.00587,7.83008.00489,8.1377,0,8.44434V31.5586c.00489.3105.00587.6113.01515.9219a12.99232,12.99232,0,0,0,.1792,2.0019,6.58756,6.58756,0,0,0,.625,1.9043A6.20778,6.20778,0,0,0,1.99757,38.001a6.27445,6.27445,0,0,0,1.61865,1.1787,6.70082,6.70082,0,0,0,1.90088.6308,13.45514,13.45514,0,0,0,2.0039.1768c.30909.0068.6128.0107.91895.0107C8.80567,40,9.168,40,9.53468,40H110.13477c.3594,0,.7246,0,1.084-.002.3047,0,.6172-.0039.9219-.0107a13.279,13.279,0,0,0,2-.1768,6.80432,6.80432,0,0,0,1.9082-.6308,6.27742,6.27742,0,0,0,1.6172-1.1787,6.39482,6.39482,0,0,0,1.1816-1.6143,6.60413,6.60413,0,0,0,.6191-1.9043,13.50643,13.50643,0,0,0,.1856-2.0019c.0039-.3106.0039-.6114.0039-.9219.0078-.3633.0078-.7246.0078-1.0938V9.53613c0-.36621,0-.72949-.0078-1.09179,0-.30664,0-.61426-.0039-.9209a13.5071,13.5071,0,0,0-.1856-2.002,6.6177,6.6177,0,0,0-.6191-1.90332,6.46619,6.46619,0,0,0-2.7988-2.7998,6.76754,6.76754,0,0,0-1.9082-.627,13.04394,13.04394,0,0,0-2-.17676c-.3047-.00488-.6172-.01074-.9219-.01269-.3594-.002-.7246-.002-1.084-.002Z" style="fill: #a6a6a6"/>
+        <path d="M8.44483,39.125c-.30468,0-.602-.0039-.90429-.0107a12.68714,12.68714,0,0,1-1.86914-.1631,5.88381,5.88381,0,0,1-1.65674-.5479,5.40573,5.40573,0,0,1-1.397-1.0166,5.32082,5.32082,0,0,1-1.02051-1.3965,5.72186,5.72186,0,0,1-.543-1.6572,12.41351,12.41351,0,0,1-.1665-1.875c-.00634-.2109-.01464-.9131-.01464-.9131V8.44434S.88185,7.75293.8877,7.5498a12.37039,12.37039,0,0,1,.16553-1.87207,5.7555,5.7555,0,0,1,.54346-1.6621A5.37349,5.37349,0,0,1,2.61183,2.61768,5.56543,5.56543,0,0,1,4.01417,1.59521a5.82309,5.82309,0,0,1,1.65332-.54394A12.58589,12.58589,0,0,1,7.543.88721L8.44532.875H111.21387l.9131.0127a12.38493,12.38493,0,0,1,1.8584.16259,5.93833,5.93833,0,0,1,1.6709.54785,5.59374,5.59374,0,0,1,2.415,2.41993,5.76267,5.76267,0,0,1,.5352,1.64892,12.995,12.995,0,0,1,.1738,1.88721c.0029.2832.0029.5874.0029.89014.0079.375.0079.73193.0079,1.09179V30.4648c0,.3633,0,.7178-.0079,1.0752,0,.3252,0,.6231-.0039.9297a12.73126,12.73126,0,0,1-.1709,1.8535,5.739,5.739,0,0,1-.54,1.67,5.48029,5.48029,0,0,1-1.0156,1.3857,5.4129,5.4129,0,0,1-1.3994,1.0225,5.86168,5.86168,0,0,1-1.668.5498,12.54218,12.54218,0,0,1-1.8692.1631c-.2929.0068-.5996.0107-.8974.0107l-1.084.002Z"/>
+      </g>
+      <g id="_Group_" data-name="&lt;Group&gt;">
+        <g id="_Group_2" data-name="&lt;Group&gt;">
+          <g id="_Group_3" data-name="&lt;Group&gt;">
+            <path id="_Path_" data-name="&lt;Path&gt;" d="M24.76888,20.30068a4.94881,4.94881,0,0,1,2.35656-4.15206,5.06566,5.06566,0,0,0-3.99116-2.15768c-1.67924-.17626-3.30719,1.00483-4.1629,1.00483-.87227,0-2.18977-.98733-3.6085-.95814a5.31529,5.31529,0,0,0-4.47292,2.72787c-1.934,3.34842-.49141,8.26947,1.3612,10.97608.9269,1.32535,2.01018,2.8058,3.42763,2.7533,1.38706-.05753,1.9051-.88448,3.5794-.88448,1.65876,0,2.14479.88448,3.591.8511,1.48838-.02416,2.42613-1.33124,3.32051-2.66914a10.962,10.962,0,0,0,1.51842-3.09251A4.78205,4.78205,0,0,1,24.76888,20.30068Z" style="fill: #fff"/>
+            <path id="_Path_2" data-name="&lt;Path&gt;" d="M22.03725,12.21089a4.87248,4.87248,0,0,0,1.11452-3.49062,4.95746,4.95746,0,0,0-3.20758,1.65961,4.63634,4.63634,0,0,0-1.14371,3.36139A4.09905,4.09905,0,0,0,22.03725,12.21089Z" style="fill: #fff"/>
+          </g>
+        </g>
+        <g>
+          <path d="M42.30227,27.13965h-4.7334l-1.13672,3.35645H34.42727l4.4834-12.418h2.083l4.4834,12.418H43.438ZM38.0591,25.59082h3.752l-1.84961-5.44727h-.05176Z" style="fill: #fff"/>
+          <path d="M55.15969,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H48.4302v1.50586h.03418a3.21162,3.21162,0,0,1,2.88281-1.60059C53.645,21.34766,55.15969,23.16406,55.15969,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C52.30227,29.01563,53.24953,27.81934,53.24953,25.96973Z" style="fill: #fff"/>
+          <path d="M65.12453,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H58.395v1.50586h.03418A3.21162,3.21162,0,0,1,61.312,21.34766C63.60988,21.34766,65.12453,23.16406,65.12453,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C62.26711,29.01563,63.21438,27.81934,63.21438,25.96973Z" style="fill: #fff"/>
+          <path d="M71.71047,27.03613c.1377,1.23145,1.334,2.04,2.96875,2.04,1.56641,0,2.69336-.80859,2.69336-1.91895,0-.96387-.67969-1.541-2.28906-1.93652l-1.60937-.3877c-2.28027-.55078-3.33887-1.61719-3.33887-3.34766,0-2.14258,1.86719-3.61426,4.51855-3.61426,2.624,0,4.42285,1.47168,4.4834,3.61426h-1.876c-.1123-1.23926-1.13672-1.9873-2.63379-1.9873s-2.52148.75684-2.52148,1.8584c0,.87793.6543,1.39453,2.25488,1.79l1.36816.33594c2.54785.60254,3.60645,1.626,3.60645,3.44238,0,2.32324-1.85059,3.77832-4.79395,3.77832-2.75391,0-4.61328-1.4209-4.7334-3.667Z" style="fill: #fff"/>
+          <path d="M83.34621,19.2998v2.14258h1.72168v1.47168H83.34621v4.99121c0,.77539.34473,1.13672,1.10156,1.13672a5.80752,5.80752,0,0,0,.61133-.043v1.46289a5.10351,5.10351,0,0,1-1.03223.08594c-1.833,0-2.54785-.68848-2.54785-2.44434V22.91406H80.16262V21.44238H81.479V19.2998Z" style="fill: #fff"/>
+          <path d="M86.065,25.96973c0-2.84863,1.67773-4.63867,4.29395-4.63867,2.625,0,4.29492,1.79,4.29492,4.63867,0,2.85645-1.66113,4.63867-4.29492,4.63867C87.72609,30.6084,86.065,28.82617,86.065,25.96973Zm6.69531,0c0-1.9541-.89551-3.10742-2.40137-3.10742s-2.40039,1.16211-2.40039,3.10742c0,1.96191.89453,3.10645,2.40039,3.10645S92.76027,27.93164,92.76027,25.96973Z" style="fill: #fff"/>
+          <path d="M96.18606,21.44238h1.77246v1.541h.043a2.1594,2.1594,0,0,1,2.17773-1.63574,2.86616,2.86616,0,0,1,.63672.06934v1.73828a2.59794,2.59794,0,0,0-.835-.1123,1.87264,1.87264,0,0,0-1.93652,2.083v5.37012h-1.8584Z" style="fill: #fff"/>
+          <path d="M109.3843,27.83691c-.25,1.64355-1.85059,2.77148-3.89844,2.77148-2.63379,0-4.26855-1.76465-4.26855-4.5957,0-2.83984,1.64355-4.68164,4.19043-4.68164,2.50488,0,4.08008,1.7207,4.08008,4.46582v.63672h-6.39453v.1123a2.358,2.358,0,0,0,2.43555,2.56445,2.04834,2.04834,0,0,0,2.09082-1.27344Zm-6.28223-2.70215h4.52637a2.1773,2.1773,0,0,0-2.2207-2.29785A2.292,2.292,0,0,0,103.10207,25.13477Z" style="fill: #fff"/>
+        </g>
+      </g>
+    </g>
+    <g id="_Group_4" data-name="&lt;Group&gt;">
+      <g>
+        <path d="M37.82619,8.731a2.63964,2.63964,0,0,1,2.80762,2.96484c0,1.90625-1.03027,3.002-2.80762,3.002H35.67092V8.731Zm-1.22852,5.123h1.125a1.87588,1.87588,0,0,0,1.96777-2.146,1.881,1.881,0,0,0-1.96777-2.13379h-1.125Z" style="fill: #fff"/>
+        <path d="M41.68068,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C44.57522,13.99463,45.01369,13.42432,45.01369,12.44434Z" style="fill: #fff"/>
+        <path d="M51.57326,14.69775h-.92187l-.93066-3.31641h-.07031l-.92676,3.31641h-.91309l-1.24121-4.50293h.90137l.80664,3.436h.06641l.92578-3.436h.85254l.92578,3.436h.07031l.80273-3.436h.88867Z" style="fill: #fff"/>
+        <path d="M53.85354,10.19482H54.709v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915h-.88867V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z" style="fill: #fff"/>
+        <path d="M59.09377,8.437h.88867v6.26074h-.88867Z" style="fill: #fff"/>
+        <path d="M61.21779,12.44434a2.13346,2.13346,0,1,1,4.24756,0,2.1338,2.1338,0,1,1-4.24756,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C64.11232,13.99463,64.5508,13.42432,64.5508,12.44434Z" style="fill: #fff"/>
+        <path d="M66.4009,13.42432c0-.81055.60352-1.27783,1.6748-1.34424l1.21973-.07031v-.38867c0-.47559-.31445-.74414-.92187-.74414-.49609,0-.83984.18213-.93848.50049h-.86035c.09082-.77344.81836-1.26953,1.83984-1.26953,1.12891,0,1.76563.562,1.76563,1.51318v3.07666h-.85547v-.63281h-.07031a1.515,1.515,0,0,1-1.35254.707A1.36026,1.36026,0,0,1,66.4009,13.42432Zm2.89453-.38477v-.37646l-1.09961.07031c-.62012.0415-.90137.25244-.90137.64941,0,.40527.35156.64111.835.64111A1.0615,1.0615,0,0,0,69.29543,13.03955Z" style="fill: #fff"/>
+        <path d="M71.34816,12.44434c0-1.42285.73145-2.32422,1.86914-2.32422a1.484,1.484,0,0,1,1.38086.79h.06641V8.437h.88867v6.26074h-.85156v-.71143h-.07031a1.56284,1.56284,0,0,1-1.41406.78564C72.0718,14.772,71.34816,13.87061,71.34816,12.44434Zm.918,0c0,.95508.4502,1.52979,1.20313,1.52979.749,0,1.21191-.583,1.21191-1.52588,0-.93848-.46777-1.52979-1.21191-1.52979C72.72121,10.91846,72.26613,11.49707,72.26613,12.44434Z" style="fill: #fff"/>
+        <path d="M79.23,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C82.12453,13.99463,82.563,13.42432,82.563,12.44434Z" style="fill: #fff"/>
+        <path d="M84.66945,10.19482h.85547v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915H87.605V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z" style="fill: #fff"/>
+        <path d="M93.51516,9.07373v1.1416h.97559v.74854h-.97559V13.2793c0,.47168.19434.67822.63672.67822a2.96657,2.96657,0,0,0,.33887-.02051v.74023a2.9155,2.9155,0,0,1-.4834.04541c-.98828,0-1.38184-.34766-1.38184-1.21582v-2.543h-.71484v-.74854h.71484V9.07373Z" style="fill: #fff"/>
+        <path d="M95.70461,8.437h.88086v2.48145h.07031a1.3856,1.3856,0,0,1,1.373-.80664,1.48339,1.48339,0,0,1,1.55078,1.67871v2.90723H98.69v-2.688c0-.71924-.335-1.0835-.96289-1.0835a1.05194,1.05194,0,0,0-1.13379,1.1416v2.62988h-.88867Z" style="fill: #fff"/>
+        <path d="M104.76125,13.48193a1.828,1.828,0,0,1-1.95117,1.30273A2.04531,2.04531,0,0,1,100.73,12.46045a2.07685,2.07685,0,0,1,2.07617-2.35254c1.25293,0,2.00879.856,2.00879,2.27V12.688h-3.17969v.0498a1.1902,1.1902,0,0,0,1.19922,1.29,1.07934,1.07934,0,0,0,1.07129-.5459Zm-3.126-1.45117h2.27441a1.08647,1.08647,0,0,0-1.1084-1.1665A1.15162,1.15162,0,0,0,101.63527,12.03076Z" style="fill: #fff"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/apps/web/src/vector/mobile_guide/assets/bottom-gradient.svg b/apps/web/src/vector/mobile_guide/assets/bottom-gradient.svg
new file mode 100644
index 00000000000..07404409466
--- /dev/null
+++ b/apps/web/src/vector/mobile_guide/assets/bottom-gradient.svg
@@ -0,0 +1,53 @@
+<svg width="375" height="178" viewBox="0 0 375 178" fill="none" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_382_1634)">
+<rect width="375" height="178" fill="white"/>
+<g filter="url(#filter0_f_382_1634)">
+<ellipse cx="187.5" cy="645.488" rx="403.5" ry="612.805" fill="url(#paint0_linear_382_1634)"/>
+</g>
+<g filter="url(#filter1_f_382_1634)">
+<ellipse cx="187.5" cy="650.529" rx="385.3" ry="585.164" fill="#101317"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_382_1634" x="-248.683" y="-6.48499e-05" width="872.367" height="1290.98" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="16.3415" result="effect1_foregroundBlur_382_1634"/>
+</filter>
+<filter id="filter1_f_382_1634" x="-230.483" y="32.6826" width="835.966" height="1235.69" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="16.3415" result="effect1_foregroundBlur_382_1634"/>
+</filter>
+<linearGradient id="paint0_linear_382_1634" x1="141.636" y1="133.796" x2="141.636" y2="32.6829" gradientUnits="userSpaceOnUse">
+<stop stop-color="#062993"/>
+<stop offset="0.040404" stop-color="#02389D"/>
+<stop offset="0.0808081" stop-color="#0045A6"/>
+<stop offset="0.121212" stop-color="#0051AD"/>
+<stop offset="0.161616" stop-color="#005DB4"/>
+<stop offset="0.20202" stop-color="#0069BA"/>
+<stop offset="0.242424" stop-color="#0075BB"/>
+<stop offset="0.282828" stop-color="#0081BB"/>
+<stop offset="0.323232" stop-color="#008CB9"/>
+<stop offset="0.363636" stop-color="#0098B7"/>
+<stop offset="0.40404" stop-color="#00A3B3"/>
+<stop offset="0.444444" stop-color="#00AEAD"/>
+<stop offset="0.484848" stop-color="#00B8A4"/>
+<stop offset="0.525253" stop-color="#00C2A0"/>
+<stop offset="0.565657" stop-color="#00CC99"/>
+<stop offset="0.606061" stop-color="#3AD396"/>
+<stop offset="0.646465" stop-color="#5DD898"/>
+<stop offset="0.686869" stop-color="#79DD99"/>
+<stop offset="0.727273" stop-color="#92E29B"/>
+<stop offset="0.767677" stop-color="#A8E69F"/>
+<stop offset="0.808081" stop-color="#BBEAA5"/>
+<stop offset="0.848485" stop-color="#CDEEAE"/>
+<stop offset="0.888889" stop-color="#DCF2B9"/>
+<stop offset="0.929293" stop-color="#EAF6C7"/>
+<stop offset="0.969697" stop-color="#F5FBD5"/>
+</linearGradient>
+<clipPath id="clip0_382_1634">
+<rect width="375" height="178" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/web/src/vector/mobile_guide/assets/element-logo.svg b/apps/web/src/vector/mobile_guide/assets/element-logo.svg
new file mode 100644
index 00000000000..d2cb52e498f
--- /dev/null
+++ b/apps/web/src/vector/mobile_guide/assets/element-logo.svg
@@ -0,0 +1,8 @@
+<svg width="149" height="32" viewBox="0 0 149 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3571 32C25.1936 32 32.3571 24.8366 32.3571 16C32.3571 7.16344 25.1936 0 16.3571 0C7.5205 0 0.357056 7.16344 0.357056 16C0.357056 24.8366 7.5205 32 16.3571 32Z" fill="#0DBD8B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4318 7.45512C13.4318 6.80928 13.9565 6.28573 14.6037 6.28573C18.9901 6.28573 22.546 9.83425 22.546 14.2116C22.546 14.8574 22.0214 15.381 21.3742 15.381C20.727 15.381 20.2023 14.8574 20.2023 14.2116C20.2023 11.1259 17.6957 8.62452 14.6037 8.62452C13.9565 8.62452 13.4318 8.10096 13.4318 7.45512Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.8996 13.0422C25.5467 13.0422 26.0714 13.5658 26.0714 14.2116C26.0714 18.589 22.5155 22.1375 18.129 22.1375C17.4819 22.1375 16.9572 21.6139 16.9572 20.9681C16.9572 20.3223 17.4819 19.7987 18.129 19.7987C21.2211 19.7987 23.7277 17.2973 23.7277 14.2116C23.7277 13.5658 24.2524 13.0422 24.8996 13.0422Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.3008 24.5448C19.3008 25.1906 18.7762 25.7142 18.129 25.7142C13.7426 25.7142 10.1867 22.1656 10.1867 17.7883C10.1867 17.1425 10.7113 16.6189 11.3585 16.6189C12.0057 16.6189 12.5303 17.1425 12.5303 17.7883C12.5303 20.8739 15.0369 23.3754 18.129 23.3754C18.7762 23.3754 19.3008 23.8989 19.3008 24.5448Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.81455 18.9578C7.16737 18.9578 6.64272 18.4342 6.64272 17.7884C6.64272 13.411 10.1986 9.86251 14.5851 9.86251C15.2323 9.86251 15.7569 10.3861 15.7569 11.0319C15.7569 11.6777 15.2323 12.2013 14.5851 12.2013C11.493 12.2013 8.98638 14.7027 8.98638 17.7884C8.98638 18.4342 8.46173 18.9578 7.81455 18.9578Z" fill="white"/>
+<path d="M56.3571 17.2858H45.0714C45.2048 18.4667 45.6333 19.4096 46.3571 20.1144C47.0809 20.8001 48.0333 21.1429 49.2143 21.1429C49.9952 21.1429 50.7 20.9525 51.3286 20.5715C51.9571 20.1905 52.4048 19.6763 52.6714 19.0286H56.1C55.6429 20.5334 54.7857 21.7525 53.5286 22.6858C52.2905 23.6001 50.8238 24.0572 49.1286 24.0572C46.919 24.0572 45.1286 23.3239 43.7571 21.8572C42.4048 20.3905 41.7286 18.5334 41.7286 16.2858C41.7286 14.0953 42.4143 12.2572 43.7857 10.7715C45.1571 9.28578 46.9286 8.54293 49.1 8.54293C51.2714 8.54293 53.0238 9.27626 54.3571 10.7429C55.7095 12.1905 56.3857 14.0191 56.3857 16.2286L56.3571 17.2858ZM49.1 11.3144C48.0333 11.3144 47.1476 11.6286 46.4429 12.2572C45.7381 12.8858 45.3 13.7239 45.1286 14.7715H53.0143C52.8619 13.7239 52.4429 12.8858 51.7571 12.2572C51.0714 11.6286 50.1857 11.3144 49.1 11.3144ZM58.7254 19.2858V2.28578H62.1254V19.3429C62.1254 20.1048 62.5445 20.4858 63.3826 20.4858L63.9826 20.4572V23.6858C63.6588 23.7429 63.3159 23.7715 62.954 23.7715C61.4873 23.7715 60.4112 23.4001 59.7254 22.6572C59.0588 21.9144 58.7254 20.7905 58.7254 19.2858ZM79.817 17.2858H68.5312C68.6646 18.4667 69.0932 19.4096 69.817 20.1144C70.5408 20.8001 71.4932 21.1429 72.6741 21.1429C73.4551 21.1429 74.1598 20.9525 74.7884 20.5715C75.417 20.1905 75.8646 19.6763 76.1312 19.0286H79.5598C79.1027 20.5334 78.2455 21.7525 76.9884 22.6858C75.7503 23.6001 74.2836 24.0572 72.5884 24.0572C70.3789 24.0572 68.5884 23.3239 67.217 21.8572C65.8646 20.3905 65.1884 18.5334 65.1884 16.2858C65.1884 14.0953 65.8741 12.2572 67.2455 10.7715C68.617 9.28578 70.3884 8.54293 72.5598 8.54293C74.7312 8.54293 76.4836 9.27626 77.817 10.7429C79.1693 12.1905 79.8455 14.0191 79.8455 16.2286L79.817 17.2858ZM72.5598 11.3144C71.4932 11.3144 70.6074 11.6286 69.9027 12.2572C69.1979 12.8858 68.7598 13.7239 68.5884 14.7715H76.4741C76.3217 13.7239 75.9027 12.8858 75.217 12.2572C74.5312 11.6286 73.6455 11.3144 72.5598 11.3144ZM95.1567 15.2001V23.7144H91.7567V14.8286C91.7567 12.581 90.8234 11.4572 88.9567 11.4572C87.9472 11.4572 87.1376 11.781 86.5281 12.4286C85.9376 13.0763 85.6424 13.962 85.6424 15.0858V23.7144H82.2424V8.88578H85.3853V10.8572C85.7472 10.1905 86.2996 9.63816 87.0424 9.20007C87.7853 8.76197 88.7091 8.54293 89.8138 8.54293C91.871 8.54293 93.3567 9.32388 94.271 10.8858C95.5281 9.32388 97.2043 8.54293 99.2996 8.54293C101.033 8.54293 102.366 9.08578 103.3 10.1715C104.233 11.2382 104.7 12.6477 104.7 14.4001V23.7144H101.3V14.8286C101.3 12.581 100.366 11.4572 98.4996 11.4572C97.471 11.4572 96.6519 11.7905 96.0424 12.4572C95.4519 13.1048 95.1567 14.0191 95.1567 15.2001ZM121.608 17.2858H110.323C110.456 18.4667 110.884 19.4096 111.608 20.1144C112.332 20.8001 113.284 21.1429 114.465 21.1429C115.246 21.1429 115.951 20.9525 116.58 20.5715C117.208 20.1905 117.656 19.6763 117.923 19.0286H121.351C120.894 20.5334 120.037 21.7525 118.78 22.6858C117.542 23.6001 116.075 24.0572 114.38 24.0572C112.17 24.0572 110.38 23.3239 109.008 21.8572C107.656 20.3905 106.98 18.5334 106.98 16.2858C106.98 14.0953 107.665 12.2572 109.037 10.7715C110.408 9.28578 112.18 8.54293 114.351 8.54293C116.523 8.54293 118.275 9.27626 119.608 10.7429C120.961 12.1905 121.637 14.0191 121.637 16.2286L121.608 17.2858ZM114.351 11.3144C113.284 11.3144 112.399 11.6286 111.694 12.2572C110.989 12.8858 110.551 13.7239 110.38 14.7715H118.265C118.113 13.7239 117.694 12.8858 117.008 12.2572C116.323 11.6286 115.437 11.3144 114.351 11.3144ZM127.177 8.88578V10.8572C127.519 10.2096 128.081 9.66674 128.862 9.22864C129.662 8.7715 130.624 8.54293 131.748 8.54293C133.5 8.54293 134.853 9.07626 135.805 10.1429C136.777 11.2096 137.262 12.6286 137.262 14.4001V23.7144H133.862V14.8286C133.862 13.781 133.615 12.962 133.119 12.3715C132.643 11.762 131.91 11.4572 130.919 11.4572C129.834 11.4572 128.977 11.781 128.348 12.4286C127.738 13.0763 127.434 13.9715 127.434 15.1144V23.7144H124.034V8.88578H127.177ZM147.192 20.6858V23.6286C146.773 23.7429 146.182 23.8001 145.421 23.8001C142.525 23.8001 141.078 22.3429 141.078 19.4286V11.6001H138.821V8.88578H141.078V5.02864H144.478V8.88578H147.249V11.6001H144.478V19.0858C144.478 20.2477 145.03 20.8286 146.135 20.8286L147.192 20.6858Z" fill="black"/>
+</svg>
diff --git a/apps/web/src/vector/mobile_guide/assets/google-play-badge.svg b/apps/web/src/vector/mobile_guide/assets/google-play-badge.svg
new file mode 100644
index 00000000000..fac62d70ed3
--- /dev/null
+++ b/apps/web/src/vector/mobile_guide/assets/google-play-badge.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 135 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,0,-1)">
+        <g>
+            <path d="M130,41L4.999,41C2.249,41 0,38.75 0,36L0,6C0,3.25 2.249,1 4.999,1L130,1C132.75,1 135,3.25 135,6L135,36C135,38.75 132.75,41 130,41Z" style="fill:rgb(3,4,4);fill-rule:nonzero;"/>
+            <path d="M130,1L4.999,1C2.249,1 0,3.25 0,6L0,36C0,38.75 2.249,41 4.999,41L130,41C132.75,41 135,38.75 135,36L135,6C135,3.25 132.75,1 130,1ZM130,1.8C132.316,1.8 134.2,3.685 134.2,6L134.2,36C134.2,38.316 132.316,40.201 130,40.201L4.999,40.201C2.684,40.201 0.8,38.316 0.8,36L0.8,6C0.8,3.685 2.684,1.8 4.999,1.8L130,1.8Z" style="fill:rgb(167,165,166);fill-rule:nonzero;"/>
+            <path d="M47.376,10.791L44.468,10.791L44.468,11.512L46.647,11.512C46.588,12.098 46.353,12.559 45.96,12.894C45.566,13.229 45.063,13.397 44.468,13.397C43.814,13.397 43.261,13.171 42.809,12.718C42.365,12.257 42.138,11.688 42.138,11C42.138,10.313 42.365,9.743 42.809,9.282C43.261,8.83 43.814,8.604 44.468,8.604C44.803,8.604 45.122,8.662 45.415,8.788C45.708,8.914 45.943,9.09 46.127,9.316L46.68,8.763C46.429,8.478 46.11,8.26 45.717,8.101C45.323,7.942 44.912,7.866 44.468,7.866C43.596,7.866 42.859,8.168 42.256,8.771C41.652,9.375 41.351,10.12 41.351,11C41.351,11.88 41.652,12.626 42.256,13.229C42.859,13.833 43.596,14.134 44.468,14.134C45.381,14.134 46.11,13.841 46.672,13.246C47.166,12.752 47.418,12.081 47.418,11.243C47.418,11.101 47.401,10.95 47.376,10.791Z" style="fill:white;fill-rule:nonzero;"/>
+            <path d="M48.524,8L48.524,14L52.027,14L52.027,13.263L49.295,13.263L49.295,11.361L51.758,11.361L51.758,10.64L49.295,10.64L49.295,8.738L52.027,8.738L52.027,8L48.524,8Z" style="fill:white;fill-rule:nonzero;"/>
+            <path d="M56.953,8.738L56.953,8L52.83,8L52.83,8.738L54.506,8.738L54.506,14L55.277,14L55.277,8.738L56.953,8.738Z" style="fill:white;fill-rule:nonzero;"/>
+            <rect x="59.937" y="8" width="0.771" height="6" style="fill:white;fill-rule:nonzero;"/>
+            <path d="M65.803,8.738L65.803,8L61.68,8L61.68,8.738L63.356,8.738L63.356,14L64.127,14L64.127,8.738L65.803,8.738Z" style="fill:white;fill-rule:nonzero;"/>
+            <path d="M73.605,8.78C73.01,8.168 72.281,7.866 71.409,7.866C70.538,7.866 69.808,8.168 69.213,8.771C68.618,9.366 68.325,10.112 68.325,11C68.325,11.889 68.618,12.634 69.213,13.229C69.808,13.833 70.538,14.134 71.409,14.134C72.272,14.134 73.01,13.833 73.605,13.229C74.2,12.634 74.493,11.889 74.493,11C74.493,10.12 74.2,9.375 73.605,8.78ZM69.767,9.282C70.211,8.83 70.755,8.604 71.409,8.604C72.063,8.604 72.607,8.83 73.043,9.282C73.487,9.727 73.705,10.305 73.705,11C73.705,11.696 73.487,12.274 73.043,12.718C72.607,13.171 72.063,13.397 71.409,13.397C70.755,13.397 70.211,13.171 69.767,12.718C69.331,12.266 69.113,11.696 69.113,11C69.113,10.305 69.331,9.735 69.767,9.282Z" style="fill:white;fill-rule:nonzero;"/>
+            <path d="M76.345,10.263L76.312,9.106L76.345,9.106L79.396,14L80.2,14L80.2,8L79.429,8L79.429,11.512L79.463,12.668L79.429,12.668L76.513,8L75.575,8L75.575,14L76.345,14L76.345,10.263Z" style="fill:white;fill-rule:nonzero;"/>
+            <path d="M47.376,10.791L44.468,10.791L44.468,11.512L46.647,11.512C46.588,12.098 46.353,12.559 45.96,12.894C45.566,13.229 45.063,13.397 44.468,13.397C43.814,13.397 43.261,13.171 42.809,12.718C42.365,12.257 42.138,11.688 42.138,11C42.138,10.313 42.365,9.743 42.809,9.282C43.261,8.83 43.814,8.604 44.468,8.604C44.803,8.604 45.122,8.662 45.415,8.788C45.708,8.914 45.943,9.09 46.127,9.316L46.68,8.763C46.429,8.478 46.11,8.26 45.717,8.101C45.323,7.942 44.912,7.866 44.468,7.866C43.596,7.866 42.859,8.168 42.256,8.771C41.652,9.375 41.351,10.12 41.351,11C41.351,11.88 41.652,12.626 42.256,13.229C42.859,13.833 43.596,14.134 44.468,14.134C45.381,14.134 46.11,13.841 46.672,13.246C47.166,12.752 47.418,12.081 47.418,11.243C47.418,11.101 47.401,10.95 47.376,10.791ZM48.524,8L48.524,14L52.027,14L52.027,13.263L49.295,13.263L49.295,11.361L51.758,11.361L51.758,10.64L49.295,10.64L49.295,8.738L52.027,8.738L52.027,8L48.524,8ZM56.953,8.738L56.953,8L52.831,8L52.831,8.738L54.507,8.738L54.507,14L55.277,14L55.277,8.738L56.953,8.738ZM60.708,8L59.937,8L59.937,14L60.708,14L60.708,8ZM65.803,8.738L65.803,8L61.68,8L61.68,8.738L63.356,8.738L63.356,14L64.127,14L64.127,8.738L65.803,8.738ZM73.605,8.78C73.01,8.168 72.281,7.866 71.409,7.866C70.537,7.866 69.808,8.168 69.213,8.771C68.618,9.366 68.325,10.112 68.325,11C68.325,11.889 68.618,12.634 69.213,13.229C69.808,13.833 70.537,14.134 71.409,14.134C72.272,14.134 73.01,13.833 73.605,13.229C74.2,12.634 74.493,11.889 74.493,11C74.493,10.12 74.2,9.375 73.605,8.78ZM69.767,9.282C70.211,8.83 70.755,8.604 71.409,8.604C72.063,8.604 72.607,8.83 73.043,9.282C73.487,9.727 73.705,10.305 73.705,11C73.705,11.696 73.487,12.274 73.043,12.718C72.607,13.171 72.063,13.397 71.409,13.397C70.755,13.397 70.211,13.171 69.767,12.718C69.331,12.266 69.113,11.696 69.113,11C69.113,10.305 69.331,9.735 69.767,9.282ZM76.346,10.263L76.312,9.106L76.346,9.106L79.396,14L80.2,14L80.2,8L79.429,8L79.429,11.512L79.463,12.668L79.429,12.668L76.513,8L75.575,8L75.575,14L76.346,14L76.346,10.263Z" style="fill:none;stroke:white;stroke-width:0.2px;"/>
+            <path d="M106.936,31.001L108.802,31.001L108.802,18.499L106.936,18.499L106.936,31.001ZM123.743,23.002L121.604,28.422L121.54,28.422L119.32,23.002L117.31,23.002L120.64,30.578L118.741,34.791L120.687,34.791L125.818,23.002L123.743,23.002ZM113.16,29.581C112.55,29.581 111.697,29.275 111.697,28.519C111.697,27.554 112.759,27.184 113.675,27.184C114.495,27.184 114.882,27.361 115.38,27.602C115.235,28.76 114.238,29.581 113.16,29.581ZM113.386,22.729C112.035,22.729 110.636,23.324 110.057,24.643L111.713,25.334C112.067,24.643 112.726,24.418 113.418,24.418C114.383,24.418 115.364,24.997 115.38,26.026L115.38,26.155C115.042,25.962 114.318,25.672 113.434,25.672C111.648,25.672 109.831,26.653 109.831,28.487C109.831,30.16 111.295,31.237 112.935,31.237C114.189,31.237 114.882,30.674 115.315,30.015L115.38,30.015L115.38,30.98L117.182,30.98L117.182,26.187C117.182,23.967 115.524,22.729 113.386,22.729ZM101.854,24.524L99.2,24.524L99.2,20.239L101.854,20.239C103.249,20.239 104.041,21.394 104.041,22.382C104.041,23.351 103.249,24.524 101.854,24.524ZM101.806,18.499L97.334,18.499L97.334,31.001L99.2,31.001L99.2,26.264L101.806,26.264C103.874,26.264 105.907,24.767 105.907,22.382C105.907,19.997 103.874,18.499 101.806,18.499ZM77.424,29.583C76.135,29.583 75.056,28.503 75.056,27.022C75.056,25.523 76.135,24.428 77.424,24.428C78.697,24.428 79.696,25.523 79.696,27.022C79.696,28.503 78.697,29.583 77.424,29.583ZM79.567,23.703L79.502,23.703C79.083,23.203 78.278,22.752 77.263,22.752C75.136,22.752 73.187,24.621 73.187,27.022C73.187,29.406 75.136,31.258 77.263,31.258C78.278,31.258 79.083,30.807 79.502,30.292L79.567,30.292L79.567,30.904C79.567,32.531 78.697,33.401 77.295,33.401C76.152,33.401 75.443,32.58 75.153,31.887L73.526,32.563C73.993,33.691 75.233,35.077 77.295,35.077C79.487,35.077 81.339,33.788 81.339,30.646L81.339,23.01L79.567,23.01L79.567,23.703ZM82.628,31.001L84.497,31.001L84.497,18.499L82.628,18.499L82.628,31.001ZM87.251,26.876C87.204,25.233 88.525,24.396 89.475,24.396C90.216,24.396 90.844,24.766 91.054,25.297L87.251,26.876ZM93.051,25.459C92.697,24.508 91.618,22.752 89.411,22.752C87.219,22.752 85.399,24.476 85.399,27.005C85.399,29.39 87.204,31.258 89.62,31.258C91.569,31.258 92.697,30.066 93.165,29.374L91.714,28.407C91.231,29.116 90.571,29.583 89.62,29.583C88.669,29.583 87.993,29.148 87.558,28.294L93.245,25.942L93.051,25.459ZM47.743,24.057L47.743,25.861L52.061,25.861C51.932,26.876 51.594,27.617 51.078,28.133C50.45,28.761 49.467,29.454 47.743,29.454C45.085,29.454 43.007,27.312 43.007,24.653C43.007,21.995 45.085,19.852 47.743,19.852C49.177,19.852 50.224,20.416 50.998,21.141L52.27,19.868C51.191,18.837 49.757,18.048 47.743,18.048C44.102,18.048 41.041,21.012 41.041,24.653C41.041,28.294 44.102,31.258 47.743,31.258C49.708,31.258 51.191,30.614 52.351,29.406C53.543,28.213 53.914,26.538 53.914,25.185C53.914,24.766 53.881,24.379 53.817,24.057L47.743,24.057ZM58.822,29.583C57.533,29.583 56.421,28.52 56.421,27.005C56.421,25.475 57.533,24.428 58.822,24.428C60.111,24.428 61.223,25.475 61.223,27.005C61.223,28.52 60.111,29.583 58.822,29.583ZM58.822,22.752C56.47,22.752 54.553,24.541 54.553,27.005C54.553,29.454 56.47,31.258 58.822,31.258C61.174,31.258 63.091,29.454 63.091,27.005C63.091,24.541 61.174,22.752 58.822,22.752ZM68.135,29.583C66.847,29.583 65.735,28.52 65.735,27.005C65.735,25.475 66.847,24.428 68.135,24.428C69.424,24.428 70.536,25.475 70.536,27.005C70.536,28.52 69.424,29.583 68.135,29.583ZM68.135,22.752C65.783,22.752 63.866,24.541 63.866,27.005C63.866,29.454 65.783,31.258 68.135,31.258C70.488,31.258 72.405,29.454 72.405,27.005C72.405,24.541 70.488,22.752 68.135,22.752Z" style="fill:white;fill-rule:nonzero;"/>
+            <path d="M20.717,20.425L10.07,31.725C10.071,31.727 10.071,31.729 10.072,31.731C10.398,32.959 11.519,33.862 12.849,33.862C13.381,33.862 13.88,33.718 14.308,33.466L14.342,33.446L26.326,26.531L20.717,20.425Z" style="fill:rgb(235,67,53);fill-rule:nonzero;"/>
+            <path d="M31.488,18.501L31.478,18.494L26.304,15.494L20.475,20.681L26.324,26.529L31.471,23.56C32.373,23.073 32.985,22.122 32.985,21.025C32.985,19.936 32.381,18.989 31.488,18.501Z" style="fill:rgb(250,188,19);fill-rule:nonzero;"/>
+            <path d="M10.07,10.278C10.006,10.514 9.972,10.761 9.972,11.018L9.972,30.985C9.972,31.242 10.005,31.49 10.07,31.725L21.083,20.714L10.07,10.278Z" style="fill:rgb(84,125,191);fill-rule:nonzero;"/>
+            <path d="M20.795,21.001L26.306,15.492L14.335,8.552C13.9,8.291 13.393,8.141 12.849,8.141C11.519,8.141 10.397,9.046 10.07,10.275L10.07,10.278L20.795,21.001Z" style="fill:rgb(48,168,81);fill-rule:nonzero;"/>
+        </g>
+    </g>
+</svg>
diff --git a/apps/web/src/vector/mobile_guide/index.css b/apps/web/src/vector/mobile_guide/index.css
new file mode 100644
index 00000000000..cb51c3fb24e
--- /dev/null
+++ b/apps/web/src/vector/mobile_guide/index.css
@@ -0,0 +1,183 @@
+/*
+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 url("@vector-im/compound-design-tokens/assets/web/css/compound-design-tokens.css");
+
+html {
+    min-height: 100%;
+    position: relative;
+}
+
+body {
+    background: var(--cpd-color-bg-canvas-default);
+    max-width: 680px;
+    margin: var(--cpd-space-0x) auto;
+    padding-bottom: 178px; /* Match the height of mx_BottomGradient */
+    font-family: var(--cpd-font-family-sans);
+    font-size: var(--cpd-font-size-body-lg); /* Design says 16px, this is 17px */
+    color: var(--cpd-color-text-primary);
+}
+
+hr {
+    border: none;
+    height: var(--cpd-border-width-1);
+    background-color: var(
+        --cpd-color-bg-subtle-primary /* Design uses Border token from "Compound Marketing" set, but this matches. */
+    );
+    color: var(
+        --cpd-color-bg-subtle-primary /* Design uses Border token from "Compound Marketing" set, but this matches. */
+    );
+    margin: 0;
+}
+
+p {
+    margin: var(--cpd-space-1x) var(--cpd-space-0x);
+    padding: var(--cpd-space-0x);
+}
+
+.mx_Button {
+    border: 0;
+    border-radius: 100px;
+    min-width: 80px;
+    background-color: var(--cpd-color-bg-action-primary-rest);
+    color: var(--cpd-color-text-on-solid-primary);
+    cursor: pointer;
+    padding: 12px 22px;
+    word-break: break-word;
+    text-decoration: none;
+}
+
+#deep_link_button {
+    margin-top: 12px;
+    display: inline-block;
+    width: auto;
+    box-sizing: border-box;
+}
+
+.mx_StoreLinks {
+    margin: 15px 0 12px 0;
+}
+
+.mx_StoreBadge {
+    text-decoration: none !important;
+    margin: 16px 16px 16px 0px;
+}
+
+#f_droid_link {
+    color: var(--cpd-color-text-action-accent);
+    font-weight: bold;
+    text-decoration: none;
+}
+
+#f_droid_link:visited {
+    color: var(--cpd-color-text-action-accent);
+}
+
+.mx_HomePage_header {
+    color: var(--cpd-color-text-secondary);
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding-top: 48px;
+    padding-bottom: 48px;
+}
+
+.mx_HomePage_header #header_title {
+    margin-top: 8px;
+    margin-bottom: 0px;
+}
+
+.mx_HomePage h3 {
+    margin-top: 30px;
+}
+
+.mx_HomePage_col {
+    display: flex;
+    flex-direction: row;
+}
+
+.mx_HomePage_row {
+    flex: 1 1 0;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: flex-start;
+}
+
+.mx_HomePage_container {
+    margin: 10px 20px;
+}
+
+.mx_HomePage_errorContainer {
+    display: none; /* shown in JS if needed */
+    margin: 20px;
+    border: var(--cpd-border-width-1) solid var(--cpd-color-border-critical-primary);
+    background-color: var(--cpd-color-bg-critical-subtle);
+    padding: 5px;
+}
+
+.mx_HomePage_container h1,
+.mx_HomePage_container h2,
+.mx_HomePage_container h3,
+.mx_HomePage_container h4 {
+    font-weight: var(--cpd-font-weight-semibold);
+    font-size: var(--cpd-font-size-body-lg); /* Design says 16px, this is 17px */
+    margin-bottom: 8px;
+    margin-top: 4px;
+}
+
+.mx_Spacer {
+    margin-top: 48px;
+}
+
+.mx_DesktopLink {
+    color: var(--cpd-color-text-action-accent);
+    font-weight: var(--cpd-font-weight-semibold);
+    text-decoration: none;
+}
+
+/*
+ * The bottom gradient is a full-width background image that stretches horizontally across the page.
+ * It is positioned pinned to the bottom of the viewport unless the content is taller than the viewport,
+ * in which case it will be pinned to the bottom of the content.
+ */
+.mx_BottomGradient {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100vw;
+    height: 178px; /* Match the height of assets/bottom-gradient.svg so the gradient only stretches horizontally */
+    background-image: url("./assets/bottom-gradient.svg");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    z-index: -1;
+    margin-left: calc(50% - 50vw); /* Center the gradient regardless of body width */
+}
+
+.mx_HomePage_step_number {
+    display: flex;
+    align-items: flex-start;
+    margin-right: 8px;
+}
+
+.mx_HomePage_step_number span {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--cpd-space-6x);
+    height: var(--cpd-space-6x);
+    border-radius: 50%;
+    border: var(--cpd-border-width-1) solid var(--cpd-color-bg-subtle-primary); /* Not a border token, but matches the Design (Border token from the "Compound Marketing" set). */
+    background-color: transparent;
+    color: var(--cpd-color-text-secondary);
+    font-size: var(--cpd-font-size-body-md); /* Design says 14px, this is 15px */
+}
+
+#step2_description {
+    color: var(--cpd-color-text-secondary);
+}
diff --git a/apps/web/src/vector/mobile_guide/index.html b/apps/web/src/vector/mobile_guide/index.html
new file mode 100644
index 00000000000..3bd8a8e20d4
--- /dev/null
+++ b/apps/web/src/vector/mobile_guide/index.html
@@ -0,0 +1,105 @@
+<!doctype html>
+<!--
+    Please note: This page is similar to the one at mobile.element.io so any changes made here can potentially
+    be applied to that site as well. They still share the mobile-apps.ts file for updating the app metadata.
+-->
+<html lang="en">
+    <head>
+        <title>Element Mobile Guide</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta name="apple-itunes-app" content="app-id=id1631335820" />
+    </head>
+
+    <body>
+        <div class="mx_HomePage_errorContainer">
+            <!-- populated by JS if needed -->
+        </div>
+
+        <div class="mx_HomePage_container">
+            <header>
+                <div class="mx_HomePage_header">
+                    <div>
+                        <img src="./assets/element-logo.svg" alt="Element Logo" width="148px" height="32px" />
+                    </div>
+                    <div>
+                        <p id="header_title">Join Element.</p>
+                    </div>
+                </div>
+                <hr />
+            </header>
+
+            <main>
+                <div class="mx_HomePage_col mx_Spacer">
+                    <p>
+                        The <a id="back_to_element_button" href="#" class="mx_DesktopLink">desktop site</a> does
+                        <b>not</b> work on mobile, please download the app.
+                    </p>
+                </div>
+                <div class="mx_HomePage_col mx_Spacer">
+                    <div class="mx_HomePage_row">
+                        <div class="mx_HomePage_step_number">
+                            <span>1</span>
+                        </div>
+                        <div>
+                            <h1 id="step1_heading">Download Element</h1>
+                            <div class="mx_StoreLinks">
+                                <a
+                                    href="https://apps.apple.com/app/element-x-secure-chat-call/id1631335820"
+                                    target="_blank"
+                                    class="mx_StoreBadge"
+                                    id="app_store_link"
+                                >
+                                    <img
+                                        src="./assets/app-store-badge.svg"
+                                        alt="Download on the App Store."
+                                        width="120px"
+                                        height="40px"
+                                    />
+                                </a>
+                                <a
+                                    href="https://play.google.com/store/apps/details?id=io.element.android.x"
+                                    target="_blank"
+                                    class="mx_StoreBadge"
+                                    id="play_store_link"
+                                >
+                                    <img
+                                        src="./assets/google-play-badge.svg"
+                                        alt="Get it on Google Play."
+                                        width="135px"
+                                        height="40px"
+                                    />
+                                </a>
+                            </div>
+                            <p id="f_droid_section">
+                                Also available on
+                                <a
+                                    href="https://f-droid.org/packages/io.element.android.x"
+                                    target="_blank"
+                                    class="mx_ClearDecoration"
+                                    id="f_droid_link"
+                                    >F-Droid</a
+                                >
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div id="step2_container" class="mx_HomePage_col mx_Spacer" style="display: none">
+                    <div class="mx_HomePage_row">
+                        <div class="mx_HomePage_step_number">
+                            <span>2</span>
+                        </div>
+                        <div>
+                            <h1>Come back here to sign in</h1>
+                            <p id="step2_description">This will set up your app</p>
+                            <a class="mx_Button" id="deep_link_button" href="#">Sign in</a>
+                        </div>
+                    </div>
+                </div>
+            </main>
+        </div>
+
+        <footer>
+            <div class="mx_BottomGradient"></div>
+        </footer>
+    </body>
+</html>
diff --git a/apps/web/src/vector/mobile_guide/index.test.ts b/apps/web/src/vector/mobile_guide/index.test.ts
new file mode 100644
index 00000000000..c22ca8d7350
--- /dev/null
+++ b/apps/web/src/vector/mobile_guide/index.test.ts
@@ -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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, beforeAll } from "vitest";
+import { waitFor } from "@testing-library/dom";
+import fetchMock from "@fetch-mock/vitest";
+
+vi.mock("../getconfig.ts", () => ({
+    getVectorConfig: vi.fn().mockResolvedValue({ default_server_name: "server_name" }),
+}));
+vi.mock("./mobile-apps.ts");
+
+describe("onBackToElementClick", () => {
+    beforeAll(async () => {
+        const backButton = document.createElement("a");
+        backButton.id = "back_to_element_button";
+        backButton.textContent = "Back";
+        document.body.append(backButton);
+
+        fetchMock.get("https://server_name/.well-known/matrix/client", {
+            "m.homeserver": {
+                base_url: "https://server/",
+            },
+        });
+        await import("./index.ts");
+    });
+
+    beforeEach(async () => {
+        sessionStorage.clear();
+    });
+
+    it("should set skip_mobile_redirect in sessionStorage", async () => {
+        expect(sessionStorage.getItem("skip_mobile_redirect")).toBeFalsy();
+        const button = document.getElementById("back_to_element_button")!;
+        await waitFor(() => expect(button.onclick).toBeTruthy());
+        button.click();
+        expect(sessionStorage.getItem("skip_mobile_redirect")).toBe("true");
+    });
+});
diff --git a/apps/web/src/vector/mobile_guide/index.ts b/apps/web/src/vector/mobile_guide/index.ts
new file mode 100644
index 00000000000..b8cb06afdf6
--- /dev/null
+++ b/apps/web/src/vector/mobile_guide/index.ts
@@ -0,0 +1,136 @@
+/*
+Copyright 2024 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 "./index.css";
+import "@fontsource/inter/400.css";
+import "@fontsource/inter/600.css";
+
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { getVectorConfig } from "../getconfig";
+import { MobileAppVariant, mobileApps, updateMobilePage } from "./mobile-apps.ts";
+
+function onBackToElementClick(): void {
+    sessionStorage.setItem("skip_mobile_redirect", "true");
+    window.location.href = "../";
+}
+
+// NEVER pass user-controlled content to this function! Hardcoded strings only please.
+function renderConfigError(message: string): void {
+    const contactMsg =
+        "If this is unexpected, please contact your system administrator or technical support representative.";
+    message = `<h2>Error loading Element</h2><p>${message}</p><p>${contactMsg}</p>`;
+
+    const toHide = document.getElementsByClassName("mx_HomePage_container");
+    const errorContainers = document.getElementsByClassName(
+        "mx_HomePage_errorContainer",
+    ) as HTMLCollectionOf<HTMLDivElement>;
+
+    for (const e of toHide) {
+        // We have to clear the content because .style.display='none'; doesn't work
+        // due to an !important in the CSS.
+        e.innerHTML = "";
+    }
+    for (const e of errorContainers) {
+        e.style.display = "block";
+        e.innerHTML = message;
+    }
+}
+
+async function initPage(): Promise<void> {
+    const config = await getVectorConfig("..");
+
+    // We manually parse the config similar to how validateServerConfig works because
+    // calling that function pulls in roughly 4mb of JS we don't use.
+
+    const wkConfig = config?.["default_server_config"]; // overwritten later under some conditions
+    let serverName = config?.["default_server_name"];
+    const defaultHsUrl = config?.["default_hs_url"];
+    const defaultIsUrl = config?.["default_is_url"];
+
+    const appVariant = (config?.["mobile_guide_app_variant"] as MobileAppVariant) ?? MobileAppVariant.X;
+    const metadata = mobileApps[appVariant] ?? mobileApps[MobileAppVariant.X]; // Additional fallback in case mobile_guide_app_variant has an unexpected value.
+
+    const incompatibleOptions = [wkConfig, serverName, defaultHsUrl].filter((i) => !!i);
+    if (defaultHsUrl && (wkConfig || serverName)) {
+        return renderConfigError(
+            "Invalid configuration: a default_hs_url can't be specified along with default_server_name " +
+                "or default_server_config",
+        );
+    }
+    if (incompatibleOptions.length < 1) {
+        return renderConfigError("Invalid configuration: no default server specified.");
+    }
+
+    let hsUrl: string | undefined;
+    let isUrl: string | undefined;
+
+    if (!serverName && typeof wkConfig?.["m.homeserver"]?.["base_url"] === "string") {
+        hsUrl = wkConfig["m.homeserver"]["base_url"];
+        serverName = wkConfig["m.homeserver"]["server_name"];
+
+        if (typeof wkConfig["m.identity_server"]?.["base_url"] === "string") {
+            isUrl = wkConfig["m.identity_server"]["base_url"];
+        }
+    }
+
+    if (serverName) {
+        // We also do our own minimal .well-known validation to avoid pulling in the js-sdk
+        try {
+            const result = await fetch(`https://${serverName}/.well-known/matrix/client`);
+            const wkConfig = await result.json();
+            if (wkConfig?.["m.homeserver"]) {
+                hsUrl = wkConfig["m.homeserver"]["base_url"];
+
+                if (wkConfig["m.identity_server"]) {
+                    isUrl = wkConfig["m.identity_server"]["base_url"];
+                }
+            }
+        } catch (e) {
+            if (wkConfig?.["m.homeserver"]) {
+                hsUrl = wkConfig["m.homeserver"]["base_url"] || undefined;
+
+                if (wkConfig["m.identity_server"]) {
+                    isUrl = wkConfig["m.identity_server"]["base_url"] || undefined;
+                }
+            } else {
+                logger.error(e);
+                return renderConfigError("Unable to fetch homeserver configuration");
+            }
+        }
+    }
+
+    if (defaultHsUrl) {
+        hsUrl = defaultHsUrl;
+        isUrl = defaultIsUrl;
+    }
+
+    if (!hsUrl) {
+        return renderConfigError("Unable to locate homeserver");
+    }
+
+    if (hsUrl && !hsUrl.endsWith("/")) hsUrl += "/";
+    if (isUrl && !isUrl.endsWith("/")) isUrl += "/";
+
+    let deepLinkUrl = `https://mobile.element.io${metadata.deepLinkPath}`;
+
+    if (metadata.usesLegacyDeepLink) {
+        deepLinkUrl += `?hs_url=${encodeURIComponent(hsUrl)}`;
+        if (isUrl) {
+            deepLinkUrl += `&is_url=${encodeURIComponent(isUrl)}`;
+        }
+    } else if (serverName) {
+        deepLinkUrl += `?account_provider=${serverName}`;
+    }
+
+    // Not part of updateMobilePage as the link is only shown on mobile_guide and not on mobile.element.io
+    document.getElementById("back_to_element_button")!.onclick = onBackToElementClick;
+
+    updateMobilePage(metadata, deepLinkUrl, serverName ?? hsUrl);
+}
+
+void initPage();
diff --git a/apps/web/src/vector/mobile_guide/mobile-apps.ts b/apps/web/src/vector/mobile_guide/mobile-apps.ts
new file mode 100644
index 00000000000..5d6f88439c6
--- /dev/null
+++ b/apps/web/src/vector/mobile_guide/mobile-apps.ts
@@ -0,0 +1,88 @@
+/*
+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.
+*/
+
+/*
+ * Shared code that is used by the mobile guide and the mobile.element.io site.
+ */
+
+export enum MobileAppVariant {
+    Classic = "element-classic",
+    X = "element",
+    Pro = "element-pro",
+}
+
+export interface MobileAppMetadata {
+    name: string;
+    appleAppId: string;
+    appStoreUrl: string;
+    playStoreUrl: string;
+    fDroidUrl?: string;
+    deepLinkPath: string;
+    usesLegacyDeepLink: boolean;
+    isProApp: boolean;
+}
+
+export const mobileApps: Record<MobileAppVariant, MobileAppMetadata> = {
+    [MobileAppVariant.Classic]: {
+        name: "Element",
+        appleAppId: "id1083446067",
+        appStoreUrl: "https://apps.apple.com/app/element-messenger/id1083446067",
+        playStoreUrl: "https://play.google.com/store/apps/details?id=im.vector.app",
+        fDroidUrl: "https://f-droid.org/packages/im.vector.app",
+        deepLinkPath: "",
+        usesLegacyDeepLink: true,
+        isProApp: false,
+    },
+    [MobileAppVariant.X]: {
+        name: "Element X",
+        appleAppId: "id1631335820",
+        appStoreUrl: "https://apps.apple.com/app/element-x-secure-chat-call/id1631335820",
+        playStoreUrl: "https://play.google.com/store/apps/details?id=io.element.android.x",
+        fDroidUrl: "https://f-droid.org/packages/io.element.android.x",
+        deepLinkPath: "/element",
+        usesLegacyDeepLink: false,
+        isProApp: false,
+    },
+    [MobileAppVariant.Pro]: {
+        name: "Element Pro",
+        appleAppId: "id6502951615",
+        appStoreUrl: "https://apps.apple.com/app/element-pro-for-work/id6502951615",
+        playStoreUrl: "https://play.google.com/store/apps/details?id=io.element.enterprise",
+        deepLinkPath: "/element-pro",
+        usesLegacyDeepLink: false,
+        isProApp: true,
+    },
+};
+
+export function updateMobilePage(metadata: MobileAppMetadata, deepLinkUrl: string, server: string | undefined): void {
+    const appleMeta = document.querySelector('meta[name="apple-itunes-app"]')!;
+    appleMeta.setAttribute("content", `app-id=${metadata.appleAppId}`);
+
+    if (server) {
+        (document.getElementById("header_title") as HTMLHeadingElement).innerText = `Join ${server} on Element`;
+    }
+    (document.getElementById("app_store_link") as HTMLAnchorElement).href = metadata.appStoreUrl;
+    (document.getElementById("play_store_link") as HTMLAnchorElement).href = metadata.playStoreUrl;
+
+    if (metadata.fDroidUrl) {
+        (document.getElementById("f_droid_link") as HTMLAnchorElement).href = metadata.fDroidUrl;
+    } else {
+        document.getElementById("f_droid_section")!.style.display = "none";
+    }
+
+    const step1Heading = document.getElementById("step1_heading")!;
+    step1Heading.innerHTML = step1Heading.innerHTML.replace("Element", metadata.name);
+
+    // Step 2 is only shown on the mobile guide, not on mobile.element.io
+    if (document.getElementById("step2_container")) {
+        document.getElementById("step2_container")!.style.display = "block";
+        if (metadata.isProApp) {
+            document.getElementById("step2_description")!.innerHTML = "Use your work email to join";
+        }
+        (document.getElementById("deep_link_button") as HTMLAnchorElement).href = deepLinkUrl;
+    }
+}
diff --git a/apps/web/src/vector/modernizr.cjs b/apps/web/src/vector/modernizr.cjs
new file mode 100644
index 00000000000..87c3bca20e4
--- /dev/null
+++ b/apps/web/src/vector/modernizr.cjs
@@ -0,0 +1,1997 @@
+/*!
+ * modernizr v3.13.1
+ * Build https://modernizr.com/download?-cors-cryptography-cssanimations-cssfilters-displaytable-es5date-es5function-es5object-es5undefined-es6array-es6collections-es6string-fetch-flexbox-json-localstorage-objectfit-promises-resizeobserver-sandbox-svg-svgasimg-svgfilters-urlparser-urlsearchparams-webaudio-dontmin
+ *
+ * Copyright (c)
+ *  Faruk Ates
+ *  Paul Irish
+ *  Alex Sexton
+ *  Ryan Seddon
+ *  Patrick Kettner
+ *  Stu Cox
+ *  Richard Herrera
+ *  Veeck
+
+ * MIT License
+ */
+
+/*
+ * Modernizr tests which native CSS3 and HTML5 features are available in the
+ * current UA and makes the results available to you in two ways: as properties on
+ * a global `Modernizr` object, and as classes on the `<html>` element. This
+ * information allows you to progressively enhance your pages with a granular level
+ * of control over the experience.
+*/
+
+;(function(scriptGlobalObject, window, document, undefined){
+
+  var tests = [];
+  
+
+  /**
+   * ModernizrProto is the constructor for Modernizr
+   *
+   * @class
+   * @access public
+   */
+  var ModernizrProto = {
+    _version: '3.13.1',
+
+    // Any settings that don't work as separate modules
+    // can go in here as configuration.
+    _config: {
+      'classPrefix': '',
+      'enableClasses': false,
+      'enableJSClass': true,
+      'usePrefixes': true
+    },
+
+    // Queue of tests
+    _q: [],
+
+    // Stub these for people who are listening
+    on: function(test, cb) {
+      // I don't really think people should do this, but we can
+      // safe guard it a bit.
+      // -- NOTE:: this gets WAY overridden in src/addTest for actual async tests.
+      // This is in case people listen to synchronous tests. I would leave it out,
+      // but the code to *disallow* sync tests in the real version of this
+      // function is actually larger than this.
+      var self = this;
+      setTimeout(function() {
+        cb(self[test]);
+      }, 0);
+    },
+
+    addTest: function(name, fn, options) {
+      tests.push({name: name, fn: fn, options: options});
+    },
+
+    addAsyncTest: function(fn) {
+      tests.push({name: null, fn: fn});
+    }
+  };
+
+  
+
+  // Fake some of Object.create so we can force non test results to be non "own" properties.
+  var Modernizr = function() {};
+  Modernizr.prototype = ModernizrProto;
+
+  // Leak modernizr globally when you `require` it rather than force it here.
+  // Overwrite name so constructor name is nicer :D
+  Modernizr = new Modernizr();
+
+  
+
+  var classes = [];
+  
+
+  /**
+   * is returns a boolean if the typeof an obj is exactly type.
+   *
+   * @access private
+   * @function is
+   * @param {*} obj - A thing we want to check the type of
+   * @param {string} type - A string to compare the typeof against
+   * @returns {boolean} true if the typeof the first parameter is exactly the specified type, false otherwise
+   */
+  function is(obj, type) {
+    return typeof obj === type;
+  }
+
+  ;
+
+  /**
+   * Run through all tests and detect their support in the current UA.
+   *
+   * @access private
+   * @returns {void}
+   */
+  function testRunner() {
+    var featureNames;
+    var feature;
+    var aliasIdx;
+    var result;
+    var nameIdx;
+    var featureName;
+    var featureNameSplit;
+
+    for (var featureIdx in tests) {
+      if (tests.hasOwnProperty(featureIdx)) {
+        featureNames = [];
+        feature = tests[featureIdx];
+        // run the test, throw the return value into the Modernizr,
+        // then based on that boolean, define an appropriate className
+        // and push it into an array of classes we'll join later.
+        //
+        // If there is no name, it's an 'async' test that is run,
+        // but not directly added to the object. That should
+        // be done with a post-run addTest call.
+        if (feature.name) {
+          featureNames.push(feature.name.toLowerCase());
+
+          if (feature.options && feature.options.aliases && feature.options.aliases.length) {
+            // Add all the aliases into the names list
+            for (aliasIdx = 0; aliasIdx < feature.options.aliases.length; aliasIdx++) {
+              featureNames.push(feature.options.aliases[aliasIdx].toLowerCase());
+            }
+          }
+        }
+
+        // Run the test, or use the raw value if it's not a function
+        result = is(feature.fn, 'function') ? feature.fn() : feature.fn;
+
+        // Set each of the names on the Modernizr object
+        for (nameIdx = 0; nameIdx < featureNames.length; nameIdx++) {
+          featureName = featureNames[nameIdx];
+          // Support dot properties as sub tests. We don't do checking to make sure
+          // that the implied parent tests have been added. You must call them in
+          // order (either in the test, or make the parent test a dependency).
+          //
+          // Cap it to TWO to make the logic simple and because who needs that kind of subtesting
+          // hashtag famous last words
+          featureNameSplit = featureName.split('.');
+
+          if (featureNameSplit.length === 1) {
+            Modernizr[featureNameSplit[0]] = result;
+          } else {
+            // cast to a Boolean, if not one already or if it doesnt exist yet (like inputtypes)
+            if (!Modernizr[featureNameSplit[0]] || Modernizr[featureNameSplit[0]] && !(Modernizr[featureNameSplit[0]] instanceof Boolean)) {
+              Modernizr[featureNameSplit[0]] = new Boolean(Modernizr[featureNameSplit[0]]);
+            }
+
+            Modernizr[featureNameSplit[0]][featureNameSplit[1]] = result;
+          }
+
+          classes.push((result ? '' : 'no-') + featureNameSplit.join('-'));
+        }
+      }
+    }
+  }
+  ;
+
+  /**
+   * If the browsers follow the spec, then they would expose vendor-specific styles as:
+   *   elem.style.WebkitBorderRadius
+   * instead of something like the following (which is technically incorrect):
+   *   elem.style.webkitBorderRadius
+   *
+   * WebKit ghosts their properties in lowercase but Opera & Moz do not.
+   * Microsoft uses a lowercase `ms` instead of the correct `Ms` in IE8+
+   *   erik.eae.net/archives/2008/03/10/21.48.10/
+   *
+   * More here: github.com/Modernizr/Modernizr/issues/issue/21
+   *
+   * @access private
+   * @returns {string} The string representing the vendor-specific style properties
+   */
+  var omPrefixes = 'Moz O ms Webkit';
+  
+
+  var cssomPrefixes = (ModernizrProto._config.usePrefixes ? omPrefixes.split(' ') : []);
+  ModernizrProto._cssomPrefixes = cssomPrefixes;
+  
+
+  /**
+   * contains checks to see if a string contains another string
+   *
+   * @access private
+   * @function contains
+   * @param {string} str - The string we want to check for substrings
+   * @param {string} substr - The substring we want to search the first string for
+   * @returns {boolean} true if and only if the first string 'str' contains the second string 'substr'
+   */
+  function contains(str, substr) {
+    return !!~('' + str).indexOf(substr);
+  }
+
+  ;
+
+  /**
+   * docElement is a convenience wrapper to grab the root element of the document
+   *
+   * @access private
+   * @returns {HTMLElement|SVGElement} The root element of the document
+   */
+  var docElement = document.documentElement;
+  
+
+  /**
+   * A convenience helper to check if the document we are running in is an SVG document
+   *
+   * @access private
+   * @returns {boolean}
+   */
+  var isSVG = docElement.nodeName.toLowerCase() === 'svg';
+
+  
+
+  /**
+   * createElement is a convenience wrapper around document.createElement. Since we
+   * use createElement all over the place, this allows for (slightly) smaller code
+   * as well as abstracting away issues with creating elements in contexts other than
+   * HTML documents (e.g. SVG documents).
+   *
+   * @access private
+   * @function createElement
+   * @returns {HTMLElement|SVGElement} An HTML or SVG element
+   */
+  function createElement() {
+    if (typeof document.createElement !== 'function') {
+      // This is the case in IE7, where the type of createElement is "object".
+      // For this reason, we cannot call apply() as Object is not a Function.
+      return document.createElement(arguments[0]);
+    } else if (isSVG) {
+      return document.createElementNS.call(document, 'http://www.w3.org/2000/svg', arguments[0]);
+    } else {
+      return document.createElement.apply(document, arguments);
+    }
+  }
+
+  ;
+
+  /**
+   * Create our "modernizr" element that we do most feature tests on.
+   *
+   * @access private
+   */
+  var modElem = {
+    elem: createElement('modernizr')
+  };
+
+  // Clean up this element
+  Modernizr._q.push(function() {
+    delete modElem.elem;
+  });
+
+  
+
+  var mStyle = {
+    style: modElem.elem.style
+  };
+
+  // kill ref for gc, must happen before mod.elem is removed, so we unshift on to
+  // the front of the queue.
+  Modernizr._q.unshift(function() {
+    delete mStyle.style;
+  });
+
+  
+
+  /**
+   * getBody returns the body of a document, or an element that can stand in for
+   * the body if a real body does not exist
+   *
+   * @access private
+   * @function getBody
+   * @returns {HTMLElement|SVGElement} Returns the real body of a document, or an
+   * artificially created element that stands in for the body
+   */
+  function getBody() {
+    // After page load injecting a fake body doesn't work so check if body exists
+    var body = document.body;
+
+    if (!body) {
+      // Can't use the real body create a fake one.
+      body = createElement(isSVG ? 'svg' : 'body');
+      body.fake = true;
+    }
+
+    return body;
+  }
+
+  ;
+
+  /**
+   * injectElementWithStyles injects an element with style element and some CSS rules
+   *
+   * @access private
+   * @function injectElementWithStyles
+   * @param {string} rule - String representing a css rule
+   * @param {Function} callback - A function that is used to test the injected element
+   * @param {number} [nodes] - An integer representing the number of additional nodes you want injected
+   * @param {string[]} [testnames] - An array of strings that are used as ids for the additional nodes
+   * @returns {boolean} the result of the specified callback test
+   */
+  function injectElementWithStyles(rule, callback, nodes, testnames) {
+    var mod = 'modernizr';
+    var style;
+    var ret;
+    var node;
+    var docOverflow;
+    var div = createElement('div');
+    var body = getBody();
+
+    if (parseInt(nodes, 10)) {
+      // In order not to give false positives we create a node for each test
+      // This also allows the method to scale for unspecified uses
+      while (nodes--) {
+        node = createElement('div');
+        node.id = testnames ? testnames[nodes] : mod + (nodes + 1);
+        div.appendChild(node);
+      }
+    }
+
+    style = createElement('style');
+    style.type = 'text/css';
+    style.id = 's' + mod;
+
+    // IE6 will false positive on some tests due to the style element inside the test div somehow interfering offsetHeight, so insert it into body or fakebody.
+    // Opera will act all quirky when injecting elements in documentElement when page is served as xml, needs fakebody too. #270
+    (!body.fake ? div : body).appendChild(style);
+    body.appendChild(div);
+
+    if (style.styleSheet) {
+      style.styleSheet.cssText = rule;
+    } else {
+      style.appendChild(document.createTextNode(rule));
+    }
+    div.id = mod;
+
+    if (body.fake) {
+      //avoid crashing IE8, if background image is used
+      body.style.background = '';
+      //Safari 5.13/5.1.4 OSX stops loading if ::-webkit-scrollbar is used and scrollbars are visible
+      body.style.overflow = 'hidden';
+      docOverflow = docElement.style.overflow;
+      docElement.style.overflow = 'hidden';
+      docElement.appendChild(body);
+    }
+
+    ret = callback(div, rule);
+    // If this is done after page load we don't want to remove the body so check if body exists
+    if (body.fake && body.parentNode) {
+      body.parentNode.removeChild(body);
+      docElement.style.overflow = docOverflow;
+      // Trigger layout so kinetic scrolling isn't disabled in iOS6+
+      // eslint-disable-next-line
+      docElement.offsetHeight;
+    } else {
+      div.parentNode.removeChild(div);
+    }
+
+    return !!ret;
+  }
+
+  ;
+
+  /**
+   * domToCSS takes a camelCase string and converts it to hyphen-case
+   * e.g. boxSizing -> box-sizing
+   *
+   * @access private
+   * @function domToCSS
+   * @param {string} name - String name of camelCase prop we want to convert
+   * @returns {string} The hyphen-case version of the supplied name
+   */
+  function domToCSS(name) {
+    return name.replace(/([A-Z])/g, function(str, m1) {
+      return '-' + m1.toLowerCase();
+    }).replace(/^ms-/, '-ms-');
+  }
+
+  ;
+
+
+  /**
+   * wrapper around getComputedStyle, to fix issues with Firefox returning null when
+   * called inside of a hidden iframe
+   *
+   * @access private
+   * @function computedStyle
+   * @param {HTMLElement|SVGElement} elem - The element we want to find the computed styles of
+   * @param {string|null} [pseudo] - An optional pseudo element selector (e.g. :before), of null if none
+   * @param {string} prop - A CSS property
+   * @returns {CSSStyleDeclaration} the value of the specified CSS property
+   */
+  function computedStyle(elem, pseudo, prop) {
+    var result;
+
+    if ('getComputedStyle' in window) {
+      result = getComputedStyle.call(window, elem, pseudo);
+      var console = window.console;
+
+      if (result !== null) {
+        if (prop) {
+          result = result.getPropertyValue(prop);
+        }
+      } else {
+        if (console) {
+          var method = console.error ? 'error' : 'log';
+          console[method].call(console, 'getComputedStyle returning null, its possible modernizr test results are inaccurate');
+        }
+      }
+    } else {
+      result = !pseudo && elem.currentStyle && elem.currentStyle[prop];
+    }
+
+    return result;
+  }
+
+  ;
+
+  /**
+   * nativeTestProps allows for us to use native feature detection functionality if available.
+   * some prefixed form, or false, in the case of an unsupported rule
+   *
+   * @access private
+   * @function nativeTestProps
+   * @param {Array} props - An array of property names
+   * @param {string} value - A string representing the value we want to check via @supports
+   * @returns {boolean|undefined} A boolean when @supports exists, undefined otherwise
+   */
+  // Accepts a list of property names and a single value
+  // Returns `undefined` if native detection not available
+  function nativeTestProps(props, value) {
+    var i = props.length;
+    // Start with the JS API: https://www.w3.org/TR/css3-conditional/#the-css-interface
+    if ('CSS' in window && 'supports' in window.CSS) {
+      // Try every prefixed variant of the property
+      while (i--) {
+        if (window.CSS.supports(domToCSS(props[i]), value)) {
+          return true;
+        }
+      }
+      return false;
+    }
+    // Otherwise fall back to at-rule (for Opera 12.x)
+    else if ('CSSSupportsRule' in window) {
+      // Build a condition string for every prefixed variant
+      var conditionText = [];
+      while (i--) {
+        conditionText.push('(' + domToCSS(props[i]) + ':' + value + ')');
+      }
+      conditionText = conditionText.join(' or ');
+      return injectElementWithStyles('@supports (' + conditionText + ') { #modernizr { position: absolute; } }', function(node) {
+        return computedStyle(node, null, 'position') === 'absolute';
+      });
+    }
+    return undefined;
+  }
+  ;
+
+  /**
+   * cssToDOM takes a hyphen-case string and converts it to camelCase
+   * e.g. box-sizing -> boxSizing
+   *
+   * @access private
+   * @function cssToDOM
+   * @param {string} name - String name of hyphen-case prop we want to convert
+   * @returns {string} The camelCase version of the supplied name
+   */
+  function cssToDOM(name) {
+    return name.replace(/([a-z])-([a-z])/g, function(str, m1, m2) {
+      return m1 + m2.toUpperCase();
+    }).replace(/^-/, '');
+  }
+
+  ;
+
+  // testProps is a generic CSS / DOM property test.
+
+  // In testing support for a given CSS property, it's legit to test:
+  //    `elem.style[styleName] !== undefined`
+  // If the property is supported it will return an empty string,
+  // if unsupported it will return undefined.
+
+  // We'll take advantage of this quick test and skip setting a style
+  // on our modernizr element, but instead just testing undefined vs
+  // empty string.
+
+  // Property names can be provided in either camelCase or hyphen-case.
+
+  function testProps(props, prefixed, value, skipValueTest) {
+    skipValueTest = is(skipValueTest, 'undefined') ? false : skipValueTest;
+
+    // Try native detect first
+    if (!is(value, 'undefined')) {
+      var result = nativeTestProps(props, value);
+      if (!is(result, 'undefined')) {
+        return result;
+      }
+    }
+
+    // Otherwise do it properly
+    var afterInit, i, propsLength, prop, before;
+
+    // If we don't have a style element, that means we're running async or after
+    // the core tests, so we'll need to create our own elements to use.
+
+    // Inside of an SVG element, in certain browsers, the `style` element is only
+    // defined for valid tags. Therefore, if `modernizr` does not have one, we
+    // fall back to a less used element and hope for the best.
+    // For strict XHTML browsers the hardly used samp element is used.
+    var elems = ['modernizr', 'tspan', 'samp'];
+    while (!mStyle.style && elems.length) {
+      afterInit = true;
+      mStyle.modElem = createElement(elems.shift());
+      mStyle.style = mStyle.modElem.style;
+    }
+
+    // Delete the objects if we created them.
+    function cleanElems() {
+      if (afterInit) {
+        delete mStyle.style;
+        delete mStyle.modElem;
+      }
+    }
+
+    propsLength = props.length;
+    for (i = 0; i < propsLength; i++) {
+      prop = props[i];
+      before = mStyle.style[prop];
+
+      if (contains(prop, '-')) {
+        prop = cssToDOM(prop);
+      }
+
+      if (mStyle.style[prop] !== undefined) {
+
+        // If value to test has been passed in, do a set-and-check test.
+        // 0 (integer) is a valid property value, so check that `value` isn't
+        // undefined, rather than just checking it's truthy.
+        if (!skipValueTest && !is(value, 'undefined')) {
+
+          // Needs a try catch block because of old IE. This is slow, but will
+          // be avoided in most cases because `skipValueTest` will be used.
+          try {
+            mStyle.style[prop] = value;
+          } catch (e) {}
+
+          // If the property value has changed, we assume the value used is
+          // supported. If `value` is empty string, it'll fail here (because
+          // it hasn't changed), which matches how browsers have implemented
+          // CSS.supports()
+          if (mStyle.style[prop] !== before) {
+            cleanElems();
+            return prefixed === 'pfx' ? prop : true;
+          }
+        }
+        // Otherwise just return true, or the property name if this is a
+        // `prefixed()` call
+        else {
+          cleanElems();
+          return prefixed === 'pfx' ? prop : true;
+        }
+      }
+    }
+    cleanElems();
+    return false;
+  }
+
+  ;
+
+  /**
+   * List of JavaScript DOM values used for tests
+   *
+   * @memberOf Modernizr
+   * @name Modernizr._domPrefixes
+   * @optionName Modernizr._domPrefixes
+   * @optionProp domPrefixes
+   * @access public
+   * @example
+   *
+   * Modernizr._domPrefixes is exactly the same as [_prefixes](#modernizr-_prefixes), but rather
+   * than hyphen-case properties, all properties are their Capitalized variant
+   *
+   * ```js
+   * Modernizr._domPrefixes === [ "Moz", "O", "ms", "Webkit" ];
+   * ```
+   */
+  var domPrefixes = (ModernizrProto._config.usePrefixes ? omPrefixes.toLowerCase().split(' ') : []);
+  ModernizrProto._domPrefixes = domPrefixes;
+  
+
+  /**
+   * fnBind is a super small [bind](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) polyfill.
+   *
+   * @access private
+   * @function fnBind
+   * @param {Function} fn - a function you want to change `this` reference to
+   * @param {object} that - the `this` you want to call the function with
+   * @returns {Function} The wrapped version of the supplied function
+   */
+  function fnBind(fn, that) {
+    return function() {
+      return fn.apply(that, arguments);
+    };
+  }
+
+  ;
+
+  /**
+   * testDOMProps is a generic DOM property test; if a browser supports
+   *   a certain property, it won't return undefined for it.
+   *
+   * @access private
+   * @function testDOMProps
+   * @param {Array<string>} props - An array of properties to test for
+   * @param {object} obj - An object or Element you want to use to test the parameters again
+   * @param {boolean|object} elem - An Element to bind the property lookup again. Use `false` to prevent the check
+   * @returns {boolean|*} returns `false` if the prop is unsupported, otherwise the value that is supported
+   */
+  function testDOMProps(props, obj, elem) {
+    var item;
+
+    for (var i in props) {
+      if (props[i] in obj) {
+
+        // return the property name as a string
+        if (elem === false) {
+          return props[i];
+        }
+
+        item = obj[props[i]];
+
+        // let's bind a function
+        if (is(item, 'function')) {
+          // bind to obj unless overridden
+          return fnBind(item, elem || obj);
+        }
+
+        // return the unbound function or obj or value
+        return item;
+      }
+    }
+    return false;
+  }
+
+  ;
+
+  /**
+   * testPropsAll tests a list of DOM properties we want to check against.
+   * We specify literally ALL possible (known and/or likely) properties on
+   * the element including the non-vendor prefixed one, for forward-
+   * compatibility.
+   *
+   * @access private
+   * @function testPropsAll
+   * @param {string} prop - A string of the property to test for
+   * @param {string|object} [prefixed] - An object to check the prefixed properties on. Use a string to skip
+   * @param {HTMLElement|SVGElement} [elem] - An element used to test the property and value against
+   * @param {string} [value] - A string of a css value
+   * @param {boolean} [skipValueTest] - An boolean representing if you want to test if value sticks when set
+   * @returns {string|boolean} returns the string version of the property, or `false` if it is unsupported
+   */
+  function testPropsAll(prop, prefixed, elem, value, skipValueTest) {
+
+    var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1),
+      props = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' ');
+
+    // did they call .prefixed('boxSizing') or are we just testing a prop?
+    if (is(prefixed, 'string') || is(prefixed, 'undefined')) {
+      return testProps(props, prefixed, value, skipValueTest);
+
+      // otherwise, they called .prefixed('requestAnimationFrame', window[, elem])
+    } else {
+      props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' ');
+      return testDOMProps(props, prefixed, elem);
+    }
+  }
+
+  // Modernizr.testAllProps() investigates whether a given style property,
+  // or any of its vendor-prefixed variants, is recognized
+  //
+  // Note that the property names must be provided in the camelCase variant.
+  // Modernizr.testAllProps('boxSizing')
+  ModernizrProto.testAllProps = testPropsAll;
+
+  
+
+  /**
+   * testAllProps determines whether a given CSS property is supported in the browser
+   *
+   * @memberOf Modernizr
+   * @name Modernizr.testAllProps
+   * @optionName Modernizr.testAllProps()
+   * @optionProp testAllProps
+   * @access public
+   * @function testAllProps
+   * @param {string} prop - String naming the property to test (either camelCase or hyphen-case)
+   * @param {string} [value] - String of the value to test
+   * @param {boolean} [skipValueTest=false] - Whether to skip testing that the value is supported when using non-native detection
+   * @returns {string|boolean} returns the string version of the property, or `false` if it is unsupported
+   * @example
+   *
+   * testAllProps determines whether a given CSS property, in some prefixed form,
+   * is supported by the browser.
+   *
+   * ```js
+   * testAllProps('boxSizing')  // true
+   * ```
+   *
+   * It can optionally be given a CSS value in string form to test if a property
+   * value is valid
+   *
+   * ```js
+   * testAllProps('display', 'block') // true
+   * testAllProps('display', 'penguin') // false
+   * ```
+   *
+   * A boolean can be passed as a third parameter to skip the value check when
+   * native detection (@supports) isn't available.
+   *
+   * ```js
+   * testAllProps('shapeOutside', 'content-box', true);
+   * ```
+   */
+  function testAllProps(prop, value, skipValueTest) {
+    return testPropsAll(prop, undefined, undefined, value, skipValueTest);
+  }
+
+  ModernizrProto.testAllProps = testAllProps;
+
+  
+/*!
+{
+  "name": "CSS Animations",
+  "property": "cssanimations",
+  "caniuse": "css-animation",
+  "polyfills": ["transformie", "csssandpaper"],
+  "tags": ["css"],
+  "warnings": ["Android < 4 will pass this test, but can only animate a single property at a time"],
+  "notes": [{
+    "name": "Article: 'Dispelling the Android CSS animation myths'",
+    "href": "https://web.archive.org/web/20180602074607/https://daneden.me/2011/12/14/putting-up-with-androids-bullshit/"
+  }]
+}
+!*/
+/* DOC
+Detects whether or not elements can be animated using CSS
+*/
+
+  Modernizr.addTest('cssanimations', testAllProps('animationName', 'a', true));
+
+
+  /**
+   * testStyles injects an element with style element and some CSS rules
+   *
+   * @memberOf Modernizr
+   * @name Modernizr.testStyles
+   * @optionName Modernizr.testStyles()
+   * @optionProp testStyles
+   * @access public
+   * @function testStyles
+   * @param {string} rule - String representing a css rule
+   * @param {Function} callback - A function that is used to test the injected element
+   * @param {number} [nodes] - An integer representing the number of additional nodes you want injected
+   * @param {string[]} [testnames] - An array of strings that are used as ids for the additional nodes
+   * @returns {boolean}
+   * @example
+   *
+   * `Modernizr.testStyles` takes a CSS rule and injects it onto the current page
+   * along with (possibly multiple) DOM elements. This lets you check for features
+   * that can not be detected by simply checking the [IDL](https://developer.mozilla.org/en-US/docs/Mozilla/Developer_guide/Interface_development_guide/IDL_interface_rules).
+   *
+   * ```js
+   * Modernizr.testStyles('#modernizr { width: 9px; color: papayawhip; }', function(elem, rule) {
+   *   // elem is the first DOM node in the page (by default #modernizr)
+   *   // rule is the first argument you supplied - the CSS rule in string form
+   *
+   *   addTest('widthworks', elem.style.width === '9px')
+   * });
+   * ```
+   *
+   * If your test requires multiple nodes, you can include a third argument
+   * indicating how many additional div elements to include on the page. The
+   * additional nodes are injected as children of the `elem` that is returned as
+   * the first argument to the callback.
+   *
+   * ```js
+   * Modernizr.testStyles('#modernizr {width: 1px}; #modernizr2 {width: 2px}', function(elem) {
+   *   document.getElementById('modernizr').style.width === '1px'; // true
+   *   document.getElementById('modernizr2').style.width === '2px'; // true
+   *   elem.firstChild === document.getElementById('modernizr2'); // true
+   * }, 1);
+   * ```
+   *
+   * By default, all of the additional elements have an ID of `modernizr[n]`, where
+   * `n` is its index (e.g. the first additional, second overall is `#modernizr2`,
+   * the second additional is `#modernizr3`, etc.).
+   * If you want to have more meaningful IDs for your function, you can provide
+   * them as the fourth argument, as an array of strings
+   *
+   * ```js
+   * Modernizr.testStyles('#foo {width: 10px}; #bar {height: 20px}', function(elem) {
+   *   elem.firstChild === document.getElementById('foo'); // true
+   *   elem.lastChild === document.getElementById('bar'); // true
+   * }, 2, ['foo', 'bar']);
+   * ```
+   */
+  var testStyles = ModernizrProto.testStyles = injectElementWithStyles;
+  
+/*!
+{
+  "name": "CSS Display table",
+  "property": "displaytable",
+  "caniuse": "css-table",
+  "authors": ["scottjehl"],
+  "tags": ["css"],
+  "builderAliases": ["css_displaytable"],
+  "notes": [{
+    "name": "Detects for all additional table display values",
+    "href": "https://pastebin.com/Gk9PeVaQ"
+  }]
+}
+!*/
+/* DOC
+`display: table` and `table-cell` test. (both are tested under one name `table-cell` )
+*/
+
+  // If a document is in rtl mode this test will fail so we force ltr mode on the injected
+  // element https://github.com/Modernizr/Modernizr/issues/716
+  testStyles('#modernizr{display: table; direction: ltr}#modernizr div{display: table-cell; padding: 10px}', function(elem) {
+    var ret;
+    var child = elem.childNodes;
+    ret = child[0].offsetLeft < child[1].offsetLeft;
+    Modernizr.addTest('displaytable', ret, {aliases: ['display-table']});
+  }, 2);
+
+
+  /**
+   * List of property values to set for css tests. See ticket #21
+   * https://github.com/modernizr/modernizr/issues/21
+   *
+   * @memberOf Modernizr
+   * @name Modernizr._prefixes
+   * @optionName Modernizr._prefixes
+   * @optionProp prefixes
+   * @access public
+   * @example
+   *
+   * Modernizr._prefixes is the internal list of prefixes that we test against
+   * inside of things like [prefixed](#modernizr-prefixed) and [prefixedCSS](#-code-modernizr-prefixedcss). It is simply
+   * an array of hyphen-case vendor prefixes you can use within your code.
+   *
+   * Some common use cases include
+   *
+   * Generating all possible prefixed version of a CSS property
+   * ```js
+   * var rule = Modernizr._prefixes.join('transform: rotate(20deg); ');
+   *
+   * rule === 'transform: rotate(20deg); webkit-transform: rotate(20deg); moz-transform: rotate(20deg); o-transform: rotate(20deg); ms-transform: rotate(20deg);'
+   * ```
+   *
+   * Generating all possible prefixed version of a CSS value
+   * ```js
+   * rule = 'display:' +  Modernizr._prefixes.join('flex; display:') + 'flex';
+   *
+   * rule === 'display:flex; display:-webkit-flex; display:-moz-flex; display:-o-flex; display:-ms-flex; display:flex'
+   * ```
+   */
+  // we use ['',''] rather than an empty array in order to allow a pattern of .`join()`ing prefixes to test
+  // values in feature detects to continue to work
+  var prefixes = (ModernizrProto._config.usePrefixes ? ' -webkit- -moz- -o- -ms- '.split(' ') : ['','']);
+
+  // expose these for the plugin API. Look in the source for how to join() them against your input
+  ModernizrProto._prefixes = prefixes;
+
+  
+/*!
+{
+  "name": "CSS Supports",
+  "property": "supports",
+  "caniuse": "css-featurequeries",
+  "tags": ["css"],
+  "builderAliases": ["css_supports"],
+  "notes": [{
+    "name": "W3C Spec (The @supports rule)",
+    "href": "https://dev.w3.org/csswg/css3-conditional/#at-supports"
+  }, {
+    "name": "Related Github Issue",
+    "href": "https://github.com/Modernizr/Modernizr/issues/648"
+  }, {
+    "name": "W3C Spec (The CSSSupportsRule interface)",
+    "href": "https://dev.w3.org/csswg/css3-conditional/#the-csssupportsrule-interface"
+  }]
+}
+!*/
+
+  var newSyntax = 'CSS' in window && 'supports' in window.CSS;
+  var oldSyntax = 'supportsCSS' in window;
+  Modernizr.addTest('supports', newSyntax || oldSyntax);
+
+/*!
+{
+  "name": "CSS Filters",
+  "property": "cssfilters",
+  "caniuse": "css-filters",
+  "polyfills": ["polyfilter"],
+  "tags": ["css"],
+  "builderAliases": ["css_filters"],
+  "notes": [{
+    "name": "MDN Docs",
+    "href": "https://developer.mozilla.org/en-US/docs/Web/CSS/filter"
+  }]
+}
+!*/
+
+  Modernizr.addTest('cssfilters', function() {
+    if (Modernizr.supports) {
+      return testAllProps('filter', 'blur(2px)');
+    } else {
+      var el = createElement('a');
+      el.style.cssText = prefixes.join('filter:blur(2px); ');
+      // https://github.com/Modernizr/Modernizr/issues/615
+      // documentMode is needed for false positives in oldIE, please see issue above
+      return !!el.style.length && ((document.documentMode === undefined || document.documentMode > 9));
+    }
+  });
+
+
+/*!
+{
+  "name": "Flexbox",
+  "property": "flexbox",
+  "caniuse": "flexbox",
+  "tags": ["css"],
+  "notes": [{
+    "name": "The _new_ flexbox",
+    "href": "https://www.w3.org/TR/css-flexbox-1/"
+  }],
+  "warnings": [
+    "A `true` result for this detect does not imply that the `flex-wrap` property is supported; see the `flexwrap` detect."
+  ]
+}
+!*/
+/* DOC
+Detects support for the Flexible Box Layout model, a.k.a. Flexbox, which allows easy manipulation of layout order and sizing within a container.
+*/
+
+  Modernizr.addTest('flexbox', testAllProps('flexBasis', '1px', true));
+
+
+  /**
+   * atRule returns a given CSS property at-rule (eg @keyframes), possibly in
+   * some prefixed form, or false, in the case of an unsupported rule
+   *
+   * @memberOf Modernizr
+   * @name Modernizr.atRule
+   * @optionName Modernizr.atRule()
+   * @optionProp atRule
+   * @access public
+   * @function atRule
+   * @param {string} prop - String name of the @-rule to test for
+   * @returns {string|boolean} The string representing the (possibly prefixed)
+   * valid version of the @-rule, or `false` when it is unsupported.
+   * @example
+   * ```js
+   *  var keyframes = Modernizr.atRule('@keyframes');
+   *
+   *  if (keyframes) {
+   *    // keyframes are supported
+   *    // could be `@-webkit-keyframes` or `@keyframes`
+   *  } else {
+   *    // keyframes === `false`
+   *  }
+   * ```
+   */
+  var atRule = function(prop) {
+    var length = prefixes.length;
+    var cssrule = window.CSSRule;
+    var rule;
+
+    if (typeof cssrule === 'undefined') {
+      return undefined;
+    }
+
+    if (!prop) {
+      return false;
+    }
+
+    // remove literal @ from beginning of provided property
+    prop = prop.replace(/^@/, '');
+
+    // CSSRules use underscores instead of dashes
+    rule = prop.replace(/-/g, '_').toUpperCase() + '_RULE';
+
+    if (rule in cssrule) {
+      return '@' + prop;
+    }
+
+    for (var i = 0; i < length; i++) {
+      // prefixes gives us something like -o-, and we want O_
+      var prefix = prefixes[i];
+      var thisRule = prefix.toUpperCase() + '_' + rule;
+
+      if (thisRule in cssrule) {
+        return '@-' + prefix.toLowerCase() + '-' + prop;
+      }
+    }
+
+    return false;
+  };
+
+  ModernizrProto.atRule = atRule;
+
+  
+
+  /**
+   * prefixed returns the prefixed or nonprefixed property name variant of your input
+   *
+   * @memberOf Modernizr
+   * @name Modernizr.prefixed
+   * @optionName Modernizr.prefixed()
+   * @optionProp prefixed
+   * @access public
+   * @function prefixed
+   * @param {string} prop - String name of the property to test for
+   * @param {object} [obj] - An object to test for the prefixed properties on
+   * @param {HTMLElement} [elem] - An element used to test specific properties against
+   * @returns {string|boolean} The string representing the (possibly prefixed) valid
+   * version of the property, or `false` when it is unsupported.
+   * @example
+   *
+   * Modernizr.prefixed takes a string css value in the DOM style camelCase (as
+   * opposed to the css style hyphen-case) form and returns the (possibly prefixed)
+   * version of that property that the browser actually supports.
+   *
+   * For example, in older Firefox...
+   * ```js
+   * prefixed('boxSizing')
+   * ```
+   * returns 'MozBoxSizing'
+   *
+   * In newer Firefox, as well as any other browser that support the unprefixed
+   * version would simply return `boxSizing`. Any browser that does not support
+   * the property at all, it will return `false`.
+   *
+   * By default, prefixed is checked against a DOM element. If you want to check
+   * for a property on another object, just pass it as a second argument
+   *
+   * ```js
+   * var rAF = prefixed('requestAnimationFrame', window);
+   *
+   * raf(function() {
+   *  renderFunction();
+   * })
+   * ```
+   *
+   * Note that this will return _the actual function_ - not the name of the function.
+   * If you need the actual name of the property, pass in `false` as a third argument
+   *
+   * ```js
+   * var rAFProp = prefixed('requestAnimationFrame', window, false);
+   *
+   * rafProp === 'WebkitRequestAnimationFrame' // in older webkit
+   * ```
+   *
+   * One common use case for prefixed is if you're trying to determine which transition
+   * end event to bind to, you might do something like...
+   * ```js
+   * var transEndEventNames = {
+   *     'WebkitTransition' : 'webkitTransitionEnd', * Saf 6, Android Browser
+   *     'MozTransition'    : 'transitionend',       * only for FF < 15
+   *     'transition'       : 'transitionend'        * IE10, Opera, Chrome, FF 15+, Saf 7+
+   * };
+   *
+   * var transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ];
+   * ```
+   *
+   * If you want a similar lookup, but in hyphen-case, you can use [prefixedCSS](#modernizr-prefixedcss).
+   */
+  var prefixed = ModernizrProto.prefixed = function(prop, obj, elem) {
+    if (prop.indexOf('@') === 0) {
+      return atRule(prop);
+    }
+
+    if (prop.indexOf('-') !== -1) {
+      // Convert hyphen-case to camelCase
+      prop = cssToDOM(prop);
+    }
+    if (!obj) {
+      return testPropsAll(prop, 'pfx');
+    } else {
+      // Testing DOM property e.g. Modernizr.prefixed('requestAnimationFrame', window) // 'mozRequestAnimationFrame'
+      return testPropsAll(prop, obj, elem);
+    }
+  };
+
+  
+/*!
+{
+  "name": "CSS Object Fit",
+  "caniuse": "object-fit",
+  "property": "objectfit",
+  "tags": ["css"],
+  "builderAliases": ["css_objectfit"],
+  "notes": [{
+    "name": "Opera Article on Object Fit",
+    "href": "https://dev.opera.com/articles/css3-object-fit-object-position/"
+  }]
+}
+!*/
+
+  Modernizr.addTest('objectfit', !!prefixed('objectFit'), {aliases: ['object-fit']});
+
+/*!
+{
+  "name": "ES5 Date",
+  "property": "es5date",
+  "notes": [{
+    "name": "ECMAScript 5.1 Language Specification",
+    "href": "https://www.ecma-international.org/ecma-262/5.1/"
+  }],
+  "polyfills": ["es5shim"],
+  "authors": ["Ron Waldon (@jokeyrhyme)"],
+  "tags": ["es5"]
+}
+!*/
+/* DOC
+Check if browser implements ECMAScript 5 Date per specification.
+*/
+
+  Modernizr.addTest('es5date', function() {
+    var isoDate = '2013-04-12T06:06:37.307Z',
+      canParseISODate = false;
+    try {
+      canParseISODate = !!Date.parse(isoDate);
+    } catch (e) {
+      // no ISO date parsing yet
+    }
+    return !!(Date.now &&
+      Date.prototype &&
+      Date.prototype.toISOString &&
+      Date.prototype.toJSON &&
+      canParseISODate);
+  });
+
+/*!
+{
+  "name": "ES5 Function",
+  "property": "es5function",
+  "notes": [{
+    "name": "ECMAScript 5.1 Language Specification",
+    "href": "https://www.ecma-international.org/ecma-262/5.1/"
+  }],
+  "polyfills": ["es5shim"],
+  "authors": ["Ron Waldon (@jokeyrhyme)"],
+  "tags": ["es5"]
+}
+!*/
+/* DOC
+Check if browser implements ECMAScript 5 Function per specification.
+*/
+
+  Modernizr.addTest('es5function', function() {
+    return !!(Function.prototype && Function.prototype.bind);
+  });
+
+/*!
+{
+  "name": "ES5 Object",
+  "property": "es5object",
+  "notes": [{
+    "name": "ECMAScript 5.1 Language Specification",
+    "href": "https://www.ecma-international.org/ecma-262/5.1/"
+  }],
+  "polyfills": ["es5shim", "es5sham"],
+  "authors": ["Ron Waldon (@jokeyrhyme)"],
+  "tags": ["es5"]
+}
+!*/
+/* DOC
+Check if browser implements ECMAScript 5 Object per specification.
+*/
+
+  Modernizr.addTest('es5object', function() {
+    return !!(Object.keys &&
+      Object.create &&
+      Object.getPrototypeOf &&
+      Object.getOwnPropertyNames &&
+      Object.isSealed &&
+      Object.isFrozen &&
+      Object.isExtensible &&
+      Object.getOwnPropertyDescriptor &&
+      Object.defineProperty &&
+      Object.defineProperties &&
+      Object.seal &&
+      Object.freeze &&
+      Object.preventExtensions);
+  });
+
+/*!
+{
+  "name": "ES5 Immutable Undefined",
+  "property": "es5undefined",
+  "notes": [{
+    "name": "ECMAScript 5.1 Language Specification",
+    "href": "https://www.ecma-international.org/ecma-262/5.1/"
+  }, {
+    "name": "original implementation of detect code",
+    "href": "https://kangax.github.io/compat-table/es5/"
+  }],
+  "authors": ["Ron Waldon (@jokeyrhyme)"],
+  "tags": ["es5"]
+}
+!*/
+/* DOC
+Check if browser prevents assignment to global `undefined` per ECMAScript 5.
+*/
+
+  Modernizr.addTest('es5undefined', function() {
+    var result, originalUndefined;
+    try {
+      originalUndefined = window.undefined;
+      window.undefined = 12345;
+      result = typeof window.undefined === 'undefined';
+      window.undefined = originalUndefined;
+    } catch (e) {
+      return false;
+    }
+    return result;
+  });
+
+/*!
+{
+  "name": "ES6 Array",
+  "property": "es6array",
+  "notes": [{
+    "name": "unofficial ECMAScript 6 draft specification",
+    "href": "https://web.archive.org/web/20180825202128/https://tc39.github.io/ecma262/"
+  }],
+  "polyfills": ["es6shim"],
+  "authors": ["Ron Waldon (@jokeyrhyme)"],
+  "warnings": ["ECMAScript 6 is still a only a draft, so this detect may not match the final specification or implementations."],
+  "tags": ["es6"]
+}
+!*/
+/* DOC
+Check if browser implements ECMAScript 6 Array per specification.
+*/
+
+  Modernizr.addTest('es6array', !!(Array.prototype &&
+    Array.prototype.copyWithin &&
+    Array.prototype.fill &&
+    Array.prototype.find &&
+    Array.prototype.findIndex &&
+    Array.prototype.keys &&
+    Array.prototype.entries &&
+    Array.prototype.values &&
+    Array.from &&
+    Array.of));
+
+/*!
+{
+  "name": "ES6 Collections",
+  "property": "es6collections",
+  "notes": [{
+    "name": "unofficial ECMAScript 6 draft specification",
+    "href": "https://web.archive.org/web/20180825202128/https://tc39.github.io/ecma262/"
+  }],
+  "polyfills": ["es6shim", "weakmap"],
+  "authors": ["Ron Waldon (@jokeyrhyme)"],
+  "warnings": ["ECMAScript 6 is still a only a draft, so this detect may not match the final specification or implementations."],
+  "tags": ["es6"]
+}
+!*/
+/* DOC
+Check if browser implements ECMAScript 6 Map, Set, WeakMap and WeakSet
+*/
+
+  Modernizr.addTest('es6collections', !!(
+    window.Map && window.Set && window.WeakMap && window.WeakSet
+  ));
+
+/*!
+{
+  "name": "ES6 Promises",
+  "property": "promises",
+  "caniuse": "promises",
+  "polyfills": ["es6promises"],
+  "authors": ["Krister Kari", "Jake Archibald"],
+  "tags": ["es6"],
+  "notes": [{
+    "name": "The ES6 promises spec",
+    "href": "https://github.com/domenic/promises-unwrapping"
+  }, {
+    "name": "Chromium dashboard - ES6 Promises",
+    "href": "https://www.chromestatus.com/features/5681726336532480"
+  }, {
+    "name": "JavaScript Promises: an Introduction",
+    "href": "https://developers.google.com/web/fundamentals/primers/promises/"
+  }]
+}
+!*/
+/* DOC
+Check if browser implements ECMAScript 6 Promises per specification.
+*/
+
+  Modernizr.addTest('promises', function() {
+    return 'Promise' in window &&
+    // Some of these methods are missing from
+    // Firefox/Chrome experimental implementations
+    'resolve' in window.Promise &&
+    'reject' in window.Promise &&
+    'all' in window.Promise &&
+    'race' in window.Promise &&
+    // Older version of the spec had a resolver object
+    // as the arg rather than a function
+    (function() {
+      var resolve;
+      new window.Promise(function(r) { resolve = r; });
+      return typeof resolve === 'function';
+    }());
+  });
+
+/*!
+{
+  "name": "ES6 String",
+  "property": "es6string",
+  "notes": [{
+    "name": "unofficial ECMAScript 6 draft specification",
+    "href": "https://web.archive.org/web/20180825202128/https://tc39.github.io/ecma262/"
+  }],
+  "polyfills": ["es6shim"],
+  "authors": ["Ron Waldon (@jokeyrhyme)"],
+  "warnings": ["ECMAScript 6 is still a only a draft, so this detect may not match the final specification or implementations."],
+  "tags": ["es6"]
+}
+!*/
+/* DOC
+Check if browser implements ECMAScript 6 String per specification.
+*/
+
+  Modernizr.addTest('es6string', !!(String.fromCodePoint &&
+    String.raw &&
+    String.prototype.codePointAt &&
+    String.prototype.repeat &&
+    String.prototype.startsWith &&
+    String.prototype.endsWith &&
+    String.prototype.includes));
+
+/*!
+{
+  "name": "SVG",
+  "property": "svg",
+  "caniuse": "svg",
+  "tags": ["svg"],
+  "authors": ["Erik Dahlstrom"],
+  "polyfills": [
+    "svgweb",
+    "raphael",
+    "amplesdk",
+    "canvg",
+    "svg-boilerplate",
+    "sie",
+    "dojogfx",
+    "fabricjs"
+  ]
+}
+!*/
+/* DOC
+Detects support for SVG in `<embed>` or `<object>` elements.
+*/
+
+  Modernizr.addTest('svg', !!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect);
+
+
+  /**
+   * hasOwnProp is a shim for hasOwnProperty that is needed for Safari 2.0 support
+   *
+   * @author kangax
+   * @access private
+   * @function hasOwnProp
+   * @param {object} object - The object to check for a property
+   * @param {string} property - The property to check for
+   * @returns {boolean}
+   */
+
+  // hasOwnProperty shim by kangax needed for Safari 2.0 support
+  var hasOwnProp;
+
+  (function() {
+    var _hasOwnProperty = ({}).hasOwnProperty;
+    /* istanbul ignore else */
+    /* we have no way of testing IE 5.5 or safari 2,
+     * so just assume the else gets hit */
+    if (!is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined')) {
+      hasOwnProp = function(object, property) {
+        return _hasOwnProperty.call(object, property);
+      };
+    }
+    else {
+      hasOwnProp = function(object, property) { /* yes, this can give false positives/negatives, but most of the time we don't care about those */
+        return ((property in object) && is(object.constructor.prototype[property], 'undefined'));
+      };
+    }
+  })();
+
+  
+
+  /**
+   * setClasses takes an array of class names and adds them to the root element
+   *
+   * @access private
+   * @function setClasses
+   * @param {string[]} classes - Array of class names
+   */
+  // Pass in an and array of class names, e.g.:
+  //  ['no-webp', 'borderradius', ...]
+  function setClasses(classes) {
+    var className = docElement.className;
+    var classPrefix = Modernizr._config.classPrefix || '';
+
+    if (isSVG) {
+      className = className.baseVal;
+    }
+
+    // Change `no-js` to `js` (independently of the `enableClasses` option)
+    // Handle classPrefix on this too
+    if (Modernizr._config.enableJSClass) {
+      var reJS = new RegExp('(^|\\s)' + classPrefix + 'no-js(\\s|$)');
+      className = className.replace(reJS, '$1' + classPrefix + 'js$2');
+    }
+
+    if (Modernizr._config.enableClasses) {
+      // Add the new classes
+      if (classes.length > 0) {
+        className += ' ' + classPrefix + classes.join(' ' + classPrefix);
+      }
+      if (isSVG) {
+        docElement.className.baseVal = className;
+      } else {
+        docElement.className = className;
+      }
+    }
+  }
+
+  ;
+
+
+  // _l tracks listeners for async tests, as well as tests that execute after the initial run
+  ModernizrProto._l = {};
+
+  /**
+   * Modernizr.on is a way to listen for the completion of async tests. Being
+   * asynchronous, they may not finish before your scripts run. As a result you
+   * will get a possibly false negative `undefined` value.
+   *
+   * @memberOf Modernizr
+   * @name Modernizr.on
+   * @access public
+   * @function on
+   * @param {string} feature - String name of the feature detect
+   * @param {Function} cb - Callback function returning a Boolean - true if feature is supported, false if not
+   * @returns {void}
+   * @example
+   *
+   * ```js
+   * Modernizr.on('flash', function( result ) {
+   *   if (result) {
+   *    // the browser has flash
+   *   } else {
+   *     // the browser does not have flash
+   *   }
+   * });
+   * ```
+   */
+  ModernizrProto.on = function(feature, cb) {
+    // Create the list of listeners if it doesn't exist
+    if (!this._l[feature]) {
+      this._l[feature] = [];
+    }
+
+    // Push this test on to the listener list
+    this._l[feature].push(cb);
+
+    // If it's already been resolved, trigger it on next tick
+    if (Modernizr.hasOwnProperty(feature)) {
+      // Next Tick
+      setTimeout(function() {
+        Modernizr._trigger(feature, Modernizr[feature]);
+      }, 0);
+    }
+  };
+
+  /**
+   * _trigger is the private function used to signal test completion and run any
+   * callbacks registered through [Modernizr.on](#modernizr-on)
+   *
+   * @memberOf Modernizr
+   * @name Modernizr._trigger
+   * @access private
+   * @function _trigger
+   * @param {string} feature - string name of the feature detect
+   * @param {Function|boolean} [res] - A feature detection function, or the boolean =
+   * result of a feature detection function
+   * @returns {void}
+   */
+  ModernizrProto._trigger = function(feature, res) {
+    if (!this._l[feature]) {
+      return;
+    }
+
+    var cbs = this._l[feature];
+
+    // Force async
+    setTimeout(function() {
+      var i, cb;
+      for (i = 0; i < cbs.length; i++) {
+        cb = cbs[i];
+        cb(res);
+      }
+    }, 0);
+
+    // Don't trigger these again
+    delete this._l[feature];
+  };
+
+  /**
+   * addTest allows you to define your own feature detects that are not currently
+   * included in Modernizr (under the covers it's the exact same code Modernizr
+   * uses for its own [feature detections](https://github.com/Modernizr/Modernizr/tree/master/feature-detects)).
+   * Just like the official detects, the result
+   * will be added onto the Modernizr object, as well as an appropriate className set on
+   * the html element when configured to do so
+   *
+   * @memberOf Modernizr
+   * @name Modernizr.addTest
+   * @optionName Modernizr.addTest()
+   * @optionProp addTest
+   * @access public
+   * @function addTest
+   * @param {string|object} feature - The string name of the feature detect, or an
+   * object of feature detect names and test
+   * @param {Function|boolean} test - Function returning true if feature is supported,
+   * false if not. Otherwise a boolean representing the results of a feature detection
+   * @returns {object} the Modernizr object to allow chaining
+   * @example
+   *
+   * The most common way of creating your own feature detects is by calling
+   * `Modernizr.addTest` with a string (preferably just lowercase, without any
+   * punctuation), and a function you want executed that will return a boolean result
+   *
+   * ```js
+   * Modernizr.addTest('itsTuesday', function() {
+   *  var d = new Date();
+   *  return d.getDay() === 2;
+   * });
+   * ```
+   *
+   * When the above is run, it will set Modernizr.itstuesday to `true` when it is tuesday,
+   * and to `false` every other day of the week. One thing to notice is that the names of
+   * feature detect functions are always lowercased when added to the Modernizr object. That
+   * means that `Modernizr.itsTuesday` will not exist, but `Modernizr.itstuesday` will.
+   *
+   *
+   *  Since we only look at the returned value from any feature detection function,
+   *  you do not need to actually use a function. For simple detections, just passing
+   *  in a statement that will return a boolean value works just fine.
+   *
+   * ```js
+   * Modernizr.addTest('hasjquery', 'jQuery' in window);
+   * ```
+   *
+   * Just like before, when the above runs `Modernizr.hasjquery` will be true if
+   * jQuery has been included on the page. Not using a function saves a small amount
+   * of overhead for the browser, as well as making your code much more readable.
+   *
+   * Finally, you also have the ability to pass in an object of feature names and
+   * their tests. This is handy if you want to add multiple detections in one go.
+   * The keys should always be a string, and the value can be either a boolean or
+   * function that returns a boolean.
+   *
+   * ```js
+   * var detects = {
+   *  'hasjquery': 'jQuery' in window,
+   *  'itstuesday': function() {
+   *    var d = new Date();
+   *    return d.getDay() === 2;
+   *  }
+   * }
+   *
+   * Modernizr.addTest(detects);
+   * ```
+   *
+   * There is really no difference between the first methods and this one, it is
+   * just a convenience to let you write more readable code.
+   */
+  function addTest(feature, test) {
+
+    if (typeof feature === 'object') {
+      for (var key in feature) {
+        if (hasOwnProp(feature, key)) {
+          addTest(key, feature[ key ]);
+        }
+      }
+    } else {
+
+      feature = feature.toLowerCase();
+      var featureNameSplit = feature.split('.');
+      var last = Modernizr[featureNameSplit[0]];
+
+      // Again, we don't check for parent test existence. Get that right, though.
+      if (featureNameSplit.length === 2) {
+        last = last[featureNameSplit[1]];
+      }
+
+      if (typeof last !== 'undefined') {
+        // we're going to quit if you're trying to overwrite an existing test
+        // if we were to allow it, we'd do this:
+        //   var re = new RegExp("\\b(no-)?" + feature + "\\b");
+        //   docElement.className = docElement.className.replace( re, '' );
+        // but, no rly, stuff 'em.
+        return Modernizr;
+      }
+
+      test = typeof test === 'function' ? test() : test;
+
+      // Set the value (this is the magic, right here).
+      if (featureNameSplit.length === 1) {
+        Modernizr[featureNameSplit[0]] = test;
+      } else {
+        // cast to a Boolean, if not one already
+        if (Modernizr[featureNameSplit[0]] && !(Modernizr[featureNameSplit[0]] instanceof Boolean)) {
+          Modernizr[featureNameSplit[0]] = new Boolean(Modernizr[featureNameSplit[0]]);
+        }
+
+        Modernizr[featureNameSplit[0]][featureNameSplit[1]] = test;
+      }
+
+      // Set a single class (either `feature` or `no-feature`)
+      setClasses([(!!test && test !== false ? '' : 'no-') + featureNameSplit.join('-')]);
+
+      // Trigger the event
+      Modernizr._trigger(feature, test);
+    }
+
+    return Modernizr; // allow chaining.
+  }
+
+  // After all the tests are run, add self to the Modernizr prototype
+  Modernizr._q.push(function() {
+    ModernizrProto.addTest = addTest;
+  });
+
+  
+
+/*!
+{
+  "name": "SVG as an <img> tag source",
+  "property": "svgasimg",
+  "caniuse": "svg-img",
+  "tags": ["svg"],
+  "aliases": ["svgincss"],
+  "authors": ["Chris Coyier"],
+  "notes": [{
+    "name": "HTML5 Spec",
+    "href": "https://www.w3.org/TR/html5/embedded-content-0.html#the-img-element"
+  }]
+}
+!*/
+
+
+  // Original Async test by Stu Cox
+  // https://gist.github.com/chriscoyier/8774501
+
+  // Now a Sync test based on good results here
+  // https://codepen.io/chriscoyier/pen/bADFx
+
+  // Note http://www.w3.org/TR/SVG11/feature#Image is *supposed* to represent
+  // support for the `<image>` tag in SVG, not an SVG file linked from an `<img>`
+  // tag in HTML – but it’s a heuristic which works
+  Modernizr.addTest('svgasimg', document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#Image', '1.1'));
+
+/*!
+{
+  "name": "SVG filters",
+  "property": "svgfilters",
+  "caniuse": "svg-filters",
+  "tags": ["svg"],
+  "builderAliases": ["svg_filters"],
+  "authors": ["Erik Dahlstrom"],
+  "notes": [{
+    "name": "W3C Spec",
+    "href": "https://www.w3.org/TR/SVG11/filters.html"
+  }]
+}
+!*/
+
+  // Should fail in Safari: https://stackoverflow.com/questions/9739955/feature-detecting-support-for-svg-filters.
+  Modernizr.addTest('svgfilters', function() {
+    var result = false;
+    try {
+      result = 'SVGFEColorMatrixElement' in window &&
+        SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_SATURATE === 2;
+    }
+    catch (e) {}
+    return result;
+  });
+
+/*!
+{
+  "name": "URL parser",
+  "property": "urlparser",
+  "notes": [{
+    "name": "WHATWG Spec",
+    "href": "https://url.spec.whatwg.org/"
+  }],
+  "polyfills": ["urlparser"],
+  "authors": ["Ron Waldon (@jokeyrhyme)"],
+  "tags": ["url"]
+}
+!*/
+/* DOC
+Check if browser implements the URL constructor for parsing URLs.
+*/
+
+  Modernizr.addTest('urlparser', function() {
+    var url;
+    try {
+      // have to actually try use it, because Safari defines a dud constructor
+      url = new URL('http://modernizr.com/');
+      return url.href === 'http://modernizr.com/';
+    } catch (e) {
+      return false;
+    }
+  });
+
+/*!
+{
+  "property": "urlsearchparams",
+  "caniuse": "urlsearchparams",
+  "tags": ["querystring", "url"],
+  "authors": ["Cătălin Mariș"],
+  "name": "URLSearchParams API",
+  "notes": [{
+    "name": "WHATWG Spec",
+    "href": "https://url.spec.whatwg.org/#interface-urlsearchparams"
+  }, {
+    "name": "MDN Docs",
+    "href": "https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams"
+  }]
+}
+!*/
+/* DOC
+Detects support for an API that provides utility methods for working with the query string of a URL.
+*/
+
+  Modernizr.addTest('urlsearchparams', 'URLSearchParams' in window);
+
+/*!
+{
+  "name": "Cross-Origin Resource Sharing",
+  "property": "cors",
+  "caniuse": "cors",
+  "authors": ["Theodoor van Donge"],
+  "notes": [{
+    "name": "MDN Docs",
+    "href": "https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS"
+  }],
+  "polyfills": ["pmxdr", "ppx", "flxhr"]
+}
+!*/
+/* DOC
+Detects support for Cross-Origin Resource Sharing: method of performing XMLHttpRequests across domains.
+*/
+
+  Modernizr.addTest('cors', 'XMLHttpRequest' in window && 'withCredentials' in new XMLHttpRequest());
+
+/*!
+{
+  "name": "Web Cryptography",
+  "property": "cryptography",
+  "caniuse": "cryptography",
+  "tags": ["crypto"],
+  "authors": ["roblarsen"],
+  "notes": [{
+    "name": "W3C Editor's Draft Spec",
+    "href": "https://www.w3.org/TR/WebCryptoAPI/"
+  }],
+  "polyfills": ["polycrypt"]
+}
+!*/
+/* DOC
+Detects support for the cryptographic functionality available under window.crypto.subtle
+*/
+
+  var crypto = prefixed('crypto', window);
+  Modernizr.addTest('crypto', !!prefixed('subtle', crypto));
+
+/*!
+{
+  "name": "iframe[sandbox] Attribute",
+  "property": "sandbox",
+  "caniuse": "iframe-sandbox",
+  "tags": ["iframe"],
+  "builderAliases": ["iframe_sandbox"],
+  "notes": [
+  {
+    "name": "WHATWG Spec",
+    "href": "https://html.spec.whatwg.org/multipage/embedded-content.html#attr-iframe-sandbox"
+  }],
+  "knownBugs": ["False-positive on Firefox < 29"]
+}
+!*/
+/* DOC
+Test for `sandbox` attribute in iframes.
+*/
+
+  Modernizr.addTest('sandbox', 'sandbox' in createElement('iframe'));
+
+/*!
+{
+  "name": "JSON",
+  "property": "json",
+  "caniuse": "json",
+  "notes": [{
+    "name": "MDN Docs",
+    "href": "https://developer.mozilla.org/en-US/docs/Glossary/JSON"
+  }],
+  "polyfills": ["json2"]
+}
+!*/
+/* DOC
+Detects native support for JSON handling functions.
+*/
+
+  // this will also succeed if you've loaded the JSON2.js polyfill ahead of time
+  //   ... but that should be obvious. :)
+
+  Modernizr.addTest('json', 'JSON' in window && 'parse' in JSON && 'stringify' in JSON);
+
+/*!
+{
+  "name": "Fetch API",
+  "property": "fetch",
+  "tags": ["network"],
+  "caniuse": "fetch",
+  "notes": [{
+    "name": "WHATWG Spec",
+    "href": "https://fetch.spec.whatwg.org/"
+  }],
+  "polyfills": ["fetch"]
+}
+!*/
+/* DOC
+Detects support for the fetch API, a modern replacement for XMLHttpRequest.
+*/
+
+  Modernizr.addTest('fetch', 'fetch' in window);
+
+/*!
+{
+  "name": "Local Storage",
+  "property": "localstorage",
+  "caniuse": "namevalue-storage",
+  "tags": ["storage"],
+  "polyfills": [
+    "joshuabell-polyfill",
+    "cupcake",
+    "storagepolyfill",
+    "amplifyjs",
+    "yui-cacheoffline"
+  ]
+}
+!*/
+
+  // In FF4, if disabled, window.localStorage should === null.
+
+  // Normally, we could not test that directly and need to do a
+  //   `('localStorage' in window)` test first because otherwise Firefox will
+  //   throw bugzil.la/365772 if cookies are disabled
+
+  // Similarly, in Chrome with "Block third-party cookies and site data" enabled,
+  // attempting to access `window.sessionStorage` will throw an exception. crbug.com/357625
+
+  // Also in iOS5 Private Browsing mode, attempting to use localStorage.setItem
+  // will throw the exception:
+  //   QUOTA_EXCEEDED_ERROR DOM Exception 22.
+  // Peculiarly, getItem and removeItem calls do not throw.
+
+  // Because we are forced to try/catch this, we'll go aggressive.
+
+  // Just FWIW: IE8 Compat mode supports these features completely:
+  //   www.quirksmode.org/dom/html5.html
+  // But IE8 doesn't support either with local files
+
+  Modernizr.addTest('localstorage', function() {
+    var mod = 'modernizr';
+    try {
+      localStorage.setItem(mod, mod);
+      localStorage.removeItem(mod);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  });
+
+/*!
+{
+  "name": "ResizeObserver",
+  "property": "resizeobserver",
+  "caniuse": "resizeobserver",
+  "tags": ["ResizeObserver"],
+  "authors": ["Christian Andersson"],
+  "notes": [{
+    "name": "W3C Spec",
+    "href": "https://www.w3.org/TR/resize-observer/"
+  }, {
+    "name": "MDN Docs",
+    "href": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver"
+  }, {
+    "name": "Web.dev Article",
+    "href": "https://web.dev/resize-observer/"
+  }, {
+    "name": "Digital Ocean tutorial",
+    "href": "https://www.digitalocean.com/community/tutorials/js-resize-observer"
+  }]
+}
+!*/
+
+/* DOC
+Detects support for ResizeObserver.
+*/
+
+  Modernizr.addTest('resizeobserver', 'ResizeObserver' in window);
+
+/*!
+{
+  "name": "Web Audio API",
+  "property": "webaudio",
+  "caniuse": "audio-api",
+  "polyfills": ["xaudiojs", "dynamicaudiojs", "audiolibjs"],
+  "tags": ["audio", "media"],
+  "builderAliases": ["audio_webaudio_api"],
+  "authors": ["Addy Osmani"],
+  "notes": [{
+    "name": "W3C Spec",
+    "href": "https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html"
+  }]
+}
+!*/
+/* DOC
+Detects the older non standard webaudio API, (as opposed to the standards based AudioContext API)
+*/
+
+  Modernizr.addTest('webaudio', function() {
+    var prefixed = 'webkitAudioContext' in window;
+    var unprefixed = 'AudioContext' in window;
+
+    if (Modernizr._config.usePrefixes) {
+      return prefixed || unprefixed;
+    }
+    return unprefixed;
+  });
+
+
+  // Run each test
+  testRunner();
+
+  delete ModernizrProto.addTest;
+  delete ModernizrProto.addAsyncTest;
+
+  // Run the things that are supposed to run after the tests
+  for (var i = 0; i < Modernizr._q.length; i++) {
+    Modernizr._q[i]();
+  }
+
+  // Leak Modernizr namespace
+  scriptGlobalObject.Modernizr = Modernizr;
+
+
+;
+
+})(window, window, document);
diff --git a/apps/web/src/vector/platform/ElectronPlatform.test.ts b/apps/web/src/vector/platform/ElectronPlatform.test.ts
new file mode 100644
index 00000000000..48c90a2d337
--- /dev/null
+++ b/apps/web/src/vector/platform/ElectronPlatform.test.ts
@@ -0,0 +1,534 @@
+/*
+Copyright 2024-2025 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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeAll, beforeEach, afterEach, type MockedObject } from "vitest";
+import { logger } from "matrix-js-sdk/src/logger";
+import { MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import { waitFor } from "test-utils-rtl";
+import { stubClient } from "test-utils";
+import "vitest-canvas-mock";
+
+import { UpdateCheckStatus } from "../../BasePlatform";
+import { Action } from "../../dispatcher/actions";
+import dispatcher from "../../dispatcher/dispatcher";
+import * as rageshake from "../../rageshake/rageshake";
+import { BreadcrumbsStore } from "../../stores/BreadcrumbsStore";
+import Modal from "../../Modal";
+import DesktopCapturerSourcePicker from "../../components/views/elements/DesktopCapturerSourcePicker";
+import ElectronPlatform from "./ElectronPlatform";
+import ToastStore from "../../stores/ToastStore.ts";
+
+vi.mock("../../rageshake/rageshake", () => ({
+    flush: vi.fn(),
+}));
+
+describe("ElectronPlatform", () => {
+    const initialiseValues = vi.fn().mockReturnValue({
+        protocol: "io.element.desktop",
+        sessionId: "session-id",
+        config: { _config: true },
+        supportedSettings: { setting1: false, setting2: true },
+        supportsBadgeOverlay: false,
+    });
+    const defaultUserAgent =
+        "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 " +
+        "(KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36";
+    const mockElectron = {
+        on: vi.fn(),
+        send: vi.fn(),
+        initialise: initialiseValues,
+        setSettingValue: vi.fn().mockResolvedValue(undefined),
+        getSettingValue: vi.fn().mockResolvedValue(undefined),
+    } as unknown as MockedObject<Electron>;
+
+    const dispatchSpy = vi.spyOn(dispatcher, "dispatch");
+    const dispatchFireSpy = vi.spyOn(dispatcher, "fire");
+    const logSpy = vi.spyOn(logger, "log").mockImplementation(() => {});
+
+    const userId = "@alice:server.org";
+    const deviceId = "device-id";
+
+    beforeEach(() => {
+        window.electron = mockElectron;
+        vi.clearAllMocks();
+        Object.defineProperty(window, "navigator", { value: { userAgent: defaultUserAgent }, writable: true });
+    });
+
+    const getElectronEventHandlerCall = (
+        eventType: string,
+    ): [type: string, handler: (...args: any) => void] | undefined =>
+        mockElectron.on.mock.calls.find(([type]) => type === eventType);
+
+    it("flushes rageshake before quitting", () => {
+        new ElectronPlatform();
+        const [event, handler] = getElectronEventHandlerCall("before-quit")!;
+        // correct event bound
+        expect(event).toBeTruthy();
+
+        handler();
+
+        expect(logSpy).toHaveBeenCalled();
+        expect(rageshake.flush).toHaveBeenCalled();
+    });
+
+    it("should load config", async () => {
+        const platform = new ElectronPlatform();
+        await expect(platform.getConfig()).resolves.toEqual({ _config: true });
+    });
+
+    it("should return oidc client state as expected", async () => {
+        const platform = new ElectronPlatform();
+        await platform.getConfig();
+        expect(platform.getOAuthClientState()).toMatchInlineSnapshot(`":element-desktop-ssoid:session-id"`);
+    });
+
+    it("dispatches view settings action on preferences event", () => {
+        new ElectronPlatform();
+        const [event, handler] = getElectronEventHandlerCall("preferences")!;
+        // correct event bound
+        expect(event).toBeTruthy();
+
+        handler();
+
+        expect(dispatchFireSpy).toHaveBeenCalledWith(Action.ViewUserSettings);
+    });
+
+    it("creates a modal on openDesktopCapturerSourcePicker", async () => {
+        const plat = new ElectronPlatform();
+        Modal.createDialog = vi.fn();
+
+        // @ts-ignore mock
+        vi.mocked(Modal.createDialog).mockReturnValue({
+            finished: new Promise((r) => r(["source"])),
+        });
+
+        let res: () => void;
+        const waitForIPCSend = new Promise<void>((r) => {
+            res = r;
+        });
+        // @ts-ignore mock
+        vi.spyOn(plat.ipc, "call").mockImplementation(() => {
+            res();
+        });
+
+        const [event, handler] = getElectronEventHandlerCall("openDesktopCapturerSourcePicker")!;
+        handler();
+
+        await waitForIPCSend;
+
+        expect(event).toBeTruthy();
+        expect(Modal.createDialog).toHaveBeenCalledWith(DesktopCapturerSourcePicker);
+        // @ts-ignore mock
+        expect(plat.ipc.call).toHaveBeenCalledWith("callDisplayMediaCallback", "source");
+    });
+
+    it("should show a toast when showToast is fired", async () => {
+        new ElectronPlatform();
+        dispatcher.dispatch(
+            {
+                action: Action.ClientStarted,
+            },
+            true,
+        );
+        const spy = vi.spyOn(ToastStore.sharedInstance(), "addOrReplaceToast");
+
+        const [event, handler] = getElectronEventHandlerCall("showToast")!;
+        handler({} as any, { title: "title", description: "description" });
+
+        expect(event).toBeTruthy();
+        await waitFor(() =>
+            expect(spy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    title: "title",
+                    props: expect.objectContaining({ description: "description" }),
+                }),
+            ),
+        );
+    });
+
+    describe("updates", () => {
+        it("dispatches on check updates action", () => {
+            new ElectronPlatform();
+            const [event, handler] = getElectronEventHandlerCall("check_updates")!;
+            // correct event bound
+            expect(event).toBeTruthy();
+
+            handler({}, true);
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: Action.CheckUpdates,
+                status: UpdateCheckStatus.Downloading,
+            });
+        });
+
+        it("dispatches on check updates action when update not available", () => {
+            new ElectronPlatform();
+            const [, handler] = getElectronEventHandlerCall("check_updates")!;
+
+            handler({}, false);
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: Action.CheckUpdates,
+                status: UpdateCheckStatus.NotAvailable,
+            });
+        });
+
+        it("starts update check", () => {
+            const platform = new ElectronPlatform();
+            platform.startUpdateCheck();
+            expect(mockElectron.send).toHaveBeenCalledWith("check_updates");
+        });
+
+        it("installs update", () => {
+            const platform = new ElectronPlatform();
+            platform.installUpdate();
+            expect(mockElectron.send).toHaveBeenCalledWith("install_update");
+        });
+    });
+
+    it("returns human readable name", () => {
+        const platform = new ElectronPlatform();
+        expect(platform.getHumanReadableName()).toEqual("Electron Platform");
+    });
+
+    describe("getDefaultDeviceDisplayName", () => {
+        it.each([
+            [
+                "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 " +
+                    "(KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36",
+                "Element Desktop: macOS",
+            ],
+            [
+                "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) " +
+                    "electron/1.0.0 Chrome/53.0.2785.113 Electron/1.4.3 Safari/537.36",
+                "Element Desktop: Windows",
+            ],
+            ["Mozilla/5.0 (X11; Linux i686; rv:21.0) Gecko/20100101 Firefox/21.0", "Element Desktop: Linux"],
+            ["Mozilla/5.0 (X11; FreeBSD i686; rv:21.0) Gecko/20100101 Firefox/21.0", "Element Desktop: FreeBSD"],
+            ["Mozilla/5.0 (X11; OpenBSD i686; rv:21.0) Gecko/20100101 Firefox/21.0", "Element Desktop: OpenBSD"],
+            ["Mozilla/5.0 (X11; SunOS i686; rv:21.0) Gecko/20100101 Firefox/21.0", "Element Desktop: SunOS"],
+            ["custom user agent", "Element Desktop: Unknown"],
+        ])("%s = %s", (userAgent, result) => {
+            Object.defineProperty(window, "navigator", { value: { userAgent }, writable: true });
+            const platform = new ElectronPlatform();
+            expect(platform.getDefaultDeviceDisplayName()).toEqual(result);
+        });
+    });
+
+    it("returns true for needsUrlTooltips", () => {
+        const platform = new ElectronPlatform();
+        expect(platform.needsUrlTooltips()).toBe(true);
+    });
+
+    it("should override browser shortcuts", () => {
+        const platform = new ElectronPlatform();
+        expect(platform.overrideBrowserShortcuts()).toBe(true);
+    });
+
+    it("allows overriding native context menus", () => {
+        const platform = new ElectronPlatform();
+        expect(platform.allowOverridingNativeContextMenus()).toBe(true);
+    });
+
+    it("indicates support for desktop capturer", () => {
+        const platform = new ElectronPlatform();
+        expect(platform.supportsDesktopCapturer()).toBe(true);
+    });
+
+    it("indicates no support for jitsi screensharing", () => {
+        const platform = new ElectronPlatform();
+        expect(platform.supportsJitsiScreensharing()).toBe(false);
+    });
+
+    describe("notifications", () => {
+        it("indicates support for notifications", () => {
+            const platform = new ElectronPlatform();
+            expect(platform.supportsNotifications()).toBe(true);
+        });
+
+        it("may send notifications", () => {
+            const platform = new ElectronPlatform();
+            expect(platform.maySendNotifications()).toBe(true);
+        });
+
+        it("pretends to request notification permission", async () => {
+            const platform = new ElectronPlatform();
+            const result = await platform.requestNotificationPermission();
+            expect(result).toEqual("granted");
+        });
+
+        it("creates a loud notification", async () => {
+            const platform = new ElectronPlatform();
+            platform.loudNotification(new MatrixEvent(), new Room("!room:server", {} as any, userId));
+            expect(mockElectron.send).toHaveBeenCalledWith("loudNotification");
+        });
+
+        it("sets notification count when count is changing", async () => {
+            const platform = new ElectronPlatform();
+            platform.setNotificationCount(0);
+            // not called because matches internal notificaiton count
+            expect(mockElectron.send).not.toHaveBeenCalledWith("setBadgeCount", 0);
+            platform.setNotificationCount(1);
+            expect(mockElectron.send).toHaveBeenCalledWith("setBadgeCount", 1);
+        });
+    });
+
+    describe("spellcheck", () => {
+        it("indicates support for spellcheck settings", () => {
+            const platform = new ElectronPlatform();
+            expect(platform.supportsSpellCheckSettings()).toBe(true);
+        });
+
+        it("gets available spellcheck languages", () => {
+            const platform = new ElectronPlatform();
+            mockElectron.send.mockClear();
+            platform.getAvailableSpellCheckLanguages();
+
+            const [channel, { name }] = mockElectron.send.mock.calls[0];
+            expect(channel).toEqual("ipcCall");
+            expect(name).toEqual("getAvailableSpellCheckLanguages");
+        });
+    });
+
+    describe("pickle key", () => {
+        it("makes correct ipc call to get pickle key", () => {
+            const platform = new ElectronPlatform();
+            mockElectron.send.mockClear();
+            platform.getPickleKey(userId, deviceId);
+
+            const [, { name, args }] = mockElectron.send.mock.calls[0];
+            expect(name).toEqual("getPickleKey");
+            expect(args).toEqual([userId, deviceId]);
+        });
+
+        it("makes correct ipc call to create pickle key", () => {
+            const platform = new ElectronPlatform();
+            mockElectron.send.mockClear();
+            platform.createPickleKey(userId, deviceId);
+
+            const [, { name, args }] = mockElectron.send.mock.calls[0];
+            expect(name).toEqual("createPickleKey");
+            expect(args).toEqual([userId, deviceId]);
+        });
+
+        it("makes correct ipc call to destroy pickle key", () => {
+            const platform = new ElectronPlatform();
+            mockElectron.send.mockClear();
+            platform.destroyPickleKey(userId, deviceId);
+
+            const [, { name, args }] = mockElectron.send.mock.calls[0];
+            expect(name).toEqual("destroyPickleKey");
+            expect(args).toEqual([userId, deviceId]);
+        });
+    });
+
+    describe("versions", () => {
+        it("calls install update", () => {
+            const platform = new ElectronPlatform();
+            platform.installUpdate();
+
+            expect(mockElectron.send).toHaveBeenCalledWith("install_update");
+        });
+    });
+
+    describe("breadcrumbs", () => {
+        it("should send breadcrumb updates over the IPC", () => {
+            const spy = vi.spyOn(BreadcrumbsStore.instance, "on");
+            new ElectronPlatform();
+            const cb = spy.mock.calls[0][1];
+            cb();
+
+            expect(mockElectron.send).toHaveBeenCalledWith(
+                "ipcCall",
+                expect.objectContaining({
+                    name: "breadcrumbs",
+                }),
+            );
+        });
+    });
+
+    describe("authenticated media", () => {
+        it("should respond to relevant ipc requests", async () => {
+            const cli = stubClient();
+            vi.mocked(cli.getAccessToken).mockReturnValue("access_token");
+            vi.mocked(cli.getHomeserverUrl).mockReturnValue("homeserver_url");
+            vi.mocked(cli.getVersions).mockResolvedValue({
+                versions: ["v1.1"],
+                unstable_features: {},
+            });
+
+            new ElectronPlatform();
+
+            const userAccessTokenCall = mockElectron.on.mock.calls.find((call) => call[0] === "userAccessToken");
+            userAccessTokenCall![1]({} as any);
+            const userAccessTokenResponse = mockElectron.send.mock.calls.find((call) => call[0] === "userAccessToken");
+            expect(userAccessTokenResponse![1]).toBe("access_token");
+
+            const homeserverUrlCall = mockElectron.on.mock.calls.find((call) => call[0] === "homeserverUrl");
+            homeserverUrlCall![1]({} as any);
+            const homeserverUrlResponse = mockElectron.send.mock.calls.find((call) => call[0] === "homeserverUrl");
+            expect(homeserverUrlResponse![1]).toBe("homeserver_url");
+
+            const serverSupportedVersionsCall = mockElectron.on.mock.calls.find(
+                (call) => call[0] === "serverSupportedVersions",
+            );
+            await (serverSupportedVersionsCall![1]({} as any) as unknown as Promise<unknown>);
+            const serverSupportedVersionsResponse = mockElectron.send.mock.calls.find(
+                (call) => call[0] === "serverSupportedVersions",
+            );
+            expect(serverSupportedVersionsResponse![1]).toEqual({ versions: ["v1.1"], unstable_features: {} });
+        });
+    });
+
+    describe("settings", () => {
+        let platform: ElectronPlatform;
+        beforeAll(async () => {
+            window.electron = mockElectron;
+            platform = new ElectronPlatform();
+            await platform.getConfig(); // await init
+        });
+
+        it("supportsSetting should return true for the platform", () => {
+            expect(platform.supportsSetting()).toBe(true);
+        });
+
+        it("supportsSetting should return true for available settings", () => {
+            expect(platform.supportsSetting("setting2")).toBe(true);
+        });
+
+        it("supportsSetting should return false for unavailable settings", () => {
+            expect(platform.supportsSetting("setting1")).toBe(false);
+        });
+
+        it("should read setting value over ipc", async () => {
+            mockElectron.getSettingValue.mockResolvedValue("value");
+            await expect(platform.getSettingValue("setting2")).resolves.toEqual("value");
+            expect(mockElectron.getSettingValue).toHaveBeenCalledWith("setting2");
+        });
+
+        it("should write setting value over ipc", async () => {
+            await platform.setSettingValue("setting2", "newValue");
+            expect(mockElectron.setSettingValue).toHaveBeenCalledWith("setting2", "newValue");
+        });
+    });
+
+    it("should forward call_state dispatcher events via ipc", async () => {
+        new ElectronPlatform();
+
+        dispatcher.dispatch(
+            {
+                action: "call_state",
+                state: "connected",
+            },
+            true,
+        );
+
+        const ipcMessage = mockElectron.send.mock.calls.find((call) => call[0] === "app_onAction");
+        expect(ipcMessage![1]).toEqual({
+            action: "call_state",
+            state: "connected",
+        });
+    });
+
+    describe("Notification overlay badges", () => {
+        beforeEach(() => {
+            initialiseValues.mockReturnValue({
+                protocol: "io.element.desktop",
+                sessionId: "session-id",
+                config: { _config: true },
+                supportsBadgeOverlay: true,
+            });
+        });
+
+        afterEach(() => {
+            vi.clearAllMocks();
+        });
+
+        it("should send a badge with a notification count", async () => {
+            const platform = new ElectronPlatform();
+            await platform.initialised;
+            platform.setNotificationCount(1);
+            // Badges are sent asynchronously
+            await waitFor(() => {
+                const ipcMessage = mockElectron.send.mock.lastCall;
+                expect(ipcMessage?.[1]).toEqual(1);
+                expect(ipcMessage?.[2].constructor.name).toEqual("ArrayBuffer");
+            });
+        });
+
+        it("should update badge and skip duplicates", async () => {
+            const platform = new ElectronPlatform();
+            await platform.initialised;
+            platform.setNotificationCount(1);
+            platform.setNotificationCount(1); // Test that duplicates do not fire.
+            platform.setNotificationCount(2);
+            // Badges are sent asynchronously
+            await waitFor(() => {
+                const [ipcMessageA, ipcMessageB] = mockElectron.send.mock.calls.filter(
+                    (call) => call[0] === "setBadgeCount",
+                );
+
+                expect(ipcMessageA?.[1]).toEqual(1);
+                expect(ipcMessageA?.[2].constructor.name).toEqual("ArrayBuffer");
+
+                expect(ipcMessageB?.[1]).toEqual(2);
+                expect(ipcMessageB?.[2].constructor.name).toEqual("ArrayBuffer");
+            });
+        });
+        it("should remove badge when notification count zeros", async () => {
+            const platform = new ElectronPlatform();
+            await platform.initialised;
+            platform.setNotificationCount(1);
+            platform.setNotificationCount(0); // Test that duplicates do not fire.
+            // Badges are sent asynchronously
+            await waitFor(() => {
+                const [ipcMessageB, ipcMessageA] = mockElectron.send.mock.calls.filter(
+                    (call) => call[0] === "setBadgeCount",
+                );
+
+                expect(ipcMessageA?.[1]).toEqual(1);
+                expect(ipcMessageA?.[2].constructor.name).toEqual("ArrayBuffer");
+
+                expect(ipcMessageB?.[1]).toEqual(0);
+                expect(ipcMessageB?.[2]).toBeNull();
+            });
+        });
+        it("should show an error badge when the application errors", async () => {
+            const platform = new ElectronPlatform();
+            await platform.initialised;
+            platform.setErrorStatus(true);
+            // Badges are sent asynchronously
+            await waitFor(() => {
+                const ipcMessage = mockElectron.send.mock.calls.find((call) => call[0] === "setBadgeCount");
+
+                expect(ipcMessage?.[1]).toEqual(0);
+                expect(ipcMessage?.[2].constructor.name).toEqual("ArrayBuffer");
+                expect(ipcMessage?.[3]).toEqual(true);
+            });
+        });
+        it("should restore after error is resolved", async () => {
+            const platform = new ElectronPlatform();
+            await platform.initialised;
+            platform.setErrorStatus(true);
+            platform.setErrorStatus(false);
+            // Badges are sent asynchronously
+            await waitFor(() => {
+                const [ipcMessageB, ipcMessageA] = mockElectron.send.mock.calls.filter(
+                    (call) => call[0] === "setBadgeCount",
+                );
+
+                expect(ipcMessageA?.[1]).toEqual(0);
+                expect(ipcMessageA?.[2].constructor.name).toEqual("ArrayBuffer");
+                expect(ipcMessageA?.[3]).toEqual(true);
+
+                expect(ipcMessageB?.[1]).toEqual(0);
+                expect(ipcMessageB?.[2]).toBeNull();
+            });
+        });
+    });
+});
diff --git a/apps/web/src/vector/platform/ElectronPlatform.tsx b/apps/web/src/vector/platform/ElectronPlatform.tsx
new file mode 100644
index 00000000000..b81ff409174
--- /dev/null
+++ b/apps/web/src/vector/platform/ElectronPlatform.tsx
@@ -0,0 +1,571 @@
+/*
+Copyright 2024-2025 New Vector Ltd.
+Copyright 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+Copyright 2018-2021 New Vector Ltd
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2016 Aviral Dasgupta
+Copyright 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.
+*/
+
+import {
+    type MatrixClient,
+    type Room,
+    type MatrixEvent,
+    type OAuthRegistrationRequest,
+} from "matrix-js-sdk/src/matrix";
+import React from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { uniqueId } from "lodash";
+
+import BasePlatform, { UpdateCheckStatus, type UpdateStatus } from "../../BasePlatform";
+import type BaseEventIndexManager from "../../indexing/BaseEventIndexManager";
+import dis from "../../dispatcher/dispatcher";
+import SdkConfig from "../../SdkConfig";
+import { type IConfigOptions } from "../../IConfigOptions";
+import * as rageshake from "../../rageshake/rageshake";
+import Modal from "../../Modal";
+import InfoDialog from "../../components/views/dialogs/InfoDialog";
+import Spinner from "../../components/views/elements/Spinner";
+import { Action } from "../../dispatcher/actions";
+import { type ActionPayload } from "../../dispatcher/payloads";
+import { showToast as showUpdateToast } from "../../toasts/UpdateToast";
+import { type CheckUpdatesPayload } from "../../dispatcher/payloads/CheckUpdatesPayload";
+import ToastStore from "../../stores/ToastStore";
+import GenericExpiringToast from "../../components/views/toasts/GenericExpiringToast";
+import { BreadcrumbsStore } from "../../stores/BreadcrumbsStore";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+import { avatarUrlForRoom, getInitialLetter } from "../../Avatar";
+import DesktopCapturerSourcePicker from "../../components/views/elements/DesktopCapturerSourcePicker";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import { SeshatIndexManager } from "./SeshatIndexManager";
+import { IPCManager } from "./IPCManager";
+import { _t } from "../../languageHandler";
+import { BadgeOverlayRenderer } from "../../favicon";
+import GenericToast from "../../components/views/toasts/GenericToast.tsx";
+
+interface SquirrelUpdate {
+    releaseNotes: string;
+    releaseName: string;
+    releaseDate: Date;
+    updateURL: string;
+}
+
+const SSO_ID_KEY = "element-desktop-ssoid";
+
+function platformFriendlyName(): string {
+    // used to use window.process but the same info is available here
+    if (navigator.userAgent.includes("Macintosh")) {
+        return "macOS";
+    } else if (navigator.userAgent.includes("FreeBSD")) {
+        return "FreeBSD";
+    } else if (navigator.userAgent.includes("OpenBSD")) {
+        return "OpenBSD";
+    } else if (navigator.userAgent.includes("SunOS")) {
+        return "SunOS";
+    } else if (navigator.userAgent.includes("Windows")) {
+        return "Windows";
+    } else if (navigator.userAgent.includes("Linux")) {
+        return "Linux";
+    } else {
+        return "Unknown";
+    }
+}
+
+function getUpdateCheckStatus(status: boolean | string): UpdateStatus {
+    if (status === true) {
+        return { status: UpdateCheckStatus.Downloading };
+    } else if (status === false) {
+        return { status: UpdateCheckStatus.NotAvailable };
+    } else {
+        return {
+            status: UpdateCheckStatus.Error,
+            detail: status,
+        };
+    }
+}
+
+export default class ElectronPlatform extends BasePlatform {
+    private readonly ipc = new IPCManager("ipcCall", "ipcReply");
+    private readonly eventIndexManager: BaseEventIndexManager = new SeshatIndexManager();
+    public readonly initialised: Promise<void>;
+    private readonly electron: Electron;
+    private protocol!: string;
+    private sessionId!: string;
+    private badgeOverlayRenderer?: BadgeOverlayRenderer;
+    private config!: IConfigOptions;
+    private supportedSettings?: Record<string, boolean>;
+    private clientStartedPromiseWithResolvers = Promise.withResolvers<void>();
+
+    public constructor() {
+        super();
+
+        if (!window.electron) {
+            throw new Error("Cannot instantiate ElectronPlatform, window.electron is not set");
+        }
+        this.electron = window.electron;
+
+        /*
+            IPC Call `check_updates` returns:
+            true if there is an update available
+            false if there is not
+            or the error if one is encountered
+         */
+        this.electron.on("check_updates", (event, status) => {
+            dis.dispatch<CheckUpdatesPayload>({
+                action: Action.CheckUpdates,
+                ...getUpdateCheckStatus(status),
+            });
+        });
+
+        // `userAccessToken` (IPC) is requested by the main process when appending authentication
+        // to media downloads. A reply is sent over the same channel.
+        this.electron.on("userAccessToken", () => {
+            this.electron.send("userAccessToken", MatrixClientPeg.get()?.getAccessToken());
+        });
+
+        // `homeserverUrl` (IPC) is requested by the main process. A reply is sent over the same channel.
+        this.electron.on("homeserverUrl", () => {
+            this.electron.send("homeserverUrl", MatrixClientPeg.get()?.getHomeserverUrl());
+        });
+
+        // `serverSupportedVersions` is requested by the main process when it needs to know if the
+        // server supports a particular version. This is primarily used to detect authenticated media
+        // support. A reply is sent over the same channel.
+        this.electron.on("serverSupportedVersions", async () => {
+            this.electron.send("serverSupportedVersions", await MatrixClientPeg.get()?.getVersions());
+        });
+
+        // try to flush the rageshake logs to indexeddb before quit.
+        this.electron.on("before-quit", function () {
+            logger.log("element-desktop closing");
+            rageshake.flush();
+        });
+
+        this.electron.on("update-downloaded", this.onUpdateDownloaded);
+
+        this.electron.on("preferences", () => {
+            dis.fire(Action.ViewUserSettings);
+        });
+
+        this.electron.on("userDownloadCompleted", (ev, { id, name }) => {
+            const key = `DOWNLOAD_TOAST_${id}`;
+
+            const onAccept = (): void => {
+                this.electron.send("userDownloadAction", { id, open: true });
+                ToastStore.sharedInstance().dismissToast(key);
+            };
+
+            const onDismiss = (): void => {
+                this.electron.send("userDownloadAction", { id });
+            };
+
+            ToastStore.sharedInstance().addOrReplaceToast({
+                key,
+                title: _t("download_completed"),
+                props: {
+                    description: name,
+                    primaryLabel: _t("action|open"),
+                    onPrimaryClick: onAccept,
+                    dismissLabel: _t("action|dismiss"),
+                    onDismiss,
+                    numSeconds: 10,
+                },
+                component: GenericExpiringToast,
+                priority: 99,
+            });
+        });
+
+        this.electron.on("openDesktopCapturerSourcePicker", async () => {
+            const { finished } = Modal.createDialog(DesktopCapturerSourcePicker);
+            const [source] = await finished;
+            // getDisplayMedia promise does not return if no dummy is passed here as source
+            await this.ipc.call("callDisplayMediaCallback", source ?? { id: "", name: "", thumbnailURL: "" });
+        });
+
+        this.electron.on("showToast", async (ev, { title, description, priority = 40 }) => {
+            await this.clientStartedPromiseWithResolvers.promise;
+
+            const key = uniqueId("electron_showToast_");
+            const onPrimaryClick = (): void => {
+                ToastStore.sharedInstance().dismissToast(key);
+            };
+
+            ToastStore.sharedInstance().addOrReplaceToast({
+                key,
+                title,
+                props: {
+                    description,
+                    primaryLabel: _t("action|dismiss"),
+                    onPrimaryClick,
+                },
+                component: GenericToast,
+                priority,
+            });
+        });
+
+        BreadcrumbsStore.instance.on(UPDATE_EVENT, this.onBreadcrumbsUpdate);
+
+        this.initialised = this.initialise();
+    }
+
+    protected onAction(payload: ActionPayload): void {
+        super.onAction(payload);
+        // Whitelist payload actions, no point sending most across
+        if (["call_state"].includes(payload.action)) {
+            this.electron.send("app_onAction", payload);
+        }
+
+        if (payload.action === Action.ClientStarted) {
+            this.clientStartedPromiseWithResolvers.resolve();
+        }
+    }
+
+    private async initialise(): Promise<void> {
+        const { protocol, sessionId, config, supportedSettings, supportsBadgeOverlay } =
+            await this.electron.initialise();
+        this.protocol = protocol;
+        this.sessionId = sessionId;
+        this.config = config;
+        this.supportedSettings = supportedSettings;
+        if (supportsBadgeOverlay) {
+            this.badgeOverlayRenderer = new BadgeOverlayRenderer();
+        }
+    }
+
+    public async getConfig(): Promise<IConfigOptions | undefined> {
+        await this.initialised;
+        return this.config;
+    }
+
+    private onBreadcrumbsUpdate = (): void => {
+        const rooms = BreadcrumbsStore.instance.rooms.slice(0, 7).map((r) => ({
+            roomId: r.roomId,
+            avatarUrl: avatarUrlForRoom(
+                r,
+                Math.floor(60 * window.devicePixelRatio),
+                Math.floor(60 * window.devicePixelRatio),
+                "crop",
+            ),
+            initial: getInitialLetter(r.name),
+        }));
+        void this.ipc.call("breadcrumbs", rooms);
+    };
+
+    private onUpdateDownloaded = async (ev: Event, { releaseNotes, releaseName }: SquirrelUpdate): Promise<void> => {
+        dis.dispatch<CheckUpdatesPayload>({
+            action: Action.CheckUpdates,
+            status: UpdateCheckStatus.Ready,
+        });
+        if (this.shouldShowUpdate(releaseName)) {
+            showUpdateToast(await this.getAppVersion(), releaseName, releaseNotes);
+        }
+    };
+
+    public getHumanReadableName(): string {
+        return "Electron Platform"; // no translation required: only used for analytics
+    }
+
+    /**
+     * Return true if platform supports multi-language
+     * spell-checking, otherwise false.
+     */
+    public supportsSpellCheckSettings(): boolean {
+        return true;
+    }
+
+    public allowOverridingNativeContextMenus(): boolean {
+        return true;
+    }
+
+    public setNotificationCount(count: number): void {
+        if (this.notificationCount === count) return;
+        super.setNotificationCount(count);
+        if (this.badgeOverlayRenderer) {
+            this.badgeOverlayRenderer
+                .render(count)
+                .then((buffer) => {
+                    this.electron.send("setBadgeCount", count, buffer);
+                })
+                .catch((ex) => {
+                    logger.warn("Unable to generate badge overlay", ex);
+                });
+        } else {
+            this.electron.send("setBadgeCount", count);
+        }
+    }
+
+    public setErrorStatus(errorDidOccur: boolean): void {
+        if (!this.badgeOverlayRenderer) {
+            super.setErrorStatus(errorDidOccur);
+            return;
+        }
+        // Check before calling super so we don't override the previous state.
+        if (this.errorDidOccur !== errorDidOccur) {
+            super.setErrorStatus(errorDidOccur);
+            let promise: Promise<ArrayBuffer | null>;
+            if (errorDidOccur) {
+                promise = this.badgeOverlayRenderer.render(this.notificationCount || "×", "#f00");
+            } else {
+                promise = this.badgeOverlayRenderer.render(this.notificationCount);
+            }
+            promise
+                .then((buffer) => {
+                    this.electron.send("setBadgeCount", this.notificationCount, buffer, errorDidOccur);
+                })
+                .catch((ex) => {
+                    logger.warn("Unable to generate badge overlay", ex);
+                });
+        }
+    }
+
+    public supportsNotifications(): boolean {
+        return true;
+    }
+
+    public maySendNotifications(): boolean {
+        return true;
+    }
+
+    public displayNotification(
+        title: string,
+        msg: string,
+        avatarUrl: string,
+        room: Room,
+        ev?: MatrixEvent,
+    ): Notification {
+        // GNOME notification spec parses HTML tags for styling...
+        // Electron Docs state all supported linux notification systems follow this markup spec
+        // https://github.com/electron/electron/blob/master/docs/tutorial/desktop-environment-integration.md#linux
+        // maybe we should pass basic styling (italics, bold, underline) through from MD
+        // we only have to strip out < and > as the spec doesn't include anything about things like &amp;
+        // so we shouldn't assume that all implementations will treat those properly. Very basic tag parsing is done.
+        if (navigator.userAgent.includes("Linux")) {
+            msg = msg.replace(/</g, "&lt;").replace(/>/g, "&gt;");
+        }
+
+        const notification = super.displayNotification(title, msg, avatarUrl, room, ev);
+
+        const handler = notification.onclick as () => void;
+        notification.onclick = (): void => {
+            handler?.();
+            void this.ipc.call("focusWindow");
+        };
+
+        return notification;
+    }
+
+    public loudNotification(ev: MatrixEvent, room: Room): void {
+        this.electron.send("loudNotification");
+    }
+
+    public needsUrlTooltips(): boolean {
+        return true;
+    }
+
+    public async getAppVersion(): Promise<string> {
+        return this.ipc.call("getAppVersion");
+    }
+
+    public supportsSetting(settingName?: string): boolean {
+        if (settingName === undefined) return true;
+        return this.supportedSettings?.[settingName] === true;
+    }
+
+    public async getSettingValue(settingName: string): Promise<any> {
+        await this.initialised;
+        return this.electron.getSettingValue(settingName);
+    }
+
+    public async setSettingValue(settingName: string, value: any): Promise<void> {
+        await this.initialised;
+        return this.electron.setSettingValue(settingName, value);
+    }
+
+    public async canSelfUpdate(): Promise<boolean> {
+        const feedUrl = await this.ipc.call("getUpdateFeedUrl");
+        return Boolean(feedUrl);
+    }
+
+    public startUpdateCheck(): void {
+        super.startUpdateCheck();
+        this.electron.send("check_updates");
+    }
+
+    public installUpdate(): void {
+        // IPC to the main process to install the update, since quitAndInstall
+        // doesn't fire the before-quit event so the main process needs to know
+        // it should exit.
+        this.electron.send("install_update");
+    }
+
+    public getDefaultDeviceDisplayName(): string {
+        const brand = SdkConfig.get().brand;
+        return _t("desktop_default_device_name", {
+            brand,
+            platformName: platformFriendlyName(),
+        });
+    }
+
+    public requestNotificationPermission(): Promise<string> {
+        return Promise.resolve("granted");
+    }
+
+    public reload(): void {
+        window.location.reload();
+    }
+
+    public getEventIndexingManager(): BaseEventIndexManager | null {
+        return this.eventIndexManager;
+    }
+
+    public async setLanguage(preferredLangs: string[]): Promise<any> {
+        return this.ipc.call("setLanguage", preferredLangs);
+    }
+
+    public setSpellCheckEnabled(enabled: boolean): void {
+        this.ipc.call("setSpellCheckEnabled", enabled).catch((error) => {
+            logger.log("Failed to send setSpellCheckEnabled IPC to Electron");
+            logger.error(error);
+        });
+    }
+
+    public async getSpellCheckEnabled(): Promise<boolean> {
+        return this.ipc.call("getSpellCheckEnabled");
+    }
+
+    public setSpellCheckLanguages(preferredLangs: string[]): void {
+        this.ipc.call("setSpellCheckLanguages", preferredLangs).catch((error) => {
+            logger.log("Failed to send setSpellCheckLanguages IPC to Electron");
+            logger.error(error);
+        });
+    }
+
+    public async getSpellCheckLanguages(): Promise<string[]> {
+        return this.ipc.call("getSpellCheckLanguages");
+    }
+
+    public async getDesktopCapturerSources(options: GetSourcesOptions): Promise<Array<DesktopCapturerSource>> {
+        return this.ipc.call("getDesktopCapturerSources", options);
+    }
+
+    public supportsDesktopCapturer(): boolean {
+        return true;
+    }
+
+    public supportsJitsiScreensharing(): boolean {
+        // See https://github.com/element-hq/element-web/issues/4880
+        return false;
+    }
+
+    public async getAvailableSpellCheckLanguages(): Promise<string[]> {
+        return this.ipc.call("getAvailableSpellCheckLanguages");
+    }
+
+    public getSSOCallbackUrl(fragmentAfterLogin?: string): URL {
+        const url = super.getSSOCallbackUrl(fragmentAfterLogin);
+        url.protocol = "element";
+        url.searchParams.set(SSO_ID_KEY, this.sessionId);
+        return url;
+    }
+
+    public startSingleSignOn(
+        mxClient: MatrixClient,
+        loginType: "sso" | "cas",
+        fragmentAfterLogin: string,
+        idpId?: string,
+    ): void {
+        // this will get intercepted by electron-main will-navigate
+        super.startSingleSignOn(mxClient, loginType, fragmentAfterLogin, idpId);
+        Modal.createDialog(InfoDialog, {
+            title: _t("auth|sso_complete_in_browser_dialog_title"),
+            description: <Spinner />,
+        });
+    }
+
+    public navigateForwardBack(back: boolean): void {
+        void this.ipc.call(back ? "navigateBack" : "navigateForward");
+    }
+
+    public overrideBrowserShortcuts(): boolean {
+        return true;
+    }
+
+    public async getPickleKey(userId: string, deviceId: string): Promise<string | null> {
+        try {
+            return await this.ipc.call("getPickleKey", userId, deviceId);
+        } catch {
+            // if we can't connect to the password storage, assume there's no
+            // pickle key
+            return null;
+        }
+    }
+
+    public async createPickleKey(userId: string, deviceId: string): Promise<string | null> {
+        try {
+            return await this.ipc.call("createPickleKey", userId, deviceId);
+        } catch {
+            // if we can't connect to the password storage, assume there's no
+            // pickle key
+            return null;
+        }
+    }
+
+    public async destroyPickleKey(userId: string, deviceId: string): Promise<void> {
+        try {
+            await this.ipc.call("destroyPickleKey", userId, deviceId);
+        } catch {}
+    }
+
+    public async clearStorage(): Promise<void> {
+        try {
+            await super.clearStorage();
+            await this.ipc.call("clearStorage");
+        } catch {}
+    }
+
+    public get baseUrl(): string {
+        // This configuration is element-desktop specific so the types here do not know about it
+        return (SdkConfig.get() as unknown as Record<string, string>)["web_base_url"] ?? "https://app.element.io";
+    }
+
+    public get defaultOAuthClientUri(): string {
+        // Default to element.io as our scheme `io.element.desktop` is within its scope on default MAS policies
+        return "https://element.io";
+    }
+
+    public async getOAuthClientMetadata(): Promise<OAuthRegistrationRequest> {
+        const baseMetadata = await super.getOAuthClientMetadata();
+        return {
+            ...baseMetadata,
+            application_type: "native",
+        };
+    }
+
+    public getOAuthClientState(): string {
+        return `:${SSO_ID_KEY}:${this.sessionId}`;
+    }
+
+    /**
+     * The URL to return to after a successful OIDC authentication
+     */
+    public getOAuthCallbackUrl(): URL {
+        const url = super.getOAuthCallbackUrl();
+        url.protocol = this.protocol;
+        // Trim the double slash into a single slash to comply with https://datatracker.ietf.org/doc/html/rfc8252#section-7.1
+        if (url.href.startsWith(`${url.protocol}//`)) {
+            url.href = url.href.replace("://", ":/");
+        }
+        return url;
+    }
+
+    public checkSessionLockFree(): boolean {
+        return true;
+    }
+
+    public async getSessionLock(_onNewInstance: () => Promise<void>): Promise<boolean> {
+        return true;
+    }
+}
diff --git a/apps/web/src/vector/platform/IPCManager.ts b/apps/web/src/vector/platform/IPCManager.ts
new file mode 100644
index 00000000000..5a5bb9b0fb4
--- /dev/null
+++ b/apps/web/src/vector/platform/IPCManager.ts
@@ -0,0 +1,66 @@
+/*
+Copyright 2022-2024 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 { logger } from "matrix-js-sdk/src/logger";
+
+import { type ElectronChannel } from "../../@types/global";
+
+interface IPCPayload {
+    id?: number;
+    error?: string | { message: string };
+    reply?: any;
+}
+
+export class IPCManager {
+    private pendingIpcCalls: { [ipcCallId: number]: PromiseWithResolvers<any> } = {};
+    private nextIpcCallId = 0;
+
+    public constructor(
+        private readonly sendChannel: ElectronChannel = "ipcCall",
+        private readonly recvChannel: ElectronChannel = "ipcReply",
+    ) {
+        if (!window.electron) {
+            throw new Error("Cannot instantiate ElectronPlatform, window.electron is not set");
+        }
+        window.electron.on(this.recvChannel, this.onIpcReply);
+    }
+
+    public async call(name: string, ...args: any[]): Promise<any> {
+        // TODO this should be moved into the preload.js file.
+        const ipcCallId = ++this.nextIpcCallId;
+        const deferred = Promise.withResolvers<any>();
+        this.pendingIpcCalls[ipcCallId] = deferred;
+        // Maybe add a timeout to these? Probably not necessary.
+        window.electron!.send(this.sendChannel, { id: ipcCallId, name, args });
+        return deferred.promise;
+    }
+
+    private onIpcReply = (_ev: Event, payload: IPCPayload): void => {
+        if (payload.id === undefined) {
+            logger.warn("Ignoring IPC reply with no ID");
+            return;
+        }
+
+        if (this.pendingIpcCalls[payload.id] === undefined) {
+            logger.warn("Unknown IPC payload ID: " + payload.id);
+            return;
+        }
+
+        const callbacks = this.pendingIpcCalls[payload.id];
+        delete this.pendingIpcCalls[payload.id];
+        if (payload.error) {
+            // `seshat.ts` sends a JavaScript object with a `message` property. Turn it into a proper Error.
+            let error = payload.error;
+            if (typeof error === "object" && error.message) {
+                error = new Error(error.message);
+            }
+            callbacks.reject(error);
+        } else {
+            callbacks.resolve(payload.reply);
+        }
+    };
+}
diff --git a/apps/web/src/vector/platform/PWAPlatform.test.ts b/apps/web/src/vector/platform/PWAPlatform.test.ts
new file mode 100644
index 00000000000..8c6fde8c99b
--- /dev/null
+++ b/apps/web/src/vector/platform/PWAPlatform.test.ts
@@ -0,0 +1,55 @@
+/*
+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 { vi, describe, it, expect, beforeEach } from "vitest";
+
+import PWAPlatform from "./PWAPlatform";
+import WebPlatform from "./WebPlatform";
+
+vi.mock("./WebPlatform");
+
+describe("PWAPlatform", () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+    });
+
+    describe("setNotificationCount", () => {
+        it("should call Navigator::setAppBadge", () => {
+            navigator.setAppBadge = vi.fn().mockResolvedValue(undefined);
+            const platform = new PWAPlatform();
+            expect(navigator.setAppBadge).not.toHaveBeenCalled();
+            platform.setNotificationCount(123);
+            expect(navigator.setAppBadge).toHaveBeenCalledWith(123);
+        });
+
+        it("should no-op if the badge count isn't changing", () => {
+            navigator.setAppBadge = vi.fn().mockResolvedValue(undefined);
+            const platform = new PWAPlatform();
+            platform.setNotificationCount(123);
+            expect(navigator.setAppBadge).toHaveBeenCalledTimes(1);
+            platform.setNotificationCount(123);
+            expect(navigator.setAppBadge).toHaveBeenCalledTimes(1);
+        });
+
+        it("should fall back to WebPlatform::setNotificationCount if no Navigator::setAppBadge", () => {
+            // @ts-ignore
+            navigator.setAppBadge = undefined;
+            const platform = new PWAPlatform();
+            const superMethod = vi.mocked(WebPlatform.prototype.setNotificationCount);
+            expect(superMethod).not.toHaveBeenCalled();
+            platform.setNotificationCount(123);
+            expect(superMethod).toHaveBeenCalledWith(123);
+        });
+
+        it("should handle Navigator::setAppBadge rejecting gracefully", () => {
+            navigator.setAppBadge = vi.fn().mockRejectedValue(new Error());
+            const platform = new PWAPlatform();
+            expect(() => platform.setNotificationCount(123)).not.toThrow();
+        });
+    });
+});
diff --git a/apps/web/src/vector/platform/PWAPlatform.ts b/apps/web/src/vector/platform/PWAPlatform.ts
new file mode 100644
index 00000000000..5334c8e70f0
--- /dev/null
+++ b/apps/web/src/vector/platform/PWAPlatform.ts
@@ -0,0 +1,22 @@
+/*
+Copyright 2020-2024 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 { logger } from "matrix-js-sdk/src/logger";
+
+import WebPlatform from "./WebPlatform";
+
+export default class PWAPlatform extends WebPlatform {
+    public setNotificationCount(count: number): void {
+        if (!navigator.setAppBadge) return super.setNotificationCount(count);
+        if (this.notificationCount === count) return;
+        this.notificationCount = count;
+
+        navigator.setAppBadge(count).catch((e) => {
+            logger.error("Failed to update PWA app badge", e);
+        });
+    }
+}
diff --git a/apps/web/src/vector/platform/SeshatIndexManager.ts b/apps/web/src/vector/platform/SeshatIndexManager.ts
new file mode 100644
index 00000000000..88a8889b722
--- /dev/null
+++ b/apps/web/src/vector/platform/SeshatIndexManager.ts
@@ -0,0 +1,102 @@
+/*
+Copyright 2022-2024 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.
+*/
+
+// eslint-disable-next-line no-restricted-imports
+import {
+    type IMatrixProfile,
+    type IEventWithRoomId as IMatrixEvent,
+    type IResultRoomEvents,
+} from "matrix-js-sdk/src/@types/search";
+
+import BaseEventIndexManager, {
+    type ICrawlerCheckpoint,
+    type IEventAndProfile,
+    type IIndexStats,
+    type ISearchArgs,
+    type ILoadArgs,
+} from "../../indexing/BaseEventIndexManager";
+import { IPCManager } from "./IPCManager";
+
+export class SeshatIndexManager extends BaseEventIndexManager {
+    private readonly ipc = new IPCManager("seshat", "seshatReply");
+
+    public async supportsEventIndexing(): Promise<boolean> {
+        return this.ipc.call("supportsEventIndexing");
+    }
+
+    public async initEventIndex(userId: string, deviceId: string): Promise<void> {
+        return this.ipc.call("initEventIndex", userId, deviceId);
+    }
+
+    public async addEventToIndex(ev: IMatrixEvent, profile: IMatrixProfile): Promise<void> {
+        return this.ipc.call("addEventToIndex", ev, profile);
+    }
+
+    public async deleteEvent(eventId: string): Promise<boolean> {
+        return this.ipc.call("deleteEvent", eventId);
+    }
+
+    public async isEventIndexEmpty(): Promise<boolean> {
+        return this.ipc.call("isEventIndexEmpty");
+    }
+
+    public async isRoomIndexed(roomId: string): Promise<boolean> {
+        return this.ipc.call("isRoomIndexed", roomId);
+    }
+
+    public async commitLiveEvents(): Promise<void> {
+        return this.ipc.call("commitLiveEvents");
+    }
+
+    public async searchEventIndex(searchConfig: ISearchArgs): Promise<IResultRoomEvents> {
+        return this.ipc.call("searchEventIndex", searchConfig);
+    }
+
+    public async addHistoricEvents(
+        events: IEventAndProfile[],
+        checkpoint: ICrawlerCheckpoint | null,
+        oldCheckpoint: ICrawlerCheckpoint | null,
+    ): Promise<boolean> {
+        return this.ipc.call("addHistoricEvents", events, checkpoint, oldCheckpoint);
+    }
+
+    public async addCrawlerCheckpoint(checkpoint: ICrawlerCheckpoint): Promise<void> {
+        return this.ipc.call("addCrawlerCheckpoint", checkpoint);
+    }
+
+    public async removeCrawlerCheckpoint(checkpoint: ICrawlerCheckpoint): Promise<void> {
+        return this.ipc.call("removeCrawlerCheckpoint", checkpoint);
+    }
+
+    public async loadFileEvents(args: ILoadArgs): Promise<IEventAndProfile[]> {
+        return this.ipc.call("loadFileEvents", args);
+    }
+
+    public async loadCheckpoints(): Promise<ICrawlerCheckpoint[]> {
+        return this.ipc.call("loadCheckpoints");
+    }
+
+    public async closeEventIndex(): Promise<void> {
+        return this.ipc.call("closeEventIndex");
+    }
+
+    public async getStats(): Promise<IIndexStats> {
+        return this.ipc.call("getStats");
+    }
+
+    public async getUserVersion(): Promise<number> {
+        return this.ipc.call("getUserVersion");
+    }
+
+    public async setUserVersion(version: number): Promise<void> {
+        return this.ipc.call("setUserVersion", version);
+    }
+
+    public async deleteEventIndex(): Promise<void> {
+        return this.ipc.call("deleteEventIndex");
+    }
+}
diff --git a/apps/web/src/vector/platform/WebPlatform.test.ts b/apps/web/src/vector/platform/WebPlatform.test.ts
new file mode 100644
index 00000000000..02fa1720556
--- /dev/null
+++ b/apps/web/src/vector/platform/WebPlatform.test.ts
@@ -0,0 +1,287 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterAll, beforeEach } from "vitest";
+import fetchMock from "@fetch-mock/vitest";
+import { emitPromise } from "test-utils/utilities";
+import "vitest-canvas-mock";
+
+import { UpdateCheckStatus } from "../../BasePlatform";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import WebPlatform from "./WebPlatform";
+import ToastStore from "../../stores/ToastStore.ts";
+import defaultDispatcher from "../../dispatcher/dispatcher.ts";
+import { Action } from "../../dispatcher/actions.ts";
+
+describe("WebPlatform", () => {
+    beforeEach(() => {
+        vi.spyOn(global, "navigator", "get").mockReturnValue({
+            ...navigator,
+            // @ts-expect-error - mocking readonly object
+            serviceWorker: {
+                register: vi.fn().mockResolvedValue({
+                    update: vi.fn(),
+                }),
+                addEventListener: vi.fn(),
+            },
+        });
+    });
+
+    it("returns human readable name", () => {
+        const platform = new WebPlatform();
+        expect(platform.getHumanReadableName()).toEqual("Web Platform");
+    });
+
+    describe("service worker", () => {
+        it("registers successfully", () => {
+            new WebPlatform();
+            expect(navigator.serviceWorker.register).toHaveBeenCalled();
+        });
+
+        it("handles errors", async () => {
+            vi.spyOn(global, "navigator", "get").mockReturnValue({
+                serviceWorker: {
+                    // @ts-expect-error - mocking readonly object
+                    register: undefined,
+                },
+            });
+            new WebPlatform();
+
+            defaultDispatcher.dispatch({ action: Action.ClientStarted });
+            await emitPromise(ToastStore.sharedInstance(), "update");
+            const toasts = ToastStore.sharedInstance().getToasts();
+            expect(toasts).toHaveLength(1);
+            expect(toasts[0].title).toEqual("Failed to load service worker");
+        });
+    });
+
+    it("should call reload on window location object", () => {
+        Object.defineProperty(window, "location", { value: { reload: vi.fn() }, writable: true });
+
+        const platform = new WebPlatform();
+        expect(window.location.reload).not.toHaveBeenCalled();
+        platform.reload();
+        expect(window.location.reload).toHaveBeenCalled();
+    });
+
+    it("should call reload to install update", () => {
+        Object.defineProperty(window, "location", { value: { reload: vi.fn() }, writable: true });
+
+        const platform = new WebPlatform();
+        expect(window.location.reload).not.toHaveBeenCalled();
+        platform.installUpdate();
+        expect(window.location.reload).toHaveBeenCalled();
+    });
+
+    describe("getDefaultDeviceDisplayName", () => {
+        it.each([
+            [
+                "https://develop.element.io/#/room/!foo:bar",
+                "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) " +
+                    "Chrome/105.0.0.0 Safari/537.36",
+                "develop.element.io: Chrome on macOS",
+            ],
+        ])("%s & %s = %s", (url, userAgent, result) => {
+            vi.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);
+        });
+    });
+
+    describe("notification support", () => {
+        const mockNotification = {
+            requestPermission: vi.fn(),
+            permission: "notGranted",
+        };
+        beforeEach(() => {
+            // @ts-ignore
+            window.Notification = mockNotification;
+            mockNotification.permission = "notGranted";
+        });
+
+        it("supportsNotifications returns false when platform does not support notifications", () => {
+            // @ts-ignore
+            window.Notification = undefined;
+            expect(new WebPlatform().supportsNotifications()).toBe(false);
+        });
+
+        it("supportsNotifications returns true when platform supports notifications", () => {
+            expect(new WebPlatform().supportsNotifications()).toBe(true);
+        });
+
+        it("maySendNotifications returns true when notification permissions are not granted", () => {
+            expect(new WebPlatform().maySendNotifications()).toBe(false);
+        });
+
+        it("maySendNotifications returns true when notification permissions are granted", () => {
+            mockNotification.permission = "granted";
+            expect(new WebPlatform().maySendNotifications()).toBe(true);
+        });
+
+        it("requests notification permissions and returns result", async () => {
+            mockNotification.requestPermission.mockImplementation((callback) => callback("test"));
+
+            const platform = new WebPlatform();
+            const result = await platform.requestNotificationPermission();
+            expect(result).toEqual("test");
+        });
+    });
+
+    describe("app version", () => {
+        // oxlint-disable-next-line node/no-process-env
+        const envVersion = process.env.VERSION;
+        const prodVersion = "1.10.13";
+
+        beforeEach(() => {
+            vi.spyOn(MatrixClientPeg, "userRegisteredWithinLastHours").mockReturnValue(false);
+        });
+
+        afterAll(() => {
+            // @ts-ignore
+            WebPlatform.VERSION = envVersion;
+        });
+
+        it("should return true from canSelfUpdate()", async () => {
+            const platform = new WebPlatform();
+            const result = await platform.canSelfUpdate();
+            expect(result).toBe(true);
+        });
+
+        it("getAppVersion returns normalized app version", async () => {
+            // @ts-ignore
+            WebPlatform.VERSION = prodVersion;
+            const platform = new WebPlatform();
+
+            const version = await platform.getAppVersion();
+            expect(version).toEqual(prodVersion);
+
+            // @ts-ignore
+            WebPlatform.VERSION = `v${prodVersion}`;
+            const version2 = await platform.getAppVersion();
+            // v prefix removed
+            expect(version2).toEqual(prodVersion);
+
+            // @ts-ignore
+            WebPlatform.VERSION = `version not like semver`;
+            const notSemverVersion = await platform.getAppVersion();
+            expect(notSemverVersion).toEqual(`version not like semver`);
+        });
+
+        describe("pollForUpdate()", () => {
+            it("should return not available and call showNoUpdate when current version matches most recent version", async () => {
+                // @ts-ignore
+                WebPlatform.VERSION = prodVersion;
+                fetchMock.getOnce("end:/version", prodVersion);
+                const platform = new WebPlatform();
+
+                const showUpdate = vi.fn();
+                const showNoUpdate = vi.fn();
+                const result = await platform.pollForUpdate(showUpdate, showNoUpdate);
+
+                expect(result).toEqual({ status: UpdateCheckStatus.NotAvailable });
+                expect(showUpdate).not.toHaveBeenCalled();
+                expect(showNoUpdate).toHaveBeenCalled();
+            });
+
+            it("should strip v prefix from versions before comparing", async () => {
+                // @ts-ignore
+                WebPlatform.VERSION = prodVersion;
+                fetchMock.getOnce("end:/version", `v${prodVersion}`);
+                const platform = new WebPlatform();
+
+                const showUpdate = vi.fn();
+                const showNoUpdate = vi.fn();
+                const result = await platform.pollForUpdate(showUpdate, showNoUpdate);
+
+                // versions only differ by v prefix, no update
+                expect(result).toEqual({ status: UpdateCheckStatus.NotAvailable });
+                expect(showUpdate).not.toHaveBeenCalled();
+                expect(showNoUpdate).toHaveBeenCalled();
+            });
+
+            it("should return ready and call showUpdate when current version differs from most recent version", async () => {
+                // @ts-ignore
+                WebPlatform.VERSION = "0.0.0"; // old version
+                fetchMock.getOnce("end:/version", prodVersion);
+                const platform = new WebPlatform();
+
+                const showUpdate = vi.fn();
+                const showNoUpdate = vi.fn();
+                const result = await platform.pollForUpdate(showUpdate, showNoUpdate);
+
+                expect(result).toEqual({ status: UpdateCheckStatus.Ready });
+                expect(showUpdate).toHaveBeenCalledWith("0.0.0", prodVersion);
+                expect(showNoUpdate).not.toHaveBeenCalled();
+            });
+
+            it("should return ready without showing update when user registered in last 24", async () => {
+                // @ts-ignore
+                WebPlatform.VERSION = "0.0.0"; // old version
+                vi.spyOn(MatrixClientPeg, "userRegisteredWithinLastHours").mockReturnValue(true);
+                fetchMock.getOnce("end:/version", prodVersion);
+                const platform = new WebPlatform();
+
+                const showUpdate = vi.fn();
+                const showNoUpdate = vi.fn();
+                const result = await platform.pollForUpdate(showUpdate, showNoUpdate);
+
+                expect(result).toEqual({ status: UpdateCheckStatus.Ready });
+                expect(showUpdate).not.toHaveBeenCalled();
+                expect(showNoUpdate).not.toHaveBeenCalled();
+            });
+
+            it("should return error when version check fails", async () => {
+                fetchMock.getOnce("end:/version", { throws: "oups" });
+                const platform = new WebPlatform();
+
+                const showUpdate = vi.fn();
+                const showNoUpdate = vi.fn();
+                const result = await platform.pollForUpdate(showUpdate, showNoUpdate);
+
+                expect(result).toEqual({ status: UpdateCheckStatus.Error, detail: "Unknown Error" });
+                expect(showUpdate).not.toHaveBeenCalled();
+                expect(showNoUpdate).not.toHaveBeenCalled();
+            });
+        });
+    });
+
+    it("should return config from config.json", async () => {
+        window.location.hostname = "domain.com";
+        fetchMock.get(/config\.json.*/, { brand: "test" });
+        const platform = new WebPlatform();
+        await expect(platform.getConfig()).resolves.toEqual(expect.objectContaining({ brand: "test" }));
+    });
+
+    it("should re-render favicon when setting error status", () => {
+        const platform = new WebPlatform();
+        const spy = vi.spyOn(platform.favicon, "badge");
+        platform.setErrorStatus(true);
+        expect(spy).toHaveBeenCalledWith(expect.anything(), { bgColor: "#f00" });
+    });
+
+    describe("getOAuthCallbackUrl()", () => {
+        it("should not include the 'updated' query param in the redirect URI", () => {
+            Object.defineProperty(window, "location", {
+                value: {
+                    href: "https://element.example.com/?updated=1.12.12",
+                    origin: "https://element.example.com",
+                    pathname: "/",
+                },
+                writable: true,
+            });
+            const platform = new WebPlatform();
+            const url = platform.getOAuthCallbackUrl();
+
+            expect(url.searchParams.has("updated")).toBe(false);
+            expect(url.searchParams.get("no_universal_links")).toEqual("true");
+        });
+    });
+});
diff --git a/apps/web/src/vector/platform/WebPlatform.ts b/apps/web/src/vector/platform/WebPlatform.ts
new file mode 100644
index 00000000000..a546ad50189
--- /dev/null
+++ b/apps/web/src/vector/platform/WebPlatform.ts
@@ -0,0 +1,279 @@
+/*
+Copyright 2017-2024 New Vector Ltd.
+Copyright 2016 Aviral Dasgupta
+Copyright 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.
+*/
+
+import UAParser from "ua-parser-js";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import BasePlatform, { UpdateCheckStatus, type UpdateStatus } from "../../BasePlatform";
+import dis from "../../dispatcher/dispatcher";
+import { hideToast as hideUpdateToast, showToast as showUpdateToast } from "../../toasts/UpdateToast";
+import { Action } from "../../dispatcher/actions";
+import { type CheckUpdatesPayload } from "../../dispatcher/payloads/CheckUpdatesPayload";
+import { _t } from "../../languageHandler";
+import ToastStore from "../../stores/ToastStore.ts";
+import GenericToast from "../../components/views/toasts/GenericToast.tsx";
+import SdkConfig from "../../SdkConfig.ts";
+import type { ActionPayload } from "../../dispatcher/payloads.ts";
+import * as SessionLock from "../../utils/SessionLock.ts";
+
+const POKE_RATE_MS = 10 * 60 * 1000; // 10 min
+
+function getNormalizedAppVersion(version: string): string {
+    // if version looks like semver with leading v, strip it (matches scripts/normalize-version.sh)
+    const semVerRegex = /^v\d+.\d+.\d+(-.+)?$/;
+    if (semVerRegex.test(version)) {
+        return version.substring(1);
+    }
+    return version;
+}
+
+export default class WebPlatform extends BasePlatform {
+    // oxlint-disable-next-line node/no-process-env
+    private static readonly VERSION = process.env.VERSION!; // baked in by Webpack
+    private readonly registerServiceWorkerPromise: Promise<void>;
+
+    public constructor() {
+        super();
+
+        // Register the service worker in the background
+        this.registerServiceWorkerPromise = this.registerServiceWorker();
+        this.registerServiceWorkerPromise.catch((e) => {
+            console.error("Error registering/updating service worker:", e);
+        });
+    }
+
+    protected onAction(payload: ActionPayload): void {
+        super.onAction(payload);
+
+        switch (payload.action) {
+            case Action.ClientStarted:
+                // Defer drawing the toast until the client is started as the lifecycle methods reset the ToastStore right before
+                this.registerServiceWorkerPromise.catch(this.handleServiceWorkerRegistrationError);
+                break;
+        }
+    }
+
+    private async registerServiceWorker(): Promise<void> {
+        // sw.js is exported by webpack, sourced from `/src/serviceworker/index.ts`
+        const registration = await navigator.serviceWorker.register("sw.js");
+        if (!registration) {
+            throw new Error("Service worker registration failed");
+        }
+
+        navigator.serviceWorker.addEventListener("message", this.onServiceWorkerPostMessage);
+        await registration.update();
+    }
+
+    private handleServiceWorkerRegistrationError = (): void => {
+        const key = "service_worker_error";
+        const brand = SdkConfig.get().brand;
+        ToastStore.sharedInstance().addOrReplaceToast({
+            key,
+            title: _t("service_worker_error|title"),
+            props: {
+                description: _t("service_worker_error|description", { brand }),
+                primaryLabel: _t("action|ok"),
+                onPrimaryClick: () => {
+                    ToastStore.sharedInstance().dismissToast(key);
+                },
+            },
+            component: GenericToast,
+            priority: 95,
+        });
+    };
+
+    private onServiceWorkerPostMessage = (event: MessageEvent): void => {
+        try {
+            if (event.data?.["type"] === "userinfo" && event.data?.["responseKey"]) {
+                const userId = localStorage.getItem("mx_user_id");
+                const deviceId = localStorage.getItem("mx_device_id");
+                const homeserver = MatrixClientPeg.get()?.getHomeserverUrl();
+                event.source!.postMessage({
+                    responseKey: event.data["responseKey"],
+                    userId,
+                    deviceId,
+                    homeserver,
+                });
+            }
+        } catch (e) {
+            console.error("Error responding to service worker: ", e);
+        }
+    };
+
+    public getHumanReadableName(): string {
+        return "Web Platform"; // no translation required: only used for analytics
+    }
+
+    /**
+     * Returns true if the platform supports displaying
+     * notifications, otherwise false.
+     */
+    public supportsNotifications(): boolean {
+        return Boolean(window.Notification);
+    }
+
+    /**
+     * Returns true if the application currently has permission
+     * to display notifications. Otherwise false.
+     */
+    public maySendNotifications(): boolean {
+        return window.Notification.permission === "granted";
+    }
+
+    /**
+     * Requests permission to send notifications. Returns
+     * a promise that is resolved when the user has responded
+     * to the request. The promise has a single string argument
+     * that is 'granted' if the user allowed the request or
+     * 'denied' otherwise.
+     */
+    public requestNotificationPermission(): Promise<string> {
+        // annoyingly, the latest spec says this returns a
+        // promise, but this is only supported in Chrome 46
+        // and Firefox 47, so adapt the callback API.
+        return new Promise(function (resolve, reject) {
+            window.Notification.requestPermission((result) => {
+                resolve(result);
+            }).catch(reject);
+        });
+    }
+
+    private async getMostRecentVersion(): Promise<string> {
+        const res = await fetch("version", {
+            method: "GET",
+            cache: "no-cache",
+        });
+
+        if (res.ok) {
+            const text = await res.text();
+            return getNormalizedAppVersion(text.trim());
+        }
+
+        return Promise.reject({ status: res.status });
+    }
+
+    public getAppVersion(): Promise<string> {
+        return Promise.resolve(getNormalizedAppVersion(WebPlatform.VERSION));
+    }
+
+    public startUpdater(): void {
+        // Poll for an update immediately, and reload the page now if we're out of date
+        // already as we've just initialised an old version of the app somehow.
+        //
+        // Forcibly reloading the page aims to avoid users interacting at all with the old
+        // and potentially broken version of the app.
+        //
+        // Ideally, loading an old copy would be impossible with the
+        // cache-control: nocache HTTP header set, but Firefox doesn't always obey it :/
+        console.log("startUpdater, current version is " + getNormalizedAppVersion(WebPlatform.VERSION));
+        void this.pollForUpdate((version: string, newVersion: string) => {
+            const url = new URL(window.location.href);
+            if (url.searchParams.has("updated")) {
+                console.log("Update reloaded but still on an old version, stopping");
+                // We just reloaded already and are still on the old version!
+                // Show the toast rather than reload in a loop.
+                showUpdateToast(version, newVersion);
+                return;
+            }
+
+            // Set updated as a cachebusting query param and reload the page.
+            url.searchParams.set("updated", newVersion);
+            console.log("Update reloading to " + url.toString());
+            window.location.href = url.toString();
+        });
+        setInterval(() => this.pollForUpdate(showUpdateToast, hideUpdateToast), POKE_RATE_MS);
+    }
+
+    public async canSelfUpdate(): Promise<boolean> {
+        return true;
+    }
+
+    // Exported for tests
+    public pollForUpdate = (
+        showUpdate: (currentVersion: string, mostRecentVersion: string) => void,
+        showNoUpdate?: () => void,
+    ): Promise<UpdateStatus> => {
+        return this.getMostRecentVersion().then(
+            (mostRecentVersion) => {
+                const currentVersion = getNormalizedAppVersion(WebPlatform.VERSION);
+
+                if (currentVersion !== mostRecentVersion) {
+                    if (this.shouldShowUpdate(mostRecentVersion)) {
+                        console.log("Update available to " + mostRecentVersion + ", will notify user");
+                        showUpdate(currentVersion, mostRecentVersion);
+                    } else {
+                        console.log("Update available to " + mostRecentVersion + " but won't be shown");
+                    }
+                    return { status: UpdateCheckStatus.Ready };
+                } else {
+                    console.log("No update available, already on " + mostRecentVersion);
+                    showNoUpdate?.();
+                }
+
+                return { status: UpdateCheckStatus.NotAvailable };
+            },
+            (err) => {
+                logger.error("Failed to poll for update", err);
+                return {
+                    status: UpdateCheckStatus.Error,
+                    detail: err.message || (err.status ? err.status.toString() : "Unknown Error"),
+                };
+            },
+        );
+    };
+
+    public startUpdateCheck(): void {
+        super.startUpdateCheck();
+        void this.pollForUpdate(showUpdateToast, hideUpdateToast).then((updateState) => {
+            dis.dispatch<CheckUpdatesPayload>({
+                action: Action.CheckUpdates,
+                ...updateState,
+            });
+        });
+    }
+
+    public installUpdate(): void {
+        window.location.reload();
+    }
+
+    public getDefaultDeviceDisplayName(): string {
+        // strip query-string and fragment from uri
+        const url = new URL(window.location.href);
+
+        // `appName` in the format `develop.element.io/abc/xyz`
+        const appName = [
+            url.host,
+            url.pathname.replace(/\/$/, ""), // Remove trailing slash if present
+        ].join("");
+
+        const ua = new UAParser();
+        const browserName = ua.getBrowser().name || "unknown browser";
+        let osName = ua.getOS().name || "unknown OS";
+        // Stylise the value from the parser to match Apple's current branding.
+        if (osName === "Mac OS") osName = "macOS";
+        return _t("web_default_device_name", {
+            appName,
+            browserName,
+            osName,
+        });
+    }
+
+    public reload(): void {
+        window.location.reload();
+    }
+
+    public checkSessionLockFree(): boolean {
+        return SessionLock.checkSessionLockFree();
+    }
+
+    public async getSessionLock(onNewInstance: () => Promise<void>): Promise<boolean> {
+        return SessionLock.getSessionLock(onNewInstance);
+    }
+}
diff --git a/apps/web/src/vector/rageshakesetup.test.ts b/apps/web/src/vector/rageshakesetup.test.ts
new file mode 100644
index 00000000000..55f0c25463c
--- /dev/null
+++ b/apps/web/src/vector/rageshakesetup.test.ts
@@ -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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterEach, type Mocked } from "vitest";
+import fetchMock from "@fetch-mock/vitest";
+
+import type { ConsoleLogger } from "../rageshake/rageshake";
+import SdkConfig from "../SdkConfig";
+import "./rageshakesetup";
+import { BugReportEndpointURLLocal } from "../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: vi.fn(),
+            consume: vi.fn(),
+            warn: vi.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;
+        vi.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!);
+        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 = vi.spyOn(URL, "createObjectURL");
+        await window.mxSendRageshake("Hello world");
+        expect(fetchMock).not.toHaveFetched(RAGESHAKE_URL);
+        expect(urlSpy).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/apps/web/src/vector/rageshakesetup.ts b/apps/web/src/vector/rageshakesetup.ts
new file mode 100644
index 00000000000..395be792431
--- /dev/null
+++ b/apps/web/src/vector/rageshakesetup.ts
@@ -0,0 +1,94 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2018 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.
+*/
+
+/*
+ * Separate file that sets up rageshake logging when imported.
+ * This is necessary so that rageshake logging is set up before
+ * anything else. Webpack puts all import statements at the top
+ * of the file before any code, so imports will always be
+ * evaluated first. Other imports can cause other code to be
+ * evaluated (eg. the loglevel library in js-sdk, which if set
+ * up before rageshake causes some js-sdk logging to be missing
+ * from the rageshake.)
+ */
+
+import { logger } from "matrix-js-sdk/src/logger";
+
+import * as rageshake from "../rageshake/rageshake";
+import SdkConfig from "../SdkConfig";
+import sendBugReport, { loadBugReport } from "../rageshake/submit-rageshake";
+import { BugReportEndpointURLLocal } from "../IConfigOptions";
+
+export function initRageshake(): Promise<void> {
+    // we manually check persistence for rageshakes ourselves
+    const prom = rageshake.init(/*setUpPersistence=*/ false);
+    prom.then(
+        async () => {
+            logger.log("Initialised rageshake.");
+            logger.log(
+                "To fix line numbers in Chrome: " +
+                    "Meatball menu → Settings → Ignore list → Add /rageshake\\.ts & /logger\\.ts$",
+            );
+
+            window.addEventListener("beforeunload", () => {
+                logger.log("element-web closing");
+                // try to flush the logs to indexeddb
+                rageshake.flush();
+            });
+
+            await rageshake.cleanup();
+        },
+        (err) => {
+            logger.error("Failed to initialise rageshake: " + err);
+        },
+    );
+    return prom;
+}
+
+export function initRageshakeStore(): Promise<void> {
+    return rageshake.tryInitStorage();
+}
+
+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 (!text || !text.trim()) {
+        logger.error("Cannot send a rageshake without a message - please tell us what went wrong");
+        return;
+    }
+    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!");
+        } catch (err) {
+            logger.error("Failed to send bug report", err);
+        }
+    }
+};
diff --git a/apps/web/src/vector/routing.test.ts b/apps/web/src/vector/routing.test.ts
new file mode 100644
index 00000000000..809dba582fd
--- /dev/null
+++ b/apps/web/src/vector/routing.test.ts
@@ -0,0 +1,126 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach, afterAll } from "vitest";
+
+import { getInitialScreenAfterLogin, init, onNewScreen } from "./routing";
+import type MatrixChat from "../components/structures/MatrixChat.tsx";
+
+describe("onNewScreen", () => {
+    it("should replace history if stripping via fields", () => {
+        Object.defineProperty(window, "location", {
+            value: {
+                hash: "#/room/!room:server?via=abc",
+                replace: vi.fn(),
+                assign: vi.fn(),
+            },
+            writable: true,
+        });
+        onNewScreen("room/!room:server");
+        expect(window.location.assign).not.toHaveBeenCalled();
+        expect(window.location.replace).toHaveBeenCalled();
+    });
+
+    it("should not replace history if changing rooms", () => {
+        Object.defineProperty(window, "location", {
+            value: {
+                hash: "#/room/!room1:server?via=abc",
+                replace: vi.fn(),
+                assign: vi.fn(),
+            },
+            writable: true,
+        });
+        onNewScreen("room/!room2:server");
+        expect(window.location.assign).toHaveBeenCalled();
+        expect(window.location.replace).not.toHaveBeenCalled();
+    });
+});
+
+describe("getInitialScreenAfterLogin", () => {
+    beforeEach(() => {
+        vi.spyOn(sessionStorage, "getItem").mockClear().mockReturnValue(null);
+        vi.spyOn(sessionStorage, "setItem").mockClear();
+    });
+
+    const makeMockLocation = (hash = "") => {
+        const url = new URL("https://test.org");
+        url.hash = hash;
+        return url as unknown as Location;
+    };
+
+    describe("when current url has no hash", () => {
+        it("does not set an initial screen in session storage", () => {
+            getInitialScreenAfterLogin(makeMockLocation());
+            expect(sessionStorage.setItem).not.toHaveBeenCalled();
+        });
+
+        it("returns undefined when there is no initial screen in session storage", () => {
+            expect(getInitialScreenAfterLogin(makeMockLocation())).toBeUndefined();
+        });
+
+        it("returns initial screen from session storage", () => {
+            const screen = {
+                screen: "/room/!test",
+            };
+            vi.spyOn(sessionStorage, "getItem").mockReturnValue(JSON.stringify(screen));
+            expect(getInitialScreenAfterLogin(makeMockLocation())).toEqual(screen);
+        });
+    });
+
+    describe("when current url has a hash", () => {
+        it("sets an initial screen in session storage", () => {
+            const hash = "/room/!test";
+            getInitialScreenAfterLogin(makeMockLocation(hash));
+            expect(sessionStorage.setItem).toHaveBeenCalledWith(
+                "mx_screen_after_login",
+                JSON.stringify({
+                    screen: "room/!test",
+                    params: {},
+                }),
+            );
+        });
+
+        it("sets an initial screen in session storage with params", () => {
+            const hash = "/room/!test?param=test";
+            getInitialScreenAfterLogin(makeMockLocation(hash));
+            expect(sessionStorage.setItem).toHaveBeenCalledWith(
+                "mx_screen_after_login",
+                JSON.stringify({
+                    screen: "room/!test",
+                    params: { param: "test" },
+                }),
+            );
+        });
+    });
+});
+
+describe("init", () => {
+    afterAll(() => {
+        // @ts-ignore
+        delete window.matrixChat;
+    });
+
+    it("should call showScreen on MatrixChat on hashchange", () => {
+        Object.defineProperty(window, "location", {
+            value: {
+                hash: "#/room/!room:server?via=abc",
+            },
+        });
+
+        window.matrixChat = {
+            showScreen: vi.fn(),
+        } as unknown as MatrixChat;
+
+        init();
+        window.dispatchEvent(new HashChangeEvent("hashchange"));
+
+        expect(window.matrixChat.showScreen).toHaveBeenCalledWith("room/!room:server", { via: "abc" });
+    });
+});
diff --git a/apps/web/src/vector/routing.ts b/apps/web/src/vector/routing.ts
new file mode 100644
index 00000000000..149316424c7
--- /dev/null
+++ b/apps/web/src/vector/routing.ts
@@ -0,0 +1,107 @@
+/*
+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.
+*/
+
+// Parse the given window.location and return parameters that can be used when calling
+// MatrixChat.showScreen(screen, params)
+import { logger } from "matrix-js-sdk/src/logger";
+import { type QueryDict } from "matrix-js-sdk/src/utils";
+
+import { parseQsFromFragment, searchParamsToQueryDict } from "./url_utils";
+
+let lastLocationHashSet: string | null = null;
+
+export interface IScreen {
+    screen: string;
+    params: QueryDict;
+}
+
+export function getScreenFromLocation(location: Location): IScreen {
+    const fragparts = parseQsFromFragment(location);
+    return {
+        screen: fragparts.location.substring(1),
+        params: fragparts.params ? searchParamsToQueryDict(fragparts.params) : {},
+    };
+}
+
+// Here, we do some crude URL analysis to allow
+// deep-linking.
+function routeUrl(location: Location): void {
+    if (!window.matrixChat) return;
+
+    logger.log("Routing URL ", location.href);
+    const s = getScreenFromLocation(location);
+    window.matrixChat.showScreen(s.screen, s.params);
+}
+
+function onHashChange(): void {
+    if (decodeURIComponent(window.location.hash) === lastLocationHashSet) {
+        // we just set this: no need to route it!
+        return;
+    }
+    routeUrl(window.location);
+}
+
+// This will be called whenever the SDK changes screens,
+// so a web page can update the URL bar appropriately.
+export function onNewScreen(screen: string, replaceLast = false): void {
+    logger.log("newscreen " + screen);
+    const hash = "#/" + screen;
+    lastLocationHashSet = hash;
+
+    // if the new hash is a substring of the old one then we are stripping fields e.g `via` so replace history
+    if (
+        screen.startsWith("room/") &&
+        window.location.hash.includes("/$") === hash.includes("/$") && // only if both did or didn't contain event link
+        window.location.hash.startsWith(hash)
+    ) {
+        replaceLast = true;
+    }
+
+    if (replaceLast) {
+        window.location.replace(hash);
+    } else {
+        window.location.assign(hash);
+    }
+}
+
+export function init(): void {
+    window.addEventListener("hashchange", onHashChange);
+}
+
+const ScreenAfterLoginStorageKey = "mx_screen_after_login";
+function getStoredInitialScreenAfterLogin(): ReturnType<typeof getScreenFromLocation> | undefined {
+    const screenAfterLogin = sessionStorage.getItem(ScreenAfterLoginStorageKey);
+
+    return screenAfterLogin ? JSON.parse(screenAfterLogin) : undefined;
+}
+
+function setInitialScreenAfterLogin(screenAfterLogin?: ReturnType<typeof getScreenFromLocation>): void {
+    if (screenAfterLogin?.screen) {
+        sessionStorage.setItem(ScreenAfterLoginStorageKey, JSON.stringify(screenAfterLogin));
+    }
+}
+
+/**
+ * Get the initial screen to be displayed after login,
+ * for example when trying to view a room via a link before logging in
+ *
+ * If the current URL has a screen set that in session storage
+ * Then retrieve the screen from session storage and return it
+ * Using session storage allows us to remember login fragments from when returning from OIDC login
+ * @returns screen and params or undefined
+ */
+export function getInitialScreenAfterLogin(location: Location): ReturnType<typeof getScreenFromLocation> | undefined {
+    const screenAfterLogin = getScreenFromLocation(location);
+
+    if (screenAfterLogin.screen || screenAfterLogin.params) {
+        setInitialScreenAfterLogin(screenAfterLogin);
+    }
+
+    const storedScreenAfterLogin = getStoredInitialScreenAfterLogin();
+    return storedScreenAfterLogin;
+}
diff --git a/apps/web/src/vector/static/incompatible-browser.html b/apps/web/src/vector/static/incompatible-browser.html
new file mode 100644
index 00000000000..6515b82eea8
--- /dev/null
+++ b/apps/web/src/vector/static/incompatible-browser.html
@@ -0,0 +1,776 @@
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+<head>
+    <style type="text/css">
+        /* By default, hide the custom IS stuff - enabled in JS */
+        #custom_is,
+        #is_url {
+            display: none;
+        }
+
+        html {
+            height: 100%;
+        }
+
+        body {
+            background: #f9fafb;
+            max-width: 680px;
+            margin: auto;
+            font-family:
+                -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
+                "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+        }
+
+        .mx_Button {
+            border: 0;
+            border-radius: 4px;
+            font-size: 18px;
+            margin-left: 4px;
+            margin-right: 4px;
+            min-width: 80px;
+            background-color: #03b381;
+            color: #fff;
+            cursor: pointer;
+            padding: 12px 22px;
+            word-break: break-word;
+            text-decoration: none;
+        }
+
+        .mx_Center {
+            justify-content: center;
+        }
+
+        .mx_ClearDecoration {
+            text-decoration: none !important;
+        }
+
+        .mx_HomePage_header {
+            color: #2e2f32;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .mx_HomePage h3 {
+            margin-top: 30px;
+        }
+
+        .mx_HomePage_col {
+            display: flex;
+            flex-direction: row;
+        }
+
+        .mx_HomePage_row {
+            flex: 1 1 0;
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+        }
+
+        .mx_HomePage_logo {
+            margin-right: 20px;
+            margin-top: -10px;
+        }
+
+        .mx_HomePage_container {
+            display: block !important;
+            margin: 10px 20px;
+        }
+
+        .mx_HomePage_container h1,
+        .mx_HomePage_container h2 {
+            font-weight: 600;
+            margin-bottom: 32px;
+        }
+
+        .mx_Spacer {
+            margin-top: 24px;
+        }
+
+        .mx_FooterLink {
+            color: #0dbd8b;
+            text-decoration: none;
+        }
+
+        .mx_Subtext {
+            font-size: 14px;
+        }
+
+        .mx_SubtextTop {
+            margin-top: 32px;
+        }
+
+        @media screen and (max-width: 1120px) {
+            body {
+                font-size: 20px;
+            }
+
+            h1 {
+                font-size: 20px;
+            }
+
+            h4 {
+                font-size: 16px;
+            }
+
+            .mx_Button {
+                font-size: 18px;
+                padding: 14px 28px;
+            }
+
+            .mx_HomePage_header {
+                justify-content: left;
+            }
+
+            .mx_Spacer {
+                margin-top: 24px;
+            }
+        }
+    </style>
+
+    <meta name="apple-itunes-app" content="app-id=id1083446067" />
+</head>
+
+<body>
+    <div class="mx_HomePage_container">
+        <div class="mx_HomePage_header">
+            <span class="mx_HomePage_logo">
+                <svg width="34" height="42" viewBox="0 0 34 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M13.08 8.68C13.08 7.75216 13.8321 7 14.76 7C20.9456 7 25.96 12.0144 25.96 18.2C25.96 19.1278 25.2078 19.88 24.28 19.88C23.3521 19.88 22.6 19.1278 22.6 18.2C22.6 13.8701 19.0899 10.36 14.76 10.36C13.8321 10.36 13.08 9.60784 13.08 8.68Z"
+                        fill="#0DBD8B"
+                    />
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M20.92 33.32C20.92 34.2478 20.1679 35 19.24 35C13.0544 35 8.04001 29.9856 8.04001 23.8C8.04001 22.8722 8.79217 22.12 9.72001 22.12C10.6478 22.12 11.4 22.8722 11.4 23.8C11.4 28.1299 14.9101 31.64 19.24 31.64C20.1679 31.64 20.92 32.3922 20.92 33.32Z"
+                        fill="#0DBD8B"
+                    />
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M4.68 24.9199C3.75216 24.9199 3 24.1678 3 23.2399C3 17.0543 8.01441 12.0399 14.2 12.0399C15.1278 12.0399 15.88 12.7921 15.88 13.7199C15.88 14.6478 15.1278 15.3999 14.2 15.3999C9.87009 15.3999 6.36 18.91 6.36 23.2399C6.36 24.1678 5.60784 24.9199 4.68 24.9199Z"
+                        fill="#0DBD8B"
+                    />
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M29.32 17.0801C30.2478 17.0801 31 17.8322 31 18.7601C31 24.9457 25.9856 29.9601 19.8 29.9601C18.8722 29.9601 18.12 29.2079 18.12 28.2801C18.12 27.3522 18.8722 26.6001 19.8 26.6001C24.1299 26.6001 27.64 23.09 27.64 18.7601C27.64 17.8322 28.3922 17.0801 29.32 17.0801Z"
+                        fill="#0DBD8B"
+                    />
+                </svg>
+            </span>
+            <h1>Unsupported browser</h1>
+        </div>
+        <div class="mx_HomePage_col">
+            <div class="mx_HomePage_row">
+                <div>
+                    <h2 id="step1_heading">Your browser can't run Element</h2>
+                    <p>
+                        Element uses many advanced browser features, some of which are not available or experimental in
+                        your current browser.
+                    </p>
+                    <p>
+                        Please install <a href="https://www.google.com/chrome">Chrome</a>,
+                        <a href="https://firefox.com">Firefox</a>, or <a href="https://apple.com/safari">Safari</a> for
+                        the best experience.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <div class="mx_HomePage_col">
+            <div class="mx_HomePage_row">
+                <div>
+                    <h2 id="step2_heading">Use Element on mobile</h2>
+                    <p><strong>iOS</strong> (iPhone or iPad)</p>
+                    <a href="https://apps.apple.com/app/vector/id1083446067" target="_blank" class="mx_ClearDecoration">
+                        <svg
+                            width="144px"
+                            height="48px"
+                            viewBox="0 0 120 40"
+                            version="1.1"
+                            xmlns="http://www.w3.org/2000/svg"
+                            xmlns:xlink="http://www.w3.org/1999/xlink"
+                        >
+                            <desc>Download on the App Store.</desc>
+                            <defs></defs>
+                            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                                <g id="App-Store-badge" fill-rule="nonzero">
+                                    <g id="Group">
+                                        <g id="Shape">
+                                            <path
+                                                d="M110.13477,0 L9.53468,0 C9.16798,0 8.80568,0 8.43995,0.002 C8.1338,0.004 7.83009,0.00981 7.521,0.0147 C6.84951368,0.0226018036 6.17960647,0.0816762599 5.5171,0.19141 C4.85552408,0.303532628 4.21467252,0.51491574 3.61622,0.81841 C3.01849941,1.12447171 2.47234502,1.52216753 1.99757,1.99707 C1.5203025,2.47063699 1.12246318,3.01801638 0.81935,3.61816 C0.515400242,4.21710912 0.304640498,4.8589383 0.19435,5.52148 C0.0830109412,6.18318491 0.0230983806,6.85252054 0.01515,7.52348 C0.00587,7.83008 0.00489,8.1377 0,8.44434 L0,31.5586 C0.00489,31.8691 0.00587,32.1699 0.01515,32.4805 C0.023100818,33.1514262 0.0830133796,33.8207284 0.19435,34.4824 C0.304335953,35.145329 0.515108158,35.7875266 0.81935,36.3867 C1.12232555,36.9849029 1.52022081,37.5300662 1.99757,38.001 C2.47054482,38.478014 3.01705224,38.8759804 3.61622,39.1797 C4.21466797,39.4840065 4.85545044,39.6966478 5.5171,39.8105 C6.1797191,39.9193547 6.84955741,39.9784532 7.521,39.9873 C7.83009,39.9941 8.1338,39.998 8.43995,39.998 C8.80567,40 9.168,40 9.53468,40 L110.13477,40 C110.49417,40 110.85937,40 111.21877,39.998 C111.52347,39.998 111.83597,39.9941 112.14067,39.9873 C112.810843,39.9789237 113.47942,39.9198215 114.14067,39.8105 C114.804454,39.6958464 115.447534,39.4832614 116.04887,39.1797 C116.647497,38.8758046 117.1935,38.4778491 117.66607,38.001 C118.142188,37.5282218 118.540932,36.9834573 118.84767,36.3867 C119.149629,35.7870908 119.358395,35.1449445 119.46677,34.4824 C119.578285,33.8206376 119.640323,33.1514843 119.65237,32.4805 C119.65627,32.1699 119.65627,31.8691 119.65627,31.5586 C119.66407,31.1953 119.66407,30.834 119.66407,30.4648 L119.66407,9.53613 C119.66407,9.16992 119.66407,8.80664 119.65627,8.44434 C119.65627,8.1377 119.65627,7.83008 119.65237,7.52344 C119.640326,6.85242244 119.578287,6.18323567 119.46677,5.52144 C119.358093,4.8592816 119.149339,4.21750328 118.84767,3.61812 C118.230394,2.41519608 117.251573,1.4360254 116.04887,0.81832 C115.447532,0.51556738 114.804383,0.30424041 114.14067,0.19132 C113.479535,0.0811027831 112.810888,0.0220077649 112.14067,0.01456 C111.83597,0.00968 111.52347,0.00382 111.21877,0.00187 C110.85937,-0.00013 110.49417,-0.00013 110.13477,-0.00013 L110.13477,0 Z"
+                                                fill="#A6A6A6"
+                                            ></path>
+                                            <path
+                                                d="M8.44483,39.125 C8.14015,39.125 7.84283,39.1211 7.54054,39.1143 C6.91432177,39.1061407 6.28956717,39.051625 5.6714,38.9512 C5.0949903,38.8519282 4.53660424,38.6672645 4.01466,38.4033 C3.4975017,38.1415227 3.02581177,37.7982729 2.61766,37.3867 C2.20360033,36.9799753 1.85887673,36.508244 1.59715,35.9902 C1.33253926,35.4687891 1.14941288,34.9098996 1.05415,34.333 C0.951274358,33.7131149 0.895614374,33.0863132 0.88765,32.458 C0.88131,32.2471 0.87301,31.5449 0.87301,31.5449 L0.87301,8.44434 C0.87301,8.44434 0.88185,7.75293 0.8877,7.5498 C0.895325827,6.92248205 0.950662148,6.2966531 1.05323,5.67773 C1.14866872,5.09925008 1.33193687,4.53874887 1.59669,4.01563 C1.85745482,3.49794385 2.20026458,3.02586029 2.61183,2.61768 C3.02293283,2.20562142 3.49613161,1.86060412 4.01417,1.59521 C4.53491467,1.3320936 5.09224545,1.14873255 5.66749,1.05127 C6.28768733,0.949836139 6.91461084,0.894996084 7.543,0.88721 L8.44532,0.875 L111.21387,0.875 L112.12697,0.8877 C112.749643,0.895099198 113.370872,0.949450006 113.98537,1.05029 C114.566438,1.14897507 115.129577,1.33361553 115.65627,1.59814 C116.694088,2.13298605 117.538542,2.97916295 118.07127,4.01807 C118.331797,4.53757756 118.512239,5.09350676 118.60647,5.66699 C118.710259,6.29099138 118.768347,6.92173834 118.78027,7.5542 C118.78317,7.8374 118.78317,8.1416 118.78317,8.44434 C118.79107,8.81934 118.79107,9.17627 118.79107,9.53613 L118.79107,30.4648 C118.79107,30.8281 118.79107,31.1826 118.78317,31.54 C118.78317,31.8652 118.78317,32.1631 118.77927,32.4697 C118.767605,33.0908757 118.710486,33.7103642 118.60837,34.3232 C118.51506,34.9042612 118.33293,35.4675131 118.06837,35.9932 C117.804793,36.5056211 117.462049,36.9732662 117.05277,37.3789 C116.644251,37.7926846 116.171729,38.1379427 115.65337,38.4014 C115.128136,38.6673937 114.565826,38.8527403 113.98537,38.9512 C113.36725,39.052161 112.742435,39.1066802 112.11617,39.1143 C111.82327,39.1211 111.51657,39.125 111.21877,39.125 L110.13477,39.127 L8.44483,39.125 Z"
+                                                fill="#000000"
+                                            ></path>
+                                        </g>
+                                        <g id="_Group_" transform="translate(9.000000, 8.000000)" fill="#FFFFFF">
+                                            <g id="_Group_2">
+                                                <g id="_Group_3">
+                                                    <path
+                                                        d="M15.76888,12.30068 C15.790737,10.6042091 16.6801229,9.03718611 18.12544,8.14862 C17.2095126,6.84051277 15.730392,6.04087835 14.13428,5.99094 C12.45504,5.81468 10.82709,6.99577 9.97138,6.99577 C9.09911,6.99577 7.78161,6.00844 6.36288,6.03763 C4.49620126,6.09793842 2.79813717,7.13352548 1.88996,8.7655 C-0.04404,12.11392 1.39855,17.03497 3.25116,19.74158 C4.17806,21.06693 5.26134,22.54738 6.67879,22.49488 C8.06585,22.43735 8.58389,21.6104 10.25819,21.6104 C11.91695,21.6104 12.40298,22.49488 13.84919,22.4615 C15.33757,22.43734 16.27532,21.13026 17.1697,19.79236 C17.8356761,18.8479997 18.3481437,17.8042759 18.68812,16.69985 C16.9203766,15.9521813 15.7709432,14.2200343 15.76888,12.30068 Z"
+                                                        id="_Path_"
+                                                    ></path>
+                                                    <path
+                                                        d="M13.03725,4.21089 C13.8487766,3.23668191 14.248585,1.98450245 14.15177,0.72027 C12.9119378,0.850490487 11.7666802,1.44304968 10.94419,2.37988 C10.1320187,3.30418903 9.72057463,4.51343268 9.80048,5.74127 C11.0569368,5.75420677 12.2499161,5.19015322 13.03725,4.21089 Z"
+                                                        id="_Path_2"
+                                                    ></path>
+                                                </g>
+                                            </g>
+                                            <g id="Group" transform="translate(25.000000, 9.000000)">
+                                                <path
+                                                    d="M8.30227,10.13965 L3.56887,10.13965 L2.43215,13.4961 L0.42727,13.4961 L4.91067,1.0781 L6.99367,1.0781 L11.47707,13.4961 L9.438,13.4961 L8.30227,10.13965 Z M4.0591,8.59082 L7.8111,8.59082 L5.96149,3.14355 L5.90973,3.14355 L4.0591,8.59082 Z"
+                                                    id="Shape"
+                                                ></path>
+                                                <path
+                                                    d="M21.15969,8.96973 C21.15969,11.78321 19.65383,13.59082 17.38137,13.59082 C16.2067553,13.6522646 15.1003324,13.0370307 14.53274,12.00682 L14.48974,12.00682 L14.48974,16.4912 L12.63134,16.4912 L12.63134,4.44238 L14.4302,4.44238 L14.4302,5.94824 L14.46438,5.94824 C15.0571883,4.92448792 16.1648043,4.30951884 17.34719,4.34765 C19.645,4.34766 21.15969,6.16406 21.15969,8.96973 Z M19.24953,8.96973 C19.24953,7.13673 18.30226,5.93164 16.85695,5.93164 C15.43703,5.93164 14.48195,7.16211 14.48195,8.96973 C14.48195,10.79395 15.43703,12.01563 16.85695,12.01563 C18.30227,12.01563 19.24953,10.81934 19.24953,8.96973 Z"
+                                                    id="Shape"
+                                                ></path>
+                                                <path
+                                                    d="M31.12453,8.96973 C31.12453,11.78321 29.61867,13.59082 27.34621,13.59082 C26.1715953,13.6522646 25.0651724,13.0370307 24.49758,12.00682 L24.45458,12.00682 L24.45458,16.4912 L22.59618,16.4912 L22.59618,4.44238 L24.395,4.44238 L24.395,5.94824 L24.42918,5.94824 C25.0219926,4.92448854 26.1296128,4.30952307 27.312,4.34766 C29.60988,4.34766 31.12453,6.16406 31.12453,8.96973 Z M29.21437,8.96973 C29.21437,7.13673 28.2671,5.93164 26.82179,5.93164 C25.40187,5.93164 24.44679,7.16211 24.44679,8.96973 C24.44679,10.79395 25.40187,12.01563 26.82179,12.01563 C28.26711,12.01563 29.21438,10.81934 29.21438,8.96973 L29.21437,8.96973 Z"
+                                                    id="Shape"
+                                                ></path>
+                                                <path
+                                                    d="M37.71047,10.03613 C37.84817,11.26758 39.04447,12.07613 40.67922,12.07613 C42.24563,12.07613 43.37258,11.26754 43.37258,10.15718 C43.37258,9.19331 42.69289,8.61618 41.08352,8.22066 L39.47415,7.83296 C37.19388,7.28218 36.13528,6.21577 36.13528,4.4853 C36.13528,2.34272 38.00247,0.87104 40.65383,0.87104 C43.27783,0.87104 45.07668,2.34272 45.13723,4.4853 L43.26123,4.4853 C43.14893,3.24604 42.12451,2.498 40.62744,2.498 C39.13037,2.498 38.10596,3.25484 38.10596,4.3564 C38.10596,5.23433 38.76026,5.75093 40.36084,6.1464 L41.729,6.48234 C44.27685,7.08488 45.33545,8.10834 45.33545,9.92472 C45.33545,12.24796 43.48486,13.70304 40.5415,13.70304 C37.78759,13.70304 35.92822,12.28214 35.8081,10.03604 L37.71047,10.03613 Z"
+                                                    id="Shape"
+                                                ></path>
+                                                <path
+                                                    d="M49.34621,2.2998 L49.34621,4.44238 L51.06789,4.44238 L51.06789,5.91406 L49.34621,5.91406 L49.34621,10.90527 C49.34621,11.68066 49.69094,12.04199 50.44777,12.04199 C50.6521614,12.0384259 50.8562221,12.0240726 51.0591,11.99899 L51.0591,13.46188 C50.7188283,13.5254596 50.3729708,13.5542545 50.02687,13.54782 C48.19387,13.54782 47.47902,12.85934 47.47902,11.10348 L47.47902,5.91406 L46.16262,5.91406 L46.16262,4.44238 L47.479,4.44238 L47.479,2.2998 L49.34621,2.2998 Z"
+                                                    id="Shape"
+                                                ></path>
+                                                <path
+                                                    d="M52.065,8.96973 C52.065,6.1211 53.74273,4.33106 56.35895,4.33106 C58.98395,4.33106 60.65387,6.12106 60.65387,8.96973 C60.65387,11.82618 58.99274,13.6084 56.35895,13.6084 C53.72609,13.6084 52.065,11.82617 52.065,8.96973 Z M58.76031,8.96973 C58.76031,7.01563 57.8648,5.86231 56.35894,5.86231 C54.85308,5.86231 53.95855,7.02442 53.95855,8.96973 C53.95855,10.93164 54.85308,12.07618 56.35894,12.07618 C57.8648,12.07618 58.76027,10.93164 58.76027,8.96973 L58.76031,8.96973 Z"
+                                                    id="Shape"
+                                                ></path>
+                                                <path
+                                                    d="M62.18606,4.44238 L63.95852,4.44238 L63.95852,5.98338 L64.00152,5.98338 C64.248696,4.99136841 65.1576526,4.30863156 66.17925,4.34764 C66.393414,4.34689223 66.6069872,4.37015075 66.81597,4.41698 L66.81597,6.15526 C66.545601,6.07264332 66.2635596,6.03471129 65.98097,6.04296 C65.4346182,6.02079544 64.9058709,6.23853473 64.5335615,6.63900597 C64.161252,7.03947722 63.9825766,7.58267074 64.04445,8.12596 L64.04445,13.49608 L62.18605,13.49608 L62.18606,4.44238 Z"
+                                                    id="Shape"
+                                                ></path>
+                                                <path
+                                                    d="M75.3843,10.83691 C75.1343,12.48046 73.53371,13.60839 71.48586,13.60839 C68.85207,13.60839 67.21731,11.84374 67.21731,9.01269 C67.21731,6.17285 68.86086,4.33105 71.40774,4.33105 C73.91262,4.33105 75.48782,6.05175 75.48782,8.79687 L75.48782,9.43359 L69.09329,9.43359 L69.09329,9.54589 C69.0335874,10.2199216 69.2663316,10.8871194 69.7323199,11.3777699 C70.1983083,11.8684204 70.8526275,12.1352333 71.52884,12.11034 C72.4306823,12.1948396 73.2809431,11.6769777 73.61966,10.8369 L75.3843,10.83691 Z M69.1020624,8.13477 L73.62844,8.13476 C73.6621655,7.52909749 73.4416965,6.93682308 73.0201501,6.50063155 C72.5986036,6.06444001 72.0142008,5.82388041 71.40774,5.83691 C70.7964818,5.83326223 70.2090907,6.07393463 69.7761255,6.50543324 C69.3431603,6.93693186 69.1004963,7.52350292 69.1020624,8.13477 Z"
+                                                    id="Shape"
+                                                ></path>
+                                            </g>
+                                        </g>
+                                    </g>
+                                    <g id="_Group_4" transform="translate(35.000000, 8.000000)" fill="#FFFFFF">
+                                        <g id="Group">
+                                            <path
+                                                d="M2.82619,0.731 C3.61513656,0.674384181 4.38789226,0.974547428 4.93176129,1.54887182 C5.47563032,2.12319621 5.73328587,2.91114479 5.63381,3.69584 C5.63381,5.60209 4.60354,6.69784 2.82619,6.69784 L0.67092,6.69784 L0.67092,0.731 L2.82619,0.731 Z M1.59767,5.854 L2.72267,5.854 C3.28649194,5.88770201 3.83548652,5.66555901 4.21721851,5.24925179 C4.5989505,4.83294457 4.77277961,4.26679442 4.69044,3.708 C4.76678901,3.15152453 4.59045658,2.59004622 4.20967108,2.17713398 C3.82888557,1.76422175 3.28349567,1.5430863 2.72267,1.57421 L1.59767,1.57421 L1.59767,5.854 Z"
+                                                id="Shape"
+                                            ></path>
+                                            <path
+                                                d="M6.68068,4.44434 C6.60346713,3.63722505 6.99048366,2.85611193 7.67941593,2.42859737 C8.36834819,2.0010828 9.24008181,2.0010828 9.92901407,2.42859737 C10.6179463,2.85611193 11.0049629,3.63722505 10.92775,4.44434 C11.0064319,5.25232226 10.6197687,6.03495038 9.93022554,6.4633853 C9.24068243,6.89182022 8.36774757,6.89182022 7.67820446,6.4633853 C6.98866134,6.03495038 6.60199806,5.25232226 6.68068,4.44434 Z M10.01368,4.44434 C10.01368,3.46827 9.5752,2.89747 8.80568,2.89747 C8.03322,2.89747 7.59868,3.46827 7.59868,4.44435 C7.59868,5.42824 8.03325,5.99464 8.80568,5.99464 C9.57522,5.99463 10.01369,5.42432 10.01369,4.44434 L10.01368,4.44434 Z"
+                                                id="Shape"
+                                            ></path>
+                                            <polygon
+                                                id="Shape"
+                                                points="16.57326 6.69775 15.65139 6.69775 14.72073 3.38134 14.65042 3.38134 13.72366 6.69775 12.81057 6.69775 11.56936 2.19482 12.47073 2.19482 13.27737 5.63082 13.34378 5.63082 14.26956 2.19482 15.1221 2.19482 16.04788 5.63082 16.11819 5.63082 16.92092 2.19482 17.80959 2.19482"
+                                            ></polygon>
+                                            <path
+                                                d="M18.85354,2.19482 L19.709,2.19482 L19.709,2.91015 L19.77541,2.91015 C20.0063449,2.38347794 20.5459729,2.06130747 21.11916,2.1079 C21.5629768,2.07453177 21.9978859,2.2447899 22.3010908,2.57060207 C22.6042957,2.89641424 22.7428931,3.34242376 22.67775,3.7827 L22.67775,6.6977 L21.78908,6.6977 L21.78908,4.00586 C21.78908,3.28223 21.47463,2.92236 20.8174,2.92236 C20.5163658,2.90833912 20.2242202,3.02648257 20.0175546,3.24581678 C19.810889,3.465151 19.710315,3.76380101 19.7422,4.06347 L19.7422,6.69775 L18.85353,6.69775 L18.85354,2.19482 Z"
+                                                id="Shape"
+                                            ></path>
+                                            <polygon
+                                                id="Shape"
+                                                points="24.09377 0.437 24.98244 0.437 24.98244 6.69774 24.09377 6.69774"
+                                            ></polygon>
+                                            <path
+                                                d="M26.21779,4.44434 C26.1406364,3.63717225 26.527714,2.85603936 27.2166974,2.4285182 C27.9056808,2.00099704 28.7774592,2.00099704 29.4664426,2.4285182 C30.155426,2.85603936 30.5425036,3.63717225 30.46535,4.44434 C30.543932,5.25235119 30.1571979,6.03495719 29.4676205,6.46337324 C28.7780432,6.89178929 27.9050968,6.89178929 27.2155195,6.46337324 C26.5259421,6.03495719 26.139208,5.25235119 26.21779,4.44434 Z M29.55079,4.44434 C29.55079,3.46827 29.11231,2.89747 28.34279,2.89747 C27.57033,2.89747 27.13579,3.46827 27.13579,4.44435 C27.13579,5.42824 27.57036,5.99464 28.34279,5.99464 C29.11232,5.99463 29.5508,5.42432 29.5508,4.44434 L29.55079,4.44434 Z"
+                                                id="Shape"
+                                            ></path>
+                                            <path
+                                                d="M31.4009,5.42432 C31.4009,4.61377 32.00442,4.14649 33.0757,4.08008 L34.29543,4.00977 L34.29543,3.6211 C34.29543,3.14551 33.98098,2.87696 33.37356,2.87696 C32.87747,2.87696 32.53372,3.05909 32.43508,3.37745 L31.57473,3.37745 C31.66555,2.60401 32.39309,2.10792 33.41457,2.10792 C34.54348,2.10792 35.1802,2.66992 35.1802,3.6211 L35.1802,6.69776 L34.32473,6.69776 L34.32473,6.06495 L34.25442,6.06495 C33.9638686,6.52707633 33.4471736,6.79716323 32.90188,6.77195 C32.5196161,6.81171181 32.1383711,6.68791066 31.8523958,6.43115244 C31.5664205,6.17439423 31.4024061,5.80864331 31.4009,5.42432 Z M34.29543,5.03955 L34.29543,4.66309 L33.19582,4.7334 C32.5757,4.7749 32.29445,4.98584 32.29445,5.38281 C32.29445,5.78808 32.64601,6.02392 33.12945,6.02392 C33.4156361,6.05288986 33.7013264,5.96447505 33.9211204,5.77891559 C34.1409144,5.59335613 34.2759916,5.32654106 34.29543,5.03955 Z"
+                                                id="Shape"
+                                            ></path>
+                                            <path
+                                                d="M36.34816,4.44434 C36.34816,3.02149 37.07961,2.12012 38.2173,2.12012 C38.7917768,2.09365013 39.3298275,2.40147287 39.59816,2.91012 L39.66457,2.91012 L39.66457,0.437 L40.55324,0.437 L40.55324,6.69774 L39.70168,6.69774 L39.70168,5.98631 L39.63137,5.98631 C39.3427542,6.49073698 38.7980745,6.79335648 38.21731,6.77195 C37.0718,6.772 36.34816,5.87061 36.34816,4.44434 Z M37.26616,4.44434 C37.26616,5.39942 37.71636,5.97413 38.46929,5.97413 C39.21829,5.97413 39.6812,5.39113 39.6812,4.44825 C39.6812,3.50977 39.21343,2.91846 38.46929,2.91846 C37.72121,2.91846 37.26613,3.49707 37.26613,4.44434 L37.26616,4.44434 Z"
+                                                id="Shape"
+                                            ></path>
+                                            <path
+                                                d="M44.23,4.44434 C44.1527871,3.63722505 44.5398037,2.85611193 45.2287359,2.42859737 C45.9176682,2.0010828 46.7894018,2.0010828 47.4783341,2.42859737 C48.1672663,2.85611193 48.5542829,3.63722505 48.47707,4.44434 C48.5557519,5.25232226 48.1690887,6.03495038 47.4795455,6.4633853 C46.7900024,6.89182022 45.9170676,6.89182022 45.2275245,6.4633853 C44.5379813,6.03495038 44.1513181,5.25232226 44.23,4.44434 Z M47.563,4.44434 C47.563,3.46827 47.12452,2.89747 46.355,2.89747 C45.58254,2.89747 45.148,3.46827 45.148,4.44435 C45.148,5.42824 45.58257,5.99464 46.355,5.99464 C47.12453,5.99463 47.563,5.42432 47.563,4.44434 Z"
+                                                id="Shape"
+                                            ></path>
+                                            <path
+                                                d="M49.66945,2.19482 L50.52492,2.19482 L50.52492,2.91015 L50.59133,2.91015 C50.8222649,2.38347794 51.3618929,2.06130747 51.93508,2.1079 C52.3788968,2.07453177 52.8138059,2.2447899 53.1170108,2.57060207 C53.4202157,2.89641424 53.5588131,3.34242376 53.49367,3.7827 L53.49367,6.6977 L52.605,6.6977 L52.605,4.00586 C52.605,3.28223 52.29055,2.92236 51.63332,2.92236 C51.3322858,2.90833912 51.0401402,3.02648257 50.8334746,3.24581678 C50.626809,3.465151 50.526235,3.76380101 50.55812,4.06347 L50.55812,6.69775 L49.66945,6.69775 L49.66945,2.19482 Z"
+                                                id="Shape"
+                                            ></path>
+                                            <path
+                                                d="M58.51516,1.07373 L58.51516,2.21533 L59.49075,2.21533 L59.49075,2.96387 L58.51516,2.96387 L58.51516,5.2793 C58.51516,5.75098 58.7095,5.95752 59.15188,5.95752 C59.2651356,5.95715754 59.3782775,5.95030966 59.49075,5.93701 L59.49075,6.67724 C59.3311595,6.70579072 59.1694656,6.72098004 59.00735,6.72265 C58.01907,6.72265 57.62551,6.37499 57.62551,5.50683 L57.62551,2.96383 L56.91067,2.96383 L56.91067,2.21529 L57.62551,2.21529 L57.62551,1.07373 L58.51516,1.07373 Z"
+                                                id="Shape"
+                                            ></path>
+                                            <path
+                                                d="M60.70461,0.437 L61.58547,0.437 L61.58547,2.91845 L61.65578,2.91845 C61.8978078,2.38716856 62.4468801,2.06458754 63.02878,2.11181 C63.4700766,2.08779728 63.8990983,2.26180371 64.1989893,2.58643385 C64.4988802,2.91106399 64.6384049,3.35250564 64.57956,3.79052 L64.57956,6.69775 L63.69,6.69775 L63.69,4.00975 C63.69,3.29051 63.355,2.92625 62.72711,2.92625 C62.417939,2.90089367 62.1133391,3.01329096 61.8947423,3.2333935 C61.6761456,3.45349605 61.5658419,3.75886031 61.59332,4.06785 L61.59332,6.69773 L60.70465,6.69773 L60.70461,0.437 Z"
+                                                id="Shape"
+                                            ></path>
+                                            <path
+                                                d="M69.76125,5.48193 C69.512057,6.33130948 68.6900989,6.88010304 67.81008,6.78466 C67.2096439,6.8005102 66.6325914,6.5516307 66.2320282,6.10405516 C65.8314651,5.65647963 65.6478864,5.05545594 65.73,4.46045 C65.6500674,3.86379048 65.8329582,3.26180373 66.2312908,2.81044696 C66.6296234,2.35909018 67.204202,2.10277675 67.80617,2.10791 C69.0591,2.10791 69.81496,2.96391 69.81496,4.37791 L69.81496,4.688 L66.63527,4.688 L66.63527,4.7378 C66.607132,5.07194014 66.7212507,5.40244775 66.9495608,5.6480407 C67.1778709,5.89363365 67.4991879,6.03152392 67.83449,6.0278 C68.2692619,6.07999468 68.6924825,5.86433304 68.90578,5.4819 L69.76125,5.48193 Z M66.63525,4.03076 L68.90966,4.03076 C68.9323129,3.72516044 68.8248585,3.42420507 68.6137769,3.20205909 C68.4026954,2.97991311 68.1076175,2.85723623 67.80126,2.86426 C67.490752,2.86035891 67.191828,2.98202124 66.9722963,3.20164888 C66.7527647,3.42127653 66.6312331,3.72025374 66.63527,4.03076 L66.63525,4.03076 Z"
+                                                id="Shape"
+                                            ></path>
+                                        </g>
+                                    </g>
+                                </g>
+                            </g>
+                        </svg>
+                    </a>
+                    <p class="mx_Spacer"><strong>Android</strong></p>
+                    <a
+                        href="https://play.google.com/store/apps/details?id=im.vector.app"
+                        target="_blank"
+                        class="mx_ClearDecoration"
+                    >
+                        <svg
+                            width="162px"
+                            height="48px"
+                            viewBox="0 0 162 48"
+                            version="1.1"
+                            xmlns="http://www.w3.org/2000/svg"
+                            xmlns:xlink="http://www.w3.org/1999/xlink"
+                        >
+                            <!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
+                            <desc>Created with Sketch.</desc>
+                            <defs>
+                                <linearGradient
+                                    x1="91.488428%"
+                                    y1="4.9481245%"
+                                    x2="-38.3517333%"
+                                    y2="71.9074222%"
+                                    id="linearGradient-1"
+                                >
+                                    <stop stop-color="#00A0FF" offset="0%"></stop>
+                                    <stop stop-color="#00A1FF" offset="1%"></stop>
+                                    <stop stop-color="#00BEFF" offset="26%"></stop>
+                                    <stop stop-color="#00D2FF" offset="51%"></stop>
+                                    <stop stop-color="#00DFFF" offset="76%"></stop>
+                                    <stop stop-color="#00E3FF" offset="100%"></stop>
+                                </linearGradient>
+                                <linearGradient
+                                    x1="107.684729%"
+                                    y1="50%"
+                                    x2="-130.640394%"
+                                    y2="50%"
+                                    id="linearGradient-2"
+                                >
+                                    <stop stop-color="#FFE000" offset="0%"></stop>
+                                    <stop stop-color="#FFBD00" offset="41%"></stop>
+                                    <stop stop-color="#FFA500" offset="78%"></stop>
+                                    <stop stop-color="#FF9C00" offset="100%"></stop>
+                                </linearGradient>
+                                <linearGradient
+                                    x1="86.219293%"
+                                    y1="17.8768889%"
+                                    x2="-50.1497903%"
+                                    y2="194.702638%"
+                                    id="linearGradient-3"
+                                >
+                                    <stop stop-color="#FF3A44" offset="0%"></stop>
+                                    <stop stop-color="#C31162" offset="100%"></stop>
+                                </linearGradient>
+                                <linearGradient
+                                    x1="-18.7537448%"
+                                    y1="-54.0521474%"
+                                    x2="42.1210306%"
+                                    y2="24.9170664%"
+                                    id="linearGradient-4"
+                                >
+                                    <stop stop-color="#32A071" offset="0%"></stop>
+                                    <stop stop-color="#2DA771" offset="7%"></stop>
+                                    <stop stop-color="#15CF74" offset="48%"></stop>
+                                    <stop stop-color="#06E775" offset="80%"></stop>
+                                    <stop stop-color="#00F076" offset="100%"></stop>
+                                </linearGradient>
+                            </defs>
+                            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                                <g id="Google-Play-badge" fill-rule="nonzero">
+                                    <rect
+                                        id="Rectangle-path"
+                                        fill="#000000"
+                                        x="0"
+                                        y="0"
+                                        width="162"
+                                        height="48"
+                                        rx="6"
+                                    ></rect>
+                                    <path
+                                        d="M156,0.96 C158.783515,0.96 161.04,3.21648486 161.04,6 L161.04,42 C161.04,44.7835151 158.783515,47.04 156,47.04 L6,47.04 C3.21648486,47.04 0.96,44.7835151 0.96,42 L0.96,6 C0.96,3.21648486 3.21648486,0.96 6,0.96 L156,0.96 Z M156,0 L6,0 C2.6862915,2.13162821e-15 0,2.6862915 0,6 L0,42 C0,45.3137085 2.6862915,48 6,48 L156,48 C159.313708,48 162,45.3137085 162,42 L162,6 C162,2.6862915 159.313708,2.13162821e-15 156,0 Z"
+                                        id="Shape"
+                                        fill="#A6A6A6"
+                                    ></path>
+                                    <path
+                                        d="M56.904,12.288 C56.9452243,13.1774773 56.6199211,14.0449523 56.004,14.688 C55.3157397,15.4029639 54.3557806,15.791311 53.364,15.756 C51.8428083,15.7440945 50.4769778,14.8214594 49.8980302,13.4146952 C49.3190825,12.007931 49.6398426,10.3911869 50.712,9.312 C51.4086396,8.60079116 52.3686947,8.20981851 53.364,8.232 C53.8713092,8.23030972 54.3736031,8.33240198 54.84,8.532 C55.2742254,8.70714427 55.6607809,8.98266787 55.968,9.336 L55.332,9.972 C54.8464162,9.39441174 54.1174618,9.07882784 53.364,9.12 C52.6066192,9.11628465 51.8804152,9.42130519 51.3528432,9.96472697 C50.8252713,10.5081487 50.541874,11.2430609 50.568,12 C50.5519223,13.1438276 51.2255718,14.1850074 52.2755199,14.63911 C53.325468,15.0932125 54.5455111,14.8710548 55.368,14.076 C55.7372514,13.6758439 55.9502196,13.1562016 55.968,12.612 L53.364,12.612 L53.364,11.748 L56.856,11.748 C56.8880078,11.9262169 56.9040713,12.1069316 56.904,12.288 Z M62.4,9.288 L59.16,9.288 L59.16,11.568 L62.112,11.568 L62.112,12.432 L59.16,12.432 L59.16,14.712 L62.4,14.712 L62.4,15.6 L58.2,15.6 L58.2,8.4 L62.4,8.4 L62.4,9.288 Z M66.336,15.6 L65.412,15.6 L65.412,9.288 L63.396,9.288 L63.396,8.4 L68.4,8.4 L68.4,9.288 L66.336,9.288 L66.336,15.6 Z M71.928,15.6 L71.928,8.4 L72.852,8.4 L72.852,15.6 L71.928,15.6 Z M76.956,15.6 L76.032,15.6 L76.032,9.288 L74.016,9.288 L74.016,8.4 L78.96,8.4 L78.96,9.288 L76.956,9.288 L76.956,15.6 Z M88.332,14.664 C86.8715878,16.1162735 84.5124122,16.1162735 83.052,14.664 C81.6363227,13.1654806 81.6363227,10.8225194 83.052,9.324 C83.7503981,8.62049603 84.7006989,8.22483956 85.692,8.22483956 C86.6833011,8.22483956 87.6336019,8.62049603 88.332,9.324 C89.7537186,10.8201118 89.7537186,13.1678882 88.332,14.664 Z M83.736,14.064 C84.8175887,15.1410781 86.5664113,15.1410781 87.648,14.064 C88.710238,12.8930054 88.710238,11.1069946 87.648,9.936 C86.5664113,8.85892192 84.8175887,8.85892192 83.736,9.936 C82.673762,11.1069946 82.673762,12.8930054 83.736,14.064 Z M90.696,15.6 L90.696,8.4 L91.824,8.4 L95.328,14.004 L95.328,8.4 L96.252,8.4 L96.252,15.6 L95.292,15.6 L91.632,9.732 L91.632,15.6 L90.696,15.6 Z"
+                                        id="Shape"
+                                        stroke="#FFFFFF"
+                                        stroke-width="0.5"
+                                        fill="#FFFFFF"
+                                    ></path>
+                                    <path
+                                        d="M81.768,26.1 C78.95451,26.1132401 76.6832087,28.4024174 76.692025,31.2159247 C76.7008414,34.0294321 78.9864446,36.3043299 81.7999624,36.2999373 C84.6134801,36.2955447 86.8919688,34.0135212 86.892,31.2 C86.9117676,29.8372485 86.3774779,28.5248517 85.4115062,27.5634044 C84.4455344,26.6019571 83.1306436,26.0738348 81.768,26.1 Z M81.768,34.296 C80.4998728,34.3846863 79.3064075,33.6891762 78.7584256,32.5421245 C78.2104436,31.3950728 78.419323,30.0296194 79.285159,29.0988456 C80.1509951,28.1680719 81.4978054,27.8611589 82.6814254,28.3248997 C83.8650454,28.7886405 84.6449026,29.9287792 84.648,31.2 C84.6870513,31.9952063 84.4032392,32.7724713 83.8609684,33.3554125 C83.3186976,33.9383536 82.5639505,34.2775396 81.768,34.296 Z M70.596,26.1 C67.7809194,26.1066237 65.503593,28.3928962 65.5080063,31.2079812 C65.5124195,34.0230661 67.796903,36.302187 70.6119906,36.2999843 C73.4270781,36.2977816 75.7079922,34.0150884 75.708,31.2 C75.7277676,29.8372485 75.1934779,28.5248517 74.2275062,27.5634044 C73.2615344,26.6019571 71.9466436,26.0738348 70.584,26.1 L70.596,26.1 Z M70.596,34.296 C69.3272109,34.3896877 68.1302658,33.6976456 67.5784221,32.5513159 C67.0265783,31.4049863 67.2321873,30.0377538 68.096776,29.1044321 C68.9613648,28.1711103 70.3089091,27.8617171 71.4940246,28.3244312 C72.6791401,28.7871453 73.4605457,29.9277613 73.464,31.2 C73.5030513,31.9952063 73.2192392,32.7724713 72.6769684,33.3554125 C72.1346976,33.9383536 71.3799505,34.2775396 70.584,34.296 L70.596,34.296 Z M57.288,27.672 L57.288,29.832 L62.472,29.832 C62.3907161,30.8493646 61.9678136,31.8093534 61.272,32.556 C60.2232275,33.6242696 58.7718519,34.1995896 57.276,34.14 C54.0948398,34.14 51.516,31.5611602 51.516,28.38 C51.516,25.1988398 54.0948398,22.62 57.276,22.62 C58.7373549,22.5961666 60.1485143,23.1528625 61.2,24.168 L62.724,22.644 C61.2899035,21.1918298 59.3288621,20.3823049 57.288,20.4 C54.3827529,20.2869348 51.6484723,21.7724061 50.1622249,24.2712685 C48.6759775,26.7701308 48.6759775,29.8818692 50.1622249,32.3807315 C51.6484723,34.8795939 54.3827529,36.3650652 57.288,36.252 C59.366118,36.3459052 61.3832889,35.5364115 62.82,34.032 C64.0772109,32.6507059 64.7484517,30.8349134 64.692,28.968 C64.6958722,28.5131858 64.6556846,28.0590658 64.572,27.612 L57.288,27.672 Z M111.66,29.352 C111.019296,27.4670521 109.281513,26.1732637 107.292,26.1 C105.965236,26.097406 104.696574,26.6440891 103.787255,27.6102403 C102.877937,28.5763915 102.409075,29.8758277 102.492,31.2 C102.462529,32.5551554 102.985397,33.864034 103.940463,34.8258889 C104.895528,35.7877438 106.20067,36.3198705 107.556,36.3 C109.26103,36.3091908 110.856772,35.4617346 111.804,34.044 L110.064,32.844 C109.535695,33.7247306 108.583028,34.2626004 107.556,34.26 C106.49231,34.3005421 105.51197,33.6866398 105.084,32.712 L111.912,29.892 L111.66,29.352 Z M104.7,31.056 C104.650862,30.3061971 104.905591,29.568174 105.40676,29.0083093 C105.907929,28.4484447 106.613352,28.113866 107.364,28.08 C108.155244,28.0278619 108.90128,28.4528191 109.26,29.16 L104.7,31.056 Z M99.156,36 L101.4,36 L101.4,21 L99.156,21 L99.156,36 Z M95.484,27.24 L95.4,27.24 C94.7159545,26.4752121 93.7380686,26.0386559 92.712,26.04 C89.9881763,26.172086 87.8476045,28.4189755 87.8476045,31.146 C87.8476045,33.8730245 89.9881763,36.119914 92.712,36.252 C93.7413947,36.2693085 94.7256191,35.8299226 95.4,35.052 L95.472,35.052 L95.472,35.784 C95.472,37.74 94.428,38.784 92.748,38.784 C91.6035636,38.7572129 90.5888737,38.0412401 90.18,36.972 L88.224,37.788 C88.977218,39.6201732 90.767077,40.81183 92.748,40.8 C95.376,40.8 97.548,39.252 97.548,35.484 L97.548,26.4 L95.484,26.4 L95.484,27.24 Z M92.916,34.296 C91.3114651,34.1545918 90.0808516,32.810754 90.0808516,31.2 C90.0808516,29.589246 91.3114651,28.2454082 92.916,28.104 C93.6913435,28.143789 94.4177831,28.4949242 94.9306198,29.0777958 C95.4434564,29.6606674 95.6992476,30.4259002 95.64,31.2 C95.7061618,31.9776593 95.451189,32.7485174 94.9343644,33.3333452 C94.4175397,33.9181731 93.6838925,34.2660166 92.904,34.296 L92.916,34.296 Z M122.172,21 L116.808,21 L116.808,36 L119.052,36 L119.052,30.312 L122.184,30.312 C123.927221,30.4372366 125.594369,29.5782107 126.504156,28.0859676 C127.413943,26.5937244 127.413943,24.7182756 126.504156,23.2260324 C125.594369,21.7337893 123.927221,20.8747634 122.184,21 L122.172,21 Z M122.172,28.2 L119.04,28.2 L119.04,23.088 L122.22,23.088 C123.641581,23.088 124.794,24.2404191 124.794,25.662 C124.794,27.0835809 123.641581,28.236 122.22,28.236 L122.172,28.2 Z M136.008,26.04 C134.338455,25.9402067 132.768824,26.8405056 132.012,28.332 L134.004,29.16 C134.405287,28.4204018 135.20535,27.9874267 136.044,28.056 C136.619434,27.9887935 137.197744,28.1555641 137.649034,28.5188522 C138.100324,28.8821403 138.386758,29.4114899 138.444,29.988 L138.444,30.144 C137.723271,29.7623989 136.919511,29.5645502 136.104,29.568 C133.956,29.568 131.784,30.768 131.784,32.94 C131.826825,33.8756506 132.246288,34.7541954 132.946958,35.3757568 C133.647627,35.9973182 134.569918,36.3090392 135.504,36.24 C136.655075,36.3226597 137.759483,35.7704558 138.384,34.8 L138.456,34.8 L138.456,36 L140.616,36 L140.616,30.228 C140.616,27.6 138.624,26.076 136.068,26.076 L136.008,26.04 Z M135.732,34.26 C135,34.26 133.98,33.888 133.98,32.988 C133.98,31.788 135.252,31.392 136.38,31.392 C137.09285,31.3744103 137.797357,31.5484649 138.42,31.896 C138.264835,33.239298 137.143828,34.2630486 135.792,34.296 L135.732,34.26 Z M148.488,26.4 L145.92,32.904 L145.848,32.904 L143.184,26.4 L140.784,26.4 L144.78,35.496 L142.5,40.548 L144.84,40.548 L150.984,26.4 L148.488,26.4 Z M128.316,36 L130.56,36 L130.56,21 L128.316,21 L128.316,36 Z"
+                                        id="Shape"
+                                        fill="#FFFFFF"
+                                    ></path>
+                                    <path
+                                        d="M12.528,9.048 C12.1368779,9.51733 11.9394644,10.1181539 11.976,10.728 L11.976,37.272 C11.9394644,37.8818461 12.1368779,38.48267 12.528,38.952 L12.612,39.036 L27.48,24.18 L27.48,23.832 L12.612,8.964 L12.528,9.048 Z"
+                                        id="Shape"
+                                        fill="url(#linearGradient-1)"
+                                    ></path>
+                                    <path
+                                        d="M32.4,29.136 L27.48,24.18 L27.48,23.832 L32.4,18.864 L32.508,18.924 L38.4,22.272 C40.08,23.22 40.08,24.78 38.4,25.74 L32.532,29.076 L32.4,29.136 Z"
+                                        id="Shape"
+                                        fill="url(#linearGradient-2)"
+                                    ></path>
+                                    <path
+                                        d="M32.544,29.064 L27.48,24 L12.528,38.952 C13.2344613,39.5730269 14.2829148,39.6032707 15.024,39.024 L32.556,29.064"
+                                        id="Shape"
+                                        fill="url(#linearGradient-3)"
+                                    ></path>
+                                    <path
+                                        d="M32.544,18.936 L15.012,8.976 C14.2709148,8.39672927 13.2224613,8.42697312 12.516,9.048 L27.48,24 L32.544,18.936 Z"
+                                        id="Shape"
+                                        fill="url(#linearGradient-4)"
+                                    ></path>
+                                    <path
+                                        d="M32.4,28.956 L15.012,38.856 C14.3004462,39.3880037 13.3235538,39.3880037 12.612,38.856 L12.528,38.94 L12.612,39.024 C13.3222149,39.5600151 14.3017851,39.5600151 15.012,39.024 L32.544,29.064 L32.4,28.956 Z"
+                                        id="Shape"
+                                        fill="#000000"
+                                        opacity="0.2"
+                                    ></path>
+                                    <path
+                                        d="M12.528,38.784 C12.1368779,38.31467 11.9394644,37.7138461 11.976,37.104 L11.976,37.284 C11.9394644,37.8938461 12.1368779,38.49467 12.528,38.964 L12.612,38.88 L12.528,38.784 Z M38.4,25.56 L32.4,28.956 L32.508,29.064 L38.4,25.728 C39.0804841,25.4083358 39.5381621,24.7492796 39.6,24 C39.4632354,24.6778055 39.0200471,25.2539503 38.4,25.56 Z"
+                                        id="Shape"
+                                        fill="#000000"
+                                        opacity="0.12"
+                                    ></path>
+                                    <path
+                                        d="M15.012,9.144 L38.4,22.44 C39.0200471,22.7460497 39.4632354,23.3221945 39.6,24 C39.5381621,23.2507204 39.0804841,22.5916642 38.4,22.272 L15.012,8.976 C13.332,8.028 11.964,8.82 11.964,10.74 L11.964,10.92 C12,8.988 13.344,8.196 15.012,9.144 Z"
+                                        id="Shape"
+                                        fill="#FFFFFF"
+                                        opacity="0.25"
+                                    ></path>
+                                </g>
+                            </g>
+                        </svg>
+                    </a>
+                    <a
+                        href="https://f-droid.org/repository/browse/?fdid=im.vector.app"
+                        target="_blank"
+                        class="mx_ClearDecoration"
+                    >
+                        <svg
+                            width="164px"
+                            height="48px"
+                            viewBox="0 0 157 46"
+                            version="1.1"
+                            xmlns="http://www.w3.org/2000/svg"
+                            xmlns:xlink="http://www.w3.org/1999/xlink"
+                        >
+                            <desc>Get it on F-Droid.</desc>
+                            <defs>
+                                <radialGradient
+                                    cx="0.55528181%"
+                                    cy="0.456156968%"
+                                    fx="0.55528181%"
+                                    fy="0.456156968%"
+                                    r="99.5501799%"
+                                    gradientTransform="translate(0.005553,0.004562),scale(0.985441,1.000000),rotate(90.000001),translate(-0.005553,-0.004562)"
+                                    id="radialGradient-1"
+                                >
+                                    <stop stop-color="#FFFFFF" stop-opacity="0.098039" offset="0%"></stop>
+                                    <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+                                </radialGradient>
+                            </defs>
+                            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                                <g id="F-Droid-badge">
+                                    <rect
+                                        id="Rectangle-path"
+                                        fill="#000000"
+                                        fill-rule="nonzero"
+                                        x="0"
+                                        y="0"
+                                        width="157"
+                                        height="46"
+                                        rx="5.6097561"
+                                    ></rect>
+                                    <g
+                                        id="Group"
+                                        transform="translate(49.623214, 5.890244)"
+                                        fill="#FFFFFF"
+                                        fill-rule="nonzero"
+                                    >
+                                        <path
+                                            d="M5.68003571,6.29863415 L5.68003571,4.42449878 L4.13843589,4.42449878 L4.13843589,3.64866951 L6.61432589,3.64866951 L6.61432589,6.64455976 C6.24995506,6.90316951 5.84820327,7.09946423 5.40907054,7.2334439 C4.96995649,7.36430642 4.50125542,7.42973768 4.00296732,7.42973768 C2.91295744,7.42973768 2.0596344,7.1119263 1.44299821,6.47630354 C0.829483333,5.83757671 0.522725893,4.94958037 0.522725893,3.81231451 C0.522725893,2.67194459 0.829483333,1.78394825 1.44299821,1.14832549 C2.0596344,0.509598659 2.91295744,0.190235244 4.00296732,0.190235244 C4.45765054,0.190235244 4.88898,0.24631878 5.29695571,0.358485854 C5.70805274,0.470652927 6.08644143,0.635785447 6.43212179,0.853883415 L6.43212179,1.85873098 C6.08332012,1.56274154 5.71271601,1.33995943 5.32030946,1.19038463 C4.92790292,1.04082854 4.51525458,0.966050488 4.08236446,0.966050488 C3.22903208,0.966050488 2.58748149,1.20440902 2.15771268,1.6811261 C1.73104649,2.15784317 1.51771339,2.86824398 1.51771339,3.81232854 C1.51771339,4.75329033 1.73104649,5.46212976 2.15771268,5.93884683 C2.58748149,6.4155639 3.22903208,6.65392244 4.08236446,6.65392244 C4.41559696,6.65392244 4.71301851,6.6258802 4.97462911,6.56979573 C5.2362397,6.51059598 5.47136589,6.4202387 5.68000768,6.2987239 L5.68003571,6.29863415 Z"
+                                            id="Shape"
+                                        ></path>
+                                        <polygon
+                                            id="Shape"
+                                            points="8.34342857 0.316390244 12.7531661 0.316390244 12.7531661 1.1109 9.28683036 1.1109 9.28683036 3.17666463 12.6082214 3.17666463 12.6082214 3.97117439 9.28683036 3.97117439 9.28683036 6.49963171 12.8372732 6.49963171 12.8372732 7.29414146 8.34342857 7.29414146 8.34342857 0.316446341"
+                                        ></polygon>
+                                        <polygon
+                                            id="Shape"
+                                            points="13.4319107 0.316390244 19.3320268 0.316390244 19.3320268 1.1109 16.8561368 1.1109 16.8561368 7.29425366 15.9078287 7.29425366 15.9078287 1.1109 13.4319387 1.1109 13.4319387 0.316390244"
+                                        ></polygon>
+                                        <polygon
+                                            id="Shape"
+                                            points="23.2920714 0.316390244 24.2356975 0.316390244 24.2356975 7.29408537 23.2920714 7.29408537"
+                                        ></polygon>
+                                        <polygon
+                                            id="Shape"
+                                            points="25.1480357 0.316390244 31.0481518 0.316390244 31.0481518 1.1109 28.5722618 1.1109 28.5722618 7.29425366 27.6239537 7.29425366 27.6239537 1.1109 25.1480637 1.1109 25.1480637 0.316390244"
+                                        ></polygon>
+                                        <path
+                                            d="M37.8398036,0.956463415 C37.1546481,0.956463415 36.6096432,1.21195976 36.2047887,1.72295244 C35.803037,2.23394512 35.6021611,2.93032154 35.6021611,3.81208171 C35.6021611,4.69071911 35.803037,5.38553415 36.2047887,5.89652683 C36.6096432,6.40751951 37.1546481,6.66301585 37.8398036,6.66301585 C38.524959,6.66301585 39.066852,6.40751951 39.4654825,5.89652683 C39.8672343,5.38553415 40.0681102,4.69071911 40.0681102,3.81208171 C40.0681102,2.93032154 39.8672343,2.23394512 39.4654825,1.72295244 C39.0673754,1.21209065 38.5253515,0.956659756 37.8394111,0.956659756 L37.8398036,0.956463415 Z M37.8398036,0.18997439 C38.817708,0.18997439 39.5993998,0.518687398 40.1848789,1.17611341 C40.7703768,1.83043537 41.0631257,2.70908211 41.0631257,3.81205366 C41.0631257,4.91192114 40.7703768,5.79056789 40.1848789,6.4479939 C39.5993811,7.10231585 38.8176893,7.42947683 37.8398036,7.42947683 C36.8587965,7.42947683 36.0739835,7.10231585 35.4853643,6.4479939 C34.8998664,5.79369065 34.6071175,4.9150439 34.6071175,3.81205366 C34.6071175,2.70906341 34.8998664,1.83041667 35.4853643,1.17611341 C36.0739648,0.518687398 36.8587779,0.18997439 37.8398036,0.18997439 Z"
+                                            id="Shape"
+                                        ></path>
+                                        <polygon
+                                            id="Shape"
+                                            points="42.5385893 0.316390244 43.8092239 0.316390244 46.9018436 6.15390244 46.9018436 0.316390244 47.817462 0.316390244 47.817462 7.29408537 46.5468273 7.29408537 43.4542077 1.45657317 43.4542077 7.29408537 42.5385893 7.29408537"
+                                        ></polygon>
+                                        <path
+                                            d="M14.4888571,14.6357134 L14.4888571,19.7020244 L13.8851641,19.7020244 C13.7044646,18.9049341 13.5319795,18.3009504 13.3677089,17.8900732 C13.2034365,17.4791959 12.981674,17.1176285 12.7024214,16.8053707 C11.9303365,15.9260976 10.3984651,15.486461 8.10680714,15.486461 C7.46615369,15.486461 7.03493637,15.5686346 6.81315518,15.7329817 C6.5995978,15.8891143 6.49281911,16.201372 6.49281911,16.6697549 L6.49281911,22.5369988 C7.74949196,22.5369988 8.64887768,22.269937 9.19097625,21.7358134 C9.73307482,21.2016898 10.1191173,20.2114744 10.3491036,18.7651671 L10.97744,18.7651671 L10.97744,27.3071427 L10.3491036,27.3071427 C10.1684059,25.8444362 9.80290431,24.8336516 9.25259875,24.274789 C8.70229506,23.7077923 7.78236851,23.4119618 6.49281911,23.3872976 L6.49281911,29.2668829 C6.49281911,29.9653724 6.66530417,30.4296545 7.01027429,30.6597293 C7.3552444,30.8815951 8.10678845,31.0171829 9.26490643,31.0664927 L9.26490643,31.695122 L0.184699286,31.695122 L0.184699286,31.0664927 C1.12105476,30.9678844 1.72475714,30.8076417 1.99580643,30.5857646 C2.26685571,30.3638988 2.40238036,29.9242622 2.40238036,29.2668549 L2.40238036,17.051611 C2.40238036,16.4024313 2.25042679,15.9545858 1.94651964,15.7080744 C1.6426125,15.4615443 1.05533905,15.3136337 0.184699286,15.2643427 L0.184699286,14.6357134 L14.4888571,14.6357134 Z"
+                                            id="Shape"
+                                        ></path>
+                                        <polygon
+                                            id="Shape"
+                                            points="21.6099286 24.4473171 21.6099286 27.380939 15.4743125 27.380939 15.4743125 24.4473171"
+                                        ></polygon>
+                                        <path
+                                            d="M25.1956964,29.4035366 L25.1956964,16.9540854 C25.1956964,16.378861 25.0478548,15.9720976 24.7521714,15.7337951 C24.4564881,15.4954927 23.9061751,15.3393638 23.1012323,15.2654085 L23.1012323,14.6367793 L30.7891859,14.6367793 C33.7050871,14.6367793 35.9926145,15.3804553 37.651768,16.8678073 C39.3191267,18.3469504 40.1528061,20.3848813 40.1528061,22.9816 C40.1528061,25.5948114 39.3191267,27.7025837 37.651768,29.3049171 C35.9844093,30.8990976 33.7913623,31.6961878 31.072627,31.6961878 L23.1012323,31.6961878 L23.1012323,31.0675585 C23.8322355,31.0429074 24.3620171,30.8991013 24.690577,30.6361402 C25.027342,30.3731923 25.1957245,29.9623244 25.1957245,29.4035366 L25.1956964,29.4035366 Z M29.2737714,16.374878 L29.2737714,29.3541707 C29.2737714,29.9211675 29.3764382,30.3073898 29.5817718,30.5128378 C29.7871054,30.7100581 30.1731478,30.8086683 30.7398991,30.8086683 C32.3497659,30.8086683 33.585954,30.2293394 34.4484634,29.0706817 C34.8591492,28.503685 35.179476,27.7107085 35.4094436,26.6917524 C35.647635,25.6727963 35.7667307,24.5634671 35.7667307,23.3637646 C35.7667307,21.194285 35.4217606,19.4275858 34.7318204,18.0636671 C33.8776095,16.3462215 32.5552583,15.4874988 30.7647668,15.4874988 C29.7709194,15.4874988 29.2739957,15.7833293 29.2739957,16.3749902 L29.2737714,16.374878 Z"
+                                            id="Shape"
+                                        ></path>
+                                        <path
+                                            d="M46.4748036,20.0576829 L46.4748036,22.1284683 C47.0661889,21.2820683 47.6247164,20.6739801 48.1503861,20.3042037 C48.6842608,19.9344272 49.2633198,19.749539 49.887563,19.749539 C50.4789484,19.749539 50.9676576,19.9385411 51.3536907,20.3165451 C51.7397238,20.6863215 51.9327404,21.1547175 51.9327404,21.7217329 C51.9327404,22.2147744 51.7848987,22.6215378 51.4892154,22.9420232 C51.193532,23.2542809 50.8116015,23.4104098 50.3434237,23.4104098 C50.0148826,23.4104098 49.7397307,23.3446709 49.5179682,23.2131932 C49.2962057,23.0817136 49.0662287,22.8475156 48.8280373,22.5105993 C48.556988,22.1161586 48.3228992,21.9189383 48.1257707,21.9189383 C47.7068798,21.9189383 47.3454807,22.1572407 47.0415736,22.6338456 C46.7376664,23.1022415 46.5857129,23.6651338 46.5857129,24.3225224 L46.5857129,29.0927785 C46.5857129,29.8734322 46.6965941,30.3911285 46.9183566,30.6458676 C47.1483429,30.8923976 47.6493692,31.0403082 48.4214354,31.0895993 L48.4214354,31.6935737 L41.706879,31.6935737 L41.7068818,31.0895993 C42.2654093,30.990991 42.6309109,30.8430804 42.8033866,30.6458676 C42.9840843,30.4486472 43.0744331,30.0911936 43.0744331,29.5735066 L43.0744331,22.1532017 C43.0744331,21.6437237 42.9799808,21.28627 42.7910761,21.0808407 C42.6103766,20.8754115 42.2489776,20.7357192 41.706879,20.6617639 L41.706879,20.0577895 L46.4749129,20.0577895 L46.4748036,20.0576829 Z"
+                                            id="Shape"
+                                        ></path>
+                                        <path
+                                            d="M58.2021429,19.7519512 C59.8284386,19.7519512 61.1795731,20.3394984 62.2555464,21.5145927 C63.3397436,22.6814593 63.8818421,24.1482236 63.8818421,25.9148854 C63.8818421,27.673413 63.3397436,29.1361569 62.2555464,30.3031171 C61.1795731,31.4699837 59.8284386,32.0534171 58.2021429,32.0534171 C56.5512131,32.0534171 55.1877429,31.4699837 54.1117321,30.3031171 C53.0357588,29.1362504 52.4977721,27.6489171 52.4977721,25.8411171 C52.4977721,24.1236715 53.0480852,22.6814967 54.1487113,21.5145927 C55.2493373,20.3394984 56.6004718,19.7519512 58.2021148,19.7519512 L58.2021429,19.7519512 Z M58.2267862,20.5408232 C57.6929115,20.5408232 57.282235,20.7174931 56.9947568,21.0708329 C56.7155024,21.4159638 56.5142714,21.9952927 56.3910637,22.8088195 C56.2678599,23.6223463 56.2062579,24.7851553 56.2062579,26.2972463 C56.2062579,28.1461659 56.349997,29.4363163 56.6374752,30.1676976 C56.9331586,30.8990415 57.4547257,31.2647134 58.2021765,31.2647134 C58.9331797,31.2647134 59.4424204,30.8826049 59.7298986,30.1183878 C60.025582,29.3541707 60.1734236,28.0024065 60.1734236,26.0630951 C60.1734236,23.9923472 60.0296845,22.5542862 59.7422063,21.7489122 C59.4629519,20.943613 58.9578138,20.5409634 58.2267919,20.5409634 L58.2267862,20.5408232 Z"
+                                            id="Shape"
+                                        ></path>
+                                        <path
+                                            d="M69.7332321,20.0576829 L69.7332321,29.6472805 C69.7332321,30.1238854 69.8194747,30.4690163 69.9919597,30.6826732 C70.1644448,30.8881024 70.4724545,31.0236902 70.9159888,31.0894366 L70.9159888,31.693411 L64.891383,31.693411 L64.8913942,31.0894366 C65.4663506,30.9497406 65.8318522,30.7936117 65.987899,30.62105 C66.1439589,30.4402663 66.2219888,30.0910215 66.2219888,29.5733159 L66.2219888,22.153011 C66.2219888,21.6353053 66.1398526,21.2860606 65.9755801,21.1052768 C65.8113077,20.9244931 65.4499086,20.7765825 64.891383,20.6615451 L64.891383,20.0575707 L69.7334312,20.0575707 L69.7332321,20.0576829 Z M66.5792143,14.8313537 C66.9652474,14.4451407 67.4293132,14.2520341 67.9714118,14.2520341 C68.5135104,14.2520341 68.9693617,14.4451407 69.3389659,14.8313537 C69.7167939,15.2175667 69.9057079,15.6818488 69.9057079,16.2242 C69.9057079,16.7747602 69.7167939,17.2349378 69.3389659,17.6047329 C68.9693617,17.9745093 68.5052959,18.1593976 67.9467684,18.1593976 C67.3882409,18.1593976 66.9241751,17.9745093 66.5545709,17.6047329 C66.1849667,17.2349565 66.0001646,16.7665606 66.0001646,16.1995451 C66.0001646,15.6654215 66.1931812,15.2093577 66.5792143,14.8313537 Z"
+                                            id="Shape"
+                                        ></path>
+                                        <path
+                                            d="M80.0335536,32.0289024 L80.0335536,30.3895354 C79.4421682,31.0140508 78.9041815,31.4495736 78.4195936,31.6961037 C77.9349869,31.9344061 77.3559279,32.0535573 76.6824166,32.0535573 C75.360028,32.0535573 74.2676632,31.4947695 73.405322,30.3771939 C72.542906,29.2514093 72.111698,27.8298037 72.111698,26.1123768 C72.111698,24.2881028 72.5716613,22.7719728 73.4915879,21.5639866 C74.4115144,20.3560191 75.5655579,19.7520354 76.9537182,19.7520354 C77.5286746,19.7520354 78.0379154,19.8670821 78.4814404,20.0971756 C78.9249654,20.3272691 79.4177771,20.7340325 79.9598757,21.3174659 L79.9598757,16.6953073 C79.9598757,16.1200829 79.8489945,15.7502972 79.627232,15.58595 C79.4136746,15.421601 78.883893,15.3065542 78.0378873,15.2408098 L78.0378873,14.6368354 L83.4712087,14.6368354 L83.4712087,29.1447866 C83.4712087,29.6789102 83.5738755,30.0486959 83.7792091,30.2541439 C83.9927665,30.4595732 84.3870234,30.5787244 84.9619798,30.6115976 L84.9619798,31.1909171 L83.3972786,31.3881337 C82.1734636,31.5196133 81.0523154,31.7332702 80.0338339,32.0291044 L80.0335536,32.0289024 Z M79.9596318,28.8734146 L79.9596318,22.734939 C79.7789323,22.2583341 79.507883,21.8803301 79.1464839,21.6009268 C78.7933087,21.3133146 78.4072663,21.1695085 77.9883566,21.1695085 C77.2573534,21.1695085 76.7152548,21.5557309 76.3620609,22.3281756 C76.0170908,23.0923927 75.8446057,24.2880187 75.8446057,25.9150537 C75.8446057,27.5174431 76.0047738,28.7048415 76.3251098,29.4772488 C76.6454459,30.2496935 77.1423696,30.6359159 77.8158809,30.6359159 C78.3744084,30.6359159 78.90419,30.3483037 79.4052256,29.7730793 C79.553071,29.6087302 79.6803811,29.4361648 79.7871561,29.2553829 C79.9021474,29.0746011 79.959643,28.9472315 79.959643,28.8732744 L79.9596318,28.8734146 Z"
+                                            id="Shape"
+                                        ></path>
+                                    </g>
+                                    <path
+                                        d="M40.46675,6.67476829 L37.3323571,10.7342683"
+                                        id="Shape"
+                                        stroke="#769616"
+                                        stroke-width="1.84532927"
+                                        fill="#8AB000"
+                                        fill-rule="nonzero"
+                                        stroke-linecap="round"
+                                    ></path>
+                                    <path
+                                        d="M40.4527321,5.75 C40.7872823,5.75886341 41.014708,5.88950341 41.1763059,6.08111585 C39.6808809,7.85918415 39.428952,8.14166341 37.3875595,10.6732622 C36.6353612,11.6468354 35.8517911,11.1436683 36.6039893,10.1700951 L39.7395036,6.11031463 C39.9084496,5.88474354 40.1711695,5.75748902 40.4527882,5.7498878 L40.4527321,5.75 Z"
+                                        id="Shape"
+                                        fill-opacity="0.29804"
+                                        fill="#FFFFFF"
+                                        fill-rule="nonzero"
+                                    ></path>
+                                    <path
+                                        d="M41.1816607,6.09023171 C41.2730684,6.19940037 41.5956921,6.68413659 41.1982579,7.23888537 L38.0627436,11.2986659 C37.3105454,12.272239 37.2143829,10.8467159 37.2143829,10.8467159 C37.2143829,10.8467159 39.9695927,7.51788659 41.1817168,6.09020366 L41.1816607,6.09023171 Z"
+                                        id="Shape"
+                                        fill-opacity="0.2"
+                                        fill="#263238"
+                                        fill-rule="nonzero"
+                                    ></path>
+                                    <path
+                                        d="M40.6545893,5.92334146 C40.9778691,5.92334146 41.3627714,6.02785963 41.2626839,6.51281463 C41.1862782,6.88305854 37.8241036,10.9964122 37.8241036,10.9964122 C37.0719054,11.9699854 35.9844561,11.4955963 36.7366543,10.5221634 L39.8606739,6.48257805 C40.0526737,6.26852098 40.3096379,5.93371951 40.6546454,5.92322927 L40.6545893,5.92334146 Z"
+                                        id="Shape"
+                                        fill="#8AB000"
+                                        fill-rule="nonzero"
+                                    ></path>
+                                    <path
+                                        d="M8.87470536,6.67476829 L12.0105,10.7342683"
+                                        id="Shape"
+                                        stroke="#769616"
+                                        stroke-width="1.84532927"
+                                        fill="#8AB000"
+                                        fill-rule="nonzero"
+                                        stroke-linecap="round"
+                                    ></path>
+                                    <path
+                                        d="M8.89124643,5.75 C8.55669625,5.75886341 8.32927054,5.88950341 8.16767268,6.08111585 C9.66309768,7.85918415 9.91502661,8.14166341 11.9564191,10.6732622 C12.7086173,11.6468354 13.4921875,11.1436683 12.7399893,10.1700951 L9.604475,6.11087561 C9.43552898,5.88530451 9.17280911,5.75805 8.89119036,5.75044878 L8.89124643,5.75 Z"
+                                        id="Shape"
+                                        fill-opacity="0.29804"
+                                        fill="#FFFFFF"
+                                        fill-rule="nonzero"
+                                    ></path>
+                                    <path
+                                        d="M8.16147679,6.09023171 C8.07006914,6.19940037 7.74744536,6.68413659 8.14487964,7.23888537 L11.2803939,11.2986659 C12.0325921,12.272239 12.1287546,10.8467159 12.1287546,10.8467159 C12.1287546,10.8467159 9.37354482,7.51788659 8.16142071,6.09020366 L8.16147679,6.09023171 Z"
+                                        id="Shape"
+                                        fill-opacity="0.2"
+                                        fill="#263238"
+                                        fill-rule="nonzero"
+                                    ></path>
+                                    <path
+                                        d="M8.68966964,5.92334146 C8.36638982,5.92334146 7.9814875,6.02785963 8.081575,6.51281463 C8.15798073,6.88305854 11.5201554,10.9964122 11.5201554,10.9964122 C12.2723536,11.9699854 13.3598029,11.4955963 12.6076046,10.5221634 L9.483585,6.48257805 C9.29154036,6.26856585 9.03445286,5.93366341 8.68961357,5.92328537 L8.68966964,5.92334146 Z"
+                                        id="Shape"
+                                        fill="#8AB000"
+                                        fill-rule="nonzero"
+                                    ></path>
+                                    <rect
+                                        id="Rectangle-path"
+                                        fill="#AEEA00"
+                                        fill-rule="nonzero"
+                                        x="10.6535714"
+                                        y="9.25609756"
+                                        width="28.0357143"
+                                        height="9.53658537"
+                                        rx="2.21439512"
+                                    ></rect>
+                                    <rect
+                                        id="Rectangle-path"
+                                        fill-opacity="0.2"
+                                        fill="#263238"
+                                        fill-rule="nonzero"
+                                        x="10.6535714"
+                                        y="11.4113659"
+                                        width="28.0357143"
+                                        height="7.38131707"
+                                        rx="2.21439512"
+                                    ></rect>
+                                    <rect
+                                        id="Rectangle-path"
+                                        fill-opacity="0.29804"
+                                        fill="#FFFFFF"
+                                        fill-rule="nonzero"
+                                        x="10.6535714"
+                                        y="9.25806098"
+                                        width="28.0357143"
+                                        height="7.38131707"
+                                        rx="2.21439512"
+                                    ></rect>
+                                    <rect
+                                        id="Rectangle-path"
+                                        fill="#AEEA00"
+                                        fill-rule="nonzero"
+                                        x="10.6535714"
+                                        y="10.098122"
+                                        width="28.0357143"
+                                        height="7.85421951"
+                                        rx="2.21439512"
+                                    ></rect>
+                                    <rect
+                                        id="Rectangle-path"
+                                        fill="#1976D2"
+                                        fill-rule="nonzero"
+                                        x="10.6535714"
+                                        y="19.6341463"
+                                        width="28.0357143"
+                                        height="19.0731707"
+                                        rx="2.21439512"
+                                    ></rect>
+                                    <rect
+                                        id="Rectangle-path"
+                                        fill-opacity="0.2"
+                                        fill="#263238"
+                                        fill-rule="nonzero"
+                                        x="10.6535714"
+                                        y="29.1118293"
+                                        width="28.0357143"
+                                        height="9.5954878"
+                                        rx="2.21439512"
+                                    ></rect>
+                                    <rect
+                                        id="Rectangle-path"
+                                        fill-opacity="0.2"
+                                        fill="#FFFFFF"
+                                        fill-rule="nonzero"
+                                        x="10.6535714"
+                                        y="19.5752439"
+                                        width="28.0357143"
+                                        height="9.5954878"
+                                        rx="2.21439512"
+                                    ></rect>
+                                    <rect
+                                        id="Rectangle-path"
+                                        fill="#1976D2"
+                                        fill-rule="nonzero"
+                                        x="10.6535714"
+                                        y="20.4756098"
+                                        width="28.0357143"
+                                        height="17.3902439"
+                                        rx="2.21439512"
+                                    ></rect>
+                                    <path
+                                        d="M24.6714286,24.5735366 C22.5461252,24.5735366 20.7467089,26.0384683 20.2201982,28.0061463 L22.5906179,28.0061463 C22.9995748,27.2788415 23.767473,26.7879598 24.6714005,26.7879598 C26.0087882,26.7879598 27.0692111,27.8488768 27.0692111,29.1868598 C27.0692111,30.5248427 26.0087882,31.5857598 24.6714005,31.5857598 C23.7068318,31.5857598 22.8924223,31.0301695 22.5099311,30.2205134 L20.1827425,30.2205134 C20.6565741,32.2619878 22.49339,33.8000988 24.6715407,33.8000988 C27.2051002,33.8000988 29.2825746,31.7215439 29.2825746,29.1869159 C29.2825746,26.6521756 27.204988,24.5737329 24.6715407,24.5737329 L24.6714286,24.5735366 Z"
+                                        id="Shape"
+                                        fill="#0D47A1"
+                                        fill-rule="nonzero"
+                                    ></path>
+                                    <ellipse
+                                        id="Oval"
+                                        stroke="#0D47A1"
+                                        stroke-width="1.40243902"
+                                        stroke-linecap="round"
+                                        cx="24.6714286"
+                                        cy="29.187561"
+                                        rx="7.04593571"
+                                        ry="7.04921951"
+                                    ></ellipse>
+                                    <ellipse
+                                        id="Oval"
+                                        fill-opacity="0.2"
+                                        fill="#263238"
+                                        fill-rule="nonzero"
+                                        cx="17.5699821"
+                                        cy="14.1480854"
+                                        rx="2.49002"
+                                        ry="2.86013415"
+                                    ></ellipse>
+                                    <ellipse
+                                        id="Oval"
+                                        fill="#FFFFFF"
+                                        fill-rule="nonzero"
+                                        cx="17.5699821"
+                                        cy="14.5172073"
+                                        rx="2.49002"
+                                        ry="2.49118049"
+                                    ></ellipse>
+                                    <ellipse
+                                        id="Oval"
+                                        fill-opacity="0.2"
+                                        fill="#263238"
+                                        fill-rule="nonzero"
+                                        cx="31.9579107"
+                                        cy="14.1480854"
+                                        rx="2.49002"
+                                        ry="2.86013415"
+                                    ></ellipse>
+                                    <ellipse
+                                        id="Oval"
+                                        fill="#FFFFFF"
+                                        fill-rule="nonzero"
+                                        cx="31.9579107"
+                                        cy="14.5172073"
+                                        rx="2.49002"
+                                        ry="2.49118049"
+                                    ></ellipse>
+                                    <path
+                                        d="M8.89152679,5.74242683 C8.53321466,5.73295225 8.20186636,5.93202601 8.04184972,6.25291205 C7.88183308,6.57379808 7.92213189,6.95837436 8.14518804,7.23908171 L10.8014598,10.6784232 C10.7075486,10.9245568 10.6536163,11.19065 10.6536163,11.4705768 L10.6536163,16.5785402 C10.6536163,17.8053098 11.6406977,18.7928512 12.8668957,18.7928512 L36.4760511,18.7928512 C37.7022491,18.7928512 38.6893306,17.8052817 38.6893306,16.5785402 L38.6893306,11.4705768 C38.6893306,11.1904873 38.6360487,10.9241305 38.5420337,10.6778622 L41.1977728,7.23908171 C41.4136365,6.96742572 41.4588967,6.59756916 41.3149131,6.28183678 C41.1709296,5.96610439 40.8620538,5.75789519 40.5154957,5.74295976 C40.2117646,5.72988939 39.9211038,5.86740249 39.7384859,6.11056707 L37.2114307,9.3827378 C36.9843414,9.30055488 36.7376271,9.25483537 36.4796986,9.25483537 L12.8705432,9.25483537 C12.6122305,9.25483537 12.3657882,9.30072317 12.1356991,9.38138305 L9.60687766,6.10921232 C9.43781797,5.88409848 9.17527379,5.74853032 8.89392945,5.74107207 L8.89152679,5.74242683 Z M12.8669911,19.6341463 C11.640793,19.6341463 10.6537116,20.6216878 10.6537116,21.8484573 L10.6537116,36.4930061 C10.6537116,37.7197756 11.640793,38.7073171 12.8669911,38.7073171 L36.4761464,38.7073171 C37.7023445,38.7073171 38.6894259,37.7197756 38.6894259,36.4930061 L38.6894259,21.8484573 C38.6922295,20.6232866 37.7053723,19.635689 36.4802116,19.635689 L12.8710562,19.635689 L12.8669911,19.6341463 Z"
+                                        id="Shape"
+                                        fill="url(#radialGradient-1)"
+                                        fill-rule="nonzero"
+                                    ></path>
+                                </g>
+                            </g>
+                        </svg>
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="mx_HomePage_row mx_Center mx_Spacer">
+            <p class="mx_Spacer">
+                <a href="https://element.io" target="_blank" class="mx_FooterLink"> Go to element.io </a>
+            </p>
+        </div>
+    </div>
+</body>
diff --git a/apps/web/src/vector/static/unable-to-load.html b/apps/web/src/vector/static/unable-to-load.html
new file mode 100644
index 00000000000..0c79bd89696
--- /dev/null
+++ b/apps/web/src/vector/static/unable-to-load.html
@@ -0,0 +1,195 @@
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+<head>
+    <style type="text/css">
+        /* By default, hide the custom IS stuff - enabled in JS */
+        #custom_is,
+        #is_url {
+            display: none;
+        }
+
+        html {
+            height: 100%;
+        }
+
+        body {
+            background: #f9fafb;
+            max-width: 680px;
+            margin: auto;
+            font-family:
+                -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
+                "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+        }
+
+        .mx_Button {
+            border: 0;
+            border-radius: 4px;
+            font-size: 18px;
+            margin-left: 4px;
+            margin-right: 4px;
+            min-width: 80px;
+            background-color: #03b381;
+            color: #fff;
+            cursor: pointer;
+            padding: 12px 22px;
+            word-break: break-word;
+            text-decoration: none;
+        }
+
+        .mx_Center {
+            justify-content: center;
+        }
+
+        .mx_ClearDecoration {
+            text-decoration: none !important;
+        }
+
+        .mx_HomePage_header {
+            color: #2e2f32;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .mx_HomePage h3 {
+            margin-top: 30px;
+        }
+
+        .mx_HomePage_col {
+            display: flex;
+            flex-direction: row;
+        }
+
+        .mx_HomePage_row {
+            flex: 1 1 0;
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+        }
+
+        .mx_HomePage_logo {
+            margin-right: 20px;
+            margin-top: -10px;
+        }
+
+        .mx_HomePage_container {
+            display: block !important;
+            margin: 10px 20px;
+        }
+
+        .mx_HomePage_errorContainer {
+            display: none; /* shown in JS if needed */
+            margin: 20px;
+            border: 1px solid red;
+            background-color: #ffb9b9;
+            padding: 5px;
+        }
+
+        .mx_HomePage_container h1,
+        .mx_HomePage_container h2,
+        .mx_HomePage_container h3,
+        .mx_HomePage_container h4 {
+            font-weight: 600;
+            margin-bottom: 32px;
+        }
+
+        .mx_Spacer {
+            margin-top: 24px;
+        }
+
+        .mx_FooterLink {
+            color: ##0dbd8b;
+            text-decoration: none;
+        }
+
+        .mx_Subtext {
+            font-size: 14px;
+        }
+
+        .mx_SubtextTop {
+            margin-top: 32px;
+        }
+
+        @media screen and (max-width: 1120px) {
+            body {
+                font-size: 20px;
+            }
+
+            h1 {
+                font-size: 20px;
+            }
+
+            h4 {
+                font-size: 16px;
+            }
+
+            .mx_Button {
+                font-size: 18px;
+                padding: 14px 28px;
+            }
+
+            .mx_HomePage_header {
+                justify-content: left;
+            }
+
+            .mx_Spacer {
+                margin-top: 24px;
+            }
+        }
+    </style>
+
+    <meta name="apple-itunes-app" content="app-id=id1083446067" />
+</head>
+
+<body>
+    <div class="mx_HomePage_errorContainer">
+        <!-- populated by JS if needed -->
+    </div>
+
+    <div class="mx_HomePage_container">
+        <div class="mx_HomePage_header">
+            <span class="mx_HomePage_logo">
+                <svg width="34" height="42" viewBox="0 0 34 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M13.08 8.68C13.08 7.75216 13.8321 7 14.76 7C20.9456 7 25.96 12.0144 25.96 18.2C25.96 19.1278 25.2078 19.88 24.28 19.88C23.3521 19.88 22.6 19.1278 22.6 18.2C22.6 13.8701 19.0899 10.36 14.76 10.36C13.8321 10.36 13.08 9.60784 13.08 8.68Z"
+                        fill="#0DBD8B"
+                    />
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M20.92 33.32C20.92 34.2478 20.1679 35 19.24 35C13.0544 35 8.04001 29.9856 8.04001 23.8C8.04001 22.8722 8.79217 22.12 9.72001 22.12C10.6478 22.12 11.4 22.8722 11.4 23.8C11.4 28.1299 14.9101 31.64 19.24 31.64C20.1679 31.64 20.92 32.3922 20.92 33.32Z"
+                        fill="#0DBD8B"
+                    />
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M4.68 24.9199C3.75216 24.9199 3 24.1678 3 23.2399C3 17.0543 8.01441 12.0399 14.2 12.0399C15.1278 12.0399 15.88 12.7921 15.88 13.7199C15.88 14.6478 15.1278 15.3999 14.2 15.3999C9.87009 15.3999 6.36 18.91 6.36 23.2399C6.36 24.1678 5.60784 24.9199 4.68 24.9199Z"
+                        fill="#0DBD8B"
+                    />
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M29.32 17.0801C30.2478 17.0801 31 17.8322 31 18.7601C31 24.9457 25.9856 29.9601 19.8 29.9601C18.8722 29.9601 18.12 29.2079 18.12 28.2801C18.12 27.3522 18.8722 26.6001 19.8 26.6001C24.1299 26.6001 27.64 23.09 27.64 18.7601C27.64 17.8322 28.3922 17.0801 29.32 17.0801Z"
+                        fill="#0DBD8B"
+                    />
+                </svg>
+            </span>
+            <h1>Unable to load</h1>
+        </div>
+        <div class="mx_HomePage_col">
+            <div class="mx_HomePage_row">
+                <div>
+                    <h2 id="step1_heading">Element can't load</h2>
+                    <p>Something went wrong and Element was unable to load.</p>
+                </div>
+            </div>
+        </div>
+        <div class="mx_HomePage_row mx_Center mx_Spacer">
+            <p class="mx_Spacer">
+                <a href="https://element.io" target="_blank" class="mx_FooterLink"> Go to element.io </a>
+            </p>
+        </div>
+    </div>
+</body>
diff --git a/apps/web/src/vector/url_utils.test.ts b/apps/web/src/vector/url_utils.test.ts
new file mode 100644
index 00000000000..30281223ac1
--- /dev/null
+++ b/apps/web/src/vector/url_utils.test.ts
@@ -0,0 +1,60 @@
+/*
+Copyright 2020-2024 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 { describe, it, expect } from "vitest";
+
+import { parseAppUrl, parseQsFromFragment, searchParamsToQueryDict } from "./url_utils";
+
+// @ts-ignore
+const location: Location = {
+    hash: "",
+    search: "",
+};
+
+describe("parseQsFromFragment", () => {
+    it("should parse correctly", () => {
+        location.hash = "#/home?foo=bar";
+        expect(parseQsFromFragment(location)).toEqual({
+            location: "/home",
+            params: new URLSearchParams({
+                foo: "bar",
+            }),
+        });
+    });
+});
+
+describe("searchParamsToQueryDict", () => {
+    it("should handle arrays correctly", () => {
+        const u = new URLSearchParams("a=b&b=c&c=d&a=e&a=f");
+        expect(searchParamsToQueryDict(u)).toEqual({
+            a: ["b", "e", "f"],
+            b: "c",
+            c: "d",
+        });
+    });
+});
+
+describe("parseUrlParameters", () => {
+    it("should parse legacy sso parameters from query", () => {
+        const u = new URL("https://app.element.io?loginToken=foobar");
+        const parsed = parseAppUrl(u);
+        expect(parsed.params.legacy_sso?.loginToken).toEqual("foobar");
+    });
+
+    it("should parse oauth2 parameters from fragment", () => {
+        const u = new URL("https://app.element.io/#code=foobar&state=barfoo");
+        const parsed = parseAppUrl(u);
+        expect(parsed.params.oauth2?.code).toEqual("foobar");
+        expect(parsed.params.oauth2?.state).toEqual("barfoo");
+    });
+
+    it("should parse guest parameters", () => {
+        const u = new URL("https://app.element.io?foo=bar#/room/!roomId:server?guest_access_token=foobar");
+        const parsed = parseAppUrl(u);
+        expect(parsed.params.guest?.guest_access_token).toEqual("foobar");
+    });
+});
diff --git a/apps/web/src/vector/url_utils.ts b/apps/web/src/vector/url_utils.ts
new file mode 100644
index 00000000000..9af13722c79
--- /dev/null
+++ b/apps/web/src/vector/url_utils.ts
@@ -0,0 +1,131 @@
+/*
+Copyright 2018-2024 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 QueryDict } from "matrix-js-sdk/src/utils";
+
+// We want to support some name / value pairs in the fragment
+// so we're re-using query string like format, where we accept a `?key=value&key2=value2` string at the end of the hash
+// but we also accept a hash like `key=value&key2=value2` for compatibility with oAuth response_mode = fragment
+export function parseQsFromFragment(url: Location | URL): { location: string; params?: URLSearchParams } {
+    // if we have a fragment, it will start with '#', which we need to drop.
+    // (if we don't, this will return '').
+    const fragment = url.hash.substring(1);
+
+    // our fragment may contain a query-param-like section. we need to fish
+    // this out *before* URI-decoding because the params may contain ? and &
+    // characters which are only URI-encoded once.
+    const [main, query] = fragment.split("?", 2);
+
+    // Handle oAuth-style fragment parameters
+    if (main.includes("=")) {
+        return {
+            location: "",
+            params: new URLSearchParams(main),
+        };
+    }
+
+    return {
+        location: decodeURIComponent(main),
+        params: query ? new URLSearchParams(query) : undefined,
+    };
+}
+
+/**
+ * Convert a URLSearchParams object to QueryDict
+ * Any keys with multiple values will be grouped into an array
+ * @param params the URLSearchParams to convert
+ */
+export function searchParamsToQueryDict(params: URLSearchParams): QueryDict {
+    const queryDict: QueryDict = {};
+    for (const key of params.keys()) {
+        const val = params.getAll(key);
+        queryDict[key] = val.length === 1 ? val[0] : val;
+    }
+    return queryDict;
+}
+
+const urlParameterConfig = {
+    // Query string params for legacy SSO login, added by the Matrix homeserver
+    legacy_sso: {
+        keys: ["loginToken"],
+        location: "query",
+    },
+    // Fragment params for OAuth2 login, added by the Identity Provider
+    oauth2: {
+        keys: ["code", "state"],
+        location: "fragment",
+    },
+    // Fragment params relating to 3pid (email) invites, added in url within the invite email itself
+    threepid: {
+        keys: ["client_secret", "session_id", "hs_url", "is_url", "sid"],
+        location: "fragment",
+    },
+    // XXX: unclear where, if anywhere, this is set
+    defaults: {
+        keys: ["defaultUsername"],
+        location: "fragment",
+    },
+    // XXX: Fragment params seemingly relating to 3pid invites, though the code in the area doubts they are ever specified
+    guest: {
+        keys: ["guest_user_id", "guest_access_token"],
+        location: "fragment",
+    },
+} as const satisfies Record<
+    string,
+    {
+        keys: string[];
+        // Query params live in the query string, in the middle of the URL, after a `?`, in a `key=value` format, delimited by `&`.
+        // Fragment params live in the fragment string, at the end of the URL, after a `?`, in a `key=value` format, delimited by `&`.
+        location: "query" | "fragment";
+    }
+>;
+
+export type URLParams = Partial<{
+    -readonly [K in keyof typeof urlParameterConfig]: Partial<{
+        [P in (typeof urlParameterConfig)[K]["keys"][number]]: string;
+    }>;
+}>;
+
+/**
+ * Utility to parse parameters held in the app's URL.
+ * Currently focusing only on at-load URL parameters.
+ * @param url - the URL to parse.
+ * @returns an object keyed by the groups defined in {@link urlParameterConfig} with values for each key listed,
+ *     sourced from the location (query/fragment/either) specified. If no parameters in a group are found the entire group
+ *     will be omitted from the returned object to simplify presence checking.
+ */
+export function parseAppUrl(url: Location | URL): {
+    location: string;
+    params: URLParams;
+} {
+    const queryParams = new URLSearchParams(url.search);
+    const parsedFragment = parseQsFromFragment(url);
+
+    const urlParams: Partial<URLParams> = {};
+
+    for (const group in urlParameterConfig) {
+        const groupKey = group as keyof URLParams;
+        const groupConfig = urlParameterConfig[groupKey];
+
+        const params = groupConfig.location === "fragment" ? parsedFragment.params : queryParams;
+        if (!params) continue; // no params
+
+        const target: Record<string, string> = {};
+        for (const key of groupConfig.keys) {
+            const value = params.get(key);
+            if (value !== null) {
+                target[key] = value;
+            }
+        }
+
+        if (Object.keys(target).length > 0) {
+            urlParams[groupKey] = target;
+        }
+    }
+
+    return { params: urlParams, location: parsedFragment.location };
+}
diff --git a/apps/web/src/verification.test.ts b/apps/web/src/verification.test.ts
new file mode 100644
index 00000000000..e936f9763d2
--- /dev/null
+++ b/apps/web/src/verification.test.ts
@@ -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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect } from "vitest";
+import { createTestClient, TestSDKContext } from "test-utils";
+
+import { verifyUser } from "./verification";
+import defaultDispatcher from "./dispatcher/dispatcher";
+import DMRoomMap from "./utils/DMRoomMap.ts";
+import { RightPanelPhases } from "./stores/right-panel/RightPanelStorePhases.ts";
+
+describe("verifyUser", () => {
+    const sdkContext = new TestSDKContext();
+    sdkContext._client = createTestClient();
+    DMRoomMap.makeShared(sdkContext._client);
+
+    it("should require registration if user is a guest", () => {
+        vi.spyOn(defaultDispatcher, "dispatch");
+        vi.spyOn(sdkContext._client!, "isGuest").mockReturnValue(true);
+        verifyUser(
+            sdkContext.rightPanelStore,
+            sdkContext.client!,
+            sdkContext.client!.getUser(sdkContext.client!.getUserId()!)!,
+        );
+        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({ action: "require_registration" });
+    });
+
+    it("should open verification in right panel", () => {
+        vi.spyOn(sdkContext.rightPanelStore, "setCards");
+        vi.spyOn(sdkContext._client!, "isGuest").mockReturnValue(false);
+        verifyUser(
+            sdkContext.rightPanelStore,
+            sdkContext.client!,
+            sdkContext.client!.getUser(sdkContext.client!.getUserId()!)!,
+        );
+        expect(sdkContext.rightPanelStore.setCards).toHaveBeenCalledWith([
+            { phase: RightPanelPhases.RoomSummary },
+            expect.objectContaining({ phase: RightPanelPhases.MemberInfo }),
+            expect.objectContaining({ phase: RightPanelPhases.EncryptionPanel }),
+        ]);
+    });
+});
diff --git a/apps/web/src/verification.ts b/apps/web/src/verification.ts
new file mode 100644
index 00000000000..76873633509
--- /dev/null
+++ b/apps/web/src/verification.ts
@@ -0,0 +1,52 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019, 2020 , 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 { type User, type MatrixClient, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { type VerificationRequest } from "matrix-js-sdk/src/crypto-api";
+
+import dis from "./dispatcher/dispatcher";
+import { RightPanelPhases } from "./stores/right-panel/RightPanelStorePhases";
+import type RightPanelStore from "./stores/right-panel/RightPanelStore";
+import { type IRightPanelCardState } from "./stores/right-panel/RightPanelStoreIPanelState";
+import { findDMForUser } from "./utils/dm/findDMForUser";
+
+/**
+ * Verify another user.
+ *
+ * Note: cross-signing must be set up before calling this function.
+ */
+export function verifyUser(rightPanelStore: RightPanelStore, matrixClient: MatrixClient, user: User): void {
+    if (matrixClient.isGuest()) {
+        dis.dispatch({ action: "require_registration" });
+        return;
+    }
+    const existingRequest = pendingVerificationRequestForUser(matrixClient, user);
+    setRightPanel(rightPanelStore, { member: user, verificationRequest: existingRequest });
+}
+
+function setRightPanel(rightPanelStore: RightPanelStore, state: IRightPanelCardState): void {
+    if (rightPanelStore.roomPhaseHistory.some((card) => card.phase == RightPanelPhases.RoomSummary)) {
+        rightPanelStore.pushCard({ phase: RightPanelPhases.EncryptionPanel, state });
+    } else {
+        rightPanelStore.setCards([
+            { phase: RightPanelPhases.RoomSummary },
+            { phase: RightPanelPhases.MemberInfo, state: { member: state.member } },
+            { phase: RightPanelPhases.EncryptionPanel, state },
+        ]);
+    }
+}
+
+export function pendingVerificationRequestForUser(
+    matrixClient: MatrixClient,
+    user: User | RoomMember,
+): VerificationRequest | undefined {
+    const dmRoom = findDMForUser(matrixClient, user.userId);
+    if (dmRoom) {
+        return matrixClient.getCrypto()!.findVerificationRequestDMInProgress(dmRoom.roomId, user.userId);
+    }
+}
diff --git a/apps/web/src/viewmodels/composer/MessageComposerUrlPreviewViewModel.test.ts b/apps/web/src/viewmodels/composer/MessageComposerUrlPreviewViewModel.test.ts
new file mode 100644
index 00000000000..a93ff8dcd5b
--- /dev/null
+++ b/apps/web/src/viewmodels/composer/MessageComposerUrlPreviewViewModel.test.ts
@@ -0,0 +1,145 @@
+/*
+ * 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, describe, it, expect, type Mock, beforeAll, afterAll } from "vitest";
+
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+import { MessageComposerUrlPreviewViewModel } from "./MessageComposerUrlPreviewViewModel";
+
+const IMAGE_MXC = "mxc://example.org/abc";
+const BASIC_PREVIEW_OGDATA = {
+    "og:title": "This is an example!",
+    "og:description": "This is a description",
+    "og:type": "document",
+    "og:url": "https://example.org",
+    "og:site_name": "Example.org",
+};
+
+function getViewModel({ visible } = { visible: true }): {
+    vm: MessageComposerUrlPreviewViewModel;
+    client: { getUrlPreview: Mock; mxcUrlToHttp: Mock };
+} {
+    const client = {
+        getUrlPreview: vi.fn(),
+        mxcUrlToHttp: vi.fn(),
+    } as unknown as MatrixClient;
+    const vm = new MessageComposerUrlPreviewViewModel({
+        client,
+        visible,
+        showTooltips: false,
+        urlPreviewBundle: false,
+    });
+    return { vm, client: client as unknown as { getUrlPreview: Mock; mxcUrlToHttp: Mock } };
+}
+
+describe("MessageComposerUrlPreviewViewModel", () => {
+    let originalDevicePixelRatio: Window["devicePixelRatio"];
+    beforeAll(() => {
+        originalDevicePixelRatio = window.devicePixelRatio;
+        window.devicePixelRatio = 1;
+    });
+    afterAll(() => {
+        window.devicePixelRatio = originalDevicePixelRatio;
+    });
+
+    it("should return no preview by default", () => {
+        expect(getViewModel().vm.getSnapshot()).toMatchInlineSnapshot(`
+          {
+            "content": "",
+            "previews": [],
+          }
+        `);
+    });
+
+    it("should preview a valid URL in text", async () => {
+        const { vm, client } = getViewModel();
+        client.getUrlPreview.mockResolvedValueOnce(BASIC_PREVIEW_OGDATA);
+        await vm.updateWithText({ content: "Check out https://example.org today", debounced: false });
+        expect(vm.getSnapshot()).toMatchSnapshot();
+    });
+
+    it("should return empty list when preview is not visible", async () => {
+        const { vm, client } = getViewModel({ visible: false });
+        await vm.updateWithText({ content: "https://example.org", debounced: false });
+        expect(vm.getSnapshot().previews).toHaveLength(0);
+        expect(client.getUrlPreview).not.toHaveBeenCalled();
+    });
+
+    it("should return empty list when all URL fetches fail", async () => {
+        const { vm, client } = getViewModel();
+        client.getUrlPreview.mockRejectedValue(new Error("Forced test failure"));
+        await vm.updateWithText({ content: "https://example.org", debounced: false });
+        expect(vm.getSnapshot().previews).toHaveLength(0);
+    });
+
+    it("should use all URLs with a valid preview when multiple are given", async () => {
+        const { vm, client } = getViewModel();
+        client.getUrlPreview
+            .mockRejectedValueOnce(new Error("First URL failed"))
+            .mockResolvedValueOnce(BASIC_PREVIEW_OGDATA);
+        await vm.updateWithText({ content: "https://example.org/one https://example.org/two", debounced: false });
+        expect(vm.getSnapshot().previews[0]?.link).toEqual("https://example.org/two");
+        expect(vm.getSnapshot().previews).toHaveLength(1);
+    });
+
+    it("should not re-fetch when text changes but the URL set does not", async () => {
+        const { vm, client } = getViewModel();
+        client.getUrlPreview.mockResolvedValue(BASIC_PREVIEW_OGDATA);
+        await vm.updateWithText({ content: "https://example.org", debounced: false });
+        await vm.updateWithText({ content: "https://example.org some extra words", debounced: false });
+        expect(client.getUrlPreview).toHaveBeenCalledTimes(1);
+    });
+
+    it("should deduplicate repeated URLs", async () => {
+        const { vm, client } = getViewModel();
+        client.getUrlPreview.mockResolvedValue(BASIC_PREVIEW_OGDATA);
+        await vm.updateWithText({
+            content: "https://example.org https://example.org https://example.org",
+            debounced: false,
+        });
+        expect(client.getUrlPreview).toHaveBeenCalledTimes(1);
+    });
+
+    it("should hide preview when made invisible", async () => {
+        const { vm, client } = getViewModel();
+        client.getUrlPreview.mockResolvedValue(BASIC_PREVIEW_OGDATA);
+        await vm.updateWithText({ content: "https://example.org", debounced: false });
+        expect(vm.getSnapshot().previews).not.toHaveLength(0);
+        await vm.updateUrlPreviewVisible(false);
+        expect(vm.getSnapshot().previews).toHaveLength(0);
+    });
+
+    it("should restore preview when made visible again", async () => {
+        const { vm, client } = getViewModel({ visible: false });
+        client.getUrlPreview.mockResolvedValue(BASIC_PREVIEW_OGDATA);
+        await vm.updateWithText({ content: "https://example.org", debounced: false });
+        expect(vm.getSnapshot().previews).toHaveLength(0);
+        await vm.updateUrlPreviewVisible(true);
+        expect(vm.getSnapshot().previews).not.toHaveLength(0);
+    });
+
+    it("should preview a URL with media", async () => {
+        const { vm, client } = getViewModel();
+        client.getUrlPreview.mockResolvedValueOnce({
+            "og:title": "Media example",
+            "og:type": "document",
+            "og:url": "https://example.org",
+            "og:image": IMAGE_MXC,
+            "og:image:height": 128,
+            "og:image:width": 128,
+            "matrix:image:size": 10000,
+        });
+        // eslint-disable-next-line no-restricted-properties
+        client.mxcUrlToHttp.mockImplementation((url, width) => {
+            expect(url).toEqual(IMAGE_MXC);
+            if (width) return "https://example.org/image/thumb";
+            return "https://example.org/image/src";
+        });
+        await vm.updateWithText({ content: "https://example.org", debounced: false });
+        expect(vm.getSnapshot()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/src/viewmodels/composer/MessageComposerUrlPreviewViewModel.ts b/apps/web/src/viewmodels/composer/MessageComposerUrlPreviewViewModel.ts
new file mode 100644
index 00000000000..78ae44876a6
--- /dev/null
+++ b/apps/web/src/viewmodels/composer/MessageComposerUrlPreviewViewModel.ts
@@ -0,0 +1,142 @@
+/*
+ * 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 { logger as rootLogger } from "matrix-js-sdk/src/logger";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { BaseViewModel, type MessageComposerUrlPreviewSnapshot } from "@element-hq/web-shared-components";
+import { debounce } from "lodash";
+
+import { UrlPreviewFetcher } from "../../utils/UrlPreviewFetcher";
+
+const logger = rootLogger.getChild("MessageComposerUrlPreviewViewModel");
+
+export const DEBOUNCE_REQUEST_TIMEOUT_MS = 500;
+
+export interface MessageComposerUrlPreviewViewModelProps {
+    client: MatrixClient;
+    visible: boolean;
+    showTooltips: boolean;
+    urlPreviewBundle: boolean;
+    content?: string;
+}
+
+export class MessageComposerUrlPreviewViewModel extends BaseViewModel<
+    MessageComposerUrlPreviewSnapshot,
+    MessageComposerUrlPreviewViewModelProps
+> {
+    private readonly fetcher: UrlPreviewFetcher;
+
+    /**
+     * Calculated set of links from the message text.
+     *
+     * Links are inserted in the order they appear in the message text,
+     * which guarantees Array.from(this.links) to be in the same order.
+     */
+    private links: Set<string> = new Set();
+
+    /**
+     * Should the URL preview render according to the application.
+     */
+    private urlPreviewVisible: boolean;
+
+    private content: string;
+
+    public constructor(props: MessageComposerUrlPreviewViewModelProps) {
+        super(props, { previews: [], content: props.content ?? "" });
+        this.urlPreviewVisible = props.visible;
+        this.fetcher = new UrlPreviewFetcher(props.client, Date.now(), props.showTooltips);
+        this.content = this.snapshot.current.content;
+    }
+
+    private async computeSnapshot(content: string): Promise<void> {
+        const newLinksOrdered = content
+            .split(" ")
+            .map((w) => w.trim())
+            .filter((word) => URL.canParse(word));
+        const newLinks = new Set(newLinksOrdered);
+
+        if (!this.urlPreviewVisible) {
+            // Clear any existing previews whenever previews are hidden, regardless of
+            // whether the URL set has changed (e.g. when toggled invisible).
+            this.snapshot.set({ previews: [], content });
+            return;
+        }
+
+        if (this.links.symmetricDifference(newLinks).size === 0) {
+            // Skip if the URL set hasn't changed
+            return;
+        }
+
+        this.links = newLinks;
+
+        let previews;
+        if (this.props.urlPreviewBundle) {
+            const previewRequests = Array.from(this.links).map(async (link) => {
+                try {
+                    return await this.fetcher.fetchPreview(link, true);
+                } catch (ex) {
+                    logger.warn("Fetching preview failed", ex);
+                    return null;
+                }
+            });
+
+            // Fetch previews for all links in the message text,
+            // And remove the ones with erroneous responses
+            const previewResponses = await Promise.all(previewRequests);
+            previews = previewResponses.filter((res) => res !== null);
+
+            this.snapshot.set({ previews, content });
+        } else {
+            for (const link of this.links) {
+                try {
+                    const preview = await this.fetcher.fetchPreview(link, true);
+                    if (preview) {
+                        this.snapshot.set({ previews: [preview], content });
+                        return;
+                    }
+                } catch (ex) {
+                    logger.warn("Fetching preview failed", ex);
+                }
+            }
+
+            this.snapshot.set({ previews: [], content });
+        }
+    }
+
+    /**
+     * Trigger a recalculation of the links in the provided text.
+     * @param content Plaintext from the message composer.
+     */
+    public async updateWithText({ content, debounced }: { content?: string; debounced: boolean }): Promise<void> {
+        if (content !== undefined) {
+            this.content = content;
+        }
+
+        if (debounced) {
+            return this.computeSnapshotDebounced(this.content);
+        } else {
+            return this.computeSnapshot(this.content);
+        }
+    }
+
+    private computeSnapshotDebounced = debounce(
+        (content) => this.computeSnapshot(content),
+        DEBOUNCE_REQUEST_TIMEOUT_MS,
+    );
+
+    /**
+     * Update the view model about visible state of previews.
+     * @param urlPreviewVisible Whether URL previews are hidden for this room.
+     *
+     * @returns A promise that completes when the snapshot has been recomputed.
+     */
+    public readonly updateUrlPreviewVisible = (urlPreviewVisible: boolean): Promise<void> => {
+        this.urlPreviewVisible = urlPreviewVisible;
+        this.fetcher.clearCache();
+        return this.computeSnapshot(this.content);
+    };
+}
diff --git a/apps/web/src/viewmodels/composer/__snapshots__/MessageComposerUrlPreviewViewModel.test.ts.snap b/apps/web/src/viewmodels/composer/__snapshots__/MessageComposerUrlPreviewViewModel.test.ts.snap
new file mode 100644
index 00000000000..9901ba4e50c
--- /dev/null
+++ b/apps/web/src/viewmodels/composer/__snapshots__/MessageComposerUrlPreviewViewModel.test.ts.snap
@@ -0,0 +1,49 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`MessageComposerUrlPreviewViewModel > should preview a URL with media 1`] = `
+{
+  "content": "https://example.org",
+  "previews": [
+    {
+      "author": undefined,
+      "description": undefined,
+      "image": {
+        "alt": undefined,
+        "fileSize": 10000,
+        "height": 128,
+        "imageFull": "https://example.org/image/src",
+        "imageThumb": "https://example.org/image/thumb",
+        "imageType": undefined,
+        "mxcImageFull": "mxc://example.org/abc",
+        "playable": false,
+        "width": 128,
+      },
+      "link": "https://example.org",
+      "ogUrl": "https://example.org",
+      "showTooltipOnLink": false,
+      "siteIcon": undefined,
+      "siteName": "example.org",
+      "title": "Media example",
+    },
+  ],
+}
+`;
+
+exports[`MessageComposerUrlPreviewViewModel > should preview a valid URL in text 1`] = `
+{
+  "content": "Check out https://example.org today",
+  "previews": [
+    {
+      "author": undefined,
+      "description": "This is a description",
+      "image": undefined,
+      "link": "https://example.org",
+      "ogUrl": "https://example.org",
+      "showTooltipOnLink": false,
+      "siteIcon": undefined,
+      "siteName": "Example.org",
+      "title": "This is an example!",
+    },
+  ],
+}
+`;
diff --git a/apps/web/src/viewmodels/menus/UserMenuViewModel.ts b/apps/web/src/viewmodels/menus/UserMenuViewModel.ts
new file mode 100644
index 00000000000..a94d5c43082
--- /dev/null
+++ b/apps/web/src/viewmodels/menus/UserMenuViewModel.ts
@@ -0,0 +1,165 @@
+/*
+ * 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 UserMenuSnapshot, type UserMenuViewActions } from "@element-hq/web-shared-components";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { type OwnProfileStore } from "../../stores/OwnProfileStore";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+import type { MatrixDispatcher } from "../../dispatcher/dispatcher";
+import Modal from "../../Modal";
+import { Action } from "../../dispatcher/actions";
+import { UserTab } from "../../components/views/dialogs/UserTab";
+import FeedbackDialog from "../../components/views/dialogs/FeedbackDialog";
+import { shouldShowFeedback } from "../../utils/Feedback";
+import { getHomePageUrl } from "../../utils/pages";
+import SdkConfig from "../../SdkConfig";
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+import { clearAllUserStatus } from "../../utils/userStatus";
+import { type SetStatusViewModel, UserMenuSetStatusViewModel } from "../status/SetStatusViewModel";
+import SettingsStore from "../../settings/SettingsStore";
+
+// Matches maximum size of an avatar in the UserMenu
+const AVATAR_PX = 88;
+
+interface UserMenuViewModelProps {
+    ownProfileStore: OwnProfileStore;
+}
+
+export class UserMenuViewModel
+    extends BaseViewModel<UserMenuSnapshot, UserMenuViewModelProps>
+    implements UserMenuViewActions
+{
+    public readonly setStatusVm: SetStatusViewModel;
+    private static computeSnapshot(
+        client: MatrixClient,
+        ownProfileStore: OwnProfileStore,
+        isPanelCollapsed: boolean,
+    ): UserMenuSnapshot {
+        const hasHomePage = !!getHomePageUrl(SdkConfig.get(), client);
+        const isAuthenticated = !client.isGuest();
+        const userId = client.getSafeUserId();
+        const displayName = ownProfileStore.displayName || userId;
+        const avatarUrl = ownProfileStore.getHttpAvatarUrl(AVATAR_PX) ?? undefined;
+
+        const setStatusViewModel = new UserMenuSetStatusViewModel({
+            client,
+            ownProfileStore,
+        });
+
+        return {
+            open: false,
+            userId,
+            displayName,
+            avatarUrl,
+            expanded: !isPanelCollapsed,
+            manageAccountHref: undefined, // loaded async
+            showAvatar: isAuthenticated,
+            userStatus: ownProfileStore.userStatus,
+            showUserStatus: SettingsStore.getValue("feature_user_status") && isAuthenticated,
+            setStatusViewModel,
+            actions: {
+                createAccount: !isAuthenticated,
+                signIn: !isAuthenticated,
+                openHomePage: hasHomePage,
+                linkNewDevice: isAuthenticated,
+                openSecurity: isAuthenticated,
+                openFeedback: shouldShowFeedback(),
+                openSettings: true,
+            },
+        };
+    }
+
+    public constructor(
+        props: UserMenuViewModelProps,
+        private readonly dispatcher: MatrixDispatcher,
+        private readonly client: MatrixClient,
+        isPanelCollapsed: boolean,
+    ) {
+        super(props, UserMenuViewModel.computeSnapshot(client, props.ownProfileStore, isPanelCollapsed));
+        this.setStatusVm = new UserMenuSetStatusViewModel({ client, ownProfileStore: props.ownProfileStore });
+        props.ownProfileStore.on(UPDATE_EVENT, this.recalculateProfile);
+        this.loadAuthMetadata();
+    }
+
+    public dispose(): void {
+        this.props.ownProfileStore.off(UPDATE_EVENT, this.recalculateProfile);
+        this.setStatusVm.dispose();
+        super.dispose();
+    }
+
+    public readonly recalculateProfile = (): void => {
+        const displayName = this.props.ownProfileStore.displayName || this.snapshot.current.userId;
+        const avatarUrl = this.props.ownProfileStore.getHttpAvatarUrl(AVATAR_PX) ?? undefined;
+        const userStatus = this.props.ownProfileStore.userStatus;
+        this.snapshot.merge({ displayName, avatarUrl, userStatus });
+    };
+
+    public readonly setOpen = (isOpen: boolean): void => {
+        this.snapshot.merge({ open: isOpen });
+    };
+
+    public readonly setExpanded = (expanded: boolean): void => {
+        this.snapshot.merge({ expanded });
+    };
+
+    public readonly createAccount = (): void => {
+        this.setOpen(false);
+        this.dispatcher.dispatch({ action: "start_registration" });
+    };
+
+    public readonly signIn = (): void => {
+        this.setOpen(false);
+        this.dispatcher.dispatch({ action: "start_login" });
+    };
+
+    public readonly openHomePage = (): void => {
+        this.setOpen(false);
+        this.dispatcher.dispatch({ action: Action.ViewHomePage });
+    };
+
+    public readonly openFeedback = (): void => {
+        this.setOpen(false);
+        Modal.createDialog(FeedbackDialog);
+    };
+
+    public readonly linkNewDevice = (): void => {
+        this.setOpen(false);
+        this.dispatcher.dispatch({
+            action: Action.ViewUserSettings,
+            initialTabId: UserTab.SessionManager,
+            props: { showMsc4108QrCode: true },
+        });
+    };
+
+    public readonly openSecurity = (): void => {
+        this.setOpen(false);
+        this.dispatcher.dispatch({
+            action: Action.ViewUserSettings,
+            initialTabId: UserTab.Security,
+        });
+    };
+
+    public readonly openSettings = (): void => {
+        this.setOpen(false);
+        this.dispatcher.dispatch({
+            action: Action.ViewUserSettings,
+        });
+    };
+
+    public readonly clearStatus = (): void => {
+        this.setOpen(false);
+        clearAllUserStatus(this.client).catch((err) => {
+            logger.warn("Failed to clear user status", err);
+        });
+    };
+
+    private async loadAuthMetadata(): Promise<void> {
+        const authMetadata = await this.client.getAuthMetadata().catch(() => {});
+        this.snapshot.merge({ manageAccountHref: authMetadata?.account_management_uri });
+    }
+}
diff --git a/apps/web/src/viewmodels/message-body/EditHistoryActionBarViewModel.ts b/apps/web/src/viewmodels/message-body/EditHistoryActionBarViewModel.ts
new file mode 100644
index 00000000000..b0e2848c805
--- /dev/null
+++ b/apps/web/src/viewmodels/message-body/EditHistoryActionBarViewModel.ts
@@ -0,0 +1,75 @@
+/*
+ * 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 {
+    ActionBarAction,
+    BaseViewModel,
+    type ActionBarViewActions,
+    type ActionBarViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+/** Props for the edit-history action bar view model. */
+export interface EditHistoryActionBarViewModelProps {
+    /** Whether to include the remove action. */
+    canRemove: boolean;
+    /** Whether to include the view source action. */
+    showViewSource: boolean;
+    /** Called when the remove action is activated. */
+    onRemoveClick?: (anchor: HTMLElement | null) => void;
+    /** Called when the view source action is activated. */
+    onViewSourceClick?: (anchor: HTMLElement | null) => void;
+}
+
+/** View model for the label-style action bar shown in the edit-history panel. */
+export class EditHistoryActionBarViewModel
+    extends BaseViewModel<ActionBarViewSnapshot, EditHistoryActionBarViewModelProps>
+    implements ActionBarViewActions
+{
+    public constructor(props: EditHistoryActionBarViewModelProps) {
+        super(props, EditHistoryActionBarViewModel.buildSnapshot(props));
+    }
+
+    private static buildSnapshot(props: EditHistoryActionBarViewModelProps): ActionBarViewSnapshot {
+        const actions: ActionBarAction[] = [];
+
+        if (props.canRemove) {
+            actions.push(ActionBarAction.Remove);
+        }
+        if (props.showViewSource) {
+            actions.push(ActionBarAction.ViewSource);
+        }
+
+        return {
+            actions,
+            presentation: "label",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: false,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        };
+    }
+
+    /** Updates props and rebuilds the derived action-bar snapshot. */
+    public setProps(newProps: Partial<EditHistoryActionBarViewModelProps>): void {
+        this.props = {
+            ...this.props,
+            ...newProps,
+        };
+        this.snapshot.merge(EditHistoryActionBarViewModel.buildSnapshot(this.props));
+    }
+
+    /** Forwards the remove action using the triggering button as the anchor. */
+    public onRemoveClick = (anchor: HTMLElement | null): void => {
+        this.props.onRemoveClick?.(anchor);
+    };
+
+    /** Forwards the view source action using the triggering button as the anchor. */
+    public onViewSourceClick = (anchor: HTMLElement | null): void => {
+        this.props.onViewSourceClick?.(anchor);
+    };
+}
diff --git a/apps/web/src/viewmodels/message-body/EventContentBodyViewModel.ts b/apps/web/src/viewmodels/message-body/EventContentBodyViewModel.ts
new file mode 100644
index 00000000000..2d261400fda
--- /dev/null
+++ b/apps/web/src/viewmodels/message-body/EventContentBodyViewModel.ts
@@ -0,0 +1,322 @@
+/*
+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 IContent,
+    type MatrixClient,
+    type MatrixEvent,
+    MatrixEventEvent,
+    MsgType,
+    PushRuleKind,
+} from "matrix-js-sdk/src/matrix";
+import parse from "html-react-parser";
+import { PushProcessor } from "matrix-js-sdk/src/pushprocessor";
+import {
+    BaseViewModel,
+    type EventContentBodyViewSnapshot,
+    type EventContentBodyViewModel as EventContentBodyViewModelInterface,
+} from "@element-hq/web-shared-components";
+
+import { bodyToNode } from "../../HtmlUtils";
+import PlatformPeg from "../../PlatformPeg";
+import {
+    combineRenderers,
+    type Replacer,
+    type RendererMap,
+    keywordPillRenderer,
+    mentionPillRenderer,
+    ambiguousLinkTooltipRenderer,
+    codeBlockRenderer,
+    spoilerRenderer,
+} from "../../renderer";
+import { filterBoolean } from "../../utils/arrays";
+import SettingsStore from "../../settings/SettingsStore";
+
+/**
+ * Options for configuring which renderers to apply.
+ */
+export interface ReplacerOptions {
+    /**
+     * Whether to render room/user mentions as pills.
+     * @default false
+     */
+    renderMentionPills?: boolean;
+    /**
+     * Whether to render push rule keywords as pills.
+     * @default false
+     */
+    renderKeywordPills?: boolean;
+    /**
+     * Whether to render spoilers as hidden content revealed on click.
+     * @default false
+     */
+    renderSpoilers?: boolean;
+    /**
+     * Whether to render code blocks as syntax highlighted code with a copy to clipboard button.
+     * @default false
+     */
+    renderCodeBlocks?: boolean;
+    /**
+     * Whether to render tooltips for ambiguous links, only effective on platforms which specify `needsUrlTooltips` true.
+     * @default false
+     */
+    renderTooltipsForAmbiguousLinks?: boolean;
+}
+
+/**
+ * Props for the EventContentBody ViewModel.
+ */
+export interface EventContentBodyViewModelProps extends ReplacerOptions {
+    /**
+     * The content to render.
+     */
+    content: IContent;
+    /**
+     * The Matrix event to render, required for renderMentionPills & renderKeywordPills.
+     */
+    mxEvent?: MatrixEvent;
+    /**
+     * Whether to strip reply fallbacks from the content before rendering.
+     * @default false
+     */
+    stripReply?: boolean;
+    /**
+     * Highlights to emphasise in the content.
+     */
+    highlights?: string[];
+    /**
+     * Whether to render links as clickable anchors.
+     * @default true
+     */
+    linkify?: boolean;
+    /**
+     * Whether to include the `dir="auto"` attribute on the rendered element.
+     * Always true for "div" elements.
+     * @default true
+     */
+    includeDir?: boolean;
+    /**
+     * Whether to render the content in a div or span.
+     * @default "span"
+     */
+    as?: "span" | "div";
+    /**
+     * Whether big emoji should be enabled.
+     * @default false
+     */
+    enableBigEmoji?: boolean;
+    /**
+     * Whether media is visible in the event.
+     * @default true
+     */
+    mediaIsVisible?: boolean;
+    /**
+     * Whether to show pill avatars.
+     * @default true
+     */
+    shouldShowPillAvatar?: boolean;
+    /**
+     * Matrix client used to resolve room context for renderers.
+     */
+    client: MatrixClient | null;
+}
+
+/**
+ * Returns a RegExp pattern for the keyword in the push rule of the given Matrix event, if any.
+ */
+const getPushDetailsKeywordPatternRegexp = (mxEvent: MatrixEvent): RegExp | undefined => {
+    const pushDetails = mxEvent.getPushDetails();
+    if (
+        pushDetails.rule?.enabled &&
+        pushDetails.rule.kind === PushRuleKind.ContentSpecific &&
+        pushDetails.rule.pattern
+    ) {
+        return PushProcessor.getPushRuleGlobRegex(pushDetails.rule.pattern, true, "gi");
+    }
+    return undefined;
+};
+
+/**
+ * Creates a replacer function based on the provided options and context.
+ */
+const createReplacer = (props: EventContentBodyViewModelProps): Replacer => {
+    const { content, mxEvent, shouldShowPillAvatar, client, ...options } = props;
+    const room = client?.getRoom(mxEvent?.getRoomId()) ?? undefined;
+    const isHtml = content.format === "org.matrix.custom.html";
+    const keywordRegexpPattern = mxEvent ? getPushDetailsKeywordPatternRegexp(mxEvent) : undefined;
+
+    const replacers = filterBoolean<RendererMap>([
+        options.renderMentionPills ? mentionPillRenderer : undefined,
+        options.renderKeywordPills && keywordRegexpPattern ? keywordPillRenderer : undefined,
+        options.renderTooltipsForAmbiguousLinks && PlatformPeg.get()?.needsUrlTooltips()
+            ? ambiguousLinkTooltipRenderer
+            : undefined,
+        options.renderSpoilers ? spoilerRenderer : undefined,
+        options.renderCodeBlocks ? codeBlockRenderer : undefined,
+    ]);
+
+    return combineRenderers(...replacers)({
+        isHtml,
+        mxEvent,
+        room,
+        shouldShowPillAvatar,
+        keywordRegexpPattern,
+    });
+};
+
+/**
+ * ViewModel for EventContentBody component.
+ * Handles all Matrix SDK interactions and content processing.
+ */
+export class EventContentBodyViewModel
+    extends BaseViewModel<EventContentBodyViewSnapshot, EventContentBodyViewModelProps>
+    implements EventContentBodyViewModelInterface
+{
+    private watchedEvent?: MatrixEvent;
+
+    private static readonly computeBodySnapshot = (
+        props: EventContentBodyViewModelProps,
+    ): Pick<EventContentBodyViewSnapshot, "body" | "formattedBody" | "className"> => {
+        const { content, stripReply, highlights, linkify, enableBigEmoji, mediaIsVisible } = props;
+        const isEmote = content.msgtype === MsgType.Emote;
+        const { strippedBody, formattedBody, emojiBodyElements, className } = bodyToNode(content, highlights, {
+            disableBigEmoji: isEmote || !enableBigEmoji,
+            stripReplyFallback: stripReply,
+            mediaIsVisible,
+            linkify,
+        });
+
+        return {
+            body: emojiBodyElements || strippedBody,
+            formattedBody,
+            className,
+        };
+    };
+
+    private static readonly computeDir = (props: EventContentBodyViewModelProps): "auto" | undefined => {
+        const { as = "span", includeDir = true } = props;
+        return as === "div" || includeDir ? "auto" : undefined;
+    };
+
+    private static readonly parseFormattedBody = (
+        formattedBody: string,
+        replacer?: Replacer,
+    ): ReturnType<typeof parse> => parse(formattedBody, replacer ? { replace: replacer } : undefined);
+
+    private static readonly computeSnapshot = (props: EventContentBodyViewModelProps): EventContentBodyViewSnapshot => {
+        const { body, formattedBody, className } = EventContentBodyViewModel.computeBodySnapshot(props);
+        const replacer = createReplacer(props);
+        const dir = EventContentBodyViewModel.computeDir(props);
+
+        return {
+            body,
+            formattedBody,
+            replacer,
+            parseFormattedBody: EventContentBodyViewModel.parseFormattedBody,
+            className,
+            dir,
+        };
+    };
+
+    public constructor(props: EventContentBodyViewModelProps) {
+        const propsWithSettingDefaults: EventContentBodyViewModelProps = {
+            ...props,
+            renderMentionPills: props.renderMentionPills ?? false,
+            renderKeywordPills: props.renderKeywordPills ?? false,
+            renderSpoilers: props.renderSpoilers ?? false,
+            renderCodeBlocks: props.renderCodeBlocks ?? false,
+            renderTooltipsForAmbiguousLinks: props.renderTooltipsForAmbiguousLinks ?? false,
+            enableBigEmoji: props.enableBigEmoji ?? SettingsStore.getValue("TextualBody.enableBigEmoji"),
+            shouldShowPillAvatar: props.shouldShowPillAvatar ?? SettingsStore.getValue("Pill.shouldShowPillAvatar"),
+        };
+
+        super(propsWithSettingDefaults, EventContentBodyViewModel.computeSnapshot(propsWithSettingDefaults));
+        this.watchEvent(propsWithSettingDefaults.mxEvent);
+        this.disposables.track(this.unwatchEvent);
+
+        const enableBigEmojiWatcherRef = SettingsStore.watchSetting(
+            "TextualBody.enableBigEmoji",
+            null,
+            (_settingName, _roomId, _level, _newValAtLevel, newVal) => {
+                this.setEnableBigEmoji(!!newVal);
+            },
+        );
+        this.disposables.track(() => SettingsStore.unwatchSetting(enableBigEmojiWatcherRef));
+
+        const shouldShowPillAvatarWatcherRef = SettingsStore.watchSetting(
+            "Pill.shouldShowPillAvatar",
+            null,
+            (_settingName, _roomId, _level, _newValAtLevel, newVal) => {
+                this.setShouldShowPillAvatar(!!newVal);
+            },
+        );
+        this.disposables.track(() => SettingsStore.unwatchSetting(shouldShowPillAvatarWatcherRef));
+    }
+
+    private readonly onEventContentChanged = (): void => {
+        const mxEvent = this.props.mxEvent;
+        if (!mxEvent) return;
+        this.setEventContent(mxEvent, mxEvent.getContent());
+    };
+
+    private watchEvent(mxEvent?: MatrixEvent): void {
+        if (this.watchedEvent === mxEvent) return;
+        this.unwatchEvent();
+        this.watchedEvent = mxEvent;
+        this.watchedEvent?.on(MatrixEventEvent.Replaced, this.onEventContentChanged);
+    }
+
+    private readonly unwatchEvent = (): void => {
+        this.watchedEvent?.off(MatrixEventEvent.Replaced, this.onEventContentChanged);
+        this.watchedEvent = undefined;
+    };
+
+    public setEventContent = (mxEvent: MatrixEvent | undefined, content: IContent): void => {
+        this.watchEvent(mxEvent);
+        this.props.mxEvent = mxEvent;
+        this.props.content = content;
+        const { body, formattedBody, className } = EventContentBodyViewModel.computeBodySnapshot(this.props);
+        const replacer = createReplacer(this.props);
+
+        this.snapshot.merge({ body, formattedBody, replacer, className });
+    };
+
+    public setStripReply = (stripReply?: boolean): void => {
+        this.props.stripReply = stripReply;
+        const { body, formattedBody, className } = EventContentBodyViewModel.computeBodySnapshot(this.props);
+
+        this.snapshot.merge({ body, formattedBody, className });
+    };
+
+    public setHighlights = (highlights?: string[]): void => {
+        this.props.highlights = highlights;
+        const { body, formattedBody, className } = EventContentBodyViewModel.computeBodySnapshot(this.props);
+
+        this.snapshot.merge({ body, formattedBody, className });
+    };
+
+    public setAs = (as: "span" | "div"): void => {
+        this.props.as = as;
+        const dir = EventContentBodyViewModel.computeDir(this.props);
+
+        this.snapshot.merge({ dir });
+    };
+
+    public setEnableBigEmoji = (enableBigEmoji?: boolean): void => {
+        this.props.enableBigEmoji = enableBigEmoji;
+        const { body, formattedBody, className } = EventContentBodyViewModel.computeBodySnapshot(this.props);
+
+        this.snapshot.merge({ body, formattedBody, className });
+    };
+
+    public setShouldShowPillAvatar = (shouldShowPillAvatar?: boolean): void => {
+        this.props.shouldShowPillAvatar = shouldShowPillAvatar;
+        const replacer = createReplacer(this.props);
+
+        this.snapshot.merge({ replacer });
+    };
+}
diff --git a/apps/web/src/viewmodels/message-body/FileBodyViewModel.ts b/apps/web/src/viewmodels/message-body/FileBodyViewModel.ts
new file mode 100644
index 00000000000..d5033d37426
--- /dev/null
+++ b/apps/web/src/viewmodels/message-body/FileBodyViewModel.ts
@@ -0,0 +1,310 @@
+/*
+ * 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 MouseEvent, type RefObject } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { MsgType, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { type MediaEventContent } from "matrix-js-sdk/src/types";
+import {
+    BaseViewModel,
+    FileBodyViewState,
+    FileBodyViewInfoIcon,
+    type FileBodyViewSnapshot,
+    type FileBodyViewModel as FileBodyViewModelInterface,
+} from "@element-hq/web-shared-components";
+// eslint-disable-next-line no-restricted-imports
+import DownloadSvg from "@vector-im/compound-design-tokens/icons/download.svg";
+
+import Modal from "../../Modal";
+import { _t } from "../../languageHandler";
+import { mediaFromContent } from "../../customisations/Media";
+import { downloadLabelForFile, presentableTextForFile } from "../../utils/FileUtils";
+import { FileDownloader } from "../../utils/FileDownloader";
+import { type MediaEventHelper } from "../../utils/MediaEventHelper";
+import { TimelineRenderingType } from "../../contexts/RoomContext";
+import ErrorDialog from "../../components/views/dialogs/ErrorDialog";
+
+export interface FileBodyViewModelProps {
+    mxEvent: MatrixEvent;
+    mediaEventHelper?: MediaEventHelper;
+    forExport?: boolean;
+    showFileInfo?: boolean;
+    timelineRenderingType: TimelineRenderingType;
+    refIFrame: RefObject<HTMLIFrameElement>;
+    refLink: RefObject<HTMLAnchorElement>;
+}
+
+// Cached copy of the download.svg asset for the sandboxed iframe.
+const downloadIconCache = { url: "" };
+
+async function cacheDownloadIcon(): Promise<string> {
+    if (downloadIconCache.url) return downloadIconCache.url;
+    const svg = await fetch(DownloadSvg).then((r) => r.text());
+    downloadIconCache.url = "data:image/svg+xml;base64," + window.btoa(svg);
+    return downloadIconCache.url;
+}
+
+// Cache the asset immediately
+// noinspection JSIgnoredPromiseFromCall
+cacheDownloadIcon();
+
+// User supplied content can contain scripts, we have to be careful that
+// we don't accidentally run those script within the same origin as the
+// client. Otherwise those scripts written by remote users can read
+// the access token and end-to-end keys that are in local storage.
+//
+// For attachments downloaded directly from the homeserver we can use
+// Content-Security-Policy headers to disable script execution.
+//
+// But attachments with end-to-end encryption are more difficult to handle.
+// We need to decrypt the attachment on the client and then display it.
+// To display the attachment we need to turn the decrypted bytes into a URL.
+//
+// There are two ways to turn bytes into URLs, data URL and blob URLs.
+// Data URLs aren't suitable for downloading a file because Chrome has a
+// 2MB limit on the size of URLs that can be viewed in the browser or
+// downloaded. This limit does not seem to apply when the url is used as
+// the source attribute of an image tag.
+//
+// Blob URLs are generated using window.URL.createObjectURL and unfortunately
+// for our purposes they inherit the origin of the page that created them.
+// This means that any scripts that run when the URL is viewed will be able
+// to access local storage.
+//
+// The easiest solution is to host the code that generates the blob URL on
+// a different domain to the client.
+// Another possibility is to generate the blob URL within a sandboxed iframe.
+// The downside of using a second domain is that it complicates hosting,
+// the downside of using a sandboxed iframe is that the browers are overly
+// restrictive in what you are allowed to do with the generated URL.
+
+/**
+ * Get the current CSS style for a DOMElement.
+ * @param {HTMLElement} element The element to get the current style of.
+ * @returns {string} The CSS style encoded as a string.
+ */
+function computedStyle(element: HTMLElement | null): string {
+    if (!element) {
+        return "";
+    }
+    const style = window.getComputedStyle(element, null);
+    let cssText = style.cssText;
+    // noinspection EqualityComparisonWithCoercionJS
+    if (cssText === "") {
+        // Firefox doesn't implement ".cssText" for computed styles.
+        // https://bugzilla.mozilla.org/show_bug.cgi?id=137687
+        for (const rule of style) {
+            cssText += rule + ":";
+            cssText += style.getPropertyValue(rule) + ";";
+        }
+    }
+    return cssText;
+}
+
+export class FileBodyViewModel
+    extends BaseViewModel<FileBodyViewSnapshot, FileBodyViewModelProps>
+    implements FileBodyViewModelInterface
+{
+    private readonly refIFrame: RefObject<HTMLIFrameElement>;
+    private readonly refLink: RefObject<HTMLAnchorElement>;
+    private decryptedBlob?: Blob;
+    private userDidClick = false;
+    private readonly fileDownloader: FileDownloader;
+
+    public constructor(props: FileBodyViewModelProps) {
+        super(props, FileBodyViewModel.computeSnapshot(props));
+        this.refIFrame = props.refIFrame;
+        this.refLink = props.refLink;
+        this.fileDownloader = new FileDownloader(() => this.refIFrame.current);
+    }
+
+    private static getInfoIcon(content: MediaEventContent): FileBodyViewInfoIcon {
+        if (content.msgtype === MsgType.Audio) {
+            return FileBodyViewInfoIcon.AUDIO;
+        } else if (content.msgtype === MsgType.Video) {
+            return FileBodyViewInfoIcon.VIDEO;
+        }
+        return FileBodyViewInfoIcon.ATTACHMENT;
+    }
+
+    private static computeSnapshot(props: FileBodyViewModelProps, decryptedBlob?: Blob): FileBodyViewSnapshot {
+        const content = props.mxEvent.getContent<MediaEventContent>();
+        const media = mediaFromContent(content);
+        const isEncrypted = props.mediaEventHelper?.media.isEncrypted === true;
+
+        //Whether or not to show the default placeholder for the file. Defaults to true.
+        const showFileInfo = props.showFileInfo ?? true;
+
+        const showDownload =
+            !showFileInfo &&
+            props.timelineRenderingType !== TimelineRenderingType.Room &&
+            props.timelineRenderingType !== TimelineRenderingType.Search &&
+            props.timelineRenderingType !== TimelineRenderingType.Pinned &&
+            props.timelineRenderingType !== TimelineRenderingType.Thread;
+
+        const fileInfoLabel = showFileInfo
+            ? presentableTextForFile(content, _t("common|attachment"), true, true)
+            : undefined;
+        const fileInfoTooltip = showFileInfo
+            ? presentableTextForFile(content, _t("common|attachment"), true)
+            : undefined;
+        const fileInfoIcon = showFileInfo ? FileBodyViewModel.getInfoIcon(content) : undefined;
+        const downloadLabel = showDownload ? downloadLabelForFile(content, true) : undefined;
+        const downloadTitle = showDownload
+            ? presentableTextForFile(content, _t("common|attachment"), true, true)
+            : undefined;
+
+        if (props.forExport) {
+            return {
+                state: FileBodyViewState.EXPORT,
+                showInfo: showFileInfo,
+                infoLabel: fileInfoLabel,
+                infoTooltip: fileInfoTooltip,
+                infoIcon: fileInfoIcon,
+                infoHref: content.file?.url || content.url,
+            };
+        }
+
+        if (isEncrypted) {
+            const state = decryptedBlob ? FileBodyViewState.ENCRYPTED : FileBodyViewState.DECRYPTION_PENDING;
+
+            return {
+                state,
+                showInfo: showFileInfo,
+                infoLabel: fileInfoLabel,
+                infoTooltip: fileInfoTooltip,
+                infoIcon: fileInfoIcon,
+                showDownload,
+                downloadLabel,
+                downloadTitle: downloadTitle,
+            };
+        }
+
+        if (media.srcHttp) {
+            return {
+                state: FileBodyViewState.UNENCRYPTED,
+                showInfo: showFileInfo,
+                infoLabel: fileInfoLabel,
+                infoTooltip: fileInfoTooltip,
+                infoIcon: fileInfoIcon,
+                showDownload,
+                downloadLabel,
+                downloadTitle: downloadTitle,
+                downloadHref: media.srcHttp,
+            };
+        }
+
+        return {
+            state: FileBodyViewState.INVALID,
+            showInfo: showFileInfo,
+            infoLabel: fileInfoLabel,
+            infoTooltip: fileInfoTooltip,
+            infoIcon: fileInfoIcon,
+            infoHref: content.file?.url || content.url,
+        };
+    }
+
+    private get content(): MediaEventContent {
+        return this.props.mxEvent.getContent<MediaEventContent>();
+    }
+
+    private get fileName(): string {
+        return this.props.mediaEventHelper?.fileName || _t("common|attachment");
+    }
+
+    private get linkText(): string {
+        return downloadLabelForFile(this.content, true);
+    }
+
+    private downloadFile(fileName: string, text: string): void {
+        if (!this.decryptedBlob) return;
+
+        this.fileDownloader.download({
+            blob: this.decryptedBlob,
+            name: fileName,
+            autoDownload: this.userDidClick,
+            opts: {
+                imgSrc: downloadIconCache.url,
+                imgStyle: null,
+                style: computedStyle(this.refLink.current),
+                textContent: text,
+            },
+        });
+    }
+
+    private decryptFile = async (): Promise<void> => {
+        if (this.decryptedBlob || !this.props.mediaEventHelper) {
+            return;
+        }
+        try {
+            this.userDidClick = true;
+            this.decryptedBlob = await this.props.mediaEventHelper.sourceBlob.value;
+            this.snapshot.set(FileBodyViewModel.computeSnapshot(this.props, this.decryptedBlob));
+        } catch (err) {
+            logger.warn("Unable to decrypt attachment: ", err);
+            Modal.createDialog(ErrorDialog, {
+                title: _t("common|error"),
+                description: _t("timeline|m.file|error_decrypting"),
+            });
+        }
+    };
+
+    public onInfoClick = async (): Promise<void> => {
+        if (this.props.forExport || !(this.props.showFileInfo ?? true) || !this.props.mediaEventHelper) {
+            return;
+        }
+
+        if (this.props.mediaEventHelper.media.isEncrypted) {
+            await this.decryptFile();
+            this.downloadFile(this.fileName, this.linkText);
+            return;
+        }
+
+        this.fileDownloader.download({
+            blob: await this.props.mediaEventHelper.sourceBlob.value,
+            name: this.fileName,
+        });
+    };
+
+    public onDownloadClick = (): Promise<void> => this.decryptFile();
+
+    public onDownloadLinkClick = (event: MouseEvent<HTMLAnchorElement>): void => {
+        event.preventDefault();
+        event.stopPropagation();
+
+        if (!this.props.mediaEventHelper) return;
+
+        const fileType = this.content.info?.mimetype ?? "application/octet-stream";
+        logger.log(`Downloading ${fileType} as blob (unencrypted)`);
+
+        this.props.mediaEventHelper.sourceBlob.value.then((blob) => {
+            const blobUrl = URL.createObjectURL(blob);
+            const tempAnchor = document.createElement("a");
+            tempAnchor.download = this.fileName;
+            tempAnchor.href = blobUrl;
+            document.body.appendChild(tempAnchor);
+            tempAnchor.click();
+            tempAnchor.remove();
+        });
+    };
+
+    public onDownloadIframeLoad = (): void => {
+        this.downloadFile(this.fileName, this.linkText);
+    };
+
+    public setProps(newProps: Partial<FileBodyViewModelProps>): void {
+        const oldEvent = this.props.mxEvent;
+        this.props = { ...this.props, ...newProps };
+
+        if (this.props.mxEvent !== oldEvent) {
+            this.decryptedBlob = undefined;
+            this.userDidClick = false;
+        }
+
+        this.snapshot.set(FileBodyViewModel.computeSnapshot(this.props, this.decryptedBlob));
+    }
+}
diff --git a/apps/web/src/viewmodels/message-body/ImageBodyViewModel.ts b/apps/web/src/viewmodels/message-body/ImageBodyViewModel.ts
new file mode 100644
index 00000000000..eb3fd5ceac1
--- /dev/null
+++ b/apps/web/src/viewmodels/message-body/ImageBodyViewModel.ts
@@ -0,0 +1,669 @@
+/*
+ * 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 ComponentProps, type MouseEvent, type RefObject } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { ClientEvent, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { type ImageContent } from "matrix-js-sdk/src/types";
+import {
+    BaseViewModel,
+    ImageBodyViewPlaceholder,
+    ImageBodyViewState,
+    type ImageBodyViewModel as ImageBodyViewModelInterface,
+    type ImageBodyViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+import Modal from "../../Modal";
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import { _t } from "../../languageHandler";
+import { mediaFromContent } from "../../customisations/Media";
+import { TimelineRenderingType } from "../../contexts/RoomContext";
+import SettingsStore from "../../settings/SettingsStore";
+import { type ImageSize, suggestedSize as suggestedImageSize } from "../../settings/enums/ImageSize";
+import { presentableTextForFile } from "../../utils/FileUtils";
+import { type MediaEventHelper } from "../../utils/MediaEventHelper";
+import { blobIsAnimated, mayBeAnimated } from "../../utils/Image";
+import { type RoomPermalinkCreator } from "../../utils/permalinks/Permalinks";
+import { createReconnectedListener } from "../../utils/connection";
+import { DecryptError, DownloadError } from "../../utils/DecryptFile";
+import { BLURHASH_FIELD, createThumbnail } from "../../utils/image-media";
+import { isMimeTypeAllowed } from "../../utils/blobs";
+import ImageView from "../../components/views/elements/ImageView";
+
+export interface ImageBodyViewModelProps {
+    /**
+     * Image event being rendered.
+     */
+    mxEvent: MatrixEvent;
+    /**
+     * Helper for resolving encrypted media sources.
+     */
+    mediaEventHelper?: MediaEventHelper;
+    /**
+     * Whether the image is being rendered for export instead of the live timeline.
+     */
+    forExport?: boolean;
+    /**
+     * Optional maximum height applied when computing the rendered image dimensions.
+     */
+    maxImageHeight?: number;
+    /**
+     * Whether the media should currently be shown instead of the hidden-media preview.
+     */
+    mediaVisible: boolean;
+    /**
+     * Permalink helper passed to the image lightbox.
+     */
+    permalinkCreator?: RoomPermalinkCreator;
+    /**
+     * Timeline context used to decide which labels and supplemental content should be shown.
+     */
+    timelineRenderingType: TimelineRenderingType;
+    /**
+     * Ref to the underlying image element used for load dimensions and lightbox animation.
+     */
+    imageRef: RefObject<HTMLImageElement | null>;
+    /**
+     * Callback invoked when hidden media is revealed.
+     */
+    setMediaVisible?: (visible: boolean) => void;
+}
+
+interface LoadedImageDimensions {
+    naturalWidth: number;
+    naturalHeight: number;
+}
+
+interface InternalState {
+    contentUrl: string | null;
+    thumbUrl: string | null;
+    isAnimated: boolean;
+    error: unknown | null;
+    imgError: boolean;
+    imgLoaded: boolean;
+    loadedImageDimensions?: LoadedImageDimensions;
+    placeholder: ImageBodyViewPlaceholder;
+    imageSize: ImageSize;
+    generatedThumbnailUrl: string | null;
+}
+
+/**
+ * View model for the image message body, encapsulating media loading, sizing,
+ * visibility, animated-image previews, and lightbox interactions.
+ */
+export class ImageBodyViewModel
+    extends BaseViewModel<ImageBodyViewSnapshot, ImageBodyViewModelProps>
+    implements ImageBodyViewModelInterface
+{
+    private state: InternalState;
+    private blurhashTimeout?: number;
+
+    private readonly reconnectedListener = createReconnectedListener((): void => {
+        MatrixClientPeg.get()?.off(ClientEvent.Sync, this.reconnectedListener);
+
+        if (!this.state.imgError) {
+            return;
+        }
+
+        this.state = {
+            ...this.state,
+            imgError: false,
+        };
+        this.updateSnapshotFromState();
+    });
+
+    public constructor(props: ImageBodyViewModelProps) {
+        const initialState = ImageBodyViewModel.createInitialState(props.mxEvent);
+        super(props, ImageBodyViewModel.computeSnapshot(props, initialState));
+        this.state = initialState;
+
+        const imageSizeWatcherRef = SettingsStore.watchSetting("Images.size", null, (_s, _r, _l, _nvl, value) => {
+            this.setImageSize(value!);
+        });
+        this.disposables.track(() => SettingsStore.unwatchSetting(imageSizeWatcherRef));
+    }
+
+    private static createInitialState(mxEvent: MatrixEvent): InternalState {
+        return {
+            contentUrl: null,
+            thumbUrl: null,
+            isAnimated: false,
+            error: null,
+            imgError: false,
+            imgLoaded: false,
+            loadedImageDimensions: undefined,
+            placeholder: mxEvent.getContent<ImageContent>().info?.[BLURHASH_FIELD]
+                ? ImageBodyViewPlaceholder.NONE
+                : ImageBodyViewPlaceholder.SPINNER,
+            imageSize: SettingsStore.getValue("Images.size"),
+            generatedThumbnailUrl: null,
+        };
+    }
+
+    private static getImageDimensions(
+        props: ImageBodyViewModelProps,
+        state: InternalState,
+    ): Pick<ImageBodyViewSnapshot, "maxWidth" | "maxHeight" | "aspectRatio" | "isSvg"> {
+        const content = props.mxEvent.getContent<ImageContent>();
+        const info = content.info;
+        const naturalWidth = info?.w ?? state.loadedImageDimensions?.naturalWidth;
+        const naturalHeight = info?.h ?? state.loadedImageDimensions?.naturalHeight;
+
+        if (!naturalWidth || !naturalHeight) {
+            return {
+                maxWidth: undefined,
+                maxHeight: undefined,
+                aspectRatio: undefined,
+                isSvg: info?.mimetype === "image/svg+xml",
+            };
+        }
+
+        const { w: maxWidth, h: maxHeight } = suggestedImageSize(
+            state.imageSize,
+            { w: naturalWidth, h: naturalHeight },
+            props.maxImageHeight,
+        );
+
+        return {
+            maxWidth,
+            maxHeight,
+            aspectRatio: `${naturalWidth}/${naturalHeight}`,
+            isSvg: info?.mimetype === "image/svg+xml",
+        };
+    }
+
+    private static computeErrorLabel(error: unknown, imgError: boolean): string {
+        if (error instanceof DecryptError) return _t("timeline|m.image|error_decrypting");
+        if (error instanceof DownloadError) return _t("timeline|m.image|error_downloading");
+        if (imgError || error) return _t("timeline|m.image|error");
+
+        return _t("timeline|m.image|error");
+    }
+
+    private static shouldShowBanner(timelineRenderingType: TimelineRenderingType): boolean {
+        return ![TimelineRenderingType.ThreadsList, TimelineRenderingType.File].includes(timelineRenderingType);
+    }
+
+    private static computeSnapshot(props: ImageBodyViewModelProps, state: InternalState): ImageBodyViewSnapshot {
+        const content = props.mxEvent.getContent<ImageContent>();
+        const dimensions = ImageBodyViewModel.getImageDimensions(props, state);
+        const autoplayGifs = SettingsStore.getValue("autoplayGifs");
+        const contentUrl = ImageBodyViewModel.getContentUrl(props, state);
+        const thumbnailSrc = props.forExport
+            ? (contentUrl ?? undefined)
+            : state.isAnimated && autoplayGifs
+              ? (contentUrl ?? undefined)
+              : (state.thumbUrl ?? contentUrl ?? undefined);
+
+        if (state.error || state.imgError) {
+            return {
+                state: ImageBodyViewState.ERROR,
+                errorLabel: ImageBodyViewModel.computeErrorLabel(state.error, state.imgError),
+                ...dimensions,
+            };
+        }
+
+        if (!props.mediaVisible) {
+            return {
+                state: ImageBodyViewState.HIDDEN,
+                hiddenButtonLabel: _t("timeline|m.image|show_image"),
+                ...dimensions,
+            };
+        }
+
+        return {
+            state: ImageBodyViewState.READY,
+            alt: content.body,
+            src: contentUrl ?? undefined,
+            thumbnailSrc,
+            showAnimatedContentOnHover: state.isAnimated && !autoplayGifs && !!contentUrl,
+            placeholder: !props.forExport && !state.imgLoaded ? state.placeholder : ImageBodyViewPlaceholder.NONE,
+            blurhash: content.info?.[BLURHASH_FIELD],
+            gifLabel: state.isAnimated && !autoplayGifs ? "GIF" : undefined,
+            bannerLabel: ImageBodyViewModel.shouldShowBanner(props.timelineRenderingType)
+                ? presentableTextForFile(content, _t("common|image"), true, true)
+                : undefined,
+            linkUrl: contentUrl ?? undefined,
+            linkTarget: props.forExport ? "_blank" : undefined,
+            ...dimensions,
+        };
+    }
+
+    private static getContentUrl(props: ImageBodyViewModelProps, state: InternalState): string | null {
+        if (props.forExport) {
+            return (
+                props.mxEvent.getContent<ImageContent>().url ??
+                props.mxEvent.getContent<ImageContent>().file?.url ??
+                null
+            );
+        }
+
+        return state.contentUrl;
+    }
+
+    public loadInitialMediaIfVisible(): void {
+        if (!this.props.mediaVisible) {
+            return;
+        }
+
+        this.scheduleBlurhashPlaceholder();
+        void this.downloadImage();
+    }
+
+    private updateSnapshotFromState(): void {
+        this.snapshot.set(ImageBodyViewModel.computeSnapshot(this.props, this.state));
+    }
+
+    private resetState(mxEvent: MatrixEvent): void {
+        this.clearBlurhashTimeout();
+        MatrixClientPeg.get()?.off(ClientEvent.Sync, this.reconnectedListener);
+        this.revokeGeneratedThumbnailUrl();
+        this.state = ImageBodyViewModel.createInitialState(mxEvent);
+    }
+
+    private revokeGeneratedThumbnailUrl(): void {
+        if (!this.state.generatedThumbnailUrl) {
+            return;
+        }
+
+        URL.revokeObjectURL(this.state.generatedThumbnailUrl);
+        this.state = {
+            ...this.state,
+            generatedThumbnailUrl: null,
+        };
+    }
+
+    private clearBlurhashTimeout(): void {
+        if (!this.blurhashTimeout) {
+            return;
+        }
+
+        clearTimeout(this.blurhashTimeout);
+        this.blurhashTimeout = undefined;
+    }
+
+    private scheduleBlurhashPlaceholder(): void {
+        if (
+            !this.props.mxEvent.getContent<ImageContent>().info?.[BLURHASH_FIELD] ||
+            this.state.imgLoaded ||
+            this.state.imgError
+        ) {
+            return;
+        }
+
+        this.clearBlurhashTimeout();
+        this.blurhashTimeout = window.setTimeout(() => {
+            if (this.isDisposed || this.state.imgLoaded || this.state.imgError) {
+                return;
+            }
+
+            this.state = {
+                ...this.state,
+                placeholder: ImageBodyViewPlaceholder.BLURHASH,
+            };
+            this.snapshot.merge({ placeholder: ImageBodyViewPlaceholder.BLURHASH });
+        }, 150);
+    }
+
+    private getThumbUrl(): string | null {
+        const thumbWidth = 800;
+        const thumbHeight = 600;
+
+        const content = this.props.mxEvent.getContent<ImageContent>();
+        const media = mediaFromContent(content);
+        const info = content.info;
+
+        if (info?.mimetype === "image/svg+xml" && media.hasThumbnail) {
+            return media.getThumbnailHttp(thumbWidth, thumbHeight, "scale");
+        }
+
+        if (this.state.isAnimated || window.devicePixelRatio === 1.0 || !info || !info.w || !info.h || !info.size) {
+            return media.getThumbnailOfSourceHttp(thumbWidth, thumbHeight);
+        }
+
+        const isLargerThanThumbnail = info.w > thumbWidth || info.h > thumbHeight;
+        const isLargeFileSize = info.size > 1 * 1024 * 1024;
+
+        if (isLargeFileSize && isLargerThanThumbnail) {
+            return media.getThumbnailOfSourceHttp(thumbWidth, thumbHeight);
+        }
+
+        return media.srcHttp;
+    }
+
+    private async downloadImage(): Promise<void> {
+        if (this.state.contentUrl || this.props.forExport) {
+            return;
+        }
+
+        let thumbUrl: string | null;
+        let contentUrl: string | null;
+
+        if (this.props.mediaEventHelper?.media.isEncrypted) {
+            try {
+                [contentUrl, thumbUrl] = await Promise.all([
+                    this.props.mediaEventHelper.sourceUrl.value,
+                    this.props.mediaEventHelper.thumbnailUrl.value,
+                ]);
+            } catch (error) {
+                if (this.isDisposed) {
+                    return;
+                }
+
+                if (error instanceof DecryptError) {
+                    logger.error("Unable to decrypt attachment: ", error);
+                } else if (error instanceof DownloadError) {
+                    logger.error("Unable to download attachment to decrypt it: ", error);
+                } else {
+                    logger.error("Error encountered when downloading encrypted attachment: ", error);
+                }
+
+                this.state = {
+                    ...this.state,
+                    error,
+                };
+                this.updateSnapshotFromState();
+                return;
+            }
+        } else {
+            contentUrl = mediaFromContent(this.props.mxEvent.getContent<ImageContent>()).srcHttp;
+            thumbUrl = this.getThumbUrl();
+        }
+
+        const content = this.props.mxEvent.getContent<ImageContent>();
+        let generatedThumbnailUrl: string | null = null;
+        let isAnimated = content.info?.["org.matrix.msc4230.is_animated"];
+        if (isAnimated === undefined) {
+            isAnimated = mayBeAnimated(content.info?.mimetype);
+        }
+
+        const autoplayGifs = SettingsStore.getValue("autoplayGifs");
+        if (isAnimated && !autoplayGifs) {
+            if (!thumbUrl || !content.info?.thumbnail_info || mayBeAnimated(content.info.thumbnail_info.mimetype)) {
+                const image = document.createElement("img");
+                const loadPromise = new Promise<void>((resolve, reject) => {
+                    image.onload = (): void => resolve();
+                    image.onerror = (): void => reject(new Error("Unable to load image"));
+                });
+
+                image.crossOrigin = "Anonymous";
+                image.src = contentUrl ?? "";
+
+                try {
+                    await loadPromise;
+                } catch (error) {
+                    logger.error("Unable to download attachment: ", error);
+                    this.state = {
+                        ...this.state,
+                        error,
+                    };
+                    this.updateSnapshotFromState();
+                    return;
+                }
+
+                try {
+                    if (
+                        content.info?.["org.matrix.msc4230.is_animated"] === false ||
+                        (this.props.mediaEventHelper &&
+                            (await blobIsAnimated(await this.props.mediaEventHelper.sourceBlob.value)) === false)
+                    ) {
+                        isAnimated = false;
+                    }
+
+                    if (isAnimated) {
+                        const thumbnail = await createThumbnail(
+                            image,
+                            image.width,
+                            image.height,
+                            content.info?.mimetype ?? "image/jpeg",
+                            false,
+                        );
+                        generatedThumbnailUrl = URL.createObjectURL(thumbnail.thumbnail);
+                        thumbUrl = generatedThumbnailUrl;
+                    }
+                } catch (error) {
+                    logger.warn("Unable to generate thumbnail for animated image: ", error);
+                }
+            }
+        }
+
+        if (this.isDisposed) {
+            if (generatedThumbnailUrl) {
+                URL.revokeObjectURL(generatedThumbnailUrl);
+            }
+            return;
+        }
+
+        this.revokeGeneratedThumbnailUrl();
+        this.state = {
+            ...this.state,
+            contentUrl,
+            thumbUrl,
+            isAnimated,
+            error: null,
+            generatedThumbnailUrl,
+        };
+        this.updateSnapshotFromState();
+    }
+
+    private openImageViewer(event: MouseEvent<HTMLAnchorElement>): void {
+        if (event.button !== 0 || event.metaKey) {
+            return;
+        }
+
+        event.preventDefault();
+
+        if (!this.props.mediaVisible) {
+            this.props.setMediaVisible?.(true);
+            return;
+        }
+
+        const content = this.props.mxEvent.getContent<ImageContent>();
+
+        let httpUrl = this.state.contentUrl;
+        if (
+            this.props.mediaEventHelper?.media.isEncrypted &&
+            !isMimeTypeAllowed(this.props.mediaEventHelper.sourceBlob.cachedValue?.type ?? "")
+        ) {
+            httpUrl = this.state.thumbUrl;
+        }
+
+        if (!httpUrl) {
+            return;
+        }
+
+        const params: Omit<ComponentProps<typeof ImageView>, "onFinished"> = {
+            src: httpUrl,
+            name: content.body && content.body.length > 0 ? content.body : _t("common|attachment"),
+            mxEvent: this.props.mxEvent,
+            permalinkCreator: this.props.permalinkCreator,
+        };
+
+        if (content.info) {
+            params.width = content.info.w;
+            params.height = content.info.h;
+            params.fileSize = content.info.size;
+        }
+
+        if (this.props.imageRef.current) {
+            const clientRect = this.props.imageRef.current.getBoundingClientRect();
+            params.thumbnailInfo = {
+                width: clientRect.width,
+                height: clientRect.height,
+                positionX: clientRect.x,
+                positionY: clientRect.y,
+            };
+        }
+
+        Modal.createDialog(ImageView, params, "mx_Dialog_lightbox", undefined, true);
+    }
+
+    public onLinkClick = (event: MouseEvent<HTMLAnchorElement>): void => {
+        this.openImageViewer(event);
+    };
+
+    public onHiddenButtonClick = (): void => {
+        this.props.setMediaVisible?.(true);
+    };
+
+    public onImageError = (): void => {
+        if (this.state.thumbUrl && this.state.thumbUrl !== this.state.contentUrl) {
+            this.state = {
+                ...this.state,
+                thumbUrl: null,
+            };
+            this.updateSnapshotFromState();
+            return;
+        }
+
+        this.clearBlurhashTimeout();
+
+        if (this.state.imgError) {
+            return;
+        }
+
+        this.state = {
+            ...this.state,
+            imgError: true,
+        };
+        MatrixClientPeg.safeGet().on(ClientEvent.Sync, this.reconnectedListener);
+        this.updateSnapshotFromState();
+    };
+
+    public onImageLoad = (): void => {
+        this.clearBlurhashTimeout();
+
+        let loadedImageDimensions: LoadedImageDimensions | undefined;
+        if (this.props.imageRef.current) {
+            const { naturalWidth, naturalHeight } = this.props.imageRef.current;
+            loadedImageDimensions = { naturalWidth, naturalHeight };
+        }
+
+        this.state = {
+            ...this.state,
+            imgLoaded: true,
+            loadedImageDimensions,
+            placeholder: ImageBodyViewPlaceholder.NONE,
+        };
+        this.updateSnapshotFromState();
+    };
+
+    public setEvent(mxEvent: MatrixEvent, mediaEventHelper?: MediaEventHelper): void {
+        if (this.props.mxEvent === mxEvent && this.props.mediaEventHelper === mediaEventHelper) {
+            return;
+        }
+
+        const previousVisible = this.props.mediaVisible;
+        this.props = {
+            ...this.props,
+            mxEvent,
+            mediaEventHelper,
+        };
+        this.resetState(mxEvent);
+        this.updateSnapshotFromState();
+
+        if (previousVisible) {
+            this.scheduleBlurhashPlaceholder();
+            void this.downloadImage();
+        }
+    }
+
+    public setForExport(forExport?: boolean): void {
+        if (this.props.forExport === forExport) {
+            return;
+        }
+
+        this.props = {
+            ...this.props,
+            forExport,
+        };
+        this.updateSnapshotFromState();
+    }
+
+    public setMaxImageHeight(maxImageHeight?: number): void {
+        if (this.props.maxImageHeight === maxImageHeight) {
+            return;
+        }
+
+        this.props = {
+            ...this.props,
+            maxImageHeight,
+        };
+        this.updateSnapshotFromState();
+    }
+
+    public setMediaVisible(mediaVisible: boolean): void {
+        if (this.props.mediaVisible === mediaVisible) {
+            return;
+        }
+
+        const wasVisible = this.props.mediaVisible;
+        this.props = {
+            ...this.props,
+            mediaVisible,
+        };
+        this.updateSnapshotFromState();
+
+        if (!wasVisible && mediaVisible) {
+            this.scheduleBlurhashPlaceholder();
+            void this.downloadImage();
+        }
+    }
+
+    public setPermalinkCreator(permalinkCreator?: RoomPermalinkCreator): void {
+        if (this.props.permalinkCreator === permalinkCreator) {
+            return;
+        }
+
+        this.props = {
+            ...this.props,
+            permalinkCreator,
+        };
+    }
+
+    public setTimelineRenderingType(timelineRenderingType: TimelineRenderingType): void {
+        if (this.props.timelineRenderingType === timelineRenderingType) {
+            return;
+        }
+
+        this.props = {
+            ...this.props,
+            timelineRenderingType,
+        };
+        this.snapshot.merge(ImageBodyViewModel.computeSnapshot(this.props, this.state));
+    }
+
+    public setSetMediaVisible(setMediaVisible?: (visible: boolean) => void): void {
+        if (this.props.setMediaVisible === setMediaVisible) {
+            return;
+        }
+
+        this.props = {
+            ...this.props,
+            setMediaVisible,
+        };
+    }
+
+    private setImageSize(imageSize: ImageSize): void {
+        if (this.state.imageSize === imageSize) {
+            return;
+        }
+
+        this.state = {
+            ...this.state,
+            imageSize,
+        };
+        this.updateSnapshotFromState();
+    }
+
+    public dispose(): void {
+        this.clearBlurhashTimeout();
+        MatrixClientPeg.get()?.off(ClientEvent.Sync, this.reconnectedListener);
+        this.revokeGeneratedThumbnailUrl();
+        super.dispose();
+    }
+}
diff --git a/apps/web/src/viewmodels/message-body/RedactedBodyViewModel.ts b/apps/web/src/viewmodels/message-body/RedactedBodyViewModel.ts
new file mode 100644
index 00000000000..9e412590e1c
--- /dev/null
+++ b/apps/web/src/viewmodels/message-body/RedactedBodyViewModel.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.
+ */
+
+import {
+    BaseViewModel,
+    type RedactedBodyViewSnapshot,
+    type RedactedBodyViewModel as RedactedBodyViewModelInterface,
+} from "@element-hq/web-shared-components";
+
+/**
+ * View model for a redacted event body.
+ *
+ * All event inspection, localization, and settings access happens in the application adapter.
+ */
+export type RedactedBodyViewModelProps = RedactedBodyViewSnapshot;
+
+export class RedactedBodyViewModel
+    extends BaseViewModel<RedactedBodyViewSnapshot, RedactedBodyViewModelProps>
+    implements RedactedBodyViewModelInterface
+{
+    public constructor(props: RedactedBodyViewModelProps) {
+        super(props, props);
+    }
+
+    public setProps(props: RedactedBodyViewModelProps): void {
+        this.props = props;
+        this.snapshot.merge(props);
+    }
+}
diff --git a/apps/web/src/viewmodels/message-body/TileErrorViewModel.ts b/apps/web/src/viewmodels/message-body/TileErrorViewModel.ts
new file mode 100644
index 00000000000..7f08c15bcae
--- /dev/null
+++ b/apps/web/src/viewmodels/message-body/TileErrorViewModel.ts
@@ -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 { type MouseEventHandler } from "react";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import {
+    BaseViewModel,
+    type TileErrorViewSnapshot as TileErrorViewSnapshotInterface,
+    type TileErrorViewModel as TileErrorViewModelInterface,
+} from "@element-hq/web-shared-components";
+
+import { _t } from "../../languageHandler";
+import Modal from "../../Modal";
+import SdkConfig from "../../SdkConfig";
+import { BugReportEndpointURLLocal } from "../../IConfigOptions";
+import ViewSource from "../../components/structures/ViewSource";
+import BugReportDialog from "../../components/views/dialogs/BugReportDialog";
+
+const TILE_ERROR_BUG_REPORT_LABEL = "react-tile-soft-crash";
+
+export interface TileErrorViewModelProps {
+    /**
+     * Event whose tile failed to render.
+     */
+    mxEvent: MatrixEvent;
+    /**
+     * Render error captured by the boundary.
+     */
+    error: Error;
+    /**
+     * Whether developer mode is enabled, which controls the view-source action.
+     */
+    developerMode: boolean;
+}
+
+function getBugReportCtaLabel(): string | undefined {
+    const bugReportUrl = SdkConfig.get().bug_report_endpoint_url;
+
+    if (!bugReportUrl) {
+        return undefined;
+    }
+
+    return bugReportUrl === BugReportEndpointURLLocal
+        ? _t("bug_reporting|download_logs")
+        : _t("bug_reporting|submit_debug_logs");
+}
+
+/**
+ * Returns the localized view-source action label when developer mode is enabled.
+ */
+function getViewSourceCtaLabel(developerMode: boolean): string | undefined {
+    return developerMode ? _t("action|view_source") : undefined;
+}
+
+/**
+ * ViewModel for the tile error fallback, providing the snapshot shown when a tile fails to render.
+ *
+ * The snapshot includes the fallback message, event type, and optional bug-report and
+ * view-source action labels. The view model also exposes click handlers for those
+ * actions, opening the bug-report or view-source dialog when available.
+ */
+export class TileErrorViewModel
+    extends BaseViewModel<TileErrorViewSnapshotInterface, TileErrorViewModelProps>
+    implements TileErrorViewModelInterface
+{
+    private static readonly computeSnapshot = (props: TileErrorViewModelProps): TileErrorViewSnapshotInterface => ({
+        message: _t("timeline|error_rendering_message"),
+        eventType: props.mxEvent.getType(),
+        bugReportCtaLabel: getBugReportCtaLabel(),
+        viewSourceCtaLabel: getViewSourceCtaLabel(props.developerMode),
+    });
+
+    public constructor(props: TileErrorViewModelProps) {
+        super(props, TileErrorViewModel.computeSnapshot(props));
+    }
+
+    public setError(error: Error): void {
+        this.props.error = error;
+    }
+
+    public setDeveloperMode(developerMode: boolean): void {
+        this.props.developerMode = developerMode;
+
+        const nextViewSourceCtaLabel = getViewSourceCtaLabel(developerMode);
+        this.snapshot.merge({ viewSourceCtaLabel: nextViewSourceCtaLabel });
+    }
+
+    public onBugReportClick: MouseEventHandler<HTMLButtonElement> = () => {
+        if (!this.snapshot.current.bugReportCtaLabel) {
+            return;
+        }
+
+        Modal.createDialog(BugReportDialog, {
+            label: TILE_ERROR_BUG_REPORT_LABEL,
+            error: this.props.error,
+        });
+    };
+
+    public onViewSourceClick: MouseEventHandler<HTMLButtonElement> = () => {
+        if (!this.snapshot.current.viewSourceCtaLabel) {
+            return;
+        }
+
+        Modal.createDialog(
+            ViewSource,
+            {
+                mxEvent: this.props.mxEvent,
+            },
+            "mx_Dialog_viewsource",
+        );
+    };
+}
diff --git a/apps/web/src/viewmodels/message-body/UrlPreviewGroupViewModel.ts b/apps/web/src/viewmodels/message-body/UrlPreviewGroupViewModel.ts
new file mode 100644
index 00000000000..0f6505a2bc8
--- /dev/null
+++ b/apps/web/src/viewmodels/message-body/UrlPreviewGroupViewModel.ts
@@ -0,0 +1,281 @@
+/*
+ * 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 { MsgType, type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import {
+    BaseViewModel,
+    type UrlPreview,
+    type UrlPreviewGroupViewActions,
+    type UrlPreviewGroupViewSnapshot,
+} from "@element-hq/web-shared-components";
+import { type UrlPreviewVisibilityChanged } from "@matrix-org/analytics-events/types/typescript/UrlPreviewVisibilityChanged";
+
+import { PosthogAnalytics } from "../../PosthogAnalytics";
+import { isPermalinkHost } from "../../utils/permalinks/Permalinks";
+import { UrlPreviewFetcher } from "../../utils/UrlPreviewFetcher";
+import { type RoomMessageEventContent } from "../../../@types/url-preview";
+
+// From https://github.com/matrix-org/matrix-spec-proposals/pull/4095
+export const BUNDLED_LINK_PREVIEWS = "com.beeper.linkpreviews";
+
+export const MAX_PREVIEWS_WHEN_LIMITED = 2;
+
+export enum PreviewVisibility {
+    /** Preview is entirely hidden and cannot be changed. */
+    Hidden,
+    /** Preview is hidden by the user and may be shown again. */
+    UserHidden,
+    /** Preview is visible but media should not be rendered. */
+    MediaHidden,
+    /** Preview is fully visible including media. */
+    Visible,
+}
+
+export interface UrlPreviewGroupViewModelProps {
+    client: MatrixClient;
+    mxEvent: MatrixEvent;
+    visible: boolean;
+    mediaVisible: boolean;
+    showTooltips: boolean;
+    onImageClicked: (preview: UrlPreview) => void;
+    urlPreviewBundleEnabled: boolean;
+}
+
+export class UrlPreviewGroupViewModel
+    extends BaseViewModel<UrlPreviewGroupViewSnapshot, UrlPreviewGroupViewModelProps>
+    implements UrlPreviewGroupViewActions
+{
+    /**
+     * Determine if an anchor element can be rendered into a preview.
+     * If it can, return the value of `href`
+     * @param node The anchor element DOM node.
+     * @returns The value of the `href` of the node, or null if this node cannot be previewed.
+     */
+    private static getAnchorLink(node: HTMLAnchorElement): string | null {
+        const href = node.getAttribute("href");
+        if (!href || !URL.canParse(href)) return null;
+
+        const url = new URL(href);
+        if (!["http:", "https:"].includes(url.protocol)) return null;
+        if (isPermalinkHost(url.host)) return null;
+
+        if (node.textContent?.includes("/")) return href;
+        if (node.textContent?.toLowerCase().trim().startsWith(url.host.toLowerCase())) return null;
+        return href;
+    }
+
+    /**
+     * Calculate the set of links from a set of DOM nodes.
+     * @param nodes An array of DOM elements that may be or contain anchor elements.
+     * @returns A unique array of links that can be previewed, in order of discovery.
+     */
+    private static findLinks(nodes: Iterable<Element>): string[] {
+        let links = new Set<string>();
+        for (const node of nodes) {
+            if (node.tagName === "A") {
+                const href = this.getAnchorLink(node as HTMLAnchorElement);
+                if (href) links.add(href);
+            } else if (node.tagName === "PRE" || node.tagName === "CODE" || node.tagName === "BLOCKQUOTE") {
+                continue;
+            } else if (node.children?.length) {
+                links = new Set([...links, ...this.findLinks(node.children)]);
+            }
+        }
+        return [...links];
+    }
+
+    private readonly storageKey: string;
+    private readonly fetcher: UrlPreviewFetcher;
+
+    /**
+     * Calculated set of links from the provided DOM element.
+     */
+    private links: string[] = [];
+
+    /**
+     * Should the preview limit how many links are rendered. If `false`, all
+     * links will be rendered.
+     */
+    private limitPreviews = true;
+
+    /**
+     * Should the URL preview render according to the application.
+     */
+    private urlPreviewVisible: boolean;
+
+    /**
+     * Should media be rendered in the preview.
+     */
+    private mediaVisible: boolean;
+
+    /**
+     * Has the user opted to render this individual preview, or hide it.
+     */
+    private urlPreviewEnabledByUser: boolean;
+
+    /**
+     * Called when the user clicks on the preview thumbnail.
+     */
+    public readonly onImageClick: (preview: UrlPreview) => void;
+
+    public constructor(props: UrlPreviewGroupViewModelProps) {
+        super(props, {
+            previews: [],
+            totalPreviewCount: 0,
+            previewsLimited: true,
+            overPreviewLimit: false,
+        });
+        this.onImageClick = props.onImageClicked;
+        this.storageKey = `hide_preview_${props.mxEvent.getId()}`;
+        this.urlPreviewVisible = props.visible;
+        this.mediaVisible = props.mediaVisible;
+        this.urlPreviewEnabledByUser = globalThis.localStorage.getItem(this.storageKey) !== "1";
+        this.fetcher = new UrlPreviewFetcher(props.client, props.mxEvent.getTs(), props.showTooltips);
+    }
+
+    /**
+     * `true` only when the user has chosen to hide previews.
+     */
+    public get isPreviewHiddenByUser(): boolean {
+        return this.visibility === PreviewVisibility.UserHidden;
+    }
+
+    private get visibility(): PreviewVisibility {
+        if (!this.urlPreviewVisible) return PreviewVisibility.Hidden;
+        if (!this.urlPreviewEnabledByUser) return PreviewVisibility.UserHidden;
+        if (!this.mediaVisible) return PreviewVisibility.MediaHidden;
+        return PreviewVisibility.Visible;
+    }
+
+    /**
+     * Recompute the snapshot for the view model, generating previews
+     * for the previously-calculated links.
+     */
+    private async computeSnapshot(): Promise<void> {
+        // MSC4095: an empty bundled previews array means the sender opted out of previews.
+        const bundledLinkPreviews = this.props.mxEvent.getContent()[BUNDLED_LINK_PREVIEWS];
+        if (Array.isArray(bundledLinkPreviews) && bundledLinkPreviews.length === 0) {
+            this.snapshot.merge({
+                previews: [],
+                totalPreviewCount: 0,
+                previewsLimited: false,
+                overPreviewLimit: false,
+            });
+            return;
+        }
+
+        const loadMedia = this.visibility === PreviewVisibility.Visible;
+        let previews: (UrlPreview | null)[] | undefined;
+
+        if (this.visibility <= PreviewVisibility.UserHidden) {
+            previews = [];
+        }
+
+        const content = this.props.mxEvent.getContent();
+        if (content.msgtype === MsgType.Text && this.props.urlPreviewBundleEnabled) {
+            const messageContent = content as RoomMessageEventContent;
+
+            if (messageContent[BUNDLED_LINK_PREVIEWS] !== undefined) {
+                previews = messageContent[BUNDLED_LINK_PREVIEWS]
+                    .slice(0, this.limitPreviews ? MAX_PREVIEWS_WHEN_LIMITED : undefined)
+                    .map((preview) => this.fetcher.previewFromBundle(preview));
+            }
+        }
+
+        previews ??= await Promise.all(
+            this.links
+                .slice(0, this.limitPreviews ? MAX_PREVIEWS_WHEN_LIMITED : undefined)
+                .map((link) => this.fetcher.fetchPreview(link, loadMedia)),
+        );
+
+        this.snapshot.merge({
+            previews: previews.filter((p) => !!p),
+            totalPreviewCount: this.links.length,
+            previewsLimited: this.limitPreviews,
+            overPreviewLimit: this.links.length > MAX_PREVIEWS_WHEN_LIMITED,
+        });
+    }
+
+    /**
+     * Trigger a recalculation of the links in an event.
+     * @param eventElement
+     */
+    public async updateEventElement(eventElement: HTMLDivElement | HTMLSpanElement): Promise<void> {
+        const newLinks = UrlPreviewGroupViewModel.findLinks([eventElement]);
+        if (newLinks.some((x) => !this.links.includes(x)) || this.links.some((x) => !newLinks.includes(x))) {
+            this.links = newLinks;
+            return this.computeSnapshot();
+        }
+    }
+
+    /**
+     * Update the view model about visible state of previews.
+     * @param urlPreviewVisible Whether URL previews are hidden for this room.
+     *
+     * @returns A promise that completes when the snapshot has been recomputed.
+     */
+    public readonly updateUrlPreviewVisible = (urlPreviewVisible: boolean): Promise<void> => {
+        this.urlPreviewVisible = urlPreviewVisible;
+        this.fetcher.clearCache();
+        return this.computeSnapshot();
+    };
+
+    /**
+     * Update the view model about visible state of media.
+     * @param urlPreviewVisible Whether media is hidden for this room or event.
+     *
+     * @returns A promise that completes when the snapshot has been recomputed.
+     */
+    public readonly updateMediaVisible = (mediaVisible: boolean): Promise<void> => {
+        this.mediaVisible = mediaVisible;
+        this.fetcher.clearCache();
+        return this.computeSnapshot();
+    };
+
+    /**
+     * Called when the user has requsted previews be visible. The provided
+     * props `urlPreviewVisible` state will always override this.
+     *
+     * @returns A promise that completes when the snapshot has been recomputed.
+     */
+    public readonly onShowClick = (): Promise<void> => {
+        // FIXME: persist this somewhere smarter than local storage
+        this.urlPreviewEnabledByUser = true;
+        globalThis.localStorage?.removeItem(this.storageKey);
+        return this.computeSnapshot();
+    };
+
+    /**
+     * Called when the user has requsted previews be hidden. Will take precedence
+     * over other settings.
+     *
+     * @returns A promise that completes when the snapshot has been recomputed.
+     */
+    public readonly onHideClick = (): Promise<void> => {
+        // FIXME: persist this somewhere smarter than local storage
+        globalThis.localStorage?.setItem(this.storageKey, "1");
+        this.urlPreviewEnabledByUser = false;
+        PosthogAnalytics.instance.trackEvent<UrlPreviewVisibilityChanged>({
+            eventName: "UrlPreviewVisibilityChanged",
+            previewKind: "LegacyCard",
+            hasThumbnail: this.snapshot.current.previews.some((p) => !!p.image),
+            previewCount: this.snapshot.current.previews.length,
+            visible: this.urlPreviewEnabledByUser,
+        });
+        return this.computeSnapshot();
+    };
+
+    /**
+     * Called when the user toggles the number of previews visible.
+     *
+     * @returns A promise that completes when the snapshot has been recomputed.
+     */
+    public readonly onTogglePreviewLimit = (): Promise<void> => {
+        this.limitPreviews = !this.limitPreviews;
+        return this.computeSnapshot();
+    };
+}
diff --git a/apps/web/src/viewmodels/message-body/VideoBodyViewModel.ts b/apps/web/src/viewmodels/message-body/VideoBodyViewModel.ts
new file mode 100644
index 00000000000..e320d939c99
--- /dev/null
+++ b/apps/web/src/viewmodels/message-body/VideoBodyViewModel.ts
@@ -0,0 +1,543 @@
+/*
+ * 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 { decode } from "blurhash";
+import { type RefObject } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { type MediaEventContent, type VideoInfo } from "matrix-js-sdk/src/types";
+import {
+    BaseViewModel,
+    VideoBodyViewState,
+    type VideoBodyViewModel as VideoBodyViewModelInterface,
+    type VideoBodyViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+import { _t } from "../../languageHandler";
+import SettingsStore from "../../settings/SettingsStore";
+import { mediaFromContent } from "../../customisations/Media";
+import { BLURHASH_FIELD } from "../../utils/image-media";
+import { type ImageSize, suggestedSize as suggestedVideoSize } from "../../settings/enums/ImageSize";
+import { type MediaEventHelper } from "../../utils/MediaEventHelper";
+
+export interface VideoBodyViewModelProps {
+    /**
+     * Video event being rendered.
+     */
+    mxEvent: MatrixEvent;
+    /**
+     * Helper for resolving encrypted and unencrypted media sources.
+     */
+    mediaEventHelper?: MediaEventHelper;
+    /**
+     * Whether the video is being rendered for export instead of live playback.
+     */
+    forExport?: boolean;
+    /**
+     * Whether playback controls and autoplay should be disabled.
+     */
+    inhibitInteraction?: boolean;
+    /**
+     * Whether the media should currently be shown instead of the preview button.
+     */
+    mediaVisible: boolean;
+    /**
+     * Callback invoked when the hidden-media preview is revealed.
+     */
+    onPreviewClick?: () => void;
+    /**
+     * Ref to the underlying video element used for replay after lazy decryption.
+     */
+    videoRef: RefObject<HTMLVideoElement | null>;
+}
+
+interface InternalState {
+    /**
+     * Decrypted playable media URL for encrypted videos.
+     */
+    decryptedUrl: string | null;
+    /**
+     * Decrypted thumbnail URL for encrypted videos.
+     */
+    decryptedThumbnailUrl: string | null;
+    /**
+     * Decrypted media blob cached for download or replay.
+     */
+    decryptedBlob: Blob | null;
+    /**
+     * Last media-processing error, if any.
+     */
+    error: unknown | null;
+    /**
+     * Whether an on-demand media fetch is in progress.
+     */
+    fetchingData: boolean;
+    /**
+     * Whether the blurhash poster is being shown while the real poster loads.
+     */
+    posterLoading: boolean;
+    /**
+     * Data URL generated from the blurhash placeholder.
+     */
+    blurhashUrl: string | null;
+    /**
+     * Current media sizing preference from settings.
+     */
+    imageSize: ImageSize;
+}
+
+type VideoInfoWithBlurhash = VideoInfo & {
+    [BLURHASH_FIELD]?: string;
+};
+
+/**
+ * View model for the video message body, encapsulating media-loading and playback state.
+ */
+export class VideoBodyViewModel
+    extends BaseViewModel<VideoBodyViewSnapshot, VideoBodyViewModelProps>
+    implements VideoBodyViewModelInterface
+{
+    private state: InternalState;
+
+    public constructor(props: VideoBodyViewModelProps) {
+        const initialState = VideoBodyViewModel.createInitialState();
+        super(props, VideoBodyViewModel.computeSnapshot(props, initialState));
+        this.state = initialState;
+
+        const imageSizeWatcherRef = SettingsStore.watchSetting("Images.size", null, (_s, _r, _l, _nvl, value) => {
+            this.setImageSize(value!);
+        });
+        this.disposables.track(() => SettingsStore.unwatchSetting(imageSizeWatcherRef));
+    }
+
+    public loadInitialMediaIfVisible(): void {
+        if (this.props.mediaVisible) {
+            void this.downloadVideo();
+        }
+    }
+
+    private static createInitialState(): InternalState {
+        return {
+            fetchingData: false,
+            decryptedUrl: null,
+            decryptedThumbnailUrl: null,
+            decryptedBlob: null,
+            error: null,
+            posterLoading: false,
+            blurhashUrl: null,
+            imageSize: SettingsStore.getValue("Images.size"),
+        };
+    }
+
+    /**
+     * Derive the aspect ratio for the video frame from the event metadata, when available.
+     */
+    private static getAspectRatio(mxEvent: MatrixEvent): string | undefined {
+        const { w, h } = mxEvent.getContent<MediaEventContent & { info: VideoInfoWithBlurhash }>().info ?? {};
+        if (!w || !h) {
+            return undefined;
+        }
+
+        return `${w}/${h}`;
+    }
+
+    /**
+     * Compute the rendered video dimensions from the event metadata and current image-size setting.
+     */
+    private static getDimensions(mxEvent: MatrixEvent, imageSize: ImageSize): Required<{ w?: number; h?: number }> {
+        const { w, h } = mxEvent.getContent<MediaEventContent & { info: VideoInfoWithBlurhash }>().info ?? {};
+        return suggestedVideoSize(imageSize, { w, h });
+    }
+
+    /**
+     * Resolve the current playable video source URL for the event.
+     */
+    private static getContentUrl(props: VideoBodyViewModelProps, state: InternalState): string | undefined {
+        const content = props.mxEvent.getContent<MediaEventContent>();
+        if (props.forExport) {
+            return content.file?.url ?? content.url;
+        }
+
+        const media = mediaFromContent(content);
+        if (media.isEncrypted) {
+            return state.decryptedUrl ?? undefined;
+        }
+
+        return media.srcHttp ?? undefined;
+    }
+
+    /**
+     * Resolve the best thumbnail or poster URL for the current video state.
+     */
+    private static getThumbnailUrl(props: VideoBodyViewModelProps, state: InternalState): string | null {
+        if (props.forExport) {
+            return null;
+        }
+
+        const content = props.mxEvent.getContent<MediaEventContent>();
+        const media = mediaFromContent(content);
+
+        if (media.isEncrypted && state.decryptedThumbnailUrl) {
+            return state.decryptedThumbnailUrl;
+        }
+        if (state.posterLoading) {
+            return state.blurhashUrl;
+        }
+        if (media.hasThumbnail) {
+            return media.thumbnailHttp;
+        }
+
+        return null;
+    }
+
+    private static computeSnapshot(props: VideoBodyViewModelProps, state: InternalState): VideoBodyViewSnapshot {
+        const content = props.mxEvent.getContent<MediaEventContent>();
+        const autoplay = !props.inhibitInteraction && SettingsStore.getValue("autoplayVideo");
+        const aspectRatio = VideoBodyViewModel.getAspectRatio(props.mxEvent);
+        const { w: maxWidth, h: maxHeight } = VideoBodyViewModel.getDimensions(props.mxEvent, state.imageSize);
+
+        if (state.error !== null) {
+            return {
+                state: VideoBodyViewState.ERROR,
+                errorLabel: _t("timeline|m.video|error_decrypting"),
+                maxWidth,
+                maxHeight,
+                aspectRatio,
+            };
+        }
+
+        if (!props.mediaVisible) {
+            return {
+                state: VideoBodyViewState.HIDDEN,
+                hiddenButtonLabel: _t("timeline|m.video|show_video"),
+                maxWidth,
+                maxHeight,
+                aspectRatio,
+            };
+        }
+
+        if (!props.forExport && content.file !== undefined && state.decryptedUrl === null && autoplay) {
+            return {
+                state: VideoBodyViewState.LOADING,
+                maxWidth,
+                maxHeight,
+                aspectRatio,
+            };
+        }
+
+        const thumbnailUrl = VideoBodyViewModel.getThumbnailUrl(props, state);
+        let preload: VideoBodyViewSnapshot["preload"] = "metadata";
+        let poster: string | undefined;
+        if (content.info && thumbnailUrl) {
+            preload = "none";
+            poster = thumbnailUrl;
+        }
+
+        return {
+            state: VideoBodyViewState.READY,
+            videoLabel: content.body,
+            videoTitle: content.body,
+            maxWidth,
+            maxHeight,
+            aspectRatio,
+            src: VideoBodyViewModel.getContentUrl(props, state),
+            poster,
+            preload,
+            controls: !props.inhibitInteraction,
+            muted: autoplay,
+            autoPlay: autoplay,
+        };
+    }
+
+    private updateSnapshotFromState(): void {
+        this.snapshot.set(VideoBodyViewModel.computeSnapshot(this.props, this.state));
+    }
+
+    private hasContentUrl(): boolean {
+        const url = VideoBodyViewModel.getContentUrl(this.props, this.state);
+        return !!url && !url.startsWith("data:");
+    }
+
+    private setImageSize(imageSize: ImageSize): void {
+        if (this.state.imageSize === imageSize) {
+            return;
+        }
+
+        this.state = {
+            ...this.state,
+            imageSize,
+        };
+        this.updateSnapshotFromState();
+    }
+
+    private resetMediaState(): void {
+        this.state = {
+            ...this.state,
+            decryptedUrl: null,
+            decryptedThumbnailUrl: null,
+            decryptedBlob: null,
+            error: null,
+            fetchingData: false,
+            posterLoading: false,
+            blurhashUrl: null,
+        };
+    }
+
+    private loadBlurhash(): void {
+        const info = this.props.mxEvent.getContent<MediaEventContent & { info: VideoInfoWithBlurhash }>().info;
+        const blurhash = info?.[BLURHASH_FIELD];
+        if (!blurhash) {
+            return;
+        }
+
+        const canvas = document.createElement("canvas");
+        const { w: width, h: height } = VideoBodyViewModel.getDimensions(this.props.mxEvent, this.state.imageSize);
+
+        canvas.width = width;
+        canvas.height = height;
+
+        const pixels = decode(blurhash, width, height);
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
+            return;
+        }
+
+        const imgData = ctx.createImageData(width, height);
+        imgData.data.set(pixels);
+        ctx.putImageData(imgData, 0, 0);
+
+        this.state = {
+            ...this.state,
+            blurhashUrl: canvas.toDataURL(),
+            posterLoading: true,
+        };
+        this.updateSnapshotFromState();
+
+        const media = mediaFromContent(this.props.mxEvent.getContent<MediaEventContent>());
+        if (!media.hasThumbnail || !media.thumbnailHttp) {
+            return;
+        }
+
+        const currentEvent = this.props.mxEvent;
+        const image = new Image();
+        image.onload = (): void => {
+            if (this.isDisposed || currentEvent !== this.props.mxEvent || !this.state.posterLoading) {
+                return;
+            }
+
+            this.state = {
+                ...this.state,
+                posterLoading: false,
+            };
+            this.updateSnapshotFromState();
+        };
+        image.src = media.thumbnailHttp;
+    }
+
+    private async downloadVideo(): Promise<void> {
+        try {
+            this.loadBlurhash();
+        } catch (error) {
+            logger.error("Failed to load blurhash", error);
+        }
+
+        if (!this.props.mediaEventHelper?.media.isEncrypted || this.state.decryptedUrl !== null) {
+            return;
+        }
+
+        const currentEvent = this.props.mxEvent;
+        const currentHelper = this.props.mediaEventHelper;
+        try {
+            const autoplay = !this.props.inhibitInteraction && SettingsStore.getValue("autoplayVideo");
+            const thumbnailUrl = await currentHelper.thumbnailUrl.value;
+
+            if (
+                this.isDisposed ||
+                currentEvent !== this.props.mxEvent ||
+                currentHelper !== this.props.mediaEventHelper
+            ) {
+                return;
+            }
+
+            if (autoplay) {
+                logger.log("Preloading video");
+                this.state = {
+                    ...this.state,
+                    decryptedUrl: await currentHelper.sourceUrl.value,
+                    decryptedThumbnailUrl: thumbnailUrl,
+                    decryptedBlob: await currentHelper.sourceBlob.value,
+                };
+            } else {
+                logger.log("NOT preloading video");
+                const content = currentEvent.getContent<MediaEventContent>();
+                let mimetype = content.info?.mimetype ?? "application/octet-stream";
+                if (mimetype === "video/quicktime") {
+                    mimetype = "video/mp4";
+                }
+
+                this.state = {
+                    ...this.state,
+                    decryptedUrl: `data:${mimetype},`,
+                    decryptedThumbnailUrl: thumbnailUrl || `data:${mimetype},`,
+                    decryptedBlob: null,
+                };
+            }
+
+            this.updateSnapshotFromState();
+        } catch (error) {
+            if (
+                this.isDisposed ||
+                currentEvent !== this.props.mxEvent ||
+                currentHelper !== this.props.mediaEventHelper
+            ) {
+                return;
+            }
+
+            logger.warn("Unable to decrypt attachment: ", error);
+            this.state = {
+                ...this.state,
+                error,
+            };
+            this.updateSnapshotFromState();
+        }
+    }
+
+    public setEvent(mxEvent: MatrixEvent, mediaEventHelper?: MediaEventHelper): void {
+        if (this.props.mxEvent === mxEvent && this.props.mediaEventHelper === mediaEventHelper) {
+            return;
+        }
+
+        this.props = {
+            ...this.props,
+            mxEvent,
+            mediaEventHelper,
+        };
+        this.resetMediaState();
+        this.updateSnapshotFromState();
+
+        if (this.props.mediaVisible) {
+            void this.downloadVideo();
+        }
+    }
+
+    public setForExport(forExport?: boolean): void {
+        if (this.props.forExport === forExport) {
+            return;
+        }
+
+        this.props = {
+            ...this.props,
+            forExport,
+        };
+        this.updateSnapshotFromState();
+    }
+
+    public setInhibitInteraction(inhibitInteraction?: boolean): void {
+        if (this.props.inhibitInteraction === inhibitInteraction) {
+            return;
+        }
+
+        this.props = {
+            ...this.props,
+            inhibitInteraction,
+        };
+        this.updateSnapshotFromState();
+    }
+
+    public setMediaVisible(mediaVisible: boolean): void {
+        if (this.props.mediaVisible === mediaVisible) {
+            return;
+        }
+
+        this.props = {
+            ...this.props,
+            mediaVisible,
+        };
+        this.updateSnapshotFromState();
+
+        if (mediaVisible) {
+            void this.downloadVideo();
+        }
+    }
+
+    public setOnPreviewClick(onPreviewClick?: () => void): void {
+        if (this.props.onPreviewClick === onPreviewClick) {
+            return;
+        }
+
+        this.props = {
+            ...this.props,
+            onPreviewClick,
+        };
+    }
+
+    public onPreviewClick = (): void => {
+        this.props.onPreviewClick?.();
+    };
+
+    public onPlay = async (): Promise<void> => {
+        if (this.hasContentUrl() || this.state.fetchingData || this.state.error !== null) {
+            return;
+        }
+
+        this.state = {
+            ...this.state,
+            fetchingData: true,
+        };
+
+        if (!this.props.mediaEventHelper?.media.isEncrypted) {
+            this.state = {
+                ...this.state,
+                error: "No file given in content",
+                fetchingData: false,
+            };
+            this.updateSnapshotFromState();
+            return;
+        }
+
+        const currentEvent = this.props.mxEvent;
+        const currentHelper = this.props.mediaEventHelper;
+
+        try {
+            const decryptedUrl = await currentHelper.sourceUrl.value;
+            const decryptedBlob = await currentHelper.sourceBlob.value;
+
+            if (
+                this.isDisposed ||
+                currentEvent !== this.props.mxEvent ||
+                currentHelper !== this.props.mediaEventHelper
+            ) {
+                return;
+            }
+
+            this.state = {
+                ...this.state,
+                decryptedUrl,
+                decryptedBlob,
+                fetchingData: false,
+            };
+            this.updateSnapshotFromState();
+            this.props.videoRef.current?.play();
+        } catch (error) {
+            if (
+                this.isDisposed ||
+                currentEvent !== this.props.mxEvent ||
+                currentHelper !== this.props.mediaEventHelper
+            ) {
+                return;
+            }
+
+            logger.warn("Unable to decrypt attachment: ", error);
+            this.state = {
+                ...this.state,
+                error,
+                fetchingData: false,
+            };
+            this.updateSnapshotFromState();
+        }
+    };
+}
diff --git a/apps/web/src/viewmodels/room-list/RoomListHeaderViewModel.ts b/apps/web/src/viewmodels/room-list/RoomListHeaderViewModel.ts
new file mode 100644
index 00000000000..017a16a068a
--- /dev/null
+++ b/apps/web/src/viewmodels/room-list/RoomListHeaderViewModel.ts
@@ -0,0 +1,352 @@
+/*
+ * 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 SpaceStore from "../../stores/spaces/SpaceStore";
+import {
+    shouldShowSpaceSettings,
+    showCreateNewRoom,
+    showSpaceInvite,
+    showSpacePreferences,
+    showSpaceSettings,
+} from "../../utils/space";
+import type { ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import type { RoomListSectionsCollapseStateChangedPayload } from "../../dispatcher/payloads/RoomListSectionsCollapseStateChangedPayload";
+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";
+import { ReleaseAnnouncementStore } from "../../stores/ReleaseAnnouncementStore";
+
+export interface Props {
+    /**
+     * The Matrix client instance.
+     */
+    matrixClient: MatrixClient;
+    /**
+     * The space store instance.
+     */
+    spaceStore: SpaceStore;
+}
+
+/**
+ * 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));
+
+        const settingsShowSectionsRef = SettingsStore.watchSetting(
+            "RoomList.showSections",
+            null,
+            this.onShowSectionsChange,
+        );
+        this.disposables.track(() => SettingsStore.unwatchSetting(settingsShowSectionsRef));
+
+        // 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);
+        }
+
+        // Listen for section collapse state changes from RoomListViewModel
+        const dispatcherRef = defaultDispatcher.register(this.onDispatch);
+        this.disposables.track(() => defaultDispatcher.unregister(dispatcherRef));
+
+        this.disposables.trackListener(
+            ReleaseAnnouncementStore.instance,
+            "releaseAnnouncementChanged",
+            this.onReleaseAnnouncementChanged,
+        );
+    }
+
+    /**
+     * 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),
+        });
+    };
+
+    /**
+     * Handles show sections setting change events.
+     */
+    private readonly onShowSectionsChange = (): void => {
+        this.snapshot.merge({
+            areSectionsEnabled: SettingsStore.getValue("RoomList.showSections"),
+        });
+    };
+
+    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 => {
+        const oldSortingAlgorithm = RoomListStoreV3.instance.activeSortAlgorithm;
+        let newSortingAlgorithm: SortingAlgorithm;
+        switch (option) {
+            case "alphabetical":
+                newSortingAlgorithm = SortingAlgorithm.Alphabetic;
+                break;
+            case "recent":
+                newSortingAlgorithm = SortingAlgorithm.Recency;
+                break;
+            case "unread-first":
+                newSortingAlgorithm = SortingAlgorithm.Unread;
+                break;
+        }
+        RoomListStoreV3.instance.resort(newSortingAlgorithm);
+        this.snapshot.merge({ activeSortOption: option });
+
+        // Record analytics for this action
+        if (oldSortingAlgorithm) {
+            PosthogTrackers.trackRoomListSortingAlgorithmChange(oldSortingAlgorithm, newSortingAlgorithm);
+        }
+    };
+
+    public toggleMessagePreview = (): void => {
+        PosthogTrackers.trackInteraction("WebRoomListMessagePreviewToggle");
+
+        const isMessagePreviewEnabled = !SettingsStore.getValue("RoomList.showMessagePreview");
+        SettingsStore.setValue("RoomList.showMessagePreview", null, SettingLevel.DEVICE, isMessagePreviewEnabled);
+        this.snapshot.merge({ isMessagePreviewEnabled });
+    };
+
+    public createSection = (): void => {
+        RoomListStoreV3.instance.createSection();
+        PosthogTrackers.trackSectionCreation("RoomListHeader");
+    };
+
+    public collapseOrExpandSections = (): void => {
+        const action =
+            this.snapshot.current.collapseSections === "expand"
+                ? Action.RoomListExpandAllSections
+                : Action.RoomListCollapseAllSections;
+        defaultDispatcher.fire(action);
+
+        const kind = action === Action.RoomListExpandAllSections ? "Expand" : "Collapse";
+        PosthogTrackers.trackCollapseOrExpandSection(kind, "RoomListHeader");
+    };
+
+    private readonly onDispatch = (payload: { action: string }): void => {
+        if (payload.action === Action.RoomListSectionsCollapseStateChanged) {
+            const { collapseSections } = payload as RoomListSectionsCollapseStateChangedPayload;
+            this.snapshot.merge({
+                collapseSections: collapseSections && (collapseSections === "collapse" ? "expand" : "collapse"),
+            });
+        }
+    };
+
+    public closeSectionReleaseAnnouncement = (): void => {
+        ReleaseAnnouncementStore.instance.nextReleaseAnnouncement();
+        this.snapshot.merge({ displaySectionReleaseAnnouncement: false });
+    };
+
+    public onReleaseAnnouncementChanged = (): void => {
+        const displaySectionReleaseAnnouncement =
+            ReleaseAnnouncementStore.instance.getReleaseAnnouncement() === "room_list_section";
+        this.snapshot.merge({ displaySectionReleaseAnnouncement });
+    };
+}
+
+/**
+ * Get the initial snapshot for the RoomListHeaderViewModel.
+ * @param spaceStore - The space store instance.
+ * @param matrixClient - The Matrix client instance.
+ * @returns
+ */
+function getInitialSnapshot(spaceStore: SpaceStore, 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: SpaceStore): 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: SpaceStore,
+    matrixClient: MatrixClient,
+): Omit<RoomListHeaderViewSnapshot, "activeSortOption" | "isMessagePreviewEnabled"> {
+    const displaySectionReleaseAnnouncement =
+        ReleaseAnnouncementStore.instance.getReleaseAnnouncement() === "room_list_section";
+    const areSectionsEnabled = SettingsStore.getValue("RoomList.showSections");
+
+    const activeSpace = spaceStore.activeSpaceRoom;
+    const title = getHeaderTitle(spaceStore);
+
+    const canCreateRoom = hasCreateRoomRights(matrixClient, activeSpace);
+    const canCreateVideoRoom = getCanCreateVideoRoom(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,
+        displaySpaceMenu,
+        canInviteInSpace,
+        canAccessSpaceSettings,
+        displaySectionReleaseAnnouncement,
+        areSectionsEnabled,
+    };
+}
diff --git a/apps/web/src/viewmodels/room-list/RoomListItemViewModel.ts b/apps/web/src/viewmodels/room-list/RoomListItemViewModel.ts
new file mode 100644
index 00000000000..3aa61f8097b
--- /dev/null
+++ b/apps/web/src/viewmodels/room-list/RoomListItemViewModel.ts
@@ -0,0 +1,565 @@
+/*
+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 RoomListItemViewSnapshot,
+    type RoomListItemViewActions,
+    type Section,
+    type UserStatus,
+} from "@element-hq/web-shared-components";
+import { ClientEvent, RoomEvent } from "matrix-js-sdk/src/matrix";
+import { CallType } from "matrix-js-sdk/src/webrtc/call";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import type { Room, MatrixClient, RoomMember, ClientEventHandlerMap } 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/message-preview";
+import { DefaultTagID } from "../../stores/room-list-v3/skip-list/tag";
+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 { keepIfSame } from "../../utils/keepIfSame";
+import dispatcher from "../../dispatcher/dispatcher";
+import { Action } from "../../dispatcher/actions";
+import type { ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import PosthogTrackers from "../../PosthogTrackers";
+import { type Call, CallEvent } from "../../models/Call";
+import RoomListStoreV3 from "../../stores/room-list-v3/RoomListStoreV3";
+import { getCustomSectionData, isDefaultSectionTag } from "../../stores/room-list-v3/section";
+import { _t } from "../../languageHandler";
+import { fetchUserStatus, userStatusFromProfile } from "../../utils/userStatus";
+
+/**
+ * View section type without `isSelected` field
+ */
+type Sections = Array<Omit<Section, "isSelected">>;
+
+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 RoomListItemViewActions to provide interaction callbacks.
+ */
+export class RoomListItemViewModel
+    extends BaseViewModel<RoomListItemViewSnapshot, RoomItemProps>
+    implements RoomListItemViewActions
+{
+    private notifState: RoomNotificationState;
+    /**
+     * Track the current call for this room to manager listeners
+     */
+    private currentCall: Call | null = null;
+    /**
+     * The sections available in the "Move to section" submenu (tag + display name), identical
+     * for every update of this item. Computing it reads the custom section settings, so it is
+     * built once and rebuilt only when those settings change (see {@link onCustomSectionsChange})
+     * rather than on every snapshot rebuild; only the per-room isSelected flag is derived per
+     * snapshot (see {@link buildSections}).
+     */
+    private availableSections: Sections;
+
+    /**
+     * The user ID of the other user if this room is a DM, used to show their user status.
+     */
+    private readonly dmUserId?: string;
+
+    public constructor(props: RoomItemProps) {
+        // Get notification state first so we can generate a complete initial snapshot
+        const notifState = RoomNotificationStateStore.instance.getRoomState(props.room);
+        const availableSections = RoomListItemViewModel.computeAvailableSections();
+        const initialItem = RoomListItemViewModel.generateItemSync(
+            props.room,
+            props.client,
+            notifState,
+            availableSections,
+        );
+        super(props, initialItem);
+
+        this.notifState = notifState;
+        this.availableSections = availableSections;
+
+        // Subscribe to notification state changes for this room
+        this.disposables.trackListener(this.notifState, NotificationStateEvents.Update, this.onNotificationChanged);
+
+        // Subscribe to message preview changes for this specific room
+        this.disposables.trackListener(
+            MessagePreviewStore.instance,
+            MessagePreviewStore.getPreviewChangedEventName(props.room),
+            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 settings changes for section toggle
+        const settingsShowSectionsRef = SettingsStore.watchSetting(
+            "RoomList.showSections",
+            null,
+            this.onShowSectionsChange,
+        );
+        this.disposables.track(() => SettingsStore.unwatchSetting(settingsShowSectionsRef));
+
+        // Subscribe to call state changes
+        this.disposables.trackListener(CallStore.instance, CallStoreEvent.Call, this.onCallStateChanged);
+        // If there is an active call for this room, listen to participant changes
+        this.listenToCallParticipants();
+
+        // Subscribe to room-specific events
+        this.disposables.trackListener(props.room, RoomEvent.Name, this.onRoomChanged);
+        this.disposables.trackListener(props.room, RoomEvent.Tags, this.onRoomChanged);
+
+        // Rebuild the available sections when their order changes or when one is created/renamed/removed
+        const orderSectionsRef = SettingsStore.watchSetting("RoomList.OrderedCustomSections", null, () =>
+            this.onCustomSectionsChange(),
+        );
+        const sectionDataRef = SettingsStore.watchSetting("RoomList.CustomSectionData", null, () =>
+            this.onCustomSectionsChange(),
+        );
+        this.disposables.track(() => {
+            SettingsStore.unwatchSetting(orderSectionsRef);
+            SettingsStore.unwatchSetting(sectionDataRef);
+        });
+
+        // Load message preview asynchronously (sync data is already complete)
+        void this.loadAndSetMessagePreview();
+
+        // If this room is a DM, show the MSC4426 user status of the other user
+        this.dmUserId = DMRoomMap.shared().getUserIdForRoomId(props.room.roomId) ?? undefined;
+        if (this.dmUserId) {
+            props.client.on(ClientEvent.UserProfileUpdate, this.onUserProfileUpdate);
+            this.disposables.track(() => {
+                props.client.off(ClientEvent.UserProfileUpdate, this.onUserProfileUpdate);
+            });
+
+            this.updateUserStatus();
+        }
+    }
+
+    public dispose(): void {
+        super.dispose();
+        this.currentCall?.off(CallEvent.Participants, this.onCallParticipantsChanged);
+        this.currentCall?.off(CallEvent.CallTypeChanged, this.onCallTypeChanged);
+    }
+
+    private onNotificationChanged = (): void => {
+        this.updateItem();
+    };
+
+    private onMessagePreviewChanged = (): void => {
+        void this.loadAndSetMessagePreview();
+    };
+
+    private onMessagePreviewSettingChanged = (): void => {
+        void this.loadAndSetMessagePreview();
+    };
+
+    private readonly onShowSectionsChange = (): void => {
+        const areSectionsEnabled = SettingsStore.getValue("RoomList.showSections");
+        this.snapshot.merge({ areSectionsEnabled });
+    };
+
+    /**
+     * Handler for call participant changes. Only updates the item if the call moves between having participants and not having participants, to avoid unnecessary updates.
+     * @param participants The current call participants
+     */
+    private onCallParticipantsChanged = (participants: Map<RoomMember, Set<string>>): void => {
+        const hasCall = Boolean(this.snapshot.current.notification.callType);
+        // There is already an active call, we don't need to update the item
+        if (hasCall && participants.size > 0) return;
+
+        this.updateItem();
+    };
+
+    /**
+     * Handler for call type changes. Only updates the item if the call type is actually present in the snapshot.
+     */
+    private onCallTypeChanged = (): void => {
+        if (this.snapshot.current.notification.callType !== undefined) this.updateItem();
+    };
+
+    /**
+     * Listen to participant changes for the current call in this room (if any) to trigger updates when participants join/leave the call.
+     */
+    private listenToCallParticipants(): void {
+        const call = CallStore.instance.getCall(this.props.room.roomId);
+
+        // Remove listeners from previous call (if any) and add to new call to track changes
+        if (call !== this.currentCall) {
+            this.currentCall?.off(CallEvent.Participants, this.onCallParticipantsChanged);
+            this.currentCall?.off(CallEvent.CallTypeChanged, this.onCallTypeChanged);
+            call?.on(CallEvent.Participants, this.onCallParticipantsChanged);
+            call?.on(CallEvent.CallTypeChanged, this.onCallTypeChanged);
+        }
+        this.currentCall = call;
+    }
+
+    private onCallStateChanged = (): void => {
+        // Only update if call state for this room actually changed
+        const call = CallStore.instance.getCall(this.props.room.roomId);
+
+        this.listenToCallParticipants();
+
+        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,
+            this.availableSections,
+        );
+        this.snapshot.merge({
+            ...newItem,
+            notification: keepIfSame(this.snapshot.current.notification, newItem.notification),
+            sections: keepIfSame(this.snapshot.current.sections, newItem.sections),
+            // Preserve message preview - it's managed separately by loadAndSetMessagePreview
+            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();
+        this.snapshot.merge({ messagePreview });
+    }
+
+    /**
+     * Handler for profile updates received via sync, to keep the DM user's status up to date.
+     */
+    private onUserProfileUpdate: ClientEventHandlerMap[ClientEvent.UserProfileUpdate] = (userId, profile) => {
+        if (userId !== this.dmUserId || !SettingsStore.getValue("feature_user_status")) return;
+        this.snapshot.merge({
+            userStatus: userStatusFromProfile(
+                profile?.["org.matrix.msc4426.status"],
+                profile?.["org.matrix.msc4426.call"],
+            ),
+        });
+    };
+
+    /**
+     * Fetch and set the user status of the DM user, if the feature is enabled.
+     */
+    private updateUserStatus(): void {
+        (async () => {
+            let userStatus: UserStatus | undefined;
+            if (this.dmUserId && SettingsStore.getValue("feature_user_status")) {
+                userStatus = await fetchUserStatus(this.props.client, this.dmUserId);
+            }
+            if (this.disposables.isDisposed) return;
+            this.snapshot.merge({ userStatus });
+        })().catch((ex) => {
+            logger.warn(`Failed to update userStatus for ${this.dmUserId}`, ex);
+        });
+    }
+
+    /**
+     * 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,
+        availableSections: Sections,
+    ): RoomListItemViewSnapshot {
+        // 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;
+
+        // Build sections list for the "Move to section" submenu
+        const sections: Section[] = RoomListItemViewModel.buildSections(roomTags, availableSections);
+        const areSectionsEnabled = SettingsStore.getValue("RoomList.showSections");
+
+        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,
+            sections,
+            areSectionsEnabled,
+        };
+    }
+
+    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;
+    };
+
+    public onCreateSection = async (): Promise<void> => {
+        const newTag = await RoomListStoreV3.instance.createSection();
+        PosthogTrackers.trackSectionCreation("RoomListItemOverflowMenu");
+
+        // Add the room to the section
+        if (newTag) {
+            tagRoom(this.props.room, newTag);
+        }
+    };
+
+    public onToggleSection = (tag: string): void => {
+        tagRoom(this.props.room, tag);
+    };
+
+    public onRemoveFromSection = (): void => {
+        const roomTags = this.props.room.tags;
+        const sectionTag = RoomListStoreV3.instance.orderedSectionTags.find((tag) => Boolean(roomTags[tag]));
+        if (sectionTag) {
+            tagRoom(this.props.room, sectionTag);
+        }
+    };
+
+    private onCustomSectionsChange = (): void => {
+        // Rebuild the available sections and the sections list to reflect the new settings
+        this.availableSections = RoomListItemViewModel.computeAvailableSections();
+        const sections = RoomListItemViewModel.buildSections(this.props.room.tags, this.availableSections);
+        this.snapshot.merge({ sections: keepIfSame(this.snapshot.current.sections, sections) });
+    };
+
+    /**
+     * Compute the sections available in the "Move to section" submenu.
+     * Order follows the canonical section order from RoomListStoreV3.
+     * Reads the custom section settings, so callers should cache the result and recompute only
+     * when those settings change.
+     */
+    private static computeAvailableSections(): Sections {
+        const customSectionData = getCustomSectionData();
+
+        return (
+            RoomListStoreV3.instance.orderedSectionTags
+                // Exclude the Chats because the user toggle the other sections to move rooms in and out of the Chats section.
+                // Also exclude the default sections because they are available as toggles in the main context menu, and we don't want them to be duplicated in the "Move to section" submenu.
+                .filter((tag) => !isDefaultSectionTag(tag))
+                .map((tag) => ({
+                    tag,
+                    name: RoomListItemViewModel.getSectionName(tag, customSectionData),
+                }))
+        );
+    }
+
+    /**
+     * Build the list of sections for the "Move to section" submenu by deriving the per-room
+     * selected state from the room's tags.
+     */
+    private static buildSections(roomTags: Room["tags"], availableSections: Sections): Section[] {
+        return availableSections.map(({ tag, name }) => ({
+            tag,
+            name,
+            isSelected: Boolean(roomTags[tag]),
+        }));
+    }
+
+    /**
+     * Get the display name for a section based on its tag.
+     */
+    private static getSectionName(tag: string, customSectionData: Record<string, { name: string }>): string {
+        if (tag === DefaultTagID.Favourite) return _t("room_list|section|favourites");
+        if (tag === DefaultTagID.LowPriority) return _t("room_list|section|low_priority");
+        return customSectionData[tag]?.name || tag;
+    }
+}
diff --git a/apps/web/src/viewmodels/room-list/RoomListSearchViewModel.ts b/apps/web/src/viewmodels/room-list/RoomListSearchViewModel.ts
new file mode 100644
index 00000000000..6cf48de4cb6
--- /dev/null
+++ b/apps/web/src/viewmodels/room-list/RoomListSearchViewModel.ts
@@ -0,0 +1,123 @@
+/*
+ * 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 MouseEvent } from "react";
+import {
+    BaseViewModel,
+    type RoomListSearchViewSnapshot,
+    type RoomListSearchViewModel as RoomListSearchViewModelInterface,
+} from "@element-hq/web-shared-components";
+
+import { IS_MAC, Key } from "../../Keyboard";
+import { _t } from "../../languageHandler";
+import { ALTERNATE_KEY_NAME } from "../../accessibility/KeyboardShortcuts";
+import { shouldShowComponent } from "../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../settings/UIFeature";
+import { MetaSpace } from "../../stores/spaces";
+import { Action } from "../../dispatcher/actions";
+import PosthogTrackers from "../../PosthogTrackers";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import type LegacyCallHandler from "../../LegacyCallHandler";
+import { LegacyCallHandlerEvent } from "../../LegacyCallHandler";
+
+export interface Props {
+    /**
+     * Current active space
+     * The explore button is only displayed in the Home meta space
+     */
+    activeSpace: string;
+
+    /**
+     * Reference to the LegacyCallHandler instance
+     */
+    legacyCallHandler: LegacyCallHandler;
+}
+
+/**
+ * ViewModel for the room list search component.
+ * Manages the state and actions for the search bar, dial pad, and explore buttons.
+ */
+export class RoomListSearchViewModel
+    extends BaseViewModel<RoomListSearchViewSnapshot, Props>
+    implements RoomListSearchViewModelInterface
+{
+    private displayDialButton = false;
+
+    /**
+     * Computes the snapshot based on the current props and PSTN support state.
+     */
+    private static readonly computeSnapshot = (
+        activeSpace: string,
+        supportsPstn: boolean,
+    ): RoomListSearchViewSnapshot => {
+        const displayExploreButton = activeSpace === MetaSpace.Home && shouldShowComponent(UIComponent.ExploreRooms);
+        const searchShortcut = IS_MAC ? "⌘ K" : _t(ALTERNATE_KEY_NAME[Key.CONTROL]) + " K";
+        return {
+            displayExploreButton,
+            displayDialButton: supportsPstn,
+            searchShortcut,
+        };
+    };
+
+    public constructor(props: Props) {
+        const supportsPstn = props.legacyCallHandler.getSupportsPstnProtocol();
+        super(props, RoomListSearchViewModel.computeSnapshot(props.activeSpace, supportsPstn));
+        this.displayDialButton = supportsPstn;
+
+        // Listen for changes in PSTN protocol support
+        this.disposables.trackListener(
+            props.legacyCallHandler,
+            LegacyCallHandlerEvent.ProtocolSupport,
+            this.onProtocolSupportChange,
+        );
+    }
+
+    /**
+     * Handles changes in protocol support (PSTN).
+     */
+    private readonly onProtocolSupportChange = (): void => {
+        const supportsPstn = this.props.legacyCallHandler.getSupportsPstnProtocol();
+        this.displayDialButton = supportsPstn;
+        this.snapshot.set(RoomListSearchViewModel.computeSnapshot(this.props.activeSpace, supportsPstn));
+    };
+
+    /**
+     * Handles the search button click event.
+     * Opens the spotlight search dialog.
+     */
+    public onSearchClick = (): void => {
+        defaultDispatcher.fire(Action.OpenSpotlight);
+    };
+
+    /**
+     * Handles the dial pad button click event.
+     * Opens the dial pad dialog.
+     */
+    public onDialPadClick = (): void => {
+        defaultDispatcher.fire(Action.OpenDialPad);
+    };
+
+    /**
+     * Handles the explore button click event.
+     * Opens the room directory and tracks the interaction.
+     */
+    public onExploreClick = (ev: MouseEvent<HTMLButtonElement>): void => {
+        defaultDispatcher.fire(Action.ViewRoomDirectory);
+        PosthogTrackers.trackInteraction("WebLeftPanelExploreRoomsButton", ev);
+    };
+
+    /**
+     * Sets the active space and updates the snapshot accordingly.
+     * @param activeSpace - The new active space ID.
+     */
+    public setActiveSpace(activeSpace: string): void {
+        if (activeSpace === this.props.activeSpace) return;
+
+        this.props.activeSpace = activeSpace;
+        this.snapshot.set(RoomListSearchViewModel.computeSnapshot(activeSpace, this.displayDialButton));
+    }
+}
diff --git a/apps/web/src/viewmodels/room-list/RoomListSectionHeaderViewModel.ts b/apps/web/src/viewmodels/room-list/RoomListSectionHeaderViewModel.ts
new file mode 100644
index 00000000000..abde61571a2
--- /dev/null
+++ b/apps/web/src/viewmodels/room-list/RoomListSectionHeaderViewModel.ts
@@ -0,0 +1,276 @@
+/*
+ * 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 { CallType } from "matrix-js-sdk/src/webrtc/call";
+import {
+    BaseViewModel,
+    type NotificationDecorationData,
+    type RoomListSectionHeaderActions,
+    type RoomListSectionHeaderViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+import { RoomNotificationStateStore } from "../../stores/notifications/RoomNotificationStateStore";
+import { NotificationStateEvents } from "../../stores/notifications/NotificationState";
+import { type RoomNotificationState } from "../../stores/notifications/RoomNotificationState";
+import SettingsStore from "../../settings/SettingsStore";
+import RoomListStoreV3 from "../../stores/room-list-v3/RoomListStoreV3";
+import {
+    CHATS_TAG,
+    getCustomSectionData,
+    isCustomSectionTag,
+    isDefaultSectionTag,
+    isSectionExpanded,
+    setSectionExpanded,
+} from "../../stores/room-list-v3/section";
+import PosthogTrackers from "../../PosthogTrackers";
+import { CallStore, CallStoreEvent } from "../../stores/CallStore";
+import { type Call, CallEvent } from "../../models/Call";
+import throttle from "lodash/throttle";
+
+interface RoomListSectionHeaderViewModelProps {
+    tag: string;
+    title: string;
+    /**
+     * The ID of the current space.
+     */
+    spaceId: string;
+    onToggleExpanded: (isExpanded: boolean) => void;
+}
+
+export class RoomListSectionHeaderViewModel
+    extends BaseViewModel<RoomListSectionHeaderViewSnapshot, RoomListSectionHeaderViewModelProps>
+    implements RoomListSectionHeaderActions
+{
+    /**
+     * The notification states of the rooms currently in this section, used to compute the unread state.
+     */
+    private roomNotificationStates = new Set<RoomNotificationState>();
+
+    /**
+     * The calls of the rooms currently in this section that we are listening to, used to aggregate the call decoration.
+     */
+    private currentCalls = new Set<Call>();
+
+    public constructor(props: RoomListSectionHeaderViewModelProps) {
+        const isDefaultSection = isDefaultSectionTag(props.tag);
+        super(props, {
+            id: props.tag,
+            title: props.title,
+            isExpanded: isSectionExpanded(props.spaceId, props.tag),
+            isUnread: false,
+            displaySectionMenu: !isDefaultSection,
+            canBeReordered: !isDefaultSection || props.tag === CHATS_TAG,
+        });
+        const sectionWatherRef = SettingsStore.watchSetting("RoomList.CustomSectionData", null, () =>
+            this.onCustomSectionDataChange(),
+        );
+        this.disposables.track(() => SettingsStore.unwatchSetting(sectionWatherRef));
+
+        // Recompute the decoration when a call starts or ends in any room
+        this.disposables.trackListener(CallStore.instance, CallStoreEvent.Call, this.onCallChanged);
+    }
+
+    public onClick = async (): Promise<void> => {
+        const isExpanded = !this.snapshot.current.isExpanded;
+        // We don't wait to persist the expanded state to storage, as it is not critical and we want the UI to update immediately
+        void setSectionExpanded(this.props.spaceId, this.props.tag, isExpanded);
+        this.snapshot.merge({ isExpanded });
+        this.props.onToggleExpanded(isExpanded);
+    };
+
+    /**
+     * Whether the section is currently expanded or not.
+     */
+    public get isExpanded(): boolean {
+        return this.snapshot.current.isExpanded;
+    }
+
+    /**
+     * Set whether the section is expanded for the current space.
+     * This will not trigger the onToggleExpanded callback.
+     */
+    public set isExpanded(value: boolean) {
+        // We don't wait to persist the expanded state to storage, as it is not critical and we want the UI to update immediately
+        void setSectionExpanded(this.props.spaceId, this.props.tag, value);
+        this.snapshot.merge({ isExpanded: value });
+
+        const kind = value ? "Expand" : "Collapse";
+        PosthogTrackers.trackCollapseOrExpandSection(kind, "SectionHeader");
+    }
+
+    /**
+     * Switch to a different space, restoring the expanded state for that space.
+     * Defaults to expanded if no state has been saved for the space.
+     */
+    public setSpace(spaceId: string): void {
+        this.props.spaceId = spaceId;
+        const isExpanded = isSectionExpanded(this.props.spaceId, this.props.tag);
+        this.snapshot.merge({ isExpanded });
+    }
+
+    /**
+     * Update the rooms tracked by this section header for unread state computation.
+     * Only subscribes to new rooms and unsubscribes from rooms no longer in the section.
+     * @param rooms - The rooms currently in this section
+     */
+    public setRooms(rooms: Room[]): void {
+        const newStates = new Set(rooms.map((room) => RoomNotificationStateStore.instance.getRoomState(room)));
+
+        // Unsubscribe from rooms no longer in the section
+        for (const state of this.roomNotificationStates) {
+            if (!newStates.has(state)) {
+                state.off(NotificationStateEvents.Update, this.updateNotificationState);
+            }
+        }
+
+        // Subscribe to newly added rooms
+        for (const state of newStates) {
+            if (!this.roomNotificationStates.has(state)) {
+                // We don't use trackListener because we don't want to grow the disposables indefinitely as rooms are added and removed from the section
+                state.on(NotificationStateEvents.Update, this.updateNotificationState);
+            }
+        }
+
+        this.roomNotificationStates = newStates;
+        this.updateCallListeners();
+        this.updateNotificationState();
+    }
+
+    /**
+     * Subscribe to participant/type changes of the calls in the section's rooms, and unsubscribe
+     * from calls that are no longer present. Mirrors the call tracking done per room list item.
+     */
+    private updateCallListeners(): void {
+        const newCalls = new Set<Call>();
+        for (const state of this.roomNotificationStates) {
+            const call = state.room && CallStore.instance.getCall(state.room.roomId);
+            if (call) newCalls.add(call);
+        }
+
+        // Unsubscribe from calls no longer present
+        for (const call of this.currentCalls) {
+            if (!newCalls.has(call)) {
+                call.off(CallEvent.Participants, this.updateNotificationState);
+                call.off(CallEvent.CallTypeChanged, this.updateNotificationState);
+            }
+        }
+
+        // Subscribe to newly added calls
+        for (const call of newCalls) {
+            if (!this.currentCalls.has(call)) {
+                call.on(CallEvent.Participants, this.updateNotificationState);
+                call.on(CallEvent.CallTypeChanged, this.updateNotificationState);
+            }
+        }
+
+        this.currentCalls = newCalls;
+    }
+
+    private onCallChanged = (): void => {
+        this.updateCallListeners();
+        this.updateNotificationState();
+    };
+
+    /**
+     * Update the section header from the notification states of the tracked rooms.
+     * Computes both the unread (bold) state and a merged notification decoration that aggregates
+     * the rooms' notifications. The activity "dot" is intentionally excluded from the decoration.
+     */
+    private updateNotificationState = throttle(
+        (): void => {
+            this.doUpdateNotificationState();
+        },
+        200,
+        // Throttled because it iterates every room in the section and fires once per tracked room
+        // notification update, which during sync catch-up means once per incoming timeline event
+        { leading: true, trailing: true },
+    );
+
+    private doUpdateNotificationState = (): void => {
+        let isUnread = false;
+        let isMention = false;
+        let isNotification = false;
+        let isUnsentMessage = false;
+        let hasUnreadCount = false;
+        let invited = false;
+        let count = 0;
+        let callType: "video" | "voice" | undefined = undefined;
+
+        for (const state of this.roomNotificationStates) {
+            if (state.hasAnyNotificationOrActivity) isUnread = true;
+            if (state.isMention) isMention = true;
+            if (state.isNotification) isNotification = true;
+            if (state.isUnsentMessage) isUnsentMessage = true;
+            if (state.hasUnreadCount) hasUnreadCount = true;
+            if (state.invited) invited = true;
+            // Mention, notification, Mark as unread are aggregated
+            if (state.isMention || state.isNotification) count += state.count || 1;
+
+            // Aggregate active calls, preferring a video call over a voice call
+            const call = state.room && CallStore.instance.getCall(state.room.roomId);
+            if (call && call.participants.size > 0) {
+                if (call.callType === CallType.Video) callType = "video";
+                else if (call.callType === CallType.Voice && callType !== "video") callType = "voice";
+            }
+        }
+
+        const notification: NotificationDecorationData = {
+            // Drives the decoration's early-return: an activity-only section stays bold but shows no badge
+            hasAnyNotificationOrActivity:
+                isMention || isNotification || isUnsentMessage || invited || Boolean(callType),
+            isUnsentMessage,
+            isMention,
+            isNotification,
+            hasUnreadCount,
+            count,
+            invited,
+            callType,
+            // The activity dot and muted bell are intentionally not aggregated onto the section header
+            isActivityNotification: false,
+            muted: false,
+        };
+
+        this.snapshot.merge({ isUnread, notification });
+    };
+
+    public dispose(): void {
+        this.updateNotificationState.cancel();
+        for (const state of this.roomNotificationStates) {
+            state.off(NotificationStateEvents.Update, this.updateNotificationState);
+        }
+        this.roomNotificationStates.clear();
+        for (const call of this.currentCalls) {
+            call.off(CallEvent.Participants, this.updateNotificationState);
+            call.off(CallEvent.CallTypeChanged, this.updateNotificationState);
+        }
+        this.currentCalls.clear();
+        super.dispose();
+    }
+
+    /**
+     * Handle changes to custom section data.
+     */
+    private onCustomSectionDataChange(): void {
+        const sectionData = isCustomSectionTag(this.props.tag) ? getCustomSectionData()[this.props.tag] : undefined;
+        if (sectionData) {
+            this.snapshot.merge({ title: sectionData.name });
+        }
+    }
+
+    public editSection = async (): Promise<void> => {
+        await RoomListStoreV3.instance.editSection(this.props.tag);
+    };
+
+    public removeSection = async (): Promise<void> => {
+        // There is one notification state per room in the section
+        const isEmpty = this.roomNotificationStates.size === 0;
+        await RoomListStoreV3.instance.removeSection(this.props.tag, isEmpty);
+
+        PosthogTrackers.trackInteraction("WebDeleteSection");
+    };
+}
diff --git a/apps/web/src/viewmodels/room-list/RoomListViewModel.ts b/apps/web/src/viewmodels/room-list/RoomListViewModel.ts
new file mode 100644
index 00000000000..d17d88c3a10
--- /dev/null
+++ b/apps/web/src/viewmodels/room-list/RoomListViewModel.ts
@@ -0,0 +1,985 @@
+/*
+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 RoomListViewSnapshot,
+    type FilterId,
+    type RoomListViewActions,
+    type RoomListViewState,
+    type RoomListSection,
+    _t,
+    type ToastType,
+} from "@element-hq/web-shared-components";
+import { type Room, type MatrixClient } 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 { type RoomListSectionsCollapseStateChangedPayload } from "../../dispatcher/payloads/RoomListSectionsCollapseStateChangedPayload";
+import type SpaceStore from "../../stores/spaces/SpaceStore";
+import RoomListStoreV3, {
+    RoomListStoreV3Event,
+    type RoomsResult,
+    type Section,
+} from "../../stores/room-list-v3/RoomListStoreV3";
+import { FilterEnum } from "../../stores/room-list-v3/skip-list/filters";
+import {
+    RoomNotificationStateStore,
+    UPDATE_STATUS_INDICATOR,
+} from "../../stores/notifications/RoomNotificationStateStore";
+import { RoomListItemViewModel } from "./RoomListItemViewModel";
+import { hasCreateRoomRights } from "./utils";
+import { keepIfSame } from "../../utils/keepIfSame";
+import { DefaultTagID } from "../../stores/room-list-v3/skip-list/tag";
+import { RoomListSectionHeaderViewModel } from "./RoomListSectionHeaderViewModel";
+import { getCustomSectionData, isCustomSectionTag, CHATS_TAG } from "../../stores/room-list-v3/section";
+import { tagRoom } from "../../utils/room/tagRoom";
+import { getSectionTagForRoom } from "../../utils/room/getSectionTagForRoom";
+import SettingsStore from "../../settings/SettingsStore";
+import { type RoomViewStore } from "../../stores/RoomViewStore.tsx";
+
+/**
+ * Tracks the position of the active room within a specific section.
+ * Used to implement sticky room behaviour so the selected room doesn't
+ * jump around when the room list is re-sorted.
+ */
+interface StickyRoomPosition {
+    /** The tag of the section the room belongs to. */
+    sectionTag: string;
+    /** The index of the room within that section. */
+    indexInSection: number;
+}
+
+interface RoomListViewModelProps {
+    client: MatrixClient;
+    roomViewStore: RoomViewStore;
+    spaceStore: SpaceStore;
+}
+
+const filterKeyToIdMap: Map<FilterEnum, FilterId> = new Map([
+    [FilterEnum.UnreadFilter, "unread"],
+    [FilterEnum.PeopleFilter, "people"],
+    [FilterEnum.RoomsFilter, "rooms"],
+    [FilterEnum.FavouriteFilter, "favourite"],
+    [FilterEnum.MentionsFilter, "mentions"],
+    [FilterEnum.InvitesFilter, "invites"],
+    [FilterEnum.LowPriorityFilter, "low_priority"],
+]);
+
+/**
+ * Filters that are redundant when sections are enabled: Favourites and Low Priority rooms
+ * already have their own sections, so these filters are only shown as chips when sectioning
+ * is disabled (see {@link getVisibleFilterIds}).
+ */
+const SECTION_ONLY_FILTER_IDS: ReadonlySet<FilterId> = new Set<FilterId>(["favourite", "low_priority"]);
+
+/**
+ * Compute the filter ids to display as primary filter chips.
+ * When sections are enabled, the Favourites and Low Priority filters are hidden because those
+ * rooms are surfaced as dedicated sections instead.
+ */
+function getVisibleFilterIds(): FilterId[] {
+    const areSectionsEnabled = SettingsStore.getValue("RoomList.showSections");
+    const filterIds = [...filterKeyToIdMap.values()];
+    return areSectionsEnabled ? filterIds.filter((id) => !SECTION_ONLY_FILTER_IDS.has(id)) : filterIds;
+}
+
+const TAG_TO_TITLE_MAP: Record<string, string> = {
+    [DefaultTagID.Favourite]: _t("room_list|section|favourites"),
+    [CHATS_TAG]: _t("room_list|section|chats"),
+    [DefaultTagID.LowPriority]: _t("room_list|section|low_priority"),
+};
+
+export class RoomListViewModel
+    extends BaseViewModel<RoomListViewSnapshot, RoomListViewModelProps>
+    implements RoomListViewActions
+{
+    // State tracking
+    private activeFilter: FilterEnum | undefined = undefined;
+    private roomsResult: RoomsResult;
+    /**
+     * List of sections to display in the room list, derived from roomsResult and section header view model expansion state.
+     */
+    private sections: Section[] = [];
+    private lastActiveRoomPosition: StickyRoomPosition | undefined = undefined;
+
+    // Child view model management
+    private readonly roomItemViewModels = new Map<string, RoomListItemViewModel>();
+    // This map is intentionally additive (never cleared except on space changes) to avoid a race condition:
+    // a list update can refresh roomsResult and roomsMap before the view re-renders, so the view may still
+    // request a view model for a room that was removed from the latest list. Keeping old entries prevents a crash.
+    private roomsMap = new Map<string, Room>();
+    // Don't clear section vm because we want to keep the expand/collapse state even during space changes.
+    private readonly roomSectionHeaderViewModels = new Map<string, RoomListSectionHeaderViewModel>();
+    /**
+     * When dragging sections, we want to temporarily expand all sections to make it easier to move rooms between sections.
+     * This map stores the original expansion state of each section before the drag starts, so we can restore it after the drag ends.
+     */
+    private readonly savedExpansionStates = new Map<string, boolean>();
+
+    /**
+     * Reference to the currently displayed event toast's auto-close timer, used to dismiss it
+     * after a timeout (see {@link showToast}).
+     */
+    private toastRef?: number;
+
+    /**
+     * The currently active transient event toast ("section_created" / "chat_moved"), if any.
+     * Distinct from the derived "unread_activity" toast: this is set imperatively by an event
+     * and auto-dismisses, whereas unread activity is recomputed from list/notification state.
+     * {@link recomputeToast} reconciles the two into the single {@link RoomListViewSnapshot.toast}.
+     */
+    private eventToast?: ToastType;
+
+    /**
+     * Whether there is currently unread activity (a notification count) in a room scrolled below
+     * the visible area of the list. Recomputed by {@link updateUnreadActivityBelow}; surfaced as
+     * the "unread_activity" toast by {@link recomputeToast} when no event toast takes precedence.
+     */
+    private hasUnreadActivityBelow = false;
+
+    /**
+     * The last genuinely-visible index reported by the virtualized list (excluding the
+     * rendered overscan buffer), in the list's own entry space (room indices for a flat
+     * list; including a slot per section header for a grouped list). Initialised to -1 so
+     * that nothing is considered "below the fold" until the view reports the fold.
+     */
+    private foldIndex = -1;
+
+    /**
+     * Imperative scroll handle registered by the view (see {@link setScrollToIndex}). The view
+     * owns the virtualized list's scroll handle, so it provides this; we call it to scroll a
+     * given item index into view in response to user actions.
+     */
+    private scrollToIndex?: (index: number) => void;
+
+    public constructor(props: RoomListViewModelProps) {
+        const activeSpace = props.spaceStore.activeSpaceRoom;
+
+        // Get initial rooms
+        const roomsResult = RoomListStoreV3.instance.getSortedRoomsInActiveSpace(undefined);
+        const canCreateRoom = hasCreateRoomRights(props.client, activeSpace);
+
+        const filterIds = getVisibleFilterIds();
+
+        // By default, all sections are expanded
+        const { sections, isFlatList } = computeSections(roomsResult, (tag) => true);
+        const isRoomListEmpty = roomsResult.sections.every((section) => section.rooms.length === 0);
+
+        super(props, {
+            // Initial view state - start with empty, will populate in async init
+            isLoadingRooms: RoomListStoreV3.instance.isLoadingRooms,
+            isRoomListEmpty,
+            filterIds,
+            activeFilterId: undefined,
+            roomListState: {
+                activeRoomIndex: undefined,
+                spaceId: roomsResult.spaceId,
+                filterKeys: undefined,
+            },
+            isFlatList,
+            sections: toRoomListSection(sections),
+            canCreateRoom,
+        });
+
+        this.roomsResult = roomsResult;
+        this.sections = sections;
+
+        // Build initial roomsMap from roomsResult
+        this.updateRoomsMap(roomsResult);
+
+        // Subscribe to room list updates
+        this.disposables.trackListener(RoomListStoreV3.instance, RoomListStoreV3Event.ListsUpdate, this.onListsUpdate);
+
+        // Subscribe to room list loaded
+        this.disposables.trackListener(RoomListStoreV3.instance, RoomListStoreV3Event.ListsLoaded, this.onListsLoaded);
+
+        // Subscribe to section creation
+        this.disposables.trackListener(
+            RoomListStoreV3.instance,
+            RoomListStoreV3Event.SectionCreated,
+            this.onSectionCreated as (...args: unknown[]) => void,
+        );
+
+        // Subscribe to room tagging
+        this.disposables.trackListener(RoomListStoreV3.instance, RoomListStoreV3Event.RoomTagged, this.onRoomTagged);
+
+        // Recompute the "unread activity below" toast when room notification state
+        // changes (e.g. a room below the fold becomes unread, or is marked read).
+        this.disposables.trackListener(
+            RoomNotificationStateStore.instance,
+            UPDATE_STATUS_INDICATOR,
+            this.updateUnreadActivityBelow,
+        );
+
+        // Subscribe to active room changes to update selected room
+        const dispatcherRef = dispatcher.register(this.onDispatch);
+        this.disposables.track(() => {
+            dispatcher.unregister(dispatcherRef);
+        });
+
+        // Recompute the lis when setting changes
+        const showSectionsRef = SettingsStore.watchSetting("RoomList.showSections", null, this.onShowSectionsChange);
+        this.disposables.track(() => SettingsStore.unwatchSetting(showSectionsRef));
+
+        // 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: FilterEnum | 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);
+
+        this.updateRoomListData();
+    };
+
+    /**
+     * Handle changes to the {@link RoomList.showSections} setting.
+     * Toggling sections is a rare action, so we simply reset the filters and rebuild
+     * the list from scratch rather than trying to reconcile the previous state.
+     */
+    private readonly onShowSectionsChange = (): void => {
+        this.activeFilter = undefined;
+        this.clearViewModels();
+        this.roomsResult = RoomListStoreV3.instance.getSortedRoomsInActiveSpace();
+        this.updateRoomsMap(this.roomsResult);
+        this.snapshot.merge({ filterIds: getVisibleFilterIds() });
+        this.updateRoomListData();
+    };
+
+    /**
+     * Add rooms from the RoomsResult to the roomsMap for quick lookup.
+     * This does not clear the roomsMap.
+     * This maintains a quick lookup for room objects.
+     */
+    private updateRoomsMap(roomsResult: RoomsResult): void {
+        for (const room of roomsResult.sections.flatMap((section) => section.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.sections.flatMap((section) => section.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 | undefined {
+        // Check if we have a view model for this room
+        let viewModel = this.roomItemViewModels.get(roomId);
+
+        if (!viewModel) {
+            let room = this.roomsMap.get(roomId);
+            if (!room) {
+                // Maybe the roomsMap is out of date due to a recent roomsResult change that hasn't been applied yet (race condition)
+                this.updateRoomsMap(this.roomsResult);
+                room = this.roomsMap.get(roomId);
+            }
+
+            if (!room) {
+                // Race condition: the room list has changed but the view hasn't re-rendered yet.
+                // Return undefined so the view can skip rendering this item.
+                return undefined;
+            }
+
+            // 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;
+    }
+
+    public getSectionHeaderViewModel(tag: string): RoomListSectionHeaderViewModel {
+        if (this.roomSectionHeaderViewModels.has(tag)) return this.roomSectionHeaderViewModels.get(tag)!;
+
+        const title = TAG_TO_TITLE_MAP[tag] || (isCustomSectionTag(tag) && getCustomSectionData()[tag]?.name) || tag;
+        const viewModel = new RoomListSectionHeaderViewModel({
+            tag,
+            title,
+            spaceId: this.roomsResult.spaceId,
+            onToggleExpanded: () => this.updateRoomListData(),
+        });
+        this.roomSectionHeaderViewModels.set(tag, viewModel);
+        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.
+     *
+     * Indices are in room-index space (section header entries excluded):
+     * startIndex is inclusive, endIndex is exclusive.
+     */
+    public updateVisibleRooms(startIndex: number, endIndex: number): void {
+        const allRoomIds = this.roomIds;
+        const newVisibleIds = allRoomIds.slice(startIndex, endIndex);
+
+        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);
+            }
+        }
+
+        // The rendered range changed, so re-evaluate whether unread activity is below the fold.
+        this.updateUnreadActivityBelow();
+    }
+
+    /**
+     * Update the last genuinely-visible item index (excluding the rendered overscan
+     * buffer), reported by the view from the scroller geometry. This is what the
+     * "unread activity" toast uses to decide what is below the fold, so that the toast
+     * appears as soon as an unread room scrolls just out of view rather than only once
+     * it leaves the overscan buffer.
+     */
+    public updateVisibleFold = (visibleEndIndex: number): void => {
+        if (this.foldIndex === visibleEndIndex) return;
+        this.foldIndex = visibleEndIndex;
+        this.updateUnreadActivityBelow();
+    };
+
+    /**
+     * Find the first room with an unread-message notification (a count badge — the green or
+     * red decoration, not just the unread-activity dot) positioned below the visible area.
+     *
+     * "Below the fold" is determined from the last visible index reported by the
+     * virtualized list (see {@link updateVisibleRooms}). For a grouped list the
+     * virtualized list interleaves a section-header entry before each section's
+     * rooms, so we walk the rooms in the same entry order the view renders and
+     * compare against that index space.
+     *
+     * Collapsed sections render only their header (their rooms are removed from the
+     * displayed sections), so their notifying rooms are not directly reachable. When a
+     * collapsed section's header is itself below the fold and the section contains a
+     * notifying room, we surface the header as the target so clicking the toast scrolls
+     * it into view (revealing the header's aggregated notification badge).
+     *
+     * @returns The next notifying room below the fold, or undefined if there is none
+     *          (or the view has not yet reported a visible range).
+     */
+    private firstUnreadRoomBelowFold(): { room: Room; index: number } | undefined {
+        if (this.foldIndex < 0) return undefined;
+
+        // Only surface rooms showing a notification badge (a count/symbol — the green or red
+        // decoration), not rooms with just the unread-activity dot.
+        const hasNotification = (room: Room): boolean =>
+            RoomNotificationStateStore.instance.getRoomState(room).hasUnreadCount;
+
+        if (this.snapshot.current.isFlatList) {
+            // Flat list: virtualized indices map 1:1 to rooms.
+            const rooms = this.sections.flatMap((section) => section.rooms);
+            for (let i = this.foldIndex + 1; i < rooms.length; i++) {
+                if (hasNotification(rooms[i])) return { room: rooms[i], index: i };
+            }
+            return undefined;
+        }
+
+        // Full (pre-collapse) rooms per section tag, so we can detect unreads hidden inside
+        // collapsed sections whose displayed rooms have been emptied.
+        const fullRoomsByTag = new Map(this.roomsResult.sections.map((section) => [section.tag, section.rooms]));
+
+        // Grouped list: each section contributes a header entry followed by its rooms, so the
+        // index we return is in the virtualized list's entry space (matching scrollIntoView).
+        let entryIndex = -1;
+        for (const section of this.sections) {
+            entryIndex++; // section header entry
+
+            const isExpanded = this.roomSectionHeaderViewModels.get(section.tag)?.isExpanded ?? true;
+            if (!isExpanded) {
+                // Collapsed: rooms aren't rendered, so the header is the only entry. If it is
+                // below the fold and hides an unread room, target the header itself.
+                if (entryIndex > this.foldIndex) {
+                    const notifyingRoom = (fullRoomsByTag.get(section.tag) ?? []).find(hasNotification);
+                    if (notifyingRoom) return { room: notifyingRoom, index: entryIndex };
+                }
+                continue;
+            }
+
+            for (const room of section.rooms) {
+                entryIndex++; // this room's entry
+                if (entryIndex > this.foldIndex && hasNotification(room)) return { room, index: entryIndex };
+            }
+        }
+        return undefined;
+    }
+
+    /**
+     * Recompute whether there is unread activity below the visible area, reconciling the
+     * displayed toast if it changed.
+     */
+    private updateUnreadActivityBelow = (): void => {
+        const hasUnreadActivityBelow = this.firstUnreadRoomBelowFold() !== undefined;
+        if (this.hasUnreadActivityBelow === hasUnreadActivityBelow) return;
+        this.hasUnreadActivityBelow = hasUnreadActivityBelow;
+        this.recomputeToast();
+    };
+
+    /**
+     * Register (or clear) the view's imperative scroll handler. Called by the view on mount
+     * since it owns the virtualized list's scroll handle.
+     */
+    public setScrollToIndex = (scrollToIndex: ((index: number) => void) | undefined): void => {
+        this.scrollToIndex = scrollToIndex;
+    };
+
+    /**
+     * Scroll the next unread room below the visible area of the list into view (without opening
+     * it). Invoked when the user clicks the "unread activity" toast.
+     */
+    public scrollToUnreadActivity = (): void => {
+        const target = this.firstUnreadRoomBelowFold();
+        if (target) this.scrollToIndex?.(target.index);
+    };
+
+    /**
+     * Scroll a room into view, expanding its section first if it is collapsed so the tile can
+     * actually be shown.
+     */
+    private async scrollRoomIntoView(roomId: string): Promise<void> {
+        // Look in the full (pre-collapse) sections so we can find rooms hidden in collapsed sections.
+        const section = this.roomsResult.sections.find((s) => s.rooms.some((room) => room.roomId === roomId));
+        // Room not found
+        if (!section) return;
+
+        const headerViewModel = this.roomSectionHeaderViewModels.get(section.tag);
+        // Expand and rebuild the section
+        if (headerViewModel && !headerViewModel.isExpanded) {
+            headerViewModel.isExpanded = true;
+            await this.updateRoomListData();
+        }
+
+        // Scroll to the room
+        const index = this.getRoomEntryIndex(roomId);
+        if (index !== undefined) this.scrollToIndex?.(index);
+    }
+
+    /**
+     * Compute a room's index in the list's entry space, or undefined if it is not in the displayed
+     * sections (e.g. collapsed or filtered out). Flat list: the room index; grouped list: includes
+     * one slot per section header (matching {@link firstUnreadRoomBelowFold}).
+     */
+    private getRoomEntryIndex(roomId: string): number | undefined {
+        // A grouped list renders a header entry before each section's rooms; a flat list does not.
+        const hasSectionHeaders = !this.snapshot.current.isFlatList;
+
+        let entryIndex = 0;
+        for (const section of this.sections) {
+            if (hasSectionHeaders) entryIndex++; // section header entry
+            const indexInSection = section.rooms.findIndex((room) => room.roomId === roomId);
+            if (indexInSection !== -1) return entryIndex + indexInSection;
+            entryIndex += section.rooms.length;
+        }
+        return undefined;
+    }
+
+    private onDispatch = async (payload: any): Promise<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);
+        } else if (payload.action === Action.ViewRoom && payload.show_room_tile && payload.room_id) {
+            await this.scrollRoomIntoView(payload.room_id);
+        } else if (payload.action === Action.RoomListCollapseAllSections) {
+            this.onCollapseAllSections(false);
+        } else if (payload.action === Action.RoomListExpandAllSections) {
+            this.onCollapseAllSections(true);
+        }
+    };
+
+    /**
+     * Handles the collapse or expansion of all sections in the room list.
+     * @param expand - Whether to expand or collapse all sections
+     */
+    private onCollapseAllSections(expand: boolean): void {
+        for (const sectionHeaderVM of this.roomSectionHeaderViewModels.values()) {
+            sectionHeaderVM.isExpanded = expand;
+        }
+        this.updateRoomListData();
+    }
+
+    /**
+     * 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 = this.props.roomViewStore.getRoomId();
+        if (!currentRoomId) return;
+
+        const { delta, unread } = payload;
+        const rooms = this.sections.flatMap((section) => section.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);
+        const newSpaceId = this.roomsResult.spaceId;
+
+        // Detect space change
+        if (oldSpaceId !== newSpaceId) {
+            // Clear view models when the space changes
+            // We only want to do this on space changes, not on regular list updates, to preserve view models when possible
+            // The view models are disposed when scrolling out of view (handled by updateVisibleRooms)
+            this.clearViewModels();
+            // Clear roomsMap to prevent stale room data - it will be repopulated with the new roomsResult
+            this.roomsMap.clear();
+
+            this.updateRoomsMap(this.roomsResult);
+
+            // Restore the expanded/collapsed state for the new space
+            for (const viewModel of this.roomSectionHeaderViewModels.values()) {
+                viewModel.setSpace(newSpaceId);
+            }
+
+            // Space changed - get the last selected room for the new space to prevent flicker
+            const lastSelectedRoom = this.props.spaceStore.getLastSelectedRoomIdForSpace(newSpaceId);
+
+            this.updateRoomListData(true, lastSelectedRoom);
+            return;
+        }
+
+        this.updateRoomsMap(this.roomsResult);
+
+        // 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.sections.flatMap((section) => section.rooms).findIndex((room) => room.roomId === roomId);
+        return index >= 0 ? index : undefined;
+    }
+
+    /**
+     * Find the position of a room within the sections list.
+     * Returns undefined if the room is not found.
+     */
+    private findRoomPosition(sections: Section[], roomId: string): StickyRoomPosition | undefined {
+        for (const section of sections) {
+            const idx = section.rooms.findIndex((room) => room.roomId === roomId);
+            if (idx !== -1) return { sectionTag: section.tag, indexInSection: idx };
+        }
+        return undefined;
+    }
+
+    /**
+     * Apply sticky room logic to keep the active room at the same position within its section.
+     * 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 sections array with sticky positioning applied
+     */
+    private applyStickyRoom(isRoomChange: boolean, roomId: string | null | undefined): Section[] {
+        const sections = this.roomsResult.sections;
+
+        // When opening another room, the index should obviously change
+        if (!roomId || isRoomChange) return sections;
+
+        // If there was no previously tracked position, nothing to stick to
+        const oldPosition = this.lastActiveRoomPosition;
+        if (!oldPosition) return sections;
+
+        const newPosition = this.findRoomPosition(sections, roomId);
+
+        // If the room is no longer in the list, nothing to do
+        if (!newPosition) return sections;
+
+        // If the room moved to a different section, this is an intentional structural
+        // change (e.g. favourited/unfavourited), so don't apply sticky logic
+        if (newPosition.sectionTag !== oldPosition.sectionTag) return sections;
+
+        // If the index within the section hasn't changed, nothing to do
+        if (newPosition.indexInSection === oldPosition.indexInSection) return sections;
+
+        // Find the target section and apply the sticky swap within it
+        return sections.map((section) => {
+            // Different section - no change
+            if (section.tag !== oldPosition.sectionTag) return section;
+
+            const sectionRooms = section.rooms;
+
+            // If the old index falls out of the bounds of the section
+            // (usually because rooms were removed), we can no longer place
+            // the active room in the same old position
+            if (oldPosition.indexInSection > sectionRooms.length - 1) {
+                return section;
+            }
+
+            // Making the active room sticky is as simple as removing it from
+            // its new index and placing it in the old index within the section
+            const newRooms = [...sectionRooms];
+            const [stickyRoom] = newRooms.splice(newPosition.indexInSection, 1);
+            newRooms.splice(oldPosition.indexInSection, 0, stickyRoom);
+
+            return { ...section, rooms: newRooms };
+        });
+    }
+
+    private async updateRoomListData(
+        isRoomChange: boolean = false,
+        roomIdOverride: string | null = null,
+        scrollToSectionTag: string | undefined = undefined,
+    ): Promise<void> {
+        // Store is still loading rooms - don't update the list yet, we'll get another update when loading finishes
+        if (RoomListStoreV3.instance.isLoadingRooms) return;
+
+        // 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 ?? this.props.roomViewStore.getRoomId();
+
+        // Apply sticky room logic to keep selected room at same position within its section
+        const stickySections = this.applyStickyRoom(isRoomChange, roomId);
+
+        // Update roomsResult with the sticky-adjusted sections
+        this.roomsResult = {
+            ...this.roomsResult,
+            sections: stickySections,
+        };
+
+        // Rebuild roomsMap with the reordered rooms
+        this.updateRoomsMap(this.roomsResult);
+
+        // Track the current active room position for future sticky calculations
+        this.lastActiveRoomPosition = roomId ? this.findRoomPosition(this.roomsResult.sections, roomId) : undefined;
+
+        // Update section header view models with current rooms for unread state tracking
+        for (const section of this.roomsResult.sections) {
+            this.getSectionHeaderViewModel(section.tag).setRooms(section.rooms);
+        }
+
+        // Build the complete state atomically to ensure consistency
+        const { sections, isFlatList } = computeSections(
+            this.roomsResult,
+            (tag) => this.roomSectionHeaderViewModels.get(tag)?.isExpanded ?? true,
+        );
+        this.sections = sections;
+
+        // Calculate the active room index from the computed sections (which exclude collapsed sections' rooms)
+        const activeRoomIndex = this.getActiveRoomIndex(roomId);
+
+        // Update filter keys - only update if they have actually changed to prevent unnecessary re-renders of the room list
+        const previousFilterKeys = this.snapshot.current.roomListState.filterKeys;
+        const newFilterKeys = this.roomsResult.filterKeys?.map((k) => String(k));
+        const viewSections = toRoomListSection(this.sections);
+
+        const resolvedScrollToSectionTag =
+            scrollToSectionTag && viewSections.some((s) => s.id === scrollToSectionTag)
+                ? scrollToSectionTag
+                : undefined;
+
+        const roomListState: RoomListViewState = {
+            activeRoomIndex,
+            spaceId: this.roomsResult.spaceId,
+            filterKeys: keepIfSame(previousFilterKeys, newFilterKeys),
+            scrollToSectionTag: resolvedScrollToSectionTag,
+        };
+
+        const activeFilterId = this.activeFilter !== undefined ? filterKeyToIdMap.get(this.activeFilter) : undefined;
+        const isRoomListEmpty = this.roomsResult.sections.every((section) => section.rooms.length === 0);
+        const isLoadingRooms = RoomListStoreV3.instance.isLoadingRooms;
+        const previousSections = this.snapshot.current.sections;
+
+        // Single atomic snapshot update
+        this.snapshot.merge({
+            isLoadingRooms,
+            isRoomListEmpty,
+            activeFilterId,
+            roomListState: keepIfSame(this.snapshot.current.roomListState, roomListState),
+            sections: keepIfSame(previousSections, viewSections),
+            isFlatList,
+        });
+
+        this.notifyCollapseState(isFlatList);
+
+        // Room list / sections changed: re-evaluate the unread-activity toast.
+        this.updateUnreadActivityBelow();
+    }
+
+    /**
+     * Notify the dispatcher about the current collapse state of the room list sections.
+     * @param isFlatList - Whether the room list is currently displayed as a flat list
+     */
+    private notifyCollapseState(isFlatList: boolean): void {
+        // Hide collapse/expand all button if it's a flat list
+        if (isFlatList) {
+            dispatcher.dispatch<RoomListSectionsCollapseStateChangedPayload>({
+                action: Action.RoomListSectionsCollapseStateChanged,
+                collapseSections: undefined,
+            });
+            return;
+        }
+
+        // Determine if all sections are currently collapsed
+        const allCollapsed = this.snapshot.current.sections.every(
+            ({ id }) => !(this.roomSectionHeaderViewModels.get(id)?.isExpanded ?? true),
+        );
+        dispatcher.dispatch<RoomListSectionsCollapseStateChangedPayload>({
+            action: Action.RoomListSectionsCollapseStateChanged,
+            collapseSections: allCollapsed ? "collapse" : "expand",
+        });
+    }
+
+    public createChatRoom = (): void => {
+        dispatcher.fire(Action.CreateChat);
+    };
+
+    public createRoom = (): void => {
+        const activeSpace = this.props.spaceStore.activeSpaceRoom;
+        if (activeSpace) {
+            dispatcher.dispatch({
+                action: Action.CreateRoom,
+                parent_space: activeSpace,
+            });
+        } else {
+            dispatcher.dispatch({
+                action: Action.CreateRoom,
+            });
+        }
+    };
+
+    public onSectionCreated = (tag: string): void => {
+        // Refresh roomsResult so the new section lands in the same snapshot as the scroll-to.
+        const filterKeys = this.activeFilter !== undefined ? [this.activeFilter] : undefined;
+        this.roomsResult = RoomListStoreV3.instance.getSortedRoomsInActiveSpace(filterKeys);
+        this.updateRoomsMap(this.roomsResult);
+        this.updateRoomListData(false, null, tag);
+        this.showToast("section_created");
+    };
+
+    public onRoomTagged = (): void => {
+        const areSectionsEnabled = SettingsStore.getValue("RoomList.showSections");
+        // Only show the "chat moved" toast if sections are enabled
+        if (!areSectionsEnabled) return;
+
+        this.showToast("chat_moved");
+    };
+
+    public closeToast: () => void = () => {
+        clearTimeout(this.toastRef);
+        this.eventToast = undefined;
+        this.recomputeToast();
+    };
+
+    private showToast(toast: ToastType): void {
+        clearTimeout(this.toastRef);
+        this.eventToast = toast;
+        this.recomputeToast();
+        // Automatically close the toast after 15 seconds
+        this.toastRef = setTimeout(() => {
+            this.closeToast();
+        }, 15 * 1000);
+    }
+
+    /**
+     * Reconcile the single toast shown by the view from the two independent sources: the
+     * transient event toast (which takes precedence and auto-dismisses) and the derived
+     * unread-activity state. The snapshot is only updated when the effective toast changes,
+     * to avoid unnecessary re-renders.
+     */
+    private recomputeToast(): void {
+        const toast = this.eventToast ?? (this.hasUnreadActivityBelow ? "unread_activity" : undefined);
+        if (this.snapshot.current.toast !== toast) {
+            this.snapshot.merge({ toast });
+        }
+    }
+
+    public changeSectionOrder = async (sourceTag: string, targetTag: string): Promise<void> => {
+        await RoomListStoreV3.instance.reorderSection(sourceTag, targetTag);
+        // Scroll to the section after it moved
+        const filterKeys = this.activeFilter !== undefined ? [this.activeFilter] : undefined;
+        this.roomsResult = RoomListStoreV3.instance.getSortedRoomsInActiveSpace(filterKeys);
+        this.updateRoomsMap(this.roomsResult);
+        this.updateRoomListData(false, null, sourceTag);
+    };
+
+    public onSectionDragStart = (): void => {
+        this.savedExpansionStates.clear();
+        for (const [tag, sectionVM] of this.roomSectionHeaderViewModels) {
+            this.savedExpansionStates.set(tag, sectionVM.isExpanded);
+            sectionVM.isExpanded = false;
+        }
+        this.updateRoomListData();
+    };
+
+    public onSectionDragEnd = (): void => {
+        for (const [tag, expanded] of this.savedExpansionStates) {
+            const sectionVM = this.roomSectionHeaderViewModels.get(tag);
+            if (sectionVM) sectionVM.isExpanded = expanded;
+        }
+        this.savedExpansionStates.clear();
+        this.updateRoomListData();
+    };
+
+    public changeRoomSection = (roomId: string, tag: string): void => {
+        const room = this.props.client.getRoom(roomId);
+        if (!room) return;
+
+        const currentTag = getSectionTagForRoom(room);
+        // Room is already in the section
+        if (currentTag === tag) return;
+
+        tagRoom(room, tag);
+    };
+}
+
+/**
+ * Compute the sections to display in the room list based on the rooms result and section expansion state.
+ * @param roomsResult - The current rooms result containing sections and rooms
+ * @param isSectionExpanded - A function that takes a section tag and returns whether that section is currently expanded
+ * @returns An object containing the computed sections (with rooms removed for collapsed sections) and a boolean indicating if this is a flat list (only one section with all rooms)
+ */
+function computeSections(
+    roomsResult: RoomsResult,
+    isSectionExpanded: (tag: string) => boolean,
+): { sections: Section[]; isFlatList: boolean } {
+    const customSections = getCustomSectionData();
+
+    const filtered = roomsResult.sections
+        // Only include sections that have rooms, or custom sections that were created in the current space.
+        .filter(
+            (section) =>
+                section.rooms.length > 0 ||
+                (isCustomSectionTag(section.tag) && customSections[section.tag]?.spaceId === roomsResult.spaceId),
+        );
+    const isFlatList = filtered.length === 0 || (filtered.length === 1 && filtered[0].tag === CHATS_TAG);
+
+    const sections = filtered.map((section) => ({
+        ...section,
+        // A flat list has no section header to toggle, so always render its rooms.
+        // Otherwise, remove roomIds for sections that are currently collapsed.
+        rooms: isFlatList || isSectionExpanded(section.tag) ? section.rooms : [],
+    }));
+
+    return { sections, isFlatList };
+}
+
+/**
+ * Convert from the internal Section type used in the view model to the RoomListSection type used in the snapshot.
+ */
+function toRoomListSection(sections: Section[]): RoomListSection[] {
+    return sections.map(({ tag, rooms }) => ({
+        id: tag,
+        roomIds: rooms.map((room) => room.roomId),
+    }));
+}
diff --git a/apps/web/src/viewmodels/room-list/utils.ts b/apps/web/src/viewmodels/room-list/utils.ts
new file mode 100644
index 00000000000..5cd2f586788
--- /dev/null
+++ b/apps/web/src/viewmodels/room-list/utils.ts
@@ -0,0 +1,68 @@
+/*
+ * 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, 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";
+
+/**
+ * Check if the user has access to the options menu.
+ * @param room
+ */
+export function hasAccessToOptionsMenu(room: Room): boolean {
+    return (
+        room.getMyMembership() === KnownMembership.Invite ||
+        (room.getMyMembership() !== KnownMembership.Knock &&
+            !isKnockDenied(room) &&
+            shouldShowComponent(UIComponent.RoomOptionsMenu))
+    );
+}
+
+/**
+ * Check if the user has access to the notification menu.
+ * @param room
+ * @param isGuest
+ * @param isArchived
+ */
+export function hasAccessToNotificationMenu(room: Room, isGuest: boolean, isArchived: boolean): boolean {
+    return !isGuest && !isArchived && hasAccessToOptionsMenu(room);
+}
+
+/**
+ * Create a room
+ * @param space - The space to create the room in
+ */
+export async function createRoom(space?: Room | null): Promise<void> {
+    if (space) {
+        await showCreateNewRoom(space);
+    } else {
+        dispatcher.fire(Action.CreateRoom);
+    }
+}
+
+/**
+ * Check if the user has the rights to create a room in the given space
+ * If the space is not provided, it will check if the user has the rights to create a room in general
+ * @param matrixClient
+ * @param space
+ */
+export function hasCreateRoomRights(matrixClient: MatrixClient, space?: Room | null): boolean {
+    const hasUIRight = shouldShowComponent(UIComponent.CreateRooms);
+    if (!space || !hasUIRight) return hasUIRight;
+
+    return Boolean(
+        space
+            ?.getLiveTimeline()
+            .getState(EventTimeline.FORWARDS)
+            ?.maySendStateEvent(EventType.RoomAvatar, matrixClient.getSafeUserId()),
+    );
+}
diff --git a/apps/web/src/viewmodels/room/EventTileActionBarViewModel.ts b/apps/web/src/viewmodels/room/EventTileActionBarViewModel.ts
new file mode 100644
index 00000000000..ab6dacde494
--- /dev/null
+++ b/apps/web/src/viewmodels/room/EventTileActionBarViewModel.ts
@@ -0,0 +1,504 @@
+/*
+ * 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 {
+    EventStatus,
+    EventTimeline,
+    EventType,
+    MatrixEventEvent,
+    M_BEACON_INFO,
+    MsgType,
+    RelationType,
+    RoomStateEvent,
+    type MatrixEvent,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import {
+    ActionBarAction,
+    BaseViewModel,
+    type ActionBarViewActions,
+    type ActionBarViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { Action } from "../../dispatcher/actions";
+import { type ShowThreadPayload } from "../../dispatcher/payloads/ShowThreadPayload";
+import { type GetRelationsForEvent } from "../../components/views/rooms/EventTile";
+import { canCancel, canEditContent, editEvent, isContentActionable } from "../../utils/EventUtils";
+import { TimelineRenderingType } from "../../contexts/RoomContext";
+import Resend from "../../Resend";
+import PinningUtils from "../../utils/PinningUtils";
+import PosthogTrackers from "../../PosthogTrackers";
+import { shouldDisplayReply } from "../../utils/Reply";
+import { MediaEventHelper } from "../../utils/MediaEventHelper";
+import SettingsStore from "../../settings/SettingsStore";
+import { type SettingKey } from "../../settings/Settings";
+import { getMediaVisibility, setMediaVisibility } from "../../utils/media/mediaVisibility";
+import { FileDownloader } from "../../utils/FileDownloader";
+import { _t } from "../../languageHandler";
+import Modal from "../../Modal";
+import ErrorDialog from "../../components/views/dialogs/ErrorDialog";
+import { ModuleApi } from "../../modules/Api";
+
+/** Props for the event-tile action bar view model. */
+export interface EventTileActionBarViewModelProps {
+    /** The event whose available actions are being resolved. */
+    mxEvent: MatrixEvent;
+    /** The timeline context the event is rendered within. */
+    timelineRenderingType: TimelineRenderingType;
+    /** Whether the current user can send message-based actions such as reply. */
+    canSendMessages: boolean;
+    /** Whether the current user can react to the event. */
+    canReact: boolean;
+    /** Whether the tile is being rendered in search results. */
+    isSearch?: boolean;
+    /** Whether the tile is being rendered inside a card-style surface. */
+    isCard?: boolean;
+    /** Whether the quoted reply chain is currently expanded. */
+    isQuoteExpanded?: boolean;
+    /** Called when the overflow options action is activated. */
+    onOptionsClick?: (anchor: HTMLElement | null) => void;
+    /** Called when the reactions action is activated. */
+    onReactionsClick?: (anchor: HTMLElement | null) => void;
+    /** Provides relations needed for editing when available. */
+    getRelationsForEvent?: GetRelationsForEvent;
+    /** Called when the expand or collapse thread action is activated. */
+    onToggleThreadExpanded?: (anchor: HTMLElement | null) => void;
+}
+
+interface LocalActionBarState {
+    canDownload: boolean;
+    isDownloadLoading: boolean;
+}
+
+interface DerivedEventState {
+    showCancel: boolean;
+    showEdit: boolean;
+    showPinOrUnpin: boolean;
+    showReact: boolean;
+    showReply: boolean;
+    showExpandCollapse: boolean;
+    showReplyInThread: boolean;
+    showThreadForDeletedMessage: boolean;
+    isFailed: boolean;
+    isPinned: boolean;
+    isQuoteExpanded: boolean;
+    isThreadReplyAllowed: boolean;
+}
+
+interface DerivedMediaState {
+    showHide: boolean;
+    showDownload: boolean;
+    isDownloadEncrypted: boolean;
+    isDownloadLoading: boolean;
+}
+
+/** View model for the timeline event action bar shown on event tiles. */
+export class EventTileActionBarViewModel
+    extends BaseViewModel<ActionBarViewSnapshot, EventTileActionBarViewModelProps>
+    implements ActionBarViewActions
+{
+    private listenerCleanups: Array<() => void> = [];
+    private downloadPermissionRequestId = 0;
+    private downloadRequestId = 0;
+    private canDownload = true;
+    private isDownloadLoading = false;
+    private readonly downloader = new FileDownloader();
+    private downloadedBlob?: Blob;
+
+    public constructor(props: EventTileActionBarViewModelProps) {
+        super(
+            props,
+            EventTileActionBarViewModel.buildSnapshot(props, {
+                canDownload: true,
+                isDownloadLoading: false,
+            }),
+        );
+        this.setupListeners();
+    }
+
+    private static buildSnapshot(
+        props: EventTileActionBarViewModelProps,
+        localState: LocalActionBarState,
+    ): ActionBarViewSnapshot {
+        const client = MatrixClientPeg.safeGet();
+        const eventState = EventTileActionBarViewModel.getDerivedEventState(props, client);
+        const mediaState = EventTileActionBarViewModel.getDerivedMediaState(props.mxEvent, client, localState);
+
+        return {
+            actions: EventTileActionBarViewModel.resolveActions(eventState, mediaState),
+            presentation: "icon",
+            isDownloadEncrypted: mediaState.isDownloadEncrypted,
+            isDownloadLoading: mediaState.isDownloadLoading,
+            isPinned: eventState.isPinned,
+            isQuoteExpanded: eventState.isQuoteExpanded,
+            isThreadReplyAllowed: eventState.isThreadReplyAllowed,
+        };
+    }
+
+    private static resolveActions(eventState: DerivedEventState, mediaState: DerivedMediaState): ActionBarAction[] {
+        const actions: ActionBarAction[] = [];
+
+        if (eventState.showCancel && eventState.isFailed) {
+            return [ActionBarAction.Resend, ActionBarAction.Cancel];
+        }
+
+        if (mediaState.showHide) {
+            actions.push(ActionBarAction.Hide);
+        }
+        if (mediaState.showDownload) {
+            actions.push(ActionBarAction.Download);
+        }
+        if (eventState.showReact) {
+            actions.push(ActionBarAction.React);
+        }
+        if (!eventState.showReply && eventState.showThreadForDeletedMessage) {
+            actions.push(ActionBarAction.ReplyInThread);
+        }
+        if (eventState.showReply) {
+            actions.push(ActionBarAction.Reply);
+        }
+        if (eventState.showReply && eventState.showReplyInThread) {
+            actions.push(ActionBarAction.ReplyInThread);
+        }
+        if (eventState.showEdit) {
+            actions.push(ActionBarAction.Edit);
+        }
+        if (eventState.showPinOrUnpin) {
+            actions.push(ActionBarAction.Pin);
+        }
+        if (eventState.showCancel) {
+            actions.push(ActionBarAction.Cancel);
+        }
+        if (eventState.showExpandCollapse) {
+            actions.push(ActionBarAction.Expand);
+        }
+
+        actions.push(ActionBarAction.Options);
+
+        return actions;
+    }
+
+    private static getDerivedEventState(
+        props: EventTileActionBarViewModelProps,
+        client: ReturnType<typeof MatrixClientPeg.safeGet>,
+    ): DerivedEventState {
+        const { mxEvent } = props;
+        const contentActionable = isContentActionable(mxEvent);
+        const editStatus = mxEvent.replacingEvent()?.status;
+        const redactStatus = mxEvent.localRedactionEvent()?.status;
+        const relationType = mxEvent.getRelation()?.rel_type;
+
+        return {
+            showCancel: canCancel(mxEvent.status) || canCancel(editStatus) || canCancel(redactStatus),
+            showEdit: canEditContent(client, mxEvent),
+            showPinOrUnpin: PinningUtils.canPin(client, mxEvent) || PinningUtils.canUnpin(client, mxEvent),
+            showReact: contentActionable && props.canReact && !props.isSearch,
+            showReply: contentActionable && props.canSendMessages,
+            isThreadReplyAllowed: !(!!relationType && relationType !== RelationType.Thread),
+            showExpandCollapse: props.isQuoteExpanded !== undefined && shouldDisplayReply(mxEvent),
+            showReplyInThread: contentActionable && EventTileActionBarViewModel.canShowReplyInThreadAction(props),
+            showThreadForDeletedMessage:
+                !contentActionable &&
+                props.timelineRenderingType === TimelineRenderingType.Room &&
+                Boolean(mxEvent.getThread()),
+            isFailed: [mxEvent.status, editStatus, redactStatus].includes(EventStatus.NOT_SENT),
+            isPinned: PinningUtils.isPinned(client, mxEvent),
+            isQuoteExpanded: props.isQuoteExpanded ?? false,
+        };
+    }
+
+    private static getDerivedMediaState(
+        mxEvent: MatrixEvent,
+        client: ReturnType<typeof MatrixClientPeg.safeGet>,
+        localState: LocalActionBarState,
+    ): DerivedMediaState {
+        const contentActionable = isContentActionable(mxEvent);
+        const mediaHelper = MediaEventHelper.isEligible(mxEvent) ? new MediaEventHelper(mxEvent) : undefined;
+
+        return {
+            showDownload: contentActionable && Boolean(mediaHelper) && localState.canDownload,
+            showHide: contentActionable && MediaEventHelper.canHide(mxEvent) && getMediaVisibility(mxEvent, client),
+            isDownloadEncrypted: mediaHelper?.media.isEncrypted ?? false,
+            isDownloadLoading: localState.isDownloadLoading,
+        };
+    }
+
+    private computeSnapshot(): ActionBarViewSnapshot {
+        return EventTileActionBarViewModel.buildSnapshot(this.props, {
+            canDownload: this.canDownload,
+            isDownloadLoading: this.isDownloadLoading,
+        });
+    }
+
+    private static canShowReplyInThreadAction(props: EventTileActionBarViewModelProps): boolean {
+        const inNotThreadTimeline = props.timelineRenderingType !== TimelineRenderingType.Thread;
+        const content = props.mxEvent.getContent();
+        const isAllowedMessageType =
+            ![MsgType.KeyVerificationRequest].includes(content.msgtype as MsgType) &&
+            !M_BEACON_INFO.matches(props.mxEvent.getType());
+
+        return inNotThreadTimeline && isAllowedMessageType;
+    }
+
+    private setupListeners(): void {
+        this.teardownListeners();
+
+        const { mxEvent } = this.props;
+        const roomId = mxEvent.getRoomId();
+        this.trackEvent(mxEvent, MatrixEventEvent.Status, this.refreshSnapshot);
+        this.trackEvent(mxEvent, MatrixEventEvent.Decrypted, this.refreshSnapshot);
+        this.trackEvent(mxEvent, MatrixEventEvent.BeforeRedaction, this.refreshSnapshot);
+        this.watchSetting("mediaPreviewConfig", roomId ?? null);
+        this.watchSetting("showMediaEventIds", null);
+
+        const roomState = roomId
+            ? MatrixClientPeg.safeGet().getRoom(roomId)?.getLiveTimeline().getState(EventTimeline.FORWARDS)
+            : undefined;
+        if (roomState) {
+            roomState.on(RoomStateEvent.Events, this.onRoomEvent);
+            this.addListenerCleanup(() => roomState.off(RoomStateEvent.Events, this.onRoomEvent));
+        }
+
+        MatrixClientPeg.safeGet().decryptEventIfNeeded(mxEvent);
+        void this.updateDownloadPermission(++this.downloadPermissionRequestId);
+    }
+
+    private teardownListeners(): void {
+        for (const cleanup of this.listenerCleanups) {
+            cleanup();
+        }
+        this.listenerCleanups = [];
+    }
+
+    private addListenerCleanup(cleanup: () => void): void {
+        this.listenerCleanups.push(cleanup);
+    }
+
+    private trackEvent(event: MatrixEvent, eventName: MatrixEventEvent, callback: (...args: unknown[]) => void): void {
+        event.on(eventName, callback);
+        this.addListenerCleanup(() => event.off(eventName, callback));
+    }
+
+    private watchSetting(settingName: SettingKey, roomId: string | null): void {
+        const watcherRef = SettingsStore.watchSetting(settingName, roomId, this.refreshSnapshot);
+        this.addListenerCleanup(() => SettingsStore.unwatchSetting(watcherRef));
+    }
+
+    private readonly refreshSnapshot = (): void => {
+        this.snapshot.merge(this.computeSnapshot());
+    };
+
+    private resetEventState(): void {
+        this.downloadedBlob = undefined;
+        this.canDownload = true;
+        this.isDownloadLoading = false;
+    }
+
+    private isCurrentDownloadPermissionRequest(requestId: number, mxEvent: MatrixEvent): boolean {
+        return !this.isDisposed && requestId === this.downloadPermissionRequestId && this.props.mxEvent === mxEvent;
+    }
+
+    private updateDownloadPermissionState(requestId: number, mxEvent: MatrixEvent, canDownload: boolean): boolean {
+        if (!this.isCurrentDownloadPermissionRequest(requestId, mxEvent)) return false;
+        this.canDownload = canDownload;
+        this.refreshSnapshot();
+        return true;
+    }
+
+    private async updateDownloadPermission(requestId: number): Promise<void> {
+        const { mxEvent } = this.props;
+        const hints = ModuleApi.instance.customComponents.getHintsForMessage(mxEvent);
+
+        if (!hints?.allowDownloadingMedia) {
+            this.updateDownloadPermissionState(requestId, mxEvent, true);
+            return;
+        }
+
+        if (!this.updateDownloadPermissionState(requestId, mxEvent, false)) return;
+
+        try {
+            const canDownload = await hints.allowDownloadingMedia();
+            this.updateDownloadPermissionState(requestId, mxEvent, canDownload);
+        } catch (err) {
+            logger.error(`Failed to check media download permission for ${mxEvent.getId()}`, err);
+            this.updateDownloadPermissionState(requestId, mxEvent, false);
+        }
+    }
+
+    private isCurrentDownloadRequest(requestId: number, mxEvent: MatrixEvent): boolean {
+        return !this.isDisposed && requestId === this.downloadRequestId && this.props.mxEvent === mxEvent;
+    }
+
+    private setDownloadLoading(requestId: number, mxEvent: MatrixEvent, isDownloadLoading: boolean): boolean {
+        if (!this.isCurrentDownloadRequest(requestId, mxEvent)) return false;
+        this.isDownloadLoading = isDownloadLoading;
+        this.refreshSnapshot();
+        return true;
+    }
+
+    private readonly onRoomEvent = (event?: MatrixEvent): void => {
+        if (!event) return;
+        if (event.getType() !== EventType.RoomPinnedEvents && event.getType() !== EventType.RoomJoinRules) return;
+        this.refreshSnapshot();
+    };
+
+    /**
+     * Runs an action against the failed event variant that is still actionable.
+     */
+    private runActionOnFailedEv(fn: (ev: MatrixEvent) => void, checkFn?: (ev: MatrixEvent) => boolean): void {
+        const shouldUseEvent = checkFn ?? (() => true);
+        const { mxEvent } = this.props;
+        const tryOrder = [mxEvent.localRedactionEvent(), mxEvent.replacingEvent(), mxEvent];
+
+        for (const event of tryOrder) {
+            if (event && shouldUseEvent(event)) {
+                fn(event);
+                break;
+            }
+        }
+    }
+
+    /** Updates props, refreshes listeners when the event changes, and rebuilds the snapshot. */
+    public setProps(newProps: Partial<EventTileActionBarViewModelProps>): void {
+        const prevEvent = this.props.mxEvent;
+        const prevRoomId = prevEvent.getRoomId();
+
+        this.props = {
+            ...this.props,
+            ...newProps,
+        };
+
+        if (this.props.mxEvent !== prevEvent || this.props.mxEvent.getRoomId() !== prevRoomId) {
+            this.resetEventState();
+            this.setupListeners();
+        }
+
+        this.refreshSnapshot();
+    }
+
+    /** Removes listeners and releases resources owned by the view model. */
+    public override dispose(): void {
+        this.teardownListeners();
+        super.dispose();
+    }
+
+    /** Starts a reply to the current event. */
+    public onReplyClick = (_anchor: HTMLElement | null): void => {
+        defaultDispatcher.dispatch({
+            action: "reply_to_event",
+            event: this.props.mxEvent,
+            context: this.props.timelineRenderingType,
+        });
+    };
+
+    /** Opens the edit composer for the current event. */
+    public onEditClick = (_anchor: HTMLElement | null): void => {
+        editEvent(
+            MatrixClientPeg.safeGet(),
+            this.props.mxEvent,
+            this.props.timelineRenderingType,
+            this.props.getRelationsForEvent,
+        );
+    };
+
+    /** Retries sending the failed event variant that is still actionable. */
+    public onResendClick = (_anchor: HTMLElement | null): void => {
+        this.runActionOnFailedEv((event) => Resend.resend(MatrixClientPeg.safeGet(), event));
+    };
+
+    /** Cancels the failed event variant that is still cancellable. */
+    public onCancelClick = (_anchor: HTMLElement | null): void => {
+        this.runActionOnFailedEv(
+            (event) => Resend.removeFromQueue(MatrixClientPeg.safeGet(), event),
+            (event) => canCancel(event.status),
+        );
+    };
+
+    /** Pins or unpins the current event. */
+    public onPinClick = async (_anchor: HTMLElement | null): Promise<void> => {
+        const isPinned = PinningUtils.isPinned(MatrixClientPeg.safeGet(), this.props.mxEvent);
+        await PinningUtils.pinOrUnpinEvent(MatrixClientPeg.safeGet(), this.props.mxEvent);
+        PosthogTrackers.trackPinUnpinMessage(isPinned ? "Pin" : "Unpin", "Timeline");
+    };
+
+    /** Downloads the media content for the current event when available. */
+    public onDownloadClick = async (_anchor: HTMLElement | null): Promise<void> => {
+        if (this.isDownloadLoading || !this.canDownload) return;
+        const requestId = ++this.downloadRequestId;
+        const { mxEvent } = this.props;
+
+        try {
+            if (!this.setDownloadLoading(requestId, mxEvent, true)) return;
+            const mediaEventHelper = new MediaEventHelper(mxEvent);
+
+            if (!this.downloadedBlob) {
+                const downloadedBlob = await mediaEventHelper.sourceBlob.value;
+                if (!this.isCurrentDownloadRequest(requestId, mxEvent)) return;
+                this.downloadedBlob = downloadedBlob;
+            }
+
+            await this.downloader.download({
+                blob: this.downloadedBlob,
+                name: mediaEventHelper.fileName ?? _t("common|image"),
+            });
+        } catch (e) {
+            if (!this.isCurrentDownloadRequest(requestId, mxEvent)) return;
+            Modal.createDialog(ErrorDialog, {
+                title: _t("timeline|download_failed"),
+                description: `${_t("timeline|download_failed_description")}\n\n${String(e)}`,
+            });
+        } finally {
+            this.setDownloadLoading(requestId, mxEvent, false);
+        }
+    };
+
+    /** Hides the media preview for the current event. */
+    public onHideClick = (_anchor: HTMLElement | null): void => {
+        void setMediaVisibility(this.props.mxEvent, false);
+    };
+
+    /** Forwards the expand or collapse thread action using the triggering button as the anchor. */
+    public onToggleThreadExpanded = (anchor: HTMLElement | null): void => {
+        this.props.onToggleThreadExpanded?.(anchor);
+    };
+
+    /** Forwards the overflow options action using the triggering button as the anchor. */
+    public onOptionsClick = (anchor: HTMLElement | null): void => {
+        this.props.onOptionsClick?.(anchor);
+    };
+
+    /** Forwards the reactions action using the triggering button as the anchor. */
+    public onReactionsClick = (anchor: HTMLElement | null): void => {
+        this.props.onReactionsClick?.(anchor);
+    };
+
+    /** Opens or starts the thread associated with the current event. */
+    public onReplyInThreadClick = (_anchor: HTMLElement | null): void => {
+        const { mxEvent, isCard } = this.props;
+        const thread = mxEvent.getThread();
+
+        if (thread?.rootEvent && !mxEvent.isThreadRoot) {
+            defaultDispatcher.dispatch<ShowThreadPayload>({
+                action: Action.ShowThread,
+                rootEvent: thread.rootEvent,
+                initialEvent: mxEvent,
+                scroll_into_view: true,
+                highlighted: true,
+                push: isCard,
+            });
+            return;
+        }
+
+        defaultDispatcher.dispatch<ShowThreadPayload>({
+            action: Action.ShowThread,
+            rootEvent: mxEvent,
+            push: isCard,
+        });
+    };
+}
diff --git a/apps/web/src/viewmodels/room/RoomStatusBar.ts b/apps/web/src/viewmodels/room/RoomStatusBar.ts
new file mode 100644
index 00000000000..799b3c4cec6
--- /dev/null
+++ b/apps/web/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/apps/web/src/viewmodels/room/RoomUploadViewModel.tsx b/apps/web/src/viewmodels/room/RoomUploadViewModel.tsx
new file mode 100644
index 00000000000..dd0ca4a0a54
--- /dev/null
+++ b/apps/web/src/viewmodels/room/RoomUploadViewModel.tsx
@@ -0,0 +1,322 @@
+/*
+ * 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 {
+    _t,
+    BaseViewModel,
+    type UploadButtonViewActions,
+    type UploadButtonViewSnapshot,
+    useCreateAutoDisposedViewModel,
+} from "@element-hq/web-shared-components";
+import { logger as rootLogger } from "matrix-js-sdk/src/logger";
+import { AttachmentIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import React, {
+    type ChangeEventHandler,
+    createContext,
+    type ReactNode,
+    useCallback,
+    useContext,
+    useEffect,
+    useRef,
+} from "react";
+import {
+    type MatrixClient,
+    type Room,
+    type IEventRelation,
+    type MatrixEvent,
+    RoomEvent,
+} from "matrix-js-sdk/src/matrix";
+
+import type { ComposerApiFileUploadOption } from "@element-hq/element-web-module-api";
+import { useScopedRoomContext } from "../../contexts/ScopedRoomContext";
+import { useMatrixClientContext } from "../../contexts/MatrixClientContext";
+import ContentMessages from "../../ContentMessages";
+import { TimelineRenderingType } from "../../contexts/RoomContext";
+import { chromeFileInputFix } from "../../utils/BrowserWorkarounds";
+import type { MatrixDispatcher } from "../../dispatcher/dispatcher";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { ModuleApi } from "../../modules/Api";
+import { ModuleComposerApiEvents } from "../../modules/ComposerApi";
+import { Action } from "../../dispatcher/actions";
+import type { ComposerInsertFilesPayload } from "../../dispatcher/payloads/ComposerInsertFilePayload";
+import { useDispatcher } from "../../hooks/useDispatcher";
+import type { ActionPayload } from "../../dispatcher/payloads";
+
+const logger = rootLogger.getChild("RoomUploadViewModel");
+
+interface RoomUploadViewSnapshot extends UploadButtonViewSnapshot {
+    mayDragAndDropFile: boolean;
+}
+
+export class RoomUploadViewModel
+    extends BaseViewModel<RoomUploadViewSnapshot, Record<string, never>>
+    implements UploadButtonViewActions
+{
+    private readonly uploadSelectFns = new Map<string, ComposerApiFileUploadOption["onSelected"]>();
+    public constructor(
+        private readonly room: Room,
+        private readonly client: MatrixClient,
+        private readonly timelineRenderingType: TimelineRenderingType,
+        private readonly dispatcher: MatrixDispatcher,
+        private replyToEvent: MatrixEvent | undefined,
+        private threadRelation: IEventRelation | undefined,
+        public readonly openUploadDialog: () => void,
+        private readonly moduleComposerApi = ModuleApi.instance.composer,
+    ) {
+        super(
+            {},
+            {
+                options: [],
+                mayDragAndDropFile: false,
+            },
+        );
+        // Initial check.
+        this.onRoomCurrentStateUpdated();
+        // Configure upload functions
+        for (const option of moduleComposerApi.fileUploadOptions) {
+            this.uploadSelectFns.set(option.type, option.onSelected);
+        }
+        this.uploadSelectFns.set("local", this.openUploadDialog);
+        room.on(RoomEvent.CurrentStateUpdated, this.onRoomCurrentStateUpdated);
+        this.disposables.trackListener(room, RoomEvent.CurrentStateUpdated, this.onRoomCurrentStateUpdated);
+
+        moduleComposerApi.on(ModuleComposerApiEvents.UploaderOptionsChanged, this.onUploaderOptionsChanged);
+        this.disposables.trackListener(
+            moduleComposerApi,
+            ModuleComposerApiEvents.UploaderOptionsChanged,
+            // Types issue.
+            this.onUploaderOptionsChanged as any,
+        );
+    }
+
+    private onRoomCurrentStateUpdated = (): void => {
+        const maySendMessage = this.room.maySendMessage();
+        this.snapshot.merge({
+            mayDragAndDropFile: maySendMessage,
+            options: maySendMessage
+                ? [
+                      {
+                          type: "local",
+                          label: _t("common|attachment"),
+                          icon: AttachmentIcon,
+                      },
+                      ...this.moduleComposerApi.fileUploadOptions.map((option) => ({
+                          type: option.type,
+                          label: option.label,
+                          icon: option.icon,
+                      })),
+                  ]
+                : [],
+        });
+    };
+
+    private readonly onUploaderOptionsChanged = (option: ComposerApiFileUploadOption): void => {
+        this.uploadSelectFns.set(option.type, option.onSelected);
+        this.snapshot.merge({
+            options: [
+                ...this.snapshot.current.options,
+                {
+                    type: option.type,
+                    label: option.label,
+                    icon: option.icon,
+                },
+            ],
+        });
+    };
+
+    public setReplyToEvent = (replyToEvent?: MatrixEvent): void => {
+        this.replyToEvent = replyToEvent;
+    };
+
+    public setThreadRelation = (threadRelation?: IEventRelation): void => {
+        this.threadRelation = threadRelation;
+    };
+
+    public initiateViaInputFiles = async (files: FileList | File[] | null): Promise<void> => {
+        if (!this.checkCanUpload()) {
+            return;
+        }
+        const { roomId } = this.room;
+        logger.info("initiateViaInputFiles for", roomId);
+        if (!files?.length) return;
+
+        try {
+            await ContentMessages.sharedInstance().sendContentListToRoom(
+                Array.from(files),
+                roomId,
+                this.threadRelation,
+                this.replyToEvent,
+                this.client,
+                this.timelineRenderingType,
+            );
+        } catch (ex) {
+            logger.warn("Failed to handle file upload transfer", ex);
+        }
+    };
+
+    public initiateViaDataTransfer = async (dataTransfer: DataTransfer): Promise<void> => {
+        if (!this.checkCanUpload()) {
+            return;
+        }
+        const { roomId } = this.room;
+        logger.info("initiateViaDataTransfer for", roomId);
+        if (!dataTransfer.files?.length) return;
+
+        try {
+            await ContentMessages.sharedInstance().sendContentListToRoom(
+                Array.from(dataTransfer.files),
+                roomId,
+                this.threadRelation,
+                this.replyToEvent,
+                this.client,
+                this.timelineRenderingType,
+            );
+        } catch (ex) {
+            logger.warn("Failed to handle drag and drop data transfer", ex);
+        }
+    };
+
+    public onUploadOptionSelected = (type: ComposerApiFileUploadOption["type"]): void => {
+        const fn = this.uploadSelectFns.get(type);
+        if (!fn) {
+            throw new Error("Unexpectedly called onUploadOptionSelected with an unknown type");
+        }
+        // At the point of this function being called, we should be in a state that is either rendering a room
+        // or timeline.
+        if (![TimelineRenderingType.Room, TimelineRenderingType.Thread].includes(this.timelineRenderingType)) {
+            throw new Error("TimelineRenderingType must be Room or Thread");
+        }
+        fn(
+            this.room.roomId,
+            {
+                view: this.timelineRenderingType === TimelineRenderingType.Room ? "room" : "thread",
+            },
+            {
+                inReplyToEventId: this.replyToEvent?.getId(),
+                relType: this.threadRelation?.rel_type,
+            },
+        );
+    };
+
+    private checkCanUpload(): boolean {
+        if (this.client.isGuest()) {
+            this.dispatcher.dispatch({ action: "require_registration" });
+            return false;
+        }
+        return true;
+    }
+}
+
+export const RoomUploadContext = createContext<RoomUploadViewModel | null>(null);
+
+export function useRoomUploadViewModel(): RoomUploadViewModel {
+    const ctx = useContext(RoomUploadContext);
+    if (!ctx) {
+        throw new Error("RoomFileUploadProvider is not present");
+    }
+    return ctx;
+}
+
+export function RoomUploadContextProvider({
+    children,
+    threadRelation,
+}: {
+    children: ReactNode;
+    threadRelation?: IEventRelation;
+}): ReactNode {
+    const { room, timelineRenderingType, replyToEvent } = useScopedRoomContext(
+        "room",
+        "timelineRenderingType",
+        "replyToEvent",
+    );
+    const client = useMatrixClientContext();
+    const uploadInput = useRef<HTMLInputElement>(null);
+
+    const openFilePicker = useCallback((): void => {
+        if (!uploadInput.current) {
+            throw new Error("Input not ready");
+        }
+        uploadInput.current.click();
+    }, [uploadInput]);
+
+    const vm = useCreateAutoDisposedViewModel(() => {
+        if (!room) {
+            throw new Error("RoomUploadContextProvider must have a room");
+        }
+        return new RoomUploadViewModel(
+            room,
+            client,
+            // Checked earlier
+            timelineRenderingType,
+            defaultDispatcher,
+            replyToEvent,
+            threadRelation,
+            openFilePicker,
+        );
+    });
+
+    useEffect(() => {
+        vm.setReplyToEvent(replyToEvent);
+    }, [vm, replyToEvent]);
+
+    useEffect(() => {
+        vm.setThreadRelation(threadRelation);
+    }, [vm, threadRelation]);
+
+    const onInputChange: ChangeEventHandler<HTMLInputElement> = useCallback(
+        (ev) => {
+            void (async () => {
+                try {
+                    await vm.initiateViaInputFiles(ev.target.files);
+                } finally {
+                    // This is the onChange handler for a file form control, but we're
+                    // not keeping any state, so reset the value of the form control
+                    // to empty.
+                    // NB. we need to set 'value': the 'files' property is immutable.
+                    ev.target.value = "";
+                }
+            })();
+        },
+        [vm],
+    );
+
+    useDispatcher(defaultDispatcher, (payload: ActionPayload) => {
+        if (payload.action !== Action.ComposerFileInsert) {
+            return;
+        }
+        const fileInsert = payload as ComposerInsertFilesPayload;
+        if (fileInsert.timelineRenderingType === timelineRenderingType) {
+            logger.info(
+                `Got ComposerFileInsert with ${fileInsert.files.length} files`,
+                timelineRenderingType,
+                threadRelation,
+            );
+            vm.initiateViaInputFiles(fileInsert.files);
+        }
+    });
+
+    // Note, while this logic could be largely replaced with https://developer.mozilla.org/en-US/docs/Web/API/Window/showOpenFilePicker
+    // it does not enjoy support across all our target platforms.
+    // Therefore, we use the invisible input element trick.
+
+    return (
+        <RoomUploadContext.Provider value={vm}>
+            <>
+                {children}
+                <input
+                    ref={uploadInput}
+                    type="file"
+                    data-testid="room-upload-context-input"
+                    style={{ display: "none" }}
+                    multiple
+                    onClick={chromeFileInputFix}
+                    onChange={onInputChange}
+                />
+            </>
+        </RoomUploadContext.Provider>
+    );
+}
diff --git a/apps/web/src/viewmodels/room/ThreadListActionBarViewModel.ts b/apps/web/src/viewmodels/room/ThreadListActionBarViewModel.ts
new file mode 100644
index 00000000000..60cbaf3c27b
--- /dev/null
+++ b/apps/web/src/viewmodels/room/ThreadListActionBarViewModel.ts
@@ -0,0 +1,57 @@
+/*
+ * 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,
+    ActionBarAction,
+    type ActionBarViewActions,
+    type ActionBarViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+/** Props for the thread-list action bar view model. */
+export interface ThreadListActionBarViewModelProps {
+    /** Called when the view in room action is activated. */
+    onViewInRoomClick?: (anchor: HTMLElement | null) => void;
+    /** Called when the copy link action is activated. */
+    onCopyLinkClick?: (anchor: HTMLElement | null) => void;
+}
+
+/** View model for the icon-only action bar shown in the thread list. */
+export class ThreadListActionBarViewModel
+    extends BaseViewModel<ActionBarViewSnapshot, ThreadListActionBarViewModelProps>
+    implements ActionBarViewActions
+{
+    public constructor(props: ThreadListActionBarViewModelProps) {
+        super(props, {
+            actions: [ActionBarAction.ViewInRoom, ActionBarAction.CopyLink],
+            presentation: "icon",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: false,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        });
+    }
+
+    /** Updates the action handlers exposed by the view model. */
+    public setProps(newProps: Partial<ThreadListActionBarViewModelProps>): void {
+        this.props = {
+            ...this.props,
+            ...newProps,
+        };
+    }
+
+    /** Forwards the view in room action using the triggering button as the anchor. */
+    public onViewInRoomClick = (anchor: HTMLElement | null): void => {
+        this.props.onViewInRoomClick?.(anchor);
+    };
+
+    /** Forwards the copy link action using the triggering button as the anchor. */
+    public onCopyLinkClick = (anchor: HTMLElement | null): void => {
+        this.props.onCopyLinkClick?.(anchor);
+    };
+}
diff --git a/apps/web/src/viewmodels/room/WidgetPipViewModel.test.ts b/apps/web/src/viewmodels/room/WidgetPipViewModel.test.ts
new file mode 100644
index 00000000000..646ee476b5e
--- /dev/null
+++ b/apps/web/src/viewmodels/room/WidgetPipViewModel.test.ts
@@ -0,0 +1,113 @@
+/*
+ * 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.
+ */
+
+// @vitest-environment happy-dom
+
+import { type MatrixClient, type Room, RoomEvent } from "matrix-js-sdk/src/matrix";
+import { vi, describe, it, expect, beforeEach, afterEach, type MockedObject } from "vitest";
+import { createRef } from "react";
+import { mkRoom, stubClient } from "test-utils";
+
+import { WidgetPipViewModel } from "./WidgetPipViewModel";
+import WidgetStore, { type IApp } from "../../stores/WidgetStore";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { Action } from "../../dispatcher/actions";
+import { WidgetLayoutStore } from "../../stores/widgets/WidgetLayoutStore";
+import { CallStore, CallStoreEvent } from "../../stores/CallStore";
+import { type Call } from "../../models/Call";
+
+const userId = "@example:example.org";
+const widgetId = "test-widget-id";
+
+type BackClickEvent = Parameters<WidgetPipViewModel["onBackClick"]>[0];
+
+const createBackClickEvent = (): BackClickEvent =>
+    ({
+        preventDefault: vi.fn(),
+        stopPropagation: vi.fn(),
+    }) as unknown as BackClickEvent;
+
+describe("WidgetPipViewModel", () => {
+    let client: MockedObject<MatrixClient>;
+    let vm: WidgetPipViewModel;
+    let room: MockedObject<Room>;
+    let widget: IApp;
+
+    beforeEach(() => {
+        client = stubClient() as MockedObject<MatrixClient>;
+        room = mkRoom(client, "!example");
+        widget = {
+            id: widgetId,
+            roomId: room.roomId,
+            creatorUserId: userId,
+            type: "m.custom",
+            name: "Test Widget",
+            data: {},
+        } as unknown as IApp;
+        vi.spyOn(WidgetStore.instance, "getApps").mockReturnValue([widget]);
+
+        vm = new WidgetPipViewModel({
+            room,
+            widgetId,
+            onStartMoving: () => {},
+            movePersistedElement: createRef(),
+        });
+    });
+
+    afterEach(() => {
+        vm.dispose();
+        vi.restoreAllMocks();
+    });
+
+    it("updates room name", () => {
+        room.name = "New Room Name";
+        room.emit(RoomEvent.Name, room);
+        expect(vm.getSnapshot().roomName).toBe("New Room Name");
+    });
+
+    it("updates onBackClick if call changes", () => {
+        const dispatchSpy = vi.spyOn(defaultDispatcher, "dispatch").mockImplementation(() => {});
+
+        vm.onBackClick(createBackClickEvent());
+        expect(dispatchSpy).toHaveBeenCalledWith({
+            action: Action.ViewRoom,
+            room_id: room.roomId,
+            metricsTrigger: "WebFloatingCallWindow",
+        });
+        dispatchSpy.mockClear();
+
+        const call = { widget: { id: widgetId } } as unknown as Call;
+        CallStore.instance.emit(CallStoreEvent.Call, call, room.roomId);
+
+        vm.onBackClick(createBackClickEvent());
+        expect(dispatchSpy).toHaveBeenCalledWith({
+            action: Action.ViewRoom,
+            room_id: room.roomId,
+            view_call: true,
+            metricsTrigger: "WebFloatingCallWindow",
+        });
+    });
+
+    it("updates onBackClick if viewingRoom changes", () => {
+        const dispatchSpy = vi.spyOn(defaultDispatcher, "dispatch").mockImplementation(() => {});
+        const moveSpy = vi.spyOn(WidgetLayoutStore.instance, "moveToContainer").mockImplementation(() => {});
+
+        vm.setViewingRoom(true);
+        vm.onBackClick(createBackClickEvent());
+        expect(moveSpy).toHaveBeenCalledWith(room, widget, "center");
+
+        moveSpy.mockClear();
+        vm.setViewingRoom(false);
+        vm.onBackClick(createBackClickEvent());
+        expect(dispatchSpy).toHaveBeenCalledWith({
+            action: Action.ViewRoom,
+            room_id: room.roomId,
+            metricsTrigger: "WebFloatingCallWindow",
+        });
+        expect(moveSpy).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/src/viewmodels/room/WidgetPipViewModel.tsx b/apps/web/src/viewmodels/room/WidgetPipViewModel.tsx
new file mode 100644
index 00000000000..7a49484834c
--- /dev/null
+++ b/apps/web/src/viewmodels/room/WidgetPipViewModel.tsx
@@ -0,0 +1,131 @@
+/*
+ * 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 {
+    BaseViewModel,
+    type WidgetPipViewSnapshot,
+    type WidgetPipViewModel as WidgetPipViewModelInterface,
+} from "@element-hq/web-shared-components";
+import { type Room, RoomEvent } from "matrix-js-sdk/src/matrix";
+import React from "react";
+
+import type { RefObject, FC } from "react";
+import { Action } from "../../dispatcher/actions";
+import WidgetStore, { type IApp } from "../../stores/WidgetStore";
+import { CallStore, CallStoreEvent } from "../../stores/CallStore";
+import { type Call } from "../../models/Call";
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import { type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import { WidgetLayoutStore } from "../../stores/widgets/WidgetLayoutStore";
+import PersistentApp from "../../components/views/elements/PersistentApp";
+
+export interface Props {
+    /**
+     * The widgetId this widget PiP view is showing.
+     */
+    widgetId: string;
+    /**
+     * The room this widget PiP view model is associated with.
+     */
+    room: Room;
+    /**
+     * A callback which is called when a mouse event (most likely mouse down) occurs at the start of moving the PiP around.
+     */
+    onStartMoving: (ev: React.MouseEvent) => void;
+    /**
+     * This callback ref will be used by the ViewModel once the view is moving.
+     * Widgets might be implemented with a top-layer DOM tree path containing the widget iframe.
+     * This allows moving the iframe around (PiP/in-room) without remounting it.
+     * This callback allows any `PersistentApp` view/component to know when to update the iframe position of the widget.
+     */
+    movePersistedElement: RefObject<(() => void) | null>;
+}
+
+export class WidgetPipViewModel
+    extends BaseViewModel<WidgetPipViewSnapshot, Props>
+    implements WidgetPipViewModelInterface
+{
+    /** The widget this view model uses for the PipView */
+    private readonly widget: IApp;
+    /**
+     * The call associated with the widget (if the widget is a call widget)
+     * For non-call widgets, this will be `null`.
+     */
+    private call: Call | null;
+    /** If the user is currently viewing the room associated with the PiP view (`this.props.room`) */
+    private viewingRoom?: boolean;
+
+    public constructor(props: Props) {
+        super(props, { widgetId: props.widgetId, roomName: props.room.name, roomId: props.room.roomId });
+        this.widget = WidgetStore.instance.getApps(props.room.roomId).find((app) => app.id === this.props.widgetId)!;
+        this.call = CallStore.instance.getCall(props.room.roomId) ?? null;
+        this.onStartMoving = props.onStartMoving;
+
+        this.disposables.trackListener(props.room, RoomEvent.Name, this.onRoomName);
+        this.disposables.trackListener(CallStore.instance, CallStoreEvent.Call, this.onCallChange);
+    }
+
+    public onStartMoving: (ev: React.MouseEvent) => void;
+
+    /**
+     * The view model needs to know if the room is currently being viewed.
+     * @param viewing Whether we are currently viewing the room.
+     */
+    public setViewingRoom(viewing: boolean): void {
+        this.viewingRoom = viewing;
+    }
+
+    public onBackClick(ev: React.MouseEvent): void {
+        ev.preventDefault();
+        ev.stopPropagation();
+
+        if (this.call !== null) {
+            defaultDispatcher.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: this.props.room.roomId,
+                view_call: true,
+                metricsTrigger: "WebFloatingCallWindow",
+            });
+        } else if (this.viewingRoom) {
+            WidgetLayoutStore.instance.moveToContainer(this.props.room, this.widget, "center");
+        } else {
+            defaultDispatcher.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: this.props.room.roomId,
+                metricsTrigger: "WebFloatingCallWindow",
+            });
+        }
+    }
+
+    /**
+     * The component to render as the persistent app by the WidgetPipView.
+     * @param props A copy of the `PersistentApp` component's props.
+     * @returns
+     */
+    public persistentAppComponent: FC<
+        Pick<React.ComponentProps<typeof PersistentApp>, "persistentWidgetId" | "persistentRoomId">
+    > = (props) => {
+        return (
+            <PersistentApp
+                persistentWidgetId={props.persistentWidgetId}
+                persistentRoomId={props.persistentRoomId}
+                movePersistedElement={this.props.movePersistedElement}
+            />
+        );
+    };
+
+    private readonly onRoomName = (): void => {
+        this.snapshot.merge({ roomName: this.props.room.name });
+    };
+
+    private readonly onCallChange = (...args: unknown[]): void => {
+        const [call, forRoomId] = args as [Call | null, string];
+        if (forRoomId === this.props.room.roomId) {
+            this.call = call?.widget.id === this.props.widgetId ? call : null;
+        }
+    };
+}
diff --git a/apps/web/src/viewmodels/room/notification-badge/NotificationBadgeViewModel.ts b/apps/web/src/viewmodels/room/notification-badge/NotificationBadgeViewModel.ts
new file mode 100644
index 00000000000..1ec79b86f33
--- /dev/null
+++ b/apps/web/src/viewmodels/room/notification-badge/NotificationBadgeViewModel.ts
@@ -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 { type MouseEventHandler } from "react";
+import {
+    BaseViewModel,
+    type NotificationBadgeType,
+    type NotificationBadgeViewModel as NotificationBadgeViewModelInterface,
+    type NotificationBadgeViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+import { NotificationLevel } from "../../../stores/notifications/NotificationLevel";
+import { type NotificationState } from "../../../stores/notifications/NotificationState";
+import { formatCount } from "../../../utils/FormattingUtils";
+
+export interface NotificationBadgeData {
+    symbol: string | null;
+    count: number;
+    level: NotificationLevel;
+    knocked?: boolean;
+}
+
+export interface NotificationBadgeViewModelProps extends NotificationBadgeData {
+    /**
+     * If true, hide badges that would render as a dot.
+     */
+    hideIfDot?: boolean;
+    /**
+     * If true, render a dot even when the badge has a count.
+     */
+    forceDot?: boolean;
+    /**
+     * Whether activity-level bold indicators are disabled by the user.
+     */
+    hideBold?: boolean;
+    /**
+     * Whether to show the unsent-message tooltip when the level is Unsent.
+     */
+    showUnsentTooltip?: boolean;
+    /**
+     * Accessible label for clickable badges.
+     */
+    ariaLabel?: string;
+    /**
+     * Tab index for clickable badges.
+     */
+    tabIndex?: number;
+    /**
+     * Called when an interactive badge is activated.
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+
+function getBadgeType(
+    level: NotificationLevel,
+    symbol: string | null,
+    forceDot?: boolean,
+    knocked?: boolean,
+): NotificationBadgeType {
+    if (!knocked && (forceDot || level <= NotificationLevel.Activity)) {
+        return "dot";
+    }
+
+    return symbol && symbol.length >= 3 ? "badge_3char" : "badge_2char";
+}
+
+export function notificationBadgeDataFromNotification(notification: NotificationState): NotificationBadgeData {
+    return {
+        symbol: notification.symbol,
+        count: notification.count,
+        level: notification.level,
+        knocked: notification.knocked,
+    };
+}
+
+export class NotificationBadgeViewModel
+    extends BaseViewModel<NotificationBadgeViewSnapshot, NotificationBadgeViewModelProps>
+    implements NotificationBadgeViewModelInterface
+{
+    private static readonly computeSnapshot = (
+        props: NotificationBadgeViewModelProps,
+    ): NotificationBadgeViewSnapshot => {
+        const knocked = !!props.knocked;
+        const isIdle = props.level <= NotificationLevel.None;
+        const hiddenByBoldSetting = !!props.hideBold && props.level === NotificationLevel.Activity;
+        const hiddenByDotSetting = !!props.hideIfDot && props.level < NotificationLevel.Notification;
+        const hasUnreadCount = props.level >= NotificationLevel.Notification && (!!props.count || !!props.symbol);
+        const isEmptyBadge = props.symbol === null && props.count === 0;
+        const isRendered = !((isIdle || hiddenByBoldSetting) && !knocked) && !hiddenByDotSetting;
+        const isVisible = isEmptyBadge || knocked || hasUnreadCount;
+        const displaySymbol = props.symbol === null && props.count > 0 ? formatCount(props.count) : props.symbol;
+
+        return {
+            shouldRender: isRendered,
+            isVisible: isRendered && isVisible,
+            isNotification: props.level === NotificationLevel.Notification,
+            isHighlight: props.level >= NotificationLevel.Highlight,
+            isKnocked: knocked,
+            badgeType: getBadgeType(props.level, displaySymbol, props.forceDot, knocked),
+            symbol: displaySymbol,
+            isClickable: !!props.onClick,
+            ariaLabel: props.ariaLabel,
+            tabIndex: props.tabIndex,
+            showUnsentTooltip: !!props.showUnsentTooltip && props.level === NotificationLevel.Unsent,
+        };
+    };
+
+    public constructor(props: NotificationBadgeViewModelProps) {
+        super(props, NotificationBadgeViewModel.computeSnapshot(props));
+    }
+
+    private updateSnapshotFromProps(): void {
+        this.snapshot.merge(NotificationBadgeViewModel.computeSnapshot(this.props));
+    }
+
+    public setNotificationData(data: NotificationBadgeData): void {
+        this.props = {
+            ...this.props,
+            ...data,
+        };
+        this.updateSnapshotFromProps();
+    }
+
+    public setHideIfDot(hideIfDot: boolean): void {
+        this.props = {
+            ...this.props,
+            hideIfDot,
+        };
+        this.updateSnapshotFromProps();
+    }
+
+    public setForceDot(forceDot: boolean): void {
+        this.props = {
+            ...this.props,
+            forceDot,
+        };
+        this.updateSnapshotFromProps();
+    }
+
+    public setHideBold(hideBold: boolean): void {
+        this.props = {
+            ...this.props,
+            hideBold,
+        };
+        this.updateSnapshotFromProps();
+    }
+
+    public setShowUnsentTooltip(showUnsentTooltip: boolean): void {
+        this.props = {
+            ...this.props,
+            showUnsentTooltip,
+        };
+        this.updateSnapshotFromProps();
+    }
+
+    public setClickOptions({
+        onClick,
+        ariaLabel,
+        tabIndex,
+    }: Pick<NotificationBadgeViewModelProps, "onClick" | "ariaLabel" | "tabIndex">): void {
+        this.props = {
+            ...this.props,
+            onClick,
+            ariaLabel,
+            tabIndex,
+        };
+        this.updateSnapshotFromProps();
+    }
+
+    public onClick: MouseEventHandler<HTMLButtonElement> = (event) => {
+        this.props.onClick?.(event);
+    };
+}
diff --git a/apps/web/src/viewmodels/room/notification-badge/UnreadNotificationBadgeViewModel.ts b/apps/web/src/viewmodels/room/notification-badge/UnreadNotificationBadgeViewModel.ts
new file mode 100644
index 00000000000..2e6f8d65152
--- /dev/null
+++ b/apps/web/src/viewmodels/room/notification-badge/UnreadNotificationBadgeViewModel.ts
@@ -0,0 +1,186 @@
+/*
+ * 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 NotificationCount, type Room, RoomEvent } from "matrix-js-sdk/src/matrix";
+import {
+    BaseViewModel,
+    type NotificationBadgeType,
+    type NotificationBadgeViewSnapshot,
+    type NotificationBadgeViewModel as NotificationBadgeViewModelInterface,
+} from "@element-hq/web-shared-components";
+
+import { determineUnreadState } from "../../../RoomNotifs";
+import { NotificationLevel } from "../../../stores/notifications/NotificationLevel";
+import SettingsStore from "../../../settings/SettingsStore";
+import { formatCount } from "../../../utils/FormattingUtils";
+
+const notificationChangeEvents = [
+    RoomEvent.Receipt,
+    RoomEvent.Timeline,
+    RoomEvent.Redaction,
+    RoomEvent.LocalEchoUpdated,
+    RoomEvent.MyMembership,
+];
+
+function getBadgeType(level: NotificationLevel, symbol: string | null, forceDot?: boolean): NotificationBadgeType {
+    if (forceDot || level <= NotificationLevel.Activity) {
+        return "dot";
+    }
+
+    return symbol && symbol.length >= 3 ? "badge_3char" : "badge_2char";
+}
+
+export interface UnreadNotificationBadgeViewModelProps {
+    /**
+     * Room whose unread state should be represented by the badge.
+     */
+    room?: Room;
+    /**
+     * Thread to read unread state from. Omit for room-level unread state.
+     */
+    threadId?: string;
+    /**
+     * Show a dot instead of a numeric/symbol badge whenever the badge would otherwise render.
+     */
+    forceDot?: boolean;
+}
+
+interface InternalProps extends UnreadNotificationBadgeViewModelProps {
+    hideBold: boolean;
+}
+
+export class UnreadNotificationBadgeViewModel
+    extends BaseViewModel<NotificationBadgeViewSnapshot, InternalProps>
+    implements NotificationBadgeViewModelInterface
+{
+    private listenerCleanups: Array<() => void> = [];
+
+    private static readonly computeSnapshot = (props: InternalProps): NotificationBadgeViewSnapshot => {
+        const { symbol, count, level } = determineUnreadState(props.room, props.threadId, false);
+        const displaySymbol = symbol ?? (count > 0 ? formatCount(count) : null);
+        const hasUnreadCount = level >= NotificationLevel.Notification && (count > 0 || symbol !== null);
+        const isSuppressedActivity = props.hideBold && level === NotificationLevel.Activity;
+
+        return {
+            shouldRender: level !== NotificationLevel.None && !isSuppressedActivity,
+            isVisible: symbol === null && count === 0 ? true : hasUnreadCount,
+            isNotification: level === NotificationLevel.Notification,
+            isHighlight: level >= NotificationLevel.Highlight,
+            isKnocked: false,
+            badgeType: getBadgeType(level, displaySymbol, props.forceDot),
+            symbol: displaySymbol,
+            isClickable: false,
+            showUnsentTooltip: false,
+        };
+    };
+
+    public constructor(props: UnreadNotificationBadgeViewModelProps) {
+        const internalProps: InternalProps = {
+            ...props,
+            hideBold: SettingsStore.getValue("feature_hidebold"),
+        };
+
+        super(internalProps, UnreadNotificationBadgeViewModel.computeSnapshot(internalProps));
+
+        this.setupListeners();
+
+        const hideBoldWatcherRef = SettingsStore.watchSetting("feature_hidebold", null, this.onHideBoldSettingChanged);
+        this.disposables.track(() => SettingsStore.unwatchSetting(hideBoldWatcherRef));
+    }
+
+    public dispose(): void {
+        this.teardownListeners();
+        super.dispose();
+    }
+
+    public setRoom(room?: Room): void {
+        if (this.props.room === room) return;
+
+        this.props = {
+            ...this.props,
+            room,
+        };
+        this.setupListeners();
+        this.updateSnapshotFromProps();
+    }
+
+    public setThreadId(threadId?: string): void {
+        if (this.props.threadId === threadId) return;
+
+        this.props = {
+            ...this.props,
+            threadId,
+        };
+        this.updateSnapshotFromProps();
+    }
+
+    public setForceDot(forceDot?: boolean): void {
+        if (this.props.forceDot === forceDot) return;
+
+        this.props = {
+            ...this.props,
+            forceDot,
+        };
+        this.updateSnapshotFromProps();
+    }
+
+    private setHideBold(hideBold: boolean): void {
+        if (this.props.hideBold === hideBold) return;
+
+        this.props = {
+            ...this.props,
+            hideBold,
+        };
+        this.updateSnapshotFromProps();
+    }
+
+    private updateSnapshotFromProps(): void {
+        this.snapshot.merge(UnreadNotificationBadgeViewModel.computeSnapshot(this.props));
+    }
+
+    private setupListeners(): void {
+        this.teardownListeners();
+
+        const { room } = this.props;
+        if (!room) return;
+
+        room.on(RoomEvent.UnreadNotifications, this.onRoomUnreadNotifications);
+        for (const eventName of notificationChangeEvents) {
+            room.on(eventName, this.onNotificationChanged);
+        }
+
+        this.listenerCleanups.push(() => {
+            room.off(RoomEvent.UnreadNotifications, this.onRoomUnreadNotifications);
+            for (const eventName of notificationChangeEvents) {
+                room.off(eventName, this.onNotificationChanged);
+            }
+        });
+    }
+
+    private teardownListeners(): void {
+        for (const cleanup of this.listenerCleanups) {
+            cleanup();
+        }
+        this.listenerCleanups = [];
+    }
+
+    private readonly onRoomUnreadNotifications = (
+        _unreadNotifications?: NotificationCount,
+        evtThreadId?: string,
+    ): void => {
+        if (this.props.threadId && this.props.threadId !== evtThreadId) return;
+        this.updateSnapshotFromProps();
+    };
+
+    private readonly onNotificationChanged = (): void => {
+        this.updateSnapshotFromProps();
+    };
+
+    private readonly onHideBoldSettingChanged = (): void => {
+        this.setHideBold(SettingsStore.getValue("feature_hidebold"));
+    };
+}
diff --git a/apps/web/src/viewmodels/room/right-panel/WidgetContextMenuViewModel.tsx b/apps/web/src/viewmodels/room/right-panel/WidgetContextMenuViewModel.tsx
new file mode 100644
index 00000000000..389d26e7df0
--- /dev/null
+++ b/apps/web/src/viewmodels/room/right-panel/WidgetContextMenuViewModel.tsx
@@ -0,0 +1,299 @@
+/*
+ * 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 WidgetContextMenuViewSnapshot,
+    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 { 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<WidgetContextMenuViewSnapshot, 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,
+    ): WidgetContextMenuViewSnapshot => {
+        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, "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, "top", this._app, direction);
+            this.props.onFinished();
+        };
+    }
+}
+
+interface WidgetContextMenuProps {
+    app: IWidget;
+    userWidget?: boolean;
+    showUnpin?: boolean;
+    menuDisplayed: boolean;
+    trigger: ReactNode;
+    // override delete handler
+    onDeleteClick?(this: void): void;
+    // override edit handler
+    onEditClick?(this: void): void;
+    onFinished(this: void): 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/apps/web/src/viewmodels/room/timeline/DateSeparatorViewModel.test.ts b/apps/web/src/viewmodels/room/timeline/DateSeparatorViewModel.test.ts
new file mode 100644
index 00000000000..705ec59cec6
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/DateSeparatorViewModel.test.ts
@@ -0,0 +1,356 @@
+/*
+ * 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, describe, it, expect, beforeEach, afterEach } from "vitest";
+import React from "react";
+import { ConnectionError, Direction } from "matrix-js-sdk/src/matrix";
+import { flushPromisesWithFakeTimers } from "test-utils/utilities";
+
+import dispatcher from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import { formatFullDateNoTime } from "../../../DateUtils";
+import Modal from "../../../Modal";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import SettingsStore from "../../../settings/SettingsStore";
+import { UIFeature } from "../../../settings/UIFeature";
+import { SDKContextClass } from "../../../contexts/SDKContextClass";
+import { DateSeparatorViewModel } from "./DateSeparatorViewModel";
+
+vi.mock("../../../Modal");
+vi.mock("../../../settings/SettingsStore");
+vi.mock("../../../contexts/SDKContextClass", () => ({
+    SDKContextClass: {
+        instance: {
+            roomViewStore: {
+                getRoomId: vi.fn(),
+            },
+        },
+    },
+}));
+
+describe("DateSeparatorViewModel", () => {
+    const HOUR_MS = 3600000;
+    const DAY_MS = HOUR_MS * 24;
+    // Friday Dec 17 2021, 9:09am
+    const nowDate = new Date("2021-12-17T08:09:00.000Z");
+    const roomId = "!room:example.org";
+    const defaultProps = {
+        roomId,
+        ts: nowDate.getTime(),
+    };
+    type TestCase = [string, number, string];
+    const testCases: TestCase[] = [
+        ["the exact same moment", nowDate.getTime(), "today"],
+        ["same day as current day", nowDate.getTime() - HOUR_MS, "today"],
+        ["day before the current day", nowDate.getTime() - HOUR_MS * 12, "yesterday"],
+        ["2 days ago", nowDate.getTime() - DAY_MS * 2, "Wednesday"],
+        ["144 hours ago", nowDate.getTime() - HOUR_MS * 144, "Sat, Dec 11, 2021"],
+        [
+            "6 days ago, but less than 144h",
+            new Date("Saturday Dec 11 2021 23:59:00 GMT+0100 (Central European Standard Time)").getTime(),
+            "Saturday",
+        ],
+    ];
+
+    const watchCallbacks = new Map<string, (...args: any[]) => void>();
+    const mockTimestampToEvent = vi.fn();
+
+    const hasTestId = (node: React.ReactNode, testId: string): boolean => {
+        if (!React.isValidElement<{ children?: React.ReactNode }>(node)) return false;
+        const props = node.props as { "children"?: React.ReactNode; "data-testid"?: string };
+        if (props["data-testid"] === testId) return true;
+
+        const children = React.Children.toArray(props.children);
+        return children.some((child) => hasTestId(child, testId));
+    };
+
+    const createViewModel = (
+        props: Partial<typeof defaultProps> & { forExport?: boolean } = {},
+    ): DateSeparatorViewModel => {
+        return new DateSeparatorViewModel({
+            ...defaultProps,
+            ...props,
+            roomViewStore: SDKContextClass.instance.roomViewStore,
+        });
+    };
+
+    beforeEach(() => {
+        vi.useFakeTimers();
+        vi.setSystemTime(nowDate.getTime());
+        watchCallbacks.clear();
+
+        vi.mocked(SettingsStore).getValue.mockImplementation((key): any => {
+            if (String(key) === UIFeature.TimelineEnableRelativeDates) return true;
+            if (key === "feature_jump_to_date") return false;
+            return undefined;
+        });
+        vi.mocked(SettingsStore).watchSetting.mockImplementation((settingName, _roomId, cb): any => {
+            watchCallbacks.set(String(settingName), cb);
+            return `${String(settingName)}-watch-ref`;
+        });
+        vi.mocked(SettingsStore).unwatchSetting.mockImplementation(() => {});
+
+        mockTimestampToEvent.mockReset();
+        vi.spyOn(MatrixClientPeg, "safeGet").mockReturnValue({
+            timestampToEvent: mockTimestampToEvent,
+        } as any);
+
+        vi.spyOn(dispatcher, "dispatch").mockImplementation(() => {});
+        vi.spyOn(Modal, "createDialog").mockImplementation(() => ({ close: vi.fn() }) as any);
+
+        vi.mocked(SDKContextClass.instance.roomViewStore.getRoomId).mockReturnValue(roomId);
+    });
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+        vi.clearAllMocks();
+        vi.useRealTimers();
+    });
+
+    it("computes relative label for today", () => {
+        const vm = createViewModel();
+
+        expect(vm.getSnapshot().label).toBe("today");
+    });
+
+    it("uses full date when exporting", () => {
+        const vm = createViewModel({ forExport: true });
+
+        expect(vm.getSnapshot().label).toBe(formatFullDateNoTime(nowDate));
+    });
+
+    it("updates label when relative dates setting changes at runtime", () => {
+        const vm = createViewModel();
+        expect(vm.getSnapshot().label).toBe("today");
+
+        const callback = watchCallbacks.get(UIFeature.TimelineEnableRelativeDates);
+        expect(callback).toBeDefined();
+        callback?.(UIFeature.TimelineEnableRelativeDates, null, null, null, false);
+
+        expect(vm.getSnapshot().label).toBe(formatFullDateNoTime(nowDate));
+    });
+
+    it("exposes jumpToDateMenu when feature is enabled", () => {
+        vi.mocked(SettingsStore).getValue.mockImplementation((key): any => {
+            if (String(key) === UIFeature.TimelineEnableRelativeDates) return true;
+            if (key === "feature_jump_to_date") return true;
+            return undefined;
+        });
+        const vm = createViewModel();
+
+        expect(vm.getSnapshot().jumpToEnabled).toBeTruthy();
+    });
+
+    it("exposes jumpFromDate in snapshot", () => {
+        const vm = createViewModel();
+
+        expect(vm.getSnapshot().jumpFromDate).toBe("2021-12-17");
+    });
+
+    it("does not expose jumpToDateMenu when exporting", () => {
+        vi.mocked(SettingsStore).getValue.mockImplementation((key): any => {
+            if (String(key) === UIFeature.TimelineEnableRelativeDates) return true;
+            if (key === "feature_jump_to_date") return true;
+            return undefined;
+        });
+        const vm = createViewModel({ forExport: true });
+
+        expect(vm.getSnapshot().jumpToEnabled).toBeFalsy();
+    });
+
+    it("updates jumpToEnabled when feature_jump_to_date changes at runtime", () => {
+        const vm = createViewModel();
+        expect(vm.getSnapshot().jumpToEnabled).toBeFalsy();
+
+        const callback = watchCallbacks.get("feature_jump_to_date");
+        expect(callback).toBeDefined();
+        callback?.("feature_jump_to_date", null, null, null, true);
+
+        expect(vm.getSnapshot().jumpToEnabled).toBeTruthy();
+    });
+
+    it("dispatches ViewRoom when pickDate resolves in active room", async () => {
+        const eventId = "$event";
+        const unixTimestamp = nowDate.getTime() - DAY_MS;
+        mockTimestampToEvent.mockResolvedValue({
+            event_id: eventId,
+            origin_server_ts: unixTimestamp,
+        });
+        const vm = createViewModel();
+
+        await vm.pickDate(unixTimestamp);
+
+        expect(mockTimestampToEvent).toHaveBeenCalledWith(roomId, unixTimestamp, Direction.Forward);
+        expect(dispatcher.dispatch).toHaveBeenCalledWith({
+            action: Action.ViewRoom,
+            event_id: eventId,
+            highlighted: true,
+            room_id: roomId,
+            metricsTrigger: undefined,
+        });
+    });
+
+    it("does not dispatch ViewRoom when room changed before pickDate resolves", async () => {
+        mockTimestampToEvent.mockResolvedValue({
+            event_id: "$event",
+            origin_server_ts: nowDate.getTime(),
+        });
+        vi.mocked(SDKContextClass.instance.roomViewStore.getRoomId).mockReturnValue("!other:example.org");
+        const vm = createViewModel();
+
+        await vm.pickDate(nowDate.getTime() - HOUR_MS);
+
+        expect(dispatcher.dispatch).not.toHaveBeenCalled();
+    });
+
+    it("shows submit debug logs option for generic errors", async () => {
+        mockTimestampToEvent.mockRejectedValue(new Error("Boom"));
+        const vm = createViewModel();
+
+        await vm.pickDate(nowDate.getTime() - HOUR_MS);
+
+        expect(Modal.createDialog).toHaveBeenCalled();
+        const [, params] = vi.mocked(Modal.createDialog).mock.calls.at(-1)!;
+        expect(hasTestId((params as any).description, "jump-to-date-error-submit-debug-logs-button")).toBe(true);
+    });
+
+    it("does not show submit debug logs option for connection errors", async () => {
+        mockTimestampToEvent.mockRejectedValue(new ConnectionError("offline"));
+        const vm = createViewModel();
+
+        await vm.pickDate(nowDate.getTime() - HOUR_MS);
+
+        expect(Modal.createDialog).toHaveBeenCalled();
+        const [, params] = vi.mocked(Modal.createDialog).mock.calls.at(-1)!;
+        expect(hasTestId((params as any).description, "jump-to-date-error-submit-debug-logs-button")).toBe(false);
+    });
+
+    describe("snapshot labels", () => {
+        it.each(testCases)("formats date correctly when current time is %s", (_d, ts, result) => {
+            expect(createViewModel({ ts }).getSnapshot().label).toContain(result);
+        });
+
+        describe("when forExport is true", () => {
+            it.each(testCases)("formats date in full when current time is %s", (_d, ts) => {
+                expect(createViewModel({ ts, forExport: true }).getSnapshot().label).toContain(
+                    formatFullDateNoTime(new Date(ts)),
+                );
+            });
+        });
+
+        describe("when TimelineEnableRelativeDates is false", () => {
+            beforeEach(() => {
+                vi.mocked(SettingsStore).getValue.mockImplementation((key): any => {
+                    if (String(key) === UIFeature.TimelineEnableRelativeDates) return false;
+                    if (key === "feature_jump_to_date") return false;
+                    return undefined;
+                });
+            });
+
+            it.each(testCases)("formats date in full when current time is %s", (_d, ts) => {
+                expect(createViewModel({ ts }).getSnapshot().label).toContain(formatFullDateNoTime(new Date(ts)));
+            });
+        });
+    });
+
+    describe("jump actions", () => {
+        beforeEach(() => {
+            vi.mocked(SettingsStore).getValue.mockImplementation((key): any => {
+                if (String(key) === UIFeature.TimelineEnableRelativeDates) return true;
+                if (key === "feature_jump_to_date") return true;
+                return undefined;
+            });
+        });
+
+        [
+            {
+                timeDescriptor: "last week",
+                run: (vm: DateSeparatorViewModel): Promise<void> => vm.onLastWeekPicked(),
+            },
+            {
+                timeDescriptor: "last month",
+                run: (vm: DateSeparatorViewModel): Promise<void> => vm.onLastMonthPicked(),
+            },
+            {
+                timeDescriptor: "the beginning",
+                run: (vm: DateSeparatorViewModel): Promise<void> => vm.onBeginningPicked(),
+            },
+        ].forEach((testCase) => {
+            it(`can jump to ${testCase.timeDescriptor}`, async () => {
+                const returnedDate = new Date();
+                returnedDate.setDate(nowDate.getDate() - 100);
+                const returnedEventId = "$abc";
+                mockTimestampToEvent.mockResolvedValue({
+                    event_id: returnedEventId,
+                    origin_server_ts: returnedDate.getTime(),
+                });
+                const vm = createViewModel();
+
+                await testCase.run(vm);
+                await flushPromisesWithFakeTimers();
+
+                expect(mockTimestampToEvent).toHaveBeenCalledWith(roomId, expect.any(Number), Direction.Forward);
+                expect(dispatcher.dispatch).toHaveBeenCalledWith({
+                    action: Action.ViewRoom,
+                    event_id: returnedEventId,
+                    highlighted: true,
+                    room_id: roomId,
+                    metricsTrigger: undefined,
+                });
+            });
+        });
+
+        it("does not jump when room changed before request resolves", async () => {
+            vi.mocked(SDKContextClass.instance.roomViewStore.getRoomId).mockReturnValue("!some-other-room");
+            mockTimestampToEvent.mockResolvedValue({
+                event_id: "$abc",
+                origin_server_ts: 0,
+            });
+            const vm = createViewModel();
+
+            await vm.onLastWeekPicked();
+            await flushPromisesWithFakeTimers();
+
+            expect(dispatcher.dispatch).not.toHaveBeenCalled();
+        });
+
+        it("does not show jump to date error if user switched room", async () => {
+            vi.mocked(SDKContextClass.instance.roomViewStore.getRoomId).mockReturnValue("!some-other-room");
+            mockTimestampToEvent.mockRejectedValue(new Error("Fake error in test"));
+            const vm = createViewModel();
+
+            await vm.onLastWeekPicked();
+            await flushPromisesWithFakeTimers();
+
+            expect(Modal.createDialog).not.toHaveBeenCalled();
+        });
+
+        it("shows error dialog with submit debug logs option when non-networking error occurs", async () => {
+            mockTimestampToEvent.mockRejectedValue(new Error("Fake error in test"));
+            const vm = createViewModel();
+
+            await vm.onLastWeekPicked();
+            await flushPromisesWithFakeTimers();
+
+            expect(Modal.createDialog).toHaveBeenCalled();
+            const [, params] = vi.mocked(Modal.createDialog).mock.calls.at(-1)!;
+            expect(hasTestId((params as any).description, "jump-to-date-error-submit-debug-logs-button")).toBe(true);
+        });
+
+        it("shows error dialog without submit debug logs option when networking error occurs", async () => {
+            mockTimestampToEvent.mockRejectedValue(new ConnectionError("Fake connection error in test"));
+            const vm = createViewModel();
+
+            await vm.onLastWeekPicked();
+            await flushPromisesWithFakeTimers();
+
+            expect(Modal.createDialog).toHaveBeenCalled();
+            const [, params] = vi.mocked(Modal.createDialog).mock.calls.at(-1)!;
+            expect(hasTestId((params as any).description, "jump-to-date-error-submit-debug-logs-button")).toBe(false);
+        });
+    });
+});
diff --git a/apps/web/src/viewmodels/room/timeline/DateSeparatorViewModel.tsx b/apps/web/src/viewmodels/room/timeline/DateSeparatorViewModel.tsx
new file mode 100644
index 00000000000..7e7517c40fa
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/DateSeparatorViewModel.tsx
@@ -0,0 +1,287 @@
+/*
+ * 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 {
+    formatDateForInput,
+    BaseViewModel,
+    type DateSeparatorViewSnapshot as DateSeparatorViewSnapshotInterface,
+    type DateSeparatorViewModel as DateSeparatorViewModelInterface,
+} from "@element-hq/web-shared-components";
+import React from "react";
+import { Direction, ConnectionError, HTTPError, MatrixError } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { formatFullDateNoDay, formatFullDateNoTime, getDaysArray } from "../../../DateUtils";
+import { MatrixClientPeg } from "../../../MatrixClientPeg";
+import dispatcher from "../../../dispatcher/dispatcher";
+import { Action } from "../../../dispatcher/actions";
+import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
+import { _t } from "../../../languageHandler";
+import { getUserLanguage } from "../../../i18n/settings";
+import Modal from "../../../Modal";
+import SettingsStore from "../../../settings/SettingsStore";
+import { UIFeature } from "../../../settings/UIFeature";
+import ErrorDialog from "../../../components/views/dialogs/ErrorDialog";
+import BugReportDialog from "../../../components/views/dialogs/BugReportDialog";
+import AccessibleButton from "../../../components/views/elements/AccessibleButton";
+import { type RoomViewStore } from "../../../stores/RoomViewStore.tsx";
+
+export interface DateSeparatorViewModelProps {
+    /**
+     * Room ID used for jump-to-date navigation and room-switch guards.
+     */
+    roomId: string;
+    /**
+     * Timestamp used to compute the date separator label and initial picker value.
+     */
+    ts: number;
+    /**
+     * Export mode disables relative date labels and jump-to-date menu UI.
+     */
+    forExport?: boolean;
+    /**
+     * The room view store instance to use
+     */
+    roomViewStore: RoomViewStore;
+}
+
+/**
+ * ViewModel for the date separator, providing the current state of the component.
+ */
+export class DateSeparatorViewModel
+    extends BaseViewModel<DateSeparatorViewSnapshotInterface, DateSeparatorViewModelProps>
+    implements DateSeparatorViewModelInterface
+{
+    /**
+     * Cached setting for UIFeature.TimelineEnableRelativeDates.
+     * Updated via SettingsStore watcher to keep labels in sync at runtime.
+     */
+    private relativeDatesEnabled: boolean;
+    /**
+     * Cached setting for feature_jump_to_date.
+     * Controls whether the jump-to-date menu is exposed in the snapshot.
+     */
+    private jumpToDateEnabled: boolean;
+
+    public constructor(props: DateSeparatorViewModelProps) {
+        const relativeDatesEnabled = SettingsStore.getValue(UIFeature.TimelineEnableRelativeDates);
+        const jumpToDateEnabled = SettingsStore.getValue("feature_jump_to_date");
+
+        super(props, {
+            label: DateSeparatorViewModel.computeLabel(props, relativeDatesEnabled),
+        });
+
+        this.relativeDatesEnabled = relativeDatesEnabled;
+        this.jumpToDateEnabled = jumpToDateEnabled;
+        this.updateSnapshot();
+
+        // Keep label behaviour in sync with runtime setting updates.
+        const jumpToDateWatcherRef = SettingsStore.watchSetting(
+            "feature_jump_to_date",
+            null,
+            (_settingName, _roomId, _level, _newValAtLevel, newVal) => {
+                this.jumpToDateEnabled = !!newVal;
+                this.updateSnapshot();
+            },
+        );
+        this.disposables.track(() => SettingsStore.unwatchSetting(jumpToDateWatcherRef));
+
+        const relativeDatesWatcherRef = SettingsStore.watchSetting(
+            UIFeature.TimelineEnableRelativeDates,
+            null,
+            (_settingName, _roomId, _level, _newValAtLevel, newVal) => {
+                this.relativeDatesEnabled = !!newVal;
+                this.updateSnapshot();
+            },
+        );
+        this.disposables.track(() => SettingsStore.unwatchSetting(relativeDatesWatcherRef));
+    }
+
+    private computeSnapshot(): DateSeparatorViewSnapshotInterface {
+        const label = DateSeparatorViewModel.computeLabel(this.props, this.relativeDatesEnabled);
+        return {
+            label,
+            jumpToEnabled: this.jumpToDateEnabled && !this.props.forExport,
+            jumpFromDate: formatDateForInput(new Date(this.props.ts)),
+        };
+    }
+
+    private updateSnapshot(): void {
+        this.snapshot.set(this.computeSnapshot());
+    }
+
+    private static get relativeTimeFormat(): Intl.RelativeTimeFormat {
+        return new Intl.RelativeTimeFormat(getUserLanguage(), { style: "long", numeric: "auto" });
+    }
+
+    private static computeLabel(props: DateSeparatorViewModelProps, relativeDatesEnabled: boolean): string {
+        try {
+            const date = new Date(props.ts);
+
+            // During export, relative dates are ambiguous and should not be used.
+            if (props.forExport || !relativeDatesEnabled) return formatFullDateNoTime(date);
+
+            const today = new Date();
+            const yesterday = new Date();
+            const days = getDaysArray("long");
+            yesterday.setDate(today.getDate() - 1);
+
+            if (date.toDateString() === today.toDateString()) {
+                return this.relativeTimeFormat.format(0, "day");
+            } else if (date.toDateString() === yesterday.toDateString()) {
+                return this.relativeTimeFormat.format(-1, "day");
+            } else if (today.getTime() - date.getTime() < 6 * 24 * 60 * 60 * 1000) {
+                return days[date.getDay()];
+            } else {
+                return formatFullDateNoTime(date);
+            }
+        } catch {
+            return _t("common|message_timestamp_invalid");
+        }
+    }
+
+    public pickDate = async (inputTimestamp: number | string | Date): Promise<void> => {
+        const unixTimestamp = new Date(inputTimestamp).getTime();
+        const roomIdForJumpRequest = this.props.roomId;
+
+        try {
+            const cli = MatrixClientPeg.safeGet();
+            const { event_id: eventId, origin_server_ts: originServerTs } = await cli.timestampToEvent(
+                roomIdForJumpRequest,
+                unixTimestamp,
+                Direction.Forward,
+            );
+            logger.log(
+                `/timestamp_to_event: ` +
+                    `found ${eventId} (${originServerTs}) for timestamp=${unixTimestamp} (looking forward)`,
+            );
+
+            // Only try to navigate to the room if the user is still viewing the same
+            // room. We don't want to jump someone back to a room after a slow request
+            // if they've already navigated away to another room.
+            const currentRoomId = this.props.roomViewStore.getRoomId();
+            if (currentRoomId === roomIdForJumpRequest) {
+                dispatcher.dispatch<ViewRoomPayload>({
+                    action: Action.ViewRoom,
+                    event_id: eventId,
+                    highlighted: true,
+                    room_id: roomIdForJumpRequest,
+                    metricsTrigger: undefined, // room doesn't change
+                });
+            } else {
+                logger.debug(
+                    `No longer navigating to date in room (jump to date) because the user already switched ` +
+                        `to another room: currentRoomId=${currentRoomId}, roomIdForJumpRequest=${roomIdForJumpRequest}`,
+                );
+            }
+        } catch (err) {
+            logger.error(
+                `Error occured while trying to find event in ${roomIdForJumpRequest} ` +
+                    `at timestamp=${unixTimestamp}:`,
+                err,
+            );
+
+            // Only display an error if the user is still viewing the same room. We
+            // don't want to worry someone about an error in a room they no longer care
+            // about after a slow request if they've already navigated away to another
+            // room.
+            const currentRoomId = this.props.roomViewStore.getRoomId();
+            if (currentRoomId === roomIdForJumpRequest) {
+                let friendlyErrorMessage = "An error occured while trying to find and jump to the given date.";
+                let submitDebugLogsContent: React.ReactElement = <></>;
+
+                if (err instanceof ConnectionError) {
+                    friendlyErrorMessage = _t("room|error_jump_to_date_connection");
+                } else if (err instanceof MatrixError) {
+                    if (err?.errcode === "M_NOT_FOUND") {
+                        friendlyErrorMessage = _t("room|error_jump_to_date_not_found", {
+                            dateString: formatFullDateNoDay(new Date(unixTimestamp)),
+                        });
+                    } else {
+                        friendlyErrorMessage = _t("room|error_jump_to_date", {
+                            statusCode: err?.httpStatus || _t("room|unknown_status_code_for_timeline_jump"),
+                            errorCode: err?.errcode || _t("common|unavailable"),
+                        });
+                    }
+                } else if (err instanceof HTTPError) {
+                    friendlyErrorMessage = err.message;
+                } else {
+                    // We only give the option to submit logs for actual errors, not network problems.
+                    submitDebugLogsContent = (
+                        <p>
+                            {_t(
+                                "room|error_jump_to_date_send_logs_prompt",
+                                {},
+                                {
+                                    debugLogsLink: (sub) => (
+                                        // This is by default a `<div>` which we
+                                        // can't nest within a `<p>` here so update
+                                        // this to a be a inline anchor element.
+                                        <AccessibleButton
+                                            element="a"
+                                            kind="link"
+                                            onClick={() => this.onBugReport(err instanceof Error ? err : undefined)}
+                                            data-testid="jump-to-date-error-submit-debug-logs-button"
+                                        >
+                                            {sub}
+                                        </AccessibleButton>
+                                    ),
+                                },
+                            )}
+                        </p>
+                    );
+                }
+
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("room|error_jump_to_date_title"),
+                    description: (
+                        <div data-testid="jump-to-date-error-content">
+                            <p>{friendlyErrorMessage}</p>
+                            {submitDebugLogsContent}
+                            <details>
+                                <summary>{_t("room|error_jump_to_date_details")}</summary>
+                                <p>{String(err)}</p>
+                            </details>
+                        </div>
+                    ),
+                });
+            }
+        }
+    };
+
+    public onBugReport = (err?: Error): void => {
+        Modal.createDialog(BugReportDialog, {
+            error: err,
+            initialText: "Error occured while using jump to date #jump-to-date",
+        });
+    };
+
+    public onLastWeekPicked = (): Promise<void> => {
+        const date = new Date();
+        date.setDate(date.getDate() - 7);
+        void this.pickDate(date);
+        return Promise.resolve();
+    };
+
+    public onLastMonthPicked = (): Promise<void> => {
+        const date = new Date();
+        // Month numbers are 0-11 and setMonth handles rollover.
+        date.setMonth(date.getMonth() - 1, 1);
+        void this.pickDate(date);
+        return Promise.resolve();
+    };
+
+    public onBeginningPicked = (): Promise<void> => {
+        void this.pickDate(new Date(0));
+        return Promise.resolve();
+    };
+
+    public onDatePicked = (dateString: string): Promise<void> => {
+        void this.pickDate(dateString);
+        return Promise.resolve();
+    };
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/DisambiguatedProfileViewModel.test.ts b/apps/web/src/viewmodels/room/timeline/event-tile/DisambiguatedProfileViewModel.test.ts
new file mode 100644
index 00000000000..c5027a4e042
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/DisambiguatedProfileViewModel.test.ts
@@ -0,0 +1,162 @@
+/*
+ * 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, describe, it, expect } from "vitest";
+
+import { DisambiguatedProfileViewModel } from "./DisambiguatedProfileViewModel";
+
+describe("DisambiguatedProfileViewModel", () => {
+    const member = {
+        userId: "@alice:example.org",
+        roomId: "!room:example.org",
+        rawDisplayName: "Alice",
+        disambiguate: true,
+    };
+    const nonDisambiguatedMember = {
+        ...member,
+        disambiguate: false,
+    };
+
+    it("should return the snapshot from props", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            member,
+            fallbackName: "Fallback",
+            colored: true,
+            emphasizeDisplayName: true,
+            withTooltip: true,
+        });
+
+        expect(vm.getSnapshot()).toEqual({
+            displayName: "Alice",
+            colorClass: "mx_Username_color3",
+            displayIdentifier: "@alice:example.org",
+            title: "Alice (@alice:example.org)",
+            emphasizeDisplayName: true,
+        });
+    });
+
+    it("should default member fields when member is null", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            member: null,
+            fallbackName: "Fallback",
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            displayName: "Fallback",
+            colorClass: undefined,
+            displayIdentifier: undefined,
+            title: undefined,
+            emphasizeDisplayName: undefined,
+        });
+    });
+
+    it("should delegate onClick without emitting a snapshot update", () => {
+        const onClick = vi.fn();
+        const vm = new DisambiguatedProfileViewModel({
+            member,
+            fallbackName: "Fallback",
+            onClick,
+        });
+        const prevSnapshot = vm.getSnapshot();
+        const subscriber = vi.fn();
+
+        vm.subscribe(subscriber);
+        vm.onClick?.({} as never);
+
+        expect(onClick).toHaveBeenCalledTimes(1);
+        expect(subscriber).not.toHaveBeenCalled();
+        expect(vm.getSnapshot()).toBe(prevSnapshot);
+    });
+
+    it("should keep onClick bound when extracted as a callback", () => {
+        const onClick = vi.fn();
+        const vm = new DisambiguatedProfileViewModel({
+            member,
+            fallbackName: "Fallback",
+            onClick,
+        });
+
+        const clickHandler = vm.onClick;
+
+        expect(() => clickHandler?.({} as never)).not.toThrow();
+        expect(onClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("should emit snapshot update when fallbackName changes", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            member: null,
+            fallbackName: "Fallback",
+        });
+        const subscriber = vi.fn();
+
+        vm.subscribe(subscriber);
+        vm.setMember("Updated");
+
+        expect(subscriber).toHaveBeenCalledTimes(1);
+        expect(vm.getSnapshot().displayName).toBe("Updated");
+    });
+
+    it("should emit snapshot update when setMember is called even if fallbackName is unchanged", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            member: null,
+            fallbackName: "Fallback",
+        });
+        const subscriber = vi.fn();
+
+        vm.subscribe(subscriber);
+        vm.setMember("Fallback");
+
+        expect(subscriber).toHaveBeenCalledTimes(1);
+    });
+
+    it("should compute tooltip title from constructor props when withTooltip is true", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            member,
+            fallbackName: "Fallback",
+            withTooltip: true,
+        });
+
+        expect(vm.getSnapshot().title).toBe("Alice (@alice:example.org)");
+    });
+
+    it("should compute tooltip title even when disambiguation is not needed", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            member: nonDisambiguatedMember,
+            fallbackName: "Fallback",
+            withTooltip: true,
+        });
+
+        expect(vm.getSnapshot().title).toBe("Alice (@alice:example.org)");
+    });
+
+    it("should emit snapshot update when member changes via setMember", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            member: null,
+            fallbackName: "Fallback",
+        });
+        const subscriber = vi.fn();
+
+        vm.subscribe(subscriber);
+        vm.setMember("Fallback", member);
+
+        expect(subscriber).toHaveBeenCalledTimes(1);
+        expect(vm.getSnapshot().displayName).toBe("Alice");
+    });
+
+    it("should emit snapshot update when setMember is called with unchanged member", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            member,
+            fallbackName: "Fallback",
+        });
+        const subscriber = vi.fn();
+
+        vm.subscribe(subscriber);
+        vm.setMember("Fallback", member);
+
+        expect(subscriber).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/DisambiguatedProfileViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/DisambiguatedProfileViewModel.ts
new file mode 100644
index 00000000000..5448d2a909e
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/DisambiguatedProfileViewModel.ts
@@ -0,0 +1,159 @@
+/*
+ * 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 DisambiguatedProfileViewActions,
+    type DisambiguatedProfileViewSnapshot,
+    type DisambiguatedProfileViewModel as DisambiguatedProfileViewModelInterface,
+    type UserStatus,
+} from "@element-hq/web-shared-components";
+import { type MouseEvent } from "react";
+
+import { _t } from "../../../../languageHandler";
+import { getUserNameColorClass } from "../../../../utils/FormattingUtils";
+import UserIdentifier from "../../../../customisations/UserIdentifier";
+
+/**
+ * Information about a member for disambiguation purposes.
+ */
+export interface MemberInfo {
+    /**
+     * The user's Matrix ID.
+     */
+    userId: string;
+    /**
+     * The room ID context for disambiguation.
+     */
+    roomId: string;
+    /**
+     * The raw display name of the user, if available.
+     */
+    rawDisplayName?: string;
+    /**
+     * Whether the user is set to have disambiguation name.
+     */
+    disambiguate: boolean;
+}
+
+/**
+ * Props for the DisambiguatedProfileViewModel.
+ */
+export interface DisambiguatedProfileViewModelProps {
+    /**
+     * The member information for disambiguation.
+     */
+    member?: MemberInfo | null;
+    /**
+     * The user's present status.
+     */
+    userStatus?: UserStatus;
+    /**
+     * The fallback name to use if the member's display name is not available.
+     */
+    fallbackName: string;
+    /**
+     * Whether to apply color styling to the display name.
+     */
+    colored?: boolean;
+    /**
+     * Whether to emphasize the display name.
+     */
+    emphasizeDisplayName?: boolean;
+    /**
+     * Whether to show a tooltip with additional information.
+     */
+    withTooltip?: boolean;
+
+    /**
+     * Optional click handler for the profile.
+     */
+    onClick?: DisambiguatedProfileViewActions["onClick"];
+}
+
+/**
+ * ViewModel for the disambiguated profile, providing the current state of the component.
+ * It computes pre-rendered values for the View including color classes, display identifiers, and tooltips.
+ */
+export class DisambiguatedProfileViewModel
+    extends BaseViewModel<DisambiguatedProfileViewSnapshot, DisambiguatedProfileViewModelProps>
+    implements DisambiguatedProfileViewModelInterface
+{
+    private static readonly computeSnapshot = (
+        props: DisambiguatedProfileViewModelProps,
+    ): DisambiguatedProfileViewSnapshot => {
+        const { member, fallbackName, colored, emphasizeDisplayName, withTooltip, userStatus } = props;
+
+        // Compute display name
+        const displayName = member?.rawDisplayName || fallbackName;
+        const mxid = member?.userId;
+
+        // Compute color class if coloring is enabled
+        let colorClass: string | undefined;
+        if (colored && mxid) {
+            colorClass = getUserNameColorClass(mxid);
+        }
+
+        // Compute display identifier for disambiguation
+        let displayIdentifier: string | undefined;
+        let title: string | undefined;
+
+        if (mxid) {
+            const identifier =
+                UserIdentifier.getDisplayUserIdentifier?.(mxid, {
+                    withDisplayName: true,
+                    roomId: member?.roomId,
+                }) ?? mxid;
+
+            // Only show identifier if disambiguation is needed
+            if (member?.disambiguate) {
+                displayIdentifier = identifier;
+            }
+
+            // Compute tooltip title if enabled
+            if (withTooltip) {
+                title = _t("timeline|disambiguated_profile", {
+                    displayName,
+                    matrixId: identifier,
+                });
+            }
+        }
+
+        return {
+            displayName,
+            colorClass,
+            displayIdentifier,
+            title,
+            emphasizeDisplayName,
+            userStatus,
+        };
+    };
+
+    public constructor(props: DisambiguatedProfileViewModelProps) {
+        super(props, DisambiguatedProfileViewModel.computeSnapshot(props));
+        this.snapshot.merge({
+            userStatus: props.userStatus,
+        });
+    }
+
+    public setMember(fallbackName: string, member?: MemberInfo | null): void {
+        this.props.member = member;
+        this.props.fallbackName = fallbackName;
+
+        this.snapshot.set(DisambiguatedProfileViewModel.computeSnapshot(this.props));
+    }
+
+    public setUserStatus(userStatus?: UserStatus): void {
+        this.props.userStatus = userStatus;
+        this.snapshot.merge({
+            userStatus,
+        });
+    }
+
+    public onClick = (evt: MouseEvent<HTMLDivElement>): void => {
+        this.props.onClick?.(evt);
+    };
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/E2eMessageSharedIconViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/E2eMessageSharedIconViewModel.ts
new file mode 100644
index 00000000000..70e5464c0d4
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/E2eMessageSharedIconViewModel.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 { EventTimeline, RoomStateEvent, type MatrixClient, type RoomState } from "matrix-js-sdk/src/matrix";
+import {
+    BaseViewModel,
+    type E2eMessageSharedIconViewModel as E2eMessageSharedIconViewModelInterface,
+    type E2eMessageSharedIconViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+export interface E2eMessageSharedIconViewModelProps {
+    /** Matrix client used to look up room membership state. */
+    client: MatrixClient;
+    /** The ID of the room containing the event whose keys were shared. */
+    roomId: string;
+    /** The ID of the user who shared the keys. */
+    keyForwardingUserId: string;
+}
+
+export class E2eMessageSharedIconViewModel
+    extends BaseViewModel<E2eMessageSharedIconViewSnapshot, E2eMessageSharedIconViewModelProps>
+    implements E2eMessageSharedIconViewModelInterface
+{
+    private roomStateListenerCleanup?: () => void;
+
+    public constructor(props: E2eMessageSharedIconViewModelProps) {
+        super(props, E2eMessageSharedIconViewModel.computeSnapshot(props));
+        this.setupRoomStateListener();
+        this.disposables.track(() => this.teardownRoomStateListener());
+    }
+
+    public setClient(client: MatrixClient): void {
+        if (this.props.client === client) return;
+
+        this.props = { ...this.props, client };
+        this.setupRoomStateListener();
+        this.updateSnapshotFromProps();
+    }
+
+    public setRoomId(roomId: string): void {
+        if (this.props.roomId === roomId) return;
+
+        this.props = { ...this.props, roomId };
+        this.setupRoomStateListener();
+        this.updateSnapshotFromProps();
+    }
+
+    public setKeyForwardingUserId(keyForwardingUserId: string): void {
+        if (this.props.keyForwardingUserId === keyForwardingUserId) return;
+
+        this.props = { ...this.props, keyForwardingUserId };
+        this.updateSnapshotFromProps();
+    }
+
+    private updateSnapshotFromProps = (): void => {
+        this.snapshot.merge(E2eMessageSharedIconViewModel.computeSnapshot(this.props));
+    };
+
+    private setupRoomStateListener(): void {
+        this.teardownRoomStateListener();
+
+        const roomState = this.getForwardRoomState();
+        if (!roomState) return;
+
+        // The room can change while the VM lives, so this listener needs per-room cleanup before final VM disposal.
+        roomState.on(RoomStateEvent.Events, this.updateSnapshotFromProps);
+        this.roomStateListenerCleanup = (): void => {
+            roomState.off(RoomStateEvent.Events, this.updateSnapshotFromProps);
+        };
+    }
+
+    private teardownRoomStateListener(): void {
+        this.roomStateListenerCleanup?.();
+        this.roomStateListenerCleanup = undefined;
+    }
+
+    private getForwardRoomState(): RoomState | undefined {
+        return this.props.client.getRoom(this.props.roomId)?.getLiveTimeline()?.getState(EventTimeline.FORWARDS);
+    }
+
+    private static computeSnapshot(props: E2eMessageSharedIconViewModelProps): E2eMessageSharedIconViewSnapshot {
+        const displayName = E2eMessageSharedIconViewModel.getDisplayName(props);
+
+        return {
+            displayName,
+            userId: props.keyForwardingUserId,
+        };
+    }
+
+    private static getDisplayName(props: E2eMessageSharedIconViewModelProps): string {
+        const roomState = props.client.getRoom(props.roomId)?.getLiveTimeline()?.getState(EventTimeline.FORWARDS);
+        const forwardingMember = roomState?.getMember(props.keyForwardingUserId);
+
+        return forwardingMember?.rawDisplayName ?? props.keyForwardingUserId;
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EncryptionEventViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EncryptionEventViewModel.ts
new file mode 100644
index 00000000000..94ec20ab79d
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EncryptionEventViewModel.ts
@@ -0,0 +1,118 @@
+/*
+ * 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 JSX } from "react";
+import { RoomStateEvent, type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import {
+    BaseViewModel,
+    EncryptionEventState,
+    type EncryptionEventViewSnapshot as EncryptionEventViewSnapshotInterface,
+    type EncryptionEventViewModel as EncryptionEventViewModelInterface,
+} from "@element-hq/web-shared-components";
+
+import type { RoomEncryptionEventContent } from "matrix-js-sdk/src/types";
+import DMRoomMap from "../../../../utils/DMRoomMap";
+import { MEGOLM_ENCRYPTION_ALGORITHM } from "../../../../utils/crypto";
+import { isLocalRoom } from "../../../../utils/localRoom/isLocalRoom";
+import { isRoomEncrypted } from "../../../../hooks/useIsEncrypted";
+import { objectHasDiff } from "../../../../utils/objects";
+
+export interface EncryptionEventViewModelProps {
+    /** Caller-provided client. */
+    cli: MatrixClient;
+    /** Encryption state event to derive tile state from. */
+    mxEvent: MatrixEvent;
+    /** Optional timestamp element rendered in the tile footer slot. */
+    timestamp?: JSX.Element;
+}
+
+export class EncryptionEventViewModel
+    extends BaseViewModel<EncryptionEventViewSnapshotInterface, EncryptionEventViewModelProps>
+    implements EncryptionEventViewModelInterface
+{
+    public constructor(props: EncryptionEventViewModelProps) {
+        super(
+            props,
+            EncryptionEventViewModel.calculateSnapshot(props, EncryptionEventViewModel.getInitialIsEncrypted(props)),
+        );
+        void this.refreshSnapshotFromEvent();
+
+        const roomId = this.props.mxEvent.getRoomId()!;
+        const room = this.props.cli.getRoom(roomId);
+        if (room) {
+            // Recompute when room state changes (including encryption state updates).
+            this.disposables.trackListener(room, RoomStateEvent.Update, () => void this.refreshSnapshotFromEvent());
+        }
+    }
+
+    private refreshSnapshotFromEvent = async (): Promise<void> => {
+        const roomId = this.props.mxEvent.getRoomId()!;
+        const room = this.props.cli.getRoom(roomId);
+        const crypto = this.props.cli.getCrypto();
+        const isEncrypted = Boolean(room && crypto && (await isRoomEncrypted(room, crypto)));
+        const nextSnapshot = EncryptionEventViewModel.calculateSnapshot(this.props, isEncrypted);
+
+        if (objectHasDiff(this.snapshot.current, nextSnapshot)) {
+            this.snapshot.set(nextSnapshot);
+        }
+    };
+
+    private static getInitialIsEncrypted(props: EncryptionEventViewModelProps): boolean {
+        const roomId = props.mxEvent.getRoomId()!;
+        const room = props.cli.getRoom(roomId);
+        if (!room) return false;
+
+        if (isLocalRoom(room)) {
+            const localRoom = room as { isEncryptionEnabled?: () => boolean };
+            return Boolean(localRoom.isEncryptionEnabled?.());
+        }
+
+        return room.hasEncryptionStateEvent();
+    }
+
+    private static calculateSnapshot(
+        props: EncryptionEventViewModelProps,
+        isEncrypted: boolean,
+    ): EncryptionEventViewSnapshotInterface {
+        const newSnapshot: EncryptionEventViewSnapshotInterface = {
+            state: EncryptionEventState.CHANGED,
+            encryptedStateEvents: undefined,
+            userName: undefined,
+            timestamp: props.timestamp,
+        };
+
+        const content = props.mxEvent.getContent<RoomEncryptionEventContent>();
+        if (isEncrypted && content.algorithm === MEGOLM_ENCRYPTION_ALGORITHM) {
+            const roomId = props.mxEvent.getRoomId()!;
+            const room = props.cli.getRoom(roomId);
+            const isRoomLocal = isLocalRoom(room);
+            const prevContent = props.mxEvent.getPrevContent() as RoomEncryptionEventContent;
+            const dmPartner = roomId ? DMRoomMap.shared().getUserIdForRoomId(roomId) : undefined;
+            const stateEncrypted = Boolean(
+                content["io.element.msc4362.encrypt_state_events"] && props.cli.enableEncryptedStateEvents,
+            );
+
+            newSnapshot.state = EncryptionEventState.ENABLED;
+            newSnapshot.encryptedStateEvents = stateEncrypted;
+
+            if (prevContent.algorithm === MEGOLM_ENCRYPTION_ALGORITHM) {
+                newSnapshot.state = EncryptionEventState.CHANGED;
+            } else if (dmPartner) {
+                newSnapshot.state = EncryptionEventState.ENABLED_DM;
+                newSnapshot.userName = room?.getMember(dmPartner)?.rawDisplayName ?? dmPartner;
+            } else if (isRoomLocal) {
+                newSnapshot.state = EncryptionEventState.ENABLED_LOCAL;
+            }
+        } else if (isEncrypted) {
+            newSnapshot.state = EncryptionEventState.DISABLE_ATTEMPT;
+        } else {
+            newSnapshot.state = EncryptionEventState.UNSUPPORTED;
+        }
+
+        return newSnapshot;
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventPreviewUtils.tsx b/apps/web/src/viewmodels/room/timeline/event-tile/EventPreviewUtils.tsx
new file mode 100644
index 00000000000..9ea8bff6e72
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventPreviewUtils.tsx
@@ -0,0 +1,111 @@
+/*
+ * 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 ReactNode } from "react";
+import { M_POLL_START, type MatrixEvent, MatrixEventEvent, MsgType } from "matrix-js-sdk/src/matrix";
+import { Disposables } from "@element-hq/web-shared-components";
+
+import { _t } from "../../../../languageHandler";
+import { MessagePreviewStore } from "../../../../stores/message-preview";
+
+export interface EventPreviewContent {
+    previewContent: ReactNode;
+    previewTooltip?: string;
+}
+
+export class EventPreviewContentCache {
+    private key?: string;
+    private content?: ReactNode;
+
+    public get(preview: string, prefix: string | null): ReactNode {
+        const key = `${prefix ?? ""}\u0000${preview}`;
+        if (this.key === key && this.content !== undefined) {
+            return this.content;
+        }
+
+        this.key = key;
+        this.content = prefix
+            ? _t(
+                  "event_preview|preview",
+                  {
+                      prefix,
+                      preview,
+                  },
+                  {
+                      bold: (sub) => <strong>{sub}</strong>,
+                  },
+              )
+            : preview;
+
+        return this.content;
+    }
+}
+
+export class MatrixEventContentChangeListener {
+    private mxEvent?: MatrixEvent;
+    private callback?: () => void;
+    private disposables?: Disposables;
+
+    public setEvent(mxEvent: MatrixEvent | undefined, callback: () => void): void {
+        if (this.mxEvent === mxEvent && this.callback === callback) return;
+
+        this.teardown();
+        this.mxEvent = mxEvent;
+        this.callback = callback;
+
+        if (!mxEvent) return;
+
+        this.disposables = new Disposables();
+        this.disposables.trackListener(mxEvent, MatrixEventEvent.Replaced, callback);
+        this.disposables.trackListener(mxEvent, MatrixEventEvent.Decrypted, callback);
+    }
+
+    public teardown(): void {
+        this.disposables?.dispose();
+        this.disposables = undefined;
+        this.mxEvent = undefined;
+        this.callback = undefined;
+    }
+}
+
+export function getEventPreviewContent(
+    mxEvent: MatrixEvent,
+    cache: EventPreviewContentCache,
+): EventPreviewContent | null {
+    const preview = MessagePreviewStore.instance.generatePreviewForEvent(mxEvent);
+    if (!preview) {
+        return null;
+    }
+
+    const prefix = getEventPreviewPrefix(mxEvent.getType(), mxEvent.getContent().msgtype as MsgType | undefined);
+
+    return {
+        previewContent: cache.get(preview, prefix),
+        previewTooltip: prefix ? undefined : preview,
+    };
+}
+
+function getEventPreviewPrefix(type: string, msgType?: MsgType): string | null {
+    switch (type) {
+        case M_POLL_START.name:
+            return _t("event_preview|prefix|poll");
+        default:
+    }
+
+    switch (msgType) {
+        case MsgType.Audio:
+            return _t("event_preview|prefix|audio");
+        case MsgType.Image:
+            return _t("event_preview|prefix|image");
+        case MsgType.Video:
+            return _t("event_preview|prefix|video");
+        case MsgType.File:
+            return _t("event_preview|prefix|file");
+        default:
+            return null;
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventPreviewViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventPreviewViewModel.ts
new file mode 100644
index 00000000000..f8456f9d366
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventPreviewViewModel.ts
@@ -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 { type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import {
+    BaseViewModel,
+    type EventPreviewViewModel as EventPreviewViewModelInterface,
+    type EventPreviewViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+import {
+    EventPreviewContentCache,
+    getEventPreviewContent,
+    MatrixEventContentChangeListener,
+} from "./EventPreviewUtils";
+
+export interface EventPreviewViewModelProps {
+    /**
+     * Matrix client used to decrypt event content before preview generation.
+     */
+    cli: MatrixClient;
+    /**
+     * The event to display the preview for.
+     */
+    mxEvent?: MatrixEvent;
+}
+
+export class EventPreviewViewModel
+    extends BaseViewModel<EventPreviewViewSnapshot, EventPreviewViewModelProps>
+    implements EventPreviewViewModelInterface
+{
+    private readonly eventContentListener = new MatrixEventContentChangeListener();
+    private readonly previewContentCache = new EventPreviewContentCache();
+    private previewRequestId = 0;
+    private updatePreviewInFlight = false;
+    private updatePreviewQueued = false;
+
+    private static readonly hiddenSnapshot: EventPreviewViewSnapshot = {
+        isVisible: false,
+    };
+
+    public constructor(props: EventPreviewViewModelProps) {
+        super(props, EventPreviewViewModel.hiddenSnapshot);
+
+        this.disposables.track(() => this.eventContentListener.teardown());
+        this.eventContentListener.setEvent(props.mxEvent, this.onEventContentChanged);
+        this.updatePreviewSafely();
+    }
+
+    public setEvent(mxEvent?: MatrixEvent): void {
+        if (this.props.mxEvent === mxEvent) return;
+
+        this.props = {
+            ...this.props,
+            mxEvent,
+        };
+        this.eventContentListener.setEvent(mxEvent, this.onEventContentChanged);
+        this.updatePreviewSafely();
+    }
+
+    public setClient(cli: MatrixClient): void {
+        if (this.props.cli === cli) return;
+
+        this.props = {
+            ...this.props,
+            cli,
+        };
+        this.updatePreviewSafely();
+    }
+
+    private onEventContentChanged = (): void => {
+        this.updatePreviewSafely();
+    };
+
+    private updatePreviewSafely(): void {
+        if (this.updatePreviewInFlight) {
+            this.updatePreviewQueued = true;
+            return;
+        }
+
+        void this.drainPreviewUpdates();
+    }
+
+    private async drainPreviewUpdates(): Promise<void> {
+        this.updatePreviewInFlight = true;
+
+        try {
+            do {
+                this.updatePreviewQueued = false;
+                try {
+                    await this.updatePreview();
+                } catch (error) {
+                    logger.error("Failed to update event preview", error);
+                }
+            } while (this.updatePreviewQueued && !this.isDisposed);
+        } finally {
+            this.updatePreviewInFlight = false;
+        }
+    }
+
+    private async updatePreview(): Promise<void> {
+        const { cli, mxEvent } = this.props;
+        const requestId = ++this.previewRequestId;
+
+        if (!mxEvent || mxEvent.isRedacted() || mxEvent.isDecryptionFailure()) {
+            this.setHidden();
+            return;
+        }
+
+        try {
+            await cli.decryptEventIfNeeded(mxEvent);
+        } catch (error) {
+            logger.error("Failed to decrypt event preview", error);
+            if (this.isCurrentPreviewRequest(requestId, cli, mxEvent)) {
+                this.setHidden();
+            }
+            return;
+        }
+
+        if (!this.isCurrentPreviewRequest(requestId, cli, mxEvent)) return;
+
+        if (mxEvent.isRedacted() || mxEvent.isDecryptionFailure()) {
+            this.setHidden();
+            return;
+        }
+
+        const previewContent = getEventPreviewContent(mxEvent, this.previewContentCache);
+        if (!previewContent) {
+            this.setHidden();
+            return;
+        }
+
+        this.snapshot.merge({
+            isVisible: true,
+            ...previewContent,
+        });
+    }
+
+    private isCurrentPreviewRequest(requestId: number, cli: MatrixClient, mxEvent: MatrixEvent): boolean {
+        return (
+            !this.isDisposed &&
+            requestId === this.previewRequestId &&
+            this.props.cli === cli &&
+            this.props.mxEvent === mxEvent
+        );
+    }
+
+    private setHidden(): void {
+        this.snapshot.merge({
+            isVisible: false,
+            previewContent: undefined,
+            previewTooltip: undefined,
+        });
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileDerivedState.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileDerivedState.ts
new file mode 100644
index 00000000000..3291f438ac5
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileDerivedState.ts
@@ -0,0 +1,496 @@
+/*
+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 { ElementCallEventType } from "../../../../call-types";
+import { TimelineRenderingType } from "../../../../contexts/RoomContext";
+import { Layout } from "../../../../settings/enums/Layout";
+
+/**
+ * Pure EventTile derivations extracted ahead of EventTileViewModel.
+ * Keep this module free of React lifecycle, DOM access, dispatch, and MatrixClientPeg lookups.
+ */
+
+/** Inputs for the stable scroll token derivation. */
+export interface ScrollTokenInput {
+    /** The event identifier, when available. */
+    eventId?: string;
+    /** Whether the event is a local echo. */
+    isLocalEcho: boolean;
+}
+
+/** The stable scroll token for a non-local-echo event. */
+export function getScrollToken({ eventId, isLocalEcho }: ScrollTokenInput): string | undefined {
+    return isLocalEcho ? undefined : eventId;
+}
+
+/** Whether EventTile should render as a continuation in the current layout/rendering mode. */
+export function getIsContinuation(
+    continuation: boolean | undefined,
+    timelineRenderingType: TimelineRenderingType,
+    layout: Layout | undefined,
+): boolean | undefined {
+    if (
+        timelineRenderingType !== TimelineRenderingType.Room &&
+        timelineRenderingType !== TimelineRenderingType.Search &&
+        timelineRenderingType !== TimelineRenderingType.Thread &&
+        layout !== Layout.Bubble
+    ) {
+        return false;
+    }
+
+    return continuation;
+}
+
+/** Inputs for EventTile line CSS class derivation. */
+export interface EventTileLineClassState {
+    /** Whether the event body is likely to render media content. */
+    isProbablyMedia: boolean;
+    /** The Matrix event type for event-type class derivation. */
+    eventType: string;
+    /** The Matrix message type for message-type class derivation. */
+    msgtype?: string;
+}
+
+/** The EventTile line CSS class flags for the current derived state. */
+export function getEventTileLineClassState({
+    isProbablyMedia,
+    eventType,
+    msgtype,
+}: EventTileLineClassState): Record<string, boolean> {
+    const roomMessageEventType = "m.room.message";
+    const stickerEventType = "m.sticker";
+    const imageMsgtype = "m.image";
+    const emoteMsgtype = "m.emote";
+
+    return {
+        mx_EventTile_mediaLine: isProbablyMedia,
+        mx_EventTile_image: eventType === roomMessageEventType && msgtype === imageMsgtype,
+        mx_EventTile_sticker: eventType === stickerEventType,
+        mx_EventTile_emote: eventType === roomMessageEventType && msgtype === emoteMsgtype,
+    };
+}
+
+/** Inputs for EventTile avatar and sender profile derivation. */
+export interface EventTileSenderProfileStateInput {
+    /** Whether the tile is rendering as a notification. */
+    isRenderingNotification: boolean;
+    /** Whether the event renders as an informational timeline item. */
+    isInfoMessage: boolean;
+    /** The current timeline rendering mode. */
+    timelineRenderingType: TimelineRenderingType;
+    /** Whether the tile is a continuation of the previous event. */
+    continuation?: boolean;
+    /** The Matrix event type for event-type sender profile derivation. */
+    eventType: string;
+    /** Whether the tile should use bubble container styling. */
+    isBubbleMessage: boolean;
+    /** The current timeline layout. */
+    layout?: Layout;
+    /** Whether the event is a room create event. */
+    isRoomCreate: boolean;
+    /** Whether the event is a call invite. */
+    isCallInvite: boolean;
+    /** Whether the event is an RTC notification. */
+    isRtcNotification: boolean;
+}
+
+/** EventTile avatar and sender profile display state. */
+export interface EventTileSenderProfileState {
+    /** The avatar size to render, or null when no avatar should render. */
+    avatarSize: string | null;
+    /** Whether sender profile details should render. */
+    needsSenderProfile: boolean;
+}
+
+/** The EventTile avatar and sender profile state for the current derived state. */
+export function getEventTileSenderProfileState({
+    isRenderingNotification,
+    isInfoMessage,
+    timelineRenderingType,
+    continuation,
+    eventType,
+    isBubbleMessage,
+    layout,
+    isRoomCreate,
+    isCallInvite,
+    isRtcNotification,
+}: EventTileSenderProfileStateInput): EventTileSenderProfileState {
+    if (isRenderingNotification) {
+        return { avatarSize: "24px", needsSenderProfile: true };
+    }
+
+    if (isInfoMessage) {
+        return { avatarSize: "14px", needsSenderProfile: false };
+    }
+
+    if (
+        timelineRenderingType === TimelineRenderingType.ThreadsList ||
+        (timelineRenderingType === TimelineRenderingType.Thread && !continuation)
+    ) {
+        return { avatarSize: "32px", needsSenderProfile: true };
+    }
+
+    if (isRoomCreate || isBubbleMessage) {
+        return { avatarSize: null, needsSenderProfile: false };
+    }
+
+    if (layout === Layout.IRC) {
+        return { avatarSize: "14px", needsSenderProfile: true };
+    }
+
+    if (
+        (continuation && timelineRenderingType !== TimelineRenderingType.File) ||
+        isCallInvite ||
+        ElementCallEventType.matches(eventType) ||
+        isRtcNotification
+    ) {
+        return { avatarSize: null, needsSenderProfile: false };
+    }
+
+    if (timelineRenderingType === TimelineRenderingType.File) {
+        return { avatarSize: "20px", needsSenderProfile: true };
+    }
+
+    return { avatarSize: "30px", needsSenderProfile: true };
+}
+
+/** Whether clicking the avatar should open the user profile. */
+export function getShouldViewUserOnClick(
+    inhibitInteraction: boolean | undefined,
+    timelineRenderingType: TimelineRenderingType,
+): boolean {
+    return (
+        !inhibitInteraction &&
+        ![TimelineRenderingType.ThreadsList, TimelineRenderingType.Notification].includes(timelineRenderingType)
+    );
+}
+
+/** SenderProfile rendering mode for EventTile. */
+export type SenderProfileMode = "hidden" | "clickable" | "tooltip" | "default";
+
+/** Inputs for EventTile sender profile mode derivation. */
+export interface SenderProfileModeInput {
+    /** Whether sender profile details should render. */
+    needsSenderProfile: boolean;
+    /** Whether sender details should be hidden. */
+    hideSender?: boolean;
+    /** The current timeline rendering mode. */
+    timelineRenderingType: TimelineRenderingType;
+}
+
+/** The SenderProfile rendering mode for the current EventTile state. */
+export function getSenderProfileMode({
+    needsSenderProfile,
+    hideSender,
+    timelineRenderingType,
+}: SenderProfileModeInput): SenderProfileMode {
+    if (!needsSenderProfile || hideSender === true) {
+        return "hidden";
+    }
+
+    if (
+        timelineRenderingType === TimelineRenderingType.Room ||
+        timelineRenderingType === TimelineRenderingType.Search ||
+        timelineRenderingType === TimelineRenderingType.Pinned ||
+        timelineRenderingType === TimelineRenderingType.Thread
+    ) {
+        return "clickable";
+    }
+
+    if (timelineRenderingType === TimelineRenderingType.ThreadsList) {
+        return "tooltip";
+    }
+
+    return "default";
+}
+
+/** Inputs for EventTile message action bar visibility derivation. */
+export interface ShouldShowMessageActionBarInput {
+    /** Whether the event is currently being edited. */
+    isEditing: boolean;
+    /** Whether the tile is rendering for export. */
+    forExport?: boolean;
+    /** Whether the tile is currently hovered. */
+    hover: boolean;
+    /** Whether focus should force the action bar visible. */
+    showActionBarFromFocus: boolean;
+    /** Whether the action bar currently has focus. */
+    actionBarFocused: boolean;
+    /** Whether an EventTile context menu is currently open. */
+    hasContextMenu: boolean;
+}
+
+/** Whether EventTile should render the message action bar. */
+export function getShouldShowMessageActionBar({
+    isEditing,
+    forExport,
+    hover,
+    showActionBarFromFocus,
+    actionBarFocused,
+    hasContextMenu,
+}: ShouldShowMessageActionBarInput): boolean {
+    return !isEditing && !forExport && (hover || showActionBarFromFocus || (actionBarFocused && !hasContextMenu));
+}
+
+/** Inputs for EventTile timestamp visibility derivation. */
+export interface ShouldShowTimestampInput {
+    /** The event origin timestamp. */
+    eventTs: number;
+    /** Whether the event is an RTC notification. */
+    isRtcNotification: boolean;
+    /** Whether timestamp rendering is disabled. */
+    hideTimestamp?: boolean;
+    /** Whether timestamps should always show. */
+    alwaysShowTimestamps?: boolean;
+    /** Whether the tile is the last event in the timeline. */
+    last?: boolean;
+    /** Whether the tile is currently hovered. */
+    hover: boolean;
+    /** Whether focus is currently inside the tile. */
+    focusWithin: boolean;
+    /** Whether the action bar currently has focus. */
+    actionBarFocused: boolean;
+    /** Whether an EventTile context menu is currently open. */
+    hasContextMenu: boolean;
+}
+
+/** Whether EventTile should render the message timestamp. */
+export function getShouldShowTimestamp({
+    eventTs,
+    isRtcNotification,
+    hideTimestamp,
+    alwaysShowTimestamps,
+    last,
+    hover,
+    focusWithin,
+    actionBarFocused,
+    hasContextMenu,
+}: ShouldShowTimestampInput): boolean {
+    return (
+        !!eventTs &&
+        !isRtcNotification &&
+        !hideTimestamp &&
+        (alwaysShowTimestamps || last || hover || focusWithin || actionBarFocused || hasContextMenu)
+    );
+}
+
+/** Inputs for EventTile timestamp value derivation. */
+export interface EventTileTimestampInput {
+    /** The current timeline rendering mode. */
+    timelineRenderingType: TimelineRenderingType;
+    /** The event origin timestamp. */
+    eventTs: number;
+    /** The latest thread reply timestamp, when available. */
+    threadReplyEventTs?: number;
+}
+
+/** The timestamp EventTile should display for the current rendering mode. */
+export function getEventTileTimestamp({
+    timelineRenderingType,
+    eventTs,
+    threadReplyEventTs,
+}: EventTileTimestampInput): number {
+    if (timelineRenderingType === TimelineRenderingType.ThreadsList && typeof threadReplyEventTs === "number") {
+        return threadReplyEventTs;
+    }
+
+    return eventTs;
+}
+
+/** Inputs for EventTile timestamp display state derivation. */
+export interface TimestampDisplayStateInput {
+    /** The current timeline layout. */
+    layout?: Layout;
+    /** Whether the timestamp should render. */
+    showTimestamp: boolean;
+    /** The timestamp EventTile may display. */
+    timestamp: number;
+    /** Whether timestamp rendering is disabled. */
+    hideTimestamp?: boolean;
+}
+
+/** EventTile timestamp display state. */
+export interface TimestampDisplayState {
+    /** Whether the current layout is IRC. */
+    useIRCLayout: boolean;
+    /** Whether EventTile should render the real timestamp element. */
+    showRealTimestamp: boolean;
+    /** Whether EventTile should render the linked timestamp element. */
+    showLinkedTimestamp: boolean;
+}
+
+/** The EventTile timestamp display state for the current derived state. */
+export function getTimestampDisplayState({
+    layout,
+    showTimestamp,
+    timestamp,
+    hideTimestamp,
+}: TimestampDisplayStateInput): TimestampDisplayState {
+    const showRealTimestamp = showTimestamp && !!timestamp;
+
+    return {
+        useIRCLayout: layout === Layout.IRC,
+        showRealTimestamp,
+        showLinkedTimestamp: showRealTimestamp && !hideTimestamp,
+    };
+}
+
+/** Inputs for ReplyChain timestamp visibility derivation. */
+export interface ReplyChainTimestampInput {
+    /** Whether timestamps should always show. */
+    alwaysShowTimestamps?: boolean;
+    /** Whether the tile is currently hovered. */
+    hover: boolean;
+    /** Whether focus is currently inside the tile. */
+    focusWithin: boolean;
+}
+
+/** Whether ReplyChain should always show timestamps. */
+export function getReplyChainAlwaysShowTimestamps({
+    alwaysShowTimestamps,
+    hover,
+    focusWithin,
+}: ReplyChainTimestampInput): boolean {
+    return !!alwaysShowTimestamps || hover || focusWithin;
+}
+
+/** Inputs for EventTile footer display state derivation. */
+export interface FooterDisplayStateInput {
+    /** Whether a reactions row element will render. */
+    hasReactionsRow: boolean;
+    /** Whether reactions data is available. */
+    hasReactions: boolean;
+    /** Whether a pinned message badge element will render. */
+    hasPinnedMessageBadge: boolean;
+    /** The current timeline layout. */
+    layout?: Layout;
+    /** Whether the event was sent by the current user. */
+    isOwnEvent: boolean;
+}
+
+/** EventTile footer display state. */
+export interface FooterDisplayState {
+    /** Whether EventTile should render a footer. */
+    hasFooter: boolean;
+    /** Whether the main footer position should render the pinned message badge. */
+    showMainPinnedMessageBadge: boolean;
+    /** Whether the bubble footer position should render the pinned message badge. */
+    showBubblePinnedMessageBadge: boolean;
+}
+
+/** The EventTile footer display state for the current derived state. */
+export function getFooterDisplayState({
+    hasReactionsRow,
+    hasReactions,
+    hasPinnedMessageBadge,
+    layout,
+    isOwnEvent,
+}: FooterDisplayStateInput): FooterDisplayState {
+    return {
+        hasFooter: (hasReactionsRow && hasReactions) || hasPinnedMessageBadge,
+        showMainPinnedMessageBadge: hasPinnedMessageBadge && (layout === Layout.Group || !isOwnEvent),
+        showBubblePinnedMessageBadge: hasPinnedMessageBadge && layout === Layout.Bubble && isOwnEvent,
+    };
+}
+
+/** Inputs for EventTile root CSS class derivation. */
+export interface EventTileClassState {
+    /** Whether the tile should use bubble container styling. */
+    isBubbleMessage: boolean;
+    /** Whether the bubble tile is left-aligned. */
+    isLeftAlignedBubbleMessage: boolean;
+    /** Whether the event is aligned between the bubbles */
+    isAlignedBetweenBubbles: boolean;
+    /** Whether the event is currently being edited. */
+    isEditing: boolean;
+    /** Whether the event renders as an informational timeline item. */
+    isInfoMessage: boolean;
+    /** Whether timestamps use twelve-hour formatting. */
+    isTwelveHour?: boolean;
+    /** Whether the event is in a pending send state. */
+    isSending: boolean;
+    /** Whether the event should be highlighted. */
+    isHighlighted: boolean;
+    /** Whether the tile is selected or has an open context menu. */
+    isSelected: boolean;
+    /** Whether the tile is a continuation of the previous event. */
+    isContinuation?: boolean;
+    /** The Matrix event type for event-type class derivation. */
+    eventType: string;
+    /** Whether the event is a call invite. */
+    isCallInvite: boolean;
+    /** Whether the tile is the last event in the timeline. */
+    isLast?: boolean;
+    /** Whether the tile is the last event in its section. */
+    isLastInSection?: boolean;
+    /** Whether the tile is being rendered in contextual mode. */
+    isContextual?: boolean;
+    /** Whether the action bar currently has focus. */
+    isActionBarFocused: boolean;
+    /** Whether the event failed decryption. */
+    isEncryptionFailure: boolean;
+    /** The Matrix message type for message-type class derivation. */
+    msgtype?: string;
+    /** Whether sender details should be hidden. */
+    hideSender?: boolean;
+    /** The current timeline rendering mode. */
+    timelineRenderingType: TimelineRenderingType;
+    /** Whether the tile is rendering as a notification. */
+    isRenderingNotification: boolean;
+    /** Whether bubble styling should be suppressed for this event. */
+    noBubbleEvent: boolean;
+}
+
+/** The EventTile root CSS class flags for the current derived state. */
+export function getEventTileClassState({
+    isBubbleMessage,
+    isLeftAlignedBubbleMessage,
+    isAlignedBetweenBubbles,
+    isEditing,
+    isInfoMessage,
+    isTwelveHour,
+    isSending,
+    isHighlighted,
+    isSelected,
+    isContinuation,
+    eventType,
+    isCallInvite,
+    isLast,
+    isLastInSection,
+    isContextual,
+    isActionBarFocused,
+    isEncryptionFailure,
+    msgtype,
+    hideSender,
+    timelineRenderingType,
+    isRenderingNotification,
+    noBubbleEvent,
+}: EventTileClassState): Record<string, boolean | undefined> {
+    return {
+        mx_EventTile_bubbleContainer: isBubbleMessage,
+        mx_EventTile_leftAlignedBubble: isLeftAlignedBubbleMessage,
+        mx_EventTile_alignedBetweenBubbles: isAlignedBetweenBubbles,
+        mx_EventTile: true,
+        mx_EventTile_isEditing: isEditing,
+        mx_EventTile_info: isInfoMessage,
+        mx_EventTile_12hr: isTwelveHour,
+        // Note: we keep the `sending` state class for tests, not for our styles
+        mx_EventTile_sending: !isEditing && isSending,
+        mx_EventTile_highlight: isHighlighted,
+        mx_EventTile_selected: isSelected,
+        mx_EventTile_continuation: isContinuation || isCallInvite || ElementCallEventType.matches(eventType),
+        mx_EventTile_last: isLast,
+        mx_EventTile_lastInSection: isLastInSection,
+        mx_EventTile_contextual: isContextual,
+        mx_EventTile_actionBarFocused: isActionBarFocused,
+        mx_EventTile_bad: isEncryptionFailure,
+        mx_EventTile_emote: msgtype === "m.emote",
+        mx_EventTile_noSender: hideSender,
+        mx_EventTile_clamp: timelineRenderingType === TimelineRenderingType.ThreadsList || isRenderingNotification,
+        mx_EventTile_noBubble: noBubbleEvent,
+    };
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileE2eState.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileE2eState.ts
new file mode 100644
index 00000000000..735754d8a2e
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileE2eState.ts
@@ -0,0 +1,211 @@
+/*
+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 { EventStatus, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { DecryptionFailureCode, EventShieldColour, EventShieldReason } from "matrix-js-sdk/src/crypto-api";
+import { E2ePadlockIcon } from "@element-hq/web-shared-components";
+
+import { _t } from "../../../../languageHandler";
+
+/** Display state for the EventTile E2E padlock area. */
+export type EventTileE2ePadlockState =
+    | {
+          /** No E2E padlock should render. */
+          kind: "none";
+      }
+    | {
+          /** Render the undecryptable padlock. */
+          kind: "decryptionFailure";
+      }
+    | {
+          /** Render the forwarded/shared message indicator. */
+          kind: "messageShared";
+          /** User ID that forwarded the message key. */
+          keyForwardingUserId: string;
+          /** Room ID used by the shared-message indicator. */
+          roomId: string;
+      }
+    | {
+          /** Render a trust shield padlock. */
+          kind: "shield";
+          /** Shield colour used to choose the rendered icon. */
+          shieldColour: EventShieldColour;
+          /** Shield reason used to choose the visible tooltip. */
+          shieldReason: EventShieldReason | null;
+      }
+    | {
+          /** Render the unencrypted warning in an encrypted room. */
+          kind: "unencrypted";
+      };
+
+/** Renderable display state for the EventTile E2E padlock area. */
+export type EventTileE2ePadlockViewState =
+    | {
+          /** No E2E padlock should render. */
+          kind: "none";
+      }
+    | {
+          /** Render the shared-message indicator. */
+          kind: "messageShared";
+          /** User ID that forwarded the message key. */
+          keyForwardingUserId: string;
+          /** Room ID used by the shared-message indicator. */
+          roomId: string;
+      }
+    | {
+          /** Render a standard E2E padlock icon. */
+          kind: "icon";
+          /** Icon variant to render. */
+          icon: E2ePadlockIcon;
+          /** Tooltip shown for the icon. */
+          title: string;
+      };
+
+/** Inputs for deriving EventTile E2E padlock display state. */
+export interface EventTileE2ePadlockStateInput {
+    /** Matrix event rendered by the tile. */
+    mxEvent: MatrixEvent;
+    /** Event used for verification decisions, usually the replacing event for edits. */
+    verificationEvent: MatrixEvent;
+    /** Current event shield colour. */
+    shieldColour: EventShieldColour;
+    /** Current event shield reason. */
+    shieldReason: EventShieldReason | null;
+    /** Whether the room is encrypted. */
+    isRoomEncrypted?: boolean | null;
+    /** Whether the event belongs to a local room. */
+    isLocalRoom: boolean;
+}
+
+/** Derives the E2E padlock display state for EventTile. */
+export function getEventTileE2ePadlockState({
+    mxEvent,
+    verificationEvent,
+    shieldColour,
+    shieldReason,
+    isRoomEncrypted,
+    isLocalRoom,
+}: EventTileE2ePadlockStateInput): EventTileE2ePadlockState {
+    if (isLocalRoom) {
+        return { kind: "none" };
+    }
+
+    if (verificationEvent.isDecryptionFailure()) {
+        switch (verificationEvent.decryptionFailureReason) {
+            case DecryptionFailureCode.SENDER_IDENTITY_PREVIOUSLY_VERIFIED:
+            case DecryptionFailureCode.UNSIGNED_SENDER_DEVICE:
+                return { kind: "none" };
+            default:
+                return { kind: "decryptionFailure" };
+        }
+    }
+
+    if (shieldReason === EventShieldReason.AUTHENTICITY_NOT_GUARANTEED) {
+        const keyForwardingUserId = mxEvent.getKeyForwardingUser();
+        if (keyForwardingUserId) {
+            return {
+                kind: "messageShared",
+                keyForwardingUserId,
+                roomId: verificationEvent.getRoomId()!,
+            };
+        }
+    }
+
+    if (shieldColour !== EventShieldColour.NONE) {
+        return {
+            kind: "shield",
+            shieldColour,
+            shieldReason,
+        };
+    }
+
+    if (isRoomEncrypted) {
+        if (
+            verificationEvent.status === EventStatus.ENCRYPTING ||
+            verificationEvent.status === EventStatus.NOT_SENT ||
+            verificationEvent.isState() ||
+            verificationEvent.isRedacted()
+        ) {
+            return { kind: "none" };
+        }
+
+        if (!verificationEvent.isEncrypted()) {
+            return { kind: "unencrypted" };
+        }
+    }
+
+    return { kind: "none" };
+}
+
+function getEventTileShieldReasonMessage(shieldReason: EventShieldReason | null): string {
+    switch (shieldReason) {
+        case EventShieldReason.UNVERIFIED_IDENTITY:
+            return _t("encryption|event_shield_reason_unverified_identity");
+
+        case EventShieldReason.UNSIGNED_DEVICE:
+            return _t("encryption|event_shield_reason_unsigned_device");
+
+        case EventShieldReason.UNKNOWN_DEVICE:
+            return _t("encryption|event_shield_reason_unknown_device");
+
+        case EventShieldReason.AUTHENTICITY_NOT_GUARANTEED:
+            return _t("encryption|event_shield_reason_authenticity_not_guaranteed");
+
+        case EventShieldReason.MISMATCHED_SENDER_KEY:
+            return _t("encryption|event_shield_reason_mismatched_sender_key");
+
+        case EventShieldReason.SENT_IN_CLEAR:
+            return _t("common|unencrypted");
+
+        case EventShieldReason.VERIFICATION_VIOLATION:
+            return _t("timeline|decryption_failure|sender_identity_previously_verified");
+
+        case EventShieldReason.MISMATCHED_SENDER:
+            return _t("encryption|event_shield_reason_mismatched_sender");
+
+        default:
+            return _t("error|unknown");
+    }
+}
+
+/** Derives renderable E2E padlock display state for EventTile. */
+export function getEventTileE2ePadlockViewState(input: EventTileE2ePadlockStateInput): EventTileE2ePadlockViewState {
+    const state = getEventTileE2ePadlockState(input);
+
+    switch (state.kind) {
+        case "none":
+            return { kind: "none" };
+
+        case "decryptionFailure":
+            return {
+                kind: "icon",
+                icon: E2ePadlockIcon.DecryptionFailure,
+                title: _t("timeline|undecryptable_tooltip"),
+            };
+
+        case "messageShared":
+            return {
+                kind: "messageShared",
+                keyForwardingUserId: state.keyForwardingUserId,
+                roomId: state.roomId,
+            };
+
+        case "unencrypted":
+            return {
+                kind: "icon",
+                icon: E2ePadlockIcon.Warning,
+                title: _t("common|unencrypted"),
+            };
+
+        case "shield":
+            return {
+                kind: "icon",
+                icon: state.shieldColour === EventShieldColour.GREY ? E2ePadlockIcon.Normal : E2ePadlockIcon.Warning,
+                title: getEventTileShieldReasonMessage(state.shieldReason),
+            };
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileE2eViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileE2eViewModel.ts
new file mode 100644
index 00000000000..d4167f8ddcd
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileE2eViewModel.ts
@@ -0,0 +1,212 @@
+/*
+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, MatrixEventEvent, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { CryptoEvent, EventShieldColour, type EventShieldReason } from "matrix-js-sdk/src/crypto-api";
+import { BaseViewModel } from "@element-hq/web-shared-components";
+
+import { isLocalRoom } from "../../../../utils/localRoom/isLocalRoom";
+import { objectHasDiff } from "../../../../utils/objects";
+import { getEventTileE2ePadlockViewState, type EventTileE2ePadlockViewState } from "./EventTileE2eState";
+
+export interface EventTileE2eViewModelProps {
+    /** Matrix client used for crypto verification lookups. */
+    cli: MatrixClient;
+    /** Matrix event rendered by the tile. */
+    mxEvent: MatrixEvent;
+    /** Whether the room is encrypted. */
+    isRoomEncrypted?: boolean | null;
+    /** Current event send status. Used to re-check verification as local echoes progress. */
+    eventSendStatus?: MatrixEvent["status"] | null;
+    /** Whether the view model should register live event and trust listeners. */
+    enableListeners: boolean;
+    /** Optional local-room predicate for tests. */
+    isLocalRoom?: (roomId: string) => boolean;
+}
+
+interface EventTileE2eShieldState {
+    shieldColour: EventShieldColour;
+    shieldReason: EventShieldReason | null;
+}
+
+/** View model for EventTile E2E padlock state and verification refreshes. */
+export class EventTileE2eViewModel extends BaseViewModel<EventTileE2ePadlockViewState, EventTileE2eViewModelProps> {
+    private shieldState: EventTileE2eShieldState = {
+        shieldColour: EventShieldColour.NONE,
+        shieldReason: null,
+    };
+    private listenerCleanups: Array<() => void> = [];
+    private started = false;
+    private verificationRequestId = 0;
+
+    public constructor(props: EventTileE2eViewModelProps) {
+        super(
+            props,
+            EventTileE2eViewModel.calculateSnapshot(props, {
+                shieldColour: EventShieldColour.NONE,
+                shieldReason: null,
+            }),
+        );
+    }
+
+    private static calculateSnapshot(
+        props: EventTileE2eViewModelProps,
+        shieldState: EventTileE2eShieldState,
+    ): EventTileE2ePadlockViewState {
+        const verificationEvent = props.mxEvent.replacingEvent() ?? props.mxEvent;
+        const roomId = verificationEvent.getRoomId()!;
+
+        return getEventTileE2ePadlockViewState({
+            mxEvent: props.mxEvent,
+            verificationEvent,
+            shieldColour: shieldState.shieldColour,
+            shieldReason: shieldState.shieldReason,
+            isRoomEncrypted: props.isRoomEncrypted,
+            isLocalRoom: props.isLocalRoom?.(roomId) ?? isLocalRoom(roomId),
+        });
+    }
+
+    /** Starts live listeners and runs the initial verification check. */
+    public start(): void {
+        if (this.started) return;
+
+        this.started = true;
+        this.setupListeners();
+        this.verifyEvent();
+    }
+
+    /** Updates inputs, refreshes listeners when the event changes, and re-checks verification when needed. */
+    public setProps(newProps: Partial<EventTileE2eViewModelProps>): void {
+        const prevProps = this.props;
+        const prevEvent = this.props.mxEvent;
+
+        this.props = {
+            ...this.props,
+            ...newProps,
+        };
+
+        const eventChanged = prevEvent !== this.props.mxEvent;
+        const shouldVerify =
+            eventChanged ||
+            prevProps.eventSendStatus !== this.props.eventSendStatus ||
+            prevProps.enableListeners !== this.props.enableListeners;
+
+        if (eventChanged) {
+            this.shieldState = {
+                shieldColour: EventShieldColour.NONE,
+                shieldReason: null,
+            };
+            this.refreshSnapshot();
+            this.setupListeners();
+        } else if (prevProps.enableListeners !== this.props.enableListeners) {
+            this.setupListeners();
+        } else if (prevProps.isRoomEncrypted !== this.props.isRoomEncrypted) {
+            this.refreshSnapshot();
+        }
+
+        if (shouldVerify) {
+            this.verifyEvent();
+        }
+    }
+
+    public override dispose(): void {
+        this.teardownListeners();
+        super.dispose();
+    }
+
+    private setupListeners(): void {
+        this.teardownListeners();
+
+        if (!this.started || !this.props.enableListeners) {
+            return;
+        }
+
+        const { cli, mxEvent } = this.props;
+
+        cli.on(CryptoEvent.UserTrustStatusChanged, this.onUserVerificationChanged);
+        this.listenerCleanups.push(() => {
+            cli.removeListener(CryptoEvent.UserTrustStatusChanged, this.onUserVerificationChanged);
+        });
+
+        mxEvent.on(MatrixEventEvent.Decrypted, this.onDecrypted);
+        this.listenerCleanups.push(() => {
+            mxEvent.removeListener(MatrixEventEvent.Decrypted, this.onDecrypted);
+        });
+
+        mxEvent.on(MatrixEventEvent.Replaced, this.onReplaced);
+        this.listenerCleanups.push(() => {
+            mxEvent.removeListener(MatrixEventEvent.Replaced, this.onReplaced);
+        });
+    }
+
+    private teardownListeners(): void {
+        for (const cleanup of this.listenerCleanups) {
+            cleanup();
+        }
+        this.listenerCleanups = [];
+    }
+
+    private readonly onDecrypted = (): void => {
+        this.verifyEvent();
+    };
+
+    private readonly onReplaced = (): void => {
+        this.verifyEvent();
+    };
+
+    private readonly onUserVerificationChanged = (userId: string): void => {
+        if (userId === this.props.mxEvent.getSender()) {
+            this.verifyEvent();
+        }
+    };
+
+    private verifyEvent(): void {
+        const requestId = ++this.verificationRequestId;
+
+        this.doVerifyEvent(requestId).catch((e) => {
+            const event = this.props.mxEvent;
+            logger.error(`Error getting encryption info on event ${event.getId()} in room ${event.getRoomId()}`, e);
+        });
+    }
+
+    private async doVerifyEvent(requestId: number): Promise<void> {
+        const verificationEvent = this.props.mxEvent.replacingEvent() ?? this.props.mxEvent;
+
+        if (!verificationEvent.isEncrypted() || verificationEvent.isRedacted()) {
+            this.setShieldState(EventShieldColour.NONE, null);
+            return;
+        }
+
+        const encryptionInfo = (await this.props.cli.getCrypto()?.getEncryptionInfoForEvent(verificationEvent)) ?? null;
+        if (this.isDisposed || requestId !== this.verificationRequestId) return;
+
+        if (encryptionInfo === null) {
+            // likely a decryption error
+            this.setShieldState(EventShieldColour.NONE, null);
+            return;
+        }
+
+        this.setShieldState(encryptionInfo.shieldColour, encryptionInfo.shieldReason);
+    }
+
+    private setShieldState(shieldColour: EventShieldColour, shieldReason: EventShieldReason | null): void {
+        this.shieldState = {
+            shieldColour,
+            shieldReason,
+        };
+        this.refreshSnapshot();
+    }
+
+    private refreshSnapshot(): void {
+        const nextSnapshot = EventTileE2eViewModel.calculateSnapshot(this.props, this.shieldState);
+
+        if (objectHasDiff(this.snapshot.current, nextSnapshot)) {
+            this.snapshot.set(nextSnapshot);
+        }
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileHighlightState.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileHighlightState.ts
new file mode 100644
index 00000000000..8a4b9657d8d
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileHighlightState.ts
@@ -0,0 +1,58 @@
+/*
+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 { EventType, type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { TimelineRenderingType } from "../../../../contexts/RoomContext";
+
+/** Inputs for deriving EventTile highlight display state. */
+export interface EventTileHighlightStateInput {
+    /** Matrix client used to resolve push actions and the current user. */
+    cli: MatrixClient;
+    /** Matrix event rendered by the tile. */
+    mxEvent: MatrixEvent;
+    /** Current timeline rendering mode. */
+    timelineRenderingType: TimelineRenderingType;
+    /** Whether the tile is rendering for export. */
+    forExport?: boolean;
+    /** Whether the event is considered redacted by the tile. */
+    isRedacted?: boolean;
+}
+
+/**
+ * Determine whether an event should be highlighted.
+ * For edited events, if a previous version of the event was highlighted, the event should remain highlighted as the
+ * user may have been notified.
+ */
+export function shouldHighlightEventTile({
+    cli,
+    mxEvent,
+    timelineRenderingType,
+    forExport,
+    isRedacted,
+}: EventTileHighlightStateInput): boolean {
+    if (forExport) return false;
+    if (timelineRenderingType === TimelineRenderingType.Notification) return false;
+    if (timelineRenderingType === TimelineRenderingType.ThreadsList) return false;
+    if (isRedacted) return false;
+
+    // This event is a room mention but we don't want the call tile to have a highlight.
+    if (mxEvent.getType() === EventType.RTCNotification) return false;
+
+    const actions = cli.getPushActionsForEvent(mxEvent.replacingEvent() || mxEvent);
+    const previousActions = mxEvent.replacingEvent() ? cli.getPushActionsForEvent(mxEvent) : undefined;
+    if (!actions?.tweaks && !previousActions?.tweaks) {
+        return false;
+    }
+
+    // Don't show self-highlights from another of our clients.
+    if (mxEvent.getSender() === cli.credentials.userId) {
+        return false;
+    }
+
+    return !!(actions?.tweaks.highlight || previousActions?.tweaks.highlight);
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileInteractionState.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileInteractionState.ts
new file mode 100644
index 00000000000..7cb3f576a1b
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileInteractionState.ts
@@ -0,0 +1,114 @@
+/*
+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.
+*/
+
+/** Context menu state owned by EventTile interaction handling. */
+export interface EventTileContextMenuState {
+    /** Menu anchor position. */
+    position: Pick<DOMRect, "top" | "left" | "bottom">;
+    /** Optional link target captured from the context-menu target. */
+    link?: string;
+}
+
+/** Interaction state owned by EventTile. */
+export interface EventTileInteractionState {
+    /** Whether the action bar is focused. */
+    actionBarFocused: boolean;
+    /** Whether focus should force the action bar visible. */
+    showActionBarFromFocus: boolean;
+    /** Whether the tile is currently hovered. */
+    hover: boolean;
+    /** Whether focus is currently inside the tile. */
+    focusWithin: boolean;
+    /** Context menu state, when the EventTile context menu is open. */
+    contextMenu?: EventTileContextMenuState;
+}
+
+/** Initial EventTile interaction state. */
+export const initialEventTileInteractionState: EventTileInteractionState = {
+    actionBarFocused: false,
+    showActionBarFromFocus: false,
+    hover: false,
+    focusWithin: false,
+};
+
+/** Updates interaction state when the tile is hovered. */
+export function eventTileMouseEnter(state: EventTileInteractionState): EventTileInteractionState {
+    return {
+        ...state,
+        hover: true,
+    };
+}
+
+/** Updates interaction state when the tile is no longer hovered. */
+export function eventTileMouseLeave(state: EventTileInteractionState): EventTileInteractionState {
+    return {
+        ...state,
+        hover: false,
+    };
+}
+
+/** Updates interaction state when focus enters the tile. */
+export function eventTileFocusWithin(
+    state: EventTileInteractionState,
+    showActionBarFromFocus: boolean,
+): EventTileInteractionState {
+    return {
+        ...state,
+        focusWithin: true,
+        showActionBarFromFocus,
+    };
+}
+
+/** Updates interaction state when focus leaves the tile. */
+export function eventTileBlurWithin(state: EventTileInteractionState): EventTileInteractionState {
+    return {
+        ...state,
+        focusWithin: false,
+        showActionBarFromFocus: false,
+    };
+}
+
+/** Updates interaction state when the action bar focus changes. */
+export function eventTileActionBarFocusChange(
+    state: EventTileInteractionState,
+    actionBarFocused: boolean,
+    tileHovered: boolean,
+): EventTileInteractionState {
+    return {
+        ...state,
+        actionBarFocused,
+        hover: actionBarFocused ? state.hover : tileHovered,
+    };
+}
+
+/** Updates interaction state when stale hover is detected. */
+export function eventTileClearHover(state: EventTileInteractionState): EventTileInteractionState {
+    return eventTileMouseLeave(state);
+}
+
+/** Updates interaction state when the EventTile context menu opens. */
+export function eventTileOpenContextMenu(
+    state: EventTileInteractionState,
+    contextMenu: EventTileContextMenuState,
+): EventTileInteractionState {
+    return {
+        ...state,
+        contextMenu,
+        actionBarFocused: true,
+        hover: false,
+    };
+}
+
+/** Updates interaction state when the EventTile context menu closes. */
+export function eventTileCloseContextMenu(state: EventTileInteractionState): EventTileInteractionState {
+    return {
+        ...state,
+        contextMenu: undefined,
+        actionBarFocused: false,
+        hover: false,
+    };
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileMjolnirBodyState.test.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileMjolnirBodyState.test.ts
new file mode 100644
index 00000000000..30543ed13a8
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileMjolnirBodyState.test.ts
@@ -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.
+*/
+
+// @vitest-environment happy-dom
+
+import { MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { afterEach, describe, expect, it, vi } from "vitest";
+
+import { allowMjolnirBody, getMjolnirBodyStorageKey, isMjolnirBodyAllowed } from "./EventTileMjolnirBodyState";
+
+describe("EventTileMjolnirBodyState", () => {
+    afterEach(() => {
+        localStorage.clear();
+        vi.restoreAllMocks();
+    });
+
+    it("derives the application storage key from an event", () => {
+        const event = new MatrixEvent({
+            room_id: "!room:example.org",
+            event_id: "$event:example.org",
+        });
+
+        expect(getMjolnirBodyStorageKey(event)).toBe("mx_mjolnir_render_!room:example.org__$event:example.org");
+    });
+
+    it("reads whether an event has been allowed", () => {
+        const event = new MatrixEvent({
+            room_id: "!room:example.org",
+            event_id: "$event:example.org",
+        });
+
+        expect(isMjolnirBodyAllowed(event)).toBe(false);
+        allowMjolnirBody(event);
+        expect(isMjolnirBodyAllowed(event)).toBe(true);
+    });
+
+    it("stores the allow decision and notifies the owning tile", () => {
+        const event = new MatrixEvent({
+            room_id: "!room:example.org",
+            event_id: "$event:example.org",
+        });
+        const onMessageAllowed = vi.fn();
+
+        allowMjolnirBody(event, onMessageAllowed);
+
+        expect(localStorage.getItem("mx_mjolnir_render_!room:example.org__$event:example.org")).toBe("true");
+        expect(onMessageAllowed).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileMjolnirBodyState.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileMjolnirBodyState.ts
new file mode 100644
index 00000000000..e75e4a3a1e8
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileMjolnirBodyState.ts
@@ -0,0 +1,24 @@
+/*
+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 MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+/** Gets the application storage key used to remember that an event may be shown. */
+export function getMjolnirBodyStorageKey(mxEvent: MatrixEvent): string {
+    return `mx_mjolnir_render_${mxEvent.getRoomId()}__${mxEvent.getId()}`;
+}
+
+/** Gets whether a Mjolnir-hidden event has been allowed to render. */
+export function isMjolnirBodyAllowed(mxEvent: MatrixEvent): boolean {
+    return localStorage.getItem(getMjolnirBodyStorageKey(mxEvent)) === "true";
+}
+
+/** Allows a Mjolnir-hidden event to be shown and notifies the owning tile. */
+export function allowMjolnirBody(mxEvent: MatrixEvent, onMessageAllowed?: () => void): void {
+    localStorage.setItem(getMjolnirBodyStorageKey(mxEvent), "true");
+    onMessageAllowed?.();
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileReceiptState.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileReceiptState.ts
new file mode 100644
index 00000000000..5f321213ef8
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileReceiptState.ts
@@ -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 { EventStatus, EventType, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { TimelineRenderingType } from "../../../../contexts/RoomContext";
+import { isMessageEvent } from "../../../../events/EventTileFactory";
+
+interface ReadReceiptLike {
+    userId: string;
+}
+
+/** Inputs for deriving EventTile receipt display state. */
+export interface EventTileReceiptStateInput {
+    /** The Matrix event rendered by the tile. */
+    mxEvent: MatrixEvent;
+    /** Read receipts supplied for the tile. */
+    readReceipts?: ReadReceiptLike[];
+    /** Whether the event room is known locally. */
+    hasRoom: boolean;
+    /** Current user's safe user ID, used for sender eligibility. */
+    ownUserId: string;
+    /** Whether this is the last successful event sent by the current user. */
+    lastSuccessful?: boolean;
+    /** Current event send status. */
+    eventSendStatus?: EventStatus | null;
+    /** The current timeline rendering mode. */
+    timelineRenderingType: TimelineRenderingType;
+}
+
+/** EventTile receipt display state. */
+export interface EventTileReceiptState {
+    /** Whether the event is eligible for a sent/sending receipt. */
+    isEligibleForSpecialReceipt: boolean;
+    /** Whether EventTile should render the sent receipt. */
+    shouldShowSentReceipt: boolean;
+    /** Whether EventTile should render the sending receipt. */
+    shouldShowSendingReceipt: boolean;
+    /** Whether EventTile should listen for receipt updates. */
+    shouldListenForReceipts: boolean;
+}
+
+/**
+ * Whether the event type qualifies for a sent/sending receipt.
+ * This excludes state events and other events that are not sent by the composer.
+ */
+export function isEligibleForSpecialReceipt(mxEvent: MatrixEvent): boolean {
+    return isMessageEvent(mxEvent) || mxEvent.getType() === EventType.RoomMessageEncrypted;
+}
+
+/** Derives receipt display state for EventTile. */
+export function getEventTileReceiptState({
+    mxEvent,
+    readReceipts,
+    hasRoom,
+    ownUserId,
+    lastSuccessful,
+    eventSendStatus,
+    timelineRenderingType,
+}: EventTileReceiptStateInput): EventTileReceiptState {
+    const isEligible =
+        !readReceipts?.length && hasRoom && mxEvent.getSender() === ownUserId && isEligibleForSpecialReceipt(mxEvent);
+    const shouldShowSentReceipt =
+        isEligible &&
+        !!lastSuccessful &&
+        timelineRenderingType !== TimelineRenderingType.ThreadsList &&
+        (!eventSendStatus || eventSendStatus === EventStatus.SENT);
+    const shouldShowSendingReceipt = isEligible && !!eventSendStatus && eventSendStatus !== EventStatus.SENT;
+
+    return {
+        isEligibleForSpecialReceipt: isEligible,
+        shouldShowSentReceipt,
+        shouldShowSendingReceipt,
+        shouldListenForReceipts: shouldShowSentReceipt || shouldShowSendingReceipt,
+    };
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileRedactedBodyState.test.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileRedactedBodyState.test.ts
new file mode 100644
index 00000000000..8799bc3a83c
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileRedactedBodyState.test.ts
@@ -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.
+*/
+
+// @vitest-environment happy-dom
+
+import { EventType, MatrixEvent, MsgType, type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { beforeEach, afterEach, describe, expect, it, vi } from "vitest";
+
+import { formatFullDate } from "../../../../DateUtils";
+import { _t } from "../../../../languageHandler";
+import { MatrixClientPeg } from "../../../../MatrixClientPeg";
+import { getRedactedBodyViewModelProps } from "./EventTileRedactedBodyState";
+
+describe("EventTileRedactedBodyState", () => {
+    let client: MatrixClient;
+    let room: Room;
+
+    const makeRedactedEvent = ({
+        sender = "@alice:example.com",
+        redactedBecauseSender = sender,
+        originServerTs = Date.UTC(2022, 10, 17, 15, 58, 32),
+    }: {
+        sender?: string;
+        redactedBecauseSender?: string;
+        originServerTs?: number;
+    } = {}): MatrixEvent =>
+        new MatrixEvent({
+            event_id: "$message:example.com",
+            type: EventType.RoomMessage,
+            sender,
+            room_id: room.roomId,
+            content: {
+                msgtype: MsgType.Text,
+                body: "Message",
+            },
+            unsigned: {
+                redacted_because: {
+                    content: {},
+                    event_id: "$redaction:example.com",
+                    origin_server_ts: originServerTs,
+                    redacts: "$message:example.com",
+                    room_id: room.roomId,
+                    sender: redactedBecauseSender,
+                    type: EventType.RoomRedaction,
+                    unsigned: {},
+                },
+            },
+        });
+
+    beforeEach(() => {
+        client = { getRoom: vi.fn() } as unknown as MatrixClient;
+        room = { roomId: "!room:example.com", getMember: vi.fn() } as unknown as Room;
+        vi.spyOn(MatrixClientPeg, "get").mockReturnValue(client);
+        vi.spyOn(client, "getRoom").mockReturnValue(room);
+    });
+
+    afterEach(() => vi.restoreAllMocks());
+
+    it("builds self-redaction text and tooltip from the event", () => {
+        const event = makeRedactedEvent();
+
+        expect(getRedactedBodyViewModelProps(event, true)).toEqual({
+            text: "Message deleted",
+            tooltip: _t("timeline|redacted|tooltip", {
+                date: formatFullDate(new Date(Date.UTC(2022, 10, 17, 15, 58, 32)), true),
+            }),
+        });
+    });
+
+    it("uses the redacting member name when another user removed the message", () => {
+        vi.spyOn(room, "getMember").mockReturnValue({ name: "Alice" } as any);
+
+        expect(
+            getRedactedBodyViewModelProps(
+                makeRedactedEvent({ redactedBecauseSender: "@alice-redactor:example.com" }),
+                false,
+            ).text,
+        ).toBe("Message deleted by Alice");
+    });
+
+    it("omits the tooltip when the event has no redaction timestamp", () => {
+        const event = makeRedactedEvent({ originServerTs: 0 });
+
+        expect(getRedactedBodyViewModelProps(event, false).tooltip).toBeUndefined();
+    });
+});
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileRedactedBodyState.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileRedactedBodyState.ts
new file mode 100644
index 00000000000..578b78cdb40
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileRedactedBodyState.ts
@@ -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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { formatFullDate } from "../../../../DateUtils";
+import { _t } from "../../../../languageHandler";
+import { MatrixClientPeg } from "../../../../MatrixClientPeg";
+import { type RedactedBodyViewSnapshot } from "@element-hq/web-shared-components";
+
+/** Converts a redacted event into the data required by the redacted body view. */
+export function getRedactedBodyViewModelProps(mxEvent: MatrixEvent, showTwelveHour: boolean): RedactedBodyViewSnapshot {
+    const redactedBecause = mxEvent.getUnsigned().redacted_because;
+
+    const redactingUserId = redactedBecause?.sender;
+    const redactingRoomId = mxEvent.getRoomId();
+    const redactingRoom = redactingRoomId ? MatrixClientPeg.get()?.getRoom(redactingRoomId) : null;
+    const redactingMember = redactingUserId ? redactingRoom?.getMember(redactingUserId) : undefined;
+
+    const text =
+        !redactingUserId || redactingUserId === mxEvent.getSender()
+            ? _t("timeline|self_redaction")
+            : _t("timeline|redaction", { name: redactingMember?.name ?? redactingUserId });
+
+    const redactionTs = redactedBecause?.origin_server_ts;
+    const tooltip = redactionTs
+        ? _t("timeline|redacted|tooltip", {
+              date: formatFullDate(new Date(redactionTs), showTwelveHour),
+          })
+        : undefined;
+
+    return { text, tooltip };
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileReplyChainState.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileReplyChainState.ts
new file mode 100644
index 00000000000..45b20808d85
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileReplyChainState.ts
@@ -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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { shouldDisplayReply } from "../../../../utils/Reply";
+
+/** Inputs for deriving EventTile reply-chain display state. */
+export interface EventTileReplyChainStateInput {
+    /** Matrix event rendered by the tile. */
+    mxEvent: MatrixEvent;
+    /** Whether the event has a renderer in the current timeline context. */
+    hasRenderer: boolean;
+}
+
+/** EventTile reply-chain display state. */
+export interface EventTileReplyChainState {
+    /** Whether EventTile should render ReplyChain. */
+    shouldShowReplyChain: boolean;
+}
+
+/** Derives reply-chain display state for EventTile. */
+export function getEventTileReplyChainState({
+    mxEvent,
+    hasRenderer,
+}: EventTileReplyChainStateInput): EventTileReplyChainState {
+    return {
+        shouldShowReplyChain: hasRenderer && shouldDisplayReply(mxEvent),
+    };
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileThreadState.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileThreadState.ts
new file mode 100644
index 00000000000..e701da998ce
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileThreadState.ts
@@ -0,0 +1,96 @@
+/*
+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 MatrixEvent, type Thread } from "matrix-js-sdk/src/matrix";
+
+import { TimelineRenderingType } from "../../../../contexts/RoomContext";
+
+/** Minimal room surface used to look up a thread for an event. */
+export interface EventTileThreadLookup {
+    /** Finds the thread associated with an event. */
+    findThreadForEvent(mxEvent: MatrixEvent): Thread | null | undefined;
+}
+
+/** Search thread-info rendering kind. */
+export type SearchThreadInfoKind = "none" | "text" | "link";
+
+/** Search timeline thread-info display state. */
+export interface EventTileSearchThreadInfo {
+    /** Kind of search thread info to render. */
+    kind: SearchThreadInfoKind;
+    /** Link target when rendering linked thread info. */
+    href?: string;
+}
+
+/** Inputs for deriving EventTile thread display state. */
+export interface EventTileThreadStateInput {
+    /** Matrix event rendered by the tile. */
+    mxEvent: MatrixEvent;
+    /** Thread associated with the event, when available. */
+    thread: Thread | null;
+    /** Current timeline rendering mode. */
+    timelineRenderingType: TimelineRenderingType;
+    /** Optional search-result link for thread info. */
+    highlightLink?: string;
+}
+
+/** EventTile thread display state. */
+export interface EventTileThreadState {
+    /** Thread associated with the event, when available. */
+    thread: Thread | null;
+    /** Whether EventTile should render the main thread summary. */
+    shouldShowThreadSummary: boolean;
+    /** Whether EventTile should render the thread panel reply summary. */
+    shouldShowThreadPanelSummary: boolean;
+    /** Timestamp of the latest thread reply, when available. */
+    threadReplyEventTs?: number;
+    /** Search timeline thread-info display state. */
+    searchThreadInfo: EventTileSearchThreadInfo;
+}
+
+/**
+ * Finds the thread associated with an event.
+ *
+ * Accessing the thread through the room covers a race where the event has not
+ * discovered its thread yet during sync.
+ */
+export function getEventTileThread(mxEvent: MatrixEvent, room?: EventTileThreadLookup | null): Thread | null {
+    return mxEvent.getThread() ?? room?.findThreadForEvent(mxEvent) ?? null;
+}
+
+function getSearchThreadInfo(shouldShowSearchThreadInfo: boolean, highlightLink?: string): EventTileSearchThreadInfo {
+    if (!shouldShowSearchThreadInfo) {
+        return { kind: "none" };
+    }
+
+    if (highlightLink) {
+        return { kind: "link", href: highlightLink };
+    }
+
+    return { kind: "text" };
+}
+
+/** Derives thread display state for EventTile. */
+export function getEventTileThreadState({
+    mxEvent,
+    thread,
+    timelineRenderingType,
+    highlightLink,
+}: EventTileThreadStateInput): EventTileThreadState {
+    const shouldShowThreadSummary = !!thread && thread.id === mxEvent.getId();
+    const shouldShowSearchThreadInfo =
+        !shouldShowThreadSummary && timelineRenderingType === TimelineRenderingType.Search && !!mxEvent.threadRootId;
+    const searchThreadInfo = getSearchThreadInfo(shouldShowSearchThreadInfo, highlightLink);
+
+    return {
+        thread,
+        shouldShowThreadSummary,
+        shouldShowThreadPanelSummary: !!thread,
+        threadReplyEventTs: thread?.replyToEvent?.getTs(),
+        searchThreadInfo,
+    };
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileViewModel.ts
new file mode 100644
index 00000000000..00a26e38b94
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileViewModel.ts
@@ -0,0 +1,812 @@
+/*
+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 { BaseViewModel } from "@element-hq/web-shared-components";
+import { EventType, MsgType, type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import {
+    type EventTileSenderProfileState,
+    type FooterDisplayState,
+    getEventTileClassState,
+    getEventTileLineClassState,
+    getEventTileSenderProfileState,
+    getEventTileTimestamp,
+    getFooterDisplayState,
+    getIsContinuation,
+    getReplyChainAlwaysShowTimestamps,
+    getScrollToken,
+    getSenderProfileMode,
+    getShouldShowMessageActionBar,
+    getShouldShowTimestamp,
+    getShouldViewUserOnClick,
+    getTimestampDisplayState,
+    type SenderProfileMode,
+    type TimestampDisplayState,
+} from "./EventTileDerivedState";
+import { type MemberInfo } from "./DisambiguatedProfileViewModel";
+import { TimelineRenderingType } from "../../../../contexts/RoomContext";
+import { type Layout } from "../../../../settings/enums/Layout";
+import { MessageTimestampViewModel, type MessageTimestampViewModelProps } from "./timestamp/MessageTimestampViewModel";
+import {
+    ThreadMessagePreviewViewModel,
+    type ThreadMessagePreviewViewModelProps,
+    ThreadSummaryViewModel,
+    type ThreadSummaryViewModelProps,
+} from "./ThreadSummaryViewModel";
+import {
+    E2eMessageSharedIconViewModel,
+    type E2eMessageSharedIconViewModelProps,
+} from "./E2eMessageSharedIconViewModel";
+import { EventPreviewViewModel, type EventPreviewViewModelProps } from "./EventPreviewViewModel";
+import { getEventTileReplyChainState } from "./EventTileReplyChainState";
+import { getEventDisplayInfo } from "../../../../utils/EventRenderingUtils";
+import { haveRendererForEvent } from "../../../../events/EventTileFactory";
+import {
+    ThreadListActionBarViewModel,
+    type ThreadListActionBarViewModelProps,
+} from "../../ThreadListActionBarViewModel";
+import { EventTileActionBarViewModel, type EventTileActionBarViewModelProps } from "../../EventTileActionBarViewModel";
+import { ReactionsRowViewModel, type ReactionsRowViewModelProps } from "./reactions/ReactionsRowViewModel";
+
+/** Event-level inputs for deriving the EventTile snapshot. */
+export interface EventTileEventInput {
+    /** Whether the event is in a pending send state. */
+    isSending: boolean;
+    /** Whether EventTile should announce updates in an aria-live region. */
+    ariaLive?: "off";
+    /** Whether the event is currently being edited. */
+    isEditing: boolean;
+    /** Whether the tile is rendering for export. */
+    forExport?: boolean;
+}
+
+/** Event-level inputs after SDK data has been converted to pure values. */
+export interface EventTileDerivedEventInput extends EventTileEventInput {
+    /** The event type rendered by the tile. */
+    eventType: string;
+    /** The Matrix message type rendered by the tile. */
+    msgtype?: string;
+    /** The event origin timestamp. */
+    eventTs: number;
+    /** The stable event identifier, when available. */
+    eventId?: string;
+    /** The event identifier replaced by this event, when available. */
+    replacingEventId?: string;
+    /** Whether the event is a state event. */
+    isState: boolean;
+    /** Whether the event is a local echo. */
+    isLocalEcho: boolean;
+    /** Whether the event is a room create event. */
+    isRoomCreate: boolean;
+    /** Whether the event is a call invite. */
+    isCallInvite: boolean;
+    /** Whether the event is an RTC notification. */
+    isRtcNotification: boolean;
+    /** Whether the event failed decryption. */
+    isEncryptionFailure: boolean;
+    /** Whether a renderer is available for the event. */
+    hasRenderer: boolean;
+    /** Whether the event should be rendered through the moderation fallback. */
+    isSeeingThroughMessageHiddenForModeration: boolean;
+    /** Whether EventTile should render the reply chain. */
+    hasReplyChain: boolean;
+}
+
+/** Display inputs for deriving the EventTile snapshot. */
+export interface EventTileDisplayInput {
+    /** The current timeline rendering mode. */
+    timelineRenderingType: TimelineRenderingType;
+    /** The current timeline layout. */
+    layout?: Layout;
+    /** Whether the tile is a continuation of the previous event. */
+    continuation?: boolean;
+    /** Whether the event body is likely to render media content. */
+    isProbablyMedia: boolean;
+    /** Whether the tile should use bubble container styling. */
+    isBubbleMessage?: boolean;
+    /** Whether the bubble tile is left-aligned. */
+    isLeftAlignedBubbleMessage?: boolean;
+    /** Whether the event is aligned between bubble columns. */
+    isAlignedBetweenBubbles?: boolean;
+    /** Whether the event renders as an informational timeline item. */
+    isInfoMessage?: boolean;
+    /** Whether bubble styling should be suppressed for this event. */
+    noBubbleEvent?: boolean;
+    /** Whether timestamps use twelve-hour formatting. */
+    isTwelveHour?: boolean;
+    /** Whether the event should be highlighted. */
+    isHighlighted: boolean;
+    /** Whether the tile is selected or has an open context menu. */
+    isSelected: boolean;
+    /** Whether the tile is the last event in the timeline. */
+    isLast?: boolean;
+    /** Whether the tile is the last event in its section. */
+    isLastInSection?: boolean;
+    /** Whether the tile is being rendered in contextual mode. */
+    isContextual?: boolean;
+}
+
+/** Event display inputs after renderer and event display information has been normalized. */
+export interface EventTileDerivedDisplayInput extends EventTileDisplayInput {
+    isBubbleMessage: boolean;
+    isLeftAlignedBubbleMessage: boolean;
+    isAlignedBetweenBubbles: boolean;
+    isInfoMessage: boolean;
+    noBubbleEvent: boolean;
+}
+
+/** Interaction inputs for deriving the EventTile snapshot. */
+export interface EventTileInteractionInput {
+    /** Whether the tile is currently hovered. */
+    hover: boolean;
+    /** Whether focus should force the action bar visible. */
+    showActionBarFromFocus: boolean;
+    /** Whether focus is currently inside the tile. */
+    focusWithin: boolean;
+    /** Whether the action bar currently has focus. */
+    isActionBarFocused: boolean;
+    /** Whether an EventTile context menu is currently open. */
+    hasContextMenu: boolean;
+    /** Whether interaction should be inhibited inside the tile. */
+    inhibitInteraction?: boolean;
+}
+
+/** Sender inputs for deriving the EventTile snapshot. */
+export interface EventTileSenderInput {
+    /** The Matrix sender ID, when available. */
+    senderId?: string;
+    /** Plain member info for sender/profile rendering. */
+    member: MemberInfo | null;
+    /** Whether sender details should be hidden. */
+    hideSender?: boolean;
+    /** Whether the event body renders as an emote. */
+    isEmote?: boolean;
+}
+
+/** Timestamp inputs for deriving the EventTile snapshot. */
+export interface EventTileTimestampInput {
+    /** Whether timestamps should always show. */
+    alwaysShowTimestamps?: boolean;
+    /** Whether timestamp rendering is disabled. */
+    hideTimestamp?: boolean;
+    /** The latest thread reply timestamp, when available. */
+    threadReplyEventTs?: number;
+}
+
+/** Footer inputs for deriving the EventTile snapshot. */
+export interface EventTileFooterInput {
+    /** Whether the event was sent by the current user. */
+    isOwnEvent: boolean;
+    /** Whether a reactions row element will render. */
+    hasReactionsRow: boolean;
+    /** Whether reactions data is available. */
+    hasReactions: boolean;
+    /** Whether a pinned message badge element will render. */
+    hasPinnedMessageBadge: boolean;
+}
+
+/** Inputs for deriving the EventTile view model snapshot. */
+export interface EventTileViewModelProps {
+    /** Event-level inputs. */
+    event: EventTileEventInput;
+    /** Display inputs. */
+    display: EventTileDisplayInput;
+    /** Interaction inputs. */
+    interaction: EventTileInteractionInput;
+    /** Sender inputs. */
+    sender: EventTileSenderInput;
+    /** Timestamp inputs. */
+    timestamp: EventTileTimestampInput;
+    /** Footer inputs. */
+    footer: EventTileFooterInput;
+}
+
+/** Pure EventTile inputs after event and sender data has been normalized. */
+export interface NormalizedEventTileViewModelProps {
+    event: EventTileDerivedEventInput;
+    display: EventTileDerivedDisplayInput;
+    interaction: EventTileInteractionInput;
+    sender: EventTileSenderInput;
+    timestamp: EventTileTimestampInput;
+    footer: EventTileFooterInput;
+}
+
+/** Application dependencies used by EventTileViewModel to derive render data. */
+export interface EventTileViewModelDependencies {
+    /** The Matrix event being rendered. */
+    mxEvent: MatrixEvent;
+    /** Matrix client used to select the event renderer. */
+    matrixClient: MatrixClient;
+    /** Whether hidden events should use their fallback renderer. */
+    showHiddenEvents: boolean;
+    /** Whether the event is hidden by the current tile context. */
+    hideEvent?: boolean;
+}
+
+/** Event-level state derived for the EventTile snapshot. */
+export interface EventTileEventSnapshot {
+    /** The Matrix event type. */
+    eventType: string;
+    /** The Matrix message type. */
+    msgtype?: string;
+    /** The stable event identifier, when available. */
+    eventId?: string;
+    /** The event identifier replaced by this event, when available. */
+    replacingEventId?: string;
+    /** Whether the event is a state event. */
+    isState: boolean;
+    /** The event origin timestamp. */
+    eventTs: number;
+    /** Whether the event is a local echo. */
+    isLocalEcho: boolean;
+    /** Whether the event is in a pending send state. */
+    isSending: boolean;
+    /** Whether the event is currently being edited. */
+    isEditing: boolean;
+    /** Whether EventTile should render as a continuation. */
+    isContinuation?: boolean;
+    /** Whether the tile is rendering as a notification. */
+    isRenderingNotification: boolean;
+    /** Whether the event failed decryption. */
+    isEncryptionFailure: boolean;
+    /** Whether a renderer is available for the event. */
+    hasRenderer: boolean;
+    /** Whether the event should be rendered through the moderation fallback. */
+    isSeeingThroughMessageHiddenForModeration: boolean;
+}
+
+/** Plain data attributes rendered on the EventTile root element. */
+export interface EventTileRootData {
+    /** The event identifier exposed through `data-event-id`. */
+    eventId?: string;
+    /** The configured tile layout exposed through `data-layout`. */
+    layout?: Layout;
+    /** The timeline rendering mode exposed through `data-shape`. */
+    shape: TimelineRenderingType;
+    /** Whether the event belongs to the current user, exposed through `data-self`. */
+    isOwnEvent: boolean;
+    /** Whether EventTile renders a reply chain, exposed through `data-has-reply`. */
+    hasReply: boolean;
+}
+
+/** Root state derived for the EventTile snapshot. */
+export interface EventTileRootSnapshot {
+    /** The aria-live setting used by EventTile. */
+    ariaLive?: "off";
+    /** The stable scroll token for the event. */
+    scrollToken?: string;
+    /** Plain data attributes used by the EventTile root element. */
+    data: EventTileRootData;
+    /** EventTile root CSS class flags. */
+    classState: ReturnType<typeof getEventTileClassState>;
+}
+
+/** Line state derived for the EventTile snapshot. */
+export interface EventTileLineSnapshot {
+    /** EventTile line CSS class flags. */
+    classState: ReturnType<typeof getEventTileLineClassState>;
+}
+
+/** Sender state derived for the EventTile snapshot. */
+export interface EventTileSenderSnapshot {
+    /** The Matrix sender ID, when available. */
+    senderId?: string;
+    /** Plain member info for sender/profile rendering. */
+    member: MemberInfo | null;
+    /** EventTile avatar and sender profile display state. */
+    profileState: EventTileSenderProfileState;
+    /** Whether clicking the avatar should open the user profile. */
+    viewUserOnClick: boolean;
+    /** SenderProfile rendering mode. */
+    profileMode: SenderProfileMode;
+    /** Whether the avatar should use historical room member details. */
+    forceHistoricalAvatar: boolean;
+    /** Whether the event body renders as an emote. */
+    isEmote: boolean;
+}
+
+/** Action bar state derived for the EventTile snapshot. */
+export interface EventTileActionBarSnapshot {
+    /** Whether EventTile should render the message action bar. */
+    show: boolean;
+}
+
+/** Timestamp state derived for the EventTile snapshot. */
+export interface EventTileTimestampSnapshot {
+    /** Whether EventTile should render the message timestamp. */
+    show: boolean;
+    /** The timestamp EventTile should display. */
+    value: number;
+    /** EventTile timestamp display state. */
+    displayState: TimestampDisplayState;
+}
+
+/** Reply chain state derived for the EventTile snapshot. */
+export interface EventTileReplyChainSnapshot {
+    /** Whether ReplyChain should always show timestamps. */
+    alwaysShowTimestamps: boolean;
+}
+
+/** Footer state derived for the EventTile snapshot. */
+export type EventTileFooterSnapshot = FooterDisplayState;
+
+/** Derived EventTile view state consumed by the existing component. */
+export interface EventTileViewModelSnapshot {
+    /** Event-level derived state. */
+    event: EventTileEventSnapshot;
+    /** Root derived state. */
+    root: EventTileRootSnapshot;
+    /** Line derived state. */
+    line: EventTileLineSnapshot;
+    /** Sender derived state. */
+    sender: EventTileSenderSnapshot;
+    /** Action bar derived state. */
+    actionBar: EventTileActionBarSnapshot;
+    /** Timestamp derived state. */
+    timestamp: EventTileTimestampSnapshot;
+    /** Reply chain derived state. */
+    replyChain: EventTileReplyChainSnapshot;
+    /** Footer derived state. */
+    footer: EventTileFooterSnapshot;
+}
+
+/** Render-ready EventTile state consumed by the existing component. */
+export interface EventTileRenderState {
+    /** Derived EventTile view state. */
+    snapshot: EventTileViewModelSnapshot;
+    /** EventTile root render state. */
+    root: {
+        /** EventTile root CSS classes. */
+        className: string;
+        /** EventTile aria-live value. */
+        ariaLive?: "off";
+        /** Stable scroll token for the event. */
+        scrollToken?: string;
+        /** Whether the tile is rendering as a notification. */
+        isRenderingNotification: boolean;
+        /** Plain data attributes used by the EventTile root element. */
+        data: EventTileRootData;
+    };
+    /** EventTile line render state. */
+    line: {
+        /** EventTile line CSS classes. */
+        className: string;
+    };
+    /** EventTile timestamp render state. */
+    timestamp: EventTileTimestampSnapshot & {
+        /** Whether EventTile should render the placeholder timestamp used by IRC layout. */
+        showDummy: boolean;
+        /** Whether the timestamp slot belongs in the group-layout line. */
+        showInGroupLine: boolean;
+        /** Whether the timestamp slot belongs in the IRC-layout line. */
+        showInIrcLine: boolean;
+    };
+    /** EventTile E2E padlock slot state. */
+    e2ePadlock: {
+        /** Whether the padlock should render in the group-layout timestamp area. */
+        showInGroupLine: boolean;
+        /** Whether the padlock should render in the IRC-layout timestamp area. */
+        showInIrcLine: boolean;
+    };
+    /** EventTile footer slot state. */
+    footer: EventTileFooterSnapshot & {
+        /** Whether the footer belongs inside the IRC-layout message line. */
+        showInIrcLayout: boolean;
+        /** Whether the footer belongs below the message line. */
+        showInDefaultLayout: boolean;
+    };
+}
+
+/**
+ * Aggregate application-side render-state boundary for EventTile.
+ *
+ * SDK objects are converted to plain render data here before the existing render tree consumes it.
+ */
+export class EventTileViewModel extends BaseViewModel<EventTileRenderState, EventTileViewModelProps> {
+    private messageTimestampViewModel?: MessageTimestampViewModel;
+    private linkedMessageTimestampViewModel?: MessageTimestampViewModel;
+    private threadMessagePreviewViewModel?: ThreadMessagePreviewViewModel;
+    private threadSummaryViewModel?: ThreadSummaryViewModel;
+    private threadListActionBarViewModel?: ThreadListActionBarViewModel;
+    private e2eMessageSharedIconViewModel?: E2eMessageSharedIconViewModel;
+    private eventPreviewViewModel?: EventPreviewViewModel;
+    private actionBarViewModel?: EventTileActionBarViewModel;
+    private reactionsRowViewModel?: ReactionsRowViewModel;
+
+    public constructor(dependencies: EventTileViewModelDependencies, props: EventTileViewModelProps) {
+        const normalizedProps = EventTileViewModel.normalizeDependencies(dependencies, props);
+        const initialRenderState = EventTileViewModel.createRenderState(normalizedProps);
+
+        super(normalizedProps, initialRenderState);
+    }
+
+    /** Updates dependencies and root inputs together, emitting one consistent render state. */
+    public setInputs(dependencies: EventTileViewModelDependencies, props: EventTileViewModelProps): void {
+        const normalizedProps = EventTileViewModel.normalizeDependencies(dependencies, props);
+        this.props = normalizedProps;
+        this.snapshot.set(EventTileViewModel.createRenderState(normalizedProps));
+    }
+
+    public override dispose(): void {
+        this.messageTimestampViewModel?.dispose();
+        this.linkedMessageTimestampViewModel?.dispose();
+        this.threadMessagePreviewViewModel?.dispose();
+        this.threadSummaryViewModel?.dispose();
+        this.threadListActionBarViewModel?.dispose();
+        this.e2eMessageSharedIconViewModel?.dispose();
+        this.eventPreviewViewModel?.dispose();
+        this.actionBarViewModel?.dispose();
+        this.reactionsRowViewModel?.dispose();
+        super.dispose();
+    }
+
+    /** Lazily creates and returns the plain timestamp child view model. */
+    public getMessageTimestampViewModel(props: MessageTimestampViewModelProps): MessageTimestampViewModel {
+        this.messageTimestampViewModel ??= new MessageTimestampViewModel(props);
+        return this.messageTimestampViewModel;
+    }
+
+    /** Lazily creates and returns the permalink timestamp child view model. */
+    public getLinkedMessageTimestampViewModel(props: MessageTimestampViewModelProps): MessageTimestampViewModel {
+        this.linkedMessageTimestampViewModel ??= new MessageTimestampViewModel(props);
+        return this.linkedMessageTimestampViewModel;
+    }
+
+    /** Lazily creates and returns the thread message preview child view model. */
+    public getThreadMessagePreviewViewModel(props: ThreadMessagePreviewViewModelProps): ThreadMessagePreviewViewModel {
+        this.threadMessagePreviewViewModel ??= new ThreadMessagePreviewViewModel(props);
+        return this.threadMessagePreviewViewModel;
+    }
+
+    /** Releases the thread message preview child view model when its adapter unmounts. */
+    public releaseThreadMessagePreviewViewModel(): void {
+        this.threadMessagePreviewViewModel?.dispose();
+        this.threadMessagePreviewViewModel = undefined;
+    }
+
+    /** Lazily creates and returns the thread summary child view model. */
+    public getThreadSummaryViewModel(props: ThreadSummaryViewModelProps): ThreadSummaryViewModel {
+        this.threadSummaryViewModel ??= new ThreadSummaryViewModel(props);
+        return this.threadSummaryViewModel;
+    }
+
+    /** Releases the thread summary child view model when its adapter unmounts. */
+    public releaseThreadSummaryViewModel(): void {
+        this.threadSummaryViewModel?.dispose();
+        this.threadSummaryViewModel = undefined;
+    }
+
+    /** Lazily creates and returns the thread-list action bar child view model. */
+    public getThreadListActionBarViewModel(props: ThreadListActionBarViewModelProps): ThreadListActionBarViewModel {
+        this.threadListActionBarViewModel ??= new ThreadListActionBarViewModel(props);
+        return this.threadListActionBarViewModel;
+    }
+
+    /** Lazily creates and returns the E2E message-shared icon child view model. */
+    public getE2eMessageSharedIconViewModel(props: E2eMessageSharedIconViewModelProps): E2eMessageSharedIconViewModel {
+        this.e2eMessageSharedIconViewModel ??= new E2eMessageSharedIconViewModel(props);
+        return this.e2eMessageSharedIconViewModel;
+    }
+
+    /** Releases the E2E message-shared icon child view model when its adapter unmounts. */
+    public releaseE2eMessageSharedIconViewModel(): void {
+        this.e2eMessageSharedIconViewModel?.dispose();
+        this.e2eMessageSharedIconViewModel = undefined;
+    }
+
+    /** Lazily creates and returns the event preview child view model. */
+    public getEventPreviewViewModel(props: EventPreviewViewModelProps): EventPreviewViewModel {
+        this.eventPreviewViewModel ??= new EventPreviewViewModel(props);
+        return this.eventPreviewViewModel;
+    }
+
+    /** Releases the event preview child view model when its adapter unmounts. */
+    public releaseEventPreviewViewModel(): void {
+        this.eventPreviewViewModel?.dispose();
+        this.eventPreviewViewModel = undefined;
+    }
+
+    /** Lazily creates and returns the event action bar child view model. */
+    public getActionBarViewModel(props: EventTileActionBarViewModelProps): EventTileActionBarViewModel {
+        this.actionBarViewModel ??= new EventTileActionBarViewModel(props);
+        return this.actionBarViewModel;
+    }
+
+    /** Releases the event action bar child view model when its adapter unmounts. */
+    public releaseActionBarViewModel(): void {
+        this.actionBarViewModel?.dispose();
+        this.actionBarViewModel = undefined;
+    }
+
+    /** Lazily creates and returns the reactions row child view model. */
+    public getReactionsRowViewModel(props: ReactionsRowViewModelProps): ReactionsRowViewModel {
+        this.reactionsRowViewModel ??= new ReactionsRowViewModel(props);
+        return this.reactionsRowViewModel;
+    }
+
+    /** Releases the reactions row child view model when its adapter unmounts. */
+    public releaseReactionsRowViewModel(): void {
+        this.reactionsRowViewModel?.dispose();
+        this.reactionsRowViewModel = undefined;
+    }
+
+    /** Derives render-ready EventTile state from component-owned inputs. */
+    public static createRenderState(props: NormalizedEventTileViewModelProps): EventTileRenderState {
+        const snapshot = EventTileViewModel.createSnapshot(props);
+        const useIRCLayout = snapshot.timestamp.displayState.useIRCLayout;
+        const showPadlock = !props.display.isBubbleMessage;
+
+        return {
+            snapshot,
+            root: {
+                className: classNames(snapshot.root.classState),
+                ariaLive: snapshot.root.ariaLive,
+                scrollToken: snapshot.root.scrollToken,
+                isRenderingNotification: snapshot.event.isRenderingNotification,
+                data: snapshot.root.data,
+            },
+            line: {
+                className: classNames("mx_EventTile_line", snapshot.line.classState),
+            },
+            timestamp: {
+                ...snapshot.timestamp,
+                showDummy: useIRCLayout,
+                showInGroupLine: !useIRCLayout,
+                showInIrcLine: useIRCLayout,
+            },
+            e2ePadlock: {
+                showInGroupLine: !useIRCLayout && showPadlock,
+                showInIrcLine: useIRCLayout && showPadlock,
+            },
+            footer: {
+                ...snapshot.footer,
+                showInIrcLayout: useIRCLayout,
+                showInDefaultLayout: !useIRCLayout,
+            },
+        };
+    }
+
+    /**
+     * Derives pure inputs from application dependencies while keeping the VM's public props SDK-free.
+     */
+    private static normalizeDependencies(
+        dependencies: EventTileViewModelDependencies,
+        props: EventTileViewModelProps,
+    ): NormalizedEventTileViewModelProps {
+        const { mxEvent } = dependencies;
+        const eventType = mxEvent.getType();
+        const displayInfo = getEventDisplayInfo(
+            dependencies.matrixClient,
+            mxEvent,
+            dependencies.showHiddenEvents,
+            dependencies.hideEvent,
+        );
+        const replyChainState = getEventTileReplyChainState({
+            mxEvent,
+            // Replacement events have a fallback tile but must not show their own reply chain
+            hasRenderer: haveRendererForEvent(mxEvent, dependencies.matrixClient, dependencies.showHiddenEvents),
+        });
+
+        return {
+            ...props,
+            event: {
+                ...props.event,
+                eventType,
+                msgtype: mxEvent.getContent().msgtype,
+                eventTs: mxEvent.getTs(),
+                eventId: mxEvent.getId() ?? undefined,
+                replacingEventId: mxEvent.replacingEventId() ?? undefined,
+                isState: mxEvent.isState(),
+                isLocalEcho: !!mxEvent.status,
+                isRoomCreate: eventType === EventType.RoomCreate,
+                isCallInvite: eventType === EventType.CallInvite,
+                isRtcNotification: eventType === EventType.RTCNotification,
+                isEncryptionFailure: mxEvent.isDecryptionFailure(),
+                hasRenderer: displayInfo.hasRenderer,
+                isSeeingThroughMessageHiddenForModeration: displayInfo.isSeeingThroughMessageHiddenForModeration,
+                hasReplyChain: replyChainState.shouldShowReplyChain,
+            },
+            display: {
+                ...props.display,
+                ...displayInfo,
+            },
+            sender: {
+                ...props.sender,
+                senderId: mxEvent.getSender() ?? undefined,
+                isEmote: mxEvent.getContent().msgtype === MsgType.Emote,
+            },
+        };
+    }
+
+    /** Creates an EventTile view model snapshot. */
+    public static createSnapshot(props: NormalizedEventTileViewModelProps): EventTileViewModelSnapshot {
+        const { event, display, interaction, sender, timestamp, footer } = props;
+        const isContinuation = getIsContinuation(display.continuation, display.timelineRenderingType, display.layout);
+        const isRenderingNotification = display.timelineRenderingType === TimelineRenderingType.Notification;
+        const eventSnapshot: EventTileEventSnapshot = {
+            eventType: event.eventType,
+            msgtype: event.msgtype,
+            eventId: event.eventId,
+            replacingEventId: event.replacingEventId,
+            isState: event.isState,
+            eventTs: event.eventTs,
+            isLocalEcho: event.isLocalEcho,
+            isSending: event.isSending,
+            isEditing: event.isEditing,
+            isContinuation,
+            isRenderingNotification,
+            isEncryptionFailure: event.isEncryptionFailure,
+            hasRenderer: event.hasRenderer,
+            isSeeingThroughMessageHiddenForModeration: event.isSeeingThroughMessageHiddenForModeration,
+        };
+        const senderProfileState = getEventTileSenderProfileState({
+            isRenderingNotification,
+            isInfoMessage: display.isInfoMessage,
+            timelineRenderingType: display.timelineRenderingType,
+            continuation: display.continuation,
+            eventType: event.eventType,
+            isBubbleMessage: display.isBubbleMessage,
+            layout: display.layout,
+            isRoomCreate: event.isRoomCreate,
+            isCallInvite: event.isCallInvite,
+            isRtcNotification: event.isRtcNotification,
+        });
+        const showTimestamp = getShouldShowTimestamp({
+            eventTs: event.eventTs,
+            isRtcNotification: event.isRtcNotification,
+            hideTimestamp: timestamp.hideTimestamp,
+            alwaysShowTimestamps: timestamp.alwaysShowTimestamps,
+            last: display.isLast,
+            hover: interaction.hover,
+            focusWithin: interaction.focusWithin,
+            actionBarFocused: interaction.isActionBarFocused,
+            hasContextMenu: interaction.hasContextMenu,
+        });
+        const timestampValue = getEventTileTimestamp({
+            timelineRenderingType: display.timelineRenderingType,
+            eventTs: event.eventTs,
+            threadReplyEventTs: timestamp.threadReplyEventTs,
+        });
+
+        return {
+            event: eventSnapshot,
+            root: {
+                ariaLive: event.ariaLive,
+                scrollToken: getScrollToken({
+                    eventId: event.eventId,
+                    isLocalEcho: event.isLocalEcho,
+                }),
+                data: {
+                    eventId: event.eventId,
+                    layout: display.layout,
+                    shape: display.timelineRenderingType,
+                    isOwnEvent: footer.isOwnEvent,
+                    hasReply: event.hasReplyChain,
+                },
+                classState: EventTileViewModel.getClassState({
+                    event,
+                    display,
+                    interaction,
+                    sender,
+                    eventType: event.eventType,
+                    msgtype: event.msgtype,
+                    isSending: event.isSending,
+                    isCallInvite: event.isCallInvite,
+                    isContinuation,
+                    isRenderingNotification,
+                }),
+            },
+            line: {
+                classState: getEventTileLineClassState({
+                    isProbablyMedia: display.isProbablyMedia,
+                    eventType: event.eventType,
+                    msgtype: event.msgtype,
+                }),
+            },
+            sender: {
+                senderId: sender.senderId,
+                member: sender.member ?? null,
+                profileState: senderProfileState,
+                viewUserOnClick: getShouldViewUserOnClick(
+                    interaction.inhibitInteraction,
+                    display.timelineRenderingType,
+                ),
+                profileMode: getSenderProfileMode({
+                    needsSenderProfile: senderProfileState.needsSenderProfile,
+                    hideSender: sender.hideSender,
+                    timelineRenderingType: display.timelineRenderingType,
+                }),
+                forceHistoricalAvatar: event.eventType === "m.room.member",
+                isEmote: sender.isEmote ?? false,
+            },
+            actionBar: {
+                show: getShouldShowMessageActionBar({
+                    isEditing: event.isEditing,
+                    forExport: event.forExport,
+                    hover: interaction.hover,
+                    showActionBarFromFocus: interaction.showActionBarFromFocus,
+                    actionBarFocused: interaction.isActionBarFocused,
+                    hasContextMenu: interaction.hasContextMenu,
+                }),
+            },
+            timestamp: {
+                show: showTimestamp,
+                value: timestampValue,
+                displayState: getTimestampDisplayState({
+                    layout: display.layout,
+                    showTimestamp,
+                    timestamp: timestampValue,
+                    hideTimestamp: timestamp.hideTimestamp,
+                }),
+            },
+            replyChain: {
+                alwaysShowTimestamps: getReplyChainAlwaysShowTimestamps({
+                    alwaysShowTimestamps: timestamp.alwaysShowTimestamps,
+                    hover: interaction.hover,
+                    focusWithin: interaction.focusWithin,
+                }),
+            },
+            footer: getFooterDisplayState({
+                hasReactionsRow: footer.hasReactionsRow,
+                hasReactions: footer.hasReactions,
+                hasPinnedMessageBadge: footer.hasPinnedMessageBadge,
+                layout: display.layout,
+                isOwnEvent: footer.isOwnEvent,
+            }),
+        };
+    }
+
+    private static getClassState({
+        event,
+        display,
+        interaction,
+        sender,
+        eventType,
+        msgtype,
+        isSending,
+        isCallInvite,
+        isContinuation,
+        isRenderingNotification,
+    }: {
+        event: EventTileDerivedEventInput;
+        display: EventTileDerivedDisplayInput;
+        interaction: EventTileInteractionInput;
+        sender: EventTileSenderInput;
+        eventType: string;
+        msgtype?: string;
+        isSending: boolean;
+        isCallInvite: boolean;
+        isContinuation?: boolean;
+        isRenderingNotification: boolean;
+    }): ReturnType<typeof getEventTileClassState> {
+        return getEventTileClassState({
+            isBubbleMessage: display.isBubbleMessage,
+            isLeftAlignedBubbleMessage: display.isLeftAlignedBubbleMessage,
+            isAlignedBetweenBubbles: display.isAlignedBetweenBubbles,
+            isEditing: event.isEditing,
+            isInfoMessage: display.isInfoMessage,
+            isTwelveHour: display.isTwelveHour,
+            isSending,
+            isHighlighted: display.isHighlighted,
+            isSelected: display.isSelected,
+            isContinuation,
+            eventType,
+            isCallInvite,
+            isLast: display.isLast,
+            isLastInSection: display.isLastInSection,
+            isContextual: display.isContextual,
+            isActionBarFocused: interaction.isActionBarFocused,
+            isEncryptionFailure: event.isEncryptionFailure,
+            msgtype,
+            hideSender: sender.hideSender,
+            timelineRenderingType: display.timelineRenderingType,
+            isRenderingNotification,
+            noBubbleEvent: display.noBubbleEvent,
+        });
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/EventTileVisibilityState.ts b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileVisibilityState.ts
new file mode 100644
index 00000000000..4f8dd3fad7a
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/EventTileVisibilityState.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 { CallErrorCode } from "matrix-js-sdk/src/webrtc/call";
+
+/** Call event state used to decide whether EventTile should suppress rendering. */
+export interface EventTileCallEventState {
+    /** Legacy call hangup reason, when available. */
+    hangupReason?: string | null;
+}
+
+/** Inputs for deriving EventTile hidden display state. */
+export interface EventTileVisibilityStateInput {
+    /** Legacy call event grouping state for this tile. */
+    callEventGrouper?: EventTileCallEventState;
+}
+
+/**
+ * In some cases EventTile cannot rely on the event's own visibility because replacement call events are rendered by
+ * the replacing call tile instead.
+ */
+export function shouldHideEventTile({ callEventGrouper }: EventTileVisibilityStateInput): boolean {
+    return callEventGrouper?.hangupReason === CallErrorCode.Replaced;
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/MJitsiWidgetEventViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/MJitsiWidgetEventViewModel.ts
new file mode 100644
index 00000000000..d622877af4d
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/MJitsiWidgetEventViewModel.ts
@@ -0,0 +1,154 @@
+/*
+ * 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 JSX } from "react";
+import { type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import {
+    BaseViewModel,
+    type MJitsiWidgetEventViewModel as MJitsiWidgetEventViewModelInterface,
+    type MJitsiWidgetEventViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+import { _t } from "../../../../languageHandler";
+import WidgetStore, { type IApp } from "../../../../stores/WidgetStore";
+import { UPDATE_EVENT } from "../../../../stores/AsyncStore";
+import { WidgetLayoutStore } from "../../../../stores/widgets/WidgetLayoutStore";
+
+export interface MJitsiWidgetEventViewModelProps {
+    /**
+     * Caller-provided client.
+     */
+    cli: MatrixClient;
+    /**
+     * Jitsi widget state event to derive tile state from.
+     */
+    mxEvent: MatrixEvent;
+    /**
+     * Optional timestamp element rendered in the tile footer slot.
+     */
+    timestamp?: JSX.Element;
+    /**
+     * Widget store used to resolve the widget referenced by the state event.
+     */
+    widgetStore?: WidgetStore;
+    /**
+     * Widget layout store used to resolve the current join prompt.
+     */
+    widgetLayoutStore?: WidgetLayoutStore;
+}
+
+type InternalProps = Required<Pick<MJitsiWidgetEventViewModelProps, "widgetStore" | "widgetLayoutStore">> &
+    Omit<MJitsiWidgetEventViewModelProps, "widgetStore" | "widgetLayoutStore">;
+
+/**
+ * ViewModel for Jitsi widget events.
+ */
+export class MJitsiWidgetEventViewModel
+    extends BaseViewModel<MJitsiWidgetEventViewSnapshot, InternalProps>
+    implements MJitsiWidgetEventViewModelInterface
+{
+    public constructor(props: MJitsiWidgetEventViewModelProps) {
+        const internalProps = {
+            ...props,
+            widgetStore: props.widgetStore ?? WidgetStore.instance,
+            widgetLayoutStore: props.widgetLayoutStore ?? WidgetLayoutStore.instance,
+        };
+
+        super(internalProps, MJitsiWidgetEventViewModel.computeSnapshot(internalProps));
+        this.trackStoreUpdates();
+    }
+
+    public setEvent(mxEvent: MatrixEvent): void {
+        this.props = { ...this.props, mxEvent };
+        this.updateSnapshotFromProps();
+    }
+
+    private trackStoreUpdates(): void {
+        const roomId = this.props.mxEvent.getRoomId();
+        const room = roomId ? this.props.cli.getRoom(roomId) : null;
+
+        this.disposables.trackListener(this.props.widgetStore, UPDATE_EVENT, (updatedRoomId?: unknown) => {
+            if (typeof updatedRoomId === "string" && updatedRoomId !== this.props.mxEvent.getRoomId()) return;
+            this.updateSnapshotFromProps();
+        });
+
+        if (roomId) {
+            this.disposables.trackListener(this.props.widgetStore, roomId, () => this.updateSnapshotFromProps());
+        }
+
+        if (room) {
+            this.disposables.trackListener(this.props.widgetLayoutStore, WidgetLayoutStore.emissionForRoom(room), () =>
+                this.updateSnapshotFromProps(),
+            );
+        }
+    }
+
+    private updateSnapshotFromProps(): void {
+        this.snapshot.merge(MJitsiWidgetEventViewModel.computeSnapshot(this.props));
+    }
+
+    private static computeSnapshot(props: InternalProps): MJitsiWidgetEventViewSnapshot {
+        const { mxEvent, timestamp } = props;
+        const roomId = mxEvent.getRoomId();
+        const room = roomId ? props.cli.getRoom(roomId) : null;
+
+        if (!room) {
+            return {
+                isVisible: false,
+                title: "",
+                subtitle: null,
+                timestamp,
+            };
+        }
+
+        const content = mxEvent.getContent<{ url?: string }>();
+        const prevContent = mxEvent.getPrevContent() as { url?: string };
+        const senderName = mxEvent.sender?.name || mxEvent.getSender() || "";
+        const widget = MJitsiWidgetEventViewModel.getWidget(props);
+        let subtitle: string | null = null;
+
+        if (content.url && widget) {
+            subtitle = props.widgetLayoutStore.isInContainer(room, widget, "right")
+                ? _t("timeline|m.widget|jitsi_join_right_prompt")
+                : _t("timeline|m.widget|jitsi_join_top_prompt");
+        }
+
+        if (!content.url) {
+            return {
+                isVisible: true,
+                title: _t("timeline|m.widget|jitsi_ended", { senderName }),
+                subtitle: null,
+                timestamp,
+            };
+        }
+
+        if (prevContent.url) {
+            return {
+                isVisible: true,
+                title: _t("timeline|m.widget|jitsi_updated", { senderName }),
+                subtitle,
+                timestamp,
+            };
+        }
+
+        return {
+            isVisible: true,
+            title: _t("timeline|m.widget|jitsi_started", { senderName }),
+            subtitle,
+            timestamp,
+        };
+    }
+
+    private static getWidget(props: InternalProps): IApp | undefined {
+        const roomId = props.mxEvent.getRoomId();
+        const widgetId = props.mxEvent.getStateKey();
+
+        if (!roomId || widgetId === undefined) return undefined;
+
+        return props.widgetStore.getRoom(roomId, true).widgets.find((widget) => widget.id === widgetId);
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/MKeyVerificationRequestViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/MKeyVerificationRequestViewModel.ts
new file mode 100644
index 00000000000..5d4de14f0f1
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/MKeyVerificationRequestViewModel.ts
@@ -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 { type JSX } from "react";
+import { type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import {
+    BaseViewModel,
+    type MKeyVerificationRequestViewModel as MKeyVerificationRequestViewModelInterface,
+    type MKeyVerificationRequestViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+import { _t } from "../../../../languageHandler";
+import { getNameForEventRoom, userLabelForEventRoom } from "../../../../utils/KeyVerificationStateObserver";
+
+interface MKeyVerificationRequestContent {
+    body?: string;
+    format?: string;
+    formatted_body?: string;
+    from_device: string;
+    methods: string[];
+    msgtype: "m.key.verification.request";
+    to: string;
+}
+
+export interface MKeyVerificationRequestViewModelProps {
+    /**
+     * Caller-provided client.
+     */
+    cli: MatrixClient;
+    /**
+     * Verification request message event.
+     */
+    mxEvent: MatrixEvent;
+    /**
+     * Optional timestamp element rendered in the tile footer slot.
+     */
+    timestamp?: JSX.Element;
+}
+
+/**
+ * ViewModel for key verification request message events.
+ */
+export class MKeyVerificationRequestViewModel
+    extends BaseViewModel<MKeyVerificationRequestViewSnapshot, MKeyVerificationRequestViewModelProps>
+    implements MKeyVerificationRequestViewModelInterface
+{
+    public constructor(props: MKeyVerificationRequestViewModelProps) {
+        super(props, MKeyVerificationRequestViewModel.computeSnapshot(props));
+    }
+
+    public setEvent(mxEvent: MatrixEvent): void {
+        this.props = { ...this.props, mxEvent };
+        this.updateSnapshotFromProps();
+    }
+
+    public setTimestamp(timestamp: JSX.Element | undefined): void {
+        this.props = { ...this.props, timestamp };
+        this.snapshot.merge({ timestamp });
+    }
+
+    private updateSnapshotFromProps(): void {
+        this.snapshot.merge(MKeyVerificationRequestViewModel.computeSnapshot(this.props));
+    }
+
+    private static computeSnapshot({
+        cli,
+        mxEvent,
+        timestamp,
+    }: MKeyVerificationRequestViewModelProps): MKeyVerificationRequestViewSnapshot {
+        const myUserId = cli.getSafeUserId();
+        const content = mxEvent.getContent<MKeyVerificationRequestContent>();
+        const sender = mxEvent.getSender();
+        const roomId = mxEvent.getRoomId();
+
+        if (!sender) {
+            throw new Error("Verification request did not include a sender!");
+        }
+        if (!roomId) {
+            throw new Error("Verification request did not include a room ID!");
+        }
+
+        if (sender === myUserId) {
+            return {
+                title: _t("timeline|m.key.verification.request|you_started"),
+                subtitle: userLabelForEventRoom(cli, content.to, roomId),
+                timestamp,
+            };
+        }
+
+        const name = getNameForEventRoom(cli, sender, roomId);
+        return {
+            title: _t("timeline|m.key.verification.request|user_wants_to_verify", { name }),
+            subtitle: userLabelForEventRoom(cli, sender, roomId),
+            timestamp,
+        };
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/RoomAvatarEventViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/RoomAvatarEventViewModel.ts
new file mode 100644
index 00000000000..c2a0f11d161
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/RoomAvatarEventViewModel.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 { type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { type RoomAvatarEventContent } from "matrix-js-sdk/src/types";
+import {
+    BaseViewModel,
+    type RoomAvatarEventViewModel as RoomAvatarEventViewModelInterface,
+    type RoomAvatarEventViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+import { mediaFromMxc } from "../../../../customisations/Media";
+import { _t } from "../../../../languageHandler";
+import Modal from "../../../../Modal";
+import ImageView from "../../../../components/views/elements/ImageView";
+
+export interface RoomAvatarEventViewModelProps {
+    /**
+     * Caller-provided client.
+     */
+    cli: MatrixClient;
+    /**
+     * Room avatar state event.
+     */
+    mxEvent: MatrixEvent;
+}
+
+/**
+ * ViewModel for room avatar state events.
+ */
+export class RoomAvatarEventViewModel
+    extends BaseViewModel<RoomAvatarEventViewSnapshot, RoomAvatarEventViewModelProps>
+    implements RoomAvatarEventViewModelInterface
+{
+    public constructor(props: RoomAvatarEventViewModelProps) {
+        super(props, RoomAvatarEventViewModel.computeSnapshot(props));
+    }
+
+    public setEvent(mxEvent: MatrixEvent): void {
+        this.props = { ...this.props, mxEvent };
+        this.updateSnapshotFromProps();
+    }
+
+    public onAvatarClick = (): void => {
+        const avatarUrl = RoomAvatarEventViewModel.getAvatarUrl(this.props.mxEvent);
+        if (!avatarUrl) return;
+
+        const httpUrl = mediaFromMxc(avatarUrl, this.props.cli).srcHttp;
+        if (!httpUrl) return;
+
+        Modal.createDialog(
+            ImageView,
+            {
+                src: httpUrl,
+                name: RoomAvatarEventViewModel.computeLightboxLabel(this.props),
+            },
+            "mx_Dialog_lightbox",
+            undefined,
+            true,
+        );
+    };
+
+    private updateSnapshotFromProps(): void {
+        this.snapshot.merge(RoomAvatarEventViewModel.computeSnapshot(this.props));
+    }
+
+    private static computeSnapshot(props: RoomAvatarEventViewModelProps): RoomAvatarEventViewSnapshot {
+        const avatarUrl = RoomAvatarEventViewModel.getAvatarUrl(props.mxEvent);
+        const senderDisplayName = RoomAvatarEventViewModel.getSenderDisplayName(props.mxEvent);
+        const roomName = RoomAvatarEventViewModel.getRoomName(props);
+
+        return {
+            senderDisplayName,
+            roomName,
+            avatarUrl,
+            lightboxLabel: RoomAvatarEventViewModel.computeLightboxLabel(props),
+            isRemoved: !avatarUrl,
+        };
+    }
+
+    private static computeLightboxLabel(props: RoomAvatarEventViewModelProps): string {
+        return _t("timeline|m.room.avatar|lightbox_title", {
+            senderDisplayName: RoomAvatarEventViewModel.getSenderDisplayName(props.mxEvent),
+            roomName: RoomAvatarEventViewModel.getRoomName(props),
+        });
+    }
+
+    private static getSenderDisplayName(mxEvent: MatrixEvent): string {
+        return mxEvent.sender?.name || mxEvent.getSender() || "";
+    }
+
+    private static getRoomName({ cli, mxEvent }: RoomAvatarEventViewModelProps): string {
+        const roomId = mxEvent.getRoomId();
+        if (!roomId) return "";
+
+        return cli.getRoom(roomId)?.name ?? "";
+    }
+
+    private static getAvatarUrl(mxEvent: MatrixEvent): string | undefined {
+        const avatarUrl = mxEvent.getContent<RoomAvatarEventContent>().url;
+        if (!avatarUrl || avatarUrl.trim().length === 0) return undefined;
+
+        return avatarUrl;
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/TextualEventViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/TextualEventViewModel.ts
new file mode 100644
index 00000000000..fce936f05a7
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/TextualEventViewModel.ts
@@ -0,0 +1,26 @@
+/*
+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 { MatrixEventEvent } from "matrix-js-sdk/src/matrix";
+import { type TextualEventViewSnapshot, BaseViewModel } from "@element-hq/web-shared-components";
+
+import { type EventTileTypeProps } from "../../../../events/EventTileFactory";
+import { MatrixClientPeg } from "../../../../MatrixClientPeg";
+import { textForEvent } from "../../../../TextForEvent";
+
+export class TextualEventViewModel extends BaseViewModel<TextualEventViewSnapshot, EventTileTypeProps> {
+    public constructor(props: EventTileTypeProps) {
+        super(props, { content: "" });
+        this.setTextFromEvent();
+        this.disposables.trackListener(this.props.mxEvent, MatrixEventEvent.SentinelUpdated, this.setTextFromEvent);
+    }
+
+    private setTextFromEvent = (): void => {
+        const content = textForEvent(this.props.mxEvent, MatrixClientPeg.safeGet(), true, this.props.showHiddenEvents);
+        this.snapshot.set({ content });
+    };
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/ThreadSummaryViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/ThreadSummaryViewModel.ts
new file mode 100644
index 00000000000..20cd8d87cdd
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/ThreadSummaryViewModel.ts
@@ -0,0 +1,606 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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 { type MouseEvent } from "react";
+import {
+    type MatrixClient,
+    type MatrixEvent,
+    type NotificationCount,
+    RoomEvent,
+    type Room,
+    type RoomMember,
+    type RoomState,
+    RoomStateEvent,
+    type Thread,
+    ThreadEvent,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import {
+    BaseViewModel,
+    type ThreadMessagePreviewAvatar,
+    type ThreadMessagePreviewViewModel as ThreadMessagePreviewViewModelInterface,
+    type ThreadMessagePreviewViewSnapshot,
+    type ThreadSummaryViewModel as ThreadSummaryViewModelInterface,
+    type ThreadSummaryViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+import { _t } from "../../../../languageHandler";
+import defaultDispatcher from "../../../../dispatcher/dispatcher";
+import { Action } from "../../../../dispatcher/actions";
+import { type ShowThreadPayload } from "../../../../dispatcher/payloads/ShowThreadPayload";
+import PosthogTrackers from "../../../../PosthogTrackers";
+import { determineUnreadState } from "../../../../RoomNotifs";
+import { notificationLevelToIndicator } from "../../../../utils/notifications";
+import { mediaFromMxc } from "../../../../customisations/Media";
+import UserIdentifierCustomisations from "../../../../customisations/UserIdentifier";
+import { TimelineRenderingType } from "../../../../contexts/RoomContext";
+import { keepIfSame } from "../../../../utils/keepIfSame";
+import {
+    EventPreviewContentCache,
+    getEventPreviewContent,
+    MatrixEventContentChangeListener,
+} from "./EventPreviewUtils";
+
+const AVATAR_SIZE_PX = 24;
+const THREAD_PROFILE_CONTEXTS = new Set<TimelineRenderingType>([
+    TimelineRenderingType.Thread,
+    TimelineRenderingType.ThreadsList,
+]);
+
+export interface ThreadMessagePreviewViewModelProps {
+    /**
+     * Matrix client used for event decryption and media URL resolution.
+     */
+    cli: MatrixClient;
+    /**
+     * Thread whose latest reply should be previewed.
+     */
+    thread: Thread;
+    /**
+     * Room context used to resolve current member profiles when configured.
+     */
+    room?: Room;
+    /**
+     * Timeline context used to match legacy current-profile behaviour in thread timelines.
+     */
+    timelineRenderingType: TimelineRenderingType;
+    /**
+     * Whether avatar images should be suppressed for low-bandwidth mode.
+     */
+    lowBandwidth?: boolean;
+    /**
+     * Whether to prefer current member profiles over historical event sender profiles.
+     */
+    useOnlyCurrentProfiles: boolean;
+    /**
+     * Whether to render the sender display name.
+     */
+    showDisplayName: boolean;
+    /**
+     * Optional class name for app-side avatar integration styling.
+     */
+    avatarClassName?: string;
+}
+
+export class ThreadMessagePreviewViewModel
+    extends BaseViewModel<ThreadMessagePreviewViewSnapshot, ThreadMessagePreviewViewModelProps>
+    implements ThreadMessagePreviewViewModelInterface
+{
+    private threadListenerCleanups: Array<() => void> = [];
+    private memberListenerCleanups: Array<() => void> = [];
+    private readonly eventContentListener = new MatrixEventContentChangeListener();
+    private readonly previewContentCache = new EventPreviewContentCache();
+    private watchedMemberRoom?: Room;
+    private watchedMemberUserId?: string;
+    private previewRequestId = 0;
+
+    public constructor(props: ThreadMessagePreviewViewModelProps) {
+        super(props, {
+            isVisible: false,
+            showDisplayName: props.showDisplayName,
+        });
+
+        this.setupThreadListener();
+        this.updateFromThreadSafely();
+    }
+
+    public dispose(): void {
+        this.teardownThreadListener();
+        this.eventContentListener.teardown();
+        this.teardownMemberListener();
+        super.dispose();
+    }
+
+    public setClient(cli: MatrixClient): void {
+        if (this.props.cli === cli) return;
+        this.props = { ...this.props, cli };
+        this.updateFromThreadSafely();
+    }
+
+    public setThread(thread: Thread): void {
+        if (this.props.thread === thread) return;
+        this.props = { ...this.props, thread };
+        this.setupThreadListener();
+        this.updateFromThreadSafely();
+    }
+
+    public setRoom(room?: Room): void {
+        if (this.props.room === room) return;
+        this.props = { ...this.props, room };
+        this.updateFromThreadSafely();
+    }
+
+    public setTimelineRenderingType(timelineRenderingType: TimelineRenderingType): void {
+        if (this.props.timelineRenderingType === timelineRenderingType) return;
+        this.props = { ...this.props, timelineRenderingType };
+        this.updateFromThreadSafely();
+    }
+
+    public setLowBandwidth(lowBandwidth?: boolean): void {
+        if (this.props.lowBandwidth === lowBandwidth) return;
+        this.props = { ...this.props, lowBandwidth };
+        this.updateFromThreadSafely();
+    }
+
+    public setUseOnlyCurrentProfiles(useOnlyCurrentProfiles: boolean): void {
+        if (this.props.useOnlyCurrentProfiles === useOnlyCurrentProfiles) return;
+        this.props = { ...this.props, useOnlyCurrentProfiles };
+        this.updateFromThreadSafely();
+    }
+
+    public setShowDisplayName(showDisplayName: boolean): void {
+        this.props = { ...this.props, showDisplayName };
+        this.snapshot.merge({ showDisplayName });
+    }
+
+    private setupThreadListener(): void {
+        this.teardownThreadListener();
+        const { thread } = this.props;
+        thread.on(ThreadEvent.Update, this.onThreadUpdate);
+        this.threadListenerCleanups.push(() => {
+            thread.off(ThreadEvent.Update, this.onThreadUpdate);
+        });
+    }
+
+    private teardownThreadListener(): void {
+        for (const cleanup of this.threadListenerCleanups) {
+            cleanup();
+        }
+        this.threadListenerCleanups = [];
+    }
+
+    private setupMemberListener(mxEvent?: MatrixEvent): void {
+        const userId = ThreadMessagePreviewViewModel.getProfileUserId(mxEvent);
+        const room = this.getProfileRoom();
+        const shouldUseCurrentProfiles = this.shouldUseCurrentProfiles();
+
+        if (!mxEvent || !userId || !room || !shouldUseCurrentProfiles) {
+            this.teardownMemberListener();
+            return;
+        }
+
+        if (this.watchedMemberRoom === room && this.watchedMemberUserId === userId) return;
+
+        this.teardownMemberListener();
+        this.watchedMemberRoom = room;
+        this.watchedMemberUserId = userId;
+
+        room.on(RoomStateEvent.Members, this.onRoomStateMember);
+        this.memberListenerCleanups.push(() => {
+            room.off(RoomStateEvent.Members, this.onRoomStateMember);
+        });
+    }
+
+    private teardownMemberListener(): void {
+        for (const cleanup of this.memberListenerCleanups) {
+            cleanup();
+        }
+        this.memberListenerCleanups = [];
+        this.watchedMemberRoom = undefined;
+        this.watchedMemberUserId = undefined;
+    }
+
+    private readonly onThreadUpdate = (): void => {
+        this.updateFromThreadSafely();
+    };
+
+    private readonly onEventContentChanged = (): void => {
+        this.updateFromThreadSafely();
+    };
+
+    private readonly onRoomStateMember = (_event: MatrixEvent, _state: RoomState, member: RoomMember): void => {
+        if (member.userId !== this.watchedMemberUserId) return;
+        this.updateProfileSnapshot();
+    };
+
+    private updateFromThreadSafely(): void {
+        void this.updateFromThread().catch((error) => {
+            logger.error("Failed to update thread preview", error);
+        });
+    }
+
+    private async updateFromThread(): Promise<void> {
+        const requestId = ++this.previewRequestId;
+        const lastReply = this.props.thread.replyToEvent ?? undefined;
+        this.eventContentListener.setEvent(lastReply, this.onEventContentChanged);
+        this.setupMemberListener(lastReply);
+
+        if (!lastReply) {
+            this.setHidden();
+            return;
+        }
+
+        await this.updateFromEvent(lastReply, requestId);
+    }
+
+    private async updateFromEvent(mxEvent: MatrixEvent, requestId: number): Promise<void> {
+        if (mxEvent.isRedacted()) {
+            this.setHidden();
+            return;
+        }
+
+        const baseSnapshot = this.computeBaseReplySnapshot(mxEvent);
+
+        if (mxEvent.isDecryptionFailure()) {
+            this.setDecryptionFailure(baseSnapshot);
+            return;
+        }
+
+        try {
+            await this.props.cli.decryptEventIfNeeded(mxEvent);
+        } catch (error) {
+            logger.error("Failed to decrypt thread preview event", error);
+            if (!this.isCurrentPreviewRequest(requestId, mxEvent)) return;
+
+            if (mxEvent.isDecryptionFailure()) {
+                this.setDecryptionFailure(baseSnapshot);
+            } else {
+                this.setHidden();
+            }
+            return;
+        }
+
+        if (!this.isCurrentPreviewRequest(requestId, mxEvent)) return;
+
+        if (mxEvent.isRedacted()) {
+            this.setHidden();
+            return;
+        }
+
+        if (mxEvent.isDecryptionFailure()) {
+            this.setDecryptionFailure(baseSnapshot);
+            return;
+        }
+
+        const preview = getEventPreviewContent(mxEvent, this.previewContentCache);
+        if (!preview) {
+            this.setHidden();
+            return;
+        }
+
+        this.snapshot.merge({
+            ...baseSnapshot,
+            ...preview,
+            isVisible: true,
+        });
+    }
+
+    private isCurrentPreviewRequest(requestId: number, mxEvent: MatrixEvent): boolean {
+        return !this.isDisposed && requestId === this.previewRequestId && this.props.thread.replyToEvent === mxEvent;
+    }
+
+    private computeBaseReplySnapshot(
+        mxEvent: MatrixEvent,
+    ): Pick<ThreadMessagePreviewViewSnapshot, "avatar" | "senderName" | "showDisplayName"> {
+        const member = ThreadMessagePreviewViewModel.getDisplayMember(this.props, mxEvent);
+        const sender = mxEvent.getSender() ?? "";
+        const senderName = member?.name ?? sender;
+        const avatar = ThreadMessagePreviewViewModel.computeAvatar(this.props, mxEvent, member);
+
+        return {
+            avatar: keepIfSame(this.snapshot.current.avatar, avatar),
+            senderName,
+            showDisplayName: this.props.showDisplayName,
+        };
+    }
+
+    private updateProfileSnapshot(): void {
+        const lastReply = this.props.thread.replyToEvent;
+        if (!lastReply || !this.snapshot.current.isVisible) return;
+
+        this.snapshot.merge(this.computeBaseReplySnapshot(lastReply));
+    }
+
+    private setDecryptionFailure(
+        baseSnapshot: Pick<ThreadMessagePreviewViewSnapshot, "avatar" | "senderName" | "showDisplayName">,
+    ): void {
+        const label = _t("timeline|decryption_failure|unable_to_decrypt");
+        this.snapshot.merge({
+            ...baseSnapshot,
+            previewContent: label,
+            previewTooltip: label,
+            isVisible: true,
+        });
+    }
+
+    private setHidden(): void {
+        this.snapshot.merge({
+            isVisible: false,
+            avatar: undefined,
+            senderName: undefined,
+            previewContent: undefined,
+            previewTooltip: undefined,
+            showDisplayName: this.props.showDisplayName,
+        });
+    }
+
+    private static getDisplayMember(
+        props: ThreadMessagePreviewViewModelProps,
+        mxEvent: MatrixEvent,
+    ): RoomMember | null | undefined {
+        const userId = ThreadMessagePreviewViewModel.getProfileUserId(mxEvent);
+        if (userId && ThreadMessagePreviewViewModel.shouldUseCurrentProfilesForProps(props)) {
+            const currentMember = ThreadMessagePreviewViewModel.getProfileRoomForProps(props)?.getMember(userId);
+            if (currentMember) return currentMember;
+        }
+
+        return mxEvent.sender;
+    }
+
+    private getProfileRoom(): Room | undefined {
+        return ThreadMessagePreviewViewModel.getProfileRoomForProps(this.props);
+    }
+
+    private shouldUseCurrentProfiles(): boolean {
+        return ThreadMessagePreviewViewModel.shouldUseCurrentProfilesForProps(this.props);
+    }
+
+    private static getProfileRoomForProps(props: ThreadMessagePreviewViewModelProps): Room | undefined {
+        return props.room ?? props.thread.room;
+    }
+
+    private static shouldUseCurrentProfilesForProps(props: ThreadMessagePreviewViewModelProps): boolean {
+        return props.useOnlyCurrentProfiles || THREAD_PROFILE_CONTEXTS.has(props.timelineRenderingType);
+    }
+
+    private static getProfileUserId(mxEvent?: MatrixEvent): string {
+        return mxEvent?.sender?.userId ?? mxEvent?.getSender() ?? "";
+    }
+
+    private static computeAvatar(
+        props: ThreadMessagePreviewViewModelProps,
+        mxEvent: MatrixEvent,
+        member: RoomMember | null | undefined,
+    ): ThreadMessagePreviewAvatar {
+        const fallbackUserId = mxEvent.getSender() ?? "";
+        const name = member?.name ?? fallbackUserId;
+        let src: string | undefined;
+        let title: string | undefined;
+
+        if (member?.name) {
+            const mxcAvatarUrl = member.getMxcAvatarUrl();
+            if (mxcAvatarUrl && !props.lowBandwidth) {
+                src =
+                    mediaFromMxc(mxcAvatarUrl, props.cli).getThumbnailOfSourceHttp(
+                        AVATAR_SIZE_PX,
+                        AVATAR_SIZE_PX,
+                        "crop",
+                    ) ?? undefined;
+            }
+
+            title =
+                UserIdentifierCustomisations.getDisplayUserIdentifier(member.userId, {
+                    roomId: member.roomId,
+                }) ?? fallbackUserId;
+        }
+
+        return {
+            className: props.avatarClassName,
+            id: member?.userId ?? fallbackUserId,
+            name,
+            src,
+            title,
+            label: _t("common|user_avatar"),
+        };
+    }
+}
+
+export interface ThreadSummaryViewModelProps extends Omit<ThreadMessagePreviewViewModelProps, "showDisplayName"> {
+    /**
+     * Thread root event opened by the summary.
+     */
+    mxEvent: MatrixEvent;
+    /**
+     * Whether the timeline is in narrow mode.
+     */
+    narrow: boolean;
+    /**
+     * Whether opening the thread should push a card.
+     */
+    isCard: boolean;
+}
+
+export class ThreadSummaryViewModel
+    extends BaseViewModel<ThreadSummaryViewSnapshot, ThreadSummaryViewModelProps>
+    implements ThreadSummaryViewModelInterface
+{
+    private listenerCleanups: Array<() => void> = [];
+    private readonly previewVm: ThreadMessagePreviewViewModel;
+
+    public constructor(props: ThreadSummaryViewModelProps) {
+        const previewVm = new ThreadMessagePreviewViewModel({
+            ...props,
+            showDisplayName: !props.narrow,
+        });
+
+        super(props, ThreadSummaryViewModel.computeSnapshot(props, previewVm));
+        this.previewVm = previewVm;
+        this.disposables.track(previewVm);
+        this.setupListeners();
+    }
+
+    public dispose(): void {
+        this.teardownListeners();
+        super.dispose();
+    }
+
+    public setRootEvent(mxEvent: MatrixEvent): void {
+        this.props = { ...this.props, mxEvent };
+    }
+
+    public setClient(cli: MatrixClient): void {
+        if (this.props.cli === cli) return;
+        this.props = { ...this.props, cli };
+        this.previewVm.setClient(cli);
+    }
+
+    public setThread(thread: Thread): void {
+        if (this.props.thread === thread) return;
+        this.props = { ...this.props, thread };
+        this.previewVm.setThread(thread);
+        this.setupListeners();
+        this.updateSnapshotFromProps();
+    }
+
+    public setRoom(room?: Room): void {
+        if (this.props.room === room) return;
+        this.props = { ...this.props, room };
+        this.previewVm.setRoom(room);
+    }
+
+    public setTimelineRenderingType(timelineRenderingType: TimelineRenderingType): void {
+        if (this.props.timelineRenderingType === timelineRenderingType) return;
+        this.props = { ...this.props, timelineRenderingType };
+        this.previewVm.setTimelineRenderingType(timelineRenderingType);
+    }
+
+    public setLowBandwidth(lowBandwidth?: boolean): void {
+        if (this.props.lowBandwidth === lowBandwidth) return;
+        this.props = { ...this.props, lowBandwidth };
+        this.previewVm.setLowBandwidth(lowBandwidth);
+    }
+
+    public setUseOnlyCurrentProfiles(useOnlyCurrentProfiles: boolean): void {
+        if (this.props.useOnlyCurrentProfiles === useOnlyCurrentProfiles) return;
+        this.props = { ...this.props, useOnlyCurrentProfiles };
+        this.previewVm.setUseOnlyCurrentProfiles(useOnlyCurrentProfiles);
+    }
+
+    public setNarrow(narrow: boolean): void {
+        this.props = { ...this.props, narrow };
+        this.previewVm.setShowDisplayName(!narrow);
+        this.snapshot.merge(ThreadSummaryViewModel.computeLayoutSnapshot(this.props));
+    }
+
+    public setIsCard(isCard: boolean): void {
+        this.props = { ...this.props, isCard };
+    }
+
+    public onClick = (event: MouseEvent<HTMLButtonElement>): void => {
+        defaultDispatcher.dispatch<ShowThreadPayload>({
+            action: Action.ShowThread,
+            rootEvent: this.props.mxEvent,
+            push: this.props.isCard,
+        });
+        PosthogTrackers.trackInteraction("WebRoomTimelineThreadSummaryButton", event);
+    };
+
+    private setupListeners(): void {
+        this.teardownListeners();
+
+        const { thread } = this.props;
+        const { room } = thread;
+        thread.on(ThreadEvent.Update, this.onThreadUpdate);
+        this.listenerCleanups.push(() => {
+            thread.off(ThreadEvent.Update, this.onThreadUpdate);
+        });
+
+        room.on(RoomEvent.UnreadNotifications, this.onRoomUnreadNotifications);
+        room.on(RoomEvent.Receipt, this.onNotificationChanged);
+        room.on(RoomEvent.Timeline, this.onNotificationChanged);
+        room.on(RoomEvent.Redaction, this.onNotificationChanged);
+        room.on(RoomEvent.LocalEchoUpdated, this.onNotificationChanged);
+        room.on(RoomEvent.MyMembership, this.onNotificationChanged);
+        this.listenerCleanups.push(() => {
+            room.off(RoomEvent.UnreadNotifications, this.onRoomUnreadNotifications);
+            room.off(RoomEvent.Receipt, this.onNotificationChanged);
+            room.off(RoomEvent.Timeline, this.onNotificationChanged);
+            room.off(RoomEvent.Redaction, this.onNotificationChanged);
+            room.off(RoomEvent.LocalEchoUpdated, this.onNotificationChanged);
+            room.off(RoomEvent.MyMembership, this.onNotificationChanged);
+        });
+    }
+
+    private teardownListeners(): void {
+        for (const cleanup of this.listenerCleanups) {
+            cleanup();
+        }
+        this.listenerCleanups = [];
+    }
+
+    private readonly onThreadUpdate = (): void => {
+        this.updateSnapshotFromProps();
+    };
+
+    private readonly onRoomUnreadNotifications = (
+        _unreadNotifications?: NotificationCount,
+        eventThreadId?: string,
+    ): void => {
+        if (eventThreadId && eventThreadId !== this.props.thread.id) return;
+        this.updateNotificationSnapshot();
+    };
+
+    private readonly onNotificationChanged = (): void => {
+        this.updateNotificationSnapshot();
+    };
+
+    private updateSnapshotFromProps(): void {
+        this.snapshot.merge({
+            ...ThreadSummaryViewModel.computeLayoutSnapshot(this.props),
+            notificationIndicator: ThreadSummaryViewModel.computeNotificationIndicator(this.props),
+        });
+    }
+
+    private updateNotificationSnapshot(): void {
+        this.snapshot.merge({
+            notificationIndicator: ThreadSummaryViewModel.computeNotificationIndicator(this.props),
+        });
+    }
+
+    private static computeSnapshot(
+        props: ThreadSummaryViewModelProps,
+        previewVm: ThreadMessagePreviewViewModel,
+    ): ThreadSummaryViewSnapshot {
+        return {
+            openThreadLabel: _t("threads|open_thread"),
+            previewVm,
+            notificationIndicator: ThreadSummaryViewModel.computeNotificationIndicator(props),
+            ...ThreadSummaryViewModel.computeLayoutSnapshot(props),
+        };
+    }
+
+    private static computeLayoutSnapshot(
+        props: ThreadSummaryViewModelProps,
+    ): Pick<ThreadSummaryViewSnapshot, "isVisible" | "replyCountLabel" | "narrow"> {
+        const count = props.thread.length;
+
+        return {
+            isVisible: count > 0,
+            replyCountLabel: props.narrow ? String(count) : _t("threads|count_of_reply", { count }),
+            narrow: props.narrow,
+        };
+    }
+
+    private static computeNotificationIndicator(
+        props: ThreadSummaryViewModelProps,
+    ): ThreadSummaryViewSnapshot["notificationIndicator"] {
+        const { level } = determineUnreadState(props.thread.room, props.thread.id, false);
+        return notificationLevelToIndicator(level);
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/body/AudioPlayerViewModel.test.ts b/apps/web/src/viewmodels/room/timeline/event-tile/body/AudioPlayerViewModel.test.ts
new file mode 100644
index 00000000000..cbb6514a3eb
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/body/AudioPlayerViewModel.test.ts
@@ -0,0 +1,91 @@
+/*
+ * 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.
+ */
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+
+import { type ChangeEvent, type KeyboardEvent as ReactKeyboardEvent } from "react";
+import { waitFor } from "@testing-library/dom";
+
+import { type Playback, PlaybackState } from "../../../../../audio/Playback";
+import { AudioPlayerViewModel } from "./AudioPlayerViewModel";
+import { MockedPlayback } from "../../../../../../test/unit-tests/audio/MockedPlayback";
+
+describe("AudioPlayerViewModel", () => {
+    let playback: Playback;
+    beforeEach(() => {
+        playback = new MockedPlayback(PlaybackState.Decoding, 50, 10) as unknown as Playback;
+    });
+
+    it("should return the snapshot", () => {
+        const vm = new AudioPlayerViewModel({ playback, mediaName: "mediaName" });
+        expect(vm.getSnapshot()).toMatchObject({
+            mediaName: "mediaName",
+            sizeBytes: 8000,
+            playbackState: "decoding",
+            durationSeconds: 50,
+            playedSeconds: 10,
+            percentComplete: 20,
+            error: false,
+        });
+    });
+
+    it("should toggle the playback state", async () => {
+        const vm = new AudioPlayerViewModel({ playback, mediaName: "mediaName" });
+
+        await vm.togglePlay();
+        expect(playback.toggle).toHaveBeenCalled();
+    });
+
+    it("should move the playback on seekbar change", async () => {
+        const vm = new AudioPlayerViewModel({ playback, mediaName: "mediaName" });
+        await vm.onSeekbarChange({ target: { value: "20" } } as ChangeEvent<HTMLInputElement>);
+        expect(playback.skipTo).toHaveBeenCalledWith(10); // 20% of 50 seconds
+    });
+
+    it("should has error=true when playback.prepare fails", async () => {
+        vi.spyOn(playback, "prepare").mockRejectedValue(new Error("Failed to prepare playback"));
+        const vm = new AudioPlayerViewModel({ playback, mediaName: "mediaName" });
+        await waitFor(() => expect(vm.getSnapshot().error).toBe(true));
+    });
+
+    it("should handle key down events", () => {
+        const vm = new AudioPlayerViewModel({ playback, mediaName: "mediaName" });
+        let event = new KeyboardEvent("keydown", { key: " " }) as unknown as ReactKeyboardEvent<HTMLDivElement>;
+        vm.onKeyDown(event);
+        expect(playback.toggle).toHaveBeenCalled();
+
+        event = new KeyboardEvent("keydown", { key: "ArrowLeft" }) as unknown as ReactKeyboardEvent<HTMLDivElement>;
+        vm.onKeyDown(event);
+        expect(playback.skipTo).toHaveBeenCalledWith(10 - 5); // 5 seconds back
+
+        event = new KeyboardEvent("keydown", { key: "ArrowRight" }) as unknown as ReactKeyboardEvent<HTMLDivElement>;
+        vm.onKeyDown(event);
+        expect(playback.skipTo).toHaveBeenCalledWith(10 + 5); // 5 seconds forward
+    });
+
+    it("does not stop propagation for unhandled key down events", () => {
+        const vm = new AudioPlayerViewModel({ playback, mediaName: "mediaName" });
+        const event = new KeyboardEvent("keydown", { key: "a" });
+        const stopPropagationSpy = vi.spyOn(event, "stopPropagation");
+
+        vm.onKeyDown(event as unknown as ReactKeyboardEvent<HTMLDivElement>);
+
+        expect(stopPropagationSpy).not.toHaveBeenCalled();
+        expect(playback.toggle).not.toHaveBeenCalled();
+        expect(playback.skipTo).not.toHaveBeenCalled();
+    });
+
+    it("should update snapshot when setProps is called with new mediaName", () => {
+        const vm = new AudioPlayerViewModel({ playback, mediaName: "oldName" });
+        expect(vm.getSnapshot().mediaName).toBe("oldName");
+
+        vm.setProps({ mediaName: "newName" });
+        expect(vm.getSnapshot().mediaName).toBe("newName");
+    });
+});
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/body/AudioPlayerViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/body/AudioPlayerViewModel.ts
new file mode 100644
index 00000000000..e114cf8ee6e
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/body/AudioPlayerViewModel.ts
@@ -0,0 +1,153 @@
+/*
+ * 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 ChangeEvent, type KeyboardEvent } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import {
+    percentageOf,
+    BaseViewModel,
+    type AudioPlayerViewSnapshot,
+    type AudioPlayerViewModel as AudioPlayerViewModelInterface,
+} from "@element-hq/web-shared-components";
+
+import { type Playback } from "../../../../../audio/Playback";
+import { UPDATE_EVENT } from "../../../../../stores/AsyncStore";
+import { getKeyBindingsManager } from "../../../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../../../accessibility/KeyboardShortcuts";
+
+/**
+ * The number of seconds to skip when the user presses the left or right arrow keys.
+ */
+const ARROW_SKIP_SECONDS = 5;
+
+interface Props {
+    /**
+     * The playback instance that manages the audio playback.
+     */
+    playback: Playback;
+    /**
+     * Optional name of the media being played.
+     */
+    mediaName?: string;
+}
+
+/**
+ * ViewModel for the audio player, providing the current state of the audio playback.
+ * It listens to updates from the Playback instance and computes a snapshot.
+ */
+export class AudioPlayerViewModel
+    extends BaseViewModel<AudioPlayerViewSnapshot, Props>
+    implements AudioPlayerViewModelInterface
+{
+    /**
+     * Indicates if there was an error processing the audio file.
+     * @private
+     */
+    private error = false;
+
+    /**
+     * Computes the snapshot of the audio player based on the current playback state.
+     * This includes the media name, size in bytes, playback state, duration, percentage complete,
+     * played seconds, and whether there was an error.
+     * @param playback - The playback instance managing the audio playback.
+     * @param mediaName - Optional name of the media being played.
+     * @param error - Indicates if there was an error processing the audio file.
+     */
+    private static readonly computeSnapshot = (
+        playback: Playback,
+        mediaName?: string,
+        error = false,
+    ): AudioPlayerViewSnapshot => {
+        const percentComplete = percentageOf(playback.timeSeconds, 0, playback.durationSeconds) * 100;
+
+        return {
+            mediaName,
+            sizeBytes: playback.sizeBytes,
+            playbackState: playback.currentState,
+            durationSeconds: playback.durationSeconds,
+            percentComplete,
+            playedSeconds: playback.timeSeconds,
+            error,
+        };
+    };
+
+    public constructor(props: Props) {
+        super(props, AudioPlayerViewModel.computeSnapshot(props.playback, props.mediaName));
+        this.disposables.trackListener(props.playback, UPDATE_EVENT, this.setSnapshot);
+        // There is no unsubscribe method in SimpleObservable
+        this.props.playback.clockInfo.liveData.onUpdate(this.setSnapshot);
+
+        // Don't wait for the promise to complete - it will emit a progress update when it
+        // is done, and it's not meant to take long anyhow.
+        this.preparePlayback();
+    }
+
+    /**
+     * Prepares the playback by calling the prepare method on the playback instance.
+     * @private
+     */
+    private async preparePlayback(): Promise<void> {
+        try {
+            await this.props.playback.prepare();
+        } catch (e) {
+            logger.error("Error processing audio file:", e, this.props.playback.currentState);
+            this.error = true;
+            this.setSnapshot();
+        }
+    }
+
+    /**
+     * Sets the snapshot and emits an update to subscribers.
+     */
+    private readonly setSnapshot = (): void => {
+        this.snapshot.set(AudioPlayerViewModel.computeSnapshot(this.props.playback, this.props.mediaName, this.error));
+    };
+
+    public onKeyDown = (ev: KeyboardEvent<HTMLDivElement>): void => {
+        let handled = true;
+        const action = getKeyBindingsManager().getAccessibilityAction(ev);
+
+        switch (action) {
+            case KeyBindingAction.Space:
+                this.togglePlay();
+                break;
+            case KeyBindingAction.ArrowLeft:
+                this.props.playback.skipTo(this.props.playback.timeSeconds - ARROW_SKIP_SECONDS);
+                break;
+            case KeyBindingAction.ArrowRight:
+                this.props.playback.skipTo(this.props.playback.timeSeconds + ARROW_SKIP_SECONDS);
+                break;
+            default:
+                handled = false;
+                break;
+        }
+
+        // stopPropagation() prevents the FocusComposer catch-all from triggering,
+        // but we need to do it on key down instead of press (even though the user
+        // interaction is typically on press).
+        if (handled) {
+            ev.stopPropagation();
+        }
+    };
+
+    public togglePlay = async (): Promise<void> => {
+        await this.props.playback.toggle();
+    };
+
+    public onSeekbarChange = async (ev: ChangeEvent<HTMLInputElement>): Promise<void> => {
+        await this.props.playback.skipTo((Number(ev.target.value) / 100) * this.props.playback.durationSeconds);
+    };
+
+    /**
+     * Updates the properties of the view model and recomputes the snapshot.
+     * @param newProps
+     */
+    public setProps(newProps: Partial<Props>): void {
+        this.props = { ...this.props, ...newProps };
+        this.setSnapshot();
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/body/DecryptionFailureBodyViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/body/DecryptionFailureBodyViewModel.ts
new file mode 100644
index 00000000000..0f89f78eb2e
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/body/DecryptionFailureBodyViewModel.ts
@@ -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 { 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;
+}
+
+/**
+ * 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.
+     */
+    private static readonly computeSnapshot = (
+        decryptionFailureCode: DecryptionFailureCode | null,
+        verificationState?: boolean,
+    ): DecryptionFailureBodyViewSnapshotInterface => {
+        return {
+            decryptionFailureReason: DecryptionFailureBodyViewModel.getDecryptionReasonFromCode(decryptionFailureCode),
+            isLocalDeviceVerified: verificationState,
+        };
+    };
+
+    public constructor(props: DecryptionFailureBodyViewModelProps) {
+        super(
+            props,
+            DecryptionFailureBodyViewModel.computeSnapshot(props.decryptionFailureCode, props.verificationState),
+        );
+    }
+
+    /**
+     * 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 });
+    }
+
+    public setDecryptionFailureCode(decryptionFailureCode: DecryptionFailureCode | null): void {
+        this.props.decryptionFailureCode = decryptionFailureCode;
+        this.snapshot.merge({
+            decryptionFailureReason: DecryptionFailureBodyViewModel.getDecryptionReasonFromCode(decryptionFailureCode),
+        });
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/body/HiddenBodyViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/body/HiddenBodyViewModel.ts
new file mode 100644
index 00000000000..3df2d31cda0
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/body/HiddenBodyViewModel.ts
@@ -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 { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import {
+    BaseViewModel,
+    type HiddenBodyViewModel as HiddenBodyViewModelInterface,
+    type HiddenBodyViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+export interface HiddenBodyViewModelProps {
+    /**
+     * The hidden event being rendered.
+     */
+    mxEvent: MatrixEvent;
+}
+
+/**
+ * ViewModel for messages hidden pending moderation.
+ */
+export class HiddenBodyViewModel
+    extends BaseViewModel<HiddenBodyViewSnapshot, HiddenBodyViewModelProps>
+    implements HiddenBodyViewModelInterface
+{
+    private static readonly computeSnapshot = ({ mxEvent }: HiddenBodyViewModelProps): HiddenBodyViewSnapshot => {
+        const visibility = mxEvent.messageVisibility();
+
+        if (visibility.visible) {
+            throw new Error("HiddenBodyViewModel should only be applied to hidden messages");
+        }
+
+        return {
+            reason: visibility.reason || undefined,
+        };
+    };
+
+    public constructor(props: HiddenBodyViewModelProps) {
+        super(props, HiddenBodyViewModel.computeSnapshot(props));
+    }
+
+    public setEvent(mxEvent: MatrixEvent): void {
+        this.props.mxEvent = mxEvent;
+        this.snapshot.merge(HiddenBodyViewModel.computeSnapshot(this.props));
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/body/MjolnirBodyViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/body/MjolnirBodyViewModel.ts
new file mode 100644
index 00000000000..df68a52528b
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/body/MjolnirBodyViewModel.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 {
+    BaseViewModel,
+    type MjolnirBodyViewModel as MjolnirBodyViewModelInterface,
+    type MjolnirBodyViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+export interface MjolnirBodyViewModelProps {
+    /** Invoked when the user chooses to show the hidden event. */
+    onAllow: () => void;
+}
+
+/**
+ * ViewModel for Mjolnir-hidden message bodies.
+ */
+export class MjolnirBodyViewModel
+    extends BaseViewModel<MjolnirBodyViewSnapshot, MjolnirBodyViewModelProps>
+    implements MjolnirBodyViewModelInterface
+{
+    private static readonly computeSnapshot = (): MjolnirBodyViewSnapshot => ({});
+
+    public constructor(props: MjolnirBodyViewModelProps) {
+        super(props, MjolnirBodyViewModel.computeSnapshot());
+    }
+
+    public setProps(props: MjolnirBodyViewModelProps): void {
+        this.props = props;
+    }
+
+    public onAllow = (): void => {
+        this.props.onAllow();
+    };
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/body/TextualBodyViewModel.tsx b/apps/web/src/viewmodels/room/timeline/event-tile/body/TextualBodyViewModel.tsx
new file mode 100644
index 00000000000..1fca14c81fc
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/body/TextualBodyViewModel.tsx
@@ -0,0 +1,347 @@
+/*
+ * 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 MouseEvent } from "react";
+import { MatrixEventEvent, MsgType, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import {
+    BaseViewModel,
+    TextualBodyViewBodyWrapperKind,
+    TextualBodyViewKind,
+    type TextualBodyViewModel as TextualBodyViewModelInterface,
+    type TextualBodyViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+import { formatDate } from "../../../../../DateUtils";
+import Modal from "../../../../../Modal";
+import dis from "../../../../../dispatcher/dispatcher";
+import { _t } from "../../../../../languageHandler";
+import { IntegrationManagers } from "../../../../../integrations/IntegrationManagers";
+import { tryTransformPermalinkToLocalHref } from "../../../../../utils/permalinks/Permalinks";
+import { Action } from "../../../../../dispatcher/actions";
+import QuestionDialog from "../../../../../components/views/dialogs/QuestionDialog";
+import MessageEditHistoryDialog from "../../../../../components/views/dialogs/MessageEditHistoryDialog";
+import { type TimelineRenderingType } from "../../../../../contexts/RoomContext";
+
+const CAPTION_MESSAGE_TYPES = new Set<MsgType>([MsgType.Image, MsgType.File, MsgType.Audio, MsgType.Video]);
+
+export interface TextualBodyViewModelProps {
+    /**
+     * Optional DOM id forwarded to the root textual body element.
+     */
+    id?: string;
+    /**
+     * Matrix event used to derive the body kind, sender label, starter link, edit state, and moderation state.
+     */
+    mxEvent: MatrixEvent;
+    /**
+     * Optional URL that wraps the body when the message should behave as a highlighted link target.
+     */
+    highlightLink?: string;
+    /**
+     * Event id of the replacement event, when this message has been edited.
+     */
+    replacingEventId?: string;
+    /**
+     * Whether the user is viewing a hidden message while moderation is pending.
+     */
+    isSeeingThroughMessageHiddenForModeration?: boolean;
+    /**
+     * Timeline context used when dispatching actions from textual body interactions.
+     */
+    timelineRenderingType: TimelineRenderingType;
+}
+
+export class TextualBodyViewModel
+    extends BaseViewModel<TextualBodyViewSnapshot, TextualBodyViewModelProps>
+    implements TextualBodyViewModelInterface
+{
+    private watchedEvent?: MatrixEvent;
+
+    private static readonly getKind = (mxEvent: MatrixEvent): TextualBodyViewKind => {
+        const msgtype = mxEvent.getContent().msgtype as MsgType | undefined;
+
+        if (msgtype === MsgType.Notice) {
+            return TextualBodyViewKind.NOTICE;
+        }
+
+        if (msgtype === MsgType.Emote) {
+            return TextualBodyViewKind.EMOTE;
+        }
+
+        if (msgtype && CAPTION_MESSAGE_TYPES.has(msgtype)) {
+            return TextualBodyViewKind.CAPTION;
+        }
+
+        return TextualBodyViewKind.TEXT;
+    };
+
+    private static readonly getStarterLink = (mxEvent: MatrixEvent): string | undefined => {
+        const starterLink = mxEvent.getContent().data?.["org.matrix.neb.starter_link"];
+
+        return typeof starterLink === "string" ? starterLink : undefined;
+    };
+
+    private static readonly computeBodyWrapperSnapshot = (
+        props: TextualBodyViewModelProps,
+    ): Pick<TextualBodyViewSnapshot, "bodyWrapper" | "bodyLinkHref" | "bodyActionAriaLabel"> => {
+        if (props.highlightLink) {
+            return {
+                bodyWrapper: TextualBodyViewBodyWrapperKind.LINK,
+                bodyLinkHref: props.highlightLink,
+                bodyActionAriaLabel: undefined,
+            };
+        }
+
+        if (TextualBodyViewModel.getStarterLink(props.mxEvent)) {
+            return {
+                bodyWrapper: TextualBodyViewBodyWrapperKind.ACTION,
+                bodyLinkHref: undefined,
+                bodyActionAriaLabel: undefined,
+            };
+        }
+
+        return {
+            bodyWrapper: TextualBodyViewBodyWrapperKind.NONE,
+            bodyLinkHref: undefined,
+            bodyActionAriaLabel: undefined,
+        };
+    };
+
+    private static readonly computeEditedMarkerSnapshot = (
+        props: TextualBodyViewModelProps,
+    ): Pick<
+        TextualBodyViewSnapshot,
+        | "showEditedMarker"
+        | "editedMarkerText"
+        | "editedMarkerAriaLabel"
+        | "editedMarkerTooltip"
+        | "editedMarkerCaption"
+    > => {
+        const replacingEventId = props.replacingEventId ?? props.mxEvent.replacingEventId();
+        if (!replacingEventId) {
+            return {
+                showEditedMarker: false,
+                editedMarkerText: undefined,
+                editedMarkerAriaLabel: undefined,
+                editedMarkerTooltip: undefined,
+                editedMarkerCaption: undefined,
+            };
+        }
+
+        const replacingDate = props.mxEvent.replacingEventDate();
+        const date = replacingDate ? formatDate(replacingDate) : undefined;
+
+        return {
+            showEditedMarker: true,
+            editedMarkerText: `(${_t("common|edited")})`,
+            editedMarkerAriaLabel: _t("timeline|edits|tooltip_label", { date }),
+            editedMarkerTooltip: _t("timeline|edits|tooltip_title", { date }),
+            editedMarkerCaption: _t("timeline|edits|tooltip_sub"),
+        };
+    };
+
+    private static readonly computePendingModerationSnapshot = (
+        props: TextualBodyViewModelProps,
+    ): Pick<TextualBodyViewSnapshot, "showPendingModerationMarker" | "pendingModerationText"> => {
+        if (!props.isSeeingThroughMessageHiddenForModeration) {
+            return {
+                showPendingModerationMarker: false,
+                pendingModerationText: undefined,
+            };
+        }
+
+        const visibility = props.mxEvent.messageVisibility();
+        if (visibility.visible) {
+            throw new Error("TextualBodyViewModel should only render pending moderation for hidden messages");
+        }
+
+        const text = visibility.reason
+            ? _t("timeline|pending_moderation_reason", { reason: visibility.reason })
+            : _t("timeline|pending_moderation");
+
+        return {
+            showPendingModerationMarker: true,
+            pendingModerationText: `(${text})`,
+        };
+    };
+
+    private static readonly computeEventSnapshot = (
+        props: TextualBodyViewModelProps,
+    ): Pick<
+        TextualBodyViewSnapshot,
+        | "kind"
+        | "bodyWrapper"
+        | "bodyLinkHref"
+        | "bodyActionAriaLabel"
+        | "showEditedMarker"
+        | "editedMarkerText"
+        | "editedMarkerTooltip"
+        | "editedMarkerCaption"
+        | "showPendingModerationMarker"
+        | "pendingModerationText"
+        | "emoteSenderName"
+    > => ({
+        kind: TextualBodyViewModel.getKind(props.mxEvent),
+        emoteSenderName: props.mxEvent.sender?.name ?? props.mxEvent.getSender(),
+        ...TextualBodyViewModel.computeBodyWrapperSnapshot(props),
+        ...TextualBodyViewModel.computeEditedMarkerSnapshot(props),
+        ...TextualBodyViewModel.computePendingModerationSnapshot(props),
+    });
+
+    private static readonly computeSnapshot = (props: TextualBodyViewModelProps): TextualBodyViewSnapshot => ({
+        id: props.id,
+        ...TextualBodyViewModel.computeEventSnapshot(props),
+    });
+
+    public constructor(props: TextualBodyViewModelProps) {
+        super(props, TextualBodyViewModel.computeSnapshot(props));
+        this.watchEvent(props.mxEvent);
+        this.disposables.track(this.unwatchEvent);
+    }
+
+    private readonly onEventContentChanged = (): void => {
+        this.snapshot.merge(TextualBodyViewModel.computeEventSnapshot(this.props));
+    };
+
+    private watchEvent(mxEvent: MatrixEvent): void {
+        if (this.watchedEvent === mxEvent) return;
+        this.unwatchEvent();
+        this.watchedEvent = mxEvent;
+        this.watchedEvent.on(MatrixEventEvent.Replaced, this.onEventContentChanged);
+    }
+
+    private readonly unwatchEvent = (): void => {
+        this.watchedEvent?.off(MatrixEventEvent.Replaced, this.onEventContentChanged);
+        this.watchedEvent = undefined;
+    };
+
+    public setId(id: string | undefined): void {
+        this.props = {
+            ...this.props,
+            id,
+        };
+
+        this.snapshot.merge({ id });
+    }
+
+    public setEvent(mxEvent: MatrixEvent): void {
+        this.props = {
+            ...this.props,
+            mxEvent,
+        };
+        this.watchEvent(mxEvent);
+
+        this.snapshot.merge(TextualBodyViewModel.computeEventSnapshot(this.props));
+    }
+
+    public setHighlightLink(highlightLink: string | undefined): void {
+        this.props = {
+            ...this.props,
+            highlightLink,
+        };
+
+        this.snapshot.merge(TextualBodyViewModel.computeBodyWrapperSnapshot(this.props));
+    }
+
+    public setReplacingEventId(replacingEventId: string | undefined): void {
+        this.props = {
+            ...this.props,
+            replacingEventId,
+        };
+
+        this.snapshot.merge(TextualBodyViewModel.computeEditedMarkerSnapshot(this.props));
+    }
+
+    public setIsSeeingThroughMessageHiddenForModeration(
+        isSeeingThroughMessageHiddenForModeration: boolean | undefined,
+    ): void {
+        this.props = {
+            ...this.props,
+            isSeeingThroughMessageHiddenForModeration,
+        };
+
+        this.snapshot.merge(TextualBodyViewModel.computePendingModerationSnapshot(this.props));
+    }
+
+    public setTimelineRenderingType(timelineRenderingType: TimelineRenderingType): void {
+        this.props = {
+            ...this.props,
+            timelineRenderingType,
+        };
+    }
+
+    public onRootClick = (event: MouseEvent<HTMLDivElement>): void => {
+        let target: HTMLLinkElement | null = event.target as HTMLLinkElement;
+
+        if (target.nodeName !== "A") {
+            target = target.closest<HTMLLinkElement>("a");
+        }
+
+        if (!target) {
+            return;
+        }
+
+        const localHref = tryTransformPermalinkToLocalHref(target.href);
+        if (localHref !== target.href) {
+            event.preventDefault();
+            window.location.hash = localHref;
+        }
+    };
+
+    public onBodyActionClick = (event: MouseEvent<HTMLButtonElement>): void => {
+        event.preventDefault();
+
+        const starterLink = TextualBodyViewModel.getStarterLink(this.props.mxEvent);
+        if (!starterLink) {
+            return;
+        }
+
+        const managers = IntegrationManagers.sharedInstance();
+        if (!managers.hasManager()) {
+            managers.openNoManagerDialog();
+            return;
+        }
+
+        const integrationManager = managers.getPrimaryManager();
+        const scalarClient = integrationManager?.getScalarClient();
+        scalarClient?.connect().then(() => {
+            const completeUrl = scalarClient.getStarterLink(starterLink);
+            const integrationsUrl = integrationManager!.uiUrl;
+            const { finished } = Modal.createDialog(QuestionDialog, {
+                title: _t("timeline|scalar_starter_link|dialog_title"),
+                description: <div>{_t("timeline|scalar_starter_link|dialog_description", { integrationsUrl })}</div>,
+                button: _t("action|continue"),
+            });
+
+            finished.then(([confirmed]) => {
+                if (!confirmed) {
+                    return;
+                }
+
+                const width = Math.min(window.screen.width, 1024);
+                const height = Math.min(window.screen.height, 800);
+                const left = (window.screen.width - width) / 2;
+                const top = (window.screen.height - height) / 2;
+                const features = `height=${height}, width=${width}, top=${top}, left=${left},`;
+                const wnd = window.open(completeUrl, "_blank", features)!;
+                wnd.opener = null;
+            });
+        });
+    };
+
+    public onEditedMarkerClick = (): void => {
+        Modal.createDialog(MessageEditHistoryDialog, { mxEvent: this.props.mxEvent });
+    };
+
+    public onEmoteSenderClick = (): void => {
+        dis.dispatch({
+            action: Action.ComposerInsert,
+            userId: this.props.mxEvent.getSender(),
+            timelineRenderingType: this.props.timelineRenderingType,
+        });
+    };
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/body/ViewSourceEventViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/body/ViewSourceEventViewModel.ts
new file mode 100644
index 00000000000..d574ee15726
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/body/ViewSourceEventViewModel.ts
@@ -0,0 +1,113 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 MouseEvent } from "react";
+import { type MatrixClient, type MatrixEvent, MatrixEventEvent } from "matrix-js-sdk/src/matrix";
+import {
+    BaseViewModel,
+    Disposables,
+    type ViewSourceEventViewModel as ViewSourceEventViewModelInterface,
+    type ViewSourceEventViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+export interface ViewSourceEventViewModelProps {
+    /**
+     * The hidden event whose source is being rendered.
+     */
+    mxEvent: MatrixEvent;
+    /**
+     * Matrix client used to request decryption before rendering event source.
+     */
+    cli: MatrixClient;
+}
+
+/**
+ * ViewModel for hidden event source rendering.
+ */
+export class ViewSourceEventViewModel
+    extends BaseViewModel<ViewSourceEventViewSnapshot, ViewSourceEventViewModelProps>
+    implements ViewSourceEventViewModelInterface
+{
+    private decryptionListenerDisposables?: Disposables;
+
+    private static computeSnapshot(
+        { mxEvent }: ViewSourceEventViewModelProps,
+        expanded: boolean,
+    ): ViewSourceEventViewSnapshot {
+        return {
+            expanded,
+            preview: `{ "type": ${mxEvent.getType()} }`,
+            source: expanded ? ViewSourceEventViewModel.computeSource(mxEvent) : "",
+        };
+    }
+
+    private static computeSource(mxEvent: MatrixEvent): string {
+        return JSON.stringify(mxEvent, null, 4) ?? "";
+    }
+
+    public constructor(props: ViewSourceEventViewModelProps) {
+        super(props, ViewSourceEventViewModel.computeSnapshot(props, false));
+        this.disposables.track(() => this.removeDecryptionListener());
+        this.setupDecryptionListener();
+    }
+
+    public setProps(newProps: Partial<ViewSourceEventViewModelProps>): void {
+        const nextProps = { ...this.props, ...newProps };
+        const eventChanged = this.props.mxEvent !== nextProps.mxEvent;
+        const clientChanged = this.props.cli !== nextProps.cli;
+
+        if (!eventChanged && !clientChanged) return;
+
+        this.props = nextProps;
+
+        this.setupDecryptionListener();
+
+        if (eventChanged) {
+            this.updateSnapshotFromProps();
+        }
+    }
+
+    public onToggle = (event: MouseEvent<HTMLButtonElement>): void => {
+        event.preventDefault();
+
+        const expanded = !this.snapshot.current.expanded;
+        this.snapshot.merge({
+            expanded,
+            source: expanded ? ViewSourceEventViewModel.computeSource(this.props.mxEvent) : "",
+        });
+    };
+
+    private updateSnapshotFromProps(): void {
+        this.snapshot.merge(ViewSourceEventViewModel.computeSnapshot(this.props, this.snapshot.current.expanded));
+    }
+
+    private setupDecryptionListener(): void {
+        this.removeDecryptionListener();
+
+        const { cli, mxEvent } = this.props;
+        cli.decryptEventIfNeeded(mxEvent);
+
+        if (!mxEvent.isBeingDecrypted()) return;
+
+        const onDecrypted = (): void => {
+            this.removeDecryptionListener();
+            if (this.props.mxEvent !== mxEvent) return;
+
+            this.updateSnapshotFromProps();
+        };
+
+        this.decryptionListenerDisposables = new Disposables();
+        this.decryptionListenerDisposables.trackListener(mxEvent, MatrixEventEvent.Decrypted, onDecrypted);
+    }
+
+    private removeDecryptionListener(): void {
+        this.decryptionListenerDisposables?.dispose();
+        this.decryptionListenerDisposables = undefined;
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/RootCallTileViewModel.test.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/RootCallTileViewModel.test.ts
new file mode 100644
index 00000000000..4d05a579cf5
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/RootCallTileViewModel.test.ts
@@ -0,0 +1,189 @@
+/*
+ * 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.
+ */
+
+// @vitest-environment happy-dom
+
+import { it, describe, expect, vi } from "vitest";
+import { type EventTimeline, EventType, type MatrixEvent, type RoomState } from "matrix-js-sdk/src/matrix";
+import { EventEmitter } from "node:stream";
+
+import {
+    mkEvent,
+    mkMessage,
+    mkRoomMember,
+    mkStubRoom,
+    stubClient,
+    TestSDKContext,
+} from "../../../../../../test/test-utils";
+import { getMockedRtcNotificationEvent, MockedCall, MockedCallStore } from "./call-mocks";
+import { RootCallTileViewModel } from "./RootCallTileViewModel";
+import {
+    LatestRtcNotificationEventUpdate,
+    type LatestRtcNotificationEventStore,
+} from "../../../../../stores/LatestRtcNotificationEventStore";
+
+function getEvents(): MatrixEvent[] {
+    const message1 = mkMessage({
+        room: "!my-room:m.org",
+        user: "@alice:m.org",
+        event: true,
+        msg: "hello",
+    });
+
+    const message2 = mkMessage({
+        room: "!my-room:m.org",
+        user: "@bob:m.org",
+        event: true,
+        msg: "hello",
+    });
+
+    const oldRtcNotificationEvent = mkEvent({
+        type: EventType.RTCNotification,
+        id: "old-event",
+        content: {
+            "m.call.intent": "video",
+        },
+        user: "@alice:m.org",
+        event: true,
+    });
+
+    const latestRtcNotificationEvent = mkEvent({
+        type: EventType.RTCNotification,
+        id: "new-event",
+        content: {
+            "m.call.intent": "video",
+        },
+        user: "@bob:m.org",
+        event: true,
+    });
+    return [message1, message2, oldRtcNotificationEvent, latestRtcNotificationEvent];
+}
+
+function getMocked(userIds: string[]) {
+    const cli = stubClient();
+    const mxEvent = getMockedRtcNotificationEvent("audio", 100, 100);
+    mxEvent.getId = () => "new-event";
+
+    const call = MockedCall.create();
+    const callStore = MockedCallStore.create(call);
+
+    const members = userIds.map((id) => mkRoomMember("!my-room:m.org", id));
+
+    const room = mkStubRoom("!my-room:m.org", "My Room");
+    cli.getRoom = () => room;
+
+    vi.spyOn(room, "getMembers").mockReturnValue(members);
+
+    const events = getEvents();
+    vi.spyOn(room, "getLiveTimeline").mockImplementation(() => {
+        return {
+            getEvents: () => {
+                return events;
+            },
+            getState: (): RoomState => {
+                return {
+                    mayClientSendStateEvent: () => true,
+                } as unknown as RoomState;
+            },
+        } as unknown as EventTimeline;
+    });
+
+    const latestRtcNotificationEventStore = new EventEmitter() as unknown as LatestRtcNotificationEventStore;
+    latestRtcNotificationEventStore.getLatestEventId = () => undefined;
+
+    return { callStore, latestRtcNotificationEventStore, cli, mxEvent, call };
+}
+
+describe("RootCallTileViewModel", () => {
+    const sdkContext = new TestSDKContext();
+    const legacyCallHandler = sdkContext.legacyCallHandler;
+
+    it("computes correct tileType for ongoing call in DM", () => {
+        const { callStore, cli, mxEvent, latestRtcNotificationEventStore } = getMocked(["@alice:m.org", "@bob:m.org"]);
+        latestRtcNotificationEventStore.getLatestEventId = () => "new-event";
+        const vm = new RootCallTileViewModel({
+            latestRtcNotificationEventStore,
+            callStore,
+            cli,
+            mxEvent,
+            legacyCallHandler,
+        });
+
+        expect(vm.getSnapshot().tileType).toStrictEqual("ongoing-call-dm");
+    });
+
+    it("computes correct tileType for ongoing call in Room", () => {
+        const { callStore, cli, mxEvent, latestRtcNotificationEventStore } = getMocked([
+            "@alice:m.org",
+            "@bob:m.org",
+            "@jack:m.org",
+        ]);
+        latestRtcNotificationEventStore.getLatestEventId = () => "new-event";
+        const vm = new RootCallTileViewModel({
+            latestRtcNotificationEventStore,
+            callStore,
+            cli,
+            mxEvent,
+            legacyCallHandler,
+        });
+
+        expect(vm.getSnapshot().tileType).toStrictEqual("ongoing-call-room");
+    });
+
+    it("computes correct tileType for tombstone call in DM", () => {
+        // When there's an ongoing call
+        const { callStore, cli, mxEvent, latestRtcNotificationEventStore } = getMocked(["@alice:m.org", "@bob:m.org"]);
+        const vm = new RootCallTileViewModel({
+            latestRtcNotificationEventStore,
+            callStore,
+            cli,
+            mxEvent,
+            legacyCallHandler,
+        });
+
+        expect(vm.getSnapshot().tileType).toStrictEqual("tombstone-call-dm");
+    });
+
+    it("computes correct tileType for tombstone call in Room", () => {
+        // When there's an ongoing call
+        const { callStore, cli, mxEvent, latestRtcNotificationEventStore } = getMocked([
+            "@alice:m.org",
+            "@bob:m.org",
+            "@jack:m.org",
+        ]);
+        const vm = new RootCallTileViewModel({
+            latestRtcNotificationEventStore,
+            callStore,
+            cli,
+            mxEvent,
+            legacyCallHandler,
+        });
+        expect(vm.getSnapshot().tileType).toStrictEqual("tombstone-call-room");
+    });
+
+    it("recomputes snapshot on event from LatestRtcNotificationEventUpdate", () => {
+        // When there's an ongoing call
+        const { callStore, cli, mxEvent, latestRtcNotificationEventStore } = getMocked([
+            "@alice:m.org",
+            "@bob:m.org",
+            "@jack:m.org",
+        ]);
+        const vm = new RootCallTileViewModel({
+            latestRtcNotificationEventStore,
+            callStore,
+            cli,
+            mxEvent,
+            legacyCallHandler,
+        });
+        expect(vm.getSnapshot().tileType).toStrictEqual("tombstone-call-room");
+
+        // Tile type should update on event
+        latestRtcNotificationEventStore.getLatestEventId = () => "new-event";
+        latestRtcNotificationEventStore.emit(LatestRtcNotificationEventUpdate, "!my-room:m.org", "new-event");
+        expect(vm.getSnapshot().tileType).toStrictEqual("ongoing-call-room");
+    });
+});
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/RootCallTileViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/RootCallTileViewModel.ts
new file mode 100644
index 00000000000..46e35768944
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/RootCallTileViewModel.ts
@@ -0,0 +1,181 @@
+/*
+ * 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 ViewModel, type RootCallTileViewSnapshot } from "@element-hq/web-shared-components";
+
+import type { GetRelationsForEvent } from "../../../../../components/views/rooms/EventTile";
+import { type CallStore, CallStoreEvent } from "../../../../../stores/CallStore";
+import { RoomOngoingCallTileViewModel } from "./tiles/ongoing/RoomOngoingCallTileViewModel";
+import { DmOngoingCallTileViewModel } from "./tiles/ongoing/DmOngoingCallTileViewModel";
+import { DmTombstoneCallTileViewModel } from "./tiles/tombstone/DmTombstoneCallTileViewModel";
+import { RoomTombstoneCallTileViewModel } from "./tiles/tombstone/RoomTombstoneCallTileViewModel";
+import {
+    LatestRtcNotificationEventUpdate,
+    type LatestRtcNotificationEventStore,
+} from "../../../../../stores/LatestRtcNotificationEventStore";
+import { JitsiCall } from "../../../../../models/Call";
+import type LegacyCallHandler from "../../../../../LegacyCallHandler.tsx";
+
+interface Props {
+    /**
+     * Event of type `org.matrix.msc4075.rtc.notification`.
+     */
+    mxEvent: MatrixEvent;
+
+    /**
+     * Helper to fetch related events from a given event.
+     */
+    getRelationsForEvent?: GetRelationsForEvent;
+
+    /**
+     * The {@link MatrixClient} object to access js-sdk API.
+     */
+    cli: MatrixClient;
+
+    /**
+     * {@link CallStore} to access calls in a room.
+     */
+    callStore: CallStore;
+
+    /**
+     * {@link LegacyCallHandler} to handle calls in a room.
+     */
+    legacyCallHandler: LegacyCallHandler;
+
+    /**
+     * {@link LatestRtcNotificationEventStore} to track the latest notification event id.
+     */
+    latestRtcNotificationEventStore: LatestRtcNotificationEventStore;
+}
+
+function computeSnapshot(props: Props): RootCallTileViewSnapshot {
+    const cli = props.cli;
+    const notificationEvent = props.mxEvent;
+
+    // Get the room where this call is taking place
+    const roomId = props.mxEvent.getRoomId();
+    if (!roomId) throw new Error("Notification event does not have associated room-id");
+    const room = cli.getRoom(roomId);
+    if (!room) throw new Error(`No room with id ${roomId}`);
+
+    const lastId = props.latestRtcNotificationEventStore.getLatestEventId(roomId);
+    const isLastNotificationEvent = lastId === notificationEvent.getId();
+    const isLocalEvent = notificationEvent.getId()?.startsWith("~");
+
+    // Check if there's an ongoing call
+    const call = props.callStore.getCall(roomId);
+    const hasOngoingCall = !!call && !(call instanceof JitsiCall);
+
+    // This is the same logic used for hiding/showing the voice call button.
+    const isDmRoom = room.getMembers().length <= 2;
+
+    /**
+     * We know we should render the ongoing tile if:
+     * - There's an ongoing call in this room
+     * - This is the last call tile in the room or a local call tile.
+     */
+    if ((isLastNotificationEvent || isLocalEvent) && hasOngoingCall) {
+        if (isDmRoom) {
+            return {
+                tileType: "ongoing-call-dm",
+                tileViewModel: new DmOngoingCallTileViewModel({
+                    mxEvent: notificationEvent,
+                    roomId,
+                    getRelationsForEvent: props.getRelationsForEvent,
+                    callStore: props.callStore,
+                    cli: props.cli,
+                    legacyCallHandler: props.legacyCallHandler,
+                }),
+            };
+        }
+        return {
+            tileType: "ongoing-call-room",
+            tileViewModel: new RoomOngoingCallTileViewModel({
+                roomId,
+                mxEvent: notificationEvent,
+                getRelationsForEvent: props.getRelationsForEvent,
+                callStore: props.callStore,
+                cli: props.cli,
+                legacyCallHandler: props.legacyCallHandler,
+            }),
+        };
+    }
+
+    if (isDmRoom) {
+        return {
+            tileType: "tombstone-call-dm",
+            tileViewModel: new DmTombstoneCallTileViewModel({
+                mxEvent: notificationEvent,
+                getRelationsForEvent: props.getRelationsForEvent,
+                cli: props.cli,
+            }),
+        };
+    } else
+        return {
+            tileType: "tombstone-call-room",
+            tileViewModel: new RoomTombstoneCallTileViewModel({ mxEvent: notificationEvent }),
+        };
+}
+
+/**
+ * The root call tile view model which decides what call tile should be rendered.
+ */
+export class RootCallTileViewModel extends BaseViewModel<RootCallTileViewSnapshot, Props> {
+    public constructor(props: Props) {
+        const snapshot = computeSnapshot(props);
+        super(props, snapshot);
+        this.trackViewModel(snapshot.tileViewModel);
+        this.addListener();
+    }
+
+    private addListener(): void {
+        // Recompute the state on changes to the call in this room
+        this.disposables.trackListener(
+            this.props.callStore,
+            CallStoreEvent.Call,
+            this.onCallStoreEvent as (...args: unknown[]) => void,
+        );
+
+        // Recompute the state when the latest rtc notification event in this room changes
+        this.disposables.trackListener(this.props.latestRtcNotificationEventStore, LatestRtcNotificationEventUpdate, ((
+            roomId: string,
+            eventId: string,
+        ) => {
+            if (roomId === this.props.mxEvent.getRoomId() && eventId === this.props.mxEvent.getId()) {
+                this.recomputeSnapshot();
+            }
+        }) as (...args: unknown[]) => void);
+    }
+
+    private onCallStoreEvent = (_: unknown, roomId: string): void => {
+        if (roomId === this.props.mxEvent.getRoomId()) {
+            this.recomputeSnapshot();
+        }
+    };
+
+    private recomputeSnapshot(): void {
+        const snapshot = computeSnapshot(this.props);
+        const currentTileType = this.getSnapshot().tileType;
+        if (currentTileType === snapshot.tileType) {
+            /**
+             * We're already rendering the correct vm if the tile type did not change.
+             * So dispose thew new vm and return.
+             */
+            (snapshot.tileViewModel as BaseViewModel<unknown, unknown>).dispose();
+            return;
+        }
+
+        this.trackViewModel(snapshot.tileViewModel);
+        this.snapshot.set(snapshot);
+    }
+
+    private trackViewModel(vm: ViewModel<unknown>): void {
+        // ViewModel type has no dispose method, so this needs a type assertion.
+        this.disposables.track(vm as BaseViewModel<unknown, unknown>);
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/call-mocks.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/call-mocks.ts
new file mode 100644
index 00000000000..23cc691d39b
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/call-mocks.ts
@@ -0,0 +1,128 @@
+/*
+ * 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 { EventEmitter } from "node:events";
+import { type RoomMember, type MatrixEvent, EventType } from "matrix-js-sdk/src/matrix";
+
+import { mkEvent, mkRoomMember } from "../../../../../../test/test-utils";
+import { type ElementCall } from "../../../../../models/Call";
+import type { CallStore } from "../../../../../stores/CallStore";
+import type { CallMembership, MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc";
+
+export function getMockedRtcNotificationEvent(
+    intent: string,
+    senderTs: number,
+    serverTs: number,
+    sender: string = "@foo:m.org",
+): MatrixEvent {
+    const mockEvent = mkEvent({
+        type: "org.matrix.msc4075.rtc.notification",
+        user: sender,
+        content: {
+            "m.call.intent": intent,
+            "sender_ts": senderTs,
+        },
+        ts: serverTs,
+        event: true,
+        room: "!my-room:m.org",
+    });
+    return mockEvent;
+}
+
+export function getMockedRtcDeclineEvent(rtcNotificationEvent: MatrixEvent, sender = "@foo:m.org"): MatrixEvent {
+    const mockEvent = mkEvent({
+        type: EventType.RTCDecline,
+        user: sender,
+        content: {
+            "m.relates_to": {
+                rel_type: "m.reference",
+                event_id: rtcNotificationEvent.getId(),
+            },
+        },
+        ts: 924285416000,
+        event: true,
+    });
+    return mockEvent;
+}
+
+export function getMockedMember(roomId: string, userId: string, name: string): RoomMember {
+    const member = mkRoomMember(roomId, userId);
+    member.name = name;
+    return member;
+}
+
+interface MockCallStoreType extends CallStore {
+    withActiveCall(): this;
+    isActiveCall: boolean;
+    call: ElementCall | null;
+}
+
+export class MockedCallStore extends EventEmitter {
+    public isActiveCall: boolean = false;
+
+    public constructor(public call: ElementCall | null) {
+        super();
+    }
+
+    public static create(call: ElementCall | null): MockCallStoreType {
+        return new MockedCallStore(call) as unknown as MockCallStoreType;
+    }
+
+    public withActiveCall(): this {
+        this.isActiveCall = true;
+        return this;
+    }
+
+    public getCall(): ElementCall | null {
+        return this.call;
+    }
+
+    public getActiveCall(): ElementCall | null {
+        if (this.isActiveCall) return this.getCall();
+        return null;
+    }
+}
+
+interface MockCallType extends ElementCall {
+    withOldestMembershipTs(ts: number): this;
+    withParticipants(participants: RoomMember[]): this;
+}
+
+export class MockedCall extends EventEmitter {
+    public participantMap = new Map<RoomMember, Set<string>>();
+    public createdTs: number = Date.now();
+
+    public static create(): MockCallType {
+        return new MockedCall() as unknown as MockCallType;
+    }
+
+    public withOldestMembershipTs(ts: number): this {
+        this.createdTs = ts;
+        return this;
+    }
+
+    public withParticipants(participants: RoomMember[]): this {
+        for (const participant of participants) {
+            this.participantMap.set(participant, new Set());
+        }
+        return this;
+    }
+
+    public get participants(): Map<RoomMember, Set<string>> {
+        return this.participantMap;
+    }
+
+    public get session(): MatrixRTCSession {
+        return {
+            getOldestMembership: (): CallMembership => {
+                return {
+                    createdTs: () => this.createdTs,
+                } as CallMembership;
+            },
+        } as MatrixRTCSession;
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/common.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/common.ts
new file mode 100644
index 00000000000..ce2e390d9c1
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/common.ts
@@ -0,0 +1,44 @@
+/*
+ * 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 { CallType } from "@element-hq/web-shared-components";
+import { EventType, RelationType, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { type IRTCNotificationContent } from "matrix-js-sdk/src/matrixrtc";
+
+import { type GetRelationsForEvent } from "../../../../../components/views/rooms/EventTile";
+
+/**
+ * Find the call intent from a given rtc notification event.
+ * @param event Rtc notification event
+ */
+export function getIntentFromEvent(event: MatrixEvent): CallType {
+    const content = event.getContent<IRTCNotificationContent>();
+    const intentInContent = content["m.call.intent"];
+    switch (intentInContent) {
+        case "audio":
+            return CallType.Voice;
+        case "video":
+        default:
+            return CallType.Video;
+    }
+}
+
+/**
+ * Get all declined events that is related to the given rtc notification event.
+ * @param event rtc notification event
+ */
+export function getDeclinedEvents(
+    event: MatrixEvent,
+    getRelationsForEvent?: GetRelationsForEvent,
+): MatrixEvent[] | null {
+    const eventId = event.getId();
+    if (eventId && getRelationsForEvent) {
+        const relations = getRelationsForEvent(eventId, RelationType.Reference, EventType.RTCDecline)?.getRelations();
+        if (relations) return relations;
+    }
+    return null;
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/BaseOngoingCallTileViewModel.test.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/BaseOngoingCallTileViewModel.test.ts
new file mode 100644
index 00000000000..29c9a3509e4
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/BaseOngoingCallTileViewModel.test.ts
@@ -0,0 +1,162 @@
+/*
+ * 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.
+ */
+
+// @vitest-environment happy-dom
+
+import { it, describe, expect, vi } from "vitest";
+import { CallDirection, CallType } from "@element-hq/web-shared-components";
+
+import { BaseOngoingCallViewModel } from "./BaseOngoingCallTileViewModel";
+import { mkRoom, stubClient } from "../../../../../../../../test/test-utils";
+import { CallEvent } from "../../../../../../../models/Call";
+import type { RootCallTileViewModel } from "../../RootCallTileViewModel";
+import { getMockedMember, getMockedRtcNotificationEvent, MockedCall, MockedCallStore } from "../../call-mocks";
+import type { EventTimeline, RoomState } from "matrix-js-sdk/src/matrix";
+import { placeCall } from "../../../../../../../utils/room/placeCall";
+import { PlatformCallType } from "../../../../../../../hooks/room/useRoomCall";
+import { SDKContextClass } from "../../../../../../../contexts/SDKContextClass.ts";
+
+/**
+ * There's a nasty circular dependency in useRoomCall so that we end up with:
+ * BaseOngoingCallViewModel -> useRoomCall -> ... -> EventTileFactory
+ * -> RootCallTileViewModel -> RoomOngoingCallTileViewModel -> BaseOngoingCallViewModel
+ */
+//@ts-ignore
+vi.mock(import("../../RootCallTileViewModel"), () => {
+    return {
+        RootCallTileViewModel: class {} as unknown as RootCallTileViewModel,
+    };
+});
+
+vi.mock(import("../../../../../../../utils/room/placeCall"), () => {
+    return {
+        placeCall: vi.fn(),
+    };
+});
+
+const roomId = "!my-room:m.org";
+
+describe("BaseOngoingCallViewModel", () => {
+    const legacyCallHandler = SDKContextClass.instance.legacyCallHandler;
+
+    describe("should compute the correct snapshot", () => {
+        it("startedByDisplayName", () => {
+            const cli = stubClient();
+
+            const mxEvent = getMockedRtcNotificationEvent("audio", 100, 100);
+            mxEvent.sender = getMockedMember(roomId, "@alice:m.org", "Alice");
+
+            const call = MockedCall.create();
+            const callStore = MockedCallStore.create(call);
+
+            const vm = new BaseOngoingCallViewModel({ mxEvent, cli, callStore, roomId, legacyCallHandler });
+            expect(vm.getSnapshot().startedByDisplayName).toStrictEqual("Alice");
+        });
+
+        it("isJoined", () => {
+            const cli = stubClient();
+
+            const mxEvent = getMockedRtcNotificationEvent("audio", 100, 100);
+            mxEvent.sender = getMockedMember(roomId, "@alice:m.org", "Alice");
+
+            const bob = getMockedMember(roomId, "@bob:m.org", "Bob");
+            const call = MockedCall.create().withParticipants([bob]);
+            const callStore = MockedCallStore.create(call);
+
+            // Alice hasn't joined the call yet
+            const vm = new BaseOngoingCallViewModel({ mxEvent, cli, callStore, roomId, legacyCallHandler });
+            expect(vm.getSnapshot().isJoined).toStrictEqual(false);
+
+            // Alice has joined call
+            callStore.withActiveCall();
+            call.withParticipants([mxEvent.sender, bob]);
+            call.emit(CallEvent.Participants, call.participants, new Map());
+            expect(vm.getSnapshot().isJoined).toStrictEqual(true);
+        });
+
+        it("callDirection", () => {
+            const cli = stubClient();
+            vi.spyOn(cli, "getUserId").mockReturnValue("@bob:m.org");
+
+            const mxEvent = getMockedRtcNotificationEvent("audio", 100, 100, "@alice:m.org");
+            mxEvent.sender = getMockedMember(roomId, "@alice:m.org", "Alice");
+
+            const call = MockedCall.create();
+            const callStore = MockedCallStore.create(call);
+
+            const vm1 = new BaseOngoingCallViewModel({ mxEvent, cli, callStore, roomId, legacyCallHandler });
+            expect(vm1.getSnapshot().callDirection).toStrictEqual(CallDirection.Incoming);
+
+            vi.spyOn(cli, "getUserId").mockReturnValue("@alice:m.org");
+            const vm2 = new BaseOngoingCallViewModel({ mxEvent, cli, callStore, roomId, legacyCallHandler });
+            expect(vm2.getSnapshot().callDirection).toStrictEqual(CallDirection.Outgoing);
+        });
+
+        it("callHasOtherParticipants", () => {
+            const cli = stubClient();
+
+            const mxEvent = getMockedRtcNotificationEvent("audio", 100, 100);
+            mxEvent.sender = getMockedMember(roomId, "@alice:m.org", "Alice");
+
+            const call = MockedCall.create().withParticipants([mxEvent.sender]);
+            const callStore = MockedCallStore.create(call);
+
+            // Call has no other participants other than alice
+            const vm = new BaseOngoingCallViewModel({ mxEvent, cli, callStore, roomId, legacyCallHandler });
+            expect(vm.getSnapshot().callHasOtherParticipants).toStrictEqual(false);
+
+            // Let's say others join
+            const bob = getMockedMember(roomId, "@bob:m.org", "Bob");
+            const james = getMockedMember(roomId, "@james:m.org", "James");
+            call.withParticipants([mxEvent.sender, bob, james]);
+            call.emit(CallEvent.Participants, call.participants, new Map());
+            expect(vm.getSnapshot().callHasOtherParticipants).toStrictEqual(true);
+        });
+
+        it("isJoinable", () => {
+            const cli = stubClient();
+            const room = mkRoom(cli, roomId);
+            // @ts-ignore
+            room.getLiveTimeline = (): EventTimeline => {
+                return {
+                    getState: (): RoomState => {
+                        return {
+                            mayClientSendStateEvent: () => true,
+                        } as unknown as RoomState;
+                    },
+                } as unknown as EventTimeline;
+            };
+            cli.getRoom = () => room;
+
+            const mxEvent = getMockedRtcNotificationEvent("audio", 100, 100);
+            mxEvent.sender = getMockedMember(roomId, "@alice:m.org", "Alice");
+
+            const call = MockedCall.create();
+            const callStore = MockedCallStore.create(call);
+
+            const vm = new BaseOngoingCallViewModel({ mxEvent, cli, callStore, roomId, legacyCallHandler });
+            expect(vm.getSnapshot().isJoinable).toStrictEqual(true);
+        });
+    });
+
+    it("should join call on join()", () => {
+        const cli = stubClient();
+
+        const mxEvent = getMockedRtcNotificationEvent("video", 100, 100);
+        mxEvent.sender = getMockedMember(roomId, "@alice:m.org", "Alice");
+
+        const call = MockedCall.create().withParticipants([mxEvent.sender]);
+        const callStore = MockedCallStore.create(call);
+        const vm = new BaseOngoingCallViewModel({ mxEvent, cli, callStore, roomId, legacyCallHandler });
+
+        vm.join();
+        const [, room, callType, platformCallType] = vi.mocked(placeCall).mock.calls[0];
+        expect(room.roomId).toStrictEqual(roomId);
+        expect(callType).toStrictEqual(CallType.Video);
+        expect(platformCallType).toStrictEqual(PlatformCallType.ElementCall);
+    });
+});
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/BaseOngoingCallTileViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/BaseOngoingCallTileViewModel.ts
new file mode 100644
index 00000000000..68336632234
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/BaseOngoingCallTileViewModel.ts
@@ -0,0 +1,196 @@
+/*
+ * 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,
+    CallDirection,
+    CallType as SharedComponentsCallType,
+    type CommonOngoingCallTileViewSnapshot,
+} from "@element-hq/web-shared-components";
+import {
+    EventTimeline,
+    EventType,
+    type RoomMember,
+    type MatrixEvent,
+    type MatrixClient,
+} from "matrix-js-sdk/src/matrix";
+import { CallType } from "matrix-js-sdk/src/webrtc/call";
+
+import { type CallStore } from "../../../../../../../stores/CallStore";
+import { MemberAvatarViewModel } from "../../../../../../../components/viewmodels/avatars/MemberAvatarViewModel";
+import { FacePileViewModel } from "../../../../../../../components/viewmodels/avatars/FacePileViewModel";
+import { CallEvent, type ElementCall } from "../../../../../../../models/Call";
+import { placeCall } from "../../../../../../../utils/room/placeCall";
+import { PlatformCallType } from "../../../../../../../hooks/room/useRoomCall";
+import { type GetRelationsForEvent } from "../../../../../../../components/views/rooms/EventTile";
+import { getIntentFromEvent } from "../../common";
+import { DurationViewModel } from "./components/DurationViewModel";
+import type LegacyCallHandler from "../../../../../../../LegacyCallHandler.tsx";
+
+export interface Props {
+    /**
+     * The id of the room.
+     */
+    roomId: string;
+    /**
+     * Event of type `org.matrix.msc4075.rtc.notification`.
+     */
+    mxEvent: MatrixEvent;
+    /**
+     * Helper to fetch related events from a given event.
+     */
+    getRelationsForEvent?: GetRelationsForEvent;
+    /**
+     * The {@link MatrixClient} object to access js-sdk API.
+     */
+    cli: MatrixClient;
+    /**
+     * {@link CallStore} to access calls in a room.
+     */
+    callStore: CallStore;
+    /**
+     * {@link LegacyCallHandler} to handle calls in a room.
+     */
+    legacyCallHandler: LegacyCallHandler;
+}
+
+function getCallOrThrow(store: CallStore, roomId: string): ElementCall {
+    const call = store.getCall(roomId);
+    if (!call) {
+        throw new Error(`No call in room ${roomId}`);
+    }
+    return call as ElementCall;
+}
+
+/**
+ * Whether this call has participants other than who started the call.
+ */
+function doesCallHaveOtherParticipants(notificationEvent: MatrixEvent, participants: RoomMember[]): boolean {
+    return Array.from(participants).some((participant) => participant.userId !== notificationEvent.sender?.userId);
+}
+
+function computeSnapshot(props: Props): CommonOngoingCallTileViewSnapshot {
+    const mxEvent = props.mxEvent;
+    const callStore = props.callStore;
+    const cli = props.cli;
+    const roomId = mxEvent.getRoomId();
+    if (!roomId) {
+        throw new Error("RTCNotification event has no room associated with it!");
+    }
+
+    // Get the call in the room
+    const call = getCallOrThrow(callStore, roomId);
+
+    // Find the mx-id of the user who started this call
+    const startedUserId = mxEvent.getSender();
+    if (!startedUserId) {
+        throw new Error("RTCNotification event has no sender associated with it!");
+    }
+
+    // Get room-member from mx-id
+    const participants = Array.from(call.participants.keys());
+    const callHasOtherParticipants = doesCallHaveOtherParticipants(props.mxEvent, participants);
+
+    const room = cli.getRoom(roomId);
+    if (!room) {
+        throw new Error(`Cannot find room ${roomId}`);
+    }
+
+    const startedMember = mxEvent.sender;
+    if (!startedMember) {
+        // This should never happen but just to be safe ...
+        throw new Error("Event does not have a sender!");
+    }
+    const startedByDisplayName = startedMember.name;
+
+    // We know we're joined to this call if there's an active call in the room
+    const isJoined = !!callStore.getActiveCall(roomId);
+
+    const callDirection = cli.getUserId() === startedUserId ? CallDirection.Outgoing : CallDirection.Incoming;
+
+    // Create the avatar vms
+    const facePileViewModel = new FacePileViewModel({ size: 20, members: participants, cli });
+    const memberAvatarViewModel = new MemberAvatarViewModel({ member: startedMember, size: 20, cli });
+
+    const isJoinable = !!room
+        .getLiveTimeline()
+        .getState(EventTimeline.FORWARDS)
+        ?.mayClientSendStateEvent(EventType.GroupCallMemberPrefix, room.client);
+
+    const callStartTs = call.session.getOldestMembership()?.createdTs();
+    let durationViewModel: DurationViewModel | undefined;
+    if (callStartTs) {
+        durationViewModel = new DurationViewModel({ callStartTs });
+    }
+
+    return {
+        startedByDisplayName,
+        isJoined,
+        isJoinable,
+        facePileViewModel,
+        memberAvatarViewModel,
+        callDirection,
+        durationViewModel,
+        callHasOtherParticipants,
+    };
+}
+
+/**
+ * A base view model for an ongoing call in the timeline.
+ */
+export class BaseOngoingCallViewModel<
+    T extends CommonOngoingCallTileViewSnapshot = CommonOngoingCallTileViewSnapshot,
+> extends BaseViewModel<T, Props> {
+    public constructor(props: Props, extraSnapshot: Partial<T> = {}) {
+        const snapshot = { ...computeSnapshot(props), ...extraSnapshot };
+        super(props, snapshot as T);
+        this.disposables.track(snapshot.facePileViewModel as BaseViewModel<unknown, unknown>);
+        this.disposables.track(snapshot.memberAvatarViewModel as BaseViewModel<unknown, unknown>);
+        this.setupListener();
+    }
+
+    private setupListener(): void {
+        const call = getCallOrThrow(this.props.callStore, this.props.roomId);
+        this.disposables.trackListener(call, CallEvent.Participants, ((participants: Map<RoomMember, Set<string>>) => {
+            this.onParticipantsChange(participants);
+        }) as (...args: unknown[]) => void);
+    }
+
+    /**
+     * Join the call associated with this tile.
+     * @param event The button click event
+     */
+    public join(event?: React.MouseEvent<HTMLButtonElement>): void {
+        const roomId = this.props.roomId;
+        const room = this.props.cli.getRoom(roomId);
+        if (!room) {
+            throw new Error(`Cannot find room ${roomId}`);
+        }
+        const callType = getIntentFromEvent(this.props.mxEvent);
+        const type = callType === SharedComponentsCallType.Voice ? CallType.Voice : CallType.Video;
+        placeCall(
+            this.props.legacyCallHandler,
+            room,
+            type,
+            PlatformCallType.ElementCall,
+            event?.shiftKey || undefined,
+            type === CallType.Voice,
+        );
+    }
+
+    /**
+     * Recomputes the snapshot when the call participants are updated.
+     */
+    protected onParticipantsChange(participants: Map<RoomMember, Set<string>>, extraSnapshot: Partial<T> = {}): void {
+        const roomId = this.props.roomId;
+        const isJoined = !!this.props.callStore.getActiveCall(roomId);
+        const members = Array.from(participants.keys());
+        const callHasOtherParticipants = doesCallHaveOtherParticipants(this.props.mxEvent, members);
+        (this.getSnapshot().facePileViewModel as FacePileViewModel).updateMembers(members);
+        this.snapshot.merge({ isJoined, callHasOtherParticipants, ...extraSnapshot });
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/DmOngoingCallTileViewModel.test.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/DmOngoingCallTileViewModel.test.ts
new file mode 100644
index 00000000000..d41417b72b5
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/DmOngoingCallTileViewModel.test.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.
+ */
+
+// @vitest-environment happy-dom
+
+import { it, describe, expect } from "vitest";
+import { CallType } from "@element-hq/web-shared-components";
+
+import { stubClient, TestSDKContext } from "../../../../../../../../test/test-utils";
+import { getMockedMember, getMockedRtcNotificationEvent, MockedCall, MockedCallStore } from "../../call-mocks";
+import { DmOngoingCallTileViewModel } from "./DmOngoingCallTileViewModel";
+
+const roomId = "!my-room:m.org";
+
+describe("DmOngoingCallTileViewModel", () => {
+    const sdkContext = new TestSDKContext();
+    const legacyCallHandler = sdkContext.legacyCallHandler;
+
+    describe("should compute the correct snapshot", () => {
+        describe("callType", () => {
+            it("voice", () => {
+                const cli = stubClient();
+
+                const mxEvent = getMockedRtcNotificationEvent("audio", 100, 100);
+                mxEvent.sender = getMockedMember(roomId, "@alice:m.org", "Alice");
+
+                const call = MockedCall.create().withParticipants([mxEvent.sender]);
+                const callStore = MockedCallStore.create(call);
+                const vm = new DmOngoingCallTileViewModel({ mxEvent, cli, callStore, roomId, legacyCallHandler });
+
+                expect(vm.getSnapshot().callType).toStrictEqual(CallType.Voice);
+            });
+
+            it("video", () => {
+                const cli = stubClient();
+
+                const mxEvent = getMockedRtcNotificationEvent("video", 100, 100);
+                mxEvent.sender = getMockedMember(roomId, "@alice:m.org", "Alice");
+
+                const call = MockedCall.create().withParticipants([mxEvent.sender]);
+                const callStore = MockedCallStore.create(call);
+                const vm = new DmOngoingCallTileViewModel({ mxEvent, cli, callStore, roomId, legacyCallHandler });
+
+                expect(vm.getSnapshot().callType).toStrictEqual(CallType.Video);
+            });
+        });
+    });
+});
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/DmOngoingCallTileViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/DmOngoingCallTileViewModel.ts
new file mode 100644
index 00000000000..0cb16e21cf8
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/DmOngoingCallTileViewModel.ts
@@ -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 {
+    type CommonOngoingCallTileViewAction,
+    type DmOngoingCallTileViewSnapshot,
+} from "@element-hq/web-shared-components";
+
+import { type Props, BaseOngoingCallViewModel } from "./BaseOngoingCallTileViewModel";
+import { getIntentFromEvent } from "../../common";
+
+/**
+ * View model for an ongoing call in a DM room.
+ */
+export class DmOngoingCallTileViewModel
+    extends BaseOngoingCallViewModel<DmOngoingCallTileViewSnapshot>
+    implements CommonOngoingCallTileViewAction
+{
+    public constructor(props: Props) {
+        const callType = getIntentFromEvent(props.mxEvent);
+        super(props, { callType });
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/RoomOngoingCallTileViewModel.test.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/RoomOngoingCallTileViewModel.test.ts
new file mode 100644
index 00000000000..505e34ccda6
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/RoomOngoingCallTileViewModel.test.ts
@@ -0,0 +1,86 @@
+/*
+ * 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.
+ */
+
+// @vitest-environment happy-dom
+
+import { it, describe, expect, vi } from "vitest";
+import { EventType, MatrixEventEvent } from "matrix-js-sdk/src/matrix";
+
+import { stubClient, TestSDKContext } from "../../../../../../../../test/test-utils";
+import {
+    getMockedMember,
+    getMockedRtcDeclineEvent,
+    getMockedRtcNotificationEvent,
+    MockedCall,
+    MockedCallStore,
+} from "../../call-mocks";
+import { RoomOngoingCallTileViewModel } from "./RoomOngoingCallTileViewModel";
+import { CallEvent } from "../../../../../../../models/Call";
+
+const roomId = "!my-room:m.org";
+
+describe("RoomOngoingCallTileViewModel", () => {
+    const sdkContext = new TestSDKContext();
+    const legacyCallHandler = sdkContext.legacyCallHandler;
+
+    describe("should compute the correct snapshot", () => {
+        it("totalParticipants", () => {
+            const cli = stubClient();
+
+            const mxEvent = getMockedRtcNotificationEvent("audio", 100, 100);
+            mxEvent.sender = getMockedMember(roomId, "@alice:m.org", "Alice");
+
+            const bob = getMockedMember(roomId, "@bob:m.org", "Bob");
+            const james = getMockedMember(roomId, "@james:m.org", "James");
+            const call = MockedCall.create().withParticipants([mxEvent.sender, bob, james]);
+            const callStore = MockedCallStore.create(call);
+            const vm = new RoomOngoingCallTileViewModel({ mxEvent, cli, callStore, roomId, legacyCallHandler });
+
+            // Call has 3 participants now
+            expect(vm.getSnapshot().totalParticipants).toStrictEqual(3);
+
+            // Peter also joins the call
+            const peter = getMockedMember(roomId, "@peter:m.org", "Peter");
+            call.withParticipants([mxEvent.sender, bob, james, peter]);
+            call.emit(CallEvent.Participants, call.participants, new Map());
+
+            // Now there should be 4 participants
+            expect(vm.getSnapshot().totalParticipants).toStrictEqual(4);
+        });
+
+        it("isCallIgnored", () => {
+            const cli = stubClient();
+            vi.spyOn(cli, "getUserId").mockReturnValue("@alice:m.org");
+            const getRelationsForEvent = vi.fn();
+
+            const mxEvent = getMockedRtcNotificationEvent("audio", 100, 100);
+            mxEvent.sender = getMockedMember(roomId, "@alice:m.org", "Alice");
+
+            const call = MockedCall.create().withParticipants([mxEvent.sender]);
+            const callStore = MockedCallStore.create(call);
+            const vm = new RoomOngoingCallTileViewModel({
+                mxEvent,
+                cli,
+                callStore,
+                roomId,
+                getRelationsForEvent,
+                legacyCallHandler,
+            });
+
+            // Call hasn't been ignored yet
+            expect(vm.getSnapshot().isCallIgnored).toStrictEqual(false);
+
+            // Ignore the call
+            const declineEvent = getMockedRtcDeclineEvent(mxEvent, "@alice:m.org");
+            getRelationsForEvent.mockReturnValue({ getRelations: () => [declineEvent] });
+            mxEvent.emit(MatrixEventEvent.RelationsCreated, "m.reference", EventType.RTCDecline);
+
+            // Call should be ignored
+            expect(vm.getSnapshot().isCallIgnored).toStrictEqual(true);
+        });
+    });
+});
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/RoomOngoingCallTileViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/RoomOngoingCallTileViewModel.ts
new file mode 100644
index 00000000000..315d71add54
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/RoomOngoingCallTileViewModel.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 {
+    type CommonOngoingCallTileViewAction,
+    type RoomOngoingCallTileViewSnapshot,
+} from "@element-hq/web-shared-components";
+import { MatrixEventEvent, type MatrixEvent, type RoomMember, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { type Props, BaseOngoingCallViewModel } from "./BaseOngoingCallTileViewModel";
+import { getDeclinedEvents } from "../../common";
+import { type GetRelationsForEvent } from "../../../../../../../components/views/rooms/EventTile";
+
+/**
+ * Check if this call is declined by our user.
+ */
+function isCallDeclinedByOwnUser(
+    notificationEvent: MatrixEvent,
+    getRelationsForEvent: GetRelationsForEvent | undefined,
+    cli: MatrixClient,
+): boolean {
+    const declinedEvents = getDeclinedEvents(notificationEvent, getRelationsForEvent);
+    const ownUserId = cli.getUserId();
+    return declinedEvents?.some((event) => event.getSender() === ownUserId) ?? false;
+}
+
+/**
+ * View model for an ongoing call in a non DM room.
+ */
+export class RoomOngoingCallTileViewModel
+    extends BaseOngoingCallViewModel<RoomOngoingCallTileViewSnapshot>
+    implements CommonOngoingCallTileViewAction
+{
+    public constructor(props: Props) {
+        // Get the call in the room
+        const call = props.callStore.getCall(props.roomId);
+        if (!call) {
+            throw new Error(`No call in room ${props.roomId}`);
+        }
+        const totalParticipants = call.participants.size;
+        const isCallDeclined = isCallDeclinedByOwnUser(props.mxEvent, props.getRelationsForEvent, props.cli);
+        super(props, { totalParticipants, isCallIgnored: isCallDeclined });
+
+        // When a relation is added to the event, recompute the state.
+        this.disposables.trackListener(props.mxEvent, MatrixEventEvent.RelationsCreated, () => {
+            this.onRelationsCreated();
+        });
+    }
+
+    /**
+     * Recompute the snapshot when a relation is added to the notification event.
+     * We do this so that we know if our user has declined (ignored) this call.
+     */
+    private onRelationsCreated(): void {
+        const isCallIgnored = isCallDeclinedByOwnUser(
+            this.props.mxEvent,
+            this.props.getRelationsForEvent,
+            this.props.cli,
+        );
+        this.snapshot.merge({ isCallIgnored });
+    }
+
+    protected onParticipantsChange(participants: Map<RoomMember, Set<string>>): void {
+        const totalParticipants = participants.size;
+        super.onParticipantsChange(participants, { totalParticipants });
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/components/DurationViewModel.test.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/components/DurationViewModel.test.ts
new file mode 100644
index 00000000000..316a3e8edb8
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/components/DurationViewModel.test.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.
+ */
+
+import { describe, it, beforeEach, afterEach, vi, expect } from "vitest";
+
+import { DurationViewModel } from "./DurationViewModel";
+
+describe("DurationViewModel", () => {
+    beforeEach(() => {
+        vi.useFakeTimers();
+    });
+
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    it("should compute duration correctly", () => {
+        const callStartTs = Date.now();
+        vi.advanceTimersByTime(100 * 1000);
+        const vm = new DurationViewModel({ callStartTs });
+
+        // Time elapsed from callStartTs is 100 seconds, so expect duration to be 100
+        expect(vm.getSnapshot().duration).toStrictEqual(100);
+
+        // Snapshot must update as time goes on
+        vi.advanceTimersByTime(100 * 1000);
+        expect(vm.getSnapshot().duration).toStrictEqual(200);
+    });
+});
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/components/DurationViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/components/DurationViewModel.ts
new file mode 100644
index 00000000000..2385ee6bfdc
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/ongoing/components/DurationViewModel.ts
@@ -0,0 +1,47 @@
+/*
+ * 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 DurationViewSnapshot } from "@element-hq/web-shared-components";
+
+interface Props {
+    /**
+     * The timestamp of when this call started.
+     */
+    callStartTs: number;
+}
+
+/**
+ * Get the duration of the call in seconds
+ * @param timestamp The timestamp at which the call started
+ */
+function getDurationInSeconds(timestamp: number): number {
+    const durationInMs = Date.now() - timestamp;
+    const durationInSeconds = Math.floor(durationInMs * 0.001);
+    return durationInSeconds;
+}
+
+/**
+ * View model for showing the duration of an ongoing call.
+ */
+export class DurationViewModel extends BaseViewModel<DurationViewSnapshot, Props> {
+    public constructor(props: Props) {
+        super(props, { duration: getDurationInSeconds(props.callStartTs) });
+        this.setupInterval();
+    }
+
+    /**
+     * Update the duration every second.
+     */
+    private setupInterval(): void {
+        const intervalRef = setInterval(() => {
+            this.snapshot.set({ duration: getDurationInSeconds(this.props.callStartTs) });
+        }, 1000);
+        this.disposables.track(() => {
+            clearInterval(intervalRef);
+        });
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/DmTombstoneCallTileViewModel.test.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/DmTombstoneCallTileViewModel.test.ts
new file mode 100644
index 00000000000..b6dde289798
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/DmTombstoneCallTileViewModel.test.ts
@@ -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.
+ */
+
+// @vitest-environment happy-dom
+
+import { it, describe, expect, vi } from "vitest";
+import { CallDirection, CallType } from "@element-hq/web-shared-components";
+import { EventType, MatrixEventEvent } from "matrix-js-sdk/src/matrix";
+
+import { getMockedRtcDeclineEvent, getMockedRtcNotificationEvent } from "../../call-mocks";
+import { formatTime } from "../../../../../../../DateUtils";
+import { DmTombstoneCallTileViewModel } from "./DmTombstoneCallTileViewModel";
+import { stubClient } from "../../../../../../../../test/test-utils";
+
+describe("DmTombstoneCallTileViewModel", () => {
+    it("should compute correct state on decline", () => {
+        const mxEvent = getMockedRtcNotificationEvent("video", 924285348000, 924285348000, "@alice:m.org");
+        const declineEvent = getMockedRtcDeclineEvent(mxEvent, "@alice:m.org");
+        const getRelationsForEvent = vi.fn();
+        const cli = stubClient();
+        const vm = new DmTombstoneCallTileViewModel({ mxEvent, getRelationsForEvent, cli });
+
+        // Without decline event, isCallDeclined = false
+        expect(vm.getSnapshot().isCallDeclined).toStrictEqual(false);
+
+        // Decline event comes through
+        getRelationsForEvent.mockReturnValue({
+            getRelations: () => [declineEvent],
+        });
+        mxEvent.emit(MatrixEventEvent.RelationsCreated, "m.reference", EventType.RTCDecline);
+
+        // Timestamp should be that of the decline event
+        expect(vm.getSnapshot().timestamp).toStrictEqual(formatTime(new Date(924285416000)));
+        // Call should be declined
+        expect(vm.getSnapshot().isCallDeclined).toStrictEqual(true);
+    });
+
+    it("should compute voice intent in state", () => {
+        const mxEvent = getMockedRtcNotificationEvent("audio", 1752583130365, 1752583130365);
+
+        const getRelationsForEvent = vi.fn();
+        const cli = stubClient();
+        const vm = new DmTombstoneCallTileViewModel({ mxEvent, cli, getRelationsForEvent });
+        const { type } = vm.getSnapshot();
+        expect(type).toStrictEqual(CallType.Voice);
+    });
+
+    it("should compute video intent in state", () => {
+        const mxEvent = getMockedRtcNotificationEvent("video", 1752583130365, 1752583130365);
+        const getRelationsForEvent = vi.fn();
+        const cli = stubClient();
+        const vm = new DmTombstoneCallTileViewModel({ mxEvent, cli, getRelationsForEvent });
+        const { type } = vm.getSnapshot();
+        expect(type).toStrictEqual(CallType.Video);
+    });
+
+    describe("should compute callDirection", () => {
+        it("for outgoing", () => {
+            const mxEvent = getMockedRtcNotificationEvent("video", 1752583130365, 1752583130365, "@alice:m.org");
+            const getRelationsForEvent = vi.fn();
+            const cli = stubClient();
+            vi.spyOn(cli, "getUserId").mockReturnValue("@alice:m.org");
+            const vm = new DmTombstoneCallTileViewModel({ mxEvent, cli, getRelationsForEvent });
+            expect(vm.getSnapshot().callDirection).toStrictEqual(CallDirection.Outgoing);
+        });
+
+        it("for incoming", () => {
+            const mxEvent = getMockedRtcNotificationEvent("video", 1752583130365, 1752583130365, "@bob:m.org");
+            const getRelationsForEvent = vi.fn();
+            const cli = stubClient();
+            vi.spyOn(cli, "getUserId").mockReturnValue("@alice:m.org");
+            const vm = new DmTombstoneCallTileViewModel({ mxEvent, cli, getRelationsForEvent });
+            expect(vm.getSnapshot().callDirection).toStrictEqual(CallDirection.Incoming);
+        });
+    });
+});
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/DmTombstoneCallTileViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/DmTombstoneCallTileViewModel.ts
new file mode 100644
index 00000000000..1f331b6f516
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/DmTombstoneCallTileViewModel.ts
@@ -0,0 +1,79 @@
+/*
+ * 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 { CallDirection, type DmTombstoneCallTileViewSnapshot } from "@element-hq/web-shared-components";
+import { type MatrixClient, type MatrixEvent, MatrixEventEvent } from "matrix-js-sdk/src/matrix";
+
+import SettingsStore from "../../../../../../../settings/SettingsStore";
+import type { GetRelationsForEvent } from "../../../../../../../components/views/rooms/EventTile";
+import { getTimeFromEvent } from "./common";
+import {
+    RoomTombstoneCallTileViewModel,
+    type RoomTombstoneCallTileViewModelProps,
+} from "./RoomTombstoneCallTileViewModel";
+import { getDeclinedEvents, getIntentFromEvent } from "../../common";
+
+export interface DmTombstoneCallTileViewModelProps extends RoomTombstoneCallTileViewModelProps {
+    /**
+     * Helper to fetch related events from a given event.
+     */
+    getRelationsForEvent?: GetRelationsForEvent;
+    /**
+     * The {@link MatrixClient} object to access js-sdk API.
+     */
+    cli: MatrixClient;
+}
+
+function generateSnapshot(props: DmTombstoneCallTileViewModelProps): {
+    snapshot: DmTombstoneCallTileViewSnapshot;
+    declineEvent: MatrixEvent | null;
+} {
+    const { mxEvent, getRelationsForEvent, cli } = props;
+    const type = getIntentFromEvent(mxEvent);
+
+    // Find the mx-id of the user who started this call
+    const startedUserId = mxEvent.getSender();
+    if (!startedUserId) {
+        throw new Error("RTCNotification event has no sender associated with it!");
+    }
+    const callDirection = cli.getUserId() === startedUserId ? CallDirection.Outgoing : CallDirection.Incoming;
+
+    const declineEvent = getDeclinedEvents(mxEvent, getRelationsForEvent)?.[0] ?? null;
+    const showTwelveHour = SettingsStore.getValue("showTwelveHourTimestamps");
+    const timestamp = getTimeFromEvent(declineEvent ?? mxEvent, showTwelveHour);
+    return { snapshot: { timestamp, type, callDirection, isCallDeclined: !!declineEvent }, declineEvent };
+}
+
+/**
+ * View model for a tombstone call in a DM.
+ */
+export class DmTombstoneCallTileViewModel extends RoomTombstoneCallTileViewModel<
+    DmTombstoneCallTileViewSnapshot,
+    DmTombstoneCallTileViewModelProps
+> {
+    /**
+     * The decline event associated with this call, if any.
+     */
+    private declineEvent: MatrixEvent | null;
+
+    public constructor(props: DmTombstoneCallTileViewModelProps) {
+        const { snapshot, declineEvent } = generateSnapshot(props);
+        super(props, snapshot);
+        this.declineEvent = declineEvent;
+
+        // When a relation is added to the event, recompute the state.
+        this.disposables.trackListener(props.mxEvent, MatrixEventEvent.RelationsCreated, () => {
+            const { declineEvent, snapshot } = generateSnapshot(props);
+            this.declineEvent = declineEvent;
+            this.snapshot.set(snapshot);
+        });
+    }
+
+    protected getTimestamp(showTwelveHour: boolean): string {
+        return getTimeFromEvent(this.declineEvent ?? this.props.mxEvent, showTwelveHour);
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/RoomTombstoneCallTileViewModel.test.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/RoomTombstoneCallTileViewModel.test.ts
new file mode 100644
index 00000000000..2271294400f
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/RoomTombstoneCallTileViewModel.test.ts
@@ -0,0 +1,46 @@
+/*
+ * 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.
+ */
+
+// @vitest-environment happy-dom
+
+import { it, describe, expect, vi } from "vitest";
+
+import { getMockedRtcNotificationEvent } from "../../call-mocks";
+import { RoomTombstoneCallTileViewModel } from "./RoomTombstoneCallTileViewModel";
+import SettingsStore from "../../../../../../../settings/SettingsStore";
+import { SettingLevel } from "../../../../../../../settings/SettingLevel";
+import { formatTime } from "../../../../../../../DateUtils";
+
+describe("RoomTombstoneCallTileViewModel", () => {
+    it("should compute timestamp correctly", () => {
+        const mxEvent = getMockedRtcNotificationEvent("video", 924285348000, 924285348000);
+        const vm = new RoomTombstoneCallTileViewModel({ mxEvent });
+        expect(vm.getSnapshot().timestamp).toStrictEqual(formatTime(new Date(924285348000)));
+    });
+
+    it("should calculate time string correctly when configured to use 12 hour format", async () => {
+        const mxEvent = getMockedRtcNotificationEvent("video", 924285348000, 924285348000);
+        await SettingsStore.setValue("showTwelveHourTimestamps", null, SettingLevel.DEVICE, true);
+        const vm = new RoomTombstoneCallTileViewModel({ mxEvent });
+        const { timestamp } = vm.getSnapshot();
+
+        expect(timestamp).toStrictEqual(formatTime(new Date(924285348000), true));
+        SettingsStore.reset();
+    });
+
+    it("should change timestamp format when setting is modified", async () => {
+        await SettingsStore.setValue("showTwelveHourTimestamps", null, SettingLevel.DEVICE, false);
+        const mxEvent = getMockedRtcNotificationEvent("video", 924285348000, 924285348000);
+        const vm = new RoomTombstoneCallTileViewModel({ mxEvent });
+        expect(vm.getSnapshot().timestamp).toStrictEqual(formatTime(new Date(924285348000)));
+        await SettingsStore.setValue("showTwelveHourTimestamps", null, SettingLevel.DEVICE, true);
+        await vi.waitFor(() => {
+            expect(vm.getSnapshot().timestamp).toStrictEqual(formatTime(new Date(924285348000), true));
+        });
+        SettingsStore.reset();
+    });
+});
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/RoomTombstoneCallTileViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/RoomTombstoneCallTileViewModel.ts
new file mode 100644
index 00000000000..eda4a3b9a8f
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/RoomTombstoneCallTileViewModel.ts
@@ -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 { BaseViewModel, type RoomTombstoneCallTileViewSnapshot } from "@element-hq/web-shared-components";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import SettingsStore from "../../../../../../../settings/SettingsStore";
+import defaultDispatcher from "../../../../../../../dispatcher/dispatcher";
+import type { SettingUpdatedPayload } from "../../../../../../../dispatcher/payloads/SettingUpdatedPayload";
+import type { ActionPayload } from "../../../../../../../dispatcher/payloads";
+import { Action } from "../../../../../../../dispatcher/actions";
+import type { GetRelationsForEvent } from "../../../../../../../components/views/rooms/EventTile";
+import { getTimeFromEvent } from "./common";
+
+export interface RoomTombstoneCallTileViewModelProps {
+    /**
+     * Event of type `org.matrix.msc4075.rtc.notification`.
+     */
+    mxEvent: MatrixEvent;
+    /**
+     * Helper to fetch related events from a given event.
+     */
+    getRelationsForEvent?: GetRelationsForEvent;
+}
+
+function generateSnapshot(event: MatrixEvent): RoomTombstoneCallTileViewSnapshot {
+    const showTwelveHour = SettingsStore.getValue("showTwelveHourTimestamps");
+    const timestamp = getTimeFromEvent(event, showTwelveHour);
+    return { timestamp };
+}
+
+function isSettingsChangedPayload(payload: ActionPayload): payload is SettingUpdatedPayload {
+    return payload.action === Action.SettingUpdated;
+}
+
+/**
+ * View model for a tombstone call in a room.
+ */
+export class RoomTombstoneCallTileViewModel<
+    T extends RoomTombstoneCallTileViewSnapshot = RoomTombstoneCallTileViewSnapshot,
+    P extends RoomTombstoneCallTileViewModelProps = RoomTombstoneCallTileViewModelProps,
+> extends BaseViewModel<T, P> {
+    public constructor(props: P, extraSnapshot: Partial<T> = {}) {
+        const snapshot = { ...generateSnapshot(props.mxEvent), ...extraSnapshot };
+        super(props, snapshot as T);
+
+        // Listen to the changes on settings so that we can update the timestamp format (12H vs 24H).
+        SettingsStore.monitorSetting("showTwelveHourTimestamps", null);
+        const token = defaultDispatcher.register(this.onAction);
+        this.disposables.track(() => {
+            defaultDispatcher.unregister(token);
+        });
+    }
+
+    private onAction = (payload: ActionPayload): void => {
+        if (!isSettingsChangedPayload(payload) || payload.settingName !== "showTwelveHourTimestamps") return;
+        const showTwelveHour = (payload.newValue as boolean) ?? false;
+        const timestamp = this.getTimestamp(showTwelveHour);
+        this.snapshot.merge({ timestamp } as Partial<T>);
+    };
+
+    protected getTimestamp(showTwelveHour: boolean): string {
+        return getTimeFromEvent(this.props.mxEvent, showTwelveHour);
+    }
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/common.ts b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/common.ts
new file mode 100644
index 00000000000..8ab63b61325
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/call/tiles/tombstone/common.ts
@@ -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 { EventType, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { type IRTCNotificationContent } from "matrix-js-sdk/src/matrixrtc";
+
+import { formatTime } from "../../../../../../../DateUtils";
+
+function getTs(event: MatrixEvent): number {
+    if (event.getType() === EventType.RTCNotification) {
+        /**
+         * According to the spec:
+         * Receivers SHOULD use origin_server_ts if |sender_ts - origin_server_ts| > 20000 ms.
+         */
+        const content = event.getContent<IRTCNotificationContent>();
+        const senderTs = content["sender_ts"];
+        const originServerTs = event.getTs();
+        const ts = Math.abs(senderTs - originServerTs) > 20000 ? originServerTs : senderTs;
+        return ts;
+    } else return event.getTs();
+}
+
+/**
+ * Get the time at which a call took place from a given rtc notification event.
+ * @param event The notification event
+ * @param showTwelveHour Whether the time is to be shown in 12 hour format
+ * @returns A formatted time string
+ */
+export function getTimeFromEvent(event: MatrixEvent, showTwelveHour: boolean): string {
+    const ts = getTs(event);
+    const date = new Date(ts);
+    const timestamp = formatTime(date, showTwelveHour);
+    return timestamp;
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/reactions/EventTileReactionState.ts b/apps/web/src/viewmodels/room/timeline/event-tile/reactions/EventTileReactionState.ts
new file mode 100644
index 00000000000..f477614b23a
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/reactions/EventTileReactionState.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 { EventType, type MatrixEvent, type Relations, type RelationType } from "matrix-js-sdk/src/matrix";
+
+/** Looks up relations for an event by relation and event type. */
+export type GetRelationsForEvent = (
+    eventId: string,
+    relationType: RelationType | string,
+    eventType: EventType | string,
+) => Relations | null | undefined;
+
+/** Inputs for fetching EventTile reaction relations. */
+export interface EventTileReactionRelationsInput {
+    /** Matrix event rendered by the tile. */
+    mxEvent: MatrixEvent;
+    /** Whether reactions are enabled for the tile. */
+    showReactions?: boolean;
+    /** Relation lookup function supplied by the timeline. */
+    getRelationsForEvent?: GetRelationsForEvent;
+}
+
+/** Relation type used for EventTile reaction annotations. */
+export const EVENT_TILE_REACTION_RELATION_TYPE = "m.annotation";
+
+/** Event type used for EventTile reaction annotations. */
+export const EVENT_TILE_REACTION_EVENT_TYPE = EventType.Reaction;
+
+/** Whether a created relation event should refresh EventTile reactions. */
+export function isEventTileReactionRelation(relationType: string, eventType: string): boolean {
+    return relationType === EVENT_TILE_REACTION_RELATION_TYPE && eventType === EVENT_TILE_REACTION_EVENT_TYPE;
+}
+
+/** Fetches reaction relations for EventTile when reactions are enabled. */
+export function getEventTileReactionRelations({
+    mxEvent,
+    showReactions,
+    getRelationsForEvent,
+}: EventTileReactionRelationsInput): Relations | null {
+    if (!showReactions || !getRelationsForEvent) {
+        return null;
+    }
+
+    return (
+        getRelationsForEvent(mxEvent.getId()!, EVENT_TILE_REACTION_RELATION_TYPE, EVENT_TILE_REACTION_EVENT_TYPE) ??
+        null
+    );
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/reactions/ReactionsRowButtonTooltipViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/reactions/ReactionsRowButtonTooltipViewModel.ts
new file mode 100644
index 00000000000..5f60389b2ad
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/reactions/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 "./reactionShortcode";
+
+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/apps/web/src/viewmodels/room/timeline/event-tile/reactions/ReactionsRowButtonViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/reactions/ReactionsRowButtonViewModel.ts
new file mode 100644
index 00000000000..591a9073c73
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/reactions/ReactionsRowButtonViewModel.ts
@@ -0,0 +1,211 @@
+/*
+ * 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 { EventType, type MatrixClient, type MatrixEvent, RelationType } from "matrix-js-sdk/src/matrix";
+import {
+    BaseViewModel,
+    type ReactionsRowButtonViewSnapshot,
+    type ReactionsRowButtonViewModel as ReactionsRowButtonViewModelInterface,
+} 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 { ReactionsRowButtonTooltipViewModel } from "./ReactionsRowButtonTooltipViewModel";
+import { REACTION_SHORTCODE_KEY } from "./reactionShortcode";
+
+export interface ReactionsRowButtonViewModelProps {
+    /**
+     * The Matrix client instance.
+     */
+    client: MatrixClient;
+    /**
+     * The event we're displaying reactions for.
+     */
+    mxEvent: MatrixEvent;
+    /**
+     * The reaction content / key / emoji.
+     */
+    content: string;
+    /**
+     * The count of votes for this key.
+     */
+    count: number;
+    /**
+     * The CSS class name.
+     */
+    className?: string;
+    /**
+     * A list of Matrix reaction events for this key.
+     */
+    reactionEvents: MatrixEvent[];
+    /**
+     * A possible Matrix event if the current user has voted for this type.
+     */
+    myReactionEvent?: MatrixEvent;
+    /**
+     * Whether to prevent quick-reactions by clicking on this reaction.
+     */
+    disabled?: boolean;
+    /**
+     * Whether to render custom image reactions.
+     */
+    customReactionImagesEnabled?: boolean;
+}
+
+export class ReactionsRowButtonViewModel
+    extends BaseViewModel<ReactionsRowButtonViewSnapshot, ReactionsRowButtonViewModelProps>
+    implements ReactionsRowButtonViewModelInterface
+{
+    private readonly tooltipVm: ReactionsRowButtonTooltipViewModel;
+    private static readonly getAriaLabel = (snapshot: ReactionsRowButtonViewSnapshot): string | undefined =>
+        (snapshot as ReactionsRowButtonViewSnapshot & { ariaLabel?: string }).ariaLabel;
+
+    private static readonly computeSnapshot = (
+        props: ReactionsRowButtonViewModelProps,
+        tooltipVm: ReactionsRowButtonTooltipViewModel,
+    ): ReactionsRowButtonViewSnapshot => {
+        const {
+            client,
+            mxEvent,
+            content,
+            count,
+            className,
+            reactionEvents,
+            myReactionEvent,
+            disabled,
+            customReactionImagesEnabled,
+        } = props;
+
+        const room = client.getRoom(mxEvent.getRoomId());
+        let ariaLabel: string | undefined;
+        let customReactionName: string | undefined;
+
+        if (room) {
+            const senders: string[] = [];
+            for (const reactionEvent of reactionEvents) {
+                const member = room.getMember(reactionEvent.getSender()!);
+                senders.push(member?.name || reactionEvent.getSender()!);
+                customReactionName =
+                    (customReactionImagesEnabled && REACTION_SHORTCODE_KEY.findIn(reactionEvent.getContent())) ||
+                    undefined;
+            }
+
+            const reactors = formatList(senders, 6);
+            if (content) {
+                ariaLabel = _t("timeline|reactions|label", {
+                    reactors,
+                    content: customReactionName || content,
+                });
+            } else {
+                ariaLabel = reactors;
+            }
+        }
+
+        let imageSrc: string | undefined;
+        let imageAlt: string | undefined;
+        if (customReactionImagesEnabled && content.startsWith("mxc://")) {
+            const resolved = mediaFromMxc(content).srcHttp;
+            if (resolved) {
+                imageSrc = resolved;
+                imageAlt = customReactionName || _t("timeline|reactions|custom_reaction_fallback_label");
+            }
+        }
+
+        const snapshot = {
+            content,
+            count,
+            className,
+            ariaLabel,
+            isSelected: !!myReactionEvent,
+            isDisabled: !!disabled,
+            imageSrc,
+            imageAlt,
+            tooltipVm,
+        };
+
+        return snapshot;
+    };
+
+    public constructor(props: ReactionsRowButtonViewModelProps) {
+        const tooltipVm = new ReactionsRowButtonTooltipViewModel({
+            client: props.client,
+            mxEvent: props.mxEvent,
+            content: props.content,
+            reactionEvents: props.reactionEvents,
+            customReactionImagesEnabled: props.customReactionImagesEnabled,
+        });
+        super(props, ReactionsRowButtonViewModel.computeSnapshot(props, tooltipVm));
+        this.tooltipVm = tooltipVm;
+        this.disposables.track(tooltipVm);
+    }
+
+    private setSnapshot(nextSnapshot: ReactionsRowButtonViewSnapshot): void {
+        const currentSnapshot = this.snapshot.current;
+
+        if (
+            nextSnapshot.content === currentSnapshot.content &&
+            nextSnapshot.count === currentSnapshot.count &&
+            ReactionsRowButtonViewModel.getAriaLabel(nextSnapshot) ===
+                ReactionsRowButtonViewModel.getAriaLabel(currentSnapshot) &&
+            nextSnapshot.isSelected === currentSnapshot.isSelected &&
+            nextSnapshot.isDisabled === currentSnapshot.isDisabled &&
+            nextSnapshot.imageSrc === currentSnapshot.imageSrc &&
+            nextSnapshot.imageAlt === currentSnapshot.imageAlt
+        ) {
+            return;
+        }
+
+        this.snapshot.set(nextSnapshot);
+    }
+
+    public setReactionData(
+        content: string,
+        reactionEvents: MatrixEvent[],
+        customReactionImagesEnabled?: boolean,
+    ): void {
+        this.props = { ...this.props, content, reactionEvents, customReactionImagesEnabled };
+
+        this.tooltipVm.setProps({ content, reactionEvents, customReactionImagesEnabled });
+        this.setSnapshot(ReactionsRowButtonViewModel.computeSnapshot(this.props, this.tooltipVm));
+    }
+
+    public setCount(count: number): void {
+        this.props = { ...this.props, count };
+        this.snapshot.merge({ count });
+    }
+
+    public setMyReactionEvent(myReactionEvent?: MatrixEvent): void {
+        this.props = { ...this.props, myReactionEvent };
+        this.snapshot.merge({ isSelected: !!myReactionEvent });
+    }
+
+    public setDisabled(disabled?: boolean): void {
+        this.props = { ...this.props, disabled };
+        this.snapshot.merge({ isDisabled: !!disabled });
+    }
+
+    public onClick = (): void => {
+        const { client, mxEvent, myReactionEvent, content, disabled } = this.props;
+        if (disabled) return;
+
+        if (myReactionEvent) {
+            client.redactEvent(mxEvent.getRoomId()!, myReactionEvent.getId()!);
+            return;
+        }
+
+        client.sendEvent(mxEvent.getRoomId()!, EventType.Reaction, {
+            "m.relates_to": {
+                rel_type: RelationType.Annotation,
+                event_id: mxEvent.getId()!,
+                key: content,
+            },
+        });
+        dis.dispatch({ action: "message_sent" });
+    };
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/reactions/ReactionsRowViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/reactions/ReactionsRowViewModel.ts
new file mode 100644
index 00000000000..8df8b2ab434
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/reactions/ReactionsRowViewModel.ts
@@ -0,0 +1,152 @@
+/*
+ * 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 MouseEvent, type MouseEventHandler } from "react";
+import {
+    BaseViewModel,
+    type ReactionsRowViewSnapshot,
+    type ReactionsRowViewModel as ReactionsRowViewModelInterface,
+} from "@element-hq/web-shared-components";
+
+import { _t } from "../../../../../languageHandler";
+
+export const MAX_ITEMS_WHEN_LIMITED = 8;
+
+export interface ReactionsRowViewModelProps {
+    /**
+     * Whether the current event is actionable for reactions.
+     */
+    isActionable: boolean;
+    /**
+     * Number of reaction keys with at least one event.
+     */
+    reactionGroupCount: number;
+    /**
+     * Whether the current user can add reactions.
+     */
+    canReact: boolean;
+    /**
+     * Whether the add-reaction context menu is currently open.
+     */
+    addReactionButtonActive?: boolean;
+    /**
+     * Optional callback invoked when the add-reaction button is clicked.
+     */
+    onAddReactionClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Optional callback invoked on add-reaction button context-menu.
+     */
+    onAddReactionContextMenu?: MouseEventHandler<HTMLButtonElement>;
+}
+
+interface InternalProps extends ReactionsRowViewModelProps {
+    showAll: boolean;
+}
+
+export class ReactionsRowViewModel
+    extends BaseViewModel<ReactionsRowViewSnapshot, InternalProps>
+    implements ReactionsRowViewModelInterface
+{
+    private static readonly computeDerivedSnapshot = (
+        props: InternalProps,
+    ): Pick<
+        ReactionsRowViewSnapshot,
+        "isVisible" | "showAllButtonVisible" | "showAddReactionButton" | "addReactionButtonActive"
+    > => ({
+        isVisible: props.isActionable && props.reactionGroupCount > 0,
+        showAllButtonVisible: props.reactionGroupCount > MAX_ITEMS_WHEN_LIMITED + 1 && !props.showAll,
+        showAddReactionButton: props.canReact,
+        addReactionButtonActive: !!props.addReactionButtonActive,
+    });
+
+    private static readonly computeSnapshot = (props: InternalProps): ReactionsRowViewSnapshot => ({
+        ariaLabel: _t("common|reactions"),
+        showAllButtonLabel: _t("action|show_all"),
+        addReactionButtonLabel: _t("timeline|reactions|add_reaction_prompt"),
+        addReactionButtonVisible: false,
+        ...ReactionsRowViewModel.computeDerivedSnapshot(props),
+    });
+
+    public constructor(props: ReactionsRowViewModelProps) {
+        const internalProps: InternalProps = {
+            ...props,
+            showAll: false,
+        };
+        super(internalProps, ReactionsRowViewModel.computeSnapshot(internalProps));
+    }
+
+    public setActionable(isActionable: boolean): void {
+        this.props = {
+            ...this.props,
+            isActionable,
+        };
+
+        const isVisible = this.props.isActionable && this.props.reactionGroupCount > 0;
+
+        this.snapshot.merge({ isVisible });
+    }
+
+    public setReactionGroupCount(reactionGroupCount: number): void {
+        this.props = {
+            ...this.props,
+            reactionGroupCount,
+        };
+
+        const nextIsVisible = this.props.isActionable && this.props.reactionGroupCount > 0;
+        const nextShowAllButtonVisible =
+            this.props.reactionGroupCount > MAX_ITEMS_WHEN_LIMITED + 1 && !this.props.showAll;
+        this.snapshot.merge({
+            isVisible: nextIsVisible,
+            showAllButtonVisible: nextShowAllButtonVisible,
+        });
+    }
+
+    public setCanReact(canReact: boolean): void {
+        this.props = {
+            ...this.props,
+            canReact,
+        };
+
+        this.snapshot.merge({ showAddReactionButton: canReact });
+    }
+
+    public setAddReactionButtonActive(addReactionButtonActive: boolean): void {
+        this.props = {
+            ...this.props,
+            addReactionButtonActive,
+        };
+
+        this.snapshot.merge({ addReactionButtonActive });
+    }
+
+    public setAddReactionHandlers({
+        onAddReactionClick,
+        onAddReactionContextMenu,
+    }: Pick<ReactionsRowViewModelProps, "onAddReactionClick" | "onAddReactionContextMenu">): void {
+        this.props = {
+            ...this.props,
+            onAddReactionClick,
+            onAddReactionContextMenu,
+        };
+    }
+
+    public onShowAllClick = (): void => {
+        this.props = {
+            ...this.props,
+            showAll: true,
+        };
+        this.snapshot.merge({ showAllButtonVisible: false });
+    };
+
+    public onAddReactionClick = (event: MouseEvent<HTMLButtonElement>): void => {
+        this.props.onAddReactionClick?.(event);
+    };
+
+    public onAddReactionContextMenu = (event: MouseEvent<HTMLButtonElement>): void => {
+        this.props.onAddReactionContextMenu?.(event);
+    };
+}
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/reactions/reactionShortcode.ts b/apps/web/src/viewmodels/room/timeline/event-tile/reactions/reactionShortcode.ts
new file mode 100644
index 00000000000..ad905375063
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/reactions/reactionShortcode.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.
+ */
+
+import { UnstableValue } from "matrix-js-sdk/src/NamespacedValue";
+
+export const REACTION_SHORTCODE_KEY = new UnstableValue("shortcode", "com.beeper.reaction.shortcode");
diff --git a/apps/web/src/viewmodels/room/timeline/event-tile/timestamp/MessageTimestampViewModel.ts b/apps/web/src/viewmodels/room/timeline/event-tile/timestamp/MessageTimestampViewModel.ts
new file mode 100644
index 00000000000..2d5a8e24866
--- /dev/null
+++ b/apps/web/src/viewmodels/room/timeline/event-tile/timestamp/MessageTimestampViewModel.ts
@@ -0,0 +1,127 @@
+/*
+ * 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 MouseEventHandler } from "react";
+import {
+    BaseViewModel,
+    type MessageTimestampViewSnapshot as MessageTimestampViewSnapshotInterface,
+    type MessageTimestampViewModel as MessageTimestampViewModelInterface,
+} from "@element-hq/web-shared-components";
+
+import { formatFullDate, formatTime, formatFullTime, formatRelativeTime } from "../../../../../DateUtils";
+import { objectHasDiff } from "../../../../../utils/objects";
+
+export interface MessageTimestampViewModelProps {
+    /**
+     * Message timestamp in milliseconds since the Unix epoch.
+     */
+    ts: number;
+    /**
+     * If specified will render both the sent-at and received-at timestamps in the tooltip
+     */
+    receivedTs?: number;
+    /**
+     * If set, use a 12-hour clock for formatted times.
+     */
+    showTwelveHour?: boolean;
+    /**
+     * If set, include the full date in the displayed timestamp.
+     */
+    showFullDate?: boolean;
+    /**
+     * If set, include seconds in the displayed timestamp.
+     */
+    showSeconds?: boolean;
+    /**
+     * If set, display a relative timestamp (e.g. "5 minutes ago").
+     */
+    showRelative?: boolean;
+    /**
+     * If set to true then no tooltip will be shown
+     */
+    inhibitTooltip?: boolean;
+    /**
+     * If specified, will be rendered as an anchor bearing the href, a `span` element will be used otherwise
+     */
+    href?: string;
+    /**
+     * Optional onClick handler to attach to the DOM element
+     */
+    onClick?: MouseEventHandler<HTMLElement>;
+    /**
+     * Optional onContextMenu handler to attach to the DOM element
+     */
+    onContextMenu?: MouseEventHandler<HTMLElement>;
+}
+
+/**
+ * ViewModel for the message timestamp, providing the current state of the component.
+ */
+export class MessageTimestampViewModel
+    extends BaseViewModel<MessageTimestampViewSnapshotInterface, MessageTimestampViewModelProps>
+    implements MessageTimestampViewModelInterface
+{
+    public onClick?: MouseEventHandler<HTMLElement>;
+    public onContextMenu?: MouseEventHandler<HTMLElement>;
+
+    private static readonly computeSnapshot = (
+        props: MessageTimestampViewModelProps,
+    ): MessageTimestampViewSnapshotInterface => {
+        const date = new Date(props.ts);
+        const sentAt = formatFullDate(date, props.showTwelveHour);
+
+        let timestamp: string;
+        if (props.showRelative) {
+            timestamp = formatRelativeTime(date, props.showTwelveHour);
+        } else if (props.showFullDate) {
+            timestamp = formatFullDate(date, props.showTwelveHour, props.showSeconds);
+        } else if (props.showSeconds) {
+            timestamp = formatFullTime(date, props.showTwelveHour);
+        } else {
+            timestamp = formatTime(date, props.showTwelveHour);
+        }
+
+        let receivedAt: string | undefined;
+        if (props.receivedTs !== undefined) {
+            const receivedDate = new Date(props.receivedTs);
+            receivedAt = formatFullDate(receivedDate, props.showTwelveHour);
+        }
+
+        return {
+            ts: timestamp,
+            tsSentAt: sentAt,
+            tsReceivedAt: receivedAt,
+            inhibitTooltip: props.inhibitTooltip,
+            href: props.href,
+        };
+    };
+
+    private replaceProps(nextProps: MessageTimestampViewModelProps): void {
+        if (!objectHasDiff(this.props, nextProps)) return;
+
+        this.props = nextProps;
+        this.onClick = this.props.onClick;
+        this.onContextMenu = this.props.onContextMenu;
+        this.snapshot.set(MessageTimestampViewModel.computeSnapshot(this.props));
+    }
+
+    /**
+     * Create a timestamp view model with initial props and snapshot.
+     */
+    public constructor(props: MessageTimestampViewModelProps) {
+        super(props, MessageTimestampViewModel.computeSnapshot(props));
+        this.onClick = props.onClick;
+        this.onContextMenu = props.onContextMenu;
+    }
+
+    /**
+     * Replace all timestamp props in one update.
+     */
+    public setProps(props: MessageTimestampViewModelProps): void {
+        this.replaceProps(props);
+    }
+}
diff --git a/apps/web/src/viewmodels/status/SetStatusViewModel.test.ts b/apps/web/src/viewmodels/status/SetStatusViewModel.test.ts
new file mode 100644
index 00000000000..2b6ebeafbba
--- /dev/null
+++ b/apps/web/src/viewmodels/status/SetStatusViewModel.test.ts
@@ -0,0 +1,217 @@
+// @vitest-environment happy-dom
+
+/*
+ * 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 { waitFor } from "test-utils-rtl";
+import { vi, describe, it, expect, beforeEach, afterEach, type MockInstance, type MockedObject } from "vitest";
+
+import { SetStatusViewModel, UserMenuSetStatusViewModel } from "./SetStatusViewModel";
+import {
+    getMockClientWithEventEmitter,
+    MockEventEmitter,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+} from "../../../test/test-utils";
+import type { UserStatus as MatrixUserStatus } from "@element-hq/web-shared-components";
+import dis from "../../dispatcher/dispatcher";
+import { Action } from "../../dispatcher/actions";
+import { UserTab } from "../../components/views/dialogs/UserTab";
+import { OwnProfileStore } from "../../stores/OwnProfileStore";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+
+const STATUS: MatrixUserStatus = { emoji: "🧪", text: "Testing" };
+
+describe("SetStatusViewModel", () => {
+    let client: MockedObject<MatrixClient>;
+    let mockOwnProfileStoreInstance: MockEventEmitter<OwnProfileStore> & OwnProfileStore;
+
+    beforeEach(() => {
+        mockOwnProfileStoreInstance = new MockEventEmitter<OwnProfileStore>({
+            userStatus: undefined,
+        }) as unknown as MockEventEmitter<OwnProfileStore> & OwnProfileStore;
+
+        client = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(),
+            ...mockClientMethodsServer(),
+            getExtendedProfileProperty: vi.fn().mockResolvedValue(undefined),
+            setExtendedProfileProperty: vi.fn().mockResolvedValue(undefined),
+        });
+        vi.mocked(mockOwnProfileStoreInstance).userStatus = undefined;
+    });
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("initialises snapshot from OwnProfileStore userStatus", () => {
+        vi.mocked(mockOwnProfileStoreInstance).userStatus = STATUS;
+        const vm = new SetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+        expect(vm.getSnapshot().userStatus).toEqual(STATUS);
+    });
+
+    it("initialises snapshot with undefined when no status is set", () => {
+        const vm = new SetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+        expect(vm.getSnapshot().userStatus).toBeUndefined();
+    });
+
+    it("updates the snapshot when OwnProfileStore emits an update", () => {
+        const vm = new SetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+        expect(vm.getSnapshot().userStatus).toBeUndefined();
+
+        vi.mocked(mockOwnProfileStoreInstance).userStatus = STATUS;
+        mockOwnProfileStoreInstance.emit(UPDATE_EVENT);
+
+        expect(vm.getSnapshot().userStatus).toEqual(STATUS);
+    });
+
+    it("stops listening to OwnProfileStore once disposed", () => {
+        const vm = new SetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+        vm.dispose();
+
+        vi.mocked(mockOwnProfileStoreInstance).userStatus = STATUS;
+        mockOwnProfileStoreInstance.emit(UPDATE_EVENT);
+
+        expect(vm.getSnapshot().userStatus).toBeUndefined();
+    });
+
+    describe("setStatus", () => {
+        it("optimistically updates the snapshot", () => {
+            const vm = new SetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+            vm.setStatus(STATUS);
+            expect(vm.getSnapshot().userStatus).toEqual(STATUS);
+        });
+
+        it("calls setExtendedProfileProperty with the new status", async () => {
+            const vm = new SetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+            vm.setStatus(STATUS);
+            await waitFor(() =>
+                expect(client.setExtendedProfileProperty).toHaveBeenCalledWith("org.matrix.msc4426.status", {
+                    emoji: STATUS.emoji,
+                    text: STATUS.text,
+                }),
+            );
+        });
+
+        it("notifies subscribers of the update", () => {
+            const vm = new SetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+            const subscriber = vi.fn();
+            vm.subscribe(subscriber);
+            vm.setStatus(STATUS);
+            expect(subscriber).toHaveBeenCalledTimes(1);
+        });
+
+        it("rolls back the snapshot on failure", async () => {
+            vi.mocked(mockOwnProfileStoreInstance).userStatus = STATUS;
+            client.setExtendedProfileProperty.mockRejectedValue(new Error("network error"));
+            const vm = new SetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+
+            const newStatus = { emoji: "🦎", text: "Gecko" };
+            vm.setStatus(newStatus);
+            expect(vm.getSnapshot().userStatus).toEqual(newStatus);
+
+            await waitFor(() => expect(vm.getSnapshot().userStatus).toEqual(STATUS));
+        });
+    });
+
+    describe("clearStatus", () => {
+        it("optimistically clears the snapshot", () => {
+            vi.mocked(mockOwnProfileStoreInstance).userStatus = STATUS;
+            const vm = new SetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+            vm.clearStatus();
+            expect(vm.getSnapshot().userStatus).toBeUndefined();
+        });
+
+        it("calls setExtendedProfileProperty with null", async () => {
+            client.getExtendedProfileProperty.mockResolvedValue(STATUS);
+            const vm = new SetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+            vm.clearStatus();
+            await waitFor(() =>
+                expect(client.setExtendedProfileProperty).toHaveBeenCalledWith("org.matrix.msc4426.status", null),
+            );
+        });
+
+        it("notifies subscribers of the update", () => {
+            vi.mocked(mockOwnProfileStoreInstance).userStatus = STATUS;
+            const vm = new SetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+            const subscriber = vi.fn();
+            vm.subscribe(subscriber);
+            vm.clearStatus();
+            expect(subscriber).toHaveBeenCalledTimes(1);
+        });
+
+        it("rolls back the snapshot on failure", async () => {
+            vi.mocked(mockOwnProfileStoreInstance).userStatus = STATUS;
+            client.getExtendedProfileProperty.mockResolvedValue(STATUS);
+            client.setExtendedProfileProperty.mockRejectedValue(new Error("network error"));
+            const vm = new SetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+            vm.clearStatus();
+            expect(vm.getSnapshot().userStatus).toBeUndefined();
+
+            await waitFor(() => expect(vm.getSnapshot().userStatus).toEqual(STATUS));
+        });
+    });
+});
+
+describe("UserMenuSetStatusViewModel", () => {
+    let client: MockedObject<MatrixClient>;
+    let dispatchSpy: MockInstance;
+    let mockOwnProfileStoreInstance: MockEventEmitter<OwnProfileStore> & OwnProfileStore;
+
+    beforeEach(() => {
+        mockOwnProfileStoreInstance = new MockEventEmitter<OwnProfileStore>({
+            userStatus: undefined,
+        }) as unknown as MockEventEmitter<OwnProfileStore> & OwnProfileStore;
+        vi.spyOn(OwnProfileStore, "instance", "get").mockReturnValue(mockOwnProfileStoreInstance);
+
+        client = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(),
+            ...mockClientMethodsServer(),
+            getExtendedProfileProperty: vi.fn().mockResolvedValue(undefined),
+            setExtendedProfileProperty: vi.fn().mockResolvedValue(undefined),
+        });
+        vi.mocked(mockOwnProfileStoreInstance).userStatus = undefined;
+        dispatchSpy = vi.spyOn(dis, "dispatch").mockImplementation(() => {});
+    });
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("dispatches ToggleUserMenu and ViewUserSettings on onSetStatusClick", async () => {
+        const vm = new UserMenuSetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+        vm.onSetStatusClick();
+        await waitFor(() => {
+            expect(dispatchSpy).toHaveBeenCalledWith({ action: Action.ToggleUserMenu });
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: Action.ViewUserSettings,
+                initialTabId: UserTab.Account,
+            });
+        });
+    });
+
+    it("inherits setStatus from SetStatusViewModel", async () => {
+        const vm = new UserMenuSetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+        vm.setStatus(STATUS);
+        await waitFor(() =>
+            expect(client.setExtendedProfileProperty).toHaveBeenCalledWith("org.matrix.msc4426.status", {
+                emoji: STATUS.emoji,
+                text: STATUS.text,
+            }),
+        );
+    });
+
+    it("inherits clearStatus from SetStatusViewModel", async () => {
+        client.getExtendedProfileProperty.mockResolvedValue(STATUS);
+        const vm = new UserMenuSetStatusViewModel({ client, ownProfileStore: mockOwnProfileStoreInstance });
+        vm.clearStatus();
+        await waitFor(() =>
+            expect(client.setExtendedProfileProperty).toHaveBeenCalledWith("org.matrix.msc4426.status", null),
+        );
+    });
+});
diff --git a/apps/web/src/viewmodels/status/SetStatusViewModel.ts b/apps/web/src/viewmodels/status/SetStatusViewModel.ts
new file mode 100644
index 00000000000..a285dcfb51b
--- /dev/null
+++ b/apps/web/src/viewmodels/status/SetStatusViewModel.ts
@@ -0,0 +1,86 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+import {
+    BaseViewModel,
+    type SetStatusViewSnapshot,
+    type SetStatusViewActions,
+    type UserStatus,
+} from "@element-hq/web-shared-components";
+
+import { clearAllUserStatus, setUserStatus } from "../../utils/userStatus";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+import dis from "../../dispatcher/dispatcher";
+import { UserTab } from "../../components/views/dialogs/UserTab";
+import { Action } from "../../dispatcher/actions";
+import { type OwnProfileStore } from "../../stores/OwnProfileStore";
+
+export interface SetStatusViewModelProps {
+    /**
+     * The Matrix client instance.
+     */
+    client: MatrixClient;
+    ownProfileStore: OwnProfileStore;
+}
+
+export class SetStatusViewModel
+    extends BaseViewModel<SetStatusViewSnapshot, SetStatusViewModelProps>
+    implements SetStatusViewActions
+{
+    public constructor(props: SetStatusViewModelProps) {
+        super(props, {
+            userStatus: props.ownProfileStore.userStatus,
+        });
+
+        this.disposables.trackListener(props.ownProfileStore, UPDATE_EVENT, this.onProfileStoreUpdate);
+    }
+
+    private onProfileStoreUpdate = (): void => {
+        this.snapshot.merge({ userStatus: this.props.ownProfileStore.userStatus });
+    };
+
+    public setStatus = (userStatus: UserStatus): void => {
+        const oldStatus = this.snapshot.current.userStatus;
+
+        this.snapshot.merge({ userStatus });
+        setUserStatus(this.props.client, userStatus).catch((err) => {
+            this.snapshot.merge({ userStatus: oldStatus });
+            logger.warn("Failed to set user status", err);
+        });
+    };
+
+    public clearStatus = (): void => {
+        const oldStatus = this.snapshot.current.userStatus;
+
+        this.snapshot.merge({ userStatus: undefined });
+        clearAllUserStatus(this.props.client).catch((err) => {
+            this.snapshot.merge({ userStatus: oldStatus });
+            logger.warn("Failed to clear user status", err);
+        });
+    };
+}
+
+/**
+ * A version of the view model that overrides the click handler to open settings instead.
+ */
+export class UserMenuSetStatusViewModel extends SetStatusViewModel {
+    public constructor(props: SetStatusViewModelProps) {
+        super(props);
+    }
+
+    public onSetStatusClick = (): void => {
+        dis.dispatch({
+            action: Action.ToggleUserMenu,
+        });
+        dis.dispatch({
+            action: Action.ViewUserSettings,
+            initialTabId: UserTab.Account,
+        });
+    };
+}
diff --git a/apps/web/src/viewmodels/status/UserStatusIconViewModel.test.ts b/apps/web/src/viewmodels/status/UserStatusIconViewModel.test.ts
new file mode 100644
index 00000000000..21d60df4ad5
--- /dev/null
+++ b/apps/web/src/viewmodels/status/UserStatusIconViewModel.test.ts
@@ -0,0 +1,113 @@
+// @vitest-environment happy-dom
+
+/*
+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 { ClientEvent, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { waitFor } from "test-utils-rtl";
+import { vi, describe, it, expect, beforeEach, afterEach, type MockedObject } from "vitest";
+import { getMockClientWithEventEmitter, mockClientMethodsServer, mockClientMethodsUser } from "test-utils";
+
+import { UserStatusIconViewModel } from "./UserStatusIconViewModel";
+import SettingsStore from "../../settings/SettingsStore";
+
+const userId = "@alice:example.com";
+
+describe("UserStatusIconViewModel", () => {
+    let client: MockedObject<MatrixClient>;
+
+    beforeEach(() => {
+        vi.spyOn(SettingsStore, "getValue").mockImplementation((name): any => {
+            if (name === "feature_user_status") return true;
+        });
+
+        client = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(),
+            ...mockClientMethodsServer(),
+            doesServerSupportExtendedProfiles: vi.fn().mockResolvedValue(true),
+            getExtendedProfileProperty: vi.fn().mockResolvedValue(undefined),
+        });
+    });
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("initialises with an undefined status", () => {
+        const vm = new UserStatusIconViewModel({ userId, matrixClient: client });
+        expect(vm.getSnapshot().status).toBeUndefined();
+    });
+
+    it("does not fetch a status when the feature is disabled", async () => {
+        vi.mocked(SettingsStore.getValue).mockReturnValue(false);
+        client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🐎", text: "on a horse" });
+
+        const vm = new UserStatusIconViewModel({ userId, matrixClient: client });
+
+        await waitFor(() => expect(client.doesServerSupportExtendedProfiles).not.toHaveBeenCalled());
+        expect(vm.getSnapshot().status).toBeUndefined();
+    });
+
+    it("fetches and populates the status on construction", async () => {
+        client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🐎", text: "on a horse" });
+
+        const vm = new UserStatusIconViewModel({ userId, matrixClient: client });
+
+        await waitFor(() => expect(vm.getSnapshot().status).toEqual({ emoji: "🐎", text: "on a horse" }));
+    });
+
+    it("updates the status when a matching UserProfileUpdate event is emitted", async () => {
+        const vm = new UserStatusIconViewModel({ userId, matrixClient: client });
+        await waitFor(() => expect(client.getExtendedProfileProperty).toHaveBeenCalled());
+
+        client.emit(ClientEvent.UserProfileUpdate, userId, {
+            "org.matrix.msc4426.status": { emoji: "😵", text: "off a horse" },
+        });
+
+        expect(vm.getSnapshot().status).toEqual({ emoji: "😵", text: "off a horse" });
+    });
+
+    it("ignores UserProfileUpdate events for other users", async () => {
+        client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🐎", text: "on a horse" });
+        const vm = new UserStatusIconViewModel({ userId, matrixClient: client });
+        await waitFor(() => expect(vm.getSnapshot().status).toEqual({ emoji: "🐎", text: "on a horse" }));
+
+        client.emit(ClientEvent.UserProfileUpdate, "@bob:example.com", {
+            "org.matrix.msc4426.status": { emoji: "🤷", text: "unrelated status" },
+        });
+
+        expect(vm.getSnapshot().status).toEqual({ emoji: "🐎", text: "on a horse" });
+    });
+
+    it("stops listening for updates once disposed", async () => {
+        const vm = new UserStatusIconViewModel({ userId, matrixClient: client });
+        await waitFor(() => expect(client.getExtendedProfileProperty).toHaveBeenCalled());
+        vm.dispose();
+
+        client.emit(ClientEvent.UserProfileUpdate, userId, {
+            "org.matrix.msc4426.status": { emoji: "😵", text: "off a horse" },
+        });
+
+        expect(vm.getSnapshot().status).toBeUndefined();
+    });
+
+    it("does not update the snapshot if disposed before the initial fetch resolves", async () => {
+        let resolveFetch: (value: unknown) => void = () => {};
+        client.getExtendedProfileProperty.mockReturnValue(
+            new Promise((resolve) => {
+                resolveFetch = resolve;
+            }),
+        );
+
+        const vm = new UserStatusIconViewModel({ userId, matrixClient: client });
+        vm.dispose();
+        resolveFetch({ emoji: "🐎", text: "on a horse" });
+
+        await Promise.resolve();
+        expect(vm.getSnapshot().status).toBeUndefined();
+    });
+});
diff --git a/apps/web/src/viewmodels/status/UserStatusIconViewModel.ts b/apps/web/src/viewmodels/status/UserStatusIconViewModel.ts
new file mode 100644
index 00000000000..c63a4b575a1
--- /dev/null
+++ b/apps/web/src/viewmodels/status/UserStatusIconViewModel.ts
@@ -0,0 +1,59 @@
+/*
+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, ClientEvent } from "matrix-js-sdk/src/matrix";
+import { BaseViewModel, type UserStatusIconViewSnapshot } from "@element-hq/web-shared-components";
+
+import { fetchUserStatus, userStatusFromProfile } from "../../utils/userStatus";
+import SettingsStore from "../../settings/SettingsStore";
+import { logger } from "matrix-js-sdk/src/logger";
+
+export interface UserStatusIconViewModelProps {
+    /**
+     * The ID of the user whose status should be displayed.
+     */
+    userId: string;
+    /**
+     * The Matrix client instance.
+     */
+    matrixClient: MatrixClient;
+}
+
+export class UserStatusIconViewModel extends BaseViewModel<UserStatusIconViewSnapshot, UserStatusIconViewModelProps> {
+    public constructor(props: UserStatusIconViewModelProps) {
+        super(props, { status: undefined });
+
+        if (!SettingsStore.getValue("feature_user_status")) {
+            return;
+        }
+
+        this.disposables.trackListener(
+            props.matrixClient,
+            ClientEvent.UserProfileUpdate,
+            this.onUserProfileUpdate as (...args: unknown[]) => void,
+        );
+
+        fetchUserStatus(props.matrixClient, props.userId)
+            .then((status) => {
+                if (this.isDisposed) return;
+                this.snapshot.merge({ status });
+            })
+            .catch((err) => {
+                logger.warn("Failed to fetch user status:", err);
+            });
+    }
+
+    private onUserProfileUpdate = (syncedUserId: string, syncProfile: Record<string, unknown> | null): void => {
+        if (syncedUserId !== this.props.userId) return;
+        this.snapshot.merge({
+            status: userStatusFromProfile(
+                syncProfile?.["org.matrix.msc4426.status"],
+                syncProfile?.["org.matrix.msc4426.call"],
+            ),
+        });
+    };
+}
diff --git a/apps/web/src/viewmodels/structures/ResizerViewModel.test.ts b/apps/web/src/viewmodels/structures/ResizerViewModel.test.ts
new file mode 100644
index 00000000000..5ccfacc10f7
--- /dev/null
+++ b/apps/web/src/viewmodels/structures/ResizerViewModel.test.ts
@@ -0,0 +1,190 @@
+/*
+ * 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.
+ */
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, afterEach } from "vitest";
+import { type PointerEvent } from "react";
+
+import { waitFor } from "test-utils-rtl";
+import { type PanelImperativeHandle } from "@element-hq/web-shared-components";
+
+import { ResizerViewModel } from "./ResizerViewModel";
+import SettingsStore from "../../settings/SettingsStore";
+import { SettingLevel } from "../../settings/SettingLevel";
+import { CallStore } from "../../stores/CallStore";
+
+/** The pointer handlers only read where the pointer is, so that is all a test has to give them. */
+const pointerAt = (x: number, y: number) => ({ clientX: x, clientY: y }) as PointerEvent;
+
+describe("LeftPanelResizerViewModel", () => {
+    afterEach(() => {
+        localStorage.clear();
+        SettingsStore.reset();
+    });
+
+    describe("Initial state is correct", () => {
+        it("should have correct initial state when panel was previously collapsed", () => {
+            SettingsStore.setValue("RoomList.isPanelCollapsed", null, SettingLevel.DEVICE, true);
+            const vm = new ResizerViewModel(CallStore.instance);
+            expect(vm.getSnapshot()).toStrictEqual({
+                isCollapsed: true,
+                initialSize: 0,
+            });
+        });
+
+        it("should have correct initial state when panel was previously resized", () => {
+            SettingsStore.setValue("RoomList.panelSize", null, SettingLevel.DEVICE, 34);
+            const vm = new ResizerViewModel(CallStore.instance);
+            expect(vm.getSnapshot()).toStrictEqual({
+                isCollapsed: false,
+                initialSize: 34,
+            });
+        });
+
+        it("should have correct initial state when panel was neither resized nor collapsed", () => {
+            const vm = new ResizerViewModel(CallStore.instance);
+            expect(vm.getSnapshot()).toStrictEqual({
+                isCollapsed: false,
+                initialSize: undefined,
+            });
+        });
+    });
+
+    it("should update isCollapsed on onLeftPanelResized()", async () => {
+        const vm = new ResizerViewModel(CallStore.instance);
+        vm.onLeftPanelResize({ inPixels: 100, asPercentage: 6 });
+        await waitFor(() => {
+            expect(vm.getSnapshot().isCollapsed).toStrictEqual(false);
+        });
+        vm.onLeftPanelResize({ inPixels: 0, asPercentage: 6 });
+        await waitFor(() => {
+            expect(vm.getSnapshot().isCollapsed).toStrictEqual(true);
+        });
+    });
+
+    it("should noop on click when handle is not yet set", () => {
+        const vm = new ResizerViewModel(CallStore.instance);
+        expect(() => {
+            // Click
+            vm.onPointerDown(pointerAt(100, 100));
+            vm.onPointerUp();
+        }).not.toThrow();
+    });
+
+    it("should noop on mouse drag", () => {
+        const vm = new ResizerViewModel(CallStore.instance);
+        SettingsStore.setValue("RoomList.panelSize", null, SettingLevel.DEVICE, 34);
+        const mockHandle = {
+            resize: vi.fn(),
+            isCollapsed: vi.fn().mockReturnValue(true),
+            getSize: vi.fn().mockReturnValue({
+                inPixels: 0,
+            }),
+            collapse: vi.fn(),
+        } as unknown as PanelImperativeHandle;
+        vm.setPanelHandle(mockHandle);
+
+        // Simulate drag
+        vm.onPointerDown(pointerAt(100, 100));
+        vm.onPointerMove(pointerAt(160, 100));
+        vm.onPointerUp();
+
+        expect(mockHandle.resize).not.toHaveBeenCalledWith("34%");
+    });
+
+    it("should expand panel when a click wanders a little", () => {
+        const vm = new ResizerViewModel(CallStore.instance);
+        SettingsStore.setValue("RoomList.panelSize", null, SettingLevel.DEVICE, 34);
+        const mockHandle = {
+            resize: vi.fn(),
+            isCollapsed: vi.fn().mockReturnValue(true),
+            getSize: vi.fn().mockReturnValue(0),
+        } as unknown as PanelImperativeHandle;
+        vm.setPanelHandle(mockHandle);
+
+        // A trackpad rarely holds the pointer still between press and release.
+        vm.onPointerDown(pointerAt(100, 100));
+        vm.onPointerMove(pointerAt(101, 102));
+        vm.onPointerUp();
+
+        expect(mockHandle.resize).toHaveBeenCalledWith("34%");
+    });
+
+    it("should expand panel on a click that follows moving across the separator", () => {
+        const vm = new ResizerViewModel(CallStore.instance);
+        SettingsStore.setValue("RoomList.panelSize", null, SettingLevel.DEVICE, 34);
+        const mockHandle = {
+            resize: vi.fn(),
+            isCollapsed: vi.fn().mockReturnValue(true),
+            getSize: vi.fn().mockReturnValue(0),
+        } as unknown as PanelImperativeHandle;
+        vm.setPanelHandle(mockHandle);
+
+        // Pointer moves fire on hover too, with no button held.
+        vm.onPointerMove(pointerAt(300, 300));
+        vm.onPointerDown(pointerAt(100, 100));
+        vm.onPointerUp();
+
+        expect(mockHandle.resize).toHaveBeenCalledWith("34%");
+    });
+
+    describe("should expand panel on double click when panel is collapsed", () => {
+        it("to last non-zero width that the user set", () => {
+            const vm = new ResizerViewModel(CallStore.instance);
+            SettingsStore.setValue("RoomList.panelSize", null, SettingLevel.DEVICE, 34);
+            const mockHandle = {
+                resize: vi.fn(),
+                isCollapsed: vi.fn().mockReturnValue(true),
+                getSize: vi.fn().mockReturnValue(0),
+            } as unknown as PanelImperativeHandle;
+            vm.setPanelHandle(mockHandle);
+            // Simulate click
+            vm.onPointerDown(pointerAt(100, 100));
+            vm.onPointerUp();
+            expect(mockHandle.resize).toHaveBeenCalledWith("34%");
+        });
+
+        it("to maximum size of the panel", () => {
+            const vm = new ResizerViewModel(CallStore.instance);
+            const mockHandle = {
+                resize: vi.fn(),
+                isCollapsed: vi.fn().mockReturnValue(true),
+                getSize: vi.fn().mockReturnValue(0),
+            } as unknown as PanelImperativeHandle;
+            vm.setPanelHandle(mockHandle);
+            // Simulate click
+            vm.onPointerDown(pointerAt(100, 100));
+            vm.onPointerUp();
+            expect(mockHandle.resize).toHaveBeenCalledWith("100%");
+        });
+    });
+
+    it("should collapse panel on click when panel is expanded", () => {
+        const vm = new ResizerViewModel(CallStore.instance);
+        const mockHandle = {
+            collapse: vi.fn(),
+            isCollapsed: vi.fn().mockReturnValue(false),
+        } as unknown as PanelImperativeHandle;
+        vm.setPanelHandle(mockHandle);
+
+        vm.onDoubleClick();
+        expect(mockHandle.collapse).toHaveBeenCalled();
+    });
+
+    it("should ignore first resized event", () => {
+        const vm = new ResizerViewModel(CallStore.instance);
+        const mockHandle = {
+            resize: vi.fn(),
+            getSize: vi.fn().mockReturnValue(0),
+        } as unknown as PanelImperativeHandle;
+        vm.setPanelHandle(mockHandle);
+
+        vm.onLeftPanelResized(50);
+        expect(mockHandle.resize).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/src/viewmodels/structures/ResizerViewModel.ts b/apps/web/src/viewmodels/structures/ResizerViewModel.ts
new file mode 100644
index 00000000000..bf41469236a
--- /dev/null
+++ b/apps/web/src/viewmodels/structures/ResizerViewModel.ts
@@ -0,0 +1,184 @@
+/*
+ * 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 LeftResizablePanelViewActions,
+    type SeparatorViewActions,
+    type PanelSize,
+    type PanelImperativeHandle,
+    type GroupViewActions,
+    type ResizerViewSnapshot,
+} from "@element-hq/web-shared-components";
+import { debounce } from "lodash";
+import { type PointerEvent } from "react";
+
+import SettingsStore from "../../settings/SettingsStore";
+import { SettingLevel } from "../../settings/SettingLevel";
+import { AutoCollapse } from "./auto-collapse/AutoCollapse";
+import { type CallStore } from "../../stores/CallStore";
+
+function getInitialState(): ResizerViewSnapshot {
+    const shouldStartCollapsed =
+        SettingsStore.getValue("RoomList.isPanelCollapsed") || AutoCollapse.shouldStartCollapsed();
+    if (shouldStartCollapsed) {
+        return {
+            isCollapsed: true,
+            initialSize: 0,
+        };
+    }
+    return {
+        isCollapsed: false,
+        initialSize: SettingsStore.getValue("RoomList.panelSize") ?? undefined,
+    };
+}
+
+/**
+ * Viewmodel that drives the resizable left panel.
+ */
+export class ResizerViewModel
+    extends BaseViewModel<ResizerViewSnapshot, void>
+    implements SeparatorViewActions, LeftResizablePanelViewActions, GroupViewActions
+{
+    /**
+     * This object gives us access to the API methods of react-resizable-panels library.
+     */
+    private panelHandle?: PanelImperativeHandle;
+
+    /**
+     * Needed to distinguish between a drag and a click on the separator.
+     */
+    private readonly mouseClickHandler: MouseClickHandler;
+
+    /**
+     * Orchestrator for auto collapse behaviour.
+     */
+    private readonly autoCollapse: AutoCollapse;
+
+    /**
+     * Tracks whether we've seen the first resized event.
+     */
+    private firstResizedEventSeen = false;
+
+    public constructor(callStore: CallStore) {
+        super(undefined, getInitialState());
+
+        // Run onSeparatorClick when the separator is clicked.
+        this.mouseClickHandler = new MouseClickHandler(this.onSeparatorClick);
+        this.autoCollapse = this.disposables.track(
+            new AutoCollapse(
+                this.onSeparatorClick,
+                () => {
+                    this.panelHandle?.collapse();
+                    this.snapshot.merge({ isCollapsed: true });
+                },
+                callStore,
+            ),
+        );
+    }
+
+    public onLeftPanelResize = debounce((panelSize: PanelSize): void => {
+        const newSize = panelSize.inPixels;
+        this.snapshot.merge({ isCollapsed: newSize === 0 });
+    }, 50);
+
+    public onLeftPanelResized = (newSize: number): void => {
+        if (!this.firstResizedEventSeen) {
+            // When the panel is first rendered, we get a resized event.
+            // This should be ignored to prevent rewriting the setting value and
+            // to avoid confusing the collapse behaviour code.
+            this.firstResizedEventSeen = true;
+            return;
+        }
+
+        // Early return if we should be ignoring this event due to some auto-collapse behaviour.
+        if (this.autoCollapse.shouldIgnoreResize) return;
+
+        this.autoCollapse.onLeftPanelResized();
+
+        const isCollapsed = newSize === 0;
+        // Store the size if the panel isn't collapsed.
+        if (!isCollapsed) {
+            SettingsStore.setValue("RoomList.panelSize", null, SettingLevel.DEVICE, newSize);
+        }
+        // Store whether the panel was collapsed.
+        // This is stored separately instead of being inferred from the stored panel size so that
+        // the panel can be restored to its last known non-zero width even after app reload, which
+        // we wouldn't be able to do if we stored panelSize as zero.
+        SettingsStore.setValue("RoomList.isPanelCollapsed", null, SettingLevel.DEVICE, isCollapsed);
+    };
+
+    public setPanelHandle = (handle: PanelImperativeHandle): void => {
+        this.panelHandle = handle;
+    };
+
+    private onSeparatorClick = (): void => {
+        // When panel is collapsed, single click should expand the panel.
+        if (this.panelHandle?.isCollapsed()) {
+            const lastSize = SettingsStore.getValue("RoomList.panelSize");
+            this.panelHandle.resize(`${lastSize ?? 100}%`);
+            this.autoCollapse.onLeftPanelResized();
+        }
+    };
+
+    public onDoubleClick = (): void => {
+        // When the panel is expanded, double click should collapse.
+        if (!this.panelHandle?.isCollapsed()) this.panelHandle?.collapse();
+    };
+
+    public onPointerUp = (): void => {
+        this.mouseClickHandler.onPointerUp();
+    };
+
+    public onPointerMove = (event: PointerEvent): void => {
+        this.mouseClickHandler.onPointerMove(event.clientX, event.clientY);
+    };
+
+    public onPointerDown = (event: PointerEvent): void => {
+        this.mouseClickHandler.onPointerDown(event.clientX, event.clientY);
+    };
+}
+
+/**
+ * How far the pointer may travel between going down and coming up and still count as a click rather
+ * than a drag. A trackpad rarely holds a pointer perfectly still, and a separator that only opens on
+ * a pixel-perfect click reads as one that ignores clicks.
+ */
+const CLICK_TOLERANCE_PX = 5;
+
+/**
+ * Dragging the separator will emit a click event.
+ * This class uses pointer event handlers to distinguish between a drag and a click
+ * on the separator.
+ */
+class MouseClickHandler {
+    public constructor(private readonly onClick: () => void) {}
+
+    /** Where the pointer went down, for as long as it is down. */
+    private origin: { x: number; y: number } | null = null;
+    private isResize = false;
+
+    public onPointerUp = (): void => {
+        this.origin = null;
+        if (!this.isResize) this.onClick();
+    };
+
+    public onPointerDown = (x: number, y: number): void => {
+        this.origin = { x, y };
+        this.isResize = false;
+    };
+
+    public onPointerMove = (x: number, y: number): void => {
+        // Moving across the separator with no button held is not a drag, and must not be allowed to
+        // spend the next click.
+        if (!this.origin) return;
+
+        if (Math.abs(x - this.origin.x) > CLICK_TOLERANCE_PX || Math.abs(y - this.origin.y) > CLICK_TOLERANCE_PX) {
+            this.isResize = true;
+        }
+    };
+}
diff --git a/apps/web/src/viewmodels/structures/auto-collapse/AutoCollapse.test.ts b/apps/web/src/viewmodels/structures/auto-collapse/AutoCollapse.test.ts
new file mode 100644
index 00000000000..6db3b01f7ce
--- /dev/null
+++ b/apps/web/src/viewmodels/structures/auto-collapse/AutoCollapse.test.ts
@@ -0,0 +1,75 @@
+/*
+ * 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.
+ */
+
+// @vitest-environment happy-dom
+
+import { describe, expect, beforeEach, it, vi } from "vitest";
+import { AutoCollapse } from "./AutoCollapse";
+import { BaseCollapseBehaviour } from "./behaviours/BaseCollapseBehaviour";
+import type { CollapseHandler } from "./CollapseHandler";
+import { CallStore } from "../../../stores/CallStore";
+
+let instances: BaseCollapseBehaviour[] = [];
+
+class MockBehaviour extends BaseCollapseBehaviour {
+    public constructor(collapseHandler: CollapseHandler) {
+        super(collapseHandler);
+        instances.push(this);
+    }
+
+    public onLeftPanelResized = vi.fn();
+}
+
+class MockBehaviourWithStartCollapsed extends MockBehaviour {
+    public static shouldStartCollapsed(): boolean {
+        return true;
+    }
+}
+
+class MockBehaviourWithIgnoreResize extends MockBehaviour {
+    public get shouldIgnoreResize(): boolean {
+        return true;
+    }
+}
+
+vi.mock("../../../../src/viewmodels/structures/auto-collapse/behaviours/behaviours", () => {
+    return {
+        get Behaviours() {
+            return [MockBehaviour, MockBehaviour, MockBehaviourWithIgnoreResize, MockBehaviourWithStartCollapsed];
+        },
+    };
+});
+
+describe("AutoCollapse", () => {
+    beforeEach(() => {
+        instances = [];
+    });
+
+    it("should calculate initial collapse count correctly", () => {
+        const autoCollapse = new AutoCollapse(vi.fn(), vi.fn(), CallStore.instance);
+        // Since we have one behaviour that tells the app to start collapsed (MockBehaviourWithStartCollapsed),
+        // isAutoCollapsed should be true from initialization.
+        expect(autoCollapse.isAutoCollapsed).toBe(true);
+    });
+
+    it("should proxy onLeftPanelResized to collapseHandler", () => {
+        const autoCollapse = new AutoCollapse(vi.fn(), vi.fn(), CallStore.instance);
+        expect(autoCollapse.isAutoCollapsed).toBe(true);
+        autoCollapse.onLeftPanelResized();
+        expect(autoCollapse.isAutoCollapsed).toBe(false);
+    });
+
+    it("should calculate shouldStartCollapsed correctly", () => {
+        expect(AutoCollapse.shouldStartCollapsed()).toBe(true);
+    });
+
+    it("should calculate shouldIgnoreResize correctly", () => {
+        const autoCollapse = new AutoCollapse(vi.fn(), vi.fn(), CallStore.instance);
+        // Because of MockBehaviourWithIgnoreResize, shouldIgnoreResize should be true.
+        expect(autoCollapse.shouldIgnoreResize).toBe(true);
+    });
+});
diff --git a/apps/web/src/viewmodels/structures/auto-collapse/AutoCollapse.ts b/apps/web/src/viewmodels/structures/auto-collapse/AutoCollapse.ts
new file mode 100644
index 00000000000..0661ad24b97
--- /dev/null
+++ b/apps/web/src/viewmodels/structures/auto-collapse/AutoCollapse.ts
@@ -0,0 +1,74 @@
+/*
+ * 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 CallStore } from "../../../stores/CallStore";
+import { CollapseHandler } from "./CollapseHandler";
+import type { BaseCollapseBehaviour } from "./behaviours/BaseCollapseBehaviour";
+import { Behaviours } from "./behaviours/behaviours";
+
+/**
+ * This class orchestrates all the auto-collapse behaviours.
+ */
+export class AutoCollapse {
+    private readonly behaviours: BaseCollapseBehaviour[] = [];
+    private readonly collapseHandler: CollapseHandler;
+
+    /**
+     * @param expandPanel Callback that should expand the left panel
+     * @param collapsePanel Callback that should collapse the left panel
+     * @param callStore Instance of the call store.
+     */
+    public constructor(expandPanel: () => void, collapsePanel: () => void, callStore: CallStore) {
+        // Calculate the initial value for autoCollapsedCount
+        const initialAutoCollapsedCount = Behaviours.reduce(
+            (count, B) => (B.shouldStartCollapsed() ? count + 1 : count),
+            0,
+        );
+        this.collapseHandler = new CollapseHandler(expandPanel, collapsePanel, initialAutoCollapsedCount);
+
+        for (const Behaviour of Behaviours) {
+            this.behaviours.push(new Behaviour(this.collapseHandler, callStore));
+        }
+    }
+
+    /**
+     * When this returns true, any left panel resized events should be ignored.
+     */
+    public get shouldIgnoreResize(): boolean {
+        return this.behaviours.some((b) => b.shouldIgnoreResize);
+    }
+
+    /**
+     * Whether the panel is currently auto-collapsed.
+     */
+    public get isAutoCollapsed(): boolean {
+        return this.collapseHandler.isAutoCollapsed;
+    }
+
+    /**
+     * Returns boolean indicating whether the left panel should be collapsed at app start.
+     */
+    public static shouldStartCollapsed(): boolean {
+        return Behaviours.some((B) => B.shouldStartCollapsed());
+    }
+
+    /**
+     * Dispose the behaviours in sequence.
+     */
+    public dispose = (): void => {
+        for (const behaviour of this.behaviours) {
+            behaviour.dispose();
+        }
+    };
+
+    /**
+     * Should be called when the left panel is resized.
+     */
+    public onLeftPanelResized = (): void => {
+        this.collapseHandler.onLeftPanelResized();
+    };
+}
diff --git a/apps/web/src/viewmodels/structures/auto-collapse/CollapseHandler.test.ts b/apps/web/src/viewmodels/structures/auto-collapse/CollapseHandler.test.ts
new file mode 100644
index 00000000000..a217d65eb5e
--- /dev/null
+++ b/apps/web/src/viewmodels/structures/auto-collapse/CollapseHandler.test.ts
@@ -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 { describe, it, expect, vi } from "vitest";
+import { CollapseHandler } from "./CollapseHandler";
+
+function getCollapseHandler() {
+    const expandPanel = vi.fn();
+    const collapsePanel = vi.fn();
+    const collapseHandler = new CollapseHandler(expandPanel, collapsePanel, 0);
+    return { collapseHandler, expandPanel, collapsePanel };
+}
+
+describe("CollapseHandler", () => {
+    it("should be possible to collapse and expand the panel", () => {
+        const { collapseHandler, expandPanel, collapsePanel } = getCollapseHandler();
+        collapseHandler.collapse();
+        expect(collapseHandler.isAutoCollapsed).toBe(true);
+        expect(collapsePanel).toHaveBeenCalledTimes(1);
+
+        collapseHandler.expand();
+        expect(collapseHandler.isAutoCollapsed).toBe(false);
+        expect(expandPanel).toHaveBeenCalledTimes(1);
+    });
+
+    it("should retain auto collapsed state on sequential calls of expand and collapse", () => {
+        const { collapseHandler, expandPanel, collapsePanel } = getCollapseHandler();
+        // behaviour X collapses the panel
+        collapseHandler.collapse();
+        expect(collapsePanel).toHaveBeenCalledTimes(1);
+
+        // behaviour Y collapses the panel
+        collapseHandler.collapse();
+        // Since panel is already collapsed, we do not expect another call.
+        expect(collapsePanel).toHaveBeenCalledTimes(1);
+
+        // behaviour Y expands the panel
+        collapseHandler.expand();
+        // should still be auto collapsed because behaviour X hasn't expanded the panel
+        expect(collapseHandler.isAutoCollapsed).toBe(true);
+        // The actual panel should not be expanded yet
+        expect(expandPanel).toHaveBeenCalledTimes(0);
+
+        // behaviour Y expands the panel
+        collapseHandler.expand();
+        // all behaviours have expanded the panel, so no longer auto collapsed
+        expect(collapseHandler.isAutoCollapsed).toBe(false);
+        expect(expandPanel).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/apps/web/src/viewmodels/structures/auto-collapse/CollapseHandler.ts b/apps/web/src/viewmodels/structures/auto-collapse/CollapseHandler.ts
new file mode 100644
index 00000000000..e9a897ba7dd
--- /dev/null
+++ b/apps/web/src/viewmodels/structures/auto-collapse/CollapseHandler.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.
+ */
+
+/**
+ * Contains auto-collapsed state and methods to expand/collapse the panel.
+ * This class is used by the different auto-collapse behaviours.
+ */
+export class CollapseHandler {
+    /**
+     * We use this count to control the expand/collapse calls so that the
+     * behaviours do not override each other.
+     *
+     * For example, consider the sequence:
+     * 1. Behaviour A collapses the panel
+     * 2. Behaviour B collapses the panel
+     * 3. Behaviour B expands the panel
+     * 4. Behaviour A expands the panel
+     *
+     * The expand() call made by behaviour B in step 3 should noop since the panel was
+     * also collapsed by behaviour A which hasn't yet expanded the panel.
+     */
+    private autoCollapsedCount: number;
+
+    /**
+     * @param expandPanel Callback that should expand the left panel
+     * @param collapsePanel Callback that should collapse the left panel
+     * @param initialAutoCollapsedCount The initial value for autoCollapsedCount, defaults to 0.
+     */
+    public constructor(
+        private expandPanel: () => void,
+        private collapsePanel: () => void,
+        initialAutoCollapsedCount = 0,
+    ) {
+        this.autoCollapsedCount = initialAutoCollapsedCount;
+    }
+
+    /**
+     * Collapse the left panel.
+     */
+    public collapse = (): void => {
+        this.autoCollapsedCount++;
+        if (this.autoCollapsedCount === 1) {
+            this.collapsePanel();
+        }
+    };
+
+    /**
+     * Expand the left panel.
+     */
+    public expand = (): void => {
+        /**
+         * Some behaviour is asking us to expand the panel but the count is zero.
+         * This happens when the user manually resized the left panel after some
+         * behaviour collapsed the panel.
+         * We can ignore this request to expand the panel since we don't want to
+         * override the manual changes the user made.
+         */
+        if (this.autoCollapsedCount === 0) return;
+
+        this.autoCollapsedCount--;
+        if (this.autoCollapsedCount === 0) {
+            this.expandPanel();
+        }
+    };
+
+    /**
+     * Whether the panel is collapsed due to some behaviour.
+     */
+    public get isAutoCollapsed(): boolean {
+        return this.autoCollapsedCount > 0;
+    }
+
+    public onLeftPanelResized(): void {
+        /**
+         * The user has manually resized the left-panel, reset the count
+         * so that some collapse behaviour does not override the user
+         * choice.
+         */
+        this.autoCollapsedCount = 0;
+    }
+}
diff --git a/apps/web/src/viewmodels/structures/auto-collapse/behaviours/BaseCollapseBehaviour.ts b/apps/web/src/viewmodels/structures/auto-collapse/behaviours/BaseCollapseBehaviour.ts
new file mode 100644
index 00000000000..e54fba2a0e9
--- /dev/null
+++ b/apps/web/src/viewmodels/structures/auto-collapse/behaviours/BaseCollapseBehaviour.ts
@@ -0,0 +1,41 @@
+/*
+ * 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 { CollapseHandler } from "../CollapseHandler";
+
+/**
+ * The left panel should be auto-collapsed under certain app states.
+ * This class provides a base for writing such logic.
+ */
+export class BaseCollapseBehaviour {
+    public constructor(protected readonly collapseHandler: CollapseHandler) {}
+
+    /**
+     * This method should be used to remove any event listeners that this behaviour
+     * uses.
+     */
+    public dispose = (): void => {
+        return;
+    };
+
+    /**
+     * Whether currently arriving left panel resized events should be ignored according
+     * to this behaviour.
+     * This can be used to tell the ResizerViewModel to not process incoming resize
+     * events.
+     */
+    public get shouldIgnoreResize(): boolean {
+        return false;
+    }
+
+    /**
+     * Whether the panel should be collapsed at app start according to this behaviour.
+     */
+    public static shouldStartCollapsed(): boolean {
+        return false;
+    }
+}
diff --git a/apps/web/src/viewmodels/structures/auto-collapse/behaviours/CollapseOnCallResizeBehaviour.test.ts b/apps/web/src/viewmodels/structures/auto-collapse/behaviours/CollapseOnCallResizeBehaviour.test.ts
new file mode 100644
index 00000000000..745938c6a7d
--- /dev/null
+++ b/apps/web/src/viewmodels/structures/auto-collapse/behaviours/CollapseOnCallResizeBehaviour.test.ts
@@ -0,0 +1,59 @@
+/*
+ * 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.
+ */
+
+// @vitest-environment happy-dom
+
+import EventEmitter from "node:events";
+
+import { type CallStore, CallStoreEvent } from "../../../../stores/CallStore";
+import { CollapseOnCallResizeBehaviour } from "./CollapseOnCallResizeBehaviour";
+import { CollapseHandler } from "../CollapseHandler";
+import { describe, it, expect, vi } from "vitest";
+
+vi.useFakeTimers();
+
+describe("CollapseOnCallResizeBehaviour", () => {
+    it("Should collapse/expand the panel on call", () => {
+        const mockCallStore = new EventEmitter() as unknown as CallStore;
+
+        const expandPanel = vi.fn();
+        const collapsePanel = vi.fn();
+        const collapseHandler = new CollapseHandler(expandPanel, collapsePanel, 0);
+        new CollapseOnCallResizeBehaviour(collapseHandler, mockCallStore);
+
+        // No calls yet
+        expect(expandPanel).not.toHaveBeenCalled();
+        expect(collapsePanel).not.toHaveBeenCalled();
+
+        // Let's say we get a call
+        mockCallStore.emit(CallStoreEvent.ConnectedCalls, new Set([1]));
+        expect(collapsePanel).toHaveBeenCalledTimes(1);
+
+        // When the call is over
+        mockCallStore.emit(CallStoreEvent.ConnectedCalls, new Set([]));
+        expect(expandPanel).toHaveBeenCalledTimes(1);
+    });
+
+    it("should set shouldIgnoreResize to true on call", () => {
+        const mockCallStore = new EventEmitter() as unknown as CallStore;
+
+        const expandPanel = vi.fn();
+        const collapsePanel = vi.fn();
+        const collapseHandler = new CollapseHandler(expandPanel, collapsePanel, 0);
+        const behaviour = new CollapseOnCallResizeBehaviour(collapseHandler, mockCallStore);
+
+        // Initially shouldIgnoreResize should be false
+        expect(behaviour.shouldIgnoreResize).toBe(false);
+        // Let's say we get a call
+        mockCallStore.emit(CallStoreEvent.ConnectedCalls, new Set([1]));
+        // shouldIgnoreResize becomes true
+        expect(behaviour.shouldIgnoreResize).toBe(true);
+        // shouldIgnoreResize becomes false after some time
+        vi.runAllTimers();
+        expect(behaviour.shouldIgnoreResize).toBe(false);
+    });
+});
diff --git a/apps/web/src/viewmodels/structures/auto-collapse/behaviours/CollapseOnCallResizeBehaviour.ts b/apps/web/src/viewmodels/structures/auto-collapse/behaviours/CollapseOnCallResizeBehaviour.ts
new file mode 100644
index 00000000000..46cdec2ae67
--- /dev/null
+++ b/apps/web/src/viewmodels/structures/auto-collapse/behaviours/CollapseOnCallResizeBehaviour.ts
@@ -0,0 +1,59 @@
+/*
+ * 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 { BaseCollapseBehaviour } from "./BaseCollapseBehaviour";
+import type { Call } from "../../../../models/Call";
+import { type CallStore, CallStoreEvent } from "../../../../stores/CallStore";
+import type { CollapseHandler } from "../CollapseHandler";
+
+/**
+ * This behaviour:
+ * - Collapses the left-panel when the user joins a call.
+ * - Expands the left-panel when the user leaves that call.
+ */
+export class CollapseOnCallResizeBehaviour extends BaseCollapseBehaviour {
+    private callJustStarted: boolean = false;
+    private callStartedTimeout: number = 0;
+
+    public constructor(
+        collapseHandler: CollapseHandler,
+        private readonly callStore: CallStore,
+    ) {
+        super(collapseHandler);
+        this.callStore.on(CallStoreEvent.ConnectedCalls, this.onCallConnected);
+    }
+
+    private onCallConnected = (calls: Set<Call>): void => {
+        if (calls.size > 0) {
+            this.setCallJustStarted();
+            this.collapseHandler.collapse();
+        } else if (calls.size === 0) this.collapseHandler.expand();
+    };
+
+    /**
+     * When a call has just started, we'll probably do some manual resizing according
+     * to this behaviour. We don't want ResizerViewModel to process these events.
+     */
+    private setCallJustStarted = (): void => {
+        // Indicate that a call was just started, will make shouldIgnoreResize true.
+        this.callJustStarted = true;
+        window.clearTimeout(this.callStartedTimeout);
+
+        // We only want shouldIgnoreResize to be true for a second.
+        this.callStartedTimeout = window.setTimeout(() => {
+            this.callJustStarted = false;
+        }, 1000);
+    };
+
+    public get shouldIgnoreResize(): boolean {
+        return this.callJustStarted;
+    }
+
+    public dispose = (): void => {
+        this.callStore.off(CallStoreEvent.ConnectedCalls, this.onCallConnected);
+    };
+}
diff --git a/apps/web/src/viewmodels/structures/auto-collapse/behaviours/CollapseOnWindowResizeBehaviour.test.ts b/apps/web/src/viewmodels/structures/auto-collapse/behaviours/CollapseOnWindowResizeBehaviour.test.ts
new file mode 100644
index 00000000000..d9aa1b72411
--- /dev/null
+++ b/apps/web/src/viewmodels/structures/auto-collapse/behaviours/CollapseOnWindowResizeBehaviour.test.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.
+ */
+
+// @vitest-environment happy-dom
+
+import { describe, expect, it, vi } from "vitest";
+import UIStore, { UI_EVENTS } from "../../../../stores/UIStore";
+import { CollapseHandler } from "../CollapseHandler";
+import { CollapseOnWindowResizeBehaviour } from "./CollapseOnWindowResizeBehaviour";
+
+vi.useFakeTimers();
+
+describe("CollapseOnWindowResizeBehaviour", () => {
+    it("Should collapse/expand the panel when the window is resized", () => {
+        const expandPanel = vi.fn();
+        const collapsePanel = vi.fn();
+        const collapseHandler = new CollapseHandler(expandPanel, collapsePanel, 0);
+        new CollapseOnWindowResizeBehaviour(collapseHandler);
+        // Making the window smaller should collapse the panel.
+        UIStore.instance.emit(UI_EVENTS.WidthDecreased, 750);
+        expect(collapsePanel).toHaveBeenCalledTimes(1);
+        // Making the window larger should expand the panel.
+        UIStore.instance.emit(UI_EVENTS.WidthIncreased, 950);
+        vi.runAllTimers();
+        expect(expandPanel).toHaveBeenCalledTimes(1);
+    });
+
+    it("should set shouldIgnoreResize to true when window is being resized", () => {
+        const collapseHandler = new CollapseHandler(vi.fn(), vi.fn(), 0);
+        const behaviour = new CollapseOnWindowResizeBehaviour(collapseHandler);
+        expect(behaviour.shouldIgnoreResize).toBe(false);
+        // When the window is being resized, this behaviour should indicate that resize events
+        // should be ignored.
+        UIStore.instance.isWindowBeingResized = true;
+        expect(behaviour.shouldIgnoreResize).toBe(true);
+    });
+
+    it("should return correct shouldStartCollapsed", () => {
+        const collapseHandler = new CollapseHandler(vi.fn(), vi.fn(), 0);
+        new CollapseOnWindowResizeBehaviour(collapseHandler);
+        // When the window is smaller than 768px, start collapsed.
+        UIStore.instance.windowWidth = 750;
+        expect(CollapseOnWindowResizeBehaviour.shouldStartCollapsed()).toBe(true);
+        // When the window is larger than 768px, start expanded.
+        UIStore.instance.windowWidth = 900;
+        expect(CollapseOnWindowResizeBehaviour.shouldStartCollapsed()).toBe(false);
+    });
+});
diff --git a/apps/web/src/viewmodels/structures/auto-collapse/behaviours/CollapseOnWindowResizeBehaviour.ts b/apps/web/src/viewmodels/structures/auto-collapse/behaviours/CollapseOnWindowResizeBehaviour.ts
new file mode 100644
index 00000000000..c6d2a3085f9
--- /dev/null
+++ b/apps/web/src/viewmodels/structures/auto-collapse/behaviours/CollapseOnWindowResizeBehaviour.ts
@@ -0,0 +1,76 @@
+/*
+ * 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 { throttle } from "lodash";
+
+import UIStore, { UI_EVENTS } from "../../../../stores/UIStore";
+import { BaseCollapseBehaviour } from "./BaseCollapseBehaviour";
+import type { CollapseHandler } from "../CollapseHandler";
+
+/**
+ * The viewport width below which the left panel will be auto-collapsed.
+ */
+const AUTO_COLLAPSE_WIDTH = 768;
+
+/**
+ * Implements auto-collapse logic that collapses and expands the left panel when the
+ * app window is resized.
+ */
+export class CollapseOnWindowResizeBehaviour extends BaseCollapseBehaviour {
+    private isAutoCollapsed = CollapseOnWindowResizeBehaviour.shouldStartCollapsed();
+
+    public constructor(collapseHandler: CollapseHandler) {
+        super(collapseHandler);
+        UIStore.instance.on(UI_EVENTS.WidthIncreased, this.onWindowWidthIncreased);
+        UIStore.instance.on(UI_EVENTS.WidthDecreased, this.onWindowWidthDecreased);
+    }
+
+    private onWindowWidthDecreased = throttle((currentWindowWidth: number): void => {
+        // If the panel is already collapsed, we have nothing else left to do.
+        if (this.isAutoCollapsed) return;
+
+        if (currentWindowWidth <= AUTO_COLLAPSE_WIDTH) {
+            this.collapseHandler.collapse();
+            this.isAutoCollapsed = true;
+        }
+    }, 50);
+
+    private onWindowWidthIncreased = throttle((currentWindowWidth: number): void => {
+        if (currentWindowWidth > AUTO_COLLAPSE_WIDTH) {
+            // If the panel isn't already collapsed, we don't need to expand the panel.
+            if (!this.isAutoCollapsed) return;
+            // As the window is resized, react-resizable-panels is also resizing the panels.
+            // We'll expand the panel after a second to avoid racing with the library logic.
+            window.setTimeout(() => {
+                this.collapseHandler.expand();
+                this.isAutoCollapsed = false;
+            }, 1000);
+        }
+    }, 50);
+
+    /**
+     * Whether the window is currently being resized.
+     */
+    public get shouldIgnoreResize(): boolean {
+        // When the window is resized, the panel is resized in various ways.
+        // These transient changes should not be persisted in settings.
+        // So early return if that is the case.
+        return UIStore.instance.isWindowBeingResized;
+    }
+
+    /**
+     * Remove's any event listeners used by this class.
+     */
+    public dispose = (): void => {
+        UIStore.instance.off(UI_EVENTS.WidthIncreased, this.onWindowWidthIncreased);
+        UIStore.instance.off(UI_EVENTS.WidthDecreased, this.onWindowWidthDecreased);
+    };
+
+    public static shouldStartCollapsed(): boolean {
+        return UIStore.instance.windowWidth <= AUTO_COLLAPSE_WIDTH;
+    }
+}
diff --git a/apps/web/src/viewmodels/structures/auto-collapse/behaviours/behaviours.ts b/apps/web/src/viewmodels/structures/auto-collapse/behaviours/behaviours.ts
new file mode 100644
index 00000000000..5ac3f24b7de
--- /dev/null
+++ b/apps/web/src/viewmodels/structures/auto-collapse/behaviours/behaviours.ts
@@ -0,0 +1,14 @@
+/*
+ * 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 { CollapseOnCallResizeBehaviour } from "./CollapseOnCallResizeBehaviour";
+import { CollapseOnWindowResizeBehaviour } from "./CollapseOnWindowResizeBehaviour";
+
+/**
+ * The auto-collapse behaviours used by the app.
+ */
+export const Behaviours = [CollapseOnWindowResizeBehaviour, CollapseOnCallResizeBehaviour];
diff --git a/apps/web/src/widgets/CapabilityText.tsx b/apps/web/src/widgets/CapabilityText.tsx
new file mode 100644
index 00000000000..a5f5a62883f
--- /dev/null
+++ b/apps/web/src/widgets/CapabilityText.tsx
@@ -0,0 +1,438 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 {
+    type Capability,
+    EventDirection,
+    EventKind,
+    getTimelineRoomIDFromCapability,
+    isTimelineCapability,
+    isTimelineCapabilityFor,
+    MatrixCapabilities,
+    Symbols,
+    WidgetEventCapability,
+    WidgetKind,
+} from "matrix-widget-api";
+import { EventType, MsgType } from "matrix-js-sdk/src/matrix";
+import React from "react";
+
+import { _t, _td, type TranslatedString } from "../languageHandler";
+import { ElementWidgetCapabilities } from "../stores/widgets/ElementWidgetCapabilities";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+import TextWithTooltip from "../components/views/elements/TextWithTooltip";
+
+type GENERIC_WIDGET_KIND = "generic";
+const GENERIC_WIDGET_KIND: GENERIC_WIDGET_KIND = "generic";
+
+type SendRecvStaticCapText = Partial<
+    Record<
+        EventType | string,
+        Partial<Record<WidgetKind | GENERIC_WIDGET_KIND, Record<EventDirection, TranslationKey>>>
+    >
+>;
+
+export interface TranslatedCapabilityText {
+    primary: TranslatedString;
+    byline?: TranslatedString;
+}
+
+// oxlint-disable-next-line typescript/no-extraneous-class
+export class CapabilityText {
+    private static simpleCaps: Record<Capability, Partial<Record<WidgetKind | GENERIC_WIDGET_KIND, TranslationKey>>> = {
+        [MatrixCapabilities.AlwaysOnScreen]: {
+            [WidgetKind.Room]: _td("widget|capability|always_on_screen_viewing_another_room"),
+            [GENERIC_WIDGET_KIND]: _td("widget|capability|always_on_screen_generic"),
+        },
+        [MatrixCapabilities.StickerSending]: {
+            [WidgetKind.Room]: _td("widget|capability|send_stickers_this_room"),
+            [GENERIC_WIDGET_KIND]: _td("widget|capability|send_stickers_active_room"),
+        },
+        [ElementWidgetCapabilities.CanChangeViewedRoom]: {
+            [GENERIC_WIDGET_KIND]: _td("widget|capability|switch_room"),
+        },
+        [MatrixCapabilities.MSC2931Navigate]: {
+            [GENERIC_WIDGET_KIND]: _td("widget|capability|switch_room_message_user"),
+        },
+        [MatrixCapabilities.MSC4039DownloadFile]: {
+            [GENERIC_WIDGET_KIND]: _td("widget|capability|download_file"),
+        },
+    };
+
+    private static stateSendRecvCaps: SendRecvStaticCapText = {
+        [EventType.RoomTopic]: {
+            [WidgetKind.Room]: {
+                [EventDirection.Send]: _td("widget|capability|change_topic_this_room"),
+                [EventDirection.Receive]: _td("widget|capability|see_topic_change_this_room"),
+            },
+            [GENERIC_WIDGET_KIND]: {
+                [EventDirection.Send]: _td("widget|capability|change_topic_active_room"),
+                [EventDirection.Receive]: _td("widget|capability|see_topic_change_active_room"),
+            },
+        },
+        [EventType.RoomName]: {
+            [WidgetKind.Room]: {
+                [EventDirection.Send]: _td("widget|capability|change_name_this_room"),
+                [EventDirection.Receive]: _td("widget|capability|see_name_change_this_room"),
+            },
+            [GENERIC_WIDGET_KIND]: {
+                [EventDirection.Send]: _td("widget|capability|change_name_active_room"),
+                [EventDirection.Receive]: _td("widget|capability|see_name_change_active_room"),
+            },
+        },
+        [EventType.RoomAvatar]: {
+            [WidgetKind.Room]: {
+                [EventDirection.Send]: _td("widget|capability|change_avatar_this_room"),
+                [EventDirection.Receive]: _td("widget|capability|see_avatar_change_this_room"),
+            },
+            [GENERIC_WIDGET_KIND]: {
+                [EventDirection.Send]: _td("widget|capability|change_avatar_active_room"),
+                [EventDirection.Receive]: _td("widget|capability|see_avatar_change_active_room"),
+            },
+        },
+        [EventType.RoomMember]: {
+            [WidgetKind.Room]: {
+                [EventDirection.Send]: _td("widget|capability|remove_ban_invite_leave_this_room"),
+                [EventDirection.Receive]: _td("widget|capability|receive_membership_this_room"),
+            },
+            [GENERIC_WIDGET_KIND]: {
+                [EventDirection.Send]: _td("widget|capability|remove_ban_invite_leave_active_room"),
+                [EventDirection.Receive]: _td("widget|capability|receive_membership_active_room"),
+            },
+        },
+    };
+
+    private static nonStateSendRecvCaps: SendRecvStaticCapText = {
+        [EventType.Sticker]: {
+            [WidgetKind.Room]: {
+                [EventDirection.Send]: _td("widget|capability|send_stickers_this_room_as_you"),
+                [EventDirection.Receive]: _td("widget|capability|see_sticker_posted_this_room"),
+            },
+            [GENERIC_WIDGET_KIND]: {
+                [EventDirection.Send]: _td("widget|capability|send_stickers_active_room_as_you"),
+                [EventDirection.Receive]: _td("widget|capability|see_sticker_posted_active_room"),
+            },
+        },
+    };
+
+    private static bylineFor(eventCap: WidgetEventCapability): TranslatedString {
+        if (eventCap.kind === EventKind.State) {
+            return !eventCap.keyStr
+                ? _t("widget|capability|byline_empty_state_key")
+                : _t("widget|capability|byline_state_key", { stateKey: eventCap.keyStr });
+        }
+        return null; // room messages are handled specially
+    }
+
+    public static for(capability: Capability, kind: WidgetKind): TranslatedCapabilityText {
+        // TODO: Support MSC3819 (to-device capabilities)
+
+        // First see if we have a super simple line of text to provide back
+        if (CapabilityText.simpleCaps[capability]) {
+            const textForKind = CapabilityText.simpleCaps[capability];
+            if (textForKind[kind]) return { primary: _t(textForKind[kind]) };
+            if (textForKind[GENERIC_WIDGET_KIND]) return { primary: _t(textForKind[GENERIC_WIDGET_KIND]) };
+
+            // ... we'll fall through to the generic capability processing at the end of this
+            // function if we fail to generate a string for the capability.
+        }
+
+        // Try to handle timeline capabilities. The text here implies that the caller has sorted
+        // the timeline caps to the end for UI purposes.
+        if (isTimelineCapability(capability)) {
+            if (isTimelineCapabilityFor(capability, Symbols.AnyRoom)) {
+                return { primary: _t("widget|capability|any_room") };
+            } else {
+                const roomId = getTimelineRoomIDFromCapability(capability);
+                const room = MatrixClientPeg.safeGet().getRoom(roomId);
+                return {
+                    primary: _t(
+                        "widget|capability|specific_room",
+                        {},
+                        {
+                            Room: () => {
+                                if (room) {
+                                    return (
+                                        <TextWithTooltip tooltip={room.getCanonicalAlias() ?? roomId}>
+                                            <strong>{room.name}</strong>
+                                        </TextWithTooltip>
+                                    );
+                                } else {
+                                    return (
+                                        <strong>
+                                            <code>{roomId}</code>
+                                        </strong>
+                                    );
+                                }
+                            },
+                        },
+                    ),
+                };
+            }
+        }
+
+        // We didn't have a super simple line of text, so try processing the capability as the
+        // more complex event send/receive permission type.
+        const [eventCap] = WidgetEventCapability.findEventCapabilities([capability]);
+        if (eventCap) {
+            // Special case room messages so they show up a bit cleaner to the user. Result is
+            // effectively "Send images" instead of "Send messages... of type images" if we were
+            // to handle the msgtype nuances in this function.
+            if (eventCap.kind === EventKind.Event && eventCap.eventType === EventType.RoomMessage) {
+                return CapabilityText.forRoomMessageCap(eventCap, kind);
+            }
+
+            // See if we have a static line of text to provide for the given event type and
+            // direction. The hope is that we do for common event types for friendlier copy.
+            const evSendRecv =
+                eventCap.kind === EventKind.State
+                    ? CapabilityText.stateSendRecvCaps
+                    : CapabilityText.nonStateSendRecvCaps;
+            if (evSendRecv[eventCap.eventType]) {
+                const textForKind = evSendRecv[eventCap.eventType];
+                const textForDirection = textForKind?.[kind] || textForKind?.[GENERIC_WIDGET_KIND];
+                if (textForDirection?.[eventCap.direction]) {
+                    return {
+                        primary: _t(textForDirection[eventCap.direction]),
+                        // no byline because we would have already represented the event properly
+                    };
+                }
+            }
+
+            // We don't have anything simple, so just return a generic string for the event cap
+            if (kind === WidgetKind.Room) {
+                if (eventCap.direction === EventDirection.Send) {
+                    return {
+                        primary: _t(
+                            "widget|capability|send_event_type_this_room",
+                            {
+                                eventType: eventCap.eventType,
+                            },
+                            {
+                                b: (sub) => <strong>{sub}</strong>,
+                            },
+                        ),
+                        byline: CapabilityText.bylineFor(eventCap),
+                    };
+                } else {
+                    return {
+                        primary: _t(
+                            "widget|capability|see_event_type_sent_this_room",
+                            {
+                                eventType: eventCap.eventType,
+                            },
+                            {
+                                b: (sub) => <strong>{sub}</strong>,
+                            },
+                        ),
+                        byline: CapabilityText.bylineFor(eventCap),
+                    };
+                }
+            } else {
+                // assume generic
+                if (eventCap.direction === EventDirection.Send) {
+                    return {
+                        primary: _t(
+                            "widget|capability|send_event_type_active_room",
+                            {
+                                eventType: eventCap.eventType,
+                            },
+                            {
+                                b: (sub) => <strong>{sub}</strong>,
+                            },
+                        ),
+                        byline: CapabilityText.bylineFor(eventCap),
+                    };
+                } else {
+                    return {
+                        primary: _t(
+                            "widget|capability|see_event_type_sent_active_room",
+                            {
+                                eventType: eventCap.eventType,
+                            },
+                            {
+                                b: (sub) => <strong>{sub}</strong>,
+                            },
+                        ),
+                        byline: CapabilityText.bylineFor(eventCap),
+                    };
+                }
+            }
+        }
+
+        // We don't have enough context to render this capability specially, so we'll present it as-is
+        return {
+            primary: _t(
+                "widget|capability|capability",
+                { capability },
+                {
+                    b: (sub) => <strong>{sub}</strong>,
+                },
+            ),
+        };
+    }
+
+    private static forRoomMessageCap(eventCap: WidgetEventCapability, kind: WidgetKind): TranslatedCapabilityText {
+        // First handle the case of "all messages" to make the switch later on a bit clearer
+        if (!eventCap.keyStr) {
+            if (eventCap.direction === EventDirection.Send) {
+                return {
+                    primary:
+                        kind === WidgetKind.Room
+                            ? _t("widget|capability|send_messages_this_room")
+                            : _t("widget|capability|send_messages_active_room"),
+                };
+            } else {
+                return {
+                    primary:
+                        kind === WidgetKind.Room
+                            ? _t("widget|capability|see_messages_sent_this_room")
+                            : _t("widget|capability|see_messages_sent_active_room"),
+                };
+            }
+        }
+
+        // Now handle all the message types we care about. There are more message types available, however
+        // they are not as common so we don't bother rendering them. They'll fall into the generic case.
+        switch (eventCap.keyStr) {
+            case MsgType.Text: {
+                if (eventCap.direction === EventDirection.Send) {
+                    return {
+                        primary:
+                            kind === WidgetKind.Room
+                                ? _t("widget|capability|send_text_messages_this_room")
+                                : _t("widget|capability|send_text_messages_active_room"),
+                    };
+                } else {
+                    return {
+                        primary:
+                            kind === WidgetKind.Room
+                                ? _t("widget|capability|see_text_messages_sent_this_room")
+                                : _t("widget|capability|see_text_messages_sent_active_room"),
+                    };
+                }
+            }
+            case MsgType.Emote: {
+                if (eventCap.direction === EventDirection.Send) {
+                    return {
+                        primary:
+                            kind === WidgetKind.Room
+                                ? _t("widget|capability|send_emotes_this_room")
+                                : _t("widget|capability|send_emotes_active_room"),
+                    };
+                } else {
+                    return {
+                        primary:
+                            kind === WidgetKind.Room
+                                ? _t("widget|capability|see_sent_emotes_this_room")
+                                : _t("widget|capability|see_sent_emotes_active_room"),
+                    };
+                }
+            }
+            case MsgType.Image: {
+                if (eventCap.direction === EventDirection.Send) {
+                    return {
+                        primary:
+                            kind === WidgetKind.Room
+                                ? _t("widget|capability|send_images_this_room")
+                                : _t("widget|capability|send_images_active_room"),
+                    };
+                } else {
+                    return {
+                        primary:
+                            kind === WidgetKind.Room
+                                ? _t("widget|capability|see_images_sent_this_room")
+                                : _t("widget|capability|see_images_sent_active_room"),
+                    };
+                }
+            }
+            case MsgType.Video: {
+                if (eventCap.direction === EventDirection.Send) {
+                    return {
+                        primary:
+                            kind === WidgetKind.Room
+                                ? _t("widget|capability|send_videos_this_room")
+                                : _t("widget|capability|send_videos_active_room"),
+                    };
+                } else {
+                    return {
+                        primary:
+                            kind === WidgetKind.Room
+                                ? _t("widget|capability|see_videos_sent_this_room")
+                                : _t("widget|capability|see_videos_sent_active_room"),
+                    };
+                }
+            }
+            case MsgType.File: {
+                if (eventCap.direction === EventDirection.Send) {
+                    return {
+                        primary:
+                            kind === WidgetKind.Room
+                                ? _t("widget|capability|send_files_this_room")
+                                : _t("widget|capability|send_files_active_room"),
+                    };
+                } else {
+                    return {
+                        primary:
+                            kind === WidgetKind.Room
+                                ? _t("widget|capability|see_sent_files_this_room")
+                                : _t("widget|capability|see_sent_files_active_room"),
+                    };
+                }
+            }
+            default: {
+                let primary: TranslatedString;
+                if (eventCap.direction === EventDirection.Send) {
+                    if (kind === WidgetKind.Room) {
+                        primary = _t(
+                            "widget|capability|send_msgtype_this_room",
+                            {
+                                msgtype: eventCap.keyStr,
+                            },
+                            {
+                                b: (sub) => <strong>{sub}</strong>,
+                            },
+                        );
+                    } else {
+                        primary = _t(
+                            "widget|capability|send_msgtype_active_room",
+                            {
+                                msgtype: eventCap.keyStr,
+                            },
+                            {
+                                b: (sub) => <strong>{sub}</strong>,
+                            },
+                        );
+                    }
+                } else {
+                    if (kind === WidgetKind.Room) {
+                        primary = _t(
+                            "widget|capability|see_msgtype_sent_this_room",
+                            {
+                                msgtype: eventCap.keyStr,
+                            },
+                            {
+                                b: (sub) => <strong>{sub}</strong>,
+                            },
+                        );
+                    } else {
+                        primary = _t(
+                            "widget|capability|see_msgtype_sent_active_room",
+                            {
+                                msgtype: eventCap.keyStr,
+                            },
+                            {
+                                b: (sub) => <strong>{sub}</strong>,
+                            },
+                        );
+                    }
+                }
+                return { primary };
+            }
+        }
+    }
+}
diff --git a/apps/web/src/widgets/Jitsi.ts b/apps/web/src/widgets/Jitsi.ts
new file mode 100644
index 00000000000..c3eecb6a5c4
--- /dev/null
+++ b/apps/web/src/widgets/Jitsi.ts
@@ -0,0 +1,110 @@
+/*
+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 { logger } from "matrix-js-sdk/src/logger";
+import { ClientEvent, type IClientWellKnown } from "matrix-js-sdk/src/matrix";
+
+import SdkConfig from "../SdkConfig";
+import { MatrixClientPeg } from "../MatrixClientPeg";
+
+const JITSI_WK_PROPERTY_LEGACY = "im.vector.riot.jitsi";
+const JITSI_WK_PROPERTY = "io.element.jitsi";
+
+export interface JitsiWidgetData {
+    conferenceId: string;
+    isAudioOnly: boolean;
+    domain: string;
+}
+
+export class Jitsi {
+    private static instance: Jitsi;
+
+    private domain?: string;
+    private _useFor1To1Calls = false;
+
+    public get preferredDomain(): string {
+        return this.domain || "meet.element.io";
+    }
+
+    public get useFor1To1Calls(): boolean {
+        return this._useFor1To1Calls;
+    }
+
+    /**
+     * Checks for auth needed by looking up a well-known file
+     *
+     * If the file does not exist, we assume no auth.
+     *
+     * See https://github.com/matrix-org/prosody-mod-auth-matrix-user-verification
+     */
+    public async getJitsiAuth(): Promise<string | null> {
+        if (!this.preferredDomain) {
+            return null;
+        }
+        let data;
+        try {
+            const response = await fetch(`https://${this.preferredDomain}/.well-known/element/jitsi`);
+            data = await response.json();
+        } catch {
+            return null;
+        }
+        if (data.auth) {
+            return data.auth;
+        }
+        return null;
+    }
+
+    public start(): void {
+        const cli = MatrixClientPeg.safeGet();
+        cli.on(ClientEvent.ClientWellKnown, this.update);
+        // call update initially in case we missed the first WellKnown.client event and for if no well-known present
+        this.update(cli.getClientWellKnown());
+    }
+
+    private update = async (discoveryResponse?: IClientWellKnown): Promise<any> => {
+        // Start with a default of the config's domain
+        let domain = SdkConfig.getObject("jitsi")?.get("preferred_domain") || "meet.element.io";
+
+        logger.log("Attempting to get Jitsi conference information from homeserver");
+        const wkJitsiConfig = discoveryResponse?.[JITSI_WK_PROPERTY] ?? discoveryResponse?.[JITSI_WK_PROPERTY_LEGACY];
+
+        const wkPreferredDomain = wkJitsiConfig?.["preferredDomain"];
+        if (wkPreferredDomain) domain = wkPreferredDomain;
+
+        // Put the result into memory for us to use later
+        this.domain = domain;
+        logger.log("Jitsi conference domain:", this.preferredDomain);
+        this._useFor1To1Calls = wkJitsiConfig?.["useFor1To1Calls"] || false;
+        logger.log("Jitsi use for 1:1 calls:", this.useFor1To1Calls);
+    };
+
+    /**
+     * Parses the given URL into the data needed for a Jitsi widget, if the widget
+     * URL matches the preferredDomain for the app.
+     * @param {string} url The URL to parse.
+     * @returns {JitsiWidgetData} The widget data if eligible, otherwise null.
+     */
+    public parsePreferredConferenceUrl(url: string): JitsiWidgetData | null {
+        const parsed = new URL(url);
+        if (parsed.hostname !== this.preferredDomain) return null; // invalid
+        return {
+            // URL pathnames always contain a leading slash.
+            // Remove it to be left with just the conference name.
+            conferenceId: parsed.pathname.substring(1),
+            domain: parsed.hostname,
+            isAudioOnly: false,
+        };
+    }
+
+    public static getInstance(): Jitsi {
+        if (!Jitsi.instance) {
+            Jitsi.instance = new Jitsi();
+        }
+        return Jitsi.instance;
+    }
+}
diff --git a/apps/web/src/widgets/ManagedHybrid.test.ts b/apps/web/src/widgets/ManagedHybrid.test.ts
new file mode 100644
index 00000000000..76b2e2a9047
--- /dev/null
+++ b/apps/web/src/widgets/ManagedHybrid.test.ts
@@ -0,0 +1,99 @@
+/*
+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.
+*/
+
+// @vitest-environment happy-dom
+
+import { vi, describe, it, expect, beforeEach } from "vitest";
+import { Room } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import fetchMock from "@fetch-mock/vitest";
+import { stubClient } from "test-utils";
+
+import { addManagedHybridWidget, isManagedHybridWidgetEnabled } from "./ManagedHybrid";
+import SdkConfig from "../SdkConfig";
+import WidgetUtils from "../utils/WidgetUtils";
+import { WidgetLayoutStore } from "../stores/widgets/WidgetLayoutStore";
+
+vi.mock("../utils/room/getJoinedNonFunctionalMembers", () => ({
+    getJoinedNonFunctionalMembers: vi.fn().mockReturnValue([1, 2]),
+}));
+
+describe("isManagedHybridWidgetEnabled", () => {
+    let room: Room;
+
+    beforeEach(() => {
+        const client = stubClient();
+        room = new Room("!room:server", client, client.getSafeUserId());
+    });
+
+    it("should return false if widget_build_url is unset", () => {
+        expect(isManagedHybridWidgetEnabled(room)).toBeFalsy();
+    });
+
+    it("should return true for 1-1 rooms when widget_build_url_ignore_dm is unset", () => {
+        SdkConfig.put({
+            widget_build_url: "https://url",
+        });
+        expect(isManagedHybridWidgetEnabled(room)).toBeTruthy();
+    });
+
+    it("should return false for 1-1 rooms when widget_build_url_ignore_dm is true", () => {
+        SdkConfig.put({
+            widget_build_url: "https://url",
+            widget_build_url_ignore_dm: true,
+        });
+        expect(isManagedHybridWidgetEnabled(room)).toBeFalsy();
+    });
+});
+
+describe("addManagedHybridWidget", () => {
+    let room: Room;
+
+    beforeEach(() => {
+        const client = stubClient();
+        room = new Room("!room:server", client, client.getSafeUserId());
+    });
+
+    it("should noop if user lacks permission", async () => {
+        const logSpy = vi.spyOn(logger, "error").mockImplementation(() => {});
+        vi.spyOn(WidgetUtils, "canUserModifyWidgets").mockReturnValue(false);
+
+        fetchMock.mockClear();
+        await addManagedHybridWidget(room);
+        expect(logSpy).toHaveBeenCalledWith("User not allowed to modify widgets in !room:server");
+        expect(fetchMock).toHaveFetchedTimes(0);
+    });
+
+    it("should noop if no widget_build_url", async () => {
+        vi.spyOn(WidgetUtils, "canUserModifyWidgets").mockReturnValue(true);
+
+        fetchMock.mockClear();
+        await addManagedHybridWidget(room);
+        expect(fetchMock).toHaveFetchedTimes(0);
+    });
+
+    it("should add the widget successfully", async () => {
+        fetchMock.get("https://widget-build-url/?roomId=!room:server", {
+            widget_id: "WIDGET_ID",
+            widget: { key: "value" },
+        });
+        vi.spyOn(WidgetUtils, "canUserModifyWidgets").mockReturnValue(true);
+        vi.spyOn(WidgetLayoutStore.instance, "canCopyLayoutToRoom").mockReturnValue(true);
+        const setRoomWidgetContentSpy = vi.spyOn(WidgetUtils, "setRoomWidgetContent").mockResolvedValue();
+        SdkConfig.put({
+            widget_build_url: "https://widget-build-url",
+        });
+
+        await addManagedHybridWidget(room);
+        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/apps/web/src/widgets/ManagedHybrid.ts b/apps/web/src/widgets/ManagedHybrid.ts
new file mode 100644
index 00000000000..7c71e1b52d7
--- /dev/null
+++ b/apps/web/src/widgets/ManagedHybrid.ts
@@ -0,0 +1,108 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type IWidget } from "matrix-widget-api";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import { getCallBehaviourWellKnown } from "../utils/WellKnownUtils";
+import WidgetUtils from "../utils/WidgetUtils";
+import { type IStoredLayout, WidgetLayoutStore } from "../stores/widgets/WidgetLayoutStore";
+import WidgetEchoStore from "../stores/WidgetEchoStore";
+import WidgetStore, { type IApp } from "../stores/WidgetStore";
+import SdkConfig from "../SdkConfig";
+import { getJoinedNonFunctionalMembers } from "../utils/room/getJoinedNonFunctionalMembers";
+
+interface IManagedHybridWidgetData {
+    widget_id: string;
+    widget: IWidget;
+    layout: IStoredLayout;
+}
+
+function getWidgetBuildUrl(room: Room): string | undefined {
+    const functionalMembers = getJoinedNonFunctionalMembers(room);
+    const isDm = functionalMembers.length === 2;
+    if (SdkConfig.get().widget_build_url) {
+        if (isDm && SdkConfig.get().widget_build_url_ignore_dm) {
+            return undefined;
+        }
+        return SdkConfig.get().widget_build_url;
+    }
+
+    const wellKnown = getCallBehaviourWellKnown(room.client);
+    if (isDm && wellKnown?.ignore_dm) {
+        return undefined;
+    }
+    return wellKnown?.widget_build_url;
+}
+
+export function isManagedHybridWidgetEnabled(room: Room): boolean {
+    return !!getWidgetBuildUrl(room);
+}
+
+export async function addManagedHybridWidget(room: Room): Promise<void> {
+    // Check for permission
+    if (!WidgetUtils.canUserModifyWidgets(room.client, room.roomId)) {
+        logger.error(`User not allowed to modify widgets in ${room.roomId}`);
+        return;
+    }
+
+    // Get widget data
+    const widgetBuildUrl = getWidgetBuildUrl(room);
+    if (!widgetBuildUrl) {
+        return;
+    }
+    let widgetData: IManagedHybridWidgetData;
+    try {
+        const response = await fetch(`${widgetBuildUrl}?roomId=${room.roomId}`);
+        widgetData = await response.json();
+    } catch (e) {
+        logger.error(`Managed hybrid widget builder failed for room ${room.roomId}`, e);
+        return;
+    }
+    if (!widgetData) {
+        return;
+    }
+    const { widget_id: widgetId, widget: widgetContent, layout } = widgetData;
+
+    // Ensure the widget is not already present in the room
+    let widgets = WidgetStore.instance.getApps(room.roomId);
+    const existing = widgets.some((w) => w.id === widgetId) || WidgetEchoStore.roomHasPendingWidgets(room.roomId, []);
+    if (existing) {
+        logger.error(`Managed hybrid widget already present in room ${room.roomId}`);
+        return;
+    }
+
+    // Add the widget
+    try {
+        await WidgetUtils.setRoomWidgetContent(room.client, room.roomId, widgetId, {
+            ...widgetContent,
+            "io.element.managed_hybrid": true,
+        });
+    } catch (e) {
+        logger.error(`Unable to add managed hybrid widget in room ${room.roomId}`, e);
+        return;
+    }
+
+    // Move the widget into position
+    if (!WidgetLayoutStore.instance.canCopyLayoutToRoom(room)) {
+        return;
+    }
+    widgets = WidgetStore.instance.getApps(room.roomId);
+    const installedWidget = widgets.find((w) => w.id === widgetId);
+    if (!installedWidget) {
+        return;
+    }
+    WidgetLayoutStore.instance.moveToContainer(room, installedWidget, layout.container);
+    WidgetLayoutStore.instance.setContainerHeight(room, layout.container, layout.height);
+    WidgetLayoutStore.instance.copyLayoutToRoom(room);
+}
+
+export function isManagedHybridWidget(widget: IApp): boolean {
+    return !!widget["io.element.managed_hybrid"];
+}
diff --git a/apps/web/src/widgets/WidgetType.ts b/apps/web/src/widgets/WidgetType.ts
new file mode 100644
index 00000000000..7040de4cfec
--- /dev/null
+++ b/apps/web/src/widgets/WidgetType.ts
@@ -0,0 +1,35 @@
+/*
+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.
+*/
+
+// TODO: Move to matrix-widget-api
+export class WidgetType {
+    public static readonly JITSI = new WidgetType("m.jitsi", "jitsi");
+    public static readonly STICKERPICKER = new WidgetType("m.stickerpicker", "m.stickerpicker");
+    public static readonly INTEGRATION_MANAGER = new WidgetType("m.integration_manager", "m.integration_manager");
+    public static readonly CUSTOM = new WidgetType("m.custom", "m.custom");
+    public static readonly CALL = new WidgetType("m.call", "m.call");
+
+    public constructor(
+        public readonly preferred: string,
+        public readonly legacy: string,
+    ) {}
+
+    public matches(type: string): boolean {
+        return type === this.preferred || type === this.legacy;
+    }
+
+    public static fromString(type: string): WidgetType {
+        // First try and match it against something we're already aware of
+        const known = Object.values(WidgetType).filter((v) => v instanceof WidgetType);
+        const knownMatch = known.find((w) => w.matches(type));
+        if (knownMatch) return knownMatch;
+
+        // If that fails, invent a new widget type
+        return new WidgetType(type, type);
+    }
+}
diff --git a/apps/web/src/workers/blurhash.worker.ts b/apps/web/src/workers/blurhash.worker.ts
new file mode 100644
index 00000000000..a9adfd4f8eb
--- /dev/null
+++ b/apps/web/src/workers/blurhash.worker.ts
@@ -0,0 +1,35 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { encode } from "blurhash";
+
+import { type WorkerPayload } from "./worker";
+
+const ctx: Worker = self as any;
+
+export interface Request {
+    imageData: ImageData;
+}
+
+export interface Response {
+    blurhash: string;
+}
+
+ctx.addEventListener("message", (event: MessageEvent<Request & WorkerPayload>): void => {
+    const { seq, imageData } = event.data;
+    const blurhash = encode(
+        imageData.data,
+        imageData.width,
+        imageData.height,
+        // use 4 components on the longer dimension, if square then both
+        imageData.width >= imageData.height ? 4 : 3,
+        imageData.height >= imageData.width ? 4 : 3,
+    );
+
+    ctx.postMessage({ seq, blurhash });
+});
diff --git a/apps/web/src/workers/blurhashWorkerFactory.ts b/apps/web/src/workers/blurhashWorkerFactory.ts
new file mode 100644
index 00000000000..2104e704bf5
--- /dev/null
+++ b/apps/web/src/workers/blurhashWorkerFactory.ts
@@ -0,0 +1,14 @@
+/*
+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.
+*/
+
+export default function factory(options?: WorkerOptions): Worker {
+    return new Worker(
+        /* webpackChunkName: "blurhash.worker" */ new URL("./blurhash.worker.ts", import.meta.url),
+        options,
+    );
+}
diff --git a/apps/web/src/workers/indexeddb.worker.ts b/apps/web/src/workers/indexeddb.worker.ts
new file mode 100644
index 00000000000..ebfc1b27001
--- /dev/null
+++ b/apps/web/src/workers/indexeddb.worker.ts
@@ -0,0 +1,16 @@
+/*
+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.
+*/
+
+import { IndexedDBStoreWorker } from "matrix-js-sdk/src/indexeddb-worker";
+
+const ctx: Worker = self as any;
+
+// eslint-disable-next-line @typescript-eslint/unbound-method
+const remoteWorker = new IndexedDBStoreWorker(ctx.postMessage);
+
+ctx.onmessage = remoteWorker.onMessage;
diff --git a/apps/web/src/workers/indexeddbWorkerFactory.ts b/apps/web/src/workers/indexeddbWorkerFactory.ts
new file mode 100644
index 00000000000..c92d578443c
--- /dev/null
+++ b/apps/web/src/workers/indexeddbWorkerFactory.ts
@@ -0,0 +1,14 @@
+/*
+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.
+*/
+
+export default function factory(options?: WorkerOptions): Worker {
+    return new Worker(
+        /* webpackChunkName: "indexeddb.worker" */ new URL("./indexeddb.worker.ts", import.meta.url),
+        options,
+    );
+}
diff --git a/apps/web/src/workers/playback.worker.ts b/apps/web/src/workers/playback.worker.ts
new file mode 100644
index 00000000000..3c77f9a9b45
--- /dev/null
+++ b/apps/web/src/workers/playback.worker.ts
@@ -0,0 +1,34 @@
+/*
+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 { type WorkerPayload } from "./worker";
+import { arrayRescale, arraySmoothingResample } from "../utils/arrays";
+import { PLAYBACK_WAVEFORM_SAMPLES } from "../audio/consts";
+
+const ctx: Worker = self as any;
+
+export interface Request {
+    data: number[];
+}
+
+export interface Response {
+    waveform: number[];
+}
+
+ctx.addEventListener("message", async (event: MessageEvent<Request & WorkerPayload>): Promise<void> => {
+    const { seq, data } = event.data;
+
+    // First, convert negative amplitudes to positive so we don't detect zero as "noisy".
+    const noiseWaveform = data.map((v) => Math.abs(v));
+
+    // Then, we'll resample the waveform using a smoothing approach so we can keep the same rough shape.
+    // We also rescale the waveform to be 0-1 so we end up with a clamped waveform to rely upon.
+    const waveform = arrayRescale(arraySmoothingResample(noiseWaveform, PLAYBACK_WAVEFORM_SAMPLES), 0, 1);
+
+    ctx.postMessage({ seq, waveform });
+});
diff --git a/apps/web/src/workers/playbackWorkerFactory.ts b/apps/web/src/workers/playbackWorkerFactory.ts
new file mode 100644
index 00000000000..ceffcd1caba
--- /dev/null
+++ b/apps/web/src/workers/playbackWorkerFactory.ts
@@ -0,0 +1,14 @@
+/*
+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.
+*/
+
+export default function factory(options?: WorkerOptions): Worker {
+    return new Worker(
+        /* webpackChunkName: "playback.worker" */ new URL("./playback.worker.ts", import.meta.url),
+        options,
+    );
+}
diff --git a/apps/web/src/workers/worker.ts b/apps/web/src/workers/worker.ts
new file mode 100644
index 00000000000..d96a53a324a
--- /dev/null
+++ b/apps/web/src/workers/worker.ts
@@ -0,0 +1,11 @@
+/*
+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.
+*/
+
+export interface WorkerPayload {
+    seq: number;
+}
diff --git a/apps/web/test/@types/common.ts b/apps/web/test/@types/common.ts
new file mode 100644
index 00000000000..8203ff1dd3d
--- /dev/null
+++ b/apps/web/test/@types/common.ts
@@ -0,0 +1,11 @@
+/*
+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.
+*/
+
+export type PublicInterface<T> = {
+    [P in keyof T]: T[P];
+};
diff --git a/apps/web/test/app-tests/server-config-test.ts b/apps/web/test/app-tests/server-config-test.ts
new file mode 100644
index 00000000000..125faacb03c
--- /dev/null
+++ b/apps/web/test/app-tests/server-config-test.ts
@@ -0,0 +1,72 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Yorusaka Miyabi <shadowrz@disroot.org>
+
+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 SdkConfig from "../../src/SdkConfig";
+import PlatformPeg from "../../src/PlatformPeg";
+import { loadApp } from "../../src/vector/app";
+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"];
+
+describe("Loading server config", function () {
+    beforeEach(async () => {
+        SdkConfig.reset();
+        PlatformPeg.set(new WebPlatform());
+        fetchMock.get("https://matrix-client.matrix.org/_matrix/client/versions", {
+            unstable_features: {},
+            versions: SERVER_SUPPORTED_MATRIX_VERSIONS,
+        });
+        fetchMock.get("https://matrix.org/.well-known/matrix/client", {
+            "m.homeserver": {
+                base_url: "https://matrix-client.matrix.org",
+            },
+        });
+        fetchMock.get("/version", "1.10.13");
+    });
+
+    it("should use the default_server_config", async function () {
+        SdkConfig.put({
+            default_server_config: {
+                "m.homeserver": {
+                    base_url: "https://matrix-client.matrix.org",
+                },
+            },
+        });
+        await loadApp({}, null);
+        expect((SdkConfig.get("validated_server_config") || {}).hsUrl).toBe("https://matrix-client.matrix.org");
+    });
+
+    it("should use the default_server_name when resolveable", async function () {
+        SdkConfig.put({
+            default_server_name: "matrix.org",
+        });
+        await loadApp({}, null);
+        expect((SdkConfig.get("validated_server_config") || {}).hsUrl).toBe("https://matrix-client.matrix.org");
+    });
+
+    it(
+        "should not throw when both default_server_name and default_server_config is specified " +
+            "and default_server_name isn't resolvable",
+        async function () {
+            fetchMock.get("https://matrix.org/.well-known/matrix/client", 500);
+            SdkConfig.put({
+                default_server_name: "matrix.org",
+                default_server_config: {
+                    "m.homeserver": {
+                        base_url: "https://matrix-client.matrix.org",
+                    },
+                },
+            });
+            await loadApp({}, null);
+            expect((SdkConfig.get("validated_server_config") || {}).hsUrl).toBe("https://matrix-client.matrix.org");
+        },
+    );
+});
diff --git a/apps/web/test/app-tests/wrapper-test.tsx b/apps/web/test/app-tests/wrapper-test.tsx
new file mode 100644
index 00000000000..cbbc9900455
--- /dev/null
+++ b/apps/web/test/app-tests/wrapper-test.tsx
@@ -0,0 +1,85 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Mikhail Aheichyk
+Copyright 2023 Nordeck IT + Consulting GmbH.
+
+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 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";
+
+import SdkConfig from "../../src/SdkConfig";
+import PlatformPeg from "../../src/PlatformPeg";
+import { ModuleRunner } from "../../src/modules/ModuleRunner";
+import MatrixChat from "../../src/components/structures/MatrixChat";
+import WebPlatform from "../../src/vector/platform/WebPlatform";
+import { loadApp } from "../../src/vector/app";
+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"];
+
+describe("Wrapper", () => {
+    beforeEach(async () => {
+        SdkConfig.reset();
+        PlatformPeg.set(new WebPlatform());
+        fetchMock.get("https://matrix-client.matrix.org/_matrix/client/versions", {
+            unstable_features: {},
+            versions: SERVER_SUPPORTED_MATRIX_VERSIONS,
+        });
+        fetchMock.get("https://matrix.org/.well-known/matrix/client", {
+            "m.homeserver": {
+                base_url: "https://matrix-client.matrix.org",
+            },
+        });
+        fetchMock.get("/version", "1.10.13");
+    });
+
+    it("wrap a matrix chat with header and footer", async () => {
+        SdkConfig.put({
+            default_server_config: {
+                "m.homeserver": {
+                    base_url: "https://matrix-client.matrix.org",
+                },
+            },
+        });
+
+        jest.spyOn(ModuleRunner.instance, "invoke").mockImplementation((lifecycleEvent, opts) => {
+            if (lifecycleEvent === WrapperLifecycle.Wrapper) {
+                (opts as WrapperOpts).Wrapper = ({ children }) => {
+                    return (
+                        <>
+                            <div data-testid="wrapper-header">Header</div>
+                            <div data-testid="wrapper-matrix-chat">{children}</div>
+                            <div data-testid="wrapper-footer">Footer</div>
+                        </>
+                    );
+                };
+            }
+        });
+
+        const ref = React.createRef<MatrixChat>();
+        const matrixChatResult: RenderResult = render(await loadApp({}, ref));
+
+        // at this point, we're trying to do a guest registration;
+        // we expect a spinner
+        await waitForLoadingSpinner();
+
+        await waitForWelcomeComponent(matrixChatResult);
+
+        // Are not semantic elements because Element has a footer already.
+        const header = screen.getByTestId("wrapper-header");
+        const matrixChat = screen.getByTestId("wrapper-matrix-chat");
+        const footer = screen.getByTestId("wrapper-footer");
+
+        expect(header.nextSibling).toBe(matrixChat);
+        expect(matrixChat.nextSibling).toBe(footer);
+
+        // Should still hold a reference to the MatrixChat component
+        expect(ref.current).toBeInstanceOf(MatrixChat);
+    });
+});
diff --git a/apps/web/test/globalSetup.ts b/apps/web/test/globalSetup.ts
new file mode 100644
index 00000000000..fd1c3fbb7d2
--- /dev/null
+++ b/apps/web/test/globalSetup.ts
@@ -0,0 +1,12 @@
+/*
+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.
+*/
+
+// oxlint-disable-next-line import/no-commonjs,unicorn/prefer-module
+module.exports = async () => {
+    process.env.TZ = "UTC";
+};
diff --git a/apps/web/test/jest-mocks.ts b/apps/web/test/jest-mocks.ts
new file mode 100644
index 00000000000..f742d141984
--- /dev/null
+++ b/apps/web/test/jest-mocks.ts
@@ -0,0 +1,25 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-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.
+*/
+
+// https://jestjs.io/docs/en/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
+Object.defineProperty(window, "matchMedia", {
+    writable: true,
+    value: jest.fn().mockImplementation((query) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: jest.fn(), // deprecated
+        removeListener: jest.fn(), // deprecated
+        addEventListener: jest.fn(),
+        removeEventListener: jest.fn(),
+        dispatchEvent: jest.fn(),
+    })),
+});
+
+// maplibre requires a createObjectURL mock
+global.URL.createObjectURL = jest.fn();
diff --git a/apps/web/test/setup/adapter.ts b/apps/web/test/setup/adapter.ts
new file mode 100644
index 00000000000..9d6c08acff1
--- /dev/null
+++ b/apps/web/test/setup/adapter.ts
@@ -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 { vi } from "vitest";
+import * as vitest from "vitest";
+import { mocked as jestMocked } from "jest-mock";
+
+export const isJest = typeof jest !== "undefined";
+
+/**
+ * Subset of the vitest API surface, with jest equivalents for the same functions when running under jest.
+ */
+const adapter = {
+    fn: isJest ? (jest.fn as unknown as typeof vi.fn) : vi.fn,
+    spyOn: isJest ? (jest.spyOn as unknown as typeof vi.spyOn) : vi.spyOn,
+    mocked: isJest ? (jestMocked as typeof vi.mocked) : vi.mocked,
+    advanceTimersByTime: isJest
+        ? (jest.advanceTimersByTime as unknown as typeof vi.advanceTimersByTime)
+        : vi.advanceTimersByTime,
+} as Pick<typeof vi, "fn" | "spyOn" | "mocked" | "advanceTimersByTime">;
+
+const mocked = adapter.mocked;
+export { adapter as vi, mocked };
+
+const _expect = isJest ? (expect as unknown as typeof vitest.expect) : vitest.expect;
+const _beforeAll = isJest ? (beforeAll as unknown as typeof vitest.beforeAll) : vitest.beforeAll;
+const _afterAll = isJest ? (afterAll as unknown as typeof vitest.afterAll) : vitest.afterAll;
+const _beforeEach = isJest ? (beforeEach as unknown as typeof vitest.beforeEach) : vitest.beforeEach;
+const _afterEach = isJest ? (afterEach as unknown as typeof vitest.afterEach) : vitest.afterEach;
+export {
+    _expect as expect,
+    _beforeAll as beforeAll,
+    _afterAll as afterAll,
+    _beforeEach as beforeEach,
+    _afterEach as afterEach,
+};
+
+export { type Mocked, type MockedObject } from "vitest";
diff --git a/apps/web/test/setup/mocks.ts b/apps/web/test/setup/mocks.ts
new file mode 100644
index 00000000000..27028742a2d
--- /dev/null
+++ b/apps/web/test/setup/mocks.ts
@@ -0,0 +1,30 @@
+/*
+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.
+*/
+
+import { vi } from "./adapter.ts";
+
+export const mocks = {
+    AudioBufferSourceNode: {
+        connect: vi.fn(),
+        start: vi.fn(),
+        stop: vi.fn(),
+    } as unknown as AudioBufferSourceNode,
+    AudioContext: {
+        close: vi.fn(),
+        createMediaElementSource: vi.fn(),
+        createMediaStreamDestination: vi.fn(),
+        createMediaStreamSource: vi.fn(),
+        createStreamTrackSource: vi.fn(),
+        createBufferSource: vi.fn((): AudioBufferSourceNode => ({ ...mocks.AudioBufferSourceNode })),
+        getOutputTimestamp: vi.fn(),
+        resume: vi.fn(),
+        setSinkId: vi.fn(),
+        suspend: vi.fn(),
+        decodeAudioData: vi.fn(),
+    } as unknown as AudioContext,
+};
diff --git a/apps/web/test/setup/setupConfig.ts b/apps/web/test/setup/setupConfig.ts
new file mode 100644
index 00000000000..c56a6444f46
--- /dev/null
+++ b/apps/web/test/setup/setupConfig.ts
@@ -0,0 +1,13 @@
+/*
+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 SdkConfig, { DEFAULTS } from "../../src/SdkConfig";
+
+// uninitialised SdkConfig causes lots of warnings in console
+// init with defaults
+SdkConfig.put(DEFAULTS);
diff --git a/apps/web/test/setup/setupLanguage.ts b/apps/web/test/setup/setupLanguage.ts
new file mode 100644
index 00000000000..40c98ae4ffc
--- /dev/null
+++ b/apps/web/test/setup/setupLanguage.ts
@@ -0,0 +1,73 @@
+/*
+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 fetchMock from "@fetch-mock/jest";
+import { ModuleLoader } from "@element-hq/element-web-module-api";
+import { merge } from "lodash";
+import { setMissingEntryGenerator } from "@element-hq/web-shared-components";
+
+import { setLanguage } from "../../src/i18n/settings";
+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 = {
+    Save: "Saglabāt",
+    room: {
+        upload: {
+            uploading_multiple_file: {
+                one: "Качване на %(filename)s и %(count)s друг",
+            },
+        },
+    },
+};
+
+// Fake languages.json containing references to en_EN, de_DE and lv
+// en_EN.json
+// de_DE.json
+// 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(
+            "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);
+}
+beforeEach(setupLanguageMock);
+afterEach(() => fetchMock.callHistory.flush());
+
+// Initialise the fetchMock before the test starts so the languageHandler.setLanguage call below can function
+setupLanguageMock();
+setLanguage("en");
+setMissingEntryGenerator((key) => key.split("|", 2)[1]);
+
+// Set up the module API (so the i18n API exists)
+const moduleLoader = new ModuleLoader(ModuleApi.instance);
+window.mxModuleLoader = moduleLoader;
diff --git a/apps/web/test/setup/setupManualMocks.ts b/apps/web/test/setup/setupManualMocks.ts
new file mode 100644
index 00000000000..3c615aed766
--- /dev/null
+++ b/apps/web/test/setup/setupManualMocks.ts
@@ -0,0 +1,91 @@
+/*
+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 fetchMock, { manageFetchMockGlobally } from "@fetch-mock/jest";
+import { jest } from "@jest/globals";
+
+import { mocks } from "./mocks";
+
+// Stub ResizeObserver
+// @ts-ignore - we know it's a duplicate (that's why we're stubbing it)
+class ResizeObserver {
+    observe() {} // do nothing
+    unobserve() {} // do nothing
+    disconnect() {} // do nothing
+}
+window.ResizeObserver = ResizeObserver;
+
+// Stub DOMRect
+class DOMRect {
+    x = 0;
+    y = 0;
+    top = 0;
+    bottom = 0;
+    left = 0;
+    right = 0;
+    height = 0;
+    width = 0;
+
+    static fromRect() {
+        return new DOMRect();
+    }
+    toJSON() {}
+}
+
+window.DOMRect = DOMRect;
+
+// Work around missing ClipboardEvent type
+class MyClipboardEvent extends Event {}
+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.
+global.matchMedia = (query: string) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(), // Deprecated
+    removeListener: jest.fn(), // Deprecated
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn<(event: Event) => boolean>(),
+});
+
+// maplibre requires a createObjectURL mock
+global.URL.createObjectURL = jest.fn((obj) => "blob");
+global.URL.revokeObjectURL = jest.fn();
+
+// 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" : ""));
+
+function setupFileStubMocks() {
+    fetchMock.get("end:/image-file-stub", "image file stub", { sticky: true });
+}
+setupFileStubMocks();
+
+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<() => AudioContext>().mockImplementation(() => ({ ...mocks.AudioContext }));
diff --git a/apps/web/test/setupTests.ts b/apps/web/test/setupTests.ts
new file mode 100644
index 00000000000..e5f1881a010
--- /dev/null
+++ b/apps/web/test/setupTests.ts
@@ -0,0 +1,92 @@
+/*
+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 { env } from "node:process";
+import "@testing-library/jest-dom";
+import "blob-polyfill";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+import { mocked } from "jest-mock-vitest-adapter";
+
+import { PredictableRandom } from "./test-utils/predictableRandom";
+import * as rageshake from "../src/rageshake/rageshake";
+
+declare global {
+    var IS_REACT_ACT_ENVIRONMENT: boolean;
+}
+
+globalThis.IS_REACT_ACT_ENVIRONMENT = true;
+
+// Fake random strings to give a predictable snapshot for IDs
+jest.mock("matrix-js-sdk/src/randomstring");
+beforeEach(() => {
+    const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+    const mockRandom = new PredictableRandom();
+    // needless to say, the mock is not cryptographically secure
+    mocked(secureRandomString).mockImplementation((len) => {
+        let ret = "";
+        for (let i = 0; i < len; ++i) {
+            const v = mockRandom.get() * chars.length;
+            const m = ((v % chars.length) + chars.length) % chars.length; // account for negative modulo
+            ret += chars.charAt(Math.floor(m));
+        }
+        return ret;
+    });
+});
+
+// Somewhat hacky workaround for https://github.com/jestjs/jest/issues/15747: if the GHA reporter is enabled,
+// capture logs using the rageshake infrastructure, then dump them out after the test.
+if (env["GITHUB_ACTIONS"] !== undefined) {
+    beforeEach(async () => {
+        await rageshake.init(/* setUpPersistence = */ false);
+    });
+
+    afterEach(async () => {
+        const logs = global.mx_rage_logger.flush(/* keeplogs = */ false);
+        if (logs) {
+            process.stderr.write(`::group::Console logs from test '${expect.getState().currentTestName}'\n\n`);
+            process.stderr.write(logs);
+            process.stderr.write("::endgroup::\n");
+        }
+    });
+}
+
+// Very carefully enable the mocks for everything else in
+// a specific order. We use this order to ensure we properly
+// establish an application state that actually works.
+//
+// These are also require() calls to make sure they get called
+// synchronously.
+/* eslint-disable @typescript-eslint/no-require-imports,import/no-commonjs,unicorn/prefer-module */
+require("./setup/setupManualMocks"); // must be first
+require("./setup/setupLanguage");
+require("./setup/setupConfig");
+
+// Utility to check for React errors during the tests
+// Fails tests on errors like the following:
+// In HTML, <div> cannot be a descendant of <p>.
+// In HTML, <form> cannot be a descendant of <form>.
+// In HTML, text nodes cannot be a child of <thead>.
+// This will cause a hydration error.
+// You provided a `checked` prop to a form field without an `onChange` handler.
+let errors: any[] = [];
+beforeEach(() => {
+    errors = [];
+    const originalError = console.error;
+    jest.spyOn(console, "error").mockImplementation((...args) => {
+        if (/validateDOMNesting|Hydration failed|hydration error|prop to a form field without an/i.test(args[0])) {
+            errors.push(args[0]);
+        }
+        originalError.call(console, ...args);
+    });
+});
+afterEach(() => {
+    mocked(console.error).mockRestore?.();
+    if (errors.length > 0) {
+        throw new Error("Test failed due to React hydration errors in the console.");
+    }
+});
diff --git a/apps/web/test/slowReporter.cjs b/apps/web/test/slowReporter.cjs
new file mode 100644
index 00000000000..e25938753c4
--- /dev/null
+++ b/apps/web/test/slowReporter.cjs
@@ -0,0 +1,9 @@
+/*
+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.
+*/
+
+module.exports = require("matrix-js-sdk/spec/slowReporter.cjs");
diff --git a/apps/web/test/test-utils/audio.ts b/apps/web/test/test-utils/audio.ts
new file mode 100644
index 00000000000..ef775730fa9
--- /dev/null
+++ b/apps/web/test/test-utils/audio.ts
@@ -0,0 +1,74 @@
+/*
+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 EventEmitter from "node:events";
+import { SimpleObservable } from "matrix-widget-api";
+
+import { type Playback, PlaybackState } from "../../src/audio/Playback";
+import { type PlaybackClock } from "../../src/audio/PlaybackClock";
+import { UPDATE_EVENT } from "../../src/stores/AsyncStore";
+import { type PublicInterface } from "../@types/common";
+
+export const createTestPlayback = (overrides: Partial<Playback> = {}): Playback => {
+    const eventEmitter = new EventEmitter();
+
+    return {
+        thumbnailWaveform: [1, 2, 3],
+        sizeBytes: 23,
+        waveform: [4, 5, 6],
+        waveformData: new SimpleObservable<number[]>(),
+        destroy: jest.fn(),
+        play: jest.fn(),
+        prepare: jest.fn(),
+        pause: jest.fn(),
+        stop: jest.fn(),
+        toggle: jest.fn(),
+        skipTo: jest.fn(),
+        isPlaying: false,
+        clockInfo: createTestPlaybackClock(),
+        currentState: PlaybackState.Stopped,
+        emit: (event: PlaybackState, ...args: any[]): boolean => {
+            eventEmitter.emit(event, ...args);
+            eventEmitter.emit(UPDATE_EVENT, event, ...args);
+            return true;
+        },
+        // EventEmitter
+        on: eventEmitter.on.bind(eventEmitter) as Playback["on"],
+        once: eventEmitter.once.bind(eventEmitter) as Playback["once"],
+        off: eventEmitter.off.bind(eventEmitter) as Playback["off"],
+        addListener: eventEmitter.addListener.bind(eventEmitter) as Playback["addListener"],
+        removeListener: eventEmitter.removeListener.bind(eventEmitter) as Playback["removeListener"],
+        removeAllListeners: eventEmitter.removeAllListeners.bind(eventEmitter) as Playback["removeAllListeners"],
+        getMaxListeners: eventEmitter.getMaxListeners.bind(eventEmitter) as Playback["getMaxListeners"],
+        setMaxListeners: eventEmitter.setMaxListeners.bind(eventEmitter) as Playback["setMaxListeners"],
+        listeners: eventEmitter.listeners.bind(eventEmitter) as Playback["listeners"],
+        rawListeners: eventEmitter.rawListeners.bind(eventEmitter) as Playback["rawListeners"],
+        listenerCount: eventEmitter.listenerCount.bind(eventEmitter) as Playback["listenerCount"],
+        eventNames: eventEmitter.eventNames.bind(eventEmitter) as Playback["eventNames"],
+        prependListener: eventEmitter.prependListener.bind(eventEmitter) as Playback["prependListener"],
+        prependOnceListener: eventEmitter.prependOnceListener.bind(eventEmitter) as Playback["prependOnceListener"],
+        liveData: new SimpleObservable<number[]>(),
+        durationSeconds: 31415,
+        timeSeconds: 3141,
+        ...overrides,
+    } as PublicInterface<Playback> as Playback;
+};
+
+export const createTestPlaybackClock = (): PlaybackClock => {
+    return {
+        durationSeconds: 31,
+        timeSeconds: 41,
+        liveData: new SimpleObservable<number[]>(),
+        populatePlaceholdersFrom: jest.fn(),
+        flagLoadTime: jest.fn(),
+        flagStart: jest.fn(),
+        flagStop: jest.fn(),
+        syncTo: jest.fn(),
+        destroy: jest.fn(),
+    } as PublicInterface<PlaybackClock> as PlaybackClock;
+};
diff --git a/apps/web/test/test-utils/auth.ts b/apps/web/test/test-utils/auth.ts
new file mode 100644
index 00000000000..9d36fdfb3fa
--- /dev/null
+++ b/apps/web/test/test-utils/auth.ts
@@ -0,0 +1,9 @@
+/*
+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.
+*/
+
+export { makeDelegatedAuthMetadata } from "matrix-js-sdk/src/testing";
diff --git a/apps/web/test/test-utils/beacon.ts b/apps/web/test/test-utils/beacon.ts
new file mode 100644
index 00000000000..54a0b825fc1
--- /dev/null
+++ b/apps/web/test/test-utils/beacon.ts
@@ -0,0 +1,214 @@
+/*
+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 { type MockedObject } from "jest-mock-vitest-adapter";
+import {
+    type MatrixClient,
+    MatrixEvent,
+    type Beacon,
+    getBeaconInfoIdentifier,
+    ContentHelpers,
+    type LocationAssetType,
+    M_BEACON,
+    M_BEACON_INFO,
+} from "matrix-js-sdk/src/matrix";
+
+import { getMockGeolocationPositionError } from "./location";
+import { makeRoomWithStateEvents } from "./room";
+import { vi, isJest } from "../setup/adapter.ts";
+
+type InfoContentProps = {
+    timeout: number;
+    isLive?: boolean;
+    assetType?: LocationAssetType;
+    description?: string;
+    timestamp?: number;
+};
+const DEFAULT_INFO_CONTENT_PROPS: InfoContentProps = {
+    timeout: 3600000,
+};
+
+/**
+ * Create an m.beacon_info event
+ * all required properties are mocked
+ * override with contentProps
+ */
+export const makeBeaconInfoEvent = (
+    sender: string,
+    roomId: string,
+    contentProps: Partial<InfoContentProps> = {},
+    eventId?: string,
+): MatrixEvent => {
+    const { timeout, isLive, description, assetType, timestamp } = {
+        ...DEFAULT_INFO_CONTENT_PROPS,
+        ...contentProps,
+    };
+    const event = new MatrixEvent({
+        type: M_BEACON_INFO.name,
+        room_id: roomId,
+        state_key: sender,
+        sender,
+        content: ContentHelpers.makeBeaconInfoContent(timeout, isLive, description, assetType, timestamp),
+    });
+
+    event.event.origin_server_ts = Date.now();
+
+    // live beacons use the beacon_info event id
+    // set or default this
+    event.replaceLocalEventId(eventId || `$${Math.random()}-${Math.random()}`);
+
+    return event;
+};
+
+type ContentProps = {
+    geoUri: string;
+    timestamp: number;
+    beaconInfoId: string;
+    description?: string;
+};
+const DEFAULT_CONTENT_PROPS: ContentProps = {
+    geoUri: "geo:-36.24484561954707,175.46884959563613;u=10",
+    timestamp: 123,
+    beaconInfoId: "$123",
+};
+
+/**
+ * Create an m.beacon event
+ * all required properties are mocked
+ * override with contentProps
+ */
+export const makeBeaconEvent = (
+    sender: string,
+    contentProps: Partial<ContentProps> = {},
+    roomId?: string,
+): MatrixEvent => {
+    const { geoUri, timestamp, beaconInfoId, description } = {
+        ...DEFAULT_CONTENT_PROPS,
+        ...contentProps,
+    };
+
+    return new MatrixEvent({
+        type: M_BEACON.name,
+        room_id: roomId,
+        sender,
+        content: ContentHelpers.makeBeaconContent(geoUri, timestamp, beaconInfoId, description),
+        origin_server_ts: 0,
+    });
+};
+
+/**
+ * Create a mock geolocation position
+ * defaults all required properties
+ */
+export const makeGeolocationPosition = ({
+    timestamp,
+    coords,
+}: {
+    timestamp?: number;
+    coords?: Partial<GeolocationCoordinates>;
+}): GeolocationPosition =>
+    ({
+        timestamp: timestamp ?? 1647256791840,
+        coords: {
+            accuracy: 1,
+            latitude: 54.001927,
+            longitude: -8.253491,
+            altitude: null,
+            altitudeAccuracy: null,
+            heading: null,
+            speed: null,
+            ...coords,
+        },
+    }) as unknown as GeolocationPosition;
+
+/**
+ * Creates a basic mock of Geolocation
+ * sets navigator.geolocation to the mock
+ * and returns mock
+ */
+export const mockGeolocation = (): MockedObject<Geolocation> => {
+    const mockGeolocation = {
+        clearWatch: vi.fn(),
+        getCurrentPosition: vi.fn().mockImplementation((callback) => callback(makeGeolocationPosition({}))),
+        watchPosition: vi.fn().mockImplementation((callback) => callback(makeGeolocationPosition({}))),
+    } as unknown as MockedObject<Geolocation>;
+
+    // jest jsdom does not provide geolocation
+    if (isJest) {
+        // @ts-ignore illegal assignment to readonly property
+        navigator.geolocation = mockGeolocation;
+    } else {
+        vi.spyOn(navigator, "geolocation", "get").mockReturnValue(mockGeolocation);
+    }
+
+    return mockGeolocation;
+};
+
+/**
+ * Creates a mock watchPosition implementation
+ * that calls success callback at the provided delays
+ * ```
+ * geolocation.watchPosition.mockImplementation([0, 1000, 5000, 50])
+ * ```
+ * will call the provided handler with a mock position at
+ * next tick, 1000ms, 6000ms, 6050ms
+ *
+ * to produce errors provide an array of error codes
+ * that will be applied to the delay with the same index
+ * eg:
+ * ```
+ * // return two good positions, then a permission denied error
+ * geolocation.watchPosition.mockImplementation(watchPositionMockImplementation(
+ *      [0, 1000, 3000], [0, 0, 1]),
+ * );
+ * ```
+ * See for error codes: https://developer.mozilla.org/en-US/docs/Web/API/GeolocationPositionError
+ */
+export const watchPositionMockImplementation = (delays: number[], errorCodes: number[] = []) => {
+    return (callback: PositionCallback, error?: PositionErrorCallback | null): number => {
+        const position = makeGeolocationPosition({});
+
+        let totalDelay = 0;
+        delays.map((delayMs, index) => {
+            totalDelay += delayMs;
+            const timeout = window.setTimeout(() => {
+                if (errorCodes[index]) {
+                    error?.(getMockGeolocationPositionError(errorCodes[index], "error message"));
+                } else {
+                    callback({ ...position, timestamp: position.timestamp + totalDelay });
+                }
+            }, totalDelay);
+            return timeout;
+        });
+
+        return totalDelay;
+    };
+};
+
+/**
+ * Creates a room with beacon events
+ * sets given locations on beacons
+ * returns beacons
+ */
+export const makeRoomWithBeacons = (
+    roomId: string,
+    mockClient: MockedObject<MatrixClient>,
+    beaconInfoEvents: MatrixEvent[],
+    locationEvents?: MatrixEvent[],
+): Beacon[] => {
+    const room = makeRoomWithStateEvents(beaconInfoEvents, { roomId, mockClient });
+    const beacons = beaconInfoEvents.map((event) => room.currentState.beacons.get(getBeaconInfoIdentifier(event))!);
+    if (locationEvents) {
+        beacons.forEach((beacon) => {
+            // this filtering happens in roomState, which is bypassed here
+            const validLocationEvents = locationEvents?.filter((event) => event.getSender() === beacon.beaconInfoOwner);
+            beacon.addLocations(validLocationEvents);
+        });
+    }
+    return beacons;
+};
diff --git a/apps/web/test/test-utils/call.ts b/apps/web/test/test-utils/call.ts
new file mode 100644
index 00000000000..69b3a328402
--- /dev/null
+++ b/apps/web/test/test-utils/call.ts
@@ -0,0 +1,217 @@
+/*
+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 { MatrixWidgetType } from "matrix-widget-api";
+import {
+    type GroupCall,
+    Room,
+    type RoomMember,
+    type MatrixEvent,
+    type MatrixClient,
+    PendingEventOrdering,
+    KnownMembership,
+    RoomStateEvent,
+    type IContent,
+} from "matrix-js-sdk/src/matrix";
+import { CallType } from "matrix-js-sdk/src/webrtc/call";
+import { mocked, type Mocked } from "jest-mock";
+import { type MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc";
+
+import { mkEvent, mkRoomMember, setupAsyncStoreWithClient, stubClient } from "./test-utils";
+import { Call, type ConnectionState, ElementCall, JitsiCall } from "../../src/models/Call";
+import { CallStore } from "../../src/stores/CallStore";
+import { MatrixClientPeg } from "../../src/MatrixClientPeg";
+import DMRoomMap from "../../src/utils/DMRoomMap";
+import { MockEventEmitter } from "./client";
+import WidgetStore from "../../src/stores/WidgetStore";
+import { WidgetMessagingStore } from "../../src/stores/widgets/WidgetMessagingStore";
+import SettingsStore from "../../src/settings/SettingsStore";
+
+export class MockedCall extends Call {
+    public static readonly EVENT_TYPE = "org.example.mocked_call";
+    public readonly STUCK_DEVICE_TIMEOUT_MS = 1000 * 60 * 60; // 1 hour
+
+    private constructor(
+        room: Room,
+        public readonly event: MatrixEvent,
+    ) {
+        super(
+            {
+                id: event.getStateKey()!,
+                eventId: "$1:example.org",
+                roomId: room.roomId,
+                type: MatrixWidgetType.Custom,
+                url: "https://example.org",
+                name: "Group call",
+                creatorUserId: "@alice:example.org",
+                // waitForIframeLoad = false, makes the widget API wait for the 'contentLoaded' event.
+                waitForIframeLoad: false,
+            },
+            room.client,
+            CallType.Video,
+        );
+        this.groupCall = { creationTs: this.event.getTs() } as unknown as GroupCall;
+    }
+
+    public static get(room: Room): MockedCall | null {
+        const [event] = room.currentState.getStateEvents(this.EVENT_TYPE);
+        return event === undefined || "m.terminated" in event.getContent() ? null : new MockedCall(room, event);
+    }
+
+    public static create(room: Room, id: string) {
+        room.addLiveEvents(
+            [
+                mkEvent({
+                    event: true,
+                    type: this.EVENT_TYPE,
+                    room: room.roomId,
+                    user: "@alice:example.org",
+                    content: { "m.type": "m.video", "m.intent": "m.prompt" },
+                    skey: id,
+                    ts: Date.now(),
+                }),
+            ],
+            { addToState: true },
+        );
+        // @ts-ignore deliberately calling a private method
+        // Let CallStore know that a call might now exist
+        CallStore.instance.updateRoom(room);
+    }
+
+    public readonly groupCall: GroupCall;
+
+    public get participants(): Map<RoomMember, Set<string>> {
+        return super.participants;
+    }
+    public set participants(value: Map<RoomMember, Set<string>>) {
+        super.participants = value;
+    }
+
+    public setConnectionState(value: ConnectionState): void {
+        super.connectionState = value;
+    }
+
+    // No action needed for any of the following methods since this is just a mock
+    public async clean(): Promise<void> {}
+    // Public to allow spying
+    public async performDisconnection(): Promise<void> {}
+
+    public destroy() {
+        // Terminate the call for good measure
+        this.room.addLiveEvents(
+            [
+                mkEvent({
+                    event: true,
+                    type: MockedCall.EVENT_TYPE,
+                    room: this.room.roomId,
+                    user: "@alice:example.org",
+                    content: { ...this.event.getContent(), "m.terminated": "Call ended" },
+                    skey: this.widget.id,
+                    ts: Date.now(),
+                }),
+            ],
+            { addToState: true },
+        );
+
+        super.destroy();
+    }
+}
+
+/**
+ * Sets up the call store to use mocked calls.
+ */
+export function useMockedCalls() {
+    Call.get = (room) => MockedCall.get(room);
+    JitsiCall.create = async (room) => MockedCall.create(room, "1");
+    ElementCall.create = (room) => MockedCall.create(room, "1");
+}
+
+/**
+ * Enables the feature flags required for call tests.
+ */
+export function enableCalls(): { enabledSettings: Set<string> } {
+    const enabledSettings = new Set(["feature_video_rooms", "feature_element_call_video_rooms", "feature_user_status"]);
+    jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName): any => {
+        if (settingName.startsWith("feature_")) return enabledSettings.has(settingName);
+        if (settingName === "activeCallRoomIds") return [];
+        return undefined;
+    });
+    return { enabledSettings };
+}
+
+export function setUpClientRoomAndStores(): {
+    client: Mocked<MatrixClient>;
+    room: Room;
+    alice: RoomMember;
+    bob: RoomMember;
+    carol: RoomMember;
+    roomSession: Mocked<MatrixRTCSession>;
+} {
+    stubClient();
+    const client = mocked<MatrixClient>(MatrixClientPeg.safeGet());
+    DMRoomMap.makeShared(client);
+
+    const room = new Room("!1:example.org", client, "@alice:example.org", {
+        pendingEventOrdering: PendingEventOrdering.Detached,
+    });
+
+    const alice = mkRoomMember(room.roomId, "@alice:example.org");
+    const bob = mkRoomMember(room.roomId, "@bob:example.org");
+    const carol = mkRoomMember(room.roomId, "@carol:example.org");
+    jest.spyOn(room, "getMember").mockImplementation((userId) => {
+        switch (userId) {
+            case alice.userId:
+                return alice;
+            case bob.userId:
+                return bob;
+            case carol.userId:
+                return carol;
+            default:
+                return null;
+        }
+    });
+
+    jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+
+    client.getRoom.mockImplementation((roomId) => (roomId === room.roomId ? room : null));
+
+    const roomSession = new MockEventEmitter({
+        memberships: [],
+        getOldestMembership: jest.fn().mockReturnValue(undefined),
+        getConsensusCallIntent: jest.fn().mockReturnValue(undefined),
+        room,
+    }) as Mocked<MatrixRTCSession>;
+
+    client.matrixRTC.getRoomSession.mockReturnValue(roomSession);
+    client.getRooms.mockReturnValue([room]);
+    client.getUserId.mockReturnValue(alice.userId);
+    client.getDeviceId.mockReturnValue("alices_device");
+    client.reEmitter.reEmit(room, [RoomStateEvent.Events]);
+    client.sendStateEvent.mockImplementation(async (roomId, eventType, content, stateKey = "") => {
+        if (roomId !== room.roomId) throw new Error("Unknown room");
+        const event = mkEvent({
+            event: true,
+            type: eventType,
+            room: roomId,
+            user: alice.userId,
+            skey: stateKey,
+            content: content as IContent,
+        });
+        room.addLiveEvents([event], { addToState: true });
+        return { event_id: event.getId()! };
+    });
+
+    setupAsyncStoreWithClient(WidgetStore.instance, client);
+    setupAsyncStoreWithClient(WidgetMessagingStore.instance, client);
+
+    return { client, room, alice, bob, carol, roomSession };
+}
+
+export function cleanUpClientRoomAndStores(client: MatrixClient, room: Room) {
+    client.reEmitter.stopReEmitting(room, [RoomStateEvent.Events]);
+}
diff --git a/apps/web/test/test-utils/client.ts b/apps/web/test/test-utils/client.ts
new file mode 100644
index 00000000000..91c3e56238d
--- /dev/null
+++ b/apps/web/test/test-utils/client.ts
@@ -0,0 +1,195 @@
+/*
+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 EventEmitter from "node:events";
+import { type MockedObject } from "vitest";
+import { type MethodLikeKeys, type PropertyLikeKeys } from "jest-mock";
+import { type MockedObjectDeep } from "@vitest/spy";
+import { Feature, ServerSupport } from "matrix-js-sdk/src/feature";
+import { type MatrixClient, type Room, User } from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "../../src/MatrixClientPeg";
+import { vi } from "../setup/adapter.ts";
+
+/**
+ * Mocked generic class with a real EventEmitter.
+ * Useful for mocks which need event emitters.
+ */
+export class MockEventEmitter<T> extends EventEmitter {
+    /**
+     * Construct a new event emitter with additional properties/functions. The event emitter functions
+     * like .emit and .on will be real.
+     * @param mockProperties An object with the mock property or function implementations. 'getters'
+     * are correctly cloned to this event emitter.
+     */
+    constructor(mockProperties: Partial<Record<MethodLikeKeys<T> | PropertyLikeKeys<T>, unknown>> = {}) {
+        super();
+        // We must use defineProperties and not assign as the former clones getters correctly,
+        // whereas the latter invokes the getter and sets the return value permanently on the
+        // destination object.
+        Object.defineProperties(this, Object.getOwnPropertyDescriptors(mockProperties));
+    }
+}
+
+/**
+ * Mock client with real event emitter
+ * useful for testing code that listens
+ * to MatrixClient events
+ */
+export class MockClientWithEventEmitter extends EventEmitter {
+    constructor(mockProperties: Partial<Record<MethodLikeKeys<MatrixClient>, unknown>> = {}) {
+        super();
+
+        Object.assign(this, mockProperties);
+    }
+}
+
+/**
+ * - make a mock client
+ * - cast the type to mocked(MatrixClient)
+ * - spy on MatrixClientPeg.get to return the mock
+ * eg
+ * ```
+ * const mockClient = getMockClientWithEventEmitter({
+        getUserId: vi.fn().mockReturnValue(aliceId),
+    });
+ * ```
+ *
+ * See also {@link stubClient} which does something similar but uses a more complete mock client.
+ */
+export const getMockClientWithEventEmitter = (
+    mockProperties: Partial<Record<keyof MatrixClient, unknown>>,
+): MockedObject<MatrixClient> => {
+    const mock = vi.mocked(new MockClientWithEventEmitter(mockProperties) as unknown as MatrixClient);
+
+    vi.spyOn(MatrixClientPeg, "get").mockReturnValue(mock);
+    vi.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mock);
+
+    // @ts-ignore simplified test stub
+    mock.canSupport = new Map();
+    Object.keys(Feature).forEach((feature) => {
+        mock.canSupport.set(feature as Feature, ServerSupport.Stable);
+    });
+    return mock;
+};
+
+export const unmockClientPeg = () => {
+    vi.spyOn(MatrixClientPeg, "get").mockRestore();
+    vi.spyOn(MatrixClientPeg, "safeGet").mockRestore();
+};
+
+/**
+ * Returns basic mocked client methods related to the current user
+ * ```
+ * const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser('@mytestuser:domain'),
+    });
+ * ```
+ */
+export const mockClientMethodsUser = (userId = "@alice:domain") =>
+    ({
+        getUserId: vi.fn().mockReturnValue(userId),
+        getDomain: vi.fn().mockReturnValue(userId.split(":")[1]),
+        getSafeUserId: vi.fn().mockReturnValue(userId),
+        getUser: vi.fn().mockReturnValue(new User(userId)),
+        isGuest: vi.fn().mockReturnValue(false),
+        mxcUrlToHttp: vi.fn().mockReturnValue("mock-mxcUrlToHttp"),
+        credentials: { userId },
+        getThreePids: vi.fn().mockResolvedValue({ threepids: [] }),
+        getAccessToken: vi.fn(),
+        getDeviceId: vi.fn(),
+        getAccountData: vi.fn(),
+    }) satisfies MockedObjectDeep<any>;
+
+/**
+ * Returns basic mocked client methods related to rendering events
+ * ```
+ * const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser('@mytestuser:domain'),
+    });
+ * ```
+ */
+export const mockClientMethodsEvents = () =>
+    ({
+        decryptEventIfNeeded: vi.fn(),
+        getPushActionsForEvent: vi.fn(),
+    }) satisfies MockedObjectDeep<any>;
+
+/**
+ * Returns basic mocked pushProcessor
+ */
+export const mockClientPushProcessor = () =>
+    ({
+        pushProcessor: {
+            getPushRuleById: vi.fn(),
+            ruleMatchesEvent: vi.fn(),
+        },
+    }) satisfies MockedObjectDeep<any>;
+
+/**
+ * Returns basic mocked client methods related to server support
+ */
+export const mockClientMethodsServer = (): Partial<Record<MethodLikeKeys<MatrixClient>, unknown>> => ({
+    getIdentityServerUrl: vi.fn(),
+    getHomeserverUrl: vi.fn(),
+    getCapabilities: vi.fn().mockResolvedValue({}),
+    getCachedCapabilities: vi.fn().mockResolvedValue({}),
+    getClientWellKnown: vi.fn().mockReturnValue({}),
+    waitForClientWellKnown: vi.fn().mockResolvedValue({}),
+    doesServerSupportUnstableFeature: vi.fn().mockResolvedValue(false),
+    isVersionSupported: vi.fn().mockResolvedValue(false),
+    getVersions: vi.fn().mockResolvedValue({}),
+    isFallbackICEServerAllowed: vi.fn(),
+});
+
+export const mockClientMethodsDevice = (
+    deviceId = "test-device-id",
+): Partial<Record<MethodLikeKeys<MatrixClient>, unknown>> => ({
+    getDeviceId: vi.fn().mockReturnValue(deviceId),
+    getDevices: vi.fn().mockResolvedValue({ devices: [] }),
+});
+
+export const mockClientMethodsCrypto = (): Partial<
+    Record<MethodLikeKeys<MatrixClient> & PropertyLikeKeys<MatrixClient>, unknown>
+> => ({
+    isKeyBackupKeyStored: vi.fn(),
+    getCrossSigningCacheCallbacks: vi.fn().mockReturnValue({ getCrossSigningKeyCache: vi.fn() }),
+    secretStorage: {
+        hasKey: vi.fn(),
+        isStored: vi.fn().mockResolvedValue(null),
+        getDefaultKeyId: vi.fn().mockResolvedValue(null),
+    },
+    getCrypto: vi.fn().mockReturnValue({
+        getUserDeviceInfo: vi.fn(),
+        getDeviceVerificationStatus: vi.fn().mockResolvedValue(null),
+        getCrossSigningStatus: vi.fn().mockResolvedValue({
+            publicKeysOnDevice: true,
+            privateKeysInSecretStorage: false,
+            privateKeysCachedLocally: {
+                masterKey: true,
+                selfSigningKey: true,
+                userSigningKey: true,
+            },
+        }),
+        isCrossSigningReady: vi.fn().mockResolvedValue(true),
+        isSecretStorageReady: vi.fn(),
+        getSessionBackupPrivateKey: vi.fn(),
+        getVersion: vi.fn().mockReturnValue("Version 0"),
+        getOwnDeviceKeys: vi.fn().mockReturnValue(new Promise(() => {})),
+        getCrossSigningKeyId: vi.fn(),
+        isEncryptionEnabledInRoom: vi.fn().mockResolvedValue(false),
+        getKeyBackupInfo: vi.fn().mockResolvedValue(null),
+    }),
+});
+
+export const mockClientMethodsRooms = (rooms: Room[] = []): Partial<Record<MethodLikeKeys<MatrixClient>, unknown>> => ({
+    getVisibleRooms: vi.fn().mockReturnValue(rooms),
+    getRooms: vi.fn().mockReturnValue(rooms),
+    getRoom: vi.fn((roomId) => rooms.find((r) => r.roomId === roomId) ?? null),
+    isRoomEncrypted: vi.fn(),
+});
diff --git a/apps/web/test/test-utils/composer.ts b/apps/web/test/test-utils/composer.ts
new file mode 100644
index 00000000000..956648a4727
--- /dev/null
+++ b/apps/web/test/test-utils/composer.ts
@@ -0,0 +1,31 @@
+/*
+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 { act, fireEvent, type RenderResult } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+export const addTextToComposer = (container: HTMLElement, text: string) =>
+    act(() => {
+        // couldn't get input event on contenteditable to work
+        // paste works without illegal private method access
+        const pasteEvent: Partial<ClipboardEvent> = {
+            clipboardData: {
+                types: [],
+                files: [],
+                getData: (type: string) => (type === "text/plain" ? text : undefined),
+            } as unknown as DataTransfer,
+        };
+        fireEvent.paste(container.querySelector('[role="textbox"]')!, pasteEvent);
+    });
+
+export const addTextToComposerRTL = async (renderResult: RenderResult, text: string): Promise<void> => {
+    await act(async () => {
+        await userEvent.click(renderResult.getByLabelText("Send an unencrypted message…"));
+        await userEvent.keyboard(text);
+    });
+};
diff --git a/apps/web/test/test-utils/console.ts b/apps/web/test/test-utils/console.ts
new file mode 100644
index 00000000000..190e2c6f9e6
--- /dev/null
+++ b/apps/web/test/test-utils/console.ts
@@ -0,0 +1,48 @@
+/*
+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 { beforeAll, afterAll } from "../setup/adapter.ts";
+
+type FilteredConsole = Pick<Console, "log" | "error" | "info" | "debug" | "warn">;
+
+/**
+ * Allows to filter out specific messages in console.*.
+ * Call this from any describe block.
+ * Automagically restores the original function by implementing an afterAll hook.
+ *
+ * @param ignoreList Messages to be filtered
+ */
+export const filterConsole = (...ignoreList: string[]): void => {
+    const originalFunctions: FilteredConsole = {
+        log: console.log,
+        error: console.error,
+        info: console.info,
+        debug: console.debug,
+        warn: console.warn,
+    };
+
+    beforeAll(() => {
+        for (const [key, originalFunction] of Object.entries(originalFunctions)) {
+            window.console[key as keyof FilteredConsole] = (...data: any[]) => {
+                const message = data?.[0]?.message || data?.[0];
+
+                if (typeof message === "string" && ignoreList.some((i) => message.includes(i))) {
+                    return;
+                }
+
+                originalFunction(...data);
+            };
+        }
+    });
+
+    afterAll(() => {
+        for (const [key, originalFunction] of Object.entries(originalFunctions)) {
+            window.console[key as keyof FilteredConsole] = originalFunction;
+        }
+    });
+};
diff --git a/apps/web/test/test-utils/date.ts b/apps/web/test/test-utils/date.ts
new file mode 100644
index 00000000000..f22de9e512e
--- /dev/null
+++ b/apps/web/test/test-utils/date.ts
@@ -0,0 +1,26 @@
+/*
+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 { vi } from "../setup/adapter.ts";
+
+export const REPEATABLE_DATE = new Date(2022, 10, 17, 16, 58, 32, 517);
+
+const RealDateTimeFormat = globalThis.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 => {
+    vi.spyOn(globalThis.Intl, "DateTimeFormat").mockImplementation(function (locale, options) {
+        return new RealDateTimeFormat(locale || defaultLocale, { ...options, timeZone: defaultTimezone });
+    });
+};
+
+export const unmockIntlDateTimeFormat = (): void => {
+    vi.spyOn(globalThis.Intl, "DateTimeFormat").mockRestore();
+};
diff --git a/apps/web/test/test-utils/events.ts b/apps/web/test/test-utils/events.ts
new file mode 100644
index 00000000000..3e1ebadda6d
--- /dev/null
+++ b/apps/web/test/test-utils/events.ts
@@ -0,0 +1,34 @@
+/*
+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 { MsgType } from "matrix-js-sdk/src/matrix";
+
+interface MessageContent {
+    msgtype: MsgType;
+    body: string;
+    format?: string;
+    formatted_body?: string;
+}
+
+/**
+ * Creates the `content` for an `m.room.message` event based on input.
+ * @param text The text to put in the event.
+ * @param html Optional HTML to put in the event.
+ * @returns A complete `content` object for an `m.room.message` event.
+ */
+export function createMessageEventContent(text: string, html?: string): MessageContent {
+    const content: MessageContent = {
+        msgtype: MsgType.Text,
+        body: text,
+    };
+    if (html) {
+        content.format = "org.matrix.custom.html";
+        content.formatted_body = html;
+    }
+    return content;
+}
diff --git a/apps/web/test/test-utils/index.ts b/apps/web/test/test-utils/index.ts
new file mode 100644
index 00000000000..860b736b028
--- /dev/null
+++ b/apps/web/test/test-utils/index.ts
@@ -0,0 +1,33 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2016-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 { type RenderResult, screen, waitFor } from "test-utils-rtl";
+
+export * from "./beacon";
+export * from "./client";
+export * from "./location";
+export * from "./platform";
+export * from "./poll";
+export * from "./room";
+export * from "./test-utils";
+export * from "./call";
+export * from "./wrappers";
+export * from "./utilities";
+export * from "./date";
+export * from "./relations";
+export * from "./console";
+export * from "../unit-tests/TestSDKContext.ts";
+
+// wait for loading page
+export async function waitForLoadingSpinner(): Promise<void> {
+    await screen.findByRole("progressbar");
+}
+
+export async function waitForWelcomeComponent(matrixChat?: RenderResult): Promise<void> {
+    await waitFor(() => matrixChat?.container.querySelector(".mx_Welcome"));
+}
diff --git a/apps/web/test/test-utils/jest-matrix-react.tsx b/apps/web/test/test-utils/jest-matrix-react.tsx
new file mode 100644
index 00000000000..f9009b73f6d
--- /dev/null
+++ b/apps/web/test/test-utils/jest-matrix-react.tsx
@@ -0,0 +1,60 @@
+/*
+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 } from "react";
+// eslint-disable-next-line no-restricted-imports
+import { render, type RenderOptions } from "@testing-library/react";
+import { TooltipProvider } from "@vector-im/compound-web";
+import { I18nApi, I18nContext } from "@element-hq/web-shared-components";
+
+const i18nApi = new I18nApi();
+
+/**
+ * Wraps the provided components in:
+ *  * A TooltipProvider
+ *  * An I18nContext.Provider
+ *
+ * ...plus any wrapper provided in the options.
+ * @param Wrapper Additional wrapper to include
+ * @returns The wrapped component
+ */
+const wrapWithStandardContexts = (Wrapper: RenderOptions["wrapper"]) => {
+    return ({ children }: { children: React.ReactNode }) => {
+        if (Wrapper) {
+            return (
+                <Wrapper>
+                    <I18nContext.Provider value={i18nApi}>
+                        <TooltipProvider>{children}</TooltipProvider>
+                    </I18nContext.Provider>
+                </Wrapper>
+            );
+        } else {
+            return (
+                <TooltipProvider>
+                    <I18nContext.Provider value={i18nApi}>{children}</I18nContext.Provider>
+                </TooltipProvider>
+            );
+        }
+    };
+};
+
+const customRender = (ui: ReactElement, options: RenderOptions = {}) => {
+    return render(ui, {
+        ...options,
+        wrapper: wrapWithStandardContexts(options?.wrapper) as RenderOptions["wrapper"],
+    }) as ReturnType<typeof render>;
+};
+
+// eslint-disable-next-line no-restricted-imports
+export * from "@testing-library/react";
+
+/**
+ * This custom render function wraps your component with a TooltipProvider.
+ * See https://testing-library.com/docs/react-testing-library/setup/#custom-render
+ */
+export { customRender as render };
diff --git a/apps/web/test/test-utils/location.ts b/apps/web/test/test-utils/location.ts
new file mode 100644
index 00000000000..b14f19cf986
--- /dev/null
+++ b/apps/web/test/test-utils/location.ts
@@ -0,0 +1,47 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type LocationAssetType, M_LOCATION, MatrixEvent, EventType, ContentHelpers } from "matrix-js-sdk/src/matrix";
+
+let id = 1;
+export const makeLegacyLocationEvent = (geoUri: string): MatrixEvent => {
+    return new MatrixEvent({
+        event_id: `$${++id}`,
+        type: EventType.RoomMessage,
+        content: {
+            body: "Something about where I am",
+            msgtype: "m.location",
+            geo_uri: geoUri,
+        },
+        origin_server_ts: 0,
+    });
+};
+
+export const makeLocationEvent = (geoUri: string, assetType?: LocationAssetType): MatrixEvent => {
+    return new MatrixEvent({
+        event_id: `$${++id}`,
+        type: M_LOCATION.name,
+        content: ContentHelpers.makeLocationContent(
+            `Found at ${geoUri} at 2021-12-21T12:22+0000`,
+            geoUri,
+            252523,
+            "Human-readable label",
+            assetType,
+        ),
+        origin_server_ts: 0,
+    });
+};
+
+// https://developer.mozilla.org/en-US/docs/Web/API/GeolocationPositionError
+export const getMockGeolocationPositionError = (code: number, message: string): GeolocationPositionError => ({
+    code,
+    message,
+    PERMISSION_DENIED: 1,
+    POSITION_UNAVAILABLE: 2,
+    TIMEOUT: 3,
+});
diff --git a/apps/web/test/test-utils/platform.ts b/apps/web/test/test-utils/platform.ts
new file mode 100644
index 00000000000..ad109e84620
--- /dev/null
+++ b/apps/web/test/test-utils/platform.ts
@@ -0,0 +1,49 @@
+/*
+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 { type MethodLikeKeys } from "jest-mock";
+import { type MockedObject } from "vitest";
+
+import BasePlatform from "../../src/BasePlatform";
+import PlatformPeg from "../../src/PlatformPeg";
+import * as SessionLock from "../../src/utils/SessionLock";
+import { vi } from "../setup/adapter.ts";
+
+// doesn't implement abstract
+// @ts-ignore
+class MockPlatform extends BasePlatform {
+    constructor(platformMocks: Partial<Record<keyof BasePlatform, unknown>>) {
+        super();
+        Object.assign(this, platformMocks);
+    }
+
+    public checkSessionLockFree(): boolean {
+        return SessionLock.checkSessionLockFree();
+    }
+
+    public async getSessionLock(onNewInstance: () => Promise<void>): Promise<boolean> {
+        return SessionLock.getSessionLock(onNewInstance);
+    }
+}
+/**
+ * Mock Platform Peg
+ * Creates a mock BasePlatform class
+ * spies on PlatformPeg.get and returns mock platform
+ * @returns MockPlatform instance
+ */
+export const mockPlatformPeg = (
+    platformMocks: Partial<Record<MethodLikeKeys<BasePlatform>, unknown>> = {},
+): MockedObject<BasePlatform> => {
+    const mockPlatform = new MockPlatform(platformMocks);
+    vi.spyOn(PlatformPeg, "get").mockReturnValue(mockPlatform);
+    return vi.mocked(mockPlatform);
+};
+
+export const unmockPlatformPeg = () => {
+    vi.spyOn(PlatformPeg, "get").mockRestore();
+};
diff --git a/apps/web/test/test-utils/poll.ts b/apps/web/test/test-utils/poll.ts
new file mode 100644
index 00000000000..6ffe2f7aa82
--- /dev/null
+++ b/apps/web/test/test-utils/poll.ts
@@ -0,0 +1,145 @@
+/*
+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 { type Mocked } from "jest-mock-vitest-adapter";
+import {
+    type MatrixClient,
+    MatrixEvent,
+    Room,
+    M_POLL_START,
+    type PollAnswer,
+    M_POLL_KIND_DISCLOSED,
+    M_POLL_END,
+    M_POLL_RESPONSE,
+    M_TEXT,
+} from "matrix-js-sdk/src/matrix";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+
+import { flushPromises } from "./utilities";
+
+type Options = {
+    roomId: string;
+    ts: number;
+    id: string;
+};
+export const makePollStartEvent = (
+    question: string,
+    sender: string,
+    answers?: PollAnswer[],
+    { roomId, ts, id }: Partial<Options> = {},
+): MatrixEvent => {
+    if (!answers) {
+        answers = [
+            { id: "socks", [M_TEXT.name]: "Socks" },
+            { id: "shoes", [M_TEXT.name]: "Shoes" },
+        ];
+    }
+
+    return new MatrixEvent({
+        event_id: id || "$mypoll",
+        room_id: roomId || "#myroom:example.com",
+        sender: sender,
+        type: M_POLL_START.name,
+        content: {
+            [M_POLL_START.name]: {
+                question: {
+                    [M_TEXT.name]: question,
+                },
+                kind: M_POLL_KIND_DISCLOSED.name,
+                answers: answers,
+            },
+            [M_TEXT.name]: `${question}: answers`,
+        },
+        origin_server_ts: ts || 0,
+    });
+};
+
+export const makePollEndEvent = (
+    pollStartEventId: string,
+    roomId: string,
+    sender: string,
+    ts = 0,
+    id?: string,
+): MatrixEvent => {
+    return new MatrixEvent({
+        event_id: id || secureRandomString(16),
+        room_id: roomId,
+        origin_server_ts: ts,
+        type: M_POLL_END.name,
+        sender: sender,
+        content: {
+            "m.relates_to": {
+                rel_type: "m.reference",
+                event_id: pollStartEventId,
+            },
+            [M_POLL_END.name]: {},
+            [M_TEXT.name]: "The poll has ended. Something.",
+        },
+    });
+};
+
+export const makePollResponseEvent = (
+    pollId: string,
+    answerIds: string[],
+    sender: string,
+    roomId: string,
+    ts = 0,
+): MatrixEvent =>
+    new MatrixEvent({
+        event_id: secureRandomString(16),
+        room_id: roomId,
+        origin_server_ts: ts,
+        type: M_POLL_RESPONSE.name,
+        sender,
+        content: {
+            "m.relates_to": {
+                rel_type: "m.reference",
+                event_id: pollId,
+            },
+            [M_POLL_RESPONSE.name]: {
+                answers: answerIds,
+            },
+        },
+    });
+
+/**
+ * Creates a room with attached poll events
+ * Returns room from mockClient
+ * mocks relations api
+ * @param mxEvent - poll start event
+ * @param relationEvents - returned by relations api
+ * @param endEvents - returned by relations api
+ * @param mockClient - client in use
+ * @returns
+ */
+export const setupRoomWithPollEvents = async (
+    pollStartEvents: MatrixEvent[],
+    relationEvents: Array<MatrixEvent>,
+    endEvents: Array<MatrixEvent> = [],
+    mockClient: Mocked<MatrixClient>,
+    existingRoom?: Room,
+): Promise<Room> => {
+    const room = existingRoom || new Room(pollStartEvents[0].getRoomId()!, mockClient, mockClient.getSafeUserId());
+    room.processPollEvents([...pollStartEvents, ...relationEvents, ...endEvents]);
+
+    // set redaction allowed for current user only
+    // poll end events are validated against this
+    jest.spyOn(room.currentState, "maySendRedactionForEvent").mockImplementation((_evt: MatrixEvent, id: string) => {
+        return id === mockClient.getSafeUserId();
+    });
+
+    // wait for events to process on room
+    await flushPromises();
+    mockClient.getRoom.mockReturnValue(room);
+    mockClient.relations.mockImplementation(async (_roomId: string, eventId: string) => {
+        return {
+            events: [...relationEvents, ...endEvents].filter((event) => event.getRelation()?.event_id === eventId),
+        };
+    });
+    return room;
+};
diff --git a/apps/web/test/test-utils/predictableRandom.ts b/apps/web/test/test-utils/predictableRandom.ts
new file mode 100644
index 00000000000..3e0c07ccdd3
--- /dev/null
+++ b/apps/web/test/test-utils/predictableRandom.ts
@@ -0,0 +1,28 @@
+/*
+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.
+*/
+
+// Fake random strings to give a predictable snapshot for IDs
+// Simple Xorshift random number generator with predictable ID
+export class PredictableRandom {
+    private state: number;
+
+    constructor() {
+        this.state = 314159265;
+    }
+
+    get(): number {
+        this.state ^= this.state << 13;
+        this.state ^= this.state >> 17;
+        this.state ^= this.state << 5;
+        return this.state / 1073741823;
+    }
+
+    reset(): void {
+        this.state = 314159265;
+    }
+}
diff --git a/apps/web/test/test-utils/pushRules.ts b/apps/web/test/test-utils/pushRules.ts
new file mode 100644
index 00000000000..a7b050c8ba4
--- /dev/null
+++ b/apps/web/test/test-utils/pushRules.ts
@@ -0,0 +1,365 @@
+/*
+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 IAnnotatedPushRule,
+    type IPushRule,
+    type IPushRules,
+    type PushRuleKind,
+    type RuleId,
+} from "matrix-js-sdk/src/matrix";
+
+/**
+ * Default set of push rules for a new account
+ * Use to mock push rule fetching, or use `getDefaultRuleWithKind`
+ * to use default examples of specific push rules
+ */
+export const DEFAULT_PUSH_RULES: IPushRules = Object.freeze({
+    global: {
+        underride: [
+            {
+                conditions: [{ kind: "event_match", key: "type", pattern: "m.call.invite" }],
+                actions: ["notify", { set_tweak: "sound", value: "ring" }, { set_tweak: "highlight", value: false }],
+                rule_id: ".m.rule.call",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "event_match", key: "type", pattern: "m.room.message" },
+                    { kind: "room_member_count", is: "2" },
+                ],
+                actions: ["notify", { set_tweak: "sound", value: "default" }, { set_tweak: "highlight", value: false }],
+                rule_id: ".m.rule.room_one_to_one",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "event_match", key: "type", pattern: "m.room.encrypted" },
+                    { kind: "room_member_count", is: "2" },
+                ],
+                actions: ["notify", { set_tweak: "sound", value: "default" }, { set_tweak: "highlight", value: false }],
+                rule_id: ".m.rule.encrypted_room_one_to_one",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "event_match", key: "type", pattern: "org.matrix.msc1767.encrypted" },
+                    { kind: "room_member_count", is: "2" },
+                    {
+                        kind: "org.matrix.msc3931.room_version_supports",
+                        feature: "org.matrix.msc3932.extensible_events",
+                    },
+                ],
+                actions: ["notify", { set_tweak: "sound", value: "default" }, { set_tweak: "highlight", value: false }],
+                rule_id: ".org.matrix.msc3933.rule.extensible.encrypted_room_one_to_one",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "event_match", key: "type", pattern: "org.matrix.msc1767.message" },
+                    { kind: "room_member_count", is: "2" },
+                    {
+                        kind: "org.matrix.msc3931.room_version_supports",
+                        feature: "org.matrix.msc3932.extensible_events",
+                    },
+                ],
+                actions: ["notify", { set_tweak: "sound", value: "default" }, { set_tweak: "highlight", value: false }],
+                rule_id: ".org.matrix.msc3933.rule.extensible.message.room_one_to_one",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "event_match", key: "type", pattern: "org.matrix.msc1767.file" },
+                    { kind: "room_member_count", is: "2" },
+                    {
+                        kind: "org.matrix.msc3931.room_version_supports",
+                        feature: "org.matrix.msc3932.extensible_events",
+                    },
+                ],
+                actions: ["notify", { set_tweak: "sound", value: "default" }, { set_tweak: "highlight", value: false }],
+                rule_id: ".org.matrix.msc3933.rule.extensible.file.room_one_to_one",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "event_match", key: "type", pattern: "org.matrix.msc1767.image" },
+                    { kind: "room_member_count", is: "2" },
+                    {
+                        kind: "org.matrix.msc3931.room_version_supports",
+                        feature: "org.matrix.msc3932.extensible_events",
+                    },
+                ],
+                actions: ["notify", { set_tweak: "sound", value: "default" }, { set_tweak: "highlight", value: false }],
+                rule_id: ".org.matrix.msc3933.rule.extensible.image.room_one_to_one",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "event_match", key: "type", pattern: "org.matrix.msc1767.video" },
+                    { kind: "room_member_count", is: "2" },
+                    {
+                        kind: "org.matrix.msc3931.room_version_supports",
+                        feature: "org.matrix.msc3932.extensible_events",
+                    },
+                ],
+                actions: ["notify", { set_tweak: "sound", value: "default" }, { set_tweak: "highlight", value: false }],
+                rule_id: ".org.matrix.msc3933.rule.extensible.video.room_one_to_one",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "event_match", key: "type", pattern: "org.matrix.msc1767.audio" },
+                    { kind: "room_member_count", is: "2" },
+                    {
+                        kind: "org.matrix.msc3931.room_version_supports",
+                        feature: "org.matrix.msc3932.extensible_events",
+                    },
+                ],
+                actions: ["notify", { set_tweak: "sound", value: "default" }, { set_tweak: "highlight", value: false }],
+                rule_id: ".org.matrix.msc3933.rule.extensible.audio.room_one_to_one",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [{ kind: "event_match", key: "type", pattern: "m.room.message" }],
+                actions: ["notify", { set_tweak: "highlight", value: false }],
+                rule_id: ".m.rule.message",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [{ kind: "event_match", key: "type", pattern: "m.room.encrypted" }],
+                actions: ["notify", { set_tweak: "highlight", value: false }],
+                rule_id: ".m.rule.encrypted",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "event_match", key: "type", pattern: "im.vector.modular.widgets" },
+                    { kind: "event_match", key: "content.type", pattern: "jitsi" },
+                    { kind: "event_match", key: "state_key", pattern: "*" },
+                ],
+                actions: ["notify", { set_tweak: "highlight", value: false }],
+                rule_id: ".im.vector.jitsi",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "room_member_count", is: "2" },
+                    { kind: "event_match", key: "type", pattern: "org.matrix.msc3381.poll.start" },
+                ],
+                actions: ["notify", { set_tweak: "sound", value: "default" }],
+                rule_id: ".org.matrix.msc3930.rule.poll_start_one_to_one",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [{ kind: "event_match", key: "type", pattern: "org.matrix.msc3381.poll.start" }],
+                actions: ["notify"],
+                rule_id: ".org.matrix.msc3930.rule.poll_start",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "room_member_count", is: "2" },
+                    { kind: "event_match", key: "type", pattern: "org.matrix.msc3381.poll.end" },
+                ],
+                actions: ["notify", { set_tweak: "sound", value: "default" }],
+                rule_id: ".org.matrix.msc3930.rule.poll_end_one_to_one",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [{ kind: "event_match", key: "type", pattern: "org.matrix.msc3381.poll.end" }],
+                actions: ["notify"],
+                rule_id: ".org.matrix.msc3930.rule.poll_end",
+                default: true,
+                enabled: true,
+            },
+        ],
+        sender: [],
+        room: [],
+        content: [
+            {
+                actions: ["notify", { set_tweak: "highlight" }, { set_tweak: "sound", value: "default" }],
+                rule_id: ".m.rule.contains_user_name",
+                default: true,
+                pattern: "alice",
+                enabled: true,
+            },
+        ],
+        override: [
+            { conditions: [], actions: ["dont_notify"], rule_id: ".m.rule.master", default: true, enabled: false },
+            {
+                conditions: [{ kind: "event_match", key: "content.msgtype", pattern: "m.notice" }],
+                actions: ["dont_notify"],
+                rule_id: ".m.rule.suppress_notices",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "event_match", key: "type", pattern: "m.room.member" },
+                    { kind: "event_match", key: "content.membership", pattern: "invite" },
+                    { kind: "event_match", key: "state_key", pattern: "@alice:example.org" },
+                ],
+                actions: ["notify", { set_tweak: "highlight", value: false }, { set_tweak: "sound", value: "default" }],
+                rule_id: ".m.rule.invite_for_me",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [{ kind: "event_match", key: "type", pattern: "m.room.member" }],
+                actions: ["dont_notify"],
+                rule_id: ".m.rule.member_event",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    {
+                        kind: "event_property_contains",
+                        key: "content.m\\.mentions.user_ids",
+                        value_type: "user_id",
+                    },
+                ],
+                actions: ["notify", { set_tweak: "highlight" }, { set_tweak: "sound", value: "default" }],
+                rule_id: ".m.rule.is_user_mention",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [{ kind: "contains_display_name" }],
+                actions: ["notify", { set_tweak: "highlight" }, { set_tweak: "sound", value: "default" }],
+                rule_id: ".m.rule.contains_display_name",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "event_property_is", key: "content.m\\.mentions.room", value: true },
+                    { kind: "sender_notification_permission", key: "room" },
+                ],
+                actions: ["notify", { set_tweak: "highlight" }],
+                rule_id: ".m.rule.is_room_mention",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "sender_notification_permission", key: "room" },
+                    { kind: "event_match", key: "content.body", pattern: "@room" },
+                ],
+                actions: ["notify", { set_tweak: "highlight" }],
+                rule_id: ".m.rule.roomnotif",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "event_match", key: "type", pattern: "m.room.tombstone" },
+                    { kind: "event_match", key: "state_key", pattern: "" },
+                ],
+                actions: ["notify", { set_tweak: "highlight" }],
+                rule_id: ".m.rule.tombstone",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [{ kind: "event_match", key: "type", pattern: "m.reaction" }],
+                actions: [],
+                rule_id: ".m.rule.reaction",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: "event_match", key: "type", pattern: "m.room.server_acl" },
+                    { kind: "event_match", key: "state_key", pattern: "" },
+                ],
+                actions: [],
+                rule_id: ".m.rule.room.server_acl",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [{ kind: "event_match", key: "type", pattern: "org.matrix.msc3381.poll.response" }],
+                actions: [],
+                rule_id: ".org.matrix.msc3930.rule.poll_response",
+                default: true,
+                enabled: true,
+            },
+        ],
+    },
+} as IPushRules);
+
+/**
+ * Get rule by id from default rules
+ * @param ruleId
+ * @returns {IPushRule} matching push rule
+ * @returns {PushRuleKind}
+ * @throws when no rule is found with ruleId
+ */
+export const getDefaultRuleWithKind = (ruleId: RuleId | string): { rule: IPushRule; kind: PushRuleKind } => {
+    for (const kind of Object.keys(DEFAULT_PUSH_RULES.global)) {
+        const rule = DEFAULT_PUSH_RULES.global[kind as PushRuleKind]!.find((r: IPushRule) => r.rule_id === ruleId);
+        if (rule) {
+            return { rule, kind: kind as PushRuleKind };
+        }
+    }
+
+    throw new Error(`Could not find default rule for id ${ruleId}`);
+};
+
+/**
+ * Get rule by id from default rules as an IAnnotatedPushRule
+ * @param ruleId
+ * @returns
+ */
+export const getDefaultAnnotatedRule = (ruleId: RuleId | string): IAnnotatedPushRule => {
+    const { rule, kind } = getDefaultRuleWithKind(ruleId);
+
+    return {
+        ...rule,
+        kind,
+    };
+};
+
+/**
+ * Make a push rule with default values
+ * @param ruleId
+ * @param ruleOverrides
+ * @returns IPushRule
+ */
+export const makePushRule = (ruleId: RuleId | string, ruleOverrides: Partial<IPushRule> = {}): IPushRule => ({
+    actions: [],
+    enabled: true,
+    default: false,
+    ...ruleOverrides,
+    rule_id: ruleId,
+});
+
+export const makeAnnotatedPushRule = (
+    kind: PushRuleKind,
+    ruleId: RuleId | string,
+    ruleOverrides: Partial<IPushRule> = {},
+): IAnnotatedPushRule => ({
+    ...makePushRule(ruleId, ruleOverrides),
+    kind,
+});
diff --git a/apps/web/test/test-utils/qrcode.ts b/apps/web/test/test-utils/qrcode.ts
new file mode 100644
index 00000000000..d02ac5ddc98
--- /dev/null
+++ b/apps/web/test/test-utils/qrcode.ts
@@ -0,0 +1,44 @@
+/*
+ * 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 { act } from "jest-matrix-react";
+import { toDataURL, type QRCodeSegment, type QRCodeToDataURLOptions } from "qrcode";
+
+jest.mock("qrcode", () => ({
+    ...jest.requireActual("qrcode"),
+    toDataURL: jest.fn(),
+}));
+
+const realQRCode = jest.requireActual("qrcode") as { toDataURL: typeof toDataURL };
+const mockedToDataURL = jest.mocked(toDataURL);
+
+let qrCodeRenderPromise: Promise<string> | undefined;
+
+export function mockQRCodeRender(): void {
+    // Keep real PNG generation, but capture the promise so the test can await it directly.
+    mockedToDataURL.mockImplementation(((data: string | QRCodeSegment[], options?: QRCodeToDataURLOptions) => {
+        qrCodeRenderPromise = realQRCode.toDataURL(data, options);
+        return qrCodeRenderPromise;
+    }) as typeof toDataURL);
+}
+
+export async function waitForQRCodeRender(): Promise<void> {
+    if (!qrCodeRenderPromise) {
+        throw new Error("mockQRCodeRender() must be called before waitForQRCodeRender()");
+    }
+
+    // Flush the React state update scheduled by QRCode after toDataURL resolves.
+    await act(async () => {
+        await qrCodeRenderPromise;
+        await Promise.resolve();
+    });
+}
+
+export function resetQRCodeMock(): void {
+    mockedToDataURL.mockReset();
+    qrCodeRenderPromise = undefined;
+}
diff --git a/apps/web/test/test-utils/relations.ts b/apps/web/test/test-utils/relations.ts
new file mode 100644
index 00000000000..4bc5b26e4c3
--- /dev/null
+++ b/apps/web/test/test-utils/relations.ts
@@ -0,0 +1,25 @@
+/*
+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 { type Relations } from "matrix-js-sdk/src/matrix";
+import { type RelationsContainer } from "matrix-js-sdk/src/models/relations-container";
+
+import { type PublicInterface } from "../@types/common";
+
+export const mkRelations = (): Relations => {
+    return {} as PublicInterface<Relations> as Relations;
+};
+
+export const mkRelationsContainer = (): RelationsContainer => {
+    return {
+        aggregateChildEvent: jest.fn(),
+        aggregateParentEvent: jest.fn(),
+        getAllChildEventsForEvent: jest.fn(),
+        getChildEventsForEvent: jest.fn(),
+    } as PublicInterface<RelationsContainer> as RelationsContainer;
+};
diff --git a/apps/web/test/test-utils/room.ts b/apps/web/test/test-utils/room.ts
new file mode 100644
index 00000000000..458d5efe301
--- /dev/null
+++ b/apps/web/test/test-utils/room.ts
@@ -0,0 +1,101 @@
+/*
+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 { type MockedObject } from "jest-mock-vitest-adapter";
+import { type EventTimeline, EventType, type MatrixClient, type MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { MainSplitContentType, type RoomContextType, TimelineRenderingType } from "../../src/contexts/RoomContext";
+import { Layout } from "../../src/settings/enums/Layout";
+import { mkEvent } from "./test-utils";
+import { SDKContextClass } from "../../src/contexts/SDKContextClass";
+
+export const makeMembershipEvent = (roomId: string, userId: string, membership = KnownMembership.Join) =>
+    mkEvent({
+        event: true,
+        type: EventType.RoomMember,
+        room: roomId,
+        user: userId,
+        skey: userId,
+        content: { membership },
+        ts: Date.now(),
+    });
+
+/**
+ * Creates a room
+ * sets state events on the room
+ * Sets client getRoom to return room
+ * returns room
+ */
+export const makeRoomWithStateEvents = (
+    stateEvents: MatrixEvent[] = [],
+    { roomId, mockClient }: { roomId: string; mockClient: MockedObject<MatrixClient> },
+): Room => {
+    const room1 = new Room(roomId, mockClient, "@user:server.org");
+    room1.currentState.setStateEvents(stateEvents);
+    mockClient.getRoom.mockReturnValue(room1);
+    return room1;
+};
+
+export function getRoomContext(room: Room, override: Partial<RoomContextType>): RoomContextType {
+    return {
+        roomViewStore: SDKContextClass.instance.roomViewStore,
+        room,
+        roomLoading: true,
+        peekLoading: false,
+        shouldPeek: true,
+        membersLoaded: false,
+        numUnreadMessages: 0,
+        canPeek: false,
+        showApps: false,
+        isPeeking: false,
+        showRightPanel: true,
+        joining: false,
+        atEndOfLiveTimeline: true,
+        showTopUnreadMessagesBar: false,
+        statusBarVisible: false,
+        canReact: false,
+        canSendMessages: false,
+        layout: Layout.Group,
+        lowBandwidth: false,
+        alwaysShowTimestamps: false,
+        userTimezone: undefined,
+        showTwelveHourTimestamps: false,
+        readMarkerInViewThresholdMs: 3000,
+        readMarkerOutOfViewThresholdMs: 30000,
+        showHiddenEvents: false,
+        showReadReceipts: true,
+        showRedactions: true,
+        showJoinLeaves: true,
+        showAvatarChanges: true,
+        showDisplaynameChanges: true,
+        showUrlPreview: false,
+        matrixClientIsReady: false,
+        timelineRenderingType: TimelineRenderingType.Room,
+        mainSplitContentType: MainSplitContentType.Timeline,
+        liveTimeline: undefined,
+        canSelfRedact: false,
+        resizing: false,
+        narrow: false,
+        msc3946ProcessDynamicPredecessor: false,
+        canAskToJoin: false,
+        promptAskToJoin: false,
+        viewRoomOpts: { buttons: [] },
+        isRoomEncrypted: false,
+        ...override,
+    };
+}
+
+export const setupRoomWithEventsTimeline = (room: Room, events: MatrixEvent[] = []): void => {
+    const timelineSet = room.getUnfilteredTimelineSet();
+    const getTimelineForEventSpy = jest.spyOn(timelineSet, "getTimelineForEvent");
+    const eventTimeline = {
+        getEvents: jest.fn().mockReturnValue(events),
+    } as unknown as EventTimeline;
+    getTimelineForEventSpy.mockReturnValue(eventTimeline);
+};
diff --git a/apps/web/test/test-utils/test-utils.ts b/apps/web/test/test-utils/test-utils.ts
new file mode 100644
index 00000000000..5a3261ccc5d
--- /dev/null
+++ b/apps/web/test/test-utils/test-utils.ts
@@ -0,0 +1,960 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 EventEmitter from "node:events";
+import { type MockedObject } from "vitest";
+import {
+    MatrixEvent,
+    type Room,
+    type User,
+    type IContent,
+    type IEvent,
+    type RoomMember,
+    type MatrixClient,
+    type EventTimeline,
+    EventType,
+    type IEventRelation,
+    type IUnsigned,
+    type IPusher,
+    RoomType,
+    KNOWN_SAFE_ROOM_VERSION,
+    ConditionKind,
+    type IPushRules,
+    RelationType,
+    JoinRule,
+    type ValidatedAuthMetadata,
+    type GroupCall,
+    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";
+import { ReEmitter } from "matrix-js-sdk/src/ReEmitter";
+import { type MediaHandler } from "matrix-js-sdk/src/webrtc/mediaHandler";
+import { Feature, ServerSupport } from "matrix-js-sdk/src/feature";
+import { type MapperOpts } from "matrix-js-sdk/src/event-mapper";
+import { type MatrixRTCSessionManager, type MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc";
+
+import type { Membership } from "matrix-js-sdk/src/types";
+import { MatrixClientPeg as peg } from "../../src/MatrixClientPeg";
+import { type ValidatedServerConfig } from "../../src/utils/ValidatedServerConfig";
+import { EnhancedMap } from "../../src/utils/maps";
+import { type AsyncStoreWithClient } from "../../src/stores/AsyncStoreWithClient";
+import MatrixClientBackedSettingsHandler from "../../src/settings/handlers/MatrixClientBackedSettingsHandler";
+import { vi } from "../setup/adapter.ts";
+import { SDKContextClass } from "../../src/contexts/SDKContextClass.ts";
+
+/**
+ * Stub out the MatrixClient, and configure the MatrixClientPeg object to
+ * return it when get() is called.
+ *
+ * TODO: once the components are updated to get their MatrixClients from
+ * the react context, we can get rid of this and just inject a test client
+ * via the context instead.
+ *
+ * See also {@link getMockClientWithEventEmitter} which does something similar but different.
+ */
+export function stubClient(): MatrixClient {
+    const client = createTestClient();
+
+    // stub out the methods in MatrixClientPeg
+    //
+    // 'sandbox.restore()' doesn't work correctly on inherited methods,
+    // so we do this for each method
+    vi.spyOn(peg, "get");
+    vi.spyOn(peg, "safeGet");
+    vi.spyOn(peg, "unset");
+    vi.spyOn(peg, "set");
+    // MatrixClientPeg.safeGet() is called a /lot/, so implement it with our own
+    // fast stub function rather than a sinon stub
+    peg.get = () => client;
+    peg.safeGet = () => client;
+    MatrixClientBackedSettingsHandler.matrixClient = client;
+    // @ts-ignore
+    SDKContextClass.instance._client = client;
+    return client;
+}
+
+/**
+ * Create a stubbed-out MatrixClient
+ *
+ * @returns {object} MatrixClient stub
+ */
+export function createTestClient(): MatrixClient {
+    const eventEmitter = new EventEmitter();
+
+    let txnId = 1;
+    let createdRoom: Room | undefined;
+
+    const client = {
+        getHomeserverUrl: vi.fn(),
+        getIdentityServerUrl: vi.fn(),
+        getDomain: vi.fn().mockReturnValue("matrix.org"),
+        getUserId: vi.fn().mockReturnValue("@userId:matrix.org"),
+        getSafeUserId: vi.fn().mockReturnValue("@userId:matrix.org"),
+        getUserIdLocalpart: vi.fn().mockResolvedValue("userId"),
+        getUser: vi.fn().mockReturnValue({ on: vi.fn(), off: vi.fn() }),
+        getDevice: vi.fn(),
+        getDeviceId: vi.fn().mockReturnValue("ABCDEFGHI"),
+        deviceId: "ABCDEFGHI",
+        getDevices: vi.fn().mockResolvedValue({ devices: [{ device_id: "ABCDEFGHI" }] }),
+        getSessionId: vi.fn().mockReturnValue("iaszphgvfku"),
+        credentials: { userId: "@userId:matrix.org" },
+        getAccessToken: vi.fn(),
+
+        secretStorage: {
+            get: vi.fn(),
+            isStored: vi.fn().mockReturnValue(false),
+            checkKey: vi.fn().mockResolvedValue(false),
+            hasKey: vi.fn().mockReturnValue(false),
+            getDefaultKeyId: vi.fn().mockResolvedValue(null),
+        },
+
+        store: {
+            getPendingEvents: vi.fn().mockResolvedValue([]),
+            setPendingEvents: vi.fn().mockResolvedValue(undefined),
+            storeRoom: vi.fn(),
+            removeRoom: vi.fn(),
+        },
+
+        getCrypto: vi.fn().mockReturnValue({
+            getOwnDeviceKeys: vi.fn().mockResolvedValue({ ed25519: "ed25519", curve25519: "curve25519" }),
+            getUserDeviceInfo: vi.fn().mockResolvedValue(new Map()),
+            getUserVerificationStatus: vi.fn(),
+            getUserCrossSigningKeys: vi.fn().mockResolvedValue(null),
+            getDeviceVerificationStatus: vi.fn(),
+            resetKeyBackup: vi.fn(),
+            isEncryptionEnabledInRoom: vi.fn().mockResolvedValue(false),
+            isStateEncryptionEnabledInRoom: vi.fn().mockResolvedValue(false),
+            getVerificationRequestsToDeviceInProgress: vi.fn().mockReturnValue([]),
+            setDeviceIsolationMode: vi.fn(),
+            prepareToEncrypt: vi.fn(),
+            bootstrapCrossSigning: vi.fn(),
+            getActiveSessionBackupVersion: vi.fn().mockResolvedValue(null),
+            isKeyBackupTrusted: vi.fn().mockResolvedValue({}),
+            createRecoveryKeyFromPassphrase: vi.fn().mockResolvedValue({
+                privateKey: new Uint8Array(32),
+                encodedPrivateKey: "encoded private key",
+            }),
+            bootstrapSecretStorage: vi.fn(),
+            isDehydrationSupported: vi.fn().mockResolvedValue(false),
+            restoreKeyBackup: vi.fn(),
+            restoreKeyBackupWithPassphrase: vi.fn(),
+            loadSessionBackupPrivateKeyFromSecretStorage: vi.fn(),
+            storeSessionBackupPrivateKey: vi.fn(),
+            checkKeyBackupAndEnable: vi.fn().mockResolvedValue(null),
+            getKeyBackupInfo: vi.fn().mockResolvedValue(null),
+            getEncryptionInfoForEvent: vi.fn().mockResolvedValue(null),
+            getCrossSigningStatus: vi.fn().mockResolvedValue({
+                publicKeysOnDevice: false,
+                privateKeysInSecretStorage: false,
+                privateKeysCachedLocally: {
+                    masterKey: false,
+                    selfSigningKey: false,
+                    userSigningKey: false,
+                },
+            }),
+            isCrossSigningReady: vi.fn().mockResolvedValue(false),
+            disableKeyStorage: vi.fn(),
+            resetEncryption: vi.fn(),
+            getSessionBackupPrivateKey: vi.fn().mockResolvedValue(null),
+            isSecretStorageReady: vi.fn().mockResolvedValue(false),
+            deleteKeyBackupVersion: vi.fn(),
+            crossSignDevice: vi.fn(),
+        }),
+
+        getPushActionsForEvent: vi.fn(),
+        getRoom: vi.fn().mockImplementation((roomId) => {
+            // If the test called `createRoom`, return the mocked room it created.
+            if (createdRoom) {
+                return createdRoom;
+            } else {
+                return mkStubRoom(roomId, "My room", client);
+            }
+        }),
+        getRooms: vi.fn().mockReturnValue([]),
+        getVisibleRooms: vi.fn().mockReturnValue([]),
+        loginFlows: vi.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),
+        isRoomEncrypted: vi.fn().mockReturnValue(false),
+        peekInRoom: vi.fn().mockResolvedValue(mkStubRoom(undefined, undefined, undefined)),
+        stopPeeking: vi.fn(),
+
+        getEventTimeline: vi.fn().mockResolvedValue([]),
+        paginateEventTimeline: vi.fn().mockResolvedValue(undefined),
+        sendReadReceipt: vi.fn().mockResolvedValue(undefined),
+        getRoomIdForAlias: vi.fn().mockResolvedValue(undefined),
+        getRoomDirectoryVisibility: vi.fn().mockResolvedValue(undefined),
+        getProfileInfo: vi.fn().mockResolvedValue({}),
+        getThirdpartyProtocols: vi.fn().mockResolvedValue({}),
+        getClientWellKnown: vi.fn().mockReturnValue(null),
+        waitForClientWellKnown: vi.fn().mockResolvedValue({}),
+        supportsVoip: vi.fn().mockReturnValue(true),
+        getTurnServers: vi.fn().mockReturnValue([]),
+        getTurnServersExpiry: vi.fn().mockReturnValue(2 ^ 32),
+        getThirdpartyUser: vi.fn().mockResolvedValue([]),
+        getAccountData: vi.fn().mockImplementation((type) => {
+            return mkEvent({
+                user: "@user:example.com",
+                room: undefined,
+                type,
+                event: true,
+                content: {},
+            });
+        }),
+        getAccountDataFromServer: vi.fn(),
+
+        mxcUrlToHttp: vi.fn().mockImplementation((mxc: string) => `http://this.is.a.url/${mxc.substring(6)}`),
+        setAccountData: vi.fn(),
+        deleteAccountData: vi.fn(),
+        setRoomAccountData: vi.fn(),
+        setRoomName: vi.fn(),
+        setRoomTopic: vi.fn(),
+        setRoomReadMarkers: vi.fn().mockResolvedValue({}),
+        sendTyping: vi.fn().mockResolvedValue({}),
+        sendMessage: vi.fn().mockResolvedValue({}),
+        sendStateEvent: vi.fn().mockResolvedValue(undefined),
+        sendRtcDecline: vi.fn().mockResolvedValue(undefined),
+        getSyncState: vi.fn().mockReturnValue("SYNCING"),
+        generateClientSecret: () => "t35tcl1Ent5ECr3T",
+        isGuest: vi.fn().mockReturnValue(false),
+        getRoomHierarchy: vi.fn().mockReturnValue({
+            rooms: [],
+        }),
+        createRoom: vi.fn(async (createOpts?: ICreateRoomOpts) => {
+            const initialState = createOpts?.initial_state?.map((event, i) =>
+                mkEvent({
+                    ...event,
+                    room: "!1:example.org",
+                    user: "@user:example.com",
+                    event: true,
+                }),
+            );
+            createdRoom = mkStubRoom(
+                "!1:example.org",
+                "My room",
+                client,
+                initialState && mkRoomState("!1:example.org", initialState),
+            );
+            return { room_id: "!1:example.org" };
+        }),
+        setPowerLevel: vi.fn().mockResolvedValue(undefined),
+        pushRules: {},
+        decryptEventIfNeeded: () => Promise.resolve(),
+        isUserIgnored: vi.fn().mockReturnValue(false),
+        getCapabilities: vi.fn().mockResolvedValue({}),
+        getCachedCapabilities: vi.fn().mockReturnValue({}),
+        supportsThreads: vi.fn().mockReturnValue(false),
+        supportsIntentionalMentions: vi.fn().mockReturnValue(false),
+        getRoomUpgradeHistory: vi.fn().mockReturnValue([]),
+        getOpenIdToken: vi.fn().mockResolvedValue(undefined),
+        registerWithIdentityServer: vi.fn().mockResolvedValue({}),
+        getIdentityAccount: vi.fn().mockResolvedValue({}),
+        getTerms: vi.fn().mockResolvedValue({ policies: [] }),
+        agreeToTerms: vi.fn(),
+        doesServerSupportUnstableFeature: vi.fn().mockResolvedValue(undefined),
+        isVersionSupported: vi.fn().mockResolvedValue(undefined),
+        getPushRules: vi.fn().mockResolvedValue(undefined),
+        getPushers: vi.fn().mockResolvedValue({ pushers: [] }),
+        getThreePids: vi.fn().mockResolvedValue({ threepids: [] }),
+        bulkLookupThreePids: vi.fn().mockResolvedValue({ threepids: [] }),
+        setAvatarUrl: vi.fn().mockResolvedValue(undefined),
+        setDisplayName: vi.fn().mockResolvedValue(undefined),
+        setPusher: vi.fn().mockResolvedValue(undefined),
+        setPushRuleEnabled: vi.fn().mockResolvedValue(undefined),
+        setPushRuleActions: vi.fn().mockResolvedValue(undefined),
+        relations: vi.fn().mockResolvedValue({
+            events: [],
+        }),
+        hasLazyLoadMembersEnabled: vi.fn().mockReturnValue(false),
+        isInitialSyncComplete: vi.fn().mockReturnValue(true),
+        fetchRoomEvent: vi.fn().mockRejectedValue({}),
+        makeTxnId: vi.fn().mockImplementation(() => `t${txnId++}`),
+        sendToDevice: vi.fn().mockResolvedValue(undefined),
+        queueToDevice: vi.fn().mockResolvedValue(undefined),
+        cancelPendingEvent: vi.fn(),
+
+        getMediaHandler: vi.fn().mockReturnValue({
+            setVideoInput: vi.fn(),
+            setAudioInput: vi.fn(),
+            setAudioSettings: vi.fn(),
+            stopAllStreams: vi.fn(),
+        } as unknown as MediaHandler),
+        uploadContent: vi.fn(),
+        getEventMapper: (_options?: MapperOpts) => (event: Partial<IEvent>) => new MatrixEvent(event),
+        leaveRoomChain: vi.fn((roomId) => ({ [roomId]: null })),
+        requestPasswordEmailToken: vi.fn().mockRejectedValue({}),
+        setPassword: vi.fn().mockRejectedValue({}),
+        groupCallEventHandler: { groupCalls: new Map<string, GroupCall>() },
+        redactEvent: vi.fn(),
+
+        createMessagesRequest: vi.fn().mockResolvedValue({
+            chunk: [],
+        }),
+        sendEvent: vi.fn().mockImplementation((roomId, type, content) => {
+            return new MatrixEvent({
+                type,
+                sender: "@me:localhost",
+                content,
+                event_id: "$9999999999999999999999999999999999999999999",
+                room_id: roomId,
+            });
+        }),
+        resendEvent: vi.fn().mockResolvedValue({}),
+
+        _unstable_sendDelayedEvent: vi.fn(),
+        _unstable_sendDelayedStateEvent: vi.fn(),
+        _unstable_cancelScheduledDelayedEvent: vi.fn(),
+        _unstable_restartScheduledDelayedEvent: vi.fn(),
+        _unstable_sendScheduledDelayedEvent: vi.fn(),
+        _unstable_sendStickyEvent: vi.fn(),
+        _unstable_sendStickyDelayedEvent: vi.fn(),
+        _unstable_getRTCTransports: vi.fn(),
+        searchUserDirectory: vi.fn().mockResolvedValue({ limited: false, results: [] }),
+        setDeviceVerified: vi.fn(),
+        joinRoom: vi.fn(),
+        getSyncStateData: vi.fn(),
+        getDehydratedDevice: vi.fn(),
+        exportRoomKeys: vi.fn(),
+        knockRoom: vi.fn(),
+        leave: vi.fn(),
+        getVersions: vi.fn().mockResolvedValue({ versions: ["v1.1"] }),
+        requestAdd3pidEmailToken: vi.fn(),
+        requestAdd3pidMsisdnToken: vi.fn(),
+        submitMsisdnTokenOtherUrl: vi.fn(),
+        deleteThreePid: vi.fn().mockResolvedValue({}),
+        bindThreePid: vi.fn().mockResolvedValue({}),
+        unbindThreePid: vi.fn().mockResolvedValue({}),
+        requestEmailToken: vi.fn(),
+        addThreePidOnly: vi.fn(),
+        requestMsisdnToken: vi.fn(),
+        submitMsisdnToken: vi.fn(),
+        getMediaConfig: vi.fn(),
+        baseUrl: "https://matrix-client.matrix.org",
+        matrixRTC: createStubMatrixRTC(),
+        isFallbackICEServerAllowed: vi.fn().mockReturnValue(false),
+        getAuthIssuer: vi.fn(),
+        getOrCreateFilter: vi.fn(),
+        sendStickerMessage: vi.fn(),
+        getLocalAliases: vi.fn().mockReturnValue([]),
+        uploadDeviceSigningKeys: vi.fn(),
+        isKeyBackupKeyStored: vi.fn().mockResolvedValue(null),
+        getIgnoredUsers: vi.fn().mockReturnValue([]),
+        setIgnoredUsers: vi.fn(),
+        reportRoom: vi.fn(),
+        pushProcessor: {
+            getPushRuleById: vi.fn(),
+        },
+        search: vi.fn().mockResolvedValue({}),
+        processRoomEventsSearch: vi.fn().mockResolvedValue({ highlights: [], results: [] }),
+        invite: vi.fn(),
+        kick: vi.fn(),
+        ban: vi.fn(),
+        sendTextMessage: vi.fn(),
+        deleteRoomTag: vi.fn().mockResolvedValue({}),
+        setRoomTag: vi.fn().mockResolvedValue({}),
+        getExtendedProfileProperty: vi.fn(),
+        setExtendedProfileProperty: vi.fn().mockResolvedValue(undefined),
+        doesServerSupportExtendedProfiles: vi.fn(),
+    } as unknown as MatrixClient;
+
+    client.reEmitter = new ReEmitter(client);
+
+    client.canSupport = new Map();
+    Object.keys(Feature).forEach((feature) => {
+        client.canSupport.set(feature as Feature, ServerSupport.Stable);
+    });
+
+    Object.defineProperty(client, "pollingTurnServers", {
+        configurable: true,
+        get: () => true,
+    });
+    return client;
+}
+
+export function createStubMatrixRTC(): MatrixRTCSessionManager {
+    const eventEmitterMatrixRTCSessionManager = new EventEmitter();
+    const mockGetRoomSession = vi.fn();
+    mockGetRoomSession.mockImplementation((roomId) => {
+        const session = new EventEmitter() as MatrixRTCSession;
+        session.memberships = [];
+        session.getOldestMembership = () => undefined;
+        session.getConsensusCallIntent = () => "video";
+        return session;
+    });
+    return {
+        start: vi.fn(),
+        stop: vi.fn(),
+        getActiveRoomSession: vi.fn(),
+        getRoomSession: mockGetRoomSession,
+        on: eventEmitterMatrixRTCSessionManager.on.bind(eventEmitterMatrixRTCSessionManager),
+        off: eventEmitterMatrixRTCSessionManager.off.bind(eventEmitterMatrixRTCSessionManager),
+        removeListener: eventEmitterMatrixRTCSessionManager.removeListener.bind(eventEmitterMatrixRTCSessionManager),
+        emit: eventEmitterMatrixRTCSessionManager.emit.bind(eventEmitterMatrixRTCSessionManager),
+    } as unknown as MatrixRTCSessionManager;
+}
+type MakeEventPassThruProps = {
+    user: User["userId"];
+    relatesTo?: IEventRelation;
+    event?: boolean;
+    ts?: number;
+    skey?: string;
+};
+type MakeEventProps = MakeEventPassThruProps & {
+    /** If provided will be used as event Id. Else an Id is generated. */
+    id?: string;
+    type: string;
+    redacts?: string;
+    content: IContent;
+    room?: Room["roomId"]; // to-device messages are roomless
+    prev_content?: IContent;
+    unsigned?: IUnsigned;
+    status?: EventStatus;
+};
+
+export const mkRoomCreateEvent = (userId: string, roomId: string, content?: IContent): MatrixEvent => {
+    return mkEvent({
+        event: true,
+        type: EventType.RoomCreate,
+        content: {
+            creator: userId,
+            room_version: KNOWN_SAFE_ROOM_VERSION,
+            ...content,
+        },
+        skey: "",
+        user: userId,
+        room: roomId,
+    });
+};
+
+/**
+ * Create an Event.
+ * @param {Object} opts Values for the event.
+ * @param {string} opts.type The event.type
+ * @param {string} opts.room The event.room_id
+ * @param {string} opts.user The event.user_id
+ * @param {string=} opts.skey Optional. The state key (auto inserts empty string)
+ * @param {number=} opts.ts   Optional. Timestamp for the event
+ * @param {Object} opts.content The event.content
+ * @param {boolean} opts.event True to make a MatrixEvent.
+ * @param {unsigned=} opts.unsigned
+ * @return {Object} a JSON object representing this event.
+ */
+export function mkEvent(opts: MakeEventProps): MatrixEvent {
+    if (!opts.type || !opts.content) {
+        throw new Error("Missing .type or .content =>" + JSON.stringify(opts));
+    }
+    const event: Partial<IEvent> = {
+        type: opts.type,
+        room_id: opts.room,
+        sender: opts.user,
+        content: opts.content,
+        event_id: opts.id ?? "$" + Math.random() + "-" + Math.random(),
+        origin_server_ts: opts.ts ?? 0,
+        unsigned: {
+            ...opts.unsigned,
+            prev_content: opts.prev_content,
+        },
+        redacts: opts.redacts,
+    };
+    if (opts.skey !== undefined) {
+        event.state_key = opts.skey;
+    } else if (
+        [
+            "m.room.name",
+            "m.room.topic",
+            "m.room.create",
+            "m.room.join_rules",
+            "m.room.power_levels",
+            "m.room.topic",
+            "m.room.history_visibility",
+            "m.room.encryption",
+            "m.room.member",
+            "com.example.state",
+            "m.room.guest_access",
+            "m.room.tombstone",
+        ].indexOf(opts.type) !== -1
+    ) {
+        event.state_key = "";
+    }
+
+    const mxEvent = opts.event ? new MatrixEvent(event) : (event as unknown as MatrixEvent);
+    if (!mxEvent.sender && opts.user && opts.room) {
+        mxEvent.sender = {
+            userId: opts.user,
+            membership: KnownMembership.Join,
+            name: opts.user,
+            rawDisplayName: opts.user,
+            roomId: opts.room,
+            getAvatarUrl: () => {},
+            getMxcAvatarUrl: () => {},
+        } as unknown as RoomMember;
+    }
+    if (opts.status !== undefined) {
+        mxEvent.status = opts.status;
+    }
+    return mxEvent;
+}
+
+/**
+ * Create an m.room.member event.
+ * @param {Object} opts Values for the membership.
+ * @param {string} opts.room The room ID for the event.
+ * @param {string} opts.mship The content.membership for the event.
+ * @param {string} opts.prevMship The prev_content.membership for the event.
+ * @param {number=} opts.ts   Optional. Timestamp for the event
+ * @param {string} opts.user The user ID for the event.
+ * @param {RoomMember} opts.target The target of the event.
+ * @param {string=} opts.skey The other user ID for the event if applicable
+ * e.g. for invites/bans.
+ * @param {string} opts.name The content.displayname for the event.
+ * @param {string=} opts.url The content.avatar_url for the event.
+ * @param {boolean} opts.event True to make a MatrixEvent.
+ * @return {Object|MatrixEvent} The event
+ */
+export function mkMembership(
+    opts: MakeEventPassThruProps & {
+        room: Room["roomId"];
+        mship: Membership;
+        prevMship?: Membership;
+        name?: string;
+        url?: string;
+        skey?: string;
+        target?: RoomMember;
+    },
+): MatrixEvent {
+    const event: MakeEventProps = {
+        ...opts,
+        type: "m.room.member",
+        content: {
+            membership: opts.mship,
+        },
+    };
+    if (!opts.skey) {
+        event.skey = opts.user;
+    }
+    if (!opts.mship) {
+        throw new Error("Missing .mship => " + JSON.stringify(opts));
+    }
+
+    if (opts.prevMship) {
+        event.prev_content = { membership: opts.prevMship };
+    }
+    if (opts.name) {
+        event.content.displayname = opts.name;
+    }
+    if (opts.url) {
+        event.content.avatar_url = opts.url;
+    }
+    const e = mkEvent(event);
+    if (opts.target) {
+        e.target = opts.target;
+    }
+    return e;
+}
+
+export function mkRoomMember(
+    roomId: string,
+    userId: string,
+    membership = KnownMembership.Join,
+    isKicked = false,
+    prevMemberContent: Partial<IContent> = {},
+): RoomMember {
+    return {
+        userId,
+        membership,
+        name: userId,
+        rawDisplayName: userId,
+        roomId,
+        events: {
+            member: {
+                getSender: () => undefined,
+                getPrevContent: () => prevMemberContent,
+            },
+        },
+        isKicked: () => isKicked,
+        getAvatarUrl: () => {},
+        getMxcAvatarUrl: () => {},
+        getDMInviter: () => {},
+        off: () => {},
+    } as unknown as RoomMember;
+}
+
+export type MessageEventProps = MakeEventPassThruProps & {
+    room: Room["roomId"];
+    relatesTo?: IEventRelation;
+    msg?: string;
+};
+
+/**
+ * Creates a "🙃" reaction for the given event.
+ * Uses the same room and user as for the event.
+ *
+ * @returns The reaction event
+ */
+export const mkReaction = (event: MatrixEvent, opts: Partial<MakeEventProps> = {}): MatrixEvent => {
+    return mkEvent({
+        event: true,
+        room: event.getRoomId(),
+        type: EventType.Reaction,
+        user: event.getSender()!,
+        content: {
+            "m.relates_to": {
+                rel_type: RelationType.Annotation,
+                event_id: event.getId(),
+                key: "🙃",
+            },
+        },
+        ...opts,
+    });
+};
+
+/**
+ * Create an m.room.message event.
+ * @param {Object} opts Values for the message
+ * @param {string} opts.room The room ID for the event.
+ * @param {string} opts.user The user ID for the event.
+ * @param {number} opts.ts The timestamp for the event.
+ * @param {boolean} opts.event True to make a MatrixEvent.
+ * @param {string=} opts.msg Optional. The content.body for the event.
+ * @param {string=} opts.format Optional. The content.format for the event.
+ * @param {string=} opts.formattedMsg Optional. The content.formatted_body for the event.
+ * @return {Object|MatrixEvent} The event
+ */
+export function mkMessage({
+    msg,
+    format,
+    formattedMsg,
+    relatesTo,
+    ...opts
+}: MakeEventPassThruProps &
+    Pick<MakeEventProps, "id"> & {
+        room: Room["roomId"];
+        msg?: string;
+        format?: string;
+        formattedMsg?: string;
+    }): MatrixEvent {
+    if (!opts.room || !opts.user) {
+        throw new Error("Missing .room or .user from options");
+    }
+    const message = msg ?? "Random->" + Math.random();
+    const event: MakeEventProps = {
+        ts: 0,
+        ...opts,
+        type: "m.room.message",
+        content: {
+            "msgtype": "m.text",
+            "body": message,
+            ...(format && formattedMsg ? { format, formatted_body: formattedMsg } : {}),
+            ["m.relates_to"]: relatesTo,
+        },
+    };
+
+    return mkEvent(event);
+}
+
+export function mkStubRoom(
+    roomId: string | null | undefined = null,
+    name?: string,
+    client?: MatrixClient,
+    state?: RoomState,
+): Room {
+    const stubTimeline = {
+        getEvents: (): MatrixEvent[] => [],
+        getState: (): RoomState | undefined => state,
+    } as unknown as EventTimeline;
+
+    const eventEmitter = new EventEmitter();
+
+    return {
+        canInvite: vi.fn().mockReturnValue(false),
+        client,
+        findThreadForEvent: vi.fn(),
+        createThreadsTimelineSets: vi.fn().mockReturnValue(new Promise(() => {})),
+        currentState: {
+            getStateEvents: vi.fn((_type, key) => (key === undefined ? [] : null)),
+            getMember: vi.fn(),
+            mayClientSendStateEvent: vi.fn().mockReturnValue(true),
+            maySendStateEvent: vi.fn().mockReturnValue(true),
+            maySendRedactionForEvent: vi.fn().mockReturnValue(true),
+            maySendEvent: vi.fn().mockReturnValue(true),
+            maySendMessage: vi.fn().mockReturnValue(true),
+            members: {},
+            getHistoryVisibility: vi.fn().mockReturnValue(HistoryVisibility.Shared),
+            getJoinRule: vi.fn().mockReturnValue(JoinRule.Invite),
+            on: vi.fn(),
+            off: vi.fn(),
+            removeListener: vi.fn(),
+        } as unknown as RoomState,
+        eventShouldLiveIn: vi.fn().mockReturnValue({ shouldLiveInRoom: true, shouldLiveInThread: false }),
+        fetchRoomThreads: vi.fn().mockReturnValue(Promise.resolve()),
+        findEventById: vi.fn().mockReturnValue(undefined),
+        findPredecessor: vi.fn().mockReturnValue({ roomId: "", eventId: null }),
+        getAltAliases: vi.fn().mockReturnValue([]),
+        getAvatarUrl: () => "mxc://avatar.url/room.png",
+        getCanonicalAlias: vi.fn(),
+        getDMInviter: vi.fn(),
+        getEventReadUpTo: vi.fn(() => null),
+        getInvitedAndJoinedMemberCount: vi.fn().mockReturnValue(1),
+        getJoinRule: vi.fn().mockReturnValue("invite"),
+        getJoinedMemberCount: vi.fn().mockReturnValue(1),
+        getJoinedMembers: vi.fn().mockReturnValue([]),
+        getLiveTimeline: vi.fn().mockReturnValue(stubTimeline),
+        getLastLiveEvent: vi.fn().mockReturnValue(undefined),
+        getLastActiveTimestamp: vi.fn().mockReturnValue(1183140000),
+        getMember: vi.fn().mockReturnValue({
+            userId: "@member:domain.bla",
+            name: "Member",
+            rawDisplayName: "Member",
+            roomId: roomId,
+            getAvatarUrl: () => "mxc://avatar.url/image.png",
+            getMxcAvatarUrl: () => "mxc://avatar.url/image.png",
+            events: {},
+            isKicked: () => false,
+        }),
+        getMembers: vi.fn().mockReturnValue([]),
+        getEncryptionTargetMembers: vi.fn().mockReturnValue([]),
+        getMembersWithMembership: vi.fn().mockReturnValue([]),
+        getMxcAvatarUrl: () => "mxc://avatar.url/room.png",
+        getMyMembership: vi.fn().mockReturnValue(KnownMembership.Join),
+        getPendingEvents: vi.fn().mockReturnValue([]),
+        getReceiptsForEvent: vi.fn().mockReturnValue([]),
+        getRecommendedVersion: vi.fn().mockReturnValue(Promise.resolve("")),
+        getThreads: vi.fn().mockReturnValue([]),
+        getType: vi.fn().mockReturnValue(undefined),
+        getUnfilteredTimelineSet: vi.fn(),
+        getUnreadNotificationCount: vi.fn(() => 0),
+        getRoomUnreadNotificationCount: vi.fn().mockReturnValue(0),
+        getVersion: vi.fn().mockReturnValue("1"),
+        getBumpStamp: vi.fn().mockReturnValue(0),
+        getAccountData: vi.fn(),
+        hasMembershipState: () => false,
+        isElementVideoRoom: vi.fn().mockReturnValue(false),
+        isSpaceRoom: vi.fn().mockReturnValue(false),
+        isCallRoom: vi.fn().mockReturnValue(false),
+        hasEncryptionStateEvent: vi.fn().mockReturnValue(false),
+        loadMembersIfNeeded: vi.fn(),
+        maySendMessage: vi.fn().mockReturnValue(true),
+        myUserId: client?.getUserId(),
+        name,
+        normalizedName: normalize(name || ""),
+        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: vi.fn(),
+        setUnreadNotificationCount: vi.fn(),
+        tags: {},
+        timeline: [],
+    } as unknown as Room;
+}
+
+export function mkRoomState(
+    roomId: string = "!1:example.org",
+    stateEvents: MatrixEvent[] = [],
+    members: RoomMember[] = [],
+): RoomState {
+    const roomState = new RoomState(roomId);
+
+    roomState.setStateEvents(stateEvents);
+
+    for (const member of members) {
+        roomState.members[member.userId] = member;
+    }
+
+    return roomState;
+}
+
+export function mkServerConfig(
+    hsUrl: string,
+    isUrl: string,
+    delegatedAuthentication?: ValidatedAuthMetadata,
+): ValidatedServerConfig {
+    return {
+        hsUrl,
+        hsName: "TEST_ENVIRONMENT",
+        hsNameIsDifferent: false, // yes, we lie
+        isUrl,
+        delegatedAuthentication,
+    } as ValidatedServerConfig;
+}
+
+// These methods make some use of some private methods on the AsyncStoreWithClient to simplify getting into a consistent
+// ready state without needing to wire up a dispatcher and pretend to be a js-sdk client.
+
+export const setupAsyncStoreWithClient = async <T extends object = any>(
+    store: AsyncStoreWithClient<T>,
+    client: MatrixClient,
+) => {
+    // @ts-ignore protected access
+    store.readyStore.useUnitTestClient(client);
+    // @ts-ignore protected access
+    await store.onReady();
+};
+
+export const resetAsyncStoreWithClient = async <T extends object = any>(store: AsyncStoreWithClient<T>) => {
+    // @ts-ignore protected access
+    await store.onNotReady();
+};
+
+export const mockStateEventImplementation = (events: MatrixEvent[]) => {
+    const stateMap = new EnhancedMap<string, Map<string, MatrixEvent>>();
+    events.forEach((event) => {
+        stateMap.getOrCreate(event.getType(), new Map()).set(event.getStateKey()!, event);
+    });
+
+    // recreate the overloading in RoomState
+    function getStateEvents(eventType: EventType | string): MatrixEvent[];
+    function getStateEvents(eventType: EventType | string, stateKey: string): MatrixEvent;
+    function getStateEvents(eventType: EventType | string, stateKey?: string) {
+        if (stateKey || stateKey === "") {
+            return stateMap.get(eventType)?.get(stateKey) || null;
+        }
+        return Array.from(stateMap.get(eventType)?.values() || []);
+    }
+    return getStateEvents;
+};
+
+export const mkRoom = (
+    client: MatrixClient,
+    roomId: string,
+    rooms?: ReturnType<typeof mkStubRoom>[],
+): MockedObject<Room> => {
+    const room = vi.mocked(mkStubRoom(roomId, roomId, client));
+    vi.mocked(room.currentState).getStateEvents.mockImplementation(mockStateEventImplementation([]));
+    rooms?.push(room);
+    return room;
+};
+
+/**
+ * Upserts given events into room.currentState
+ * @param room
+ * @param events
+ */
+export const upsertRoomStateEvents = (room: Room, events: MatrixEvent[]): void => {
+    const eventsMap = events.reduce((acc, event) => {
+        const eventType = event.getType();
+        if (!acc.has(eventType)) {
+            acc.set(eventType, new Map());
+        }
+        acc.get(eventType)?.set(event.getStateKey()!, event);
+        return acc;
+    }, room.currentState.events || new Map<string, Map<string, MatrixEvent>>());
+
+    room.currentState.events = eventsMap;
+};
+
+export const mkSpace = (
+    client: MatrixClient,
+    spaceId: string,
+    rooms?: ReturnType<typeof mkStubRoom>[],
+    children: string[] = [],
+): MockedObject<Room> => {
+    const space = vi.mocked(mkRoom(client, spaceId, rooms));
+    space.isSpaceRoom.mockReturnValue(true);
+    space.getType.mockReturnValue(RoomType.Space);
+    vi.mocked(space.currentState).getStateEvents.mockImplementation(
+        mockStateEventImplementation(
+            children.map((roomId) =>
+                mkEvent({
+                    event: true,
+                    type: EventType.SpaceChild,
+                    room: spaceId,
+                    user: "@user:server",
+                    skey: roomId,
+                    content: { via: [] },
+                    ts: Date.now(),
+                }),
+            ),
+        ),
+    );
+    return space;
+};
+
+export const mkRoomMemberJoinEvent = (user: string, room: string, content?: IContent): MatrixEvent => {
+    return mkEvent({
+        event: true,
+        type: EventType.RoomMember,
+        content: {
+            membership: KnownMembership.Join,
+            ...content,
+        },
+        skey: user,
+        user,
+        room,
+    });
+};
+
+export const mkRoomCanonicalAliasEvent = (userId: string, roomId: string, alias: string): MatrixEvent => {
+    return mkEvent({
+        event: true,
+        type: EventType.RoomCanonicalAlias,
+        content: {
+            alias,
+        },
+        skey: "",
+        user: userId,
+        room: roomId,
+    });
+};
+
+export const mkThirdPartyInviteEvent = (user: string, displayName: string, room: string): MatrixEvent => {
+    return mkEvent({
+        event: true,
+        type: EventType.RoomThirdPartyInvite,
+        content: {
+            display_name: displayName,
+            public_key: "foo",
+            key_validity_url: "bar",
+        },
+        skey: "test" + Math.random(),
+        user,
+        room,
+    });
+};
+
+export const mkPusher = (extra: Partial<IPusher> = {}): IPusher => ({
+    app_display_name: "app",
+    app_id: "123",
+    data: {},
+    device_display_name: "name",
+    kind: "http",
+    lang: "en",
+    pushkey: "pushpush",
+    ...extra,
+});
+
+/** Add a mute rule for a room. */
+export function muteRoom(room: Room): void {
+    const client = room.client!;
+    client.pushRules = client.pushRules ?? ({ global: [] } as IPushRules);
+    client.pushRules.global = client.pushRules.global ?? {};
+    client.pushRules.global.override = [
+        {
+            default: true,
+            enabled: true,
+            rule_id: "rule_id",
+            conditions: [
+                {
+                    kind: ConditionKind.EventMatch,
+                    key: "room_id",
+                    pattern: room.roomId,
+                },
+            ],
+            actions: [],
+        },
+    ];
+}
diff --git a/apps/web/test/test-utils/threads.ts b/apps/web/test/test-utils/threads.ts
new file mode 100644
index 00000000000..5767318924e
--- /dev/null
+++ b/apps/web/test/test-utils/threads.ts
@@ -0,0 +1,170 @@
+/*
+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 {
+    type MatrixClient,
+    type MatrixEvent,
+    MatrixEventEvent,
+    RelationType,
+    type Room,
+    type Thread,
+} from "matrix-js-sdk/src/matrix";
+
+import { mkMessage, type MessageEventProps } from "./test-utils";
+import { expect } from "../setup/adapter.ts";
+
+export const makeThreadEvent = ({
+    rootEventId,
+    replyToEventId,
+    ...props
+}: MessageEventProps & {
+    rootEventId: string;
+    replyToEventId: string;
+}): MatrixEvent =>
+    mkMessage({
+        ...props,
+        relatesTo: {
+            "event_id": rootEventId,
+            "rel_type": "m.thread",
+            ["m.in_reply_to"]: {
+                event_id: replyToEventId,
+            },
+        },
+    });
+
+type MakeThreadEventsProps = {
+    roomId: Room["roomId"];
+    // root message user id
+    authorId: string;
+    // user ids of thread replies
+    // cycled through until thread length is fulfilled
+    participantUserIds: string[];
+    // number of messages in the thread, root message included
+    // optional, default 2
+    length?: number;
+    ts?: number;
+    // provide to set current_user_participated accurately
+    currentUserId?: string;
+};
+
+export const makeThreadEvents = ({
+    roomId,
+    authorId,
+    participantUserIds,
+    length = 2,
+    ts = 1,
+    currentUserId,
+}: MakeThreadEventsProps): { rootEvent: MatrixEvent; events: MatrixEvent[] } => {
+    const rootEvent = mkMessage({
+        user: authorId,
+        event: true,
+        room: roomId,
+        msg: "root event message " + Math.random(),
+        ts,
+    });
+
+    const rootEventId = rootEvent.getId()!;
+    const events = [rootEvent];
+
+    for (let i = 1; i < length; i++) {
+        const prevEvent = events[i - 1];
+        const replyToEventId = prevEvent.getId()!;
+        const user = participantUserIds[i % participantUserIds.length];
+        events.push(
+            makeThreadEvent({
+                user,
+                room: roomId,
+                event: true,
+                msg: `reply ${i} by ${user}`,
+                rootEventId,
+                replyToEventId,
+                // replies are 1ms after each other
+                ts: ts + i,
+            }),
+        );
+    }
+
+    rootEvent.setUnsigned({
+        "m.relations": {
+            [RelationType.Thread]: {
+                latest_event: events[events.length - 1].event,
+                count: length,
+                current_user_participated: [...participantUserIds, authorId].includes(currentUserId!),
+            },
+        },
+    });
+
+    return { rootEvent, events };
+};
+
+type MakeThreadProps = {
+    room: Room;
+    client: MatrixClient;
+    authorId: string;
+    participantUserIds: string[];
+    length?: number;
+    ts?: number;
+};
+
+/**
+ * Create a thread but don't actually populate it with events - see
+ * populateThread for what you probably want to do.
+ *
+ * Leaving this here in case it is needed by some people, but I (andyb) would
+ * expect us to move to use populateThread exclusively.
+ */
+export const mkThread = ({
+    room,
+    client,
+    authorId,
+    participantUserIds,
+    length = 2,
+    ts = 1,
+}: MakeThreadProps): { thread: Thread; rootEvent: MatrixEvent; events: MatrixEvent[] } => {
+    const { rootEvent, events } = makeThreadEvents({
+        roomId: room.roomId,
+        authorId,
+        participantUserIds,
+        length,
+        ts,
+        currentUserId: client.getUserId()!,
+    });
+    expect(rootEvent).toBeTruthy();
+
+    for (const evt of events) {
+        room?.reEmitter.reEmit(evt, [MatrixEventEvent.BeforeRedaction]);
+    }
+
+    const thread = room.createThread(rootEvent.getId()!, rootEvent, events, true);
+
+    return { thread, rootEvent, events };
+};
+
+/**
+ * Create a thread, and make sure the events added to the thread and the room's
+ * timeline as if they came in via sync.
+ *
+ * Note that mkThread doesn't actually add the events properly to the room.
+ */
+export const populateThread = async ({
+    room,
+    client,
+    authorId,
+    participantUserIds,
+    length = 2,
+    ts = 1,
+}: MakeThreadProps): Promise<{ thread: Thread; rootEvent: MatrixEvent; events: MatrixEvent[] }> => {
+    const ret = mkThread({ room, client, authorId, participantUserIds, length, ts });
+
+    // So that we do not have to mock the thread loading, tell the thread
+    // that it is already loaded, and send the events again to the room
+    // so they are added to the thread timeline.
+    ret.thread.initialEventsFetched = true;
+    await room.addLiveEvents(ret.events, { addToState: false });
+    return ret;
+};
diff --git a/apps/web/test/test-utils/utilities.ts b/apps/web/test/test-utils/utilities.ts
new file mode 100644
index 00000000000..1abb5479eb4
--- /dev/null
+++ b/apps/web/test/test-utils/utilities.ts
@@ -0,0 +1,269 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { act } from "test-utils-rtl";
+
+import type EventEmitter from "node:events";
+import { type ActionPayload } from "../../src/dispatcher/payloads";
+import defaultDispatcher from "../../src/dispatcher/dispatcher";
+import { type DispatcherAction } from "../../src/dispatcher/actions";
+import Modal from "../../src/Modal";
+import { vi, beforeEach, afterEach } from "../setup/adapter.ts";
+
+export const emitPromise = (e: EventEmitter, k: string | symbol) => new Promise((r) => e.once(k, r));
+
+/**
+ * Waits for a certain payload to be dispatched.
+ * @param waitForAction The action string to wait for or the callback which is invoked for every dispatch. If this returns true, stops waiting.
+ * @param timeout The max time to wait before giving up and stop waiting. If 0, no timeout.
+ * @param dispatcher The dispatcher to listen on.
+ * @returns A promise which resolves when the callback returns true. Resolves with the payload that made it stop waiting.
+ * Rejects when the timeout is reached.
+ */
+export function untilDispatch(
+    waitForAction: DispatcherAction | ((payload: ActionPayload) => boolean),
+    dispatcher = defaultDispatcher,
+    timeout = 1000,
+): Promise<ActionPayload> {
+    const callerLine = new Error().stack!.toString().split("\n")[2];
+    const callback =
+        typeof waitForAction === "string"
+            ? (payload: ActionPayload) => {
+                  return payload.action === waitForAction;
+              }
+            : waitForAction;
+    return new Promise((resolve, reject) => {
+        let fulfilled = false;
+        let timeoutId: number;
+        // set a timeout handler if needed
+        if (timeout > 0) {
+            timeoutId = window.setTimeout(() => {
+                if (!fulfilled) {
+                    reject(
+                        new Error(
+                            `untilDispatch: timed out (waiting for: ${typeof waitForAction === "function" ? "fn" : waitForAction}) at ${callerLine}`,
+                        ),
+                    );
+                    fulfilled = true;
+                }
+            }, timeout);
+        }
+        // listen for dispatches
+        const token = dispatcher.register((p: ActionPayload) => {
+            const finishWaiting = callback(p);
+            if (finishWaiting || fulfilled) {
+                // wait until we're told or we timeout
+                // if we haven't timed out, resolve now with the payload.
+                if (!fulfilled) {
+                    resolve(p);
+                    fulfilled = true;
+                }
+                // cleanup
+                dispatcher.unregister(token);
+                if (timeoutId) {
+                    clearTimeout(timeoutId);
+                }
+            }
+        });
+    });
+}
+
+/**
+ * Waits for a certain event to be emitted.
+ * @param emitter The EventEmitter to listen on.
+ * @param eventName The event string to wait for.
+ * @param check Optional function which is invoked when the event fires. If this returns true, stops waiting.
+ * @param timeout The max time to wait before giving up and stop waiting. If 0, no timeout.
+ * @returns A promise which resolves when the callback returns true or when the event is emitted if
+ * no callback is provided. Rejects when the timeout is reached.
+ */
+export function untilEmission(
+    emitter: EventEmitter,
+    eventName: string,
+    check?: (...args: any[]) => boolean,
+    timeout = 1000,
+): Promise<void> {
+    const callerLine = new Error().stack!.toString().split("\n")[2];
+    return new Promise((resolve, reject) => {
+        let fulfilled = false;
+        let timeoutId: number;
+        // set a timeout handler if needed
+        if (timeout > 0) {
+            timeoutId = window.setTimeout(() => {
+                if (!fulfilled) {
+                    reject(new Error(`untilEmission: timed out at ${callerLine}`));
+                    fulfilled = true;
+                }
+            }, timeout);
+        }
+        const callback = (...args: any[]) => {
+            // if they supplied a check function, call it now. Bail if it returns false.
+            if (check) {
+                if (!check(...args)) {
+                    return;
+                }
+            }
+            // we didn't time out, resolve. Otherwise, we already rejected so don't resolve now.
+            if (!fulfilled) {
+                resolve();
+                fulfilled = true;
+            }
+            // cleanup
+            emitter.off(eventName, callback);
+            if (timeoutId) {
+                clearTimeout(timeoutId);
+            }
+        };
+        // listen for emissions
+        emitter.on(eventName, callback);
+    });
+}
+
+export const flushPromises = () => act(async () => await new Promise<void>((resolve) => window.setTimeout(resolve)));
+
+// with jest's modern fake timers process.nextTick is also mocked,
+// flushing promises in the normal way then waits for some advancement
+// of the fake timers
+// https://gist.github.com/apieceofbart/e6dea8d884d29cf88cdb54ef14ddbcc4?permalink_comment_id=4018174#gistcomment-4018174
+export const flushPromisesWithFakeTimers = async (): Promise<void> => {
+    const promise = new Promise((resolve) => process.nextTick(resolve));
+    vi.advanceTimersByTime(1);
+    await promise;
+};
+
+/**
+ * Call fn before calling componentDidUpdate on a react component instance, inst.
+ * @param {React.Component} inst an instance of a React component.
+ * @param {number} updates Number of updates to wait for. (Defaults to 1.)
+ * @returns {Promise} promise that resolves when componentDidUpdate is called on
+ *                    given component instance.
+ */
+export function waitForUpdate(inst: React.Component, updates = 1): Promise<void> {
+    return new Promise<void>((resolve, reject) => {
+        const cdu = inst.componentDidUpdate;
+
+        console.log(`Waiting for ${updates} update(s)`);
+
+        inst.componentDidUpdate = (prevProps, prevState, snapshot) => {
+            updates--;
+            console.log(`Got update, ${updates} remaining`);
+
+            if (updates == 0) {
+                inst.componentDidUpdate = cdu;
+                resolve();
+            }
+
+            if (cdu) cdu(prevProps, prevState, snapshot);
+        };
+    });
+}
+
+/**
+ * Advance jests fake timers and Date.now mock by ms
+ * Useful for testing code using timeouts or intervals
+ * that also checks timestamps
+ */
+export const advanceDateAndTime = (ms: number) => {
+    vi.spyOn(global.Date, "now").mockReturnValue(Date.now() + ms);
+    vi.advanceTimersByTime(ms);
+};
+
+/**
+ * A horrible hack necessary to wait enough time to ensure any modal is shown after a
+ * `Modal.createDialog(...)` call. We have to contend with the Modal code which renders
+ * things asyncronhously and has weird sleeps which we should strive to remove.
+ */
+export const waitEnoughCyclesForModal = async ({
+    useFakeTimers = false,
+}: {
+    useFakeTimers?: boolean;
+} = {}): Promise<void> => {
+    // XXX: Maybe in the future with Jest 29.5.0+, we could use `runAllTimersAsync` instead.
+    const flushFunc = useFakeTimers ? flushPromisesWithFakeTimers : flushPromises;
+
+    await flushFunc();
+    await flushFunc();
+    await flushFunc();
+};
+
+/**
+ * Clears all modals that are currently open.
+ */
+export const clearAllModals = async (): Promise<void> => {
+    // Prevent modals from leaking and polluting other tests
+    act(() => Modal.forceCloseAllModals());
+};
+
+/** Install a stub object at `navigator.mediaDevices` */
+export function useMockMediaDevices(): void {
+    // @ts-ignore assignment of a thing that isn't a `MediaDevices` to read-only property
+    navigator["mediaDevices"] = {
+        enumerateDevices: vi.fn().mockResolvedValue([]),
+        getUserMedia: vi.fn(),
+    };
+}
+
+/**
+ * Clean up the JSDOM after each test.
+ *
+ * Registers `beforeEach` and `afterEach` functions which will deregister any event listeners and timers from the
+ * `window` and `document` objects.
+ *
+ * Also clears out `localStorage` and `sessionStorage`.
+ */
+export function resetJsDomAfterEach(): void {
+    // list of calls to run in afterEach
+    const resetCalls: (() => void)[] = [];
+
+    beforeEach(() => {
+        // intercept `window.addEventListener` and `document.addEventListener`, and register 'removeEventListener' calls
+        // for `afterEach`.
+        for (const obj of [window, document]) {
+            const originalFn = obj.addEventListener;
+            obj.addEventListener = (...args: Parameters<Window["addEventListener"]>) => {
+                originalFn.apply(obj, args);
+                resetCalls.push(() => obj.removeEventListener(...args));
+            };
+
+            // also reset the intercept after the test
+            resetCalls.push(() => {
+                obj.addEventListener = originalFn;
+            });
+        }
+
+        // intercept setTimeout and setInterval, and clear them at the end.
+        //
+        // *Don't* use vi.spyOn for this because it makes the DOM testing library think we are using fake timers.
+        //
+        ["setTimeout", "setInterval"].forEach((name) => {
+            const originalFn = window[name as keyof Window];
+            // @ts-ignore assignment to read-only property
+            window[name] = (...args) => {
+                const result = originalFn.apply(window, args);
+                resetCalls.push(() => window.clearTimeout(result));
+                return result;
+            };
+            resetCalls.push(() => {
+                // @ts-ignore assignment to read-only property
+                window[name] = originalFn;
+            });
+        });
+    });
+
+    afterEach(() => {
+        // clean up event listeners, timers, etc.
+        for (const call of resetCalls) {
+            call();
+        }
+        resetCalls.splice(0);
+
+        // other cleanup
+        localStorage.clear();
+        sessionStorage.clear();
+    });
+}
diff --git a/apps/web/test/test-utils/vitest-matrix-react.ts b/apps/web/test/test-utils/vitest-matrix-react.ts
new file mode 100644
index 00000000000..f52fe4c4942
--- /dev/null
+++ b/apps/web/test/test-utils/vitest-matrix-react.ts
@@ -0,0 +1,16 @@
+/*
+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 "@testing-library/jest-dom/vitest";
+// eslint-disable-next-line no-restricted-imports
+import { cleanup } from "@testing-library/react";
+import { afterEach } from "vitest";
+
+afterEach(cleanup);
+
+export * from "./jest-matrix-react.tsx";
diff --git a/apps/web/test/test-utils/wrappers.tsx b/apps/web/test/test-utils/wrappers.tsx
new file mode 100644
index 00000000000..8dd0761c577
--- /dev/null
+++ b/apps/web/test/test-utils/wrappers.tsx
@@ -0,0 +1,102 @@
+/*
+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 ComponentType, type Ref } from "react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type RenderOptions } from "jest-matrix-react";
+
+import { MatrixClientPeg as peg } from "../../src/MatrixClientPeg";
+import MatrixClientContext from "../../src/contexts/MatrixClientContext";
+import { SDKContext } from "../../src/contexts/SDKContext";
+import { type SDKContextClass } from "../../src/contexts/SDKContextClass";
+import { type RoomContextType } from "../../src/contexts/RoomContext.ts";
+import { ScopedRoomContextProvider } from "../../src/contexts/ScopedRoomContext.tsx";
+
+type WrapperProps<T> = { wrappedRef?: Ref<ComponentType<T>> } & T;
+
+export function wrapInMatrixClientContext<T>(WrappedComponent: ComponentType<T>): ComponentType<WrapperProps<T>> {
+    class Wrapper extends React.Component<WrapperProps<T>> {
+        _matrixClient: MatrixClient;
+        constructor(props: WrapperProps<T>) {
+            super(props);
+
+            this._matrixClient = peg.safeGet();
+        }
+
+        render() {
+            return (
+                <MatrixClientContext.Provider value={this._matrixClient}>
+                    <WrappedComponent ref={this.props.wrappedRef} {...this.props} />
+                </MatrixClientContext.Provider>
+            );
+        }
+    }
+    return Wrapper;
+}
+
+export function wrapInSdkContext<T>(
+    WrappedComponent: ComponentType<T>,
+    sdkContext: SDKContextClass,
+): ComponentType<WrapperProps<T>> {
+    return class extends React.Component<WrapperProps<T>> {
+        render() {
+            return (
+                <SDKContext.Provider value={sdkContext}>
+                    <WrappedComponent {...this.props} />
+                </SDKContext.Provider>
+            );
+        }
+    };
+}
+
+/**
+ * Test helper to generate React testing library render options for wrapping with a MatrixClientContext.Provider
+ * @param client the MatrixClient instance to expose via the provider
+ */
+export function withClientContextRenderOptions(client: MatrixClient): RenderOptions {
+    return {
+        wrapper: ({ children }) => (
+            <MatrixClientContext.Provider value={client}>{children}</MatrixClientContext.Provider>
+        ),
+    };
+}
+
+export function clientAndSDKContextRenderOptions(client: MatrixClient, sdkContext: SDKContextClass): RenderOptions {
+    return {
+        wrapper: ({ children }) => (
+            <SDKContext.Provider value={sdkContext}>
+                <MatrixClientContext.Provider value={client}>{children}</MatrixClientContext.Provider>
+            </SDKContext.Provider>
+        ),
+    };
+}
+export function withContexts({
+    sdkContext,
+    matrixClient,
+    roomContext,
+}: {
+    sdkContext?: SDKContextClass;
+    matrixClient?: MatrixClient;
+    roomContext?: RoomContextType;
+}): RenderOptions {
+    return {
+        wrapper: ({ children }) => {
+            const client = matrixClient || sdkContext?.client;
+            if (client) {
+                children = <MatrixClientContext.Provider value={client}>{children}</MatrixClientContext.Provider>;
+            }
+            if (sdkContext) {
+                children = <SDKContext.Provider value={sdkContext}>{children}</SDKContext.Provider>;
+            }
+            if (roomContext) {
+                children = <ScopedRoomContextProvider {...roomContext}>{children}</ScopedRoomContextProvider>;
+            }
+            return children;
+        },
+    };
+}
diff --git a/apps/web/test/unit-tests/ContentMessages-test.ts b/apps/web/test/unit-tests/ContentMessages-test.ts
new file mode 100644
index 00000000000..51bb73fbfdc
--- /dev/null
+++ b/apps/web/test/unit-tests/ContentMessages-test.ts
@@ -0,0 +1,443 @@
+/*
+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 { mocked } from "jest-mock";
+import {
+    type ISendEventResponse,
+    type MatrixClient,
+    MatrixError,
+    RelationType,
+    type UploadResponse,
+} from "matrix-js-sdk/src/matrix";
+import { type ImageInfo } from "matrix-js-sdk/src/types";
+import encrypt, { type IEncryptedFile } from "matrix-encrypt-attachment";
+
+import ContentMessages, { UploadCanceledError, uploadFile } from "../../src/ContentMessages";
+import { doMaybeLocalRoomAction } from "../../src/utils/local-room";
+import { createTestClient, flushPromises, mkEvent } from "../test-utils";
+import { BlurhashEncoder } from "../../src/BlurhashEncoder";
+import Modal from "../../src/Modal";
+import ErrorDialog from "../../src/components/views/dialogs/ErrorDialog";
+import { _t } from "../../src/languageHandler";
+
+jest.mock("matrix-encrypt-attachment", () => ({ encryptAttachment: jest.fn().mockResolvedValue({}) }));
+
+jest.mock("../../src/BlurhashEncoder", () => ({
+    BlurhashEncoder: {
+        instance: {
+            getBlurhash: jest.fn(),
+        },
+    },
+}));
+
+jest.mock("../../src/utils/local-room", () => ({
+    doMaybeLocalRoomAction: jest.fn(),
+}));
+
+const createElement = document.createElement.bind(document);
+
+describe("ContentMessages", () => {
+    const stickerUrl = "https://example.com/sticker";
+    const roomId = "!room:example.com";
+    const imageInfo = {} as unknown as ImageInfo;
+    const text = "test sticker";
+    let client: MatrixClient;
+    let contentMessages: ContentMessages;
+    let prom: Promise<ISendEventResponse>;
+
+    beforeEach(() => {
+        client = createTestClient();
+        contentMessages = new ContentMessages();
+        prom = Promise.resolve<ISendEventResponse>({ event_id: "$event_id" });
+    });
+
+    describe("sendStickerContentToRoom", () => {
+        beforeEach(() => {
+            mocked(client.sendStickerMessage).mockReturnValue(prom);
+            mocked(doMaybeLocalRoomAction).mockImplementation(
+                <T>(roomId: string, fn: (actualRoomId: string) => Promise<T>, client?: MatrixClient) => {
+                    return fn(roomId);
+                },
+            );
+        });
+
+        it("should forward the call to doMaybeLocalRoomAction", async () => {
+            await contentMessages.sendStickerContentToRoom(stickerUrl, roomId, null, imageInfo, text, client);
+            expect(client.sendStickerMessage).toHaveBeenCalledWith(roomId, null, stickerUrl, imageInfo, text);
+        });
+    });
+
+    describe("sendContentToRoom", () => {
+        const roomId = "!roomId:server";
+        beforeEach(() => {
+            Object.defineProperty(global.Image.prototype, "src", {
+                // Define the property setter
+                set(src) {
+                    window.setTimeout(() => this.onload());
+                },
+            });
+            Object.defineProperty(global.Image.prototype, "height", {
+                get() {
+                    return 600;
+                },
+            });
+            Object.defineProperty(global.Image.prototype, "width", {
+                get() {
+                    return 800;
+                },
+            });
+            mocked(doMaybeLocalRoomAction).mockImplementation(
+                <T>(roomId: string, fn: (actualRoomId: string) => Promise<T>) => fn(roomId),
+            );
+            mocked(BlurhashEncoder.instance.getBlurhash).mockResolvedValue("blurhashstring");
+        });
+
+        it("should use m.image for image files", async () => {
+            mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://server/file" });
+            const file = new File([], "fileName", { type: "image/jpeg" });
+            await contentMessages.sendContentToRoom(file, roomId, undefined, client, undefined);
+            expect(client.sendMessage).toHaveBeenCalledWith(
+                roomId,
+                null,
+                expect.objectContaining({
+                    url: "mxc://server/file",
+                    msgtype: "m.image",
+                }),
+            );
+        });
+
+        it("should use m.image for PNG files which cannot be parsed but successfully thumbnail", async () => {
+            mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://server/file" });
+            const file = new File([], "fileName", { type: "image/png" });
+            await contentMessages.sendContentToRoom(file, roomId, undefined, client, undefined);
+            expect(client.sendMessage).toHaveBeenCalledWith(
+                roomId,
+                null,
+                expect.objectContaining({
+                    url: "mxc://server/file",
+                    msgtype: "m.image",
+                }),
+            );
+        });
+
+        it("should fall back to m.file for invalid image files", async () => {
+            mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://server/file" });
+            const file = new File([], "fileName", { type: "image/jpeg" });
+            mocked(BlurhashEncoder.instance.getBlurhash).mockRejectedValue("NOT_AN_IMAGE");
+            await contentMessages.sendContentToRoom(file, roomId, undefined, client, undefined);
+            expect(client.sendMessage).toHaveBeenCalledWith(
+                roomId,
+                null,
+                expect.objectContaining({
+                    url: "mxc://server/file",
+                    msgtype: "m.file",
+                }),
+            );
+        });
+
+        it("should use m.video for video files", async () => {
+            jest.spyOn(document, "createElement").mockImplementation((tagName) => {
+                const element = createElement(tagName);
+                if (tagName === "video") {
+                    (<HTMLVideoElement>element).load = jest.fn();
+                    (<HTMLVideoElement>element).play = () => element.onloadeddata!(new Event("loadeddata"));
+                    (<HTMLVideoElement>element).pause = jest.fn();
+                    Object.defineProperty(element, "videoHeight", {
+                        get() {
+                            return 600;
+                        },
+                    });
+                    Object.defineProperty(element, "videoWidth", {
+                        get() {
+                            return 800;
+                        },
+                    });
+                    Object.defineProperty(element, "duration", {
+                        get() {
+                            return 123;
+                        },
+                    });
+                }
+                return element;
+            });
+
+            mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://server/file" });
+            const file = new File([], "fileName", { type: "video/mp4" });
+            await contentMessages.sendContentToRoom(file, roomId, undefined, client, undefined);
+            expect(client.sendMessage).toHaveBeenCalledWith(
+                roomId,
+                null,
+                expect.objectContaining({
+                    url: "mxc://server/file",
+                    msgtype: "m.video",
+                    info: expect.objectContaining({
+                        duration: 123000,
+                    }),
+                }),
+            );
+        });
+
+        it("should use m.audio for audio files", async () => {
+            jest.spyOn(document, "createElement").mockImplementation((tagName) => {
+                const element = createElement(tagName);
+                if (tagName === "audio") {
+                    Object.defineProperty(element, "duration", {
+                        get() {
+                            return 621;
+                        },
+                    });
+                    Object.defineProperty(element, "src", {
+                        set() {
+                            element.onloadedmetadata!(new Event("loadedmetadata"));
+                        },
+                    });
+                }
+                return element;
+            });
+
+            mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://server/file" });
+            const file = new File([], "fileName", { type: "audio/mp3" });
+            await contentMessages.sendContentToRoom(file, roomId, undefined, client, undefined);
+            expect(client.sendMessage).toHaveBeenCalledWith(
+                roomId,
+                null,
+                expect.objectContaining({
+                    url: "mxc://server/file",
+                    msgtype: "m.audio",
+                    info: expect.objectContaining({
+                        duration: 621000,
+                    }),
+                }),
+            );
+        });
+
+        it("should fall back to m.file for invalid audio files", async () => {
+            jest.spyOn(document, "createElement").mockImplementation((tagName) => {
+                const element = createElement(tagName);
+                if (tagName === "audio") {
+                    Object.defineProperty(element, "src", {
+                        set() {
+                            element.onerror!("fail");
+                        },
+                    });
+                }
+                return element;
+            });
+            mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://server/file" });
+            const file = new File([], "fileName", { type: "audio/mp3" });
+            await contentMessages.sendContentToRoom(file, roomId, undefined, client, undefined);
+            expect(client.sendMessage).toHaveBeenCalledWith(
+                roomId,
+                null,
+                expect.objectContaining({
+                    url: "mxc://server/file",
+                    msgtype: "m.file",
+                }),
+            );
+        });
+
+        it("should default to name 'Attachment' if file doesn't have a name", async () => {
+            mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://server/file" });
+            const file = new File([], "", { type: "text/plain" });
+            await contentMessages.sendContentToRoom(file, roomId, undefined, client, undefined);
+            expect(client.sendMessage).toHaveBeenCalledWith(
+                roomId,
+                null,
+                expect.objectContaining({
+                    url: "mxc://server/file",
+                    msgtype: "m.file",
+                    body: "Attachment",
+                }),
+            );
+        });
+
+        it("should keep RoomUpload's total and loaded values up to date", async () => {
+            mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://server/file" });
+            const file = new File([], "", { type: "text/plain" });
+            const prom = contentMessages.sendContentToRoom(file, roomId, undefined, client, undefined);
+            const [upload] = contentMessages.getCurrentUploads();
+
+            expect(upload.loaded).toBe(0);
+            expect(upload.total).toBe(file.size);
+            await flushPromises();
+            const { progressHandler } = mocked(client.uploadContent).mock.calls[0][1]!;
+            progressHandler!({ loaded: 123, total: 1234 });
+            expect(upload.loaded).toBe(123);
+            expect(upload.total).toBe(1234);
+            await prom;
+        });
+
+        it("properly handles replies", async () => {
+            mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://server/file" });
+            const file = new File([], "fileName", { type: "image/jpeg" });
+            const replyToEvent = mkEvent({
+                type: "m.room.message",
+                user: "@bob:test",
+                room: roomId,
+                content: {},
+                event: true,
+            });
+            await contentMessages.sendContentToRoom(file, roomId, undefined, client, replyToEvent);
+            expect(client.sendMessage).toHaveBeenCalledWith(
+                roomId,
+                null,
+                expect.objectContaining({
+                    "url": "mxc://server/file",
+                    "msgtype": "m.image",
+                    "m.mentions": {
+                        user_ids: ["@bob:test"],
+                    },
+                }),
+            );
+        });
+
+        it("handles 413 error", async () => {
+            mocked(client.uploadContent).mockRejectedValue(
+                new MatrixError(
+                    {
+                        errcode: "M_TOO_LARGE",
+                        error: "File size limit exceeded",
+                    },
+                    413,
+                ),
+            );
+            const file = new File([], "fileName", { type: "image/jpeg" });
+            const dialogSpy = jest.spyOn(Modal, "createDialog");
+            await contentMessages.sendContentToRoom(file, roomId, undefined, client, undefined);
+            expect(dialogSpy).toHaveBeenCalledWith(
+                ErrorDialog,
+                expect.objectContaining({
+                    description: _t("upload_failed_size", { fileName: "fileName" }),
+                }),
+            );
+            dialogSpy.mockRestore();
+        });
+    });
+
+    describe("getCurrentUploads", () => {
+        const file1 = new File([], "file1");
+        const file2 = new File([], "file2");
+        const roomId = "!roomId:server";
+
+        beforeEach(() => {
+            mocked(doMaybeLocalRoomAction).mockImplementation(
+                <T>(roomId: string, fn: (actualRoomId: string) => Promise<T>) => fn(roomId),
+            );
+        });
+
+        it("should return only uploads for the given relation", async () => {
+            const relation = {
+                rel_type: RelationType.Thread,
+                event_id: "!threadId:server",
+            };
+            const p1 = contentMessages.sendContentToRoom(file1, roomId, relation, client, undefined);
+            const p2 = contentMessages.sendContentToRoom(file2, roomId, undefined, client, undefined);
+
+            const uploads = contentMessages.getCurrentUploads(relation);
+            expect(uploads).toHaveLength(1);
+            expect(uploads[0].relation).toEqual(relation);
+            expect(uploads[0].fileName).toEqual("file1");
+            await Promise.all([p1, p2]);
+        });
+
+        it("should return only uploads for no relation when not passed one", async () => {
+            const relation = {
+                rel_type: RelationType.Thread,
+                event_id: "!threadId:server",
+            };
+            const p1 = contentMessages.sendContentToRoom(file1, roomId, relation, client, undefined);
+            const p2 = contentMessages.sendContentToRoom(file2, roomId, undefined, client, undefined);
+
+            const uploads = contentMessages.getCurrentUploads();
+            expect(uploads).toHaveLength(1);
+            expect(uploads[0].relation).toEqual(undefined);
+            expect(uploads[0].fileName).toEqual("file2");
+            await Promise.all([p1, p2]);
+        });
+    });
+
+    describe("cancelUpload", () => {
+        it("should cancel in-flight upload", async () => {
+            const deferred = Promise.withResolvers<UploadResponse>();
+            mocked(client.uploadContent).mockReturnValue(deferred.promise);
+            const file1 = new File([], "file1");
+            const prom = contentMessages.sendContentToRoom(file1, roomId, undefined, client, undefined);
+            await flushPromises();
+            const { abortController } = mocked(client.uploadContent).mock.calls[0][1]!;
+            expect(abortController!.signal.aborted).toBeFalsy();
+            const [upload] = contentMessages.getCurrentUploads();
+            contentMessages.cancelUpload(upload);
+            expect(abortController!.signal.aborted).toBeTruthy();
+            deferred.resolve({} as UploadResponse);
+            await prom;
+        });
+    });
+});
+
+describe("uploadFile", () => {
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        client = createTestClient();
+    });
+
+    it("should not encrypt the file if the room isn't encrypted", async () => {
+        mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://server/file" });
+        const progressHandler = jest.fn();
+        const file = new Blob([]);
+
+        const res = await uploadFile(client, "!roomId:server", file, progressHandler);
+
+        expect(res.url).toBe("mxc://server/file");
+        expect(res.file).toBeFalsy();
+        expect(encrypt.encryptAttachment).not.toHaveBeenCalled();
+        expect(client.uploadContent).toHaveBeenCalledWith(file, expect.objectContaining({ progressHandler }));
+    });
+
+    it("should encrypt the file if the room is encrypted", async () => {
+        jest.spyOn(client.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+        mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://server/file" });
+        mocked(encrypt.encryptAttachment).mockResolvedValue({
+            data: new ArrayBuffer(123),
+            info: {} as IEncryptedFile,
+        });
+        const progressHandler = jest.fn();
+        const file = new Blob(["123"]);
+
+        const res = await uploadFile(client, "!roomId:server", file, progressHandler);
+
+        expect(res.url).toBeFalsy();
+        expect(res.file).toEqual(
+            expect.objectContaining({
+                url: "mxc://server/file",
+            }),
+        );
+        expect(encrypt.encryptAttachment).toHaveBeenCalled();
+        expect(client.uploadContent).toHaveBeenCalledWith(
+            expect.any(Blob),
+            expect.objectContaining({
+                progressHandler,
+                includeFilename: false,
+                type: "application/octet-stream",
+            }),
+        );
+        expect(mocked(client.uploadContent).mock.calls[0][0]).not.toBe(file);
+    });
+
+    it("should throw UploadCanceledError upon aborting the upload", async () => {
+        mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://foo/bar" });
+        const file = new Blob([]);
+        const controller = new AbortController();
+        controller.abort();
+
+        await expect(uploadFile(client, "!roomId:server", file, undefined, controller)).rejects.toThrow(
+            UploadCanceledError,
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/HtmlUtils-test.tsx b/apps/web/test/unit-tests/HtmlUtils-test.tsx
new file mode 100644
index 00000000000..3c71bdfa70b
--- /dev/null
+++ b/apps/web/test/unit-tests/HtmlUtils-test.tsx
@@ -0,0 +1,330 @@
+/*
+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 } from "react";
+import { render, screen } from "jest-matrix-react";
+import parse from "html-react-parser";
+
+import { bodyToHtml, bodyToNode, formatEmojis, sanitizedHtmlNode, topicToHtml } from "../../src/HtmlUtils";
+import SettingsStore from "../../src/settings/SettingsStore";
+import { getMockClientWithEventEmitter } from "../test-utils";
+import { SettingLevel } from "../../src/settings/SettingLevel";
+import SdkConfig from "../../src/SdkConfig";
+
+describe("topicToHtml", () => {
+    function getContent() {
+        return screen.getByRole("contentinfo").children[0].innerHTML;
+    }
+
+    it("converts plain text topic to HTML", () => {
+        render(<div role="contentinfo">{topicToHtml("pizza", undefined, null, false)}</div>);
+        expect(getContent()).toEqual("pizza");
+    });
+
+    it("converts plain text topic with emoji to HTML", () => {
+        render(<div role="contentinfo">{topicToHtml("pizza 🍕", undefined, null, false)}</div>);
+        expect(getContent()).toEqual('pizza <span class="mx_Emoji" title=":pizza:">🍕</span>');
+    });
+
+    it("converts literal HTML topic to HTML", async () => {
+        render(<div role="contentinfo">{topicToHtml("<b>pizza</b>", undefined, null, false)}</div>);
+        expect(getContent()).toEqual("&lt;b&gt;pizza&lt;/b&gt;");
+    });
+
+    it("converts true HTML topic to HTML", async () => {
+        render(<div role="contentinfo">{topicToHtml("**pizza**", "<b>pizza</b>", null, false)}</div>);
+        expect(getContent()).toEqual("<b>pizza</b>");
+    });
+
+    it("converts true HTML topic with emoji to HTML", async () => {
+        render(<div role="contentinfo">{topicToHtml("**pizza** 🍕", "<b>pizza</b> 🍕", null, false)}</div>);
+        expect(getContent()).toEqual('<b>pizza</b> <span class="mx_Emoji" title=":pizza:">🍕</span>');
+    });
+});
+
+describe("bodyToHtml", () => {
+    it("should apply highlights to HTML messages", () => {
+        const html = bodyToHtml(
+            {
+                body: "test **foo** bar",
+                msgtype: "m.text",
+                formatted_body: "test <b>foo</b> bar",
+                format: "org.matrix.custom.html",
+            },
+            ["test"],
+        );
+
+        expect(html).toMatchInlineSnapshot(`"<span class="mx_EventTile_searchHighlight">test</span> <b>foo</b> bar"`);
+    });
+
+    it("should apply highlights to plaintext messages", () => {
+        const html = bodyToHtml(
+            {
+                body: "test foo bar",
+                msgtype: "m.text",
+            },
+            ["test"],
+        );
+
+        expect(html).toMatchInlineSnapshot(`"<span class="mx_EventTile_searchHighlight">test</span> foo bar"`);
+    });
+
+    it("should not respect HTML tags in plaintext message highlighting", () => {
+        const html = bodyToHtml(
+            {
+                body: "test foo <b>bar",
+                msgtype: "m.text",
+            },
+            ["test"],
+        );
+
+        expect(html).toMatchInlineSnapshot(`"<span class="mx_EventTile_searchHighlight">test</span> foo &lt;b&gt;bar"`);
+    });
+
+    it("should linkify and hightlight parts of links in plaintext message highlighting", () => {
+        getMockClientWithEventEmitter({});
+
+        const html = bodyToHtml(
+            {
+                body: "foo http://link.example/test/path bar",
+                msgtype: "m.text",
+            },
+            ["test"],
+            {
+                linkify: true,
+            },
+        );
+
+        expect(html).toMatchInlineSnapshot(
+            `"foo <a href="http://link.example/test/path" target="_blank" rel="noreferrer noopener" data-linkified="true">http://link.example/<span class="mx_EventTile_searchHighlight">test</span>/path</a> bar"`,
+        );
+    });
+
+    it("should hightlight parts of links in HTML message highlighting", () => {
+        const html = bodyToHtml(
+            {
+                body: "foo http://link.example/test/path bar",
+                msgtype: "m.text",
+                formatted_body: 'foo <a href="http://link.example/test/path">http://link.example/test/path</a> bar',
+                format: "org.matrix.custom.html",
+            },
+            ["test"],
+            {
+                linkify: true,
+            },
+        );
+
+        expect(html).toMatchInlineSnapshot(
+            `"foo <a href="http://link.example/test/path" target="_blank" rel="noreferrer noopener">http://link.example/<span class="mx_EventTile_searchHighlight">test</span>/path</a> bar"`,
+        );
+    });
+
+    it("should ignore data-linkified in incoming links but should be applied to linkified links", () => {
+        getMockClientWithEventEmitter({});
+        const html = bodyToHtml(
+            {
+                body: "foo http://link.example/test/path bar",
+                msgtype: "m.text",
+                formatted_body:
+                    'foo <a data-linkfied="true" href="http://link.example/test/path">http://link.example/test/path</a> bar with https://example.org',
+                format: "org.matrix.custom.html",
+            },
+            [],
+            {
+                linkify: true,
+            },
+        );
+
+        expect(html).toMatchInlineSnapshot(
+            `"foo <a href="http://link.example/test/path" target="_blank" rel="noreferrer noopener">http://link.example/test/path</a> bar with <a href="https://example.org" target="_blank" rel="noreferrer noopener" data-linkified="true">https://example.org</a>"`,
+        );
+    });
+
+    it("does not mistake characters in text presentation mode for emoji", () => {
+        const { asFragment } = render(
+            <span className="mx_EventTile_body translate" dir="auto">
+                {parse(bodyToHtml({ body: "↔ ❗︎", msgtype: "m.text" }, [], {}))}
+            </span>,
+        );
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    describe("feature_latex_maths", () => {
+        beforeEach(() => {
+            SettingsStore.setValue("feature_latex_maths", null, SettingLevel.DEVICE, true);
+        });
+
+        afterEach(() => {
+            SettingsStore.reset();
+            SdkConfig.reset();
+        });
+
+        it("should render inline katex", () => {
+            const html = bodyToHtml(
+                {
+                    body: "hello \\xi world",
+                    msgtype: "m.text",
+                    formatted_body: 'hello <span data-mx-maths="\\xi"><code>\\xi</code></span> world',
+                    format: "org.matrix.custom.html",
+                },
+                [],
+            );
+            expect(html).toMatchSnapshot();
+        });
+
+        it("should render block katex", () => {
+            const html = bodyToHtml(
+                {
+                    body: "hello \\xi world",
+                    msgtype: "m.text",
+                    formatted_body: '<p>hello</p><div data-mx-maths="\\xi"><code>\\xi</code></div><p>world</p>',
+                    format: "org.matrix.custom.html",
+                },
+                [],
+            );
+            expect(html).toMatchSnapshot();
+        });
+
+        it("should not mangle code blocks", () => {
+            const html = bodyToHtml(
+                {
+                    body: "hello \\xi world",
+                    msgtype: "m.text",
+                    formatted_body: "<p>hello</p><pre><code>$\\xi$</code></pre><p>world</p>",
+                    format: "org.matrix.custom.html",
+                },
+                [],
+            );
+            expect(html).toMatchSnapshot();
+        });
+
+        it("should not mangle divs", () => {
+            const html = bodyToHtml(
+                {
+                    body: "hello world",
+                    msgtype: "m.text",
+                    formatted_body: "<p>hello</p><div>world</div>",
+                    format: "org.matrix.custom.html",
+                },
+                [],
+            );
+            expect(html).toMatchSnapshot();
+        });
+    });
+});
+
+describe("formatEmojis", () => {
+    it.each([
+        ["🏴󠁧󠁢󠁥󠁮󠁧󠁿", [["🏴󠁧󠁢󠁥󠁮󠁧󠁿", "flag-england"]]],
+        ["🏴󠁧󠁢󠁳󠁣󠁴󠁿", [["🏴󠁧󠁢󠁳󠁣󠁴󠁿", "flag-scotland"]]],
+        ["🏴󠁧󠁢󠁷󠁬󠁳󠁿", [["🏴󠁧󠁢󠁷󠁬󠁳󠁿", "flag-wales"]]],
+    ])("%s emoji", (emoji, expectations) => {
+        const res = formatEmojis(emoji, false);
+        expect(res).toHaveLength(expectations.length);
+        for (let i = 0; i < res.length; i++) {
+            const [emoji, title] = expectations[i];
+            expect(res[i].props.children).toEqual(emoji);
+            expect(res[i].props.title).toEqual(`:${title}:`);
+        }
+    });
+});
+
+describe("bodyToNode", () => {
+    it("generates big emoji for emoji made of multiple characters", () => {
+        const { className, emojiBodyElements } = bodyToNode(
+            {
+                body: "👨‍👩‍👧‍👦 ↔️ 🇮🇸",
+                msgtype: "m.text",
+            },
+            [],
+            {
+                stripReplyFallback: true,
+            },
+        );
+
+        const { asFragment } = render(
+            <span className={className} dir="auto">
+                {emojiBodyElements}
+            </span>,
+        );
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should generate big emoji for an emoji-only reply to a message", () => {
+        const { className, formattedBody } = bodyToNode(
+            {
+                "body": "> <@sender1:server> Test\n\n🥰",
+                "format": "org.matrix.custom.html",
+                "formatted_body":
+                    '<mx-reply><blockquote><a href="https://matrix.to/#/!roomId:server/$eventId">In reply to</a> <a href="https://matrix.to/#/@sender1:server">@sender1:server</a><br>Test</blockquote></mx-reply>🥰',
+                "m.relates_to": {
+                    "m.in_reply_to": {
+                        event_id: "$eventId",
+                    },
+                },
+                "msgtype": "m.text",
+            },
+            [],
+            {
+                stripReplyFallback: true,
+            },
+        );
+
+        const { asFragment } = render(
+            <span className={className} dir="auto" dangerouslySetInnerHTML={{ __html: formattedBody! }} />,
+        );
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it.each([[true], [false]])("should handle inline media when mediaIsVisible is %s", (mediaIsVisible) => {
+        const cli = getMockClientWithEventEmitter({
+            mxcUrlToHttp: jest.fn().mockReturnValue("https://example.org/img"),
+        });
+        const { className, formattedBody } = bodyToNode(
+            {
+                "body": "![foo](mxc://going/knowwhere) Hello there",
+                "format": "org.matrix.custom.html",
+                "formatted_body": `<img src="mxc://going/knowwhere">foo</img> Hello there`,
+                "m.relates_to": {
+                    "m.in_reply_to": {
+                        event_id: "$eventId",
+                    },
+                },
+                "msgtype": "m.text",
+            },
+            [],
+            {
+                mediaIsVisible,
+            },
+        );
+
+        const { asFragment } = render(
+            <span className={className} dir="auto" dangerouslySetInnerHTML={{ __html: formattedBody! }} />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+        // We do not want to download untrusted media.
+        // eslint-disable-next-line no-restricted-properties
+        expect(cli.mxcUrlToHttp).toHaveBeenCalledTimes(mediaIsVisible ? 1 : 0);
+    });
+
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+});
+
+describe("sanitizedHtmlNode", () => {
+    it("should respect className", () => {
+        const sanitized = sanitizedHtmlNode('<a href="https://google.com">Link</a>', "testClass");
+        const { asFragment, getByText } = render(sanitized as ReactElement);
+        expect(getByText("Link").parentNode).toHaveClass("testClass");
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/LegacyCallHandler-test.ts b/apps/web/test/unit-tests/LegacyCallHandler-test.ts
new file mode 100644
index 00000000000..971c5bad2e3
--- /dev/null
+++ b/apps/web/test/unit-tests/LegacyCallHandler-test.ts
@@ -0,0 +1,619 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 {
+    type IProtocol,
+    LOCAL_NOTIFICATION_SETTINGS_PREFIX,
+    MatrixEvent,
+    PushRuleKind,
+    type Room,
+    RuleId,
+    TweakName,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { CallEvent, CallState, CallType, MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import EventEmitter from "node:events";
+import { mocked } from "jest-mock";
+import { CallEventHandlerEvent } from "matrix-js-sdk/src/webrtc/callEventHandler";
+import fetchMock from "@fetch-mock/jest";
+import { waitFor } from "jest-matrix-react";
+import { PushProcessor } from "matrix-js-sdk/src/pushprocessor";
+
+import LegacyCallHandler, {
+    AudioID,
+    LegacyCallHandlerEvent,
+    PROTOCOL_PSTN,
+    PROTOCOL_PSTN_PREFIXED,
+} from "../../src/LegacyCallHandler";
+import { mkStubRoom, stubClient, untilDispatch } from "../test-utils";
+import { MatrixClientPeg } from "../../src/MatrixClientPeg";
+import DMRoomMap from "../../src/utils/DMRoomMap";
+import SdkConfig from "../../src/SdkConfig";
+import { Action } from "../../src/dispatcher/actions";
+import { getFunctionalMembers } from "../../src/utils/room/getFunctionalMembers";
+import SettingsStore from "../../src/settings/SettingsStore";
+import { UIFeature } from "../../src/settings/UIFeature";
+import { createAudioContext } from "../../src/audio/compat";
+import * as ManagedHybrid from "../../src/widgets/ManagedHybrid";
+import { TestSDKContext } from "./TestSDKContext.ts";
+
+jest.mock("../../src/Modal");
+
+// mock VoiceRecording because it contains all the audio APIs
+jest.mock("../../src/audio/VoiceRecording", () => ({
+    VoiceRecording: jest.fn().mockReturnValue({
+        disableMaxLength: jest.fn(),
+        liveData: {
+            onUpdate: jest.fn(),
+        },
+        off: jest.fn(),
+        on: jest.fn(),
+        start: jest.fn(),
+        stop: jest.fn(),
+        destroy: jest.fn(),
+        contentType: "audio/ogg",
+    }),
+}));
+
+jest.mock("../../src/utils/room/getFunctionalMembers", () => ({
+    getFunctionalMembers: jest.fn(),
+}));
+
+jest.mock("../../src/audio/compat", () => ({
+    ...jest.requireActual("../../src/audio/compat"),
+    createAudioContext: jest.fn(),
+}));
+
+// The Matrix IDs that the user sees when talking to Alice & Bob
+const NATIVE_ALICE = "@alice:example.org";
+const NATIVE_BOB = "@bob:example.org";
+const NATIVE_CHARLIE = "@charlie:example.org";
+
+//const REAL_ROOM_ID = "$room1:example.org";
+// The rooms the user sees when they're communicating with these users
+const NATIVE_ROOM_ALICE = "$alice_room:example.org";
+const NATIVE_ROOM_BOB = "$bob_room:example.org";
+const NATIVE_ROOM_CHARLIE = "$charlie_room:example.org";
+
+const FUNCTIONAL_USER = "@bot:example.com";
+
+// Bob's phone number
+const BOB_PHONE_NUMBER = "01818118181";
+
+function mkStubDM(roomId: string, userId: string) {
+    const room = mkStubRoom(roomId, "room", MatrixClientPeg.safeGet());
+    room.getJoinedMembers = jest.fn().mockReturnValue([
+        {
+            userId: "@me:example.org",
+            name: "Member",
+            rawDisplayName: "Member",
+            roomId: roomId,
+            membership: KnownMembership.Join,
+            getAvatarUrl: () => "mxc://avatar.url/image.png",
+            getMxcAvatarUrl: () => "mxc://avatar.url/image.png",
+        },
+        {
+            userId: userId,
+            name: "Member",
+            rawDisplayName: "Member",
+            roomId: roomId,
+            membership: KnownMembership.Join,
+            getAvatarUrl: () => "mxc://avatar.url/image.png",
+            getMxcAvatarUrl: () => "mxc://avatar.url/image.png",
+        },
+        {
+            userId: FUNCTIONAL_USER,
+            name: "Bot user",
+            rawDisplayName: "Bot user",
+            roomId: roomId,
+            membership: KnownMembership.Join,
+            getAvatarUrl: () => "mxc://avatar.url/image.png",
+            getMxcAvatarUrl: () => "mxc://avatar.url/image.png",
+        },
+    ]);
+    room.currentState.getMembers = room.getJoinedMembers;
+    return room;
+}
+
+class FakeCall extends EventEmitter {
+    roomId: string;
+    callId = "fake call id";
+
+    constructor(roomId: string) {
+        super();
+
+        this.roomId = roomId;
+    }
+
+    setRemoteOnHold() {}
+    setRemoteAudioElement() {}
+
+    placeVoiceCall() {
+        this.emit(CallEvent.State, CallState.Connected, null);
+    }
+}
+
+describe("LegacyCallHandler", () => {
+    let dmRoomMap;
+    let callHandler: LegacyCallHandler;
+    let audioElement: HTMLAudioElement;
+    let fakeCall: MatrixCall | null;
+
+    // what addresses the app has looked up via pstn and native lookup
+    let pstnLookup: string | null;
+    const deviceId = "my-device";
+
+    beforeEach(async () => {
+        stubClient();
+        fakeCall = null;
+        MatrixClientPeg.safeGet().createCall = (roomId: string): MatrixCall | null => {
+            if (fakeCall && fakeCall.roomId !== roomId) {
+                throw new Error("Only one call is supported!");
+            }
+            fakeCall = new FakeCall(roomId) as unknown as MatrixCall;
+            return fakeCall as unknown as MatrixCall;
+        };
+        MatrixClientPeg.safeGet().deviceId = deviceId;
+
+        MatrixClientPeg.safeGet().getThirdpartyProtocols = () => {
+            return Promise.resolve({
+                "m.id.phone": {} as IProtocol,
+            });
+        };
+
+        callHandler = new LegacyCallHandler(new TestSDKContext());
+        callHandler.start();
+
+        mocked(getFunctionalMembers).mockReturnValue([FUNCTIONAL_USER]);
+
+        const nativeRoomAlice = mkStubDM(NATIVE_ROOM_ALICE, NATIVE_ALICE);
+        const nativeRoomBob = mkStubDM(NATIVE_ROOM_BOB, NATIVE_BOB);
+        const nativeRoomCharie = mkStubDM(NATIVE_ROOM_CHARLIE, NATIVE_CHARLIE);
+
+        MatrixClientPeg.safeGet().getRoom = (roomId: string): Room | null => {
+            switch (roomId) {
+                case NATIVE_ROOM_ALICE:
+                    return nativeRoomAlice;
+                case NATIVE_ROOM_BOB:
+                    return nativeRoomBob;
+                case NATIVE_ROOM_CHARLIE:
+                    return nativeRoomCharie;
+            }
+
+            return null;
+        };
+
+        dmRoomMap = {
+            getUserIdForRoomId: (roomId: string) => {
+                if (roomId === NATIVE_ROOM_ALICE) {
+                    return NATIVE_ALICE;
+                } else if (roomId === NATIVE_ROOM_BOB) {
+                    return NATIVE_BOB;
+                } else if (roomId === NATIVE_ROOM_CHARLIE) {
+                    return NATIVE_CHARLIE;
+                } else {
+                    return null;
+                }
+            },
+            getDMRoomsForUserId: (userId: string) => {
+                if (userId === NATIVE_ALICE) {
+                    return [NATIVE_ROOM_ALICE];
+                } else if (userId === NATIVE_BOB) {
+                    return [NATIVE_ROOM_BOB];
+                } else if (userId === NATIVE_CHARLIE) {
+                    return [NATIVE_ROOM_CHARLIE];
+                } else {
+                    return [];
+                }
+            },
+        } as unknown as DMRoomMap;
+        DMRoomMap.setShared(dmRoomMap);
+
+        pstnLookup = null;
+
+        MatrixClientPeg.safeGet().getThirdpartyUser = (proto: string, params: any) => {
+            if ([PROTOCOL_PSTN, PROTOCOL_PSTN_PREFIXED].includes(proto)) {
+                pstnLookup = params["m.id.phone"];
+                return Promise.resolve([
+                    {
+                        userid: NATIVE_BOB,
+                        protocol: "m.id.phone",
+                        fields: {},
+                    },
+                ]);
+            }
+            return Promise.resolve([]);
+        };
+
+        audioElement = document.createElement("audio");
+        audioElement.id = "remoteAudio";
+        document.body.appendChild(audioElement);
+    });
+
+    afterEach(() => {
+        callHandler.stop();
+        // @ts-ignore
+        DMRoomMap.setShared(null);
+        MatrixClientPeg.unset();
+
+        document.body.removeChild(audioElement);
+        SdkConfig.reset();
+        jest.restoreAllMocks();
+    });
+
+    it("should look up the correct user and start a call in the room when a phone number is dialled", async () => {
+        await callHandler.dialNumber(BOB_PHONE_NUMBER);
+
+        expect(pstnLookup).toEqual(BOB_PHONE_NUMBER);
+
+        // we should have switched to the native room for Bob
+        const viewRoomPayload = await untilDispatch(Action.ViewRoom);
+        expect(viewRoomPayload.room_id).toEqual(NATIVE_ROOM_BOB);
+
+        // Check that a call was started: its room on the protocol level
+        expect(fakeCall).not.toBeNull();
+        expect(fakeCall?.roomId).toEqual(NATIVE_ROOM_BOB);
+
+        // but it should appear to the user to be in thw native room for Bob
+        expect(callHandler.roomIdForCall(fakeCall!)).toEqual(NATIVE_ROOM_BOB);
+    });
+
+    it("should look up the correct user and start a call in the room when a call is transferred", async () => {
+        // we can pass a very minimal object as as the call since we pass consultFirst=true:
+        // we don't need to actually do any transferring
+        const mockTransferreeCall = { type: CallType.Voice } as unknown as MatrixCall;
+        await callHandler.startTransferToPhoneNumber(mockTransferreeCall, BOB_PHONE_NUMBER, true);
+
+        // same checks as above
+        const viewRoomPayload = await untilDispatch(Action.ViewRoom);
+        expect(viewRoomPayload.room_id).toEqual(NATIVE_ROOM_BOB);
+
+        expect(fakeCall).not.toBeNull();
+        expect(fakeCall!.roomId).toEqual(NATIVE_ROOM_BOB);
+
+        expect(callHandler.roomIdForCall(fakeCall!)).toEqual(NATIVE_ROOM_BOB);
+    });
+
+    it("should move calls between rooms when remote asserted identity changes", async () => {
+        callHandler.placeCall(NATIVE_ROOM_ALICE, CallType.Voice);
+
+        // We placed the call in Alice's room so it should start off there
+        expect(callHandler.getCallForRoom(NATIVE_ROOM_ALICE)).toBe(fakeCall);
+
+        let callRoomChangeEventCount = 0;
+        const roomChangePromise = new Promise<void>((resolve) => {
+            callHandler.addListener(LegacyCallHandlerEvent.CallChangeRoom, () => {
+                ++callRoomChangeEventCount;
+                resolve();
+            });
+        });
+
+        // Now emit an asserted identity for Bob: this should be ignored
+        // because we haven't set the config option to obey asserted identity
+        expect(fakeCall).not.toBeNull();
+        fakeCall!.getRemoteAssertedIdentity = jest.fn().mockReturnValue({
+            id: NATIVE_BOB,
+        });
+        fakeCall!.emit(CallEvent.AssertedIdentityChanged, fakeCall!);
+
+        // Now set the config option
+        SdkConfig.add({
+            voip: {
+                obey_asserted_identity: true,
+            },
+        });
+
+        // ...and send another asserted identity event for a different user
+        fakeCall!.getRemoteAssertedIdentity = jest.fn().mockReturnValue({
+            id: NATIVE_CHARLIE,
+        });
+        fakeCall!.emit(CallEvent.AssertedIdentityChanged, fakeCall!);
+
+        await roomChangePromise;
+        callHandler.removeAllListeners();
+
+        // If everything's gone well, we should have seen only one room change
+        // event and the call should now be in Charlie's room.
+        // If it's not obeying any, the call will still be in NATIVE_ROOM_ALICE.
+        // If it incorrectly obeyed both asserted identity changes, either it will
+        // have just processed one and the call will be in the wrong room, or we'll
+        // have seen two room change dispatches.
+        expect(callRoomChangeEventCount).toEqual(1);
+        expect(callHandler.getCallForRoom(NATIVE_ROOM_BOB)).toBeNull();
+        expect(callHandler.getCallForRoom(NATIVE_ROOM_CHARLIE)).toBe(fakeCall);
+    });
+
+    it("should place calls using managed hybrid widget if enabled", async () => {
+        const spy = jest.spyOn(ManagedHybrid, "addManagedHybridWidget");
+        jest.spyOn(ManagedHybrid, "isManagedHybridWidgetEnabled").mockReturnValue(true);
+        await callHandler.placeCall(NATIVE_ROOM_ALICE, CallType.Voice);
+        expect(spy).toHaveBeenCalledWith(MatrixClientPeg.safeGet().getRoom(NATIVE_ROOM_ALICE));
+    });
+});
+
+describe("LegacyCallHandler without third party protocols", () => {
+    let dmRoomMap;
+    let callHandler: LegacyCallHandler;
+    let audioElement: HTMLAudioElement;
+    let fakeCall: MatrixCall | null;
+
+    const mockAudioBufferSourceNode = {
+        addEventListener: jest.fn(),
+        connect: jest.fn(),
+        start: jest.fn(),
+        stop: jest.fn(),
+    };
+    const mockAudioContext = {
+        decodeAudioData: jest.fn().mockResolvedValue({}),
+        suspend: jest.fn(),
+        resume: jest.fn(),
+        createBufferSource: jest.fn().mockReturnValue(mockAudioBufferSourceNode),
+        currentTime: 1337,
+    };
+
+    beforeEach(() => {
+        stubClient();
+        fakeCall = null;
+        MatrixClientPeg.safeGet().createCall = (roomId) => {
+            if (fakeCall && fakeCall.roomId !== roomId) {
+                throw new Error("Only one call is supported!");
+            }
+            fakeCall = new FakeCall(roomId) as unknown as MatrixCall;
+            return fakeCall;
+        };
+
+        MatrixClientPeg.safeGet().getThirdpartyProtocols = () => {
+            throw new Error("Endpoint unsupported.");
+        };
+
+        mocked(createAudioContext).mockReturnValue(mockAudioContext as unknown as AudioContext);
+        callHandler = new LegacyCallHandler(new TestSDKContext());
+        callHandler.start();
+
+        const nativeRoomAlice = mkStubDM(NATIVE_ROOM_ALICE, NATIVE_ALICE);
+
+        MatrixClientPeg.safeGet().getRoom = (roomId: string): Room | null => {
+            switch (roomId) {
+                case NATIVE_ROOM_ALICE:
+                    return nativeRoomAlice;
+            }
+
+            return null;
+        };
+
+        dmRoomMap = {
+            getUserIdForRoomId: (roomId: string) => {
+                if (roomId === NATIVE_ROOM_ALICE) {
+                    return NATIVE_ALICE;
+                } else {
+                    return null;
+                }
+            },
+            getDMRoomsForUserId: (userId: string) => {
+                if (userId === NATIVE_ALICE) {
+                    return [NATIVE_ROOM_ALICE];
+                } else {
+                    return [];
+                }
+            },
+        } as DMRoomMap;
+        DMRoomMap.setShared(dmRoomMap);
+
+        MatrixClientPeg.safeGet().getThirdpartyUser = (_proto, _params) => {
+            throw new Error("Endpoint unsupported.");
+        };
+
+        // @ts-expect-error
+        MatrixClientPeg.safeGet().pushProcessor = new PushProcessor(MatrixClientPeg.safeGet());
+
+        audioElement = document.createElement("audio");
+        audioElement.id = "remoteAudio";
+        document.body.appendChild(audioElement);
+
+        fetchMock.get("end:/media/ring.mp3", { body: new Blob(["1", "2", "3", "4"], { type: "audio/mpeg" }) });
+    });
+
+    afterEach(() => {
+        callHandler.stop();
+        // @ts-ignore
+        DMRoomMap.setShared(null);
+        MatrixClientPeg.unset();
+
+        document.body.removeChild(audioElement);
+        SdkConfig.reset();
+    });
+
+    it("should cache sounds between playbacks", async () => {
+        await callHandler.play(AudioID.Ring);
+        expect(mockAudioBufferSourceNode.start).toHaveBeenCalled();
+        expect(fetchMock).toHaveFetchedTimes(1, "end:/media/ring.mp3");
+        await callHandler.play(AudioID.Ring);
+        expect(fetchMock).toHaveFetchedTimes(1, "end:/media/ring.mp3");
+    });
+
+    it("should allow silencing an incoming call ring", async () => {
+        await callHandler.play(AudioID.Ring);
+        await callHandler.silenceCall("call123");
+        expect(mockAudioBufferSourceNode.stop).toHaveBeenCalled();
+    });
+
+    it("should still start a native call", async () => {
+        callHandler.placeCall(NATIVE_ROOM_ALICE, CallType.Voice);
+
+        // Check that a call was started: its room on the protocol level
+        expect(fakeCall).not.toBeNull();
+        expect(fakeCall!.roomId).toEqual(NATIVE_ROOM_ALICE);
+
+        // but it should appear to the user to be in thw native room for Bob
+        expect(callHandler.roomIdForCall(fakeCall!)).toEqual(NATIVE_ROOM_ALICE);
+    });
+
+    describe("incoming calls", () => {
+        const roomId = "test-room-id";
+
+        beforeEach(() => {
+            jest.clearAllMocks();
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => setting === UIFeature.Voip);
+
+            jest.spyOn(MatrixClientPeg.safeGet(), "supportsVoip").mockReturnValue(true);
+
+            MatrixClientPeg.safeGet().isFallbackICEServerAllowed = jest.fn();
+
+            MatrixClientPeg.safeGet().pushRules = {
+                global: {
+                    [PushRuleKind.Override]: [
+                        {
+                            rule_id: RuleId.IncomingCall,
+                            default: false,
+                            enabled: true,
+                            actions: [
+                                {
+                                    set_tweak: TweakName.Sound,
+                                    value: "ring",
+                                },
+                            ],
+                        },
+                    ],
+                },
+            };
+
+            // silence local notifications by default
+            jest.spyOn(MatrixClientPeg.safeGet(), "getAccountData").mockImplementation((eventType) => {
+                if (eventType.includes(LOCAL_NOTIFICATION_SETTINGS_PREFIX.name)) {
+                    return new MatrixEvent({
+                        type: eventType,
+                        content: {
+                            is_silenced: true,
+                        },
+                    });
+                }
+            });
+        });
+
+        it("listens for incoming call events when voip is enabled", () => {
+            const call = new MatrixCall({
+                client: MatrixClientPeg.safeGet(),
+                roomId,
+            });
+            const cli = MatrixClientPeg.safeGet();
+
+            cli.emit(CallEventHandlerEvent.Incoming, call);
+
+            // call added to call map
+            expect(callHandler.getCallForRoom(roomId)).toEqual(call);
+        });
+
+        it("rings when incoming call state is ringing and notifications set to ring", async () => {
+            // remove local notification silencing mock for this test
+            jest.spyOn(MatrixClientPeg.safeGet(), "getAccountData").mockReturnValue(undefined);
+            const call = new MatrixCall({
+                client: MatrixClientPeg.safeGet(),
+                roomId,
+            });
+            const cli = MatrixClientPeg.safeGet();
+
+            cli.emit(CallEventHandlerEvent.Incoming, call);
+
+            // call added to call map
+            expect(callHandler.getCallForRoom(roomId)).toEqual(call);
+            call.emit(CallEvent.State, CallState.Ringing, CallState.Connected, fakeCall!);
+
+            // ringer audio started
+            await waitFor(() => expect(mockAudioBufferSourceNode.start).toHaveBeenCalled());
+        });
+
+        it("does not ring when incoming call state is ringing but local notifications are silenced", () => {
+            const call = new MatrixCall({
+                client: MatrixClientPeg.safeGet(),
+                roomId,
+            });
+            const cli = MatrixClientPeg.safeGet();
+
+            cli.emit(CallEventHandlerEvent.Incoming, call);
+
+            // call added to call map
+            expect(callHandler.getCallForRoom(roomId)).toEqual(call);
+            call.emit(CallEvent.State, CallState.Ringing, CallState.Connected, fakeCall!);
+
+            // ringer audio element started
+            expect(mockAudioBufferSourceNode.start).not.toHaveBeenCalled();
+            expect(callHandler.isCallSilenced(call.callId)).toEqual(true);
+        });
+
+        it("should force calls to silent when local notifications are silenced", async () => {
+            const call = new MatrixCall({
+                client: MatrixClientPeg.safeGet(),
+                roomId,
+            });
+            const cli = MatrixClientPeg.safeGet();
+
+            cli.emit(CallEventHandlerEvent.Incoming, call);
+
+            expect(callHandler.isForcedSilent()).toEqual(true);
+            expect(callHandler.isCallSilenced(call.callId)).toEqual(true);
+        });
+
+        it("does not unsilence calls when local notifications are silenced", async () => {
+            const call = new MatrixCall({
+                client: MatrixClientPeg.safeGet(),
+                roomId,
+            });
+            const cli = MatrixClientPeg.safeGet();
+            const callHandlerEmitSpy = jest.spyOn(callHandler, "emit");
+
+            cli.emit(CallEventHandlerEvent.Incoming, call);
+            // reset emit call count
+            callHandlerEmitSpy.mockClear();
+
+            callHandler.unSilenceCall(call.callId);
+            expect(callHandlerEmitSpy).not.toHaveBeenCalled();
+            // call still silenced
+            expect(callHandler.isCallSilenced(call.callId)).toEqual(true);
+            // ringer not played
+            expect(mockAudioBufferSourceNode.start).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("sidebar state", () => {
+        const roomId = "test-room-id";
+
+        it("should default to showing sidebar", () => {
+            const call = new MatrixCall({
+                client: MatrixClientPeg.safeGet(),
+                roomId,
+            });
+            const cli = MatrixClientPeg.safeGet();
+            cli.emit(CallEventHandlerEvent.Incoming, call);
+
+            expect(callHandler.isCallSidebarShown(call.callId)).toEqual(true);
+        });
+
+        it("should remember sidebar state per call", () => {
+            const call = new MatrixCall({
+                client: MatrixClientPeg.safeGet(),
+                roomId,
+            });
+            const cli = MatrixClientPeg.safeGet();
+            cli.emit(CallEventHandlerEvent.Incoming, call);
+
+            expect(callHandler.isCallSidebarShown(call.callId)).toEqual(true);
+            callHandler.setCallSidebarShown(call.callId, false);
+            expect(callHandler.isCallSidebarShown(call.callId)).toEqual(false);
+
+            call.emit(CallEvent.Hangup, call);
+
+            const call2 = new MatrixCall({
+                client: MatrixClientPeg.safeGet(),
+                roomId,
+            });
+            cli.emit(CallEventHandlerEvent.Incoming, call2);
+
+            expect(callHandler.isCallSidebarShown(call2.callId)).toEqual(true);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/Modal-test.ts b/apps/web/test/unit-tests/Modal-test.ts
new file mode 100644
index 00000000000..121c027b01e
--- /dev/null
+++ b/apps/web/test/unit-tests/Modal-test.ts
@@ -0,0 +1,50 @@
+/*
+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.
+*/
+
+import Modal from "../../src/Modal";
+import QuestionDialog from "../../src/components/views/dialogs/QuestionDialog";
+import defaultDispatcher from "../../src/dispatcher/dispatcher";
+import { flushPromises } from "../test-utils";
+
+describe("Modal", () => {
+    test("forceCloseAllModals should close all open modals", () => {
+        Modal.createDialog(QuestionDialog, {
+            title: "Test dialog",
+            description: "This is a test dialog",
+            button: "Word",
+        });
+
+        expect(Modal.hasDialogs()).toBe(true);
+        Modal.forceCloseAllModals();
+        expect(Modal.hasDialogs()).toBe(false);
+    });
+
+    test("open modals should be closed on logout", async () => {
+        const modal1OnFinished = jest.fn();
+        const modal2OnFinished = jest.fn();
+
+        Modal.createDialog(QuestionDialog, {
+            title: "Test dialog 1",
+            description: "This is a test dialog",
+            button: "Word",
+        }).finished.then(modal1OnFinished);
+
+        Modal.createDialog(QuestionDialog, {
+            title: "Test dialog 2",
+            description: "This is a test dialog",
+            button: "Word",
+        }).finished.then(modal2OnFinished);
+
+        defaultDispatcher.dispatch({ action: "logout" }, true);
+
+        await flushPromises();
+
+        expect(modal1OnFinished).toHaveBeenCalled();
+        expect(modal2OnFinished).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/Notifier-test.ts b/apps/web/test/unit-tests/Notifier-test.ts
new file mode 100644
index 00000000000..e125eb26258
--- /dev/null
+++ b/apps/web/test/unit-tests/Notifier-test.ts
@@ -0,0 +1,906 @@
+/*
+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 { mocked, type MockedObject } from "jest-mock-vitest-adapter";
+import {
+    ClientEvent,
+    type MatrixClient,
+    Room,
+    RoomEvent,
+    EventType,
+    MsgType,
+    type IContent,
+    MatrixEvent,
+    SyncState,
+    type AccountDataEvents,
+} from "matrix-js-sdk/src/matrix";
+import { waitFor } from "jest-matrix-react";
+import { CallMembership, type SessionMembershipData, type MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc";
+import { randomUUID } from "node:crypto";
+import { PushProcessor } from "matrix-js-sdk/src/pushprocessor";
+
+import type BasePlatform from "../../src/BasePlatform";
+import Notifier, { NOTIFICATION_SOUND_THROTTLE_MS } from "../../src/Notifier";
+import SettingsStore from "../../src/settings/SettingsStore";
+import ToastStore from "../../src/stores/ToastStore";
+import {
+    createLocalNotificationSettingsIfNeeded,
+    getLocalNotificationAccountDataEventType,
+} from "../../src/utils/notifications";
+import {
+    getMockClientWithEventEmitter,
+    mkEvent,
+    mkMessage,
+    mockClientMethodsUser,
+    mockPlatformPeg,
+} from "../test-utils";
+import { getIncomingCallToastKey, IncomingCallToast } from "../../src/toasts/IncomingCallToast";
+import UserActivity from "../../src/UserActivity";
+import Modal from "../../src/Modal";
+import { mkThread } from "../test-utils/threads";
+import dis from "../../src/dispatcher/dispatcher";
+import { type ThreadPayload } from "../../src/dispatcher/payloads/ThreadPayload";
+import { Action } from "../../src/dispatcher/actions";
+import { addReplyToMessageContent } from "../../src/utils/Reply";
+import { TestSDKContext } from "./TestSDKContext.ts";
+
+jest.mock("../../src/utils/notifications", () => ({
+    // @ts-ignore
+    ...jest.requireActual("../../src/utils/notifications"),
+    createLocalNotificationSettingsIfNeeded: jest.fn(),
+}));
+
+jest.mock("../../src/audio/compat", () => ({
+    ...jest.requireActual("../../src/audio/compat"),
+    createAudioContext: jest.fn(),
+}));
+
+const settingsStoreGetValue = SettingsStore.getValue;
+
+describe("Notifier", () => {
+    const context = new TestSDKContext();
+    let notifier: Notifier;
+
+    const roomId = "!room1:server";
+    const testEvent = mkEvent({
+        event: true,
+        type: "m.room.message",
+        user: "@user1:server",
+        room: roomId,
+        content: {},
+    });
+
+    let MockPlatform: MockedObject<BasePlatform>;
+    let mockClient: MockedObject<MatrixClient>;
+    let testRoom: Room;
+    let accountDataEventKey: keyof AccountDataEvents;
+    let accountDataStore: Record<string, MatrixEvent | undefined> = {};
+
+    let mockSettings: Record<string, boolean> = {};
+
+    const userId = "@bob:example.org";
+
+    const emitLiveEvent = (event: MatrixEvent): void => {
+        mockClient!.emit(RoomEvent.Timeline, event, testRoom, false, false, {
+            liveEvent: true,
+            timeline: testRoom.getLiveTimeline(),
+        });
+    };
+
+    const mkAudioEvent = (): MatrixEvent => {
+        return mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            user: "@user:example.com",
+            room: "!room:example.com",
+            content: {
+                msgtype: MsgType.Audio,
+                body: "test audio message",
+            },
+        });
+    };
+
+    const mockAudioBufferSourceNode = {
+        addEventListener: jest.fn(),
+        connect: jest.fn(),
+        start: jest.fn(),
+    };
+    const mockAudioContext = {
+        decodeAudioData: jest.fn(),
+        suspend: jest.fn(),
+        resume: jest.fn(),
+        createBufferSource: jest.fn().mockReturnValue(mockAudioBufferSourceNode),
+        currentTime: 1337,
+    };
+
+    beforeEach(() => {
+        accountDataStore = {};
+        mockClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(userId),
+            isGuest: jest.fn().mockReturnValue(false),
+            getAccountData: jest.fn().mockImplementation((eventType) => accountDataStore[eventType]),
+            setAccountData: jest.fn().mockImplementation((eventType, content) => {
+                accountDataStore[eventType] = content
+                    ? new MatrixEvent({
+                          type: eventType,
+                          content,
+                      })
+                    : undefined;
+            }),
+            fetchRoomEvent: jest.fn(),
+            decryptEventIfNeeded: jest.fn(),
+            getRoom: jest.fn(),
+            getPushActionsForEvent: jest.fn(),
+            // Mock required because TextForEvent now evaluates supportsVoip for RTCNotification to trigger OS popups.
+            // The true/false value is arbitrary here, as this test only verifies the in-app toast creation, not the OS text output.
+            supportsVoip: jest.fn().mockReturnValue(true),
+            supportsThreads: jest.fn().mockReturnValue(false),
+            matrixRTC: {
+                on: jest.fn(),
+                off: jest.fn(),
+                getRoomSession: jest.fn(),
+            },
+        });
+
+        mockClient.pushRules = {
+            global: {},
+        };
+        // @ts-ignore
+        mockClient.pushProcessor = new PushProcessor(mockClient);
+        accountDataEventKey = getLocalNotificationAccountDataEventType(mockClient.deviceId!);
+
+        testRoom = new Room(roomId, mockClient, mockClient.getSafeUserId());
+
+        MockPlatform = mockPlatformPeg({
+            supportsNotifications: jest.fn().mockReturnValue(true),
+            maySendNotifications: jest.fn().mockReturnValue(true),
+            displayNotification: jest.fn().mockReturnValue({ close: jest.fn() }),
+            loudNotification: jest.fn(),
+            requestNotificationPermission: jest.fn(),
+        });
+
+        notifier = new Notifier(dis, context);
+        notifier.isBodyEnabled = jest.fn().mockReturnValue(true);
+
+        mockClient.getRoom.mockImplementation((id: string | undefined): Room | null => {
+            if (id === roomId) return testRoom;
+            if (id) return new Room(id, mockClient, mockClient.getSafeUserId());
+            return null;
+        });
+
+        // @ts-ignore
+        notifier.backgroundAudio.audioContext = mockAudioContext;
+        context._client = mockClient;
+    });
+
+    describe("triggering notification from events", () => {
+        let hasStartedNotiferBefore = false;
+
+        const event = new MatrixEvent({
+            sender: "@alice:server.org",
+            type: "m.room.message",
+            room_id: roomId,
+            content: {
+                body: "hey",
+            },
+        });
+
+        beforeEach(() => {
+            // notifier defines some listener functions in start
+            // and references them in stop
+            // so blows up if stopped before it was started
+            if (hasStartedNotiferBefore) {
+                notifier.stop();
+            }
+            notifier.start();
+            hasStartedNotiferBefore = true;
+            mockClient.getRoom.mockReturnValue(testRoom);
+            mockClient.getPushActionsForEvent.mockReturnValue({
+                notify: true,
+                tweaks: {
+                    sound: true,
+                },
+            });
+
+            mockSettings = {
+                notificationsEnabled: true,
+                audioNotificationsEnabled: true,
+            };
+
+            // enable notifications by default
+            jest.spyOn(SettingsStore, "getValue")
+                .mockReset()
+                .mockImplementation((settingName) => mockSettings[settingName] ?? false);
+        });
+
+        afterAll(() => {
+            notifier.stop();
+        });
+
+        it("does not create notifications before syncing has started", () => {
+            emitLiveEvent(event);
+
+            expect(MockPlatform.displayNotification).not.toHaveBeenCalled();
+            expect(MockPlatform.loudNotification).not.toHaveBeenCalled();
+        });
+
+        it("does not create notifications for own event", () => {
+            const ownEvent = new MatrixEvent({ sender: userId });
+
+            mockClient!.emit(ClientEvent.Sync, SyncState.Syncing, null);
+            emitLiveEvent(ownEvent);
+
+            expect(MockPlatform.displayNotification).not.toHaveBeenCalled();
+            expect(MockPlatform.loudNotification).not.toHaveBeenCalled();
+        });
+
+        it("does not create notifications for non-live events (scrollback)", () => {
+            mockClient!.emit(ClientEvent.Sync, SyncState.Syncing, null);
+            mockClient!.emit(RoomEvent.Timeline, event, testRoom, false, false, {
+                liveEvent: false,
+                timeline: testRoom.getLiveTimeline(),
+            });
+
+            expect(MockPlatform.displayNotification).not.toHaveBeenCalled();
+            expect(MockPlatform.loudNotification).not.toHaveBeenCalled();
+        });
+
+        it("does not create notifications for rooms which cannot be obtained via client.getRoom", () => {
+            mockClient!.emit(ClientEvent.Sync, SyncState.Syncing, null);
+            mockClient.getRoom.mockReturnValue(null);
+            mockClient!.emit(RoomEvent.Timeline, event, testRoom, false, false, {
+                liveEvent: true,
+                timeline: testRoom.getLiveTimeline(),
+            });
+
+            expect(MockPlatform.displayNotification).not.toHaveBeenCalled();
+            expect(MockPlatform.loudNotification).not.toHaveBeenCalled();
+        });
+
+        it("does not create notifications when event does not have notify push action", () => {
+            mockClient.getPushActionsForEvent.mockReturnValue({
+                notify: false,
+                tweaks: {
+                    sound: true,
+                },
+            });
+
+            mockClient!.emit(ClientEvent.Sync, SyncState.Syncing, null);
+            emitLiveEvent(event);
+
+            expect(MockPlatform.displayNotification).not.toHaveBeenCalled();
+            expect(MockPlatform.loudNotification).not.toHaveBeenCalled();
+        });
+
+        it("creates desktop notification when enabled", () => {
+            mockClient!.emit(ClientEvent.Sync, SyncState.Syncing, null);
+            emitLiveEvent(event);
+
+            expect(MockPlatform.displayNotification).toHaveBeenCalledWith(testRoom.name, "hey", null, testRoom, event);
+        });
+
+        it("closes a desktop notification when room is marked read", () => {
+            mockClient!.emit(ClientEvent.Sync, SyncState.Syncing, null);
+            emitLiveEvent(event);
+
+            expect(MockPlatform.displayNotification).toHaveBeenCalledWith(testRoom.name, "hey", null, testRoom, event);
+            mockClient!.emit(RoomEvent.Receipt, event, testRoom);
+            expect(
+                (
+                    MockPlatform.displayNotification.mock.results[0].value as ReturnType<
+                        typeof MockPlatform.displayNotification
+                    >
+                ).close,
+            ).toHaveBeenCalled();
+        });
+
+        it("creates a loud notification when enabled", () => {
+            mockClient!.emit(ClientEvent.Sync, SyncState.Syncing, null);
+            emitLiveEvent(event);
+
+            expect(MockPlatform.loudNotification).toHaveBeenCalledWith(event, testRoom);
+        });
+
+        it("does not create loud notification when event does not have sound tweak in push actions", () => {
+            mockClient.getPushActionsForEvent.mockReturnValue({
+                notify: true,
+                tweaks: {
+                    sound: false,
+                },
+            });
+
+            mockClient!.emit(ClientEvent.Sync, SyncState.Syncing, null);
+            emitLiveEvent(event);
+
+            // desktop notification created
+            expect(MockPlatform.displayNotification).toHaveBeenCalled();
+            // without noisy
+            expect(MockPlatform.loudNotification).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("displayPopupNotification", () => {
+        const testCases: { event: IContent | undefined; count: number }[] = [
+            { event: { is_silenced: true }, count: 0 },
+            { event: { is_silenced: false }, count: 1 },
+            { event: undefined, count: 1 },
+        ];
+        it.each(testCases)("does not dispatch when notifications are silenced", ({ event, count }) => {
+            mockClient.setAccountData(accountDataEventKey, event!);
+            notifier.displayPopupNotification(testEvent, testRoom);
+            expect(MockPlatform.displayNotification).toHaveBeenCalledTimes(count);
+        });
+
+        it("should display a notification for a voice message", () => {
+            const audioEvent = mkAudioEvent();
+            notifier.displayPopupNotification(audioEvent, testRoom);
+            expect(MockPlatform.displayNotification).toHaveBeenCalledWith(
+                "@user:example.com (!room1:server)",
+                "@user:example.com: test audio message",
+                "data:image/png;base64,00",
+                testRoom,
+                audioEvent,
+            );
+        });
+
+        it("should strip reply fallback", () => {
+            const event = mkMessage({
+                msg: "Test",
+                event: true,
+                user: mockClient.getSafeUserId(),
+                room: testRoom.roomId,
+            });
+            const reply = mkMessage({
+                msg: "This was a triumph",
+                event: true,
+                user: mockClient.getSafeUserId(),
+                room: testRoom.roomId,
+            });
+            addReplyToMessageContent(reply.getContent(), event);
+            notifier.displayPopupNotification(reply, testRoom);
+            expect(MockPlatform.displayNotification).toHaveBeenCalledWith(
+                "@bob:example.org (!room1:server)",
+                "This was a triumph",
+                expect.any(String),
+                testRoom,
+                reply,
+            );
+        });
+
+        it.each([
+            ["This was a triumph", "This was a triumph", "This was a triumph"],
+            ["This was a triumph", "<span data-mx-spoiler>This was a triumph</span>", "[Spoiler]"],
+            ["This was a triumph", '<span data-mx-spoiler="triumph">This was a triumph</span>', "[Spoiler]"],
+            ["foo bar baz", "foo <span data-mx-spoiler>bar</span> baz", "foo [Spoiler] baz"],
+            ["foo foo foo", "foo <span data-mx-spoiler>foo</span> foo", "foo [Spoiler] foo"],
+            [
+                "a b c d e",
+                "a <span data-mx-spoiler>b</span> c <span data-mx-spoiler>d</span> e",
+                "a [Spoiler] c [Spoiler] e",
+            ],
+            ["foo  foo", "foo <span data-mx-spoiler></span> foo", "foo [Spoiler] foo"],
+            ["foo bar baz", "foo <span data-mx-spoiler>b<em>a</em>r</span> baz", "foo [Spoiler] baz"],
+            ["foobar", "<span data-mx-spoiler>foo</span><span data-mx-spoiler>bar</span>", "[Spoiler][Spoiler]"],
+            ["foo bar baz", "<strong>foo <span data-mx-spoiler>bar</span> baz</strong>", "foo [Spoiler] baz"],
+            ["foo <bar> baz", "foo <span data-mx-spoiler>&lt;bar&gt;</span> baz", "foo [Spoiler] baz"],
+            ["foo\nbar\nbaz", "foo<span data-mx-spoiler><br>bar<br></span>baz", "foo[Spoiler]baz"],
+        ])("should hide spoilers in notification", (body, formattedBody, expected) => {
+            const spoilerEvent = mkEvent({
+                event: true,
+                type: EventType.RoomMessage,
+                user: mockClient.getSafeUserId(),
+                room: testRoom.roomId,
+                content: {
+                    msgtype: MsgType.Text,
+                    body: body,
+                    format: "org.matrix.custom.html",
+                    formatted_body: formattedBody,
+                },
+            });
+            notifier.displayPopupNotification(spoilerEvent, testRoom);
+            expect(MockPlatform.displayNotification).toHaveBeenCalledWith(
+                "@bob:example.org (!room1:server)",
+                expected,
+                expect.any(String),
+                testRoom,
+                spoilerEvent,
+            );
+        });
+    });
+
+    describe("getSoundForRoom", () => {
+        it("should not explode if given invalid url", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((name: string): any => {
+                return { url: { content_uri: "foobar" } };
+            });
+            expect(notifier.getSoundForRoom("!roomId:server")).toBeNull();
+        });
+    });
+
+    describe("_playAudioNotification", () => {
+        const testCases: { event: IContent | undefined; count: number }[] = [
+            { event: { is_silenced: true }, count: 0 },
+            { event: { is_silenced: false }, count: 1 },
+            { event: undefined, count: 1 },
+        ];
+        it.each(testCases)("does not dispatch when notifications are silenced", ({ event, count }) => {
+            // It's not ideal to only look at whether this function has been called
+            // but avoids starting to look into DOM stuff
+            notifier.getSoundForRoom = jest.fn();
+
+            mockClient.setAccountData(accountDataEventKey, event!);
+            notifier.playAudioNotification(testEvent, testRoom);
+            expect(notifier.getSoundForRoom).toHaveBeenCalledTimes(count);
+        });
+    });
+
+    // Regression test for https://github.com/element-hq/element-web/issues/31996
+    // On macOS Sequoia, waking from sleep delivers the whole sync backlog in one
+    // batch, firing playAudioNotification for every backlogged notifying event
+    // near-simultaneously. Without throttling, the identical sound buffers
+    // superimpose into one loud "stacked" sound. We coalesce a burst into at
+    // most one audible play within NOTIFICATION_SOUND_THROTTLE_MS.
+    describe("playAudioNotification throttle (macOS wake-from-sleep stacking)", () => {
+        let playSpy: jest.SpyInstance;
+
+        beforeEach(() => {
+            jest.useFakeTimers();
+            jest.setSystemTime(0);
+
+            // Ensure notifications are not silenced so we exercise the throttle,
+            // not the silencing gate.
+            accountDataStore = {};
+            mockClient.setAccountData(accountDataEventKey, { is_silenced: false });
+
+            // Default sound path (no custom room sound).
+            jest.spyOn(notifier, "getSoundForRoom").mockReturnValue(null);
+
+            // @ts-ignore - backgroundAudio is private
+            playSpy = jest.spyOn(notifier.backgroundAudio, "pickFormatAndPlay").mockResolvedValue({} as any);
+        });
+
+        afterEach(() => {
+            playSpy.mockRestore();
+            jest.useRealTimers();
+        });
+
+        it("plays at most one sound for a burst of notifications within the throttle window", async () => {
+            // Simulate a backlog of notifications arriving back-to-back on wake.
+            await notifier.playAudioNotification(testEvent, testRoom);
+            await notifier.playAudioNotification(testEvent, testRoom);
+            await notifier.playAudioNotification(testEvent, testRoom);
+
+            expect(playSpy).toHaveBeenCalledTimes(1);
+        });
+
+        it("plays again once the throttle window has elapsed", async () => {
+            await notifier.playAudioNotification(testEvent, testRoom);
+            expect(playSpy).toHaveBeenCalledTimes(1);
+
+            // Advance the clock just past the throttle window.
+            jest.setSystemTime(NOTIFICATION_SOUND_THROTTLE_MS + 1);
+
+            await notifier.playAudioNotification(testEvent, testRoom);
+            expect(playSpy).toHaveBeenCalledTimes(2);
+        });
+
+        it("throttles right up to the window boundary, then plays again (strict `<`)", async () => {
+            await notifier.playAudioNotification(testEvent, testRoom);
+            expect(playSpy).toHaveBeenCalledTimes(1);
+
+            // One ms before the window elapses: still throttled.
+            jest.setSystemTime(NOTIFICATION_SOUND_THROTTLE_MS - 1);
+            await notifier.playAudioNotification(testEvent, testRoom);
+            expect(playSpy).toHaveBeenCalledTimes(1);
+
+            // Exactly at the window boundary: plays again (the comparison is a strict `<`).
+            jest.setSystemTime(NOTIFICATION_SOUND_THROTTLE_MS);
+            await notifier.playAudioNotification(testEvent, testRoom);
+            expect(playSpy).toHaveBeenCalledTimes(2);
+        });
+
+        it("does not coalesce two genuinely different sounds within the window (#31996 per-sound keying)", async () => {
+            const soundA = { url: "sound-a.mp3", name: "A", type: "audio/mpeg", size: 1 };
+            const soundB = { url: "sound-b.mp3", name: "B", type: "audio/mpeg", size: 1 };
+            const otherRoom = new Room("!other:server", mockClient, mockClient.getSafeUserId());
+            jest.mocked(notifier.getSoundForRoom).mockImplementation((roomId: string) =>
+                roomId === testRoom.roomId ? soundA : soundB,
+            );
+            // @ts-ignore - backgroundAudio is private
+            const customPlaySpy = jest.spyOn(notifier.backgroundAudio, "play").mockResolvedValue({} as any);
+
+            // Two different sounds back-to-back within the window: BOTH must play (only identical
+            // backlogged sounds are coalesced).
+            await notifier.playAudioNotification(testEvent, testRoom);
+            await notifier.playAudioNotification(testEvent, otherRoom);
+
+            expect(customPlaySpy).toHaveBeenCalledTimes(2);
+            expect(customPlaySpy).toHaveBeenNthCalledWith(1, soundA.url);
+            expect(customPlaySpy).toHaveBeenNthCalledWith(2, soundB.url);
+            customPlaySpy.mockRestore();
+        });
+
+        it("does not play, and does not arm the throttle, when notifications are silenced", async () => {
+            mockClient.setAccountData(accountDataEventKey, { is_silenced: true });
+
+            await notifier.playAudioNotification(testEvent, testRoom);
+            await notifier.playAudioNotification(testEvent, testRoom);
+
+            // Silencing gate short-circuits before the sound is played.
+            expect(playSpy).not.toHaveBeenCalled();
+
+            // ...and the silenced calls did NOT arm the throttle: once un-silenced, the next event plays
+            // immediately (a regression arming the throttle on silenced events would suppress this).
+            mockClient.setAccountData(accountDataEventKey, { is_silenced: false });
+            await notifier.playAudioNotification(testEvent, testRoom);
+            expect(playSpy).toHaveBeenCalledTimes(1);
+        });
+    });
+
+    describe("group call notifications", () => {
+        let callId: string;
+        beforeEach(() => {
+            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.restoreAllMocks();
+        });
+
+        const emitCallNotificationEvent = (
+            params: {
+                type?: string;
+                roomMention?: boolean;
+                lifetime?: number;
+                ts?: number;
+                content?: Partial<IContent>;
+            } = {},
+        ) => {
+            const { type, roomMention, lifetime, ts, content } = {
+                type: EventType.RTCNotification,
+                roomMention: true,
+                lifetime: 30000,
+                ts: Date.now(),
+                ...params,
+            };
+            const notificationEvent = mkEvent({
+                type: type,
+                user: "@alice:foo",
+                room: roomId,
+                ts,
+                content: {
+                    "notification_type": "ring",
+                    "m.relates_to": { rel_type: "m.reference", event_id: "$memberEventId" },
+                    "m.mentions": { user_ids: [], room: roomMention },
+                    lifetime,
+                    "sender_ts": ts,
+                    ...content,
+                },
+                event: true,
+            });
+            emitLiveEvent(notificationEvent);
+            return notificationEvent;
+        };
+
+        it("shows group call toast", () => {
+            const notificationEvent = emitCallNotificationEvent();
+
+            expect(ToastStore.sharedInstance().addOrReplaceToast).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    key: getIncomingCallToastKey(callId, roomId),
+                    priority: 100,
+                    component: IncomingCallToast,
+                    bodyClassName: "mx_IncomingCallToast",
+                    props: { notificationEvent },
+                }),
+            );
+        });
+
+        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 members = [
+                new CallMembership(
+                    mkEvent({
+                        event: true,
+                        room: testRoom.roomId,
+                        user: userId,
+                        type: EventType.GroupCallMemberPrefix,
+                        content: {},
+                    }),
+                    {
+                        // TODO: Once https://github.com/matrix-org/matrix-js-sdk/pull/5134 is merged this can be MembershipKind.Session
+                        kind: "session" as any,
+                        data: {
+                            call_id: "123",
+                            application: "m.call",
+                            focus_active: { type: "livekit", focus_selection: "oldest_membership" },
+                            foci_preferred: [],
+                            device_id: "DEVICE",
+                        },
+                    },
+                    "hashed_id_XXXAAAAA",
+                ),
+            ];
+
+            const mockRtcSession = {
+                memberships: members,
+                slotDescription: { application: "m.call", id: "" },
+            } as unknown as MatrixRTCSession;
+
+            mocked(mockClient.matrixRTC.getRoomSession).mockReturnValue(mockRtcSession);
+
+            emitCallNotificationEvent();
+            expect(ToastStore.sharedInstance().addOrReplaceToast).not.toHaveBeenCalled();
+        });
+
+        it("should not show toast when calling with a different event type to org.matrix.msc4075.rtc.notification", () => {
+            emitCallNotificationEvent({ type: "event_type" });
+
+            expect(ToastStore.sharedInstance().addOrReplaceToast).not.toHaveBeenCalled();
+        });
+
+        it("should not show notification event is expired", () => {
+            emitCallNotificationEvent({ ts: Date.now() - 40000 });
+
+            expect(ToastStore.sharedInstance().addOrReplaceToast).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("local notification settings", () => {
+        const createLocalNotificationSettingsIfNeededMock = mocked(createLocalNotificationSettingsIfNeeded);
+        let hasStartedNotiferBefore = false;
+        beforeEach(() => {
+            // notifier defines some listener functions in start
+            // and references them in stop
+            // so blows up if stopped before it was started
+            if (hasStartedNotiferBefore) {
+                notifier.stop();
+            }
+            notifier.start();
+            hasStartedNotiferBefore = true;
+            createLocalNotificationSettingsIfNeededMock.mockClear();
+        });
+
+        afterAll(() => {
+            notifier.stop();
+        });
+
+        it("does not create local notifications event after a sync error", () => {
+            mockClient.emit(ClientEvent.Sync, SyncState.Error, SyncState.Syncing);
+            expect(createLocalNotificationSettingsIfNeededMock).not.toHaveBeenCalled();
+        });
+
+        it("does not create local notifications event after sync stops", () => {
+            mockClient.emit(ClientEvent.Sync, SyncState.Stopped, SyncState.Syncing);
+            expect(createLocalNotificationSettingsIfNeededMock).not.toHaveBeenCalled();
+        });
+
+        it("does not create local notifications event after a cached sync", () => {
+            mockClient.emit(ClientEvent.Sync, SyncState.Syncing, SyncState.Syncing, {
+                fromCache: true,
+            });
+            expect(createLocalNotificationSettingsIfNeededMock).not.toHaveBeenCalled();
+        });
+
+        it("creates local notifications event after a non-cached sync", () => {
+            mockClient.emit(ClientEvent.Sync, SyncState.Syncing, SyncState.Syncing, {});
+            expect(createLocalNotificationSettingsIfNeededMock).toHaveBeenCalled();
+        });
+    });
+
+    describe("evaluateEvent", () => {
+        beforeEach(() => {
+            jest.spyOn(context.roomViewStore, "getRoomId").mockReturnValue(testRoom.roomId);
+
+            jest.spyOn(UserActivity.sharedInstance(), "userActiveRecently").mockReturnValue(true);
+
+            jest.spyOn(Modal, "hasDialogs").mockReturnValue(false);
+
+            jest.spyOn(notifier, "displayPopupNotification").mockReset();
+            jest.spyOn(notifier, "isEnabled").mockReturnValue(true);
+
+            mockClient.getPushActionsForEvent.mockReturnValue({
+                notify: true,
+                tweaks: {
+                    sound: true,
+                },
+            });
+        });
+
+        it("should show a pop-up", () => {
+            expect(notifier.displayPopupNotification).toHaveBeenCalledTimes(0);
+            notifier.evaluateEvent(testEvent);
+            expect(notifier.displayPopupNotification).toHaveBeenCalledTimes(0);
+
+            const eventFromOtherRoom = mkEvent({
+                event: true,
+                type: "m.room.message",
+                user: "@user1:server",
+                room: "!otherroom:example.org",
+                content: {},
+            });
+
+            notifier.evaluateEvent(eventFromOtherRoom);
+            expect(notifier.displayPopupNotification).toHaveBeenCalledTimes(1);
+        });
+
+        it("should a pop-up for thread event", async () => {
+            const { events, rootEvent } = mkThread({
+                room: testRoom,
+                client: mockClient,
+                authorId: "@bob:example.org",
+                participantUserIds: ["@bob:example.org"],
+            });
+
+            expect(notifier.displayPopupNotification).toHaveBeenCalledTimes(0);
+
+            notifier.evaluateEvent(rootEvent);
+            expect(notifier.displayPopupNotification).toHaveBeenCalledTimes(0);
+
+            notifier.evaluateEvent(events[1]);
+            expect(notifier.displayPopupNotification).toHaveBeenCalledTimes(1);
+
+            dis.dispatch<ThreadPayload>({
+                action: Action.ViewThread,
+                thread_id: rootEvent.getId()!,
+            });
+
+            await waitFor(() => expect(context.roomViewStore.getThreadId()).toBe(rootEvent.getId()));
+
+            notifier.evaluateEvent(events[1]);
+            expect(notifier.displayPopupNotification).toHaveBeenCalledTimes(1);
+        });
+
+        it("should show a pop-up for an audio message", () => {
+            notifier.evaluateEvent(mkAudioEvent());
+            expect(notifier.displayPopupNotification).toHaveBeenCalledTimes(1);
+        });
+    });
+
+    describe("setPromptHidden", () => {
+        it("should persist by default", () => {
+            notifier.setPromptHidden(true);
+            expect(localStorage.getItem("notifications_hidden")).toBeTruthy();
+        });
+    });
+
+    describe("onEvent", () => {
+        it("should not evaluate events from the thread list fake timeline sets", async () => {
+            mockClient.supportsThreads.mockReturnValue(true);
+
+            const fn = jest.spyOn(notifier, "evaluateEvent");
+
+            await testRoom.createThreadsTimelineSets();
+            testRoom.threadsTimelineSets[0]!.addEventToTimeline(
+                mkEvent({
+                    event: true,
+                    type: "m.room.message",
+                    user: "@user1:server",
+                    room: roomId,
+                    content: { body: "this is a thread root" },
+                }),
+                testRoom.threadsTimelineSets[0]!.getLiveTimeline(),
+                { toStartOfTimeline: false, fromCache: false, addToState: true },
+            );
+
+            expect(fn).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("setEnabled", () => {
+        it("should call fire notifier_enabled value=true when permission is granted", async () => {
+            const dispatchSpy = jest.spyOn(dis, "dispatch");
+            const notifier = new Notifier(dis, context);
+
+            jest.mocked(MockPlatform.requestNotificationPermission).mockResolvedValue("granted");
+
+            const resolvers = Promise.withResolvers<void>();
+            notifier.setEnabled(true, resolvers.resolve);
+            await resolvers.promise;
+
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: "notifier_enabled",
+                value: true,
+            });
+        });
+
+        it("should call fire notifier_enabled value=false when disabling", async () => {
+            const dispatchSpy = jest.spyOn(dis, "dispatch");
+            const notifier = new Notifier(dis, context);
+
+            notifier.setEnabled(false);
+
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: "notifier_enabled",
+                value: false,
+            });
+        });
+    });
+});
diff --git a/test/unit-tests/README.md b/apps/web/test/unit-tests/README.md
similarity index 100%
rename from test/unit-tests/README.md
rename to apps/web/test/unit-tests/README.md
diff --git a/apps/web/test/unit-tests/SecurityManager-test.ts b/apps/web/test/unit-tests/SecurityManager-test.ts
new file mode 100644
index 00000000000..20d93b2c249
--- /dev/null
+++ b/apps/web/test/unit-tests/SecurityManager-test.ts
@@ -0,0 +1,176 @@
+/*
+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 { mocked } from "jest-mock";
+import { act } from "react";
+import { Crypto } from "@peculiar/webcrypto";
+import { type CryptoApi, deriveRecoveryKeyFromPassphrase } from "matrix-js-sdk/src/crypto-api";
+import { SecretStorage } from "matrix-js-sdk/src/matrix";
+
+import { accessSecretStorage, crossSigningCallbacks } from "../../src/SecurityManager";
+import { filterConsole, stubClient } from "../test-utils";
+import Modal from "../../src/Modal.tsx";
+import {
+    default as AccessSecretStorageDialog,
+    type KeyParams,
+} from "../../src/components/views/dialogs/security/AccessSecretStorageDialog.tsx";
+
+jest.mock("react", () => {
+    const React = jest.requireActual("react");
+    React.lazy = (children: any) => children(); // stub out lazy for dialog test
+    return React;
+});
+
+afterEach(() => {
+    jest.restoreAllMocks();
+});
+
+describe("SecurityManager", () => {
+    describe("accessSecretStorage", () => {
+        filterConsole("Not setting dehydration key: no SSSS key found");
+
+        it("runs the function passed in", async () => {
+            // Given a client
+            const crypto = {
+                bootstrapCrossSigning: () => {},
+                bootstrapSecretStorage: () => {},
+            } as unknown as CryptoApi;
+            const client = stubClient();
+            client.secretStorage.hasKey = jest.fn().mockResolvedValue(true);
+            mocked(client.getCrypto).mockReturnValue(crypto);
+
+            // When I run accessSecretStorage
+            const func = jest.fn();
+            await accessSecretStorage(func);
+
+            // Then we call the passed-in function
+            expect(func).toHaveBeenCalledTimes(1);
+        });
+
+        describe("expecting errors", () => {
+            filterConsole("End-to-end encryption is disabled - unable to access secret storage");
+
+            it("throws if crypto is unavailable", async () => {
+                // Given a client with no crypto
+                const client = stubClient();
+                client.secretStorage.hasKey = jest.fn().mockResolvedValue(true);
+                mocked(client.getCrypto).mockReturnValue(undefined);
+
+                // When I run accessSecretStorage
+                // Then we throw an error
+                await expect(async () => {
+                    await accessSecretStorage(jest.fn());
+                }).rejects.toThrow("End-to-end encryption is disabled - unable to access secret storage");
+            });
+
+            it("throws if there is no 4S", async () => {
+                // Given a client with no default 4S key ID
+                stubClient();
+
+                // When I run accessSecretStorage
+                // Then we throw an error
+                await expect(async () => {
+                    await accessSecretStorage(jest.fn());
+                }).rejects.toThrow("Secret storage has not been created yet");
+            });
+        });
+
+        it("should show CreateSecretStorageDialog if forceReset=true", async () => {
+            jest.mock("../../src/async-components/views/dialogs/security/CreateSecretStorageDialog", () => ({
+                __test: true,
+                __esModule: true,
+                default: () => jest.fn(),
+            }));
+            const spy = jest.spyOn(Modal, "createDialog");
+            stubClient();
+
+            const func = jest.fn();
+            accessSecretStorage(func, { forceReset: true });
+
+            expect(spy).toHaveBeenCalledTimes(1);
+            await expect(spy.mock.lastCall![0]).resolves.toEqual(expect.objectContaining({ __test: true }));
+        });
+    });
+
+    describe("getSecretStorageKey", () => {
+        const { getSecretStorageKey } = crossSigningCallbacks;
+
+        /** Polyfill crypto.subtle, which is unavailable in jsdom */
+        function polyFillSubtleCrypto() {
+            Object.defineProperty(globalThis.crypto, "subtle", { value: new Crypto().subtle });
+        }
+
+        it("should prompt the user if the key is uncached", async () => {
+            polyFillSubtleCrypto();
+
+            const client = stubClient();
+            mocked(client.secretStorage.getDefaultKeyId).mockResolvedValue("my_default_key");
+
+            const passphrase = "s3cret";
+            const { recoveryKey, keyInfo } = await deriveKeyFromPassphrase(passphrase);
+
+            jest.spyOn(Modal, "createDialog").mockImplementation((component) => {
+                expect(component).toBe(AccessSecretStorageDialog);
+
+                const modalFunc = async () => [{ passphrase }] as [KeyParams];
+                return {
+                    finished: modalFunc(),
+                    close: () => {},
+                };
+            });
+
+            const [keyId, key] = (await act(() =>
+                getSecretStorageKey!({ keys: { my_default_key: keyInfo } }, "my_secret"),
+            ))!;
+            expect(keyId).toEqual("my_default_key");
+            expect(key).toEqual(recoveryKey);
+        });
+
+        it("should not prompt the user if the requested key is not the default", async () => {
+            const client = stubClient();
+            mocked(client.secretStorage.getDefaultKeyId).mockResolvedValue("my_default_key");
+            const createDialogSpy = jest.spyOn(Modal, "createDialog");
+
+            await expect(
+                act(() =>
+                    getSecretStorageKey!(
+                        { keys: { other_key: {} as SecretStorage.SecretStorageKeyDescription } },
+                        "my_secret",
+                    ),
+                ),
+            ).rejects.toThrow("Request for non-default 4S key");
+            expect(createDialogSpy).not.toHaveBeenCalled();
+        });
+    });
+});
+
+/** Derive a key from a passphrase, also returning the KeyInfo */
+async function deriveKeyFromPassphrase(
+    passphrase: string,
+): Promise<{ recoveryKey: Uint8Array; keyInfo: SecretStorage.SecretStorageKeyDescription }> {
+    const salt = "SALTYGOODNESS";
+    const iterations = 1000;
+
+    const recoveryKey = await deriveRecoveryKeyFromPassphrase(passphrase, salt, iterations);
+
+    const check = await SecretStorage.calculateKeyCheck(recoveryKey);
+    return {
+        recoveryKey,
+        keyInfo: {
+            iv: check.iv,
+            mac: check.mac,
+            algorithm: SecretStorage.SECRET_STORAGE_ALGORITHM_V1_AES,
+            name: "",
+            passphrase: {
+                algorithm: "m.pbkdf2",
+                iterations,
+                salt,
+            },
+        },
+    };
+}
diff --git a/apps/web/test/unit-tests/Terms-test.ts b/apps/web/test/unit-tests/Terms-test.ts
new file mode 100644
index 00000000000..ca2476c0828
--- /dev/null
+++ b/apps/web/test/unit-tests/Terms-test.ts
@@ -0,0 +1,212 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { EventType, MatrixEvent, type Policy, SERVICE_TYPES, type Terms } from "matrix-js-sdk/src/matrix";
+import { screen, within } from "jest-matrix-react";
+
+import { dialogTermsInteractionCallback, Service, startTermsFlow } from "../../src/Terms";
+import { getMockClientWithEventEmitter } from "../test-utils";
+import { MatrixClientPeg } from "../../src/MatrixClientPeg";
+
+const POLICY_ONE = {
+    version: "six",
+    en: {
+        name: "The first policy",
+        url: "http://example.com/one",
+    },
+} satisfies Policy;
+
+const POLICY_TWO = {
+    version: "IX",
+    en: {
+        name: "The second policy",
+        url: "http://example.com/two",
+    },
+} satisfies Policy;
+
+const IM_SERVICE_ONE = new Service(SERVICE_TYPES.IM, "https://imone.test", "a token token");
+const IM_SERVICE_TWO = new Service(SERVICE_TYPES.IM, "https://imtwo.test", "a token token");
+
+describe("Terms", function () {
+    const mockClient = getMockClientWithEventEmitter({
+        getAccountData: jest.fn(),
+        getTerms: jest.fn(),
+        agreeToTerms: jest.fn(),
+        setAccountData: jest.fn(),
+    });
+
+    beforeEach(function () {
+        jest.clearAllMocks();
+        mockClient.getAccountData.mockReturnValue(undefined);
+        mockClient.getTerms.mockResolvedValue({ policies: {} });
+        mockClient.setAccountData.mockResolvedValue({});
+    });
+
+    afterAll(() => {
+        jest.spyOn(MatrixClientPeg, "get").mockRestore();
+    });
+
+    it("should prompt for all terms & services if no account data", async function () {
+        mockClient.getAccountData.mockReturnValue(undefined);
+        mockClient.getTerms.mockResolvedValue({
+            policies: {
+                policy_the_first: POLICY_ONE,
+            },
+        });
+        const interactionCallback = jest.fn().mockResolvedValue([]);
+        await startTermsFlow(mockClient, [IM_SERVICE_ONE], interactionCallback);
+
+        expect(interactionCallback).toHaveBeenCalledWith(
+            [
+                {
+                    service: IM_SERVICE_ONE,
+                    policies: {
+                        policy_the_first: POLICY_ONE,
+                    },
+                },
+            ],
+            [],
+        );
+    });
+
+    it("should not prompt if all policies are signed in account data", async function () {
+        const directEvent = new MatrixEvent({
+            type: EventType.Direct,
+            content: {
+                accepted: ["http://example.com/one"],
+            },
+        });
+        mockClient.getAccountData.mockReturnValue(directEvent);
+        mockClient.getTerms.mockResolvedValue({
+            policies: {
+                policy_the_first: POLICY_ONE,
+            },
+        });
+
+        const interactionCallback = jest.fn();
+        await startTermsFlow(mockClient, [IM_SERVICE_ONE], interactionCallback);
+
+        expect(interactionCallback).not.toHaveBeenCalled();
+        expect(mockClient.agreeToTerms).toHaveBeenCalledWith(SERVICE_TYPES.IM, "https://imone.test", "a token token", [
+            "http://example.com/one",
+        ]);
+    });
+
+    it("should prompt for only terms that aren't already signed", async function () {
+        const directEvent = new MatrixEvent({
+            type: EventType.Direct,
+            content: {
+                accepted: ["http://example.com/one"],
+            },
+        });
+        mockClient.getAccountData.mockReturnValue(directEvent);
+
+        mockClient.getTerms.mockResolvedValue({
+            policies: {
+                policy_the_first: POLICY_ONE,
+                policy_the_second: POLICY_TWO,
+            },
+        });
+
+        const interactionCallback = jest.fn().mockResolvedValue(["http://example.com/one", "http://example.com/two"]);
+        await startTermsFlow(mockClient, [IM_SERVICE_ONE], interactionCallback);
+
+        expect(interactionCallback).toHaveBeenCalledWith(
+            [
+                {
+                    service: IM_SERVICE_ONE,
+                    policies: {
+                        policy_the_second: POLICY_TWO,
+                    },
+                },
+            ],
+            ["http://example.com/one"],
+        );
+        expect(mockClient.agreeToTerms).toHaveBeenCalledWith(SERVICE_TYPES.IM, "https://imone.test", "a token token", [
+            "http://example.com/one",
+            "http://example.com/two",
+        ]);
+    });
+
+    it("should prompt for only services with un-agreed policies", async function () {
+        const directEvent = new MatrixEvent({
+            type: EventType.Direct,
+            content: {
+                accepted: ["http://example.com/one"],
+            },
+        });
+        mockClient.getAccountData.mockReturnValue(directEvent);
+
+        mockClient.getTerms.mockImplementation(
+            async (_serviceTypes: SERVICE_TYPES, baseUrl: string): Promise<Terms> => {
+                switch (baseUrl) {
+                    case "https://imone.test":
+                        return {
+                            policies: {
+                                policy_the_first: POLICY_ONE,
+                            },
+                        };
+                    case "https://imtwo.test":
+                        return {
+                            policies: {
+                                policy_the_second: POLICY_TWO,
+                            },
+                        };
+                }
+                return { policies: {} };
+            },
+        );
+
+        const interactionCallback = jest.fn().mockResolvedValue(["http://example.com/one", "http://example.com/two"]);
+        await startTermsFlow(mockClient, [IM_SERVICE_ONE, IM_SERVICE_TWO], interactionCallback);
+
+        expect(interactionCallback).toHaveBeenCalledWith(
+            [
+                {
+                    service: IM_SERVICE_TWO,
+                    policies: {
+                        policy_the_second: POLICY_TWO,
+                    },
+                },
+            ],
+            ["http://example.com/one"],
+        );
+        expect(mockClient.agreeToTerms).toHaveBeenCalledWith(SERVICE_TYPES.IM, "https://imone.test", "a token token", [
+            "http://example.com/one",
+        ]);
+        expect(mockClient.agreeToTerms).toHaveBeenCalledWith(SERVICE_TYPES.IM, "https://imtwo.test", "a token token", [
+            "http://example.com/two",
+        ]);
+    });
+});
+
+describe("dialogTermsInteractionCallback", () => {
+    it("should render a dialog with the expected terms", async () => {
+        dialogTermsInteractionCallback(
+            [
+                {
+                    service: new Service(SERVICE_TYPES.IS, "http://base_url", "access_token"),
+                    policies: {
+                        sample: {
+                            version: "VERSION",
+                            en: {
+                                name: "Terms",
+                                url: "http://base_url/terms",
+                            },
+                        },
+                    },
+                },
+            ],
+            [],
+        );
+
+        const dialog = await screen.findByRole("dialog");
+        expect(within(dialog).getByRole("link")).toHaveAttribute("href", "http://base_url/terms");
+        expect(dialog).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/TestSDKContext.ts b/apps/web/test/unit-tests/TestSDKContext.ts
new file mode 100644
index 00000000000..b9c5450c7c4
--- /dev/null
+++ b/apps/web/test/unit-tests/TestSDKContext.ts
@@ -0,0 +1,39 @@
+/*
+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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { SDKContextClass } from "../../src/contexts/SDKContextClass";
+import { type PosthogAnalytics } from "../../src/PosthogAnalytics";
+import { type SlidingSyncManager } from "../../src/SlidingSyncManager";
+import { type RoomNotificationStateStore } from "../../src/stores/notifications/RoomNotificationStateStore";
+import type RightPanelStore from "../../src/stores/right-panel/RightPanelStore";
+import { type RoomViewStore } from "../../src/stores/RoomViewStore";
+import type SpaceStore from "../../src/stores/spaces/SpaceStore";
+import { type WidgetLayoutStore } from "../../src/stores/widgets/WidgetLayoutStore";
+import { type WidgetPermissionStore } from "../../src/stores/widgets/WidgetPermissionStore";
+import type WidgetStore from "../../src/stores/WidgetStore";
+import type LegacyCallHandler from "../../src/LegacyCallHandler.tsx";
+
+/**
+ * A class which provides the same API as SDKContextClass but adds additional unsafe setters which can
+ * replace individual stores. This is useful for tests which need to mock out stores.
+ */
+export class TestSDKContext extends SDKContextClass {
+    declare public _client?: MatrixClient;
+    declare public _RightPanelStore?: RightPanelStore;
+    declare public _RoomNotificationStateStore?: RoomNotificationStateStore;
+    declare public _RoomViewStore?: RoomViewStore;
+    declare public _WidgetPermissionStore?: WidgetPermissionStore;
+    declare public _WidgetLayoutStore?: WidgetLayoutStore;
+    declare public _WidgetStore?: WidgetStore;
+    declare public _PosthogAnalytics?: PosthogAnalytics;
+    declare public _SlidingSyncManager?: SlidingSyncManager;
+    declare public _SpaceStore?: SpaceStore;
+    declare public _LegacyCallHandler?: LegacyCallHandler;
+}
diff --git a/apps/web/test/unit-tests/TextForEvent-test.tsx b/apps/web/test/unit-tests/TextForEvent-test.tsx
new file mode 100644
index 00000000000..6b5afac432d
--- /dev/null
+++ b/apps/web/test/unit-tests/TextForEvent-test.tsx
@@ -0,0 +1,830 @@
+/*
+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 {
+    EventType,
+    HistoryVisibility,
+    JoinRule,
+    type MatrixClient,
+    MatrixEvent,
+    type MRoomTopicEventContent,
+    Room,
+    type RoomMember,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { render } from "jest-matrix-react";
+import { type ReactElement } from "react";
+import { type Mocked, mocked } from "jest-mock";
+import React from "react";
+
+import { hasText, textForEvent } from "../../src/TextForEvent";
+import SettingsStore from "../../src/settings/SettingsStore";
+import { createTestClient, stubClient } from "../test-utils";
+import { MatrixClientPeg } from "../../src/MatrixClientPeg";
+import UserIdentifierCustomisations from "../../src/customisations/UserIdentifier";
+import { getSenderName } from "../../src/utils/event/getSenderName";
+import { ElementCallEventType } from "../../src/call-types";
+import Spoiler from "../../src/components/views/elements/Spoiler";
+
+jest.mock("../../src/settings/SettingsStore");
+jest.mock("../../src/customisations/UserIdentifier", () => ({
+    getDisplayUserIdentifier: jest.fn().mockImplementation((userId) => userId),
+}));
+
+function mockPinnedEvent(pinnedMessageIds?: string[], prevPinnedMessageIds?: string[]): MatrixEvent {
+    return new MatrixEvent({
+        type: "m.room.pinned_events",
+        state_key: "",
+        sender: "@foo:example.com",
+        content: {
+            pinned: pinnedMessageIds,
+        },
+        unsigned: {
+            prev_content: {
+                pinned: prevPinnedMessageIds,
+            },
+        },
+    });
+}
+
+describe("TextForEvent", () => {
+    const mockClient = createTestClient();
+
+    describe("getSenderName()", () => {
+        it("Prefers sender.name", () => {
+            expect(getSenderName({ sender: { name: "Alice" } } as MatrixEvent)).toBe("Alice");
+        });
+        it("Handles missing sender", () => {
+            expect(getSenderName({ getSender: () => "Alice" } as MatrixEvent)).toBe("Alice");
+        });
+        it("Handles missing sender and get sender", () => {
+            expect(getSenderName({ getSender: () => undefined } as MatrixEvent)).toBe("Someone");
+        });
+    });
+
+    describe("TextForPinnedEvent", () => {
+        it("mentions message when a single message was pinned, with no previously pinned messages", () => {
+            const event = mockPinnedEvent(["message-1"]);
+            const plainText = textForEvent(event, mockClient);
+            const component = render(textForEvent(event, mockClient, true) as ReactElement);
+
+            const expectedText = "@foo:example.com pinned a message to this room. See all pinned messages.";
+            expect(plainText).toBe(expectedText);
+            expect(component.container).toHaveTextContent(expectedText);
+        });
+
+        it("mentions message when a single message was pinned, with multiple previously pinned messages", () => {
+            const event = mockPinnedEvent(["message-1", "message-2", "message-3"], ["message-1", "message-2"]);
+            const plainText = textForEvent(event, mockClient);
+            const component = render(textForEvent(event, mockClient, true) as ReactElement);
+
+            const expectedText = "@foo:example.com pinned a message to this room. See all pinned messages.";
+            expect(plainText).toBe(expectedText);
+            expect(component.container).toHaveTextContent(expectedText);
+        });
+
+        it("mentions message when a single message was unpinned, with a single message previously pinned", () => {
+            const event = mockPinnedEvent([], ["message-1"]);
+            const plainText = textForEvent(event, mockClient);
+            const component = render(textForEvent(event, mockClient, true) as ReactElement);
+
+            const expectedText = "@foo:example.com unpinned a message from this room. See all pinned messages.";
+            expect(plainText).toBe(expectedText);
+            expect(component.container).toHaveTextContent(expectedText);
+        });
+
+        it("mentions message when a single message was unpinned, with multiple previously pinned messages", () => {
+            const event = mockPinnedEvent(["message-2"], ["message-1", "message-2"]);
+            const plainText = textForEvent(event, mockClient);
+            const component = render(textForEvent(event, mockClient, true) as ReactElement);
+
+            const expectedText = "@foo:example.com unpinned a message from this room. See all pinned messages.";
+            expect(plainText).toBe(expectedText);
+            expect(component.container).toHaveTextContent(expectedText);
+        });
+
+        it("shows generic text when multiple messages were pinned", () => {
+            const event = mockPinnedEvent(["message-1", "message-2", "message-3"], ["message-1"]);
+            const plainText = textForEvent(event, mockClient);
+            const component = render(textForEvent(event, mockClient, true) as ReactElement);
+
+            const expectedText = "@foo:example.com changed the pinned messages for the room.";
+            expect(plainText).toBe(expectedText);
+            expect(component.container).toHaveTextContent(expectedText);
+        });
+
+        it("shows generic text when multiple messages were unpinned", () => {
+            const event = mockPinnedEvent(["message-3"], ["message-1", "message-2", "message-3"]);
+            const plainText = textForEvent(event, mockClient);
+            const component = render(textForEvent(event, mockClient, true) as ReactElement);
+
+            const expectedText = "@foo:example.com changed the pinned messages for the room.";
+            expect(plainText).toBe(expectedText);
+            expect(component.container).toHaveTextContent(expectedText);
+        });
+
+        it("shows generic text when one message was pinned, and another unpinned", () => {
+            const event = mockPinnedEvent(["message-2"], ["message-1"]);
+            const plainText = textForEvent(event, mockClient);
+            const component = render(textForEvent(event, mockClient, true) as ReactElement);
+
+            const expectedText = "@foo:example.com changed the pinned messages for the room.";
+            expect(plainText).toBe(expectedText);
+            expect(component.container).toHaveTextContent(expectedText);
+        });
+    });
+
+    describe("textForPowerEvent()", () => {
+        let mockClient: Mocked<MatrixClient>;
+        const mockRoom = {
+            getMember: jest.fn(),
+        } as unknown as Mocked<Room>;
+
+        const userA = {
+            userId: "@a",
+            name: "Alice",
+            rawDisplayName: "Alice",
+        } as RoomMember;
+        const userB = {
+            userId: "@b",
+            name: "Bob (@b)",
+            rawDisplayName: "Bob",
+        } as RoomMember;
+        const userC = {
+            userId: "@c",
+            name: "Bob (@c)",
+            rawDisplayName: "Bob",
+        } as RoomMember;
+        interface PowerEventProps {
+            usersDefault?: number;
+            prevDefault?: number;
+            users: Record<string, number>;
+            prevUsers: Record<string, number>;
+        }
+        const mockPowerEvent = ({ usersDefault, prevDefault, users, prevUsers }: PowerEventProps): MatrixEvent => {
+            const mxEvent = new MatrixEvent({
+                type: EventType.RoomPowerLevels,
+                sender: userA.userId,
+                state_key: "",
+                content: {
+                    users_default: usersDefault,
+                    users,
+                },
+                unsigned: {
+                    prev_content: {
+                        users: prevUsers,
+                        users_default: prevDefault,
+                    },
+                },
+            });
+            mxEvent.sender = { name: userA.name } as RoomMember;
+            return mxEvent;
+        };
+
+        beforeAll(() => {
+            mockClient = createTestClient() as Mocked<MatrixClient>;
+            MatrixClientPeg.get = () => mockClient;
+            MatrixClientPeg.safeGet = () => mockClient;
+            mockClient.getRoom.mockClear().mockReturnValue(mockRoom);
+            mockRoom.getMember
+                .mockClear()
+                .mockImplementation((userId) => [userA, userB, userC].find((u) => u.userId === userId) || null);
+            (SettingsStore.getValue as jest.Mock).mockReturnValue(true);
+        });
+
+        beforeEach(() => {
+            (UserIdentifierCustomisations.getDisplayUserIdentifier as jest.Mock)
+                .mockClear()
+                .mockImplementation((userId) => userId);
+        });
+
+        it("returns falsy when no users have changed power level", () => {
+            const event = mockPowerEvent({
+                users: {
+                    [userA.userId]: 100,
+                },
+                prevUsers: {
+                    [userA.userId]: 100,
+                },
+            });
+            expect(textForEvent(event, mockClient)).toBeFalsy();
+        });
+
+        it("returns false when users power levels have been changed by default settings", () => {
+            const event = mockPowerEvent({
+                usersDefault: 100,
+                prevDefault: 50,
+                users: {
+                    [userA.userId]: 100,
+                },
+                prevUsers: {
+                    [userA.userId]: 50,
+                },
+            });
+            expect(textForEvent(event, mockClient)).toBeFalsy();
+        });
+
+        it("returns correct message for a single user with changed power level", () => {
+            const event = mockPowerEvent({
+                users: {
+                    [userB.userId]: 100,
+                },
+                prevUsers: {
+                    [userB.userId]: 50,
+                },
+            });
+            const expectedText = "Alice changed the power level of Bob (@b) from Moderator to Admin.";
+            expect(textForEvent(event, mockClient)).toEqual(expectedText);
+        });
+
+        it("returns correct message for a single user with power level changed to the default", () => {
+            const event = mockPowerEvent({
+                usersDefault: 20,
+                prevDefault: 101,
+                users: {
+                    [userB.userId]: 20,
+                },
+                prevUsers: {
+                    [userB.userId]: 50,
+                },
+            });
+            const expectedText = "Alice changed the power level of Bob (@b) from Moderator to Default.";
+            expect(textForEvent(event, mockClient)).toEqual(expectedText);
+        });
+
+        it("returns correct message for a single user with power level changed to a custom level", () => {
+            const event = mockPowerEvent({
+                users: {
+                    [userB.userId]: -1,
+                },
+                prevUsers: {
+                    [userB.userId]: 50,
+                },
+            });
+            const expectedText = "Alice changed the power level of Bob (@b) from Moderator to Custom (-1).";
+            expect(textForEvent(event, mockClient)).toEqual(expectedText);
+        });
+
+        it("returns correct message for a multiple power level changes", () => {
+            const event = mockPowerEvent({
+                users: {
+                    [userB.userId]: 100,
+                    [userC.userId]: 50,
+                },
+                prevUsers: {
+                    [userB.userId]: 50,
+                    [userC.userId]: 101,
+                },
+            });
+            const expectedText =
+                "Alice changed the power level of Bob (@b) from Moderator to Admin," +
+                " Bob (@c) from Custom (101) to Moderator.";
+            expect(textForEvent(event, mockClient)).toEqual(expectedText);
+        });
+    });
+
+    describe("textForCanonicalAliasEvent()", () => {
+        const userA = {
+            userId: "@a",
+            name: "Alice",
+        };
+
+        interface AliasEventProps {
+            alias?: string;
+            prevAlias?: string;
+            altAliases?: string[];
+            prevAltAliases?: string[];
+        }
+        const mockEvent = ({ alias, prevAlias, altAliases, prevAltAliases }: AliasEventProps): MatrixEvent =>
+            new MatrixEvent({
+                type: EventType.RoomCanonicalAlias,
+                sender: userA.userId,
+                state_key: "",
+                content: {
+                    alias,
+                    alt_aliases: altAliases,
+                },
+                unsigned: {
+                    prev_content: {
+                        alias: prevAlias,
+                        alt_aliases: prevAltAliases,
+                    },
+                },
+            });
+
+        type TestCase = [string, AliasEventProps & { result: string }];
+        const testCases: TestCase[] = [
+            [
+                "room alias didn't change",
+                {
+                    result: "@a changed the addresses for this room.",
+                },
+            ],
+            [
+                "room alias changed",
+                {
+                    alias: "banana",
+                    prevAlias: "apple",
+                    result: "@a set the main address for this room to banana.",
+                },
+            ],
+            [
+                "room alias was added",
+                {
+                    alias: "banana",
+                    result: "@a set the main address for this room to banana.",
+                },
+            ],
+            [
+                "room alias was removed",
+                {
+                    prevAlias: "apple",
+                    result: "@a removed the main address for this room.",
+                },
+            ],
+            [
+                "added an alt alias",
+                {
+                    altAliases: ["canteloupe"],
+                    result: "@a added alternative address canteloupe for this room.",
+                },
+            ],
+            [
+                "added multiple alt aliases",
+                {
+                    altAliases: ["canteloupe", "date"],
+                    result: "@a added the alternative addresses canteloupe, date for this room.",
+                },
+            ],
+            [
+                "removed an alt alias",
+                {
+                    altAliases: ["canteloupe"],
+                    prevAltAliases: ["canteloupe", "date"],
+                    result: "@a removed alternative address date for this room.",
+                },
+            ],
+            [
+                "added and removed an alt aliases",
+                {
+                    altAliases: ["canteloupe", "elderberry"],
+                    prevAltAliases: ["canteloupe", "date"],
+                    result: "@a changed the alternative addresses for this room.",
+                },
+            ],
+            [
+                "changed alias and added alt alias",
+                {
+                    alias: "banana",
+                    prevAlias: "apple",
+                    altAliases: ["canteloupe"],
+                    result: "@a changed the main and alternative addresses for this room.",
+                },
+            ],
+        ];
+
+        it.each(testCases)("returns correct message when %s", (_d, { result, ...eventProps }) => {
+            const event = mockEvent(eventProps);
+            expect(textForEvent(event, mockClient)).toEqual(result);
+        });
+    });
+
+    describe("textForPollStartEvent()", () => {
+        let pollEvent: MatrixEvent;
+
+        beforeEach(() => {
+            pollEvent = new MatrixEvent({
+                type: "org.matrix.msc3381.poll.start",
+                sender: "@a",
+                content: {
+                    "org.matrix.msc3381.poll.start": {
+                        answers: [{ "org.matrix.msc1767.text": "option1" }, { "org.matrix.msc1767.text": "option2" }],
+                        question: {
+                            "body": "Test poll name",
+                            "msgtype": "m.text",
+                            "org.matrix.msc1767.text": "Test poll name",
+                        },
+                    },
+                },
+            });
+        });
+
+        it("returns correct message for redacted poll start", () => {
+            pollEvent.makeRedacted(pollEvent, new Room(pollEvent.getRoomId()!, mockClient, mockClient.getSafeUserId()));
+
+            expect(textForEvent(pollEvent, mockClient)).toEqual("@a: Message deleted");
+        });
+
+        it("returns correct message for normal poll start", () => {
+            expect(textForEvent(pollEvent, mockClient)).toEqual("@a has started a poll - ");
+        });
+    });
+
+    describe("textForMessageEvent()", () => {
+        let messageEvent: MatrixEvent;
+
+        beforeEach(() => {
+            messageEvent = new MatrixEvent({
+                type: "m.room.message",
+                sender: "@a",
+                content: {
+                    "body": "test message",
+                    "msgtype": "m.text",
+                    "org.matrix.msc1767.text": "test message",
+                },
+            });
+        });
+
+        it("returns correct message for redacted message", () => {
+            messageEvent.makeRedacted(
+                messageEvent,
+                new Room(messageEvent.getRoomId()!, mockClient, mockClient.getSafeUserId()),
+            );
+
+            expect(textForEvent(messageEvent, mockClient)).toEqual("@a: Message deleted");
+        });
+
+        it("returns correct message for normal message", () => {
+            expect(textForEvent(messageEvent, mockClient)).toEqual("@a: test message");
+        });
+    });
+
+    describe("textForCallEvent()", () => {
+        let mockClient: MatrixClient;
+        let callEvent: MatrixEvent;
+
+        beforeEach(() => {
+            stubClient();
+            mockClient = MatrixClientPeg.safeGet();
+
+            mocked(mockClient.getRoom).mockReturnValue({
+                name: "Test room",
+            } as unknown as Room);
+
+            callEvent = {
+                getRoomId: jest.fn(),
+                getType: jest.fn(),
+                isState: jest.fn().mockReturnValue(true),
+            } as unknown as MatrixEvent;
+        });
+
+        describe.each(ElementCallEventType.names)("eventType=%s", (eventType: string) => {
+            beforeEach(() => {
+                mocked(callEvent).getType.mockReturnValue(eventType);
+            });
+
+            it("returns correct message for call event when supported", () => {
+                expect(textForEvent(callEvent, mockClient)).toEqual("Video call started in Test room.");
+            });
+
+            it("returns correct message for call event when not supported", () => {
+                mocked(mockClient).supportsVoip.mockReturnValue(false);
+
+                expect(textForEvent(callEvent, mockClient)).toEqual(
+                    "Video call started in Test room. (not supported by this browser)",
+                );
+            });
+        });
+    });
+
+    describe("textForCallInviteEvent()", () => {
+        let mockClient: MatrixClient;
+        let callInviteEvent: MatrixEvent;
+
+        beforeEach(() => {
+            stubClient();
+            mockClient = MatrixClientPeg.safeGet();
+
+            mocked(mockClient.supportsVoip).mockReturnValue(true);
+
+            callInviteEvent = {
+                getSender: jest.fn().mockReturnValue("@alice:matrix.org"),
+                sender: { name: "Alice" },
+                getContent: jest.fn().mockReturnValue({}),
+                getType: jest.fn().mockReturnValue(EventType.CallInvite),
+                isState: jest.fn().mockReturnValue(false),
+            } as unknown as MatrixEvent;
+        });
+
+        it("returns correct message for legacy voice call invite", () => {
+            mocked(callInviteEvent).getContent.mockReturnValue({ offer: { sdp: "m=audio" } });
+            expect(textForEvent(callInviteEvent, mockClient)).toEqual("Alice placed a voice call.");
+        });
+
+        it("returns correct message for legacy video call invite", () => {
+            mocked(callInviteEvent).getContent.mockReturnValue({ offer: { sdp: "m=video" } });
+            expect(textForEvent(callInviteEvent, mockClient)).toEqual("Alice placed a video call.");
+        });
+
+        it("returns correct message for MSC4075 voice call", () => {
+            mocked(callInviteEvent).getType.mockReturnValue(EventType.RTCNotification);
+            mocked(callInviteEvent).getContent.mockReturnValue({ "m.call.intent": "audio" });
+            expect(textForEvent(callInviteEvent, mockClient)).toEqual("Alice placed a voice call.");
+        });
+
+        it("returns correct message for MSC4075 video call", () => {
+            mocked(callInviteEvent).getType.mockReturnValue(EventType.RTCNotification);
+            mocked(callInviteEvent).getContent.mockReturnValue({ "m.call.intent": "video" });
+            expect(textForEvent(callInviteEvent, mockClient)).toEqual("Alice placed a video call.");
+        });
+    });
+
+    describe("textForMemberEvent()", () => {
+        beforeEach(() => {
+            stubClient();
+        });
+
+        it("should handle both displayname and avatar changing in one event", () => {
+            expect(
+                textForEvent(
+                    new MatrixEvent({
+                        type: "m.room.member",
+                        sender: "@a:foo",
+                        content: {
+                            membership: KnownMembership.Join,
+                            avatar_url: "b",
+                            displayname: "Bob",
+                        },
+                        unsigned: {
+                            prev_content: {
+                                membership: KnownMembership.Join,
+                                avatar_url: "a",
+                                displayname: "Andy",
+                            },
+                        },
+                        state_key: "@a:foo",
+                    }),
+                    mockClient,
+                ),
+            ).toMatchInlineSnapshot(`"Andy changed their display name and profile picture"`);
+        });
+
+        it("should handle rejected invites", () => {
+            expect(
+                textForEvent(
+                    new MatrixEvent({
+                        type: "m.room.member",
+                        sender: "@a:foo",
+                        content: {
+                            membership: KnownMembership.Leave,
+                        },
+                        unsigned: {
+                            prev_content: {
+                                membership: KnownMembership.Invite,
+                            },
+                        },
+                        state_key: "@a:foo",
+                    }),
+                    mockClient,
+                ),
+            ).toMatchInlineSnapshot(`"Member rejected the invitation"`);
+        });
+
+        it("should handle rejected invites with a reason", () => {
+            expect(
+                textForEvent(
+                    new MatrixEvent({
+                        type: "m.room.member",
+                        sender: "@a:foo",
+                        content: {
+                            membership: KnownMembership.Leave,
+                            reason: "I don't want to be in this room.",
+                        },
+                        unsigned: {
+                            prev_content: {
+                                membership: KnownMembership.Invite,
+                            },
+                        },
+                        state_key: "@a:foo",
+                    }),
+                    mockClient,
+                ),
+            ).toMatchInlineSnapshot(`"Member rejected the invitation: I don't want to be in this room."`);
+        });
+
+        it("shows single-user bans with a spoiler on display name", () => {
+            mocked(mockClient.getRoom).mockReturnValue({
+                getMember: jest.fn().mockImplementation((userId) => {
+                    return { rawDisplayName: userId === "@admin:example.com" ? "Admin" : "Bad User" };
+                }),
+            } as unknown as Mocked<Room>);
+
+            expect(textForEvent(banEventWithReason(), mockClient, true)).toEqual(
+                <span>
+                    Admin banned <Spoiler>Bad User</Spoiler>: bad behaviour
+                </span>,
+            );
+        });
+
+        it("hides user name for single-user bans with reason when JSX is not allowed", () => {
+            mocked(mockClient.getRoom).mockReturnValue({
+                getMember: jest.fn().mockImplementation((userId) => {
+                    return { rawDisplayName: userId === "@admin:example.com" ? "Admin" : "Bad User" };
+                }),
+            } as unknown as Mocked<Room>);
+
+            expect(textForEvent(banEventWithReason(), mockClient)).toEqual("Admin banned a user: bad behaviour");
+        });
+
+        it("shows single-user bans with a spoiler on user ID", () => {
+            mocked(mockClient.getRoom).mockReturnValue({
+                getMember: jest.fn().mockReturnValue({ rawDisplayName: undefined }),
+            } as unknown as Mocked<Room>);
+
+            expect(textForEvent(banEvent(), mockClient, true)).toEqual(
+                <span>
+                    @admin:example.com banned <Spoiler>@bad_name:bad_server.co</Spoiler>
+                </span>,
+            );
+        });
+
+        it("hides user name for single-user bans when JSX is not allowed", () => {
+            mocked(mockClient.getRoom).mockReturnValue({
+                getMember: jest.fn().mockReturnValue({ rawDisplayName: undefined }),
+            } as unknown as Mocked<Room>);
+
+            expect(textForEvent(banEvent(), mockClient)).toEqual("@admin:example.com banned a user");
+        });
+    });
+
+    describe("textForJoinRulesEvent()", () => {
+        type TestCase = [string, { result: string }];
+        const testCases: TestCase[] = [
+            [JoinRule.Public, { result: "@a made the room public to whoever knows the link." }],
+            [JoinRule.Invite, { result: "@a made the room invite only." }],
+            [JoinRule.Knock, { result: "@a changed the join rule to ask to join." }],
+            [JoinRule.Restricted, { result: "@a changed who can join this room." }],
+        ];
+
+        it.each(testCases)("returns correct message when room join rule changed to %s", (joinRule, { result }) => {
+            expect(
+                textForEvent(
+                    new MatrixEvent({
+                        type: "m.room.join_rules",
+                        sender: "@a",
+                        content: {
+                            join_rule: joinRule,
+                        },
+                        state_key: "",
+                    }),
+                    mockClient,
+                ),
+            ).toEqual(result);
+        });
+
+        it(`returns correct JSX message when room join rule changed to ${JoinRule.Restricted}`, () => {
+            expect(
+                textForEvent(
+                    new MatrixEvent({
+                        type: "m.room.join_rules",
+                        sender: "@a",
+                        content: {
+                            join_rule: JoinRule.Restricted,
+                        },
+                        state_key: "",
+                    }),
+                    mockClient,
+                    true,
+                ),
+            ).toMatchSnapshot();
+        });
+
+        it("returns correct default message", () => {
+            expect(
+                textForEvent(
+                    new MatrixEvent({
+                        type: "m.room.join_rules",
+                        sender: "@a",
+                        content: {
+                            join_rule: "a not implemented one",
+                        },
+                        state_key: "",
+                    }),
+                    mockClient,
+                ),
+            ).toEqual("@a changed the join rule to a not implemented one");
+        });
+    });
+
+    describe("textForHistoryVisibilityEvent()", () => {
+        type TestCase = [string, { result: string }];
+        const testCases: TestCase[] = [
+            [
+                HistoryVisibility.Invited,
+                { result: "@a made future room history visible to all room members, from the point they are invited." },
+            ],
+            [
+                HistoryVisibility.Joined,
+                { result: "@a made future room history visible to all room members, from the point they joined." },
+            ],
+            [HistoryVisibility.Shared, { result: "@a made future room history visible to all room members." }],
+            [HistoryVisibility.WorldReadable, { result: "@a made future room history visible to anyone." }],
+        ];
+
+        it.each(testCases)(
+            "returns correct message when room join rule changed to %s",
+            (historyVisibility, { result }) => {
+                expect(
+                    textForEvent(
+                        new MatrixEvent({
+                            type: "m.room.history_visibility",
+                            sender: "@a",
+                            content: {
+                                history_visibility: historyVisibility,
+                            },
+                            state_key: "",
+                        }),
+                        mockClient,
+                    ),
+                ).toEqual(result);
+            },
+        );
+    });
+
+    describe("textForTopicEvent()", () => {
+        type TestCase = [string, MRoomTopicEventContent, { result: string }];
+        const testCases: TestCase[] = [
+            ["the legacy key", { topic: "My topic" }, { result: '@a changed the topic to "My topic".' }],
+            [
+                "the legacy key with an empty m.topic key",
+                { "topic": "My topic", "m.topic": { "m.text": [] } },
+                { result: '@a changed the topic to "My topic".' },
+            ],
+            [
+                "the m.topic key",
+                { "topic": "Ignore this", "m.topic": { "m.text": [{ mimetype: "text/plain", body: "My topic" }] } },
+                { result: '@a changed the topic to "My topic".' },
+            ],
+            [
+                "the m.topic key and the legacy key undefined",
+                { "topic": undefined, "m.topic": { "m.text": [{ mimetype: "text/plain", body: "My topic" }] } },
+                { result: '@a changed the topic to "My topic".' },
+            ],
+            ["the legacy key undefined", { topic: undefined }, { result: "@a removed the topic." }],
+            ["the legacy key empty string", { topic: "" }, { result: "@a removed the topic." }],
+            [
+                "both the legacy and new keys removed",
+                { "topic": undefined, "m.topic": { "m.text": [] } },
+                { result: "@a removed the topic." },
+            ],
+        ];
+
+        it.each(testCases)("returns correct message for topic event with %s", (_caseName, content, { result }) => {
+            expect(
+                textForEvent(
+                    new MatrixEvent({
+                        type: "m.room.topic",
+                        sender: "@a",
+                        content: content,
+                        state_key: "",
+                    }),
+                    mockClient,
+                ),
+            ).toEqual(result);
+        });
+    });
+
+    describe("hasText", () => {
+        it("should return true for a known handler given an invalid event", async () => {
+            const cli = stubClient();
+            const ev = new MatrixEvent({
+                type: "m.room.name",
+                content: {
+                    name: { foo: "bar" },
+                },
+                state_key: "",
+                room_id: "!roomId",
+                sender: cli.getUserId()!,
+            });
+            expect(hasText(ev, cli, false)).toBe(true);
+        });
+    });
+});
+
+function banEvent(): MatrixEvent {
+    return new MatrixEvent({
+        type: "m.room.member",
+        sender: "@admin:example.com",
+        content: {
+            membership: KnownMembership.Ban,
+        },
+        state_key: "@bad_name:bad_server.co",
+    });
+}
+
+function banEventWithReason(): MatrixEvent {
+    return new MatrixEvent({
+        type: "m.room.member",
+        sender: "@admin:example.com",
+        content: {
+            membership: KnownMembership.Ban,
+            reason: "bad behaviour",
+        },
+        state_key: "@bad_name:bad_server.co",
+    });
+}
diff --git a/apps/web/test/unit-tests/Unread-test.ts b/apps/web/test/unit-tests/Unread-test.ts
new file mode 100644
index 00000000000..9686760ddfe
--- /dev/null
+++ b/apps/web/test/unit-tests/Unread-test.ts
@@ -0,0 +1,637 @@
+/*
+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 { mocked } from "jest-mock";
+import { MatrixEvent, EventType, MsgType, Room, ReceiptType } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { haveRendererForEvent } from "../../src/events/EventTileFactory";
+import { makeBeaconEvent, mkEvent, stubClient } from "../test-utils";
+import { makeThreadEvents, mkThread, populateThread } from "../test-utils/threads";
+import {
+    doesRoomHaveUnreadMessages,
+    doesRoomHaveUnreadThreads,
+    doesRoomOrThreadHaveUnreadMessages,
+    eventTriggersUnreadCount,
+} from "../../src/Unread";
+import { MatrixClientPeg } from "../../src/MatrixClientPeg";
+
+jest.mock("../../src/events/EventTileFactory", () => ({
+    haveRendererForEvent: jest.fn(),
+}));
+
+describe("Unread", () => {
+    // A different user.
+    const aliceId = "@alice:server.org";
+    stubClient();
+    const client = MatrixClientPeg.safeGet();
+
+    describe("eventTriggersUnreadCount()", () => {
+        // setup events
+        const alicesMessage = new MatrixEvent({
+            type: EventType.RoomMessage,
+            sender: aliceId,
+            content: {
+                msgtype: MsgType.Text,
+                body: "Hello from Alice",
+            },
+        });
+
+        const ourMessage = new MatrixEvent({
+            type: EventType.RoomMessage,
+            sender: client.getUserId()!,
+            content: {
+                msgtype: MsgType.Text,
+                body: "Hello from Bob",
+            },
+        });
+
+        const redactedEvent = new MatrixEvent({
+            type: EventType.RoomMessage,
+            sender: aliceId,
+        });
+        redactedEvent.makeRedacted(redactedEvent, new Room(redactedEvent.getRoomId()!, client, aliceId));
+
+        beforeEach(() => {
+            jest.clearAllMocks();
+            mocked(haveRendererForEvent).mockClear().mockReturnValue(false);
+        });
+
+        it("returns false when the event was sent by the current user", () => {
+            expect(eventTriggersUnreadCount(client, ourMessage)).toBe(false);
+            // returned early before checking renderer
+            expect(haveRendererForEvent).not.toHaveBeenCalled();
+        });
+
+        it("returns false for a redacted event", () => {
+            expect(eventTriggersUnreadCount(client, redactedEvent)).toBe(false);
+            // returned early before checking renderer
+            expect(haveRendererForEvent).not.toHaveBeenCalled();
+        });
+
+        it("returns false for an event without a renderer", () => {
+            mocked(haveRendererForEvent).mockReturnValue(false);
+            expect(eventTriggersUnreadCount(client, alicesMessage)).toBe(false);
+            expect(haveRendererForEvent).toHaveBeenCalledWith(alicesMessage, client, false);
+        });
+
+        it("returns true for an event with a renderer", () => {
+            mocked(haveRendererForEvent).mockReturnValue(true);
+            expect(eventTriggersUnreadCount(client, alicesMessage)).toBe(true);
+            expect(haveRendererForEvent).toHaveBeenCalledWith(alicesMessage, client, false);
+        });
+
+        it("returns false for beacon locations", () => {
+            const beaconLocationEvent = makeBeaconEvent(aliceId);
+            expect(eventTriggersUnreadCount(client, beaconLocationEvent)).toBe(false);
+            expect(haveRendererForEvent).not.toHaveBeenCalled();
+        });
+
+        const noUnreadEventTypes = [
+            EventType.RoomMember,
+            EventType.RoomThirdPartyInvite,
+            EventType.CallAnswer,
+            EventType.CallHangup,
+            EventType.RoomCanonicalAlias,
+            EventType.RoomServerAcl,
+        ];
+
+        it.each(noUnreadEventTypes)(
+            "returns false without checking for renderer for events with type %s",
+            (eventType) => {
+                const event = new MatrixEvent({
+                    type: eventType,
+                    sender: aliceId,
+                });
+                expect(eventTriggersUnreadCount(client, event)).toBe(false);
+                expect(haveRendererForEvent).not.toHaveBeenCalled();
+            },
+        );
+    });
+
+    describe("doesRoomHaveUnreadMessages()", () => {
+        let room: Room;
+        let event: MatrixEvent;
+        const roomId = "!abc:server.org";
+        const myId = client.getSafeUserId();
+
+        beforeAll(() => {
+            client.supportsThreads = () => true;
+        });
+
+        beforeEach(() => {
+            room = new Room(roomId, client, myId);
+            jest.spyOn(logger, "warn");
+        });
+
+        describe("when there is an initial event in the room", () => {
+            beforeEach(() => {
+                event = mkEvent({
+                    event: true,
+                    type: "m.room.message",
+                    user: aliceId,
+                    room: roomId,
+                    content: {},
+                });
+                room.addLiveEvents([event], { addToState: true });
+
+                // Don't care about the code path of hidden events.
+                mocked(haveRendererForEvent).mockClear().mockReturnValue(true);
+            });
+
+            it("returns true for a room with no receipts", () => {
+                expect(doesRoomHaveUnreadMessages(room, false)).toBe(true);
+            });
+
+            it("returns false for a room when the latest event was sent by the current user", () => {
+                event = mkEvent({
+                    event: true,
+                    type: "m.room.message",
+                    user: myId,
+                    room: roomId,
+                    content: {},
+                });
+                // Only for timeline events.
+                room.addLiveEvents([event], { addToState: true });
+
+                expect(doesRoomHaveUnreadMessages(room, false)).toBe(false);
+            });
+
+            it("returns false for a room when the read receipt is at the latest event", () => {
+                const receipt = new MatrixEvent({
+                    type: "m.receipt",
+                    room_id: "!foo:bar",
+                    content: {
+                        [event.getId()!]: {
+                            [ReceiptType.Read]: {
+                                [myId]: { ts: 1 },
+                            },
+                        },
+                    },
+                });
+                room.addReceipt(receipt);
+
+                expect(doesRoomHaveUnreadMessages(room, false)).toBe(false);
+            });
+
+            it("returns true for a room when the read receipt is earlier than the latest event", () => {
+                const receipt = new MatrixEvent({
+                    type: "m.receipt",
+                    room_id: "!foo:bar",
+                    content: {
+                        [event.getId()!]: {
+                            [ReceiptType.Read]: {
+                                [myId]: { ts: 1 },
+                            },
+                        },
+                    },
+                });
+                room.addReceipt(receipt);
+
+                const event2 = mkEvent({
+                    event: true,
+                    type: "m.room.message",
+                    user: aliceId,
+                    room: roomId,
+                    content: {},
+                });
+                // Only for timeline events.
+                room.addLiveEvents([event2], { addToState: true });
+
+                expect(doesRoomHaveUnreadMessages(room, false)).toBe(true);
+            });
+
+            it("returns true for a room with an unread message in a thread", async () => {
+                // Mark the main timeline as read.
+                const receipt = new MatrixEvent({
+                    type: "m.receipt",
+                    room_id: "!foo:bar",
+                    content: {
+                        [event.getId()!]: {
+                            [ReceiptType.Read]: {
+                                [myId]: { ts: 1 },
+                            },
+                        },
+                    },
+                });
+                room.addReceipt(receipt);
+
+                // Create a read thread, so we don't consider all threads read
+                // because there are no threaded read receipts.
+                const { rootEvent, events } = mkThread({ room, client, authorId: myId, participantUserIds: [aliceId] });
+                const receipt2 = new MatrixEvent({
+                    type: "m.receipt",
+                    room_id: "!foo:bar",
+                    content: {
+                        [events[events.length - 1].getId()!]: {
+                            [ReceiptType.Read]: {
+                                [myId]: { ts: 1, thread_id: rootEvent.getId() },
+                            },
+                        },
+                    },
+                });
+                room.addReceipt(receipt2);
+
+                // Create a thread as a different user.
+                await populateThread({ room, client, authorId: myId, participantUserIds: [aliceId] });
+
+                expect(doesRoomHaveUnreadMessages(room, true)).toBe(true);
+            });
+
+            it("returns false for a room when the latest thread event was sent by the current user", async () => {
+                // Mark the main timeline as read.
+                const receipt = new MatrixEvent({
+                    type: "m.receipt",
+                    room_id: "!foo:bar",
+                    content: {
+                        [event.getId()!]: {
+                            [ReceiptType.Read]: {
+                                [myId]: { ts: 1 },
+                            },
+                        },
+                    },
+                });
+                room.addReceipt(receipt);
+
+                // Create a thread as the current user.
+                await populateThread({ room, client, authorId: myId, participantUserIds: [myId] });
+
+                expect(doesRoomHaveUnreadMessages(room, true)).toBe(false);
+            });
+
+            it("returns false for a room with read thread messages", async () => {
+                // Mark the main timeline as read.
+                let receipt = new MatrixEvent({
+                    type: "m.receipt",
+                    room_id: "!foo:bar",
+                    content: {
+                        [event.getId()!]: {
+                            [ReceiptType.Read]: {
+                                [myId]: { ts: 1 },
+                            },
+                        },
+                    },
+                });
+                room.addReceipt(receipt);
+
+                // Create threads.
+                const { rootEvent, events } = await populateThread({
+                    room,
+                    client,
+                    authorId: myId,
+                    participantUserIds: [aliceId],
+                });
+
+                // Mark the thread as read.
+                receipt = new MatrixEvent({
+                    type: "m.receipt",
+                    room_id: "!foo:bar",
+                    content: {
+                        [events[events.length - 1].getId()!]: {
+                            [ReceiptType.Read]: {
+                                [myId]: { ts: 1, thread_id: rootEvent.getId()! },
+                            },
+                        },
+                    },
+                });
+                room.addReceipt(receipt);
+
+                expect(doesRoomHaveUnreadMessages(room, true)).toBe(false);
+            });
+
+            it("returns true for a room when read receipt is not on the latest thread messages", async () => {
+                // Mark the main timeline as read.
+                let receipt = new MatrixEvent({
+                    type: "m.receipt",
+                    room_id: "!foo:bar",
+                    content: {
+                        [event.getId()!]: {
+                            [ReceiptType.Read]: {
+                                [myId]: { ts: 1 },
+                            },
+                        },
+                    },
+                });
+                room.addReceipt(receipt);
+
+                // Create threads.
+                const { rootEvent, events } = await populateThread({
+                    room,
+                    client,
+                    authorId: myId,
+                    participantUserIds: [aliceId],
+                });
+
+                // Mark the thread as read.
+                receipt = new MatrixEvent({
+                    type: "m.receipt",
+                    room_id: "!foo:bar",
+                    content: {
+                        [events[0].getId()!]: {
+                            [ReceiptType.Read]: {
+                                [myId]: { ts: 1, thread_id: rootEvent.getId()! },
+                            },
+                        },
+                    },
+                });
+                room.addReceipt(receipt);
+
+                expect(doesRoomHaveUnreadMessages(room, true)).toBe(true);
+            });
+
+            it("returns true when the event for a thread receipt can't be found", async () => {
+                // Given a room that is read
+                let receipt = new MatrixEvent({
+                    type: "m.receipt",
+                    room_id: "!foo:bar",
+                    content: {
+                        [event.getId()!]: {
+                            [ReceiptType.Read]: {
+                                [myId]: { ts: 1 },
+                            },
+                        },
+                    },
+                });
+                room.addReceipt(receipt);
+
+                // And a thread
+                const { rootEvent, events } = await populateThread({
+                    room,
+                    client,
+                    authorId: myId,
+                    participantUserIds: [aliceId],
+                });
+
+                // When we provide a receipt that points at an unknown event,
+                // but its timestamp is before some of the events in the thread
+                //
+                // (This could happen if we mis-filed a reaction into the main
+                // thread when it should actually have gone into this thread, or
+                // maybe the event is just not loaded for some reason.)
+                const receiptTs = (events.at(-1)?.getTs() ?? 0) - 100;
+                receipt = new MatrixEvent({
+                    type: "m.receipt",
+                    room_id: "!foo:bar",
+                    content: {
+                        ["UNKNOWN_EVENT_ID"]: {
+                            [ReceiptType.Read]: {
+                                [myId]: { ts: receiptTs, thread_id: rootEvent.getId()! },
+                            },
+                        },
+                    },
+                });
+                room.addReceipt(receipt);
+
+                expect(doesRoomHaveUnreadMessages(room, true)).toBe(true);
+            });
+        });
+
+        it("returns true for a room that only contains a hidden event", () => {
+            const redactedEvent = mkEvent({
+                event: true,
+                type: "m.room.message",
+                user: aliceId,
+                room: roomId,
+                content: {},
+            });
+            console.log("Event Id", redactedEvent.getId());
+            redactedEvent.makeRedacted(redactedEvent, room);
+            console.log("Event Id", redactedEvent.getId());
+            // Only for timeline events.
+            room.addLiveEvents([redactedEvent], { addToState: true });
+
+            expect(doesRoomHaveUnreadMessages(room, true)).toBe(true);
+            expect(logger.warn).toHaveBeenCalledWith(
+                "Falling back to unread room because of no read receipt or counting message found",
+                {
+                    roomId: room.roomId,
+                    earliestUnimportantEventId: redactedEvent.getId(),
+                },
+            );
+        });
+
+        it("returns false for space", () => {
+            jest.spyOn(room, "isSpaceRoom").mockReturnValue(true);
+            expect(doesRoomHaveUnreadMessages(room, false)).toBe(false);
+        });
+    });
+
+    describe("doesRoomOrThreadHaveUnreadMessages()", () => {
+        let room: Room;
+        let event: MatrixEvent;
+        const roomId = "!abc:server.org";
+        const myId = client.getSafeUserId();
+
+        beforeAll(() => {
+            client.supportsThreads = () => true;
+        });
+
+        beforeEach(() => {
+            room = new Room(roomId, client, myId);
+            jest.spyOn(logger, "warn");
+
+            // Don't care about the code path of hidden events.
+            mocked(haveRendererForEvent).mockClear().mockReturnValue(true);
+        });
+
+        describe("with a single event on the main timeline", () => {
+            beforeEach(() => {
+                event = mkEvent({
+                    event: true,
+                    type: "m.room.message",
+                    user: aliceId,
+                    room: roomId,
+                    content: {},
+                });
+                room.addLiveEvents([event], { addToState: true });
+            });
+
+            it("an unthreaded receipt for the event makes the room read", () => {
+                // Send unthreaded receipt into room pointing at the latest event
+                room.addReceipt(
+                    new MatrixEvent({
+                        type: "m.receipt",
+                        room_id: "!foo:bar",
+                        content: {
+                            [event.getId()!]: {
+                                [ReceiptType.Read]: {
+                                    [myId]: { ts: 1 },
+                                },
+                            },
+                        },
+                    }),
+                );
+
+                expect(doesRoomOrThreadHaveUnreadMessages(room)).toBe(false);
+            });
+
+            it("a threaded receipt for the event makes the room read", () => {
+                // Send threaded receipt into room pointing at the latest event
+                room.addReceipt(
+                    new MatrixEvent({
+                        type: "m.receipt",
+                        room_id: "!foo:bar",
+                        content: {
+                            [event.getId()!]: {
+                                [ReceiptType.Read]: {
+                                    [myId]: { ts: 1, thread_id: "main" },
+                                },
+                            },
+                        },
+                    }),
+                );
+
+                expect(doesRoomOrThreadHaveUnreadMessages(room)).toBe(false);
+            });
+        });
+
+        describe("with an event on the main timeline and a later one in a thread", () => {
+            let threadEvent: MatrixEvent;
+
+            beforeEach(() => {
+                const { events } = makeThreadEvents({
+                    roomId: roomId,
+                    authorId: aliceId,
+                    participantUserIds: ["@x:s.co"],
+                    length: 2,
+                    ts: 100,
+                    currentUserId: myId,
+                });
+                room.addLiveEvents(events, { addToState: true });
+                threadEvent = events[1];
+            });
+
+            it("an unthreaded receipt for the later threaded event makes the room read", () => {
+                // Send unthreaded receipt into room pointing at the latest event
+                room.addReceipt(
+                    new MatrixEvent({
+                        type: "m.receipt",
+                        room_id: roomId,
+                        content: {
+                            [threadEvent.getId()!]: {
+                                [ReceiptType.Read]: {
+                                    [myId]: { ts: 1 },
+                                },
+                            },
+                        },
+                    }),
+                );
+
+                expect(doesRoomOrThreadHaveUnreadMessages(room)).toBe(false);
+            });
+        });
+    });
+
+    describe("doesRoomHaveUnreadThreads()", () => {
+        let room: Room;
+        const roomId = "!abc:server.org";
+        const myId = client.getSafeUserId();
+
+        beforeAll(() => {
+            client.supportsThreads = () => true;
+        });
+
+        beforeEach(async () => {
+            room = new Room(roomId, client, myId);
+            jest.spyOn(logger, "warn");
+
+            // Don't care about the code path of hidden events.
+            mocked(haveRendererForEvent).mockClear().mockReturnValue(true);
+        });
+
+        it("returns false when no threads", () => {
+            expect(doesRoomHaveUnreadThreads(room)).toBe(false);
+
+            // Add event to the room
+            const event = mkEvent({
+                event: true,
+                type: "m.room.message",
+                user: aliceId,
+                room: roomId,
+                content: {},
+            });
+            room.addLiveEvents([event], { addToState: true });
+
+            // It still returns false
+            expect(doesRoomHaveUnreadThreads(room)).toBe(false);
+        });
+
+        it("return true when we don't have any receipt for the thread", async () => {
+            await populateThread({
+                room,
+                client,
+                authorId: myId,
+                participantUserIds: [aliceId],
+            });
+
+            // There is no receipt for the thread, it should be unread
+            expect(doesRoomHaveUnreadThreads(room)).toBe(true);
+        });
+
+        it("return false when we have a receipt for the thread", async () => {
+            const { events, rootEvent } = await populateThread({
+                room,
+                client,
+                authorId: myId,
+                participantUserIds: [aliceId],
+            });
+
+            // Mark the thread as read.
+            const receipt = new MatrixEvent({
+                type: "m.receipt",
+                room_id: "!foo:bar",
+                content: {
+                    [events[events.length - 1].getId()!]: {
+                        [ReceiptType.Read]: {
+                            [myId]: { ts: 1, thread_id: rootEvent.getId()! },
+                        },
+                    },
+                },
+            });
+            room.addReceipt(receipt);
+
+            // There is a receipt for the thread, it should be read
+            expect(doesRoomHaveUnreadThreads(room)).toBe(false);
+        });
+
+        it("return true when only of the threads has a receipt", async () => {
+            // Create a first thread
+            await populateThread({
+                room,
+                client,
+                authorId: myId,
+                participantUserIds: [aliceId],
+            });
+
+            // Create a second thread
+            const { events, rootEvent } = await populateThread({
+                room,
+                client,
+                authorId: myId,
+                participantUserIds: [aliceId],
+            });
+
+            // Mark the thread as read.
+            const receipt = new MatrixEvent({
+                type: "m.receipt",
+                room_id: "!foo:bar",
+                content: {
+                    [events[events.length - 1].getId()!]: {
+                        [ReceiptType.Read]: {
+                            [myId]: { ts: 1, thread_id: rootEvent.getId()! },
+                        },
+                    },
+                },
+            });
+            room.addReceipt(receipt);
+
+            // The first thread doesn't have a receipt, it should be unread
+            expect(doesRoomHaveUnreadThreads(room)).toBe(true);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/__snapshots__/HtmlUtils-test.tsx.snap b/apps/web/test/unit-tests/__snapshots__/HtmlUtils-test.tsx.snap
new file mode 100644
index 00000000000..b3049b9e50b
--- /dev/null
+++ b/apps/web/test/unit-tests/__snapshots__/HtmlUtils-test.tsx.snap
@@ -0,0 +1,110 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`bodyToHtml does not mistake characters in text presentation mode for emoji 1`] = `
+<DocumentFragment>
+  <span
+    class="mx_EventTile_body translate"
+    dir="auto"
+  >
+    ↔ ❗︎
+  </span>
+</DocumentFragment>
+`;
+
+exports[`bodyToHtml feature_latex_maths should not mangle code blocks 1`] = `"<p>hello</p><pre><code>$\\xi$</code></pre><p>world</p>"`;
+
+exports[`bodyToHtml feature_latex_maths should not mangle divs 1`] = `"<p>hello</p><div>world</div>"`;
+
+exports[`bodyToHtml feature_latex_maths should render block katex 1`] = `"<p>hello</p><span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><mi>ξ</mi></mrow><annotation encoding="application/x-tex">\\xi</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="katex-base"><span class="katex-strut" style="height:0.8889em;vertical-align:-0.1944em;"></span><span class="mord mathnormal" style="margin-right:0.046em;">ξ</span></span></span></span></span><p>world</p>"`;
+
+exports[`bodyToHtml feature_latex_maths should render inline katex 1`] = `"hello <span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>ξ</mi></mrow><annotation encoding="application/x-tex">\\xi</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="katex-base"><span class="katex-strut" style="height:0.8889em;vertical-align:-0.1944em;"></span><span class="mord mathnormal" style="margin-right:0.046em;">ξ</span></span></span></span> world"`;
+
+exports[`bodyToNode generates big emoji for emoji made of multiple characters 1`] = `
+<DocumentFragment>
+  <span
+    class="mx_EventTile_body mx_EventTile_bigEmoji translate"
+    dir="auto"
+  >
+    <span
+      class="mx_Emoji"
+      title=":man-woman-girl-boy:"
+    >
+      👨‍👩‍👧‍👦
+    </span>
+     
+    <span
+      class="mx_Emoji"
+      title=":left_right_arrow:"
+    >
+      ↔️
+    </span>
+     
+    <span
+      class="mx_Emoji"
+      title=":flag-is:"
+    >
+      🇮🇸
+    </span>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`bodyToNode should generate big emoji for an emoji-only reply to a message 1`] = `
+<DocumentFragment>
+  <span
+    class="mx_EventTile_body mx_EventTile_bigEmoji translate"
+    dir="auto"
+  >
+    <span
+      class="mx_Emoji"
+      title=":smiling_face_with_3_hearts:"
+    >
+      🥰
+    </span>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`bodyToNode should handle inline media when mediaIsVisible is false 1`] = `
+<DocumentFragment>
+  <span
+    class="mx_EventTile_body markdown-body translate"
+    dir="auto"
+  >
+    <img />
+    foo Hello there
+  </span>
+</DocumentFragment>
+`;
+
+exports[`bodyToNode should handle inline media when mediaIsVisible is true 1`] = `
+<DocumentFragment>
+  <span
+    class="mx_EventTile_body markdown-body translate"
+    dir="auto"
+  >
+    <img
+      src="https://example.org/img"
+      style="max-width:800px;max-height:600px"
+    />
+    foo Hello there
+  </span>
+</DocumentFragment>
+`;
+
+exports[`sanitizedHtmlNode should respect className 1`] = `
+<DocumentFragment>
+  <div
+    class="testClass"
+    dir="auto"
+  >
+    <a
+      href="https://google.com"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      Link
+    </a>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/__snapshots__/Terms-test.ts.snap b/apps/web/test/unit-tests/__snapshots__/Terms-test.ts.snap
new file mode 100644
index 00000000000..4b30a388404
--- /dev/null
+++ b/apps/web/test/unit-tests/__snapshots__/Terms-test.ts.snap
@@ -0,0 +1,127 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`dialogTermsInteractionCallback should render a dialog with the expected terms 1`] = `
+<div
+  aria-describedby="mx_Dialog_content"
+  aria-labelledby="mx_BaseDialog_title"
+  class=""
+  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"
+    >
+      Terms of Service
+    </h1>
+  </div>
+  <div
+    id="mx_Dialog_content"
+  >
+    <p>
+      To continue you need to accept the terms of this service.
+    </p>
+    <table
+      class="mx_TermsDialog_termsTable"
+    >
+      <tbody>
+        <tr
+          class="mx_TermsDialog_termsTableHeader"
+        >
+          <th>
+            Service
+          </th>
+          <th>
+            Summary
+          </th>
+          <th>
+            Document
+          </th>
+          <th>
+            Accept
+          </th>
+        </tr>
+        <tr>
+          <td
+            class="mx_TermsDialog_service"
+          >
+            <div>
+              Identity server
+              <br />
+              (
+              base_url
+              )
+            </div>
+          </td>
+          <td
+            class="mx_TermsDialog_summary"
+          >
+            <div>
+              Find others by phone or email
+              <br />
+              Be found by phone or email
+            </div>
+          </td>
+          <td>
+            <a
+              class="mx_ExternalLink"
+              href="http://base_url/terms"
+              rel="noreferrer noopener"
+              target="_blank"
+            >
+              Terms
+              <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>
+          </td>
+          <td>
+            <input
+              type="checkbox"
+            />
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <span
+      class="mx_Dialog_buttons_row"
+    >
+      <button
+        class="cancel"
+        data-testid="dialog-cancel-button"
+        type="button"
+      >
+        Cancel
+      </button>
+      <button
+        class="mx_Dialog_primary"
+        data-testid="dialog-primary-button"
+        disabled=""
+        type="button"
+      >
+        Next
+      </button>
+    </span>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/__snapshots__/TextForEvent-test.tsx.snap b/apps/web/test/unit-tests/__snapshots__/TextForEvent-test.tsx.snap
new file mode 100644
index 00000000000..ac063c3432e
--- /dev/null
+++ b/apps/web/test/unit-tests/__snapshots__/TextForEvent-test.tsx.snap
@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`TextForEvent textForJoinRulesEvent() returns correct JSX message when room join rule changed to restricted 1`] = `
+<span>
+  <span>
+    @a changed who can join this room. 
+    <AccessibleButton
+      kind="link_inline"
+      onClick={[Function]}
+    >
+      View settings
+    </AccessibleButton>
+    .
+  </span>
+</span>
+`;
diff --git a/apps/web/test/unit-tests/__snapshots__/theme-test.ts.snap b/apps/web/test/unit-tests/__snapshots__/theme-test.ts.snap
new file mode 100644
index 00000000000..83b0c90a7c8
--- /dev/null
+++ b/apps/web/test/unit-tests/__snapshots__/theme-test.ts.snap
@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`theme setTheme applies a custom Compound theme 1`] = `"@layer compound-tokens { :root, [class*="cpd-theme-"] { --cpd-color-icon-accent-tertiary: var(--cpd-color-blue-800); --cpd-color-text-action-accent: var(--cpd-color-blue-900); } }"`;
diff --git a/apps/web/test/unit-tests/accessibility/KeyboardShortcutUtils-test.ts b/apps/web/test/unit-tests/accessibility/KeyboardShortcutUtils-test.ts
new file mode 100644
index 00000000000..f53d578b678
--- /dev/null
+++ b/apps/web/test/unit-tests/accessibility/KeyboardShortcutUtils-test.ts
@@ -0,0 +1,82 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Šimon Brandner <simon.bra.ag@gmail.com>
+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 { mockPlatformPeg, unmockPlatformPeg } from "../../test-utils";
+
+const PATH_TO_KEYBOARD_SHORTCUTS = "../../../src/accessibility/KeyboardShortcuts";
+const PATH_TO_KEYBOARD_SHORTCUT_UTILS = "../../../src/accessibility/KeyboardShortcutUtils";
+
+const mockKeyboardShortcuts = (override: Record<string, any>) => {
+    jest.doMock(PATH_TO_KEYBOARD_SHORTCUTS, () => {
+        const original = jest.requireActual(PATH_TO_KEYBOARD_SHORTCUTS);
+        return {
+            ...original,
+            ...override,
+        };
+    });
+};
+const getFile = async () => await import(PATH_TO_KEYBOARD_SHORTCUTS);
+const getUtils = async () => await import(PATH_TO_KEYBOARD_SHORTCUT_UTILS);
+
+describe("KeyboardShortcutUtils", () => {
+    beforeEach(() => {
+        unmockPlatformPeg();
+        jest.resetModules();
+    });
+
+    it("doesn't change KEYBOARD_SHORTCUTS when getting shortcuts", async () => {
+        mockKeyboardShortcuts({
+            KEYBOARD_SHORTCUTS: {
+                Keybind1: {},
+                Keybind2: {},
+            },
+            MAC_ONLY_SHORTCUTS: ["Keybind1"],
+            DESKTOP_SHORTCUTS: ["Keybind2"],
+        });
+        mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
+        const utils = await getUtils();
+        const file = await getFile();
+        const copyKeyboardShortcuts = Object.assign({}, file.KEYBOARD_SHORTCUTS);
+
+        utils.getKeyboardShortcuts();
+        expect(file.KEYBOARD_SHORTCUTS).toEqual(copyKeyboardShortcuts);
+        utils.getKeyboardShortcutsForUI();
+        expect(file.KEYBOARD_SHORTCUTS).toEqual(copyKeyboardShortcuts);
+    });
+
+    describe("correctly filters shortcuts", () => {
+        it("when on web and not on macOS", async () => {
+            mockKeyboardShortcuts({
+                KEYBOARD_SHORTCUTS: {
+                    Keybind1: {},
+                    Keybind2: {},
+                    Keybind3: { controller: { settingDisabled: true } },
+                    Keybind4: {},
+                },
+                MAC_ONLY_SHORTCUTS: ["Keybind1"],
+                DESKTOP_SHORTCUTS: ["Keybind2"],
+            });
+            mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
+            expect((await getUtils()).getKeyboardShortcuts()).toEqual({ Keybind4: {} });
+        });
+
+        it("when on desktop", async () => {
+            mockKeyboardShortcuts({
+                KEYBOARD_SHORTCUTS: {
+                    Keybind1: {},
+                    Keybind2: {},
+                },
+                MAC_ONLY_SHORTCUTS: [],
+                DESKTOP_SHORTCUTS: ["Keybind2"],
+            });
+            mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(true) });
+            expect((await getUtils()).getKeyboardShortcuts()).toEqual({ Keybind1: {}, Keybind2: {} });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/accessibility/LandmarkNavigation-test.tsx b/apps/web/test/unit-tests/accessibility/LandmarkNavigation-test.tsx
new file mode 100644
index 00000000000..ae536ccd8d5
--- /dev/null
+++ b/apps/web/test/unit-tests/accessibility/LandmarkNavigation-test.tsx
@@ -0,0 +1,120 @@
+/*
+ * 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.
+ */
+
+import { render, screen, waitFor } from "jest-matrix-react";
+import React from "react";
+
+import { Landmark, LandmarkNavigation } from "../../../src/accessibility/LandmarkNavigation";
+import defaultDispatcher from "../../../src/dispatcher/dispatcher";
+
+describe("KeyboardLandmarkUtils", () => {
+    it("Landmarks are cycled through correctly without an opened room", () => {
+        render(
+            <div>
+                <button className="mx_SpaceButton_active" data-testid="mx_SpaceButton_active">
+                    SPACE_BUTTON
+                </button>
+                <button id="room-list-search-button" data-testid="mx_RoomListSearch_search">
+                    ROOM_SEARCH
+                </button>
+                <button className="mx_RoomListItemView" data-testid="mx_RoomListItemView">
+                    ROOM_TILE
+                </button>
+                <button className="mx_HomePage" data-testid="mx_HomePage">
+                    HOME_PAGE
+                </button>
+            </div>,
+        );
+        // ACTIVE_SPACE_BUTTON <-> ROOM_SEARCH <-> ROOM_LIST <-> HOME <-> ACTIVE_SPACE_BUTTON
+        // ACTIVE_SPACE_BUTTON -> ROOM_SEARCH
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.ACTIVE_SPACE_BUTTON);
+        expect(screen.getByTestId("mx_RoomListSearch_search")).toHaveFocus();
+
+        // ROOM_SEARCH -> ROOM_LIST
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.ROOM_SEARCH);
+        expect(screen.getByTestId("mx_RoomListItemView")).toHaveFocus();
+
+        // ROOM_LIST -> HOME_PAGE
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.ROOM_LIST);
+        expect(screen.getByTestId("mx_HomePage")).toHaveFocus();
+
+        // HOME_PAGE -> ACTIVE_SPACE_BUTTON
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.MESSAGE_COMPOSER_OR_HOME);
+        expect(screen.getByTestId("mx_SpaceButton_active")).toHaveFocus();
+
+        // HOME_PAGE <- ACTIVE_SPACE_BUTTON
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.ACTIVE_SPACE_BUTTON, true);
+        expect(screen.getByTestId("mx_HomePage")).toHaveFocus();
+
+        // ROOM_LIST <- HOME_PAGE
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.MESSAGE_COMPOSER_OR_HOME, true);
+        expect(screen.getByTestId("mx_RoomListItemView")).toHaveFocus();
+
+        // ROOM_SEARCH <- ROOM_LIST
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.ROOM_LIST, true);
+        expect(screen.getByTestId("mx_RoomListSearch_search")).toHaveFocus();
+
+        // ACTIVE_SPACE_BUTTON <- ROOM_SEARCH
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.ROOM_SEARCH, true);
+        expect(screen.getByTestId("mx_SpaceButton_active")).toHaveFocus();
+    });
+
+    it("Landmarks are cycled through correctly with an opened room", async () => {
+        const callback = jest.fn();
+        defaultDispatcher.register(callback);
+        render(
+            <div>
+                <button className="mx_SpaceButton_active" data-testid="mx_SpaceButton_active">
+                    SPACE_BUTTON
+                </button>
+                <button id="room-list-search-button" data-testid="mx_RoomListSearch_search">
+                    ROOM_SEARCH
+                </button>
+                <button className="mx_RoomListItemView_selected" data-testid="mx_RoomListItemView_selected">
+                    ROOM_TILE
+                </button>
+                <button className="mx_Room" data-testid="mx_Room">
+                    ROOM
+                    <div className="mx_MessageComposer">COMPOSER</div>
+                </button>
+            </div>,
+        );
+        // ACTIVE_SPACE_BUTTON <-> ROOM_SEARCH <-> ROOM_LIST <-> MESSAGE_COMPOSER <-> ACTIVE_SPACE_BUTTON
+        // ACTIVE_SPACE_BUTTON -> ROOM_SEARCH
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.ACTIVE_SPACE_BUTTON);
+        expect(screen.getByTestId("mx_RoomListSearch_search")).toHaveFocus();
+
+        // ROOM_SEARCH -> ROOM_LIST
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.ROOM_SEARCH);
+        expect(screen.getByTestId("mx_RoomListItemView_selected")).toHaveFocus();
+
+        // ROOM_LIST -> MESSAGE_COMPOSER
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.ROOM_LIST);
+        await waitFor(() => expect(callback).toHaveBeenCalledTimes(1));
+
+        // MESSAGE_COMPOSER -> ACTIVE_SPACE_BUTTON
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.MESSAGE_COMPOSER_OR_HOME);
+        expect(screen.getByTestId("mx_SpaceButton_active")).toHaveFocus();
+
+        // MESSAGE_COMPOSER <- ACTIVE_SPACE_BUTTON
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.ACTIVE_SPACE_BUTTON, true);
+        await waitFor(() => expect(callback).toHaveBeenCalledTimes(2));
+
+        // ROOM_LIST <- MESSAGE_COMPOSER
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.MESSAGE_COMPOSER_OR_HOME, true);
+        expect(screen.getByTestId("mx_RoomListItemView_selected")).toHaveFocus();
+
+        // ROOM_SEARCH <- ROOM_LIST
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.ROOM_LIST, true);
+        expect(screen.getByTestId("mx_RoomListSearch_search")).toHaveFocus();
+
+        // ACTIVE_SPACE_BUTTON <- ROOM_SEARCH
+        LandmarkNavigation.findAndFocusNextLandmark(Landmark.ROOM_SEARCH, true);
+        expect(screen.getByTestId("mx_SpaceButton_active")).toHaveFocus();
+    });
+});
diff --git a/apps/web/test/unit-tests/accessibility/RovingTabIndexAdapter-test.tsx b/apps/web/test/unit-tests/accessibility/RovingTabIndexAdapter-test.tsx
new file mode 100644
index 00000000000..e6ed27628a9
--- /dev/null
+++ b/apps/web/test/unit-tests/accessibility/RovingTabIndexAdapter-test.tsx
@@ -0,0 +1,96 @@
+/*
+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 "jest-matrix-react";
+import { RovingAction, type RovingTabIndexProviderProps } from "@element-hq/web-shared-components";
+
+import * as KeyBindingsManagerModule from "../../../src/KeyBindingsManager";
+import { KeyBindingAction } from "../../../src/accessibility/KeyboardShortcuts";
+import { RovingTabIndexProvider } from "../../../src/accessibility/RovingTabIndex";
+
+jest.mock("@element-hq/web-shared-components", () => {
+    const actual = jest.requireActual("@element-hq/web-shared-components");
+    const mockSharedRovingTabIndexProvider = jest.fn(({ children }: RovingTabIndexProviderProps) => {
+        return <>{children({ onDragEndHandler: jest.fn(), onKeyDownHandler: jest.fn() })}</>;
+    });
+
+    return {
+        __mockSharedRovingTabIndexProvider: mockSharedRovingTabIndexProvider,
+        ...actual,
+        RovingTabIndexProvider: mockSharedRovingTabIndexProvider,
+    };
+});
+
+const getMockSharedRovingTabIndexProvider = (): jest.Mock => {
+    return jest.requireMock("@element-hq/web-shared-components").__mockSharedRovingTabIndexProvider as jest.Mock;
+};
+
+const getInjectedGetAction = (): NonNullable<RovingTabIndexProviderProps["getAction"]> => {
+    const mockSharedRovingTabIndexProvider = getMockSharedRovingTabIndexProvider();
+    expect(mockSharedRovingTabIndexProvider).toHaveBeenCalled();
+    const getAction = (mockSharedRovingTabIndexProvider.mock.calls.at(-1)![0] as RovingTabIndexProviderProps).getAction;
+    expect(getAction).toBeDefined();
+    return getAction!;
+};
+
+describe("RovingTabIndex adapter", () => {
+    beforeEach(() => {
+        const mockSharedRovingTabIndexProvider = getMockSharedRovingTabIndexProvider();
+        mockSharedRovingTabIndexProvider.mockClear();
+        jest.restoreAllMocks();
+    });
+
+    it.each([
+        [KeyBindingAction.ArrowDown, RovingAction.ArrowDown],
+        [KeyBindingAction.ArrowUp, RovingAction.ArrowUp],
+        [KeyBindingAction.ArrowRight, RovingAction.ArrowRight],
+        [KeyBindingAction.ArrowLeft, RovingAction.ArrowLeft],
+        [KeyBindingAction.Home, RovingAction.Home],
+        [KeyBindingAction.End, RovingAction.End],
+        [KeyBindingAction.Tab, RovingAction.Tab],
+    ])("maps %s to %s", (accessibilityAction, expectedRovingAction) => {
+        const manager = new KeyBindingsManagerModule.KeyBindingsManager();
+        jest.spyOn(KeyBindingsManagerModule, "getKeyBindingsManager").mockReturnValue(manager);
+        jest.spyOn(manager, "getAccessibilityAction").mockReturnValue(accessibilityAction);
+
+        render(<RovingTabIndexProvider>{() => null}</RovingTabIndexProvider>);
+
+        const getAction = getInjectedGetAction();
+        expect(getAction({ key: "irrelevant" } as React.KeyboardEvent)).toBe(expectedRovingAction);
+    });
+
+    it("returns undefined when there is no matching accessibility action", () => {
+        const manager = new KeyBindingsManagerModule.KeyBindingsManager();
+        jest.spyOn(KeyBindingsManagerModule, "getKeyBindingsManager").mockReturnValue(manager);
+        jest.spyOn(manager, "getAccessibilityAction").mockReturnValue(undefined);
+
+        render(<RovingTabIndexProvider>{() => null}</RovingTabIndexProvider>);
+
+        const getAction = getInjectedGetAction();
+        expect(getAction({ key: "x" } as React.KeyboardEvent)).toBeUndefined();
+    });
+
+    it("forwards provider props to shared-components", () => {
+        const onKeyDown = jest.fn();
+
+        render(
+            <RovingTabIndexProvider handleHomeEnd handleLoop handleUpDown onKeyDown={onKeyDown} scrollIntoView>
+                {() => null}
+            </RovingTabIndexProvider>,
+        );
+
+        const mockSharedRovingTabIndexProvider = getMockSharedRovingTabIndexProvider();
+        const props = mockSharedRovingTabIndexProvider.mock.calls.at(-1)![0] as RovingTabIndexProviderProps;
+        expect(props.handleHomeEnd).toBe(true);
+        expect(props.handleLoop).toBe(true);
+        expect(props.handleUpDown).toBe(true);
+        expect(props.onKeyDown).toBe(onKeyDown);
+        expect(props.scrollIntoView).toBe(true);
+        expect(props.getAction).toEqual(expect.any(Function));
+    });
+});
diff --git a/apps/web/test/unit-tests/async-components/dialogs/security/NewRecoveryMethodDialog-test.tsx b/apps/web/test/unit-tests/async-components/dialogs/security/NewRecoveryMethodDialog-test.tsx
new file mode 100644
index 00000000000..c49f2c48a44
--- /dev/null
+++ b/apps/web/test/unit-tests/async-components/dialogs/security/NewRecoveryMethodDialog-test.tsx
@@ -0,0 +1,78 @@
+/*
+ * Copyright 2024 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, screen, act } from "jest-matrix-react";
+import { waitFor } from "@testing-library/dom";
+import userEvent from "@testing-library/user-event";
+
+import NewRecoveryMethodDialog from "../../../../../src/async-components/views/dialogs/security/NewRecoveryMethodDialog";
+import { createTestClient } from "../../../../test-utils";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext.tsx";
+import dis from "../../../../../src/dispatcher/dispatcher.ts";
+import { Action } from "../../../../../src/dispatcher/actions.ts";
+import Modal from "../../../../../src/Modal.tsx";
+
+describe("<NewRecoveryMethodDialog />", () => {
+    let matrixClient: MatrixClient;
+    beforeEach(() => {
+        matrixClient = createTestClient();
+        jest.spyOn(dis, "fire");
+        jest.spyOn(Modal, "createDialog");
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    function renderComponent(onFinished: () => void = jest.fn()) {
+        return render(
+            <MatrixClientContext.Provider value={matrixClient}>
+                <NewRecoveryMethodDialog onFinished={onFinished} />
+            </MatrixClientContext.Provider>,
+        );
+    }
+
+    test("when cancel is clicked", async () => {
+        const onFinished = jest.fn();
+        act(() => {
+            renderComponent(onFinished);
+        });
+
+        await userEvent.click(screen.getByRole("button", { name: "Go to Settings" }));
+        expect(onFinished).toHaveBeenCalled();
+        expect(dis.fire).toHaveBeenCalledWith(Action.ViewUserSettings);
+    });
+
+    test("when key backup is enabled", async () => {
+        jest.spyOn(matrixClient.getCrypto()!, "getActiveSessionBackupVersion").mockResolvedValue("version");
+
+        const onFinished = jest.fn();
+
+        const { asFragment } = renderComponent(onFinished);
+        await waitFor(() =>
+            expect(
+                screen.getByText("This session is encrypting history using the new recovery method."),
+            ).toBeInTheDocument(),
+        );
+        expect(asFragment()).toMatchSnapshot();
+
+        await userEvent.click(screen.getByRole("button", { name: "Set up Secure Messages" }));
+        expect(onFinished).toHaveBeenCalled();
+    });
+
+    test("when key backup is disabled", async () => {
+        const onFinished = jest.fn();
+
+        const { asFragment } = renderComponent(onFinished);
+        expect(asFragment()).toMatchSnapshot();
+
+        await userEvent.click(screen.getByRole("button", { name: "Set up Secure Messages" }));
+        await waitFor(() => expect(Modal.createDialog).toHaveBeenCalled());
+    });
+});
diff --git a/apps/web/test/unit-tests/async-components/dialogs/security/RecoveryMethodRemovedDialog-test.tsx b/apps/web/test/unit-tests/async-components/dialogs/security/RecoveryMethodRemovedDialog-test.tsx
new file mode 100644
index 00000000000..8779748b8ec
--- /dev/null
+++ b/apps/web/test/unit-tests/async-components/dialogs/security/RecoveryMethodRemovedDialog-test.tsx
@@ -0,0 +1,34 @@
+/*
+ * Copyright 2024 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, fireEvent, waitFor } from "jest-matrix-react";
+
+import RecoveryMethodRemovedDialog from "../../../../../src/async-components/views/dialogs/security/RecoveryMethodRemovedDialog";
+import dispatch from "../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../src/dispatcher/actions";
+import { UserTab } from "../../../../../src/components/views/dialogs/UserTab";
+
+describe("<RecoveryMethodRemovedDialog />", () => {
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("should open CreateKeyBackupDialog on primary action click", async () => {
+        const onFinished = jest.fn();
+        jest.spyOn(dispatch, "dispatch");
+
+        render(<RecoveryMethodRemovedDialog onFinished={onFinished} />);
+        fireEvent.click(screen.getByRole("button", { name: "Set up Secure Messages" }));
+        await waitFor(() =>
+            expect(dispatch.dispatch).toHaveBeenCalledWith({
+                action: Action.ViewUserSettings,
+                initialTabId: UserTab.Encryption,
+            }),
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/async-components/dialogs/security/__snapshots__/NewRecoveryMethodDialog-test.tsx.snap b/apps/web/test/unit-tests/async-components/dialogs/security/__snapshots__/NewRecoveryMethodDialog-test.tsx.snap
new file mode 100644
index 00000000000..4443affc6bb
--- /dev/null
+++ b/apps/web/test/unit-tests/async-components/dialogs/security/__snapshots__/NewRecoveryMethodDialog-test.tsx.snap
@@ -0,0 +1,196 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<NewRecoveryMethodDialog /> when key backup is disabled 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-labelledby="mx_BaseDialog_title"
+    class="mx_KeyBackupFailedDialog 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"
+      >
+        <span
+          class="mx_KeyBackupFailedDialog_title"
+        >
+          <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 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>
+          New Recovery Method
+        </span>
+      </h1>
+    </div>
+    <p>
+      A new Security Phrase and key for Secure Messages have been detected.
+    </p>
+    <strong
+      class="warning"
+    >
+      If you didn't set the new recovery method, an attacker may be trying to access your account. Change your account password and set a new recovery method immediately in Settings.
+    </strong>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Go to Settings
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Set up Secure Messages
+        </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>
+`;
+
+exports[`<NewRecoveryMethodDialog /> when key backup is enabled 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-labelledby="mx_BaseDialog_title"
+    class="mx_KeyBackupFailedDialog 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"
+      >
+        <span
+          class="mx_KeyBackupFailedDialog_title"
+        >
+          <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 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>
+          New Recovery Method
+        </span>
+      </h1>
+    </div>
+    <p>
+      A new Security Phrase and key for Secure Messages have been detected.
+    </p>
+    <p>
+      This session is encrypting history using the new recovery method.
+    </p>
+    <strong
+      class="warning"
+    >
+      If you didn't set the new recovery method, an attacker may be trying to access your account. Change your account password and set a new recovery method immediately in Settings.
+    </strong>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Go to Settings
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Set up Secure Messages
+        </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/apps/web/test/unit-tests/async-components/structures/ErrorView-test.tsx b/apps/web/test/unit-tests/async-components/structures/ErrorView-test.tsx
new file mode 100644
index 00000000000..8586bced21c
--- /dev/null
+++ b/apps/web/test/unit-tests/async-components/structures/ErrorView-test.tsx
@@ -0,0 +1,31 @@
+/*
+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 SdkConfig from "../../../../src/SdkConfig";
+import { ErrorView, UnsupportedBrowserView } from "../../../../src/async-components/structures/ErrorView";
+
+describe("<ErrorView />", () => {
+    it("should match snapshot", () => {
+        const { asFragment } = render(<ErrorView title="TITLE" messages={["MSG1", "MSG2"]} />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
+
+describe("<UnsupportedBrowserView />", () => {
+    beforeEach(() => {
+        SdkConfig.put({});
+    });
+
+    it("should match snapshot", () => {
+        const { asFragment } = render(<UnsupportedBrowserView />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/async-components/structures/__snapshots__/ErrorView-test.tsx.snap b/apps/web/test/unit-tests/async-components/structures/__snapshots__/ErrorView-test.tsx.snap
new file mode 100644
index 00000000000..8fc4a6dc598
--- /dev/null
+++ b/apps/web/test/unit-tests/async-components/structures/__snapshots__/ErrorView-test.tsx.snap
@@ -0,0 +1,300 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ErrorView /> should match snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_ErrorView cpd-theme-light"
+  >
+    <img
+      alt="Element"
+      class="mx_ErrorView_logo"
+      height="160"
+      src="themes/element/img/logos/element-app-logo.png"
+    />
+    <div
+      class="mx_ErrorView_container"
+    >
+      <h1
+        class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
+      >
+        TITLE
+      </h1>
+      <p
+        class="_typography_6v6n8_153 _font-body-lg-regular_6v6n8_69"
+      >
+        MSG1
+      </p>
+      <p
+        class="_typography_6v6n8_153 _font-body-lg-regular_6v6n8_69"
+      >
+        MSG2
+      </p>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<UnsupportedBrowserView /> should match snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_ErrorView cpd-theme-light"
+  >
+    <img
+      alt="Element"
+      class="mx_ErrorView_logo"
+      height="160"
+      src="themes/element/img/logos/element-app-logo.png"
+    />
+    <div
+      class="mx_ErrorView_container"
+    >
+      <h1
+        class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
+      >
+        Element does not support this browser
+      </h1>
+      <p
+        class="_typography_6v6n8_153 _font-body-lg-regular_6v6n8_69"
+      >
+        Element uses some browser features which are not available in your current browser. Try updating this browser if you're not using the latest version and try again.
+      </p>
+      <p
+        class="_typography_6v6n8_153 _font-body-lg-regular_6v6n8_69"
+      >
+        <span>
+          For the best experience, use 
+          <a
+            href="https://google.com/chrome"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            Chrome
+          </a>
+          , 
+          <a
+            href="https://firefox.com"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            Firefox
+          </a>
+          , 
+          <a
+            href="https://microsoft.com/edge"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            Edge
+          </a>
+          , or 
+          <a
+            href="https://apple.com/safari"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            Safari
+          </a>
+          .
+        </span>
+      </p>
+      <div
+        class="_flex_4dswl_9 mx_ErrorView_flexContainer mx_ErrorView_buttons"
+        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_1nw83_8 _has-icon_1nw83_60"
+          data-kind="secondary"
+          data-size="md"
+          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="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>
+          Learn more
+        </button>
+      </div>
+    </div>
+    <div
+      class="_separator_13qwf_8"
+      data-kind="primary"
+      data-orientation="horizontal"
+      role="separator"
+    />
+    <h2
+      class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+    >
+      Use Element Desktop instead
+    </h2>
+    <div
+      class="_flex_4dswl_9 mx_ErrorView_flexContainer"
+      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_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="lg"
+        href="https://packages.element.io/desktop/install/macos/Element.dmg"
+        role="link"
+        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
+            clip-rule="evenodd"
+            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_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="lg"
+        href="https://packages.element.io/desktop/install/win32/x64/Element%20Setup.exe"
+        role="link"
+        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="M12.589 2.4H21.6v9.011h-9.011zM2.4 12.588h9.011v9.011H2.4zM2.4 2.4h9.011v9.011H2.4zm10.189 10.188H21.6v9.011h-9.011z"
+          />
+        </svg>
+        Windows (64-bit)
+      </a>
+      <a
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="lg"
+        href="https://packages.element.io/desktop/install/win32/arm64/Element%20Setup.exe"
+        role="link"
+        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="M12.589 2.4H21.6v9.011h-9.011zM2.4 12.588h9.011v9.011H2.4zM2.4 2.4h9.011v9.011H2.4zm10.189 10.188H21.6v9.011h-9.011z"
+          />
+        </svg>
+        Windows (ARM 64-bit)
+      </a>
+      <a
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="lg"
+        href="https://element.io/download#linux"
+        role="link"
+        tabindex="0"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <g
+            clip-path="url(#cpd_LinuxIcon_a)"
+          >
+            <path
+              d="M13.206 20.644a2.7 2.7 0 0 1-1.097.248 2.8 2.8 0 0 1-1.567-.495c-.153.38-.392.723-.7 1a2.8 2.8 0 0 1-1.078.604h6.141a2.8 2.8 0 0 1-.99-.51 2.8 2.8 0 0 1-.709-.847M6.71 16.673a.2.2 0 0 0 .067-.03q.056-.49.13-.94c-.01-.169.017-.338.08-.495.348-1.904.834-3.24 1.504-4.052a.13.13 0 0 1 .18-.018.123.123 0 0 1 .018.174 4 4 0 0 0-.203.272q-.764 1.113-1.199 3.389h.03a.6.6 0 0 1 .166 0c.198.042.508.203.985.67.061-2.72 1.661-4.913 3.642-4.913 1.748 0 3.208 1.715 3.556 3.997a1.7 1.7 0 0 1 .762-.742.8.8 0 0 1 .254-.047 7.5 7.5 0 0 0-.948-2.342 4 4 0 0 0-.2-.272.12.12 0 0 1-.03-.09.12.12 0 0 1 .048-.083.13.13 0 0 1 .092-.028.13.13 0 0 1 .085.045c.508.624.93 1.557 1.245 2.822.678.247.696 1.361.71 2.267 0 .43 0 .877.105.99.104.114.325.09.635-.04.036-.393.053-.742.063-1.036v-1.082c0-2.475-3.266-6.755-3.266-6.755l-.378-3.218c0-2.953-2.733-2.926-2.733-2.926s-2.743-.027-2.743 2.914l-.365 3.23s-3.267 4.277-3.267 6.755v.31s-.012.299 0 .767v.227c.414.154.839.315.976.28m5.388-10.41c.761.068 1.975.247 2.031.613.04.282-.429.822-.523.926-.195.215-.876.92-1.49.92-.615 0-1.296-.705-1.49-.92-.093-.104-.563-.644-.525-.926.046-.374 1.273-.545 1.996-.614"
+            />
+            <path
+              d="M12.111 8.475c.333 0 .843-.33 1.298-.837.348-.384.475-.666.465-.73-.064-.127-.894-.317-1.778-.401-.856.084-1.687.274-1.75.406.091.275.252.523.467.722.457.51.965.84 1.298.84m.684 10.664c-.292-2.607-.023-3.146.206-3.324a.42.42 0 0 1 .4-.057c.23.11.431.271.587.47.287.304.488.495.674.391.131-.077.32-.495.507-.879.097-.205.196-.425.305-.636-.254-2.33-1.65-4.126-3.355-4.126-1.872 0-3.393 2.166-3.393 4.827v.096c.31.317.68.743 1.133 1.3q.266.328.487.685a2.7 2.7 0 0 1 .29 2.258c.426.312.943.485 1.476.495.341-.002.679-.073.99-.21a2.6 2.6 0 0 1-.16-.46 7 7 0 0 1-.147-.83"
+            />
+            <path
+              d="M9.651 17.35c-.355-.44-.657-.789-.916-1.071l-.13-.139-.132-.138c-.587-.594-.897-.758-1.06-.785a.2.2 0 0 0-.068 0 .15.15 0 0 0-.114.082v.017a.9.9 0 0 0-.058.406v.327c.034.25-.019.505-.15.723a.4.4 0 0 1-.087.071l-.053.032a.6.6 0 0 1-.107.043H6.75c-.211.037-.554-.084-.988-.248l-.127-.05c-.544-.21-1.179-.452-1.644-.452a.63.63 0 0 0-.553.232c-.34.495.421 1.273 1.036 1.901.378.389.675.693.708.921.059.42-.393.582-.792.725a1.5 1.5 0 0 0-.564.278c-.06.069-.058.116-.045.15.055.191.507.61 2.897 1.285q.398.112.806.178c.49.073.992.01 1.448-.182a2.64 2.64 0 0 0 1.13-.902q.165-.245.271-.522l.05-.121c0-.042.024-.09.037-.131a2.48 2.48 0 0 0-.293-1.98 7 7 0 0 0-.475-.65m9.618-.17c-.212.02-.418.084-.604.186l-.277.117c-.305.113-.61.168-.807-.095a.6.6 0 0 1-.094-.227 3.6 3.6 0 0 1-.056-.592v-.322c0-.72-.026-1.586-.373-1.925a.5.5 0 0 0-.255-.14h-.038a.5.5 0 0 0-.254.035c-.3.12-.56.496-.79.936l-.109.215-.117.248-.104.225c-.223.495-.398.874-.601.99-.376.216-.704-.13-.991-.438a1.5 1.5 0 0 0-.48-.4.2.2 0 0 0-.076-.016q-.048 0-.084.03c-.158.124-.384.69-.112 3.104q.044.4.137.792.052.207.137.404.027.056.056.111c.02.037.033.074.054.111.208.377.51.696.879.928a2.66 2.66 0 0 0 2.504.171c.398-.18.743-.454 1.003-.8a7 7 0 0 0 .45-.675c1.218-2.116 1.241-2.722 1.147-2.896a.15.15 0 0 0-.144-.077"
+            />
+          </g>
+          <defs>
+            <clippath
+              id="cpd_LinuxIcon_a"
+            >
+              <path
+                d="M3.167 2.19H20.5V22H3.165z"
+              />
+            </clippath>
+          </defs>
+        </svg>
+        Linux
+      </a>
+    </div>
+    <h2
+      class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+    >
+      Or use our mobile app
+    </h2>
+    <div
+      class="_flex_4dswl_9 mx_ErrorView_flexContainer"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-6x); --mx-flex-wrap: nowrap;"
+    >
+      <a
+        href="https://apps.apple.com/app/vector/id1083446067"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        <img
+          alt="Apple App Store"
+          height="64"
+          src="themes/element/img/download/apple.svg"
+        />
+      </a>
+      <a
+        href="https://play.google.com/store/apps/details?id=im.vector.app"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        <img
+          alt="Google Play Store"
+          height="64"
+          src="themes/element/img/download/google.svg"
+        />
+      </a>
+      <a
+        href="https://f-droid.org/repository/browse/?fdid=im.vector.app"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        <img
+          alt="F-Droid"
+          height="64"
+          src="themes/element/img/download/fdroid.svg"
+        />
+      </a>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/audio/MockedPlayback.ts b/apps/web/test/unit-tests/audio/MockedPlayback.ts
new file mode 100644
index 00000000000..cde6e837e77
--- /dev/null
+++ b/apps/web/test/unit-tests/audio/MockedPlayback.ts
@@ -0,0 +1,59 @@
+/*
+ * 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 EventEmitter from "node:events";
+import { SimpleObservable } from "matrix-widget-api";
+
+import { PlaybackState } from "../../../src/audio/Playback";
+import { vi } from "../../setup/adapter.ts";
+
+/**
+ * A mocked playback implementation for testing purposes.
+ * It simulates a playback with a fixed size and allows state changes.
+ */
+export class MockedPlayback extends EventEmitter {
+    public sizeBytes = 8000;
+    private waveformObservable = new SimpleObservable<number[]>();
+    public liveData = new SimpleObservable<number[]>();
+
+    public constructor(
+        public currentState: PlaybackState,
+        public durationSeconds: number,
+        public timeSeconds: number,
+    ) {
+        super();
+    }
+
+    public setState(state: PlaybackState): void {
+        this.currentState = state;
+        this.emit("update", state);
+    }
+
+    public get isPlaying(): boolean {
+        return this.currentState === PlaybackState.Playing;
+    }
+
+    public get clockInfo() {
+        return {
+            liveData: this.liveData,
+            populatePlaceholdersFrom: () => undefined,
+        };
+    }
+
+    public get waveform(): number[] {
+        return [];
+    }
+
+    public get waveformData(): SimpleObservable<number[]> {
+        return this.waveformObservable;
+    }
+
+    public prepare = vi.fn().mockResolvedValue(undefined);
+    public skipTo = vi.fn();
+    public toggle = vi.fn();
+    public destroy = vi.fn().mockResolvedValue(undefined);
+}
diff --git a/apps/web/test/unit-tests/audio/Playback-test.ts b/apps/web/test/unit-tests/audio/Playback-test.ts
new file mode 100644
index 00000000000..3ea66938d0b
--- /dev/null
+++ b/apps/web/test/unit-tests/audio/Playback-test.ts
@@ -0,0 +1,297 @@
+/*
+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 { mocked } from "jest-mock";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { createAudioContext, decodeOgg } from "../../../src/audio/compat";
+import { Playback, PlaybackState } from "../../../src/audio/Playback";
+
+jest.mock("../../../src/WorkerManager", () => ({
+    WorkerManager: jest.fn(() => ({
+        call: jest.fn().mockResolvedValue({ waveform: [0, 0, 1, 1] }),
+    })),
+}));
+
+jest.mock("../../../src/audio/compat", () => ({
+    createAudioContext: jest.fn(),
+    decodeOgg: jest.fn(),
+}));
+
+describe("Playback", () => {
+    const mockAudioBufferSourceNode = {
+        addEventListener: jest.fn(),
+        connect: jest.fn(),
+        start: jest.fn(),
+    };
+    const mockMediaElementSourceNode = {
+        addEventListener: jest.fn(),
+        removeEventListener: jest.fn(),
+        connect: jest.fn(),
+        disconnect: jest.fn(),
+    };
+    const mockAudioContext = {
+        decodeAudioData: jest.fn(),
+        suspend: jest.fn(),
+        resume: jest.fn(),
+        createBufferSource: jest.fn().mockReturnValue(mockAudioBufferSourceNode),
+        createMediaElementSource: jest.fn().mockReturnValue(mockMediaElementSourceNode),
+        currentTime: 1337,
+    };
+
+    const mockAudioBuffer = {
+        duration: 99,
+        getChannelData: jest.fn(),
+    };
+
+    const mockChannelData = new Float32Array();
+
+    beforeEach(() => {
+        jest.spyOn(logger, "error").mockRestore();
+        mockAudioBufferSourceNode.addEventListener.mockClear();
+        mockAudioBuffer.getChannelData.mockClear().mockReturnValue(mockChannelData);
+        mockAudioContext.decodeAudioData.mockReset().mockResolvedValue(mockAudioBuffer);
+        mockAudioContext.resume.mockClear().mockResolvedValue(undefined);
+        mockAudioContext.suspend.mockClear().mockResolvedValue(undefined);
+        mocked(decodeOgg).mockClear().mockResolvedValue(new ArrayBuffer(1));
+        mocked(createAudioContext).mockReturnValue(mockAudioContext as unknown as AudioContext);
+    });
+
+    it("initialises correctly", () => {
+        const buffer = new ArrayBuffer(8);
+
+        const playback = new Playback(buffer);
+        playback.clockInfo.durationSeconds = mockAudioBuffer.duration;
+
+        expect(playback.sizeBytes).toEqual(8);
+        expect(playback.clockInfo).toBeTruthy();
+        expect(playback.liveData).toBe(playback.clockInfo.liveData);
+        expect(playback.timeSeconds).toBe(1337 % 99);
+        expect(playback.currentState).toEqual(PlaybackState.Decoding);
+    });
+
+    it("toggles playback on from stopped state", async () => {
+        const buffer = new ArrayBuffer(8);
+        const playback = new Playback(buffer);
+        await playback.prepare();
+        // state is Stopped
+        await playback.toggle();
+
+        expect(mockAudioBufferSourceNode.start).toHaveBeenCalled();
+        expect(mockAudioContext.resume).toHaveBeenCalled();
+        expect(playback.currentState).toEqual(PlaybackState.Playing);
+    });
+
+    it("toggles playback to paused from playing state", async () => {
+        const buffer = new ArrayBuffer(8);
+        const playback = new Playback(buffer);
+        await playback.prepare();
+        await playback.toggle();
+        expect(playback.currentState).toEqual(PlaybackState.Playing);
+
+        await playback.toggle();
+
+        expect(mockAudioContext.suspend).toHaveBeenCalled();
+        expect(playback.currentState).toEqual(PlaybackState.Paused);
+    });
+
+    it("stop playbacks", async () => {
+        const buffer = new ArrayBuffer(8);
+        const playback = new Playback(buffer);
+        await playback.prepare();
+        await playback.toggle();
+        expect(playback.currentState).toEqual(PlaybackState.Playing);
+
+        await playback.stop();
+
+        expect(mockAudioContext.suspend).toHaveBeenCalled();
+        expect(playback.currentState).toEqual(PlaybackState.Stopped);
+    });
+
+    it("stop when audio source ended", async () => {
+        const buffer = new ArrayBuffer(8);
+        const playback = new Playback(buffer);
+        await playback.prepare();
+        await playback.play();
+
+        // Simulate the audio source ending by calling the 'ended' event listener
+        const endedListener = mockAudioBufferSourceNode.addEventListener.mock.calls.find(
+            (call) => call[0] === "ended",
+        )[1];
+        await endedListener();
+
+        // AudioContext should be suspended
+        expect(mockAudioContext.suspend).toHaveBeenCalled();
+        // Playback state should be Stopped
+        expect(playback.currentState).toEqual(PlaybackState.Stopped);
+        // Clock should be reset to 0
+        expect(playback.timeSeconds).toEqual(0);
+    });
+
+    describe("prepare()", () => {
+        it("decodes audio data when not greater than 5mb", async () => {
+            const buffer = new ArrayBuffer(8);
+
+            const playback = new Playback(buffer);
+
+            await playback.prepare();
+
+            expect(mockAudioContext.decodeAudioData).toHaveBeenCalledTimes(1);
+            expect(mockAudioBuffer.getChannelData).toHaveBeenCalledWith(0);
+
+            // clock was updated
+            expect(playback.clockInfo.durationSeconds).toEqual(mockAudioBuffer.duration);
+            expect(playback.durationSeconds).toEqual(mockAudioBuffer.duration);
+
+            expect(playback.currentState).toEqual(PlaybackState.Stopped);
+        });
+
+        it("tries to decode ogg when decodeAudioData fails", async () => {
+            // stub logger to keep console clean from expected error
+            jest.spyOn(logger, "error").mockReturnValue(undefined);
+            jest.spyOn(logger, "warn").mockReturnValue(undefined);
+
+            const buffer = new ArrayBuffer(8);
+            const decodingError = new Error("test");
+            mockAudioContext.decodeAudioData
+                .mockRejectedValueOnce(decodingError)
+                .mockResolvedValueOnce(mockAudioBuffer);
+
+            const playback = new Playback(buffer);
+
+            await playback.prepare();
+
+            expect(mockAudioContext.decodeAudioData).toHaveBeenCalledTimes(2);
+            expect(decodeOgg).toHaveBeenCalled();
+
+            // clock was updated
+            expect(playback.clockInfo.durationSeconds).toEqual(mockAudioBuffer.duration);
+            expect(playback.durationSeconds).toEqual(mockAudioBuffer.duration);
+
+            expect(playback.currentState).toEqual(PlaybackState.Stopped);
+        });
+
+        it("hands the ogg fallback a buffer which decodeAudioData has not detached", async () => {
+            // stub logger to keep console clean from expected error
+            jest.spyOn(logger, "error").mockReturnValue(undefined);
+            jest.spyOn(logger, "warn").mockReturnValue(undefined);
+
+            const buffer = new ArrayBuffer(8);
+            mockAudioContext.decodeAudioData
+                .mockImplementationOnce((buf: ArrayBuffer) => {
+                    // The real decodeAudioData detaches the buffer it is handed, even when it fails.
+                    structuredClone(buf, { transfer: [buf] });
+                    return Promise.reject(new Error("test"));
+                })
+                .mockResolvedValueOnce(mockAudioBuffer);
+            // Constructing a view over a detached buffer throws, which is what decodeOgg does first.
+            mocked(decodeOgg).mockImplementationOnce(async (audioBuffer: ArrayBuffer) => {
+                expect(() => new Uint8Array(audioBuffer)).not.toThrow();
+                return new ArrayBuffer(1);
+            });
+
+            const playback = new Playback(buffer);
+
+            await playback.prepare();
+
+            expect(decodeOgg).toHaveBeenCalled();
+            expect(mockAudioContext.decodeAudioData).toHaveBeenCalledTimes(2);
+            expect(playback.currentState).toEqual(PlaybackState.Stopped);
+        });
+
+        it("does not try to re-decode audio", async () => {
+            const buffer = new ArrayBuffer(8);
+            const playback = new Playback(buffer);
+            await playback.prepare();
+            expect(playback.currentState).toEqual(PlaybackState.Stopped);
+
+            await playback.prepare();
+
+            // only called once in first prepare
+            expect(mockAudioContext.decodeAudioData).toHaveBeenCalledTimes(1);
+        });
+    });
+
+    describe("audio larger than 5mb", () => {
+        // Anything over 5mb is played through an <audio /> element rather than a decoded buffer
+        const largeBuffer = (): ArrayBuffer => new ArrayBuffer(5 * 1024 * 1024 + 1);
+
+        let element: ReturnType<typeof mockAudioElement>;
+
+        /**
+         * A stand-in for the <audio /> element Playback creates. Assigning `src` resolves the load
+         * the same way the browser does, and listeners registered on it can be fired by hand.
+         */
+        const mockAudioElement = () => {
+            const listeners = new Map<string, Set<() => void | Promise<void>>>();
+            const el = {
+                duration: 42,
+                currentTime: 0,
+                onloadeddata: undefined as undefined | (() => void),
+                onerror: undefined as undefined | (() => void),
+                play: jest.fn().mockResolvedValue(undefined),
+                pause: jest.fn(),
+                remove: jest.fn(),
+                addEventListener: jest.fn((type: string, cb: () => void) => {
+                    if (!listeners.has(type)) listeners.set(type, new Set());
+                    listeners.get(type)!.add(cb);
+                }),
+                removeEventListener: jest.fn((type: string, cb: () => void) => {
+                    listeners.get(type)?.delete(cb);
+                }),
+                listenerCount: (type: string): number => listeners.get(type)?.size ?? 0,
+                fire: async (type: string): Promise<void> => {
+                    for (const cb of listeners.get(type) ?? []) await cb();
+                },
+            };
+            Object.defineProperty(el, "src", {
+                set() {
+                    el.onloadeddata?.();
+                },
+            });
+            return el;
+        };
+
+        beforeEach(() => {
+            element = mockAudioElement();
+            jest.spyOn(document, "createElement").mockReturnValue(element as unknown as HTMLElement);
+            global.URL.createObjectURL = jest.fn().mockReturnValue("blob:audio");
+            global.URL.revokeObjectURL = jest.fn();
+            mockAudioContext.createMediaElementSource.mockClear().mockReturnValue(mockMediaElementSourceNode);
+            mockMediaElementSourceNode.connect.mockClear();
+        });
+
+        afterEach(() => {
+            mocked(document.createElement).mockRestore();
+        });
+
+        it("stops when the media element ends", async () => {
+            const playback = new Playback(largeBuffer());
+            await playback.prepare();
+            await playback.play();
+            expect(playback.currentState).toEqual(PlaybackState.Playing);
+
+            await element.fire("ended");
+
+            expect(mockAudioContext.suspend).toHaveBeenCalled();
+            expect(playback.currentState).toEqual(PlaybackState.Stopped);
+            expect(playback.timeSeconds).toEqual(0);
+        });
+
+        it("stops listening to the media element once destroyed", async () => {
+            const playback = new Playback(largeBuffer());
+            await playback.prepare();
+            await playback.play();
+            expect(element.listenerCount("ended")).toEqual(1);
+
+            playback.destroy();
+
+            expect(element.listenerCount("ended")).toEqual(0);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/audio/PlaybackQueue-test.ts b/apps/web/test/unit-tests/audio/PlaybackQueue-test.ts
new file mode 100644
index 00000000000..d2a09dbab92
--- /dev/null
+++ b/apps/web/test/unit-tests/audio/PlaybackQueue-test.ts
@@ -0,0 +1,88 @@
+/*
+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 Mocked } from "jest-mock";
+import { type MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+
+import { PlaybackQueue } from "../../../src/audio/PlaybackQueue";
+import { type Playback, PlaybackState } from "../../../src/audio/Playback";
+import { UPDATE_EVENT } from "../../../src/stores/AsyncStore";
+import { MockedPlayback } from "./MockedPlayback";
+import { SDKContextClass } from "../../../src/contexts/SDKContextClass";
+
+describe("PlaybackQueue", () => {
+    let playbackQueue: PlaybackQueue;
+    let mockRoom: Mocked<Room>;
+
+    beforeEach(() => {
+        mockRoom = {
+            getMember: jest.fn(),
+        } as unknown as Mocked<Room>;
+        playbackQueue = new PlaybackQueue(mockRoom, SDKContextClass.instance.roomViewStore);
+    });
+
+    it.each([
+        [PlaybackState.Playing, true],
+        [PlaybackState.Paused, true],
+        [PlaybackState.Preparing, false],
+        [PlaybackState.Decoding, false],
+        [PlaybackState.Stopped, false],
+    ])("should save (or not) the clock PlayBackState=%s expected=%s", (playbackState, expected) => {
+        const mockEvent = {
+            getId: jest.fn().mockReturnValue("$foo:bar"),
+        } as unknown as Mocked<MatrixEvent>;
+        const mockPlayback = new MockedPlayback(playbackState, 0, 0) as unknown as Mocked<Playback>;
+
+        // Enqueue
+        playbackQueue.unsortedEnqueue(mockEvent, mockPlayback);
+
+        // Emit our clockInfo of 0, which will playbackQueue to save the state.
+        mockPlayback.clockInfo.liveData.update([1]);
+
+        // @ts-ignore
+        expect(playbackQueue.clockStates.has(mockEvent.getId()!)).toBe(expected);
+    });
+
+    it("does call skipTo on playback if clock advances to 1s", () => {
+        const mockEvent = {
+            getId: jest.fn().mockReturnValue("$foo:bar"),
+        } as unknown as Mocked<MatrixEvent>;
+        const mockPlayback = new MockedPlayback(PlaybackState.Playing, 0, 0) as unknown as Mocked<Playback>;
+
+        // Enqueue
+        playbackQueue.unsortedEnqueue(mockEvent, mockPlayback);
+
+        // Emit our clockInfo of 0, which will playbackQueue to save the state.
+        mockPlayback.clockInfo.liveData.update([1]);
+
+        // Fire an update event to say that we have stopped.
+        // Note that Playback really emits an UPDATE_EVENT whenever state changes, the types are lies.
+        mockPlayback.emit(UPDATE_EVENT as any, PlaybackState.Stopped);
+
+        expect(mockPlayback.skipTo).toHaveBeenCalledWith(1);
+    });
+
+    it("should ignore the nullish clock state when loading", () => {
+        const clockStates = new Map([
+            ["a", 1],
+            ["b", null],
+            ["c", 3],
+        ]);
+        localStorage.setItem(
+            `mx_voice_message_clocks_${mockRoom.roomId}`,
+            JSON.stringify(Array.from(clockStates.entries())),
+        );
+        playbackQueue = new PlaybackQueue(mockRoom, SDKContextClass.instance.roomViewStore);
+
+        // @ts-ignore
+        expect(playbackQueue.clockStates.has("a")).toBe(true);
+        // @ts-ignore
+        expect(playbackQueue.clockStates.has("b")).toBe(false);
+        // @ts-ignore
+        expect(playbackQueue.clockStates.has("c")).toBe(true);
+    });
+});
diff --git a/apps/web/test/unit-tests/audio/VoiceMessageRecording-test.ts b/apps/web/test/unit-tests/audio/VoiceMessageRecording-test.ts
new file mode 100644
index 00000000000..6694f861a68
--- /dev/null
+++ b/apps/web/test/unit-tests/audio/VoiceMessageRecording-test.ts
@@ -0,0 +1,211 @@
+/*
+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 { mocked } from "jest-mock";
+import { type UploadOpts, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type EncryptedFile } from "matrix-js-sdk/src/types";
+
+import { createVoiceMessageRecording, VoiceMessageRecording } from "../../../src/audio/VoiceMessageRecording";
+import { RecordingState, type VoiceRecording } from "../../../src/audio/VoiceRecording";
+import { uploadFile } from "../../../src/ContentMessages";
+import { stubClient } from "../../test-utils";
+import { Playback } from "../../../src/audio/Playback";
+
+jest.mock("../../../src/ContentMessages", () => ({
+    uploadFile: jest.fn(),
+}));
+
+jest.mock("../../../src/audio/Playback", () => ({
+    Playback: jest.fn(),
+}));
+
+describe("VoiceMessageRecording", () => {
+    const roomId = "!room:example.com";
+    const contentType = "test content type";
+    const durationSeconds = 23;
+    const testBuf = new Uint8Array([1, 2, 3]);
+    const testAmplitudes = [4, 5, 6];
+
+    let voiceRecording: VoiceRecording;
+    let voiceMessageRecording: VoiceMessageRecording;
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        client = stubClient();
+        voiceRecording = {
+            contentType,
+            durationSeconds,
+            start: jest.fn().mockResolvedValue(undefined),
+            stop: jest.fn().mockResolvedValue(undefined),
+            on: jest.fn(),
+            off: jest.fn(),
+            emit: jest.fn(),
+            isRecording: true,
+            isSupported: true,
+            liveData: jest.fn(),
+            amplitudes: testAmplitudes,
+        } as unknown as VoiceRecording;
+        voiceMessageRecording = new VoiceMessageRecording(client, voiceRecording);
+    });
+
+    it("hasRecording should return false", () => {
+        expect(voiceMessageRecording.hasRecording).toBe(false);
+    });
+
+    it("createVoiceMessageRecording should return a VoiceMessageRecording", () => {
+        expect(createVoiceMessageRecording(client)).toBeInstanceOf(VoiceMessageRecording);
+    });
+
+    it("durationSeconds should return the VoiceRecording value", () => {
+        expect(voiceMessageRecording.durationSeconds).toBe(durationSeconds);
+    });
+
+    it("contentType should return the VoiceRecording value", () => {
+        expect(voiceMessageRecording.contentType).toBe(contentType);
+    });
+
+    it.each([true, false])("isRecording should return %s from VoiceRecording", (value: boolean) => {
+        // @ts-ignore
+        voiceRecording.isRecording = value;
+        expect(voiceMessageRecording.isRecording).toBe(value);
+    });
+
+    it.each([true, false])("isSupported should return %s from VoiceRecording", (value: boolean) => {
+        // @ts-ignore
+        voiceRecording.isSupported = value;
+        expect(voiceMessageRecording.isSupported).toBe(value);
+    });
+
+    it("should return liveData from VoiceRecording", () => {
+        expect(voiceMessageRecording.liveData).toBe(voiceRecording.liveData);
+    });
+
+    it("start should forward the call to VoiceRecording.start", async () => {
+        await voiceMessageRecording.start();
+        expect(voiceRecording.start).toHaveBeenCalled();
+    });
+
+    it("on should forward the call to VoiceRecording", () => {
+        const callback = () => {};
+        const result = voiceMessageRecording.on("test on", callback);
+        expect(voiceRecording.on).toHaveBeenCalledWith("test on", callback);
+        expect(result).toBe(voiceMessageRecording);
+    });
+
+    it("off should forward the call to VoiceRecording", () => {
+        const callback = () => {};
+        const result = voiceMessageRecording.off("test off", callback);
+        expect(voiceRecording.off).toHaveBeenCalledWith("test off", callback);
+        expect(result).toBe(voiceMessageRecording);
+    });
+
+    it("emit should forward the call to VoiceRecording", () => {
+        voiceMessageRecording.emit("test emit", 42);
+        expect(voiceRecording.emit).toHaveBeenCalledWith("test emit", 42);
+    });
+
+    it("upload should raise an error", async () => {
+        await expect(voiceMessageRecording.upload(roomId)).rejects.toThrow("No recording available to upload");
+    });
+
+    describe("when the first data has been received", () => {
+        const uploadUrl = "https://example.com/content123";
+        const encryptedFile = {} as unknown as EncryptedFile;
+
+        beforeEach(() => {
+            voiceRecording.onDataAvailable!(testBuf.buffer);
+        });
+
+        it("contentLength should return the buffer length", () => {
+            expect(voiceMessageRecording.contentLength).toBe(testBuf.length);
+        });
+
+        it("stop should return a copy of the data buffer", async () => {
+            const result = await voiceMessageRecording.stop();
+            expect(voiceRecording.stop).toHaveBeenCalled();
+            expect(result).toEqual(testBuf);
+        });
+
+        it("hasRecording should return true", () => {
+            expect(voiceMessageRecording.hasRecording).toBe(true);
+        });
+
+        describe("upload", () => {
+            let uploadFileClient: MatrixClient | null;
+            let uploadFileRoomId: string | null;
+            let uploadBlob: Blob | null;
+
+            beforeEach(() => {
+                uploadFileClient = null;
+                uploadFileRoomId = null;
+                uploadBlob = null;
+
+                mocked(uploadFile).mockImplementation(
+                    (
+                        matrixClient: MatrixClient,
+                        roomId: string,
+                        file: File | Blob,
+                        _progressHandler?: UploadOpts["progressHandler"],
+                    ): Promise<{ url?: string; file?: EncryptedFile }> => {
+                        uploadFileClient = matrixClient;
+                        uploadFileRoomId = roomId;
+                        uploadBlob = file;
+                        // @ts-ignore
+                        return Promise.resolve({
+                            url: uploadUrl,
+                            file: encryptedFile,
+                        });
+                    },
+                );
+            });
+
+            it("should upload the file and trigger the upload events", async () => {
+                const result = await voiceMessageRecording.upload(roomId);
+                expect(voiceRecording.emit).toHaveBeenNthCalledWith(1, RecordingState.Uploading);
+                expect(voiceRecording.emit).toHaveBeenNthCalledWith(2, RecordingState.Uploaded);
+
+                expect(result.mxc).toBe(uploadUrl);
+                expect(result.encrypted).toBe(encryptedFile);
+
+                expect(mocked(uploadFile)).toHaveBeenCalled();
+                expect(uploadFileClient).toBe(client);
+                expect(uploadFileRoomId).toBe(roomId);
+                expect(uploadBlob?.type).toBe(contentType);
+                const blobArray = await uploadBlob!.arrayBuffer();
+                expect(new Uint8Array(blobArray)).toEqual(testBuf);
+            });
+
+            it("should reuse the result", async () => {
+                const result1 = await voiceMessageRecording.upload(roomId);
+                const result2 = await voiceMessageRecording.upload(roomId);
+                expect(result1).toBe(result2);
+            });
+        });
+
+        describe("getPlayback", () => {
+            beforeEach(() => {
+                mocked(Playback).mockImplementation((buf: ArrayBuffer, seedWaveform): any => {
+                    expect(new Uint8Array(buf)).toEqual(testBuf);
+                    expect(seedWaveform).toEqual(testAmplitudes);
+                    return {} as Playback;
+                });
+            });
+
+            it("should return a Playback with the data", () => {
+                voiceMessageRecording.getPlayback();
+                expect(mocked(Playback)).toHaveBeenCalled();
+            });
+
+            it("should reuse the result", () => {
+                const playback1 = voiceMessageRecording.getPlayback();
+                const playback2 = voiceMessageRecording.getPlayback();
+                expect(playback1).toBe(playback2);
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/audio/VoiceRecording-test.ts b/apps/web/test/unit-tests/audio/VoiceRecording-test.ts
new file mode 100644
index 00000000000..29d4fae6211
--- /dev/null
+++ b/apps/web/test/unit-tests/audio/VoiceRecording-test.ts
@@ -0,0 +1,198 @@
+/*
+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 { mocked } from "jest-mock";
+// @ts-ignore
+import Recorder from "opus-recorder/dist/recorder.min.js";
+
+import { VoiceRecording, voiceRecorderOptions, highQualityRecorderOptions } from "../../../src/audio/VoiceRecording";
+import { createAudioContext } from "../../..//src/audio/compat";
+import MediaDeviceHandler from "../../../src/MediaDeviceHandler";
+import { useMockMediaDevices } from "../../test-utils";
+
+jest.mock("opus-recorder/dist/recorder.min.js");
+const RecorderMock = mocked(Recorder);
+
+jest.mock("../../../src/audio/compat", () => ({
+    createAudioContext: jest.fn(),
+}));
+const createAudioContextMock = mocked(createAudioContext);
+
+jest.mock("../../../src/MediaDeviceHandler");
+const MediaDeviceHandlerMock = mocked(MediaDeviceHandler);
+
+/**
+ * The tests here are heavily using access to private props.
+ * While this is not so great, we can at lest test some behaviour easily this way.
+ */
+describe("VoiceRecording", () => {
+    let recording: VoiceRecording;
+    let recorderSecondsSpy: jest.SpyInstance;
+
+    const itShouldNotCallStop = () => {
+        it("should not call stop", () => {
+            expect(recording.stop).not.toHaveBeenCalled();
+        });
+    };
+
+    const simulateUpdate = (recorderSeconds: number) => {
+        beforeEach(() => {
+            recorderSecondsSpy.mockReturnValue(recorderSeconds);
+            // @ts-ignore
+            recording.processAudioUpdate(recorderSeconds);
+        });
+    };
+
+    beforeEach(() => {
+        useMockMediaDevices();
+        recording = new VoiceRecording();
+        // @ts-ignore
+        recording.observable = {
+            update: jest.fn(),
+            close: jest.fn(),
+        };
+        jest.spyOn(recording, "stop").mockImplementation();
+        recorderSecondsSpy = jest.spyOn(recording, "recorderSeconds", "get");
+    });
+
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+
+    describe("when starting a recording", () => {
+        beforeEach(() => {
+            const mockAudioContext = {
+                createMediaStreamSource: jest.fn().mockReturnValue({
+                    connect: jest.fn(),
+                    disconnect: jest.fn(),
+                }),
+                createScriptProcessor: jest.fn().mockReturnValue({
+                    connect: jest.fn(),
+                    disconnect: jest.fn(),
+                    addEventListener: jest.fn(),
+                    removeEventListener: jest.fn(),
+                }),
+                destination: {},
+                close: jest.fn(),
+            };
+            createAudioContextMock.mockReturnValue(mockAudioContext as unknown as AudioContext);
+        });
+
+        afterEach(async () => {
+            await recording.stop();
+        });
+
+        it("should record high-quality audio if voice processing is disabled", async () => {
+            MediaDeviceHandlerMock.getAudioNoiseSuppression.mockReturnValue(false);
+            await recording.start();
+
+            expect(navigator.mediaDevices.getUserMedia).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    audio: expect.objectContaining({ noiseSuppression: { ideal: false } }),
+                }),
+            );
+            expect(RecorderMock).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    encoderBitRate: highQualityRecorderOptions.bitrate,
+                    encoderApplication: highQualityRecorderOptions.encoderApplication,
+                }),
+            );
+        });
+
+        it("should record normal-quality voice if voice processing is enabled", async () => {
+            MediaDeviceHandlerMock.getAudioNoiseSuppression.mockReturnValue(true);
+            await recording.start();
+
+            expect(navigator.mediaDevices.getUserMedia).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    audio: expect.objectContaining({ noiseSuppression: { ideal: true } }),
+                }),
+            );
+            expect(RecorderMock).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    encoderBitRate: voiceRecorderOptions.bitrate,
+                    encoderApplication: voiceRecorderOptions.encoderApplication,
+                }),
+            );
+        });
+
+        it("should request the selected microphone as an exact device constraint", async () => {
+            MediaDeviceHandlerMock.getAudioInput.mockReturnValue("selected-mic");
+            await recording.start();
+
+            expect(navigator.mediaDevices.getUserMedia).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    audio: expect.objectContaining({ deviceId: { exact: "selected-mic" } }),
+                }),
+            );
+        });
+
+        it("should not force an exact microphone when default device is selected", async () => {
+            MediaDeviceHandlerMock.getAudioInput.mockReturnValue("default");
+            await recording.start();
+
+            const constraints = mocked(navigator.mediaDevices.getUserMedia).mock.calls[0][0]!;
+            expect(constraints.audio).toEqual(
+                expect.not.objectContaining({
+                    deviceId: expect.anything(),
+                }),
+            );
+        });
+    });
+
+    describe("when recording", () => {
+        beforeEach(() => {
+            // @ts-ignore
+            recording.recording = true;
+        });
+
+        describe("and there is an audio update and time left", () => {
+            simulateUpdate(42);
+            itShouldNotCallStop();
+        });
+
+        describe("and there is an audio update and time is up", () => {
+            // one second above the limit
+            simulateUpdate(901);
+
+            it("should call stop", () => {
+                expect(recording.stop).toHaveBeenCalled();
+            });
+        });
+
+        describe("and the max length limit has been disabled", () => {
+            beforeEach(() => {
+                recording.disableMaxLength();
+            });
+
+            describe("and there is an audio update and time left", () => {
+                simulateUpdate(42);
+                itShouldNotCallStop();
+            });
+
+            describe("and there is an audio update and time is up", () => {
+                // one second above the limit
+                simulateUpdate(901);
+                itShouldNotCallStop();
+            });
+        });
+    });
+
+    describe("when not recording", () => {
+        describe("and there is an audio update and time left", () => {
+            simulateUpdate(42);
+            itShouldNotCallStop();
+        });
+
+        describe("and there is an audio update and time is up", () => {
+            // one second above the limit
+            simulateUpdate(901);
+            itShouldNotCallStop();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/audio/compat-test.ts b/apps/web/test/unit-tests/audio/compat-test.ts
new file mode 100644
index 00000000000..da90d617117
--- /dev/null
+++ b/apps/web/test/unit-tests/audio/compat-test.ts
@@ -0,0 +1,15 @@
+/*
+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 { createAudioContext } from "../../../src/audio/compat";
+
+describe("createAudioContext", () => {
+    it("should throw if AudioContext is not supported", () => {
+        window.AudioContext = undefined as any;
+        expect(createAudioContext).toThrow("Unsupported browser");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/AutocompleteInput-test.tsx b/apps/web/test/unit-tests/components/structures/AutocompleteInput-test.tsx
new file mode 100644
index 00000000000..17d443564c3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/AutocompleteInput-test.tsx
@@ -0,0 +1,275 @@
+/*
+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 { screen, render, fireEvent, waitFor, within, act } from "jest-matrix-react";
+
+import * as TestUtils from "../../../test-utils";
+import type AutocompleteProvider from "../../../../src/autocomplete/AutocompleteProvider";
+import { type ICompletion } from "../../../../src/autocomplete/Autocompleter";
+import { AutocompleteInput } from "../../../../src/components/structures/AutocompleteInput";
+
+describe("AutocompleteInput", () => {
+    const mockCompletion: ICompletion[] = [
+        {
+            type: "user",
+            completion: "user_1",
+            completionId: "@user_1:host.local",
+            range: { start: 1, end: 1 },
+            component: <div />,
+        },
+        {
+            type: "user",
+            completion: "user_2",
+            completionId: "@user_2:host.local",
+            range: { start: 1, end: 1 },
+            component: <div />,
+        },
+    ];
+
+    const constructMockProvider = (data: ICompletion[]) =>
+        ({
+            getCompletions: jest.fn().mockImplementation(async () => data),
+        }) as unknown as AutocompleteProvider;
+
+    beforeEach(() => {
+        TestUtils.stubClient();
+    });
+
+    const getEditorInput = () => {
+        const input = screen.getByTestId("autocomplete-input");
+        expect(input).toBeDefined();
+
+        return input;
+    };
+
+    it("should render suggestions when a query is set", async () => {
+        const mockProvider = constructMockProvider(mockCompletion);
+        const onSelectionChangeMock = jest.fn();
+
+        render(
+            <AutocompleteInput
+                provider={mockProvider}
+                placeholder="Search ..."
+                selection={[]}
+                onSelectionChange={onSelectionChangeMock}
+            />,
+        );
+
+        const input = getEditorInput();
+
+        await act(async () => {
+            fireEvent.focus(input);
+            fireEvent.change(input, { target: { value: "user" } });
+            await waitFor(() => expect(mockProvider.getCompletions).toHaveBeenCalledTimes(1));
+        });
+
+        expect(screen.getByTestId("autocomplete-matches").childNodes).toHaveLength(mockCompletion.length);
+    });
+
+    it("should render selected items passed in via props", () => {
+        const mockProvider = constructMockProvider(mockCompletion);
+        const onSelectionChangeMock = jest.fn();
+
+        render(
+            <AutocompleteInput
+                provider={mockProvider}
+                placeholder="Search ..."
+                selection={mockCompletion}
+                onSelectionChange={onSelectionChangeMock}
+            />,
+        );
+
+        const editor = screen.getByTestId("autocomplete-editor");
+        const selection = within(editor).getAllByTestId("autocomplete-selection-item", { exact: false });
+        expect(selection).toHaveLength(mockCompletion.length);
+    });
+
+    it("should call onSelectionChange() when an item is removed from selection", () => {
+        const mockProvider = constructMockProvider(mockCompletion);
+        const onSelectionChangeMock = jest.fn();
+
+        render(
+            <AutocompleteInput
+                provider={mockProvider}
+                placeholder="Search ..."
+                selection={mockCompletion}
+                onSelectionChange={onSelectionChangeMock}
+            />,
+        );
+
+        const editor = screen.getByTestId("autocomplete-editor");
+        const removeButtons = within(editor).getAllByTestId("autocomplete-selection-remove-button", { exact: false });
+        expect(removeButtons).toHaveLength(mockCompletion.length);
+
+        act(() => {
+            fireEvent.click(removeButtons[0]);
+        });
+
+        expect(onSelectionChangeMock).toHaveBeenCalledTimes(1);
+        expect(onSelectionChangeMock).toHaveBeenCalledWith([mockCompletion[1]]);
+    });
+
+    it("should render custom selection element when renderSelection() is defined", () => {
+        const mockProvider = constructMockProvider(mockCompletion);
+        const onSelectionChangeMock = jest.fn();
+
+        const renderSelection = () => <span data-testid="custom-selection-element">custom selection element</span>;
+
+        render(
+            <AutocompleteInput
+                provider={mockProvider}
+                placeholder="Search ..."
+                selection={mockCompletion}
+                onSelectionChange={onSelectionChangeMock}
+                renderSelection={renderSelection}
+            />,
+        );
+
+        expect(screen.getAllByTestId("custom-selection-element")).toHaveLength(mockCompletion.length);
+    });
+
+    it("should render custom suggestion element when renderSuggestion() is defined", async () => {
+        const mockProvider = constructMockProvider(mockCompletion);
+        const onSelectionChangeMock = jest.fn();
+
+        const renderSuggestion = () => <span data-testid="custom-suggestion-element">custom suggestion element</span>;
+
+        render(
+            <AutocompleteInput
+                provider={mockProvider}
+                placeholder="Search ..."
+                selection={mockCompletion}
+                onSelectionChange={onSelectionChangeMock}
+                renderSuggestion={renderSuggestion}
+            />,
+        );
+
+        const input = getEditorInput();
+
+        await act(async () => {
+            fireEvent.focus(input);
+            fireEvent.change(input, { target: { value: "user" } });
+            await waitFor(() => expect(mockProvider.getCompletions).toHaveBeenCalledTimes(1));
+        });
+
+        expect(screen.getAllByTestId("custom-suggestion-element")).toHaveLength(mockCompletion.length);
+    });
+
+    it("should mark selected suggestions as selected", async () => {
+        const mockProvider = constructMockProvider(mockCompletion);
+        const onSelectionChangeMock = jest.fn();
+
+        const { container } = render(
+            <AutocompleteInput
+                provider={mockProvider}
+                placeholder="Search ..."
+                selection={mockCompletion}
+                onSelectionChange={onSelectionChangeMock}
+            />,
+        );
+
+        const input = getEditorInput();
+
+        act(() => {
+            fireEvent.focus(input);
+            fireEvent.change(input, { target: { value: "user" } });
+        });
+
+        await waitFor(() => expect(mockProvider.getCompletions).toHaveBeenCalledTimes(1));
+        const suggestions = await within(container).findAllByTestId("autocomplete-suggestion-item", { exact: false });
+        expect(suggestions).toHaveLength(mockCompletion.length);
+        suggestions.map((suggestion) => expect(suggestion).toHaveClass("mx_AutocompleteInput_suggestion--selected"));
+    });
+
+    it("should remove the last added selection when backspace is pressed in empty input", () => {
+        const mockProvider = constructMockProvider(mockCompletion);
+        const onSelectionChangeMock = jest.fn();
+
+        render(
+            <AutocompleteInput
+                provider={mockProvider}
+                placeholder="Search ..."
+                selection={mockCompletion}
+                onSelectionChange={onSelectionChangeMock}
+            />,
+        );
+
+        const input = getEditorInput();
+
+        act(() => {
+            fireEvent.keyDown(input, { key: "Backspace" });
+        });
+
+        expect(onSelectionChangeMock).toHaveBeenCalledWith([mockCompletion[0]]);
+    });
+
+    it("should toggle a selected item when a suggestion is clicked", async () => {
+        const mockProvider = constructMockProvider(mockCompletion);
+        const onSelectionChangeMock = jest.fn();
+
+        const { container } = render(
+            <AutocompleteInput
+                provider={mockProvider}
+                placeholder="Search ..."
+                selection={[]}
+                onSelectionChange={onSelectionChangeMock}
+            />,
+        );
+
+        const input = getEditorInput();
+
+        act(() => {
+            fireEvent.focus(input);
+            fireEvent.change(input, { target: { value: "user" } });
+        });
+
+        const suggestions = await within(container).findAllByTestId("autocomplete-suggestion-item", { exact: false });
+
+        act(() => {
+            fireEvent.mouseDown(suggestions[0]);
+        });
+
+        expect(onSelectionChangeMock).toHaveBeenCalledWith([mockCompletion[0]]);
+    });
+
+    it("should clear text field and suggestions when a suggestion is accepted", async () => {
+        const mockProvider = constructMockProvider(mockCompletion);
+        const onSelectionChangeMock = jest.fn();
+
+        const { container } = render(
+            <AutocompleteInput
+                provider={mockProvider}
+                placeholder="Search ..."
+                selection={[]}
+                onSelectionChange={onSelectionChangeMock}
+            />,
+        );
+
+        const input = getEditorInput();
+
+        act(() => {
+            fireEvent.focus(input);
+            fireEvent.change(input, { target: { value: "user" } });
+        });
+
+        const suggestions = await within(container).findAllByTestId("autocomplete-suggestion-item", { exact: false });
+
+        act(() => {
+            fireEvent.mouseDown(suggestions[0]);
+        });
+
+        expect(input).toHaveValue("");
+        expect(within(container).queryAllByTestId("autocomplete-suggestion-item", { exact: false })).toHaveLength(0);
+    });
+
+    afterAll(() => {
+        jest.clearAllMocks();
+        jest.resetModules();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/ContextMenu-test.ts b/apps/web/test/unit-tests/components/structures/ContextMenu-test.ts
new file mode 100644
index 00000000000..6e57b53a80f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/ContextMenu-test.ts
@@ -0,0 +1,38 @@
+/*
+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 { toRightOf } from "../../../../src/components/structures/ContextMenu";
+import UIStore from "../../../../src/stores/UIStore";
+
+describe("ContextMenu", () => {
+    const rect = new DOMRect();
+    // @ts-ignore
+    rect.left = 23;
+    // @ts-ignore
+    rect.right = 46;
+    // @ts-ignore
+    rect.top = 42;
+    rect.width = 640;
+    rect.height = 480;
+
+    beforeEach(() => {
+        window.scrollX = 31;
+        window.scrollY = 41;
+        UIStore.instance.windowWidth = 1280;
+    });
+
+    describe("toRightOf", () => {
+        it("should return the correct positioning", () => {
+            expect(toRightOf(rect)).toEqual({
+                chevronOffset: 12,
+                left: 80, // 46 + 31 + 3
+                top: 303, // 42 + (480 / 2) + 41 - (12 + 8)
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/FileDropTarget-test.tsx b/apps/web/test/unit-tests/components/structures/FileDropTarget-test.tsx
new file mode 100644
index 00000000000..30c780de4cd
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/FileDropTarget-test.tsx
@@ -0,0 +1,71 @@
+/*
+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, fireEvent } from "jest-matrix-react";
+import { useMockedViewModel } from "@element-hq/web-shared-components";
+
+import FileDropTarget from "../../../../src/components/structures/FileDropTarget.tsx";
+import { RoomUploadContext, type RoomUploadViewModel } from "../../../../src/viewmodels/room/RoomUploadViewModel.tsx";
+
+function FileDropTargetWrapped({
+    element,
+    mayDragAndDropFile = false,
+    onFileDrop,
+}: {
+    element: HTMLDivElement;
+    mayDragAndDropFile?: boolean;
+    onFileDrop: RoomUploadViewModel["initiateViaDataTransfer"];
+}) {
+    const mockVm = useMockedViewModel<
+        { mayDragAndDropFile: boolean },
+        Pick<RoomUploadViewModel, "initiateViaDataTransfer">
+    >({ mayDragAndDropFile }, { initiateViaDataTransfer: onFileDrop });
+    return (
+        <RoomUploadContext.Provider value={mockVm as RoomUploadViewModel}>
+            <FileDropTarget parent={element} />
+        </RoomUploadContext.Provider>
+    );
+}
+
+describe("FileDropTarget", () => {
+    it("should render nothing when idle", () => {
+        const element = document.createElement("div");
+        const onFileDrop = jest.fn();
+
+        const { asFragment } = render(
+            <FileDropTargetWrapped element={element} mayDragAndDropFile onFileDrop={onFileDrop} />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render drop file prompt on mouse over with file if permissions allow", () => {
+        const element = document.createElement("div");
+        const onFileDrop = jest.fn();
+        const { asFragment } = render(
+            <FileDropTargetWrapped element={element} mayDragAndDropFile onFileDrop={onFileDrop} />,
+        );
+        fireEvent.dragEnter(element, {
+            dataTransfer: {
+                types: ["Files"],
+            },
+        });
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should not render drop file prompt on mouse over with file if permissions do not allow", () => {
+        const element = document.createElement("div");
+        const onFileDrop = jest.fn();
+        const { asFragment } = render(<FileDropTargetWrapped element={element} onFileDrop={onFileDrop} />);
+        fireEvent.dragEnter(element, {
+            dataTransfer: {
+                types: ["Files"],
+            },
+        });
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/FilePanel-test.tsx b/apps/web/test/unit-tests/components/structures/FilePanel-test.tsx
new file mode 100644
index 00000000000..acbf699c420
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/FilePanel-test.tsx
@@ -0,0 +1,92 @@
+/*
+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.
+*/
+
+import React from "react";
+import { EventTimelineSet, PendingEventOrdering, Room, RoomEvent } from "matrix-js-sdk/src/matrix";
+import { screen, render, waitFor } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+
+import FilePanel from "../../../../src/components/structures/FilePanel";
+import { clientAndSDKContextRenderOptions, mkEvent, stubClient } from "../../../test-utils";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass.ts";
+
+jest.mock("matrix-js-sdk/src/matrix", () => ({
+    ...jest.requireActual("matrix-js-sdk/src/matrix"),
+    TimelineWindow: jest.fn().mockReturnValue({
+        load: jest.fn().mockResolvedValue(null),
+        getEvents: jest.fn().mockReturnValue([]),
+        canPaginate: jest.fn().mockReturnValue(false),
+    }),
+}));
+
+describe("FilePanel", () => {
+    beforeEach(() => {
+        stubClient();
+    });
+
+    it("renders empty state", async () => {
+        const cli = MatrixClientPeg.safeGet();
+        const room = new Room("!room:server", cli, cli.getSafeUserId(), {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        const timelineSet = new EventTimelineSet(room);
+        room.getOrCreateFilteredTimelineSet = jest.fn().mockReturnValue(timelineSet);
+        mocked(cli.getRoom).mockReturnValue(room);
+
+        const { asFragment } = render(
+            <FilePanel roomId={room.roomId} onClose={jest.fn()} />,
+            clientAndSDKContextRenderOptions(cli, SDKContextClass.instance),
+        );
+        await waitFor(() => {
+            expect(screen.getByText("No files visible in this room")).toBeInTheDocument();
+        });
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    describe("addEncryptedLiveEvent", () => {
+        it("should add file msgtype event to filtered timelineSet", async () => {
+            const cli = MatrixClientPeg.safeGet();
+            const room = new Room("!room:server", cli, cli.getSafeUserId(), {
+                pendingEventOrdering: PendingEventOrdering.Detached,
+            });
+            cli.reEmitter.reEmit(room, [RoomEvent.Timeline]);
+            const timelineSet = new EventTimelineSet(room);
+            room.getOrCreateFilteredTimelineSet = jest.fn().mockReturnValue(timelineSet);
+            mocked(cli.getRoom).mockReturnValue(room);
+
+            let filePanel: FilePanel | null;
+            render(
+                <FilePanel
+                    roomId={room.roomId}
+                    onClose={jest.fn()}
+                    ref={(ref) => {
+                        filePanel = ref;
+                    }}
+                />,
+                clientAndSDKContextRenderOptions(cli, SDKContextClass.instance),
+            );
+            await screen.findByText("No files visible in this room");
+
+            const event = mkEvent({
+                type: "m.room.message",
+                user: cli.getSafeUserId(),
+                room: room.roomId,
+                content: {
+                    body: "hello",
+                    url: "mxc://matrix.org/1234",
+                    msgtype: "m.file",
+                },
+                event: true,
+            });
+            filePanel!.addEncryptedLiveEvent(event);
+
+            expect(timelineSet.getLiveTimeline().getEvents()).toContain(event);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/GenericDropdownMenu-test.tsx b/apps/web/test/unit-tests/components/structures/GenericDropdownMenu-test.tsx
new file mode 100644
index 00000000000..e2ea1c5a75a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/GenericDropdownMenu-test.tsx
@@ -0,0 +1,48 @@
+/*
+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 React from "react";
+import { render, screen, fireEvent } from "jest-matrix-react";
+
+import {
+    GenericDropdownMenu,
+    type GenericDropdownMenuItem,
+} from "../../../../src/components/structures/GenericDropdownMenu.tsx";
+
+describe("GenericDropdownMenu", () => {
+    it("should render check icon for checked option", async () => {
+        const options: GenericDropdownMenuItem<string>[] = [
+            {
+                key: "selected",
+                label: "Selected",
+                description: "This item is selected",
+            },
+            {
+                key: "not-selected",
+                label: "Not selected",
+            },
+        ];
+
+        render(
+            <GenericDropdownMenu
+                value="selected"
+                options={options}
+                onChange={jest.fn()}
+                selectedLabel={() => "Selected"}
+            />,
+        );
+
+        const trigger = screen.getByRole("button");
+        fireEvent.click(trigger);
+
+        const dropdown = await screen.findByRole("menu");
+        expect(
+            dropdown.querySelector('[aria-checked="true"]')?.querySelector(".mx_GenericDropdownMenu_Option--checkIcon"),
+        ).toBeTruthy();
+        expect(dropdown).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/LargeLoader-test.tsx b/apps/web/test/unit-tests/components/structures/LargeLoader-test.tsx
new file mode 100644
index 00000000000..889ec2f50d3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/LargeLoader-test.tsx
@@ -0,0 +1,24 @@
+/*
+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 { LargeLoader } from "../../../../src/components/structures/LargeLoader";
+
+describe("LargeLoader", () => {
+    const text = "test loading text";
+
+    beforeEach(() => {
+        render(<LargeLoader text={text} />);
+    });
+
+    it("should render the text", () => {
+        screen.getByText(text);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/LegacyCallEventGrouper-test.ts b/apps/web/test/unit-tests/components/structures/LegacyCallEventGrouper-test.ts
new file mode 100644
index 00000000000..be074a5fd0e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/LegacyCallEventGrouper-test.ts
@@ -0,0 +1,228 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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 { type MatrixClient, MatrixEvent, EventType } from "matrix-js-sdk/src/matrix";
+import { CallState } from "matrix-js-sdk/src/webrtc/call";
+
+import { stubClient } from "../../../test-utils";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import LegacyCallEventGrouper from "../../../../src/components/structures/LegacyCallEventGrouper";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass.ts";
+
+const MY_USER_ID = "@me:here";
+const THEIR_USER_ID = "@they:here";
+
+let client: MatrixClient;
+
+describe("LegacyCallEventGrouper", () => {
+    beforeEach(() => {
+        stubClient();
+        client = MatrixClientPeg.safeGet();
+        client.getUserId = () => {
+            return MY_USER_ID;
+        };
+    });
+
+    it("detects a missed call", () => {
+        const grouper = new LegacyCallEventGrouper();
+
+        // This assumes that the other party aborted the call by sending a hangup,
+        // which is the usual case. Another possible test would be for the edge
+        // case where there is only an expired invite event.
+        grouper.add({
+            getContent: () => {
+                return {
+                    call_id: "callId",
+                };
+            },
+            getType: () => {
+                return EventType.CallInvite;
+            },
+            sender: {
+                userId: THEIR_USER_ID,
+            },
+        } as unknown as MatrixEvent);
+        grouper.add({
+            getContent: () => {
+                return {
+                    call_id: "callId",
+                };
+            },
+            getType: () => {
+                return EventType.CallHangup;
+            },
+            sender: {
+                userId: THEIR_USER_ID,
+            },
+        } as unknown as MatrixEvent);
+
+        expect(grouper.state).toBe(CallState.Ended);
+        expect(grouper.callWasMissed).toBe(true);
+    });
+
+    it("detects an ended call", () => {
+        const grouperHangup = new LegacyCallEventGrouper();
+        const grouperReject = new LegacyCallEventGrouper();
+
+        grouperHangup.add({
+            getContent: () => {
+                return {
+                    call_id: "callId",
+                };
+            },
+            getType: () => {
+                return EventType.CallInvite;
+            },
+            sender: {
+                userId: MY_USER_ID,
+            },
+        } as unknown as MatrixEvent);
+        grouperHangup.add({
+            getContent: () => {
+                return {
+                    call_id: "callId",
+                };
+            },
+            getType: () => {
+                return EventType.CallHangup;
+            },
+            sender: {
+                userId: THEIR_USER_ID,
+            },
+        } as unknown as MatrixEvent);
+
+        grouperReject.add({
+            getContent: () => {
+                return {
+                    call_id: "callId",
+                };
+            },
+            getType: () => {
+                return EventType.CallInvite;
+            },
+            sender: {
+                userId: MY_USER_ID,
+            },
+        } as unknown as MatrixEvent);
+        grouperReject.add({
+            getContent: () => {
+                return {
+                    call_id: "callId",
+                };
+            },
+            getType: () => {
+                return EventType.CallReject;
+            },
+            sender: {
+                userId: THEIR_USER_ID,
+            },
+        } as unknown as MatrixEvent);
+
+        expect(grouperHangup.state).toBe(CallState.Ended);
+        expect(grouperReject.state).toBe(CallState.Ended);
+    });
+
+    it("detects call type", () => {
+        const grouper = new LegacyCallEventGrouper();
+
+        grouper.add({
+            getContent: () => {
+                return {
+                    call_id: "callId",
+                    offer: {
+                        sdp: "this is definitely an SDP m=video",
+                    },
+                };
+            },
+            getType: () => {
+                return EventType.CallInvite;
+            },
+        } as unknown as MatrixEvent);
+
+        expect(grouper.isVoice).toBe(false);
+    });
+
+    it("should be able to answer call", () => {
+        const grouper = new LegacyCallEventGrouper();
+        grouper.add(
+            new MatrixEvent({
+                content: {
+                    call_id: "callId",
+                },
+                type: EventType.CallInvite,
+                sender: THEIR_USER_ID,
+                room_id: "!room:server",
+            }),
+        );
+
+        jest.spyOn(SDKContextClass.instance.legacyCallHandler, "answerCall");
+        grouper.answerCall();
+        expect(SDKContextClass.instance.legacyCallHandler.answerCall).toHaveBeenCalledWith("!room:server");
+    });
+
+    it("should be able to reject call", () => {
+        const grouper = new LegacyCallEventGrouper();
+        grouper.add(
+            new MatrixEvent({
+                content: {
+                    call_id: "callId",
+                },
+                type: EventType.CallInvite,
+                sender: THEIR_USER_ID,
+                room_id: "!room:server",
+            }),
+        );
+
+        jest.spyOn(SDKContextClass.instance.legacyCallHandler, "hangupOrReject");
+        grouper.rejectCall();
+        expect(SDKContextClass.instance.legacyCallHandler.hangupOrReject).toHaveBeenCalledWith("!room:server", true);
+    });
+
+    it("should be able to callback call", () => {
+        const grouper = new LegacyCallEventGrouper();
+        grouper.add(
+            new MatrixEvent({
+                content: {
+                    call_id: "callId",
+                },
+                type: EventType.CallHangup,
+                sender: THEIR_USER_ID,
+                room_id: "!room:server",
+            }),
+        );
+
+        jest.spyOn(SDKContextClass.instance.legacyCallHandler, "placeCall");
+        grouper.callBack();
+        expect(SDKContextClass.instance.legacyCallHandler.placeCall).toHaveBeenCalledWith("!room:server", "video");
+    });
+
+    it("should be able to toggle call silenced", () => {
+        const grouper = new LegacyCallEventGrouper();
+        grouper.add(
+            new MatrixEvent({
+                content: {
+                    call_id: "callId",
+                },
+                type: EventType.CallHangup,
+                sender: THEIR_USER_ID,
+                room_id: "!room:server",
+            }),
+        );
+
+        jest.spyOn(SDKContextClass.instance.legacyCallHandler, "unSilenceCall");
+        jest.spyOn(SDKContextClass.instance.legacyCallHandler, "silenceCall");
+
+        jest.spyOn(SDKContextClass.instance.legacyCallHandler, "isCallSilenced").mockReturnValue(false);
+        grouper.toggleSilenced();
+        expect(SDKContextClass.instance.legacyCallHandler.silenceCall).toHaveBeenCalledWith("callId");
+
+        jest.spyOn(SDKContextClass.instance.legacyCallHandler, "isCallSilenced").mockReturnValue(true);
+        grouper.toggleSilenced();
+        expect(SDKContextClass.instance.legacyCallHandler.unSilenceCall).toHaveBeenCalledWith("callId");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/LoggedInView-test.tsx b/apps/web/test/unit-tests/components/structures/LoggedInView-test.tsx
new file mode 100644
index 00000000000..7212e5ffead
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/LoggedInView-test.tsx
@@ -0,0 +1,568 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2015-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, type RenderResult } from "jest-matrix-react";
+import {
+    ConditionKind,
+    EventType,
+    type IPushRule,
+    MatrixEvent,
+    ClientEvent,
+    PushRuleKind,
+    ProfileKeyTimezone,
+    ProfileKeyMSC4175Timezone,
+    SyncState,
+    MatrixError,
+} from "matrix-js-sdk/src/matrix";
+import { MediaHandler } from "matrix-js-sdk/src/webrtc/mediaHandler";
+import { logger } from "matrix-js-sdk/src/logger";
+import userEvent from "@testing-library/user-event";
+import { PushProcessor } from "matrix-js-sdk/src/pushprocessor";
+
+import LoggedInView from "../../../../src/components/structures/LoggedInView";
+import { SDKContext } from "../../../../src/contexts/SDKContext";
+import { StandardActions } from "../../../../src/notifications/StandardActions";
+import ResizeNotifier from "../../../../src/utils/ResizeNotifier";
+import {
+    flushPromises,
+    getMockClientWithEventEmitter,
+    mockClientMethodsRooms,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+} from "../../../test-utils";
+import { TestSDKContext } from "../../TestSDKContext";
+import defaultDispatcher from "../../../../src/dispatcher/dispatcher";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../../src/settings/SettingLevel";
+import { Action } from "../../../../src/dispatcher/actions";
+import Modal from "../../../../src/Modal";
+import { SETTINGS } from "../../../../src/settings/Settings";
+import ToastStore from "../../../../src/stores/ToastStore";
+import { ModuleApi } from "../../../../src/modules/Api";
+import { fireEvent } from "@testing-library/dom";
+
+describe("<LoggedInView />", () => {
+    const userId = "@alice:domain.org";
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        ...mockClientMethodsServer(),
+        ...mockClientMethodsRooms([]),
+        getAccountData: jest.fn(),
+        getSyncState: jest.fn().mockReturnValue(null),
+        getSyncStateData: jest.fn().mockReturnValue(null),
+        getMediaHandler: jest.fn(),
+        setPushRuleEnabled: jest.fn(),
+        setPushRuleActions: jest.fn(),
+        getCrypto: jest.fn().mockReturnValue(undefined),
+        setExtendedProfileProperty: jest.fn().mockResolvedValue(undefined),
+        deleteExtendedProfileProperty: jest.fn().mockResolvedValue(undefined),
+        doesServerSupportExtendedProfiles: jest.fn().mockResolvedValue(true),
+        matrixRTC: {
+            on: jest.fn(),
+        },
+        getAuthMetadata: jest.fn().mockRejectedValue(new Error("Legacy auth")),
+        hasLazyLoadMembersEnabled: jest.fn(),
+        isInitialSyncComplete: jest.fn(),
+    });
+    const mediaHandler = new MediaHandler(mockClient);
+    const mockSdkContext = new TestSDKContext();
+
+    const defaultProps = {
+        matrixClient: mockClient,
+        onRegistered: jest.fn(),
+        resizeNotifier: new ResizeNotifier(),
+        hideToSRUsers: false,
+        config: {
+            brand: "Test",
+        },
+        currentRoomId: "",
+        currentUserId: "@bob:server",
+    };
+
+    const getComponent = (props = {}): RenderResult =>
+        render(<LoggedInView {...defaultProps} {...props} />, {
+            wrapper: ({ children }) => <SDKContext.Provider value={mockSdkContext}>{children}</SDKContext.Provider>,
+        });
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        mockClient.getMediaHandler.mockReturnValue(mediaHandler);
+        mockClient.setPushRuleActions.mockReset().mockResolvedValue({});
+        // @ts-expect-error
+        mockClient.pushProcessor = new PushProcessor(mockClient);
+        mockSdkContext._client = mockClient;
+    });
+
+    describe("synced push rules", () => {
+        const pushRulesEvent = new MatrixEvent({ type: EventType.PushRules });
+
+        const oneToOneRule = {
+            conditions: [
+                { kind: ConditionKind.RoomMemberCount, is: "2" },
+                { kind: ConditionKind.EventMatch, key: "type", pattern: "m.room.message" },
+            ],
+            actions: StandardActions.ACTION_NOTIFY,
+            rule_id: ".m.rule.room_one_to_one",
+            default: true,
+            enabled: true,
+        } as IPushRule;
+
+        const oneToOneRuleDisabled = {
+            ...oneToOneRule,
+            enabled: false,
+        };
+
+        const groupRule = {
+            conditions: [{ kind: ConditionKind.EventMatch, key: "type", pattern: "m.room.message" }],
+            actions: StandardActions.ACTION_NOTIFY,
+            rule_id: ".m.rule.message",
+            default: true,
+            enabled: true,
+        } as IPushRule;
+
+        const pollStartOneToOne = {
+            conditions: [
+                {
+                    kind: ConditionKind.RoomMemberCount,
+                    is: "2",
+                },
+                {
+                    kind: ConditionKind.EventMatch,
+                    key: "type",
+                    pattern: "org.matrix.msc3381.poll.start",
+                },
+            ],
+            actions: StandardActions.ACTION_NOTIFY,
+            rule_id: ".org.matrix.msc3930.rule.poll_start_one_to_one",
+            default: true,
+            enabled: true,
+        } as IPushRule;
+
+        const pollEndOneToOne = {
+            conditions: [
+                {
+                    kind: ConditionKind.RoomMemberCount,
+                    is: "2",
+                },
+                {
+                    kind: ConditionKind.EventMatch,
+                    key: "type",
+                    pattern: "org.matrix.msc3381.poll.end",
+                },
+            ],
+            actions: StandardActions.ACTION_HIGHLIGHT_DEFAULT_SOUND,
+            rule_id: ".org.matrix.msc3930.rule.poll_end_one_to_one",
+            default: true,
+            enabled: true,
+        } as IPushRule;
+
+        const pollStartGroup = {
+            conditions: [
+                {
+                    kind: ConditionKind.EventMatch,
+                    key: "type",
+                    pattern: "org.matrix.msc3381.poll.start",
+                },
+            ],
+            actions: StandardActions.ACTION_HIGHLIGHT_DEFAULT_SOUND,
+            rule_id: ".org.matrix.msc3930.rule.poll_start",
+            default: true,
+            enabled: true,
+        } as IPushRule;
+
+        beforeEach(() => {
+            mockClient.getAccountData.mockImplementation((eventType: string) =>
+                eventType === EventType.PushRules ? pushRulesEvent : undefined,
+            );
+            setPushRules([]);
+            // stub out error logger to avoid littering console
+            jest.spyOn(logger, "error")
+                .mockClear()
+                .mockImplementation(() => {});
+
+            mockClient.setPushRuleActions.mockClear();
+            mockClient.setPushRuleEnabled.mockClear();
+        });
+
+        const setPushRules = (rules: IPushRule[] = []): void => {
+            const pushRules = {
+                global: {
+                    underride: [...rules],
+                },
+            };
+
+            mockClient.pushRules = pushRules;
+        };
+
+        describe("on mount", () => {
+            it("handles when user has no push rules event in account data", () => {
+                mockClient.getAccountData.mockReturnValue(undefined);
+                getComponent();
+
+                expect(mockClient.getAccountData).toHaveBeenCalledWith(EventType.PushRules);
+                expect(logger.error).not.toHaveBeenCalled();
+            });
+
+            it("handles when user doesnt have a push rule defined in vector definitions", () => {
+                // synced push rules uses VectorPushRulesDefinitions
+                // rules defined there may not exist in m.push_rules
+                // mock push rules with group rule, but missing oneToOne rule
+                setPushRules([pollStartOneToOne, groupRule, pollStartGroup]);
+
+                getComponent();
+
+                // just called once for one-to-one
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledTimes(1);
+                // set to match primary rule (groupRule)
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    "underride",
+                    pollStartGroup.rule_id,
+                    StandardActions.ACTION_NOTIFY,
+                );
+            });
+
+            it("updates all mismatched rules from synced rules", () => {
+                setPushRules([
+                    // poll 1-1 rules are synced with oneToOneRule
+                    oneToOneRule, // on
+                    pollStartOneToOne, // on
+                    pollEndOneToOne, // loud
+                    // poll group rules are synced with groupRule
+                    groupRule, // on
+                    pollStartGroup, // loud
+                ]);
+
+                getComponent();
+
+                // only called for rules not in sync with their primary rule
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledTimes(2);
+                // set to match primary rule
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    "underride",
+                    pollStartGroup.rule_id,
+                    StandardActions.ACTION_NOTIFY,
+                );
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    "underride",
+                    pollEndOneToOne.rule_id,
+                    StandardActions.ACTION_NOTIFY,
+                );
+            });
+
+            it("updates all mismatched rules from synced rules when primary rule is disabled", async () => {
+                setPushRules([
+                    // poll 1-1 rules are synced with oneToOneRule
+                    oneToOneRuleDisabled, // off
+                    pollStartOneToOne, // on
+                    pollEndOneToOne, // loud
+                    // poll group rules are synced with groupRule
+                    groupRule, // on
+                    pollStartGroup, // loud
+                ]);
+
+                getComponent();
+
+                await flushPromises();
+
+                // set to match primary rule
+                expect(mockClient.setPushRuleEnabled).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.Underride,
+                    pollStartOneToOne.rule_id,
+                    false,
+                );
+                expect(mockClient.setPushRuleEnabled).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.Underride,
+                    pollEndOneToOne.rule_id,
+                    false,
+                );
+            });
+
+            it("catches and logs errors while updating a rule", async () => {
+                mockClient.setPushRuleActions.mockRejectedValueOnce("oups").mockResolvedValueOnce({});
+
+                setPushRules([
+                    // poll 1-1 rules are synced with oneToOneRule
+                    oneToOneRule, // on
+                    pollStartOneToOne, // on
+                    pollEndOneToOne, // loud
+                    // poll group rules are synced with groupRule
+                    groupRule, // on
+                    pollStartGroup, // loud
+                ]);
+
+                getComponent();
+                await flushPromises();
+
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledTimes(2);
+                // both calls made
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    "underride",
+                    pollStartGroup.rule_id,
+                    StandardActions.ACTION_NOTIFY,
+                );
+                // second primary rule still updated after first rule failed
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    "underride",
+                    pollEndOneToOne.rule_id,
+                    StandardActions.ACTION_NOTIFY,
+                );
+                expect(logger.error).toHaveBeenCalledWith(
+                    "Failed to fully synchronise push rules for .m.rule.room_one_to_one",
+                    "oups",
+                );
+            });
+        });
+
+        describe("on changes to account_data", () => {
+            it("ignores other account data events", () => {
+                // setup a push rule state with mismatched rules
+                setPushRules([
+                    // poll 1-1 rules are synced with oneToOneRule
+                    oneToOneRule, // on
+                    pollEndOneToOne, // loud
+                ]);
+
+                getComponent();
+
+                mockClient.setPushRuleActions.mockClear();
+
+                const someOtherAccountData = new MatrixEvent({ type: "my-test-account-data " });
+                mockClient.emit(ClientEvent.AccountData, someOtherAccountData);
+
+                // didnt check rule sync
+                expect(mockClient.setPushRuleActions).not.toHaveBeenCalled();
+            });
+
+            it("updates all mismatched rules from synced rules on a change to push rules account data", () => {
+                // setup a push rule state with mismatched rules
+                setPushRules([
+                    // poll 1-1 rules are synced with oneToOneRule
+                    oneToOneRule, // on
+                    pollEndOneToOne, // loud
+                ]);
+
+                getComponent();
+
+                mockClient.setPushRuleActions.mockClear();
+
+                mockClient.emit(ClientEvent.AccountData, pushRulesEvent);
+
+                // set to match primary rule
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    "underride",
+                    pollEndOneToOne.rule_id,
+                    StandardActions.ACTION_NOTIFY,
+                );
+            });
+
+            it("updates all mismatched rules from synced rules on a change to push rules account data when primary rule is disabled", async () => {
+                // setup a push rule state with mismatched rules
+                setPushRules([
+                    // poll 1-1 rules are synced with oneToOneRule
+                    oneToOneRuleDisabled, // off
+                    pollEndOneToOne, // loud
+                ]);
+
+                getComponent();
+
+                await flushPromises();
+
+                mockClient.setPushRuleEnabled.mockClear();
+
+                mockClient.emit(ClientEvent.AccountData, pushRulesEvent);
+
+                // set to match primary rule
+                expect(mockClient.setPushRuleEnabled).toHaveBeenCalledWith(
+                    "global",
+                    "underride",
+                    pollEndOneToOne.rule_id,
+                    false,
+                );
+            });
+
+            it("stops listening to account data events on unmount", () => {
+                // setup a push rule state with mismatched rules
+                setPushRules([
+                    // poll 1-1 rules are synced with oneToOneRule
+                    oneToOneRule, // on
+                    pollEndOneToOne, // loud
+                ]);
+
+                const { unmount } = getComponent();
+
+                mockClient.setPushRuleActions.mockClear();
+
+                unmount();
+
+                mockClient.emit(ClientEvent.AccountData, pushRulesEvent);
+
+                // not called
+                expect(mockClient.setPushRuleActions).not.toHaveBeenCalled();
+            });
+        });
+    });
+
+    it("should fire FocusMessageSearch on Ctrl+F when enabled", async () => {
+        jest.spyOn(defaultDispatcher, "fire");
+        await SettingsStore.setValue("ctrlFForSearch", null, SettingLevel.DEVICE, true);
+
+        getComponent();
+        await userEvent.keyboard("{Control>}f{/Control}");
+        expect(defaultDispatcher.fire).toHaveBeenCalledWith(Action.FocusMessageSearch);
+    });
+
+    it("should go home on home shortcut", async () => {
+        jest.spyOn(defaultDispatcher, "dispatch");
+
+        getComponent();
+        await userEvent.keyboard("{Control>}{Alt>}h</Alt>{/Control}");
+        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({ action: Action.ViewHomePage });
+    });
+
+    it("should ignore home shortcut if dialogs are open", async () => {
+        jest.spyOn(defaultDispatcher, "dispatch");
+        jest.spyOn(Modal, "hasDialogs").mockReturnValue(true);
+
+        getComponent();
+
+        await userEvent.keyboard("{Control>}{Alt>}h</Alt>{/Control}");
+        expect(defaultDispatcher.dispatch).not.toHaveBeenCalledWith({ action: Action.ViewHomePage });
+    });
+
+    it("should open spotlight when Ctrl+k is fired", async () => {
+        jest.spyOn(defaultDispatcher, "fire");
+
+        getComponent();
+        await userEvent.keyboard("{Control>}k{/Control}");
+        expect(defaultDispatcher.fire).toHaveBeenCalledWith(Action.OpenSpotlight);
+    });
+
+    describe("timezone updates", () => {
+        const userTimezone = "Europe/London";
+        const originalController = SETTINGS["userTimezonePublish"].controller;
+
+        beforeEach(async () => {
+            SETTINGS["userTimezonePublish"].controller = undefined;
+            await SettingsStore.setValue("userTimezonePublish", null, SettingLevel.DEVICE, false);
+            await SettingsStore.setValue("userTimezone", null, SettingLevel.DEVICE, userTimezone);
+        });
+
+        afterEach(() => {
+            SETTINGS["userTimezonePublish"].controller = originalController;
+        });
+
+        it("does not update the timezone when userTimezonePublish is off", async () => {
+            getComponent();
+            await SettingsStore.setValue("userTimezonePublish", null, SettingLevel.DEVICE, false);
+            expect(mockClient.deleteExtendedProfileProperty).toHaveBeenCalledWith(ProfileKeyTimezone);
+            expect(mockClient.deleteExtendedProfileProperty).toHaveBeenCalledWith(ProfileKeyMSC4175Timezone);
+            expect(mockClient.setExtendedProfileProperty).not.toHaveBeenCalled();
+        });
+        it("should set the user timezone when userTimezonePublish is enabled", async () => {
+            getComponent();
+            await SettingsStore.setValue("userTimezonePublish", null, SettingLevel.DEVICE, true);
+            expect(mockClient.setExtendedProfileProperty).toHaveBeenCalledWith(ProfileKeyTimezone, userTimezone);
+            expect(mockClient.setExtendedProfileProperty).toHaveBeenCalledWith(ProfileKeyMSC4175Timezone, userTimezone);
+        });
+
+        it("should set the user timezone when the timezone is changed", async () => {
+            const newTimezone = "Europe/Paris";
+            getComponent();
+            await SettingsStore.setValue("userTimezonePublish", null, SettingLevel.DEVICE, true);
+            expect(mockClient.setExtendedProfileProperty).toHaveBeenCalledWith(ProfileKeyTimezone, userTimezone);
+            expect(mockClient.setExtendedProfileProperty).toHaveBeenCalledWith(ProfileKeyMSC4175Timezone, userTimezone);
+            await SettingsStore.setValue("userTimezone", null, SettingLevel.DEVICE, newTimezone);
+            expect(mockClient.setExtendedProfileProperty).toHaveBeenCalledWith(ProfileKeyTimezone, newTimezone);
+            expect(mockClient.setExtendedProfileProperty).toHaveBeenCalledWith(ProfileKeyMSC4175Timezone, newTimezone);
+        });
+
+        it("should clear the timezone when the publish feature is turned off", async () => {
+            getComponent();
+            await SettingsStore.setValue("userTimezonePublish", null, SettingLevel.DEVICE, true);
+            expect(mockClient.setExtendedProfileProperty).toHaveBeenCalledWith(ProfileKeyTimezone, userTimezone);
+            expect(mockClient.setExtendedProfileProperty).toHaveBeenCalledWith(ProfileKeyMSC4175Timezone, userTimezone);
+            await SettingsStore.setValue("userTimezonePublish", null, SettingLevel.DEVICE, false);
+            expect(mockClient.deleteExtendedProfileProperty).toHaveBeenCalledWith(ProfileKeyTimezone);
+            expect(mockClient.deleteExtendedProfileProperty).toHaveBeenCalledWith(ProfileKeyMSC4175Timezone);
+        });
+    });
+
+    describe("resource limit exceeded errors", () => {
+        it("pops a toast when M_RESOURCE_LIMIT_EXCEEDED is seen down sync", async () => {
+            const addOrReplaceToast = jest.spyOn(ToastStore.sharedInstance(), "addOrReplaceToast");
+            const dismissToast = jest.spyOn(ToastStore.sharedInstance(), "dismissToast");
+            getComponent();
+            mockClient.emit(ClientEvent.Sync, SyncState.Error, null, {
+                error: new MatrixError({
+                    errcode: "M_RESOURCE_LIMIT_EXCEEDED",
+                    limit_type: "hs_disabled",
+                    admin_contact: "admin@example.org",
+                }),
+            });
+            expect(addOrReplaceToast).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    key: "serverlimit",
+                    title: "Warning",
+                }),
+            );
+            mockClient.emit(ClientEvent.Sync, SyncState.Prepared, null, undefined);
+            expect(dismissToast).toHaveBeenCalledWith("serverlimit");
+        });
+    });
+
+    describe("module-rendered fullscreen view (e.g. multiroom)", () => {
+        // A page_type for which a module registers a custom full-screen renderer.
+        const modulePageType = "io.element.test_fullscreen";
+
+        beforeEach(() => {
+            ModuleApi.instance.navigation.registerLocationRenderer(modulePageType, () => (
+                <div data-testid="module-content" />
+            ));
+        });
+
+        afterEach(() => {
+            ModuleApi.instance.navigation.locationRenderers.delete(modulePageType);
+        });
+
+        it("renders the resizable separator for a normal room view with the new room list", () => {
+            const { container } = getComponent({ page_type: "room" });
+
+            // With the new room list and no module renderer, the resizable left panel and its separator are used.
+            expect(container.querySelector(".mx_Separator")).toBeInTheDocument();
+        });
+
+        it("does not render the resizer for a module-rendered fullscreen view, but keeps the space panel", () => {
+            const { container, getByTestId } = getComponent({ page_type: modulePageType });
+
+            // The module's full-screen content is shown...
+            expect(getByTestId("module-content")).toBeInTheDocument();
+            // ...without the resizable separator or the legacy resize handle...
+            expect(container.querySelector(".mx_Separator")).not.toBeInTheDocument();
+            expect(container.querySelector(".mx_ResizeHandle")).not.toBeInTheDocument();
+            // ...while the space panel rail remains visible.
+            expect(container.querySelector(".mx_SpacePanel")).toBeInTheDocument();
+        });
+    });
+
+    it("should handle KeyBindingAction.ToggleRoomSidePanel", async () => {
+        getComponent({ page_type: "room_view" });
+        jest.spyOn(mockSdkContext.rightPanelStore, "togglePanel");
+        fireEvent.keyDown(document.body, { key: ".", code: "Period", ctrlKey: true, keyCode: 190 });
+        expect(mockSdkContext.rightPanelStore.togglePanel).toHaveBeenCalledWith(null);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/MainSplit-test.tsx b/apps/web/test/unit-tests/components/structures/MainSplit-test.tsx
new file mode 100644
index 00000000000..9568334fb83
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/MainSplit-test.tsx
@@ -0,0 +1,90 @@
+/*
+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, fireEvent } from "jest-matrix-react";
+
+import MainSplit from "../../../../src/components/structures/MainSplit";
+import { PosthogAnalytics } from "../../../../src/PosthogAnalytics.ts";
+import { SDKContext } from "../../../../src/contexts/SDKContext.ts";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass";
+
+describe("<MainSplit/>", () => {
+    const children = (
+        <div>
+            Child<span>Foo</span>Bar
+        </div>
+    );
+    const panel = <div>Right panel</div>;
+    let sdkContext: SDKContextClass;
+
+    beforeEach(() => {
+        localStorage.clear();
+        sdkContext = new SDKContextClass();
+    });
+
+    it("renders", () => {
+        const { asFragment, container } = render(
+            <MainSplit children={children} panel={panel} analyticsRoomType="other_room" />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+        // Assert it matches the default width of 320
+        expect(container.querySelector<HTMLElement>(".mx_RightPanel_ResizeWrapper")!.style.width).toBe("320px");
+    });
+
+    it("respects defaultSize prop", () => {
+        const { asFragment, container } = render(
+            <MainSplit children={children} panel={panel} defaultSize={500} analyticsRoomType="other_room" />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+        // Assert it matches the default width of 350
+        expect(container.querySelector<HTMLElement>(".mx_RightPanel_ResizeWrapper")!.style.width).toBe("500px");
+    });
+
+    it("prefers size stashed in LocalStorage to the defaultSize prop", () => {
+        localStorage.setItem("mx_rhs_size_thread", "333");
+        const { container } = render(
+            <MainSplit
+                children={children}
+                panel={panel}
+                sizeKey="thread"
+                defaultSize={400}
+                analyticsRoomType="other_room"
+            />,
+        );
+        expect(container.querySelector<HTMLElement>(".mx_RightPanel_ResizeWrapper")!.style.width).toBe("333px");
+    });
+
+    it("should report to analytics on resize stop", () => {
+        const { container } = render(
+            <MainSplit
+                children={children}
+                panel={panel}
+                sizeKey="thread"
+                defaultSize={400}
+                analyticsRoomType="other_room"
+            />,
+            { wrapper: ({ children }) => <SDKContext.Provider value={sdkContext}>{children}</SDKContext.Provider> },
+        );
+
+        const spy = jest.spyOn(PosthogAnalytics.instance, "trackEvent");
+
+        const handle = container.querySelector(".mx_ResizeHandle--horizontal")!;
+        expect(handle).toBeInTheDocument();
+        fireEvent.mouseDown(handle);
+        fireEvent.resize(handle, { clientX: 0 });
+        fireEvent.mouseUp(handle);
+
+        expect(spy).toHaveBeenCalledWith({
+            eventName: "WebPanelResize",
+            panel: "right",
+            roomType: "other_room",
+            size: 400,
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/MatrixClientContextProvider-test.tsx b/apps/web/test/unit-tests/components/structures/MatrixClientContextProvider-test.tsx
new file mode 100644
index 00000000000..b70017ee4f4
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/MatrixClientContextProvider-test.tsx
@@ -0,0 +1,109 @@
+/*
+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.
+*/
+
+import { act, render } from "jest-matrix-react";
+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 {
+    flushPromises,
+    getMockClientWithEventEmitter,
+    mockClientMethodsCrypto,
+    mockClientMethodsUser,
+} from "../../../test-utils";
+
+describe("MatrixClientContextProvider", () => {
+    it("Should expose a matrix client context", () => {
+        const mockClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(),
+            getCrypto: () => null,
+        });
+
+        let receivedClient: MatrixClient | undefined;
+        function ContextReceiver() {
+            receivedClient = useContext(MatrixClientContext);
+            return <></>;
+        }
+
+        render(
+            <MatrixClientContextProvider client={mockClient}>
+                <ContextReceiver />
+            </MatrixClientContextProvider>,
+        );
+
+        expect(receivedClient).toBe(mockClient);
+    });
+
+    describe("Should expose a verification status context", () => {
+        /** The most recent verification status received by our `ContextReceiver` */
+        let receivedState: boolean | undefined;
+
+        /** The mock client for use in the tests */
+        let mockClient: MatrixClient;
+
+        function ContextReceiver() {
+            receivedState = useContext(LocalDeviceVerificationStateContext);
+            return <></>;
+        }
+
+        function getComponent(mockClient: MatrixClient) {
+            return render(
+                <MatrixClientContextProvider client={mockClient}>
+                    <ContextReceiver />
+                </MatrixClientContextProvider>,
+            );
+        }
+
+        beforeEach(() => {
+            receivedState = undefined;
+            mockClient = getMockClientWithEventEmitter({
+                ...mockClientMethodsUser(),
+                ...mockClientMethodsCrypto(),
+            });
+        });
+
+        it("returns false if device is unverified", async () => {
+            mockClient.getCrypto()!.getUserVerificationStatus = jest
+                .fn()
+                .mockResolvedValue(new UserVerificationStatus(false, false, false));
+            getComponent(mockClient);
+            expect(receivedState).toBe(false);
+        });
+
+        it("returns true if device is verified", async () => {
+            mockClient.getCrypto()!.getUserVerificationStatus = jest
+                .fn()
+                .mockResolvedValue(new UserVerificationStatus(true, false, false));
+            getComponent(mockClient);
+            await act(() => flushPromises());
+            expect(receivedState).toBe(true);
+        });
+
+        it("updates when the trust status updates", async () => {
+            const getVerificationStatus = jest.fn().mockResolvedValue(new UserVerificationStatus(false, false, false));
+            mockClient.getCrypto()!.getUserVerificationStatus = getVerificationStatus;
+            getComponent(mockClient);
+
+            // starts out false
+            await act(() => flushPromises());
+            expect(receivedState).toBe(false);
+
+            // Now the state is updated
+            const verifiedStatus = new UserVerificationStatus(true, false, false);
+            getVerificationStatus.mockResolvedValue(verifiedStatus);
+            act(() => {
+                mockClient.emit(CryptoEvent.UserTrustStatusChanged, mockClient.getSafeUserId(), verifiedStatus);
+            });
+            expect(receivedState).toBe(true);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/MessagePanel-test.tsx b/apps/web/test/unit-tests/components/structures/MessagePanel-test.tsx
new file mode 100644
index 00000000000..bb75f4fe197
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/MessagePanel-test.tsx
@@ -0,0 +1,885 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-2021 , 2022 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+import React from "react";
+import { EventEmitter } from "node: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, within } from "jest-matrix-react";
+
+import MessagePanel, { shouldFormContinuation } from "../../../../src/components/structures/MessagePanel";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import RoomContext, { type RoomContextType, TimelineRenderingType } from "../../../../src/contexts/RoomContext";
+import DMRoomMap from "../../../../src/utils/DMRoomMap";
+import * as TestUtilsMatrix from "../../../test-utils";
+import {
+    clientAndSDKContextRenderOptions,
+    createTestClient,
+    getMockClientWithEventEmitter,
+    makeBeaconInfoEvent,
+    mockClientMethodsCrypto,
+    mockClientMethodsEvents,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+    mockClientPushProcessor,
+} from "../../../test-utils";
+import type ResizeNotifier from "../../../../src/utils/ResizeNotifier";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import { ScopedRoomContextProvider } from "../../../../src/contexts/ScopedRoomContext.tsx";
+import { TestSDKContext } from "../../TestSDKContext.ts";
+
+jest.mock("../../../../src/utils/beacon", () => ({
+    useBeacon: jest.fn(),
+}));
+
+const roomId = "!roomId:server_name";
+
+describe("MessagePanel", function () {
+    const events = mkEvents();
+    const userId = "@me:here";
+    const client = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        ...mockClientMethodsEvents(),
+        ...mockClientMethodsCrypto(),
+        ...mockClientPushProcessor(),
+        ...mockClientMethodsServer(),
+        getAccountData: jest.fn(),
+        isUserIgnored: jest.fn().mockReturnValue(false),
+        isRoomEncrypted: jest.fn().mockReturnValue(false),
+        getRoom: jest.fn(),
+        supportsThreads: jest.fn().mockReturnValue(true),
+        getVisibleRooms: jest.fn().mockReturnValue([]),
+    });
+    let sdkContext: TestSDKContext;
+    jest.spyOn(MatrixClientPeg, "get").mockReturnValue(client);
+
+    const room = new Room(roomId, client, userId);
+
+    const bobMember = new RoomMember(roomId, "@bob:id");
+    bobMember.name = "Bob";
+    jest.spyOn(bobMember, "getAvatarUrl").mockReturnValue("avatar.jpeg");
+    jest.spyOn(bobMember, "getMxcAvatarUrl").mockReturnValue("mxc://avatar.url/image.png");
+
+    const alice = "@alice:example.org";
+    const aliceMember = new RoomMember(roomId, alice);
+    aliceMember.name = "Alice";
+    jest.spyOn(aliceMember, "getAvatarUrl").mockReturnValue("avatar.jpeg");
+    jest.spyOn(aliceMember, "getMxcAvatarUrl").mockReturnValue("mxc://avatar.url/image.png");
+
+    const defaultProps = {
+        resizeNotifier: new EventEmitter() as unknown as ResizeNotifier,
+        callEventGroupers: new Map(),
+        room,
+        className: "cls",
+        events: [] as MatrixEvent[],
+    };
+
+    const defaultRoomContext = {
+        ...RoomContext,
+        timelineRenderingType: TimelineRenderingType.Room,
+        room,
+        roomId: room.roomId,
+        canReact: true,
+        canSendMessages: true,
+        showReadReceipts: true,
+        showRedactions: false,
+        showJoinLeaves: false,
+        showAvatarChanges: false,
+        showDisplaynameChanges: true,
+        showHiddenEvents: false,
+    } as unknown as RoomContextType;
+
+    const getComponent = (props = {}, roomContext: Partial<RoomContextType> = {}) => (
+        <ScopedRoomContextProvider {...defaultRoomContext} {...roomContext}>
+            <MessagePanel {...defaultProps} {...props} />
+        </ScopedRoomContextProvider>
+    );
+
+    beforeEach(function () {
+        jest.clearAllMocks();
+        // HACK: We assume all settings want to be disabled
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((arg) => {
+            return arg === "showDisplaynameChanges";
+        });
+
+        sdkContext = new TestSDKContext();
+        sdkContext._client = client;
+
+        DMRoomMap.makeShared(client);
+    });
+
+    function mkEvents() {
+        const events: MatrixEvent[] = [];
+        const ts0 = Date.now();
+        for (let i = 0; i < 10; i++) {
+            events.push(
+                TestUtilsMatrix.mkMessage({
+                    event: true,
+                    room: "!room:id",
+                    user: "@user:id",
+                    ts: ts0 + i * 1000,
+                }),
+            );
+        }
+        return events;
+    }
+
+    // Just to avoid breaking Dateseparator tests that might run at 00hrs
+    function mkOneDayEvents() {
+        const events: MatrixEvent[] = [];
+        const ts0 = Date.parse("09 May 2004 00:12:00 GMT");
+        for (let i = 0; i < 10; i++) {
+            events.push(
+                TestUtilsMatrix.mkMessage({
+                    event: true,
+                    room: "!room:id",
+                    user: "@user:id",
+                    ts: ts0 + i * 1000,
+                }),
+            );
+        }
+        return events;
+    }
+
+    // make a collection of events with some member events that should be collapsed with an EventListSummary
+    function mkMelsEvents() {
+        const events: MatrixEvent[] = [];
+        const ts0 = Date.now();
+
+        let i = 0;
+        events.push(
+            TestUtilsMatrix.mkMessage({
+                event: true,
+                room: "!room:id",
+                user: "@user:id",
+                ts: ts0 + ++i * 1000,
+            }),
+        );
+
+        for (i = 0; i < 10; i++) {
+            events.push(
+                TestUtilsMatrix.mkMembership({
+                    event: true,
+                    room: "!room:id",
+                    user: "@user:id",
+                    target: bobMember,
+                    ts: ts0 + i * 1000,
+                    mship: KnownMembership.Join,
+                    prevMship: KnownMembership.Join,
+                    name: "A user",
+                }),
+            );
+        }
+
+        events.push(
+            TestUtilsMatrix.mkMessage({
+                event: true,
+                room: "!room:id",
+                user: "@user:id",
+                ts: ts0 + ++i * 1000,
+            }),
+        );
+
+        return events;
+    }
+
+    // A list of membership events only with nothing else
+    function mkMelsEventsOnly() {
+        const events: MatrixEvent[] = [];
+        const ts0 = Date.now();
+
+        let i = 0;
+
+        for (i = 0; i < 10; i++) {
+            events.push(
+                TestUtilsMatrix.mkMembership({
+                    event: true,
+                    room: "!room:id",
+                    user: "@user:id",
+                    target: bobMember,
+                    ts: ts0 + i * 1000,
+                    mship: KnownMembership.Join,
+                    prevMship: KnownMembership.Join,
+                    name: "A user",
+                }),
+            );
+        }
+
+        return events;
+    }
+
+    // A list of room creation, encryption, and invite events.
+    function mkCreationEvents() {
+        const mkEvent = TestUtilsMatrix.mkEvent;
+        const mkMembership = TestUtilsMatrix.mkMembership;
+        const roomId = "!someroom";
+
+        const ts0 = Date.now();
+
+        return [
+            mkEvent({
+                event: true,
+                type: "m.room.create",
+                room: roomId,
+                user: alice,
+                content: {
+                    creator: alice,
+                    room_version: "5",
+                    predecessor: {
+                        room_id: "!prevroom",
+                        event_id: "$someevent",
+                    },
+                },
+                ts: ts0,
+            }),
+            mkMembership({
+                event: true,
+                room: roomId,
+                user: alice,
+                target: aliceMember,
+                ts: ts0 + 1,
+                mship: KnownMembership.Join,
+                name: "Alice",
+            }),
+            mkEvent({
+                event: true,
+                type: "m.room.join_rules",
+                room: roomId,
+                user: alice,
+                content: {
+                    join_rule: "invite",
+                },
+                ts: ts0 + 2,
+            }),
+            mkEvent({
+                event: true,
+                type: "m.room.history_visibility",
+                room: roomId,
+                user: alice,
+                content: {
+                    history_visibility: "invited",
+                },
+                ts: ts0 + 3,
+            }),
+            mkEvent({
+                event: true,
+                type: "m.room.encryption",
+                room: roomId,
+                user: alice,
+                content: {
+                    algorithm: "m.megolm.v1.aes-sha2",
+                },
+                ts: ts0 + 4,
+            }),
+            mkMembership({
+                event: true,
+                room: roomId,
+                user: alice,
+                skey: "@bob:example.org",
+                target: bobMember,
+                ts: ts0 + 5,
+                mship: KnownMembership.Invite,
+                name: "Bob",
+            }),
+        ];
+    }
+
+    function mkMixedHiddenAndShownEvents() {
+        const roomId = "!room:id";
+        const userId = "@alice:example.org";
+        const ts0 = Date.now();
+
+        return [
+            TestUtilsMatrix.mkMessage({
+                event: true,
+                room: roomId,
+                user: userId,
+                ts: ts0,
+            }),
+            TestUtilsMatrix.mkEvent({
+                event: true,
+                type: "org.example.a_hidden_event",
+                room: roomId,
+                user: userId,
+                content: {},
+                ts: ts0 + 1,
+            }),
+        ];
+    }
+
+    function isReadMarkerVisible(rmContainer?: Element) {
+        return !!rmContainer?.children.length;
+    }
+
+    it("should show the events", function () {
+        const { container } = render(getComponent({ events }), clientAndSDKContextRenderOptions(client, sdkContext));
+
+        // just check we have the right number of tiles for now
+        const tiles = container.getElementsByClassName("mx_EventTile");
+        expect(tiles.length).toEqual(10);
+    });
+
+    it("should collapse adjacent member events", function () {
+        const { container } = render(
+            getComponent({ events: mkMelsEvents() }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        // just check we have the right number of tiles for now
+        const tiles = container.getElementsByClassName("mx_EventTile");
+        expect(tiles.length).toEqual(2);
+
+        const summaryTiles = container.getElementsByClassName("mx_GenericEventListSummary");
+        expect(summaryTiles.length).toEqual(1);
+    });
+
+    it("should insert the read-marker in the right place", function () {
+        const { container } = render(
+            getComponent({
+                events,
+                readMarkerEventId: events[4].getId(),
+                readMarkerVisible: true,
+            }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        const tiles = container.getElementsByClassName("mx_EventTile");
+
+        // find the <li> which wraps the read marker
+        const [rm] = container.getElementsByClassName("mx_MessagePanel_myReadMarker");
+
+        // it should follow the <li> which wraps the event tile for event 4
+        const eventContainer = tiles[4];
+        expect(rm.previousSibling).toEqual(eventContainer);
+    });
+
+    it("should show the read-marker that fall in summarised events after the summary", function () {
+        const melsEvents = mkMelsEvents();
+        const { container } = render(
+            getComponent({
+                events: melsEvents,
+                readMarkerEventId: melsEvents[4].getId(),
+                readMarkerVisible: true,
+            }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        const [summary] = container.getElementsByClassName("mx_GenericEventListSummary");
+
+        // find the <li> which wraps the read marker
+        const [rm] = container.getElementsByClassName("mx_MessagePanel_myReadMarker");
+
+        expect(rm.previousSibling).toEqual(summary);
+
+        // read marker should be visible given props and not at the last event
+        expect(isReadMarkerVisible(rm)).toBeTruthy();
+    });
+
+    it("should hide the read-marker at the end of summarised events", function () {
+        const melsEvents = mkMelsEventsOnly();
+
+        const { container } = render(
+            getComponent({
+                events: melsEvents,
+                readMarkerEventId: melsEvents[9].getId(),
+                readMarkerVisible: true,
+            }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        const [summary] = container.getElementsByClassName("mx_GenericEventListSummary");
+
+        // find the <li> which wraps the read marker
+        const [rm] = container.getElementsByClassName("mx_MessagePanel_myReadMarker");
+
+        expect(rm.previousSibling).toEqual(summary);
+
+        // read marker should be hidden given props and at the last event
+        expect(isReadMarkerVisible(rm)).toBeFalsy();
+    });
+
+    it("shows a ghost read-marker when the read-marker moves", function () {
+        // fake the clock so that we can test the velocity animation.
+        jest.useFakeTimers();
+
+        const { container, rerender } = render(
+            <div>
+                {getComponent({
+                    events,
+                    readMarkerEventId: events[4].getId(),
+                    readMarkerVisible: true,
+                })}
+            </div>,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        const tiles = container.getElementsByClassName("mx_EventTile");
+
+        // find the <li> which wraps the read marker
+        const [rm] = container.getElementsByClassName("mx_MessagePanel_myReadMarker");
+        expect(rm.previousSibling).toEqual(tiles[4]);
+
+        rerender(
+            <div>
+                {getComponent({
+                    events,
+                    readMarkerEventId: events[6].getId(),
+                    readMarkerVisible: true,
+                })}
+            </div>,
+        );
+
+        // now there should be two RM containers
+        const readMarkers = container.getElementsByClassName("mx_MessagePanel_myReadMarker");
+
+        expect(readMarkers.length).toEqual(2);
+
+        // the first should be the ghost
+        expect(readMarkers[0].previousSibling).toEqual(tiles[4]);
+        const hr: HTMLElement = readMarkers[0].children[0] as HTMLElement;
+
+        // the second should be the real thing
+        expect(readMarkers[1].previousSibling).toEqual(tiles[6]);
+
+        // advance the clock, and then let the browser run an animation frame to let the animation start
+        jest.advanceTimersByTime(1500);
+        expect(hr.style.opacity).toEqual("0");
+    });
+
+    it("should collapse creation events", function () {
+        const events = mkCreationEvents();
+        const createEvent = events.find((event) => event.getType() === "m.room.create")!;
+        const encryptionEvent = events.find((event) => event.getType() === "m.room.encryption")!;
+        client.getRoom.mockImplementation((id) => (id === createEvent!.getRoomId() ? room : null));
+        TestUtilsMatrix.upsertRoomStateEvents(room, events);
+
+        const { container } = render(getComponent({ events }), clientAndSDKContextRenderOptions(client, sdkContext));
+
+        // we expect that
+        // - the room creation event, the room encryption event, and Alice inviting Bob,
+        //   should be outside of the room creation summary
+        // - all other events should be inside the room creation summary
+
+        const tiles = container.getElementsByClassName("mx_EventTile");
+
+        expect(tiles[0].getAttribute("data-event-id")).toEqual(createEvent.getId());
+        expect(tiles[1].getAttribute("data-event-id")).toEqual(encryptionEvent.getId());
+
+        const [summaryTile] = container.getElementsByClassName("mx_GenericEventListSummary");
+
+        const summaryEventTiles = summaryTile.getElementsByClassName("mx_EventTile");
+        // every event except for the room creation, room encryption, and Bob's
+        // invite event should be in the event summary
+        expect(summaryEventTiles.length).toEqual(tiles.length - 3);
+    });
+
+    it("should not collapse beacons as part of creation events", function () {
+        const events = mkCreationEvents();
+        const creationEvent = events.find((event) => event.getType() === "m.room.create")!;
+        const beaconInfoEvent = makeBeaconInfoEvent(creationEvent.getSender()!, creationEvent.getRoomId()!, {
+            isLive: true,
+        });
+        const combinedEvents = [...events, beaconInfoEvent];
+        TestUtilsMatrix.upsertRoomStateEvents(room, combinedEvents);
+        const { container } = render(
+            getComponent({ events: combinedEvents }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        const [summaryTile] = container.getElementsByClassName("mx_GenericEventListSummary");
+
+        // beacon body is not in the summary
+        expect(summaryTile.getElementsByClassName("mx_MBeaconBody").length).toBe(0);
+        // beacon tile is rendered
+        expect(container.getElementsByClassName("mx_MBeaconBody").length).toBe(1);
+    });
+
+    it("should hide read-marker at the end of creation event summary", function () {
+        const events = mkCreationEvents();
+        const createEvent = events.find((event) => event.getType() === "m.room.create");
+        client.getRoom.mockImplementation((id) => (id === createEvent!.getRoomId() ? room : null));
+        TestUtilsMatrix.upsertRoomStateEvents(room, events);
+
+        const { container } = render(
+            getComponent({
+                events,
+                readMarkerEventId: events[5].getId(),
+                readMarkerVisible: true,
+            }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        // find the <li> which wraps the read marker
+        const [rm] = container.getElementsByClassName("mx_MessagePanel_myReadMarker");
+
+        const [messageList] = container.getElementsByClassName("mx_RoomView_MessageList");
+        const rows = messageList.children;
+        expect(rows.length).toEqual(7); // 6 events + the NewRoomIntro
+        expect(rm.previousSibling).toEqual(rows[5]);
+
+        // read marker should be hidden given props and at the last event
+        expect(isReadMarkerVisible(rm)).toBeFalsy();
+    });
+
+    it("should render Date separators for the events", function () {
+        const events = mkOneDayEvents();
+        const { queryAllByRole } = render(
+            getComponent({ events }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        const dates = queryAllByRole("separator");
+
+        expect(dates.length).toEqual(1);
+    });
+
+    it("appends events into summaries during forward pagination without changing key", () => {
+        const events = mkMelsEvents().slice(1, 11);
+
+        const { container, rerender } = render(
+            getComponent({ events }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        let els = container.getElementsByClassName("mx_GenericEventListSummary");
+        expect(els.length).toEqual(1);
+        expect(els[0].getAttribute("data-testid")).toEqual("eventlistsummary-" + events[0].getId());
+        expect(els[0].getAttribute("data-scroll-tokens")?.split(",")).toHaveLength(10);
+
+        const updatedEvents = [
+            ...events,
+            TestUtilsMatrix.mkMembership({
+                event: true,
+                room: "!room:id",
+                user: "@user:id",
+                target: bobMember,
+                ts: Date.now(),
+                mship: KnownMembership.Join,
+                prevMship: KnownMembership.Join,
+                name: "A user",
+            }),
+        ];
+        rerender(getComponent({ events: updatedEvents }));
+
+        els = container.getElementsByClassName("mx_GenericEventListSummary");
+        expect(els.length).toEqual(1);
+        expect(els[0].getAttribute("data-testid")).toEqual("eventlistsummary-" + events[0].getId());
+        expect(els[0].getAttribute("data-scroll-tokens")?.split(",")).toHaveLength(11);
+    });
+
+    it("prepends events into summaries during backward pagination without changing key", () => {
+        const events = mkMelsEvents().slice(1, 11);
+
+        const { container, rerender } = render(
+            getComponent({ events }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        let els = container.getElementsByClassName("mx_GenericEventListSummary");
+        expect(els.length).toEqual(1);
+        expect(els[0].getAttribute("data-testid")).toEqual("eventlistsummary-" + events[0].getId());
+        expect(els[0].getAttribute("data-scroll-tokens")?.split(",")).toHaveLength(10);
+
+        const updatedEvents = [
+            TestUtilsMatrix.mkMembership({
+                event: true,
+                room: "!room:id",
+                user: "@user:id",
+                target: bobMember,
+                ts: Date.now(),
+                mship: KnownMembership.Join,
+                prevMship: KnownMembership.Join,
+                name: "A user",
+            }),
+            ...events,
+        ];
+        rerender(getComponent({ events: updatedEvents }));
+
+        els = container.getElementsByClassName("mx_GenericEventListSummary");
+        expect(els.length).toEqual(1);
+        expect(els[0].getAttribute("data-testid")).toEqual("eventlistsummary-" + events[0].getId());
+        expect(els[0].getAttribute("data-scroll-tokens")?.split(",")).toHaveLength(11);
+    });
+
+    it("assigns different keys to summaries that get split up", () => {
+        const events = mkMelsEvents().slice(1, 11);
+
+        const { container, rerender } = render(
+            getComponent({ events }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        let els = container.getElementsByClassName("mx_GenericEventListSummary");
+        expect(els.length).toEqual(1);
+        expect(els[0].getAttribute("data-testid")).toEqual(`eventlistsummary-${events[0].getId()}`);
+        expect(els[0].getAttribute("data-scroll-tokens")?.split(",")).toHaveLength(10);
+
+        const updatedEvents = [
+            ...events.slice(0, 5),
+            TestUtilsMatrix.mkMessage({
+                event: true,
+                room: "!room:id",
+                user: "@user:id",
+                msg: "Hello!",
+            }),
+            ...events.slice(5, 10),
+        ];
+        rerender(getComponent({ events: updatedEvents }));
+
+        // summaries split becuase room messages are not summarised
+        els = container.getElementsByClassName("mx_GenericEventListSummary");
+        expect(els.length).toEqual(2);
+        expect(els[0].getAttribute("data-testid")).toEqual(`eventlistsummary-${events[0].getId()}`);
+        expect(els[0].getAttribute("data-scroll-tokens")?.split(",")).toHaveLength(5);
+
+        expect(els[1].getAttribute("data-testid")).toEqual(`eventlistsummary-${events[5].getId()}`);
+        expect(els[1].getAttribute("data-scroll-tokens")?.split(",")).toHaveLength(5);
+    });
+
+    // We test this because setting lookups can be *slow*, and we don't want
+    // them to happen in this code path
+    it("doesn't lookup showHiddenEventsInTimeline while rendering", () => {
+        // We're only interested in the setting lookups that happen on every render,
+        // rather than those happening on first mount, so let's get those out of the way
+        const { rerender } = render(getComponent({ events: [] }), clientAndSDKContextRenderOptions(client, sdkContext));
+
+        // Set up our spy and re-render with new events
+        const settingsSpy = jest.spyOn(SettingsStore, "getValue").mockClear();
+
+        rerender(getComponent({ events: mkMixedHiddenAndShownEvents() }));
+
+        expect(settingsSpy).not.toHaveBeenCalledWith("showHiddenEventsInTimeline");
+        settingsSpy.mockRestore();
+    });
+
+    it("should group hidden event reactions into an event list summary", () => {
+        const events = [
+            TestUtilsMatrix.mkEvent({
+                event: true,
+                type: "m.reaction",
+                room: "!room:id",
+                user: "@user:id",
+                content: {},
+                ts: 1,
+            }),
+            TestUtilsMatrix.mkEvent({
+                event: true,
+                type: "m.reaction",
+                room: "!room:id",
+                user: "@user:id",
+                content: {},
+                ts: 2,
+            }),
+            TestUtilsMatrix.mkEvent({
+                event: true,
+                type: "m.reaction",
+                room: "!room:id",
+                user: "@user:id",
+                content: {},
+                ts: 3,
+            }),
+        ];
+        const { container } = render(
+            getComponent({ events }, { showHiddenEvents: true }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        const els = container.getElementsByClassName("mx_GenericEventListSummary");
+        expect(els.length).toEqual(1);
+        expect(els[0].getAttribute("data-scroll-tokens")?.split(",")).toHaveLength(3);
+    });
+
+    it("should handle large numbers of hidden events quickly", () => {
+        // Increase the length of the loop here to test performance issues with
+        // rendering
+
+        const events: MatrixEvent[] = [];
+        for (let i = 0; i < 100; i++) {
+            events.push(
+                TestUtilsMatrix.mkEvent({
+                    event: true,
+                    type: "unknown.event.type",
+                    content: { key: "value" },
+                    room: "!room:id",
+                    user: "@user:id",
+                    ts: 1000000 + i,
+                }),
+            );
+        }
+        const { asFragment } = render(
+            getComponent({ events }, { showHiddenEvents: false }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should handle lots of room creation events quickly", () => {
+        // Increase the length of the loop here to test performance issues with
+        // rendering
+
+        const events = [TestUtilsMatrix.mkRoomCreateEvent("@user:id", "!room:id")];
+        for (let i = 0; i < 100; i++) {
+            events.push(
+                TestUtilsMatrix.mkMembership({
+                    mship: KnownMembership.Join,
+                    prevMship: KnownMembership.Join,
+                    room: "!room:id",
+                    user: "@user:id",
+                    event: true,
+                    skey: "123",
+                }),
+            );
+        }
+        const { asFragment } = render(
+            getComponent({ events }, { showHiddenEvents: false }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should handle lots of membership events quickly", () => {
+        // Increase the length of the loop here to test performance issues with
+        // rendering
+
+        const events: MatrixEvent[] = [];
+        for (let i = 0; i < 100; i++) {
+            events.push(
+                TestUtilsMatrix.mkMembership({
+                    mship: KnownMembership.Join,
+                    prevMship: KnownMembership.Join,
+                    room: "!room:id",
+                    user: "@user:id",
+                    event: true,
+                    skey: "123",
+                }),
+            );
+        }
+        const { asFragment } = render(
+            getComponent({ events }, { showHiddenEvents: true }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        const cpt = asFragment();
+
+        // Ignore properties that change every time
+        cpt.querySelectorAll("li").forEach((li) => {
+            li.setAttribute("data-scroll-tokens", "__scroll_tokens__");
+            li.setAttribute("data-testid", "__testid__");
+        });
+
+        expect(cpt).toMatchSnapshot();
+    });
+
+    it("should set lastSuccessful=true on non-last event if last event is not eligible for special receipt", () => {
+        client.getRoom.mockImplementation((id) => (id === room.roomId ? room : null));
+        const events = [
+            TestUtilsMatrix.mkMessage({
+                event: true,
+                room: room.roomId,
+                user: client.getSafeUserId(),
+                ts: 1000,
+            }),
+            TestUtilsMatrix.mkEvent({
+                event: true,
+                room: room.roomId,
+                user: client.getSafeUserId(),
+                ts: 1000,
+                type: "m.room.topic",
+                skey: "",
+                content: { topic: "TOPIC" },
+            }),
+        ];
+        const { container } = render(
+            getComponent({ events, showReadReceipts: true }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        const tiles = container.getElementsByClassName("mx_EventTile");
+        expect(tiles.length).toEqual(2);
+        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", () => {
+        client.getRoom.mockImplementation((id) => (id === room.roomId ? room : null));
+        const events = [
+            TestUtilsMatrix.mkMessage({
+                event: true,
+                room: room.roomId,
+                user: client.getSafeUserId(),
+                ts: 1000,
+            }),
+            TestUtilsMatrix.mkMessage({
+                event: true,
+                room: room.roomId,
+                user: "@other:user",
+                ts: 1001,
+            }),
+        ];
+        room.addReceiptToStructure(
+            events[1].getId()!,
+            ReceiptType.Read,
+            "@other:user",
+            {
+                ts: 1001,
+            },
+            true,
+        );
+        const { container } = render(
+            getComponent({ events, showReadReceipts: true }),
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        const tiles = container.getElementsByClassName("mx_EventTile");
+        expect(tiles.length).toEqual(2);
+        expect(within(tiles[0] as HTMLElement).queryByRole("status")).not.toBeInTheDocument();
+        expect(within(tiles[1] as HTMLElement).queryByRole("status")).not.toBeInTheDocument();
+    });
+});
+
+describe("shouldFormContinuation", () => {
+    it("does not form continuations from thread roots which have summaries", () => {
+        const message1 = TestUtilsMatrix.mkMessage({
+            event: true,
+            room: "!room:id",
+            user: "@user:id",
+            msg: "Here is a message in the main timeline",
+        });
+
+        const message2 = TestUtilsMatrix.mkMessage({
+            event: true,
+            room: "!room:id",
+            user: "@user:id",
+            msg: "And here's another message in the main timeline",
+        });
+
+        const threadRoot = TestUtilsMatrix.mkMessage({
+            event: true,
+            room: "!room:id",
+            user: "@user:id",
+            msg: "Here is a thread",
+        });
+        jest.spyOn(threadRoot, "isThreadRoot", "get").mockReturnValue(true);
+
+        const message3 = TestUtilsMatrix.mkMessage({
+            event: true,
+            room: "!room:id",
+            user: "@user:id",
+            msg: "And here's another message in the main timeline after the thread root",
+        });
+
+        const client = createTestClient();
+        expect(shouldFormContinuation(message1, message2, client, false)).toEqual(true);
+        expect(shouldFormContinuation(message2, threadRoot, client, false)).toEqual(true);
+        expect(shouldFormContinuation(threadRoot, message3, client, false)).toEqual(true);
+
+        const thread = {
+            length: 1,
+            replyToEvent: {},
+        } as unknown as Thread;
+        jest.spyOn(threadRoot, "getThread").mockReturnValue(thread);
+        expect(shouldFormContinuation(message2, threadRoot, client, false)).toEqual(false);
+        expect(shouldFormContinuation(threadRoot, message3, client, false)).toEqual(false);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/PictureInPictureDragger-test.tsx b/apps/web/test/unit-tests/components/structures/PictureInPictureDragger-test.tsx
new file mode 100644
index 00000000000..2a0df98df23
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/PictureInPictureDragger-test.tsx
@@ -0,0 +1,112 @@
+/*
+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 MouseEventHandler } from "react";
+import { screen, render, type RenderResult } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import PictureInPictureDragger, {
+    type CreatePipChildren,
+} from "../../../../src/components/structures/PictureInPictureDragger";
+
+describe("PictureInPictureDragger", () => {
+    let renderResult: RenderResult;
+
+    const mkContent1: Array<CreatePipChildren> = [
+        () => {
+            return <div>content 1</div>;
+        },
+    ];
+
+    const mkContent2: Array<CreatePipChildren> = [
+        () => {
+            return (
+                <div>
+                    content 2<br />
+                    content 2.2
+                </div>
+            );
+        },
+    ];
+
+    describe("when rendering the dragger with PiP content 1", () => {
+        beforeEach(() => {
+            renderResult = render(<PictureInPictureDragger>{mkContent1}</PictureInPictureDragger>);
+        });
+
+        it("should render the PiP content", () => {
+            expect(renderResult.container).toMatchSnapshot("pip-content-1");
+        });
+
+        describe("and rerendering PiP content 1", () => {
+            beforeEach(() => {
+                renderResult.rerender(<PictureInPictureDragger>{mkContent1}</PictureInPictureDragger>);
+            });
+
+            it("should not change the PiP content", () => {
+                expect(renderResult.container).toMatchSnapshot("pip-content-1");
+            });
+        });
+
+        describe("and rendering PiP content 2", () => {
+            beforeEach(() => {
+                renderResult.rerender(<PictureInPictureDragger>{mkContent2}</PictureInPictureDragger>);
+            });
+
+            it("should update the PiP content", () => {
+                expect(renderResult.container).toMatchSnapshot();
+            });
+        });
+    });
+
+    describe("when rendering the dragger with PiP content 1 and 2", () => {
+        beforeEach(() => {
+            renderResult = render(<PictureInPictureDragger>{[...mkContent1, ...mkContent2]}</PictureInPictureDragger>);
+        });
+
+        it("should render both contents", () => {
+            expect(renderResult.container).toMatchSnapshot();
+        });
+    });
+
+    describe("when rendering the dragger", () => {
+        let clickSpy: jest.Mocked<MouseEventHandler>;
+        let target: HTMLElement;
+
+        beforeEach(() => {
+            clickSpy = jest.fn();
+            render(
+                <PictureInPictureDragger>
+                    {[
+                        ({ onStartMoving }) => (
+                            <div onMouseDown={onStartMoving} onClick={clickSpy}>
+                                Hello
+                            </div>
+                        ),
+                    ]}
+                </PictureInPictureDragger>,
+            );
+            target = screen.getByText("Hello");
+        });
+
+        it("and clicking without a drag motion, it should pass the click to children", async () => {
+            await userEvent.pointer([{ keys: "[MouseLeft>]", target }, { keys: "[/MouseLeft]" }]);
+            expect(clickSpy).toHaveBeenCalled();
+        });
+
+        it("and clicking with a drag motion above the threshold of 5px, it should not pass the click to children", async () => {
+            await userEvent.pointer([{ keys: "[MouseLeft>]", target }, { coords: { x: 60, y: 2 } }, "[/MouseLeft]"]);
+            expect(clickSpy).not.toHaveBeenCalled();
+        });
+
+        it("and clickign with a drag motion below the threshold of 5px, it should pass the click to the children", async () => {
+            await userEvent.pointer([{ keys: "[MouseLeft>]", target }, { coords: { x: 4, y: 4 } }, "[/MouseLeft]"]);
+            expect(clickSpy).toHaveBeenCalled();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/PipContainer-test.tsx b/apps/web/test/unit-tests/components/structures/PipContainer-test.tsx
new file mode 100644
index 00000000000..8c7a7684f5f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/PipContainer-test.tsx
@@ -0,0 +1,269 @@
+/*
+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 { mocked, type Mocked } from "jest-mock";
+import { screen, render, act, cleanup } from "jest-matrix-react";
+import userEvent, { type UserEvent } from "@testing-library/user-event";
+import {
+    type MatrixClient,
+    PendingEventOrdering,
+    Room,
+    RoomStateEvent,
+    type RoomMember,
+} from "matrix-js-sdk/src/matrix";
+import { Widget } from "matrix-widget-api";
+
+import {
+    useMockedCalls,
+    MockedCall,
+    mkRoomMember,
+    stubClient,
+    setupAsyncStoreWithClient,
+    resetAsyncStoreWithClient,
+    wrapInMatrixClientContext,
+    wrapInSdkContext,
+    mkRoomCreateEvent,
+    mockPlatformPeg,
+    useMockMediaDevices,
+} from "../../../test-utils";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import { CallStore } from "../../../../src/stores/CallStore";
+import { WidgetMessagingStore } from "../../../../src/stores/widgets/WidgetMessagingStore";
+import { PipContainer as UnwrappedPipContainer } from "../../../../src/components/structures/PipContainer";
+import ActiveWidgetStore from "../../../../src/stores/ActiveWidgetStore";
+import DMRoomMap from "../../../../src/utils/DMRoomMap";
+import defaultDispatcher from "../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../src/dispatcher/actions";
+import { type ViewRoomPayload } from "../../../../src/dispatcher/payloads/ViewRoomPayload";
+import { TestSDKContext } from "../../TestSDKContext";
+import { RoomViewStore } from "../../../../src/stores/RoomViewStore";
+import { WidgetLayoutStore } from "../../../../src/stores/widgets/WidgetLayoutStore";
+import WidgetStore from "../../../../src/stores/WidgetStore";
+import { WidgetType } from "../../../../src/widgets/WidgetType";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass";
+import { type WidgetMessaging } from "../../../../src/stores/widgets/WidgetMessaging";
+
+jest.mock("../../../../src/stores/OwnProfileStore", () => ({
+    OwnProfileStore: {
+        instance: {
+            on: jest.fn(),
+            isProfileInfoFetched: true,
+            removeListener: jest.fn(),
+            getHttpAvatarUrl: jest.fn().mockReturnValue("http://avatar_url"),
+        },
+    },
+}));
+
+describe("PipContainer", () => {
+    useMockedCalls();
+    jest.spyOn(HTMLMediaElement.prototype, "play").mockImplementation(async () => {});
+
+    let user: UserEvent;
+    let sdkContext: TestSDKContext;
+    let client: Mocked<MatrixClient>;
+    let room: Room;
+    let room2: Room;
+    let alice: RoomMember;
+
+    beforeEach(async () => {
+        useMockMediaDevices();
+
+        user = userEvent.setup();
+
+        stubClient();
+        client = mocked(MatrixClientPeg.safeGet());
+        client.getUserId.mockReturnValue("@alice:example.org");
+        client.getSafeUserId.mockReturnValue("@alice:example.org");
+        DMRoomMap.makeShared(client);
+
+        room = new Room("!1:example.org", client, "@alice:example.org", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        alice = mkRoomMember(room.roomId, "@alice:example.org");
+
+        room2 = new Room("!2:example.com", client, "@alice:example.org", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        client.getRoom.mockImplementation((roomId: string) => {
+            if (roomId === room.roomId) return room;
+            if (roomId === room2.roomId) return room2;
+            return null;
+        });
+        client.getRooms.mockReturnValue([room, room2]);
+        client.reEmitter.reEmit(room, [RoomStateEvent.Events]);
+
+        room.currentState.setStateEvents([mkRoomCreateEvent(alice.userId, room.roomId)]);
+        jest.spyOn(room, "getMember").mockImplementation((userId) => (userId === alice.userId ? alice : null));
+
+        room2.currentState.setStateEvents([mkRoomCreateEvent(alice.userId, room2.roomId)]);
+
+        await Promise.all(
+            [CallStore.instance, WidgetMessagingStore.instance].map((store) =>
+                setupAsyncStoreWithClient(store, client),
+            ),
+        );
+
+        sdkContext = new TestSDKContext();
+        // @ts-ignore PipContainer uses SDKContext in the constructor
+        SDKContextClass.instance = sdkContext;
+        sdkContext._client = client;
+    });
+
+    afterEach(async () => {
+        cleanup();
+        await Promise.all([CallStore.instance, WidgetMessagingStore.instance].map(resetAsyncStoreWithClient));
+        client.reEmitter.stopReEmitting(room, [RoomStateEvent.Events]);
+        jest.clearAllMocks();
+    });
+
+    const renderPip = () => {
+        const PipContainer = wrapInMatrixClientContext(wrapInSdkContext(UnwrappedPipContainer, sdkContext));
+        render(<PipContainer />);
+    };
+
+    const viewRoom = (roomId: string) => {
+        defaultDispatcher.dispatch<ViewRoomPayload>(
+            {
+                action: Action.ViewRoom,
+                room_id: roomId,
+                view_call: false, // We're testing PiP functionality, so view the timeline
+                metricsTrigger: undefined,
+            },
+            true,
+        );
+    };
+
+    const withCall = async (fn: (call: MockedCall) => Promise<void>): Promise<void> => {
+        MockedCall.create(room, "1");
+        const call = CallStore.instance.getCall(room.roomId);
+        if (!(call instanceof MockedCall)) throw new Error("Failed to create call");
+
+        const widget = new Widget(call.widget);
+        await act(async () => {
+            WidgetStore.instance.addVirtualWidget(call.widget, room.roomId);
+            WidgetMessagingStore.instance.storeMessaging(widget, room.roomId, {
+                on: () => {},
+                off: () => {},
+                prepare: async () => {},
+                stop: () => {},
+                widgetApi: {
+                    hasCapability: jest.fn(),
+                    feedStateUpdate: jest.fn().mockResolvedValue(undefined),
+                },
+            } as unknown as WidgetMessaging);
+
+            await call.start();
+            ActiveWidgetStore.instance.setWidgetPersistence(widget.id, room.roomId, true);
+        });
+
+        try {
+            await fn(call);
+        } finally {
+            cleanup();
+            act(() => {
+                call.destroy();
+                ActiveWidgetStore.instance.destroyPersistentWidget(widget.id, room.roomId);
+                WidgetStore.instance.removeVirtualWidget(widget.id, room.roomId);
+            });
+        }
+    };
+
+    const withWidget = async (fn: () => Promise<void>): Promise<void> => {
+        act(() => ActiveWidgetStore.instance.setWidgetPersistence("1", room.roomId, true));
+        try {
+            await fn();
+        } finally {
+            cleanup();
+            ActiveWidgetStore.instance.destroyPersistentWidget("1", room.roomId);
+        }
+    };
+
+    const setUpRoomViewStore = () => {
+        sdkContext._RoomViewStore = new RoomViewStore(defaultDispatcher, sdkContext);
+    };
+
+    it("hides if there's no content", () => {
+        renderPip();
+        expect(screen.queryByRole("complementary")).toBeNull();
+    });
+
+    it("shows an active call with back buttons", async () => {
+        renderPip();
+
+        await withCall(async (call) => {
+            screen.getByRole("complementary");
+
+            // The return button should jump to the call
+            const dispatcherSpy = jest.fn();
+            const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
+            await user.click(screen.getByRole("button", { name: "Back" }));
+            expect(dispatcherSpy).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                room_id: room.roomId,
+                view_call: true,
+                metricsTrigger: expect.any(String),
+            });
+            defaultDispatcher.unregister(dispatcherRef);
+        });
+    });
+
+    it("shows a persistent widget with back button when viewing the room", async () => {
+        setUpRoomViewStore();
+        viewRoom(room.roomId);
+        const widget = WidgetStore.instance.addVirtualWidget(
+            {
+                id: "1",
+                creatorUserId: "@alice:example.org",
+                type: WidgetType.CUSTOM.preferred,
+                url: "https://example.org",
+                name: "Example widget",
+            },
+            room.roomId,
+        );
+        renderPip();
+
+        await withWidget(async () => {
+            screen.getByRole("complementary");
+
+            // The return button should maximize the widget
+            const moveSpy = jest.spyOn(WidgetLayoutStore.instance, "moveToContainer");
+            await user.click(await screen.findByRole("button", { name: "Back" }));
+            expect(moveSpy).toHaveBeenCalledWith(room, widget, "center");
+
+            expect(screen.queryByRole("button", { name: "Leave" })).toBeNull();
+        });
+
+        WidgetStore.instance.removeVirtualWidget("1", room.roomId);
+    });
+
+    it("shows a persistent Jitsi widget with back and leave buttons when not viewing the room", async () => {
+        mockPlatformPeg({ supportsJitsiScreensharing: () => true });
+        setUpRoomViewStore();
+        viewRoom(room2.roomId);
+
+        renderPip();
+
+        await withWidget(async () => {
+            screen.getByRole("complementary");
+
+            // The return button should view the room
+            const dispatcherSpy = jest.fn();
+            const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
+            await user.click(await screen.findByRole("button", { name: "Back" }));
+            expect(dispatcherSpy).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                room_id: room.roomId,
+                metricsTrigger: expect.any(String),
+            });
+            defaultDispatcher.unregister(dispatcherRef);
+        });
+
+        WidgetStore.instance.removeVirtualWidget("1", room.roomId);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/ReleaseAnnouncement-test.tsx b/apps/web/test/unit-tests/components/structures/ReleaseAnnouncement-test.tsx
new file mode 100644
index 00000000000..75a1474ac9d
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/ReleaseAnnouncement-test.tsx
@@ -0,0 +1,66 @@
+/*
+ * 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.
+ */
+
+import React from "react";
+import { act, render, screen, waitFor } from "jest-matrix-react";
+
+import { ReleaseAnnouncement } from "../../../../src/components/structures/ReleaseAnnouncement";
+import Modal, { ModalManagerEvent } from "../../../../src/Modal";
+import { ReleaseAnnouncementStore } from "../../../../src/stores/ReleaseAnnouncementStore";
+
+describe("ReleaseAnnouncement", () => {
+    beforeEach(async () => {
+        // Reset the singleton instance of the ReleaseAnnouncementStore
+        // @ts-ignore
+        ReleaseAnnouncementStore.internalInstance = new ReleaseAnnouncementStore();
+    });
+
+    function renderReleaseAnnouncement() {
+        return render(
+            <ReleaseAnnouncement
+                feature="room_list_section"
+                header="header"
+                description="description"
+                closeLabel="close"
+            >
+                <div>content</div>
+            </ReleaseAnnouncement>,
+        );
+    }
+
+    test("render the release announcement and close it", async () => {
+        renderReleaseAnnouncement();
+
+        // The release announcement is displayed
+        expect(screen.queryByRole("dialog", { name: "header" })).toBeVisible();
+        // Click on the close button in the release announcement
+        screen.getByRole("button", { name: "close" }).click();
+        // The release announcement should be hidden after the close button is clicked
+        await waitFor(() => expect(screen.queryByRole("dialog", { name: "header" })).toBeNull());
+    });
+
+    test("when a dialog is opened, the release announcement should not be displayed", async () => {
+        renderReleaseAnnouncement();
+        // The release announcement is displayed
+        expect(screen.queryByRole("dialog", { name: "header" })).toBeVisible();
+
+        // Open a dialog
+        act(() => {
+            Modal.emit(ModalManagerEvent.Opened);
+        });
+        // The release announcement should be hidden after the dialog is opened
+        expect(screen.queryByRole("dialog", { name: "header" })).toBeNull();
+
+        // Close the dialog
+        act(() => {
+            Modal.emit(ModalManagerEvent.Closed);
+        });
+        // The release announcement should be displayed after the dialog is closed
+        expect(screen.queryByRole("dialog", { name: "header" })).toBeVisible();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/RightPanel-test.tsx b/apps/web/test/unit-tests/components/structures/RightPanel-test.tsx
new file mode 100644
index 00000000000..c163ad2f4e6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/RightPanel-test.tsx
@@ -0,0 +1,152 @@
+/*
+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, waitFor } from "jest-matrix-react";
+import { mocked, type MockedObject } from "jest-mock";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import _RightPanel from "../../../../src/components/structures/RightPanel";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import ResizeNotifier from "../../../../src/utils/ResizeNotifier";
+import { stubClient, wrapInMatrixClientContext, mkRoom, wrapInSdkContext } from "../../../test-utils";
+import { Action } from "../../../../src/dispatcher/actions";
+import dis from "../../../../src/dispatcher/dispatcher";
+import DMRoomMap from "../../../../src/utils/DMRoomMap";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import { RightPanelPhases } from "../../../../src/stores/right-panel/RightPanelStorePhases";
+import RightPanelStore from "../../../../src/stores/right-panel/RightPanelStore";
+import { UPDATE_EVENT } from "../../../../src/stores/AsyncStore";
+import { WidgetLayoutStore } from "../../../../src/stores/widgets/WidgetLayoutStore";
+import { RoomPermalinkCreator } from "../../../../src/utils/permalinks/Permalinks";
+import { TestSDKContext } from "../../TestSDKContext.ts";
+
+const RightPanelBase = wrapInMatrixClientContext(_RightPanel);
+
+describe("RightPanel", () => {
+    const resizeNotifier = new ResizeNotifier();
+
+    let cli: MockedObject<MatrixClient>;
+    let context: TestSDKContext;
+    let RightPanel: React.ComponentType<React.ComponentProps<typeof RightPanelBase>>;
+    beforeEach(() => {
+        stubClient();
+        cli = mocked(MatrixClientPeg.safeGet());
+        DMRoomMap.makeShared(cli);
+        context = new TestSDKContext();
+        context._client = cli;
+        RightPanel = wrapInSdkContext(RightPanelBase, context);
+    });
+
+    afterEach(async () => {
+        const roomChanged = new Promise<void>((resolve) => {
+            const ref = dis.register((payload) => {
+                if (payload.action === Action.ActiveRoomChanged) {
+                    dis.unregister(ref);
+                    resolve();
+                }
+            });
+        });
+        dis.fire(Action.ViewHomePage); // Stop viewing any rooms
+        await roomChanged;
+
+        dis.fire(Action.OnLoggedOut, true); // Shut down the stores
+        jest.restoreAllMocks();
+    });
+
+    const spinUpStores = async () => {
+        // Selectively spin up the stores we need
+        WidgetLayoutStore.instance.useUnitTestClient(cli);
+        // @ts-ignore
+        // This is private but it's the only way to selectively enable stores
+        await WidgetLayoutStore.instance.onReady();
+
+        // Make sure we start with a clean store
+        RightPanelStore.instance.reset();
+        RightPanelStore.instance.useUnitTestClient(cli);
+        // @ts-ignore
+        await RightPanelStore.instance.onReady();
+    };
+
+    const waitForRpsUpdate = () => new Promise<void>((resolve) => RightPanelStore.instance.once(UPDATE_EVENT, resolve));
+
+    it("renders info from only one room during room changes", async () => {
+        const r1 = mkRoom(cli, "r1");
+        const r2 = mkRoom(cli, "r2");
+
+        cli.getRoom.mockImplementation((roomId) => {
+            if (roomId === "r1") return r1;
+            if (roomId === "r2") return r2;
+            return null;
+        });
+
+        // Set up right panel state
+        const realGetValue = SettingsStore.getValue;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((name, roomId) => {
+            if (name !== "RightPanel.phases") return realGetValue(name, roomId);
+            if (roomId === "r1") {
+                return {
+                    history: [{ phase: RightPanelPhases.MemberList }],
+                    isOpen: true,
+                };
+            }
+            if (roomId === "r2") {
+                return {
+                    history: [{ phase: RightPanelPhases.RoomSummary }],
+                    isOpen: true,
+                };
+            }
+            return null;
+        });
+
+        await spinUpStores();
+
+        // Run initial render with room 1, and also running lifecycle methods
+        const { container, rerender } = render(
+            <RightPanel
+                room={r1}
+                resizeNotifier={resizeNotifier}
+                permalinkCreator={new RoomPermalinkCreator(r1, r1.roomId)}
+            />,
+        );
+        // Wait for RPS room 1 updates to fire
+        const rpsUpdated = waitForRpsUpdate();
+        dis.dispatch({
+            action: Action.ViewRoom,
+            room_id: "r1",
+        });
+        await rpsUpdated;
+        await waitFor(() => expect(screen.queryByTestId("spinner")).not.toBeInTheDocument());
+
+        // room one will be in the MemberList phase - confirm this is rendered
+        expect(container.getElementsByClassName("mx_MemberListView")).toHaveLength(1);
+
+        // wait for RPS room 2 updates to fire, then rerender
+        const _rpsUpdated = waitForRpsUpdate();
+        dis.dispatch({
+            action: Action.ViewRoom,
+            room_id: "r2",
+        });
+        await _rpsUpdated;
+        rerender(
+            <RightPanel
+                room={r2}
+                resizeNotifier={resizeNotifier}
+                permalinkCreator={new RoomPermalinkCreator(r2, r2.roomId)}
+            />,
+        );
+
+        // After all that setup, now to the interesting part...
+        // We want to verify that as we change to room 2, we should always have
+        // the correct right panel state for whichever room we are showing, so we
+        // confirm we do not have the MemberList class on the page and that we have
+        // the expected room title
+        expect(container.getElementsByClassName("mx_MemberListView")).toHaveLength(0);
+        expect(screen.getByRole("heading", { name: "r2" })).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/RoomSearchView-test.tsx b/apps/web/test/unit-tests/components/structures/RoomSearchView-test.tsx
new file mode 100644
index 00000000000..dccf608003f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/RoomSearchView-test.tsx
@@ -0,0 +1,567 @@
+/*
+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 { mocked } from "jest-mock";
+import { render, screen } from "jest-matrix-react";
+import {
+    Room,
+    type MatrixClient,
+    type IEvent,
+    MatrixEvent,
+    EventType,
+    SearchResult,
+    type ISearchResults,
+} from "matrix-js-sdk/src/matrix";
+
+import { RoomSearchView } from "../../../../src/components/structures/RoomSearchView";
+import { clientAndSDKContextRenderOptions, stubClient } from "../../../test-utils";
+import MatrixClientContext from "../../../../src/contexts/MatrixClientContext";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import { searchPagination, SearchScope } from "../../../../src/Searching";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass";
+import SettingsStore from "../../../../src/settings/SettingsStore.ts";
+import { SettingLevel } from "../../../../src/settings/SettingLevel.ts";
+
+jest.mock("../../../../src/Searching", () => ({
+    searchPagination: jest.fn(),
+    SearchScope: jest.requireActual("../../../../src/Searching").SearchScope,
+}));
+
+describe("<RoomSearchView/>", () => {
+    const eventMapper = (obj: Partial<IEvent>) => new MatrixEvent(obj);
+    let client: MatrixClient;
+    let sdkContext: SDKContextClass;
+    let room: Room;
+
+    beforeEach(async () => {
+        stubClient();
+        client = MatrixClientPeg.safeGet();
+        sdkContext = new SDKContextClass();
+        client.supportsThreads = jest.fn().mockReturnValue(true);
+        room = new Room("!room:server", client, client.getSafeUserId());
+        mocked(client.getRoom).mockReturnValue(room);
+
+        jest.spyOn(Element.prototype, "clientHeight", "get").mockReturnValue(100);
+    });
+
+    afterEach(async () => {
+        jest.restoreAllMocks();
+    });
+
+    it("should show a spinner before the promise resolves", async () => {
+        const deferred = Promise.withResolvers<ISearchResults>();
+
+        render(
+            <RoomSearchView
+                inProgress={true}
+                term="search term"
+                scope={SearchScope.All}
+                promise={deferred.promise}
+                className="someClass"
+                onUpdate={jest.fn()}
+            />,
+        );
+
+        await screen.findByTestId("messagePanelSearchSpinner");
+    });
+
+    it("should render results when the promise resolves", async () => {
+        render(
+            <RoomSearchView
+                inProgress={false}
+                term="search term"
+                scope={SearchScope.All}
+                promise={Promise.resolve<ISearchResults>({
+                    results: [
+                        SearchResult.fromJson(
+                            {
+                                rank: 1,
+                                result: {
+                                    room_id: room.roomId,
+                                    event_id: "$2",
+                                    sender: client.getSafeUserId(),
+                                    origin_server_ts: 1,
+                                    content: { body: "Foo Test Bar", msgtype: "m.text" },
+                                    type: EventType.RoomMessage,
+                                },
+                                context: {
+                                    profile_info: {},
+                                    events_before: [
+                                        {
+                                            room_id: room.roomId,
+                                            event_id: "$1",
+                                            sender: client.getSafeUserId(),
+                                            origin_server_ts: 1,
+                                            content: { body: "Before", msgtype: "m.text" },
+                                            type: EventType.RoomMessage,
+                                        },
+                                    ],
+                                    events_after: [
+                                        {
+                                            room_id: room.roomId,
+                                            event_id: "$3",
+                                            sender: client.getSafeUserId(),
+                                            origin_server_ts: 1,
+                                            content: { body: "After", msgtype: "m.text" },
+                                            type: EventType.RoomMessage,
+                                        },
+                                    ],
+                                },
+                            },
+                            eventMapper,
+                        ),
+                    ],
+                    highlights: [],
+                    count: 1,
+                })}
+                className="someClass"
+                onUpdate={jest.fn()}
+            />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        await screen.findByText("Before");
+        await screen.findByText("Foo Test Bar");
+        await screen.findByText("After");
+    });
+
+    it("should highlight words correctly", async () => {
+        render(
+            <RoomSearchView
+                inProgress={false}
+                term="search term"
+                scope={SearchScope.Room}
+                promise={Promise.resolve<ISearchResults>({
+                    results: [
+                        SearchResult.fromJson(
+                            {
+                                rank: 1,
+                                result: {
+                                    room_id: room.roomId,
+                                    event_id: "$2",
+                                    sender: client.getSafeUserId(),
+                                    origin_server_ts: 1,
+                                    content: { body: "Foo Test Bar", msgtype: "m.text" },
+                                    type: EventType.RoomMessage,
+                                },
+                                context: {
+                                    profile_info: {},
+                                    events_before: [],
+                                    events_after: [],
+                                },
+                            },
+                            eventMapper,
+                        ),
+                    ],
+                    highlights: ["test"],
+                    count: 1,
+                })}
+                className="someClass"
+                onUpdate={jest.fn()}
+            />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        const text = await screen.findByText("Test");
+        expect(text).toHaveClass("mx_EventTile_searchHighlight");
+    });
+
+    it("should show spinner above results when backpaginating", async () => {
+        const searchResults: ISearchResults = {
+            results: [
+                SearchResult.fromJson(
+                    {
+                        rank: 1,
+                        result: {
+                            room_id: room.roomId,
+                            event_id: "$2",
+                            sender: client.getSafeUserId(),
+                            origin_server_ts: 1,
+                            content: { body: "Foo Test Bar", msgtype: "m.text" },
+                            type: EventType.RoomMessage,
+                        },
+                        context: {
+                            profile_info: {},
+                            events_before: [],
+                            events_after: [],
+                        },
+                    },
+                    eventMapper,
+                ),
+            ],
+            highlights: ["test"],
+            next_batch: "next_batch",
+            count: 2,
+        };
+
+        mocked(searchPagination).mockResolvedValue({
+            ...searchResults,
+            results: [
+                ...searchResults.results,
+                SearchResult.fromJson(
+                    {
+                        rank: 1,
+                        result: {
+                            room_id: room.roomId,
+                            event_id: "$4",
+                            sender: client.getSafeUserId(),
+                            origin_server_ts: 4,
+                            content: { body: "Potato", msgtype: "m.text" },
+                            type: EventType.RoomMessage,
+                        },
+                        context: {
+                            profile_info: {},
+                            events_before: [],
+                            events_after: [],
+                        },
+                    },
+                    eventMapper,
+                ),
+            ],
+            next_batch: undefined,
+        });
+        const onUpdate = jest.fn();
+
+        const { rerender } = render(
+            <RoomSearchView
+                inProgress={true}
+                term="search term"
+                scope={SearchScope.All}
+                promise={Promise.resolve(searchResults)}
+                className="someClass"
+                onUpdate={onUpdate}
+            />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        await screen.findByRole("progressbar");
+        await screen.findByText("Potato");
+        expect(onUpdate).toHaveBeenCalledWith(false, expect.objectContaining({}), null);
+
+        rerender(
+            <RoomSearchView
+                inProgress={false}
+                term="search term"
+                scope={SearchScope.All}
+                promise={Promise.resolve(searchResults)}
+                className="someClass"
+                onUpdate={jest.fn()}
+            />,
+        );
+
+        expect(screen.queryByRole("progressbar")).toBeFalsy();
+    });
+
+    it("should handle resolutions after unmounting sanely", async () => {
+        const deferred = Promise.withResolvers<ISearchResults>();
+
+        const { unmount } = render(
+            <MatrixClientContext.Provider value={client}>
+                <RoomSearchView
+                    inProgress={false}
+                    term="search term"
+                    scope={SearchScope.All}
+                    promise={deferred.promise}
+                    className="someClass"
+                    onUpdate={jest.fn()}
+                />
+            </MatrixClientContext.Provider>,
+        );
+
+        unmount();
+        deferred.resolve({
+            results: [],
+            highlights: [],
+        });
+    });
+
+    it("should handle rejections after unmounting sanely", async () => {
+        const deferred = Promise.withResolvers<ISearchResults>();
+
+        const { unmount } = render(
+            <MatrixClientContext.Provider value={client}>
+                <RoomSearchView
+                    inProgress={false}
+                    term="search term"
+                    scope={SearchScope.All}
+                    promise={deferred.promise}
+                    className="someClass"
+                    onUpdate={jest.fn()}
+                />
+            </MatrixClientContext.Provider>,
+        );
+
+        unmount();
+        deferred.reject({
+            results: [],
+            highlights: [],
+        });
+    });
+
+    it("report error if one is encountered", async () => {
+        const onUpdate = jest.fn();
+        const deferred = Promise.withResolvers<ISearchResults>();
+
+        render(
+            <MatrixClientContext.Provider value={client}>
+                <RoomSearchView
+                    inProgress={false}
+                    term="search term"
+                    scope={SearchScope.All}
+                    promise={deferred.promise}
+                    className="someClass"
+                    onUpdate={onUpdate}
+                />
+            </MatrixClientContext.Provider>,
+        );
+        deferred.reject("Some error");
+        try {
+            // Wait for RoomSearchView to process the promise
+            await deferred.promise;
+        } catch {}
+
+        expect(onUpdate).toHaveBeenCalledWith(false, null, "Some error");
+        expect(onUpdate).toHaveBeenCalledTimes(2);
+    });
+
+    it("should combine search results when the query is present in multiple sucessive messages", async () => {
+        const searchResults: ISearchResults = {
+            results: [
+                SearchResult.fromJson(
+                    {
+                        rank: 1,
+                        result: {
+                            room_id: room.roomId,
+                            event_id: "$4",
+                            sender: client.getUserId() ?? "",
+                            origin_server_ts: 1,
+                            content: { body: "Foo2", msgtype: "m.text" },
+                            type: EventType.RoomMessage,
+                        },
+                        context: {
+                            profile_info: {},
+                            events_before: [
+                                {
+                                    room_id: room.roomId,
+                                    event_id: "$3",
+                                    sender: client.getUserId() ?? "",
+                                    origin_server_ts: 1,
+                                    content: { body: "Between", msgtype: "m.text" },
+                                    type: EventType.RoomMessage,
+                                },
+                            ],
+                            events_after: [
+                                {
+                                    room_id: room.roomId,
+                                    event_id: "$5",
+                                    sender: client.getUserId() ?? "",
+                                    origin_server_ts: 1,
+                                    content: { body: "After", msgtype: "m.text" },
+                                    type: EventType.RoomMessage,
+                                },
+                            ],
+                        },
+                    },
+                    eventMapper,
+                ),
+                SearchResult.fromJson(
+                    {
+                        rank: 1,
+                        result: {
+                            room_id: room.roomId,
+                            event_id: "$2",
+                            sender: client.getUserId() ?? "",
+                            origin_server_ts: 1,
+                            content: { body: "Foo", msgtype: "m.text" },
+                            type: EventType.RoomMessage,
+                        },
+                        context: {
+                            profile_info: {},
+                            events_before: [
+                                {
+                                    room_id: room.roomId,
+                                    event_id: "$1",
+                                    sender: client.getUserId() ?? "",
+                                    origin_server_ts: 1,
+                                    content: { body: "Before", msgtype: "m.text" },
+                                    type: EventType.RoomMessage,
+                                },
+                            ],
+                            events_after: [
+                                {
+                                    room_id: room.roomId,
+                                    event_id: "$3",
+                                    sender: client.getUserId() ?? "",
+                                    origin_server_ts: 1,
+                                    content: { body: "Between", msgtype: "m.text" },
+                                    type: EventType.RoomMessage,
+                                },
+                            ],
+                        },
+                    },
+                    eventMapper,
+                ),
+            ],
+            highlights: [],
+            next_batch: "",
+            count: 1,
+        };
+
+        render(
+            <RoomSearchView
+                inProgress={false}
+                term="search term"
+                scope={SearchScope.All}
+                promise={Promise.resolve(searchResults)}
+                className="someClass"
+                onUpdate={jest.fn()}
+            />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        const beforeNode = await screen.findByText("Before");
+        const fooNode = await screen.findByText("Foo");
+        const betweenNode = await screen.findByText("Between");
+        const foo2Node = await screen.findByText("Foo2");
+        const afterNode = await screen.findByText("After");
+
+        expect((await screen.findAllByText("Between")).length).toBe(1);
+
+        expect(beforeNode.compareDocumentPosition(fooNode) == Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+        expect(fooNode.compareDocumentPosition(betweenNode) == Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+        expect(betweenNode.compareDocumentPosition(foo2Node) == Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+        expect(foo2Node.compareDocumentPosition(afterNode) == Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+    });
+
+    it("should pass appropriate permalink creator for all rooms search", async () => {
+        await SettingsStore.setValue("alwaysShowTimestamps", null, SettingLevel.DEVICE, true);
+        const room2 = new Room("!room2:server", client, client.getSafeUserId());
+        const room3 = new Room("!room3:server", client, client.getSafeUserId());
+        mocked(client.getRoom).mockImplementation(
+            (roomId) => [room, room2, room3].find((r) => r.roomId === roomId) ?? null,
+        );
+
+        render(
+            <RoomSearchView
+                inProgress={false}
+                term="search term"
+                scope={SearchScope.All}
+                promise={Promise.resolve<ISearchResults>({
+                    results: [
+                        SearchResult.fromJson(
+                            {
+                                rank: 1,
+                                result: {
+                                    room_id: room.roomId,
+                                    event_id: "$2",
+                                    sender: client.getSafeUserId(),
+                                    origin_server_ts: 1,
+                                    content: { body: "Room 1", msgtype: "m.text" },
+                                    type: EventType.RoomMessage,
+                                },
+                                context: {
+                                    profile_info: {},
+                                    events_before: [],
+                                    events_after: [],
+                                },
+                            },
+                            eventMapper,
+                        ),
+                        SearchResult.fromJson(
+                            {
+                                rank: 2,
+                                result: {
+                                    room_id: room2.roomId,
+                                    event_id: "$22",
+                                    sender: client.getSafeUserId(),
+                                    origin_server_ts: 1,
+                                    content: { body: "Room 2", msgtype: "m.text" },
+                                    type: EventType.RoomMessage,
+                                },
+                                context: {
+                                    profile_info: {},
+                                    events_before: [],
+                                    events_after: [],
+                                },
+                            },
+                            eventMapper,
+                        ),
+                        SearchResult.fromJson(
+                            {
+                                rank: 2,
+                                result: {
+                                    room_id: room2.roomId,
+                                    event_id: "$23",
+                                    sender: client.getSafeUserId(),
+                                    origin_server_ts: 2,
+                                    content: { body: "Room 2 message 2", msgtype: "m.text" },
+                                    type: EventType.RoomMessage,
+                                },
+                                context: {
+                                    profile_info: {},
+                                    events_before: [],
+                                    events_after: [],
+                                },
+                            },
+                            eventMapper,
+                        ),
+                        SearchResult.fromJson(
+                            {
+                                rank: 3,
+                                result: {
+                                    room_id: room3.roomId,
+                                    event_id: "$32",
+                                    sender: client.getSafeUserId(),
+                                    origin_server_ts: 1,
+                                    content: { body: "Room 3", msgtype: "m.text" },
+                                    type: EventType.RoomMessage,
+                                },
+                                context: {
+                                    profile_info: {},
+                                    events_before: [],
+                                    events_after: [],
+                                },
+                            },
+                            eventMapper,
+                        ),
+                    ],
+                    highlights: [],
+                    count: 1,
+                })}
+                className="someClass"
+                onUpdate={jest.fn()}
+            />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        const event1 = await screen.findByText("Room 1");
+        expect(event1.closest(".mx_EventTile_line")!.querySelector("a")).toHaveAttribute(
+            "href",
+            `https://matrix.to/#/${room.roomId}/$2`,
+        );
+
+        const event2 = await screen.findByText("Room 2");
+        expect(event2.closest(".mx_EventTile_line")!.querySelector("a")).toHaveAttribute(
+            "href",
+            `https://matrix.to/#/${room2.roomId}/$22`,
+        );
+
+        const event2Message2 = await screen.findByText("Room 2 message 2");
+        expect(event2Message2.closest(".mx_EventTile_line")!.querySelector("a")).toHaveAttribute(
+            "href",
+            `https://matrix.to/#/${room2.roomId}/$23`,
+        );
+
+        const event3 = await screen.findByText("Room 3");
+        expect(event3.closest(".mx_EventTile_line")!.querySelector("a")).toHaveAttribute(
+            "href",
+            `https://matrix.to/#/${room3.roomId}/$32`,
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/RoomView-test.tsx b/apps/web/test/unit-tests/components/structures/RoomView-test.tsx
new file mode 100644
index 00000000000..afe37d1422d
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/RoomView-test.tsx
@@ -0,0 +1,1317 @@
+/*
+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, { createRef, type RefObject } from "react";
+import { mocked, type MockedObject } from "jest-mock";
+import {
+    EventTimeline,
+    EventType,
+    type IEvent,
+    JoinRule,
+    type MatrixClient,
+    MatrixError,
+    MatrixEvent,
+    Room,
+    RoomEvent,
+    RoomMember,
+    RoomStateEvent,
+    SearchResult,
+    User,
+} from "matrix-js-sdk/src/matrix";
+import { type CryptoApi, CryptoEvent, UserVerificationStatus } from "matrix-js-sdk/src/crypto-api";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { act, cleanup, fireEvent, render, type RenderResult, screen, waitFor, findByRole } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import {
+    createTestClient,
+    emitPromise,
+    filterConsole,
+    flushPromises,
+    mkEvent,
+    mkRoomMemberJoinEvent,
+    mkThirdPartyInviteEvent,
+    mockPlatformPeg,
+    setupAsyncStoreWithClient,
+    stubClient,
+    unmockPlatformPeg,
+    untilDispatch,
+} from "../../../test-utils";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import { Action } from "../../../../src/dispatcher/actions";
+import defaultDispatcher from "../../../../src/dispatcher/dispatcher";
+import { type ViewRoomPayload } from "../../../../src/dispatcher/payloads/ViewRoomPayload";
+import { RoomView } from "../../../../src/components/structures/RoomView";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../../src/settings/SettingLevel";
+import DMRoomMap from "../../../../src/utils/DMRoomMap";
+import { NotificationState } from "../../../../src/stores/notifications/NotificationState";
+import { RightPanelPhases } from "../../../../src/stores/right-panel/RightPanelStorePhases";
+import { type LocalRoom, LocalRoomState } from "../../../../src/models/LocalRoom";
+import { DirectoryMember } from "../../../../src/utils/direct-messages";
+import { createDmLocalRoom } from "../../../../src/utils/dm/createDmLocalRoom";
+import { UPDATE_EVENT } from "../../../../src/stores/AsyncStore";
+import { SDKContext } from "../../../../src/contexts/SDKContext";
+import { TestSDKContext } from "../../TestSDKContext.ts";
+import WidgetUtils from "../../../../src/utils/WidgetUtils";
+import { WidgetType } from "../../../../src/widgets/WidgetType";
+import WidgetStore from "../../../../src/stores/WidgetStore";
+import { type ViewRoomErrorPayload } from "../../../../src/dispatcher/payloads/ViewRoomErrorPayload";
+import { SearchScope } from "../../../../src/Searching";
+import { MEGOLM_ENCRYPTION_ALGORITHM } from "../../../../src/utils/crypto";
+import MatrixClientContext from "../../../../src/contexts/MatrixClientContext";
+import { type ViewUserPayload } from "../../../../src/dispatcher/payloads/ViewUserPayload.ts";
+import { CallStore } from "../../../../src/stores/CallStore.ts";
+import MediaDeviceHandler, { MediaDeviceKindEnum } from "../../../../src/MediaDeviceHandler.ts";
+import Modal, { type ComponentProps } from "../../../../src/Modal.tsx";
+import ErrorDialog from "../../../../src/components/views/dialogs/ErrorDialog.tsx";
+import * as pinnedEventHooks from "../../../../src/hooks/usePinnedEvents";
+import { TimelineRenderingType } from "../../../../src/contexts/RoomContext";
+import { ModuleApi } from "../../../../src/modules/Api";
+import MatrixClientBackedController from "../../../../src/settings/controllers/MatrixClientBackedController.ts";
+import { type ComposerInsertPayload, ComposerType } from "../../../../src/dispatcher/payloads/ComposerInsertPayload.ts";
+
+// Used by group calls
+jest.spyOn(MediaDeviceHandler, "getDevices").mockResolvedValue({
+    [MediaDeviceKindEnum.AudioInput]: [],
+    [MediaDeviceKindEnum.VideoInput]: [],
+    [MediaDeviceKindEnum.AudioOutput]: [],
+});
+
+describe("RoomView", () => {
+    let cli: MockedObject<MatrixClient>;
+    let room: Room;
+    let rooms: Map<string, Room>;
+    let stores: TestSDKContext;
+    let crypto: CryptoApi;
+
+    // mute some noise
+    filterConsole("RVS update", "does not have an m.room.create event", "Current version: 1", "Version capability");
+
+    beforeEach(() => {
+        mockPlatformPeg({ reload: () => {} });
+        cli = mocked(stubClient());
+        MatrixClientBackedController.matrixClient = cli;
+
+        const roomName = (expect.getState().currentTestName ?? "").replace(/[^a-zA-Z0-9]/g, "").toLowerCase();
+
+        room = new Room(`!${roomName}:example.org`, cli, "@alice:example.org");
+        jest.spyOn(room, "findPredecessor");
+        room.getPendingEvents = () => [];
+        rooms = new Map();
+        rooms.set(room.roomId, room);
+        cli.getRoom.mockImplementation((roomId: string | undefined) => rooms.get(roomId || "") || null);
+        cli.getRooms.mockImplementation(() => [...rooms.values()]);
+        // Re-emit certain events on the mocked client
+        room.on(RoomEvent.Timeline, (...args) => cli.emit(RoomEvent.Timeline, ...args));
+        room.on(RoomEvent.TimelineReset, (...args) => cli.emit(RoomEvent.TimelineReset, ...args));
+
+        DMRoomMap.makeShared(cli);
+        stores = new TestSDKContext();
+        stores._client = cli;
+        stores.rightPanelStore.useUnitTestClient(cli);
+
+        crypto = cli.getCrypto()!;
+        jest.spyOn(cli, "getCrypto").mockReturnValue(undefined);
+    });
+
+    afterEach(() => {
+        unmockPlatformPeg();
+        jest.clearAllMocks();
+
+        // Can't jest.restoreAllMocks() because some tests will break
+        jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockRestore();
+        jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockRestore();
+
+        cleanup();
+    });
+
+    const mountRoomView = async (
+        ref?: RefObject<RoomView | null>,
+        props?: Partial<ComponentProps<typeof RoomView>>,
+    ): Promise<RenderResult> => {
+        if (stores.roomViewStore.getRoomId() !== room.roomId) {
+            const switchedRoom = new Promise<void>((resolve) => {
+                const subFn = () => {
+                    if (stores.roomViewStore.getRoomId()) {
+                        stores.roomViewStore.off(UPDATE_EVENT, subFn);
+                        resolve();
+                    }
+                };
+                stores.roomViewStore.on(UPDATE_EVENT, subFn);
+            });
+
+            act(() =>
+                defaultDispatcher.dispatch<ViewRoomPayload>({
+                    action: Action.ViewRoom,
+                    room_id: room.roomId,
+                    metricsTrigger: undefined,
+                }),
+            );
+
+            await switchedRoom;
+        }
+
+        const roomView = render(
+            <RoomView
+                // threepidInvite should be optional on RoomView props
+                // it is treated as optional in RoomView
+                threepidInvite={undefined as any}
+                forceTimeline={false}
+                ref={ref}
+                {...props}
+            />,
+            {
+                wrapper: ({ children }) => (
+                    <MatrixClientContext.Provider value={cli}>
+                        <SDKContext.Provider value={stores}>{children}</SDKContext.Provider>
+                    </MatrixClientContext.Provider>
+                ),
+            },
+        );
+        await flushPromises();
+        return roomView;
+    };
+
+    const renderRoomView = async (switchRoom = true): Promise<ReturnType<typeof render>> => {
+        if (switchRoom && stores.roomViewStore.getRoomId() !== room.roomId) {
+            const switchedRoom = new Promise<void>((resolve) => {
+                const subFn = () => {
+                    if (stores.roomViewStore.getRoomId()) {
+                        stores.roomViewStore.off(UPDATE_EVENT, subFn);
+                        resolve();
+                    }
+                };
+                stores.roomViewStore.on(UPDATE_EVENT, subFn);
+            });
+
+            defaultDispatcher.dispatch<ViewRoomPayload>({
+                action: Action.ViewRoom,
+                room_id: room.roomId,
+                metricsTrigger: undefined,
+            });
+
+            await switchedRoom;
+        }
+
+        const roomView = render(
+            <MatrixClientContext.Provider value={cli}>
+                <SDKContext.Provider value={stores}>
+                    <RoomView
+                        // threepidInvite should be optional on RoomView props
+                        // it is treated as optional in RoomView
+                        threepidInvite={undefined}
+                        forceTimeline={false}
+                        onRegistered={jest.fn()}
+                    />
+                </SDKContext.Provider>
+            </MatrixClientContext.Provider>,
+        );
+        await flushPromises();
+        return roomView;
+    };
+    const getRoomViewInstance = async (): Promise<RoomView> => {
+        const ref = createRef<RoomView>();
+        await mountRoomView(ref);
+        return ref.current!;
+    };
+
+    it("gets a room view store from MultiRoomViewStore when given a room ID", async () => {
+        stores.multiRoomViewStore.getRoomViewStoreForRoom = jest.fn().mockReturnValue(stores.roomViewStore);
+
+        const ref = createRef<RoomView>();
+        render(
+            <MatrixClientContext.Provider value={cli}>
+                <SDKContext.Provider value={stores}>
+                    <RoomView
+                        threepidInvite={undefined as any}
+                        forceTimeline={false}
+                        ref={ref}
+                        roomId="!room:example.dummy"
+                    />
+                </SDKContext.Provider>
+            </MatrixClientContext.Provider>,
+        );
+
+        expect(stores.multiRoomViewStore.getRoomViewStoreForRoom).toHaveBeenCalledWith("!room:example.dummy");
+    });
+
+    it("should show member list right panel phase on Action.ViewUser without `payload.member`", async () => {
+        const spy = jest.spyOn(stores.rightPanelStore, "showOrHidePhase");
+        await renderRoomView(false);
+
+        defaultDispatcher.dispatch<ViewUserPayload>(
+            {
+                action: Action.ViewUser,
+                member: undefined,
+            },
+            true,
+        );
+
+        expect(spy).toHaveBeenCalledWith(RightPanelPhases.MemberList);
+    });
+
+    it("when there is no room predecessor, getHiddenHighlightCount should return 0", async () => {
+        const instance = await getRoomViewInstance();
+        expect(instance.getHiddenHighlightCount()).toBe(0);
+    });
+
+    it("should hide the composer when hideComposer=true", async () => {
+        // Join the room
+        jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+        const { asFragment } = await mountRoomView(undefined, { hideComposer: true });
+
+        expect(screen.queryByRole("textbox", { name: "Send an unencrypted message…" })).not.toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should hide the header when hideHeader=true", async () => {
+        // Join the room
+        jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+        const { asFragment } = await mountRoomView(undefined, { hideHeader: true });
+
+        // Check that the room name button in the header is not rendered
+        expect(screen.queryByRole("button", { name: room.name })).not.toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should hide the right panel when hideRightPanel=true", async () => {
+        // Join the room
+        jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+        const { asFragment, rerender } = await mountRoomView(undefined);
+
+        defaultDispatcher.dispatch<ViewUserPayload>(
+            {
+                action: Action.ViewUser,
+                member: undefined,
+            },
+            true,
+        );
+
+        // Check that the right panel is rendered
+        await expect(screen.findByTestId("right-panel")).resolves.toBeTruthy();
+        // Now rerender with hideRightPanel=true
+        rerender(<RoomView threepidInvite={undefined} forceTimeline={false} hideRightPanel={true} />);
+        // Check that the right panel is not rendered
+        await expect(screen.findByTestId("right-panel")).rejects.toThrow();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should hide the pinned message banner when hidePinnedMessageBanner=true", async () => {
+        // Join the room
+        jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+
+        const pinnedEvent = new MatrixEvent({
+            type: EventType.RoomMessage,
+            sender: "@alice:example.org",
+            content: {
+                body: "First pinned message",
+                msgtype: "m.text",
+            },
+            room_id: room.roomId,
+            origin_server_ts: 0,
+            event_id: "$eventId",
+        });
+
+        jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockReturnValue([pinnedEvent.getId()!]);
+        jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockReturnValue([pinnedEvent]);
+
+        const { asFragment, rerender } = await mountRoomView(undefined);
+        // Check that the pinned message banner is rendered
+        await expect(screen.findByTestId("pinned-message-banner")).resolves.toBeTruthy();
+        // Now rerender with hidePinnedMessagesBanner=true
+        rerender(<RoomView threepidInvite={undefined} forceTimeline={false} hidePinnedMessageBanner={true} />);
+        // Check that the pinned message banner is not rendered
+        await expect(screen.findByTestId("pinned-message-banner")).rejects.toThrow();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    describe("enableReadReceiptsAndMarkersOnActivity", () => {
+        it.each([
+            {
+                enabled: false,
+                testName: "should send read receipts and update read marker on focus when disabled",
+                checkCall: (sendReadReceiptsSpy: jest.Mock, updateReadMarkerSpy: jest.Mock) => {
+                    expect(sendReadReceiptsSpy).toHaveBeenCalled();
+                    expect(updateReadMarkerSpy).toHaveBeenCalled();
+                },
+            },
+            {
+                enabled: true,
+                testName: "should not send read receipts and update read marker on focus when enabled",
+                checkCall: (sendReadReceiptsSpy: jest.Mock, updateReadMarkerSpy: jest.Mock) => {
+                    expect(sendReadReceiptsSpy).not.toHaveBeenCalled();
+                    expect(updateReadMarkerSpy).not.toHaveBeenCalled();
+                },
+            },
+        ])("$testName", async ({ enabled, checkCall }) => {
+            // Join the room
+            jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+            const ref = createRef<RoomView>();
+            await mountRoomView(ref, {
+                enableReadReceiptsAndMarkersOnActivity: enabled,
+            });
+
+            // Wait for the timeline to be rendered
+            await waitFor(() => expect(screen.getByTestId("timeline")).not.toBeNull());
+
+            // Get the RoomView instance and mock the messagePanel methods
+            const instance = ref.current!;
+            const sendReadReceiptsSpy = jest.fn();
+            const updateReadMarkerSpy = jest.fn();
+            // @ts-ignore - accessing private property for testing
+            instance.messagePanel = {
+                sendReadReceipts: sendReadReceiptsSpy,
+                updateReadMarker: updateReadMarkerSpy,
+            };
+
+            // Find the main RoomView div and trigger focus
+            const timeline = screen.getByTestId("timeline");
+            fireEvent.focus(timeline);
+
+            // Verify that sendReadReceipts and updateReadMarker were called or not based on the enabled state
+            checkCall(sendReadReceiptsSpy, updateReadMarkerSpy);
+        });
+    });
+
+    describe("invites", () => {
+        beforeEach(() => {
+            const member = new RoomMember(room.roomId, cli.getSafeUserId());
+            member.membership = KnownMembership.Invite;
+            member.events.member = new MatrixEvent({
+                sender: "@bob:example.org",
+                content: { membership: KnownMembership.Invite },
+            });
+            room.getMyMembership = jest.fn().mockReturnValue(KnownMembership.Invite);
+            room.getMember = jest.fn().mockReturnValue(member);
+        });
+
+        it("renders an invite room", async () => {
+            const { asFragment } = await mountRoomView();
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("handles accepting an invite", async () => {
+            const { getByRole } = await mountRoomView();
+
+            await fireEvent.click(getByRole("button", { name: "Accept" }));
+
+            await untilDispatch(Action.JoinRoomReady, defaultDispatcher);
+        });
+        it("handles declining an invite", async () => {
+            const { getByRole } = await mountRoomView();
+            jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([true, false, false]),
+                close: jest.fn(),
+            });
+            await fireEvent.click(getByRole("button", { name: "Decline" }));
+            await waitFor(() => expect(cli.leave).toHaveBeenCalledWith(room.roomId));
+            expect(cli.setIgnoredUsers).not.toHaveBeenCalled();
+        });
+        it("handles declining an invite and ignoring the user", async () => {
+            const { getByRole } = await mountRoomView();
+            cli.getIgnoredUsers.mockReturnValue(["@carol:example.org"]);
+            jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([true, true, false]),
+                close: jest.fn(),
+            });
+            await act(() => fireEvent.click(getByRole("button", { name: "Decline and block" })));
+            expect(cli.leave).toHaveBeenCalledWith(room.roomId);
+            expect(cli.setIgnoredUsers).toHaveBeenCalledWith(["@carol:example.org", "@bob:example.org"]);
+        });
+        it("prevents ignoring own user", async () => {
+            const member = new RoomMember(room.roomId, cli.getSafeUserId());
+            member.membership = KnownMembership.Invite;
+            member.events.member = new MatrixEvent({
+                /*
+                It doesn't matter that this is an invite event coming from own user, we just
+                want to simulate a situation where the sender of the membership event somehow
+                ends up being own user.
+                 */
+                sender: cli.getSafeUserId(),
+                content: { membership: KnownMembership.Invite },
+            });
+            jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Invite);
+            jest.spyOn(room, "getMember").mockReturnValue(member);
+
+            const { getByRole } = await mountRoomView();
+            cli.getIgnoredUsers.mockReturnValue(["@carol:example.org"]);
+            jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([true, true, false]),
+                close: jest.fn(),
+            });
+
+            await act(() => fireEvent.click(getByRole("button", { name: "Decline and block" })));
+
+            // Should show error in a modal dialog
+            await waitFor(() => {
+                expect(Modal.createDialog).toHaveBeenLastCalledWith(ErrorDialog, {
+                    title: "Failed to reject invite",
+                    description: "Cannot determine which user to ignore since the member event has changed.",
+                });
+            });
+
+            // The ignore call should not go through
+            expect(cli.setIgnoredUsers).not.toHaveBeenCalled();
+        });
+        it("handles declining an invite and reporting the room", async () => {
+            const { getByRole } = await mountRoomView();
+            jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([true, false, "with a reason"]),
+                close: jest.fn(),
+            });
+            await fireEvent.click(getByRole("button", { name: "Decline and block" }));
+            expect(cli.leave).toHaveBeenCalledWith(room.roomId);
+            expect(cli.reportRoom).toHaveBeenCalledWith(room.roomId, "with a reason");
+        });
+    });
+
+    describe("when there is an old room", () => {
+        let instance: RoomView;
+        let oldRoom: Room;
+
+        beforeEach(async () => {
+            instance = await getRoomViewInstance();
+            oldRoom = new Room("!old:example.com", cli, cli.getSafeUserId());
+            rooms.set(oldRoom.roomId, oldRoom);
+            jest.spyOn(room, "findPredecessor").mockReturnValue({ roomId: oldRoom.roomId });
+        });
+
+        it("and it has 0 unreads, getHiddenHighlightCount should return 0", async () => {
+            jest.spyOn(oldRoom, "getUnreadNotificationCount").mockReturnValue(0);
+            expect(instance.getHiddenHighlightCount()).toBe(0);
+            // assert that msc3946ProcessDynamicPredecessor is false by default
+            expect(room.findPredecessor).toHaveBeenCalledWith(false);
+        });
+
+        it("and it has 23 unreads, getHiddenHighlightCount should return 23", async () => {
+            jest.spyOn(oldRoom, "getUnreadNotificationCount").mockReturnValue(23);
+            expect(instance.getHiddenHighlightCount()).toBe(23);
+        });
+
+        describe("and feature_dynamic_room_predecessors is enabled", () => {
+            beforeEach(() => {
+                act(() => instance.setState({ msc3946ProcessDynamicPredecessor: true }));
+            });
+
+            afterEach(() => {
+                act(() => instance.setState({ msc3946ProcessDynamicPredecessor: false }));
+            });
+
+            it("should pass the setting to findPredecessor", async () => {
+                expect(instance.getHiddenHighlightCount()).toBe(0);
+                expect(room.findPredecessor).toHaveBeenCalledWith(true);
+            });
+        });
+    });
+
+    it("updates url preview visibility on encryption state change", async () => {
+        room.getMyMembership = jest.fn().mockReturnValue(KnownMembership.Join);
+        jest.spyOn(cli, "getCrypto").mockReturnValue(crypto);
+        // we should be starting unencrypted
+        expect(await cli.getCrypto()?.isEncryptionEnabledInRoom(room.roomId)).toEqual(false);
+
+        const roomViewInstance = await getRoomViewInstance();
+
+        // in a default (non-encrypted room, it should start out with url previews enabled)
+        // This is a white-box test in that we're asserting things about the state, which
+        // is not ideal, but asserting that a URL preview just isn't there could risk the
+        // test being invalid because the previews just hasn't rendered yet. This feels
+        // like the safest way I think?
+        // This also relies on the default settings being URL previews on normally and
+        // off for e2e rooms because 1) it's probably useful to assert this and
+        // 2) SettingsStore is a static class and so very hard to mock out.
+        expect(roomViewInstance.state.showUrlPreview).toBe(true);
+
+        // now enable encryption
+        jest.spyOn(cli.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+
+        // and fake an encryption event into the room to prompt it to re-check
+        act(() => {
+            const encryptionEvent = new MatrixEvent({
+                type: EventType.RoomEncryption,
+                sender: cli.getUserId()!,
+                content: {},
+                event_id: "someid",
+                room_id: room.roomId,
+            });
+            const roomState = room.getLiveTimeline().getState(EventTimeline.FORWARDS)!;
+            cli.emit(RoomStateEvent.Events, encryptionEvent, roomState, null);
+        });
+
+        // URL previews should now be disabled
+        await waitFor(() => expect(roomViewInstance.state.showUrlPreview).toBe(false));
+    });
+
+    it("should not display the timeline when the room encryption is loading", async () => {
+        jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+        jest.spyOn(cli, "getCrypto").mockReturnValue(crypto);
+        const deferred = Promise.withResolvers<boolean>();
+        jest.spyOn(cli.getCrypto()!, "isEncryptionEnabledInRoom").mockImplementation(() => deferred.promise);
+
+        const { asFragment, container } = await mountRoomView();
+        expect(container.querySelector(".mx_RoomView_messagePanel")).toBeNull();
+        expect(asFragment()).toMatchSnapshot();
+
+        deferred.resolve(true);
+        await waitFor(() => expect(container.querySelector(".mx_RoomView_messagePanel")).not.toBeNull());
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("updates live timeline when a timeline reset happens", async () => {
+        const roomViewInstance = await getRoomViewInstance();
+        const oldTimeline = roomViewInstance.state.liveTimeline;
+
+        act(() => room.getUnfilteredTimelineSet().resetLiveTimeline());
+        expect(roomViewInstance.state.liveTimeline).not.toEqual(oldTimeline);
+    });
+
+    it("should update when the e2e status when the user verification changed", async () => {
+        room.currentState.setStateEvents([
+            mkRoomMemberJoinEvent(cli.getSafeUserId(), room.roomId),
+            mkRoomMemberJoinEvent("user@example.com", room.roomId),
+        ]);
+        room.getMyMembership = jest.fn().mockReturnValue(KnownMembership.Join);
+        // Not all the calls to cli.isRoomEncrypted are migrated, so we need to mock both.
+        mocked(cli.isRoomEncrypted).mockReturnValue(true);
+        jest.spyOn(cli, "getCrypto").mockReturnValue(crypto);
+        jest.spyOn(cli.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+        jest.spyOn(cli.getCrypto()!, "getUserVerificationStatus").mockResolvedValue(
+            new UserVerificationStatus(false, false, false),
+        );
+        jest.spyOn(cli.getCrypto()!, "getUserDeviceInfo").mockResolvedValue(
+            new Map([["user@example.com", new Map<string, any>()]]),
+        );
+
+        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")).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")).toHaveAccessibleName("Everyone in this room is verified"),
+        );
+    });
+
+    describe("video rooms", () => {
+        beforeEach(async () => {
+            await setupAsyncStoreWithClient(CallStore.instance, MatrixClientPeg.safeGet());
+            // Make it a video room
+            room.isElementVideoRoom = () => true;
+            await SettingsStore.setValue("feature_video_rooms", null, SettingLevel.DEVICE, true);
+        });
+
+        it("normally doesn't open the chat panel", async () => {
+            jest.spyOn(NotificationState.prototype, "isUnread", "get").mockReturnValue(false);
+            await mountRoomView();
+            expect(stores.rightPanelStore.isOpen).toEqual(false);
+        });
+
+        it("opens the chat panel if there are unread messages", async () => {
+            jest.spyOn(NotificationState.prototype, "isUnread", "get").mockReturnValue(true);
+            await mountRoomView();
+            expect(stores.rightPanelStore.isOpen).toEqual(true);
+            expect(stores.rightPanelStore.currentCard.phase).toEqual(RightPanelPhases.Timeline);
+        });
+
+        it("should render joined video room view", async () => {
+            jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+            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("group calls", () => {
+        beforeEach(async () => {
+            await setupAsyncStoreWithClient(CallStore.instance, MatrixClientPeg.safeGet());
+            jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+        });
+
+        it("hides the right panel chat when closing a call", async () => {
+            await mountRoomView();
+
+            // Open the call
+            await act(() =>
+                stores.roomViewStore.viewRoom({
+                    action: Action.ViewRoom,
+                    room_id: stores.roomViewStore.getRoomId()!,
+                    event_id: "$eventId",
+                    metricsTrigger: undefined,
+                    view_call: true,
+                }),
+            );
+            // Open the chat in the right panel
+            act(() => stores.rightPanelStore.setCard({ phase: RightPanelPhases.Timeline }));
+            // Chat should be visible in the right panel
+            await findByRole(await screen.findByRole("complementary"), "heading", { name: "Chat" });
+
+            // Close the call
+            await act(() =>
+                stores.roomViewStore.viewRoom({
+                    action: Action.ViewRoom,
+                    room_id: stores.roomViewStore.getRoomId()!,
+                    event_id: "$eventId",
+                    metricsTrigger: undefined,
+                    view_call: false,
+                }),
+            );
+            // Right panel should be gone
+            expect(screen.queryByRole("complementary")).toBe(null);
+            // Opening the right panel again should just show the room summary
+            act(() => stores.rightPanelStore.show(room.roomId));
+            await findByRole(await screen.findByRole("complementary"), "heading", { name: room.roomId });
+        });
+
+        it("hides the right panel chat when returning to a room that previously showed a call", async () => {
+            const room2 = new Room(`!roomswitchtest:example.org`, cli, "@alice:example.org");
+            rooms.set(room2.roomId, room2);
+            await mountRoomView();
+
+            // Open the call
+            await act(() =>
+                stores.roomViewStore.viewRoom({
+                    action: Action.ViewRoom,
+                    room_id: room.roomId,
+                    event_id: "$eventId",
+                    metricsTrigger: undefined,
+                    view_call: true,
+                }),
+            );
+            // Open the chat in the right panel
+            act(() => stores.rightPanelStore.setCard({ phase: RightPanelPhases.Timeline }));
+            // Chat should be visible in the right panel
+            await findByRole(await screen.findByRole("complementary"), "heading", { name: "Chat" });
+
+            // Navigate away to another room
+            await act(() =>
+                stores.roomViewStore.viewRoom({
+                    action: Action.ViewRoom,
+                    room_id: room2.roomId,
+                    event_id: "$eventId",
+                    metricsTrigger: undefined,
+                }),
+            );
+            // Navigate back to the original room
+            await act(() =>
+                stores.roomViewStore.viewRoom({
+                    action: Action.ViewRoom,
+                    room_id: room.roomId,
+                    event_id: "$eventId",
+                    metricsTrigger: undefined,
+                }),
+            );
+            // Right panel should be gone
+            expect(screen.queryByRole("complementary")).toBe(null);
+        });
+    });
+
+    describe("for a local room", () => {
+        let localRoom: LocalRoom;
+
+        beforeEach(async () => {
+            localRoom = room = await createDmLocalRoom(cli, [new DirectoryMember({ user_id: "@user:example.com" })]);
+            rooms.set(localRoom.roomId, localRoom);
+            cli.store.storeRoom(room);
+        });
+
+        it("should remove the room from the store on unmount", async () => {
+            const { unmount } = await renderRoomView();
+            unmount();
+            expect(cli.store.removeRoom).toHaveBeenCalledWith(room.roomId);
+        });
+
+        describe("in state NEW", () => {
+            it("should match the snapshot", async () => {
+                const { container } = await renderRoomView();
+                expect(container).toMatchSnapshot();
+            });
+
+            describe("that is encrypted", () => {
+                beforeEach(() => {
+                    // Not all the calls to cli.isRoomEncrypted are migrated, so we need to mock both.
+                    mocked(cli.isRoomEncrypted).mockReturnValue(true);
+                    jest.spyOn(cli, "getCrypto").mockReturnValue(crypto);
+                    jest.spyOn(cli.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+                    jest.spyOn(cli.getCrypto()!, "getUserVerificationStatus").mockResolvedValue(
+                        new UserVerificationStatus(false, false, false),
+                    );
+                    localRoom.encrypted = true;
+                    localRoom.currentState.setStateEvents([
+                        new MatrixEvent({
+                            event_id: `~${localRoom.roomId}:${cli.makeTxnId()}`,
+                            type: EventType.RoomEncryption,
+                            content: {
+                                algorithm: MEGOLM_ENCRYPTION_ALGORITHM,
+                            },
+                            sender: cli.getUserId()!,
+                            state_key: "",
+                            room_id: localRoom.roomId,
+                            origin_server_ts: Date.now(),
+                        }),
+                    ]);
+                });
+
+                it("should match the snapshot", async () => {
+                    const { container } = await renderRoomView();
+                    await waitFor(() => expect(container).toMatchSnapshot());
+                });
+            });
+        });
+
+        it("in state CREATING should match the snapshot", async () => {
+            localRoom.state = LocalRoomState.CREATING;
+            const { container } = await renderRoomView();
+            expect(container).toMatchSnapshot();
+        });
+
+        describe("in state ERROR", () => {
+            beforeEach(async () => {
+                localRoom.state = LocalRoomState.ERROR;
+            });
+
+            it("should match the snapshot", async () => {
+                const { container } = await renderRoomView();
+                expect(container).toMatchSnapshot();
+            });
+
+            it("clicking retry should set the room state to new dispatch a local room event", async () => {
+                jest.spyOn(defaultDispatcher, "dispatch");
+                const { getByText } = await renderRoomView();
+                fireEvent.click(getByText("Retry"));
+                expect(localRoom.state).toBe(LocalRoomState.NEW);
+                expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+                    action: "local_room_event",
+                    roomId: room.roomId,
+                });
+            });
+        });
+    });
+
+    describe("when rendering a DM room with a single third-party invite", () => {
+        beforeEach(async () => {
+            room.currentState.setStateEvents([
+                mkRoomMemberJoinEvent(cli.getSafeUserId(), room.roomId),
+                mkThirdPartyInviteEvent(cli.getSafeUserId(), "user@example.com", room.roomId),
+            ]);
+            jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(cli.getSafeUserId());
+            jest.spyOn(DMRoomMap.shared(), "getRoomIds").mockReturnValue(new Set([room.roomId]));
+            jest.spyOn(cli, "getCrypto").mockReturnValue(crypto);
+            jest.spyOn(cli.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+            await renderRoomView();
+        });
+
+        it("should render the »waiting for third-party« view", () => {
+            expect(screen.getByText("Waiting for users to join Element")).toBeInTheDocument();
+            expect(
+                screen.getByText(
+                    "Once invited users have joined Element, you will be able to chat and the room will be end-to-end encrypted",
+                ),
+            ).toBeInTheDocument();
+
+            // no message composer
+            expect(screen.queryByText("Send a message…")).not.toBeInTheDocument();
+            expect(screen.queryByText("Send an unencrypted message…")).not.toBeInTheDocument();
+        });
+    });
+
+    it("should show error view if failed to look up room alias", async () => {
+        const { asFragment, findByText } = await renderRoomView(false);
+
+        act(() =>
+            defaultDispatcher.dispatch<ViewRoomErrorPayload>({
+                action: Action.ViewRoomError,
+                room_alias: "#addy:server",
+                room_id: null,
+                err: new MatrixError({ errcode: "M_NOT_FOUND" }),
+            }),
+        );
+        await emitPromise(stores.roomViewStore, UPDATE_EVENT);
+
+        await findByText("Are you sure you're at the right place?");
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    describe("knock rooms", () => {
+        const client = createTestClient();
+
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => setting === "feature_ask_to_join");
+            jest.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Knock);
+            jest.spyOn(defaultDispatcher, "dispatch");
+        });
+
+        it("allows to request to join", async () => {
+            jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(client);
+            jest.spyOn(client, "knockRoom").mockResolvedValue({ room_id: room.roomId });
+
+            await mountRoomView();
+            fireEvent.click(screen.getByRole("button", { name: "Request access" }));
+            await untilDispatch(Action.SubmitAskToJoin, defaultDispatcher);
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+                action: "submit_ask_to_join",
+                roomId: room.roomId,
+                opts: { reason: undefined },
+            });
+        });
+
+        it("allows to cancel a join request", async () => {
+            jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(client);
+            jest.spyOn(client, "leave").mockResolvedValue({});
+            jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Knock);
+
+            await mountRoomView();
+            fireEvent.click(screen.getByRole("button", { name: "Cancel request" }));
+            await untilDispatch(Action.CancelAskToJoin, defaultDispatcher);
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+                action: "cancel_ask_to_join",
+                roomId: room.roomId,
+            });
+        });
+    });
+
+    describe("message search", () => {
+        it("should close search results when edit is clicked", async () => {
+            room.getMyMembership = jest.fn().mockReturnValue(KnownMembership.Join);
+
+            const eventMapper = (obj: Partial<IEvent>) => new MatrixEvent(obj);
+
+            const roomViewRef = createRef<RoomView>();
+            const { container, getByText, findByLabelText } = await mountRoomView(roomViewRef);
+            await waitFor(() => expect(roomViewRef.current).toBeTruthy());
+            // @ts-ignore - triggering a search organically is a lot of work
+            act(() =>
+                roomViewRef.current!.setState({
+                    search: {
+                        searchId: 1,
+                        roomId: room.roomId,
+                        term: "search term",
+                        scope: SearchScope.Room,
+                        promise: Promise.resolve({
+                            results: [
+                                SearchResult.fromJson(
+                                    {
+                                        rank: 1,
+                                        result: {
+                                            content: {
+                                                body: "search term",
+                                                msgtype: "m.text",
+                                            },
+                                            type: "m.room.message",
+                                            event_id: "$eventId",
+                                            sender: cli.getSafeUserId(),
+                                            origin_server_ts: 123456789,
+                                            room_id: room.roomId,
+                                        },
+                                        context: {
+                                            events_before: [],
+                                            events_after: [],
+                                            profile_info: {},
+                                        },
+                                    },
+                                    eventMapper,
+                                ),
+                            ],
+                            highlights: [],
+                            count: 1,
+                        }),
+                        inProgress: false,
+                        count: 1,
+                    },
+                }),
+            );
+
+            await waitFor(() => {
+                expect(container.querySelector(".mx_RoomView_searchResultsPanel")).toBeVisible();
+            });
+
+            const searchResultTile = getByText("search term").closest(".mx_EventTile");
+            expect(searchResultTile).not.toBeNull();
+
+            await userEvent.hover(searchResultTile!);
+            await userEvent.click(await findByLabelText("Edit"), { skipHover: true });
+
+            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 () => {
+            const room2 = new Room(`!roomswitchtest:example.org`, cli, "@alice:example.org");
+            rooms.set(room2.roomId, room2);
+
+            room.getMyMembership = jest.fn().mockReturnValue(KnownMembership.Join);
+
+            const eventMapper = (obj: Partial<IEvent>) => new MatrixEvent(obj);
+
+            const roomViewRef = createRef<RoomView>();
+            const { container, getByText, findByLabelText } = await mountRoomView(roomViewRef);
+            await waitFor(() => expect(roomViewRef.current).toBeTruthy());
+            // @ts-ignore - triggering a search organically is a lot of work
+            act(() =>
+                roomViewRef.current!.setState({
+                    search: {
+                        searchId: 1,
+                        roomId: room.roomId,
+                        term: "search term",
+                        scope: SearchScope.All,
+                        promise: Promise.resolve({
+                            results: [
+                                SearchResult.fromJson(
+                                    {
+                                        rank: 1,
+                                        result: {
+                                            content: {
+                                                body: "search term",
+                                                msgtype: "m.text",
+                                            },
+                                            type: "m.room.message",
+                                            event_id: "$eventId",
+                                            sender: cli.getSafeUserId(),
+                                            origin_server_ts: 123456789,
+                                            room_id: room2.roomId,
+                                        },
+                                        context: {
+                                            events_before: [],
+                                            events_after: [],
+                                            profile_info: {},
+                                        },
+                                    },
+                                    eventMapper,
+                                ),
+                            ],
+                            highlights: [],
+                            count: 1,
+                        }),
+                        inProgress: false,
+                        count: 1,
+                    },
+                }),
+            );
+
+            await waitFor(() => {
+                expect(container.querySelector(".mx_RoomView_searchResultsPanel")).toBeVisible();
+            });
+            const prom = untilDispatch(Action.ViewRoom, defaultDispatcher);
+
+            const searchResultTile = getByText("search term").closest(".mx_EventTile");
+            expect(searchResultTile).not.toBeNull();
+
+            await userEvent.hover(searchResultTile!);
+            await userEvent.click(await findByLabelText("Edit"), { skipHover: true });
+
+            await expect(prom).resolves.toEqual(expect.objectContaining({ room_id: room2.roomId }));
+        });
+
+        it("should pre-fill search field on FocusMessageSearch dispatch", async () => {
+            room.getMyMembership = jest.fn().mockReturnValue(KnownMembership.Join);
+
+            const roomViewRef = createRef<RoomView>();
+            const { findByPlaceholderText } = await mountRoomView(roomViewRef);
+            await waitFor(() => expect(roomViewRef.current).toBeTruthy());
+
+            act(() =>
+                defaultDispatcher.dispatch({
+                    action: Action.FocusMessageSearch,
+                    initialText: "search term",
+                }),
+            );
+
+            await expect(findByPlaceholderText("Search messages…")).resolves.toHaveValue("search term");
+        });
+    });
+
+    it("fires Action.RoomLoaded", async () => {
+        jest.spyOn(defaultDispatcher, "dispatch");
+        await mountRoomView();
+        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({ action: Action.RoomLoaded });
+    });
+
+    // Regression test for https://github.com/element-hq/element-web/issues/29072
+    it("does not force a reload on sync unless the client is coming back online", async () => {
+        cli.isInitialSyncComplete.mockReturnValue(false);
+
+        const instance = await getRoomViewInstance();
+        const onRoomViewUpdateMock = jest.fn();
+        (instance as any).onRoomViewStoreUpdate = onRoomViewUpdateMock;
+
+        act(() => {
+            // As if a connectivity check happened (we are still offline)
+            defaultDispatcher.dispatch({ action: "MatrixActions.sync" }, true);
+            // ...so it still should not force a reload
+            expect(onRoomViewUpdateMock).not.toHaveBeenCalledWith(true);
+        });
+
+        act(() => {
+            // set us to online again
+            cli.isInitialSyncComplete.mockReturnValue(true);
+            defaultDispatcher.dispatch({ action: "MatrixActions.sync" }, true);
+        });
+
+        // It should now force a reload
+        expect(onRoomViewUpdateMock).toHaveBeenCalledWith(true);
+    });
+
+    describe("handles Action.ComposerInsert", () => {
+        it("redispatches an empty composerType with the current state", async () => {
+            await mountRoomView();
+            const promise = untilDispatch((payload) => {
+                try {
+                    expect(payload).toEqual({
+                        action: Action.ComposerInsert,
+                        text: "Hello world",
+                        timelineRenderingType: TimelineRenderingType.Room,
+                        composerType: ComposerType.Send,
+                    });
+                } catch {
+                    return false;
+                }
+                return true;
+            }, defaultDispatcher);
+            defaultDispatcher.dispatch({
+                action: Action.ComposerInsert,
+                text: "Hello world",
+                timelineRenderingType: TimelineRenderingType.Room,
+            } satisfies ComposerInsertPayload);
+            await promise;
+        });
+        it("ignores payloads with a timelineRenderingType != TimelineRenderingType.Thread", async () => {
+            await mountRoomView();
+            const promise = untilDispatch(
+                (payload) => {
+                    try {
+                        expect(payload).toStrictEqual({
+                            action: Action.ComposerInsert,
+                            text: "Hello world",
+                            timelineRenderingType: TimelineRenderingType.Thread,
+                            composerType: ComposerType.Send,
+                        });
+                    } catch {
+                        return false;
+                    }
+                    return true;
+                },
+                defaultDispatcher,
+                500,
+            );
+            defaultDispatcher.dispatch({
+                action: Action.ComposerInsert,
+                text: "Hello world",
+                composerType: ComposerType.Send,
+                timelineRenderingType: TimelineRenderingType.Room,
+                viaTest: true,
+            } satisfies ComposerInsertPayload);
+            await expect(promise).rejects.toThrow();
+        });
+    });
+
+    it("should handle Action.ViewUser", async () => {
+        await mountRoomView();
+        jest.spyOn(stores.rightPanelStore, "setCards");
+        const member = new User("@user:server");
+        defaultDispatcher.dispatch(
+            {
+                action: Action.ViewUser,
+                member,
+            },
+            true,
+        );
+        expect(stores.rightPanelStore.setCards).toHaveBeenCalledWith([
+            { phase: RightPanelPhases.RoomSummary },
+            { phase: RightPanelPhases.MemberList },
+            { phase: RightPanelPhases.MemberInfo, state: { member } },
+        ]);
+    });
+
+    it("should handle Action.ViewUser with push", async () => {
+        await mountRoomView();
+        jest.spyOn(stores.rightPanelStore, "pushCard");
+        const member = new User("@user:server");
+        defaultDispatcher.dispatch(
+            {
+                action: Action.ViewUser,
+                member,
+                push: true,
+            },
+            true,
+        );
+        expect(stores.rightPanelStore.pushCard).toHaveBeenCalledWith({
+            phase: RightPanelPhases.MemberInfo,
+            state: { member },
+        });
+    });
+
+    it("should handle Action.View3pidInvite", async () => {
+        await mountRoomView();
+        jest.spyOn(stores.rightPanelStore, "showOrHidePhase");
+        defaultDispatcher.dispatch(
+            {
+                action: Action.View3pidInvite,
+            },
+            true,
+        );
+        expect(stores.rightPanelStore.showOrHidePhase).toHaveBeenCalledWith("MemberList");
+    });
+
+    describe("when there is a RoomView", () => {
+        const widget1Id = "widget1";
+        const widget2Id = "widget2";
+        const otherUserId = "@other:example.com";
+
+        const addJitsiWidget = async (id: string, user: string, ts?: number): Promise<void> => {
+            const widgetEvent = mkEvent({
+                event: true,
+                room: room.roomId,
+                user,
+                type: "im.vector.modular.widgets",
+                content: {
+                    id,
+                    name: "Jitsi",
+                    type: WidgetType.JITSI.preferred,
+                    url: "https://example.com",
+                },
+                skey: id,
+                ts,
+            });
+            room.addLiveEvents([widgetEvent], { addToState: false });
+            room.currentState.setStateEvents([widgetEvent]);
+            cli.emit(RoomStateEvent.Events, widgetEvent, room.currentState, null);
+            await flushPromises();
+        };
+
+        beforeEach(async () => {
+            jest.spyOn(WidgetUtils, "setRoomWidget");
+            const widgetStore = WidgetStore.instance;
+            await setupAsyncStoreWithClient(widgetStore, cli);
+            getRoomViewInstance();
+        });
+
+        const itShouldNotRemoveTheLastWidget = (): void => {
+            it("should not remove the last widget", (): void => {
+                expect(WidgetUtils.setRoomWidget).not.toHaveBeenCalledWith(room.roomId, widget2Id);
+            });
+        };
+
+        describe("and there is a Jitsi widget from another user", () => {
+            beforeEach(async () => {
+                await addJitsiWidget(widget1Id, otherUserId, 10_000);
+            });
+
+            describe("and the current user adds a Jitsi widget after 10s", () => {
+                beforeEach(async () => {
+                    await addJitsiWidget(widget2Id, cli.getSafeUserId(), 20_000);
+                });
+
+                it("the last Jitsi widget should be removed", () => {
+                    expect(WidgetUtils.setRoomWidget).toHaveBeenCalledWith(cli, room.roomId, widget2Id);
+                });
+            });
+
+            describe("and the current user adds a Jitsi widget after two minutes", () => {
+                beforeEach(async () => {
+                    await addJitsiWidget(widget2Id, cli.getSafeUserId(), 130_000);
+                });
+
+                itShouldNotRemoveTheLastWidget();
+            });
+
+            describe("and the current user adds a Jitsi widget without timestamp", () => {
+                beforeEach(async () => {
+                    await addJitsiWidget(widget2Id, cli.getSafeUserId());
+                });
+
+                itShouldNotRemoveTheLastWidget();
+            });
+        });
+
+        describe("and there is a Jitsi widget from another user without timestamp", () => {
+            beforeEach(async () => {
+                await addJitsiWidget(widget1Id, otherUserId);
+            });
+
+            describe("and the current user adds a Jitsi widget", () => {
+                beforeEach(async () => {
+                    await addJitsiWidget(widget2Id, cli.getSafeUserId(), 10_000);
+                });
+
+                itShouldNotRemoveTheLastWidget();
+            });
+        });
+    });
+
+    it("should not change room when editing event in a room displayed in module", async () => {
+        const room2 = new Room("!room2:example.org", cli, "@alice:example.org");
+        rooms.set(room2.roomId, room2);
+        room.getMyMembership = jest.fn().mockReturnValue(KnownMembership.Join);
+        room2.getMyMembership = jest.fn().mockReturnValue(KnownMembership.Join);
+
+        await mountRoomView();
+
+        // Mock the spaceStore activeSpace and ModuleApi setup
+        jest.spyOn(stores.spaceStore, "activeSpace", "get").mockReturnValue("space1");
+        // Mock that room2 is displayed in a module
+        ModuleApi.instance.extras.getVisibleRoomBySpaceKey("space1", () => [room2.roomId]);
+
+        // Mock the roomViewStore method
+        jest.spyOn(stores.roomViewStore, "isRoomDisplayedInModule").mockReturnValue(true);
+
+        // Create an event in room2 to edit
+        const eventInRoom2 = new MatrixEvent({
+            type: "m.room.message",
+            event_id: "$edit-event:example.org",
+            room_id: room2.roomId,
+            sender: "@alice:example.org",
+            content: {
+                body: "Original message",
+                msgtype: "m.text",
+            },
+        });
+
+        const dispatchSpy = jest.spyOn(defaultDispatcher, "dispatch");
+
+        // Dispatch EditEvent for event in room2 (which is displayed in module)
+        defaultDispatcher.dispatch({
+            action: Action.EditEvent,
+            event: eventInRoom2,
+            timelineRenderingType: TimelineRenderingType.Room,
+        });
+
+        await flushPromises();
+
+        // Should not dispatch ViewRoom action since room2 is displayed in module
+        expect(dispatchSpy).not.toHaveBeenCalledWith(
+            expect.objectContaining({
+                action: Action.ViewRoom,
+                room_id: room2.roomId,
+            }),
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/SpaceHierarchy-test.tsx b/apps/web/test/unit-tests/components/structures/SpaceHierarchy-test.tsx
new file mode 100644
index 00000000000..4861b720d47
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/SpaceHierarchy-test.tsx
@@ -0,0 +1,416 @@
+/*
+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 { mocked } from "jest-mock";
+import { fireEvent, render, screen, waitFor, waitForElementToBeRemoved } from "jest-matrix-react";
+import { type HierarchyRoom, JoinRule, MatrixError, type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { RoomHierarchy } from "matrix-js-sdk/src/room-hierarchy";
+
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import { mkStubRoom, stubClient } from "../../../test-utils";
+import dispatcher from "../../../../src/dispatcher/dispatcher";
+import SpaceHierarchy, { showRoom, toLocalRoom, joinRoom } from "../../../../src/components/structures/SpaceHierarchy";
+import { Action } from "../../../../src/dispatcher/actions";
+import MatrixClientContext from "../../../../src/contexts/MatrixClientContext";
+import DMRoomMap from "../../../../src/utils/DMRoomMap";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import { type RoomViewStore } from "../../../../src/stores/RoomViewStore";
+
+describe("SpaceHierarchy", () => {
+    describe("showRoom", () => {
+        let client: MatrixClient;
+        let hierarchy: RoomHierarchy;
+        let room: Room;
+        beforeEach(() => {
+            stubClient();
+            client = MatrixClientPeg.safeGet();
+            room = new Room("room-id", client, "@alice:example.com");
+            hierarchy = new RoomHierarchy(room);
+
+            jest.spyOn(client, "isGuest").mockReturnValue(false);
+
+            jest.spyOn(hierarchy.roomMap, "get").mockReturnValue({
+                children_state: [],
+                room_id: "room-id2",
+                canonical_alias: "canonical-alias",
+                aliases: ["uncanonical-alias", "canonical-alias"],
+                world_readable: true,
+                guest_can_join: false,
+                num_joined_members: 35,
+            });
+
+            jest.spyOn(dispatcher, "dispatch");
+        });
+
+        it("shows room", () => {
+            showRoom(client, hierarchy, "room-id2");
+            expect(dispatcher.dispatch).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                should_peek: true,
+                room_alias: "canonical-alias",
+                room_id: "room-id2",
+                via_servers: [],
+                oob_data: {
+                    avatarUrl: undefined,
+                    name: "canonical-alias",
+                },
+                roomType: undefined,
+                metricsTrigger: "RoomDirectory",
+            });
+        });
+    });
+
+    describe("joinRoom", () => {
+        let client: MatrixClient;
+        let hierarchy: RoomHierarchy;
+        let roomViewStore: RoomViewStore;
+        let room: Room;
+        const roomId = "!room:server";
+
+        beforeEach(() => {
+            stubClient();
+            client = MatrixClientPeg.safeGet();
+            room = new Room("space-id", client, "@alice:example.com");
+            hierarchy = new RoomHierarchy(room);
+            roomViewStore = {
+                showJoinRoomError: jest.fn(),
+            } as unknown as RoomViewStore;
+
+            jest.spyOn(client, "isGuest").mockReturnValue(false);
+            jest.spyOn(dispatcher, "dispatch");
+        });
+
+        it("should handle MatrixError exceptions when joining room", async () => {
+            // Mock joinRoom to throw a MatrixError
+            const matrixError = new MatrixError({ errcode: "M_FORBIDDEN", error: "Access denied" });
+            mocked(client.joinRoom).mockRejectedValue(matrixError);
+
+            // Attempt to join the room
+            await expect(joinRoom(client, roomViewStore, hierarchy, roomId)).rejects.toThrow(matrixError);
+
+            // Verify that showJoinRoomError was called with the MatrixError
+            expect(roomViewStore.showJoinRoomError).toHaveBeenCalledWith(matrixError, roomId);
+        });
+
+        it("should handle non-MatrixError exceptions when joining room", async () => {
+            // Mock joinRoom to throw a non-MatrixError
+            const customError = new Error("Custom error");
+            mocked(client.joinRoom).mockRejectedValue(customError);
+
+            // Attempt to join the room
+            await expect(joinRoom(client, roomViewStore, hierarchy, roomId)).rejects.toThrow("Custom error");
+
+            // Verify that showJoinRoomError was called with a MatrixError wrapper
+            expect(roomViewStore.showJoinRoomError).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    errcode: undefined,
+                    data: expect.objectContaining({
+                        error: "Unknown error",
+                    }),
+                }),
+                roomId,
+            );
+        });
+    });
+
+    describe("toLocalRoom", () => {
+        stubClient();
+        const client = MatrixClientPeg.safeGet();
+        const roomV1 = mkStubRoom("room-id-1", "Room V1", client);
+        const roomV2 = mkStubRoom("room-id-2", "Room V2", client);
+        const roomV3 = mkStubRoom("room-id-3", "Room V3", client);
+        jest.spyOn(client, "getRoomUpgradeHistory").mockReturnValue([roomV1, roomV2, roomV3]);
+
+        it("grabs last room that is in hierarchy when latest version is in hierarchy", () => {
+            const hierarchy = {
+                roomMap: new Map([
+                    [roomV1.roomId, { room_id: roomV1.roomId } as HierarchyRoom],
+                    [roomV2.roomId, { room_id: roomV2.roomId } as HierarchyRoom],
+                    [roomV3.roomId, { room_id: roomV3.roomId } as HierarchyRoom],
+                ]),
+            } as RoomHierarchy;
+            const localRoomV1 = toLocalRoom(client, { room_id: roomV1.roomId } as HierarchyRoom, hierarchy);
+            expect(localRoomV1.room_id).toEqual(roomV3.roomId);
+            const localRoomV2 = toLocalRoom(client, { room_id: roomV2.roomId } as HierarchyRoom, hierarchy);
+            expect(localRoomV2.room_id).toEqual(roomV3.roomId);
+            const localRoomV3 = toLocalRoom(client, { room_id: roomV3.roomId } as HierarchyRoom, hierarchy);
+            expect(localRoomV3.room_id).toEqual(roomV3.roomId);
+        });
+
+        it("grabs last room that is in hierarchy when latest version is *not* in hierarchy", () => {
+            const hierarchy = {
+                roomMap: new Map([
+                    [roomV1.roomId, { room_id: roomV1.roomId } as HierarchyRoom],
+                    [roomV2.roomId, { room_id: roomV2.roomId } as HierarchyRoom],
+                ]),
+            } as RoomHierarchy;
+            const localRoomV1 = toLocalRoom(client, { room_id: roomV1.roomId } as HierarchyRoom, hierarchy);
+            expect(localRoomV1.room_id).toEqual(roomV2.roomId);
+            const localRoomV2 = toLocalRoom(client, { room_id: roomV2.roomId } as HierarchyRoom, hierarchy);
+            expect(localRoomV2.room_id).toEqual(roomV2.roomId);
+            const localRoomV3 = toLocalRoom(client, { room_id: roomV3.roomId } as HierarchyRoom, hierarchy);
+            expect(localRoomV3.room_id).toEqual(roomV2.roomId);
+        });
+
+        it("returns specified room when none of the versions is in hierarchy", () => {
+            const hierarchy = { roomMap: new Map([]) } as RoomHierarchy;
+            const localRoomV1 = toLocalRoom(client, { room_id: roomV1.roomId } as HierarchyRoom, hierarchy);
+            expect(localRoomV1.room_id).toEqual(roomV1.roomId);
+            const localRoomV2 = toLocalRoom(client, { room_id: roomV2.roomId } as HierarchyRoom, hierarchy);
+            expect(localRoomV2.room_id).toEqual(roomV2.roomId);
+            const localRoomV3 = toLocalRoom(client, { room_id: roomV3.roomId } as HierarchyRoom, hierarchy);
+            expect(localRoomV3.room_id).toEqual(roomV3.roomId);
+        });
+
+        describe("If the feature_dynamic_room_predecessors is not enabled", () => {
+            beforeEach(() => {
+                jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+            });
+            it("Passes through the dynamic predecessor setting", async () => {
+                mocked(client.getRoomUpgradeHistory).mockClear();
+                const hierarchy = { roomMap: new Map([]) } as RoomHierarchy;
+                toLocalRoom(client, { room_id: roomV1.roomId } as HierarchyRoom, hierarchy);
+                expect(client.getRoomUpgradeHistory).toHaveBeenCalledWith(roomV1.roomId, true, false);
+            });
+        });
+
+        describe("If the feature_dynamic_room_predecessors is enabled", () => {
+            beforeEach(() => {
+                // Turn on feature_dynamic_room_predecessors setting
+                jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                    (settingName) => settingName === "feature_dynamic_room_predecessors",
+                );
+            });
+
+            it("Passes through the dynamic predecessor setting", async () => {
+                mocked(client.getRoomUpgradeHistory).mockClear();
+                const hierarchy = { roomMap: new Map([]) } as RoomHierarchy;
+                toLocalRoom(client, { room_id: roomV1.roomId } as HierarchyRoom, hierarchy);
+                expect(client.getRoomUpgradeHistory).toHaveBeenCalledWith(roomV1.roomId, true, true);
+            });
+        });
+    });
+
+    describe("<SpaceHierarchy />", () => {
+        beforeEach(() => {
+            // IntersectionObserver isn't available in test environment
+            const mockIntersectionObserver = jest.fn();
+            mockIntersectionObserver.mockReturnValue({
+                observe: () => null,
+                unobserve: () => null,
+                disconnect: () => null,
+            } as ResizeObserver);
+            window.IntersectionObserver = mockIntersectionObserver;
+        });
+
+        stubClient();
+        const client = MatrixClientPeg.safeGet();
+
+        const dmRoomMap = {
+            getUserIdForRoomId: jest.fn(),
+        } as unknown as DMRoomMap;
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+
+        const root = mkStubRoom("space-id-1", "Space 1", client);
+        const room1 = mkStubRoom("room-id-2", "Room 1", client);
+        const room2 = mkStubRoom("room-id-3", "Room 2", client);
+        const space1 = mkStubRoom("space-id-4", "Space 2", client);
+        const room3 = mkStubRoom("room-id-5", "Room 3", client);
+        const space2 = mkStubRoom("space-id-6", "Space 3", client);
+        mocked(client.getRooms).mockReturnValue([root]);
+        mocked(client.getRoom).mockImplementation(
+            (roomId) => client.getRooms().find((room) => room.roomId === roomId) ?? null,
+        );
+        [room1, room2, space1, room3, space2].forEach((r) =>
+            mocked(r.getMyMembership).mockReturnValue(KnownMembership.Leave),
+        );
+
+        const hierarchyRoot: HierarchyRoom = {
+            room_id: root.roomId,
+            num_joined_members: 1,
+            room_type: "m.space",
+            children_state: [
+                {
+                    state_key: room1.roomId,
+                    content: { order: "1" },
+                    origin_server_ts: 111,
+                    type: "m.space.child",
+                    sender: "@other:server",
+                },
+                {
+                    state_key: room2.roomId,
+                    content: { order: "2" },
+                    origin_server_ts: 111,
+                    type: "m.space.child",
+                    sender: "@other:server",
+                },
+                {
+                    state_key: space1.roomId,
+                    content: { order: "3" },
+                    origin_server_ts: 111,
+                    type: "m.space.child",
+                    sender: "@other:server",
+                },
+                {
+                    state_key: "!knock1:server",
+                    content: { order: "4" },
+                    origin_server_ts: 111,
+                    type: "m.space.child",
+                    sender: "@other:server",
+                },
+            ],
+            world_readable: true,
+            guest_can_join: true,
+        };
+        const hierarchyRoom1: HierarchyRoom = {
+            room_id: room1.roomId,
+            num_joined_members: 2,
+            children_state: [],
+            world_readable: true,
+            guest_can_join: true,
+        };
+        const hierarchyRoom2: HierarchyRoom = {
+            room_id: room2.roomId,
+            num_joined_members: 3,
+            children_state: [],
+            world_readable: true,
+            guest_can_join: true,
+        };
+        const hierarchyRoom3: HierarchyRoom = {
+            name: "Nested room",
+            room_id: room3.roomId,
+            num_joined_members: 3,
+            children_state: [],
+            world_readable: true,
+            guest_can_join: true,
+        };
+        const hierarchySpace1: HierarchyRoom = {
+            room_id: space1.roomId,
+            name: "Nested space",
+            num_joined_members: 1,
+            room_type: "m.space",
+            children_state: [
+                {
+                    state_key: room3.roomId,
+                    content: { order: "1" },
+                    origin_server_ts: 111,
+                    type: "m.space.child",
+                    sender: "@other:server",
+                },
+            ],
+            world_readable: true,
+            guest_can_join: true,
+        };
+        const hierarchyKnockRoom1: HierarchyRoom = {
+            room_id: "!knock1:server",
+            name: "Knock room",
+            num_joined_members: 3,
+            children_state: [],
+            world_readable: true,
+            guest_can_join: true,
+            join_rule: JoinRule.Knock,
+        };
+
+        mocked(client.getRoomHierarchy).mockResolvedValue({
+            rooms: [
+                hierarchyRoot,
+                hierarchyRoom1,
+                hierarchyRoom2,
+                hierarchySpace1,
+                hierarchyRoom3,
+                hierarchyKnockRoom1,
+            ],
+        });
+
+        const defaultProps = {
+            space: root,
+            showRoom: jest.fn(),
+        };
+        const getComponent = (props = {}): React.ReactElement => (
+            <MatrixClientContext.Provider value={client}>
+                <SpaceHierarchy {...defaultProps} {...props} />
+            </MatrixClientContext.Provider>
+        );
+
+        it("renders", async () => {
+            const { asFragment } = render(getComponent());
+            // Wait for spinners to go away
+            await waitForElementToBeRemoved(screen.getAllByRole("progressbar"));
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("should join subspace when joining nested room", async () => {
+            mocked(client.joinRoom).mockResolvedValue({} as Room);
+
+            const { getByText } = render(getComponent());
+            // Wait for spinners to go away
+            await waitForElementToBeRemoved(screen.getAllByRole("progressbar"));
+            const button = getByText("Nested room")!.closest("li")!.querySelector(".mx_AccessibleButton_kind_primary")!;
+            fireEvent.click(button);
+
+            await waitFor(() => {
+                expect(client.joinRoom).toHaveBeenCalledTimes(2);
+            });
+            // Joins subspace
+            expect(client.joinRoom).toHaveBeenCalledWith(space1.roomId, expect.any(Object));
+            expect(client.joinRoom).toHaveBeenCalledWith(room3.roomId, expect.any(Object));
+        });
+
+        it("should take user to view room for unjoined knockable rooms", async () => {
+            jest.spyOn(dispatcher, "dispatch");
+
+            const { getByText } = render(getComponent());
+            // Wait for spinners to go away
+            await waitForElementToBeRemoved(screen.getAllByRole("progressbar"));
+            const button = getByText("Knock room")!
+                .closest("li")!
+                .querySelector(".mx_AccessibleButton_kind_primary_outline")!;
+            fireEvent.click(button);
+
+            expect(defaultProps.showRoom).toHaveBeenCalledWith(
+                expect.anything(),
+                expect.anything(),
+                hierarchyKnockRoom1.room_id,
+                undefined,
+            );
+        });
+
+        it("should not render cycles", async () => {
+            const hierarchySpace2: HierarchyRoom = {
+                room_id: space2.roomId,
+                name: "Space with cycle",
+                num_joined_members: 1,
+                room_type: "m.space",
+                children_state: [
+                    {
+                        state_key: root.roomId,
+                        content: { order: "1" },
+                        origin_server_ts: 111,
+                        type: "m.space.child",
+                        sender: "@other:server",
+                    },
+                ],
+                world_readable: true,
+                guest_can_join: true,
+            };
+
+            mocked(client.getRoomHierarchy).mockResolvedValue({
+                rooms: [hierarchyRoot, hierarchyRoom1, hierarchyRoom2, hierarchySpace1, hierarchySpace2],
+            });
+
+            const { getAllByText, queryByText, asFragment } = render(getComponent());
+            // Wait for spinners to go away
+            await waitForElementToBeRemoved(screen.getAllByRole("progressbar"));
+            expect(getAllByText("Nested space")).toHaveLength(1);
+            expect(queryByText("Space 1")).not.toBeInTheDocument();
+            expect(asFragment()).toMatchSnapshot();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/SpaceRoomView-test.tsx b/apps/web/test/unit-tests/components/structures/SpaceRoomView-test.tsx
new file mode 100644
index 00000000000..ba73f0b83af
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/SpaceRoomView-test.tsx
@@ -0,0 +1,290 @@
+/*
+Copyright 2024 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, type MockedObject } from "jest-mock";
+import { type MatrixClient, MatrixEvent, Preset, Room } from "matrix-js-sdk/src/matrix";
+import { render, cleanup, screen, fireEvent, waitFor, act } from "jest-matrix-react";
+
+import { stubClient, mockPlatformPeg, unmockPlatformPeg, clientAndSDKContextRenderOptions } from "../../../test-utils";
+import { RightPanelPhases } from "../../../../src/stores/right-panel/RightPanelStorePhases";
+import SpaceRoomView from "../../../../src/components/structures/SpaceRoomView.tsx";
+import ResizeNotifier from "../../../../src/utils/ResizeNotifier.ts";
+import { RoomPermalinkCreator } from "../../../../src/utils/permalinks/Permalinks.ts";
+import RightPanelStore from "../../../../src/stores/right-panel/RightPanelStore.ts";
+import DMRoomMap from "../../../../src/utils/DMRoomMap.ts";
+import { type IOpts } from "../../../../src/createRoom.ts";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass.ts";
+
+describe("SpaceRoomView", () => {
+    let cli: MockedObject<MatrixClient>;
+    let space: Room;
+
+    beforeEach(() => {
+        mockPlatformPeg({ reload: () => {} });
+        cli = mocked(stubClient());
+
+        space = new Room(`!space:example.org`, cli, cli.getSafeUserId());
+        space.currentState.setStateEvents([
+            new MatrixEvent({
+                type: "m.room.create",
+                room_id: space.roomId,
+                sender: cli.getSafeUserId(),
+                state_key: "",
+                content: {
+                    creator: cli.getSafeUserId(),
+                    type: "m.space",
+                },
+            }),
+            new MatrixEvent({
+                type: "m.room.member",
+                room_id: space.roomId,
+                sender: cli.getSafeUserId(),
+                state_key: cli.getSafeUserId(),
+                content: {
+                    membership: "join",
+                },
+            }),
+            new MatrixEvent({
+                type: "m.room.member",
+                room_id: space.roomId,
+                sender: "@userA:server",
+                state_key: "@userA:server",
+                content: {
+                    membership: "join",
+                },
+            }),
+            new MatrixEvent({
+                type: "m.room.member",
+                room_id: space.roomId,
+                sender: "@userB:server",
+                state_key: "@userB:server",
+                content: {
+                    membership: "join",
+                },
+            }),
+            new MatrixEvent({
+                type: "m.room.member",
+                room_id: space.roomId,
+                sender: "@userC:server",
+                state_key: "@userC:server",
+                content: {
+                    membership: "join",
+                },
+            }),
+        ]);
+        space.updateMyMembership("join");
+
+        DMRoomMap.makeShared(cli);
+    });
+
+    afterEach(() => {
+        unmockPlatformPeg();
+        jest.clearAllMocks();
+        cleanup();
+    });
+
+    const renderSpaceRoomView = async (justCreatedOpts?: IOpts): Promise<ReturnType<typeof render>> => {
+        const resizeNotifier = new ResizeNotifier();
+        const permalinkCreator = new RoomPermalinkCreator(space);
+
+        const spaceRoomView = render(
+            <SpaceRoomView
+                space={space}
+                resizeNotifier={resizeNotifier}
+                permalinkCreator={permalinkCreator}
+                onJoinButtonClicked={jest.fn()}
+                onRejectButtonClicked={jest.fn()}
+                justCreatedOpts={justCreatedOpts}
+            />,
+            clientAndSDKContextRenderOptions(cli, SDKContextClass.instance),
+        );
+        return spaceRoomView;
+    };
+
+    describe("SpaceLanding", () => {
+        it("should show member list right panel phase on members click on landing", async () => {
+            const spy = jest.spyOn(RightPanelStore.instance, "setCard");
+            const { container } = await renderSpaceRoomView();
+
+            await expect(screen.findByText("Welcome to")).resolves.toBeVisible();
+            fireEvent.click(container.querySelector(".mx_FacePile")!);
+
+            expect(spy).toHaveBeenCalledWith({ phase: RightPanelPhases.MemberList });
+        });
+
+        it("shows SpaceLandingAddButton context menu when Add button is clicked", async () => {
+            await renderSpaceRoomView();
+            await expect(screen.findByText("Welcome to")).resolves.toBeVisible();
+
+            const addButton = screen.getByRole("button", { name: /add/i });
+            fireEvent.click(addButton);
+
+            expect(await screen.findByText(/new room/i)).toBeInTheDocument();
+            expect(screen.getByText(/add existing room/i)).toBeInTheDocument();
+        });
+    });
+
+    describe("Spaces: creating a new community space", () => {
+        it("asks what topics you want to discuss, creates rooms for them and offers to share", async () => {
+            cli.createRoom.mockResolvedValueOnce({ room_id: "room1" }).mockResolvedValueOnce({ room_id: "room2" });
+            SDKContextClass.instance.spaceStore.addRoomToSpace = jest.fn();
+
+            // Given we are creating a space
+            const view = await renderSpaceRoomView({
+                createOpts: { preset: Preset.PublicChat },
+                name: "My MySpace Space",
+            });
+
+            // Then we are asked what topics we want
+            expect(
+                view.getByRole("heading", { name: "What are some things you want to discuss in My MySpace Space?" }),
+            ).toBeInTheDocument();
+
+            // And some defaults are suggested
+            expect(view.getByPlaceholderText(/general/i)).toBeInTheDocument();
+            expect(view.getByPlaceholderText(/random/i)).toBeInTheDocument();
+            expect(view.getByPlaceholderText(/support/i)).toBeInTheDocument();
+
+            // When we enter some room names
+            const input1 = view.getAllByRole("textbox")[0];
+            const input2 = view.getAllByRole("textbox")[1];
+            fireEvent.change(input1, { target: { value: "Room 1" } });
+            fireEvent.change(input2, { target: { value: "Room 2" } });
+
+            // And click "Continue"
+            const button = view.getByRole("button", { name: "Continue" });
+            fireEvent.click(button);
+
+            // Then we create 2 rooms
+            await waitFor(() => {
+                expect(cli.createRoom).toHaveBeenCalledTimes(2);
+            });
+
+            // And offer the user to share this space
+            await waitFor(() =>
+                expect(view.getByRole("heading", { name: "Share My MySpace Space" })).toBeInTheDocument(),
+            );
+            expect(view.getByRole("button", { name: /Share invite link/ })).toBeInTheDocument();
+
+            // And allow them to continue to the first room
+            expect(view.getByRole("button", { name: "Go to my first room" })).toBeInTheDocument();
+        });
+
+        it("shows 'Skip for now' when all fields are empty, 'Continue' when any field is filled", async () => {
+            // Given we are creating a space
+            const view = await renderSpaceRoomView({
+                createOpts: { preset: Preset.PublicChat },
+            });
+
+            // When we clear all the topics
+            view.getAllByRole("textbox").forEach((input) => fireEvent.change(input, { target: { value: "" } }));
+
+            // Then the button reads "Skip for now"
+            expect(view.getByRole("button", { name: "Skip for now" })).toBeVisible();
+
+            // But when we enter a topic
+            fireEvent.change(view.getAllByRole("textbox")[0], { target: { value: "Room" } });
+
+            // Then the button says "Continue"
+            expect(view.getByRole("button", { name: "Continue" })).toBeVisible();
+        });
+
+        it("shows error message if room creation fails", async () => {
+            // Given we are creating a space
+            const view = await renderSpaceRoomView({
+                createOpts: { preset: Preset.PublicChat },
+            });
+
+            // And when we create a room it will fail
+            cli.createRoom.mockRejectedValue(new Error("fail"));
+
+            // When we create the space
+            fireEvent.change(view.getAllByRole("textbox")[0], { target: { value: "Room A" } });
+            fireEvent.click(view.getByRole("button", { name: "Continue" }));
+
+            // Then we display an error message because it failed
+            await waitFor(() => {
+                expect(
+                    view.getByText((content) => content.toLowerCase().includes("failed to create initial space rooms")),
+                ).toBeInTheDocument();
+            });
+        });
+
+        it("disables button and shows 'Creating rooms' while busy", async () => {
+            // Given we are creating a space
+            const view = await renderSpaceRoomView({
+                createOpts: { preset: Preset.PublicChat },
+            });
+
+            // And creating a room will be slow
+            cli.createRoom.mockImplementation(
+                () =>
+                    new Promise(() => {
+                        // This promise never resolves
+                    }),
+            );
+
+            // When we create the space
+            fireEvent.change(view.getAllByRole("textbox")[0], { target: { value: "Room A" } });
+            fireEvent.click(view.getByRole("button", { name: "Continue" }));
+
+            // Then the "Creating rooms..." message is displayed
+            const button = view.getByRole("button");
+            expect(button).toBeDisabled();
+            expect(button).toHaveValue("Creating rooms…"); // Note the ellipsis
+        });
+    });
+
+    describe("Spaces: creating a new private space", () => {
+        it("creates rooms inside a private space for a team", async () => {
+            cli.createRoom.mockResolvedValueOnce({ room_id: "room1" }).mockResolvedValueOnce({ room_id: "room2" });
+            SDKContextClass.instance.spaceStore.addRoomToSpace = jest.fn();
+
+            // When I create a private space
+            const view = await renderSpaceRoomView({
+                createOpts: { preset: Preset.PrivateChat },
+                name: "Private space",
+                topic: "a private space for team A",
+            });
+
+            // Then I am asked whether it's individual or team
+            expect(view.getByRole("heading", { name: "Who are you working with?" })).toBeInTheDocument();
+
+            // And when I say team
+            act(() =>
+                view
+                    .getByRole("button", {
+                        name: "Me and my teammates A private space for you and your teammates",
+                    })
+                    .click(),
+            );
+
+            // Then I am asked what rooms to create
+            expect(view.getByRole("heading", { name: "What projects are your team working on?" })).toBeInTheDocument();
+
+            expect(view.getByPlaceholderText(/general/i)).toBeInTheDocument();
+            expect(view.getByPlaceholderText(/random/i)).toBeInTheDocument();
+            expect(view.getByPlaceholderText(/support/i)).toBeInTheDocument();
+
+            // And when I enter some room names
+            const input1 = view.getAllByRole("textbox")[0];
+            const input2 = view.getAllByRole("textbox")[1];
+            fireEvent.change(input1, { target: { value: "Room 1" } });
+            fireEvent.change(input2, { target: { value: "Room 2" } });
+
+            // And click "Continue"
+            const button = view.getByRole("button", { name: "Continue" });
+            fireEvent.click(button);
+
+            // Then the rooms are created
+            await waitFor(() => {
+                expect(cli.createRoom).toHaveBeenCalledTimes(2);
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/TabbedView-test.tsx b/apps/web/test/unit-tests/components/structures/TabbedView-test.tsx
new file mode 100644
index 00000000000..ac1996ec951
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/TabbedView-test.tsx
@@ -0,0 +1,75 @@
+/*
+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 { act, fireEvent, render } from "jest-matrix-react";
+import { SettingsSolidIcon, VisibilityOnIcon, LabsIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import TabbedView, { Tab, TabLocation } from "../../../../src/components/structures/TabbedView";
+import { type NonEmptyArray } from "../../../../src/@types/common";
+import { _t } from "../../../../src/languageHandler";
+
+describe("<TabbedView />", () => {
+    const generalTab = new Tab("GENERAL", "common|general", <SettingsSolidIcon />, <div>general</div>);
+    const labsTab = new Tab("LABS", "common|labs", <LabsIcon />, <div>labs</div>);
+    const appearanceTab = new Tab("APPEARANCE", "common|appearance", <VisibilityOnIcon />, <div>appearance</div>);
+    const defaultProps = {
+        tabLocation: TabLocation.LEFT,
+        tabs: [generalTab, labsTab, appearanceTab] as NonEmptyArray<Tab<any>>,
+        onChange: () => {},
+    };
+    const getComponent = (
+        props: {
+            activeTabId: "GENERAL" | "LABS" | "APPEARANCE";
+            onChange?: () => any;
+            tabs?: NonEmptyArray<Tab<any>>;
+        } = {
+            activeTabId: "GENERAL",
+        },
+    ): React.ReactElement => <TabbedView {...defaultProps} {...props} />;
+
+    const getTabTestId = (tab: Tab<string>): string => `settings-tab-${tab.id}`;
+    const getActiveTab = (container: HTMLElement): Element | undefined =>
+        container.getElementsByClassName("mx_TabbedView_tabLabel_active")[0];
+    const getActiveTabBody = (container: HTMLElement): Element | undefined =>
+        container.getElementsByClassName("mx_TabbedView_tabPanel")[0];
+
+    it("renders tabs", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders activeTabId tab as active when valid", () => {
+        const { container } = render(getComponent({ activeTabId: appearanceTab.id }));
+        expect(getActiveTab(container)?.textContent).toEqual(_t(appearanceTab.label));
+        expect(getActiveTabBody(container)?.textContent).toEqual("appearance");
+    });
+
+    it("calls onchange on on tab click", () => {
+        const onChange = jest.fn();
+        const { getByTestId } = render(getComponent({ activeTabId: "GENERAL", onChange }));
+
+        act(() => {
+            fireEvent.click(getByTestId(getTabTestId(appearanceTab)));
+        });
+
+        expect(onChange).toHaveBeenCalledWith(appearanceTab.id);
+    });
+
+    it("keeps same tab active when order of tabs changes", () => {
+        // start with middle tab active
+        const { container, rerender } = render(getComponent({ activeTabId: labsTab.id }));
+
+        expect(getActiveTab(container)?.textContent).toEqual(_t(labsTab.label));
+
+        rerender(getComponent({ tabs: [labsTab, generalTab, appearanceTab], activeTabId: labsTab.id }));
+
+        // labs tab still active
+        expect(getActiveTab(container)?.textContent).toEqual(_t(labsTab.label));
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/ThreadPanel-test.tsx b/apps/web/test/unit-tests/components/structures/ThreadPanel-test.tsx
new file mode 100644
index 00000000000..b9083d62eb4
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/ThreadPanel-test.tsx
@@ -0,0 +1,300 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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, screen, fireEvent, waitFor, getByRole } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+import {
+    type MatrixClient,
+    type MatrixEvent,
+    PendingEventOrdering,
+    Room,
+    FeatureSupport,
+    Thread,
+} from "matrix-js-sdk/src/matrix";
+
+import ThreadPanel, { ThreadFilterType, ThreadPanelHeader } from "../../../../src/components/structures/ThreadPanel";
+import MatrixClientContext from "../../../../src/contexts/MatrixClientContext";
+import { _t } from "../../../../src/languageHandler";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import { RoomPermalinkCreator } from "../../../../src/utils/permalinks/Permalinks";
+import ResizeNotifier from "../../../../src/utils/ResizeNotifier";
+import {
+    clientAndSDKContextRenderOptions,
+    createTestClient,
+    getRoomContext,
+    mkRoom,
+    mockPlatformPeg,
+    stubClient,
+} from "../../../test-utils";
+import { mkThread } from "../../../test-utils/threads";
+import { ScopedRoomContextProvider } from "../../../../src/contexts/ScopedRoomContext.tsx";
+import type { RoomContextType } from "../../../../src/contexts/RoomContext.ts";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass.ts";
+
+jest.mock("../../../../src/utils/Feedback");
+
+describe("ThreadPanel", () => {
+    describe("Header", () => {
+        it("expect that All filter for ThreadPanelHeader properly renders Show: All threads", () => {
+            const { asFragment } = render(
+                <ThreadPanelHeader filterOption={ThreadFilterType.All} setFilterOption={() => undefined} />,
+            );
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("expect that My filter for ThreadPanelHeader properly renders Show: My threads", () => {
+            const { asFragment } = render(
+                <ThreadPanelHeader filterOption={ThreadFilterType.My} setFilterOption={() => undefined} />,
+            );
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("expect that ThreadPanelHeader properly opens a context menu when clicked on the button", () => {
+            const { container } = render(
+                <ThreadPanelHeader filterOption={ThreadFilterType.All} setFilterOption={() => undefined} />,
+            );
+            const found = container.querySelector(".mx_ThreadPanel_dropdown");
+            expect(found).toBeTruthy();
+            expect(screen.queryByRole("menu")).toBeFalsy();
+            fireEvent.click(found!);
+            expect(screen.queryByRole("menu")).toBeTruthy();
+        });
+
+        it("expect that ThreadPanelHeader has the correct option selected in the context menu", () => {
+            const { container } = render(
+                <ThreadPanelHeader filterOption={ThreadFilterType.All} setFilterOption={() => undefined} />,
+            );
+            fireEvent.click(container.querySelector(".mx_ThreadPanel_dropdown")!);
+            const found = screen.queryAllByRole("menuitemradio");
+            expect(found).toHaveLength(2);
+            const foundButton = screen.queryByRole("menuitemradio", { checked: true });
+            expect(foundButton?.textContent).toEqual(
+                `${_t("threads|all_threads")}${_t("threads|all_threads_description")}`,
+            );
+            expect(foundButton).toMatchSnapshot();
+        });
+
+        it("sends an unthreaded read receipt when the Mark All Threads Read button is clicked", async () => {
+            const mockClient = createTestClient();
+            const mockEvent = {} as MatrixEvent;
+            const mockRoom = mkRoom(mockClient, "!roomId:example.org");
+            mockRoom.getLastLiveEvent.mockReturnValue(mockEvent);
+            const roomContextObject = {
+                room: mockRoom,
+            } as unknown as RoomContextType;
+            const { container } = render(
+                <ScopedRoomContextProvider {...roomContextObject}>
+                    <MatrixClientContext.Provider value={mockClient}>
+                        <ThreadPanelHeader filterOption={ThreadFilterType.All} setFilterOption={() => undefined} />
+                    </MatrixClientContext.Provider>
+                </ScopedRoomContextProvider>,
+            );
+            fireEvent.click(getByRole(container, "button", { name: "Mark all as read" }));
+            await waitFor(() =>
+                expect(mockClient.sendReadReceipt).toHaveBeenCalledWith(mockEvent, expect.anything(), true),
+            );
+        });
+
+        it("doesn't send a receipt if no room is in context", async () => {
+            const mockClient = createTestClient();
+            const { container } = render(
+                <MatrixClientContext.Provider value={mockClient}>
+                    <ThreadPanelHeader filterOption={ThreadFilterType.All} setFilterOption={() => undefined} />
+                </MatrixClientContext.Provider>,
+            );
+            fireEvent.click(getByRole(container, "button", { name: "Mark all as read" }));
+            await waitFor(() => expect(mockClient.sendReadReceipt).not.toHaveBeenCalled());
+        });
+    });
+
+    describe("Filtering", () => {
+        const ROOM_ID = "!roomId:example.org";
+        const SENDER = "@alice:example.org";
+
+        let mockClient: MatrixClient;
+        let room: Room;
+
+        const TestThreadPanel = () => (
+            <MatrixClientContext.Provider value={mockClient}>
+                <ScopedRoomContextProvider
+                    {...getRoomContext(room, {
+                        canSendMessages: true,
+                    })}
+                >
+                    <ThreadPanel
+                        roomId={ROOM_ID}
+                        onClose={jest.fn()}
+                        resizeNotifier={new ResizeNotifier()}
+                        permalinkCreator={new RoomPermalinkCreator(room)}
+                    />
+                </ScopedRoomContextProvider>
+            </MatrixClientContext.Provider>
+        );
+
+        beforeEach(async () => {
+            jest.clearAllMocks();
+
+            stubClient();
+            mockPlatformPeg();
+            mockClient = mocked(MatrixClientPeg.safeGet());
+            Thread.setServerSideSupport(FeatureSupport.Stable);
+            Thread.setServerSideListSupport(FeatureSupport.Stable);
+            Thread.setServerSideFwdPaginationSupport(FeatureSupport.Stable);
+            jest.spyOn(mockClient, "supportsThreads").mockReturnValue(true);
+
+            room = new Room(ROOM_ID, mockClient, mockClient.getUserId() ?? "", {
+                pendingEventOrdering: PendingEventOrdering.Detached,
+            });
+            jest.spyOn(room, "fetchRoomThreads").mockReturnValue(Promise.resolve());
+            jest.spyOn(mockClient, "getRoom").mockReturnValue(room);
+            await room.createThreadsTimelineSets();
+            const [allThreads, myThreads] = room.threadsTimelineSets;
+            jest.spyOn(room, "createThreadsTimelineSets").mockReturnValue(Promise.resolve([allThreads!, myThreads!]));
+        });
+
+        function toggleThreadFilter(container: HTMLElement, newFilter: ThreadFilterType) {
+            fireEvent.click(container.querySelector(".mx_ThreadPanel_dropdown")!);
+            const found = screen.queryAllByRole("menuitemradio");
+            expect(found).toHaveLength(2);
+
+            const allThreadsContent = `${_t("threads|all_threads")}${_t("threads|all_threads_description")}`;
+            const myThreadsContent = `${_t("threads|my_threads")}${_t("threads|my_threads_description")}`;
+
+            const allThreadsOption = found.find((it) => it.textContent === allThreadsContent);
+            const myThreadsOption = found.find((it) => it.textContent === myThreadsContent);
+            expect(allThreadsOption).toBeTruthy();
+            expect(myThreadsOption).toBeTruthy();
+
+            const toSelect = newFilter === ThreadFilterType.My ? myThreadsOption : allThreadsOption;
+            fireEvent.click(toSelect!);
+        }
+
+        type EventData = { sender: string | null; content: string | null };
+
+        function findEvents(container: HTMLElement): EventData[] {
+            return Array.from(container.querySelectorAll(".mx_EventTile")).map((el) => {
+                const sender = el.querySelector(".mx_DisambiguatedProfile_displayName")?.textContent ?? null;
+                const content = el.querySelector(".mx_EventTile_body")?.textContent ?? null;
+                return { sender, content };
+            });
+        }
+
+        function toEventData(event: MatrixEvent): EventData {
+            return { sender: event.event.sender ?? null, content: event.event.content?.body ?? null };
+        }
+
+        it("correctly filters Thread List with multiple threads", async () => {
+            const otherThread = mkThread({
+                room,
+                client: mockClient,
+                authorId: SENDER,
+                participantUserIds: [mockClient.getUserId()!],
+            });
+
+            const mixedThread = mkThread({
+                room,
+                client: mockClient,
+                authorId: SENDER,
+                participantUserIds: [SENDER, mockClient.getUserId()!],
+            });
+
+            const ownThread = mkThread({
+                room,
+                client: mockClient,
+                authorId: mockClient.getUserId()!,
+                participantUserIds: [mockClient.getUserId()!],
+            });
+
+            const threadRoots = [otherThread.rootEvent, mixedThread.rootEvent, ownThread.rootEvent];
+            jest.spyOn(mockClient, "fetchRoomEvent").mockImplementation((_, eventId) => {
+                const event = threadRoots.find((it) => it.getId() === eventId)?.event;
+                return event ? Promise.resolve(event) : Promise.reject();
+            });
+            const [allThreads, myThreads] = room.threadsTimelineSets;
+            allThreads!.addLiveEvent(otherThread.rootEvent, { addToState: true });
+            allThreads!.addLiveEvent(mixedThread.rootEvent, { addToState: true });
+            allThreads!.addLiveEvent(ownThread.rootEvent, { addToState: true });
+            myThreads!.addLiveEvent(mixedThread.rootEvent, { addToState: true });
+            myThreads!.addLiveEvent(ownThread.rootEvent, { addToState: true });
+
+            const renderResult = render(
+                <TestThreadPanel />,
+                clientAndSDKContextRenderOptions(createTestClient(), SDKContextClass.instance),
+            );
+            await waitFor(() => expect(renderResult.container.querySelector(".mx_AutoHideScrollbar")).toBeFalsy());
+            await waitFor(() => {
+                const events = findEvents(renderResult.container);
+                expect(events).toHaveLength(3);
+                expect(events[0]).toEqual(toEventData(otherThread.rootEvent));
+                expect(events[1]).toEqual(toEventData(mixedThread.rootEvent));
+                expect(events[2]).toEqual(toEventData(ownThread.rootEvent));
+            });
+            await waitFor(() => expect(renderResult.container.querySelector(".mx_ThreadPanel_dropdown")).toBeTruthy());
+            toggleThreadFilter(renderResult.container, ThreadFilterType.My);
+            await waitFor(() => expect(renderResult.container.querySelector(".mx_AutoHideScrollbar")).toBeFalsy());
+            await waitFor(() => {
+                const events = findEvents(renderResult.container);
+                expect(events).toHaveLength(2);
+                expect(events[0]).toEqual(toEventData(mixedThread.rootEvent));
+                expect(events[1]).toEqual(toEventData(ownThread.rootEvent));
+            });
+            toggleThreadFilter(renderResult.container, ThreadFilterType.All);
+            await waitFor(() => expect(renderResult.container.querySelector(".mx_AutoHideScrollbar")).toBeFalsy());
+            await waitFor(() => {
+                const events = findEvents(renderResult.container);
+                expect(events).toHaveLength(3);
+                expect(events[0]).toEqual(toEventData(otherThread.rootEvent));
+                expect(events[1]).toEqual(toEventData(mixedThread.rootEvent));
+                expect(events[2]).toEqual(toEventData(ownThread.rootEvent));
+            });
+        });
+
+        it("correctly filters Thread List with a single, unparticipated thread", async () => {
+            const otherThread = mkThread({
+                room,
+                client: mockClient,
+                authorId: SENDER,
+                participantUserIds: [mockClient.getUserId()!],
+            });
+
+            const threadRoots = [otherThread.rootEvent];
+            jest.spyOn(mockClient, "fetchRoomEvent").mockImplementation((_, eventId) => {
+                const event = threadRoots.find((it) => it.getId() === eventId)?.event;
+                return event ? Promise.resolve(event) : Promise.reject();
+            });
+            const [allThreads] = room.threadsTimelineSets;
+            allThreads!.addLiveEvent(otherThread.rootEvent, { addToState: true });
+
+            const renderResult = render(
+                <TestThreadPanel />,
+                clientAndSDKContextRenderOptions(createTestClient(), SDKContextClass.instance),
+            );
+            await waitFor(() => expect(renderResult.container.querySelector(".mx_AutoHideScrollbar")).toBeFalsy());
+            await waitFor(() => {
+                const events = findEvents(renderResult.container);
+                expect(events).toHaveLength(1);
+                expect(events[0]).toEqual(toEventData(otherThread.rootEvent));
+            });
+            await waitFor(() => expect(renderResult.container.querySelector(".mx_ThreadPanel_dropdown")).toBeTruthy());
+            toggleThreadFilter(renderResult.container, ThreadFilterType.My);
+            await waitFor(() => expect(renderResult.container.querySelector(".mx_AutoHideScrollbar")).toBeFalsy());
+            await waitFor(() => {
+                const events = findEvents(renderResult.container);
+                expect(events).toHaveLength(0);
+            });
+            toggleThreadFilter(renderResult.container, ThreadFilterType.All);
+            await waitFor(() => expect(renderResult.container.querySelector(".mx_AutoHideScrollbar")).toBeFalsy());
+            await waitFor(() => {
+                const events = findEvents(renderResult.container);
+                expect(events).toHaveLength(1);
+                expect(events[0]).toEqual(toEventData(otherThread.rootEvent));
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/ThreadView-test.tsx b/apps/web/test/unit-tests/components/structures/ThreadView-test.tsx
new file mode 100644
index 00000000000..20ff75d44e6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/ThreadView-test.tsx
@@ -0,0 +1,303 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { act, getByTestId, render, type RenderResult, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+import {
+    MsgType,
+    RelationType,
+    EventStatus,
+    type MatrixEvent,
+    Room,
+    type MatrixClient,
+    PendingEventOrdering,
+    THREAD_RELATION_TYPE,
+} from "matrix-js-sdk/src/matrix";
+import React, { useState } from "react";
+
+import ThreadView from "../../../../src/components/structures/ThreadView";
+import MatrixClientContext from "../../../../src/contexts/MatrixClientContext";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass";
+import { Action } from "../../../../src/dispatcher/actions";
+import dispatcher from "../../../../src/dispatcher/dispatcher";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import DMRoomMap from "../../../../src/utils/DMRoomMap";
+import ResizeNotifier from "../../../../src/utils/ResizeNotifier";
+import { mockPlatformPeg } from "../../../test-utils/platform";
+import { getRoomContext } from "../../../test-utils/room";
+import { mkMessage, stubClient } from "../../../test-utils/test-utils";
+import { mkThread } from "../../../test-utils/threads";
+import { ScopedRoomContextProvider } from "../../../../src/contexts/ScopedRoomContext.tsx";
+import { untilDispatch } from "../../../test-utils/utilities.ts";
+import { TimelineRenderingType } from "../../../../src/contexts/RoomContext.ts";
+import { type ComposerInsertPayload, ComposerType } from "../../../../src/dispatcher/payloads/ComposerInsertPayload.ts";
+import { SDKContext } from "../../../../src/contexts/SDKContext.ts";
+
+describe("ThreadView", () => {
+    const ROOM_ID = "!roomId:example.org";
+    const SENDER = "@alice:example.org";
+
+    let mockClient: MatrixClient;
+    let room: Room;
+    let rootEvent: MatrixEvent;
+
+    let changeEvent: (event: MatrixEvent) => void;
+
+    function TestThreadView({ initialEvent }: { initialEvent?: MatrixEvent }) {
+        const [event, setEvent] = useState(rootEvent);
+        changeEvent = setEvent;
+
+        return (
+            <MatrixClientContext.Provider value={mockClient}>
+                <ScopedRoomContextProvider
+                    {...getRoomContext(room, {
+                        canSendMessages: true,
+                    })}
+                >
+                    <ThreadView
+                        room={room}
+                        onClose={jest.fn()}
+                        mxEvent={event}
+                        initialEvent={initialEvent}
+                        resizeNotifier={new ResizeNotifier()}
+                    />
+                </ScopedRoomContextProvider>
+                ,
+            </MatrixClientContext.Provider>
+        );
+    }
+
+    async function getComponent(initialEvent?: MatrixEvent): Promise<RenderResult> {
+        const renderResult = render(<TestThreadView initialEvent={initialEvent} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
+
+        await waitFor(() => {
+            expect(() => getByTestId(renderResult.container, "spinner")).toThrow();
+        });
+
+        return renderResult;
+    }
+
+    async function sendMessage(container: HTMLElement, text: string): Promise<void> {
+        const composer = getByTestId(container, "basicmessagecomposer");
+        await userEvent.click(composer);
+        await userEvent.keyboard(text);
+        const sendMessageBtn = getByTestId(container, "sendmessagebtn");
+        await userEvent.click(sendMessageBtn);
+    }
+
+    function expectedMessageBody(rootEvent: MatrixEvent, message: string) {
+        return {
+            "body": message,
+            "m.relates_to": {
+                "event_id": rootEvent.getId(),
+                "is_falling_back": true,
+                "m.in_reply_to": {
+                    event_id: rootEvent
+                        .getThread()!
+                        .lastReply((ev: MatrixEvent) => {
+                            return ev.isRelation(THREAD_RELATION_TYPE.name);
+                        })!
+                        .getId(),
+                },
+                "rel_type": RelationType.Thread,
+            },
+            "msgtype": MsgType.Text,
+            "m.mentions": {},
+        };
+    }
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+
+        stubClient();
+        mockPlatformPeg();
+        mockClient = mocked(MatrixClientPeg.safeGet());
+        jest.spyOn(mockClient, "supportsThreads").mockReturnValue(true);
+
+        room = new Room(ROOM_ID, mockClient, mockClient.getUserId() ?? "", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        const res = mkThread({
+            room,
+            client: mockClient,
+            authorId: mockClient.getUserId()!,
+            participantUserIds: [mockClient.getUserId()!],
+        });
+
+        rootEvent = res.rootEvent;
+
+        DMRoomMap.makeShared(mockClient);
+        jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(SENDER);
+    });
+
+    it("does not include pending root event in the timeline twice", async () => {
+        rootEvent = mkMessage({
+            user: mockClient.getUserId()!,
+            event: true,
+            room: room.roomId,
+            msg: "root event message " + Math.random(),
+        });
+
+        rootEvent.status = EventStatus.SENDING;
+        rootEvent.setTxnId("1234");
+        room.addPendingEvent(rootEvent, "1234");
+        room.updatePendingEvent(rootEvent, EventStatus.SENT, rootEvent.getId());
+
+        const { container } = await getComponent();
+        const tiles = container.getElementsByClassName("mx_EventTile");
+        expect(tiles.length).toEqual(1);
+    });
+
+    it("sends a message with the correct fallback", async () => {
+        const { container } = await getComponent();
+
+        await sendMessage(container, "Hello world!");
+
+        expect(mockClient.sendMessage).toHaveBeenCalledWith(
+            ROOM_ID,
+            rootEvent.getId(),
+            expectedMessageBody(rootEvent, "Hello world!"),
+        );
+    });
+
+    it("sends a thread message with the correct fallback", async () => {
+        const { container } = await getComponent();
+
+        const { rootEvent: rootEvent2 } = mkThread({
+            room,
+            client: mockClient,
+            authorId: mockClient.getUserId()!,
+            participantUserIds: [mockClient.getUserId()!],
+        });
+
+        act(() => {
+            changeEvent(rootEvent2);
+        });
+
+        await sendMessage(container, "yolo");
+
+        expect(mockClient.sendMessage).toHaveBeenCalledWith(
+            ROOM_ID,
+            rootEvent2.getId(),
+            expectedMessageBody(rootEvent2, "yolo"),
+        );
+    });
+
+    it("sets the correct thread in the room view store", async () => {
+        // expect(SDKContextClass.instance.roomViewStore.getThreadId()).toBeNull();
+        const { unmount } = await getComponent();
+        waitFor(() => {
+            expect(SDKContextClass.instance.roomViewStore.getThreadId()).toBe(rootEvent.getId());
+        });
+
+        unmount();
+        await waitFor(() => expect(SDKContextClass.instance.roomViewStore.getThreadId()).toBeNull());
+    });
+
+    it("clears highlight message in the room view store", async () => {
+        jest.spyOn(SDKContextClass.instance.roomViewStore, "getRoomId").mockReturnValue(room.roomId);
+        const mock = jest.spyOn(dispatcher, "dispatch");
+        const { unmount } = await getComponent(rootEvent);
+        mock.mockClear();
+        unmount();
+        expect(mock).toHaveBeenCalledWith({
+            action: Action.ViewRoom,
+            room_id: room.roomId,
+            metricsTrigger: undefined,
+        });
+    });
+
+    describe("handles Action.ComposerInsert", () => {
+        it("redispatches a payload of timelineRenderingType=Thread", async () => {
+            await getComponent();
+            const promise = untilDispatch((payload) => {
+                try {
+                    expect(payload).toEqual({
+                        action: Action.ComposerInsert,
+                        text: "Hello world",
+                        timelineRenderingType: TimelineRenderingType.Thread,
+                        composerType: ComposerType.Send,
+                    });
+                } catch {
+                    return false;
+                }
+                return true;
+            }, dispatcher);
+            dispatcher.dispatch({
+                action: Action.ComposerInsert,
+                text: "Hello world",
+                timelineRenderingType: TimelineRenderingType.Thread,
+            } satisfies ComposerInsertPayload);
+            await promise;
+        });
+        it("ignores payloads with a composerType", async () => {
+            await getComponent();
+            const promise = untilDispatch(
+                (payload) => {
+                    try {
+                        expect(payload).toStrictEqual({
+                            action: Action.ComposerInsert,
+                            text: "Hello world",
+                            timelineRenderingType: TimelineRenderingType.Thread,
+                            composerType: ComposerType.Send,
+                        });
+                    } catch {
+                        return false;
+                    }
+                    return true;
+                },
+                dispatcher,
+                500,
+            );
+            dispatcher.dispatch({
+                action: Action.ComposerInsert,
+                text: "Hello world",
+                composerType: ComposerType.Send,
+                timelineRenderingType: TimelineRenderingType.Thread,
+                // Ensure we don't accidentally pick up this emit by strictly checking above.
+                viaTest: true,
+            } satisfies ComposerInsertPayload);
+            await expect(promise).rejects.toThrow();
+        });
+        it("ignores payloads with a timelineRenderingType != TimelineRenderingType.Thread", async () => {
+            await getComponent();
+            const promise = untilDispatch(
+                (payload) => {
+                    try {
+                        expect(payload).toStrictEqual({
+                            action: Action.ComposerInsert,
+                            text: "Hello world",
+                            timelineRenderingType: TimelineRenderingType.Thread,
+                            composerType: ComposerType.Send,
+                        });
+                    } catch {
+                        return false;
+                    }
+                    return true;
+                },
+                dispatcher,
+                500,
+            );
+            dispatcher.dispatch({
+                action: Action.ComposerInsert,
+                text: "Hello world",
+                composerType: ComposerType.Send,
+                timelineRenderingType: TimelineRenderingType.Room,
+                // Ensure we don't accidentally pick up this emit by strictly checking above.
+                viaTest: true,
+            } satisfies ComposerInsertPayload);
+            await expect(promise).rejects.toThrow();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/TimelinePanel-test.tsx b/apps/web/test/unit-tests/components/structures/TimelinePanel-test.tsx
new file mode 100644
index 00000000000..351c0669b3a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/TimelinePanel-test.tsx
@@ -0,0 +1,866 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { render, waitFor, screen, act, cleanup } from "jest-matrix-react";
+import {
+    ClientEvent,
+    ReceiptType,
+    EventTimelineSet,
+    EventType,
+    type MatrixClient,
+    MatrixEvent,
+    PendingEventOrdering,
+    RelationType,
+    Room,
+    RoomEvent,
+    RoomMember,
+    RoomState,
+    SyncState,
+    TimelineWindow,
+    EventTimeline,
+    FeatureSupport,
+    Thread,
+    THREAD_RELATION_TYPE,
+    ThreadEvent,
+    ThreadFilterType,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import React from "react";
+import { type Mocked, mocked } from "jest-mock";
+import { forEachRight } from "lodash";
+
+import TimelinePanel from "../../../../src/components/structures/TimelinePanel";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import {
+    clientAndSDKContextRenderOptions,
+    filterConsole,
+    flushPromises,
+    mkMembership,
+    mkRoom,
+    stubClient,
+} from "../../../test-utils";
+import { mkThread } from "../../../test-utils/threads";
+import { createMessageEventContent } from "../../../test-utils/events";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import ScrollPanel from "../../../../src/components/structures/ScrollPanel";
+import defaultDispatcher from "../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../src/dispatcher/actions";
+import { SettingLevel } from "../../../../src/settings/SettingLevel";
+import MatrixClientBackedController from "../../../../src/settings/controllers/MatrixClientBackedController";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass";
+import type Timer from "../../../../src/utils/Timer";
+
+// ScrollPanel calls this, but jsdom doesn't mock it for us
+HTMLDivElement.prototype.scrollBy = () => {};
+
+const newReceipt = (eventId: string, userId: string, readTs: number, fullyReadTs: number): MatrixEvent => {
+    const receiptContent = {
+        [eventId]: {
+            [ReceiptType.Read]: { [userId]: { ts: readTs } },
+            [ReceiptType.ReadPrivate]: { [userId]: { ts: readTs } },
+            [ReceiptType.FullyRead]: { [userId]: { ts: fullyReadTs } },
+        },
+    };
+    return new MatrixEvent({ content: receiptContent, type: EventType.Receipt });
+};
+
+const mkTimeline = (room: Room, events: MatrixEvent[]): [EventTimeline, EventTimelineSet] => {
+    const timelineSet = {
+        room: room as Room,
+        getLiveTimeline: () => timeline,
+        getTimelineForEvent: () => timeline,
+        getPendingEvents: () => [] as MatrixEvent[],
+    } as unknown as EventTimelineSet;
+    const timeline = new EventTimeline(timelineSet);
+    events.forEach((event) => timeline.addEvent(event, { toStartOfTimeline: false, addToState: true }));
+
+    return [timeline, timelineSet];
+};
+
+const getProps = (room: Room, events: MatrixEvent[]): TimelinePanel["props"] => {
+    const [, timelineSet] = mkTimeline(room, events);
+
+    return {
+        timelineSet,
+        manageReadReceipts: true,
+        sendReadReceiptOnLoad: true,
+    };
+};
+
+const mockEvents = (room: Room, count = 2): MatrixEvent[] => {
+    const events: MatrixEvent[] = [];
+    for (let index = 0; index < count; index++) {
+        const event = new MatrixEvent({
+            room_id: room.roomId,
+            event_id: `${room.roomId}_event_${index}`,
+            type: EventType.RoomMessage,
+            sender: "userId",
+            content: createMessageEventContent("`Event${index}`"),
+            origin_server_ts: index,
+        });
+        event.localTimestamp = index;
+        events.push(event);
+    }
+
+    return events;
+};
+
+const setupTestData = (): [MatrixClient, Room, MatrixEvent[]] => {
+    const client = MatrixClientPeg.safeGet();
+    const room = mkRoom(client, "roomId");
+    const events = mockEvents(room);
+    return [client, room, events];
+};
+
+const expectEvents = (container: HTMLElement, events: MatrixEvent[]): void => {
+    const eventTiles = container.querySelectorAll(".mx_EventTile");
+    const eventTileIds = [...eventTiles].map((tileElement) => tileElement.getAttribute("data-event-id"));
+    expect(eventTileIds).toEqual(events.map((ev) => ev.getId()));
+};
+
+const withScrollPanelMountSpy = async (
+    continuation: (mountSpy: jest.SpyInstance<void, []>) => Promise<void>,
+): Promise<void> => {
+    const mountSpy = jest.spyOn(ScrollPanel.prototype, "componentDidMount");
+    try {
+        await continuation(mountSpy);
+    } finally {
+        mountSpy.mockRestore();
+    }
+};
+
+const setupPagination = (
+    client: MatrixClient,
+    timeline: EventTimeline,
+    previousPage: MatrixEvent[] | null,
+    nextPage: MatrixEvent[] | null,
+): void => {
+    timeline.setPaginationToken(previousPage === null ? null : "start", EventTimeline.BACKWARDS);
+    timeline.setPaginationToken(nextPage === null ? null : "end", EventTimeline.FORWARDS);
+    mocked(client).paginateEventTimeline.mockImplementation(async (tl, { backwards }) => {
+        if (tl === timeline) {
+            if (backwards) {
+                forEachRight(previousPage ?? [], (event) =>
+                    tl.addEvent(event, { toStartOfTimeline: true, addToState: true }),
+                );
+            } else {
+                (nextPage ?? []).forEach((event) => tl.addEvent(event, { toStartOfTimeline: false, addToState: true }));
+            }
+            // Prevent any further pagination attempts in this direction
+            tl.setPaginationToken(null, backwards ? EventTimeline.BACKWARDS : EventTimeline.FORWARDS);
+            return true;
+        } else {
+            return false;
+        }
+    });
+};
+
+describe("TimelinePanel", () => {
+    let client: Mocked<MatrixClient>;
+    let sdkContext: SDKContextClass;
+    let userId: string;
+
+    filterConsole("checkForPreJoinUISI: showing all messages, skipping check");
+
+    beforeEach(() => {
+        client = mocked(stubClient());
+        userId = client.getSafeUserId();
+        sdkContext = new SDKContextClass();
+    });
+
+    describe("read receipts and markers", () => {
+        const roomId = "#room:example.com";
+        let room: Room;
+        let timelineSet: EventTimelineSet;
+        let timelinePanel: TimelinePanel | null = null;
+
+        const ev1 = new MatrixEvent({
+            event_id: "ev1",
+            sender: "@u2:m.org",
+            origin_server_ts: 111,
+            type: EventType.RoomMessage,
+            content: createMessageEventContent("hello 1"),
+        });
+
+        const ev2 = new MatrixEvent({
+            event_id: "ev2",
+            sender: "@u2:m.org",
+            origin_server_ts: 222,
+            type: EventType.RoomMessage,
+            content: createMessageEventContent("hello 2"),
+        });
+
+        const renderTimelinePanel = async (): Promise<void> => {
+            render(
+                <TimelinePanel
+                    timelineSet={timelineSet}
+                    manageReadMarkers={true}
+                    manageReadReceipts={true}
+                    ref={(ref) => {
+                        timelinePanel = ref;
+                    }}
+                />,
+                clientAndSDKContextRenderOptions(client, sdkContext),
+            );
+            await flushPromises();
+            await waitFor(() => expect(timelinePanel).toBeTruthy());
+        };
+
+        const setUpTimelineSet = (threadRoot?: MatrixEvent) => {
+            let thread: Thread | undefined = undefined;
+
+            if (threadRoot) {
+                thread = new Thread(threadRoot.getId()!, threadRoot, {
+                    client: client,
+                    room,
+                });
+            }
+
+            timelineSet = new EventTimelineSet(room, {}, client, thread);
+            timelineSet.on(RoomEvent.Timeline, (...args) => {
+                // TimelinePanel listens for live events on the client.
+                // → Re-emit on the client.
+                client.emit(RoomEvent.Timeline, ...args);
+            });
+        };
+
+        beforeEach(() => {
+            room = new Room(roomId, client, userId, { pendingEventOrdering: PendingEventOrdering.Detached });
+        });
+
+        afterEach(async () => {
+            TimelinePanel.roomReadMarkerTsMap = {};
+            cleanup();
+        });
+
+        it("when there is no event, it should not send any receipt", async () => {
+            setUpTimelineSet();
+            await renderTimelinePanel();
+            await flushPromises();
+
+            // @ts-ignore
+            await timelinePanel.sendReadReceipts();
+
+            expect(client.setRoomReadMarkers).not.toHaveBeenCalled();
+            expect(client.sendReadReceipt).not.toHaveBeenCalled();
+        });
+
+        describe("when there is a non-threaded timeline", () => {
+            beforeEach(() => {
+                setUpTimelineSet();
+            });
+
+            describe("and reading the timeline", () => {
+                beforeEach(async () => {
+                    await renderTimelinePanel();
+                    timelineSet.addLiveEvent(ev1, { addToState: true });
+                    await flushPromises();
+                    // @ts-ignore
+                    await timelinePanel.sendReadReceipts();
+                    // @ts-ignore Simulate user activity by calling updateReadMarker on the TimelinePanel.
+                    await timelinePanel.updateReadMarker();
+                });
+
+                it("should send a fully read marker and a public receipt", async () => {
+                    expect(client.setRoomReadMarkers).toHaveBeenCalledWith(roomId, ev1.getId());
+                    expect(client.sendReadReceipt).toHaveBeenCalledWith(ev1, ReceiptType.Read);
+                });
+
+                describe("and reading the timeline again", () => {
+                    beforeEach(async () => {
+                        client.sendReadReceipt.mockClear();
+                        client.setRoomReadMarkers.mockClear();
+
+                        // @ts-ignore Simulate user activity by calling updateReadMarker on the TimelinePanel.
+                        await act(() => timelinePanel.updateReadMarker());
+                    });
+
+                    it("should not send receipts again", () => {
+                        expect(client.sendReadReceipt).not.toHaveBeenCalled();
+                        expect(client.setRoomReadMarkers).not.toHaveBeenCalled();
+                    });
+
+                    it("and forgetting the read markers, should send the stored marker again", async () => {
+                        timelineSet.addLiveEvent(ev2, { addToState: true });
+                        // Add the event to the room as well as the timeline, so we can find it when we
+                        // call findEventById in getEventReadUpTo. This is odd because in our test
+                        // setup, timelineSet is not actually the timelineSet of the room.
+                        await room.addLiveEvents([ev2], { addToState: true });
+                        room.addEphemeralEvents([newReceipt(ev2.getId()!, userId, 222, 200)]);
+                        await timelinePanel!.forgetReadMarker();
+                        expect(client.setRoomReadMarkers).toHaveBeenCalledWith(roomId, ev2.getId());
+                    });
+                });
+            });
+
+            describe("and sending receipts is disabled", () => {
+                beforeEach(async () => {
+                    // Ensure this setting is supported, otherwise it will use the default value.
+                    client.isVersionSupported.mockImplementation(async (v) => v === "v1.4");
+                    MatrixClientBackedController.matrixClient = client;
+                    SettingsStore.setValue("sendReadReceipts", null, SettingLevel.DEVICE, false);
+                });
+
+                afterEach(() => {
+                    SettingsStore.reset();
+                });
+
+                it("should send a fully read marker and a private receipt", async () => {
+                    await renderTimelinePanel();
+                    act(() => timelineSet.addLiveEvent(ev1, { addToState: true }));
+                    await flushPromises();
+
+                    // @ts-ignore
+                    await timelinePanel.sendReadReceipts();
+
+                    // Expect the private reception to be sent directly
+                    expect(client.sendReadReceipt).toHaveBeenCalledWith(ev1, ReceiptType.ReadPrivate);
+                    // Expect the fully_read marker not to be send yet
+                    expect(client.setRoomReadMarkers).not.toHaveBeenCalled();
+
+                    await flushPromises();
+                    client.sendReadReceipt.mockClear();
+
+                    // @ts-ignore simulate user activity
+                    await timelinePanel.updateReadMarker();
+
+                    // It should not send the receipt again.
+                    expect(client.sendReadReceipt).not.toHaveBeenCalledWith(ev1, ReceiptType.ReadPrivate);
+                    // Expect the fully_read marker to be sent after user activity.
+                    await waitFor(() => expect(client.setRoomReadMarkers).toHaveBeenCalledWith(roomId, ev1.getId()));
+                });
+            });
+        });
+
+        describe("and there is a thread timeline", () => {
+            const threadEv1 = new MatrixEvent({
+                event_id: "thread_ev1",
+                sender: "@u2:m.org",
+                origin_server_ts: 222,
+                type: EventType.RoomMessage,
+                content: {
+                    ...createMessageEventContent("hello 2"),
+                    "m.relates_to": {
+                        event_id: ev1.getId(),
+                        rel_type: RelationType.Thread,
+                    },
+                },
+            });
+
+            beforeEach(() => {
+                client.supportsThreads.mockReturnValue(true);
+                setUpTimelineSet(ev1);
+            });
+
+            it("should send receipts but no fully_read when reading the thread timeline", async () => {
+                await renderTimelinePanel();
+                act(() => timelineSet.addLiveEvent(threadEv1, { addToState: true }));
+                await flushPromises();
+
+                // @ts-ignore
+                await act(() => timelinePanel.sendReadReceipts());
+
+                // fully_read is not supported for threads per spec
+                expect(client.setRoomReadMarkers).not.toHaveBeenCalled();
+                expect(client.sendReadReceipt).toHaveBeenCalledWith(threadEv1, ReceiptType.Read);
+            });
+        });
+    });
+
+    describe("enableReadReceiptsAndMarkersOnActivity", () => {
+        it.each([
+            {
+                enabled: false,
+                testName: "should not set up activity timers when disabled",
+                checkCall: (readReceiptTimer: Timer | null, readMarkerTimer: Timer | null) => {
+                    expect(readReceiptTimer).toBeNull();
+                    expect(readMarkerTimer).toBeNull();
+                },
+            },
+            {
+                enabled: true,
+                testName: "should set up activity timers when enabled",
+                checkCall: (readReceiptTimer: Timer | null, readMarkerTimer: Timer | null) => {
+                    expect(readReceiptTimer).toBeTruthy();
+                    expect(readMarkerTimer).toBeTruthy();
+                },
+            },
+        ])("$testName", async ({ enabled, checkCall }) => {
+            const room = mkRoom(client, "roomId");
+            const events = mockEvents(room);
+            const [, timelineSet] = mkTimeline(room, events);
+
+            let timelinePanel: TimelinePanel | null = null;
+
+            render(
+                <TimelinePanel
+                    timelineSet={timelineSet}
+                    manageReadMarkers={true}
+                    manageReadReceipts={true}
+                    enableReadReceiptsAndMarkersOnActivity={enabled}
+                    ref={(ref) => {
+                        timelinePanel = ref;
+                    }}
+                />,
+                clientAndSDKContextRenderOptions(client, sdkContext),
+            );
+
+            await waitFor(() => expect(timelinePanel).toBeTruthy());
+
+            // Check if the activity timers were set up
+            // @ts-ignore - accessing private property for testing
+            const readReceiptTimer = timelinePanel!.readReceiptActivityTimer;
+            // @ts-ignore - accessing private property for testing
+            const readMarkerTimer = timelinePanel!.readMarkerActivityTimer;
+
+            checkCall(readReceiptTimer, readMarkerTimer);
+        });
+    });
+
+    it("should scroll event into view when props.eventId changes", () => {
+        const client = MatrixClientPeg.safeGet();
+        const room = mkRoom(client, "roomId");
+        const events = mockEvents(room);
+
+        const props = {
+            ...getProps(room, events),
+            onEventScrolledIntoView: jest.fn(),
+        };
+
+        const { rerender } = render(<TimelinePanel {...props} />);
+        expect(props.onEventScrolledIntoView).toHaveBeenCalledWith(undefined);
+        props.eventId = events[1].getId();
+        rerender(<TimelinePanel {...props} />);
+        expect(props.onEventScrolledIntoView).toHaveBeenCalledWith(events[1].getId());
+    });
+
+    it("should scroll the event into view again when the same event is re-requested", () => {
+        const client = MatrixClientPeg.safeGet();
+        const room = mkRoom(client, "roomId");
+        const events = mockEvents(room);
+
+        const props = {
+            ...getProps(room, events),
+            eventId: events[1].getId(),
+            eventScrollIntoView: true,
+            onEventScrolledIntoView: jest.fn(),
+        };
+
+        const { rerender } = render(<TimelinePanel {...props} />);
+        expect(props.onEventScrolledIntoView).toHaveBeenCalledTimes(1);
+
+        // RoomView clears the flag once the jump has landed, so the event stays put on re-render.
+        props.eventScrollIntoView = false;
+        rerender(<TimelinePanel {...props} />);
+        expect(props.onEventScrolledIntoView).toHaveBeenCalledTimes(1);
+
+        // Clicking the same permalink a second time asks for the very same event again.
+        props.eventScrollIntoView = true;
+        rerender(<TimelinePanel {...props} />);
+        expect(props.onEventScrolledIntoView).toHaveBeenCalledTimes(2);
+    });
+
+    it("paginates", async () => {
+        const [client, room, events] = setupTestData();
+        const eventsPage1 = events.slice(0, 1);
+        const eventsPage2 = events.slice(1, 2);
+
+        // Start with only page 2 of the main events in the window
+        const [timeline, timelineSet] = mkTimeline(room, eventsPage2);
+        setupPagination(client, timeline, eventsPage1, null);
+
+        await withScrollPanelMountSpy(async (mountSpy) => {
+            const { container } = render(
+                <TimelinePanel {...getProps(room, events)} timelineSet={timelineSet} />,
+                clientAndSDKContextRenderOptions(client, sdkContext),
+            );
+
+            await waitFor(() => expectEvents(container, [events[1]]));
+
+            // ScrollPanel has no chance of working in jsdom, so we've no choice
+            // but to do some shady stuff to trigger the fill callback by hand
+            const scrollPanel = mountSpy.mock.contexts[0] as ScrollPanel;
+            scrollPanel.props.onFillRequest!(true);
+
+            await waitFor(() => expectEvents(container, [events[0], events[1]]));
+        });
+    });
+
+    it("unpaginates", async () => {
+        const [, room, events] = setupTestData();
+
+        await withScrollPanelMountSpy(async (mountSpy) => {
+            const { container } = render(
+                <TimelinePanel {...getProps(room, events)} />,
+                clientAndSDKContextRenderOptions(client, sdkContext),
+            );
+
+            await waitFor(() => expectEvents(container, [events[0], events[1]]));
+
+            // ScrollPanel has no chance of working in jsdom, so we've no choice
+            // but to do some shady stuff to trigger the unfill callback by hand
+            const scrollPanel = mountSpy.mock.contexts[0] as ScrollPanel;
+            scrollPanel.props.onUnfillRequest!(true, events[0].getId()!);
+
+            await waitFor(() => expectEvents(container, [events[1]]));
+        });
+    });
+
+    it("only re-renders when sync changes forward pagination state", async () => {
+        const [client, room, events] = setupTestData();
+        let timelinePanel: TimelinePanel | null = null;
+
+        render(
+            <TimelinePanel
+                {...getProps(room, events)}
+                ref={(ref) => {
+                    timelinePanel = ref;
+                }}
+            />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        await flushPromises();
+        await waitFor(() => expect(timelinePanel).toBeTruthy());
+
+        const forceUpdateSpy = jest.spyOn(timelinePanel!, "forceUpdate");
+
+        await act(async () => {
+            client.emit(ClientEvent.Sync, SyncState.Syncing, SyncState.Syncing);
+            await flushPromises();
+        });
+
+        expect(forceUpdateSpy).not.toHaveBeenCalled();
+
+        await act(async () => {
+            client.emit(ClientEvent.Sync, SyncState.Prepared, SyncState.Syncing);
+            await flushPromises();
+        });
+
+        expect(forceUpdateSpy).toHaveBeenCalledTimes(1);
+    });
+
+    describe("onRoomTimeline", () => {
+        it("ignores events for other timelines", () => {
+            const [client, room, events] = setupTestData();
+
+            const otherTimelineSet = { room: room as Room } as EventTimelineSet;
+            const otherTimeline = new EventTimeline(otherTimelineSet);
+
+            const props = {
+                ...getProps(room, events),
+                onEventScrolledIntoView: jest.fn(),
+            };
+
+            const paginateSpy = jest.spyOn(TimelineWindow.prototype, "paginate").mockClear();
+
+            render(<TimelinePanel {...props} />);
+
+            const event = new MatrixEvent({ type: RoomEvent.Timeline, origin_server_ts: 0 });
+            const data = { timeline: otherTimeline, liveEvent: true };
+            client.emit(RoomEvent.Timeline, event, room, false, false, data);
+
+            expect(paginateSpy).not.toHaveBeenCalled();
+        });
+
+        it("ignores timeline updates without a live event", () => {
+            const [client, room, events] = setupTestData();
+
+            const props = getProps(room, events);
+
+            const paginateSpy = jest.spyOn(TimelineWindow.prototype, "paginate").mockClear();
+
+            render(<TimelinePanel {...props} />);
+
+            const event = new MatrixEvent({ type: RoomEvent.Timeline, origin_server_ts: 0 });
+            const data = { timeline: props.timelineSet.getLiveTimeline(), liveEvent: false };
+            client.emit(RoomEvent.Timeline, event, room, false, false, data);
+
+            expect(paginateSpy).not.toHaveBeenCalled();
+        });
+
+        it("ignores timeline where toStartOfTimeline is true", () => {
+            const [client, room, events] = setupTestData();
+
+            const props = getProps(room, events);
+
+            const paginateSpy = jest.spyOn(TimelineWindow.prototype, "paginate").mockClear();
+
+            render(<TimelinePanel {...props} />);
+
+            const event = new MatrixEvent({ type: RoomEvent.Timeline, origin_server_ts: 0 });
+            const data = { timeline: props.timelineSet.getLiveTimeline(), liveEvent: false };
+            const toStartOfTimeline = true;
+            client.emit(RoomEvent.Timeline, event, room, toStartOfTimeline, false, data);
+
+            expect(paginateSpy).not.toHaveBeenCalled();
+        });
+
+        it("advances the timeline window", () => {
+            const [client, room, events] = setupTestData();
+
+            const props = getProps(room, events);
+
+            const paginateSpy = jest.spyOn(TimelineWindow.prototype, "paginate").mockClear();
+
+            render(<TimelinePanel {...props} />, clientAndSDKContextRenderOptions(client, sdkContext));
+
+            const event = new MatrixEvent({ type: RoomEvent.Timeline, origin_server_ts: 0 });
+            const data = { timeline: props.timelineSet.getLiveTimeline(), liveEvent: true };
+            client.emit(RoomEvent.Timeline, event, room, false, false, data);
+
+            expect(paginateSpy).toHaveBeenCalledWith(EventTimeline.FORWARDS, 1, false);
+        });
+    });
+
+    describe("when a thread updates", () => {
+        let client: MatrixClient;
+        let room: Room;
+        let allThreads: EventTimelineSet;
+        let root: MatrixEvent;
+        let reply1: MatrixEvent;
+        let reply2: MatrixEvent;
+
+        beforeEach(() => {
+            client = MatrixClientPeg.safeGet();
+
+            Thread.hasServerSideSupport = FeatureSupport.Stable;
+            room = new Room("roomId", client, "userId", { pendingEventOrdering: PendingEventOrdering.Detached });
+            allThreads = new EventTimelineSet(
+                room,
+                {
+                    pendingEvents: false,
+                },
+                undefined,
+                undefined,
+                ThreadFilterType.All,
+            );
+            const timeline = new EventTimeline(allThreads);
+            allThreads.getLiveTimeline = () => timeline;
+            allThreads.getTimelineForEvent = () => timeline;
+
+            reply1 = new MatrixEvent({
+                room_id: room.roomId,
+                event_id: "event_reply_1",
+                type: EventType.RoomMessage,
+                sender: "userId",
+                content: createMessageEventContent("ReplyEvent1"),
+                origin_server_ts: 0,
+            });
+
+            reply2 = new MatrixEvent({
+                room_id: room.roomId,
+                event_id: "event_reply_2",
+                type: EventType.RoomMessage,
+                sender: "userId",
+                content: createMessageEventContent("ReplyEvent2"),
+                origin_server_ts: 0,
+            });
+
+            root = new MatrixEvent({
+                room_id: room.roomId,
+                event_id: "event_root_1",
+                type: EventType.RoomMessage,
+                sender: "userId",
+                content: createMessageEventContent("RootEvent"),
+                origin_server_ts: 0,
+            });
+
+            const eventMap: { [key: string]: MatrixEvent } = {
+                [root.getId()!]: root,
+                [reply1.getId()!]: reply1,
+                [reply2.getId()!]: reply2,
+            };
+
+            room.findEventById = (eventId: string) => eventMap[eventId];
+            client.fetchRoomEvent = async (roomId: string, eventId: string) =>
+                roomId === room.roomId ? eventMap[eventId]?.event : {};
+        });
+
+        it("updates thread previews", async () => {
+            mocked(client.supportsThreads).mockReturnValue(true);
+            reply1.getContent()["m.relates_to"] = {
+                rel_type: RelationType.Thread,
+                event_id: root.getId(),
+            };
+            reply2.getContent()["m.relates_to"] = {
+                rel_type: RelationType.Thread,
+                event_id: root.getId(),
+            };
+
+            const thread = room.createThread(root.getId()!, root, [], true);
+            // So that we do not have to mock the thread loading
+            thread.initialEventsFetched = true;
+            // @ts-ignore
+            thread.fetchEditsWhereNeeded = () => Promise.resolve();
+            await thread.addEvent(reply1, false, true);
+            await allThreads
+                .getLiveTimeline()
+                .addEvent(thread.rootEvent!, { toStartOfTimeline: true, addToState: true });
+            const replyToEvent = jest.spyOn(thread, "replyToEvent", "get");
+
+            const dom = render(
+                <TimelinePanel timelineSet={allThreads} manageReadReceipts sendReadReceiptOnLoad />,
+                clientAndSDKContextRenderOptions(client, sdkContext),
+            );
+            await dom.findByText("RootEvent");
+            await dom.findByText("ReplyEvent1");
+            expect(replyToEvent).toHaveBeenCalled();
+
+            replyToEvent.mockClear();
+            await thread.addEvent(reply2, false, true);
+            await dom.findByText("RootEvent");
+            await dom.findByText("ReplyEvent2");
+            expect(replyToEvent).toHaveBeenCalled();
+        });
+
+        it("ignores thread updates for unknown threads", async () => {
+            root.setUnsigned({
+                "m.relations": {
+                    [THREAD_RELATION_TYPE.name]: {
+                        latest_event: reply1.event,
+                        count: 1,
+                        current_user_participated: true,
+                    },
+                },
+            });
+
+            const realThread = room.createThread(root.getId()!, root, [], true);
+            // So that we do not have to mock the thread loading
+            realThread.initialEventsFetched = true;
+            // @ts-ignore
+            realThread.fetchEditsWhereNeeded = () => Promise.resolve();
+            await realThread.addEvent(reply1, true);
+            await allThreads
+                .getLiveTimeline()
+                .addEvent(realThread.rootEvent!, { toStartOfTimeline: true, addToState: true });
+            const replyToEvent = jest.spyOn(realThread, "replyToEvent", "get");
+
+            // @ts-ignore
+            const fakeThread1: Thread = {
+                id: undefined!,
+                get roomId(): string {
+                    return room.roomId;
+                },
+            };
+
+            const fakeRoom = new Room("thisroomdoesnotexist", client, "userId");
+            // @ts-ignore
+            const fakeThread2: Thread = {
+                id: root.getId()!,
+                get roomId(): string {
+                    return fakeRoom.roomId;
+                },
+            };
+
+            const dom = render(
+                <TimelinePanel timelineSet={allThreads} manageReadReceipts sendReadReceiptOnLoad />,
+                clientAndSDKContextRenderOptions(client, sdkContext),
+            );
+            await dom.findByText("RootEvent");
+            await dom.findByText("ReplyEvent1");
+            expect(replyToEvent).toHaveBeenCalled();
+
+            replyToEvent.mockClear();
+            room.emit(ThreadEvent.Update, fakeThread1);
+            room.emit(ThreadEvent.Update, fakeThread2);
+            await dom.findByText("ReplyEvent1");
+            expect(replyToEvent).not.toHaveBeenCalled();
+            replyToEvent.mockClear();
+        });
+    });
+
+    it("renders when the last message is an undecryptable thread root", async () => {
+        const client = MatrixClientPeg.safeGet();
+        client.isRoomEncrypted = () => true;
+        client.supportsThreads = () => true;
+        client.decryptEventIfNeeded = () => Promise.resolve();
+        const authorId = client.getUserId()!;
+        const room = new Room("roomId", client, authorId, {
+            lazyLoadMembers: false,
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        const events = mockEvents(room);
+        const timelineSet = room.getUnfilteredTimelineSet();
+
+        const { rootEvent } = mkThread({
+            room,
+            client,
+            authorId,
+            participantUserIds: [authorId],
+        });
+
+        events.push(rootEvent);
+
+        events.forEach((event) =>
+            timelineSet.getLiveTimeline().addEvent(event, { toStartOfTimeline: true, addToState: true }),
+        );
+
+        const roomMembership = mkMembership({
+            mship: KnownMembership.Join,
+            prevMship: KnownMembership.Join,
+            user: authorId,
+            room: room.roomId,
+            event: true,
+            skey: "123",
+        });
+
+        events.push(roomMembership);
+
+        const member = new RoomMember(room.roomId, authorId);
+        member.membership = KnownMembership.Join;
+
+        const roomState = new RoomState(room.roomId);
+        jest.spyOn(roomState, "getMember").mockReturnValue(member);
+
+        jest.spyOn(timelineSet.getLiveTimeline(), "getState").mockReturnValue(roomState);
+        timelineSet.addEventToTimeline(roomMembership, timelineSet.getLiveTimeline(), {
+            toStartOfTimeline: false,
+            addToState: true,
+        });
+
+        for (const event of events) {
+            jest.spyOn(event, "isDecryptionFailure").mockReturnValue(true);
+            jest.spyOn(event, "shouldAttemptDecryption").mockReturnValue(false);
+        }
+
+        const { container } = render(
+            <TimelinePanel timelineSet={timelineSet} manageReadReceipts={true} sendReadReceiptOnLoad={true} />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+
+        await waitFor(() => expect(screen.queryByRole("progressbar")).toBeNull());
+        await waitFor(() => expect(container.querySelector(".mx_RoomView_MessageList")).not.toBeEmptyDOMElement());
+    });
+
+    it("should dump debug logs on Action.DumpDebugLogs", async () => {
+        const spy = jest.spyOn(console, "debug");
+
+        const [, room, events] = setupTestData();
+        const eventsPage2 = events.slice(1, 2);
+
+        // Start with only page 2 of the main events in the window
+        const [, timelineSet] = mkTimeline(room, eventsPage2);
+        room.getTimelineSets = jest.fn().mockReturnValue([timelineSet]);
+
+        await withScrollPanelMountSpy(async () => {
+            const { container } = render(
+                <TimelinePanel {...getProps(room, events)} timelineSet={timelineSet} />,
+                clientAndSDKContextRenderOptions(client, sdkContext),
+            );
+
+            await waitFor(() => expectEvents(container, [events[1]]));
+        });
+
+        act(() => defaultDispatcher.fire(Action.DumpDebugLogs));
+
+        await waitFor(() =>
+            expect(spy).toHaveBeenCalledWith(expect.stringContaining("TimelinePanel(Room): Debugging info for roomId")),
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/UploadBar-test.tsx b/apps/web/test/unit-tests/components/structures/UploadBar-test.tsx
new file mode 100644
index 00000000000..f9920115301
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/UploadBar-test.tsx
@@ -0,0 +1,43 @@
+/*
+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 { Room } from "matrix-js-sdk/src/matrix";
+
+import { stubClient } from "../../../test-utils";
+import ContentMessages from "../../../../src/ContentMessages";
+import { RoomUpload } from "../../../../src/models/RoomUpload";
+import UploadBar from "../../../../src/components/structures/UploadBar";
+
+describe("UploadBar", () => {
+    const client = stubClient();
+    const room = new Room("!room;server", client, client.getSafeUserId());
+
+    it("should pluralise 5 files correctly", () => {
+        jest.spyOn(ContentMessages.sharedInstance(), "getCurrentUploads").mockReturnValue([
+            new RoomUpload(room.roomId, "file1.jpg", undefined, 420),
+            new RoomUpload(room.roomId, "file2"),
+            new RoomUpload(room.roomId, "file3"),
+            new RoomUpload(room.roomId, "file4"),
+            new RoomUpload(room.roomId, "file5"),
+        ]);
+
+        const { getByText } = render(<UploadBar room={room} />);
+        expect(getByText("Uploading file1.jpg and 4 others (420 B)")).toBeInTheDocument();
+    });
+
+    it("should render a single upload correctly", () => {
+        jest.spyOn(ContentMessages.sharedInstance(), "getCurrentUploads").mockReturnValue([
+            new RoomUpload(room.roomId, "file1.zip", undefined, 420000000),
+        ]);
+
+        const { getByText } = render(<UploadBar room={room} />);
+        expect(getByText("Uploading file1.zip (400.54 MB)")).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/ViewSource-test.tsx b/apps/web/test/unit-tests/components/structures/ViewSource-test.tsx
new file mode 100644
index 00000000000..0d14e524414
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/ViewSource-test.tsx
@@ -0,0 +1,63 @@
+/*
+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 { render } from "jest-matrix-react";
+import { EventType, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import React from "react";
+
+import ViewSource from "../../../../src/components/structures/ViewSource";
+import { mkEvent, stubClient, mkMessage } from "../../../test-utils/test-utils";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+
+describe("ViewSource", () => {
+    const ROOM_ID = "!roomId:example.org";
+    const SENDER = "@alice:example.org";
+
+    let redactedMessageEvent: MatrixEvent;
+
+    const redactionEvent = mkEvent({
+        user: SENDER,
+        event: true,
+        type: EventType.RoomRedaction,
+        content: {},
+    });
+
+    beforeEach(() => {
+        redactedMessageEvent = new MatrixEvent({
+            type: EventType.RoomMessageEncrypted,
+            room_id: ROOM_ID,
+            sender: SENDER,
+            content: {},
+            state_key: undefined,
+        });
+        redactedMessageEvent.makeRedacted(redactionEvent, new Room(ROOM_ID, stubClient(), SENDER));
+    });
+
+    beforeEach(stubClient);
+
+    // See https://github.com/vector-im/element-web/issues/24165
+    it("doesn't error when viewing redacted encrypted messages", () => {
+        // Sanity checks
+        expect(redactedMessageEvent.isEncrypted()).toBeTruthy();
+        // @ts-ignore clearEvent is private, but it's being used directly <ViewSource />
+        expect(redactedMessageEvent.clearEvent).toBe(undefined);
+
+        expect(() => render(<ViewSource mxEvent={redactedMessageEvent} onFinished={() => {}} />)).not.toThrow();
+    });
+
+    it("should show edit button if we are the sender and can post an edit", () => {
+        const event = mkMessage({
+            msg: "Test",
+            user: MatrixClientPeg.get()!.getSafeUserId(),
+            room: ROOM_ID,
+            event: true,
+        });
+        const { getByRole } = render(<ViewSource mxEvent={event} onFinished={() => {}} />);
+        expect(getByRole("button", { name: "Edit" })).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/FileDropTarget-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/FileDropTarget-test.tsx.snap
new file mode 100644
index 00000000000..0f0cd4f32f5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/FileDropTarget-test.tsx.snap
@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`FileDropTarget should not render drop file prompt on mouse over with file if permissions do not allow 1`] = `<DocumentFragment />`;
+
+exports[`FileDropTarget should render drop file prompt on mouse over with file if permissions allow 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_FileDropTarget"
+  >
+    <img
+      alt=""
+      class="mx_FileDropTarget_image"
+      src="image-file-stub"
+    />
+    Drop file here to upload
+  </div>
+</DocumentFragment>
+`;
+
+exports[`FileDropTarget should render nothing when idle 1`] = `<DocumentFragment />`;
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/FilePanel-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/FilePanel-test.tsx.snap
new file mode 100644
index 00000000000..a784ecf63a1
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/FilePanel-test.tsx.snap
@@ -0,0 +1,85 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`FilePanel renders empty state 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_BaseCard mx_FilePanel"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_title"
+      >
+        <p
+          aria-level="1"
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
+          role="heading"
+        >
+          Files
+        </p>
+      </div>
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="mx_RoomView_messagePanel mx_RoomView_messageListWrapper"
+    >
+      <div
+        class="mx_RoomView_empty"
+      >
+        <div
+          class="_flex_4dswl_9 mx_EmptyState"
+          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;"
+        >
+          <svg
+            fill="currentColor"
+            height="32px"
+            viewBox="0 0 24 24"
+            width="32px"
+            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.762V20q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zm7-14V4H6v16h12V9h-4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 13 8"
+            />
+          </svg>
+          <p
+            class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
+          >
+            No files visible in this room
+          </p>
+          <p
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+          >
+            Attach files from chat or just drag and drop them anywhere in a room.
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/GenericDropdownMenu-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/GenericDropdownMenu-test.tsx.snap
new file mode 100644
index 00000000000..e7e2c8618a6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/GenericDropdownMenu-test.tsx.snap
@@ -0,0 +1,52 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`GenericDropdownMenu should render check icon for checked option 1`] = `
+<div
+  class="mx_ContextualMenu mx_ContextualMenu_right"
+  role="menu"
+>
+  <div
+    aria-checked="true"
+    class="mx_AccessibleButton mx_GenericDropdownMenu_Option mx_GenericDropdownMenu_Option--item"
+    role="menuitemradio"
+    tabindex="0"
+  >
+    <svg
+      class="mx_GenericDropdownMenu_Option--checkIcon"
+      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
+      class="mx_GenericDropdownMenu_Option--label"
+    >
+      <span>
+        Selected
+      </span>
+      <span>
+        This item is selected
+      </span>
+    </div>
+  </div>
+  <div
+    aria-checked="false"
+    class="mx_AccessibleButton mx_GenericDropdownMenu_Option mx_GenericDropdownMenu_Option--item"
+    role="menuitemradio"
+    tabindex="-1"
+  >
+    <div
+      class="mx_GenericDropdownMenu_Option--label"
+    >
+      <span>
+        Not selected
+      </span>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/MainSplit-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/MainSplit-test.tsx.snap
new file mode 100644
index 00000000000..bba5067be22
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/MainSplit-test.tsx.snap
@@ -0,0 +1,61 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<MainSplit/> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_MainSplit"
+  >
+    <div>
+      Child
+      <span>
+        Foo
+      </span>
+      Bar
+    </div>
+    <div
+      class="mx_RightPanel_ResizeWrapper"
+      style="position: relative; user-select: auto; width: 320px; height: 100%; max-width: 50%; min-width: 320px; box-sizing: border-box; flex-shrink: 0;"
+    >
+      <div>
+        Right panel
+      </div>
+      <div>
+        <div
+          class="mx_ResizeHandle--horizontal"
+          style="position: absolute; user-select: none; width: 10px; height: 100%; top: 0px; left: -5px; cursor: col-resize;"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<MainSplit/> respects defaultSize prop 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_MainSplit"
+  >
+    <div>
+      Child
+      <span>
+        Foo
+      </span>
+      Bar
+    </div>
+    <div
+      class="mx_RightPanel_ResizeWrapper"
+      style="position: relative; user-select: auto; width: 500px; height: 100%; max-width: 50%; min-width: 320px; box-sizing: border-box; flex-shrink: 0;"
+    >
+      <div>
+        Right panel
+      </div>
+      <div>
+        <div
+          class="mx_ResizeHandle--horizontal"
+          style="position: absolute; user-select: none; width: 10px; height: 100%; top: 0px; left: -5px; cursor: col-resize;"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/MessagePanel-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/MessagePanel-test.tsx.snap
new file mode 100644
index 00000000000..931f952a9c9
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/MessagePanel-test.tsx.snap
@@ -0,0 +1,154 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`MessagePanel should handle large numbers of hidden events quickly 1`] = `
+<DocumentFragment>
+  <div
+    class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel cls"
+    tabindex="-1"
+  >
+    <div
+      class="mx_RoomView_messageListWrapper"
+    >
+      <ol
+        aria-live="polite"
+        class="mx_RoomView_MessageList"
+        style="height: 400px;"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`MessagePanel should handle lots of membership events quickly 1`] = `
+<DocumentFragment>
+  <div
+    class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel cls"
+    tabindex="-1"
+  >
+    <div
+      class="mx_RoomView_messageListWrapper"
+    >
+      <ol
+        aria-live="polite"
+        class="mx_RoomView_MessageList"
+        style="height: 400px;"
+      >
+        <li
+          data-scroll-tokens="__scroll_tokens__"
+          data-testid="__testid__"
+        >
+          <div
+            aria-label="Thu, Jan 1, 1970"
+            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"
+            />
+            <div
+              class="_flex_4dswl_9 _content_u6fft_8"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+            >
+              <h2
+                aria-hidden="true"
+                class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121"
+              >
+                Thu, Jan 1, 1970
+              </h2>
+            </div>
+            <hr
+              role="none"
+            />
+          </div>
+        </li>
+        <div
+          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="_title_sq5fu_34"
+          >
+            You can't see earlier messages
+          </div>
+        </div>
+        <li
+          class="mx_GenericEventListSummary"
+          data-expanded="false"
+          data-layout="group"
+          data-scroll-tokens="__scroll_tokens__"
+          data-testid="__testid__"
+        >
+          <div
+            aria-expanded="false"
+            class="mx_AccessibleButton mx_GenericEventListSummary_toggle mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+            role="button"
+            tabindex="0"
+          >
+            Expand
+          </div>
+          <div
+            class="mx_EventTile_line"
+          >
+            <div
+              class="mx_EventTile_info"
+            >
+              <span
+                class="mx_GenericEventListSummary_avatars"
+              >
+                <span
+                  class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+                  data-color="1"
+                  data-testid="avatar-img"
+                  data-type="round"
+                  role="presentation"
+                  style="--cpd-avatar-size: 14px;"
+                  title="@user:id"
+                >
+                  u
+                </span>
+              </span>
+              <span
+                class="mx_TextualEvent mx_GenericEventListSummary_summary"
+              >
+                <span>
+                  @user:id made no changes 100 times
+                </span>
+              </span>
+            </div>
+          </div>
+        </li>
+      </ol>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`MessagePanel should handle lots of room creation events quickly 1`] = `
+<DocumentFragment>
+  <div
+    class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel cls"
+    tabindex="-1"
+  >
+    <div
+      class="mx_RoomView_messageListWrapper"
+    >
+      <ol
+        aria-live="polite"
+        class="mx_RoomView_MessageList"
+        style="height: 400px;"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/PictureInPictureDragger-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/PictureInPictureDragger-test.tsx.snap
new file mode 100644
index 00000000000..921735c95a2
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/PictureInPictureDragger-test.tsx.snap
@@ -0,0 +1,60 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`PictureInPictureDragger when rendering the dragger with PiP content 1 and 2 should render both contents 1`] = `
+<div>
+  <aside
+    class="mx_PictureInPictureDragger"
+    style="transform: translateX(672px) translateY(80px);"
+  >
+    <div>
+      content 1
+    </div>
+    <div>
+      content 2
+      <br />
+      content 2.2
+    </div>
+  </aside>
+</div>
+`;
+
+exports[`PictureInPictureDragger when rendering the dragger with PiP content 1 and rendering PiP content 2 should update the PiP content 1`] = `
+<div>
+  <aside
+    class="mx_PictureInPictureDragger"
+    style="transform: translateX(672px) translateY(80px);"
+  >
+    <div>
+      content 2
+      <br />
+      content 2.2
+    </div>
+  </aside>
+</div>
+`;
+
+exports[`PictureInPictureDragger when rendering the dragger with PiP content 1 and rerendering PiP content 1 should not change the PiP content: pip-content-1 1`] = `
+<div>
+  <aside
+    class="mx_PictureInPictureDragger"
+    style="transform: translateX(672px) translateY(80px);"
+  >
+    <div>
+      content 1
+    </div>
+  </aside>
+</div>
+`;
+
+exports[`PictureInPictureDragger when rendering the dragger with PiP content 1 should render the PiP content: pip-content-1 1`] = `
+<div>
+  <aside
+    class="mx_PictureInPictureDragger"
+    style="transform: translateX(672px) translateY(80px);"
+  >
+    <div>
+      content 1
+    </div>
+  </aside>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap
new file mode 100644
index 00000000000..72faba944c8
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap
@@ -0,0 +1,3960 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`RoomView for a local room in state CREATING should match the snapshot 1`] = `
+<div>
+  <div
+    class="mx_RoomView mx_RoomView--local"
+  >
+    <header
+      class="_flex_4dswl_9 mx_RoomHeader light-panel"
+      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;"
+    >
+      <span
+        aria-label="Open room settings"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+        data-color="3"
+        data-testid="avatar-img"
+        data-type="round"
+        role="presentation"
+        style="--cpd-avatar-size: 40px;"
+        tabindex="-1"
+      >
+        u
+      </span>
+      <button
+        aria-label="Room info"
+        class="mx_RoomHeader_infoWrapper"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="mx_RoomHeader_info _box-flex_1odfs_9"
+          style="--mx-box-flex: 1;"
+        >
+          <div
+            aria-level="1"
+            class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 mx_RoomHeader_heading"
+            dir="auto"
+            role="heading"
+          >
+            <span
+              class="mx_RoomHeader_truncated mx_lineClamp"
+            >
+              @user:example.com
+            </span>
+          </div>
+        </div>
+      </button>
+    </header>
+    <div
+      class="mx_RoomView_body"
+    >
+      <div
+        class="mx_LargeLoader"
+      >
+        <div
+          class="mx_Spinner"
+        >
+          <svg
+            aria-label="Loading…"
+            class="_icon_1855a_18"
+            data-testid="spinner"
+            fill="currentColor"
+            height="1em"
+            role="progressbar"
+            style="width: 45px; height: 45px;"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              clip-rule="evenodd"
+              d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </div>
+        <div
+          class="mx_LargeLoader_text"
+        >
+          We're creating a room with @user:example.com
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`RoomView for a local room in state ERROR should match the snapshot 1`] = `
+<div>
+  <div
+    class="mx_RoomView mx_RoomView--local"
+  >
+    <header
+      class="_flex_4dswl_9 mx_RoomHeader light-panel"
+      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;"
+    >
+      <span
+        aria-label="Open room settings"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+        data-color="3"
+        data-testid="avatar-img"
+        data-type="round"
+        role="presentation"
+        style="--cpd-avatar-size: 40px;"
+        tabindex="-1"
+      >
+        u
+      </span>
+      <button
+        aria-label="Room info"
+        class="mx_RoomHeader_infoWrapper"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="mx_RoomHeader_info _box-flex_1odfs_9"
+          style="--mx-box-flex: 1;"
+        >
+          <div
+            aria-level="1"
+            class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 mx_RoomHeader_heading"
+            dir="auto"
+            role="heading"
+          >
+            <span
+              class="mx_RoomHeader_truncated mx_lineClamp"
+            >
+              @user:example.com
+            </span>
+          </div>
+        </div>
+      </button>
+    </header>
+    <main
+      aria-label="Room content"
+      class="mx_RoomView_body"
+    >
+      <div
+        class="mx_RoomView_timeline"
+      >
+        <div
+          class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_messagePanel"
+          tabindex="-1"
+        >
+          <div
+            class="mx_RoomView_messageListWrapper"
+          >
+            <ol
+              aria-live="polite"
+              class="mx_RoomView_MessageList"
+              style="height: 400px;"
+            >
+              <li
+                class="mx_NewRoomIntro"
+              >
+                <div
+                  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="_title_sq5fu_34"
+                  >
+                    End-to-end encryption isn't enabled
+                  </div>
+                  <div
+                    class="_subtitle_sq5fu_35"
+                  >
+                    <span>
+                       
+                      Your private messages are normally encrypted, but this room isn't. Usually this is due to an unsupported device or method being used, like email invites.
+                       
+                       
+                    </span>
+                  </div>
+                </div>
+                <button
+                  aria-label="Avatar"
+                  aria-live="off"
+                  class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+                  data-color="3"
+                  data-testid="avatar-img"
+                  data-type="round"
+                  role="button"
+                  style="--cpd-avatar-size: 52px;"
+                >
+                  u
+                </button>
+                <h2>
+                  @user:example.com
+                </h2>
+                <p>
+                  <span>
+                    Send your first message to invite 
+                    <strong>
+                      @user:example.com
+                    </strong>
+                     to chat
+                  </span>
+                </p>
+              </li>
+            </ol>
+          </div>
+        </div>
+      </div>
+      <div
+        aria-labelledby="react-use-id-1"
+        class="_banner_n7ud0_8"
+        data-type="critical"
+        role="status"
+      >
+        <div
+          class="_icon_n7ud0_50"
+        >
+          <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 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>
+        <div
+          class="_content_n7ud0_38"
+        >
+          <p
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _title_mcq5y_24"
+            id="react-use-id-1"
+          >
+            Could not start a chat with this user
+          </p>
+        </div>
+        <div
+          class="_actions_n7ud0_61"
+        >
+          <button
+            class="_button_1nw83_8 _primaryAction_mcq5y_20 _has-icon_1nw83_60"
+            data-kind="primary"
+            data-size="md"
+            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>
+    </main>
+    <input
+      data-testid="room-upload-context-input"
+      multiple=""
+      style="display: none;"
+      type="file"
+    />
+  </div>
+</div>
+`;
+
+exports[`RoomView for a local room in state NEW should match the snapshot 1`] = `
+<div>
+  <div
+    class="mx_RoomView mx_RoomView--local"
+  >
+    <header
+      class="_flex_4dswl_9 mx_RoomHeader light-panel"
+      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;"
+    >
+      <span
+        aria-label="Open room settings"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+        data-color="3"
+        data-testid="avatar-img"
+        data-type="round"
+        role="presentation"
+        style="--cpd-avatar-size: 40px;"
+        tabindex="-1"
+      >
+        u
+      </span>
+      <button
+        aria-label="Room info"
+        class="mx_RoomHeader_infoWrapper"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="mx_RoomHeader_info _box-flex_1odfs_9"
+          style="--mx-box-flex: 1;"
+        >
+          <div
+            aria-level="1"
+            class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 mx_RoomHeader_heading"
+            dir="auto"
+            role="heading"
+          >
+            <span
+              class="mx_RoomHeader_truncated mx_lineClamp"
+            >
+              @user:example.com
+            </span>
+          </div>
+        </div>
+      </button>
+    </header>
+    <main
+      aria-label="Room content"
+      class="mx_RoomView_body"
+    >
+      <div
+        class="mx_RoomView_timeline"
+      >
+        <div
+          class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_messagePanel"
+          tabindex="-1"
+        >
+          <div
+            class="mx_RoomView_messageListWrapper"
+          >
+            <ol
+              aria-live="polite"
+              class="mx_RoomView_MessageList"
+              style="height: 400px;"
+            >
+              <li
+                class="mx_NewRoomIntro"
+              >
+                <div
+                  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="_title_sq5fu_34"
+                  >
+                    End-to-end encryption isn't enabled
+                  </div>
+                  <div
+                    class="_subtitle_sq5fu_35"
+                  >
+                    <span>
+                       
+                      Your private messages are normally encrypted, but this room isn't. Usually this is due to an unsupported device or method being used, like email invites.
+                       
+                       
+                    </span>
+                  </div>
+                </div>
+                <button
+                  aria-label="Avatar"
+                  aria-live="off"
+                  class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+                  data-color="3"
+                  data-testid="avatar-img"
+                  data-type="round"
+                  role="button"
+                  style="--cpd-avatar-size: 52px;"
+                >
+                  u
+                </button>
+                <h2>
+                  @user:example.com
+                </h2>
+                <p>
+                  <span>
+                    Send your first message to invite 
+                    <strong>
+                      @user:example.com
+                    </strong>
+                     to chat
+                  </span>
+                </p>
+              </li>
+            </ol>
+          </div>
+        </div>
+      </div>
+      <div
+        aria-label="Message composer"
+        class="mx_MessageComposer mx_MessageComposer_e2eStatus"
+        role="region"
+      >
+        <div
+          class="mx_MessageComposer_wrapper"
+        >
+          <div
+            class="mx_MessageComposer_row"
+          >
+            <div
+              class="mx_MessageComposer_e2eIconWrapper"
+            >
+              <svg
+                aria-label="Messages in this room are not end-to-end encrypted"
+                aria-labelledby="react-use-id-1"
+                class="mx_E2EIcon mx_MessageComposer_e2eIcon"
+                color="var(--cpd-color-icon-info-primary)"
+                fill="currentColor"
+                height="12px"
+                viewBox="0 0 24 24"
+                width="12px"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M6 22q-.825 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412a2 2 0 0 1 .702-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 1 1-1.414 1.414l-.896-.896A1.94 1.94 0 0 1 18 22zm14-4.834V10q0-.825-.587-1.412A1.93 1.93 0 0 0 18 8h-1V6q0-2.075-1.463-3.537Q14.075 1 12 1T8.463 2.463a4.9 4.9 0 0 0-1.22 1.946L9 6.166V6q0-1.25.875-2.125A2.9 2.9 0 0 1 12 3q1.25 0 2.125.875T15 6v2h-4.166z"
+                />
+              </svg>
+            </div>
+            <div
+              class="mx_SendMessageComposer"
+            >
+              <div
+                class="mx_BasicMessageComposer"
+              >
+                <div
+                  aria-label="Formatting"
+                  class="mx_MessageComposerFormatBar"
+                  role="toolbar"
+                >
+                  <button
+                    aria-label="Bold"
+                    class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                    role="button"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <svg
+                      fill="currentColor"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M8.8 19q-.824 0-1.413-.587A1.93 1.93 0 0 1 6.8 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 8.8 5h3.525q1.624 0 3 1T16.7 8.775q0 1.275-.575 1.963-.575.687-1.075.987.626.275 1.387 1.025.763.75.763 2.25 0 2.224-1.625 3.113-1.625.887-3.05.887zm1.025-2.8h2.6q1.2 0 1.462-.612.263-.614.263-.888 0-.275-.263-.887-.262-.613-1.537-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425a1.4 1.4 0 0 0 .375-.95q0-.6-.425-.975t-1.1-.375H9.825z"
+                      />
+                    </svg>
+                  </button>
+                  <button
+                    aria-label="Italics"
+                    class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                    role="button"
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <svg
+                      fill="currentColor"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M6.25 19q-.525 0-.888-.363A1.2 1.2 0 0 1 5 17.75q0-.525.362-.887.363-.363.888-.363H9l3-9H9.25q-.525 0-.887-.362A1.2 1.2 0 0 1 8 6.25q0-.525.363-.888Q8.725 5 9.25 5h7.5q.525 0 .887.362.363.363.363.888t-.363.888a1.2 1.2 0 0 1-.887.362H14.5l-3 9h2.25q.525 0 .887.363.363.362.363.887t-.363.887a1.2 1.2 0 0 1-.887.363z"
+                      />
+                    </svg>
+                  </button>
+                  <button
+                    aria-label="Strikethrough"
+                    class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                    role="button"
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <svg
+                      fill="currentColor"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12.15 20q-1.9 0-3.375-1.125T6.65 15.8l2.2-.95q.35 1.2 1.213 1.975.861.775 2.137.775 1.05 0 1.9-.5t.85-1.6q0-.45-.175-.825A2.4 2.4 0 0 0 14.3 14h2.8a4.3 4.3 0 0 1 .25 1.5q0 2.15-1.538 3.325Q14.277 20 12.15 20M3 12a.97.97 0 0 1-.712-.287A.97.97 0 0 1 2 11q0-.424.288-.713A.97.97 0 0 1 3 10h18q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 21 12zm9.05-8.15q1.65 0 2.887.812T16.85 7.15l-2.2.975a3 3 0 0 0-.838-1.3Q13.2 6.25 12.1 6.25q-1.025 0-1.7.462-.675.463-.75 1.288h-2.4q.05-1.725 1.363-2.938Q9.925 3.85 12.05 3.85"
+                      />
+                    </svg>
+                  </button>
+                  <button
+                    aria-label="Code block"
+                    class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                    role="button"
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <svg
+                      fill="currentColor"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575zM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 1 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408m12.053 0a1 1 0 0 1 1.408.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 1 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408"
+                      />
+                    </svg>
+                  </button>
+                  <button
+                    aria-label="Quote"
+                    class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                    role="button"
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <svg
+                      fill="currentColor"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M4.719 4.34c.094-.642-.366-1.236-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.237 1.028 1.328.663.092 1.276-.354 1.371-.996zm12.115 10.174c.095-.642-.366-1.237-1.028-1.328-.662-.092-1.276.354-1.37.996l-.809 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.277-.354 1.371-.996zM9.318 3.009c.665.077 1.138.662 1.058 1.306l-.022.175a221 221 0 0 1-.266 2.006c-.161 1.171-.368 2.579-.535 3.386-.13.636-.769 1.049-1.425.921s-1.082-.745-.95-1.381c.148-.72.345-2.052.509-3.237a191 191 0 0 0 .262-1.981l.021-.17c.08-.644.684-1.103 1.348-1.025m13.17 11.505c.094-.642-.366-1.237-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.276-.354 1.371-.996z"
+                      />
+                    </svg>
+                  </button>
+                  <button
+                    aria-label="Insert link"
+                    class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                    role="button"
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <svg
+                      fill="currentColor"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+                      />
+                    </svg>
+                  </button>
+                </div>
+                <div
+                  aria-autocomplete="list"
+                  aria-disabled="false"
+                  aria-haspopup="listbox"
+                  aria-label="Send an unencrypted message…"
+                  aria-multiline="true"
+                  class="mx_BasicMessageComposer_input mx_BasicMessageComposer_input_shouldShowPillAvatar mx_BasicMessageComposer_inputEmpty"
+                  contenteditable="true"
+                  data-testid="basicmessagecomposer"
+                  dir="auto"
+                  role="textbox"
+                  style="--placeholder: 'Send\\ an\\ unencrypted\\ message…';"
+                  tabindex="0"
+                  translate="no"
+                >
+                  <div>
+                    <br />
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="mx_MessageComposer_actions"
+            >
+              <div
+                aria-label="Emoji"
+                class="mx_AccessibleButton mx_EmojiButton mx_MessageComposer_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="M15.536 15.536a1 1 0 0 0-1.415-1.415 3 3 0 0 1-2.12.879 3 3 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A5 5 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
+                  />
+                  <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"
+                  />
+                </svg>
+              </div>
+              <button
+                aria-label="Attachment"
+                aria-labelledby="react-use-id-2"
+                class="_icon-button_1215g_8"
+                data-kind="primary"
+                role="button"
+                style="--cpd-icon-button-size: 26px;"
+                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="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>
+                </div>
+              </button>
+              <div
+                aria-label="More options"
+                class="mx_AccessibleButton mx_MessageComposer_button mx_MessageComposer_buttonMenu"
+                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>
+          </div>
+        </div>
+      </div>
+    </main>
+    <input
+      data-testid="room-upload-context-input"
+      multiple=""
+      style="display: none;"
+      type="file"
+    />
+  </div>
+</div>
+`;
+
+exports[`RoomView for a local room in state NEW that is encrypted should match the snapshot 1`] = `
+<div>
+  <div
+    class="mx_RoomView mx_RoomView--local"
+  >
+    <header
+      class="_flex_4dswl_9 mx_RoomHeader light-panel"
+      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;"
+    >
+      <span
+        aria-label="Open room settings"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+        data-color="3"
+        data-testid="avatar-img"
+        data-type="round"
+        role="presentation"
+        style="--cpd-avatar-size: 40px;"
+        tabindex="-1"
+      >
+        u
+      </span>
+      <button
+        aria-label="Room info"
+        class="mx_RoomHeader_infoWrapper"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="mx_RoomHeader_info _box-flex_1odfs_9"
+          style="--mx-box-flex: 1;"
+        >
+          <div
+            aria-level="1"
+            class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 mx_RoomHeader_heading"
+            dir="auto"
+            role="heading"
+          >
+            <span
+              class="mx_RoomHeader_truncated mx_lineClamp"
+            >
+              @user:example.com
+            </span>
+            <svg
+              aria-label="New members see history"
+              aria-labelledby="react-use-id-1"
+              class="mx_RoomHeader_icon"
+              color="var(--cpd-color-icon-info-primary)"
+              fill="currentColor"
+              height="16px"
+              viewBox="0 0 24 24"
+              width="16px"
+              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>
+          </div>
+        </div>
+      </button>
+    </header>
+    <main
+      aria-label="Room content"
+      class="mx_RoomView_body"
+    >
+      <div
+        class="mx_RoomView_timeline"
+      >
+        <div
+          class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_messagePanel"
+          tabindex="-1"
+        >
+          <div
+            class="mx_RoomView_messageListWrapper"
+          >
+            <ol
+              aria-live="polite"
+              class="mx_RoomView_MessageList"
+              style="height: 400px;"
+            >
+              <div
+                class="_container_sq5fu_8 mx_EventTileBubble mx_cryptoEvent _content_ufv8a_8"
+              >
+                <svg
+                  data-state="supported"
+                  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_sq5fu_34"
+                >
+                  Encryption enabled
+                </div>
+                <div
+                  class="_subtitle_sq5fu_35"
+                >
+                  Messages in this chat will be end-to-end encrypted.
+                </div>
+              </div>
+              <li
+                class="mx_NewRoomIntro"
+              >
+                <button
+                  aria-label="Avatar"
+                  aria-live="off"
+                  class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+                  data-color="3"
+                  data-testid="avatar-img"
+                  data-type="round"
+                  role="button"
+                  style="--cpd-avatar-size: 52px;"
+                >
+                  u
+                </button>
+                <h2>
+                  @user:example.com
+                </h2>
+                <p>
+                  <span>
+                    Send your first message to invite 
+                    <strong>
+                      @user:example.com
+                    </strong>
+                     to chat
+                  </span>
+                </p>
+              </li>
+            </ol>
+          </div>
+        </div>
+      </div>
+      <div
+        aria-label="Message composer"
+        class="mx_MessageComposer"
+        role="region"
+      >
+        <div
+          class="mx_MessageComposer_wrapper"
+        >
+          <div
+            class="mx_MessageComposer_row"
+          >
+            <div
+              class="mx_SendMessageComposer"
+            >
+              <div
+                class="mx_BasicMessageComposer"
+              >
+                <div
+                  aria-label="Formatting"
+                  class="mx_MessageComposerFormatBar"
+                  role="toolbar"
+                >
+                  <button
+                    aria-label="Bold"
+                    class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                    role="button"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <svg
+                      fill="currentColor"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M8.8 19q-.824 0-1.413-.587A1.93 1.93 0 0 1 6.8 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 8.8 5h3.525q1.624 0 3 1T16.7 8.775q0 1.275-.575 1.963-.575.687-1.075.987.626.275 1.387 1.025.763.75.763 2.25 0 2.224-1.625 3.113-1.625.887-3.05.887zm1.025-2.8h2.6q1.2 0 1.462-.612.263-.614.263-.888 0-.275-.263-.887-.262-.613-1.537-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425a1.4 1.4 0 0 0 .375-.95q0-.6-.425-.975t-1.1-.375H9.825z"
+                      />
+                    </svg>
+                  </button>
+                  <button
+                    aria-label="Italics"
+                    class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                    role="button"
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <svg
+                      fill="currentColor"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M6.25 19q-.525 0-.888-.363A1.2 1.2 0 0 1 5 17.75q0-.525.362-.887.363-.363.888-.363H9l3-9H9.25q-.525 0-.887-.362A1.2 1.2 0 0 1 8 6.25q0-.525.363-.888Q8.725 5 9.25 5h7.5q.525 0 .887.362.363.363.363.888t-.363.888a1.2 1.2 0 0 1-.887.362H14.5l-3 9h2.25q.525 0 .887.363.363.362.363.887t-.363.887a1.2 1.2 0 0 1-.887.363z"
+                      />
+                    </svg>
+                  </button>
+                  <button
+                    aria-label="Strikethrough"
+                    class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                    role="button"
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <svg
+                      fill="currentColor"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12.15 20q-1.9 0-3.375-1.125T6.65 15.8l2.2-.95q.35 1.2 1.213 1.975.861.775 2.137.775 1.05 0 1.9-.5t.85-1.6q0-.45-.175-.825A2.4 2.4 0 0 0 14.3 14h2.8a4.3 4.3 0 0 1 .25 1.5q0 2.15-1.538 3.325Q14.277 20 12.15 20M3 12a.97.97 0 0 1-.712-.287A.97.97 0 0 1 2 11q0-.424.288-.713A.97.97 0 0 1 3 10h18q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 21 12zm9.05-8.15q1.65 0 2.887.812T16.85 7.15l-2.2.975a3 3 0 0 0-.838-1.3Q13.2 6.25 12.1 6.25q-1.025 0-1.7.462-.675.463-.75 1.288h-2.4q.05-1.725 1.363-2.938Q9.925 3.85 12.05 3.85"
+                      />
+                    </svg>
+                  </button>
+                  <button
+                    aria-label="Code block"
+                    class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                    role="button"
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <svg
+                      fill="currentColor"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575zM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 1 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408m12.053 0a1 1 0 0 1 1.408.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 1 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408"
+                      />
+                    </svg>
+                  </button>
+                  <button
+                    aria-label="Quote"
+                    class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                    role="button"
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <svg
+                      fill="currentColor"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M4.719 4.34c.094-.642-.366-1.236-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.237 1.028 1.328.663.092 1.276-.354 1.371-.996zm12.115 10.174c.095-.642-.366-1.237-1.028-1.328-.662-.092-1.276.354-1.37.996l-.809 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.277-.354 1.371-.996zM9.318 3.009c.665.077 1.138.662 1.058 1.306l-.022.175a221 221 0 0 1-.266 2.006c-.161 1.171-.368 2.579-.535 3.386-.13.636-.769 1.049-1.425.921s-1.082-.745-.95-1.381c.148-.72.345-2.052.509-3.237a191 191 0 0 0 .262-1.981l.021-.17c.08-.644.684-1.103 1.348-1.025m13.17 11.505c.094-.642-.366-1.237-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.276-.354 1.371-.996z"
+                      />
+                    </svg>
+                  </button>
+                  <button
+                    aria-label="Insert link"
+                    class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                    role="button"
+                    tabindex="-1"
+                    type="button"
+                  >
+                    <svg
+                      fill="currentColor"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+                      />
+                    </svg>
+                  </button>
+                </div>
+                <div
+                  aria-autocomplete="list"
+                  aria-disabled="false"
+                  aria-haspopup="listbox"
+                  aria-label="Send a message…"
+                  aria-multiline="true"
+                  class="mx_BasicMessageComposer_input mx_BasicMessageComposer_input_shouldShowPillAvatar mx_BasicMessageComposer_inputEmpty"
+                  contenteditable="true"
+                  data-testid="basicmessagecomposer"
+                  dir="auto"
+                  role="textbox"
+                  style="--placeholder: 'Send\\ a\\ message…';"
+                  tabindex="0"
+                  translate="no"
+                >
+                  <div>
+                    <br />
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="mx_MessageComposer_actions"
+            >
+              <div
+                aria-label="Emoji"
+                class="mx_AccessibleButton mx_EmojiButton mx_MessageComposer_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="M15.536 15.536a1 1 0 0 0-1.415-1.415 3 3 0 0 1-2.12.879 3 3 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A5 5 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
+                  />
+                  <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"
+                  />
+                </svg>
+              </div>
+              <button
+                aria-label="Attachment"
+                aria-labelledby="react-use-id-2"
+                class="_icon-button_1215g_8"
+                data-kind="primary"
+                role="button"
+                style="--cpd-icon-button-size: 26px;"
+                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="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>
+                </div>
+              </button>
+              <div
+                aria-label="More options"
+                class="mx_AccessibleButton mx_MessageComposer_button mx_MessageComposer_buttonMenu"
+                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>
+          </div>
+        </div>
+      </div>
+    </main>
+    <input
+      data-testid="room-upload-context-input"
+      multiple=""
+      style="display: none;"
+      type="file"
+    />
+  </div>
+</div>
+`;
+
+exports[`RoomView invites renders an invite room 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_RoomView"
+  >
+    <div
+      class="mx_RoomPreviewBar mx_RoomPreviewBar_Invite mx_RoomPreviewBar_dialog"
+      role="complementary"
+    >
+      <div
+        class="mx_RoomPreviewBar_message"
+      >
+        <h3>
+          Do you want to join !roomviewinvitesrendersaninviteroom:example.org?
+        </h3>
+        <p>
+          <span
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="2"
+            data-testid="avatar-img"
+            data-type="round"
+            role="presentation"
+            style="--cpd-avatar-size: 36px;"
+          >
+            !
+          </span>
+        </p>
+        <p>
+          <span>
+            Invited by 
+            <span
+              class="mx_RoomPreviewBar_inviter"
+            >
+              @bob:example.org
+            </span>
+          </span>
+        </p>
+      </div>
+      <div
+        class="mx_RoomPreviewBar_actions"
+      >
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+          role="button"
+          tabindex="0"
+        >
+          Accept
+        </div>
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
+          role="button"
+          tabindex="0"
+        >
+          Decline
+        </div>
+        <button
+          class="_button_1nw83_8 _destructive_1nw83_110"
+          data-kind="tertiary"
+          data-size="lg"
+          role="button"
+          tabindex="0"
+        >
+          Decline and block
+        </button>
+      </div>
+      <div
+        class="mx_RoomPreviewBar_footer"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RoomView should hide the composer when hideComposer=true 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_RoomView"
+    tabindex="-1"
+  >
+    <canvas
+      aria-hidden="true"
+      height="768"
+      style="display: block; z-index: 999999; pointer-events: none; position: fixed; top: 0px; right: 0px;"
+      width="0"
+    />
+    <div
+      class="mx_MainSplit"
+    >
+      <div
+        class="mx_RoomView_body mx_MainSplit_timeline"
+        data-layout="group"
+      >
+        <header
+          class="_flex_4dswl_9 mx_RoomHeader light-panel"
+          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;"
+        >
+          <button
+            aria-label="Open room settings"
+            aria-live="off"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="2"
+            data-testid="avatar-img"
+            data-type="round"
+            role="button"
+            style="--cpd-avatar-size: 40px;"
+            tabindex="-1"
+          >
+            !
+          </button>
+          <button
+            aria-label="Room info"
+            class="mx_RoomHeader_infoWrapper"
+            tabindex="0"
+            type="button"
+          >
+            <div
+              class="mx_RoomHeader_info _box-flex_1odfs_9"
+              style="--mx-box-flex: 1;"
+            >
+              <div
+                aria-level="1"
+                class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 mx_RoomHeader_heading"
+                dir="auto"
+                role="heading"
+              >
+                <span
+                  class="mx_RoomHeader_truncated mx_lineClamp"
+                >
+                  !roomviewshouldhidethecomposerwhenhidecomposertrue:example.org
+                </span>
+              </div>
+            </div>
+          </button>
+          <button
+            aria-disabled="false"
+            aria-label="Video call"
+            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-labelledby="react-use-id-1"
+                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>
+          </button>
+          <button
+            aria-disabled="false"
+            aria-label="Voice call"
+            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-labelledby="react-use-id-2"
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                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>
+          </button>
+          <button
+            aria-label="Threads"
+            aria-labelledby="react-use-id-3"
+            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
+                class=""
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
+                />
+              </svg>
+            </div>
+          </button>
+          <button
+            aria-label="Room info"
+            aria-labelledby="react-use-id-4"
+            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
+                class=""
+                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 16v-4a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 12v4q0 .424.287.712.288.288.713.288m0-8q.424 0 .713-.287A.97.97 0 0 0 13 8a.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 8q0 .424.287.713Q11.576 9 12 9m0 13a9.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>
+          </button>
+          <div
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41"
+          >
+            <div
+              aria-label="0 members"
+              aria-labelledby="react-use-id-5"
+              class="mx_AccessibleButton mx_FacePile"
+              role="button"
+              tabindex="0"
+            >
+              <div
+                class="_stacked-avatars_va14e_109"
+              />
+              0
+            </div>
+          </div>
+        </header>
+        <div
+          class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_AuxPanel"
+          role="region"
+          tabindex="-1"
+        >
+          <div />
+        </div>
+        <main
+          class="mx_RoomView_timeline mx_RoomView_timeline_rr_enabled"
+          data-testid="timeline"
+        >
+          <div
+            class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_messagePanel"
+            tabindex="-1"
+          >
+            <div
+              class="mx_RoomView_messageListWrapper"
+            >
+              <ol
+                aria-live="polite"
+                class="mx_RoomView_MessageList"
+                style="height: 400px;"
+              />
+            </div>
+          </div>
+        </main>
+        <div
+          aria-label="Room status bar"
+          class="mx_RoomView_statusArea"
+          role="region"
+        >
+          <div
+            class="mx_RoomView_statusAreaBox"
+          >
+            <div
+              class="mx_RoomView_statusAreaBox_line"
+            />
+          </div>
+        </div>
+        <input
+          data-testid="room-upload-context-input"
+          multiple=""
+          style="display: none;"
+          type="file"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RoomView should hide the header when hideHeader=true 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_RoomView"
+    tabindex="-1"
+  >
+    <canvas
+      aria-hidden="true"
+      height="768"
+      style="display: block; z-index: 999999; pointer-events: none; position: fixed; top: 0px; right: 0px;"
+      width="0"
+    />
+    <div
+      class="mx_MainSplit"
+    >
+      <div
+        class="mx_RoomView_body mx_MainSplit_timeline"
+        data-layout="group"
+      >
+        <div
+          class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_AuxPanel"
+          role="region"
+          tabindex="-1"
+        >
+          <div />
+        </div>
+        <main
+          class="mx_RoomView_timeline mx_RoomView_timeline_rr_enabled"
+          data-testid="timeline"
+        >
+          <div
+            class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_messagePanel"
+            tabindex="-1"
+          >
+            <div
+              class="mx_RoomView_messageListWrapper"
+            >
+              <ol
+                aria-live="polite"
+                class="mx_RoomView_MessageList"
+                style="height: 400px;"
+              />
+            </div>
+          </div>
+        </main>
+        <div
+          aria-label="Room status bar"
+          class="mx_RoomView_statusArea"
+          role="region"
+        >
+          <div
+            class="mx_RoomView_statusAreaBox"
+          >
+            <div
+              class="mx_RoomView_statusAreaBox_line"
+            />
+          </div>
+        </div>
+        <div
+          aria-label="Message composer"
+          class="mx_MessageComposer mx_MessageComposer_e2eStatus"
+          role="region"
+        >
+          <div
+            class="mx_MessageComposer_wrapper"
+          >
+            <div
+              class="mx_MessageComposer_row"
+            >
+              <div
+                class="mx_MessageComposer_e2eIconWrapper"
+              >
+                <svg
+                  aria-label="Messages in this room are not end-to-end encrypted"
+                  aria-labelledby="react-use-id-1"
+                  class="mx_E2EIcon mx_MessageComposer_e2eIcon"
+                  color="var(--cpd-color-icon-info-primary)"
+                  fill="currentColor"
+                  height="12px"
+                  viewBox="0 0 24 24"
+                  width="12px"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6 22q-.825 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412a2 2 0 0 1 .702-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 1 1-1.414 1.414l-.896-.896A1.94 1.94 0 0 1 18 22zm14-4.834V10q0-.825-.587-1.412A1.93 1.93 0 0 0 18 8h-1V6q0-2.075-1.463-3.537Q14.075 1 12 1T8.463 2.463a4.9 4.9 0 0 0-1.22 1.946L9 6.166V6q0-1.25.875-2.125A2.9 2.9 0 0 1 12 3q1.25 0 2.125.875T15 6v2h-4.166z"
+                  />
+                </svg>
+              </div>
+              <div
+                class="mx_SendMessageComposer"
+              >
+                <div
+                  class="mx_BasicMessageComposer"
+                >
+                  <div
+                    aria-label="Formatting"
+                    class="mx_MessageComposerFormatBar"
+                    role="toolbar"
+                  >
+                    <button
+                      aria-label="Bold"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M8.8 19q-.824 0-1.413-.587A1.93 1.93 0 0 1 6.8 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 8.8 5h3.525q1.624 0 3 1T16.7 8.775q0 1.275-.575 1.963-.575.687-1.075.987.626.275 1.387 1.025.763.75.763 2.25 0 2.224-1.625 3.113-1.625.887-3.05.887zm1.025-2.8h2.6q1.2 0 1.462-.612.263-.614.263-.888 0-.275-.263-.887-.262-.613-1.537-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425a1.4 1.4 0 0 0 .375-.95q0-.6-.425-.975t-1.1-.375H9.825z"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Italics"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6.25 19q-.525 0-.888-.363A1.2 1.2 0 0 1 5 17.75q0-.525.362-.887.363-.363.888-.363H9l3-9H9.25q-.525 0-.887-.362A1.2 1.2 0 0 1 8 6.25q0-.525.363-.888Q8.725 5 9.25 5h7.5q.525 0 .887.362.363.363.363.888t-.363.888a1.2 1.2 0 0 1-.887.362H14.5l-3 9h2.25q.525 0 .887.363.363.362.363.887t-.363.887a1.2 1.2 0 0 1-.887.363z"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Strikethrough"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M12.15 20q-1.9 0-3.375-1.125T6.65 15.8l2.2-.95q.35 1.2 1.213 1.975.861.775 2.137.775 1.05 0 1.9-.5t.85-1.6q0-.45-.175-.825A2.4 2.4 0 0 0 14.3 14h2.8a4.3 4.3 0 0 1 .25 1.5q0 2.15-1.538 3.325Q14.277 20 12.15 20M3 12a.97.97 0 0 1-.712-.287A.97.97 0 0 1 2 11q0-.424.288-.713A.97.97 0 0 1 3 10h18q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 21 12zm9.05-8.15q1.65 0 2.887.812T16.85 7.15l-2.2.975a3 3 0 0 0-.838-1.3Q13.2 6.25 12.1 6.25q-1.025 0-1.7.462-.675.463-.75 1.288h-2.4q.05-1.725 1.363-2.938Q9.925 3.85 12.05 3.85"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Code block"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575zM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 1 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408m12.053 0a1 1 0 0 1 1.408.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 1 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Quote"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M4.719 4.34c.094-.642-.366-1.236-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.237 1.028 1.328.663.092 1.276-.354 1.371-.996zm12.115 10.174c.095-.642-.366-1.237-1.028-1.328-.662-.092-1.276.354-1.37.996l-.809 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.277-.354 1.371-.996zM9.318 3.009c.665.077 1.138.662 1.058 1.306l-.022.175a221 221 0 0 1-.266 2.006c-.161 1.171-.368 2.579-.535 3.386-.13.636-.769 1.049-1.425.921s-1.082-.745-.95-1.381c.148-.72.345-2.052.509-3.237a191 191 0 0 0 .262-1.981l.021-.17c.08-.644.684-1.103 1.348-1.025m13.17 11.505c.094-.642-.366-1.237-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.276-.354 1.371-.996z"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Insert link"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+                        />
+                      </svg>
+                    </button>
+                  </div>
+                  <div
+                    aria-autocomplete="list"
+                    aria-disabled="false"
+                    aria-haspopup="listbox"
+                    aria-label="Send an unencrypted message…"
+                    aria-multiline="true"
+                    class="mx_BasicMessageComposer_input mx_BasicMessageComposer_input_shouldShowPillAvatar mx_BasicMessageComposer_inputEmpty"
+                    contenteditable="true"
+                    data-testid="basicmessagecomposer"
+                    dir="auto"
+                    role="textbox"
+                    style="--placeholder: 'Send\\ an\\ unencrypted\\ message…';"
+                    tabindex="0"
+                    translate="no"
+                  >
+                    <div>
+                      <br />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="mx_MessageComposer_actions"
+              >
+                <div
+                  aria-label="Emoji"
+                  class="mx_AccessibleButton mx_EmojiButton mx_MessageComposer_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="M15.536 15.536a1 1 0 0 0-1.415-1.415 3 3 0 0 1-2.12.879 3 3 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A5 5 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
+                    />
+                    <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"
+                    />
+                  </svg>
+                </div>
+                <button
+                  aria-label="Attachment"
+                  aria-labelledby="react-use-id-2"
+                  class="_icon-button_1215g_8"
+                  data-kind="primary"
+                  role="button"
+                  style="--cpd-icon-button-size: 26px;"
+                  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="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>
+                  </div>
+                </button>
+                <div
+                  aria-label="More options"
+                  class="mx_AccessibleButton mx_MessageComposer_button mx_MessageComposer_buttonMenu"
+                  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>
+            </div>
+          </div>
+        </div>
+        <input
+          data-testid="room-upload-context-input"
+          multiple=""
+          style="display: none;"
+          type="file"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RoomView should hide the pinned message banner when hidePinnedMessageBanner=true 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_RoomView"
+    tabindex="-1"
+  >
+    <canvas
+      aria-hidden="true"
+      height="768"
+      style="display: block; z-index: 999999; pointer-events: none; position: fixed; top: 0px; right: 0px;"
+      width="0"
+    />
+    <div
+      class="mx_MainSplit"
+    >
+      <div
+        class="mx_RoomView_body mx_MainSplit_timeline"
+        data-layout="group"
+      >
+        <header
+          class="_flex_4dswl_9 mx_RoomHeader light-panel"
+          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;"
+        >
+          <button
+            aria-label="Open room settings"
+            aria-live="off"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="2"
+            data-testid="avatar-img"
+            data-type="round"
+            role="button"
+            style="--cpd-avatar-size: 40px;"
+            tabindex="-1"
+          >
+            !
+          </button>
+          <button
+            aria-label="Room info"
+            class="mx_RoomHeader_infoWrapper"
+            tabindex="0"
+            type="button"
+          >
+            <div
+              class="mx_RoomHeader_info _box-flex_1odfs_9"
+              style="--mx-box-flex: 1;"
+            >
+              <div
+                aria-level="1"
+                class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 mx_RoomHeader_heading"
+                dir="auto"
+                role="heading"
+              >
+                <span
+                  class="mx_RoomHeader_truncated mx_lineClamp"
+                >
+                  !roomviewshouldhidethepinnedmessagebannerwhenhidepinnedmessagebannertrue:example.org
+                </span>
+              </div>
+            </div>
+          </button>
+          <button
+            aria-disabled="false"
+            aria-label="Video call"
+            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-labelledby="react-use-id-1"
+                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>
+          </button>
+          <button
+            aria-disabled="false"
+            aria-label="Voice call"
+            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-labelledby="react-use-id-2"
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                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>
+          </button>
+          <button
+            aria-label="Threads"
+            aria-labelledby="react-use-id-3"
+            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
+                class=""
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
+                />
+              </svg>
+            </div>
+          </button>
+          <button
+            aria-label="Room info"
+            aria-labelledby="react-use-id-4"
+            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
+                class=""
+                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 16v-4a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 12v4q0 .424.287.712.288.288.713.288m0-8q.424 0 .713-.287A.97.97 0 0 0 13 8a.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 8q0 .424.287.713Q11.576 9 12 9m0 13a9.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>
+          </button>
+          <div
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41"
+          >
+            <div
+              aria-label="0 members"
+              aria-labelledby="react-use-id-5"
+              class="mx_AccessibleButton mx_FacePile"
+              role="button"
+              tabindex="0"
+            >
+              <div
+                class="_stacked-avatars_va14e_109"
+              />
+              0
+            </div>
+          </div>
+        </header>
+        <div
+          class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_AuxPanel"
+          role="region"
+          tabindex="-1"
+        >
+          <div />
+        </div>
+        <main
+          class="mx_RoomView_timeline mx_RoomView_timeline_rr_enabled"
+          data-testid="timeline"
+        >
+          <div
+            class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_messagePanel"
+            tabindex="-1"
+          >
+            <div
+              class="mx_RoomView_messageListWrapper"
+            >
+              <ol
+                aria-live="polite"
+                class="mx_RoomView_MessageList"
+                style="height: 400px;"
+              />
+            </div>
+          </div>
+        </main>
+        <div
+          aria-label="Room status bar"
+          class="mx_RoomView_statusArea"
+          role="region"
+        >
+          <div
+            class="mx_RoomView_statusAreaBox"
+          >
+            <div
+              class="mx_RoomView_statusAreaBox_line"
+            />
+          </div>
+        </div>
+        <div
+          aria-label="Message composer"
+          class="mx_MessageComposer mx_MessageComposer_e2eStatus"
+          role="region"
+        >
+          <div
+            class="mx_MessageComposer_wrapper"
+          >
+            <div
+              class="mx_MessageComposer_row"
+            >
+              <div
+                class="mx_MessageComposer_e2eIconWrapper"
+              >
+                <svg
+                  aria-label="Messages in this room are not end-to-end encrypted"
+                  aria-labelledby="react-use-id-6"
+                  class="mx_E2EIcon mx_MessageComposer_e2eIcon"
+                  color="var(--cpd-color-icon-info-primary)"
+                  fill="currentColor"
+                  height="12px"
+                  viewBox="0 0 24 24"
+                  width="12px"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6 22q-.825 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412a2 2 0 0 1 .702-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 1 1-1.414 1.414l-.896-.896A1.94 1.94 0 0 1 18 22zm14-4.834V10q0-.825-.587-1.412A1.93 1.93 0 0 0 18 8h-1V6q0-2.075-1.463-3.537Q14.075 1 12 1T8.463 2.463a4.9 4.9 0 0 0-1.22 1.946L9 6.166V6q0-1.25.875-2.125A2.9 2.9 0 0 1 12 3q1.25 0 2.125.875T15 6v2h-4.166z"
+                  />
+                </svg>
+              </div>
+              <div
+                class="mx_SendMessageComposer"
+              >
+                <div
+                  class="mx_BasicMessageComposer"
+                >
+                  <div
+                    aria-label="Formatting"
+                    class="mx_MessageComposerFormatBar"
+                    role="toolbar"
+                  >
+                    <button
+                      aria-label="Bold"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M8.8 19q-.824 0-1.413-.587A1.93 1.93 0 0 1 6.8 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 8.8 5h3.525q1.624 0 3 1T16.7 8.775q0 1.275-.575 1.963-.575.687-1.075.987.626.275 1.387 1.025.763.75.763 2.25 0 2.224-1.625 3.113-1.625.887-3.05.887zm1.025-2.8h2.6q1.2 0 1.462-.612.263-.614.263-.888 0-.275-.263-.887-.262-.613-1.537-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425a1.4 1.4 0 0 0 .375-.95q0-.6-.425-.975t-1.1-.375H9.825z"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Italics"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6.25 19q-.525 0-.888-.363A1.2 1.2 0 0 1 5 17.75q0-.525.362-.887.363-.363.888-.363H9l3-9H9.25q-.525 0-.887-.362A1.2 1.2 0 0 1 8 6.25q0-.525.363-.888Q8.725 5 9.25 5h7.5q.525 0 .887.362.363.363.363.888t-.363.888a1.2 1.2 0 0 1-.887.362H14.5l-3 9h2.25q.525 0 .887.363.363.362.363.887t-.363.887a1.2 1.2 0 0 1-.887.363z"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Strikethrough"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M12.15 20q-1.9 0-3.375-1.125T6.65 15.8l2.2-.95q.35 1.2 1.213 1.975.861.775 2.137.775 1.05 0 1.9-.5t.85-1.6q0-.45-.175-.825A2.4 2.4 0 0 0 14.3 14h2.8a4.3 4.3 0 0 1 .25 1.5q0 2.15-1.538 3.325Q14.277 20 12.15 20M3 12a.97.97 0 0 1-.712-.287A.97.97 0 0 1 2 11q0-.424.288-.713A.97.97 0 0 1 3 10h18q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 21 12zm9.05-8.15q1.65 0 2.887.812T16.85 7.15l-2.2.975a3 3 0 0 0-.838-1.3Q13.2 6.25 12.1 6.25q-1.025 0-1.7.462-.675.463-.75 1.288h-2.4q.05-1.725 1.363-2.938Q9.925 3.85 12.05 3.85"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Code block"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575zM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 1 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408m12.053 0a1 1 0 0 1 1.408.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 1 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Quote"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M4.719 4.34c.094-.642-.366-1.236-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.237 1.028 1.328.663.092 1.276-.354 1.371-.996zm12.115 10.174c.095-.642-.366-1.237-1.028-1.328-.662-.092-1.276.354-1.37.996l-.809 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.277-.354 1.371-.996zM9.318 3.009c.665.077 1.138.662 1.058 1.306l-.022.175a221 221 0 0 1-.266 2.006c-.161 1.171-.368 2.579-.535 3.386-.13.636-.769 1.049-1.425.921s-1.082-.745-.95-1.381c.148-.72.345-2.052.509-3.237a191 191 0 0 0 .262-1.981l.021-.17c.08-.644.684-1.103 1.348-1.025m13.17 11.505c.094-.642-.366-1.237-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.276-.354 1.371-.996z"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Insert link"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+                        />
+                      </svg>
+                    </button>
+                  </div>
+                  <div
+                    aria-autocomplete="list"
+                    aria-disabled="false"
+                    aria-haspopup="listbox"
+                    aria-label="Send an unencrypted message…"
+                    aria-multiline="true"
+                    class="mx_BasicMessageComposer_input mx_BasicMessageComposer_input_shouldShowPillAvatar mx_BasicMessageComposer_inputEmpty"
+                    contenteditable="true"
+                    data-testid="basicmessagecomposer"
+                    dir="auto"
+                    role="textbox"
+                    style="--placeholder: 'Send\\ an\\ unencrypted\\ message…';"
+                    tabindex="0"
+                    translate="no"
+                  >
+                    <div>
+                      <br />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="mx_MessageComposer_actions"
+              >
+                <div
+                  aria-label="Emoji"
+                  class="mx_AccessibleButton mx_EmojiButton mx_MessageComposer_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="M15.536 15.536a1 1 0 0 0-1.415-1.415 3 3 0 0 1-2.12.879 3 3 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A5 5 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
+                    />
+                    <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"
+                    />
+                  </svg>
+                </div>
+                <button
+                  aria-label="Attachment"
+                  aria-labelledby="react-use-id-7"
+                  class="_icon-button_1215g_8"
+                  data-kind="primary"
+                  role="button"
+                  style="--cpd-icon-button-size: 26px;"
+                  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="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>
+                  </div>
+                </button>
+                <div
+                  aria-label="More options"
+                  class="mx_AccessibleButton mx_MessageComposer_button mx_MessageComposer_buttonMenu"
+                  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>
+            </div>
+          </div>
+        </div>
+        <input
+          data-testid="room-upload-context-input"
+          multiple=""
+          style="display: none;"
+          type="file"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_RoomView"
+    tabindex="-1"
+  >
+    <canvas
+      aria-hidden="true"
+      height="768"
+      style="display: block; z-index: 999999; pointer-events: none; position: fixed; top: 0px; right: 0px;"
+      width="0"
+    />
+    <div
+      class="mx_MainSplit"
+    >
+      <div
+        class="mx_RoomView_body mx_MainSplit_timeline"
+        data-layout="group"
+      >
+        <header
+          class="_flex_4dswl_9 mx_RoomHeader light-panel"
+          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;"
+        >
+          <button
+            aria-label="Open room settings"
+            aria-live="off"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="2"
+            data-testid="avatar-img"
+            data-type="round"
+            role="button"
+            style="--cpd-avatar-size: 40px;"
+            tabindex="-1"
+          >
+            !
+          </button>
+          <button
+            aria-label="Room info"
+            class="mx_RoomHeader_infoWrapper"
+            tabindex="0"
+            type="button"
+          >
+            <div
+              class="mx_RoomHeader_info _box-flex_1odfs_9"
+              style="--mx-box-flex: 1;"
+            >
+              <div
+                aria-level="1"
+                class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 mx_RoomHeader_heading"
+                dir="auto"
+                role="heading"
+              >
+                <span
+                  class="mx_RoomHeader_truncated mx_lineClamp"
+                >
+                  !roomviewshouldhidetherightpanelwhenhiderightpaneltrue:example.org
+                </span>
+              </div>
+            </div>
+          </button>
+          <button
+            aria-disabled="false"
+            aria-label="Video call"
+            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-labelledby="react-use-id-1"
+                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>
+          </button>
+          <button
+            aria-disabled="false"
+            aria-label="Voice call"
+            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-labelledby="react-use-id-2"
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                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>
+          </button>
+          <button
+            aria-label="Threads"
+            aria-labelledby="react-use-id-3"
+            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
+                class=""
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
+                />
+              </svg>
+            </div>
+          </button>
+          <button
+            aria-label="Room info"
+            aria-labelledby="react-use-id-4"
+            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
+                class=""
+                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 16v-4a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 12v4q0 .424.287.712.288.288.713.288m0-8q.424 0 .713-.287A.97.97 0 0 0 13 8a.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 8q0 .424.287.713Q11.576 9 12 9m0 13a9.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>
+          </button>
+          <div
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41"
+          >
+            <div
+              aria-label="0 members"
+              aria-labelledby="react-use-id-5"
+              class="mx_AccessibleButton mx_FacePile mx_FacePile_toggled"
+              role="button"
+              tabindex="0"
+            >
+              <div
+                class="_stacked-avatars_va14e_109"
+              />
+              0
+            </div>
+          </div>
+        </header>
+        <div
+          class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_AuxPanel"
+          role="region"
+          tabindex="-1"
+        >
+          <div />
+        </div>
+        <main
+          class="mx_RoomView_timeline mx_RoomView_timeline_rr_enabled"
+          data-testid="timeline"
+        >
+          <div
+            class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_messagePanel"
+            tabindex="-1"
+          >
+            <div
+              class="mx_RoomView_messageListWrapper"
+            >
+              <ol
+                aria-live="polite"
+                class="mx_RoomView_MessageList"
+                style="height: 400px;"
+              />
+            </div>
+          </div>
+        </main>
+        <div
+          aria-label="Room status bar"
+          class="mx_RoomView_statusArea"
+          role="region"
+        >
+          <div
+            class="mx_RoomView_statusAreaBox"
+          >
+            <div
+              class="mx_RoomView_statusAreaBox_line"
+            />
+          </div>
+        </div>
+        <div
+          aria-label="Message composer"
+          class="mx_MessageComposer mx_MessageComposer_e2eStatus"
+          role="region"
+        >
+          <div
+            class="mx_MessageComposer_wrapper"
+          >
+            <div
+              class="mx_MessageComposer_row"
+            >
+              <div
+                class="mx_MessageComposer_e2eIconWrapper"
+              >
+                <svg
+                  aria-label="Messages in this room are not end-to-end encrypted"
+                  aria-labelledby="react-use-id-6"
+                  class="mx_E2EIcon mx_MessageComposer_e2eIcon"
+                  color="var(--cpd-color-icon-info-primary)"
+                  fill="currentColor"
+                  height="12px"
+                  viewBox="0 0 24 24"
+                  width="12px"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6 22q-.825 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412a2 2 0 0 1 .702-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 1 1-1.414 1.414l-.896-.896A1.94 1.94 0 0 1 18 22zm14-4.834V10q0-.825-.587-1.412A1.93 1.93 0 0 0 18 8h-1V6q0-2.075-1.463-3.537Q14.075 1 12 1T8.463 2.463a4.9 4.9 0 0 0-1.22 1.946L9 6.166V6q0-1.25.875-2.125A2.9 2.9 0 0 1 12 3q1.25 0 2.125.875T15 6v2h-4.166z"
+                  />
+                </svg>
+              </div>
+              <div
+                class="mx_SendMessageComposer"
+              >
+                <div
+                  class="mx_BasicMessageComposer"
+                >
+                  <div
+                    aria-label="Formatting"
+                    class="mx_MessageComposerFormatBar"
+                    role="toolbar"
+                  >
+                    <button
+                      aria-label="Bold"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M8.8 19q-.824 0-1.413-.587A1.93 1.93 0 0 1 6.8 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 8.8 5h3.525q1.624 0 3 1T16.7 8.775q0 1.275-.575 1.963-.575.687-1.075.987.626.275 1.387 1.025.763.75.763 2.25 0 2.224-1.625 3.113-1.625.887-3.05.887zm1.025-2.8h2.6q1.2 0 1.462-.612.263-.614.263-.888 0-.275-.263-.887-.262-.613-1.537-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425a1.4 1.4 0 0 0 .375-.95q0-.6-.425-.975t-1.1-.375H9.825z"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Italics"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6.25 19q-.525 0-.888-.363A1.2 1.2 0 0 1 5 17.75q0-.525.362-.887.363-.363.888-.363H9l3-9H9.25q-.525 0-.887-.362A1.2 1.2 0 0 1 8 6.25q0-.525.363-.888Q8.725 5 9.25 5h7.5q.525 0 .887.362.363.363.363.888t-.363.888a1.2 1.2 0 0 1-.887.362H14.5l-3 9h2.25q.525 0 .887.363.363.362.363.887t-.363.887a1.2 1.2 0 0 1-.887.363z"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Strikethrough"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M12.15 20q-1.9 0-3.375-1.125T6.65 15.8l2.2-.95q.35 1.2 1.213 1.975.861.775 2.137.775 1.05 0 1.9-.5t.85-1.6q0-.45-.175-.825A2.4 2.4 0 0 0 14.3 14h2.8a4.3 4.3 0 0 1 .25 1.5q0 2.15-1.538 3.325Q14.277 20 12.15 20M3 12a.97.97 0 0 1-.712-.287A.97.97 0 0 1 2 11q0-.424.288-.713A.97.97 0 0 1 3 10h18q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 21 12zm9.05-8.15q1.65 0 2.887.812T16.85 7.15l-2.2.975a3 3 0 0 0-.838-1.3Q13.2 6.25 12.1 6.25q-1.025 0-1.7.462-.675.463-.75 1.288h-2.4q.05-1.725 1.363-2.938Q9.925 3.85 12.05 3.85"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Code block"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575zM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 1 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408m12.053 0a1 1 0 0 1 1.408.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 1 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Quote"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M4.719 4.34c.094-.642-.366-1.236-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.237 1.028 1.328.663.092 1.276-.354 1.371-.996zm12.115 10.174c.095-.642-.366-1.237-1.028-1.328-.662-.092-1.276.354-1.37.996l-.809 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.277-.354 1.371-.996zM9.318 3.009c.665.077 1.138.662 1.058 1.306l-.022.175a221 221 0 0 1-.266 2.006c-.161 1.171-.368 2.579-.535 3.386-.13.636-.769 1.049-1.425.921s-1.082-.745-.95-1.381c.148-.72.345-2.052.509-3.237a191 191 0 0 0 .262-1.981l.021-.17c.08-.644.684-1.103 1.348-1.025m13.17 11.505c.094-.642-.366-1.237-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.276-.354 1.371-.996z"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Insert link"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+                        />
+                      </svg>
+                    </button>
+                  </div>
+                  <div
+                    aria-autocomplete="list"
+                    aria-disabled="false"
+                    aria-haspopup="listbox"
+                    aria-label="Send an unencrypted message…"
+                    aria-multiline="true"
+                    class="mx_BasicMessageComposer_input mx_BasicMessageComposer_input_shouldShowPillAvatar mx_BasicMessageComposer_inputEmpty"
+                    contenteditable="true"
+                    data-testid="basicmessagecomposer"
+                    dir="auto"
+                    role="textbox"
+                    style="--placeholder: 'Send\\ an\\ unencrypted\\ message…';"
+                    tabindex="0"
+                    translate="no"
+                  >
+                    <div>
+                      <br />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="mx_MessageComposer_actions"
+              >
+                <div
+                  aria-label="Emoji"
+                  class="mx_AccessibleButton mx_EmojiButton mx_MessageComposer_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="M15.536 15.536a1 1 0 0 0-1.415-1.415 3 3 0 0 1-2.12.879 3 3 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A5 5 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
+                    />
+                    <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"
+                    />
+                  </svg>
+                </div>
+                <button
+                  aria-label="Attachment"
+                  aria-labelledby="react-use-id-7"
+                  class="_icon-button_1215g_8"
+                  data-kind="primary"
+                  role="button"
+                  style="--cpd-icon-button-size: 26px;"
+                  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="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>
+                  </div>
+                </button>
+                <div
+                  aria-label="More options"
+                  class="mx_AccessibleButton mx_MessageComposer_button mx_MessageComposer_buttonMenu"
+                  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>
+            </div>
+          </div>
+        </div>
+        <input
+          data-testid="room-upload-context-input"
+          multiple=""
+          style="display: none;"
+          type="file"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RoomView should not display the timeline when the room encryption is loading 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_RoomView"
+    tabindex="-1"
+  >
+    <canvas
+      aria-hidden="true"
+      height="768"
+      style="display: block; z-index: 999999; pointer-events: none; position: fixed; top: 0px; right: 0px;"
+      width="0"
+    />
+    <div
+      class="mx_MainSplit"
+    >
+      <div
+        class="mx_RoomView_body mx_MainSplit_timeline"
+        data-layout="group"
+      >
+        <header
+          class="_flex_4dswl_9 mx_RoomHeader light-panel"
+          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;"
+        >
+          <button
+            aria-label="Open room settings"
+            aria-live="off"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="1"
+            data-testid="avatar-img"
+            data-type="round"
+            role="button"
+            style="--cpd-avatar-size: 40px;"
+            tabindex="-1"
+          >
+            !
+          </button>
+          <button
+            aria-label="Room info"
+            class="mx_RoomHeader_infoWrapper"
+            tabindex="0"
+            type="button"
+          >
+            <div
+              class="mx_RoomHeader_info _box-flex_1odfs_9"
+              style="--mx-box-flex: 1;"
+            >
+              <div
+                aria-level="1"
+                class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 mx_RoomHeader_heading"
+                dir="auto"
+                role="heading"
+              >
+                <span
+                  class="mx_RoomHeader_truncated mx_lineClamp"
+                >
+                  !roomviewshouldnotdisplaythetimelinewhentheroomencryptionisloading:example.org
+                </span>
+              </div>
+            </div>
+          </button>
+          <button
+            aria-disabled="false"
+            aria-label="Video call"
+            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-labelledby="react-use-id-1"
+                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>
+          </button>
+          <button
+            aria-disabled="false"
+            aria-label="Voice call"
+            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-labelledby="react-use-id-2"
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                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>
+          </button>
+          <button
+            aria-label="Threads"
+            aria-labelledby="react-use-id-3"
+            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
+                class=""
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
+                />
+              </svg>
+            </div>
+          </button>
+          <button
+            aria-label="Room info"
+            aria-labelledby="react-use-id-4"
+            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
+                class=""
+                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 16v-4a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 12v4q0 .424.287.712.288.288.713.288m0-8q.424 0 .713-.287A.97.97 0 0 0 13 8a.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 8q0 .424.287.713Q11.576 9 12 9m0 13a9.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>
+          </button>
+          <div
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41"
+          >
+            <div
+              aria-label="0 members"
+              aria-labelledby="react-use-id-5"
+              class="mx_AccessibleButton mx_FacePile"
+              role="button"
+              tabindex="0"
+            >
+              <div
+                class="_stacked-avatars_va14e_109"
+              />
+              0
+            </div>
+          </div>
+        </header>
+        <div
+          class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_AuxPanel"
+          role="region"
+          tabindex="-1"
+        >
+          <div />
+        </div>
+        <main
+          class="mx_RoomView_timeline mx_RoomView_timeline_rr_enabled"
+          data-testid="timeline"
+        />
+        <div
+          aria-label="Room status bar"
+          class="mx_RoomView_statusArea"
+          role="region"
+        >
+          <div
+            class="mx_RoomView_statusAreaBox"
+          >
+            <div
+              class="mx_RoomView_statusAreaBox_line"
+            />
+          </div>
+        </div>
+        <input
+          data-testid="room-upload-context-input"
+          multiple=""
+          style="display: none;"
+          type="file"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RoomView should not display the timeline when the room encryption is loading 2`] = `
+<DocumentFragment>
+  <div
+    class="mx_RoomView"
+    tabindex="-1"
+  >
+    <canvas
+      aria-hidden="true"
+      height="768"
+      style="display: block; z-index: 999999; pointer-events: none; position: fixed; top: 0px; right: 0px;"
+      width="0"
+    />
+    <div
+      class="mx_MainSplit"
+    >
+      <div
+        class="mx_RoomView_body mx_MainSplit_timeline"
+        data-layout="group"
+      >
+        <header
+          class="_flex_4dswl_9 mx_RoomHeader light-panel"
+          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;"
+        >
+          <button
+            aria-label="Open room settings"
+            aria-live="off"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="1"
+            data-testid="avatar-img"
+            data-type="round"
+            role="button"
+            style="--cpd-avatar-size: 40px;"
+            tabindex="-1"
+          >
+            !
+          </button>
+          <button
+            aria-label="Room info"
+            class="mx_RoomHeader_infoWrapper"
+            tabindex="0"
+            type="button"
+          >
+            <div
+              class="mx_RoomHeader_info _box-flex_1odfs_9"
+              style="--mx-box-flex: 1;"
+            >
+              <div
+                aria-level="1"
+                class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 mx_RoomHeader_heading"
+                dir="auto"
+                role="heading"
+              >
+                <span
+                  class="mx_RoomHeader_truncated mx_lineClamp"
+                >
+                  !roomviewshouldnotdisplaythetimelinewhentheroomencryptionisloading:example.org
+                </span>
+                <svg
+                  aria-label="New members see history"
+                  aria-labelledby="react-use-id-1"
+                  class="mx_RoomHeader_icon"
+                  color="var(--cpd-color-icon-info-primary)"
+                  fill="currentColor"
+                  height="16px"
+                  viewBox="0 0 24 24"
+                  width="16px"
+                  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>
+              </div>
+            </div>
+          </button>
+          <button
+            aria-disabled="false"
+            aria-label="Video call"
+            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-labelledby="react-use-id-2"
+                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>
+          </button>
+          <button
+            aria-disabled="false"
+            aria-label="Voice call"
+            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-labelledby="react-use-id-3"
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                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>
+          </button>
+          <button
+            aria-label="Threads"
+            aria-labelledby="react-use-id-4"
+            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
+                class=""
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
+                />
+              </svg>
+            </div>
+          </button>
+          <button
+            aria-label="Room info"
+            aria-labelledby="react-use-id-5"
+            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
+                class=""
+                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 16v-4a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 12v4q0 .424.287.712.288.288.713.288m0-8q.424 0 .713-.287A.97.97 0 0 0 13 8a.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 8q0 .424.287.713Q11.576 9 12 9m0 13a9.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>
+          </button>
+          <div
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41"
+          >
+            <div
+              aria-label="0 members"
+              aria-labelledby="react-use-id-6"
+              class="mx_AccessibleButton mx_FacePile"
+              role="button"
+              tabindex="0"
+            >
+              <div
+                class="_stacked-avatars_va14e_109"
+              />
+              0
+            </div>
+          </div>
+        </header>
+        <div
+          class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_AuxPanel"
+          role="region"
+          tabindex="-1"
+        >
+          <div />
+        </div>
+        <main
+          class="mx_RoomView_timeline mx_RoomView_timeline_rr_enabled"
+          data-testid="timeline"
+        >
+          <div
+            class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_messagePanel"
+            tabindex="-1"
+          >
+            <div
+              class="mx_RoomView_messageListWrapper"
+            >
+              <ol
+                aria-live="polite"
+                class="mx_RoomView_MessageList"
+                style="height: 400px;"
+              />
+            </div>
+          </div>
+        </main>
+        <div
+          aria-label="Room status bar"
+          class="mx_RoomView_statusArea"
+          role="region"
+        >
+          <div
+            class="mx_RoomView_statusAreaBox"
+          >
+            <div
+              class="mx_RoomView_statusAreaBox_line"
+            />
+          </div>
+        </div>
+        <div
+          aria-label="Message composer"
+          class="mx_MessageComposer mx_MessageComposer_e2eStatus"
+          role="region"
+        >
+          <div
+            class="mx_MessageComposer_wrapper"
+          >
+            <div
+              class="mx_MessageComposer_row"
+            >
+              <div
+                class="mx_MessageComposer_e2eIconWrapper"
+              >
+                <span
+                  tabindex="0"
+                >
+                  <div
+                    aria-labelledby="react-use-id-7"
+                    class="mx_E2EIcon mx_MessageComposer_e2eIcon"
+                    data-testid="e2e-icon"
+                    style="width: 12px; height: 12px;"
+                  >
+                    <svg
+                      color="var(--cpd-color-icon-success-primary)"
+                      fill="currentColor"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M11.106 2.447a2 2 0 0 1 1.789 0l6 3A2 2 0 0 1 20 7.237V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.105-1.789zm4.601 6.846a1 1 0 0 0-1.414 0L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </div>
+                </span>
+              </div>
+              <div
+                class="mx_SendMessageComposer"
+              >
+                <div
+                  class="mx_BasicMessageComposer"
+                >
+                  <div
+                    aria-label="Formatting"
+                    class="mx_MessageComposerFormatBar"
+                    role="toolbar"
+                  >
+                    <button
+                      aria-label="Bold"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M8.8 19q-.824 0-1.413-.587A1.93 1.93 0 0 1 6.8 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 8.8 5h3.525q1.624 0 3 1T16.7 8.775q0 1.275-.575 1.963-.575.687-1.075.987.626.275 1.387 1.025.763.75.763 2.25 0 2.224-1.625 3.113-1.625.887-3.05.887zm1.025-2.8h2.6q1.2 0 1.462-.612.263-.614.263-.888 0-.275-.263-.887-.262-.613-1.537-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425a1.4 1.4 0 0 0 .375-.95q0-.6-.425-.975t-1.1-.375H9.825z"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Italics"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6.25 19q-.525 0-.888-.363A1.2 1.2 0 0 1 5 17.75q0-.525.362-.887.363-.363.888-.363H9l3-9H9.25q-.525 0-.887-.362A1.2 1.2 0 0 1 8 6.25q0-.525.363-.888Q8.725 5 9.25 5h7.5q.525 0 .887.362.363.363.363.888t-.363.888a1.2 1.2 0 0 1-.887.362H14.5l-3 9h2.25q.525 0 .887.363.363.362.363.887t-.363.887a1.2 1.2 0 0 1-.887.363z"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Strikethrough"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M12.15 20q-1.9 0-3.375-1.125T6.65 15.8l2.2-.95q.35 1.2 1.213 1.975.861.775 2.137.775 1.05 0 1.9-.5t.85-1.6q0-.45-.175-.825A2.4 2.4 0 0 0 14.3 14h2.8a4.3 4.3 0 0 1 .25 1.5q0 2.15-1.538 3.325Q14.277 20 12.15 20M3 12a.97.97 0 0 1-.712-.287A.97.97 0 0 1 2 11q0-.424.288-.713A.97.97 0 0 1 3 10h18q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 21 12zm9.05-8.15q1.65 0 2.887.812T16.85 7.15l-2.2.975a3 3 0 0 0-.838-1.3Q13.2 6.25 12.1 6.25q-1.025 0-1.7.462-.675.463-.75 1.288h-2.4q.05-1.725 1.363-2.938Q9.925 3.85 12.05 3.85"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Code block"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575zM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 1 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408m12.053 0a1 1 0 0 1 1.408.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 1 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Quote"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M4.719 4.34c.094-.642-.366-1.236-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.237 1.028 1.328.663.092 1.276-.354 1.371-.996zm12.115 10.174c.095-.642-.366-1.237-1.028-1.328-.662-.092-1.276.354-1.37.996l-.809 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.277-.354 1.371-.996zM9.318 3.009c.665.077 1.138.662 1.058 1.306l-.022.175a221 221 0 0 1-.266 2.006c-.161 1.171-.368 2.579-.535 3.386-.13.636-.769 1.049-1.425.921s-1.082-.745-.95-1.381c.148-.72.345-2.052.509-3.237a191 191 0 0 0 .262-1.981l.021-.17c.08-.644.684-1.103 1.348-1.025m13.17 11.505c.094-.642-.366-1.237-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.276-.354 1.371-.996z"
+                        />
+                      </svg>
+                    </button>
+                    <button
+                      aria-label="Insert link"
+                      class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                      role="button"
+                      tabindex="-1"
+                      type="button"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+                        />
+                      </svg>
+                    </button>
+                  </div>
+                  <div
+                    aria-autocomplete="list"
+                    aria-disabled="false"
+                    aria-haspopup="listbox"
+                    aria-label="Send a message…"
+                    aria-multiline="true"
+                    class="mx_BasicMessageComposer_input mx_BasicMessageComposer_input_shouldShowPillAvatar mx_BasicMessageComposer_inputEmpty"
+                    contenteditable="true"
+                    data-testid="basicmessagecomposer"
+                    dir="auto"
+                    role="textbox"
+                    style="--placeholder: 'Send\\ a\\ message…';"
+                    tabindex="0"
+                    translate="no"
+                  >
+                    <div>
+                      <br />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="mx_MessageComposer_actions"
+              >
+                <div
+                  aria-label="Emoji"
+                  class="mx_AccessibleButton mx_EmojiButton mx_MessageComposer_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="M15.536 15.536a1 1 0 0 0-1.415-1.415 3 3 0 0 1-2.12.879 3 3 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A5 5 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
+                    />
+                    <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"
+                    />
+                  </svg>
+                </div>
+                <button
+                  aria-label="Attachment"
+                  aria-labelledby="react-use-id-8"
+                  class="_icon-button_1215g_8"
+                  data-kind="primary"
+                  role="button"
+                  style="--cpd-icon-button-size: 26px;"
+                  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="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>
+                  </div>
+                </button>
+                <div
+                  aria-label="More options"
+                  class="mx_AccessibleButton mx_MessageComposer_button mx_MessageComposer_buttonMenu"
+                  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>
+            </div>
+          </div>
+        </div>
+        <input
+          data-testid="room-upload-context-input"
+          multiple=""
+          style="display: none;"
+          type="file"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RoomView should show error view if failed to look up room alias 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_RoomView"
+  >
+    <div
+      class="mx_RoomPreviewBar mx_RoomPreviewBar_RoomNotFound mx_RoomPreviewBar_dialog"
+      role="complementary"
+    >
+      <div
+        class="mx_RoomPreviewBar_message"
+      >
+        <h3>
+          #addy:server does not exist.
+        </h3>
+        <p>
+          Are you sure you're at the right place?
+        </p>
+      </div>
+      <div
+        class="mx_RoomPreviewBar_actions"
+      />
+      <div
+        class="mx_RoomPreviewBar_footer"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RoomView video rooms should render joined video room view 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_RoomView mx_RoomView_immersive"
+    tabindex="-1"
+  >
+    <canvas
+      aria-hidden="true"
+      height="768"
+      style="display: block; z-index: 999999; pointer-events: none; position: fixed; top: 0px; right: 0px;"
+      width="0"
+    />
+    <div
+      class="mx_MainSplit"
+    >
+      <div
+        class="mx_RoomView_body mx_MainSplit_call"
+        data-layout="group"
+      >
+        <header
+          class="_flex_4dswl_9 mx_RoomHeader light-panel"
+          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;"
+        >
+          <button
+            aria-label="Open room settings"
+            aria-live="off"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="2"
+            data-testid="avatar-img"
+            data-type="round"
+            role="button"
+            style="--cpd-avatar-size: 40px;"
+            tabindex="-1"
+          >
+            !
+          </button>
+          <button
+            aria-label="Room info"
+            class="mx_RoomHeader_infoWrapper"
+            tabindex="0"
+            type="button"
+          >
+            <div
+              class="mx_RoomHeader_info _box-flex_1odfs_9"
+              style="--mx-box-flex: 1;"
+            >
+              <div
+                aria-level="1"
+                class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 mx_RoomHeader_heading"
+                dir="auto"
+                role="heading"
+              >
+                <span
+                  class="mx_RoomHeader_truncated mx_lineClamp"
+                >
+                  !roomviewvideoroomsshouldrenderjoinedvideoroomview:example.org
+                </span>
+              </div>
+            </div>
+          </button>
+          <button
+            aria-label="Chat"
+            aria-labelledby="react-use-id-1"
+            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
+                class="mx_RoomHeader_toggled"
+                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>
+          </button>
+          <button
+            aria-label="Threads"
+            aria-labelledby="react-use-id-2"
+            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
+                class=""
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
+                />
+              </svg>
+            </div>
+          </button>
+          <button
+            aria-label="Room info"
+            aria-labelledby="react-use-id-3"
+            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
+                class=""
+                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 16v-4a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 12v4q0 .424.287.712.288.288.713.288m0-8q.424 0 .713-.287A.97.97 0 0 0 13 8a.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 8q0 .424.287.713Q11.576 9 12 9m0 13a9.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>
+          </button>
+          <div
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41"
+          >
+            <div
+              aria-label="0 members"
+              aria-labelledby="react-use-id-4"
+              class="mx_AccessibleButton mx_FacePile"
+              role="button"
+              tabindex="0"
+            >
+              <div
+                class="_stacked-avatars_va14e_109"
+              />
+              0
+            </div>
+          </div>
+        </header>
+        <div
+          class="mx_CallView"
+          role="main"
+        >
+          <div
+            class="mx_AppTile"
+            id="vY7Q4uEh9K38QgU2PomxwKpa"
+          >
+            <div
+              class="mx_AppTileBody mx_AppTileBody--large mx_AppTileBody--loading mx_AppTileBody--call"
+            >
+              <div
+                class="mx_AppTileBody_fadeInSpinner"
+              >
+                <div
+                  class="mx_Spinner"
+                >
+                  <div
+                    class="mx_Spinner_Msg"
+                  >
+                    Loading…
+                  </div>
+                   
+                  <svg
+                    aria-label="Loading…"
+                    class="_icon_1855a_18"
+                    data-testid="spinner"
+                    fill="currentColor"
+                    height="1em"
+                    role="progressbar"
+                    style="width: 32px; height: 32px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      clip-rule="evenodd"
+                      d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                      fill-rule="evenodd"
+                    />
+                  </svg>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_RightPanel_ResizeWrapper"
+        style="position: relative; user-select: auto; width: 420px; height: 100%; max-width: 50%; min-width: 320px; box-sizing: border-box; flex-shrink: 0;"
+      >
+        <aside
+          class="mx_RightPanel"
+          data-testid="right-panel"
+          id="mx_RightPanel"
+        >
+          <div
+            class="mx_BaseCard mx_ThreadPanel mx_TimelineCard"
+          >
+            <div
+              class="mx_BaseCard_header"
+            >
+              <div
+                class="mx_BaseCard_header_title"
+              >
+                <p
+                  aria-level="1"
+                  class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
+                  role="heading"
+                >
+                  Chat
+                </p>
+              </div>
+              <button
+                aria-labelledby="react-use-id-5"
+                class="_icon-button_1215g_8"
+                data-kind="secondary"
+                data-testid="base-card-close-button"
+                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="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>
+              </button>
+            </div>
+            <div
+              class="mx_TimelineCard_timeline"
+            >
+              <div
+                class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_RoomView_messagePanel"
+                tabindex="-1"
+              >
+                <div
+                  class="mx_RoomView_messageListWrapper"
+                >
+                  <ol
+                    aria-live="polite"
+                    class="mx_RoomView_MessageList"
+                    style="height: 400px;"
+                  />
+                </div>
+              </div>
+            </div>
+            <div
+              aria-label="Message composer"
+              class="mx_MessageComposer mx_MessageComposer--compact mx_MessageComposer_e2eStatus"
+              role="region"
+            >
+              <div
+                class="mx_MessageComposer_wrapper"
+              >
+                <div
+                  class="mx_MessageComposer_row"
+                >
+                  <div
+                    class="mx_MessageComposer_e2eIconWrapper"
+                  >
+                    <svg
+                      aria-label="Messages in this room are not end-to-end encrypted"
+                      aria-labelledby="react-use-id-6"
+                      class="mx_E2EIcon mx_MessageComposer_e2eIcon"
+                      color="var(--cpd-color-icon-info-primary)"
+                      fill="currentColor"
+                      height="12px"
+                      viewBox="0 0 24 24"
+                      width="12px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M6 22q-.825 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412a2 2 0 0 1 .702-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 1 1-1.414 1.414l-.896-.896A1.94 1.94 0 0 1 18 22zm14-4.834V10q0-.825-.587-1.412A1.93 1.93 0 0 0 18 8h-1V6q0-2.075-1.463-3.537Q14.075 1 12 1T8.463 2.463a4.9 4.9 0 0 0-1.22 1.946L9 6.166V6q0-1.25.875-2.125A2.9 2.9 0 0 1 12 3q1.25 0 2.125.875T15 6v2h-4.166z"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    class="mx_SendMessageComposer"
+                  >
+                    <div
+                      class="mx_BasicMessageComposer"
+                    >
+                      <div
+                        aria-label="Formatting"
+                        class="mx_MessageComposerFormatBar"
+                        role="toolbar"
+                      >
+                        <button
+                          aria-label="Bold"
+                          class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                          role="button"
+                          tabindex="0"
+                          type="button"
+                        >
+                          <svg
+                            fill="currentColor"
+                            height="1em"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M8.8 19q-.824 0-1.413-.587A1.93 1.93 0 0 1 6.8 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 8.8 5h3.525q1.624 0 3 1T16.7 8.775q0 1.275-.575 1.963-.575.687-1.075.987.626.275 1.387 1.025.763.75.763 2.25 0 2.224-1.625 3.113-1.625.887-3.05.887zm1.025-2.8h2.6q1.2 0 1.462-.612.263-.614.263-.888 0-.275-.263-.887-.262-.613-1.537-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425a1.4 1.4 0 0 0 .375-.95q0-.6-.425-.975t-1.1-.375H9.825z"
+                            />
+                          </svg>
+                        </button>
+                        <button
+                          aria-label="Italics"
+                          class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                          role="button"
+                          tabindex="-1"
+                          type="button"
+                        >
+                          <svg
+                            fill="currentColor"
+                            height="1em"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M6.25 19q-.525 0-.888-.363A1.2 1.2 0 0 1 5 17.75q0-.525.362-.887.363-.363.888-.363H9l3-9H9.25q-.525 0-.887-.362A1.2 1.2 0 0 1 8 6.25q0-.525.363-.888Q8.725 5 9.25 5h7.5q.525 0 .887.362.363.363.363.888t-.363.888a1.2 1.2 0 0 1-.887.362H14.5l-3 9h2.25q.525 0 .887.363.363.362.363.887t-.363.887a1.2 1.2 0 0 1-.887.363z"
+                            />
+                          </svg>
+                        </button>
+                        <button
+                          aria-label="Strikethrough"
+                          class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                          role="button"
+                          tabindex="-1"
+                          type="button"
+                        >
+                          <svg
+                            fill="currentColor"
+                            height="1em"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M12.15 20q-1.9 0-3.375-1.125T6.65 15.8l2.2-.95q.35 1.2 1.213 1.975.861.775 2.137.775 1.05 0 1.9-.5t.85-1.6q0-.45-.175-.825A2.4 2.4 0 0 0 14.3 14h2.8a4.3 4.3 0 0 1 .25 1.5q0 2.15-1.538 3.325Q14.277 20 12.15 20M3 12a.97.97 0 0 1-.712-.287A.97.97 0 0 1 2 11q0-.424.288-.713A.97.97 0 0 1 3 10h18q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 21 12zm9.05-8.15q1.65 0 2.887.812T16.85 7.15l-2.2.975a3 3 0 0 0-.838-1.3Q13.2 6.25 12.1 6.25q-1.025 0-1.7.462-.675.463-.75 1.288h-2.4q.05-1.725 1.363-2.938Q9.925 3.85 12.05 3.85"
+                            />
+                          </svg>
+                        </button>
+                        <button
+                          aria-label="Code block"
+                          class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                          role="button"
+                          tabindex="-1"
+                          type="button"
+                        >
+                          <svg
+                            fill="currentColor"
+                            height="1em"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575zM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 1 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408m12.053 0a1 1 0 0 1 1.408.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 1 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408"
+                            />
+                          </svg>
+                        </button>
+                        <button
+                          aria-label="Quote"
+                          class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                          role="button"
+                          tabindex="-1"
+                          type="button"
+                        >
+                          <svg
+                            fill="currentColor"
+                            height="1em"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M4.719 4.34c.094-.642-.366-1.236-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.237 1.028 1.328.663.092 1.276-.354 1.371-.996zm12.115 10.174c.095-.642-.366-1.237-1.028-1.328-.662-.092-1.276.354-1.37.996l-.809 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.277-.354 1.371-.996zM9.318 3.009c.665.077 1.138.662 1.058 1.306l-.022.175a221 221 0 0 1-.266 2.006c-.161 1.171-.368 2.579-.535 3.386-.13.636-.769 1.049-1.425.921s-1.082-.745-.95-1.381c.148-.72.345-2.052.509-3.237a191 191 0 0 0 .262-1.981l.021-.17c.08-.644.684-1.103 1.348-1.025m13.17 11.505c.094-.642-.366-1.237-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.276-.354 1.371-.996z"
+                            />
+                          </svg>
+                        </button>
+                        <button
+                          aria-label="Insert link"
+                          class="mx_AccessibleButton mx_MessageComposerFormatBar_button"
+                          role="button"
+                          tabindex="-1"
+                          type="button"
+                        >
+                          <svg
+                            fill="currentColor"
+                            height="1em"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+                            />
+                          </svg>
+                        </button>
+                      </div>
+                      <div
+                        aria-autocomplete="list"
+                        aria-disabled="false"
+                        aria-haspopup="listbox"
+                        aria-label="Send an unencrypted message…"
+                        aria-multiline="true"
+                        class="mx_BasicMessageComposer_input mx_BasicMessageComposer_input_shouldShowPillAvatar mx_BasicMessageComposer_inputEmpty"
+                        contenteditable="true"
+                        data-testid="basicmessagecomposer"
+                        dir="auto"
+                        role="textbox"
+                        style="--placeholder: 'Send\\ an\\ unencrypted\\ message…';"
+                        tabindex="0"
+                        translate="no"
+                      >
+                        <div>
+                          <br />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="mx_MessageComposer_actions"
+                  >
+                    <div
+                      aria-label="Emoji"
+                      class="mx_AccessibleButton mx_EmojiButton mx_MessageComposer_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="M15.536 15.536a1 1 0 0 0-1.415-1.415 3 3 0 0 1-2.12.879 3 3 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A5 5 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
+                        />
+                        <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"
+                        />
+                      </svg>
+                    </div>
+                    <button
+                      aria-label="Attachment"
+                      aria-labelledby="react-use-id-7"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      role="button"
+                      style="--cpd-icon-button-size: 26px;"
+                      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="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>
+                      </div>
+                    </button>
+                    <div
+                      aria-label="More options"
+                      class="mx_AccessibleButton mx_MessageComposer_button mx_MessageComposer_buttonMenu"
+                      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>
+                </div>
+              </div>
+            </div>
+            <input
+              data-testid="room-upload-context-input"
+              multiple=""
+              style="display: none;"
+              type="file"
+            />
+          </div>
+        </aside>
+        <div>
+          <div
+            class="mx_ResizeHandle--horizontal"
+            style="position: absolute; user-select: none; width: 10px; height: 100%; top: 0px; left: -5px; cursor: col-resize;"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/SpaceHierarchy-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/SpaceHierarchy-test.tsx.snap
new file mode 100644
index 00000000000..ff86cab70c1
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/SpaceHierarchy-test.tsx.snap
@@ -0,0 +1,970 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SearchBox mx_textinput"
+  >
+    <input
+      autocomplete="off"
+      class="mx_textinput_icon mx_textinput_search mx_SpaceHierarchy_search mx_textinput_icon mx_textinput_search"
+      data-testid="searchbox-input"
+      placeholder="Search names and descriptions"
+      type="text"
+      value=""
+    />
+    <div
+      class="mx_AccessibleButton mx_SearchBox_closeButton"
+      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="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_SpaceHierarchy_listHeader"
+  >
+    <h4
+      class="mx_SpaceHierarchy_listHeader_header"
+    >
+      Rooms and spaces
+    </h4>
+    <div
+      class="mx_SpaceHierarchy_listHeader_buttons"
+    >
+      <div
+        aria-disabled="true"
+        aria-label="Remove"
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_outline mx_AccessibleButton_disabled"
+        disabled=""
+        role="button"
+        tabindex="0"
+      >
+        Remove
+      </div>
+      <div
+        aria-disabled="true"
+        aria-label="Mark as not suggested"
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline mx_AccessibleButton_disabled"
+        disabled=""
+        role="button"
+        tabindex="0"
+      >
+        Mark as not suggested
+      </div>
+    </div>
+  </div>
+  <ul
+    aria-label="Space"
+    class="mx_SpaceHierarchy_list"
+    role="tree"
+  >
+    <li
+      aria-labelledby="react-use-id-1"
+      class="mx_SpaceHierarchy_roomTileWrapper"
+      role="treeitem"
+    >
+      <div
+        class="mx_AccessibleButton mx_SpaceHierarchy_roomTile"
+        role="button"
+        tabindex="0"
+      >
+        <div
+          class="mx_SpaceHierarchy_roomTile_item"
+        >
+          <div
+            class="mx_SpaceHierarchy_roomTile_avatar"
+          >
+            <span
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+              data-color="5"
+              data-testid="avatar-img"
+              data-type="round"
+              role="presentation"
+              style="--cpd-avatar-size: 20px;"
+            >
+              U
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_name"
+          >
+            <span
+              id="react-use-id-1"
+            >
+              Unnamed Room
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_info"
+          >
+            2 members
+          </div>
+        </div>
+        <div
+          class="mx_SpaceHierarchy_actions"
+        >
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+            role="button"
+            tabindex="0"
+          >
+            Join
+          </div>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="_inline-field_1o4d9_33"
+            >
+              <div
+                class="_inline-field-control_1o4d9_45"
+              >
+                <div
+                  class="_container_153f2_10"
+                >
+                  <input
+                    aria-labelledby="react-use-id-1"
+                    class="_input_153f2_18"
+                    id="checkbox_MwbPDmfGtm"
+                    tabindex="-1"
+                    type="checkbox"
+                  />
+                  <div
+                    class="_ui_153f2_19"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      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>
+              <div
+                class="_inline-field-body_1o4d9_39"
+              />
+            </div>
+          </form>
+        </div>
+      </div>
+    </li>
+    <li
+      aria-labelledby="react-use-id-2"
+      class="mx_SpaceHierarchy_roomTileWrapper"
+      role="treeitem"
+    >
+      <div
+        class="mx_AccessibleButton mx_SpaceHierarchy_roomTile"
+        role="button"
+        tabindex="-1"
+      >
+        <div
+          class="mx_SpaceHierarchy_roomTile_item"
+        >
+          <div
+            class="mx_SpaceHierarchy_roomTile_avatar"
+          >
+            <span
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+              data-color="6"
+              data-testid="avatar-img"
+              data-type="round"
+              role="presentation"
+              style="--cpd-avatar-size: 20px;"
+            >
+              U
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_name"
+          >
+            <span
+              id="react-use-id-2"
+            >
+              Unnamed Room
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_info"
+          >
+            3 members
+          </div>
+        </div>
+        <div
+          class="mx_SpaceHierarchy_actions"
+        >
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+            role="button"
+            tabindex="-1"
+          >
+            Join
+          </div>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="_inline-field_1o4d9_33"
+            >
+              <div
+                class="_inline-field-control_1o4d9_45"
+              >
+                <div
+                  class="_container_153f2_10"
+                >
+                  <input
+                    aria-labelledby="react-use-id-2"
+                    class="_input_153f2_18"
+                    id="checkbox_GQvdMWe954"
+                    tabindex="-1"
+                    type="checkbox"
+                  />
+                  <div
+                    class="_ui_153f2_19"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      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>
+              <div
+                class="_inline-field-body_1o4d9_39"
+              />
+            </div>
+          </form>
+        </div>
+      </div>
+    </li>
+    <li
+      aria-expanded="true"
+      aria-labelledby="react-use-id-3"
+      class="mx_SpaceHierarchy_roomTileWrapper"
+      role="treeitem"
+    >
+      <div
+        class="mx_AccessibleButton mx_SpaceHierarchy_roomTile mx_SpaceHierarchy_subspace"
+        role="button"
+        tabindex="-1"
+      >
+        <div
+          class="mx_SpaceHierarchy_roomTile_item"
+        >
+          <div
+            class="mx_SpaceHierarchy_roomTile_avatar"
+          >
+            <span
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+              data-color="2"
+              data-testid="avatar-img"
+              data-type="round"
+              role="presentation"
+              style="--cpd-avatar-size: 20px;"
+            >
+              N
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_name"
+          >
+            <span
+              id="react-use-id-3"
+            >
+              Nested space
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_info"
+          >
+            1 member · 1 room
+          </div>
+        </div>
+        <div
+          class="mx_SpaceHierarchy_actions"
+        >
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+            role="button"
+            tabindex="-1"
+          >
+            Join
+          </div>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="_inline-field_1o4d9_33"
+            >
+              <div
+                class="_inline-field-control_1o4d9_45"
+              >
+                <div
+                  class="_container_153f2_10"
+                >
+                  <input
+                    aria-labelledby="react-use-id-3"
+                    class="_input_153f2_18"
+                    id="checkbox_DVIAu5CsiH"
+                    tabindex="-1"
+                    type="checkbox"
+                  />
+                  <div
+                    class="_ui_153f2_19"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      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>
+              <div
+                class="_inline-field-body_1o4d9_39"
+              />
+            </div>
+          </form>
+        </div>
+        <div
+          class="mx_SpaceHierarchy_subspace_toggle mx_SpaceHierarchy_subspace_toggle_shown"
+        >
+          <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>
+      </div>
+      <ul
+        class="mx_SpaceHierarchy_subspace_children"
+        role="group"
+      >
+        <li
+          aria-labelledby="react-use-id-4"
+          class="mx_SpaceHierarchy_roomTileWrapper"
+          role="treeitem"
+        >
+          <div
+            class="mx_AccessibleButton mx_SpaceHierarchy_roomTile"
+            role="button"
+            tabindex="-1"
+          >
+            <div
+              class="mx_SpaceHierarchy_roomTile_item"
+            >
+              <div
+                class="mx_SpaceHierarchy_roomTile_avatar"
+              >
+                <span
+                  class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+                  data-color="2"
+                  data-testid="avatar-img"
+                  data-type="round"
+                  role="presentation"
+                  style="--cpd-avatar-size: 20px;"
+                >
+                  N
+                </span>
+              </div>
+              <div
+                class="mx_SpaceHierarchy_roomTile_name"
+              >
+                <span
+                  id="react-use-id-4"
+                >
+                  Nested room
+                </span>
+              </div>
+              <div
+                class="mx_SpaceHierarchy_roomTile_info"
+              >
+                3 members
+              </div>
+            </div>
+            <div
+              class="mx_SpaceHierarchy_actions"
+            >
+              <div
+                class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+                role="button"
+                tabindex="-1"
+              >
+                Join
+              </div>
+              <span
+                aria-labelledby="react-use-id-5"
+                tabindex="0"
+              >
+                <form
+                  class="_root_1o4d9_17"
+                >
+                  <div
+                    class="_inline-field_1o4d9_33"
+                  >
+                    <div
+                      class="_inline-field-control_1o4d9_45"
+                    >
+                      <div
+                        class="_container_153f2_10"
+                      >
+                        <input
+                          aria-labelledby="react-use-id-4"
+                          class="_input_153f2_18"
+                          disabled=""
+                          id="checkbox_RD7nyrA2oh"
+                          tabindex="-1"
+                          type="checkbox"
+                        />
+                        <div
+                          class="_ui_153f2_19"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            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>
+                    <div
+                      class="_inline-field-body_1o4d9_39"
+                    />
+                  </div>
+                </form>
+              </span>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </li>
+    <li
+      aria-labelledby="react-use-id-6"
+      class="mx_SpaceHierarchy_roomTileWrapper"
+      role="treeitem"
+    >
+      <div
+        class="mx_AccessibleButton mx_SpaceHierarchy_roomTile"
+        role="button"
+        tabindex="-1"
+      >
+        <div
+          class="mx_SpaceHierarchy_roomTile_item"
+        >
+          <div
+            class="mx_SpaceHierarchy_roomTile_avatar"
+          >
+            <span
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+              data-color="6"
+              data-testid="avatar-img"
+              data-type="round"
+              role="presentation"
+              style="--cpd-avatar-size: 20px;"
+            >
+              K
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_name"
+          >
+            <span
+              id="react-use-id-6"
+            >
+              Knock room
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_info"
+          >
+            3 members
+          </div>
+        </div>
+        <div
+          class="mx_SpaceHierarchy_actions"
+        >
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
+            role="button"
+            tabindex="-1"
+          >
+            View
+          </div>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="_inline-field_1o4d9_33"
+            >
+              <div
+                class="_inline-field-control_1o4d9_45"
+              >
+                <div
+                  class="_container_153f2_10"
+                >
+                  <input
+                    aria-labelledby="react-use-id-6"
+                    class="_input_153f2_18"
+                    id="checkbox_jWVJIPauy1"
+                    tabindex="-1"
+                    type="checkbox"
+                  />
+                  <div
+                    class="_ui_153f2_19"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      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>
+              <div
+                class="_inline-field-body_1o4d9_39"
+              />
+            </div>
+          </form>
+        </div>
+      </div>
+    </li>
+  </ul>
+</DocumentFragment>
+`;
+
+exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SearchBox mx_textinput"
+  >
+    <input
+      autocomplete="off"
+      class="mx_textinput_icon mx_textinput_search mx_SpaceHierarchy_search mx_textinput_icon mx_textinput_search"
+      data-testid="searchbox-input"
+      placeholder="Search names and descriptions"
+      type="text"
+      value=""
+    />
+    <div
+      class="mx_AccessibleButton mx_SearchBox_closeButton"
+      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="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_SpaceHierarchy_listHeader"
+  >
+    <h4
+      class="mx_SpaceHierarchy_listHeader_header"
+    >
+      Rooms and spaces
+    </h4>
+    <div
+      class="mx_SpaceHierarchy_listHeader_buttons"
+    >
+      <div
+        aria-disabled="true"
+        aria-label="Remove"
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_outline mx_AccessibleButton_disabled"
+        disabled=""
+        role="button"
+        tabindex="0"
+      >
+        Remove
+      </div>
+      <div
+        aria-disabled="true"
+        aria-label="Mark as not suggested"
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline mx_AccessibleButton_disabled"
+        disabled=""
+        role="button"
+        tabindex="0"
+      >
+        Mark as not suggested
+      </div>
+    </div>
+  </div>
+  <ul
+    aria-label="Space"
+    class="mx_SpaceHierarchy_list"
+    role="tree"
+  >
+    <li
+      aria-labelledby="react-use-id-1"
+      class="mx_SpaceHierarchy_roomTileWrapper"
+      role="treeitem"
+    >
+      <div
+        class="mx_AccessibleButton mx_SpaceHierarchy_roomTile"
+        role="button"
+        tabindex="0"
+      >
+        <div
+          class="mx_SpaceHierarchy_roomTile_item"
+        >
+          <div
+            class="mx_SpaceHierarchy_roomTile_avatar"
+          >
+            <span
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+              data-color="5"
+              data-testid="avatar-img"
+              data-type="round"
+              role="presentation"
+              style="--cpd-avatar-size: 20px;"
+            >
+              U
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_name"
+          >
+            <span
+              id="react-use-id-1"
+            >
+              Unnamed Room
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_info"
+          >
+            2 members
+          </div>
+        </div>
+        <div
+          class="mx_SpaceHierarchy_actions"
+        >
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+            role="button"
+            tabindex="0"
+          >
+            Join
+          </div>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="_inline-field_1o4d9_33"
+            >
+              <div
+                class="_inline-field-control_1o4d9_45"
+              >
+                <div
+                  class="_container_153f2_10"
+                >
+                  <input
+                    aria-labelledby="react-use-id-1"
+                    class="_input_153f2_18"
+                    id="checkbox_EetmBG4yVC"
+                    tabindex="-1"
+                    type="checkbox"
+                  />
+                  <div
+                    class="_ui_153f2_19"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      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>
+              <div
+                class="_inline-field-body_1o4d9_39"
+              />
+            </div>
+          </form>
+        </div>
+      </div>
+    </li>
+    <li
+      aria-labelledby="react-use-id-2"
+      class="mx_SpaceHierarchy_roomTileWrapper"
+      role="treeitem"
+    >
+      <div
+        class="mx_AccessibleButton mx_SpaceHierarchy_roomTile"
+        role="button"
+        tabindex="-1"
+      >
+        <div
+          class="mx_SpaceHierarchy_roomTile_item"
+        >
+          <div
+            class="mx_SpaceHierarchy_roomTile_avatar"
+          >
+            <span
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+              data-color="6"
+              data-testid="avatar-img"
+              data-type="round"
+              role="presentation"
+              style="--cpd-avatar-size: 20px;"
+            >
+              U
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_name"
+          >
+            <span
+              id="react-use-id-2"
+            >
+              Unnamed Room
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_info"
+          >
+            3 members
+          </div>
+        </div>
+        <div
+          class="mx_SpaceHierarchy_actions"
+        >
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+            role="button"
+            tabindex="-1"
+          >
+            Join
+          </div>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="_inline-field_1o4d9_33"
+            >
+              <div
+                class="_inline-field-control_1o4d9_45"
+              >
+                <div
+                  class="_container_153f2_10"
+                >
+                  <input
+                    aria-labelledby="react-use-id-2"
+                    class="_input_153f2_18"
+                    id="checkbox_eEefiPqpMR"
+                    tabindex="-1"
+                    type="checkbox"
+                  />
+                  <div
+                    class="_ui_153f2_19"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      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>
+              <div
+                class="_inline-field-body_1o4d9_39"
+              />
+            </div>
+          </form>
+        </div>
+      </div>
+    </li>
+    <li
+      aria-expanded="true"
+      aria-labelledby="react-use-id-3"
+      class="mx_SpaceHierarchy_roomTileWrapper"
+      role="treeitem"
+    >
+      <div
+        class="mx_AccessibleButton mx_SpaceHierarchy_roomTile mx_SpaceHierarchy_subspace"
+        role="button"
+        tabindex="-1"
+      >
+        <div
+          class="mx_SpaceHierarchy_roomTile_item"
+        >
+          <div
+            class="mx_SpaceHierarchy_roomTile_avatar"
+          >
+            <span
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+              data-color="2"
+              data-testid="avatar-img"
+              data-type="round"
+              role="presentation"
+              style="--cpd-avatar-size: 20px;"
+            >
+              N
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_name"
+          >
+            <span
+              id="react-use-id-3"
+            >
+              Nested space
+            </span>
+          </div>
+          <div
+            class="mx_SpaceHierarchy_roomTile_info"
+          >
+            1 member · 0 rooms
+          </div>
+        </div>
+        <div
+          class="mx_SpaceHierarchy_actions"
+        >
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+            role="button"
+            tabindex="-1"
+          >
+            Join
+          </div>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="_inline-field_1o4d9_33"
+            >
+              <div
+                class="_inline-field-control_1o4d9_45"
+              >
+                <div
+                  class="_container_153f2_10"
+                >
+                  <input
+                    aria-labelledby="react-use-id-3"
+                    class="_input_153f2_18"
+                    id="checkbox_MwbPDmfGtm"
+                    tabindex="-1"
+                    type="checkbox"
+                  />
+                  <div
+                    class="_ui_153f2_19"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      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>
+              <div
+                class="_inline-field-body_1o4d9_39"
+              />
+            </div>
+          </form>
+        </div>
+        <div
+          class="mx_SpaceHierarchy_subspace_toggle mx_SpaceHierarchy_subspace_toggle_shown"
+        >
+          <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>
+      </div>
+      <ul
+        class="mx_SpaceHierarchy_subspace_children"
+        role="group"
+      />
+    </li>
+  </ul>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/TabbedView-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/TabbedView-test.tsx.snap
new file mode 100644
index 00000000000..523d38c6da0
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/TabbedView-test.tsx.snap
@@ -0,0 +1,119 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<TabbedView /> renders tabs 1`] = `
+<div>
+  <div
+    class="mx_TabbedView mx_TabbedView_tabsOnLeft"
+  >
+    <ul
+      aria-orientation="vertical"
+      class="mx_TabbedView_tabLabels"
+      role="tablist"
+    >
+      <li
+        aria-controls="mx_tabpanel_GENERAL"
+        aria-labelledby="mx_tabpanel_GENERAL_label"
+        aria-selected="true"
+        class="mx_AccessibleButton mx_TabbedView_tabLabel mx_TabbedView_tabLabel_active"
+        data-testid="settings-tab-GENERAL"
+        role="tab"
+        tabindex="0"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12.731 2C13.432 2 14 2.568 14 3.269c0 .578.396 1.074.935 1.286q.128.052.253.106c.531.23 1.162.16 1.572-.25a1.27 1.27 0 0 1 1.794 0l1.034 1.035a1.27 1.27 0 0 1 0 1.794c-.41.41-.48 1.04-.248 1.572l.105.253c.212.539.708.935 1.286.935.701 0 1.269.568 1.269 1.269v1.462c0 .701-.568 1.269-1.269 1.269-.578 0-1.074.396-1.287.935q-.05.128-.104.253c-.232.531-.161 1.162.248 1.572a1.27 1.27 0 0 1 0 1.794l-1.034 1.034a1.27 1.27 0 0 1-1.794 0c-.41-.41-1.04-.48-1.572-.248a8 8 0 0 1-.253.105c-.539.212-.935.708-.935 1.286 0 .701-.568 1.269-1.269 1.269H11.27c-.702 0-1.27-.568-1.27-1.269 0-.578-.396-1.074-.935-1.287a8 8 0 0 1-.253-.104c-.531-.232-1.162-.161-1.572.248a1.27 1.27 0 0 1-1.794 0l-1.034-1.034a1.27 1.27 0 0 1 0-1.794c.41-.41.48-1.04.249-1.572a8 8 0 0 1-.106-.253C4.343 14.396 3.847 14 3.27 14 2.568 14 2 13.432 2 12.731V11.27c0-.702.568-1.27 1.269-1.27.578 0 1.074-.396 1.286-.935q.052-.128.106-.253c.23-.531.16-1.162-.25-1.572a1.27 1.27 0 0 1 0-1.794l1.035-1.034a1.27 1.27 0 0 1 1.794 0c.41.41 1.04.48 1.572.249a8 8 0 0 1 .253-.106c.539-.212.935-.708.935-1.286C10 2.568 10.568 2 11.269 2zM12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8"
+          />
+        </svg>
+        <span
+          class="mx_TabbedView_tabLabel_text"
+          id="mx_tabpanel_GENERAL_label"
+        >
+          General
+        </span>
+      </li>
+      <li
+        aria-controls="mx_tabpanel_LABS"
+        aria-labelledby="mx_tabpanel_LABS_label"
+        aria-selected="false"
+        class="mx_AccessibleButton mx_TabbedView_tabLabel"
+        data-testid="settings-tab-LABS"
+        role="tab"
+        tabindex="-1"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 5a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1m-7.071-.071a1 1 0 0 1 1.414 0l.707.707A1 1 0 0 1 5.636 7.05l-.707-.707a1 1 0 0 1 0-1.414"
+          />
+          <path
+            clip-rule="evenodd"
+            d="M15.734 15.325C15.316 15.795 15 16.371 15 17v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2c0-.63-.316-1.205-.734-1.675a5 5 0 1 1 7.468 0m-1.493-1.33a3 3 0 1 0-4.482 0c.433.486.894 1.166 1.112 2.005h2.258c.218-.84.679-1.52 1.112-2.005M13 18h-2v1h2z"
+            fill-rule="evenodd"
+          />
+          <path
+            d="M2 12a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m18-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2zm-3.05-5.364a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0-1.414-1.414z"
+          />
+        </svg>
+        <span
+          class="mx_TabbedView_tabLabel_text"
+          id="mx_tabpanel_LABS_label"
+        >
+          Labs
+        </span>
+      </li>
+      <li
+        aria-controls="mx_tabpanel_APPEARANCE"
+        aria-labelledby="mx_tabpanel_APPEARANCE_label"
+        aria-selected="false"
+        class="mx_AccessibleButton mx_TabbedView_tabLabel"
+        data-testid="settings-tab-APPEARANCE"
+        role="tab"
+        tabindex="-1"
+      >
+        <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>
+        <span
+          class="mx_TabbedView_tabLabel_text"
+          id="mx_tabpanel_APPEARANCE_label"
+        >
+          Appearance
+        </span>
+      </li>
+    </ul>
+    <div
+      aria-labelledby="mx_tabpanel_GENERAL_label"
+      class="mx_TabbedView_tabPanel"
+      id="mx_tabpanel_GENERAL"
+    >
+      <div
+        class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_TabbedView_tabPanelContent"
+        tabindex="-1"
+      >
+        <div>
+          general
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/ThreadPanel-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/ThreadPanel-test.tsx.snap
new file mode 100644
index 00000000000..72f24730eec
--- /dev/null
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/ThreadPanel-test.tsx.snap
@@ -0,0 +1,128 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`ThreadPanel Header expect that All filter for ThreadPanelHeader properly renders Show: All threads 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_ThreadPanelHeader"
+  >
+    <button
+      aria-labelledby="react-use-id-1"
+      class="_icon-button_1215g_8"
+      data-kind="primary"
+      role="button"
+      style="--cpd-icon-button-size: 28px;"
+      tabindex="0"
+    >
+      <div
+        class="_indicator-icon_147l5_17"
+        style="--cpd-icon-button-size: 100%;"
+      >
+        <div
+          height="20"
+          width="20"
+        />
+      </div>
+    </button>
+    <div
+      class="mx_ThreadPanel_vertical_separator"
+    />
+    <div
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="mx_AccessibleButton mx_ThreadPanel_dropdown"
+      role="button"
+      tabindex="0"
+    >
+      Show: All threads
+      <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>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ThreadPanel Header expect that My filter for ThreadPanelHeader properly renders Show: My threads 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_ThreadPanelHeader"
+  >
+    <button
+      aria-labelledby="react-use-id-1"
+      class="_icon-button_1215g_8"
+      data-kind="primary"
+      role="button"
+      style="--cpd-icon-button-size: 28px;"
+      tabindex="0"
+    >
+      <div
+        class="_indicator-icon_147l5_17"
+        style="--cpd-icon-button-size: 100%;"
+      >
+        <div
+          height="20"
+          width="20"
+        />
+      </div>
+    </button>
+    <div
+      class="mx_ThreadPanel_vertical_separator"
+    />
+    <div
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="mx_AccessibleButton mx_ThreadPanel_dropdown"
+      role="button"
+      tabindex="0"
+    >
+      Show: My threads
+      <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>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ThreadPanel Header expect that ThreadPanelHeader has the correct option selected in the context menu 1`] = `
+<div
+  aria-checked="true"
+  class="mx_AccessibleButton mx_ThreadPanel_Header_FilterOptionItem"
+  role="menuitemradio"
+  tabindex="0"
+>
+  <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>
+  <span>
+    All threads
+  </span>
+  <span>
+    Shows all threads from current room
+  </span>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/viewmodels/avatars/RoomAvatarViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/avatars/RoomAvatarViewModel-test.ts
new file mode 100644
index 00000000000..7d2ad7cb854
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/avatars/RoomAvatarViewModel-test.ts
@@ -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 { renderHook, waitFor } from "jest-matrix-react";
+import {
+    JoinRule,
+    type MatrixClient,
+    MatrixEvent,
+    type Room,
+    RoomEvent,
+    RoomMember,
+    User,
+} from "matrix-js-sdk/src/matrix";
+import { act } from "react";
+
+import {
+    AvatarBadgeDecoration,
+    useRoomAvatarViewModel,
+} from "../../../../../src/components/viewmodels/avatars/RoomAvatarViewModel";
+import { createTestClient, mkStubRoom } from "../../../../test-utils";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import * as PresenceIndicatorModule from "../../../../../src/components/views/avatars/WithPresenceIndicator";
+import { DefaultTagID } from "../../../../../src/stores/room-list-v3/skip-list/tag";
+
+jest.mock("../../../../../src/utils/room/getJoinedNonFunctionalMembers", () => ({
+    getJoinedNonFunctionalMembers: jest.fn().mockReturnValue([]),
+}));
+
+describe("RoomAvatarViewModel", () => {
+    let matrixClient: MatrixClient;
+    let room: Room;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+        room = mkStubRoom("roomId", "roomName", matrixClient);
+
+        DMRoomMap.makeShared(matrixClient);
+        jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(undefined);
+
+        jest.spyOn(PresenceIndicatorModule, "useDmMember").mockReturnValue(null);
+        jest.spyOn(PresenceIndicatorModule, "usePresence").mockReturnValue(null);
+    });
+
+    it("should have badgeDecoration set to LowPriority", () => {
+        room.tags[DefaultTagID.LowPriority] = {};
+        const { result: vm } = renderHook(() => useRoomAvatarViewModel(room));
+        expect(vm.current.badgeDecoration).toBe(AvatarBadgeDecoration.LowPriority);
+    });
+
+    it("should have badgeDecoration set to VideoRoom", () => {
+        jest.spyOn(room, "isCallRoom").mockReturnValue(true);
+        const { result: vm } = renderHook(() => useRoomAvatarViewModel(room));
+        expect(vm.current.badgeDecoration).toBe(AvatarBadgeDecoration.VideoRoom);
+    });
+
+    it("should have badgeDecoration set to PublicRoom", () => {
+        jest.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Public);
+        const { result: vm } = renderHook(() => useRoomAvatarViewModel(room));
+        expect(vm.current.badgeDecoration).toBe(AvatarBadgeDecoration.PublicRoom);
+    });
+
+    it("should set badgeDecoration based on priority", () => {
+        // 1. Presence has the least priority
+        const user = User.createUser("userId", matrixClient);
+        const roomMember = new RoomMember(room.roomId, "userId");
+        roomMember.user = user;
+        jest.spyOn(PresenceIndicatorModule, "useDmMember").mockReturnValue(roomMember);
+        jest.spyOn(PresenceIndicatorModule, "usePresence").mockReturnValue(PresenceIndicatorModule.Presence.Online);
+
+        const { result: vm1 } = renderHook(() => useRoomAvatarViewModel(room));
+        expect(vm1.current.badgeDecoration).toBe(AvatarBadgeDecoration.Presence);
+
+        // 2. With presence and public room, presence takes precedence
+        jest.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Public);
+        // Render again, it's easier than mocking the event emitter.
+        const { result: vm, rerender } = renderHook(() => useRoomAvatarViewModel(room));
+        expect(vm.current.badgeDecoration).toBe(AvatarBadgeDecoration.PublicRoom);
+
+        // 3. With presence, public-room and video room, video room takes precedence
+        jest.spyOn(room, "isCallRoom").mockReturnValue(true);
+        rerender(room);
+        expect(vm.current.badgeDecoration).toBe(AvatarBadgeDecoration.VideoRoom);
+
+        // 4. With presence, public room, video room and low priority, low priority takes precedence
+        room.tags[DefaultTagID.LowPriority] = {};
+        act(() => room.emit(RoomEvent.Tags, new MatrixEvent(), room));
+        rerender(room);
+        expect(vm.current.badgeDecoration).toBe(AvatarBadgeDecoration.LowPriority);
+    });
+
+    it("should recompute isPublic when room changed", async () => {
+        const { result: vm, rerender } = renderHook((props) => useRoomAvatarViewModel(props), { initialProps: room });
+        expect(vm.current.badgeDecoration).not.toBe(AvatarBadgeDecoration.PublicRoom);
+
+        const publicRoom = mkStubRoom("roomId2", "roomName2", matrixClient);
+        jest.spyOn(publicRoom, "getJoinRule").mockReturnValue(JoinRule.Public);
+        rerender(publicRoom);
+
+        await waitFor(() => expect(vm.current.badgeDecoration).toBe(AvatarBadgeDecoration.PublicRoom));
+    });
+
+    it("should return presence", async () => {
+        const user = User.createUser("userId", matrixClient);
+        const roomMember = new RoomMember(room.roomId, "userId");
+        roomMember.user = user;
+        jest.spyOn(PresenceIndicatorModule, "useDmMember").mockReturnValue(roomMember);
+        jest.spyOn(PresenceIndicatorModule, "usePresence").mockReturnValue(PresenceIndicatorModule.Presence.Online);
+
+        const { result: vm } = renderHook(() => useRoomAvatarViewModel(room));
+        expect(vm.current.presence).toBe(PresenceIndicatorModule.Presence.Online);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/message-body/RedactedBodyViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/message-body/RedactedBodyViewModel-test.ts
new file mode 100644
index 00000000000..c6d517e3b31
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/message-body/RedactedBodyViewModel-test.ts
@@ -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 { RedactedBodyViewModel } from "../../../../../src/viewmodels/message-body/RedactedBodyViewModel";
+
+describe("RedactedBodyViewModel", () => {
+    it("exposes the supplied render snapshot", () => {
+        const props = {
+            text: "Message deleted",
+            tooltip: "Deleted yesterday",
+        };
+        const vm = new RedactedBodyViewModel(props);
+
+        expect(vm.getSnapshot()).toEqual(props);
+    });
+
+    it("updates the render snapshot when props change", () => {
+        const vm = new RedactedBodyViewModel({ text: "Message deleted" });
+
+        vm.setProps({ text: "Message deleted by Alice", tooltip: "Deleted yesterday" });
+
+        expect(vm.getSnapshot()).toEqual({
+            text: "Message deleted by Alice",
+            tooltip: "Deleted yesterday",
+        });
+    });
+
+    it("does not notify for unchanged props", () => {
+        const props = { text: "Message deleted" };
+        const vm = new RedactedBodyViewModel(props);
+        const listener = jest.fn();
+
+        vm.subscribe(listener);
+        vm.setProps(props);
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/right_panel/RoomSummaryCardTopicViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/right_panel/RoomSummaryCardTopicViewModel-test.ts
new file mode 100644
index 00000000000..b1db7bcb19b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/right_panel/RoomSummaryCardTopicViewModel-test.ts
@@ -0,0 +1,91 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { renderHook } from "jest-matrix-react";
+import { act, type SyntheticEvent } from "react";
+
+import { useRoomTopicViewModel } from "../../../../../src/components/viewmodels/right_panel/RoomSummaryCardTopicViewModel";
+import { createTestClient, mkStubRoom } from "../../../../test-utils";
+import defaultDispatcher from "../../../../../src/dispatcher/dispatcher";
+import { onRoomTopicLinkClick } from "../../../../../src/components/views/elements/RoomTopic";
+
+jest.mock("../../../../../src/components/views/elements/RoomTopic");
+
+describe("RoomSummaryCardTopicViewModel", () => {
+    const client = createTestClient();
+    const mockRoom = mkStubRoom("!room:example.com", "Test Room", client);
+    const mockUserId = "@user:example.com";
+    const mockEvent = { preventDefault: jest.fn(), stopPropagation: jest.fn() } as unknown as SyntheticEvent;
+
+    beforeEach(() => {
+        // Mock room client's getSafeUserId
+        mockRoom.client.getSafeUserId = jest.fn().mockReturnValue(mockUserId);
+        jest.spyOn(defaultDispatcher, "dispatch");
+
+        (onRoomTopicLinkClick as jest.Mock).mockReset();
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    function render() {
+        return renderHook(() => useRoomTopicViewModel(mockRoom));
+    }
+
+    it("should initialize with expanded state", () => {
+        const { result } = render();
+        expect(result.current.expanded).toBe(true);
+    });
+
+    it("should toggle expanded state on click", async () => {
+        const { result } = render();
+
+        await act(() => {
+            result.current.onExpandedClick(mockEvent);
+        });
+
+        expect(result.current.expanded).toBe(false);
+    });
+
+    it("should handle edit click", () => {
+        const { result } = render();
+        result.current.onEditClick(mockEvent);
+        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({ action: "open_room_settings" });
+    });
+
+    it("should handle topic link clicks when the target is an anchor element", () => {
+        const { result } = render();
+        const mockAnchorEvent = { target: document.createElement("a") } as unknown as React.MouseEvent<HTMLElement>;
+
+        result.current.onTopicLinkClick(mockAnchorEvent);
+        expect(onRoomTopicLinkClick).toHaveBeenCalledWith(mockAnchorEvent);
+    });
+
+    it("should handle topic link clicks when the target is not an anchor element", () => {
+        const { result } = render();
+        const mockNonAnchorEvent = {
+            target: document.createElement("div"),
+        } as unknown as React.MouseEvent<HTMLElement>;
+
+        result.current.onTopicLinkClick(mockNonAnchorEvent);
+        expect(onRoomTopicLinkClick).not.toHaveBeenCalled();
+    });
+
+    describe("Topic editing permissions", () => {
+        it("should allow editing when user has permission", () => {
+            mockRoom.currentState.maySendStateEvent = jest.fn().mockReturnValue(true);
+            const { result } = render();
+            expect(result.current.canEditTopic).toBe(true);
+        });
+
+        it("should not allow editing when user lacks permission", () => {
+            mockRoom.currentState.maySendStateEvent = jest.fn().mockReturnValue(false);
+            const { result } = render();
+            expect(result.current.canEditTopic).toBe(false);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/right_panel/RoomSummaryCardViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/right_panel/RoomSummaryCardViewModel-test.ts
new file mode 100644
index 00000000000..193dab7d0b2
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/right_panel/RoomSummaryCardViewModel-test.ts
@@ -0,0 +1,265 @@
+/*
+ * 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 { act, renderHook, waitFor } from "jest-matrix-react";
+import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+
+import { useRoomSummaryCardViewModel } from "../../../../../src/components/viewmodels/right_panel/RoomSummaryCardViewModel";
+import { mkStubRoom, stubClient, withClientContextRenderOptions } from "../../../../test-utils";
+import defaultDispatcher from "../../../../../src/dispatcher/dispatcher";
+import { DefaultTagID } from "../../../../../src/stores/room-list-v3/skip-list/tag";
+import RightPanelStore from "../../../../../src/stores/right-panel/RightPanelStore";
+import { RightPanelPhases } from "../../../../../src/stores/right-panel/RightPanelStorePhases";
+import Modal from "../../../../../src/Modal";
+import { ShareDialog } from "../../../../../src/components/views/dialogs/ShareDialog";
+import ExportDialog from "../../../../../src/components/views/dialogs/ExportDialog";
+import { PollHistoryDialog } from "../../../../../src/components/views/dialogs/PollHistoryDialog";
+import { ReportRoomDialog } from "../../../../../src/components/views/dialogs/ReportRoomDialog";
+import { inviteToRoom } from "../../../../../src/utils/room/inviteToRoom";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import * as hooks from "../../../../../src/hooks/useAccountData";
+import * as getTagsForRoomUtils from "../../../../../src/utils/room/getTagsForRoom";
+
+jest.mock("../../../../../src/utils/room/inviteToRoom", () => ({
+    inviteToRoom: jest.fn(),
+}));
+
+describe("useRoomSummaryCardViewModel", () => {
+    let matrixClient: MatrixClient;
+    let room: Room;
+    let permalinkCreator: any;
+    const onSearchCancel = jest.fn();
+
+    beforeEach(() => {
+        matrixClient = stubClient();
+        room = mkStubRoom("roomId", "roomName", matrixClient);
+        permalinkCreator = {};
+
+        DMRoomMap.setShared({
+            getUserIdForRoomId: jest.fn(),
+        } as unknown as DMRoomMap);
+
+        jest.spyOn(getTagsForRoomUtils, "getTagsForRoom").mockReturnValue([]);
+    });
+
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+
+    function render() {
+        return renderHook(
+            () => useRoomSummaryCardViewModel(room, permalinkCreator, onSearchCancel),
+            withClientContextRenderOptions(matrixClient),
+        );
+    }
+
+    it("should return correct initial state", () => {
+        const { result } = render();
+
+        expect(result.current.isDirectMessage).toBe(false);
+        expect(result.current.isRoomEncrypted).toBe(false);
+        expect(result.current.isVideoRoom).toBe(false);
+        expect(result.current.isFavorite).toBe(false);
+        expect(result.current.pinCount).toBe(0);
+        expect(result.current.searchInputRef.current).toBe(null);
+    });
+
+    it("should handle room members click", () => {
+        const spy = jest.spyOn(RightPanelStore.instance, "pushCard");
+        const { result } = render();
+
+        result.current.onRoomMembersClick();
+        expect(spy).toHaveBeenCalledWith({ phase: RightPanelPhases.MemberList }, true);
+    });
+
+    it("should handle room settings click", () => {
+        const spy = jest.spyOn(defaultDispatcher, "dispatch");
+        const { result } = render();
+
+        result.current.onRoomSettingsClick(new Event("click"));
+        expect(spy).toHaveBeenCalledWith({ action: "open_room_settings" });
+    });
+
+    it("should handle leave room click", () => {
+        const spy = jest.spyOn(defaultDispatcher, "dispatch");
+        const { result } = render();
+
+        result.current.onLeaveRoomClick();
+        expect(spy).toHaveBeenCalledWith({
+            action: "leave_room",
+            room_id: room.roomId,
+        });
+    });
+
+    it("should handle room threads click", () => {
+        const spy = jest.spyOn(RightPanelStore.instance, "pushCard");
+        const { result } = render();
+
+        result.current.onRoomThreadsClick();
+        expect(spy).toHaveBeenCalledWith({ phase: RightPanelPhases.ThreadPanel }, true);
+    });
+
+    it("should handle room files click", () => {
+        const spy = jest.spyOn(RightPanelStore.instance, "pushCard");
+        const { result } = render();
+
+        result.current.onRoomFilesClick();
+        expect(spy).toHaveBeenCalledWith({ phase: RightPanelPhases.FilePanel }, true);
+    });
+
+    it("should handle room extensions click", () => {
+        const spy = jest.spyOn(RightPanelStore.instance, "pushCard");
+        const { result } = render();
+
+        result.current.onRoomExtensionsClick();
+        expect(spy).toHaveBeenCalledWith({ phase: RightPanelPhases.Extensions }, true);
+    });
+
+    it("should handle room pins click", () => {
+        const spy = jest.spyOn(RightPanelStore.instance, "pushCard");
+        const { result } = render();
+
+        result.current.onRoomPinsClick();
+        expect(spy).toHaveBeenCalledWith({ phase: RightPanelPhases.PinnedMessages }, true);
+    });
+
+    it("should handle room invite click", () => {
+        const { result } = render();
+
+        result.current.onInviteToRoomClick();
+        expect(inviteToRoom).toHaveBeenCalledWith(room);
+    });
+
+    describe("action that trigger a dialog", () => {
+        let createDialogSpy: jest.SpyInstance;
+
+        beforeEach(() => {
+            createDialogSpy = jest.spyOn(Modal, "createDialog").mockImplementation(() => ({
+                finished: Promise.resolve([false]),
+                close: jest.fn(),
+            }));
+        });
+
+        afterEach(() => {
+            createDialogSpy.mockRestore();
+        });
+
+        it("should handle room export click", async () => {
+            const { result } = render();
+
+            await act(async () => {
+                await result.current.onRoomExportClick();
+            });
+            expect(createDialogSpy).toHaveBeenCalledWith(ExportDialog, { room });
+        });
+
+        it("should handle room poll history click", async () => {
+            const { result } = render();
+
+            await act(async () => {
+                await result.current.onRoomPollHistoryClick();
+            });
+            expect(createDialogSpy).toHaveBeenCalledWith(PollHistoryDialog, {
+                room,
+                matrixClient,
+                permalinkCreator,
+            });
+        });
+
+        it("should handle room report click", async () => {
+            const { result } = render();
+
+            await act(async () => {
+                await result.current.onReportRoomClick();
+            });
+
+            expect(createDialogSpy).toHaveBeenCalledWith(ReportRoomDialog, { roomId: room.roomId });
+        });
+
+        it("should handle share room click", async () => {
+            const { result } = render();
+
+            await act(async () => {
+                await result.current.onShareRoomClick();
+            });
+
+            expect(createDialogSpy).toHaveBeenCalledWith(ShareDialog, {
+                target: room,
+            });
+        });
+    });
+
+    describe("favorite room state", () => {
+        it("should identify favorite rooms", () => {
+            jest.spyOn(getTagsForRoomUtils, "getTagsForRoom").mockReturnValue([DefaultTagID.Favourite]);
+            const { result } = render();
+
+            expect(result.current.isFavorite).toBe(true);
+        });
+
+        it("should identify non-favorite rooms", () => {
+            jest.spyOn(getTagsForRoomUtils, "getTagsForRoom").mockReturnValue([]);
+            const { result } = render();
+
+            expect(result.current.isFavorite).toBe(false);
+        });
+    });
+
+    describe("direct message state", () => {
+        it("should identify direct message rooms", async () => {
+            // Mock the direct rooms account data
+            const directRoomsList = {
+                "@user:domain.com": [room.roomId],
+            };
+            // Mock the useAccountData hook result
+            jest.spyOn(hooks, "useAccountData").mockReturnValue(directRoomsList);
+
+            const { result } = render();
+
+            await waitFor(() => {
+                expect(result.current.isDirectMessage).toBe(true);
+            });
+        });
+
+        it("should identify non-direct message rooms", async () => {
+            // Mock the direct rooms account data
+            const directRoomsList = {};
+            // Mock the useAccountData hook result
+            jest.spyOn(hooks, "useAccountData").mockReturnValue(directRoomsList);
+
+            const { result } = render();
+
+            await waitFor(() => {
+                expect(result.current.isDirectMessage).toBe(false);
+            });
+        });
+    });
+
+    describe("search input", () => {
+        it("should handle search input escape key", () => {
+            const directRoomsList = {};
+            jest.spyOn(hooks, "useAccountData").mockReturnValue(directRoomsList);
+            const { result } = render();
+            // Create a mock input element and set it as the current ref value
+            const mockInputElement = document.createElement("input");
+            mockInputElement.value = "some search text";
+
+            result.current.searchInputRef.current = mockInputElement;
+
+            const event = {
+                key: "Escape",
+                preventDefault: jest.fn(),
+                stopPropagation: jest.fn(),
+            };
+
+            result.current.onUpdateSearchInput(event as any);
+
+            expect(onSearchCancel).toHaveBeenCalled();
+            expect(mockInputElement?.value).toBe("");
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoBasicOptionsViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoBasicOptionsViewModel-test.ts
new file mode 100644
index 00000000000..d3f731e20c6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoBasicOptionsViewModel-test.ts
@@ -0,0 +1,220 @@
+/*
+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 {
+    EventType,
+    KnownMembership,
+    type MatrixClient,
+    MatrixEvent,
+    type Room,
+    RoomMember,
+    type User,
+} from "matrix-js-sdk/src/matrix";
+import { renderHook, waitFor } from "jest-matrix-react";
+
+import { Action } from "../../../../../../src/dispatcher/actions";
+import Modal from "../../../../../../src/Modal";
+import MultiInviter from "../../../../../../src/utils/MultiInviter";
+import { createTestClient, mkRoom, withClientContextRenderOptions } from "../../../../../test-utils";
+import dis from "../../../../../../src/dispatcher/dispatcher";
+import { useUserInfoBasicOptionsViewModel } from "../../../../../../src/components/viewmodels/right_panel/user_info/UserInfoBasicOptionsViewModel";
+import DMRoomMap from "../../../../../../src/utils/DMRoomMap";
+import ErrorDialog from "../../../../../../src/components/views/dialogs/ErrorDialog";
+
+jest.mock("../../../../../../src/dispatcher/dispatcher");
+
+describe("<UserOptionsSection />", () => {
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+    const meUserId = "@me:example.com";
+
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+    let defaultProps: { room: Room; member: User | RoomMember };
+    let mockClient: MatrixClient;
+    let room: Room;
+
+    beforeEach(() => {
+        mockClient = createTestClient();
+        room = mkRoom(mockClient, defaultRoomId);
+        defaultProps = {
+            member: defaultMember,
+            room,
+        };
+        DMRoomMap.makeShared(mockClient);
+    });
+
+    const renderUserInfoBasicOptionsViewModelHook = (
+        props: {
+            member: User | RoomMember;
+            room: Room;
+        } = defaultProps,
+    ) => {
+        return renderHook(
+            () => useUserInfoBasicOptionsViewModel(props.room, props.member),
+            withClientContextRenderOptions(mockClient),
+        );
+    };
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        // Mock the current user account id. Which is different to the defaultMember which is the selected one
+        // When we want to mock the current user, needs to override this value
+        jest.spyOn(mockClient, "getUserId").mockReturnValue(meUserId);
+        jest.spyOn(mockClient, "getRoom").mockReturnValue(room);
+    });
+
+    it("should showInviteButton if current user can invite and selected user membership is LEAVE", () => {
+        // cant use mkRoomMember because instanceof check will failed in this case
+        const member: RoomMember = new RoomMember(defaultMember.userId, defaultMember.roomId);
+        const me: RoomMember = new RoomMember(meUserId, defaultMember.roomId);
+
+        console.log("member instanceof RoomMember", member instanceof RoomMember);
+
+        member.powerLevel = 1;
+        member.membership = KnownMembership.Leave;
+        me.powerLevel = 50;
+        me.membership = KnownMembership.Join;
+        const powerLevelEvents = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            content: {
+                invite: 50,
+                state_default: 0,
+            },
+        });
+        jest.spyOn(room.currentState, "getStateEvents").mockReturnValue(powerLevelEvents);
+        // used to get the current me user
+        jest.spyOn(room, "getMember").mockReturnValue(me);
+        const { result } = renderUserInfoBasicOptionsViewModelHook({ ...defaultProps, member });
+
+        expect(result.current.showInviteButton).toBeTruthy();
+    });
+
+    it("should not showInviteButton if current cannot invite", () => {
+        const member: RoomMember = new RoomMember(defaultMember.userId, defaultMember.roomId);
+        const me: RoomMember = new RoomMember(meUserId, defaultMember.roomId);
+        member.powerLevel = 50;
+        member.membership = KnownMembership.Leave;
+        me.powerLevel = 0;
+        me.membership = KnownMembership.Join;
+        const powerLevelEvents = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            content: {
+                invite: 50,
+                state_default: 0,
+            },
+        });
+        jest.spyOn(room.currentState, "getStateEvents").mockReturnValue(powerLevelEvents);
+        // used to get the current me user
+        jest.spyOn(room, "getMember").mockReturnValue(me);
+        const { result } = renderUserInfoBasicOptionsViewModelHook({ ...defaultProps, member });
+
+        expect(result.current.showInviteButton).toBeFalsy();
+    });
+
+    it("should not showInviteButton if selected user membership is not LEAVE", () => {
+        const member: RoomMember = new RoomMember(defaultMember.userId, defaultMember.roomId);
+        const me: RoomMember = new RoomMember(meUserId, defaultMember.roomId);
+        member.powerLevel = 50;
+        member.membership = KnownMembership.Join;
+        me.powerLevel = 50;
+        me.membership = KnownMembership.Join;
+        const powerLevelEvents = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            content: {
+                invite: 50,
+                state_default: 0,
+            },
+        });
+        jest.spyOn(room.currentState, "getStateEvents").mockReturnValue(powerLevelEvents);
+        jest.spyOn(room, "getMember").mockReturnValue(me);
+        const { result } = renderUserInfoBasicOptionsViewModelHook({ ...defaultProps, member });
+
+        expect(result.current.showInviteButton).toBeFalsy();
+    });
+
+    it("should showInsertPillButton if room is not a space", () => {
+        jest.spyOn(room, "isSpaceRoom").mockReturnValue(false);
+        const { result } = renderUserInfoBasicOptionsViewModelHook();
+        expect(result.current.showInsertPillButton).toBeTruthy();
+    });
+
+    it("should not showInsertPillButton if room is a space", () => {
+        jest.spyOn(room, "isSpaceRoom").mockReturnValue(true);
+        const { result } = renderUserInfoBasicOptionsViewModelHook();
+        expect(result.current.showInsertPillButton).toBeFalsy();
+    });
+
+    it("should readReceiptButtonDisabled be true if all messages where read", () => {
+        jest.spyOn(room, "getEventReadUpTo").mockReturnValue(null);
+        const { result } = renderUserInfoBasicOptionsViewModelHook();
+        expect(result.current.readReceiptButtonDisabled).toBeTruthy();
+    });
+
+    it("should readReceiptButtonDisabled be false if some messages are available", () => {
+        jest.spyOn(room, "getEventReadUpTo").mockReturnValue("aneventId");
+        const { result } = renderUserInfoBasicOptionsViewModelHook();
+        expect(result.current.readReceiptButtonDisabled).toBeFalsy();
+    });
+
+    it("should readReceiptButtonDisabled be true if room is a space", () => {
+        jest.spyOn(room, "getEventReadUpTo").mockReturnValue("aneventId");
+        jest.spyOn(room, "isSpaceRoom").mockReturnValue(true);
+        const { result } = renderUserInfoBasicOptionsViewModelHook();
+        expect(result.current.readReceiptButtonDisabled).toBeTruthy();
+    });
+
+    it("firing onReadReceiptButton calls dispatch with correct event_id", () => {
+        const eventId = "aneventId";
+        jest.spyOn(room, "getEventReadUpTo").mockReturnValue(eventId);
+        jest.spyOn(room, "isSpaceRoom").mockReturnValue(false);
+        const { result } = renderUserInfoBasicOptionsViewModelHook();
+
+        result.current.onReadReceiptButton();
+
+        expect(dis.dispatch).toHaveBeenCalledWith({
+            action: "view_room",
+            event_id: eventId,
+            highlighted: true,
+            metricsTrigger: undefined,
+            room_id: defaultRoomId,
+        });
+    });
+
+    it("calling onInsertPillButton should calls dispatch", () => {
+        const { result } = renderUserInfoBasicOptionsViewModelHook();
+
+        result.current.onInsertPillButton();
+
+        expect(dis.dispatch).toHaveBeenCalledWith({
+            action: Action.ComposerInsert,
+            userId: defaultMember.userId,
+            timelineRenderingType: "Room",
+        });
+    });
+
+    it("calling onInviteUserButton will call MultiInviter.invite", async () => {
+        // to save mocking, we will reject the call to .invite
+        const mockErrorMessage = new Error("test error message");
+        const spy = jest.spyOn(MultiInviter.prototype, "invite");
+        spy.mockRejectedValue(mockErrorMessage);
+        jest.spyOn(Modal, "createDialog");
+
+        const { result } = renderUserInfoBasicOptionsViewModelHook();
+        result.current.onInviteUserButton("roomId", new Event("click"));
+
+        // check that we have called .invite
+        expect(spy).toHaveBeenCalledWith([defaultMember.userId]);
+
+        await waitFor(() => {
+            // check that the test error message is displayed
+            expect(Modal.createDialog).toHaveBeenCalledWith(ErrorDialog, {
+                description: "test error message",
+                title: "Failed to invite",
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoBasicViewModel-test.tsx b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoBasicViewModel-test.tsx
new file mode 100644
index 00000000000..3cac14a660f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoBasicViewModel-test.tsx
@@ -0,0 +1,149 @@
+/*
+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 { EventType, type MatrixClient, MatrixEvent, type Room, RoomMember, type User } from "matrix-js-sdk/src/matrix";
+import { renderHook, waitFor } from "jest-matrix-react";
+
+import { createTestClient, mkRoom, withClientContextRenderOptions } from "../../../../../test-utils";
+import { useUserInfoBasicViewModel } from "../../../../../../src/components/viewmodels/right_panel/user_info/UserInfoBasicViewModel";
+import DMRoomMap from "../../../../../../src/utils/DMRoomMap";
+import Modal from "../../../../../../src/Modal";
+import QuestionDialog from "../../../../../../src/components/views/dialogs/QuestionDialog";
+
+jest.mock("../../../../../../src/customisations/UserIdentifier", () => {
+    return {
+        getDisplayUserIdentifier: jest.fn().mockReturnValue("customUserIdentifier"),
+    };
+});
+
+describe("useUserInfoHeaderViewModel", () => {
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+    let mockClient: MatrixClient;
+
+    let defaultProps: {
+        member: User | RoomMember;
+        room: Room;
+    };
+
+    let room: Room;
+
+    beforeEach(() => {
+        mockClient = createTestClient();
+        mockClient.isSynapseAdministrator = jest.fn().mockResolvedValue(true);
+        mockClient.deactivateSynapseUser = jest.fn().mockResolvedValue({
+            id_server_unbind_result: "success",
+        });
+
+        room = mkRoom(mockClient, defaultRoomId);
+        defaultProps = {
+            member: defaultMember,
+            room,
+        };
+        DMRoomMap.makeShared(mockClient);
+        jest.spyOn(mockClient, "getRoom").mockReturnValue(room);
+    });
+
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+
+    const renderUserInfoBasicViewModelHook = (
+        props: {
+            member: User | RoomMember;
+            room: Room;
+        } = defaultProps,
+    ) => {
+        return renderHook(
+            () => useUserInfoBasicViewModel(props.room, props.member),
+            withClientContextRenderOptions(mockClient),
+        );
+    };
+
+    it("should set showDeactivateButton value to true", async () => {
+        jest.spyOn(mockClient, "getDomain").mockReturnValue("example.com");
+        const { result } = renderUserInfoBasicViewModelHook();
+        // checking the synpase admin is an async operation, that is why we wait for it
+        await waitFor(() => {
+            expect(result.current.showDeactivateButton).toBe(true);
+        });
+    });
+
+    it("should set showDeactivateButton value to false because domain is not the same", async () => {
+        jest.spyOn(mockClient, "getDomain").mockReturnValue("toto.com");
+        const { result } = renderUserInfoBasicViewModelHook();
+
+        await waitFor(() => {
+            expect(result.current.showDeactivateButton).toBe(false);
+        });
+    });
+
+    it("should give powerlevels values", () => {
+        const powerLevelEvents = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            content: {
+                invite: 1,
+                state_default: 1,
+            },
+        });
+        jest.spyOn(room.currentState, "getStateEvents").mockReturnValue(powerLevelEvents);
+        const { result } = renderUserInfoBasicViewModelHook();
+        expect(result.current.powerLevels).toStrictEqual({
+            invite: 1,
+            state_default: 1,
+        });
+    });
+
+    it("should set isRoomDMForMember to true if found in dmroommap", () => {
+        jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue("id");
+        const { result } = renderUserInfoBasicViewModelHook();
+        expect(result.current.isRoomDMForMember).toBeTruthy();
+    });
+
+    it("should set isRoomDMForMember to false if not found in dmroommap", () => {
+        jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(undefined);
+        const { result } = renderUserInfoBasicViewModelHook();
+        expect(result.current.isRoomDMForMember).toBeFalsy();
+    });
+
+    it("should display modal and call deactivateSynapseUser when calling onSynapaseDeactivate", async () => {
+        const powerLevelEvents = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            content: {
+                invite: 1,
+                state_default: 1,
+            },
+        });
+        jest.spyOn(room.currentState, "getStateEvents").mockReturnValue(powerLevelEvents);
+        jest.spyOn(Modal, "createDialog").mockReturnValue({
+            finished: Promise.resolve([true, true, false]),
+            close: jest.fn(),
+        });
+
+        const { result } = renderUserInfoBasicViewModelHook();
+
+        await waitFor(() => result.current.onSynapseDeactivate());
+
+        await waitFor(() => {
+            expect(Modal.createDialog).toHaveBeenLastCalledWith(QuestionDialog, {
+                button: "Deactivate user",
+                danger: true,
+                description: (
+                    <div>
+                        Deactivating this user will remove their devices and prevent them from logging back in.
+                        Additionally, they will leave all the rooms they are in. This action cannot be reversed. Are you
+                        sure you want to deactivate this user?
+                    </div>
+                ),
+                title: "Deactivate user?",
+            });
+        });
+        expect(mockClient.deactivateSynapseUser).toHaveBeenCalledWith(defaultMember.userId);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoHeaderVerificationViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoHeaderVerificationViewModel-test.ts
new file mode 100644
index 00000000000..9fbae906f21
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoHeaderVerificationViewModel-test.ts
@@ -0,0 +1,199 @@
+/*
+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 { Device, type MatrixClient, RoomMember } from "matrix-js-sdk/src/matrix";
+import { type Mocked } from "jest-mock";
+import { UserVerificationStatus, type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+import { renderHook, waitFor } from "jest-matrix-react";
+
+import { clientAndSDKContextRenderOptions, createTestClient } from "../../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../../src/MatrixClientPeg";
+import { useUserInfoVerificationViewModel } from "../../../../../../src/components/viewmodels/right_panel/user_info/UserInfoHeaderVerificationViewModel";
+import { TestSDKContext } from "../../../../TestSDKContext.ts";
+
+describe("useUserInfoVerificationHeaderViewModel", () => {
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+
+    const defaultProps = {
+        devices: [] as Device[],
+        member: defaultMember,
+    };
+    let mockClient: MatrixClient;
+    let mockCrypto: Mocked<CryptoApi>;
+    let sdkContext: TestSDKContext;
+
+    beforeEach(() => {
+        mockCrypto = {
+            bootstrapSecretStorage: jest.fn(),
+            bootstrapCrossSigning: jest.fn(),
+            getCrossSigningKeyId: jest.fn(),
+            getVerificationRequestsToDeviceInProgress: jest.fn().mockReturnValue([]),
+            getUserDeviceInfo: jest.fn(),
+            getDeviceVerificationStatus: jest.fn(),
+            getUserVerificationStatus: jest.fn(),
+            isDehydrationSupported: jest.fn().mockResolvedValue(false),
+            startDehydration: jest.fn(),
+            getKeyBackupInfo: jest.fn().mockResolvedValue(null),
+            userHasCrossSigningKeys: jest.fn().mockResolvedValue(false),
+        } as unknown as Mocked<CryptoApi>;
+
+        mockClient = createTestClient();
+        sdkContext = new TestSDKContext();
+        sdkContext._client = mockClient;
+
+        jest.spyOn(mockClient, "doesServerSupportUnstableFeature").mockResolvedValue(true);
+        jest.spyOn(mockClient.secretStorage, "hasKey").mockResolvedValue(true);
+        jest.spyOn(mockClient, "getCrypto").mockReturnValue(mockCrypto);
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    const renderUserInfoHeaderVerificationHook = (props = defaultProps) => {
+        return renderHook(
+            () => useUserInfoVerificationViewModel(props.member, props.devices),
+            clientAndSDKContextRenderOptions(mockClient, sdkContext),
+        );
+    };
+
+    it("should be able to verify user", async () => {
+        const notMeId = "@notMe";
+        const notMetMember = new RoomMember(defaultRoomId, notMeId);
+        const device1 = new Device({
+            deviceId: "d1",
+            userId: notMeId,
+            displayName: "my device",
+            algorithms: [],
+            keys: new Map(),
+        });
+
+        // mock the user as not verified
+        jest.spyOn(mockCrypto, "getUserVerificationStatus").mockResolvedValue(
+            new UserVerificationStatus(false, false, false),
+        );
+
+        jest.spyOn(mockClient, "getUserId").mockReturnValue(defaultMember.userId);
+
+        // the selected user is not the default user, so he can make user verification
+        const { result } = renderUserInfoHeaderVerificationHook({ member: notMetMember, devices: [device1] });
+        await waitFor(() => {
+            const canVerify = result.current.canVerify;
+
+            expect(canVerify).toBeTruthy();
+        });
+    });
+
+    it("should not be able to verify user if user is not me", async () => {
+        const device1 = new Device({
+            deviceId: "d1",
+            userId: defaultMember.userId,
+            displayName: "my device",
+            algorithms: [],
+            keys: new Map(),
+        });
+
+        // mock the user as not verified
+        jest.spyOn(mockCrypto, "getUserVerificationStatus").mockResolvedValue(
+            new UserVerificationStatus(false, false, false),
+        );
+
+        jest.spyOn(mockClient, "getUserId").mockReturnValue(defaultMember.userId);
+
+        const { result } = renderUserInfoHeaderVerificationHook({ member: defaultMember, devices: [device1] });
+        await waitFor(() => {
+            const canVerify = result.current.canVerify;
+
+            expect(canVerify).toBeFalsy();
+            // if we cant verify the user the hasCrossSigningKeys value should also be undefined
+            expect(result.current.hasCrossSigningKeys).toBeUndefined();
+        });
+    });
+
+    it("should not be able to verify user if im already verified", async () => {
+        const notMeId = "@notMe";
+        const notMetMember = new RoomMember(defaultRoomId, notMeId);
+        const device1 = new Device({
+            deviceId: "d1",
+            userId: notMeId,
+            displayName: "my device",
+            algorithms: [],
+            keys: new Map(),
+        });
+
+        // mock the user as already verified
+        jest.spyOn(mockCrypto, "getUserVerificationStatus").mockResolvedValue(
+            new UserVerificationStatus(true, true, false),
+        );
+
+        jest.spyOn(mockClient, "getUserId").mockReturnValue(defaultMember.userId);
+
+        // the selected user is not the default user, so he can make user verification
+        const { result } = renderUserInfoHeaderVerificationHook({ member: notMetMember, devices: [device1] });
+        await waitFor(() => {
+            const canVerify = result.current.canVerify;
+
+            expect(canVerify).toBeFalsy();
+            // if we cant verify the user the hasCrossSigningKeys value should also be undefined
+            expect(result.current.hasCrossSigningKeys).toBeUndefined();
+        });
+    });
+
+    it("should not be able to verify user there is no devices", async () => {
+        const notMeId = "@notMe";
+        const notMetMember = new RoomMember(defaultRoomId, notMeId);
+
+        // mock the user as not verified
+        jest.spyOn(mockCrypto, "getUserVerificationStatus").mockResolvedValue(
+            new UserVerificationStatus(false, false, false),
+        );
+
+        jest.spyOn(mockClient, "getUserId").mockReturnValue(defaultMember.userId);
+
+        // the selected user is not the default user, so he can make user verification
+        const { result } = renderUserInfoHeaderVerificationHook({ member: notMetMember, devices: [] });
+        await waitFor(() => {
+            const canVerify = result.current.canVerify;
+
+            expect(canVerify).toBeFalsy();
+            // if we cant verify the user the hasCrossSigningKeys value should also be undefined
+            expect(result.current.hasCrossSigningKeys).toBeUndefined();
+        });
+    });
+
+    it("should get correct hasCrossSigningKeys values", async () => {
+        const notMeId = "@notMe";
+        const notMetMember = new RoomMember(defaultRoomId, notMeId);
+        const device1 = new Device({
+            deviceId: "d1",
+            userId: notMeId,
+            displayName: "my device",
+            algorithms: [],
+            keys: new Map(),
+        });
+
+        // mock the user as not verified
+        jest.spyOn(mockCrypto, "getUserVerificationStatus").mockResolvedValue(
+            new UserVerificationStatus(false, false, false),
+        );
+
+        jest.spyOn(mockClient, "getUserId").mockReturnValue(defaultMember.userId);
+
+        jest.spyOn(mockCrypto, "userHasCrossSigningKeys").mockResolvedValue(true);
+        const { result } = renderUserInfoHeaderVerificationHook({ member: notMetMember, devices: [device1] });
+        await waitFor(() => {
+            const hasCrossSigningKeys = result.current.hasCrossSigningKeys;
+
+            expect(hasCrossSigningKeys).toBeTruthy();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoHeaderViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoHeaderViewModel-test.ts
new file mode 100644
index 00000000000..adab8914359
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoHeaderViewModel-test.ts
@@ -0,0 +1,179 @@
+/*
+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, RoomMember } from "matrix-js-sdk/src/matrix";
+import { mocked, type Mocked } from "jest-mock";
+import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+import { renderHook } from "jest-matrix-react";
+
+import { withClientContextRenderOptions } from "../../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../../src/MatrixClientPeg";
+import { useUserfoHeaderViewModel } from "../../../../../../src/components/viewmodels/right_panel/user_info/UserInfoHeaderViewModel";
+import * as UseTimezone from "../../../../../../src/hooks/useUserTimezone";
+import SdkConfig from "../../../../../../src/SdkConfig";
+import Modal from "../../../../../../src/Modal";
+import ImageView from "../../../../../../src/components/views/elements/ImageView";
+import * as Media from "../../../../../../src/customisations/Media";
+import { type IConfigOptions } from "../../../../../../src/IConfigOptions";
+
+jest.mock("../../../../../../src/customisations/UserIdentifier", () => {
+    return {
+        getDisplayUserIdentifier: jest.fn().mockReturnValue("customUserIdentifier"),
+    };
+});
+
+describe("useUserInfoHeaderViewModel", () => {
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+
+    const defaultProps = {
+        member: defaultMember,
+        roomId: defaultRoomId,
+    };
+
+    let mockClient: Mocked<MatrixClient>;
+    let mockCrypto: Mocked<CryptoApi>;
+
+    const mockAvatarUrl = "mock-avatar-url";
+    const oldGet = SdkConfig.get;
+
+    beforeEach(() => {
+        mockCrypto = mocked({
+            getDeviceVerificationStatus: jest.fn(),
+            getUserDeviceInfo: jest.fn(),
+            userHasCrossSigningKeys: jest.fn().mockResolvedValue(false),
+            getUserVerificationStatus: jest.fn(),
+            isEncryptionEnabledInRoom: jest.fn().mockResolvedValue(false),
+        } as unknown as CryptoApi);
+
+        mockClient = mocked({
+            getUser: jest.fn(),
+            isGuest: jest.fn().mockReturnValue(false),
+            isUserIgnored: jest.fn(),
+            getIgnoredUsers: jest.fn(),
+            setIgnoredUsers: jest.fn(),
+            getUserId: jest.fn(),
+            getSafeUserId: jest.fn(),
+            getDomain: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn(),
+            isSynapseAdministrator: jest.fn().mockResolvedValue(false),
+            doesServerSupportUnstableFeature: jest.fn().mockReturnValue(false),
+            doesServerSupportExtendedProfiles: jest.fn().mockResolvedValue(false),
+            getExtendedProfileProperty: jest.fn().mockRejectedValue(new Error("Not supported")),
+            mxcUrlToHttp: jest.fn().mockReturnValue(mockAvatarUrl),
+            removeListener: jest.fn(),
+            currentState: {
+                on: jest.fn(),
+            },
+            getRoom: jest.fn(),
+            credentials: {},
+            setPowerLevel: jest.fn(),
+            getCrypto: jest.fn().mockReturnValue(mockCrypto),
+            baseUrl: "homeserver.url",
+        } as unknown as MatrixClient);
+
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    const renderUserInfoHeaderViewModelHook = (props = defaultProps) => {
+        return renderHook(() => useUserfoHeaderViewModel(props), withClientContextRenderOptions(mockClient));
+    };
+    it("should give user timezone info", () => {
+        const defaultTZ = { timezone: "FR", friendly: "fr" };
+        jest.spyOn(UseTimezone, "useUserTimezone").mockReturnValue(defaultTZ);
+
+        const { result } = renderUserInfoHeaderViewModelHook();
+        const timezone = result.current.timezoneInfo;
+
+        expect(UseTimezone.useUserTimezone).toHaveBeenCalledWith(mockClient, defaultMember.userId);
+        expect(timezone).toEqual(defaultTZ);
+    });
+
+    it("should give correct showPresence value based on enablePresenceByHsUrl", () => {
+        jest.spyOn(SdkConfig, "get").mockImplementation((key: string) => {
+            if (key === "enable_presence_by_hs_url") {
+                return {
+                    [mockClient.baseUrl]: false,
+                };
+            }
+            return oldGet(key as keyof IConfigOptions);
+        });
+        const { result } = renderUserInfoHeaderViewModelHook();
+        const showPresence = result.current.showPresence;
+        expect(showPresence).toBeFalsy();
+    });
+
+    it("should have default value true for showPresence", () => {
+        jest.spyOn(SdkConfig, "get").mockImplementation(() => false);
+        const { result } = renderUserInfoHeaderViewModelHook();
+        const showPresence = result.current.showPresence;
+        expect(showPresence).toBeTruthy();
+    });
+
+    it("should open image dialog when avatar is clicked", () => {
+        const props = Object.assign({}, defaultProps);
+        const spyModale = jest.spyOn(Modal, "createDialog");
+        const spyMedia = jest.spyOn(Media, "mediaFromMxc");
+        jest.spyOn(props.member, "getMxcAvatarUrl").mockReturnValue(mockAvatarUrl);
+
+        const { result } = renderUserInfoHeaderViewModelHook(props);
+
+        result.current.onMemberAvatarClick();
+
+        expect(spyModale).toHaveBeenCalledWith(
+            ImageView,
+            {
+                src: mockAvatarUrl,
+                name: defaultMember.name,
+            },
+            "mx_Dialog_lightbox",
+            undefined,
+            true,
+        );
+        expect(spyMedia).toHaveBeenCalledWith(mockAvatarUrl);
+    });
+
+    it("should not open image dialog when avatar url is null", () => {
+        const props = Object.assign({}, defaultProps);
+        const spyModale = jest.spyOn(Modal, "createDialog");
+        jest.spyOn(props.member, "getMxcAvatarUrl").mockReturnValue(mockAvatarUrl);
+        jest.spyOn(Media, "mediaFromMxc").mockReturnValue({
+            srcHttp: null,
+            isEncrypted: false,
+            srcMxc: "",
+            thumbnailMxc: undefined,
+            hasThumbnail: false,
+            thumbnailHttp: null,
+            getThumbnailHttp: function (width: number, height: number, mode?: "scale" | "crop"): string | null {
+                throw new Error("Function not implemented.");
+            },
+            getThumbnailOfSourceHttp: function (width: number, height: number, mode?: "scale" | "crop"): string | null {
+                throw new Error("Function not implemented.");
+            },
+            getSquareThumbnailHttp: function (dim: number): string | null {
+                throw new Error("Function not implemented.");
+            },
+            downloadSource: function (): Promise<Response> {
+                throw new Error("Function not implemented.");
+            },
+        });
+
+        const { result } = renderUserInfoHeaderViewModelHook(props);
+
+        result.current.onMemberAvatarClick();
+
+        expect(spyModale).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoPowerLevelsViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoPowerLevelsViewModel-test.ts
new file mode 100644
index 00000000000..d69dc127798
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/UserInfoPowerLevelsViewModel-test.ts
@@ -0,0 +1,222 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { renderHook } from "jest-matrix-react";
+import { type Mocked, mocked } from "jest-mock";
+import { RoomMember, MatrixEvent, type Room, EventType, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "../../../../../../src/MatrixClientPeg";
+import { useUserInfoPowerlevelViewModel } from "../../../../../../src/components/viewmodels/right_panel/UserInfoPowerlevelViewModel";
+import { withClientContextRenderOptions } from "../../../../../test-utils";
+import { type IRoomPermissions } from "../../../../../../src/components/views/right_panel/UserInfo";
+import Modal from "../../../../../../src/Modal";
+import { warnSelfDemote } from "../../../../../../src/components/views/right_panel/UserInfo";
+
+jest.mock("../../../../../../src/Modal", () => ({
+    createDialog: jest.fn(),
+}));
+
+jest.mock("../../../../../../src/components/views/right_panel/UserInfo", () => ({
+    warnSelfDemote: jest.fn(),
+}));
+
+describe("UserInfoAdminPowerlevelViewModel", () => {
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+    const defaultMeId = "@me:example.com";
+    const selfUser = new RoomMember(defaultRoomId, defaultMeId);
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+    const startPowerLevel = 50;
+    const changedPowerLevel = 100;
+
+    let mockClient: Mocked<MatrixClient>;
+    let mockRoom: Mocked<Room>;
+    let defaultProps: {
+        user: RoomMember;
+        room: Room;
+        roomPermissions: IRoomPermissions;
+    };
+
+    beforeEach(() => {
+        defaultProps = {
+            user: defaultMember,
+            room: mockRoom,
+            roomPermissions: {
+                modifyLevelMax: 100,
+                canEdit: false,
+                canInvite: false,
+            },
+        };
+
+        mockRoom = mocked({
+            roomId: defaultRoomId,
+            getType: jest.fn().mockReturnValue(undefined),
+            isSpaceRoom: jest.fn().mockReturnValue(false),
+            getMember: jest.fn().mockReturnValue(undefined),
+            getMxcAvatarUrl: jest.fn().mockReturnValue("mock-avatar-url"),
+            name: "test room",
+            on: jest.fn(),
+            off: jest.fn(),
+            currentState: {
+                getStateEvents: jest.fn(),
+                on: jest.fn(),
+                off: jest.fn(),
+            },
+            getEventReadUpTo: jest.fn(),
+        } as unknown as Room);
+
+        mockClient = mocked({
+            getUser: jest.fn(),
+            isGuest: jest.fn().mockReturnValue(false),
+            isUserIgnored: jest.fn(),
+            getIgnoredUsers: jest.fn(),
+            setIgnoredUsers: jest.fn(),
+            getUserId: jest.fn(),
+            getSafeUserId: jest.fn(),
+            getDomain: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn(),
+            isSynapseAdministrator: jest.fn().mockResolvedValue(false),
+            doesServerSupportUnstableFeature: jest.fn().mockReturnValue(false),
+            doesServerSupportExtendedProfiles: jest.fn().mockResolvedValue(false),
+            getExtendedProfileProperty: jest.fn().mockRejectedValue(new Error("Not supported")),
+            mxcUrlToHttp: jest.fn().mockReturnValue("mock-mxcUrlToHttp"),
+            removeListener: jest.fn(),
+            currentState: {
+                on: jest.fn(),
+            },
+            getRoom: jest.fn(),
+            credentials: {},
+            setPowerLevel: jest.fn().mockResolvedValueOnce({ event_id: "123" }),
+        } as unknown as MatrixClient);
+
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+
+        (Modal.createDialog as jest.Mock).mockImplementation(() => ({
+            finished: Promise.resolve([true]),
+        }));
+        (warnSelfDemote as jest.Mock).mockResolvedValue(true);
+    });
+
+    const renderComponentHook = (props = defaultProps, client = mockClient) => {
+        return renderHook(
+            () => useUserInfoPowerlevelViewModel(props.user, props.room),
+            withClientContextRenderOptions(client),
+        );
+    };
+
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("should give default power level", () => {
+        const defaultPowerLevel = 1;
+        const powerLevelEvent = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            content: { users: { [defaultUserId]: defaultPowerLevel }, users_default: defaultPowerLevel },
+        });
+        mockRoom.currentState.getStateEvents.mockReturnValue(powerLevelEvent);
+
+        const { result } = renderComponentHook({ ...defaultProps, room: mockRoom });
+
+        expect(result.current.powerLevelUsersDefault).toBe(defaultPowerLevel);
+    });
+
+    it("handles successful power level change", async () => {
+        const powerLevelEvent = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            content: { users: { [defaultUserId]: startPowerLevel }, users_default: 1 },
+        });
+        mockRoom.currentState.getStateEvents.mockReturnValue(powerLevelEvent);
+        mockClient.getSafeUserId.mockReturnValueOnce(defaultUserId);
+        mockClient.getUserId.mockReturnValueOnce(defaultUserId);
+
+        const { result } = renderComponentHook({ ...defaultProps, room: mockRoom }, mockClient);
+
+        await result.current.onPowerChange(changedPowerLevel);
+
+        expect(mockClient.setPowerLevel).toHaveBeenCalledTimes(1);
+        expect(mockClient.setPowerLevel).toHaveBeenCalledWith(mockRoom.roomId, defaultMember.userId, changedPowerLevel);
+    });
+
+    it("shows warning when promoting user to higher power level", async () => {
+        const powerLevelEvent = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            content: {
+                users: {
+                    [defaultUserId]: startPowerLevel,
+                    [defaultMeId]: startPowerLevel,
+                },
+                users_default: 1,
+            },
+        });
+        mockRoom.currentState.getStateEvents.mockReturnValue(powerLevelEvent);
+        mockClient.getUserId.mockReturnValue(defaultMeId);
+
+        const { result } = renderComponentHook({ ...defaultProps, room: mockRoom }, mockClient);
+
+        await result.current.onPowerChange(changedPowerLevel);
+
+        expect(Modal.createDialog).toHaveBeenCalled();
+        expect(mockClient.setPowerLevel).toHaveBeenCalled();
+    });
+
+    it("shows warning when self-demoting", async () => {
+        const powerLevelEvent = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            content: {
+                users: { [defaultMeId]: changedPowerLevel },
+                users_default: 1,
+            },
+        });
+        mockRoom.currentState.getStateEvents.mockReturnValue(powerLevelEvent);
+        mockClient.getUserId.mockReturnValue(defaultMeId);
+
+        const { result } = renderComponentHook({ ...defaultProps, room: mockRoom, user: selfUser }, mockClient);
+
+        await result.current.onPowerChange(startPowerLevel);
+
+        expect(warnSelfDemote).toHaveBeenCalled();
+        expect(mockClient.setPowerLevel).toHaveBeenCalled();
+    });
+
+    it("cancels power level change when user declines warning", async () => {
+        (Modal.createDialog as jest.Mock).mockImplementation(() => ({
+            finished: Promise.resolve([false]),
+        }));
+
+        const powerLevelEvent = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            content: {
+                users: {
+                    [defaultUserId]: startPowerLevel,
+                    "@me:example.com": startPowerLevel,
+                },
+                users_default: 1,
+            },
+        });
+        mockRoom.currentState.getStateEvents.mockReturnValue(powerLevelEvent);
+        mockClient.getUserId.mockReturnValue(defaultMeId);
+
+        const { result } = renderComponentHook({ ...defaultProps, room: mockRoom }, mockClient);
+
+        await result.current.onPowerChange(changedPowerLevel);
+
+        expect(Modal.createDialog).toHaveBeenCalled();
+        expect(mockClient.setPowerLevel).not.toHaveBeenCalled();
+    });
+
+    it("handles missing power level event", async () => {
+        mockRoom.currentState.getStateEvents.mockReturnValue(null);
+
+        const { result } = renderComponentHook({ ...defaultProps, room: mockRoom }, mockClient);
+
+        await result.current.onPowerChange(changedPowerLevel);
+
+        expect(mockClient.setPowerLevel).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoAdminToolsContainerViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoAdminToolsContainerViewModel-test.ts
new file mode 100644
index 00000000000..d07bc1ad7aa
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoAdminToolsContainerViewModel-test.ts
@@ -0,0 +1,173 @@
+/*
+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 Mocked, mocked } from "jest-mock";
+import { type Room, type MatrixClient, RoomMember, type IPowerLevelsContent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { MatrixClientPeg } from "../../../../../../../src/MatrixClientPeg";
+import {
+    type RoomAdminToolsContainerProps,
+    useUserInfoAdminToolsContainerViewModel,
+} from "../../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoAdminToolsContainerViewModel";
+import { withClientContextRenderOptions } from "../../../../../../test-utils";
+
+describe("UserInfoAdminToolsContainerViewModel", () => {
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+
+    let mockRoom: Mocked<Room>;
+    let mockClient: Mocked<MatrixClient>;
+    let mockPowerLevels: IPowerLevelsContent;
+
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+
+    let defaultContainerProps: RoomAdminToolsContainerProps;
+
+    beforeEach(() => {
+        mockRoom = mocked({
+            roomId: defaultRoomId,
+            getType: jest.fn().mockReturnValue(undefined),
+            isSpaceRoom: jest.fn().mockReturnValue(false),
+            getMember: jest.fn().mockReturnValue(undefined),
+            getMxcAvatarUrl: jest.fn().mockReturnValue("mock-avatar-url"),
+            name: "test room",
+            on: jest.fn(),
+            off: jest.fn(),
+            currentState: {
+                getStateEvents: jest.fn(),
+                on: jest.fn(),
+                off: jest.fn(),
+            },
+            getEventReadUpTo: jest.fn(),
+        } as unknown as Room);
+
+        mockPowerLevels = {
+            users: {
+                "@currentuser:example.com": 100,
+            },
+            events: {},
+            state_default: 50,
+            ban: 50,
+            kick: 50,
+            redact: 50,
+        };
+
+        defaultContainerProps = {
+            room: mockRoom,
+            member: defaultMember,
+            powerLevels: mockPowerLevels,
+        };
+
+        mockClient = mocked({
+            getUser: jest.fn(),
+            isGuest: jest.fn().mockReturnValue(false),
+            isUserIgnored: jest.fn(),
+            getIgnoredUsers: jest.fn(),
+            setIgnoredUsers: jest.fn(),
+            getUserId: jest.fn().mockReturnValue(defaultUserId),
+            getSafeUserId: jest.fn(),
+            getDomain: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn(),
+            isSynapseAdministrator: jest.fn().mockResolvedValue(false),
+            doesServerSupportUnstableFeature: jest.fn().mockReturnValue(false),
+            doesServerSupportExtendedProfiles: jest.fn().mockResolvedValue(false),
+            getExtendedProfileProperty: jest.fn().mockRejectedValue(new Error("Not supported")),
+            mxcUrlToHttp: jest.fn().mockReturnValue("mock-mxcUrlToHttp"),
+            removeListener: jest.fn(),
+            currentState: {
+                on: jest.fn(),
+            },
+            getRoom: jest.fn(),
+            credentials: {},
+            setPowerLevel: jest.fn(),
+        } as unknown as MatrixClient);
+
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+    });
+
+    const renderAdminToolsContainerHook = (props = defaultContainerProps) => {
+        return renderHook(
+            () => useUserInfoAdminToolsContainerViewModel(props),
+            withClientContextRenderOptions(mockClient),
+        );
+    };
+
+    describe("useUserInfoAdminToolsContainerViewModel", () => {
+        it("should return false when user is not in the room", () => {
+            mockRoom.getMember.mockReturnValue(null);
+            const { result } = renderAdminToolsContainerHook();
+            expect(result.current).toEqual({
+                isCurrentUserInTheRoom: false,
+                shouldShowKickButton: false,
+                shouldShowBanButton: false,
+                shouldShowMuteButton: false,
+                shouldShowRedactButton: false,
+            });
+        });
+
+        it("should not show kick, ban and mute buttons if user is me", () => {
+            const mockMeMember = new RoomMember(mockRoom.roomId, "arbitraryId");
+            mockMeMember.powerLevel = 51; // defaults to 50
+            mockRoom.getMember.mockReturnValueOnce(mockMeMember);
+
+            const props = {
+                ...defaultContainerProps,
+                room: mockRoom,
+                member: mockMeMember,
+                powerLevels: mockPowerLevels,
+            };
+            const { result } = renderAdminToolsContainerHook(props);
+
+            expect(result.current).toEqual({
+                isCurrentUserInTheRoom: true,
+                shouldShowKickButton: false,
+                shouldShowBanButton: false,
+                shouldShowMuteButton: false,
+                shouldShowRedactButton: true,
+            });
+        });
+
+        it("returns mute toggle button if conditions met", () => {
+            const mockMeMember = new RoomMember(mockRoom.roomId, "arbitraryId");
+            mockMeMember.powerLevel = 51; // defaults to 50
+            mockRoom.getMember.mockReturnValueOnce(mockMeMember);
+
+            const defaultMemberWithPowerLevelAndJoinMembership = {
+                ...defaultMember,
+                powerLevel: 0,
+                membership: KnownMembership.Join,
+            } as RoomMember;
+
+            const { result } = renderAdminToolsContainerHook({
+                ...defaultContainerProps,
+                member: defaultMemberWithPowerLevelAndJoinMembership,
+                powerLevels: { events: { "m.room.power_levels": 1 } },
+            });
+
+            expect(result.current.shouldShowMuteButton).toBe(true);
+        });
+
+        it("should not show mute button for one's own member", () => {
+            const mockMeMember = new RoomMember(mockRoom.roomId, mockClient.getSafeUserId());
+            mockMeMember.powerLevel = 51; // defaults to 50
+            mockRoom.getMember.mockReturnValueOnce(mockMeMember);
+            mockClient.getUserId.mockReturnValueOnce(mockMeMember.userId);
+
+            const { result } = renderAdminToolsContainerHook({
+                ...defaultContainerProps,
+                member: mockMeMember,
+                powerLevels: { events: { "m.room.power_levels": 100 } },
+            });
+
+            expect(result.current.shouldShowMuteButton).toBe(false);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoBanButtonViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoBanButtonViewModel-test.ts
new file mode 100644
index 00000000000..a4825d15507
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoBanButtonViewModel-test.ts
@@ -0,0 +1,224 @@
+/*
+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 { cleanup, renderHook } from "jest-matrix-react";
+import { type Mocked, mocked } from "jest-mock";
+import { type Room, type MatrixClient, RoomMember } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { MatrixClientPeg } from "../../../../../../../src/MatrixClientPeg";
+import { type RoomAdminToolsProps } from "../../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoAdminToolsContainerViewModel";
+import { useBanButtonViewModel } from "../../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoBanButtonViewModel";
+import Modal from "../../../../../../../src/Modal";
+import { withClientContextRenderOptions } from "../../../../../../test-utils";
+
+describe("useBanButtonViewModel", () => {
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+
+    let mockRoom: Mocked<Room>;
+    let mockSpace: Mocked<Room>;
+    let mockClient: Mocked<MatrixClient>;
+
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+
+    const memberWithBanMembership = { ...defaultMember, membership: KnownMembership.Ban } as RoomMember;
+
+    let defaultAdminToolsProps: RoomAdminToolsProps;
+    const createDialogSpy: jest.SpyInstance = jest.spyOn(Modal, "createDialog");
+
+    beforeEach(() => {
+        mockRoom = mocked({
+            roomId: defaultRoomId,
+            getType: jest.fn().mockReturnValue(undefined),
+            isSpaceRoom: jest.fn().mockReturnValue(false),
+            getMember: jest.fn().mockReturnValue(undefined),
+            getMxcAvatarUrl: jest.fn().mockReturnValue("mock-avatar-url"),
+            name: "test room",
+            on: jest.fn(),
+            off: jest.fn(),
+            currentState: {
+                getStateEvents: jest.fn(),
+                on: jest.fn(),
+                off: jest.fn(),
+            },
+            getEventReadUpTo: jest.fn(),
+        } as unknown as Room);
+
+        mockSpace = mocked({
+            roomId: defaultRoomId,
+            getType: jest.fn().mockReturnValue("m.space"),
+            isSpaceRoom: jest.fn().mockReturnValue(true),
+            getMember: jest.fn().mockReturnValue(undefined),
+            getMxcAvatarUrl: jest.fn().mockReturnValue("mock-avatar-url"),
+            name: "test room",
+            on: jest.fn(),
+            off: jest.fn(),
+            currentState: {
+                getStateEvents: jest.fn(),
+                on: jest.fn(),
+                off: jest.fn(),
+            },
+            getEventReadUpTo: jest.fn(),
+        } as unknown as Room);
+
+        defaultAdminToolsProps = {
+            room: mockRoom,
+            member: defaultMember,
+            isUpdating: false,
+            startUpdating: jest.fn(),
+            stopUpdating: jest.fn(),
+        };
+
+        mockClient = mocked({
+            getUser: jest.fn(),
+            isGuest: jest.fn().mockReturnValue(false),
+            isUserIgnored: jest.fn(),
+            getIgnoredUsers: jest.fn(),
+            setIgnoredUsers: jest.fn(),
+            getUserId: jest.fn().mockReturnValue(defaultUserId),
+            getSafeUserId: jest.fn(),
+            getDomain: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn(),
+            isSynapseAdministrator: jest.fn().mockResolvedValue(false),
+            doesServerSupportUnstableFeature: jest.fn().mockReturnValue(false),
+            doesServerSupportExtendedProfiles: jest.fn().mockResolvedValue(false),
+            getExtendedProfileProperty: jest.fn().mockRejectedValue(new Error("Not supported")),
+            mxcUrlToHttp: jest.fn().mockReturnValue("mock-mxcUrlToHttp"),
+            removeListener: jest.fn(),
+            currentState: {
+                on: jest.fn(),
+            },
+            getRoom: jest.fn(),
+            credentials: {},
+            setPowerLevel: jest.fn(),
+        } as unknown as MatrixClient);
+
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+        mockRoom.getMember.mockReturnValue(defaultMember);
+    });
+
+    const renderBanButtonHook = (props = defaultAdminToolsProps) => {
+        return renderHook(() => useBanButtonViewModel(props), withClientContextRenderOptions(mockClient));
+    };
+
+    it("renders the correct labels for banned and unbanned members", () => {
+        // test for room
+        const propsWithBanMembership = {
+            ...defaultAdminToolsProps,
+            member: memberWithBanMembership,
+        };
+
+        // defaultMember is not banned
+        const { result } = renderBanButtonHook();
+        expect(result.current.banLabel).toBe("Ban from room");
+        cleanup();
+
+        const { result: result2 } = renderBanButtonHook(propsWithBanMembership);
+        expect(result2.current.banLabel).toBe("Unban from room");
+        cleanup();
+
+        // test for space
+        const { result: result3 } = renderBanButtonHook({ ...defaultAdminToolsProps, room: mockSpace });
+        expect(result3.current.banLabel).toBe("Ban from space");
+        cleanup();
+
+        const { result: result4 } = renderBanButtonHook({
+            ...propsWithBanMembership,
+            room: mockSpace,
+        });
+        expect(result4.current.banLabel).toBe("Unban from space");
+        cleanup();
+    });
+
+    it("clicking the ban or unban button calls Modal.createDialog with the correct arguments if user is not banned", async () => {
+        createDialogSpy.mockReturnValueOnce({ finished: Promise.resolve([]), close: jest.fn() });
+
+        const propsWithSpace = {
+            ...defaultAdminToolsProps,
+            room: mockSpace,
+        };
+        const { result } = renderBanButtonHook(propsWithSpace);
+        await result.current.onBanOrUnbanClick();
+
+        // check the last call arguments and the presence of the spaceChildFilter callback
+        expect(createDialogSpy).toHaveBeenLastCalledWith(
+            expect.any(Function),
+            expect.objectContaining({ spaceChildFilter: expect.any(Function) }),
+            "mx_ConfirmSpaceUserActionDialog_wrapper",
+        );
+
+        // test the spaceChildFilter callback
+        const callback = createDialogSpy.mock.lastCall[1].spaceChildFilter;
+
+        // make dummy values for myMember and theirMember, then we will test
+        // null vs their member followed by
+        // truthy my member vs their member
+        const mockMyMember = { powerLevel: 1 };
+        const mockTheirMember = { membership: "is not ban", powerLevel: 0 };
+
+        const mockRoom = {
+            getMember: jest
+                .fn()
+                .mockReturnValueOnce(null)
+                .mockReturnValueOnce(mockTheirMember)
+                .mockReturnValueOnce(mockMyMember)
+                .mockReturnValueOnce(mockTheirMember),
+            currentState: {
+                hasSufficientPowerLevelFor: jest.fn().mockReturnValue(true),
+            },
+        };
+
+        expect(callback(mockRoom)).toBe(false);
+        expect(callback(mockRoom)).toBe(true);
+    });
+
+    it("clicking the ban or unban button calls Modal.createDialog with the correct arguments if user _is_ banned", async () => {
+        createDialogSpy.mockReturnValueOnce({ finished: Promise.resolve([]), close: jest.fn() });
+
+        const propsWithBanMembership = {
+            ...defaultAdminToolsProps,
+            member: memberWithBanMembership,
+            room: mockSpace,
+        };
+        const { result } = renderBanButtonHook(propsWithBanMembership);
+        await result.current.onBanOrUnbanClick();
+
+        // check the last call arguments and the presence of the spaceChildFilter callback
+        expect(createDialogSpy).toHaveBeenLastCalledWith(
+            expect.any(Function),
+            expect.objectContaining({ spaceChildFilter: expect.any(Function) }),
+            "mx_ConfirmSpaceUserActionDialog_wrapper",
+        );
+
+        // test the spaceChildFilter callback
+        const callback = createDialogSpy.mock.lastCall[1].spaceChildFilter;
+
+        // make dummy values for myMember and theirMember, then we will test
+        // null vs their member followed by
+        // my member vs their member
+        const mockMyMember = { powerLevel: 1 };
+        const mockTheirMember = { membership: KnownMembership.Ban, powerLevel: 0 };
+
+        const mockRoom = {
+            getMember: jest
+                .fn()
+                .mockReturnValueOnce(null)
+                .mockReturnValueOnce(mockTheirMember)
+                .mockReturnValueOnce(mockMyMember)
+                .mockReturnValueOnce(mockTheirMember),
+            currentState: {
+                hasSufficientPowerLevelFor: jest.fn().mockReturnValue(true),
+            },
+        };
+
+        expect(callback(mockRoom)).toBe(false);
+        expect(callback(mockRoom)).toBe(true);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoKickButtonViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoKickButtonViewModel-test.ts
new file mode 100644
index 00000000000..e4e0d578be5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoKickButtonViewModel-test.ts
@@ -0,0 +1,232 @@
+/*
+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 { cleanup, renderHook } from "jest-matrix-react";
+import { type Mocked, mocked } from "jest-mock";
+import { type Room, type MatrixClient, RoomMember } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { MatrixClientPeg } from "../../../../../../../src/MatrixClientPeg";
+import { type RoomAdminToolsProps } from "../../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoAdminToolsContainerViewModel";
+import { useRoomKickButtonViewModel } from "../../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoKickButtonViewModel";
+import Modal from "../../../../../../../src/Modal";
+import { withClientContextRenderOptions } from "../../../../../../test-utils";
+
+describe("useRoomKickButtonViewModel", () => {
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+
+    let mockRoom: Mocked<Room>;
+    let mockSpace: Mocked<Room>;
+    let mockClient: Mocked<MatrixClient>;
+
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+    const memberWithInviteMembership = { ...defaultMember, membership: KnownMembership.Invite } as RoomMember;
+    const memberWithJoinMembership = { ...defaultMember, membership: KnownMembership.Join } as RoomMember;
+
+    const createDialogSpy: jest.SpyInstance = jest.spyOn(Modal, "createDialog");
+
+    let defaultAdminToolsProps: RoomAdminToolsProps;
+
+    beforeEach(() => {
+        mockRoom = mocked({
+            roomId: defaultRoomId,
+            getType: jest.fn().mockReturnValue(undefined),
+            isSpaceRoom: jest.fn().mockReturnValue(false),
+            getMember: jest.fn().mockReturnValue(undefined),
+            getMxcAvatarUrl: jest.fn().mockReturnValue("mock-avatar-url"),
+            name: "test room",
+            on: jest.fn(),
+            off: jest.fn(),
+            currentState: {
+                getStateEvents: jest.fn(),
+                on: jest.fn(),
+                off: jest.fn(),
+            },
+            getEventReadUpTo: jest.fn(),
+        } as unknown as Room);
+
+        mockSpace = mocked({
+            roomId: defaultRoomId,
+            getType: jest.fn().mockReturnValue("m.space"),
+            isSpaceRoom: jest.fn().mockReturnValue(true),
+            getMember: jest.fn().mockReturnValue(undefined),
+            getMxcAvatarUrl: jest.fn().mockReturnValue("mock-avatar-url"),
+            name: "test room",
+            on: jest.fn(),
+            off: jest.fn(),
+            currentState: {
+                getStateEvents: jest.fn(),
+                on: jest.fn(),
+                off: jest.fn(),
+            },
+            getEventReadUpTo: jest.fn(),
+        } as unknown as Room);
+
+        defaultAdminToolsProps = {
+            room: mockRoom,
+            member: defaultMember,
+            isUpdating: false,
+            startUpdating: jest.fn(),
+            stopUpdating: jest.fn(),
+        };
+
+        mockClient = mocked({
+            getUser: jest.fn(),
+            isGuest: jest.fn().mockReturnValue(false),
+            isUserIgnored: jest.fn(),
+            getIgnoredUsers: jest.fn(),
+            setIgnoredUsers: jest.fn(),
+            getUserId: jest.fn().mockReturnValue(defaultUserId),
+            getSafeUserId: jest.fn(),
+            getDomain: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn(),
+            isSynapseAdministrator: jest.fn().mockResolvedValue(false),
+            doesServerSupportUnstableFeature: jest.fn().mockReturnValue(false),
+            doesServerSupportExtendedProfiles: jest.fn().mockResolvedValue(false),
+            getExtendedProfileProperty: jest.fn().mockRejectedValue(new Error("Not supported")),
+            mxcUrlToHttp: jest.fn().mockReturnValue("mock-mxcUrlToHttp"),
+            removeListener: jest.fn(),
+            currentState: {
+                on: jest.fn(),
+            },
+            getRoom: jest.fn(),
+            credentials: {},
+            setPowerLevel: jest.fn(),
+        } as unknown as MatrixClient);
+
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+        // mock useContext to return mockClient
+        // jest.spyOn(React, "useContext").mockReturnValue(mockClient);
+
+        mockRoom.getMember.mockReturnValue(defaultMember);
+    });
+
+    afterEach(() => {
+        createDialogSpy.mockReset();
+    });
+
+    const renderKickButtonHook = (props = defaultAdminToolsProps) => {
+        return renderHook(() => useRoomKickButtonViewModel(props), withClientContextRenderOptions(mockClient));
+    };
+
+    it("renders nothing if member.membership is undefined", () => {
+        // .membership is undefined in our member by default
+        const { result } = renderKickButtonHook();
+        expect(result.current.canUserBeKicked).toBe(false);
+    });
+
+    it("renders something if member.membership is 'invite' or 'join'", () => {
+        let props = {
+            ...defaultAdminToolsProps,
+            member: memberWithInviteMembership,
+        };
+        const { result } = renderKickButtonHook(props);
+        expect(result.current.canUserBeKicked).toBe(true);
+
+        cleanup();
+
+        props = {
+            ...defaultAdminToolsProps,
+            member: memberWithJoinMembership,
+        };
+        const { result: result2 } = renderKickButtonHook(props);
+        expect(result2.current.canUserBeKicked).toBe(true);
+    });
+
+    it("renders the correct label", () => {
+        // test for room
+        const propsWithJoinMembership = {
+            ...defaultAdminToolsProps,
+            member: memberWithJoinMembership,
+        };
+
+        const { result } = renderKickButtonHook(propsWithJoinMembership);
+        expect(result.current.kickLabel).toBe("Remove from room");
+        cleanup();
+
+        const propsWithInviteMembership = {
+            ...defaultAdminToolsProps,
+            member: memberWithInviteMembership,
+        };
+
+        const { result: result2 } = renderKickButtonHook(propsWithInviteMembership);
+        expect(result2.current.kickLabel).toBe("Disinvite from room");
+        cleanup();
+    });
+
+    it("renders the correct label for space", () => {
+        const propsWithInviteMembership = {
+            ...defaultAdminToolsProps,
+            room: mockSpace,
+            member: memberWithInviteMembership,
+        };
+
+        const propsWithJoinMembership = {
+            ...defaultAdminToolsProps,
+            room: mockSpace,
+            member: memberWithJoinMembership,
+        };
+
+        const { result: result3 } = renderKickButtonHook(propsWithJoinMembership);
+        expect(result3.current.kickLabel).toBe("Remove from space");
+        cleanup();
+
+        const { result: result4 } = renderKickButtonHook(propsWithInviteMembership);
+        expect(result4.current.kickLabel).toBe("Disinvite from space");
+        cleanup();
+    });
+
+    it("clicking the kick button calls Modal.createDialog with the correct arguments when room is a space", async () => {
+        createDialogSpy.mockReturnValueOnce({ finished: Promise.resolve([]), close: jest.fn() });
+
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+
+        const propsWithInviteMembership = {
+            ...defaultAdminToolsProps,
+            room: mockSpace,
+            member: memberWithInviteMembership,
+        };
+        const { result } = renderKickButtonHook(propsWithInviteMembership);
+
+        await result.current.onKickClick();
+
+        // check the last call arguments and the presence of the spaceChildFilter callback
+        expect(createDialogSpy).toHaveBeenLastCalledWith(
+            expect.any(Function),
+            expect.objectContaining({ spaceChildFilter: expect.any(Function) }),
+            "mx_ConfirmSpaceUserActionDialog_wrapper",
+        );
+
+        // test the spaceChildFilter callback
+        const callback = createDialogSpy.mock.lastCall[1].spaceChildFilter;
+
+        // make dummy values for myMember and theirMember, then we will test
+        // null vs their member followed by
+        // my member vs their member
+        const mockMyMember = { powerLevel: 1 };
+        const mockTheirMember = { membership: KnownMembership.Invite, powerLevel: 0 };
+
+        const mockRoom = {
+            getMember: jest
+                .fn()
+                .mockReturnValueOnce(null)
+                .mockReturnValueOnce(mockTheirMember)
+                .mockReturnValueOnce(mockMyMember)
+                .mockReturnValueOnce(mockTheirMember),
+            currentState: {
+                hasSufficientPowerLevelFor: jest.fn().mockReturnValue(true),
+            },
+        };
+
+        expect(callback(mockRoom)).toBe(false);
+        expect(callback(mockRoom)).toBe(true);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoMuteButtonViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoMuteButtonViewModel-test.ts
new file mode 100644
index 00000000000..48522abb047
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoMuteButtonViewModel-test.ts
@@ -0,0 +1,193 @@
+/*
+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 Mocked, mocked } from "jest-mock";
+import {
+    type Room,
+    type MatrixClient,
+    RoomMember,
+    type MatrixEvent,
+    type ISendEventResponse,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { MatrixClientPeg } from "../../../../../../../src/MatrixClientPeg";
+import { type RoomAdminToolsProps } from "../../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoAdminToolsContainerViewModel";
+import { useMuteButtonViewModel } from "../../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoMuteButtonViewModel";
+import { withClientContextRenderOptions } from "../../../../../../test-utils";
+
+describe("useMuteButtonViewModel", () => {
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+
+    let mockRoom: Mocked<Room>;
+    let mockClient: Mocked<MatrixClient>;
+
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+
+    let defaultAdminToolsProps: RoomAdminToolsProps;
+
+    beforeEach(() => {
+        mockRoom = mocked({
+            roomId: defaultRoomId,
+            getType: jest.fn().mockReturnValue(undefined),
+            isSpaceRoom: jest.fn().mockReturnValue(false),
+            getMember: jest.fn().mockReturnValue(undefined),
+            getMxcAvatarUrl: jest.fn().mockReturnValue("mock-avatar-url"),
+            name: "test room",
+            on: jest.fn(),
+            off: jest.fn(),
+            currentState: {
+                getStateEvents: jest.fn(),
+                on: jest.fn(),
+                off: jest.fn(),
+            },
+            getEventReadUpTo: jest.fn(),
+        } as unknown as Room);
+
+        defaultAdminToolsProps = {
+            room: mockRoom,
+            member: defaultMember,
+            isUpdating: false,
+            startUpdating: jest.fn(),
+            stopUpdating: jest.fn(),
+        };
+
+        mockClient = mocked({
+            getUser: jest.fn(),
+            isGuest: jest.fn().mockReturnValue(false),
+            isUserIgnored: jest.fn(),
+            getIgnoredUsers: jest.fn(),
+            setIgnoredUsers: jest.fn(),
+            getUserId: jest.fn().mockReturnValue(defaultUserId),
+            getSafeUserId: jest.fn(),
+            getDomain: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn(),
+            isSynapseAdministrator: jest.fn().mockResolvedValue(false),
+            doesServerSupportUnstableFeature: jest.fn().mockReturnValue(false),
+            doesServerSupportExtendedProfiles: jest.fn().mockResolvedValue(false),
+            getExtendedProfileProperty: jest.fn().mockRejectedValue(new Error("Not supported")),
+            mxcUrlToHttp: jest.fn().mockReturnValue("mock-mxcUrlToHttp"),
+            removeListener: jest.fn(),
+            currentState: {
+                on: jest.fn(),
+            },
+            getRoom: jest.fn(),
+            credentials: {},
+            setPowerLevel: jest.fn(),
+        } as unknown as MatrixClient);
+
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+
+        mockClient.setPowerLevel.mockImplementation(() => Promise.resolve({} as ISendEventResponse));
+
+        mockRoom.currentState.getStateEvents.mockReturnValueOnce({
+            getContent: jest.fn().mockReturnValue({
+                events: {
+                    "m.room.message": 0,
+                },
+                events_default: 0,
+            }),
+        } as unknown as MatrixEvent);
+
+        jest.spyOn(mockClient, "setPowerLevel").mockImplementation(() => Promise.resolve({} as ISendEventResponse));
+        jest.spyOn(mockRoom.currentState, "getStateEvents").mockReturnValue({
+            getContent: jest.fn().mockReturnValue({
+                events: {
+                    "m.room.message": 0,
+                },
+                events_default: 0,
+            }),
+        } as unknown as MatrixEvent);
+    });
+
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+
+    const renderMuteButtonHook = (props = defaultAdminToolsProps) => {
+        return renderHook(() => useMuteButtonViewModel(props), withClientContextRenderOptions(mockClient));
+    };
+
+    it("should early return when isUpdating=true", async () => {
+        const defaultMemberWithPowerLevelAndJoinMembership = {
+            ...defaultMember,
+            powerLevel: 0,
+            membership: KnownMembership.Join,
+        } as RoomMember;
+
+        const { result } = renderMuteButtonHook({
+            ...defaultAdminToolsProps,
+            member: defaultMemberWithPowerLevelAndJoinMembership,
+            isUpdating: true,
+        });
+
+        const resultClick = await result.current.onMuteButtonClick();
+
+        expect(resultClick).toBe(undefined);
+    });
+
+    it("should stop updating when level is NaN", async () => {
+        const { result } = renderMuteButtonHook({
+            ...defaultAdminToolsProps,
+            member: defaultMember,
+            isUpdating: false,
+        });
+
+        jest.spyOn(mockRoom.currentState, "getStateEvents").mockReturnValueOnce({
+            getContent: jest.fn().mockReturnValue({
+                events: {
+                    "m.room.message": NaN,
+                },
+                events_default: NaN,
+            }),
+        } as unknown as MatrixEvent);
+
+        await result.current.onMuteButtonClick();
+
+        expect(defaultAdminToolsProps.stopUpdating).toHaveBeenCalled();
+    });
+
+    it("should set powerlevel to default when user is muted", async () => {
+        const defaultMutedMember = {
+            ...defaultMember,
+            powerLevel: -1,
+            membership: KnownMembership.Join,
+        } as RoomMember;
+
+        const { result } = renderMuteButtonHook({
+            ...defaultAdminToolsProps,
+            member: defaultMutedMember,
+            isUpdating: false,
+        });
+
+        await result.current.onMuteButtonClick();
+
+        expect(mockClient.setPowerLevel).toHaveBeenCalledWith(mockRoom.roomId, defaultMember.userId, 0);
+    });
+
+    it("should set powerlevel - 1 when user is unmuted", async () => {
+        const defaultUnmutedMember = {
+            ...defaultMember,
+            powerLevel: 0,
+            membership: KnownMembership.Join,
+        } as RoomMember;
+
+        const { result } = renderMuteButtonHook({
+            ...defaultAdminToolsProps,
+            member: defaultUnmutedMember,
+            isUpdating: false,
+        });
+
+        await result.current.onMuteButtonClick();
+
+        expect(mockClient.setPowerLevel).toHaveBeenCalledWith(mockRoom.roomId, defaultMember.userId, -1);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoRedactButtonViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoRedactButtonViewModel-test.ts
new file mode 100644
index 00000000000..cb3187a82c4
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/right_panel/user_info/admin/UserInfoRedactButtonViewModel-test.ts
@@ -0,0 +1,98 @@
+/*
+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 Mocked, mocked } from "jest-mock";
+import { type Room, type MatrixClient, RoomMember } from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "../../../../../../../src/MatrixClientPeg";
+import { useRedactMessagesButtonViewModel } from "../../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoRedactButtonViewModel";
+import Modal from "../../../../../../../src/Modal";
+import BulkRedactDialog from "../../../../../../../src/components/views/dialogs/BulkRedactDialog";
+import { withClientContextRenderOptions } from "../../../../../../test-utils";
+
+describe("useRedactMessagesButtonViewModel", () => {
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+
+    let mockRoom: Mocked<Room>;
+    let mockClient: Mocked<MatrixClient>;
+
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+
+    beforeEach(() => {
+        mockRoom = mocked({
+            roomId: defaultRoomId,
+            getType: jest.fn().mockReturnValue(undefined),
+            isSpaceRoom: jest.fn().mockReturnValue(false),
+            getMember: jest.fn().mockReturnValue(undefined),
+            getMxcAvatarUrl: jest.fn().mockReturnValue("mock-avatar-url"),
+            name: "test room",
+            on: jest.fn(),
+            off: jest.fn(),
+            currentState: {
+                getStateEvents: jest.fn(),
+                on: jest.fn(),
+                off: jest.fn(),
+            },
+            getEventReadUpTo: jest.fn(),
+        } as unknown as Room);
+
+        mockClient = mocked({
+            getUser: jest.fn(),
+            isGuest: jest.fn().mockReturnValue(false),
+            isUserIgnored: jest.fn(),
+            getIgnoredUsers: jest.fn(),
+            setIgnoredUsers: jest.fn(),
+            getUserId: jest.fn().mockReturnValue(defaultUserId),
+            getSafeUserId: jest.fn(),
+            getDomain: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn(),
+            isSynapseAdministrator: jest.fn().mockResolvedValue(false),
+            doesServerSupportUnstableFeature: jest.fn().mockReturnValue(false),
+            doesServerSupportExtendedProfiles: jest.fn().mockResolvedValue(false),
+            getExtendedProfileProperty: jest.fn().mockRejectedValue(new Error("Not supported")),
+            mxcUrlToHttp: jest.fn().mockReturnValue("mock-mxcUrlToHttp"),
+            removeListener: jest.fn(),
+            currentState: {
+                on: jest.fn(),
+            },
+            getRoom: jest.fn(),
+            credentials: {},
+            setPowerLevel: jest.fn(),
+        } as unknown as MatrixClient);
+
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+    });
+
+    const renderRedactButtonHook = (props = defaultMember) => {
+        return renderHook(() => useRedactMessagesButtonViewModel(props), withClientContextRenderOptions(mockClient));
+    };
+
+    it("should show BulkRedactDialog upon clicking the Remove messages button", async () => {
+        const spy = jest.spyOn(Modal, "createDialog");
+
+        mockClient.getRoom.mockReturnValue(mockRoom);
+        mockClient.getUserId.mockReturnValue("@arbitraryId:server");
+        const mockMeMember = new RoomMember(mockRoom.roomId, mockClient.getUserId()!);
+        mockMeMember.powerLevel = 51; // defaults to 50
+        const defaultMemberWithPowerLevel = { ...defaultMember, powerLevel: 0 } as RoomMember;
+        mockRoom.getMember.mockImplementation((userId) =>
+            userId === mockClient.getUserId() ? mockMeMember : defaultMemberWithPowerLevel,
+        );
+
+        const { result } = renderRedactButtonHook();
+        await result.current.onRedactAllMessagesClick();
+
+        expect(spy).toHaveBeenCalledWith(
+            BulkRedactDialog,
+            expect.objectContaining({ member: defaultMemberWithPowerLevel }),
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/components/viewmodels/settings/encryption/KeyStoragePanelViewModel-test.ts b/apps/web/test/unit-tests/components/viewmodels/settings/encryption/KeyStoragePanelViewModel-test.ts
new file mode 100644
index 00000000000..b95cf574740
--- /dev/null
+++ b/apps/web/test/unit-tests/components/viewmodels/settings/encryption/KeyStoragePanelViewModel-test.ts
@@ -0,0 +1,160 @@
+/*
+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 { act } from "react";
+import { mocked } from "jest-mock";
+import { CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+import type { BackupTrustInfo, KeyBackupCheck, KeyBackupInfo } from "matrix-js-sdk/src/crypto-api";
+import { useKeyStoragePanelViewModel } from "../../../../../../src/components/viewmodels/settings/encryption/KeyStoragePanelViewModel";
+import { createTestClient, withClientContextRenderOptions } from "../../../../../test-utils";
+
+describe("KeyStoragePanelViewModel", () => {
+    let matrixClient: MatrixClient;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("should update the pending value immediately", async () => {
+        const { result } = renderHook(
+            () => useKeyStoragePanelViewModel(),
+            withClientContextRenderOptions(matrixClient),
+        );
+        act(() => {
+            result.current.setEnabled(true);
+        });
+        expect(result.current.isEnabled).toBe(true);
+        expect(result.current.busy).toBe(true);
+    });
+
+    it("should update if a KeyBackupStatus event is received", async () => {
+        const { result } = renderHook(
+            () => useKeyStoragePanelViewModel(),
+            withClientContextRenderOptions(matrixClient),
+        );
+        await waitFor(() => expect(result.current.isEnabled).toBe(false));
+
+        const mock = mocked(matrixClient.getCrypto()!.getActiveSessionBackupVersion);
+        mock.mockResolvedValue("1");
+        matrixClient.emit(CryptoEvent.KeyBackupStatus, true);
+        await waitFor(() => expect(result.current.isEnabled).toBe(true));
+
+        mock.mockResolvedValue(null);
+        matrixClient.emit(CryptoEvent.KeyBackupStatus, false);
+        await waitFor(() => expect(result.current.isEnabled).toBe(false));
+    });
+
+    it("should call resetKeyBackup if there is no backup currently", async () => {
+        mocked(matrixClient.getCrypto()!.checkKeyBackupAndEnable).mockResolvedValue(null);
+
+        const { result } = renderHook(
+            () => useKeyStoragePanelViewModel(),
+            withClientContextRenderOptions(matrixClient),
+        );
+
+        await result.current.setEnabled(true);
+        expect(mocked(matrixClient.getCrypto()!.resetKeyBackup)).toHaveBeenCalled();
+    });
+
+    it.each<BackupTrustInfo>([
+        { trusted: true, matchesDecryptionKey: false },
+        { trusted: false, matchesDecryptionKey: true },
+        { trusted: true, matchesDecryptionKey: true },
+    ])("should not call resetKeyBackup if there is a backup currently and it is trusted", async (trustInfo) => {
+        mocked(matrixClient.getCrypto()!.checkKeyBackupAndEnable).mockResolvedValue({
+            backupInfo: {
+                version: "1",
+                algorithm: "foobar",
+                auth_data: {
+                    public_key: "foobar",
+                },
+                count: 0,
+                etag: "",
+            },
+            trustInfo,
+        });
+
+        const { result } = renderHook(
+            () => useKeyStoragePanelViewModel(),
+            withClientContextRenderOptions(matrixClient),
+        );
+
+        await result.current.setEnabled(true);
+        expect(mocked(matrixClient.getCrypto()!.resetKeyBackup)).not.toHaveBeenCalled();
+    });
+
+    it("should call resetKeyBackup if there is a backup currently but it is not trusted", async () => {
+        mocked(matrixClient.getCrypto()!.checkKeyBackupAndEnable).mockResolvedValue({
+            backupInfo: {
+                version: "1",
+                algorithm: "foobar",
+                auth_data: {
+                    public_key: "foobar",
+                },
+                count: 0,
+                etag: "",
+            },
+            trustInfo: {
+                trusted: false,
+                matchesDecryptionKey: false,
+            },
+        });
+
+        const { result } = renderHook(
+            () => useKeyStoragePanelViewModel(),
+            withClientContextRenderOptions(matrixClient),
+        );
+
+        await result.current.setEnabled(true);
+        expect(mocked(matrixClient.getCrypto()!.resetKeyBackup)).toHaveBeenCalled();
+    });
+
+    it("should set account data flag when enabling", async () => {
+        mocked(matrixClient.getCrypto()!.checkKeyBackupAndEnable).mockResolvedValue(null);
+
+        const { result } = renderHook(
+            () => useKeyStoragePanelViewModel(),
+            withClientContextRenderOptions(matrixClient),
+        );
+
+        await result.current.setEnabled(true);
+        expect(mocked(matrixClient.setAccountData)).toHaveBeenCalledWith("m.org.matrix.custom.backup_disabled", {
+            disabled: false,
+        });
+
+        expect(mocked(matrixClient.setAccountData)).toHaveBeenCalledWith("m.key_backup", {
+            enabled: true,
+        });
+    });
+
+    it("should delete key storage when disabling", async () => {
+        mocked(matrixClient.getCrypto()!.checkKeyBackupAndEnable).mockResolvedValue({} as KeyBackupCheck);
+        mocked(matrixClient.getCrypto()!.getKeyBackupInfo).mockResolvedValue({ version: "99" } as KeyBackupInfo);
+
+        const { result } = renderHook(
+            () => useKeyStoragePanelViewModel(),
+            withClientContextRenderOptions(matrixClient),
+        );
+
+        await result.current.setEnabled(false);
+
+        expect(mocked(matrixClient.getCrypto()!.disableKeyStorage)).toHaveBeenCalled();
+        expect(mocked(matrixClient.setAccountData)).toHaveBeenCalledWith("m.org.matrix.custom.backup_disabled", {
+            disabled: true,
+        });
+        expect(mocked(matrixClient.setAccountData)).toHaveBeenCalledWith("m.key_backup", {
+            enabled: false,
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/audio_messages/LegacySeekBar-test.tsx b/apps/web/test/unit-tests/components/views/audio_messages/LegacySeekBar-test.tsx
new file mode 100644
index 00000000000..951f140a091
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/audio_messages/LegacySeekBar-test.tsx
@@ -0,0 +1,125 @@
+/*
+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, { createRef, type RefObject } from "react";
+import { mocked } from "jest-mock";
+import { act, fireEvent, render, type RenderResult } from "jest-matrix-react";
+
+import { type Playback } from "../../../../../src/audio/Playback";
+import { createTestPlayback } from "../../../../test-utils/audio";
+import LegacySeekBar from "../../../../../src/components/views/audio_messages/LegacySeekBar";
+
+describe("SeekBar", () => {
+    let playback: Playback;
+    let renderResult: RenderResult;
+    let frameRequestCallback: FrameRequestCallback;
+    let seekBarRef: RefObject<LegacySeekBar | null>;
+
+    beforeEach(() => {
+        seekBarRef = createRef();
+        jest.spyOn(window, "requestAnimationFrame").mockImplementation((callback: FrameRequestCallback) => {
+            frameRequestCallback = callback;
+            return 0;
+        });
+    });
+
+    afterEach(() => {
+        mocked(window.requestAnimationFrame).mockRestore();
+    });
+
+    describe("when rendering a SeekBar for an empty playback", () => {
+        beforeEach(() => {
+            playback = createTestPlayback({
+                durationSeconds: 0,
+                timeSeconds: 0,
+            });
+            renderResult = render(<LegacySeekBar ref={seekBarRef} playback={playback} />);
+        });
+
+        it("should render correctly", () => {
+            expect(renderResult.container).toMatchSnapshot();
+        });
+    });
+
+    describe("when rendering a SeekBar", () => {
+        beforeEach(() => {
+            playback = createTestPlayback();
+            renderResult = render(<LegacySeekBar ref={seekBarRef} playback={playback} />);
+        });
+
+        it("should render the initial position", () => {
+            // expected value 3141 / 31415 ~ 0.099984084
+            expect(renderResult.container).toMatchSnapshot();
+        });
+
+        describe("and the playback proceeds", () => {
+            beforeEach(async () => {
+                // @ts-ignore
+                playback.timeSeconds = 6969;
+                act(() => {
+                    playback.liveData.update([playback.timeSeconds, playback.durationSeconds]);
+                    frameRequestCallback(0);
+                });
+            });
+
+            it("should render as expected", () => {
+                // expected value 6969 / 31415 ~ 0.221836702
+                expect(renderResult.container).toMatchSnapshot();
+            });
+        });
+
+        describe("and seeking position with the slider", () => {
+            beforeEach(() => {
+                const rangeInput = renderResult.container.querySelector("[type='range']");
+                act(() => {
+                    fireEvent.change(rangeInput!, { target: { value: 0.5 } });
+                });
+            });
+
+            it("should update the playback", () => {
+                expect(playback.skipTo).toHaveBeenCalledWith(0.5 * playback.durationSeconds);
+            });
+
+            describe("and seeking left", () => {
+                beforeEach(() => {
+                    mocked(playback.skipTo).mockClear();
+                    act(() => {
+                        seekBarRef.current!.left();
+                    });
+                });
+
+                it("should skip to minus 5 seconds", () => {
+                    expect(playback.skipTo).toHaveBeenCalledWith(playback.timeSeconds - 5);
+                });
+            });
+
+            describe("and seeking right", () => {
+                beforeEach(() => {
+                    mocked(playback.skipTo).mockClear();
+                    act(() => {
+                        seekBarRef.current!.right();
+                    });
+                });
+
+                it("should skip to plus 5 seconds", () => {
+                    expect(playback.skipTo).toHaveBeenCalledWith(playback.timeSeconds + 5);
+                });
+            });
+        });
+    });
+
+    describe("when rendering a disabled SeekBar", () => {
+        beforeEach(async () => {
+            renderResult = render(<LegacySeekBar disabled={true} playback={playback} />);
+        });
+
+        it("should render as expected", () => {
+            expect(renderResult.container).toMatchSnapshot();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/audio_messages/RecordingPlayback-test.tsx b/apps/web/test/unit-tests/components/views/audio_messages/RecordingPlayback-test.tsx
new file mode 100644
index 00000000000..e4085bbc1f0
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/audio_messages/RecordingPlayback-test.tsx
@@ -0,0 +1,156 @@
+/*
+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 { mocked } from "jest-mock";
+import { logger } from "matrix-js-sdk/src/logger";
+import { fireEvent, render, type RenderResult } from "jest-matrix-react";
+
+import RecordingPlayback, {
+    PlaybackLayout,
+} from "../../../../../src/components/views/audio_messages/RecordingPlayback";
+import { Playback } from "../../../../../src/audio/Playback";
+import { type RoomContextType, TimelineRenderingType } from "../../../../../src/contexts/RoomContext";
+import { createAudioContext } from "../../../../../src/audio/compat";
+import { flushPromises } from "../../../../test-utils";
+import { ScopedRoomContextProvider } from "../../../../../src/contexts/ScopedRoomContext.tsx";
+
+jest.mock("../../../../../src/WorkerManager", () => ({
+    WorkerManager: jest.fn(() => ({
+        call: jest.fn().mockResolvedValue({ waveform: [0, 0, 1, 1] }),
+    })),
+}));
+
+jest.mock("../../../../../src/audio/compat", () => ({
+    createAudioContext: jest.fn(),
+    decodeOgg: jest.fn().mockResolvedValue({}),
+}));
+
+describe("<RecordingPlayback />", () => {
+    const mockAudioBufferSourceNode = {
+        addEventListener: jest.fn(),
+        connect: jest.fn(),
+        start: jest.fn(),
+    };
+
+    const mockAudioContext = {
+        decodeAudioData: jest.fn(),
+        suspend: jest.fn(),
+        resume: jest.fn(),
+        currentTime: 0,
+        createBufferSource: jest.fn().mockReturnValue(mockAudioBufferSourceNode),
+    };
+
+    const mockAudioBuffer = {
+        duration: 99,
+        getChannelData: jest.fn(),
+    };
+
+    const mockChannelData = new Float32Array();
+
+    const defaultRoom = {
+        roomId: "!room:server.org",
+        timelineRenderingType: TimelineRenderingType.File,
+    } as RoomContextType;
+    const getComponent = (props: React.ComponentProps<typeof RecordingPlayback>, room = defaultRoom) =>
+        render(
+            <ScopedRoomContextProvider {...room}>
+                <RecordingPlayback {...props} />
+            </ScopedRoomContextProvider>,
+        );
+
+    beforeEach(() => {
+        jest.spyOn(logger, "error").mockRestore();
+        mockAudioBuffer.getChannelData.mockClear().mockReturnValue(mockChannelData);
+        mockAudioContext.decodeAudioData.mockReset().mockResolvedValue(mockAudioBuffer);
+        mocked(createAudioContext).mockReturnValue(mockAudioContext as unknown as AudioContext);
+    });
+
+    const getPlayButton = (component: RenderResult) => component.getByTestId("play-pause-button");
+
+    it("renders recording playback", () => {
+        const playback = new Playback(new ArrayBuffer(8));
+        const component = getComponent({ playback });
+        expect(component).toBeTruthy();
+    });
+
+    it("disables play button while playback is decoding", async () => {
+        const playback = new Playback(new ArrayBuffer(8));
+        const component = getComponent({ playback });
+        expect(getPlayButton(component)).toHaveAttribute("aria-disabled", "true");
+    });
+
+    it("enables play button when playback is finished decoding", async () => {
+        const playback = new Playback(new ArrayBuffer(8));
+        const component = getComponent({ playback });
+        await flushPromises();
+        expect(getPlayButton(component)).not.toHaveAttribute("aria-disabled", "true");
+    });
+
+    it("displays error when playback decoding fails", async () => {
+        // stub logger to keep console clean from expected error
+        jest.spyOn(logger, "error").mockReturnValue(undefined);
+        jest.spyOn(logger, "warn").mockReturnValue(undefined);
+        mockAudioContext.decodeAudioData.mockImplementation((_b, _cb, error) => error(new Error("oh no")));
+        const playback = new Playback(new ArrayBuffer(8));
+        const component = getComponent({ playback });
+        await flushPromises();
+        expect(component.container.querySelector(".text-warning")).toBeDefined();
+    });
+
+    it("displays pre-prepared playback with correct playback phase", async () => {
+        const playback = new Playback(new ArrayBuffer(8));
+        await playback.prepare();
+        const component = getComponent({ playback });
+        // playback already decoded, button is not disabled
+        expect(getPlayButton(component)).not.toHaveAttribute("aria-disabled", "true");
+        expect(component.container.querySelector(".text-warning")).toBeFalsy();
+    });
+
+    it("toggles playback on play pause button click", async () => {
+        const playback = new Playback(new ArrayBuffer(8));
+        jest.spyOn(playback, "toggle").mockResolvedValue(undefined);
+        await playback.prepare();
+        const component = getComponent({ playback });
+
+        fireEvent.click(getPlayButton(component));
+
+        expect(playback.toggle).toHaveBeenCalled();
+    });
+
+    describe("Composer Layout", () => {
+        it("should have a waveform, no seek bar, and clock", () => {
+            const playback = new Playback(new ArrayBuffer(8));
+            const component = getComponent({ playback, layout: PlaybackLayout.Composer });
+
+            expect(component.container.querySelector(".mx_Clock")).toBeDefined();
+            expect(component.container.querySelector(".mx_Waveform")).toBeDefined();
+            expect(component.container.querySelector(".mx_SeekBar")).toBeFalsy();
+        });
+    });
+
+    describe("Timeline Layout", () => {
+        it("should have a waveform, a seek bar, and clock", () => {
+            const playback = new Playback(new ArrayBuffer(8));
+            const component = getComponent({ playback, layout: PlaybackLayout.Timeline });
+
+            expect(component.container.querySelector(".mx_Clock")).toBeDefined();
+            expect(component.container.querySelector(".mx_Waveform")).toBeDefined();
+            expect(component.container.querySelector(".mx_SeekBar")).toBeDefined();
+        });
+
+        it("should be the default", () => {
+            const playback = new Playback(new ArrayBuffer(8));
+            const component = getComponent({ playback }); // no layout set for test
+
+            expect(component.container.querySelector(".mx_Clock")).toBeDefined();
+            expect(component.container.querySelector(".mx_Waveform")).toBeDefined();
+            expect(component.container.querySelector(".mx_SeekBar")).toBeDefined();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/audio_messages/__snapshots__/LegacySeekBar-test.tsx.snap b/apps/web/test/unit-tests/components/views/audio_messages/__snapshots__/LegacySeekBar-test.tsx.snap
new file mode 100644
index 00000000000..a548b06fbe5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/audio_messages/__snapshots__/LegacySeekBar-test.tsx.snap
@@ -0,0 +1,66 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`SeekBar when rendering a SeekBar and the playback proceeds should render as expected 1`] = `
+<div>
+  <input
+    aria-label="Audio seek bar"
+    class="mx_SeekBar"
+    max="1"
+    min="0"
+    step="0.001"
+    style="--fillTo: 0.22183670221231896;"
+    tabindex="0"
+    type="range"
+    value="0.22183670221231896"
+  />
+</div>
+`;
+
+exports[`SeekBar when rendering a SeekBar for an empty playback should render correctly 1`] = `
+<div>
+  <input
+    aria-label="Audio seek bar"
+    class="mx_SeekBar"
+    max="1"
+    min="0"
+    step="0.001"
+    style="--fillTo: 0;"
+    tabindex="0"
+    type="range"
+    value="0"
+  />
+</div>
+`;
+
+exports[`SeekBar when rendering a SeekBar should render the initial position 1`] = `
+<div>
+  <input
+    aria-label="Audio seek bar"
+    class="mx_SeekBar"
+    max="1"
+    min="0"
+    step="0.001"
+    style="--fillTo: 0.0999840840362884;"
+    tabindex="0"
+    type="range"
+    value="0.0999840840362884"
+  />
+</div>
+`;
+
+exports[`SeekBar when rendering a disabled SeekBar should render as expected 1`] = `
+<div>
+  <input
+    aria-label="Audio seek bar"
+    class="mx_SeekBar"
+    disabled=""
+    max="1"
+    min="0"
+    step="0.001"
+    style="--fillTo: 0.0999840840362884;"
+    tabindex="0"
+    type="range"
+    value="0.0999840840362884"
+  />
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/auth/AuthFooter-test.tsx b/apps/web/test/unit-tests/components/views/auth/AuthFooter-test.tsx
new file mode 100644
index 00000000000..3d4ae819f04
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/auth/AuthFooter-test.tsx
@@ -0,0 +1,19 @@
+/*
+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 AuthFooter from "../../../../../src/components/views/auth/AuthFooter";
+
+describe("<AuthFooter />", () => {
+    it("should match snapshot", () => {
+        const { asFragment } = render(<AuthFooter />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/auth/AuthHeaderLogo-test.tsx b/apps/web/test/unit-tests/components/views/auth/AuthHeaderLogo-test.tsx
new file mode 100644
index 00000000000..d0cb9ad8b2f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/auth/AuthHeaderLogo-test.tsx
@@ -0,0 +1,19 @@
+/*
+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 AuthHeaderLogo from "../../../../../src/components/views/auth/AuthHeaderLogo";
+
+describe("<AuthHeaderLogo />", () => {
+    it("should match snapshot", () => {
+        const { asFragment } = render(<AuthHeaderLogo />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/auth/AuthPage-test.tsx b/apps/web/test/unit-tests/components/views/auth/AuthPage-test.tsx
new file mode 100644
index 00000000000..908c7c8b62a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/auth/AuthPage-test.tsx
@@ -0,0 +1,34 @@
+/*
+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 AuthPage from "../../../../../src/components/views/auth/AuthPage";
+import SdkConfig from "../../../../../src/SdkConfig.ts";
+
+describe("<AuthPage />", () => {
+    beforeEach(() => {
+        SdkConfig.reset();
+        // @ts-ignore private access
+        AuthPage.welcomeBackgroundUrl = undefined;
+    });
+
+    it("should match snapshot", () => {
+        const { asFragment } = render(<AuthPage />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should use configured background url", () => {
+        SdkConfig.add({ branding: { welcome_background_url: ["https://example.com/image.png"] } });
+        const { container } = render(<AuthPage />);
+        expect(container.querySelector(".mx_AuthPage")).toHaveStyle({
+            background: "center/cover fixed url(https://example.com/image.png)",
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/auth/CountryDropdown-test.tsx b/apps/web/test/unit-tests/components/views/auth/CountryDropdown-test.tsx
new file mode 100644
index 00000000000..5f3ee8c9087
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/auth/CountryDropdown-test.tsx
@@ -0,0 +1,75 @@
+/*
+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 { fireEvent, render } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import CountryDropdown from "../../../../../src/components/views/auth/CountryDropdown";
+import SdkConfig from "../../../../../src/SdkConfig";
+
+describe("CountryDropdown", () => {
+    describe("default_country_code", () => {
+        afterEach(() => {
+            SdkConfig.reset();
+        });
+
+        it.each([
+            ["GB", 44],
+            ["IE", 353],
+            ["ES", 34],
+            ["FR", 33],
+            ["PL", 48],
+            ["DE", 49],
+        ])("should respect configured default country code for %s", (config, defaultCountryCode) => {
+            SdkConfig.add({
+                default_country_code: config,
+            });
+
+            const fn = jest.fn();
+            render(<CountryDropdown onOptionChange={fn} isSmall={false} showPrefix={false} />);
+            expect(fn).toHaveBeenCalledWith(expect.objectContaining({ prefix: defaultCountryCode.toString() }));
+        });
+    });
+
+    describe("defaultCountry", () => {
+        it.each([
+            ["en-GB", 44],
+            ["en-ie", 353],
+            ["es-ES", 34],
+            ["fr", 33],
+            ["pl", 48],
+            ["de-DE", 49],
+        ])("should pick appropriate default country for %s", (language, defaultCountryCode) => {
+            Object.defineProperty(navigator, "language", {
+                configurable: true,
+                get() {
+                    return language;
+                },
+            });
+
+            const fn = jest.fn();
+            render(<CountryDropdown onOptionChange={fn} isSmall={false} showPrefix={false} />);
+            expect(fn).toHaveBeenCalledWith(expect.objectContaining({ prefix: defaultCountryCode.toString() }));
+        });
+    });
+
+    it("should allow filtering", async () => {
+        const fn = jest.fn();
+        const { getByRole, findByText } = render(
+            <CountryDropdown onOptionChange={fn} isSmall={false} showPrefix={false} />,
+        );
+
+        const dropdown = getByRole("button");
+        fireEvent.click(dropdown);
+
+        await userEvent.keyboard("Al");
+
+        await expect(findByText("Albania (+355)")).resolves.toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/auth/InteractiveAuthEntryComponents-test.tsx b/apps/web/test/unit-tests/components/views/auth/InteractiveAuthEntryComponents-test.tsx
new file mode 100644
index 00000000000..d8f3d918ac6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/auth/InteractiveAuthEntryComponents-test.tsx
@@ -0,0 +1,135 @@
+/*
+ * 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.
+ */
+
+import React from "react";
+import { render, screen, waitFor, act, fireEvent } from "jest-matrix-react";
+import { AuthType } from "matrix-js-sdk/src/interactive-auth";
+import userEvent from "@testing-library/user-event";
+import { type Policy } from "matrix-js-sdk/src/matrix";
+
+import {
+    EmailIdentityAuthEntry,
+    MasUnlockCrossSigningAuthEntry,
+    TermsAuthEntry,
+} from "../../../../../src/components/views/auth/InteractiveAuthEntryComponents";
+import { createTestClient } from "../../../../test-utils";
+
+describe("<EmailIdentityAuthEntry/>", () => {
+    const renderIdentityAuth = () => {
+        const matrixClient = createTestClient();
+
+        return render(
+            <EmailIdentityAuthEntry
+                matrixClient={matrixClient}
+                loginType={AuthType.Email}
+                onPhaseChange={jest.fn()}
+                submitAuthDict={jest.fn()}
+                fail={jest.fn()}
+                clientSecret="my secret"
+                inputs={{ emailAddress: "alice@example.xyz" }}
+            />,
+        );
+    };
+
+    test("should render", () => {
+        const { container } = renderIdentityAuth();
+        expect(container).toMatchSnapshot();
+    });
+
+    test("should clear the requested state when the button tooltip is hidden", async () => {
+        renderIdentityAuth();
+
+        // After a click on the resend button, the button should display the resent label
+        screen.getByRole("button", { name: "Resend" }).click();
+        await waitFor(() => expect(screen.queryByRole("button", { name: "Resent!" })).toBeInTheDocument());
+        expect(screen.queryByRole("button", { name: "Resend" })).toBeNull();
+
+        const resentButton = screen.getByRole("button", { name: "Resent!" });
+        // Hover briefly the button and wait for the tooltip to be displayed
+        await userEvent.hover(resentButton);
+        await waitFor(() => expect(screen.getByRole("tooltip", { name: "Resent!" })).toBeInTheDocument());
+
+        // On unhover, it should display again the resend button
+        await act(() => userEvent.unhover(resentButton));
+        await waitFor(() => expect(screen.queryByRole("button", { name: "Resend" })).toBeInTheDocument());
+    });
+});
+
+describe("<MasUnlockCrossSigningAuthEntry/>", () => {
+    const renderAuth = (props = {}) => {
+        const matrixClient = createTestClient();
+
+        return render(
+            <MasUnlockCrossSigningAuthEntry
+                matrixClient={matrixClient}
+                loginType={AuthType.Email}
+                onPhaseChange={jest.fn()}
+                submitAuthDict={jest.fn()}
+                fail={jest.fn()}
+                clientSecret="my secret"
+                stageParams={{ url: "https://example.com" }}
+                {...props}
+            />,
+        );
+    };
+
+    test("should render", () => {
+        const { container } = renderAuth();
+        expect(container).toMatchSnapshot();
+    });
+
+    test("should open idp in new tab on click", async () => {
+        const spy = jest.spyOn(global.window, "open");
+        renderAuth();
+
+        fireEvent.click(screen.getByRole("button", { name: "Continue to account" }));
+        expect(spy).toHaveBeenCalledWith("https://example.com", "_blank");
+    });
+
+    test("should retry uia request on click", async () => {
+        const submitAuthDict = jest.fn();
+        renderAuth({ submitAuthDict });
+
+        fireEvent.click(screen.getByRole("button", { name: "Retry" }));
+        expect(submitAuthDict).toHaveBeenCalledWith({ type: AuthType.OAuth });
+    });
+});
+
+describe("<TermsAuthEntry/>", () => {
+    const renderAuth = (policy: Policy, props = {}) => {
+        const matrixClient = createTestClient();
+
+        return render(
+            <TermsAuthEntry
+                matrixClient={matrixClient}
+                loginType={AuthType.Email}
+                onPhaseChange={jest.fn()}
+                submitAuthDict={jest.fn()}
+                fail={jest.fn()}
+                clientSecret="my secret"
+                stageParams={{
+                    policies: {
+                        test_policy: policy,
+                    },
+                }}
+                {...props}
+            />,
+        );
+    };
+
+    test("should render", () => {
+        const { container } = renderAuth({
+            version: "alpha",
+            en: {
+                name: "Test Policy",
+                url: "https://example.com/en",
+            },
+        });
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/auth/OAuthStage-test.tsx b/apps/web/test/unit-tests/components/views/auth/OAuthStage-test.tsx
new file mode 100644
index 00000000000..548ef9caab9
--- /dev/null
+++ b/apps/web/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/apps/web/test/unit-tests/components/views/auth/RegistrationToken-test.tsx b/apps/web/test/unit-tests/components/views/auth/RegistrationToken-test.tsx
new file mode 100644
index 00000000000..1ae42d61888
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/auth/RegistrationToken-test.tsx
@@ -0,0 +1,94 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+Copyright 2022 Callum Brown
+Copyright 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.
+*/
+
+import React from "react";
+import { fireEvent, render, type RenderResult } from "jest-matrix-react";
+
+import InteractiveAuthComponent from "../../../../../src/components/structures/InteractiveAuth";
+import { flushPromises, getMockClientWithEventEmitter, unmockClientPeg } from "../../../../test-utils";
+
+describe("InteractiveAuthComponent", function () {
+    const mockClient = getMockClientWithEventEmitter({
+        generateClientSecret: jest.fn().mockReturnValue("t35tcl1Ent5ECr3T"),
+    });
+
+    const defaultProps = {
+        matrixClient: mockClient,
+        makeRequest: jest.fn().mockResolvedValue(undefined),
+        onAuthFinished: jest.fn(),
+    };
+    const getComponent = (props = {}) => render(<InteractiveAuthComponent {...defaultProps} {...props} />);
+
+    beforeEach(function () {
+        jest.clearAllMocks();
+    });
+
+    afterAll(() => {
+        unmockClientPeg();
+    });
+
+    const getSubmitButton = ({ container }: RenderResult) =>
+        container.querySelector(".mx_AccessibleButton_kind_primary");
+    const getRegistrationTokenInput = ({ container }: RenderResult) =>
+        container.querySelector('input[name="registrationTokenField"]');
+
+    it("Should successfully complete a registration token flow", async () => {
+        const onAuthFinished = jest.fn();
+        const makeRequest = jest.fn().mockResolvedValue({ a: 1 });
+
+        const authData = {
+            session: "sess",
+            flows: [{ stages: ["m.login.registration_token"] }],
+        };
+
+        const wrapper = getComponent({ makeRequest, onAuthFinished, authData });
+
+        const registrationTokenNode = getRegistrationTokenInput(wrapper);
+        const submitNode = getSubmitButton(wrapper);
+        const formNode = wrapper.container.querySelector("form");
+
+        expect(registrationTokenNode).toBeTruthy();
+        expect(submitNode).toBeTruthy();
+        expect(formNode).toBeTruthy();
+
+        // submit should be disabled
+        expect(submitNode).toHaveAttribute("disabled");
+        expect(submitNode).toHaveAttribute("aria-disabled", "true");
+
+        // put something in the registration token box
+        fireEvent.change(registrationTokenNode!, { target: { value: "s3kr3t" } });
+
+        expect(getRegistrationTokenInput(wrapper)).toHaveValue("s3kr3t");
+        expect(submitNode).not.toHaveAttribute("disabled");
+        expect(submitNode).not.toHaveAttribute("aria-disabled", "true");
+
+        // hit enter; that should trigger a request
+        fireEvent.submit(formNode!);
+
+        // wait for auth request to resolve
+        await flushPromises();
+
+        expect(makeRequest).toHaveBeenCalledTimes(1);
+        expect(makeRequest).toHaveBeenCalledWith(
+            expect.objectContaining({
+                session: "sess",
+                type: "m.login.registration_token",
+                token: "s3kr3t",
+            }),
+        );
+
+        expect(onAuthFinished).toHaveBeenCalledTimes(1);
+        expect(onAuthFinished).toHaveBeenCalledWith(
+            true,
+            { a: 1 },
+            { clientSecret: "t35tcl1Ent5ECr3T", emailSid: undefined },
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/auth/__snapshots__/AuthFooter-test.tsx.snap b/apps/web/test/unit-tests/components/views/auth/__snapshots__/AuthFooter-test.tsx.snap
new file mode 100644
index 00000000000..9c3e3449f93
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/auth/__snapshots__/AuthFooter-test.tsx.snap
@@ -0,0 +1,39 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<AuthFooter /> should match snapshot 1`] = `
+<DocumentFragment>
+  <footer
+    class="mx_AuthFooter"
+    role="contentinfo"
+  >
+    <a
+      href="https://element.io/blog"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      Blog
+    </a>
+    <a
+      href="https://mastodon.matrix.org/@Element"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      Mastodon
+    </a>
+    <a
+      href="https://github.com/element-hq/element-web"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      GitHub
+    </a>
+    <a
+      href="https://matrix.org"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      Powered by Matrix
+    </a>
+  </footer>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/auth/__snapshots__/AuthHeaderLogo-test.tsx.snap b/apps/web/test/unit-tests/components/views/auth/__snapshots__/AuthHeaderLogo-test.tsx.snap
new file mode 100644
index 00000000000..ad52706d2da
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/auth/__snapshots__/AuthHeaderLogo-test.tsx.snap
@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<AuthHeaderLogo /> should match snapshot 1`] = `
+<DocumentFragment>
+  <aside
+    class="mx_AuthHeaderLogo"
+  >
+    <img
+      alt="Element"
+      src="themes/element/img/logos/element-logo.svg"
+    />
+  </aside>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/auth/__snapshots__/AuthPage-test.tsx.snap b/apps/web/test/unit-tests/components/views/auth/__snapshots__/AuthPage-test.tsx.snap
new file mode 100644
index 00000000000..82579e3db7e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/auth/__snapshots__/AuthPage-test.tsx.snap
@@ -0,0 +1,58 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<AuthPage /> should match snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_AuthPage"
+  >
+    <div
+      class="mx_AuthPage_modal mx_AuthPage_modal_withBlur"
+      style="position: relative;"
+    >
+      <div
+        class="mx_AuthPage_modalBlur"
+        style="position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; filter: blur(40px);"
+      />
+      <main
+        aria-live="polite"
+        class="mx_AuthPage_modalContent"
+        style="display: flex; z-index: 1; border-radius: inherit;"
+        tabindex="-1"
+      />
+    </div>
+    <footer
+      class="mx_AuthFooter"
+      role="contentinfo"
+    >
+      <a
+        href="https://element.io/blog"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Blog
+      </a>
+      <a
+        href="https://mastodon.matrix.org/@Element"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Mastodon
+      </a>
+      <a
+        href="https://github.com/element-hq/element-web"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        GitHub
+      </a>
+      <a
+        href="https://matrix.org"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Powered by Matrix
+      </a>
+    </footer>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/auth/__snapshots__/InteractiveAuthEntryComponents-test.tsx.snap b/apps/web/test/unit-tests/components/views/auth/__snapshots__/InteractiveAuthEntryComponents-test.tsx.snap
new file mode 100644
index 00000000000..03e46adffe3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/auth/__snapshots__/InteractiveAuthEntryComponents-test.tsx.snap
@@ -0,0 +1,147 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<EmailIdentityAuthEntry/> should render 1`] = `
+<div>
+  <div
+    class="mx_InteractiveAuthEntryComponents_emailWrapper"
+  >
+    <p>
+      <span>
+        To create your account, open the link in the email we just sent to 
+        <strong>
+          alice@example.xyz
+        </strong>
+        .
+      </span>
+    </p>
+    <p
+      class="secondary"
+    >
+      <span>
+        Did not receive it? 
+        <a
+          aria-label="Resend"
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+          role="button"
+          tabindex="0"
+        >
+          Resend it
+        </a>
+      </span>
+    </p>
+  </div>
+</div>
+`;
+
+exports[`<MasUnlockCrossSigningAuthEntry/> should render 1`] = `
+<div>
+  <div
+    class="mx_EncryptionCard"
+  >
+    <div
+      class="mx_EncryptionCard_header"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="primary"
+        data-size="lg"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          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>
+      </div>
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Go to your account to reset your digital identity
+      </h2>
+      <span>
+        You're about to go to your matrix.org account to reset your digital identity. Once you have completed reset on your account, please return here and click Retry.
+      </span>
+    </div>
+    <div
+      class="mx_EncryptionCard_buttons"
+    >
+      <button
+        class="_button_1nw83_8 mx_Dialog_nonDialogButton _has-icon_1nw83_60"
+        data-kind="primary"
+        data-size="lg"
+        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="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>
+        Continue to account
+      </button>
+      <button
+        class="_button_1nw83_8 mx_Dialog_nonDialogButton"
+        data-kind="tertiary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Retry
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<TermsAuthEntry/> should render 1`] = `
+<div>
+  <div
+    class="mx_InteractiveAuthEntryComponents"
+  >
+    <p>
+      Please review and accept the policies of this homeserver:
+    </p>
+    <label
+      class="mx_InteractiveAuthEntryComponents_termsPolicy"
+    >
+      <input
+        type="checkbox"
+      />
+      <a
+        href="https://example.com/en"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Test Policy
+      </a>
+    </label>
+    <div
+      aria-disabled="true"
+      class="mx_AccessibleButton mx_InteractiveAuthEntryComponents_termsSubmit mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary mx_AccessibleButton_disabled"
+      disabled=""
+      role="button"
+      tabindex="0"
+    >
+      Accept
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/avatars/DecoratedRoomAvatar-test.tsx b/apps/web/test/unit-tests/components/views/avatars/DecoratedRoomAvatar-test.tsx
new file mode 100644
index 00000000000..e41f068d217
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/avatars/DecoratedRoomAvatar-test.tsx
@@ -0,0 +1,100 @@
+/*
+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 { render, waitFor } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+import { JoinRule, type MatrixClient, PendingEventOrdering, Room, RoomMember } from "matrix-js-sdk/src/matrix";
+import React from "react";
+import userEvent from "@testing-library/user-event";
+
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { stubClient } from "../../../../test-utils";
+import DecoratedRoomAvatar from "../../../../../src/components/views/avatars/DecoratedRoomAvatar";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+
+jest.mock("../../../../../src/utils/presence", () => ({ isPresenceEnabled: jest.fn().mockReturnValue(true) }));
+
+jest.mock("../../../../../src/utils/room/getJoinedNonFunctionalMembers", () => ({
+    getJoinedNonFunctionalMembers: jest.fn().mockReturnValue([0, 1]),
+}));
+
+describe("DecoratedRoomAvatar", () => {
+    const ROOM_ID = "roomId";
+
+    let mockClient: MatrixClient;
+    let room: Room;
+
+    function renderComponent() {
+        return render(<DecoratedRoomAvatar room={room} size="32px" />);
+    }
+
+    beforeEach(() => {
+        stubClient();
+        mockClient = mocked(MatrixClientPeg.safeGet());
+
+        room = new Room(ROOM_ID, mockClient, mockClient.getUserId() ?? "", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("shows an avatar with globe icon and tooltip for public room", async () => {
+        const dmRoomMap = {
+            getUserIdForRoomId: jest.fn(),
+        } as unknown as DMRoomMap;
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+        room.getJoinRule = jest.fn().mockReturnValue(JoinRule.Public);
+
+        const { container, asFragment } = renderComponent();
+
+        const globe = container.querySelector(".mx_DecoratedRoomAvatar_icon_globe")!;
+        expect(globe).toBeVisible();
+        await userEvent.hover(globe!);
+
+        // wait for the tooltip to open
+        const tooltip = await waitFor(() => {
+            const tooltip = document.getElementById(globe.getAttribute("aria-labelledby")!);
+            expect(tooltip).toBeVisible();
+            return tooltip;
+        });
+        expect(tooltip).toHaveTextContent("This room is public");
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("shows the presence indicator in a DM room that also has functional members", async () => {
+        const DM_USER_ID = "@bob:foo.bar";
+        const dmRoomMap = {
+            getUserIdForRoomId: () => {
+                return DM_USER_ID;
+            },
+        } as unknown as DMRoomMap;
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+        jest.spyOn(DecoratedRoomAvatar.prototype as any, "getPresenceIcon").mockImplementation(() => "ONLINE");
+        jest.spyOn(room, "getMember").mockReturnValue(new RoomMember(room.roomId, DM_USER_ID));
+
+        const { container, asFragment } = renderComponent();
+
+        const presence = container.querySelector(".mx_DecoratedRoomAvatar_icon")!;
+        expect(presence).toBeVisible();
+        await userEvent.hover(presence!);
+
+        // wait for the tooltip to open
+        const tooltip = await waitFor(() => {
+            const tooltip = document.getElementById(presence.getAttribute("aria-labelledby")!);
+            expect(tooltip).toBeVisible();
+            return tooltip;
+        });
+        expect(tooltip).toHaveTextContent("Online");
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/avatars/MemberAvatar-test.tsx b/apps/web/test/unit-tests/components/views/avatars/MemberAvatar-test.tsx
new file mode 100644
index 00000000000..2e934dc0ce7
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/avatars/MemberAvatar-test.tsx
@@ -0,0 +1,66 @@
+/*
+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 { getByTestId, render, waitFor } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+import { type MatrixClient, PendingEventOrdering, Room, RoomMember } from "matrix-js-sdk/src/matrix";
+import React, { type ComponentProps } from "react";
+
+import MemberAvatar from "../../../../../src/components/views/avatars/MemberAvatar";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { getRoomContext } from "../../../../test-utils/room";
+import { stubClient } from "../../../../test-utils/test-utils";
+import { ScopedRoomContextProvider } from "../../../../../src/contexts/ScopedRoomContext.tsx";
+
+describe("MemberAvatar", () => {
+    const ROOM_ID = "roomId";
+
+    let mockClient: MatrixClient;
+    let room: Room;
+    let member: RoomMember;
+
+    function getComponent(props: Partial<ComponentProps<typeof MemberAvatar>>) {
+        return (
+            <ScopedRoomContextProvider {...getRoomContext(room, {})}>
+                <MemberAvatar member={null} size="35px" {...props} />
+            </ScopedRoomContextProvider>
+        );
+    }
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+
+        stubClient();
+        mockClient = mocked(MatrixClientPeg.safeGet());
+
+        room = new Room(ROOM_ID, mockClient, mockClient.getUserId() ?? "", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        member = new RoomMember(ROOM_ID, "@bob:example.org");
+        jest.spyOn(room, "getMember").mockReturnValue(member);
+        jest.spyOn(member, "getMxcAvatarUrl").mockReturnValue("http://placekitten.com/400/400");
+    });
+
+    it("shows an avatar for useOnlyCurrentProfiles", async () => {
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName: string) => {
+            return settingName === "useOnlyCurrentProfiles";
+        });
+
+        const { container } = render(getComponent({}));
+
+        let avatar: HTMLElement;
+        await waitFor(() => {
+            avatar = getByTestId(container, "avatar-img");
+            expect(avatar).toBeInTheDocument();
+        });
+
+        expect(avatar!.getAttribute("src")).not.toBe("");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/avatars/RoomAvatar-test.tsx b/apps/web/test/unit-tests/components/views/avatars/RoomAvatar-test.tsx
new file mode 100644
index 00000000000..1c8db390409
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/avatars/RoomAvatar-test.tsx
@@ -0,0 +1,104 @@
+/*
+Copyright 2024, 2025 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 { EventType, type MatrixClient, MatrixEvent, Room, RoomMember } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import RoomAvatar from "../../../../../src/components/views/avatars/RoomAvatar";
+import { filterConsole, stubClient } from "../../../../test-utils";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { LocalRoom } from "../../../../../src/models/LocalRoom";
+import * as AvatarModule from "../../../../../src/Avatar";
+import { DirectoryMember } from "../../../../../src/utils/direct-messages";
+import { MediaPreviewValue } from "../../../../../src/@types/media_preview";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../../../src/settings/SettingLevel";
+
+describe("RoomAvatar", () => {
+    let client: MatrixClient;
+
+    filterConsole(
+        // unrelated for this test
+        "Room !room:example.com does not have an m.room.create event",
+    );
+
+    beforeAll(() => {
+        client = stubClient();
+        const dmRoomMap = new DMRoomMap(client);
+        jest.spyOn(dmRoomMap, "getUserIdForRoomId");
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+        jest.spyOn(AvatarModule, "defaultAvatarUrlForString");
+    });
+
+    afterAll(() => {
+        SettingsStore.setValue(
+            "mediaPreviewConfig",
+            null,
+            SettingLevel.ACCOUNT,
+            SettingsStore.getDefaultValue("mediaPreviewConfig"),
+        );
+        jest.restoreAllMocks();
+    });
+
+    afterEach(() => {
+        mocked(DMRoomMap.shared().getUserIdForRoomId).mockReset();
+        mocked(AvatarModule.defaultAvatarUrlForString).mockClear();
+    });
+
+    it("should render as expected for a Room", () => {
+        const room = new Room("!room:example.com", client, client.getSafeUserId());
+        room.name = "test room";
+        expect(render(<RoomAvatar room={room} />).container).toMatchSnapshot();
+    });
+
+    it("should render as expected for a DM room", () => {
+        const userId = "@dm_user@example.com";
+        const room = new Room("!room:example.com", client, client.getSafeUserId());
+        room.getMember = jest.fn().mockImplementation(() => new RoomMember(room.roomId, userId));
+        room.name = "DM room";
+        mocked(DMRoomMap.shared().getUserIdForRoomId).mockReturnValue(userId);
+        expect(render(<RoomAvatar room={room} />).container).toMatchSnapshot();
+    });
+
+    it("should render as expected for a LocalRoom", () => {
+        const userId = "@local_room_user@example.com";
+        const localRoom = new LocalRoom("!room:example.com", client, client.getSafeUserId());
+        localRoom.name = "local test room";
+        localRoom.targets.push(new DirectoryMember({ user_id: userId }));
+        expect(render(<RoomAvatar room={localRoom} />).container).toMatchSnapshot();
+    });
+    it("should render an avatar for a room the user is invited to", () => {
+        const room = new Room("!room:example.com", client, client.getSafeUserId());
+        jest.spyOn(room, "getMxcAvatarUrl").mockImplementation(() => "mxc://example.com/foobar");
+        room.name = "test room";
+        room.updateMyMembership("invite");
+        room.currentState.setStateEvents([
+            new MatrixEvent({
+                sender: "@sender:server",
+                room_id: room.roomId,
+                type: EventType.RoomAvatar,
+                state_key: "",
+                content: {
+                    url: "mxc://example.com/foobar",
+                },
+            }),
+        ]);
+        expect(render(<RoomAvatar room={room} />).container).toMatchSnapshot();
+    });
+    it("should not render an invite avatar if the user has disabled it", () => {
+        SettingsStore.setValue("mediaPreviewConfig", null, SettingLevel.ACCOUNT, {
+            invite_avatars: MediaPreviewValue.Off,
+        });
+        const room = new Room("!room:example.com", client, client.getSafeUserId());
+        room.name = "test room";
+        room.updateMyMembership("invite");
+        expect(render(<RoomAvatar room={room} />).container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/avatars/RoomAvatarView-test.tsx b/apps/web/test/unit-tests/components/views/avatars/RoomAvatarView-test.tsx
new file mode 100644
index 00000000000..fe403af5107
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/avatars/RoomAvatarView-test.tsx
@@ -0,0 +1,100 @@
+/*
+ * 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 { mocked } from "jest-mock";
+
+import { RoomAvatarView } from "../../../../../src/components/views/avatars/RoomAvatarView";
+import { mkStubRoom, stubClient } from "../../../../test-utils";
+import {
+    AvatarBadgeDecoration,
+    type RoomAvatarViewState,
+    useRoomAvatarViewModel,
+} from "../../../../../src/components/viewmodels/avatars/RoomAvatarViewModel";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { Presence } from "../../../../../src/components/views/avatars/WithPresenceIndicator";
+
+jest.mock("../../../../../src/components/viewmodels/avatars/RoomAvatarViewModel", () => ({
+    ...jest.requireActual("../../../../../src/components/viewmodels/avatars/RoomAvatarViewModel"),
+    useRoomAvatarViewModel: jest.fn(),
+}));
+
+describe("<RoomAvatarView />", () => {
+    const matrixClient = stubClient();
+    const room = mkStubRoom("roomId", "roomName", matrixClient);
+
+    DMRoomMap.makeShared(matrixClient);
+    jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(undefined);
+
+    let defaultValue: RoomAvatarViewState;
+
+    beforeEach(() => {
+        defaultValue = {
+            badgeDecoration: undefined,
+            presence: null,
+        };
+
+        mocked(useRoomAvatarViewModel).mockReturnValue(defaultValue);
+    });
+
+    it("should not render a decoration", () => {
+        mocked(useRoomAvatarViewModel).mockReturnValue({ ...defaultValue });
+        const { asFragment } = render(<RoomAvatarView room={room} />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render a low priority room decoration", () => {
+        mocked(useRoomAvatarViewModel).mockReturnValue({
+            ...defaultValue,
+            badgeDecoration: AvatarBadgeDecoration.LowPriority,
+        });
+        const { asFragment } = render(<RoomAvatarView room={room} />);
+
+        expect(screen.getByLabelText("This is a low priority room")).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render a video room decoration", () => {
+        mocked(useRoomAvatarViewModel).mockReturnValue({
+            ...defaultValue,
+            badgeDecoration: AvatarBadgeDecoration.VideoRoom,
+        });
+        const { asFragment } = render(<RoomAvatarView room={room} />);
+
+        expect(screen.getByLabelText("This room is a video room")).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render a public room decoration", () => {
+        mocked(useRoomAvatarViewModel).mockReturnValue({
+            ...defaultValue,
+            badgeDecoration: AvatarBadgeDecoration.PublicRoom,
+        });
+        const { asFragment } = render(<RoomAvatarView room={room} />);
+
+        expect(screen.getByLabelText("This room is public")).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it.each([
+        { presence: Presence.Online, label: "Online" },
+        { presence: Presence.Offline, label: "Offline" },
+        { presence: Presence.Busy, label: "Busy" },
+        { presence: Presence.Away, label: "Away" },
+    ])("should render the $presence presence", ({ presence, label }) => {
+        mocked(useRoomAvatarViewModel).mockReturnValue({
+            ...defaultValue,
+            badgeDecoration: AvatarBadgeDecoration.Presence,
+            presence,
+        });
+        const { asFragment } = render(<RoomAvatarView room={room} />);
+
+        expect(screen.getByLabelText(label)).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/avatars/WithPresenceIndicator-test.tsx b/apps/web/test/unit-tests/components/views/avatars/WithPresenceIndicator-test.tsx
new file mode 100644
index 00000000000..b3871caa8f9
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/avatars/WithPresenceIndicator-test.tsx
@@ -0,0 +1,225 @@
+/*
+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.
+*/
+
+import { act, render, renderHook, waitFor } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+import { type MatrixClient, PendingEventOrdering, Room, RoomMember, User, UserEvent } from "matrix-js-sdk/src/matrix";
+import React from "react";
+
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { getMockClientWithEventEmitter, stubClient } from "../../../../test-utils";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import WithPresenceIndicator, {
+    Presence,
+    usePresence,
+} from "../../../../../src/components/views/avatars/WithPresenceIndicator";
+import { isPresenceEnabled } from "../../../../../src/utils/presence";
+import { getJoinedNonFunctionalMembers } from "../../../../../src/utils/room/getJoinedNonFunctionalMembers";
+
+jest.mock("../../../../../src/utils/presence");
+
+jest.mock("../../../../../src/utils/room/getJoinedNonFunctionalMembers", () => ({
+    getJoinedNonFunctionalMembers: jest.fn().mockReturnValue([1, 2]),
+}));
+
+describe("WithPresenceIndicator", () => {
+    const ROOM_ID = "roomId";
+
+    let mockClient: MatrixClient;
+    let room: Room;
+
+    function renderComponent() {
+        return render(
+            <WithPresenceIndicator room={room}>
+                <span />
+            </WithPresenceIndicator>,
+        );
+    }
+
+    beforeEach(() => {
+        stubClient();
+        mockClient = mocked(MatrixClientPeg.safeGet());
+        room = new Room(ROOM_ID, mockClient, mockClient.getUserId() ?? "", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        const dmRoomMap = {
+            getUserIdForRoomId: jest.fn(),
+        } as unknown as DMRoomMap;
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("renders only child if presence is disabled", async () => {
+        mocked(isPresenceEnabled).mockReturnValue(false);
+        const { container } = renderComponent();
+
+        expect(container.children).toHaveLength(1);
+        expect(container.children[0].tagName).toBe("SPAN");
+    });
+
+    it.each([
+        ["online", "Online"],
+        ["offline", "Offline"],
+        ["unavailable", "Away"],
+    ])("renders presence indicator with tooltip for DM rooms", async (presenceStr, renderedStr) => {
+        mocked(isPresenceEnabled).mockReturnValue(true);
+        const DM_USER_ID = "@bob:foo.bar";
+        const dmRoomMap = {
+            getUserIdForRoomId: () => {
+                return DM_USER_ID;
+            },
+        } as unknown as DMRoomMap;
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+        room.getMember = jest.fn((userId) => {
+            const member = new RoomMember(room.roomId, userId);
+            member.user = new User(userId);
+            member.user.presence = presenceStr;
+            return member;
+        });
+
+        const { asFragment } = renderComponent();
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
+
+describe("usePresence", () => {
+    const ROOM_ID = "roomId";
+    const DM_USER_ID = "@bob:foo.bar";
+
+    let mockClient: ReturnType<typeof getMockClientWithEventEmitter>;
+    let room: Room;
+    let member: RoomMember;
+    let user: User;
+
+    beforeEach(() => {
+        mockClient = getMockClientWithEventEmitter({
+            getUserId: jest.fn().mockReturnValue("@alice:foo.bar"),
+            getUser: jest.fn().mockReturnValue(null),
+            store: { getPendingEvents: jest.fn().mockResolvedValue([]) },
+        });
+        room = new Room(ROOM_ID, mockClient as unknown as MatrixClient, mockClient.getUserId() ?? "");
+
+        mocked(isPresenceEnabled).mockReturnValue(true);
+        mocked(getJoinedNonFunctionalMembers).mockReturnValue([1, 2] as any);
+
+        user = new User(DM_USER_ID);
+        user.presence = "online";
+        member = new RoomMember(ROOM_ID, DM_USER_ID);
+        member.user = user;
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("returns null when presence is disabled", () => {
+        mocked(isPresenceEnabled).mockReturnValue(false);
+        const { result } = renderHook(() => usePresence(room, member));
+        expect(result.current).toBeNull();
+    });
+
+    it("returns null when room does not have exactly 2 members", () => {
+        mocked(getJoinedNonFunctionalMembers).mockReturnValue([1] as any);
+        const { result } = renderHook(() => usePresence(room, member));
+        expect(result.current).toBeNull();
+    });
+
+    it("returns null when member is null", () => {
+        const { result } = renderHook(() => usePresence(room, null));
+        expect(result.current).toBeNull();
+    });
+
+    it.each([
+        ["online", Presence.Online],
+        ["offline", Presence.Offline],
+        ["unavailable", Presence.Away],
+        ["busy", Presence.Busy],
+    ])("returns correct presence for user with '%s' presence state", (presenceStr, expectedPresence) => {
+        user.presence = presenceStr;
+        const { result } = renderHook(() => usePresence(room, member));
+        expect(result.current).toBe(expectedPresence);
+    });
+
+    it("returns Online when user.currentlyActive is true regardless of presence string", () => {
+        user.presence = "offline";
+        user.currentlyActive = true;
+        const { result } = renderHook(() => usePresence(room, member));
+        expect(result.current).toBe(Presence.Online);
+    });
+
+    it("updates when UserEvent.Presence fires on member.user", async () => {
+        user.presence = "online";
+        const { result } = renderHook(() => usePresence(room, member));
+        expect(result.current).toBe(Presence.Online);
+
+        act(() => {
+            user.presence = "offline";
+            user.emit(UserEvent.Presence, null as any, user);
+        });
+
+        await waitFor(() => expect(result.current).toBe(Presence.Offline));
+    });
+
+    it("updates when UserEvent.CurrentlyActive fires on member.user", async () => {
+        user.presence = "offline";
+        user.currentlyActive = false;
+        const { result } = renderHook(() => usePresence(room, member));
+        expect(result.current).toBe(Presence.Offline);
+
+        act(() => {
+            user.currentlyActive = true;
+            user.emit(UserEvent.CurrentlyActive, null as any, user);
+        });
+
+        await waitFor(() => expect(result.current).toBe(Presence.Online));
+    });
+
+    it("returns correct presence when member.user is not linked but client has user data", () => {
+        member.user = undefined;
+        mocked(mockClient.getUser).mockImplementation((userId) => (userId === DM_USER_ID ? user : null));
+
+        user.presence = "online";
+        const { result } = renderHook(() => usePresence(room, member));
+        expect(result.current).toBe("online");
+    });
+
+    it("updates via client-level UserEvent.Presence when member.user is not yet linked", async () => {
+        member.user = undefined;
+        mocked(mockClient.getUser).mockImplementation((userId) => (userId === DM_USER_ID ? user : null));
+        user.presence = "online";
+
+        const { result } = renderHook(() => usePresence(room, member));
+        expect(result.current).toBe(Presence.Online);
+
+        act(() => {
+            user.presence = "offline";
+            mockClient.emit(UserEvent.Presence, null as any, user);
+        });
+
+        await waitFor(() => expect(result.current).toBe(Presence.Offline));
+    });
+
+    it("does not update when client emits UserEvent.Presence for a different user", async () => {
+        user.presence = "online";
+        const { result } = renderHook(() => usePresence(room, member));
+        expect(result.current).toBe(Presence.Online);
+
+        act(() => {
+            const otherUser = new User("@other:foo.bar");
+            otherUser.presence = "offline";
+            mockClient.emit(UserEvent.Presence, null as any, otherUser);
+        });
+
+        expect(result.current).toBe(Presence.Online);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/avatars/__snapshots__/DecoratedRoomAvatar-test.tsx.snap b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/DecoratedRoomAvatar-test.tsx.snap
new file mode 100644
index 00000000000..b7da12bb5c0
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/DecoratedRoomAvatar-test.tsx.snap
@@ -0,0 +1,61 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`DecoratedRoomAvatar shows an avatar with globe icon and tooltip for public room 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_DecoratedRoomAvatar mx_DecoratedRoomAvatar_cutout"
+  >
+    <span
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+      data-color="1"
+      data-testid="avatar-img"
+      data-type="round"
+      role="presentation"
+      style="--cpd-avatar-size: 32px;"
+    >
+      r
+    </span>
+    <div
+      aria-labelledby="react-use-id-1"
+      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>
+`;
+
+exports[`DecoratedRoomAvatar shows the presence indicator in a DM room that also has functional members 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_DecoratedRoomAvatar mx_DecoratedRoomAvatar_cutout"
+  >
+    <span
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+      data-color="5"
+      data-testid="avatar-img"
+      data-type="round"
+      role="presentation"
+      style="--cpd-avatar-size: 32px;"
+    >
+      r
+    </span>
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_DecoratedRoomAvatar_icon mx_DecoratedRoomAvatar_icon_online"
+      tabindex="0"
+    />
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatar-test.tsx.snap b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatar-test.tsx.snap
new file mode 100644
index 00000000000..2115fde36a1
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatar-test.tsx.snap
@@ -0,0 +1,85 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`RoomAvatar should not render an invite avatar if the user has disabled it 1`] = `
+<div>
+  <span
+    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+    data-color="6"
+    data-testid="avatar-img"
+    data-type="round"
+    role="presentation"
+    style="--cpd-avatar-size: 36px;"
+  >
+    t
+  </span>
+</div>
+`;
+
+exports[`RoomAvatar should render an avatar for a room the user is invited to 1`] = `
+<div>
+  <span
+    aria-label="Avatar"
+    class="_avatar_va14e_8 mx_BaseAvatar"
+    data-color="6"
+    data-testid="avatar-img"
+    data-type="round"
+    style="--cpd-avatar-size: 36px;"
+  >
+    <img
+      alt=""
+      class="_image_va14e_43"
+      data-type="round"
+      height="36px"
+      loading="lazy"
+      referrerpolicy="no-referrer"
+      src="http://this.is.a.url/example.com/foobar"
+      width="36px"
+    />
+  </span>
+</div>
+`;
+
+exports[`RoomAvatar should render as expected for a DM room 1`] = `
+<div>
+  <span
+    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+    data-color="1"
+    data-testid="avatar-img"
+    data-type="round"
+    role="presentation"
+    style="--cpd-avatar-size: 36px;"
+  >
+    D
+  </span>
+</div>
+`;
+
+exports[`RoomAvatar should render as expected for a LocalRoom 1`] = `
+<div>
+  <span
+    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+    data-color="3"
+    data-testid="avatar-img"
+    data-type="round"
+    role="presentation"
+    style="--cpd-avatar-size: 36px;"
+  >
+    l
+  </span>
+</div>
+`;
+
+exports[`RoomAvatar should render as expected for a Room 1`] = `
+<div>
+  <span
+    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+    data-color="6"
+    data-testid="avatar-img"
+    data-type="round"
+    role="presentation"
+    style="--cpd-avatar-size: 36px;"
+  >
+    t
+  </span>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatarView-test.tsx.snap b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatarView-test.tsx.snap
new file mode 100644
index 00000000000..b57bc10f45d
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatarView-test.tsx.snap
@@ -0,0 +1,389 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<RoomAvatarView /> should not render a decoration 1`] = `
+<DocumentFragment>
+  <span
+    aria-label="Avatar"
+    class="_avatar_va14e_8 mx_BaseAvatar"
+    data-color="1"
+    data-testid="avatar-img"
+    data-type="round"
+    style="--cpd-avatar-size: 32px;"
+  >
+    <img
+      alt=""
+      class="_image_va14e_43"
+      data-type="round"
+      height="32px"
+      loading="lazy"
+      referrerpolicy="no-referrer"
+      src="http://this.is.a.url/avatar.url/room.png"
+      width="32px"
+    />
+  </span>
+</DocumentFragment>
+`;
+
+exports[`<RoomAvatarView /> should render a low priority room decoration 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9 mx_RoomAvatarView"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <span
+      aria-label="Avatar"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_icon"
+      data-color="1"
+      data-testid="avatar-img"
+      data-type="round"
+      style="--cpd-avatar-size: 32px;"
+    >
+      <img
+        alt=""
+        class="_image_va14e_43"
+        data-type="round"
+        height="32px"
+        loading="lazy"
+        referrerpolicy="no-referrer"
+        src="http://this.is.a.url/avatar.url/room.png"
+        width="32px"
+      />
+    </span>
+    <svg
+      aria-label="This is a low priority room"
+      aria-labelledby="react-use-id-1"
+      class="mx_RoomAvatarView_icon"
+      color="var(--cpd-color-icon-tertiary)"
+      fill="currentColor"
+      height="16px"
+      viewBox="0 0 24 24"
+      width="16px"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 4.5a1 1 0 0 1 1 1v10.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 1 1 1.414-1.414L11 16.086V5.5a1 1 0 0 1 1-1"
+      />
+    </svg>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<RoomAvatarView /> should render a public room decoration 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9 mx_RoomAvatarView"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <span
+      aria-label="Avatar"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_icon"
+      data-color="1"
+      data-testid="avatar-img"
+      data-type="round"
+      style="--cpd-avatar-size: 32px;"
+    >
+      <img
+        alt=""
+        class="_image_va14e_43"
+        data-type="round"
+        height="32px"
+        loading="lazy"
+        referrerpolicy="no-referrer"
+        src="http://this.is.a.url/avatar.url/room.png"
+        width="32px"
+      />
+    </span>
+    <svg
+      aria-label="This room is public"
+      aria-labelledby="react-use-id-1"
+      class="mx_RoomAvatarView_icon"
+      color="var(--cpd-color-icon-info-primary)"
+      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 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>
+</DocumentFragment>
+`;
+
+exports[`<RoomAvatarView /> should render a video room decoration 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9 mx_RoomAvatarView"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <span
+      aria-label="Avatar"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_icon"
+      data-color="1"
+      data-testid="avatar-img"
+      data-type="round"
+      style="--cpd-avatar-size: 32px;"
+    >
+      <img
+        alt=""
+        class="_image_va14e_43"
+        data-type="round"
+        height="32px"
+        loading="lazy"
+        referrerpolicy="no-referrer"
+        src="http://this.is.a.url/avatar.url/room.png"
+        width="32px"
+      />
+    </span>
+    <svg
+      aria-label="This room is a video room"
+      aria-labelledby="react-use-id-1"
+      class="mx_RoomAvatarView_icon"
+      color="var(--cpd-color-icon-tertiary)"
+      fill="currentColor"
+      height="16px"
+      viewBox="0 0 24 24"
+      width="16px"
+      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>
+</DocumentFragment>
+`;
+
+exports[`<RoomAvatarView /> should render the busy presence 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9 mx_RoomAvatarView"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <span
+      aria-label="Avatar"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_presence"
+      data-color="1"
+      data-testid="avatar-img"
+      data-type="round"
+      style="--cpd-avatar-size: 32px;"
+    >
+      <img
+        alt=""
+        class="_image_va14e_43"
+        data-type="round"
+        height="32px"
+        loading="lazy"
+        referrerpolicy="no-referrer"
+        src="http://this.is.a.url/avatar.url/room.png"
+        width="32px"
+      />
+    </span>
+    <svg
+      aria-label="Busy"
+      aria-labelledby="react-use-id-1"
+      class="mx_RoomAvatarView_PresenceDecoration"
+      color="var(--cpd-color-icon-tertiary)"
+      fill="currentColor"
+      height="8px"
+      viewBox="0 0 8 8"
+      width="8px"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g
+        clip-path="url(#cpd_PresenceStrikethrough8X8Icon_a)"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0M5.435 6.048A2.5 2.5 0 0 1 1.687 3.05zm.914-1.19L2.648 1.897a2.5 2.5 0 0 1 3.701 2.961"
+          fill-rule="evenodd"
+        />
+      </g>
+      <defs>
+        <clippath
+          id="cpd_PresenceStrikethrough8X8Icon_a"
+        >
+          <path
+            d="M0 0h8v8H0z"
+          />
+        </clippath>
+      </defs>
+    </svg>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<RoomAvatarView /> should render the offline presence 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9 mx_RoomAvatarView"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <span
+      aria-label="Avatar"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_presence"
+      data-color="1"
+      data-testid="avatar-img"
+      data-type="round"
+      style="--cpd-avatar-size: 32px;"
+    >
+      <img
+        alt=""
+        class="_image_va14e_43"
+        data-type="round"
+        height="32px"
+        loading="lazy"
+        referrerpolicy="no-referrer"
+        src="http://this.is.a.url/avatar.url/room.png"
+        width="32px"
+      />
+    </span>
+    <svg
+      aria-label="Offline"
+      aria-labelledby="react-use-id-1"
+      class="mx_RoomAvatarView_PresenceDecoration"
+      color="var(--cpd-color-icon-tertiary)"
+      fill="currentColor"
+      height="8px"
+      viewBox="0 0 8 8"
+      width="8px"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g
+        clip-path="url(#cpd_PresenceOutline8X8Icon_a)"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M4 6.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M4 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8"
+          fill-rule="evenodd"
+        />
+      </g>
+      <defs>
+        <clippath
+          id="cpd_PresenceOutline8X8Icon_a"
+        >
+          <path
+            d="M0 0h8v8H0z"
+          />
+        </clippath>
+      </defs>
+    </svg>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<RoomAvatarView /> should render the online presence 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9 mx_RoomAvatarView"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <span
+      aria-label="Avatar"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_presence"
+      data-color="1"
+      data-testid="avatar-img"
+      data-type="round"
+      style="--cpd-avatar-size: 32px;"
+    >
+      <img
+        alt=""
+        class="_image_va14e_43"
+        data-type="round"
+        height="32px"
+        loading="lazy"
+        referrerpolicy="no-referrer"
+        src="http://this.is.a.url/avatar.url/room.png"
+        width="32px"
+      />
+    </span>
+    <svg
+      aria-label="Online"
+      aria-labelledby="react-use-id-1"
+      class="mx_RoomAvatarView_PresenceDecoration"
+      color="var(--cpd-color-icon-accent-primary)"
+      fill="currentColor"
+      height="8px"
+      viewBox="0 0 8 8"
+      width="8px"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g
+        clip-path="url(#cpd_PresenceSolid8X8Icon_a)"
+      >
+        <path
+          d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
+        />
+      </g>
+      <defs>
+        <clippath
+          id="cpd_PresenceSolid8X8Icon_a"
+        >
+          <path
+            d="M0 0h8v8H0z"
+          />
+        </clippath>
+      </defs>
+    </svg>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<RoomAvatarView /> should render the unavailable presence 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9 mx_RoomAvatarView"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <span
+      aria-label="Avatar"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_presence"
+      data-color="1"
+      data-testid="avatar-img"
+      data-type="round"
+      style="--cpd-avatar-size: 32px;"
+    >
+      <img
+        alt=""
+        class="_image_va14e_43"
+        data-type="round"
+        height="32px"
+        loading="lazy"
+        referrerpolicy="no-referrer"
+        src="http://this.is.a.url/avatar.url/room.png"
+        width="32px"
+      />
+    </span>
+    <svg
+      aria-label="Away"
+      aria-labelledby="react-use-id-1"
+      class="mx_RoomAvatarView_PresenceDecoration"
+      color="var(--cpd-color-icon-quaternary)"
+      fill="currentColor"
+      height="8px"
+      viewBox="0 0 8 8"
+      width="8px"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g
+        clip-path="url(#cpd_PresenceSolid8X8Icon_a)"
+      >
+        <path
+          d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
+        />
+      </g>
+      <defs>
+        <clippath
+          id="cpd_PresenceSolid8X8Icon_a"
+        >
+          <path
+            d="M0 0h8v8H0z"
+          />
+        </clippath>
+      </defs>
+    </svg>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/avatars/__snapshots__/WithPresenceIndicator-test.tsx.snap b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/WithPresenceIndicator-test.tsx.snap
new file mode 100644
index 00000000000..46f56e3a7a1
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/WithPresenceIndicator-test.tsx.snap
@@ -0,0 +1,147 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`WithPresenceIndicator renders presence indicator with tooltip for DM rooms 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_WithPresenceIndicator"
+  >
+    <span />
+    <div
+      class="mx_WithPresenceIndicator_icon"
+    >
+      <span
+        tabindex="0"
+      >
+        <div
+          aria-labelledby="react-use-id-1"
+          class="mx_PresenceIconView"
+        >
+          <svg
+            class="mx_PresenceIconView_online"
+            fill="currentColor"
+            height="8px"
+            viewBox="0 0 8 8"
+            width="8px"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <g
+              clip-path="url(#cpd_PresenceSolid8X8Icon_a)"
+            >
+              <path
+                d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
+              />
+            </g>
+            <defs>
+              <clippath
+                id="cpd_PresenceSolid8X8Icon_a"
+              >
+                <path
+                  d="M0 0h8v8H0z"
+                />
+              </clippath>
+            </defs>
+          </svg>
+        </div>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`WithPresenceIndicator renders presence indicator with tooltip for DM rooms 2`] = `
+<DocumentFragment>
+  <div
+    class="mx_WithPresenceIndicator"
+  >
+    <span />
+    <div
+      class="mx_WithPresenceIndicator_icon"
+    >
+      <span
+        tabindex="0"
+      >
+        <div
+          aria-labelledby="react-use-id-1"
+          class="mx_PresenceIconView"
+        >
+          <svg
+            class="mx_PresenceIconView_offline"
+            fill="currentColor"
+            height="8px"
+            viewBox="0 0 8 8"
+            width="8px"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <g
+              clip-path="url(#cpd_PresenceOutline8X8Icon_a)"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M4 6.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M4 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8"
+                fill-rule="evenodd"
+              />
+            </g>
+            <defs>
+              <clippath
+                id="cpd_PresenceOutline8X8Icon_a"
+              >
+                <path
+                  d="M0 0h8v8H0z"
+                />
+              </clippath>
+            </defs>
+          </svg>
+        </div>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`WithPresenceIndicator renders presence indicator with tooltip for DM rooms 3`] = `
+<DocumentFragment>
+  <div
+    class="mx_WithPresenceIndicator"
+  >
+    <span />
+    <div
+      class="mx_WithPresenceIndicator_icon"
+    >
+      <span
+        tabindex="0"
+      >
+        <div
+          aria-labelledby="react-use-id-1"
+          class="mx_PresenceIconView"
+        >
+          <svg
+            class="mx_PresenceIconView_unavailable"
+            fill="currentColor"
+            height="8px"
+            viewBox="0 0 8 8"
+            width="8px"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <g
+              clip-path="url(#cpd_PresenceSolid8X8Icon_a)"
+            >
+              <path
+                d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
+              />
+            </g>
+            <defs>
+              <clippath
+                id="cpd_PresenceSolid8X8Icon_a"
+              >
+                <path
+                  d="M0 0h8v8H0z"
+                />
+              </clippath>
+            </defs>
+          </svg>
+        </div>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/beacon/BeaconListItem-test.tsx b/apps/web/test/unit-tests/components/views/beacon/BeaconListItem-test.tsx
new file mode 100644
index 00000000000..77738392232
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/BeaconListItem-test.tsx
@@ -0,0 +1,183 @@
+/*
+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 { act, fireEvent, render } from "jest-matrix-react";
+import { Beacon, RoomMember, type MatrixEvent, LocationAssetType } from "matrix-js-sdk/src/matrix";
+
+import BeaconListItem from "../../../../../src/components/views/beacon/BeaconListItem";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import {
+    getMockClientWithEventEmitter,
+    makeBeaconEvent,
+    makeBeaconInfoEvent,
+    makeRoomWithBeacons,
+} from "../../../../test-utils";
+
+describe("<BeaconListItem />", () => {
+    // 14.03.2022 16:15
+    const now = 1647270879403;
+    // go back in time to create beacons and locations in the past
+    jest.spyOn(global.Date, "now").mockReturnValue(now - 600000);
+    const roomId = "!room:server";
+    const aliceId = "@alice:server";
+
+    const mockClient = getMockClientWithEventEmitter({
+        getUserId: jest.fn().mockReturnValue(aliceId),
+        getRoom: jest.fn(),
+        isGuest: jest.fn().mockReturnValue(false),
+    });
+
+    const aliceBeaconEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: true }, "$alice-room1-1");
+    const alicePinBeaconEvent = makeBeaconInfoEvent(
+        aliceId,
+        roomId,
+        { isLive: true, assetType: LocationAssetType.Pin, description: "Alice's car" },
+        "$alice-room1-1",
+    );
+    const pinBeaconWithoutDescription = makeBeaconInfoEvent(
+        aliceId,
+        roomId,
+        { isLive: true, assetType: LocationAssetType.Pin },
+        "$alice-room1-1",
+    );
+
+    const aliceLocation1 = makeBeaconEvent(aliceId, {
+        beaconInfoId: aliceBeaconEvent.getId(),
+        geoUri: "geo:51,41",
+        timestamp: now - 1,
+    });
+    const aliceLocation2 = makeBeaconEvent(aliceId, {
+        beaconInfoId: aliceBeaconEvent.getId(),
+        geoUri: "geo:52,42",
+        timestamp: now - 500000,
+    });
+
+    const defaultProps = {
+        beacon: new Beacon(aliceBeaconEvent),
+    };
+
+    const getComponent = (props = {}) =>
+        render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <BeaconListItem {...defaultProps} {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+    const setupRoomWithBeacons = (beaconInfoEvents: MatrixEvent[], locationEvents?: MatrixEvent[]): Beacon[] => {
+        const beacons = makeRoomWithBeacons(roomId, mockClient, beaconInfoEvents, locationEvents);
+
+        const member = new RoomMember(roomId, aliceId);
+        member.name = `Alice`;
+        const room = mockClient.getRoom(roomId)!;
+        jest.spyOn(room, "getMember").mockReturnValue(member);
+
+        return beacons;
+    };
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        jest.spyOn(Date, "now").mockReturnValue(now);
+    });
+
+    it("renders null when beacon is not live", () => {
+        const notLiveBeacon = makeBeaconInfoEvent(aliceId, roomId, { isLive: false });
+        const [beacon] = setupRoomWithBeacons([notLiveBeacon]);
+        const { container } = getComponent({ beacon });
+        expect(container.innerHTML).toBeFalsy();
+    });
+
+    it("renders null when beacon has no location", () => {
+        const [beacon] = setupRoomWithBeacons([aliceBeaconEvent]);
+        const { container } = getComponent({ beacon });
+        expect(container.innerHTML).toBeFalsy();
+    });
+
+    describe("when a beacon is live and has locations", () => {
+        it("renders beacon info", () => {
+            const [beacon] = setupRoomWithBeacons([alicePinBeaconEvent], [aliceLocation1]);
+            const { asFragment } = getComponent({ beacon });
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        describe("non-self beacons", () => {
+            it("uses beacon description as beacon name", () => {
+                const [beacon] = setupRoomWithBeacons([alicePinBeaconEvent], [aliceLocation1]);
+                const { container } = getComponent({ beacon });
+                expect(container.querySelector(".mx_BeaconStatus_label")).toHaveTextContent("Alice's car");
+            });
+
+            it("uses beacon owner mxid as beacon name for a beacon without description", () => {
+                const [beacon] = setupRoomWithBeacons([pinBeaconWithoutDescription], [aliceLocation1]);
+                const { container } = getComponent({ beacon });
+                expect(container.querySelector(".mx_BeaconStatus_label")).toHaveTextContent(aliceId);
+            });
+
+            it("renders location icon", () => {
+                const [beacon] = setupRoomWithBeacons([alicePinBeaconEvent], [aliceLocation1]);
+                const { container } = getComponent({ beacon });
+                expect(container.querySelector(".mx_StyledLiveBeaconIcon")).toBeTruthy();
+            });
+        });
+
+        describe("self locations", () => {
+            it("renders beacon owner avatar", () => {
+                const [beacon] = setupRoomWithBeacons([aliceBeaconEvent], [aliceLocation1]);
+                const { container } = getComponent({ beacon });
+                expect(container.querySelector(".mx_BaseAvatar")).toBeTruthy();
+            });
+
+            it("uses beacon owner name as beacon name", () => {
+                const [beacon] = setupRoomWithBeacons([aliceBeaconEvent], [aliceLocation1]);
+                const { container } = getComponent({ beacon });
+                expect(container.querySelector(".mx_BeaconStatus_label")).toHaveTextContent("Alice");
+            });
+        });
+
+        describe("on location updates", () => {
+            it("updates last updated time on location updated", () => {
+                const [beacon] = setupRoomWithBeacons([aliceBeaconEvent], [aliceLocation2]);
+                const { container } = getComponent({ beacon });
+
+                expect(container.querySelector(".mx_BeaconListItem_lastUpdated")).toHaveTextContent(
+                    "Updated 9 minutes ago",
+                );
+
+                // update to a newer location
+                act(() => {
+                    beacon.addLocations([aliceLocation1]);
+                });
+
+                expect(container.querySelector(".mx_BeaconListItem_lastUpdated")).toHaveTextContent(
+                    "Updated a few seconds ago",
+                );
+            });
+        });
+
+        describe("interactions", () => {
+            it("does not call onClick handler when clicking share button", () => {
+                const [beacon] = setupRoomWithBeacons([alicePinBeaconEvent], [aliceLocation1]);
+                const onClick = jest.fn();
+                const { getByTestId } = getComponent({ beacon, onClick });
+
+                fireEvent.click(getByTestId("open-location-in-osm"));
+                expect(onClick).not.toHaveBeenCalled();
+            });
+
+            it("calls onClick handler when clicking outside of share buttons", () => {
+                const [beacon] = setupRoomWithBeacons([alicePinBeaconEvent], [aliceLocation1]);
+                const onClick = jest.fn();
+                const { container } = getComponent({ beacon, onClick });
+
+                // click the beacon name
+                fireEvent.click(container.querySelector(".mx_BeaconStatus_description")!);
+                expect(onClick).toHaveBeenCalled();
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/beacon/BeaconMarker-test.tsx b/apps/web/test/unit-tests/components/views/beacon/BeaconMarker-test.tsx
new file mode 100644
index 00000000000..8e24c6d8417
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/BeaconMarker-test.tsx
@@ -0,0 +1,136 @@
+/*
+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 { act, render, screen, waitFor } from "jest-matrix-react";
+import * as maplibregl from "maplibre-gl";
+import { Beacon, type Room, RoomMember, type MatrixEvent, getBeaconInfoIdentifier } from "matrix-js-sdk/src/matrix";
+
+import BeaconMarker from "../../../../../src/components/views/beacon/BeaconMarker";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import {
+    getMockClientWithEventEmitter,
+    makeBeaconEvent,
+    makeBeaconInfoEvent,
+    makeRoomWithStateEvents,
+} from "../../../../test-utils";
+import { TILE_SERVER_WK_KEY } from "../../../../../src/utils/WellKnownUtils";
+
+describe("<BeaconMarker />", () => {
+    // 14.03.2022 16:15
+    const now = 1647270879403;
+    // stable date for snapshots
+    jest.spyOn(global.Date, "now").mockReturnValue(now);
+    const roomId = "!room:server";
+    const aliceId = "@alice:server";
+
+    const aliceMember = new RoomMember(roomId, aliceId);
+
+    const mapOptions = { container: {} as unknown as HTMLElement, style: "" };
+    const mockMap = new maplibregl.Map(mapOptions);
+    const mockMarker = new maplibregl.Marker();
+
+    const mockClient = getMockClientWithEventEmitter({
+        getClientWellKnown: jest.fn().mockReturnValue({
+            [TILE_SERVER_WK_KEY.name]: { map_style_url: "maps.com" },
+        }),
+        getUserId: jest.fn().mockReturnValue(aliceId),
+        getRoom: jest.fn(),
+        isGuest: jest.fn().mockReturnValue(false),
+    });
+
+    // make fresh rooms every time
+    // as we update room state
+    const setupRoom = (stateEvents: MatrixEvent[] = []): Room => {
+        const room1 = makeRoomWithStateEvents(stateEvents, { roomId, mockClient });
+        jest.spyOn(room1, "getMember").mockReturnValue(aliceMember);
+        return room1;
+    };
+
+    const defaultEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: true }, "$alice-room1-1");
+    const notLiveEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: false }, "$alice-room1-2");
+
+    const geoUri1 = "geo:51,41";
+    const location1 = makeBeaconEvent(aliceId, {
+        beaconInfoId: defaultEvent.getId(),
+        geoUri: geoUri1,
+        timestamp: now + 1,
+    });
+    const geoUri2 = "geo:52,42";
+    const location2 = makeBeaconEvent(aliceId, {
+        beaconInfoId: defaultEvent.getId(),
+        geoUri: geoUri2,
+        timestamp: now + 10000,
+    });
+
+    const defaultProps = {
+        map: mockMap,
+        beacon: new Beacon(defaultEvent),
+    };
+
+    const renderComponent = (props = {}) => {
+        const Wrapper = (wrapperProps = {}) => {
+            return <MatrixClientContext.Provider value={mockClient} {...wrapperProps} />;
+        };
+
+        return render(<BeaconMarker {...defaultProps} {...props} />, {
+            wrapper: Wrapper,
+        });
+    };
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("renders nothing when beacon is not live", () => {
+        const room = setupRoom([notLiveEvent]);
+        const beacon = room.currentState.beacons.get(getBeaconInfoIdentifier(notLiveEvent));
+        const { asFragment } = renderComponent({ beacon });
+        expect(asFragment()).toMatchInlineSnapshot(`<DocumentFragment />`);
+        expect(screen.queryByTestId("avatar-img")).not.toBeInTheDocument();
+    });
+
+    it("renders nothing when beacon has no location", () => {
+        const room = setupRoom([defaultEvent]);
+        const beacon = room.currentState.beacons.get(getBeaconInfoIdentifier(defaultEvent));
+        const { asFragment } = renderComponent({ beacon });
+        expect(asFragment()).toMatchInlineSnapshot(`<DocumentFragment />`);
+        expect(screen.queryByTestId("avatar-img")).not.toBeInTheDocument();
+    });
+
+    it("renders marker when beacon has location", async () => {
+        const room = setupRoom([defaultEvent]);
+        const beacon = room.currentState.beacons.get(getBeaconInfoIdentifier(defaultEvent));
+        beacon?.addLocations([location1]);
+        const { asFragment } = renderComponent({ beacon });
+        await waitFor(() => {
+            expect(screen.getByTestId("avatar-img")).toBeInTheDocument();
+        });
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("updates with new locations", () => {
+        const lonLat1 = { lon: 41, lat: 51 };
+        const lonLat2 = { lon: 42, lat: 52 };
+        const room = setupRoom([defaultEvent]);
+        const beacon = room.currentState.beacons.get(getBeaconInfoIdentifier(defaultEvent));
+        beacon?.addLocations([location1]);
+
+        // render the component then add a new location, check mockMarker called as expected
+        renderComponent({ beacon });
+        expect(mockMarker.setLngLat).toHaveBeenLastCalledWith(lonLat1);
+        expect(mockMarker.addTo).toHaveBeenCalledWith(mockMap);
+
+        // add a location, check mockMarker called with new location details
+        act(() => {
+            beacon?.addLocations([location2]);
+        });
+        expect(mockMarker.setLngLat).toHaveBeenLastCalledWith(lonLat2);
+        expect(mockMarker.addTo).toHaveBeenCalledWith(mockMap);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/beacon/BeaconStatus-test.tsx b/apps/web/test/unit-tests/components/views/beacon/BeaconStatus-test.tsx
new file mode 100644
index 00000000000..b5ebce9a076
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/BeaconStatus-test.tsx
@@ -0,0 +1,80 @@
+/*
+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 { Beacon } from "matrix-js-sdk/src/matrix";
+
+import BeaconStatus from "../../../../../src/components/views/beacon/BeaconStatus";
+import { BeaconDisplayStatus } from "../../../../../src/components/views/beacon/displayStatus";
+import { makeBeaconInfoEvent } from "../../../../test-utils";
+
+describe("<BeaconStatus />", () => {
+    const defaultProps = {
+        displayStatus: BeaconDisplayStatus.Loading,
+        label: "test label",
+        withIcon: true,
+    };
+    const renderComponent = (props = {}) => render(<BeaconStatus {...defaultProps} {...props} />);
+
+    it("renders loading state", () => {
+        const { asFragment } = renderComponent({ displayStatus: BeaconDisplayStatus.Loading });
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("renders stopped state", () => {
+        const { asFragment } = renderComponent({ displayStatus: BeaconDisplayStatus.Stopped });
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("renders without icon", () => {
+        const iconClassName = "mx_StyledLiveBeaconIcon";
+        const { container } = renderComponent({ withIcon: false, displayStatus: BeaconDisplayStatus.Stopped });
+        expect(container.getElementsByClassName(iconClassName)).toHaveLength(0);
+    });
+
+    describe("active state", () => {
+        it("renders without children", () => {
+            // mock for stable snapshot
+            jest.spyOn(Date, "now").mockReturnValue(123456789);
+            const beacon = new Beacon(makeBeaconInfoEvent("@user:server", "!room:server", { isLive: false }, "$1"));
+            const { asFragment } = renderComponent({ beacon, displayStatus: BeaconDisplayStatus.Active });
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("renders with children", () => {
+            const beacon = new Beacon(makeBeaconInfoEvent("@user:server", "!room:sever", { isLive: false }));
+            renderComponent({
+                beacon,
+                children: <span data-testid="test-child">test</span>,
+                displayStatus: BeaconDisplayStatus.Active,
+            });
+            expect(screen.getByTestId("test-child")).toMatchSnapshot();
+        });
+
+        it("renders static remaining time when displayLiveTimeRemaining is falsy", () => {
+            // mock for stable snapshot
+            jest.spyOn(Date, "now").mockReturnValue(123456789);
+            const beacon = new Beacon(makeBeaconInfoEvent("@user:server", "!room:server", { isLive: false }, "$1"));
+            renderComponent({ beacon, displayStatus: BeaconDisplayStatus.Active });
+            expect(screen.getByText("Live until 11:17")).toBeInTheDocument();
+        });
+
+        it("renders live time remaining when displayLiveTimeRemaining is truthy", () => {
+            // mock for stable snapshot
+            jest.spyOn(Date, "now").mockReturnValue(123456789);
+            const beacon = new Beacon(makeBeaconInfoEvent("@user:server", "!room:server", { isLive: false }, "$1"));
+            renderComponent({
+                beacon,
+                displayStatus: BeaconDisplayStatus.Active,
+                displayLiveTimeRemaining: true,
+            });
+            expect(screen.getByText("1h left")).toBeInTheDocument();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/beacon/BeaconViewDialog-test.tsx b/apps/web/test/unit-tests/components/views/beacon/BeaconViewDialog-test.tsx
new file mode 100644
index 00000000000..54a82884966
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/BeaconViewDialog-test.tsx
@@ -0,0 +1,380 @@
+/*
+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 { act, fireEvent, render, type RenderResult, waitFor } from "jest-matrix-react";
+import {
+    type MatrixClient,
+    type MatrixEvent,
+    type Room,
+    RoomMember,
+    getBeaconInfoIdentifier,
+} from "matrix-js-sdk/src/matrix";
+import * as maplibregl from "maplibre-gl";
+import { mocked } from "jest-mock";
+
+import BeaconViewDialog from "../../../../../src/components/views/beacon/BeaconViewDialog";
+import {
+    getMockClientWithEventEmitter,
+    makeBeaconEvent,
+    makeBeaconInfoEvent,
+    makeRoomWithBeacons,
+    makeRoomWithStateEvents,
+} from "../../../../test-utils";
+import { TILE_SERVER_WK_KEY } from "../../../../../src/utils/WellKnownUtils";
+import { OwnBeaconStore } from "../../../../../src/stores/OwnBeaconStore";
+
+describe("<BeaconViewDialog />", () => {
+    // 14.03.2022 16:15
+    const now = 1647270879403;
+    // stable date for snapshots
+    jest.spyOn(global.Date, "now").mockReturnValue(now);
+    const roomId = "!room:server";
+    const aliceId = "@alice:server";
+    const bobId = "@bob:server";
+
+    const aliceMember = new RoomMember(roomId, aliceId);
+
+    const mockClient = getMockClientWithEventEmitter({
+        getClientWellKnown: jest.fn().mockReturnValue({
+            [TILE_SERVER_WK_KEY.name]: { map_style_url: "maps.com" },
+        }),
+        getUserId: jest.fn().mockReturnValue(bobId),
+        getRoom: jest.fn(),
+        isGuest: jest.fn().mockReturnValue(false),
+        getVisibleRooms: jest.fn().mockReturnValue([]),
+    });
+
+    const mapOptions = { container: {} as unknown as HTMLElement, style: "" };
+    const mockMap = new maplibregl.Map(mapOptions);
+    const mockMarker = new maplibregl.Marker();
+
+    // make fresh rooms every time
+    // as we update room state
+    const setupRoom = (stateEvents: MatrixEvent[] = []): Room => {
+        const room1 = makeRoomWithStateEvents(stateEvents, { roomId, mockClient });
+        jest.spyOn(room1, "getMember").mockReturnValue(aliceMember);
+
+        return room1;
+    };
+
+    const defaultEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: true }, "$alice-room1-1");
+
+    const location1 = makeBeaconEvent(aliceId, {
+        beaconInfoId: defaultEvent.getId(),
+        geoUri: "geo:51,41",
+        timestamp: now + 1,
+    });
+
+    const defaultProps = {
+        onFinished: jest.fn(),
+        roomId,
+        matrixClient: mockClient as MatrixClient,
+    };
+
+    const getComponent = (props = {}): RenderResult => render(<BeaconViewDialog {...defaultProps} {...props} />);
+
+    const openSidebar = (getByTestId: RenderResult["getByTestId"]) => {
+        fireEvent.click(getByTestId("beacon-view-dialog-open-sidebar"));
+    };
+
+    beforeEach(() => {
+        jest.spyOn(OwnBeaconStore.instance, "getLiveBeaconIds").mockRestore();
+        jest.spyOn(OwnBeaconStore.instance, "getBeaconById").mockRestore();
+        jest.spyOn(global.Date, "now").mockReturnValue(now);
+        jest.clearAllMocks();
+    });
+
+    it("renders a map with markers", async () => {
+        const room = setupRoom([defaultEvent]);
+        const beacon = room.currentState.beacons.get(getBeaconInfoIdentifier(defaultEvent))!;
+        beacon.addLocations([location1]);
+        getComponent();
+        // centered on default event
+        expect(mockMap.setCenter).toHaveBeenCalledWith({
+            lon: 41,
+            lat: 51,
+        });
+        // marker added
+        await waitFor(
+            () => {
+                expect(mockMarker.addTo).toHaveBeenCalledWith(mockMap);
+            },
+            { timeout: 5000 },
+        );
+    });
+
+    it("does not render any own beacon status when user is not live sharing", () => {
+        // default event belongs to alice, we are bob
+        const room = setupRoom([defaultEvent]);
+        const beacon = room.currentState.beacons.get(getBeaconInfoIdentifier(defaultEvent))!;
+        beacon.addLocations([location1]);
+        const { queryByText } = getComponent();
+        expect(queryByText("Live location enabled")).not.toBeInTheDocument();
+    });
+
+    it("renders own beacon status when user is live sharing", () => {
+        // default event belongs to alice
+        const room = setupRoom([defaultEvent]);
+        const beacon = room.currentState.beacons.get(getBeaconInfoIdentifier(defaultEvent))!;
+        beacon.addLocations([location1]);
+        // mock own beacon store to show default event as alice's live beacon
+        jest.spyOn(OwnBeaconStore.instance, "getLiveBeaconIds").mockReturnValue([beacon.identifier]);
+        jest.spyOn(OwnBeaconStore.instance, "getBeaconById").mockReturnValue(beacon);
+        const { container } = getComponent();
+        expect(container.querySelector(".mx_DialogOwnBeaconStatus")).toMatchSnapshot();
+    });
+
+    it("updates markers on changes to beacons", async () => {
+        const room = setupRoom([defaultEvent]);
+        const beacon = room.currentState.beacons.get(getBeaconInfoIdentifier(defaultEvent))!;
+        beacon.addLocations([location1]);
+        const { container } = getComponent();
+
+        // one marker
+        expect(mockMarker.addTo).toHaveBeenCalledTimes(1);
+        expect(container.getElementsByClassName("mx_Marker").length).toEqual(1);
+
+        const anotherBeaconEvent = makeBeaconInfoEvent(bobId, roomId, { isLive: true }, "$bob-room1-1");
+        act(() => {
+            // emits RoomStateEvent.BeaconLiveness
+            room.currentState.setStateEvents([anotherBeaconEvent]);
+            const beacon2 = room.currentState.beacons.get(getBeaconInfoIdentifier(anotherBeaconEvent))!;
+            beacon2.addLocations([location1]);
+        });
+
+        // two markers now!
+        expect(container.getElementsByClassName("mx_Marker").length).toEqual(2);
+    });
+
+    it("does not update bounds or center on changing beacons", () => {
+        const room = setupRoom([defaultEvent]);
+        const beacon = room.currentState.beacons.get(getBeaconInfoIdentifier(defaultEvent))!;
+        beacon.addLocations([location1]);
+        const { container } = getComponent();
+        expect(container.getElementsByClassName("mx_Marker").length).toEqual(1);
+
+        const anotherBeaconEvent = makeBeaconInfoEvent(bobId, roomId, { isLive: true }, "$bob-room1-1");
+        act(() => {
+            // emits RoomStateEvent.BeaconLiveness
+            room.currentState.setStateEvents([anotherBeaconEvent]);
+            const beacon2 = room.currentState.beacons.get(getBeaconInfoIdentifier(anotherBeaconEvent))!;
+            beacon2.addLocations([location1]);
+        });
+        // called once on init
+        expect(mockMap.setCenter).toHaveBeenCalledTimes(1);
+        expect(mockMap.fitBounds).toHaveBeenCalledTimes(1);
+    });
+
+    it("renders a fallback when there are no locations", () => {
+        // this is a cornercase, should not be a reachable state in UI anymore
+        const onFinished = jest.fn();
+        const room = setupRoom([defaultEvent]);
+        room.currentState.beacons.get(getBeaconInfoIdentifier(defaultEvent));
+        const { getByTestId } = getComponent({ onFinished });
+
+        // map placeholder
+        expect(getByTestId("beacon-view-dialog-map-fallback")).toMatchSnapshot();
+
+        fireEvent.click(getByTestId("beacon-view-dialog-fallback-close"));
+
+        expect(onFinished).toHaveBeenCalled();
+    });
+
+    it("renders map without markers when no live beacons remain", () => {
+        const onFinished = jest.fn();
+        const room = setupRoom([defaultEvent]);
+        const beacon = room.currentState.beacons.get(getBeaconInfoIdentifier(defaultEvent))!;
+        beacon.addLocations([location1]);
+        const { container } = getComponent({ onFinished });
+        expect(container.getElementsByClassName("mx_Marker").length).toEqual(1);
+
+        // this will replace the defaultEvent
+        // leading to no more live beacons
+        const anotherBeaconEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: false }, "$alice-room1-2");
+
+        expect(mockMap.setCenter).toHaveBeenCalledWith({ lat: 51, lon: 41 });
+        // reset call counts
+        mocked(mockMap.setCenter).mockClear();
+        mocked(mockMap.fitBounds).mockClear();
+
+        act(() => {
+            // emits RoomStateEvent.BeaconLiveness
+            room.currentState.setStateEvents([anotherBeaconEvent]);
+        });
+
+        // no more avatars
+        expect(container.getElementsByClassName("mx_Marker").length).toEqual(0);
+        // map still rendered
+        expect(container.querySelector("#mx_Map_mx_BeaconViewDialog")).toBeInTheDocument();
+        // map location unchanged
+        expect(mockMap.setCenter).not.toHaveBeenCalled();
+        expect(mockMap.fitBounds).not.toHaveBeenCalled();
+    });
+
+    describe("sidebar", () => {
+        it("opens sidebar on view list button click", () => {
+            const room = setupRoom([defaultEvent]);
+            const beacon = room.currentState.beacons.get(getBeaconInfoIdentifier(defaultEvent))!;
+            beacon.addLocations([location1]);
+            const { container, getByTestId } = getComponent();
+
+            openSidebar(getByTestId);
+
+            expect(container.querySelector(".mx_DialogSidebar")).toBeInTheDocument();
+        });
+
+        it("closes sidebar on close button click", () => {
+            const room = setupRoom([defaultEvent]);
+            const beacon = room.currentState.beacons.get(getBeaconInfoIdentifier(defaultEvent))!;
+            beacon.addLocations([location1]);
+            const { container, getByTestId } = getComponent();
+
+            // open the sidebar
+            openSidebar(getByTestId);
+
+            expect(container.querySelector(".mx_DialogSidebar")).toBeInTheDocument();
+
+            // now close it
+            fireEvent.click(getByTestId("dialog-sidebar-close"));
+
+            expect(container.querySelector(".mx_DialogSidebar")).not.toBeInTheDocument();
+        });
+    });
+
+    describe("focused beacons", () => {
+        const beacon2Event = makeBeaconInfoEvent(bobId, roomId, { isLive: true }, "$bob-room1-2");
+
+        const location2 = makeBeaconEvent(bobId, {
+            beaconInfoId: beacon2Event.getId(),
+            geoUri: "geo:33,22",
+            timestamp: now + 1,
+        });
+
+        const fitBoundsOptions = { maxZoom: 15, padding: 100 };
+
+        it("opens map with both beacons in view on first load without initialFocusedBeacon", () => {
+            const [beacon1, beacon2] = makeRoomWithBeacons(
+                roomId,
+                mockClient,
+                [defaultEvent, beacon2Event],
+                [location1, location2],
+            );
+
+            getComponent({ beacons: [beacon1, beacon2] });
+
+            // start centered on mid point between both beacons
+            expect(mockMap.setCenter).toHaveBeenCalledWith({ lat: 42, lon: 31.5 });
+            // only called once
+            expect(mockMap.setCenter).toHaveBeenCalledTimes(1);
+            // bounds fit both beacons, only called once
+            expect(mockMap.fitBounds).toHaveBeenCalledWith(
+                new maplibregl.LngLatBounds([22, 33], [41, 51]),
+                fitBoundsOptions,
+            );
+            expect(mockMap.fitBounds).toHaveBeenCalledTimes(1);
+        });
+
+        it("opens map with both beacons in view on first load with an initially focused beacon", () => {
+            const [beacon1, beacon2] = makeRoomWithBeacons(
+                roomId,
+                mockClient,
+                [defaultEvent, beacon2Event],
+                [location1, location2],
+            );
+
+            getComponent({ beacons: [beacon1, beacon2], initialFocusedBeacon: beacon1 });
+
+            // start centered on initialFocusedBeacon
+            expect(mockMap.setCenter).toHaveBeenCalledWith({ lat: 51, lon: 41 });
+            // only called once
+            expect(mockMap.setCenter).toHaveBeenCalledTimes(1);
+            // bounds fit both beacons, only called once
+            expect(mockMap.fitBounds).toHaveBeenCalledWith(
+                new maplibregl.LngLatBounds([22, 33], [41, 51]),
+                fitBoundsOptions,
+            );
+            expect(mockMap.fitBounds).toHaveBeenCalledTimes(1);
+        });
+
+        it("focuses on beacon location on sidebar list item click", () => {
+            const [beacon1, beacon2] = makeRoomWithBeacons(
+                roomId,
+                mockClient,
+                [defaultEvent, beacon2Event],
+                [location1, location2],
+            );
+
+            const { container, getByTestId } = getComponent({ beacons: [beacon1, beacon2] });
+
+            // reset call counts on map mocks after initial render
+            jest.clearAllMocks();
+
+            openSidebar(getByTestId);
+
+            act(() => {
+                const listItems = container.querySelectorAll(".mx_BeaconListItem");
+                // click on the first beacon in the list
+                fireEvent.click(listItems[0]!);
+            });
+
+            // centered on clicked beacon
+            expect(mockMap.setCenter).toHaveBeenCalledWith({ lat: 51, lon: 41 });
+            // only called once
+            expect(mockMap.setCenter).toHaveBeenCalledTimes(1);
+            // bounds fitted just to clicked beacon
+            expect(mockMap.fitBounds).toHaveBeenCalledWith(
+                new maplibregl.LngLatBounds([41, 51], [41, 51]),
+                fitBoundsOptions,
+            );
+            expect(mockMap.fitBounds).toHaveBeenCalledTimes(1);
+        });
+
+        it("refocuses on same beacon when clicking list item again", () => {
+            // test the map responds to refocusing the same beacon
+            const [beacon1, beacon2] = makeRoomWithBeacons(
+                roomId,
+                mockClient,
+                [defaultEvent, beacon2Event],
+                [location1, location2],
+            );
+
+            const { container, getByTestId } = getComponent({ beacons: [beacon1, beacon2] });
+
+            // reset call counts on map mocks after initial render
+            jest.clearAllMocks();
+
+            openSidebar(getByTestId);
+
+            act(() => {
+                // click on the second beacon in the list
+                const listItems = container.querySelectorAll(".mx_BeaconListItem");
+                fireEvent.click(listItems[1]!);
+            });
+
+            const expectedBounds = new maplibregl.LngLatBounds([22, 33], [22, 33]);
+
+            // date is mocked but this relies on timestamp, manually mock a tick
+            jest.spyOn(global.Date, "now").mockReturnValue(now + 1);
+
+            act(() => {
+                // click on the second beacon in the list
+                const listItems = container.querySelectorAll(".mx_BeaconListItem");
+                fireEvent.click(listItems[1]!);
+            });
+
+            // centered on clicked beacon
+            expect(mockMap.setCenter).toHaveBeenCalledWith({ lat: 33, lon: 22 });
+            // bounds fitted just to clicked beacon
+            expect(mockMap.fitBounds).toHaveBeenCalledWith(expectedBounds, fitBoundsOptions);
+            // each called once per click
+            expect(mockMap.setCenter).toHaveBeenCalledTimes(2);
+            expect(mockMap.fitBounds).toHaveBeenCalledTimes(2);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/beacon/DialogSidebar-test.tsx b/apps/web/test/unit-tests/components/views/beacon/DialogSidebar-test.tsx
new file mode 100644
index 00000000000..15a56ed290c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/DialogSidebar-test.tsx
@@ -0,0 +1,93 @@
+/*
+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 ComponentProps } from "react";
+import { act, fireEvent, render } from "jest-matrix-react";
+
+import DialogSidebar from "../../../../../src/components/views/beacon/DialogSidebar";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import {
+    getMockClientWithEventEmitter,
+    makeBeaconEvent,
+    makeBeaconInfoEvent,
+    makeRoomWithBeacons,
+    mockClientMethodsUser,
+} from "../../../../test-utils";
+
+describe("<DialogSidebar />", () => {
+    const defaultProps: ComponentProps<typeof DialogSidebar> = {
+        beacons: [],
+        requestClose: jest.fn(),
+        onBeaconClick: jest.fn(),
+    };
+
+    const now = 1647270879403;
+
+    const roomId = "!room:server.org";
+    const aliceId = "@alice:server.org";
+    const client = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(aliceId),
+        getRoom: jest.fn(),
+    });
+
+    const beaconEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: true, timestamp: now }, "$alice-room1-1");
+    const location1 = makeBeaconEvent(aliceId, {
+        beaconInfoId: beaconEvent.getId(),
+        geoUri: "geo:51,41",
+        timestamp: now,
+    });
+
+    const getComponent = (props = {}) => (
+        <MatrixClientContext.Provider value={client}>
+            <DialogSidebar {...defaultProps} {...props} />
+        </MatrixClientContext.Provider>
+    );
+
+    beforeEach(() => {
+        // mock now so time based text in snapshots is stable
+        jest.spyOn(Date, "now").mockReturnValue(now);
+    });
+
+    afterAll(() => {
+        jest.spyOn(Date, "now").mockRestore();
+    });
+
+    it("renders sidebar correctly without beacons", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders sidebar correctly with beacons", () => {
+        const [beacon] = makeRoomWithBeacons(roomId, client, [beaconEvent], [location1]);
+        const { container } = render(getComponent({ beacons: [beacon] }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("calls on beacon click", () => {
+        const onBeaconClick = jest.fn();
+        const [beacon] = makeRoomWithBeacons(roomId, client, [beaconEvent], [location1]);
+        const { container } = render(getComponent({ beacons: [beacon], onBeaconClick }));
+
+        act(() => {
+            const [listItem] = container.getElementsByClassName("mx_BeaconListItem");
+            fireEvent.click(listItem);
+        });
+
+        expect(onBeaconClick).toHaveBeenCalled();
+    });
+
+    it("closes on close button click", () => {
+        const requestClose = jest.fn();
+        const { getByTestId } = render(getComponent({ requestClose }));
+
+        act(() => {
+            fireEvent.click(getByTestId("dialog-sidebar-close"));
+        });
+        expect(requestClose).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/beacon/LeftPanelLiveShareWarning-test.tsx b/apps/web/test/unit-tests/components/views/beacon/LeftPanelLiveShareWarning-test.tsx
new file mode 100644
index 00000000000..371772883f2
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/LeftPanelLiveShareWarning-test.tsx
@@ -0,0 +1,259 @@
+/*
+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 { mocked } from "jest-mock";
+import { act, fireEvent, render } from "jest-matrix-react";
+import { Beacon, type BeaconIdentifier } from "matrix-js-sdk/src/matrix";
+
+import LeftPanelLiveShareWarning from "../../../../../src/components/views/beacon/LeftPanelLiveShareWarning";
+import { OwnBeaconStore, OwnBeaconStoreEvent } from "../../../../../src/stores/OwnBeaconStore";
+import { flushPromises, makeBeaconInfoEvent } from "../../../../test-utils";
+import dispatcher from "../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../src/dispatcher/actions";
+
+jest.mock("../../../../../src/stores/OwnBeaconStore", () => {
+    const EventEmitter = jest.requireActual("events");
+    class MockOwnBeaconStore extends EventEmitter {
+        public getLiveBeaconIdsWithLocationPublishError = jest.fn().mockReturnValue([]);
+        public getBeaconById = jest.fn();
+        public getLiveBeaconIds = jest.fn().mockReturnValue([]);
+        public readonly beaconUpdateErrors = new Map<BeaconIdentifier, Error>();
+        public readonly beacons = new Map<BeaconIdentifier, Beacon>();
+    }
+    return {
+        // @ts-ignore
+        ...jest.requireActual("../../../../../src/stores/OwnBeaconStore"),
+        OwnBeaconStore: {
+            instance: new MockOwnBeaconStore() as unknown as OwnBeaconStore,
+        },
+    };
+});
+
+describe("<LeftPanelLiveShareWarning />", () => {
+    const getComponent = (props = {}) => render(<LeftPanelLiveShareWarning {...props} />);
+
+    const roomId1 = "!room1:server";
+    const roomId2 = "!room2:server";
+    const aliceId = "@alive:server";
+
+    const now = 1647270879403;
+    const HOUR_MS = 3600000;
+
+    beforeEach(() => {
+        jest.spyOn(global.Date, "now").mockReturnValue(now);
+        jest.spyOn(dispatcher, "dispatch")
+            .mockClear()
+            .mockImplementation(() => {});
+
+        OwnBeaconStore.instance.beaconUpdateErrors.clear();
+    });
+
+    afterAll(() => {
+        jest.spyOn(global.Date, "now").mockRestore();
+
+        jest.restoreAllMocks();
+    });
+    // 12h old, 12h left
+    const beacon1 = new Beacon(
+        makeBeaconInfoEvent(aliceId, roomId1, { timeout: HOUR_MS * 24, timestamp: now - 12 * HOUR_MS }, "$1"),
+    );
+    // 10h left
+    const beacon2 = new Beacon(makeBeaconInfoEvent(aliceId, roomId2, { timeout: HOUR_MS * 10, timestamp: now }, "$2"));
+
+    it("renders nothing when user has no live beacons", () => {
+        const { container } = getComponent();
+        expect(container.innerHTML).toBeFalsy();
+    });
+
+    describe("when user has live location monitor", () => {
+        beforeAll(() => {
+            mocked(OwnBeaconStore.instance).getBeaconById.mockImplementation((beaconId) => {
+                if (beaconId === beacon1.identifier) {
+                    return beacon1;
+                }
+                return beacon2;
+            });
+        });
+
+        beforeEach(() => {
+            // @ts-ignore writing to readonly variable
+            mocked(OwnBeaconStore.instance).isMonitoringLiveLocation = true;
+            mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([]);
+            mocked(OwnBeaconStore.instance).getLiveBeaconIds.mockReturnValue([beacon2.identifier, beacon1.identifier]);
+        });
+
+        afterAll(() => {
+            jest.spyOn(document, "addEventListener").mockRestore();
+        });
+
+        it("renders correctly when not minimized", () => {
+            const { asFragment } = getComponent();
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("goes to room of latest beacon when clicked", () => {
+            const { container } = getComponent();
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            fireEvent.click(container.querySelector("[role=button]")!);
+
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                metricsTrigger: undefined,
+                // latest beacon's room
+                room_id: roomId2,
+                event_id: beacon2.beaconInfoId,
+                highlighted: true,
+                scroll_into_view: true,
+            });
+        });
+
+        it("renders correctly when minimized", () => {
+            const { asFragment } = getComponent({ isMinimized: true });
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("renders location publish error", () => {
+            mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([
+                beacon1.identifier,
+            ]);
+            const { asFragment } = getComponent();
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("goes to room of latest beacon with location publish error when clicked", () => {
+            mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([
+                beacon1.identifier,
+            ]);
+            const { container } = getComponent();
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            fireEvent.click(container.querySelector("[role=button]")!);
+
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                metricsTrigger: undefined,
+                // error beacon's room
+                room_id: roomId1,
+                event_id: beacon1.beaconInfoId,
+                highlighted: true,
+                scroll_into_view: true,
+            });
+        });
+
+        it("goes back to default style when wire errors are cleared", () => {
+            mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([
+                beacon1.identifier,
+            ]);
+            const { container, rerender } = getComponent();
+            // error mode
+            expect(container.querySelector(".mx_LeftPanelLiveShareWarning")?.textContent).toEqual(
+                "An error occurred whilst sharing your live location",
+            );
+
+            act(() => {
+                mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([]);
+                OwnBeaconStore.instance.emit(OwnBeaconStoreEvent.LocationPublishError, "abc");
+            });
+
+            rerender(<LeftPanelLiveShareWarning />);
+
+            // default mode
+            expect(container.querySelector(".mx_LeftPanelLiveShareWarning")?.textContent).toEqual(
+                "You are sharing your live location",
+            );
+        });
+
+        it("removes itself when user stops having live beacons", async () => {
+            const { container, rerender } = getComponent({ isMinimized: true });
+            // started out rendered
+            expect(container.innerHTML).toBeTruthy();
+
+            act(() => {
+                // @ts-ignore writing to readonly variable
+                mocked(OwnBeaconStore.instance).isMonitoringLiveLocation = false;
+                OwnBeaconStore.instance.emit(OwnBeaconStoreEvent.MonitoringLivePosition);
+            });
+
+            await flushPromises();
+            rerender(<LeftPanelLiveShareWarning />);
+
+            expect(container.innerHTML).toBeFalsy();
+        });
+
+        it("refreshes beacon liveness monitors when pagevisibilty changes to visible", () => {
+            OwnBeaconStore.instance.beacons.set(beacon1.identifier, beacon1);
+            OwnBeaconStore.instance.beacons.set(beacon2.identifier, beacon2);
+            const beacon1MonitorSpy = jest.spyOn(beacon1, "monitorLiveness");
+            const beacon2MonitorSpy = jest.spyOn(beacon1, "monitorLiveness");
+
+            jest.spyOn(document, "addEventListener").mockImplementation((_e, listener) =>
+                (listener as EventListener)(new Event("")),
+            );
+
+            expect(beacon1MonitorSpy).not.toHaveBeenCalled();
+
+            getComponent();
+
+            expect(beacon1MonitorSpy).toHaveBeenCalled();
+            expect(beacon2MonitorSpy).toHaveBeenCalled();
+        });
+
+        describe("stopping errors", () => {
+            it("renders stopping error", () => {
+                OwnBeaconStore.instance.beaconUpdateErrors.set(beacon2.identifier, new Error("error"));
+                const { container } = getComponent();
+                expect(container.textContent).toEqual("An error occurred while stopping your live location");
+            });
+
+            it("starts rendering stopping error on beaconUpdateError emit", () => {
+                const { container } = getComponent();
+                // no error
+                expect(container.textContent).toEqual("You are sharing your live location");
+
+                act(() => {
+                    OwnBeaconStore.instance.beaconUpdateErrors.set(beacon2.identifier, new Error("error"));
+                    OwnBeaconStore.instance.emit(OwnBeaconStoreEvent.BeaconUpdateError, beacon2.identifier, true);
+                });
+
+                expect(container.textContent).toEqual("An error occurred while stopping your live location");
+            });
+
+            it("renders stopping error when beacons have stopping and location errors", () => {
+                mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([
+                    beacon1.identifier,
+                ]);
+                OwnBeaconStore.instance.beaconUpdateErrors.set(beacon2.identifier, new Error("error"));
+                const { container } = getComponent();
+                expect(container.textContent).toEqual("An error occurred while stopping your live location");
+            });
+
+            it("goes to room of latest beacon with stopping error when clicked", () => {
+                mocked(OwnBeaconStore.instance).getLiveBeaconIdsWithLocationPublishError.mockReturnValue([
+                    beacon1.identifier,
+                ]);
+                OwnBeaconStore.instance.beaconUpdateErrors.set(beacon2.identifier, new Error("error"));
+                const { container } = getComponent();
+                const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+                fireEvent.click(container.querySelector("[role=button]")!);
+
+                expect(dispatchSpy).toHaveBeenCalledWith({
+                    action: Action.ViewRoom,
+                    metricsTrigger: undefined,
+                    // stopping error beacon's room
+                    room_id: beacon2.roomId,
+                    event_id: beacon2.beaconInfoId,
+                    highlighted: true,
+                    scroll_into_view: true,
+                });
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/beacon/OwnBeaconStatus-test.tsx b/apps/web/test/unit-tests/components/views/beacon/OwnBeaconStatus-test.tsx
new file mode 100644
index 00000000000..055394f582a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/OwnBeaconStatus-test.tsx
@@ -0,0 +1,155 @@
+/*
+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 { mocked } from "jest-mock";
+import { Beacon } from "matrix-js-sdk/src/matrix";
+import { render, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import OwnBeaconStatus from "../../../../../src/components/views/beacon/OwnBeaconStatus";
+import { BeaconDisplayStatus } from "../../../../../src/components/views/beacon/displayStatus";
+import { useOwnLiveBeacons } from "../../../../../src/utils/beacon";
+import { makeBeaconInfoEvent } from "../../../../test-utils";
+
+jest.mock("../../../../../src/utils/beacon/useOwnLiveBeacons", () => ({
+    useOwnLiveBeacons: jest.fn(),
+}));
+
+const defaultLiveBeaconsState = {
+    onStopSharing: jest.fn(),
+    onResetLocationPublishError: jest.fn(),
+    stoppingInProgress: false,
+    hasStopSharingError: false,
+    hasLocationPublishError: false,
+};
+
+describe("<OwnBeaconStatus />", () => {
+    const defaultProps = {
+        displayStatus: BeaconDisplayStatus.Loading,
+    };
+    const userId = "@user:server";
+    const roomId = "!room:server";
+    let defaultBeacon: Beacon;
+    const renderComponent = (props: Partial<React.ComponentProps<typeof OwnBeaconStatus>> = {}) =>
+        render(<OwnBeaconStatus {...defaultProps} {...props} />);
+    const getRetryButton = () => screen.getByRole("button", { name: "Retry" });
+    const getStopButton = () => screen.getByRole("button", { name: "Stop" });
+
+    beforeEach(() => {
+        jest.spyOn(global.Date, "now").mockReturnValue(123456789);
+        mocked(useOwnLiveBeacons).mockClear().mockReturnValue(defaultLiveBeaconsState);
+
+        defaultBeacon = new Beacon(makeBeaconInfoEvent(userId, roomId));
+    });
+
+    it("renders without a beacon instance", () => {
+        const { asFragment } = renderComponent();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    describe("Active state", () => {
+        it("renders stop button", () => {
+            const displayStatus = BeaconDisplayStatus.Active;
+            mocked(useOwnLiveBeacons).mockReturnValue({
+                ...defaultLiveBeaconsState,
+                onStopSharing: jest.fn(),
+            });
+            renderComponent({ displayStatus, beacon: defaultBeacon });
+            expect(screen.getByText("Live location enabled")).toBeInTheDocument();
+            expect(getStopButton()).toBeInTheDocument();
+        });
+
+        it("stops sharing on stop button click", async () => {
+            const displayStatus = BeaconDisplayStatus.Active;
+            const onStopSharing = jest.fn();
+            mocked(useOwnLiveBeacons).mockReturnValue({
+                ...defaultLiveBeaconsState,
+                onStopSharing,
+            });
+            renderComponent({ displayStatus, beacon: defaultBeacon });
+            await userEvent.click(getStopButton());
+            expect(onStopSharing).toHaveBeenCalled();
+        });
+    });
+
+    describe("errors", () => {
+        it("renders in error mode when displayStatus is error", () => {
+            const displayStatus = BeaconDisplayStatus.Error;
+            renderComponent({ displayStatus });
+            expect(screen.getByText("Live location error")).toBeInTheDocument();
+
+            // no actions for plain error
+            expect(screen.queryByRole("button")).not.toBeInTheDocument();
+        });
+
+        describe("with location publish error", () => {
+            it("renders in error mode", () => {
+                const displayStatus = BeaconDisplayStatus.Active;
+                mocked(useOwnLiveBeacons).mockReturnValue({
+                    ...defaultLiveBeaconsState,
+                    hasLocationPublishError: true,
+                    onResetLocationPublishError: jest.fn(),
+                });
+                renderComponent({ displayStatus, beacon: defaultBeacon });
+                expect(screen.getByText("Live location error")).toBeInTheDocument();
+                // retry button
+                expect(getRetryButton()).toBeInTheDocument();
+            });
+
+            it("retry button resets location publish error", async () => {
+                const displayStatus = BeaconDisplayStatus.Active;
+                const onResetLocationPublishError = jest.fn();
+                mocked(useOwnLiveBeacons).mockReturnValue({
+                    ...defaultLiveBeaconsState,
+                    hasLocationPublishError: true,
+                    onResetLocationPublishError,
+                });
+                renderComponent({ displayStatus, beacon: defaultBeacon });
+                await userEvent.click(getRetryButton());
+
+                expect(onResetLocationPublishError).toHaveBeenCalled();
+            });
+        });
+
+        describe("with stopping error", () => {
+            it("renders in error mode", () => {
+                const displayStatus = BeaconDisplayStatus.Active;
+                mocked(useOwnLiveBeacons).mockReturnValue({
+                    ...defaultLiveBeaconsState,
+                    hasLocationPublishError: false,
+                    hasStopSharingError: true,
+                    onStopSharing: jest.fn(),
+                });
+                renderComponent({ displayStatus, beacon: defaultBeacon });
+                expect(screen.getByText("Live location error")).toBeInTheDocument();
+                // retry button
+                expect(getRetryButton()).toBeInTheDocument();
+            });
+
+            it("retry button retries stop sharing", async () => {
+                const displayStatus = BeaconDisplayStatus.Active;
+                const onStopSharing = jest.fn();
+                mocked(useOwnLiveBeacons).mockReturnValue({
+                    ...defaultLiveBeaconsState,
+                    hasStopSharingError: true,
+                    onStopSharing,
+                });
+                renderComponent({ displayStatus, beacon: defaultBeacon });
+                await userEvent.click(getRetryButton());
+
+                expect(onStopSharing).toHaveBeenCalled();
+            });
+        });
+    });
+
+    it("renders loading state correctly", () => {
+        const component = renderComponent();
+        expect(component).toBeTruthy();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/beacon/ShareLatestLocation-test.tsx b/apps/web/test/unit-tests/components/views/beacon/ShareLatestLocation-test.tsx
new file mode 100644
index 00000000000..9c4b9da9454
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/ShareLatestLocation-test.tsx
@@ -0,0 +1,47 @@
+/*
+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 { fireEvent, render } from "jest-matrix-react";
+
+import ShareLatestLocation from "../../../../../src/components/views/beacon/ShareLatestLocation";
+import { copyPlaintext } from "../../../../../src/utils/strings";
+import { flushPromises } from "../../../../test-utils";
+
+jest.mock("../../../../../src/utils/strings", () => ({
+    copyPlaintext: jest.fn().mockResolvedValue(undefined),
+}));
+
+describe("<ShareLatestLocation />", () => {
+    const defaultProps = {
+        latestLocationState: {
+            uri: "geo:51,42;u=35",
+            timestamp: 123,
+        },
+    };
+    const getComponent = (props = {}) => render(<ShareLatestLocation {...defaultProps} {...props} />);
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("renders null when no location", () => {
+        const { container } = getComponent({ latestLocationState: undefined });
+        expect(container.innerHTML).toBeFalsy();
+    });
+
+    it("renders share buttons when there is a location", async () => {
+        const { container, asFragment } = getComponent();
+        expect(asFragment()).toMatchSnapshot();
+
+        fireEvent.click(container.querySelector(".mx_CopyableText_copyButton")!);
+        await flushPromises();
+
+        expect(copyPlaintext).toHaveBeenCalledWith("51,42");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/beacon/StyledLiveBeaconIcon-test.tsx b/apps/web/test/unit-tests/components/views/beacon/StyledLiveBeaconIcon-test.tsx
new file mode 100644
index 00000000000..30c2bf5d76d
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/StyledLiveBeaconIcon-test.tsx
@@ -0,0 +1,22 @@
+/*
+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 StyledLiveBeaconIcon from "../../../../../src/components/views/beacon/StyledLiveBeaconIcon";
+
+describe("<StyledLiveBeaconIcon />", () => {
+    const defaultProps = {};
+    const getComponent = (props = {}) => render(<StyledLiveBeaconIcon {...defaultProps} {...props} />);
+
+    it("renders", () => {
+        const { asFragment } = getComponent();
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconListItem-test.tsx.snap b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconListItem-test.tsx.snap
new file mode 100644
index 00000000000..3230269617a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconListItem-test.tsx.snap
@@ -0,0 +1,99 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<BeaconListItem /> when a beacon is live and has locations renders beacon info 1`] = `
+<DocumentFragment>
+  <li
+    class="mx_BeaconListItem"
+  >
+    <div
+      class="mx_StyledLiveBeaconIcon mx_BeaconListItem_avatarIcon"
+    />
+    <div
+      class="mx_BeaconListItem_info"
+    >
+      <div
+        class="mx_BeaconStatus mx_BeaconStatus_Active mx_BeaconListItem_status"
+      >
+        <div
+          class="mx_BeaconStatus_description"
+        >
+          <span
+            class="mx_BeaconStatus_label"
+          >
+            Alice's car
+          </span>
+          <span
+            class="mx_BeaconStatus_expiryTime"
+          >
+            Live until 16:04
+          </span>
+        </div>
+        <div
+          class="mx_BeaconListItem_interactions"
+        >
+          <a
+            aria-labelledby="react-use-id-1"
+            data-testid="open-location-in-osm"
+            href="https://www.openstreetmap.org/?mlat=51&mlon=41#map=16/51/41"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            <svg
+              class="mx_ShareLatestLocation_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
+            class="mx_CopyableText mx_ShareLatestLocation_copy"
+          >
+            <button
+              aria-labelledby="react-use-id-2"
+              class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+              data-kind="primary"
+              role="button"
+              style="--cpd-icon-button-size: 28px; padding: 4px;"
+              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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                  />
+                  <path
+                    d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                  />
+                </svg>
+              </div>
+            </button>
+          </span>
+        </div>
+      </div>
+      <span
+        class="mx_BeaconListItem_lastUpdated"
+      >
+        Updated a few seconds ago
+      </span>
+    </div>
+  </li>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconMarker-test.tsx.snap b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconMarker-test.tsx.snap
new file mode 100644
index 00000000000..6050fb7b69d
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconMarker-test.tsx.snap
@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<BeaconMarker /> renders marker when beacon has location 1`] = `
+<DocumentFragment>
+  <span>
+    <div
+      class="mx_Marker mx_Username_color6"
+      id="!room:server_@alice:server"
+    >
+      <div
+        class="mx_Marker_border"
+      >
+        <span
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="6"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 36px;"
+          title="@alice:server"
+        >
+          a
+        </span>
+      </div>
+    </div>
+  </span>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconStatus-test.tsx.snap b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconStatus-test.tsx.snap
new file mode 100644
index 00000000000..ed53bc8fada
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconStatus-test.tsx.snap
@@ -0,0 +1,77 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<BeaconStatus /> active state renders with children 1`] = `
+<span
+  data-testid="test-child"
+>
+  test
+</span>
+`;
+
+exports[`<BeaconStatus /> active state renders without children 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_BeaconStatus mx_BeaconStatus_Active"
+  >
+    <div
+      class="mx_StyledLiveBeaconIcon mx_BeaconStatus_icon"
+    />
+    <div
+      class="mx_BeaconStatus_description"
+    >
+      <span
+        class="mx_BeaconStatus_label"
+      >
+        test label
+      </span>
+      <span
+        class="mx_BeaconStatus_expiryTime"
+      >
+        Live until 11:17
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<BeaconStatus /> renders loading state 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_BeaconStatus mx_BeaconStatus_Loading"
+  >
+    <div
+      class="mx_StyledLiveBeaconIcon mx_BeaconStatus_icon mx_StyledLiveBeaconIcon_idle"
+    />
+    <div
+      class="mx_BeaconStatus_description"
+    >
+      <span
+        class="mx_BeaconStatus_description_status"
+      >
+        Loading live location…
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<BeaconStatus /> renders stopped state 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_BeaconStatus mx_BeaconStatus_Stopped"
+  >
+    <div
+      class="mx_StyledLiveBeaconIcon mx_BeaconStatus_icon mx_StyledLiveBeaconIcon_idle"
+    />
+    <div
+      class="mx_BeaconStatus_description"
+    >
+      <span
+        class="mx_BeaconStatus_description_status"
+      >
+        Live location ended
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconViewDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconViewDialog-test.tsx.snap
new file mode 100644
index 00000000000..ae4d37a40d6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconViewDialog-test.tsx.snap
@@ -0,0 +1,82 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<BeaconViewDialog /> renders a fallback when there are no locations 1`] = `
+<div
+  class="mx_MapFallback mx_BeaconViewDialog_map"
+  data-testid="beacon-view-dialog-map-fallback"
+>
+  <div
+    class="mx_MapFallback_bg"
+  />
+  <svg
+    class="mx_MapFallback_icon"
+    fill="currentColor"
+    height="1em"
+    viewBox="0 0 24 24"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12 21.325a2.1 2.1 0 0 1-.7-.125 1.8 1.8 0 0 1-.625-.375A39 39 0 0 1 7.8 17.9q-1.25-1.425-2.087-2.762-.838-1.338-1.275-2.575Q4 11.325 4 10.2q0-3.75 2.412-5.975T12 2t5.587 2.225T20 10.2q0 1.125-.437 2.363-.438 1.237-1.275 2.574A22 22 0 0 1 16.2 17.9a39 39 0 0 1-2.875 2.925 1.8 1.8 0 0 1-.625.375 2.1 2.1 0 0 1-.7.125M12 12q.825 0 1.412-.588Q14 10.826 14 10t-.588-1.412A1.93 1.93 0 0 0 12 8q-.825 0-1.412.588A1.93 1.93 0 0 0 10 10q0 .825.588 1.412Q11.175 12 12 12"
+    />
+  </svg>
+  <span
+    class="mx_BeaconViewDialog_mapFallbackMessage"
+  >
+    No live locations
+  </span>
+  <div
+    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+    data-testid="beacon-view-dialog-fallback-close"
+    role="button"
+    tabindex="0"
+  >
+    Close
+  </div>
+</div>
+`;
+
+exports[`<BeaconViewDialog /> renders own beacon status when user is live sharing 1`] = `
+<div
+  class="mx_DialogOwnBeaconStatus"
+>
+  <span
+    class="_avatar_va14e_8 mx_BaseAvatar mx_DialogOwnBeaconStatus_avatar _avatar-imageless_va14e_55"
+    data-color="6"
+    data-testid="avatar-img"
+    data-type="round"
+    role="presentation"
+    style="--cpd-avatar-size: 32px;"
+    title="@alice:server"
+  >
+    a
+  </span>
+  <div
+    class="mx_BeaconStatus mx_BeaconStatus_Active mx_DialogOwnBeaconStatus_status"
+  >
+    <div
+      class="mx_BeaconStatus_description"
+    >
+      <span
+        class="mx_BeaconStatus_label"
+      >
+        Live location enabled
+      </span>
+      <span
+        class="mx_LiveTimeRemaining"
+        data-testid="room-live-share-expiry"
+      >
+        1h left
+      </span>
+    </div>
+    <div
+      class="mx_AccessibleButton mx_OwnBeaconStatus_button mx_OwnBeaconStatus_destructiveButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
+      data-testid="beacon-status-stop-beacon"
+      role="button"
+      tabindex="0"
+    >
+      Stop
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/DialogSidebar-test.tsx.snap b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/DialogSidebar-test.tsx.snap
new file mode 100644
index 00000000000..10e8fd099a5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/DialogSidebar-test.tsx.snap
@@ -0,0 +1,184 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<DialogSidebar /> renders sidebar correctly with beacons 1`] = `
+<div>
+  <div
+    class="mx_DialogSidebar"
+  >
+    <div
+      class="mx_DialogSidebar_header"
+    >
+      <h4
+        class="mx_Heading_h4"
+      >
+        View list
+      </h4>
+      <div
+        aria-label="Close sidebar"
+        class="mx_AccessibleButton mx_DialogSidebar_closeButton"
+        data-testid="dialog-sidebar-close"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          class="mx_DialogSidebar_closeButtonIcon"
+          fill="currentColor"
+          height="24px"
+          viewBox="0 0 24 24"
+          width="24px"
+          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>
+    <ol
+      class="mx_DialogSidebar_list"
+    >
+      <li
+        class="mx_BeaconListItem"
+      >
+        <span
+          class="_avatar_va14e_8 mx_BaseAvatar mx_BeaconListItem_avatar _avatar-imageless_va14e_55"
+          data-color="1"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 32px;"
+        />
+        <div
+          class="mx_BeaconListItem_info"
+        >
+          <div
+            class="mx_BeaconStatus mx_BeaconStatus_Active mx_BeaconListItem_status"
+          >
+            <div
+              class="mx_BeaconStatus_description"
+            >
+              <span
+                class="mx_BeaconStatus_label"
+              >
+                @alice:server.org
+              </span>
+              <span
+                class="mx_BeaconStatus_expiryTime"
+              >
+                Live until 16:14
+              </span>
+            </div>
+            <div
+              class="mx_BeaconListItem_interactions"
+            >
+              <a
+                aria-labelledby="react-use-id-1"
+                data-testid="open-location-in-osm"
+                href="https://www.openstreetmap.org/?mlat=51&mlon=41#map=16/51/41"
+                rel="noreferrer noopener"
+                target="_blank"
+              >
+                <svg
+                  class="mx_ShareLatestLocation_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
+                class="mx_CopyableText mx_ShareLatestLocation_copy"
+              >
+                <button
+                  aria-labelledby="react-use-id-2"
+                  class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+                  data-kind="primary"
+                  role="button"
+                  style="--cpd-icon-button-size: 28px; padding: 4px;"
+                  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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                      />
+                      <path
+                        d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                      />
+                    </svg>
+                  </div>
+                </button>
+              </span>
+            </div>
+          </div>
+          <span
+            class="mx_BeaconListItem_lastUpdated"
+          >
+            Updated a few seconds ago
+          </span>
+        </div>
+      </li>
+    </ol>
+  </div>
+</div>
+`;
+
+exports[`<DialogSidebar /> renders sidebar correctly without beacons 1`] = `
+<div>
+  <div
+    class="mx_DialogSidebar"
+  >
+    <div
+      class="mx_DialogSidebar_header"
+    >
+      <h4
+        class="mx_Heading_h4"
+      >
+        View list
+      </h4>
+      <div
+        aria-label="Close sidebar"
+        class="mx_AccessibleButton mx_DialogSidebar_closeButton"
+        data-testid="dialog-sidebar-close"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          class="mx_DialogSidebar_closeButtonIcon"
+          fill="currentColor"
+          height="24px"
+          viewBox="0 0 24 24"
+          width="24px"
+          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_DialogSidebar_noResults"
+    >
+      No live locations
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/LeftPanelLiveShareWarning-test.tsx.snap b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/LeftPanelLiveShareWarning-test.tsx.snap
new file mode 100644
index 00000000000..46a47981900
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/LeftPanelLiveShareWarning-test.tsx.snap
@@ -0,0 +1,40 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<LeftPanelLiveShareWarning /> when user has live location monitor renders correctly when minimized 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="You are sharing your live location"
+    class="mx_AccessibleButton mx_LeftPanelLiveShareWarning mx_LeftPanelLiveShareWarning__minimized"
+    role="button"
+    tabindex="0"
+  >
+    <div
+      height="10"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<LeftPanelLiveShareWarning /> when user has live location monitor renders correctly when not minimized 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_AccessibleButton mx_LeftPanelLiveShareWarning"
+    role="button"
+    tabindex="0"
+  >
+    You are sharing your live location
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<LeftPanelLiveShareWarning /> when user has live location monitor renders location publish error 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_AccessibleButton mx_LeftPanelLiveShareWarning mx_LeftPanelLiveShareWarning__error"
+    role="button"
+    tabindex="0"
+  >
+    An error occurred whilst sharing your live location
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/OwnBeaconStatus-test.tsx.snap b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/OwnBeaconStatus-test.tsx.snap
new file mode 100644
index 00000000000..96c8b2142d4
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/OwnBeaconStatus-test.tsx.snap
@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<OwnBeaconStatus /> renders without a beacon instance 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_BeaconStatus mx_BeaconStatus_Loading"
+  >
+    <div
+      class="mx_BeaconStatus_description"
+    >
+      <span
+        class="mx_BeaconStatus_description_status"
+      >
+        Loading live location…
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/ShareLatestLocation-test.tsx.snap b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/ShareLatestLocation-test.tsx.snap
new file mode 100644
index 00000000000..38a3cb20d80
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/ShareLatestLocation-test.tsx.snap
@@ -0,0 +1,61 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ShareLatestLocation /> renders share buttons when there is a location 1`] = `
+<DocumentFragment>
+  <a
+    aria-labelledby="react-use-id-1"
+    data-testid="open-location-in-osm"
+    href="https://www.openstreetmap.org/?mlat=51&mlon=42#map=16/51/42"
+    rel="noreferrer noopener"
+    target="_blank"
+  >
+    <svg
+      class="mx_ShareLatestLocation_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
+    class="mx_CopyableText mx_ShareLatestLocation_copy"
+  >
+    <button
+      aria-labelledby="react-use-id-2"
+      class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+      data-kind="primary"
+      role="button"
+      style="--cpd-icon-button-size: 28px; padding: 4px;"
+      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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+          />
+          <path
+            d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+          />
+        </svg>
+      </div>
+    </button>
+  </span>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/StyledLiveBeaconIcon-test.tsx.snap b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/StyledLiveBeaconIcon-test.tsx.snap
new file mode 100644
index 00000000000..c6f9c5d9fcc
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/StyledLiveBeaconIcon-test.tsx.snap
@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<StyledLiveBeaconIcon /> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_StyledLiveBeaconIcon"
+  />
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/beta/BetaCard-test.tsx b/apps/web/test/unit-tests/components/views/beta/BetaCard-test.tsx
new file mode 100644
index 00000000000..47c9b29230e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/beta/BetaCard-test.tsx
@@ -0,0 +1,73 @@
+/*
+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 { mocked } from "jest-mock";
+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 FeatureSettingKey } from "../../../../../src/settings/Settings.tsx";
+
+jest.mock("../../../../../src/utils/Feedback");
+jest.mock("../../../../../src/settings/SettingsStore");
+
+describe("<BetaCard />", () => {
+    describe("Feedback prompt", () => {
+        const featureId = "featureId" as FeatureSettingKey;
+
+        beforeEach(() => {
+            mocked(SettingsStore).getBetaInfo.mockReturnValue({
+                title: "title" as TranslationKey,
+                caption: () => "caption",
+                feedbackLabel: "feedbackLabel",
+                feedbackSubheading: "feedbackSubheading" as TranslationKey,
+            });
+            mocked(SettingsStore).getValue.mockReturnValue(true);
+            mocked(shouldShowFeedback).mockReturnValue(true);
+        });
+
+        it("should show feedback prompt", () => {
+            render(<BetaCard featureId={featureId} />);
+            expect(screen.queryByText("Feedback")).toBeTruthy();
+        });
+
+        it("should not show feedback prompt if beta is disabled", () => {
+            mocked(SettingsStore).getValue.mockReturnValue(false);
+            render(<BetaCard featureId={featureId} />);
+            expect(screen.queryByText("Feedback")).toBeFalsy();
+        });
+
+        it("should not show feedback prompt if label is unset", () => {
+            mocked(SettingsStore).getBetaInfo.mockReturnValue({
+                title: "title" as TranslationKey,
+                caption: () => "caption",
+                feedbackSubheading: "feedbackSubheading" as TranslationKey,
+            });
+            render(<BetaCard featureId={featureId} />);
+            expect(screen.queryByText("Feedback")).toBeFalsy();
+        });
+
+        it("should not show feedback prompt if subheading is unset", () => {
+            mocked(SettingsStore).getBetaInfo.mockReturnValue({
+                title: "title" as TranslationKey,
+                caption: () => "caption",
+                feedbackLabel: "feedbackLabel",
+            });
+            render(<BetaCard featureId={featureId} />);
+            expect(screen.queryByText("Feedback")).toBeFalsy();
+        });
+
+        it("should not show feedback prompt if feedback is disabled", () => {
+            mocked(shouldShowFeedback).mockReturnValue(false);
+            render(<BetaCard featureId={featureId} />);
+            expect(screen.queryByText("Feedback")).toBeFalsy();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/context_menus/ContextMenu-test.tsx b/apps/web/test/unit-tests/components/views/context_menus/ContextMenu-test.tsx
new file mode 100644
index 00000000000..bbc4e4d112c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/context_menus/ContextMenu-test.tsx
@@ -0,0 +1,193 @@
+/*
+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 ContextMenu, { ChevronFace } from "../../../../../src/components/structures/ContextMenu";
+import UIStore from "../../../../../src/stores/UIStore";
+import Modal from "../../../../../src/Modal";
+import BaseDialog from "../../../../../src/components/views/dialogs/BaseDialog";
+
+describe("<ContextMenu />", () => {
+    // Hardcode window and menu dimensions
+    const windowSize = 300;
+    const menuSize = 200;
+    jest.spyOn(UIStore, "instance", "get").mockImplementation(
+        () =>
+            ({
+                windowWidth: windowSize,
+                windowHeight: windowSize,
+            }) as unknown as UIStore,
+    );
+    window.Element.prototype.getBoundingClientRect = jest.fn().mockReturnValue({
+        width: menuSize,
+        height: menuSize,
+    });
+
+    const targetChevronOffset = 25;
+
+    it("near top edge of window", () => {
+        const targetY = -50;
+        const onFinished = jest.fn();
+
+        render(
+            <ContextMenu
+                bottom={windowSize - targetY - menuSize}
+                right={menuSize}
+                onFinished={onFinished}
+                chevronFace={ChevronFace.Left}
+                chevronOffset={targetChevronOffset}
+            >
+                <React.Fragment />
+            </ContextMenu>,
+        );
+        const chevron = document.querySelector<HTMLElement>(".mx_ContextualMenu_chevron_left")!;
+
+        const bottomStyle = parseInt(
+            document.querySelector<HTMLElement>(".mx_ContextualMenu_wrapper")!.style.getPropertyValue("bottom"),
+        );
+        const actualY = windowSize - bottomStyle - menuSize;
+        const actualChevronOffset = parseInt(chevron.style.getPropertyValue("top"));
+
+        // stays within the window
+        expect(actualY).toBeGreaterThanOrEqual(0);
+        // positions the chevron correctly
+        expect(actualChevronOffset).toEqual(targetChevronOffset + targetY - actualY);
+    });
+
+    it("near right edge of window", () => {
+        const targetX = windowSize - menuSize + 50;
+        const onFinished = jest.fn();
+
+        render(
+            <ContextMenu
+                bottom={0}
+                onFinished={onFinished}
+                left={targetX}
+                chevronFace={ChevronFace.Top}
+                chevronOffset={targetChevronOffset}
+            >
+                <React.Fragment />
+            </ContextMenu>,
+        );
+        const chevron = document.querySelector<HTMLElement>(".mx_ContextualMenu_chevron_top")!;
+
+        const actualX = parseInt(
+            document.querySelector<HTMLElement>(".mx_ContextualMenu_wrapper")!.style.getPropertyValue("left"),
+        );
+        const actualChevronOffset = parseInt(chevron.style.getPropertyValue("left"));
+
+        // stays within the window
+        expect(actualX + menuSize).toBeLessThanOrEqual(windowSize);
+        // positions the chevron correctly
+        expect(actualChevronOffset).toEqual(targetChevronOffset + targetX - actualX);
+    });
+
+    it("near bottom edge of window", () => {
+        const targetY = windowSize - menuSize + 50;
+        const onFinished = jest.fn();
+
+        render(
+            <ContextMenu
+                top={targetY}
+                left={0}
+                onFinished={onFinished}
+                chevronFace={ChevronFace.Right}
+                chevronOffset={targetChevronOffset}
+            >
+                <React.Fragment />
+            </ContextMenu>,
+        );
+        const chevron = document.querySelector<HTMLElement>(".mx_ContextualMenu_chevron_right")!;
+
+        const actualY = parseInt(
+            document.querySelector<HTMLElement>(".mx_ContextualMenu_wrapper")!.style.getPropertyValue("top"),
+        );
+        const actualChevronOffset = parseInt(chevron.style.getPropertyValue("top"));
+
+        // stays within the window
+        expect(actualY + menuSize).toBeLessThanOrEqual(windowSize);
+        // positions the chevron correctly
+        expect(actualChevronOffset).toEqual(targetChevronOffset + targetY - actualY);
+    });
+
+    it("near left edge of window", () => {
+        const targetX = -50;
+        const onFinished = jest.fn();
+
+        render(
+            <ContextMenu
+                top={0}
+                right={windowSize - targetX - menuSize}
+                chevronFace={ChevronFace.Bottom}
+                onFinished={onFinished}
+                chevronOffset={targetChevronOffset}
+            >
+                <React.Fragment />
+            </ContextMenu>,
+        );
+        const chevron = document.querySelector<HTMLElement>(".mx_ContextualMenu_chevron_bottom")!;
+
+        const rightStyle = parseInt(
+            document.querySelector<HTMLElement>(".mx_ContextualMenu_wrapper")!.style.getPropertyValue("right"),
+        );
+        const actualX = windowSize - rightStyle - menuSize;
+        const actualChevronOffset = parseInt(chevron.style.getPropertyValue("left"));
+
+        // stays within the window
+        expect(actualX).toBeGreaterThanOrEqual(0);
+        // positions the chevron correctly
+        expect(actualChevronOffset).toEqual(targetChevronOffset + targetX - actualX);
+    });
+
+    it("should automatically close when a modal is opened", () => {
+        const targetX = -50;
+        const onFinished = jest.fn();
+
+        render(
+            <ContextMenu
+                top={0}
+                right={windowSize - targetX - menuSize}
+                chevronFace={ChevronFace.Bottom}
+                onFinished={onFinished}
+                chevronOffset={targetChevronOffset}
+            >
+                <React.Fragment />
+            </ContextMenu>,
+        );
+
+        expect(onFinished).not.toHaveBeenCalled();
+        Modal.createDialog(BaseDialog);
+        expect(onFinished).toHaveBeenCalled();
+    });
+
+    it("should not automatically close when a modal is opened under the existing one", () => {
+        const targetX = -50;
+        const onFinished = jest.fn();
+
+        Modal.createDialog(BaseDialog);
+        render(
+            <ContextMenu
+                top={0}
+                right={windowSize - targetX - menuSize}
+                chevronFace={ChevronFace.Bottom}
+                onFinished={onFinished}
+                chevronOffset={targetChevronOffset}
+            >
+                <React.Fragment />
+            </ContextMenu>,
+        );
+
+        expect(onFinished).not.toHaveBeenCalled();
+        Modal.createDialog(BaseDialog, {}, "", false, true);
+        expect(onFinished).not.toHaveBeenCalled();
+        Modal.appendDialog(BaseDialog);
+        expect(onFinished).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/context_menus/DeviceContextMenu-test.tsx b/apps/web/test/unit-tests/components/views/context_menus/DeviceContextMenu-test.tsx
new file mode 100644
index 00000000000..af0ca451ec5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/context_menus/DeviceContextMenu-test.tsx
@@ -0,0 +1,39 @@
+/*
+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 { render } from "jest-matrix-react";
+import React from "react";
+
+import { clearAllModals } from "../../../../test-utils";
+import DeviceContextMenu from "../../../../../src/components/views/context_menus/DeviceContextMenu.tsx";
+import MediaDeviceHandler from "../../../../../src/MediaDeviceHandler.ts";
+
+describe("DeviceContextMenu", () => {
+    afterEach(async () => {
+        await clearAllModals();
+    });
+
+    it("renders a menu with the selected device checked", async () => {
+        jest.spyOn(MediaDeviceHandler, "getDevices").mockResolvedValue({
+            videoinput: [
+                { deviceId: "A", label: "Camera 1" } as MediaDeviceInfo,
+                { deviceId: "B", label: "Camera 2" } as MediaDeviceInfo,
+                { deviceId: "C", label: "Camera 3" } as MediaDeviceInfo,
+            ],
+            audioinput: [],
+            audiooutput: [],
+        });
+        jest.spyOn(MediaDeviceHandler, "getDevice").mockReturnValue("B");
+
+        const { container, findByLabelText } = render(
+            <DeviceContextMenu deviceKinds={["videoinput"]} onFinished={jest.fn()} mountAsChild />,
+        );
+
+        await expect(findByLabelText("Camera 2")).resolves.toBeChecked();
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/context_menus/EmbeddedPage-test.tsx b/apps/web/test/unit-tests/components/views/context_menus/EmbeddedPage-test.tsx
new file mode 100644
index 00000000000..7f92ffa6a84
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/context_menus/EmbeddedPage-test.tsx
@@ -0,0 +1,59 @@
+/*
+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 fetchMock from "@fetch-mock/jest";
+import { render, screen } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+
+import { _t } from "../../../../../src/languageHandler";
+import EmbeddedPage from "../../../../../src/components/structures/EmbeddedPage";
+
+jest.mock("../../../../../src/languageHandler", () => ({
+    _t: jest.fn(),
+}));
+
+describe("<EmbeddedPage />", () => {
+    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>`,
+        });
+
+        const { asFragment } = render(<EmbeddedPage url="https://home.page" />);
+        await screen.findByText("Przeglądaj pokoje");
+        expect(_t).toHaveBeenCalledWith("Explore rooms");
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should show error if unable to load", async () => {
+        mocked(_t).mockReturnValue("Couldn't load page");
+        fetchMock.get("https://other.page", {
+            status: 404,
+        });
+
+        const { asFragment } = render(<EmbeddedPage url="https://other.page" />);
+        await screen.findByText("Couldn't load page");
+        expect(_t).toHaveBeenCalledWith("cant_load_page");
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render nothing if no url given", () => {
+        const { asFragment } = render(<EmbeddedPage />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should sanitise input", async () => {
+        fetchMock.get("https://other.page", `<h1>Foo</h1><iframe src="https://home.page" />`);
+
+        const { asFragment } = render(<EmbeddedPage url="https://other.page" />);
+        await expect(screen.findByText("Foo")).resolves.toBeVisible();
+        expect(screen.queryByRole("iframe")).not.toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/context_menus/MessageContextMenu-test.tsx b/apps/web/test/unit-tests/components/views/context_menus/MessageContextMenu-test.tsx
new file mode 100644
index 00000000000..737e3e63fcd
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/context_menus/MessageContextMenu-test.tsx
@@ -0,0 +1,764 @@
+/*
+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 { fireEvent, render, type RenderResult, screen, waitFor } from "jest-matrix-react";
+import {
+    EventStatus,
+    MatrixEvent,
+    Room,
+    PendingEventOrdering,
+    type BeaconIdentifier,
+    Beacon,
+    getBeaconInfoIdentifier,
+    EventType,
+    FeatureSupport,
+    Thread,
+    M_POLL_KIND_DISCLOSED,
+    EventTimeline,
+} from "matrix-js-sdk/src/matrix";
+import { PollStartEvent } from "matrix-js-sdk/src/extensible_events_v1/PollStartEvent";
+import { mocked } from "jest-mock";
+import userEvent from "@testing-library/user-event";
+
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { type RoomContextType, TimelineRenderingType } from "../../../../../src/contexts/RoomContext";
+import { canEditContent } from "../../../../../src/utils/EventUtils";
+import { copyPlaintext, getSelectedText } from "../../../../../src/utils/strings";
+import MessageContextMenu from "../../../../../src/components/views/context_menus/MessageContextMenu";
+import { makeBeaconEvent, makeBeaconInfoEvent, makeLocationEvent, stubClient } from "../../../../test-utils";
+import dispatcher from "../../../../../src/dispatcher/dispatcher";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { ReadPinsEventId } from "../../../../../src/components/views/right_panel/types";
+import { Action } from "../../../../../src/dispatcher/actions";
+import { createMessageEventContent } from "../../../../test-utils/events";
+import { ScopedRoomContextProvider } from "../../../../../src/contexts/ScopedRoomContext.tsx";
+
+jest.mock("../../../../../src/utils/strings", () => ({
+    copyPlaintext: jest.fn(),
+    getSelectedText: jest.fn(),
+}));
+jest.mock("../../../../../src/utils/EventUtils", () => ({
+    ...(jest.requireActual("../../../../../src/utils/EventUtils") as object),
+    canEditContent: jest.fn(),
+}));
+jest.mock("../../../../../src/dispatcher/dispatcher");
+
+const roomId = "roomid";
+
+describe("MessageContextMenu", () => {
+    beforeEach(() => {
+        jest.resetAllMocks();
+        stubClient();
+    });
+
+    it("does show copy link button when supplied a link", () => {
+        const eventContent = createMessageEventContent("hello");
+        const props = {
+            link: "https://google.com/",
+        };
+        createMenuWithContent(eventContent, props);
+        const copyLinkButton = document.querySelector('a[aria-label="Copy link"]');
+        expect(copyLinkButton).toHaveAttribute("href", props.link);
+    });
+
+    it("does not show copy link button when not supplied a link", () => {
+        const eventContent = createMessageEventContent("hello");
+        createMenuWithContent(eventContent);
+        const copyLinkButton = document.querySelector('a[aria-label="Copy link"]');
+        expect(copyLinkButton).toBeFalsy();
+    });
+
+    describe("message pinning", () => {
+        let room: Room;
+
+        beforeEach(() => {
+            room = makeDefaultRoom();
+
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+            jest.spyOn(
+                room.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+                "mayClientSendStateEvent",
+            ).mockReturnValue(true);
+        });
+
+        afterAll(() => {
+            jest.spyOn(SettingsStore, "getValue").mockRestore();
+        });
+
+        it("does not show pin option when user does not have rights to pin", () => {
+            const eventContent = createMessageEventContent("hello");
+            const event = new MatrixEvent({ type: EventType.RoomMessage, content: eventContent });
+
+            // mock permission to disallow adding pinned messages to room
+            jest.spyOn(
+                room.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+                "mayClientSendStateEvent",
+            ).mockReturnValue(false);
+
+            createMenu(event, { rightClick: true }, {}, undefined, room);
+
+            expect(screen.queryByRole("menuitem", { name: "Pin" })).toBeFalsy();
+        });
+
+        it("does not show pin option for beacon_info event", () => {
+            const deadBeaconEvent = makeBeaconInfoEvent("@alice:server.org", roomId, { isLive: false });
+
+            createMenu(deadBeaconEvent, { rightClick: true }, {}, undefined, room);
+
+            expect(screen.queryByRole("menuitem", { name: "Pin" })).toBeFalsy();
+        });
+
+        it("shows pin option when pinning feature is enabled", () => {
+            const eventContent = createMessageEventContent("hello");
+            const pinnableEvent = new MatrixEvent({
+                type: EventType.RoomMessage,
+                content: eventContent,
+                room_id: roomId,
+            });
+
+            createMenu(pinnableEvent, { rightClick: true }, {}, undefined, room);
+
+            expect(screen.getByRole("menuitem", { name: "Pin" })).toBeTruthy();
+        });
+
+        it("pins event on pin option click", async () => {
+            const onFinished = jest.fn();
+            const eventContent = createMessageEventContent("hello");
+            const pinnableEvent = new MatrixEvent({
+                type: EventType.RoomMessage,
+                content: eventContent,
+                room_id: roomId,
+            });
+            pinnableEvent.event.event_id = "!3";
+            const client = MatrixClientPeg.safeGet();
+
+            jest.spyOn(room.getLiveTimeline().getState(EventTimeline.FORWARDS)!, "getStateEvents").mockReturnValue({
+                // @ts-ignore
+                getContent: () => ({ pinned: ["!1", "!2"] }),
+            });
+
+            // mock read pins account data
+            const pinsAccountData = new MatrixEvent({ content: { event_ids: ["!1", "!2"] } });
+            jest.spyOn(room, "getAccountData").mockReturnValue(pinsAccountData);
+
+            createMenu(pinnableEvent, { onFinished, rightClick: true }, {}, undefined, room);
+
+            await userEvent.click(screen.getByRole("menuitem", { name: "Pin" }));
+
+            // added to account data
+            await waitFor(() =>
+                expect(client.setRoomAccountData).toHaveBeenCalledWith(roomId, ReadPinsEventId, {
+                    event_ids: [
+                        // from account data
+                        "!1",
+                        "!2",
+                        pinnableEvent.getId(),
+                    ],
+                }),
+            );
+
+            // add to room's pins
+            await waitFor(() =>
+                expect(client.sendStateEvent).toHaveBeenCalledWith(
+                    roomId,
+                    EventType.RoomPinnedEvents,
+                    {
+                        pinned: ["!1", "!2", pinnableEvent.getId()],
+                    },
+                    "",
+                ),
+            );
+
+            expect(onFinished).toHaveBeenCalled();
+        });
+
+        it("unpins event on pin option click when event is pinned", async () => {
+            const eventContent = createMessageEventContent("hello");
+            const pinnableEvent = new MatrixEvent({
+                type: EventType.RoomMessage,
+                content: eventContent,
+                room_id: roomId,
+            });
+            pinnableEvent.event.event_id = "!3";
+            const client = MatrixClientPeg.safeGet();
+
+            // make the event already pinned in the room
+            const pinEvent = new MatrixEvent({
+                type: EventType.RoomPinnedEvents,
+                room_id: roomId,
+                state_key: "",
+                content: { pinned: [pinnableEvent.getId(), "!another-event"] },
+            });
+            room.getLiveTimeline().getState(EventTimeline.FORWARDS)!.setStateEvents([pinEvent]);
+
+            // mock read pins account data
+            const pinsAccountData = new MatrixEvent({ content: { event_ids: ["!1", "!2"] } });
+            jest.spyOn(room, "getAccountData").mockReturnValue(pinsAccountData);
+
+            createMenu(pinnableEvent, { rightClick: true }, {}, undefined, room);
+
+            await userEvent.click(screen.getByRole("menuitem", { name: "Unpin" }));
+
+            expect(client.setRoomAccountData).not.toHaveBeenCalled();
+
+            // add to room's pins
+            expect(client.sendStateEvent).toHaveBeenCalledWith(
+                roomId,
+                EventType.RoomPinnedEvents,
+                // pinnableEvent's id removed, other pins intact
+                { pinned: ["!another-event"] },
+                "",
+            );
+        });
+    });
+
+    describe("message forwarding", () => {
+        it("allows forwarding a room message", () => {
+            const eventContent = createMessageEventContent("hello");
+            createMenuWithContent(eventContent);
+            expect(document.querySelector('li[aria-label="Forward"]')).toBeTruthy();
+        });
+
+        it("does not allow forwarding a poll", () => {
+            const eventContent = PollStartEvent.from("why?", ["42"], M_POLL_KIND_DISCLOSED);
+            createMenuWithContent(eventContent);
+            expect(document.querySelector('li[aria-label="Forward"]')).toBeFalsy();
+        });
+
+        describe("forwarding beacons", () => {
+            const aliceId = "@alice:server.org";
+
+            it("does not allow forwarding a beacon that is not live", () => {
+                const deadBeaconEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: false });
+                const beacon = new Beacon(deadBeaconEvent);
+                const beacons = new Map<BeaconIdentifier, Beacon>();
+                beacons.set(getBeaconInfoIdentifier(deadBeaconEvent), beacon);
+                createMenu(deadBeaconEvent, {}, {}, beacons);
+                expect(document.querySelector('li[aria-label="Forward"]')).toBeFalsy();
+            });
+
+            it("does not allow forwarding a beacon that is not live but has a latestLocation", () => {
+                const deadBeaconEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: false });
+                const beaconLocation = makeBeaconEvent(aliceId, {
+                    beaconInfoId: deadBeaconEvent.getId(),
+                    geoUri: "geo:51,41",
+                });
+                const beacon = new Beacon(deadBeaconEvent);
+                // @ts-ignore illegally set private prop
+                beacon._latestLocationEvent = beaconLocation;
+                const beacons = new Map<BeaconIdentifier, Beacon>();
+                beacons.set(getBeaconInfoIdentifier(deadBeaconEvent), beacon);
+                createMenu(deadBeaconEvent, {}, {}, beacons);
+                expect(document.querySelector('li[aria-label="Forward"]')).toBeFalsy();
+            });
+
+            it("does not allow forwarding a live beacon that does not have a latestLocation", () => {
+                const beaconEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: true });
+
+                const beacon = new Beacon(beaconEvent);
+                const beacons = new Map<BeaconIdentifier, Beacon>();
+                beacons.set(getBeaconInfoIdentifier(beaconEvent), beacon);
+                createMenu(beaconEvent, {}, {}, beacons);
+                expect(document.querySelector('li[aria-label="Forward"]')).toBeFalsy();
+            });
+
+            it("allows forwarding a live beacon that has a location", () => {
+                const liveBeaconEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: true });
+                const beaconLocation = makeBeaconEvent(aliceId, {
+                    beaconInfoId: liveBeaconEvent.getId(),
+                    geoUri: "geo:51,41",
+                });
+                const beacon = new Beacon(liveBeaconEvent);
+                // @ts-ignore illegally set private prop
+                beacon._latestLocationEvent = beaconLocation;
+                const beacons = new Map<BeaconIdentifier, Beacon>();
+                beacons.set(getBeaconInfoIdentifier(liveBeaconEvent), beacon);
+                createMenu(liveBeaconEvent, {}, {}, beacons);
+                expect(document.querySelector('li[aria-label="Forward"]')).toBeTruthy();
+            });
+
+            it("opens forward dialog with correct event", () => {
+                const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+                const liveBeaconEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: true });
+                const beaconLocation = makeBeaconEvent(aliceId, {
+                    beaconInfoId: liveBeaconEvent.getId(),
+                    geoUri: "geo:51,41",
+                });
+                const beacon = new Beacon(liveBeaconEvent);
+                // @ts-ignore illegally set private prop
+                beacon._latestLocationEvent = beaconLocation;
+                const beacons = new Map<BeaconIdentifier, Beacon>();
+                beacons.set(getBeaconInfoIdentifier(liveBeaconEvent), beacon);
+                createMenu(liveBeaconEvent, {}, {}, beacons);
+
+                fireEvent.click(document.querySelector('li[aria-label="Forward"]')!);
+
+                // called with forwardableEvent, not beaconInfo event
+                expect(dispatchSpy).toHaveBeenCalledWith(
+                    expect.objectContaining({
+                        event: beaconLocation,
+                    }),
+                );
+            });
+        });
+    });
+
+    describe("open as map link", () => {
+        it("does not allow opening a plain message in open street maps", () => {
+            const eventContent = createMessageEventContent("hello");
+            createMenuWithContent(eventContent);
+            expect(document.querySelector('a[aria-label="Open in OpenStreetMap"]')).toBeFalsy();
+        });
+
+        it("does not allow opening a beacon that does not have a shareable location event", () => {
+            const deadBeaconEvent = makeBeaconInfoEvent("@alice", roomId, { isLive: false });
+            const beacon = new Beacon(deadBeaconEvent);
+            const beacons = new Map<BeaconIdentifier, Beacon>();
+            beacons.set(getBeaconInfoIdentifier(deadBeaconEvent), beacon);
+            createMenu(deadBeaconEvent, {}, {}, beacons);
+            expect(document.querySelector('a[aria-label="Open in OpenStreetMap"]')).toBeFalsy();
+        });
+
+        it("allows opening a location event in open street map", () => {
+            const locationEvent = makeLocationEvent("geo:50,50");
+            createMenu(locationEvent);
+            // exists with a href with the lat/lon from the location event
+            expect(document.querySelector('a[aria-label="Open in OpenStreetMap"]')).toHaveAttribute(
+                "href",
+                "https://www.openstreetmap.org/?mlat=50&mlon=50#map=16/50/50",
+            );
+        });
+
+        it("allows opening a beacon that has a shareable location event", () => {
+            const liveBeaconEvent = makeBeaconInfoEvent("@alice", roomId, { isLive: true });
+            const beaconLocation = makeBeaconEvent("@alice", {
+                beaconInfoId: liveBeaconEvent.getId(),
+                geoUri: "geo:51,41",
+            });
+            const beacon = new Beacon(liveBeaconEvent);
+            // @ts-ignore illegally set private prop
+            beacon._latestLocationEvent = beaconLocation;
+            const beacons = new Map<BeaconIdentifier, Beacon>();
+            beacons.set(getBeaconInfoIdentifier(liveBeaconEvent), beacon);
+            createMenu(liveBeaconEvent, {}, {}, beacons);
+            // exists with a href with the lat/lon from the location event
+            expect(document.querySelector('a[aria-label="Open in OpenStreetMap"]')).toHaveAttribute(
+                "href",
+                "https://www.openstreetmap.org/?mlat=51&mlon=41#map=16/51/41",
+            );
+        });
+    });
+
+    describe("quote button", () => {
+        beforeEach(() => {
+            jest.clearAllMocks();
+        });
+
+        it("shows quote button when selection is inside one MTextBody and getSelectedText returns text", () => {
+            mocked(getSelectedText).mockReturnValue("quoted text");
+            const isSelectionWithinSingleTextBody = jest
+                .spyOn(MessageContextMenu.prototype as any, "isSelectionWithinSingleTextBody")
+                .mockReturnValue(true);
+
+            createRightClickMenuWithContent(createMessageEventContent("hello"));
+            const quoteButton = document.querySelector('li[aria-label="Quote"]');
+            expect(quoteButton).toBeTruthy();
+
+            isSelectionWithinSingleTextBody.mockRestore();
+        });
+
+        it("does not show quote button when getSelectedText returns empty", () => {
+            mocked(getSelectedText).mockReturnValue("");
+            const isSelectionWithinSingleTextBody = jest
+                .spyOn(MessageContextMenu.prototype as any, "isSelectionWithinSingleTextBody")
+                .mockReturnValue(true);
+
+            createRightClickMenuWithContent(createMessageEventContent("hello"));
+            const quoteButton = document.querySelector('li[aria-label="Quote"]');
+            expect(quoteButton).toBeFalsy();
+
+            isSelectionWithinSingleTextBody.mockRestore();
+        });
+
+        it("does not show quote button when selection is not inside one MTextBody", () => {
+            mocked(getSelectedText).mockReturnValue("quoted text");
+            const isSelectionWithinSingleTextBody = jest
+                .spyOn(MessageContextMenu.prototype as any, "isSelectionWithinSingleTextBody")
+                .mockReturnValue(false);
+
+            createRightClickMenuWithContent(createMessageEventContent("hello"));
+            const quoteButton = document.querySelector('li[aria-label="Quote"]');
+            expect(quoteButton).toBeFalsy();
+
+            isSelectionWithinSingleTextBody.mockRestore();
+        });
+
+        it("dispatches ComposerInsert with quoted text when quote button is clicked", () => {
+            mocked(getSelectedText).mockReturnValue("line1\nline2");
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+            const isSelectionWithinSingleTextBody = jest
+                .spyOn(MessageContextMenu.prototype as any, "isSelectionWithinSingleTextBody")
+                .mockReturnValue(true);
+
+            createRightClickMenuWithContent(createMessageEventContent("hello"));
+            const quoteButton = document.querySelector('li[aria-label="Quote"]')!;
+            fireEvent.mouseDown(quoteButton);
+
+            expect(dispatchSpy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: Action.ComposerInsert,
+                    text: "\n> line1\n> line2\n\n ",
+                }),
+            );
+
+            isSelectionWithinSingleTextBody.mockRestore();
+        });
+
+        it("does not show quote button when getSelectedText returns only whitespace", () => {
+            mocked(getSelectedText).mockReturnValue("   \n\t  "); // whitespace only
+            const isSelectionWithinSingleTextBody = jest
+                .spyOn(MessageContextMenu.prototype as any, "isSelectionWithinSingleTextBody")
+                .mockReturnValue(true);
+
+            createRightClickMenuWithContent(createMessageEventContent("hello"));
+            const quoteButton = document.querySelector('li[aria-label="Quote"]');
+            expect(quoteButton).toBeFalsy();
+
+            isSelectionWithinSingleTextBody.mockRestore();
+        });
+    });
+
+    describe("isSelectionWithinSingleTextBody", () => {
+        let mockGetSelection: jest.SpyInstance;
+        let contextMenuInstance: MessageContextMenu;
+
+        beforeEach(() => {
+            jest.clearAllMocks();
+
+            mockGetSelection = jest.spyOn(window, "getSelection");
+
+            const eventContent = createMessageEventContent("hello");
+            const mxEvent = new MatrixEvent({ type: EventType.RoomMessage, content: eventContent });
+
+            contextMenuInstance = new MessageContextMenu({
+                mxEvent,
+                onFinished: jest.fn(),
+                rightClick: true,
+            } as any);
+        });
+
+        afterEach(() => {
+            mockGetSelection.mockRestore();
+        });
+
+        it("returns false when there is no selection", () => {
+            mockGetSelection.mockReturnValue(null);
+
+            const result = (contextMenuInstance as any).isSelectionWithinSingleTextBody();
+            expect(result).toBe(false);
+        });
+
+        it("returns false when selection has no ranges", () => {
+            mockGetSelection.mockReturnValue({
+                rangeCount: 0,
+                getRangeAt: jest.fn(),
+            } as any);
+
+            const result = (contextMenuInstance as any).isSelectionWithinSingleTextBody();
+            expect(result).toBe(false);
+        });
+
+        it("returns true when selection is within a single mx_MTextBody element", () => {
+            // Create a mock MTextBody element
+            const textBodyElement = document.createElement("div");
+            textBodyElement.classList.add("mx_MTextBody");
+
+            // Create mock text nodes within the MTextBody
+            const startTextNode = document.createTextNode("start");
+            const endTextNode = document.createTextNode("end");
+            textBodyElement.appendChild(startTextNode);
+            textBodyElement.appendChild(endTextNode);
+
+            // Create a mock range with the text nodes
+            const mockRange = {
+                startContainer: startTextNode,
+                endContainer: endTextNode,
+            } as unknown as Range;
+
+            mockGetSelection.mockReturnValue({
+                rangeCount: 1,
+                getRangeAt: jest.fn().mockReturnValue(mockRange),
+            } as any);
+
+            const result = (contextMenuInstance as any).isSelectionWithinSingleTextBody();
+            expect(result).toBe(true);
+        });
+
+        it("returns false when selection spans multiple mx_MTextBody elements", () => {
+            // Create two different MTextBody elements
+            const textBody1 = document.createElement("div");
+            textBody1.classList.add("mx_MTextBody");
+            const textBody2 = document.createElement("div");
+            textBody2.classList.add("mx_MTextBody");
+
+            const startTextNode = document.createTextNode("start");
+            const endTextNode = document.createTextNode("end");
+            textBody1.appendChild(startTextNode);
+            textBody2.appendChild(endTextNode);
+
+            // Create a mock range spanning different MTextBody elements
+            const mockRange = {
+                startContainer: startTextNode,
+                endContainer: endTextNode,
+            } as unknown as Range;
+
+            mockGetSelection.mockReturnValue({
+                rangeCount: 1,
+                getRangeAt: jest.fn().mockReturnValue(mockRange),
+            } as any);
+
+            const result = (contextMenuInstance as any).isSelectionWithinSingleTextBody();
+            expect(result).toBe(false);
+        });
+
+        it("returns false when selection is outside any mx_MTextBody element", () => {
+            // Create regular div elements without mx_MTextBody class
+            const regularDiv1 = document.createElement("div");
+            const regularDiv2 = document.createElement("div");
+
+            const startTextNode = document.createTextNode("start");
+            const endTextNode = document.createTextNode("end");
+            regularDiv1.appendChild(startTextNode);
+            regularDiv2.appendChild(endTextNode);
+
+            // Create a mock range outside MTextBody elements
+            const mockRange = {
+                startContainer: startTextNode,
+                endContainer: endTextNode,
+            } as unknown as Range;
+
+            mockGetSelection.mockReturnValue({
+                rangeCount: 1,
+                getRangeAt: jest.fn().mockReturnValue(mockRange),
+            } as any);
+
+            const result = (contextMenuInstance as any).isSelectionWithinSingleTextBody();
+            expect(result).toBe(false);
+        });
+
+        it("returns true when start and end are the same mx_MTextBody element", () => {
+            const textBodyElement = document.createElement("div");
+            textBodyElement.classList.add("mx_MTextBody");
+
+            const textNode = document.createTextNode("same text");
+            textBodyElement.appendChild(textNode);
+
+            // Create a mock range within the same MTextBody element
+            const mockRange = {
+                startContainer: textNode,
+                endContainer: textNode,
+            } as unknown as Range;
+
+            mockGetSelection.mockReturnValue({
+                rangeCount: 1,
+                getRangeAt: jest.fn().mockReturnValue(mockRange),
+            } as any);
+
+            const result = (contextMenuInstance as any).isSelectionWithinSingleTextBody();
+            expect(result).toBe(true);
+        });
+    });
+
+    describe("right click", () => {
+        it("copy button does work as expected", () => {
+            const text = "hello";
+            const eventContent = createMessageEventContent(text);
+            mocked(getSelectedText).mockReturnValue(text);
+
+            createRightClickMenuWithContent(eventContent);
+            const copyButton = document.querySelector('li[aria-label="Copy"]')!;
+            fireEvent.mouseDown(copyButton);
+            expect(copyPlaintext).toHaveBeenCalledWith(text);
+        });
+
+        it("copy button is not shown when there is nothing to copy", () => {
+            const text = "hello";
+            const eventContent = createMessageEventContent(text);
+            mocked(getSelectedText).mockReturnValue("");
+
+            createRightClickMenuWithContent(eventContent);
+            const copyButton = document.querySelector('li[aria-label="Copy"]');
+            expect(copyButton).toBeFalsy();
+        });
+
+        it("shows edit button when we can edit", () => {
+            const eventContent = createMessageEventContent("hello");
+            mocked(canEditContent).mockReturnValue(true);
+
+            createRightClickMenuWithContent(eventContent);
+            const editButton = document.querySelector('li[aria-label="Edit"]');
+            expect(editButton).toBeTruthy();
+        });
+
+        it("does not show edit button when we cannot edit", () => {
+            const eventContent = createMessageEventContent("hello");
+            mocked(canEditContent).mockReturnValue(false);
+
+            createRightClickMenuWithContent(eventContent);
+            const editButton = document.querySelector('li[aria-label="Edit"]');
+            expect(editButton).toBeFalsy();
+        });
+
+        it("shows reply button when we can reply", () => {
+            const eventContent = createMessageEventContent("hello");
+            const context = {
+                canSendMessages: true,
+            };
+
+            createRightClickMenuWithContent(eventContent, context);
+            const replyButton = document.querySelector('li[aria-label="Reply"]');
+            expect(replyButton).toBeTruthy();
+        });
+
+        it("does not show reply button when we cannot reply", () => {
+            const eventContent = createMessageEventContent("hello");
+            const context = {
+                canSendMessages: true,
+            };
+            const unsentMessage = new MatrixEvent({ type: EventType.RoomMessage, content: eventContent });
+            // queued messages are not actionable
+            unsentMessage.setStatus(EventStatus.QUEUED);
+
+            createMenu(unsentMessage, {}, context);
+            const replyButton = document.querySelector('li[aria-label="Reply"]');
+            expect(replyButton).toBeFalsy();
+        });
+
+        it("shows react button when we can react", () => {
+            const eventContent = createMessageEventContent("hello");
+            const context = {
+                canReact: true,
+            };
+
+            createRightClickMenuWithContent(eventContent, context);
+            const reactButton = document.querySelector('li[aria-label="React"]');
+            expect(reactButton).toBeTruthy();
+        });
+
+        it("does not show react button when we cannot react", () => {
+            const eventContent = createMessageEventContent("hello");
+            const context = {
+                canReact: false,
+            };
+
+            createRightClickMenuWithContent(eventContent, context);
+            const reactButton = document.querySelector('li[aria-label="React"]');
+            expect(reactButton).toBeFalsy();
+        });
+
+        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;
+            const props = {
+                rightClick: true,
+            };
+            const context = {
+                timelineRenderingType: TimelineRenderingType.Thread,
+            };
+
+            createMenu(mxEvent, props, context);
+            const reactButton = document.querySelector('li[aria-label="View in room"]');
+            expect(reactButton).toBeTruthy();
+        });
+
+        it("does not show view in room button when the event is not a thread root", () => {
+            const eventContent = createMessageEventContent("hello");
+
+            createRightClickMenuWithContent(eventContent);
+            const reactButton = document.querySelector('li[aria-label="View in room"]');
+            expect(reactButton).toBeFalsy();
+        });
+
+        it("creates a new thread on reply in thread click", () => {
+            const eventContent = createMessageEventContent("hello");
+            const mxEvent = new MatrixEvent({ type: EventType.RoomMessage, content: eventContent });
+
+            Thread.hasServerSideSupport = FeatureSupport.Stable;
+            const context = {
+                canSendMessages: true,
+            };
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+
+            createRightClickMenu(mxEvent, context);
+
+            const replyInThreadButton = document.querySelector('li[aria-label="Reply in thread"]')!;
+            fireEvent.click(replyInThreadButton);
+
+            expect(dispatcher.dispatch).toHaveBeenCalledWith({
+                action: Action.ShowThread,
+                rootEvent: mxEvent,
+                push: false,
+            });
+        });
+    });
+});
+
+function createRightClickMenuWithContent(eventContent: object, context?: Partial<RoomContextType>): RenderResult {
+    return createMenuWithContent(eventContent, { rightClick: true }, context);
+}
+
+function createRightClickMenu(mxEvent: MatrixEvent, context?: Partial<RoomContextType>): RenderResult {
+    return createMenu(mxEvent, { rightClick: true }, context);
+}
+
+function createMenuWithContent(
+    eventContent: object,
+    props?: Partial<MessageContextMenu["props"]>,
+    context?: Partial<RoomContextType>,
+): RenderResult {
+    // XXX: We probably shouldn't be assuming all events are going to be message events, but considering this
+    // test is for the Message context menu, it's a fairly safe assumption.
+    const mxEvent = new MatrixEvent({ type: EventType.RoomMessage, content: eventContent });
+    return createMenu(mxEvent, props, context);
+}
+
+function makeDefaultRoom(): Room {
+    return new Room(roomId, MatrixClientPeg.safeGet(), "@user:example.com", {
+        pendingEventOrdering: PendingEventOrdering.Detached,
+    });
+}
+
+function createMenu(
+    mxEvent: MatrixEvent,
+    props?: Partial<MessageContextMenu["props"]>,
+    context: Partial<RoomContextType> = {},
+    beacons: Map<BeaconIdentifier, Beacon> = new Map(),
+    room: Room = makeDefaultRoom(),
+): RenderResult {
+    const client = MatrixClientPeg.safeGet();
+
+    // @ts-ignore illegally set private prop
+    room.currentState.beacons = beacons;
+
+    // The base case is that we have received the remote echo and have an eventId. No sending status.
+    mxEvent.setStatus(null);
+
+    client.getUserId = jest.fn().mockReturnValue("@user:example.com");
+    client.getRoom = jest.fn().mockReturnValue(room);
+
+    return render(
+        <ScopedRoomContextProvider {...(context as RoomContextType)}>
+            <MessageContextMenu mxEvent={mxEvent} onFinished={jest.fn()} {...props} />
+        </ScopedRoomContextProvider>,
+    );
+}
diff --git a/apps/web/test/unit-tests/components/views/context_menus/RoomGeneralContextMenu-test.tsx b/apps/web/test/unit-tests/components/views/context_menus/RoomGeneralContextMenu-test.tsx
new file mode 100644
index 00000000000..7e35bd9f796
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/context_menus/RoomGeneralContextMenu-test.tsx
@@ -0,0 +1,182 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { fireEvent, getByLabelText, render, screen } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+import { ReceiptType, type MatrixClient, PendingEventOrdering, Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import React from "react";
+import userEvent from "@testing-library/user-event";
+import { sleep } from "matrix-js-sdk/src/utils";
+
+import { ChevronFace } from "../../../../../src/components/structures/ContextMenu";
+import {
+    RoomGeneralContextMenu,
+    type RoomGeneralContextMenuProps,
+} from "../../../../../src/components/views/context_menus/RoomGeneralContextMenu";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { DefaultTagID } from "../../../../../src/stores/room-list-v3/skip-list/tag";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { mkMessage, stubClient } from "../../../../test-utils/test-utils";
+import { shouldShowComponent } from "../../../../../src/customisations/helpers/UIComponents";
+import { UIComponent } from "../../../../../src/settings/UIFeature";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { clearAllModals } from "../../../../test-utils";
+import * as getTagsForRoomUtils from "../../../../../src/utils/room/getTagsForRoom";
+
+jest.mock("../../../../../src/customisations/helpers/UIComponents", () => ({
+    shouldShowComponent: jest.fn(),
+}));
+
+describe("RoomGeneralContextMenu", () => {
+    const ROOM_ID = "!123:matrix.org";
+
+    let room: Room;
+    let mockClient: MatrixClient;
+
+    let onFinished: () => void;
+
+    function getComponent(props?: Partial<RoomGeneralContextMenuProps>) {
+        return render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <RoomGeneralContextMenu
+                    room={room}
+                    onFinished={onFinished}
+                    {...props}
+                    managed={true}
+                    mountAsChild={true}
+                    left={1}
+                    top={1}
+                    chevronFace={ChevronFace.Left}
+                />
+            </MatrixClientContext.Provider>,
+        );
+    }
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+
+        stubClient();
+        mockClient = mocked(MatrixClientPeg.safeGet());
+
+        room = new Room(ROOM_ID, mockClient, mockClient.getUserId() ?? "", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        const dmRoomMap = {
+            getUserIdForRoomId: jest.fn(),
+        } as unknown as DMRoomMap;
+        DMRoomMap.setShared(dmRoomMap);
+
+        jest.spyOn(getTagsForRoomUtils, "getTagsForRoom").mockReturnValueOnce([
+            DefaultTagID.DM,
+            DefaultTagID.Favourite,
+        ]);
+
+        onFinished = jest.fn();
+    });
+
+    afterEach(async () => {
+        await clearAllModals();
+    });
+
+    it("renders an empty context menu for archived rooms", async () => {
+        jest.spyOn(getTagsForRoomUtils, "getTagsForRoom").mockReturnValueOnce([DefaultTagID.Archived]);
+
+        const { container } = getComponent({});
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the default context menu", async () => {
+        const { container } = getComponent({});
+        expect(container).toMatchSnapshot();
+    });
+
+    it("does not render invite menu item when UIComponent customisations disable room invite", () => {
+        room.updateMyMembership(KnownMembership.Join);
+        jest.spyOn(room, "canInvite").mockReturnValue(true);
+        mocked(shouldShowComponent).mockReturnValue(false);
+
+        getComponent({});
+
+        expect(shouldShowComponent).toHaveBeenCalledWith(UIComponent.InviteUsers);
+        expect(screen.queryByRole("menuitem", { name: "Invite" })).not.toBeInTheDocument();
+    });
+
+    it("renders invite menu item when UIComponent customisations enables room invite", () => {
+        room.updateMyMembership(KnownMembership.Join);
+        jest.spyOn(room, "canInvite").mockReturnValue(true);
+        mocked(shouldShowComponent).mockReturnValue(true);
+
+        getComponent({});
+
+        expect(shouldShowComponent).toHaveBeenCalledWith(UIComponent.InviteUsers);
+        expect(screen.getByRole("menuitem", { name: "Invite" })).toBeInTheDocument();
+    });
+
+    it("marks the room as read", async () => {
+        const event = mkMessage({
+            event: true,
+            room: "!room:id",
+            user: "@user:id",
+            ts: 1000,
+        });
+        room.addLiveEvents([event], { addToState: true });
+
+        const { container } = getComponent({});
+
+        const markAsReadBtn = getByLabelText(container, "Mark as read");
+        fireEvent.click(markAsReadBtn);
+
+        await sleep(0);
+
+        expect(mockClient.sendReadReceipt).toHaveBeenCalledWith(event, ReceiptType.Read, true);
+        expect(onFinished).toHaveBeenCalled();
+    });
+
+    it("marks the room as unread", async () => {
+        room.updateMyMembership("join");
+
+        const { container } = getComponent({});
+
+        const markAsUnreadBtn = getByLabelText(container, "Mark as unread");
+        fireEvent.click(markAsUnreadBtn);
+
+        await sleep(0);
+
+        expect(mockClient.setRoomAccountData).toHaveBeenCalledWith(ROOM_ID, "m.marked_unread", {
+            unread: true,
+        });
+        expect(onFinished).toHaveBeenCalled();
+    });
+
+    it("when developer mode is disabled, it should not render the developer tools option", () => {
+        getComponent();
+        expect(screen.queryByText("Developer tools")).not.toBeInTheDocument();
+    });
+
+    describe("when developer mode is enabled", () => {
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => setting === "developerMode");
+            getComponent();
+        });
+
+        it("should render the developer tools option", async () => {
+            const developerToolsItem = screen.getByRole("menuitem", { name: "Developer tools" });
+            expect(developerToolsItem).toBeInTheDocument();
+
+            // click open developer tools dialog
+            await userEvent.click(developerToolsItem);
+
+            // assert that the dialog is displayed by searching some if its contents
+            expect(await screen.findByText("Toolbox")).toBeInTheDocument();
+            expect(await screen.findByText(`Room ID: ${ROOM_ID}`)).toBeInTheDocument();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/context_menus/SpaceContextMenu-test.tsx b/apps/web/test/unit-tests/components/views/context_menus/SpaceContextMenu-test.tsx
new file mode 100644
index 00000000000..eab7e4eef9f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/context_menus/SpaceContextMenu-test.tsx
@@ -0,0 +1,218 @@
+/*
+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 { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { type Mocked, mocked } from "jest-mock";
+import { prettyDOM, render, type RenderResult, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import SpaceContextMenu from "../../../../../src/components/views/context_menus/SpaceContextMenu";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import {
+    shouldShowSpaceSettings,
+    showCreateNewRoom,
+    showCreateNewSubspace,
+    showSpaceInvite,
+    showSpaceSettings,
+} from "../../../../../src/utils/space";
+import { leaveSpace } from "../../../../../src/utils/leave-behaviour";
+import { shouldShowComponent } from "../../../../../src/customisations/helpers/UIComponents";
+import { UIComponent } from "../../../../../src/settings/UIFeature";
+
+jest.mock("../../../../../src/customisations/helpers/UIComponents", () => ({
+    shouldShowComponent: jest.fn(),
+}));
+
+jest.mock("../../../../../src/utils/space", () => ({
+    shouldShowSpaceSettings: jest.fn(),
+    showCreateNewRoom: jest.fn(),
+    showCreateNewSubspace: jest.fn(),
+    showSpaceInvite: jest.fn(),
+    showSpacePreferences: jest.fn(),
+    showSpaceSettings: jest.fn(),
+}));
+
+jest.mock("../../../../../src/utils/leave-behaviour", () => ({
+    leaveSpace: jest.fn(),
+}));
+
+describe("<SpaceContextMenu />", () => {
+    const userId = "@test:server";
+
+    const mockClient = {
+        getUserId: jest.fn().mockReturnValue(userId),
+        getSafeUserId: jest.fn().mockReturnValue(userId),
+    } as unknown as Mocked<MatrixClient>;
+
+    const makeMockSpace = (props = {}) =>
+        ({
+            name: "test space",
+            getJoinRule: jest.fn(),
+            canInvite: jest.fn(),
+            currentState: {
+                maySendStateEvent: jest.fn(),
+            },
+            client: mockClient,
+            getMyMembership: jest.fn(),
+            ...props,
+        }) as unknown as Room;
+
+    const defaultProps = {
+        space: makeMockSpace(),
+        onFinished: jest.fn(),
+    };
+
+    const renderComponent = (props = {}): RenderResult =>
+        render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <SpaceContextMenu {...defaultProps} {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+    beforeEach(() => {
+        jest.resetAllMocks();
+        mockClient.getUserId.mockReturnValue(userId);
+        mockClient.getSafeUserId.mockReturnValue(userId);
+    });
+
+    it("renders menu correctly", () => {
+        const { baseElement } = renderComponent();
+        expect(prettyDOM(baseElement)).toMatchSnapshot();
+    });
+
+    it("renders invite option when space is public", () => {
+        const space = makeMockSpace({
+            getJoinRule: jest.fn().mockReturnValue("public"),
+        });
+        renderComponent({ space });
+        expect(screen.getByTestId("invite-option")).toBeInTheDocument();
+    });
+
+    it("renders invite option when user is has invite rights for space", () => {
+        const space = makeMockSpace({
+            canInvite: jest.fn().mockReturnValue(true),
+        });
+        renderComponent({ space });
+        expect(space.canInvite).toHaveBeenCalledWith(userId);
+        expect(screen.getByTestId("invite-option")).toBeInTheDocument();
+    });
+
+    it("opens invite dialog when invite option is clicked", async () => {
+        const space = makeMockSpace({
+            getJoinRule: jest.fn().mockReturnValue("public"),
+        });
+        const onFinished = jest.fn();
+        renderComponent({ space, onFinished });
+
+        await userEvent.click(screen.getByTestId("invite-option"));
+
+        expect(showSpaceInvite).toHaveBeenCalledWith(space);
+        expect(onFinished).toHaveBeenCalled();
+    });
+
+    it("renders space settings option when user has rights", () => {
+        mocked(shouldShowSpaceSettings).mockReturnValue(true);
+        renderComponent();
+        expect(shouldShowSpaceSettings).toHaveBeenCalledWith(defaultProps.space);
+        expect(screen.getByTestId("settings-option")).toBeInTheDocument();
+    });
+
+    it("opens space settings when space settings option is clicked", async () => {
+        mocked(shouldShowSpaceSettings).mockReturnValue(true);
+        const onFinished = jest.fn();
+        renderComponent({ onFinished });
+
+        await userEvent.click(screen.getByTestId("settings-option"));
+
+        expect(showSpaceSettings).toHaveBeenCalledWith(defaultProps.space);
+        expect(onFinished).toHaveBeenCalled();
+    });
+
+    it("renders leave option when user does not have rights to see space settings", () => {
+        renderComponent();
+        expect(screen.getByTestId("leave-option")).toBeInTheDocument();
+    });
+
+    it("leaves space when leave option is clicked", async () => {
+        const onFinished = jest.fn();
+        renderComponent({ onFinished });
+        await userEvent.click(screen.getByTestId("leave-option"));
+        expect(leaveSpace).toHaveBeenCalledWith(defaultProps.space);
+        expect(onFinished).toHaveBeenCalled();
+    });
+
+    describe("add children section", () => {
+        const space = makeMockSpace();
+
+        beforeEach(() => {
+            // set space to allow adding children to space
+            mocked(space.currentState.maySendStateEvent).mockReturnValue(true);
+            mocked(shouldShowComponent).mockReturnValue(true);
+        });
+
+        it("does not render section when user does not have permission to add children", () => {
+            mocked(space.currentState.maySendStateEvent).mockReturnValue(false);
+            renderComponent({ space });
+
+            expect(screen.queryByTestId("add-to-space-header")).not.toBeInTheDocument();
+            expect(screen.queryByTestId("new-room-option")).not.toBeInTheDocument();
+            expect(screen.queryByTestId("new-subspace-option")).not.toBeInTheDocument();
+        });
+
+        it("does not render section when UIComponent customisations disable room and space creation", () => {
+            mocked(shouldShowComponent).mockReturnValue(false);
+            renderComponent({ space });
+
+            expect(shouldShowComponent).toHaveBeenCalledWith(UIComponent.CreateRooms);
+            expect(shouldShowComponent).toHaveBeenCalledWith(UIComponent.CreateSpaces);
+
+            expect(screen.queryByTestId("add-to-space-header")).not.toBeInTheDocument();
+            expect(screen.queryByTestId("new-room-option")).not.toBeInTheDocument();
+            expect(screen.queryByTestId("new-subspace-option")).not.toBeInTheDocument();
+        });
+
+        it("renders section with add room button when UIComponent customisation allows CreateRoom", () => {
+            // only allow CreateRoom
+            mocked(shouldShowComponent).mockImplementation((feature) => feature === UIComponent.CreateRooms);
+            renderComponent({ space });
+
+            expect(screen.getByTestId("add-to-space-header")).toBeInTheDocument();
+            expect(screen.getByTestId("new-room-option")).toBeInTheDocument();
+            expect(screen.queryByTestId("new-subspace-option")).not.toBeInTheDocument();
+        });
+
+        it("renders section with add space button when UIComponent customisation allows CreateSpace", () => {
+            // only allow CreateSpaces
+            mocked(shouldShowComponent).mockImplementation((feature) => feature === UIComponent.CreateSpaces);
+            renderComponent({ space });
+
+            expect(screen.getByTestId("add-to-space-header")).toBeInTheDocument();
+            expect(screen.queryByTestId("new-room-option")).not.toBeInTheDocument();
+            expect(screen.getByTestId("new-subspace-option")).toBeInTheDocument();
+        });
+
+        it("opens create room dialog on add room button click", async () => {
+            const onFinished = jest.fn();
+            renderComponent({ space, onFinished });
+
+            await userEvent.click(screen.getByTestId("new-room-option"));
+            expect(showCreateNewRoom).toHaveBeenCalledWith(space);
+            expect(onFinished).toHaveBeenCalled();
+        });
+
+        it("opens create space dialog on add space button click", async () => {
+            const onFinished = jest.fn();
+            renderComponent({ space, onFinished });
+
+            await userEvent.click(screen.getByTestId("new-subspace-option"));
+            expect(showCreateNewSubspace).toHaveBeenCalledWith(space);
+            expect(onFinished).toHaveBeenCalled();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/context_menus/ThreadListContextMenu-test.tsx b/apps/web/test/unit-tests/components/views/context_menus/ThreadListContextMenu-test.tsx
new file mode 100644
index 00000000000..2181cffd2e1
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/context_menus/ThreadListContextMenu-test.tsx
@@ -0,0 +1,75 @@
+/*
+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 { getByTestId, render, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+import { type MatrixClient, PendingEventOrdering, type MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import React from "react";
+
+import ThreadListContextMenu, {
+    type ThreadListContextMenuProps,
+} from "../../../../../src/components/views/context_menus/ThreadListContextMenu";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import { stubClient, clientAndSDKContextRenderOptions } from "../../../../test-utils";
+import { mkThread } from "../../../../test-utils/threads";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+
+describe("ThreadListContextMenu", () => {
+    const ROOM_ID = "!123:matrix.org";
+
+    let room: Room;
+    let mockClient: MatrixClient;
+    let event: MatrixEvent;
+
+    function getComponent(props: Partial<ThreadListContextMenuProps>) {
+        return render(
+            <ThreadListContextMenu mxEvent={event} {...props} />,
+            clientAndSDKContextRenderOptions(mockClient, SDKContextClass.instance),
+        );
+    }
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+
+        stubClient();
+        mockClient = mocked(MatrixClientPeg.safeGet());
+
+        room = new Room(ROOM_ID, mockClient, mockClient.getUserId() ?? "", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        const res = mkThread({
+            room,
+            client: mockClient,
+            authorId: mockClient.getUserId()!,
+            participantUserIds: [mockClient.getUserId()!],
+        });
+
+        event = res.rootEvent;
+    });
+
+    it("does not render the permalink", async () => {
+        const { container } = getComponent({});
+
+        const btn = getByTestId(container, "threadlist-dropdown-button");
+        await userEvent.click(btn);
+        expect(screen.queryByTestId("copy-thread-link")).toBeNull();
+    });
+
+    it("does render the permalink", async () => {
+        const { container } = getComponent({
+            permalinkCreator: new RoomPermalinkCreator(room, room.roomId, false),
+        });
+
+        const btn = getByTestId(container, "threadlist-dropdown-button");
+        await userEvent.click(btn);
+        expect(screen.queryByTestId("copy-thread-link")).not.toBeNull();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/context_menus/__snapshots__/DeviceContextMenu-test.tsx.snap b/apps/web/test/unit-tests/components/views/context_menus/__snapshots__/DeviceContextMenu-test.tsx.snap
new file mode 100644
index 00000000000..2702c8620a9
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/context_menus/__snapshots__/DeviceContextMenu-test.tsx.snap
@@ -0,0 +1,85 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`DeviceContextMenu renders a menu with the selected device checked 1`] = `
+<div>
+  <div
+    class="mx_ContextualMenu_wrapper"
+  >
+    <div
+      class="mx_ContextualMenu_background"
+    />
+    <div
+      class="mx_ContextualMenu"
+      role="menu"
+    >
+      <ul
+        class="mx_IconizedContextMenu mx_DeviceContextMenu mx_IconizedContextMenu_compact"
+        role="none"
+      >
+        <div
+          class="mx_IconizedContextMenu_optionList mx_IconizedContextMenu_optionList_notFirst"
+        >
+          <div>
+            <span
+              class="mx_IconizedContextMenu_optionList_label"
+            >
+              Cameras
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-label="Camera 1"
+            class="mx_AccessibleButton mx_IconizedContextMenu_item"
+            role="menuitemradio"
+            tabindex="0"
+          >
+            <span
+              class="mx_IconizedContextMenu_label"
+            >
+              Camera 1
+            </span>
+          </div>
+          <div
+            aria-checked="true"
+            aria-label="Camera 2"
+            class="mx_AccessibleButton mx_IconizedContextMenu_item mx_IconizedContextMenu_active"
+            role="menuitemradio"
+            tabindex="-1"
+          >
+            <span
+              class="mx_IconizedContextMenu_label"
+            >
+              Camera 2
+            </span>
+            <svg
+              class="mx_IconizedContextMenu_checked"
+              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
+            aria-checked="false"
+            aria-label="Camera 3"
+            class="mx_AccessibleButton mx_IconizedContextMenu_item"
+            role="menuitemradio"
+            tabindex="-1"
+          >
+            <span
+              class="mx_IconizedContextMenu_label"
+            >
+              Camera 3
+            </span>
+          </div>
+        </div>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/context_menus/__snapshots__/EmbeddedPage-test.tsx.snap b/apps/web/test/unit-tests/components/views/context_menus/__snapshots__/EmbeddedPage-test.tsx.snap
new file mode 100644
index 00000000000..f069425bbcb
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/context_menus/__snapshots__/EmbeddedPage-test.tsx.snap
@@ -0,0 +1,114 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<EmbeddedPage /> should render nothing if no url given 1`] = `
+<DocumentFragment>
+  <div
+    class="undefined_guest"
+  >
+    <div
+      class="undefined_body"
+      dir="auto"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<EmbeddedPage /> should sanitise input 1`] = `
+<DocumentFragment>
+  <div
+    class="undefined_guest"
+  >
+    <div
+      class="undefined_body"
+      dir="auto"
+    >
+      <h1>
+        Foo
+      </h1>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<EmbeddedPage /> should show error if unable to load 1`] = `
+<DocumentFragment>
+  <div
+    class="undefined_guest"
+  >
+    <div
+      class="undefined_body"
+      dir="auto"
+    >
+      Couldn't load page
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<EmbeddedPage /> should translate _t strings ["] 1`] = `
+<DocumentFragment>
+  <div
+    class="undefined_guest"
+  >
+    <div
+      class="undefined_body"
+      dir="auto"
+    >
+      <h1>
+        Przeglądaj pokoje
+      </h1>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<EmbeddedPage /> should translate _t strings [&#27;] 1`] = `
+<DocumentFragment>
+  <div
+    class="undefined_guest"
+  >
+    <div
+      class="undefined_body"
+      dir="auto"
+    >
+      <h1>
+        Przeglądaj pokoje
+      </h1>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<EmbeddedPage /> should translate _t strings [&#34;] 1`] = `
+<DocumentFragment>
+  <div
+    class="undefined_guest"
+  >
+    <div
+      class="undefined_body"
+      dir="auto"
+    >
+      <h1>
+        Przeglądaj pokoje
+      </h1>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<EmbeddedPage /> should translate _t strings ['] 1`] = `
+<DocumentFragment>
+  <div
+    class="undefined_guest"
+  >
+    <div
+      class="undefined_body"
+      dir="auto"
+    >
+      <h1>
+        Przeglądaj pokoje
+      </h1>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/context_menus/__snapshots__/RoomGeneralContextMenu-test.tsx.snap b/apps/web/test/unit-tests/components/views/context_menus/__snapshots__/RoomGeneralContextMenu-test.tsx.snap
new file mode 100644
index 00000000000..5eb947b1ff7
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/context_menus/__snapshots__/RoomGeneralContextMenu-test.tsx.snap
@@ -0,0 +1,119 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`RoomGeneralContextMenu renders an empty context menu for archived rooms 1`] = `
+<div>
+  <div
+    class="mx_ContextualMenu_wrapper"
+    style="top: 1px; left: 1px;"
+  >
+    <div
+      class="mx_ContextualMenu_background"
+    />
+    <div
+      class="mx_ContextualMenu mx_ContextualMenu_withChevron_left"
+      role="menu"
+    >
+      <div
+        class="mx_ContextualMenu_chevron_left"
+      />
+      <ul
+        class="mx_IconizedContextMenu mx_RoomGeneralContextMenu mx_IconizedContextMenu_compact"
+        role="none"
+      >
+        <div
+          class="mx_IconizedContextMenu_optionList mx_IconizedContextMenu_optionList_notFirst"
+        />
+        <div
+          class="mx_IconizedContextMenu_optionList mx_IconizedContextMenu_optionList_notFirst mx_IconizedContextMenu_optionList_red"
+        >
+          <li
+            aria-label="Forget Room"
+            class="mx_AccessibleButton mx_IconizedContextMenu_option_red mx_IconizedContextMenu_item"
+            role="menuitem"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M14 13q.424 0 .713-.287A.97.97 0 0 0 15 12a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 12q0 .424.287.713.288.287.713.287"
+              />
+              <path
+                d="M10.385 21.788A1 1 0 0 1 10 21V3a1.003 1.003 0 0 1 1.242-.97l8 2A1 1 0 0 1 20 5v14a1 1 0 0 1-.758.97l-8 2a1 1 0 0 1-.857-.182M18 5.781l-6-1.5v15.438l6-1.5zM9 6H7v12h2v2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2z"
+              />
+            </svg>
+            <span
+              class="mx_IconizedContextMenu_label"
+            >
+              Forget Room
+            </span>
+          </li>
+        </div>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`RoomGeneralContextMenu renders the default context menu 1`] = `
+<div>
+  <div
+    class="mx_ContextualMenu_wrapper"
+    style="top: 1px; left: 1px;"
+  >
+    <div
+      class="mx_ContextualMenu_background"
+    />
+    <div
+      class="mx_ContextualMenu mx_ContextualMenu_withChevron_left"
+      role="menu"
+    >
+      <div
+        class="mx_ContextualMenu_chevron_left"
+      />
+      <ul
+        class="mx_IconizedContextMenu mx_RoomGeneralContextMenu mx_IconizedContextMenu_compact"
+        role="none"
+      >
+        <div
+          class="mx_IconizedContextMenu_optionList mx_IconizedContextMenu_optionList_notFirst"
+        />
+        <div
+          class="mx_IconizedContextMenu_optionList mx_IconizedContextMenu_optionList_notFirst mx_IconizedContextMenu_optionList_red"
+        >
+          <li
+            aria-label="Forget Room"
+            class="mx_AccessibleButton mx_IconizedContextMenu_option_red mx_IconizedContextMenu_item"
+            role="menuitem"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M14 13q.424 0 .713-.287A.97.97 0 0 0 15 12a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 12q0 .424.287.713.288.287.713.287"
+              />
+              <path
+                d="M10.385 21.788A1 1 0 0 1 10 21V3a1.003 1.003 0 0 1 1.242-.97l8 2A1 1 0 0 1 20 5v14a1 1 0 0 1-.758.97l-8 2a1 1 0 0 1-.857-.182M18 5.781l-6-1.5v15.438l6-1.5zM9 6H7v12h2v2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2z"
+              />
+            </svg>
+            <span
+              class="mx_IconizedContextMenu_label"
+            >
+              Forget Room
+            </span>
+          </li>
+        </div>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/context_menus/__snapshots__/SpaceContextMenu-test.tsx.snap b/apps/web/test/unit-tests/components/views/context_menus/__snapshots__/SpaceContextMenu-test.tsx.snap
new file mode 100644
index 00000000000..a364662232b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/context_menus/__snapshots__/SpaceContextMenu-test.tsx.snap
@@ -0,0 +1,135 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SpaceContextMenu /> renders menu correctly 1`] = `
+"<body>
+  <div />
+  <div
+    id="mx_ContextualMenu_Container"
+  >
+    <div
+      class="mx_ContextualMenu_wrapper"
+    >
+      <div
+        class="mx_ContextualMenu_background"
+      />
+      <div
+        class="mx_ContextualMenu"
+        role="menu"
+      >
+        <ul
+          class="mx_IconizedContextMenu mx_SpacePanel_contextMenu mx_IconizedContextMenu_compact"
+          role="none"
+        >
+          <div
+            class="mx_SpacePanel_contextMenu_header"
+          >
+            test space
+          </div>
+          <div
+            class="mx_IconizedContextMenu_optionList"
+          >
+            <li
+              aria-label="Space home"
+              class="mx_AccessibleButton mx_IconizedContextMenu_item"
+              role="menuitem"
+              tabindex="0"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="m12.971 3.54 7 3.889A2 2 0 0 1 21 9.177V19a2 2 0 0 1-2 2h-4v-9H9v9H5a2 2 0 0 1-2-2V9.177a2 2 0 0 1 1.029-1.748l7-3.89a2 2 0 0 1 1.942 0"
+                />
+              </svg>
+              <span
+                class="mx_IconizedContextMenu_label"
+              >
+                Space home
+              </span>
+            </li>
+            <li
+              aria-label="Explore rooms"
+              class="mx_AccessibleButton mx_IconizedContextMenu_item"
+              role="menuitem"
+              tabindex="-1"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <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"
+                />
+              </svg>
+              <span
+                class="mx_IconizedContextMenu_label"
+              >
+                Explore rooms
+              </span>
+            </li>
+            <li
+              aria-label="Preferences"
+              class="mx_AccessibleButton mx_IconizedContextMenu_item"
+              role="menuitem"
+              tabindex="-1"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M6.5 2h11a4.5 4.5 0 1 1 0 9h-11a4.5 4.5 0 0 1 0-9m0 2h7.258A4.5 4.5 0 0 0 13 6.5c0 .925.28 1.785.758 2.5H6.5a2.5 2.5 0 0 1 0-5M15 6.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0m-13 11A4.5 4.5 0 0 1 6.5 13h11a4.5 4.5 0 1 1 0 9h-11q-.233 0-.46-.023A4.5 4.5 0 0 1 2 17.5m8.242-2.5H17.5a2.5 2.5 0 0 1 0 5h-7.258A4.5 4.5 0 0 0 11 17.5c0-.925-.28-1.785-.758-2.5M6.5 15a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5"
+                  fill-rule="evenodd"
+                />
+              </svg>
+              <span
+                class="mx_IconizedContextMenu_label"
+              >
+                Preferences
+              </span>
+            </li>
+            <li
+              aria-label="Leave space"
+              class="mx_AccessibleButton mx_IconizedContextMenu_option_red mx_IconizedContextMenu_item"
+              data-testid="leave-option"
+              role="menuitem"
+              tabindex="-1"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M14 13q.424 0 .713-.287A.97.97 0 0 0 15 12a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 12q0 .424.287.713.288.287.713.287"
+                />
+                <path
+                  d="M10.385 21.788A1 1 0 0 1 10 21V3a1.003 1.003 0 0 1 1.242-.97l8 2A1 1 0 0 1 20 5v14a1 1 0 0 1-.758.97l-8 2a1 1 0 0 1-.857-.182M18 5.781l-6-1.5v15.438l6-1.5zM9 6H7v12h2v2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2z"
+                />
+              </svg>
+              <span
+                class="mx_IconizedContextMenu_label"
+              >
+                Leave space
+              </span>
+            </li>
+          </div>
+        </ul>
+      </div>
+    </div>
+  </div>
+</body>"
+`;
diff --git a/apps/web/test/unit-tests/components/views/dialogs/AccessSecretStorageDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/AccessSecretStorageDialog-test.tsx
new file mode 100644
index 00000000000..2f136cb0e83
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/AccessSecretStorageDialog-test.tsx
@@ -0,0 +1,137 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020-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 ComponentProps } from "react";
+import { type SecretStorage, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { act, fireEvent, render, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import { mockPlatformPeg, stubClient } from "../../../../test-utils";
+import AccessSecretStorageDialog from "../../../../../src/components/views/dialogs/security/AccessSecretStorageDialog";
+
+const recoveryKey = "EsTc WKmb ivvk jLS7 Y1NH 5CcQ mP1E JJwj B3Fd pFWm t4Dp dbyu";
+
+describe("AccessSecretStorageDialog", () => {
+    let mockClient: MatrixClient;
+
+    const defaultProps: ComponentProps<typeof AccessSecretStorageDialog> = {
+        keyInfo: {} as any,
+        onFinished: jest.fn(),
+        checkPrivateKey: jest.fn(),
+    };
+
+    const renderComponent = (props = {}): void => {
+        render(<AccessSecretStorageDialog {...defaultProps} {...props} />);
+    };
+
+    const enterRecoveryKey = async (valueToEnter: string = recoveryKey): Promise<void> => {
+        await act(async () => {
+            fireEvent.change(screen.getByTitle("Recovery key"), {
+                target: {
+                    value: valueToEnter,
+                },
+            });
+            // wait for debounce, and then give `checkPrivateKey` a chance to complete
+            await jest.advanceTimersByTimeAsync(250);
+        });
+    };
+
+    const submitDialog = async (): Promise<void> => {
+        await userEvent.click(screen.getByText("Continue"), { delay: null });
+    };
+
+    beforeAll(() => {
+        jest.useFakeTimers();
+        mockPlatformPeg();
+    });
+
+    afterAll(() => {
+        jest.useRealTimers();
+        jest.restoreAllMocks();
+    });
+
+    beforeEach(() => {
+        mockClient = stubClient();
+    });
+
+    it("Closes the dialog when the form is submitted with a valid key", async () => {
+        jest.spyOn(mockClient.secretStorage, "checkKey").mockResolvedValue(true);
+
+        const onFinished = jest.fn();
+        const checkPrivateKey = jest.fn().mockResolvedValue(true);
+        renderComponent({ onFinished, checkPrivateKey });
+
+        // check that the input field is focused
+        expect(screen.getByTitle("Recovery key")).toHaveFocus();
+
+        await enterRecoveryKey();
+        await submitDialog();
+
+        expect(screen.getByText("Continue")).not.toHaveAttribute("aria-disabled", "true");
+        expect(checkPrivateKey).toHaveBeenCalledWith({ recoveryKey });
+        expect(onFinished).toHaveBeenCalledWith({ recoveryKey });
+    });
+
+    it("Notifies the user if they input an invalid Recovery Key", async () => {
+        const onFinished = jest.fn();
+        const checkPrivateKey = jest.fn().mockResolvedValue(false);
+        renderComponent({ onFinished, checkPrivateKey });
+
+        jest.spyOn(mockClient.secretStorage, "checkKey").mockImplementation(() => {
+            throw new Error("invalid key");
+        });
+
+        await enterRecoveryKey();
+        await submitDialog();
+
+        expect(screen.getByText("The recovery key you entered is not correct.")).toBeInTheDocument();
+        expect(screen.getByText("Continue")).toHaveAttribute("aria-disabled", "true");
+    });
+
+    it("Notifies the user if they input an invalid passphrase", async function () {
+        const keyInfo = {
+            name: "test",
+            algorithm: "test",
+            iv: "test",
+            mac: "1:2:3:4",
+            passphrase: {
+                // this type is weird in js-sdk
+                // cast 'm.pbkdf2' to itself
+                algorithm: "m.pbkdf2" as SecretStorage.PassphraseInfo["algorithm"],
+                iterations: 2,
+                salt: "nonempty",
+            },
+        };
+        const checkPrivateKey = jest.fn().mockResolvedValue(false);
+        renderComponent({ checkPrivateKey, keyInfo });
+
+        await enterRecoveryKey();
+        expect(screen.getByTitle("Recovery key")).toHaveValue(recoveryKey);
+
+        await expect(screen.findByText("The recovery key you entered is not correct.")).resolves.toBeInTheDocument();
+        expect(screen.getByText("Continue")).toHaveAttribute("aria-disabled", "true");
+    });
+
+    it("Clears the 'invalid recovery key' notice when the input is cleared", async function () {
+        renderComponent({ onFinished: () => {}, checkPrivateKey: () => false });
+
+        jest.spyOn(mockClient.secretStorage, "checkKey").mockRejectedValue(new Error("invalid key"));
+
+        // First, enter the wrong recovery key
+        await enterRecoveryKey();
+        expect(screen.getByText("The recovery key you entered is not correct.")).toBeInTheDocument();
+
+        // Now, clear the input: the notice should be cleared.
+        await enterRecoveryKey("");
+        expect(screen.queryByText("The recovery key you entered is not correct.")).not.toBeInTheDocument();
+        expect(
+            screen.getByText("If you have a security key or security phrase, this will work too."),
+        ).toBeInTheDocument();
+        expect(screen.getByText("Continue")).toHaveAttribute("aria-disabled", "true");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/AnalyticsLearnMoreDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/AnalyticsLearnMoreDialog-test.tsx
new file mode 100644
index 00000000000..bd98363ca51
--- /dev/null
+++ b/apps/web/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/apps/web/test/unit-tests/components/views/dialogs/AskInviteAnywayDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/AskInviteAnywayDialog-test.tsx
new file mode 100644
index 00000000000..37679dd993e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/AskInviteAnywayDialog-test.tsx
@@ -0,0 +1,85 @@
+/*
+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 { getByText, render, type RenderResult } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import React from "react";
+
+import AskInviteAnywayDialog, {
+    type AskInviteAnywayDialogProps,
+} from "../../../../../src/components/views/dialogs/AskInviteAnywayDialog";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+
+describe("AskInviteaAnywayDialog", () => {
+    const onFinished = jest.fn();
+    const onGiveUp = jest.fn();
+    const onInviteAnyways = jest.fn();
+
+    function renderComponent(props: Partial<AskInviteAnywayDialogProps> = {}): RenderResult {
+        return render(
+            <AskInviteAnywayDialog
+                onFinished={onFinished}
+                onGiveUp={onGiveUp}
+                onInviteAnyways={onInviteAnyways}
+                unknownProfileUsers={[
+                    {
+                        userId: "@alice:localhost",
+                        errorText: "🤷‍♂️",
+                    },
+                ]}
+                {...props}
+            />,
+        );
+    }
+
+    beforeEach(() => {
+        jest.resetAllMocks();
+    });
+
+    it("remembers to not warn again", async () => {
+        const { container } = renderComponent();
+
+        jest.spyOn(SettingsStore, "setValue").mockImplementation(async (): Promise<void> => {});
+
+        const neverWarnAgainBtn = getByText(container, /never warn/);
+        await userEvent.click(neverWarnAgainBtn);
+
+        expect(SettingsStore.setValue).toHaveBeenCalledWith(
+            "promptBeforeInviteUnknownUsers",
+            null,
+            expect.any(String),
+            false,
+        );
+        expect(onInviteAnyways).toHaveBeenCalledTimes(1);
+        expect(onFinished).toHaveBeenCalledWith(true);
+    });
+
+    it("invites anyway", async () => {
+        const { container } = renderComponent();
+
+        jest.spyOn(SettingsStore, "setValue");
+
+        const inviteAnywayBtn = getByText(container, "Invite anyway");
+        await userEvent.click(inviteAnywayBtn);
+
+        expect(onInviteAnyways).toHaveBeenCalledTimes(1);
+        expect(onFinished).toHaveBeenCalledWith(true);
+    });
+
+    it("gives up", async () => {
+        const { container } = renderComponent();
+
+        jest.spyOn(SettingsStore, "setValue");
+
+        const closeBtn = getByText(container, /Close/);
+        await userEvent.click(closeBtn);
+
+        expect(onGiveUp).toHaveBeenCalledTimes(1);
+        expect(onFinished).toHaveBeenCalledWith(false);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/BaseDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/BaseDialog-test.tsx
new file mode 100644
index 00000000000..6a536fb6860
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/BaseDialog-test.tsx
@@ -0,0 +1,26 @@
+/*
+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 } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import BaseDialog from "../../../../../src/components/views/dialogs/BaseDialog.tsx";
+
+describe("BaseDialog", () => {
+    it("calls onFinished when Escape is pressed", async () => {
+        const onFinished = jest.fn();
+        const { container } = render(<BaseDialog onFinished={onFinished} />);
+        // Autolock's autofocus in the empty dialog is focusing on the close button and bringing up the tooltip
+        // So we either need to call escape twice(one for the tooltip and one for the dialog) or focus
+        // on the dialog first.
+        const dialog = container.querySelector<HTMLElement>('[role="dialog"]')!;
+        dialog?.focus();
+        await userEvent.keyboard("{Escape}");
+        expect(onFinished).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/BugReportDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/BugReportDialog-test.tsx
new file mode 100644
index 00000000000..0ddfc4c2548
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/BugReportDialog-test.tsx
@@ -0,0 +1,143 @@
+/*
+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 { 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 { type Mocked } from "jest-mock";
+
+import BugReportDialog, {
+    type BugReportDialogProps,
+} from "../../../../../src/components/views/dialogs/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";
+
+describe("BugReportDialog", () => {
+    const onFinished = jest.fn();
+
+    function renderComponent(props: Partial<BugReportDialogProps> = {}): RenderResult {
+        return render(<BugReportDialog onFinished={onFinished} />);
+    }
+
+    let prevLogger: ConsoleLogger;
+    beforeEach(() => {
+        jest.resetAllMocks();
+        SdkConfig.put({
+            bug_report_endpoint_url: BUG_REPORT_URL,
+        });
+
+        const originalGetValue = SettingsStore.getValue;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName, ...args) => {
+            // These settings rely on a controller that creates an AudioContext in
+            // order to test whether the setting can be enabled. For the sake of this test, disable that.
+            if (settingName === "notificationsEnabled" || settingName === "notificationBodyEnabled") {
+                return true;
+            }
+            return originalGetValue(settingName, ...args);
+        });
+
+        const mockConsoleLogger = {
+            flush: jest.fn(),
+            consume: jest.fn(),
+            warn: jest.fn(),
+        } as unknown as Mocked<ConsoleLogger>;
+        mockConsoleLogger.flush.mockReturnValue("line 1\nline 2\n");
+
+        prevLogger = global.mx_rage_logger;
+        global.mx_rage_logger = mockConsoleLogger;
+    });
+
+    afterEach(() => {
+        global.mx_rage_logger = prevLogger;
+        jest.restoreAllMocks();
+        SdkConfig.reset();
+    });
+
+    it("can close the bug reporter", async () => {
+        const { getByTestId } = renderComponent();
+        await userEvent.click(getByTestId("dialog-cancel-button"));
+        expect(onFinished).toHaveBeenCalledWith(false);
+    });
+
+    it("can submit a bug report", async () => {
+        const { getByLabelText, getByText } = renderComponent();
+        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"));
+        await waitFor(() => expect(getByText("Thank you!")).toBeInTheDocument());
+        expect(onFinished).toHaveBeenCalledWith(false);
+        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,
+            text: "The rageshake server encountered an unknown error and could not handle the report.",
+        },
+        {
+            errcode: "CUSTOM_ERROR_TYPE",
+            text: "The rageshake server encountered an unknown error and could not handle the report.",
+        },
+        {
+            errcode: "DISALLOWED_APP",
+            text: "Your bug report was rejected. The rageshake server does not support this application.",
+        },
+        {
+            errcode: "REJECTED_BAD_VERSION",
+            text: "Your bug report was rejected as the version you are running is too old.",
+        },
+        {
+            errcode: "REJECTED_UNEXPECTED_RECOVERY_KEY",
+            text: "Your bug report was rejected for safety reasons, as it contained a recovery key.",
+        },
+        {
+            errcode: "REJECTED_CUSTOM_REASON",
+            text: "Your bug report was rejected. The rageshake server rejected the contents of the report due to a policy.",
+        },
+    ])("handles bug report upload errors ($errcode)", async ({ errcode, text }) => {
+        const { getByLabelText, getByText } = renderComponent();
+        fetchMock.postOnce(BUG_REPORT_URL, { status: 400, body: errcode ? { errcode: errcode, error: "blah" } : "" });
+        await userEvent.type(getByLabelText("GitHub issue"), "https://example.org/some/issue");
+        await userEvent.type(getByLabelText("Notes"), "Additional text");
+        await userEvent.click(getByText("Send logs"));
+        expect(onFinished).not.toHaveBeenCalled();
+        expect(fetchMock).toHaveFetched(BUG_REPORT_URL);
+        await waitFor(() => getByText(text));
+    });
+
+    it("should show a policy link when provided", async () => {
+        const { getByLabelText, getByText } = renderComponent();
+        fetchMock.postOnce(BUG_REPORT_URL, {
+            status: 404,
+            body: { errcode: "REJECTED_CUSTOM_REASON", error: "blah", policy_url: "https://example.org/policyurl" },
+        });
+        await userEvent.type(getByLabelText("GitHub issue"), "https://example.org/some/issue");
+        await userEvent.type(getByLabelText("Notes"), "Additional text");
+        await userEvent.click(getByText("Send logs"));
+        expect(onFinished).not.toHaveBeenCalled();
+        expect(fetchMock).toHaveFetched(BUG_REPORT_URL);
+        await waitFor(() => {
+            const learnMoreLink = getByText("Learn more");
+            expect(learnMoreLink).toBeInTheDocument();
+            expect(learnMoreLink.getAttribute("href")).toEqual("https://example.org/policyurl");
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/ChangelogDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/ChangelogDialog-test.tsx
new file mode 100644
index 00000000000..47ca2bc3ffb
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/ChangelogDialog-test.tsx
@@ -0,0 +1,104 @@
+/*
+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 fetchMock from "@fetch-mock/jest";
+import { render, screen, waitForElementToBeRemoved } from "jest-matrix-react";
+
+import ChangelogDialog, {
+    type DevelopVersionString,
+    parseVersion,
+} from "../../../../../src/components/views/dialogs/ChangelogDialog";
+
+describe("<ChangelogDialog />", () => {
+    it("should fetch github proxy url for each repo with old and new version strings", async () => {
+        const webUrl = "https://riot.im/github/repos/element-hq/element-web/compare/oldsha1...newsha1";
+        fetchMock.get(webUrl, {
+            url: "https://api.github.com/repos/element-hq/element-web/compare/master...develop",
+            html_url: "https://github.com/element-hq/element-web/compare/master...develop",
+            permalink_url: "https://github.com/element-hq/element-web/compare/vector-im:72ca95e...vector-im:8891698",
+            diff_url: "https://github.com/element-hq/element-web/compare/master...develop.diff",
+            patch_url: "https://github.com/element-hq/element-web/compare/master...develop.patch",
+            base_commit: {},
+            merge_base_commit: {},
+            status: "ahead",
+            ahead_by: 24,
+            behind_by: 0,
+            total_commits: 24,
+            commits: [
+                {
+                    sha: "commit-sha",
+                    html_url: "https://api.github.com/repos/element-hq/element-web/commit/commit-sha",
+                    commit: { message: "This is the first commit message" },
+                },
+            ],
+            files: [],
+        });
+        const jsUrl = "https://riot.im/github/repos/matrix-org/matrix-js-sdk/compare/oldsha3...newsha3";
+        fetchMock.get(jsUrl, {
+            url: "https://api.github.com/repos/matrix-org/matrix-js-sdk/compare/master...develop",
+            html_url: "https://github.com/matrix-org/matrix-js-sdk/compare/master...develop",
+            permalink_url: "https://github.com/matrix-org/matrix-js-sdk/compare/matrix-org:6166a8f...matrix-org:fec350",
+            diff_url: "https://github.com/matrix-org/matrix-js-sdk/compare/master...develop.diff",
+            patch_url: "https://github.com/matrix-org/matrix-js-sdk/compare/master...develop.patch",
+            base_commit: {},
+            merge_base_commit: {},
+            status: "ahead",
+            ahead_by: 48,
+            behind_by: 0,
+            total_commits: 48,
+            commits: [
+                {
+                    sha: "commit-sha1",
+                    html_url: "https://api.github.com/repos/matrix-org/matrix-js-sdk/commit/commit-sha1",
+                    commit: { message: "This is a commit message" },
+                },
+                {
+                    sha: "commit-sha2",
+                    html_url: "https://api.github.com/repos/matrix-org/matrix-js-sdk/commit/commit-sha2",
+                    commit: { message: "This is another commit message" },
+                },
+            ],
+            files: [],
+        });
+
+        const newVersion = "newsha1-js-newsha3" as DevelopVersionString;
+        const oldVersion = "oldsha1-js-oldsha3" as DevelopVersionString;
+        const { asFragment } = render(
+            <ChangelogDialog newVersion={newVersion} version={oldVersion} onFinished={jest.fn()} />,
+        );
+
+        // Wait for spinners to go away
+        await waitForElementToBeRemoved(screen.getAllByRole("progressbar"));
+
+        expect(fetchMock).toHaveFetched(webUrl);
+        expect(fetchMock).toHaveFetched(jsUrl);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
+
+describe("parseVersion", () => {
+    it("should return null for old-style version strings", () => {
+        expect(parseVersion("aaaabbbb-react-ccccdddd-js-eeeeffff")).toBeNull();
+    });
+
+    it("should return null for invalid version strings", () => {
+        expect(parseVersion("aaaabbbb-react-ccccdddd")).toBeNull();
+    });
+
+    it("should return null for release version strings", () => {
+        expect(parseVersion("v1.22.33")).toBeNull();
+    });
+
+    it("should return mapping for develop version string", () => {
+        expect(parseVersion("aaaabbbb-js-eeeeffff")).toEqual({
+            "element-hq/element-web": "aaaabbbb",
+            "matrix-org/matrix-js-sdk": "eeeeffff",
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/ConfirmKeyStorageOffDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/ConfirmKeyStorageOffDialog-test.tsx
new file mode 100644
index 00000000000..a27f784c46f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/ConfirmKeyStorageOffDialog-test.tsx
@@ -0,0 +1,40 @@
+/*
+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 } from "jest-matrix-react";
+
+import ConfirmKeyStorageOffDialog from "../../../../../src/components/views/dialogs/ConfirmKeyStorageOffDialog";
+
+describe("ConfirmKeyStorageOffDialog", () => {
+    beforeEach(() => {
+        jest.resetAllMocks();
+    });
+
+    it("renders", () => {
+        const dialog = render(<ConfirmKeyStorageOffDialog onFinished={jest.fn()} />);
+        expect(dialog.asFragment()).toMatchSnapshot();
+    });
+
+    it("calls onFinished with dismissed=true if we dismiss", () => {
+        const onFinished = jest.fn();
+        const dialog = render(<ConfirmKeyStorageOffDialog onFinished={onFinished} />);
+
+        dialog.getByRole("button", { name: "Yes, dismiss" }).click();
+
+        expect(onFinished).toHaveBeenCalledWith(true);
+    });
+
+    it("calls onFinished with dismissed=true if we continue", () => {
+        const onFinished = jest.fn();
+        const dialog = render(<ConfirmKeyStorageOffDialog onFinished={onFinished} />);
+
+        dialog.getByRole("button", { name: "Go to Settings" }).click();
+
+        expect(onFinished).toHaveBeenCalledWith(false);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/ConfirmRedactDialog-test.ts b/apps/web/test/unit-tests/components/views/dialogs/ConfirmRedactDialog-test.ts
new file mode 100644
index 00000000000..8e16639fef3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/ConfirmRedactDialog-test.ts
@@ -0,0 +1,59 @@
+/*
+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 { type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { screen, act } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import { flushPromises, mkEvent, stubClient } from "../../../../test-utils";
+import { createRedactEventDialog } from "../../../../../src/components/views/dialogs/ConfirmRedactDialog";
+
+describe("ConfirmRedactDialog", () => {
+    const roomId = "!room:example.com";
+    let client: MatrixClient;
+    let mxEvent: MatrixEvent;
+
+    const confirmDeleteVoiceBroadcastStartedEvent = async () => {
+        act(() => createRedactEventDialog({ mxEvent }));
+        // double-flush promises required for the dialog to show up
+        await flushPromises();
+        await flushPromises();
+
+        await userEvent.click(await screen.findByTestId("dialog-primary-button"));
+    };
+
+    beforeEach(() => {
+        client = stubClient();
+    });
+
+    it("should raise an error for an event without ID", async () => {
+        mxEvent = mkEvent({
+            event: true,
+            type: "m.room.message",
+            room: roomId,
+            content: {},
+            user: client.getSafeUserId(),
+        });
+        jest.spyOn(mxEvent, "getId").mockReturnValue(undefined);
+        await expect(confirmDeleteVoiceBroadcastStartedEvent()).rejects.toThrow("cannot redact event without ID");
+    });
+
+    it("should raise an error for an event without room-ID", async () => {
+        mxEvent = mkEvent({
+            event: true,
+            type: "m.room.message",
+            room: roomId,
+            content: {},
+            user: client.getSafeUserId(),
+        });
+        jest.spyOn(mxEvent, "getRoomId").mockReturnValue(undefined);
+        await expect(confirmDeleteVoiceBroadcastStartedEvent()).rejects.toThrow(
+            `cannot redact event ${mxEvent.getId()} without room ID`,
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/ConfirmRejectInviteDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/ConfirmRejectInviteDialog-test.tsx
new file mode 100644
index 00000000000..388d228122c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/ConfirmRejectInviteDialog-test.tsx
@@ -0,0 +1,52 @@
+/*
+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 { render } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import React from "react";
+
+import SdkConfig from "../../../../../src/SdkConfig";
+import { DeclineAndBlockInviteDialog } from "../../../../../src/components/views/dialogs/DeclineAndBlockInviteDialog";
+
+describe("ConfirmRejectInviteDialog", () => {
+    const onFinished = jest.fn();
+
+    const MY_ROOM_NAME = "foo";
+
+    beforeEach(() => {
+        jest.resetAllMocks();
+    });
+
+    afterEach(() => {
+        SdkConfig.reset();
+    });
+
+    it("can close the dialog", async () => {
+        const { getByTestId } = render(<DeclineAndBlockInviteDialog onFinished={onFinished} roomName={MY_ROOM_NAME} />);
+        await userEvent.click(getByTestId("dialog-cancel-button"));
+        expect(onFinished).toHaveBeenCalledWith(false, false, false);
+    });
+
+    it("can reject with options selected", async () => {
+        const { container, getByLabelText, getByRole } = render(
+            <DeclineAndBlockInviteDialog onFinished={onFinished} roomName={MY_ROOM_NAME} />,
+        );
+        await userEvent.click(getByRole("switch", { name: "Ignore user" }));
+        await userEvent.click(getByRole("switch", { name: "Report room" }));
+        await userEvent.type(getByLabelText("Reason"), "I want to report this room");
+        expect(container).toMatchSnapshot();
+        await userEvent.click(getByRole("button", { name: "Decline invite" }));
+        expect(onFinished).toHaveBeenCalledWith(true, true, "I want to report this room");
+    });
+    it("can reject without a reason", async () => {
+        const { getByRole } = render(<DeclineAndBlockInviteDialog onFinished={onFinished} roomName={MY_ROOM_NAME} />);
+        await userEvent.click(getByRole("switch", { name: "Ignore user" }));
+        await userEvent.click(getByRole("switch", { name: "Report room" }));
+        await userEvent.click(getByRole("button", { name: "Decline invite" }));
+        expect(onFinished).toHaveBeenCalledWith(true, true, "");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/ConfirmUserActionDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/ConfirmUserActionDialog-test.tsx
new file mode 100644
index 00000000000..cea45930802
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/ConfirmUserActionDialog-test.tsx
@@ -0,0 +1,28 @@
+/*
+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 { KnownMembership } from "matrix-js-sdk/src/types";
+
+import ConfirmUserActionDialog from "../../../../../src/components/views/dialogs/ConfirmUserActionDialog";
+import { mkRoomMember } from "../../../../test-utils";
+
+describe("ConfirmUserActionDialog", () => {
+    it("renders", () => {
+        const { asFragment } = render(
+            <ConfirmUserActionDialog
+                onFinished={jest.fn()}
+                member={mkRoomMember("123", "@user:test.com", KnownMembership.Join)}
+                action="Ban"
+                title="Ban this " // eg. 'Ban this user?'
+            />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/CreateRoomDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/CreateRoomDialog-test.tsx
new file mode 100644
index 00000000000..eb259a9cbcf
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/CreateRoomDialog-test.tsx
@@ -0,0 +1,530 @@
+/*
+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 { act, fireEvent, render, screen, within } from "jest-matrix-react";
+import { type Room, JoinRule, MatrixError, Preset, Visibility } from "matrix-js-sdk/src/matrix";
+
+import CreateRoomDialog from "../../../../../src/components/views/dialogs/CreateRoomDialog";
+import { flushPromises, getMockClientWithEventEmitter, mkSpace, mockClientMethodsUser } from "../../../../test-utils";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { UIFeature } from "../../../../../src/settings/UIFeature";
+
+describe("<CreateRoomDialog />", () => {
+    const userId = "@alice:server.org";
+
+    const getE2eeEnableToggleInputElement = () => screen.getByLabelText("Enable end-to-end encryption");
+
+    let mockClient: ReturnType<typeof getMockClientWithEventEmitter>;
+    beforeEach(() => {
+        mockClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(userId),
+            getDomain: jest.fn().mockReturnValue("server.org"),
+            getClientWellKnown: jest.fn(),
+            doesServerForceEncryptionForPreset: jest.fn(),
+            // make every alias available
+            getRoomIdForAlias: jest.fn().mockRejectedValue(new MatrixError({ errcode: "M_NOT_FOUND" })),
+        });
+        mockClient.doesServerForceEncryptionForPreset.mockResolvedValue(false);
+        mockClient.getClientWellKnown.mockReturnValue({});
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    const getComponent = (props = {}) => render(<CreateRoomDialog onFinished={jest.fn()} {...props} />);
+
+    it("should default to private room", async () => {
+        getComponent();
+        await flushPromises();
+
+        expect(screen.getByText("Create a private room")).toBeInTheDocument();
+    });
+
+    it("should use defaultName from props", async () => {
+        const defaultName = "My test room";
+        getComponent({ defaultName });
+        await flushPromises();
+
+        expect(screen.getByLabelText("Name")).toHaveDisplayValue(defaultName);
+    });
+
+    it("should include topic in room creation options", async () => {
+        const onFinished = jest.fn();
+        render(<CreateRoomDialog onFinished={onFinished} />);
+        await flushPromises();
+
+        const topic = "This is a test topic";
+
+        // Set room name and topic.
+        fireEvent.change(screen.getByLabelText("Name"), { target: { value: "Room with topic" } });
+        fireEvent.change(screen.getByLabelText("Topic (optional)"), { target: { value: topic } });
+
+        // Create the room.
+        fireEvent.click(screen.getByText("Create room"));
+        await flushPromises();
+
+        expect(onFinished).toHaveBeenCalledWith(
+            true,
+            expect.objectContaining({
+                name: "Room with topic",
+                topic,
+            }),
+        );
+    });
+
+    it("should include no federate option in room creation options when enabled", async () => {
+        const onFinished = jest.fn();
+        render(<CreateRoomDialog onFinished={onFinished} />);
+        await flushPromises();
+
+        // Set room name, and disable federation.
+        fireEvent.change(screen.getByLabelText("Name"), { target: { value: "NoFederate Room" } });
+        fireEvent.click(screen.getByLabelText("Block anyone not part of server.org from ever joining this room."));
+
+        fireEvent.click(screen.getByText("Create room"));
+        await flushPromises();
+
+        expect(onFinished).toHaveBeenCalledWith(
+            true,
+            expect.objectContaining({
+                name: "NoFederate Room",
+                createOpts: expect.objectContaining({
+                    creation_content: expect.objectContaining({
+                        "m.federate": false,
+                    }),
+                }),
+            }),
+        );
+    });
+
+    describe("for a private room", () => {
+        // default behaviour is a private room
+
+        it("should use server .well-known default for encryption setting", async () => {
+            // default to off
+            mockClient.getClientWellKnown.mockReturnValue({
+                "io.element.e2ee": {
+                    default: false,
+                },
+            });
+            getComponent();
+            await flushPromises();
+
+            expect(getE2eeEnableToggleInputElement()).not.toBeChecked();
+            expect(getE2eeEnableToggleInputElement()).not.toBeDisabled();
+            expect(
+                screen.getByText(
+                    "Your server admin has disabled end-to-end encryption by default in private rooms & Direct Messages.",
+                ),
+            ).toBeDefined();
+        });
+
+        it("should use server .well-known force_disable for encryption setting", async () => {
+            // force to off
+            mockClient.getClientWellKnown.mockReturnValue({
+                "io.element.e2ee": {
+                    default: true,
+                    force_disable: true,
+                },
+            });
+            getComponent();
+            await flushPromises();
+
+            expect(getE2eeEnableToggleInputElement()).not.toBeChecked();
+            expect(getE2eeEnableToggleInputElement()).toBeDisabled();
+            expect(
+                screen.getByText(
+                    "Your server admin has disabled end-to-end encryption by default in private rooms & Direct Messages.",
+                ),
+            ).toBeDefined();
+        });
+
+        it("should use defaultEncrypted prop", async () => {
+            // default to off in server wk
+            mockClient.getClientWellKnown.mockReturnValue({
+                "io.element.e2ee": {
+                    default: false,
+                },
+            });
+            // but pass defaultEncrypted prop
+            getComponent({ defaultEncrypted: true });
+            await flushPromises();
+            // encryption enabled
+            expect(getE2eeEnableToggleInputElement()).toBeChecked();
+            expect(getE2eeEnableToggleInputElement()).not.toBeDisabled();
+        });
+
+        it("should use defaultEncrypted prop when it is false", async () => {
+            // default to off in server wk
+            mockClient.getClientWellKnown.mockReturnValue({
+                "io.element.e2ee": {
+                    default: true,
+                },
+            });
+            // but pass defaultEncrypted prop
+            getComponent({ defaultEncrypted: false });
+            await flushPromises();
+            // encryption disabled
+            expect(getE2eeEnableToggleInputElement()).not.toBeChecked();
+            // not forced to off
+            expect(getE2eeEnableToggleInputElement()).not.toBeDisabled();
+        });
+
+        it("should override defaultEncrypted when server .well-known forces disabled encryption", async () => {
+            // force to off
+            mockClient.getClientWellKnown.mockReturnValue({
+                "io.element.e2ee": {
+                    force_disable: true,
+                },
+            });
+            getComponent({ defaultEncrypted: true });
+            await flushPromises();
+
+            // server forces encryption to disabled, even though defaultEncrypted is false
+            expect(getE2eeEnableToggleInputElement()).not.toBeChecked();
+            expect(getE2eeEnableToggleInputElement()).toBeDisabled();
+            expect(
+                screen.getByText(
+                    "Your server admin has disabled end-to-end encryption by default in private rooms & Direct Messages.",
+                ),
+            ).toBeDefined();
+        });
+
+        it("should override defaultEncrypted when server forces enabled encryption", async () => {
+            mockClient.doesServerForceEncryptionForPreset.mockResolvedValue(true);
+            getComponent({ defaultEncrypted: false });
+            await flushPromises();
+
+            // server forces encryption to enabled, even though defaultEncrypted is true
+            expect(getE2eeEnableToggleInputElement()).toBeChecked();
+            expect(getE2eeEnableToggleInputElement()).toBeDisabled();
+            expect(screen.getByText("Your server requires encryption to be enabled in private rooms.")).toBeDefined();
+        });
+
+        it("should enable encryption toggle and disable field when server forces encryption", async () => {
+            mockClient.doesServerForceEncryptionForPreset.mockResolvedValue(true);
+            getComponent();
+
+            await flushPromises();
+            expect(getE2eeEnableToggleInputElement()).toBeChecked();
+            expect(getE2eeEnableToggleInputElement()).toBeDisabled();
+
+            expect(screen.getByText("Your server requires encryption to be enabled in private rooms.")).toBeDefined();
+        });
+
+        it("should warn when trying to create a room with an invalid form", async () => {
+            const onFinished = jest.fn();
+            getComponent({ onFinished });
+            await flushPromises();
+
+            fireEvent.click(screen.getByText("Create room"));
+            await flushPromises();
+
+            // didn't submit room
+            expect(onFinished).not.toHaveBeenCalled();
+        });
+
+        it("should create a private room", async () => {
+            const onFinished = jest.fn();
+            const { asFragment } = getComponent({ onFinished });
+            await flushPromises();
+            expect(asFragment()).toMatchSnapshot();
+
+            const roomName = "Test Room Name";
+            fireEvent.change(screen.getByLabelText("Name"), { target: { value: roomName } });
+
+            fireEvent.click(screen.getByText("Create room"));
+            await flushPromises();
+
+            expect(onFinished).toHaveBeenCalledWith(true, {
+                createOpts: {},
+                name: roomName,
+                encryption: true,
+                stateEncryption: false,
+                parentSpace: undefined,
+                roomType: undefined,
+            });
+        });
+
+        it("should render not the advanced options when UI.advancedSettings is disabled", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (setting) => setting !== UIFeature.AdvancedSettings,
+            );
+            const { asFragment } = getComponent();
+            await flushPromises();
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        describe("when the state encryption labs flag is on", () => {
+            beforeEach(() => {
+                jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                    (settingName) => settingName === "feature_msc4362_encrypted_state_events",
+                );
+            });
+
+            it("should turn on state encryption when toggled", async () => {
+                // Given we have the create room dialog open
+                const { asFragment } = getComponent();
+                await flushPromises();
+                expect(asFragment()).toMatchSnapshot();
+
+                // When I click the Encrypt state events toggle
+                const toggle = screen.getByRole("switch", { name: "Encrypt state events" });
+                expect(toggle).not.toBeChecked();
+                act(() => toggle.click());
+
+                // Then it changes state
+                expect(toggle).toBeChecked();
+            });
+        });
+    });
+
+    describe("for a knock room", () => {
+        describe("when feature is disabled", () => {
+            it("should not have the option to create a knock room", async () => {
+                jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+                getComponent();
+                fireEvent.click(screen.getByLabelText("Room visibility"));
+                expect(screen.queryByRole("option", { name: "Ask to join" })).not.toBeInTheDocument();
+            });
+        });
+
+        describe("when feature is enabled", () => {
+            const onFinished = jest.fn();
+            const roomName = "Test Room Name";
+
+            beforeEach(async () => {
+                onFinished.mockReset();
+                jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                    (setting) => setting === "feature_ask_to_join",
+                );
+                getComponent({ onFinished });
+                fireEvent.change(screen.getByLabelText("Name"), { target: { value: roomName } });
+                fireEvent.click(screen.getByLabelText("Room visibility"));
+                fireEvent.click(screen.getByRole("option", { name: "Ask to join" }));
+            });
+
+            it("should have a heading", () => {
+                expect(screen.getByRole("heading")).toHaveTextContent("Create a room");
+            });
+
+            it("should have a hint", () => {
+                expect(
+                    screen.getByText(
+                        "Anyone can request to join, but admins or moderators need to grant access. You can change this later.",
+                    ),
+                ).toBeInTheDocument();
+            });
+
+            it("should create a knock room with private visibility", async () => {
+                fireEvent.click(screen.getByText("Create room"));
+                await flushPromises();
+                expect(onFinished).toHaveBeenCalledWith(true, {
+                    createOpts: {
+                        visibility: Visibility.Private,
+                    },
+                    name: roomName,
+                    encryption: true,
+                    stateEncryption: false,
+                    joinRule: JoinRule.Knock,
+                    parentSpace: undefined,
+                    roomType: undefined,
+                });
+            });
+
+            it("should create a knock room with public visibility", async () => {
+                fireEvent.click(
+                    screen.getByRole("switch", { name: "Make this room visible in the public room directory." }),
+                );
+                fireEvent.click(screen.getByText("Create room"));
+                await flushPromises();
+                expect(onFinished).toHaveBeenCalledWith(true, {
+                    createOpts: {
+                        visibility: Visibility.Public,
+                    },
+                    name: roomName,
+                    encryption: true,
+                    stateEncryption: false,
+                    joinRule: JoinRule.Knock,
+                    parentSpace: undefined,
+                    roomType: undefined,
+                });
+            });
+        });
+    });
+
+    describe("for a public room", () => {
+        it("should set join rule to public defaultPublic is truthy", async () => {
+            const onFinished = jest.fn();
+            getComponent({ defaultPublic: true, onFinished });
+            await flushPromises();
+
+            expect(screen.getByText("Create a public room")).toBeInTheDocument();
+
+            // e2e section is not rendered
+            expect(screen.queryByText("Enable end-to-end encryption")).not.toBeInTheDocument();
+
+            const roomName = "Test Room Name";
+            fireEvent.change(screen.getByLabelText("Name"), { target: { value: roomName } });
+        });
+
+        it("should not create a public room without an alias", async () => {
+            const onFinished = jest.fn();
+            getComponent({ onFinished });
+            await flushPromises();
+
+            // set to public
+            fireEvent.click(screen.getByLabelText("Room visibility"));
+            fireEvent.click(screen.getByText("Public room"));
+            expect(within(screen.getByLabelText("Room visibility")).findByText("Public room")).toBeTruthy();
+            expect(screen.getByText("Create a public room")).toBeInTheDocument();
+
+            // set name
+            const roomName = "Test Room Name";
+            fireEvent.change(screen.getByLabelText("Name"), { target: { value: roomName } });
+
+            // try to create the room
+            fireEvent.click(screen.getByText("Create room"));
+            await flushPromises();
+
+            // alias field invalid
+            expect(screen.getByLabelText("Room address").parentElement!).toHaveClass("mx_Field_invalid");
+
+            // didn't submit
+            expect(onFinished).not.toHaveBeenCalled();
+        });
+
+        it("should create a public room", async () => {
+            const onFinished = jest.fn();
+            getComponent({ onFinished, defaultPublic: true });
+            await flushPromises();
+
+            // set name
+            const roomName = "Test Room Name";
+            fireEvent.change(screen.getByLabelText("Name"), { target: { value: roomName } });
+
+            const roomAlias = "test";
+
+            fireEvent.change(screen.getByLabelText("Room address"), { target: { value: roomAlias } });
+
+            // try to create the room
+            fireEvent.click(screen.getByText("Create room"));
+            await flushPromises();
+
+            expect(onFinished).toHaveBeenCalledWith(true, {
+                createOpts: {
+                    preset: Preset.PublicChat,
+                    room_alias_name: roomAlias,
+                    visibility: Visibility.Public,
+                },
+                name: roomName,
+                guestAccess: false,
+                parentSpace: undefined,
+                roomType: undefined,
+            });
+        });
+    });
+
+    describe("for a room in a space", () => {
+        let parentSpace: Room;
+        beforeEach(() => {
+            parentSpace = mkSpace(mockClient, "!space:server") as unknown as Room;
+        });
+
+        it("should create a room with restricted join rule when selected", async () => {
+            const onFinished = jest.fn();
+            render(<CreateRoomDialog parentSpace={parentSpace} onFinished={onFinished} />);
+            await flushPromises();
+
+            // Set room name and visibility.
+            fireEvent.change(screen.getByLabelText("Name"), { target: { value: "Restricted Room" } });
+            fireEvent.click(screen.getByLabelText("Room visibility"));
+            fireEvent.click(screen.getByRole("option", { name: "Standard" }));
+
+            fireEvent.click(screen.getByText("Create room"));
+            await flushPromises();
+
+            expect(onFinished).toHaveBeenCalledWith(
+                true,
+                expect.objectContaining({
+                    name: "Restricted Room",
+                    joinRule: JoinRule.Restricted,
+                }),
+            );
+        });
+
+        it("should create a room with public join rule when selected", async () => {
+            const onFinished = jest.fn();
+            render(<CreateRoomDialog parentSpace={parentSpace} onFinished={onFinished} />);
+            await flushPromises();
+
+            // Set room name and visibility. Rooms in spaces also need an address.
+            fireEvent.change(screen.getByLabelText("Name"), { target: { value: "Public Room" } });
+            fireEvent.click(screen.getByLabelText("Room visibility"));
+            fireEvent.click(screen.getByRole("option", { name: "Public room" }));
+            fireEvent.change(screen.getByLabelText("Room address"), { target: { value: "testroom" } });
+
+            // Create the room.
+            fireEvent.click(screen.getByText("Create room"));
+            await flushPromises();
+
+            expect(onFinished).toHaveBeenCalledWith(
+                true,
+                expect.objectContaining({
+                    name: "Public Room",
+                    createOpts: expect.objectContaining({
+                        room_alias_name: "testroom",
+                        visibility: Visibility.Public,
+                        preset: Preset.PublicChat,
+                    }),
+                    guestAccess: false,
+                    roomType: undefined,
+                }),
+            );
+        });
+    });
+
+    describe("keyboard shortcuts", () => {
+        it("should submit the form when Enter is pressed", async () => {
+            const onFinished = jest.fn();
+            render(<CreateRoomDialog onFinished={onFinished} />);
+            await flushPromises();
+
+            // Simulate pressing the Enter key.
+            fireEvent.change(screen.getByLabelText("Name"), { target: { value: "Keyboard Room" } });
+            fireEvent.keyDown(screen.getByLabelText("Name"), { key: "Enter", code: "Enter", charCode: 13 });
+
+            await flushPromises();
+
+            expect(onFinished).toHaveBeenCalledWith(
+                true,
+                expect.objectContaining({
+                    name: "Keyboard Room",
+                }),
+            );
+        });
+
+        it("should cancel the dialog when Escape is pressed", async () => {
+            const onFinished = jest.fn();
+            render(<CreateRoomDialog onFinished={onFinished} />);
+            await flushPromises();
+
+            // Simulate pressing the Escape key.
+            fireEvent.keyDown(screen.getByLabelText("Name"), { key: "Escape", code: "Escape", charCode: 27 });
+
+            await flushPromises();
+
+            // BaseDialog passes no arguments, but DialogButtons pass false - might not be desirable?
+            expect(onFinished).toHaveBeenCalled();
+            const callArgs = onFinished.mock.calls[0];
+            expect(callArgs.length === 0 || callArgs[0] === false).toBe(true);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/CreateSectionDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/CreateSectionDialog-test.tsx
new file mode 100644
index 00000000000..459b6890697
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/CreateSectionDialog-test.tsx
@@ -0,0 +1,93 @@
+/*
+ * 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, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import React from "react";
+
+import { CreateSectionDialog } from "../../../../../src/components/views/dialogs/CreateSectionDialog";
+
+describe("CreateSectionDialog", () => {
+    const onFinished: jest.Mock = jest.fn();
+
+    beforeEach(() => {
+        jest.resetAllMocks();
+    });
+
+    function renderComponent(): void {
+        render(<CreateSectionDialog onFinished={onFinished} />);
+    }
+
+    it("renders the dialog", () => {
+        const { container } = render(<CreateSectionDialog onFinished={onFinished} />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("has the create section button disabled when the input is empty", () => {
+        renderComponent();
+        const createButton = screen.getByRole("button", { name: "Create section" });
+        expect(createButton).toBeDisabled();
+    });
+
+    it("calls onFinished with true and the section name when create section is clicked", async () => {
+        renderComponent();
+        const input = screen.getByRole("textbox");
+        await userEvent.type(input, "My section");
+        const createButton = screen.getByRole("button", { name: "Create section" });
+        await userEvent.click(createButton);
+        expect(onFinished).toHaveBeenCalledWith(true, "My section");
+    });
+
+    it("calls onFinished with false when the dialog is cancelled", async () => {
+        renderComponent();
+        const cancelButton = screen.getByRole("button", { name: "Cancel" });
+        await userEvent.click(cancelButton);
+        expect(onFinished).toHaveBeenCalledWith(false, "");
+    });
+
+    it("calls onFinished with true and the section name when the form is submitted", async () => {
+        renderComponent();
+        const input = screen.getByRole("textbox");
+        await userEvent.type(input, "My section");
+        await userEvent.keyboard("{Enter}");
+        expect(onFinished).toHaveBeenCalledWith(true, "My section");
+    });
+
+    describe("editing mode", () => {
+        function renderEditComponent(): void {
+            render(<CreateSectionDialog onFinished={onFinished} sectionToEdit="Existing Section" />);
+        }
+
+        it("pre-fills the input with the existing section name", () => {
+            renderEditComponent();
+            const input = screen.getByRole("textbox");
+            expect(input).toHaveValue("Existing Section");
+        });
+
+        it("shows the save button instead of create section", () => {
+            renderEditComponent();
+            expect(screen.getByRole("button", { name: "Save" })).toBeInTheDocument();
+            expect(screen.queryByRole("button", { name: "Create section" })).not.toBeInTheDocument();
+        });
+
+        it("calls onFinished with the updated name when save is clicked", async () => {
+            renderEditComponent();
+            const input = screen.getByRole("textbox");
+            await userEvent.clear(input);
+            await userEvent.type(input, "Updated Section");
+            await userEvent.click(screen.getByRole("button", { name: "Save" }));
+            expect(onFinished).toHaveBeenCalledWith(true, "Updated Section");
+        });
+
+        it("has the save button disabled when the input is empty", async () => {
+            renderEditComponent();
+            const input = screen.getByRole("textbox");
+            await userEvent.clear(input);
+            expect(screen.getByRole("button", { name: "Save" })).toBeDisabled();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/DevtoolsDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/DevtoolsDialog-test.tsx
new file mode 100644
index 00000000000..a0553bd6419
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/DevtoolsDialog-test.tsx
@@ -0,0 +1,76 @@
+/*
+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, screen } from "jest-matrix-react";
+import { Room, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import userEvent from "@testing-library/user-event";
+
+import { stubClient } from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import DevtoolsDialog from "../../../../../src/components/views/dialogs/DevtoolsDialog";
+
+describe("DevtoolsDialog", () => {
+    let cli: MatrixClient;
+    let room: Room;
+
+    function getComponent(roomId: string, threadRootId: string | null = null, onFinished = () => true) {
+        return render(
+            <MatrixClientContext.Provider value={cli}>
+                <DevtoolsDialog roomId={roomId} threadRootId={threadRootId} onFinished={onFinished} />
+            </MatrixClientContext.Provider>,
+        );
+    }
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        room = new Room("!id", cli, "@alice:matrix.org");
+
+        jest.spyOn(cli, "getRoom").mockReturnValue(room);
+    });
+
+    afterAll(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("renders the devtools dialog", () => {
+        const { asFragment } = getComponent(room.roomId);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("copies the roomid", async () => {
+        const user = userEvent.setup();
+        jest.spyOn(navigator.clipboard, "writeText");
+
+        getComponent(room.roomId);
+
+        const copyBtn = screen.getByLabelText("Copy");
+        await user.click(copyBtn);
+        const copiedBtn = screen.getByLabelText("Copied!");
+
+        expect(copiedBtn).toBeInTheDocument();
+        expect(navigator.clipboard.writeText).toHaveBeenCalledWith(room.roomId);
+    });
+
+    it("copies the thread root id when provided", async () => {
+        const user = userEvent.setup();
+        jest.spyOn(navigator.clipboard, "writeText");
+
+        const threadRootId = "$test_event_id_goes_here";
+        getComponent(room.roomId, threadRootId);
+
+        const copyBtn = screen.getAllByLabelText("Copy")[1];
+        await user.click(copyBtn);
+        const copiedBtn = screen.getByLabelText("Copied!");
+
+        expect(copiedBtn).toBeInTheDocument();
+        expect(navigator.clipboard.writeText).toHaveBeenCalledWith(threadRootId);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/EditHistoryMessage-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/EditHistoryMessage-test.tsx
new file mode 100644
index 00000000000..b430d977b53
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/EditHistoryMessage-test.tsx
@@ -0,0 +1,273 @@
+/*
+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 { act, fireEvent, render, waitFor } from "jest-matrix-react";
+import { MatrixEventEvent, MsgType } from "matrix-js-sdk/src/matrix";
+
+import { mkEvent, stubClient } from "../../../../test-utils";
+import Modal from "../../../../../src/Modal";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import type { SettingKey } from "../../../../../src/settings/Settings";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import EditHistoryMessage from "../../../../../src/components/views/messages/EditHistoryMessage";
+import ConfirmAndWaitRedactDialog from "../../../../../src/components/views/dialogs/ConfirmAndWaitRedactDialog";
+import ViewSource from "../../../../../src/components/structures/ViewSource";
+import { EventContentBodyViewModel } from "../../../../../src/viewmodels/message-body/EventContentBodyViewModel";
+import { EditHistoryActionBarViewModel } from "../../../../../src/viewmodels/message-body/EditHistoryActionBarViewModel";
+import { MessageTimestampViewModel } from "../../../../../src/viewmodels/room/timeline/event-tile/timestamp/MessageTimestampViewModel";
+
+describe("EditHistoryMessage", () => {
+    const roomId = "!room:example.com";
+    let client: ReturnType<typeof stubClient>;
+    let developerMode = false;
+
+    const renderComponent = (props: React.ComponentProps<typeof EditHistoryMessage>) => {
+        return render(
+            <MatrixClientContext.Provider value={client}>
+                <EditHistoryMessage {...props} />
+            </MatrixClientContext.Provider>,
+        );
+    };
+
+    beforeEach(() => {
+        client = stubClient();
+        developerMode = false;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation(((settingName: SettingKey) => {
+            switch (settingName) {
+                case "developerMode":
+                    return developerMode;
+                case "showTwelveHourTimestamps":
+                case "TextualBody.enableBigEmoji":
+                    return false;
+                case "Pill.shouldShowPillAvatar":
+                    return true;
+                default:
+                    return null;
+            }
+        }) as typeof SettingsStore.getValue);
+        jest.spyOn(Modal, "createDialog").mockReturnValue({} as any);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("renders replaced content, tracks send status, and disposes view models on unmount", async () => {
+        const event = mkEvent({
+            event: true,
+            id: "$event",
+            room: roomId,
+            user: "@alice:example.com",
+            type: "m.room.message",
+            content: {
+                "msgtype": MsgType.Text,
+                "body": "Original body",
+                "m.new_content": {
+                    msgtype: MsgType.Text,
+                    body: "Edited body",
+                },
+            },
+        });
+        const localRedactionEvent = {
+            on: jest.fn(),
+            off: jest.fn(),
+        };
+        const getAssociatedStatus = jest.fn().mockReturnValue("sending");
+        const eventContentDisposeSpy = jest.spyOn(EventContentBodyViewModel.prototype, "dispose");
+        const actionBarDisposeSpy = jest.spyOn(EditHistoryActionBarViewModel.prototype, "dispose");
+        const timestampDisposeSpy = jest.spyOn(MessageTimestampViewModel.prototype, "dispose");
+
+        (event as any).localRedactionEvent = jest.fn().mockReturnValue(localRedactionEvent);
+        (event as any).getAssociatedStatus = getAssociatedStatus;
+
+        const { container, getByRole, getByText, unmount } = renderComponent({ mxEvent: event });
+
+        expect(getByText("Edited body")).toBeInTheDocument();
+        expect(container.querySelector(".mx_EventTile_sending")).not.toBeNull();
+        expect(getByRole("button", { name: /remove/i })).toBeInTheDocument();
+        expect(localRedactionEvent.on).toHaveBeenCalledWith(MatrixEventEvent.Status, expect.any(Function));
+
+        getAssociatedStatus.mockReturnValue(null);
+        const onStatusChanged = localRedactionEvent.on.mock.calls[0][1];
+        act(() => {
+            onStatusChanged();
+        });
+
+        await waitFor(() => expect(container.querySelector(".mx_EventTile_sending")).toBeNull());
+
+        unmount();
+
+        expect(localRedactionEvent.off).toHaveBeenCalledWith(MatrixEventEvent.Status, expect.any(Function));
+        expect(eventContentDisposeSpy).toHaveBeenCalled();
+        expect(actionBarDisposeSpy).toHaveBeenCalled();
+        expect(timestampDisposeSpy).toHaveBeenCalled();
+    });
+
+    it("renders diffs for previous edits and formats emotes with the sender name", () => {
+        const previousEdit = mkEvent({
+            event: true,
+            id: "$prev",
+            room: roomId,
+            user: "@alice:example.com",
+            type: "m.room.message",
+            content: {
+                msgtype: MsgType.Emote,
+                body: "smiles",
+            },
+        });
+        const event = mkEvent({
+            event: true,
+            id: "$event",
+            room: roomId,
+            user: "@alice:example.com",
+            type: "m.room.message",
+            content: {
+                msgtype: MsgType.Emote,
+                body: "waves",
+            },
+        });
+        if (event.sender) {
+            event.sender.name = "Alice";
+        }
+
+        const { container, getByText } = renderComponent({ mxEvent: event, previousEdit });
+
+        expect(getByText("Alice")).toHaveClass("mx_EditHistoryMessage_emoteSender");
+        expect(container.querySelector(".mx_EditHistoryMessage_deletion")).not.toBeNull();
+        expect(container.querySelector(".mx_EditHistoryMessage_insertion")).not.toBeNull();
+        expect(container.querySelector(".mx_EditHistoryMessage_deletion")).not.toBeEmptyDOMElement();
+        expect(container.querySelector(".mx_EditHistoryMessage_insertion")).not.toBeEmptyDOMElement();
+    });
+
+    it("renders redacted events and opens view source from the action bar", () => {
+        developerMode = true;
+        const event = mkEvent({
+            event: true,
+            id: "$event",
+            room: roomId,
+            user: "@alice:example.com",
+            type: "m.room.message",
+            content: {
+                msgtype: MsgType.Text,
+                body: "Removed",
+            },
+            unsigned: {
+                redacted_because: {
+                    event_id: "$redaction",
+                    sender: "@moderator:example.com",
+                    type: "m.room.redaction",
+                    origin_server_ts: Date.UTC(2024, 0, 1, 12, 0, 0),
+                    content: {},
+                    unsigned: {},
+                },
+            },
+        });
+        jest.spyOn(event, "isRedacted").mockReturnValue(true);
+
+        const { container, getByRole, queryByRole } = renderComponent({ mxEvent: event, isBaseEvent: true });
+
+        expect(container.querySelector(".mx_RedactedBody")).not.toBeNull();
+        expect(queryByRole("button", { name: /remove/i })).toBeNull();
+
+        fireEvent.click(getByRole("button", { name: /view source/i }));
+
+        expect(Modal.createDialog).toHaveBeenCalledWith(
+            ViewSource,
+            {
+                mxEvent: event,
+                ignoreEdits: true,
+            },
+            "mx_Dialog_viewsource",
+        );
+    });
+
+    it("opens the redact dialog and uses the client redact callback", async () => {
+        const event = mkEvent({
+            event: true,
+            id: "$event",
+            room: roomId,
+            user: "@alice:example.com",
+            type: "m.room.message",
+            content: {
+                msgtype: MsgType.Text,
+                body: "Editable",
+            },
+        });
+
+        const { getByRole } = renderComponent({ mxEvent: event });
+
+        fireEvent.click(getByRole("button", { name: /remove/i }));
+
+        expect(Modal.createDialog).toHaveBeenCalledWith(
+            ConfirmAndWaitRedactDialog,
+            expect.objectContaining({
+                event,
+                redact: expect.any(Function),
+            }),
+            "mx_Dialog_confirmredact",
+        );
+
+        const [, dialogProps] = (Modal.createDialog as jest.Mock).mock.calls[0];
+        await dialogProps.redact();
+
+        expect(client.redactEvent).toHaveBeenCalledWith(roomId, "$event");
+    });
+
+    it("updates content and timestamp view models when props change", () => {
+        developerMode = true;
+        const firstEventTs = Date.parse("2021-12-17T08:09:00.000Z");
+        const secondEventTs = Date.parse("2021-12-17T09:09:00.000Z");
+        const firstEvent = mkEvent({
+            event: true,
+            id: "$first",
+            room: roomId,
+            user: "@alice:example.com",
+            type: "m.room.message",
+            ts: firstEventTs,
+            content: {
+                msgtype: MsgType.Text,
+                body: "First",
+            },
+        });
+        const secondEvent = mkEvent({
+            event: true,
+            id: "$second",
+            room: roomId,
+            user: "@alice:example.com",
+            type: "m.room.message",
+            ts: secondEventTs,
+            content: {
+                "msgtype": MsgType.Text,
+                "body": "Second",
+                "m.new_content": {
+                    msgtype: MsgType.Text,
+                    body: "Second edited",
+                },
+            },
+        });
+
+        const { getByRole, getByText, queryByRole, rerender } = renderComponent({
+            mxEvent: firstEvent,
+            isTwelveHour: false,
+        });
+
+        expect(getByRole("button", { name: /remove/i })).toBeInTheDocument();
+        expect(getByText("08:09")).toBeInTheDocument();
+
+        rerender(
+            <MatrixClientContext.Provider value={client}>
+                <EditHistoryMessage mxEvent={secondEvent} isBaseEvent={true} isTwelveHour={true} />
+            </MatrixClientContext.Provider>,
+        );
+
+        expect(getByText("Second edited")).toBeInTheDocument();
+        expect(getByText("9:09 AM")).toBeInTheDocument();
+        expect(queryByRole("button", { name: /remove/i })).toBeNull();
+        expect(getByRole("button", { name: /view source/i })).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/ExportDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/ExportDialog-test.tsx
new file mode 100644
index 00000000000..6dcb70afd2e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/ExportDialog-test.tsx
@@ -0,0 +1,326 @@
+/*
+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 { fireEvent, render, type RenderResult, waitFor } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import ExportDialog from "../../../../../src/components/views/dialogs/ExportDialog";
+import { ExportType, ExportFormat } from "../../../../../src/utils/exportUtils/exportUtils";
+import { createTestClient, mkStubRoom } from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import HTMLExporter from "../../../../../src/utils/exportUtils/HtmlExport";
+import ChatExport from "../../../../../src/customisations/ChatExport";
+import PlainTextExporter from "../../../../../src/utils/exportUtils/PlainTextExport";
+
+jest.useFakeTimers();
+
+const htmlExporterInstance = {
+    export: jest.fn().mockResolvedValue({}),
+};
+const plainTextExporterInstance = {
+    export: jest.fn().mockResolvedValue({}),
+};
+jest.mock("../../../../../src/utils/exportUtils/HtmlExport", () => jest.fn());
+jest.mock("../../../../../src/utils/exportUtils/PlainTextExport", () => jest.fn());
+
+jest.mock("../../../../../src/customisations/ChatExport", () => ({
+    getForceChatExportParameters: jest.fn().mockReturnValue({}),
+}));
+
+const ChatExportMock = mocked(ChatExport);
+const HTMLExporterMock = mocked(HTMLExporter);
+const PlainTextExporterMock = mocked(PlainTextExporter);
+
+describe("<ExportDialog />", () => {
+    const mockClient = createTestClient();
+    jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+
+    const roomId = "test:test.org";
+    const defaultProps = {
+        room: mkStubRoom(roomId, "test", mockClient) as unknown as Room,
+        onFinished: jest.fn(),
+    };
+
+    const getComponent = (props = {}) => render(<ExportDialog {...defaultProps} {...props} />);
+
+    const getSizeInput = ({ container }: RenderResult) => container.querySelector('input[id="size-limit"]')!;
+    const getExportTypeInput = ({ container }: RenderResult) => container.querySelector('select[id="export-type"]')!;
+    const getAttachmentsCheckbox = ({ container }: RenderResult) =>
+        container.querySelector('input[id="include-attachments"]')!;
+    const getMessageCountInput = ({ container }: RenderResult) => container.querySelector('input[id="message-count"]')!;
+    const getExportFormatInput = ({ container }: RenderResult, format: ExportFormat) =>
+        container.querySelector(`input[id="exportFormat-${format}"]`)!;
+    const getPrimaryButton = ({ getByTestId }: RenderResult) => getByTestId("dialog-primary-button")!;
+    const getSecondaryButton = ({ getByTestId }: RenderResult) => getByTestId("dialog-cancel-button")!;
+
+    const submitForm = async (component: RenderResult) => fireEvent.click(getPrimaryButton(component));
+    const selectExportFormat = async (component: RenderResult, format: ExportFormat) =>
+        fireEvent.click(getExportFormatInput(component, format));
+    const selectExportType = async (component: RenderResult, type: ExportType) =>
+        fireEvent.change(getExportTypeInput(component), { target: { value: type } });
+    const setMessageCount = async (component: RenderResult, count: number) =>
+        fireEvent.change(getMessageCountInput(component), { target: { value: count } });
+
+    const setSizeLimit = async (component: RenderResult, limit: number) =>
+        fireEvent.change(getSizeInput(component), { target: { value: limit } });
+
+    beforeEach(() => {
+        HTMLExporterMock.mockClear().mockImplementation(jest.fn().mockReturnValue(htmlExporterInstance));
+        PlainTextExporterMock.mockClear().mockImplementation(jest.fn().mockReturnValue(plainTextExporterInstance));
+        htmlExporterInstance.export.mockClear();
+        plainTextExporterInstance.export.mockClear();
+
+        // default setting value
+        mocked(ChatExportMock.getForceChatExportParameters!).mockClear().mockReturnValue({});
+    });
+
+    it("renders export dialog", () => {
+        const component = getComponent();
+        expect(component.container.querySelector(".mx_ExportDialog")).toMatchSnapshot();
+    });
+
+    it("calls onFinished when cancel button is clicked", () => {
+        const onFinished = jest.fn();
+        const component = getComponent({ onFinished });
+        fireEvent.click(getSecondaryButton(component));
+        expect(onFinished).toHaveBeenCalledWith(false);
+    });
+
+    it("exports room on submit", async () => {
+        const component = getComponent();
+        await submitForm(component);
+
+        await waitFor(() => {
+            // 4th arg is an component function
+            const exportConstructorProps = HTMLExporterMock.mock.calls[0].slice(0, 3);
+            expect(exportConstructorProps).toEqual([
+                defaultProps.room,
+                ExportType.Timeline,
+                {
+                    attachmentsIncluded: false,
+                    maxSize: 8388608, // 8MB to bytes
+                    numberOfMessages: 100,
+                },
+            ]);
+        });
+        expect(htmlExporterInstance.export).toHaveBeenCalled();
+    });
+
+    it("exports room using values set from ForceRoomExportParameters", async () => {
+        mocked(ChatExportMock.getForceChatExportParameters!).mockReturnValue({
+            format: ExportFormat.PlainText,
+            range: ExportType.Beginning,
+            sizeMb: 7000,
+            numberOfMessages: 30,
+            includeAttachments: true,
+        });
+        const component = getComponent();
+        await submitForm(component);
+
+        // 4th arg is an component function
+        const exportConstructorProps = PlainTextExporterMock.mock.calls[0].slice(0, 3);
+        expect(exportConstructorProps).toEqual([
+            defaultProps.room,
+            ExportType.Beginning,
+            {
+                attachmentsIncluded: true,
+                maxSize: 7000 * 1024 * 1024,
+                numberOfMessages: 30,
+            },
+        ]);
+        expect(plainTextExporterInstance.export).toHaveBeenCalled();
+    });
+
+    it("renders success screen when export is finished", async () => {
+        const component = getComponent();
+        await submitForm(component);
+
+        jest.runAllTimers();
+
+        expect(component.container.querySelector(".mx_InfoDialog .mx_Dialog_content")).toMatchSnapshot();
+    });
+
+    describe("export format", () => {
+        it("renders export format with html selected by default", () => {
+            const component = getComponent();
+            expect(getExportFormatInput(component, ExportFormat.Html)).toBeChecked();
+        });
+
+        it("sets export format on radio button click", async () => {
+            const component = getComponent();
+            await selectExportFormat(component, ExportFormat.PlainText);
+            expect(getExportFormatInput(component, ExportFormat.PlainText)).toBeChecked();
+            expect(getExportFormatInput(component, ExportFormat.Html)).not.toBeChecked();
+        });
+
+        it("hides export format input when format is valid in ForceRoomExportParameters", () => {
+            const component = getComponent();
+            expect(getExportFormatInput(component, ExportFormat.Html)).toBeChecked();
+        });
+
+        it("does not render export format when set in ForceRoomExportParameters", () => {
+            mocked(ChatExportMock.getForceChatExportParameters!).mockReturnValue({
+                format: ExportFormat.PlainText,
+            });
+            const component = getComponent();
+            expect(getExportFormatInput(component, ExportFormat.Html)).toBeFalsy();
+        });
+    });
+
+    describe("export type", () => {
+        it("renders export type with timeline selected by default", () => {
+            const component = getComponent();
+            expect(getExportTypeInput(component)).toHaveValue(ExportType.Timeline);
+        });
+
+        it("sets export type on change", async () => {
+            const component = getComponent();
+            await selectExportType(component, ExportType.Beginning);
+            expect(getExportTypeInput(component)).toHaveValue(ExportType.Beginning);
+        });
+
+        it("does not render export type when set in ForceRoomExportParameters", () => {
+            mocked(ChatExportMock.getForceChatExportParameters!).mockReturnValue({
+                range: ExportType.Beginning,
+            });
+            const component = getComponent();
+            expect(getExportTypeInput(component)).toBeFalsy();
+        });
+
+        it("does not render message count input", async () => {
+            const component = getComponent();
+            expect(getMessageCountInput(component)).toBeFalsy();
+        });
+
+        it("renders message count input with default value 100 when export type is lastNMessages", async () => {
+            const component = getComponent();
+            await selectExportType(component, ExportType.LastNMessages);
+            expect(getMessageCountInput(component)).toHaveValue(100);
+        });
+
+        it("sets message count on change", async () => {
+            const component = getComponent();
+            await selectExportType(component, ExportType.LastNMessages);
+            await setMessageCount(component, 10);
+            expect(getMessageCountInput(component)).toHaveValue(10);
+        });
+
+        it("does not export when export type is lastNMessages and message count is falsy", async () => {
+            const component = getComponent();
+            await selectExportType(component, ExportType.LastNMessages);
+            await setMessageCount(component, 0);
+            await submitForm(component);
+
+            expect(htmlExporterInstance.export).not.toHaveBeenCalled();
+        });
+
+        it("does not export when export type is lastNMessages and message count is more than max", async () => {
+            const component = getComponent();
+            await selectExportType(component, ExportType.LastNMessages);
+            await setMessageCount(component, 99999999999);
+            await submitForm(component);
+
+            expect(htmlExporterInstance.export).not.toHaveBeenCalled();
+        });
+
+        it("exports when export type is NOT lastNMessages and message count is falsy", async () => {
+            const component = getComponent();
+            await selectExportType(component, ExportType.LastNMessages);
+            await setMessageCount(component, 0);
+            await selectExportType(component, ExportType.Timeline);
+            await submitForm(component);
+
+            await waitFor(() => {
+                expect(htmlExporterInstance.export).toHaveBeenCalled();
+            });
+        });
+    });
+
+    describe("size limit", () => {
+        it("renders size limit input with default value", () => {
+            const component = getComponent();
+            expect(getSizeInput(component)).toHaveValue(8);
+        });
+
+        it("updates size limit on change", async () => {
+            const component = getComponent();
+            await setSizeLimit(component, 20);
+            expect(getSizeInput(component)).toHaveValue(20);
+        });
+
+        it("does not export when size limit is falsy", async () => {
+            const component = getComponent();
+            await setSizeLimit(component, 0);
+            await submitForm(component);
+
+            expect(htmlExporterInstance.export).not.toHaveBeenCalled();
+        });
+
+        it("does not export when size limit is larger than max", async () => {
+            const component = getComponent();
+            await setSizeLimit(component, 2001);
+            await submitForm(component);
+
+            expect(htmlExporterInstance.export).not.toHaveBeenCalled();
+        });
+
+        it("exports when size limit is max", async () => {
+            const component = getComponent();
+            await setSizeLimit(component, 2000);
+            await submitForm(component);
+
+            await waitFor(() => {
+                expect(htmlExporterInstance.export).toHaveBeenCalled();
+            });
+        });
+
+        it("does not render size limit input when set in ForceRoomExportParameters", () => {
+            mocked(ChatExportMock.getForceChatExportParameters!).mockReturnValue({
+                sizeMb: 10000,
+            });
+            const component = getComponent();
+            expect(getSizeInput(component)).toBeFalsy();
+        });
+
+        /**
+         * 2000mb size limit does not apply when higher limit is configured in config
+         */
+        it("exports when size limit set in ForceRoomExportParameters is larger than 2000", async () => {
+            mocked(ChatExportMock.getForceChatExportParameters!).mockReturnValue({
+                sizeMb: 10000,
+            });
+            const component = getComponent();
+            await submitForm(component);
+
+            expect(htmlExporterInstance.export).toHaveBeenCalled();
+        });
+    });
+
+    describe("include attachments", () => {
+        it("renders input with default value of false", () => {
+            const component = getComponent();
+            expect(getAttachmentsCheckbox(component)).not.toBeChecked();
+        });
+
+        it("updates include attachments on change", async () => {
+            const component = getComponent();
+            fireEvent.click(getAttachmentsCheckbox(component));
+            expect(getAttachmentsCheckbox(component)).toBeChecked();
+        });
+
+        it("does not render input when set in ForceRoomExportParameters", () => {
+            mocked(ChatExportMock.getForceChatExportParameters!).mockReturnValue({
+                includeAttachments: false,
+            });
+            const component = getComponent();
+            expect(getAttachmentsCheckbox(component)).toBeFalsy();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/FeedbackDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/FeedbackDialog-test.tsx
new file mode 100644
index 00000000000..8d54a860315
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/FeedbackDialog-test.tsx
@@ -0,0 +1,27 @@
+/*
+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 SdkConfig from "../../../../../src/SdkConfig";
+import FeedbackDialog from "../../../../../src/components/views/dialogs/FeedbackDialog";
+
+describe("FeedbackDialog", () => {
+    it("should respect feedback config", () => {
+        SdkConfig.put({
+            feedback: {
+                existing_issues_url: "http://existing?foo=bar",
+                new_issue_url: "https://new.issue.url?foo=bar",
+            },
+        });
+
+        const { asFragment } = render(<FeedbackDialog onFinished={jest.fn()} />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/ForwardDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/ForwardDialog-test.tsx
new file mode 100644
index 00000000000..5bc614c12df
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/ForwardDialog-test.tsx
@@ -0,0 +1,456 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 Robin Townsend <robin@robin.town>
+
+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 {
+    MatrixEvent,
+    EventType,
+    LocationAssetType,
+    M_ASSET,
+    M_LOCATION,
+    M_TIMESTAMP,
+    M_TEXT,
+} from "matrix-js-sdk/src/matrix";
+import { act, fireEvent, getByTestId, render, type RenderResult, screen, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { sleep } from "matrix-js-sdk/src/utils";
+
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import ForwardDialog from "../../../../../src/components/views/dialogs/ForwardDialog";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import {
+    getMockClientWithEventEmitter,
+    makeBeaconEvent,
+    makeLegacyLocationEvent,
+    makeLocationEvent,
+    mkEvent,
+    mkMessage,
+    mkStubRoom,
+    mockPlatformPeg,
+} from "../../../../test-utils";
+import { TILE_SERVER_WK_KEY } from "../../../../../src/utils/WellKnownUtils";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+
+// mock offsetParent
+Object.defineProperty(HTMLElement.prototype, "offsetParent", {
+    get() {
+        return this.parentNode;
+    },
+});
+
+describe("ForwardDialog", () => {
+    const sourceRoom = "!111111111111111111:example.org";
+    const aliceId = "@alice:example.org";
+    const defaultMessage = mkMessage({
+        room: sourceRoom,
+        user: aliceId,
+        msg: "Hello world!",
+        event: true,
+    });
+    const accountDataEvent = new MatrixEvent({
+        type: EventType.Direct,
+        sender: aliceId,
+        content: {},
+    });
+    const mockClient = getMockClientWithEventEmitter({
+        getUserId: jest.fn().mockReturnValue(aliceId),
+        getSafeUserId: jest.fn().mockReturnValue(aliceId),
+        isGuest: jest.fn().mockReturnValue(false),
+        getVisibleRooms: jest.fn().mockReturnValue([]),
+        getRoom: jest.fn(),
+        getAccountData: jest.fn().mockReturnValue(accountDataEvent),
+        getPushActionsForEvent: jest.fn(),
+        mxcUrlToHttp: jest.fn().mockReturnValue(""),
+        getProfileInfo: jest.fn().mockResolvedValue({
+            displayname: "Alice",
+        }),
+        decryptEventIfNeeded: jest.fn(),
+        sendEvent: jest.fn(),
+        getClientWellKnown: jest.fn().mockReturnValue({
+            [TILE_SERVER_WK_KEY.name]: { map_style_url: "maps.com" },
+        }),
+    });
+    const defaultRooms = ["a", "A", "b"].map((name) => mkStubRoom(name, name, mockClient));
+
+    const mountForwardDialog = (message = defaultMessage, rooms = defaultRooms, stubSource = false) => {
+        mockClient.getVisibleRooms.mockReturnValue(rooms);
+
+        const sourceRoomStub = mkStubRoom(sourceRoom, sourceRoom, mockClient);
+
+        mockClient.getRoom.mockImplementation((roomId) => {
+            if (stubSource && roomId === sourceRoom) {
+                return sourceRoomStub; // Return the source room stub, if enabled
+            }
+            return rooms.find((room) => room.roomId === roomId) || null;
+        });
+
+        const wrapper: RenderResult = render(
+            <ForwardDialog
+                matrixClient={mockClient}
+                event={message}
+                permalinkCreator={new RoomPermalinkCreator(undefined!, sourceRoom)}
+                onFinished={jest.fn()}
+            />,
+        );
+
+        return wrapper;
+    };
+
+    beforeEach(() => {
+        DMRoomMap.makeShared(mockClient);
+        jest.clearAllMocks();
+        mockClient.getUserId.mockReturnValue("@bob:example.org");
+        mockClient.getSafeUserId.mockReturnValue("@bob:example.org");
+        mockClient.sendEvent.mockReset();
+    });
+
+    afterAll(() => {
+        jest.spyOn(MatrixClientPeg, "get").mockRestore();
+    });
+
+    it("shows a preview with us as the sender", async () => {
+        const { container } = mountForwardDialog();
+
+        expect(screen.queryByText("Hello world!")).toBeInTheDocument();
+
+        // We would just test SenderProfile for the user ID, but it's stubbed
+        const previewAvatar = container.querySelector(".mx_EventTile_avatar .mx_BaseAvatar");
+        expect(previewAvatar?.getAttribute("title")).toBe("@bob:example.org");
+    });
+
+    it("filters the rooms", async () => {
+        const { container } = mountForwardDialog();
+
+        expect(container.querySelectorAll(".mx_ForwardList_entry")).toHaveLength(3);
+
+        const searchInput = getByTestId(container, "searchbox-input");
+        await userEvent.type(searchInput, "a");
+
+        expect(container.querySelectorAll(".mx_ForwardList_entry")).toHaveLength(2);
+    });
+
+    it("should be navigable using arrow keys", async () => {
+        const { container } = mountForwardDialog();
+
+        const searchBox = getByTestId(container, "searchbox-input");
+        searchBox.focus();
+        await waitFor(() =>
+            expect(container.querySelectorAll(".mx_ForwardList_entry")[0]).toHaveClass("mx_ForwardList_entry_active"),
+        );
+
+        await userEvent.keyboard("[ArrowDown]");
+        await waitFor(() =>
+            expect(container.querySelectorAll(".mx_ForwardList_entry")[1]).toHaveClass("mx_ForwardList_entry_active"),
+        );
+
+        await userEvent.keyboard("[ArrowDown]");
+        await waitFor(() =>
+            expect(container.querySelectorAll(".mx_ForwardList_entry")[2]).toHaveClass("mx_ForwardList_entry_active"),
+        );
+
+        await userEvent.keyboard("[ArrowUp]");
+        await waitFor(() =>
+            expect(container.querySelectorAll(".mx_ForwardList_entry")[1]).toHaveClass("mx_ForwardList_entry_active"),
+        );
+
+        await userEvent.keyboard("[Enter]");
+        expect(mockClient.sendEvent).toHaveBeenCalledWith("A", "m.room.message", {
+            "body": "Hello world!",
+            "msgtype": "m.text",
+            "m.mentions": {},
+        });
+    });
+
+    it("tracks message sending progress across multiple rooms", async () => {
+        mockPlatformPeg();
+        const { container } = mountForwardDialog();
+
+        // Make sendEvent require manual resolution so we can see the sending state
+        let finishSend: (arg?: any) => void;
+        let cancelSend: () => void;
+        mockClient.sendEvent.mockImplementation(
+            <T extends {}>() =>
+                new Promise<T>((resolve, reject) => {
+                    finishSend = resolve;
+                    cancelSend = reject;
+                }),
+        );
+
+        let firstButton!: Element;
+        let secondButton!: Element;
+        const update = () => {
+            [firstButton, secondButton] = container.querySelectorAll(".mx_ForwardList_sendButton");
+        };
+        update();
+
+        expect(firstButton.className).toContain("mx_ForwardList_canSend");
+
+        act(() => {
+            fireEvent.click(firstButton);
+        });
+        update();
+        expect(firstButton.className).toContain("mx_ForwardList_sending");
+
+        await act(async () => {
+            cancelSend();
+            // Wait one tick for the button to realize the send failed
+            await sleep(0);
+        });
+        update();
+        expect(firstButton.className).toContain("mx_ForwardList_sendFailed");
+
+        expect(secondButton.className).toContain("mx_ForwardList_canSend");
+
+        act(() => {
+            fireEvent.click(secondButton);
+        });
+        update();
+        expect(secondButton.className).toContain("mx_ForwardList_sending");
+
+        await act(async () => {
+            finishSend();
+            // Wait one tick for the button to realize the send succeeded
+            await sleep(0);
+        });
+        update();
+        expect(secondButton.className).toContain("mx_ForwardList_sent");
+    });
+
+    it("can render replies", async () => {
+        const replyMessage = mkEvent({
+            type: "m.room.message",
+            room: "!111111111111111111:example.org",
+            user: "@alice:example.org",
+            content: {
+                "msgtype": "m.text",
+                "body": "> <@bob:example.org> Hi Alice!\n\nHi Bob!",
+                "m.relates_to": {
+                    "m.in_reply_to": {
+                        event_id: "$2222222222222222222222222222222222222222222",
+                    },
+                },
+            },
+            event: true,
+        });
+
+        mountForwardDialog(replyMessage);
+
+        expect(screen.queryByText("Hi Alice!", { exact: false })).toBeInTheDocument();
+    });
+
+    it("disables buttons for rooms without send permissions", async () => {
+        const readOnlyRoom = mkStubRoom("a", "a", mockClient);
+        readOnlyRoom.maySendMessage = jest.fn().mockReturnValue(false);
+        const rooms = [readOnlyRoom, mkStubRoom("b", "b", mockClient)];
+
+        const { container } = mountForwardDialog(undefined, rooms);
+
+        const [firstButton, secondButton] = container.querySelectorAll<HTMLButtonElement>(".mx_ForwardList_sendButton");
+
+        expect(firstButton.getAttribute("aria-disabled")).toBeTruthy();
+        expect(secondButton.getAttribute("aria-disabled")).toBeFalsy();
+    });
+
+    describe("Mention recalculation", () => {
+        const roomId = "a";
+        const sendClick = (container: HTMLElement): void =>
+            act(() => {
+                const sendButton = container.querySelector(".mx_ForwardList_sendButton");
+                fireEvent.click(sendButton!);
+            });
+        const makeMessage = (body: string, mentions: object, formattedBody?: string) => {
+            return mkEvent({
+                type: "m.room.message",
+                room: sourceRoom,
+                user: "@bob:example.org",
+                content: {
+                    "msgtype": "m.text",
+                    "body": body,
+                    "m.mentions": mentions,
+                    ...(formattedBody && {
+                        format: "org.matrix.custom.html",
+                        formatted_body: formattedBody,
+                    }),
+                },
+                event: true,
+            });
+        };
+
+        it("strips extra mentions", async () => {
+            const message = makeMessage("Hi Alice", { user_ids: [aliceId] });
+            const { container } = mountForwardDialog(message);
+            sendClick(container);
+            // Expected content should have mentions empty.
+            expect(mockClient.sendEvent).toHaveBeenCalledWith(roomId, message.getType(), {
+                ...message.getContent(),
+                "m.mentions": {},
+            });
+        });
+
+        it("recalculates mention pills", async () => {
+            const message = makeMessage(
+                "Hi Alice",
+                { user_ids: [aliceId] },
+                `Hi <a href="https://matrix.to/#/${aliceId}">Alice</a>`,
+            );
+            const { container } = mountForwardDialog(message, defaultRooms, true);
+            sendClick(container);
+            // Expected content should have mentions empty.
+            expect(mockClient.sendEvent).toHaveBeenCalledWith(roomId, message.getType(), {
+                ...message.getContent(),
+                "m.mentions": { user_ids: [aliceId] },
+            });
+        });
+    });
+
+    describe("Location events", () => {
+        // 14.03.2022 16:15
+        const now = 1647270879403;
+        const roomId = "a";
+        const geoUri = "geo:51.5076,-0.1276";
+        const legacyLocationEvent = makeLegacyLocationEvent(geoUri);
+        const modernLocationEvent = makeLocationEvent(geoUri);
+        const pinDropLocationEvent = makeLocationEvent(geoUri, LocationAssetType.Pin);
+
+        beforeEach(() => {
+            // legacy events will default timestamp to Date.now()
+            // mock a stable now for easy assertion
+            jest.spyOn(Date, "now").mockReturnValue(now);
+        });
+
+        afterAll(() => {
+            jest.spyOn(Date, "now").mockRestore();
+        });
+
+        const sendToFirstRoom = (container: HTMLElement): void =>
+            act(() => {
+                const sendToFirstRoomButton = container.querySelector(".mx_ForwardList_sendButton");
+                fireEvent.click(sendToFirstRoomButton!);
+            });
+
+        it("converts legacy location events to pin drop shares", async () => {
+            const { container } = mountForwardDialog(legacyLocationEvent);
+
+            await waitFor(() => expect(container.querySelector(".mx_MLocationBody")).toBeTruthy());
+            sendToFirstRoom(container);
+
+            // text and description from original event are removed
+            // text gets new default message from event values
+            // timestamp is defaulted to now
+            const text = `Location ${geoUri} at ${new Date(now).toISOString()}`;
+            const expectedStrippedContent = {
+                ...modernLocationEvent.getContent(),
+                body: text,
+                [M_TEXT.name]: text,
+                [M_TIMESTAMP.name]: now,
+                [M_ASSET.name]: { type: LocationAssetType.Pin },
+                [M_LOCATION.name]: {
+                    uri: geoUri,
+                },
+            };
+            expect(mockClient.sendEvent).toHaveBeenCalledWith(
+                roomId,
+                legacyLocationEvent.getType(),
+                expectedStrippedContent,
+            );
+        });
+
+        it("removes personal information from static self location shares", async () => {
+            const { container } = mountForwardDialog(modernLocationEvent);
+
+            await waitFor(() => expect(container.querySelector(".mx_MLocationBody")).toBeTruthy());
+            sendToFirstRoom(container);
+
+            const timestamp = M_TIMESTAMP.findIn<number>(modernLocationEvent.getContent())!;
+            // text and description from original event are removed
+            // text gets new default message from event values
+            const text = `Location ${geoUri} at ${new Date(timestamp).toISOString()}`;
+            const expectedStrippedContent = {
+                ...modernLocationEvent.getContent(),
+                body: text,
+                [M_TEXT.name]: text,
+                [M_ASSET.name]: { type: LocationAssetType.Pin },
+                [M_LOCATION.name]: {
+                    uri: geoUri,
+                },
+            };
+            expect(mockClient.sendEvent).toHaveBeenCalledWith(
+                roomId,
+                modernLocationEvent.getType(),
+                expectedStrippedContent,
+            );
+        });
+
+        it("forwards beacon location as a pin drop event", async () => {
+            const timestamp = 123456;
+            const beaconEvent = makeBeaconEvent("@alice:server.org", { geoUri, timestamp });
+            const text = `Location ${geoUri} at ${new Date(timestamp).toISOString()}`;
+            const expectedContent = {
+                msgtype: "m.location",
+                body: text,
+                [M_TEXT.name]: text,
+                [M_ASSET.name]: { type: LocationAssetType.Pin },
+                [M_LOCATION.name]: {
+                    uri: geoUri,
+                },
+                geo_uri: geoUri,
+                [M_TIMESTAMP.name]: timestamp,
+            };
+            const { container } = mountForwardDialog(beaconEvent);
+
+            await waitFor(() => expect(container.querySelector(".mx_MLocationBody")).toBeTruthy());
+
+            sendToFirstRoom(container);
+
+            expect(mockClient.sendEvent).toHaveBeenCalledWith(roomId, EventType.RoomMessage, expectedContent);
+        });
+
+        it("forwards pin drop event", async () => {
+            const { container } = mountForwardDialog(pinDropLocationEvent);
+
+            await waitFor(() => expect(container.querySelector(".mx_MLocationBody")).toBeTruthy());
+
+            sendToFirstRoom(container);
+
+            const expectedContent = {
+                ...pinDropLocationEvent.getContent(),
+                "m.mentions": {}, // Add mentions (explicitly set to empty)
+            };
+
+            expect(mockClient.sendEvent).toHaveBeenCalledWith(roomId, pinDropLocationEvent.getType(), expectedContent);
+        });
+    });
+
+    describe("If the feature_dynamic_room_predecessors is not enabled", () => {
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            mockClient.getVisibleRooms.mockClear();
+            mountForwardDialog();
+            expect(mockClient.getVisibleRooms).toHaveBeenCalledWith(false);
+        });
+    });
+
+    describe("If the feature_dynamic_room_predecessors is enabled", () => {
+        beforeEach(() => {
+            // Turn on feature_dynamic_room_predecessors setting
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "feature_dynamic_room_predecessors",
+            );
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            mockClient.getVisibleRooms.mockClear();
+            mountForwardDialog();
+            expect(mockClient.getVisibleRooms).toHaveBeenCalledWith(true);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/IncomingSasDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/IncomingSasDialog-test.tsx
new file mode 100644
index 00000000000..8a361fc4317
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/IncomingSasDialog-test.tsx
@@ -0,0 +1,72 @@
+/*
+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 { act, render } from "jest-matrix-react";
+import React from "react";
+import { type Mocked } from "jest-mock";
+import {
+    type EmojiMapping,
+    type ShowSasCallbacks,
+    type Verifier,
+    VerifierEvent,
+    type VerifierEventHandlerMap,
+} from "matrix-js-sdk/src/crypto-api";
+import { TypedEventEmitter } from "matrix-js-sdk/src/matrix";
+
+import IncomingSasDialog from "../../../../../src/components/views/dialogs/IncomingSasDialog";
+import { stubClient } from "../../../../test-utils";
+
+describe("IncomingSasDialog", () => {
+    beforeEach(() => {
+        stubClient();
+    });
+
+    it("shows a spinner at first", () => {
+        const mockVerifier = makeMockVerifier();
+        const { container } = renderComponent(mockVerifier);
+        expect(container.getElementsByClassName("mx_Spinner").length).toBeTruthy();
+    });
+
+    it("should show some emojis once keys are exchanged", () => {
+        const mockVerifier = makeMockVerifier();
+        const { getAllByText } = renderComponent(mockVerifier);
+
+        // fire the ShowSas event
+        const sasEvent = makeMockSasCallbacks();
+        act(() => {
+            mockVerifier.emit(VerifierEvent.ShowSas, sasEvent);
+        });
+
+        expect(getAllByText("🦄")).toHaveLength(7);
+        expect(getAllByText("Unicorn")).toHaveLength(7);
+    });
+});
+
+function renderComponent(verifier: Verifier, onFinished = () => true) {
+    return render(<IncomingSasDialog verifier={verifier} onFinished={onFinished} />);
+}
+
+function makeMockVerifier(): Mocked<Verifier> {
+    const verifier = new TypedEventEmitter<VerifierEvent, VerifierEventHandlerMap>();
+    Object.assign(verifier, {
+        cancel: jest.fn(),
+    });
+    return verifier as unknown as Mocked<Verifier>;
+}
+
+function makeMockSasCallbacks(): ShowSasCallbacks {
+    const unicorn: EmojiMapping = ["🦄", "unicorn"];
+    return {
+        sas: {
+            emoji: Array.from<EmojiMapping>({ length: 7 }).map(() => unicorn),
+        },
+        cancel: jest.fn(),
+        confirm: jest.fn(),
+        mismatch: jest.fn(),
+    };
+}
diff --git a/apps/web/test/unit-tests/components/views/dialogs/IntegrationsDisabledDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/IntegrationsDisabledDialog-test.tsx
new file mode 100644
index 00000000000..e89e33f4cda
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/IntegrationsDisabledDialog-test.tsx
@@ -0,0 +1,46 @@
+/*
+ * 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 { fireEvent, render } from "jest-matrix-react";
+
+import { IntegrationsDisabledDialog } from "../../../../../src/components/views/dialogs/IntegrationsDisabledDialog.tsx";
+import defaultDispatcher from "../../../../../src/dispatcher/dispatcher.ts";
+import { Action } from "../../../../../src/dispatcher/actions.ts";
+import { UserTab } from "../../../../../src/components/views/dialogs/UserTab.ts";
+
+describe("<IntegrationsDisabledDialog />", () => {
+    const onFinished = jest.fn();
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    function renderComponent() {
+        return render(<IntegrationsDisabledDialog onFinished={onFinished} />);
+    }
+
+    it("should render as expected", () => {
+        const { asFragment } = renderComponent();
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it("should do nothing on clicking OK", () => {
+        const { getByText } = renderComponent();
+        fireEvent.click(getByText("OK"));
+        expect(onFinished).toHaveBeenCalled();
+    });
+    it("should open the correct user settings tab on clicking Settings", () => {
+        jest.spyOn(defaultDispatcher, "dispatch").mockImplementation(() => {});
+        const { getByText } = renderComponent();
+        fireEvent.click(getByText("Settings"));
+        expect(onFinished).toHaveBeenCalled();
+        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+            action: Action.ViewUserSettings,
+            initialTabId: UserTab.Security,
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/InteractiveAuthDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/InteractiveAuthDialog-test.tsx
new file mode 100644
index 00000000000..7354cde5294
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/InteractiveAuthDialog-test.tsx
@@ -0,0 +1,188 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+Copyright 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.
+*/
+
+import React from "react";
+import { fireEvent, render, screen, act } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+import { MatrixError } from "matrix-js-sdk/src/matrix";
+
+import InteractiveAuthDialog from "../../../../../src/components/views/dialogs/InteractiveAuthDialog";
+import { clearAllModals, flushPromises, getMockClientWithEventEmitter, unmockClientPeg } from "../../../../test-utils";
+
+describe("InteractiveAuthDialog", function () {
+    const homeserverUrl = "https://matrix.org";
+    const authUrl = "https://auth.com";
+    const mockClient = getMockClientWithEventEmitter({
+        generateClientSecret: jest.fn().mockReturnValue("t35tcl1Ent5ECr3T"),
+        getFallbackAuthUrl: jest.fn().mockReturnValue(authUrl),
+        getHomeserverUrl: jest.fn().mockReturnValue(homeserverUrl),
+    });
+
+    const defaultProps = {
+        matrixClient: mockClient,
+        makeRequest: jest.fn().mockResolvedValue(undefined),
+        onFinished: jest.fn(),
+    };
+
+    const renderComponent = (props = {}) => render(<InteractiveAuthDialog {...defaultProps} {...props} />);
+    const getPasswordField = () => screen.getByLabelText("Password");
+    const getSubmitButton = () => screen.getByRole("button", { name: "Continue" });
+
+    beforeEach(async function () {
+        jest.clearAllMocks();
+        mockClient.credentials = { userId: null };
+        await clearAllModals();
+    });
+
+    afterAll(async () => {
+        unmockClientPeg();
+        await clearAllModals();
+    });
+
+    it("Should successfully complete a password flow", async () => {
+        const onFinished = jest.fn();
+        const makeRequest = jest.fn().mockResolvedValue({ a: 1 });
+
+        mockClient.credentials = { userId: "@user:id" };
+        const authData = {
+            session: "sess",
+            flows: [{ stages: ["m.login.password"] }],
+        };
+
+        renderComponent({ makeRequest, onFinished, authData });
+
+        const passwordField = getPasswordField();
+        const submitButton = getSubmitButton();
+
+        expect(passwordField).toBeTruthy();
+        expect(submitButton).toBeTruthy();
+
+        // submit should be disabled
+        expect(submitButton).toBeDisabled();
+
+        // put something in the password box
+        await userEvent.type(passwordField, "s3kr3t");
+
+        expect(submitButton).not.toBeDisabled();
+
+        // hit enter; that should trigger a request
+        await userEvent.click(submitButton);
+
+        // wait for auth request to resolve
+        await flushPromises();
+
+        expect(makeRequest).toHaveBeenCalledTimes(1);
+        expect(makeRequest).toHaveBeenCalledWith(
+            expect.objectContaining({
+                session: "sess",
+                type: "m.login.password",
+                password: "s3kr3t",
+                identifier: {
+                    type: "m.id.user",
+                    user: "@user:id",
+                },
+            }),
+        );
+
+        expect(onFinished).toHaveBeenCalledTimes(1);
+        expect(onFinished).toHaveBeenCalledWith(true, { a: 1 });
+    });
+
+    describe("SSO flow", () => {
+        it("should close on cancel", () => {
+            const onFinished = jest.fn();
+            const makeRequest = jest.fn().mockResolvedValue({ a: 1 });
+
+            mockClient.credentials = { userId: "@user:id" };
+            const authData = {
+                session: "sess",
+                flows: [{ stages: ["m.login.sso"] }],
+            };
+
+            renderComponent({ makeRequest, onFinished, authData });
+
+            expect(screen.getByText("To continue, use Single Sign On to prove your identity.")).toBeInTheDocument();
+
+            fireEvent.click(screen.getByText("Cancel"));
+
+            expect(onFinished).toHaveBeenCalledWith(false, null);
+        });
+
+        it("should complete an sso flow", async () => {
+            jest.spyOn(global.window, "addEventListener");
+            // @ts-ignore
+            jest.spyOn(global.window, "open").mockImplementation(() => {});
+            const onFinished = jest.fn();
+            const successfulResult = { test: 1 };
+            const makeRequest = jest
+                .fn()
+                .mockRejectedValueOnce(new MatrixError({ flows: [{ stages: ["m.login.sso"] }] }, 401))
+                .mockResolvedValue(successfulResult);
+
+            mockClient.credentials = { userId: "@user:id" };
+            const authData = {
+                session: "sess",
+                flows: [{ stages: ["m.login.sso"] }],
+            };
+
+            renderComponent({ makeRequest, onFinished, authData });
+
+            await flushPromises();
+
+            expect(screen.getByText("To continue, use Single Sign On to prove your identity.")).toBeInTheDocument();
+            fireEvent.click(screen.getByText("Single Sign On"));
+
+            // no we're on the sso auth screen
+            expect(screen.getByText("Click the button below to confirm your identity.")).toBeInTheDocument();
+
+            // launch sso
+            fireEvent.click(screen.getByText("Confirm"));
+            expect(global.window.open).toHaveBeenCalledWith(authUrl, "_blank");
+
+            const onWindowReceiveMessageCall = mocked(window.addEventListener).mock.calls.find(
+                (args) => args[0] === "message",
+            );
+            expect(onWindowReceiveMessageCall).toBeTruthy();
+            // get the handle from SSO auth component
+            // so we can pretend sso auth was completed
+            const onWindowReceiveMessage = onWindowReceiveMessageCall![1];
+
+            // complete sso successfully
+            act(() => {
+                // @ts-ignore
+                onWindowReceiveMessage({ data: "authDone", origin: homeserverUrl });
+            });
+
+            // expect(makeRequest).toHaveBeenCalledWith({ session: authData.session })
+
+            // spinner displayed
+            expect(screen.getByRole("progressbar")).toBeInTheDocument();
+            // cancel/confirm buttons hidden while request in progress
+            expect(screen.queryByText("Confirm")).not.toBeInTheDocument();
+
+            await flushPromises();
+            await flushPromises();
+
+            // nothing in progress
+            expect(screen.queryByRole("progressbar")).not.toBeInTheDocument();
+
+            // auth completed, now make the request again with auth
+            fireEvent.click(screen.getByText("Confirm"));
+            // loading while making request
+            expect(screen.getByRole("progressbar")).toBeInTheDocument();
+
+            expect(makeRequest).toHaveBeenCalledTimes(2);
+
+            await flushPromises();
+
+            expect(onFinished).toHaveBeenCalledWith(true, successfulResult);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/InviteProgressBody-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/InviteProgressBody-test.tsx
new file mode 100644
index 00000000000..021a2fb6e7e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/InviteProgressBody-test.tsx
@@ -0,0 +1,18 @@
+/*
+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 } from "jest-matrix-react";
+
+import InviteProgressBody from "../../../../../src/components/views/dialogs/InviteProgressBody.tsx";
+
+describe("InviteProgressBody", () => {
+    it("should match snapshot", () => {
+        const { asFragment } = render(<InviteProgressBody />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/LeaveSpaceDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/LeaveSpaceDialog-test.tsx
new file mode 100644
index 00000000000..387af00d43c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/LeaveSpaceDialog-test.tsx
@@ -0,0 +1,50 @@
+/*
+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 { MatrixEvent, type RoomMember } from "matrix-js-sdk/src/matrix";
+
+import LeaveSpaceDialog from "../../../../../src/components/views/dialogs/LeaveSpaceDialog";
+import { createTestClient, mkStubRoom } from "../../../../test-utils";
+
+describe("LeaveSpaceDialog", () => {
+    it("should warn about not being able to rejoin non-public space", () => {
+        const mockClient = createTestClient();
+        const mockSpace = mkStubRoom("myfakeroom", "myfakeroom", mockClient) as any;
+        jest.spyOn(mockSpace.currentState, "getStateEvents").mockReturnValue(
+            new MatrixEvent({
+                type: "m.room.join_rules",
+                content: {
+                    join_rule: "invite",
+                },
+            }),
+        );
+
+        render(<LeaveSpaceDialog space={mockSpace} onFinished={jest.fn()} />);
+
+        expect(screen.getByText(/You won't be able to rejoin unless you are re-invited/)).toBeInTheDocument();
+    });
+
+    it("should warn if user is the only admin", () => {
+        const mockClient = createTestClient();
+        const mockSpace = mkStubRoom("myfakeroom", "myfakeroom", mockClient) as any;
+        jest.spyOn(mockSpace, "getJoinedMembers").mockReturnValue([
+            { powerLevel: 100 } as unknown as RoomMember,
+            { powerLevel: 0 } as unknown as RoomMember,
+        ]);
+        jest.spyOn(mockSpace, "getMember").mockReturnValue({
+            powerLevel: 100,
+        } as unknown as RoomMember);
+
+        render(<LeaveSpaceDialog space={mockSpace} onFinished={jest.fn()} />);
+
+        expect(
+            screen.getByText(/You're the only admin of this space. Leaving it will mean no one has control over it./),
+        ).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/LogoutDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/LogoutDialog-test.tsx
new file mode 100644
index 00000000000..bee68fb205d
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/LogoutDialog-test.tsx
@@ -0,0 +1,201 @@
+/*
+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 { mocked, type MockedObject } from "jest-mock-vitest-adapter";
+import { Device, DeviceVerification, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type CryptoApi, DeviceVerificationStatus, type KeyBackupInfo } from "matrix-js-sdk/src/crypto-api";
+import { fireEvent, render, type RenderResult, screen, waitFor } from "jest-matrix-react";
+
+import {
+    filterConsole,
+    getMockClientWithEventEmitter,
+    mockClientMethodsCrypto,
+    mockClientMethodsDevice,
+    mockClientMethodsUser,
+} from "../../../../test-utils";
+import LogoutDialog from "../../../../../src/components/views/dialogs/LogoutDialog";
+import dispatch from "../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../src/dispatcher/actions";
+import { UserTab } from "../../../../../src/components/views/dialogs/UserTab";
+
+describe("LogoutDialog", () => {
+    let mockClient: MockedObject<MatrixClient>;
+    let mockCrypto: MockedObject<CryptoApi>;
+
+    beforeEach(() => {
+        mockClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsCrypto(),
+            ...mockClientMethodsUser(),
+            ...mockClientMethodsDevice(),
+        });
+
+        mockCrypto = mocked(mockClient.getCrypto()!);
+        Object.assign(mockCrypto, {
+            getUserDeviceInfo: jest.fn().mockResolvedValue(new Map()),
+            getActiveSessionBackupVersion: jest.fn().mockResolvedValue(null),
+        });
+    });
+
+    function renderComponent(props: Partial<React.ComponentProps<typeof LogoutDialog>> = {}): RenderResult {
+        const onFinished = jest.fn();
+        return render(<LogoutDialog onFinished={onFinished} {...props} />);
+    }
+
+    it("shows a regular dialog when crypto is disabled", async () => {
+        mocked(mockClient.getCrypto).mockReturnValue(undefined);
+        const rendered = renderComponent();
+        await rendered.findByText("Are you sure you want to remove this device?");
+        expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("shows a regular dialog if backups and recovery are working", async () => {
+        mockCrypto.getActiveSessionBackupVersion.mockResolvedValue("1");
+        mockCrypto.isSecretStorageReady.mockResolvedValue(true);
+        const rendered = renderComponent();
+        await rendered.findByText("Are you sure you want to remove this device?");
+    });
+
+    it("shows a regular dialog if the user has another verified device", async () => {
+        const userId = mockClient.getUserId()!;
+        mockCrypto.getUserDeviceInfo.mockResolvedValue(
+            new Map([
+                [
+                    userId,
+                    new Map([
+                        [
+                            "otherDevice",
+                            new Device({
+                                deviceId: "otherDevice",
+                                userId: userId,
+                                algorithms: [],
+                                keys: new Map([["curve25519:otherDevice", "akey"]]),
+                                verified: DeviceVerification.Verified,
+                                dehydrated: false,
+                            }),
+                        ],
+                    ]),
+                ],
+            ]),
+        );
+        mockCrypto.getDeviceVerificationStatus.mockResolvedValue(new DeviceVerificationStatus({ signedByOwner: true }));
+
+        const rendered = renderComponent();
+        await rendered.findByText("Are you sure you want to remove this device?");
+    });
+
+    it("prompts user to set up recovery if backups are enabled but recovery isn't", async () => {
+        mockCrypto.getActiveSessionBackupVersion.mockResolvedValue("1");
+        mockCrypto.isSecretStorageReady.mockResolvedValue(false);
+        const rendered = renderComponent();
+        await rendered.findByText("You're about to lose access to your encrypted chats");
+    });
+
+    it("Prompts user to set up recovery if there is a backup on the server but no secret storage", async () => {
+        mockCrypto.getKeyBackupInfo.mockResolvedValue({} as KeyBackupInfo);
+        const rendered = renderComponent();
+        await rendered.findByText("Get recovery key");
+        expect(rendered.container).toMatchSnapshot();
+
+        jest.spyOn(dispatch, "dispatch");
+        fireEvent.click(await screen.findByRole("button", { name: "Get recovery key" }));
+        await waitFor(() =>
+            expect(dispatch.dispatch).toHaveBeenCalledWith({
+                action: Action.ViewUserSettings,
+                initialTabId: UserTab.Encryption,
+                props: {
+                    initialEncryptionState: "set_recovery_key",
+                },
+            }),
+        );
+    });
+
+    it("Prompts user to set up recovery if there is no backup on the server", async () => {
+        mockCrypto.getKeyBackupInfo.mockResolvedValue(null);
+        const rendered = renderComponent();
+        await rendered.findByText("Get recovery key");
+        expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("Prompts user to set up recovery if there is no backup on the server, and the user has other unverified/dehydrated devices", async () => {
+        const userId = mockClient.getUserId()!;
+        const testDeviceId = mockClient.getDeviceId()!;
+        mockCrypto.getUserDeviceInfo.mockResolvedValue(
+            new Map([
+                [
+                    userId,
+                    new Map([
+                        // the current device
+                        [
+                            testDeviceId,
+                            new Device({
+                                deviceId: testDeviceId,
+                                userId: userId,
+                                algorithms: [],
+                                keys: new Map([["curve25519:test-device-id", "akey"]]),
+                                verified: DeviceVerification.Verified,
+                                dehydrated: false,
+                            }),
+                        ],
+                        // a dehydrated device
+                        [
+                            "dehydratedDevice",
+                            new Device({
+                                deviceId: "otherDevice",
+                                userId: userId,
+                                algorithms: [],
+                                keys: new Map([["curve25519:dehydratedDevice", "akey"]]),
+                                verified: DeviceVerification.Verified,
+                                dehydrated: true,
+                            }),
+                        ],
+                        // an unverified device
+                        [
+                            "otherDevice",
+                            new Device({
+                                deviceId: "otherDevice",
+                                userId: userId,
+                                algorithms: [],
+                                keys: new Map([["curve25519:otherDevice", "akey"]]),
+                                verified: DeviceVerification.Unverified,
+                                dehydrated: false,
+                            }),
+                        ],
+                    ]),
+                ],
+            ]),
+        );
+        mockCrypto.getDeviceVerificationStatus.mockImplementation(async (_userId: string, deviceId: string) => {
+            switch (deviceId) {
+                case testDeviceId:
+                case "dehydratedDevice":
+                    return new DeviceVerificationStatus({ signedByOwner: true });
+                case "otherDevice":
+                    return new DeviceVerificationStatus({ signedByOwner: false });
+                default:
+                    throw new Error("Unknown device ID");
+            }
+        });
+
+        mockCrypto.getKeyBackupInfo.mockResolvedValue(null);
+        const rendered = renderComponent();
+        await rendered.findByText("Get recovery key");
+        expect(rendered.container).toMatchSnapshot();
+    });
+
+    describe("when there is an error fetching backups", () => {
+        filterConsole("Unable to fetch key backup status");
+        it("prompts user to go to settings", async () => {
+            mockCrypto.getKeyBackupInfo.mockImplementation(async () => {
+                throw new Error("beep");
+            });
+            const rendered = renderComponent();
+            await rendered.findByText("Get recovery key");
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/ManageRestrictedJoinRuleDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/ManageRestrictedJoinRuleDialog-test.tsx
new file mode 100644
index 00000000000..73dcd9b7b2d
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/ManageRestrictedJoinRuleDialog-test.tsx
@@ -0,0 +1,43 @@
+/*
+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 { Room } from "matrix-js-sdk/src/matrix";
+
+import { getMockClientWithEventEmitter, mockClientMethodsRooms, mockClientMethodsUser } from "../../../../test-utils";
+import ManageRestrictedJoinRuleDialog from "../../../../../src/components/views/dialogs/ManageRestrictedJoinRuleDialog";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+
+describe("<ManageRestrictedJoinRuleDialog />", () => {
+    const userId = "@alice:server.org";
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        ...mockClientMethodsRooms([]),
+    });
+    const room = new Room("!roomId:server", mockClient, userId);
+    mockClient.getRoom.mockReturnValue(room);
+    DMRoomMap.makeShared(mockClient);
+
+    const onFinished = jest.fn();
+    const getComponent = (props = {}) =>
+        render(<ManageRestrictedJoinRuleDialog room={room} onFinished={onFinished} {...props} />);
+
+    it("should render empty state", () => {
+        expect(getComponent().asFragment()).toMatchSnapshot();
+    });
+
+    it("should list spaces which are not parents of the room", () => {
+        const space1 = new Room("!space:server", mockClient, userId);
+        space1.name = "Other Space";
+        jest.spyOn(SDKContextClass.instance.spaceStore, "spacePanelSpaces", "get").mockReturnValue([space1]);
+
+        expect(getComponent().asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/ManualDeviceKeyVerificationDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/ManualDeviceKeyVerificationDialog-test.tsx
new file mode 100644
index 00000000000..14fbb69663f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/ManualDeviceKeyVerificationDialog-test.tsx
@@ -0,0 +1,189 @@
+/*
+ * Copyright 2024-2025 New Vector Ltd.
+ * Copyright 2023 The Matrix.org Foundation C.I.C.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { act, fireEvent, render, screen, waitFor } from "jest-matrix-react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { DeviceVerificationStatus } from "matrix-js-sdk/src/crypto-api";
+
+import { clearAllModals, stubClient } from "../../../../test-utils";
+import { ManualDeviceKeyVerificationDialog } from "../../../../../src/components/views/dialogs/ManualDeviceKeyVerificationDialog";
+
+describe("ManualDeviceKeyVerificationDialog", () => {
+    let mockClient: MatrixClient;
+
+    function renderDialog(onFinished: (confirm: boolean) => void) {
+        return render(<ManualDeviceKeyVerificationDialog onFinished={onFinished} />);
+    }
+
+    beforeEach(async () => {
+        mockClient = stubClient();
+        mockExistingDevices();
+        await clearAllModals();
+    });
+
+    it("should render correctly", () => {
+        // When we render a dialog populated with data
+        const { dialog } = populateDialog("XYZ", "ABCDEFGH");
+
+        // Then the dialog looks as expected
+        expect(dialog.asFragment()).toMatchSnapshot();
+    });
+
+    it("should call onFinished and crossSignDevice if we click Verify", async () => {
+        // Given a dialog populated with correct data
+        const { dialog, onFinished } = populateDialog("DEVICEID", "FINGERPRINT");
+
+        // When we click Verify session
+        dialog.getByRole("button", { name: "Verify session" }).click();
+
+        // Then crossSignDevice is called
+        await waitFor(async () => {
+            expect(onFinished).toHaveBeenCalledWith(true);
+            expect(mockClient.getCrypto()?.crossSignDevice).toHaveBeenCalledWith("DEVICEID");
+        });
+    });
+
+    it("should not call crossSignDevice if fingerprint is wrong", async () => {
+        // Given a dialog populated with incorrect fingerprint
+        const { dialog, onFinished } = populateDialog("DEVICEID", "WRONG_FINGERPRINT");
+
+        // When we click Verify session
+        act(() => dialog.getByRole("button", { name: "Verify session" }).click());
+
+        // Then crossSignDevice is not called
+        await waitFor(async () => {
+            expect(onFinished).toHaveBeenCalledWith(true);
+            expect(mockClient.getCrypto()?.crossSignDevice).not.toHaveBeenCalled();
+        });
+
+        // And an error is displayed
+        expect(
+            screen.getByText(
+                "the supplied fingerprint 'WRONG_FINGERPRINT' does not match the device fingerprint, 'FINGERPRINT'",
+                { exact: false },
+            ),
+        ).toBeVisible();
+    });
+
+    it("should not call crossSignDevice if device is already verified", async () => {
+        // Given a dialog populated with a correct fingerprint for a verified device
+        const { dialog, onFinished } = populateDialog("VERIFIED_DEVICEID", "VERIFIED_FINGERPRINT");
+
+        // When we click Verify session
+        act(() => dialog.getByRole("button", { name: "Verify session" }).click());
+
+        // Then crossSignDevice is not called
+        await waitFor(async () => {
+            expect(onFinished).toHaveBeenCalledWith(true);
+            expect(mockClient.getCrypto()?.crossSignDevice).not.toHaveBeenCalled();
+        });
+
+        // And an error is displayed
+        await expect(
+            screen.findByText("Failed to verify 'VERIFIED_DEVICEID': This device is already verified"),
+        ).resolves.toBeVisible();
+    });
+
+    it("should not call crossSignDevice if device is already verified and fingerprint is wrong", async () => {
+        // Given a dialog populated with an incorrect fingerprint for a verified device
+        const { dialog, onFinished } = populateDialog("VERIFIED_DEVICEID", "WRONG_FINGERPRINT");
+
+        // When we click Verify session
+        act(() => dialog.getByRole("button", { name: "Verify session" }).click());
+
+        // Then crossSignDevice is not called
+        await waitFor(async () => {
+            expect(onFinished).toHaveBeenCalledWith(true);
+            expect(mockClient.getCrypto()?.crossSignDevice).not.toHaveBeenCalled();
+        });
+
+        // And an error is displayed
+        expect(
+            screen.getByText("The supplied fingerprint does not match, but the device is already verified!", {
+                exact: false,
+            }),
+        ).toBeVisible();
+    });
+
+    it("should not call crossSignDevice if device is not found", async () => {
+        // Given a dialog populated with incorrect device ID
+        const { dialog, onFinished } = populateDialog("WRONG_DEVICE_ID", "FINGERPRINT");
+
+        // When we click Verify session
+        act(() => dialog.getByRole("button", { name: "Verify session" }).click());
+
+        // Then crossSignDevice is not called
+        await waitFor(async () => {
+            expect(onFinished).toHaveBeenCalledWith(true);
+            expect(mockClient.getCrypto()?.crossSignDevice).not.toHaveBeenCalled();
+        });
+
+        // And an error is displayed
+        expect(screen.getByText("device 'WRONG_DEVICE_ID' was not found", { exact: false })).toBeVisible();
+    });
+
+    it("should call onFinished but not crossSignDevice if we click Cancel", () => {
+        // Given a dialog populated with correct data
+        const { dialog, onFinished } = populateDialog("DEVICEID", "FINGERPRINT");
+
+        // When we click cancel
+        dialog.getByRole("button", { name: "Cancel" }).click();
+
+        // Then only onFinished is called
+        expect(onFinished).toHaveBeenCalledWith(false);
+        expect(mockClient.getCrypto()?.crossSignDevice).not.toHaveBeenCalled();
+    });
+
+    function unverifiedDevice(): DeviceVerificationStatus {
+        return new DeviceVerificationStatus({});
+    }
+
+    function verifiedDevice(): DeviceVerificationStatus {
+        return new DeviceVerificationStatus({
+            signedByOwner: true,
+            crossSigningVerified: true,
+            tofu: true,
+            localVerified: true,
+            trustCrossSignedDevices: true,
+        });
+    }
+
+    /**
+     * Set up two devices: DEVICEID, which is unverified, and VERIFIED_DEVICEID, which is verified.
+     */
+    function mockExistingDevices() {
+        mockClient.getCrypto()!.getDeviceVerificationStatus = jest
+            .fn()
+            .mockImplementation(async (_userId, deviceId) =>
+                deviceId === "DEVICEID" ? unverifiedDevice() : verifiedDevice(),
+            );
+
+        mockClient.getCrypto()!.getUserDeviceInfo = jest.fn().mockImplementation(async (userIds) => {
+            const userDevices = new Map();
+            userDevices.set("DEVICEID", { getFingerprint: jest.fn().mockReturnValue("FINGERPRINT") });
+            userDevices.set("VERIFIED_DEVICEID", { getFingerprint: jest.fn().mockReturnValue("VERIFIED_FINGERPRINT") });
+
+            const deviceMap = new Map();
+            for (const userId of userIds) {
+                deviceMap.set(userId, userDevices);
+            }
+            return deviceMap;
+        });
+    }
+
+    function populateDialog(deviceId: string, fingerprint: string) {
+        const onFinished = jest.fn();
+        const dialog = renderDialog(onFinished);
+        const deviceIdBox = dialog.getByRole("textbox", { name: "Device ID" });
+        const fingerprintBox = dialog.getByRole("textbox", { name: "Fingerprint (session key)" });
+        fireEvent.change(deviceIdBox, { target: { value: deviceId } });
+        fireEvent.change(fingerprintBox, { target: { value: fingerprint } });
+        return { dialog, onFinished };
+    }
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/MessageEditHistoryDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/MessageEditHistoryDialog-test.tsx
new file mode 100644
index 00000000000..375b9f3f8fd
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/MessageEditHistoryDialog-test.tsx
@@ -0,0 +1,82 @@
+/*
+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, type RenderResult, waitForElementToBeRemoved } from "jest-matrix-react";
+import { EventType, MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+import { flushPromises, mkMessage, stubClient } from "../../../../test-utils";
+import MessageEditHistoryDialog from "../../../../../src/components/views/dialogs/MessageEditHistoryDialog";
+import { SDKContext } from "../../../../../src/contexts/SDKContext";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass";
+
+describe("<MessageEditHistory />", () => {
+    const roomId = "!aroom:example.com";
+    let client: jest.Mocked<MatrixClient>;
+    let sdkContext: SDKContextClass;
+    let event: MatrixEvent;
+
+    beforeEach(() => {
+        client = stubClient() as jest.Mocked<MatrixClient>;
+        event = mkMessage({
+            event: true,
+            user: "@user:example.com",
+            room: "!room:example.com",
+            msg: "My Great Message",
+        });
+        sdkContext = new SDKContextClass();
+    });
+
+    async function renderComponent(): Promise<RenderResult> {
+        const result = render(<MessageEditHistoryDialog mxEvent={event} onFinished={jest.fn()} />, {
+            wrapper: ({ children }) => <SDKContext.Provider value={sdkContext}>{children}</SDKContext.Provider>,
+        });
+        await waitForElementToBeRemoved(() => result.queryByRole("progressbar"));
+        await flushPromises();
+        return result;
+    }
+
+    function mockEdits(...edits: { msg: string; ts?: number }[]) {
+        client.relations.mockImplementation(() =>
+            Promise.resolve({
+                events: edits.map(
+                    (e) =>
+                        new MatrixEvent({
+                            type: EventType.RoomMessage,
+                            room_id: roomId,
+                            origin_server_ts: e.ts ?? 0,
+                            content: {
+                                body: e.msg,
+                            },
+                        }),
+                ),
+            }),
+        );
+    }
+
+    it("should match the snapshot", async () => {
+        mockEdits({ msg: "My Great Massage", ts: 1234 });
+
+        const { container } = await renderComponent();
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should support events with", async () => {
+        mockEdits(
+            { msg: "My Great Massage", ts: undefined },
+            { msg: "My Great Massage?", ts: undefined },
+            { msg: "My Great Missage", ts: undefined },
+        );
+
+        const { container } = await renderComponent();
+
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/ModalWidgetDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/ModalWidgetDialog-test.tsx
new file mode 100644
index 00000000000..e72712ec31a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/ModalWidgetDialog-test.tsx
@@ -0,0 +1,56 @@
+/*
+Copyright 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { fireEvent, render } from "jest-matrix-react";
+import { ClientWidgetApi, MatrixWidgetType } from "matrix-widget-api";
+import React from "react";
+import { TooltipProvider } from "@vector-im/compound-web";
+import { mocked } from "jest-mock";
+import { findLast, last } from "lodash";
+
+import ModalWidgetDialog from "../../../../../src/components/views/dialogs/ModalWidgetDialog";
+import { stubClient } from "../../../../test-utils";
+import defaultDispatcher from "../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../src/dispatcher/actions";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+
+jest.mock("matrix-widget-api", () => ({
+    ...jest.requireActual("matrix-widget-api"),
+    ClientWidgetApi: (jest.createMockFromModule("matrix-widget-api") as any).ClientWidgetApi,
+}));
+
+describe("ModalWidgetDialog", () => {
+    it("informs the widget of theme changes", () => {
+        stubClient();
+        let theme = "light";
+        const settingsSpy = jest
+            .spyOn(SettingsStore, "getValue")
+            .mockImplementation((name) => (name === "theme" ? theme : null));
+        try {
+            render(
+                <TooltipProvider>
+                    <ModalWidgetDialog
+                        widgetDefinition={{ type: MatrixWidgetType.Custom, url: "https://example.org" }}
+                        sourceWidgetId=""
+                        onFinished={() => {}}
+                    />
+                </TooltipProvider>,
+            );
+            // Indicate that the widget is loaded and ready
+            fireEvent.load(document.getElementsByTagName("iframe").item(0)!);
+            const messaging = mocked(last(mocked(ClientWidgetApi).mock.instances)!);
+            findLast(messaging.once.mock.calls, ([eventName]) => eventName === "ready")![1]();
+
+            // Now change the theme
+            theme = "dark";
+            defaultDispatcher.dispatch({ action: Action.RecheckTheme }, true);
+            expect(messaging.updateTheme).toHaveBeenLastCalledWith({ name: "dark" });
+        } finally {
+            settingsSpy.mockRestore();
+        }
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/RemoveSectionDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/RemoveSectionDialog-test.tsx
new file mode 100644
index 00000000000..5bc664e9891
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/RemoveSectionDialog-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, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import React from "react";
+
+import { RemoveSectionDialog } from "../../../../../src/components/views/dialogs/RemoveSectionDialog";
+
+describe("RemoveSectionDialog", () => {
+    const onFinished: jest.Mock = jest.fn();
+
+    beforeEach(() => {
+        jest.resetAllMocks();
+    });
+
+    it("renders the dialog when section is not empty", () => {
+        const { container } = render(<RemoveSectionDialog onFinished={onFinished} isEmpty={false} />);
+        expect(container).toMatchSnapshot();
+        expect(
+            screen.getByText("The chats in this section will still be available in your chats list."),
+        ).toBeInTheDocument();
+    });
+
+    it("renders the dialog when section is empty", () => {
+        const { container } = render(<RemoveSectionDialog onFinished={onFinished} isEmpty={true} />);
+        expect(container).toMatchSnapshot();
+        expect(
+            screen.queryByText("The chats in this section will still be available in your chats list."),
+        ).not.toBeInTheDocument();
+    });
+
+    it("calls onFinished with true when remove section is clicked", async () => {
+        render(<RemoveSectionDialog onFinished={onFinished} isEmpty={false} />);
+        await userEvent.click(screen.getByRole("button", { name: "Remove section" }));
+        expect(onFinished).toHaveBeenCalledWith(true);
+    });
+
+    it("calls onFinished with false when the dialog is cancelled", async () => {
+        render(<RemoveSectionDialog onFinished={onFinished} isEmpty={false} />);
+        await userEvent.click(screen.getByRole("button", { name: "Cancel" }));
+        expect(onFinished).toHaveBeenCalledWith(false);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/ReportRoomDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/ReportRoomDialog-test.tsx
new file mode 100644
index 00000000000..089a9d268a0
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/ReportRoomDialog-test.tsx
@@ -0,0 +1,72 @@
+/*
+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 { render } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import React from "react";
+
+import { ReportRoomDialog } from "../../../../../src/components/views/dialogs/ReportRoomDialog";
+import SdkConfig from "../../../../../src/SdkConfig";
+import { stubClient } from "../../../../test-utils";
+
+const ROOM_ID = "!foo:bar";
+const REASON = "This room is bad!";
+
+describe("ReportRoomDialog", () => {
+    const onFinished: jest.Mock = jest.fn();
+    const reportRoom: jest.Mock = jest.fn();
+    beforeEach(() => {
+        jest.resetAllMocks();
+        const client = stubClient();
+        client.reportRoom = reportRoom;
+
+        SdkConfig.put({
+            report_event: {
+                admin_message_md: `
+# You should know
+
+This doesn't actually go **anywhere**.`,
+            },
+        });
+    });
+
+    afterEach(() => {
+        SdkConfig.reset();
+    });
+
+    it("can close the dialog", async () => {
+        const { getByTestId } = render(<ReportRoomDialog roomId={ROOM_ID} onFinished={onFinished} />);
+        await userEvent.click(getByTestId("dialog-cancel-button"));
+        expect(onFinished).toHaveBeenCalledWith(false);
+    });
+
+    it("displays admin message", async () => {
+        const { container } = render(<ReportRoomDialog roomId={ROOM_ID} onFinished={onFinished} />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("can submit a report without leaving the room", async () => {
+        const { getByLabelText, getByRole } = render(<ReportRoomDialog roomId={ROOM_ID} onFinished={onFinished} />);
+
+        await userEvent.type(getByLabelText("Describe the reason"), REASON);
+        await userEvent.click(getByRole("button", { name: "Send report" }));
+
+        expect(reportRoom).toHaveBeenCalledWith(ROOM_ID, REASON);
+        expect(onFinished).toHaveBeenCalledWith(false);
+    });
+
+    it("can submit a report and leave the room", async () => {
+        const { getByLabelText, getByRole } = render(<ReportRoomDialog roomId={ROOM_ID} onFinished={onFinished} />);
+
+        await userEvent.type(getByLabelText("Describe the reason"), REASON);
+        await userEvent.click(getByRole("switch", { name: "Leave room" }));
+        await userEvent.click(getByRole("button", { name: "Send report" }));
+
+        expect(reportRoom).toHaveBeenCalledWith(ROOM_ID, REASON);
+        expect(onFinished).toHaveBeenCalledWith(true);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/RoomSettingsDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/RoomSettingsDialog-test.tsx
new file mode 100644
index 00000000000..d9f8dd65dda
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/RoomSettingsDialog-test.tsx
@@ -0,0 +1,188 @@
+/*
+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 { fireEvent, render, screen, waitFor } from "jest-matrix-react";
+import {
+    EventTimeline,
+    EventType,
+    JoinRule,
+    MatrixEvent,
+    Room,
+    RoomStateEvent,
+    Visibility,
+} from "matrix-js-sdk/src/matrix";
+
+import { getMockClientWithEventEmitter, mockClientMethodsUser } from "../../../../test-utils";
+import RoomSettingsDialog from "../../../../../src/components/views/dialogs/RoomSettingsDialog";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { UIFeature } from "../../../../../src/settings/UIFeature";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { TestSDKContext } from "../../../TestSDKContext.ts";
+
+describe("<RoomSettingsDialog />", () => {
+    const userId = "@alice:server.org";
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        isRoomEncrypted: jest.fn().mockReturnValue(false),
+        getRoom: jest.fn(),
+        getDomain: jest.fn().mockReturnValue("server.org"),
+        getLocalAliases: jest.fn().mockResolvedValue({ aliases: [] }),
+        getRoomDirectoryVisibility: jest.fn().mockResolvedValue({ visibility: Visibility.Private }),
+        getOrCreateFilter: jest.fn(),
+    });
+
+    const roomId = "!room:server.org";
+    const room = new Room(roomId, mockClient, userId);
+    room.name = "Test Room";
+    const room2 = new Room("!room2:server.org", mockClient, userId);
+    room2.name = "Another Room";
+
+    let sdkContext: TestSDKContext;
+
+    jest.spyOn(SettingsStore, "getValue");
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+
+        mockClient.getRoom.mockImplementation((roomId) => {
+            if (roomId === room.roomId) return room;
+            if (roomId === room2.roomId) return room2;
+            return null;
+        });
+
+        sdkContext = new TestSDKContext();
+        sdkContext._client = mockClient;
+
+        jest.spyOn(SettingsStore, "getValue").mockReset().mockReturnValue(false);
+
+        const dmRoomMap = {
+            getUserIdForRoomId: jest.fn(),
+        } as unknown as DMRoomMap;
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+    });
+
+    const getComponent = (onFinished = jest.fn(), propRoomId = roomId) =>
+        render(<RoomSettingsDialog roomId={propRoomId} onFinished={onFinished} sdkContext={sdkContext} />, {
+            wrapper: ({ children }) => (
+                <MatrixClientContext.Provider value={mockClient}>{children}</MatrixClientContext.Provider>
+            ),
+        });
+
+    it("catches errors when room is not found", () => {
+        getComponent(undefined, "!room-that-does-not-exist");
+        expect(screen.getByText("Something went wrong!")).toBeInTheDocument();
+    });
+
+    it("updates when roomId prop changes", () => {
+        const { rerender, getByText } = getComponent(undefined, roomId);
+
+        expect(getByText(`Room Settings - ${room.name}`)).toBeInTheDocument();
+
+        rerender(<RoomSettingsDialog roomId={room2.roomId} onFinished={jest.fn()} sdkContext={sdkContext} />);
+
+        expect(getByText(`Room Settings - ${room2.name}`)).toBeInTheDocument();
+    });
+
+    describe("Settings tabs", () => {
+        it("renders default tabs correctly", () => {
+            const { container } = getComponent();
+            expect(container.querySelectorAll(".mx_TabbedView_tabLabel")).toMatchSnapshot();
+        });
+
+        describe("people settings tab", () => {
+            it("does not render when disabled and room join rule is not knock", () => {
+                jest.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Invite);
+                getComponent();
+                expect(screen.queryByTestId("settings-tab-ROOM_PEOPLE_TAB")).not.toBeInTheDocument();
+            });
+
+            it("does not render when disabled and room join rule is knock", () => {
+                jest.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Knock);
+                getComponent();
+                expect(screen.queryByTestId("settings-tab-ROOM_PEOPLE_TAB")).not.toBeInTheDocument();
+            });
+
+            it("does not render when enabled and room join rule is not knock", () => {
+                jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                    (setting) => setting === "feature_ask_to_join",
+                );
+                jest.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Invite);
+                getComponent();
+                expect(screen.queryByTestId("settings-tab-ROOM_PEOPLE_TAB")).not.toBeInTheDocument();
+            });
+
+            it("renders when enabled and room join rule is knock", () => {
+                jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                    (setting) => setting === "feature_ask_to_join",
+                );
+                jest.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Knock);
+                getComponent();
+                expect(screen.getByTestId("settings-tab-ROOM_PEOPLE_TAB")).toBeInTheDocument();
+            });
+
+            it("re-renders on room join rule changes", async () => {
+                jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                    (setting) => setting === "feature_ask_to_join",
+                );
+                jest.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Knock);
+                getComponent();
+                jest.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Invite);
+                mockClient.emit(
+                    RoomStateEvent.Events,
+                    new MatrixEvent({ content: {}, type: EventType.RoomJoinRules }),
+                    room.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+                    null,
+                );
+                await waitFor(() =>
+                    expect(screen.queryByTestId("settings-tab-ROOM_PEOPLE_TAB")).not.toBeInTheDocument(),
+                );
+            });
+        });
+
+        it("always renders voip settings tab when enabled", () => {
+            getComponent();
+            expect(screen.getByTestId("settings-tab-ROOM_VOIP_TAB")).toBeInTheDocument();
+        });
+
+        it("renders bridges settings tab when enabled", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "feature_bridge_state",
+            );
+            getComponent();
+            expect(screen.getByTestId("settings-tab-ROOM_BRIDGES_TAB")).toBeInTheDocument();
+        });
+
+        it("renders advanced settings tab when enabled", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === UIFeature.AdvancedSettings,
+            );
+            getComponent();
+            expect(screen.getByTestId("settings-tab-ROOM_ADVANCED_TAB")).toBeInTheDocument();
+        });
+    });
+
+    describe("poll history", () => {
+        beforeEach(() => {
+            mockClient.getOrCreateFilter.mockResolvedValue("filterId");
+        });
+        it("renders poll history tab", () => {
+            getComponent();
+            expect(screen.getByTestId("settings-tab-ROOM_POLL_HISTORY_TAB")).toBeInTheDocument();
+        });
+
+        it("displays poll history when tab clicked", () => {
+            const { container } = getComponent();
+
+            fireEvent.click(screen.getByText("Polls"));
+
+            expect(container.querySelector(".mx_SettingsTab")).toMatchSnapshot();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/ServerPickerDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/ServerPickerDialog-test.tsx
new file mode 100644
index 00000000000..1758468c93e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/ServerPickerDialog-test.tsx
@@ -0,0 +1,261 @@
+/*
+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 { fireEvent, render, screen } from "jest-matrix-react";
+import fetchMock from "@fetch-mock/jest";
+
+import ServerPickerDialog from "../../../../../src/components/views/dialogs/ServerPickerDialog";
+import SdkConfig from "../../../../../src/SdkConfig";
+import { flushPromises } from "../../../../test-utils";
+import { type ValidatedServerConfig } from "../../../../../src/utils/ValidatedServerConfig";
+
+/** The matrix versions our mock server claims to support */
+const SERVER_SUPPORTED_MATRIX_VERSIONS = ["v1.1", "v1.5", "v1.6", "v1.8", "v1.9"];
+
+describe("<ServerPickerDialog />", () => {
+    const defaultServerConfig = {
+        hsUrl: "https://matrix.org",
+        hsName: "matrix.org",
+        hsNameIsDifferent: true,
+        isUrl: "https://is.org",
+        isDefault: true,
+        isNameResolvable: true,
+        warning: "",
+    };
+    const wkHsUrl = "https://hsbaseurlfrom.wk";
+    const wkIsUrl = "https://isbaseurlfrom.wk";
+    const validWellKnown = {
+        "m.homeserver": {
+            base_url: wkHsUrl,
+        },
+        "m.identity_server": {
+            base_url: wkIsUrl,
+        },
+    };
+    const defaultProps = {
+        serverConfig: defaultServerConfig,
+        onFinished: jest.fn(),
+    };
+    const getComponent = (
+        props: Partial<{
+            onFinished: any;
+            serverConfig: ValidatedServerConfig;
+        }> = {},
+    ) => render(<ServerPickerDialog {...defaultProps} {...props} />);
+
+    beforeEach(() => {
+        SdkConfig.add({
+            validated_server_config: defaultServerConfig,
+        });
+
+        fetchMock.clearHistory();
+        fetchMock.catch({
+            status: 404,
+            body: '{"errcode": "M_UNRECOGNIZED", "error": "Unrecognized request"}',
+            headers: { "content-type": "application/json" },
+        });
+    });
+
+    it("should render dialog", () => {
+        const { container } = getComponent();
+        expect(container).toMatchSnapshot();
+    });
+
+    // checkbox and text input have the same aria-label
+    const getOtherHomeserverCheckBox = () =>
+        screen.getAllByLabelText("Other homeserver").find((node) => node.getAttribute("type") === "radio")!;
+    const getOtherHomeserverInput = () =>
+        screen.getAllByLabelText("Other homeserver").find((node) => node.getAttribute("type") === "text")!;
+
+    describe("when default server config is selected", () => {
+        it("should select other homeserver field on open", () => {
+            getComponent();
+            expect(getOtherHomeserverCheckBox()).toBeChecked();
+            // empty field
+            expect(getOtherHomeserverInput()).toHaveDisplayValue("");
+        });
+
+        it("should display an error when trying to continue with an empty homeserver field", async () => {
+            const onFinished = jest.fn();
+            const { container } = getComponent({ onFinished });
+
+            fireEvent.click(screen.getByText("Continue"));
+
+            await flushPromises();
+
+            // error on field
+            expect(container.querySelector(".mx_ServerPickerDialog_otherHomeserver.mx_Field_invalid")).toBeTruthy();
+
+            // didn't close dialog
+            expect(onFinished).not.toHaveBeenCalled();
+        });
+
+        it("should close when selecting default homeserver and clicking continue", async () => {
+            const onFinished = jest.fn();
+            getComponent({ onFinished });
+
+            fireEvent.click(screen.getByTestId("defaultHomeserver"));
+            expect(screen.getByTestId("defaultHomeserver")).toBeChecked();
+
+            fireEvent.click(screen.getByText("Continue"));
+
+            // closed dialog with default server
+            expect(onFinished).toHaveBeenCalledWith(defaultServerConfig);
+        });
+
+        it("should allow user to revert from a custom server to the default", async () => {
+            fetchMock.get(`https://custom.org/_matrix/client/versions`, {
+                unstable_features: {},
+                versions: SERVER_SUPPORTED_MATRIX_VERSIONS,
+            });
+
+            const onFinished = jest.fn();
+            const serverConfig = {
+                hsUrl: "https://custom.org",
+                hsName: "custom.org",
+                hsNameIsDifferent: true,
+                isUrl: "https://is.org",
+                isDefault: false,
+                isNameResolvable: true,
+                warning: "",
+            };
+            getComponent({ onFinished, serverConfig });
+
+            fireEvent.click(screen.getByTestId("defaultHomeserver"));
+            expect(screen.getByTestId("defaultHomeserver")).toBeChecked();
+
+            fireEvent.click(screen.getByText("Continue"));
+            await flushPromises();
+
+            // closed dialog with default server and nothing else
+            expect(onFinished).toHaveBeenCalledWith(defaultServerConfig);
+            expect(onFinished).toHaveBeenCalledTimes(1);
+        });
+
+        it("should submit successfully with a valid custom homeserver", async () => {
+            const homeserver = "https://myhomeserver.site";
+            fetchMock.get(`${homeserver}/_matrix/client/versions`, {
+                unstable_features: {},
+                versions: SERVER_SUPPORTED_MATRIX_VERSIONS,
+            });
+            const onFinished = jest.fn();
+            getComponent({ onFinished });
+
+            fireEvent.change(getOtherHomeserverInput(), { target: { value: homeserver } });
+            expect(getOtherHomeserverInput()).toHaveDisplayValue(homeserver);
+
+            fireEvent.click(screen.getByText("Continue"));
+
+            // validation on submit is async
+            await flushPromises();
+
+            // closed dialog with validated custom server
+            expect(onFinished).toHaveBeenCalledWith({
+                hsName: "myhomeserver.site",
+                hsUrl: homeserver,
+                hsNameIsDifferent: false,
+                warning: null,
+                isDefault: false,
+                isNameResolvable: false,
+                isUrl: defaultServerConfig.isUrl,
+            });
+        });
+
+        describe("validates custom homeserver", () => {
+            it("should lookup .well-known for homeserver without protocol", async () => {
+                const homeserver = "myhomeserver1.site";
+                const wellKnownUrl = `https://${homeserver}/.well-known/matrix/client`;
+                fetchMock.get(wellKnownUrl, {});
+                getComponent();
+
+                fireEvent.change(getOtherHomeserverInput(), { target: { value: homeserver } });
+                expect(getOtherHomeserverInput()).toHaveDisplayValue(homeserver);
+                // trigger validation
+                fireEvent.blur(getOtherHomeserverInput());
+
+                // validation on submit is async
+                await flushPromises();
+
+                expect(fetchMock).toHaveFetched(wellKnownUrl);
+            });
+
+            it("should submit using validated config from a valid .well-known", async () => {
+                const homeserver = "myhomeserver2.site";
+                const wellKnownUrl = `https://${homeserver}/.well-known/matrix/client`;
+
+                // urls from homeserver well-known
+                const versionsUrl = `${wkHsUrl}/_matrix/client/versions`;
+                const isWellKnownUrl = `${wkIsUrl}/_matrix/identity/v2`;
+
+                fetchMock.getOnce(wellKnownUrl, validWellKnown);
+                fetchMock.getOnce(versionsUrl, {
+                    versions: SERVER_SUPPORTED_MATRIX_VERSIONS,
+                });
+                fetchMock.getOnce(isWellKnownUrl, {});
+                const onFinished = jest.fn();
+                getComponent({ onFinished });
+
+                fireEvent.change(getOtherHomeserverInput(), { target: { value: homeserver } });
+                fireEvent.click(screen.getByText("Continue"));
+
+                // validation on submit is async
+                await flushPromises();
+
+                expect(fetchMock).toHaveFetched(wellKnownUrl);
+                // fetched using urls from .well-known
+                expect(fetchMock).toHaveFetched(versionsUrl);
+                expect(fetchMock).toHaveFetched(isWellKnownUrl);
+
+                expect(onFinished).toHaveBeenCalledWith({
+                    hsName: homeserver,
+                    hsUrl: wkHsUrl,
+                    hsNameIsDifferent: true,
+                    warning: null,
+                    isDefault: false,
+                    isNameResolvable: true,
+                    isUrl: wkIsUrl,
+                });
+
+                await flushPromises();
+            });
+
+            it("should fall back to static config when well-known lookup fails", async () => {
+                const homeserver = "myhomeserver3.site";
+                // this server returns 404 for well-known
+                const wellKnownUrl = `https://${homeserver}/.well-known/matrix/client`;
+                fetchMock.get(wellKnownUrl, { status: 404 });
+                // but is otherwise live (happy versions response)
+                fetchMock.get(`https://${homeserver}/_matrix/client/versions`, {
+                    versions: SERVER_SUPPORTED_MATRIX_VERSIONS,
+                });
+                const onFinished = jest.fn();
+                getComponent({ onFinished });
+
+                fireEvent.change(getOtherHomeserverInput(), { target: { value: homeserver } });
+                fireEvent.click(screen.getByText("Continue"));
+
+                // validation on submit is async
+                await flushPromises();
+
+                expect(fetchMock).toHaveFetched(wellKnownUrl);
+                expect(fetchMock).toHaveFetched(`https://${homeserver}/_matrix/client/versions`);
+
+                expect(onFinished).toHaveBeenCalledWith({
+                    hsName: homeserver,
+                    hsUrl: "https://" + homeserver,
+                    hsNameIsDifferent: false,
+                    warning: null,
+                    isDefault: false,
+                    isNameResolvable: false,
+                    isUrl: defaultServerConfig.isUrl,
+                });
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/ShareDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/ShareDialog-test.tsx
new file mode 100644
index 00000000000..f4c4154cf00
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/ShareDialog-test.tsx
@@ -0,0 +1,145 @@
+/*
+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.
+*/
+
+import React from "react";
+import { type MatrixClient, MatrixEvent, Room, RoomMember } from "matrix-js-sdk/src/matrix";
+import { render, screen, act } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { waitFor } from "@testing-library/dom";
+
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { ShareDialog } from "../../../../../src/components/views/dialogs/ShareDialog";
+import { UIFeature } from "../../../../../src/settings/UIFeature";
+import { stubClient, withClientContextRenderOptions } from "../../../../test-utils";
+import * as StringsModule from "../../../../../src/utils/strings";
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks.ts";
+
+describe("ShareDialog", () => {
+    let client: MatrixClient;
+    let room: Room;
+    const copyTextFunc = jest.fn();
+
+    beforeEach(async () => {
+        client = stubClient();
+        room = new Room("!1:example.org", client, "@alice:example.org");
+        jest.spyOn(StringsModule, "copyPlaintext").mockImplementation(copyTextFunc);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+        copyTextFunc.mockClear();
+    });
+
+    function renderComponent(target: Room | RoomMember | URL) {
+        return render(<ShareDialog target={target} onFinished={jest.fn()} />, withClientContextRenderOptions(client));
+    }
+
+    const getUrl = () => new URL("https://matrix.org/");
+    const getRoomMember = () => new RoomMember(room.roomId, "@alice:example.org");
+
+    test.each([
+        { name: "an URL", title: "Share Link", url: "https://matrix.org/", getTarget: getUrl },
+        {
+            name: "a room member",
+            title: "Share User",
+            url: "https://matrix.to/#/@alice:example.org",
+            getTarget: getRoomMember,
+        },
+    ])("should render a share dialog for $name", async ({ title, url, getTarget }) => {
+        const { asFragment } = renderComponent(getTarget());
+
+        expect(screen.getByRole("heading", { name: title })).toBeInTheDocument();
+        expect(screen.getByText(url)).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+
+        await userEvent.click(screen.getByRole("button", { name: "Copy link" }));
+        expect(copyTextFunc).toHaveBeenCalledWith(url);
+    });
+
+    it("should render a share dialog for a room", async () => {
+        const expectedURL = "https://matrix.to/#/!1:example.org";
+        jest.spyOn(room.getLiveTimeline(), "getEvents").mockReturnValue([new MatrixEvent({ event_id: "!eventId" })]);
+
+        const { asFragment } = renderComponent(room);
+        expect(screen.getByRole("heading", { name: "Share Room" })).toBeInTheDocument();
+        expect(screen.getByText(expectedURL)).toBeInTheDocument();
+        expect(screen.getByRole("checkbox", { name: "Link to most recent message" })).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+
+        await userEvent.click(screen.getByRole("button", { name: "Copy link" }));
+        expect(copyTextFunc).toHaveBeenCalledWith(expectedURL);
+
+        // Click on the checkbox to link to the most recent message
+        await userEvent.click(screen.getByRole("checkbox", { name: "Link to most recent message" }));
+        const newExpectedURL = "https://matrix.to/#/!1:example.org/!eventId";
+        expect(screen.getByText(newExpectedURL)).toBeInTheDocument();
+    });
+
+    it("should render a share dialog for a matrix event", async () => {
+        const matrixEvent = new MatrixEvent({ event_id: "!eventId" });
+        const permalinkCreator = new RoomPermalinkCreator(room);
+        const expectedURL = "https://matrix.to/#/!1:example.org/!eventId";
+
+        const { asFragment } = render(
+            <ShareDialog target={matrixEvent} permalinkCreator={permalinkCreator} onFinished={jest.fn()} />,
+            withClientContextRenderOptions(client),
+        );
+        expect(screen.getByRole("heading", { name: "Share Room Message" })).toBeInTheDocument();
+        expect(screen.getByText(expectedURL)).toBeInTheDocument();
+        expect(screen.getByRole("checkbox", { name: "Link to selected message" })).toBeChecked();
+        expect(asFragment()).toMatchSnapshot();
+
+        await userEvent.click(screen.getByRole("button", { name: "Copy link" }));
+        expect(copyTextFunc).toHaveBeenCalledWith(expectedURL);
+
+        // Click on the checkbox to link to the room
+        await userEvent.click(screen.getByRole("checkbox", { name: "Link to selected message" }));
+        expect(screen.getByText("https://matrix.to/#/!1:example.org")).toBeInTheDocument();
+    });
+
+    it("should change the copy button text when clicked", async () => {
+        jest.useFakeTimers();
+        const user = userEvent.setup({ advanceTimers: jest.advanceTimersByTime });
+        // To not be bother with rtl warnings about QR code state update
+        jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+
+        renderComponent(room);
+        await user.click(screen.getByRole("button", { name: "Copy link" }));
+        // Move after `copyPlaintext`
+        await jest.advanceTimersToNextTimerAsync();
+        expect(screen.getByRole("button", { name: "Link copied" })).toBeInTheDocument();
+
+        // 2 sec after the button should be back to normal
+        act(() => jest.advanceTimersByTime(2000));
+        await waitFor(() => expect(screen.getByRole("button", { name: "Copy link" })).toBeInTheDocument());
+    });
+
+    it("should not render the QR code if disabled", () => {
+        const originalGetValue = SettingsStore.getValue;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((feature) => {
+            if (feature === UIFeature.ShareQRCode) return false;
+            return originalGetValue(feature);
+        });
+
+        const { asFragment } = renderComponent(room);
+        expect(screen.queryByRole("img", { name: "QR code" })).toBeNull();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should not render the socials if disabled", () => {
+        const originalGetValue = SettingsStore.getValue;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((feature) => {
+            if (feature === UIFeature.ShareSocial) return false;
+            return originalGetValue(feature);
+        });
+
+        const { asFragment } = renderComponent(room);
+        expect(screen.queryByRole("link", { name: "Reddit" })).toBeNull();
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/SlashCommandHelpDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/SlashCommandHelpDialog-test.tsx
new file mode 100644
index 00000000000..c57c0b7503b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/SlashCommandHelpDialog-test.tsx
@@ -0,0 +1,90 @@
+/*
+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 SlashCommandHelpDialog from "../../../../../src/components/views/dialogs/SlashCommandHelpDialog";
+import { stubClient } from "../../../../test-utils";
+import { Command } from "../../../../../src/slash-commands/command";
+import { CommandCategories } from "../../../../../src/slash-commands/interface";
+import { _t, _td } from "../../../../../src/languageHandler";
+import * as SlashCommands from "../../../../../src/slash-commands/SlashCommands";
+
+describe("SlashCommandHelpDialog", () => {
+    const roomId = "!room:server";
+
+    beforeEach(() => {
+        stubClient();
+    });
+
+    it("should filter out disabled commands", () => {
+        // Create commands with some enabled and some disabled
+        const enabledCommand = new Command({
+            command: "enabled",
+            args: "<arg>",
+            description: _td("slash_command|spoiler"),
+            runFn: jest.fn(),
+            category: CommandCategories.messages,
+            isEnabled: () => true,
+        });
+
+        const disabledCommand = new Command({
+            command: "disabled",
+            args: "<arg>",
+            description: _td("slash_command|shrug"),
+            runFn: jest.fn(),
+            category: CommandCategories.messages,
+            isEnabled: () => false,
+        });
+
+        // Mock the Commands array by replacing the property
+        Object.defineProperty(SlashCommands, "Commands", {
+            value: [enabledCommand, disabledCommand],
+            configurable: true,
+        });
+
+        const onFinished = jest.fn();
+        render(<SlashCommandHelpDialog roomId={roomId} onFinished={onFinished} />);
+
+        // The enabled command should be visible
+        expect(screen.getByText("/enabled")).toBeInTheDocument();
+
+        // The disabled command should not be visible
+        expect(screen.queryByText("/disabled")).not.toBeInTheDocument();
+    });
+
+    it("should group commands by category", () => {
+        const messageCommand = new Command({
+            command: "msg",
+            args: "",
+            description: _td("slash_command|plain"),
+            runFn: jest.fn(),
+            category: CommandCategories.messages,
+        });
+
+        const adminCommand = new Command({
+            command: "admin",
+            args: "",
+            description: _td("slash_command|upgraderoom"),
+            runFn: jest.fn(),
+            category: CommandCategories.admin,
+        });
+
+        Object.defineProperty(SlashCommands, "Commands", {
+            value: [messageCommand, adminCommand],
+            configurable: true,
+        });
+
+        const onFinished = jest.fn();
+        render(<SlashCommandHelpDialog roomId={roomId} onFinished={onFinished} />);
+
+        // Both category headers should be present
+        expect(screen.getByText(_t(CommandCategories.messages))).toBeInTheDocument();
+        expect(screen.getByText(_t(CommandCategories.admin))).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/SpotlightDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/SpotlightDialog-test.tsx
new file mode 100644
index 00000000000..08e6cdc66eb
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/SpotlightDialog-test.tsx
@@ -0,0 +1,724 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { mocked } from "jest-mock";
+import {
+    ConnectionError,
+    type IProtocol,
+    type IPublicRoomsChunkRoom,
+    JoinRule,
+    type MatrixClient,
+    type Room,
+    RoomMember,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import sanitizeHtml from "sanitize-html";
+import { fireEvent, render, screen, waitFor } from "jest-matrix-react";
+
+import SpotlightDialog from "../../../../../src/components/views/dialogs/spotlight/SpotlightDialog";
+import { Filter } from "../../../../../src/components/views/dialogs/spotlight/Filter";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { LocalRoom, LOCAL_ROOM_ID_PREFIX } from "../../../../../src/models/LocalRoom";
+import { DirectoryMember, startDmOnFirstMessage } from "../../../../../src/utils/direct-messages";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { flushPromisesWithFakeTimers, mkRoom, stubClient } from "../../../../test-utils";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+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 { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+
+jest.useFakeTimers();
+
+jest.mock("../../../../../src/utils/Feedback");
+
+jest.mock("../../../../../src/utils/direct-messages", () => ({
+    // @ts-ignore
+    ...jest.requireActual("../../../../../src/utils/direct-messages"),
+    startDmOnFirstMessage: jest.fn(),
+}));
+
+jest.mock("../../../../../src/dispatcher/dispatcher", () => ({
+    register: jest.fn(),
+    dispatch: jest.fn(),
+}));
+
+interface IUserChunkMember {
+    user_id: string;
+    display_name?: string;
+    avatar_url?: string;
+}
+
+interface MockClientOptions {
+    userId?: string;
+    homeserver?: string;
+    thirdPartyProtocols?: Record<string, IProtocol>;
+    rooms?: IPublicRoomsChunkRoom[];
+    members?: RoomMember[];
+    users?: IUserChunkMember[];
+}
+
+function mockClient({
+    userId = "testuser",
+    homeserver = "example.tld",
+    thirdPartyProtocols = {},
+    rooms = [],
+    members = [],
+    users = [],
+}: MockClientOptions = {}): MatrixClient {
+    stubClient();
+    const cli = MatrixClientPeg.safeGet();
+    cli.getUserId = jest.fn(() => userId);
+    cli.getDomain = jest.fn(() => homeserver);
+    cli.getHomeserverUrl = jest.fn(() => homeserver);
+    cli.getThirdpartyProtocols = jest.fn(() => Promise.resolve(thirdPartyProtocols));
+    cli.publicRooms = jest.fn((options) => {
+        const searchTerm = options?.filter?.generic_search_term?.toLowerCase();
+        const chunk = rooms.filter(
+            (it) =>
+                !searchTerm ||
+                it.room_id.toLowerCase().includes(searchTerm) ||
+                it.name?.toLowerCase().includes(searchTerm) ||
+                sanitizeHtml(it?.topic || "", { allowedTags: [] })
+                    .toLowerCase()
+                    .includes(searchTerm) ||
+                it.canonical_alias?.toLowerCase().includes(searchTerm) ||
+                it.aliases?.find((alias) => alias.toLowerCase().includes(searchTerm)),
+        );
+        return Promise.resolve({
+            chunk,
+            total_room_count_estimate: chunk.length,
+        });
+    });
+    cli.searchUserDirectory = jest.fn(({ term, limit }) => {
+        const searchTerm = term?.toLowerCase();
+        const results = users.filter(
+            (it) =>
+                !searchTerm ||
+                it.user_id.toLowerCase().includes(searchTerm) ||
+                it.display_name?.toLowerCase().includes(searchTerm),
+        );
+        return Promise.resolve({
+            results: results.slice(0, limit ?? +Infinity),
+            limited: !!limit && limit < results.length,
+        });
+    });
+    cli.getProfileInfo = jest.fn(async (userId) => {
+        const member = members.find((it) => it.userId === userId);
+        if (member) {
+            return Promise.resolve({
+                displayname: member.rawDisplayName,
+                avatar_url: member.getMxcAvatarUrl(),
+            });
+        } else {
+            return Promise.reject();
+        }
+    });
+    return cli;
+}
+
+describe("Spotlight Dialog", () => {
+    const testPerson: IUserChunkMember = {
+        user_id: "@janedoe:matrix.org",
+        display_name: "Jane Doe",
+        avatar_url: undefined,
+    };
+
+    const testPublicRoom: IPublicRoomsChunkRoom = {
+        room_id: "!room247:matrix.org",
+        name: "Room #247",
+        topic: "We hope you'll have a <b>shining</b> experience!",
+        world_readable: false,
+        num_joined_members: 1,
+        guest_can_join: false,
+    };
+
+    const testDMRoomId = "!testDM:example.com";
+    const testDMUserId = "@alice:matrix.org";
+
+    let testRoom: Room;
+    let testDM: Room;
+    let testLocalRoom: LocalRoom;
+
+    let mockedClient: MatrixClient;
+
+    beforeEach(() => {
+        SdkConfig.reset();
+        localStorage.clear();
+        SettingsStore.reset();
+        mockedClient = mockClient({ rooms: [testPublicRoom], users: [testPerson] });
+        testRoom = mkRoom(mockedClient, "!test23:example.com");
+        mocked(testRoom.getMyMembership).mockReturnValue(KnownMembership.Join);
+        testLocalRoom = new LocalRoom(LOCAL_ROOM_ID_PREFIX + "test23", mockedClient, mockedClient.getUserId()!);
+        testLocalRoom.updateMyMembership(KnownMembership.Join);
+        mocked(mockedClient.getVisibleRooms).mockReturnValue([testRoom, testLocalRoom]);
+
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue({
+            getUserIdForRoomId: jest.fn(),
+        } as unknown as DMRoomMap);
+
+        testDM = mkRoom(mockedClient, testDMRoomId);
+        testDM.name = "Chat with Alice";
+        mocked(testDM.getMyMembership).mockReturnValue(KnownMembership.Join);
+
+        mocked(DMRoomMap.shared().getUserIdForRoomId).mockImplementation((roomId: string) => {
+            if (roomId === testDMRoomId) {
+                return testDMUserId;
+            }
+            return undefined;
+        });
+
+        mocked(mockedClient.getVisibleRooms).mockReturnValue([testRoom, testLocalRoom, testDM]);
+    });
+
+    describe("should apply filters supplied via props", () => {
+        it("without filter", async () => {
+            render(<SpotlightDialog onFinished={() => null} />);
+
+            const filterChip = document.querySelector("div.mx_SpotlightDialog_filter");
+            expect(filterChip).not.toBeInTheDocument();
+        });
+
+        it("with public room filter", async () => {
+            render(<SpotlightDialog initialFilter={Filter.PublicRooms} onFinished={() => null} />);
+
+            // search is debounced
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            const filterChip = document.querySelector("div.mx_SpotlightDialog_filter")!;
+            expect(filterChip).toBeInTheDocument();
+            expect(filterChip.innerHTML).toContain("Public rooms");
+
+            await waitFor(() => {
+                const content = document.querySelector("#mx_SpotlightDialog_content")!;
+                const options = content.querySelectorAll("li.mx_SpotlightDialog_option");
+                expect(options.length).toBe(1);
+                expect(options[0].innerHTML).toContain(testPublicRoom.name);
+            });
+        });
+
+        it("with people filter", async () => {
+            render(
+                <SpotlightDialog
+                    initialFilter={Filter.People}
+                    initialText={testPerson.display_name}
+                    onFinished={() => null}
+                />,
+            );
+            // search is debounced
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            const filterChip = document.querySelector("div.mx_SpotlightDialog_filter")!;
+            expect(filterChip).toBeInTheDocument();
+            expect(filterChip.innerHTML).toContain("People");
+
+            await waitFor(() => {
+                const content = document.querySelector("#mx_SpotlightDialog_content")!;
+                const options = content.querySelectorAll("li.mx_SpotlightDialog_option");
+                expect(options.length).toBeGreaterThanOrEqual(1);
+                expect(options[0]!.innerHTML).toContain(testPerson.display_name);
+            });
+        });
+    });
+
+    describe("when MSC3946 dynamic room predecessors is enabled", () => {
+        beforeEach(async () => {
+            await SettingsStore.setValue("feature_dynamic_room_predecessors", null, SettingLevel.DEVICE, true);
+        });
+
+        afterEach(() => {
+            jest.restoreAllMocks();
+        });
+
+        it("should call getVisibleRooms with MSC3946 dynamic room predecessors", async () => {
+            render(<SpotlightDialog onFinished={() => null} />);
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+            expect(mockedClient.getVisibleRooms).toHaveBeenCalledWith(true);
+        });
+    });
+
+    describe("should apply manually selected filter", () => {
+        it("with public rooms", async () => {
+            render(<SpotlightDialog onFinished={() => null} />);
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            fireEvent.click(screen.getByText("Public rooms"));
+            // wrapper.find("#mx_SpotlightDialog_button_explorePublicRooms").first().simulate("click");
+            // search is debounced
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            const filterChip = document.querySelector("div.mx_SpotlightDialog_filter")!;
+            expect(filterChip).toBeInTheDocument();
+            expect(filterChip.innerHTML).toContain("Public rooms");
+
+            await waitFor(() => {
+                const content = document.querySelector("#mx_SpotlightDialog_content")!;
+                const options = content.querySelectorAll("li.mx_SpotlightDialog_option");
+                expect(options.length).toBe(1);
+                expect(options[0]!.innerHTML).toContain(testPublicRoom.name);
+            });
+
+            // assert that getVisibleRooms is called without MSC3946 dynamic room predecessors
+            expect(mockedClient.getVisibleRooms).toHaveBeenCalledWith(false);
+        });
+        it("with people", async () => {
+            render(<SpotlightDialog initialText={testPerson.display_name} onFinished={() => null} />);
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            fireEvent.click(screen.getByText("People"));
+
+            // search is debounced
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            const filterChip = document.querySelector("div.mx_SpotlightDialog_filter")!;
+            expect(filterChip).toBeInTheDocument();
+            expect(filterChip.innerHTML).toContain("People");
+
+            await waitFor(() => {
+                const content = document.querySelector("#mx_SpotlightDialog_content")!;
+                const options = content.querySelectorAll("li.mx_SpotlightDialog_option");
+                expect(options.length).toBeGreaterThanOrEqual(1);
+                expect(options[0]!.innerHTML).toContain(testPerson.display_name);
+            });
+        });
+    });
+
+    describe("should allow clearing filter manually", () => {
+        it("with public room filter", async () => {
+            render(<SpotlightDialog initialFilter={Filter.PublicRooms} onFinished={() => null} />);
+            // search is debounced
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            let filterChip = document.querySelector("div.mx_SpotlightDialog_filter")!;
+            expect(filterChip).toBeInTheDocument();
+            expect(filterChip.innerHTML).toContain("Public rooms");
+
+            fireEvent.click(filterChip.querySelector("div.mx_SpotlightDialog_filter--close")!);
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            filterChip = document.querySelector("div.mx_SpotlightDialog_filter")!;
+            expect(filterChip).not.toBeInTheDocument();
+        });
+        it("with people filter", async () => {
+            render(
+                <SpotlightDialog
+                    initialFilter={Filter.People}
+                    initialText={testPerson.display_name}
+                    onFinished={() => null}
+                />,
+            );
+            // search is debounced
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            let filterChip = document.querySelector("div.mx_SpotlightDialog_filter");
+            expect(filterChip).toBeInTheDocument();
+            expect(filterChip!.innerHTML).toContain("People");
+
+            fireEvent.click(filterChip!.querySelector("div.mx_SpotlightDialog_filter--close")!);
+            jest.advanceTimersByTime(1);
+            await flushPromisesWithFakeTimers();
+
+            filterChip = document.querySelector("div.mx_SpotlightDialog_filter");
+            expect(filterChip).not.toBeInTheDocument();
+        });
+    });
+
+    describe("searching for rooms", () => {
+        let options: NodeListOf<Element>;
+
+        beforeAll(async () => {
+            render(<SpotlightDialog initialText="test23" onFinished={() => null} />);
+            // search is debounced
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            const content = document.querySelector("#mx_SpotlightDialog_content")!;
+            options = content.querySelectorAll("li.mx_SpotlightDialog_option");
+        });
+
+        it("should find Rooms", () => {
+            expect(options).toHaveLength(5);
+            expect(options[0]!.innerHTML).toContain(testRoom.name);
+        });
+
+        it("should not find LocalRooms", () => {
+            expect(options).toHaveLength(5);
+            expect(options[0]!.innerHTML).not.toContain(testLocalRoom.name);
+        });
+    });
+
+    it("should not filter out users sent by the server", async () => {
+        mocked(mockedClient.searchUserDirectory).mockResolvedValue({
+            results: [
+                { user_id: "@user1:server", display_name: "User Alpha", avatar_url: "mxc://1/avatar" },
+                { user_id: "@user2:server", display_name: "User Beta", avatar_url: "mxc://2/avatar" },
+            ],
+            limited: false,
+        });
+
+        render(<SpotlightDialog initialFilter={Filter.People} initialText="Alpha" onFinished={() => null} />);
+        // search is debounced
+        jest.advanceTimersByTime(200);
+        await flushPromisesWithFakeTimers();
+
+        await waitFor(() => {
+            const content = document.querySelector("#mx_SpotlightDialog_content")!;
+            const options = content.querySelectorAll("li.mx_SpotlightDialog_option");
+            expect(options.length).toBeGreaterThanOrEqual(2);
+            expect(options[0]).toHaveTextContent("User Alpha");
+            expect(options[1]).toHaveTextContent("User Beta");
+        });
+    });
+
+    it("should not filter out users sent by the server even if a local suggestion gets filtered out", async () => {
+        const member = new RoomMember(testRoom.roomId, testPerson.user_id);
+        member.name = member.rawDisplayName = testPerson.display_name!;
+        member.getMxcAvatarUrl = jest.fn().mockReturnValue("mxc://0/avatar");
+        mocked(testRoom.getJoinedMembers).mockReturnValue([member]);
+        mocked(mockedClient.searchUserDirectory).mockResolvedValue({
+            results: [
+                { user_id: "@janedoe:matrix.org", display_name: "User Alpha", avatar_url: "mxc://1/avatar" },
+                { user_id: "@johndoe:matrix.org", display_name: "User Beta", avatar_url: "mxc://2/avatar" },
+            ],
+            limited: false,
+        });
+
+        render(<SpotlightDialog initialFilter={Filter.People} initialText="Beta" onFinished={() => null} />);
+        // search is debounced
+        jest.advanceTimersByTime(200);
+        await flushPromisesWithFakeTimers();
+
+        await waitFor(() => {
+            const content = document.querySelector("#mx_SpotlightDialog_content")!;
+            const options = content.querySelectorAll("li.mx_SpotlightDialog_option");
+            expect(options.length).toBeGreaterThanOrEqual(2);
+            expect(options[0]).toHaveTextContent(testPerson.display_name!);
+            expect(options[1]).toHaveTextContent("User Beta");
+        });
+    });
+
+    it("show non-matching query members with DMs if they are present in the server search results", async () => {
+        mocked(mockedClient.searchUserDirectory).mockResolvedValue({
+            results: [
+                { user_id: testDMUserId, display_name: "Alice Wonder", avatar_url: "mxc://1/avatar" },
+                { user_id: "@bob:matrix.org", display_name: "Bob Wonder", avatar_url: "mxc://2/avatar" },
+            ],
+            limited: false,
+        });
+        render(
+            <SpotlightDialog initialFilter={Filter.People} initialText="Something Wonder" onFinished={() => null} />,
+        );
+        // search is debounced
+        jest.advanceTimersByTime(200);
+        await flushPromisesWithFakeTimers();
+
+        await waitFor(() => {
+            const content = document.querySelector("#mx_SpotlightDialog_content")!;
+            const options = content.querySelectorAll("li.mx_SpotlightDialog_option");
+            expect(options.length).toBeGreaterThanOrEqual(2);
+            expect(options[0]).toHaveTextContent(testDMUserId);
+            expect(options[1]).toHaveTextContent("Bob Wonder");
+        });
+    });
+
+    it("don't sort the order of users sent by the server", async () => {
+        const serverList = [
+            { user_id: "@user2:server", display_name: "User Beta", avatar_url: "mxc://2/avatar" },
+            { user_id: "@user1:server", display_name: "User Alpha", avatar_url: "mxc://1/avatar" },
+        ];
+        mocked(mockedClient.searchUserDirectory).mockResolvedValue({
+            results: serverList,
+            limited: false,
+        });
+
+        render(<SpotlightDialog initialFilter={Filter.People} initialText="User" onFinished={() => null} />);
+        // search is debounced
+        jest.advanceTimersByTime(200);
+        await flushPromisesWithFakeTimers();
+
+        await waitFor(() => {
+            const content = document.querySelector("#mx_SpotlightDialog_content")!;
+            const options = content.querySelectorAll("li.mx_SpotlightDialog_option");
+            expect(options.length).toBeGreaterThanOrEqual(2);
+            expect(options[0]).toHaveTextContent("User Beta");
+            expect(options[1]).toHaveTextContent("User Alpha");
+        });
+    });
+
+    it("should start a DM when clicking a person", async () => {
+        render(
+            <SpotlightDialog
+                initialFilter={Filter.People}
+                initialText={testPerson.display_name}
+                onFinished={() => null}
+            />,
+        );
+
+        jest.advanceTimersByTime(200);
+        await flushPromisesWithFakeTimers();
+
+        await waitFor(() => {
+            const options = document.querySelectorAll("li.mx_SpotlightDialog_option");
+            expect(options.length).toBeGreaterThanOrEqual(1);
+            expect(options[0]!.innerHTML).toContain(testPerson.display_name);
+            fireEvent.click(options[0]!);
+            expect(startDmOnFirstMessage).toHaveBeenCalledWith(mockedClient, [new DirectoryMember(testPerson)]);
+        });
+    });
+
+    it("should pass via of the server being explored when joining room from directory", async () => {
+        SdkConfig.put({
+            room_directory: {
+                servers: ["example.tld"],
+            },
+        });
+        localStorage.setItem("mx_last_room_directory_server", "example.tld");
+
+        render(<SpotlightDialog initialFilter={Filter.PublicRooms} onFinished={() => null} />);
+
+        jest.advanceTimersByTime(200);
+        await flushPromisesWithFakeTimers();
+
+        await waitFor(() => {
+            const content = document.querySelector("#mx_SpotlightDialog_content")!;
+            const options = content.querySelectorAll("li.mx_SpotlightDialog_option");
+            expect(options.length).toBe(1);
+            expect(options[0].innerHTML).toContain(testPublicRoom.name);
+
+            fireEvent.click(options[0].querySelector("[role='button']")!);
+            expect(defaultDispatcher.dispatch).toHaveBeenCalledTimes(1);
+            expect(defaultDispatcher.dispatch).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: "view_room",
+                    room_id: testPublicRoom.room_id,
+                    via_servers: ["example.tld"],
+                }),
+            );
+        });
+    });
+
+    describe("nsfw public rooms filter", () => {
+        const nsfwNameRoom: IPublicRoomsChunkRoom = {
+            room_id: "@room1:matrix.org",
+            name: "Room 1 [NSFW]",
+            topic: undefined,
+            world_readable: false,
+            num_joined_members: 1,
+            guest_can_join: false,
+        };
+
+        const nsfwTopicRoom: IPublicRoomsChunkRoom = {
+            room_id: "@room2:matrix.org",
+            name: "Room 2",
+            topic: "A room with a topic that includes nsfw",
+            world_readable: false,
+            num_joined_members: 1,
+            guest_can_join: false,
+        };
+
+        const potatoRoom: IPublicRoomsChunkRoom = {
+            room_id: "@room3:matrix.org",
+            name: "Potato Room 3",
+            topic: "Room where we discuss potatoes",
+            world_readable: false,
+            num_joined_members: 1,
+            guest_can_join: false,
+        };
+
+        beforeEach(async () => {
+            mockedClient = mockClient({ rooms: [nsfwNameRoom, nsfwTopicRoom, potatoRoom], users: [testPerson] });
+            await SettingsStore.setValue("SpotlightSearch.showNsfwPublicRooms", null, SettingLevel.DEVICE, false);
+        });
+
+        it("does not display rooms with nsfw keywords in results when showNsfwPublicRooms is falsy", async () => {
+            render(<SpotlightDialog initialFilter={Filter.PublicRooms} onFinished={() => null} />);
+
+            // search is debounced
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            await waitFor(() => {
+                expect(screen.getByText(potatoRoom.name!)).toBeInTheDocument();
+                expect(screen.queryByText(nsfwTopicRoom.name!)).not.toBeInTheDocument();
+                expect(screen.queryByText(nsfwTopicRoom.name!)).not.toBeInTheDocument();
+            });
+        });
+
+        it("displays rooms with nsfw keywords in results when showNsfwPublicRooms is truthy", async () => {
+            await SettingsStore.setValue("SpotlightSearch.showNsfwPublicRooms", null, SettingLevel.DEVICE, true);
+            render(<SpotlightDialog initialFilter={Filter.PublicRooms} onFinished={() => null} />);
+
+            // search is debounced
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            await waitFor(() => {
+                expect(screen.getByText(nsfwTopicRoom.name!)).toBeInTheDocument();
+                expect(screen.getByText(nsfwNameRoom.name!)).toBeInTheDocument();
+                expect(screen.getByText(potatoRoom.name!)).toBeInTheDocument();
+            });
+        });
+    });
+
+    it("should show error if /publicRooms API failed", async () => {
+        mocked(mockedClient.publicRooms).mockRejectedValue(new ConnectionError("Failed to fetch"));
+        render(<SpotlightDialog initialFilter={Filter.PublicRooms} onFinished={() => null} />);
+
+        jest.advanceTimersByTime(200);
+        await flushPromisesWithFakeTimers();
+
+        await waitFor(() => expect(screen.getByText("Failed to query public rooms")).toBeInTheDocument());
+    });
+
+    describe("knock rooms", () => {
+        const knockRoom: IPublicRoomsChunkRoom = {
+            guest_can_join: false,
+            join_rule: JoinRule.Knock,
+            num_joined_members: 0,
+            room_id: "some-room-id",
+            world_readable: false,
+        };
+
+        const viewRoomParams = {
+            action: Action.ViewRoom,
+            metricsTrigger: "WebUnifiedSearch",
+            metricsViaKeyboard: false,
+            room_alias: undefined,
+            room_id: knockRoom.room_id,
+            should_peek: false,
+            via_servers: ["example.tld"],
+        };
+
+        beforeEach(() => (mockedClient = mockClient({ rooms: [knockRoom] })));
+
+        describe("when disabling feature", () => {
+            beforeEach(async () => {
+                await SettingsStore.setValue("feature_ask_to_join", null, SettingLevel.DEVICE, false);
+
+                render(<SpotlightDialog initialFilter={Filter.PublicRooms} onFinished={() => {}} />);
+
+                // search is debounced
+                jest.advanceTimersByTime(200);
+                await flushPromisesWithFakeTimers();
+
+                fireEvent.click(await screen.findByRole("button", { name: "View" }));
+            });
+
+            it("should not skip to auto join", async () => {
+                expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({ ...viewRoomParams, auto_join: true });
+            });
+
+            it("should not prompt ask to join", async () => {
+                expect(defaultDispatcher.dispatch).not.toHaveBeenCalledWith({ action: Action.PromptAskToJoin });
+            });
+        });
+
+        describe("when enabling feature", () => {
+            beforeEach(async () => {
+                await SettingsStore.setValue("feature_ask_to_join", null, SettingLevel.DEVICE, true);
+                jest.spyOn(mockedClient, "getRoom").mockReturnValue(null);
+
+                render(<SpotlightDialog initialFilter={Filter.PublicRooms} onFinished={() => {}} />);
+
+                await waitFor(() => fireEvent.click(screen.getByRole("button", { name: "Ask to join" })));
+            });
+
+            it("should skip to auto join", async () => {
+                expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({ ...viewRoomParams, auto_join: false });
+            });
+
+            it("should prompt ask to join", async () => {
+                expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({ action: Action.PromptAskToJoin });
+            });
+        });
+    });
+
+    it("should allow jumping into message search", async () => {
+        const onFinished = jest.fn();
+        render(<SpotlightDialog initialText="search term" onFinished={onFinished} />);
+        jest.advanceTimersByTime(200);
+        await flushPromisesWithFakeTimers();
+
+        fireEvent.click(screen.getByText("Messages"));
+
+        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith(
+            expect.objectContaining({
+                action: Action.FocusMessageSearch,
+                initialText: "search term",
+            }),
+        );
+    });
+
+    describe("keyboard prompt filter and query checks", () => {
+        it("should show left and right arrow keys in keyboard hint when filter is null and no query", async () => {
+            render(<SpotlightDialog onFinished={() => null} />);
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            const keyboardPrompt = document.querySelector("#mx_SpotlightDialog_keyboardPrompt");
+            expect(keyboardPrompt).toBeInTheDocument();
+            expect(keyboardPrompt?.textContent).toContain("←");
+            expect(keyboardPrompt?.textContent).toContain("→");
+        });
+
+        it("should not show left and right arrow keys in keyboard hint when filter is set", async () => {
+            render(<SpotlightDialog initialFilter={Filter.People} onFinished={() => null} />);
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            const keyboardPrompt = document.querySelector("#mx_SpotlightDialog_keyboardPrompt");
+            expect(keyboardPrompt).toBeInTheDocument();
+            expect(keyboardPrompt?.textContent).not.toContain("←");
+            expect(keyboardPrompt?.textContent).not.toContain("→");
+        });
+
+        it("should not show left and right arrow keys in keyboard hint when query is present", async () => {
+            render(<SpotlightDialog initialText="test query" onFinished={() => null} />);
+            jest.advanceTimersByTime(200);
+            await flushPromisesWithFakeTimers();
+
+            const keyboardPrompt = document.querySelector("#mx_SpotlightDialog_keyboardPrompt");
+            expect(keyboardPrompt).toBeInTheDocument();
+            expect(keyboardPrompt?.textContent).not.toContain("←");
+            expect(keyboardPrompt?.textContent).not.toContain("→");
+        });
+    });
+
+    describe("metaspaces", () => {
+        beforeEach(() => {
+            jest.spyOn(SDKContextClass.instance.spaceStore, "enabledMetaSpaces", "get").mockReturnValue([
+                MetaSpace.Home,
+                MetaSpace.Orphans,
+            ]);
+        });
+
+        it("should show Home metaspace", async () => {
+            const onFinished = jest.fn();
+            const { asFragment, container } = render(
+                <SpotlightDialog initialText={MetaSpace.Home.split("-")[0]} onFinished={onFinished} />,
+            );
+            await waitFor(() =>
+                expect(container.querySelector(".mx_SpotlightDialog_metaspaceResult")).toBeInTheDocument(),
+            );
+            expect(asFragment()).toMatchSnapshot();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/UnpinAllDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/UnpinAllDialog-test.tsx
new file mode 100644
index 00000000000..9c736446fae
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/UnpinAllDialog-test.tsx
@@ -0,0 +1,38 @@
+/*
+ * 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.
+ */
+
+import React from "react";
+import { render, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { EventType } from "matrix-js-sdk/src/matrix";
+
+import { UnpinAllDialog } from "../../../../../src/components/views/dialogs/UnpinAllDialog";
+import { createTestClient } from "../../../../test-utils";
+
+describe("<UnpinAllDialog />", () => {
+    const client = createTestClient();
+    const roomId = "!room:example.org";
+
+    function renderDialog(onFinished = jest.fn()) {
+        return render(<UnpinAllDialog matrixClient={client} roomId={roomId} onFinished={onFinished} />);
+    }
+
+    it("should render", () => {
+        const { asFragment } = renderDialog();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should remove all pinned events when clicked on Continue", async () => {
+        const onFinished = jest.fn();
+        renderDialog(onFinished);
+
+        await userEvent.click(screen.getByText("Continue"));
+        expect(client.sendStateEvent).toHaveBeenCalledWith(roomId, EventType.RoomPinnedEvents, { pinned: [] }, "");
+        expect(onFinished).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/UploadConfirmDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/UploadConfirmDialog-test.tsx
new file mode 100644
index 00000000000..43b3f912ac9
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/UploadConfirmDialog-test.tsx
@@ -0,0 +1,27 @@
+/*
+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 React from "react";
+import { render } from "jest-matrix-react";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+
+import UploadConfirmDialog from "../../../../../src/components/views/dialogs/UploadConfirmDialog.tsx";
+
+describe("<UploadConfirmDialog />", () => {
+    it("should display image preview", () => {
+        const url = "blob:null/1234-5678-9101-1121";
+        jest.spyOn(URL, "createObjectURL").mockReturnValue(url);
+
+        const file = new File([secureRandomString(1024 * 124)], "image.png", { type: "image/png" });
+        const { asFragment, getByRole } = render(
+            <UploadConfirmDialog file={file} currentIndex={0} totalFiles={1} onFinished={jest.fn()} />,
+        );
+
+        expect(getByRole("img")).toHaveAttribute("src", url);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/UserSettingsDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/UserSettingsDialog-test.tsx
new file mode 100644
index 00000000000..aba3e2cdd5b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/UserSettingsDialog-test.tsx
@@ -0,0 +1,281 @@
+/*
+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 } from "react";
+import { render, screen, waitFor } from "jest-matrix-react";
+import { mocked, type MockedObject } from "jest-mock-vitest-adapter";
+import { ClientEvent, MatrixEvent, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import SettingsStore, { type CallbackFn } from "../../../../../src/settings/SettingsStore";
+import SdkConfig from "../../../../../src/SdkConfig";
+import { UserTab } from "../../../../../src/components/views/dialogs/UserTab";
+import UserSettingsDialog from "../../../../../src/components/views/dialogs/UserSettingsDialog";
+import {
+    getMockClientWithEventEmitter,
+    mockClientMethodsUser,
+    mockClientMethodsServer,
+    mockPlatformPeg,
+    mockClientMethodsCrypto,
+    mockClientMethodsRooms,
+    useMockMediaDevices,
+} from "../../../../test-utils";
+import { UIFeature } from "../../../../../src/settings/UIFeature";
+import { SettingLevel } from "../../../../../src/settings/SettingLevel";
+import { TestSDKContext } from "../../../TestSDKContext.ts";
+import { type FeatureSettingKey } from "../../../../../src/settings/Settings.tsx";
+import { makeDelegatedAuthMetadata } from "../../../../test-utils/auth.ts";
+
+mockPlatformPeg({
+    supportsSpellCheckSettings: jest.fn().mockReturnValue(false),
+    getAppVersion: jest.fn().mockResolvedValue("1"),
+});
+
+jest.mock("../../../../../src/settings/SettingsStore", () => ({
+    getValue: jest.fn(),
+    getValueAt: jest.fn(),
+    canSetValue: jest.fn(),
+    monitorSetting: jest.fn(),
+    watchSetting: jest.fn(),
+    unwatchSetting: jest.fn(),
+    getFeatureSettingNames: jest.fn(),
+    getBetaInfo: jest.fn(),
+    getDisplayName: jest.fn(),
+    getDescription: jest.fn(),
+    shouldHaveWarning: jest.fn(),
+    disabledMessage: jest.fn(),
+    settingIsOveriddenAtConfigLevel: jest.fn(),
+    doesSettingSupportLevel: jest.fn(),
+}));
+
+describe("<UserSettingsDialog />", () => {
+    const userId = "@alice:server.org";
+    const mockSettingsStore = mocked(SettingsStore);
+    let mockClient!: MockedObject<MatrixClient>;
+
+    let sdkContext: TestSDKContext;
+    const defaultProps = { onFinished: jest.fn() };
+    const getComponent = (
+        props: Partial<typeof defaultProps & { initialTabId?: UserTab; props: Record<string, any> }> = {},
+    ): ReactElement => <UserSettingsDialog sdkContext={sdkContext} {...defaultProps} {...props} />;
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        mockClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(userId),
+            ...mockClientMethodsServer(),
+            ...mockClientMethodsCrypto(),
+            ...mockClientMethodsRooms(),
+            getIgnoredUsers: jest.fn().mockResolvedValue([]),
+            getPushers: jest.fn().mockResolvedValue([]),
+            getProfileInfo: jest.fn().mockResolvedValue({}),
+            getMediaConfig: jest.fn(),
+            getAuthMetadata: jest.fn().mockResolvedValue(makeDelegatedAuthMetadata()),
+        });
+        sdkContext = new TestSDKContext();
+        sdkContext._client = mockClient;
+        mockSettingsStore.getValue.mockReturnValue(false);
+        mockSettingsStore.getValueAt.mockReturnValue(false);
+        mockSettingsStore.getFeatureSettingNames.mockReturnValue([]);
+        SdkConfig.reset();
+        SdkConfig.put({ brand: "Test" });
+    });
+
+    const getActiveTabLabel = (container: Element) =>
+        container.querySelector(".mx_TabbedView_tabLabel_active")?.textContent;
+
+    it("should render general settings tab when no initialTabId", () => {
+        const { container } = render(getComponent());
+
+        expect(getActiveTabLabel(container)).toEqual("Account");
+    });
+
+    it("should render initial tab when initialTabId is set", () => {
+        const { container } = render(getComponent({ initialTabId: UserTab.Help }));
+
+        expect(getActiveTabLabel(container)).toEqual("Help & About");
+    });
+
+    it("should render general tab if initialTabId tab cannot be rendered", () => {
+        // mjolnir tab is only rendered in some configs
+        const { container } = render(getComponent({ initialTabId: UserTab.Mjolnir }));
+
+        expect(getActiveTabLabel(container)).toEqual("Account");
+    });
+
+    it("renders tabs correctly", () => {
+        SdkConfig.add({
+            show_labs_settings: true,
+        });
+        const { container } = render(getComponent());
+        expect(container.querySelectorAll(".mx_TabbedView_tabLabel")).toMatchSnapshot();
+    });
+
+    it("renders ignored users tab when feature_mjolnir is enabled", () => {
+        mockSettingsStore.getValue.mockImplementation((settingName) => settingName === "feature_mjolnir");
+        const { getByTestId } = render(getComponent());
+        expect(getByTestId(`settings-tab-${UserTab.Mjolnir}`)).toBeTruthy();
+    });
+
+    it("renders voip tab when voip is enabled", () => {
+        mockSettingsStore.getValue.mockImplementation((settingName: any): any => settingName === UIFeature.Voip);
+        const { getByTestId } = render(getComponent());
+        expect(getByTestId(`settings-tab-${UserTab.Voice}`)).toBeTruthy();
+    });
+
+    it("renders with session manager tab selected", () => {
+        const { getByTestId } = render(getComponent({ initialTabId: UserTab.SessionManager }));
+        expect(getByTestId(`settings-tab-${UserTab.SessionManager}`)).toBeTruthy();
+        expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("Settings: Sessions");
+    });
+
+    it("renders with appearance tab selected", () => {
+        const { container } = render(getComponent({ initialTabId: UserTab.Appearance }));
+
+        expect(getActiveTabLabel(container)).toEqual("Appearance");
+        expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("Settings: Appearance");
+    });
+
+    it("renders with notifications tab selected", () => {
+        const { container } = render(getComponent({ initialTabId: UserTab.Notifications }));
+
+        expect(getActiveTabLabel(container)).toEqual("Notifications");
+        expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("Settings: Notifications");
+    });
+
+    it("renders with preferences tab selected", () => {
+        const { container } = render(getComponent({ initialTabId: UserTab.Preferences }));
+
+        expect(getActiveTabLabel(container)).toEqual("Preferences");
+        expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("Settings: Preferences");
+    });
+
+    it("renders with keyboard tab selected", () => {
+        const { container } = render(getComponent({ initialTabId: UserTab.Keyboard }));
+
+        expect(getActiveTabLabel(container)).toEqual("Keyboard");
+        expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("Settings: Keyboard");
+    });
+
+    it("renders with sidebar tab selected", () => {
+        const { container } = render(getComponent({ initialTabId: UserTab.Sidebar }));
+
+        expect(getActiveTabLabel(container)).toEqual("Sidebar");
+        expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("Settings: Sidebar");
+    });
+
+    it("renders with voip tab selected", () => {
+        useMockMediaDevices();
+        mockSettingsStore.getValue.mockImplementation((settingName: any): any => settingName === UIFeature.Voip);
+        const { container } = render(getComponent({ initialTabId: UserTab.Voice }));
+
+        expect(getActiveTabLabel(container)).toEqual("Voice & Video");
+        expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("Settings: Voice & Video");
+    });
+
+    it("renders with security tab selected", () => {
+        const { container } = render(getComponent({ initialTabId: UserTab.Security }));
+
+        expect(getActiveTabLabel(container)).toEqual("Security & Privacy");
+        expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("Settings: Security & Privacy");
+    });
+
+    it("renders with labs tab selected", () => {
+        SdkConfig.add({
+            show_labs_settings: true,
+        });
+        const { container } = render(getComponent({ initialTabId: UserTab.Labs }));
+
+        expect(getActiveTabLabel(container)).toEqual("Labs");
+        expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("Settings: Labs");
+    });
+
+    it("renders with mjolnir tab selected", () => {
+        mockSettingsStore.getValue.mockImplementation((settingName): any => settingName === "feature_mjolnir");
+        const { container } = render(getComponent({ initialTabId: UserTab.Mjolnir }));
+        expect(getActiveTabLabel(container)).toEqual("Ignored users");
+        expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("Ignored Users");
+    });
+
+    it("renders with help tab selected", () => {
+        const { container } = render(getComponent({ initialTabId: UserTab.Help }));
+
+        expect(getActiveTabLabel(container)).toEqual("Help & About");
+        expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("Settings: Help & About");
+    });
+
+    it("renders labs tab when show_labs_settings is enabled in config", () => {
+        SdkConfig.add({
+            show_labs_settings: true,
+        });
+        const { getByTestId } = render(getComponent());
+        expect(getByTestId(`settings-tab-${UserTab.Labs}`)).toBeTruthy();
+    });
+
+    it("renders labs tab when some feature is in beta", () => {
+        mockSettingsStore.getFeatureSettingNames.mockReturnValue([
+            "feature_beta_setting",
+            "feature_just_normal_labs",
+        ] as unknown[] as FeatureSettingKey[]);
+        mockSettingsStore.getBetaInfo.mockImplementation((settingName: any) =>
+            settingName === "feature_beta_setting" ? ({} as any) : undefined,
+        );
+        const { getByTestId } = render(getComponent());
+        expect(getByTestId(`settings-tab-${UserTab.Labs}`)).toBeTruthy();
+    });
+
+    it("watches settings", async () => {
+        const watchSettingCallbacks: Record<string, CallbackFn<any>> = {};
+
+        mockSettingsStore.watchSetting.mockImplementation((settingName, roomId, callback) => {
+            watchSettingCallbacks[settingName] = callback;
+            return `mock-watcher-id-${settingName}`;
+        });
+        mockSettingsStore.getValue.mockReturnValue(false);
+
+        const { queryByTestId, findByTestId, unmount } = render(getComponent());
+        expect(queryByTestId(`settings-tab-${UserTab.Mjolnir}`)).toBeFalsy();
+
+        expect(mockSettingsStore.watchSetting).toHaveBeenCalledWith("feature_mjolnir", null, expect.anything());
+
+        // call the watch setting callback
+        mockSettingsStore.getValue.mockReturnValue(true);
+        watchSettingCallbacks["feature_mjolnir"]("feature_mjolnir", "", SettingLevel.ACCOUNT, true, true);
+
+        // tab is rendered now
+        await expect(findByTestId(`settings-tab-${UserTab.Mjolnir}`)).resolves.toBeTruthy();
+
+        unmount();
+
+        // unwatches settings on unmount
+        expect(mockSettingsStore.unwatchSetting).toHaveBeenCalledWith("mock-watcher-id-feature_mjolnir");
+    });
+
+    it("displays an indicator when user needs to set up recovery", async () => {
+        // Initially, the user doesn't have secret storage, so it should display
+        // an indicator.
+        mocked(mockClient.secretStorage.getDefaultKeyId).mockResolvedValue(null);
+
+        const { container } = render(getComponent());
+
+        await waitFor(() => {
+            expect(container.querySelector(".mx_SettingsDialog_tabLabelsAlert")).toBeInTheDocument();
+        });
+
+        // Test that the handler ignores unknown account data
+        mockClient.emit(ClientEvent.AccountData, new MatrixEvent({ type: "bar" }));
+
+        // The user now has secret storage.  Trigger an update and check that
+        // the indicator disappears.
+        mocked(mockClient.secretStorage.getDefaultKeyId).mockResolvedValue("foo");
+        mockClient.emit(ClientEvent.AccountData, new MatrixEvent({ type: "m.secret_storage.default_key" }));
+
+        await waitFor(() => {
+            expect(container.querySelector(".mx_SettingsDialog_tabLabelsAlert")).not.toBeInTheDocument();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/VerificationRequestDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/VerificationRequestDialog-test.tsx
new file mode 100644
index 00000000000..b9280316227
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/VerificationRequestDialog-test.tsx
@@ -0,0 +1,356 @@
+/*
+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 { act, render, screen } from "jest-matrix-react";
+import { TypedEventEmitter, User } from "matrix-js-sdk/src/matrix";
+import {
+    type ShowSasCallbacks,
+    VerificationPhase,
+    type Verifier,
+    type VerificationRequest,
+    type ShowQrCodeCallbacks,
+    VerificationRequestEvent,
+    type VerificationRequestEventHandlerMap,
+} from "matrix-js-sdk/src/crypto-api";
+import { VerificationMethod } from "matrix-js-sdk/src/types";
+
+import { stubClient, withContexts } from "../../../../test-utils";
+import VerificationRequestDialog from "../../../../../src/components/views/dialogs/VerificationRequestDialog";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass";
+
+describe("VerificationRequestDialog", () => {
+    function renderComponent(phase: VerificationPhase, method?: "emoji" | "qr"): ReturnType<typeof render> {
+        const member = User.createUser("@alice:example.org", stubClient());
+        const request = createRequest(phase, method);
+
+        return render(
+            <VerificationRequestDialog onFinished={jest.fn()} member={member} verificationRequest={request} />,
+            withContexts({ sdkContext: SDKContextClass.instance }),
+        );
+    }
+
+    it("Initially, asks how you would like to verify this device", async () => {
+        const dialog = renderComponent(VerificationPhase.Ready);
+
+        expect(screen.getByRole("heading", { name: "Choose how to verify" })).toBeInTheDocument();
+        expect(screen.getByText("Verify by completing one of the following:")).toBeInTheDocument();
+
+        expect(dialog.asFragment()).toMatchSnapshot();
+    });
+
+    it("After we started verification here, says we are waiting for the other device", async () => {
+        const dialog = renderComponent(VerificationPhase.Requested);
+
+        expect(screen.getByRole("heading", { name: "Start verification on the other device" })).toBeInTheDocument();
+        expect(screen.getByText("Once accepted you'll be able to continue with the verification.")).toBeInTheDocument();
+
+        expect(dialog.asFragment()).toMatchSnapshot();
+    });
+
+    it("When other device accepted emoji, displays emojis and asks for confirmation", async () => {
+        const dialog = renderComponent(VerificationPhase.Started, "emoji");
+
+        expect(screen.getByRole("heading", { name: "Compare emojis" })).toBeInTheDocument();
+
+        expect(
+            screen.getByText("Confirm that the emojis below match those shown on your other device."),
+        ).toBeInTheDocument();
+
+        expect(dialog.asFragment()).toMatchSnapshot();
+    });
+
+    it("After scanning QR, shows confirmation dialog", async () => {
+        const dialog = renderComponent(VerificationPhase.Started, "qr");
+
+        expect(
+            screen.getByRole("heading", {
+                name: "Confirm that you see a green shield on your other device",
+            }),
+        ).toBeInTheDocument();
+
+        // We used to have a subheading here: confirm it is not present.
+        expect(screen.queryByRole("heading", { name: "Verify by scanning" })).not.toBeInTheDocument();
+
+        expect(screen.getByText("Check again on your other device to finish verification.")).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: "Yes, I see a green shield" })).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: "No, I don't see a green shield" })).toBeInTheDocument();
+
+        expect(dialog.asFragment()).toMatchSnapshot();
+    });
+
+    it("Shows a successful message if verification finished normally", async () => {
+        const dialog = renderComponent(VerificationPhase.Done);
+
+        expect(screen.getByRole("heading", { name: "Device verified" })).toBeInTheDocument();
+
+        expect(
+            screen.getByText(
+                "Now you can read or send messages securely, and anyone you chat with can also trust this device.",
+            ),
+        ).toBeInTheDocument();
+
+        expect(dialog.asFragment()).toMatchSnapshot();
+    });
+
+    it("Shows a failure message if verification was cancelled", async () => {
+        const dialog = renderComponent(VerificationPhase.Cancelled);
+
+        expect(screen.getByRole("heading", { name: "Verification failed" })).toBeInTheDocument();
+
+        // We used to have a sub-heading here: confirm is it not present.
+        expect(screen.queryByRole("heading", { name: "Verification cancelled" })).not.toBeInTheDocument();
+
+        expect(
+            screen.getByText(
+                "Either the request timed out, the request was denied, or there was a verification mismatch.",
+            ),
+        ).toBeInTheDocument();
+
+        expect(dialog.asFragment()).toMatchSnapshot();
+    });
+
+    it("Renders correctly if the request is supplied later via a promise", async () => {
+        // Given we supply a promise of a request instead of a request
+        const member = User.createUser("@alice:example.org", stubClient());
+        const requestPromise = Promise.resolve(createRequest(VerificationPhase.Cancelled));
+
+        // When we render the dialog
+        render(
+            <VerificationRequestDialog
+                onFinished={jest.fn()}
+                member={member}
+                verificationRequestPromise={requestPromise}
+            />,
+            withContexts({ sdkContext: SDKContextClass.instance }),
+        );
+
+        // And wait for the component to mount, the promise to resolve and the component state to update
+        await act(async () => await new Promise(process.nextTick));
+
+        // Then it renders the resolved information
+        expect(screen.getByRole("heading", { name: "Verification failed" })).toBeInTheDocument();
+
+        expect(
+            screen.getByText(
+                "Either the request timed out, the request was denied, or there was a verification mismatch.",
+            ),
+        ).toBeInTheDocument();
+    });
+
+    it("Renders the later promise request if both immediate and promise are supplied", async () => {
+        // Given we supply a promise of a request as well as a request
+        const member = User.createUser("@alice:example.org", stubClient());
+        const request = createRequest(VerificationPhase.Ready);
+        const requestPromise = Promise.resolve(createRequest(VerificationPhase.Cancelled));
+
+        // When we render the dialog
+        render(
+            <VerificationRequestDialog
+                onFinished={jest.fn()}
+                member={member}
+                verificationRequest={request}
+                verificationRequestPromise={requestPromise}
+            />,
+            withContexts({ sdkContext: SDKContextClass.instance }),
+        );
+
+        // And wait for the component to mount, the promise to resolve and the component state to update
+        await act(async () => await new Promise(process.nextTick));
+
+        // Then it renders the information from the request in the promise
+        expect(screen.getByRole("heading", { name: "Verification failed" })).toBeInTheDocument();
+
+        expect(
+            screen.getByText(
+                "Either the request timed out, the request was denied, or there was a verification mismatch.",
+            ),
+        ).toBeInTheDocument();
+    });
+
+    it("Changes the dialog contents when the request changes phase", async () => {
+        // Given we rendered the component with a phase of Unsent
+        const member = User.createUser("@alice:example.org", stubClient());
+        const request = createRequest(VerificationPhase.Unsent);
+
+        render(
+            <VerificationRequestDialog onFinished={jest.fn()} member={member} verificationRequest={request} />,
+            withContexts({ sdkContext: SDKContextClass.instance }),
+        );
+
+        // When I cancel the request (which changes phase and emits a Changed event)
+        await act(async () => await request.cancel());
+
+        // Then the dialog is updated to reflect that
+        expect(screen.getByRole("heading", { name: "Verification failed" })).toBeInTheDocument();
+
+        expect(
+            screen.getByText(
+                "Either the request timed out, the request was denied, or there was a verification mismatch.",
+            ),
+        ).toBeInTheDocument();
+    });
+});
+
+function createRequest(phase: VerificationPhase, method?: "emoji" | "qr"): MockVerificationRequest {
+    let verifier = undefined;
+    let chosenMethod = null;
+
+    switch (method) {
+        case "emoji":
+            chosenMethod = VerificationMethod.Sas;
+            verifier = createEmojiVerifier();
+            break;
+        case "qr":
+            chosenMethod = VerificationMethod.Reciprocate;
+            verifier = createQrVerifier();
+            break;
+    }
+
+    return new MockVerificationRequest(phase, verifier, chosenMethod);
+}
+
+function createEmojiVerifier(): Verifier {
+    const showSasCallbacks = {
+        sas: {
+            emoji: [
+                // Example set of emoji to display.
+                ["🐶", "Dog"],
+                ["🐱", "Cat"],
+            ],
+        },
+    } as ShowSasCallbacks;
+
+    return {
+        getShowSasCallbacks: jest.fn().mockReturnValue(showSasCallbacks),
+        getReciprocateQrCodeCallbacks: jest.fn(),
+        on: jest.fn(),
+        off: jest.fn(),
+        verify: jest.fn(),
+    } as unknown as Verifier;
+}
+
+function createQrVerifier(): Verifier {
+    const reciprocateQrCodeCallbacks = {
+        confirm: jest.fn(),
+        cancel: jest.fn(),
+    } as ShowQrCodeCallbacks;
+
+    return {
+        getShowSasCallbacks: jest.fn(),
+        getReciprocateQrCodeCallbacks: jest.fn().mockReturnValue(reciprocateQrCodeCallbacks),
+        on: jest.fn(),
+        off: jest.fn(),
+        verify: jest.fn(),
+    } as unknown as Verifier;
+}
+
+class MockVerificationRequest
+    extends TypedEventEmitter<VerificationRequestEvent, VerificationRequestEventHandlerMap>
+    implements VerificationRequest
+{
+    phase_: VerificationPhase;
+    verifier_: Verifier | undefined;
+    chosenMethod_: string | null;
+
+    constructor(phase: VerificationPhase, verifier: Verifier | undefined, chosenMethod: string | null) {
+        super();
+        this.phase_ = phase;
+        this.verifier_ = verifier;
+        this.chosenMethod_ = chosenMethod;
+    }
+
+    get phase(): VerificationPhase {
+        return this.phase_;
+    }
+
+    get isSelfVerification(): boolean {
+        // So far we are only testing verification of our own devices
+        return true;
+    }
+
+    get initiatedByMe(): boolean {
+        // So far we are only testing verification started by this device
+        return true;
+    }
+
+    otherPartySupportsMethod(): boolean {
+        // This makes both emoji and QR verification options appear
+        return true;
+    }
+
+    get verifier(): Verifier | undefined {
+        return this.verifier_;
+    }
+
+    get chosenMethod(): string | null {
+        return this.chosenMethod_;
+    }
+
+    async cancel(): Promise<void> {
+        this.phase_ = VerificationPhase.Cancelled;
+        this.emit(VerificationRequestEvent.Change);
+    }
+
+    get transactionId(): string | undefined {
+        return undefined;
+    }
+
+    get roomId(): string | undefined {
+        return undefined;
+    }
+
+    get otherUserId(): string {
+        return "otheruser";
+    }
+
+    get otherDeviceId(): string | undefined {
+        return undefined;
+    }
+
+    get pending(): boolean {
+        return false;
+    }
+
+    get accepting(): boolean {
+        return false;
+    }
+
+    get declining(): boolean {
+        return false;
+    }
+
+    get timeout(): number | null {
+        return null;
+    }
+
+    get methods(): string[] {
+        return [];
+    }
+
+    async accept(): Promise<void> {}
+
+    startVerification(_method: string): Promise<Verifier> {
+        throw new Error("Method not implemented.");
+    }
+
+    scanQRCode(_qrCodeData: Uint8ClampedArray): Promise<Verifier> {
+        throw new Error("Method not implemented.");
+    }
+
+    async generateQRCode(): Promise<Uint8ClampedArray | undefined> {
+        return new Uint8ClampedArray();
+    }
+
+    get cancellationCode(): string | null {
+        return null;
+    }
+
+    get cancellingUserId(): string | undefined {
+        return "otheruser";
+    }
+}
diff --git a/apps/web/test/unit-tests/components/views/dialogs/WidgetCapabilitiesPromptDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/WidgetCapabilitiesPromptDialog-test.tsx
new file mode 100644
index 00000000000..86fde069997
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/WidgetCapabilitiesPromptDialog-test.tsx
@@ -0,0 +1,123 @@
+/*
+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 { WidgetKind } from "matrix-widget-api";
+
+import WidgetCapabilitiesPromptDialog from "../../../../../src/components/views/dialogs/WidgetCapabilitiesPromptDialog";
+import { stubClient } from "../../../../test-utils";
+
+describe("WidgetCapabilitiesPromptDialog", () => {
+    const onFinished = jest.fn();
+
+    beforeEach(() => {
+        stubClient();
+        onFinished.mockClear();
+    });
+
+    describe("capability sorting", () => {
+        it("should sort non-timeline capabilities before timeline capabilities", () => {
+            // Create a mix of timeline and non-timeline capabilities
+            const capabilities = new Set([
+                "org.matrix.msc2762.timeline:*",
+                "org.matrix.msc2762.receive.event:m.room.message",
+                "org.matrix.msc2762.timeline:!room:example.com",
+                "org.matrix.msc2931.navigate",
+                "org.matrix.msc2762.receive.state_event:m.room.member#@user:example.com",
+            ]);
+
+            const { container } = render(
+                <WidgetCapabilitiesPromptDialog
+                    requestedCapabilities={capabilities}
+                    widgetKind={WidgetKind.Room}
+                    onFinished={onFinished}
+                />,
+            );
+
+            const checkboxes = container.querySelectorAll(".mx_WidgetCapabilitiesPromptDialog_cap");
+
+            // Verify that we have all the capabilities rendered
+            expect(checkboxes.length).toBe(5);
+
+            // The dialog should render successfully with the mixed capabilities
+            expect(screen.getByText("Approve widget permissions")).toBeInTheDocument();
+        });
+
+        it("should sort capabilities lexicographically within the same type", () => {
+            // Create multiple non-timeline capabilities
+            const capabilities = new Set([
+                "org.matrix.msc2931.navigate",
+                "org.matrix.msc2762.receive.event:m.room.message",
+                "org.matrix.msc2762.receive.state_event:m.room.member",
+            ]);
+
+            render(
+                <WidgetCapabilitiesPromptDialog
+                    requestedCapabilities={capabilities}
+                    widgetKind={WidgetKind.Room}
+                    onFinished={onFinished}
+                />,
+            );
+
+            // The dialog should render without errors and show the capabilities
+            expect(screen.getByText("Approve widget permissions")).toBeInTheDocument();
+        });
+
+        it("should handle only timeline capabilities", () => {
+            const capabilities = new Set([
+                "org.matrix.msc2762.timeline:!room1:example.com",
+                "org.matrix.msc2762.timeline:!room2:example.com",
+                "org.matrix.msc2762.timeline:*",
+            ]);
+
+            const { container } = render(
+                <WidgetCapabilitiesPromptDialog
+                    requestedCapabilities={capabilities}
+                    widgetKind={WidgetKind.Room}
+                    onFinished={onFinished}
+                />,
+            );
+
+            const checkboxes = container.querySelectorAll(".mx_WidgetCapabilitiesPromptDialog_cap");
+            expect(checkboxes.length).toBe(3);
+        });
+
+        it("should handle only non-timeline capabilities", () => {
+            const capabilities = new Set([
+                "org.matrix.msc2931.navigate",
+                "org.matrix.msc2762.receive.event:m.room.message",
+            ]);
+
+            const { container } = render(
+                <WidgetCapabilitiesPromptDialog
+                    requestedCapabilities={capabilities}
+                    widgetKind={WidgetKind.Room}
+                    onFinished={onFinished}
+                />,
+            );
+
+            const checkboxes = container.querySelectorAll(".mx_WidgetCapabilitiesPromptDialog_cap");
+            expect(checkboxes.length).toBe(2);
+        });
+
+        it("should handle empty capabilities", () => {
+            const capabilities = new Set<string>([]);
+
+            const { container } = render(
+                <WidgetCapabilitiesPromptDialog
+                    requestedCapabilities={capabilities}
+                    widgetKind={WidgetKind.Room}
+                    onFinished={onFinished}
+                />,
+            );
+
+            const checkboxes = container.querySelectorAll(".mx_WidgetCapabilitiesPromptDialog_cap");
+            expect(checkboxes.length).toBe(0);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/WidgetOpenIDPermissionsDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/WidgetOpenIDPermissionsDialog-test.tsx
new file mode 100644
index 00000000000..2f1ddae9722
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/WidgetOpenIDPermissionsDialog-test.tsx
@@ -0,0 +1,37 @@
+/*
+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 React from "react";
+import { render } from "jest-matrix-react";
+import { WidgetKind } from "matrix-widget-api";
+
+import { stubClient } from "../../../../test-utils";
+import WidgetOpenIDPermissionsDialog from "../../../../../src/components/views/dialogs/WidgetOpenIDPermissionsDialog.tsx";
+
+describe("WidgetOpenIDPermissionsDialog", () => {
+    const mockWidget = {
+        id: "test-widget",
+        name: "Test Widget",
+        templateUrl: "https://imawidget",
+    } as any;
+
+    const onFinished = jest.fn();
+
+    beforeEach(() => {
+        stubClient();
+        onFinished.mockClear();
+    });
+
+    it("should render", () => {
+        const dialog = render(
+            <WidgetOpenIDPermissionsDialog widget={mockWidget} widgetKind={WidgetKind.Room} onFinished={onFinished} />,
+        );
+
+        expect(dialog.getByText("Allow this widget to verify your identity")).toBeInTheDocument();
+        expect(dialog.asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/AnalyticsLearnMoreDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/AnalyticsLearnMoreDialog-test.tsx.snap
new file mode 100644
index 00000000000..68fa000f634
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/AnalyticsLearnMoreDialog-test.tsx.snap
@@ -0,0 +1,143 @@
+// 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
+          class="cancel"
+          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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/BugReportDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/BugReportDialog-test.tsx.snap
new file mode 100644
index 00000000000..49d9a505482
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/BugReportDialog-test.tsx.snap
@@ -0,0 +1,90 @@
+// 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
+          class="cancel"
+          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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap
new file mode 100644
index 00000000000..db2e62670f6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap
@@ -0,0 +1,135 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ChangelogDialog /> should fetch github proxy url for each repo with old and new version strings 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_QuestionDialog 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"
+      >
+        Changelog
+      </h1>
+    </div>
+    <div
+      class="mx_Dialog_content"
+      id="mx_Dialog_content"
+    >
+      <div
+        class="mx_ChangelogDialog_content"
+      >
+        <div>
+          <h2
+            class="mx_Heading_h4"
+          >
+            element-hq/element-web
+          </h2>
+          <ul>
+            <li
+              class="mx_ChangelogDialog_li"
+            >
+              <a
+                href="https://api.github.com/repos/element-hq/element-web/commit/commit-sha"
+                rel="noreferrer noopener"
+                target="_blank"
+              >
+                This is the first commit message
+              </a>
+            </li>
+          </ul>
+        </div>
+        <div>
+          <h2
+            class="mx_Heading_h4"
+          >
+            matrix-org/matrix-js-sdk
+          </h2>
+          <ul>
+            <li
+              class="mx_ChangelogDialog_li"
+            >
+              <a
+                href="https://api.github.com/repos/matrix-org/matrix-js-sdk/commit/commit-sha1"
+                rel="noreferrer noopener"
+                target="_blank"
+              >
+                This is a commit message
+              </a>
+            </li>
+            <li
+              class="mx_ChangelogDialog_li"
+            >
+              <a
+                href="https://api.github.com/repos/matrix-org/matrix-js-sdk/commit/commit-sha2"
+                rel="noreferrer noopener"
+                target="_blank"
+              >
+                This is another commit message
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Update
+        </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmKeyStorageOffDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmKeyStorageOffDialog-test.tsx.snap
new file mode 100644
index 00000000000..a8e6ca6cce6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmKeyStorageOffDialog-test.tsx.snap
@@ -0,0 +1,83 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`ConfirmKeyStorageOffDialog renders 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_EncryptionCard"
+  >
+    <div
+      class="mx_EncryptionCard_header"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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 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>
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Are you sure you want to keep key storage turned off?
+      </h2>
+    </div>
+    <span>
+      If you remove all your devices you will lose your message history and will need to verify all your existing contacts again. 
+      <br />
+      <a
+        href="https://element.io/help#encryption5"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Learn more 
+        <svg
+          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
+      class="mx_EncryptionCard_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Go to Settings
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="secondary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Yes, dismiss
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmRejectInviteDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmRejectInviteDialog-test.tsx.snap
new file mode 100644
index 00000000000..a61d0675dd2
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmRejectInviteDialog-test.tsx.snap
@@ -0,0 +1,175 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`ConfirmRejectInviteDialog can reject with options selected 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_DeclineAndBlockInviteDialog 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"
+      >
+        Decline invitation
+      </h1>
+    </div>
+    <form
+      class="_root_1o4d9_17"
+    >
+      <p>
+        Are you sure you want to decline the invitation to join "foo"?
+      </p>
+      <div
+        class="_inline-field_1o4d9_33"
+      >
+        <div
+          class="_inline-field-control_1o4d9_45"
+        >
+          <div
+            class="_container_udcm8_10"
+          >
+            <input
+              class="_input_udcm8_24"
+              id="react-use-id-1"
+              role="switch"
+              type="checkbox"
+            />
+            <div
+              class="_ui_udcm8_34"
+            />
+          </div>
+        </div>
+        <div
+          class="_inline-field-body_1o4d9_39"
+        >
+          <label
+            class="_label_1o4d9_60"
+            for="react-use-id-1"
+          >
+            Ignore user
+          </label>
+          <span
+            class="_message_1o4d9_86 _help-message_1o4d9_92"
+            id="radix-react-use-id-2"
+          >
+            You will not see any messages or room invites from this user.
+          </span>
+        </div>
+      </div>
+      <div
+        class="_inline-field_1o4d9_33"
+      >
+        <div
+          class="_inline-field-control_1o4d9_45"
+        >
+          <div
+            class="_container_udcm8_10"
+          >
+            <input
+              class="_input_udcm8_24"
+              id="react-use-id-3"
+              role="switch"
+              type="checkbox"
+            />
+            <div
+              class="_ui_udcm8_34"
+            />
+          </div>
+        </div>
+        <div
+          class="_inline-field-body_1o4d9_39"
+        >
+          <label
+            class="_label_1o4d9_60"
+            for="react-use-id-3"
+          >
+            Report room
+          </label>
+          <span
+            class="_message_1o4d9_86 _help-message_1o4d9_92"
+            id="radix-react-use-id-4"
+          >
+            Report this room to your account provider.
+          </span>
+        </div>
+      </div>
+      <div
+        aria-disabled="false"
+        class="_field_1o4d9_27"
+      >
+        <label
+          class="_label_1o4d9_60"
+          for="mx_DeclineAndBlockInviteDialog_reason"
+        >
+          Reason
+        </label>
+        <textarea
+          class="mx_RoomReportTextArea"
+          id="mx_DeclineAndBlockInviteDialog_reason"
+          placeholder="Describe the reason for reporting the room."
+          rows="5"
+        >
+          I want to report this room
+        </textarea>
+      </div>
+      <div
+        class="mx_Dialog_buttons"
+      >
+        <span
+          class="mx_Dialog_buttons_row"
+        >
+          <button
+            class="cancel"
+            data-testid="dialog-cancel-button"
+            type="button"
+          >
+            Cancel
+          </button>
+          <button
+            class="mx_Dialog_primary danger"
+            data-testid="dialog-primary-button"
+            type="button"
+          >
+            Decline invite
+          </button>
+        </span>
+      </div>
+    </form>
+    <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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap
new file mode 100644
index 00000000000..61c4c941150
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap
@@ -0,0 +1,109 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`ConfirmUserActionDialog renders 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_ConfirmUserActionDialog 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"
+      >
+        Ban this 
+      </h1>
+    </div>
+    <div
+      class="mx_Dialog_content"
+      id="mx_Dialog_content"
+    >
+      <div
+        class="mx_ConfirmUserActionDialog_user"
+      >
+        <div
+          class="mx_ConfirmUserActionDialog_avatar"
+        >
+          <span
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="3"
+            data-testid="avatar-img"
+            data-type="round"
+            role="presentation"
+            style="--cpd-avatar-size: 48px;"
+            title="@user:test.com"
+          >
+            u
+          </span>
+        </div>
+        <div
+          class="mx_ConfirmUserActionDialog_name"
+        >
+          @user:test.com
+        </div>
+        <div
+          class="mx_ConfirmUserActionDialog_userId"
+        >
+          @user:test.com
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Ban
+        </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateRoomDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateRoomDialog-test.tsx.snap
new file mode 100644
index 00000000000..e2ef3ee968d
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateRoomDialog-test.tsx.snap
@@ -0,0 +1,735 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<CreateRoomDialog /> for a private room should create a private room 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-labelledby="mx_BaseDialog_title"
+    class="mx_CreateRoomDialog 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"
+      >
+        Create a private room
+      </h1>
+    </div>
+    <div
+      class="mx_Dialog_content"
+    >
+      <form
+        class="_root_1o4d9_17"
+      >
+        <div
+          class="mx_Field mx_Field_input mx_CreateRoomDialog_name"
+        >
+          <input
+            id="mx_Field_25"
+            label="Name"
+            placeholder="Name"
+            type="text"
+            value=""
+          />
+          <label
+            for="mx_Field_25"
+          >
+            Name
+          </label>
+        </div>
+        <div
+          class="mx_Field mx_Field_input mx_CreateRoomDialog_topic"
+        >
+          <input
+            id="mx_Field_26"
+            label="Topic (optional)"
+            placeholder="Topic (optional)"
+            type="text"
+            value=""
+          />
+          <label
+            for="mx_Field_26"
+          >
+            Topic (optional)
+          </label>
+        </div>
+        <div>
+          <div
+            class="mx_Dropdown mx_JoinRuleDropdown"
+          >
+            <div
+              aria-describedby="mx_JoinRuleDropdown_value"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-label="Room visibility"
+              aria-owns="mx_JoinRuleDropdown_input"
+              class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
+              role="button"
+              tabindex="0"
+            >
+              <div
+                class="mx_Dropdown_option"
+                id="mx_JoinRuleDropdown_value"
+              >
+                <div
+                  class="mx_JoinRuleDropdown_invite"
+                >
+                  <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>
+                  Private room (invite only)
+                </div>
+              </div>
+              <svg
+                class="mx_Dropdown_arrow"
+                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>
+          <p>
+            Only people invited will be able to find and join this room. You can change this at any time from room settings.
+          </p>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                checked=""
+                class="_input_udcm8_24"
+                id="react-use-id-1"
+                role="switch"
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="react-use-id-1"
+            >
+              Enable end-to-end encryption
+            </label>
+            <span
+              class="_message_1o4d9_86 _help-message_1o4d9_92"
+              id="radix-react-use-id-2"
+            >
+              You can't disable this later. Bridges & most bots won't work yet.
+            </span>
+          </div>
+        </div>
+        <details
+          class="mx_CreateRoomDialog_details"
+        >
+          <summary
+            class="mx_CreateRoomDialog_details_summary"
+          >
+            Show advanced
+          </summary>
+          <div
+            class="_inline-field_1o4d9_33"
+          >
+            <div
+              class="_inline-field-control_1o4d9_45"
+            >
+              <div
+                class="_container_udcm8_10"
+              >
+                <input
+                  class="_input_udcm8_24"
+                  id="react-use-id-3"
+                  role="switch"
+                  type="checkbox"
+                />
+                <div
+                  class="_ui_udcm8_34"
+                />
+              </div>
+            </div>
+            <div
+              class="_inline-field-body_1o4d9_39"
+            >
+              <label
+                class="_label_1o4d9_60"
+                for="react-use-id-3"
+              >
+                Block anyone not part of server.org from ever joining this room.
+              </label>
+              <span
+                class="_message_1o4d9_86 _help-message_1o4d9_92"
+                id="radix-react-use-id-4"
+              >
+                You might enable this if the room will only be used for collaborating with internal teams on your homeserver. This cannot be changed later.
+              </span>
+            </div>
+          </div>
+        </details>
+      </form>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Create room
+        </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>
+`;
+
+exports[`<CreateRoomDialog /> for a private room should render not the advanced options when UI.advancedSettings is disabled 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-labelledby="mx_BaseDialog_title"
+    class="mx_CreateRoomDialog 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"
+      >
+        Create a private room
+      </h1>
+    </div>
+    <div
+      class="mx_Dialog_content"
+    >
+      <form
+        class="_root_1o4d9_17"
+      >
+        <div
+          class="mx_Field mx_Field_input mx_CreateRoomDialog_name"
+        >
+          <input
+            id="mx_Field_27"
+            label="Name"
+            placeholder="Name"
+            type="text"
+            value=""
+          />
+          <label
+            for="mx_Field_27"
+          >
+            Name
+          </label>
+        </div>
+        <div
+          class="mx_Field mx_Field_input mx_CreateRoomDialog_topic"
+        >
+          <input
+            id="mx_Field_28"
+            label="Topic (optional)"
+            placeholder="Topic (optional)"
+            type="text"
+            value=""
+          />
+          <label
+            for="mx_Field_28"
+          >
+            Topic (optional)
+          </label>
+        </div>
+        <div>
+          <div
+            class="mx_Dropdown mx_JoinRuleDropdown"
+          >
+            <div
+              aria-describedby="mx_JoinRuleDropdown_value"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-label="Room visibility"
+              aria-owns="mx_JoinRuleDropdown_input"
+              class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
+              role="button"
+              tabindex="0"
+            >
+              <div
+                class="mx_Dropdown_option"
+                id="mx_JoinRuleDropdown_value"
+              >
+                <div
+                  class="mx_JoinRuleDropdown_invite"
+                >
+                  <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>
+                  Private room (invite only)
+                </div>
+              </div>
+              <svg
+                class="mx_Dropdown_arrow"
+                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>
+          <p>
+            Only people invited will be able to find and join this room. You can change this at any time from room settings.
+          </p>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                checked=""
+                class="_input_udcm8_24"
+                id="react-use-id-1"
+                role="switch"
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="react-use-id-1"
+            >
+              Enable end-to-end encryption
+            </label>
+            <span
+              class="_message_1o4d9_86 _help-message_1o4d9_92"
+              id="radix-react-use-id-2"
+            >
+              You can't disable this later. Bridges & most bots won't work yet.
+            </span>
+          </div>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                class="_input_udcm8_24"
+                id="react-use-id-3"
+                role="switch"
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="react-use-id-3"
+            >
+              Encrypt state events
+            </label>
+            <span
+              class="_message_1o4d9_86 _help-message_1o4d9_92"
+              id="radix-react-use-id-4"
+            >
+              Enables experimental support for encrypting state events, which hides metadata such as room names and topics from the server. This metadata will also be hidden from people joining rooms later, and people whose clients do not support MSC4362.
+            </span>
+          </div>
+        </div>
+      </form>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Create room
+        </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>
+`;
+
+exports[`<CreateRoomDialog /> for a private room when the state encryption labs flag is on should turn on state encryption when toggled 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-labelledby="mx_BaseDialog_title"
+    class="mx_CreateRoomDialog 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"
+      >
+        Create a private room
+      </h1>
+    </div>
+    <div
+      class="mx_Dialog_content"
+    >
+      <form
+        class="_root_1o4d9_17"
+      >
+        <div
+          class="mx_Field mx_Field_input mx_CreateRoomDialog_name"
+        >
+          <input
+            id="mx_Field_29"
+            label="Name"
+            placeholder="Name"
+            type="text"
+            value=""
+          />
+          <label
+            for="mx_Field_29"
+          >
+            Name
+          </label>
+        </div>
+        <div
+          class="mx_Field mx_Field_input mx_CreateRoomDialog_topic"
+        >
+          <input
+            id="mx_Field_30"
+            label="Topic (optional)"
+            placeholder="Topic (optional)"
+            type="text"
+            value=""
+          />
+          <label
+            for="mx_Field_30"
+          >
+            Topic (optional)
+          </label>
+        </div>
+        <div>
+          <div
+            class="mx_Dropdown mx_JoinRuleDropdown mx_Dropdown_disabled"
+          >
+            <div
+              aria-describedby="mx_JoinRuleDropdown_value"
+              aria-disabled="true"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-label="Room visibility"
+              aria-owns="mx_JoinRuleDropdown_input"
+              class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput mx_AccessibleButton_disabled"
+              disabled=""
+              role="button"
+              tabindex="0"
+            >
+              <div
+                class="mx_Dropdown_option"
+                id="mx_JoinRuleDropdown_value"
+              >
+                <div
+                  class="mx_JoinRuleDropdown_invite"
+                >
+                  <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>
+                  Private room (invite only)
+                </div>
+              </div>
+              <svg
+                class="mx_Dropdown_arrow"
+                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>
+          <p>
+            Only people invited will be able to find and join this room. You can change this at any time from room settings.
+          </p>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                checked=""
+                class="_input_udcm8_24"
+                id="react-use-id-1"
+                role="switch"
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="react-use-id-1"
+            >
+              Enable end-to-end encryption
+            </label>
+            <span
+              class="_message_1o4d9_86 _help-message_1o4d9_92"
+              id="radix-react-use-id-2"
+            >
+              You can't disable this later. Bridges & most bots won't work yet.
+            </span>
+          </div>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                class="_input_udcm8_24"
+                id="react-use-id-3"
+                role="switch"
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="react-use-id-3"
+            >
+              Encrypt state events
+            </label>
+            <span
+              class="_message_1o4d9_86 _help-message_1o4d9_92"
+              id="radix-react-use-id-4"
+            >
+              Enables experimental support for encrypting state events, which hides metadata such as room names and topics from the server. This metadata will also be hidden from people joining rooms later, and people whose clients do not support MSC4362.
+            </span>
+          </div>
+        </div>
+      </form>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Create room
+        </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateSectionDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateSectionDialog-test.tsx.snap
new file mode 100644
index 00000000000..b4e994f6039
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateSectionDialog-test.tsx.snap
@@ -0,0 +1,108 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`CreateSectionDialog renders the dialog 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-labelledby="mx_BaseDialog_title"
+    class="mx_CreateSectionDialog 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"
+      >
+        Create a section
+      </h1>
+    </div>
+    <div
+      class="_flex_4dswl_9 mx_CreateSectionDialog_content"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-6x); --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60"
+      >
+        Sections are only for you
+      </span>
+      <form
+        class="_root_1o4d9_17 mx_CreateSectionDialog_form"
+      >
+        <div
+          class="_field_1o4d9_27"
+        >
+          <label
+            class="_label_1o4d9_60"
+            for="radix-react-use-id-1"
+          >
+             
+            Section name
+          </label>
+          <input
+            class="_control_d83jn_10"
+            id="radix-react-use-id-1"
+            name="sectionName"
+            required=""
+            title=""
+            value=""
+          />
+        </div>
+      </form>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          disabled=""
+          type="button"
+        >
+          Create section
+        </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap
new file mode 100644
index 00000000000..169d0f0f7eb
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap
@@ -0,0 +1,363 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`DevtoolsDialog renders the devtools dialog 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-labelledby="mx_BaseDialog_title"
+    class="mx_QuestionDialog 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"
+      >
+        Developer Tools
+      </h1>
+    </div>
+    <div
+      class="mx_DevTools_label_left"
+    >
+      Toolbox
+    </div>
+    <span
+      class="mx_CopyableText mx_DevTools_label_right"
+    >
+      Room ID: !id
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+        data-kind="primary"
+        role="button"
+        style="--cpd-icon-button-size: 28px; padding: 4px;"
+        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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+            />
+            <path
+              d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+            />
+          </svg>
+        </div>
+      </button>
+    </span>
+    <div
+      class="mx_DevTools_label_bottom"
+    />
+    <div
+      class="mx_DevTools_content"
+    >
+      <div>
+        <h2
+          class="mx_DevTools_toolHeading"
+        >
+          Room
+        </h2>
+        <button
+          class="mx_DevTools_button"
+          type="button"
+        >
+          Send custom timeline event
+        </button>
+        <button
+          class="mx_DevTools_button"
+          type="button"
+        >
+          Explore room state
+        </button>
+        <button
+          class="mx_DevTools_button"
+          type="button"
+        >
+          Explore room account data
+        </button>
+        <button
+          class="mx_DevTools_button"
+          type="button"
+        >
+          View servers in room
+        </button>
+        <button
+          class="mx_DevTools_button"
+          type="button"
+        >
+          Notifications debug
+        </button>
+        <button
+          class="mx_DevTools_button"
+          type="button"
+        >
+          Active Widgets
+        </button>
+        <button
+          class="mx_DevTools_button"
+          type="button"
+        >
+          Users
+        </button>
+        <button
+          class="mx_DevTools_button"
+          type="button"
+        >
+          Explore sticky state
+        </button>
+      </div>
+      <div>
+        <h2
+          class="mx_DevTools_toolHeading"
+        >
+          Other
+        </h2>
+        <button
+          class="mx_DevTools_button"
+          type="button"
+        >
+          Explore account data
+        </button>
+        <button
+          class="mx_DevTools_button"
+          type="button"
+        >
+          Settings explorer
+        </button>
+        <button
+          class="mx_DevTools_button"
+          type="button"
+        >
+          Server info
+        </button>
+        <button
+          class="mx_DevTools_button"
+          type="button"
+        >
+          End-to-end encryption
+        </button>
+      </div>
+      <form
+        class="_root_1o4d9_17 mx_DevTools_toggleForm"
+      >
+        <h2
+          class="mx_DevTools_toolHeading"
+        >
+          Options
+        </h2>
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                class="_input_udcm8_24"
+                id="mx_SettingsFlag_vY7Q4uEh9K38"
+                role="switch"
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="mx_SettingsFlag_vY7Q4uEh9K38"
+            >
+              Developer mode
+            </label>
+          </div>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                class="_input_udcm8_24"
+                id="mx_SettingsFlag_QgU2PomxwKpa"
+                role="switch"
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="mx_SettingsFlag_QgU2PomxwKpa"
+            >
+              Show hidden events in timeline
+            </label>
+          </div>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                class="_input_udcm8_24"
+                id="mx_SettingsFlag_6hpi3YEetmBG"
+                role="switch"
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="mx_SettingsFlag_6hpi3YEetmBG"
+            >
+              Enable widget screenshots on supported widgets
+            </label>
+          </div>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                class="_input_udcm8_24"
+                id="mx_SettingsFlag_4yVCeEefiPqp"
+                role="switch"
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="mx_SettingsFlag_4yVCeEefiPqp"
+            >
+              Disable bandwidth-heavy features
+            </label>
+            <span
+              class="_message_1o4d9_86 _help-message_1o4d9_92"
+              id="radix-react-use-id-2"
+            >
+              <span>
+                <span
+                  class="mx_SettingsTab_microcopy_warning"
+                >
+                  WARNING:
+                </span>
+                 Disables encryption, presence, avatars, read receipts, and typing notifications
+              </span>
+            </span>
+          </div>
+        </div>
+      </form>
+      <form
+        class="_root_1o4d9_17"
+      >
+        <div
+          class="_field_1o4d9_27"
+        >
+          <label
+            class="_label_1o4d9_60"
+            for="radix-react-use-id-3"
+          >
+            Element Call URL
+          </label>
+          <div
+            class="_controls_17lij_8"
+          >
+            <input
+              class="_control_d83jn_10"
+              id="radix-react-use-id-3"
+              name="input"
+              title=""
+              value=""
+            />
+          </div>
+        </div>
+      </form>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <button
+        type="button"
+      >
+        Back
+      </button>
+    </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ExportDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ExportDialog-test.tsx.snap
new file mode 100644
index 00000000000..bde84303733
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ExportDialog-test.tsx.snap
@@ -0,0 +1,257 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ExportDialog /> renders export dialog 1`] = `
+<div
+  aria-describedby="mx_Dialog_content"
+  aria-labelledby="mx_BaseDialog_title"
+  class="mx_ExportDialog false 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"
+    >
+      Export Chat
+    </h1>
+  </div>
+  <p>
+    Select from the options below to export chats from your timeline
+  </p>
+  <div
+    class="mx_ExportDialog_options"
+  >
+    <span
+      class="mx_ExportDialog_subheading"
+    >
+      Format
+    </span>
+    <label
+      class="mx_StyledRadioButton mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
+    >
+      <input
+        checked=""
+        id="exportFormat-Html"
+        name="exportFormat"
+        type="radio"
+        value="Html"
+      />
+      <div>
+        <div />
+      </div>
+      <div
+        class="mx_StyledRadioButton_content"
+      >
+        HTML
+      </div>
+      <div
+        class="mx_StyledRadioButton_spacer"
+      />
+    </label>
+    <label
+      class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
+    >
+      <input
+        id="exportFormat-PlainText"
+        name="exportFormat"
+        type="radio"
+        value="PlainText"
+      />
+      <div>
+        <div />
+      </div>
+      <div
+        class="mx_StyledRadioButton_content"
+      >
+        Plain Text
+      </div>
+      <div
+        class="mx_StyledRadioButton_spacer"
+      />
+    </label>
+    <label
+      class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
+    >
+      <input
+        id="exportFormat-Json"
+        name="exportFormat"
+        type="radio"
+        value="Json"
+      />
+      <div>
+        <div />
+      </div>
+      <div
+        class="mx_StyledRadioButton_content"
+      >
+        JSON
+      </div>
+      <div
+        class="mx_StyledRadioButton_spacer"
+      />
+    </label>
+    <span
+      class="mx_ExportDialog_subheading"
+    >
+      Messages
+    </span>
+    <div
+      class="mx_Field mx_Field_select"
+    >
+      <select
+        id="export-type"
+        type="text"
+      >
+        <option
+          value="Timeline"
+        >
+          Current Timeline
+        </option>
+        <option
+          value="Beginning"
+        >
+          From the beginning
+        </option>
+        <option
+          value="LastNMessages"
+        >
+          Specify a number of messages
+        </option>
+      </select>
+      <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"
+    >
+      Size Limit
+    </span>
+    <div
+      class="mx_Field mx_Field_input"
+    >
+      <input
+        autocomplete="off"
+        id="size-limit"
+        type="number"
+        value="8"
+      />
+      <label
+        for="size-limit"
+      />
+      <span
+        class="mx_Field_postfix"
+      >
+        <span>
+          MB
+        </span>
+      </span>
+    </div>
+    <form
+      class="_root_1o4d9_17"
+    >
+      <div
+        class="_inline-field_1o4d9_33 mx_ExportDialog_attachments-checkbox"
+      >
+        <div
+          class="_inline-field-control_1o4d9_45"
+        >
+          <div
+            class="_container_153f2_10"
+          >
+            <input
+              class="_input_153f2_18"
+              id="include-attachments"
+              type="checkbox"
+            />
+            <div
+              class="_ui_153f2_19"
+            >
+              <svg
+                aria-hidden="true"
+                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>
+        <div
+          class="_inline-field-body_1o4d9_39"
+        >
+          <label
+            class="_label_1o4d9_60"
+            for="include-attachments"
+          >
+            Include Attachments
+          </label>
+        </div>
+      </div>
+    </form>
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <span
+      class="mx_Dialog_buttons_row"
+    >
+      <button
+        class="cancel"
+        data-testid="dialog-cancel-button"
+        type="button"
+      >
+        Cancel
+      </button>
+      <button
+        class="mx_Dialog_primary"
+        data-testid="dialog-primary-button"
+        type="button"
+      >
+        Export
+      </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>
+`;
+
+exports[`<ExportDialog /> renders success screen when export is finished 1`] = `null`;
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/FeedbackDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/FeedbackDialog-test.tsx.snap
new file mode 100644
index 00000000000..a5625236c4c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/FeedbackDialog-test.tsx.snap
@@ -0,0 +1,126 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`FeedbackDialog should respect feedback config 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_QuestionDialog mx_FeedbackDialog 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"
+      >
+        Feedback
+      </h1>
+    </div>
+    <div
+      class="mx_Dialog_content"
+      id="mx_Dialog_content"
+    >
+      <div
+        class="mx_FeedbackDialog_section"
+      >
+        <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>
+        <p>
+          <span>
+            Please view 
+            <a
+              class="mx_ExternalLink"
+              href="http://existing?foo=bar"
+              rel="noreferrer noopener"
+              target="_blank"
+            >
+              existing bugs on Github
+              <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>
+             first. No match? 
+            <a
+              class="mx_ExternalLink"
+              href="https://new.issue.url?foo=bar"
+              rel="noreferrer noopener"
+              target="_blank"
+            >
+              Start a new one
+              <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>
+        </p>
+      </div>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Go back
+        </button>
+      </span>
+    </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/IntegrationsDisabledDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/IntegrationsDisabledDialog-test.tsx.snap
new file mode 100644
index 00000000000..93caafe5a1f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/IntegrationsDisabledDialog-test.tsx.snap
@@ -0,0 +1,81 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<IntegrationsDisabledDialog /> should render as expected 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-labelledby="mx_BaseDialog_title"
+    class="mx_IntegrationsDisabledDialog 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"
+      >
+        Integrations are disabled
+      </h1>
+    </div>
+    <div
+      class="mx_IntegrationsDisabledDialog_content"
+    >
+      <p>
+        Enable 'Manage integrations' in Settings to do this.
+      </p>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          OK
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Settings
+        </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/InviteProgressBody-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/InviteProgressBody-test.tsx.snap
new file mode 100644
index 00000000000..1a6683ab90a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/InviteProgressBody-test.tsx.snap
@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`InviteProgressBody should match snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_InviteProgressBody"
+  >
+    <span
+      class="mx_InlineSpinner"
+    >
+      <svg
+        aria-label="Loading…"
+        class="_icon_1855a_18"
+        data-testid="spinner"
+        fill="currentColor"
+        height="1em"
+        role="progressbar"
+        style="width: 32px; height: 32px;"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </span>
+    <h1>
+      Preparing invitations...
+    </h1>
+    Do not close the app until finished.
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/LogoutDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/LogoutDialog-test.tsx.snap
new file mode 100644
index 00000000000..a7bc338de0a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/LogoutDialog-test.tsx.snap
@@ -0,0 +1,540 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`LogoutDialog Prompts user to set up recovery if there is a backup on the server but no secret storage 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_LogoutDialog mx_Dialog_fixedWidth"
+    data-focus-lock-disabled="false"
+    role="dialog"
+    tabindex="-1"
+  >
+    <div
+      class="mx_Dialog_header"
+    />
+    <div
+      class="mx_EncryptionCard mx_EncryptionCard_noBorder"
+    >
+      <div
+        class="mx_EncryptionCard_header"
+      >
+        <div
+          class="_big-icon_1ssbv_8"
+          data-kind="critical"
+          data-size="lg"
+        >
+          <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>
+        <h2
+          class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+        >
+          You're about to lose access to your encrypted chats
+        </h2>
+      </div>
+      <div
+        class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+        >
+          This is your only device. If you remove it you'll need a recovery key in order to confirm your digital identity and restore your encrypted chats the next time you sign in.
+        </p>
+        <a
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+          href="https://element.io/en/help#encryption16"
+          target="_blank"
+        >
+          Learn more
+           
+          <svg
+            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>
+      </div>
+      <div
+        class="mx_EncryptionCard_buttons"
+      >
+        <button
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="primary"
+          data-size="lg"
+          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 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 5 12q0-.825.588-1.412A1.93 1.93 0 0 1 7 10q.824 0 1.412.588Q9 11.175 9 12t-.588 1.412A1.93 1.93 0 0 1 7 14m0 4q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q1.676 0 3.037.825A6.2 6.2 0 0 1 12.2 9h8.375q.2 0 .387.075.188.075.338.225l2 2q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-3.175 3.175a1 1 0 0 1-.3.2q-.175.075-.35.1a.8.8 0 0 1-.35-.025.9.9 0 0 1-.325-.175L17.5 15l-1.425 1.075a.95.95 0 0 1-.887.15.9.9 0 0 1-.288-.15L13.375 15H12.2a6.2 6.2 0 0 1-2.162 2.175Q8.675 18 7 18m0-2q1.4 0 2.463-.85A4.03 4.03 0 0 0 10.875 13H14l1.45 1.025L17.5 12.5l1.775 1.375L21.15 12l-1-1h-9.275a4.03 4.03 0 0 0-1.412-2.15Q8.4 8 7 8 5.35 8 4.175 9.175T3 12t1.175 2.825T7 16"
+            />
+          </svg>
+          Get recovery key
+        </button>
+        <button
+          class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
+          data-kind="tertiary"
+          data-size="lg"
+          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="M9 12.031q0-.424.288-.712A.97.97 0 0 1 10 11.03h7.15l-1.875-1.875a.96.96 0 0 1-.3-.7q0-.4.325-.725a.93.93 0 0 1 .712-.287.98.98 0 0 1 .688.287l3.6 3.6q.15.15.212.325.063.175.063.375 0 .201-.062.375a.9.9 0 0 1-.213.325l-3.6 3.6q-.3.3-.712.288a.98.98 0 0 1-.688-.288 1.02 1.02 0 0 1-.312-.712.93.93 0 0 1 .287-.713l1.875-1.875H10a.97.97 0 0 1-.712-.287A.97.97 0 0 1 9 12.03m-6-7q0-.824.588-1.412A1.93 1.93 0 0 1 5 3.03h6q.424 0 .713.288.287.287.287.712t-.287.713A.97.97 0 0 1 11 5.03H5v14h6q.424 0 .713.288.287.287.287.712t-.287.713a.97.97 0 0 1-.713.287H5q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19.03z"
+            />
+          </svg>
+          Remove this device anyway
+        </button>
+      </div>
+    </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>
+`;
+
+exports[`LogoutDialog Prompts user to set up recovery if there is no backup on the server 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_LogoutDialog mx_Dialog_fixedWidth"
+    data-focus-lock-disabled="false"
+    role="dialog"
+    tabindex="-1"
+  >
+    <div
+      class="mx_Dialog_header"
+    />
+    <div
+      class="mx_EncryptionCard mx_EncryptionCard_noBorder"
+    >
+      <div
+        class="mx_EncryptionCard_header"
+      >
+        <div
+          class="_big-icon_1ssbv_8"
+          data-kind="critical"
+          data-size="lg"
+        >
+          <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>
+        <h2
+          class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+        >
+          You're about to lose access to your encrypted chats
+        </h2>
+      </div>
+      <div
+        class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+        >
+          This is your only device. If you remove it you'll need a recovery key in order to confirm your digital identity and restore your encrypted chats the next time you sign in.
+        </p>
+        <a
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+          href="https://element.io/en/help#encryption16"
+          target="_blank"
+        >
+          Learn more
+           
+          <svg
+            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>
+      </div>
+      <div
+        class="mx_EncryptionCard_buttons"
+      >
+        <button
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="primary"
+          data-size="lg"
+          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 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 5 12q0-.825.588-1.412A1.93 1.93 0 0 1 7 10q.824 0 1.412.588Q9 11.175 9 12t-.588 1.412A1.93 1.93 0 0 1 7 14m0 4q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q1.676 0 3.037.825A6.2 6.2 0 0 1 12.2 9h8.375q.2 0 .387.075.188.075.338.225l2 2q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-3.175 3.175a1 1 0 0 1-.3.2q-.175.075-.35.1a.8.8 0 0 1-.35-.025.9.9 0 0 1-.325-.175L17.5 15l-1.425 1.075a.95.95 0 0 1-.887.15.9.9 0 0 1-.288-.15L13.375 15H12.2a6.2 6.2 0 0 1-2.162 2.175Q8.675 18 7 18m0-2q1.4 0 2.463-.85A4.03 4.03 0 0 0 10.875 13H14l1.45 1.025L17.5 12.5l1.775 1.375L21.15 12l-1-1h-9.275a4.03 4.03 0 0 0-1.412-2.15Q8.4 8 7 8 5.35 8 4.175 9.175T3 12t1.175 2.825T7 16"
+            />
+          </svg>
+          Get recovery key
+        </button>
+        <button
+          class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
+          data-kind="tertiary"
+          data-size="lg"
+          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="M9 12.031q0-.424.288-.712A.97.97 0 0 1 10 11.03h7.15l-1.875-1.875a.96.96 0 0 1-.3-.7q0-.4.325-.725a.93.93 0 0 1 .712-.287.98.98 0 0 1 .688.287l3.6 3.6q.15.15.212.325.063.175.063.375 0 .201-.062.375a.9.9 0 0 1-.213.325l-3.6 3.6q-.3.3-.712.288a.98.98 0 0 1-.688-.288 1.02 1.02 0 0 1-.312-.712.93.93 0 0 1 .287-.713l1.875-1.875H10a.97.97 0 0 1-.712-.287A.97.97 0 0 1 9 12.03m-6-7q0-.824.588-1.412A1.93 1.93 0 0 1 5 3.03h6q.424 0 .713.288.287.287.287.712t-.287.713A.97.97 0 0 1 11 5.03H5v14h6q.424 0 .713.288.287.287.287.712t-.287.713a.97.97 0 0 1-.713.287H5q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19.03z"
+            />
+          </svg>
+          Remove this device anyway
+        </button>
+      </div>
+    </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>
+`;
+
+exports[`LogoutDialog Prompts user to set up recovery if there is no backup on the server, and the user has other unverified/dehydrated devices 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_LogoutDialog mx_Dialog_fixedWidth"
+    data-focus-lock-disabled="false"
+    role="dialog"
+    tabindex="-1"
+  >
+    <div
+      class="mx_Dialog_header"
+    />
+    <div
+      class="mx_EncryptionCard mx_EncryptionCard_noBorder"
+    >
+      <div
+        class="mx_EncryptionCard_header"
+      >
+        <div
+          class="_big-icon_1ssbv_8"
+          data-kind="critical"
+          data-size="lg"
+        >
+          <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>
+        <h2
+          class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+        >
+          You're about to lose access to your encrypted chats
+        </h2>
+      </div>
+      <div
+        class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+        >
+          This is your only device. If you remove it you'll need a recovery key in order to confirm your digital identity and restore your encrypted chats the next time you sign in.
+        </p>
+        <a
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+          href="https://element.io/en/help#encryption16"
+          target="_blank"
+        >
+          Learn more
+           
+          <svg
+            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>
+      </div>
+      <div
+        class="mx_EncryptionCard_buttons"
+      >
+        <button
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="primary"
+          data-size="lg"
+          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 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 5 12q0-.825.588-1.412A1.93 1.93 0 0 1 7 10q.824 0 1.412.588Q9 11.175 9 12t-.588 1.412A1.93 1.93 0 0 1 7 14m0 4q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q1.676 0 3.037.825A6.2 6.2 0 0 1 12.2 9h8.375q.2 0 .387.075.188.075.338.225l2 2q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-3.175 3.175a1 1 0 0 1-.3.2q-.175.075-.35.1a.8.8 0 0 1-.35-.025.9.9 0 0 1-.325-.175L17.5 15l-1.425 1.075a.95.95 0 0 1-.887.15.9.9 0 0 1-.288-.15L13.375 15H12.2a6.2 6.2 0 0 1-2.162 2.175Q8.675 18 7 18m0-2q1.4 0 2.463-.85A4.03 4.03 0 0 0 10.875 13H14l1.45 1.025L17.5 12.5l1.775 1.375L21.15 12l-1-1h-9.275a4.03 4.03 0 0 0-1.412-2.15Q8.4 8 7 8 5.35 8 4.175 9.175T3 12t1.175 2.825T7 16"
+            />
+          </svg>
+          Get recovery key
+        </button>
+        <button
+          class="_button_1nw83_8 _has-icon_1nw83_60 _destructive_1nw83_110"
+          data-kind="tertiary"
+          data-size="lg"
+          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="M9 12.031q0-.424.288-.712A.97.97 0 0 1 10 11.03h7.15l-1.875-1.875a.96.96 0 0 1-.3-.7q0-.4.325-.725a.93.93 0 0 1 .712-.287.98.98 0 0 1 .688.287l3.6 3.6q.15.15.212.325.063.175.063.375 0 .201-.062.375a.9.9 0 0 1-.213.325l-3.6 3.6q-.3.3-.712.288a.98.98 0 0 1-.688-.288 1.02 1.02 0 0 1-.312-.712.93.93 0 0 1 .287-.713l1.875-1.875H10a.97.97 0 0 1-.712-.287A.97.97 0 0 1 9 12.03m-6-7q0-.824.588-1.412A1.93 1.93 0 0 1 5 3.03h6q.424 0 .713.288.287.287.287.712t-.287.713A.97.97 0 0 1 11 5.03H5v14h6q.424 0 .713.288.287.287.287.712t-.287.713a.97.97 0 0 1-.713.287H5q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19.03z"
+            />
+          </svg>
+          Remove this device anyway
+        </button>
+      </div>
+    </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>
+`;
+
+exports[`LogoutDialog shows a regular dialog when crypto is disabled 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_QuestionDialog 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"
+      >
+        Remove this device
+      </h1>
+    </div>
+    <div
+      class="mx_Dialog_content"
+      id="mx_Dialog_content"
+    >
+      Are you sure you want to remove this device?
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Remove this device
+        </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManageRestrictedJoinRuleDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManageRestrictedJoinRuleDialog-test.tsx.snap
new file mode 100644
index 00000000000..fa0c276705e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManageRestrictedJoinRuleDialog-test.tsx.snap
@@ -0,0 +1,351 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ManageRestrictedJoinRuleDialog /> should list spaces which are not parents of the room 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-labelledby="mx_BaseDialog_title"
+    class="mx_ManageRestrictedJoinRuleDialog"
+    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"
+      >
+        Manage spaces
+      </h1>
+    </div>
+    <p>
+      <span>
+        Spaces where members can join 
+        <strong>
+          !roomId:server
+        </strong>
+         without an invitation.
+      </span>
+    </p>
+    <div
+      class="mx_SearchBox mx_textinput"
+    >
+      <input
+        autocomplete="off"
+        class="mx_textinput_icon mx_textinput_search mx_textinput_icon mx_textinput_search"
+        data-testid="searchbox-input"
+        placeholder="Search spaces"
+        type="text"
+        value=""
+      />
+      <div
+        class="mx_AccessibleButton mx_SearchBox_closeButton"
+        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="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="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ManageRestrictedJoinRuleDialog_content"
+      tabindex="-1"
+    >
+      <div
+        class="mx_ManageRestrictedJoinRuleDialog_section"
+      >
+        <h3>
+          Your spaces that do not contain this room
+        </h3>
+        <div
+          class="mx_ManageRestrictedJoinRuleDialog_entry"
+        >
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="_inline-field_1o4d9_33"
+            >
+              <div
+                class="_inline-field-control_1o4d9_45"
+              >
+                <div
+                  class="_container_153f2_10"
+                >
+                  <input
+                    aria-describedby="react-use-id-1"
+                    class="_input_153f2_18"
+                    id="checkbox_vY7Q4uEh9K"
+                    type="checkbox"
+                  />
+                  <div
+                    class="_ui_153f2_19"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      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>
+              <div
+                class="_inline-field-body_1o4d9_39"
+              >
+                <label
+                  class="_label_1o4d9_60"
+                  for="checkbox_vY7Q4uEh9K"
+                >
+                  <div>
+                    <span
+                      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+                      data-color="1"
+                      data-testid="avatar-img"
+                      data-type="round"
+                      role="none"
+                      style="--cpd-avatar-size: 20px;"
+                    >
+                      O
+                    </span>
+                    <span
+                      class="mx_ManageRestrictedJoinRuleDialog_entry_name"
+                    >
+                      Other Space
+                    </span>
+                  </div>
+                </label>
+                <span
+                  class="_message_1o4d9_86 _help-message_1o4d9_92"
+                  id="react-use-id-1"
+                >
+                  0 members
+                </span>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_ManageRestrictedJoinRuleDialog_footer"
+    >
+      <div
+        class="mx_ManageRestrictedJoinRuleDialog_section_info"
+      >
+        <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 16v-4a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 12v4q0 .424.287.712.288.288.713.288m0-8q.424 0 .713-.287A.97.97 0 0 0 13 8a.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 8q0 .424.287.713Q11.576 9 12 9m0 13a9.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>
+        You're removing all authorised spaces. Access will default to invite only
+      </div>
+      <div
+        class="mx_ManageRestrictedJoinRuleDialog_footer_buttons"
+      >
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
+          role="button"
+          tabindex="0"
+        >
+          Cancel
+        </div>
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+          role="button"
+          tabindex="0"
+        >
+          Confirm
+        </div>
+      </div>
+    </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>
+`;
+
+exports[`<ManageRestrictedJoinRuleDialog /> should render empty state 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-labelledby="mx_BaseDialog_title"
+    class="mx_ManageRestrictedJoinRuleDialog"
+    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"
+      >
+        Manage spaces
+      </h1>
+    </div>
+    <p>
+      <span>
+        Spaces where members can join 
+        <strong>
+          !roomId:server
+        </strong>
+         without an invitation.
+      </span>
+    </p>
+    <div
+      class="mx_SearchBox mx_textinput"
+    >
+      <input
+        autocomplete="off"
+        class="mx_textinput_icon mx_textinput_search mx_textinput_icon mx_textinput_search"
+        data-testid="searchbox-input"
+        placeholder="Search spaces"
+        type="text"
+        value=""
+      />
+      <div
+        class="mx_AccessibleButton mx_SearchBox_closeButton"
+        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="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="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ManageRestrictedJoinRuleDialog_content"
+      tabindex="-1"
+    >
+      <span
+        class="mx_ManageRestrictedJoinRuleDialog_noResults"
+      >
+        No results
+      </span>
+    </div>
+    <div
+      class="mx_ManageRestrictedJoinRuleDialog_footer"
+    >
+      <div
+        class="mx_ManageRestrictedJoinRuleDialog_section_info"
+      >
+        <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 16v-4a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 12v4q0 .424.287.712.288.288.713.288m0-8q.424 0 .713-.287A.97.97 0 0 0 13 8a.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 8q0 .424.287.713Q11.576 9 12 9m0 13a9.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>
+        You're removing all authorised spaces. Access will default to invite only
+      </div>
+      <div
+        class="mx_ManageRestrictedJoinRuleDialog_footer_buttons"
+      >
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
+          role="button"
+          tabindex="0"
+        >
+          Cancel
+        </div>
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+          role="button"
+          tabindex="0"
+        >
+          Confirm
+        </div>
+      </div>
+    </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManualDeviceKeyVerificationDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManualDeviceKeyVerificationDialog-test.tsx.snap
new file mode 100644
index 00000000000..9fc03b1c524
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManualDeviceKeyVerificationDialog-test.tsx.snap
@@ -0,0 +1,121 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`ManualDeviceKeyVerificationDialog should render correctly 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_QuestionDialog 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"
+      >
+        Verify session
+      </h1>
+    </div>
+    <div
+      class="mx_Dialog_content"
+      id="mx_Dialog_content"
+    >
+      <div>
+        <p>
+          Supply the ID and fingerprint of one of your own devices to verify it. NOTE this allows the other device to send and receive messages as you. IF SOMEONE TOLD YOU TO PASTE SOMETHING HERE, IT IS LIKELY YOU ARE BEING SCAMMED!
+        </p>
+        <div
+          class="mx_DeviceVerifyDialog_cryptoSection"
+        >
+          <div
+            class="mx_Field mx_Field_input mx_TextInputDialog_input"
+          >
+            <input
+              id="mx_Field_1"
+              label="Device ID"
+              placeholder="Device ID"
+              type="text"
+              value="XYZ"
+            />
+            <label
+              for="mx_Field_1"
+            >
+              Device ID
+            </label>
+          </div>
+          <div
+            class="mx_Field mx_Field_input mx_TextInputDialog_input"
+          >
+            <input
+              id="mx_Field_2"
+              label="Fingerprint (session key)"
+              placeholder="Fingerprint (session key)"
+              type="text"
+              value="ABCDEFGH"
+            />
+            <label
+              for="mx_Field_2"
+            >
+              Fingerprint (session key)
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Verify session
+        </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/MessageEditHistoryDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/MessageEditHistoryDialog-test.tsx.snap
new file mode 100644
index 00000000000..cfea2f22d2b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/MessageEditHistoryDialog-test.tsx.snap
@@ -0,0 +1,398 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<MessageEditHistory /> should match the snapshot 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-labelledby="mx_BaseDialog_title"
+    class="mx_MessageEditHistoryDialog 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"
+      >
+        Message edits
+      </h1>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_MessageEditHistoryDialog_scrollPanel"
+      tabindex="-1"
+    >
+      <div
+        class="mx_RoomView_messageListWrapper"
+      >
+        <ol
+          aria-live="polite"
+          class="mx_RoomView_MessageList"
+        >
+          <ul
+            class="mx_MessageEditHistoryDialog_edits"
+          >
+            <li>
+              <div
+                aria-label="Thu, Jan 1, 1970"
+                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"
+                />
+                <div
+                  class="_flex_4dswl_9 _content_u6fft_8"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+                >
+                  <h2
+                    aria-hidden="true"
+                    class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121"
+                  >
+                    Thu, Jan 1, 1970
+                  </h2>
+                </div>
+                <hr
+                  role="none"
+                />
+              </div>
+            </li>
+            <li>
+              <div
+                class="mx_EventTile"
+              >
+                <div
+                  class="mx_EventTile_line"
+                >
+                  <span
+                    aria-live="off"
+                    class="mx_MessageTimestamp _content_1jaux_8"
+                  >
+                    00:00
+                  </span>
+                  <div
+                    class="mx_EventTile_content"
+                  >
+                    <span
+                      class="mx_EventTile_body translate"
+                      dir="auto"
+                    >
+                      My Great Massage
+                    </span>
+                  </div>
+                  <div
+                    aria-label="Message Actions"
+                    aria-live="off"
+                    class="_flex_4dswl_9 mx_ThreadActionBar mx_HistoryActionBar _toolbar_1ksun_8"
+                    role="toolbar"
+                    style="--mx-flex-display: inline-flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-label="Remove"
+                      class="_button_1nw83_8 _toolbar_item_1ksun_14"
+                      data-kind="tertiary"
+                      data-presentation="label"
+                      data-size="md"
+                      role="button"
+                      tabindex="0"
+                    >
+                      Remove
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </li>
+          </ul>
+        </ol>
+      </div>
+    </div>
+    <div
+      aria-describedby="react-use-id-1"
+      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>
+`;
+
+exports[`<MessageEditHistory /> should support events with 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-labelledby="mx_BaseDialog_title"
+    class="mx_MessageEditHistoryDialog 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"
+      >
+        Message edits
+      </h1>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_ScrollPanel mx_MessageEditHistoryDialog_scrollPanel"
+      tabindex="-1"
+    >
+      <div
+        class="mx_RoomView_messageListWrapper"
+      >
+        <ol
+          aria-live="polite"
+          class="mx_RoomView_MessageList"
+        >
+          <ul
+            class="mx_MessageEditHistoryDialog_edits"
+          >
+            <li>
+              <div
+                aria-label="Thu, Jan 1, 1970"
+                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"
+                />
+                <div
+                  class="_flex_4dswl_9 _content_u6fft_8"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+                >
+                  <h2
+                    aria-hidden="true"
+                    class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121"
+                  >
+                    Thu, Jan 1, 1970
+                  </h2>
+                </div>
+                <hr
+                  role="none"
+                />
+              </div>
+            </li>
+            <li>
+              <div
+                class="mx_EventTile"
+              >
+                <div
+                  class="mx_EventTile_line"
+                >
+                  <span
+                    aria-live="off"
+                    class="mx_MessageTimestamp _content_1jaux_8"
+                  >
+                    00:00
+                  </span>
+                  <div
+                    class="mx_EventTile_content"
+                  >
+                    <span
+                      class="mx_EventTile_body markdown-body"
+                      dir="auto"
+                    >
+                      <span>
+                        My Great Massage
+                        <span
+                          class="mx_EditHistoryMessage_deletion"
+                        >
+                          ?
+                        </span>
+                      </span>
+                    </span>
+                  </div>
+                  <div
+                    aria-label="Message Actions"
+                    aria-live="off"
+                    class="_flex_4dswl_9 mx_ThreadActionBar mx_HistoryActionBar _toolbar_1ksun_8"
+                    role="toolbar"
+                    style="--mx-flex-display: inline-flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-label="Remove"
+                      class="_button_1nw83_8 _toolbar_item_1ksun_14"
+                      data-kind="tertiary"
+                      data-presentation="label"
+                      data-size="md"
+                      role="button"
+                      tabindex="0"
+                    >
+                      Remove
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </li>
+            <li>
+              <div
+                class="mx_EventTile"
+              >
+                <div
+                  class="mx_EventTile_line"
+                >
+                  <span
+                    aria-live="off"
+                    class="mx_MessageTimestamp _content_1jaux_8"
+                  >
+                    00:00
+                  </span>
+                  <div
+                    class="mx_EventTile_content"
+                  >
+                    <span
+                      class="mx_EventTile_body markdown-body"
+                      dir="auto"
+                    >
+                      <span>
+                        My Great M
+                        <span
+                          class="mx_EditHistoryMessage_deletion"
+                        >
+                          i
+                        </span>
+                        <span
+                          class="mx_EditHistoryMessage_insertion"
+                        >
+                          a
+                        </span>
+                        ssage
+                        <span
+                          class="mx_EditHistoryMessage_insertion"
+                        >
+                          ?
+                        </span>
+                      </span>
+                    </span>
+                  </div>
+                  <div
+                    aria-label="Message Actions"
+                    aria-live="off"
+                    class="_flex_4dswl_9 mx_ThreadActionBar mx_HistoryActionBar _toolbar_1ksun_8"
+                    role="toolbar"
+                    style="--mx-flex-display: inline-flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-label="Remove"
+                      class="_button_1nw83_8 _toolbar_item_1ksun_14"
+                      data-kind="tertiary"
+                      data-presentation="label"
+                      data-size="md"
+                      role="button"
+                      tabindex="0"
+                    >
+                      Remove
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </li>
+            <li>
+              <div
+                class="mx_EventTile"
+              >
+                <div
+                  class="mx_EventTile_line"
+                >
+                  <span
+                    aria-live="off"
+                    class="mx_MessageTimestamp _content_1jaux_8"
+                  >
+                    00:00
+                  </span>
+                  <div
+                    class="mx_EventTile_content"
+                  >
+                    <span
+                      class="mx_EventTile_body translate"
+                      dir="auto"
+                    >
+                      My Great Missage
+                    </span>
+                  </div>
+                  <div
+                    aria-label="Message Actions"
+                    aria-live="off"
+                    class="_flex_4dswl_9 mx_ThreadActionBar mx_HistoryActionBar _toolbar_1ksun_8"
+                    role="toolbar"
+                    style="--mx-flex-display: inline-flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-label="Remove"
+                      class="_button_1nw83_8 _toolbar_item_1ksun_14"
+                      data-kind="tertiary"
+                      data-presentation="label"
+                      data-size="md"
+                      role="button"
+                      tabindex="0"
+                    >
+                      Remove
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </li>
+          </ul>
+        </ol>
+      </div>
+    </div>
+    <div
+      aria-describedby="react-use-id-1"
+      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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RemoveSectionDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RemoveSectionDialog-test.tsx.snap
new file mode 100644
index 00000000000..2c9aab2a04d
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RemoveSectionDialog-test.tsx.snap
@@ -0,0 +1,163 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`RemoveSectionDialog renders the dialog when section is empty 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-labelledby="mx_BaseDialog_title"
+    class="mx_RemoveSectionDialog 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"
+      >
+        Remove section?
+      </h1>
+    </div>
+    <span
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+    >
+      Are you sure you want to remove this section?
+    </span>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Remove section
+        </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>
+`;
+
+exports[`RemoveSectionDialog renders the dialog when section is not empty 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-labelledby="mx_BaseDialog_title"
+    class="mx_RemoveSectionDialog 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"
+      >
+        Remove section?
+      </h1>
+    </div>
+    <span
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+    >
+      Are you sure you want to remove this section?
+    </span>
+    <br />
+    <span
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+    >
+      The chats in this section will still be available in your chats list.
+    </span>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Remove section
+        </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ReportRoomDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ReportRoomDialog-test.tsx.snap
new file mode 100644
index 00000000000..46815a3cf91
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ReportRoomDialog-test.tsx.snap
@@ -0,0 +1,148 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`ReportRoomDialog displays admin message 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_ReportEventDialog"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_ReportRoomDialog 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"
+      >
+        Report room
+      </h1>
+    </div>
+    <form
+      class="_root_1o4d9_17"
+      id="mx_ReportEventDialog"
+    >
+      <div
+        class="_field_1o4d9_27"
+      >
+        <label
+          class="_label_1o4d9_60"
+          for="mx_ReportRoomDialog_reason"
+        >
+          Describe the reason
+        </label>
+        <textarea
+          id="mx_ReportRoomDialog_reason"
+          rows="5"
+        />
+        <span
+          class="_message_1o4d9_86 _help-message_1o4d9_92"
+          id="radix-react-use-id-1"
+        >
+          Report this room to your account provider. If the messages are encrypted, your admin will not be able to read them.
+        </span>
+      </div>
+      <p>
+        <h1>
+          You should know
+        </h1>
+        
+
+        <p>
+          This doesn't actually go 
+          <strong>
+            anywhere
+          </strong>
+          .
+        </p>
+        
+
+      </p>
+      <div
+        class="_inline-field_1o4d9_33"
+      >
+        <div
+          class="_inline-field-control_1o4d9_45"
+        >
+          <div
+            class="_container_udcm8_10"
+          >
+            <input
+              class="_input_udcm8_24"
+              id="react-use-id-2"
+              role="switch"
+              type="checkbox"
+            />
+            <div
+              class="_ui_udcm8_34"
+            />
+          </div>
+        </div>
+        <div
+          class="_inline-field-body_1o4d9_39"
+        >
+          <label
+            class="_label_1o4d9_60"
+            for="react-use-id-2"
+          >
+            Leave room
+          </label>
+        </div>
+      </div>
+      <div
+        class="mx_Dialog_buttons"
+      >
+        <span
+          class="mx_Dialog_buttons_row"
+        >
+          <button
+            class="cancel"
+            data-testid="dialog-cancel-button"
+            type="button"
+          >
+            Cancel
+          </button>
+          <button
+            class="mx_Dialog_primary danger"
+            data-testid="dialog-primary-button"
+            disabled=""
+            type="button"
+          >
+            Send report
+          </button>
+        </span>
+      </div>
+    </form>
+    <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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RoomSettingsDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RoomSettingsDialog-test.tsx.snap
new file mode 100644
index 00000000000..fa3f7b06577
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RoomSettingsDialog-test.tsx.snap
@@ -0,0 +1,251 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<RoomSettingsDialog /> Settings tabs renders default tabs correctly 1`] = `
+NodeList [
+  <li
+    aria-controls="mx_tabpanel_ROOM_GENERAL_TAB"
+    aria-labelledby="mx_tabpanel_ROOM_GENERAL_TAB_label"
+    aria-selected="true"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel mx_TabbedView_tabLabel_active"
+    data-testid="settings-tab-ROOM_GENERAL_TAB"
+    role="tab"
+    tabindex="0"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0"
+      />
+      <path
+        d="M11.312 2h1.376A2.31 2.31 0 0 1 15 4.312v.247l.002.003c.01.014.031.033.064.047.03.013.056.013.07.01h.002l.177-.177a2.31 2.31 0 0 1 3.27 0l.973.974a2.31 2.31 0 0 1 0 3.269l-.177.177v.003a.13.13 0 0 0 .01.07.15.15 0 0 0 .047.063l.003.002h.247A2.31 2.31 0 0 1 22 11.312v1.376A2.31 2.31 0 0 1 19.688 15h-.247l-.003.002a.15.15 0 0 0-.047.064.13.13 0 0 0-.01.07v.002l.177.177a2.31 2.31 0 0 1 0 3.27l-.974.973a2.31 2.31 0 0 1-3.269 0l-.177-.177h-.003a.13.13 0 0 0-.07.01.15.15 0 0 0-.063.047l-.002.003v.247A2.31 2.31 0 0 1 12.688 22h-1.376A2.31 2.31 0 0 1 9 19.688v-.247l-.002-.003a.15.15 0 0 0-.064-.047.13.13 0 0 0-.07-.01h-.002l-.177.177a2.31 2.31 0 0 1-3.27 0l-.973-.974a2.31 2.31 0 0 1 0-3.269l.177-.177v-.003a.14.14 0 0 0-.01-.07.15.15 0 0 0-.047-.063L4.559 15h-.247A2.31 2.31 0 0 1 2 12.688v-1.376A2.31 2.31 0 0 1 4.312 9h.247l.003-.002a.15.15 0 0 0 .047-.064.14.14 0 0 0 .01-.07v-.002l-.177-.177a2.31 2.31 0 0 1 0-3.27l.974-.973a2.31 2.31 0 0 1 3.269 0l.177.177h.003a.14.14 0 0 0 .07-.01.15.15 0 0 0 .063-.047L9 4.559v-.247A2.31 2.31 0 0 1 11.312 2M11 4.312v.257c0 .893-.59 1.593-1.299 1.887-.716.297-1.622.21-2.248-.418l-.182-.182a.31.31 0 0 0-.441 0l-.974.974a.31.31 0 0 0 0 .44l.182.183c.627.626.715 1.531.418 2.248C6.162 10.41 5.462 11 4.569 11h-.257a.31.31 0 0 0-.312.312v1.376c0 .172.14.312.312.312h.257c.893 0 1.593.59 1.887 1.299.297.716.21 1.622-.418 2.248l-.182.182a.31.31 0 0 0 0 .441l.974.973a.31.31 0 0 0 .44 0l.183-.181c.626-.627 1.532-.715 2.248-.418.709.294 1.299.994 1.299 1.887v.257c0 .172.14.312.312.312h1.376c.172 0 .312-.14.312-.312v-.257c0-.893.59-1.593 1.299-1.887.716-.297 1.622-.21 2.249.418l.181.181c.122.122.32.122.441 0l.973-.973a.31.31 0 0 0 0-.44l-.181-.183c-.627-.626-.715-1.532-.418-2.248.294-.709.994-1.299 1.887-1.299h.257c.172 0 .312-.14.312-.312v-1.376a.31.31 0 0 0-.312-.312h-.257c-.893 0-1.593-.59-1.887-1.299-.297-.717-.21-1.622.418-2.248l.181-.182a.31.31 0 0 0 0-.441l-.973-.974a.31.31 0 0 0-.44 0l-.183.182c-.626.627-1.532.715-2.248.418C13.59 6.162 13 5.462 13 4.569v-.257A.31.31 0 0 0 12.688 4h-1.376a.31.31 0 0 0-.312.312"
+      />
+    </svg>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_ROOM_GENERAL_TAB_label"
+    >
+      General
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_ROOM_VOIP_TAB"
+    aria-labelledby="mx_tabpanel_ROOM_VOIP_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-ROOM_VOIP_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        clip-rule="evenodd"
+        d="M8.929 15.1a13.6 13.6 0 0 0 4.654 3.066q2.62 1.036 5.492.923h.008l.003-.004.003-.002-.034-3.124-3.52-.483-1.791 1.792-.645-.322a13.5 13.5 0 0 1-3.496-2.52 13.4 13.4 0 0 1-2.52-3.496l-.322-.645 1.792-1.791-.483-3.52-3.123-.033-.003.002-.003.004v.002a13.65 13.65 0 0 0 .932 5.492A13.4 13.4 0 0 0 8.93 15.1m3.92 4.926a15.6 15.6 0 0 1-5.334-3.511 15.4 15.4 0 0 1-3.505-5.346 15.6 15.6 0 0 1-1.069-6.274 1.93 1.93 0 0 1 .589-1.366c.366-.366.84-.589 1.386-.589h.01l3.163.035a1.96 1.96 0 0 1 1.958 1.694v.005l.487 3.545v.003c.043.297.025.605-.076.907a2 2 0 0 1-.485.773l-.762.762a11.3 11.3 0 0 0 1.806 2.348 11.4 11.4 0 0 0 2.348 1.806l.762-.762a2 2 0 0 1 .774-.485c.302-.1.61-.118.907-.076l3.553.487a1.96 1.96 0 0 1 1.694 1.958l.034 3.174c0 .546-.223 1.02-.588 1.386-.36.36-.827.582-1.363.588a15.3 15.3 0 0 1-6.29-1.062"
+        fill-rule="evenodd"
+      />
+    </svg>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_ROOM_VOIP_TAB_label"
+    >
+      Voice & Video
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_ROOM_SECURITY_TAB"
+    aria-labelledby="mx_tabpanel_ROOM_SECURITY_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-ROOM_SECURITY_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <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 22zm0-2h12V10H6zM9 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>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_ROOM_SECURITY_TAB_label"
+    >
+      Security & Privacy
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_ROOM_ROLES_TAB"
+    aria-labelledby="mx_tabpanel_ROOM_ROLES_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-ROOM_ROLES_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        clip-rule="evenodd"
+        d="m12 4.236-6 3V12c0 5.156 4.239 7.254 6 7.898 1.761-.644 6-2.742 6-7.898V7.236zm-.894-1.789a2 2 0 0 1 1.788 0l6 3A2 2 0 0 1 20 7.236V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.106-1.789z"
+        fill-rule="evenodd"
+      />
+    </svg>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_ROOM_ROLES_TAB_label"
+    >
+      Roles & Permissions
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_ROOM_NOTIFICATIONS_TAB"
+    aria-labelledby="mx_tabpanel_ROOM_NOTIFICATIONS_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-ROOM_NOTIFICATIONS_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 3c7 0 7 7 7 7v6l1.293 1.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7m5 7.01v-.022l-.009-.146a7 7 0 0 0-.073-.607 6.6 6.6 0 0 0-.582-1.84c-.319-.638-.766-1.215-1.398-1.637C14.318 5.344 13.4 5 12 5s-2.317.344-2.937.758c-.633.422-1.08.999-1.4 1.636a6.6 6.6 0 0 0-.58 1.841A7 7 0 0 0 7 9.988v6.84L6.828 17h10.344L17 16.828zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+      />
+    </svg>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_ROOM_NOTIFICATIONS_TAB_label"
+    >
+      Notifications
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_ROOM_POLL_HISTORY_TAB"
+    aria-labelledby="mx_tabpanel_ROOM_POLL_HISTORY_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-ROOM_POLL_HISTORY_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+      />
+    </svg>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_ROOM_POLL_HISTORY_TAB_label"
+    >
+      Polls
+    </span>
+  </li>,
+]
+`;
+
+exports[`<RoomSettingsDialog /> poll history displays poll history when tab clicked 1`] = `
+<div
+  class="mx_SettingsTab"
+>
+  <div
+    class="mx_PollHistory_content"
+  >
+    <h2
+      class="mx_Heading_h2 mx_PollHistory_header"
+    >
+      Polls
+    </h2>
+    <div
+      class="mx_PollHistoryList"
+    >
+      <fieldset
+        class="mx_FilterTabGroup"
+      >
+        <label
+          data-testid="filter-tab-PollHistory_filter-ACTIVE"
+        >
+          <input
+            checked=""
+            name="PollHistory_filter"
+            type="radio"
+            value="ACTIVE"
+          />
+          <span>
+            Active polls
+          </span>
+        </label>
+        <label
+          data-testid="filter-tab-PollHistory_filter-ENDED"
+        >
+          <input
+            name="PollHistory_filter"
+            type="radio"
+            value="ENDED"
+          />
+          <span>
+            Past polls
+          </span>
+        </label>
+      </fieldset>
+      <div
+        class="mx_PollHistoryList_loading mx_PollHistoryList_noResultsYet"
+      >
+        <span
+          class="mx_InlineSpinner"
+        >
+          <svg
+            aria-label="Loading…"
+            class="_icon_1855a_18"
+            data-testid="spinner"
+            fill="currentColor"
+            height="1em"
+            role="progressbar"
+            style="width: 16px; height: 16px;"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              clip-rule="evenodd"
+              d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </span>
+        Loading polls
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ServerPickerDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ServerPickerDialog-test.tsx.snap
new file mode 100644
index 00000000000..2200da857e3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ServerPickerDialog-test.tsx.snap
@@ -0,0 +1,167 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ServerPickerDialog /> should render dialog 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_ServerPickerDialog"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_ServerPickerDialog"
+    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"
+      >
+        Sign into your homeserver
+      </h1>
+    </div>
+    <form
+      class="mx_Dialog_content"
+      id="mx_ServerPickerDialog"
+    >
+      <p>
+        We call the places where you can host your account 'homeservers'.
+         
+        Matrix.org is the biggest public homeserver in the world, so it's a good place for many.
+      </p>
+      <label
+        class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
+      >
+        <input
+          checked=""
+          data-testid="defaultHomeserver"
+          name="defaultChosen"
+          type="radio"
+          value="true"
+        />
+        <div>
+          <div />
+        </div>
+        <div
+          class="mx_StyledRadioButton_content"
+        >
+          <span
+            aria-labelledby="react-use-id-1"
+            class="mx_Login_underlinedServerName"
+            tabindex="0"
+          >
+            matrix.org
+          </span>
+        </div>
+        <div
+          class="mx_StyledRadioButton_spacer"
+        />
+      </label>
+      <div
+        class="mx_StyledRadioButton mx_ServerPickerDialog_otherHomeserverRadio mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
+      >
+        <label
+          class="mx_StyledRadioButton_innerLabel"
+        >
+          <input
+            aria-label="Other homeserver"
+            name="defaultChosen"
+            type="radio"
+            value="false"
+          />
+          <div>
+            <div />
+          </div>
+        </label>
+        <div
+          class="mx_StyledRadioButton_content"
+        >
+          <div
+            class="mx_Field mx_Field_input mx_ServerPickerDialog_otherHomeserver"
+          >
+            <input
+              id="mx_homeserverInput"
+              label="Other homeserver"
+              placeholder="Other homeserver"
+              type="text"
+              value=""
+            />
+            <label
+              for="mx_homeserverInput"
+            >
+              Other homeserver
+            </label>
+          </div>
+        </div>
+        <div
+          class="mx_StyledRadioButton_spacer"
+        />
+      </div>
+      <p>
+        Use your preferred Matrix homeserver if you have one, or host your own.
+      </p>
+      <div
+        class="mx_AccessibleButton mx_ServerPickerDialog_continue mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+        role="button"
+        tabindex="0"
+      >
+        Continue
+      </div>
+      <h2>
+        Learn more
+      </h2>
+      <a
+        class="mx_ExternalLink"
+        href="https://matrix.org/docs/matrix-concepts/elements-of-matrix/#homeserver"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        About homeservers
+        <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>
+    </form>
+    <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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ShareDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ShareDialog-test.tsx.snap
new file mode 100644
index 00000000000..3e8d7b741b8
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ShareDialog-test.tsx.snap
@@ -0,0 +1,985 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`ShareDialog should not render the QR code if disabled 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_ShareDialog"
+    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"
+      >
+        Share Room
+      </h1>
+    </div>
+    <div
+      class="mx_ShareDialog_content"
+    >
+      <div
+        class="mx_ShareDialog_top"
+      >
+        <span>
+          https://matrix.to/#/!1:example.org
+        </span>
+      </div>
+      <button
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="primary"
+        data-size="lg"
+        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="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+          />
+        </svg>
+        Copy link
+      </button>
+      <div
+        class="mx_ShareDialog_social"
+      >
+        <a
+          href="https://www.facebook.com/sharer/sharer.php?u=https://matrix.to/#/!1:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Facebook"
+        >
+          <img
+            alt="Facebook"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://twitter.com/home?status=https://matrix.to/#/!1:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Twitter"
+        >
+          <img
+            alt="Twitter"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://www.linkedin.com/shareArticle?mini=true&url=https://matrix.to/#/!1:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="LinkedIn"
+        >
+          <img
+            alt="LinkedIn"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://www.reddit.com/submit?url=https://matrix.to/#/!1:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Reddit"
+        >
+          <img
+            alt="Reddit"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="mailto:?body=https://matrix.to/#/!1:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="email"
+        >
+          <img
+            alt="email"
+            src="image-file-stub"
+          />
+        </a>
+      </div>
+    </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>
+`;
+
+exports[`ShareDialog should not render the socials if disabled 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_ShareDialog"
+    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"
+      >
+        Share Room
+      </h1>
+    </div>
+    <div
+      class="mx_ShareDialog_content"
+    >
+      <div
+        class="mx_ShareDialog_top"
+      >
+        <div
+          class="mx_QRCode"
+        >
+          <div
+            class="mx_Spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              data-testid="spinner"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+        <span>
+          https://matrix.to/#/!1:example.org
+        </span>
+      </div>
+      <button
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="primary"
+        data-size="lg"
+        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="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+          />
+        </svg>
+        Copy link
+      </button>
+    </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>
+`;
+
+exports[`ShareDialog should render a share dialog for a matrix event 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_ShareDialog"
+    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"
+      >
+        Share Room Message
+      </h1>
+    </div>
+    <div
+      class="mx_ShareDialog_content"
+    >
+      <div
+        class="mx_ShareDialog_top"
+      >
+        <div
+          class="mx_QRCode"
+        >
+          <div
+            class="mx_Spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              data-testid="spinner"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+        <span>
+          https://matrix.to/#/!1:example.org/!eventId
+        </span>
+      </div>
+      <label>
+        <div
+          class="_container_153f2_10"
+        >
+          <input
+            checked=""
+            class="_input_153f2_18"
+            type="checkbox"
+          />
+          <div
+            class="_ui_153f2_19"
+          >
+            <svg
+              aria-hidden="true"
+              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>
+        Link to selected message
+      </label>
+      <button
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="primary"
+        data-size="lg"
+        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="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+          />
+        </svg>
+        Copy link
+      </button>
+      <div
+        class="mx_ShareDialog_social"
+      >
+        <a
+          href="https://www.facebook.com/sharer/sharer.php?u=https://matrix.to/#/!1:example.org/!eventId"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Facebook"
+        >
+          <img
+            alt="Facebook"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://twitter.com/home?status=https://matrix.to/#/!1:example.org/!eventId"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Twitter"
+        >
+          <img
+            alt="Twitter"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://www.linkedin.com/shareArticle?mini=true&url=https://matrix.to/#/!1:example.org/!eventId"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="LinkedIn"
+        >
+          <img
+            alt="LinkedIn"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://www.reddit.com/submit?url=https://matrix.to/#/!1:example.org/!eventId"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Reddit"
+        >
+          <img
+            alt="Reddit"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="mailto:?body=https://matrix.to/#/!1:example.org/!eventId"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="email"
+        >
+          <img
+            alt="email"
+            src="image-file-stub"
+          />
+        </a>
+      </div>
+    </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>
+`;
+
+exports[`ShareDialog should render a share dialog for a room 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_ShareDialog"
+    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"
+      >
+        Share Room
+      </h1>
+    </div>
+    <div
+      class="mx_ShareDialog_content"
+    >
+      <div
+        class="mx_ShareDialog_top"
+      >
+        <div
+          class="mx_QRCode"
+        >
+          <div
+            class="mx_Spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              data-testid="spinner"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+        <span>
+          https://matrix.to/#/!1:example.org
+        </span>
+      </div>
+      <label>
+        <div
+          class="_container_153f2_10"
+        >
+          <input
+            class="_input_153f2_18"
+            type="checkbox"
+          />
+          <div
+            class="_ui_153f2_19"
+          >
+            <svg
+              aria-hidden="true"
+              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>
+        Link to most recent message
+      </label>
+      <button
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="primary"
+        data-size="lg"
+        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="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+          />
+        </svg>
+        Copy link
+      </button>
+      <div
+        class="mx_ShareDialog_social"
+      >
+        <a
+          href="https://www.facebook.com/sharer/sharer.php?u=https://matrix.to/#/!1:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Facebook"
+        >
+          <img
+            alt="Facebook"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://twitter.com/home?status=https://matrix.to/#/!1:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Twitter"
+        >
+          <img
+            alt="Twitter"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://www.linkedin.com/shareArticle?mini=true&url=https://matrix.to/#/!1:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="LinkedIn"
+        >
+          <img
+            alt="LinkedIn"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://www.reddit.com/submit?url=https://matrix.to/#/!1:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Reddit"
+        >
+          <img
+            alt="Reddit"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="mailto:?body=https://matrix.to/#/!1:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="email"
+        >
+          <img
+            alt="email"
+            src="image-file-stub"
+          />
+        </a>
+      </div>
+    </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>
+`;
+
+exports[`ShareDialog should render a share dialog for a room member 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_ShareDialog"
+    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"
+      >
+        Share User
+      </h1>
+    </div>
+    <div
+      class="mx_ShareDialog_content"
+    >
+      <div
+        class="mx_ShareDialog_top"
+      >
+        <div
+          class="mx_QRCode"
+        >
+          <div
+            class="mx_Spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              data-testid="spinner"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+        <span>
+          https://matrix.to/#/@alice:example.org
+        </span>
+      </div>
+      <button
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="primary"
+        data-size="lg"
+        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="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+          />
+        </svg>
+        Copy link
+      </button>
+      <div
+        class="mx_ShareDialog_social"
+      >
+        <a
+          href="https://www.facebook.com/sharer/sharer.php?u=https://matrix.to/#/@alice:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Facebook"
+        >
+          <img
+            alt="Facebook"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://twitter.com/home?status=https://matrix.to/#/@alice:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Twitter"
+        >
+          <img
+            alt="Twitter"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://www.linkedin.com/shareArticle?mini=true&url=https://matrix.to/#/@alice:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="LinkedIn"
+        >
+          <img
+            alt="LinkedIn"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://www.reddit.com/submit?url=https://matrix.to/#/@alice:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Reddit"
+        >
+          <img
+            alt="Reddit"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="mailto:?body=https://matrix.to/#/@alice:example.org"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="email"
+        >
+          <img
+            alt="email"
+            src="image-file-stub"
+          />
+        </a>
+      </div>
+    </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>
+`;
+
+exports[`ShareDialog should render a share dialog for an URL 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_ShareDialog"
+    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"
+      >
+        Share Link
+      </h1>
+    </div>
+    <div
+      class="mx_ShareDialog_content"
+    >
+      <div
+        class="mx_ShareDialog_top"
+      >
+        <div
+          class="mx_QRCode"
+        >
+          <div
+            class="mx_Spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              data-testid="spinner"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+        <span>
+          https://matrix.org/
+        </span>
+      </div>
+      <button
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="primary"
+        data-size="lg"
+        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="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+          />
+        </svg>
+        Copy link
+      </button>
+      <div
+        class="mx_ShareDialog_social"
+      >
+        <a
+          href="https://www.facebook.com/sharer/sharer.php?u=https://matrix.org/"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Facebook"
+        >
+          <img
+            alt="Facebook"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://twitter.com/home?status=https://matrix.org/"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Twitter"
+        >
+          <img
+            alt="Twitter"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://www.linkedin.com/shareArticle?mini=true&url=https://matrix.org/"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="LinkedIn"
+        >
+          <img
+            alt="LinkedIn"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="https://www.reddit.com/submit?url=https://matrix.org/"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="Reddit"
+        >
+          <img
+            alt="Reddit"
+            src="image-file-stub"
+          />
+        </a>
+        <a
+          href="mailto:?body=https://matrix.org/"
+          rel="noreferrer noopener"
+          target="_blank"
+          title="email"
+        >
+          <img
+            alt="email"
+            src="image-file-stub"
+          />
+        </a>
+      </div>
+    </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/SpotlightDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/SpotlightDialog-test.tsx.snap
new file mode 100644
index 00000000000..085cd6fdb74
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/SpotlightDialog-test.tsx.snap
@@ -0,0 +1,253 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`Spotlight Dialog metaspaces should show Home metaspace 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>
+`;
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/UnpinAllDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/UnpinAllDialog-test.tsx.snap
new file mode 100644
index 00000000000..6ea9eadabfc
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/UnpinAllDialog-test.tsx.snap
@@ -0,0 +1,79 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<UnpinAllDialog /> should render 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-labelledby="mx_BaseDialog_title"
+    class="mx_UnpinAllDialog"
+    data-focus-lock-disabled="false"
+    role="dialog"
+    tabindex="-1"
+  >
+    <div
+      class="mx_Dialog_header"
+    >
+      <h1
+        class="mx_Heading_h3 mx_Dialog_title mx_UnpinAllDialog_title"
+        id="mx_BaseDialog_title"
+      >
+        Unpin all messages?
+      </h1>
+    </div>
+    <span
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+    >
+      Make sure that you really want to remove all pinned messages. This action can’t be undone.
+    </span>
+    <div
+      class="mx_UnpinAllDialog_buttons"
+    >
+      <button
+        class="_button_1nw83_8 _destructive_1nw83_110"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Continue
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="tertiary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/UploadConfirmDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/UploadConfirmDialog-test.tsx.snap
new file mode 100644
index 00000000000..1a7c60d413c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/UploadConfirmDialog-test.tsx.snap
@@ -0,0 +1,92 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<UploadConfirmDialog /> should display image preview 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_UploadConfirmDialog"
+    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"
+      >
+        Upload files
+      </h1>
+    </div>
+    <div
+      id="mx_Dialog_content"
+    >
+      <div
+        class="mx_UploadConfirmDialog_previewOuter"
+      >
+        <div
+          class="mx_UploadConfirmDialog_previewInner"
+        >
+          <div>
+            <img
+              aria-labelledby="mx-uploadconfirmdialog-image.png"
+              class="mx_UploadConfirmDialog_imagePreview"
+              src="blob:null/1234-5678-9101-1121"
+            />
+          </div>
+          <div
+            id="mx-uploadconfirmdialog-image.png"
+          >
+            image.png (124 KB)
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Upload
+        </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/UserSettingsDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/UserSettingsDialog-test.tsx.snap
new file mode 100644
index 00000000000..d290f8fd540
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/UserSettingsDialog-test.tsx.snap
@@ -0,0 +1,329 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<UserSettingsDialog /> renders tabs correctly 1`] = `
+NodeList [
+  <li
+    aria-controls="mx_tabpanel_USER_ACCOUNT_TAB"
+    aria-labelledby="mx_tabpanel_USER_ACCOUNT_TAB_label"
+    aria-selected="true"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel mx_TabbedView_tabLabel_active"
+    data-testid="settings-tab-USER_ACCOUNT_TAB"
+    role="tab"
+    tabindex="0"
+  >
+    <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>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_USER_ACCOUNT_TAB_label"
+    >
+      Account
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_USER_SESSION_MANAGER_TAB"
+    aria-labelledby="mx_tabpanel_USER_SESSION_MANAGER_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-USER_SESSION_MANAGER_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      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>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_USER_SESSION_MANAGER_TAB_label"
+    >
+      Sessions
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_USER_APPEARANCE_TAB"
+    aria-labelledby="mx_tabpanel_USER_APPEARANCE_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-USER_APPEARANCE_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <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>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_USER_APPEARANCE_TAB_label"
+    >
+      Appearance
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_USER_NOTIFICATIONS_TAB"
+    aria-labelledby="mx_tabpanel_USER_NOTIFICATIONS_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-USER_NOTIFICATIONS_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 3c7 0 7 7 7 7v6l1.293 1.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7m5 7.01v-.022l-.009-.146a7 7 0 0 0-.073-.607 6.6 6.6 0 0 0-.582-1.84c-.319-.638-.766-1.215-1.398-1.637C14.318 5.344 13.4 5 12 5s-2.317.344-2.937.758c-.633.422-1.08.999-1.4 1.636a6.6 6.6 0 0 0-.58 1.841A7 7 0 0 0 7 9.988v6.84L6.828 17h10.344L17 16.828zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+      />
+    </svg>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_USER_NOTIFICATIONS_TAB_label"
+    >
+      Notifications
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_USER_PREFERENCES_TAB"
+    aria-labelledby="mx_tabpanel_USER_PREFERENCES_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-USER_PREFERENCES_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        clip-rule="evenodd"
+        d="M6.5 2h11a4.5 4.5 0 1 1 0 9h-11a4.5 4.5 0 0 1 0-9m0 2h7.258A4.5 4.5 0 0 0 13 6.5c0 .925.28 1.785.758 2.5H6.5a2.5 2.5 0 0 1 0-5M15 6.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0m-13 11A4.5 4.5 0 0 1 6.5 13h11a4.5 4.5 0 1 1 0 9h-11q-.233 0-.46-.023A4.5 4.5 0 0 1 2 17.5m8.242-2.5H17.5a2.5 2.5 0 0 1 0 5h-7.258A4.5 4.5 0 0 0 11 17.5c0-.925-.28-1.785-.758-2.5M6.5 15a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5"
+        fill-rule="evenodd"
+      />
+    </svg>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_USER_PREFERENCES_TAB_label"
+    >
+      Preferences
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_USER_KEYBOARD_TAB"
+    aria-labelledby="mx_tabpanel_USER_KEYBOARD_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-USER_KEYBOARD_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M5.188 8v2h2V8zm3.875 0v2h2V8zm3.875 0v2h2V8zm3.875 0v2h2V8zM5.188 11.531v2h2v-2zm3.875 0v2h2v-2zm3.875 0v2h2v-2zm3.875 0v2h2v-2zM9 15a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z"
+      />
+      <path
+        clip-rule="evenodd"
+        d="M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm2 0h16v12H4z"
+        fill-rule="evenodd"
+      />
+    </svg>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_USER_KEYBOARD_TAB_label"
+    >
+      Keyboard
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_USER_SIDEBAR_TAB"
+    aria-labelledby="mx_tabpanel_USER_SIDEBAR_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-USER_SIDEBAR_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        clip-rule="evenodd"
+        d="M18 3a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4zm-8 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-8zM8 19H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2z"
+        fill-rule="evenodd"
+      />
+    </svg>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_USER_SIDEBAR_TAB_label"
+    >
+      Sidebar
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_USER_SECURITY_TAB"
+    aria-labelledby="mx_tabpanel_USER_SECURITY_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-USER_SECURITY_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <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 22zm0-2h12V10H6zM9 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>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_USER_SECURITY_TAB_label"
+    >
+      Security & Privacy
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_USER_ENCRYPTION_TAB"
+    aria-labelledby="mx_tabpanel_USER_ENCRYPTION_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-USER_ENCRYPTION_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 5 12q0-.825.588-1.412A1.93 1.93 0 0 1 7 10q.824 0 1.412.588Q9 11.175 9 12t-.588 1.412A1.93 1.93 0 0 1 7 14m0 4q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q1.676 0 3.037.825A6.2 6.2 0 0 1 12.2 9h8.375q.2 0 .387.075.188.075.338.225l2 2q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-3.175 3.175a1 1 0 0 1-.3.2q-.175.075-.35.1a.8.8 0 0 1-.35-.025.9.9 0 0 1-.325-.175L17.5 15l-1.425 1.075a.95.95 0 0 1-.887.15.9.9 0 0 1-.288-.15L13.375 15H12.2a6.2 6.2 0 0 1-2.162 2.175Q8.675 18 7 18m0-2q1.4 0 2.463-.85A4.03 4.03 0 0 0 10.875 13H14l1.45 1.025L17.5 12.5l1.775 1.375L21.15 12l-1-1h-9.275a4.03 4.03 0 0 0-1.412-2.15Q8.4 8 7 8 5.35 8 4.175 9.175T3 12t1.175 2.825T7 16"
+      />
+    </svg>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_USER_ENCRYPTION_TAB_label"
+    >
+      Encryption
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_USER_LABS_TAB"
+    aria-labelledby="mx_tabpanel_USER_LABS_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-USER_LABS_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 5a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1m-7.071-.071a1 1 0 0 1 1.414 0l.707.707A1 1 0 0 1 5.636 7.05l-.707-.707a1 1 0 0 1 0-1.414"
+      />
+      <path
+        clip-rule="evenodd"
+        d="M15.734 15.325C15.316 15.795 15 16.371 15 17v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2c0-.63-.316-1.205-.734-1.675a5 5 0 1 1 7.468 0m-1.493-1.33a3 3 0 1 0-4.482 0c.433.486.894 1.166 1.112 2.005h2.258c.218-.84.679-1.52 1.112-2.005M13 18h-2v1h2z"
+        fill-rule="evenodd"
+      />
+      <path
+        d="M2 12a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m18-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2zm-3.05-5.364a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0-1.414-1.414z"
+      />
+    </svg>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_USER_LABS_TAB_label"
+    >
+      Labs
+    </span>
+  </li>,
+  <li
+    aria-controls="mx_tabpanel_USER_HELP_TAB"
+    aria-labelledby="mx_tabpanel_USER_HELP_TAB_label"
+    aria-selected="false"
+    class="mx_AccessibleButton mx_TabbedView_tabLabel"
+    data-testid="settings-tab-USER_HELP_TAB"
+    role="tab"
+    tabindex="-1"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 8a1.5 1.5 0 0 0-1.5 1.5 1 1 0 1 1-2 0 3.5 3.5 0 1 1 6.01 2.439q-.183.188-.352.355c-.287.288-.54.54-.76.824-.293.375-.398.651-.398.882a1 1 0 1 1-2 0c0-.874.407-1.58.819-2.11.305-.392.688-.775 1-1.085l.257-.26A1.5 1.5 0 0 0 12 8m1 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0"
+      />
+      <path
+        d="M8.1 21.213A9.7 9.7 0 0 0 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 2.075.788 3.9a10.1 10.1 0 0 0 2.137 3.175q1.35 1.35 3.175 2.137m9.575-3.538Q15.35 20 12 20t-5.675-2.325T4 12t2.325-5.675T12 4t5.675 2.325T20 12t-2.325 5.675"
+      />
+    </svg>
+    <span
+      class="mx_TabbedView_tabLabel_text"
+      id="mx_tabpanel_USER_HELP_TAB_label"
+    >
+      Help & About
+    </span>
+  </li>,
+]
+`;
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/VerificationRequestDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/VerificationRequestDialog-test.tsx.snap
new file mode 100644
index 00000000000..fb30f16cccb
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/VerificationRequestDialog-test.tsx.snap
@@ -0,0 +1,538 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`VerificationRequestDialog After scanning QR, shows confirmation dialog 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_InfoDialog 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"
+      >
+        Confirm that you see a green shield on your other device
+      </h1>
+    </div>
+    <div
+      class="mx_UserInfo_container mx_VerificationPanel_reciprocate_section"
+    >
+      <p>
+        Check again on your other device to finish verification.
+      </p>
+      <div
+        class="mx_E2EIcon"
+        data-testid="e2e-icon"
+        style="width: 128px; height: 128px;"
+      >
+        <svg
+          color="var(--cpd-color-icon-success-primary)"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M11.106 2.447a2 2 0 0 1 1.789 0l6 3A2 2 0 0 1 20 7.237V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.105-1.789zm4.601 6.846a1 1 0 0 0-1.414 0L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <div
+        class="mx_VerificationPanel_reciprocateButtons"
+      >
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+          role="button"
+          tabindex="0"
+        >
+          Yes, I see a green shield
+        </div>
+        <div
+          class="mx_AccessibleButton"
+          role="button"
+          tabindex="0"
+        >
+          No, I don't see a green shield
+        </div>
+      </div>
+    </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>
+`;
+
+exports[`VerificationRequestDialog After we started verification here, says we are waiting for the other device 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_InfoDialog 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"
+      >
+        Start verification on the other device
+      </h1>
+    </div>
+    <div>
+      Once accepted you'll be able to continue with the verification.
+    </div>
+    <div
+      aria-describedby="react-use-id-1"
+      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>
+`;
+
+exports[`VerificationRequestDialog Initially, asks how you would like to verify this device 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_InfoDialog 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"
+      >
+        Choose how to verify
+      </h1>
+    </div>
+    <div>
+      Verify by completing one of the following:
+      <div
+        class="mx_VerificationPanel_QRPhase_startOptions"
+      >
+        <div
+          class="mx_VerificationPanel_QRPhase_startOption"
+        >
+          <p>
+            Scan this unique code
+          </p>
+          <div
+            class="mx_QRCode mx_VerificationQRCode"
+          >
+            <div
+              class="mx_Spinner"
+            >
+              <svg
+                aria-label="Loading…"
+                class="_icon_1855a_18"
+                data-testid="spinner"
+                fill="currentColor"
+                height="1em"
+                role="progressbar"
+                style="width: 32px; height: 32px;"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+        <div
+          class="mx_VerificationPanel_QRPhase_betweenText"
+        >
+           or 
+        </div>
+        <div
+          class="mx_VerificationPanel_QRPhase_startOption"
+        >
+          <p>
+            Compare unique emoji
+          </p>
+          <span
+            class="mx_VerificationPanel_QRPhase_helpText"
+          >
+            Compare a unique set of emoji if you don't have a camera on either device
+          </span>
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+            role="button"
+            tabindex="0"
+          >
+            Start
+          </div>
+        </div>
+      </div>
+    </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>
+`;
+
+exports[`VerificationRequestDialog Shows a failure message if verification was cancelled 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_InfoDialog 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"
+      >
+        Verification failed
+      </h1>
+    </div>
+    <div
+      class="mx_UserInfo_container"
+    >
+      <p>
+        Either the request timed out, the request was denied, or there was a verification mismatch.
+      </p>
+      <div
+        class="mx_AccessibleButton mx_UserInfo_wideButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+        role="button"
+        tabindex="0"
+      >
+        Got it
+      </div>
+    </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>
+`;
+
+exports[`VerificationRequestDialog Shows a successful message if verification finished normally 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_InfoDialog 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"
+      >
+        Device verified
+      </h1>
+    </div>
+    <div
+      class="mx_UserInfo_container mx_VerificationPanel_verified_section"
+    >
+      <p>
+        Now you can read or send messages securely, and anyone you chat with can also trust this device.
+      </p>
+      <div
+        class="mx_E2EIcon"
+        data-testid="e2e-icon"
+        style="width: 128px; height: 128px;"
+      >
+        <svg
+          color="var(--cpd-color-icon-success-primary)"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M11.106 2.447a2 2 0 0 1 1.789 0l6 3A2 2 0 0 1 20 7.237V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.105-1.789zm4.601 6.846a1 1 0 0 0-1.414 0L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <div
+        class="mx_AccessibleButton mx_UserInfo_wideButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+        role="button"
+        tabindex="0"
+      >
+        Got it
+      </div>
+    </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>
+`;
+
+exports[`VerificationRequestDialog When other device accepted emoji, displays emojis and asks for confirmation 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_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_InfoDialog 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"
+      >
+        Compare emojis
+      </h1>
+    </div>
+    <div
+      class="mx_UserInfo_container"
+    >
+      <div
+        class="mx_VerificationShowSas"
+      >
+        <p>
+          Confirm that the emojis below match those shown on your other device.
+        </p>
+        <div
+          class="_container_1lqqy_8 mx_VerificationShowSas_emojiSas"
+        >
+          <div
+            class="_segment_1lqqy_15"
+          >
+            <div
+              aria-hidden="true"
+              class="_emoji_1lqqy_23"
+            >
+              🐶
+            </div>
+            <div
+              class="_label_1lqqy_29"
+            >
+              Dog
+            </div>
+          </div>
+          <div
+            class="_segment_1lqqy_15"
+          >
+            <div
+              aria-hidden="true"
+              class="_emoji_1lqqy_23"
+            >
+              🐱
+            </div>
+            <div
+              class="_label_1lqqy_29"
+            >
+              Cat
+            </div>
+          </div>
+        </div>
+        <p />
+        <div
+          class="mx_VerificationShowSas_buttonRow"
+        >
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+            role="button"
+            tabindex="0"
+          >
+            They match
+          </div>
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
+            role="button"
+            tabindex="0"
+          >
+            They don't match
+          </div>
+        </div>
+      </div>
+    </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/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/WidgetOpenIDPermissionsDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/WidgetOpenIDPermissionsDialog-test.tsx.snap
new file mode 100644
index 00000000000..d1fc06ea838
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/WidgetOpenIDPermissionsDialog-test.tsx.snap
@@ -0,0 +1,125 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`WidgetOpenIDPermissionsDialog should render 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-labelledby="mx_BaseDialog_title"
+    class="mx_WidgetOpenIDPermissionsDialog 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"
+      >
+        Allow this widget to verify your identity
+      </h1>
+    </div>
+    <div
+      class="mx_WidgetOpenIDPermissionsDialog_content"
+    >
+      <p>
+        The widget will verify your user ID, but won't be able to perform actions for you:
+      </p>
+      <p
+        class="text-muted"
+      >
+        https://imawidget
+      </p>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <div
+        class="mx_Dialog_buttons_additive"
+      >
+        <form
+          class="_root_1o4d9_17"
+        >
+          <div
+            class="_inline-field_1o4d9_33"
+          >
+            <div
+              class="_inline-field-control_1o4d9_45"
+            >
+              <div
+                class="_container_udcm8_10"
+              >
+                <input
+                  class="_input_udcm8_24"
+                  id="react-use-id-1"
+                  role="switch"
+                  type="checkbox"
+                />
+                <div
+                  class="_ui_udcm8_34"
+                />
+              </div>
+            </div>
+            <div
+              class="_inline-field-body_1o4d9_39"
+            >
+              <label
+                class="_label_1o4d9_60"
+                for="react-use-id-1"
+              >
+                Remember this
+              </label>
+            </div>
+          </div>
+        </form>
+      </div>
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          class="cancel"
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Continue
+        </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/apps/web/test/unit-tests/components/views/dialogs/devtools/Crypto-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/devtools/Crypto-test.tsx
new file mode 100644
index 00000000000..66907eea8b0
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/devtools/Crypto-test.tsx
@@ -0,0 +1,94 @@
+/*
+ * 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, screen, waitFor } from "jest-matrix-react";
+import { type KeyBackupInfo } from "matrix-js-sdk/src/crypto-api";
+
+import { createTestClient, withClientContextRenderOptions } from "../../../../../test-utils";
+import { Crypto } from "../../../../../../src/components/views/dialogs/devtools/Crypto";
+
+describe("<Crypto />", () => {
+    let matrixClient: MatrixClient;
+    beforeEach(() => {
+        matrixClient = createTestClient();
+    });
+
+    function renderComponent() {
+        return render(<Crypto onBack={jest.fn} />, withClientContextRenderOptions(matrixClient));
+    }
+
+    it("should display message if crypto is not available", async () => {
+        jest.spyOn(matrixClient, "getCrypto").mockReturnValue(undefined);
+        renderComponent();
+        expect(screen.getByText("Cryptographic module is not available")).toBeInTheDocument();
+    });
+
+    describe("<KeyStorage />", () => {
+        it("should display loading spinner while loading", async () => {
+            jest.spyOn(matrixClient.getCrypto()!, "getKeyBackupInfo").mockImplementation(() => new Promise(() => {}));
+            renderComponent();
+            await waitFor(() => expect(screen.getByLabelText("Loading…")).toBeInTheDocument());
+        });
+
+        it("should display when the key storage data are missing", async () => {
+            renderComponent();
+            await waitFor(() => expect(screen.getByRole("table", { name: "Key Storage" })).toBeInTheDocument());
+            expect(screen.getByRole("table", { name: "Key Storage" })).toMatchSnapshot();
+        });
+
+        it("should display when the key storage data are available", async () => {
+            jest.spyOn(matrixClient.getCrypto()!, "getKeyBackupInfo").mockResolvedValue({
+                algorithm: "m.megolm_backup.v1",
+                version: "1",
+            } as unknown as KeyBackupInfo);
+            jest.spyOn(matrixClient, "isKeyBackupKeyStored").mockResolvedValue({});
+            jest.spyOn(matrixClient.getCrypto()!, "getSessionBackupPrivateKey").mockResolvedValue(new Uint8Array(32));
+            jest.spyOn(matrixClient.getCrypto()!, "getActiveSessionBackupVersion").mockResolvedValue("2");
+            jest.spyOn(matrixClient.secretStorage, "hasKey").mockResolvedValue(true);
+            jest.spyOn(matrixClient.getCrypto()!, "isSecretStorageReady").mockResolvedValue(true);
+
+            renderComponent();
+            await waitFor(() => expect(screen.getByRole("table", { name: "Key Storage" })).toBeInTheDocument());
+            expect(screen.getByRole("table", { name: "Key Storage" })).toMatchSnapshot();
+        });
+    });
+
+    describe("<CrossSigning />", () => {
+        it("should display loading spinner while loading", async () => {
+            jest.spyOn(matrixClient.getCrypto()!, "getCrossSigningStatus").mockImplementation(
+                () => new Promise(() => {}),
+            );
+            renderComponent();
+            await waitFor(() => expect(screen.getByLabelText("Loading…")).toBeInTheDocument());
+        });
+
+        it("should display when the cross-signing data are missing", async () => {
+            renderComponent();
+            await waitFor(() => expect(screen.getByRole("table", { name: "Cross-signing" })).toBeInTheDocument());
+            expect(screen.getByRole("table", { name: "Cross-signing" })).toMatchSnapshot();
+        });
+
+        it("should display when the cross-signing data are available", async () => {
+            jest.spyOn(matrixClient.getCrypto()!, "getCrossSigningStatus").mockResolvedValue({
+                publicKeysOnDevice: true,
+                privateKeysInSecretStorage: true,
+                privateKeysCachedLocally: {
+                    masterKey: true,
+                    selfSigningKey: true,
+                    userSigningKey: true,
+                },
+            });
+            jest.spyOn(matrixClient.getCrypto()!, "isCrossSigningReady").mockResolvedValue(true);
+
+            renderComponent();
+            await waitFor(() => expect(screen.getByRole("table", { name: "Cross-signing" })).toBeInTheDocument());
+            expect(screen.getByRole("table", { name: "Cross-signing" })).toMatchSnapshot();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/devtools/Event-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/devtools/Event-test.tsx
new file mode 100644
index 00000000000..d8545b30b47
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/devtools/Event-test.tsx
@@ -0,0 +1,103 @@
+/*
+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 {
+    Room,
+    PendingEventOrdering,
+    EventType,
+    MsgType,
+    type MatrixClient,
+    type MatrixEvent,
+} from "matrix-js-sdk/src/matrix";
+
+import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
+import { createTestClient, mkEvent } from "../../../../../test-utils";
+import { DevtoolsContext } from "../../../../../../src/components/views/dialogs/devtools/BaseTool";
+import { TimelineEventEditor } from "../../../../../../src/components/views/dialogs/devtools/Event";
+
+function renderTimelineEventEditor(
+    cli: MatrixClient,
+    { mxEvent, threadRootId }: { mxEvent?: MatrixEvent; threadRootId?: string } = {},
+): ReturnType<typeof render> {
+    function Wrapper({ children }: { children: React.ReactNode }): React.ReactNode {
+        return (
+            <MatrixClientContext.Provider value={cli}>
+                <DevtoolsContext.Provider
+                    value={{
+                        room: new Room("!roomId", cli, "@alice:example.com", {
+                            pendingEventOrdering: PendingEventOrdering.Detached,
+                        }),
+                        threadRootId,
+                    }}
+                >
+                    {children}
+                </DevtoolsContext.Provider>
+            </MatrixClientContext.Provider>
+        );
+    }
+
+    return render(<TimelineEventEditor mxEvent={mxEvent} onBack={() => {}} />, { wrapper: Wrapper });
+}
+
+describe("<EventEditor />", () => {
+    it("should render", () => {
+        const cli = createTestClient();
+        const { asFragment } = renderTimelineEventEditor(cli);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should preserve the com.beeper.linkpreviews field when editing an event", () => {
+        const cli = createTestClient();
+        const linkPreviews = [{ "og:title": "Example", "matrix:image:size": 1234, "og:url": "https://example.com" }];
+        const mxEvent = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            room: "!roomId",
+            user: "@alice:example.com",
+            content: {
+                "body": "https://example.com",
+                "msgtype": MsgType.Text,
+                "com.beeper.linkpreviews": linkPreviews,
+            },
+        });
+
+        const { getByLabelText } = renderTimelineEventEditor(cli, { mxEvent });
+        const content = getByLabelText("Event Content") as HTMLTextAreaElement;
+        expect(JSON.parse(content.value)["com.beeper.linkpreviews"]).toEqual(linkPreviews);
+    });
+
+    it("should omit the com.beeper.linkpreviews field when the edited event has none", () => {
+        const cli = createTestClient();
+        const mxEvent = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            room: "!roomId",
+            user: "@alice:example.com",
+            content: {
+                body: "hello world",
+                msgtype: MsgType.Text,
+            },
+        });
+
+        const { getByLabelText } = renderTimelineEventEditor(cli, { mxEvent });
+        const content = getByLabelText("Event Content") as HTMLTextAreaElement;
+        expect(JSON.parse(content.value)).not.toHaveProperty("com.beeper.linkpreviews");
+    });
+
+    describe("thread context", () => {
+        it("should pre-populate a thread relationship", () => {
+            const cli = createTestClient();
+            const { asFragment } = renderTimelineEventEditor(cli, {
+                threadRootId: "$this_is_a_thread_id",
+            });
+            expect(asFragment()).toMatchSnapshot();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/devtools/RoomNotifications-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/devtools/RoomNotifications-test.tsx
new file mode 100644
index 00000000000..eeaa7dbb1f2
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/devtools/RoomNotifications-test.tsx
@@ -0,0 +1,41 @@
+/*
+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 { Room, PendingEventOrdering } from "matrix-js-sdk/src/matrix";
+
+import RoomNotifications from "../../../../../../src/components/views/dialogs/devtools/RoomNotifications";
+import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
+import { MatrixClientPeg } from "../../../../../../src/MatrixClientPeg";
+import { stubClient } from "../../../../../test-utils";
+import { DevtoolsContext } from "../../../../../../src/components/views/dialogs/devtools/BaseTool";
+
+describe("<RoomNotifications />", () => {
+    beforeEach(() => {
+        stubClient();
+    });
+
+    it("should render", () => {
+        const cli = MatrixClientPeg.safeGet();
+        const { asFragment } = render(
+            <MatrixClientContext.Provider value={cli}>
+                <DevtoolsContext.Provider
+                    value={{
+                        room: new Room("!roomId", cli, "@alice:example.com", {
+                            pendingEventOrdering: PendingEventOrdering.Detached,
+                        }),
+                    }}
+                >
+                    <RoomNotifications onBack={() => {}} setTool={() => {}} />
+                </DevtoolsContext.Provider>
+            </MatrixClientContext.Provider>,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/devtools/Users-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/devtools/Users-test.tsx
new file mode 100644
index 00000000000..f8d8bb0c278
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/devtools/Users-test.tsx
@@ -0,0 +1,368 @@
+/*
+ * 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 {
+    Device,
+    DeviceVerification,
+    type MatrixClient,
+    MatrixEvent,
+    RoomMember,
+    Room,
+    PendingEventOrdering,
+} from "matrix-js-sdk/src/matrix";
+import { render, screen, waitFor } from "jest-matrix-react";
+import { type DeviceVerificationStatus, type UserVerificationStatus } from "matrix-js-sdk/src/crypto-api";
+
+import { createTestClient } from "../../../../../test-utils";
+import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
+import { DevtoolsContext } from "../../../../../../src/components/views/dialogs/devtools/BaseTool";
+import { UserList } from "../../../../../../src/components/views/dialogs/devtools/Users";
+
+const userId = "@alice:example.com";
+
+describe("<Users />", () => {
+    let matrixClient: MatrixClient;
+    beforeEach(() => {
+        matrixClient = createTestClient();
+    });
+
+    it("should render a user list", () => {
+        const room = new Room("!roomId", matrixClient, userId, {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        room.getJoinedMembers = jest.fn().mockReturnValue([]);
+
+        const { asFragment } = render(
+            <MatrixClientContext.Provider value={matrixClient}>
+                <DevtoolsContext.Provider value={{ room }}>
+                    <UserList onBack={() => {}} />
+                </DevtoolsContext.Provider>
+            </MatrixClientContext.Provider>,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render a single user", async () => {
+        const room = new Room("!roomId", matrixClient, userId, {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        const alice = new RoomMember("!roomId", userId);
+        alice.setMembershipEvent(
+            new MatrixEvent({
+                content: {
+                    membership: "join",
+                },
+                state_key: userId,
+                room_id: "!roomId",
+                type: "m.room.member",
+                sender: userId,
+            }),
+        );
+        room.getJoinedMembers = jest.fn().mockReturnValue([alice]);
+
+        mocked(matrixClient.getCrypto()!.getUserVerificationStatus).mockResolvedValue({
+            isCrossSigningVerified: jest.fn().mockReturnValue(true),
+            wasCrossSigningVerified: jest.fn().mockReturnValue(true),
+            needsUserApproval: false,
+        } as unknown as UserVerificationStatus);
+        mocked(matrixClient.getCrypto()!.getUserDeviceInfo).mockResolvedValue(
+            new Map([
+                [
+                    userId,
+                    new Map([
+                        [
+                            "VERIFIED",
+                            new Device({
+                                deviceId: "VERIFIED",
+                                userId: userId,
+                                algorithms: [],
+                                keys: new Map([
+                                    ["ed25519:VERIFIED", "an_ed25519_public_key"],
+                                    ["curve25519:VERIFIED", "a_curve25519_public_key"],
+                                ]),
+                            }),
+                        ],
+                        [
+                            "SIGNED",
+                            new Device({
+                                deviceId: "SIGNED",
+                                userId: userId,
+                                algorithms: [],
+                                keys: new Map([
+                                    ["ed25519:SIGNED", "an_ed25519_public_key"],
+                                    ["curve25519:SIGNED", "a_curve25519_public_key"],
+                                ]),
+                            }),
+                        ],
+                        [
+                            "UNSIGNED",
+                            new Device({
+                                deviceId: "UNSIGNED",
+                                userId: userId,
+                                algorithms: [],
+                                keys: new Map([
+                                    ["ed25519:UNSIGNED", "an_ed25519_public_key"],
+                                    ["curve25519:UNSIGNED", "a_curve25519_public_key"],
+                                ]),
+                            }),
+                        ],
+                    ]),
+                ],
+            ]),
+        );
+        mocked(matrixClient.getCrypto()!.getDeviceVerificationStatus).mockImplementation(
+            async (userId: string, deviceId: string) => {
+                switch (deviceId) {
+                    case "VERIFIED":
+                        return {
+                            signedByOwner: true,
+                            crossSigningVerified: true,
+                        } as unknown as DeviceVerificationStatus;
+                    case "SIGNED":
+                        return {
+                            signedByOwner: true,
+                            crossSigningVerified: false,
+                        } as unknown as DeviceVerificationStatus;
+                    case "UNSIGNED":
+                        return {
+                            signedByOwner: false,
+                            crossSigningVerified: false,
+                        } as unknown as DeviceVerificationStatus;
+                    default:
+                        return null;
+                }
+            },
+        );
+
+        const { asFragment } = render(
+            <MatrixClientContext.Provider value={matrixClient}>
+                <DevtoolsContext.Provider value={{ room }}>
+                    <UserList onBack={() => {}} />
+                </DevtoolsContext.Provider>
+            </MatrixClientContext.Provider>,
+        );
+
+        screen.getByRole("button", { name: userId }).click();
+
+        await waitFor(() => expect(screen.getByText(/Verification status:/)).toHaveTextContent(/Verified/));
+        await waitFor(() => expect(screen.getByRole("button", { name: "VERIFIED" })).toBeInTheDocument());
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render a single device - verified by cross-signing", async () => {
+        const room = new Room("!roomId", matrixClient, userId, {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        const alice = new RoomMember("!roomId", userId);
+        alice.setMembershipEvent(
+            new MatrixEvent({
+                content: {
+                    membership: "join",
+                },
+                state_key: userId,
+                room_id: "!roomId",
+                type: "m.room.member",
+                sender: userId,
+            }),
+        );
+        room.getJoinedMembers = jest.fn().mockReturnValue([alice]);
+
+        mocked(matrixClient.getCrypto()!.getUserVerificationStatus).mockResolvedValue({
+            isCrossSigningVerified: jest.fn().mockReturnValue(true),
+            wasCrossSigningVerified: jest.fn().mockReturnValue(true),
+            needsUserApproval: false,
+        } as unknown as UserVerificationStatus);
+        mocked(matrixClient.getCrypto()!.getUserDeviceInfo).mockResolvedValue(
+            new Map([
+                [
+                    userId,
+                    new Map([
+                        [
+                            "VERIFIED",
+                            new Device({
+                                deviceId: "VERIFIED",
+                                userId: userId,
+                                algorithms: [],
+                                keys: new Map([
+                                    ["ed25519:VERIFIED", "an_ed25519_public_key"],
+                                    ["curve25519:VERIFIED", "a_curve25519_public_key"],
+                                ]),
+                            }),
+                        ],
+                    ]),
+                ],
+            ]),
+        );
+        mocked(matrixClient.getCrypto()!.getDeviceVerificationStatus).mockResolvedValue({
+            signedByOwner: true,
+            crossSigningVerified: true,
+        } as unknown as DeviceVerificationStatus);
+
+        const { asFragment } = render(
+            <MatrixClientContext.Provider value={matrixClient}>
+                <DevtoolsContext.Provider value={{ room }}>
+                    <UserList onBack={() => {}} />
+                </DevtoolsContext.Provider>
+            </MatrixClientContext.Provider>,
+        );
+
+        screen.getByRole("button", { name: userId }).click();
+
+        await waitFor(() => expect(screen.getByRole("button", { name: "VERIFIED" })).toBeInTheDocument());
+        screen.getByRole("button", { name: "VERIFIED" }).click();
+
+        await waitFor(() =>
+            expect(screen.getByText(/Verification status:/)).toHaveTextContent(/Verified by cross-signing/),
+        );
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render a single device - signed by owner", async () => {
+        const room = new Room("!roomId", matrixClient, userId, {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        const alice = new RoomMember("!roomId", userId);
+        alice.setMembershipEvent(
+            new MatrixEvent({
+                content: {
+                    membership: "join",
+                },
+                state_key: userId,
+                room_id: "!roomId",
+                type: "m.room.member",
+                sender: userId,
+            }),
+        );
+        room.getJoinedMembers = jest.fn().mockReturnValue([alice]);
+
+        mocked(matrixClient.getCrypto()!.getUserVerificationStatus).mockResolvedValue({
+            isCrossSigningVerified: jest.fn().mockReturnValue(true),
+            wasCrossSigningVerified: jest.fn().mockReturnValue(true),
+            needsUserApproval: false,
+        } as unknown as UserVerificationStatus);
+        mocked(matrixClient.getCrypto()!.getUserDeviceInfo).mockResolvedValue(
+            new Map([
+                [
+                    userId,
+                    new Map([
+                        [
+                            "SIGNED",
+                            new Device({
+                                deviceId: "SIGNED",
+                                userId: userId,
+                                algorithms: [],
+                                keys: new Map([
+                                    ["ed25519:SIGNED", "an_ed25519_public_key"],
+                                    ["curve25519:SIGNED", "a_curve25519_public_key"],
+                                ]),
+                            }),
+                        ],
+                    ]),
+                ],
+            ]),
+        );
+        mocked(matrixClient.getCrypto()!.getDeviceVerificationStatus).mockResolvedValue({
+            signedByOwner: true,
+            crossSigningVerified: false,
+        } as unknown as DeviceVerificationStatus);
+
+        const { asFragment } = render(
+            <MatrixClientContext.Provider value={matrixClient}>
+                <DevtoolsContext.Provider value={{ room }}>
+                    <UserList onBack={() => {}} />
+                </DevtoolsContext.Provider>
+            </MatrixClientContext.Provider>,
+        );
+
+        screen.getByRole("button", { name: userId }).click();
+
+        await waitFor(() => expect(screen.getByRole("button", { name: "SIGNED" })).toBeInTheDocument());
+        screen.getByRole("button", { name: "SIGNED" }).click();
+
+        await waitFor(() => expect(screen.getByText(/Verification status:/)).toHaveTextContent(/Signed by owner/));
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render a single device - unsigned", async () => {
+        const room = new Room("!roomId", matrixClient, userId, {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        const alice = new RoomMember("!roomId", userId);
+        alice.setMembershipEvent(
+            new MatrixEvent({
+                content: {
+                    membership: "join",
+                },
+                state_key: userId,
+                room_id: "!roomId",
+                type: "m.room.member",
+                sender: userId,
+            }),
+        );
+        room.getJoinedMembers = jest.fn().mockReturnValue([alice]);
+
+        mocked(matrixClient.getCrypto()!.getUserVerificationStatus).mockResolvedValue({
+            isCrossSigningVerified: jest.fn().mockReturnValue(true),
+            wasCrossSigningVerified: jest.fn().mockReturnValue(true),
+            needsUserApproval: false,
+        } as unknown as UserVerificationStatus);
+        mocked(matrixClient.getCrypto()!.getUserDeviceInfo).mockResolvedValue(
+            new Map([
+                [
+                    userId,
+                    new Map([
+                        [
+                            "UNSIGNED",
+                            new Device({
+                                deviceId: "UNSIGNED",
+                                userId: userId,
+                                algorithms: [],
+                                keys: new Map([
+                                    ["ed25519:UNSIGNED", "an_ed25519_public_key"],
+                                    ["curve25519:UNSIGNED", "a_curve25519_public_key"],
+                                ]),
+                                verified: DeviceVerification.Verified,
+                            }),
+                        ],
+                    ]),
+                ],
+            ]),
+        );
+        mocked(matrixClient.getCrypto()!.getDeviceVerificationStatus).mockResolvedValue({
+            signedByOwner: false,
+            crossSigningVerified: false,
+        } as unknown as DeviceVerificationStatus);
+
+        const { asFragment } = render(
+            <MatrixClientContext.Provider value={matrixClient}>
+                <DevtoolsContext.Provider value={{ room }}>
+                    <UserList onBack={() => {}} />
+                </DevtoolsContext.Provider>
+            </MatrixClientContext.Provider>,
+        );
+
+        screen.getByRole("button", { name: userId }).click();
+
+        await waitFor(() => expect(screen.getByText(/Verification status:/)).toHaveTextContent(/Verified/));
+
+        await waitFor(() => expect(screen.getByRole("button", { name: "UNSIGNED" })).toBeInTheDocument());
+        screen.getByRole("button", { name: "UNSIGNED" }).click();
+
+        await waitFor(() => expect(screen.getByText(/Verification status:/)).toHaveTextContent(/Not signed by owner/));
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Crypto-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Crypto-test.tsx.snap
new file mode 100644
index 00000000000..5808e264607
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Crypto-test.tsx.snap
@@ -0,0 +1,313 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<Crypto /> <CrossSigning /> should display when the cross-signing data are available 1`] = `
+<table
+  aria-label="Cross-signing"
+>
+  <thead>
+    <tr>
+      <th
+        colspan="2"
+      >
+        Cross-signing
+      </th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th
+        scope="row"
+      >
+        Cross-signing status:
+      </th>
+      <td>
+        Cross-signing is ready for use.
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Cross-signing public keys:
+      </th>
+      <td>
+        in memory
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Cross-signing private keys:
+      </th>
+      <td>
+        in secret storage
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Master private key:
+      </th>
+      <td>
+        cached locally
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Self signing private key:
+      </th>
+      <td>
+        cached locally
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        User signing private key:
+      </th>
+      <td>
+        cached locally
+      </td>
+    </tr>
+  </tbody>
+</table>
+`;
+
+exports[`<Crypto /> <CrossSigning /> should display when the cross-signing data are missing 1`] = `
+<table
+  aria-label="Cross-signing"
+>
+  <thead>
+    <tr>
+      <th
+        colspan="2"
+      >
+        Cross-signing
+      </th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th
+        scope="row"
+      >
+        Cross-signing status:
+      </th>
+      <td>
+        Cross-signing is not set up.
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Cross-signing public keys:
+      </th>
+      <td>
+        not found
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Cross-signing private keys:
+      </th>
+      <td>
+        not found in storage
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Master private key:
+      </th>
+      <td>
+        not found locally
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Self signing private key:
+      </th>
+      <td>
+        not found locally
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        User signing private key:
+      </th>
+      <td>
+        not found locally
+      </td>
+    </tr>
+  </tbody>
+</table>
+`;
+
+exports[`<Crypto /> <KeyStorage /> should display when the key storage data are available 1`] = `
+<table
+  aria-label="Key Storage"
+>
+  <thead>
+    <tr>
+      <th
+        colspan="2"
+      >
+        Key Storage
+      </th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th
+        scope="row"
+      >
+        Latest backup version on server:
+      </th>
+      <td>
+        1 (Algorithm: m.megolm_backup.v1)
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Backup key stored:
+      </th>
+      <td>
+        in secret storage
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Active backup version:
+      </th>
+      <td>
+        2
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Backup key cached:
+      </th>
+      <td>
+        cached locally, well formed
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Secret storage public key:
+      </th>
+      <td>
+        in account data
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Secret storage:
+      </th>
+      <td>
+        ready
+      </td>
+    </tr>
+  </tbody>
+</table>
+`;
+
+exports[`<Crypto /> <KeyStorage /> should display when the key storage data are missing 1`] = `
+<table
+  aria-label="Key Storage"
+>
+  <thead>
+    <tr>
+      <th
+        colspan="2"
+      >
+        Key Storage
+      </th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th
+        scope="row"
+      >
+        Latest backup version on server:
+      </th>
+      <td>
+        Your keys are not being backed up from this session.
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Backup key stored:
+      </th>
+      <td>
+        not stored
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Active backup version:
+      </th>
+      <td>
+        None
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Backup key cached:
+      </th>
+      <td>
+        not found locally, unexpected type
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Secret storage public key:
+      </th>
+      <td>
+        not found
+      </td>
+    </tr>
+    <tr>
+      <th
+        scope="row"
+      >
+        Secret storage:
+      </th>
+      <td>
+        not ready
+      </td>
+    </tr>
+  </tbody>
+</table>
+`;
diff --git a/apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Event-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Event-test.tsx.snap
new file mode 100644
index 00000000000..992bf96d398
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Event-test.tsx.snap
@@ -0,0 +1,134 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<EventEditor /> should render 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_DevTools_content"
+  >
+    <div
+      class="mx_DevTools_eventTypeStateKeyGroup"
+    >
+      <div
+        class="mx_Field mx_Field_input"
+      >
+        <input
+          autocomplete="on"
+          id="eventType"
+          label="Event Type"
+          placeholder="Event Type"
+          size="42"
+          type="text"
+          value=""
+        />
+        <label
+          for="eventType"
+        >
+          Event Type
+        </label>
+      </div>
+    </div>
+    <div
+      class="mx_Field mx_Field_textarea mx_DevTools_textarea"
+    >
+      <textarea
+        autocomplete="off"
+        id="evContent"
+        label="Event Content"
+        placeholder="Event Content"
+        type="text"
+      >
+        {
+
+}
+      </textarea>
+      <label
+        for="evContent"
+      >
+        Event Content
+      </label>
+    </div>
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <button
+      type="button"
+    >
+      Back
+    </button>
+    <button
+      type="button"
+    >
+      Send
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<EventEditor /> thread context should pre-populate a thread relationship 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_DevTools_content"
+  >
+    <div
+      class="mx_DevTools_eventTypeStateKeyGroup"
+    >
+      <div
+        class="mx_Field mx_Field_input"
+      >
+        <input
+          autocomplete="on"
+          id="eventType"
+          label="Event Type"
+          placeholder="Event Type"
+          size="42"
+          type="text"
+          value=""
+        />
+        <label
+          for="eventType"
+        >
+          Event Type
+        </label>
+      </div>
+    </div>
+    <div
+      class="mx_Field mx_Field_textarea mx_DevTools_textarea"
+    >
+      <textarea
+        autocomplete="off"
+        id="evContent"
+        label="Event Content"
+        placeholder="Event Content"
+        type="text"
+      >
+        {
+  "m.relates_to": {
+    "rel_type": "m.thread",
+    "event_id": "$this_is_a_thread_id"
+  }
+}
+      </textarea>
+      <label
+        for="evContent"
+      >
+        Event Content
+      </label>
+    </div>
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <button
+      type="button"
+    >
+      Back
+    </button>
+    <button
+      type="button"
+    >
+      Send
+    </button>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/RoomNotifications-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/RoomNotifications-test.tsx.snap
new file mode 100644
index 00000000000..09dce1d9776
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/RoomNotifications-test.tsx.snap
@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<RoomNotifications /> should render 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_DevTools_content"
+  >
+    <section>
+      <h2>
+        Room status
+      </h2>
+      <ul>
+        <li>
+          <span>
+            Room unread status: 
+            <strong>
+              None
+            </strong>
+            , count: 
+            <strong>
+              0
+            </strong>
+          </span>
+        </li>
+        <li>
+          <span>
+            Notification state is 
+            <strong />
+          </span>
+        </li>
+        <li>
+          <span>
+            Room is 
+            <strong>
+              not encrypted 🚨
+            </strong>
+          </span>
+        </li>
+      </ul>
+    </section>
+    <section>
+      <h2>
+        Main timeline
+      </h2>
+      <ul>
+        <li>
+          Total:  0
+        </li>
+        <li>
+          Highlight:  0
+        </li>
+        <li>
+          Dot:  false
+        </li>
+      </ul>
+    </section>
+    <section>
+      <h2>
+        Threads timeline
+      </h2>
+      <ul />
+    </section>
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <button
+      type="button"
+    >
+      Back
+    </button>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Users-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Users-test.tsx.snap
new file mode 100644
index 00000000000..308354fc833
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Users-test.tsx.snap
@@ -0,0 +1,849 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<Users /> should render a single device - signed by owner 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_DevTools_content"
+  >
+    <ul>
+      <li>
+        <span
+          class="mx_CopyableText"
+        >
+          User ID: @alice:example.com
+          <button
+            aria-labelledby="react-use-id-1"
+            class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+            data-kind="primary"
+            role="button"
+            style="--cpd-icon-button-size: 28px; padding: 4px;"
+            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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                />
+                <path
+                  d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                />
+              </svg>
+            </div>
+          </button>
+        </span>
+      </li>
+      <li>
+        <span
+          class="mx_CopyableText"
+        >
+          Device ID: SIGNED
+          <button
+            aria-labelledby="react-use-id-2"
+            class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+            data-kind="primary"
+            role="button"
+            style="--cpd-icon-button-size: 28px; padding: 4px;"
+            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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                />
+                <path
+                  d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                />
+              </svg>
+            </div>
+          </button>
+        </span>
+      </li>
+      <li>
+        Displayname: 
+      </li>
+      <li>
+        <span>
+          Verification status: 
+          <div
+            class="mx_E2EIcon mx_E2EIcon_inline"
+            data-testid="e2e-icon"
+          >
+            <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="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>
+           Signed by owner
+        </span>
+      </li>
+      <li>
+        Dehydrated: No
+      </li>
+      <li>
+        Device keys
+        <ul>
+          <li>
+            <span
+              class="mx_CopyableText"
+            >
+              ed25519: an_ed25519_public_key
+              <button
+                aria-labelledby="react-use-id-3"
+                class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+                data-kind="primary"
+                role="button"
+                style="--cpd-icon-button-size: 28px; padding: 4px;"
+                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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                    />
+                    <path
+                      d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                    />
+                  </svg>
+                </div>
+              </button>
+            </span>
+          </li>
+          <li>
+            <span
+              class="mx_CopyableText"
+            >
+              curve25519: a_curve25519_public_key
+              <button
+                aria-labelledby="react-use-id-4"
+                class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+                data-kind="primary"
+                role="button"
+                style="--cpd-icon-button-size: 28px; padding: 4px;"
+                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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                    />
+                    <path
+                      d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                    />
+                  </svg>
+                </div>
+              </button>
+            </span>
+          </li>
+        </ul>
+      </li>
+    </ul>
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <button
+      type="button"
+    >
+      Back
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<Users /> should render a single device - unsigned 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_DevTools_content"
+  >
+    <ul>
+      <li>
+        <span
+          class="mx_CopyableText"
+        >
+          User ID: @alice:example.com
+          <button
+            aria-labelledby="react-use-id-1"
+            class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+            data-kind="primary"
+            role="button"
+            style="--cpd-icon-button-size: 28px; padding: 4px;"
+            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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                />
+                <path
+                  d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                />
+              </svg>
+            </div>
+          </button>
+        </span>
+      </li>
+      <li>
+        <span
+          class="mx_CopyableText"
+        >
+          Device ID: UNSIGNED
+          <button
+            aria-labelledby="react-use-id-2"
+            class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+            data-kind="primary"
+            role="button"
+            style="--cpd-icon-button-size: 28px; padding: 4px;"
+            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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                />
+                <path
+                  d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                />
+              </svg>
+            </div>
+          </button>
+        </span>
+      </li>
+      <li>
+        Displayname: 
+      </li>
+      <li>
+        <span>
+          Verification status: 
+          <div
+            class="mx_E2EIcon mx_E2EIcon_inline"
+            data-testid="e2e-icon"
+          >
+            <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>
+           Not signed by owner
+        </span>
+      </li>
+      <li>
+        Dehydrated: No
+      </li>
+      <li>
+        Device keys
+        <ul>
+          <li>
+            <span
+              class="mx_CopyableText"
+            >
+              ed25519: an_ed25519_public_key
+              <button
+                aria-labelledby="react-use-id-3"
+                class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+                data-kind="primary"
+                role="button"
+                style="--cpd-icon-button-size: 28px; padding: 4px;"
+                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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                    />
+                    <path
+                      d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                    />
+                  </svg>
+                </div>
+              </button>
+            </span>
+          </li>
+          <li>
+            <span
+              class="mx_CopyableText"
+            >
+              curve25519: a_curve25519_public_key
+              <button
+                aria-labelledby="react-use-id-4"
+                class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+                data-kind="primary"
+                role="button"
+                style="--cpd-icon-button-size: 28px; padding: 4px;"
+                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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                    />
+                    <path
+                      d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                    />
+                  </svg>
+                </div>
+              </button>
+            </span>
+          </li>
+        </ul>
+      </li>
+    </ul>
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <button
+      type="button"
+    >
+      Back
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<Users /> should render a single device - verified by cross-signing 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_DevTools_content"
+  >
+    <ul>
+      <li>
+        <span
+          class="mx_CopyableText"
+        >
+          User ID: @alice:example.com
+          <button
+            aria-labelledby="react-use-id-1"
+            class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+            data-kind="primary"
+            role="button"
+            style="--cpd-icon-button-size: 28px; padding: 4px;"
+            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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                />
+                <path
+                  d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                />
+              </svg>
+            </div>
+          </button>
+        </span>
+      </li>
+      <li>
+        <span
+          class="mx_CopyableText"
+        >
+          Device ID: VERIFIED
+          <button
+            aria-labelledby="react-use-id-2"
+            class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+            data-kind="primary"
+            role="button"
+            style="--cpd-icon-button-size: 28px; padding: 4px;"
+            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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                />
+                <path
+                  d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                />
+              </svg>
+            </div>
+          </button>
+        </span>
+      </li>
+      <li>
+        Displayname: 
+      </li>
+      <li>
+        <span>
+          Verification status: 
+          <div
+            class="mx_E2EIcon mx_E2EIcon_inline"
+            data-testid="e2e-icon"
+          >
+            <svg
+              color="var(--cpd-color-icon-success-primary)"
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M11.106 2.447a2 2 0 0 1 1.789 0l6 3A2 2 0 0 1 20 7.237V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.105-1.789zm4.601 6.846a1 1 0 0 0-1.414 0L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+           Verified by cross-signing
+        </span>
+      </li>
+      <li>
+        Dehydrated: No
+      </li>
+      <li>
+        Device keys
+        <ul>
+          <li>
+            <span
+              class="mx_CopyableText"
+            >
+              ed25519: an_ed25519_public_key
+              <button
+                aria-labelledby="react-use-id-3"
+                class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+                data-kind="primary"
+                role="button"
+                style="--cpd-icon-button-size: 28px; padding: 4px;"
+                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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                    />
+                    <path
+                      d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                    />
+                  </svg>
+                </div>
+              </button>
+            </span>
+          </li>
+          <li>
+            <span
+              class="mx_CopyableText"
+            >
+              curve25519: a_curve25519_public_key
+              <button
+                aria-labelledby="react-use-id-4"
+                class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+                data-kind="primary"
+                role="button"
+                style="--cpd-icon-button-size: 28px; padding: 4px;"
+                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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                    />
+                    <path
+                      d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                    />
+                  </svg>
+                </div>
+              </button>
+            </span>
+          </li>
+        </ul>
+      </li>
+    </ul>
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <button
+      type="button"
+    >
+      Back
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<Users /> should render a single user 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_DevTools_content"
+  >
+    <ul>
+      <li>
+        <span
+          class="mx_CopyableText"
+        >
+          User ID: @alice:example.com
+          <button
+            aria-labelledby="react-use-id-1"
+            class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+            data-kind="primary"
+            role="button"
+            style="--cpd-icon-button-size: 28px; padding: 4px;"
+            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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                />
+                <path
+                  d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                />
+              </svg>
+            </div>
+          </button>
+        </span>
+      </li>
+      <li>
+        Membership: join
+      </li>
+      <li>
+        <span>
+          Displayname: 
+          <i>
+            None
+          </i>
+        </span>
+      </li>
+      <li>
+        <span>
+          Avatar: 
+          <i>
+            None
+          </i>
+        </span>
+      </li>
+      <li>
+        <span>
+          Verification status: 
+          <div
+            class="mx_E2EIcon mx_E2EIcon_inline"
+            data-testid="e2e-icon"
+          >
+            <svg
+              color="var(--cpd-color-icon-success-primary)"
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M11.106 2.447a2 2 0 0 1 1.789 0l6 3A2 2 0 0 1 20 7.237V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.105-1.789zm4.601 6.846a1 1 0 0 0-1.414 0L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+           Verified
+        </span>
+      </li>
+    </ul>
+    <section>
+      <h2>
+        Cryptographic devices (3)
+      </h2>
+      <ul>
+        <li>
+          <button
+            class="mx_DevTools_button"
+            type="button"
+          >
+            <div
+              class="mx_E2EIcon mx_E2EIcon_inline"
+              data-testid="e2e-icon"
+            >
+              <svg
+                color="var(--cpd-color-icon-success-primary)"
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M11.106 2.447a2 2 0 0 1 1.789 0l6 3A2 2 0 0 1 20 7.237V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.105-1.789zm4.601 6.846a1 1 0 0 0-1.414 0L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </div>
+            VERIFIED
+          </button>
+        </li>
+        <li>
+          <button
+            class="mx_DevTools_button"
+            type="button"
+          >
+            <div
+              class="mx_E2EIcon mx_E2EIcon_inline"
+              data-testid="e2e-icon"
+            >
+              <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="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>
+            SIGNED
+          </button>
+        </li>
+        <li>
+          <button
+            class="mx_DevTools_button"
+            type="button"
+          >
+            <div
+              class="mx_E2EIcon mx_E2EIcon_inline"
+              data-testid="e2e-icon"
+            >
+              <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>
+            UNSIGNED
+          </button>
+        </li>
+      </ul>
+    </section>
+    <section>
+      <h2>
+        Cryptographic identity
+      </h2>
+      <i>
+        Unknown
+      </i>
+    </section>
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <button
+      type="button"
+    >
+      Back
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<Users /> should render a user list 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_DevTools_content"
+  >
+    <div
+      class="mx_Field mx_Field_input mx_TextInputDialog_input mx_DevTools_RoomStateExplorer_query"
+    >
+      <input
+        autocomplete="off"
+        id="mx_Field_1"
+        label="Filter results"
+        placeholder="Filter results"
+        size="64"
+        type="text"
+        value=""
+      />
+      <label
+        for="mx_Field_1"
+      >
+        Filter results
+      </label>
+    </div>
+    No results found
+    <form
+      class="_root_1o4d9_17"
+    >
+      <div
+        class="_inline-field_1o4d9_33"
+      >
+        <div
+          class="_inline-field-control_1o4d9_45"
+        >
+          <div
+            class="_container_udcm8_10"
+          >
+            <input
+              checked=""
+              class="_input_udcm8_24"
+              id="react-use-id-1"
+              role="switch"
+              type="checkbox"
+            />
+            <div
+              class="_ui_udcm8_34"
+            />
+          </div>
+        </div>
+        <div
+          class="_inline-field-body_1o4d9_39"
+        >
+          <label
+            class="_label_1o4d9_60"
+            for="react-use-id-1"
+          >
+            Only joined users
+          </label>
+        </div>
+      </div>
+    </form>
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <button
+      type="button"
+    >
+      Back
+    </button>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/dialogs/invite/UnknownIdentityUsersWarningDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/invite/UnknownIdentityUsersWarningDialog-test.tsx
new file mode 100644
index 00000000000..f3b7c0476fe
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/invite/UnknownIdentityUsersWarningDialog-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, { type ComponentProps } from "react";
+import { render, type RenderResult } from "jest-matrix-react";
+import { getAllByRole, getAllByText, getByText } from "@testing-library/dom";
+
+import UnknownIdentityUsersWarningDialog from "../../../../../../src/components/views/dialogs/invite/UnknownIdentityUsersWarningDialog.tsx";
+import { InviteKind } from "../../../../../../src/components/views/dialogs/InviteDialogTypes.ts";
+import { DirectoryMember, ThreepidMember } from "../../../../../../src/utils/direct-messages.ts";
+import { getMockClientWithEventEmitter, mockClientMethodsUser } from "../../../../../test-utils";
+
+describe("UnknownIdentityUsersWarningDialog", () => {
+    beforeEach(() => {
+        getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(),
+        });
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("should show entries for each user", () => {
+        const result = renderComponent({
+            users: [
+                new DirectoryMember({ user_id: "@alice:example.com" }),
+                new DirectoryMember({
+                    user_id: "@bob:example.net",
+                    display_name: "Bob",
+                    avatar_url: "mxc://example.com/abc",
+                }),
+                new ThreepidMember("charlie@example.com"),
+            ],
+        });
+
+        const list = result.getByTestId("userlist");
+        const entries = getAllByRole(list, "option");
+        expect(entries).toHaveLength(3);
+
+        // No displayname so mxid is displayed twice
+        expect(getAllByText(entries[0], "@alice:example.com")).toHaveLength(2);
+
+        getByText(entries[1], "Bob");
+        getByText(entries[2], "charlie@example.com");
+    });
+
+    describe("in DM mode", () => {
+        const kind = InviteKind.Dm;
+
+        it("shows a 'Continue' button", () => {
+            const onContinue = jest.fn();
+            const result = renderComponent({ kind, onContinue });
+            const continueButton = result.getByRole("button", { name: "Continue" });
+            continueButton.click();
+            expect(onContinue).toHaveBeenCalled();
+        });
+
+        it("shows a 'Cancel' button", () => {
+            const onCancel = jest.fn();
+            const result = renderComponent({ kind, onCancel });
+            const cancelButton = result.getByRole("button", { name: "Cancel" });
+            cancelButton.click();
+            expect(onCancel).toHaveBeenCalled();
+        });
+    });
+
+    describe("in Invite mode", () => {
+        const kind = InviteKind.Invite;
+
+        it("shows an 'Invite' button", () => {
+            const onContinue = jest.fn();
+            const result = renderComponent({ kind, onContinue });
+            const continueButton = result.getByRole("button", { name: "Invite" });
+            continueButton.click();
+            expect(onContinue).toHaveBeenCalled();
+        });
+
+        it("shows a 'Remove' button", () => {
+            const onRemove = jest.fn();
+            const result = renderComponent({ kind, onRemove });
+            const removeButton = result.getByRole("button", { name: "Remove" });
+            removeButton.click();
+            expect(onRemove).toHaveBeenCalled();
+        });
+    });
+});
+
+function renderComponent(props: Partial<ComponentProps<typeof UnknownIdentityUsersWarningDialog>>): RenderResult {
+    const props1: ComponentProps<typeof UnknownIdentityUsersWarningDialog> = {
+        onContinue: () => {},
+        onCancel: () => {},
+        onRemove: () => {},
+        screenName: undefined,
+        kind: InviteKind.Dm,
+        users: [],
+        ...props,
+    };
+    return render(<UnknownIdentityUsersWarningDialog {...props1} />);
+}
diff --git a/apps/web/test/unit-tests/components/views/dialogs/security/CreateSecretStorageDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/security/CreateSecretStorageDialog-test.tsx
new file mode 100644
index 00000000000..da68906c639
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/security/CreateSecretStorageDialog-test.tsx
@@ -0,0 +1,100 @@
+/*
+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 { render, type RenderResult, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import React from "react";
+import { mocked, type MockedObject } from "jest-mock";
+import { type MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+import { sleep } from "matrix-js-sdk/src/utils";
+
+import { filterConsole, stubClient } from "../../../../../test-utils";
+import CreateSecretStorageDialog from "../../../../../../src/async-components/views/dialogs/security/CreateSecretStorageDialog";
+
+describe("CreateSecretStorageDialog", () => {
+    let mockClient: MockedObject<MatrixClient>;
+
+    beforeEach(() => {
+        mockClient = mocked(stubClient());
+        mockClient.uploadDeviceSigningKeys.mockImplementation(async () => {
+            await sleep(0); // CreateSecretStorageDialog doesn't expect this to resolve immediately
+            throw new MatrixError({ flows: [] });
+        });
+        // Mock the clipboard API
+        document.execCommand = jest.fn().mockReturnValue(true);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    function renderComponent(
+        props: Partial<React.ComponentProps<typeof CreateSecretStorageDialog>> = {},
+    ): RenderResult {
+        const onFinished = jest.fn();
+        return render(<CreateSecretStorageDialog onFinished={onFinished} {...props} />);
+    }
+
+    it("handles the happy path", async () => {
+        const result = renderComponent();
+        await result.findByText(
+            "Safeguard against losing access to encrypted messages & data by backing up encryption keys on your server.",
+        );
+        expect(result.container).toMatchSnapshot();
+        await userEvent.click(result.getByRole("button", { name: "Continue" }));
+
+        await screen.findByText("Save your Recovery Key");
+        expect(result.container).toMatchSnapshot();
+        // Copy the key to enable the continue button
+        await userEvent.click(screen.getByRole("button", { name: "Copy" }));
+        expect(result.queryByText("Copied!")).not.toBeNull();
+        await userEvent.click(screen.getByRole("button", { name: "Continue" }));
+
+        await screen.findByText("Your keys are now being backed up from this device.");
+    });
+
+    it("when there is an error when bootstraping the secret storage, it shows an error", async () => {
+        jest.spyOn(mockClient.getCrypto()!, "bootstrapSecretStorage").mockRejectedValue(new Error("error"));
+
+        renderComponent();
+        await screen.findByText(
+            "Safeguard against losing access to encrypted messages & data by backing up encryption keys on your server.",
+        );
+        await userEvent.click(screen.getByRole("button", { name: "Continue" }));
+        await screen.findByText("Save your Recovery Key");
+        await userEvent.click(screen.getByRole("button", { name: "Copy" }));
+        await userEvent.click(screen.getByRole("button", { name: "Continue" }));
+
+        await screen.findByText("Unable to set up secret storage");
+    });
+
+    describe("when there is an error fetching the backup version", () => {
+        filterConsole("Error fetching backup data from server");
+
+        it("shows an error", async () => {
+            jest.spyOn(mockClient.getCrypto()!, "getKeyBackupInfo").mockImplementation(async () => {
+                throw new Error("bleh bleh");
+            });
+
+            const result = renderComponent();
+            // We go though the dialog until we have to get the key backup
+            await userEvent.click(result.getByRole("button", { name: "Continue" }));
+            await userEvent.click(screen.getByRole("button", { name: "Copy" }));
+            await userEvent.click(screen.getByRole("button", { name: "Continue" }));
+
+            // XXX the error message is... misleading.
+            await screen.findByText("Unable to query secret storage status");
+            expect(result.container).toMatchSnapshot();
+
+            // Now we can get the backup and we retry
+            jest.spyOn(mockClient.getCrypto()!, "getKeyBackupInfo").mockRestore();
+            await userEvent.click(screen.getByRole("button", { name: "Retry" }));
+            await screen.findByText("Your keys are now being backed up from this device.");
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/security/ExportE2eKeysDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/security/ExportE2eKeysDialog-test.tsx
new file mode 100644
index 00000000000..004e2e5f8b5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/security/ExportE2eKeysDialog-test.tsx
@@ -0,0 +1,86 @@
+/*
+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 { screen, fireEvent, render, waitFor, act } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { type IMegolmSessionData } from "matrix-js-sdk/src/matrix";
+import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+
+import * as MegolmExportEncryption from "../../../../../../src/utils/MegolmExportEncryption";
+import ExportE2eKeysDialog from "../../../../../../src/async-components/views/dialogs/security/ExportE2eKeysDialog";
+import { createTestClient } from "../../../../../test-utils";
+
+describe("ExportE2eKeysDialog", () => {
+    it("renders", () => {
+        const cli = createTestClient();
+        const onFinished = jest.fn();
+        const { asFragment } = render(<ExportE2eKeysDialog matrixClient={cli} onFinished={onFinished} />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should have disabled submit button initially", async () => {
+        const cli = createTestClient();
+        const onFinished = jest.fn();
+        const { container } = render(<ExportE2eKeysDialog matrixClient={cli} onFinished={onFinished} />);
+        await act(() => fireEvent.click(container.querySelector("[type=submit]")!));
+        expect(screen.getByLabelText("Enter passphrase")).toBeInTheDocument();
+    });
+
+    it("should complain about weak passphrases", async () => {
+        const cli = createTestClient();
+        const onFinished = jest.fn();
+
+        const { container } = render(<ExportE2eKeysDialog matrixClient={cli} onFinished={onFinished} />);
+        const input = screen.getByLabelText("Enter passphrase");
+        await userEvent.type(input, "password");
+        await act(() => fireEvent.click(container.querySelector("[type=submit]")!));
+        await expect(screen.findByText("This is a top-10 common password")).resolves.toBeInTheDocument();
+    });
+
+    it("should complain if passphrases don't match", async () => {
+        const cli = createTestClient();
+        const onFinished = jest.fn();
+
+        const { container } = render(<ExportE2eKeysDialog matrixClient={cli} onFinished={onFinished} />);
+        await userEvent.type(screen.getByLabelText("Enter passphrase"), "ThisIsAMoreSecurePW123$$");
+        await userEvent.type(screen.getByLabelText("Confirm passphrase"), "ThisIsAMoreSecurePW124$$");
+        await act(() => fireEvent.click(container.querySelector("[type=submit]")!));
+        await expect(screen.findByText("Passphrases must match")).resolves.toBeInTheDocument();
+    });
+
+    it("should export if everything is fine", async () => {
+        // Given a client able to export keys
+        const cli = createTestClient();
+        const keys: IMegolmSessionData[] = [];
+        const passphrase = "ThisIsAMoreSecurePW123$$";
+        const exportRoomKeysAsJson = jest.fn().mockResolvedValue(JSON.stringify(keys));
+        cli.getCrypto = () => {
+            return {
+                exportRoomKeysAsJson,
+            } as unknown as CryptoApi;
+        };
+
+        // Mock the result of encrypting the sessions. If we don't do this, the
+        // encryption process fails, possibly because we didn't initialise
+        // something.
+        jest.spyOn(MegolmExportEncryption, "encryptMegolmKeyFile").mockResolvedValue(new ArrayBuffer(3));
+
+        // When we tell the dialog to export
+        const { container } = render(<ExportE2eKeysDialog matrixClient={cli} onFinished={jest.fn()} />);
+        await userEvent.type(screen.getByLabelText("Enter passphrase"), passphrase);
+        await userEvent.type(screen.getByLabelText("Confirm passphrase"), passphrase);
+        await act(() => fireEvent.click(container.querySelector("[type=submit]")!));
+
+        // Then it exports keys and encrypts them
+        await waitFor(() => expect(exportRoomKeysAsJson).toHaveBeenCalled());
+        await waitFor(() =>
+            expect(MegolmExportEncryption.encryptMegolmKeyFile).toHaveBeenCalledWith(JSON.stringify(keys), passphrase),
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/security/ImportE2eKeysDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/security/ImportE2eKeysDialog-test.tsx
new file mode 100644
index 00000000000..e45b408df30
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/security/ImportE2eKeysDialog-test.tsx
@@ -0,0 +1,87 @@
+/*
+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 { fireEvent, render, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+
+import ImportE2eKeysDialog from "../../../../../../src/async-components/views/dialogs/security/ImportE2eKeysDialog";
+import * as MegolmExportEncryption from "../../../../../../src/utils/MegolmExportEncryption";
+import { createTestClient } from "../../../../../test-utils";
+
+describe("ImportE2eKeysDialog", () => {
+    it("renders", () => {
+        const cli = createTestClient();
+        const onFinished = jest.fn();
+        const { asFragment } = render(<ImportE2eKeysDialog matrixClient={cli} onFinished={onFinished} />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should have disabled submit button initially", () => {
+        const cli = createTestClient();
+        const onFinished = jest.fn();
+        const { container } = render(<ImportE2eKeysDialog matrixClient={cli} onFinished={onFinished} />);
+        expect(container.querySelector("[type=submit]")!).toBeDisabled();
+    });
+
+    it("should enable submit once file is uploaded and passphrase typed in", () => {
+        const cli = createTestClient();
+        const onFinished = jest.fn();
+        const file = new File(["test"], "file.txt", { type: "text/plain" });
+
+        const { container } = render(<ImportE2eKeysDialog matrixClient={cli} onFinished={onFinished} />);
+        fireEvent.change(container.querySelector("[type=file]")!, {
+            target: { files: [file] },
+        });
+        fireEvent.change(container.querySelector("[type=password]")!, {
+            target: { value: "passphrase" },
+        });
+        expect(container.querySelector("[type=submit]")!).toBeEnabled();
+    });
+
+    it("should enable submit once file is uploaded and passphrase pasted in", async () => {
+        const cli = createTestClient();
+        const onFinished = jest.fn();
+        const file = new File(["test"], "file.txt", { type: "text/plain" });
+
+        const { container } = render(<ImportE2eKeysDialog matrixClient={cli} onFinished={onFinished} />);
+        fireEvent.change(container.querySelector("[type=file]")!, {
+            target: { files: [file] },
+        });
+        await userEvent.click(container.querySelector("[type=password]")!);
+        await userEvent.paste("passphrase");
+        expect(container.querySelector("[type=submit]")!).toBeEnabled();
+    });
+
+    it("should import exported keys on submit", async () => {
+        const cli = createTestClient();
+        const onFinished = jest.fn();
+        const file = new File(["test"], "file.txt", { type: "text/plain" });
+        const importRoomKeysAsJson = jest.fn();
+        cli.getCrypto = () => {
+            return {
+                importRoomKeysAsJson,
+            } as unknown as CryptoApi;
+        };
+
+        // Mock the result of decrypting the sessions, to avoid needing to
+        // create encrypted input data.
+        jest.spyOn(MegolmExportEncryption, "decryptMegolmKeyFile").mockResolvedValue("[]");
+
+        const { container } = render(<ImportE2eKeysDialog matrixClient={cli} onFinished={onFinished} />);
+        fireEvent.change(container.querySelector("[type=file]")!, {
+            target: { files: [file] },
+        });
+        await userEvent.click(container.querySelector("[type=password]")!);
+        await userEvent.paste("passphrase");
+        fireEvent.click(container.querySelector("[type=submit]")!);
+
+        await waitFor(() => expect(importRoomKeysAsJson).toHaveBeenCalled());
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/security/InitialCryptoSetupDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/security/InitialCryptoSetupDialog-test.tsx
new file mode 100644
index 00000000000..5a3bdd83c6a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/security/InitialCryptoSetupDialog-test.tsx
@@ -0,0 +1,58 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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 userEvent from "@testing-library/user-event";
+
+import { InitialCryptoSetupDialog } from "../../../../../../src/components/views/dialogs/security/InitialCryptoSetupDialog";
+import { InitialCryptoSetupStore } from "../../../../../../src/stores/InitialCryptoSetupStore";
+
+describe("InitialCryptoSetupDialog", () => {
+    const storeMock = {
+        getStatus: jest.fn(),
+        retry: jest.fn(),
+        on: jest.fn(),
+        off: jest.fn(),
+    };
+
+    beforeEach(() => {
+        jest.spyOn(InitialCryptoSetupStore, "sharedInstance").mockReturnValue(storeMock as any);
+    });
+
+    afterEach(() => {
+        jest.resetAllMocks();
+        jest.restoreAllMocks();
+    });
+
+    it("should show a spinner while the setup is in progress", async () => {
+        storeMock.getStatus.mockReturnValue("in_progress");
+
+        render(<InitialCryptoSetupDialog onCancelled={jest.fn()} />);
+
+        expect(screen.getByTestId("spinner")).toBeInTheDocument();
+    });
+
+    it("should display an error if setup has failed", async () => {
+        storeMock.getStatus.mockReturnValue("error");
+
+        render(<InitialCryptoSetupDialog onCancelled={jest.fn()} />);
+
+        await expect(await screen.findByRole("button", { name: "Retry" })).toBeInTheDocument();
+    });
+
+    it("calls retry when retry button pressed", async () => {
+        storeMock.getStatus.mockReturnValue("error");
+
+        render(<InitialCryptoSetupDialog onCancelled={jest.fn()} />);
+
+        await userEvent.click(await screen.findByRole("button", { name: "Retry" }));
+
+        expect(storeMock.retry).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/security/ResetIdentityDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/security/ResetIdentityDialog-test.tsx
new file mode 100644
index 00000000000..74260161346
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/security/ResetIdentityDialog-test.tsx
@@ -0,0 +1,63 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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, { act } from "react";
+import { render } from "jest-matrix-react";
+import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+import { type Mocked } from "jest-mock-vitest-adapter";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { getMockClientWithEventEmitter } from "../../../../../test-utils";
+import { ResetIdentityDialog } from "../../../../../../src/components/views/dialogs/ResetIdentityDialog";
+
+describe("ResetIdentityDialog", () => {
+    afterEach(() => {
+        jest.resetAllMocks();
+        jest.restoreAllMocks();
+    });
+
+    it("should call onReset and onFinished when we click Continue", async () => {
+        const client = mockClient();
+
+        const onFinished = jest.fn();
+        const onReset = jest.fn();
+        const dialog = render(<ResetIdentityDialog onFinished={onFinished} onReset={onReset} variant="compromised" />);
+
+        await act(async () => dialog.getByRole("button", { name: "Continue" }).click());
+
+        expect(onReset).toHaveBeenCalled();
+        expect(onFinished).toHaveBeenCalled();
+
+        expect(client.getCrypto()?.resetEncryption).toHaveBeenCalled();
+    });
+
+    it("should call onFinished when we click Cancel", async () => {
+        const client = mockClient();
+
+        const onFinished = jest.fn();
+        const onReset = jest.fn();
+        const dialog = render(<ResetIdentityDialog onFinished={onFinished} onReset={onReset} variant="compromised" />);
+
+        await act(async () => dialog.getByRole("button", { name: "Cancel" }).click());
+
+        expect(onFinished).toHaveBeenCalled();
+
+        expect(onReset).not.toHaveBeenCalled();
+        expect(client.getCrypto()?.resetEncryption).not.toHaveBeenCalled();
+    });
+});
+
+function mockClient(): Mocked<MatrixClient> {
+    const mockCrypto = {
+        resetEncryption: jest.fn().mockResolvedValue(null),
+    } as unknown as Mocked<CryptoApi>;
+
+    return getMockClientWithEventEmitter({
+        getCrypto: jest.fn().mockReturnValue(mockCrypto),
+    });
+}
diff --git a/apps/web/test/unit-tests/components/views/dialogs/security/RestoreKeyBackupDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/security/RestoreKeyBackupDialog-test.tsx
new file mode 100644
index 00000000000..e2ba7562f71
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/security/RestoreKeyBackupDialog-test.tsx
@@ -0,0 +1,126 @@
+/*
+ * Copyright 2024 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, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type KeyBackupInfo } from "matrix-js-sdk/src/crypto-api";
+// Needed to be able to mock decodeRecoveryKey
+// eslint-disable-next-line no-restricted-imports
+import * as recoveryKeyModule from "matrix-js-sdk/src/crypto-api/recovery-key";
+
+import RestoreKeyBackupDialog from "../../../../../../src/components/views/dialogs/security/RestoreKeyBackupDialog.tsx";
+import { stubClient } from "../../../../../test-utils";
+
+describe("<RestoreKeyBackupDialog />", () => {
+    const keyBackupRestoreResult = {
+        total: 2,
+        imported: 1,
+    };
+
+    let matrixClient: MatrixClient;
+    beforeEach(() => {
+        matrixClient = stubClient();
+        jest.spyOn(recoveryKeyModule, "decodeRecoveryKey").mockReturnValue(new Uint8Array(32));
+        jest.spyOn(matrixClient.getCrypto()!, "getKeyBackupInfo").mockResolvedValue({ version: "1" } as KeyBackupInfo);
+    });
+
+    it("should render", async () => {
+        const { asFragment } = render(<RestoreKeyBackupDialog onFinished={jest.fn()} />);
+        await waitFor(() => expect(screen.getByText("Enter Recovery Key")).toBeInTheDocument());
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should display an error when recovery key is invalid", async () => {
+        jest.spyOn(recoveryKeyModule, "decodeRecoveryKey").mockImplementation(() => {
+            throw new Error("Invalid recovery key");
+        });
+        const { asFragment } = render(<RestoreKeyBackupDialog onFinished={jest.fn()} />);
+        await waitFor(() => expect(screen.getByText("Enter Recovery Key")).toBeInTheDocument());
+
+        await userEvent.type(screen.getByRole("textbox"), "invalid key");
+        await waitFor(() => expect(screen.getByText("👎 Not a valid Recovery Key")).toBeInTheDocument());
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should not raise an error when recovery is valid", async () => {
+        const { asFragment } = render(<RestoreKeyBackupDialog onFinished={jest.fn()} />);
+        await waitFor(() => expect(screen.getByText("Enter Recovery Key")).toBeInTheDocument());
+
+        await userEvent.type(screen.getByRole("textbox"), "valid key");
+        await waitFor(() => expect(screen.getByText("👍 This looks like a valid Recovery Key!")).toBeInTheDocument());
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should restore key backup when the key is cached", async () => {
+        jest.spyOn(matrixClient.getCrypto()!, "restoreKeyBackup").mockResolvedValue(keyBackupRestoreResult);
+
+        const { asFragment } = render(<RestoreKeyBackupDialog onFinished={jest.fn()} />);
+        await waitFor(() => expect(screen.getByText("Successfully restored 1 keys")).toBeInTheDocument());
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should restore key backup when the key is in secret storage", async () => {
+        jest.spyOn(matrixClient.getCrypto()!, "restoreKeyBackup")
+            // Reject when trying to restore from cache
+            .mockRejectedValueOnce(new Error("key backup not found"))
+            // Resolve when trying to restore from secret storage
+            .mockResolvedValue(keyBackupRestoreResult);
+        jest.spyOn(matrixClient.secretStorage, "hasKey").mockResolvedValue(true);
+        jest.spyOn(matrixClient, "isKeyBackupKeyStored").mockResolvedValue({});
+
+        const { asFragment } = render(<RestoreKeyBackupDialog onFinished={jest.fn()} />);
+        await waitFor(() => expect(screen.getByText("Successfully restored 1 keys")).toBeInTheDocument());
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should restore key backup when Recovery key is filled by user", async () => {
+        jest.spyOn(matrixClient.getCrypto()!, "restoreKeyBackup")
+            // Reject when trying to restore from cache
+            .mockRejectedValueOnce(new Error("key backup not found"))
+            // Resolve when trying to restore from recovery key
+            .mockResolvedValue(keyBackupRestoreResult);
+
+        const { asFragment } = render(<RestoreKeyBackupDialog onFinished={jest.fn()} />);
+        await waitFor(() => expect(screen.getByText("Enter Recovery Key")).toBeInTheDocument());
+
+        await userEvent.type(screen.getByRole("textbox"), "my recovery key");
+        await userEvent.click(screen.getByRole("button", { name: "Next" }));
+
+        await waitFor(() => expect(screen.getByText("Successfully restored 1 keys")).toBeInTheDocument());
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    test("should restore key backup when passphrase is filled", async () => {
+        // Determine that the passphrase is required
+        jest.spyOn(matrixClient.getCrypto()!, "getKeyBackupInfo").mockResolvedValue({
+            version: "1",
+            auth_data: {
+                private_key_salt: "salt",
+                private_key_iterations: 1,
+            },
+        } as KeyBackupInfo);
+
+        jest.spyOn(matrixClient.getCrypto()!, "restoreKeyBackup")
+            // Reject when trying to restore from cache
+            .mockRejectedValue(new Error("key backup not found"));
+
+        jest.spyOn(matrixClient.getCrypto()!, "restoreKeyBackupWithPassphrase").mockResolvedValue(
+            keyBackupRestoreResult,
+        );
+
+        const { asFragment } = render(<RestoreKeyBackupDialog onFinished={jest.fn()} />);
+        await waitFor(() => expect(screen.getByText("Enter Security Phrase")).toBeInTheDocument());
+        // Not role for password https://github.com/w3c/aria/issues/935
+        await userEvent.type(screen.getByTestId("passphraseInput"), "my passphrase");
+        await userEvent.click(screen.getByRole("button", { name: "Next" }));
+
+        await waitFor(() => expect(screen.getByText("Successfully restored 1 keys")).toBeInTheDocument());
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/security/SetupEncryptionDialog-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/security/SetupEncryptionDialog-test.tsx
new file mode 100644
index 00000000000..1adc969196f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/security/SetupEncryptionDialog-test.tsx
@@ -0,0 +1,90 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2018-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, { act } from "react";
+import { render, screen } from "jest-matrix-react";
+import { type Mocked } from "jest-mock";
+import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+
+import SetupEncryptionDialog from "../../../../../../src/components/views/dialogs/security/SetupEncryptionDialog";
+import { getMockClientWithEventEmitter } from "../../../../../test-utils";
+import { Phase, SetupEncryptionStore } from "../../../../../../src/stores/SetupEncryptionStore";
+import Modal from "../../../../../../src/Modal";
+
+describe("SetupEncryptionDialog", () => {
+    afterEach(() => {
+        jest.resetAllMocks();
+        jest.restoreAllMocks();
+    });
+
+    it("should launch a dialog when I say Proceed, then be finished when I reset", async () => {
+        mockClient();
+        const store = new SetupEncryptionStore();
+        jest.spyOn(SetupEncryptionStore, "sharedInstance").mockReturnValue(store);
+
+        // Given when you open the reset dialog we immediately reset
+        jest.spyOn(Modal, "createDialog").mockImplementation((_, props) => {
+            // Simulate doing the reset in the dialog
+            props?.onReset();
+
+            return {
+                close: jest.fn(),
+                finished: Promise.resolve([]),
+            };
+        });
+
+        // When we launch the dialog and set it ready to start
+        const onFinished = jest.fn();
+        render(<SetupEncryptionDialog onFinished={onFinished} />);
+        await act(async () => await store.fetchKeyInfo());
+        expect(store.phase).toBe(Phase.Intro);
+
+        // And we hit the Proceed with reset button.
+        // (The createDialog mock above simulates the user doing the reset)
+        await act(async () => screen.getByRole("button", { name: "Can't confirm?" }).click());
+
+        // Then the phase has been set to Finished
+        expect(store.phase).toBe(Phase.Finished);
+    });
+});
+
+function mockClient() {
+    const mockCrypto = {
+        getDeviceVerificationStatus: jest.fn().mockResolvedValue({
+            crossSigningVerified: false,
+        }),
+        getUserDeviceInfo: jest.fn().mockResolvedValue(new Map()),
+        isCrossSigningReady: jest.fn().mockResolvedValue(true),
+        isSecretStorageReady: jest.fn().mockResolvedValue(true),
+        userHasCrossSigningKeys: jest.fn(),
+        getActiveSessionBackupVersion: jest.fn(),
+        getCrossSigningStatus: jest.fn().mockReturnValue({
+            publicKeysOnDevice: true,
+            privateKeysInSecretStorage: true,
+            privateKeysCachedLocally: {
+                masterKey: true,
+                selfSigningKey: true,
+                userSigningKey: true,
+            },
+        }),
+        getSessionBackupPrivateKey: jest.fn(),
+        isEncryptionEnabledInRoom: jest.fn(),
+        getKeyBackupInfo: jest.fn().mockResolvedValue(null),
+        getVerificationRequestsToDeviceInProgress: jest.fn().mockReturnValue([]),
+    } as unknown as Mocked<CryptoApi>;
+
+    const userId = "@user:server";
+    const deviceId = "ADEVICE";
+
+    getMockClientWithEventEmitter({
+        getCrypto: jest.fn().mockReturnValue(mockCrypto),
+        getUserId: jest.fn().mockReturnValue(userId),
+        getDeviceId: jest.fn().mockReturnValue(deviceId),
+        secretStorage: { isStored: jest.fn().mockReturnValue({}) },
+    });
+}
diff --git a/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/CreateSecretStorageDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/CreateSecretStorageDialog-test.tsx.snap
new file mode 100644
index 00000000000..77fed63547f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/CreateSecretStorageDialog-test.tsx.snap
@@ -0,0 +1,276 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`CreateSecretStorageDialog handles the happy path 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-labelledby="mx_BaseDialog_title"
+    class="mx_CreateSecretStorageDialog"
+    data-focus-lock-disabled="false"
+    role="dialog"
+    tabindex="-1"
+  >
+    <div
+      class="mx_Dialog_header"
+    >
+      <h1
+        class="mx_Heading_h3 mx_Dialog_title mx_CreateSecretStorageDialog_centeredTitle"
+        id="mx_BaseDialog_title"
+      >
+        Set up Secure Backup
+      </h1>
+    </div>
+    <div>
+      <form>
+        <p
+          class="mx_CreateSecretStorageDialog_centeredBody"
+        >
+          Safeguard against losing access to encrypted messages & data by backing up encryption keys on your server.
+        </p>
+        <div
+          class="mx_CreateSecretStorageDialog_primaryContainer"
+          role="radiogroup"
+        >
+          <label
+            class="mx_StyledRadioButton mx_StyledRadioButton_enabled mx_StyledRadioButton_checked mx_StyledRadioButton_outlined"
+          >
+            <input
+              checked=""
+              name="keyPassphrase"
+              type="radio"
+              value="key"
+            />
+            <div>
+              <div />
+            </div>
+            <div
+              class="mx_StyledRadioButton_content"
+            >
+              <div
+                class="mx_CreateSecretStorageDialog_optionTitle"
+              >
+                Generate a Recovery Key
+              </div>
+              <div>
+                We'll generate a Recovery Key for you to store somewhere safe, like a password manager or a safe.
+              </div>
+            </div>
+            <div
+              class="mx_StyledRadioButton_spacer"
+            />
+          </label>
+          <label
+            class="mx_StyledRadioButton mx_StyledRadioButton_enabled mx_StyledRadioButton_outlined"
+          >
+            <input
+              name="keyPassphrase"
+              type="radio"
+              value="passphrase"
+            />
+            <div>
+              <div />
+            </div>
+            <div
+              class="mx_StyledRadioButton_content"
+            >
+              <div
+                class="mx_CreateSecretStorageDialog_optionTitle"
+              >
+                Enter a Security Phrase
+              </div>
+              <div>
+                Use a secret phrase only you know, and optionally save a Recovery Key to use for backup.
+              </div>
+            </div>
+            <div
+              class="mx_StyledRadioButton_spacer"
+            />
+          </label>
+        </div>
+        <div
+          class="mx_Dialog_buttons"
+        >
+          <span
+            class="mx_Dialog_buttons_row"
+          >
+            <button
+              class="cancel"
+              data-testid="dialog-cancel-button"
+              type="button"
+            >
+              Cancel
+            </button>
+            <button
+              class="mx_Dialog_primary"
+              data-testid="dialog-primary-button"
+              type="button"
+            >
+              Continue
+            </button>
+          </span>
+        </div>
+      </form>
+    </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>
+`;
+
+exports[`CreateSecretStorageDialog handles the happy path 2`] = `
+<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-labelledby="mx_BaseDialog_title"
+    class="mx_CreateSecretStorageDialog"
+    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"
+      >
+        Save your Recovery Key
+      </h1>
+    </div>
+    <div>
+      <div>
+        <p>
+          Store your Recovery Key somewhere safe, like a password manager or a safe, as it's used to safeguard your encrypted data.
+        </p>
+        <div
+          class="mx_CreateSecretStorageDialog_primaryContainer mx_CreateSecretStorageDialog_recoveryKeyPrimarycontainer"
+        >
+          <div
+            class="mx_CreateSecretStorageDialog_recoveryKeyContainer"
+          >
+            <div
+              class="mx_CreateSecretStorageDialog_recoveryKey"
+            >
+              <code>
+                encoded private key
+              </code>
+            </div>
+            <div
+              class="mx_CreateSecretStorageDialog_recoveryKeyButtons"
+            >
+              <div
+                class="mx_AccessibleButton mx_Dialog_primary mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+                role="button"
+                tabindex="0"
+              >
+                Download
+              </div>
+              <span>
+                 or 
+              </span>
+              <div
+                class="mx_AccessibleButton mx_Dialog_primary mx_CreateSecretStorageDialog_recoveryKeyButtons_copyBtn mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+                role="button"
+                tabindex="0"
+              >
+                Copy
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="mx_Dialog_buttons"
+        >
+          <span
+            class="mx_Dialog_buttons_row"
+          >
+            <button
+              class="mx_Dialog_primary"
+              data-testid="dialog-primary-button"
+              disabled=""
+              type="button"
+            >
+              Continue
+            </button>
+          </span>
+        </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"
+  />
+</div>
+`;
+
+exports[`CreateSecretStorageDialog when there is an error fetching the backup version shows an error 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-labelledby="mx_BaseDialog_title"
+    class="mx_CreateSecretStorageDialog"
+    data-focus-lock-disabled="false"
+    role="dialog"
+    tabindex="-1"
+  >
+    <div
+      class="mx_Dialog_header"
+    />
+    <div>
+      <div>
+        <p>
+          Unable to query secret storage status
+        </p>
+        <div
+          class="mx_Dialog_buttons"
+        >
+          <div
+            class="mx_Dialog_buttons"
+          >
+            <span
+              class="mx_Dialog_buttons_row"
+            >
+              <button
+                class="cancel"
+                data-testid="dialog-cancel-button"
+                type="button"
+              >
+                Cancel
+              </button>
+              <button
+                class="mx_Dialog_primary"
+                data-testid="dialog-primary-button"
+                type="button"
+              >
+                Retry
+              </button>
+            </span>
+          </div>
+        </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"
+  />
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/ExportE2eKeysDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/ExportE2eKeysDialog-test.tsx.snap
new file mode 100644
index 00000000000..61a055907d8
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/ExportE2eKeysDialog-test.tsx.snap
@@ -0,0 +1,127 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`ExportE2eKeysDialog renders 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-labelledby="mx_BaseDialog_title"
+    class="mx_exportE2eKeysDialog 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"
+      >
+        Export room keys
+      </h1>
+    </div>
+    <form>
+      <div
+        class="mx_Dialog_content"
+      >
+        <p>
+          This process allows you to export the keys for messages you have received in encrypted rooms to a local file. You will then be able to import the file into another Matrix client in the future, so that client will also be able to decrypt these messages.
+        </p>
+        <p>
+          The exported file will allow anyone who can read it to decrypt any encrypted messages that you can see, so you should be careful to keep it secure. To help with this, you should enter a unique passphrase below, which will only be used to encrypt the exported data. It will only be possible to import the data by using the same passphrase.
+        </p>
+        <div
+          class="error"
+        />
+        <div
+          class="mx_E2eKeysDialog_inputTable"
+        >
+          <div
+            class="mx_E2eKeysDialog_inputRow"
+          >
+            <div
+              class="mx_Field mx_Field_input mx_PassphraseField"
+            >
+              <input
+                autocomplete="new-password"
+                id="mx_Field_1"
+                label="Enter passphrase"
+                placeholder="Enter passphrase"
+                type="password"
+                value=""
+              />
+              <label
+                for="mx_Field_1"
+              >
+                Enter passphrase
+              </label>
+            </div>
+          </div>
+          <div
+            class="mx_E2eKeysDialog_inputRow"
+          >
+            <div
+              class="mx_Field mx_Field_input"
+            >
+              <input
+                autocomplete="new-password"
+                id="mx_Field_2"
+                label="Confirm passphrase"
+                placeholder="Confirm passphrase"
+                type="password"
+                value=""
+              />
+              <label
+                for="mx_Field_2"
+              >
+                Confirm passphrase
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_Dialog_buttons"
+      >
+        <input
+          class="mx_Dialog_primary"
+          type="submit"
+          value="Export"
+        />
+        <button
+          type="button"
+        >
+          Cancel
+        </button>
+      </div>
+    </form>
+    <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/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/ImportE2eKeysDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/ImportE2eKeysDialog-test.tsx.snap
new file mode 100644
index 00000000000..d54bc4929d8
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/ImportE2eKeysDialog-test.tsx.snap
@@ -0,0 +1,128 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`ImportE2eKeysDialog renders 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-labelledby="mx_BaseDialog_title"
+    class="mx_importE2eKeysDialog 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"
+      >
+        Import room keys
+      </h1>
+    </div>
+    <form>
+      <div
+        class="mx_Dialog_content"
+      >
+        <p>
+          This process allows you to import encryption keys that you had previously exported from another Matrix client. You will then be able to decrypt any messages that the other client could decrypt.
+        </p>
+        <p>
+          The export file will be protected with a passphrase. You should enter the passphrase here, to decrypt the file.
+        </p>
+        <div
+          class="error"
+        />
+        <div
+          class="mx_E2eKeysDialog_inputTable"
+        >
+          <div
+            class="mx_E2eKeysDialog_inputRow"
+          >
+            <div
+              class="mx_E2eKeysDialog_inputLabel"
+            >
+              <label
+                for="importFile"
+              >
+                File to import
+              </label>
+            </div>
+            <div
+              class="mx_E2eKeysDialog_inputCell"
+            >
+              <input
+                id="importFile"
+                type="file"
+              />
+            </div>
+          </div>
+          <div
+            class="mx_E2eKeysDialog_inputRow"
+          >
+            <div
+              class="mx_Field mx_Field_input"
+            >
+              <input
+                id="mx_Field_1"
+                label="Enter passphrase"
+                placeholder="Enter passphrase"
+                size="64"
+                type="password"
+                value=""
+              />
+              <label
+                for="mx_Field_1"
+              >
+                Enter passphrase
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_Dialog_buttons"
+      >
+        <input
+          class="mx_Dialog_primary"
+          disabled=""
+          type="submit"
+          value="Import"
+        />
+        <button
+          type="button"
+        >
+          Cancel
+        </button>
+      </div>
+    </form>
+    <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/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/RestoreKeyBackupDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/RestoreKeyBackupDialog-test.tsx.snap
new file mode 100644
index 00000000000..9f6a7e28254
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/RestoreKeyBackupDialog-test.tsx.snap
@@ -0,0 +1,655 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<RestoreKeyBackupDialog /> should display an error when recovery key is invalid 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-labelledby="mx_BaseDialog_title"
+    class="mx_RestoreKeyBackupDialog 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"
+      >
+        Enter Recovery Key
+      </h1>
+    </div>
+    <div
+      class="mx_RestoreKeyBackupDialog_content"
+    >
+      <div>
+        <p>
+          <span>
+            <strong>
+              Warning
+            </strong>
+            : you should only set up key backup from a trusted computer.
+          </span>
+        </p>
+        <p>
+          Access your secure message history and set up secure messaging by entering your Recovery Key.
+        </p>
+        <div
+          class="mx_RestoreKeyBackupDialog_primaryContainer"
+        >
+          <input
+            class="mx_RestoreKeyBackupDialog_recoveryKeyInput"
+            value="invalid key"
+          />
+          <div
+            class="mx_RestoreKeyBackupDialog_keyStatus"
+          >
+            👎 Not a valid Recovery Key
+          </div>
+          <div
+            class="mx_Dialog_buttons"
+          >
+            <span
+              class="mx_Dialog_buttons_row"
+            >
+              <button
+                class="cancel"
+                data-testid="dialog-cancel-button"
+                type="button"
+              >
+                Cancel
+              </button>
+              <button
+                class="mx_Dialog_primary"
+                data-testid="dialog-primary-button"
+                disabled=""
+                type="button"
+              >
+                Next
+              </button>
+            </span>
+          </div>
+        </div>
+        <span>
+          If you've forgotten your Recovery Key you can 
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+            role="button"
+            tabindex="0"
+          >
+            set up new recovery options
+          </div>
+        </span>
+      </div>
+    </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>
+`;
+
+exports[`<RestoreKeyBackupDialog /> should not raise an error when recovery is valid 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-labelledby="mx_BaseDialog_title"
+    class="mx_RestoreKeyBackupDialog 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"
+      >
+        Enter Recovery Key
+      </h1>
+    </div>
+    <div
+      class="mx_RestoreKeyBackupDialog_content"
+    >
+      <div>
+        <p>
+          <span>
+            <strong>
+              Warning
+            </strong>
+            : you should only set up key backup from a trusted computer.
+          </span>
+        </p>
+        <p>
+          Access your secure message history and set up secure messaging by entering your Recovery Key.
+        </p>
+        <div
+          class="mx_RestoreKeyBackupDialog_primaryContainer"
+        >
+          <input
+            class="mx_RestoreKeyBackupDialog_recoveryKeyInput"
+            value="valid key"
+          />
+          <div
+            class="mx_RestoreKeyBackupDialog_keyStatus"
+          >
+            👍 This looks like a valid Recovery Key!
+          </div>
+          <div
+            class="mx_Dialog_buttons"
+          >
+            <span
+              class="mx_Dialog_buttons_row"
+            >
+              <button
+                class="cancel"
+                data-testid="dialog-cancel-button"
+                type="button"
+              >
+                Cancel
+              </button>
+              <button
+                class="mx_Dialog_primary"
+                data-testid="dialog-primary-button"
+                type="button"
+              >
+                Next
+              </button>
+            </span>
+          </div>
+        </div>
+        <span>
+          If you've forgotten your Recovery Key you can 
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+            role="button"
+            tabindex="0"
+          >
+            set up new recovery options
+          </div>
+        </span>
+      </div>
+    </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>
+`;
+
+exports[`<RestoreKeyBackupDialog /> should render 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-labelledby="mx_BaseDialog_title"
+    class="mx_RestoreKeyBackupDialog 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"
+      >
+        Enter Recovery Key
+      </h1>
+    </div>
+    <div
+      class="mx_RestoreKeyBackupDialog_content"
+    >
+      <div>
+        <p>
+          <span>
+            <strong>
+              Warning
+            </strong>
+            : you should only set up key backup from a trusted computer.
+          </span>
+        </p>
+        <p>
+          Access your secure message history and set up secure messaging by entering your Recovery Key.
+        </p>
+        <div
+          class="mx_RestoreKeyBackupDialog_primaryContainer"
+        >
+          <input
+            class="mx_RestoreKeyBackupDialog_recoveryKeyInput"
+            value=""
+          />
+          <div
+            class="mx_RestoreKeyBackupDialog_keyStatus"
+          />
+          <div
+            class="mx_Dialog_buttons"
+          >
+            <span
+              class="mx_Dialog_buttons_row"
+            >
+              <button
+                class="cancel"
+                data-testid="dialog-cancel-button"
+                type="button"
+              >
+                Cancel
+              </button>
+              <button
+                class="mx_Dialog_primary"
+                data-testid="dialog-primary-button"
+                disabled=""
+                type="button"
+              >
+                Next
+              </button>
+            </span>
+          </div>
+        </div>
+        <span>
+          If you've forgotten your Recovery Key you can 
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+            role="button"
+            tabindex="0"
+          >
+            set up new recovery options
+          </div>
+        </span>
+      </div>
+    </div>
+    <div
+      aria-describedby="react-use-id-1"
+      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>
+`;
+
+exports[`<RestoreKeyBackupDialog /> should restore key backup when Recovery key is filled by user 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-labelledby="mx_BaseDialog_title"
+    class="mx_RestoreKeyBackupDialog 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"
+      >
+        Keys restored
+      </h1>
+    </div>
+    <div
+      class="mx_RestoreKeyBackupDialog_content"
+    >
+      <div>
+        <p>
+          Successfully restored 1 keys
+        </p>
+        <p>
+          Failed to decrypt 1 sessions!
+        </p>
+        <div
+          class="mx_Dialog_buttons"
+        >
+          <span
+            class="mx_Dialog_buttons_row"
+          >
+            <button
+              class="mx_Dialog_primary"
+              data-testid="dialog-primary-button"
+              type="button"
+            >
+              OK
+            </button>
+          </span>
+        </div>
+      </div>
+    </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>
+`;
+
+exports[`<RestoreKeyBackupDialog /> should restore key backup when passphrase is filled 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-labelledby="mx_BaseDialog_title"
+    class="mx_RestoreKeyBackupDialog 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"
+      >
+        Keys restored
+      </h1>
+    </div>
+    <div
+      class="mx_RestoreKeyBackupDialog_content"
+    >
+      <div>
+        <p>
+          Successfully restored 1 keys
+        </p>
+        <p>
+          Failed to decrypt 1 sessions!
+        </p>
+        <div
+          class="mx_Dialog_buttons"
+        >
+          <span
+            class="mx_Dialog_buttons_row"
+          >
+            <button
+              class="mx_Dialog_primary"
+              data-testid="dialog-primary-button"
+              type="button"
+            >
+              OK
+            </button>
+          </span>
+        </div>
+      </div>
+    </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>
+`;
+
+exports[`<RestoreKeyBackupDialog /> should restore key backup when the key is cached 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-labelledby="mx_BaseDialog_title"
+    class="mx_RestoreKeyBackupDialog 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"
+      >
+        Keys restored
+      </h1>
+    </div>
+    <div
+      class="mx_RestoreKeyBackupDialog_content"
+    >
+      <div>
+        <p>
+          Successfully restored 1 keys
+        </p>
+        <p>
+          Failed to decrypt 1 sessions!
+        </p>
+        <div
+          class="mx_Dialog_buttons"
+        >
+          <span
+            class="mx_Dialog_buttons_row"
+          >
+            <button
+              class="mx_Dialog_primary"
+              data-testid="dialog-primary-button"
+              type="button"
+            >
+              OK
+            </button>
+          </span>
+        </div>
+      </div>
+    </div>
+    <div
+      aria-describedby="react-use-id-1"
+      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>
+`;
+
+exports[`<RestoreKeyBackupDialog /> should restore key backup when the key is in secret storage 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-labelledby="mx_BaseDialog_title"
+    class="mx_RestoreKeyBackupDialog 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"
+      >
+        Keys restored
+      </h1>
+    </div>
+    <div
+      class="mx_RestoreKeyBackupDialog_content"
+    >
+      <div>
+        <p>
+          Successfully restored 1 keys
+        </p>
+        <p>
+          Failed to decrypt 1 sessions!
+        </p>
+        <div
+          class="mx_Dialog_buttons"
+        >
+          <span
+            class="mx_Dialog_buttons_row"
+          >
+            <button
+              class="mx_Dialog_primary"
+              data-testid="dialog-primary-button"
+              type="button"
+            >
+              OK
+            </button>
+          </span>
+        </div>
+      </div>
+    </div>
+    <div
+      aria-describedby="react-use-id-1"
+      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/apps/web/test/unit-tests/components/views/dialogs/spotlight/PublicRoomResultDetails-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/spotlight/PublicRoomResultDetails-test.tsx
new file mode 100644
index 00000000000..9e85147c073
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/spotlight/PublicRoomResultDetails-test.tsx
@@ -0,0 +1,65 @@
+/*
+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 IPublicRoomsChunkRoom } from "matrix-js-sdk/src/matrix";
+
+import { PublicRoomResultDetails } from "../../../../../../src/components/views/dialogs/spotlight/PublicRoomResultDetails";
+
+describe("PublicRoomResultDetails", () => {
+    it("renders", () => {
+        const { asFragment } = render(
+            <PublicRoomResultDetails
+                room={{
+                    room_id: "room-id",
+                    name: "hello?",
+                    canonical_alias: "canonical-alias",
+                    world_readable: true,
+                    guest_can_join: false,
+                    num_joined_members: 666,
+                }}
+                labelId="label-id"
+                descriptionId="description-id"
+                detailsId="details-id"
+            />,
+        );
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it.each([
+        { canonical_alias: "canonical-alias" },
+        { aliases: ["alias-from-aliases"] },
+        { name: "name over alias", canonical_alias: "canonical-alias" },
+        {
+            name: "with an overly long name that will be truncated for sure, you can't say anything about it",
+            topic: "with a topic!",
+        },
+        { topic: "Very long topic " + new Array(1337).join("a") },
+    ])("Public room results", (partialPublicRoomChunk: Partial<IPublicRoomsChunkRoom>) => {
+        const roomChunk: IPublicRoomsChunkRoom = {
+            room_id: "room-id",
+            world_readable: true,
+            guest_can_join: false,
+            num_joined_members: 666,
+            ...partialPublicRoomChunk,
+        };
+
+        const { asFragment } = render(
+            <PublicRoomResultDetails
+                room={roomChunk}
+                labelId="label-id"
+                descriptionId="description-id"
+                detailsId="details-id"
+            />,
+        );
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/spotlight/RoomResultContextMenus-test.tsx b/apps/web/test/unit-tests/components/views/dialogs/spotlight/RoomResultContextMenus-test.tsx
new file mode 100644
index 00000000000..ba74ec449a8
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/spotlight/RoomResultContextMenus-test.tsx
@@ -0,0 +1,70 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Mikhail Aheichyk
+Copyright 2023 Nordeck IT + Consulting GmbH.
+
+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, type RenderResult } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+import { Room, type MatrixClient, PendingEventOrdering } from "matrix-js-sdk/src/matrix";
+import userEvent from "@testing-library/user-event";
+
+import { RoomResultContextMenus } from "../../../../../../src/components/views/dialogs/spotlight/RoomResultContextMenus";
+import { filterConsole, stubClient } from "../../../../../test-utils";
+import { shouldShowComponent } from "../../../../../../src/customisations/helpers/UIComponents";
+import { UIComponent } from "../../../../../../src/settings/UIFeature";
+
+jest.mock("../../../../../../src/customisations/helpers/UIComponents", () => ({
+    shouldShowComponent: jest.fn(),
+}));
+
+describe("RoomResultContextMenus", () => {
+    let client: MatrixClient;
+    let room: Room;
+
+    const renderRoomResultContextMenus = (): RenderResult => {
+        return render(<RoomResultContextMenus room={room} />);
+    };
+
+    filterConsole(
+        // irrelevant for this test
+        "Room !1:example.org does not have an m.room.create event",
+    );
+
+    beforeEach(() => {
+        client = stubClient();
+        room = new Room("!1:example.org", client, "@alice:example.org", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+    });
+
+    it("does not render the room options context menu when UIComponent customisations disable room options", () => {
+        mocked(shouldShowComponent).mockReturnValue(false);
+        renderRoomResultContextMenus();
+        expect(shouldShowComponent).toHaveBeenCalledWith(UIComponent.RoomOptionsMenu);
+        expect(screen.queryByRole("button", { name: "Room options" })).not.toBeInTheDocument();
+    });
+
+    it("renders the room options context menu when UIComponent customisations enable room options", () => {
+        mocked(shouldShowComponent).mockReturnValue(true);
+        renderRoomResultContextMenus();
+        expect(shouldShowComponent).toHaveBeenCalledWith(UIComponent.RoomOptionsMenu);
+        expect(screen.queryByRole("button", { name: "Room options" })).toBeInTheDocument();
+    });
+
+    it("opens the notification options menu positioned relative to its button", async () => {
+        const user = userEvent.setup();
+        mocked(shouldShowComponent).mockReturnValue(true);
+        renderRoomResultContextMenus();
+
+        const button = screen.getByRole("button", { name: "Notification options" });
+        // Opening the menu runs contextMenuBelow to position it beneath the button.
+        await user.click(button);
+
+        expect(screen.getByRole("menu")).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/dialogs/spotlight/__snapshots__/PublicRoomResultDetails-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/spotlight/__snapshots__/PublicRoomResultDetails-test.tsx.snap
new file mode 100644
index 00000000000..0b4486e4c26
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/dialogs/spotlight/__snapshots__/PublicRoomResultDetails-test.tsx.snap
@@ -0,0 +1,223 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`PublicRoomResultDetails Public room results 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SpotlightDialog_result_publicRoomDetails"
+  >
+    <div
+      class="mx_SpotlightDialog_result_publicRoomHeader"
+    >
+      <span
+        class="mx_SpotlightDialog_result_publicRoomName"
+        id="label-id"
+      >
+        canonical-alias
+      </span>
+      <span
+        class="mx_SpotlightDialog_result_publicRoomAlias"
+        id="description-id"
+      >
+        canonical-alias
+      </span>
+    </div>
+    <div
+      class="mx_SpotlightDialog_result_publicRoomDescription"
+      id="details-id"
+    >
+      <span
+        class="mx_SpotlightDialog_result_publicRoomMemberCount"
+      >
+        666 Members
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`PublicRoomResultDetails Public room results 2`] = `
+<DocumentFragment>
+  <div
+    class="mx_SpotlightDialog_result_publicRoomDetails"
+  >
+    <div
+      class="mx_SpotlightDialog_result_publicRoomHeader"
+    >
+      <span
+        class="mx_SpotlightDialog_result_publicRoomName"
+        id="label-id"
+      >
+        alias-from-aliases
+      </span>
+      <span
+        class="mx_SpotlightDialog_result_publicRoomAlias"
+        id="description-id"
+      >
+        room-id
+      </span>
+    </div>
+    <div
+      class="mx_SpotlightDialog_result_publicRoomDescription"
+      id="details-id"
+    >
+      <span
+        class="mx_SpotlightDialog_result_publicRoomMemberCount"
+      >
+        666 Members
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`PublicRoomResultDetails Public room results 3`] = `
+<DocumentFragment>
+  <div
+    class="mx_SpotlightDialog_result_publicRoomDetails"
+  >
+    <div
+      class="mx_SpotlightDialog_result_publicRoomHeader"
+    >
+      <span
+        class="mx_SpotlightDialog_result_publicRoomName"
+        id="label-id"
+      >
+        name over alias
+      </span>
+      <span
+        class="mx_SpotlightDialog_result_publicRoomAlias"
+        id="description-id"
+      >
+        canonical-alias
+      </span>
+    </div>
+    <div
+      class="mx_SpotlightDialog_result_publicRoomDescription"
+      id="details-id"
+    >
+      <span
+        class="mx_SpotlightDialog_result_publicRoomMemberCount"
+      >
+        666 Members
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`PublicRoomResultDetails Public room results 4`] = `
+<DocumentFragment>
+  <div
+    class="mx_SpotlightDialog_result_publicRoomDetails"
+  >
+    <div
+      class="mx_SpotlightDialog_result_publicRoomHeader"
+    >
+      <span
+        class="mx_SpotlightDialog_result_publicRoomName"
+        id="label-id"
+      >
+        with an overly long name that will be truncated for sure, you can't say anything...
+      </span>
+      <span
+        class="mx_SpotlightDialog_result_publicRoomAlias"
+        id="description-id"
+      >
+        room-id
+      </span>
+    </div>
+    <div
+      class="mx_SpotlightDialog_result_publicRoomDescription"
+      id="details-id"
+    >
+      <span
+        class="mx_SpotlightDialog_result_publicRoomMemberCount"
+      >
+        666 Members
+      </span>
+       · 
+      <span
+        class="mx_SpotlightDialog_result_publicRoomTopic"
+      >
+        with a topic!
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`PublicRoomResultDetails Public room results 5`] = `
+<DocumentFragment>
+  <div
+    class="mx_SpotlightDialog_result_publicRoomDetails"
+  >
+    <div
+      class="mx_SpotlightDialog_result_publicRoomHeader"
+    >
+      <span
+        class="mx_SpotlightDialog_result_publicRoomName"
+        id="label-id"
+      >
+        Unnamed Room
+      </span>
+      <span
+        class="mx_SpotlightDialog_result_publicRoomAlias"
+        id="description-id"
+      >
+        room-id
+      </span>
+    </div>
+    <div
+      class="mx_SpotlightDialog_result_publicRoomDescription"
+      id="details-id"
+    >
+      <span
+        class="mx_SpotlightDialog_result_publicRoomMemberCount"
+      >
+        666 Members
+      </span>
+       · 
+      <span
+        class="mx_SpotlightDialog_result_publicRoomTopic"
+      >
+        Very long topic aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`PublicRoomResultDetails renders 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SpotlightDialog_result_publicRoomDetails"
+  >
+    <div
+      class="mx_SpotlightDialog_result_publicRoomHeader"
+    >
+      <span
+        class="mx_SpotlightDialog_result_publicRoomName"
+        id="label-id"
+      >
+        hello?
+      </span>
+      <span
+        class="mx_SpotlightDialog_result_publicRoomAlias"
+        id="description-id"
+      >
+        canonical-alias
+      </span>
+    </div>
+    <div
+      class="mx_SpotlightDialog_result_publicRoomDescription"
+      id="details-id"
+    >
+      <span
+        class="mx_SpotlightDialog_result_publicRoomMemberCount"
+      >
+        666 Members
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/AccessibleButton-test.tsx b/apps/web/test/unit-tests/components/views/elements/AccessibleButton-test.tsx
new file mode 100644
index 00000000000..0d30c5734fd
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/AccessibleButton-test.tsx
@@ -0,0 +1,164 @@
+/*
+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 { fireEvent, getByText, render } from "jest-matrix-react";
+import React from "react";
+
+import AccessibleButton from "../../../../../src/components/views/elements/AccessibleButton";
+import { Key } from "../../../../../src/Keyboard";
+import { mockPlatformPeg, unmockPlatformPeg } from "../../../../test-utils";
+
+describe("<AccessibleButton />", () => {
+    const defaultProps = {
+        onClick: jest.fn(),
+        children: "i am a button",
+    };
+    const getComponent = (props = {}) => render(<AccessibleButton {...defaultProps} {...props} />);
+
+    beforeEach(() => {
+        mockPlatformPeg();
+    });
+
+    afterAll(() => {
+        unmockPlatformPeg();
+    });
+
+    it("renders div with role button by default", () => {
+        const { asFragment } = getComponent();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("renders a button element", () => {
+        const { asFragment } = getComponent({ element: "button" });
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("renders with correct classes when button has kind", () => {
+        const { asFragment } = getComponent({
+            kind: "primary",
+        });
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("disables button correctly", () => {
+        const onClick = jest.fn();
+        const { container } = getComponent({
+            onClick,
+            disabled: true,
+        });
+
+        const btn = getByText(container, "i am a button");
+
+        expect(btn.hasAttribute("disabled")).toBeTruthy();
+        expect(btn.hasAttribute("aria-disabled")).toBeTruthy();
+
+        fireEvent.click(btn);
+
+        expect(onClick).not.toHaveBeenCalled();
+
+        fireEvent.keyPress(btn, { key: Key.ENTER, code: Key.ENTER });
+
+        expect(onClick).not.toHaveBeenCalled();
+    });
+
+    it("calls onClick handler on button click", () => {
+        const onClick = jest.fn();
+        const { container } = getComponent({
+            onClick,
+        });
+
+        const btn = getByText(container, "i am a button");
+        fireEvent.click(btn);
+
+        expect(onClick).toHaveBeenCalled();
+    });
+
+    it("calls onClick handler on button mousedown when triggerOnMousedown is passed", () => {
+        const onClick = jest.fn();
+        const { container } = getComponent({
+            onClick,
+            triggerOnMouseDown: true,
+        });
+
+        const btn = getByText(container, "i am a button");
+        fireEvent.mouseDown(btn);
+
+        expect(onClick).toHaveBeenCalled();
+    });
+
+    describe("handling keyboard events", () => {
+        it("calls onClick handler on enter keydown", () => {
+            const onClick = jest.fn();
+            const { container } = getComponent({
+                onClick,
+            });
+
+            const btn = getByText(container, "i am a button");
+
+            fireEvent.keyDown(btn, { key: Key.ENTER, code: Key.ENTER });
+
+            expect(onClick).toHaveBeenCalled();
+
+            fireEvent.keyUp(btn, { key: Key.ENTER, code: Key.ENTER });
+
+            // handler only called once on keydown
+            expect(onClick).toHaveBeenCalledTimes(1);
+        });
+
+        it("calls onClick handler on space keyup", () => {
+            const onClick = jest.fn();
+            const { container } = getComponent({
+                onClick,
+            });
+            const btn = getByText(container, "i am a button");
+
+            fireEvent.keyDown(btn, { key: Key.SPACE, code: Key.SPACE });
+
+            expect(onClick).not.toHaveBeenCalled();
+
+            fireEvent.keyUp(btn, { key: Key.SPACE, code: Key.SPACE });
+
+            // handler only called once on keyup
+            expect(onClick).toHaveBeenCalledTimes(1);
+        });
+
+        it("calls onKeydown/onKeyUp handlers for keys other than space and enter", () => {
+            const onClick = jest.fn();
+            const onKeyDown = jest.fn();
+            const onKeyUp = jest.fn();
+            const { container } = getComponent({
+                onClick,
+                onKeyDown,
+                onKeyUp,
+            });
+
+            const btn = getByText(container, "i am a button");
+
+            fireEvent.keyDown(btn, { key: Key.K, code: Key.K });
+            fireEvent.keyUp(btn, { key: Key.K, code: Key.K });
+
+            expect(onClick).not.toHaveBeenCalled();
+            expect(onKeyDown).toHaveBeenCalled();
+            expect(onKeyUp).toHaveBeenCalled();
+        });
+
+        it("does nothing on non space/enter key presses when no onKeydown/onKeyUp handlers provided", () => {
+            const onClick = jest.fn();
+            const { container } = getComponent({
+                onClick,
+            });
+
+            const btn = getByText(container, "i am a button");
+
+            fireEvent.keyDown(btn, { key: Key.K, code: Key.K });
+            fireEvent.keyUp(btn, { key: Key.K, code: Key.K });
+
+            expect(onClick).not.toHaveBeenCalled();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/AppTile-test.tsx b/apps/web/test/unit-tests/components/views/elements/AppTile-test.tsx
new file mode 100644
index 00000000000..8d8e084849e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/AppTile-test.tsx
@@ -0,0 +1,563 @@
+/*
+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 { Room, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type IWidget, MatrixWidgetType } from "matrix-widget-api";
+import { act, render, waitForElementToBeRemoved, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import {
+    type ApprovalOpts,
+    type WidgetInfo,
+    WidgetLifecycle,
+} from "@matrix-org/react-sdk-module-api/lib/lifecycles/WidgetLifecycle";
+
+import RightPanel from "../../../../../src/components/structures/RightPanel";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import ResizeNotifier from "../../../../../src/utils/ResizeNotifier";
+import { clientAndSDKContextRenderOptions, stubClient } from "../../../../test-utils";
+import { Action } from "../../../../../src/dispatcher/actions";
+import dis from "../../../../../src/dispatcher/dispatcher";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { RightPanelPhases } from "../../../../../src/stores/right-panel/RightPanelStorePhases";
+import RightPanelStore from "../../../../../src/stores/right-panel/RightPanelStore";
+import WidgetStore, { type IApp } from "../../../../../src/stores/WidgetStore";
+import ActiveWidgetStore from "../../../../../src/stores/ActiveWidgetStore";
+import AppTile from "../../../../../src/components/views/elements/AppTile";
+import { type Container, WidgetLayoutStore } from "../../../../../src/stores/widgets/WidgetLayoutStore";
+import AppsDrawer from "../../../../../src/components/views/rooms/AppsDrawer";
+import { ElementWidgetCapabilities } from "../../../../../src/stores/widgets/ElementWidgetCapabilities";
+import { ElementWidget, type WidgetMessaging } from "../../../../../src/stores/widgets/WidgetMessaging";
+import { WidgetMessagingStore } from "../../../../../src/stores/widgets/WidgetMessagingStore";
+import { ModuleRunner } from "../../../../../src/modules/ModuleRunner";
+import { ModuleApi } from "../../../../../src/modules/Api";
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import { TestSDKContext } from "../../../TestSDKContext.ts";
+
+jest.mock("../../../../../src/stores/OwnProfileStore", () => ({
+    OwnProfileStore: {
+        instance: {
+            on: jest.fn(),
+            isProfileInfoFetched: true,
+            removeListener: jest.fn(),
+            getHttpAvatarUrl: jest.fn().mockReturnValue("http://avatar_url"),
+        },
+    },
+}));
+
+const realGetValue = SettingsStore.getValue;
+
+describe("AppTile", () => {
+    let cli: MatrixClient;
+    let sdkContext: TestSDKContext;
+    let r1: Room;
+    let r2: Room;
+    const resizeNotifier = new ResizeNotifier();
+    let app1: IApp;
+    let app2: IApp;
+
+    beforeAll(async () => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        cli.hasLazyLoadMembersEnabled = () => false;
+
+        // Init misc. startup deps
+        DMRoomMap.makeShared(cli);
+
+        r1 = new Room("r1", cli, "@name:example.com");
+        r2 = new Room("r2", cli, "@name:example.com");
+
+        jest.spyOn(r1, "getPendingEvents").mockReturnValue([]);
+        jest.spyOn(r2, "getPendingEvents").mockReturnValue([]);
+        jest.spyOn(cli, "getRoom").mockImplementation((roomId) => {
+            if (roomId === "r1") return r1;
+            if (roomId === "r2") return r2;
+            return null;
+        });
+        jest.spyOn(cli, "getVisibleRooms").mockImplementation(() => {
+            return [r1, r2];
+        });
+
+        // Adjust various widget stores to add mock apps
+        app1 = {
+            id: "1",
+            eventId: "1",
+            roomId: "r1",
+            type: MatrixWidgetType.Custom,
+            url: "https://example.com",
+            name: "Example 1",
+            creatorUserId: cli.getSafeUserId(),
+            avatar_url: undefined,
+        };
+        app2 = {
+            id: "1",
+            eventId: "2",
+            roomId: "r2",
+            type: MatrixWidgetType.Custom,
+            url: "https://example.com",
+            name: "Example 2",
+            creatorUserId: cli.getSafeUserId(),
+            avatar_url: undefined,
+        };
+        jest.spyOn(WidgetStore.instance, "getApps").mockImplementation((roomId: string): Array<IApp> => {
+            if (roomId === "r1") return [app1];
+            if (roomId === "r2") return [app2];
+            return [];
+        });
+    });
+
+    afterAll(async () => {
+        jest.restoreAllMocks();
+    });
+
+    beforeEach(async () => {
+        // Do not carry across settings from previous tests
+        SettingsStore.reset();
+        sdkContext = new TestSDKContext();
+        sdkContext._client = cli;
+        // @ts-ignore
+        await WidgetMessagingStore.instance.onReady();
+
+        // Wake up various stores we rely on
+        sdkContext.widgetLayoutStore.useUnitTestClient(cli);
+        // @ts-ignore
+        await sdkContext.widgetLayoutStore.onReady();
+
+        sdkContext.rightPanelStore.useUnitTestClient(cli);
+        // @ts-ignore
+        await sdkContext.rightPanelStore.onReady();
+    });
+
+    afterEach(async () => {
+        jest.spyOn(SettingsStore, "getValue").mockRestore();
+        // @ts-ignore
+        await WidgetLayoutStore.instance.onNotReady();
+        // @ts-ignore
+        await RightPanelStore.instance.onNotReady();
+    });
+
+    it("destroys non-persisted right panel widget on room change", async () => {
+        // Set up right panel state
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((name, roomId) => {
+            if (name !== "RightPanel.phases") return realGetValue(name, roomId);
+            if (roomId === "r1") {
+                return {
+                    history: [
+                        {
+                            phase: RightPanelPhases.Widget,
+                            state: {
+                                widgetId: "1",
+                            },
+                        },
+                    ],
+                    isOpen: true,
+                };
+            }
+            return null;
+        });
+
+        // Run initial render with room 1, and also running lifecycle methods
+        const renderResult = render(
+            <RightPanel
+                room={r1}
+                resizeNotifier={resizeNotifier}
+                permalinkCreator={new RoomPermalinkCreator(r1, r1.roomId)}
+            />,
+            clientAndSDKContextRenderOptions(cli, sdkContext),
+        );
+        act(() =>
+            dis.dispatch({
+                action: Action.ViewRoom,
+                room_id: "r1",
+            }),
+        );
+
+        await expect(renderResult.findByText("Example 1")).resolves.toBeInTheDocument();
+        expect(ActiveWidgetStore.instance.isLive("1", "r1")).toBe(true);
+
+        const { asFragment } = renderResult;
+        expect(asFragment()).toMatchSnapshot();
+        // We want to verify that as we change to room 2, we should close the
+        // right panel and destroy the widget.
+
+        // Switch to room 2
+        act(() =>
+            dis.dispatch({
+                action: Action.ViewRoom,
+                room_id: "r2",
+            }),
+        );
+
+        renderResult.rerender(
+            <RightPanel
+                room={r2}
+                resizeNotifier={resizeNotifier}
+                permalinkCreator={new RoomPermalinkCreator(r2, r2.roomId)}
+            />,
+        );
+
+        expect(renderResult.queryByText("Example 1")).not.toBeInTheDocument();
+        expect(ActiveWidgetStore.instance.isLive("1", "r1")).toBe(false);
+    });
+
+    it("distinguishes widgets with the same ID in different rooms", async () => {
+        // Set up right panel state
+        const realGetValue = SettingsStore.getValue;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((name, roomId) => {
+            if (name === "RightPanel.phases") {
+                if (roomId === "r1") {
+                    return {
+                        history: [
+                            {
+                                phase: RightPanelPhases.Widget,
+                                state: {
+                                    widgetId: "1",
+                                },
+                            },
+                        ],
+                        isOpen: true,
+                    };
+                }
+                return null;
+            }
+            return realGetValue(name, roomId);
+        });
+
+        // Run initial render with room 1, and also running lifecycle methods
+        const renderResult = render(
+            <RightPanel
+                room={r1}
+                resizeNotifier={resizeNotifier}
+                permalinkCreator={new RoomPermalinkCreator(r1, r1.roomId)}
+            />,
+            clientAndSDKContextRenderOptions(cli, sdkContext),
+        );
+        act(() =>
+            dis.dispatch({
+                action: Action.ViewRoom,
+                room_id: "r1",
+            }),
+        );
+
+        await waitFor(() => {
+            expect(ActiveWidgetStore.instance.isLive("1", "r1")).toBe(true);
+            expect(ActiveWidgetStore.instance.isLive("1", "r2")).toBe(false);
+        });
+
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((name, roomId) => {
+            if (name === "RightPanel.phases") {
+                if (roomId === "r2") {
+                    return {
+                        history: [
+                            {
+                                phase: RightPanelPhases.Widget,
+                                state: {
+                                    widgetId: "1",
+                                },
+                            },
+                        ],
+                        isOpen: true,
+                    };
+                }
+                return null;
+            }
+            return realGetValue(name, roomId);
+        });
+        // Switch to room 2
+        act(() =>
+            dis.dispatch({
+                action: Action.ViewRoom,
+                room_id: "r2",
+            }),
+        );
+        renderResult.rerender(
+            <RightPanel
+                room={r2}
+                resizeNotifier={resizeNotifier}
+                permalinkCreator={new RoomPermalinkCreator(r2, r2.roomId)}
+            />,
+        );
+
+        await waitFor(() => {
+            expect(ActiveWidgetStore.instance.isLive("1", "r1")).toBe(false);
+            expect(ActiveWidgetStore.instance.isLive("1", "r2")).toBe(true);
+        });
+    });
+
+    it("preserves non-persisted widget on container move", async () => {
+        // Set up widget in top container
+        const realGetValue = SettingsStore.getValue;
+        const mockSettings = jest.spyOn(SettingsStore, "getValue").mockImplementation((name, roomId) => {
+            if (name !== "Widgets.layout") return realGetValue(name, roomId);
+            if (roomId === "r1") {
+                return {
+                    widgets: {
+                        1: {
+                            container: "top",
+                        },
+                    },
+                };
+            }
+            return null;
+        });
+
+        act(() => {
+            WidgetLayoutStore.instance.recalculateRoom(r1);
+        });
+
+        // Run initial render with room 1, and also running lifecycle methods
+        const renderResult = render(
+            <AppsDrawer userId={cli.getSafeUserId()} room={r1} />,
+            clientAndSDKContextRenderOptions(cli, sdkContext),
+        );
+
+        expect(renderResult.getByText("Example 1")).toBeInTheDocument();
+        expect(ActiveWidgetStore.instance.isLive("1", "r1")).toBe(true);
+
+        const { asFragment } = renderResult;
+        expect(asFragment()).toMatchSnapshot(); // Take snapshot of AppsDrawer with AppTile
+
+        // We want to verify that as we move the widget to the center container,
+        // the widget frame remains running.
+
+        // Stop mocking settings so that the widget move can take effect
+        mockSettings.mockRestore();
+        act(() => {
+            // Move widget to center
+            WidgetLayoutStore.instance.moveToContainer(r1, app1, "center");
+        });
+
+        expect(renderResult.getByText("Example 1")).toBeInTheDocument();
+        expect(ActiveWidgetStore.instance.isLive("1", "r1")).toBe(true);
+    });
+
+    it("should hangup Jitsi call when room is left", async () => {
+        const app: IApp = {
+            id: "3",
+            eventId: "jitsi1",
+            roomId: "r2",
+            type: MatrixWidgetType.JitsiMeet,
+            url: "https://jitsi.example.com",
+            name: "Jitsi Conference",
+            creatorUserId: cli.getSafeUserId(),
+            avatar_url: undefined,
+        };
+
+        const { queryByRole, getByText } = render(
+            <AppTile key={app.id} app={app} room={r2} />,
+            clientAndSDKContextRenderOptions(cli, sdkContext),
+        );
+        await waitForElementToBeRemoved(() => queryByRole("progressbar"));
+
+        expect(getByText("Jitsi Conference")).toBeInTheDocument();
+
+        // Switch to room 1
+        dis.dispatch(
+            {
+                action: Action.ViewRoom,
+                room_id: "r1",
+            },
+            true,
+        );
+        jest.spyOn(ActiveWidgetStore.instance, "getWidgetPersistence").mockReturnValue(true);
+        jest.spyOn(sdkContext.legacyCallHandler, "hangupCallApp");
+        dis.dispatch(
+            {
+                action: Action.AfterLeaveRoom,
+                room_id: "r2",
+            },
+            true,
+        );
+
+        expect(sdkContext.legacyCallHandler.hangupCallApp).toHaveBeenCalledWith(app.roomId);
+    });
+
+    describe("for a pinned widget", () => {
+        let moveToContainerSpy: jest.SpyInstance<void, [room: Room, widget: IWidget, toContainer: Container]>;
+        beforeEach(async () => {
+            moveToContainerSpy = jest.spyOn(WidgetLayoutStore.instance, "moveToContainer");
+        });
+
+        it("should render", async () => {
+            const renderResult = render(
+                <AppTile key={app1.id} app={app1} room={r1} />,
+                clientAndSDKContextRenderOptions(cli, sdkContext),
+            );
+            await waitForElementToBeRemoved(() => renderResult.queryByRole("progressbar"));
+            const { asFragment } = renderResult;
+
+            expect(asFragment()).toMatchSnapshot(); // Take a snapshot of the pinned widget
+        });
+
+        it("should not display the »Popout widget« button", async () => {
+            const renderResult = render(
+                <AppTile key={app1.id} app={app1} room={r1} />,
+                clientAndSDKContextRenderOptions(cli, sdkContext),
+            );
+            await waitForElementToBeRemoved(() => renderResult.queryByRole("progressbar"));
+            expect(renderResult.queryByLabelText("Popout widget")).not.toBeInTheDocument();
+        });
+
+        it("clicking 'minimise' should send the widget to the right", async () => {
+            const renderResult = render(
+                <AppTile key={app1.id} app={app1} room={r1} />,
+                clientAndSDKContextRenderOptions(cli, sdkContext),
+            );
+            await waitForElementToBeRemoved(() => renderResult.queryByRole("progressbar"));
+            await userEvent.click(renderResult.getByLabelText("Minimise"));
+            expect(moveToContainerSpy).toHaveBeenCalledWith(r1, app1, "right");
+        });
+
+        it("should close right panel timeline when minimising widget", async () => {
+            const renderResult = render(
+                <AppTile key={app1.id} app={app1} room={r1} />,
+                clientAndSDKContextRenderOptions(cli, sdkContext),
+            );
+            await waitForElementToBeRemoved(() => renderResult.queryByRole("progressbar"));
+
+            jest.spyOn(sdkContext.rightPanelStore, "currentCardForRoom").mockReturnValue({
+                phase: RightPanelPhases.Timeline,
+            });
+            jest.spyOn(sdkContext.rightPanelStore, "popCard");
+
+            await userEvent.click(renderResult.getByLabelText("Minimise"));
+            expect(sdkContext.rightPanelStore.popCard).toHaveBeenCalledWith(r1.roomId);
+        });
+
+        it("clicking 'maximise' should send the widget to the center", async () => {
+            const renderResult = render(
+                <AppTile key={app1.id} app={app1} room={r1} />,
+                clientAndSDKContextRenderOptions(cli, sdkContext),
+            );
+            await waitForElementToBeRemoved(() => renderResult.queryByRole("progressbar"));
+            await userEvent.click(renderResult.getByLabelText("Maximise"));
+            expect(moveToContainerSpy).toHaveBeenCalledWith(r1, app1, "center");
+        });
+
+        it("should render permission request", async () => {
+            jest.spyOn(ModuleRunner.instance, "invoke").mockImplementation((lifecycleEvent, opts, widgetInfo) => {
+                if (lifecycleEvent === WidgetLifecycle.PreLoadRequest && (widgetInfo as WidgetInfo).id === app1.id) {
+                    (opts as ApprovalOpts).approved = false;
+                }
+            });
+
+            // userId and creatorUserId are different
+            const { container, asFragment, queryByRole } = render(
+                <AppTile key={app1.id} app={app1} room={r1} userId="@user1" creatorUserId="@userAnother" />,
+                clientAndSDKContextRenderOptions(cli, sdkContext),
+            );
+            expect(container.querySelector(".mx_Spinner")).toBeFalsy();
+            expect(queryByRole("button", { name: "Continue" })).toBeInTheDocument();
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("should not display 'Continue' button on permission load", async () => {
+            jest.spyOn(ModuleRunner.instance, "invoke").mockImplementation((lifecycleEvent, opts, widgetInfo) => {
+                if (lifecycleEvent === WidgetLifecycle.PreLoadRequest && (widgetInfo as WidgetInfo).id === app1.id) {
+                    (opts as ApprovalOpts).approved = true;
+                }
+            });
+
+            // userId and creatorUserId are different
+            const renderResult = render(
+                <AppTile key={app1.id} app={app1} room={r1} userId="@user1" creatorUserId="@userAnother" />,
+                clientAndSDKContextRenderOptions(cli, sdkContext),
+            );
+            await waitForElementToBeRemoved(() => renderResult.queryByRole("progressbar"));
+
+            expect(renderResult.queryByRole("button", { name: "Continue" })).not.toBeInTheDocument();
+        });
+
+        it("should auto-approve preload via new widget lifecycle API", async () => {
+            // Legacy module API denies preload
+            jest.spyOn(ModuleRunner.instance, "invoke").mockImplementation((lifecycleEvent, opts, widgetInfo) => {
+                if (lifecycleEvent === WidgetLifecycle.PreLoadRequest && (widgetInfo as WidgetInfo).id === app1.id) {
+                    (opts as ApprovalOpts).approved = false;
+                }
+            });
+
+            // New API approves preload
+            jest.spyOn(ModuleApi.instance.widgetLifecycle, "preapprovePreload").mockResolvedValue(true);
+
+            // userId and creatorUserId are different so legacy path would show "Continue"
+            const renderResult = render(
+                <AppTile key={app1.id} app={app1} room={r1} userId="@user1" creatorUserId="@userAnother" />,
+                clientAndSDKContextRenderOptions(cli, sdkContext),
+            );
+
+            // The new API runs async in componentDidMount, so wait for it to take effect
+            await waitFor(() => {
+                expect(renderResult.queryByRole("button", { name: "Continue" })).not.toBeInTheDocument();
+            });
+        });
+
+        describe("for a maximised (centered) widget", () => {
+            beforeEach(() => {
+                jest.spyOn(WidgetLayoutStore.instance, "isInContainer").mockImplementation(
+                    (room: Room | null, widget: IWidget, container: Container) => {
+                        return room === r1 && widget === app1 && container === "center";
+                    },
+                );
+            });
+
+            afterEach(() => {
+                jest.spyOn(WidgetLayoutStore.instance, "isInContainer").mockRestore();
+            });
+
+            it("clicking 'un-maximise' should send the widget to the top", async () => {
+                const renderResult = render(
+                    <AppTile key={app1.id} app={app1} room={r1} />,
+                    clientAndSDKContextRenderOptions(cli, sdkContext),
+                );
+                await waitForElementToBeRemoved(() => renderResult.queryByRole("progressbar"));
+                await userEvent.click(renderResult.getByLabelText("Un-maximise"));
+                expect(moveToContainerSpy).toHaveBeenCalledWith(r1, app1, "top");
+            });
+        });
+
+        describe("with an existing widgetApi with requiresClient = false", () => {
+            beforeEach(() => {
+                const messaging = {
+                    on: () => {},
+                    off: () => {},
+                    prepare: async () => {},
+                    stop: () => {},
+                    widgetApi: {
+                        hasCapability: (capability: ElementWidgetCapabilities): boolean => {
+                            return !(capability === ElementWidgetCapabilities.RequiresClient);
+                        },
+                    },
+                } as unknown as WidgetMessaging;
+
+                const mockWidget = new ElementWidget(app1);
+                WidgetMessagingStore.instance.storeMessaging(mockWidget, r1.roomId, messaging);
+            });
+
+            it("should display the »Popout widget« button", async () => {
+                const renderResult = render(
+                    <AppTile key={app1.id} app={app1} room={r1} />,
+                    clientAndSDKContextRenderOptions(cli, sdkContext),
+                );
+                await waitForElementToBeRemoved(() => renderResult.queryByRole("progressbar"));
+                expect(renderResult.getByLabelText("Popout widget")).toBeInTheDocument();
+            });
+        });
+    });
+
+    describe("for a persistent app", () => {
+        it("should render", async () => {
+            const { asFragment, queryByRole } = render(
+                <AppTile key={app1.id} app={app1} room={r1} fullWidth={true} miniMode={true} showMenubar={false} />,
+                clientAndSDKContextRenderOptions(cli, sdkContext),
+            );
+            await waitForElementToBeRemoved(() => queryByRole("progressbar"));
+            expect(asFragment()).toMatchSnapshot();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/BugReportDialogButton-test.tsx b/apps/web/test/unit-tests/components/views/elements/BugReportDialogButton-test.tsx
new file mode 100644
index 00000000000..34b2067653d
--- /dev/null
+++ b/apps/web/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/apps/web/test/unit-tests/components/views/elements/DesktopCapturerSourcePicker-test.tsx b/apps/web/test/unit-tests/components/views/elements/DesktopCapturerSourcePicker-test.tsx
new file mode 100644
index 00000000000..4e5c04605de
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/DesktopCapturerSourcePicker-test.tsx
@@ -0,0 +1,92 @@
+/*
+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.
+*/
+
+import React from "react";
+import { render, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import DesktopCapturerSourcePicker from "../../../../../src/components/views/elements/DesktopCapturerSourcePicker";
+import PlatformPeg from "../../../../../src/PlatformPeg";
+import type BasePlatform from "../../../../../src/BasePlatform";
+
+const SOURCES = [
+    {
+        id: "screen1",
+        name: "Screen 1",
+        thumbnailURL: "data:image/png;base64,",
+    },
+    {
+        id: "window1",
+        name: "Window 1",
+        thumbnailURL: "data:image/png;base64,",
+    },
+];
+
+describe("DesktopCapturerSourcePicker", () => {
+    beforeEach(() => {
+        const plaf = {
+            getDesktopCapturerSources: jest.fn().mockResolvedValue(SOURCES),
+            supportsSetting: jest.fn().mockReturnValue(false),
+        };
+        jest.spyOn(PlatformPeg, "get").mockReturnValue(plaf as unknown as BasePlatform);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("should render the component", () => {
+        render(<DesktopCapturerSourcePicker onFinished={() => {}} />);
+        expect(screen.getByRole("button", { name: "Cancel" })).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: "Share" })).toBeInTheDocument();
+    });
+
+    it("should disable share button until a source is selected", () => {
+        render(<DesktopCapturerSourcePicker onFinished={() => {}} />);
+        expect(screen.getByRole("button", { name: "Share" })).toBeDisabled();
+    });
+
+    it("should contain a screen source in the default tab", async () => {
+        render(<DesktopCapturerSourcePicker onFinished={() => {}} />);
+
+        const screen1Button = await screen.findByRole("button", { name: "Screen 1" });
+
+        expect(screen1Button).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: "Window 1" })).not.toBeInTheDocument();
+    });
+
+    it("should contain a window source in the window tab", async () => {
+        render(<DesktopCapturerSourcePicker onFinished={() => {}} />);
+
+        await userEvent.click(screen.getByRole("tab", { name: "Application window" }));
+
+        const window1Button = await screen.findByRole("button", { name: "Window 1" });
+
+        expect(window1Button).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: "Screen 1" })).not.toBeInTheDocument();
+    });
+
+    it("should call onFinished with no arguments if cancelled", async () => {
+        const onFinished = jest.fn();
+        render(<DesktopCapturerSourcePicker onFinished={onFinished} />);
+
+        await userEvent.click(screen.getByRole("button", { name: "Cancel" }));
+        expect(onFinished).toHaveBeenCalledWith();
+    });
+
+    it("should call onFinished with the selected source when share clicked", async () => {
+        const onFinished = jest.fn();
+        render(<DesktopCapturerSourcePicker onFinished={onFinished} />);
+
+        const screen1Button = await screen.findByRole("button", { name: "Screen 1" });
+
+        await userEvent.click(screen1Button);
+        await userEvent.click(screen.getByRole("button", { name: "Share" }));
+        expect(onFinished).toHaveBeenCalledWith(SOURCES[0]);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/Dropdown-test.tsx b/apps/web/test/unit-tests/components/views/elements/Dropdown-test.tsx
new file mode 100644
index 00000000000..ca428aff6e4
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/Dropdown-test.tsx
@@ -0,0 +1,92 @@
+/*
+ * 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 ReactElement } from "react";
+import { render, screen, fireEvent } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import Dropdown from "../../../../../src/components/views/elements/Dropdown";
+import type { NonEmptyArray } from "../../../../../src/@types/common";
+
+describe("<Dropdown />", () => {
+    const placeholder = "Select an option";
+    const onOptionChange = jest.fn();
+
+    function renderDropdown(props?: Partial<React.ComponentProps<typeof Dropdown>>) {
+        return render(
+            <Dropdown
+                id="id"
+                label="Test Dropdown"
+                placeholder={placeholder}
+                onOptionChange={onOptionChange}
+                {...props}
+            >
+                {
+                    [<div key="one">one</div>, <div key="two">two</div>, <div key="three">three</div>] as NonEmptyArray<
+                        ReactElement & { key: string }
+                    >
+                }
+            </Dropdown>,
+        );
+    }
+
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("renders with placeholder", () => {
+        const { asFragment } = renderDropdown();
+        expect(screen.getByText(placeholder)).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("expands and collapses on click", async () => {
+        const user = userEvent.setup();
+        renderDropdown();
+
+        const button = screen.getByRole("button");
+        expect(screen.queryByRole("listbox")).not.toBeInTheDocument();
+        await user.click(button);
+        expect(screen.getByRole("listbox")).toBeInTheDocument();
+        // Collapse by clicking outside
+        await user.click(document.body);
+        expect(screen.queryByRole("listbox")).not.toBeInTheDocument();
+    });
+
+    it("calls onOptionChange when an option is selected", async () => {
+        renderDropdown();
+
+        await userEvent.click(screen.getByRole("button"));
+        const option = screen.getByRole("option", { name: "two" });
+        await userEvent.click(option);
+        expect(onOptionChange).toHaveBeenCalledWith("two");
+    });
+
+    it("handles keyboard navigation and selection", async () => {
+        renderDropdown();
+
+        const button = screen.getByRole("button");
+        await userEvent.click(button);
+        // Arrow down to "two"
+        fireEvent.keyDown(button, { key: "ArrowDown" });
+        expect(screen.getByRole("option", { name: "two" })).toHaveFocus();
+        // Arrow up to "one"
+        fireEvent.keyDown(button, { key: "ArrowUp" });
+        expect(screen.getByRole("option", { name: "one" })).toHaveFocus();
+        // Enter to select
+        fireEvent.keyDown(button, { key: "Enter" });
+        expect(onOptionChange).toHaveBeenCalledWith("one");
+    });
+
+    it("does not open when disabled", async () => {
+        renderDropdown({ disabled: true });
+
+        const button = screen.getByRole("button");
+        await userEvent.click(button);
+        expect(screen.queryByRole("listbox")).not.toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/EffectsOverlay-test.tsx b/apps/web/test/unit-tests/components/views/elements/EffectsOverlay-test.tsx
new file mode 100644
index 00000000000..e2ccbc87246
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/EffectsOverlay-test.tsx
@@ -0,0 +1,50 @@
+/*
+ * Copyright 2024 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, waitFor } from "jest-matrix-react";
+
+import dis from "../../../../../src/dispatcher/dispatcher";
+import EffectsOverlay from "../../../../../src/components/views/elements/EffectsOverlay.tsx";
+
+describe("<EffectsOverlay/>", () => {
+    let isStarted: boolean;
+    beforeEach(() => {
+        isStarted = false;
+        jest.mock("../../../../../src/effects/confetti/index.ts", () => {
+            return class Confetti {
+                start = () => {
+                    isStarted = true;
+                };
+                stop = jest.fn();
+            };
+        });
+    });
+
+    afterEach(() => jest.useRealTimers());
+
+    it("should render", () => {
+        const { asFragment } = render(<EffectsOverlay roomWidth={100} />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should start the confetti effect", async () => {
+        render(<EffectsOverlay roomWidth={100} />);
+        dis.dispatch({ action: "effects.confetti" });
+        await waitFor(() => expect(isStarted).toBe(true));
+    });
+
+    it("should start the confetti effect when the event is not outdated", async () => {
+        const eventDate = new Date("2024-09-01");
+        const date = new Date("2024-09-02");
+        jest.useFakeTimers().setSystemTime(date);
+
+        render(<EffectsOverlay roomWidth={100} />);
+        dis.dispatch({ action: "effects.confetti", event: { getTs: () => eventDate.getTime() } });
+        await waitFor(() => expect(isStarted).toBe(true));
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/EventListSummary-test.tsx b/apps/web/test/unit-tests/components/views/elements/EventListSummary-test.tsx
new file mode 100644
index 00000000000..85ca2faad66
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/EventListSummary-test.tsx
@@ -0,0 +1,790 @@
+/*
+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 ComponentProps } from "react";
+import { render, type RenderResult } from "jest-matrix-react";
+import { type MatrixEvent, RoomMember } from "matrix-js-sdk/src/matrix";
+import { KnownMembership, type Membership } from "matrix-js-sdk/src/types";
+
+import {
+    getMockClientWithEventEmitter,
+    mkEvent,
+    mkMembership,
+    mockClientMethodsUser,
+    unmockClientPeg,
+} from "../../../../test-utils";
+import EventListSummary from "../../../../../src/components/views/elements/EventListSummary";
+import { Layout } from "../../../../../src/settings/enums/Layout";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import * as languageSettings from "../../../../../src/i18n/settings";
+
+describe("EventListSummary", function () {
+    const roomId = "!room:server.org";
+    // Generate dummy event tiles for use in simulating an expanded MELS
+    const generateTiles = (events: MatrixEvent[]) => {
+        return events.map((e) => {
+            return (
+                <div key={e.getId()} className="event_tile">
+                    Expanded membership
+                </div>
+            );
+        });
+    };
+
+    /**
+     * Generates a membership event with the target of the event set as a mocked
+     * RoomMember based on `parameters.userId`.
+     * @param {string} eventId the ID of the event.
+     * @param {object} parameters the parameters to use to create the event.
+     * @param {string} parameters.membership the membership to assign to
+     * `content.membership`
+     * @param {string} parameters.userId the state key and target userId of the event. If
+     * `parameters.senderId` is not specified, this is also used as the event sender.
+     * @param {string} parameters.prevMembership the membership to assign to
+     * `prev_content.membership`.
+     * @param {string} parameters.senderId the user ID of the sender of the event.
+     * Optional. Defaults to `parameters.userId`.
+     * @returns {MatrixEvent} the event created.
+     */
+    interface MembershipEventParams {
+        senderId?: string;
+        userId?: string;
+        membership: Membership;
+        prevMembership?: Membership;
+    }
+    const generateMembershipEvent = (
+        eventId: string,
+        { senderId, userId, membership, prevMembership }: MembershipEventParams & { userId: string },
+    ): MatrixEvent => {
+        const member = new RoomMember(roomId, userId);
+        // Use localpart as display name;
+        member.name = userId.match(/@([^:]*):/)![1];
+        jest.spyOn(member, "getAvatarUrl").mockReturnValue("avatar.jpeg");
+        jest.spyOn(member, "getMxcAvatarUrl").mockReturnValue("mxc://avatar.url/image.png");
+        const e = mkMembership({
+            event: true,
+            room: roomId,
+            user: senderId || userId,
+            skey: userId,
+            mship: membership,
+            prevMship: prevMembership,
+            target: member,
+        });
+        // Override random event ID to allow for equality tests against tiles from
+        // generateTiles
+        e.event.event_id = eventId;
+        return e;
+    };
+
+    // Generate mock MatrixEvents from the array of parameters
+    const generateEvents = (parameters: Array<MembershipEventParams & { userId: string }>) => {
+        const res: MatrixEvent[] = [];
+        for (let i = 0; i < parameters.length; i++) {
+            res.push(generateMembershipEvent(`event${i}`, parameters[i]));
+        }
+        return res;
+    };
+
+    // Generate the same sequence of `events` for `n` users, where each user ID
+    // is created by replacing the first "$" in userIdTemplate with `i` for
+    // `i = 0 .. n`.
+    const generateEventsForUsers = (userIdTemplate: string, n: number, events: MembershipEventParams[]) => {
+        let eventsForUsers: MatrixEvent[] = [];
+        let userId = "";
+        for (let i = 0; i < n; i++) {
+            userId = userIdTemplate.replace("$", String(i));
+            events.forEach((e) => {
+                e.userId = userId;
+            });
+            eventsForUsers = eventsForUsers.concat(
+                generateEvents(events as Array<MembershipEventParams & { userId: string }>),
+            );
+        }
+        return eventsForUsers;
+    };
+
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(),
+    });
+
+    const defaultProps: Omit<
+        ComponentProps<typeof EventListSummary>,
+        "summaryLength" | "threshold" | "avatarsMaxLength"
+    > = {
+        layout: Layout.Bubble,
+        events: [],
+        children: [],
+    };
+    const renderComponent = (props = {}): RenderResult => {
+        return render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <EventListSummary {...defaultProps} {...props} />
+            </MatrixClientContext.Provider>,
+        );
+    };
+
+    beforeEach(function () {
+        jest.clearAllMocks();
+        jest.spyOn(languageSettings, "getUserLanguage").mockReturnValue("en-GB");
+    });
+
+    afterAll(() => {
+        unmockClientPeg();
+    });
+
+    it("renders expanded events if there are less than props.threshold", function () {
+        const events = generateEvents([
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 1,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props); // matrix cli context wrapper
+
+        const children = container.querySelector(".mx_GenericEventListSummary_unstyledList")!.children;
+        expect(children).toHaveLength(1);
+        expect(children[0]).toHaveTextContent("Expanded membership");
+        expect(children).toMatchSnapshot();
+    });
+
+    it("renders expanded events if there are less than props.threshold for join and leave", function () {
+        const events = generateEvents([
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 1,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props); // matrix cli context wrapper
+
+        const children = container.querySelector(".mx_GenericEventListSummary_unstyledList")!.children;
+        expect(children).toHaveLength(2);
+        expect(children[0]).toHaveTextContent("Expanded membership");
+        expect(children[1]).toHaveTextContent("Expanded membership");
+        expect(children).toMatchSnapshot();
+    });
+
+    it("renders collapsed events if events.length = props.threshold", function () {
+        const events = generateEvents([
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 1,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+        expect(summary).toHaveTextContent("user_1 joined and left and joined");
+        expect(summary).toMatchSnapshot();
+    });
+
+    it("truncates long join,leave repetitions", function () {
+        const events = generateEvents([
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 1,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+        expect(summary).toHaveTextContent("user_1 joined and left 7 times");
+        expect(summary).toMatchSnapshot();
+    });
+
+    it("truncates long join,leave repetitions between other events", function () {
+        const events = generateEvents([
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Ban,
+                membership: KnownMembership.Leave,
+                senderId: "@some_other_user:some.domain",
+            },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Leave,
+                membership: KnownMembership.Invite,
+                senderId: "@some_other_user:some.domain",
+            },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 1,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+
+        // The sequence was summarised correctly
+        expect(summary).toHaveTextContent("user_1 was unbanned, joined and left 7 times and was invited");
+
+        // And there is no spoiler on the user's name since they were not banned
+        expect(summary).not.toContainHTML("mx_EventTile_spoiler_content");
+        expect(summary).toMatchSnapshot();
+    });
+
+    it("truncates multiple sequences of repetitions with other events between", function () {
+        const events = generateEvents([
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Ban,
+                membership: KnownMembership.Leave,
+                senderId: "@some_other_user:some.domain",
+            },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Leave,
+                membership: KnownMembership.Ban,
+                senderId: "@some_other_user:some.domain",
+            },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Ban, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Leave,
+                membership: KnownMembership.Invite,
+                senderId: "@some_other_user:some.domain",
+            },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 1,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+
+        // The sequence was summarised correctly
+        expect(summary).toHaveTextContent(
+            "user_1 was unbanned, joined and left 2 times, was banned, joined and left 3 times and was invited",
+        );
+
+        // And the banned user's name is hidden within a spoiler
+        expect(summary).toContainHTML('<span class="mx_EventTile_spoiler_content">user_1</span>');
+        expect(summary).toMatchSnapshot();
+    });
+
+    it("handles multiple users following the same sequence of memberships", function () {
+        const events = generateEvents([
+            // user_1
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Ban,
+                membership: KnownMembership.Leave,
+                senderId: "@some_other_user:some.domain",
+            },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Leave,
+                membership: KnownMembership.Ban,
+                senderId: "@some_other_user:some.domain",
+            },
+            // user_2
+            {
+                userId: "@user_2:some.domain",
+                prevMembership: KnownMembership.Ban,
+                membership: KnownMembership.Leave,
+                senderId: "@some_other_user:some.domain",
+            },
+            { userId: "@user_2:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_2:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_2:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_2:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            {
+                userId: "@user_2:some.domain",
+                prevMembership: KnownMembership.Leave,
+                membership: KnownMembership.Ban,
+                senderId: "@some_other_user:some.domain",
+            },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 1,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+
+        // The sequence was summarised correctly
+        expect(summary).toHaveTextContent(
+            "user_1 and one other were unbanned, joined and left 2 times and were banned",
+        );
+
+        // And the banned user's name is hidden within a spoiler
+        expect(summary).toContainHTML('<span class="mx_EventTile_spoiler_content">user_1</span>');
+        expect(summary).toMatchSnapshot();
+    });
+
+    it("handles many users following the same sequence of memberships", function () {
+        const events = generateEventsForUsers("@user_$:some.domain", 20, [
+            {
+                prevMembership: KnownMembership.Ban,
+                membership: KnownMembership.Leave,
+                senderId: "@some_other_user:some.domain",
+            },
+            { prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            {
+                prevMembership: KnownMembership.Leave,
+                membership: KnownMembership.Ban,
+                senderId: "@some_other_user:some.domain",
+            },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 1,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+
+        // The sequence was summarised correctly
+        expect(summary).toHaveTextContent(
+            "user_0 and 19 others were unbanned, joined and left 2 times and were banned",
+        );
+
+        // And the banned user's name is hidden within a spoiler
+        expect(summary).toContainHTML('<span class="mx_EventTile_spoiler_content">user_0</span>');
+        expect(summary).toMatchSnapshot();
+    });
+
+    it("correctly orders sequences of transitions by the order of their first event", function () {
+        const events = generateEvents([
+            {
+                userId: "@user_2:some.domain",
+                prevMembership: KnownMembership.Ban,
+                membership: KnownMembership.Leave,
+                senderId: "@some_other_user:some.domain",
+            },
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Ban,
+                membership: KnownMembership.Leave,
+                senderId: "@some_other_user:some.domain",
+            },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Leave,
+                membership: KnownMembership.Ban,
+                senderId: "@some_other_user:some.domain",
+            },
+            { userId: "@user_2:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_2:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            { userId: "@user_2:some.domain", prevMembership: KnownMembership.Leave, membership: KnownMembership.Join },
+            { userId: "@user_2:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 1,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+        expect(summary).toHaveTextContent(
+            "user_2 was unbanned and joined and left 2 times, user_1 was unbanned, " +
+                "joined and left 2 times and was banned",
+        );
+        expect(summary).toMatchSnapshot();
+    });
+
+    it("correctly identifies transitions", function () {
+        const events = generateEvents([
+            // invited
+            { userId: "@user_1:some.domain", membership: KnownMembership.Invite },
+            // banned
+            { userId: "@user_1:some.domain", membership: KnownMembership.Ban },
+            // joined
+            { userId: "@user_1:some.domain", membership: KnownMembership.Join },
+            // invite_reject
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Invite,
+                membership: KnownMembership.Leave,
+            },
+            // left
+            { userId: "@user_1:some.domain", prevMembership: KnownMembership.Join, membership: KnownMembership.Leave },
+            // invite_withdrawal
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Invite,
+                membership: KnownMembership.Leave,
+                senderId: "@some_other_user:some.domain",
+            },
+            // unbanned
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Ban,
+                membership: KnownMembership.Leave,
+                senderId: "@some_other_user:some.domain",
+            },
+            // kicked
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Join,
+                membership: KnownMembership.Leave,
+                senderId: "@some_other_user:some.domain",
+            },
+            // default for sender=target (leave)
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: "????" as Membership,
+                membership: KnownMembership.Leave,
+                senderId: "@user_1:some.domain",
+            },
+            // default for sender<>target (kicked)
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: "????" as Membership,
+                membership: KnownMembership.Leave,
+                senderId: "@some_other_user:some.domain",
+            },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 1,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+        expect(summary).toHaveTextContent(
+            "user_1 was invited, was banned, joined, rejected their invitation, left, " +
+                "had their invitation withdrawn, was unbanned, was removed, left and was removed",
+        );
+        expect(summary).toMatchSnapshot();
+    });
+
+    it("handles invitation plurals correctly when there are multiple users", function () {
+        const events = generateEvents([
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Invite,
+                membership: KnownMembership.Leave,
+            },
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Invite,
+                membership: KnownMembership.Leave,
+                senderId: "@some_other_user:some.domain",
+            },
+            {
+                userId: "@user_2:some.domain",
+                prevMembership: KnownMembership.Invite,
+                membership: KnownMembership.Leave,
+            },
+            {
+                userId: "@user_2:some.domain",
+                prevMembership: KnownMembership.Invite,
+                membership: KnownMembership.Leave,
+                senderId: "@some_other_user:some.domain",
+            },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 1,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+        expect(summary).toHaveTextContent(
+            "user_1 and one other rejected their invitations and had their invitations withdrawn",
+        );
+        expect(summary).toMatchSnapshot();
+    });
+
+    it("handles invitation plurals correctly when there are multiple invites", function () {
+        const events = generateEvents([
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Invite,
+                membership: KnownMembership.Leave,
+            },
+            {
+                userId: "@user_1:some.domain",
+                prevMembership: KnownMembership.Invite,
+                membership: KnownMembership.Leave,
+            },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 1,
+            avatarsMaxLength: 5,
+            threshold: 1, // threshold = 1 to force collapse
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+        expect(summary).toHaveTextContent("user_1 rejected their invitation 2 times");
+        expect(summary).toMatchSnapshot();
+    });
+
+    it('handles a summary length = 2, with no "others"', function () {
+        const events = generateEvents([
+            { userId: "@user_1:some.domain", membership: KnownMembership.Join },
+            { userId: "@user_1:some.domain", membership: KnownMembership.Join },
+            { userId: "@user_2:some.domain", membership: KnownMembership.Join },
+            { userId: "@user_2:some.domain", membership: KnownMembership.Join },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 2,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+        expect(summary).toHaveTextContent("user_1 and user_2 joined 2 times");
+        expect(summary).toMatchSnapshot();
+    });
+
+    it('handles a summary length = 2, with 1 "other"', function () {
+        const events = generateEvents([
+            { userId: "@user_1:some.domain", membership: KnownMembership.Join },
+            { userId: "@user_2:some.domain", membership: KnownMembership.Join },
+            { userId: "@user_3:some.domain", membership: KnownMembership.Join },
+        ]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 2,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+        expect(summary).toHaveTextContent("user_1, user_2 and one other joined");
+        expect(summary).toMatchSnapshot();
+    });
+
+    it('handles a summary length = 2, with many "others"', function () {
+        const events = generateEventsForUsers("@user_$:some.domain", 20, [{ membership: KnownMembership.Join }]);
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 2,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+        expect(summary).toHaveTextContent("user_0, user_1 and 18 others joined");
+        expect(summary).toMatchSnapshot();
+    });
+
+    it("should not blindly group 3pid invites and treat them as distinct users instead", () => {
+        const events = [
+            mkEvent({
+                event: true,
+                skey: "randomstring1",
+                user: "@user1:server",
+                type: "m.room.third_party_invite",
+                content: {
+                    display_name: "n...@d...",
+                    key_validity_url: "https://blah",
+                    public_key: "public_key",
+                },
+            }),
+            mkEvent({
+                event: true,
+                skey: "randomstring2",
+                user: "@user1:server",
+                type: "m.room.third_party_invite",
+                content: {
+                    display_name: "n...@d...",
+                    key_validity_url: "https://blah",
+                    public_key: "public_key",
+                },
+            }),
+            mkEvent({
+                event: true,
+                skey: "randomstring3",
+                user: "@user1:server",
+                type: "m.room.third_party_invite",
+                content: {
+                    display_name: "d...@w...",
+                    key_validity_url: "https://blah",
+                    public_key: "public_key",
+                },
+            }),
+        ];
+
+        const props = {
+            events: events,
+            children: generateTiles(events),
+            summaryLength: 2,
+            avatarsMaxLength: 5,
+            threshold: 3,
+        };
+
+        const { container } = renderComponent(props);
+        const summary = container.querySelector(".mx_GenericEventListSummary_summary");
+        expect(summary).toHaveTextContent("n...@d... was invited 2 times, d...@w... was invited");
+        expect(summary).toMatchSnapshot();
+    });
+
+    describe("profile changes", () => {
+        /**
+         * Generates a join -> join membership event with the given profile fields spliced into
+         * `content` and `prev_content`, so that the null-versus-absent cases can be exercised.
+         */
+        const generateProfileEvent = (
+            userId: string,
+            prevProfile: Record<string, string | null>,
+            profile: Record<string, string | null>,
+        ): MatrixEvent => {
+            const member = new RoomMember(roomId, userId);
+            member.name = userId.match(/@([^:]*):/)![1];
+            const e = mkEvent({
+                event: true,
+                type: "m.room.member",
+                room: roomId,
+                user: userId,
+                skey: userId,
+                content: { membership: KnownMembership.Join, ...profile },
+                prev_content: { membership: KnownMembership.Join, ...prevProfile },
+            });
+            e.event.event_id = "event0";
+            e.target = member;
+            return e;
+        };
+
+        const summaryFor = (event: MatrixEvent): string => {
+            const { container } = renderComponent({
+                events: [event],
+                children: generateTiles([event]),
+                summaryLength: 1,
+                avatarsMaxLength: 5,
+                threshold: 1,
+            });
+            return container.querySelector(".mx_GenericEventListSummary_summary")!.textContent!;
+        };
+
+        it("treats an explicit null avatar_url the same as an absent one", () => {
+            const event = generateProfileEvent("@user_1:some.domain", {}, { avatar_url: null });
+            expect(summaryFor(event)).toBe("user_1 made no changes");
+        });
+
+        it("treats an explicit null displayname the same as an absent one", () => {
+            const event = generateProfileEvent("@user_1:some.domain", {}, { displayname: null });
+            expect(summaryFor(event)).toBe("user_1 made no changes");
+        });
+
+        it("still reports a real avatar change", () => {
+            const event = generateProfileEvent(
+                "@user_1:some.domain",
+                { avatar_url: "mxc://server/old" },
+                { avatar_url: "mxc://server/new" },
+            );
+            expect(summaryFor(event)).toBe("user_1 changed their profile picture");
+        });
+
+        it("still reports a real name change", () => {
+            const event = generateProfileEvent("@user_1:some.domain", { displayname: "Old" }, { displayname: "New" });
+            expect(summaryFor(event)).toBe("user_1 changed their name");
+        });
+
+        it("still reports an avatar being removed", () => {
+            const event = generateProfileEvent(
+                "@user_1:some.domain",
+                { avatar_url: "mxc://server/old" },
+                { avatar_url: null },
+            );
+            expect(summaryFor(event)).toBe("user_1 changed their profile picture");
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/ExternalLink-test.tsx b/apps/web/test/unit-tests/components/views/elements/ExternalLink-test.tsx
new file mode 100644
index 00000000000..012dae5477a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/ExternalLink-test.tsx
@@ -0,0 +1,46 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { render } from "jest-matrix-react";
+import React from "react";
+
+import ExternalLink from "../../../../../src/components/views/elements/ExternalLink";
+
+describe("<ExternalLink />", () => {
+    const defaultProps = {
+        "href": "test.com",
+        "onClick": jest.fn(),
+        "className": "myCustomClass",
+        "data-testid": "test",
+    };
+    const getComponent = (props = {}) => {
+        return render(<ExternalLink {...defaultProps} {...props} />);
+    };
+
+    it("renders link correctly", () => {
+        const children = (
+            <span>
+                react element <b>children</b>
+            </span>
+        );
+        expect(getComponent({ children, target: "_self", rel: "noopener" }).asFragment()).toMatchSnapshot();
+    });
+
+    it("defaults target and rel", () => {
+        const children = "test";
+        const { getByTestId } = getComponent({ children });
+        const container = getByTestId("test");
+        expect(container.getAttribute("rel")).toEqual("noreferrer noopener");
+        expect(container.getAttribute("target")).toEqual("_blank");
+    });
+
+    it("renders plain text link correctly", () => {
+        const children = "test";
+        expect(getComponent({ children }).asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/FacePile-test.tsx b/apps/web/test/unit-tests/components/views/elements/FacePile-test.tsx
new file mode 100644
index 00000000000..9ec71f45d8c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/FacePile-test.tsx
@@ -0,0 +1,26 @@
+/*
+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 { render } from "jest-matrix-react";
+import React from "react";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import FacePile from "../../../../../src/components/views/elements/FacePile";
+import { mkRoomMember } from "../../../../test-utils";
+
+describe("<FacePile />", () => {
+    it("renders with a tooltip", () => {
+        const member = mkRoomMember("123", "456", KnownMembership.Join);
+
+        const { asFragment } = render(
+            <FacePile members={[member]} size="36px" overflow={false} tooltipLabel="tooltip" />,
+        );
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/Field-test.tsx b/apps/web/test/unit-tests/components/views/elements/Field-test.tsx
new file mode 100644
index 00000000000..8db645bf852
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/Field-test.tsx
@@ -0,0 +1,109 @@
+/*
+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 { fireEvent, render, screen } from "jest-matrix-react";
+
+import Field from "../../../../../src/components/views/elements/Field";
+
+describe("Field", () => {
+    describe("Placeholder", () => {
+        it("Should display a placeholder", async () => {
+            // When
+            const { rerender } = render(<Field value="" placeholder="my placeholder" />);
+
+            // Then
+            expect(screen.getByRole("textbox")).toHaveAttribute("placeholder", "my placeholder");
+
+            // When
+            rerender(<Field value="" placeholder="" />);
+
+            // Then
+            expect(screen.getByRole("textbox")).toHaveAttribute("placeholder", "");
+        });
+
+        it("Should display label as placeholder", async () => {
+            // When
+            render(<Field value="" label="my label" />);
+
+            // Then
+            expect(screen.getByRole("textbox")).toHaveAttribute("placeholder", "my label");
+        });
+
+        it("Should not display a placeholder", async () => {
+            // When
+            render(<Field value="" />);
+
+            // Then
+            expect(screen.getByRole("textbox")).not.toHaveAttribute("placeholder", "my placeholder");
+        });
+    });
+
+    describe("Feedback", () => {
+        it("Should mark the feedback as alert if invalid", async () => {
+            render(
+                <Field
+                    value=""
+                    validateOnFocus
+                    onValidate={() => Promise.resolve({ valid: false, feedback: "Invalid" })}
+                />,
+            );
+
+            // When invalid
+            fireEvent.focus(screen.getByRole("textbox"));
+
+            // Expect 'aria-live=assertive'
+            await expect(screen.findByRole("tooltip")).resolves.toHaveAttribute("aria-live", "assertive");
+
+            // Close the feedback is Escape is pressed
+            fireEvent.keyDown(screen.getByRole("textbox"), { key: "Escape" });
+            expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
+        });
+
+        it("Should mark the feedback as status if valid", async () => {
+            render(
+                <Field
+                    value=""
+                    validateOnFocus
+                    onValidate={() => Promise.resolve({ valid: true, feedback: "Valid" })}
+                />,
+            );
+
+            // When valid
+            fireEvent.focus(screen.getByRole("textbox"));
+
+            // Expect 'aria-live=polite' role
+            await expect(screen.findByRole("tooltip")).resolves.toHaveAttribute("aria-live", "polite");
+
+            // Close the feedback is Escape is pressed
+            fireEvent.keyDown(screen.getByRole("textbox"), { key: "Escape" });
+            expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
+        });
+
+        it("Should mark the feedback as tooltip if custom tooltip set", async () => {
+            render(
+                <Field
+                    value=""
+                    validateOnFocus
+                    onValidate={() => Promise.resolve({ valid: true, feedback: "Valid" })}
+                    tooltipContent="Tooltip"
+                />,
+            );
+
+            // When valid or invalid and 'tooltipContent' set
+            fireEvent.focus(screen.getByRole("textbox"));
+
+            // Expect 'tooltip' role
+            await expect(screen.findByRole("tooltip")).resolves.toBeInTheDocument();
+
+            // Close the feedback is Escape is pressed
+            fireEvent.keyDown(screen.getByRole("textbox"), { key: "Escape" });
+            expect(screen.queryByRole("tooltip")).toBeNull();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/FilterDropdown-test.tsx b/apps/web/test/unit-tests/components/views/elements/FilterDropdown-test.tsx
new file mode 100644
index 00000000000..44a3a5ec9de
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/FilterDropdown-test.tsx
@@ -0,0 +1,60 @@
+/*
+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 { act, fireEvent, render } from "jest-matrix-react";
+import React, { type JSX } from "react";
+
+import { FilterDropdown } from "../../../../../src/components/views/elements/FilterDropdown";
+import { flushPromises, mockPlatformPeg } from "../../../../test-utils";
+
+mockPlatformPeg();
+
+describe("<FilterDropdown />", () => {
+    const options = [
+        { id: "one", label: "Option one" },
+        { id: "two", label: "Option two", description: "with description" },
+    ];
+    const defaultProps = {
+        className: "test",
+        value: "one",
+        options,
+        id: "test",
+        label: "test label",
+        onOptionChange: jest.fn(),
+    };
+    const getComponent = (props = {}): JSX.Element => <FilterDropdown {...defaultProps} {...props} />;
+
+    const openDropdown = async (container: HTMLElement): Promise<void> =>
+        await act(async () => {
+            const button = container.querySelector('[role="button"]');
+            expect(button).toBeTruthy();
+            fireEvent.click(button!);
+            await flushPromises();
+        });
+
+    it("renders selected option", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders when selected option is not in options", () => {
+        const { container } = render(getComponent({ value: "oops" }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders selected option with selectedLabel", () => {
+        const { container } = render(getComponent({ selectedLabel: "Show" }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders dropdown options in menu", async () => {
+        const { container } = render(getComponent());
+        await openDropdown(container);
+        expect(container.querySelector(".mx_Dropdown_menu")).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/FilterTabGroup-test.tsx b/apps/web/test/unit-tests/components/views/elements/FilterTabGroup-test.tsx
new file mode 100644
index 00000000000..49091d80175
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/FilterTabGroup-test.tsx
@@ -0,0 +1,46 @@
+/*
+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 { fireEvent, render } from "jest-matrix-react";
+
+import { FilterTabGroup } from "../../../../../src/components/views/elements/FilterTabGroup";
+
+describe("<FilterTabGroup />", () => {
+    enum TestOption {
+        Apple = "Apple",
+        Banana = "Banana",
+        Orange = "Orange",
+    }
+    const defaultProps = {
+        "name": "test",
+        "value": TestOption.Apple,
+        "onFilterChange": jest.fn(),
+        "tabs": [
+            { id: TestOption.Apple, label: `Label for ${TestOption.Apple}` },
+            { id: TestOption.Banana, label: `Label for ${TestOption.Banana}` },
+            { id: TestOption.Orange, label: `Label for ${TestOption.Orange}` },
+        ],
+        "data-testid": "test",
+    };
+    const getComponent = (props = {}) => <FilterTabGroup<TestOption> {...defaultProps} {...props} />;
+
+    it("renders options", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("calls onChange handler on selection", () => {
+        const onFilterChange = jest.fn();
+        const { getByText } = render(getComponent({ onFilterChange }));
+
+        fireEvent.click(getByText("Label for Banana"));
+
+        expect(onFilterChange).toHaveBeenCalledWith(TestOption.Banana);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/ImageView-test.tsx b/apps/web/test/unit-tests/components/views/elements/ImageView-test.tsx
new file mode 100644
index 00000000000..3043fbd118c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/ImageView-test.tsx
@@ -0,0 +1,119 @@
+/*
+ * 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.
+ */
+
+import React from "react";
+import { mocked } from "jest-mock";
+import { render, fireEvent, waitFor } from "jest-matrix-react";
+import fetchMock from "@fetch-mock/jest";
+import { MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import ImageView from "../../../../../src/components/views/elements/ImageView";
+import { FileDownloader } from "../../../../../src/utils/FileDownloader";
+import Modal from "../../../../../src/Modal";
+import ErrorDialog from "../../../../../src/components/views/dialogs/ErrorDialog";
+import { stubClient } from "../../../../test-utils";
+
+jest.mock("../../../../../src/utils/FileDownloader");
+
+describe("<ImageView />", () => {
+    beforeEach(() => {
+        jest.resetAllMocks();
+    });
+
+    it("renders correctly", () => {
+        const { container } = render(<ImageView src="https://example.com/image.png" onFinished={jest.fn()} />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should download on click", async () => {
+        fetchMock.get("https://example.com/image.png", "TESTFILE");
+        const { getByRole } = render(
+            <ImageView src="https://example.com/image.png" name="filename.png" onFinished={jest.fn()} />,
+        );
+        fireEvent.click(getByRole("button", { name: "Download" }));
+        await waitFor(() =>
+            expect(mocked(FileDownloader).mock.instances[0].download).toHaveBeenCalledWith({
+                blob: expect.anything(),
+                name: "filename.png",
+            }),
+        );
+        expect(fetchMock).toHaveFetched("https://example.com/image.png");
+    });
+
+    it("should use event as download source if given", async () => {
+        stubClient();
+
+        const event = new MatrixEvent({
+            event_id: "$eventId",
+            type: "m.image",
+            content: {
+                body: "fromEvent.png",
+                url: "mxc://test.dummy/fromEvent.png",
+                file_name: "filename.png",
+            },
+            origin_server_ts: new Date(2000, 0, 1, 0, 0, 0, 0).getTime(),
+        });
+
+        fetchMock.get("http://this.is.a.url/test.dummy/fromEvent.png", "TESTFILE");
+        const { getByRole } = render(
+            <ImageView
+                src="https://test.dummy/fromSrc.png"
+                name="fromName.png"
+                onFinished={jest.fn()}
+                mxEvent={event}
+            />,
+        );
+        fireEvent.click(getByRole("button", { name: "Download" }));
+        await waitFor(() =>
+            expect(mocked(FileDownloader).mock.instances[0].download).toHaveBeenCalledWith({
+                blob: expect.anything(),
+                name: "fromEvent.png",
+            }),
+        );
+        expect(fetchMock).toHaveFetched("http://this.is.a.url/test.dummy/fromEvent.png");
+    });
+
+    it("should start download on Ctrl+S", async () => {
+        fetchMock.get("https://example.com/image.png", "TESTFILE");
+
+        const { container } = render(
+            <ImageView src="https://example.com/image.png" name="filename.png" onFinished={jest.fn()} />,
+        );
+
+        const dialog = container.querySelector<HTMLElement>('[role="dialog"]')!;
+        dialog?.focus();
+
+        fireEvent.keyDown(dialog!, { key: "s", code: "KeyS", ctrlKey: true });
+
+        await waitFor(() => {
+            expect(mocked(FileDownloader).mock.instances[0].download).toHaveBeenCalledWith({
+                blob: expect.anything(),
+                name: "filename.png",
+            });
+        });
+
+        expect(fetchMock).toHaveFetched("https://example.com/image.png");
+    });
+
+    it("should handle download errors", async () => {
+        const modalSpy = jest.spyOn(Modal, "createDialog");
+        fetchMock.get("https://example.com/image.png", { status: 500 });
+        const { getByRole } = render(
+            <ImageView src="https://example.com/image.png" name="filename.png" onFinished={jest.fn()} />,
+        );
+        fireEvent.click(getByRole("button", { name: "Download" }));
+        await waitFor(() =>
+            expect(modalSpy).toHaveBeenCalledWith(
+                ErrorDialog,
+                expect.objectContaining({
+                    title: "Download failed",
+                }),
+            ),
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/InfoTooltip-test.tsx b/apps/web/test/unit-tests/components/views/elements/InfoTooltip-test.tsx
new file mode 100644
index 00000000000..53b4c696c5b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/InfoTooltip-test.tsx
@@ -0,0 +1,33 @@
+/*
+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 userEvent from "@testing-library/user-event";
+import { render, waitFor } from "jest-matrix-react";
+
+import InfoTooltip from "../../../../../src/components/views/elements/InfoTooltip";
+
+describe("InfoTooltip", () => {
+    it("should show tooltip on hover", async () => {
+        const { getByText, asFragment } = render(<InfoTooltip tooltip="Tooltip text">Trigger text</InfoTooltip>);
+
+        const trigger = getByText("Trigger text");
+        expect(trigger).toBeVisible();
+        await userEvent.hover(trigger!);
+
+        // wait for the tooltip to open
+        const tooltip = await waitFor(() => {
+            const tooltip = document.getElementById(trigger.getAttribute("aria-describedby")!);
+            expect(tooltip).toBeVisible();
+            return tooltip;
+        });
+        expect(tooltip).toHaveTextContent("Tooltip text");
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/LabelledCheckbox-test.tsx b/apps/web/test/unit-tests/components/views/elements/LabelledCheckbox-test.tsx
new file mode 100644
index 00000000000..6fccc366423
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/LabelledCheckbox-test.tsx
@@ -0,0 +1,96 @@
+/*
+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 { fireEvent, render, screen } from "jest-matrix-react";
+import React from "react";
+
+import LabelledCheckbox from "../../../../../src/components/views/elements/LabelledCheckbox";
+
+describe("<LabelledCheckbox />", () => {
+    type CompProps = React.ComponentProps<typeof LabelledCheckbox>;
+    const getComponent = (props: CompProps) => <LabelledCheckbox {...props} />;
+    const getCheckbox = (): HTMLInputElement => screen.getByRole("checkbox");
+
+    it.each([undefined, "this is a byline"])("should render with byline of %p", (byline) => {
+        const props: CompProps = {
+            label: "Hello world",
+            value: true,
+            byline: byline,
+            onChange: jest.fn(),
+        };
+        const renderResult = render(getComponent(props));
+        expect(renderResult.asFragment()).toMatchSnapshot();
+    });
+
+    it("should support unchecked by default", () => {
+        const props: CompProps = {
+            label: "Hello world",
+            value: false,
+            onChange: jest.fn(),
+        };
+        render(getComponent(props));
+        expect(getCheckbox()).not.toBeChecked();
+    });
+
+    it("should be possible to disable the checkbox", () => {
+        const props: CompProps = {
+            label: "Hello world",
+            value: false,
+            disabled: true,
+            onChange: jest.fn(),
+        };
+        render(getComponent(props));
+        expect(getCheckbox()).toBeDisabled();
+    });
+
+    it("should emit onChange calls", () => {
+        const props: CompProps = {
+            label: "Hello world",
+            value: false,
+            onChange: jest.fn(),
+        };
+        render(getComponent(props));
+
+        expect(props.onChange).not.toHaveBeenCalled();
+        fireEvent.click(getCheckbox());
+        expect(props.onChange).toHaveBeenCalledWith(true);
+    });
+
+    it("should react to value and disabled prop changes", () => {
+        const props: CompProps = {
+            label: "Hello world",
+            value: false,
+            onChange: jest.fn(),
+        };
+        const { rerender } = render(getComponent(props));
+
+        let checkbox = getCheckbox();
+        expect(checkbox).not.toBeChecked();
+        expect(checkbox).not.toBeDisabled();
+
+        props.disabled = true;
+        props.value = true;
+        rerender(getComponent(props));
+
+        checkbox = getCheckbox();
+        expect(checkbox).toBeChecked();
+        expect(checkbox).toBeDisabled();
+    });
+
+    it("should render with a custom class name", () => {
+        const className = "some class name";
+        const props: CompProps = {
+            label: "Hello world",
+            value: false,
+            onChange: jest.fn(),
+            className,
+        };
+        const { container } = render(getComponent(props));
+        expect(container.firstElementChild?.className).toContain(className);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/LearnMore-test.tsx b/apps/web/test/unit-tests/components/views/elements/LearnMore-test.tsx
new file mode 100644
index 00000000000..40d2f775087
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/LearnMore-test.tsx
@@ -0,0 +1,49 @@
+/*
+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 { fireEvent, render } from "jest-matrix-react";
+
+import LearnMore from "../../../../../src/components/views/elements/LearnMore";
+import Modal from "../../../../../src/Modal";
+import InfoDialog from "../../../../../src/components/views/dialogs/InfoDialog";
+
+describe("<LearnMore />", () => {
+    const defaultProps = {
+        "title": "Test",
+        "description": "test test test",
+        ["data-testid"]: "testid",
+    };
+    const getComponent = (props = {}) => <LearnMore {...defaultProps} {...props} />;
+
+    const modalSpy = jest.spyOn(Modal, "createDialog").mockReturnValue({
+        finished: new Promise(() => {}),
+        close: jest.fn(),
+    });
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("renders button", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("opens modal on click", async () => {
+        const { getByTestId } = render(getComponent());
+        fireEvent.click(getByTestId("testid"));
+
+        expect(modalSpy).toHaveBeenCalledWith(InfoDialog, {
+            button: "Got it",
+            description: defaultProps.description,
+            hasCloseButton: true,
+            title: defaultProps.title,
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/MiniAvatarUploader-test.tsx b/apps/web/test/unit-tests/components/views/elements/MiniAvatarUploader-test.tsx
new file mode 100644
index 00000000000..f6d2c07bc97
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/MiniAvatarUploader-test.tsx
@@ -0,0 +1,40 @@
+/*
+Copyright 2024 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 } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+
+import MiniAvatarUploader from "../../../../../src/components/views/elements/MiniAvatarUploader.tsx";
+import { stubClient, withClientContextRenderOptions } from "../../../../test-utils";
+
+const BASE64_GIF = "R0lGODlhAQABAAAAACw=";
+const AVATAR_FILE = new File([Uint8Array.from(atob(BASE64_GIF), (c) => c.charCodeAt(0))], "avatar.gif", {
+    type: "image/gif",
+});
+
+describe("<MiniAvatarUploader />", () => {
+    it("calls setAvatarUrl when a file is uploaded", async () => {
+        const cli = stubClient();
+        mocked(cli.uploadContent).mockResolvedValue({ content_uri: "mxc://example.com/1234" });
+
+        const setAvatarUrl = jest.fn();
+        const user = userEvent.setup();
+
+        const { container, findByLabelText } = render(
+            <MiniAvatarUploader hasAvatar={false} noAvatarLabel="Upload" setAvatarUrl={setAvatarUrl} isUserAvatar />,
+            withClientContextRenderOptions(cli),
+        );
+
+        await findByLabelText("Upload");
+        await user.upload(container.querySelector("input")!, AVATAR_FILE);
+
+        expect(cli.uploadContent).toHaveBeenCalledWith(AVATAR_FILE);
+        expect(setAvatarUrl).toHaveBeenCalledWith("mxc://example.com/1234");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/Pill-test.tsx b/apps/web/test/unit-tests/components/views/elements/Pill-test.tsx
new file mode 100644
index 00000000000..3602ac6aab3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/Pill-test.tsx
@@ -0,0 +1,293 @@
+/*
+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, type RenderResult, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { mocked, type Mocked } from "jest-mock";
+import { type MatrixClient, type MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+
+import dis from "../../../../../src/dispatcher/dispatcher";
+import { Pill, type PillProps } from "../../../../../src/components/views/elements/Pill";
+import { PillType } from "../../../../../src/components/views/elements/PillType";
+import {
+    filterConsole,
+    flushPromises,
+    mkMessage,
+    mkRoomCanonicalAliasEvent,
+    mkRoomMemberJoinEvent,
+    stubClient,
+    withClientContextRenderOptions,
+} from "../../../../test-utils";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { Action } from "../../../../../src/dispatcher/actions";
+import { type ButtonEvent } from "../../../../../src/components/views/elements/AccessibleButton";
+import { SDKContext } from "../../../../../src/contexts/SDKContext";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg.ts";
+import { TestSDKContext } from "../../../TestSDKContext.ts";
+
+describe("<Pill>", () => {
+    let client: Mocked<MatrixClient>;
+    const permalinkPrefix = "https://matrix.to/#/";
+    const room1Alias = "#room1:example.com";
+    const room1Id = "!room1:example.com";
+    let room1: Room;
+    let room1Message: MatrixEvent;
+    const room2Id = "!room2:example.com";
+    let room2: Room;
+    const space1Id = "!space1:example.com";
+    let space1: Room;
+    const user1Id = "@user1:example.com";
+    const user2Id = "@user2:example.com";
+    const user3Id = "@user3:example.com";
+    let renderResult: RenderResult;
+    let pillParentClickHandler: (e: ButtonEvent) => void;
+    let sdkContext: TestSDKContext;
+
+    const renderPill = (props: PillProps): void => {
+        const cli = MatrixClientPeg.safeGet();
+        const mockSdkContext = new TestSDKContext();
+        mockSdkContext._client = cli;
+
+        const withDefault = {
+            inMessage: true,
+            shouldShowPillAvatar: true,
+            ...props,
+        } as PillProps;
+        // wrap Pill with a div to allow testing of event bubbling
+        renderResult = render(
+            <SDKContext.Provider value={mockSdkContext}>
+                <div onClick={pillParentClickHandler}>
+                    <Pill {...withDefault} />
+                </div>
+            </SDKContext.Provider>,
+            withClientContextRenderOptions(cli),
+        );
+    };
+
+    filterConsole(
+        "Failed to parse permalink Error: Unknown entity type in permalink",
+        "Room !room1:example.com does not have an m.room.create event",
+        "Room !space1:example.com does not have an m.room.create event",
+    );
+
+    beforeEach(() => {
+        client = mocked(stubClient());
+        sdkContext = new TestSDKContext();
+        // @ts-ignore Pill uses the SDKContext global
+        SDKContextClass.instance = sdkContext;
+        sdkContext._client = client;
+        DMRoomMap.makeShared(client);
+        room1 = new Room(room1Id, client, user1Id);
+        room1.name = "Room 1";
+        const user1JoinRoom1Event = mkRoomMemberJoinEvent(user1Id, room1Id, {
+            displayname: "User 1",
+        });
+        room1.currentState.setStateEvents([
+            mkRoomCanonicalAliasEvent(user1Id, room1Id, room1Alias),
+            user1JoinRoom1Event,
+        ]);
+        room1.getMember(user1Id)!.setMembershipEvent(user1JoinRoom1Event);
+        room1Message = mkMessage({
+            id: "$123-456",
+            event: true,
+            user: user1Id,
+            room: room1Id,
+            msg: "Room 1 Message",
+        });
+        room1.addLiveEvents([room1Message], { addToState: true });
+
+        room2 = new Room(room2Id, client, user1Id);
+        room2.currentState.setStateEvents([mkRoomMemberJoinEvent(user2Id, room2Id)]);
+        room2.name = "Room 2";
+
+        space1 = new Room(space1Id, client, client.getSafeUserId());
+        space1.name = "Space 1";
+
+        client.getRooms.mockReturnValue([room1, room2, space1]);
+        client.getRoom.mockImplementation((roomId: string) => {
+            if (roomId === room1.roomId) return room1;
+            if (roomId === room2.roomId) return room2;
+            if (roomId === space1.roomId) return space1;
+            return null;
+        });
+
+        client.getProfileInfo.mockImplementation(async (userId: string) => {
+            if (userId === user2Id) return { displayname: "User 2" };
+            throw new Error(`Unknown user ${userId}`);
+        });
+
+        jest.spyOn(dis, "dispatch");
+        pillParentClickHandler = jest.fn();
+
+        jest.spyOn(global.Math, "random").mockReturnValue(0.123456);
+    });
+
+    afterEach(() => {
+        jest.spyOn(global.Math, "random").mockRestore();
+    });
+
+    describe("when rendering a pill for a room", () => {
+        beforeEach(() => {
+            renderPill({
+                url: permalinkPrefix + room1Id,
+            });
+        });
+
+        it("should render the expected pill", () => {
+            expect(renderResult.asFragment()).toMatchSnapshot();
+        });
+
+        describe("when hovering the pill", () => {
+            beforeEach(async () => {
+                await userEvent.hover(screen.getByText("Room 1"));
+            });
+
+            it("should show a tooltip with the room Id", async () => {
+                expect(await screen.findByRole("tooltip", { name: room1Id })).toBeInTheDocument();
+            });
+
+            describe("when not hovering the pill any more", () => {
+                beforeEach(async () => {
+                    await userEvent.unhover(screen.getByText("Room 1"));
+                });
+
+                it("should dimiss a tooltip with the room Id", () => {
+                    expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
+                });
+            });
+        });
+    });
+
+    it("should not render a non-permalink", () => {
+        renderPill({
+            url: "https://example.com/hello",
+        });
+        expect(renderResult.asFragment()).toMatchSnapshot();
+    });
+
+    it("should render the expected pill for a space", () => {
+        renderPill({
+            url: permalinkPrefix + space1Id,
+        });
+        expect(renderResult.asFragment()).toMatchSnapshot();
+    });
+
+    it("should render the expected pill for a room alias", () => {
+        renderPill({
+            url: permalinkPrefix + room1Alias,
+        });
+        expect(renderResult.asFragment()).toMatchSnapshot();
+    });
+
+    it("should render the expected pill for @room", () => {
+        renderPill({
+            room: room1,
+            type: PillType.AtRoomMention,
+        });
+        expect(renderResult.asFragment()).toMatchSnapshot();
+    });
+
+    describe("when rendering a pill for a user in the room", () => {
+        beforeEach(() => {
+            renderPill({
+                room: room1,
+                url: permalinkPrefix + user1Id,
+            });
+        });
+
+        it("should render as expected", () => {
+            expect(renderResult.asFragment()).toMatchSnapshot();
+        });
+
+        describe("when clicking the pill", () => {
+            beforeEach(async () => {
+                await userEvent.click(screen.getByText("User 1"));
+            });
+
+            it("should dipsatch a view user action and prevent event bubbling", () => {
+                expect(dis.dispatch).toHaveBeenCalledWith({
+                    action: Action.ViewUser,
+                    member: room1.getMember(user1Id),
+                });
+
+                expect(pillParentClickHandler).not.toHaveBeenCalled();
+            });
+        });
+    });
+
+    it("should render the expected pill for a known user not in the room", async () => {
+        renderPill({
+            room: room1,
+            url: permalinkPrefix + user2Id,
+        });
+
+        // wait for profile query via API
+        await flushPromises();
+
+        expect(renderResult.asFragment()).toMatchSnapshot();
+    });
+
+    it("should render the expected pill for an uknown user not in the room", async () => {
+        renderPill({
+            room: room1,
+            url: permalinkPrefix + user3Id,
+        });
+
+        // wait for profile query via API
+        await flushPromises();
+
+        expect(renderResult.asFragment()).toMatchSnapshot();
+    });
+
+    it("should not render anything if the type cannot be detected", () => {
+        renderPill({
+            url: permalinkPrefix,
+        });
+        expect(renderResult.asFragment()).toMatchInlineSnapshot(`
+            <DocumentFragment>
+              <div />
+            </DocumentFragment>
+        `);
+    });
+
+    it("should not render an avatar or link when called with inMessage = false and shouldShowPillAvatar = false", () => {
+        renderPill({
+            inMessage: false,
+            shouldShowPillAvatar: false,
+            url: permalinkPrefix + room1Id,
+        });
+        expect(renderResult.asFragment()).toMatchSnapshot();
+    });
+    it("should render the expected pill for a message in the same room", () => {
+        renderPill({
+            room: room1,
+            url: `${permalinkPrefix}${room1Id}/${room1Message.getId()}`,
+        });
+        expect(renderResult.asFragment()).toMatchSnapshot();
+    });
+
+    it("should render the expected pill for a message in another room", () => {
+        renderPill({
+            room: room2,
+            url: `${permalinkPrefix}${room1Id}/${room1Message.getId()}`,
+        });
+        expect(renderResult.asFragment()).toMatchSnapshot();
+    });
+
+    it("should not render a pill with an unknown type", () => {
+        // @ts-ignore
+        renderPill({ type: "unknown" });
+        expect(renderResult.asFragment()).toMatchInlineSnapshot(`
+            <DocumentFragment>
+              <div />
+            </DocumentFragment>
+        `);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/PollCreateDialog-test.tsx b/apps/web/test/unit-tests/components/views/elements/PollCreateDialog-test.tsx
new file mode 100644
index 00000000000..a0acf4b0e06
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/PollCreateDialog-test.tsx
@@ -0,0 +1,295 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+import { fireEvent, render, type RenderResult } from "jest-matrix-react";
+import {
+    Room,
+    MatrixEvent,
+    M_POLL_KIND_DISCLOSED,
+    M_POLL_KIND_UNDISCLOSED,
+    M_POLL_START,
+    M_TEXT,
+} from "matrix-js-sdk/src/matrix";
+import { PollStartEvent } from "matrix-js-sdk/src/extensible_events_v1/PollStartEvent";
+import { type ReplacementEvent } from "matrix-js-sdk/src/types";
+
+import { getMockClientWithEventEmitter } from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import PollCreateDialog from "../../../../../src/components/views/elements/PollCreateDialog";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+
+// Fake date to give a predictable snapshot
+const realDateNow = Date.now;
+const realDateToISOString = Date.prototype.toISOString;
+Date.now = jest.fn(() => 2345678901234);
+// eslint-disable-next-line no-extend-native
+Date.prototype.toISOString = jest.fn(() => "2021-11-23T14:35:14.240Z");
+
+afterAll(() => {
+    Date.now = realDateNow;
+    // eslint-disable-next-line no-extend-native
+    Date.prototype.toISOString = realDateToISOString;
+});
+
+describe("PollCreateDialog", () => {
+    const mockClient = getMockClientWithEventEmitter({
+        sendEvent: jest.fn().mockResolvedValue({ event_id: "1" }),
+    });
+
+    beforeEach(() => {
+        mockClient.sendEvent.mockClear();
+    });
+
+    it("renders a blank poll", () => {
+        const dialog = render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <PollCreateDialog room={createRoom()} onFinished={jest.fn()} />
+            </MatrixClientContext.Provider>,
+        );
+        expect(dialog.asFragment()).toMatchSnapshot();
+    });
+
+    it("autofocuses the poll topic on mount", () => {
+        const dialog = render(<PollCreateDialog room={createRoom()} onFinished={jest.fn()} />);
+        expect(dialog.container.querySelector("#poll-topic-input")).toHaveFocus();
+    });
+
+    it("autofocuses the new poll option field after clicking add option button", () => {
+        const dialog = render(<PollCreateDialog room={createRoom()} onFinished={jest.fn()} />);
+        expect(dialog.container.querySelector("#poll-topic-input")).toHaveFocus();
+
+        fireEvent.click(dialog.container.querySelector("div.mx_PollCreateDialog_addOption")!);
+
+        expect(dialog.container.querySelector("#poll-topic-input")).not.toHaveFocus();
+        expect(dialog.container.querySelector("#pollcreate_option_1")).not.toHaveFocus();
+        expect(dialog.container.querySelector("#pollcreate_option_2")).toHaveFocus();
+    });
+
+    it("renders a question and some options", () => {
+        const dialog = render(<PollCreateDialog room={createRoom()} onFinished={jest.fn()} />);
+        expectSubmitToBeDisabled(dialog, true);
+
+        // When I set some values in the boxes
+        changeValue(dialog, "Question or topic", "How many turnips is the optimal number?");
+        changeValue(dialog, "Option 1", "As many as my neighbour");
+        changeValue(dialog, "Option 2", "The question is meaningless");
+        fireEvent.click(dialog.container.querySelector("div.mx_PollCreateDialog_addOption")!);
+        changeValue(dialog, "Option 3", "Mu");
+        expect(dialog.asFragment()).toMatchSnapshot();
+    });
+
+    it("renders info from a previous event", () => {
+        const previousEvent: MatrixEvent = new MatrixEvent(
+            PollStartEvent.from("Poll Q", ["Answer 1", "Answer 2"], M_POLL_KIND_DISCLOSED).serialize(),
+        );
+
+        const dialog = render(
+            <PollCreateDialog room={createRoom()} onFinished={jest.fn()} editingMxEvent={previousEvent} />,
+        );
+
+        expectSubmitToBeDisabled(dialog, false);
+        expect(dialog.asFragment()).toMatchSnapshot();
+    });
+
+    it("doesn't allow submitting until there are options", () => {
+        const dialog = render(<PollCreateDialog room={createRoom()} onFinished={jest.fn()} />);
+        expectSubmitToBeDisabled(dialog, true);
+    });
+
+    it("does allow submitting when there are options and a question", () => {
+        // Given a dialog with no info in (which I am unable to submit)
+        const dialog = render(<PollCreateDialog room={createRoom()} onFinished={jest.fn()} />);
+        expectSubmitToBeDisabled(dialog, true);
+
+        // When I set some values in the boxes
+        changeValue(dialog, "Question or topic", "Q");
+        changeValue(dialog, "Option 1", "A1");
+        changeValue(dialog, "Option 2", "A2");
+
+        // Then I am able to submit
+        expectSubmitToBeDisabled(dialog, false);
+    });
+
+    it("shows the open poll description at first", () => {
+        const dialog = render(<PollCreateDialog room={createRoom()} onFinished={jest.fn()} />);
+        expect(dialog.container.querySelector("select")).toHaveValue(M_POLL_KIND_DISCLOSED.name);
+        expect(dialog.container.querySelector("p")).toHaveTextContent("Voters see results as soon as they have voted");
+    });
+
+    it("shows the closed poll description if we choose it", () => {
+        const dialog = render(<PollCreateDialog room={createRoom()} onFinished={jest.fn()} />);
+        changeKind(dialog, M_POLL_KIND_UNDISCLOSED.name);
+        expect(dialog.container.querySelector("select")).toHaveValue(M_POLL_KIND_UNDISCLOSED.name);
+        expect(dialog.container.querySelector("p")).toHaveTextContent(
+            "Results are only revealed when you end the poll",
+        );
+    });
+
+    it("shows the open poll description if we choose it", () => {
+        const dialog = render(<PollCreateDialog room={createRoom()} onFinished={jest.fn()} />);
+        changeKind(dialog, M_POLL_KIND_UNDISCLOSED.name);
+        changeKind(dialog, M_POLL_KIND_DISCLOSED.name);
+        expect(dialog.container.querySelector("select")).toHaveValue(M_POLL_KIND_DISCLOSED.name);
+        expect(dialog.container.querySelector("p")).toHaveTextContent("Voters see results as soon as they have voted");
+    });
+
+    it("shows the closed poll description when editing a closed poll", () => {
+        const previousEvent: MatrixEvent = new MatrixEvent(
+            PollStartEvent.from("Poll Q", ["Answer 1", "Answer 2"], M_POLL_KIND_UNDISCLOSED).serialize(),
+        );
+        previousEvent.event.event_id = "$prevEventId";
+
+        const dialog = render(
+            <PollCreateDialog room={createRoom()} onFinished={jest.fn()} editingMxEvent={previousEvent} />,
+        );
+
+        expect(dialog.container.querySelector("select")).toHaveValue(M_POLL_KIND_UNDISCLOSED.name);
+        expect(dialog.container.querySelector("p")).toHaveTextContent(
+            "Results are only revealed when you end the poll",
+        );
+    });
+
+    it("displays a spinner after submitting", () => {
+        const dialog = render(<PollCreateDialog room={createRoom()} onFinished={jest.fn()} />);
+        changeValue(dialog, "Question or topic", "Q");
+        changeValue(dialog, "Option 1", "A1");
+        changeValue(dialog, "Option 2", "A2");
+        expect(dialog.container.querySelector(".mx_Spinner")).toBeFalsy();
+
+        fireEvent.click(dialog.container.querySelector("button")!);
+        expect(dialog.container.querySelector(".mx_Spinner")).toBeDefined();
+    });
+
+    it("sends a poll create event when submitted", () => {
+        const dialog = render(<PollCreateDialog room={createRoom()} onFinished={jest.fn()} />);
+        changeValue(dialog, "Question or topic", "Q");
+        changeValue(dialog, "Option 1", "A1");
+        changeValue(dialog, "Option 2", "A2");
+
+        fireEvent.click(dialog.container.querySelector("button")!);
+        const [, , eventType, sentEventContent] = mockClient.sendEvent.mock.calls[0];
+        expect(M_POLL_START.matches(eventType)).toBeTruthy();
+        expect(sentEventContent).toEqual({
+            [M_TEXT.name]: "Q\n1. A1\n2. A2",
+            [M_POLL_START.name]: {
+                answers: [
+                    {
+                        id: expect.any(String),
+                        [M_TEXT.name]: "A1",
+                    },
+                    {
+                        id: expect.any(String),
+                        [M_TEXT.name]: "A2",
+                    },
+                ],
+                kind: M_POLL_KIND_DISCLOSED.name,
+                max_selections: 1,
+                question: {
+                    body: "Q",
+                    format: undefined,
+                    formatted_body: undefined,
+                    msgtype: "m.text",
+                    [M_TEXT.name]: "Q",
+                },
+            },
+        });
+    });
+
+    it("sends a poll edit event when editing", () => {
+        const previousEvent: MatrixEvent = new MatrixEvent(
+            PollStartEvent.from("Poll Q", ["Answer 1", "Answer 2"], M_POLL_KIND_DISCLOSED).serialize(),
+        );
+        previousEvent.event.event_id = "$prevEventId";
+
+        const dialog = render(
+            <PollCreateDialog room={createRoom()} onFinished={jest.fn()} editingMxEvent={previousEvent} />,
+        );
+
+        changeValue(dialog, "Question or topic", "Poll Q updated");
+        changeValue(dialog, "Option 2", "Answer 2 updated");
+        changeKind(dialog, M_POLL_KIND_UNDISCLOSED.name);
+        fireEvent.click(dialog.container.querySelector("button")!);
+
+        const [, , eventType, sentEventContent] = mockClient.sendEvent.mock.calls[0];
+        expect(M_POLL_START.matches(eventType)).toBeTruthy();
+        expect(sentEventContent).toEqual({
+            "m.new_content": {
+                [M_TEXT.name]: "Poll Q updated\n1. Answer 1\n2. Answer 2 updated",
+                [M_POLL_START.name]: {
+                    answers: [
+                        {
+                            id: expect.any(String),
+                            [M_TEXT.name]: "Answer 1",
+                        },
+                        {
+                            id: expect.any(String),
+                            [M_TEXT.name]: "Answer 2 updated",
+                        },
+                    ],
+                    kind: M_POLL_KIND_UNDISCLOSED.name,
+                    max_selections: 1,
+                    question: {
+                        body: "Poll Q updated",
+                        format: undefined,
+                        formatted_body: undefined,
+                        msgtype: "m.text",
+                        [M_TEXT.name]: "Poll Q updated",
+                    },
+                },
+            },
+            "m.relates_to": {
+                event_id: previousEvent.getId(),
+                rel_type: "m.replace",
+            },
+        });
+    });
+
+    it("retains poll disclosure type when editing", () => {
+        const previousEvent: MatrixEvent = new MatrixEvent(
+            PollStartEvent.from("Poll Q", ["Answer 1", "Answer 2"], M_POLL_KIND_DISCLOSED).serialize(),
+        );
+        previousEvent.event.event_id = "$prevEventId";
+
+        const dialog = render(
+            <PollCreateDialog room={createRoom()} onFinished={jest.fn()} editingMxEvent={previousEvent} />,
+        );
+
+        changeValue(dialog, "Question or topic", "Poll Q updated");
+        fireEvent.click(dialog.container.querySelector("button")!);
+
+        const [, , eventType, sentEventContent] = mockClient.sendEvent.mock.calls[0];
+        expect(M_POLL_START.matches(eventType)).toBeTruthy();
+        // didnt change
+        expect((sentEventContent as ReplacementEvent<any>)["m.new_content"][M_POLL_START.name].kind).toEqual(
+            M_POLL_KIND_DISCLOSED.name,
+        );
+    });
+});
+
+function createRoom(): Room {
+    return new Room("roomid", MatrixClientPeg.safeGet(), "@name:example.com", {});
+}
+
+function changeValue(wrapper: RenderResult, labelText: string, value: string) {
+    fireEvent.change(wrapper.container.querySelector(`input[label="${labelText}"]`)!, {
+        target: { value: value },
+    });
+}
+
+function changeKind(wrapper: RenderResult, value: string) {
+    fireEvent.change(wrapper.container.querySelector("select")!, { target: { value: value } });
+}
+
+function expectSubmitToBeDisabled(wrapper: RenderResult, disabled: boolean) {
+    if (disabled) {
+        expect(wrapper.container.querySelector('button[type="submit"]')).toHaveAttribute("aria-disabled", "true");
+    } else {
+        expect(wrapper.container.querySelector('button[type="submit"]')).not.toHaveAttribute("aria-disabled", "true");
+    }
+}
diff --git a/apps/web/test/unit-tests/components/views/elements/PowerSelector-test.tsx b/apps/web/test/unit-tests/components/views/elements/PowerSelector-test.tsx
new file mode 100644
index 00000000000..f98b6c74468
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/PowerSelector-test.tsx
@@ -0,0 +1,91 @@
+/*
+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 { fireEvent, render, screen } from "jest-matrix-react";
+
+import PowerSelector from "../../../../../src/components/views/elements/PowerSelector";
+
+describe("<PowerSelector />", () => {
+    it("should reset back to custom value when custom input is blurred blank", async () => {
+        const fn = jest.fn();
+        render(<PowerSelector value={25} maxValue={100} usersDefault={0} onChange={fn} />);
+
+        const input = screen.getByLabelText("Power level");
+        fireEvent.change(input, { target: { value: "" } });
+        fireEvent.blur(input);
+
+        await screen.findByDisplayValue(25);
+        expect(fn).not.toHaveBeenCalled();
+    });
+
+    it("should reset back to preset value when custom input is blurred blank", async () => {
+        const fn = jest.fn();
+        render(<PowerSelector value={50} maxValue={100} usersDefault={0} onChange={fn} />);
+
+        const select = screen.getByLabelText("Power level");
+        fireEvent.change(select, { target: { value: "SELECT_VALUE_CUSTOM" } });
+
+        const input = screen.getByLabelText("Power level");
+        fireEvent.change(input, { target: { value: "" } });
+        fireEvent.blur(input);
+
+        const option = await screen.findByText<HTMLOptionElement>("Moderator");
+        expect(option.selected).toBeTruthy();
+        expect(fn).not.toHaveBeenCalled();
+    });
+
+    it("should call onChange when custom input is blurred with a number in it", async () => {
+        const fn = jest.fn();
+        render(<PowerSelector value={25} maxValue={100} usersDefault={0} onChange={fn} powerLevelKey="key" />);
+
+        const input = screen.getByLabelText("Power level");
+        fireEvent.change(input, { target: { value: 40 } });
+        fireEvent.blur(input);
+
+        await screen.findByDisplayValue(40);
+        expect(fn).toHaveBeenCalledWith(40, "key");
+    });
+
+    it("should reset when props get changed", async () => {
+        const fn = jest.fn();
+        const { rerender } = render(<PowerSelector value={50} maxValue={100} usersDefault={0} onChange={fn} />);
+
+        const select = screen.getByLabelText("Power level");
+        fireEvent.change(select, { target: { value: "SELECT_VALUE_CUSTOM" } });
+
+        rerender(<PowerSelector value={51} maxValue={100} usersDefault={0} onChange={fn} />);
+        await screen.findByDisplayValue(51);
+
+        rerender(<PowerSelector value={50} maxValue={100} usersDefault={0} onChange={fn} />);
+        const option = await screen.findByText<HTMLOptionElement>("Moderator");
+        expect(option.selected).toBeTruthy();
+        expect(fn).not.toHaveBeenCalled();
+    });
+
+    it("should reset when onChange promise rejects", async () => {
+        const deferred = Promise.withResolvers<void>();
+        render(
+            <PowerSelector
+                value={25}
+                maxValue={100}
+                usersDefault={0}
+                onChange={() => deferred.promise}
+                powerLevelKey="key"
+            />,
+        );
+
+        const input = screen.getByLabelText("Power level");
+        fireEvent.change(input, { target: { value: 40 } });
+        fireEvent.blur(input);
+
+        await screen.findByDisplayValue(40);
+        deferred.reject("Some error");
+        await screen.findByDisplayValue(25);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/ProgressBar-test.tsx b/apps/web/test/unit-tests/components/views/elements/ProgressBar-test.tsx
new file mode 100644
index 00000000000..aedfebef3fc
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/ProgressBar-test.tsx
@@ -0,0 +1,51 @@
+/*
+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 { act, render } from "jest-matrix-react";
+
+import ProgressBar from "../../../../../src/components/views/elements/ProgressBar";
+
+jest.useFakeTimers();
+
+describe("<ProgressBar/>", () => {
+    it("works when animated", () => {
+        const { container, rerender } = render(<ProgressBar max={100} value={50} animated={true} />);
+        const progress = container.querySelector<HTMLProgressElement>("progress")!;
+
+        // The animation always starts from 0
+        expect(progress.value).toBe(0);
+
+        // Await the animation to conclude to our initial value of 50
+        act(() => {
+            jest.runAllTimers();
+        });
+        expect(progress.position).toBe(0.5);
+
+        // Move the needle to 80%
+        rerender(<ProgressBar max={100} value={80} animated={true} />);
+        expect(progress.position).toBe(0.5);
+
+        // Let the animaiton run a tiny bit, assert it has moved from where it was to where it needs to go
+        act(() => {
+            jest.advanceTimersByTime(150);
+        });
+        expect(progress.position).toBeGreaterThan(0.5);
+        expect(progress.position).toBeLessThan(0.8);
+    });
+
+    it("works when not animated", () => {
+        const { container, rerender } = render(<ProgressBar max={100} value={50} animated={false} />);
+        const progress = container.querySelector<HTMLProgressElement>("progress")!;
+
+        // Without animation all positional updates are immediate, not requiring timers to run
+        expect(progress.position).toBe(0.5);
+        rerender(<ProgressBar max={100} value={80} animated={false} />);
+        expect(progress.position).toBe(0.8);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/QRCode-test.tsx b/apps/web/test/unit-tests/components/views/elements/QRCode-test.tsx
new file mode 100644
index 00000000000..672ed56213a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/QRCode-test.tsx
@@ -0,0 +1,41 @@
+/*
+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 { render, cleanup } from "jest-matrix-react";
+import React from "react";
+
+import { mockQRCodeRender, resetQRCodeMock, waitForQRCodeRender } from "../../../../test-utils/qrcode";
+import QRCode from "../../../../../src/components/views/elements/QRCode";
+
+describe("<QRCode />", () => {
+    afterEach(() => {
+        resetQRCodeMock();
+        cleanup();
+    });
+
+    it("shows a spinner when data is null", async () => {
+        const { container } = render(<QRCode data={null} />);
+        expect(container.querySelector(".mx_Spinner")).toBeDefined();
+    });
+
+    it("renders a QR with defaults", async () => {
+        mockQRCodeRender();
+        const { container, getAllByAltText } = render(<QRCode data="asd" />);
+        await waitForQRCodeRender();
+        expect(getAllByAltText("QR Code")).toHaveLength(1);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a QR with high error correction level", async () => {
+        mockQRCodeRender();
+        const { container, getAllByAltText } = render(<QRCode data="asd" errorCorrectionLevel="high" />);
+        await waitForQRCodeRender();
+        expect(getAllByAltText("QR Code")).toHaveLength(1);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/ReplyChain-test.tsx b/apps/web/test/unit-tests/components/views/elements/ReplyChain-test.tsx
new file mode 100644
index 00000000000..78b0afd9f9c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/ReplyChain-test.tsx
@@ -0,0 +1,136 @@
+/*
+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 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", () => {
+    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);
+
+        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);
+
+        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",
+                    },
+                },
+            },
+        });
+        const setQuoteExpanded = jest.fn();
+        const { asFragment } = render(
+            <ReplyChain parentEv={parentEv} setQuoteExpanded={setQuoteExpanded} />,
+            withClientContextRenderOptions(cli),
+        );
+
+        await waitFor(() => expect(setQuoteExpanded).toHaveBeenCalledWith(false));
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("keeps long edited reply quotes collapsible", 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);
+
+        const cli = stubClient();
+        const { room_id: roomId } = await cli.createRoom({});
+        const room = cli.getRoom(roomId)!;
+        const longBody = Array.from({ length: 80 }, (_, index) => `word${index}`).join(" ");
+        const editedLongBody = `${longBody} edited`;
+
+        const targetEv = mkEvent({
+            event: true,
+            type: "m.room.message",
+            user: cli.getUserId()!,
+            room: roomId,
+            id: "$event1",
+            content: {
+                body: longBody,
+                msgtype: "m.text",
+            },
+        });
+        const editEv = mkEvent({
+            event: true,
+            type: "m.room.message",
+            user: cli.getUserId()!,
+            room: roomId,
+            id: "$event1-edit",
+            content: {
+                "body": `* ${editedLongBody}`,
+                "msgtype": "m.text",
+                "m.new_content": {
+                    body: editedLongBody,
+                    msgtype: "m.text",
+                },
+            },
+        });
+        jest.spyOn(targetEv, "replacingEventDate").mockReturnValue(new Date(1993, 7, 3));
+        targetEv.makeReplaced(editEv);
+        jest.spyOn(room, "findEventById").mockReturnValue(targetEv);
+
+        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",
+                    },
+                },
+            },
+        });
+        const setQuoteExpanded = jest.fn();
+        const { container } = render(
+            <ReplyChain parentEv={parentEv} setQuoteExpanded={setQuoteExpanded} />,
+            withClientContextRenderOptions(cli),
+        );
+
+        await waitFor(() => expect(setQuoteExpanded).toHaveBeenCalledWith(false));
+        await waitFor(() => expect(container).toHaveTextContent(editedLongBody));
+
+        const replyTile = container.querySelector(".mx_ReplyTile");
+        expect(replyTile).not.toBeNull();
+        const annotationWrapper = replyTile!.querySelector("[data-textual-body-annotation-wrapper]");
+        expect(annotationWrapper).not.toBeNull();
+        expect(annotationWrapper).toContainElement(replyTile!.querySelector(".mx_EventTile_body"));
+        expect(annotationWrapper).toContainElement(replyTile!.querySelector("[data-textual-body-edited-marker]"));
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/RoomFacePile-test.tsx b/apps/web/test/unit-tests/components/views/elements/RoomFacePile-test.tsx
new file mode 100644
index 00000000000..b21c3afc1bc
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/RoomFacePile-test.tsx
@@ -0,0 +1,35 @@
+/*
+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 { render } from "jest-matrix-react";
+import React from "react";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { mkRoom, mkRoomMember, stubClient, withClientContextRenderOptions } from "../../../../test-utils";
+import RoomFacePile from "../../../../../src/components/views/elements/RoomFacePile";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+
+describe("<RoomFacePile />", () => {
+    it("renders", () => {
+        const cli = stubClient();
+        DMRoomMap.makeShared(cli);
+        const room = mkRoom(cli, "!123");
+
+        jest.spyOn(room, "getJoinedMembers").mockReturnValue([
+            mkRoomMember(room.roomId, "@bob:example.org", KnownMembership.Join),
+        ]);
+
+        const { asFragment } = render(
+            <RoomFacePile onlyKnownUsers={false} room={room} />,
+            withClientContextRenderOptions(MatrixClientPeg.get()!),
+        );
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/RoomTopic-test.tsx b/apps/web/test/unit-tests/components/views/elements/RoomTopic-test.tsx
new file mode 100644
index 00000000000..56cd3b83eb2
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/RoomTopic-test.tsx
@@ -0,0 +1,169 @@
+/*
+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 { Room } from "matrix-js-sdk/src/matrix";
+import { fireEvent, render, screen, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { LinkedTextContext } from "@element-hq/web-shared-components";
+
+import { mkEvent, stubClient } from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import RoomTopic from "../../../../../src/components/views/elements/RoomTopic";
+import dis from "../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../src/dispatcher/actions";
+import Modal from "../../../../../src/Modal";
+import { type ActionPayload } from "../../../../../src/dispatcher/payloads";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+
+jest.mock("../../../../../src/dispatcher/dispatcher");
+
+describe("<RoomTopic/>", () => {
+    const originalHref = window.location.href;
+
+    afterEach(() => {
+        window.location.href = originalHref;
+    });
+
+    /**
+     * Create a room with the given topic
+     * @param topic
+     */
+    function createRoom(topic: string) {
+        stubClient();
+        const room = new Room("!pMBteVpcoJRdCJxDmn:matrix.org", MatrixClientPeg.safeGet(), "@alice:example.org");
+        const topicEvent = mkEvent({
+            type: "m.room.topic",
+            room: "!pMBteVpcoJRdCJxDmn:matrix.org",
+            user: "@alice:example.org",
+            content: { topic },
+            ts: 123,
+            event: true,
+        });
+        room.addLiveEvents([topicEvent], { addToState: true });
+
+        return room;
+    }
+
+    /**
+     * Create a room and render it
+     * @param topic
+     */
+    const renderRoom = (topic: string) => {
+        const room = createRoom(topic);
+        render(<RoomTopic room={room} />, {
+            wrapper: ({ children }) => <LinkedTextContext.Provider value={{}}>{children}</LinkedTextContext.Provider>,
+        });
+    };
+
+    /**
+     * Create a room and click on the given text
+     * @param topic
+     * @param clickText
+     */
+    function runClickTest(topic: string, clickText: string) {
+        renderRoom(topic);
+        fireEvent.click(screen.getByText(clickText));
+    }
+
+    it("should capture permalink clicks", () => {
+        const permalink =
+            "https://matrix.to/#/!pMBteVpcoJRdCJxDmn:matrix.org/$K4Kg0fL-GKpW1EQ6lS36bP4eUXadWJFkdK_FH73Df8A?via=matrix.org";
+        const expectedHref =
+            "http://localhost/#/room/!pMBteVpcoJRdCJxDmn:matrix.org/$K4Kg0fL-GKpW1EQ6lS36bP4eUXadWJFkdK_FH73Df8A?via=matrix.org";
+        runClickTest(`... ${permalink} ...`, permalink);
+        expect(window.location.href).toEqual(expectedHref);
+        expect(dis.fire).toHaveBeenCalledTimes(0);
+    });
+
+    it("should not capture non-permalink clicks", () => {
+        const link = "https://matrix.org";
+        const expectedHref = originalHref;
+        runClickTest(`... ${link} ...`, link);
+        expect(window.location.href).toEqual(expectedHref);
+        expect(dis.fire).toHaveBeenCalledTimes(0);
+    });
+
+    it("should open topic dialog when not clicking a link", () => {
+        const topic = "foobar";
+        const expectedHref = originalHref;
+        runClickTest(topic, topic);
+        expect(window.location.href).toEqual(expectedHref);
+        expect(dis.fire).toHaveBeenCalledWith(Action.ShowRoomTopic);
+    });
+
+    describe("the edit topic button in the topic dialog", () => {
+        /**
+         * Render the topic, open the topic dialog and render its contents, so the
+         * "Edit topic" button can be clicked.
+         * @param isSpaceRoom whether the room should report itself as a space
+         */
+        function renderTopicDialog(isSpaceRoom: boolean) {
+            const room = createRoom("a topic");
+            jest.spyOn(room, "isSpaceRoom").mockReturnValue(isSpaceRoom);
+            jest.spyOn(room.currentState, "maySendStateEvent").mockReturnValue(true);
+
+            const createDialog = jest
+                .spyOn(Modal, "createDialog")
+                .mockReturnValue({ close: jest.fn() } as unknown as ReturnType<typeof Modal.createDialog>);
+
+            render(<RoomTopic room={room} />, {
+                wrapper: ({ children }) => (
+                    <MatrixClientContext.Provider value={MatrixClientPeg.safeGet()}>
+                        <LinkedTextContext.Provider value={{}}>{children}</LinkedTextContext.Provider>
+                    </MatrixClientContext.Provider>
+                ),
+            });
+
+            // The dispatcher is mocked for this suite, so drive the registered handler directly
+            // instead of firing Action.ShowRoomTopic through it.
+            const handler = jest.mocked(dis.register).mock.calls.at(-1)![0] as (payload: ActionPayload) => void;
+            handler({ action: Action.ShowRoomTopic });
+
+            const { description } = createDialog.mock.calls.at(-1)![1] as { description: React.ReactNode };
+            render(
+                <LinkedTextContext.Provider value={{}}>
+                    <>{description}</>
+                </LinkedTextContext.Provider>,
+            );
+
+            return room;
+        }
+
+        it("opens space settings for a space", () => {
+            const room = renderTopicDialog(true);
+
+            fireEvent.click(screen.getByRole("button", { name: "Edit topic" }));
+
+            expect(dis.dispatch).toHaveBeenCalledWith({ action: Action.OpenSpaceSettings, space: room });
+            expect(dis.dispatch).not.toHaveBeenCalledWith({ action: "open_room_settings" });
+        });
+
+        it("opens room settings for a room", () => {
+            renderTopicDialog(false);
+
+            fireEvent.click(screen.getByRole("button", { name: "Edit topic" }));
+
+            expect(dis.dispatch).toHaveBeenCalledWith({ action: "open_room_settings" });
+        });
+    });
+
+    it("should open the tooltip when hovering a text", async () => {
+        const topic = "room topic";
+        renderRoom(topic);
+        await userEvent.hover(screen.getByText(topic));
+        await waitFor(() => expect(screen.getByRole("tooltip", { name: "Click to read topic" })).toBeInTheDocument());
+    });
+
+    it("should not open the tooltip when hovering a link", async () => {
+        const topic = "https://matrix.org";
+        renderRoom(topic);
+        await userEvent.hover(screen.getByText(topic));
+        await waitFor(() => expect(screen.queryByRole("tooltip", { name: "Click to read topic" })).toBeNull());
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/SearchWarning-test.tsx b/apps/web/test/unit-tests/components/views/elements/SearchWarning-test.tsx
new file mode 100644
index 00000000000..6722bd0dc8a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/SearchWarning-test.tsx
@@ -0,0 +1,395 @@
+/*
+Copyright 2026 hayaksi1
+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.
+*/
+
+import { act, render } from "jest-matrix-react";
+import React from "react";
+import { type Room } from "matrix-js-sdk/src/matrix";
+
+import SdkConfig from "../../../../../src/SdkConfig";
+import SearchWarning, { WarningKind } from "../../../../../src/components/views/elements/SearchWarning";
+import EventIndexPeg from "../../../../../src/indexing/EventIndexPeg";
+import { type default as EventIndex } from "../../../../../src/indexing/EventIndex";
+import { SearchScope } from "../../../../../src/Searching";
+
+const SEARCHED_ROOM = "!searched:example.org";
+const OTHER_ROOM = "!other:example.org";
+const PARTIAL_WARNING = "Results may be incomplete because your search index is still being built.";
+
+/**
+ * A minimal fake EventIndex exposing only the surface that SearchWarning consumes:
+ * `crawlingRooms()` (the rooms with outstanding crawler checkpoints), `isRoomIndexed()` (whether
+ * the index holds any events for a room) and the `changedCheckpoint` emitter.
+ */
+class FakeEventIndex {
+    private listeners = new Map<string, Set<(...args: any[]) => void>>();
+
+    /**
+     * @param crawling Rooms with an outstanding crawler checkpoint.
+     * @param indexed Rooms the index holds events for. Defaults to `undefined`, meaning
+     *     `isRoomIndexed` resolves `undefined`, as it does when there is no index manager.
+     */
+    public constructor(
+        private crawling: string[] = [],
+        private indexed?: string[],
+    ) {}
+
+    public crawlingRooms(): { crawlingRooms: Set<string>; totalRooms: Set<string> } {
+        return { crawlingRooms: new Set(this.crawling), totalRooms: new Set(this.crawling) };
+    }
+
+    public async isRoomIndexed(roomId: string): Promise<boolean | undefined> {
+        return this.indexed === undefined ? undefined : this.indexed.includes(roomId);
+    }
+
+    public on(event: string, listener: (...args: any[]) => void): void {
+        if (!this.listeners.has(event)) this.listeners.set(event, new Set());
+        this.listeners.get(event)!.add(listener);
+    }
+
+    public removeListener(event: string, listener: (...args: any[]) => void): void {
+        this.listeners.get(event)?.delete(listener);
+    }
+
+    /**
+     * Test helper: simulate the crawler advancing (or finishing, when `crawling` is empty).
+     *
+     * The real index emits only the globally-current room, which cannot answer a per-room
+     * question, so `currentRoom` is passed through purely to prove consumers ignore it.
+     */
+    public emitChangedCheckpoint(crawling: string[], currentRoom: Room | null = null): void {
+        this.crawling = crawling;
+        this.listeners.get("changedCheckpoint")?.forEach((listener) => listener(currentRoom));
+    }
+}
+
+describe("<SearchWarning />", () => {
+    afterEach(() => {
+        EventIndexPeg.index = null;
+        EventIndexPeg.error = undefined;
+    });
+
+    describe("with desktop builds available", () => {
+        beforeEach(() => {
+            EventIndexPeg.index = null;
+            SdkConfig.put({
+                brand: "Element",
+                desktop_builds: {
+                    available: true,
+                    logo: "https://logo",
+                    url: "https://url",
+                },
+            });
+        });
+
+        it("renders with a logo by default", () => {
+            const { asFragment, getByRole } = render(
+                <SearchWarning isRoomEncrypted={true} kind={WarningKind.Search} />,
+            );
+            expect(getByRole("presentation")).toHaveAttribute("src", "https://logo");
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("renders without a logo when showLogo=false", () => {
+            const { asFragment, queryByRole } = render(
+                <SearchWarning isRoomEncrypted={true} kind={WarningKind.Search} showLogo={false} />,
+            );
+
+            expect(queryByRole("img")).not.toBeInTheDocument();
+            expect(asFragment()).toMatchSnapshot();
+        });
+    });
+
+    describe("with the event index present", () => {
+        const setIndex = (index: FakeEventIndex): void => {
+            EventIndexPeg.index = index as unknown as EventIndex;
+        };
+
+        /** Let the pending isRoomIndexed() lookup settle and React re-render off the back of it. */
+        const settle = async (): Promise<void> => {
+            await act(async () => {});
+        };
+
+        it("warns a room-scoped search while the searched room is still being crawled", async () => {
+            setIndex(new FakeEventIndex([SEARCHED_ROOM], []));
+
+            const { queryByText, queryByRole } = render(
+                <SearchWarning
+                    isRoomEncrypted={true}
+                    kind={WarningKind.Search}
+                    scope={SearchScope.Room}
+                    roomId={SEARCHED_ROOM}
+                />,
+            );
+            await settle();
+
+            expect(queryByText(PARTIAL_WARNING)).toBeInTheDocument();
+            // The notice appears dynamically while the panel is open, so it must be a live region (#32253).
+            expect(queryByRole("status")).toBeInTheDocument();
+        });
+
+        it("does not warn a room-scoped search when only an unrelated room is still being crawled", async () => {
+            setIndex(new FakeEventIndex([OTHER_ROOM], [SEARCHED_ROOM]));
+
+            const { container } = render(
+                <SearchWarning
+                    isRoomEncrypted={true}
+                    kind={WarningKind.Search}
+                    scope={SearchScope.Room}
+                    roomId={SEARCHED_ROOM}
+                />,
+            );
+            await settle();
+
+            expect(container).toBeEmptyDOMElement();
+        });
+
+        it("warns a room-scoped search when the index holds no events for the searched room", async () => {
+            // Nothing is queued for the searched room, but it has never been indexed: this is how a
+            // room looks before its checkpoint has been seeded, and the crawl set alone cannot see
+            // it. The crawler is still working through another room, so indexing is still under way.
+            setIndex(new FakeEventIndex([OTHER_ROOM], []));
+
+            const { queryByText } = render(
+                <SearchWarning
+                    isRoomEncrypted={true}
+                    kind={WarningKind.Search}
+                    scope={SearchScope.Room}
+                    roomId={SEARCHED_ROOM}
+                />,
+            );
+            await settle();
+
+            expect(queryByText(PARTIAL_WARNING)).toBeInTheDocument();
+        });
+
+        it("does not warn about an unindexed room once the crawler has drained", async () => {
+            // The index holds nothing for the room, but the crawler has no work left, so nothing
+            // more is coming: the warning would never clear itself, and its claim that the index is
+            // "still being built" would be untrue.
+            setIndex(new FakeEventIndex([], []));
+
+            const { container } = render(
+                <SearchWarning
+                    isRoomEncrypted={true}
+                    kind={WarningKind.Search}
+                    scope={SearchScope.Room}
+                    roomId={SEARCHED_ROOM}
+                />,
+            );
+            await settle();
+
+            expect(container).toBeEmptyDOMElement();
+        });
+
+        it("keeps an earned warning up while an unrelated checkpoint change is re-checked", async () => {
+            // The warning here is earned asynchronously: the room is not queued, but the index
+            // holds nothing for it. An unrelated crawler transition must not blink it off while
+            // the fresh lookup is in flight.
+            const index = new FakeEventIndex([OTHER_ROOM], []);
+            setIndex(index);
+
+            const { queryByText } = render(
+                <SearchWarning
+                    isRoomEncrypted={true}
+                    kind={WarningKind.Search}
+                    scope={SearchScope.Room}
+                    roomId={SEARCHED_ROOM}
+                />,
+            );
+            await settle();
+            expect(queryByText(PARTIAL_WARNING)).toBeInTheDocument();
+
+            // The crawler moves on to a third room; nothing about the searched room changed.
+            act(() => {
+                index.emitChangedCheckpoint([OTHER_ROOM, "!third:example.org"]);
+            });
+
+            // Asserted before the lookup settles: the warning must not have been dropped.
+            expect(queryByText(PARTIAL_WARNING)).toBeInTheDocument();
+
+            await settle();
+            expect(queryByText(PARTIAL_WARNING)).toBeInTheDocument();
+        });
+
+        it("treats an unanswerable isRoomIndexed as no evidence for a room-scoped search", async () => {
+            setIndex(new FakeEventIndex([OTHER_ROOM], undefined));
+
+            const { container } = render(
+                <SearchWarning
+                    isRoomEncrypted={true}
+                    kind={WarningKind.Search}
+                    scope={SearchScope.Room}
+                    roomId={SEARCHED_ROOM}
+                />,
+            );
+            await settle();
+
+            expect(container).toBeEmptyDOMElement();
+        });
+
+        it("does not carry a warning from a previously searched room across a scope change", async () => {
+            // The crawler is working through OTHER_ROOM, so an all-rooms search warns. Switching to
+            // a room-scoped search of a fully-indexed room must not leave that warning on screen
+            // while the isRoomIndexed lookup for the new room is in flight.
+            setIndex(new FakeEventIndex([OTHER_ROOM], [SEARCHED_ROOM]));
+
+            const { queryByText, rerender } = render(
+                <SearchWarning isRoomEncrypted={true} kind={WarningKind.Search} scope={SearchScope.All} />,
+            );
+            await settle();
+            expect(queryByText(PARTIAL_WARNING)).toBeInTheDocument();
+
+            rerender(
+                <SearchWarning
+                    isRoomEncrypted={true}
+                    kind={WarningKind.Search}
+                    scope={SearchScope.Room}
+                    roomId={SEARCHED_ROOM}
+                />,
+            );
+
+            // Asserted before settling: the stale answer must be gone as soon as the effect for
+            // the new scope has run, rather than lingering for the isRoomIndexed round-trip.
+            expect(queryByText(PARTIAL_WARNING)).not.toBeInTheDocument();
+        });
+
+        it("warns an all-rooms search while any room is still being crawled", async () => {
+            setIndex(new FakeEventIndex([OTHER_ROOM], []));
+
+            const { queryByText } = render(
+                <SearchWarning isRoomEncrypted={true} kind={WarningKind.Search} scope={SearchScope.All} />,
+            );
+            await settle();
+
+            expect(queryByText(PARTIAL_WARNING)).toBeInTheDocument();
+        });
+
+        it("falls back to the global check when the searched room is not yet known", async () => {
+            // RoomView can render before a room alias has resolved to an id.
+            setIndex(new FakeEventIndex([OTHER_ROOM], []));
+
+            const { queryByText } = render(
+                <SearchWarning
+                    isRoomEncrypted={true}
+                    kind={WarningKind.Search}
+                    scope={SearchScope.Room}
+                    roomId={undefined}
+                />,
+            );
+            await settle();
+
+            expect(queryByText(PARTIAL_WARNING)).toBeInTheDocument();
+        });
+
+        it("renders nothing once the index has finished crawling", async () => {
+            setIndex(new FakeEventIndex([], []));
+
+            const { container } = render(
+                <SearchWarning isRoomEncrypted={true} kind={WarningKind.Search} scope={SearchScope.All} />,
+            );
+            await settle();
+
+            expect(container).toBeEmptyDOMElement();
+        });
+
+        it("does not warn for the Files kind even while crawling", async () => {
+            setIndex(new FakeEventIndex([SEARCHED_ROOM], []));
+
+            const { container } = render(<SearchWarning isRoomEncrypted={true} kind={WarningKind.Files} />);
+            await settle();
+
+            expect(container).toBeEmptyDOMElement();
+        });
+
+        it("clears the warning when the searched room's checkpoint drains", async () => {
+            const index = new FakeEventIndex([SEARCHED_ROOM], [SEARCHED_ROOM]);
+            setIndex(index);
+
+            const { queryByText } = render(
+                <SearchWarning
+                    isRoomEncrypted={true}
+                    kind={WarningKind.Search}
+                    scope={SearchScope.Room}
+                    roomId={SEARCHED_ROOM}
+                />,
+            );
+            await settle();
+
+            expect(queryByText(PARTIAL_WARNING)).toBeInTheDocument();
+
+            await act(async () => {
+                index.emitChangedCheckpoint([]);
+            });
+
+            expect(queryByText(PARTIAL_WARNING)).not.toBeInTheDocument();
+        });
+
+        it("keeps warning when the crawler moves to another room but the searched room is still queued", async () => {
+            const index = new FakeEventIndex([SEARCHED_ROOM, OTHER_ROOM], [SEARCHED_ROOM]);
+            setIndex(index);
+
+            const { queryByText } = render(
+                <SearchWarning
+                    isRoomEncrypted={true}
+                    kind={WarningKind.Search}
+                    scope={SearchScope.Room}
+                    roomId={SEARCHED_ROOM}
+                />,
+            );
+            await settle();
+
+            // The event payload names a different room; the searched room is still outstanding, so
+            // the warning must survive. This fails if the handler trusts the payload.
+            await act(async () => {
+                index.emitChangedCheckpoint([SEARCHED_ROOM], { roomId: OTHER_ROOM } as Room);
+            });
+
+            expect(queryByText(PARTIAL_WARNING)).toBeInTheDocument();
+        });
+
+        it("renders nothing when the room is not encrypted even while crawling", async () => {
+            setIndex(new FakeEventIndex([SEARCHED_ROOM], []));
+
+            const { container } = render(
+                <SearchWarning
+                    isRoomEncrypted={false}
+                    kind={WarningKind.Search}
+                    scope={SearchScope.Room}
+                    roomId={SEARCHED_ROOM}
+                />,
+            );
+
+            expect(container).toBeEmptyDOMElement();
+        });
+    });
+
+    describe("with no event index (web build)", () => {
+        beforeEach(() => {
+            EventIndexPeg.index = null;
+            EventIndexPeg.error = undefined;
+            SdkConfig.put({
+                brand: "Element",
+                desktop_builds: {
+                    available: true,
+                    logo: "https://logo",
+                    url: "https://url",
+                },
+            });
+        });
+
+        it("still renders the desktop/enable-search warning", () => {
+            const { container } = render(<SearchWarning isRoomEncrypted={true} kind={WarningKind.Search} />);
+
+            expect(container.querySelector(".mx_SearchWarning")).toBeInTheDocument();
+            expect(container.textContent).toContain("to search encrypted messages");
+            // It is the desktop/enable-search affordance, not the partial-index notice.
+            expect(container.textContent).not.toContain("your search index is still being built");
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/SettingsDropdown-test.tsx b/apps/web/test/unit-tests/components/views/elements/SettingsDropdown-test.tsx
new file mode 100644
index 00000000000..40a6126147b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/SettingsDropdown-test.tsx
@@ -0,0 +1,37 @@
+/*
+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 { SettingLevel } from "../../../../../src/settings/SettingLevel.ts";
+import SettingsDropdown from "../../../../../src/components/views/elements/SettingsDropdown.tsx";
+
+describe("<SettingsDropdown />", () => {
+    it("should render a disabled setting", async () => {
+        const { asFragment } = render(
+            <SettingsDropdown settingKey="Electron.autoLaunch" level={SettingLevel.PLATFORM} />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+
+        const trigger = screen.getByRole("button");
+        expect(trigger).toHaveTextContent("No");
+        expect(trigger).toHaveAttribute("aria-disabled", "true");
+    });
+
+    it("should not render a disabled setting if hideIfCannotSet=true", async () => {
+        const { container } = render(
+            <SettingsDropdown settingKey="Electron.autoLaunch" level={SettingLevel.PLATFORM} hideIfCannotSet />,
+        );
+        expect(container).toBeEmptyDOMElement();
+    });
+
+    it("should not render a non-options setting", async () => {
+        const { container } = render(<SettingsDropdown settingKey="systemFont" level={SettingLevel.DEVICE} />);
+        expect(container).toBeEmptyDOMElement();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/SettingsField-test.tsx b/apps/web/test/unit-tests/components/views/elements/SettingsField-test.tsx
new file mode 100644
index 00000000000..cc1522c7384
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/SettingsField-test.tsx
@@ -0,0 +1,36 @@
+/*
+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, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import SettingsField from "../../../../../src/components/views/elements/SettingsField";
+import { SettingLevel } from "../../../../../src/settings/SettingLevel.ts";
+
+describe("<SettingsField />", () => {
+    it("should render with the default label", () => {
+        const component = render(<SettingsField settingKey="Developer.elementCallUrl" level={SettingLevel.DEVICE} />);
+
+        expect(screen.getByText("Element Call URL")).toBeTruthy();
+        expect(component.asFragment()).toMatchSnapshot();
+    });
+
+    it("should call onChange when saving a change", async () => {
+        const fn = jest.fn();
+        render(<SettingsField settingKey="Developer.elementCallUrl" level={SettingLevel.DEVICE} onChange={fn} />);
+
+        const input = screen.getByRole("textbox");
+        await userEvent.type(input, "https://call.element.dev");
+        expect(input).toHaveValue("https://call.element.dev");
+
+        screen.getByLabelText("Save").click();
+        await waitFor(() => {
+            expect(fn).toHaveBeenCalledWith("https://call.element.dev");
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/SpellCheckLanguagesDropdown-test.tsx b/apps/web/test/unit-tests/components/views/elements/SpellCheckLanguagesDropdown-test.tsx
new file mode 100644
index 00000000000..66f37e2927b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/SpellCheckLanguagesDropdown-test.tsx
@@ -0,0 +1,33 @@
+/*
+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, screen, waitForElementToBeRemoved } from "jest-matrix-react";
+
+import SpellCheckLanguagesDropdown from "../../../../../src/components/views/elements/SpellCheckLanguagesDropdown";
+import PlatformPeg from "../../../../../src/PlatformPeg";
+
+describe("<SpellCheckLanguagesDropdown />", () => {
+    it("renders as expected", async () => {
+        const platform: any = {
+            getAvailableSpellCheckLanguages: jest.fn().mockResolvedValue(["en", "de", "qq"]),
+            supportsSetting: jest.fn(),
+        };
+        PlatformPeg.set(platform);
+
+        const { asFragment } = render(
+            <SpellCheckLanguagesDropdown
+                className="mx_GeneralUserSettingsTab_spellCheckLanguageInput"
+                value="en"
+                onOptionChange={jest.fn()}
+            />,
+        );
+        await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/StyledRadioGroup-test.tsx b/apps/web/test/unit-tests/components/views/elements/StyledRadioGroup-test.tsx
new file mode 100644
index 00000000000..be8fc56fda3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/StyledRadioGroup-test.tsx
@@ -0,0 +1,98 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+import { fireEvent, render, type RenderResult } from "jest-matrix-react";
+
+import StyledRadioGroup from "../../../../../src/components/views/elements/StyledRadioGroup";
+
+describe("<StyledRadioGroup />", () => {
+    const optionA = {
+        value: "Anteater",
+        label: <span>Anteater label</span>,
+        description: "anteater description",
+        className: "a-class",
+    };
+    const optionB = {
+        value: "Badger",
+        label: <span>Badger label</span>,
+    };
+    const optionC = {
+        value: "Canary",
+        label: <span>Canary label</span>,
+        description: <span>Canary description</span>,
+    };
+    const defaultDefinitions = [optionA, optionB, optionC];
+    const defaultProps = {
+        name: "test",
+        className: "test-class",
+        definitions: defaultDefinitions,
+        onChange: jest.fn(),
+    };
+    const getComponent = (props = {}) => render(<StyledRadioGroup {...defaultProps} {...props} />);
+
+    const getInputByValue = (component: RenderResult, value: string) =>
+        component.container.querySelector<HTMLInputElement>(`input[value="${value}"]`);
+    const getCheckedInput = (component: RenderResult) =>
+        component.container.querySelector<HTMLInputElement>("input[checked]");
+
+    it("renders radios correctly when no value is provided", () => {
+        const component = getComponent();
+
+        expect(component.asFragment()).toMatchSnapshot();
+        expect(getCheckedInput(component)).toBeFalsy();
+    });
+
+    it("selects correct button when value is provided", () => {
+        const component = getComponent({
+            value: optionC.value,
+        });
+
+        expect(getCheckedInput(component)?.value).toEqual(optionC.value);
+    });
+
+    it("selects correct buttons when definitions have checked prop", () => {
+        const definitions = [{ ...optionA, checked: true }, optionB, { ...optionC, checked: false }];
+        const component = getComponent({
+            value: optionC.value,
+            definitions,
+        });
+
+        expect(getInputByValue(component, optionA.value)).toBeChecked();
+        expect(getInputByValue(component, optionB.value)).not.toBeChecked();
+        // optionC.checked = false overrides value matching
+        expect(getInputByValue(component, optionC.value)).not.toBeChecked();
+    });
+
+    it("disables individual buttons based on definition.disabled", () => {
+        const definitions = [optionA, { ...optionB, disabled: true }, { ...optionC, disabled: true }];
+        const component = getComponent({ definitions });
+        expect(getInputByValue(component, optionA.value)).not.toBeDisabled();
+        expect(getInputByValue(component, optionB.value)).toBeDisabled();
+        expect(getInputByValue(component, optionC.value)).toBeDisabled();
+    });
+
+    it("disables all buttons with disabled prop", () => {
+        const component = getComponent({ disabled: true });
+        expect(getInputByValue(component, optionA.value)).toBeDisabled();
+        expect(getInputByValue(component, optionB.value)).toBeDisabled();
+        expect(getInputByValue(component, optionC.value)).toBeDisabled();
+    });
+
+    it("calls onChange on click", () => {
+        const onChange = jest.fn();
+        const component = getComponent({
+            value: optionC.value,
+            onChange,
+        });
+
+        fireEvent.click(getInputByValue(component, optionB.value)!);
+
+        expect(onChange).toHaveBeenCalledWith(optionB.value);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/SyntaxHighlight-test.tsx b/apps/web/test/unit-tests/components/views/elements/SyntaxHighlight-test.tsx
new file mode 100644
index 00000000000..8f8105eaf97
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/SyntaxHighlight-test.tsx
@@ -0,0 +1,32 @@
+// 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 { render, waitFor } from "jest-matrix-react";
+import hljs, { type HighlightOptions } from "highlight.js";
+import React from "react";
+
+import SyntaxHighlight from "../../../../../src/components/views/elements/SyntaxHighlight";
+
+describe("<SyntaxHighlight />", () => {
+    it("renders", async () => {
+        const { container } = render(
+            <SyntaxHighlight language="javascript">console.log("Hello, World!");</SyntaxHighlight>,
+        );
+        await waitFor(() => expect(container.querySelector(".language-javascript")).toBeTruthy());
+        expect(container).toMatchSnapshot();
+    });
+
+    it.each(["json", "javascript", "css"])("uses the provided language", async (lang) => {
+        const mock = jest.spyOn(hljs, "highlight");
+
+        // oxlint-disable-next-line react/jsx-no-comment-textnodes
+        const { container } = render(<SyntaxHighlight language={lang}>// Hello, World</SyntaxHighlight>);
+        await waitFor(() => expect(container.querySelector(`.language-${lang}`)).toBeTruthy());
+
+        const [, opts] = mock.mock.lastCall!;
+        expect((opts as unknown as HighlightOptions)["language"]).toBe(lang);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/AccessibleButton-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/AccessibleButton-test.tsx.snap
new file mode 100644
index 00000000000..321a5b6ad49
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/AccessibleButton-test.tsx.snap
@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<AccessibleButton /> renders a button element 1`] = `
+<DocumentFragment>
+  <button
+    class="mx_AccessibleButton"
+    role="button"
+    tabindex="0"
+  >
+    i am a button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`<AccessibleButton /> renders div with role button by default 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_AccessibleButton"
+    role="button"
+    tabindex="0"
+  >
+    i am a button
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<AccessibleButton /> renders with correct classes when button has kind 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+    role="button"
+    tabindex="0"
+  >
+    i am a button
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap
new file mode 100644
index 00000000000..df321554c23
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap
@@ -0,0 +1,560 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`AppTile destroys non-persisted right panel widget on room change 1`] = `
+<DocumentFragment>
+  <aside
+    class="mx_RightPanel"
+    data-testid="right-panel"
+    id="mx_RightPanel"
+  >
+    <div
+      class="mx_BaseCard mx_WidgetCard"
+    >
+      <div
+        class="mx_BaseCard_header"
+      >
+        <div
+          class="mx_BaseCard_header_title"
+        >
+          <h1
+            class="mx_Heading_h4 mx_BaseCard_header_title_heading"
+          >
+            Example 1
+          </h1>
+          <div
+            aria-expanded="false"
+            aria-haspopup="true"
+            aria-label="Options"
+            class="mx_AccessibleButton mx_BaseCard_header_title_button--option"
+            data-state="closed"
+            id="radix-react-use-id-1"
+            role="button"
+            tabindex="0"
+            type="button"
+          />
+        </div>
+        <button
+          aria-labelledby="react-use-id-2"
+          class="_icon-button_1215g_8"
+          data-kind="secondary"
+          data-testid="base-card-close-button"
+          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="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>
+        </button>
+      </div>
+      <div
+        class="mx_AppTileFullWidth"
+        id="1"
+      >
+        <div
+          class="mx_AppTile_persistedWrapper"
+        >
+          <div />
+        </div>
+      </div>
+    </div>
+  </aside>
+</DocumentFragment>
+`;
+
+exports[`AppTile for a persistent app should render 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_AppTile_mini"
+    id="1"
+  >
+    <div
+      class="mx_AppTile_persistedWrapper"
+    >
+      <div />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`AppTile for a pinned widget should render 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_AppTile"
+    id="1"
+  >
+    <div
+      class="mx_AppTileMenuBar"
+    >
+      <span
+        class="mx_AppTileMenuBar_title"
+        style="pointer-events: none;"
+      >
+        <span>
+          <span
+            aria-label="Avatar"
+            class="_avatar_va14e_8 mx_BaseAvatar mx_WidgetAvatar"
+            data-color="1"
+            data-testid="avatar-img"
+            data-type="round"
+            role="img"
+            style="--cpd-avatar-size: 20px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="20px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="image-file-stub"
+              width="20px"
+            />
+          </span>
+          <h1>
+            Example 1
+          </h1>
+          <span />
+        </span>
+      </span>
+      <span
+        class="mx_AppTileMenuBar_widgets"
+      >
+        <div
+          aria-label="Maximise"
+          class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
+          role="button"
+          tabindex="0"
+        >
+          <svg
+            class="mx_Icon mx_Icon_12"
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M21 3.997a1 1 0 0 0-.29-.702l-.005-.004A1 1 0 0 0 20 3h-8a1 1 0 1 0 0 2h5.586L5 17.586V12a1 1 0 1 0-2 0v8.003a1 1 0 0 0 .29.702l.005.004c.18.18.43.291.705.291h8a1 1 0 1 0 0-2H6.414L19 6.414V12a1 1 0 1 0 2 0z"
+            />
+          </svg>
+        </div>
+        <div
+          aria-label="Minimise"
+          class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
+          role="button"
+          tabindex="0"
+        >
+          <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="M6 13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h12q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13z"
+            />
+          </svg>
+        </div>
+        <div
+          aria-expanded="false"
+          aria-haspopup="true"
+          aria-label="Options"
+          class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
+          data-state="closed"
+          id="radix-react-use-id-1"
+          role="button"
+          tabindex="0"
+          type="button"
+        >
+          <svg
+            class="mx_Icon mx_Icon_12"
+            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>
+      </span>
+    </div>
+    <div
+      class="mx_AppTile_persistedWrapper"
+    >
+      <div />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`AppTile for a pinned widget should render permission request 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_AppTile"
+    id="1"
+  >
+    <div
+      class="mx_AppTileMenuBar"
+    >
+      <span
+        class="mx_AppTileMenuBar_title"
+        style="pointer-events: none;"
+      >
+        <span>
+          <span
+            aria-label="Avatar"
+            class="_avatar_va14e_8 mx_BaseAvatar mx_WidgetAvatar"
+            data-color="1"
+            data-testid="avatar-img"
+            data-type="round"
+            role="img"
+            style="--cpd-avatar-size: 20px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="20px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="image-file-stub"
+              width="20px"
+            />
+          </span>
+          <h1>
+            Example 1
+          </h1>
+          <span />
+        </span>
+      </span>
+      <span
+        class="mx_AppTileMenuBar_widgets"
+      >
+        <div
+          aria-label="Maximise"
+          class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
+          role="button"
+          tabindex="0"
+        >
+          <svg
+            class="mx_Icon mx_Icon_12"
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M21 3.997a1 1 0 0 0-.29-.702l-.005-.004A1 1 0 0 0 20 3h-8a1 1 0 1 0 0 2h5.586L5 17.586V12a1 1 0 1 0-2 0v8.003a1 1 0 0 0 .29.702l.005.004c.18.18.43.291.705.291h8a1 1 0 1 0 0-2H6.414L19 6.414V12a1 1 0 1 0 2 0z"
+            />
+          </svg>
+        </div>
+        <div
+          aria-label="Minimise"
+          class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
+          role="button"
+          tabindex="0"
+        >
+          <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="M6 13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h12q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13z"
+            />
+          </svg>
+        </div>
+        <div
+          aria-expanded="false"
+          aria-haspopup="true"
+          aria-label="Options"
+          class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
+          data-state="closed"
+          id="radix-react-use-id-1"
+          role="button"
+          tabindex="0"
+          type="button"
+        >
+          <svg
+            class="mx_Icon mx_Icon_12"
+            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>
+      </span>
+    </div>
+    <div
+      class="mx_AppTileBody mx_AppTileBody--large"
+    >
+      <div
+        class="mx_AppPermission"
+      >
+        <div
+          class="mx_AppPermission_content"
+        >
+          <div
+            class="mx_AppPermission_content_bolder"
+          >
+            Widget added by
+          </div>
+          <div>
+            <span
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+              data-color="1"
+              data-testid="avatar-img"
+              data-type="round"
+              role="presentation"
+              style="--cpd-avatar-size: 38px;"
+            >
+              u
+            </span>
+            <h4
+              class="mx_Heading_h4"
+            >
+              @userAnother
+            </h4>
+            <div />
+          </div>
+          <div>
+            <span>
+              Using this widget may share data 
+              <div
+                aria-describedby="react-use-id-2"
+                aria-labelledby="react-use-id-3"
+                class="mx_TextWithTooltip_target mx_TextWithTooltip_target--helpIcon"
+              >
+                <svg
+                  class="mx_Icon mx_Icon_12"
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M12 8a1.5 1.5 0 0 0-1.5 1.5 1 1 0 1 1-2 0 3.5 3.5 0 1 1 6.01 2.439q-.183.188-.352.355c-.287.288-.54.54-.76.824-.293.375-.398.651-.398.882a1 1 0 1 1-2 0c0-.874.407-1.58.819-2.11.305-.392.688-.775 1-1.085l.257-.26A1.5 1.5 0 0 0 12 8m1 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0"
+                  />
+                  <path
+                    d="M8.1 21.213A9.7 9.7 0 0 0 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 2.075.788 3.9a10.1 10.1 0 0 0 2.137 3.175q1.35 1.35 3.175 2.137m9.575-3.538Q15.35 20 12 20t-5.675-2.325T4 12t2.325-5.675T12 4t5.675 2.325T20 12t-2.325 5.675"
+                  />
+                </svg>
+              </div>
+               with example.com.
+            </span>
+          </div>
+          <div>
+            This widget may use cookies. 
+          </div>
+          <div>
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_sm"
+              role="button"
+              tabindex="0"
+            >
+              Continue
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`AppTile preserves non-persisted widget on container move 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_AppsDrawer"
+  >
+    <div
+      class="mx_AppsDrawer_resizer"
+      style="position: relative; user-select: auto; width: auto; height: 280px; max-height: 576px; min-height: 100px; box-sizing: border-box; flex-shrink: 0;"
+    >
+      <div
+        class="mx_AppsContainer"
+      >
+        <div
+          class="mx_AppTileFullWidth"
+          id="1"
+        >
+          <div
+            class="mx_AppTileMenuBar"
+          >
+            <span
+              class="mx_AppTileMenuBar_title"
+              style="pointer-events: none;"
+            >
+              <span>
+                <span
+                  aria-label="Avatar"
+                  class="_avatar_va14e_8 mx_BaseAvatar mx_WidgetAvatar"
+                  data-color="1"
+                  data-testid="avatar-img"
+                  data-type="round"
+                  role="img"
+                  style="--cpd-avatar-size: 20px;"
+                >
+                  <img
+                    alt=""
+                    class="_image_va14e_43"
+                    data-type="round"
+                    height="20px"
+                    loading="lazy"
+                    referrerpolicy="no-referrer"
+                    src="image-file-stub"
+                    width="20px"
+                  />
+                </span>
+                <h1>
+                  Example 1
+                </h1>
+                <span />
+              </span>
+            </span>
+            <span
+              class="mx_AppTileMenuBar_widgets"
+            >
+              <div
+                aria-label="Maximise"
+                class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
+                role="button"
+                tabindex="0"
+              >
+                <svg
+                  class="mx_Icon mx_Icon_12"
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M21 3.997a1 1 0 0 0-.29-.702l-.005-.004A1 1 0 0 0 20 3h-8a1 1 0 1 0 0 2h5.586L5 17.586V12a1 1 0 1 0-2 0v8.003a1 1 0 0 0 .29.702l.005.004c.18.18.43.291.705.291h8a1 1 0 1 0 0-2H6.414L19 6.414V12a1 1 0 1 0 2 0z"
+                  />
+                </svg>
+              </div>
+              <div
+                aria-label="Minimise"
+                class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
+                role="button"
+                tabindex="0"
+              >
+                <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="M6 13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h12q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13z"
+                  />
+                </svg>
+              </div>
+              <div
+                aria-expanded="false"
+                aria-haspopup="true"
+                aria-label="Options"
+                class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
+                data-state="closed"
+                id="radix-react-use-id-1"
+                role="button"
+                tabindex="0"
+                type="button"
+              >
+                <svg
+                  class="mx_Icon mx_Icon_12"
+                  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>
+            </span>
+          </div>
+          <div
+            class="mx_AppTileBody mx_AppTileBody--large"
+          >
+            <div
+              class="mx_AppTileBody_fadeInSpinner"
+            >
+              <div
+                class="mx_Spinner"
+              >
+                <div
+                  class="mx_Spinner_Msg"
+                >
+                  Loading…
+                </div>
+                 
+                <svg
+                  aria-label="Loading…"
+                  class="_icon_1855a_18"
+                  data-testid="spinner"
+                  fill="currentColor"
+                  height="1em"
+                  role="progressbar"
+                  style="width: 32px; height: 32px;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_AppsDrawer_resizer_container"
+      >
+        <div
+          class="mx_AppsDrawer_resizer_container_handle"
+          style="position: absolute; user-select: none; width: 100%; height: 10px; left: 0px; cursor: row-resize; bottom: -5px;"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/BugReportDialogButton-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/BugReportDialogButton-test.tsx.snap
new file mode 100644
index 00000000000..2fc4d2d50fa
--- /dev/null
+++ b/apps/web/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_1nw83_8"
+    data-kind="secondary"
+    data-size="md"
+    role="button"
+    tabindex="0"
+  >
+    Download logs
+  </button>
+</div>
+`;
+
+exports[`<BugReportDialogButton /> renders 'submit' label if a URL is configured 1`] = `
+<div>
+  <button
+    class="_button_1nw83_8"
+    data-kind="secondary"
+    data-size="md"
+    role="button"
+    tabindex="0"
+  >
+    Submit debug logs
+  </button>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/Dropdown-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/Dropdown-test.tsx.snap
new file mode 100644
index 00000000000..5f399616c0e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/Dropdown-test.tsx.snap
@@ -0,0 +1,39 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<Dropdown /> renders with placeholder 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_Dropdown"
+  >
+    <div
+      aria-describedby="id_value"
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      aria-label="Test Dropdown"
+      aria-owns="id_input"
+      class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
+      role="button"
+      tabindex="0"
+    >
+      <div
+        class="mx_Dropdown_option"
+        id="id_value"
+      >
+        Select an option
+      </div>
+      <svg
+        class="mx_Dropdown_arrow"
+        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>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/EffectsOverlay-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/EffectsOverlay-test.tsx.snap
new file mode 100644
index 00000000000..39aaa445f8b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/EffectsOverlay-test.tsx.snap
@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<EffectsOverlay/> should render 1`] = `
+<DocumentFragment>
+  <canvas
+    aria-hidden="true"
+    height="768"
+    style="display: block; z-index: 999999; pointer-events: none; position: fixed; top: 0px; right: 0px;"
+    width="100"
+  />
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/EventListSummary-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/EventListSummary-test.tsx.snap
new file mode 100644
index 00000000000..45ca820208c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/EventListSummary-test.tsx.snap
@@ -0,0 +1,277 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`EventListSummary correctly identifies transitions 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    <button
+      class="mx_EventTile_spoiler"
+      type="button"
+    >
+       
+      <span
+        class="mx_EventTile_spoiler_content"
+      >
+        user_1
+      </span>
+    </button>
+     
+    was invited, was banned, joined, rejected their invitation, left, had their invitation withdrawn, was unbanned, was removed, left and was removed
+  </span>
+</span>
+`;
+
+exports[`EventListSummary correctly orders sequences of transitions by the order of their first event 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    user_2
+     
+    was unbanned and joined and left 2 times
+  </span>
+  , 
+  <span>
+    <button
+      class="mx_EventTile_spoiler"
+      type="button"
+    >
+       
+      <span
+        class="mx_EventTile_spoiler_content"
+      >
+        user_1
+      </span>
+    </button>
+     
+    was unbanned, joined and left 2 times and was banned
+  </span>
+</span>
+`;
+
+exports[`EventListSummary handles a summary length = 2, with 1 "other" 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    <span>
+      user_1
+      , 
+      user_2
+       and one other
+    </span>
+     
+    joined
+  </span>
+</span>
+`;
+
+exports[`EventListSummary handles a summary length = 2, with many "others" 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    <span>
+      user_0
+      , 
+      user_1
+       and 18 others
+    </span>
+     
+    joined
+  </span>
+</span>
+`;
+
+exports[`EventListSummary handles a summary length = 2, with no "others" 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    user_1
+     and 
+    user_2
+     
+    joined 2 times
+  </span>
+</span>
+`;
+
+exports[`EventListSummary handles invitation plurals correctly when there are multiple invites 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    user_1
+     
+    rejected their invitation 2 times
+  </span>
+</span>
+`;
+
+exports[`EventListSummary handles invitation plurals correctly when there are multiple users 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    <span>
+      user_1
+       and one other
+    </span>
+     
+    rejected their invitations and had their invitations withdrawn
+  </span>
+</span>
+`;
+
+exports[`EventListSummary handles many users following the same sequence of memberships 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    <span>
+      <button
+        class="mx_EventTile_spoiler"
+        type="button"
+      >
+         
+        <span
+          class="mx_EventTile_spoiler_content"
+        >
+          user_0
+        </span>
+      </button>
+       and 19 others
+    </span>
+     
+    were unbanned, joined and left 2 times and were banned
+  </span>
+</span>
+`;
+
+exports[`EventListSummary handles multiple users following the same sequence of memberships 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    <span>
+      <button
+        class="mx_EventTile_spoiler"
+        type="button"
+      >
+         
+        <span
+          class="mx_EventTile_spoiler_content"
+        >
+          user_1
+        </span>
+      </button>
+       and one other
+    </span>
+     
+    were unbanned, joined and left 2 times and were banned
+  </span>
+</span>
+`;
+
+exports[`EventListSummary renders collapsed events if events.length = props.threshold 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    user_1
+     
+    joined and left and joined
+  </span>
+</span>
+`;
+
+exports[`EventListSummary renders expanded events if there are less than props.threshold 1`] = `
+HTMLCollection [
+  <div
+    class="event_tile"
+  >
+    Expanded membership
+  </div>,
+]
+`;
+
+exports[`EventListSummary renders expanded events if there are less than props.threshold for join and leave 1`] = `
+HTMLCollection [
+  <div
+    class="event_tile"
+  >
+    Expanded membership
+  </div>,
+  <div
+    class="event_tile"
+  >
+    Expanded membership
+  </div>,
+]
+`;
+
+exports[`EventListSummary should not blindly group 3pid invites and treat them as distinct users instead 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    n...@d...
+     
+    was invited 2 times
+  </span>
+  , 
+  <span>
+    d...@w...
+     
+    was invited
+  </span>
+</span>
+`;
+
+exports[`EventListSummary truncates long join,leave repetitions 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    user_1
+     
+    joined and left 7 times
+  </span>
+</span>
+`;
+
+exports[`EventListSummary truncates long join,leave repetitions between other events 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    user_1
+     
+    was unbanned, joined and left 7 times and was invited
+  </span>
+</span>
+`;
+
+exports[`EventListSummary truncates multiple sequences of repetitions with other events between 1`] = `
+<span
+  class="mx_TextualEvent mx_GenericEventListSummary_summary"
+>
+  <span>
+    <button
+      class="mx_EventTile_spoiler"
+      type="button"
+    >
+       
+      <span
+        class="mx_EventTile_spoiler_content"
+      >
+        user_1
+      </span>
+    </button>
+     
+    was unbanned, joined and left 2 times, was banned, joined and left 3 times and was invited
+  </span>
+</span>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/ExternalLink-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/ExternalLink-test.tsx.snap
new file mode 100644
index 00000000000..51389519f94
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/ExternalLink-test.tsx.snap
@@ -0,0 +1,64 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ExternalLink /> renders link correctly 1`] = `
+<DocumentFragment>
+  <a
+    class="mx_ExternalLink myCustomClass"
+    data-testid="test"
+    href="test.com"
+    rel="noopener"
+    target="_self"
+  >
+    <span>
+      react element 
+      <b>
+        children
+      </b>
+    </span>
+    <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>
+</DocumentFragment>
+`;
+
+exports[`<ExternalLink /> renders plain text link correctly 1`] = `
+<DocumentFragment>
+  <a
+    class="mx_ExternalLink myCustomClass"
+    data-testid="test"
+    href="test.com"
+    rel="noreferrer noopener"
+    target="_blank"
+  >
+    test
+    <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>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/FacePile-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/FacePile-test.tsx.snap
new file mode 100644
index 00000000000..dd049f48167
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/FacePile-test.tsx.snap
@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<FacePile /> renders with a tooltip 1`] = `
+<DocumentFragment>
+  <div
+    aria-labelledby="react-use-id-1"
+    class="mx_AccessibleButton mx_FacePile"
+    role="button"
+    tabindex="0"
+  >
+    <div
+      class="_stacked-avatars_va14e_109"
+    >
+      <span
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+        data-color="4"
+        data-testid="avatar-img"
+        data-type="round"
+        role="presentation"
+        style="--cpd-avatar-size: 36px;"
+      >
+        4
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/FilterDropdown-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/FilterDropdown-test.tsx.snap
new file mode 100644
index 00000000000..5d76e95d246
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/FilterDropdown-test.tsx.snap
@@ -0,0 +1,175 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<FilterDropdown /> renders dropdown options in menu 1`] = `
+<ul
+  class="mx_Dropdown_menu"
+  id="test_listbox"
+  role="listbox"
+>
+  <li
+    aria-selected="true"
+    class="mx_Dropdown_option mx_Dropdown_option_highlight"
+    id="test__one"
+    role="option"
+    tabindex="-1"
+  >
+    <div
+      class="mx_FilterDropdown_option"
+      data-testid="filter-option-one"
+    >
+      <svg
+        class="mx_FilterDropdown_optionSelectedIcon"
+        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>
+      <span
+        class="mx_FilterDropdown_optionLabel"
+      >
+        Option one
+      </span>
+    </div>
+  </li>
+  <li
+    aria-selected="false"
+    class="mx_Dropdown_option"
+    id="test__two"
+    role="option"
+    tabindex="-1"
+  >
+    <div
+      class="mx_FilterDropdown_option"
+      data-testid="filter-option-two"
+    >
+      <span
+        class="mx_FilterDropdown_optionLabel"
+      >
+        Option two
+      </span>
+      <span
+        class="mx_FilterDropdown_optionDescription"
+      >
+        with description
+      </span>
+    </div>
+  </li>
+</ul>
+`;
+
+exports[`<FilterDropdown /> renders selected option 1`] = `
+<div>
+  <div
+    class="mx_Dropdown mx_FilterDropdown test"
+  >
+    <div
+      aria-describedby="test_value"
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      aria-label="test label"
+      aria-owns="test_input"
+      class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
+      role="button"
+      tabindex="0"
+    >
+      <div
+        class="mx_Dropdown_option"
+        id="test_value"
+      >
+        Option one
+      </div>
+      <svg
+        class="mx_Dropdown_arrow"
+        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>
+`;
+
+exports[`<FilterDropdown /> renders selected option with selectedLabel 1`] = `
+<div>
+  <div
+    class="mx_Dropdown mx_FilterDropdown test"
+  >
+    <div
+      aria-describedby="test_value"
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      aria-label="test label"
+      aria-owns="test_input"
+      class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
+      role="button"
+      tabindex="0"
+    >
+      <div
+        class="mx_Dropdown_option"
+        id="test_value"
+      >
+        Show: Option one
+      </div>
+      <svg
+        class="mx_Dropdown_arrow"
+        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>
+`;
+
+exports[`<FilterDropdown /> renders when selected option is not in options 1`] = `
+<div>
+  <div
+    class="mx_Dropdown mx_FilterDropdown test"
+  >
+    <div
+      aria-describedby="test_value"
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      aria-label="test label"
+      aria-owns="test_input"
+      class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
+      role="button"
+      tabindex="0"
+    >
+      <div
+        class="mx_Dropdown_option"
+        id="test_value"
+      />
+      <svg
+        class="mx_Dropdown_arrow"
+        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>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/FilterTabGroup-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/FilterTabGroup-test.tsx.snap
new file mode 100644
index 00000000000..d69515c8c81
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/FilterTabGroup-test.tsx.snap
@@ -0,0 +1,48 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<FilterTabGroup /> renders options 1`] = `
+<div>
+  <fieldset
+    class="mx_FilterTabGroup"
+    data-testid="test"
+  >
+    <label
+      data-testid="filter-tab-test-Apple"
+    >
+      <input
+        checked=""
+        name="test"
+        type="radio"
+        value="Apple"
+      />
+      <span>
+        Label for Apple
+      </span>
+    </label>
+    <label
+      data-testid="filter-tab-test-Banana"
+    >
+      <input
+        name="test"
+        type="radio"
+        value="Banana"
+      />
+      <span>
+        Label for Banana
+      </span>
+    </label>
+    <label
+      data-testid="filter-tab-test-Orange"
+    >
+      <input
+        name="test"
+        type="radio"
+        value="Orange"
+      />
+      <span>
+        Label for Orange
+      </span>
+    </label>
+  </fieldset>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/ImageView-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/ImageView-test.tsx.snap
new file mode 100644
index 00000000000..de7a30b5f86
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/ImageView-test.tsx.snap
@@ -0,0 +1,196 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ImageView /> renders correctly 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-label="Image view"
+    class="mx_ImageView"
+    data-focus-lock-disabled="false"
+    role="dialog"
+  >
+    <div
+      class="mx_ImageView_panel"
+    >
+      <div />
+      <div
+        class="mx_ImageView_toolbar"
+      >
+        <div
+          aria-describedby="react-use-id-1"
+          aria-label="Zoom out"
+          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"
+          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(#cpd_ZoomInIcon_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="cpd_ZoomInIcon_a"
+              >
+                <path
+                  d="M0 0h24v24H0z"
+                />
+              </clippath>
+            </defs>
+          </svg>
+        </div>
+        <div
+          aria-label="Rotate Left"
+          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"
+          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(#cpd_RotateRightIcon_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="cpd_RotateRightIcon_a"
+              >
+                <path
+                  d="M0 0h24v24H0z"
+                />
+              </clippath>
+            </defs>
+          </svg>
+        </div>
+        <div
+          aria-label="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
+      class="mx_ImageView_image_wrapper"
+    >
+      <img
+        class="mx_ImageView_image "
+        draggable="true"
+        src="https://example.com/image.png"
+        style="transform: translateX(0px)
+                        translateY(0px)
+                        scale(0)
+                        rotate(0deg); cursor: zoom-out;"
+      />
+    </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/apps/web/test/unit-tests/components/views/elements/__snapshots__/InfoTooltip-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/InfoTooltip-test.tsx.snap
new file mode 100644
index 00000000000..0f4bd43686c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/InfoTooltip-test.tsx.snap
@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`InfoTooltip should show tooltip on hover 1`] = `
+<DocumentFragment>
+  <div
+    aria-describedby="react-use-id-1"
+    class="mx_InfoTooltip"
+    tabindex="0"
+  >
+    <span
+      aria-label="Information"
+      class="mx_InfoTooltip_icon"
+    >
+      <svg
+        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>
+    </span>
+    Trigger text
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/LabelledCheckbox-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/LabelledCheckbox-test.tsx.snap
new file mode 100644
index 00000000000..20a0ca7cfdf
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/LabelledCheckbox-test.tsx.snap
@@ -0,0 +1,130 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<LabelledCheckbox /> should render with byline of "this is a byline" 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_LabelledCheckbox"
+  >
+    <form
+      class="_root_1o4d9_17"
+    >
+      <div
+        class="_inline-field_1o4d9_33"
+      >
+        <div
+          class="_inline-field-control_1o4d9_45"
+        >
+          <div
+            class="_container_153f2_10"
+          >
+            <input
+              aria-describedby="react-use-id-1"
+              checked=""
+              class="_input_153f2_18"
+              id="checkbox_vY7Q4uEh9K"
+              type="checkbox"
+            />
+            <div
+              class="_ui_153f2_19"
+            >
+              <svg
+                aria-hidden="true"
+                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>
+        <div
+          class="_inline-field-body_1o4d9_39"
+        >
+          <label
+            class="_label_1o4d9_60"
+            for="checkbox_vY7Q4uEh9K"
+          >
+            <span
+              class="mx_LabelledCheckbox_label"
+            >
+              Hello world
+            </span>
+          </label>
+          <span
+            class="_message_1o4d9_86 _help-message_1o4d9_92"
+            id="react-use-id-1"
+          >
+            this is a byline
+          </span>
+        </div>
+      </div>
+    </form>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<LabelledCheckbox /> should render with byline of undefined 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_LabelledCheckbox"
+  >
+    <form
+      class="_root_1o4d9_17"
+    >
+      <div
+        class="_inline-field_1o4d9_33"
+      >
+        <div
+          class="_inline-field-control_1o4d9_45"
+        >
+          <div
+            class="_container_153f2_10"
+          >
+            <input
+              checked=""
+              class="_input_153f2_18"
+              id="checkbox_vY7Q4uEh9K"
+              type="checkbox"
+            />
+            <div
+              class="_ui_153f2_19"
+            >
+              <svg
+                aria-hidden="true"
+                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>
+        <div
+          class="_inline-field-body_1o4d9_39"
+        >
+          <label
+            class="_label_1o4d9_60"
+            for="checkbox_vY7Q4uEh9K"
+          >
+            <span
+              class="mx_LabelledCheckbox_label"
+            >
+              Hello world
+            </span>
+          </label>
+        </div>
+      </div>
+    </form>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/LearnMore-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/LearnMore-test.tsx.snap
new file mode 100644
index 00000000000..01fb8177b29
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/LearnMore-test.tsx.snap
@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<LearnMore /> renders button 1`] = `
+<div>
+  <button
+    class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+    data-testid="testid"
+    role="button"
+    tabindex="0"
+  >
+    Learn more
+  </button>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/Pill-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/Pill-test.tsx.snap
new file mode 100644
index 00000000000..35197567d88
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/Pill-test.tsx.snap
@@ -0,0 +1,303 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<Pill> should not render a non-permalink 1`] = `
+<DocumentFragment>
+  <div />
+</DocumentFragment>
+`;
+
+exports[`<Pill> should not render an avatar or link when called with inMessage = false and shouldShowPillAvatar = false 1`] = `
+<DocumentFragment>
+  <div>
+    <bdi>
+      <span
+        tabindex="0"
+      >
+        <span
+          class="mx_Pill mx_RoomPill"
+        >
+          <span
+            class="mx_Pill_text"
+          >
+            Room 1
+          </span>
+        </span>
+      </span>
+    </bdi>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<Pill> should render the expected pill for @room 1`] = `
+<DocumentFragment>
+  <div>
+    <bdi>
+      <span
+        tabindex="0"
+      >
+        <span
+          class="mx_Pill mx_AtRoomPill"
+        >
+          <span
+            aria-hidden="true"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="1"
+            data-testid="avatar-img"
+            data-type="round"
+            role="presentation"
+            style="--cpd-avatar-size: 16px;"
+          >
+            R
+          </span>
+          <span
+            class="mx_Pill_text"
+          >
+            @room
+          </span>
+        </span>
+      </span>
+    </bdi>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<Pill> should render the expected pill for a known user not in the room 1`] = `
+<DocumentFragment>
+  <div>
+    <bdi>
+      <a
+        class="mx_Pill mx_UserPill"
+        href="https://matrix.to/#/@user2:example.com"
+      >
+        <span
+          aria-hidden="true"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="5"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 16px;"
+        >
+          U
+        </span>
+        <span
+          class="mx_Pill_text"
+        >
+          User 2
+        </span>
+      </a>
+    </bdi>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<Pill> should render the expected pill for a message in another room 1`] = `
+<DocumentFragment>
+  <div>
+    <bdi>
+      <a
+        class="mx_Pill mx_EventPill"
+        href="https://matrix.to/#/!room1:example.com/$123-456"
+      >
+        <span
+          aria-hidden="true"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="1"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 16px;"
+        >
+          R
+        </span>
+        <span
+          class="mx_Pill_text"
+        >
+          Message in Room 1
+        </span>
+      </a>
+    </bdi>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<Pill> should render the expected pill for a message in the same room 1`] = `
+<DocumentFragment>
+  <div>
+    <bdi>
+      <a
+        class="mx_Pill mx_EventPill"
+        href="https://matrix.to/#/!room1:example.com/$123-456"
+      >
+        <span
+          aria-hidden="true"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="4"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 16px;"
+        >
+          U
+        </span>
+        <span
+          class="mx_Pill_text"
+        >
+          Message from User 1
+        </span>
+      </a>
+    </bdi>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<Pill> should render the expected pill for a room alias 1`] = `
+<DocumentFragment>
+  <div>
+    <bdi>
+      <a
+        class="mx_Pill mx_RoomPill"
+        href="https://matrix.to/#/#room1:example.com"
+      >
+        <span
+          aria-hidden="true"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="1"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 16px;"
+        >
+          R
+        </span>
+        <span
+          class="mx_Pill_text"
+        >
+          Room 1
+        </span>
+      </a>
+    </bdi>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<Pill> should render the expected pill for a space 1`] = `
+<DocumentFragment>
+  <div>
+    <bdi>
+      <a
+        class="mx_Pill mx_RoomPill"
+        href="https://matrix.to/#/!space1:example.com"
+      >
+        <span
+          aria-hidden="true"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="2"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 16px;"
+        >
+          S
+        </span>
+        <span
+          class="mx_Pill_text"
+        >
+          Space 1
+        </span>
+      </a>
+    </bdi>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<Pill> should render the expected pill for an uknown user not in the room 1`] = `
+<DocumentFragment>
+  <div>
+    <bdi>
+      <a
+        class="mx_Pill mx_UserPill"
+        href="https://matrix.to/#/@user3:example.com"
+      >
+        <svg
+          class="mx_Pill_UserIcon mx_BaseAvatar"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m-8 6v-.8q0-.85.438-1.562.437-.713 1.162-1.088a14.8 14.8 0 0 1 3.15-1.163A13.8 13.8 0 0 1 12 13q1.65 0 3.25.387 1.6.388 3.15 1.163.724.375 1.163 1.087Q20 16.35 20 17.2v.8q0 .824-.587 1.413A1.93 1.93 0 0 1 18 20H6q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 18"
+          />
+        </svg>
+        <span
+          class="mx_Pill_text"
+        >
+          @user3:example.com
+        </span>
+      </a>
+    </bdi>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<Pill> when rendering a pill for a room should render the expected pill 1`] = `
+<DocumentFragment>
+  <div>
+    <bdi>
+      <a
+        class="mx_Pill mx_RoomPill"
+        href="https://matrix.to/#/!room1:example.com"
+      >
+        <span
+          aria-hidden="true"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="1"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 16px;"
+        >
+          R
+        </span>
+        <span
+          class="mx_Pill_text"
+        >
+          Room 1
+        </span>
+      </a>
+    </bdi>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<Pill> when rendering a pill for a user in the room should render as expected 1`] = `
+<DocumentFragment>
+  <div>
+    <bdi>
+      <a
+        class="mx_Pill mx_UserPill"
+        href="https://matrix.to/#/@user1:example.com"
+      >
+        <span
+          aria-hidden="true"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="4"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 16px;"
+        >
+          U
+        </span>
+        <span
+          class="mx_Pill_text"
+        >
+          User 1
+        </span>
+      </a>
+    </bdi>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/PollCreateDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/PollCreateDialog-test.tsx.snap
new file mode 100644
index 00000000000..20b866d2b2a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/PollCreateDialog-test.tsx.snap
@@ -0,0 +1,716 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`PollCreateDialog renders a blank poll 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_CompoundDialog_content"
+    aria-labelledby="mx_CompoundDialog_title"
+    class="mx_CompoundDialog mx_ScrollableBaseDialog"
+    data-focus-lock-disabled="false"
+    role="dialog"
+  >
+    <div
+      class="mx_CompoundDialog_header"
+    >
+      <h1>
+        Create poll
+      </h1>
+    </div>
+    <div
+      aria-label="Close dialog"
+      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"
+    >
+      <div
+        class="mx_CompoundDialog_content"
+      >
+        <div
+          class="mx_PollCreateDialog"
+        >
+          <h2>
+            Poll type
+          </h2>
+          <div
+            class="mx_Field mx_Field_select"
+          >
+            <select
+              id="mx_Field_1"
+              type="text"
+            >
+              <option
+                value="org.matrix.msc3381.poll.disclosed"
+              >
+                Open poll
+              </option>
+              <option
+                value="org.matrix.msc3381.poll.undisclosed"
+              >
+                Closed poll
+              </option>
+            </select>
+            <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
+          </p>
+          <h2>
+            What is your poll question or topic?
+          </h2>
+          <div
+            class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
+          >
+            <input
+              id="poll-topic-input"
+              label="Question or topic"
+              maxlength="340"
+              placeholder="Write something…"
+              type="text"
+              value=""
+            />
+            <label
+              for="poll-topic-input"
+            >
+              Question or topic
+            </label>
+          </div>
+          <h2>
+            Create options
+          </h2>
+          <div
+            class="mx_PollCreateDialog_option"
+          >
+            <div
+              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
+            >
+              <input
+                id="pollcreate_option_0"
+                label="Option 1"
+                maxlength="340"
+                placeholder="Write an option"
+                type="text"
+                value=""
+              />
+              <label
+                for="pollcreate_option_0"
+              >
+                Option 1
+              </label>
+            </div>
+            <div
+              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"
+          >
+            <div
+              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
+            >
+              <input
+                id="pollcreate_option_1"
+                label="Option 2"
+                maxlength="340"
+                placeholder="Write an option"
+                type="text"
+                value=""
+              />
+              <label
+                for="pollcreate_option_1"
+              >
+                Option 2
+              </label>
+            </div>
+            <div
+              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"
+            role="button"
+            tabindex="0"
+          >
+            Add option
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_CompoundDialog_footer"
+      >
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
+          role="button"
+          tabindex="0"
+        >
+          Cancel
+        </div>
+        <button
+          aria-disabled="true"
+          class="mx_AccessibleButton mx_Dialog_nonDialogButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary mx_AccessibleButton_disabled"
+          disabled=""
+          role="button"
+          tabindex="0"
+          type="submit"
+        >
+          Create Poll
+        </button>
+      </div>
+    </form>
+  </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[`PollCreateDialog renders a question and some options 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_CompoundDialog_content"
+    aria-labelledby="mx_CompoundDialog_title"
+    class="mx_CompoundDialog mx_ScrollableBaseDialog"
+    data-focus-lock-disabled="false"
+    role="dialog"
+  >
+    <div
+      class="mx_CompoundDialog_header"
+    >
+      <h1>
+        Create poll
+      </h1>
+    </div>
+    <div
+      aria-label="Close dialog"
+      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"
+    >
+      <div
+        class="mx_CompoundDialog_content"
+      >
+        <div
+          class="mx_PollCreateDialog"
+        >
+          <h2>
+            Poll type
+          </h2>
+          <div
+            class="mx_Field mx_Field_select"
+          >
+            <select
+              id="mx_Field_4"
+              type="text"
+            >
+              <option
+                value="org.matrix.msc3381.poll.disclosed"
+              >
+                Open poll
+              </option>
+              <option
+                value="org.matrix.msc3381.poll.undisclosed"
+              >
+                Closed poll
+              </option>
+            </select>
+            <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
+          </p>
+          <h2>
+            What is your poll question or topic?
+          </h2>
+          <div
+            class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
+          >
+            <input
+              id="poll-topic-input"
+              label="Question or topic"
+              maxlength="340"
+              placeholder="Write something…"
+              type="text"
+              value="How many turnips is the optimal number?"
+            />
+            <label
+              for="poll-topic-input"
+            >
+              Question or topic
+            </label>
+          </div>
+          <h2>
+            Create options
+          </h2>
+          <div
+            class="mx_PollCreateDialog_option"
+          >
+            <div
+              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
+            >
+              <input
+                id="pollcreate_option_0"
+                label="Option 1"
+                maxlength="340"
+                placeholder="Write an option"
+                type="text"
+                value="As many as my neighbour"
+              />
+              <label
+                for="pollcreate_option_0"
+              >
+                Option 1
+              </label>
+            </div>
+            <div
+              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"
+          >
+            <div
+              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
+            >
+              <input
+                id="pollcreate_option_1"
+                label="Option 2"
+                maxlength="340"
+                placeholder="Write an option"
+                type="text"
+                value="The question is meaningless"
+              />
+              <label
+                for="pollcreate_option_1"
+              >
+                Option 2
+              </label>
+            </div>
+            <div
+              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"
+          >
+            <div
+              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
+            >
+              <input
+                id="pollcreate_option_2"
+                label="Option 3"
+                maxlength="340"
+                placeholder="Write an option"
+                type="text"
+                value="Mu"
+              />
+              <label
+                for="pollcreate_option_2"
+              >
+                Option 3
+              </label>
+            </div>
+            <div
+              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"
+            role="button"
+            tabindex="0"
+          >
+            Add option
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_CompoundDialog_footer"
+      >
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
+          role="button"
+          tabindex="0"
+        >
+          Cancel
+        </div>
+        <button
+          class="mx_AccessibleButton mx_Dialog_nonDialogButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+          role="button"
+          tabindex="0"
+          type="submit"
+        >
+          Create Poll
+        </button>
+      </div>
+    </form>
+  </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[`PollCreateDialog renders info from a previous event 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_CompoundDialog_content"
+    aria-labelledby="mx_CompoundDialog_title"
+    class="mx_CompoundDialog mx_ScrollableBaseDialog"
+    data-focus-lock-disabled="false"
+    role="dialog"
+  >
+    <div
+      class="mx_CompoundDialog_header"
+    >
+      <h1>
+        Edit poll
+      </h1>
+    </div>
+    <div
+      aria-label="Close dialog"
+      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"
+    >
+      <div
+        class="mx_CompoundDialog_content"
+      >
+        <div
+          class="mx_PollCreateDialog"
+        >
+          <h2>
+            Poll type
+          </h2>
+          <div
+            class="mx_Field mx_Field_select"
+          >
+            <select
+              id="mx_Field_5"
+              type="text"
+            >
+              <option
+                value="org.matrix.msc3381.poll.disclosed"
+              >
+                Open poll
+              </option>
+              <option
+                value="org.matrix.msc3381.poll.undisclosed"
+              >
+                Closed poll
+              </option>
+            </select>
+            <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
+          </p>
+          <h2>
+            What is your poll question or topic?
+          </h2>
+          <div
+            class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
+          >
+            <input
+              id="poll-topic-input"
+              label="Question or topic"
+              maxlength="340"
+              placeholder="Write something…"
+              type="text"
+              value="Poll Q"
+            />
+            <label
+              for="poll-topic-input"
+            >
+              Question or topic
+            </label>
+          </div>
+          <h2>
+            Create options
+          </h2>
+          <div
+            class="mx_PollCreateDialog_option"
+          >
+            <div
+              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
+            >
+              <input
+                id="pollcreate_option_0"
+                label="Option 1"
+                maxlength="340"
+                placeholder="Write an option"
+                type="text"
+                value="Answer 1"
+              />
+              <label
+                for="pollcreate_option_0"
+              >
+                Option 1
+              </label>
+            </div>
+            <div
+              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"
+          >
+            <div
+              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
+            >
+              <input
+                id="pollcreate_option_1"
+                label="Option 2"
+                maxlength="340"
+                placeholder="Write an option"
+                type="text"
+                value="Answer 2"
+              />
+              <label
+                for="pollcreate_option_1"
+              >
+                Option 2
+              </label>
+            </div>
+            <div
+              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"
+            role="button"
+            tabindex="0"
+          >
+            Add option
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_CompoundDialog_footer"
+      >
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
+          role="button"
+          tabindex="0"
+        >
+          Cancel
+        </div>
+        <button
+          class="mx_AccessibleButton mx_Dialog_nonDialogButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+          role="button"
+          tabindex="0"
+          type="submit"
+        >
+          Done
+        </button>
+      </div>
+    </form>
+  </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/apps/web/test/unit-tests/components/views/elements/__snapshots__/QRCode-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/QRCode-test.tsx.snap
new file mode 100644
index 00000000000..9a9d7bb2249
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/QRCode-test.tsx.snap
@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<QRCode /> renders a QR with defaults 1`] = `
+<div>
+  <div
+    class="mx_QRCode"
+  >
+    <img
+      alt="QR Code"
+      class="mx_VerificationQRCode"
+      src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB0CAYAAABUmhYnAAAAAklEQVR4AewaftIAAALASURBVO3BQW7kQAwEwSxC//9yro88NSBIM2sTjIg/WGMUa5RijVKsUYo1SrFGKdYoxRqlWKMUa5RijVKsUYo1SrFGKdYoxRrl4qEkfJPKSRI6lS4JJypdEr5J5YlijVKsUYo1ysXLVN6UhCeScKJyh8qbkvCmYo1SrFGKNcrFhyXhDpU7knCi0iWhS0KnckcS7lD5pGKNUqxRijXKxR+n0iXhDpVJijVKsUYp1igXw6h0SehUuiR0Kn9ZsUYp1ijFGuXiw1T+J5VPUvlNijVKsUYp1igXL0vCNyWhU+mS0Kk8kYTfrFijFGuUYo1y8ZDKb5KETqVLwh0qf0mxRinWKMUa5eKhJNyh0iXhk5JwotIl4UTljiR0Kp9UrFGKNUqxRrl4SKVLQqfSJaFT6ZLQqXyTSpeEO5LQqZwkoVN5olijFGuUYo1y8VASOpUTlTuScKLSJaFTOUlCp9KpnCThjiR8UrFGKdYoxRrl4j9LQqfypiR0Kp3KSRI6lU7lDpVPKtYoxRqlWKNcfFgSnkhCp3KHykkSOpU7ktCp3JGETuWJYo1SrFGKNUr8wR+WhCdUuiR0Kl0SOpU7knCi8kSxRinWKMUa5eKhJHyTyolKl4QnkvBEEr6pWKMUa5RijXLxMpU3JeEJlS4JXRJOVLokdEk4UTlJwpuKNUqxRinWKBcfloQ7VL5JpUtCl4QTlZMkdCqfVKxRijVKsUa5+ONUuiR0Kp3KiUqXhE7liSR0Km8q1ijFGqVYo1z8cUk4SUKn0iWhU+lUTpLQqXQqJ0noVJ4o1ijFGqVYo1x8mMo3qXRJOFE5SUKn0qmcJOFE5U3FGqVYoxRrlIuXJeE3UTlJQqdyRxI6lTuS0Kk8UaxRijVKsUaJP1hjFGuUYo1SrFGKNUqxRinWKMUapVijFGuUYo1SrFGKNUqxRinWKMUa5R93wRT2jE+pTAAAAABJRU5ErkJggg=="
+    />
+  </div>
+</div>
+`;
+
+exports[`<QRCode /> renders a QR with high error correction level 1`] = `
+<div>
+  <div
+    class="mx_QRCode"
+  >
+    <img
+      alt="QR Code"
+      class="mx_VerificationQRCode"
+      src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB0CAYAAABUmhYnAAAAAklEQVR4AewaftIAAAKwSURBVO3BQY6YUAwFwW6L+1/5ZZZefQkBk8RylfnBGqNYoxRrlGKNUqxRijVKsUYp1ijFGqVYoxRrlGKNUqxRijVKsUYp1igXD6n8piQ8oXKShE7lNyXhiWKNUqxRijXKxcuS8CaVE5UuCZ3KSRLuSMKbVN5UrFGKNUqxRrn4mModSXhC5SQJnUqXhDtU7kjCl4o1SrFGKdYoF8MkoVM5ScIkxRqlWKMUa5SLYVS6JHQqJ0n4nxVrlGKNUqxRLj6WhN+UhE6lS0Kn8kQS/iXFGqVYoxRrlIuXqUym8i8r1ijFGqVYo1w8lIS/KQmdypuS8D8p1ijFGqVYo1x8TKVLwonKE0noVDqVLgmdSpeETuVNSXhTsUYp1ijFGsX84EUqXRJOVLokvEnlS0m4Q+UkCU8Ua5RijVKsUcwPPqTypST8JpWTJNyh0iXhiWKNUqxRijXKxUMqdyShUzlJQqfSqXRJ6FS6JLwpCZ1Kl4ROpUvCm4o1SrFGKdYo5gcfUumScKJyRxI6lTuS0Kl0SehU7khCp3KShCeKNUqxRinWKBcfS8IdSbhD5Y4kdCpdEjqVLgknKidJ6FTeVKxRijVKsUa5eEjlNyXhjiR0Kr9JpUvCl4o1SrFGKdYoFy9LwptU7kjCSRI6lU6lS8KJSpeEE5UvFWuUYo1SrFEuPqZyRxLuSEKn0iWhU+mS8EQSOpW/qVijFGuUYo1yMZzKHSpdEjqVLgl3JOFLxRqlWKMUa5SL/5zKl1ROVE6S0KmcJOGJYo1SrFGKNcrFx5LwpSR0Kl0STlS6JJyodEnoVDqVLglfKtYoxRqlWKNcvEzlX6JykoQTlROVJ1S6JDxRrFGKNUqxRjE/WGMUa5RijVKsUYo1SrFGKdYoxRqlWKMUa5RijVKsUYo1SrFGKdYoxRrlD3iZAgP0EjHgAAAAAElFTkSuQmCC"
+    />
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/ReplyChain-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/ReplyChain-test.tsx.snap
new file mode 100644
index 00000000000..d593ca8084c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/ReplyChain-test.tsx.snap
@@ -0,0 +1,64 @@
+// 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _disambiguatedProfile_4jooo_8"
+                role="button"
+                tabindex="0"
+              >
+                <span
+                  class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 mx_DisambiguatedProfile_displayName"
+                  dir="auto"
+                >
+                  @userId:matrix.org
+                </span>
+              </div>
+            </div>
+            <div
+              class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+            >
+              <div
+                class="mx_EventTile_body translate"
+                dir="auto"
+              >
+                A
+B
+C
+              </div>
+            </div>
+          </a>
+        </div>
+      </blockquote>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/RoomFacePile-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/RoomFacePile-test.tsx.snap
new file mode 100644
index 00000000000..0c4e9c7d383
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/RoomFacePile-test.tsx.snap
@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<RoomFacePile /> renders 1`] = `
+<DocumentFragment>
+  <div
+    aria-describedby="react-use-id-1"
+    aria-labelledby="react-use-id-2"
+    class="mx_AccessibleButton mx_FacePile"
+    role="button"
+    tabindex="0"
+  >
+    <div
+      class="_stacked-avatars_va14e_109"
+    >
+      <span
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+        data-color="4"
+        data-testid="avatar-img"
+        data-type="round"
+        role="presentation"
+        style="--cpd-avatar-size: 28px;"
+      >
+        b
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/SearchWarning-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/SearchWarning-test.tsx.snap
new file mode 100644
index 00000000000..f2b8719b39a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/SearchWarning-test.tsx.snap
@@ -0,0 +1,50 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SearchWarning /> with desktop builds available renders with a logo by default 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SearchWarning"
+  >
+    <img
+      alt=""
+      src="https://logo"
+      width="32px"
+    />
+    <span>
+      <span>
+        Use the 
+        <a
+          href="https://url"
+          rel="noreferrer noopener"
+          target="_blank"
+        >
+          Desktop app
+        </a>
+         to search encrypted messages
+      </span>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<SearchWarning /> with desktop builds available renders without a logo when showLogo=false 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SearchWarning"
+  >
+    <span>
+      <span>
+        Use the 
+        <a
+          href="https://url"
+          rel="noreferrer noopener"
+          target="_blank"
+        >
+          Desktop app
+        </a>
+         to search encrypted messages
+      </span>
+    </span>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/SettingsDropdown-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/SettingsDropdown-test.tsx.snap
new file mode 100644
index 00000000000..21e244a88bc
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/SettingsDropdown-test.tsx.snap
@@ -0,0 +1,57 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SettingsDropdown /> should render a disabled setting 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsDropdown"
+  >
+    <label
+      class="mx_SettingsDropdown_label"
+      for="react-use-id-1"
+    >
+      <span
+        class="mx_SettingsDropdown_labelText"
+      >
+        Open %(brand)s when you log in to your computer
+      </span>
+    </label>
+    <div
+      class="mx_Dropdown mx_Dropdown_disabled"
+    >
+      <div
+        aria-describedby="react-use-id-1_value"
+        aria-disabled="true"
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        aria-label="Open %(brand)s when you log in to your computer"
+        aria-owns="react-use-id-1_input"
+        class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput mx_AccessibleButton_disabled"
+        disabled=""
+        role="button"
+        tabindex="0"
+      >
+        <div
+          class="mx_Dropdown_option"
+          id="react-use-id-1_value"
+        >
+          <div>
+            No
+          </div>
+        </div>
+        <svg
+          class="mx_Dropdown_arrow"
+          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>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/SettingsField-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/SettingsField-test.tsx.snap
new file mode 100644
index 00000000000..bd80e562ec8
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/SettingsField-test.tsx.snap
@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SettingsField /> should render with the default label 1`] = `
+<DocumentFragment>
+  <form
+    class="_root_1o4d9_17"
+  >
+    <div
+      class="_field_1o4d9_27"
+    >
+      <label
+        class="_label_1o4d9_60"
+        for="radix-react-use-id-1"
+      >
+        Element Call URL
+      </label>
+      <div
+        class="_controls_17lij_8"
+      >
+        <input
+          class="_control_d83jn_10"
+          id="radix-react-use-id-1"
+          name="input"
+          title=""
+          value=""
+        />
+      </div>
+    </div>
+  </form>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/SpellCheckLanguagesDropdown-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/SpellCheckLanguagesDropdown-test.tsx.snap
new file mode 100644
index 00000000000..d558bf31922
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/SpellCheckLanguagesDropdown-test.tsx.snap
@@ -0,0 +1,41 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SpellCheckLanguagesDropdown /> renders as expected 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_Dropdown mx_GeneralUserSettingsTab_spellCheckLanguageInput"
+  >
+    <div
+      aria-describedby="mx_LanguageDropdown_value"
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      aria-label="Language Dropdown"
+      aria-owns="mx_LanguageDropdown_input"
+      class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
+      role="button"
+      tabindex="0"
+    >
+      <div
+        class="mx_Dropdown_option"
+        id="mx_LanguageDropdown_value"
+      >
+        <div>
+          English
+        </div>
+      </div>
+      <svg
+        class="mx_Dropdown_arrow"
+        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>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/StyledRadioGroup-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/StyledRadioGroup-test.tsx.snap
new file mode 100644
index 00000000000..625f55d7cad
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/StyledRadioGroup-test.tsx.snap
@@ -0,0 +1,89 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<StyledRadioGroup /> renders radios correctly when no value is provided 1`] = `
+<DocumentFragment>
+  <label
+    class="mx_StyledRadioButton test-class a-class mx_StyledRadioButton_enabled"
+  >
+    <input
+      aria-describedby="test-Anteater-description"
+      id="test-Anteater"
+      name="test"
+      type="radio"
+      value="Anteater"
+    />
+    <div>
+      <div />
+    </div>
+    <div
+      class="mx_StyledRadioButton_content"
+    >
+      <span>
+        Anteater label
+      </span>
+    </div>
+    <div
+      class="mx_StyledRadioButton_spacer"
+    />
+  </label>
+  <span
+    id="test-Anteater-description"
+  >
+    anteater description
+  </span>
+  <label
+    class="mx_StyledRadioButton test-class mx_StyledRadioButton_enabled"
+  >
+    <input
+      id="test-Badger"
+      name="test"
+      type="radio"
+      value="Badger"
+    />
+    <div>
+      <div />
+    </div>
+    <div
+      class="mx_StyledRadioButton_content"
+    >
+      <span>
+        Badger label
+      </span>
+    </div>
+    <div
+      class="mx_StyledRadioButton_spacer"
+    />
+  </label>
+  <label
+    class="mx_StyledRadioButton test-class mx_StyledRadioButton_enabled"
+  >
+    <input
+      aria-describedby="test-Canary-description"
+      id="test-Canary"
+      name="test"
+      type="radio"
+      value="Canary"
+    />
+    <div>
+      <div />
+    </div>
+    <div
+      class="mx_StyledRadioButton_content"
+    >
+      <span>
+        Canary label
+      </span>
+    </div>
+    <div
+      class="mx_StyledRadioButton_spacer"
+    />
+  </label>
+  <span
+    id="test-Canary-description"
+  >
+    <span>
+      Canary description
+    </span>
+  </span>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/SyntaxHighlight-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/SyntaxHighlight-test.tsx.snap
new file mode 100644
index 00000000000..b44dcaa96d7
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/SyntaxHighlight-test.tsx.snap
@@ -0,0 +1,30 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SyntaxHighlight /> renders 1`] = `
+<div>
+  <pre
+    class="mx_SyntaxHighlight hljs language-javascript"
+  >
+    <code>
+      <span
+        class="hljs-variable language_"
+      >
+        console
+      </span>
+      .
+      <span
+        class="hljs-title function_"
+      >
+        log
+      </span>
+      (
+      <span
+        class="hljs-string"
+      >
+        "Hello, World!"
+      </span>
+      );
+    </code>
+  </pre>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/elements/crypto/VerificationQRCode-test.tsx b/apps/web/test/unit-tests/components/views/elements/crypto/VerificationQRCode-test.tsx
new file mode 100644
index 00000000000..13f2206da0c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/crypto/VerificationQRCode-test.tsx
@@ -0,0 +1,31 @@
+/*
+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 { cleanup, render } from "jest-matrix-react";
+import React from "react";
+
+import { mockQRCodeRender, resetQRCodeMock, waitForQRCodeRender } from "../../../../../test-utils/qrcode";
+import VerificationQRCode from "../../../../../../src/components/views/elements/crypto/VerificationQRCode";
+
+describe("<VerificationQRCode />", () => {
+    afterEach(() => {
+        resetQRCodeMock();
+        cleanup();
+    });
+
+    it("renders a QR code", async () => {
+        mockQRCodeRender();
+        const { container, getAllByAltText } = render(
+            <VerificationQRCode qrCodeBytes={new Uint8ClampedArray(Buffer.from("asd"))} />,
+        );
+        // wait for the spinner to go away
+        await waitForQRCodeRender();
+        expect(getAllByAltText("QR Code")).toHaveLength(1);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/elements/crypto/__snapshots__/VerificationQRCode-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/crypto/__snapshots__/VerificationQRCode-test.tsx.snap
new file mode 100644
index 00000000000..e2e03a6f30f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/elements/crypto/__snapshots__/VerificationQRCode-test.tsx.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<VerificationQRCode /> renders a QR code 1`] = `
+<div>
+  <div
+    class="mx_QRCode mx_VerificationQRCode"
+  >
+    <img
+      alt="QR Code"
+      class="mx_VerificationQRCode"
+      src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMQAAADECAYAAADApo5rAAAAAklEQVR4AewaftIAAAPVSURBVO3BQQ4bRxAEwawG///lsiADfdqBQWpFkVZGpD8g6adB0hokrUHSGiStQdIaJK1B0hokrUHSGiStQdIaJK1B0hokrUHSGiStQdIaJK1B0hokrUHSGiStQdIaJK1B0hokrUHSevBmSfhWbXlWEk7acpKEZ7XlJAnfqi3vMkhag6Q1SFqDpDVIWg8+RFs+QRLeJQmvaMud2vIJkvCnDZLWIGkNktYgaQ2S1iBpPfgCSbhTW+6WhGe15SQJJ0m40pa7JeFObflkg6Q1SFqDpDVIWoOkNUhaD3SLtlxJwt3aot9jkLQGSWuQtAZJa5C0BknrgX6rtpwk4aQtJ0m40hb9mkHSGiStQdIaJK1B0nrwBdryf9SWT9eWv8kgaQ2S1iBpDZLWIGkNktaDD5GEb5aEK205ScJJW94lCfrXIGkNktYgaQ2S1iBpDZLWgzdry98kCSdtOUnCndqi/zZIWoOkNUhag6Q1SFqDpPXgzZJwp7acJOGTJeEVbbmShFe05U5JOGnLJxskrUHSGiStQdIaJK0Hb9aWK0k4actJEk7aciUJJ235Vm05ScKdknDSllck4Upb3mWQtAZJa5C0BklrkLQGSevBmyXhSlte0ZY7JeEVbbmShJO2vCIJV9py0pZXJOFOSfhkg6Q1SFqDpDVIWoOkNUhaD/7HknClLZ8gCSdtOWnLs5Jw0paTttypLZ9skLQGSWuQtAZJa5C0BknrwRdIwrsk4aQtd2rLK5JwpS13S8KVttwtCVfa8i6DpDVIWoOkNUhag6SV/oB+WRLepS1XknDSlpMknLTlTkl4VlveZZC0BklrkLQGSWuQtAZJ68GbJeFbteVZbTlJwrsk4V2S8K0GSWuQtAZJa5C0BklrkLQefIi2fIIkvEtbTpJwkoRnteUkCSdJeFZbXpGEP22QtAZJa5C0BklrkLQGSevBF0jCndryzdpyJQknSXhFW56VhJO2fLJB0hokrUHSGiStQdJ6oFu05UoSTtpy0pZnteUkCSdteZcknLTlTxskrUHSGiStQdIaJK1B0nqgWyThWUk4actJEq605aQtr0jClbactOUVSbjSlncZJK1B0hokrUHSGiStQdJ68AXa8q3acpKEV7TlWUk4actJW56VhFe05U8bJK1B0hokrUHSGiStQdJ68CGS8LdpyyuScKUtd0vClbbcLQlX2vIug6Q1SFqDpDVIWoOklf6ApJ8GSWuQtAZJa5C0BklrkLQGSWuQtAZJa5C0BklrkLQGSWuQtAZJa5C0BklrkLQGSWuQtAZJa5C0BklrkLQGSWuQtP4BohkVlic75PUAAAAASUVORK5CYII="
+    />
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/location/LiveDurationDropdown-test.tsx b/apps/web/test/unit-tests/components/views/location/LiveDurationDropdown-test.tsx
new file mode 100644
index 00000000000..a0f9aa984fb
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/LiveDurationDropdown-test.tsx
@@ -0,0 +1,62 @@
+/*
+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 userEvent from "@testing-library/user-event";
+
+import LiveDurationDropdown, {
+    DEFAULT_DURATION_MS,
+} from "../../../../../src/components/views/location/LiveDurationDropdown";
+import { mockPlatformPeg } from "../../../../test-utils";
+
+mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
+
+describe("<LiveDurationDropdown />", () => {
+    const defaultProps = {
+        timeout: DEFAULT_DURATION_MS,
+        onChange: jest.fn(),
+    };
+    const renderComponent = (props = {}) => render(<LiveDurationDropdown {...defaultProps} {...props} />);
+
+    const getOption = (duration: string) => screen.getByRole("option", { name: `Share for ${duration}` });
+    const getSelectedOption = (duration: string) => screen.getByRole("button", { name: `Share for ${duration}` });
+    const openDropdown = async () => {
+        await userEvent.click(screen.getByRole("button"));
+    };
+
+    it("renders timeout as selected option", () => {
+        renderComponent();
+        expect(getSelectedOption("15m")).toBeInTheDocument();
+    });
+
+    it("renders non-default timeout as selected option", () => {
+        const timeout = 1234567;
+        renderComponent({ timeout });
+        expect(getSelectedOption("21m")).toBeInTheDocument();
+    });
+
+    it("renders a dropdown option for a non-default timeout value", async () => {
+        const timeout = 1234567;
+        renderComponent({ timeout });
+        await openDropdown();
+        expect(getOption("21m")).toBeInTheDocument();
+    });
+
+    it("updates value on option selection", async () => {
+        const onChange = jest.fn();
+        renderComponent({ onChange });
+
+        const ONE_HOUR = 3600000;
+
+        await openDropdown();
+        await userEvent.click(getOption("1h"));
+
+        expect(onChange).toHaveBeenCalledWith(ONE_HOUR);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/location/LocationPicker-test.tsx b/apps/web/test/unit-tests/components/views/location/LocationPicker-test.tsx
new file mode 100644
index 00000000000..365f6678df1
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/LocationPicker-test.tsx
@@ -0,0 +1,326 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+import { act, fireEvent, render, type RenderResult } from "jest-matrix-react";
+import * as maplibregl from "maplibre-gl";
+import { RoomMember, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import LocationPicker from "../../../../../src/components/views/location/LocationPicker";
+import { LocationShareType } from "../../../../../src/components/views/location/shareLocation";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { getMockClientWithEventEmitter, mockPlatformPeg } from "../../../../test-utils";
+import { findMapStyleUrl, LocationShareError } from "../../../../../src/utils/location";
+
+jest.mock("../../../../../src/utils/location/findMapStyleUrl", () => ({
+    findMapStyleUrl: jest.fn().mockReturnValue("tileserver.com"),
+}));
+
+// dropdown uses this
+mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
+
+describe("LocationPicker", () => {
+    describe("<LocationPicker />", () => {
+        const roomId = "!room:server.org";
+        const userId = "@user:server.org";
+        const sender = new RoomMember(roomId, userId);
+        const defaultProps = {
+            sender,
+            shareType: LocationShareType.Own,
+            onChoose: jest.fn(),
+            onFinished: jest.fn(),
+        };
+        const mockClient = getMockClientWithEventEmitter({
+            isGuest: jest.fn(),
+            getClientWellKnown: jest.fn(),
+        });
+        const getComponent = (props = {}): RenderResult =>
+            render(<LocationPicker {...defaultProps} {...props} />, {
+                wrapper: ({ children }) => (
+                    <MatrixClientContext.Provider value={mockClient}>{children}</MatrixClientContext.Provider>
+                ),
+            });
+
+        const mapOptions = { container: {} as unknown as HTMLElement, style: "" };
+        const mockMap = new maplibregl.Map(mapOptions);
+        const mockGeolocate = new maplibregl.GeolocateControl({});
+        const mockMarker = new maplibregl.Marker();
+
+        const mockGeolocationPosition = {
+            coords: {
+                latitude: 43.2,
+                longitude: 12.4,
+                altitude: 12.3,
+                accuracy: 21,
+            },
+            timestamp: 123,
+        };
+        const mockClickEvent = {
+            lngLat: {
+                lat: 43.2,
+                lng: 12.4,
+            },
+        };
+
+        beforeEach(() => {
+            jest.spyOn(logger, "error").mockRestore();
+            jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient as unknown as MatrixClient);
+            jest.clearAllMocks();
+            mocked(mockMap).addControl.mockReset();
+            mocked(findMapStyleUrl).mockReturnValue("tileserver.com");
+        });
+
+        it("displays error when map emits an error", () => {
+            // suppress expected error log
+            jest.spyOn(logger, "error").mockImplementation(() => {});
+            const { getByTestId, getByText } = getComponent();
+
+            act(() => {
+                // @ts-ignore
+                mocked(mockMap).emit("error", { error: "Something went wrong" });
+            });
+
+            expect(getByTestId("map-rendering-error")).toBeInTheDocument();
+            expect(
+                getByText(
+                    "This homeserver is not configured correctly to display maps, " +
+                        "or the configured map server may be unreachable.",
+                ),
+            ).toBeInTheDocument();
+        });
+
+        it("displays error when map display is not configured properly", () => {
+            // suppress expected error log
+            jest.spyOn(logger, "error").mockImplementation(() => {});
+            mocked(findMapStyleUrl).mockImplementation(() => {
+                throw new Error(LocationShareError.MapStyleUrlNotConfigured);
+            });
+
+            const { getByText } = getComponent();
+
+            expect(getByText("This homeserver is not configured to display maps.")).toBeInTheDocument();
+        });
+
+        it("displays error when WebGl is not enabled", () => {
+            // suppress expected error log
+            jest.spyOn(logger, "error").mockImplementation(() => {});
+            mocked(findMapStyleUrl).mockImplementation(() => {
+                throw new Error("Failed to initialize WebGL");
+            });
+
+            const { getByText } = getComponent();
+
+            expect(
+                getByText("WebGL is required to display maps, please enable it in your browser settings."),
+            ).toBeInTheDocument();
+        });
+
+        it("displays error when map setup throws", () => {
+            // suppress expected error log
+            jest.spyOn(logger, "error").mockImplementation(() => {});
+
+            // throw an error
+            mocked(mockMap).addControl.mockImplementation(() => {
+                throw new Error("oups");
+            });
+
+            const { getByText } = getComponent();
+
+            expect(
+                getByText(
+                    "This homeserver is not configured correctly to display maps, " +
+                        "or the configured map server may be unreachable.",
+                ),
+            ).toBeInTheDocument();
+        });
+
+        it("initiates map with geolocation", () => {
+            getComponent();
+
+            expect(mockMap.addControl).toHaveBeenCalledWith(mockGeolocate);
+            act(() => {
+                // @ts-ignore
+                mocked(mockMap).emit("load");
+            });
+
+            expect(mockGeolocate.trigger).toHaveBeenCalled();
+        });
+
+        const testUserLocationShareTypes = (shareType: LocationShareType.Own | LocationShareType.Live) => {
+            describe("user location behaviours", () => {
+                it("closes and displays error when geolocation errors", () => {
+                    // suppress expected error log
+                    jest.spyOn(logger, "error").mockImplementation(() => {});
+                    const onFinished = jest.fn();
+                    getComponent({ onFinished, shareType });
+
+                    expect(mockMap.addControl).toHaveBeenCalledWith(mockGeolocate);
+                    act(() => {
+                        // @ts-ignore
+                        mockMap.emit("load");
+                        // @ts-ignore
+                        mockGeolocate.emit("error", {});
+                    });
+
+                    // dialog is closed on error
+                    expect(onFinished).toHaveBeenCalled();
+                });
+
+                it("sets position on geolocate event", () => {
+                    const { container, getByTestId } = getComponent({ shareType });
+                    act(() => {
+                        // @ts-ignore
+                        mocked(mockGeolocate).emit("geolocate", mockGeolocationPosition);
+                    });
+
+                    // marker added
+                    expect(maplibregl.Marker).toHaveBeenCalled();
+                    expect(mockMarker.setLngLat).toHaveBeenCalledWith(new maplibregl.LngLat(12.4, 43.2));
+                    // submit button is enabled when position is truthy
+                    expect(getByTestId("location-picker-submit-button")).not.toBeDisabled();
+                    expect(container.querySelector(".mx_BaseAvatar")).toBeInTheDocument();
+                });
+
+                it("disables submit button until geolocation completes", () => {
+                    const onChoose = jest.fn();
+                    const { getByTestId } = getComponent({ shareType, onChoose });
+
+                    // button is disabled
+                    expect(getByTestId("location-picker-submit-button")).toBeDisabled();
+                    fireEvent.click(getByTestId("location-picker-submit-button"));
+                    // nothing happens on button click
+                    expect(onChoose).not.toHaveBeenCalled();
+
+                    act(() => {
+                        // @ts-ignore
+                        mocked(mockGeolocate).emit("geolocate", mockGeolocationPosition);
+                    });
+
+                    // submit button is enabled when position is truthy
+                    expect(getByTestId("location-picker-submit-button")).not.toBeDisabled();
+                });
+
+                it("submits location", () => {
+                    const onChoose = jest.fn();
+                    const { getByTestId } = getComponent({ onChoose, shareType });
+                    act(() => {
+                        // @ts-ignore
+                        mocked(mockGeolocate).emit("geolocate", mockGeolocationPosition);
+                        // make sure button is enabled
+                    });
+
+                    fireEvent.click(getByTestId("location-picker-submit-button"));
+                    // content of this call is tested in LocationShareMenu-test
+                    expect(onChoose).toHaveBeenCalled();
+                });
+            });
+        };
+
+        describe("for Own location share type", () => {
+            testUserLocationShareTypes(LocationShareType.Own);
+        });
+
+        describe("for Live location share type", () => {
+            const shareType = LocationShareType.Live;
+            testUserLocationShareTypes(shareType);
+
+            it("renders live duration dropdown with default option", () => {
+                const { getByText } = getComponent({ shareType });
+                expect(getByText("Share for 15m")).toBeInTheDocument();
+            });
+
+            it("updates selected duration", () => {
+                const { getByText, getByLabelText } = getComponent({ shareType });
+
+                // open dropdown
+                fireEvent.click(getByLabelText("Share for 15m"));
+
+                fireEvent.click(getByText("Share for 1h"));
+
+                // value updated
+                expect(getByText("Share for 1h")).toMatchSnapshot();
+            });
+        });
+
+        describe("for Pin drop location share type", () => {
+            const shareType = LocationShareType.Pin;
+            it("initiates map with geolocation", () => {
+                getComponent({ shareType });
+
+                expect(mockMap.addControl).toHaveBeenCalledWith(mockGeolocate);
+                act(() => {
+                    // @ts-ignore
+                    mocked(mockMap).emit("load");
+                });
+
+                expect(mockGeolocate.trigger).toHaveBeenCalled();
+            });
+
+            it("removes geolocation control on geolocation error", () => {
+                // suppress expected error log
+                jest.spyOn(logger, "error").mockImplementation(() => {});
+                const onFinished = jest.fn();
+                getComponent({ onFinished, shareType });
+                act(() => {
+                    // @ts-ignore
+                    mockMap.emit("load");
+                    // @ts-ignore
+                    mockGeolocate.emit("error", {});
+                });
+
+                expect(mockMap.removeControl).toHaveBeenCalledWith(mockGeolocate);
+                // dialog is not closed
+                expect(onFinished).not.toHaveBeenCalled();
+            });
+
+            it("does not set position on geolocate event", () => {
+                mocked(maplibregl.Marker).mockClear();
+                const { container } = getComponent({ shareType });
+                act(() => {
+                    // @ts-ignore
+                    mocked(mockGeolocate).emit("geolocate", mockGeolocationPosition);
+                });
+
+                // marker not added
+                expect(container.querySelector("mx_Marker")).not.toBeInTheDocument();
+            });
+
+            it("sets position on click event", () => {
+                const { container } = getComponent({ shareType });
+                act(() => {
+                    // @ts-ignore
+                    mocked(mockMap).emit("click", mockClickEvent);
+                });
+
+                // marker added
+                expect(maplibregl.Marker).toHaveBeenCalled();
+                expect(mockMarker.setLngLat).toHaveBeenCalledWith(new maplibregl.LngLat(12.4, 43.2));
+
+                // marker is set, icon not avatar
+                expect(container.querySelector(".mx_Marker_icon")).toBeInTheDocument();
+            });
+
+            it("submits location", () => {
+                const onChoose = jest.fn();
+                const { getByTestId } = getComponent({ onChoose, shareType });
+                act(() => {
+                    // @ts-ignore
+                    mocked(mockMap).emit("click", mockClickEvent);
+                });
+
+                fireEvent.click(getByTestId("location-picker-submit-button"));
+
+                // content of this call is tested in LocationShareMenu-test
+                expect(onChoose).toHaveBeenCalled();
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/location/LocationShareMenu-test.tsx b/apps/web/test/unit-tests/components/views/location/LocationShareMenu-test.tsx
new file mode 100644
index 00000000000..d56691b3cdb
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/LocationShareMenu-test.tsx
@@ -0,0 +1,466 @@
+/*
+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 { mocked } from "jest-mock";
+import { RoomMember, RelationType, type MatrixClient, M_ASSET, LocationAssetType } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { act, fireEvent, render, type RenderResult } from "jest-matrix-react";
+import * as maplibregl from "maplibre-gl";
+
+import LocationShareMenu from "../../../../../src/components/views/location/LocationShareMenu";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { ChevronFace } from "../../../../../src/components/structures/ContextMenu";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { LocationShareType } from "../../../../../src/components/views/location/shareLocation";
+import {
+    flushPromisesWithFakeTimers,
+    getMockClientWithEventEmitter,
+    mockClientMethodsUser,
+    setupAsyncStoreWithClient,
+} from "../../../../test-utils";
+import Modal from "../../../../../src/Modal";
+import { DEFAULT_DURATION_MS } from "../../../../../src/components/views/location/LiveDurationDropdown";
+import { OwnBeaconStore } from "../../../../../src/stores/OwnBeaconStore";
+import { SettingLevel } from "../../../../../src/settings/SettingLevel";
+import QuestionDialog from "../../../../../src/components/views/dialogs/QuestionDialog";
+
+jest.useFakeTimers();
+
+jest.mock("../../../../../src/utils/location/findMapStyleUrl", () => ({
+    findMapStyleUrl: jest.fn().mockReturnValue("test"),
+}));
+
+jest.mock("../../../../../src/settings/SettingsStore", () => ({
+    getValue: jest.fn(),
+    setValue: jest.fn(),
+    monitorSetting: jest.fn(),
+    watchSetting: jest.fn(),
+    unwatchSetting: jest.fn(),
+}));
+
+jest.mock("../../../../../src/stores/OwnProfileStore", () => ({
+    OwnProfileStore: {
+        instance: {
+            on: jest.fn(),
+            displayName: "Ernie",
+            getHttpAvatarUrl: jest.fn().mockReturnValue("image.com/img"),
+        },
+    },
+}));
+
+jest.mock("../../../../../src/Modal", () => ({
+    createDialog: jest.fn(),
+    on: jest.fn(),
+    off: jest.fn(),
+    ModalManagerEvent: { Opened: "opened" },
+}));
+
+describe("<LocationShareMenu />", () => {
+    const userId = "@ernie:server.org";
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        getClientWellKnown: jest.fn().mockResolvedValue({
+            map_style_url: "maps.com",
+        }),
+        sendMessage: jest.fn(),
+        unstable_createLiveBeacon: jest.fn().mockResolvedValue({ event_id: "1" }),
+        unstable_setLiveBeacon: jest.fn().mockResolvedValue({ event_id: "1" }),
+        getVisibleRooms: jest.fn().mockReturnValue([]),
+    });
+
+    const defaultProps = {
+        menuPosition: {
+            top: 1,
+            left: 1,
+            chevronFace: ChevronFace.Bottom,
+        },
+        onFinished: jest.fn(),
+        openMenu: jest.fn(),
+        roomId: "!room:server.org",
+        sender: new RoomMember("!room:server.org", userId),
+    };
+
+    const mockGeolocate = new maplibregl.GeolocateControl({});
+    jest.spyOn(mockGeolocate, "on");
+    const mapOptions = { container: {} as unknown as HTMLElement, style: "" };
+    const mockMap = new maplibregl.Map(mapOptions);
+    jest.spyOn(mockMap, "on");
+
+    const position = {
+        coords: {
+            latitude: -36.24484561954707,
+            longitude: 175.46884959563613,
+            accuracy: 10,
+        },
+        timestamp: 1646305006802,
+        type: "geolocate",
+    };
+
+    const makeOwnBeaconStore = async () => {
+        const store = OwnBeaconStore.instance;
+
+        await setupAsyncStoreWithClient(store, mockClient);
+        return store;
+    };
+
+    const getComponent = (props = {}): RenderResult =>
+        render(<LocationShareMenu {...defaultProps} {...props} />, {
+            wrapper: ({ children }) => (
+                <MatrixClientContext.Provider value={mockClient}>{children}</MatrixClientContext.Provider>
+            ),
+        });
+
+    beforeEach(async () => {
+        jest.spyOn(logger, "error").mockRestore();
+        mocked(SettingsStore).getValue.mockReturnValue(false);
+        mockClient.sendMessage.mockClear();
+        mockClient.unstable_createLiveBeacon.mockClear().mockResolvedValue({ event_id: "1" });
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient as unknown as MatrixClient);
+        mocked(Modal).createDialog.mockClear();
+
+        jest.clearAllMocks();
+
+        await makeOwnBeaconStore();
+    });
+
+    const getBackButton = (getByLabelText: RenderResult["getByLabelText"]) => getByLabelText("Back");
+
+    const getCancelButton = (getByLabelText: RenderResult["getByLabelText"]) => getByLabelText("Close");
+
+    const setLocationGeolocate = () => {
+        // get the callback LocationShareMenu registered for geolocate
+        expect(mocked(mockGeolocate.on)).toHaveBeenCalledWith("geolocate", expect.any(Function));
+        const [, onGeolocateCallback] = mocked(mockGeolocate.on).mock.calls.find(([event]) => event === "geolocate")!;
+
+        // set the location
+        act(() => onGeolocateCallback(position));
+    };
+
+    const setLocationClick = () => {
+        // get the callback LocationShareMenu registered for geolocate
+        expect(mocked(mockMap.on)).toHaveBeenCalledWith("click", expect.any(Function));
+        const [, onMapClickCallback] = mocked(mockMap.on).mock.calls.find(([event]) => event === "click")!;
+
+        const event = {
+            lngLat: { lng: position.coords.longitude, lat: position.coords.latitude },
+        } as unknown as maplibregl.MapMouseEvent;
+        // set the location
+        act(() => onMapClickCallback(event));
+    };
+
+    const shareTypeLabels: Record<LocationShareType, string> = {
+        [LocationShareType.Own]: "My current location",
+        [LocationShareType.Live]: "My live location",
+        [LocationShareType.Pin]: "Drop a Pin",
+    };
+    const setShareType = (getByText: RenderResult["getByText"], shareType: LocationShareType) => {
+        fireEvent.click(getByText(shareTypeLabels[shareType]));
+    };
+
+    describe("when only Own share type is enabled", () => {
+        beforeEach(() => enableSettings([]));
+
+        it("renders own and live location options", () => {
+            const { getByText } = getComponent();
+            expect(getByText(shareTypeLabels[LocationShareType.Own])).toBeInTheDocument();
+            expect(getByText(shareTypeLabels[LocationShareType.Live])).toBeInTheDocument();
+        });
+
+        it("renders back button from location picker screen", () => {
+            const { getByText, getByLabelText } = getComponent();
+            setShareType(getByText, LocationShareType.Own);
+
+            expect(getBackButton(getByLabelText)).toBeInTheDocument();
+        });
+
+        it("clicking cancel button from location picker closes dialog", () => {
+            const onFinished = jest.fn();
+            const { getByLabelText } = getComponent({ onFinished });
+
+            fireEvent.click(getCancelButton(getByLabelText));
+
+            expect(onFinished).toHaveBeenCalled();
+        });
+
+        it("creates static own location share event on submission", () => {
+            const onFinished = jest.fn();
+            const { getByText } = getComponent({ onFinished });
+
+            setShareType(getByText, LocationShareType.Own);
+
+            setLocationGeolocate();
+
+            fireEvent.click(getByText("Share location"));
+
+            expect(onFinished).toHaveBeenCalled();
+            const [messageRoomId, relation, messageBody] = mockClient.sendMessage.mock.calls[0];
+            expect(messageRoomId).toEqual(defaultProps.roomId);
+            expect(relation).toEqual(null);
+            expect(messageBody).toEqual(
+                expect.objectContaining({
+                    [M_ASSET.name]: {
+                        type: LocationAssetType.Self,
+                    },
+                }),
+            );
+        });
+    });
+
+    describe("with pin drop share type enabled", () => {
+        it("renders share type switch with own and pin drop options", () => {
+            const { getByText } = getComponent();
+            expect(document.querySelector(".mx_LocationPicker")).not.toBeInTheDocument();
+
+            expect(getByText(shareTypeLabels[LocationShareType.Own])).toBeInTheDocument();
+            expect(getByText(shareTypeLabels[LocationShareType.Pin])).toBeInTheDocument();
+        });
+
+        it("does not render back button on share type screen", () => {
+            const { queryByLabelText } = getComponent();
+            expect(queryByLabelText("Back")).not.toBeInTheDocument();
+        });
+
+        it("clicking cancel button from share type screen closes dialog", () => {
+            const onFinished = jest.fn();
+            const { getByLabelText } = getComponent({ onFinished });
+
+            fireEvent.click(getCancelButton(getByLabelText));
+
+            expect(onFinished).toHaveBeenCalled();
+        });
+
+        it("selecting own location share type advances to location picker", () => {
+            const { getByText } = getComponent();
+
+            setShareType(getByText, LocationShareType.Own);
+
+            expect(document.querySelector(".mx_LocationPicker")).toBeInTheDocument();
+        });
+
+        it("clicking back button from location picker screen goes back to share screen", () => {
+            const onFinished = jest.fn();
+            const { getByText, getByLabelText } = getComponent({ onFinished });
+
+            // advance to location picker
+            setShareType(getByText, LocationShareType.Own);
+
+            expect(document.querySelector(".mx_LocationPicker")).toBeInTheDocument();
+
+            fireEvent.click(getBackButton(getByLabelText));
+
+            // back to share type
+            expect(getByText("What location type do you want to share?")).toBeInTheDocument();
+        });
+
+        it("creates pin drop location share event on submission", () => {
+            const onFinished = jest.fn();
+            const { getByText } = getComponent({ onFinished });
+
+            // advance to location picker
+            setShareType(getByText, LocationShareType.Pin);
+
+            setLocationClick();
+
+            fireEvent.click(getByText("Share location"));
+
+            expect(onFinished).toHaveBeenCalled();
+            const [messageRoomId, relation, messageBody] = mockClient.sendMessage.mock.calls[0];
+            expect(messageRoomId).toEqual(defaultProps.roomId);
+            expect(relation).toEqual(null);
+            expect(messageBody).toEqual(
+                expect.objectContaining({
+                    [M_ASSET.name]: {
+                        type: LocationAssetType.Pin,
+                    },
+                }),
+            );
+        });
+    });
+
+    describe("with live location disabled", () => {
+        beforeEach(() => enableSettings([]));
+
+        it("goes to labs flag screen after live options is clicked", () => {
+            const onFinished = jest.fn();
+            const { getByText, getByTestId } = getComponent({ onFinished });
+
+            setShareType(getByText, LocationShareType.Live);
+
+            expect(getByTestId("location-picker-enable-live-share")).toMatchSnapshot();
+        });
+
+        it("disables OK button when labs flag is not enabled", () => {
+            const { getByText } = getComponent();
+
+            setShareType(getByText, LocationShareType.Live);
+
+            expect(getByText("OK")).toHaveAttribute("aria-disabled", "true");
+        });
+
+        it("enables OK button when labs flag is toggled to enabled", () => {
+            const { getByText, getByLabelText } = getComponent();
+
+            setShareType(getByText, LocationShareType.Live);
+
+            fireEvent.click(getByLabelText("Enable live location sharing"));
+
+            expect(getByText("OK")).not.toHaveAttribute("aria-disabled", "true");
+        });
+
+        it("enables live share setting on ok button submit", () => {
+            const { getByText, getByLabelText } = getComponent();
+
+            setShareType(getByText, LocationShareType.Live);
+
+            fireEvent.click(getByLabelText("Enable live location sharing"));
+
+            fireEvent.click(getByText("OK"));
+
+            expect(SettingsStore.setValue).toHaveBeenCalledWith(
+                "feature_location_share_live",
+                null,
+                SettingLevel.DEVICE,
+                true,
+            );
+        });
+
+        it("navigates to location picker when live share is enabled in settings store", () => {
+            // @ts-ignore
+            mocked(SettingsStore.watchSetting).mockImplementation((featureName, roomId, callback) => {
+                callback(featureName, roomId, SettingLevel.DEVICE, "", "");
+                window.setTimeout(() => {
+                    callback(featureName, roomId, SettingLevel.DEVICE, "", "");
+                }, 1000);
+            });
+            mocked(SettingsStore.getValue).mockReturnValue(false);
+            const { getByText, getByLabelText } = getComponent();
+
+            setShareType(getByText, LocationShareType.Live);
+
+            // we're on enable live share screen
+            expect(getByLabelText("Enable live location sharing")).toBeInTheDocument();
+
+            act(() => {
+                mocked(SettingsStore.getValue).mockReturnValue(true);
+                // advance so watchSetting will update the value
+                jest.runAllTimers();
+            });
+
+            // advanced to location picker
+            expect(document.querySelector(".mx_LocationPicker")).toBeInTheDocument();
+        });
+    });
+
+    describe("Live location share", () => {
+        beforeEach(() => enableSettings(["feature_location_share_live"]));
+
+        it("does not display live location share option when composer has a relation", () => {
+            const relation = {
+                rel_type: RelationType.Thread,
+                event_id: "12345",
+            };
+            const { queryByText } = getComponent({ relation });
+
+            expect(queryByText(shareTypeLabels[LocationShareType.Live])).not.toBeInTheDocument();
+        });
+
+        it("creates beacon info event on submission", async () => {
+            const onFinished = jest.fn();
+            const { getByText } = getComponent({ onFinished });
+
+            // advance to location picker
+            setShareType(getByText, LocationShareType.Live);
+            setLocationGeolocate();
+
+            fireEvent.click(getByText("Share location"));
+
+            // flush stopping existing beacons promises
+            await flushPromisesWithFakeTimers();
+
+            expect(onFinished).toHaveBeenCalled();
+            const [eventRoomId, eventContent] = mockClient.unstable_createLiveBeacon.mock.calls[0];
+            expect(eventRoomId).toEqual(defaultProps.roomId);
+            expect(eventContent).toEqual(
+                expect.objectContaining({
+                    // default timeout
+                    timeout: DEFAULT_DURATION_MS,
+                    description: `Ernie's live location`,
+                    live: true,
+                    [M_ASSET.name]: {
+                        type: LocationAssetType.Self,
+                    },
+                }),
+            );
+        });
+
+        it("opens error dialog when beacon creation fails", async () => {
+            // stub logger to keep console clean from expected error
+            const logSpy = jest.spyOn(logger, "error").mockReturnValue(undefined);
+            const error = new Error("oh no");
+            mockClient.unstable_createLiveBeacon.mockRejectedValue(error);
+            const { getByText } = getComponent();
+
+            // advance to location picker
+            setShareType(getByText, LocationShareType.Live);
+            setLocationGeolocate();
+
+            fireEvent.click(getByText("Share location"));
+
+            await flushPromisesWithFakeTimers();
+            await flushPromisesWithFakeTimers();
+            await flushPromisesWithFakeTimers();
+
+            expect(logSpy).toHaveBeenCalledWith("We couldn't start sharing your live location", error);
+            expect(mocked(Modal).createDialog).toHaveBeenCalledWith(
+                QuestionDialog,
+                expect.objectContaining({
+                    button: "Try again",
+                    description: "Element could not send your location. Please try again later.",
+                    title: `We couldn't send your location`,
+                    cancelButton: "Cancel",
+                }),
+            );
+        });
+
+        it("opens error dialog when beacon creation fails with permission error", async () => {
+            // stub logger to keep console clean from expected error
+            const logSpy = jest.spyOn(logger, "error").mockReturnValue(undefined);
+            const error = { errcode: "M_FORBIDDEN" } as unknown as Error;
+            mockClient.unstable_createLiveBeacon.mockRejectedValue(error);
+            const { getByText } = getComponent();
+
+            // advance to location picker
+            setShareType(getByText, LocationShareType.Live);
+            setLocationGeolocate();
+
+            fireEvent.click(getByText("Share location"));
+
+            await flushPromisesWithFakeTimers();
+            await flushPromisesWithFakeTimers();
+            await flushPromisesWithFakeTimers();
+
+            expect(logSpy).toHaveBeenCalledWith("Insufficient permissions to start sharing your live location", error);
+            expect(mocked(Modal).createDialog).toHaveBeenCalledWith(
+                QuestionDialog,
+                expect.objectContaining({
+                    button: "OK",
+                    description: "You need to have the right permissions in order to share locations in this room.",
+                    title: `You don't have permission to share locations`,
+                    hasCancelButton: false,
+                }),
+            );
+        });
+    });
+});
+
+function enableSettings(settings: string[]) {
+    mocked(SettingsStore).getValue.mockReturnValue(false);
+    mocked(SettingsStore).getValue.mockImplementation((settingName: string): any => settings.includes(settingName));
+}
diff --git a/apps/web/test/unit-tests/components/views/location/LocationViewDialog-test.tsx b/apps/web/test/unit-tests/components/views/location/LocationViewDialog-test.tsx
new file mode 100644
index 00000000000..8e251e219a6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/LocationViewDialog-test.tsx
@@ -0,0 +1,47 @@
+/*
+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, type RenderResult } from "jest-matrix-react";
+import { RoomMember, LocationAssetType } from "matrix-js-sdk/src/matrix";
+
+import LocationViewDialog from "../../../../../src/components/views/location/LocationViewDialog";
+import { TILE_SERVER_WK_KEY } from "../../../../../src/utils/WellKnownUtils";
+import { getMockClientWithEventEmitter, makeLocationEvent } from "../../../../test-utils";
+
+describe("<LocationViewDialog />", () => {
+    const roomId = "!room:server";
+    const userId = "@user:server";
+    const mockClient = getMockClientWithEventEmitter({
+        getClientWellKnown: jest.fn().mockReturnValue({
+            [TILE_SERVER_WK_KEY.name]: { map_style_url: "maps.com" },
+        }),
+        isGuest: jest.fn().mockReturnValue(false),
+    });
+    const defaultEvent = makeLocationEvent("geo:51.5076,-0.1276", LocationAssetType.Pin);
+    const defaultProps = {
+        matrixClient: mockClient,
+        mxEvent: defaultEvent,
+        onFinished: jest.fn(),
+    };
+    const getComponent = (props = {}): RenderResult => render(<LocationViewDialog {...defaultProps} {...props} />);
+
+    it("renders map correctly", () => {
+        const { container } = getComponent();
+        expect(container.querySelector(".mx_Map")).toMatchSnapshot();
+    });
+
+    it("renders marker correctly for self share", () => {
+        const selfShareEvent = makeLocationEvent("geo:51.5076,-0.1276", LocationAssetType.Self);
+        const member = new RoomMember(roomId, userId);
+        // @ts-ignore cheat assignment to property
+        selfShareEvent.sender = member;
+        const { container } = getComponent({ mxEvent: selfShareEvent });
+        expect(container.querySelector(".mx_BaseAvatar")?.getAttribute("title")).toEqual(userId);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/location/Map-test.tsx b/apps/web/test/unit-tests/components/views/location/Map-test.tsx
new file mode 100644
index 00000000000..eb45a536eb6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/Map-test.tsx
@@ -0,0 +1,269 @@
+/*
+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 { act, fireEvent, getByTestId, render } from "jest-matrix-react";
+import * as maplibregl from "maplibre-gl";
+import { ClientEvent } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { mocked } from "jest-mock";
+
+import Map from "../../../../../src/components/views/location/Map";
+import { getMockClientWithEventEmitter, getMockGeolocationPositionError } from "../../../../test-utils";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { TILE_SERVER_WK_KEY } from "../../../../../src/utils/WellKnownUtils";
+import Modal from "../../../../../src/Modal";
+import ErrorDialog from "../../../../../src/components/views/dialogs/ErrorDialog";
+
+describe("<Map />", () => {
+    const defaultProps = {
+        centerGeoUri: "geo:52,41",
+        id: "test-123",
+        onError: jest.fn(),
+        onClick: jest.fn(),
+    };
+    const matrixClient = getMockClientWithEventEmitter({
+        getClientWellKnown: jest.fn().mockReturnValue({
+            [TILE_SERVER_WK_KEY.name]: { map_style_url: "maps.com" },
+        }),
+    });
+    const getComponent = (props = {}, renderingFn?: any) =>
+        (renderingFn ?? render)(
+            <MatrixClientContext.Provider value={matrixClient}>
+                <Map {...defaultProps} {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        matrixClient.getClientWellKnown.mockReturnValue({
+            [TILE_SERVER_WK_KEY.name]: { map_style_url: "maps.com" },
+        });
+
+        jest.spyOn(logger, "error").mockRestore();
+        mocked(maplibregl.GeolocateControl).mockClear();
+    });
+
+    afterEach(() => {
+        jest.spyOn(logger, "error").mockRestore();
+    });
+
+    const mapOptions = { container: {} as unknown as HTMLElement, style: "" };
+    const mockMap = new maplibregl.Map(mapOptions);
+
+    it("renders", () => {
+        const { container } = getComponent();
+        expect(container.firstChild).not.toBeNull();
+    });
+
+    describe("onClientWellKnown emits", () => {
+        it("updates map style when style url is truthy", () => {
+            getComponent();
+
+            act(() => {
+                matrixClient.emit(ClientEvent.ClientWellKnown, {
+                    [TILE_SERVER_WK_KEY.name]: { map_style_url: "new.maps.com" },
+                });
+            });
+
+            expect(mockMap.setStyle).toHaveBeenCalledWith("new.maps.com");
+        });
+
+        it("does not update map style when style url is truthy", () => {
+            getComponent();
+
+            act(() => {
+                matrixClient.emit(ClientEvent.ClientWellKnown, {
+                    [TILE_SERVER_WK_KEY.name]: { map_style_url: undefined },
+                });
+            });
+
+            expect(mockMap.setStyle).not.toHaveBeenCalledWith();
+        });
+    });
+
+    describe("map centering", () => {
+        it("does not try to center when no center uri provided", () => {
+            getComponent({ centerGeoUri: null });
+            expect(mockMap.setCenter).not.toHaveBeenCalled();
+        });
+
+        it("sets map center to centerGeoUri", () => {
+            getComponent({ centerGeoUri: "geo:51,42" });
+            expect(mockMap.setCenter).toHaveBeenCalledWith({ lat: 51, lon: 42 });
+        });
+
+        it("handles invalid centerGeoUri", () => {
+            const logSpy = jest.spyOn(logger, "error").mockImplementation();
+            getComponent({ centerGeoUri: "123 Sesame Street" });
+            expect(mockMap.setCenter).not.toHaveBeenCalled();
+            expect(logSpy).toHaveBeenCalledWith("Could not set map center", expect.any(Error));
+        });
+
+        it("updates map center when centerGeoUri prop changes", () => {
+            const { rerender } = getComponent({ centerGeoUri: "geo:51,42" });
+
+            getComponent({ centerGeoUri: "geo:53,45" }, rerender);
+            getComponent({ centerGeoUri: "geo:56,47" }, rerender);
+            expect(mockMap.setCenter).toHaveBeenCalledWith({ lat: 51, lon: 42 });
+            expect(mockMap.setCenter).toHaveBeenCalledWith({ lat: 53, lon: 45 });
+            expect(mockMap.setCenter).toHaveBeenCalledWith({ lat: 56, lon: 47 });
+        });
+    });
+
+    describe("map bounds", () => {
+        it("does not try to fit map bounds when no bounds provided", () => {
+            getComponent({ bounds: null });
+            expect(mockMap.fitBounds).not.toHaveBeenCalled();
+        });
+
+        it("fits map to bounds", () => {
+            const bounds = { north: 51, south: 50, east: 42, west: 41 };
+            getComponent({ bounds });
+            expect(mockMap.fitBounds).toHaveBeenCalledWith(
+                new maplibregl.LngLatBounds([bounds.west, bounds.south], [bounds.east, bounds.north]),
+                { padding: 100, maxZoom: 15 },
+            );
+        });
+
+        it("handles invalid bounds", () => {
+            const logSpy = jest.spyOn(logger, "error").mockImplementation();
+            const bounds = { north: "a", south: "b", east: 42, west: 41 };
+            getComponent({ bounds });
+            expect(mockMap.fitBounds).not.toHaveBeenCalled();
+            expect(logSpy).toHaveBeenCalledWith("Invalid map bounds", expect.any(Error));
+        });
+
+        it("updates map bounds when bounds prop changes", () => {
+            const { rerender } = getComponent({ centerGeoUri: "geo:51,42" });
+
+            const bounds = { north: 51, south: 50, east: 42, west: 41 };
+            const bounds2 = { north: 53, south: 51, east: 45, west: 44 };
+
+            getComponent({ bounds }, rerender);
+            getComponent({ bounds: bounds2 }, rerender);
+            expect(mockMap.fitBounds).toHaveBeenCalledTimes(2);
+        });
+    });
+
+    describe("children", () => {
+        it("renders without children", () => {
+            const component = getComponent({ children: null });
+            // no error
+            expect(component).toBeTruthy();
+        });
+
+        it("renders children with map renderProp", () => {
+            const children = ({ map }: { map: maplibregl.Map }) => (
+                <div data-testid="test-child" data-map={map}>
+                    Hello, world
+                </div>
+            );
+
+            const { container } = getComponent({ children });
+
+            // passes the map instance to the react children
+            expect(getByTestId(container, "test-child").dataset.map).toBeTruthy();
+        });
+    });
+
+    describe("onClick", () => {
+        it("eats clicks to maplibre attribution button", () => {
+            const onClick = jest.fn();
+            getComponent({ onClick });
+
+            act(() => {
+                // this is added to the dom by maplibregl
+                // which is mocked
+                // just fake the target
+                const fakeEl = document.createElement("div");
+                fakeEl.className = "maplibregl-ctrl-attrib-button";
+                fireEvent.click(fakeEl);
+            });
+
+            expect(onClick).not.toHaveBeenCalled();
+        });
+
+        it("calls onClick", () => {
+            const onClick = jest.fn();
+            const { container } = getComponent({ onClick });
+
+            act(() => {
+                fireEvent.click(container.firstChild);
+            });
+
+            expect(onClick).toHaveBeenCalled();
+        });
+    });
+
+    describe("geolocate", () => {
+        it("does not add a geolocate control when allowGeolocate is falsy", () => {
+            getComponent({ allowGeolocate: false });
+
+            // didn't create a geolocation control
+            expect(maplibregl.GeolocateControl).not.toHaveBeenCalled();
+        });
+
+        it("creates a geolocate control and adds it to the map when allowGeolocate is truthy", () => {
+            getComponent({ allowGeolocate: true });
+
+            // didn't create a geolocation control
+            expect(maplibregl.GeolocateControl).toHaveBeenCalledWith({
+                positionOptions: {
+                    enableHighAccuracy: true,
+                },
+                trackUserLocation: false,
+            });
+
+            // mocked maplibregl shares mock for each mocked instance
+            // so we can assert the geolocate control was added using this static mock
+            const mockGeolocate = new maplibregl.GeolocateControl({});
+            expect(mockMap.addControl).toHaveBeenCalledWith(mockGeolocate);
+        });
+
+        it("logs and opens a dialog on a geolocation error", () => {
+            const mockGeolocate = new maplibregl.GeolocateControl({});
+            jest.spyOn(mockGeolocate, "on");
+            const logSpy = jest.spyOn(logger, "error").mockImplementation(() => {});
+            jest.spyOn(Modal, "createDialog");
+
+            const { rerender } = getComponent({ allowGeolocate: true });
+
+            // wait for component to settle
+            getComponent({ allowGeolocate: true }, rerender);
+            expect(mockGeolocate.on).toHaveBeenCalledWith("error", expect.any(Function));
+            const error = getMockGeolocationPositionError(1, "Test");
+
+            // @ts-ignore pretend to have geolocate emit an error
+            mockGeolocate.emit("error", error);
+
+            expect(logSpy).toHaveBeenCalledWith("Could not fetch location", error);
+
+            expect(Modal.createDialog).toHaveBeenCalledWith(ErrorDialog, {
+                title: "Could not fetch location",
+                description:
+                    "Element was denied permission to fetch your location. Please allow location access in your browser settings.",
+            });
+        });
+
+        it("unsubscribes from geolocate errors on destroy", () => {
+            const mockGeolocate = new maplibregl.GeolocateControl({});
+            jest.spyOn(mockGeolocate, "on");
+            jest.spyOn(mockGeolocate, "off");
+            jest.spyOn(Modal, "createDialog");
+
+            const { unmount } = getComponent({ allowGeolocate: true });
+
+            expect(mockGeolocate.on).toHaveBeenCalled();
+
+            unmount();
+
+            expect(mockGeolocate.off).toHaveBeenCalled();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/location/MapError-test.tsx b/apps/web/test/unit-tests/components/views/location/MapError-test.tsx
new file mode 100644
index 00000000000..f150958405f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/MapError-test.tsx
@@ -0,0 +1,51 @@
+/*
+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, type RenderResult } from "jest-matrix-react";
+
+import { MapError, type MapErrorProps } from "../../../../../src/components/views/location/MapError";
+import { LocationShareError } from "../../../../../src/utils/location";
+
+describe("<MapError />", () => {
+    const defaultProps = {
+        onFinished: jest.fn(),
+        error: LocationShareError.MapStyleUrlNotConfigured,
+        className: "test",
+    };
+    const getComponent = (props: Partial<MapErrorProps> = {}): RenderResult =>
+        render(<MapError {...defaultProps} {...props} />);
+
+    it("renders correctly for MapStyleUrlNotConfigured", () => {
+        const { container } = getComponent();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders correctly for MapStyleUrlNotReachable", () => {
+        const { container } = getComponent({
+            error: LocationShareError.MapStyleUrlNotReachable,
+        });
+        expect(container).toMatchSnapshot();
+    });
+
+    it("does not render button when onFinished falsy", () => {
+        const { queryByText } = getComponent({
+            error: LocationShareError.MapStyleUrlNotReachable,
+            onFinished: undefined,
+        });
+        // no button
+        expect(queryByText("OK")).toBeFalsy();
+    });
+
+    it("applies class when isMinimised is truthy", () => {
+        const { container } = getComponent({
+            isMinimised: true,
+        });
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/location/Marker-test.tsx b/apps/web/test/unit-tests/components/views/location/Marker-test.tsx
new file mode 100644
index 00000000000..e92738e9d46
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/Marker-test.tsx
@@ -0,0 +1,42 @@
+/*
+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 { RoomMember } from "matrix-js-sdk/src/matrix";
+import { getByTestId, render } from "jest-matrix-react";
+
+import Marker from "../../../../../src/components/views/location/Marker";
+
+describe("<Marker />", () => {
+    const defaultProps = {
+        id: "abc123",
+    };
+    const getComponent = (props = {}) => render(<Marker {...defaultProps} {...props} />);
+
+    it("renders with location icon when no room member", () => {
+        const { asFragment } = getComponent();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("does not try to use member color without room member", () => {
+        const { container } = getComponent({ useMemberColor: true });
+        expect(container.querySelector(".mx_Marker.mx_Marker_defaultColor")).toBeInTheDocument();
+    });
+
+    it("uses member color class", () => {
+        const member = new RoomMember("!room:server", "@user:server");
+        const { container } = getComponent({ useMemberColor: true, roomMember: member });
+        expect(container.querySelector(".mx_Marker.mx_Username_color3")).toBeInTheDocument();
+    });
+
+    it("renders member avatar when roomMember is truthy", () => {
+        const member = new RoomMember("!room:server", "@user:server");
+        const { container } = getComponent({ roomMember: member });
+        expect(getByTestId(container, "avatar-img")).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/location/SmartMarker-test.tsx b/apps/web/test/unit-tests/components/views/location/SmartMarker-test.tsx
new file mode 100644
index 00000000000..6d90aac7eba
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/SmartMarker-test.tsx
@@ -0,0 +1,68 @@
+/*
+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 JSX } from "react";
+import { render } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+import * as maplibregl from "maplibre-gl";
+
+import SmartMarker from "../../../../../src/components/views/location/SmartMarker";
+
+jest.mock("../../../../../src/utils/location/findMapStyleUrl", () => ({
+    findMapStyleUrl: jest.fn().mockReturnValue("tileserver.com"),
+}));
+
+describe("<SmartMarker />", () => {
+    const mapOptions = { container: {} as unknown as HTMLElement, style: "" };
+    const mockMap = new maplibregl.Map(mapOptions);
+    const mockMarker = new maplibregl.Marker();
+
+    const defaultProps = {
+        map: mockMap,
+        geoUri: "geo:43.2,54.6",
+    };
+    const getComponent = (props = {}): JSX.Element => <SmartMarker {...defaultProps} {...props} />;
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("creates a marker on mount", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+
+        // marker added only once
+        expect(maplibregl.Marker).toHaveBeenCalledTimes(1);
+        // set to correct position
+        expect(mockMarker.setLngLat).toHaveBeenCalledWith({ lon: 54.6, lat: 43.2 });
+        // added to map
+        expect(mockMarker.addTo).toHaveBeenCalledWith(mockMap);
+    });
+
+    it("updates marker position on change", () => {
+        const { rerender } = render(getComponent({ geoUri: "geo:40,50" }));
+
+        rerender(getComponent({ geoUri: "geo:41,51" }));
+        rerender(getComponent({ geoUri: "geo:42,52" }));
+
+        // marker added only once
+        expect(maplibregl.Marker).toHaveBeenCalledTimes(1);
+        // set positions
+        expect(mocked(mockMarker.setLngLat)).toHaveBeenCalledWith({ lat: 40, lon: 50 });
+        expect(mocked(mockMarker.setLngLat)).toHaveBeenCalledWith({ lat: 41, lon: 51 });
+        expect(mocked(mockMarker.setLngLat)).toHaveBeenCalledWith({ lat: 42, lon: 52 });
+    });
+
+    it("removes marker on unmount", () => {
+        const { unmount, container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+
+        unmount();
+        expect(mockMarker.remove).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/location/ZoomButtons-test.tsx b/apps/web/test/unit-tests/components/views/location/ZoomButtons-test.tsx
new file mode 100644
index 00000000000..7e6fcb2eabe
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/ZoomButtons-test.tsx
@@ -0,0 +1,47 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 * as maplibregl from "maplibre-gl";
+import { render, screen } from "jest-matrix-react";
+
+import ZoomButtons from "../../../../../src/components/views/location/ZoomButtons";
+
+describe("<ZoomButtons />", () => {
+    const mapOptions = { container: {} as unknown as HTMLElement, style: "" };
+    const mockMap = new maplibregl.Map(mapOptions);
+    const defaultProps = {
+        map: mockMap,
+    };
+    const getComponent = (props = {}) => render(<ZoomButtons {...defaultProps} {...props} />);
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("renders buttons", () => {
+        const component = getComponent();
+        expect(component.asFragment()).toMatchSnapshot();
+    });
+
+    it("calls map zoom in on zoom in click", () => {
+        const component = getComponent();
+        screen.getByTestId("map-zoom-in-button").click();
+
+        expect(mockMap.zoomIn).toHaveBeenCalled();
+        expect(component).toBeTruthy();
+    });
+
+    it("calls map zoom out on zoom out click", () => {
+        const component = getComponent();
+        screen.getByTestId("map-zoom-out-button").click();
+
+        expect(mockMap.zoomOut).toHaveBeenCalled();
+        expect(component).toBeTruthy();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/location/__snapshots__/LocationPicker-test.tsx.snap b/apps/web/test/unit-tests/components/views/location/__snapshots__/LocationPicker-test.tsx.snap
new file mode 100644
index 00000000000..5b568833ee9
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/__snapshots__/LocationPicker-test.tsx.snap
@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`LocationPicker <LocationPicker /> for Live location share type updates selected duration 1`] = `
+<div
+  data-testid="live-duration-option-3600000"
+>
+  Share for 1h
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/location/__snapshots__/LocationShareMenu-test.tsx.snap b/apps/web/test/unit-tests/components/views/location/__snapshots__/LocationShareMenu-test.tsx.snap
new file mode 100644
index 00000000000..2089ee8544d
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/__snapshots__/LocationShareMenu-test.tsx.snap
@@ -0,0 +1,67 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<LocationShareMenu /> with live location disabled goes to labs flag screen after live options is clicked 1`] = `
+<div
+  class="mx_EnableLiveShare"
+  data-testid="location-picker-enable-live-share"
+>
+  <div
+    class="mx_StyledLiveBeaconIcon mx_EnableLiveShare_icon"
+  />
+  <h3
+    class="mx_Heading_h3 mx_EnableLiveShare_heading"
+  >
+    Live location sharing
+  </h3>
+  <p
+    class="mx_EnableLiveShare_description"
+  >
+    Please note: this is a labs feature using a temporary implementation. This means you will not be able to delete your location history, and advanced users will be able to see your location history even after you stop sharing your live location with this room.
+  </p>
+  <form
+    class="_root_1o4d9_17"
+  >
+    <div
+      class="_inline-field_1o4d9_33"
+    >
+      <div
+        class="_inline-field-control_1o4d9_45"
+      >
+        <div
+          class="_container_udcm8_10"
+        >
+          <input
+            class="_input_udcm8_24"
+            id="react-use-id-1"
+            role="switch"
+            type="checkbox"
+          />
+          <div
+            class="_ui_udcm8_34"
+          />
+        </div>
+      </div>
+      <div
+        class="_inline-field-body_1o4d9_39"
+      >
+        <label
+          class="_label_1o4d9_60"
+          for="react-use-id-1"
+        >
+          Enable live location sharing
+        </label>
+      </div>
+    </div>
+    <button
+      aria-disabled="true"
+      class="_button_1nw83_8 mx_EnableLiveShare_button"
+      data-kind="primary"
+      data-size="lg"
+      role="button"
+      tabindex="0"
+    >
+      OK
+    </button>
+  </form>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/location/__snapshots__/LocationViewDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/location/__snapshots__/LocationViewDialog-test.tsx.snap
new file mode 100644
index 00000000000..894d6eea759
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/__snapshots__/LocationViewDialog-test.tsx.snap
@@ -0,0 +1,77 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<LocationViewDialog /> renders map correctly 1`] = `
+<div
+  class="mx_Map mx_LocationViewDialog_map"
+  id="mx_Map_mx_LocationViewDialog_$2"
+>
+  <span>
+    <div
+      class="mx_Marker mx_Marker_defaultColor"
+      id="mx_LocationViewDialog_$2-marker"
+    >
+      <div
+        class="mx_Marker_border"
+      >
+        <svg
+          class="mx_Marker_icon"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 21.325a2.1 2.1 0 0 1-.7-.125 1.8 1.8 0 0 1-.625-.375A39 39 0 0 1 7.8 17.9q-1.25-1.425-2.087-2.762-.838-1.338-1.275-2.575Q4 11.325 4 10.2q0-3.75 2.412-5.975T12 2t5.587 2.225T20 10.2q0 1.125-.437 2.363-.438 1.237-1.275 2.574A22 22 0 0 1 16.2 17.9a39 39 0 0 1-2.875 2.925 1.8 1.8 0 0 1-.625.375 2.1 2.1 0 0 1-.7.125M12 12q.825 0 1.412-.588Q14 10.826 14 10t-.588-1.412A1.93 1.93 0 0 0 12 8q-.825 0-1.412.588A1.93 1.93 0 0 0 10 10q0 .825.588 1.412Q11.175 12 12 12"
+          />
+        </svg>
+      </div>
+    </div>
+  </span>
+  <div
+    class="mx_ZoomButtons"
+  >
+    <div
+      aria-describedby="react-use-id-1"
+      aria-label="Zoom in"
+      class="mx_AccessibleButton mx_ZoomButtons_button"
+      data-testid="map-zoom-in-button"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_ZoomButtons_icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M11 13H6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h5V6q0-.424.287-.713A.97.97 0 0 1 12 5q.424 0 .713.287Q13 5.576 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 18z"
+        />
+      </svg>
+    </div>
+    <div
+      aria-label="Zoom out"
+      class="mx_AccessibleButton mx_ZoomButtons_button"
+      data-testid="map-zoom-out-button"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_ZoomButtons_icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6 13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h12q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13z"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/location/__snapshots__/MapError-test.tsx.snap b/apps/web/test/unit-tests/components/views/location/__snapshots__/MapError-test.tsx.snap
new file mode 100644
index 00000000000..61be99d0d42
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/__snapshots__/MapError-test.tsx.snap
@@ -0,0 +1,118 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<MapError /> applies class when isMinimised is truthy 1`] = `
+<div>
+  <div
+    class="mx_MapError test mx_MapError_isMinimised"
+    data-testid="map-rendering-error"
+  >
+    <svg
+      class="mx_MapError_icon"
+      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 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>
+    <h3
+      class="mx_Heading_h3 mx_MapError_heading"
+    >
+      Unable to load map
+    </h3>
+    <p
+      class="mx_MapError_message"
+    >
+      This homeserver is not configured to display maps.
+    </p>
+    <button
+      class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+      role="button"
+      tabindex="0"
+    >
+      OK
+    </button>
+  </div>
+</div>
+`;
+
+exports[`<MapError /> renders correctly for MapStyleUrlNotConfigured 1`] = `
+<div>
+  <div
+    class="mx_MapError test"
+    data-testid="map-rendering-error"
+  >
+    <svg
+      class="mx_MapError_icon"
+      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 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>
+    <h3
+      class="mx_Heading_h3 mx_MapError_heading"
+    >
+      Unable to load map
+    </h3>
+    <p
+      class="mx_MapError_message"
+    >
+      This homeserver is not configured to display maps.
+    </p>
+    <button
+      class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+      role="button"
+      tabindex="0"
+    >
+      OK
+    </button>
+  </div>
+</div>
+`;
+
+exports[`<MapError /> renders correctly for MapStyleUrlNotReachable 1`] = `
+<div>
+  <div
+    class="mx_MapError test"
+    data-testid="map-rendering-error"
+  >
+    <svg
+      class="mx_MapError_icon"
+      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 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>
+    <h3
+      class="mx_Heading_h3 mx_MapError_heading"
+    >
+      Unable to load map
+    </h3>
+    <p
+      class="mx_MapError_message"
+    >
+      This homeserver is not configured correctly to display maps, or the configured map server may be unreachable.
+    </p>
+    <button
+      class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+      role="button"
+      tabindex="0"
+    >
+      OK
+    </button>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/location/__snapshots__/Marker-test.tsx.snap b/apps/web/test/unit-tests/components/views/location/__snapshots__/Marker-test.tsx.snap
new file mode 100644
index 00000000000..a4bb4f9914c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/__snapshots__/Marker-test.tsx.snap
@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<Marker /> renders with location icon when no room member 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_Marker mx_Marker_defaultColor"
+    id="abc123"
+  >
+    <div
+      class="mx_Marker_border"
+    >
+      <svg
+        class="mx_Marker_icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 21.325a2.1 2.1 0 0 1-.7-.125 1.8 1.8 0 0 1-.625-.375A39 39 0 0 1 7.8 17.9q-1.25-1.425-2.087-2.762-.838-1.338-1.275-2.575Q4 11.325 4 10.2q0-3.75 2.412-5.975T12 2t5.587 2.225T20 10.2q0 1.125-.437 2.363-.438 1.237-1.275 2.574A22 22 0 0 1 16.2 17.9a39 39 0 0 1-2.875 2.925 1.8 1.8 0 0 1-.625.375 2.1 2.1 0 0 1-.7.125M12 12q.825 0 1.412-.588Q14 10.826 14 10t-.588-1.412A1.93 1.93 0 0 0 12 8q-.825 0-1.412.588A1.93 1.93 0 0 0 10 10q0 .825.588 1.412Q11.175 12 12 12"
+        />
+      </svg>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/location/__snapshots__/SmartMarker-test.tsx.snap b/apps/web/test/unit-tests/components/views/location/__snapshots__/SmartMarker-test.tsx.snap
new file mode 100644
index 00000000000..674ea515942
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/__snapshots__/SmartMarker-test.tsx.snap
@@ -0,0 +1,55 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SmartMarker /> creates a marker on mount 1`] = `
+<div>
+  <span>
+    <div
+      class="mx_Marker mx_Marker_defaultColor"
+    >
+      <div
+        class="mx_Marker_border"
+      >
+        <svg
+          class="mx_Marker_icon"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 21.325a2.1 2.1 0 0 1-.7-.125 1.8 1.8 0 0 1-.625-.375A39 39 0 0 1 7.8 17.9q-1.25-1.425-2.087-2.762-.838-1.338-1.275-2.575Q4 11.325 4 10.2q0-3.75 2.412-5.975T12 2t5.587 2.225T20 10.2q0 1.125-.437 2.363-.438 1.237-1.275 2.574A22 22 0 0 1 16.2 17.9a39 39 0 0 1-2.875 2.925 1.8 1.8 0 0 1-.625.375 2.1 2.1 0 0 1-.7.125M12 12q.825 0 1.412-.588Q14 10.826 14 10t-.588-1.412A1.93 1.93 0 0 0 12 8q-.825 0-1.412.588A1.93 1.93 0 0 0 10 10q0 .825.588 1.412Q11.175 12 12 12"
+          />
+        </svg>
+      </div>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`<SmartMarker /> removes marker on unmount 1`] = `
+<div>
+  <span>
+    <div
+      class="mx_Marker mx_Marker_defaultColor"
+    >
+      <div
+        class="mx_Marker_border"
+      >
+        <svg
+          class="mx_Marker_icon"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 21.325a2.1 2.1 0 0 1-.7-.125 1.8 1.8 0 0 1-.625-.375A39 39 0 0 1 7.8 17.9q-1.25-1.425-2.087-2.762-.838-1.338-1.275-2.575Q4 11.325 4 10.2q0-3.75 2.412-5.975T12 2t5.587 2.225T20 10.2q0 1.125-.437 2.363-.438 1.237-1.275 2.574A22 22 0 0 1 16.2 17.9a39 39 0 0 1-2.875 2.925 1.8 1.8 0 0 1-.625.375 2.1 2.1 0 0 1-.7.125M12 12q.825 0 1.412-.588Q14 10.826 14 10t-.588-1.412A1.93 1.93 0 0 0 12 8q-.825 0-1.412.588A1.93 1.93 0 0 0 10 10q0 .825.588 1.412Q11.175 12 12 12"
+          />
+        </svg>
+      </div>
+    </div>
+  </span>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/location/__snapshots__/ZoomButtons-test.tsx.snap b/apps/web/test/unit-tests/components/views/location/__snapshots__/ZoomButtons-test.tsx.snap
new file mode 100644
index 00000000000..79223a7135c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/__snapshots__/ZoomButtons-test.tsx.snap
@@ -0,0 +1,50 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ZoomButtons /> renders buttons 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_ZoomButtons"
+  >
+    <div
+      aria-label="Zoom in"
+      class="mx_AccessibleButton mx_ZoomButtons_button"
+      data-testid="map-zoom-in-button"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_ZoomButtons_icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M11 13H6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h5V6q0-.424.287-.713A.97.97 0 0 1 12 5q.424 0 .713.287Q13 5.576 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 18z"
+        />
+      </svg>
+    </div>
+    <div
+      aria-label="Zoom out"
+      class="mx_AccessibleButton mx_ZoomButtons_button"
+      data-testid="map-zoom-out-button"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_ZoomButtons_icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6 13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h12q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13z"
+        />
+      </svg>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/location/shareLocation-test.ts b/apps/web/test/unit-tests/components/views/location/shareLocation-test.ts
new file mode 100644
index 00000000000..6c4d7d3913a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/location/shareLocation-test.ts
@@ -0,0 +1,55 @@
+/*
+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 { mocked } from "jest-mock";
+import {
+    ContentHelpers,
+    type MatrixClient,
+    type LegacyLocationEventContent,
+    type MLocationEventContent,
+} from "matrix-js-sdk/src/matrix";
+
+import { doMaybeLocalRoomAction } from "../../../../../src/utils/local-room";
+import {
+    LocationShareType,
+    shareLocation,
+    type ShareLocationFn,
+} from "../../../../../src/components/views/location/shareLocation";
+
+jest.mock("../../../../../src/utils/local-room", () => ({
+    doMaybeLocalRoomAction: jest.fn(),
+}));
+
+describe("shareLocation", () => {
+    const roomId = "!room:example.com";
+    const shareType = LocationShareType.Pin;
+    const content = { test: "location content" } as unknown as LegacyLocationEventContent & MLocationEventContent;
+    let client: MatrixClient;
+    let shareLocationFn: ShareLocationFn;
+
+    beforeEach(() => {
+        const makeLocationContent = jest.spyOn(ContentHelpers, "makeLocationContent");
+        client = {
+            sendMessage: jest.fn(),
+        } as unknown as MatrixClient;
+
+        mocked(makeLocationContent).mockReturnValue(content);
+        mocked(doMaybeLocalRoomAction).mockImplementation(
+            <T>(roomId: string, fn: (actualRoomId: string) => Promise<T>, client?: MatrixClient) => {
+                return fn(roomId);
+            },
+        );
+
+        shareLocationFn = shareLocation(client, roomId, shareType, undefined, () => {});
+    });
+
+    it("should forward the call to doMaybeLocalRoomAction", () => {
+        shareLocationFn({ uri: "https://example.com/" });
+        expect(client.sendMessage).toHaveBeenCalledWith(roomId, null, content);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/CallEvent-test.tsx b/apps/web/test/unit-tests/components/views/messages/CallEvent-test.tsx
new file mode 100644
index 00000000000..4c5b3ce6920
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/CallEvent-test.tsx
@@ -0,0 +1,162 @@
+/*
+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, act, cleanup, fireEvent, waitFor } from "jest-matrix-react";
+import { mocked, type Mocked } from "jest-mock";
+import {
+    Room,
+    RoomStateEvent,
+    type MatrixClient,
+    PendingEventOrdering,
+    type RoomMember,
+} from "matrix-js-sdk/src/matrix";
+import { Widget } from "matrix-widget-api";
+
+import {
+    useMockedCalls,
+    MockedCall,
+    stubClient,
+    mkRoomMember,
+    setupAsyncStoreWithClient,
+    resetAsyncStoreWithClient,
+    wrapInMatrixClientContext,
+    useMockMediaDevices,
+} from "../../../../test-utils";
+import defaultDispatcher from "../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../src/dispatcher/actions";
+import { CallEvent as UnwrappedCallEvent } from "../../../../../src/components/views/messages/CallEvent";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { CallStore } from "../../../../../src/stores/CallStore";
+import { WidgetMessagingStore } from "../../../../../src/stores/widgets/WidgetMessagingStore";
+import { ConnectionState } from "../../../../../src/models/Call";
+import { type WidgetMessaging } from "../../../../../src/stores/widgets/WidgetMessaging";
+
+const CallEvent = wrapInMatrixClientContext(UnwrappedCallEvent);
+
+describe("CallEvent", () => {
+    let client: Mocked<MatrixClient>;
+    let room: Room;
+    let alice: RoomMember;
+    let bob: RoomMember;
+    let call: MockedCall;
+    let widget: Widget;
+
+    beforeEach(async () => {
+        jest.useFakeTimers();
+        jest.setSystemTime(0);
+
+        useMockMediaDevices();
+        useMockedCalls();
+        jest.spyOn(HTMLMediaElement.prototype, "play").mockImplementation(async () => {});
+
+        stubClient();
+        client = mocked(MatrixClientPeg.safeGet());
+        client.getUserId.mockReturnValue("@alice:example.org");
+
+        room = new Room("!1:example.org", client, "@alice:example.org", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        alice = mkRoomMember(room.roomId, "@alice:example.org");
+        bob = mkRoomMember(room.roomId, "@bob:example.org");
+        jest.spyOn(room, "getMember").mockImplementation(
+            (userId) => [alice, bob].find((member) => member.userId === userId) ?? null,
+        );
+
+        client.getRoom.mockImplementation((roomId) => (roomId === room.roomId ? room : null));
+        client.getRooms.mockReturnValue([room]);
+        client.reEmitter.reEmit(room, [RoomStateEvent.Events]);
+
+        await Promise.all(
+            [CallStore.instance, WidgetMessagingStore.instance].map((store) =>
+                setupAsyncStoreWithClient(store, client),
+            ),
+        );
+
+        MockedCall.create(room, "1");
+        const maybeCall = CallStore.instance.getCall(room.roomId);
+        if (!(maybeCall instanceof MockedCall)) throw new Error("Failed to create call");
+        call = maybeCall;
+
+        widget = new Widget(call.widget);
+        WidgetMessagingStore.instance.storeMessaging(widget, room.roomId, {
+            stop: () => {},
+        } as unknown as WidgetMessaging);
+    });
+
+    afterEach(async () => {
+        cleanup(); // Unmount before we do any cleanup that might update the component
+        call.destroy();
+        WidgetMessagingStore.instance.stopMessaging(widget, room.roomId);
+        await Promise.all([CallStore.instance, WidgetMessagingStore.instance].map(resetAsyncStoreWithClient));
+        client.reEmitter.stopReEmitting(room, [RoomStateEvent.Events]);
+        jest.restoreAllMocks();
+    });
+
+    const renderEvent = () => {
+        render(<CallEvent mxEvent={call.event} />);
+    };
+
+    it("shows a message and duration if the call was ended", () => {
+        jest.advanceTimersByTime(90000);
+        call.destroy();
+        renderEvent();
+
+        screen.getByText("Video call ended");
+        screen.getByText("1m 30s");
+    });
+
+    it("shows a message if the call was redacted", () => {
+        const event = room.currentState.getStateEvents(MockedCall.EVENT_TYPE, "1")!;
+        jest.spyOn(event, "isRedacted").mockReturnValue(true);
+        renderEvent();
+
+        screen.getByText("Video call ended");
+    });
+
+    it("shows placeholder info if the call isn't loaded yet", () => {
+        jest.spyOn(CallStore.instance, "getCall").mockReturnValue(null);
+        jest.advanceTimersByTime(90000);
+        renderEvent();
+
+        screen.getByText("@alice:example.org started a video call");
+        expect(screen.getByRole("button", { name: "Join" })).toHaveAttribute("aria-disabled", "true");
+    });
+
+    it("shows call details and connection controls if the call is loaded", async () => {
+        jest.advanceTimersByTime(90000);
+        call.participants = new Map([
+            [alice, new Set(["a"])],
+            [bob, new Set(["b"])],
+        ]);
+        renderEvent();
+
+        screen.getByText("@alice:example.org started a video call");
+        screen.getByLabelText("2 people joined");
+
+        // Test that the join button works
+        const dispatcherSpy = jest.fn();
+        const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
+        fireEvent.click(screen.getByRole("button", { name: "Join" }));
+        await waitFor(() =>
+            expect(dispatcherSpy).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                room_id: room.roomId,
+                view_call: true,
+            }),
+        );
+        defaultDispatcher.unregister(dispatcherRef);
+        act(() => call.setConnectionState(ConnectionState.Connected));
+
+        // Test that the leave button works
+        fireEvent.click(screen.getByRole("button", { name: "Leave" }));
+        await waitFor(() => screen.getByRole("button", { name: "Join" }));
+        expect(call.connectionState).toBe(ConnectionState.Disconnected);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/LegacyCallEvent-test.tsx b/apps/web/test/unit-tests/components/views/messages/LegacyCallEvent-test.tsx
new file mode 100644
index 00000000000..aa8b7172f84
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/LegacyCallEvent-test.tsx
@@ -0,0 +1,97 @@
+/*
+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, screen } from "jest-matrix-react";
+import { CallErrorCode, CallState } from "matrix-js-sdk/src/webrtc/call";
+import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import LegacyCallEvent from "../../../../../src/components/views/messages/LegacyCallEvent";
+import type LegacyCallEventGrouper from "../../../../../src/components/structures/LegacyCallEventGrouper";
+
+const THEIR_USER_ID = "@them:here";
+
+describe("LegacyCallEvent", () => {
+    let callInviteEvent: Record<string, any>;
+    let callEventGrouper: Record<string, any>;
+
+    beforeEach(() => {
+        callInviteEvent = {
+            sender: {
+                userId: THEIR_USER_ID,
+            },
+        };
+
+        callEventGrouper = {
+            addListener: jest.fn(),
+            removeListener: jest.fn(),
+            invite: jest.fn().mockReturnValue(callInviteEvent),
+        };
+    });
+
+    const renderEvent = () => {
+        render(
+            <LegacyCallEvent
+                mxEvent={callInviteEvent as unknown as MatrixEvent}
+                callEventGrouper={callEventGrouper as unknown as LegacyCallEventGrouper}
+            />,
+        );
+    };
+
+    it("shows if the call was ended", () => {
+        callEventGrouper.state = CallState.Ended;
+        callEventGrouper.gotRejected = jest.fn().mockReturnValue(true);
+
+        renderEvent();
+
+        screen.getByText("Call declined");
+    });
+
+    it("shows if the call was answered elsewhere", () => {
+        callEventGrouper.state = CallState.Ended;
+        callEventGrouper.hangupReason = CallErrorCode.AnsweredElsewhere;
+
+        renderEvent();
+
+        screen.getByText("Answered elsewhere");
+    });
+
+    it("shows if the call was missed", () => {
+        callEventGrouper.state = CallState.Ended;
+        callEventGrouper.callWasMissed = jest.fn().mockReturnValue(true);
+
+        renderEvent();
+
+        screen.getByText("Missed call");
+    });
+
+    it("shows if the call ended cleanly", () => {
+        callEventGrouper.state = CallState.Ended;
+        callEventGrouper.hangupReason = CallErrorCode.UserHangup;
+
+        renderEvent();
+
+        screen.getByText("Call ended");
+    });
+
+    it("shows if the call is connecting", () => {
+        callEventGrouper.state = CallState.Connecting;
+
+        renderEvent();
+
+        screen.getByText("Connecting");
+    });
+
+    it("shows timer if the call is connected", () => {
+        callEventGrouper.state = CallState.Connected;
+
+        renderEvent();
+
+        screen.getByText("00:00");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/MAudioBody-test.tsx b/apps/web/test/unit-tests/components/views/messages/MAudioBody-test.tsx
new file mode 100644
index 00000000000..2198ce1e644
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/MAudioBody-test.tsx
@@ -0,0 +1,66 @@
+/*
+ * 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 { EventType, MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { render, screen, act } from "jest-matrix-react";
+
+import { MockedPlayback } from "../../../audio/MockedPlayback";
+import { type Playback, PlaybackState } from "../../../../../src/audio/Playback";
+import MAudioBody from "../../../../../src/components/views/messages/MAudioBody";
+import { PlaybackManager } from "../../../../../src/audio/PlaybackManager";
+import { type MediaEventHelper } from "../../../../../src/utils/MediaEventHelper";
+
+describe("<MAudioBody />", () => {
+    let event: MatrixEvent;
+
+    const mediaEventHelper = {
+        sourceBlob: {
+            value: {
+                arrayBuffer: () => new ArrayBuffer(8),
+            },
+        },
+    } as unknown as MediaEventHelper;
+
+    beforeEach(() => {
+        const playback = new MockedPlayback(PlaybackState.Decoding, 50, 10) as unknown as Playback;
+        jest.spyOn(PlaybackManager.instance, "createPlaybackInstance").mockReturnValue(playback);
+
+        event = new MatrixEvent({
+            room_id: "!room:server",
+            sender: "@alice.example.org",
+            type: EventType.RoomMessage,
+            content: {
+                body: "audio name ",
+                msgtype: "m.audio",
+                url: "mxc://server/audio",
+            },
+        });
+    });
+
+    it("should render", async () => {
+        await act(() => render(<MAudioBody mxEvent={event} mediaEventHelper={mediaEventHelper} />));
+        expect(await screen.findByRole("region", { name: "Audio player" })).toBeInTheDocument();
+    });
+
+    it("should show the body as the title when there is no filename", async () => {
+        await act(() => render(<MAudioBody mxEvent={event} mediaEventHelper={mediaEventHelper} />));
+        expect(await screen.findByRole("region", { name: "Audio player" })).toBeInTheDocument();
+        expect(screen.getByText("audio name")).toBeInTheDocument();
+    });
+
+    it("should prefer the filename over the body as the title", async () => {
+        // A caption puts the human readable text in `body` and the actual file name in `filename`.
+        event.getContent().filename = "recording.ogg";
+        event.getContent().body = "Listen to this!";
+
+        await act(() => render(<MAudioBody mxEvent={event} mediaEventHelper={mediaEventHelper} />));
+        expect(await screen.findByRole("region", { name: "Audio player" })).toBeInTheDocument();
+        expect(screen.getByText("recording.ogg")).toBeInTheDocument();
+        expect(screen.queryByText("Listen to this!")).not.toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/MBeaconBody-test.tsx b/apps/web/test/unit-tests/components/views/messages/MBeaconBody-test.tsx
new file mode 100644
index 00000000000..e0b6481307b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/MBeaconBody-test.tsx
@@ -0,0 +1,415 @@
+/*
+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 ComponentProps } from "react";
+import { act, fireEvent, render } from "jest-matrix-react";
+import * as maplibregl from "maplibre-gl";
+import {
+    BeaconEvent,
+    getBeaconInfoIdentifier,
+    RelationType,
+    MatrixEvent,
+    EventType,
+    Relations,
+    M_BEACON,
+    type Room,
+} from "matrix-js-sdk/src/matrix";
+
+import MBeaconBody from "../../../../../src/components/views/messages/MBeaconBody";
+import {
+    getMockClientWithEventEmitter,
+    makeBeaconEvent,
+    makeBeaconInfoEvent,
+    makeRoomWithBeacons,
+    makeRoomWithStateEvents,
+} from "../../../../test-utils";
+import { type RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import { type MediaEventHelper } from "../../../../../src/utils/MediaEventHelper";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import Modal from "../../../../../src/Modal";
+import { TILE_SERVER_WK_KEY } from "../../../../../src/utils/WellKnownUtils";
+import * as mapUtilHooks from "../../../../../src/utils/location/useMap";
+import { LocationShareError } from "../../../../../src/utils/location";
+
+describe("<MBeaconBody />", () => {
+    // 14.03.2022 16:15
+    const now = 1647270879403;
+    // stable date for snapshots
+    jest.spyOn(global.Date, "now").mockReturnValue(now);
+    const roomId = "!room:server";
+    const aliceId = "@alice:server";
+
+    const mapOptions = { container: {} as unknown as HTMLElement, style: "" };
+    const mockMap = new maplibregl.Map(mapOptions);
+    const mockMarker = new maplibregl.Marker();
+
+    const mockClient = getMockClientWithEventEmitter({
+        getClientWellKnown: jest.fn().mockReturnValue({
+            [TILE_SERVER_WK_KEY.name]: { map_style_url: "maps.com" },
+        }),
+        getUserId: jest.fn().mockReturnValue(aliceId),
+        getRoom: jest.fn(),
+        redactEvent: jest.fn(),
+    });
+
+    const defaultEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: true }, "$alice-room1-1");
+
+    const defaultProps: ComponentProps<typeof MBeaconBody> = {
+        mxEvent: defaultEvent,
+        highlights: [],
+        highlightLink: "",
+        onMessageAllowed: jest.fn(),
+        // we dont use these and they pollute the snapshots
+        permalinkCreator: {} as unknown as RoomPermalinkCreator,
+        mediaEventHelper: {} as unknown as MediaEventHelper,
+    };
+
+    const getComponent = (props = {}) =>
+        render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <MBeaconBody {...defaultProps} {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+    const modalSpy = jest.spyOn(Modal, "createDialog").mockReturnValue({
+        finished: Promise.resolve([true]),
+        close: () => {},
+    });
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    const testBeaconStatuses = () => {
+        it("renders stopped beacon UI for an explicitly stopped beacon", () => {
+            const beaconInfoEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: false }, "$alice-room1-1");
+            makeRoomWithStateEvents([beaconInfoEvent], { roomId, mockClient });
+            const component = getComponent({ mxEvent: beaconInfoEvent });
+            expect(component.container).toHaveTextContent("Live location ended");
+        });
+
+        it("renders stopped beacon UI for an expired beacon", () => {
+            const beaconInfoEvent = makeBeaconInfoEvent(
+                aliceId,
+                roomId,
+                // puts this beacons live period in the past
+                { isLive: true, timestamp: now - 600000, timeout: 500 },
+                "$alice-room1-1",
+            );
+            makeRoomWithStateEvents([beaconInfoEvent], { roomId, mockClient });
+            const component = getComponent({ mxEvent: beaconInfoEvent });
+            expect(component.container).toHaveTextContent("Live location ended");
+        });
+
+        it("renders loading beacon UI for a beacon that has not started yet", () => {
+            const beaconInfoEvent = makeBeaconInfoEvent(
+                aliceId,
+                roomId,
+                // puts this beacons start timestamp in the future
+                { isLive: true, timestamp: now + 60000, timeout: 500 },
+                "$alice-room1-1",
+            );
+            makeRoomWithStateEvents([beaconInfoEvent], { roomId, mockClient });
+            const component = getComponent({ mxEvent: beaconInfoEvent });
+            expect(component.container).toHaveTextContent("Loading live location…");
+        });
+
+        it("does not open maximised map when on click when beacon is stopped", () => {
+            const beaconInfoEvent = makeBeaconInfoEvent(
+                aliceId,
+                roomId,
+                // puts this beacons live period in the past
+                { isLive: true, timestamp: now - 600000, timeout: 500 },
+                "$alice-room1-1",
+            );
+            makeRoomWithStateEvents([beaconInfoEvent], { roomId, mockClient });
+            const component = getComponent({ mxEvent: beaconInfoEvent });
+            fireEvent.click(component.container.querySelector(".mx_MBeaconBody_map")!);
+
+            expect(modalSpy).not.toHaveBeenCalled();
+        });
+
+        it("renders stopped UI when a beacon event is not the latest beacon for a user", () => {
+            const aliceBeaconInfo1 = makeBeaconInfoEvent(
+                aliceId,
+                roomId,
+                // this one is a little older
+                { isLive: true, timestamp: now - 500 },
+                "$alice-room1-1",
+            );
+            aliceBeaconInfo1.event.origin_server_ts = now - 500;
+            const aliceBeaconInfo2 = makeBeaconInfoEvent(aliceId, roomId, { isLive: true }, "$alice-room1-2");
+
+            makeRoomWithStateEvents([aliceBeaconInfo1, aliceBeaconInfo2], { roomId, mockClient });
+
+            const component = getComponent({ mxEvent: aliceBeaconInfo1 });
+            // beacon1 has been superceded by beacon2
+            expect(component.container).toHaveTextContent("Live location ended");
+        });
+
+        it("renders stopped UI when a beacon event is replaced", () => {
+            const aliceBeaconInfo1 = makeBeaconInfoEvent(
+                aliceId,
+                roomId,
+                // this one is a little older
+                { isLive: true, timestamp: now - 500 },
+                "$alice-room1-1",
+            );
+            aliceBeaconInfo1.event.origin_server_ts = now - 500;
+            const aliceBeaconInfo2 = makeBeaconInfoEvent(aliceId, roomId, { isLive: true }, "$alice-room1-2");
+
+            const room = makeRoomWithStateEvents([aliceBeaconInfo1], { roomId, mockClient });
+            const component = getComponent({ mxEvent: aliceBeaconInfo1 });
+
+            const beaconInstance = room.currentState.beacons.get(getBeaconInfoIdentifier(aliceBeaconInfo1))!;
+            // update alice's beacon with a new edition
+            // beacon instance emits
+            act(() => {
+                beaconInstance.update(aliceBeaconInfo2);
+            });
+
+            // beacon1 has been superceded by beacon2
+            expect(component.container).toHaveTextContent("Live location ended");
+        });
+    };
+
+    testBeaconStatuses();
+
+    describe("on liveness change", () => {
+        it("renders stopped UI when a beacon stops being live", () => {
+            const aliceBeaconInfo = makeBeaconInfoEvent(aliceId, roomId, { isLive: true }, "$alice-room1-1");
+
+            const room = makeRoomWithStateEvents([aliceBeaconInfo], { roomId, mockClient });
+            const beaconInstance = room.currentState.beacons.get(getBeaconInfoIdentifier(aliceBeaconInfo))!;
+            const component = getComponent({ mxEvent: aliceBeaconInfo });
+
+            act(() => {
+                // @ts-ignore cheat to force beacon to not live
+                beaconInstance._isLive = false;
+                beaconInstance.emit(BeaconEvent.LivenessChange, false, beaconInstance);
+            });
+
+            // stopped UI
+            expect(component.container).toHaveTextContent("Live location ended");
+        });
+    });
+
+    describe("latestLocationState", () => {
+        const aliceBeaconInfo = makeBeaconInfoEvent(aliceId, roomId, { isLive: true }, "$alice-room1-1");
+
+        const location1 = makeBeaconEvent(aliceId, {
+            beaconInfoId: aliceBeaconInfo.getId(),
+            geoUri: "geo:51,41",
+            timestamp: now + 1,
+        });
+        const location2 = makeBeaconEvent(aliceId, {
+            beaconInfoId: aliceBeaconInfo.getId(),
+            geoUri: "geo:52,42",
+            timestamp: now + 10000,
+        });
+
+        it("renders a live beacon without a location correctly", () => {
+            makeRoomWithStateEvents([aliceBeaconInfo], { roomId, mockClient });
+            const component = getComponent({ mxEvent: aliceBeaconInfo });
+
+            expect(component.container).toHaveTextContent("Loading live location…");
+        });
+
+        it("does nothing on click when a beacon has no location", () => {
+            makeRoomWithStateEvents([aliceBeaconInfo], { roomId, mockClient });
+            const component = getComponent({ mxEvent: aliceBeaconInfo });
+
+            fireEvent.click(component.container.querySelector(".mx_MBeaconBody_map")!);
+
+            expect(modalSpy).not.toHaveBeenCalled();
+        });
+
+        it("renders a live beacon with a location correctly", () => {
+            const room = makeRoomWithStateEvents([aliceBeaconInfo], { roomId, mockClient });
+            const beaconInstance = room.currentState.beacons.get(getBeaconInfoIdentifier(aliceBeaconInfo))!;
+            beaconInstance.addLocations([location1]);
+            const component = getComponent({ mxEvent: aliceBeaconInfo });
+
+            expect(component.container.querySelector(".maplibregl-canvas-container")).toBeDefined();
+        });
+
+        it("opens maximised map view on click when beacon has a live location", () => {
+            const room = makeRoomWithStateEvents([aliceBeaconInfo], { roomId, mockClient });
+            const beaconInstance = room.currentState.beacons.get(getBeaconInfoIdentifier(aliceBeaconInfo))!;
+            beaconInstance.addLocations([location1]);
+            const component = getComponent({ mxEvent: aliceBeaconInfo });
+
+            fireEvent.click(component.container.querySelector(".mx_Map")!);
+
+            // opens modal
+            expect(modalSpy).toHaveBeenCalled();
+        });
+
+        it("updates latest location", () => {
+            const room = makeRoomWithStateEvents([aliceBeaconInfo], { roomId, mockClient });
+            getComponent({ mxEvent: aliceBeaconInfo });
+
+            const beaconInstance = room.currentState.beacons.get(getBeaconInfoIdentifier(aliceBeaconInfo))!;
+            act(() => {
+                beaconInstance.addLocations([location1]);
+            });
+
+            expect(mockMap.setCenter).toHaveBeenCalledWith({ lat: 51, lon: 41 });
+            expect(mockMarker.setLngLat).toHaveBeenCalledWith({ lat: 51, lon: 41 });
+
+            act(() => {
+                beaconInstance.addLocations([location2]);
+            });
+
+            expect(mockMap.setCenter).toHaveBeenCalledWith({ lat: 52, lon: 42 });
+            expect(mockMarker.setLngLat).toHaveBeenCalledWith({ lat: 52, lon: 42 });
+        });
+    });
+
+    describe("redaction", () => {
+        const makeEvents = (): {
+            beaconInfoEvent: MatrixEvent;
+            location1: MatrixEvent;
+            location2: MatrixEvent;
+        } => {
+            const beaconInfoEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: true }, "$alice-room1-1");
+
+            const location1 = makeBeaconEvent(
+                aliceId,
+                { beaconInfoId: beaconInfoEvent.getId(), geoUri: "geo:51,41", timestamp: now + 1 },
+                roomId,
+            );
+            location1.event.event_id = "1";
+            const location2 = makeBeaconEvent(
+                aliceId,
+                { beaconInfoId: beaconInfoEvent.getId(), geoUri: "geo:52,42", timestamp: now + 10000 },
+                roomId,
+            );
+            location2.event.event_id = "2";
+            return { beaconInfoEvent, location1, location2 };
+        };
+
+        const redactionEvent = new MatrixEvent({ type: EventType.RoomRedaction, content: { reason: "test reason" } });
+
+        const setupRoomWithBeacon = (beaconInfoEvent: MatrixEvent, locationEvents: MatrixEvent[] = []): Room => {
+            const room = makeRoomWithStateEvents([beaconInfoEvent], { roomId, mockClient });
+            const beaconInstance = room.currentState.beacons.get(getBeaconInfoIdentifier(beaconInfoEvent))!;
+            beaconInstance.addLocations(locationEvents);
+            return room;
+        };
+        const mockGetRelationsForEvent = (locationEvents: MatrixEvent[] = []) => {
+            const relations = new Relations(RelationType.Reference, M_BEACON.name, mockClient);
+            jest.spyOn(relations, "getRelations").mockReturnValue(locationEvents);
+
+            const getRelationsForEvent = jest.fn().mockReturnValue(relations);
+
+            return getRelationsForEvent;
+        };
+
+        it("does nothing when getRelationsForEvent is falsy", () => {
+            const { beaconInfoEvent, location1, location2 } = makeEvents();
+            const room = setupRoomWithBeacon(beaconInfoEvent, [location1, location2]);
+
+            getComponent({ mxEvent: beaconInfoEvent });
+
+            act(() => {
+                beaconInfoEvent.makeRedacted(redactionEvent, room);
+            });
+
+            // no error, no redactions
+            expect(mockClient.redactEvent).not.toHaveBeenCalled();
+        });
+
+        it("cleans up redaction listener on unmount", () => {
+            const { beaconInfoEvent, location1, location2 } = makeEvents();
+            setupRoomWithBeacon(beaconInfoEvent, [location1, location2]);
+            const removeListenerSpy = jest.spyOn(beaconInfoEvent, "removeListener");
+
+            const component = getComponent({ mxEvent: beaconInfoEvent });
+
+            act(() => {
+                component.unmount();
+            });
+
+            expect(removeListenerSpy).toHaveBeenCalled();
+        });
+
+        it("does nothing when beacon has no related locations", async () => {
+            const { beaconInfoEvent } = makeEvents();
+            // no locations
+            const room = setupRoomWithBeacon(beaconInfoEvent, []);
+            const getRelationsForEvent = await mockGetRelationsForEvent();
+
+            getComponent({ mxEvent: beaconInfoEvent, getRelationsForEvent });
+
+            act(() => {
+                beaconInfoEvent.makeRedacted(redactionEvent, room);
+            });
+
+            expect(getRelationsForEvent).toHaveBeenCalledWith(
+                beaconInfoEvent.getId(),
+                RelationType.Reference,
+                M_BEACON.name,
+            );
+            expect(mockClient.redactEvent).not.toHaveBeenCalled();
+        });
+
+        it("redacts related locations on beacon redaction", async () => {
+            const { beaconInfoEvent, location1, location2 } = makeEvents();
+            const room = setupRoomWithBeacon(beaconInfoEvent, [location1, location2]);
+
+            const getRelationsForEvent = await mockGetRelationsForEvent([location1, location2]);
+
+            getComponent({ mxEvent: beaconInfoEvent, getRelationsForEvent });
+
+            act(() => {
+                beaconInfoEvent.makeRedacted(redactionEvent, room);
+            });
+
+            expect(getRelationsForEvent).toHaveBeenCalledWith(
+                beaconInfoEvent.getId(),
+                RelationType.Reference,
+                M_BEACON.name,
+            );
+            expect(mockClient.redactEvent).toHaveBeenCalledTimes(2);
+            expect(mockClient.redactEvent).toHaveBeenCalledWith(roomId, location1.getId(), undefined, {
+                reason: "test reason",
+            });
+            expect(mockClient.redactEvent).toHaveBeenCalledWith(roomId, location2.getId(), undefined, {
+                reason: "test reason",
+            });
+        });
+    });
+
+    describe("when map display is not configured", () => {
+        beforeEach(() => {
+            // mock map utils to raise MapStyleUrlNotConfigured error
+            jest.spyOn(mapUtilHooks, "useMap").mockImplementation(({ onError }) => {
+                onError?.(new Error(LocationShareError.MapStyleUrlNotConfigured));
+                return mockMap;
+            });
+        });
+
+        it("renders maps unavailable error for a live beacon with location", () => {
+            const beaconInfoEvent = makeBeaconInfoEvent(aliceId, roomId, { isLive: true }, "$alice-room1-1");
+            const location1 = makeBeaconEvent(aliceId, {
+                beaconInfoId: beaconInfoEvent.getId(),
+                geoUri: "geo:51,41",
+                timestamp: now + 1,
+            });
+
+            makeRoomWithBeacons(roomId, mockClient, [beaconInfoEvent], [location1]);
+
+            const component = getComponent({ mxEvent: beaconInfoEvent });
+            expect(component.getByTestId("map-rendering-error")).toMatchSnapshot();
+        });
+
+        // test that statuses display as expected with a map display error
+        testBeaconStatuses();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/MBodyFactory-test.tsx b/apps/web/test/unit-tests/components/views/messages/MBodyFactory-test.tsx
new file mode 100644
index 00000000000..3f87e1c7745
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/MBodyFactory-test.tsx
@@ -0,0 +1,342 @@
+/*
+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 "jest-matrix-react";
+import { EventType, getHttpUriForMxc, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import {
+    getMockClientWithEventEmitter,
+    mockClientMethodsCrypto,
+    mockClientMethodsDevice,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+} from "../../../../test-utils";
+import { MediaEventHelper } from "../../../../../src/utils/MediaEventHelper";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import {
+    DecryptionFailureBodyFactory,
+    FileBodyFactory,
+    ImageBodyFactory,
+    RedactedBodyFactory,
+    VideoBodyFactory,
+    renderMBody,
+} from "../../../../../src/components/views/messages/MBodyFactory";
+import { TimelineRenderingType } from "../../../../../src/contexts/RoomContext.ts";
+import { ScopedRoomContextProvider } from "../../../../../src/contexts/ScopedRoomContext.tsx";
+import { useMediaVisible } from "../../../../../src/hooks/useMediaVisible";
+
+jest.mock("matrix-encrypt-attachment", () => ({
+    decryptAttachment: jest.fn(),
+}));
+
+jest.mock("../../../../../src/hooks/useMediaVisible", () => ({
+    __esModule: true,
+    useMediaVisible: jest.fn(),
+}));
+
+describe("MBodyFactory", () => {
+    const userId = "@user:server";
+    const deviceId = "DEADB33F";
+    const cli = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        ...mockClientMethodsServer(),
+        ...mockClientMethodsDevice(deviceId),
+        ...mockClientMethodsCrypto(),
+        getRooms: jest.fn().mockReturnValue([]),
+        getRoom: jest.fn(),
+        getIgnoredUsers: jest.fn(),
+        getVersions: jest.fn().mockResolvedValue({
+            unstable_features: {
+                "org.matrix.msc3882": true,
+                "org.matrix.msc3886": true,
+            },
+        }),
+    });
+    // eslint-disable-next-line no-restricted-properties
+    cli.mxcUrlToHttp.mockImplementation(
+        (mxcUrl: string, width?: number, height?: number, resizeMethod?: string, allowDirectLinks?: boolean) => {
+            return getHttpUriForMxc("https://server", mxcUrl, width, height, resizeMethod, allowDirectLinks);
+        },
+    );
+
+    const props = {
+        onMessageAllowed: jest.fn(),
+        permalinkCreator: new RoomPermalinkCreator(new Room("!room:server", cli, cli.getUserId()!)),
+    };
+    const mkEvent = (msgtype?: string, content: Record<string, unknown> = {}): MatrixEvent =>
+        new MatrixEvent({
+            room_id: "!room:server",
+            sender: userId,
+            type: EventType.RoomMessage,
+            content: {
+                body: "alt",
+                ...(msgtype ? { msgtype } : {}),
+                url: "mxc://server/file",
+                ...content,
+            },
+        });
+
+    beforeEach(() => {
+        jest.spyOn(SettingsStore, "getValue").mockRestore();
+        jest.mocked(useMediaVisible).mockReturnValue([true, jest.fn()]);
+    });
+
+    const encryptedImageHelper = (): MediaEventHelper =>
+        ({
+            media: { isEncrypted: true },
+            sourceUrl: { value: Promise.resolve("blob:source") },
+            thumbnailUrl: { value: Promise.resolve("blob:thumbnail") },
+            sourceBlob: {
+                value: Promise.resolve(new Blob(["image"], { type: "image/jpeg" })),
+                cachedValue: new Blob(["image"], { type: "image/jpeg" }),
+            },
+        }) as unknown as MediaEventHelper;
+
+    describe("renderMBody", () => {
+        it("renders download button for m.file in file rendering type", () => {
+            const mediaEvent = mkEvent("m.file");
+
+            const { container, getByRole } = render(
+                <ScopedRoomContextProvider {...({ timelineRenderingType: TimelineRenderingType.File } as any)}>
+                    {renderMBody({
+                        ...props,
+                        mxEvent: mediaEvent,
+                        mediaEventHelper: new MediaEventHelper(mediaEvent),
+                        showFileInfo: false,
+                    })}
+                </ScopedRoomContextProvider>,
+            );
+
+            expect(getByRole("link", { name: "Download" })).toBeInTheDocument();
+            expect(container).toMatchSnapshot();
+        });
+
+        it.each(["m.audio", "m.text"])("returns null for unsupported msgtype %s", (msgtype) => {
+            expect(renderMBody({ ...props, mxEvent: mkEvent(msgtype) })).toBeNull();
+        });
+
+        it("returns the video body factory for m.video", () => {
+            expect(renderMBody({ ...props, mxEvent: mkEvent("m.video") })?.type).toBe(VideoBodyFactory);
+        });
+
+        it("returns the image body factory for m.image", () => {
+            expect(renderMBody({ ...props, mxEvent: mkEvent("m.image") })?.type).toBe(ImageBodyFactory);
+        });
+
+        it("returns null when msgtype is missing", () => {
+            expect(renderMBody({ ...props, mxEvent: mkEvent() })).toBeNull();
+        });
+
+        it("falls back to file body for unsupported msgtypes", () => {
+            const mediaEvent = mkEvent("m.audio");
+            const { getByRole } = render(
+                <ScopedRoomContextProvider {...({ timelineRenderingType: TimelineRenderingType.File } as any)}>
+                    {renderMBody(
+                        {
+                            ...props,
+                            mxEvent: mediaEvent,
+                            mediaEventHelper: new MediaEventHelper(mediaEvent),
+                        },
+                        FileBodyFactory,
+                    )}
+                </ScopedRoomContextProvider>,
+            );
+            expect(getByRole("button", { name: "alt" })).toBeInTheDocument();
+        });
+    });
+
+    it.each(["m.file", "m.audio"])(
+        "renderMBody fallback shows %s generic placeholder when showFileInfo is true",
+        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)}>
+                    {renderMBody(
+                        {
+                            ...props,
+                            mxEvent: mediaEvent,
+                            mediaEventHelper: new MediaEventHelper(mediaEvent),
+                            showFileInfo: true,
+                        },
+                        FileBodyFactory,
+                    )}
+                </ScopedRoomContextProvider>,
+            );
+
+            expect(getByRole("button", { name: "alt" })).toBeInTheDocument();
+            expect(container).toMatchSnapshot();
+        },
+    );
+
+    describe("ImageBodyFactory", () => {
+        const imageContent = {
+            info: {
+                mimetype: "image/jpeg",
+                w: 320,
+                h: 240,
+                size: 48_000,
+            },
+        };
+
+        it("renders the shared image view in room timelines", () => {
+            const mediaEvent = mkEvent("m.image", imageContent);
+
+            const { container } = render(
+                <ScopedRoomContextProvider {...({ timelineRenderingType: TimelineRenderingType.Room } as any)}>
+                    <ImageBodyFactory
+                        {...props}
+                        mxEvent={mediaEvent}
+                        mediaEventHelper={new MediaEventHelper(mediaEvent)}
+                    />
+                </ScopedRoomContextProvider>,
+            );
+
+            expect(container.querySelector(".mx_ImageBody")).not.toBeNull();
+            expect(container.querySelector(".mx_MFileBody")).toBeNull();
+        });
+
+        it("renders the file fallback child in notification timelines", () => {
+            const mediaEvent = mkEvent("m.image", imageContent);
+
+            const { container, getByRole } = render(
+                <ScopedRoomContextProvider {...({ timelineRenderingType: TimelineRenderingType.Notification } as any)}>
+                    <ImageBodyFactory
+                        {...props}
+                        mxEvent={mediaEvent}
+                        mediaEventHelper={new MediaEventHelper(mediaEvent)}
+                    />
+                </ScopedRoomContextProvider>,
+            );
+
+            expect(container.querySelector(".mx_ImageBody")).not.toBeNull();
+            expect(container.querySelector(".mx_MFileBody")).not.toBeNull();
+            expect(getByRole("link", { name: /Download/ })).toBeInTheDocument();
+        });
+
+        it("renders only a file body for encrypted unsafe images without thumbnails", () => {
+            const mediaEvent = mkEvent("m.image", {
+                file: { url: "mxc://server/encrypted-file" },
+                url: undefined,
+                info: {
+                    mimetype: "text/html",
+                },
+            });
+
+            const { container, getByRole } = render(
+                <ScopedRoomContextProvider {...({ timelineRenderingType: TimelineRenderingType.Room } as any)}>
+                    <ImageBodyFactory
+                        {...props}
+                        mxEvent={mediaEvent}
+                        mediaEventHelper={{ media: { isEncrypted: true } } as MediaEventHelper}
+                    />
+                </ScopedRoomContextProvider>,
+            );
+
+            expect(container.querySelector(".mx_ImageBody")).toBeNull();
+            expect(container.querySelector(".mx_MFileBody")).not.toBeNull();
+            expect(getByRole("button", { name: "alt" })).toBeInTheDocument();
+        });
+
+        it("keeps the image body for encrypted unsafe images when a thumbnail is available", () => {
+            const mediaEvent = mkEvent("m.image", {
+                file: { url: "mxc://server/encrypted-file" },
+                url: undefined,
+                info: {
+                    mimetype: "text/html",
+                    thumbnail_info: { mimetype: "image/jpeg" },
+                },
+            });
+
+            const { container } = render(
+                <ScopedRoomContextProvider {...({ timelineRenderingType: TimelineRenderingType.Room } as any)}>
+                    <ImageBodyFactory {...props} mxEvent={mediaEvent} mediaEventHelper={encryptedImageHelper()} />
+                </ScopedRoomContextProvider>,
+            );
+
+            expect(container.querySelector(".mx_ImageBody")).not.toBeNull();
+            expect(container.querySelector(".mx_MFileBody")).toBeNull();
+        });
+    });
+
+    describe("VideoBodyFactory", () => {
+        const videoContent = {
+            info: {
+                mimetype: "video/mp4",
+                w: 320,
+                h: 240,
+                size: 48_000,
+            },
+        };
+
+        it("renders without a file fallback in room timelines", () => {
+            const mediaEvent = mkEvent("m.video", videoContent);
+
+            const { container } = render(
+                <ScopedRoomContextProvider {...({ timelineRenderingType: TimelineRenderingType.Room } as any)}>
+                    <VideoBodyFactory
+                        mxEvent={mediaEvent}
+                        mediaEventHelper={new MediaEventHelper(mediaEvent)}
+                        forExport={false}
+                    />
+                </ScopedRoomContextProvider>,
+            );
+
+            expect(container.querySelector(".mx_MVideoBody")).not.toBeNull();
+            expect(container.querySelector(".mx_MFileBody")).toBeNull();
+        });
+
+        it("renders the file fallback child outside room timelines", () => {
+            const mediaEvent = mkEvent("m.video", videoContent);
+
+            const { container, getByRole } = render(
+                <ScopedRoomContextProvider {...({ timelineRenderingType: TimelineRenderingType.Notification } as any)}>
+                    <VideoBodyFactory
+                        mxEvent={mediaEvent}
+                        mediaEventHelper={new MediaEventHelper(mediaEvent)}
+                        forExport={false}
+                    />
+                </ScopedRoomContextProvider>,
+            );
+
+            expect(container.querySelector(".mx_MVideoBody")).not.toBeNull();
+            expect(container.querySelector(".mx_MFileBody")).not.toBeNull();
+            expect(getByRole("link", { name: /Download/ })).toBeInTheDocument();
+        });
+    });
+
+    it("renders the redacted body wrapper", () => {
+        const mediaEvent = mkEvent("m.text");
+
+        const { container } = render(<RedactedBodyFactory mxEvent={mediaEvent} />);
+
+        expect(container.querySelector(".mx_RedactedBody")).not.toBeNull();
+    });
+
+    it("renders the decryption failure body wrapper", () => {
+        const mediaEvent = mkEvent("m.text");
+        Object.defineProperty(mediaEvent, "decryptionFailureReason", {
+            configurable: true,
+            value: "MEGOLM_UNKNOWN_INBOUND_SESSION_ID",
+        });
+
+        const { container } = render(<DecryptionFailureBodyFactory mxEvent={mediaEvent} />);
+
+        expect(container.querySelector(".mx_DecryptionFailureBody")).not.toBeNull();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/MImageReplyBody-test.tsx b/apps/web/test/unit-tests/components/views/messages/MImageReplyBody-test.tsx
new file mode 100644
index 00000000000..7ddadc973ab
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/MImageReplyBody-test.tsx
@@ -0,0 +1,620 @@
+/*
+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, { createRef } from "react";
+import { act, fireEvent, render, screen, waitFor } from "jest-matrix-react";
+import { ClientEvent, EventType, getHttpUriForMxc, MatrixEvent, Room, SyncState } from "matrix-js-sdk/src/matrix";
+
+import Modal from "../../../../../src/Modal";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { ImageSize } from "../../../../../src/settings/enums/ImageSize";
+import { mediaFromContent } from "../../../../../src/customisations/Media";
+import { BLURHASH_FIELD, createThumbnail } from "../../../../../src/utils/image-media";
+import { blobIsAnimated } from "../../../../../src/utils/Image";
+import { DecryptError, DownloadError } from "../../../../../src/utils/DecryptFile";
+import { type MediaEventHelper } from "../../../../../src/utils/MediaEventHelper";
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import RoomContext, { TimelineRenderingType } from "../../../../../src/contexts/RoomContext";
+import MImageReplyBody, { ImageBodyBaseInner } from "../../../../../src/components/views/messages/MImageReplyBody";
+import {
+    getMockClientWithEventEmitter,
+    mockClientMethodsCrypto,
+    mockClientMethodsDevice,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+} from "../../../../test-utils";
+import { useMediaVisible } from "../../../../../src/hooks/useMediaVisible";
+
+jest.mock("../../../../../src/customisations/Media", () => ({
+    mediaFromContent: jest.fn(),
+}));
+
+jest.mock("../../../../../src/utils/Image", () => ({
+    ...jest.requireActual("../../../../../src/utils/Image"),
+    blobIsAnimated: jest.fn(),
+}));
+
+jest.mock("../../../../../src/utils/image-media", () => ({
+    ...jest.requireActual("../../../../../src/utils/image-media"),
+    createThumbnail: jest.fn(),
+}));
+
+jest.mock("../../../../../src/hooks/useMediaVisible", () => ({
+    __esModule: true,
+    useMediaVisible: jest.fn(),
+}));
+
+describe("<MImageReplyBody />", () => {
+    const userId = "@user:server";
+    const deviceId = "DEADB33F";
+    const cli = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        ...mockClientMethodsServer(),
+        ...mockClientMethodsDevice(deviceId),
+        ...mockClientMethodsCrypto(),
+        getRoom: jest.fn(),
+        getRooms: jest.fn().mockReturnValue([]),
+        getIgnoredUsers: jest.fn(),
+        getVersions: jest.fn().mockResolvedValue({
+            unstable_features: {
+                "org.matrix.msc3882": true,
+                "org.matrix.msc3886": true,
+            },
+        }),
+    });
+    // eslint-disable-next-line no-restricted-properties
+    cli.mxcUrlToHttp.mockImplementation(
+        (mxcUrl: string, width?: number, height?: number, resizeMethod?: string, allowDirectLinks?: boolean) => {
+            return getHttpUriForMxc("https://server", mxcUrl, width, height, resizeMethod, allowDirectLinks);
+        },
+    );
+
+    const mockedMediaFromContent = jest.mocked(mediaFromContent);
+    const mockedUseMediaVisible = jest.mocked(useMediaVisible);
+    const mockedBlobIsAnimated = jest.mocked(blobIsAnimated);
+    const mockedCreateThumbnail = jest.mocked(createThumbnail);
+    const originalGetValue = SettingsStore.getValue.bind(SettingsStore);
+
+    const createEvent = ({
+        body = "demo image",
+        content = {},
+    }: {
+        body?: string;
+        content?: Record<string, unknown>;
+    } = {}): MatrixEvent => {
+        const { info: infoOverride, ...restContent } = content;
+        const info =
+            infoOverride === null
+                ? undefined
+                : {
+                      w: 320,
+                      h: 240,
+                      size: 48_000,
+                      mimetype: "image/jpeg",
+                      ...(infoOverride as Record<string, unknown> | undefined),
+                  };
+
+        return new MatrixEvent({
+            type: EventType.RoomMessage,
+            room_id: "!room:server",
+            event_id: "$image:server",
+            sender: userId,
+            content: {
+                msgtype: "m.image",
+                body,
+                url: "mxc://server/image",
+                ...restContent,
+                ...(info ? { info } : {}),
+            },
+        });
+    };
+
+    const createMockMedia = (content: Record<string, any>) => ({
+        isEncrypted: !!content.file,
+        srcMxc: content.url ?? content.file?.url ?? "mxc://server/image",
+        srcHttp: "https://server/full.png",
+        thumbnailMxc: content.info?.thumbnail_url ?? "mxc://server/thumb",
+        thumbnailHttp: "https://server/thumb.png",
+        hasThumbnail: content.info?.thumbnail_url !== null,
+        getThumbnailHttp: jest.fn().mockReturnValue("https://server/thumb.png"),
+        getThumbnailOfSourceHttp: jest.fn().mockReturnValue("https://server/thumb.png"),
+        getSquareThumbnailHttp: jest.fn(),
+        downloadSource: jest.fn(),
+    });
+
+    const createMediaEventHelper = ({
+        encrypted = true,
+        thumbnailUrl = "blob:thumbnail",
+        sourceUrl = "blob:source",
+        sourceBlob = new Blob(["image"], { type: "image/jpeg" }),
+    }: {
+        encrypted?: boolean;
+        thumbnailUrl?: string | null | Promise<string | null>;
+        sourceUrl?: string | null | Promise<string | null>;
+        sourceBlob?: Blob | Promise<Blob>;
+    } = {}): MediaEventHelper =>
+        ({
+            media: { isEncrypted: encrypted },
+            thumbnailUrl: { value: Promise.resolve(thumbnailUrl) },
+            sourceUrl: { value: Promise.resolve(sourceUrl) },
+            sourceBlob: { value: Promise.resolve(sourceBlob), cachedValue: sourceBlob },
+        }) as unknown as MediaEventHelper;
+
+    const props = {
+        mxEvent: createEvent(),
+        mediaVisible: true,
+        setMediaVisible: jest.fn(),
+        onMessageAllowed: jest.fn(),
+        permalinkCreator: new RoomPermalinkCreator(new Room("!room:server", cli, cli.getUserId()!)),
+    };
+
+    const renderBase = ({
+        timelineRenderingType = TimelineRenderingType.Room,
+        overrides = {},
+    }: {
+        timelineRenderingType?: TimelineRenderingType;
+        overrides?: Partial<React.ComponentProps<typeof ImageBodyBaseInner>>;
+    } = {}) => {
+        const ref = createRef<ImageBodyBaseInner>();
+        const result = render(
+            <RoomContext.Provider value={{ timelineRenderingType } as any}>
+                <ImageBodyBaseInner ref={ref} {...props} {...overrides} />
+            </RoomContext.Provider>,
+        );
+        return { ...result, ref };
+    };
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        Object.defineProperty(window, "devicePixelRatio", {
+            configurable: true,
+            value: 1,
+        });
+        mockedMediaFromContent.mockImplementation((content: Record<string, any>) => createMockMedia(content) as any);
+        mockedUseMediaVisible.mockReturnValue([true, jest.fn()]);
+        mockedBlobIsAnimated.mockResolvedValue(true);
+        mockedCreateThumbnail.mockResolvedValue({ thumbnail: new Blob(["thumbnail"], { type: "image/jpeg" }) } as any);
+        jest.spyOn(SettingsStore, "getValue").mockImplementation(((setting, ...args) => {
+            if (setting === "Images.size") return ImageSize.Normal;
+            if (setting === "autoplayGifs") return false;
+            return (originalGetValue as any)(setting, ...args);
+        }) as typeof SettingsStore.getValue);
+        jest.spyOn(SettingsStore, "watchSetting").mockReturnValue("image-reply-watch");
+        jest.spyOn(SettingsStore, "unwatchSetting").mockImplementation(jest.fn());
+    });
+
+    afterEach(() => {
+        jest.useRealTimers();
+    });
+
+    afterAll(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("renders a visible unencrypted image and file fallback outside room timelines", async () => {
+        const { container } = renderBase({ timelineRenderingType: TimelineRenderingType.Notification });
+
+        await waitFor(() => expect(screen.getAllByRole("img", { name: "demo image" })).toHaveLength(2));
+
+        expect(container.querySelector(".mx_MImageBody")).not.toBeNull();
+        expect(container.querySelector(".mx_MFileBody")).not.toBeNull();
+        expect(container.querySelector("a[href='https://server/full.png']")).not.toBeNull();
+        expect(container.querySelector("img.mx_MImageBody_thumbnail")).toHaveAttribute(
+            "src",
+            "https://server/thumb.png",
+        );
+        expect(screen.getByRole("link", { name: /Download/ })).toBeInTheDocument();
+    });
+
+    it("reveals hidden media through the supplied setter", () => {
+        const setMediaVisible = jest.fn();
+        renderBase({
+            overrides: {
+                mediaVisible: false,
+                setMediaVisible,
+            },
+        });
+
+        fireEvent.click(screen.getByRole("button", { name: "Show image" }));
+
+        expect(setMediaVisible).toHaveBeenCalledWith(true);
+    });
+
+    it("opens the image viewer with thumbnail geometry", async () => {
+        const { container } = renderBase();
+        await waitFor(() => expect(screen.getByRole("img", { name: "demo image" })).toBeInTheDocument());
+        const image = container.querySelector("img.mx_MImageBody_thumbnail")!;
+        image.getBoundingClientRect = () => ({ width: 100, height: 80, x: 10, y: 20 }) as DOMRect;
+        jest.spyOn(Modal, "createDialog").mockReturnValue({} as any);
+
+        fireEvent.click(screen.getByRole("link", { name: "demo image" }), { button: 0 });
+
+        expect(Modal.createDialog).toHaveBeenCalledWith(
+            expect.any(Function),
+            expect.objectContaining({
+                src: "https://server/full.png",
+                name: "demo image",
+                width: 320,
+                height: 240,
+                fileSize: 48_000,
+                thumbnailInfo: {
+                    width: 100,
+                    height: 80,
+                    positionX: 10,
+                    positionY: 20,
+                },
+            }),
+            "mx_Dialog_lightbox",
+            undefined,
+            true,
+        );
+    });
+
+    it("updates load dimensions and toggles hover/focus banner state", async () => {
+        const { container, ref } = renderBase();
+        await waitFor(() => expect(screen.getByRole("img", { name: "demo image" })).toBeInTheDocument());
+        const image = container.querySelector("img.mx_MImageBody_thumbnail")!;
+        Object.defineProperty(image, "naturalWidth", { configurable: true, value: 640 });
+        Object.defineProperty(image, "naturalHeight", { configurable: true, value: 480 });
+
+        act(() => {
+            ref.current!["onImageLoad"]();
+            ref.current!.setState({ isAnimated: true, imgLoaded: true });
+        });
+        expect(ref.current!.state.loadedImageDimensions).toEqual({ naturalWidth: 640, naturalHeight: 480 });
+
+        fireEvent.mouseEnter(image);
+        expect(ref.current!.state.hover).toBe(true);
+        expect(container.querySelector(".mx_MImageBody_banner")).not.toBeNull();
+        expect(image).toHaveAttribute("src", "https://server/full.png");
+
+        fireEvent.mouseLeave(image);
+        expect(ref.current!.state.hover).toBe(false);
+
+        const link = screen.getByRole("link", { name: /demo image/ });
+        fireEvent.focus(link);
+        expect(ref.current!.state.focus).toBe(true);
+        fireEvent.blur(link);
+        expect(ref.current!.state.focus).toBe(false);
+    });
+
+    it("uses the decrypted thumbnail in the image viewer when the source mime type is unsafe", async () => {
+        renderBase({
+            overrides: {
+                mxEvent: createEvent({
+                    body: "unsafe image",
+                    content: {
+                        file: { url: "mxc://server/encrypted-image" },
+                        url: undefined,
+                        info: {
+                            mimetype: "image/svg+xml",
+                            thumbnail_info: { mimetype: "image/jpeg" },
+                        },
+                    },
+                }),
+                mediaEventHelper: createMediaEventHelper({
+                    sourceUrl: "blob:unsafe-source",
+                    thumbnailUrl: "blob:safe-thumbnail",
+                    sourceBlob: new Blob(["html"], { type: "text/html" }),
+                }),
+            },
+        });
+        jest.spyOn(Modal, "createDialog").mockReturnValue({} as any);
+        await waitFor(() => expect(screen.getByRole("img", { name: "unsafe image" })).toBeInTheDocument());
+
+        fireEvent.click(screen.getByRole("link", { name: "unsafe image" }), { button: 0 });
+
+        expect(Modal.createDialog).toHaveBeenCalledWith(
+            expect.any(Function),
+            expect.objectContaining({
+                src: "blob:safe-thumbnail",
+                name: "unsafe image",
+            }),
+            "mx_Dialog_lightbox",
+            undefined,
+            true,
+        );
+    });
+
+    it("falls back from thumbnail errors and clears image errors after reconnecting", async () => {
+        const onSpy = jest.spyOn(cli, "on");
+        const offSpy = jest.spyOn(cli, "off");
+        const { ref } = renderBase();
+        await waitFor(() => expect(ref.current!.state.thumbUrl).toBe("https://server/thumb.png"));
+
+        act(() => {
+            ref.current!["onImageError"]();
+        });
+        expect(ref.current!.state.thumbUrl).toBeNull();
+
+        act(() => {
+            ref.current!["onImageError"]();
+        });
+        expect(ref.current!.state.imgError).toBe(true);
+        expect(onSpy).toHaveBeenCalledWith(ClientEvent.Sync, expect.any(Function));
+
+        const listener = onSpy.mock.calls.at(-1)![1] as (...args: unknown[]) => void;
+        act(() => {
+            listener(SyncState.Syncing, SyncState.Error);
+        });
+
+        expect(offSpy).toHaveBeenCalledWith(ClientEvent.Sync, listener);
+        expect(ref.current!.state.imgError).toBe(false);
+    });
+
+    it.each([
+        [new DecryptError(new Error("decrypt failed")), "Error decrypting image"],
+        [new DownloadError(new Error("download failed")), "Error downloading image"],
+        [new Error("display failed"), "Unable to show image due to error"],
+    ])("renders media processing errors for %s", async (error, label) => {
+        const { container, ref } = renderBase();
+
+        act(() => {
+            ref.current!.setState({ error });
+        });
+
+        expect(container.querySelector(".mx_MImageBody")).not.toBeNull();
+        expect(screen.getByText(label)).toBeInTheDocument();
+    });
+
+    it.each([
+        [new DecryptError(new Error("decrypt failed")), "Error decrypting image"],
+        [new DownloadError(new Error("download failed")), "Error downloading image"],
+        [new Error("download failed"), "Unable to show image due to error"],
+    ])("renders encrypted download failures for %s", async (error, label) => {
+        renderBase({
+            overrides: {
+                mxEvent: createEvent({
+                    content: {
+                        file: { url: "mxc://server/encrypted-image" },
+                        url: undefined,
+                    },
+                }),
+                mediaEventHelper: createMediaEventHelper({
+                    sourceUrl: Promise.reject(error),
+                }),
+            },
+        });
+
+        await waitFor(() => expect(screen.getByText(label)).toBeInTheDocument());
+    });
+
+    it("renders export images directly from the event MXC URL", () => {
+        renderBase({
+            overrides: {
+                forExport: true,
+                mxEvent: createEvent({
+                    content: {
+                        url: undefined,
+                        file: { url: "mxc://server/encrypted-image" },
+                    },
+                }),
+            },
+        });
+
+        expect(screen.getByRole("link", { name: "demo image" })).toHaveAttribute(
+            "href",
+            "mxc://server/encrypted-image",
+        );
+        expect(screen.getByRole("link", { name: "demo image" })).toHaveAttribute("target", "_blank");
+        expect(screen.queryByRole("link", { name: /Download/ })).toBeNull();
+    });
+
+    it("switches blurhash placeholders on after the delay", () => {
+        jest.useFakeTimers();
+        const { container } = renderBase({
+            overrides: {
+                mxEvent: createEvent({
+                    content: {
+                        info: {
+                            [BLURHASH_FIELD]: "LEHV6nWB2yk8pyo0adR*.7kCMdnj",
+                        },
+                    },
+                }),
+            },
+        });
+
+        expect(container.querySelector(".mx_Blurhash")).toBeNull();
+
+        act(() => {
+            jest.advanceTimersByTime(150);
+        });
+
+        expect(container.querySelector(".mx_Blurhash")).not.toBeNull();
+    });
+
+    it("downloads media when visibility changes after mount", async () => {
+        const ref = createRef<ImageBodyBaseInner>();
+        const mxEvent = createEvent();
+        const { rerender } = render(
+            <RoomContext.Provider value={{ timelineRenderingType: TimelineRenderingType.Room } as any}>
+                <ImageBodyBaseInner
+                    ref={ref}
+                    {...props}
+                    mxEvent={mxEvent}
+                    mediaVisible={false}
+                    setMediaVisible={jest.fn()}
+                />
+            </RoomContext.Provider>,
+        );
+
+        expect(ref.current!.state.contentUrl).toBeNull();
+
+        rerender(
+            <RoomContext.Provider value={{ timelineRenderingType: TimelineRenderingType.Room } as any}>
+                <ImageBodyBaseInner
+                    ref={ref}
+                    {...props}
+                    mxEvent={mxEvent}
+                    mediaVisible={true}
+                    setMediaVisible={jest.fn()}
+                />
+            </RoomContext.Provider>,
+        );
+
+        await waitFor(() => expect(ref.current!.state.contentUrl).toBe("https://server/full.png"));
+    });
+
+    it("renders missing-size media after loading natural dimensions", async () => {
+        const { container, ref } = renderBase({
+            overrides: {
+                mxEvent: createEvent({ content: { info: null } }),
+            },
+        });
+        await waitFor(() => expect(container.querySelector("img[style*='display: none']")).not.toBeNull());
+        const image = container.querySelector("img[style*='display: none']")!;
+        Object.defineProperty(image, "naturalWidth", { configurable: true, value: 640 });
+        Object.defineProperty(image, "naturalHeight", { configurable: true, value: 480 });
+
+        act(() => {
+            ref.current!["onImageLoad"]();
+        });
+
+        expect(ref.current!.state.loadedImageDimensions).toEqual({ naturalWidth: 640, naturalHeight: 480 });
+        expect(container.querySelector(".mx_MImageBody_thumbnail_container")).not.toBeNull();
+    });
+
+    it("generates a static thumbnail for animated images without a safe thumbnail", async () => {
+        let createdImage: any;
+        const originalCreateElement = document.createElement.bind(document);
+        const createElementSpy = jest.spyOn(document, "createElement").mockImplementation(((tagName: string) => {
+            if (tagName !== "img") {
+                return originalCreateElement(tagName);
+            }
+            createdImage = originalCreateElement(tagName) as HTMLImageElement;
+            Object.defineProperty(createdImage, "width", { configurable: true, value: 320 });
+            Object.defineProperty(createdImage, "height", { configurable: true, value: 240 });
+            return createdImage;
+        }) as typeof document.createElement);
+        const { ref } = renderBase({
+            overrides: {
+                mxEvent: createEvent({
+                    content: {
+                        file: { url: "mxc://server/encrypted-image" },
+                        url: undefined,
+                        info: {
+                            "mimetype": "image/gif",
+                            "thumbnail_info": { mimetype: "image/gif" },
+                            "org.matrix.msc4230.is_animated": true,
+                        },
+                    },
+                }),
+                mediaEventHelper: createMediaEventHelper({
+                    sourceUrl: "blob:animated-source",
+                    thumbnailUrl: null,
+                    sourceBlob: new Blob(["gif"], { type: "image/gif" }),
+                }),
+            },
+        });
+
+        await waitFor(() => expect(createdImage).toBeDefined());
+        await act(async () => {
+            createdImage.onload();
+            await Promise.resolve();
+        });
+
+        await waitFor(() => expect(ref.current!.state.thumbUrl).toBe("blob"));
+        expect(mockedBlobIsAnimated).toHaveBeenCalled();
+        expect(mockedCreateThumbnail).toHaveBeenCalledWith(expect.any(HTMLImageElement), 320, 240, "image/gif", false);
+        expect(ref.current!.state.isAnimated).toBe(true);
+        createElementSpy.mockRestore();
+    });
+
+    it("uses SVG thumbnails when available", async () => {
+        const { ref } = renderBase({
+            overrides: {
+                mxEvent: createEvent({
+                    content: {
+                        info: {
+                            mimetype: "image/svg+xml",
+                            thumbnail_url: "mxc://server/thumb",
+                        },
+                    },
+                }),
+            },
+        });
+
+        await waitFor(() => expect(ref.current!.state.thumbUrl).toBe("https://server/thumb.png"));
+
+        expect(
+            mockedMediaFromContent.mock.results.some((result: any) =>
+                result.value.getThumbnailHttp.mock.calls.some(
+                    (call: unknown[]) => call[0] === 800 && call[1] === 600 && call[2] === "scale",
+                ),
+            ),
+        ).toBe(true);
+    });
+
+    it("uses the full source as thumbnail for small high-dpi images", async () => {
+        Object.defineProperty(window, "devicePixelRatio", {
+            configurable: true,
+            value: 2,
+        });
+
+        const { ref } = renderBase();
+
+        await waitFor(() => expect(ref.current!.state.thumbUrl).toBe("https://server/full.png"));
+    });
+
+    it("renders the file body instead of unsafe encrypted images without thumbnails", () => {
+        renderBase({
+            overrides: {
+                mxEvent: createEvent({
+                    content: {
+                        file: { url: "mxc://server/encrypted-file" },
+                        url: undefined,
+                        info: {
+                            mimetype: "text/html",
+                        },
+                    },
+                }),
+                mediaEventHelper: {
+                    media: { isEncrypted: true },
+                    sourceUrl: { value: Promise.resolve("blob:source") },
+                    thumbnailUrl: { value: Promise.resolve(null) },
+                    sourceBlob: {
+                        value: Promise.resolve(new Blob(["html"], { type: "text/html" })),
+                        cachedValue: new Blob(["html"], { type: "text/html" }),
+                    },
+                } as unknown as MediaEventHelper,
+                mediaVisible: false,
+            },
+        });
+
+        expect(screen.getByRole("button", { name: /demo image/ })).toBeInTheDocument();
+        expect(screen.queryByRole("img", { name: "demo image" })).toBeNull();
+    });
+
+    it("renders the compact reply body through the hook wrapper", async () => {
+        const setMediaVisible = jest.fn();
+        mockedUseMediaVisible.mockReturnValue([true, setMediaVisible]);
+
+        const { container } = render(<MImageReplyBody {...props} />);
+
+        await waitFor(() => expect(container.querySelector(".mx_MImageReplyBody")).not.toBeNull());
+        expect(screen.getByRole("img", { name: "demo image" })).toBeInTheDocument();
+    });
+
+    it("cleans up settings watchers, listeners and generated animated thumbnails on unmount", async () => {
+        const offSpy = jest.spyOn(cli, "off");
+        const { ref, unmount } = renderBase();
+        await waitFor(() => expect(ref.current).not.toBeNull());
+
+        act(() => {
+            ref.current!.setState({
+                isAnimated: true,
+                thumbUrl: "blob:animated-thumbnail",
+            });
+        });
+
+        unmount();
+
+        expect(SettingsStore.unwatchSetting).toHaveBeenCalledWith("image-reply-watch");
+        expect(offSpy).toHaveBeenCalledWith(ClientEvent.Sync, expect.any(Function));
+        expect(URL.revokeObjectURL).toHaveBeenCalledWith("blob:animated-thumbnail");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/MLocationBody-test.tsx b/apps/web/test/unit-tests/components/views/messages/MLocationBody-test.tsx
new file mode 100644
index 00000000000..04a654cb9d9
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/MLocationBody-test.tsx
@@ -0,0 +1,161 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+import { fireEvent, render, waitFor } from "jest-matrix-react";
+import { LocationAssetType, ClientEvent, RoomMember, SyncState } from "matrix-js-sdk/src/matrix";
+import * as maplibregl from "maplibre-gl";
+import { logger } from "matrix-js-sdk/src/logger";
+import { sleep } from "matrix-js-sdk/src/utils";
+
+import MLocationBody from "../../../../../src/components/views/messages/MLocationBody";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { type RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import { type MediaEventHelper } from "../../../../../src/utils/MediaEventHelper";
+import Modal from "../../../../../src/Modal";
+import SdkConfig from "../../../../../src/SdkConfig";
+import { TILE_SERVER_WK_KEY } from "../../../../../src/utils/WellKnownUtils";
+import { makeLocationEvent } from "../../../../test-utils/location";
+import { getMockClientWithEventEmitter } from "../../../../test-utils";
+
+describe("MLocationBody", () => {
+    const mapOptions = { container: {} as unknown as HTMLElement, style: "" };
+    describe("<MLocationBody>", () => {
+        const roomId = "!room:server";
+        const userId = "@user:server";
+        const mockClient = getMockClientWithEventEmitter({
+            getClientWellKnown: jest.fn().mockReturnValue({
+                [TILE_SERVER_WK_KEY.name]: { map_style_url: "maps.com" },
+            }),
+            isGuest: jest.fn().mockReturnValue(false),
+        });
+        const defaultEvent = makeLocationEvent("geo:51.5076,-0.1276", LocationAssetType.Pin);
+        const defaultProps: MLocationBody["props"] = {
+            mxEvent: defaultEvent,
+            highlights: [],
+            highlightLink: "",
+            onMessageAllowed: jest.fn(),
+            permalinkCreator: {} as RoomPermalinkCreator,
+            mediaEventHelper: {} as MediaEventHelper,
+        };
+        const getComponent = (props = {}) =>
+            render(
+                <MatrixClientContext.Provider value={mockClient}>
+                    <MLocationBody {...defaultProps} {...props} />
+                </MatrixClientContext.Provider>,
+            );
+        const getMapErrorComponent = () => {
+            const mockMap = new maplibregl.Map(mapOptions);
+            mockClient.getClientWellKnown.mockReturnValue({
+                [TILE_SERVER_WK_KEY.name]: { map_style_url: "bad-tile-server.com" },
+            });
+            const component = getComponent();
+
+            sleep(10).then(() => {
+                // simulate error initialising map in maplibregl
+                // @ts-ignore
+                mockMap.emit("error", { status: 404 });
+            });
+
+            return component;
+        };
+
+        beforeEach(() => {
+            jest.clearAllMocks();
+        });
+
+        describe("with error", () => {
+            let sdkConfigSpy: jest.SpyInstance;
+
+            beforeEach(() => {
+                // eat expected errors to keep console clean
+                jest.spyOn(logger, "error").mockImplementation(() => {});
+                mockClient.getClientWellKnown.mockReturnValue({});
+                sdkConfigSpy = jest.spyOn(SdkConfig, "get").mockReturnValue({});
+            });
+
+            afterAll(() => {
+                sdkConfigSpy.mockRestore();
+                jest.spyOn(logger, "error").mockRestore();
+            });
+
+            it("displays correct fallback content without error style when map_style_url is not configured", async () => {
+                const component = getComponent();
+
+                // The map code needs to be lazy loaded so this will take some time to appear
+                await waitFor(() =>
+                    expect(component.container.querySelector(".mx_EventTile_body")).toBeInTheDocument(),
+                );
+                expect(component.container.querySelector(".mx_EventTile_body")).toMatchSnapshot();
+            });
+
+            it("displays correct fallback content when map_style_url is misconfigured", async () => {
+                const component = getMapErrorComponent();
+                await waitFor(() => expect(component.container.querySelector(".mx_EventTile_body")).toBeTruthy());
+                await waitFor(() => expect(component.container.querySelector(".mx_EventTile_body")).toMatchSnapshot());
+            });
+
+            it("should clear the error on reconnect", () => {
+                const component = getMapErrorComponent();
+                expect(component.container.querySelector(".mx_EventTile_tileError")).toBeDefined();
+                mockClient.emit(ClientEvent.Sync, SyncState.Reconnecting, SyncState.Error);
+                expect(component.container.querySelector(".mx_EventTile_tileError")).toBeFalsy();
+            });
+        });
+
+        describe("without error", () => {
+            beforeEach(() => {
+                mockClient.getClientWellKnown.mockReturnValue({
+                    [TILE_SERVER_WK_KEY.name]: { map_style_url: "maps.com" },
+                });
+
+                // MLocationBody uses random number for map id
+                // stabilise for test
+                jest.spyOn(global.Math, "random").mockReturnValue(0.123456);
+            });
+
+            afterAll(() => {
+                jest.spyOn(global.Math, "random").mockRestore();
+            });
+
+            it("renders map correctly", () => {
+                const mockMap = new maplibregl.Map(mapOptions);
+                const component = getComponent();
+
+                expect(component.asFragment()).toMatchSnapshot();
+                // map was centered
+                expect(mockMap.setCenter).toHaveBeenCalledWith({
+                    lat: 51.5076,
+                    lon: -0.1276,
+                });
+            });
+
+            it("opens map dialog on click", async () => {
+                const modalSpy = jest
+                    .spyOn(Modal, "createDialog")
+                    .mockReturnValue({ finished: new Promise(() => {}), close: jest.fn() });
+                const component = getComponent();
+
+                await fireEvent.click(component.container.querySelector(".mx_Map")!);
+
+                expect(modalSpy).toHaveBeenCalled();
+            });
+
+            it("renders marker correctly for a self share", () => {
+                const selfShareEvent = makeLocationEvent("geo:51.5076,-0.1276", LocationAssetType.Self);
+                const member = new RoomMember(roomId, userId);
+                // @ts-ignore cheat assignment to property
+                selfShareEvent.sender = member;
+                const component = getComponent({ mxEvent: selfShareEvent });
+
+                // render self locations with user avatars
+                expect(component.asFragment()).toMatchSnapshot();
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/MPollBody-test.tsx b/apps/web/test/unit-tests/components/views/messages/MPollBody-test.tsx
new file mode 100644
index 00000000000..f6b93ad0449
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/MPollBody-test.tsx
@@ -0,0 +1,1066 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 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 { act, fireEvent, render, type RenderResult, waitForElementToBeRemoved, waitFor } from "jest-matrix-react";
+import {
+    MatrixEvent,
+    Relations,
+    M_POLL_KIND_DISCLOSED,
+    M_POLL_KIND_UNDISCLOSED,
+    M_POLL_RESPONSE,
+    M_POLL_START,
+    type PollStartEventContent,
+    type PollAnswer,
+    M_TEXT,
+} from "matrix-js-sdk/src/matrix";
+
+import MPollBody, {
+    allVotes,
+    findTopAnswer,
+    isPollEnded,
+} from "../../../../../src/components/views/messages/MPollBody";
+import { type IBodyProps } from "../../../../../src/components/views/messages/IBodyProps";
+import {
+    flushPromises,
+    getMockClientWithEventEmitter,
+    makePollEndEvent,
+    mockClientMethodsUser,
+    setupRoomWithPollEvents,
+} from "../../../../test-utils";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { type RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import { type MediaEventHelper } from "../../../../../src/utils/MediaEventHelper";
+import * as languageSettings from "../../../../../src/i18n/settings";
+
+const CHECKED = "mx_PollOption_checked";
+const userId = "@me:example.com";
+
+const mockClient = getMockClientWithEventEmitter({
+    ...mockClientMethodsUser(userId),
+    sendEvent: jest.fn().mockReturnValue(Promise.resolve({ event_id: "fake_send_id" })),
+    getRoom: jest.fn(),
+    decryptEventIfNeeded: jest.fn().mockResolvedValue(true),
+    relations: jest.fn(),
+});
+
+describe("MPollBody", () => {
+    beforeEach(() => {
+        mockClient.sendEvent.mockClear();
+
+        mockClient.getRoom.mockReturnValue(null);
+        mockClient.relations.mockResolvedValue({ events: [] });
+        jest.spyOn(languageSettings, "getUserLanguage").mockReturnValue("en-GB");
+    });
+
+    it("finds no votes if there are none", () => {
+        expect(allVotes(newVoteRelations([]))).toEqual([]);
+    });
+
+    it("renders a loader while responses are still loading", async () => {
+        const votes = [
+            responseEvent("@me:example.com", "pizza"),
+            responseEvent("@bellc:example.com", "pizza"),
+            responseEvent("@catrd:example.com", "poutine"),
+            responseEvent("@dune2:example.com", "wings"),
+        ];
+        // render without waiting for responses
+        const renderResult = await newMPollBody(votes, [], undefined, undefined, false);
+
+        // spinner rendered
+        expect(renderResult.getByTestId("spinner")).toBeInTheDocument();
+    });
+
+    it("renders no votes if none were made", async () => {
+        const votes: MatrixEvent[] = [];
+        const renderResult = await newMPollBody(votes);
+        expect(votesCount(renderResult, "pizza")).toBe("");
+        expect(votesCount(renderResult, "poutine")).toBe("");
+        expect(votesCount(renderResult, "italian")).toBe("");
+        expect(votesCount(renderResult, "wings")).toBe("");
+        await waitFor(() => expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("No votes cast"));
+        expect(renderResult.getByText("What should we order for the party?")).toBeTruthy();
+    });
+
+    it("finds votes from multiple people", async () => {
+        const votes = [
+            responseEvent("@me:example.com", "pizza"),
+            responseEvent("@bellc:example.com", "pizza"),
+            responseEvent("@catrd:example.com", "poutine"),
+            responseEvent("@dune2:example.com", "wings"),
+        ];
+        const renderResult = await newMPollBody(votes);
+        expect(votesCount(renderResult, "pizza")).toBe("2 votes");
+        expect(votesCount(renderResult, "poutine")).toBe("1 vote");
+        expect(votesCount(renderResult, "italian")).toBe("0 votes");
+        expect(votesCount(renderResult, "wings")).toBe("1 vote");
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Based on 4 votes");
+    });
+
+    it("ignores end poll events from unauthorised users", async () => {
+        const votes = [
+            responseEvent("@me:example.com", "pizza"),
+            responseEvent("@bellc:example.com", "pizza"),
+            responseEvent("@catrd:example.com", "poutine"),
+            responseEvent("@dune2:example.com", "wings"),
+        ];
+        const ends = [newPollEndEvent("@notallowed:example.com", 12)];
+        const renderResult = await newMPollBody(votes, ends);
+
+        // Even though an end event was sent, we render the poll as unfinished
+        // because this person is not allowed to send these events
+        expect(votesCount(renderResult, "pizza")).toBe("2 votes");
+        expect(votesCount(renderResult, "poutine")).toBe("1 vote");
+        expect(votesCount(renderResult, "italian")).toBe("0 votes");
+        expect(votesCount(renderResult, "wings")).toBe("1 vote");
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Based on 4 votes");
+    });
+
+    it("hides scores if I have not voted", async () => {
+        const votes = [
+            responseEvent("@alice:example.com", "pizza"),
+            responseEvent("@bellc:example.com", "pizza"),
+            responseEvent("@catrd:example.com", "poutine"),
+            responseEvent("@dune2:example.com", "wings"),
+        ];
+        const renderResult = await newMPollBody(votes);
+        expect(votesCount(renderResult, "pizza")).toBe("");
+        expect(votesCount(renderResult, "poutine")).toBe("");
+        expect(votesCount(renderResult, "italian")).toBe("");
+        expect(votesCount(renderResult, "wings")).toBe("");
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("4 votes cast. Vote to see the results");
+    });
+
+    it("hides a single vote if I have not voted", async () => {
+        const votes = [responseEvent("@alice:example.com", "pizza")];
+        const renderResult = await newMPollBody(votes);
+        expect(votesCount(renderResult, "pizza")).toBe("");
+        expect(votesCount(renderResult, "poutine")).toBe("");
+        expect(votesCount(renderResult, "italian")).toBe("");
+        expect(votesCount(renderResult, "wings")).toBe("");
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("1 vote cast. Vote to see the results");
+    });
+
+    it("takes someone's most recent vote if they voted several times", async () => {
+        const votes = [
+            responseEvent("@me:example.com", "pizza", 12),
+            responseEvent("@me:example.com", "wings", 20), // latest me
+            responseEvent("@qbert:example.com", "pizza", 14),
+            responseEvent("@qbert:example.com", "poutine", 16), // latest qbert
+            responseEvent("@qbert:example.com", "wings", 15),
+        ];
+        const renderResult = await newMPollBody(votes);
+        expect(votesCount(renderResult, "pizza")).toBe("0 votes");
+        expect(votesCount(renderResult, "poutine")).toBe("1 vote");
+        expect(votesCount(renderResult, "italian")).toBe("0 votes");
+        expect(votesCount(renderResult, "wings")).toBe("1 vote");
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Based on 2 votes");
+    });
+
+    it("uses my local vote", async () => {
+        // Given I haven't voted
+        const votes = [
+            responseEvent("@nf:example.com", "pizza", 15),
+            responseEvent("@fg:example.com", "pizza", 15),
+            responseEvent("@hi:example.com", "pizza", 15),
+        ];
+        const renderResult = await newMPollBody(votes);
+
+        // When I vote for Italian
+        clickOption(renderResult, "italian");
+
+        // My vote is counted
+        expect(votesCount(renderResult, "pizza")).toBe("3 votes");
+        expect(votesCount(renderResult, "poutine")).toBe("0 votes");
+        expect(votesCount(renderResult, "italian")).toBe("1 vote");
+        expect(votesCount(renderResult, "wings")).toBe("0 votes");
+
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Based on 4 votes");
+    });
+
+    it("overrides my other votes with my local vote", async () => {
+        // Given two of us have voted for Italian
+        const votes = [
+            responseEvent("@me:example.com", "pizza", 12),
+            responseEvent("@me:example.com", "poutine", 13),
+            responseEvent("@me:example.com", "italian", 14),
+            responseEvent("@nf:example.com", "italian", 15),
+        ];
+        const renderResult = await newMPollBody(votes);
+
+        // When I click Wings
+        clickOption(renderResult, "wings");
+
+        // Then my vote is counted for Wings, and not for Italian
+        expect(votesCount(renderResult, "pizza")).toBe("0 votes");
+        expect(votesCount(renderResult, "poutine")).toBe("0 votes");
+        expect(votesCount(renderResult, "italian")).toBe("1 vote");
+        expect(votesCount(renderResult, "wings")).toBe("1 vote");
+
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Based on 2 votes");
+
+        // And my vote is highlighted
+        expect(voteButton(renderResult, "wings").className.includes(CHECKED)).toBe(true);
+        expect(voteButton(renderResult, "italian").className.includes(CHECKED)).toBe(false);
+    });
+
+    it("cancels my local vote if another comes in", async () => {
+        // Given I voted locally
+        const votes = [responseEvent("@me:example.com", "pizza", 100)];
+        const mxEvent = new MatrixEvent({
+            type: M_POLL_START.name,
+            event_id: "$mypoll",
+            room_id: "#myroom:example.com",
+            content: newPollStart(undefined, undefined, true),
+        });
+        const props = getMPollBodyPropsFromEvent(mxEvent);
+        const room = await setupRoomWithPollEvents([mxEvent], votes, [], mockClient);
+        const renderResult = renderMPollBodyWithWrapper(props);
+        // wait for /relations promise to resolve
+        await flushPromises();
+        clickOption(renderResult, "pizza");
+
+        // When a new vote from me comes in
+        await act(() => room.processPollEvents([responseEvent("@me:example.com", "wings", 101)]));
+
+        // Then the new vote is counted, not the old one
+        expect(votesCount(renderResult, "pizza")).toBe("0 votes");
+        expect(votesCount(renderResult, "poutine")).toBe("0 votes");
+        expect(votesCount(renderResult, "italian")).toBe("0 votes");
+        expect(votesCount(renderResult, "wings")).toBe("1 vote");
+
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Based on 1 vote");
+    });
+
+    it("doesn't cancel my local vote if someone else votes", async () => {
+        // Given I voted locally
+        const votes = [responseEvent("@me:example.com", "pizza")];
+        const mxEvent = new MatrixEvent({
+            type: M_POLL_START.name,
+            event_id: "$mypoll",
+            room_id: "#myroom:example.com",
+            content: newPollStart(undefined, undefined, true),
+        });
+        const props = getMPollBodyPropsFromEvent(mxEvent);
+        const room = await setupRoomWithPollEvents([mxEvent], votes, [], mockClient);
+        const renderResult = renderMPollBodyWithWrapper(props);
+        // wait for /relations promise to resolve
+        await flushPromises();
+
+        clickOption(renderResult, "pizza");
+
+        // When a new vote from someone else comes in
+        await act(() => room.processPollEvents([responseEvent("@xx:example.com", "wings", 101)]));
+
+        // Then my vote is still for pizza
+        // NOTE: the new event does not affect the counts for other people -
+        //       that is handled through the Relations, not by listening to
+        //       these timeline events.
+        expect(votesCount(renderResult, "pizza")).toBe("1 vote");
+        expect(votesCount(renderResult, "poutine")).toBe("0 votes");
+        expect(votesCount(renderResult, "italian")).toBe("0 votes");
+        expect(votesCount(renderResult, "wings")).toBe("1 vote");
+
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Based on 2 votes");
+
+        // And my vote is highlighted
+        expect(voteButton(renderResult, "pizza").className.includes(CHECKED)).toBe(true);
+        expect(voteButton(renderResult, "wings").className.includes(CHECKED)).toBe(false);
+    });
+
+    it("highlights my vote even if I did it on another device", async () => {
+        // Given I voted italian
+        const votes = [responseEvent("@me:example.com", "italian"), responseEvent("@nf:example.com", "wings")];
+        const renderResult = await newMPollBody(votes);
+
+        // But I didn't click anything locally
+
+        // Then my vote is highlighted, and others are not
+        expect(voteButton(renderResult, "italian").className.includes(CHECKED)).toBe(true);
+        expect(voteButton(renderResult, "wings").className.includes(CHECKED)).toBe(false);
+    });
+
+    it("ignores extra answers", async () => {
+        // When cb votes for 2 things, we consider the first only
+        const votes = [responseEvent("@cb:example.com", ["pizza", "wings"]), responseEvent("@me:example.com", "wings")];
+        const renderResult = await newMPollBody(votes);
+        expect(votesCount(renderResult, "pizza")).toBe("1 vote");
+        expect(votesCount(renderResult, "poutine")).toBe("0 votes");
+        expect(votesCount(renderResult, "italian")).toBe("0 votes");
+        expect(votesCount(renderResult, "wings")).toBe("1 vote");
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Based on 2 votes");
+    });
+
+    it("allows un-voting by passing an empty vote", async () => {
+        const votes = [
+            responseEvent("@nc:example.com", "pizza", 12),
+            responseEvent("@nc:example.com", [], 13),
+            responseEvent("@me:example.com", "italian"),
+        ];
+        const renderResult = await newMPollBody(votes);
+        expect(votesCount(renderResult, "pizza")).toBe("0 votes");
+        expect(votesCount(renderResult, "poutine")).toBe("0 votes");
+        expect(votesCount(renderResult, "italian")).toBe("1 vote");
+        expect(votesCount(renderResult, "wings")).toBe("0 votes");
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Based on 1 vote");
+    });
+
+    it("allows re-voting after un-voting", async () => {
+        const votes = [
+            responseEvent("@op:example.com", "pizza", 12),
+            responseEvent("@op:example.com", [], 13),
+            responseEvent("@op:example.com", "italian", 14),
+            responseEvent("@me:example.com", "italian"),
+        ];
+        const renderResult = await newMPollBody(votes);
+        expect(votesCount(renderResult, "pizza")).toBe("0 votes");
+        expect(votesCount(renderResult, "poutine")).toBe("0 votes");
+        expect(votesCount(renderResult, "italian")).toBe("2 votes");
+        expect(votesCount(renderResult, "wings")).toBe("0 votes");
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Based on 2 votes");
+    });
+
+    it("treats any invalid answer as a spoiled ballot", async () => {
+        // Note that uy's second vote has a valid first answer, but
+        // the ballot is still spoiled because the second answer is
+        // invalid, even though we would ignore it if we continued.
+        const votes = [
+            responseEvent("@me:example.com", "pizza", 12),
+            responseEvent("@me:example.com", ["pizza", "doesntexist"], 13),
+            responseEvent("@uy:example.com", "italian", 14),
+            responseEvent("@uy:example.com", "doesntexist", 15),
+        ];
+        const renderResult = await newMPollBody(votes);
+        expect(votesCount(renderResult, "pizza")).toBe("0 votes");
+        expect(votesCount(renderResult, "poutine")).toBe("0 votes");
+        expect(votesCount(renderResult, "italian")).toBe("0 votes");
+        expect(votesCount(renderResult, "wings")).toBe("0 votes");
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Based on 0 votes");
+    });
+
+    it("allows re-voting after a spoiled ballot", async () => {
+        const votes = [
+            responseEvent("@me:example.com", "pizza", 12),
+            responseEvent("@me:example.com", ["pizza", "doesntexist"], 13),
+            responseEvent("@uy:example.com", "italian", 14),
+            responseEvent("@uy:example.com", "doesntexist", 15),
+            responseEvent("@uy:example.com", "poutine", 16),
+        ];
+        const renderResult = await newMPollBody(votes);
+        expect(renderResult.container.querySelectorAll('input[type="radio"]')).toHaveLength(4);
+        expect(votesCount(renderResult, "pizza")).toBe("0 votes");
+        expect(votesCount(renderResult, "poutine")).toBe("1 vote");
+        expect(votesCount(renderResult, "italian")).toBe("0 votes");
+        expect(votesCount(renderResult, "wings")).toBe("0 votes");
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Based on 1 vote");
+    });
+
+    it("renders nothing if poll has no answers", async () => {
+        const answers: PollAnswer[] = [];
+        const votes: MatrixEvent[] = [];
+        const ends: MatrixEvent[] = [];
+        const { container } = await newMPollBody(votes, ends, answers);
+        expect(container.childElementCount).toEqual(0);
+    });
+
+    it("renders the first 20 answers if 21 were given", async () => {
+        const answers = Array.from(Array(21).keys()).map((i) => {
+            return { id: `id${i}`, [M_TEXT.name]: `Name ${i}` };
+        });
+        const votes: MatrixEvent[] = [];
+        const ends: MatrixEvent[] = [];
+        const { container } = await newMPollBody(votes, ends, answers);
+        expect(container.querySelectorAll(".mx_PollOption").length).toBe(20);
+    });
+
+    it("hides scores if I voted but the poll is undisclosed", async () => {
+        const votes = [
+            responseEvent("@me:example.com", "pizza"),
+            responseEvent("@alice:example.com", "pizza"),
+            responseEvent("@bellc:example.com", "pizza"),
+            responseEvent("@catrd:example.com", "poutine"),
+            responseEvent("@dune2:example.com", "wings"),
+        ];
+        const renderResult = await newMPollBody(votes, [], undefined, false);
+        expect(votesCount(renderResult, "pizza")).toBe("");
+        expect(votesCount(renderResult, "poutine")).toBe("");
+        expect(votesCount(renderResult, "italian")).toBe("");
+        expect(votesCount(renderResult, "wings")).toBe("");
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Results will be visible when the poll is ended");
+    });
+
+    it("highlights my vote if the poll is undisclosed", async () => {
+        const votes = [
+            responseEvent("@me:example.com", "pizza"),
+            responseEvent("@alice:example.com", "poutine"),
+            responseEvent("@bellc:example.com", "poutine"),
+            responseEvent("@catrd:example.com", "poutine"),
+            responseEvent("@dune2:example.com", "wings"),
+        ];
+        const { container } = await newMPollBody(votes, [], undefined, false);
+
+        // My vote is marked
+        expect(container.querySelector('input[value="pizza"]')!).toBeChecked();
+
+        // Sanity: other items are not checked
+        expect(container.querySelector('input[value="poutine"]')!).not.toBeChecked();
+    });
+
+    it("shows scores if the poll is undisclosed but ended", async () => {
+        const votes = [
+            responseEvent("@me:example.com", "pizza"),
+            responseEvent("@alice:example.com", "pizza"),
+            responseEvent("@bellc:example.com", "pizza"),
+            responseEvent("@catrd:example.com", "poutine"),
+            responseEvent("@dune2:example.com", "wings"),
+        ];
+        const ends = [newPollEndEvent("@me:example.com", 12)];
+        const renderResult = await newMPollBody(votes, ends, undefined, false);
+        expect(endedVotesCount(renderResult, "pizza")).toBe('<div class="mx_PollOption_winnerIcon"></div>3 votes');
+        expect(endedVotesCount(renderResult, "poutine")).toBe("1 vote");
+        expect(endedVotesCount(renderResult, "italian")).toBe("0 votes");
+        expect(endedVotesCount(renderResult, "wings")).toBe("1 vote");
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Final result based on 5 votes");
+    });
+
+    it("sends a vote event when I choose an option", async () => {
+        const votes: MatrixEvent[] = [];
+        const renderResult = await newMPollBody(votes);
+        clickOption(renderResult, "wings");
+        expect(mockClient.sendEvent).toHaveBeenCalledWith(...expectedResponseEventCall("wings"));
+    });
+
+    it("sends only one vote event when I click several times", async () => {
+        const votes: MatrixEvent[] = [];
+        const renderResult = await newMPollBody(votes);
+        clickOption(renderResult, "wings");
+        clickOption(renderResult, "wings");
+        clickOption(renderResult, "wings");
+        clickOption(renderResult, "wings");
+        expect(mockClient.sendEvent).toHaveBeenCalledWith(...expectedResponseEventCall("wings"));
+    });
+
+    it("sends no vote event when I click what I already chose", async () => {
+        const votes = [responseEvent("@me:example.com", "wings")];
+        const renderResult = await newMPollBody(votes);
+        clickOption(renderResult, "wings");
+        clickOption(renderResult, "wings");
+        clickOption(renderResult, "wings");
+        clickOption(renderResult, "wings");
+        expect(mockClient.sendEvent).not.toHaveBeenCalled();
+    });
+
+    it("sends several events when I click different options", async () => {
+        const votes: MatrixEvent[] = [];
+        const renderResult = await newMPollBody(votes);
+        clickOption(renderResult, "wings");
+        clickOption(renderResult, "italian");
+        clickOption(renderResult, "poutine");
+        expect(mockClient.sendEvent).toHaveBeenCalledTimes(3);
+        expect(mockClient.sendEvent).toHaveBeenCalledWith(...expectedResponseEventCall("wings"));
+        expect(mockClient.sendEvent).toHaveBeenCalledWith(...expectedResponseEventCall("italian"));
+        expect(mockClient.sendEvent).toHaveBeenCalledWith(...expectedResponseEventCall("poutine"));
+    });
+
+    it("sends no events when I click in an ended poll", async () => {
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+        const votes = [responseEvent("@uy:example.com", "wings", 15), responseEvent("@uy:example.com", "poutine", 15)];
+        const renderResult = await newMPollBody(votes, ends);
+        clickOption(renderResult, "wings");
+        clickOption(renderResult, "italian");
+        clickOption(renderResult, "poutine");
+        expect(mockClient.sendEvent).not.toHaveBeenCalled();
+    });
+
+    it("finds the top answer among several votes", async () => {
+        // 2 votes for poutine, 1 for pizza.  "me" made an invalid vote.
+        const votes = [
+            responseEvent("@me:example.com", "pizza", 12),
+            responseEvent("@me:example.com", ["pizza", "doesntexist"], 13),
+            responseEvent("@uy:example.com", "italian", 14),
+            responseEvent("@uy:example.com", "doesntexist", 15),
+            responseEvent("@uy:example.com", "poutine", 16),
+            responseEvent("@ab:example.com", "pizza", 17),
+            responseEvent("@fa:example.com", "poutine", 18),
+        ];
+
+        expect(runFindTopAnswer(votes)).toEqual("Poutine");
+    });
+
+    it("finds all top answers when there is a draw", async () => {
+        const votes = [
+            responseEvent("@uy:example.com", "italian", 14),
+            responseEvent("@ab:example.com", "pizza", 17),
+            responseEvent("@fa:example.com", "poutine", 18),
+        ];
+        expect(runFindTopAnswer(votes)).toEqual("Italian, Pizza and Poutine");
+    });
+
+    it("is silent about the top answer if there are no votes", async () => {
+        expect(runFindTopAnswer([])).toEqual("");
+    });
+
+    it("shows disabled radio buttons if the poll is ended", async () => {
+        const events = [newPollEndEvent()];
+        const { container } = await newMPollBody([], events);
+        expect(container.querySelector(".mx_StyledRadioButton")).toBeInTheDocument();
+        expect(container.querySelector('input[type="radio"][disabled]')).toBeInTheDocument();
+    });
+
+    it("counts votes as normal if the poll is ended", async () => {
+        const votes = [
+            responseEvent("@me:example.com", "pizza", 12),
+            responseEvent("@me:example.com", "wings", 20), // latest me
+            responseEvent("@qbert:example.com", "pizza", 14),
+            responseEvent("@qbert:example.com", "poutine", 16), // latest qbert
+            responseEvent("@qbert:example.com", "wings", 15),
+        ];
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+        const renderResult = await newMPollBody(votes, ends);
+        expect(endedVotesCount(renderResult, "pizza")).toBe("0 votes");
+        expect(endedVotesCount(renderResult, "poutine")).toBe('<div class="mx_PollOption_winnerIcon"></div>1 vote');
+        expect(endedVotesCount(renderResult, "italian")).toBe("0 votes");
+        expect(endedVotesCount(renderResult, "wings")).toBe('<div class="mx_PollOption_winnerIcon"></div>1 vote');
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Final result based on 2 votes");
+    });
+
+    it("counts a single vote as normal if the poll is ended", async () => {
+        const votes = [responseEvent("@qbert:example.com", "poutine", 16)];
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+        const renderResult = await newMPollBody(votes, ends);
+        expect(endedVotesCount(renderResult, "pizza")).toBe("0 votes");
+        expect(endedVotesCount(renderResult, "poutine")).toBe('<div class="mx_PollOption_winnerIcon"></div>1 vote');
+        expect(endedVotesCount(renderResult, "italian")).toBe("0 votes");
+        expect(endedVotesCount(renderResult, "wings")).toBe("0 votes");
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Final result based on 1 vote");
+    });
+
+    it("shows ended vote counts of different numbers", async () => {
+        const votes = [
+            responseEvent("@me:example.com", "wings", 20),
+            responseEvent("@qb:example.com", "wings", 14),
+            responseEvent("@xy:example.com", "wings", 15),
+            responseEvent("@fg:example.com", "pizza", 15),
+            responseEvent("@hi:example.com", "pizza", 15),
+        ];
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+        const renderResult = await newMPollBody(votes, ends);
+
+        expect(renderResult.container.querySelectorAll(".mx_StyledRadioButton")).toHaveLength(4);
+        expect(renderResult.container.querySelectorAll('input[type="radio"][disabled]')).toHaveLength(4);
+        expect(endedVotesCount(renderResult, "pizza")).toBe("2 votes");
+        expect(endedVotesCount(renderResult, "poutine")).toBe("0 votes");
+        expect(endedVotesCount(renderResult, "italian")).toBe("0 votes");
+        expect(endedVotesCount(renderResult, "wings")).toBe('<div class="mx_PollOption_winnerIcon"></div>3 votes');
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Final result based on 5 votes");
+    });
+
+    it("ignores votes that arrived after poll ended", async () => {
+        const votes = [
+            responseEvent("@sd:example.com", "wings", 30), // Late
+            responseEvent("@ff:example.com", "wings", 20),
+            responseEvent("@ut:example.com", "wings", 14),
+            responseEvent("@iu:example.com", "wings", 15),
+            responseEvent("@jf:example.com", "wings", 35), // Late
+            responseEvent("@wf:example.com", "pizza", 15),
+            responseEvent("@ld:example.com", "pizza", 15),
+        ];
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+        const renderResult = await newMPollBody(votes, ends);
+
+        expect(endedVotesCount(renderResult, "pizza")).toBe("2 votes");
+        expect(endedVotesCount(renderResult, "poutine")).toBe("0 votes");
+        expect(endedVotesCount(renderResult, "italian")).toBe("0 votes");
+        expect(endedVotesCount(renderResult, "wings")).toBe('<div class="mx_PollOption_winnerIcon"></div>3 votes');
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Final result based on 5 votes");
+    });
+
+    it("counts votes that arrived after an unauthorised poll end event", async () => {
+        const votes = [
+            responseEvent("@sd:example.com", "wings", 30), // Late
+            responseEvent("@ff:example.com", "wings", 20),
+            responseEvent("@ut:example.com", "wings", 14),
+            responseEvent("@iu:example.com", "wings", 15),
+            responseEvent("@jf:example.com", "wings", 35), // Late
+            responseEvent("@wf:example.com", "pizza", 15),
+            responseEvent("@ld:example.com", "pizza", 15),
+        ];
+        const ends = [
+            newPollEndEvent("@unauthorised:example.com", 5), // Should be ignored
+            newPollEndEvent("@me:example.com", 25),
+        ];
+        const renderResult = await newMPollBody(votes, ends);
+
+        await waitFor(() => {
+            expect(endedVotesCount(renderResult, "pizza")).toBe("2 votes");
+            expect(endedVotesCount(renderResult, "poutine")).toBe("0 votes");
+            expect(endedVotesCount(renderResult, "italian")).toBe("0 votes");
+            expect(endedVotesCount(renderResult, "wings")).toBe('<div class="mx_PollOption_winnerIcon"></div>3 votes');
+            expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Final result based on 5 votes");
+        });
+    });
+
+    it("ignores votes that arrived after the first end poll event", async () => {
+        // From MSC3381:
+        // "Votes sent on or before the end event's timestamp are valid votes"
+
+        const votes = [
+            responseEvent("@sd:example.com", "wings", 30), // Late
+            responseEvent("@ff:example.com", "wings", 20),
+            responseEvent("@ut:example.com", "wings", 14),
+            responseEvent("@iu:example.com", "wings", 25), // Just on time
+            responseEvent("@jf:example.com", "wings", 35), // Late
+            responseEvent("@wf:example.com", "pizza", 15),
+            responseEvent("@ld:example.com", "pizza", 15),
+        ];
+        const ends = [
+            newPollEndEvent("@me:example.com", 65),
+            newPollEndEvent("@me:example.com", 25),
+            newPollEndEvent("@me:example.com", 75),
+        ];
+        const renderResult = await newMPollBody(votes, ends);
+
+        expect(endedVotesCount(renderResult, "pizza")).toBe("2 votes");
+        expect(endedVotesCount(renderResult, "poutine")).toBe("0 votes");
+        expect(endedVotesCount(renderResult, "italian")).toBe("0 votes");
+        expect(endedVotesCount(renderResult, "wings")).toBe('<div class="mx_PollOption_winnerIcon"></div>3 votes');
+        expect(renderResult.getByTestId("totalVotes").innerHTML).toBe("Final result based on 5 votes");
+    });
+
+    it("highlights the winning vote in an ended poll", async () => {
+        // Given I voted for pizza but the winner is wings
+        const votes = [
+            responseEvent("@me:example.com", "pizza", 20),
+            responseEvent("@qb:example.com", "wings", 14),
+            responseEvent("@xy:example.com", "wings", 15),
+        ];
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+        const renderResult = await newMPollBody(votes, ends);
+
+        // Then the winner is highlighted
+        expect(endedVoteChecked(renderResult, "wings")).toBe(true);
+        expect(endedVoteChecked(renderResult, "pizza")).toBe(false);
+
+        // Double-check by looking for the checked class
+        expect(endedVoteDiv(renderResult, "wings").className.includes("mx_PollOption_checked")).toBe(true);
+        expect(endedVoteDiv(renderResult, "pizza").className.includes("mx_PollOption_checked")).toBe(false);
+    });
+
+    it("highlights multiple winning votes", async () => {
+        const votes = [
+            responseEvent("@me:example.com", "pizza", 20),
+            responseEvent("@xy:example.com", "wings", 15),
+            responseEvent("@fg:example.com", "poutine", 15),
+        ];
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+        const renderResult = await newMPollBody(votes, ends);
+
+        expect(endedVoteChecked(renderResult, "pizza")).toBe(true);
+        expect(endedVoteChecked(renderResult, "wings")).toBe(true);
+        expect(endedVoteChecked(renderResult, "poutine")).toBe(true);
+        expect(endedVoteChecked(renderResult, "italian")).toBe(false);
+        expect(renderResult.container.getElementsByClassName(CHECKED)).toHaveLength(3);
+    });
+
+    it("highlights nothing if poll has no votes", async () => {
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+        const renderResult = await newMPollBody([], ends);
+        expect(renderResult.container.getElementsByClassName(CHECKED)).toHaveLength(0);
+    });
+
+    it("says poll is not ended if there is no end event", async () => {
+        const ends: MatrixEvent[] = [];
+        const result = await runIsPollEnded(ends);
+        expect(result).toBe(false);
+    });
+
+    it("says poll is ended if there is an end event", async () => {
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+        const result = await runIsPollEnded(ends);
+        expect(result).toBe(true);
+    });
+
+    it("says poll is not ended if poll is fetching responses", async () => {
+        const pollEvent = new MatrixEvent({
+            type: M_POLL_START.name,
+            event_id: "$mypoll",
+            room_id: "#myroom:example.com",
+            content: newPollStart([]),
+        });
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+
+        await setupRoomWithPollEvents([pollEvent], [], ends, mockClient);
+        const poll = mockClient.getRoom(pollEvent.getRoomId()!)!.polls.get(pollEvent.getId()!)!;
+        // start fetching, dont await
+        poll.getResponses();
+        expect(isPollEnded(pollEvent, mockClient)).toBe(false);
+    });
+
+    it("Displays edited content and new answer IDs if the poll has been edited", async () => {
+        const pollEvent = new MatrixEvent({
+            type: M_POLL_START.name,
+            event_id: "$mypoll",
+            room_id: "#myroom:example.com",
+            content: newPollStart(
+                [
+                    { id: "o1", [M_TEXT.name]: "old answer 1" },
+                    { id: "o2", [M_TEXT.name]: "old answer 2" },
+                ],
+                "old question",
+            ),
+        });
+        const replacingEvent = new MatrixEvent({
+            type: M_POLL_START.name,
+            event_id: "$mypollreplacement",
+            room_id: "#myroom:example.com",
+            content: {
+                "m.new_content": newPollStart(
+                    [
+                        { id: "n1", [M_TEXT.name]: "new answer 1" },
+                        { id: "n2", [M_TEXT.name]: "new answer 2" },
+                        { id: "n3", [M_TEXT.name]: "new answer 3" },
+                    ],
+                    "new question",
+                ),
+            },
+        });
+        pollEvent.makeReplaced(replacingEvent);
+        const { getByTestId, container } = await newMPollBodyFromEvent(pollEvent, []);
+        expect(getByTestId("pollQuestion").textContent).toEqual("new question (edited)");
+        const inputs = container.querySelectorAll('input[type="radio"]');
+        expect(inputs).toHaveLength(3);
+        expect(inputs[0].getAttribute("value")).toEqual("n1");
+        expect(inputs[1].getAttribute("value")).toEqual("n2");
+        expect(inputs[2].getAttribute("value")).toEqual("n3");
+        const options = container.querySelectorAll(".mx_PollOption_optionText");
+        expect(options).toHaveLength(3);
+        expect(options[0].innerHTML).toEqual("new answer 1");
+        expect(options[1].innerHTML).toEqual("new answer 2");
+        expect(options[2].innerHTML).toEqual("new answer 3");
+    });
+
+    it("renders a poll with no votes", async () => {
+        const votes: MatrixEvent[] = [];
+        const { container } = await newMPollBody(votes);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a poll with only non-local votes", async () => {
+        const votes = [
+            responseEvent("@op:example.com", "pizza", 12),
+            responseEvent("@op:example.com", [], 13),
+            responseEvent("@op:example.com", "italian", 14),
+            responseEvent("@me:example.com", "wings", 15),
+            responseEvent("@qr:example.com", "italian", 16),
+        ];
+        const { container } = await newMPollBody(votes);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a warning message when poll has undecryptable relations", async () => {
+        const votes = [
+            responseEvent("@op:example.com", "pizza", 12),
+            responseEvent("@op:example.com", [], 13),
+            responseEvent("@op:example.com", "italian", 14),
+            responseEvent("@me:example.com", "wings", 15),
+            responseEvent("@qr:example.com", "italian", 16),
+        ];
+
+        jest.spyOn(votes[1], "isDecryptionFailure").mockReturnValue(true);
+        const { getByText } = await newMPollBody(votes);
+        expect(getByText("Due to decryption errors, some votes may not be counted")).toBeInTheDocument();
+    });
+
+    it("renders a poll with local, non-local and invalid votes", async () => {
+        const votes = [
+            responseEvent("@a:example.com", "pizza", 12),
+            responseEvent("@b:example.com", [], 13),
+            responseEvent("@c:example.com", "italian", 14),
+            responseEvent("@d:example.com", "italian", 14),
+            responseEvent("@e:example.com", "wings", 15),
+            responseEvent("@me:example.com", "italian", 16),
+        ];
+        const renderResult = await newMPollBody(votes);
+        clickOption(renderResult, "italian");
+
+        expect(renderResult.container).toMatchSnapshot();
+    });
+
+    it("renders a poll that I have not voted in", async () => {
+        const votes = [
+            responseEvent("@op:example.com", "pizza", 12),
+            responseEvent("@op:example.com", [], 13),
+            responseEvent("@op:example.com", "italian", 14),
+            responseEvent("@yo:example.com", "wings", 15),
+            responseEvent("@qr:example.com", "italian", 16),
+        ];
+        const { container } = await newMPollBody(votes);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a finished poll with no votes", async () => {
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+        const { container } = await newMPollBody([], ends);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a finished poll", async () => {
+        const votes = [
+            responseEvent("@op:example.com", "pizza", 12),
+            responseEvent("@op:example.com", [], 13),
+            responseEvent("@op:example.com", "italian", 14),
+            responseEvent("@yo:example.com", "wings", 15),
+            responseEvent("@qr:example.com", "italian", 16),
+        ];
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+        const { container } = await newMPollBody(votes, ends);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a finished poll with multiple winners", async () => {
+        const votes = [
+            responseEvent("@ed:example.com", "pizza", 12),
+            responseEvent("@rf:example.com", "pizza", 12),
+            responseEvent("@th:example.com", "wings", 13),
+            responseEvent("@yh:example.com", "wings", 14),
+            responseEvent("@th:example.com", "poutine", 13),
+            responseEvent("@yh:example.com", "poutine", 14),
+        ];
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+        const { container } = await newMPollBody(votes, ends);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders an undisclosed, unfinished poll", async () => {
+        const votes = [
+            responseEvent("@ed:example.com", "pizza", 12),
+            responseEvent("@rf:example.com", "pizza", 12),
+            responseEvent("@th:example.com", "wings", 13),
+            responseEvent("@yh:example.com", "wings", 14),
+            responseEvent("@th:example.com", "poutine", 13),
+            responseEvent("@yh:example.com", "poutine", 14),
+        ];
+        const ends: MatrixEvent[] = [];
+        const { container } = await newMPollBody(votes, ends, undefined, false);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders an undisclosed, finished poll", async () => {
+        const votes = [
+            responseEvent("@ed:example.com", "pizza", 12),
+            responseEvent("@rf:example.com", "pizza", 12),
+            responseEvent("@th:example.com", "wings", 13),
+            responseEvent("@yh:example.com", "wings", 14),
+            responseEvent("@th:example.com", "poutine", 13),
+            responseEvent("@yh:example.com", "poutine", 14),
+        ];
+        const ends = [newPollEndEvent("@me:example.com", 25)];
+        const { container } = await newMPollBody(votes, ends, undefined, false);
+        expect(container).toMatchSnapshot();
+    });
+});
+
+function newVoteRelations(relationEvents: Array<MatrixEvent>): Relations {
+    return newRelations(relationEvents, M_POLL_RESPONSE.name, [M_POLL_RESPONSE.altName!]);
+}
+
+function newRelations(relationEvents: Array<MatrixEvent>, eventType: string, altEventTypes?: string[]): Relations {
+    const voteRelations = new Relations("m.reference", eventType, mockClient, altEventTypes);
+    for (const ev of relationEvents) {
+        voteRelations.addEvent(ev);
+    }
+    return voteRelations;
+}
+
+async function newMPollBody(
+    relationEvents: Array<MatrixEvent>,
+    endEvents: Array<MatrixEvent> = [],
+    answers?: PollAnswer[],
+    disclosed = true,
+    waitForResponsesLoad = true,
+): Promise<RenderResult> {
+    const mxEvent = new MatrixEvent({
+        type: M_POLL_START.name,
+        event_id: "$mypoll",
+        room_id: "#myroom:example.com",
+        content: newPollStart(answers, undefined, disclosed),
+    });
+    const prom = newMPollBodyFromEvent(mxEvent, relationEvents, endEvents);
+    if (waitForResponsesLoad) {
+        const result = await prom;
+        if (result.queryByTestId("spinner")) {
+            await waitForElementToBeRemoved(() => result.getByTestId("spinner"));
+        }
+    }
+    return prom;
+}
+
+function getMPollBodyPropsFromEvent(mxEvent: MatrixEvent): IBodyProps {
+    return {
+        mxEvent,
+        // We don't use any of these props, but they're required.
+        highlightLink: "unused",
+        highlights: [],
+        mediaEventHelper: {} as unknown as MediaEventHelper,
+        onMessageAllowed: () => {},
+        permalinkCreator: {} as unknown as RoomPermalinkCreator,
+    };
+}
+
+function renderMPollBodyWithWrapper(props: IBodyProps): RenderResult {
+    return render(<MPollBody {...props} />, {
+        wrapper: ({ children }) => (
+            <MatrixClientContext.Provider value={mockClient}>{children}</MatrixClientContext.Provider>
+        ),
+    });
+}
+
+async function newMPollBodyFromEvent(
+    mxEvent: MatrixEvent,
+    relationEvents: Array<MatrixEvent>,
+    endEvents: Array<MatrixEvent> = [],
+): Promise<RenderResult> {
+    const props = getMPollBodyPropsFromEvent(mxEvent);
+
+    await setupRoomWithPollEvents([mxEvent], relationEvents, endEvents, mockClient);
+
+    return renderMPollBodyWithWrapper(props);
+}
+
+function clickOption({ getByTestId }: RenderResult, value: string) {
+    fireEvent.click(getByTestId(`pollOption-${value}`));
+}
+
+function voteButton({ getByTestId }: RenderResult, value: string): Element {
+    return getByTestId(`pollOption-${value}`);
+}
+
+function votesCount({ getByTestId }: RenderResult, value: string): string {
+    return getByTestId(`pollOption-${value}`).querySelector(".mx_PollOption_optionVoteCount")!.innerHTML;
+}
+
+function endedVoteChecked({ getByTestId }: RenderResult, value: string): boolean {
+    return getByTestId(`pollOption-${value}`).className.includes(CHECKED);
+}
+
+function endedVoteDiv({ getByTestId }: RenderResult, value: string): Element {
+    return getByTestId(`pollOption-${value}`);
+}
+
+function endedVotesCount(renderResult: RenderResult, value: string): string {
+    return votesCount(renderResult, value);
+}
+
+function newPollStart(answers?: PollAnswer[], question?: string, disclosed = true): PollStartEventContent {
+    if (!answers) {
+        answers = [
+            { id: "pizza", [M_TEXT.name]: "Pizza" },
+            { id: "poutine", [M_TEXT.name]: "Poutine" },
+            { id: "italian", [M_TEXT.name]: "Italian" },
+            { id: "wings", [M_TEXT.name]: "Wings" },
+        ];
+    }
+
+    if (!question) {
+        question = "What should we order for the party?";
+    }
+
+    const answersFallback = answers.map((a, i) => `${i + 1}. ${M_TEXT.findIn<string>(a)}`).join("\n");
+
+    const fallback = `${question}\n${answersFallback}`;
+
+    return {
+        [M_POLL_START.name]: {
+            question: {
+                [M_TEXT.name]: question,
+            },
+            kind: disclosed ? M_POLL_KIND_DISCLOSED.name : M_POLL_KIND_UNDISCLOSED.name,
+            answers: answers,
+        },
+        [M_TEXT.name]: fallback,
+    };
+}
+
+function responseEvent(
+    sender = "@alice:example.com",
+    answers: string | Array<string> = "italian",
+    ts = 0,
+): MatrixEvent {
+    const ans = typeof answers === "string" ? [answers] : answers;
+    return new MatrixEvent({
+        event_id: nextId(),
+        room_id: "#myroom:example.com",
+        origin_server_ts: ts,
+        type: M_POLL_RESPONSE.name,
+        sender: sender,
+        content: {
+            "m.relates_to": {
+                rel_type: "m.reference",
+                event_id: "$mypoll",
+            },
+            [M_POLL_RESPONSE.name]: {
+                answers: ans,
+            },
+        },
+    });
+}
+
+function expectedResponseEvent(answer: string) {
+    return {
+        content: {
+            [M_POLL_RESPONSE.name]: {
+                answers: [answer],
+            },
+            "m.relates_to": {
+                event_id: "$mypoll",
+                rel_type: "m.reference",
+            },
+        },
+        roomId: "#myroom:example.com",
+        eventType: M_POLL_RESPONSE.name,
+        txnId: "$123",
+    };
+}
+function expectedResponseEventCall(answer: string) {
+    const { content, roomId, eventType } = expectedResponseEvent(answer);
+    return [roomId, eventType, content];
+}
+
+function newPollEndEvent(sender = "@me:example.com", ts = 0): MatrixEvent {
+    return makePollEndEvent("$mypoll", "#myroom:example.com", sender, ts);
+}
+
+async function runIsPollEnded(ends: MatrixEvent[]) {
+    const pollEvent = new MatrixEvent({
+        event_id: "$mypoll",
+        room_id: "#myroom:example.com",
+        type: M_POLL_START.name,
+        content: newPollStart(),
+    });
+
+    await setupRoomWithPollEvents([pollEvent], [], ends, mockClient);
+
+    return isPollEnded(pollEvent, mockClient);
+}
+
+function runFindTopAnswer(votes: MatrixEvent[]) {
+    const pollEvent = new MatrixEvent({
+        event_id: "$mypoll",
+        room_id: "#myroom:example.com",
+        type: M_POLL_START.name,
+        content: newPollStart(),
+    });
+
+    return findTopAnswer(pollEvent, newVoteRelations(votes));
+}
+
+let EVENT_ID = 0;
+function nextId(): string {
+    EVENT_ID++;
+    return EVENT_ID.toString();
+}
diff --git a/apps/web/test/unit-tests/components/views/messages/MStickerBody-test.tsx b/apps/web/test/unit-tests/components/views/messages/MStickerBody-test.tsx
new file mode 100644
index 00000000000..bcc79b5c501
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/MStickerBody-test.tsx
@@ -0,0 +1,87 @@
+/*
+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, screen } from "jest-matrix-react";
+import { EventType, getHttpUriForMxc, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import fetchMock from "@fetch-mock/jest";
+import userEvent from "@testing-library/user-event";
+
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import {
+    getMockClientWithEventEmitter,
+    mockClientMethodsCrypto,
+    mockClientMethodsDevice,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+    withClientContextRenderOptions,
+} from "../../../../test-utils";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import MStickerBody from "../../../../../src/components/views/messages/MStickerBody";
+
+describe("<MStickerBody/>", () => {
+    const userId = "@user:server";
+    const deviceId = "DEADB33F";
+    const cli = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        ...mockClientMethodsServer(),
+        ...mockClientMethodsDevice(deviceId),
+        ...mockClientMethodsCrypto(),
+        getRoom: jest.fn(),
+        getRooms: jest.fn().mockReturnValue([]),
+        getIgnoredUsers: jest.fn(),
+        getVersions: jest.fn().mockResolvedValue({
+            unstable_features: {
+                "org.matrix.msc3882": true,
+                "org.matrix.msc3886": true,
+            },
+        }),
+    });
+    const url = "https://server/_matrix/media/v3/download/server/sticker";
+    // eslint-disable-next-line no-restricted-properties
+    cli.mxcUrlToHttp.mockImplementation(
+        (mxcUrl: string, width?: number, height?: number, resizeMethod?: string, allowDirectLinks?: boolean) => {
+            return getHttpUriForMxc("https://server", mxcUrl, width, height, resizeMethod, allowDirectLinks);
+        },
+    );
+    const mediaEvent = new MatrixEvent({
+        room_id: "!room:server",
+        sender: userId,
+        type: EventType.RoomMessage,
+        content: {
+            body: "sticker description",
+            info: {
+                w: 40,
+                h: 50,
+            },
+            file: {
+                url: "mxc://server/sticker",
+            },
+        },
+    });
+
+    const props = {
+        onMessageAllowed: jest.fn(),
+        permalinkCreator: new RoomPermalinkCreator(new Room(mediaEvent.getRoomId()!, cli, cli.getUserId()!)),
+    };
+
+    beforeEach(() => {
+        jest.spyOn(SettingsStore, "getValue").mockRestore();
+        fetchMock.mockReset();
+    });
+
+    it("should show a tooltip on hover", async () => {
+        fetchMock.getOnce(url, { status: 200 });
+
+        render(<MStickerBody {...props} mxEvent={mediaEvent} />, withClientContextRenderOptions(cli));
+
+        expect(screen.queryByRole("tooltip")).toBeNull();
+        await userEvent.hover(screen.getByRole("img"));
+        await expect(screen.findByRole("tooltip")).resolves.toHaveTextContent("sticker description");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/MVideoBody-test.tsx b/apps/web/test/unit-tests/components/views/messages/MVideoBody-test.tsx
new file mode 100644
index 00000000000..de25092eced
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/MVideoBody-test.tsx
@@ -0,0 +1,232 @@
+/*
+Copyright 2024, 2025 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 { 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 { type MockedObject } from "jest-mock-vitest-adapter";
+
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { type RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import { MediaEventHelper } from "../../../../../src/utils/MediaEventHelper";
+import {
+    getMockClientWithEventEmitter,
+    mockClientMethodsCrypto,
+    mockClientMethodsDevice,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+    withClientContextRenderOptions,
+} from "../../../../test-utils";
+import { VideoBodyFactory } from "../../../../../src/components/views/messages/MBodyFactory";
+import type { IBodyProps } from "../../../../../src/components/views/messages/IBodyProps";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { MediaPreviewValue } from "../../../../../src/@types/media_preview";
+
+// Needed so we don't throw an error about failing to decrypt.
+jest.mock("matrix-encrypt-attachment", () => ({
+    decryptAttachment: jest.fn(),
+}));
+
+describe("VideoBodyFactory", () => {
+    const ourUserId = "@user:server";
+    const senderUserId = "@other_use:server";
+    const deviceId = "DEADB33F";
+
+    const thumbUrl = "https://server/_matrix/media/v3/download/server/encrypted-poster";
+    let cli: MockedObject<MatrixClient>;
+
+    beforeEach(() => {
+        cli = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(ourUserId),
+            ...mockClientMethodsServer(),
+            ...mockClientMethodsDevice(deviceId),
+            ...mockClientMethodsCrypto(),
+            getRoom: jest.fn(),
+            getRooms: jest.fn().mockReturnValue([]),
+            getIgnoredUsers: jest.fn(),
+            getVersions: jest.fn().mockResolvedValue({
+                unstable_features: {
+                    "org.matrix.msc3882": true,
+                    "org.matrix.msc3886": true,
+                },
+            }),
+        });
+        // eslint-disable-next-line no-restricted-properties
+        cli.mxcUrlToHttp.mockImplementation(
+            (mxcUrl: string, width?: number, height?: number, resizeMethod?: string, allowDirectLinks?: boolean) => {
+                return getHttpUriForMxc("https://server", mxcUrl, width, height, resizeMethod, allowDirectLinks);
+            },
+        );
+        fetchMock.mockReset();
+    });
+
+    const encryptedMediaEvent = new MatrixEvent({
+        room_id: "!room:server",
+        sender: senderUserId,
+        type: EventType.RoomMessage,
+        event_id: "$foo:bar",
+        content: {
+            body: "alt for a test video",
+            info: {
+                duration: 420,
+                w: 40,
+                h: 50,
+                thumbnail_file: {
+                    url: "mxc://server/encrypted-poster",
+                },
+            },
+            file: {
+                url: "mxc://server/encrypted-image",
+            },
+        },
+    });
+
+    it("does not crash when given portrait dimensions", () => {
+        // Check for an unreliable crash caused by a fractional-sized
+        // image dimension being used for a CanvasImageData.
+        const content: IContent = {
+            info: {
+                "w": 720,
+                "h": 1280,
+                "mimetype": "video/mp4",
+                "size": 2495675,
+                "thumbnail_file": {
+                    url: "",
+                    key: { alg: "", key_ops: [], kty: "", k: "", ext: true },
+                    iv: "",
+                    hashes: {},
+                    v: "",
+                },
+                "thumbnail_info": { mimetype: "" },
+                "xyz.amorgan.blurhash": "TrGl6bofof~paxWC?bj[oL%2fPj]",
+            },
+            url: "http://example.com",
+        };
+
+        const event = new MatrixEvent({
+            content,
+        });
+
+        const defaultProps: IBodyProps = {
+            mxEvent: event,
+            highlights: [],
+            highlightLink: "",
+            onMessageAllowed: jest.fn(),
+            permalinkCreator: {} as RoomPermalinkCreator,
+            mediaEventHelper: { media: { isEncrypted: false } } as MediaEventHelper,
+        };
+
+        const { container } = render(
+            <MatrixClientContext.Provider value={cli}>
+                <VideoBodyFactory {...defaultProps} />
+            </MatrixClientContext.Provider>,
+            withClientContextRenderOptions(cli),
+        );
+        expect(container.querySelector("video")).not.toBeNull();
+    });
+
+    it("should show poster for encrypted media before downloading it", async () => {
+        fetchMock.getOnce(thumbUrl, { status: 200 });
+        render(
+            <VideoBodyFactory
+                mxEvent={encryptedMediaEvent}
+                mediaEventHelper={new MediaEventHelper(encryptedMediaEvent)}
+            />,
+            withClientContextRenderOptions(cli),
+        );
+        expect(await screen.findByLabelText("alt for a test video")).toHaveAttribute("poster");
+    });
+
+    describe("with video previews/thumbnails disabled", () => {
+        beforeEach(() => {
+            const origFn = SettingsStore.getValue;
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting, ...args) => {
+                if (setting === "mediaPreviewConfig") {
+                    return { invite_avatars: MediaPreviewValue.Off, media_previews: MediaPreviewValue.Off };
+                }
+                return origFn(setting, ...args);
+            });
+        });
+
+        afterEach(() => {
+            SettingsStore.reset();
+            jest.restoreAllMocks();
+        });
+
+        it("should not download video", async () => {
+            fetchMock.getOnce(thumbUrl, { status: 200 });
+
+            render(
+                <VideoBodyFactory
+                    mxEvent={encryptedMediaEvent}
+                    mediaEventHelper={new MediaEventHelper(encryptedMediaEvent)}
+                />,
+                withClientContextRenderOptions(cli),
+            );
+
+            expect(screen.getByText("Show video")).toBeInTheDocument();
+
+            expect(fetchMock).toHaveFetchedTimes(0, thumbUrl);
+        });
+
+        it("should render video poster after user consent", async () => {
+            fetchMock.getOnce(thumbUrl, { status: 200 });
+
+            render(
+                <VideoBodyFactory
+                    mxEvent={encryptedMediaEvent}
+                    mediaEventHelper={new MediaEventHelper(encryptedMediaEvent)}
+                />,
+                withClientContextRenderOptions(cli),
+            );
+
+            const placeholderButton = screen.getByRole("button", { name: "Show video" });
+
+            expect(placeholderButton).toBeInTheDocument();
+            fireEvent.click(placeholderButton);
+
+            await screen.findByLabelText("alt for a test video");
+            expect(fetchMock).toHaveFetched(thumbUrl);
+        });
+
+        it("should download video if we were the sender", async () => {
+            fetchMock.getOnce(thumbUrl, { status: 200 });
+            const ourEncryptedMediaEvent = new MatrixEvent({
+                room_id: "!room:server",
+                sender: ourUserId,
+                type: EventType.RoomMessage,
+                event_id: "$foo:bar",
+                content: {
+                    body: "alt for a test video",
+                    info: {
+                        duration: 420,
+                        w: 40,
+                        h: 50,
+                        thumbnail_file: {
+                            url: "mxc://server/encrypted-poster",
+                        },
+                    },
+                    file: {
+                        url: "mxc://server/encrypted-image",
+                    },
+                },
+            });
+            render(
+                <VideoBodyFactory
+                    mxEvent={ourEncryptedMediaEvent}
+                    mediaEventHelper={new MediaEventHelper(ourEncryptedMediaEvent)}
+                />,
+                withClientContextRenderOptions(cli),
+            );
+
+            expect(await screen.findByLabelText("alt for a test video")).toBeInTheDocument();
+            expect(fetchMock).toHaveFetched(thumbUrl);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/MVoiceMessageBody-test.tsx b/apps/web/test/unit-tests/components/views/messages/MVoiceMessageBody-test.tsx
new file mode 100644
index 00000000000..facdd5547c1
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/MVoiceMessageBody-test.tsx
@@ -0,0 +1,59 @@
+/*
+ * 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 { EventType, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import { act, render, screen } from "jest-matrix-react";
+import React from "react";
+
+import { MockedPlayback } from "../../../audio/MockedPlayback";
+import { type Playback, PlaybackState } from "../../../../../src/audio/Playback";
+import { PlaybackManager } from "../../../../../src/audio/PlaybackManager";
+import type { MediaEventHelper } from "../../../../../src/utils/MediaEventHelper";
+import MVoiceMessageBody from "../../../../../src/components/views/messages/MVoiceMessageBody";
+import { PlaybackQueue } from "../../../../../src/audio/PlaybackQueue";
+import { createTestClient } from "../../../../test-utils";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass";
+
+describe("<MVvoiceMessageBody />", () => {
+    let event: MatrixEvent;
+    beforeEach(() => {
+        const playback = new MockedPlayback(PlaybackState.Decoding, 50, 10) as unknown as Playback;
+        jest.spyOn(PlaybackManager.instance, "createPlaybackInstance").mockReturnValue(playback);
+
+        const matrixClient = createTestClient();
+        const room = new Room("!TESTROOM", matrixClient, "@alice:example.org");
+        const playbackQueue = new PlaybackQueue(room, SDKContextClass.instance.roomViewStore);
+
+        jest.spyOn(PlaybackQueue, "forRoom").mockReturnValue(playbackQueue);
+        jest.spyOn(playbackQueue, "unsortedEnqueue").mockReturnValue(undefined);
+
+        event = new MatrixEvent({
+            room_id: "!room:server",
+            sender: "@alice.example.org",
+            type: EventType.RoomMessage,
+            content: {
+                "body": "audio name ",
+                "msgtype": "m.audio",
+                "url": "mxc://server/audio",
+                "org.matrix.msc3946.voice": true,
+            },
+        });
+    });
+
+    it("should render", async () => {
+        const mediaEventHelper = {
+            sourceBlob: {
+                value: {
+                    arrayBuffer: () => new ArrayBuffer(8),
+                },
+            },
+        } as unknown as MediaEventHelper;
+
+        await act(() => render(<MVoiceMessageBody mxEvent={event} mediaEventHelper={mediaEventHelper} />));
+        expect(await screen.findByTestId("recording-playback")).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/MessageEvent-test.tsx b/apps/web/test/unit-tests/components/views/messages/MessageEvent-test.tsx
new file mode 100644
index 00000000000..4f911852e1a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/MessageEvent-test.tsx
@@ -0,0 +1,229 @@
+/*
+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 { fireEvent, 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 fs from "node:fs";
+import path from "node:path";
+
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { mkEvent, mkRoom, stubClient } from "../../../../test-utils";
+import MessageEvent from "../../../../../src/components/views/messages/MessageEvent";
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { Mjolnir } from "../../../../../src/mjolnir/Mjolnir";
+
+jest.mock("../../../../../src/components/views/messages/MBodyFactory", () => ({
+    __esModule: true,
+    DecryptionFailureBodyFactory: () => <div data-testid="decryption-failure-body" />,
+    FileBodyFactory: () => <div data-testid="file-body" />,
+    ImageBodyFactory: () => <div data-testid="image-body" />,
+    RedactedBodyFactory: () => <div className="mx_RedactedBody">Message deleted by Moderator</div>,
+    VideoBodyFactory: () => <video data-testid="video-body" />,
+    renderMBody: () => <div data-testid="file-body" />,
+}));
+
+jest.mock("../../../../../src/components/views/messages/TextualBodyFactory", () => ({
+    __esModule: true,
+    TextualBodyFactory: () => <div data-testid="textual-body" />,
+}));
+
+jest.mock("../../../../../src/components/views/messages/MImageReplyBody", () => ({
+    __esModule: true,
+    default: () => <div data-testid="image-reply-body" />,
+}));
+
+jest.mock("../../../../../src/hooks/useMediaVisible", () => ({
+    __esModule: true,
+    useMediaVisible: () => [true, jest.fn()],
+}));
+
+jest.mock("../../../../../src/components/views/messages/MStickerBody", () => ({
+    __esModule: true,
+    default: () => <div data-testid="sticker-body" />,
+}));
+
+describe("MessageEvent", () => {
+    let room: Room;
+    let client: MatrixClient;
+    let event: MatrixEvent;
+
+    const makeRedactedBecauseEvent = ({ sender, originServerTs }: { sender: string; originServerTs: number }) => ({
+        content: {},
+        event_id: "$redaction:example.com",
+        origin_server_ts: originServerTs,
+        redacts: "$message:example.com",
+        room_id: room.roomId,
+        sender,
+        type: EventType.RoomRedaction,
+        unsigned: {},
+    });
+
+    const renderMessageEvent = (): RenderResult => {
+        return render(
+            <MatrixClientContext.Provider value={client}>
+                <MessageEvent mxEvent={event} permalinkCreator={new RoomPermalinkCreator(room)} />
+            </MatrixClientContext.Provider>,
+        );
+    };
+
+    beforeEach(() => {
+        localStorage.clear();
+        client = stubClient();
+        room = mkRoom(client, "!room:example.com");
+        jest.spyOn(client, "getRoom").mockReturnValue(room);
+        jest.spyOn(SettingsStore, "getValue");
+        jest.spyOn(SettingsStore, "watchSetting");
+        jest.spyOn(SettingsStore, "unwatchSetting").mockImplementation(jest.fn());
+    });
+
+    afterEach(() => {
+        localStorage.clear();
+        jest.restoreAllMocks();
+    });
+
+    it("renders the shared redacted body for redacted events", () => {
+        jest.spyOn(room, "getMember").mockReturnValue({ name: "Moderator" } as any);
+        event = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            user: "@alice:example.com",
+            room: room.roomId,
+            content: {
+                msgtype: MsgType.Text,
+                body: "Secret",
+            },
+            unsigned: {
+                redacted_because: makeRedactedBecauseEvent({
+                    sender: "@moderator:example.com",
+                    originServerTs: Date.UTC(2022, 10, 17, 15, 58, 32),
+                }),
+            },
+        });
+        jest.spyOn(event, "isRedacted").mockReturnValue(true);
+
+        const result = renderMessageEvent();
+
+        expect(result.getByText("Message deleted by Moderator")).toBeInTheDocument();
+        expect(result.container.querySelector(".mx_RedactedBody")).not.toBeNull();
+        expect(result.queryByTestId("textual-body")).toBeNull();
+    });
+
+    it("renders the shared Mjolnir body for banned senders", () => {
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName) => settingName === "feature_mjolnir");
+        jest.spyOn(Mjolnir, "sharedInstance").mockReturnValue({
+            isUserBanned: jest.fn().mockReturnValue(true),
+            isServerBanned: jest.fn().mockReturnValue(false),
+        } as unknown as Mjolnir);
+        event = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            id: "$hidden:example.com",
+            user: "@alice:example.com",
+            room: room.roomId,
+            content: {
+                msgtype: MsgType.Text,
+                body: "Hidden",
+            },
+        });
+
+        const result = renderMessageEvent();
+
+        expect(result.getByText(/You have ignored this user, so their message is hidden\./)).toBeInTheDocument();
+        const allowButton = result.getByRole("button", { name: "Show anyways." });
+
+        fireEvent.click(allowButton);
+
+        expect(localStorage.getItem(`mx_mjolnir_render_${room.roomId}__$hidden:example.com`)).toBe("true");
+    });
+
+    it("renders the shared unknown body for unsupported message types", () => {
+        event = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            user: "@alice:example.com",
+            room: room.roomId,
+            content: {
+                msgtype: "org.example.unsupported",
+                body: "Unsupported message body",
+            },
+        });
+
+        const result = renderMessageEvent();
+
+        expect(result.getByText("Unsupported message body")).toBeInTheDocument();
+        expect(result.container.querySelector(".mx_UnknownBody")).not.toBeNull();
+        expect(result.queryByTestId("textual-body")).toBeNull();
+    });
+
+    describe("when an image with a caption is sent", () => {
+        let result: RenderResult;
+
+        function createEvent(mimetype: string, filename: string, msgtype: string) {
+            return mkEvent({
+                event: true,
+                type: EventType.RoomMessage,
+                user: client.getUserId()!,
+                room: room.roomId,
+                content: {
+                    body: "caption for a test image",
+                    format: "org.matrix.custom.html",
+                    formatted_body: "<strong>caption for a test image</strong>",
+                    msgtype: msgtype,
+                    filename: filename,
+                    info: {
+                        w: 40,
+                        h: 50,
+                        mimetype: mimetype,
+                    },
+                    url: "mxc://server/image",
+                },
+            });
+        }
+
+        function mockMedia() {
+            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", () => {
+            event = createEvent("image/webp", "image.webp", MsgType.Image);
+            result = renderMessageEvent();
+            mockMedia();
+            result.getByTestId("image-body");
+            result.getByTestId("textual-body");
+        });
+
+        it("should render a TextualBody and a FileBody for mismatched extension", () => {
+            event = createEvent("image/webp", "image.exe", MsgType.Image);
+            result = renderMessageEvent();
+            mockMedia();
+            result.getByTestId("file-body");
+            result.getByTestId("textual-body");
+        });
+
+        it("should render a TextualBody and a video element", () => {
+            event = createEvent("video/mp4", "video.mp4", MsgType.Video);
+            result = renderMessageEvent();
+            mockMedia();
+            expect(result.container.querySelector("video")).not.toBeNull();
+            result.getByTestId("textual-body");
+        });
+
+        it("should render a TextualBody and a FileBody for non-video mimetype", () => {
+            event = createEvent("application/octet-stream", "video.mp4", MsgType.Video);
+            result = renderMessageEvent();
+            mockMedia();
+            result.getByTestId("file-body");
+            result.getByTestId("textual-body");
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/RoomPredecessorTile-test.tsx b/apps/web/test/unit-tests/components/views/messages/RoomPredecessorTile-test.tsx
new file mode 100644
index 00000000000..7b21f89584b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/RoomPredecessorTile-test.tsx
@@ -0,0 +1,284 @@
+/*
+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 { act, render, screen, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+import { EventType, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+
+import dis from "../../../../../src/dispatcher/dispatcher";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import {
+    guessServerNameFromRoomId,
+    RoomPredecessorTile,
+} from "../../../../../src/components/views/messages/RoomPredecessorTile";
+import { stubClient, upsertRoomStateEvents } from "../../../../test-utils/test-utils";
+import { Action } from "../../../../../src/dispatcher/actions";
+import { filterConsole, getRoomContext } from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { ScopedRoomContextProvider } from "../../../../../src/contexts/ScopedRoomContext.tsx";
+
+jest.mock("../../../../../src/dispatcher/dispatcher");
+
+describe("<RoomPredecessorTile />", () => {
+    const userId = "@alice:server.org";
+    const roomId = "!room:server.org";
+    stubClient();
+    const client = mocked(MatrixClientPeg.safeGet());
+
+    function makeRoom({
+        createEventHasPredecessor = false,
+        predecessorEventExists = false,
+        predecessorEventHasEventId = false,
+        predecessorEventHasViaServers = false,
+    }): Room {
+        const room = new Room(roomId, client, userId);
+
+        const createInfo = {
+            type: EventType.RoomCreate,
+            state_key: "",
+            sender: userId,
+            room_id: roomId,
+            content: {},
+            event_id: "$create",
+        };
+
+        if (createEventHasPredecessor) {
+            createInfo.content = {
+                predecessor: { room_id: "old_room_id", event_id: "$tombstone_event_id" },
+            };
+        }
+
+        const createEvent = new MatrixEvent(createInfo);
+        upsertRoomStateEvents(room, [createEvent]);
+
+        if (predecessorEventExists) {
+            const predecessorInfo = {
+                type: EventType.RoomPredecessor,
+                state_key: "",
+                sender: userId,
+                room_id: roomId,
+                content: {
+                    predecessor_room_id: "old_room_id_from_predecessor",
+                    last_known_event_id: predecessorEventHasEventId
+                        ? "$tombstone_event_id_from_predecessor"
+                        : undefined,
+                    via_servers: predecessorEventHasViaServers ? ["a.example.com", "b.example.com"] : undefined,
+                },
+                event_id: "$predecessor",
+            };
+
+            const predecessorEvent = new MatrixEvent(predecessorInfo);
+            upsertRoomStateEvents(room, [predecessorEvent]);
+        }
+        return room;
+    }
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        mocked(dis.dispatch).mockReset();
+        jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+        stubClient();
+    });
+
+    afterAll(() => {
+        jest.spyOn(SettingsStore, "getValue").mockRestore();
+        jest.spyOn(SettingsStore, "setValue").mockRestore();
+    });
+
+    function renderTile(room: Room) {
+        // Find this room's create event (it should have one!)
+        const createEvent = room.currentState.getStateEvents("m.room.create")[0];
+        expect(createEvent).toBeTruthy();
+
+        return render(
+            <ScopedRoomContextProvider {...getRoomContext(room, {})}>
+                <RoomPredecessorTile mxEvent={createEvent} />
+            </ScopedRoomContextProvider>,
+        );
+    }
+
+    it("Renders as expected", () => {
+        const roomCreate = renderTile(makeRoom({ createEventHasPredecessor: true }));
+        expect(roomCreate.asFragment()).toMatchSnapshot();
+    });
+
+    it("Links to the old version of the room", () => {
+        renderTile(makeRoom({ createEventHasPredecessor: true }));
+        expect(screen.getByText("Click here to see older messages.")).toHaveAttribute(
+            "href",
+            "https://matrix.to/#/old_room_id/$tombstone_event_id",
+        );
+    });
+
+    describe("(filtering warnings about no predecessor)", () => {
+        filterConsole("RoomPredecessorTile unexpectedly used in a room with no predecessor.");
+
+        it("Shows an empty div if there is no predecessor", () => {
+            renderTile(makeRoom({}));
+            expect(screen.queryByText("Click here to see older messages.", { exact: false })).toBeNull();
+        });
+    });
+
+    it("Opens the old room on click", async () => {
+        renderTile(makeRoom({ createEventHasPredecessor: true }));
+        const link = screen.getByText("Click here to see older messages.");
+
+        await act(() => userEvent.click(link));
+
+        await waitFor(() =>
+            expect(dis.dispatch).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                event_id: "$tombstone_event_id",
+                highlighted: true,
+                room_id: "old_room_id",
+                metricsTrigger: "Predecessor",
+                metricsViaKeyboard: false,
+            }),
+        );
+    });
+
+    it("Ignores m.predecessor if labs flag is off", () => {
+        renderTile(makeRoom({ createEventHasPredecessor: true, predecessorEventExists: true }));
+        expect(screen.getByText("Click here to see older messages.")).toHaveAttribute(
+            "href",
+            "https://matrix.to/#/old_room_id/$tombstone_event_id",
+        );
+    });
+
+    describe("If the predecessor room is not found", () => {
+        filterConsole("Failed to find predecessor room with id old_room_id");
+
+        beforeEach(() => {
+            mocked(MatrixClientPeg.safeGet().getRoom).mockReturnValue(null);
+        });
+
+        it("Shows an error if there are no via servers", () => {
+            renderTile(makeRoom({ createEventHasPredecessor: true, predecessorEventExists: true }));
+            expect(screen.getByText("Can't find the old version of this room", { exact: false })).toBeInTheDocument();
+        });
+    });
+
+    describe("When feature_dynamic_room_predecessors = true", () => {
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "feature_dynamic_room_predecessors",
+            );
+        });
+
+        afterEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockReset();
+        });
+
+        it("Uses the create event if there is no m.predecessor", () => {
+            renderTile(makeRoom({ createEventHasPredecessor: true }));
+            expect(screen.getByText("Click here to see older messages.")).toHaveAttribute(
+                "href",
+                "https://matrix.to/#/old_room_id/$tombstone_event_id",
+            );
+        });
+
+        it("Uses m.predecessor when it's there", () => {
+            renderTile(makeRoom({ createEventHasPredecessor: true, predecessorEventExists: true }));
+            expect(screen.getByText("Click here to see older messages.")).toHaveAttribute(
+                "href",
+                "https://matrix.to/#/old_room_id_from_predecessor",
+            );
+        });
+
+        it("Links to the event in the room if event ID is provided", () => {
+            renderTile(
+                makeRoom({
+                    createEventHasPredecessor: true,
+                    predecessorEventExists: true,
+                    predecessorEventHasEventId: true,
+                }),
+            );
+            expect(screen.getByText("Click here to see older messages.")).toHaveAttribute(
+                "href",
+                "https://matrix.to/#/old_room_id_from_predecessor/$tombstone_event_id_from_predecessor",
+            );
+        });
+
+        describe("If the predecessor room is not found", () => {
+            filterConsole("Failed to find predecessor room with id old_room_id");
+
+            beforeEach(() => {
+                mocked(MatrixClientPeg.safeGet().getRoom).mockReturnValue(null);
+            });
+
+            it("Shows an error if there are no via servers", () => {
+                renderTile(makeRoom({ createEventHasPredecessor: true, predecessorEventExists: true }));
+                expect(
+                    screen.getByText("Can't find the old version of this room", { exact: false }),
+                ).toBeInTheDocument();
+            });
+
+            it("Shows a tile if there are via servers", () => {
+                renderTile(
+                    makeRoom({
+                        createEventHasPredecessor: true,
+                        predecessorEventExists: true,
+                        predecessorEventHasViaServers: true,
+                    }),
+                );
+                expect(screen.getByText("Click here to see older messages.")).toHaveAttribute(
+                    "href",
+                    "https://matrix.to/#/old_room_id_from_predecessor?via=a.example.com&via=b.example.com",
+                );
+            });
+
+            it("Shows a tile linking to an event if there are via servers", () => {
+                renderTile(
+                    makeRoom({
+                        createEventHasPredecessor: true,
+                        predecessorEventExists: true,
+                        predecessorEventHasEventId: true,
+                        predecessorEventHasViaServers: true,
+                    }),
+                );
+                expect(screen.getByText("Click here to see older messages.")).toHaveAttribute(
+                    "href",
+                    "https://matrix.to/#/old_room_id_from_predecessor/$tombstone_event_id_from_predecessor?via=a.example.com&via=b.example.com",
+                );
+            });
+        });
+    });
+});
+
+describe("guessServerNameFromRoomId", () => {
+    it("Extracts the domain name from a standard room ID", () => {
+        expect(guessServerNameFromRoomId("!436456:example.com")).toEqual("example.com");
+    });
+
+    it("Extracts the domain name and port when included", () => {
+        expect(guessServerNameFromRoomId("!436456:example.com:8888")).toEqual("example.com:8888");
+    });
+
+    it("Handles an IPv4 address for server name", () => {
+        expect(guessServerNameFromRoomId("!436456:127.0.0.1")).toEqual("127.0.0.1");
+    });
+
+    it("Handles an IPv4 address and port", () => {
+        expect(guessServerNameFromRoomId("!436456:127.0.0.1:81")).toEqual("127.0.0.1:81");
+    });
+
+    it("Handles an IPv6 address for server name", () => {
+        expect(guessServerNameFromRoomId("!436456:::1")).toEqual("::1");
+    });
+
+    it("Handles an IPv6 address and port", () => {
+        expect(guessServerNameFromRoomId("!436456:::1:8080")).toEqual("::1:8080");
+    });
+
+    it("Returns null when the room ID contains no colon", () => {
+        expect(guessServerNameFromRoomId("!436456")).toBeNull();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/TextualBody-test.tsx b/apps/web/test/unit-tests/components/views/messages/TextualBody-test.tsx
new file mode 100644
index 00000000000..704cab45fec
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/TextualBody-test.tsx
@@ -0,0 +1,534 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 ComponentProps } from "react";
+import { type MatrixClient, type MatrixEvent, PushRuleKind, type Room } from "matrix-js-sdk/src/matrix";
+import { mocked, type MockedObject } from "jest-mock-vitest-adapter";
+import { act, render, waitFor } from "jest-matrix-react";
+import { PushProcessor } from "matrix-js-sdk/src/pushprocessor";
+import { setMissingEntryGenerator } from "@element-hq/web-shared-components";
+
+import {
+    getMockClientWithEventEmitter,
+    mkEvent,
+    mkMessage,
+    mkStubRoom,
+    mockClientPushProcessor,
+} from "../../../../test-utils";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { TextualBodyFactory as TextualBody } from "../../../../../src/components/views/messages/TextualBodyFactory";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import RoomContext from "../../../../../src/contexts/RoomContext";
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import { type MediaEventHelper } from "../../../../../src/utils/MediaEventHelper";
+import { getRoomContext } from "../../../../test-utils/room";
+
+jest.mock("../../../../../src/hooks/useMediaVisible", () => ({
+    __esModule: true,
+    useMediaVisible: () => [true, jest.fn()],
+}));
+
+const room1Id = "!room1:example.com";
+const room2Id = "!room2:example.com";
+const room2Name = "Room 2";
+
+interface MkRoomTextMessageOpts {
+    roomId?: string;
+}
+
+const mkRoomTextMessage = (body: string, mkRoomTextMessageOpts?: MkRoomTextMessageOpts): MatrixEvent => {
+    return mkMessage({
+        msg: body,
+        room: mkRoomTextMessageOpts?.roomId ?? room1Id,
+        user: "sender",
+        event: true,
+    });
+};
+
+const mkFormattedMessage = (body: string, formattedBody: string): MatrixEvent => {
+    return mkMessage({
+        msg: body,
+        formattedMsg: formattedBody,
+        format: "org.matrix.custom.html",
+        room: room1Id,
+        user: "sender",
+        event: true,
+    });
+};
+
+describe("<TextualBody />", () => {
+    afterEach(() => {
+        jest.spyOn(global.Math, "random").mockRestore();
+    });
+
+    let defaultRoom: Room;
+    let otherRoom: Room;
+    let defaultMatrixClient: MockedObject<MatrixClient>;
+
+    const defaultEvent = mkEvent({
+        type: "m.room.message",
+        room: room1Id,
+        user: "sender",
+        content: {
+            body: "winks",
+            msgtype: "m.emote",
+        },
+        event: true,
+    });
+
+    const defaultProps: ComponentProps<typeof TextualBody> = {
+        mxEvent: defaultEvent,
+        highlights: [] as string[],
+        highlightLink: "",
+        onMessageAllowed: jest.fn(),
+        mediaEventHelper: {} as MediaEventHelper,
+    };
+
+    beforeEach(() => {
+        defaultMatrixClient = getMockClientWithEventEmitter({
+            getRoom: (roomId: string | undefined) => {
+                if (roomId === room1Id) return defaultRoom;
+                if (roomId === room2Id) return otherRoom;
+                return null;
+            },
+            getRooms: () => [defaultRoom, otherRoom],
+            getAccountData: (): MatrixEvent | undefined => undefined,
+            isGuest: () => false,
+            mxcUrlToHttp: (s: string) => s,
+            getUserId: () => "@user:example.com",
+            fetchRoomEvent: () => {
+                throw new Error("MockClient event not found");
+            },
+        });
+        // @ts-expect-error
+        defaultMatrixClient.pushProcessor = new PushProcessor(defaultMatrixClient);
+
+        defaultRoom = mkStubRoom(room1Id, "test room", defaultMatrixClient);
+        otherRoom = mkStubRoom(room2Id, room2Name, defaultMatrixClient);
+
+        mocked(defaultRoom).findEventById.mockImplementation((eventId: string) => {
+            if (eventId === defaultEvent.getId()) return defaultEvent;
+            return undefined;
+        });
+        jest.spyOn(global.Math, "random").mockReturnValue(0.123456);
+    });
+
+    const getComponent = (props = {}, matrixClient: MatrixClient = defaultMatrixClient, renderingFn?: any) => {
+        const mergedProps = { ...defaultProps, ...props };
+        const room = matrixClient.getRoom(mergedProps.mxEvent.getRoomId()) ?? defaultRoom;
+        const finalProps = {
+            ...mergedProps,
+            permalinkCreator: mergedProps.permalinkCreator ?? new RoomPermalinkCreator(room),
+        };
+        return (renderingFn ?? render)(
+            <MatrixClientContext.Provider value={matrixClient}>
+                <RoomContext.Provider value={getRoomContext(room, {})}>
+                    <TextualBody {...finalProps} />
+                </RoomContext.Provider>
+            </MatrixClientContext.Provider>,
+        );
+    };
+
+    it("renders m.emote correctly", () => {
+        DMRoomMap.makeShared(defaultMatrixClient);
+
+        const ev = mkEvent({
+            type: "m.room.message",
+            room: room1Id,
+            user: "sender",
+            content: {
+                body: "winks",
+                msgtype: "m.emote",
+            },
+            event: true,
+        });
+
+        const { container } = getComponent({ mxEvent: ev });
+        expect(container).toHaveTextContent("* sender winks");
+        const content = container.querySelector(".mx_EventTile_body");
+        expect(content).toMatchSnapshot();
+    });
+
+    it("keeps edited emote bodies inline with the sender", () => {
+        DMRoomMap.makeShared(defaultMatrixClient);
+
+        const ev = mkEvent({
+            type: "m.room.message",
+            room: room1Id,
+            user: "sender",
+            content: {
+                body: "winks",
+                msgtype: "m.emote",
+            },
+            event: true,
+        });
+        jest.spyOn(ev, "replacingEventDate").mockReturnValue(new Date(1993, 7, 3));
+
+        const { container } = getComponent({ mxEvent: ev, replacingEventId: ev.getId() });
+
+        expect(container).toHaveTextContent("* sender winks(edited)");
+    });
+
+    it("updates the body kind when an edit changes msgtype to m.emote", async () => {
+        DMRoomMap.makeShared(defaultMatrixClient);
+
+        const ev = mkEvent({
+            type: "m.room.message",
+            room: room1Id,
+            user: "sender",
+            content: {
+                body: "hello",
+                msgtype: "m.text",
+            },
+            event: true,
+        });
+
+        const { container } = getComponent({ mxEvent: ev });
+        expect(container).toHaveTextContent("hello");
+
+        const edit = mkEvent({
+            type: "m.room.message",
+            room: room1Id,
+            user: "sender",
+            content: {
+                "body": "* waves",
+                "msgtype": "m.emote",
+                "m.new_content": {
+                    body: "waves",
+                    msgtype: "m.emote",
+                },
+            },
+            event: true,
+        });
+        act(() => {
+            ev.makeReplaced(edit);
+        });
+
+        await waitFor(() => expect(container).toHaveTextContent("* sender waves(edited)"));
+    });
+
+    it("renders m.notice correctly", () => {
+        DMRoomMap.makeShared(defaultMatrixClient);
+
+        const ev = mkEvent({
+            type: "m.room.message",
+            room: room1Id,
+            user: "bot_sender",
+            content: {
+                body: "this is a notice, probably from a bot",
+                msgtype: "m.notice",
+            },
+            event: true,
+        });
+
+        const { container } = getComponent({ mxEvent: ev });
+        expect(container).toHaveTextContent(ev.getContent().body);
+        const content = container.querySelector(".mx_EventTile_body");
+        expect(content).toMatchSnapshot();
+    });
+
+    describe("renders plain-text m.text correctly", () => {
+        beforeEach(() => {
+            DMRoomMap.makeShared(defaultMatrixClient);
+        });
+
+        it("simple message renders as expected", () => {
+            const ev = mkRoomTextMessage("this is a plaintext message");
+            const { container } = getComponent({ mxEvent: ev });
+            expect(container).toHaveTextContent(ev.getContent().body);
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content).toMatchSnapshot();
+        });
+
+        // If pills were rendered within a Portal/same shadow DOM then it'd be easier to test
+        it("linkification get applied correctly into the DOM", () => {
+            const ev = mkRoomTextMessage("Visit https://matrix.org/");
+            const { container } = getComponent({ mxEvent: ev });
+            expect(container).toHaveTextContent(ev.getContent().body);
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content).toMatchSnapshot();
+        });
+
+        it("should not pillify MXIDs", () => {
+            const ev = mkRoomTextMessage("Chat with @user:example.com");
+            const { container } = getComponent({ mxEvent: ev });
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content.innerHTML).toMatchSnapshot();
+        });
+
+        it("should pillify an MXID permalink", () => {
+            const ev = mkRoomTextMessage("Chat with https://matrix.to/#/@user:example.com");
+            const { container } = getComponent({ mxEvent: ev });
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content.innerHTML).toMatchSnapshot();
+        });
+
+        it("should not pillify room aliases", () => {
+            const ev = mkRoomTextMessage("Visit #room:example.com");
+            const { container } = getComponent({ mxEvent: ev });
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content.innerHTML).toMatchSnapshot();
+        });
+
+        it("should pillify a room alias permalink", () => {
+            const ev = mkRoomTextMessage("Visit https://matrix.to/#/#room:example.com");
+            const { container } = getComponent({ mxEvent: ev });
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content.innerHTML).toMatchSnapshot();
+        });
+
+        it("should pillify a permalink to a message in the same room with the label »Message from Member«", () => {
+            const ev = mkRoomTextMessage(`Visit https://matrix.to/#/${room1Id}/${defaultEvent.getId()}`);
+            const { container } = getComponent({ mxEvent: ev });
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content.innerHTML.replace(defaultEvent.getId(), "%event_id%")).toMatchSnapshot();
+        });
+
+        it("should pillify a permalink to an unknown message in the same room with the label »Message«", () => {
+            const ev = mkRoomTextMessage(`Visit https://matrix.to/#/${room1Id}/!abc123`);
+            const { container } = getComponent({ mxEvent: ev });
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content).toMatchSnapshot();
+        });
+
+        it("should pillify a permalink to an event in another room with the label »Message in Room 2«", () => {
+            const ev = mkRoomTextMessage(`Visit https://matrix.to/#/${room2Id}/${defaultEvent.getId()}`);
+            const { container } = getComponent({ mxEvent: ev });
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content.innerHTML.replace(defaultEvent.getId(), "%event_id%")).toMatchSnapshot();
+        });
+
+        it("should pillify a keyword responsible for triggering a notification", () => {
+            const ev = mkRoomTextMessage("foo bar baz");
+            ev.setPushDetails(undefined, {
+                actions: [],
+                pattern: "bar",
+                rule_id: "bar",
+                default: false,
+                enabled: true,
+                kind: PushRuleKind.ContentSpecific,
+            });
+            const { container } = getComponent({ mxEvent: ev });
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content.innerHTML).toMatchSnapshot();
+        });
+    });
+
+    describe("renders formatted m.text correctly", () => {
+        let matrixClient: MatrixClient;
+        beforeEach(() => {
+            matrixClient = getMockClientWithEventEmitter({
+                getRoom: jest.fn(),
+                ...mockClientPushProcessor(),
+                getAccountData: (): MatrixEvent | undefined => undefined,
+                getUserId: () => "@me:my_server",
+                getHomeserverUrl: () => "https://my_server/",
+                on: (): void => undefined,
+                removeListener: (): void => undefined,
+                isGuest: () => false,
+                mxcUrlToHttp: (s: string) => s,
+            });
+            mocked(matrixClient.getRoom).mockReturnValue(mkStubRoom(room1Id, "room name", matrixClient));
+            DMRoomMap.makeShared(defaultMatrixClient);
+        });
+
+        it("italics, bold, underline and strikethrough render as expected", () => {
+            const ev = mkFormattedMessage(
+                "foo *baz* __bar__ <del>del</del> <u>u</u>",
+                "foo <em>baz</em> <strong>bar</strong> <del>del</del> <u>u</u>",
+            );
+            const { container } = getComponent({ mxEvent: ev }, matrixClient);
+            expect(container).toHaveTextContent("foo baz bar del u");
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content).toMatchSnapshot();
+        });
+
+        it("spoilers get injected properly into the DOM", () => {
+            const ev = mkFormattedMessage(
+                "Hey [Spoiler for movie](mxc://someserver/somefile)",
+                'Hey <span data-mx-spoiler="movie">the movie was awesome</span>',
+            );
+            const { container } = getComponent({ mxEvent: ev }, matrixClient);
+            expect(container).toHaveTextContent("Hey (movie) the movie was awesome");
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content).toMatchSnapshot();
+        });
+
+        it("linkification is not applied to code blocks", () => {
+            const ev = mkFormattedMessage(
+                "Visit `https://matrix.org/`\n```\nhttps://matrix.org/\n```",
+                "<p>Visit <code>https://matrix.org/</code></p>\n<pre>https://matrix.org/\n</pre>\n",
+            );
+            const { container } = getComponent({ mxEvent: ev }, matrixClient);
+            expect(container).toHaveTextContent("Visit https://matrix.org/ 1https://matrix.org/");
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content).toMatchSnapshot();
+        });
+
+        it("should syntax highlight code blocks", async () => {
+            const ev = mkFormattedMessage(
+                "```py\n# Python Program to calculate the square root\n\n# Note: change this value for a different result\nnum = 8 \n\n# To take the input from the user\n#num = float(input('Enter a number: '))\n\nnum_sqrt = num ** 0.5\nprint('The square root of %0.3f is %0.3f'%(num ,num_sqrt))",
+                "<pre><code class=\"language-py\"># Python Program to calculate the square root\n\n# Note: change this value for a different result\nnum = 8 \n\n# To take the input from the user\n#num = float(input('Enter a number: '))\n\nnum_sqrt = num ** 0.5\nprint('The square root of %0.3f is %0.3f'%(num ,num_sqrt))\n</code></pre>\n",
+            );
+            const { container } = getComponent({ mxEvent: ev }, matrixClient);
+            await waitFor(() => expect(container.querySelector(".hljs-built_in")).toBeInTheDocument());
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content).toMatchSnapshot();
+        });
+
+        // If pills were rendered within a Portal/same shadow DOM then it'd be easier to test
+        it("pills get injected correctly into the DOM", () => {
+            const ev = mkFormattedMessage("Hey User", 'Hey <a href="https://matrix.to/#/@user:server">Member</a>');
+            const { container } = getComponent({ mxEvent: ev }, matrixClient);
+            expect(container).toHaveTextContent("Hey Member");
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content).toMatchSnapshot();
+        });
+
+        it("pills do not appear in code blocks", () => {
+            const ev = mkFormattedMessage(
+                "`@room`\n```\n@room\n```",
+                "<p><code>@room</code></p>\n<pre><code>@room\n</code></pre>\n",
+            );
+            const { container } = getComponent({ mxEvent: ev });
+            expect(container).toHaveTextContent("@room 1@room");
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content).toMatchSnapshot();
+        });
+
+        it("pills do not appear for event permalinks with a custom label", () => {
+            const ev = mkFormattedMessage(
+                "An [event link](https://matrix.to/#/!ZxbRYPQXDXKGmDnJNg:example.com/" +
+                    "$16085560162aNpaH:example.com?via=example.com) with text",
+                'An <a href="https://matrix.to/#/!ZxbRYPQXDXKGmDnJNg:example.com/' +
+                    '$16085560162aNpaH:example.com?via=example.com">event link</a> with text',
+            );
+            const { asFragment, container } = getComponent({ mxEvent: ev }, matrixClient);
+            expect(container).toHaveTextContent("An event link with text");
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("pills appear for event permalinks without a custom label", () => {
+            const ev = mkFormattedMessage(
+                "See this message https://matrix.to/#/!ZxbRYPQXDXKGmDnJNg:example.com/$16085560162aNpaH:example.com?via=example.com",
+                'See this message <a href="https://matrix.to/#/!ZxbRYPQXDXKGmDnJNg:example.com/$16085560162aNpaH:example.com?via=example.com">' +
+                    "https://matrix.to/#/!ZxbRYPQXDXKGmDnJNg:example.com/$16085560162aNpaH:example.com?via=example.com</a>",
+            );
+            const { asFragment } = getComponent({ mxEvent: ev }, matrixClient);
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("pills appear for room links with vias", () => {
+            const ev = mkFormattedMessage(
+                "A [room link](https://matrix.to/#/!ZxbRYPQXDXKGmDnJNg:example.com" +
+                    "?via=example.com&via=bob.com) with vias",
+                'A <a href="https://matrix.to/#/!ZxbRYPQXDXKGmDnJNg:example.com' +
+                    '?via=example.com&amp;via=bob.com">room link</a> with vias',
+            );
+            const { asFragment, container } = getComponent({ mxEvent: ev }, matrixClient);
+            expect(container).toHaveTextContent("A room name with vias");
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("pills appear for an MXID permalink", () => {
+            const ev = mkFormattedMessage(
+                "Chat with [@user:example.com](https://matrix.to/#/@user:example.com)",
+                'Chat with <a href="https://matrix.to/#/@user:example.com">@user:example.com</a>',
+            );
+            const { container } = getComponent({ mxEvent: ev }, matrixClient);
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content).toMatchSnapshot();
+        });
+
+        it("renders formatted body without html correctly", () => {
+            const ev = mkEvent({
+                type: "m.room.message",
+                room: "room_id",
+                user: "sender",
+                content: {
+                    body: "escaped \\*markdown\\*",
+                    msgtype: "m.text",
+                    format: "org.matrix.custom.html",
+                    formatted_body: "escaped *markdown*",
+                },
+                event: true,
+            });
+
+            const { container } = getComponent({ mxEvent: ev }, matrixClient);
+
+            const content = container.querySelector(".mx_EventTile_body");
+            expect(content).toMatchSnapshot();
+        });
+    });
+
+    describe("url preview", () => {
+        let matrixClient: MatrixClient;
+
+        beforeEach(() => {
+            setMissingEntryGenerator((key) => key.split("|", 2)[1]);
+            matrixClient = getMockClientWithEventEmitter({
+                getRoom: jest.fn(),
+                getUserId: jest.fn(),
+                ...mockClientPushProcessor(),
+                getAccountData: (): MatrixClient | undefined => undefined,
+                getUrlPreview: (url: string) => new Promise(() => {}),
+                isGuest: () => false,
+                mxcUrlToHttp: (s: string) => s,
+            });
+            mocked(matrixClient.getRoom).mockReturnValue(mkStubRoom("room_id", "room name", matrixClient));
+            DMRoomMap.makeShared(defaultMatrixClient);
+        });
+
+        it("renders url previews correctly", () => {
+            const ev = mkRoomTextMessage("Visit https://matrix.org/");
+            const { container, rerender } = getComponent({ mxEvent: ev, showUrlPreview: true }, matrixClient);
+
+            expect(container).toHaveTextContent(ev.getContent().body);
+            expect(container.querySelector("a")).toHaveAttribute("href", "https://matrix.org/");
+
+            // simulate an event edit and check the transition from the old URL preview to the new one
+            const ev2 = mkEvent({
+                type: "m.room.message",
+                room: "room_id",
+                user: "sender",
+                content: {
+                    "m.new_content": {
+                        body: "Visit https://vector.im/ and https://riot.im/",
+                        msgtype: "m.text",
+                    },
+                },
+                event: true,
+            });
+            jest.spyOn(ev, "replacingEventDate").mockReturnValue(new Date(1993, 7, 3));
+            ev.makeReplaced(ev2);
+
+            getComponent({ mxEvent: ev, showUrlPreview: true, replacingEventId: ev.getId() }, matrixClient, rerender);
+
+            expect(container).toHaveTextContent(ev2.getContent()["m.new_content"].body + "(edited)");
+
+            const links = ["https://vector.im/", "https://riot.im/"];
+            const anchorNodes = container.querySelectorAll("a");
+            Array.from(anchorNodes).forEach((node, index) => {
+                expect(node).toHaveAttribute("href", links[index]);
+            });
+        });
+
+        it("should listen to showUrlPreview change", () => {
+            const ev = mkRoomTextMessage("Visit https://matrix.org/");
+
+            const { container, rerender } = getComponent({ mxEvent: ev, showUrlPreview: false }, matrixClient);
+            expect(container.querySelector(".mx_LinkPreviewGroup")).toBeNull();
+
+            getComponent({ mxEvent: ev, showUrlPreview: true }, matrixClient, rerender);
+            waitFor(() => {
+                // Asynchronous check since the VM needs to recalcuate.
+                expect(container.querySelector(".mx_LinkPreviewGroup")).toBeTruthy();
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/__snapshots__/MBeaconBody-test.tsx.snap b/apps/web/test/unit-tests/components/views/messages/__snapshots__/MBeaconBody-test.tsx.snap
new file mode 100644
index 00000000000..e927ccd0322
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/__snapshots__/MBeaconBody-test.tsx.snap
@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<MBeaconBody /> when map display is not configured renders maps unavailable error for a live beacon with location 1`] = `
+<div
+  class="mx_MapError mx_MBeaconBody_mapError mx_MBeaconBody_mapErrorInteractive mx_MapError_isMinimised"
+  data-testid="map-rendering-error"
+>
+  <svg
+    class="mx_MapError_icon"
+    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 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>
+  <h3
+    class="mx_Heading_h3 mx_MapError_heading"
+  >
+    Unable to load map
+  </h3>
+  <p
+    class="mx_MapError_message"
+  >
+    This homeserver is not configured to display maps.
+  </p>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/messages/__snapshots__/MBodyFactory-test.tsx.snap b/apps/web/test/unit-tests/components/views/messages/__snapshots__/MBodyFactory-test.tsx.snap
new file mode 100644
index 00000000000..671c1ce8d55
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/__snapshots__/MBodyFactory-test.tsx.snap
@@ -0,0 +1,117 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`MBodyFactory renderMBody fallback shows m.audio generic placeholder when showFileInfo is true 1`] = `
+<div>
+  <span
+    class="_content_bibip_8 mx_MFileBody"
+  >
+    <div
+      class="mx_MediaBody _mediaBody_14jys_8"
+      data-type="info"
+    >
+      <button
+        aria-label="alt"
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        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="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>
+          alt
+        </span>
+      </button>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`MBodyFactory renderMBody fallback shows m.file generic placeholder when showFileInfo is true 1`] = `
+<div>
+  <span
+    class="_content_bibip_8 mx_MFileBody"
+  >
+    <div
+      class="mx_MediaBody _mediaBody_14jys_8"
+      data-type="info"
+    >
+      <button
+        aria-label="alt"
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        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="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>
+          alt
+        </span>
+      </button>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`MBodyFactory renderMBody renders download button for m.file in file rendering type 1`] = `
+<div>
+  <span
+    class="_content_bibip_8 mx_MFileBody"
+  >
+    <div
+      data-type="download"
+    >
+      <a
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        href="https://server/_matrix/media/v3/download/server/file"
+        rel="noreferrer noopener"
+        role="link"
+        tabindex="0"
+        target="_blank"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          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>
+        Download
+      </a>
+    </div>
+  </span>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/messages/__snapshots__/MLocationBody-test.tsx.snap b/apps/web/test/unit-tests/components/views/messages/__snapshots__/MLocationBody-test.tsx.snap
new file mode 100644
index 00000000000..b4b637d8d74
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/__snapshots__/MLocationBody-test.tsx.snap
@@ -0,0 +1,112 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`MLocationBody <MLocationBody> with error displays correct fallback content when map_style_url is misconfigured 1`] = `
+<div
+  class="mx_EventTile_body mx_MLocationBody"
+>
+  <span
+    class="mx_EventTile_tileError"
+  >
+    Unable to load map: This homeserver is not configured correctly to display maps, or the configured map server may be unreachable.
+  </span>
+  <br />
+  Shared a location: Found at geo:51.5076,-0.1276 at 2021-12-21T12:22+0000
+</div>
+`;
+
+exports[`MLocationBody <MLocationBody> with error displays correct fallback content without error style when map_style_url is not configured 1`] = `
+<div
+  class="mx_EventTile_body mx_MLocationBody"
+>
+  <span
+    class=""
+  >
+    Unable to load map: This homeserver is not configured to display maps.
+  </span>
+  <br />
+  Shared a location: Found at geo:51.5076,-0.1276 at 2021-12-21T12:22+0000
+</div>
+`;
+
+exports[`MLocationBody <MLocationBody> without error renders map correctly 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_MLocationBody"
+  >
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_MLocationBody_map"
+    >
+      <div
+        class="mx_Map mx_MLocationBody_map"
+        id="mx_Map_mx_MLocationBody_$2_vY7Q4uEh"
+      >
+        <span>
+          <div
+            class="mx_Marker mx_Marker_defaultColor"
+            id="mx_MLocationBody_$2_vY7Q4uEh-marker"
+          >
+            <div
+              class="mx_Marker_border"
+            >
+              <svg
+                class="mx_Marker_icon"
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M12 21.325a2.1 2.1 0 0 1-.7-.125 1.8 1.8 0 0 1-.625-.375A39 39 0 0 1 7.8 17.9q-1.25-1.425-2.087-2.762-.838-1.338-1.275-2.575Q4 11.325 4 10.2q0-3.75 2.412-5.975T12 2t5.587 2.225T20 10.2q0 1.125-.437 2.363-.438 1.237-1.275 2.574A22 22 0 0 1 16.2 17.9a39 39 0 0 1-2.875 2.925 1.8 1.8 0 0 1-.625.375 2.1 2.1 0 0 1-.7.125M12 12q.825 0 1.412-.588Q14 10.826 14 10t-.588-1.412A1.93 1.93 0 0 0 12 8q-.825 0-1.412.588A1.93 1.93 0 0 0 10 10q0 .825.588 1.412Q11.175 12 12 12"
+                />
+              </svg>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`MLocationBody <MLocationBody> without error renders marker correctly for a self share 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_MLocationBody"
+  >
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_MLocationBody_map"
+    >
+      <div
+        class="mx_Map mx_MLocationBody_map"
+        id="mx_Map_mx_MLocationBody_$3_vY7Q4uEh"
+      >
+        <span>
+          <div
+            class="mx_Marker mx_Marker_defaultColor"
+            id="mx_MLocationBody_$3_vY7Q4uEh-marker"
+          >
+            <div
+              class="mx_Marker_border"
+            >
+              <span
+                class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+                data-color="3"
+                data-testid="avatar-img"
+                data-type="round"
+                role="presentation"
+                style="--cpd-avatar-size: 36px;"
+                title="@user:server"
+              >
+                u
+              </span>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/messages/__snapshots__/MPollBody-test.tsx.snap b/apps/web/test/unit-tests/components/views/messages/__snapshots__/MPollBody-test.tsx.snap
new file mode 100644
index 00000000000..6d16a9fd6a3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/__snapshots__/MPollBody-test.tsx.snap
@@ -0,0 +1,2264 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`MPollBody renders a finished poll 1`] = `
+<div>
+  <fieldset
+    class="mx_MPollBody"
+  >
+    <legend
+      data-testid="pollQuestion"
+    >
+      <svg
+        aria-label="Poll ended"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M21 10.659V19q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21H5q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h8.341A6 6 0 0 0 13 5H5v14h14v-8a6 6 0 0 0 2-.341"
+        />
+        <path
+          d="M13.803 8a6 6 0 0 0 1.88 2H13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 12 9q0-.424.287-.713A.97.97 0 0 1 13 8zm2.91 7.713A.97.97 0 0 1 16 16h-3a.97.97 0 0 1-.713-.287A.97.97 0 0 1 12 15q0-.424.287-.713A.97.97 0 0 1 13 14h3q.424 0 .712.287.288.288.288.713 0 .424-.288.713m-6.299-5.3A1.93 1.93 0 0 1 9 11q-.825 0-1.412-.588A1.93 1.93 0 0 1 7 9q0-.825.588-1.412A1.93 1.93 0 0 1 9 7q.825 0 1.412.588Q11 8.175 11 9t-.588 1.412m.001 6.001A1.93 1.93 0 0 1 9 17q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 15q0-.825.588-1.412A1.93 1.93 0 0 1 9 13q.825 0 1.412.588Q11 14.175 11 15q0 .824-.588 1.413m12.295-14.12a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L18 5.586l3.293-3.293a1 1 0 0 1 1.414 0"
+        />
+      </svg>
+      What should we order for the party?
+    </legend>
+    <div
+      class="mx_MPollBody_allOptions"
+    >
+      <div
+        class="mx_PollOption mx_PollOption_ended"
+        data-testid="pollOption-pizza"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled"
+        >
+          <input
+            aria-label="Option 1, Pizza, 0 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="pizza"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Pizza
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  0 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_ended"
+        data-testid="pollOption-poutine"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled"
+        >
+          <input
+            aria-label="Option 2, Poutine, 0 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="poutine"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Poutine
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  0 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_checked mx_PollOption_ended"
+        data-testid="pollOption-italian"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled mx_StyledRadioButton_checked"
+        >
+          <input
+            aria-label="Option 3, Italian, winning option, 2 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="italian"
+          />
+          <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"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Italian
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  <div
+                    class="mx_PollOption_winnerIcon"
+                  />
+                  2 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 67%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_ended"
+        data-testid="pollOption-wings"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled"
+        >
+          <input
+            aria-label="Option 4, Wings, 1 vote"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="wings"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Wings
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  1 vote
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 33%;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_MPollBody_totalVotes"
+      data-testid="totalVotes"
+    >
+      Final result based on 3 votes
+    </div>
+  </fieldset>
+</div>
+`;
+
+exports[`MPollBody renders a finished poll with multiple winners 1`] = `
+<div>
+  <fieldset
+    class="mx_MPollBody"
+  >
+    <legend
+      data-testid="pollQuestion"
+    >
+      <svg
+        aria-label="Poll ended"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M21 10.659V19q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21H5q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h8.341A6 6 0 0 0 13 5H5v14h14v-8a6 6 0 0 0 2-.341"
+        />
+        <path
+          d="M13.803 8a6 6 0 0 0 1.88 2H13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 12 9q0-.424.287-.713A.97.97 0 0 1 13 8zm2.91 7.713A.97.97 0 0 1 16 16h-3a.97.97 0 0 1-.713-.287A.97.97 0 0 1 12 15q0-.424.287-.713A.97.97 0 0 1 13 14h3q.424 0 .712.287.288.288.288.713 0 .424-.288.713m-6.299-5.3A1.93 1.93 0 0 1 9 11q-.825 0-1.412-.588A1.93 1.93 0 0 1 7 9q0-.825.588-1.412A1.93 1.93 0 0 1 9 7q.825 0 1.412.588Q11 8.175 11 9t-.588 1.412m.001 6.001A1.93 1.93 0 0 1 9 17q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 15q0-.825.588-1.412A1.93 1.93 0 0 1 9 13q.825 0 1.412.588Q11 14.175 11 15q0 .824-.588 1.413m12.295-14.12a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L18 5.586l3.293-3.293a1 1 0 0 1 1.414 0"
+        />
+      </svg>
+      What should we order for the party?
+    </legend>
+    <div
+      class="mx_MPollBody_allOptions"
+    >
+      <div
+        class="mx_PollOption mx_PollOption_checked mx_PollOption_ended"
+        data-testid="pollOption-pizza"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled mx_StyledRadioButton_checked"
+        >
+          <input
+            aria-label="Option 1, Pizza, winning option, 2 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="pizza"
+          />
+          <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"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Pizza
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  <div
+                    class="mx_PollOption_winnerIcon"
+                  />
+                  2 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 50%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_ended"
+        data-testid="pollOption-poutine"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled"
+        >
+          <input
+            aria-label="Option 2, Poutine, 0 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="poutine"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Poutine
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  0 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_ended"
+        data-testid="pollOption-italian"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled"
+        >
+          <input
+            aria-label="Option 3, Italian, 0 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="italian"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Italian
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  0 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_checked mx_PollOption_ended"
+        data-testid="pollOption-wings"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled mx_StyledRadioButton_checked"
+        >
+          <input
+            aria-label="Option 4, Wings, winning option, 2 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="wings"
+          />
+          <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"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Wings
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  <div
+                    class="mx_PollOption_winnerIcon"
+                  />
+                  2 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 50%;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_MPollBody_totalVotes"
+      data-testid="totalVotes"
+    >
+      Final result based on 4 votes
+    </div>
+  </fieldset>
+</div>
+`;
+
+exports[`MPollBody renders a finished poll with no votes 1`] = `
+<div>
+  <fieldset
+    class="mx_MPollBody"
+  >
+    <legend
+      data-testid="pollQuestion"
+    >
+      <svg
+        aria-label="Poll ended"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M21 10.659V19q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21H5q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h8.341A6 6 0 0 0 13 5H5v14h14v-8a6 6 0 0 0 2-.341"
+        />
+        <path
+          d="M13.803 8a6 6 0 0 0 1.88 2H13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 12 9q0-.424.287-.713A.97.97 0 0 1 13 8zm2.91 7.713A.97.97 0 0 1 16 16h-3a.97.97 0 0 1-.713-.287A.97.97 0 0 1 12 15q0-.424.287-.713A.97.97 0 0 1 13 14h3q.424 0 .712.287.288.288.288.713 0 .424-.288.713m-6.299-5.3A1.93 1.93 0 0 1 9 11q-.825 0-1.412-.588A1.93 1.93 0 0 1 7 9q0-.825.588-1.412A1.93 1.93 0 0 1 9 7q.825 0 1.412.588Q11 8.175 11 9t-.588 1.412m.001 6.001A1.93 1.93 0 0 1 9 17q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 15q0-.825.588-1.412A1.93 1.93 0 0 1 9 13q.825 0 1.412.588Q11 14.175 11 15q0 .824-.588 1.413m12.295-14.12a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L18 5.586l3.293-3.293a1 1 0 0 1 1.414 0"
+        />
+      </svg>
+      What should we order for the party?
+    </legend>
+    <div
+      class="mx_MPollBody_allOptions"
+    >
+      <div
+        class="mx_PollOption mx_PollOption_ended"
+        data-testid="pollOption-pizza"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled"
+        >
+          <input
+            aria-label="Option 1, Pizza, 0 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="pizza"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Pizza
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  0 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_ended"
+        data-testid="pollOption-poutine"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled"
+        >
+          <input
+            aria-label="Option 2, Poutine, 0 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="poutine"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Poutine
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  0 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_ended"
+        data-testid="pollOption-italian"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled"
+        >
+          <input
+            aria-label="Option 3, Italian, 0 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="italian"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Italian
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  0 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_ended"
+        data-testid="pollOption-wings"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled"
+        >
+          <input
+            aria-label="Option 4, Wings, 0 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="wings"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Wings
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  0 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_MPollBody_totalVotes"
+      data-testid="totalVotes"
+    >
+      Final result based on 0 votes
+    </div>
+  </fieldset>
+</div>
+`;
+
+exports[`MPollBody renders a poll that I have not voted in 1`] = `
+<div>
+  <fieldset
+    class="mx_MPollBody"
+  >
+    <legend
+      data-testid="pollQuestion"
+    >
+      <svg
+        aria-label="Poll"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+        />
+      </svg>
+      What should we order for the party?
+    </legend>
+    <div
+      class="mx_MPollBody_allOptions"
+    >
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-pizza"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 1, Pizza"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="pizza"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Pizza
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-poutine"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 2, Poutine"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="poutine"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Poutine
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-italian"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 3, Italian"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="italian"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Italian
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-wings"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 4, Wings"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="wings"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Wings
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_MPollBody_totalVotes"
+      data-testid="totalVotes"
+    >
+      3 votes cast. Vote to see the results
+    </div>
+  </fieldset>
+</div>
+`;
+
+exports[`MPollBody renders a poll with local, non-local and invalid votes 1`] = `
+<div>
+  <fieldset
+    class="mx_MPollBody"
+  >
+    <legend
+      data-testid="pollQuestion"
+    >
+      <svg
+        aria-label="Poll"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+        />
+      </svg>
+      What should we order for the party?
+    </legend>
+    <div
+      class="mx_MPollBody_allOptions"
+    >
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-pizza"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 1, Pizza, 1 vote"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="pizza"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Pizza
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  1 vote
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 20%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-poutine"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 2, Poutine, 0 votes"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="poutine"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Poutine
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  0 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_checked"
+        data-testid="pollOption-italian"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
+        >
+          <input
+            aria-label="Option 3, Italian, 3 votes"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="italian"
+          />
+          <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"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Italian
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  3 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 60%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-wings"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 4, Wings, 1 vote"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="wings"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Wings
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  1 vote
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 20%;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_MPollBody_totalVotes"
+      data-testid="totalVotes"
+    >
+      Based on 5 votes
+    </div>
+  </fieldset>
+</div>
+`;
+
+exports[`MPollBody renders a poll with no votes 1`] = `
+<div>
+  <fieldset
+    class="mx_MPollBody"
+  >
+    <legend
+      data-testid="pollQuestion"
+    >
+      <svg
+        aria-label="Poll"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+        />
+      </svg>
+      What should we order for the party?
+    </legend>
+    <div
+      class="mx_MPollBody_allOptions"
+    >
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-pizza"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 1, Pizza"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="pizza"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Pizza
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-poutine"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 2, Poutine"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="poutine"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Poutine
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-italian"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 3, Italian"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="italian"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Italian
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-wings"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 4, Wings"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="wings"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Wings
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_MPollBody_totalVotes"
+      data-testid="totalVotes"
+    >
+      No votes cast
+    </div>
+  </fieldset>
+</div>
+`;
+
+exports[`MPollBody renders a poll with only non-local votes 1`] = `
+<div>
+  <fieldset
+    class="mx_MPollBody"
+  >
+    <legend
+      data-testid="pollQuestion"
+    >
+      <svg
+        aria-label="Poll"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+        />
+      </svg>
+      What should we order for the party?
+    </legend>
+    <div
+      class="mx_MPollBody_allOptions"
+    >
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-pizza"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 1, Pizza, 0 votes"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="pizza"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Pizza
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  0 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-poutine"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 2, Poutine, 0 votes"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="poutine"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Poutine
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  0 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-italian"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 3, Italian, 2 votes"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="italian"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Italian
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  2 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 67%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_checked"
+        data-testid="pollOption-wings"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
+        >
+          <input
+            aria-label="Option 4, Wings, 1 vote"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="wings"
+          />
+          <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"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Wings
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  1 vote
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 33%;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_MPollBody_totalVotes"
+      data-testid="totalVotes"
+    >
+      Based on 3 votes
+    </div>
+  </fieldset>
+</div>
+`;
+
+exports[`MPollBody renders an undisclosed, finished poll 1`] = `
+<div>
+  <fieldset
+    class="mx_MPollBody"
+  >
+    <legend
+      data-testid="pollQuestion"
+    >
+      <svg
+        aria-label="Poll ended"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M21 10.659V19q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21H5q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h8.341A6 6 0 0 0 13 5H5v14h14v-8a6 6 0 0 0 2-.341"
+        />
+        <path
+          d="M13.803 8a6 6 0 0 0 1.88 2H13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 12 9q0-.424.287-.713A.97.97 0 0 1 13 8zm2.91 7.713A.97.97 0 0 1 16 16h-3a.97.97 0 0 1-.713-.287A.97.97 0 0 1 12 15q0-.424.287-.713A.97.97 0 0 1 13 14h3q.424 0 .712.287.288.288.288.713 0 .424-.288.713m-6.299-5.3A1.93 1.93 0 0 1 9 11q-.825 0-1.412-.588A1.93 1.93 0 0 1 7 9q0-.825.588-1.412A1.93 1.93 0 0 1 9 7q.825 0 1.412.588Q11 8.175 11 9t-.588 1.412m.001 6.001A1.93 1.93 0 0 1 9 17q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 15q0-.825.588-1.412A1.93 1.93 0 0 1 9 13q.825 0 1.412.588Q11 14.175 11 15q0 .824-.588 1.413m12.295-14.12a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L18 5.586l3.293-3.293a1 1 0 0 1 1.414 0"
+        />
+      </svg>
+      What should we order for the party?
+    </legend>
+    <div
+      class="mx_MPollBody_allOptions"
+    >
+      <div
+        class="mx_PollOption mx_PollOption_checked mx_PollOption_ended"
+        data-testid="pollOption-pizza"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled mx_StyledRadioButton_checked"
+        >
+          <input
+            aria-label="Option 1, Pizza, winning option, 2 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="pizza"
+          />
+          <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"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Pizza
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  <div
+                    class="mx_PollOption_winnerIcon"
+                  />
+                  2 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 50%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_ended"
+        data-testid="pollOption-poutine"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled"
+        >
+          <input
+            aria-label="Option 2, Poutine, 0 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="poutine"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Poutine
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  0 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_ended"
+        data-testid="pollOption-italian"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled"
+        >
+          <input
+            aria-label="Option 3, Italian, 0 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="italian"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Italian
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  0 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption mx_PollOption_checked mx_PollOption_ended"
+        data-testid="pollOption-wings"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_disabled mx_StyledRadioButton_checked"
+        >
+          <input
+            aria-label="Option 4, Wings, winning option, 2 votes"
+            disabled=""
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="wings"
+          />
+          <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"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Wings
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                >
+                  <div
+                    class="mx_PollOption_winnerIcon"
+                  />
+                  2 votes
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 50%;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_MPollBody_totalVotes"
+      data-testid="totalVotes"
+    >
+      Final result based on 4 votes
+    </div>
+  </fieldset>
+</div>
+`;
+
+exports[`MPollBody renders an undisclosed, unfinished poll 1`] = `
+<div>
+  <fieldset
+    class="mx_MPollBody"
+  >
+    <legend
+      data-testid="pollQuestion"
+    >
+      <svg
+        aria-label="Poll"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+        />
+      </svg>
+      What should we order for the party?
+    </legend>
+    <div
+      class="mx_MPollBody_allOptions"
+    >
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-pizza"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 1, Pizza"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="pizza"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Pizza
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-poutine"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 2, Poutine"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="poutine"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Poutine
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-italian"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 3, Italian"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="italian"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Italian
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+      <div
+        class="mx_PollOption"
+        data-testid="pollOption-wings"
+      >
+        <label
+          class="mx_StyledRadioButton mx_PollOption_live-option mx_StyledRadioButton_enabled"
+        >
+          <input
+            aria-label="Option 4, Wings"
+            name="poll_answer_select-$mypoll"
+            type="radio"
+            value="wings"
+          />
+          <div>
+            <div />
+          </div>
+          <div
+            class="mx_StyledRadioButton_content"
+          >
+            <div
+              aria-hidden="true"
+            >
+              <div
+                class="mx_PollOption_content"
+              >
+                <div
+                  class="mx_PollOption_optionText"
+                >
+                  Wings
+                </div>
+                <div
+                  class="mx_PollOption_optionVoteCount"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_StyledRadioButton_spacer"
+          />
+        </label>
+        <div
+          class="mx_PollOption_popularityBackground"
+        >
+          <div
+            class="mx_PollOption_popularityAmount"
+            style="width: 0%;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_MPollBody_totalVotes"
+      data-testid="totalVotes"
+    >
+      Results will be visible when the poll is ended
+    </div>
+  </fieldset>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/messages/__snapshots__/RoomPredecessorTile-test.tsx.snap b/apps/web/test/unit-tests/components/views/messages/__snapshots__/RoomPredecessorTile-test.tsx.snap
new file mode 100644
index 00000000000..2565ee90d62
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/__snapshots__/RoomPredecessorTile-test.tsx.snap
@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<RoomPredecessorTile /> Renders as expected 1`] = `
+<DocumentFragment>
+  <div
+    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="_title_sq5fu_34"
+    >
+      This room is a continuation of another conversation.
+    </div>
+    <div
+      class="_subtitle_sq5fu_35"
+    >
+      <a
+        href="https://matrix.to/#/old_room_id/$tombstone_event_id"
+      >
+        Click here to see older messages.
+      </a>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/messages/__snapshots__/TextualBody-test.tsx.snap b/apps/web/test/unit-tests/components/views/messages/__snapshots__/TextualBody-test.tsx.snap
new file mode 100644
index 00000000000..2c691e37f7c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/__snapshots__/TextualBody-test.tsx.snap
@@ -0,0 +1,649 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<TextualBody /> renders formatted m.text correctly italics, bold, underline and strikethrough render as expected 1`] = `
+<div
+  class="mx_EventTile_body markdown-body translate"
+  dir="auto"
+>
+  foo 
+  <em>
+    baz
+  </em>
+   
+  <strong>
+    bar
+  </strong>
+   
+  <del>
+    del
+  </del>
+   
+  <u>
+    u
+  </u>
+</div>
+`;
+
+exports[`<TextualBody /> renders formatted m.text correctly linkification is not applied to code blocks 1`] = `
+<div
+  class="mx_EventTile_body markdown-body translate"
+  dir="auto"
+>
+  <p>
+    Visit 
+    <code>
+      https://matrix.org/
+    </code>
+  </p>
+  
+
+  <div
+    class="mx_EventTile_pre_container"
+  >
+    <pre
+      class="mx_EventTile_collapsedCodeBlock"
+    >
+      <span
+        class="mx_EventTile_lineNumbers"
+      >
+        <span>
+          1
+        </span>
+      </span>
+      <div
+        style="display: contents;"
+      >
+        <code>
+          https://matrix.org/
+
+        </code>
+      </div>
+    </pre>
+    <button
+      aria-labelledby="react-use-id-1"
+      class="_icon-button_1215g_8 mx_EventTile_button mx_EventTile_copyButton"
+      data-kind="primary"
+      role="button"
+      style="--cpd-icon-button-size: 28px; padding: 4px;"
+      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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+          />
+          <path
+            d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+          />
+        </svg>
+      </div>
+    </button>
+  </div>
+  
+
+</div>
+`;
+
+exports[`<TextualBody /> renders formatted m.text correctly pills appear for an MXID permalink 1`] = `
+<div
+  class="mx_EventTile_body markdown-body translate"
+  dir="auto"
+>
+  Chat with 
+  <bdi>
+    <a
+      class="mx_Pill mx_UserPill"
+      href="https://matrix.to/#/@user:example.com"
+    >
+      <span
+        aria-hidden="true"
+        aria-label="Profile picture"
+        class="_avatar_va14e_8 mx_BaseAvatar"
+        data-color="2"
+        data-testid="avatar-img"
+        data-type="round"
+        style="--cpd-avatar-size: 16px;"
+      >
+        <img
+          alt=""
+          class="_image_va14e_43"
+          data-type="round"
+          height="16px"
+          loading="lazy"
+          referrerpolicy="no-referrer"
+          src="mxc://avatar.url/image.png"
+          width="16px"
+        />
+      </span>
+      <span
+        class="mx_Pill_text"
+      >
+        Member
+      </span>
+    </a>
+  </bdi>
+</div>
+`;
+
+exports[`<TextualBody /> renders formatted m.text correctly pills appear for event permalinks without a custom label 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+  >
+    <div
+      class="mx_EventTile_body markdown-body translate"
+      dir="auto"
+    >
+      See this message 
+      <bdi>
+        <a
+          class="mx_Pill mx_EventPill"
+          href="https://matrix.to/#/!ZxbRYPQXDXKGmDnJNg:example.com/$16085560162aNpaH:example.com?via=example.com"
+        >
+          <span
+            aria-hidden="true"
+            aria-label="Avatar"
+            class="_avatar_va14e_8 mx_BaseAvatar"
+            data-color="1"
+            data-testid="avatar-img"
+            data-type="round"
+            style="--cpd-avatar-size: 16px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="16px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="mxc://avatar.url/room.png"
+              width="16px"
+            />
+          </span>
+          <span
+            class="mx_Pill_text"
+          >
+            Message in room name
+          </span>
+        </a>
+      </bdi>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<TextualBody /> renders formatted m.text correctly pills appear for room links with vias 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+  >
+    <div
+      class="mx_EventTile_body markdown-body translate"
+      dir="auto"
+    >
+      A 
+      <bdi>
+        <a
+          class="mx_Pill mx_RoomPill"
+          href="https://matrix.to/#/!ZxbRYPQXDXKGmDnJNg:example.com?via=example.com&via=bob.com"
+        >
+          <span
+            aria-hidden="true"
+            aria-label="Avatar"
+            class="_avatar_va14e_8 mx_BaseAvatar"
+            data-color="1"
+            data-testid="avatar-img"
+            data-type="round"
+            style="--cpd-avatar-size: 16px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="16px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="mxc://avatar.url/room.png"
+              width="16px"
+            />
+          </span>
+          <span
+            class="mx_Pill_text"
+          >
+            room name
+          </span>
+        </a>
+      </bdi>
+       with vias
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<TextualBody /> renders formatted m.text correctly pills do not appear for event permalinks with a custom label 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+  >
+    <div
+      class="mx_EventTile_body markdown-body translate"
+      dir="auto"
+    >
+      An 
+      <a
+        href="https://matrix.to/#/!ZxbRYPQXDXKGmDnJNg:example.com/$16085560162aNpaH:example.com?via=example.com"
+        rel="noreferrer noopener"
+      >
+        event link
+      </a>
+       with text
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<TextualBody /> renders formatted m.text correctly pills do not appear in code blocks 1`] = `
+<div
+  class="mx_EventTile_body markdown-body translate"
+  dir="auto"
+>
+  <p>
+    <code>
+      @room
+    </code>
+  </p>
+  
+
+  <div
+    class="mx_EventTile_pre_container"
+  >
+    <pre
+      class="mx_EventTile_collapsedCodeBlock"
+    >
+      <span
+        class="mx_EventTile_lineNumbers"
+      >
+        <span>
+          1
+        </span>
+      </span>
+      <div
+        style="display: contents;"
+      >
+        <code>
+          @room
+
+        </code>
+      </div>
+    </pre>
+    <button
+      aria-labelledby="react-use-id-1"
+      class="_icon-button_1215g_8 mx_EventTile_button mx_EventTile_copyButton"
+      data-kind="primary"
+      role="button"
+      style="--cpd-icon-button-size: 28px; padding: 4px;"
+      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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+          />
+          <path
+            d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+          />
+        </svg>
+      </div>
+    </button>
+  </div>
+  
+
+</div>
+`;
+
+exports[`<TextualBody /> renders formatted m.text correctly pills get injected correctly into the DOM 1`] = `
+<div
+  class="mx_EventTile_body markdown-body translate"
+  dir="auto"
+>
+  Hey 
+  <bdi>
+    <a
+      class="mx_Pill mx_UserPill"
+      href="https://matrix.to/#/@user:server"
+    >
+      <span
+        aria-hidden="true"
+        aria-label="Profile picture"
+        class="_avatar_va14e_8 mx_BaseAvatar"
+        data-color="2"
+        data-testid="avatar-img"
+        data-type="round"
+        style="--cpd-avatar-size: 16px;"
+      >
+        <img
+          alt=""
+          class="_image_va14e_43"
+          data-type="round"
+          height="16px"
+          loading="lazy"
+          referrerpolicy="no-referrer"
+          src="mxc://avatar.url/image.png"
+          width="16px"
+        />
+      </span>
+      <span
+        class="mx_Pill_text"
+      >
+        Member
+      </span>
+    </a>
+  </bdi>
+</div>
+`;
+
+exports[`<TextualBody /> renders formatted m.text correctly renders formatted body without html correctly 1`] = `
+<div
+  class="mx_EventTile_body translate"
+  dir="auto"
+>
+  escaped *markdown*
+</div>
+`;
+
+exports[`<TextualBody /> renders formatted m.text correctly should syntax highlight code blocks 1`] = `
+<div
+  class="mx_EventTile_body markdown-body translate"
+  dir="auto"
+>
+  <div
+    class="mx_EventTile_pre_container"
+  >
+    <pre
+      class="mx_EventTile_collapsedCodeBlock"
+    >
+      <span
+        class="mx_EventTile_lineNumbers"
+      >
+        <span>
+          1
+        </span>
+        <span>
+          2
+        </span>
+        <span>
+          3
+        </span>
+        <span>
+          4
+        </span>
+        <span>
+          5
+        </span>
+        <span>
+          6
+        </span>
+        <span>
+          7
+        </span>
+        <span>
+          8
+        </span>
+        <span>
+          9
+        </span>
+        <span>
+          10
+        </span>
+      </span>
+      <div
+        style="display: contents;"
+      >
+        <code
+          class="language-py"
+        >
+          <span
+            class="hljs-comment"
+          >
+            # Python Program to calculate the square root
+          </span>
+          
+
+
+          <span
+            class="hljs-comment"
+          >
+            # Note: change this value for a different result
+          </span>
+          
+num = 
+          <span
+            class="hljs-number"
+          >
+            8
+          </span>
+           
+
+
+          <span
+            class="hljs-comment"
+          >
+            # To take the input from the user
+          </span>
+          
+
+          <span
+            class="hljs-comment"
+          >
+            #num = float(input('Enter a number: '))
+          </span>
+          
+
+num_sqrt = num ** 
+          <span
+            class="hljs-number"
+          >
+            0.5
+          </span>
+          
+
+          <span
+            class="hljs-built_in"
+          >
+            print
+          </span>
+          (
+          <span
+            class="hljs-string"
+          >
+            'The square root of %0.3f is %0.3f'
+          </span>
+          %(num ,num_sqrt))
+
+        </code>
+      </div>
+    </pre>
+    <button
+      aria-label="Expand"
+      class="mx_AccessibleButton mx_EventTile_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="M21 3.997a1 1 0 0 0-.29-.702l-.005-.004A1 1 0 0 0 20 3h-8a1 1 0 1 0 0 2h5.586L5 17.586V12a1 1 0 1 0-2 0v8.003a1 1 0 0 0 .29.702l.005.004c.18.18.43.291.705.291h8a1 1 0 1 0 0-2H6.414L19 6.414V12a1 1 0 1 0 2 0z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-labelledby="react-use-id-1"
+      class="_icon-button_1215g_8 mx_EventTile_button mx_EventTile_copyButton mx_EventTile_buttonBottom"
+      data-kind="primary"
+      role="button"
+      style="--cpd-icon-button-size: 28px; padding: 4px;"
+      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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+          />
+          <path
+            d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+          />
+        </svg>
+      </div>
+    </button>
+  </div>
+  
+
+</div>
+`;
+
+exports[`<TextualBody /> renders formatted m.text correctly spoilers get injected properly into the DOM 1`] = `
+<div
+  class="mx_EventTile_body markdown-body translate"
+  dir="auto"
+>
+  Hey 
+  <button
+    class="mx_EventTile_spoiler"
+    type="button"
+  >
+    <span
+      class="mx_EventTile_spoiler_reason"
+    >
+      (movie)
+    </span>
+     
+    <span
+      class="mx_EventTile_spoiler_content"
+    >
+      the movie was awesome
+    </span>
+  </button>
+</div>
+`;
+
+exports[`<TextualBody /> renders m.emote correctly 1`] = `
+<span
+  class="mx_EventTile_body translate"
+>
+  winks
+</span>
+`;
+
+exports[`<TextualBody /> renders m.notice correctly 1`] = `
+<div
+  class="mx_EventTile_body translate"
+  dir="auto"
+>
+  this is a notice, probably from a bot
+</div>
+`;
+
+exports[`<TextualBody /> renders plain-text m.text correctly linkification get applied correctly into the DOM 1`] = `
+<div
+  class="mx_EventTile_body translate"
+  dir="auto"
+>
+  Visit 
+  <a
+    data-linkified="true"
+    href="https://matrix.org/"
+    rel="noreferrer noopener"
+    target="_blank"
+  >
+    https://matrix.org/
+  </a>
+</div>
+`;
+
+exports[`<TextualBody /> renders plain-text m.text correctly should not pillify MXIDs 1`] = `"Chat with <a href="https://matrix.to/#/@user:example.com" rel="noreferrer noopener" data-linkified="true">@user:example.com</a>"`;
+
+exports[`<TextualBody /> renders plain-text m.text correctly should not pillify room aliases 1`] = `"Visit <a href="https://matrix.to/#/#room:example.com" rel="noreferrer noopener" data-linkified="true">#room:example.com</a>"`;
+
+exports[`<TextualBody /> renders plain-text m.text correctly should pillify a keyword responsible for triggering a notification 1`] = `"foo <bdi><span tabindex="0"><span class="mx_Pill mx_KeywordPill"><span class="mx_Pill_text">bar</span></span></span></bdi> baz"`;
+
+exports[`<TextualBody /> renders plain-text m.text correctly should pillify a permalink to a message in the same room with the label »Message from Member« 1`] = `"Visit <bdi><a class="mx_Pill mx_EventPill" href="https://matrix.to/#/!room1:example.com/%event_id%"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_va14e_8 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" referrerpolicy="no-referrer" class="_image_va14e_43" data-type="round" width="16px" height="16px" src="mxc://avatar.url/image.png"></span><span class="mx_Pill_text">Message from Member</span></a></bdi>"`;
+
+exports[`<TextualBody /> renders plain-text m.text correctly should pillify a permalink to an event in another room with the label »Message in Room 2« 1`] = `"Visit <bdi><a class="mx_Pill mx_EventPill" href="https://matrix.to/#/!room2:example.com/%event_id%"><span aria-label="Avatar" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_va14e_8 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" referrerpolicy="no-referrer" class="_image_va14e_43" data-type="round" width="16px" height="16px" src="mxc://avatar.url/room.png"></span><span class="mx_Pill_text">Message in Room 2</span></a></bdi>"`;
+
+exports[`<TextualBody /> renders plain-text m.text correctly should pillify a permalink to an unknown message in the same room with the label »Message« 1`] = `
+<div
+  class="mx_EventTile_body translate"
+  dir="auto"
+>
+  Visit 
+  <bdi>
+    <a
+      class="mx_Pill mx_EventPill"
+      href="https://matrix.to/#/!room1:example.com/!abc123"
+    >
+      <svg
+        class="mx_Pill_LinkIcon mx_BaseAvatar"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+        />
+      </svg>
+      <span
+        class="mx_Pill_text"
+      >
+        Message
+      </span>
+    </a>
+  </bdi>
+</div>
+`;
+
+exports[`<TextualBody /> renders plain-text m.text correctly should pillify a room alias permalink 1`] = `"Visit <bdi><a class="mx_Pill mx_RoomPill" href="https://matrix.to/#/#room:example.com"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 24 24" class="mx_Pill_LinkIcon mx_BaseAvatar"><path d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"></path></svg><span class="mx_Pill_text">#room:example.com</span></a></bdi>"`;
+
+exports[`<TextualBody /> renders plain-text m.text correctly should pillify an MXID permalink 1`] = `"Chat with <bdi><a class="mx_Pill mx_UserPill mx_UserPill_me" href="https://matrix.to/#/@user:example.com"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_va14e_8 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" referrerpolicy="no-referrer" class="_image_va14e_43" data-type="round" width="16px" height="16px" src="mxc://avatar.url/image.png"></span><span class="mx_Pill_text">Member</span></a></bdi>"`;
+
+exports[`<TextualBody /> renders plain-text m.text correctly simple message renders as expected 1`] = `
+<div
+  class="mx_EventTile_body translate"
+  dir="auto"
+>
+  this is a plaintext message
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/messages/shared/MediaProcessingError-test.tsx b/apps/web/test/unit-tests/components/views/messages/shared/MediaProcessingError-test.tsx
new file mode 100644
index 00000000000..dba0f28fa75
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/shared/MediaProcessingError-test.tsx
@@ -0,0 +1,25 @@
+/*
+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 MediaProcessingError from "../../../../../../src/components/views/messages/shared/MediaProcessingError";
+
+describe("<MediaProcessingError />", () => {
+    const defaultProps = {
+        className: "test-classname",
+        children: "Something went wrong",
+    };
+    const getComponent = (props = {}) => render(<MediaProcessingError {...defaultProps} {...props} />);
+
+    it("renders", () => {
+        const { container } = getComponent();
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/messages/shared/__snapshots__/MediaProcessingError-test.tsx.snap b/apps/web/test/unit-tests/components/views/messages/shared/__snapshots__/MediaProcessingError-test.tsx.snap
new file mode 100644
index 00000000000..dd5c67cbf16
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/messages/shared/__snapshots__/MediaProcessingError-test.tsx.snap
@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<MediaProcessingError /> renders 1`] = `
+<div>
+  <span
+    class="test-classname"
+  >
+    <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/apps/web/test/unit-tests/components/views/polls/pollHistory/PollHistory-test.tsx b/apps/web/test/unit-tests/components/views/polls/pollHistory/PollHistory-test.tsx
new file mode 100644
index 00000000000..05ad7c3e33a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/polls/pollHistory/PollHistory-test.tsx
@@ -0,0 +1,436 @@
+/*
+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 { fireEvent, render } from "jest-matrix-react";
+import { Filter, EventTimeline, Room, type MatrixEvent, M_POLL_START } from "matrix-js-sdk/src/matrix";
+
+import { PollHistory } from "../../../../../../src/components/views/polls/pollHistory/PollHistory";
+import {
+    flushPromises,
+    getMockClientWithEventEmitter,
+    makePollEndEvent,
+    makePollStartEvent,
+    mockClientMethodsRooms,
+    mockClientMethodsUser,
+    mockIntlDateTimeFormat,
+    setupRoomWithPollEvents,
+    unmockIntlDateTimeFormat,
+} from "../../../../../test-utils";
+import { RoomPermalinkCreator } from "../../../../../../src/utils/permalinks/Permalinks";
+import defaultDispatcher from "../../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../../src/dispatcher/actions";
+import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
+
+describe("<PollHistory />", () => {
+    // 14.03.2022 16:15
+    const now = 1647270879403;
+    const userId = "@alice:domain.org";
+    const roomId = "!room:domain.org";
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        ...mockClientMethodsRooms([]),
+        relations: jest.fn(),
+        decryptEventIfNeeded: jest.fn(),
+        getOrCreateFilter: jest.fn(),
+        paginateEventTimeline: jest.fn(),
+    });
+    let room = new Room(roomId, mockClient, userId);
+
+    const expectedFilter = new Filter(userId);
+    expectedFilter.setDefinition({
+        room: {
+            timeline: {
+                types: [M_POLL_START.name, M_POLL_START.altName],
+            },
+        },
+    });
+
+    const defaultProps = {
+        room,
+        matrixClient: mockClient,
+        permalinkCreator: new RoomPermalinkCreator(room),
+        onFinished: jest.fn(),
+    };
+    const getComponent = () =>
+        render(<PollHistory {...defaultProps} />, {
+            wrapper: ({ children }) => (
+                <MatrixClientContext.Provider value={mockClient}>{children}</MatrixClientContext.Provider>
+            ),
+        });
+
+    beforeAll(() => {
+        mockIntlDateTimeFormat();
+    });
+
+    beforeEach(() => {
+        room = new Room(roomId, mockClient, userId);
+        mockClient.getRoom.mockReturnValue(room);
+        defaultProps.room = room;
+        mockClient.relations.mockResolvedValue({ events: [] });
+        const timeline = room.getLiveTimeline();
+        jest.spyOn(timeline, "getEvents").mockReturnValue([]);
+        jest.spyOn(defaultDispatcher, "dispatch").mockClear();
+        defaultProps.onFinished.mockClear();
+        jest.spyOn(room, "getOrCreateFilteredTimelineSet");
+        mockClient.getOrCreateFilter.mockResolvedValue(expectedFilter.filterId!);
+        mockClient.paginateEventTimeline.mockReset().mockResolvedValue(false);
+
+        jest.spyOn(Date, "now").mockReturnValue(now);
+    });
+
+    afterAll(() => {
+        unmockIntlDateTimeFormat();
+    });
+
+    it("throws when room is not found", () => {
+        mockClient.getRoom.mockReturnValue(null);
+
+        expect(() => getComponent()).toThrow("Cannot find room");
+    });
+
+    it("renders a loading message while poll history is fetched", async () => {
+        const timelineSet = room.getOrCreateFilteredTimelineSet(expectedFilter);
+        const liveTimeline = timelineSet.getLiveTimeline();
+        jest.spyOn(liveTimeline, "getPaginationToken").mockReturnValueOnce("test-pagination-token");
+
+        const { queryByText, getByText } = getComponent();
+
+        expect(mockClient.getOrCreateFilter).toHaveBeenCalledWith(
+            `POLL_HISTORY_FILTER_${room.roomId}}`,
+            expectedFilter,
+        );
+        // no results not shown until loading finished
+        expect(queryByText("There are no active polls in this room")).not.toBeInTheDocument();
+        expect(getByText("Loading polls")).toBeInTheDocument();
+
+        // flush filter creation request
+        await flushPromises();
+
+        expect(liveTimeline.getPaginationToken).toHaveBeenCalledWith(EventTimeline.BACKWARDS);
+        expect(mockClient.paginateEventTimeline).toHaveBeenCalledWith(liveTimeline, { backwards: true });
+        // only one page
+        expect(mockClient.paginateEventTimeline).toHaveBeenCalledTimes(1);
+
+        // finished loading
+        expect(queryByText("Loading polls")).not.toBeInTheDocument();
+        expect(getByText("There are no active polls in this room")).toBeInTheDocument();
+    });
+
+    it("fetches poll history until end of timeline is reached while within time limit", async () => {
+        const timelineSet = room.getOrCreateFilteredTimelineSet(expectedFilter);
+        const liveTimeline = timelineSet.getLiveTimeline();
+
+        // mock three pages of timeline history
+        jest.spyOn(liveTimeline, "getPaginationToken")
+            .mockReturnValueOnce("test-pagination-token-1")
+            .mockReturnValueOnce("test-pagination-token-2")
+            .mockReturnValueOnce("test-pagination-token-3");
+
+        const { queryByText, getByText } = getComponent();
+
+        expect(mockClient.getOrCreateFilter).toHaveBeenCalledWith(
+            `POLL_HISTORY_FILTER_${room.roomId}}`,
+            expectedFilter,
+        );
+
+        // flush filter creation request
+        await flushPromises();
+        // once per page
+        expect(mockClient.paginateEventTimeline).toHaveBeenCalledTimes(3);
+
+        // finished loading
+        expect(queryByText("Loading polls")).not.toBeInTheDocument();
+        expect(getByText("There are no active polls in this room")).toBeInTheDocument();
+    });
+
+    it("fetches poll history until event older than history period is reached", async () => {
+        const timelineSet = room.getOrCreateFilteredTimelineSet(expectedFilter);
+        const liveTimeline = timelineSet.getLiveTimeline();
+        const thirtyOneDaysAgoTs = now - 60000 * 60 * 24 * 31;
+
+        jest.spyOn(liveTimeline, "getEvents")
+            .mockReturnValueOnce([])
+            .mockReturnValueOnce([makePollStartEvent("Question?", userId, undefined, { ts: thirtyOneDaysAgoTs })]);
+
+        // mock three pages of timeline history
+        jest.spyOn(liveTimeline, "getPaginationToken")
+            .mockReturnValueOnce("test-pagination-token-1")
+            .mockReturnValueOnce("test-pagination-token-2")
+            .mockReturnValueOnce("test-pagination-token-3");
+
+        getComponent();
+
+        // flush filter creation request
+        await flushPromises();
+        // after first fetch the time limit is reached
+        // stop paging
+        expect(mockClient.paginateEventTimeline).toHaveBeenCalledTimes(1);
+    });
+
+    it("renders a no polls message when there are no active polls in the room", async () => {
+        const { getByText } = getComponent();
+        await flushPromises();
+
+        expect(getByText("There are no active polls in this room")).toBeTruthy();
+    });
+
+    it("renders a no polls message and a load more button when not at end of timeline", async () => {
+        const timelineSet = room.getOrCreateFilteredTimelineSet(expectedFilter);
+        const liveTimeline = timelineSet.getLiveTimeline();
+        const fourtyDaysAgoTs = now - 60000 * 60 * 24 * 40;
+        const pollStart = makePollStartEvent("Question?", userId, undefined, { ts: fourtyDaysAgoTs, id: "1" });
+
+        jest.spyOn(liveTimeline, "getEvents")
+            .mockReset()
+            .mockReturnValueOnce([])
+            .mockReturnValueOnce([pollStart])
+            .mockReturnValue(undefined as unknown as MatrixEvent[]);
+
+        // mock three pages of timeline history
+        jest.spyOn(liveTimeline, "getPaginationToken")
+            .mockReturnValueOnce("test-pagination-token-1")
+            .mockReturnValueOnce("test-pagination-token-2")
+            .mockReturnValueOnce("test-pagination-token-3");
+
+        const { getByText } = getComponent();
+        await flushPromises();
+
+        expect(mockClient.paginateEventTimeline).toHaveBeenCalledTimes(1);
+
+        expect(getByText("There are no active polls. Load more polls to view polls for previous months")).toBeTruthy();
+
+        fireEvent.click(getByText("Load more polls"));
+
+        // paged again
+        expect(mockClient.paginateEventTimeline).toHaveBeenCalledTimes(2);
+        // load more polls button still in UI, with loader
+        expect(getByText("Load more polls")).toMatchSnapshot();
+
+        await flushPromises();
+
+        // no more spinner
+        expect(getByText("Load more polls")).toMatchSnapshot();
+    });
+
+    it("renders a no past polls message when there are no past polls in the room", async () => {
+        const { getByText } = getComponent();
+        await flushPromises();
+
+        fireEvent.click(getByText("Past polls"));
+
+        expect(getByText("There are no past polls in this room")).toBeTruthy();
+    });
+
+    it("renders a list of active polls when there are polls in the room", async () => {
+        const timestamp = 1675300825090;
+        const pollStart1 = makePollStartEvent("Question?", userId, undefined, { ts: timestamp, id: "$1" });
+        const pollStart2 = makePollStartEvent("Where?", userId, undefined, { ts: timestamp + 10000, id: "$2" });
+        const pollStart3 = makePollStartEvent("What?", userId, undefined, { ts: timestamp + 70000, id: "$3" });
+        const pollEnd3 = makePollEndEvent(pollStart3.getId()!, roomId, userId, timestamp + 1);
+        await setupRoomWithPollEvents([pollStart2, pollStart3, pollStart1], [], [pollEnd3], mockClient, room);
+
+        const { container, queryByText, getByTestId } = getComponent();
+
+        // flush relations calls for polls
+        await flushPromises();
+
+        expect(getByTestId("filter-tab-PollHistory_filter-ACTIVE").firstElementChild).toBeChecked();
+
+        expect(container).toMatchSnapshot();
+        // this poll is ended, and default filter is ACTIVE
+        expect(queryByText("What?")).not.toBeInTheDocument();
+    });
+
+    it("updates when new polls are added to the room", async () => {
+        const timestamp = 1675300825090;
+        const pollStart1 = makePollStartEvent("Question?", userId, undefined, { ts: timestamp, id: "$1" });
+        const pollStart2 = makePollStartEvent("Where?", userId, undefined, { ts: timestamp + 10000, id: "$2" });
+        // initially room has only one poll
+        await setupRoomWithPollEvents([pollStart1], [], [], mockClient, room);
+
+        const { getByText } = getComponent();
+
+        // wait for relations
+        await flushPromises();
+
+        expect(getByText("Question?")).toBeInTheDocument();
+
+        // add another poll
+        // paged history requests using cli.paginateEventTimeline
+        // call this with new events
+        await room.processPollEvents([pollStart2]);
+        // await relations for new poll
+        await flushPromises();
+
+        expect(getByText("Question?")).toBeInTheDocument();
+        // list updated to include new poll
+        expect(getByText("Where?")).toBeInTheDocument();
+    });
+
+    it("filters ended polls", async () => {
+        const pollStart1 = makePollStartEvent("Question?", userId, undefined, { ts: 1675300825090, id: "$1" });
+        const pollStart2 = makePollStartEvent("Where?", userId, undefined, { ts: 1675300725090, id: "$2" });
+        const pollStart3 = makePollStartEvent("What?", userId, undefined, { ts: 1675200725090, id: "$3" });
+        const pollEnd3 = makePollEndEvent(pollStart3.getId()!, roomId, userId, 1675200725090 + 1);
+        await setupRoomWithPollEvents([pollStart1, pollStart2, pollStart3], [], [pollEnd3], mockClient, room);
+
+        const { getByText, queryByText, getByTestId } = getComponent();
+        await flushPromises();
+
+        expect(getByText("Question?")).toBeInTheDocument();
+        expect(getByText("Where?")).toBeInTheDocument();
+        // this poll is ended, and default filter is ACTIVE
+        expect(queryByText("What?")).not.toBeInTheDocument();
+
+        fireEvent.click(getByText("Past polls"));
+        expect(getByTestId("filter-tab-PollHistory_filter-ENDED").firstElementChild).toBeChecked();
+
+        // active polls no longer shown
+        expect(queryByText("Question?")).not.toBeInTheDocument();
+        expect(queryByText("Where?")).not.toBeInTheDocument();
+        // this poll is ended
+        expect(getByText("What?")).toBeInTheDocument();
+    });
+
+    describe("Poll detail", () => {
+        const timestamp = 1675300825090;
+        const pollStart1 = makePollStartEvent("Question?", userId, undefined, { ts: timestamp, id: "$1" });
+        const pollStart2 = makePollStartEvent("Where?", userId, undefined, { ts: timestamp + 10000, id: "$2" });
+        const pollStart3 = makePollStartEvent("What?", userId, undefined, { ts: timestamp + 70000, id: "$3" });
+        const pollEnd3 = makePollEndEvent(pollStart3.getId()!, roomId, userId, timestamp + 1, "$4");
+
+        it("displays poll detail on active poll list item click", async () => {
+            await setupRoomWithPollEvents([pollStart1, pollStart2, pollStart3], [], [pollEnd3], mockClient, room);
+
+            const { getByText, queryByText } = getComponent();
+            await flushPromises();
+
+            fireEvent.click(getByText("Question?"));
+
+            expect(queryByText("Polls")).not.toBeInTheDocument();
+            // elements from MPollBody
+            expect(getByText("Question?")).toMatchSnapshot();
+            expect(getByText("Socks")).toBeInTheDocument();
+            expect(getByText("Shoes")).toBeInTheDocument();
+        });
+
+        it("links to the poll start event from an active poll detail", async () => {
+            await setupRoomWithPollEvents([pollStart1, pollStart2, pollStart3], [], [pollEnd3], mockClient, room);
+
+            const { getByText } = getComponent();
+            await flushPromises();
+
+            fireEvent.click(getByText("Question?"));
+
+            // links to poll start event
+            expect(getByText("View poll in timeline").getAttribute("href")).toBe(
+                `https://matrix.to/#/!room:domain.org/${pollStart1.getId()!}`,
+            );
+        });
+
+        it("navigates in app when clicking view in timeline button", async () => {
+            await setupRoomWithPollEvents([pollStart1, pollStart2, pollStart3], [], [pollEnd3], mockClient, room);
+
+            const { getByText } = getComponent();
+            await flushPromises();
+
+            fireEvent.click(getByText("Question?"));
+
+            const event = new MouseEvent("click", { bubbles: true, cancelable: true });
+            jest.spyOn(event, "preventDefault");
+            fireEvent(getByText("View poll in timeline"), event);
+
+            expect(event.preventDefault).toHaveBeenCalled();
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                event_id: pollStart1.getId()!,
+                highlighted: true,
+                metricsTrigger: undefined,
+                room_id: pollStart1.getRoomId()!,
+            });
+
+            // dialog closed
+            expect(defaultProps.onFinished).toHaveBeenCalled();
+        });
+
+        it("doesnt navigate in app when view in timeline link is ctrl + clicked", async () => {
+            await setupRoomWithPollEvents([pollStart1, pollStart2, pollStart3], [], [pollEnd3], mockClient, room);
+
+            const { getByText } = getComponent();
+            await flushPromises();
+
+            fireEvent.click(getByText("Question?"));
+
+            const event = new MouseEvent("click", { bubbles: true, cancelable: true, ctrlKey: true });
+            jest.spyOn(event, "preventDefault");
+            fireEvent(getByText("View poll in timeline"), event);
+
+            expect(event.preventDefault).not.toHaveBeenCalled();
+            expect(defaultDispatcher.dispatch).not.toHaveBeenCalled();
+            expect(defaultProps.onFinished).not.toHaveBeenCalled();
+        });
+
+        it("navigates back to poll list from detail view on header click", async () => {
+            await setupRoomWithPollEvents([pollStart1, pollStart2, pollStart3], [], [pollEnd3], mockClient, room);
+
+            const { getByText, queryByText, getByTestId, container } = getComponent();
+            await flushPromises();
+
+            fireEvent.click(getByText("Question?"));
+
+            // detail view
+            expect(getByText("Question?")).toBeInTheDocument();
+
+            // header not shown
+            expect(queryByText("Polls")).not.toBeInTheDocument();
+
+            expect(getByText("Active polls")).toMatchSnapshot();
+            fireEvent.click(getByText("Active polls"));
+
+            // main list header displayed again
+            expect(getByText("Polls")).toBeInTheDocument();
+            // active filter still active
+            expect(getByTestId("filter-tab-PollHistory_filter-ACTIVE").firstElementChild).toBeChecked();
+            // list displayed
+            expect(container.getElementsByClassName("mx_PollHistoryList_list").length).toBeTruthy();
+        });
+
+        it("displays poll detail on past poll list item click", async () => {
+            await setupRoomWithPollEvents([pollStart1, pollStart2, pollStart3], [], [pollEnd3], mockClient, room);
+
+            const { getByText } = getComponent();
+            await flushPromises();
+
+            fireEvent.click(getByText("Past polls"));
+
+            // pollStart3 is ended
+            fireEvent.click(getByText("What?"));
+
+            expect(getByText("What?")).toMatchSnapshot();
+        });
+
+        it("links to the poll end events from a ended poll detail", async () => {
+            await setupRoomWithPollEvents([pollStart1, pollStart2, pollStart3], [], [pollEnd3], mockClient, room);
+
+            const { getByText } = getComponent();
+            await flushPromises();
+
+            fireEvent.click(getByText("Past polls"));
+
+            // pollStart3 is ended
+            fireEvent.click(getByText("What?"));
+
+            // links to poll end event
+            expect(getByText("View poll in timeline").getAttribute("href")).toBe(
+                `https://matrix.to/#/!room:domain.org/${pollEnd3.getId()!}`,
+            );
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/polls/pollHistory/PollListItem-test.tsx b/apps/web/test/unit-tests/components/views/polls/pollHistory/PollListItem-test.tsx
new file mode 100644
index 00000000000..0bbacf9400b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/polls/pollHistory/PollListItem-test.tsx
@@ -0,0 +1,53 @@
+/*
+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 { fireEvent, render } from "jest-matrix-react";
+import { MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { PollListItem } from "../../../../../../src/components/views/polls/pollHistory/PollListItem";
+import { makePollStartEvent, mockIntlDateTimeFormat, unmockIntlDateTimeFormat } from "../../../../../test-utils";
+
+describe("<PollListItem />", () => {
+    const event = makePollStartEvent("Question?", "@me:domain.org");
+    const defaultProps = { event, onClick: jest.fn() };
+    const getComponent = (props = {}) => render(<PollListItem {...defaultProps} {...props} />);
+
+    beforeAll(() => {
+        // mock default locale to en-GB and set timezone
+        // so these tests run the same everywhere
+        mockIntlDateTimeFormat();
+    });
+
+    afterAll(() => {
+        unmockIntlDateTimeFormat();
+    });
+
+    it("renders a poll", () => {
+        const { container } = getComponent();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders null when event does not have an extensible poll start event", () => {
+        const event = new MatrixEvent({
+            type: "m.room.message",
+            content: {},
+        });
+        const { container } = getComponent({ event });
+        expect(container.firstElementChild).toBeFalsy();
+    });
+
+    it("calls onClick handler on click", () => {
+        const onClick = jest.fn();
+        const { getByText } = getComponent({ onClick });
+
+        fireEvent.click(getByText("Question?"));
+
+        expect(onClick).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/polls/pollHistory/PollListItemEnded-test.tsx b/apps/web/test/unit-tests/components/views/polls/pollHistory/PollListItemEnded-test.tsx
new file mode 100644
index 00000000000..99110933566
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/polls/pollHistory/PollListItemEnded-test.tsx
@@ -0,0 +1,211 @@
+/*
+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, type Poll, Room, M_TEXT } from "matrix-js-sdk/src/matrix";
+
+import { PollListItemEnded } from "../../../../../../src/components/views/polls/pollHistory/PollListItemEnded";
+import {
+    getMockClientWithEventEmitter,
+    makePollEndEvent,
+    makePollResponseEvent,
+    makePollStartEvent,
+    mockClientMethodsUser,
+    mockIntlDateTimeFormat,
+    setupRoomWithPollEvents,
+    unmockIntlDateTimeFormat,
+} from "../../../../../test-utils";
+
+describe("<PollListItemEnded />", () => {
+    const userId = "@alice:domain.org";
+    const roomId = "!room:domain.org";
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        getRoom: jest.fn(),
+        relations: jest.fn(),
+        decryptEventIfNeeded: jest.fn(),
+    });
+    const room = new Room(roomId, mockClient, userId);
+    const timestamp = 1675300825090;
+
+    const pollId = "1";
+    const answerOne = {
+        id: "answerOneId",
+        [M_TEXT.name]: "Nissan Silvia S15",
+    };
+    const answerTwo = {
+        id: "answerTwoId",
+        [M_TEXT.name]: "Mitsubishi Lancer Evolution IX",
+    };
+    const pollStartEvent = makePollStartEvent("Question?", userId, [answerOne, answerTwo], {
+        roomId,
+        id: pollId,
+        ts: timestamp,
+    });
+    const pollEndEvent = makePollEndEvent(pollId, roomId, userId, timestamp + 60000);
+
+    const getComponent = (props: { event: MatrixEvent; poll: Poll }) =>
+        render(<PollListItemEnded {...props} onClick={jest.fn()} />);
+
+    beforeAll(() => {
+        // mock default locale to en-GB and set timezone
+        // so these tests run the same everywhere
+        mockIntlDateTimeFormat();
+    });
+
+    afterAll(() => {
+        unmockIntlDateTimeFormat();
+    });
+
+    it("renders a poll with no responses", async () => {
+        await setupRoomWithPollEvents([pollStartEvent], [], [pollEndEvent], mockClient, room);
+        const poll = room.polls.get(pollId)!;
+
+        const { container } = getComponent({ event: pollStartEvent, poll });
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a poll with one winning answer", async () => {
+        const responses = [
+            makePollResponseEvent(pollId, [answerOne.id], userId, roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerOne.id], "@bob:domain.org", roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerTwo.id], "@charlie:domain.org", roomId, timestamp + 1),
+        ];
+        await setupRoomWithPollEvents([pollStartEvent], responses, [pollEndEvent], mockClient, room);
+        const poll = room.polls.get(pollId)!;
+
+        const { getByText, findByText } = getComponent({ event: pollStartEvent, poll });
+        await expect(findByText("Final result based on 3 votes")).resolves.toBeInTheDocument();
+        // winning answer
+        expect(getByText("Nissan Silvia S15")).toBeInTheDocument();
+    });
+
+    it("renders a poll with two winning answers", async () => {
+        const responses = [
+            makePollResponseEvent(pollId, [answerOne.id], userId, roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerOne.id], "@han:domain.org", roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerTwo.id], "@sean:domain.org", roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerTwo.id], "@dk:domain.org", roomId, timestamp + 1),
+        ];
+        await setupRoomWithPollEvents([pollStartEvent], responses, [pollEndEvent], mockClient, room);
+        const poll = room.polls.get(pollId)!;
+
+        const { getByText, findByText } = getComponent({ event: pollStartEvent, poll });
+        await expect(findByText("Final result based on 4 votes")).resolves.toBeInTheDocument();
+        // both answers answer
+        expect(getByText("Nissan Silvia S15")).toBeInTheDocument();
+        expect(getByText("Mitsubishi Lancer Evolution IX")).toBeInTheDocument();
+    });
+
+    it("counts one unique vote per user", async () => {
+        const responses = [
+            makePollResponseEvent(pollId, [answerTwo.id], userId, roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerTwo.id], userId, roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerTwo.id], userId, roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerOne.id], userId, roomId, timestamp + 2),
+            makePollResponseEvent(pollId, [answerOne.id], "@bob:domain.org", roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerTwo.id], "@charlie:domain.org", roomId, timestamp + 1),
+        ];
+        await setupRoomWithPollEvents([pollStartEvent], responses, [pollEndEvent], mockClient, room);
+        const poll = room.polls.get(pollId)!;
+
+        const { getByText, findByText } = getComponent({ event: pollStartEvent, poll });
+
+        // still only 3 unique votes
+        await expect(findByText("Final result based on 3 votes")).resolves.toBeInTheDocument();
+        // only latest vote counted
+        expect(getByText("Nissan Silvia S15")).toBeInTheDocument();
+    });
+
+    it("excludes malformed responses", async () => {
+        const responses = [
+            makePollResponseEvent(pollId, ["bad-answer-id"], userId, roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerOne.id], "@bob:domain.org", roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerTwo.id], "@charlie:domain.org", roomId, timestamp + 1),
+        ];
+        await setupRoomWithPollEvents([pollStartEvent], responses, [pollEndEvent], mockClient, room);
+        const poll = room.polls.get(pollId)!;
+
+        const { findByText } = getComponent({ event: pollStartEvent, poll });
+
+        // invalid vote excluded
+        await expect(findByText("Final result based on 2 votes")).resolves.toBeInTheDocument();
+    });
+
+    it("updates on new responses", async () => {
+        const responses = [
+            makePollResponseEvent(pollId, [answerOne.id], "@bob:domain.org", roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerTwo.id], "@charlie:domain.org", roomId, timestamp + 1),
+        ];
+        await setupRoomWithPollEvents([pollStartEvent], responses, [pollEndEvent], mockClient, room);
+        const poll = room.polls.get(pollId)!;
+
+        const { getByText, queryByText, findByText } = getComponent({ event: pollStartEvent, poll });
+
+        await expect(findByText("Final result based on 2 votes")).resolves.toBeInTheDocument();
+
+        await room.processPollEvents([
+            makePollResponseEvent(pollId, [answerOne.id], "@han:domain.org", roomId, timestamp + 1),
+        ]);
+
+        // updated with more responses
+        await expect(findByText("Final result based on 3 votes")).resolves.toBeInTheDocument();
+        expect(getByText("Nissan Silvia S15")).toBeInTheDocument();
+        expect(queryByText("Mitsubishi Lancer Evolution IX")).not.toBeInTheDocument();
+    });
+
+    it("maintains correct option numbers when only later answers win", async () => {
+        // Create a poll with 3 answers
+        const answerThree = {
+            id: "answerThreeId",
+            [M_TEXT.name]: "Toyota Supra MK4",
+        };
+        const pollStartEventThreeAnswers = makePollStartEvent(
+            "Question?",
+            userId,
+            [answerOne, answerTwo, answerThree],
+            {
+                roomId,
+                id: pollId,
+                ts: timestamp,
+            },
+        );
+
+        // Only answer 3 (index 2) wins with 2 votes, answers 1 and 2 (indices 0 and 1) get 0 or 1 votes
+        const responses = [
+            makePollResponseEvent(pollId, [answerOne.id], userId, roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerThree.id], "@bob:domain.org", roomId, timestamp + 1),
+            makePollResponseEvent(pollId, [answerThree.id], "@charlie:domain.org", roomId, timestamp + 1),
+        ];
+
+        await setupRoomWithPollEvents([pollStartEventThreeAnswers], responses, [pollEndEvent], mockClient, room);
+        const poll = room.polls.get(pollId)!;
+
+        const { getByText, queryByText, findByText, getByTestId } = getComponent({
+            event: pollStartEventThreeAnswers,
+            poll,
+        });
+
+        await expect(findByText("Final result based on 3 votes")).resolves.toBeInTheDocument();
+
+        // Only the third answer should be shown (it won)
+        expect(queryByText("Nissan Silvia S15")).not.toBeInTheDocument();
+        expect(queryByText("Mitsubishi Lancer Evolution IX")).not.toBeInTheDocument();
+        expect(getByText("Toyota Supra MK4")).toBeInTheDocument();
+
+        // The option number should be 3 (original index 2 + 1), not 1
+        // PollOption component receives optionNumber prop which is used in its aria-label
+        const pollOption = getByTestId("pollOption-answerThreeId");
+        expect(pollOption).toBeInTheDocument();
+
+        // The optionNumber is maintained correctly
+        const radioInput = pollOption.querySelector('input[type="radio"]');
+        expect(radioInput).toHaveAttribute("aria-label", expect.stringContaining("Option 3, Toyota Supra MK4"));
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollHistory-test.tsx.snap b/apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollHistory-test.tsx.snap
new file mode 100644
index 00000000000..e55c0575023
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollHistory-test.tsx.snap
@@ -0,0 +1,231 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<PollHistory /> Poll detail displays poll detail on active poll list item click 1`] = `
+<legend
+  data-testid="pollQuestion"
+>
+  <svg
+    aria-label="Poll"
+    fill="currentColor"
+    height="20"
+    viewBox="0 0 24 24"
+    width="20"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+    />
+  </svg>
+  Question?
+</legend>
+`;
+
+exports[`<PollHistory /> Poll detail displays poll detail on past poll list item click 1`] = `
+<legend
+  data-testid="pollQuestion"
+>
+  <svg
+    aria-label="Poll ended"
+    fill="currentColor"
+    height="20"
+    viewBox="0 0 24 24"
+    width="20"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M21 10.659V19q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21H5q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h8.341A6 6 0 0 0 13 5H5v14h14v-8a6 6 0 0 0 2-.341"
+    />
+    <path
+      d="M13.803 8a6 6 0 0 0 1.88 2H13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 12 9q0-.424.287-.713A.97.97 0 0 1 13 8zm2.91 7.713A.97.97 0 0 1 16 16h-3a.97.97 0 0 1-.713-.287A.97.97 0 0 1 12 15q0-.424.287-.713A.97.97 0 0 1 13 14h3q.424 0 .712.287.288.288.288.713 0 .424-.288.713m-6.299-5.3A1.93 1.93 0 0 1 9 11q-.825 0-1.412-.588A1.93 1.93 0 0 1 7 9q0-.825.588-1.412A1.93 1.93 0 0 1 9 7q.825 0 1.412.588Q11 8.175 11 9t-.588 1.412m.001 6.001A1.93 1.93 0 0 1 9 17q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 15q0-.825.588-1.412A1.93 1.93 0 0 1 9 13q.825 0 1.412.588Q11 14.175 11 15q0 .824-.588 1.413m12.295-14.12a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L18 5.586l3.293-3.293a1 1 0 0 1 1.414 0"
+    />
+  </svg>
+  What?
+</legend>
+`;
+
+exports[`<PollHistory /> Poll detail navigates back to poll list from detail view on header click 1`] = `
+<div
+  class="mx_AccessibleButton mx_PollDetailHeader mx_AccessibleButton_hasKind mx_AccessibleButton_kind_content_inline"
+  role="button"
+  tabindex="0"
+>
+  <svg
+    class="mx_PollDetailHeader_icon"
+    fill="currentColor"
+    height="1em"
+    viewBox="0 0 24 24"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+    />
+  </svg>
+  Active polls
+</div>
+`;
+
+exports[`<PollHistory /> renders a list of active polls when there are polls in the room 1`] = `
+<div>
+  <div
+    class="mx_PollHistory_content"
+  >
+    <h2
+      class="mx_Heading_h2 mx_PollHistory_header"
+    >
+      Polls
+    </h2>
+    <div
+      class="mx_PollHistoryList"
+    >
+      <fieldset
+        class="mx_FilterTabGroup"
+      >
+        <label
+          data-testid="filter-tab-PollHistory_filter-ACTIVE"
+        >
+          <input
+            checked=""
+            name="PollHistory_filter"
+            type="radio"
+            value="ACTIVE"
+          />
+          <span>
+            Active polls
+          </span>
+        </label>
+        <label
+          data-testid="filter-tab-PollHistory_filter-ENDED"
+        >
+          <input
+            name="PollHistory_filter"
+            type="radio"
+            value="ENDED"
+          />
+          <span>
+            Past polls
+          </span>
+        </label>
+      </fieldset>
+      <ol
+        class="mx_PollHistoryList_list mx_PollHistoryList_list_ACTIVE"
+      >
+        <li
+          class="mx_PollListItem"
+          data-testid="pollListItem-$2"
+        >
+          <div
+            aria-label="View poll"
+            class="mx_AccessibleButton mx_PollListItemEnded_content"
+            role="button"
+            tabindex="0"
+          >
+            <div
+              class="mx_PollListItem_content"
+            >
+              <span>
+                02/02/23
+              </span>
+              <svg
+                class="mx_PollListItem_icon"
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+                />
+              </svg>
+              <span
+                class="mx_PollListItem_question"
+              >
+                Where?
+              </span>
+            </div>
+          </div>
+        </li>
+        <li
+          class="mx_PollListItem"
+          data-testid="pollListItem-$1"
+        >
+          <div
+            aria-label="View poll"
+            class="mx_AccessibleButton mx_PollListItemEnded_content"
+            role="button"
+            tabindex="0"
+          >
+            <div
+              class="mx_PollListItem_content"
+            >
+              <span>
+                02/02/23
+              </span>
+              <svg
+                class="mx_PollListItem_icon"
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+                />
+              </svg>
+              <span
+                class="mx_PollListItem_question"
+              >
+                Question?
+              </span>
+            </div>
+          </div>
+        </li>
+      </ol>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<PollHistory /> renders a no polls message and a load more button when not at end of timeline 1`] = `
+<div
+  class="mx_AccessibleButton mx_PollHistoryList_loadMorePolls mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+  role="button"
+  tabindex="0"
+>
+  Load more polls
+  <span
+    class="mx_InlineSpinner"
+  >
+    <svg
+      aria-label="Loading…"
+      class="_icon_1855a_18"
+      data-testid="spinner"
+      fill="currentColor"
+      height="1em"
+      role="progressbar"
+      style="width: 16px; height: 16px;"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        clip-rule="evenodd"
+        d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+        fill-rule="evenodd"
+      />
+    </svg>
+  </span>
+</div>
+`;
+
+exports[`<PollHistory /> renders a no polls message and a load more button when not at end of timeline 2`] = `
+<div
+  class="mx_AccessibleButton mx_PollHistoryList_loadMorePolls mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+  role="button"
+  tabindex="0"
+>
+  Load more polls
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollListItem-test.tsx.snap b/apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollListItem-test.tsx.snap
new file mode 100644
index 00000000000..b56e20c0a7c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollListItem-test.tsx.snap
@@ -0,0 +1,42 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<PollListItem /> renders a poll 1`] = `
+<div>
+  <li
+    class="mx_PollListItem"
+    data-testid="pollListItem-$mypoll"
+  >
+    <div
+      aria-label="View poll"
+      class="mx_AccessibleButton mx_PollListItemEnded_content"
+      role="button"
+      tabindex="0"
+    >
+      <div
+        class="mx_PollListItem_content"
+      >
+        <span>
+          01/01/70
+        </span>
+        <svg
+          class="mx_PollListItem_icon"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+          />
+        </svg>
+        <span
+          class="mx_PollListItem_question"
+        >
+          Question?
+        </span>
+      </div>
+    </div>
+  </li>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollListItemEnded-test.tsx.snap b/apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollListItemEnded-test.tsx.snap
new file mode 100644
index 00000000000..a700787ef01
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollListItemEnded-test.tsx.snap
@@ -0,0 +1,56 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<PollListItemEnded /> renders a poll with no responses 1`] = `
+<div>
+  <li
+    class="mx_PollListItemEnded"
+    data-testid="pollListItem-1"
+  >
+    <div
+      aria-label="View poll"
+      class="mx_AccessibleButton mx_PollListItemEnded_content"
+      role="button"
+      tabindex="0"
+    >
+      <div
+        class="mx_PollListItemEnded_title"
+      >
+        <svg
+          class="mx_PollListItemEnded_icon"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M21 10.659V19q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21H5q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h8.341A6 6 0 0 0 13 5H5v14h14v-8a6 6 0 0 0 2-.341"
+          />
+          <path
+            d="M13.803 8a6 6 0 0 0 1.88 2H13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 12 9q0-.424.287-.713A.97.97 0 0 1 13 8zm2.91 7.713A.97.97 0 0 1 16 16h-3a.97.97 0 0 1-.713-.287A.97.97 0 0 1 12 15q0-.424.287-.713A.97.97 0 0 1 13 14h3q.424 0 .712.287.288.288.288.713 0 .424-.288.713m-6.299-5.3A1.93 1.93 0 0 1 9 11q-.825 0-1.412-.588A1.93 1.93 0 0 1 7 9q0-.825.588-1.412A1.93 1.93 0 0 1 9 7q.825 0 1.412.588Q11 8.175 11 9t-.588 1.412m.001 6.001A1.93 1.93 0 0 1 9 17q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 15q0-.825.588-1.412A1.93 1.93 0 0 1 9 13q.825 0 1.412.588Q11 14.175 11 15q0 .824-.588 1.413m12.295-14.12a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L18 5.586l3.293-3.293a1 1 0 0 1 1.414 0"
+          />
+        </svg>
+        <span
+          class="mx_PollListItemEnded_question"
+        >
+          Question?
+        </span>
+        <span
+          class="mx_Caption"
+        >
+          02/02/23
+        </span>
+      </div>
+      <div
+        class="mx_PollListItemEnded_voteCount"
+      >
+        <span
+          class="mx_Caption"
+        >
+          Final result based on 0 votes
+        </span>
+      </div>
+    </div>
+  </li>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/right_panel/BaseCard-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/BaseCard-test.tsx
new file mode 100644
index 00000000000..817c9b44cf5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/BaseCard-test.tsx
@@ -0,0 +1,38 @@
+/*
+Copyright 2024 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 { fireEvent, render, screen } from "jest-matrix-react";
+
+import BaseCard from "../../../../../src/components/views/right_panel/BaseCard.tsx";
+import RightPanelStore from "../../../../../src/stores/right-panel/RightPanelStore.ts";
+import { clientAndSDKContextRenderOptions } from "../../../../test-utils";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+
+jest.mock("../../../../../src/stores/right-panel/RightPanelStore", () => ({
+    instance: {
+        popCard: jest.fn(),
+        roomPhaseHistory: [],
+    },
+}));
+
+describe("<BaseCard />", () => {
+    it("should close when clicking X button", async () => {
+        const { asFragment } = render(
+            <BaseCard header="Heading text">
+                <div>Content</div>
+            </BaseCard>,
+            clientAndSDKContextRenderOptions(SDKContextClass.instance.client!, SDKContextClass.instance),
+        );
+
+        expect(screen.getByRole("heading")).toHaveTextContent("Heading text");
+        expect(asFragment()).toMatchSnapshot();
+
+        fireEvent.click(screen.getByTestId("base-card-close-button"));
+        expect(RightPanelStore.instance.popCard).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/right_panel/ExtensionsCard-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/ExtensionsCard-test.tsx
new file mode 100644
index 00000000000..3fbd83453f6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/ExtensionsCard-test.tsx
@@ -0,0 +1,207 @@
+/*
+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.
+*/
+
+import React from "react";
+import { mocked, type Mocked } from "jest-mock";
+import { render, screen } from "jest-matrix-react";
+import { type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+import { MatrixWidgetType } from "matrix-widget-api";
+import userEvent from "@testing-library/user-event";
+
+import ExtensionsCard from "../../../../../src/components/views/right_panel/ExtensionsCard";
+import { clientAndSDKContextRenderOptions, stubClient } from "../../../../test-utils";
+import { type IApp } from "../../../../../src/stores/WidgetStore";
+import WidgetUtils, { useWidgets } from "../../../../../src/utils/WidgetUtils";
+import { WidgetLayoutStore } from "../../../../../src/stores/widgets/WidgetLayoutStore";
+import { IntegrationManagers } from "../../../../../src/integrations/IntegrationManagers";
+import { TestSDKContext } from "../../../TestSDKContext.ts";
+
+jest.mock("../../../../../src/utils/WidgetUtils");
+
+describe("<ExtensionsCard />", () => {
+    let client: Mocked<MatrixClient>;
+    let room: Room;
+    let sdkContext: TestSDKContext;
+
+    beforeEach(() => {
+        client = mocked(stubClient());
+        sdkContext = new TestSDKContext();
+        sdkContext._client = client;
+        room = new Room("!room:server", client, client.getSafeUserId());
+        mocked(WidgetUtils.getWidgetName).mockImplementation((app) => app?.name ?? "No Name");
+    });
+
+    it("should render empty state", () => {
+        mocked(useWidgets).mockReturnValue([]);
+        const { asFragment } = render(
+            <ExtensionsCard room={room} onClose={jest.fn()} />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        expect(screen.getByText("Boost productivity with more tools, widgets and bots")).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render widgets", async () => {
+        mocked(useWidgets).mockReturnValue([
+            {
+                id: "id",
+                roomId: room.roomId,
+                eventId: "$event1",
+                creatorUserId: client.getSafeUserId(),
+                type: MatrixWidgetType.Custom,
+                name: "Custom Widget",
+                url: "http://url1",
+            },
+            {
+                id: "jitsi",
+                roomId: room.roomId,
+                eventId: "$event2",
+                creatorUserId: client.getSafeUserId(),
+                type: MatrixWidgetType.JitsiMeet,
+                name: "Jitsi",
+                url: "http://jitsi",
+            },
+        ] satisfies IApp[]);
+
+        const { asFragment } = render(
+            <ExtensionsCard room={room} onClose={jest.fn()} />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        expect(screen.getByText("Custom Widget")).toBeInTheDocument();
+        expect(screen.getByText("Jitsi")).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should show context menu on widget row", async () => {
+        jest.spyOn(WidgetUtils, "canUserModifyWidgets").mockReturnValue(true);
+        mocked(useWidgets).mockReturnValue([
+            {
+                id: "id",
+                roomId: room.roomId,
+                eventId: "$event1",
+                creatorUserId: client.getSafeUserId(),
+                type: MatrixWidgetType.Custom,
+                name: "Custom Widget",
+                url: "http://url1",
+            },
+        ] satisfies IApp[]);
+
+        const { container } = render(
+            <ExtensionsCard room={room} onClose={jest.fn()} />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        await userEvent.click(container.querySelector(".mx_ExtensionsCard_app_options")!);
+        expect(document.querySelector(".mx_IconizedContextMenu")).toMatchSnapshot();
+    });
+
+    it("should show set room layout button", async () => {
+        jest.spyOn(WidgetLayoutStore.instance, "canCopyLayoutToRoom").mockReturnValue(true);
+        mocked(useWidgets).mockReturnValue([
+            {
+                id: "id",
+                roomId: room.roomId,
+                eventId: "$event1",
+                creatorUserId: client.getSafeUserId(),
+                type: MatrixWidgetType.Custom,
+                name: "Custom Widget",
+                url: "http://url1",
+            },
+        ] satisfies IApp[]);
+
+        render(
+            <ExtensionsCard room={room} onClose={jest.fn()} />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        expect(screen.getByText("Set layout for everyone")).toBeInTheDocument();
+    });
+
+    it("should show widget as pinned", async () => {
+        jest.spyOn(WidgetLayoutStore.instance, "isInContainer").mockReturnValue(true);
+        mocked(useWidgets).mockReturnValue([
+            {
+                id: "id",
+                roomId: room.roomId,
+                eventId: "$event1",
+                creatorUserId: client.getSafeUserId(),
+                type: MatrixWidgetType.Custom,
+                name: "Custom Widget",
+                url: "http://url1",
+            },
+        ] satisfies IApp[]);
+
+        render(
+            <ExtensionsCard room={room} onClose={jest.fn()} />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        expect(screen.getByText("Custom Widget").closest(".mx_ExtensionsCard_Button_pinned")).toBeInTheDocument();
+    });
+
+    it("should show cannot pin warning", async () => {
+        jest.spyOn(WidgetLayoutStore.instance, "isInContainer").mockReturnValue(false);
+        jest.spyOn(WidgetLayoutStore.instance, "canAddToContainer").mockReturnValue(false);
+        mocked(useWidgets).mockReturnValue([
+            {
+                id: "id",
+                roomId: room.roomId,
+                eventId: "$event1",
+                creatorUserId: client.getSafeUserId(),
+                type: MatrixWidgetType.Custom,
+                name: "Custom Widget",
+                url: "http://url1",
+            },
+        ] satisfies IApp[]);
+
+        render(
+            <ExtensionsCard room={room} onClose={jest.fn()} />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        expect(screen.getByLabelText("You can only pin up to 3 widgets")).toBeInTheDocument();
+    });
+
+    it("should should open integration manager on click", async () => {
+        jest.spyOn(IntegrationManagers.sharedInstance(), "hasManager").mockReturnValue(false);
+        const spy = jest.spyOn(IntegrationManagers.sharedInstance(), "openNoManagerDialog");
+        render(
+            <ExtensionsCard room={room} onClose={jest.fn()} />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        await userEvent.click(screen.getByText("Add extensions"));
+        expect(spy).toHaveBeenCalled();
+    });
+
+    it("should set room layout on click", async () => {
+        mocked(useWidgets).mockReturnValue([
+            {
+                id: "id",
+                roomId: room.roomId,
+                eventId: "$event1",
+                creatorUserId: client.getSafeUserId(),
+                type: MatrixWidgetType.Custom,
+                name: "Custom Widget",
+                url: "http://url1",
+            },
+            {
+                id: "jitsi",
+                roomId: room.roomId,
+                eventId: "$event2",
+                creatorUserId: client.getSafeUserId(),
+                type: MatrixWidgetType.JitsiMeet,
+                name: "Jitsi",
+                url: "http://jitsi",
+            },
+        ] satisfies IApp[]);
+
+        jest.spyOn(sdkContext.widgetLayoutStore, "copyLayoutToRoom");
+        render(
+            <ExtensionsCard room={room} onClose={jest.fn()} />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        await userEvent.click(screen.getByText("Set layout for everyone"));
+        expect(sdkContext.widgetLayoutStore.copyLayoutToRoom).toHaveBeenCalledWith(room);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/right_panel/PinnedMessagesCard-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/PinnedMessagesCard-test.tsx
new file mode 100644
index 00000000000..ac53b9b6568
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/PinnedMessagesCard-test.tsx
@@ -0,0 +1,416 @@
+/*
+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, act, type RenderResult, waitForElementToBeRemoved, screen, waitFor } from "jest-matrix-react";
+import { mocked, type MockedObject } from "jest-mock";
+import {
+    MatrixEvent,
+    RoomStateEvent,
+    Room,
+    type IMinimalEvent,
+    EventType,
+    RelationType,
+    MsgType,
+    M_POLL_KIND_DISCLOSED,
+    EventTimeline,
+    type MatrixClient,
+} from "matrix-js-sdk/src/matrix";
+import { PollStartEvent } from "matrix-js-sdk/src/extensible_events_v1/PollStartEvent";
+import { PollResponseEvent } from "matrix-js-sdk/src/extensible_events_v1/PollResponseEvent";
+import { PollEndEvent } from "matrix-js-sdk/src/extensible_events_v1/PollEndEvent";
+import { sleep } from "matrix-js-sdk/src/utils";
+import userEvent from "@testing-library/user-event";
+
+import {
+    stubClient,
+    mkEvent,
+    mkMessage,
+    flushPromises,
+    clientAndSDKContextRenderOptions,
+} from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { PinnedMessagesCard } from "../../../../../src/components/views/right_panel/PinnedMessagesCard";
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import Modal from "../../../../../src/Modal";
+import { UnpinAllDialog } from "../../../../../src/components/views/dialogs/UnpinAllDialog";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+
+describe("<PinnedMessagesCard />", () => {
+    let cli: MockedObject<MatrixClient>;
+    beforeEach(() => {
+        stubClient();
+        cli = mocked(MatrixClientPeg.safeGet());
+        cli.getUserId.mockReturnValue("@alice:example.org");
+        cli.setRoomAccountData.mockResolvedValue({});
+        cli.relations.mockResolvedValue({ originalEvent: {} as unknown as MatrixEvent, events: [] });
+    });
+
+    const mkRoom = (localPins: MatrixEvent[], nonLocalPins: MatrixEvent[]): Room => {
+        const room = new Room("!room:example.org", cli, "@me:example.org");
+        // Deferred since we may be adding or removing pins later
+        const pins = () => [...localPins, ...nonLocalPins];
+
+        // Insert pin IDs into room state
+        jest.spyOn(room.getLiveTimeline().getState(EventTimeline.FORWARDS)!, "getStateEvents").mockImplementation(
+            (): any =>
+                mkEvent({
+                    event: true,
+                    type: EventType.RoomPinnedEvents,
+                    content: {
+                        pinned: pins().map((e) => e.getId()),
+                    },
+                    user: "@user:example.org",
+                    room: "!room:example.org",
+                }),
+        );
+
+        jest.spyOn(room.getLiveTimeline().getState(EventTimeline.FORWARDS)!, "mayClientSendStateEvent").mockReturnValue(
+            true,
+        );
+        // poll end event validates against this
+        jest.spyOn(
+            room.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+            "maySendRedactionForEvent",
+        ).mockReturnValue(true);
+
+        // Return all pins over fetchRoomEvent
+        cli.fetchRoomEvent.mockImplementation((roomId, eventId) => {
+            const event = pins().find((e) => e.getId() === eventId)?.event;
+            return Promise.resolve(event as IMinimalEvent);
+        });
+
+        cli.getRoom.mockReturnValue(room);
+
+        return room;
+    };
+
+    async function renderMessagePinList(room: Room): Promise<RenderResult> {
+        const renderResult = render(
+            <PinnedMessagesCard
+                room={room}
+                onClose={jest.fn()}
+                permalinkCreator={new RoomPermalinkCreator(room, room.roomId)}
+            />,
+            clientAndSDKContextRenderOptions(cli, SDKContextClass.instance),
+        );
+        // Wait a tick for state updates
+        await act(() => sleep(0));
+
+        return renderResult;
+    }
+
+    /**
+     *
+     * @param room
+     */
+    async function emitPinUpdate(room: Room) {
+        await act(async () => {
+            const roomState = room.getLiveTimeline().getState(EventTimeline.FORWARDS)!;
+            roomState.emit(
+                RoomStateEvent.Events,
+                new MatrixEvent({ type: EventType.RoomPinnedEvents }),
+                roomState,
+                null,
+            );
+        });
+    }
+
+    /**
+     * Initialize the pinned messages card with the given pinned messages.
+     * Return the room, testing library helpers and functions to add and remove pinned messages.
+     * @param localPins
+     * @param nonLocalPins
+     */
+    async function initPinnedMessagesCard(localPins: MatrixEvent[], nonLocalPins: MatrixEvent[]) {
+        const room = mkRoom(localPins, nonLocalPins);
+        const addLocalPinEvent = async (event: MatrixEvent) => {
+            localPins.push(event);
+            await emitPinUpdate(room);
+        };
+        const removeLastLocalPinEvent = async () => {
+            localPins.pop();
+            await emitPinUpdate(room);
+        };
+        const addNonLocalPinEvent = async (event: MatrixEvent) => {
+            nonLocalPins.push(event);
+            await emitPinUpdate(room);
+        };
+        const removeLastNonLocalPinEvent = async () => {
+            nonLocalPins.pop();
+            await emitPinUpdate(room);
+        };
+        const renderResult = await renderMessagePinList(room);
+
+        return {
+            ...renderResult,
+            addLocalPinEvent,
+            removeLastLocalPinEvent,
+            addNonLocalPinEvent,
+            removeLastNonLocalPinEvent,
+            room,
+        };
+    }
+
+    const pin1 = mkMessage({
+        event: true,
+        room: "!room:example.org",
+        user: "@alice:example.org",
+        msg: "First pinned message",
+        ts: 2,
+    });
+    const pin2 = mkMessage({
+        event: true,
+        room: "!room:example.org",
+        user: "@alice:example.org",
+        msg: "The second one",
+        ts: 1,
+    });
+
+    it("should show spinner whilst loading", async () => {
+        const room = mkRoom([], [pin1]);
+        render(
+            <PinnedMessagesCard
+                room={room}
+                onClose={jest.fn()}
+                permalinkCreator={new RoomPermalinkCreator(room, room.roomId)}
+            />,
+            clientAndSDKContextRenderOptions(cli, SDKContextClass.instance),
+        );
+
+        await waitForElementToBeRemoved(() => screen.queryAllByRole("progressbar"));
+    });
+
+    it("should show the empty state when there are no pins", async () => {
+        const { asFragment } = await initPinnedMessagesCard([], []);
+
+        expect(screen.getByText("Pin important messages so that they can be easily discovered")).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should show two pinned messages", async () => {
+        const { asFragment } = await initPinnedMessagesCard([pin1], [pin2]);
+
+        await waitFor(() => expect(screen.queryAllByRole("listitem")).toHaveLength(2));
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should not show more than 100 messages", async () => {
+        const events = Array.from({ length: 120 }, (_, i) =>
+            mkMessage({
+                event: true,
+                room: "!room:example.org",
+                user: "@alice:example.org",
+                msg: `The message ${i}`,
+                ts: i,
+            }),
+        );
+        await initPinnedMessagesCard(events, []);
+
+        await waitFor(() => expect(screen.queryAllByRole("listitem")).toHaveLength(100));
+    }, 15000);
+
+    it("should updates when messages are pinned", async () => {
+        // Start with nothing pinned
+        const { addLocalPinEvent, addNonLocalPinEvent } = await initPinnedMessagesCard([], []);
+
+        await waitFor(() => expect(screen.queryAllByRole("listitem")).toHaveLength(0));
+
+        // Pin the first message
+        await addLocalPinEvent(pin1);
+        await waitFor(() => expect(screen.queryAllByRole("listitem")).toHaveLength(1));
+
+        // Pin the second message
+        await addNonLocalPinEvent(pin2);
+        await waitFor(() => expect(screen.queryAllByRole("listitem")).toHaveLength(2));
+    });
+
+    it("should updates when messages are unpinned", async () => {
+        // Start with two pins
+        const { removeLastLocalPinEvent, removeLastNonLocalPinEvent } = await initPinnedMessagesCard([pin1], [pin2]);
+        await waitFor(() => expect(screen.queryAllByRole("listitem")).toHaveLength(2));
+
+        // Unpin the first message
+        await removeLastLocalPinEvent();
+        await waitFor(() => expect(screen.queryAllByRole("listitem")).toHaveLength(1));
+
+        // Unpin the second message
+        await removeLastNonLocalPinEvent();
+        await waitFor(() => expect(screen.queryAllByRole("listitem")).toHaveLength(0));
+    });
+
+    it("should display an edited pinned event", async () => {
+        const messageEvent = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            room: "!room:example.org",
+            user: "@alice:example.org",
+            content: {
+                "msgtype": MsgType.Text,
+                "body": " * First pinned message, edited",
+                "m.new_content": {
+                    msgtype: MsgType.Text,
+                    body: "First pinned message, edited",
+                },
+                "m.relates_to": {
+                    rel_type: RelationType.Replace,
+                    event_id: pin1.getId(),
+                },
+            },
+        });
+        cli.relations.mockResolvedValue({
+            originalEvent: pin1,
+            events: [messageEvent],
+        });
+
+        await initPinnedMessagesCard([], [pin1]);
+        expect(screen.getByText("First pinned message, edited")).toBeInTheDocument();
+    });
+
+    describe("unpinnable event", () => {
+        it("should hide unpinnable events found in local timeline", async () => {
+            // Redacted messages are unpinnable
+            const pin = mkEvent({
+                event: true,
+                type: EventType.RoomCreate,
+                content: {},
+                room: "!room:example.org",
+                user: "@alice:example.org",
+            });
+            await initPinnedMessagesCard([pin], []);
+            expect(screen.queryAllByRole("listitem")).toHaveLength(0);
+        });
+
+        it("hides unpinnable events not found in local timeline", async () => {
+            // Redacted messages are unpinnable
+            const pin = mkEvent({
+                event: true,
+                type: EventType.RoomCreate,
+                content: {},
+                room: "!room:example.org",
+                user: "@alice:example.org",
+            });
+            await initPinnedMessagesCard([], [pin]);
+            expect(screen.queryAllByRole("listitem")).toHaveLength(0);
+        });
+
+        it("should filter out null events returned by useFetchedPinnedEvents and only display valid events", async () => {
+            // RoomCreate is not a pinnable event type — useFetchedPinnedEvents returns null for it
+            const unpinnableEvent = mkEvent({
+                event: true,
+                type: EventType.RoomCreate,
+                content: {},
+                room: "!room:example.org",
+                user: "@alice:example.org",
+            });
+            // pin1 is a valid pinnable message, unpinnableEvent causes useFetchedPinnedEvents to return null
+            // useSortedFetchedPinnedEvents must filter out the null, leaving only pin1
+            await initPinnedMessagesCard([pin1], [unpinnableEvent]);
+
+            await waitFor(() => expect(screen.queryAllByRole("listitem")).toHaveLength(1));
+            expect(screen.getByText("First pinned message")).toBeInTheDocument();
+        });
+    });
+
+    describe("unpin all", () => {
+        it("should not allow to unpinall", async () => {
+            const room = mkRoom([pin1], [pin2]);
+            jest.spyOn(
+                room.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+                "mayClientSendStateEvent",
+            ).mockReturnValue(false);
+
+            const { asFragment } = render(
+                <PinnedMessagesCard
+                    room={room}
+                    onClose={jest.fn()}
+                    permalinkCreator={new RoomPermalinkCreator(room, room.roomId)}
+                />,
+                clientAndSDKContextRenderOptions(cli, SDKContextClass.instance),
+            );
+
+            // Wait a tick for state updates
+            await act(() => sleep(0));
+
+            expect(screen.queryByText("Unpin all messages")).toBeNull();
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("should allow unpinning all messages", async () => {
+            jest.spyOn(Modal, "createDialog");
+
+            const { room } = await initPinnedMessagesCard([pin1], [pin2]);
+            expect(screen.getByText("Unpin all messages")).toBeInTheDocument();
+
+            await userEvent.click(screen.getByText("Unpin all messages"));
+            // Should open the UnpinAllDialog dialog
+            expect(Modal.createDialog).toHaveBeenCalledWith(UnpinAllDialog, { roomId: room.roomId, matrixClient: cli });
+        });
+    });
+
+    it("should displays votes on polls not found in local timeline", async () => {
+        const poll = mkEvent({
+            ...PollStartEvent.from("A poll", ["Option 1", "Option 2"], M_POLL_KIND_DISCLOSED).serialize(),
+            event: true,
+            room: "!room:example.org",
+            user: "@alice:example.org",
+        });
+
+        const answers = (poll.unstableExtensibleEvent as PollStartEvent).answers;
+        const responses = [
+            ["@alice:example.org", 0] as [string, number],
+            ["@bob:example.org", 0] as [string, number],
+            ["@eve:example.org", 1] as [string, number],
+        ].map(([user, option], i) =>
+            mkEvent({
+                ...PollResponseEvent.from([answers[option as number].id], poll.getId()!).serialize(),
+                event: true,
+                room: "!room:example.org",
+                user,
+            }),
+        );
+
+        const end = mkEvent({
+            ...PollEndEvent.from(poll.getId()!, "Closing the poll").serialize(),
+            event: true,
+            room: "!room:example.org",
+            user: "@alice:example.org",
+        });
+
+        // Make the responses available
+        cli.relations.mockImplementation(async (roomId, eventId, relationType, eventType, opts) => {
+            if (eventId === poll.getId() && relationType === RelationType.Reference) {
+                // Paginate the results, for added challenge
+                return opts?.from === "page2"
+                    ? { originalEvent: poll, events: responses.slice(2) }
+                    : { originalEvent: poll, events: [...responses.slice(0, 2), end], nextBatch: "page2" };
+            }
+            // type does not allow originalEvent to be falsy
+            // but code seems to
+            // so still test that
+            return { originalEvent: undefined as unknown as MatrixEvent, events: [] };
+        });
+
+        const { room } = await initPinnedMessagesCard([], [poll]);
+
+        // two pages of results
+        await flushPromises();
+        await flushPromises();
+
+        const pollInstance = room.polls.get(poll.getId()!);
+        expect(pollInstance).toBeTruthy();
+
+        expect(screen.getByText("A poll")).toBeInTheDocument();
+
+        expect(screen.getByText("Option 1")).toBeInTheDocument();
+        expect(screen.getByText("2 votes")).toBeInTheDocument();
+
+        expect(screen.getByText("Option 2")).toBeInTheDocument();
+        expect(screen.getByText("1 vote")).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx
new file mode 100644
index 00000000000..42b00bef91f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx
@@ -0,0 +1,360 @@
+/*
+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, fireEvent, screen } from "jest-matrix-react";
+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";
+import { LinkedTextContext } from "@element-hq/web-shared-components";
+
+import RoomSummaryCardView from "../../../../../src/components/views/right_panel/RoomSummaryCardView";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { flushPromises, stubClient } from "../../../../test-utils";
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import { _t } from "../../../../../src/languageHandler";
+import {
+    type RoomSummaryCardState,
+    useRoomSummaryCardViewModel,
+} from "../../../../../src/components/viewmodels/right_panel/RoomSummaryCardViewModel";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { SDKContext } from "../../../../../src/contexts/SDKContext.ts";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+
+// Mock the viewmodel hooks
+jest.mock("../../../../../src/components/viewmodels/right_panel/RoomSummaryCardViewModel", () => ({
+    useRoomSummaryCardViewModel: jest.fn(),
+}));
+
+describe("<RoomSummaryCard />", () => {
+    const userId = "@alice:domain.org";
+
+    const roomId = "!room:domain.org";
+    let mockClient!: MockedObject<MatrixClient>;
+    let room!: Room;
+
+    const getComponent = (props = {}) => {
+        const defaultProps = {
+            room,
+            onClose: jest.fn(),
+            permalinkCreator: new RoomPermalinkCreator(room),
+        };
+
+        return render(<RoomSummaryCardView {...defaultProps} {...props} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>
+                    <MatrixClientContext.Provider value={mockClient}>
+                        <LinkedTextContext.Provider value={{}}>{children}</LinkedTextContext.Provider>
+                    </MatrixClientContext.Provider>
+                </SDKContext.Provider>
+            ),
+        });
+    };
+
+    // Setup mock view models
+    const vmDefaultValues: RoomSummaryCardState = {
+        isDirectMessage: false,
+        userStatus: undefined,
+        isRoomEncrypted: false,
+        e2eStatus: undefined,
+        isVideoRoom: false,
+        roomJoinRule: JoinRule.Public,
+        historyVisibility: HistoryVisibility.Shared,
+        alias: "",
+        isFavorite: false,
+        canInviteToState: true,
+        pinCount: 0,
+        searchInputRef: { current: null },
+        onUpdateSearchInput: jest.fn(),
+        onRoomMembersClick: jest.fn(),
+        onRoomThreadsClick: jest.fn(),
+        onRoomFilesClick: jest.fn(),
+        onRoomExtensionsClick: jest.fn(),
+        onRoomPinsClick: jest.fn(),
+        onRoomSettingsClick: jest.fn(),
+        onLeaveRoomClick: jest.fn(),
+        onShareRoomClick: jest.fn(),
+        onRoomExportClick: jest.fn(),
+        onRoomPollHistoryClick: jest.fn(),
+        onReportRoomClick: jest.fn(),
+        onFavoriteToggleClick: jest.fn(),
+        onInviteToRoomClick: jest.fn(),
+    };
+
+    beforeEach(() => {
+        mockClient = mocked(stubClient());
+        room = new Room(roomId, mockClient, userId);
+        mocked(useRoomSummaryCardViewModel).mockReturnValue(vmDefaultValues);
+        DMRoomMap.makeShared(mockClient);
+
+        mockClient.getRoom.mockReturnValue(room);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("renders the room summary", () => {
+        const { container } = getComponent();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the room topic in the summary", () => {
+        room.currentState.setStateEvents([
+            new MatrixEvent({
+                type: "m.room.topic",
+                room_id: roomId,
+                sender: userId,
+                content: {
+                    topic: "This is the room's topic.",
+                },
+                state_key: "",
+            }),
+        ]);
+        const { container } = getComponent();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("has button to edit topic", () => {
+        room.currentState.setStateEvents([
+            new MatrixEvent({
+                type: "m.room.topic",
+                room_id: roomId,
+                sender: userId,
+                content: {
+                    topic: "This is the room's topic.",
+                },
+                state_key: "",
+            }),
+        ]);
+        const { container, getByText } = getComponent();
+        expect(getByText("Edit")).toBeInTheDocument();
+        expect(container).toMatchSnapshot();
+    });
+
+    describe("search", () => {
+        it("has the search field", async () => {
+            const onSearchChange = jest.fn();
+            const { getByPlaceholderText } = getComponent({
+                onSearchChange,
+            });
+            expect(getByPlaceholderText("Search messages…")).toBeVisible();
+        });
+
+        it("should focus the search field if focusRoomSearch=true", () => {
+            const onSearchChange = jest.fn();
+            const { getByPlaceholderText } = getComponent({
+                onSearchChange,
+                focusRoomSearch: true,
+            });
+            expect(getByPlaceholderText("Search messages…")).toHaveFocus();
+        });
+
+        it("should cancel search on escape", () => {
+            const onSearchChange = jest.fn();
+            const onSearchCancel = jest.fn();
+
+            const { getByPlaceholderText } = getComponent({
+                onSearchChange,
+                onSearchCancel,
+                focusRoomSearch: true,
+            });
+            expect(getByPlaceholderText("Search messages…")).toHaveFocus();
+            fireEvent.keyDown(getByPlaceholderText("Search messages…"), { key: "Escape" });
+            expect(vmDefaultValues.onUpdateSearchInput).toHaveBeenCalled();
+        });
+
+        it("should update the search field value correctly", async () => {
+            const user = userEvent.setup();
+
+            const onSearchChange = jest.fn();
+            const { getByPlaceholderText } = getComponent({
+                onSearchChange,
+            });
+
+            const searchInput = getByPlaceholderText("Search messages…");
+            await user.type(searchInput, "test query");
+
+            expect(onSearchChange).toHaveBeenCalledWith("test query");
+            expect(searchInput).toHaveValue("test query");
+        });
+    });
+
+    it("opens room file panel on button click", () => {
+        const { getByText } = getComponent();
+
+        fireEvent.click(getByText("Files"));
+
+        expect(vmDefaultValues.onRoomFilesClick).toHaveBeenCalled();
+    });
+
+    it("opens room export dialog on button click", () => {
+        const { getByText } = getComponent();
+
+        fireEvent.click(getByText(_t("export_chat|title")));
+
+        expect(vmDefaultValues.onRoomExportClick).toHaveBeenCalled();
+    });
+
+    it("opens share room dialog on button click", () => {
+        const { getByText } = getComponent();
+
+        fireEvent.click(getByText(_t("action|copy_link")));
+
+        expect(vmDefaultValues.onShareRoomClick).toHaveBeenCalled();
+    });
+
+    it("opens invite dialog on button click", () => {
+        const { getByText } = getComponent();
+
+        fireEvent.click(getByText(_t("action|invite")));
+
+        expect(vmDefaultValues.onInviteToRoomClick).toHaveBeenCalled();
+    });
+
+    it("fires favourite dispatch on button click", () => {
+        const { getByText } = getComponent();
+
+        fireEvent.click(getByText(_t("room|context_menu|favourite")));
+
+        expect(vmDefaultValues.onFavoriteToggleClick).toHaveBeenCalled();
+    });
+
+    it("opens room settings on button click", () => {
+        const { getByText } = getComponent();
+
+        fireEvent.click(getByText(_t("common|settings")));
+
+        expect(vmDefaultValues.onRoomSettingsClick).toHaveBeenCalled();
+    });
+
+    it("opens room member list on button click", () => {
+        const { getByText } = getComponent();
+
+        fireEvent.click(getByText("People"));
+
+        expect(vmDefaultValues.onRoomMembersClick).toHaveBeenCalled();
+    });
+
+    it("opens room threads list on button click", () => {
+        const { getByText } = getComponent();
+
+        fireEvent.click(getByText("Threads"));
+
+        expect(vmDefaultValues.onRoomThreadsClick).toHaveBeenCalled();
+    });
+
+    it("opens room pinned messages on button click", () => {
+        const { getByText } = getComponent();
+
+        fireEvent.click(getByText("Pinned messages"));
+
+        expect(vmDefaultValues.onRoomPinsClick).toHaveBeenCalled();
+    });
+
+    it("does not render irrelevant options if video room", () => {
+        mocked(useRoomSummaryCardViewModel).mockReturnValue({
+            ...vmDefaultValues,
+            isVideoRoom: true,
+        });
+        const { queryByText } = getComponent();
+
+        // options not rendered
+        expect(queryByText("Files")).not.toBeInTheDocument();
+        expect(queryByText("Pinned")).not.toBeInTheDocument();
+        expect(queryByText("Export chat")).not.toBeInTheDocument();
+    });
+
+    describe("pinning", () => {
+        it("renders pins options", () => {
+            const { getByText } = getComponent();
+
+            expect(getByText("Pinned messages")).toBeInTheDocument();
+        });
+    });
+
+    describe("poll history", () => {
+        it("renders poll history option", () => {
+            const { getByText } = getComponent();
+
+            expect(getByText("Polls")).toBeInTheDocument();
+        });
+
+        it("opens poll history dialog on button click", () => {
+            const permalinkCreator = new RoomPermalinkCreator(room);
+            const { getByText } = getComponent({ permalinkCreator });
+
+            fireEvent.click(getByText("Polls"));
+
+            expect(vmDefaultValues.onRoomPollHistoryClick).toHaveBeenCalled();
+        });
+    });
+
+    describe("public room label", () => {
+        it("does not show public room label for a DM", async () => {
+            mocked(useRoomSummaryCardViewModel).mockReturnValue({
+                ...vmDefaultValues,
+                isDirectMessage: true,
+            });
+
+            getComponent();
+
+            await flushPromises();
+
+            expect(screen.queryByText("Public room")).not.toBeInTheDocument();
+        });
+
+        it("does not show public room label for non public room", async () => {
+            mocked(useRoomSummaryCardViewModel).mockReturnValue({
+                ...vmDefaultValues,
+                isDirectMessage: false,
+                roomJoinRule: JoinRule.Invite,
+            });
+            getComponent();
+
+            await flushPromises();
+
+            expect(screen.queryByText("Public room")).not.toBeInTheDocument();
+        });
+
+        it("shows a public room label for a public room", async () => {
+            getComponent();
+
+            await flushPromises();
+
+            expect(screen.queryByText("Public room")).toBeInTheDocument();
+        });
+    });
+
+    describe("user status", () => {
+        it("shows the other user's status when set", () => {
+            mocked(useRoomSummaryCardViewModel).mockReturnValue({
+                ...vmDefaultValues,
+                isDirectMessage: true,
+                userStatus: { emoji: "💬", text: "In a meeting" },
+            });
+
+            getComponent();
+
+            expect(screen.getByText("In a meeting")).toBeInTheDocument();
+            expect(screen.getByText("💬")).toBeInTheDocument();
+        });
+
+        it("does not show a status when there is none", () => {
+            mocked(useRoomSummaryCardViewModel).mockReturnValue({
+                ...vmDefaultValues,
+                isDirectMessage: true,
+                userStatus: undefined,
+            });
+
+            getComponent();
+
+            expect(screen.queryByText("In a meeting")).not.toBeInTheDocument();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/right_panel/UserInfo-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/UserInfo-test.tsx
new file mode 100644
index 00000000000..cb8e4b02aeb
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/UserInfo-test.tsx
@@ -0,0 +1,478 @@
+/*
+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, act, waitForElementToBeRemoved } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { type Mocked, mocked } from "jest-mock";
+import {
+    type Room,
+    User,
+    type MatrixClient,
+    RoomMember,
+    Device,
+    ProfileKeyTimezone,
+    ProfileKeyMSC4175Timezone,
+} from "matrix-js-sdk/src/matrix";
+import { EventEmitter } from "node:events";
+import {
+    UserVerificationStatus,
+    type VerificationRequest,
+    VerificationPhase as Phase,
+    VerificationRequestEvent,
+    type CryptoApi,
+} from "matrix-js-sdk/src/crypto-api";
+
+import UserInfo, { disambiguateDevices } from "../../../../../src/components/views/right_panel/UserInfo";
+import { getPowerLevels } from "../../../../../src/components/viewmodels/right_panel/user_info/UserInfoBasicViewModel";
+import { RightPanelPhases } from "../../../../../src/stores/right-panel/RightPanelStorePhases";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import Modal from "../../../../../src/Modal";
+import { clearAllModals, clientAndSDKContextRenderOptions, flushPromises } from "../../../../test-utils";
+import ErrorDialog from "../../../../../src/components/views/dialogs/ErrorDialog";
+import { shouldShowComponent } from "../../../../../src/customisations/helpers/UIComponents";
+import { UIComponent } from "../../../../../src/settings/UIFeature";
+import { TestSDKContext } from "../../../TestSDKContext.ts";
+
+jest.mock("../../../../../src/utils/direct-messages", () => ({
+    ...jest.requireActual("../../../../../src/utils/direct-messages"),
+    startDmOnFirstMessage: jest.fn(),
+}));
+
+jest.mock("../../../../../src/dispatcher/dispatcher");
+
+jest.mock("../../../../../src/customisations/UserIdentifier", () => {
+    return {
+        getDisplayUserIdentifier: jest.fn().mockReturnValue("customUserIdentifier"),
+    };
+});
+
+jest.mock("../../../../../src/utils/DMRoomMap", () => {
+    const mock = {
+        getUserIdForRoomId: jest.fn(),
+        getDMRoomsForUserId: jest.fn(),
+    };
+
+    return {
+        shared: jest.fn().mockReturnValue(mock),
+        sharedInstance: mock,
+    };
+});
+
+jest.mock("../../../../../src/customisations/helpers/UIComponents", () => {
+    const original = jest.requireActual("../../../../../src/customisations/helpers/UIComponents");
+    return {
+        shouldShowComponent: jest.fn().mockImplementation(original.shouldShowComponent),
+    };
+});
+
+const defaultRoomId = "!fkfk";
+const defaultUserId = "@user:example.com";
+const defaultUser = new User(defaultUserId);
+
+let mockRoom: Mocked<Room>;
+let mockClient: Mocked<MatrixClient>;
+let mockCrypto: Mocked<CryptoApi>;
+let sdkContext: TestSDKContext;
+const origDate = global.Date.prototype.toLocaleString;
+
+beforeEach(() => {
+    mockRoom = mocked({
+        roomId: defaultRoomId,
+        getType: jest.fn().mockReturnValue(undefined),
+        isSpaceRoom: jest.fn().mockReturnValue(false),
+        getMember: jest.fn().mockReturnValue(undefined),
+        getMxcAvatarUrl: jest.fn().mockReturnValue("mock-avatar-url"),
+        name: "test room",
+        on: jest.fn(),
+        off: jest.fn(),
+        currentState: {
+            getStateEvents: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn(),
+        },
+        getEventReadUpTo: jest.fn(),
+    } as unknown as Room);
+
+    mockCrypto = mocked({
+        getDeviceVerificationStatus: jest.fn(),
+        getUserDeviceInfo: jest.fn(),
+        userHasCrossSigningKeys: jest.fn().mockResolvedValue(false),
+        getUserVerificationStatus: jest.fn(),
+        isEncryptionEnabledInRoom: jest.fn().mockResolvedValue(false),
+    } as unknown as CryptoApi);
+
+    mockClient = mocked({
+        getUser: jest.fn(),
+        isGuest: jest.fn().mockReturnValue(false),
+        isUserIgnored: jest.fn(),
+        getIgnoredUsers: jest.fn(),
+        setIgnoredUsers: jest.fn(),
+        getUserId: jest.fn(),
+        getSafeUserId: jest.fn(),
+        getDomain: jest.fn(),
+        on: jest.fn(),
+        off: jest.fn(),
+        isSynapseAdministrator: jest.fn().mockResolvedValue(false),
+        doesServerSupportUnstableFeature: jest.fn().mockReturnValue(false),
+        doesServerSupportExtendedProfiles: jest.fn().mockResolvedValue(false),
+        getExtendedProfile: jest.fn().mockRejectedValue(new Error("Not supported")),
+        mxcUrlToHttp: jest.fn().mockReturnValue("mock-mxcUrlToHttp"),
+        removeListener: jest.fn(),
+        currentState: {
+            on: jest.fn(),
+        },
+        getRoom: jest.fn(),
+        credentials: {},
+        setPowerLevel: jest.fn(),
+        getCrypto: jest.fn().mockReturnValue(mockCrypto),
+    } as unknown as MatrixClient);
+    sdkContext = new TestSDKContext();
+    sdkContext._client = mockClient;
+
+    jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+    jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+});
+
+describe("<UserInfo />", () => {
+    class MockVerificationRequest extends EventEmitter {
+        pending = true;
+        phase: Phase = Phase.Ready;
+        cancellationCode: string | null = null;
+
+        constructor(opts: Partial<VerificationRequest>) {
+            super();
+            Object.assign(this, {
+                channel: { transactionId: 1 },
+                otherPartySupportsMethod: jest.fn(),
+                generateQRCode: jest.fn().mockReturnValue(new Promise(() => {})),
+                ...opts,
+            });
+        }
+    }
+    let verificationRequest: MockVerificationRequest;
+
+    const defaultProps = {
+        user: defaultUser,
+        // idk what is wrong with this type
+        phase: RightPanelPhases.MemberInfo as RightPanelPhases.MemberInfo,
+        onClose: jest.fn(),
+    };
+
+    const renderComponent = (props = {}) => {
+        return render(
+            <UserInfo {...defaultProps} {...props} />,
+            clientAndSDKContextRenderOptions(mockClient, sdkContext),
+        );
+    };
+
+    beforeEach(() => {
+        verificationRequest = new MockVerificationRequest({});
+    });
+
+    afterEach(async () => {
+        await clearAllModals();
+        jest.clearAllMocks();
+    });
+
+    it("closes on close button click", async () => {
+        renderComponent();
+
+        await userEvent.click(screen.getByTestId("base-card-close-button"));
+
+        expect(defaultProps.onClose).toHaveBeenCalled();
+    });
+
+    describe("without a room", () => {
+        it("does not render space header", () => {
+            renderComponent();
+            expect(screen.queryByTestId("space-header")).not.toBeInTheDocument();
+        });
+
+        it("renders user info", () => {
+            renderComponent();
+            expect(screen.getByRole("heading", { name: defaultUserId })).toBeInTheDocument();
+        });
+
+        describe.each([[ProfileKeyTimezone], [ProfileKeyMSC4175Timezone]])("timezone rendering (%s)", (profileKey) => {
+            it("renders user timezone if set", async () => {
+                // For timezone, force a consistent locale.
+                jest.spyOn(global.Date.prototype, "toLocaleString").mockImplementation(
+                    function (this: Date, _locale, opts) {
+                        return origDate.call(this, "en-US", {
+                            ...opts,
+                            hourCycle: "h12",
+                        });
+                    },
+                );
+                mockClient.doesServerSupportExtendedProfiles.mockResolvedValue(true);
+                mockClient.getExtendedProfile.mockResolvedValue({ [profileKey]: "Europe/London" });
+                renderComponent();
+                await expect(screen.findByText(/\d\d:\d\d (AM|PM)/)).resolves.toBeInTheDocument();
+            });
+
+            it("does not renders user timezone if timezone is invalid", async () => {
+                mockClient.doesServerSupportExtendedProfiles.mockResolvedValue(true);
+                mockClient.getExtendedProfile.mockResolvedValue({ [profileKey]: "invalid-tz" });
+                renderComponent();
+                expect(screen.queryByText(/\d\d:\d\d (AM|PM)/)).not.toBeInTheDocument();
+            });
+        });
+
+        it("renders encryption info panel without pending verification", () => {
+            renderComponent({ phase: RightPanelPhases.EncryptionPanel });
+            expect(screen.getByRole("heading", { name: /encryption/i })).toBeInTheDocument();
+        });
+
+        it("renders encryption verification panel with pending verification", () => {
+            renderComponent({ phase: RightPanelPhases.EncryptionPanel, verificationRequest });
+
+            expect(screen.queryByRole("heading", { name: /encryption/i })).not.toBeInTheDocument();
+            // the verificationRequest has phase of Phase.Ready but .otherPartySupportsMethod
+            // will not return true, so we expect to see the noCommonMethod error from VerificationPanel
+            expect(screen.getByText(/try with a different client/i)).toBeInTheDocument();
+        });
+
+        it("should show error modal when the verification request is cancelled with a mismatch", () => {
+            renderComponent({ phase: RightPanelPhases.EncryptionPanel, verificationRequest });
+
+            const spy = jest.spyOn(Modal, "createDialog");
+            act(() => {
+                verificationRequest.phase = Phase.Cancelled;
+                verificationRequest.cancellationCode = "m.key_mismatch";
+                verificationRequest.emit(VerificationRequestEvent.Change);
+            });
+            expect(spy).toHaveBeenCalledWith(
+                ErrorDialog,
+                expect.objectContaining({ title: "Your messages are not secure" }),
+            );
+        });
+
+        it("should not show error modal when the verification request is changed for some other reason", () => {
+            renderComponent({ phase: RightPanelPhases.EncryptionPanel, verificationRequest });
+
+            const spy = jest.spyOn(Modal, "createDialog");
+
+            // change to "started"
+            act(() => {
+                verificationRequest.phase = Phase.Started;
+                verificationRequest.emit(VerificationRequestEvent.Change);
+            });
+
+            // cancelled for some other reason
+            act(() => {
+                verificationRequest.phase = Phase.Cancelled;
+                verificationRequest.cancellationCode = "changed my mind";
+                verificationRequest.emit(VerificationRequestEvent.Change);
+            });
+
+            expect(spy).not.toHaveBeenCalled();
+        });
+
+        it("renders close button correctly when encryption panel with a pending verification request", async () => {
+            renderComponent({ phase: RightPanelPhases.EncryptionPanel, verificationRequest });
+            screen.getByTestId("base-card-close-button").focus();
+            expect(screen.getByText("Cancel")).toBeInTheDocument();
+        });
+    });
+
+    describe("with a room", () => {
+        it("renders user info", () => {
+            renderComponent({ room: mockRoom });
+            expect(screen.getByRole("heading", { name: defaultUserId })).toBeInTheDocument();
+        });
+
+        it("does not render space header when room is not a space room", () => {
+            renderComponent({ room: mockRoom });
+            expect(screen.queryByTestId("space-header")).not.toBeInTheDocument();
+        });
+
+        it("renders encryption info panel without pending verification", () => {
+            renderComponent({ phase: RightPanelPhases.EncryptionPanel, room: mockRoom });
+            expect(screen.getByRole("heading", { name: /encryption/i })).toBeInTheDocument();
+        });
+
+        it("renders encryption verification panel with pending verification", () => {
+            renderComponent({ phase: RightPanelPhases.EncryptionPanel, verificationRequest, room: mockRoom });
+
+            expect(screen.queryByRole("heading", { name: /encryption/i })).not.toBeInTheDocument();
+            // the verificationRequest has phase of Phase.Ready but .otherPartySupportsMethod
+            // will not return true, so we expect to see the noCommonMethod error from VerificationPanel
+            expect(screen.getByText(/try with a different client/i)).toBeInTheDocument();
+        });
+
+        it("renders the message button", () => {
+            render(<UserInfo {...defaultProps} />, clientAndSDKContextRenderOptions(mockClient, sdkContext));
+
+            screen.getByRole("button", { name: "Send message" });
+        });
+
+        it("hides the message button if the visibility customisation hides all create room features", () => {
+            mocked(shouldShowComponent).withImplementation(
+                (component) => {
+                    return component !== UIComponent.CreateRooms;
+                },
+                () => {
+                    render(<UserInfo {...defaultProps} />, clientAndSDKContextRenderOptions(mockClient, sdkContext));
+
+                    expect(screen.queryByRole("button", { name: "Message" })).toBeNull();
+                },
+            );
+        });
+
+        describe("Ignore", () => {
+            const member = new RoomMember(defaultRoomId, defaultUserId);
+
+            it("shows block button when member userId does not match client userId", () => {
+                // call to client.getUserId returns undefined, which will not match member.userId
+                renderComponent();
+
+                expect(screen.getByRole("button", { name: "Ignore" })).toBeInTheDocument();
+            });
+
+            it("shows a modal before ignoring the user", async () => {
+                const originalCreateDialog = Modal.createDialog;
+                const modalSpy = (Modal.createDialog = jest.fn().mockReturnValue({
+                    finished: Promise.resolve([true]),
+                    close: () => {},
+                }));
+
+                try {
+                    mockClient.getIgnoredUsers.mockReturnValue([]);
+                    renderComponent();
+
+                    await userEvent.click(screen.getByRole("button", { name: "Ignore" }));
+                    expect(modalSpy).toHaveBeenCalled();
+                    expect(mockClient.setIgnoredUsers).toHaveBeenLastCalledWith([member.userId]);
+                } finally {
+                    Modal.createDialog = originalCreateDialog;
+                }
+            });
+
+            it("cancels ignoring the user", async () => {
+                const originalCreateDialog = Modal.createDialog;
+                const modalSpy = (Modal.createDialog = jest.fn().mockReturnValue({
+                    finished: Promise.resolve([false]),
+                    close: () => {},
+                }));
+
+                try {
+                    mockClient.getIgnoredUsers.mockReturnValue([]);
+                    renderComponent();
+
+                    await userEvent.click(screen.getByRole("button", { name: "Ignore" }));
+                    expect(modalSpy).toHaveBeenCalled();
+                    expect(mockClient.setIgnoredUsers).not.toHaveBeenCalled();
+                } finally {
+                    Modal.createDialog = originalCreateDialog;
+                }
+            });
+
+            it("unignores the user", async () => {
+                mockClient.isUserIgnored.mockReturnValue(true);
+                mockClient.getIgnoredUsers.mockReturnValue([member.userId]);
+                renderComponent();
+
+                await userEvent.click(screen.getByRole("button", { name: "Unignore" }));
+                expect(mockClient.setIgnoredUsers).toHaveBeenCalledWith([]);
+            });
+        });
+    });
+
+    describe("with crypto enabled", () => {
+        beforeEach(() => {
+            mockClient.doesServerSupportUnstableFeature.mockResolvedValue(true);
+            mockCrypto.getUserVerificationStatus.mockResolvedValue(new UserVerificationStatus(false, false, false));
+
+            const device = new Device({
+                deviceId: "d1",
+                userId: defaultUserId,
+                displayName: "my device",
+                algorithms: [],
+                keys: new Map(),
+            });
+            const devicesMap = new Map<string, Device>([[device.deviceId, device]]);
+            const userDeviceMap = new Map<string, Map<string, Device>>([[defaultUserId, devicesMap]]);
+            mockCrypto.getUserDeviceInfo.mockResolvedValue(userDeviceMap);
+        });
+
+        it("renders <BasicUserInfo />", async () => {
+            mockCrypto.getUserVerificationStatus.mockResolvedValue(new UserVerificationStatus(false, false, false));
+
+            const { container } = renderComponent({
+                phase: RightPanelPhases.MemberInfo,
+                verificationRequest,
+                room: mockRoom,
+            });
+            await flushPromises();
+            expect(container).toMatchSnapshot();
+        });
+
+        it("should render a deactivate button for users of the same server if we are a server admin", async () => {
+            mockClient.isSynapseAdministrator.mockResolvedValue(true);
+            mockClient.getDomain.mockReturnValue("example.com");
+
+            const { container } = renderComponent({
+                phase: RightPanelPhases.MemberInfo,
+                room: mockRoom,
+            });
+
+            await expect(screen.findByRole("button", { name: "Deactivate user" })).resolves.toBeInTheDocument();
+            if (screen.queryAllByRole("progressbar").length) {
+                await act(() => waitForElementToBeRemoved(() => screen.queryAllByRole("progressbar")));
+            }
+            expect(container).toMatchSnapshot();
+        });
+    });
+});
+
+describe("disambiguateDevices", () => {
+    it("does not add ambiguous key to unique names", () => {
+        const initialDevices = [
+            { deviceId: "id1", displayName: "name1" } as Device,
+            { deviceId: "id2", displayName: "name2" } as Device,
+            { deviceId: "id3", displayName: "name3" } as Device,
+        ];
+        disambiguateDevices(initialDevices);
+
+        // mutates input so assert against initialDevices
+        initialDevices.forEach((device) => {
+            expect(device).not.toHaveProperty("ambiguous");
+        });
+    });
+
+    it("adds ambiguous key to all ids with non-unique names", () => {
+        const uniqueNameDevices = [
+            { deviceId: "id3", displayName: "name3" } as Device,
+            { deviceId: "id4", displayName: "name4" } as Device,
+            { deviceId: "id6", displayName: "name6" } as Device,
+        ];
+        const nonUniqueNameDevices = [
+            { deviceId: "id1", displayName: "nonUnique" } as Device,
+            { deviceId: "id2", displayName: "nonUnique" } as Device,
+            { deviceId: "id5", displayName: "nonUnique" } as Device,
+        ];
+        const initialDevices = [...uniqueNameDevices, ...nonUniqueNameDevices];
+        disambiguateDevices(initialDevices);
+
+        // mutates input so assert against initialDevices
+        uniqueNameDevices.forEach((device) => {
+            expect(device).not.toHaveProperty("ambiguous");
+        });
+        nonUniqueNameDevices.forEach((device) => {
+            expect(device).toHaveProperty("ambiguous", true);
+        });
+    });
+});
+
+describe("getPowerLevels", () => {
+    it("returns an empty object when room.currentState.getStateEvents return null", () => {
+        mockRoom.currentState.getStateEvents.mockReturnValueOnce(null);
+        expect(getPowerLevels(mockRoom)).toEqual({});
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/right_panel/VerificationPanel-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/VerificationPanel-test.tsx
new file mode 100644
index 00000000000..dca32f66dd0
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/VerificationPanel-test.tsx
@@ -0,0 +1,215 @@
+/*
+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 { act, render, waitFor } from "jest-matrix-react";
+import React, { type ComponentProps } from "react";
+import { User, TypedEventEmitter, Device, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { mocked, type Mocked } from "jest-mock";
+import {
+    type EmojiMapping,
+    type ShowSasCallbacks,
+    VerificationPhase as Phase,
+    type VerificationRequest,
+    type VerificationRequestEvent,
+    type Verifier,
+    VerifierEvent,
+    type VerifierEventHandlerMap,
+} from "matrix-js-sdk/src/crypto-api";
+
+import VerificationPanel from "../../../../../src/components/views/right_panel/VerificationPanel";
+import { flushPromises, stubClient } from "../../../../test-utils";
+
+describe("<VerificationPanel />", () => {
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        client = stubClient();
+    });
+
+    describe("'Ready' phase (dialog mode)", () => {
+        it("should show a 'Start' button", () => {
+            const container = renderComponent({
+                request: makeMockVerificationRequest({
+                    phase: Phase.Ready,
+                }),
+                layout: "dialog",
+            });
+            container.getByRole("button", { name: "Start" });
+        });
+
+        it("should show a QR code if the other side can scan and QR bytes are calculated", async () => {
+            const request = makeMockVerificationRequest({
+                phase: Phase.Ready,
+            });
+            request.generateQRCode.mockResolvedValue(new Uint8ClampedArray(Buffer.from("test", "utf-8")));
+            const container = renderComponent({
+                request: request,
+                layout: "dialog",
+            });
+            container.getByText("Scan this unique code");
+            // it shows a spinner at first; wait for the update which makes it show the QR code
+            await waitFor(() => {
+                container.getByAltText("QR Code");
+            });
+        });
+    });
+
+    describe("'Ready' phase (regular mode)", () => {
+        it("should show a 'Verify by emoji' button", () => {
+            const container = renderComponent({
+                request: makeMockVerificationRequest({ phase: Phase.Ready }),
+            });
+            container.getByRole("button", { name: "Verify by emoji" });
+        });
+
+        it("should show a QR code if the other side can scan and QR bytes are calculated", async () => {
+            const request = makeMockVerificationRequest({
+                phase: Phase.Ready,
+            });
+            request.generateQRCode.mockResolvedValue(new Uint8ClampedArray(Buffer.from("test", "utf-8")));
+            const container = renderComponent({
+                request: request,
+                member: new User("@other:user"),
+            });
+            container.getByText("Ask @other:user to scan your code:");
+            // it shows a spinner at first; wait for the update which makes it show the QR code
+            await waitFor(() => {
+                container.getByAltText("QR Code");
+            });
+        });
+    });
+
+    describe("'Verify by emoji' flow", () => {
+        let mockVerifier: Mocked<Verifier>;
+        let mockRequest: Mocked<VerificationRequest>;
+
+        beforeEach(() => {
+            mockVerifier = makeMockVerifier();
+            mockRequest = makeMockVerificationRequest({
+                verifier: mockVerifier as unknown as VerificationRequest["verifier"],
+                chosenMethod: "m.sas.v1",
+            });
+        });
+
+        it("shows a spinner initially", () => {
+            const { container } = renderComponent({
+                request: mockRequest,
+                phase: Phase.Started,
+            });
+            expect(container.getElementsByClassName("mx_Spinner").length).toBeTruthy();
+        });
+
+        it("should show some emojis once keys are exchanged", () => {
+            const { getAllByText } = renderComponent({
+                request: mockRequest,
+                phase: Phase.Started,
+            });
+
+            // fire the ShowSas event
+            const sasEvent = makeMockSasCallbacks();
+            mockVerifier.getShowSasCallbacks.mockReturnValue(sasEvent);
+            act(() => {
+                mockVerifier.emit(VerifierEvent.ShowSas, sasEvent);
+            });
+
+            expect(getAllByText("🦄")).toHaveLength(7);
+            expect(getAllByText("Unicorn")).toHaveLength(7);
+        });
+
+        describe("'Verify own device' flow", () => {
+            beforeEach(() => {
+                Object.defineProperty(mockRequest, "isSelfVerification", { get: () => true });
+                Object.defineProperty(mockRequest, "otherDeviceId", { get: () => "other_device" });
+
+                const otherDeviceDetails = new Device({
+                    algorithms: [],
+                    deviceId: "other_device",
+                    keys: new Map(),
+                    userId: "",
+                    displayName: "my other device",
+                });
+
+                mocked(client.getCrypto()!).getUserDeviceInfo.mockResolvedValue(
+                    new Map([[client.getSafeUserId(), new Map([["other_device", otherDeviceDetails]])]]),
+                );
+            });
+
+            it("should show 'Waiting for you to verify' after confirming", async () => {
+                const rendered = renderComponent({
+                    request: mockRequest,
+                    phase: Phase.Started,
+                });
+
+                // wait for the device to be looked up
+                await act(() => flushPromises());
+
+                // fire the ShowSas event
+                const sasEvent = makeMockSasCallbacks();
+                mockVerifier.getShowSasCallbacks.mockReturnValue(sasEvent);
+                act(() => {
+                    mockVerifier.emit(VerifierEvent.ShowSas, sasEvent);
+                });
+
+                // confirm
+                act(() => {
+                    rendered.getByRole("button", { name: "They match" }).click();
+                });
+
+                expect(rendered.container).toHaveTextContent(
+                    "Waiting for you to verify on your other device, my other device (other_device)…",
+                );
+            });
+        });
+    });
+});
+
+function renderComponent(props: Partial<ComponentProps<typeof VerificationPanel>> & { request: VerificationRequest }) {
+    const defaultProps = {
+        layout: "",
+        member: {} as User,
+        onClose: () => {},
+        isRoomEncrypted: false,
+        inDialog: false,
+        phase: props.request.phase,
+    };
+    return render(<VerificationPanel {...defaultProps} {...props} />);
+}
+
+function makeMockVerificationRequest(props: Partial<VerificationRequest> = {}): Mocked<VerificationRequest> {
+    const request = new TypedEventEmitter<VerificationRequestEvent, any>();
+    Object.assign(request, {
+        cancel: jest.fn(),
+        otherPartySupportsMethod: jest.fn().mockReturnValue(true),
+        generateQRCode: jest.fn().mockResolvedValue(undefined),
+        ...props,
+    });
+    return request as unknown as Mocked<VerificationRequest>;
+}
+
+function makeMockVerifier(): Mocked<Verifier> {
+    const verifier = new TypedEventEmitter<VerifierEvent, VerifierEventHandlerMap>();
+    Object.assign(verifier, {
+        cancel: jest.fn(),
+        verify: jest.fn(),
+        getShowSasCallbacks: jest.fn(),
+        getReciprocateQrCodeCallbacks: jest.fn(),
+    });
+    return verifier as unknown as Mocked<Verifier>;
+}
+
+function makeMockSasCallbacks(): ShowSasCallbacks {
+    const unicorn: EmojiMapping = ["🦄", "unicorn"];
+    return {
+        sas: {
+            emoji: Array.from<EmojiMapping>({ length: 7 }).map(() => unicorn),
+        },
+        cancel: jest.fn(),
+        confirm: jest.fn(),
+        mismatch: jest.fn(),
+    };
+}
diff --git a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/BaseCard-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/BaseCard-test.tsx.snap
new file mode 100644
index 00000000000..5d7c150081c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/BaseCard-test.tsx.snap
@@ -0,0 +1,59 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<BaseCard /> should close when clicking X button 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_BaseCard"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_title"
+      >
+        <p
+          aria-level="1"
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
+          role="heading"
+        >
+          Heading text
+        </p>
+      </div>
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar"
+      tabindex="-1"
+    >
+      <div>
+        Content
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/ExtensionsCard-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/ExtensionsCard-test.tsx.snap
new file mode 100644
index 00000000000..d427defa901
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/ExtensionsCard-test.tsx.snap
@@ -0,0 +1,301 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ExtensionsCard /> should render empty state 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_BaseCard mx_ExtensionsCard"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_title"
+      >
+        <p
+          aria-level="1"
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
+          role="heading"
+        >
+          Extensions
+        </p>
+      </div>
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar"
+      tabindex="-1"
+    >
+      <button
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        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="M11 13H6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h5V6q0-.424.287-.713A.97.97 0 0 1 12 5q.424 0 .713.287Q13 5.576 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 18z"
+          />
+        </svg>
+        Add extensions
+      </button>
+      <div
+        class="_flex_4dswl_9 mx_EmptyState"
+        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;"
+      >
+        <svg
+          fill="currentColor"
+          height="32px"
+          viewBox="0 0 24 24"
+          width="32px"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M17.25 11.672a.9.9 0 0 1-.663-.282L12.61 7.413a.9.9 0 0 1-.282-.663q0-.381.282-.663l3.977-3.977a.9.9 0 0 1 .663-.282q.381 0 .663.282l3.977 3.977a.9.9 0 0 1 .282.663.9.9 0 0 1-.282.663l-3.977 3.977a.9.9 0 0 1-.663.282m2.475-4.922L17.25 4.275 14.775 6.75l2.475 2.475zM4 11a.97.97 0 0 1-.712-.287A.97.97 0 0 1 3 10V4q0-.424.288-.712A.97.97 0 0 1 4 3h6q.424 0 .713.288Q11 3.575 11 4v6q0 .424-.287.713A.97.97 0 0 1 10 11zm5-2V5H5v4zm5 12a.97.97 0 0 1-.713-.288A.97.97 0 0 1 13 20v-6q0-.424.287-.713A.97.97 0 0 1 14 13h6q.424 0 .712.287.288.288.288.713v6q0 .424-.288.712A.97.97 0 0 1 20 21zm5-2v-4h-4v4zM4 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 20v-6q0-.424.288-.713A.97.97 0 0 1 4 13h6q.424 0 .713.287.287.288.287.713v6q0 .424-.287.712A.97.97 0 0 1 10 21zm5-2v-4H5v4z"
+          />
+        </svg>
+        <p
+          class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
+        >
+          Boost productivity with more tools, widgets and bots
+        </p>
+        <p
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+        >
+          Select “Add extensions” to browse and add extensions to this room
+        </p>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<ExtensionsCard /> should render widgets 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_BaseCard mx_ExtensionsCard"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_title"
+      >
+        <p
+          aria-level="1"
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
+          role="heading"
+        >
+          Extensions
+        </p>
+      </div>
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar"
+      tabindex="-1"
+    >
+      <button
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        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="M11 13H6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h5V6q0-.424.287-.713A.97.97 0 0 1 12 5q.424 0 .713.287Q13 5.576 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 18z"
+          />
+        </svg>
+        Add extensions
+      </button>
+      <div
+        class="_separator_13qwf_8"
+        data-kind="primary"
+        data-orientation="horizontal"
+        role="separator"
+      />
+      <div
+        class="mx_BaseCard_Button mx_ExtensionsCard_Button"
+      >
+        <div
+          class="mx_AccessibleButton mx_ExtensionsCard_icon_app"
+          role="button"
+          tabindex="0"
+        >
+          <span
+            aria-label="Avatar"
+            class="_avatar_va14e_8 mx_BaseAvatar mx_WidgetAvatar"
+            data-color="1"
+            data-testid="avatar-img"
+            data-type="round"
+            role="img"
+            style="--cpd-avatar-size: 24px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="24px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="image-file-stub"
+              width="24px"
+            />
+          </span>
+          <p
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_lineClamp"
+          >
+            Custom Widget
+          </p>
+        </div>
+        <div
+          aria-label="Pin"
+          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"
+      >
+        <div
+          class="mx_AccessibleButton mx_ExtensionsCard_icon_app"
+          role="button"
+          tabindex="0"
+        >
+          <span
+            aria-label="Avatar"
+            class="_avatar_va14e_8 mx_BaseAvatar mx_WidgetAvatar"
+            data-color="1"
+            data-testid="avatar-img"
+            data-type="round"
+            role="img"
+            style="--cpd-avatar-size: 24px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="24px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="image-file-stub"
+              width="24px"
+            />
+          </span>
+          <p
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_lineClamp"
+          >
+            Jitsi
+          </p>
+        </div>
+        <div
+          aria-label="Pin"
+          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>
+      <a
+        class="_link_13esb_8"
+        data-kind="primary"
+        data-size="md"
+        rel="noreferrer noopener"
+      >
+        Set layout for everyone
+      </a>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<ExtensionsCard /> should show context menu on widget row 1`] = `null`;
diff --git a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap
new file mode 100644
index 00000000000..8745232a2ac
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap
@@ -0,0 +1,529 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<PinnedMessagesCard /> should show the empty state when there are no pins 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_BaseCard mx_PinnedMessagesCard"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_title"
+      >
+        <p
+          aria-level="1"
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
+          role="heading"
+        >
+          Pinned messages
+        </p>
+      </div>
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar"
+      tabindex="-1"
+    >
+      <div
+        class="_flex_4dswl_9 mx_EmptyState"
+        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;"
+      >
+        <svg
+          fill="currentColor"
+          height="32px"
+          viewBox="0 0 24 24"
+          width="32px"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M6.119 2a.5.5 0 0 0-.35.857L7.85 4.9a.5.5 0 0 1 .15.357v4.487a.5.5 0 0 1-.15.356l-3.7 3.644A.5.5 0 0 0 4 14.1v1.4a.5.5 0 0 0 .5.5H11v6a1 1 0 1 0 2 0v-6h6.5a.5.5 0 0 0 .5-.5v-1.4a.5.5 0 0 0-.15-.356l-3.7-3.644a.5.5 0 0 1-.15-.356V5.257a.5.5 0 0 1 .15-.357l2.081-2.043a.5.5 0 0 0-.35-.857zM10 4h4v5.744a2.5 2.5 0 0 0 .746 1.781L17.26 14H6.74l2.514-2.475A2.5 2.5 0 0 0 10 9.744z"
+            fill-rule="evenodd"
+          />
+        </svg>
+        <p
+          class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
+        >
+          Pin important messages so that they can be easily discovered
+        </p>
+        <p
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+        >
+          Select a message and choose “Pin” to it include here.
+        </p>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_BaseCard mx_PinnedMessagesCard"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_title"
+      >
+        <p
+          aria-level="1"
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
+          role="heading"
+        >
+          2 Pinned messages
+        </p>
+      </div>
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar"
+      tabindex="-1"
+    >
+      <div
+        class="mx_PinnedMessagesCard_wrapper mx_PinnedMessagesCard_wrapper_unpin_all"
+        role="list"
+      >
+        <div
+          class="mx_PinnedEventTile"
+          role="listitem"
+        >
+          <div>
+            <span
+              class="_avatar_va14e_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_va14e_55"
+              data-color="3"
+              data-testid="avatar-img"
+              data-type="round"
+              role="presentation"
+              style="--cpd-avatar-size: 32px;"
+              title="@alice:example.org"
+            >
+              a
+            </span>
+          </div>
+          <div
+            class="mx_PinnedEventTile_wrapper"
+          >
+            <div
+              class="mx_PinnedEventTile_top"
+            >
+              <span
+                aria-labelledby="react-use-id-2"
+                class="mx_PinnedEventTile_sender mx_Username_color3"
+              >
+                @alice:example.org
+              </span>
+              <button
+                aria-describedby="react-use-id-3"
+                aria-disabled="false"
+                aria-expanded="false"
+                aria-haspopup="menu"
+                aria-label="Open menu"
+                class="_icon-button_1215g_8"
+                data-kind="primary"
+                data-state="closed"
+                id="radix-react-use-id-4"
+                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>
+            </div>
+            <div
+              class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+              id="react-use-id-3"
+            >
+              <div
+                class="mx_EventTile_body translate"
+                dir="auto"
+              >
+                The second one
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="_separator_13qwf_8 mx_PinnedMessagesCard_Separator"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <div
+          class="mx_PinnedEventTile"
+          role="listitem"
+        >
+          <div>
+            <span
+              class="_avatar_va14e_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_va14e_55"
+              data-color="3"
+              data-testid="avatar-img"
+              data-type="round"
+              role="presentation"
+              style="--cpd-avatar-size: 32px;"
+              title="@alice:example.org"
+            >
+              a
+            </span>
+          </div>
+          <div
+            class="mx_PinnedEventTile_wrapper"
+          >
+            <div
+              class="mx_PinnedEventTile_top"
+            >
+              <span
+                aria-labelledby="react-use-id-5"
+                class="mx_PinnedEventTile_sender mx_Username_color3"
+              >
+                @alice:example.org
+              </span>
+              <button
+                aria-describedby="react-use-id-6"
+                aria-disabled="false"
+                aria-expanded="false"
+                aria-haspopup="menu"
+                aria-label="Open menu"
+                class="_icon-button_1215g_8"
+                data-kind="primary"
+                data-state="closed"
+                id="radix-react-use-id-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="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_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+              id="react-use-id-6"
+            >
+              <div
+                class="mx_EventTile_body translate"
+                dir="auto"
+              >
+                First pinned message
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_PinnedMessagesCard_unpin"
+      >
+        <button
+          class="_button_1nw83_8"
+          data-kind="tertiary"
+          data-size="lg"
+          role="button"
+          tabindex="0"
+        >
+          Unpin all messages
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_BaseCard mx_PinnedMessagesCard"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_title"
+      >
+        <p
+          aria-level="1"
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
+          role="heading"
+        >
+          2 Pinned messages
+        </p>
+      </div>
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar"
+      tabindex="-1"
+    >
+      <div
+        class="mx_PinnedMessagesCard_wrapper"
+        role="list"
+      >
+        <div
+          class="mx_PinnedEventTile"
+          role="listitem"
+        >
+          <div>
+            <span
+              class="_avatar_va14e_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_va14e_55"
+              data-color="3"
+              data-testid="avatar-img"
+              data-type="round"
+              role="presentation"
+              style="--cpd-avatar-size: 32px;"
+              title="@alice:example.org"
+            >
+              a
+            </span>
+          </div>
+          <div
+            class="mx_PinnedEventTile_wrapper"
+          >
+            <div
+              class="mx_PinnedEventTile_top"
+            >
+              <span
+                aria-labelledby="react-use-id-2"
+                class="mx_PinnedEventTile_sender mx_Username_color3"
+              >
+                @alice:example.org
+              </span>
+              <button
+                aria-describedby="react-use-id-3"
+                aria-disabled="false"
+                aria-expanded="false"
+                aria-haspopup="menu"
+                aria-label="Open menu"
+                class="_icon-button_1215g_8"
+                data-kind="primary"
+                data-state="closed"
+                id="radix-react-use-id-4"
+                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>
+            </div>
+            <div
+              class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+              id="react-use-id-3"
+            >
+              <div
+                class="mx_EventTile_body translate"
+                dir="auto"
+              >
+                The second one
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="_separator_13qwf_8 mx_PinnedMessagesCard_Separator"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <div
+          class="mx_PinnedEventTile"
+          role="listitem"
+        >
+          <div>
+            <span
+              class="_avatar_va14e_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_va14e_55"
+              data-color="3"
+              data-testid="avatar-img"
+              data-type="round"
+              role="presentation"
+              style="--cpd-avatar-size: 32px;"
+              title="@alice:example.org"
+            >
+              a
+            </span>
+          </div>
+          <div
+            class="mx_PinnedEventTile_wrapper"
+          >
+            <div
+              class="mx_PinnedEventTile_top"
+            >
+              <span
+                aria-labelledby="react-use-id-5"
+                class="mx_PinnedEventTile_sender mx_Username_color3"
+              >
+                @alice:example.org
+              </span>
+              <button
+                aria-describedby="react-use-id-6"
+                aria-disabled="false"
+                aria-expanded="false"
+                aria-haspopup="menu"
+                aria-label="Open menu"
+                class="_icon-button_1215g_8"
+                data-kind="primary"
+                data-state="closed"
+                id="radix-react-use-id-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="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_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+              id="react-use-id-6"
+            >
+              <div
+                class="mx_EventTile_body translate"
+                dir="auto"
+              >
+                First pinned message
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
new file mode 100644
index 00000000000..58f106d62b7
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
@@ -0,0 +1,2176 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
+<div>
+  <div
+    aria-labelledby="room-summary-panel-tab"
+    class="mx_BaseCard mx_RoomSummaryCard"
+    id="room-summary-panel"
+    role="tabpanel"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_spacer"
+      />
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar"
+      tabindex="-1"
+    >
+      <header
+        class="mx_RoomSummaryCard_container"
+      >
+        <span
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="1"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 80px;"
+        >
+          !
+        </span>
+        <h1
+          class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112 mx_RoomSummaryCard_roomName text-primary"
+          title="!room:domain.org"
+        >
+          !room:domain.org
+        </h1>
+        <div
+          class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 mx_RoomSummaryCard_alias text-secondary"
+          title=""
+        />
+        <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: wrap;"
+        >
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_10dml_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 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>
+            Public room
+          </span>
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_10dml_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="M6 22q-.825 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412a2 2 0 0 1 .702-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 1 1-1.414 1.414l-.896-.896A1.94 1.94 0 0 1 18 22zm14-4.834V10q0-.825-.587-1.412A1.93 1.93 0 0 0 18 8h-1V6q0-2.075-1.463-3.537Q14.075 1 12 1T8.463 2.463a4.9 4.9 0 0 0-1.22 1.946L9 6.166V6q0-1.25.875-2.125A2.9 2.9 0 0 1 12 3q1.25 0 2.125.875T15 6v2h-4.166z"
+              />
+            </svg>
+            Not encrypted
+          </span>
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_10dml_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"
+          style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="mx_RoomSummaryCard_topic_container mx_RoomSummaryCard_topic_box _box-flex_1odfs_9"
+            style="--mx-box-flex: 1;"
+          >
+            <p
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+            >
+              <span
+                class="_container_15awj_8"
+              >
+                <span
+                  dir="auto"
+                >
+                  This is the room's topic.
+                </span>
+              </span>
+            </p>
+            <button
+              class="_icon-button_1215g_8 mx_RoomSummaryCard_topic_chevron"
+              data-kind="primary"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              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>
+          <div
+            class="mx_RoomSummaryCard_topic_edit _box-flex_1odfs_9"
+            style="--mx-box-flex: 1;"
+          >
+            <a
+              class="_link_13esb_8"
+              data-kind="primary"
+              data-size="md"
+              rel="noreferrer noopener"
+            >
+              <p
+                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+              >
+                Edit
+              </p>
+            </a>
+          </div>
+        </section>
+      </header>
+      <div
+        class="_separator_13qwf_8"
+        data-kind="primary"
+        data-orientation="horizontal"
+        role="separator"
+      />
+      <div
+        aria-orientation="vertical"
+        role="menubar"
+      >
+        <button
+          aria-checked="false"
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitemcheckbox"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Favourite
+          </span>
+          <div
+            class="_container_udcm8_10"
+          >
+            <input
+              aria-hidden="true"
+              class="_input_udcm8_24"
+              id="react-use-id-2"
+              role="switch"
+              tabindex="-1"
+              type="checkbox"
+            />
+            <div
+              class="_ui_udcm8_34"
+            />
+          </div>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M10 12q-1.65 0-2.825-1.175T6 8t1.175-2.825T10 4t2.825 1.175T14 8t-1.175 2.825T10 12m-8 6v-.8q0-.85.438-1.562.437-.713 1.162-1.088a14.8 14.8 0 0 1 3.15-1.163A13.8 13.8 0 0 1 10 13q1.65 0 3.25.387 1.6.388 3.15 1.163.724.375 1.163 1.087Q18 16.35 18 17.2v.8q0 .824-.587 1.413A1.93 1.93 0 0 1 16 20H4q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18m2 0h12v-.8a.97.97 0 0 0-.5-.85q-1.35-.675-2.725-1.012a11.6 11.6 0 0 0-5.55 0Q5.85 15.675 4.5 16.35a.97.97 0 0 0-.5.85zm6-8q.825 0 1.412-.588Q12 8.826 12 8q0-.824-.588-1.412A1.93 1.93 0 0 0 10 6q-.825 0-1.412.588A1.93 1.93 0 0 0 8 8q0 .825.588 1.412Q9.175 10 10 10m7 1h2v2q0 .424.288.713.287.287.712.287.424 0 .712-.287A.97.97 0 0 0 21 13v-2h2q.424 0 .712-.287A.97.97 0 0 0 24 10a.97.97 0 0 0-.288-.713A.97.97 0 0 0 23 9h-2V7a.97.97 0 0 0-.288-.713A.97.97 0 0 0 20 6a.97.97 0 0 0-.712.287A.97.97 0 0 0 19 7v2h-2a.97.97 0 0 0-.712.287A.97.97 0 0 0 16 10q0 .424.288.713.287.287.712.287"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Invite
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_13qwf_8"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            People
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M7 10a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 9q0-.424.287-.713A.97.97 0 0 1 7 8h10q.424 0 .712.287Q18 8.576 18 9t-.288.713A.97.97 0 0 1 17 10zm0 4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 13q0-.424.287-.713A.97.97 0 0 1 7 12h6q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 13 14z"
+            />
+            <path
+              d="M3.707 21.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6zM6 17h14V5H4v13.172l.586-.586A2 2 0 0 1 6 17"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Threads
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              clip-rule="evenodd"
+              d="M6.119 2a.5.5 0 0 0-.35.857L7.85 4.9a.5.5 0 0 1 .15.357v4.487a.5.5 0 0 1-.15.356l-3.7 3.644A.5.5 0 0 0 4 14.1v1.4a.5.5 0 0 0 .5.5H11v6a1 1 0 1 0 2 0v-6h6.5a.5.5 0 0 0 .5-.5v-1.4a.5.5 0 0 0-.15-.356l-3.7-3.644a.5.5 0 0 1-.15-.356V5.257a.5.5 0 0 1 .15-.357l2.081-2.043a.5.5 0 0 0-.35-.857zM10 4h4v5.744a2.5 2.5 0 0 0 .746 1.781L17.26 14H6.74l2.514-2.475A2.5 2.5 0 0 0 10 9.744z"
+              fill-rule="evenodd"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Pinned messages
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+          >
+            0
+          </span>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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.762V20q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zm7-14V4H6v16h12V9h-4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 13 8"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Files
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M17.25 11.672a.9.9 0 0 1-.663-.282L12.61 7.413a.9.9 0 0 1-.282-.663q0-.381.282-.663l3.977-3.977a.9.9 0 0 1 .663-.282q.381 0 .663.282l3.977 3.977a.9.9 0 0 1 .282.663.9.9 0 0 1-.282.663l-3.977 3.977a.9.9 0 0 1-.663.282m2.475-4.922L17.25 4.275 14.775 6.75l2.475 2.475zM4 11a.97.97 0 0 1-.712-.287A.97.97 0 0 1 3 10V4q0-.424.288-.712A.97.97 0 0 1 4 3h6q.424 0 .713.288Q11 3.575 11 4v6q0 .424-.287.713A.97.97 0 0 1 10 11zm5-2V5H5v4zm5 12a.97.97 0 0 1-.713-.288A.97.97 0 0 1 13 20v-6q0-.424.287-.713A.97.97 0 0 1 14 13h6q.424 0 .712.287.288.288.288.713v6q0 .424-.288.712A.97.97 0 0 1 20 21zm5-2v-4h-4v4zM4 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 20v-6q0-.424.288-.713A.97.97 0 0 1 4 13h6q.424 0 .713.287.287.288.287.713v6q0 .424-.287.712A.97.97 0 0 1 10 21zm5-2v-4H5v4z"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Extensions
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_13qwf_8"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Copy link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Polls
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V6.5q0-.375.125-.675t.325-.575l1.4-1.7q.2-.274.5-.412T6 3h12q.35 0 .65.138.3.137.5.412l1.4 1.7q.2.275.325.575T21 6.5V19q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm.4-15h13.2l-.85-1H6.25zM5 19h14V8H5zm7-1.425q.2 0 .375-.062a.9.9 0 0 0 .325-.213l2.6-2.6a.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.275l-.9.9V11a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 10a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 11v3.2l-.9-.9a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7l2.6 2.6q.15.15.325.212.175.063.375.063"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Export Chat
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0"
+            />
+            <path
+              d="M11.312 2h1.376A2.31 2.31 0 0 1 15 4.312v.247l.002.003c.01.014.031.033.064.047.03.013.056.013.07.01h.002l.177-.177a2.31 2.31 0 0 1 3.27 0l.973.974a2.31 2.31 0 0 1 0 3.269l-.177.177v.003a.13.13 0 0 0 .01.07.15.15 0 0 0 .047.063l.003.002h.247A2.31 2.31 0 0 1 22 11.312v1.376A2.31 2.31 0 0 1 19.688 15h-.247l-.003.002a.15.15 0 0 0-.047.064.13.13 0 0 0-.01.07v.002l.177.177a2.31 2.31 0 0 1 0 3.27l-.974.973a2.31 2.31 0 0 1-3.269 0l-.177-.177h-.003a.13.13 0 0 0-.07.01.15.15 0 0 0-.063.047l-.002.003v.247A2.31 2.31 0 0 1 12.688 22h-1.376A2.31 2.31 0 0 1 9 19.688v-.247l-.002-.003a.15.15 0 0 0-.064-.047.13.13 0 0 0-.07-.01h-.002l-.177.177a2.31 2.31 0 0 1-3.27 0l-.973-.974a2.31 2.31 0 0 1 0-3.269l.177-.177v-.003a.14.14 0 0 0-.01-.07.15.15 0 0 0-.047-.063L4.559 15h-.247A2.31 2.31 0 0 1 2 12.688v-1.376A2.31 2.31 0 0 1 4.312 9h.247l.003-.002a.15.15 0 0 0 .047-.064.14.14 0 0 0 .01-.07v-.002l-.177-.177a2.31 2.31 0 0 1 0-3.27l.974-.973a2.31 2.31 0 0 1 3.269 0l.177.177h.003a.14.14 0 0 0 .07-.01.15.15 0 0 0 .063-.047L9 4.559v-.247A2.31 2.31 0 0 1 11.312 2M11 4.312v.257c0 .893-.59 1.593-1.299 1.887-.716.297-1.622.21-2.248-.418l-.182-.182a.31.31 0 0 0-.441 0l-.974.974a.31.31 0 0 0 0 .44l.182.183c.627.626.715 1.531.418 2.248C6.162 10.41 5.462 11 4.569 11h-.257a.31.31 0 0 0-.312.312v1.376c0 .172.14.312.312.312h.257c.893 0 1.593.59 1.887 1.299.297.716.21 1.622-.418 2.248l-.182.182a.31.31 0 0 0 0 .441l.974.973a.31.31 0 0 0 .44 0l.183-.181c.626-.627 1.532-.715 2.248-.418.709.294 1.299.994 1.299 1.887v.257c0 .172.14.312.312.312h1.376c.172 0 .312-.14.312-.312v-.257c0-.893.59-1.593 1.299-1.887.716-.297 1.622-.21 2.249.418l.181.181c.122.122.32.122.441 0l.973-.973a.31.31 0 0 0 0-.44l-.181-.183c-.627-.626-.715-1.532-.418-2.248.294-.709.994-1.299 1.887-1.299h.257c.172 0 .312-.14.312-.312v-1.376a.31.31 0 0 0-.312-.312h-.257c-.893 0-1.593-.59-1.887-1.299-.297-.717-.21-1.622.418-2.248l.181-.182a.31.31 0 0 0 0-.441l-.973-.974a.31.31 0 0 0-.44 0l-.183.182c-.626.627-1.532.715-2.248.418C13.59 6.162 13 5.462 13 4.569v-.257A.31.31 0 0 0 12.688 4h-1.376a.31.31 0 0 0-.312.312"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Settings
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_13qwf_8"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <div
+          class="mx_RoomSummaryCard_bottomOptions"
+        >
+          <button
+            class="_item_bym9p_8 _interactive_bym9p_26"
+            data-kind="critical"
+            role="menuitem"
+          >
+            <svg
+              aria-hidden="true"
+              class="_icon_bym9p_51"
+              fill="currentColor"
+              height="24"
+              viewBox="0 0 24 24"
+              width="24"
+              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 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
+              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+            >
+              Report room
+            </span>
+            <svg
+              aria-hidden="true"
+              class="_nav-hint_bym9p_60"
+              fill="currentColor"
+              height="24"
+              viewBox="8 0 8 24"
+              width="8"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+              />
+            </svg>
+          </button>
+          <button
+            class="mx_RoomSummaryCard_leave _item_bym9p_8 _interactive_bym9p_26"
+            data-kind="critical"
+            role="menuitem"
+          >
+            <svg
+              aria-hidden="true"
+              class="_icon_bym9p_51"
+              fill="currentColor"
+              height="24"
+              viewBox="0 0 24 24"
+              width="24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M14 13q.424 0 .713-.287A.97.97 0 0 0 15 12a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 12q0 .424.287.713.288.287.713.287"
+              />
+              <path
+                d="M10.385 21.788A1 1 0 0 1 10 21V3a1.003 1.003 0 0 1 1.242-.97l8 2A1 1 0 0 1 20 5v14a1 1 0 0 1-.758.97l-8 2a1 1 0 0 1-.857-.182M18 5.781l-6-1.5v15.438l6-1.5zM9 6H7v12h2v2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2z"
+              />
+            </svg>
+            <span
+              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+            >
+              Leave room
+            </span>
+            <svg
+              aria-hidden="true"
+              class="_nav-hint_bym9p_60"
+              fill="currentColor"
+              height="24"
+              viewBox="8 0 8 24"
+              width="8"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+              />
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomSummaryCard /> renders the room summary 1`] = `
+<div>
+  <div
+    aria-labelledby="room-summary-panel-tab"
+    class="mx_BaseCard mx_RoomSummaryCard"
+    id="room-summary-panel"
+    role="tabpanel"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_spacer"
+      />
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar"
+      tabindex="-1"
+    >
+      <header
+        class="mx_RoomSummaryCard_container"
+      >
+        <span
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="1"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 80px;"
+        >
+          !
+        </span>
+        <h1
+          class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112 mx_RoomSummaryCard_roomName text-primary"
+          title="!room:domain.org"
+        >
+          !room:domain.org
+        </h1>
+        <div
+          class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 mx_RoomSummaryCard_alias text-secondary"
+          title=""
+        />
+        <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: wrap;"
+        >
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_10dml_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 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>
+            Public room
+          </span>
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_10dml_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="M6 22q-.825 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412a2 2 0 0 1 .702-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 1 1-1.414 1.414l-.896-.896A1.94 1.94 0 0 1 18 22zm14-4.834V10q0-.825-.587-1.412A1.93 1.93 0 0 0 18 8h-1V6q0-2.075-1.463-3.537Q14.075 1 12 1T8.463 2.463a4.9 4.9 0 0 0-1.22 1.946L9 6.166V6q0-1.25.875-2.125A2.9 2.9 0 0 1 12 3q1.25 0 2.125.875T15 6v2h-4.166z"
+              />
+            </svg>
+            Not encrypted
+          </span>
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_10dml_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"
+          style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="mx_RoomSummaryCard_topic_box _box-flex_1odfs_9"
+            style="--mx-box-flex: 1;"
+          >
+            <a
+              class="_link_13esb_8"
+              data-kind="primary"
+              data-size="md"
+              rel="noreferrer noopener"
+            >
+              <p
+                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+              >
+                Add topic
+              </p>
+            </a>
+          </div>
+        </section>
+      </header>
+      <div
+        class="_separator_13qwf_8"
+        data-kind="primary"
+        data-orientation="horizontal"
+        role="separator"
+      />
+      <div
+        aria-orientation="vertical"
+        role="menubar"
+      >
+        <button
+          aria-checked="false"
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitemcheckbox"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Favourite
+          </span>
+          <div
+            class="_container_udcm8_10"
+          >
+            <input
+              aria-hidden="true"
+              class="_input_udcm8_24"
+              id="react-use-id-2"
+              role="switch"
+              tabindex="-1"
+              type="checkbox"
+            />
+            <div
+              class="_ui_udcm8_34"
+            />
+          </div>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M10 12q-1.65 0-2.825-1.175T6 8t1.175-2.825T10 4t2.825 1.175T14 8t-1.175 2.825T10 12m-8 6v-.8q0-.85.438-1.562.437-.713 1.162-1.088a14.8 14.8 0 0 1 3.15-1.163A13.8 13.8 0 0 1 10 13q1.65 0 3.25.387 1.6.388 3.15 1.163.724.375 1.163 1.087Q18 16.35 18 17.2v.8q0 .824-.587 1.413A1.93 1.93 0 0 1 16 20H4q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18m2 0h12v-.8a.97.97 0 0 0-.5-.85q-1.35-.675-2.725-1.012a11.6 11.6 0 0 0-5.55 0Q5.85 15.675 4.5 16.35a.97.97 0 0 0-.5.85zm6-8q.825 0 1.412-.588Q12 8.826 12 8q0-.824-.588-1.412A1.93 1.93 0 0 0 10 6q-.825 0-1.412.588A1.93 1.93 0 0 0 8 8q0 .825.588 1.412Q9.175 10 10 10m7 1h2v2q0 .424.288.713.287.287.712.287.424 0 .712-.287A.97.97 0 0 0 21 13v-2h2q.424 0 .712-.287A.97.97 0 0 0 24 10a.97.97 0 0 0-.288-.713A.97.97 0 0 0 23 9h-2V7a.97.97 0 0 0-.288-.713A.97.97 0 0 0 20 6a.97.97 0 0 0-.712.287A.97.97 0 0 0 19 7v2h-2a.97.97 0 0 0-.712.287A.97.97 0 0 0 16 10q0 .424.288.713.287.287.712.287"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Invite
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_13qwf_8"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            People
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M7 10a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 9q0-.424.287-.713A.97.97 0 0 1 7 8h10q.424 0 .712.287Q18 8.576 18 9t-.288.713A.97.97 0 0 1 17 10zm0 4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 13q0-.424.287-.713A.97.97 0 0 1 7 12h6q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 13 14z"
+            />
+            <path
+              d="M3.707 21.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6zM6 17h14V5H4v13.172l.586-.586A2 2 0 0 1 6 17"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Threads
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              clip-rule="evenodd"
+              d="M6.119 2a.5.5 0 0 0-.35.857L7.85 4.9a.5.5 0 0 1 .15.357v4.487a.5.5 0 0 1-.15.356l-3.7 3.644A.5.5 0 0 0 4 14.1v1.4a.5.5 0 0 0 .5.5H11v6a1 1 0 1 0 2 0v-6h6.5a.5.5 0 0 0 .5-.5v-1.4a.5.5 0 0 0-.15-.356l-3.7-3.644a.5.5 0 0 1-.15-.356V5.257a.5.5 0 0 1 .15-.357l2.081-2.043a.5.5 0 0 0-.35-.857zM10 4h4v5.744a2.5 2.5 0 0 0 .746 1.781L17.26 14H6.74l2.514-2.475A2.5 2.5 0 0 0 10 9.744z"
+              fill-rule="evenodd"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Pinned messages
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+          >
+            0
+          </span>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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.762V20q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zm7-14V4H6v16h12V9h-4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 13 8"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Files
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M17.25 11.672a.9.9 0 0 1-.663-.282L12.61 7.413a.9.9 0 0 1-.282-.663q0-.381.282-.663l3.977-3.977a.9.9 0 0 1 .663-.282q.381 0 .663.282l3.977 3.977a.9.9 0 0 1 .282.663.9.9 0 0 1-.282.663l-3.977 3.977a.9.9 0 0 1-.663.282m2.475-4.922L17.25 4.275 14.775 6.75l2.475 2.475zM4 11a.97.97 0 0 1-.712-.287A.97.97 0 0 1 3 10V4q0-.424.288-.712A.97.97 0 0 1 4 3h6q.424 0 .713.288Q11 3.575 11 4v6q0 .424-.287.713A.97.97 0 0 1 10 11zm5-2V5H5v4zm5 12a.97.97 0 0 1-.713-.288A.97.97 0 0 1 13 20v-6q0-.424.287-.713A.97.97 0 0 1 14 13h6q.424 0 .712.287.288.288.288.713v6q0 .424-.288.712A.97.97 0 0 1 20 21zm5-2v-4h-4v4zM4 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 20v-6q0-.424.288-.713A.97.97 0 0 1 4 13h6q.424 0 .713.287.287.288.287.713v6q0 .424-.287.712A.97.97 0 0 1 10 21zm5-2v-4H5v4z"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Extensions
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_13qwf_8"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Copy link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Polls
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V6.5q0-.375.125-.675t.325-.575l1.4-1.7q.2-.274.5-.412T6 3h12q.35 0 .65.138.3.137.5.412l1.4 1.7q.2.275.325.575T21 6.5V19q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm.4-15h13.2l-.85-1H6.25zM5 19h14V8H5zm7-1.425q.2 0 .375-.062a.9.9 0 0 0 .325-.213l2.6-2.6a.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.275l-.9.9V11a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 10a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 11v3.2l-.9-.9a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7l2.6 2.6q.15.15.325.212.175.063.375.063"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Export Chat
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0"
+            />
+            <path
+              d="M11.312 2h1.376A2.31 2.31 0 0 1 15 4.312v.247l.002.003c.01.014.031.033.064.047.03.013.056.013.07.01h.002l.177-.177a2.31 2.31 0 0 1 3.27 0l.973.974a2.31 2.31 0 0 1 0 3.269l-.177.177v.003a.13.13 0 0 0 .01.07.15.15 0 0 0 .047.063l.003.002h.247A2.31 2.31 0 0 1 22 11.312v1.376A2.31 2.31 0 0 1 19.688 15h-.247l-.003.002a.15.15 0 0 0-.047.064.13.13 0 0 0-.01.07v.002l.177.177a2.31 2.31 0 0 1 0 3.27l-.974.973a2.31 2.31 0 0 1-3.269 0l-.177-.177h-.003a.13.13 0 0 0-.07.01.15.15 0 0 0-.063.047l-.002.003v.247A2.31 2.31 0 0 1 12.688 22h-1.376A2.31 2.31 0 0 1 9 19.688v-.247l-.002-.003a.15.15 0 0 0-.064-.047.13.13 0 0 0-.07-.01h-.002l-.177.177a2.31 2.31 0 0 1-3.27 0l-.973-.974a2.31 2.31 0 0 1 0-3.269l.177-.177v-.003a.14.14 0 0 0-.01-.07.15.15 0 0 0-.047-.063L4.559 15h-.247A2.31 2.31 0 0 1 2 12.688v-1.376A2.31 2.31 0 0 1 4.312 9h.247l.003-.002a.15.15 0 0 0 .047-.064.14.14 0 0 0 .01-.07v-.002l-.177-.177a2.31 2.31 0 0 1 0-3.27l.974-.973a2.31 2.31 0 0 1 3.269 0l.177.177h.003a.14.14 0 0 0 .07-.01.15.15 0 0 0 .063-.047L9 4.559v-.247A2.31 2.31 0 0 1 11.312 2M11 4.312v.257c0 .893-.59 1.593-1.299 1.887-.716.297-1.622.21-2.248-.418l-.182-.182a.31.31 0 0 0-.441 0l-.974.974a.31.31 0 0 0 0 .44l.182.183c.627.626.715 1.531.418 2.248C6.162 10.41 5.462 11 4.569 11h-.257a.31.31 0 0 0-.312.312v1.376c0 .172.14.312.312.312h.257c.893 0 1.593.59 1.887 1.299.297.716.21 1.622-.418 2.248l-.182.182a.31.31 0 0 0 0 .441l.974.973a.31.31 0 0 0 .44 0l.183-.181c.626-.627 1.532-.715 2.248-.418.709.294 1.299.994 1.299 1.887v.257c0 .172.14.312.312.312h1.376c.172 0 .312-.14.312-.312v-.257c0-.893.59-1.593 1.299-1.887.716-.297 1.622-.21 2.249.418l.181.181c.122.122.32.122.441 0l.973-.973a.31.31 0 0 0 0-.44l-.181-.183c-.627-.626-.715-1.532-.418-2.248.294-.709.994-1.299 1.887-1.299h.257c.172 0 .312-.14.312-.312v-1.376a.31.31 0 0 0-.312-.312h-.257c-.893 0-1.593-.59-1.887-1.299-.297-.717-.21-1.622.418-2.248l.181-.182a.31.31 0 0 0 0-.441l-.973-.974a.31.31 0 0 0-.44 0l-.183.182c-.626.627-1.532.715-2.248.418C13.59 6.162 13 5.462 13 4.569v-.257A.31.31 0 0 0 12.688 4h-1.376a.31.31 0 0 0-.312.312"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Settings
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_13qwf_8"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <div
+          class="mx_RoomSummaryCard_bottomOptions"
+        >
+          <button
+            class="_item_bym9p_8 _interactive_bym9p_26"
+            data-kind="critical"
+            role="menuitem"
+          >
+            <svg
+              aria-hidden="true"
+              class="_icon_bym9p_51"
+              fill="currentColor"
+              height="24"
+              viewBox="0 0 24 24"
+              width="24"
+              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 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
+              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+            >
+              Report room
+            </span>
+            <svg
+              aria-hidden="true"
+              class="_nav-hint_bym9p_60"
+              fill="currentColor"
+              height="24"
+              viewBox="8 0 8 24"
+              width="8"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+              />
+            </svg>
+          </button>
+          <button
+            class="mx_RoomSummaryCard_leave _item_bym9p_8 _interactive_bym9p_26"
+            data-kind="critical"
+            role="menuitem"
+          >
+            <svg
+              aria-hidden="true"
+              class="_icon_bym9p_51"
+              fill="currentColor"
+              height="24"
+              viewBox="0 0 24 24"
+              width="24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M14 13q.424 0 .713-.287A.97.97 0 0 0 15 12a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 12q0 .424.287.713.288.287.713.287"
+              />
+              <path
+                d="M10.385 21.788A1 1 0 0 1 10 21V3a1.003 1.003 0 0 1 1.242-.97l8 2A1 1 0 0 1 20 5v14a1 1 0 0 1-.758.97l-8 2a1 1 0 0 1-.857-.182M18 5.781l-6-1.5v15.438l6-1.5zM9 6H7v12h2v2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2z"
+              />
+            </svg>
+            <span
+              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+            >
+              Leave room
+            </span>
+            <svg
+              aria-hidden="true"
+              class="_nav-hint_bym9p_60"
+              fill="currentColor"
+              height="24"
+              viewBox="8 0 8 24"
+              width="8"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+              />
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
+<div>
+  <div
+    aria-labelledby="room-summary-panel-tab"
+    class="mx_BaseCard mx_RoomSummaryCard"
+    id="room-summary-panel"
+    role="tabpanel"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_spacer"
+      />
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar"
+      tabindex="-1"
+    >
+      <header
+        class="mx_RoomSummaryCard_container"
+      >
+        <span
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="1"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 80px;"
+        >
+          !
+        </span>
+        <h1
+          class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112 mx_RoomSummaryCard_roomName text-primary"
+          title="!room:domain.org"
+        >
+          !room:domain.org
+        </h1>
+        <div
+          class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 mx_RoomSummaryCard_alias text-secondary"
+          title=""
+        />
+        <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: wrap;"
+        >
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_10dml_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 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>
+            Public room
+          </span>
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_10dml_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="M6 22q-.825 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412a2 2 0 0 1 .702-.463L1.333 4.167a1 1 0 0 1 1.414-1.414L7 7.006v-.012l13 13v.012l1.247 1.247a1 1 0 1 1-1.414 1.414l-.896-.896A1.94 1.94 0 0 1 18 22zm14-4.834V10q0-.825-.587-1.412A1.93 1.93 0 0 0 18 8h-1V6q0-2.075-1.463-3.537Q14.075 1 12 1T8.463 2.463a4.9 4.9 0 0 0-1.22 1.946L9 6.166V6q0-1.25.875-2.125A2.9 2.9 0 0 1 12 3q1.25 0 2.125.875T15 6v2h-4.166z"
+              />
+            </svg>
+            Not encrypted
+          </span>
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_10dml_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"
+          style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="mx_RoomSummaryCard_topic_container mx_RoomSummaryCard_topic_box _box-flex_1odfs_9"
+            style="--mx-box-flex: 1;"
+          >
+            <p
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+            >
+              <span
+                class="_container_15awj_8"
+              >
+                <span
+                  dir="auto"
+                >
+                  This is the room's topic.
+                </span>
+              </span>
+            </p>
+            <button
+              class="_icon-button_1215g_8 mx_RoomSummaryCard_topic_chevron"
+              data-kind="primary"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              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>
+          <div
+            class="mx_RoomSummaryCard_topic_edit _box-flex_1odfs_9"
+            style="--mx-box-flex: 1;"
+          >
+            <a
+              class="_link_13esb_8"
+              data-kind="primary"
+              data-size="md"
+              rel="noreferrer noopener"
+            >
+              <p
+                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+              >
+                Edit
+              </p>
+            </a>
+          </div>
+        </section>
+      </header>
+      <div
+        class="_separator_13qwf_8"
+        data-kind="primary"
+        data-orientation="horizontal"
+        role="separator"
+      />
+      <div
+        aria-orientation="vertical"
+        role="menubar"
+      >
+        <button
+          aria-checked="false"
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitemcheckbox"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Favourite
+          </span>
+          <div
+            class="_container_udcm8_10"
+          >
+            <input
+              aria-hidden="true"
+              class="_input_udcm8_24"
+              id="react-use-id-2"
+              role="switch"
+              tabindex="-1"
+              type="checkbox"
+            />
+            <div
+              class="_ui_udcm8_34"
+            />
+          </div>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M10 12q-1.65 0-2.825-1.175T6 8t1.175-2.825T10 4t2.825 1.175T14 8t-1.175 2.825T10 12m-8 6v-.8q0-.85.438-1.562.437-.713 1.162-1.088a14.8 14.8 0 0 1 3.15-1.163A13.8 13.8 0 0 1 10 13q1.65 0 3.25.387 1.6.388 3.15 1.163.724.375 1.163 1.087Q18 16.35 18 17.2v.8q0 .824-.587 1.413A1.93 1.93 0 0 1 16 20H4q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18m2 0h12v-.8a.97.97 0 0 0-.5-.85q-1.35-.675-2.725-1.012a11.6 11.6 0 0 0-5.55 0Q5.85 15.675 4.5 16.35a.97.97 0 0 0-.5.85zm6-8q.825 0 1.412-.588Q12 8.826 12 8q0-.824-.588-1.412A1.93 1.93 0 0 0 10 6q-.825 0-1.412.588A1.93 1.93 0 0 0 8 8q0 .825.588 1.412Q9.175 10 10 10m7 1h2v2q0 .424.288.713.287.287.712.287.424 0 .712-.287A.97.97 0 0 0 21 13v-2h2q.424 0 .712-.287A.97.97 0 0 0 24 10a.97.97 0 0 0-.288-.713A.97.97 0 0 0 23 9h-2V7a.97.97 0 0 0-.288-.713A.97.97 0 0 0 20 6a.97.97 0 0 0-.712.287A.97.97 0 0 0 19 7v2h-2a.97.97 0 0 0-.712.287A.97.97 0 0 0 16 10q0 .424.288.713.287.287.712.287"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Invite
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_13qwf_8"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            People
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M7 10a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 9q0-.424.287-.713A.97.97 0 0 1 7 8h10q.424 0 .712.287Q18 8.576 18 9t-.288.713A.97.97 0 0 1 17 10zm0 4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 13q0-.424.287-.713A.97.97 0 0 1 7 12h6q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 13 14z"
+            />
+            <path
+              d="M3.707 21.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6zM6 17h14V5H4v13.172l.586-.586A2 2 0 0 1 6 17"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Threads
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              clip-rule="evenodd"
+              d="M6.119 2a.5.5 0 0 0-.35.857L7.85 4.9a.5.5 0 0 1 .15.357v4.487a.5.5 0 0 1-.15.356l-3.7 3.644A.5.5 0 0 0 4 14.1v1.4a.5.5 0 0 0 .5.5H11v6a1 1 0 1 0 2 0v-6h6.5a.5.5 0 0 0 .5-.5v-1.4a.5.5 0 0 0-.15-.356l-3.7-3.644a.5.5 0 0 1-.15-.356V5.257a.5.5 0 0 1 .15-.357l2.081-2.043a.5.5 0 0 0-.35-.857zM10 4h4v5.744a2.5 2.5 0 0 0 .746 1.781L17.26 14H6.74l2.514-2.475A2.5 2.5 0 0 0 10 9.744z"
+              fill-rule="evenodd"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Pinned messages
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+          >
+            0
+          </span>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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.762V20q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zm7-14V4H6v16h12V9h-4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 13 8"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Files
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M17.25 11.672a.9.9 0 0 1-.663-.282L12.61 7.413a.9.9 0 0 1-.282-.663q0-.381.282-.663l3.977-3.977a.9.9 0 0 1 .663-.282q.381 0 .663.282l3.977 3.977a.9.9 0 0 1 .282.663.9.9 0 0 1-.282.663l-3.977 3.977a.9.9 0 0 1-.663.282m2.475-4.922L17.25 4.275 14.775 6.75l2.475 2.475zM4 11a.97.97 0 0 1-.712-.287A.97.97 0 0 1 3 10V4q0-.424.288-.712A.97.97 0 0 1 4 3h6q.424 0 .713.288Q11 3.575 11 4v6q0 .424-.287.713A.97.97 0 0 1 10 11zm5-2V5H5v4zm5 12a.97.97 0 0 1-.713-.288A.97.97 0 0 1 13 20v-6q0-.424.287-.713A.97.97 0 0 1 14 13h6q.424 0 .712.287.288.288.288.713v6q0 .424-.288.712A.97.97 0 0 1 20 21zm5-2v-4h-4v4zM4 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 20v-6q0-.424.288-.713A.97.97 0 0 1 4 13h6q.424 0 .713.287.287.288.287.713v6q0 .424-.287.712A.97.97 0 0 1 10 21zm5-2v-4H5v4z"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Extensions
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_13qwf_8"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Copy link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M16 10q.424 0 .712-.287A.97.97 0 0 0 17 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 9q0 .424.287.713.288.287.713.287zm0 6q.424 0 .712-.287A.97.97 0 0 0 17 15a.97.97 0 0 0-.288-.713A.97.97 0 0 0 16 14h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 12 15q0 .424.287.713.288.287.713.287zm-7-5q.825 0 1.412-.588Q11 9.826 11 9t-.588-1.412A1.93 1.93 0 0 0 9 7q-.825 0-1.412.588A1.93 1.93 0 0 0 7 9q0 .825.588 1.412Q8.175 11 9 11m0 6q.825 0 1.412-.587Q11 15.825 11 15t-.588-1.412A1.93 1.93 0 0 0 9 13q-.825 0-1.412.588A1.93 1.93 0 0 0 7 15q0 .824.588 1.413Q8.175 17 9 17m-4 4q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Polls
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V6.5q0-.375.125-.675t.325-.575l1.4-1.7q.2-.274.5-.412T6 3h12q.35 0 .65.138.3.137.5.412l1.4 1.7q.2.275.325.575T21 6.5V19q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm.4-15h13.2l-.85-1H6.25zM5 19h14V8H5zm7-1.425q.2 0 .375-.062a.9.9 0 0 0 .325-.213l2.6-2.6a.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.275l-.9.9V11a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 10a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 11v3.2l-.9-.9a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7l2.6 2.6q.15.15.325.212.175.063.375.063"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Export Chat
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0"
+            />
+            <path
+              d="M11.312 2h1.376A2.31 2.31 0 0 1 15 4.312v.247l.002.003c.01.014.031.033.064.047.03.013.056.013.07.01h.002l.177-.177a2.31 2.31 0 0 1 3.27 0l.973.974a2.31 2.31 0 0 1 0 3.269l-.177.177v.003a.13.13 0 0 0 .01.07.15.15 0 0 0 .047.063l.003.002h.247A2.31 2.31 0 0 1 22 11.312v1.376A2.31 2.31 0 0 1 19.688 15h-.247l-.003.002a.15.15 0 0 0-.047.064.13.13 0 0 0-.01.07v.002l.177.177a2.31 2.31 0 0 1 0 3.27l-.974.973a2.31 2.31 0 0 1-3.269 0l-.177-.177h-.003a.13.13 0 0 0-.07.01.15.15 0 0 0-.063.047l-.002.003v.247A2.31 2.31 0 0 1 12.688 22h-1.376A2.31 2.31 0 0 1 9 19.688v-.247l-.002-.003a.15.15 0 0 0-.064-.047.13.13 0 0 0-.07-.01h-.002l-.177.177a2.31 2.31 0 0 1-3.27 0l-.973-.974a2.31 2.31 0 0 1 0-3.269l.177-.177v-.003a.14.14 0 0 0-.01-.07.15.15 0 0 0-.047-.063L4.559 15h-.247A2.31 2.31 0 0 1 2 12.688v-1.376A2.31 2.31 0 0 1 4.312 9h.247l.003-.002a.15.15 0 0 0 .047-.064.14.14 0 0 0 .01-.07v-.002l-.177-.177a2.31 2.31 0 0 1 0-3.27l.974-.973a2.31 2.31 0 0 1 3.269 0l.177.177h.003a.14.14 0 0 0 .07-.01.15.15 0 0 0 .063-.047L9 4.559v-.247A2.31 2.31 0 0 1 11.312 2M11 4.312v.257c0 .893-.59 1.593-1.299 1.887-.716.297-1.622.21-2.248-.418l-.182-.182a.31.31 0 0 0-.441 0l-.974.974a.31.31 0 0 0 0 .44l.182.183c.627.626.715 1.531.418 2.248C6.162 10.41 5.462 11 4.569 11h-.257a.31.31 0 0 0-.312.312v1.376c0 .172.14.312.312.312h.257c.893 0 1.593.59 1.887 1.299.297.716.21 1.622-.418 2.248l-.182.182a.31.31 0 0 0 0 .441l.974.973a.31.31 0 0 0 .44 0l.183-.181c.626-.627 1.532-.715 2.248-.418.709.294 1.299.994 1.299 1.887v.257c0 .172.14.312.312.312h1.376c.172 0 .312-.14.312-.312v-.257c0-.893.59-1.593 1.299-1.887.716-.297 1.622-.21 2.249.418l.181.181c.122.122.32.122.441 0l.973-.973a.31.31 0 0 0 0-.44l-.181-.183c-.627-.626-.715-1.532-.418-2.248.294-.709.994-1.299 1.887-1.299h.257c.172 0 .312-.14.312-.312v-1.376a.31.31 0 0 0-.312-.312h-.257c-.893 0-1.593-.59-1.887-1.299-.297-.717-.21-1.622.418-2.248l.181-.182a.31.31 0 0 0 0-.441l-.973-.974a.31.31 0 0 0-.44 0l-.183.182c-.626.627-1.532.715-2.248.418C13.59 6.162 13 5.462 13 4.569v-.257A.31.31 0 0 0 12.688 4h-1.376a.31.31 0 0 0-.312.312"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Settings
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_13qwf_8"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <div
+          class="mx_RoomSummaryCard_bottomOptions"
+        >
+          <button
+            class="_item_bym9p_8 _interactive_bym9p_26"
+            data-kind="critical"
+            role="menuitem"
+          >
+            <svg
+              aria-hidden="true"
+              class="_icon_bym9p_51"
+              fill="currentColor"
+              height="24"
+              viewBox="0 0 24 24"
+              width="24"
+              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 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
+              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+            >
+              Report room
+            </span>
+            <svg
+              aria-hidden="true"
+              class="_nav-hint_bym9p_60"
+              fill="currentColor"
+              height="24"
+              viewBox="8 0 8 24"
+              width="8"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+              />
+            </svg>
+          </button>
+          <button
+            class="mx_RoomSummaryCard_leave _item_bym9p_8 _interactive_bym9p_26"
+            data-kind="critical"
+            role="menuitem"
+          >
+            <svg
+              aria-hidden="true"
+              class="_icon_bym9p_51"
+              fill="currentColor"
+              height="24"
+              viewBox="0 0 24 24"
+              width="24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M14 13q.424 0 .713-.287A.97.97 0 0 0 15 12a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 11a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 12q0 .424.287.713.288.287.713.287"
+              />
+              <path
+                d="M10.385 21.788A1 1 0 0 1 10 21V3a1.003 1.003 0 0 1 1.242-.97l8 2A1 1 0 0 1 20 5v14a1 1 0 0 1-.758.97l-8 2a1 1 0 0 1-.857-.182M18 5.781l-6-1.5v15.438l6-1.5zM9 6H7v12h2v2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2z"
+              />
+            </svg>
+            <span
+              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+            >
+              Leave room
+            </span>
+            <svg
+              aria-hidden="true"
+              class="_nav-hint_bym9p_60"
+              fill="currentColor"
+              height="24"
+              viewBox="8 0 8 24"
+              width="8"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+              />
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap
new file mode 100644
index 00000000000..a228981b2b9
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap
@@ -0,0 +1,662 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
+<div>
+  <div
+    class="mx_BaseCard mx_UserInfo"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_title"
+      >
+        <p
+          aria-level="1"
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
+          role="heading"
+        >
+          Profile
+        </p>
+      </div>
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar"
+      tabindex="-1"
+    >
+      <div
+        class="mx_UserInfo_avatar"
+      >
+        <div
+          class="mx_UserInfo_avatar_transition"
+        >
+          <div
+            class="mx_UserInfo_avatar_transition_child"
+          >
+            <button
+              aria-label="Profile picture"
+              aria-live="off"
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+              data-color="3"
+              data-testid="avatar-img"
+              data-type="round"
+              role="button"
+              style="--cpd-avatar-size: 120px;"
+            >
+              u
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_UserInfo_container mx_UserInfo_header"
+      >
+        <div
+          class="_flex_4dswl_9 mx_UserInfo_profile"
+          style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+        >
+          <h1
+            class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+            dir="auto"
+          >
+            <div
+              class="_flex_4dswl_9 mx_UserInfo_profile_name"
+              style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+            >
+              @user:example.com
+            </div>
+          </h1>
+          <div
+            class="mx_PresenceLabel mx_UserInfo_profileStatus"
+          >
+            Unknown
+          </div>
+          <p
+            class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 mx_UserInfo_profile_mxid"
+          >
+            <span
+              class="mx_CopyableText"
+            >
+              customUserIdentifier
+              <button
+                aria-labelledby="react-use-id-2"
+                class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+                data-kind="primary"
+                role="button"
+                style="--cpd-icon-button-size: 28px; padding: 4px;"
+                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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                    />
+                    <path
+                      d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                    />
+                  </svg>
+                </div>
+              </button>
+            </span>
+          </p>
+        </div>
+        <div
+          class="_flex_4dswl_9 mx_UserInfo_verification"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+        >
+          <p
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 mx_UserInfo_verification_unavailable"
+          >
+            (
+            User verification unavailable
+            )
+          </p>
+        </div>
+      </div>
+      <div
+        class="mx_UserInfo_container"
+      >
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Send message
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26 _disabled_bym9p_140"
+          data-kind="primary"
+          disabled=""
+          role="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Jump to read receipt
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 16a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 15V7.85L9.125 9.725q-.3.3-.7.3T7.7 9.7a.93.93 0 0 1-.288-.713A.98.98 0 0 1 7.7 8.3l3.6-3.6q.15-.15.325-.213.175-.062.375-.062t.375.062a.9.9 0 0 1 .325.213l3.6 3.6q.3.3.287.712a.98.98 0 0 1-.287.688q-.3.3-.713.313a.93.93 0 0 1-.712-.288L13 7.85V15q0 .424-.287.713A.97.97 0 0 1 12 16m-6 4q-.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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Share profile
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+      </div>
+      <div
+        class="mx_UserInfo_container"
+      >
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="critical"
+          role="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Ignore
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<UserInfo /> with crypto enabled should render a deactivate button for users of the same server if we are a server admin 1`] = `
+<div>
+  <div
+    class="mx_BaseCard mx_UserInfo"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_title"
+      >
+        <p
+          aria-level="1"
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
+          role="heading"
+        >
+          Profile
+        </p>
+      </div>
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar"
+      tabindex="-1"
+    >
+      <div
+        class="mx_UserInfo_avatar"
+      >
+        <div
+          class="mx_UserInfo_avatar_transition"
+        >
+          <div
+            class="mx_UserInfo_avatar_transition_child"
+          >
+            <button
+              aria-label="Profile picture"
+              aria-live="off"
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+              data-color="3"
+              data-testid="avatar-img"
+              data-type="round"
+              role="button"
+              style="--cpd-avatar-size: 120px;"
+            >
+              u
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_UserInfo_container mx_UserInfo_header"
+      >
+        <div
+          class="_flex_4dswl_9 mx_UserInfo_profile"
+          style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+        >
+          <h1
+            class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+            dir="auto"
+          >
+            <div
+              class="_flex_4dswl_9 mx_UserInfo_profile_name"
+              style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+            >
+              @user:example.com
+            </div>
+          </h1>
+          <div
+            class="mx_PresenceLabel mx_UserInfo_profileStatus"
+          >
+            Unknown
+          </div>
+          <p
+            class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 mx_UserInfo_profile_mxid"
+          >
+            <span
+              class="mx_CopyableText"
+            >
+              customUserIdentifier
+              <button
+                aria-labelledby="react-use-id-2"
+                class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+                data-kind="primary"
+                role="button"
+                style="--cpd-icon-button-size: 28px; padding: 4px;"
+                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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                    />
+                    <path
+                      d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                    />
+                  </svg>
+                </div>
+              </button>
+            </span>
+          </p>
+        </div>
+        <div
+          class="_flex_4dswl_9 mx_UserInfo_verification"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+        >
+          <p
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 mx_UserInfo_verification_unavailable"
+          >
+            (
+            User verification unavailable
+            )
+          </p>
+        </div>
+      </div>
+      <div
+        class="mx_UserInfo_container"
+      >
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Send message
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26 _disabled_bym9p_140"
+          data-kind="primary"
+          disabled=""
+          role="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Jump to read receipt
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          role="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 16a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 15V7.85L9.125 9.725q-.3.3-.7.3T7.7 9.7a.93.93 0 0 1-.288-.713A.98.98 0 0 1 7.7 8.3l3.6-3.6q.15-.15.325-.213.175-.062.375-.062t.375.062a.9.9 0 0 1 .325.213l3.6 3.6q.3.3.287.712a.98.98 0 0 1-.287.688q-.3.3-.713.313a.93.93 0 0 1-.712-.288L13 7.85V15q0 .424-.287.713A.97.97 0 0 1 12 16m-6 4q-.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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Share profile
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+      </div>
+      <div
+        class="mx_UserInfo_container"
+      >
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="critical"
+          role="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Deactivate user
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+      </div>
+      <div
+        class="mx_UserInfo_container"
+      >
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="critical"
+          role="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Ignore
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoAdminToolsContainer-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoAdminToolsContainer-test.tsx
new file mode 100644
index 00000000000..524c76a515a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoAdminToolsContainer-test.tsx
@@ -0,0 +1,315 @@
+/*
+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, fireEvent } from "jest-matrix-react";
+import { type Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import { UserInfoAdminToolsContainer } from "../../../../../../src/components/views/right_panel/user_info/UserInfoAdminToolsContainer";
+import { useUserInfoAdminToolsContainerViewModel } from "../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoAdminToolsContainerViewModel";
+import { useRoomKickButtonViewModel } from "../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoKickButtonViewModel";
+import { useBanButtonViewModel } from "../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoBanButtonViewModel";
+import { useMuteButtonViewModel } from "../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoMuteButtonViewModel";
+import { useRedactMessagesButtonViewModel } from "../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoRedactButtonViewModel";
+import { stubClient } from "../../../../../test-utils";
+import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
+
+jest.mock("../../../../../../src/utils/DMRoomMap", () => {
+    const mock = {
+        getUserIdForRoomId: jest.fn(),
+        getDMRoomsForUserId: jest.fn(),
+    };
+
+    return {
+        shared: jest.fn().mockReturnValue(mock),
+        sharedInstance: mock,
+    };
+});
+
+jest.mock(
+    "../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoAdminToolsContainerViewModel",
+    () => ({
+        useUserInfoAdminToolsContainerViewModel: jest.fn().mockReturnValue({
+            isCurrentUserInTheRoom: true,
+            shouldShowKickButton: true,
+            shouldShowBanButton: true,
+            shouldShowMuteButton: true,
+            shouldShowRedactButton: true,
+        }),
+    }),
+);
+
+jest.mock(
+    "../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoKickButtonViewModel",
+    () => ({
+        useRoomKickButtonViewModel: jest.fn().mockReturnValue({
+            canUserBeKicked: true,
+            kickLabel: "Kick",
+            onKickClick: jest.fn(),
+        }),
+    }),
+);
+
+jest.mock("../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoBanButtonViewModel", () => ({
+    useBanButtonViewModel: jest.fn().mockReturnValue({
+        banLabel: "Ban",
+        onBanOrUnbanClick: jest.fn(),
+    }),
+}));
+
+jest.mock(
+    "../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoMuteButtonViewModel",
+    () => ({
+        useMuteButtonViewModel: jest.fn().mockReturnValue({
+            isMemberInTheRoom: true,
+            muteLabel: "Mute",
+            onMuteButtonClick: jest.fn(),
+        }),
+    }),
+);
+
+jest.mock(
+    "../../../../../../src/components/viewmodels/right_panel/user_info/admin/UserInfoRedactButtonViewModel",
+    () => ({
+        useRedactMessagesButtonViewModel: jest.fn().mockReturnValue({
+            onRedactAllMessagesClick: jest.fn(),
+        }),
+    }),
+);
+
+const defaultRoomId = "!fkfk";
+
+describe("UserInfoAdminToolsContainer", () => {
+    // Setup it data
+    const mockRoom = mocked({
+        roomId: defaultRoomId,
+        getType: jest.fn().mockReturnValue(undefined),
+        isSpaceRoom: jest.fn().mockReturnValue(false),
+        getMember: jest.fn().mockReturnValue(undefined),
+        getMxcAvatarUrl: jest.fn().mockReturnValue("mock-avatar-url"),
+        name: "test room",
+        on: jest.fn(),
+        off: jest.fn(),
+        currentState: {
+            getStateEvents: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn(),
+        },
+        getEventReadUpTo: jest.fn(),
+    } as unknown as Room);
+
+    const mockMember = {
+        userId: "@user:example.com",
+        membership: "join",
+        powerLevel: 0,
+    } as unknown as RoomMember;
+
+    const mockPowerLevels = {
+        users: {
+            "@currentuser:example.com": 100,
+        },
+        events: {},
+        state_default: 50,
+        ban: 50,
+        kick: 50,
+        redact: 50,
+    };
+
+    const defaultProps = {
+        room: mockRoom,
+        member: mockMember,
+        powerLevels: mockPowerLevels,
+        isUpdating: false,
+        startUpdating: jest.fn(),
+        stopUpdating: jest.fn(),
+    };
+
+    const mockMatrixClient = stubClient();
+
+    const renderComponent = (props = defaultProps) => {
+        return render(
+            <MatrixClientContext.Provider value={mockMatrixClient}>
+                <UserInfoAdminToolsContainer {...props} />
+            </MatrixClientContext.Provider>,
+        );
+    };
+
+    beforeEach(() => {
+        mocked(useUserInfoAdminToolsContainerViewModel).mockReturnValue({
+            isCurrentUserInTheRoom: true,
+            shouldShowKickButton: true,
+            shouldShowBanButton: true,
+            shouldShowMuteButton: true,
+            shouldShowRedactButton: true,
+        });
+        jest.clearAllMocks();
+    });
+
+    it("renders all admin tools when user has permissions", () => {
+        renderComponent();
+
+        // Check that all buttons are rendered
+        expect(screen.getByText("Mute")).toBeInTheDocument();
+        expect(screen.getByText("Kick")).toBeInTheDocument();
+        expect(screen.getByText("Ban")).toBeInTheDocument();
+        expect(screen.getByText("Remove messages")).toBeInTheDocument();
+    });
+
+    it("renders no admin tools when current user is not in the room", () => {
+        mocked(useUserInfoAdminToolsContainerViewModel).mockReturnValue({
+            isCurrentUserInTheRoom: false,
+            shouldShowKickButton: false,
+            shouldShowBanButton: false,
+            shouldShowMuteButton: false,
+            shouldShowRedactButton: false,
+        });
+
+        const { container } = renderComponent();
+
+        // Should render an empty div
+        expect(container.firstChild).toBeEmptyDOMElement();
+    });
+
+    it("renders children when provided", () => {
+        render(
+            <UserInfoAdminToolsContainer {...defaultProps}>
+                <div data-testid="child-element">Custom Child</div>
+            </UserInfoAdminToolsContainer>,
+        );
+
+        expect(screen.getByTestId("child-element")).toBeInTheDocument();
+        expect(screen.getByText("Custom Child")).toBeInTheDocument();
+    });
+
+    describe("Kick behavior", () => {
+        it("clicking kick button calls the appropriate handler", () => {
+            const mockedOnKickClick = jest.fn();
+            mocked(useRoomKickButtonViewModel).mockReturnValue({
+                canUserBeKicked: true,
+                kickLabel: "Kick",
+                onKickClick: mockedOnKickClick,
+            });
+            renderComponent();
+
+            const kickButton = screen.getByText("Kick");
+            fireEvent.click(kickButton);
+
+            expect(mockedOnKickClick).toHaveBeenCalled();
+        });
+
+        it("should not display kick buttun if user can't be kicked", () => {
+            mocked(useRoomKickButtonViewModel).mockReturnValue({
+                canUserBeKicked: false,
+                kickLabel: "Kick",
+                onKickClick: jest.fn(),
+            });
+
+            renderComponent();
+
+            expect(screen.queryByText("Kick")).not.toBeInTheDocument();
+        });
+
+        it("should display the correct label when user can be disinvited", () => {
+            mocked(useRoomKickButtonViewModel).mockReturnValue({
+                canUserBeKicked: true,
+                kickLabel: "Disinvite",
+                onKickClick: jest.fn(),
+            });
+
+            renderComponent({
+                ...defaultProps,
+                member: mockMember,
+            });
+
+            expect(screen.getByText("Disinvite")).toBeInTheDocument();
+        });
+    });
+
+    describe("Ban behavior", () => {
+        it("clicking ban button calls the appropriate handler", () => {
+            const mockedOnBanOrUnbanClick = jest.fn();
+            mocked(useBanButtonViewModel).mockReturnValue({
+                banLabel: "Ban",
+                onBanOrUnbanClick: mockedOnBanOrUnbanClick,
+            });
+            renderComponent();
+
+            const banButton = screen.getByText("Ban");
+            fireEvent.click(banButton);
+
+            expect(mockedOnBanOrUnbanClick).toHaveBeenCalled();
+        });
+
+        it("should display the correct label", () => {
+            const mockedOnBanOrUnbanClick = jest.fn();
+            mocked(useBanButtonViewModel).mockReturnValue({
+                banLabel: "Unban",
+                onBanOrUnbanClick: mockedOnBanOrUnbanClick,
+            });
+            renderComponent();
+
+            // The label should be "Unban"
+            expect(screen.getByText("Unban")).toBeInTheDocument();
+        });
+    });
+
+    describe("Mute behavior", () => {
+        it("clicking mute button calls the appropriate handler", () => {
+            const mockedOnMuteButtonClick = jest.fn();
+            mocked(useMuteButtonViewModel).mockReturnValue({
+                isMemberInTheRoom: true,
+                muteLabel: "Mute",
+                onMuteButtonClick: mockedOnMuteButtonClick,
+            });
+            renderComponent();
+
+            const muteButton = screen.getByText("Mute");
+            fireEvent.click(muteButton);
+
+            expect(mockedOnMuteButtonClick).toHaveBeenCalled();
+        });
+
+        it("should not display mute button if user is not in the room", () => {
+            mocked(useMuteButtonViewModel).mockReturnValue({
+                isMemberInTheRoom: false,
+                muteLabel: "Mute",
+                onMuteButtonClick: jest.fn(),
+            });
+
+            renderComponent();
+
+            expect(screen.queryByText("Mute")).not.toBeInTheDocument();
+        });
+
+        it("should display the correct label", () => {
+            mocked(useMuteButtonViewModel).mockReturnValue({
+                isMemberInTheRoom: true,
+                muteLabel: "Mute",
+                onMuteButtonClick: jest.fn(),
+            });
+            renderComponent();
+
+            expect(screen.getByText("Mute")).toBeInTheDocument();
+        });
+    });
+
+    describe("Redact behavior", () => {
+        it("clicking redact button calls the appropriate handler", () => {
+            const mockedOnRedactAllMessagesClick = jest.fn();
+            mocked(useRedactMessagesButtonViewModel).mockReturnValue({
+                onRedactAllMessagesClick: mockedOnRedactAllMessagesClick,
+            });
+            renderComponent();
+
+            const redactButton = screen.getByText("Remove messages");
+            fireEvent.click(redactButton);
+
+            expect(mockedOnRedactAllMessagesClick).toHaveBeenCalled();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoBasic-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoBasic-test.tsx
new file mode 100644
index 00000000000..3fb67c6876a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoBasic-test.tsx
@@ -0,0 +1,112 @@
+/*
+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 { type MatrixClient, type Room, RoomMember, type User } from "matrix-js-sdk/src/matrix";
+import { logRoles, render, screen } from "jest-matrix-react";
+
+import { createTestClient, mkStubRoom } from "../../../../../test-utils";
+import {
+    type UserInfoBasicState,
+    useUserInfoBasicViewModel,
+} from "../../../../../../src/components/viewmodels/right_panel/user_info/UserInfoBasicViewModel";
+import { UserInfoBasicView } from "../../../../../../src/components/views/right_panel/user_info/UserInfoBasicView";
+import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
+
+const defaultRoomPermissions = {
+    canEdit: true,
+    canInvite: true,
+    modifyLevelMax: -1,
+};
+jest.mock("../../../../../../src/components/viewmodels/right_panel/user_info/UserInfoBasicViewModel", () => ({
+    useUserInfoBasicViewModel: jest.fn(),
+    useRoomPermissions: () => defaultRoomPermissions,
+}));
+
+describe("<UserInfoBasic />", () => {
+    const defaultValue: UserInfoBasicState = {
+        powerLevels: {},
+        roomPermissions: defaultRoomPermissions,
+        pendingUpdateCount: 0,
+        isMe: false,
+        isRoomDMForMember: false,
+        showDeactivateButton: true,
+        onSynapseDeactivate: jest.fn(),
+        startUpdating: jest.fn(),
+        stopUpdating: jest.fn(),
+    };
+
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+    let defaultRoom: Room;
+
+    let defaultProps: { member: User | RoomMember; room: Room };
+    let matrixClient: MatrixClient;
+
+    const renderComponent = (props = defaultProps) => {
+        return render(
+            <MatrixClientContext.Provider value={matrixClient}>
+                <UserInfoBasicView {...props} />
+            </MatrixClientContext.Provider>,
+        );
+    };
+    beforeEach(() => {
+        matrixClient = createTestClient();
+        defaultRoom = mkStubRoom(defaultRoomId, defaultRoomId, matrixClient);
+        defaultProps = {
+            member: defaultMember,
+            room: defaultRoom,
+        };
+    });
+
+    it("should display the defaut values", () => {
+        mocked(useUserInfoBasicViewModel).mockReturnValue(defaultValue);
+        const { container } = renderComponent();
+        logRoles(container);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should not show ignore button if user is me", () => {
+        const state: UserInfoBasicState = { ...defaultValue, isMe: true };
+        mocked(useUserInfoBasicViewModel).mockReturnValue(state);
+        renderComponent();
+
+        const ignoreButton = screen.queryByRole("button", { name: "Ignore" });
+        expect(ignoreButton).not.toBeInTheDocument();
+    });
+
+    it("should not show deactivate button", () => {
+        const state: UserInfoBasicState = { ...defaultValue, showDeactivateButton: false };
+        mocked(useUserInfoBasicViewModel).mockReturnValue(state);
+        renderComponent();
+
+        const deactivateButton = screen.queryByRole("button", { name: "Deactivate user" });
+        expect(deactivateButton).not.toBeInTheDocument();
+    });
+
+    it("should not show powerlevels selector for dm", () => {
+        const state: UserInfoBasicState = { ...defaultValue, isRoomDMForMember: true };
+        mocked(useUserInfoBasicViewModel).mockReturnValue(state);
+        const { container } = renderComponent();
+
+        logRoles(container);
+        const powserlevel = screen.queryByRole("option", { name: "Default" });
+        expect(powserlevel).not.toBeInTheDocument();
+    });
+
+    it("should show spinner if pending update is > 0", () => {
+        const state: UserInfoBasicState = { ...defaultValue, pendingUpdateCount: 2 };
+        mocked(useUserInfoBasicViewModel).mockReturnValue(state);
+        renderComponent();
+
+        const spinner = screen.getByTestId("spinner");
+        expect(spinner).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoBasicOptionsView-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoBasicOptionsView-test.tsx
new file mode 100644
index 00000000000..8f0f4411da0
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoBasicOptionsView-test.tsx
@@ -0,0 +1,208 @@
+/*
+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 { type Room, RoomMember, type User } from "matrix-js-sdk/src/matrix";
+import { fireEvent, render, screen } from "jest-matrix-react";
+
+import { mkStubRoom, stubClient } from "../../../../../test-utils";
+import {
+    useUserInfoBasicOptionsViewModel,
+    type UserInfoBasicOptionsState,
+} from "../../../../../../src/components/viewmodels/right_panel/user_info/UserInfoBasicOptionsViewModel";
+import { UserInfoBasicOptionsView } from "../../../../../../src/components/views/right_panel/user_info/UserInfoBasicOptionsView";
+import { UIComponent } from "../../../../../../src/settings/UIFeature";
+import { shouldShowComponent } from "../../../../../../src/customisations/helpers/UIComponents";
+import { type Member } from "../../../../../../src/components/views/right_panel/UserInfo";
+
+jest.mock("../../../../../../src/components/viewmodels/right_panel/user_info/UserInfoBasicOptionsViewModel", () => ({
+    useUserInfoBasicOptionsViewModel: jest.fn(),
+}));
+
+jest.mock("../../../../../../src/customisations/helpers/UIComponents", () => {
+    const original = jest.requireActual("../../../../../../src/customisations/helpers/UIComponents");
+    return {
+        shouldShowComponent: jest.fn().mockImplementation(original.shouldShowComponent),
+    };
+});
+
+describe("<UserOptionsSection />", () => {
+    const defaultValue: UserInfoBasicOptionsState = {
+        isMe: false,
+        showInviteButton: false,
+        showInsertPillButton: false,
+        readReceiptButtonDisabled: false,
+        onInsertPillButton: () => jest.fn(),
+        onReadReceiptButton: () => jest.fn(),
+        onShareUserClick: () => jest.fn(),
+        onInviteUserButton: (fallbackRoomId: string, evt: Event) => Promise.resolve(),
+        onOpenDmForUser: (member: Member) => Promise.resolve(),
+    };
+
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+    let defaultRoom: Room;
+
+    let defaultProps: { member: User | RoomMember; room: Room };
+
+    beforeEach(() => {
+        const matrixClient = stubClient();
+        defaultRoom = mkStubRoom(defaultRoomId, defaultRoomId, matrixClient);
+        defaultProps = {
+            member: defaultMember,
+            room: defaultRoom,
+        };
+    });
+
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+
+    it("should always display sharedButton when user is not me", () => {
+        // User is not me by default
+        mocked(useUserInfoBasicOptionsViewModel).mockReturnValue({ ...defaultValue });
+        render(<UserInfoBasicOptionsView {...defaultProps} />);
+        const sharedButton = screen.getByRole("button", { name: "Share profile" });
+        expect(sharedButton).toBeInTheDocument();
+    });
+
+    it("should always display sharedButton when user is me", () => {
+        const propsWithMe = { ...defaultProps };
+        const onShareUserClick = jest.fn();
+        const state = { ...defaultValue, isMe: true, onShareUserClick };
+
+        mocked(useUserInfoBasicOptionsViewModel).mockReturnValue(state);
+        render(<UserInfoBasicOptionsView {...propsWithMe} />);
+
+        const sharedButton2 = screen.getByRole("button", { name: "Share profile" });
+        expect(sharedButton2).toBeInTheDocument();
+
+        // clicking on the share profile button
+        fireEvent.click(sharedButton2);
+
+        expect(onShareUserClick).toHaveBeenCalled();
+    });
+
+    it("should show insert pill button when user is not me and showinsertpill is true", () => {
+        const onInsertPillButton = jest.fn();
+        const state = { ...defaultValue, showInsertPillButton: true, onInsertPillButton };
+        // User is not me and showInsertpill is true
+        mocked(useUserInfoBasicOptionsViewModel).mockReturnValue(state);
+        render(<UserInfoBasicOptionsView {...defaultProps} />);
+
+        const insertPillButton = screen.getByRole("button", { name: "Mention" });
+        expect(insertPillButton).toBeInTheDocument();
+
+        // clicking on the insert pill button
+        fireEvent.click(insertPillButton);
+
+        expect(onInsertPillButton).toHaveBeenCalled();
+    });
+
+    it("should not show insert pill button when user is not me and showinsertpill is false", () => {
+        mocked(useUserInfoBasicOptionsViewModel).mockReturnValue({ ...defaultValue, showInsertPillButton: false });
+        render(<UserInfoBasicOptionsView {...defaultProps} />);
+        const insertPillButton = screen.queryByRole("button", { name: "Mention" });
+        expect(insertPillButton).not.toBeInTheDocument();
+    });
+
+    it("should not show insert pill button when user is me", () => {
+        // User is me, should not see the insert button even when show insertpill is true
+        mocked(useUserInfoBasicOptionsViewModel).mockReturnValue({
+            ...defaultValue,
+            showInsertPillButton: true,
+            isMe: true,
+        });
+        const propsWithMe = { ...defaultProps };
+        render(<UserInfoBasicOptionsView {...propsWithMe} />);
+        const insertPillButton = screen.queryByRole("button", { name: "Mention" });
+        expect(insertPillButton).not.toBeInTheDocument();
+    });
+
+    it("should not show readreceiptbutton when user is me", () => {
+        mocked(useUserInfoBasicOptionsViewModel).mockReturnValue({
+            ...defaultValue,
+            readReceiptButtonDisabled: true,
+            isMe: true,
+        });
+        const propsWithMe = { ...defaultProps };
+        render(<UserInfoBasicOptionsView {...propsWithMe} />);
+
+        const readReceiptButton = screen.queryByRole("button", { name: "Jump to read receipt" });
+        expect(readReceiptButton).not.toBeInTheDocument();
+    });
+
+    it("should show disable readreceiptbutton when readReceiptButtonDisabled is true", () => {
+        mocked(useUserInfoBasicOptionsViewModel).mockReturnValue({ ...defaultValue, readReceiptButtonDisabled: true });
+        render(<UserInfoBasicOptionsView {...defaultProps} />);
+
+        const readReceiptButton = screen.getByRole("button", { name: "Jump to read receipt" });
+        expect(readReceiptButton).toBeDisabled();
+    });
+
+    it("should not show disable readreceiptbutton when readReceiptButtonDisabled is false", () => {
+        const onReadReceiptButton = jest.fn();
+        const state = { ...defaultValue, readReceiptButtonDisabled: false, onReadReceiptButton };
+        mocked(useUserInfoBasicOptionsViewModel).mockReturnValue(state);
+        render(<UserInfoBasicOptionsView {...defaultProps} />);
+
+        const readReceiptButton = screen.getByRole("button", { name: "Jump to read receipt" });
+        expect(readReceiptButton).not.toBeDisabled();
+
+        // clicking on the read receipt button
+        fireEvent.click(readReceiptButton);
+
+        expect(onReadReceiptButton).toHaveBeenCalled();
+    });
+
+    it("should show not show invite button if shouldShowComponent is false", () => {
+        mocked(useUserInfoBasicOptionsViewModel).mockReturnValue({ ...defaultValue, showInviteButton: true });
+        mocked(shouldShowComponent).mockReturnValue(false);
+        render(<UserInfoBasicOptionsView {...defaultProps} />);
+
+        const inviteButton = screen.queryByRole("button", { name: "Invite" });
+        expect(shouldShowComponent).toHaveBeenCalledWith(UIComponent.InviteUsers);
+        expect(inviteButton).not.toBeInTheDocument();
+    });
+
+    it("should show show invite button if shouldShowComponent is true", () => {
+        const onInviteUserButton = jest.fn();
+        const state = { ...defaultValue, showInviteButton: true, onInviteUserButton };
+        mocked(useUserInfoBasicOptionsViewModel).mockReturnValue(state);
+        mocked(shouldShowComponent).mockReturnValue(true);
+        render(<UserInfoBasicOptionsView {...defaultProps} />);
+
+        const inviteButton = screen.getByRole("button", { name: "Invite" });
+        expect(shouldShowComponent).toHaveBeenCalledWith(UIComponent.InviteUsers);
+        expect(inviteButton).toBeInTheDocument();
+
+        // clicking on the invite button
+        fireEvent.click(inviteButton);
+        expect(onInviteUserButton).toHaveBeenCalled();
+    });
+
+    it("should show directMessageButton when user is not me", () => {
+        // User is not me, direct message button should display
+        mocked(useUserInfoBasicOptionsViewModel).mockReturnValue(defaultValue);
+        mocked(shouldShowComponent).mockReturnValue(true);
+        render(<UserInfoBasicOptionsView {...defaultProps} />);
+        const dmButton = screen.getByRole("button", { name: "Send message" });
+        expect(dmButton).toBeInTheDocument();
+    });
+
+    it("should not show directMessageButton when user is me", () => {
+        mocked(useUserInfoBasicOptionsViewModel).mockReturnValue({ ...defaultValue, isMe: true });
+        mocked(shouldShowComponent).mockReturnValue(true);
+        const propsWithMe = { ...defaultProps };
+        render(<UserInfoBasicOptionsView {...propsWithMe} />);
+        const dmButton = screen.queryByRole("button", { name: "Send message" });
+        expect(dmButton).not.toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoHeaderVerificationView-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoHeaderVerificationView-test.tsx
new file mode 100644
index 00000000000..0aff7d65bbe
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoHeaderVerificationView-test.tsx
@@ -0,0 +1,97 @@
+/*
+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, type Mocked } from "jest-mock";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { UserVerificationStatus, type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+import { Device, RoomMember } from "matrix-js-sdk/src/matrix";
+import { render, waitFor, screen } from "jest-matrix-react";
+import React from "react";
+
+import { MatrixClientPeg } from "../../../../../../src/MatrixClientPeg";
+import { UserInfoHeaderVerificationView } from "../../../../../../src/components/views/right_panel/user_info/UserInfoHeaderVerificationView";
+import { clientAndSDKContextRenderOptions, createTestClient } from "../../../../../test-utils";
+import { TestSDKContext } from "../../../../TestSDKContext.ts";
+
+describe("<UserInfoHeaderVerificationView />", () => {
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+
+    let mockClient: MatrixClient;
+    let mockCrypto: Mocked<CryptoApi>;
+    let sdkContext: TestSDKContext;
+
+    beforeEach(() => {
+        mockCrypto = mocked({
+            bootstrapSecretStorage: jest.fn(),
+            bootstrapCrossSigning: jest.fn(),
+            getCrossSigningKeyId: jest.fn(),
+            getVerificationRequestsToDeviceInProgress: jest.fn().mockReturnValue([]),
+            getUserDeviceInfo: jest.fn(),
+            getDeviceVerificationStatus: jest.fn(),
+            getUserVerificationStatus: jest.fn(),
+            isDehydrationSupported: jest.fn().mockResolvedValue(false),
+            startDehydration: jest.fn(),
+            getKeyBackupInfo: jest.fn().mockResolvedValue(null),
+            userHasCrossSigningKeys: jest.fn().mockResolvedValue(false),
+        } as unknown as CryptoApi);
+
+        mockClient = createTestClient();
+        sdkContext = new TestSDKContext();
+        sdkContext._client = mockClient;
+        jest.spyOn(mockClient, "doesServerSupportUnstableFeature").mockResolvedValue(true);
+        jest.spyOn(mockClient.secretStorage, "hasKey").mockResolvedValue(true);
+        jest.spyOn(mockClient, "getCrypto").mockReturnValue(mockCrypto);
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+    });
+
+    const renderComponent = () => {
+        const device1 = new Device({
+            deviceId: "d1",
+            userId: defaultUserId,
+            displayName: "my device",
+            algorithms: [],
+            keys: new Map(),
+        });
+        const devicesMap = new Map<string, Device>([[device1.deviceId, device1]]);
+        const userDeviceMap = new Map<string, Map<string, Device>>([[defaultUserId, devicesMap]]);
+
+        mockCrypto.getUserDeviceInfo.mockResolvedValue(userDeviceMap);
+        jest.spyOn(mockClient, "doesServerSupportUnstableFeature").mockResolvedValue(true);
+
+        return render(
+            <UserInfoHeaderVerificationView member={defaultMember} devices={[device1]} />,
+            clientAndSDKContextRenderOptions(mockClient, sdkContext),
+        );
+    };
+
+    it("renders verified badge when user is verified", async () => {
+        mockCrypto.getUserVerificationStatus.mockResolvedValue(new UserVerificationStatus(true, true, false));
+        const { container } = renderComponent();
+        await waitFor(() => expect(screen.getByText("Verified")).toBeInTheDocument());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders verify button", async () => {
+        mockCrypto.getUserVerificationStatus.mockResolvedValue(new UserVerificationStatus(false, false, false));
+        mockCrypto.userHasCrossSigningKeys.mockResolvedValue(true);
+        const { container } = renderComponent();
+        await waitFor(() => expect(screen.getByText("Verify User")).toBeInTheDocument());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders verification unavailable message", async () => {
+        mockCrypto.getUserVerificationStatus.mockResolvedValue(new UserVerificationStatus(false, false, false));
+        mockCrypto.userHasCrossSigningKeys.mockResolvedValue(false);
+        const { container } = renderComponent();
+        await waitFor(() => expect(screen.getByText("(User verification unavailable)")).toBeInTheDocument());
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoHeaderView-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoHeaderView-test.tsx
new file mode 100644
index 00000000000..45ca0c942a5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoHeaderView-test.tsx
@@ -0,0 +1,192 @@
+/*
+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, type Mocked } from "jest-mock";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+import { Device, RoomMember } from "matrix-js-sdk/src/matrix";
+import { fireEvent, render, screen } from "jest-matrix-react";
+import React from "react";
+
+import { MatrixClientPeg } from "../../../../../../src/MatrixClientPeg";
+import { UserInfoHeaderView } from "../../../../../../src/components/views/right_panel/user_info/UserInfoHeaderView";
+import { clientAndSDKContextRenderOptions, createTestClient } from "../../../../../test-utils";
+import { useUserfoHeaderViewModel } from "../../../../../../src/components/viewmodels/right_panel/user_info/UserInfoHeaderViewModel";
+import { TestSDKContext } from "../../../../TestSDKContext.ts";
+
+// Mock the viewmodel hooks
+jest.mock("../../../../../../src/components/viewmodels/right_panel/user_info/UserInfoHeaderViewModel", () => ({
+    useUserfoHeaderViewModel: jest.fn().mockReturnValue({
+        onMemberAvatarClick: jest.fn(),
+        precenseInfo: {
+            lastActiveAgo: undefined,
+            currentlyActive: undefined,
+            state: undefined,
+        },
+        showPresence: false,
+        timezoneInfo: null,
+        userIdentifier: "customUserIdentifier",
+    }),
+}));
+
+describe("<UserInfoHeaderView />", () => {
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+    const defaultProps = {
+        member: defaultMember,
+        roomId: defaultRoomId,
+    };
+
+    let mockClient: MatrixClient;
+    let mockCrypto: Mocked<CryptoApi>;
+    let sdkContext: TestSDKContext;
+
+    beforeEach(() => {
+        mockCrypto = mocked({
+            bootstrapSecretStorage: jest.fn(),
+            bootstrapCrossSigning: jest.fn(),
+            getCrossSigningKeyId: jest.fn(),
+            getVerificationRequestsToDeviceInProgress: jest.fn().mockReturnValue([]),
+            getUserDeviceInfo: jest.fn(),
+            getDeviceVerificationStatus: jest.fn(),
+            getUserVerificationStatus: jest.fn(),
+            isDehydrationSupported: jest.fn().mockResolvedValue(false),
+            startDehydration: jest.fn(),
+            getKeyBackupInfo: jest.fn().mockResolvedValue(null),
+            userHasCrossSigningKeys: jest.fn().mockResolvedValue(false),
+        } as unknown as CryptoApi);
+
+        mockClient = createTestClient();
+        mockClient.doesServerSupportExtendedProfiles = () => Promise.resolve(false);
+        sdkContext = new TestSDKContext();
+        sdkContext._client = mockClient;
+
+        jest.spyOn(mockClient, "doesServerSupportUnstableFeature").mockResolvedValue(true);
+        jest.spyOn(mockClient.secretStorage, "hasKey").mockResolvedValue(true);
+        jest.spyOn(mockClient, "getCrypto").mockReturnValue(mockCrypto);
+        jest.spyOn(mockClient, "doesServerSupportUnstableFeature").mockResolvedValue(true);
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+    });
+
+    const renderComponent = (
+        props = {
+            hideVerificationSection: false,
+        },
+    ) => {
+        const device1 = new Device({
+            deviceId: "d1",
+            userId: defaultUserId,
+            displayName: "my device",
+            algorithms: [],
+            keys: new Map(),
+        });
+
+        const devicesMap = new Map<string, Device>([[device1.deviceId, device1]]);
+        const userDeviceMap = new Map<string, Map<string, Device>>([[defaultUserId, devicesMap]]);
+
+        mockCrypto.getUserDeviceInfo.mockResolvedValue(userDeviceMap);
+
+        return render(
+            <UserInfoHeaderView
+                {...defaultProps}
+                {...props}
+                devices={[device1]}
+                hideVerificationSection={props.hideVerificationSection}
+            />,
+            clientAndSDKContextRenderOptions(mockClient, sdkContext),
+        );
+    };
+
+    it("renders custom user identifiers in the header", () => {
+        const { container } = renderComponent();
+        expect(screen.getByText("customUserIdentifier")).toBeInTheDocument();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should not render verification view if hideVerificationSection is true", () => {
+        mocked(useUserfoHeaderViewModel).mockReturnValue({
+            onMemberAvatarClick: jest.fn(),
+            precenseInfo: {
+                lastActiveAgo: undefined,
+                currentlyActive: undefined,
+                state: undefined,
+            },
+            showPresence: false,
+            timezoneInfo: null,
+            userIdentifier: "null",
+        });
+
+        const { container } = renderComponent({ hideVerificationSection: true });
+        const verificationClass = container.getElementsByClassName("mx_UserInfo_verification").length;
+
+        expect(verificationClass).toEqual(0);
+    });
+
+    it("should render timezone if it exist", () => {
+        mocked(useUserfoHeaderViewModel).mockReturnValue({
+            onMemberAvatarClick: jest.fn(),
+            precenseInfo: {
+                lastActiveAgo: undefined,
+                currentlyActive: undefined,
+                state: undefined,
+            },
+            showPresence: false,
+            timezoneInfo: {
+                timezone: "FR",
+                friendly: "paris",
+            },
+            userIdentifier: null,
+        });
+
+        renderComponent({ hideVerificationSection: false });
+        expect(screen.getByText("paris")).toBeInTheDocument();
+    });
+
+    it("should render correct presence label", () => {
+        mocked(useUserfoHeaderViewModel).mockReturnValue({
+            onMemberAvatarClick: jest.fn(),
+            precenseInfo: {
+                lastActiveAgo: 0,
+                currentlyActive: true,
+                state: "online",
+            },
+            showPresence: true,
+            timezoneInfo: null,
+            userIdentifier: null,
+        });
+
+        renderComponent({ hideVerificationSection: false });
+        expect(screen.getByText("Online")).toBeInTheDocument();
+    });
+
+    it("should be able to click on member avatar", () => {
+        const onMemberAvatarClick = jest.fn();
+        mocked(useUserfoHeaderViewModel).mockReturnValue({
+            onMemberAvatarClick,
+            precenseInfo: {
+                lastActiveAgo: undefined,
+                currentlyActive: undefined,
+                state: undefined,
+            },
+            showPresence: false,
+            timezoneInfo: {
+                timezone: "FR",
+                friendly: "paris",
+            },
+            userIdentifier: null,
+        });
+        renderComponent();
+        const avatar = screen.getByRole("button", { name: "Profile picture" });
+
+        fireEvent.click(avatar);
+
+        expect(onMemberAvatarClick).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoPowerLevels-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoPowerLevels-test.tsx
new file mode 100644
index 00000000000..2b871dd4693
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/user_info/UserInfoPowerLevels-test.tsx
@@ -0,0 +1,164 @@
+/*
+Copyright 2025 New Vector Ltd.
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React from "react";
+import userEvent from "@testing-library/user-event";
+import { fireEvent, render, screen } from "jest-matrix-react";
+import { type Mocked, mocked } from "jest-mock";
+import { MatrixEvent, type MatrixClient, RoomMember, type Room, EventType } from "matrix-js-sdk/src/matrix";
+
+import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
+import { MatrixClientPeg } from "../../../../../../src/MatrixClientPeg";
+import { type IRoomPermissions } from "../../../../../../src/components/views/right_panel/UserInfo";
+import { PowerLevelSection } from "../../../../../../src/components/views/right_panel/user_info/UserInfoPowerLevels";
+
+describe("<PowerLevelEditor />", () => {
+    const defaultRoomId = "!fkfk";
+    const defaultUserId = "@user:example.com";
+    const defaultMember = new RoomMember(defaultRoomId, defaultUserId);
+
+    let mockClient: Mocked<MatrixClient>;
+    let mockRoom: Mocked<Room>;
+    let defaultProps: {
+        user: RoomMember;
+        room: Room;
+        roomPermissions: IRoomPermissions;
+    };
+
+    beforeEach(() => {
+        defaultProps = {
+            user: defaultMember,
+            room: mockRoom,
+            roomPermissions: {
+                modifyLevelMax: 100,
+                canEdit: false,
+                canInvite: false,
+            },
+        };
+
+        mockRoom = mocked({
+            roomId: defaultRoomId,
+            getType: jest.fn().mockReturnValue(undefined),
+            isSpaceRoom: jest.fn().mockReturnValue(false),
+            getMember: jest.fn().mockReturnValue(undefined),
+            getMxcAvatarUrl: jest.fn().mockReturnValue("mock-avatar-url"),
+            name: "test room",
+            on: jest.fn(),
+            off: jest.fn(),
+            currentState: {
+                getStateEvents: jest.fn(),
+                on: jest.fn(),
+                off: jest.fn(),
+            },
+            getEventReadUpTo: jest.fn(),
+        } as unknown as Room);
+
+        mockClient = mocked({
+            getUser: jest.fn(),
+            isGuest: jest.fn().mockReturnValue(false),
+            isUserIgnored: jest.fn(),
+            getIgnoredUsers: jest.fn(),
+            setIgnoredUsers: jest.fn(),
+            getUserId: jest.fn(),
+            getSafeUserId: jest.fn(),
+            getDomain: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn(),
+            isSynapseAdministrator: jest.fn().mockResolvedValue(false),
+            doesServerSupportUnstableFeature: jest.fn().mockReturnValue(false),
+            doesServerSupportExtendedProfiles: jest.fn().mockResolvedValue(false),
+            getExtendedProfileProperty: jest.fn().mockRejectedValue(new Error("Not supported")),
+            mxcUrlToHttp: jest.fn().mockReturnValue("mock-mxcUrlToHttp"),
+            removeListener: jest.fn(),
+            currentState: {
+                on: jest.fn(),
+            },
+            getRoom: jest.fn(),
+            credentials: {},
+            setPowerLevel: jest.fn().mockResolvedValueOnce({ event_id: "123" }),
+        } as unknown as MatrixClient);
+
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+    });
+
+    afterAll(() => {
+        defaultProps = {
+            user: defaultMember,
+            room: mockRoom,
+            roomPermissions: {
+                modifyLevelMax: 100,
+                canEdit: false,
+                canInvite: false,
+            },
+        };
+        jest.clearAllMocks();
+    });
+
+    const renderComponent = (props = defaultProps) => {
+        const Wrapper = (wrapperProps = {}) => {
+            return <MatrixClientContext.Provider value={mockClient} {...wrapperProps} />;
+        };
+
+        return render(<PowerLevelSection {...props} />, {
+            wrapper: Wrapper,
+        });
+    };
+
+    it("renders a power level combobox if can edit is true", () => {
+        const startPowerLevel = 999;
+        const powerLevelEvent = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            content: { users: { [defaultUserId]: startPowerLevel }, users_default: 1 },
+        });
+        mockRoom.currentState.getStateEvents.mockReturnValue(powerLevelEvent);
+
+        renderComponent({
+            ...defaultProps,
+            room: mockRoom,
+            roomPermissions: { ...defaultProps.roomPermissions, canEdit: true },
+        });
+
+        expect(screen.getByRole("combobox", { name: "Power level" })).toBeInTheDocument();
+    });
+
+    it("renders a user role if can edit is false", () => {
+        const member = new RoomMember(defaultRoomId, defaultUserId);
+        member.powerLevel = 100;
+        renderComponent({ ...defaultProps, user: member });
+
+        expect(screen.getByText("Admin")).toBeInTheDocument();
+    });
+
+    it("renders a combobox and attempts to change power level on change of the combobox", async () => {
+        const startPowerLevel = 999;
+        const powerLevelEvent = new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            content: { users: { [defaultUserId]: startPowerLevel }, users_default: 1 },
+        });
+        mockRoom.currentState.getStateEvents.mockReturnValue(powerLevelEvent);
+        mockClient.getSafeUserId.mockReturnValueOnce(defaultUserId);
+        mockClient.getUserId.mockReturnValueOnce(defaultUserId);
+        renderComponent({
+            ...defaultProps,
+            room: mockRoom,
+            roomPermissions: { ...defaultProps.roomPermissions, canEdit: true },
+        });
+
+        const changedPowerLevel = 100;
+
+        fireEvent.change(screen.getByRole("combobox", { name: "Power level" }), {
+            target: { value: changedPowerLevel },
+        });
+
+        await screen.findByText("Demote", { exact: true });
+
+        // firing the event will raise a dialog warning about self demotion, wait for this to appear then click on it
+        await userEvent.click(await screen.findByText("Demote", { exact: true }));
+        expect(mockClient.setPowerLevel).toHaveBeenCalledTimes(1);
+        expect(mockClient.setPowerLevel).toHaveBeenCalledWith(mockRoom.roomId, defaultMember.userId, changedPowerLevel);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoBasic-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoBasic-test.tsx.snap
new file mode 100644
index 00000000000..ae8815ec504
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoBasic-test.tsx.snap
@@ -0,0 +1,327 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<UserInfoBasic /> should display the defaut values 1`] = `
+<div>
+  <div
+    class="mx_UserInfo_container"
+  >
+    <div
+      class="mx_UserInfo_profileField"
+    >
+      <div
+        class="mx_PowerSelector"
+      >
+        <div
+          class="mx_Field mx_Field_select"
+        >
+          <select
+            data-testid="power-level-select-element"
+            id="mx_Field_1"
+            label="Power level"
+            placeholder="Power level"
+            type="text"
+          >
+            <option
+              data-testid="power-level-option-0"
+              value="0"
+            >
+              Default
+            </option>
+            <option
+              data-testid="power-level-option-SELECT_VALUE_CUSTOM"
+              value="SELECT_VALUE_CUSTOM"
+            >
+              Custom level
+            </option>
+          </select>
+          <label
+            for="mx_Field_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_bym9p_8 _interactive_bym9p_26"
+      data-kind="primary"
+      role="button"
+    >
+      <svg
+        aria-hidden="true"
+        class="_icon_bym9p_51"
+        fill="currentColor"
+        height="24"
+        viewBox="0 0 24 24"
+        width="24"
+        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>
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+      >
+        Send message
+      </span>
+      <svg
+        aria-hidden="true"
+        class="_nav-hint_bym9p_60"
+        fill="currentColor"
+        height="24"
+        viewBox="8 0 8 24"
+        width="8"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+    </button>
+    <button
+      class="_item_bym9p_8 _interactive_bym9p_26"
+      data-kind="primary"
+      role="button"
+    >
+      <svg
+        aria-hidden="true"
+        class="_icon_bym9p_51"
+        fill="currentColor"
+        height="24"
+        viewBox="0 0 24 24"
+        width="24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M10 12q-1.65 0-2.825-1.175T6 8t1.175-2.825T10 4t2.825 1.175T14 8t-1.175 2.825T10 12m-8 6v-.8q0-.85.438-1.562.437-.713 1.162-1.088a14.8 14.8 0 0 1 3.15-1.163A13.8 13.8 0 0 1 10 13q1.65 0 3.25.387 1.6.388 3.15 1.163.724.375 1.163 1.087Q18 16.35 18 17.2v.8q0 .824-.587 1.413A1.93 1.93 0 0 1 16 20H4q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18m2 0h12v-.8a.97.97 0 0 0-.5-.85q-1.35-.675-2.725-1.012a11.6 11.6 0 0 0-5.55 0Q5.85 15.675 4.5 16.35a.97.97 0 0 0-.5.85zm6-8q.825 0 1.412-.588Q12 8.826 12 8q0-.824-.588-1.412A1.93 1.93 0 0 0 10 6q-.825 0-1.412.588A1.93 1.93 0 0 0 8 8q0 .825.588 1.412Q9.175 10 10 10m7 1h2v2q0 .424.288.713.287.287.712.287.424 0 .712-.287A.97.97 0 0 0 21 13v-2h2q.424 0 .712-.287A.97.97 0 0 0 24 10a.97.97 0 0 0-.288-.713A.97.97 0 0 0 23 9h-2V7a.97.97 0 0 0-.288-.713A.97.97 0 0 0 20 6a.97.97 0 0 0-.712.287A.97.97 0 0 0 19 7v2h-2a.97.97 0 0 0-.712.287A.97.97 0 0 0 16 10q0 .424.288.713.287.287.712.287"
+        />
+      </svg>
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+      >
+        Invite
+      </span>
+      <svg
+        aria-hidden="true"
+        class="_nav-hint_bym9p_60"
+        fill="currentColor"
+        height="24"
+        viewBox="8 0 8 24"
+        width="8"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+    </button>
+    <button
+      class="_item_bym9p_8 _interactive_bym9p_26 _disabled_bym9p_140"
+      data-kind="primary"
+      disabled=""
+      role="button"
+    >
+      <svg
+        aria-hidden="true"
+        class="_icon_bym9p_51"
+        fill="currentColor"
+        height="24"
+        viewBox="0 0 24 24"
+        width="24"
+        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>
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+      >
+        Jump to read receipt
+      </span>
+      <svg
+        aria-hidden="true"
+        class="_nav-hint_bym9p_60"
+        fill="currentColor"
+        height="24"
+        viewBox="8 0 8 24"
+        width="8"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+    </button>
+    <button
+      class="_item_bym9p_8 _interactive_bym9p_26"
+      data-kind="primary"
+      role="button"
+    >
+      <svg
+        aria-hidden="true"
+        class="_icon_bym9p_51"
+        fill="currentColor"
+        height="24"
+        viewBox="0 0 24 24"
+        width="24"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 16a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 15V7.85L9.125 9.725q-.3.3-.7.3T7.7 9.7a.93.93 0 0 1-.288-.713A.98.98 0 0 1 7.7 8.3l3.6-3.6q.15-.15.325-.213.175-.062.375-.062t.375.062a.9.9 0 0 1 .325.213l3.6 3.6q.3.3.287.712a.98.98 0 0 1-.287.688q-.3.3-.713.313a.93.93 0 0 1-.712-.288L13 7.85V15q0 .424-.287.713A.97.97 0 0 1 12 16m-6 4q-.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>
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+      >
+        Share profile
+      </span>
+      <svg
+        aria-hidden="true"
+        class="_nav-hint_bym9p_60"
+        fill="currentColor"
+        height="24"
+        viewBox="8 0 8 24"
+        width="8"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+    </button>
+    <button
+      class="_item_bym9p_8 _interactive_bym9p_26"
+      data-kind="primary"
+      role="button"
+    >
+      <svg
+        aria-hidden="true"
+        class="_icon_bym9p_51"
+        fill="currentColor"
+        height="24"
+        viewBox="0 0 24 24"
+        width="24"
+        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="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+      >
+        Mention
+      </span>
+      <svg
+        aria-hidden="true"
+        class="_nav-hint_bym9p_60"
+        fill="currentColor"
+        height="24"
+        viewBox="8 0 8 24"
+        width="8"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+    </button>
+  </div>
+  <div
+    class="mx_UserInfo_container"
+  >
+    <button
+      class="_item_bym9p_8 _interactive_bym9p_26"
+      data-kind="critical"
+      role="button"
+    >
+      <svg
+        aria-hidden="true"
+        class="_icon_bym9p_51"
+        fill="currentColor"
+        height="24"
+        viewBox="0 0 24 24"
+        width="24"
+        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>
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+      >
+        Deactivate user
+      </span>
+      <svg
+        aria-hidden="true"
+        class="_nav-hint_bym9p_60"
+        fill="currentColor"
+        height="24"
+        viewBox="8 0 8 24"
+        width="8"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+    </button>
+  </div>
+  <div
+    class="mx_UserInfo_container"
+  >
+    <button
+      class="_item_bym9p_8 _interactive_bym9p_26"
+      data-kind="critical"
+      role="button"
+    >
+      <svg
+        aria-hidden="true"
+        class="_icon_bym9p_51"
+        fill="currentColor"
+        height="24"
+        viewBox="0 0 24 24"
+        width="24"
+        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>
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+      >
+        Ignore
+      </span>
+      <svg
+        aria-hidden="true"
+        class="_nav-hint_bym9p_60"
+        fill="currentColor"
+        height="24"
+        viewBox="8 0 8 24"
+        width="8"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+    </button>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderVerificationView-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderVerificationView-test.tsx.snap
new file mode 100644
index 00000000000..3b3f223d573
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderVerificationView-test.tsx.snap
@@ -0,0 +1,73 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<UserInfoHeaderVerificationView /> renders verification unavailable message 1`] = `
+<div>
+  <div
+    class="_flex_4dswl_9 mx_UserInfo_verification"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <p
+      class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 mx_UserInfo_verification_unavailable"
+    >
+      (
+      User verification unavailable
+      )
+    </p>
+  </div>
+</div>
+`;
+
+exports[`<UserInfoHeaderVerificationView /> renders verified badge when user is verified 1`] = `
+<div>
+  <div
+    class="_flex_4dswl_9 mx_UserInfo_verification"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <span
+      class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_10dml_8 mx_UserInfo_verified_badge"
+      data-kind="green"
+    >
+      <svg
+        class="mx_UserInfo_verified_icon"
+        fill="currentColor"
+        height="16px"
+        viewBox="0 0 24 24"
+        width="16px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.15 21.75 6.7 19.3l-2.75-.6a.94.94 0 0 1-.6-.387.93.93 0 0 1-.175-.688L3.45 14.8l-1.875-2.15a.93.93 0 0 1-.25-.65q0-.375.25-.65L3.45 9.2l-.275-2.825a.93.93 0 0 1 .175-.687.94.94 0 0 1 .6-.388l2.75-.6 1.45-2.45a.98.98 0 0 1 .55-.437.97.97 0 0 1 .7.037l2.6 1.1 2.6-1.1a.97.97 0 0 1 .7-.038q.35.112.55.438L17.3 4.7l2.75.6q.375.075.6.388.225.312.175.687L20.55 9.2l1.875 2.15q.25.275.25.65t-.25.65L20.55 14.8l.275 2.825a.93.93 0 0 1-.175.688.94.94 0 0 1-.6.387l-2.75.6-1.45 2.45a.98.98 0 0 1-.55.438.97.97 0 0 1-.7-.038l-2.6-1.1-2.6 1.1a.97.97 0 0 1-.7.038.98.98 0 0 1-.55-.438m2.8-9.05L9.5 11.275A.93.93 0 0 0 8.812 11q-.412 0-.712.3a.95.95 0 0 0-.275.7q0 .425.275.7l2.15 2.15q.3.3.7.3t.7-.3l4.25-4.25q.3-.3.287-.7a1.06 1.06 0 0 0-.287-.7 1.02 1.02 0 0 0-.713-.312.93.93 0 0 0-.712.287z"
+        />
+      </svg>
+      <p
+        class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 mx_UserInfo_verified_label"
+      >
+        Verified
+      </p>
+    </span>
+  </div>
+</div>
+`;
+
+exports[`<UserInfoHeaderVerificationView /> renders verify button 1`] = `
+<div>
+  <div
+    class="_flex_4dswl_9 mx_UserInfo_verification"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <div
+      class="mx_UserInfo_container_verifyButton"
+    >
+      <button
+        class="_button_1nw83_8 mx_UserInfo_verify_button"
+        data-kind="tertiary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Verify User
+      </button>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderView-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderView-test.tsx.snap
new file mode 100644
index 00000000000..034e73c6764
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderView-test.tsx.snap
@@ -0,0 +1,108 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<UserInfoHeaderView /> renders custom user identifiers in the header 1`] = `
+<div>
+  <div
+    class="mx_UserInfo_avatar"
+  >
+    <div
+      class="mx_UserInfo_avatar_transition"
+    >
+      <div
+        class="mx_UserInfo_avatar_transition_child"
+      >
+        <button
+          aria-label="Profile picture"
+          aria-live="off"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="3"
+          data-testid="avatar-img"
+          data-type="round"
+          role="button"
+          style="--cpd-avatar-size: 120px;"
+          title="@user:example.com"
+        >
+          u
+        </button>
+      </div>
+    </div>
+  </div>
+  <div
+    class="mx_UserInfo_container mx_UserInfo_header"
+  >
+    <div
+      class="_flex_4dswl_9 mx_UserInfo_profile"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+        dir="auto"
+      >
+        <div
+          class="_flex_4dswl_9 mx_UserInfo_profile_name"
+          style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+        >
+          @user:example.com
+        </div>
+      </h1>
+      <p
+        class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 mx_UserInfo_profile_mxid"
+      >
+        <span
+          class="mx_CopyableText"
+        >
+          customUserIdentifier
+          <button
+            aria-labelledby="react-use-id-1"
+            class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+            data-kind="primary"
+            role="button"
+            style="--cpd-icon-button-size: 28px; padding: 4px;"
+            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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                />
+                <path
+                  d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                />
+              </svg>
+            </div>
+          </button>
+        </span>
+      </p>
+    </div>
+    <div
+      class="_flex_4dswl_9 mx_UserInfo_verification"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <svg
+        class="_icon_1855a_18"
+        fill="currentColor"
+        height="1em"
+        style="width: 24px; height: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/room_settings/RoomProfileSettings-test.tsx b/apps/web/test/unit-tests/components/views/room_settings/RoomProfileSettings-test.tsx
new file mode 100644
index 00000000000..0acb182dba3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/room_settings/RoomProfileSettings-test.tsx
@@ -0,0 +1,103 @@
+/*
+Copyright 2024 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, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+import { EventType, type MatrixClient, type MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+
+import { mkStubRoom, stubClient } from "../../../../test-utils";
+import RoomProfileSettings from "../../../../../src/components/views/room_settings/RoomProfileSettings";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+
+const BASE64_GIF = "R0lGODlhAQABAAAAACw=";
+const AVATAR_FILE = new File([Uint8Array.from(atob(BASE64_GIF), (c) => c.charCodeAt(0))], "avatar.gif", {
+    type: "image/gif",
+});
+
+const ROOM_ID = "!floob:itty";
+
+describe("RoomProfileSetting", () => {
+    let client: MatrixClient;
+    let room: Room;
+
+    beforeEach(() => {
+        const dmRoomMap = {
+            getUserIdForRoomId: jest.fn(),
+        } as unknown as DMRoomMap;
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+
+        client = stubClient();
+        room = mkStubRoom(ROOM_ID, "Test room", client);
+    });
+
+    it("handles uploading a room avatar", async () => {
+        const user = userEvent.setup();
+        mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://matrix.org/1234" });
+
+        render(<RoomProfileSettings roomId={ROOM_ID} />);
+
+        await user.upload(screen.getByAltText("Upload"), AVATAR_FILE);
+
+        await user.click(screen.getByRole("button", { name: "Save" }));
+
+        await waitFor(() => expect(client.uploadContent).toHaveBeenCalledWith(AVATAR_FILE));
+        await waitFor(() =>
+            expect(client.sendStateEvent).toHaveBeenCalledWith(
+                ROOM_ID,
+                EventType.RoomAvatar,
+                {
+                    url: "mxc://matrix.org/1234",
+                },
+                "",
+            ),
+        );
+    });
+
+    it("removes a room avatar", async () => {
+        const user = userEvent.setup();
+
+        mocked(client).getRoom.mockReturnValue(room);
+        mocked(room).currentState.getStateEvents.mockImplementation(
+            // @ts-ignore
+            (type: string): MatrixEvent[] | MatrixEvent | null => {
+                if (type === EventType.RoomAvatar) {
+                    // @ts-ignore
+                    return { getContent: () => ({ url: "mxc://matrix.org/1234" }) };
+                }
+                return null;
+            },
+        );
+
+        render(<RoomProfileSettings roomId="!floob:itty" />);
+
+        await user.click(screen.getByRole("button", { name: "Room avatar" }));
+        await user.click(screen.getByRole("menuitem", { name: "Remove" }));
+        await user.click(screen.getByRole("button", { name: "Save" }));
+
+        await waitFor(() =>
+            expect(client.sendStateEvent).toHaveBeenCalledWith("!floob:itty", EventType.RoomAvatar, {}, ""),
+        );
+    });
+
+    it("cancels changes", async () => {
+        const user = userEvent.setup();
+
+        render(<RoomProfileSettings roomId="!floob:itty" />);
+
+        const roomNameInput = screen.getByLabelText("Room Name");
+        expect(roomNameInput).toHaveValue("");
+
+        await user.type(roomNameInput, "My Room");
+        expect(roomNameInput).toHaveValue("My Room");
+
+        await user.click(screen.getByRole("button", { name: "Cancel" }));
+
+        expect(roomNameInput).toHaveValue("");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/AppsDrawer-test.tsx b/apps/web/test/unit-tests/components/views/rooms/AppsDrawer-test.tsx
new file mode 100644
index 00000000000..ddb9396ce91
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/AppsDrawer-test.tsx
@@ -0,0 +1,73 @@
+/*
+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.
+*/
+
+import React from "react";
+import { type MatrixClient, PendingEventOrdering, Room } from "matrix-js-sdk/src/matrix";
+import { render } from "jest-matrix-react";
+
+import { stubClient } from "../../../../test-utils";
+import AppsDrawer from "../../../../../src/components/views/rooms/AppsDrawer";
+import SdkConfig from "../../../../../src/SdkConfig";
+import { WidgetLayoutStore } from "../../../../../src/stores/widgets/WidgetLayoutStore";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { SDKContext } from "../../../../../src/contexts/SDKContext";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass";
+
+const ROOM_ID = "!room:id";
+
+describe("AppsDrawer", () => {
+    let client: MatrixClient;
+    let room: Room;
+    let sdkContext: SDKContextClass;
+
+    beforeEach(async () => {
+        client = stubClient();
+        room = new Room(ROOM_ID, client, client.getUserId()!, {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        sdkContext = new SDKContextClass();
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("honours default_widget_container_height", () => {
+        jest.spyOn(SdkConfig, "get").mockImplementation((key) => {
+            if (!key) {
+                return {
+                    default_widget_container_height: 500,
+                };
+            }
+        });
+        jest.spyOn(WidgetLayoutStore.instance, "getContainerWidgets").mockImplementation((room, container) => {
+            if (container === "top") {
+                return [
+                    {
+                        id: "testwidget",
+                        creatorUserId: client.getUserId()!,
+                        type: "test",
+                        url: "https://nowhere.dummy/notawidget",
+                    },
+                ];
+            }
+            return [];
+        });
+
+        const { container } = render(<AppsDrawer userId={client.getUserId()!} room={room} showApps={true} />, {
+            wrapper: ({ ...rest }) => (
+                <SDKContext.Provider value={sdkContext}>
+                    <MatrixClientContext.Provider value={client} {...rest} />
+                </SDKContext.Provider>
+            ),
+        });
+
+        const appsDrawerResizer = container.getElementsByClassName("mx_AppsDrawer_resizer")[0] as HTMLElement;
+        expect(appsDrawerResizer.style.height).toBe("500px");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/BasicMessageComposer-test.tsx b/apps/web/test/unit-tests/components/views/rooms/BasicMessageComposer-test.tsx
new file mode 100644
index 00000000000..caedd8cedef
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/BasicMessageComposer-test.tsx
@@ -0,0 +1,247 @@
+/*
+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 { fireEvent, render, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+
+import BasicMessageComposer from "../../../../../src/components/views/rooms/BasicMessageComposer";
+import * as TestUtils from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import EditorModel from "../../../../../src/editor/model";
+import { createPartCreator, createRenderer } from "../../../editor/mock";
+import { CommandPartCreator } from "../../../../../src/editor/parts";
+import DocumentOffset from "../../../../../src/editor/offset";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { SDKContext } from "../../../../../src/contexts/SDKContext.ts";
+
+describe("BasicMessageComposer", () => {
+    const renderer = createRenderer();
+    const pc = createPartCreator();
+
+    TestUtils.stubClient();
+
+    const client: MatrixClient = MatrixClientPeg.safeGet();
+
+    const roomId = "!1234567890:domain";
+    const userId = client.getSafeUserId();
+    const room = new Room(roomId, client, userId);
+
+    it("should allow a user to paste a URL without it being mangled", async () => {
+        const model = new EditorModel([], pc, renderer);
+        render(<BasicMessageComposer model={model} room={room} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
+        const testUrl = "https://element.io";
+        const mockDataTransfer = generateMockDataTransferForString(testUrl);
+        await userEvent.paste(mockDataTransfer);
+
+        expect(model.parts).toHaveLength(1);
+        expect(model.parts[0].text).toBe(testUrl);
+        expect(screen.getByText(testUrl)).toBeInTheDocument();
+    });
+
+    it("should replaceEmoticons properly", async () => {
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName: string) => {
+            return settingName === "MessageComposerInput.autoReplaceEmoji";
+        });
+        userEvent.setup();
+        const model = new EditorModel([], pc, renderer);
+        render(<BasicMessageComposer model={model} room={room} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
+
+        const tranformations = [
+            { before: "4:3 video", after: "4:3 video" },
+            { before: "regexp 12345678", after: "regexp 12345678" },
+            { before: "--:--)", after: "--:--)" },
+
+            { before: "we <3 matrix", after: "we ❤️ matrix" },
+            { before: "hello world :-)", after: "hello world 🙂" },
+            { before: ":) hello world", after: "🙂 hello world" },
+            { before: ":D 4:3 video :)", after: "😄 4:3 video 🙂" },
+
+            { before: ":-D", after: "😄" },
+            { before: ":D", after: "😄" },
+            { before: ":3", after: "😽" },
+            { before: "=-]", after: "🙂" },
+        ];
+        const input = screen.getByRole("textbox");
+
+        for (const { before, after } of tranformations) {
+            await userEvent.clear(input);
+            //add a space after the text to trigger the replacement
+            await userEvent.type(input, before + " ");
+            const transformedText = model.parts.map((part) => part.text).join("");
+            expect(transformedText).toBe(after + " ");
+        }
+    });
+
+    it("should not mangle shift-enter when the autocomplete is open", async () => {
+        const model = new EditorModel([], pc, renderer);
+        render(<BasicMessageComposer model={model} room={room} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
+
+        const input = screen.getByRole("textbox");
+
+        await userEvent.type(input, "/plain foobar");
+        await userEvent.type(input, "{Shift>}{Enter}{/Shift}");
+        const transformedText = model.parts.map((part) => part.text).join("");
+        expect(transformedText).toBe("/plain foobar\n");
+    });
+
+    it("should escape single quote in placeholder", async () => {
+        const model = new EditorModel([], pc, renderer);
+        const composer = render(<BasicMessageComposer placeholder="Don't" model={model} room={room} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
+        const input = composer.queryAllByRole("textbox");
+        const placeholder = input[0].style.getPropertyValue("--placeholder");
+        expect(placeholder).toMatch("'Don\\'t'");
+    });
+
+    it("should escape backslash in placeholder", async () => {
+        const model = new EditorModel([], pc, renderer);
+        const composer = render(<BasicMessageComposer placeholder={"w\\e"} model={model} room={room} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
+        const input = composer.queryAllByRole("textbox");
+        const placeholder = input[0].style.getPropertyValue("--placeholder");
+        expect(placeholder).toMatch("'w\\\\e'");
+    });
+
+    it("should not consider typing for unknown or disabled slash commands", async () => {
+        // create a command part which represents a slash command the client doesn't recognise
+        const commandPc = new CommandPartCreator(room as unknown as Room, client as unknown as MatrixClient, null);
+        const commandPart = commandPc.command("/unknown do stuff");
+        const model = new EditorModel([commandPart], commandPc, renderer);
+
+        // spy on typingStore.setSelfTyping
+        const spy = jest.spyOn(SDKContextClass.instance.typingStore, "setSelfTyping");
+
+        render(<BasicMessageComposer model={model} room={room} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
+
+        // simulate typing by updating the model - this will call the component's update callback
+        await model.update(commandPart.text, "insertText", new DocumentOffset(commandPart.text.length, true));
+
+        // Since the command is not in CommandMap, it should not be considered typing
+        expect(spy).toHaveBeenCalledWith(room.roomId, null, false);
+        spy.mockRestore();
+    });
+
+    it("should ignore keydown events during IME composition", () => {
+        const model = new EditorModel([], pc, renderer);
+        render(<BasicMessageComposer model={model} room={room} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
+        const input = screen.getByRole("textbox");
+
+        // Start IME composition
+        fireEvent.compositionStart(input);
+
+        // Simulate Tab key during IME composition
+        // The keydown should be ignored, so we check that the model state doesn't change
+        const initialAutoComplete = model.autoComplete;
+        const initialPartsLength = model.parts.length;
+
+        // Create a keyboard event with isComposing flag
+        const tabKeyEvent = new KeyboardEvent("keydown", {
+            key: "Tab",
+            bubbles: true,
+            cancelable: true,
+        });
+        Object.defineProperty(tabKeyEvent, "isComposing", {
+            value: true,
+            writable: false,
+        });
+
+        // Fire the keydown event with isComposing flag
+        fireEvent.keyDown(input, {
+            ...tabKeyEvent,
+            nativeEvent: tabKeyEvent,
+        } as unknown as React.KeyboardEvent);
+
+        // During IME composition, the keydown should be ignored
+        // The model should not have changed
+        expect(model.autoComplete).toBe(initialAutoComplete);
+        expect(model.parts.length).toBe(initialPartsLength);
+
+        // End IME composition
+        fireEvent.compositionEnd(input);
+    });
+
+    it("should handle keydown events normally when not composing", () => {
+        const model = new EditorModel([], pc, renderer);
+        render(<BasicMessageComposer model={model} room={room} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
+        const input = screen.getByRole("textbox");
+
+        // Simulate Tab key when NOT composing
+        const tabKeyEvent = new KeyboardEvent("keydown", {
+            key: "Tab",
+            bubbles: true,
+            cancelable: true,
+        });
+        Object.defineProperty(tabKeyEvent, "isComposing", {
+            value: false,
+            writable: false,
+        });
+
+        // Fire the keydown event without isComposing flag
+        fireEvent.keyDown(input, {
+            ...tabKeyEvent,
+            nativeEvent: tabKeyEvent,
+        } as unknown as React.KeyboardEvent);
+
+        // The event should be processed normally (not ignored)
+        // We can't easily verify tabCompleteName was called since it's private,
+        // but the important thing is that the event wasn't ignored
+        // The test passes if no errors are thrown and the event is handled
+    });
+});
+
+function generateMockDataTransferForString(string: string): DataTransfer {
+    return {
+        getData: (type) => {
+            if (type === "text/plain") {
+                return string;
+            }
+            return "";
+        },
+        dropEffect: "link",
+        effectAllowed: "link",
+        files: {} as FileList,
+        items: {} as DataTransferItemList,
+        types: [],
+        clearData: () => {},
+        setData: () => {},
+        setDragImage: () => {},
+    };
+}
diff --git a/apps/web/test/unit-tests/components/views/rooms/EditMessageComposer-test.tsx b/apps/web/test/unit-tests/components/views/rooms/EditMessageComposer-test.tsx
new file mode 100644
index 00000000000..84338e79041
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/EditMessageComposer-test.tsx
@@ -0,0 +1,553 @@
+/*
+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 { fireEvent, render, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { Room } from "matrix-js-sdk/src/matrix";
+import { type ReplacementEvent, type RoomMessageEventContent } from "matrix-js-sdk/src/types";
+
+import EditMessageComposerWithMatrixClient, {
+    createEditContent,
+} from "../../../../../src/components/views/rooms/EditMessageComposer";
+import EditorModel from "../../../../../src/editor/model";
+import { createPartCreator } from "../../../editor/mock";
+import {
+    getMockClientWithEventEmitter,
+    getRoomContext,
+    mkEvent,
+    mockClientMethodsUser,
+    setupRoomWithEventsTimeline,
+} from "../../../../test-utils";
+import DocumentOffset from "../../../../../src/editor/offset";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import EditorStateTransfer from "../../../../../src/utils/EditorStateTransfer";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import Autocompleter, { type IProviderCompletions } from "../../../../../src/autocomplete/Autocompleter";
+import NotifProvider from "../../../../../src/autocomplete/NotifProvider";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { ScopedRoomContextProvider } from "../../../../../src/contexts/ScopedRoomContext.tsx";
+import type { RoomContextType } from "../../../../../src/contexts/RoomContext.ts";
+import { SDKContext } from "../../../../../src/contexts/SDKContext.ts";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+
+describe("<EditMessageComposer/>", () => {
+    const userId = "@alice:server.org";
+    const roomId = "!room:server.org";
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        getRoom: jest.fn(),
+        sendMessage: jest.fn(),
+    });
+    const room = new Room(roomId, mockClient, userId);
+
+    const editedEvent = mkEvent({
+        type: "m.room.message",
+        user: "@alice:test",
+        room: "!abc:test",
+        content: { body: "original message", msgtype: "m.text" },
+        event: true,
+    });
+
+    const eventWithMentions = mkEvent({
+        type: "m.room.message",
+        user: userId,
+        room: roomId,
+        content: {
+            "msgtype": "m.text",
+            "body": "hey Bob and Charlie",
+            "format": "org.matrix.custom.html",
+            "formatted_body":
+                'hey <a href="https://matrix.to/#/@bob:server.org">Bob</a> and <a href="https://matrix.to/#/@charlie:server.org">Charlie</a>',
+            "m.mentions": {
+                user_ids: ["@bob:server.org", "@charlie:server.org"],
+            },
+        },
+        event: true,
+    });
+
+    // message composer emojipicker uses this
+    // which would require more irrelevant mocking
+    jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+
+    const defaultRoomContext = getRoomContext(room, {});
+
+    const getComponent = (editState: EditorStateTransfer, roomContext: RoomContextType = defaultRoomContext) =>
+        render(<EditMessageComposerWithMatrixClient editState={editState} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>
+                    <MatrixClientContext.Provider value={mockClient}>
+                        <ScopedRoomContextProvider {...roomContext}>{children}</ScopedRoomContextProvider>
+                    </MatrixClientContext.Provider>
+                </SDKContext.Provider>
+            ),
+        });
+
+    beforeEach(() => {
+        mockClient.getRoom.mockReturnValue(room);
+        mockClient.sendMessage.mockClear();
+
+        userEvent.setup();
+
+        DMRoomMap.makeShared(mockClient);
+
+        jest.spyOn(Autocompleter.prototype, "getCompletions").mockResolvedValue([
+            {
+                completions: [
+                    {
+                        completion: "@dan:server.org",
+                        completionId: "@dan:server.org",
+                        type: "user",
+                        suffix: " ",
+                        component: <span>Dan</span>,
+                    },
+                ],
+                command: {
+                    command: ["@d"],
+                },
+                provider: new NotifProvider(room),
+            } as unknown as IProviderCompletions,
+        ]);
+    });
+
+    const editText = async (text: string, shouldClear?: boolean): Promise<void> => {
+        const input = screen.getByRole("textbox");
+        if (shouldClear) {
+            await userEvent.clear(input);
+        }
+        await userEvent.type(input, text);
+    };
+
+    it("should edit a simple message", async () => {
+        const editState = new EditorStateTransfer(editedEvent);
+        getComponent(editState);
+        await editText(" + edit");
+
+        fireEvent.click(screen.getByText("Save"));
+
+        const expectedBody = {
+            ...editedEvent.getContent(),
+            "body": "* original message + edit",
+            "m.new_content": {
+                "body": "original message + edit",
+                "msgtype": "m.text",
+                "m.mentions": {},
+            },
+            "m.relates_to": {
+                event_id: editedEvent.getId(),
+                rel_type: "m.replace",
+            },
+            "m.mentions": {},
+        };
+        expect(mockClient.sendMessage).toHaveBeenCalledWith(editedEvent.getRoomId()!, null, expectedBody);
+    });
+
+    it("should throw when room for message is not found", () => {
+        mockClient.getRoom.mockReturnValue(null);
+        const editState = new EditorStateTransfer(editedEvent);
+        expect(() => getComponent(editState, { ...defaultRoomContext, room: undefined })).toThrow(
+            "Cannot render without room",
+        );
+    });
+
+    describe("createEditContent", () => {
+        it("sends plaintext messages correctly", () => {
+            const model = new EditorModel([], createPartCreator());
+            const documentOffset = new DocumentOffset(11, true);
+            model.update("hello world", "insertText", documentOffset);
+
+            const content = createEditContent(model, editedEvent);
+
+            expect(content).toEqual({
+                "body": "* hello world",
+                "msgtype": "m.text",
+                "m.new_content": {
+                    "body": "hello world",
+                    "msgtype": "m.text",
+                    "m.mentions": {},
+                },
+                "m.relates_to": {
+                    event_id: editedEvent.getId(),
+                    rel_type: "m.replace",
+                },
+                "m.mentions": {},
+            });
+        });
+
+        it("sends markdown messages correctly", () => {
+            const model = new EditorModel([], createPartCreator());
+            const documentOffset = new DocumentOffset(13, true);
+            model.update("hello *world*", "insertText", documentOffset);
+
+            const content = createEditContent(model, editedEvent);
+
+            expect(content).toEqual({
+                "body": "* hello *world*",
+                "msgtype": "m.text",
+                "format": "org.matrix.custom.html",
+                "formatted_body": "* hello <em>world</em>",
+                "m.new_content": {
+                    "body": "hello *world*",
+                    "msgtype": "m.text",
+                    "format": "org.matrix.custom.html",
+                    "formatted_body": "hello <em>world</em>",
+                    "m.mentions": {},
+                },
+                "m.relates_to": {
+                    event_id: editedEvent.getId(),
+                    rel_type: "m.replace",
+                },
+                "m.mentions": {},
+            });
+        });
+
+        it("strips /me from messages and marks them as m.emote accordingly", () => {
+            const model = new EditorModel([], createPartCreator());
+            const documentOffset = new DocumentOffset(22, true);
+            model.update("/me blinks __quickly__", "insertText", documentOffset);
+
+            const content = createEditContent(model, editedEvent);
+
+            expect(content).toEqual({
+                "body": "* blinks __quickly__",
+                "msgtype": "m.emote",
+                "format": "org.matrix.custom.html",
+                "formatted_body": "* blinks <strong>quickly</strong>",
+                "m.new_content": {
+                    "body": "blinks __quickly__",
+                    "msgtype": "m.emote",
+                    "format": "org.matrix.custom.html",
+                    "formatted_body": "blinks <strong>quickly</strong>",
+                    "m.mentions": {},
+                },
+                "m.relates_to": {
+                    event_id: editedEvent.getId(),
+                    rel_type: "m.replace",
+                },
+                "m.mentions": {},
+            });
+        });
+
+        it("allows emoting with non-text parts", () => {
+            const model = new EditorModel([], createPartCreator());
+            const documentOffset = new DocumentOffset(16, true);
+            model.update("/me ✨sparkles✨", "insertText", documentOffset);
+            expect(model.parts.length).toEqual(4); // Emoji count as non-text
+
+            const content = createEditContent(model, editedEvent);
+
+            expect(content).toEqual({
+                "body": "* ✨sparkles✨",
+                "msgtype": "m.emote",
+                "m.new_content": {
+                    "body": "✨sparkles✨",
+                    "msgtype": "m.emote",
+                    "m.mentions": {},
+                },
+                "m.relates_to": {
+                    event_id: editedEvent.getId(),
+                    rel_type: "m.replace",
+                },
+                "m.mentions": {},
+            });
+        });
+
+        it("allows sending double-slash escaped slash commands correctly", () => {
+            const model = new EditorModel([], createPartCreator());
+            const documentOffset = new DocumentOffset(32, true);
+
+            model.update("//dev/null is my favourite place", "insertText", documentOffset);
+
+            const content = createEditContent(model, editedEvent);
+
+            // TODO Edits do not properly strip the double slash used to skip
+            // command processing.
+            expect(content).toEqual({
+                "body": "* //dev/null is my favourite place",
+                "msgtype": "m.text",
+                "m.new_content": {
+                    "body": "//dev/null is my favourite place",
+                    "msgtype": "m.text",
+                    "m.mentions": {},
+                },
+                "m.relates_to": {
+                    event_id: editedEvent.getId(),
+                    rel_type: "m.replace",
+                },
+                "m.mentions": {},
+            });
+        });
+    });
+
+    describe("when message is not a reply", () => {
+        it("should attach an empty mentions object for a message with no mentions", async () => {
+            const editState = new EditorStateTransfer(editedEvent);
+            getComponent(editState);
+            const editContent = " + edit";
+            await editText(editContent);
+
+            fireEvent.click(screen.getByText("Save"));
+
+            const messageContent = mockClient.sendMessage.mock.calls[0][2] as RoomMessageEventContent &
+                ReplacementEvent<RoomMessageEventContent>;
+
+            // both content.mentions and new_content.mentions are empty
+            expect(messageContent["m.mentions"]).toEqual({});
+            expect(messageContent["m.new_content"]!["m.mentions"]).toEqual({});
+        });
+
+        it("should retain mentions in the original message that are not removed by the edit", async () => {
+            const editState = new EditorStateTransfer(eventWithMentions);
+            getComponent(editState);
+            // Remove charlie from the message
+            const editContent = "{backspace}{backspace}friends";
+            await editText(editContent);
+
+            fireEvent.click(screen.getByText("Save"));
+
+            const messageContent = mockClient.sendMessage.mock.calls[0][2] as RoomMessageEventContent &
+                ReplacementEvent<RoomMessageEventContent>;
+
+            // no new mentions were added, so nothing in top level mentions
+            expect(messageContent["m.mentions"]).toEqual({});
+            // bob is still mentioned, charlie removed
+            expect(messageContent["m.new_content"]!["m.mentions"]).toEqual({
+                user_ids: ["@bob:server.org"],
+            });
+        });
+
+        it("should remove mentions that are removed by the edit", async () => {
+            const editState = new EditorStateTransfer(eventWithMentions);
+            getComponent(editState);
+            const editContent = "new message!";
+            // clear the original message
+            await editText(editContent, true);
+
+            fireEvent.click(screen.getByText("Save"));
+
+            const messageContent = mockClient.sendMessage.mock.calls[0][2] as RoomMessageEventContent &
+                ReplacementEvent<RoomMessageEventContent>;
+
+            // no new mentions were added, so nothing in top level mentions
+            expect(messageContent["m.mentions"]).toEqual({});
+            // bob is not longer mentioned in the edited message, so empty mentions in new_content
+            expect(messageContent["m.new_content"]!["m.mentions"]).toEqual({});
+        });
+
+        it("should add mentions that were added in the edit", async () => {
+            const editState = new EditorStateTransfer(editedEvent);
+            getComponent(editState);
+            const editContent = " and @d";
+            await editText(editContent);
+
+            // wait for autocompletion to render
+            await screen.findByText("Dan");
+            // submit autocomplete for mention
+            await editText("{enter}");
+
+            fireEvent.click(screen.getByText("Save"));
+
+            const messageContent = mockClient.sendMessage.mock.calls[0][2] as RoomMessageEventContent &
+                ReplacementEvent<RoomMessageEventContent>;
+
+            // new mention in the edit
+            expect(messageContent["m.mentions"]).toEqual({
+                user_ids: ["@dan:server.org"],
+            });
+            expect(messageContent["m.new_content"]!["m.mentions"]).toEqual({
+                user_ids: ["@dan:server.org"],
+            });
+        });
+
+        it("should add and remove mentions from the edit", async () => {
+            const editState = new EditorStateTransfer(eventWithMentions);
+            getComponent(editState);
+            // Remove charlie from the message
+            await editText("{backspace}{backspace}");
+            // and replace with @room
+            await editText("@d");
+            // wait for autocompletion to render
+            await screen.findByText("Dan");
+            // submit autocomplete for @dan mention
+            await editText("{enter}");
+
+            fireEvent.click(screen.getByText("Save"));
+
+            const messageContent = mockClient.sendMessage.mock.calls[0][2] as RoomMessageEventContent &
+                ReplacementEvent<RoomMessageEventContent>;
+
+            // new mention in the edit
+            expect(messageContent["m.mentions"]).toEqual({
+                user_ids: ["@dan:server.org"],
+            });
+            // all mentions in the edited version of the event
+            expect(messageContent["m.new_content"]!["m.mentions"]).toEqual({
+                user_ids: ["@bob:server.org", "@dan:server.org"],
+            });
+        });
+    });
+
+    describe("when message is replying", () => {
+        const originalEvent = mkEvent({
+            type: "m.room.message",
+            user: "@ernie:test",
+            room: roomId,
+            content: { body: "original message", msgtype: "m.text" },
+            event: true,
+        });
+
+        const replyEvent = mkEvent({
+            type: "m.room.message",
+            user: "@bert:test",
+            room: roomId,
+            content: {
+                "body": "reply with plain message",
+                "msgtype": "m.text",
+                "m.relates_to": {
+                    "m.in_reply_to": {
+                        event_id: originalEvent.getId(),
+                    },
+                },
+                "m.mentions": {
+                    user_ids: [originalEvent.getSender()!],
+                },
+            },
+            event: true,
+        });
+
+        const replyWithMentions = mkEvent({
+            type: "m.room.message",
+            user: "@bert:test",
+            room: roomId,
+            content: {
+                "body": 'reply that mentions <a href="https://matrix.to/#/@bob:server.org">Bob</a>',
+                "msgtype": "m.text",
+                "m.relates_to": {
+                    "m.in_reply_to": {
+                        event_id: originalEvent.getId(),
+                    },
+                },
+                "m.mentions": {
+                    user_ids: [
+                        // sender of event we replied to
+                        originalEvent.getSender()!,
+                    ],
+                },
+            },
+            event: true,
+        });
+
+        beforeEach(() => {
+            setupRoomWithEventsTimeline(room, [originalEvent, replyEvent]);
+        });
+
+        it("should retain parent event sender in mentions when editing with plain text", async () => {
+            const editState = new EditorStateTransfer(replyEvent);
+            getComponent(editState);
+            const editContent = " + edit";
+            await editText(editContent);
+
+            fireEvent.click(screen.getByText("Save"));
+
+            const messageContent = mockClient.sendMessage.mock.calls[0][2] as RoomMessageEventContent &
+                ReplacementEvent<RoomMessageEventContent>;
+
+            // no new mentions from edit
+            expect(messageContent["m.mentions"]).toEqual({});
+            // edited reply still mentions the parent event sender
+            expect(messageContent["m.new_content"]!["m.mentions"]).toEqual({
+                user_ids: [originalEvent.getSender()],
+            });
+        });
+
+        it("should retain parent event sender in mentions when adding a mention", async () => {
+            const editState = new EditorStateTransfer(replyEvent);
+            getComponent(editState);
+            await editText(" and @d");
+            // wait for autocompletion to render
+            await screen.findByText("Dan");
+            // submit autocomplete for @dan mention
+            await editText("{enter}");
+
+            fireEvent.click(screen.getByText("Save"));
+
+            const messageContent = mockClient.sendMessage.mock.calls[0][2] as RoomMessageEventContent &
+                ReplacementEvent<RoomMessageEventContent>;
+
+            // new mention in edit
+            expect(messageContent["m.mentions"]).toEqual({
+                user_ids: ["@dan:server.org"],
+            });
+            // edited reply still mentions the parent event sender
+            // plus new mention @dan
+            expect(messageContent["m.new_content"]!["m.mentions"]).toEqual({
+                user_ids: [originalEvent.getSender(), "@dan:server.org"],
+            });
+        });
+
+        it("should retain parent event sender in mentions when removing all mentions from content", async () => {
+            const editState = new EditorStateTransfer(replyWithMentions);
+            getComponent(editState);
+            // replace text to remove all mentions
+            await editText("no mentions here", true);
+
+            fireEvent.click(screen.getByText("Save"));
+
+            const messageContent = mockClient.sendMessage.mock.calls[0][2] as RoomMessageEventContent &
+                ReplacementEvent<RoomMessageEventContent>;
+
+            // no mentions in edit
+            expect(messageContent["m.mentions"]).toEqual({});
+            // edited reply still mentions the parent event sender
+            // existing @bob mention removed
+            expect(messageContent["m.new_content"]!["m.mentions"]).toEqual({
+                user_ids: [originalEvent.getSender()],
+            });
+        });
+
+        it("should retain parent event sender in mentions when removing mention of said user", async () => {
+            const replyThatMentionsParentEventSender = mkEvent({
+                type: "m.room.message",
+                user: "@bert:test",
+                room: roomId,
+                content: {
+                    "body": `reply that mentions the sender of the message we replied to <a href="https://matrix.to/#/${originalEvent.getSender()!}">Ernie</a>`,
+                    "msgtype": "m.text",
+                    "m.relates_to": {
+                        "m.in_reply_to": {
+                            event_id: originalEvent.getId(),
+                        },
+                    },
+                    "m.mentions": {
+                        user_ids: [
+                            // sender of event we replied to
+                            originalEvent.getSender()!,
+                        ],
+                    },
+                },
+                event: true,
+            });
+            const editState = new EditorStateTransfer(replyThatMentionsParentEventSender);
+            getComponent(editState);
+            // replace text to remove all mentions
+            await editText("no mentions here", true);
+
+            fireEvent.click(screen.getByText("Save"));
+
+            const messageContent = mockClient.sendMessage.mock.calls[0][2] as RoomMessageEventContent &
+                ReplacementEvent<RoomMessageEventContent>;
+
+            // no mentions in edit
+            expect(messageContent["m.mentions"]).toEqual({});
+            // edited reply still mentions the parent event sender
+            expect(messageContent["m.new_content"]!["m.mentions"]).toEqual({
+                user_ids: [originalEvent.getSender()],
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/EventTile-test.tsx b/apps/web/test/unit-tests/components/views/rooms/EventTile-test.tsx
new file mode 100644
index 00000000000..aadff0c081e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/EventTile-test.tsx
@@ -0,0 +1,1746 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { act, fireEvent, render, screen, waitFor } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+import {
+    EventStatus,
+    EventType,
+    type IEventDecryptionResult,
+    type MatrixClient,
+    MatrixEvent,
+    MatrixEventEvent,
+    MsgType,
+    NotificationCountType,
+    PendingEventOrdering,
+    RelationType,
+    type Relations,
+    Room,
+    RoomMember,
+    TweakName,
+} from "matrix-js-sdk/src/matrix";
+import {
+    type CryptoApi,
+    DecryptionFailureCode,
+    type EventEncryptionInfo,
+    EventShieldColour,
+    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 * as EventTileFactory from "../../../../../src/events/EventTileFactory";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { type RoomContextType, TimelineRenderingType } from "../../../../../src/contexts/RoomContext";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { filterConsole, flushPromises, getRoomContext, mkEvent, mkMessage, stubClient } from "../../../../test-utils";
+import { mkThread } from "../../../../test-utils/threads";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import dis from "../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../src/dispatcher/actions";
+import PinningUtils from "../../../../../src/utils/PinningUtils";
+import { Layout } from "../../../../../src/settings/enums/Layout";
+import { ScopedRoomContextProvider } from "../../../../../src/contexts/ScopedRoomContext.tsx";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import EditorStateTransfer from "../../../../../src/utils/EditorStateTransfer";
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import PlatformPeg from "../../../../../src/PlatformPeg";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+import { SDKContext } from "../../../../../src/contexts/SDKContext.ts";
+
+function getTile(container: HTMLElement): HTMLElement {
+    const tile = container.querySelector(".mx_EventTile");
+    expect(tile).not.toBeNull();
+    return tile as HTMLElement;
+}
+
+function getLine(container: HTMLElement): HTMLElement {
+    const line = container.querySelector(".mx_EventTile_line");
+    expect(line).not.toBeNull();
+    return line as HTMLElement;
+}
+
+function expectTileClass(container: HTMLElement, className: string): void {
+    expect(getTile(container)).toHaveClass(className);
+}
+
+function makeReplyEvent(roomId: string): MatrixEvent {
+    const parentEvent = mkMessage({
+        room: roomId,
+        user: "@alice:example.org",
+        msg: "Original message",
+        event: true,
+    });
+
+    return mkMessage({
+        room: roomId,
+        user: "@bob:example.org",
+        msg: "Reply message",
+        event: true,
+        relatesTo: {
+            "m.in_reply_to": {
+                event_id: parentEvent.getId(),
+            },
+        },
+    });
+}
+
+function makeThreadReplyEvent(roomId: string): MatrixEvent {
+    return mkMessage({
+        room: roomId,
+        user: "@alice:example.org",
+        msg: "Hello world!",
+        ts: 1234,
+        event: true,
+        relatesTo: {
+            rel_type: "m.thread",
+            event_id: "$thread-root",
+        },
+    });
+}
+
+function makeReactionEvent(roomId: string, targetEventId: string, sender: string, key: string): MatrixEvent {
+    return mkEvent({
+        event: true,
+        type: EventType.Reaction,
+        room: roomId,
+        user: sender,
+        content: {
+            "m.relates_to": {
+                rel_type: RelationType.Annotation,
+                event_id: targetEventId,
+                key,
+            },
+        },
+    });
+}
+
+function makeRelations(
+    reactionsByKey: Map<string, MatrixEvent[]>,
+    reactionsBySender: Record<string, MatrixEvent[]> = {},
+): Relations {
+    return {
+        getSortedAnnotationsByKey: () =>
+            [...reactionsByKey.entries()].map(([key, events]) => [key, new Set(events)] as [string, Set<MatrixEvent>]),
+        getAnnotationsBySender: () =>
+            Object.fromEntries(
+                Object.entries(reactionsBySender).map(([sender, events]) => [
+                    sender,
+                    new Map(events.map((ev) => [ev.getId(), ev])),
+                ]),
+            ),
+        on: jest.fn(),
+        off: jest.fn(),
+    } as unknown as Relations;
+}
+
+describe("EventTile", () => {
+    const ROOM_ID = "!roomId:example.org";
+    let mxEvent: MatrixEvent;
+    let room: Room;
+    let client: MatrixClient;
+
+    // let changeEvent: (event: MatrixEvent) => void;
+
+    /** wrap the EventTile up in context providers, and with basic properties, as it would be by MessagePanel normally. */
+    function WrappedEventTile(props: {
+        roomContext: RoomContextType;
+        eventTilePropertyOverrides?: Partial<EventTileProps>;
+    }) {
+        return (
+            <MatrixClientContext.Provider value={client}>
+                <ScopedRoomContextProvider {...props.roomContext}>
+                    <EventTile
+                        mxEvent={mxEvent}
+                        replacingEventId={mxEvent.replacingEventId()}
+                        {...(props.eventTilePropertyOverrides ?? {})}
+                    />
+                </ScopedRoomContextProvider>
+            </MatrixClientContext.Provider>
+        );
+    }
+
+    function getComponent(
+        overrides: Partial<EventTileProps> = {},
+        renderingType: TimelineRenderingType = TimelineRenderingType.Room,
+        roomContext: Partial<RoomContextType> = {},
+    ) {
+        const context = getRoomContext(room, {
+            timelineRenderingType: renderingType,
+            ...roomContext,
+        });
+        return render(<WrappedEventTile roomContext={context} eventTilePropertyOverrides={overrides} />);
+    }
+
+    function makeOwnMessage(overrides: Partial<Parameters<typeof mkMessage>[0]> = {}): MatrixEvent {
+        return mkMessage({
+            ...overrides,
+            room: overrides.room ?? room.roomId,
+            user: overrides.user ?? client.getSafeUserId(),
+            msg: overrides.msg ?? "Hello world!",
+            event: overrides.event ?? true,
+        });
+    }
+
+    function makeTimestampedMessage(overrides: Partial<Parameters<typeof mkMessage>[0]> = {}): MatrixEvent {
+        return mkMessage({
+            ...overrides,
+            room: overrides.room ?? room.roomId,
+            user: overrides.user ?? "@alice:example.org",
+            msg: overrides.msg ?? "Hello world!",
+            ts: overrides.ts ?? 1234,
+            event: overrides.event ?? true,
+        });
+    }
+
+    function WrappedEventTiles(props: { events: MatrixEvent[]; editEvent?: MatrixEvent }) {
+        const roomContext = getRoomContext(room, {
+            timelineRenderingType: TimelineRenderingType.Room,
+        });
+
+        return (
+            <MatrixClientContext.Provider value={client}>
+                <ScopedRoomContextProvider {...roomContext}>
+                    {props.events.map((event) => (
+                        <EventTile
+                            key={event.getId()}
+                            mxEvent={event}
+                            replacingEventId={event.replacingEventId()}
+                            editState={
+                                props.editEvent?.getId() === event.getId() ? new EditorStateTransfer(event) : undefined
+                            }
+                        />
+                    ))}
+                </ScopedRoomContextProvider>
+            </MatrixClientContext.Provider>
+        );
+    }
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+
+        stubClient();
+        client = MatrixClientPeg.safeGet();
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue({
+            getUserIdForRoomId: jest.fn().mockReturnValue(undefined),
+        } as unknown as DMRoomMap);
+
+        room = new Room(ROOM_ID, client, client.getSafeUserId(), {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+            timelineSupport: true,
+        });
+
+        jest.spyOn(client, "getRoom").mockReturnValue(room);
+        jest.spyOn(client, "decryptEventIfNeeded").mockResolvedValue();
+        jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+
+        mxEvent = mkMessage({
+            room: room.roomId,
+            user: "@alice:example.org",
+            msg: "Hello world!",
+            event: true,
+        });
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    describe("layout and tile attributes", () => {
+        it.each([
+            ["last", { last: true }, "mx_EventTile_last"],
+            ["lastInSection", { lastInSection: true }, "mx_EventTile_lastInSection"],
+            ["contextual", { contextual: true }, "mx_EventTile_contextual"],
+            ["isSelectedEvent", { isSelectedEvent: true }, "mx_EventTile_selected"],
+            ["hideSender", { hideSender: true }, "mx_EventTile_noSender"],
+            ["isTwelveHour", { isTwelveHour: true }, "mx_EventTile_12hr"],
+        ] as const)("adds the %s class", (_propName, overrides, className) => {
+            const { container } = getComponent(overrides);
+
+            expectTileClass(container, className);
+        });
+
+        it("marks events from other users as non-self events", () => {
+            const { container } = getComponent();
+
+            expect(getTile(container)).toHaveAttribute("data-self", "false");
+        });
+
+        it("marks events from the current user as self events", () => {
+            const ownEvent = makeOwnMessage();
+            const { container } = getComponent({ mxEvent: ownEvent });
+
+            expect(getTile(container)).toHaveAttribute("data-self", "true");
+        });
+
+        it("exposes the rendered event id in room timelines", () => {
+            const { container } = getComponent();
+
+            expect(getTile(container)).toHaveAttribute("data-event-id", mxEvent.getId());
+        });
+
+        it("renders the event line inside the tile", () => {
+            const { container } = getComponent();
+
+            expect(getTile(container)).toContainElement(getLine(container));
+        });
+
+        it("preserves the existing root and line markup", () => {
+            const { container } = getComponent();
+            const tile = getTile(container);
+
+            expect(tile.tagName).toBe("LI");
+            expect(tile).toContainElement(getLine(container));
+            expect(getLine(container)).toHaveClass("mx_EventTile_line");
+        });
+
+        it("does not expose a scroll token for local echo events", () => {
+            const localEcho = makeOwnMessage();
+            localEcho.setStatus(EventStatus.SENDING);
+            const { container } = getComponent({ mxEvent: localEcho, eventSendStatus: EventStatus.SENDING });
+
+            expect(getTile(container)).not.toHaveAttribute("data-scroll-tokens");
+        });
+
+        it("sets aria-live to off when the send status is undefined", () => {
+            const { container } = getComponent();
+
+            expect(getTile(container)).toHaveAttribute("aria-live", "off");
+        });
+
+        it("does not set aria-live when the send status is explicitly null", () => {
+            const { container } = getComponent({ eventSendStatus: null as unknown as EventStatus });
+
+            expect(getTile(container)).not.toHaveAttribute("aria-live");
+        });
+    });
+
+    describe("rendering root attributes", () => {
+        type RootAttribute =
+            | "data-scroll-tokens"
+            | "data-layout"
+            | "data-shape"
+            | "data-self"
+            | "data-event-id"
+            | "data-has-reply";
+
+        it.each([
+            [
+                TimelineRenderingType.Room,
+                ["data-scroll-tokens", "data-layout", "data-self", "data-event-id", "data-has-reply"],
+                ["data-shape"],
+            ],
+            [
+                TimelineRenderingType.Thread,
+                ["data-scroll-tokens", "data-layout", "data-self", "data-event-id", "data-has-reply"],
+                ["data-shape"],
+            ],
+            [
+                TimelineRenderingType.ThreadsList,
+                ["data-scroll-tokens", "data-layout", "data-shape", "data-self", "data-has-reply"],
+                ["data-event-id"],
+            ],
+            [
+                TimelineRenderingType.Notification,
+                ["data-scroll-tokens", "data-layout", "data-shape", "data-self", "data-has-reply"],
+                ["data-event-id"],
+            ],
+            [
+                TimelineRenderingType.File,
+                ["data-scroll-tokens"],
+                ["data-layout", "data-shape", "data-self", "data-event-id", "data-has-reply"],
+            ],
+        ] as const)(
+            "sets root attributes for %s rendering",
+            (renderingType, expectedPresentAttributes, expectedAbsentAttributes) => {
+                const { container } = getComponent({}, renderingType);
+                const tile = getTile(container);
+                const expectedValues: Record<RootAttribute, string> = {
+                    "data-scroll-tokens": mxEvent.getId()!,
+                    "data-layout": Layout.Group,
+                    "data-shape": renderingType,
+                    "data-self": "false",
+                    "data-event-id": mxEvent.getId()!,
+                    "data-has-reply": "false",
+                };
+
+                for (const attribute of expectedPresentAttributes) {
+                    expect(tile).toHaveAttribute(attribute, expectedValues[attribute]);
+                }
+
+                for (const attribute of expectedAbsentAttributes) {
+                    expect(tile).not.toHaveAttribute(attribute);
+                }
+            },
+        );
+    });
+
+    describe("message type classes", () => {
+        it("adds media and image classes for image messages", () => {
+            const imageEvent = mkEvent({
+                event: true,
+                type: EventType.RoomMessage,
+                room: room.roomId,
+                user: "@alice:example.org",
+                content: {
+                    msgtype: MsgType.Image,
+                    body: "image.png",
+                    url: "mxc://example.org/image",
+                    info: {
+                        mimetype: "image/png",
+                        w: 100,
+                        h: 100,
+                        size: 1234,
+                    },
+                },
+            });
+            const { container } = getComponent({ mxEvent: imageEvent });
+
+            expect(getLine(container)).toHaveClass("mx_EventTile_mediaLine");
+            expect(getLine(container)).toHaveClass("mx_EventTile_image");
+        });
+
+        it("adds emote classes for emote messages", () => {
+            const emoteEvent = mkEvent({
+                event: true,
+                type: EventType.RoomMessage,
+                room: room.roomId,
+                user: "@alice:example.org",
+                content: {
+                    msgtype: MsgType.Emote,
+                    body: "waves",
+                },
+            });
+            const { container } = getComponent({ mxEvent: emoteEvent });
+
+            expect(getTile(container)).toHaveClass("mx_EventTile_emote");
+            expect(getLine(container)).toHaveClass("mx_EventTile_emote");
+        });
+
+        it("adds media and sticker classes for sticker events", () => {
+            const stickerEvent = mkEvent({
+                event: true,
+                type: EventType.Sticker,
+                room: room.roomId,
+                user: "@alice:example.org",
+                content: {
+                    body: "sticker.png",
+                    url: "mxc://example.org/sticker",
+                    info: {
+                        mimetype: "image/png",
+                        w: 100,
+                        h: 100,
+                        size: 1234,
+                    },
+                },
+            });
+            const { container } = getComponent({ mxEvent: stickerEvent });
+
+            expect(getLine(container)).toHaveClass("mx_EventTile_mediaLine");
+            expect(getLine(container)).toHaveClass("mx_EventTile_sticker");
+        });
+    });
+
+    describe("timestamps", () => {
+        beforeEach(() => {
+            mxEvent = makeTimestampedMessage();
+        });
+
+        it("hides the timestamp by default in room timelines", () => {
+            const { container } = getComponent();
+
+            expect(container.querySelector(".mx_MessageTimestamp")).toBeNull();
+        });
+
+        it("shows the timestamp when the tile is hovered", () => {
+            const { container } = getComponent();
+
+            expect(container.querySelector(".mx_MessageTimestamp")).toBeNull();
+
+            fireEvent.mouseEnter(getTile(container));
+
+            expect(container.querySelector(".mx_MessageTimestamp")).not.toBeNull();
+        });
+
+        it("shows the timestamp when focus is within the tile", () => {
+            const { container } = getComponent();
+
+            expect(container.querySelector(".mx_MessageTimestamp")).toBeNull();
+
+            act(() => {
+                getTile(container).focus();
+            });
+
+            expect(container.querySelector(".mx_MessageTimestamp")).not.toBeNull();
+        });
+
+        it("shows the timestamp for the last event", () => {
+            const { container } = getComponent({ last: true });
+
+            expect(container.querySelector(".mx_MessageTimestamp")).not.toBeNull();
+        });
+
+        it("shows the timestamp when timestamps are always shown", () => {
+            const { container } = getComponent({ alwaysShowTimestamps: true });
+
+            expect(container.querySelector(".mx_MessageTimestamp")).not.toBeNull();
+        });
+
+        it("hides the timestamp when timestamps are disabled for the tile", () => {
+            const { container } = getComponent({ alwaysShowTimestamps: true, hideTimestamp: true });
+
+            expect(container.querySelector(".mx_MessageTimestamp")).toBeNull();
+        });
+
+        it("renders a placeholder timestamp in IRC layout", () => {
+            const { container } = getComponent({ layout: Layout.IRC });
+            const timestamp = container.querySelector(".mx_MessageTimestamp");
+
+            expect(timestamp).not.toBeNull();
+            expect(timestamp?.tagName).toBe("SPAN");
+        });
+
+        it("dispatches a room view when the linked timestamp is clicked", () => {
+            jest.spyOn(dis, "dispatch").mockImplementation(() => {});
+            const permalinkCreator = new RoomPermalinkCreator(room);
+            const { container } = getComponent({ alwaysShowTimestamps: true, permalinkCreator });
+            const timestamp = container.querySelector<HTMLAnchorElement>("a.mx_MessageTimestamp");
+
+            expect(timestamp).not.toBeNull();
+            fireEvent.click(timestamp!);
+
+            expect(dis.dispatch).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: Action.ViewRoom,
+                    event_id: mxEvent.getId(),
+                    highlighted: true,
+                    room_id: room.roomId,
+                }),
+            );
+        });
+    });
+
+    describe("sender and avatar rendering", () => {
+        it("keeps the sender/avatar composition in room timelines", () => {
+            const { container } = getComponent();
+
+            expect(container.querySelector(".mx_DisambiguatedProfile")).not.toBeNull();
+            expect(container.querySelector(".mx_EventTile_avatar")).not.toBeNull();
+        });
+
+        it("hides sender and avatar for continuation events in room timelines", () => {
+            const { container } = getComponent({ continuation: true });
+
+            expectTileClass(container, "mx_EventTile_continuation");
+            expect(container.querySelector(".mx_DisambiguatedProfile")).toBeNull();
+            expect(container.querySelector(".mx_EventTile_avatar")).toBeNull();
+        });
+
+        it("hides sender but keeps avatar when sender display is disabled", () => {
+            const { container } = getComponent({ hideSender: true });
+
+            expectTileClass(container, "mx_EventTile_noSender");
+            expect(container.querySelector(".mx_DisambiguatedProfile")).toBeNull();
+            expect(container.querySelector(".mx_EventTile_avatar")).not.toBeNull();
+        });
+
+        it("renders sender details as a permalink in file timelines", () => {
+            const { container } = getComponent({}, TimelineRenderingType.File);
+            const senderDetailsLink = container.querySelector(".mx_EventTile_senderDetailsLink");
+
+            expect(senderDetailsLink).not.toBeNull();
+            expect(senderDetailsLink).toContainElement(container.querySelector(".mx_DisambiguatedProfile"));
+            expect(senderDetailsLink).toContainElement(container.querySelector(".mx_EventTile_avatar"));
+        });
+
+        it("renders sender details in thread timelines", () => {
+            const { container } = getComponent({}, TimelineRenderingType.Thread);
+            const senderDetails = container.querySelector(".mx_EventTile_senderDetails");
+
+            expect(senderDetails).not.toBeNull();
+            expect(senderDetails).toContainElement(container.querySelector(".mx_DisambiguatedProfile"));
+            expect(senderDetails).toContainElement(container.querySelector(".mx_EventTile_avatar"));
+        });
+
+        it("keeps sender and avatar when only the layout prop is set to bubble", () => {
+            const { container } = getComponent({ layout: Layout.Bubble });
+
+            expect(container.querySelector(".mx_DisambiguatedProfile")).not.toBeNull();
+            expect(container.querySelector(".mx_EventTile_avatar")).not.toBeNull();
+        });
+
+        it("hides the sender but keeps the info-message avatar for room create events", () => {
+            const createEvent = mkEvent({
+                event: true,
+                type: EventType.RoomCreate,
+                room: room.roomId,
+                user: "@alice:example.org",
+                content: { creator: "@alice:example.org", room_version: "1" },
+            });
+            const { container } = getComponent({ mxEvent: createEvent }, TimelineRenderingType.Room, {
+                showHiddenEvents: true,
+            });
+
+            expect(container.querySelector(".mx_DisambiguatedProfile")).toBeNull();
+            expect(container.querySelector(".mx_EventTile_avatar")).not.toBeNull();
+        });
+
+        it("renders the notification avatar independently from the sender details", () => {
+            const { container } = getComponent({}, TimelineRenderingType.Notification);
+            const details = container.querySelector<HTMLElement>(".mx_EventTile_details");
+            const avatar = container.querySelector<HTMLElement>(".mx_EventTile_avatar");
+
+            expect(details).not.toBeNull();
+            expect(avatar).not.toBeNull();
+            expect(details).not.toContainElement(avatar);
+        });
+    });
+
+    describe("continuation rendering", () => {
+        it.each([TimelineRenderingType.Room, TimelineRenderingType.Search, TimelineRenderingType.Thread])(
+            "keeps continuation styling in %s timelines",
+            (renderingType) => {
+                const { container } = getComponent({ continuation: true }, renderingType);
+
+                expect(getTile(container)).toHaveClass("mx_EventTile_continuation");
+            },
+        );
+
+        it.each([TimelineRenderingType.File, TimelineRenderingType.Notification, TimelineRenderingType.ThreadsList])(
+            "drops continuation styling in %s timelines when not using bubble layout",
+            (renderingType) => {
+                const { container } = getComponent({ continuation: true }, renderingType);
+
+                expect(getTile(container)).not.toHaveClass("mx_EventTile_continuation");
+            },
+        );
+
+        it.each([TimelineRenderingType.File, TimelineRenderingType.Notification, TimelineRenderingType.ThreadsList])(
+            "keeps continuation styling in %s timelines when using bubble layout",
+            (renderingType) => {
+                const { container } = getComponent({ continuation: true, layout: Layout.Bubble }, renderingType);
+
+                expect(getTile(container)).toHaveClass("mx_EventTile_continuation");
+            },
+        );
+    });
+
+    describe("read receipt option", () => {
+        it("shows a sent receipt for the current user's last successful event", () => {
+            const ownEvent = makeOwnMessage();
+            const { getByRole } = getComponent({ mxEvent: ownEvent, lastSuccessful: true });
+
+            expect(getByRole("status")).toHaveAccessibleName("Your message was sent");
+        });
+
+        it.each([
+            [EventStatus.SENDING, "Sending your message…"],
+            [EventStatus.ENCRYPTING, "Encrypting your message…"],
+            [EventStatus.NOT_SENT, "Failed to send"],
+        ])("shows the %s receipt for the current user's pending event", (eventSendStatus, label) => {
+            const ownEvent = makeOwnMessage();
+            ownEvent.setStatus(eventSendStatus);
+            const { getByRole } = getComponent({ mxEvent: ownEvent, eventSendStatus });
+
+            expect(getByRole("status")).toHaveAccessibleName(label);
+        });
+
+        it("does not show a sent receipt in the threads list", () => {
+            const ownEvent = makeOwnMessage();
+            const { queryByRole } = getComponent(
+                { mxEvent: ownEvent, lastSuccessful: true },
+                TimelineRenderingType.ThreadsList,
+            );
+
+            expect(queryByRole("status", { name: "Your message was sent" })).toBeNull();
+        });
+
+        it("shows normal read receipts instead of the sent receipt when other users have read the event", () => {
+            const ownEvent = makeOwnMessage();
+            const { getByRole, queryByRole } = getComponent({
+                mxEvent: ownEvent,
+                lastSuccessful: true,
+                showReadReceipts: true,
+                readReceipts: [
+                    {
+                        userId: "@bob:example.org",
+                        roomMember: null,
+                        ts: 1234,
+                    },
+                ],
+            });
+
+            expect(queryByRole("status", { name: "Your message was sent" })).toBeNull();
+            expect(getByRole("group", { name: "Seen by 1 person" })).toBeInTheDocument();
+        });
+    });
+
+    describe("reactions and footer", () => {
+        it("gets annotation relations when reactions are enabled", () => {
+            const getRelationsForEvent = jest.fn().mockReturnValue(null);
+
+            getComponent({ showReactions: true, getRelationsForEvent });
+
+            expect(getRelationsForEvent).toHaveBeenCalledWith(mxEvent.getId(), "m.annotation", "m.reaction");
+        });
+
+        it("does not get annotation relations when reactions are disabled", () => {
+            const getRelationsForEvent = jest.fn().mockReturnValue(null);
+
+            getComponent({ getRelationsForEvent });
+
+            expect(getRelationsForEvent).not.toHaveBeenCalled();
+        });
+
+        it("refreshes annotation relations when reaction relations are created", () => {
+            const getRelationsForEvent = jest.fn().mockReturnValue(null);
+            getComponent({ showReactions: true, getRelationsForEvent });
+            getRelationsForEvent.mockClear();
+
+            act(() => {
+                mxEvent.emit(MatrixEventEvent.RelationsCreated, "m.annotation", "m.reaction");
+            });
+
+            expect(getRelationsForEvent).toHaveBeenCalledWith(mxEvent.getId(), "m.annotation", "m.reaction");
+        });
+
+        it("does not refresh annotation relations for unrelated relations", () => {
+            const getRelationsForEvent = jest.fn().mockReturnValue(null);
+            getComponent({ showReactions: true, getRelationsForEvent });
+            getRelationsForEvent.mockClear();
+
+            act(() => {
+                mxEvent.emit(MatrixEventEvent.RelationsCreated, "m.reference", "m.room.message");
+            });
+
+            expect(getRelationsForEvent).not.toHaveBeenCalled();
+        });
+
+        it("does not render reactions for redacted events", () => {
+            const getRelationsForEvent = jest.fn().mockReturnValue(null);
+            const { container } = getComponent({ showReactions: true, getRelationsForEvent, isRedacted: true });
+
+            expect(container.querySelector(".mx_ReactionsRow")).toBeNull();
+        });
+
+        it("renders a footer for pinned messages", () => {
+            jest.spyOn(PinningUtils, "isPinned").mockReturnValue(true);
+            const { container } = getComponent();
+
+            expect(container.querySelector(".mx_EventTile_footer")).not.toBeNull();
+            expect(screen.getByText("Pinned message")).toBeInTheDocument();
+        });
+
+        it("renders the IRC footer inside the event line", () => {
+            jest.spyOn(PinningUtils, "isPinned").mockReturnValue(true);
+            const { container } = getComponent({ layout: Layout.IRC });
+
+            expect(getLine(container).querySelector(".mx_EventTile_footer")).not.toBeNull();
+            expect(getTile(container).querySelector(":scope > .mx_EventTile_footer")).toBeNull();
+        });
+
+        it("renders a bubble footer for an own pinned message", () => {
+            jest.spyOn(PinningUtils, "isPinned").mockReturnValue(true);
+            const ownEvent = makeOwnMessage();
+            const { container } = getComponent({ mxEvent: ownEvent, layout: Layout.Bubble });
+            const footer = container.querySelector(".mx_EventTile_footer");
+
+            expect(footer).not.toBeNull();
+            expect(footer).toHaveTextContent("Pinned message");
+        });
+
+        it("renders relation groups and deduplicates reactions from the same sender", () => {
+            const bobReaction1 = makeReactionEvent(room.roomId, mxEvent.getId()!, "@bob:example.org", "👍");
+            const bobReaction2 = makeReactionEvent(room.roomId, mxEvent.getId()!, "@bob:example.org", "👍");
+            const getRelationsForEvent = jest
+                .fn()
+                .mockReturnValue(makeRelations(new Map([["👍", [bobReaction1, bobReaction2]]])));
+
+            getComponent({ showReactions: true, getRelationsForEvent }, TimelineRenderingType.Room, {
+                canReact: true,
+            });
+
+            const reactionButton = screen.getByRole("button", { name: /@bob:example\.org reacted with 👍/ });
+            expect(reactionButton).toHaveTextContent("👍1");
+        });
+
+        it("detects the current user's reaction when rendering relation groups", () => {
+            const ownReaction = makeReactionEvent(room.roomId, mxEvent.getId()!, client.getSafeUserId(), "👍");
+            const getRelationsForEvent = jest.fn().mockReturnValue(
+                makeRelations(new Map([["👍", [ownReaction]]]), {
+                    [client.getSafeUserId()]: [ownReaction],
+                }),
+            );
+
+            getComponent({ showReactions: true, getRelationsForEvent }, TimelineRenderingType.Room, {
+                canReact: true,
+                canSelfRedact: false,
+            });
+
+            expect(screen.getByRole("button", { name: /reacted with 👍/ })).toHaveAttribute("aria-disabled", "true");
+        });
+    });
+
+    describe("action bar", () => {
+        it("does not render the message action bar by default", () => {
+            const { container } = getComponent();
+
+            expect(container.querySelector(".mx_MessageActionBar")).toBeNull();
+        });
+
+        it("renders the message action bar when the tile is hovered", () => {
+            const { container } = getComponent();
+
+            fireEvent.mouseEnter(getTile(container));
+
+            expect(container.querySelector(".mx_MessageActionBar")).not.toBeNull();
+        });
+
+        it("renders the message action bar when the tile receives keyboard focus", () => {
+            const matches = HTMLElement.prototype.matches;
+            jest.spyOn(HTMLElement.prototype, "matches").mockImplementation(function (this: HTMLElement, selector) {
+                if (selector === ":focus-visible") return true;
+                return matches.call(this, selector);
+            });
+            const { container } = getComponent();
+
+            act(() => {
+                getTile(container).focus();
+            });
+
+            expect(container.querySelector(".mx_MessageActionBar")).not.toBeNull();
+        });
+
+        it("hides the keyboard-focused message action bar when focus leaves the tile", () => {
+            const matches = HTMLElement.prototype.matches;
+            jest.spyOn(HTMLElement.prototype, "matches").mockImplementation(function (this: HTMLElement, selector) {
+                if (selector === ":focus-visible") return true;
+                return matches.call(this, selector);
+            });
+            const { container } = getComponent();
+            const tile = getTile(container);
+
+            act(() => {
+                tile.focus();
+            });
+            expect(container.querySelector(".mx_MessageActionBar")).not.toBeNull();
+
+            act(() => {
+                tile.blur();
+            });
+
+            expect(container.querySelector(".mx_MessageActionBar")).toBeNull();
+        });
+
+        it("does not render the message action bar on hover when exporting", () => {
+            const { container } = getComponent({ forExport: true });
+
+            fireEvent.mouseEnter(getTile(container));
+
+            expect(container.querySelector(".mx_MessageActionBar")).toBeNull();
+        });
+
+        it("does not render the message action bar on hover while editing", () => {
+            const { container } = getComponent({ editState: {} as EventTileProps["editState"] });
+
+            fireEvent.mouseEnter(getTile(container));
+
+            expect(container.querySelector(".mx_MessageActionBar")).toBeNull();
+        });
+    });
+
+    describe("context menu", () => {
+        it("renders the message context menu when the event line is right-clicked", async () => {
+            const { container } = getComponent();
+
+            fireEvent.contextMenu(getLine(container), { clientX: 1, clientY: 2 });
+
+            expect(await screen.findByTestId("mx_MessageContextMenu")).toBeInTheDocument();
+        });
+
+        it("marks the tile selected when the context menu is open", async () => {
+            const { container } = getComponent();
+            const tile = getTile(container);
+
+            fireEvent.contextMenu(getLine(container), { clientX: 1, clientY: 2 });
+
+            expect(await screen.findByTestId("mx_MessageContextMenu")).toBeInTheDocument();
+            expect(tile).toHaveClass("mx_EventTile_selected");
+        });
+
+        it("shows the timestamp while the context menu is open", async () => {
+            mxEvent = makeTimestampedMessage();
+            const { container } = getComponent();
+
+            expect(container.querySelector(".mx_MessageTimestamp")).toBeNull();
+
+            fireEvent.contextMenu(getLine(container), { clientX: 1, clientY: 2 });
+
+            expect(await screen.findByTestId("mx_MessageContextMenu")).toBeInTheDocument();
+            expect(container.querySelector(".mx_MessageTimestamp")).not.toBeNull();
+        });
+
+        it("does not render the message context menu while editing", () => {
+            const { container } = getComponent({ editState: {} as EventTileProps["editState"] });
+
+            expect(container.querySelector(".mx_EventTile_line")).toBeNull();
+            expect(screen.queryByTestId("mx_MessageContextMenu")).toBeNull();
+        });
+
+        it("does not override the native browser context menu for links", () => {
+            const { container } = getComponent();
+            jest.spyOn(PlatformPeg, "get").mockReturnValue({
+                allowOverridingNativeContextMenus: () => false,
+            } as ReturnType<typeof PlatformPeg.get>);
+            const link = document.createElement("a");
+            link.href = "https://example.org/";
+            getLine(container).appendChild(link);
+
+            const event = new MouseEvent("contextmenu", { bubbles: true, cancelable: true, clientX: 1, clientY: 2 });
+            link.dispatchEvent(event);
+
+            expect(event.defaultPrevented).toBe(false);
+            expect(screen.queryByTestId("mx_MessageContextMenu")).toBeNull();
+        });
+    });
+
+    describe("reply chain", () => {
+        it("marks non-reply events as having no reply", () => {
+            const { container } = getComponent();
+
+            expect(getTile(container)).toHaveAttribute("data-has-reply", "false");
+            expect(container.querySelector(".mx_ReplyChain_wrapper")).toBeNull();
+        });
+
+        it("marks reply events as having a reply chain", () => {
+            const replyEvent = makeReplyEvent(room.roomId);
+            const { container } = getComponent({ mxEvent: replyEvent });
+
+            expect(getTile(container)).toHaveAttribute("data-has-reply", "true");
+            expect(container.querySelector(".mx_ReplyChain_wrapper")).not.toBeNull();
+        });
+
+        it("does not render the reply chain for redacted reply events", () => {
+            const replyEvent = makeReplyEvent(room.roomId);
+            jest.spyOn(replyEvent, "isRedacted").mockReturnValue(true);
+            const { container } = getComponent({ mxEvent: replyEvent });
+
+            expect(getTile(container)).toHaveAttribute("data-has-reply", "false");
+            expect(container.querySelector(".mx_ReplyChain_wrapper")).toBeNull();
+        });
+    });
+
+    describe("EventTile thread summary", () => {
+        beforeEach(() => {
+            jest.spyOn(client, "supportsThreads").mockReturnValue(true);
+        });
+
+        it("removes the thread summary when thread is deleted", async () => {
+            const {
+                rootEvent,
+                events: [, reply],
+            } = mkThread({
+                room,
+                client,
+                authorId: "@alice:example.org",
+                participantUserIds: ["@alice:example.org"],
+                length: 2, // root + 1 answer
+            });
+            getComponent(
+                {
+                    mxEvent: rootEvent,
+                },
+                TimelineRenderingType.Room,
+            );
+
+            await waitFor(() => expect(screen.queryByTestId("thread-summary")).not.toBeNull());
+
+            const redaction = mkEvent({
+                event: true,
+                type: EventType.RoomRedaction,
+                user: "@alice:example.org",
+                room: room.roomId,
+                redacts: reply.getId(),
+                content: {},
+            });
+
+            act(() => room.processThreadedEvents([redaction], false));
+
+            await waitFor(() => expect(screen.queryByTestId("thread-summary")).toBeNull());
+        });
+    });
+
+    describe("search thread info", () => {
+        it("renders search thread info for events in a thread", () => {
+            const threadEvent = makeThreadReplyEvent(room.roomId);
+            const { container } = getComponent({ mxEvent: threadEvent }, TimelineRenderingType.Search);
+
+            expect(container.querySelector(".mx_ThreadSummary_icon")).not.toBeNull();
+            expect(container.querySelector(".mx_ThreadSummary_icon")).toHaveTextContent("From a thread");
+        });
+
+        it("renders search thread info as a link when a highlight link is provided", () => {
+            const threadEvent = makeThreadReplyEvent(room.roomId);
+            const { container } = getComponent(
+                { mxEvent: threadEvent, highlightLink: "https://example.org/thread" },
+                TimelineRenderingType.Search,
+            );
+            const threadInfo = container.querySelector<HTMLAnchorElement>("a.mx_ThreadSummary_icon");
+
+            expect(threadInfo).not.toBeNull();
+            expect(threadInfo).toHaveAttribute("href", "https://example.org/thread");
+        });
+
+        it("renders search thread info as text when no highlight link is provided", () => {
+            const threadEvent = makeThreadReplyEvent(room.roomId);
+            const { container } = getComponent({ mxEvent: threadEvent }, TimelineRenderingType.Search);
+            const threadInfo = container.querySelector(".mx_ThreadSummary_icon");
+
+            expect(threadInfo?.tagName).toBe("P");
+        });
+
+        it("does not render search thread info outside search timelines", () => {
+            const threadEvent = makeThreadReplyEvent(room.roomId);
+            const { container } = getComponent({ mxEvent: threadEvent }, TimelineRenderingType.Room);
+
+            expect(container.querySelector(".mx_ThreadSummary_icon")).toBeNull();
+        });
+    });
+
+    describe("EventTile renderingType: ThreadsList", () => {
+        it("shows an unread notification badge", () => {
+            const { container } = getComponent({}, TimelineRenderingType.ThreadsList);
+
+            // By default, the thread will assume it is read.
+            expect(container.querySelectorAll('[data-testid="notification-badge"]')).toHaveLength(0);
+
+            act(() => {
+                room.setThreadUnreadNotificationCount(mxEvent.getId()!, NotificationCountType.Total, 3);
+            });
+
+            let badges = container.querySelectorAll('[data-testid="notification-badge"]');
+            expect(badges).toHaveLength(1);
+            expect(badges[0]).toHaveAttribute("data-badge-type", "dot");
+            expect(badges[0]).toHaveAttribute("data-notification-level", "notification");
+
+            act(() => {
+                room.setThreadUnreadNotificationCount(mxEvent.getId()!, NotificationCountType.Highlight, 1);
+            });
+
+            badges = container.querySelectorAll('[data-testid="notification-badge"]');
+            expect(badges).toHaveLength(1);
+            expect(badges[0]).toHaveAttribute("data-badge-type", "dot");
+            expect(badges[0]).toHaveAttribute("data-notification-level", "highlight");
+        });
+    });
+
+    describe("EventTile renderingType: Threads", () => {
+        it("should display the pinned message badge", async () => {
+            jest.spyOn(PinningUtils, "isPinned").mockReturnValue(true);
+            getComponent({}, TimelineRenderingType.Thread);
+
+            expect(screen.getByText("Pinned message")).toBeInTheDocument();
+        });
+    });
+
+    describe("EventTile renderingType: File", () => {
+        it("should not display the pinned message badge", async () => {
+            jest.spyOn(PinningUtils, "isPinned").mockReturnValue(true);
+            getComponent({}, TimelineRenderingType.File);
+
+            expect(screen.queryByText("Pinned message")).not.toBeInTheDocument();
+        });
+    });
+
+    describe("EventTile renderingType: default", () => {
+        it.each([[Layout.Group], [Layout.Bubble], [Layout.IRC]])(
+            "should display the pinned message badge",
+            async (layout) => {
+                jest.spyOn(PinningUtils, "isPinned").mockReturnValue(true);
+                getComponent({ layout });
+
+                expect(screen.getByText("Pinned message")).toBeInTheDocument();
+            },
+        );
+
+        it("uses the current room member when current profiles are enabled", async () => {
+            const senderId = mxEvent.getSender()!;
+            const currentMember = new RoomMember(room.roomId, senderId);
+            currentMember.rawDisplayName = "Alan (away)";
+
+            jest.spyOn(room, "getMember").mockImplementation((userId) => (userId === senderId ? currentMember : null));
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "useOnlyCurrentProfiles",
+            );
+
+            const { container } = getComponent();
+
+            await waitFor(() =>
+                expect(container.querySelector(".mx_DisambiguatedProfile_displayName")).toHaveTextContent(
+                    "Alan (away)",
+                ),
+            );
+        });
+
+        it("renders the tile error fallback when tile rendering throws", async () => {
+            jest.spyOn(console, "error").mockImplementation(() => {});
+            jest.spyOn(EventTileFactory, "renderTile").mockImplementation(() => {
+                throw new Error("Boom");
+            });
+
+            getComponent();
+
+            await waitFor(() => {
+                expect(screen.getByText("Can't load this message (m.room.message)")).toBeInTheDocument();
+            });
+        });
+
+        it("renders a notice when the event has no renderer", () => {
+            const unsupportedEvent = mkEvent({
+                event: true,
+                type: "org.example.unsupported",
+                room: room.roomId,
+                user: "@alice:example.org",
+                content: {},
+            });
+
+            getComponent({ mxEvent: unsupportedEvent });
+
+            expect(screen.getByText("This event could not be displayed")).toBeInTheDocument();
+        });
+
+        it("updates msgtype-derived tile classes when an edit changes msgtype to m.emote", async () => {
+            const { container } = getComponent();
+            expect(container.querySelector(".mx_EventTile_emote")).toBeNull();
+
+            const edit = new MatrixEvent({
+                type: EventType.RoomMessage,
+                room_id: ROOM_ID,
+                sender: "@alice:example.org",
+                content: {
+                    "body": "* waves",
+                    "msgtype": "m.emote",
+                    "m.new_content": {
+                        body: "waves",
+                        msgtype: "m.emote",
+                    },
+                    "m.relates_to": {
+                        rel_type: "m.replace",
+                        event_id: mxEvent.getId(),
+                    },
+                },
+            });
+
+            act(() => {
+                mxEvent.makeReplaced(edit);
+            });
+
+            await waitFor(() => expect(container.querySelector(".mx_EventTile_emote")).not.toBeNull());
+        });
+    });
+
+    describe("EventTile in the right panel", () => {
+        it("renders the room name for notifications", () => {
+            const { container } = getComponent({}, TimelineRenderingType.Notification);
+            expect(container.getElementsByClassName("mx_EventTile_details")[0]).toHaveTextContent(
+                "@alice:example.org in !roomId:example.org",
+            );
+        });
+
+        it("renders the sender for the thread list", () => {
+            const { container } = getComponent({}, TimelineRenderingType.ThreadsList);
+            expect(container.getElementsByClassName("mx_EventTile_details")[0]).toHaveTextContent("@alice:example.org");
+        });
+
+        it("renders the shared redacted body for thread previews", () => {
+            jest.spyOn(mxEvent, "isRedacted").mockReturnValue(true);
+            jest.spyOn(mxEvent, "getUnsigned").mockReturnValue({
+                redacted_because: {
+                    sender: "@moderator:example.org",
+                    origin_server_ts: Date.UTC(2022, 10, 17, 15, 58, 32),
+                },
+            } as any);
+
+            const { container } = getComponent({}, TimelineRenderingType.ThreadsList);
+            const redactedBody = container.querySelector(".mx_RedactedBody");
+
+            expect(redactedBody).not.toBeNull();
+            expect(redactedBody).toHaveTextContent("Message deleted by @moderator:example.org");
+        });
+
+        it.each([
+            [TimelineRenderingType.Notification, Action.ViewRoom],
+            [TimelineRenderingType.ThreadsList, Action.ShowThread],
+        ])("type %s dispatches %s", (renderingType, action) => {
+            jest.spyOn(dis, "dispatch");
+
+            const { container } = getComponent({}, renderingType);
+
+            fireEvent.click(container.querySelector("li")!);
+
+            expect(dis.dispatch).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action,
+                }),
+            );
+        });
+    });
+    describe("Event verification", () => {
+        // data for our stubbed getEncryptionInfoForEvent: a map from event id to result
+        const eventToEncryptionInfoMap = new Map<string, EventEncryptionInfo>();
+
+        beforeEach(() => {
+            eventToEncryptionInfoMap.clear();
+
+            const mockCrypto = {
+                // a mocked version of getEncryptionInfoForEvent which will pick its result from `eventToEncryptionInfoMap`
+                getEncryptionInfoForEvent: async (event: MatrixEvent) => eventToEncryptionInfoMap.get(event.getId()!)!,
+            } as unknown as CryptoApi;
+            client.getCrypto = () => mockCrypto;
+        });
+
+        it("shows a warning for an event from an unverified device", async () => {
+            mxEvent = await mkEncryptedMatrixEvent({
+                plainContent: { msgtype: "m.text", body: "msg1" },
+                plainType: "m.room.message",
+                sender: "@alice:example.org",
+                roomId: room.roomId,
+            });
+            eventToEncryptionInfoMap.set(mxEvent.getId()!, {
+                shieldColour: EventShieldColour.RED,
+                shieldReason: EventShieldReason.UNSIGNED_DEVICE,
+            } as EventEncryptionInfo);
+
+            const { container } = getComponent();
+            await flushPromises();
+
+            const eventTiles = container.getElementsByClassName("mx_EventTile");
+            expect(eventTiles).toHaveLength(1);
+
+            // there should be a warning shield
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(1);
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")[0]).toHaveAccessibleName(
+                "Encrypted by a device not verified by its owner.",
+            );
+        });
+
+        it("shows no shield for a verified event", async () => {
+            mxEvent = await mkEncryptedMatrixEvent({
+                plainContent: { msgtype: "m.text", body: "msg1" },
+                plainType: "m.room.message",
+                sender: "@alice:example.org",
+                roomId: room.roomId,
+            });
+            eventToEncryptionInfoMap.set(mxEvent.getId()!, {
+                shieldColour: EventShieldColour.NONE,
+                shieldReason: null,
+            } as EventEncryptionInfo);
+
+            const { container } = getComponent();
+            await flushPromises();
+
+            const eventTiles = container.getElementsByClassName("mx_EventTile");
+            expect(eventTiles).toHaveLength(1);
+
+            // there should be no warning
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(0);
+        });
+
+        it.each([
+            [EventShieldReason.UNKNOWN, "Unknown error"],
+            [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 digital identity was reset"],
+            [
+                EventShieldReason.MISMATCHED_SENDER,
+                "The sender of the event does not match the owner of the device that sent it.",
+            ],
+        ])("shows the correct reason code for %i (%s)", async (reasonCode: EventShieldReason, expectedText: string) => {
+            mxEvent = await mkEncryptedMatrixEvent({
+                plainContent: { msgtype: "m.text", body: "msg1" },
+                plainType: "m.room.message",
+                sender: "@alice:example.org",
+                roomId: room.roomId,
+            });
+            eventToEncryptionInfoMap.set(mxEvent.getId()!, {
+                shieldColour: EventShieldColour.GREY,
+                shieldReason: reasonCode,
+            } as EventEncryptionInfo);
+
+            const { container } = getComponent();
+            await flushPromises();
+
+            const e2eIcons = container.getElementsByClassName("mx_EventTile_e2eIcon");
+            expect(e2eIcons).toHaveLength(1);
+            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.",
+            );
+        });
+
+        describe("undecryptable event", () => {
+            filterConsole("Error decrypting event");
+
+            it("shows an undecryptable warning", async () => {
+                mxEvent = mkEvent({
+                    type: "m.room.encrypted",
+                    room: room.roomId,
+                    user: "@alice:example.org",
+                    event: true,
+                    content: {},
+                });
+
+                const mockCrypto = {
+                    decryptEvent: async (_ev): Promise<IEventDecryptionResult> => {
+                        throw new Error("can't decrypt");
+                    },
+                } as Parameters<MatrixEvent["attemptDecryption"]>[0];
+                await mxEvent.attemptDecryption(mockCrypto);
+
+                const { container } = getComponent();
+                await flushPromises();
+
+                const eventTiles = container.getElementsByClassName("mx_EventTile");
+                expect(eventTiles).toHaveLength(1);
+
+                expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(1);
+                expect(container.getElementsByClassName("mx_EventTile_e2eIcon")[0]).toHaveAccessibleName(
+                    "This message could not be decrypted",
+                );
+            });
+
+            it("should not show a shield for previously-verified users", async () => {
+                mxEvent = mkEvent({
+                    type: "m.room.encrypted",
+                    room: room.roomId,
+                    user: "@alice:example.org",
+                    event: true,
+                    content: {},
+                });
+
+                const mockCrypto = {
+                    decryptEvent: async (_ev): Promise<IEventDecryptionResult> => {
+                        throw new Error("can't decrypt");
+                    },
+                } as Parameters<MatrixEvent["attemptDecryption"]>[0];
+                await mxEvent.attemptDecryption(mockCrypto);
+                mxEvent["_decryptionFailureReason"] = DecryptionFailureCode.SENDER_IDENTITY_PREVIOUSLY_VERIFIED;
+
+                const { container } = getComponent();
+                await act(flushPromises);
+
+                const eventTiles = container.getElementsByClassName("mx_EventTile");
+                expect(eventTiles).toHaveLength(1);
+
+                expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(0);
+            });
+        });
+
+        it("should update the warning when the event is edited", async () => {
+            // we start out with an event from the trusted device
+            mxEvent = await mkEncryptedMatrixEvent({
+                plainContent: { msgtype: "m.text", body: "msg1" },
+                plainType: "m.room.message",
+                sender: "@alice:example.org",
+                roomId: room.roomId,
+            });
+            eventToEncryptionInfoMap.set(mxEvent.getId()!, {
+                shieldColour: EventShieldColour.NONE,
+                shieldReason: null,
+            } as EventEncryptionInfo);
+
+            const roomContext = getRoomContext(room, {});
+            const { container, rerender } = render(<WrappedEventTile roomContext={roomContext} />);
+
+            await flushPromises();
+
+            const eventTiles = container.getElementsByClassName("mx_EventTile");
+            expect(eventTiles).toHaveLength(1);
+
+            // there should be no warning
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(0);
+
+            // then we replace the event with one from the unverified device
+            const replacementEvent = await mkEncryptedMatrixEvent({
+                plainContent: { msgtype: "m.text", body: "msg1" },
+                plainType: "m.room.message",
+                sender: "@alice:example.org",
+                roomId: room.roomId,
+            });
+            eventToEncryptionInfoMap.set(replacementEvent.getId()!, {
+                shieldColour: EventShieldColour.RED,
+                shieldReason: EventShieldReason.UNSIGNED_DEVICE,
+            } as EventEncryptionInfo);
+
+            await act(async () => {
+                mxEvent.makeReplaced(replacementEvent);
+                rerender(<WrappedEventTile roomContext={roomContext} />);
+                await flushPromises;
+            });
+
+            // check it was updated
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(1);
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")[0]).toHaveAccessibleName(
+                "Encrypted by a device not verified by its owner.",
+            );
+        });
+
+        it("should update the warning when the event is replaced with an unencrypted one", async () => {
+            // we start out with an event from the trusted device
+            mxEvent = await mkEncryptedMatrixEvent({
+                plainContent: { msgtype: "m.text", body: "msg1" },
+                plainType: "m.room.message",
+                sender: "@alice:example.org",
+                roomId: room.roomId,
+            });
+
+            eventToEncryptionInfoMap.set(mxEvent.getId()!, {
+                shieldColour: EventShieldColour.NONE,
+                shieldReason: null,
+            } as EventEncryptionInfo);
+
+            const roomContext = getRoomContext(room, { isRoomEncrypted: true });
+            const { container, rerender } = render(<WrappedEventTile roomContext={roomContext} />);
+            await flushPromises();
+
+            const eventTiles = container.getElementsByClassName("mx_EventTile");
+            expect(eventTiles).toHaveLength(1);
+
+            // there should be no warning
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(0);
+
+            // then we replace the event with an unencrypted one
+            const replacementEvent = await mkMessage({
+                msg: "msg2",
+                user: "@alice:example.org",
+                room: room.roomId,
+                event: true,
+            });
+
+            await act(async () => {
+                mxEvent.makeReplaced(replacementEvent);
+                rerender(<WrappedEventTile roomContext={roomContext} />);
+                await flushPromises;
+            });
+
+            // check it was updated
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(1);
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")[0]).toHaveAccessibleName("Not encrypted");
+        });
+
+        it.each([EventStatus.ENCRYPTING, EventStatus.NOT_SENT])(
+            "does not show the unencrypted warning for %s events in encrypted rooms",
+            (status) => {
+                const event = makeOwnMessage();
+                event.setStatus(status);
+                const { container } = getComponent(
+                    { mxEvent: event, eventSendStatus: status },
+                    TimelineRenderingType.Room,
+                    {
+                        isRoomEncrypted: true,
+                    },
+                );
+
+                expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(0);
+            },
+        );
+
+        it("does not show the unencrypted warning for state events in encrypted rooms", () => {
+            const stateEvent = mkEvent({
+                event: true,
+                type: EventType.RoomTopic,
+                room: room.roomId,
+                user: "@alice:example.org",
+                skey: "",
+                content: { topic: "Topic" },
+            });
+            const { container } = getComponent({ mxEvent: stateEvent }, TimelineRenderingType.Room, {
+                isRoomEncrypted: true,
+            });
+
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(0);
+        });
+
+        it("does not show the unencrypted warning for redacted events in encrypted rooms", () => {
+            jest.spyOn(mxEvent, "isRedacted").mockReturnValue(true);
+            const { container } = getComponent({}, TimelineRenderingType.Room, {
+                isRoomEncrypted: true,
+            });
+
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(0);
+        });
+
+        it("does not show the unencrypted warning for local-room events in encrypted rooms", () => {
+            const localEvent = makeTimestampedMessage({ room: "local+room" });
+            const { container } = getComponent({ mxEvent: localEvent }, TimelineRenderingType.Room, {
+                isRoomEncrypted: true,
+            });
+
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(0);
+        });
+    });
+
+    describe("event highlighting", () => {
+        const isHighlighted = (container: HTMLElement): boolean =>
+            !!container.getElementsByClassName("mx_EventTile_highlight").length;
+
+        beforeEach(() => {
+            mocked(client.getPushActionsForEvent).mockReturnValue(null);
+        });
+
+        it("does not highlight message where message matches no push actions", () => {
+            const { container } = getComponent();
+
+            expect(client.getPushActionsForEvent).toHaveBeenCalledWith(mxEvent);
+            expect(isHighlighted(container)).toBeFalsy();
+        });
+
+        it("does not highlight when message's push actions does not have a highlight tweak", () => {
+            mocked(client.getPushActionsForEvent).mockReturnValue({ notify: true, tweaks: {} });
+            const { container } = getComponent();
+
+            expect(isHighlighted(container)).toBeFalsy();
+        });
+
+        it("does not highlight when message's push actions have a highlight tweak but message has been redacted", () => {
+            mocked(client.getPushActionsForEvent).mockReturnValue({
+                notify: true,
+                tweaks: { [TweakName.Highlight]: true },
+            });
+            const { container } = getComponent({ isRedacted: true });
+
+            expect(isHighlighted(container)).toBeFalsy();
+        });
+
+        it("does not highlight when exporting", () => {
+            mocked(client.getPushActionsForEvent).mockReturnValue({
+                notify: true,
+                tweaks: { [TweakName.Highlight]: true },
+            });
+            const { container } = getComponent({ forExport: true });
+
+            expect(client.getPushActionsForEvent).not.toHaveBeenCalled();
+            expect(isHighlighted(container)).toBeFalsy();
+        });
+
+        it.each([TimelineRenderingType.Notification, TimelineRenderingType.ThreadsList])(
+            "does not highlight in %s timelines",
+            (renderingType) => {
+                mocked(client.getPushActionsForEvent).mockReturnValue({
+                    notify: true,
+                    tweaks: { [TweakName.Highlight]: true },
+                });
+                const { container } = getComponent({}, renderingType);
+
+                expect(client.getPushActionsForEvent).not.toHaveBeenCalled();
+                expect(isHighlighted(container)).toBeFalsy();
+            },
+        );
+
+        it("does not highlight events sent by the current user", () => {
+            mocked(client.getPushActionsForEvent).mockReturnValue({
+                notify: true,
+                tweaks: { [TweakName.Highlight]: true },
+            });
+            const ownEvent = makeOwnMessage();
+            const { container } = getComponent({ mxEvent: ownEvent });
+
+            expect(client.getPushActionsForEvent).toHaveBeenCalledWith(ownEvent);
+            expect(isHighlighted(container)).toBeFalsy();
+        });
+
+        it("highlights when message's push actions have a highlight tweak", () => {
+            mocked(client.getPushActionsForEvent).mockReturnValue({
+                notify: true,
+                tweaks: { [TweakName.Highlight]: true },
+            });
+            const { container } = getComponent();
+
+            expect(isHighlighted(container)).toBeTruthy();
+        });
+
+        describe("when a message has been edited", () => {
+            let editingEvent: MatrixEvent;
+
+            beforeEach(() => {
+                editingEvent = new MatrixEvent({
+                    type: "m.room.message",
+                    room_id: ROOM_ID,
+                    sender: "@alice:example.org",
+                    content: {
+                        "msgtype": "m.text",
+                        "body": "* edited body",
+                        "m.new_content": {
+                            msgtype: "m.text",
+                            body: "edited body",
+                        },
+                        "m.relates_to": {
+                            rel_type: "m.replace",
+                            event_id: mxEvent.getId(),
+                        },
+                    },
+                });
+                mxEvent.makeReplaced(editingEvent);
+            });
+
+            it("does not highlight message where no version of message matches any push actions", () => {
+                const { container } = getComponent();
+
+                // get push actions for both events
+                expect(client.getPushActionsForEvent).toHaveBeenCalledWith(mxEvent);
+                expect(client.getPushActionsForEvent).toHaveBeenCalledWith(editingEvent);
+                expect(isHighlighted(container)).toBeFalsy();
+            });
+
+            it(`does not highlight when no version of message's push actions have a highlight tweak`, () => {
+                mocked(client.getPushActionsForEvent).mockReturnValue({ notify: true, tweaks: {} });
+                const { container } = getComponent();
+
+                expect(isHighlighted(container)).toBeFalsy();
+            });
+
+            it(`highlights when previous version of message's push actions have a highlight tweak`, () => {
+                mocked(client.getPushActionsForEvent).mockImplementation((event: MatrixEvent) => {
+                    if (event === mxEvent) {
+                        return { notify: true, tweaks: { [TweakName.Highlight]: true } };
+                    }
+                    return { notify: false, tweaks: {} };
+                });
+                const { container } = getComponent();
+
+                expect(isHighlighted(container)).toBeTruthy();
+            });
+
+            it(`highlights when new version of message's push actions have a highlight tweak`, () => {
+                mocked(client.getPushActionsForEvent).mockImplementation((event: MatrixEvent) => {
+                    if (event === editingEvent) {
+                        return { notify: true, tweaks: { [TweakName.Highlight]: true } };
+                    }
+                    return { notify: false, tweaks: {} };
+                });
+                const { container } = getComponent();
+
+                expect(isHighlighted(container)).toBeTruthy();
+            });
+        });
+    });
+
+    it("does not leave a stale message action bar when switching edited events", async () => {
+        const firstEvent = mkMessage({
+            room: room.roomId,
+            user: "@alice:example.org",
+            msg: "First message",
+            event: true,
+        });
+        const secondEvent = mkMessage({
+            room: room.roomId,
+            user: "@alice:example.org",
+            msg: "Second message",
+            event: true,
+        });
+        const events = [firstEvent, secondEvent];
+
+        const matches = jest.spyOn(HTMLElement.prototype, "matches").mockImplementation(function (
+            this: HTMLElement,
+            selector: string,
+        ) {
+            if (selector === ":focus-visible") {
+                return true;
+            }
+            return Element.prototype.matches.call(this, selector);
+        });
+
+        const { container, rerender } = render(<WrappedEventTiles events={events} editEvent={firstEvent} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
+        const editingTile = container.querySelector(".mx_EventTile_isEditing");
+
+        expect(editingTile).not.toBeNull();
+        fireEvent.focusIn(editingTile!);
+        expect(container.querySelectorAll(".mx_MessageActionBar")).toHaveLength(0);
+
+        rerender(<WrappedEventTiles events={events} editEvent={secondEvent} />);
+
+        await waitFor(() => {
+            expect(container.querySelectorAll(".mx_EventTile_isEditing")).toHaveLength(1);
+            expect(container.querySelectorAll(".mx_MessageActionBar")).toHaveLength(0);
+        });
+
+        matches.mockRestore();
+    });
+
+    it("should display the not encrypted status for an unencrypted event when the room becomes encrypted", async () => {
+        jest.spyOn(client.getCrypto()!, "getEncryptionInfoForEvent").mockResolvedValue({
+            shieldColour: EventShieldColour.NONE,
+            shieldReason: null,
+        });
+
+        const { rerender } = getComponent();
+        await flushPromises();
+        // The room and the event are unencrypted, the tile should not show the not encrypted status
+        expect(screen.queryByText("Not encrypted")).toBeNull();
+
+        // The room is now encrypted
+        rerender(
+            <WrappedEventTile
+                roomContext={getRoomContext(room, {
+                    isRoomEncrypted: true,
+                })}
+            />,
+        );
+
+        // 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/apps/web/test/unit-tests/components/views/rooms/EventTileAvatarAdapter-test.tsx b/apps/web/test/unit-tests/components/views/rooms/EventTileAvatarAdapter-test.tsx
new file mode 100644
index 00000000000..10d4c923363
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/EventTileAvatarAdapter-test.tsx
@@ -0,0 +1,77 @@
+/*
+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 "jest-matrix-react";
+import { mocked } from "jest-mock";
+import { RoomMember } from "matrix-js-sdk/src/matrix";
+
+import MemberAvatar from "../../../../../src/components/views/avatars/MemberAvatar";
+import { EventTileAvatarAdapter } from "../../../../../src/components/views/rooms/EventTile/EventTileAvatarAdapter";
+import { type EventTileSenderSnapshot } from "../../../../../src/viewmodels/room/timeline/event-tile/EventTileViewModel";
+
+jest.mock("../../../../../src/components/views/avatars/MemberAvatar", () =>
+    jest.fn(() => <div data-testid="member-avatar" />),
+);
+
+function makeSenderSnapshot(overrides: Partial<EventTileSenderSnapshot> = {}): EventTileSenderSnapshot {
+    return {
+        senderId: "@alice:example.org",
+        member: null,
+        viewUserOnClick: true,
+        profileMode: "clickable",
+        forceHistoricalAvatar: false,
+        isEmote: false,
+        ...overrides,
+        profileState: {
+            avatarSize: "30px",
+            needsSenderProfile: true,
+            ...overrides.profileState,
+        },
+    };
+}
+
+describe("EventTileAvatarAdapter", () => {
+    const mockedMemberAvatar = mocked(MemberAvatar);
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("passes render data through to MemberAvatar", () => {
+        const avatarMember = new RoomMember("!room:example.org", "@alice:example.org");
+        const senderSnapshot = makeSenderSnapshot({
+            profileState: {
+                avatarSize: "24px",
+                needsSenderProfile: true,
+            },
+            viewUserOnClick: false,
+            forceHistoricalAvatar: true,
+        });
+
+        const { container } = render(
+            <EventTileAvatarAdapter avatarMember={avatarMember} senderSnapshot={senderSnapshot} />,
+        );
+
+        expect(container.querySelector(".mx_EventTile_avatar")).not.toBeNull();
+        expect(mockedMemberAvatar.mock.calls[0][0]).toMatchObject({
+            member: avatarMember,
+            size: "24px",
+            viewUserOnClick: false,
+            forceHistorical: true,
+        });
+    });
+
+    it("renders nothing when the avatar is not available", () => {
+        const { container } = render(
+            <EventTileAvatarAdapter avatarMember={null} senderSnapshot={makeSenderSnapshot()} />,
+        );
+
+        expect(container.querySelector(".mx_EventTile_avatar")).toBeNull();
+        expect(mockedMemberAvatar).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/EventTileSenderAdapter-test.tsx b/apps/web/test/unit-tests/components/views/rooms/EventTileSenderAdapter-test.tsx
new file mode 100644
index 00000000000..1ee8fb6a9c7
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/EventTileSenderAdapter-test.tsx
@@ -0,0 +1,88 @@
+/*
+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 "jest-matrix-react";
+import { mocked } from "jest-mock";
+
+import SenderProfile from "../../../../../src/components/views/messages/SenderProfile";
+import { EventTileSenderAdapter } from "../../../../../src/components/views/rooms/EventTile/EventTileSenderAdapter";
+import { type MemberInfo } from "../../../../../src/viewmodels/room/timeline/event-tile/DisambiguatedProfileViewModel";
+import { type EventTileSenderSnapshot } from "../../../../../src/viewmodels/room/timeline/event-tile/EventTileViewModel";
+
+jest.mock("../../../../../src/components/views/messages/SenderProfile", () =>
+    jest.fn(() => <div data-testid="sender-profile" />),
+);
+
+function makeSenderSnapshot(overrides: Partial<EventTileSenderSnapshot> = {}): EventTileSenderSnapshot {
+    return {
+        senderId: "@alice:example.org",
+        member: {
+            userId: "@alice:example.org",
+            roomId: "!room:example.org",
+            rawDisplayName: "Alice",
+            disambiguate: false,
+        },
+        viewUserOnClick: true,
+        profileMode: "clickable",
+        forceHistoricalAvatar: false,
+        isEmote: false,
+        ...overrides,
+        profileState: {
+            avatarSize: "30px",
+            needsSenderProfile: true,
+            ...overrides.profileState,
+        },
+    };
+}
+
+describe("EventTileSenderAdapter", () => {
+    const mockedSenderProfile = mocked(SenderProfile);
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("passes clickable sender state to SenderProfile", () => {
+        const onSenderProfileClick = jest.fn();
+        const senderSnapshot = makeSenderSnapshot({ profileMode: "clickable" });
+        const memberInfo: MemberInfo = senderSnapshot.member!;
+
+        render(<EventTileSenderAdapter sender={senderSnapshot} onSenderProfileClick={onSenderProfileClick} />);
+
+        expect(screen.getByTestId("sender-profile")).toBeInTheDocument();
+        expect(mockedSenderProfile.mock.calls[0][0]).toMatchObject({
+            senderId: "@alice:example.org",
+            member: memberInfo,
+            isEmote: false,
+            onClick: onSenderProfileClick,
+        });
+    });
+
+    it("enables tooltip rendering for tooltip mode", () => {
+        const senderSnapshot = makeSenderSnapshot({ profileMode: "tooltip" });
+
+        render(<EventTileSenderAdapter sender={senderSnapshot} onSenderProfileClick={jest.fn()} />);
+
+        expect(screen.getByTestId("sender-profile")).toBeInTheDocument();
+        expect(mockedSenderProfile.mock.calls[0][0]).toMatchObject({
+            senderId: "@alice:example.org",
+            isEmote: false,
+            withTooltip: true,
+        });
+    });
+
+    it("returns nothing when the sender should be hidden", () => {
+        const senderSnapshot = makeSenderSnapshot({ profileMode: "hidden" });
+
+        const { container } = render(
+            <EventTileSenderAdapter sender={senderSnapshot} onSenderProfileClick={jest.fn()} />,
+        );
+
+        expect(container).toBeEmptyDOMElement();
+        expect(mockedSenderProfile).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/MessageComposer-test.tsx b/apps/web/test/unit-tests/components/views/rooms/MessageComposer-test.tsx
new file mode 100644
index 00000000000..69acf344f37
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/MessageComposer-test.tsx
@@ -0,0 +1,485 @@
+/*
+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 { EventType, type MatrixEvent, RoomMember, THREAD_RELATION_TYPE } from "matrix-js-sdk/src/matrix";
+import { act, fireEvent, render, screen, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { initOnce } from "@vector-im/matrix-wysiwyg";
+
+import {
+    clearAllModals,
+    createTestClient,
+    flushPromises,
+    mkEvent,
+    mkStubRoom,
+    mockPlatformPeg,
+    stubClient,
+} from "../../../../test-utils";
+import MessageComposer from "../../../../../src/components/views/rooms/MessageComposer";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import ResizeNotifier from "../../../../../src/utils/ResizeNotifier";
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import { LocalRoom } from "../../../../../src/models/LocalRoom";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../../../src/settings/SettingLevel";
+import dis from "../../../../../src/dispatcher/dispatcher";
+import { E2EStatus } from "../../../../../src/utils/ShieldUtils";
+import { addTextToComposerRTL } from "../../../../test-utils/composer";
+import UIStore, { UI_EVENTS } from "../../../../../src/stores/UIStore";
+import { Action } from "../../../../../src/dispatcher/actions";
+import { ScopedRoomContextProvider } from "../../../../../src/contexts/ScopedRoomContext.tsx";
+import { TimelineRenderingType, type RoomContextType } from "../../../../../src/contexts/RoomContext.ts";
+import { RoomUploadContextProvider } from "../../../../../src/viewmodels/room/RoomUploadViewModel.tsx";
+import { SDKContext } from "../../../../../src/contexts/SDKContext.ts";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+
+const openStickerPicker = async (): Promise<void> => {
+    await userEvent.click(screen.getByLabelText("More options"));
+    await userEvent.click(screen.getByLabelText("Sticker"));
+};
+
+const startVoiceMessage = async (): Promise<void> => {
+    await userEvent.click(screen.getByLabelText("More options"));
+    await userEvent.click(screen.getByLabelText("Voice Message"));
+};
+
+const expectVoiceMessageRecordingTriggered = (): void => {
+    // Checking for the voice message dialog text, if no mic can be found.
+    // By this we know at least that starting a voice message was triggered.
+    expect(screen.getByText("No microphone found")).toBeInTheDocument();
+};
+
+beforeAll(initOnce, 10000);
+
+describe("MessageComposer", () => {
+    stubClient();
+    const cli = createTestClient();
+
+    beforeEach(() => {
+        mockPlatformPeg();
+    });
+
+    afterEach(async () => {
+        await clearAllModals();
+        jest.useRealTimers();
+
+        // restore settings
+        act(() => {
+            (
+                [
+                    "MessageComposerInput.showStickersButton",
+                    "MessageComposerInput.showPollsButton",
+                    "feature_wysiwyg_composer",
+                ] as const
+            ).forEach((setting): void => {
+                SettingsStore.setValue(setting, null, SettingLevel.DEVICE, SettingsStore.getDefaultValue(setting));
+            });
+        });
+    });
+
+    it("wysiwyg correctly persists state to and from localStorage", async () => {
+        const room = mkStubRoom("!roomId:server", "Room 1", cli);
+        const messageText = "Test Text";
+        await SettingsStore.setValue("feature_wysiwyg_composer", null, SettingLevel.DEVICE, true);
+        const { renderResult, rawComponent } = wrapAndRender({ room });
+        const { unmount } = renderResult;
+
+        await flushPromises();
+
+        const key = `mx_wysiwyg_state_${room.roomId}`;
+
+        await userEvent.click(screen.getByRole("textbox"));
+        fireEvent.input(screen.getByRole("textbox"), {
+            data: messageText,
+            inputType: "insertText",
+        });
+
+        await waitFor(() => expect(screen.getByRole("textbox")).toHaveTextContent(messageText));
+
+        // Wait for event dispatch to happen
+        await flushPromises();
+
+        // assert there is state persisted
+        expect(localStorage.getItem(key)).toBeNull();
+
+        // ensure the right state was persisted to localStorage
+        unmount();
+
+        // assert the persisted state
+        expect(JSON.parse(localStorage.getItem(key)!)).toStrictEqual({
+            content: messageText,
+            isRichText: true,
+        });
+
+        // ensure the correct state is re-loaded
+        render(rawComponent);
+        await waitFor(() => expect(screen.getByRole("textbox")).toHaveTextContent(messageText));
+    }, 10000);
+
+    describe("for a Room", () => {
+        const room = mkStubRoom("!roomId:server", "Room 1", cli);
+
+        it("Renders a SendMessageComposer and MessageComposerButtons by default", () => {
+            wrapAndRender({ room });
+            expect(screen.getByLabelText("Send an unencrypted message…")).toBeInTheDocument();
+        });
+
+        it("Does not render a SendMessageComposer or MessageComposerButtons when user has no permission", () => {
+            wrapAndRender({ room }, false);
+            expect(screen.queryByLabelText("Send an unencrypted message…")).not.toBeInTheDocument();
+            expect(screen.getByText("You do not have permission to post to this room")).toBeInTheDocument();
+        });
+
+        it("Does not render a SendMessageComposer or MessageComposerButtons when room is tombstoned", () => {
+            wrapAndRender(
+                { room },
+                true,
+                false,
+                mkEvent({
+                    event: true,
+                    type: "m.room.tombstone",
+                    room: room.roomId,
+                    user: "@user1:server",
+                    skey: "",
+                    content: {},
+                    ts: Date.now(),
+                }),
+            );
+
+            expect(screen.queryByLabelText("Send an unencrypted message…")).not.toBeInTheDocument();
+            expect(screen.getByText("This room has been replaced and is no longer active.")).toBeInTheDocument();
+        });
+
+        describe("when receiving a »reply_to_event«", () => {
+            let roomContext: RoomContextType;
+            let resizeNotifier: ResizeNotifier;
+
+            beforeEach(() => {
+                jest.useFakeTimers();
+                resizeNotifier = {
+                    notifyTimelineHeightChanged: jest.fn(),
+                } as unknown as ResizeNotifier;
+                roomContext = wrapAndRender({
+                    room,
+                    resizeNotifier,
+                }).roomContext;
+            });
+
+            it("should call notifyTimelineHeightChanged() for the same context", () => {
+                dis.dispatch({
+                    action: "reply_to_event",
+                    context: roomContext.timelineRenderingType,
+                });
+
+                jest.advanceTimersByTime(150);
+                expect(resizeNotifier.notifyTimelineHeightChanged).toHaveBeenCalled();
+            });
+
+            it("should not call notifyTimelineHeightChanged() for a different context", () => {
+                dis.dispatch({
+                    action: "reply_to_event",
+                    context: "test",
+                });
+
+                jest.advanceTimersByTime(150);
+                expect(resizeNotifier.notifyTimelineHeightChanged).not.toHaveBeenCalled();
+            });
+        });
+
+        // test button display depending on settings
+        [
+            {
+                setting: "MessageComposerInput.showStickersButton" as const,
+                buttonLabel: "Sticker",
+            },
+            {
+                setting: "MessageComposerInput.showPollsButton" as const,
+                buttonLabel: "Poll",
+            },
+        ].forEach(({ setting, buttonLabel }) => {
+            [true, false].forEach((value: boolean) => {
+                describe(`when ${setting} = ${value}`, () => {
+                    beforeEach(async () => {
+                        await act(() => SettingsStore.setValue(setting, null, SettingLevel.DEVICE, value));
+                        wrapAndRender({ room });
+                        await userEvent.click(screen.getByLabelText("More options"));
+                    });
+
+                    it(`should${value ? "" : " not"} display the button`, () => {
+                        if (value) {
+                            expect(screen.getByLabelText(buttonLabel)).toBeInTheDocument();
+                        } else {
+                            expect(screen.queryByLabelText(buttonLabel)).not.toBeInTheDocument();
+                        }
+                    });
+
+                    describe(`and setting ${setting} to ${!value}`, () => {
+                        beforeEach(async () => {
+                            // simulate settings update
+                            await act(async () => {
+                                await SettingsStore.setValue(setting, null, SettingLevel.DEVICE, !value);
+                                dis.dispatch(
+                                    {
+                                        action: Action.SettingUpdated,
+                                        settingName: setting,
+                                        newValue: !value,
+                                    },
+                                    true,
+                                );
+                            });
+                        });
+
+                        it(`should${!value || "not"} display the button`, () => {
+                            if (!value) {
+                                expect(screen.getByLabelText(buttonLabel)).toBeInTheDocument();
+                            } else {
+                                expect(screen.queryByLabelText(buttonLabel)).not.toBeInTheDocument();
+                            }
+                        });
+                    });
+                });
+            });
+        });
+
+        it("should not render the send button", () => {
+            wrapAndRender({ room });
+            expect(screen.queryByLabelText("Send message")).not.toBeInTheDocument();
+        });
+
+        describe("when a message has been entered", () => {
+            beforeEach(async () => {
+                const renderResult = wrapAndRender({ room }).renderResult;
+                await addTextToComposerRTL(renderResult, "Hello");
+            });
+
+            it("should render the send button", () => {
+                expect(screen.getByLabelText("Send message")).toBeInTheDocument();
+            });
+        });
+
+        describe("UIStore interactions", () => {
+            let resizeCallback: (key: string, data: object) => void;
+
+            beforeEach(() => {
+                jest.spyOn(UIStore.instance, "on").mockImplementation(
+                    (_event: string | symbol, listener: (key: string, data: object) => void): any => {
+                        resizeCallback = listener;
+                    },
+                );
+            });
+
+            describe("when a non-resize event occurred in UIStore", () => {
+                beforeEach(async () => {
+                    wrapAndRender({ room });
+                    await openStickerPicker();
+                    resizeCallback("test", {});
+                });
+
+                it("should still display the sticker picker", () => {
+                    expect(screen.getByText("You don't currently have any stickerpacks enabled")).toBeInTheDocument();
+                });
+            });
+
+            describe("when a resize to narrow event occurred in UIStore", () => {
+                beforeEach(async () => {
+                    wrapAndRender({ room }, true, true);
+                    await openStickerPicker();
+                    act(() => resizeCallback(UI_EVENTS.Resize, {}));
+                });
+
+                it("should close the menu", () => {
+                    expect(screen.queryByLabelText("Sticker")).not.toBeInTheDocument();
+                });
+
+                it("should not show the attachment button", () => {
+                    expect(screen.queryByLabelText("Attachment")).not.toBeInTheDocument();
+                });
+
+                it("should close the sticker picker", () => {
+                    expect(
+                        screen.queryByText("You don't currently have any stickerpacks enabled"),
+                    ).not.toBeInTheDocument();
+                });
+            });
+
+            describe("when a resize to non-narrow event occurred in UIStore", () => {
+                beforeEach(async () => {
+                    wrapAndRender({ room }, true, false);
+                    await openStickerPicker();
+                    act(() => resizeCallback(UI_EVENTS.Resize, {}));
+                });
+
+                it("should close the menu", () => {
+                    expect(screen.queryByLabelText("Sticker")).not.toBeInTheDocument();
+                });
+
+                it("should show the attachment button", () => {
+                    expect(screen.getByLabelText("Attachment")).toBeInTheDocument();
+                });
+
+                it("should close the sticker picker", () => {
+                    expect(
+                        screen.queryByText("You don't currently have any stickerpacks enabled"),
+                    ).not.toBeInTheDocument();
+                });
+            });
+        });
+
+        describe("when not replying to an event", () => {
+            it("should pass the expected placeholder to SendMessageComposer", () => {
+                wrapAndRender({ room });
+                expect(screen.getByLabelText("Send an unencrypted message…")).toBeInTheDocument();
+            });
+
+            it("and an e2e status it should pass the expected placeholder to SendMessageComposer", () => {
+                wrapAndRender({
+                    room,
+                    e2eStatus: E2EStatus.Normal,
+                });
+                expect(screen.getByLabelText("Send a message…")).toBeInTheDocument();
+            });
+        });
+
+        describe("when replying to an event", () => {
+            let replyToEvent: MatrixEvent;
+            let props: Partial<React.ComponentProps<typeof MessageComposer>>;
+
+            const checkPlaceholder = (expected: string) => {
+                it("should pass the expected placeholder to SendMessageComposer", () => {
+                    wrapAndRender(props);
+                    expect(screen.getByLabelText(expected)).toBeInTheDocument();
+                });
+            };
+
+            const setEncrypted = () => {
+                beforeEach(() => {
+                    props.e2eStatus = E2EStatus.Normal;
+                });
+            };
+
+            beforeEach(() => {
+                replyToEvent = mkEvent({
+                    event: true,
+                    type: EventType.RoomMessage,
+                    user: cli.getUserId()!,
+                    content: {},
+                });
+
+                props = {
+                    room,
+                    replyToEvent,
+                };
+            });
+
+            describe("without encryption", () => {
+                checkPlaceholder("Send an unencrypted reply…");
+            });
+
+            describe("with encryption", () => {
+                setEncrypted();
+                checkPlaceholder("Send a reply…");
+            });
+
+            describe("with a non-thread relation", () => {
+                beforeEach(() => {
+                    props.relation = { rel_type: "test" };
+                });
+
+                checkPlaceholder("Send an unencrypted reply…");
+            });
+
+            describe("that is a thread", () => {
+                beforeEach(() => {
+                    props.relation = { rel_type: THREAD_RELATION_TYPE.name };
+                });
+
+                checkPlaceholder("Reply to unencrypted thread…");
+
+                describe("with encryption", () => {
+                    setEncrypted();
+                    checkPlaceholder("Reply to thread…");
+                });
+            });
+        });
+
+        describe("when clicking start a voice message", () => {
+            beforeEach(async () => {
+                wrapAndRender({ room });
+                await startVoiceMessage();
+                await flushPromises();
+            });
+
+            it("should try to start a voice message", () => {
+                expectVoiceMessageRecordingTriggered();
+            });
+        });
+    });
+
+    describe("for a LocalRoom", () => {
+        const localRoom = new LocalRoom("!room:example.com", cli, cli.getUserId()!);
+
+        it("should not show the stickers button", async () => {
+            wrapAndRender({ room: localRoom });
+            await act(async () => {
+                await userEvent.click(screen.getByLabelText("More options"));
+            });
+            expect(screen.queryByLabelText("Sticker")).not.toBeInTheDocument();
+        });
+    });
+});
+
+function wrapAndRender(
+    props: Partial<React.ComponentProps<typeof MessageComposer>> = {},
+    canSendMessages = true,
+    narrow = false,
+    tombstone?: MatrixEvent,
+) {
+    const mockClient = MatrixClientPeg.safeGet();
+    const roomId = "myroomid";
+    const room: any = props.room || {
+        currentState: undefined,
+        roomId,
+        client: mockClient,
+        getMember: function (userId: string): RoomMember {
+            return new RoomMember(roomId, userId);
+        },
+    };
+
+    const roomContext = {
+        room,
+        canSendMessages,
+        tombstone,
+        narrow,
+        timelineRenderingType: TimelineRenderingType.Room,
+    } satisfies Partial<RoomContextType> as RoomContextType;
+
+    const defaultProps = {
+        room,
+        resizeNotifier: new ResizeNotifier(),
+        permalinkCreator: new RoomPermalinkCreator(room),
+    };
+
+    const getRawComponent = (props = {}, context = roomContext, client = mockClient) => (
+        <SDKContext.Provider value={SDKContextClass.instance}>
+            <MatrixClientContext.Provider value={client}>
+                <ScopedRoomContextProvider {...context}>
+                    <RoomUploadContextProvider>
+                        <MessageComposer {...defaultProps} {...props} />
+                    </RoomUploadContextProvider>
+                </ScopedRoomContextProvider>
+            </MatrixClientContext.Provider>
+        </SDKContext.Provider>
+    );
+    return {
+        rawComponent: getRawComponent(props, roomContext, mockClient),
+        renderResult: render(getRawComponent(props, roomContext, mockClient)),
+        roomContext,
+    };
+}
diff --git a/apps/web/test/unit-tests/components/views/rooms/MessageComposerButtons-test.tsx b/apps/web/test/unit-tests/components/views/rooms/MessageComposerButtons-test.tsx
new file mode 100644
index 00000000000..0f29c546ec2
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/MessageComposerButtons-test.tsx
@@ -0,0 +1,174 @@
+/*
+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, waitFor } from "jest-matrix-react";
+
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { createTestClient, getRoomContext, mkStubRoom } from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import MessageComposerButtons from "../../../../../src/components/views/rooms/MessageComposerButtons";
+import { ScopedRoomContextProvider } from "../../../../../src/contexts/ScopedRoomContext.tsx";
+import { type RoomContextType } from "../../../../../src/contexts/RoomContext.ts";
+import { RoomUploadContextProvider } from "../../../../../src/viewmodels/room/RoomUploadViewModel.tsx";
+
+describe("MessageComposerButtons", () => {
+    // @ts-ignore - we're deliberately not implementing the whole interface here, but
+    // can't use Partial<> for types because it'll annoy TS more than it helps.
+    const mockProps: React.ComponentProps<typeof MessageComposerButtons> = {
+        addEmoji: () => false,
+        haveRecording: false,
+        isStickerPickerOpen: false,
+        menuPosition: undefined,
+        onRecordStartEndClick: () => {},
+        setStickerPickerOpen: () => {},
+        toggleButtonMenu: () => {},
+    };
+
+    const mockClient = createTestClient();
+    jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+
+    function getButtonLabels() {
+        const getLabels = (elements: HTMLElement[]): string[] =>
+            elements
+                .map((element) => element.getAttribute("aria-label"))
+                .filter((label): label is string => label !== null);
+
+        const mainLabels: Array<string | string[]> = getLabels(screen.queryAllByRole("button"));
+        const menuLabels = getLabels(screen.queryAllByRole("menuitem"));
+
+        if (menuLabels.length) {
+            mainLabels.push(getLabels(screen.queryAllByRole("menuitem")));
+        }
+
+        return mainLabels;
+    }
+
+    function wrapAndRender(component: React.ReactElement, narrow: boolean) {
+        const mockRoom = mkStubRoom("myfakeroom", "myfakeroom", mockClient) as any;
+        const defaultRoomContext: RoomContextType = getRoomContext(mockRoom, { narrow });
+
+        return render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ScopedRoomContextProvider {...defaultRoomContext}>
+                    <RoomUploadContextProvider>{component}</RoomUploadContextProvider>
+                </ScopedRoomContextProvider>
+            </MatrixClientContext.Provider>,
+        );
+    }
+
+    it("Renders emoji and upload buttons in wide mode", () => {
+        wrapAndRender(
+            <MessageComposerButtons
+                {...mockProps}
+                isMenuOpen={false}
+                showLocationButton={true}
+                showPollsButton={true}
+                showStickersButton={true}
+            />,
+            false,
+        );
+
+        expect(getButtonLabels()).toEqual(["Emoji", "Attachment", "More options"]);
+    });
+
+    it("Renders other buttons in menu in wide mode", async () => {
+        wrapAndRender(
+            <MessageComposerButtons
+                {...mockProps}
+                isMenuOpen={true}
+                showLocationButton={true}
+                showPollsButton={true}
+                showStickersButton={true}
+            />,
+            false,
+        );
+
+        // The location code is lazy loaded, so the button will take a little while
+        // to appear, so we need to wait.
+        await waitFor(() => {
+            expect(getButtonLabels()).toEqual([
+                "Emoji",
+                "Attachment",
+                "More options",
+                ["Sticker", "Voice Message", "Poll", "Location"],
+            ]);
+        });
+    });
+
+    it("Renders only some buttons in narrow mode", () => {
+        wrapAndRender(
+            <MessageComposerButtons
+                {...mockProps}
+                isMenuOpen={false}
+                showLocationButton={true}
+                showPollsButton={true}
+                showStickersButton={true}
+            />,
+            true,
+        );
+
+        expect(getButtonLabels()).toEqual(["Emoji", "More options"]);
+    });
+
+    it("Renders other buttons in menu (except voice messages) in narrow mode", () => {
+        wrapAndRender(
+            <MessageComposerButtons
+                {...mockProps}
+                isMenuOpen={true}
+                showLocationButton={true}
+                showPollsButton={true}
+                showStickersButton={true}
+            />,
+            true,
+        );
+
+        expect(getButtonLabels()).toEqual(["Emoji", "More options", ["Attachment", "Sticker", "Poll", "Location"]]);
+    });
+
+    describe("polls button", () => {
+        it("should render when asked to", () => {
+            wrapAndRender(
+                <MessageComposerButtons
+                    {...mockProps}
+                    isMenuOpen={true}
+                    showLocationButton={true}
+                    showPollsButton={true}
+                    showStickersButton={true}
+                />,
+                true,
+            );
+
+            expect(getButtonLabels()).toEqual(["Emoji", "More options", ["Attachment", "Sticker", "Poll", "Location"]]);
+        });
+
+        it("should not render when asked not to", () => {
+            wrapAndRender(
+                <MessageComposerButtons
+                    {...mockProps}
+                    isMenuOpen={true}
+                    showLocationButton={true}
+                    showPollsButton={false} // !! the change from the alternate test
+                    showStickersButton={true}
+                />,
+                true,
+            );
+
+            expect(getButtonLabels()).toEqual([
+                "Emoji",
+                "More options",
+                [
+                    "Attachment",
+                    "Sticker",
+                    // "Poll", // should be hidden
+                    "Location",
+                ],
+            ]);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/NewRoomIntro-test.tsx b/apps/web/test/unit-tests/components/views/rooms/NewRoomIntro-test.tsx
new file mode 100644
index 00000000000..f0db2282f64
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/NewRoomIntro-test.tsx
@@ -0,0 +1,164 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-2022 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 from "react";
+import { render, screen } from "jest-matrix-react";
+import { EventTimeline, type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { LinkedTextContext } from "@element-hq/web-shared-components";
+
+import { LocalRoom } from "../../../../../src/models/LocalRoom";
+import {
+    clientAndSDKContextRenderOptions,
+    filterConsole,
+    mkEvent,
+    mkRoomMemberJoinEvent,
+    mkThirdPartyInviteEvent,
+    stubClient,
+} from "../../../../test-utils";
+import NewRoomIntro from "../../../../../src/components/views/rooms/NewRoomIntro";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { DirectoryMember } from "../../../../../src/utils/direct-messages";
+import { ScopedRoomContextProvider } from "../../../../../src/contexts/ScopedRoomContext.tsx";
+import defaultDispatcher from "../../../../../src/dispatcher/dispatcher";
+import type { RoomContextType } from "../../../../../src/contexts/RoomContext.ts";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+
+const renderNewRoomIntro = (client: MatrixClient, room: Room | LocalRoom) => {
+    render(
+        <ScopedRoomContextProvider {...({ room, roomId: room.roomId } as unknown as RoomContextType)}>
+            <LinkedTextContext.Provider value={{}}>
+                <NewRoomIntro />
+            </LinkedTextContext.Provider>
+        </ScopedRoomContextProvider>,
+        clientAndSDKContextRenderOptions(client, SDKContextClass.instance),
+    );
+};
+
+describe("NewRoomIntro", () => {
+    let client: MatrixClient;
+    const roomId = "!room:example.com";
+    const userId = "@user:example.com";
+
+    filterConsole("Room !room:example.com does not have an m.room.create event");
+
+    beforeEach(() => {
+        client = stubClient();
+        DMRoomMap.makeShared(client);
+    });
+
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+
+    describe("for a DM Room", () => {
+        beforeEach(() => {
+            jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(userId);
+            const room = new Room(roomId, client, client.getUserId()!);
+            room.name = "test_room";
+            renderNewRoomIntro(client, room);
+        });
+
+        it("should render the expected intro", () => {
+            const expected = `This is the beginning of your direct message history with test_room.`;
+            screen.getByText((id, element) => element?.tagName === "SPAN" && element?.textContent === expected);
+        });
+    });
+
+    it("should render as expected for a DM room with a single third-party invite", () => {
+        const room = new Room(roomId, client, client.getSafeUserId());
+        room.currentState.setStateEvents([
+            mkRoomMemberJoinEvent(client.getSafeUserId(), room.roomId),
+            mkThirdPartyInviteEvent(client.getSafeUserId(), "user@example.com", room.roomId),
+        ]);
+        jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(userId);
+        jest.spyOn(DMRoomMap.shared(), "getRoomIds").mockReturnValue(new Set([room.roomId]));
+        renderNewRoomIntro(client, room);
+
+        expect(screen.getByText("Once everyone has joined, you’ll be able to chat")).toBeInTheDocument();
+        expect(
+            screen.queryByText(
+                "Only the two of you are in this conversation, unless either of you invites anyone to join.",
+            ),
+        ).not.toBeInTheDocument();
+    });
+
+    describe("for a DM LocalRoom", () => {
+        beforeEach(() => {
+            jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(userId);
+            const localRoom = new LocalRoom(roomId, client, client.getUserId()!);
+            localRoom.name = "test_room";
+            localRoom.targets.push(new DirectoryMember({ user_id: userId }));
+            renderNewRoomIntro(client, localRoom);
+        });
+
+        it("should render the expected intro", () => {
+            const expected = `Send your first message to invite test_room to chat`;
+            screen.getByText((id, element) => element?.tagName === "SPAN" && element?.textContent === expected);
+        });
+    });
+
+    describe("topic", () => {
+        let room: Room;
+
+        beforeEach(() => {
+            room = new Room(roomId, client, userId);
+            room.getLiveTimeline()
+                .getState(EventTimeline.FORWARDS)
+                ?.setStateEvents([mkRoomMemberJoinEvent(client.getSafeUserId(), room.roomId)]);
+            jest.spyOn(DMRoomMap.shared(), "getRoomIds").mockReturnValue(new Set([room.roomId]));
+        });
+
+        function addTopicToRoom(topic: string) {
+            const topicEvent = mkEvent({
+                type: "m.room.topic",
+                room: roomId,
+                user: userId,
+                content: {
+                    topic,
+                },
+                ts: 123,
+                event: true,
+            });
+
+            room.addLiveEvents([topicEvent], { addToState: true });
+        }
+
+        it("should render the topic", () => {
+            addTopicToRoom("Test topic");
+            renderNewRoomIntro(client, room);
+            screen.getByText("Test topic");
+        });
+
+        it("should render a link in the topic", () => {
+            addTopicToRoom("This is a link: https://matrix.org/");
+            renderNewRoomIntro(client, room);
+            expect(screen.getByTestId("topic")).toMatchSnapshot();
+        });
+
+        it("should be able to add a topic", () => {
+            addTopicToRoom("Test topic");
+            jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+            jest.spyOn(room.getLiveTimeline().getState(EventTimeline.FORWARDS)!, "maySendStateEvent").mockReturnValue(
+                true,
+            );
+            const spyDispatcher = jest.spyOn(defaultDispatcher, "dispatch");
+
+            renderNewRoomIntro(client, room);
+            screen.getByRole("button", { name: "edit" }).click();
+            expect(spyDispatcher).toHaveBeenCalledWith(
+                {
+                    action: "open_room_settings",
+                    room_id: room.roomId,
+                },
+                true,
+            );
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/NotificationBadge/NotificationBadge-test.tsx b/apps/web/test/unit-tests/components/views/rooms/NotificationBadge/NotificationBadge-test.tsx
new file mode 100644
index 00000000000..147ebb78eab
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/NotificationBadge/NotificationBadge-test.tsx
@@ -0,0 +1,74 @@
+/*
+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 { fireEvent, render } from "jest-matrix-react";
+import React from "react";
+
+import { StatelessNotificationBadge } from "../../../../../../src/components/views/rooms/NotificationBadge/StatelessNotificationBadge";
+import SettingsStore from "../../../../../../src/settings/SettingsStore";
+import { NotificationLevel } from "../../../../../../src/stores/notifications/NotificationLevel";
+import { NotificationBadge } from "../../../../../../src/components/views/rooms/NotificationBadge/NotificationBadge";
+import { NotificationState } from "../../../../../../src/stores/notifications/NotificationState";
+
+class DummyNotificationState extends NotificationState {
+    constructor(level: NotificationLevel) {
+        super();
+        this._level = level;
+    }
+}
+
+describe("NotificationBadge", () => {
+    it("shows a dot if the level is activity", () => {
+        const notif = new DummyNotificationState(NotificationLevel.Activity);
+
+        const { container } = render(<NotificationBadge notification={notif} />);
+        expect(container.querySelector('[data-badge-type="dot"]')).toBeInTheDocument();
+        expect(container.querySelector('[data-testid="notification-badge"]')).toBeInTheDocument();
+    });
+
+    it("does not show a dot if the level is activity and hideIfDot is true", () => {
+        const notif = new DummyNotificationState(NotificationLevel.Activity);
+
+        const { container } = render(<NotificationBadge notification={notif} hideIfDot={true} />);
+        expect(container.querySelector('[data-badge-type="dot"]')).not.toBeInTheDocument();
+        expect(container.querySelector('[data-testid="notification-badge"]')).not.toBeInTheDocument();
+    });
+
+    it("still shows an empty badge if hideIfDot us true", () => {
+        const notif = new DummyNotificationState(NotificationLevel.Notification);
+
+        const { container } = render(<NotificationBadge notification={notif} hideIfDot={true} />);
+        expect(container.querySelector('[data-badge-type="dot"]')).not.toBeInTheDocument();
+        expect(container.querySelector('[data-testid="notification-badge"]')).toBeInTheDocument();
+    });
+
+    describe("StatelessNotificationBadge", () => {
+        it("lets you click it", () => {
+            const cb = jest.fn();
+
+            const { getByRole } = render(
+                <StatelessNotificationBadge symbol="" level={NotificationLevel.Highlight} count={5} onClick={cb} />,
+            );
+
+            fireEvent.click(getByRole("button")!);
+            expect(cb).toHaveBeenCalledTimes(1);
+        });
+
+        it("hides the bold icon when the settings is set", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((name: string) => {
+                return name === "feature_hidebold";
+            });
+
+            const { container } = render(
+                <StatelessNotificationBadge symbol="" level={NotificationLevel.Activity} count={1} />,
+            );
+
+            expect(container.firstChild).toBeNull();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/NotificationBadge/StatelessNotificationBadge-test.tsx b/apps/web/test/unit-tests/components/views/rooms/NotificationBadge/StatelessNotificationBadge-test.tsx
new file mode 100644
index 00000000000..2bb4defbdd7
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/NotificationBadge/StatelessNotificationBadge-test.tsx
@@ -0,0 +1,56 @@
+/*
+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 { StatelessNotificationBadge } from "../../../../../../src/components/views/rooms/NotificationBadge/StatelessNotificationBadge";
+import { NotificationLevel } from "../../../../../../src/stores/notifications/NotificationLevel";
+
+describe("StatelessNotificationBadge", () => {
+    it("is highlighted when unsent", () => {
+        const { container } = render(
+            <StatelessNotificationBadge symbol="!" count={0} level={NotificationLevel.Unsent} />,
+        );
+        expect(container.querySelector('[data-notification-level="highlight"]')).toBeInTheDocument();
+    });
+
+    it("has knock style", () => {
+        const { container } = render(
+            <StatelessNotificationBadge symbol="!" count={0} level={NotificationLevel.Highlight} knocked={true} />,
+        );
+        expect(container.querySelector('[data-badge-type="dot"]')).not.toBeInTheDocument();
+        expect(container.querySelector("svg")).toHaveAccessibleName("Request to join sent");
+    });
+
+    it("has dot style for activity", () => {
+        const { container } = render(
+            <StatelessNotificationBadge symbol={null} count={3} level={NotificationLevel.Activity} />,
+        );
+        expect(container.querySelector('[data-badge-type="dot"]')).toBeInTheDocument();
+    });
+
+    it("has badge style for notification", () => {
+        const { container } = render(
+            <StatelessNotificationBadge symbol={null} count={3} level={NotificationLevel.Notification} />,
+        );
+        expect(container.querySelector('[data-badge-type="dot"]')).not.toBeInTheDocument();
+    });
+
+    it("has dot style for notification when forced", () => {
+        const { container } = render(
+            <StatelessNotificationBadge
+                symbol={null}
+                count={3}
+                level={NotificationLevel.Notification}
+                forceDot={true}
+            />,
+        );
+        expect(container.querySelector('[data-badge-type="dot"]')).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/NotificationBadge/UnreadNotificationBadge-test.tsx b/apps/web/test/unit-tests/components/views/rooms/NotificationBadge/UnreadNotificationBadge-test.tsx
new file mode 100644
index 00000000000..b1e9a2835c8
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/NotificationBadge/UnreadNotificationBadge-test.tsx
@@ -0,0 +1,179 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 "jest-mock";
+import { screen, act, render } from "jest-matrix-react";
+import {
+    MatrixEvent,
+    MsgType,
+    RelationType,
+    NotificationCountType,
+    Room,
+    EventStatus,
+    PendingEventOrdering,
+    ReceiptType,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+import { mkThread } from "../../../../../test-utils/threads";
+import { UnreadNotificationBadge } from "../../../../../../src/components/views/rooms/NotificationBadge/UnreadNotificationBadge";
+import { mkEvent, mkMessage, muteRoom, stubClient } from "../../../../../test-utils/test-utils";
+import * as RoomNotifs from "../../../../../../src/RoomNotifs";
+
+const ROOM_ID = "!roomId:example.org";
+let THREAD_ID: string;
+
+describe("UnreadNotificationBadge", () => {
+    let client: MatrixClient;
+    let room: Room;
+
+    function getComponent(threadId?: string) {
+        return <UnreadNotificationBadge room={room} threadId={threadId} />;
+    }
+
+    function getBadge(container: HTMLElement): Element | null {
+        return container.querySelector('[data-testid="notification-badge"]');
+    }
+
+    beforeEach(() => {
+        client = stubClient();
+        client.supportsThreads = () => true;
+
+        room = new Room(ROOM_ID, client, client.getUserId()!, {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        const receipt = new MatrixEvent({
+            type: "m.receipt",
+            room_id: room.roomId,
+            content: {
+                "$event0:localhost": {
+                    [ReceiptType.Read]: {
+                        [client.getUserId()!]: { ts: 1, thread_id: "$otherthread:localhost" },
+                    },
+                },
+                "$event1:localhost": {
+                    [ReceiptType.Read]: {
+                        [client.getUserId()!]: { ts: 1 },
+                    },
+                },
+            },
+        });
+        room.addReceipt(receipt);
+
+        room.setUnreadNotificationCount(NotificationCountType.Total, 1);
+        room.setUnreadNotificationCount(NotificationCountType.Highlight, 0);
+
+        const { rootEvent } = mkThread({
+            room,
+            client,
+            authorId: client.getUserId()!,
+            participantUserIds: [client.getUserId()!],
+        });
+        THREAD_ID = rootEvent.getId()!;
+
+        room.setThreadUnreadNotificationCount(THREAD_ID, NotificationCountType.Total, 1);
+        room.setThreadUnreadNotificationCount(THREAD_ID, NotificationCountType.Highlight, 0);
+
+        jest.spyOn(RoomNotifs, "getRoomNotifsState").mockReturnValue(RoomNotifs.RoomNotifState.AllMessages);
+    });
+
+    it("renders unread notification badge", () => {
+        const { container } = render(getComponent());
+
+        expect(getBadge(container)).toHaveTextContent("1");
+        expect(getBadge(container)).toHaveAttribute("data-notification-level", "notification");
+
+        act(() => {
+            room.setUnreadNotificationCount(NotificationCountType.Highlight, 1);
+        });
+
+        expect(getBadge(container)).toHaveAttribute("data-notification-level", "highlight");
+    });
+
+    it("renders unread thread notification badge", () => {
+        const { container } = render(getComponent(THREAD_ID));
+
+        expect(getBadge(container)).toHaveTextContent("1");
+        expect(getBadge(container)).toHaveAttribute("data-notification-level", "notification");
+
+        act(() => {
+            room.setThreadUnreadNotificationCount(THREAD_ID, NotificationCountType.Highlight, 1);
+        });
+
+        expect(getBadge(container)).toHaveAttribute("data-notification-level", "highlight");
+    });
+
+    it("hides unread notification badge", () => {
+        act(() => {
+            room.setThreadUnreadNotificationCount(THREAD_ID, NotificationCountType.Total, 0);
+            room.setThreadUnreadNotificationCount(THREAD_ID, NotificationCountType.Highlight, 0);
+            const { container } = render(getComponent(THREAD_ID));
+            expect(getBadge(container)).toBeNull();
+        });
+    });
+
+    it("adds a warning for unsent messages", () => {
+        const evt = mkMessage({
+            room: room.roomId,
+            user: "@alice:example.org",
+            msg: "Hello world!",
+            event: true,
+        });
+        evt.status = EventStatus.NOT_SENT;
+
+        room.addPendingEvent(evt, "123");
+
+        render(getComponent());
+
+        expect(screen.queryByText("!")).not.toBeNull();
+    });
+
+    it("adds a warning for invites", () => {
+        room.updateMyMembership(KnownMembership.Invite);
+        render(getComponent());
+        expect(screen.queryByText("!")).not.toBeNull();
+    });
+
+    it("hides counter for muted rooms", () => {
+        muteRoom(room);
+
+        const { container } = render(getComponent());
+        expect(getBadge(container)).toBeNull();
+    });
+
+    it("activity renders unread notification badge", () => {
+        room.setThreadUnreadNotificationCount(THREAD_ID, NotificationCountType.Total, 0);
+        room.setThreadUnreadNotificationCount(THREAD_ID, NotificationCountType.Highlight, 0);
+
+        // Add another event on the thread which is not sent by us.
+        const event = mkEvent({
+            event: true,
+            type: "m.room.message",
+            user: "@alice:server.org",
+            room: room.roomId,
+            content: {
+                "msgtype": MsgType.Text,
+                "body": "Hello from Bob",
+                "m.relates_to": {
+                    event_id: THREAD_ID,
+                    rel_type: RelationType.Thread,
+                },
+            },
+            ts: 5,
+        });
+        room.addLiveEvents([event], { addToState: true });
+
+        const { container } = render(getComponent(THREAD_ID));
+        expect(getBadge(container)).toBeInTheDocument();
+        expect(getBadge(container)).toHaveAttribute("data-badge-type", "dot");
+        expect(getBadge(container)).not.toHaveAttribute("data-notification-level", "highlight");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/NotificationDecoration-test.tsx b/apps/web/test/unit-tests/components/views/rooms/NotificationDecoration-test.tsx
new file mode 100644
index 00000000000..deeab46bc51
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/NotificationDecoration-test.tsx
@@ -0,0 +1,109 @@
+/*
+ * 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 { CallType } from "matrix-js-sdk/src/webrtc/call";
+
+import { RoomNotificationState } from "../../../../../src/stores/notifications/RoomNotificationState";
+import { NotificationDecoration } from "../../../../../src/components/views/rooms/NotificationDecoration";
+import { createTestClient, mkStubRoom } from "../../../../test-utils";
+
+describe("<NotificationDecoration />", () => {
+    let roomNotificationState: RoomNotificationState;
+    beforeEach(() => {
+        const matrixClient = createTestClient();
+        const room = mkStubRoom("roomId", "roomName", matrixClient);
+        roomNotificationState = new RoomNotificationState(room, false);
+    });
+
+    it("should not render if RoomNotificationState.hasAnyNotificationOrActivity=true", () => {
+        jest.spyOn(roomNotificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(false);
+        render(<NotificationDecoration notificationState={roomNotificationState} callType={undefined} />);
+        expect(screen.queryByTestId("notification-decoration")).toBeNull();
+    });
+
+    it("should render the unset message decoration", () => {
+        jest.spyOn(roomNotificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
+        jest.spyOn(roomNotificationState, "isUnsentMessage", "get").mockReturnValue(true);
+        const { asFragment } = render(
+            <NotificationDecoration notificationState={roomNotificationState} callType={undefined} />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render the invitation decoration", () => {
+        jest.spyOn(roomNotificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
+        jest.spyOn(roomNotificationState, "invited", "get").mockReturnValue(true);
+        const { asFragment } = render(
+            <NotificationDecoration notificationState={roomNotificationState} callType={undefined} />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render the mention decoration", () => {
+        jest.spyOn(roomNotificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
+        jest.spyOn(roomNotificationState, "isMention", "get").mockReturnValue(true);
+        jest.spyOn(roomNotificationState, "count", "get").mockReturnValue(1);
+        const { asFragment } = render(
+            <NotificationDecoration notificationState={roomNotificationState} callType={undefined} />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render the notification decoration", () => {
+        jest.spyOn(roomNotificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
+        jest.spyOn(roomNotificationState, "isNotification", "get").mockReturnValue(true);
+        jest.spyOn(roomNotificationState, "count", "get").mockReturnValue(1);
+        const { asFragment } = render(
+            <NotificationDecoration notificationState={roomNotificationState} callType={undefined} />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render the notification decoration without count", () => {
+        jest.spyOn(roomNotificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
+        jest.spyOn(roomNotificationState, "isNotification", "get").mockReturnValue(true);
+        jest.spyOn(roomNotificationState, "count", "get").mockReturnValue(0);
+        const { asFragment } = render(
+            <NotificationDecoration notificationState={roomNotificationState} callType={undefined} />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render the activity decoration", () => {
+        jest.spyOn(roomNotificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
+        jest.spyOn(roomNotificationState, "isActivityNotification", "get").mockReturnValue(true);
+        const { asFragment } = render(
+            <NotificationDecoration notificationState={roomNotificationState} callType={undefined} />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render the muted decoration", () => {
+        jest.spyOn(roomNotificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
+        jest.spyOn(roomNotificationState, "muted", "get").mockReturnValue(true);
+        const { asFragment } = render(
+            <NotificationDecoration notificationState={roomNotificationState} callType={undefined} />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it("should render the video call decoration", () => {
+        jest.spyOn(roomNotificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(false);
+        const { asFragment } = render(
+            <NotificationDecoration notificationState={roomNotificationState} callType={CallType.Video} />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it("should render the audio call decoration", () => {
+        jest.spyOn(roomNotificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(false);
+        const { asFragment } = render(
+            <NotificationDecoration notificationState={roomNotificationState} callType={CallType.Voice} />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/PinnedEventTile-test.tsx b/apps/web/test/unit-tests/components/views/rooms/PinnedEventTile-test.tsx
new file mode 100644
index 00000000000..101c04a07b3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/PinnedEventTile-test.tsx
@@ -0,0 +1,232 @@
+/*
+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, screen, waitFor } from "jest-matrix-react";
+import { EventTimeline, EventType, type IEvent, type MatrixClient, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import userEvent from "@testing-library/user-event";
+
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import { PinnedEventTile } from "../../../../../src/components/views/rooms/PinnedEventTile";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { stubClient } from "../../../../test-utils";
+import dis from "../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../src/dispatcher/actions";
+import { getForwardableEvent } from "../../../../../src/events";
+import { createRedactEventDialog } from "../../../../../src/components/views/dialogs/ConfirmRedactDialog";
+
+jest.mock("../../../../../src/components/views/dialogs/ConfirmRedactDialog", () => ({
+    createRedactEventDialog: jest.fn(),
+}));
+
+describe("<PinnedEventTile />", () => {
+    const userId = "@alice:server.org";
+    const roomId = "!room:server.org";
+
+    let mockClient: MatrixClient;
+    let room: Room;
+    let permalinkCreator: RoomPermalinkCreator;
+    beforeEach(() => {
+        mockClient = stubClient();
+        room = new Room(roomId, mockClient, userId);
+        permalinkCreator = new RoomPermalinkCreator(room);
+        mockClient.getRoom = jest.fn().mockReturnValue(room);
+        jest.spyOn(dis, "dispatch").mockReturnValue(undefined);
+    });
+
+    /**
+     * Create a pinned event with the given content.
+     * @param content
+     */
+    function makePinEvent(content?: Partial<IEvent>) {
+        return new MatrixEvent({
+            type: EventType.RoomMessage,
+            sender: userId,
+            content: {
+                body: "First pinned message",
+                msgtype: "m.text",
+            },
+            room_id: roomId,
+            origin_server_ts: 0,
+            event_id: "$eventId",
+            ...content,
+        });
+    }
+
+    /**
+     * Render the component with the given event.
+     * @param event - pinned event
+     */
+    function renderComponent(event: MatrixEvent) {
+        return render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <PinnedEventTile permalinkCreator={permalinkCreator} event={event} room={room} />
+            </MatrixClientContext.Provider>,
+        );
+    }
+
+    /**
+     * Render the component and open the menu.
+     */
+    async function renderAndOpenMenu() {
+        const pinEvent = makePinEvent();
+        const renderResult = renderComponent(pinEvent);
+        await userEvent.click(screen.getByRole("button", { name: "Open menu" }));
+        return { pinEvent, renderResult };
+    }
+
+    it("should throw when pinned event has no sender", () => {
+        const pinEventWithoutSender = makePinEvent({ sender: undefined });
+        expect(() => renderComponent(pinEventWithoutSender)).toThrow("Pinned event unexpectedly has no sender");
+    });
+
+    it("should render pinned event", () => {
+        const { container } = renderComponent(makePinEvent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should render pinned event with thread info", async () => {
+        const event = makePinEvent({
+            content: {
+                "body": "First pinned message",
+                "msgtype": "m.text",
+                "m.relates_to": {
+                    "event_id": "$threadRootEventId",
+                    "is_falling_back": true,
+                    "m.in_reply_to": {
+                        event_id: "$$threadRootEventId",
+                    },
+                    "rel_type": "m.thread",
+                },
+            },
+        });
+        const threadRootEvent = makePinEvent({ event_id: "$threadRootEventId" });
+        jest.spyOn(room, "findEventById").mockReturnValue(threadRootEvent);
+
+        const { container } = renderComponent(event);
+        expect(container).toMatchSnapshot();
+
+        await userEvent.click(screen.getByRole("button", { name: "thread message" }));
+        // Check that the thread is opened
+        expect(dis.dispatch).toHaveBeenCalledWith({
+            action: Action.ShowThread,
+            rootEvent: threadRootEvent,
+            push: true,
+        });
+    });
+
+    it("should render the menu without unpin and delete", async () => {
+        jest.spyOn(room.getLiveTimeline().getState(EventTimeline.FORWARDS)!, "mayClientSendStateEvent").mockReturnValue(
+            false,
+        );
+        jest.spyOn(
+            room.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+            "maySendRedactionForEvent",
+        ).mockReturnValue(false);
+
+        await renderAndOpenMenu();
+
+        // Unpin and delete should not be present
+        await waitFor(() => expect(screen.getByRole("menu")).toBeInTheDocument());
+        expect(screen.getByRole("menuitem", { name: "View in timeline" })).toBeInTheDocument();
+        expect(screen.getByRole("menuitem", { name: "Forward" })).toBeInTheDocument();
+        expect(screen.queryByRole("menuitem", { name: "Unpin" })).toBeNull();
+        expect(screen.queryByRole("menuitem", { name: "Delete" })).toBeNull();
+        expect(screen.getByRole("menu")).toMatchSnapshot();
+    });
+
+    it("should render the menu with all the options", async () => {
+        // Enable unpin
+        jest.spyOn(room.getLiveTimeline().getState(EventTimeline.FORWARDS)!, "mayClientSendStateEvent").mockReturnValue(
+            true,
+        );
+        // Enable redaction
+        jest.spyOn(
+            room.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+            "maySendRedactionForEvent",
+        ).mockReturnValue(true);
+
+        await renderAndOpenMenu();
+
+        await waitFor(() => expect(screen.getByRole("menu")).toBeInTheDocument());
+        ["View in timeline", "Forward", "Unpin", "Delete"].forEach((name) =>
+            expect(screen.getByRole("menuitem", { name })).toBeInTheDocument(),
+        );
+        expect(screen.getByRole("menu")).toMatchSnapshot();
+    });
+
+    it("should view in the timeline", async () => {
+        const { pinEvent } = await renderAndOpenMenu();
+
+        // Test view in timeline button
+        await userEvent.click(screen.getByRole("menuitem", { name: "View in timeline" }));
+        expect(dis.dispatch).toHaveBeenCalledWith({
+            action: Action.ViewRoom,
+            event_id: pinEvent.getId(),
+            highlighted: true,
+            room_id: pinEvent.getRoomId(),
+            metricsTrigger: undefined, // room doesn't change
+        });
+    });
+
+    it("should open forward dialog", async () => {
+        const { pinEvent } = await renderAndOpenMenu();
+
+        // Test forward button
+        await userEvent.click(screen.getByRole("menuitem", { name: "Forward" }));
+        expect(dis.dispatch).toHaveBeenCalledWith({
+            action: Action.OpenForwardDialog,
+            event: getForwardableEvent(pinEvent, mockClient),
+            permalinkCreator: permalinkCreator,
+        });
+    });
+
+    it("should unpin the event", async () => {
+        const { pinEvent } = await renderAndOpenMenu();
+        const pinEvent2 = makePinEvent({ event_id: "$eventId2" });
+
+        const stateEvent = {
+            getContent: jest.fn().mockReturnValue({ pinned: [pinEvent.getId(), pinEvent2.getId()] }),
+        } as unknown as MatrixEvent;
+
+        // Enable unpin
+        jest.spyOn(room.getLiveTimeline().getState(EventTimeline.FORWARDS)!, "mayClientSendStateEvent").mockReturnValue(
+            true,
+        );
+        // Mock the state event
+        jest.spyOn(room.getLiveTimeline().getState(EventTimeline.FORWARDS)!, "getStateEvents").mockReturnValue(
+            stateEvent,
+        );
+
+        // Test unpin button
+        await userEvent.click(screen.getByRole("menuitem", { name: "Unpin" }));
+        expect(mockClient.sendStateEvent).toHaveBeenCalledWith(
+            room.roomId,
+            EventType.RoomPinnedEvents,
+            {
+                pinned: [pinEvent2.getId()],
+            },
+            "",
+        );
+    });
+
+    it("should delete the event", async () => {
+        // Enable redaction
+        jest.spyOn(
+            room.getLiveTimeline().getState(EventTimeline.FORWARDS)!,
+            "maySendRedactionForEvent",
+        ).mockReturnValue(true);
+
+        const { pinEvent } = await renderAndOpenMenu();
+
+        await userEvent.click(screen.getByRole("menuitem", { name: "Delete" }));
+        expect(createRedactEventDialog).toHaveBeenCalledWith({
+            mxEvent: pinEvent,
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/PinnedMessageBanner-test.tsx b/apps/web/test/unit-tests/components/views/rooms/PinnedMessageBanner-test.tsx
new file mode 100644
index 00000000000..02b5f81b58c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/PinnedMessageBanner-test.tsx
@@ -0,0 +1,336 @@
+/*
+ * 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.
+ */
+
+import { act, screen, render } from "jest-matrix-react";
+import React from "react";
+import { EventType, type IEvent, type MatrixClient, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import userEvent from "@testing-library/user-event";
+
+import * as pinnedEventHooks from "../../../../../src/hooks/usePinnedEvents";
+import { PinnedMessageBanner } from "../../../../../src/components/views/rooms/PinnedMessageBanner";
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import { makePollStartEvent, stubClient, clientAndSDKContextRenderOptions } from "../../../../test-utils";
+import dis from "../../../../../src/dispatcher/dispatcher";
+import RightPanelStore from "../../../../../src/stores/right-panel/RightPanelStore";
+import { RightPanelPhases } from "../../../../../src/stores/right-panel/RightPanelStorePhases";
+import { UPDATE_EVENT } from "../../../../../src/stores/AsyncStore";
+import { Action } from "../../../../../src/dispatcher/actions";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass";
+
+describe("<PinnedMessageBanner />", () => {
+    const userId = "@alice:server.org";
+    const roomId = "!room:server.org";
+
+    let mockClient: MatrixClient;
+    let room: Room;
+    let permalinkCreator: RoomPermalinkCreator;
+    let sdkContext: SDKContextClass;
+    beforeEach(() => {
+        mockClient = stubClient();
+        room = new Room(roomId, mockClient, userId);
+        permalinkCreator = new RoomPermalinkCreator(room);
+        sdkContext = new SDKContextClass();
+        jest.spyOn(dis, "dispatch").mockReturnValue(undefined);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    /**
+     * Create a pinned event with the given content.
+     * @param content
+     */
+    function makePinEvent(content?: Partial<IEvent>) {
+        return new MatrixEvent({
+            type: EventType.RoomMessage,
+            sender: userId,
+            content: {
+                body: "First pinned message",
+                msgtype: "m.text",
+            },
+            room_id: roomId,
+            origin_server_ts: 0,
+            event_id: "$eventId",
+            ...content,
+        });
+    }
+
+    const event1 = makePinEvent();
+    const event2 = makePinEvent({
+        event_id: "$eventId2",
+        content: { body: "Second pinned message" },
+    });
+    const event3 = makePinEvent({
+        event_id: "$eventId3",
+        content: { body: "Third pinned message" },
+    });
+    const event4 = makePinEvent({
+        event_id: "$eventId4",
+        content: { body: "Fourth pinned message" },
+    });
+
+    /**
+     * Render the banner
+     */
+    function renderBanner() {
+        return render(
+            <PinnedMessageBanner permalinkCreator={permalinkCreator} room={room} />,
+            clientAndSDKContextRenderOptions(mockClient, sdkContext),
+        );
+    }
+
+    it("should render nothing when there are no pinned events", async () => {
+        jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockReturnValue([]);
+        jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockReturnValue([]);
+        const { container } = renderBanner();
+        expect(container).toBeEmptyDOMElement();
+    });
+
+    it("should render a single pinned event", async () => {
+        jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockReturnValue([event1.getId()!]);
+        jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockReturnValue([event1]);
+
+        const { asFragment } = renderBanner();
+
+        await expect(screen.findByText("First pinned message")).resolves.toBeVisible();
+        expect(screen.queryByRole("button", { name: "View all" })).toBeNull();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render 2 pinned event", async () => {
+        jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockReturnValue([event1.getId()!, event2.getId()!]);
+        jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockReturnValue([event1, event2]);
+
+        const { asFragment } = renderBanner();
+
+        await expect(screen.findByText("Second pinned message")).resolves.toBeVisible();
+        expect(screen.getByTestId("banner-counter")).toHaveTextContent("2 of 2 Pinned messages");
+        expect(screen.getAllByTestId("banner-indicator")).toHaveLength(2);
+        expect(screen.queryByRole("button", { name: "View all" })).toBeVisible();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render 4 pinned event", async () => {
+        jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockReturnValue([
+            event1.getId()!,
+            event2.getId()!,
+            event3.getId()!,
+            event4.getId()!,
+        ]);
+        jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockReturnValue([event1, event2, event3, event4]);
+
+        const { asFragment } = renderBanner();
+
+        await expect(screen.findByText("Fourth pinned message")).resolves.toBeVisible();
+        expect(screen.getByTestId("banner-counter")).toHaveTextContent("4 of 4 Pinned messages");
+        expect(screen.getAllByTestId("banner-indicator")).toHaveLength(3);
+        expect(screen.queryByRole("button", { name: "View all" })).toBeVisible();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should display the last message when the pinned event array changed", async () => {
+        jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockReturnValue([event1.getId()!, event2.getId()!]);
+        jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockReturnValue([event1, event2]);
+
+        const { asFragment, rerender } = renderBanner();
+        await expect(screen.findByText("Second pinned message")).resolves.toBeVisible();
+        await userEvent.click(
+            screen.getByRole("button", {
+                name: "View the pinned message in the timeline and the newest pinned message here",
+            }),
+        );
+        expect(screen.getByText("First pinned message")).toBeVisible();
+
+        jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockReturnValue([
+            event1.getId()!,
+            event2.getId()!,
+            event3.getId()!,
+        ]);
+        jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockReturnValue([event1, event2, event3]);
+        rerender(<PinnedMessageBanner permalinkCreator={permalinkCreator} room={room} />);
+        await expect(screen.findByText("Third pinned message")).resolves.toBeVisible();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should rotate the pinned events when the banner is clicked", async () => {
+        jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockReturnValue([event1.getId()!, event2.getId()!]);
+        jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockReturnValue([event1, event2]);
+
+        renderBanner();
+        await expect(screen.findByText("Second pinned message")).resolves.toBeVisible();
+
+        await userEvent.click(
+            screen.getByRole("button", {
+                name: "View the pinned message in the timeline and the newest pinned message here",
+            }),
+        );
+        expect(screen.getByText("First pinned message")).toBeVisible();
+        expect(screen.getByTestId("banner-counter")).toHaveTextContent("1 of 2 Pinned messages");
+        expect(dis.dispatch).toHaveBeenCalledWith({
+            action: Action.ViewRoom,
+            event_id: event2.getId(),
+            highlighted: true,
+            room_id: room.roomId,
+            metricsTrigger: undefined, // room doesn't change
+        });
+
+        await userEvent.click(
+            screen.getByRole("button", {
+                name: "View the pinned message in the timeline and the next oldest pinned message here",
+            }),
+        );
+        expect(screen.getByText("Second pinned message")).toBeVisible();
+        expect(screen.getByTestId("banner-counter")).toHaveTextContent("2 of 2 Pinned messages");
+        expect(dis.dispatch).toHaveBeenCalledWith({
+            action: Action.ViewRoom,
+            event_id: event1.getId(),
+            highlighted: true,
+            room_id: room.roomId,
+            metricsTrigger: undefined, // room doesn't change
+        });
+    });
+
+    it.each([
+        ["m.file", "File"],
+        ["m.audio", "Audio"],
+        ["m.video", "Video"],
+        ["m.image", "Image"],
+    ])("should display the %s event type", async (msgType, label) => {
+        const body = `Message with ${msgType} type`;
+        const event = makePinEvent({ content: { body, msgtype: msgType } });
+        jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockReturnValue([event.getId()!]);
+        jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockReturnValue([event]);
+
+        const { asFragment } = renderBanner();
+        await expect(screen.findByTestId("banner-message")).resolves.toHaveTextContent(`${label}: ${body}`);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should display display a poll event", async () => {
+        const event = makePollStartEvent("Alice?", userId);
+        jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockReturnValue([event.getId()!]);
+        jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockReturnValue([event]);
+
+        const { asFragment } = renderBanner();
+        await expect(screen.findByTestId("banner-message")).resolves.toHaveTextContent("Poll: Alice?");
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    describe("Notify the timeline to resize", () => {
+        beforeEach(() => {
+            jest.spyOn(sdkContext.resizeNotifier, "notifyTimelineHeightChanged");
+            jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockReturnValue([event1.getId()!, event2.getId()!]);
+            jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockReturnValue([event1, event2]);
+        });
+
+        it("should notify the timeline to resize when we display the banner", async () => {
+            renderBanner();
+            await expect(screen.findByText("Second pinned message")).resolves.toBeVisible();
+            // The banner is displayed, so we need to resize the timeline
+            expect(sdkContext.resizeNotifier.notifyTimelineHeightChanged).toHaveBeenCalledTimes(1);
+
+            await userEvent.click(
+                screen.getByRole("button", {
+                    name: "View the pinned message in the timeline and the newest pinned message here",
+                }),
+            );
+            await expect(screen.findByText("First pinned message")).resolves.toBeVisible();
+            // The banner is already displayed, so we don't need to resize the timeline
+            expect(sdkContext.resizeNotifier.notifyTimelineHeightChanged).toHaveBeenCalledTimes(1);
+        });
+
+        it("should notify the timeline to resize when we hide the banner", async () => {
+            const { rerender } = renderBanner();
+            await expect(screen.findByText("Second pinned message")).resolves.toBeVisible();
+            // The banner is displayed, so we need to resize the timeline
+            expect(sdkContext.resizeNotifier.notifyTimelineHeightChanged).toHaveBeenCalledTimes(1);
+
+            // The banner has no event to display and is hidden
+            jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockReturnValue([]);
+            jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockReturnValue([]);
+            rerender(<PinnedMessageBanner permalinkCreator={permalinkCreator} room={room} />);
+            // The timeline should be resized
+            expect(sdkContext.resizeNotifier.notifyTimelineHeightChanged).toHaveBeenCalledTimes(2);
+        });
+    });
+
+    describe("Right button", () => {
+        beforeEach(() => {
+            jest.spyOn(pinnedEventHooks, "usePinnedEvents").mockReturnValue([event1.getId()!, event2.getId()!]);
+            jest.spyOn(pinnedEventHooks, "useSortedFetchedPinnedEvents").mockReturnValue([event1, event2]);
+        });
+
+        it("should display View all button if the right panel is closed", async () => {
+            // The Right panel is closed
+            jest.spyOn(RightPanelStore.instance, "isOpenForRoom").mockReturnValue(false);
+
+            renderBanner();
+            await expect(screen.findByText("Second pinned message")).resolves.toBeVisible();
+
+            expect(screen.getByRole("button", { name: "View all" })).toBeVisible();
+        });
+
+        it("should display View all button if the right panel is not opened on the pinned message list", async () => {
+            // The Right panel is opened on another card
+            jest.spyOn(RightPanelStore.instance, "isOpenForRoom").mockReturnValue(true);
+            jest.spyOn(RightPanelStore.instance, "currentCard", "get").mockReturnValue({
+                phase: RightPanelPhases.MemberList,
+            });
+
+            renderBanner();
+            await expect(screen.findByText("Second pinned message")).resolves.toBeVisible();
+
+            expect(screen.getByRole("button", { name: "View all" })).toBeVisible();
+        });
+
+        it("should display Close list button if the message pinning list is displayed", async () => {
+            // The Right panel is closed
+            jest.spyOn(RightPanelStore.instance, "isOpenForRoom").mockReturnValue(true);
+            jest.spyOn(RightPanelStore.instance, "currentCard", "get").mockReturnValue({
+                phase: RightPanelPhases.PinnedMessages,
+            });
+
+            renderBanner();
+            await expect(screen.findByText("Second pinned message")).resolves.toBeVisible();
+
+            expect(screen.getByRole("button", { name: "Close list" })).toBeVisible();
+        });
+
+        it("should open or close the message pinning list", async () => {
+            // The Right panel is closed
+            jest.spyOn(RightPanelStore.instance, "isOpenForRoom").mockReturnValue(true);
+            jest.spyOn(RightPanelStore.instance, "currentCard", "get").mockReturnValue({
+                phase: RightPanelPhases.PinnedMessages,
+            });
+            jest.spyOn(RightPanelStore.instance, "showOrHidePhase").mockReturnValue();
+
+            renderBanner();
+            await userEvent.click(screen.getByRole("button", { name: "Close list" }));
+            expect(RightPanelStore.instance.showOrHidePhase).toHaveBeenCalledWith(RightPanelPhases.PinnedMessages);
+        });
+
+        it("should listen to the right panel", async () => {
+            // The Right panel is closed
+            jest.spyOn(RightPanelStore.instance, "isOpenForRoom").mockReturnValue(true);
+            jest.spyOn(RightPanelStore.instance, "currentCard", "get").mockReturnValue({
+                phase: RightPanelPhases.PinnedMessages,
+            });
+
+            renderBanner();
+            await expect(screen.findByText("Second pinned message")).resolves.toBeVisible();
+            expect(screen.getByRole("button", { name: "Close list" })).toBeVisible();
+
+            jest.spyOn(RightPanelStore.instance, "isOpenForRoom").mockReturnValue(false);
+            act(() => {
+                RightPanelStore.instance.emit(UPDATE_EVENT);
+            });
+            expect(screen.getByRole("button", { name: "View all" })).toBeVisible();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/PresenceLabel-test.tsx b/apps/web/test/unit-tests/components/views/rooms/PresenceLabel-test.tsx
new file mode 100644
index 00000000000..a8af6f768c8
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/PresenceLabel-test.tsx
@@ -0,0 +1,40 @@
+/*
+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 PresenceLabel from "../../../../../src/components/views/rooms/PresenceLabel";
+
+describe("<PresenceLabel/>", () => {
+    it("should render 'Offline' for presence=offline", () => {
+        const { asFragment } = render(<PresenceLabel presenceState="offline" />);
+        expect(asFragment()).toMatchInlineSnapshot(`
+            <DocumentFragment>
+              <div
+                class="mx_PresenceLabel"
+              >
+                Offline
+              </div>
+            </DocumentFragment>
+        `);
+    });
+
+    it("should render 'Unreachable' for presence=unreachable", () => {
+        const { asFragment } = render(<PresenceLabel presenceState="io.element.unreachable" />);
+        expect(asFragment()).toMatchInlineSnapshot(`
+            <DocumentFragment>
+              <div
+                class="mx_PresenceLabel"
+              >
+                User's server unreachable
+              </div>
+            </DocumentFragment>
+        `);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/ReadReceiptGroup-test.tsx b/apps/web/test/unit-tests/components/views/rooms/ReadReceiptGroup-test.tsx
new file mode 100644
index 00000000000..7842e960daf
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/ReadReceiptGroup-test.tsx
@@ -0,0 +1,151 @@
+/*
+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 ComponentProps } from "react";
+import { render, screen, waitFor } from "jest-matrix-react";
+import { RoomMember } from "matrix-js-sdk/src/matrix";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+
+import {
+    determineAvatarPosition,
+    ReadReceiptPerson,
+    readReceiptTooltip,
+} from "../../../../../src/components/views/rooms/ReadReceiptGroup";
+import * as languageSettings from "../../../../../src/i18n/settings";
+import { stubClient } from "../../../../test-utils";
+import dispatcher from "../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../src/dispatcher/actions";
+import { formatDate } from "../../../../../src/DateUtils";
+
+jest.mock("../../../../../src/DateUtils");
+
+describe("ReadReceiptGroup", () => {
+    describe("TooltipText", () => {
+        it("returns '...and more' with hasMore", () => {
+            expect(readReceiptTooltip(["Alice", "Bob", "Charlie", "Dan", "Eve", "Fox"], 5)).toEqual(
+                "Alice, Bob, Charlie, Dan, Eve and one other",
+            );
+            expect(readReceiptTooltip(["Alice", "Bob", "Charlie", "Dan", "Eve", "Fox"], 4)).toEqual(
+                "Alice, Bob, Charlie, Dan and 2 others",
+            );
+            expect(readReceiptTooltip(["Alice", "Bob", "Charlie", "Dan"], 3)).toEqual(
+                "Alice, Bob, Charlie and one other",
+            );
+            expect(readReceiptTooltip(["Alice", "Bob", "Charlie", "Dan", "Eve", "Fox"], 2)).toEqual(
+                "Alice, Bob and 4 others",
+            );
+            expect(readReceiptTooltip(["Alice", "Bob", "Charlie", "Dan", "Eve", "Fox"], 1)).toEqual(
+                "Alice and 5 others",
+            );
+            expect(readReceiptTooltip([], 1)).toBe("");
+        });
+        it("returns a pretty list without hasMore", () => {
+            jest.spyOn(languageSettings, "getUserLanguage").mockReturnValue("en-GB");
+            expect(readReceiptTooltip(["Alice", "Bob", "Charlie", "Dan", "Eve"], 5)).toEqual(
+                "Alice, Bob, Charlie, Dan and Eve",
+            );
+            expect(readReceiptTooltip(["Alice", "Bob", "Charlie", "Dan"], 4)).toEqual("Alice, Bob, Charlie and Dan");
+            expect(readReceiptTooltip(["Alice", "Bob", "Charlie"], 5)).toEqual("Alice, Bob and Charlie");
+            expect(readReceiptTooltip(["Alice", "Bob"], 5)).toEqual("Alice and Bob");
+            expect(readReceiptTooltip(["Alice"], 5)).toEqual("Alice");
+            expect(readReceiptTooltip([], 5)).toBe("");
+        });
+    });
+    describe("AvatarPosition", () => {
+        // The avatar slots are numbered from right to left
+        // That means currently, we’ve got the slots | 3 | 2 | 1 | 0 | each with 10px distance to the next one.
+        // We want to fill slots so the first avatar is in the right-most slot without leaving any slots at the left
+        // unoccupied.
+        it("to handle the non-overflowing case correctly", () => {
+            expect(determineAvatarPosition(0, 4)).toEqual({ hidden: false, position: 0 });
+
+            expect(determineAvatarPosition(0, 4)).toEqual({ hidden: false, position: 0 });
+            expect(determineAvatarPosition(1, 4)).toEqual({ hidden: false, position: 1 });
+
+            expect(determineAvatarPosition(0, 4)).toEqual({ hidden: false, position: 0 });
+            expect(determineAvatarPosition(1, 4)).toEqual({ hidden: false, position: 1 });
+            expect(determineAvatarPosition(2, 4)).toEqual({ hidden: false, position: 2 });
+
+            expect(determineAvatarPosition(0, 4)).toEqual({ hidden: false, position: 0 });
+            expect(determineAvatarPosition(1, 4)).toEqual({ hidden: false, position: 1 });
+            expect(determineAvatarPosition(2, 4)).toEqual({ hidden: false, position: 2 });
+            expect(determineAvatarPosition(3, 4)).toEqual({ hidden: false, position: 3 });
+        });
+
+        it("to handle the overflowing case correctly", () => {
+            expect(determineAvatarPosition(0, 4)).toEqual({ hidden: false, position: 0 });
+            expect(determineAvatarPosition(1, 4)).toEqual({ hidden: false, position: 1 });
+            expect(determineAvatarPosition(2, 4)).toEqual({ hidden: false, position: 2 });
+            expect(determineAvatarPosition(3, 4)).toEqual({ hidden: false, position: 3 });
+            expect(determineAvatarPosition(4, 4)).toEqual({ hidden: true, position: 0 });
+            expect(determineAvatarPosition(5, 4)).toEqual({ hidden: true, position: 0 });
+        });
+    });
+
+    describe("<ReadReceiptPerson />", () => {
+        stubClient();
+
+        // We pick a fixed time but this can still vary depending on the locale
+        // the tests are run in. We are not testing date formatting here, so stub it out.
+        mocked(formatDate).mockReturnValue("==MOCK FORMATTED DATE==");
+
+        const ROOM_ID = "roomId";
+        const USER_ID = "@alice:example.org";
+
+        const member = new RoomMember(ROOM_ID, USER_ID);
+        member.rawDisplayName = "Alice";
+        member.getMxcAvatarUrl = () => "http://placekitten.com/400/400";
+
+        const renderReadReceipt = (props?: Partial<ComponentProps<typeof ReadReceiptPerson>>) => {
+            const currentDate = new Date(2024, 4, 15).getTime();
+            return render(<ReadReceiptPerson userId={USER_ID} roomMember={member} ts={currentDate} {...props} />);
+        };
+
+        beforeEach(() => {
+            jest.spyOn(dispatcher, "dispatch");
+        });
+
+        it("should render", () => {
+            const { container } = renderReadReceipt();
+            expect(container).toMatchSnapshot();
+        });
+
+        it("should display a tooltip", async () => {
+            renderReadReceipt();
+
+            await userEvent.hover(screen.getByRole("menuitem"));
+            await waitFor(() => {
+                const tooltip = screen.getByRole("tooltip");
+                expect(tooltip.textContent).toMatch(new RegExp(member.rawDisplayName));
+                expect(tooltip).toMatchSnapshot();
+            });
+        });
+
+        it("should send an event when clicked", async () => {
+            const onAfterClick = jest.fn();
+            renderReadReceipt({ onAfterClick });
+
+            screen.getByRole("menuitem").click();
+
+            expect(onAfterClick).toHaveBeenCalled();
+            expect(dispatcher.dispatch).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: Action.ViewUser,
+                    member,
+                    push: false,
+                }),
+            );
+        });
+
+        it("should fall back to userId if roomMember unspecified", async () => {
+            const { container } = renderReadReceipt({ roomMember: null });
+            expect(container).toMatchSnapshot();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/ReadReceiptMarker-test.tsx b/apps/web/test/unit-tests/components/views/rooms/ReadReceiptMarker-test.tsx
new file mode 100644
index 00000000000..a55636d5813
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/ReadReceiptMarker-test.tsx
@@ -0,0 +1,73 @@
+/*
+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.
+*/
+
+import React from "react";
+import { render, screen } from "jest-matrix-react";
+
+import ReadReceiptMarker, {
+    type IReadReceiptPosition,
+} from "../../../../../src/components/views/rooms/ReadReceiptMarker";
+
+describe("ReadReceiptMarker", () => {
+    afterEach(() => {
+        jest.restoreAllMocks();
+        jest.useRealTimers();
+    });
+
+    it("should position at -16px if given no previous position", () => {
+        render(<ReadReceiptMarker fallbackUserId="bob" offset={0} />);
+
+        expect(screen.getByTestId("avatar-img").style.top).toBe("-16px");
+    });
+
+    it("should position at previous top if given", () => {
+        render(<ReadReceiptMarker fallbackUserId="bob" offset={0} readReceiptPosition={{ top: 100, right: 0 }} />);
+
+        expect(screen.getByTestId("avatar-img").style.top).toBe("100px");
+    });
+
+    it("should apply new styles after mounted to animate", () => {
+        jest.useFakeTimers();
+
+        render(<ReadReceiptMarker fallbackUserId="bob" offset={0} readReceiptPosition={{ top: 100, right: 0 }} />);
+        expect(screen.getByTestId("avatar-img").style.top).toBe("100px");
+
+        jest.runAllTimers();
+
+        expect(screen.getByTestId("avatar-img").style.top).toBe("0px");
+    });
+
+    it("should update readReceiptPosition when unmounted", () => {
+        const pos: IReadReceiptPosition = {};
+        const { unmount } = render(<ReadReceiptMarker fallbackUserId="bob" offset={0} readReceiptPosition={pos} />);
+
+        expect(pos.top).toBeUndefined();
+
+        unmount();
+
+        expect(pos.top).toBe(0);
+    });
+
+    it("should update readReceiptPosition to current position", () => {
+        const pos: IReadReceiptPosition = {};
+        jest.spyOn(HTMLElement.prototype, "offsetParent", "get").mockImplementation(function (): Element | null {
+            return {
+                getBoundingClientRect: jest.fn().mockReturnValue({ top: 0, right: 0 } as DOMRect),
+            } as unknown as Element;
+        });
+        jest.spyOn(HTMLElement.prototype, "getBoundingClientRect").mockReturnValue({ top: 100, right: 0 } as DOMRect);
+
+        const { unmount } = render(<ReadReceiptMarker fallbackUserId="bob" offset={0} readReceiptPosition={pos} />);
+
+        expect(pos.top).toBeUndefined();
+
+        unmount();
+
+        expect(pos.top).toBe(100);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/ReplyTile-test.tsx b/apps/web/test/unit-tests/components/views/rooms/ReplyTile-test.tsx
new file mode 100644
index 00000000000..d10e20ff2a4
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/ReplyTile-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 } from "jest-matrix-react";
+import { EventType, MsgType } from "matrix-js-sdk/src/matrix";
+
+import ReplyTile from "../../../../../src/components/views/rooms/ReplyTile";
+import { renderReplyTile } from "../../../../../src/events/EventTileFactory";
+import { VideoBodyFactory } from "../../../../../src/components/views/messages/MBodyFactory";
+import { mkEvent, stubClient } from "../../../../test-utils";
+
+jest.mock("../../../../../src/events/EventTileFactory", () => {
+    const actual = jest.requireActual("../../../../../src/events/EventTileFactory");
+    return {
+        ...actual,
+        renderReplyTile: jest.fn(() => null),
+    };
+});
+jest.mock("../../../../../src/components/views/messages/SenderProfile", () => jest.fn(() => null));
+jest.mock("../../../../../src/components/views/avatars/MemberAvatar", () => jest.fn(() => null));
+
+describe("ReplyTile", () => {
+    beforeEach(() => {
+        stubClient();
+        jest.mocked(renderReplyTile).mockClear().mockReturnValue(null);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("renders video replies with the video body", () => {
+        const mxEvent = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            user: "@alice:server",
+            room: "!room:server",
+            id: "$video",
+            content: {
+                body: "video.mp4",
+                msgtype: MsgType.Video,
+                url: "mxc://server/video",
+                info: {
+                    mimetype: "video/mp4",
+                    w: 640,
+                    h: 360,
+                },
+            },
+        });
+
+        render(<ReplyTile mxEvent={mxEvent} />);
+
+        expect(renderReplyTile).toHaveBeenCalledWith(
+            expect.objectContaining({
+                overrideBodyTypes: expect.objectContaining({
+                    [MsgType.Video]: VideoBodyFactory,
+                }),
+            }),
+            false,
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/RoomInfoLine-test.tsx b/apps/web/test/unit-tests/components/views/rooms/RoomInfoLine-test.tsx
new file mode 100644
index 00000000000..f2cfab47e98
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/RoomInfoLine-test.tsx
@@ -0,0 +1,63 @@
+/*
+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 { render } from "jest-matrix-react";
+import React from "react";
+import { MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+
+import RoomInfoLine from "../../../../../src/components/views/rooms/RoomInfoLine.tsx";
+import { stubClient, TestSDKContext, withContexts } from "../../../../test-utils";
+import { fireEvent } from "@testing-library/dom";
+import { RightPanelPhases } from "../../../../../src/stores/right-panel/RightPanelStorePhases.ts";
+
+describe("RoomInfoLine", () => {
+    it("renders for public room", () => {
+        const cli = stubClient();
+        const room = new Room("!roomId", cli, cli.getUserId()!);
+        room.currentState.setStateEvents([
+            new MatrixEvent({
+                sender: cli.getUserId()!,
+                room_id: room.roomId,
+                state_key: "",
+                event_id: "$eventId",
+                type: "m.room.join_rules",
+                content: {
+                    join_rule: "public",
+                },
+            }),
+        ]);
+
+        const { asFragment, getByText } = render(<RoomInfoLine room={room} />);
+        expect(getByText("Public room")).toBeVisible();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render members button which opens right panel", async () => {
+        const sdkContext = new TestSDKContext();
+        sdkContext._client = stubClient();
+        const room = new Room("!roomId", sdkContext.client!, sdkContext.client!.getUserId()!);
+        room.currentState.setStateEvents([
+            new MatrixEvent({
+                sender: sdkContext.client!.getUserId()!,
+                room_id: room.roomId,
+                state_key: "",
+                event_id: "$eventId",
+                type: "m.room.join_rules",
+                content: {
+                    join_rule: "public",
+                },
+            }),
+        ]);
+        jest.spyOn(room, "getJoinedMemberCount").mockReturnValue(50);
+
+        jest.spyOn(sdkContext.rightPanelStore, "setCard");
+
+        const { findByText } = render(<RoomInfoLine room={room} />, withContexts({ sdkContext }));
+        fireEvent.click(await findByText("50 members"));
+        expect(sdkContext.rightPanelStore.setCard).toHaveBeenCalledWith({ phase: RightPanelPhases.MemberList });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/RoomKnocksBar-test.tsx b/apps/web/test/unit-tests/components/views/rooms/RoomKnocksBar-test.tsx
new file mode 100644
index 00000000000..e1865eb080c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/RoomKnocksBar-test.tsx
@@ -0,0 +1,328 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Nordeck IT + Consulting GmbH
+
+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 { act, fireEvent, render, screen } from "jest-matrix-react";
+import {
+    EventTimeline,
+    EventType,
+    JoinRule,
+    MatrixError,
+    MatrixEvent,
+    Room,
+    RoomMember,
+    RoomStateEvent,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import React from "react";
+
+import ErrorDialog from "../../../../../src/components/views/dialogs/ErrorDialog";
+import { RoomSettingsTab } from "../../../../../src/components/views/dialogs/RoomSettingsDialog-tab";
+import { RoomKnocksBar } from "../../../../../src/components/views/rooms/RoomKnocksBar";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import dis from "../../../../../src/dispatcher/dispatcher";
+import Modal from "../../../../../src/Modal";
+import {
+    clearAllModals,
+    flushPromises,
+    getMockClientWithEventEmitter,
+    mockClientMethodsUser,
+} from "../../../../test-utils";
+import * as languageSettings from "../../../../../src/i18n/settings";
+
+describe("RoomKnocksBar", () => {
+    const userId = "@alice:example.org";
+    const client = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        invite: jest.fn(),
+        kick: jest.fn(),
+    });
+    const roomId = "#ask-to-join:example.org";
+    const member = new RoomMember(roomId, userId);
+    const room = new Room(roomId, client, userId);
+    const state = room.getLiveTimeline().getState(EventTimeline.FORWARDS)!;
+
+    type ButtonNames = "Approve" | "Deny" | "View" | "View message";
+    const getButton = (name: ButtonNames) => screen.getByRole("button", { name });
+    const getComponent = (room: Room) =>
+        render(
+            <MatrixClientContext.Provider value={client}>
+                <RoomKnocksBar room={room} />
+            </MatrixClientContext.Provider>,
+        );
+
+    beforeEach(() => {
+        jest.spyOn(room, "getMember").mockReturnValue(member);
+        jest.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Knock);
+    });
+
+    it("does not render if the room join rule is not knock", () => {
+        jest.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Invite);
+        jest.spyOn(room, "getMembersWithMembership").mockReturnValue([member]);
+        jest.spyOn(room, "canInvite").mockReturnValue(true);
+        jest.spyOn(state, "hasSufficientPowerLevelFor").mockReturnValue(true);
+        expect(getComponent(room).container.firstChild).toBeNull();
+    });
+
+    describe("without requests to join", () => {
+        beforeEach(() => {
+            jest.spyOn(room, "getMembersWithMembership").mockReturnValue([]);
+            jest.spyOn(room, "canInvite").mockReturnValue(true);
+            jest.spyOn(state, "hasSufficientPowerLevelFor").mockReturnValue(true);
+        });
+
+        it("does not render if user can neither approve nor deny", () => {
+            jest.spyOn(room, "canInvite").mockReturnValue(false);
+            jest.spyOn(state, "hasSufficientPowerLevelFor").mockReturnValue(false);
+            expect(getComponent(room).container.firstChild).toBeNull();
+        });
+
+        it("does not render if user cannot approve", () => {
+            jest.spyOn(room, "canInvite").mockReturnValue(false);
+            expect(getComponent(room).container.firstChild).toBeNull();
+        });
+
+        it("does not render if user cannot deny", () => {
+            jest.spyOn(state, "hasSufficientPowerLevelFor").mockReturnValue(false);
+            expect(getComponent(room).container.firstChild).toBeNull();
+        });
+
+        it("does not render if user can approve and deny", () => {
+            expect(getComponent(room).container.firstChild).toBeNull();
+        });
+    });
+
+    describe("with requests to join", () => {
+        const error = new MatrixError();
+        const bob = new RoomMember(roomId, "@bob:example.org");
+        const jane = new RoomMember(roomId, "@jane:example.org");
+        const john = new RoomMember(roomId, "@john:example.org");
+        const other = new RoomMember(roomId, "@doe:example.org");
+
+        bob.setMembershipEvent(
+            new MatrixEvent({
+                content: { displayname: "Bob", membership: KnownMembership.Knock },
+                type: EventType.RoomMember,
+            }),
+        );
+        jane.setMembershipEvent(
+            new MatrixEvent({
+                content: { displayname: "Jane", membership: KnownMembership.Knock },
+                type: EventType.RoomMember,
+            }),
+        );
+        john.setMembershipEvent(
+            new MatrixEvent({
+                content: { displayname: "John", membership: KnownMembership.Knock },
+                type: EventType.RoomMember,
+            }),
+        );
+        other.setMembershipEvent(
+            new MatrixEvent({ content: { membership: KnownMembership.Knock }, type: EventType.RoomMember }),
+        );
+
+        beforeEach(async () => {
+            await clearAllModals();
+            jest.spyOn(room, "getMembersWithMembership").mockReturnValue([bob]);
+            jest.spyOn(room, "canInvite").mockReturnValue(true);
+            jest.spyOn(state, "hasSufficientPowerLevelFor").mockReturnValue(true);
+            jest.spyOn(Modal, "createDialog");
+            jest.spyOn(dis, "dispatch");
+            jest.spyOn(languageSettings, "getUserLanguage").mockReturnValue("en-GB");
+        });
+
+        it("does not render if user can neither approve nor deny", () => {
+            jest.spyOn(room, "canInvite").mockReturnValue(false);
+            jest.spyOn(state, "hasSufficientPowerLevelFor").mockReturnValue(false);
+            expect(getComponent(room).container.firstChild).toBeNull();
+        });
+
+        it("unhides the bar when a new knock request appears", () => {
+            jest.spyOn(room, "getMembersWithMembership").mockReturnValue([]);
+            const { container } = getComponent(room);
+            expect(container.firstChild).toBeNull();
+            jest.spyOn(room, "getMembersWithMembership").mockReturnValue([bob]);
+            act(() => {
+                room.emit(RoomStateEvent.Update, state);
+            });
+            expect(container.firstChild).not.toBeNull();
+        });
+
+        it("updates when the list of knocking users changes", () => {
+            getComponent(room);
+            expect(screen.getByRole("heading")).toHaveTextContent("Asking to join");
+            jest.spyOn(room, "getMembersWithMembership").mockReturnValue([bob, jane]);
+            act(() => {
+                room.emit(RoomStateEvent.Update, state);
+            });
+            expect(screen.getByRole("heading")).toHaveTextContent("2 people asking to join");
+        });
+
+        describe("when knock members count is 1", () => {
+            beforeEach(() => jest.spyOn(room, "getMembersWithMembership").mockReturnValue([bob]));
+
+            it("renders a heading and a paragraph with name and user ID", () => {
+                const { container } = getComponent(room);
+                expect(screen.getByRole("heading")).toHaveTextContent("Asking to join");
+                expect(container.querySelector(".mx_RoomKnocksBar_paragraph")).toHaveTextContent(
+                    `${bob.name} (${bob.userId})`,
+                );
+            });
+
+            describe("when a knock reason is not provided", () => {
+                it("does not render a link to open the room settings people tab", () => {
+                    getComponent(room);
+                    expect(screen.queryByRole("button", { name: "View message" })).not.toBeInTheDocument();
+                });
+            });
+
+            describe("when a knock reason is provided", () => {
+                it("renders a link to open the room settings people tab", () => {
+                    bob.setMembershipEvent(
+                        new MatrixEvent({
+                            content: { displayname: "Bob", membership: KnownMembership.Knock, reason: "some reason" },
+                            type: EventType.RoomMember,
+                        }),
+                    );
+                    getComponent(room);
+                    fireEvent.click(getButton("View message"));
+                    expect(dis.dispatch).toHaveBeenCalledWith({
+                        action: "open_room_settings",
+                        initial_tab_id: RoomSettingsTab.People,
+                        room_id: roomId,
+                    });
+                });
+            });
+
+            type TestCase = [string, ButtonNames, () => void];
+            it.each<TestCase>([
+                ["deny request fails", "Deny", () => jest.spyOn(client, "kick").mockRejectedValue(error)],
+                ["deny request succeeds", "Deny", () => jest.spyOn(client, "kick").mockResolvedValue({})],
+                ["approve request fails", "Approve", () => jest.spyOn(client, "invite").mockRejectedValue(error)],
+                ["approve request succeeds", "Approve", () => jest.spyOn(client, "invite").mockResolvedValue({})],
+            ])("toggles the disabled attribute for the buttons when a %s", async (_, buttonName, setup) => {
+                setup();
+                getComponent(room);
+                fireEvent.click(getButton(buttonName));
+                expect(getButton("Deny")).toHaveAttribute("disabled");
+                expect(getButton("Approve")).toHaveAttribute("disabled");
+                await act(() => flushPromises());
+                expect(getButton("Deny")).not.toHaveAttribute("disabled");
+                expect(getButton("Approve")).not.toHaveAttribute("disabled");
+            });
+
+            it("disables the deny button if the power level is insufficient", () => {
+                jest.spyOn(state, "hasSufficientPowerLevelFor").mockReturnValue(false);
+                getComponent(room);
+                expect(getButton("Deny")).toHaveAttribute("disabled");
+            });
+
+            it("calls kick on deny", async () => {
+                jest.spyOn(client, "kick").mockResolvedValue({});
+                getComponent(room);
+                fireEvent.click(getButton("Deny"));
+                await act(() => flushPromises());
+                expect(client.kick).toHaveBeenCalledWith(roomId, bob.userId);
+            });
+
+            it("displays an error when a deny request fails", async () => {
+                jest.spyOn(client, "kick").mockRejectedValue(error);
+                getComponent(room);
+                fireEvent.click(getButton("Deny"));
+                await act(() => flushPromises());
+                expect(Modal.createDialog).toHaveBeenCalledWith(ErrorDialog, {
+                    title: error.name,
+                    description: error.message,
+                });
+            });
+
+            it("disables the approve button if the power level is insufficient", () => {
+                jest.spyOn(room, "canInvite").mockReturnValue(false);
+                getComponent(room);
+                expect(getButton("Approve")).toHaveAttribute("disabled");
+            });
+
+            it("calls invite on approve", async () => {
+                jest.spyOn(client, "invite").mockResolvedValue({});
+                getComponent(room);
+                fireEvent.click(getButton("Approve"));
+                await act(() => flushPromises());
+                expect(client.invite).toHaveBeenCalledWith(roomId, bob.userId);
+            });
+
+            it("displays an error when an approval fails", async () => {
+                jest.spyOn(client, "invite").mockRejectedValue(error);
+                getComponent(room);
+                fireEvent.click(getButton("Approve"));
+                await act(() => flushPromises());
+                expect(Modal.createDialog).toHaveBeenCalledWith(ErrorDialog, {
+                    title: error.name,
+                    description: error.message,
+                });
+            });
+
+            it("hides the bar when someone else approves or denies the waiting person", () => {
+                getComponent(room);
+                jest.spyOn(room, "getMembersWithMembership").mockReturnValue([]);
+                act(() => {
+                    room.emit(RoomStateEvent.Members, new MatrixEvent(), state, bob);
+                });
+                expect(getComponent(room).container.firstChild).toBeNull();
+            });
+        });
+
+        describe("when knock members count is greater than 1", () => {
+            beforeEach(() => {
+                jest.spyOn(room, "getMembersWithMembership").mockReturnValue([bob, jane]);
+                getComponent(room);
+            });
+
+            it("renders a heading with count", () => {
+                expect(screen.getByRole("heading")).toHaveTextContent("2 people asking to join");
+            });
+
+            it("renders a button to open the room settings people tab", () => {
+                fireEvent.click(getButton("View"));
+                expect(dis.dispatch).toHaveBeenCalledWith({
+                    action: "open_room_settings",
+                    initial_tab_id: RoomSettingsTab.People,
+                    room_id: roomId,
+                });
+            });
+        });
+
+        describe("when knock members count is 2", () => {
+            it("renders a paragraph with two names", () => {
+                jest.spyOn(room, "getMembersWithMembership").mockReturnValue([bob, jane]);
+                const { container } = getComponent(room);
+                expect(container.querySelector(".mx_RoomKnocksBar_paragraph")).toHaveTextContent(
+                    `${bob.name} and ${jane.name}`,
+                );
+            });
+        });
+
+        describe("when knock members count is 3", () => {
+            it("renders a paragraph with three names", () => {
+                jest.spyOn(room, "getMembersWithMembership").mockReturnValue([bob, jane, john]);
+                const { container } = getComponent(room);
+                expect(container.querySelector(".mx_RoomKnocksBar_paragraph")).toHaveTextContent(
+                    `${bob.name}, ${jane.name} and ${john.name}`,
+                );
+            });
+        });
+
+        describe("when knock count is greater than 3", () => {
+            it("renders a paragraph with two names and a count", () => {
+                jest.spyOn(room, "getMembersWithMembership").mockReturnValue([bob, jane, john, other]);
+                const { container } = getComponent(room);
+                expect(container.querySelector(".mx_RoomKnocksBar_paragraph")).toHaveTextContent(
+                    `${bob.name}, ${jane.name} and 2 others`,
+                );
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/RoomListPanel/RoomListPanel-test.tsx b/apps/web/test/unit-tests/components/views/rooms/RoomListPanel/RoomListPanel-test.tsx
new file mode 100644
index 00000000000..824ff2a55c0
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/RoomListPanel/RoomListPanel-test.tsx
@@ -0,0 +1,101 @@
+/*
+ * 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 { mocked } from "jest-mock";
+import userEvent from "@testing-library/user-event";
+
+import { RoomListPanel } from "../../../../../../src/components/views/rooms/RoomListPanel";
+import { shouldShowComponent } from "../../../../../../src/customisations/helpers/UIComponents";
+import { MetaSpace } from "../../../../../../src/stores/spaces";
+import { LandmarkNavigation } from "../../../../../../src/accessibility/LandmarkNavigation";
+import { ReleaseAnnouncementStore } from "../../../../../../src/stores/ReleaseAnnouncementStore";
+import { clientAndSDKContextRenderOptions, createTestClient } from "../../../../../test-utils";
+import { TestSDKContext } from "../../../../TestSDKContext.ts";
+
+jest.mock("../../../../../../src/customisations/helpers/UIComponents", () => ({
+    shouldShowComponent: jest.fn(),
+}));
+
+jest.mock("../../../../../../src/accessibility/LandmarkNavigation", () => ({
+    LandmarkNavigation: {
+        findAndFocusNextLandmark: jest.fn(),
+    },
+    Landmark: {
+        ROOM_SEARCH: "something",
+    },
+}));
+
+// mock out release announcements as they interfere with what's focused
+// (this can be removed once the new room list announcement is gone)
+jest.spyOn(ReleaseAnnouncementStore.instance, "getReleaseAnnouncement").mockReturnValue(null);
+
+describe("<RoomListPanel />", () => {
+    const client = createTestClient();
+    const sdkContext = new TestSDKContext();
+    sdkContext._client = client;
+
+    function renderComponent() {
+        return render(
+            <RoomListPanel activeSpace={MetaSpace.Home} />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+    }
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+
+        // By default, we consider shouldShowComponent(UIComponent.FilterContainer) should return true
+        mocked(shouldShowComponent).mockReturnValue(true);
+    });
+
+    it("should render the RoomListSearch component when UIComponent.FilterContainer is at true", () => {
+        renderComponent();
+        expect(screen.getByRole("button", { name: "Search Ctrl K" })).toBeInTheDocument();
+    });
+
+    it("should not render the RoomListSearch component when UIComponent.FilterContainer is at false", () => {
+        mocked(shouldShowComponent).mockReturnValue(false);
+        renderComponent();
+        expect(screen.queryByRole("button", { name: "Search Ctrl K" })).toBeNull();
+    });
+
+    it("should move to the next landmark when the shortcut key is pressed", async () => {
+        renderComponent();
+
+        const userEv = userEvent.setup();
+
+        // Pick something arbitrary and focusable in the room list component and focus it
+        const exploreRooms = screen.getByRole("button", { name: "Explore rooms" });
+        exploreRooms.focus();
+        expect(exploreRooms).toHaveFocus();
+
+        screen.getByRole("navigation", { name: "Room list" }).focus();
+        await userEv.keyboard("{Control>}{F6}{/Control}");
+
+        expect(LandmarkNavigation.findAndFocusNextLandmark).toHaveBeenCalled();
+    });
+
+    it("should not move to the next landmark if room list loses focus", async () => {
+        renderComponent();
+
+        const userEv = userEvent.setup();
+
+        // Pick something arbitrary and focusable in the room list component and focus it
+        const exploreRooms = screen.getByRole("button", { name: "Explore rooms" });
+        exploreRooms.focus();
+        expect(exploreRooms).toHaveFocus();
+
+        exploreRooms.blur();
+        expect(exploreRooms).not.toHaveFocus();
+
+        await userEv.keyboard("{Control>}{F6}{/Control}");
+
+        expect(LandmarkNavigation.findAndFocusNextLandmark).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/RoomListPanel/RoomListSearch-test.tsx b/apps/web/test/unit-tests/components/views/rooms/RoomListPanel/RoomListSearch-test.tsx
new file mode 100644
index 00000000000..4323e595796
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/RoomListPanel/RoomListSearch-test.tsx
@@ -0,0 +1,40 @@
+/*
+ * 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 } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+
+import { RoomListSearch } from "../../../../../../src/components/views/rooms/RoomListPanel/RoomListSearch";
+import { MetaSpace } from "../../../../../../src/stores/spaces";
+import { shouldShowComponent } from "../../../../../../src/customisations/helpers/UIComponents";
+import { SDKContextClass } from "../../../../../../src/contexts/SDKContextClass.ts";
+import { clientAndSDKContextRenderOptions, createTestClient } from "../../../../../test-utils";
+
+jest.mock("../../../../../../src/customisations/helpers/UIComponents", () => ({
+    shouldShowComponent: jest.fn(),
+}));
+
+describe("<RoomListSearch />", () => {
+    function renderComponent(activeSpace = MetaSpace.Home) {
+        return render(
+            <RoomListSearch activeSpace={activeSpace} />,
+            clientAndSDKContextRenderOptions(createTestClient(), SDKContextClass.instance),
+        );
+    }
+
+    beforeEach(() => {
+        // By default, we consider shouldShowComponent(UIComponent.ExploreRooms) should return true
+        mocked(shouldShowComponent).mockReturnValue(true);
+        jest.spyOn(SDKContextClass.instance.legacyCallHandler, "getSupportsPstnProtocol").mockReturnValue(false);
+    });
+
+    it("renders", () => {
+        const { asFragment } = renderComponent(MetaSpace.VideoRooms);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListSearch-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListSearch-test.tsx.snap
new file mode 100644
index 00000000000..126cb681ffd
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListSearch-test.tsx.snap
@@ -0,0 +1,47 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<RoomListSearch /> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9 _view_zk0ja_8"
+    data-testid="room-list-search"
+    role="search"
+    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_1nw83_8 _search_zk0ja_16 _has-icon_1nw83_60"
+      data-kind="secondary"
+      data-size="md"
+      id="room-list-search-button"
+      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="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"
+        />
+      </svg>
+      <span
+        class="_flex_4dswl_9 _search_container_zk0ja_28"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <span
+          class="_search_text_zk0ja_40"
+        >
+          Search
+        </span>
+        <kbd>
+          Ctrl K
+        </kbd>
+      </span>
+    </button>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/rooms/RoomPreviewBar-test.tsx b/apps/web/test/unit-tests/components/views/rooms/RoomPreviewBar-test.tsx
new file mode 100644
index 00000000000..e299c90e2b7
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/RoomPreviewBar-test.tsx
@@ -0,0 +1,523 @@
+/*
+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 ComponentProps } from "react";
+import { render, fireEvent, type RenderResult, waitFor, waitForElementToBeRemoved } from "jest-matrix-react";
+import { Room, type RoomMember, MatrixError, type IContent } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { withClientContextRenderOptions, stubClient } from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import RoomPreviewBar from "../../../../../src/components/views/rooms/RoomPreviewBar";
+import defaultDispatcher from "../../../../../src/dispatcher/dispatcher";
+import { ModuleApi } from "../../../../../src/modules/Api.ts";
+
+jest.mock("../../../../../src/IdentityAuthClient", () => {
+    return jest.fn().mockImplementation(() => {
+        return { getAccessToken: jest.fn().mockResolvedValue("mock-token") };
+    });
+});
+
+jest.useRealTimers();
+
+const createRoom = (roomId: string, userId: string): Room => {
+    const cli = MatrixClientPeg.safeGet();
+    const newRoom = new Room(roomId, cli, userId, {});
+    DMRoomMap.makeShared(cli).start();
+    return newRoom;
+};
+
+const makeMockRoomMember = ({
+    userId,
+    isKicked,
+    membership,
+    content,
+    memberContent,
+    oldMembership,
+}: {
+    userId?: string;
+    isKicked?: boolean;
+    membership?: KnownMembership.Invite | KnownMembership.Ban | KnownMembership.Leave;
+    content?: Partial<IContent>;
+    memberContent?: Partial<IContent>;
+    oldMembership?: KnownMembership.Join | KnownMembership.Knock;
+}) =>
+    ({
+        userId,
+        rawDisplayName: `${userId} name`,
+        isKicked: jest.fn().mockReturnValue(!!isKicked),
+        getContent: jest.fn().mockReturnValue(content || {}),
+        getPrevContent: jest.fn().mockReturnValue(content || {}),
+        membership,
+        events: {
+            member: {
+                getSender: jest.fn().mockReturnValue("@kicker:test.com"),
+                getContent: jest.fn().mockReturnValue({ reason: "test reason", ...memberContent }),
+                getPrevContent: jest.fn().mockReturnValue({ membership: oldMembership, ...memberContent }),
+            },
+        },
+    }) as unknown as RoomMember;
+
+describe("<RoomPreviewBar />", () => {
+    const roomId = "RoomPreviewBar-test-room";
+    const userId = "@tester:test.com";
+    const inviterUserId = "@inviter:test.com";
+    const otherUserId = "@othertester:test.com";
+
+    const getComponent = (props: ComponentProps<typeof RoomPreviewBar> = {}) => {
+        const defaultProps = {
+            roomId,
+            room: createRoom(roomId, userId),
+        };
+        return render(
+            <RoomPreviewBar {...defaultProps} {...props} />,
+            withClientContextRenderOptions(MatrixClientPeg.safeGet()),
+        );
+    };
+
+    const isSpinnerRendered = (wrapper: RenderResult) => !!wrapper.container.querySelector(".mx_Spinner");
+    const getMessage = (wrapper: RenderResult) =>
+        wrapper.container.querySelector<HTMLDivElement>(".mx_RoomPreviewBar_message");
+    const getActions = (wrapper: RenderResult) =>
+        wrapper.container.querySelector<HTMLDivElement>(".mx_RoomPreviewBar_actions");
+    const getPrimaryActionButton = (wrapper: RenderResult) =>
+        getActions(wrapper)?.querySelector(".mx_AccessibleButton_kind_primary");
+    const getSecondaryActionButton = (wrapper: RenderResult) =>
+        getActions(wrapper)?.querySelector(".mx_AccessibleButton_kind_secondary");
+
+    beforeEach(() => {
+        stubClient();
+        MatrixClientPeg.get()!.getUserId = jest.fn().mockReturnValue(userId);
+        MatrixClientPeg.get()!.getSafeUserId = jest.fn().mockReturnValue(userId);
+        MatrixClientPeg.safeGet().getUserId = jest.fn().mockReturnValue(userId);
+        MatrixClientPeg.safeGet().getSafeUserId = jest.fn().mockReturnValue(userId);
+    });
+
+    afterEach(() => {
+        const container = document.body.firstChild;
+        if (container) document.body.removeChild(container);
+    });
+
+    it("renders joining message", () => {
+        const component = getComponent({ joining: true });
+
+        expect(isSpinnerRendered(component)).toBeTruthy();
+        expect(getMessage(component)?.textContent).toEqual("Joining…");
+    });
+    it("renders rejecting message", () => {
+        const component = getComponent({ rejecting: true });
+        expect(isSpinnerRendered(component)).toBeTruthy();
+        expect(getMessage(component)?.textContent).toEqual("Rejecting invite…");
+    });
+    it("renders loading message", () => {
+        const component = getComponent({ loading: true });
+        expect(isSpinnerRendered(component)).toBeTruthy();
+        expect(getMessage(component)?.textContent).toEqual("Loading…");
+    });
+
+    it("renders not logged in message", () => {
+        MatrixClientPeg.safeGet().isGuest = jest.fn().mockReturnValue(true);
+        const component = getComponent({ loading: true });
+
+        expect(isSpinnerRendered(component)).toBeFalsy();
+        expect(getMessage(component)?.textContent).toEqual("Join the conversation with an account");
+    });
+
+    it("should send room oob data to start login", async () => {
+        MatrixClientPeg.safeGet().isGuest = jest.fn().mockReturnValue(true);
+        const component = getComponent({
+            oobData: {
+                name: "Room Name",
+                avatarUrl: "mxc://foo/bar",
+                inviterName: "Charlie",
+            },
+        });
+
+        const dispatcherSpy = jest.fn();
+        const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
+
+        expect(getMessage(component)?.textContent).toEqual("Join the conversation with an account");
+        fireEvent.click(getPrimaryActionButton(component)!);
+
+        await waitFor(() =>
+            expect(dispatcherSpy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    screenAfterLogin: {
+                        screen: "room",
+                        params: expect.objectContaining({
+                            room_name: "Room Name",
+                            room_avatar_url: "mxc://foo/bar",
+                            inviter_name: "Charlie",
+                        }),
+                    },
+                }),
+            ),
+        );
+
+        defaultDispatcher.unregister(dispatcherRef);
+    });
+
+    it("renders kicked message", () => {
+        const room = createRoom(roomId, otherUserId);
+        jest.spyOn(room, "getMember").mockReturnValue(makeMockRoomMember({ isKicked: true }));
+        const component = getComponent({ room, canAskToJoinAndMembershipIsLeave: true, promptAskToJoin: false });
+
+        expect(getMessage(component)).toMatchSnapshot();
+    });
+
+    it("renders denied request message", () => {
+        const room = createRoom(roomId, otherUserId);
+        jest.spyOn(room, "getMember").mockReturnValue(
+            makeMockRoomMember({
+                isKicked: true,
+                membership: KnownMembership.Leave,
+                oldMembership: KnownMembership.Knock,
+            }),
+        );
+        const component = getComponent({ room, promptAskToJoin: true });
+
+        expect(getMessage(component)).toMatchSnapshot();
+    });
+
+    it("triggers the primary action callback for denied request", () => {
+        const onForgetClick = jest.fn();
+        const room = createRoom(roomId, otherUserId);
+        jest.spyOn(room, "getMember").mockReturnValue(
+            makeMockRoomMember({
+                isKicked: true,
+                membership: KnownMembership.Leave,
+                oldMembership: KnownMembership.Knock,
+            }),
+        );
+        const component = getComponent({ room, promptAskToJoin: true, onForgetClick });
+
+        fireEvent.click(getPrimaryActionButton(component)!);
+        expect(onForgetClick).toHaveBeenCalled();
+    });
+
+    it("renders banned message", () => {
+        const room = createRoom(roomId, otherUserId);
+        jest.spyOn(room, "getMember").mockReturnValue(makeMockRoomMember({ membership: KnownMembership.Ban }));
+        const component = getComponent({ loading: true, room });
+
+        expect(getMessage(component)).toMatchSnapshot();
+    });
+
+    describe("with an error", () => {
+        it("renders room not found error", () => {
+            const error = new MatrixError({
+                errcode: "M_NOT_FOUND",
+                error: "Room not found",
+            });
+            const component = getComponent({ error });
+
+            expect(getMessage(component)).toMatchSnapshot();
+        });
+        it("renders other errors", () => {
+            const error = new MatrixError({
+                errcode: "Something_else",
+            });
+            const component = getComponent({ error });
+
+            expect(getMessage(component)).toMatchSnapshot();
+        });
+    });
+
+    it("renders viewing room message when room an be previewed", () => {
+        const component = getComponent({ canPreview: true });
+
+        expect(getMessage(component)).toMatchSnapshot();
+    });
+
+    it("renders viewing room message when room can not be previewed", () => {
+        const component = getComponent({ canPreview: false });
+
+        expect(getMessage(component)).toMatchSnapshot();
+    });
+
+    describe("with an invite", () => {
+        const inviterName = inviterUserId;
+        const userMember = makeMockRoomMember({ userId });
+        const userMemberWithDmInvite = makeMockRoomMember({
+            userId,
+            membership: KnownMembership.Invite,
+            memberContent: { is_direct: true, membership: KnownMembership.Invite },
+        });
+        const inviterMember = makeMockRoomMember({
+            userId: inviterUserId,
+            content: {
+                "reason": "test",
+                "io.element.html_reason": "<h3>hello</h3>",
+            },
+        });
+        describe("without an invited email", () => {
+            describe("for a non-dm room", () => {
+                const mockGetMember = (id: string) => {
+                    if (id === userId) return userMember;
+                    return inviterMember;
+                };
+                const onJoinClick = jest.fn();
+                const onRejectClick = jest.fn();
+                let room: Room;
+
+                beforeEach(() => {
+                    room = createRoom(roomId, userId);
+                    jest.spyOn(room, "getMember").mockImplementation(mockGetMember);
+                    jest.spyOn(room.currentState, "getMember").mockImplementation(mockGetMember);
+                    onJoinClick.mockClear();
+                    onRejectClick.mockClear();
+                });
+
+                it("renders invite message", () => {
+                    const component = getComponent({ inviterName, room });
+                    expect(getMessage(component)).toMatchSnapshot();
+                });
+
+                it("renders join and reject action buttons correctly", () => {
+                    const component = getComponent({ inviterName, room, onJoinClick, onDeclineClick: onRejectClick });
+                    expect(getActions(component)).toMatchSnapshot();
+                });
+
+                it("renders join and reject action buttons in reverse order when room can previewed", () => {
+                    // when room is previewed action buttons are rendered left to right, with primary on the right
+                    const component = getComponent({
+                        inviterName,
+                        room,
+                        onJoinClick,
+                        onDeclineClick: onRejectClick,
+                        canPreview: true,
+                    });
+                    expect(getActions(component)).toMatchSnapshot();
+                });
+
+                it("joins room on primary button click", () => {
+                    const component = getComponent({ inviterName, room, onJoinClick, onDeclineClick: onRejectClick });
+                    fireEvent.click(getPrimaryActionButton(component)!);
+
+                    expect(onJoinClick).toHaveBeenCalled();
+                });
+
+                it("rejects invite on secondary button click", () => {
+                    const component = getComponent({ inviterName, room, onJoinClick, onDeclineClick: onRejectClick });
+                    fireEvent.click(getSecondaryActionButton(component)!);
+
+                    expect(onRejectClick).toHaveBeenCalled();
+                });
+            });
+
+            describe("for a dm room", () => {
+                const mockGetMember = (id: string) => {
+                    if (id === userId) return userMemberWithDmInvite;
+                    return inviterMember;
+                };
+                const onJoinClick = jest.fn();
+                const onRejectClick = jest.fn();
+                let room: Room;
+
+                beforeEach(() => {
+                    room = createRoom(roomId, userId);
+                    jest.spyOn(room, "getMember").mockImplementation(mockGetMember);
+                    jest.spyOn(room.currentState, "getMember").mockImplementation(mockGetMember);
+                    onJoinClick.mockClear();
+                    onRejectClick.mockClear();
+                });
+
+                it("renders invite message", () => {
+                    const component = getComponent({ inviterName, room });
+                    expect(getMessage(component)).toMatchSnapshot();
+                });
+            });
+        });
+
+        describe("with an invited email", () => {
+            const invitedEmail = "test@test.com";
+            const mockThreePids = [
+                { medium: "email", address: invitedEmail },
+                { medium: "not-email", address: "address 2" },
+            ];
+
+            const testJoinButton =
+                (props: ComponentProps<typeof RoomPreviewBar>, expectSecondaryButton = false) =>
+                async () => {
+                    const onJoinClick = jest.fn();
+                    const onRejectClick = jest.fn();
+                    const component = getComponent({ ...props, onJoinClick, onDeclineClick: onRejectClick });
+                    await waitFor(() => expect(getPrimaryActionButton(component)).toBeTruthy());
+                    if (expectSecondaryButton) expect(getSecondaryActionButton(component)).toBeFalsy();
+                    fireEvent.click(getPrimaryActionButton(component)!);
+                    expect(onJoinClick).toHaveBeenCalled();
+                };
+
+            describe("when client fails to get 3PIDs", () => {
+                beforeEach(() => {
+                    MatrixClientPeg.safeGet().getThreePids = jest.fn().mockRejectedValue({ errCode: "TEST_ERROR" });
+                });
+
+                it("renders error message", async () => {
+                    const component = getComponent({ inviterName, invitedEmail });
+                    await waitForElementToBeRemoved(() => component.queryByRole("progressbar"));
+
+                    expect(getMessage(component)).toMatchSnapshot();
+                });
+
+                it("renders join button", testJoinButton({ inviterName, invitedEmail }));
+            });
+
+            describe("when invitedEmail is not associated with current account", () => {
+                beforeEach(() => {
+                    MatrixClientPeg.safeGet().getThreePids = jest
+                        .fn()
+                        .mockResolvedValue({ threepids: mockThreePids.slice(1) });
+                });
+
+                it("renders invite message with invited email", async () => {
+                    const component = getComponent({ inviterName, invitedEmail });
+                    await waitForElementToBeRemoved(() => component.queryByRole("progressbar"));
+
+                    expect(getMessage(component)).toMatchSnapshot();
+                });
+
+                it("renders join button", testJoinButton({ inviterName, invitedEmail }));
+            });
+
+            describe("when client has no identity server connected", () => {
+                beforeEach(() => {
+                    MatrixClientPeg.safeGet().getThreePids = jest.fn().mockResolvedValue({ threepids: mockThreePids });
+                    MatrixClientPeg.safeGet().getIdentityServerUrl = jest.fn().mockReturnValue(false);
+                });
+
+                it("renders invite message with invited email", async () => {
+                    const component = getComponent({ inviterName, invitedEmail });
+                    await waitForElementToBeRemoved(() => component.queryByRole("progressbar"));
+
+                    expect(getMessage(component)).toMatchSnapshot();
+                });
+
+                it("renders join button", testJoinButton({ inviterName, invitedEmail }));
+            });
+
+            describe("when client has an identity server connected", () => {
+                beforeEach(() => {
+                    MatrixClientPeg.safeGet().getThreePids = jest.fn().mockResolvedValue({ threepids: mockThreePids });
+                    MatrixClientPeg.safeGet().getIdentityServerUrl = jest.fn().mockReturnValue("identity.test");
+                    MatrixClientPeg.safeGet().lookupThreePid = jest.fn().mockResolvedValue("identity.test");
+                });
+
+                it("renders email mismatch message when invite email mxid doesnt match", async () => {
+                    MatrixClientPeg.safeGet().lookupThreePid = jest.fn().mockReturnValue({ mxid: "not userid" });
+                    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 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 });
+                    await waitForElementToBeRemoved(() => component.queryByRole("progressbar"));
+
+                    expect(getMessage(component)).toMatchSnapshot();
+                    await testJoinButton({ inviterName, invitedEmail }, false)();
+                });
+            });
+        });
+    });
+
+    describe("message case AskToJoin", () => {
+        it("renders the corresponding message", () => {
+            const component = getComponent({ promptAskToJoin: true });
+            expect(getMessage(component)).toMatchSnapshot();
+        });
+
+        it("renders the corresponding message when kicked", () => {
+            const room = createRoom(roomId, otherUserId);
+            jest.spyOn(room, "getMember").mockReturnValue(makeMockRoomMember({ isKicked: true }));
+            const component = getComponent({ room, promptAskToJoin: true });
+
+            expect(getMessage(component)).toMatchSnapshot();
+        });
+
+        it("renders the corresponding message with a generic title", () => {
+            const component = render(<RoomPreviewBar promptAskToJoin />);
+            expect(getMessage(component)).toMatchSnapshot();
+        });
+
+        it("renders the corresponding actions", () => {
+            const component = getComponent({ promptAskToJoin: true });
+            expect(getActions(component)).toMatchSnapshot();
+        });
+
+        it("triggers the primary action callback", () => {
+            const onSubmitAskToJoin = jest.fn();
+            const component = getComponent({ promptAskToJoin: true, onSubmitAskToJoin });
+
+            fireEvent.click(getPrimaryActionButton(component)!);
+            expect(onSubmitAskToJoin).toHaveBeenCalled();
+        });
+
+        it("triggers the primary action callback with a reason", () => {
+            const onSubmitAskToJoin = jest.fn();
+            const reason = "some reason";
+            const component = getComponent({ promptAskToJoin: true, onSubmitAskToJoin });
+
+            fireEvent.change(component.container.querySelector("textarea")!, { target: { value: reason } });
+            fireEvent.click(getPrimaryActionButton(component)!);
+
+            expect(onSubmitAskToJoin).toHaveBeenCalledWith(reason);
+        });
+    });
+
+    describe("message case Knocked", () => {
+        it("renders the corresponding message", () => {
+            const component = getComponent({ knocked: true });
+            expect(getMessage(component)).toMatchSnapshot();
+        });
+
+        it("renders the corresponding actions", () => {
+            const component = getComponent({ knocked: true, onCancelAskToJoin: () => {} });
+            expect(getActions(component)).toMatchSnapshot();
+        });
+
+        it("triggers the secondary action callback", () => {
+            const onCancelAskToJoin = jest.fn();
+            const component = getComponent({ knocked: true, onCancelAskToJoin });
+
+            fireEvent.click(getSecondaryActionButton(component)!);
+            expect(onCancelAskToJoin).toHaveBeenCalled();
+        });
+    });
+
+    it("should render Module roomPreviewBarRenderer if specified", () => {
+        jest.spyOn(ModuleApi.instance.customComponents, "roomPreviewBarRenderer", "get").mockReturnValue(() => (
+            <>Test component</>
+        ));
+        const { getByText } = render(<RoomPreviewBar />);
+        expect(getByText("Test component")).toBeTruthy();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/RoomPreviewCard-test.tsx b/apps/web/test/unit-tests/components/views/rooms/RoomPreviewCard-test.tsx
new file mode 100644
index 00000000000..e12fabeb3fe
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/RoomPreviewCard-test.tsx
@@ -0,0 +1,90 @@
+/*
+Copyright 2024, 2025 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 { mocked, type Mocked } from "jest-mock";
+import { render, screen, act } from "jest-matrix-react";
+import { PendingEventOrdering, Room, RoomStateEvent, RoomType } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import type { MatrixClient, RoomMember } from "matrix-js-sdk/src/matrix";
+import { stubClient, wrapInMatrixClientContext, mkRoomMember } from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import _RoomPreviewCard from "../../../../../src/components/views/rooms/RoomPreviewCard";
+
+const RoomPreviewCard = wrapInMatrixClientContext(_RoomPreviewCard);
+
+describe("RoomPreviewCard", () => {
+    let client: Mocked<MatrixClient>;
+    let room: Room;
+    let alice: RoomMember;
+    let enabledFeatures: string[];
+
+    beforeEach(() => {
+        stubClient();
+        client = mocked(MatrixClientPeg.safeGet());
+        client.getUserId.mockReturnValue("@alice:example.org");
+        DMRoomMap.makeShared(client);
+
+        room = new Room("!1:example.org", client, "@alice:example.org", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        alice = mkRoomMember(room.roomId, "@alice:example.org");
+        jest.spyOn(room, "getMember").mockImplementation((userId) => (userId === alice.userId ? alice : null));
+
+        client.getRoom.mockImplementation((roomId) => (roomId === room.roomId ? room : null));
+        client.getRooms.mockReturnValue([room]);
+        client.reEmitter.reEmit(room, [RoomStateEvent.Events]);
+
+        enabledFeatures = [];
+        const origFn = SettingsStore.getValue;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName): any => {
+            if (enabledFeatures.includes(settingName)) {
+                return true;
+            }
+            return origFn(settingName);
+        });
+    });
+
+    afterEach(() => {
+        client.reEmitter.stopReEmitting(room, [RoomStateEvent.Events]);
+        jest.restoreAllMocks();
+    });
+
+    const renderPreview = async (): Promise<void> => {
+        render(<RoomPreviewCard room={room} onJoinButtonClicked={() => {}} onRejectButtonClicked={() => {}} />);
+        await act(() => Promise.resolve()); // Allow effects to settle
+    };
+
+    it("shows a beta pill on Jitsi video room invites", async () => {
+        jest.spyOn(room, "getType").mockReturnValue(RoomType.ElementVideo);
+        jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Invite);
+        enabledFeatures = ["feature_video_rooms"];
+
+        await renderPreview();
+        screen.getByRole("button", { name: /beta/i });
+    });
+
+    it("shows a beta pill on Element video room invites", async () => {
+        jest.spyOn(room, "getType").mockReturnValue(RoomType.UnstableCall);
+        jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Invite);
+        enabledFeatures = ["feature_video_rooms", "feature_element_call_video_rooms"];
+
+        await renderPreview();
+        screen.getByRole("button", { name: /beta/i });
+    });
+
+    it("doesn't show a beta pill on normal invites", async () => {
+        jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Invite);
+
+        await renderPreview();
+        expect(screen.queryByRole("button", { name: /beta/i })).toBeNull();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/RoomSearchAuxPanel-test.tsx b/apps/web/test/unit-tests/components/views/rooms/RoomSearchAuxPanel-test.tsx
new file mode 100644
index 00000000000..6a46be23534
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/RoomSearchAuxPanel-test.tsx
@@ -0,0 +1,87 @@
+/*
+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.
+*/
+
+import React from "react";
+import { render, screen } from "jest-matrix-react";
+
+import RoomSearchAuxPanel from "../../../../../src/components/views/rooms/RoomSearchAuxPanel";
+import { SearchScope } from "../../../../../src/Searching";
+
+describe("RoomSearchAuxPanel", () => {
+    it("should render the count of results", () => {
+        render(
+            <RoomSearchAuxPanel
+                searchInfo={{
+                    searchId: 1234,
+                    count: 5,
+                    term: "abcd",
+                    scope: SearchScope.Room,
+                    promise: new Promise(() => {}),
+                }}
+                isRoomEncrypted={false}
+                onSearchScopeChange={jest.fn()}
+                onCancelClick={jest.fn()}
+            />,
+        );
+
+        expect(screen.getByText("5 results found for", { exact: false })).toHaveTextContent(
+            "5 results found for “abcd”",
+        );
+    });
+
+    it("should allow the user to toggle to all rooms search", async () => {
+        const onSearchScopeChange = jest.fn();
+
+        render(
+            <RoomSearchAuxPanel
+                isRoomEncrypted={false}
+                onSearchScopeChange={onSearchScopeChange}
+                onCancelClick={jest.fn()}
+            />,
+        );
+
+        screen.getByText("Search all rooms").click();
+        expect(onSearchScopeChange).toHaveBeenCalledWith(SearchScope.All);
+    });
+
+    it("should allow the user to toggle back to room-specific search", async () => {
+        const onSearchScopeChange = jest.fn();
+
+        render(
+            <RoomSearchAuxPanel
+                searchInfo={{
+                    searchId: 1234,
+                    term: "abcd",
+                    scope: SearchScope.All,
+                    promise: new Promise(() => {}),
+                }}
+                isRoomEncrypted={false}
+                onSearchScopeChange={onSearchScopeChange}
+                onCancelClick={jest.fn()}
+            />,
+        );
+
+        screen.getByText("Search this room").click();
+        expect(onSearchScopeChange).toHaveBeenCalledWith(SearchScope.Room);
+    });
+
+    it("should allow the user to cancel a search", async () => {
+        const onCancelClick = jest.fn();
+
+        render(
+            <RoomSearchAuxPanel
+                isRoomEncrypted={false}
+                onSearchScopeChange={jest.fn()}
+                onCancelClick={onCancelClick}
+            />,
+        );
+
+        screen.getByRole("button", { name: "Cancel" }).click();
+        expect(onCancelClick).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/SearchResultTile-test.tsx b/apps/web/test/unit-tests/components/views/rooms/SearchResultTile-test.tsx
new file mode 100644
index 00000000000..085abab201a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/SearchResultTile-test.tsx
@@ -0,0 +1,102 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { MatrixEvent, Room, EventType } from "matrix-js-sdk/src/matrix";
+import { render, type RenderResult } from "jest-matrix-react";
+
+import { clientAndSDKContextRenderOptions, stubClient } from "../../../../test-utils";
+import SearchResultTile from "../../../../../src/components/views/rooms/SearchResultTile";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+
+const ROOM_ID = "!qPewotXpIctQySfjSy:localhost";
+
+type Props = React.ComponentPropsWithoutRef<typeof SearchResultTile>;
+
+describe("SearchResultTile", () => {
+    beforeAll(() => {
+        stubClient();
+        const cli = MatrixClientPeg.safeGet();
+
+        const room = new Room(ROOM_ID, cli, "@bob:example.org");
+        jest.spyOn(cli, "getRoom").mockReturnValue(room);
+    });
+
+    function renderComponent(props: Partial<Props>): RenderResult {
+        return render(
+            <SearchResultTile timeline={[]} ourEventsIndexes={[1]} {...props} />,
+            clientAndSDKContextRenderOptions(MatrixClientPeg.safeGet(), SDKContextClass.instance),
+        );
+    }
+
+    it("Sets up appropriate callEventGrouper for m.call. events", () => {
+        const { container } = renderComponent({
+            timeline: [
+                new MatrixEvent({
+                    type: EventType.CallInvite,
+                    sender: "@user1:server",
+                    room_id: ROOM_ID,
+                    origin_server_ts: 1432735824652,
+                    content: { call_id: "call.1" },
+                    event_id: "$1:server",
+                }),
+                new MatrixEvent({
+                    content: {
+                        body: "This is an example text message",
+                        format: "org.matrix.custom.html",
+                        formatted_body: "<b>This is an example text message</b>",
+                        msgtype: "m.text",
+                    },
+                    event_id: "$144429830826TWwbB:localhost",
+                    origin_server_ts: 1432735824653,
+                    room_id: ROOM_ID,
+                    sender: "@example:example.org",
+                    type: "m.room.message",
+                    unsigned: {
+                        age: 1234,
+                    },
+                }),
+                new MatrixEvent({
+                    type: EventType.CallAnswer,
+                    sender: "@user2:server",
+                    room_id: ROOM_ID,
+                    origin_server_ts: 1432735824654,
+                    content: { call_id: "call.1" },
+                    event_id: "$2:server",
+                }),
+            ],
+        });
+
+        const tiles = container.querySelectorAll<HTMLElement>(".mx_EventTile");
+        expect(tiles.length).toEqual(2);
+        expect(tiles[0]!.dataset.eventId).toBe("$1:server");
+        expect(tiles[1]!.dataset.eventId).toBe("$144429830826TWwbB:localhost");
+    });
+
+    it("supports events with missing timestamps", () => {
+        const { container } = renderComponent({
+            timeline: [...Array(20)].map(
+                (_, i) =>
+                    new MatrixEvent({
+                        type: EventType.RoomMessage,
+                        sender: "@user1:server",
+                        room_id: ROOM_ID,
+                        content: { body: `Message #${i}` },
+                        event_id: `$${i}:server`,
+                        origin_server_ts: i,
+                    }),
+            ),
+        });
+
+        const separators = container.querySelectorAll(".mx_TimelineSeparator");
+        // One separator is always rendered at the top, we don't want any
+        // between messages.
+        expect(separators.length).toBe(1);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/SendMessageComposer-test.tsx b/apps/web/test/unit-tests/components/views/rooms/SendMessageComposer-test.tsx
new file mode 100644
index 00000000000..b1f33d8d632
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/SendMessageComposer-test.tsx
@@ -0,0 +1,489 @@
+/*
+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 from "react";
+import { fireEvent, render, waitFor } from "jest-matrix-react";
+import { type MatrixClient, MsgType } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+import userEvent from "@testing-library/user-event";
+
+import SendMessageComposer, {
+    createMessageContent,
+    isQuickReaction,
+} from "../../../../../src/components/views/rooms/SendMessageComposer";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import {
+    type RoomContextType,
+    TimelineRenderingType,
+    MainSplitContentType,
+} from "../../../../../src/contexts/RoomContext";
+import EditorModel from "../../../../../src/editor/model";
+import { createPartCreator } from "../../../editor/mock";
+import { createTestClient, mkEvent, mkStubRoom, stubClient } from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import defaultDispatcher from "../../../../../src/dispatcher/dispatcher";
+import DocumentOffset from "../../../../../src/editor/offset";
+import { Layout } from "../../../../../src/settings/enums/Layout";
+import { mockPlatformPeg } from "../../../../test-utils/platform";
+import { doMaybeLocalRoomAction } from "../../../../../src/utils/local-room";
+import { addTextToComposer } from "../../../../test-utils/composer";
+import { ScopedRoomContextProvider } from "../../../../../src/contexts/ScopedRoomContext.tsx";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass";
+import { RoomUploadContextProvider } from "../../../../../src/viewmodels/room/RoomUploadViewModel.tsx";
+import { MessageComposerUrlPreviewViewModel } from "../../../../../src/viewmodels/composer/MessageComposerUrlPreviewViewModel.ts";
+import { SDKContext } from "../../../../../src/contexts/SDKContext.ts";
+
+jest.mock("../../../../../src/utils/local-room", () => ({
+    doMaybeLocalRoomAction: jest.fn(),
+}));
+
+describe("<SendMessageComposer/>", () => {
+    const defaultRoomContext: RoomContextType = {
+        roomViewStore: SDKContextClass.instance.roomViewStore,
+        roomLoading: true,
+        peekLoading: false,
+        shouldPeek: true,
+        membersLoaded: false,
+        numUnreadMessages: 0,
+        canPeek: false,
+        showApps: false,
+        isPeeking: false,
+        showRightPanel: true,
+        joining: false,
+        atEndOfLiveTimeline: true,
+        showTopUnreadMessagesBar: false,
+        statusBarVisible: false,
+        canReact: false,
+        canSendMessages: false,
+        layout: Layout.Group,
+        lowBandwidth: false,
+        alwaysShowTimestamps: false,
+        showTwelveHourTimestamps: false,
+        userTimezone: undefined,
+        readMarkerInViewThresholdMs: 3000,
+        readMarkerOutOfViewThresholdMs: 30000,
+        showHiddenEvents: false,
+        showReadReceipts: true,
+        showRedactions: true,
+        showJoinLeaves: true,
+        showAvatarChanges: true,
+        showDisplaynameChanges: true,
+        showUrlPreview: false,
+        matrixClientIsReady: false,
+        timelineRenderingType: TimelineRenderingType.Room,
+        mainSplitContentType: MainSplitContentType.Timeline,
+        liveTimeline: undefined,
+        canSelfRedact: false,
+        resizing: false,
+        narrow: false,
+        msc3946ProcessDynamicPredecessor: false,
+        canAskToJoin: false,
+        promptAskToJoin: false,
+        viewRoomOpts: { buttons: [] },
+        isRoomEncrypted: false,
+    };
+    describe("createMessageContent", () => {
+        it("sends plaintext messages correctly", () => {
+            const model = new EditorModel([], createPartCreator());
+            const documentOffset = new DocumentOffset(11, true);
+            model.update("hello world", "insertText", documentOffset);
+
+            const content = createMessageContent("@alice:test", model, undefined, undefined);
+
+            expect(content).toEqual({
+                "body": "hello world",
+                "msgtype": "m.text",
+                "m.mentions": {},
+            });
+        });
+
+        it("sends markdown messages correctly", () => {
+            const model = new EditorModel([], createPartCreator());
+            const documentOffset = new DocumentOffset(13, true);
+            model.update("hello *world*", "insertText", documentOffset);
+
+            const content = createMessageContent("@alice:test", model, undefined, undefined);
+
+            expect(content).toEqual({
+                "body": "hello *world*",
+                "msgtype": "m.text",
+                "format": "org.matrix.custom.html",
+                "formatted_body": "hello <em>world</em>",
+                "m.mentions": {},
+            });
+        });
+
+        it("strips /me from messages and marks them as m.emote accordingly", () => {
+            const model = new EditorModel([], createPartCreator());
+            const documentOffset = new DocumentOffset(22, true);
+            model.update("/me blinks __quickly__", "insertText", documentOffset);
+
+            const content = createMessageContent("@alice:test", model, undefined, undefined);
+
+            expect(content).toEqual({
+                "body": "blinks __quickly__",
+                "msgtype": "m.emote",
+                "format": "org.matrix.custom.html",
+                "formatted_body": "blinks <strong>quickly</strong>",
+                "m.mentions": {},
+            });
+        });
+
+        it("allows emoting with non-text parts", () => {
+            const model = new EditorModel([], createPartCreator());
+            const documentOffset = new DocumentOffset(16, true);
+            model.update("/me ✨sparkles✨", "insertText", documentOffset);
+            expect(model.parts.length).toEqual(4); // Emoji count as non-text
+
+            const content = createMessageContent("@alice:test", model, undefined, undefined);
+
+            expect(content).toEqual({
+                "body": "✨sparkles✨",
+                "msgtype": "m.emote",
+                "m.mentions": {},
+            });
+        });
+
+        it("allows sending double-slash escaped slash commands correctly", () => {
+            const model = new EditorModel([], createPartCreator());
+            const documentOffset = new DocumentOffset(32, true);
+
+            model.update("//dev/null is my favourite place", "insertText", documentOffset);
+
+            const content = createMessageContent("@alice:test", model, undefined, undefined);
+
+            expect(content).toEqual({
+                "body": "/dev/null is my favourite place",
+                "msgtype": "m.text",
+                "m.mentions": {},
+            });
+        });
+    });
+
+    describe("functions correctly mounted", () => {
+        const mockClient = createTestClient();
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        const mockRoom = mkStubRoom("myfakeroom", "myfakeroom", mockClient) as any;
+        const mockEvent = mkEvent({
+            type: "m.room.message",
+            room: "myfakeroom",
+            user: "myfakeuser",
+            content: { msgtype: "m.text", body: "Replying to this" },
+            event: true,
+        });
+        mockRoom.findEventById = jest.fn((eventId) => {
+            return eventId === mockEvent.getId() ? mockEvent : null;
+        });
+
+        const spyDispatcher = jest.spyOn(defaultDispatcher, "dispatch");
+
+        beforeEach(() => {
+            localStorage.clear();
+            spyDispatcher.mockReset();
+        });
+
+        const urlPreviewVm = new MessageComposerUrlPreviewViewModel({
+            client: mockClient,
+            visible: false,
+            showTooltips: false,
+            urlPreviewBundle: false,
+        });
+        const defaultProps = {
+            room: mockRoom,
+            toggleStickerPickerOpen: jest.fn(),
+        };
+        const getRawComponent = (props = {}, roomContext = defaultRoomContext, client = mockClient) => (
+            <MatrixClientContext.Provider value={client}>
+                <ScopedRoomContextProvider room={mockRoom} {...roomContext}>
+                    <RoomUploadContextProvider>
+                        <SendMessageComposer {...defaultProps} {...props} urlPreviewVm={urlPreviewVm} />
+                    </RoomUploadContextProvider>
+                </ScopedRoomContextProvider>
+            </MatrixClientContext.Provider>
+        );
+        const getComponent = (props = {}, roomContext = defaultRoomContext, client = mockClient) => {
+            return render(getRawComponent(props, roomContext, client), {
+                wrapper: ({ children }) => (
+                    <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+                ),
+            });
+        };
+
+        it("renders text and placeholder correctly", () => {
+            const { container } = getComponent({ placeholder: "placeholder string" });
+
+            expect(container.querySelectorAll('[aria-label="placeholder string"]')).toHaveLength(1);
+
+            addTextToComposer(container, "Test Text");
+
+            expect(container.textContent).toBe("Test Text");
+        });
+
+        it("correctly persists state to and from localStorage", () => {
+            const props = { replyToEvent: mockEvent };
+            let { container, unmount } = getComponent(props);
+
+            addTextToComposer(container, "Test Text");
+
+            const key = "mx_cider_state_myfakeroom";
+
+            expect(container.textContent).toBe("Test Text");
+            expect(localStorage.getItem(key)).toBeNull();
+
+            // ensure the right state was persisted to localStorage
+            unmount();
+            expect(JSON.parse(localStorage.getItem(key)!)).toStrictEqual({
+                parts: [{ type: "plain", text: "Test Text" }],
+                replyEventId: mockEvent.getId(),
+            });
+
+            // ensure the correct model is re-loaded
+            ({ container, unmount } = getComponent(props));
+            expect(container.textContent).toBe("Test Text");
+            expect(spyDispatcher).toHaveBeenCalledWith({
+                action: "reply_to_event",
+                event: mockEvent,
+                context: TimelineRenderingType.Room,
+            });
+
+            // now try with localStorage wiped out
+            unmount();
+            localStorage.removeItem(key);
+            ({ container } = getComponent(props));
+            expect(container.textContent).toBe("");
+        });
+
+        it("persists state correctly without replyToEvent onbeforeunload", () => {
+            const { container } = getComponent();
+
+            addTextToComposer(container, "Hello World");
+
+            const key = "mx_cider_state_myfakeroom";
+
+            expect(container.textContent).toBe("Hello World");
+            expect(localStorage.getItem(key)).toBeNull();
+
+            // ensure the right state was persisted to localStorage
+            window.dispatchEvent(new Event("beforeunload"));
+            expect(JSON.parse(localStorage.getItem(key)!)).toStrictEqual({
+                parts: [{ type: "plain", text: "Hello World" }],
+            });
+        });
+
+        it("persists to session history upon sending", async () => {
+            mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
+
+            const { container } = getComponent({ replyToEvent: mockEvent });
+
+            addTextToComposer(container, "This is a message");
+            fireEvent.keyDown(container.querySelector(".mx_SendMessageComposer")!, { key: "Enter" });
+
+            await waitFor(() => {
+                expect(spyDispatcher).toHaveBeenCalledWith({
+                    action: "reply_to_event",
+                    event: null,
+                    context: TimelineRenderingType.Room,
+                });
+            });
+
+            expect(container.textContent).toBe("");
+            const str = sessionStorage.getItem(`mx_cider_history_${mockRoom.roomId}[0]`)!;
+            expect(JSON.parse(str)).toStrictEqual({
+                parts: [{ type: "plain", text: "This is a message" }],
+                replyEventId: mockEvent.getId(),
+            });
+        });
+
+        it("correctly sends a message", () => {
+            mocked(doMaybeLocalRoomAction).mockImplementation(
+                <T,>(roomId: string, fn: (actualRoomId: string) => Promise<T>, _client?: MatrixClient) => {
+                    return fn(roomId);
+                },
+            );
+
+            mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
+            const { container } = getComponent();
+
+            addTextToComposer(container, "test message");
+            fireEvent.keyDown(container.querySelector(".mx_SendMessageComposer")!, { key: "Enter" });
+
+            expect(mockClient.sendMessage).toHaveBeenCalledWith("myfakeroom", null, {
+                "body": "test message",
+                "msgtype": MsgType.Text,
+                "m.mentions": {},
+            });
+        });
+
+        it("correctly sends a reply using a slash command", async () => {
+            stubClient();
+            mocked(doMaybeLocalRoomAction).mockImplementation(
+                <T,>(roomId: string, fn: (actualRoomId: string) => Promise<T>, _client?: MatrixClient) => {
+                    return fn(roomId);
+                },
+            );
+
+            const replyToEvent = mkEvent({
+                type: "m.room.message",
+                user: "@bob:test",
+                room: "!abc:test",
+                content: { "m.mentions": {} },
+                event: true,
+            });
+
+            mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
+            const { container } = getComponent({ replyToEvent });
+
+            addTextToComposer(container, "/tableflip");
+            fireEvent.keyDown(container.querySelector(".mx_SendMessageComposer")!, { key: "Enter" });
+
+            await waitFor(() =>
+                expect(mockClient.sendMessage).toHaveBeenCalledWith("myfakeroom", null, {
+                    "body": "(╯°□°）╯︵ ┻━┻",
+                    "msgtype": MsgType.Text,
+                    "m.mentions": {
+                        user_ids: ["@bob:test"],
+                    },
+                    "m.relates_to": {
+                        "m.in_reply_to": {
+                            event_id: replyToEvent.getId(),
+                        },
+                    },
+                }),
+            );
+        });
+
+        it("shows chat effects on message sending", () => {
+            mocked(doMaybeLocalRoomAction).mockImplementation(
+                <T,>(roomId: string, fn: (actualRoomId: string) => Promise<T>, _client?: MatrixClient) => {
+                    return fn(roomId);
+                },
+            );
+
+            mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
+            const { container } = getComponent();
+
+            addTextToComposer(container, "🎉");
+            fireEvent.keyDown(container.querySelector(".mx_SendMessageComposer")!, { key: "Enter" });
+
+            expect(mockClient.sendMessage).toHaveBeenCalledWith("myfakeroom", null, {
+                "body": "test message",
+                "msgtype": MsgType.Text,
+                "m.mentions": {},
+            });
+
+            expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({ action: `effects.confetti` });
+        });
+
+        it("not to send chat effects on message sending for threads", () => {
+            mocked(doMaybeLocalRoomAction).mockImplementation(
+                <T,>(roomId: string, fn: (actualRoomId: string) => Promise<T>, _client?: MatrixClient) => {
+                    return fn(roomId);
+                },
+            );
+
+            mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
+            const { container } = getComponent({
+                relation: {
+                    rel_type: "m.thread",
+                    event_id: "$yolo",
+                    is_falling_back: true,
+                },
+            });
+
+            addTextToComposer(container, "🎉");
+            fireEvent.keyDown(container.querySelector(".mx_SendMessageComposer")!, { key: "Enter" });
+
+            expect(mockClient.sendMessage).toHaveBeenCalledWith("myfakeroom", null, {
+                "body": "test message",
+                "msgtype": MsgType.Text,
+                "m.mentions": {},
+            });
+
+            expect(defaultDispatcher.dispatch).not.toHaveBeenCalledWith({ action: `effects.confetti` });
+        });
+    });
+
+    describe("isQuickReaction", () => {
+        it("correctly detects quick reaction", () => {
+            const model = new EditorModel([], createPartCreator());
+            model.update("+😊", "insertText", new DocumentOffset(3, true));
+
+            const isReaction = isQuickReaction(model);
+
+            expect(isReaction).toBeTruthy();
+        });
+
+        it("correctly detects quick reaction with space", () => {
+            const model = new EditorModel([], createPartCreator());
+            model.update("+ 😊", "insertText", new DocumentOffset(4, true));
+
+            const isReaction = isQuickReaction(model);
+
+            expect(isReaction).toBeTruthy();
+        });
+
+        it("correctly rejects quick reaction with extra text", () => {
+            const model = new EditorModel([], createPartCreator());
+            const model2 = new EditorModel([], createPartCreator());
+            const model3 = new EditorModel([], createPartCreator());
+            const model4 = new EditorModel([], createPartCreator());
+            model.update("+😊hello", "insertText", new DocumentOffset(8, true));
+            model2.update(" +😊", "insertText", new DocumentOffset(4, true));
+            model3.update("+ 😊😊", "insertText", new DocumentOffset(6, true));
+            model4.update("+smiley", "insertText", new DocumentOffset(7, true));
+
+            expect(isQuickReaction(model)).toBeFalsy();
+            expect(isQuickReaction(model2)).toBeFalsy();
+            expect(isQuickReaction(model3)).toBeFalsy();
+            expect(isQuickReaction(model4)).toBeFalsy();
+        });
+    });
+
+    it("should call prepareToEncrypt when the user is typing", async () => {
+        const cli = stubClient();
+        const urlPreviewVm = new MessageComposerUrlPreviewViewModel({
+            client: cli,
+            visible: false,
+            showTooltips: false,
+            urlPreviewBundle: false,
+        });
+
+        cli.isRoomEncrypted = jest.fn().mockReturnValue(true);
+        const room = mkStubRoom("!roomId:server", "Room", cli);
+
+        expect(cli.getCrypto()!.prepareToEncrypt).not.toHaveBeenCalled();
+
+        const { container } = render(
+            <MatrixClientContext.Provider value={cli}>
+                <ScopedRoomContextProvider {...({ room } as unknown as RoomContextType)}>
+                    <RoomUploadContextProvider>
+                        <SendMessageComposer
+                            room={room}
+                            toggleStickerPickerOpen={jest.fn()}
+                            urlPreviewVm={urlPreviewVm}
+                        />
+                    </RoomUploadContextProvider>
+                </ScopedRoomContextProvider>
+            </MatrixClientContext.Provider>,
+            {
+                wrapper: ({ children }) => (
+                    <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+                ),
+            },
+        );
+
+        const composer = container.querySelector<HTMLDivElement>(".mx_BasicMessageComposer_input")!;
+
+        // Does not trigger on keydown as that'll cause false negatives for global shortcuts
+        await userEvent.type(composer, "[ControlLeft>][KeyK][/ControlLeft]");
+        expect(cli.getCrypto()!.prepareToEncrypt).not.toHaveBeenCalled();
+
+        await userEvent.type(composer, "Hello");
+        expect(cli.getCrypto()!.prepareToEncrypt).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/ThirdPartyMemberInfo-test.tsx b/apps/web/test/unit-tests/components/views/rooms/ThirdPartyMemberInfo-test.tsx
new file mode 100644
index 00000000000..bd83665d455
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/ThirdPartyMemberInfo-test.tsx
@@ -0,0 +1,76 @@
+/*
+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, screen } from "jest-matrix-react";
+import { EventType, type IEvent, MatrixEvent, Room, RoomMember } from "matrix-js-sdk/src/matrix";
+
+import ThirdPartyMemberInfo from "../../../../../src/components/views/rooms/ThirdPartyMemberInfo";
+import {
+    clientAndSDKContextRenderOptions,
+    getMockClientWithEventEmitter,
+    mockClientMethodsUser,
+} from "../../../../test-utils";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+
+describe("<ThirdPartyMemberInfo />", () => {
+    const userId = "@alice:server.org";
+    const roomId = "!room:server.org";
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        getRoom: jest.fn(),
+    });
+
+    // make invite event with defaults
+    const makeInviteEvent = (props: Partial<IEvent> = {}): MatrixEvent =>
+        new MatrixEvent({
+            type: EventType.RoomThirdPartyInvite,
+            state_key: "123456",
+            sender: userId,
+            room_id: roomId,
+            content: {
+                display_name: "bob@bob.com",
+                key_validity_url: "https://isthiskeyvalid.org",
+                public_key: "abc123",
+            },
+            ...props,
+        });
+    const defaultEvent = makeInviteEvent();
+
+    const getComponent = (event: MatrixEvent = defaultEvent) =>
+        render(
+            <ThirdPartyMemberInfo event={event} />,
+            clientAndSDKContextRenderOptions(mockClient, SDKContextClass.instance),
+        );
+    const room = new Room(roomId, mockClient, userId);
+    const aliceMember = new RoomMember(roomId, userId);
+    aliceMember.name = "Alice DisplayName";
+
+    beforeEach(() => {
+        jest.spyOn(room, "getMember").mockImplementation((id) => (id === userId ? aliceMember : null));
+        mockClient.getRoom.mockClear().mockReturnValue(room);
+    });
+
+    it("should render invite", () => {
+        const { container } = getComponent();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should render invite when room in not available", () => {
+        const event = makeInviteEvent({ room_id: "not_available" });
+        const { container } = getComponent(event);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should use inviter's id when room member is not available", () => {
+        const event = makeInviteEvent({ sender: "@charlie:server.org" });
+        getComponent(event);
+
+        expect(screen.getByText("Invited by @charlie:server.org")).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/UserIdentityWarning-test.tsx b/apps/web/test/unit-tests/components/views/rooms/UserIdentityWarning-test.tsx
new file mode 100644
index 00000000000..7edf6268170
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/UserIdentityWarning-test.tsx
@@ -0,0 +1,573 @@
+/*
+Copyright 2024 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 { sleep } from "matrix-js-sdk/src/utils";
+import {
+    EventType,
+    type MatrixClient,
+    MatrixEvent,
+    type Room,
+    RoomState,
+    RoomStateEvent,
+    type RoomMember,
+} from "matrix-js-sdk/src/matrix";
+import { CryptoEvent, UserVerificationStatus } from "matrix-js-sdk/src/crypto-api";
+import { act, render, screen, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import { stubClient } from "../../../../test-utils";
+import { UserIdentityWarning } from "../../../../../src/components/views/rooms/UserIdentityWarning";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+
+const ROOM_ID = "!room:id";
+
+function mockRoom(): Room {
+    const room = {
+        getEncryptionTargetMembers: jest.fn(async () => []),
+        getMember: jest.fn((userId) => {}),
+        roomId: ROOM_ID,
+        shouldEncryptForInvitedMembers: jest.fn(() => true),
+    } as unknown as Room;
+
+    return room;
+}
+
+function mockMembershipForRoom(room: Room, users: string[] | [string, "joined" | "invited"][]): void {
+    const encryptToInvited = room.shouldEncryptForInvitedMembers();
+    const members = users
+        .filter((user) => {
+            if (Array.isArray(user)) {
+                return encryptToInvited || user[1] === "joined";
+            } else {
+                return true;
+            }
+        })
+        .map((id) => {
+            if (Array.isArray(id)) {
+                return mockRoomMember(id[0]);
+            } else {
+                return mockRoomMember(id);
+            }
+        });
+
+    jest.spyOn(room, "getEncryptionTargetMembers").mockResolvedValue(members);
+
+    jest.spyOn(room, "getMember").mockImplementation((userId) => {
+        return members.find((member) => member.userId === userId) ?? null;
+    });
+}
+
+function emitMembershipChange(client: MatrixClient, userId: string, membership: "join" | "leave" | "invite"): void {
+    const sender = membership === "invite" ? "@carol:example.org" : userId;
+    client.emit(
+        RoomStateEvent.Events,
+        new MatrixEvent({
+            event_id: "$event_id",
+            type: EventType.RoomMember,
+            state_key: userId,
+            content: {
+                membership: membership,
+            },
+            room_id: ROOM_ID,
+            sender: sender,
+        }),
+        dummyRoomState(),
+        null,
+    );
+}
+
+function mockRoomMember(userId: string, name?: string): RoomMember {
+    return {
+        userId,
+        name: name ?? userId,
+        rawDisplayName: name ?? userId,
+        roomId: ROOM_ID,
+        getMxcAvatarUrl: jest.fn(),
+    } as unknown as RoomMember;
+}
+
+function dummyRoomState(): RoomState {
+    return new RoomState(ROOM_ID);
+}
+
+/**
+ * Get the warning element, given the warning text (excluding the "Learn more"
+ * link).  This is needed because the warning text contains a `<b>` tag, so the
+ * normal `getByText` doesn't work.
+ */
+function getWarningByText(text: string): Element {
+    return screen.getByText((content?: string, element?: Element | null): boolean => {
+        return (
+            !!element &&
+            element.classList.contains("mx_UserIdentityWarning_main") &&
+            element.textContent === text + " Learn more"
+        );
+    });
+}
+
+function renderComponent(client: MatrixClient, room: Room) {
+    return render(<UserIdentityWarning room={room} key={ROOM_ID} />, {
+        wrapper: ({ ...rest }) => <MatrixClientContext.Provider value={client} {...rest} />,
+    });
+}
+
+describe("UserIdentityWarning", () => {
+    let client: MatrixClient;
+    let room: Room;
+
+    beforeEach(async () => {
+        client = stubClient();
+        room = mockRoom();
+        jest.spyOn(client.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    // This tests the basic functionality of the component.  If we have a room
+    // member whose identity needs accepting, we should display a warning.  When
+    // the "OK" button gets pressed, it should call `pinCurrentUserIdentity`.
+    it("displays a warning when a user's identity needs approval", async () => {
+        jest.spyOn(room, "getEncryptionTargetMembers").mockResolvedValue([
+            mockRoomMember("@alice:example.org", "Alice"),
+        ]);
+        const crypto = client.getCrypto()!;
+        jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(
+            new UserVerificationStatus(false, false, false, true),
+        );
+        crypto.pinCurrentUserIdentity = jest.fn().mockResolvedValue(undefined);
+        renderComponent(client, room);
+
+        await waitFor(() =>
+            expect(getWarningByText("Alice's (@alice:example.org) digital identity was reset.")).toBeInTheDocument(),
+        );
+        await userEvent.click(screen.getByRole("button")!);
+        await waitFor(() => expect(crypto.pinCurrentUserIdentity).toHaveBeenCalledWith("@alice:example.org"));
+    });
+
+    // This tests the basic functionality of the component.  If we have a room
+    // member whose identity is in verification violation, we should display a warning.  When
+    // the "Withdraw verification" button gets pressed, it should call `withdrawVerification`.
+    it("displays a warning when a user's identity is in verification violation", async () => {
+        jest.spyOn(room, "getEncryptionTargetMembers").mockResolvedValue([
+            mockRoomMember("@alice:example.org", "Alice"),
+        ]);
+        const crypto = client.getCrypto()!;
+        jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(
+            new UserVerificationStatus(false, true, false, true),
+        );
+        crypto.withdrawVerificationRequirement = jest.fn().mockResolvedValue(undefined);
+        renderComponent(client, room);
+
+        await waitFor(() =>
+            expect(getWarningByText("Alice's (@alice:example.org) digital identity was reset.")).toBeInTheDocument(),
+        );
+
+        expect(
+            screen.getByRole("button", {
+                name: "Withdraw verification",
+            }),
+        ).toBeInTheDocument();
+        await userEvent.click(screen.getByRole("button")!);
+        await waitFor(() => expect(crypto.withdrawVerificationRequirement).toHaveBeenCalledWith("@alice:example.org"));
+    });
+
+    it("Should not display a warning if the user was verified and is still verified", async () => {
+        jest.spyOn(room, "getEncryptionTargetMembers").mockResolvedValue([
+            mockRoomMember("@alice:example.org", "Alice"),
+        ]);
+        const crypto = client.getCrypto()!;
+        jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(
+            new UserVerificationStatus(true, true, false, false),
+        );
+
+        renderComponent(client, room);
+        await sleep(10); // give it some time to finish initialising
+
+        expect(() => getWarningByText("Alice's (@alice:example.org) digital identity was reset.")).toThrow();
+    });
+
+    // We don't display warnings in non-encrypted rooms, but if encryption is
+    // enabled, then we should display a warning if there are any users whose
+    // identity need accepting.
+    it("displays pending warnings when encryption is enabled", async () => {
+        jest.spyOn(room, "getEncryptionTargetMembers").mockResolvedValue([
+            mockRoomMember("@alice:example.org", "Alice"),
+        ]);
+        // Start the room off unencrypted.  We shouldn't display anything.
+        const crypto = client.getCrypto()!;
+        jest.spyOn(crypto, "isEncryptionEnabledInRoom").mockResolvedValue(false);
+        jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(
+            new UserVerificationStatus(false, false, false, true),
+        );
+
+        renderComponent(client, room);
+
+        await sleep(10); // give it some time to finish initialising
+        expect(() => getWarningByText("Alice's (@alice:example.org) digital identity was reset.")).toThrow();
+
+        // Encryption gets enabled in the room.  We should now warn that Alice's
+        // identity changed.
+        jest.spyOn(crypto, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+        client.emit(
+            RoomStateEvent.Events,
+            new MatrixEvent({
+                event_id: "$event_id",
+                type: EventType.RoomEncryption,
+                state_key: "",
+                content: {
+                    algorithm: "m.megolm.v1.aes-sha2",
+                },
+                room_id: ROOM_ID,
+                sender: "@alice:example.org",
+            }),
+            dummyRoomState(),
+            null,
+        );
+        await waitFor(() =>
+            expect(getWarningByText("Alice's (@alice:example.org) digital identity was reset.")).toBeInTheDocument(),
+        );
+    });
+
+    describe("Warnings are displayed in consistent order", () => {
+        it("Ensure lexicographic order for prompt", async () => {
+            // members are not returned lexicographic order
+            mockMembershipForRoom(room, ["@b:example.org", "@a:example.org"]);
+
+            const crypto = client.getCrypto()!;
+
+            // All identities needs approval
+            jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(
+                new UserVerificationStatus(false, false, false, true),
+            );
+
+            crypto.pinCurrentUserIdentity = jest.fn();
+            renderComponent(client, room);
+
+            await waitFor(() =>
+                expect(getWarningByText("@a:example.org's digital identity was reset.")).toBeInTheDocument(),
+            );
+        });
+
+        it("Ensure existing prompt stays even if a new violation with lower lexicographic order detected", async () => {
+            mockMembershipForRoom(room, ["@b:example.org"]);
+
+            const crypto = client.getCrypto()!;
+
+            // All identities needs approval
+            jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(
+                new UserVerificationStatus(false, false, false, true),
+            );
+
+            crypto.pinCurrentUserIdentity = jest.fn();
+            renderComponent(client, room);
+
+            await waitFor(() =>
+                expect(getWarningByText("@b:example.org's digital identity was reset.")).toBeInTheDocument(),
+            );
+
+            // Simulate a new member joined with lower lexico order and also in violation
+            mockMembershipForRoom(room, ["@a:example.org", "@b:example.org"]);
+
+            act(() => {
+                emitMembershipChange(client, "@a:example.org", "join");
+            });
+
+            // We should still display the warning for @b:example.org
+            await waitFor(() =>
+                expect(getWarningByText("@b:example.org's digital identity was reset.")).toBeInTheDocument(),
+            );
+        });
+    });
+
+    // When a user's identity needs approval, or has been approved, the display
+    // should update appropriately.
+    it("updates the display when identity changes", async () => {
+        jest.spyOn(room, "getEncryptionTargetMembers").mockResolvedValue([
+            mockRoomMember("@alice:example.org", "Alice"),
+        ]);
+        jest.spyOn(room, "getMember").mockReturnValue(mockRoomMember("@alice:example.org", "Alice"));
+        const crypto = client.getCrypto()!;
+        jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(
+            new UserVerificationStatus(false, false, false, false),
+        );
+        await act(async () => {
+            renderComponent(client, room);
+            await sleep(50);
+        });
+
+        expect(() => getWarningByText("Alice's (@alice:example.org) digital identity was reset.")).toThrow();
+
+        // The user changes their identity, so we should show the warning.
+        act(() => {
+            const newStatus = new UserVerificationStatus(false, false, false, true);
+            jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(newStatus);
+            client.emit(CryptoEvent.UserTrustStatusChanged, "@alice:example.org", newStatus);
+        });
+
+        await waitFor(() =>
+            expect(getWarningByText("Alice's (@alice:example.org) digital identity was reset.")).toBeInTheDocument(),
+        );
+
+        // Simulate the user's new identity having been approved, so we no
+        // longer show the warning.
+        act(() => {
+            const newStatus = new UserVerificationStatus(false, false, false, false);
+            jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(newStatus);
+            client.emit(CryptoEvent.UserTrustStatusChanged, "@alice:example.org", newStatus);
+        });
+        await waitFor(() =>
+            expect(() => getWarningByText("Alice's (@alice:example.org) digital identity was reset.")).toThrow(),
+        );
+    });
+
+    // We only display warnings about users in the room.  When someone
+    // joins/leaves, we should update the warning appropriately.
+    describe("updates the display when a member joins/leaves", () => {
+        it("when invited users can see encrypted messages", async () => {
+            // Nobody in the room yet
+            mockMembershipForRoom(room, []);
+            jest.spyOn(room, "shouldEncryptForInvitedMembers").mockReturnValue(true);
+            const crypto = client.getCrypto()!;
+            jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(
+                new UserVerificationStatus(false, false, false, true),
+            );
+            renderComponent(client, room);
+            await sleep(10); // give it some time to finish initialising
+
+            // Alice joins.  Her identity needs approval, so we should show a warning.
+            act(() => {
+                mockMembershipForRoom(room, ["@alice:example.org"]);
+                emitMembershipChange(client, "@alice:example.org", "join");
+            });
+
+            await waitFor(() =>
+                expect(getWarningByText("@alice:example.org's digital identity was reset.")).toBeInTheDocument(),
+            );
+
+            // Bob is invited.  His identity needs approval, so we should show a
+            // warning for him after Alice's warning is resolved by her leaving.
+            act(() => {
+                mockMembershipForRoom(room, ["@alice:example.org", "@bob:example.org"]);
+                emitMembershipChange(client, "@bob:example.org", "invite");
+            });
+
+            // Alice leaves, so we no longer show her warning, but we will show
+            // a warning for Bob.
+            act(() => {
+                mockMembershipForRoom(room, ["@bob:example.org"]);
+                emitMembershipChange(client, "@alice:example.org", "leave");
+            });
+
+            await waitFor(() =>
+                expect(() => getWarningByText("@alice:example.org's digital identity was reset.")).toThrow(),
+            );
+            await waitFor(() =>
+                expect(getWarningByText("@bob:example.org's digital identity was reset.")).toBeInTheDocument(),
+            );
+        });
+
+        it("when invited users cannot see encrypted messages", async () => {
+            // Nobody in the room yet
+            mockMembershipForRoom(room, []);
+            // jest.spyOn(room, "getEncryptionTargetMembers").mockResolvedValue([]);
+            // jest.spyOn(room, "getMember").mockImplementation((userId) => mockRoomMember(userId));
+            jest.spyOn(room, "shouldEncryptForInvitedMembers").mockReturnValue(false);
+            const crypto = client.getCrypto()!;
+            jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(
+                new UserVerificationStatus(false, false, false, true),
+            );
+            renderComponent(client, room);
+            await sleep(10); // give it some time to finish initialising
+
+            // Alice joins.  Her identity needs approval, so we should show a warning.
+            act(() => {
+                mockMembershipForRoom(room, ["@alice:example.org"]);
+                emitMembershipChange(client, "@alice:example.org", "join");
+            });
+            await waitFor(() =>
+                expect(getWarningByText("@alice:example.org's digital identity was reset.")).toBeInTheDocument(),
+            );
+
+            // Bob is invited. His identity needs approval, but we don't encrypt
+            // to him, so we won't show a warning. (When Alice leaves, the
+            // display won't be updated to show a warningfor Bob.)
+            act(() => {
+                mockMembershipForRoom(room, [
+                    ["@alice:example.org", "joined"],
+                    ["@bob:example.org", "invited"],
+                ]);
+                emitMembershipChange(client, "@bob:example.org", "invite");
+            });
+
+            // Alice leaves, so we no longer show her warning, and we don't show
+            // a warning for Bob.
+            act(() => {
+                mockMembershipForRoom(room, [["@bob:example.org", "invited"]]);
+                emitMembershipChange(client, "@alice:example.org", "leave");
+            });
+            await waitFor(() =>
+                expect(() => getWarningByText("@alice:example.org's digital identity was reset.")).toThrow(),
+            );
+            await waitFor(() =>
+                expect(() => getWarningByText("@bob:example.org's digital identity was reset.")).toThrow(),
+            );
+        });
+
+        it("when member leaves immediately after component is loaded", async () => {
+            let hasLeft = false;
+            jest.spyOn(room, "getEncryptionTargetMembers").mockImplementation(async () => {
+                if (hasLeft) return [];
+                setTimeout(() => {
+                    emitMembershipChange(client, "@alice:example.org", "leave");
+                    hasLeft = true;
+                });
+                return [mockRoomMember("@alice:example.org")];
+            });
+
+            jest.spyOn(room, "shouldEncryptForInvitedMembers").mockReturnValue(false);
+            const crypto = client.getCrypto()!;
+            jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(
+                new UserVerificationStatus(false, false, false, true),
+            );
+
+            await act(async () => {
+                renderComponent(client, room);
+                await sleep(10);
+            });
+            expect(() => getWarningByText("@alice:example.org's digital identity was reset.")).toThrow();
+        });
+
+        it("when member leaves immediately after joining", async () => {
+            // Nobody in the room yet
+            jest.spyOn(room, "getEncryptionTargetMembers").mockResolvedValue([]);
+            jest.spyOn(room, "getMember").mockImplementation((userId) => mockRoomMember(userId));
+            jest.spyOn(room, "shouldEncryptForInvitedMembers").mockReturnValue(false);
+            const crypto = client.getCrypto()!;
+            jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(
+                new UserVerificationStatus(false, false, false, true),
+            );
+            renderComponent(client, room);
+            await sleep(10); // give it some time to finish initialising
+
+            // Alice joins.  Her identity needs approval, so we should show a warning.
+            client.emit(
+                RoomStateEvent.Events,
+                new MatrixEvent({
+                    event_id: "$event_id",
+                    type: EventType.RoomMember,
+                    state_key: "@alice:example.org",
+                    content: {
+                        membership: "join",
+                    },
+                    room_id: ROOM_ID,
+                    sender: "@alice:example.org",
+                }),
+                dummyRoomState(),
+                null,
+            );
+            // ... but she immediately leaves, so we shouldn't show the warning any more
+            client.emit(
+                RoomStateEvent.Events,
+                new MatrixEvent({
+                    event_id: "$event_id",
+                    type: EventType.RoomMember,
+                    state_key: "@alice:example.org",
+                    content: {
+                        membership: "leave",
+                    },
+                    room_id: ROOM_ID,
+                    sender: "@alice:example.org",
+                }),
+                dummyRoomState(),
+                null,
+            );
+            await sleep(10); // give it some time to finish
+            expect(() => getWarningByText("@alice:example.org's digital identity was reset.")).toThrow();
+        });
+    });
+
+    // When we have multiple users whose identity needs approval, one user's
+    // identity no longer needs approval (e.g. their identity was approved),
+    // then we show the next one.
+    it("displays the next user when the current user's identity is approved", async () => {
+        jest.spyOn(room, "getEncryptionTargetMembers").mockResolvedValue([
+            mockRoomMember("@alice:example.org", "Alice"),
+            mockRoomMember("@bob:example.org"),
+        ]);
+        const crypto = client.getCrypto()!;
+        jest.spyOn(crypto, "getUserVerificationStatus").mockResolvedValue(
+            new UserVerificationStatus(false, false, false, true),
+        );
+
+        renderComponent(client, room);
+        // We should warn about Alice's identity first.
+        await waitFor(() =>
+            expect(getWarningByText("Alice's (@alice:example.org) digital identity was reset.")).toBeInTheDocument(),
+        );
+
+        // Simulate Alice's new identity having been approved, so now we warn
+        // about Bob's identity.
+        act(() => {
+            const newStatus = new UserVerificationStatus(false, false, false, false);
+            jest.spyOn(crypto, "getUserVerificationStatus").mockImplementation(async (userId) => {
+                if (userId == "@alice:example.org") {
+                    return newStatus;
+                } else {
+                    return new UserVerificationStatus(false, false, false, true);
+                }
+            });
+            client.emit(CryptoEvent.UserTrustStatusChanged, "@alice:example.org", newStatus);
+        });
+        await waitFor(() =>
+            expect(getWarningByText("@bob:example.org's digital identity was reset.")).toBeInTheDocument(),
+        );
+    });
+
+    it("displays the next user when the verification requirement is withdrawn", async () => {
+        jest.spyOn(room, "getEncryptionTargetMembers").mockResolvedValue([
+            mockRoomMember("@alice:example.org", "Alice"),
+            mockRoomMember("@bob:example.org"),
+        ]);
+        const crypto = client.getCrypto()!;
+        jest.spyOn(crypto, "getUserVerificationStatus").mockImplementation(async (userId) => {
+            if (userId == "@alice:example.org") {
+                return new UserVerificationStatus(false, true, false, true);
+            } else {
+                return new UserVerificationStatus(false, false, false, true);
+            }
+        });
+
+        renderComponent(client, room);
+        // We should warn about Alice's identity first.
+        await waitFor(() =>
+            expect(getWarningByText("Alice's (@alice:example.org) digital identity was reset.")).toBeInTheDocument(),
+        );
+
+        // Simulate Alice's new identity having been approved, so now we warn
+        // about Bob's identity.
+        act(() => {
+            jest.spyOn(crypto, "getUserVerificationStatus").mockImplementation(async (userId) => {
+                if (userId == "@alice:example.org") {
+                    return new UserVerificationStatus(false, false, false, false);
+                } else {
+                    return new UserVerificationStatus(false, false, false, true);
+                }
+            });
+            client.emit(
+                CryptoEvent.UserTrustStatusChanged,
+                "@alice:example.org",
+                new UserVerificationStatus(false, false, false, false),
+            );
+        });
+        await waitFor(() =>
+            expect(getWarningByText("@bob:example.org's digital identity was reset.")).toBeInTheDocument(),
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/VoiceRecordComposerTile-test.tsx b/apps/web/test/unit-tests/components/views/rooms/VoiceRecordComposerTile-test.tsx
new file mode 100644
index 00000000000..b8bfac2c956
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/VoiceRecordComposerTile-test.tsx
@@ -0,0 +1,180 @@
+/*
+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, { createRef, type RefObject } from "react";
+import { render } from "jest-matrix-react";
+import { type MatrixClient, MsgType, type Room } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import VoiceRecordComposerTile from "../../../../../src/components/views/rooms/VoiceRecordComposerTile";
+import { doMaybeLocalRoomAction } from "../../../../../src/utils/local-room";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { type IUpload, type VoiceMessageRecording } from "../../../../../src/audio/VoiceMessageRecording";
+import { VoiceRecordingStore } from "../../../../../src/stores/VoiceRecordingStore";
+import { type PlaybackClock } from "../../../../../src/audio/PlaybackClock";
+import { mkEvent } from "../../../../test-utils";
+
+jest.mock("../../../../../src/utils/local-room", () => ({
+    doMaybeLocalRoomAction: jest.fn(),
+}));
+
+jest.mock("../../../../../src/stores/VoiceRecordingStore", () => ({
+    VoiceRecordingStore: {
+        getVoiceRecordingId: jest.fn().mockReturnValue("voice-recording-id"),
+        instance: {
+            getActiveRecording: jest.fn(),
+            disposeRecording: jest.fn(),
+        },
+    },
+}));
+
+describe("<VoiceRecordComposerTile/>", () => {
+    let voiceRecordComposerTile: RefObject<VoiceRecordComposerTile | null>;
+    let mockRecorder: VoiceMessageRecording;
+    let mockUpload: IUpload;
+    let mockClient: MatrixClient;
+    const roomId = "!room:example.com";
+
+    beforeEach(() => {
+        mockClient = {
+            getSafeUserId: jest.fn().mockReturnValue("@alice:example.com"),
+            sendMessage: jest.fn(),
+        } as unknown as MatrixClient;
+        MatrixClientPeg.get = () => mockClient;
+        MatrixClientPeg.safeGet = () => mockClient;
+
+        const room = {
+            roomId,
+        } as unknown as Room;
+
+        voiceRecordComposerTile = createRef();
+        const props = {
+            room,
+            ref: voiceRecordComposerTile,
+        };
+        mockUpload = {
+            mxc: "mxc://example.com/voice",
+        };
+        mockRecorder = {
+            on: jest.fn(),
+            off: jest.fn(),
+            stop: jest.fn(),
+            upload: () => Promise.resolve(mockUpload),
+            durationSeconds: 1337,
+            contentType: "audio/ogg",
+            getPlayback: () => ({
+                on: jest.fn(),
+                off: jest.fn(),
+                prepare: jest.fn().mockResolvedValue(void 0),
+                clockInfo: {
+                    timeSeconds: 0,
+                    liveData: {
+                        onUpdate: jest.fn(),
+                    },
+                } as unknown as PlaybackClock,
+                waveform: [1.4, 2.5, 3.6],
+                waveformData: {
+                    onUpdate: jest.fn(),
+                },
+                thumbnailWaveform: [1.4, 2.5, 3.6],
+            }),
+        } as unknown as VoiceMessageRecording;
+        mocked(VoiceRecordingStore.instance.getActiveRecording).mockReturnValue(mockRecorder);
+        render(<VoiceRecordComposerTile {...props} />);
+
+        mocked(doMaybeLocalRoomAction).mockImplementation(
+            <T,>(roomId: string, fn: (actualRoomId: string) => Promise<T>, _client?: MatrixClient) => {
+                return fn(roomId);
+            },
+        );
+    });
+
+    describe("send", () => {
+        it("should send the voice recording", async () => {
+            await voiceRecordComposerTile.current!.send();
+            expect(mockClient.sendMessage).toHaveBeenCalledWith(roomId, {
+                "body": "Voice message",
+                "file": undefined,
+                "info": {
+                    duration: 1337000,
+                    mimetype: "audio/ogg",
+                    size: undefined,
+                },
+                "msgtype": MsgType.Audio,
+                "org.matrix.msc1767.audio": {
+                    duration: 1337000,
+                    waveform: [1434, 2560, 3686],
+                },
+                "org.matrix.msc1767.file": {
+                    file: undefined,
+                    mimetype: "audio/ogg",
+                    name: "Voice message.ogg",
+                    size: undefined,
+                    url: "mxc://example.com/voice",
+                },
+                "org.matrix.msc1767.text": "Voice message",
+                "org.matrix.msc3245.voice": {},
+                "url": "mxc://example.com/voice",
+                "m.mentions": {},
+            });
+        });
+
+        it("reply with voice recording", async () => {
+            const room = {
+                roomId,
+            } as unknown as Room;
+
+            const replyToEvent = mkEvent({
+                type: "m.room.message",
+                user: "@bob:test",
+                room: roomId,
+                content: {},
+                event: true,
+            });
+
+            const props = {
+                room,
+                ref: voiceRecordComposerTile,
+                replyToEvent,
+            };
+            render(<VoiceRecordComposerTile {...props} />);
+
+            await voiceRecordComposerTile.current!.send();
+            expect(mockClient.sendMessage).toHaveBeenCalledWith(roomId, {
+                "body": "Voice message",
+                "file": undefined,
+                "info": {
+                    duration: 1337000,
+                    mimetype: "audio/ogg",
+                    size: undefined,
+                },
+                "msgtype": MsgType.Audio,
+                "org.matrix.msc1767.audio": {
+                    duration: 1337000,
+                    waveform: [1434, 2560, 3686],
+                },
+                "org.matrix.msc1767.file": {
+                    file: undefined,
+                    mimetype: "audio/ogg",
+                    name: "Voice message.ogg",
+                    size: undefined,
+                    url: "mxc://example.com/voice",
+                },
+                "org.matrix.msc1767.text": "Voice message",
+                "org.matrix.msc3245.voice": {},
+                "url": "mxc://example.com/voice",
+                "m.relates_to": {
+                    "m.in_reply_to": {
+                        event_id: replyToEvent.getId(),
+                    },
+                },
+                "m.mentions": { user_ids: ["@bob:test"] },
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
new file mode 100644
index 00000000000..f0c6c5586ce
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`NewRoomIntro topic should render a link in the topic 1`] = `
+<p
+  data-testid="topic"
+>
+  <span>
+    Topic: 
+    <span
+      class="_container_15awj_8"
+    >
+      <span
+        dir="auto"
+      >
+        This is a link: 
+        <a
+          data-linkified="true"
+          href="https://matrix.org/"
+          rel="noreferrer noopener"
+          target="_blank"
+        >
+          https://matrix.org/
+        </a>
+      </span>
+    </span>
+  </span>
+</p>
+`;
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NotificationDecoration-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NotificationDecoration-test.tsx.snap
new file mode 100644
index 00000000000..9706fb7024a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NotificationDecoration-test.tsx.snap
@@ -0,0 +1,187 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<NotificationDecoration /> should render the activity decoration 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9"
+    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>
+</DocumentFragment>
+`;
+
+exports[`<NotificationDecoration /> should render the audio call decoration 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9"
+    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>
+</DocumentFragment>
+`;
+
+exports[`<NotificationDecoration /> should render the invitation decoration 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9"
+    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>
+</DocumentFragment>
+`;
+
+exports[`<NotificationDecoration /> should render the mention decoration 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9"
+    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>
+</DocumentFragment>
+`;
+
+exports[`<NotificationDecoration /> should render the muted decoration 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9"
+    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>
+</DocumentFragment>
+`;
+
+exports[`<NotificationDecoration /> should render the notification decoration 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9"
+    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"
+    >
+      1
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<NotificationDecoration /> should render the notification decoration without count 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9"
+    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-counter_1147r_8"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<NotificationDecoration /> should render the unset message decoration 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9"
+    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 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>
+</DocumentFragment>
+`;
+
+exports[`<NotificationDecoration /> should render the video call decoration 1`] = `
+<DocumentFragment>
+  <div
+    class="_flex_4dswl_9"
+    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>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap
new file mode 100644
index 00000000000..5451fba54d4
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap
@@ -0,0 +1,476 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<PinnedEventTile /> should render pinned event 1`] = `
+<div>
+  <div
+    class="mx_PinnedEventTile"
+    role="listitem"
+  >
+    <div>
+      <span
+        class="_avatar_va14e_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_va14e_55"
+        data-color="2"
+        data-testid="avatar-img"
+        data-type="round"
+        role="presentation"
+        style="--cpd-avatar-size: 32px;"
+      >
+        a
+      </span>
+    </div>
+    <div
+      class="mx_PinnedEventTile_wrapper"
+    >
+      <div
+        class="mx_PinnedEventTile_top"
+      >
+        <span
+          aria-labelledby="react-use-id-1"
+          class="mx_PinnedEventTile_sender mx_Username_color2"
+        >
+          @alice:server.org
+        </span>
+        <button
+          aria-describedby="react-use-id-2"
+          aria-disabled="false"
+          aria-expanded="false"
+          aria-haspopup="menu"
+          aria-label="Open menu"
+          class="_icon-button_1215g_8"
+          data-kind="primary"
+          data-state="closed"
+          id="radix-react-use-id-3"
+          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>
+      </div>
+      <div
+        class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+        id="react-use-id-2"
+      >
+        <div
+          class="mx_EventTile_body translate"
+          dir="auto"
+        >
+          First pinned message
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<PinnedEventTile /> should render pinned event with thread info 1`] = `
+<div>
+  <div
+    class="mx_PinnedEventTile"
+    role="listitem"
+  >
+    <div>
+      <span
+        class="_avatar_va14e_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_va14e_55"
+        data-color="2"
+        data-testid="avatar-img"
+        data-type="round"
+        role="presentation"
+        style="--cpd-avatar-size: 32px;"
+      >
+        a
+      </span>
+    </div>
+    <div
+      class="mx_PinnedEventTile_wrapper"
+    >
+      <div
+        class="mx_PinnedEventTile_top"
+      >
+        <span
+          aria-labelledby="react-use-id-1"
+          class="mx_PinnedEventTile_sender mx_Username_color2"
+        >
+          @alice:server.org
+        </span>
+        <button
+          aria-describedby="react-use-id-2"
+          aria-disabled="false"
+          aria-expanded="false"
+          aria-haspopup="menu"
+          aria-label="Open menu"
+          class="_icon-button_1215g_8"
+          data-kind="primary"
+          data-state="closed"
+          id="radix-react-use-id-3"
+          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>
+      </div>
+      <div
+        class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+        id="react-use-id-2"
+      >
+        <div
+          class="mx_EventTile_body translate"
+          dir="auto"
+        >
+          First pinned message
+        </div>
+      </div>
+      <div
+        class="mx_PinnedEventTile_thread"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M7 10a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 9q0-.424.287-.713A.97.97 0 0 1 7 8h10q.424 0 .712.287Q18 8.576 18 9t-.288.713A.97.97 0 0 1 17 10zm0 4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 13q0-.424.287-.713A.97.97 0 0 1 7 12h6q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 13 14z"
+          />
+          <path
+            d="M3.707 21.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6zM6 17h14V5H4v13.172l.586-.586A2 2 0 0 1 6 17"
+          />
+        </svg>
+        <span>
+          Reply to a 
+          <button
+            type="button"
+          >
+            thread message
+          </button>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
+<div
+  aria-label="Open menu"
+  aria-labelledby="radix-react-use-id-1"
+  aria-orientation="vertical"
+  class="_menu_so651_8"
+  data-align="start"
+  data-orientation="vertical"
+  data-radix-menu-content=""
+  data-side="right"
+  data-state="open"
+  dir="ltr"
+  id="radix-react-use-id-2"
+  role="menu"
+  style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); pointer-events: auto;"
+  tabindex="-1"
+>
+  <button
+    class="_item_bym9p_8 _interactive_bym9p_26"
+    data-kind="primary"
+    data-orientation="vertical"
+    data-radix-collection-item=""
+    role="menuitem"
+    tabindex="-1"
+  >
+    <svg
+      aria-hidden="true"
+      class="_icon_bym9p_51"
+      fill="currentColor"
+      height="24"
+      viewBox="0 0 24 24"
+      width="24"
+      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>
+    <span
+      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+    >
+      View in timeline
+    </span>
+    <svg
+      aria-hidden="true"
+      class="_nav-hint_bym9p_60"
+      fill="currentColor"
+      height="24"
+      viewBox="8 0 8 24"
+      width="8"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+      />
+    </svg>
+  </button>
+  <button
+    class="_item_bym9p_8 _interactive_bym9p_26"
+    data-kind="primary"
+    data-orientation="vertical"
+    data-radix-collection-item=""
+    role="menuitem"
+    tabindex="-1"
+  >
+    <svg
+      aria-hidden="true"
+      class="_icon_bym9p_51"
+      fill="currentColor"
+      height="24"
+      viewBox="0 0 24 24"
+      width="24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        clip-rule="evenodd"
+        d="M5.457 2.083a1 1 0 0 0-1.414 1.414L8.04 7.494v2.25a.5.5 0 0 1-.15.356l-3.7 3.644a.5.5 0 0 0-.15.356v1.4a.5.5 0 0 0 .5.5h6.5v6a1 1 0 0 0 2 0v-6h3.506l4.497 4.497a1 1 0 0 0 1.414-1.414zM14.546 14 10.04 9.494v.25a2.5 2.5 0 0 1-.746 1.781L6.78 14z"
+        fill-rule="evenodd"
+      />
+      <path
+        d="M14.04 4v3.85l2.015 2.015a.5.5 0 0 1-.015-.12V5.257a.5.5 0 0 1 .15-.357l2.081-2.043a.5.5 0 0 0-.35-.857h-9.73l2 2z"
+      />
+    </svg>
+    <span
+      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+    >
+      Unpin
+    </span>
+    <svg
+      aria-hidden="true"
+      class="_nav-hint_bym9p_60"
+      fill="currentColor"
+      height="24"
+      viewBox="8 0 8 24"
+      width="8"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+      />
+    </svg>
+  </button>
+  <button
+    class="_item_bym9p_8 _interactive_bym9p_26"
+    data-kind="primary"
+    data-orientation="vertical"
+    data-radix-collection-item=""
+    role="menuitem"
+    tabindex="-1"
+  >
+    <svg
+      aria-hidden="true"
+      class="_icon_bym9p_51"
+      fill="currentColor"
+      height="24"
+      viewBox="0 0 24 24"
+      width="24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M14.597 5.708a1.004 1.004 0 0 1 0-1.416.996.996 0 0 1 1.412 0l4.699 4.714c.39.391.39 1.025 0 1.416l-4.7 4.714a.996.996 0 0 1-1.411 0 1.004 1.004 0 0 1 0-1.416l3.043-3.053H8.487c-1.888 0-3.485 1.604-3.485 3.666C5.002 16.396 6.599 18 8.487 18h2.093a1 1 0 1 1 0 2H8.487c-3.067 0-5.485-2.575-5.485-5.667S5.42 8.667 8.487 8.667h9.059z"
+      />
+    </svg>
+    <span
+      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+    >
+      Forward
+    </span>
+    <svg
+      aria-hidden="true"
+      class="_nav-hint_bym9p_60"
+      fill="currentColor"
+      height="24"
+      viewBox="8 0 8 24"
+      width="8"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+      />
+    </svg>
+  </button>
+  <div
+    class="_separator_13qwf_8"
+    data-kind="primary"
+    data-orientation="horizontal"
+    role="separator"
+  />
+  <button
+    class="_item_bym9p_8 _interactive_bym9p_26"
+    data-kind="critical"
+    data-orientation="vertical"
+    data-radix-collection-item=""
+    role="menuitem"
+    tabindex="-1"
+  >
+    <svg
+      aria-hidden="true"
+      class="_icon_bym9p_51"
+      fill="currentColor"
+      height="24"
+      viewBox="0 0 24 24"
+      width="24"
+      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>
+    <span
+      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+    >
+      Delete
+    </span>
+    <svg
+      aria-hidden="true"
+      class="_nav-hint_bym9p_60"
+      fill="currentColor"
+      height="24"
+      viewBox="8 0 8 24"
+      width="8"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+      />
+    </svg>
+  </button>
+</div>
+`;
+
+exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`] = `
+<div
+  aria-label="Open menu"
+  aria-labelledby="radix-react-use-id-1"
+  aria-orientation="vertical"
+  class="_menu_so651_8"
+  data-align="start"
+  data-orientation="vertical"
+  data-radix-menu-content=""
+  data-side="right"
+  data-state="open"
+  dir="ltr"
+  id="radix-react-use-id-2"
+  role="menu"
+  style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); pointer-events: auto;"
+  tabindex="-1"
+>
+  <button
+    class="_item_bym9p_8 _interactive_bym9p_26"
+    data-kind="primary"
+    data-orientation="vertical"
+    data-radix-collection-item=""
+    role="menuitem"
+    tabindex="-1"
+  >
+    <svg
+      aria-hidden="true"
+      class="_icon_bym9p_51"
+      fill="currentColor"
+      height="24"
+      viewBox="0 0 24 24"
+      width="24"
+      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>
+    <span
+      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+    >
+      View in timeline
+    </span>
+    <svg
+      aria-hidden="true"
+      class="_nav-hint_bym9p_60"
+      fill="currentColor"
+      height="24"
+      viewBox="8 0 8 24"
+      width="8"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+      />
+    </svg>
+  </button>
+  <button
+    class="_item_bym9p_8 _interactive_bym9p_26"
+    data-kind="primary"
+    data-orientation="vertical"
+    data-radix-collection-item=""
+    role="menuitem"
+    tabindex="-1"
+  >
+    <svg
+      aria-hidden="true"
+      class="_icon_bym9p_51"
+      fill="currentColor"
+      height="24"
+      viewBox="0 0 24 24"
+      width="24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M14.597 5.708a1.004 1.004 0 0 1 0-1.416.996.996 0 0 1 1.412 0l4.699 4.714c.39.391.39 1.025 0 1.416l-4.7 4.714a.996.996 0 0 1-1.411 0 1.004 1.004 0 0 1 0-1.416l3.043-3.053H8.487c-1.888 0-3.485 1.604-3.485 3.666C5.002 16.396 6.599 18 8.487 18h2.093a1 1 0 1 1 0 2H8.487c-3.067 0-5.485-2.575-5.485-5.667S5.42 8.667 8.487 8.667h9.059z"
+      />
+    </svg>
+    <span
+      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+    >
+      Forward
+    </span>
+    <svg
+      aria-hidden="true"
+      class="_nav-hint_bym9p_60"
+      fill="currentColor"
+      height="24"
+      viewBox="8 0 8 24"
+      width="8"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+      />
+    </svg>
+  </button>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/PinnedMessageBanner-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/PinnedMessageBanner-test.tsx.snap
new file mode 100644
index 00000000000..f227824dfd7
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/PinnedMessageBanner-test.tsx.snap
@@ -0,0 +1,571 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<PinnedMessageBanner /> should display display a poll event 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Pinned messages"
+    class="mx_PinnedMessageBanner"
+    data-single-message="true"
+    data-testid="pinned-message-banner"
+    role="region"
+  >
+    <button
+      aria-describedby="react-use-id-1"
+      aria-label="View the pinned message in the timeline and the newest pinned message here"
+      class="mx_PinnedMessageBanner_main"
+      type="button"
+    >
+      <div
+        class="mx_PinnedMessageBanner_content"
+        id="react-use-id-1"
+      >
+        <div
+          class="mx_PinnedMessageBanner_Indicators"
+        >
+          <div
+            class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
+            data-testid="banner-indicator"
+          />
+        </div>
+        <svg
+          class="mx_PinnedMessageBanner_PinIcon"
+          fill="currentColor"
+          height="20px"
+          viewBox="0 0 24 24"
+          width="20px"
+          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>
+        <span
+          class="mx_EventPreview _eventPreview_w0s50_8 mx_PinnedMessageBanner_message"
+          data-testid="banner-message"
+        >
+          <span>
+            <strong>
+              Poll:
+            </strong>
+             Alice?
+          </span>
+        </span>
+      </div>
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<PinnedMessageBanner /> should display the last message when the pinned event array changed 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Pinned messages"
+    class="mx_PinnedMessageBanner"
+    data-single-message="false"
+    data-testid="pinned-message-banner"
+    role="region"
+  >
+    <button
+      aria-describedby="react-use-id-1"
+      aria-label="View the pinned message in the timeline and the newest pinned message here"
+      class="mx_PinnedMessageBanner_main"
+      type="button"
+    >
+      <div
+        class="mx_PinnedMessageBanner_content"
+        id="react-use-id-1"
+      >
+        <div
+          class="mx_PinnedMessageBanner_Indicators"
+        >
+          <div
+            class="mx_PinnedMessageBanner_Indicator"
+            data-testid="banner-indicator"
+          />
+          <div
+            class="mx_PinnedMessageBanner_Indicator"
+            data-testid="banner-indicator"
+          />
+          <div
+            class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
+            data-testid="banner-indicator"
+          />
+        </div>
+        <svg
+          class="mx_PinnedMessageBanner_PinIcon"
+          fill="currentColor"
+          height="20px"
+          viewBox="0 0 24 24"
+          width="20px"
+          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
+          class="mx_PinnedMessageBanner_title"
+          data-testid="banner-counter"
+        >
+          <span>
+            <span
+              class="mx_PinnedMessageBanner_title_counter"
+            >
+              3 of 3
+            </span>
+             Pinned messages
+          </span>
+        </div>
+        <span
+          class="mx_EventPreview _eventPreview_w0s50_8 mx_PinnedMessageBanner_message"
+          data-testid="banner-message"
+        >
+          Third pinned message
+        </span>
+      </div>
+    </button>
+    <button
+      class="_button_1nw83_8 mx_PinnedMessageBanner_actions"
+      data-kind="tertiary"
+      data-size="lg"
+      role="button"
+      tabindex="0"
+    >
+      View all
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<PinnedMessageBanner /> should display the m.audio event type 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Pinned messages"
+    class="mx_PinnedMessageBanner"
+    data-single-message="true"
+    data-testid="pinned-message-banner"
+    role="region"
+  >
+    <button
+      aria-describedby="react-use-id-1"
+      aria-label="View the pinned message in the timeline and the newest pinned message here"
+      class="mx_PinnedMessageBanner_main"
+      type="button"
+    >
+      <div
+        class="mx_PinnedMessageBanner_content"
+        id="react-use-id-1"
+      >
+        <div
+          class="mx_PinnedMessageBanner_Indicators"
+        >
+          <div
+            class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
+            data-testid="banner-indicator"
+          />
+        </div>
+        <svg
+          class="mx_PinnedMessageBanner_PinIcon"
+          fill="currentColor"
+          height="20px"
+          viewBox="0 0 24 24"
+          width="20px"
+          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>
+        <span
+          class="mx_EventPreview _eventPreview_w0s50_8 mx_PinnedMessageBanner_message"
+          data-testid="banner-message"
+        >
+          <span>
+            <strong>
+              Audio:
+            </strong>
+             Message with m.audio type
+          </span>
+        </span>
+      </div>
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<PinnedMessageBanner /> should display the m.file event type 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Pinned messages"
+    class="mx_PinnedMessageBanner"
+    data-single-message="true"
+    data-testid="pinned-message-banner"
+    role="region"
+  >
+    <button
+      aria-describedby="react-use-id-1"
+      aria-label="View the pinned message in the timeline and the newest pinned message here"
+      class="mx_PinnedMessageBanner_main"
+      type="button"
+    >
+      <div
+        class="mx_PinnedMessageBanner_content"
+        id="react-use-id-1"
+      >
+        <div
+          class="mx_PinnedMessageBanner_Indicators"
+        >
+          <div
+            class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
+            data-testid="banner-indicator"
+          />
+        </div>
+        <svg
+          class="mx_PinnedMessageBanner_PinIcon"
+          fill="currentColor"
+          height="20px"
+          viewBox="0 0 24 24"
+          width="20px"
+          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>
+        <span
+          class="mx_EventPreview _eventPreview_w0s50_8 mx_PinnedMessageBanner_message"
+          data-testid="banner-message"
+        >
+          <span>
+            <strong>
+              File:
+            </strong>
+             Message with m.file type
+          </span>
+        </span>
+      </div>
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<PinnedMessageBanner /> should display the m.image event type 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Pinned messages"
+    class="mx_PinnedMessageBanner"
+    data-single-message="true"
+    data-testid="pinned-message-banner"
+    role="region"
+  >
+    <button
+      aria-describedby="react-use-id-1"
+      aria-label="View the pinned message in the timeline and the newest pinned message here"
+      class="mx_PinnedMessageBanner_main"
+      type="button"
+    >
+      <div
+        class="mx_PinnedMessageBanner_content"
+        id="react-use-id-1"
+      >
+        <div
+          class="mx_PinnedMessageBanner_Indicators"
+        >
+          <div
+            class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
+            data-testid="banner-indicator"
+          />
+        </div>
+        <svg
+          class="mx_PinnedMessageBanner_PinIcon"
+          fill="currentColor"
+          height="20px"
+          viewBox="0 0 24 24"
+          width="20px"
+          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>
+        <span
+          class="mx_EventPreview _eventPreview_w0s50_8 mx_PinnedMessageBanner_message"
+          data-testid="banner-message"
+        >
+          <span>
+            <strong>
+              Image:
+            </strong>
+             Message with m.image type
+          </span>
+        </span>
+      </div>
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<PinnedMessageBanner /> should display the m.video event type 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Pinned messages"
+    class="mx_PinnedMessageBanner"
+    data-single-message="true"
+    data-testid="pinned-message-banner"
+    role="region"
+  >
+    <button
+      aria-describedby="react-use-id-1"
+      aria-label="View the pinned message in the timeline and the newest pinned message here"
+      class="mx_PinnedMessageBanner_main"
+      type="button"
+    >
+      <div
+        class="mx_PinnedMessageBanner_content"
+        id="react-use-id-1"
+      >
+        <div
+          class="mx_PinnedMessageBanner_Indicators"
+        >
+          <div
+            class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
+            data-testid="banner-indicator"
+          />
+        </div>
+        <svg
+          class="mx_PinnedMessageBanner_PinIcon"
+          fill="currentColor"
+          height="20px"
+          viewBox="0 0 24 24"
+          width="20px"
+          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>
+        <span
+          class="mx_EventPreview _eventPreview_w0s50_8 mx_PinnedMessageBanner_message"
+          data-testid="banner-message"
+        >
+          <span>
+            <strong>
+              Video:
+            </strong>
+             Message with m.video type
+          </span>
+        </span>
+      </div>
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<PinnedMessageBanner /> should render 2 pinned event 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Pinned messages"
+    class="mx_PinnedMessageBanner"
+    data-single-message="false"
+    data-testid="pinned-message-banner"
+    role="region"
+  >
+    <button
+      aria-describedby="react-use-id-1"
+      aria-label="View the pinned message in the timeline and the newest pinned message here"
+      class="mx_PinnedMessageBanner_main"
+      type="button"
+    >
+      <div
+        class="mx_PinnedMessageBanner_content"
+        id="react-use-id-1"
+      >
+        <div
+          class="mx_PinnedMessageBanner_Indicators"
+        >
+          <div
+            class="mx_PinnedMessageBanner_Indicator"
+            data-testid="banner-indicator"
+          />
+          <div
+            class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
+            data-testid="banner-indicator"
+          />
+        </div>
+        <svg
+          class="mx_PinnedMessageBanner_PinIcon"
+          fill="currentColor"
+          height="20px"
+          viewBox="0 0 24 24"
+          width="20px"
+          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
+          class="mx_PinnedMessageBanner_title"
+          data-testid="banner-counter"
+        >
+          <span>
+            <span
+              class="mx_PinnedMessageBanner_title_counter"
+            >
+              2 of 2
+            </span>
+             Pinned messages
+          </span>
+        </div>
+        <span
+          class="mx_EventPreview _eventPreview_w0s50_8 mx_PinnedMessageBanner_message"
+          data-testid="banner-message"
+        >
+          Second pinned message
+        </span>
+      </div>
+    </button>
+    <button
+      class="_button_1nw83_8 mx_PinnedMessageBanner_actions"
+      data-kind="tertiary"
+      data-size="lg"
+      role="button"
+      tabindex="0"
+    >
+      View all
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<PinnedMessageBanner /> should render 4 pinned event 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Pinned messages"
+    class="mx_PinnedMessageBanner"
+    data-single-message="false"
+    data-testid="pinned-message-banner"
+    role="region"
+  >
+    <button
+      aria-describedby="react-use-id-1"
+      aria-label="View the pinned message in the timeline and the newest pinned message here"
+      class="mx_PinnedMessageBanner_main"
+      type="button"
+    >
+      <div
+        class="mx_PinnedMessageBanner_content"
+        id="react-use-id-1"
+      >
+        <div
+          class="mx_PinnedMessageBanner_Indicators"
+        >
+          <div
+            class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
+            data-testid="banner-indicator"
+          />
+          <div
+            class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--hidden"
+            data-testid="banner-indicator"
+          />
+          <div
+            class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--hidden"
+            data-testid="banner-indicator"
+          />
+        </div>
+        <svg
+          class="mx_PinnedMessageBanner_PinIcon"
+          fill="currentColor"
+          height="20px"
+          viewBox="0 0 24 24"
+          width="20px"
+          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
+          class="mx_PinnedMessageBanner_title"
+          data-testid="banner-counter"
+        >
+          <span>
+            <span
+              class="mx_PinnedMessageBanner_title_counter"
+            >
+              4 of 4
+            </span>
+             Pinned messages
+          </span>
+        </div>
+        <span
+          class="mx_EventPreview _eventPreview_w0s50_8 mx_PinnedMessageBanner_message"
+          data-testid="banner-message"
+        >
+          Fourth pinned message
+        </span>
+      </div>
+    </button>
+    <button
+      class="_button_1nw83_8 mx_PinnedMessageBanner_actions"
+      data-kind="tertiary"
+      data-size="lg"
+      role="button"
+      tabindex="0"
+    >
+      View all
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<PinnedMessageBanner /> should render a single pinned event 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Pinned messages"
+    class="mx_PinnedMessageBanner"
+    data-single-message="true"
+    data-testid="pinned-message-banner"
+    role="region"
+  >
+    <button
+      aria-describedby="react-use-id-1"
+      aria-label="View the pinned message in the timeline and the newest pinned message here"
+      class="mx_PinnedMessageBanner_main"
+      type="button"
+    >
+      <div
+        class="mx_PinnedMessageBanner_content"
+        id="react-use-id-1"
+      >
+        <div
+          class="mx_PinnedMessageBanner_Indicators"
+        >
+          <div
+            class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
+            data-testid="banner-indicator"
+          />
+        </div>
+        <svg
+          class="mx_PinnedMessageBanner_PinIcon"
+          fill="currentColor"
+          height="20px"
+          viewBox="0 0 24 24"
+          width="20px"
+          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>
+        <span
+          class="mx_EventPreview _eventPreview_w0s50_8 mx_PinnedMessageBanner_message"
+          data-testid="banner-message"
+        >
+          First pinned message
+        </span>
+      </div>
+    </button>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/ReadReceiptGroup-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/ReadReceiptGroup-test.tsx.snap
new file mode 100644
index 00000000000..df84c2e7158
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/ReadReceiptGroup-test.tsx.snap
@@ -0,0 +1,134 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`ReadReceiptGroup <ReadReceiptPerson /> should display a tooltip 1`] = `
+<div
+  class="_tooltip_1nqnq_8"
+  data-floating-ui-focusable=""
+  id="react-use-id-1"
+  role="tooltip"
+  style="position: absolute; left: 0px; top: 0px; transform: translate(5px, -6px);"
+  tabindex="-1"
+>
+  <svg
+    aria-hidden="true"
+    class="_arrow_1nqnq_33"
+    height="10"
+    style="position: absolute; pointer-events: none; top: 100%; left: -1px;"
+    viewBox="0 0 10 10"
+    width="10"
+  >
+    <path
+      d="M0,0 H10 L5,6 Q5,6 5,6 Z"
+      stroke="none"
+    />
+    <clippath
+      id="react-use-id-2"
+    >
+      <rect
+        height="10"
+        width="10"
+        x="0"
+        y="0"
+      />
+    </clippath>
+  </svg>
+  <span
+    id="react-use-id-3"
+  >
+    Alice
+  </span>
+  <span
+    class="_caption_1nqnq_28 cpd-theme-dark"
+    id="react-use-id-4"
+  >
+    @alice:example.org
+  </span>
+</div>
+`;
+
+exports[`ReadReceiptGroup <ReadReceiptPerson /> should fall back to userId if roomMember unspecified 1`] = `
+<div>
+  <span
+    tabindex="0"
+  >
+    <div
+      class="mx_AccessibleButton mx_ReadReceiptGroup_person"
+      role="menuitem"
+      tabindex="-1"
+    >
+      <span
+        aria-hidden="true"
+        aria-live="off"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+        data-color="3"
+        data-testid="avatar-img"
+        data-type="round"
+        role="presentation"
+        style="--cpd-avatar-size: 24px;"
+      >
+        a
+      </span>
+      <div
+        class="mx_ReadReceiptGroup_name"
+      >
+        <p>
+          @alice:example.org
+        </p>
+        <p
+          class="mx_ReadReceiptGroup_secondary"
+        >
+          ==MOCK FORMATTED DATE==
+        </p>
+      </div>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`ReadReceiptGroup <ReadReceiptPerson /> should render 1`] = `
+<div>
+  <span
+    tabindex="0"
+  >
+    <div
+      class="mx_AccessibleButton mx_ReadReceiptGroup_person"
+      role="menuitem"
+      tabindex="-1"
+    >
+      <span
+        aria-hidden="true"
+        aria-label="Profile picture"
+        aria-live="off"
+        class="_avatar_va14e_8 mx_BaseAvatar"
+        data-color="3"
+        data-testid="avatar-img"
+        data-type="round"
+        style="--cpd-avatar-size: 24px;"
+      >
+        <img
+          alt=""
+          class="_image_va14e_43"
+          data-type="round"
+          height="24px"
+          loading="lazy"
+          referrerpolicy="no-referrer"
+          src="http://this.is.a.url//placekitten.com/400/400"
+          width="24px"
+        />
+      </span>
+      <div
+        class="mx_ReadReceiptGroup_name"
+      >
+        <p>
+          @alice:example.org
+        </p>
+        <p
+          class="mx_ReadReceiptGroup_secondary"
+        >
+          ==MOCK FORMATTED DATE==
+        </p>
+      </div>
+    </div>
+  </span>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomInfoLine-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomInfoLine-test.tsx.snap
new file mode 100644
index 00000000000..643c3b3bf0f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomInfoLine-test.tsx.snap
@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`RoomInfoLine renders for public room 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_RoomInfoLine"
+  >
+    <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>
+    Public room
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomPreviewBar-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomPreviewBar-test.tsx.snap
new file mode 100644
index 00000000000..0a30004ba54
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomPreviewBar-test.tsx.snap
@@ -0,0 +1,442 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding actions 1`] = `
+<div
+  class="mx_RoomPreviewBar_actions mx_RoomPreviewBar_fullWidth"
+>
+  <div
+    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+    role="button"
+    tabindex="0"
+  >
+    Request access
+  </div>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding message 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    Ask to join RoomPreviewBar-test-room?
+  </h3>
+  <p>
+    <span
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+      data-color="6"
+      data-testid="avatar-img"
+      data-type="round"
+      role="presentation"
+      style="--cpd-avatar-size: 36px;"
+    >
+      R
+    </span>
+  </p>
+  <p>
+    You need to be granted access to this room in order to view or participate in the conversation. You can send a request to join below.
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding message when kicked 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    Ask to join RoomPreviewBar-test-room?
+  </h3>
+  <p>
+    <span
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+      data-color="6"
+      data-testid="avatar-img"
+      data-type="round"
+      role="presentation"
+      style="--cpd-avatar-size: 36px;"
+    >
+      R
+    </span>
+  </p>
+  <p>
+    You need to be granted access to this room in order to view or participate in the conversation. You can send a request to join below.
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding message with a generic title 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    Ask to join?
+  </h3>
+  <p>
+    <span
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+      data-color="1"
+      data-testid="avatar-img"
+      data-type="round"
+      role="presentation"
+      style="--cpd-avatar-size: 36px;"
+    >
+      ?
+    </span>
+  </p>
+  <p>
+    You need to be granted access to this room in order to view or participate in the conversation. You can send a request to join below.
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> message case Knocked renders the corresponding actions 1`] = `
+<div
+  class="mx_RoomPreviewBar_actions"
+>
+  <div
+    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
+    role="button"
+    tabindex="0"
+  >
+    Cancel request
+  </div>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> message case Knocked renders the corresponding message 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    Request to join sent
+  </h3>
+  <p>
+    <svg
+      class="mx_Icon mx_Icon_16 mx_RoomPreviewBar_icon"
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 18.156q.478 0 .802-.323.323-.324.323-.802h-2.25q0 .478.323.802.324.323.802.323M8.063 16.47h7.874a.54.54 0 0 0 .394-.169.54.54 0 0 0 0-.788.54.54 0 0 0-.393-.168h-.563V12.7q0-1.237-.675-2.25a3 3 0 0 0-1.856-1.294v-.281a.82.82 0 0 0-.24-.605.82.82 0 0 0-.604-.239.82.82 0 0 0-.844.844v.281A3 3 0 0 0 9.3 10.45a3.97 3.97 0 0 0-.675 2.25v2.644h-.562a.54.54 0 0 0-.394.168.54.54 0 0 0 0 .788.54.54 0 0 0 .394.169M3 19.844V9.719q0-.534.24-1.013.238-.478.66-.787l6.75-5.063q.31-.225.647-.337.338-.113.703-.113.366 0 .703.113.337.112.647.337L20.1 7.92q.422.309.66.787.24.479.24 1.013v10.125q0 .927-.66 1.589-.662.66-1.59.66H5.25q-.928 0-1.59-.66-.66-.66-.66-1.59m2.25 0h13.5V9.719L12 4.656 5.25 9.72z"
+      />
+    </svg>
+    Your request to join is pending.
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> renders banned message 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    You were banned from RoomPreviewBar-test-room by @kicker:test.com
+  </h3>
+  <p>
+    Reason: test reason
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> renders denied request message 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    You have been denied access
+  </h3>
+  <p>
+    As you have been denied access, you cannot rejoin unless you are invited by the admin or moderator of the group.
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> renders kicked message 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    You were removed from RoomPreviewBar-test-room by @kicker:test.com
+  </h3>
+  <p>
+    Reason: test reason
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> renders viewing room message when room an be previewed 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    You're previewing RoomPreviewBar-test-room. Want to join it?
+  </h3>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> renders viewing room message when room can not be previewed 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    RoomPreviewBar-test-room can't be previewed. Do you want to join it?
+  </h3>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> with an error renders other errors 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    RoomPreviewBar-test-room is not accessible at this time.
+  </h3>
+  <p>
+    Try again later, or ask a room or space admin to check if you have access.
+  </p>
+  <p>
+    <span>
+      Something_else was returned while trying to access the room or space. If you think you're seeing this message in error, please 
+      <a
+        href="https://github.com/vector-im/element-web/issues/new/choose"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        submit a bug report
+      </a>
+      .
+    </span>
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> with an error renders room not found error 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    RoomPreviewBar-test-room does not exist.
+  </h3>
+  <p>
+    Are you sure you're at the right place?
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> with an invite with an invited email when client fails to get 3PIDs renders error message 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    Something went wrong with your invite to RoomPreviewBar-test-room
+  </h3>
+  <p>
+    An error (unknown error code) was returned while trying to validate your invite. You could try to pass this information on to the person who invited you.
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> with an invite with an invited email when client has an identity server connected renders email mismatch message when invite email mxid doesnt match 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 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"
+>
+  <h3>
+    Do you want to join RoomPreviewBar-test-room?
+  </h3>
+  <p>
+    <span
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+      data-color="6"
+      data-testid="avatar-img"
+      data-type="round"
+      role="presentation"
+      style="--cpd-avatar-size: 36px;"
+    >
+      R
+    </span>
+  </p>
+  <p>
+    <span>
+      Invited by 
+      <span
+        class="mx_RoomPreviewBar_inviter"
+      >
+        @inviter:test.com
+      </span>
+    </span>
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> with an invite with an invited email when client has no identity server connected renders invite message with invited email 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    This invite to RoomPreviewBar-test-room was sent to test@test.com
+  </h3>
+  <p>
+    Use an identity server in Settings to receive invites directly in Element.
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> with an invite with an invited email when invitedEmail is not associated with current account renders invite message with invited email 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    This invite to RoomPreviewBar-test-room was sent to test@test.com which is not associated with your account
+  </h3>
+  <p>
+    Link this email with your account in Settings to receive invites directly in Element.
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> with an invite without an invited email for a dm room renders invite message 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    Do you want to chat with @inviter:test.com?
+  </h3>
+  <p>
+    <span
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+      data-color="6"
+      data-testid="avatar-img"
+      data-type="round"
+      role="presentation"
+      style="--cpd-avatar-size: 36px;"
+    >
+      R
+    </span>
+  </p>
+  <p>
+    <span>
+      <span
+        class="mx_RoomPreviewBar_inviter"
+      >
+        @inviter:test.com name
+      </span>
+       wants to chat
+    </span>
+    <br />
+    <span
+      class="mx_RoomPreviewBar_inviter_mxid"
+    >
+      @inviter:test.com
+    </span>
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> with an invite without an invited email for a non-dm room renders invite message 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    Do you want to join RoomPreviewBar-test-room?
+  </h3>
+  <p>
+    <span
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+      data-color="6"
+      data-testid="avatar-img"
+      data-type="round"
+      role="presentation"
+      style="--cpd-avatar-size: 36px;"
+    >
+      R
+    </span>
+  </p>
+  <p>
+    <span>
+      Invited by 
+      <span
+        class="mx_RoomPreviewBar_inviter"
+      >
+        @inviter:test.com name
+      </span>
+    </span>
+    <br />
+    <span
+      class="mx_RoomPreviewBar_inviter_mxid"
+    >
+      @inviter:test.com
+    </span>
+  </p>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> with an invite without an invited email for a non-dm room renders join and reject action buttons correctly 1`] = `
+<div
+  class="mx_RoomPreviewBar_actions"
+>
+  <div
+    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+    role="button"
+    tabindex="0"
+  >
+    Accept
+  </div>
+  <div
+    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
+    role="button"
+    tabindex="0"
+  >
+    Decline
+  </div>
+</div>
+`;
+
+exports[`<RoomPreviewBar /> with an invite without an invited email for a non-dm room renders join and reject action buttons in reverse order when room can previewed 1`] = `
+<div
+  class="mx_RoomPreviewBar_actions"
+>
+  <div
+    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
+    role="button"
+    tabindex="0"
+  >
+    Decline
+  </div>
+  <div
+    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+    role="button"
+    tabindex="0"
+  >
+    Accept
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/ThirdPartyMemberInfo-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/ThirdPartyMemberInfo-test.tsx.snap
new file mode 100644
index 00000000000..a8bf5bb2d0d
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/ThirdPartyMemberInfo-test.tsx.snap
@@ -0,0 +1,155 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ThirdPartyMemberInfo /> should render invite 1`] = `
+<div>
+  <div
+    class="mx_BaseCard"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_title"
+      >
+        <p
+          aria-level="1"
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
+          role="heading"
+        >
+          Profile
+        </p>
+      </div>
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar"
+      tabindex="-1"
+    >
+      <div
+        class="_flex_4dswl_9 mx_ThirdPartyMemberInfo"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
+      >
+        <section
+          class="_flex_4dswl_9"
+          style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <span
+            aria-level="2"
+            class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
+            role="heading"
+          >
+            bob@bob.com
+          </span>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+          >
+            Invited by Alice DisplayName
+          </span>
+        </section>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<ThirdPartyMemberInfo /> should render invite when room in not available 1`] = `
+<div>
+  <div
+    class="mx_BaseCard"
+  >
+    <div
+      class="mx_BaseCard_header"
+    >
+      <div
+        class="mx_BaseCard_header_title"
+      >
+        <p
+          aria-level="1"
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
+          role="heading"
+        >
+          Profile
+        </p>
+      </div>
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-close-button"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="_scrollbar_1d5jg_8 mx_AutoHideScrollbar"
+      tabindex="-1"
+    >
+      <div
+        class="_flex_4dswl_9 mx_ThirdPartyMemberInfo"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
+      >
+        <section
+          class="_flex_4dswl_9"
+          style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <span
+            aria-level="2"
+            class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
+            role="heading"
+          >
+            bob@bob.com
+          </span>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+          >
+            Invited by Alice DisplayName
+          </span>
+        </section>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/rooms/memberlist/MemberListHeaderView-test.ts b/apps/web/test/unit-tests/components/views/rooms/memberlist/MemberListHeaderView-test.ts
new file mode 100644
index 00000000000..18016ceaf70
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/memberlist/MemberListHeaderView-test.ts
@@ -0,0 +1,136 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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 { act, fireEvent, screen, waitFor } from "jest-matrix-react";
+import { RoomMember, User, RoomEvent, RoomStateEvent, type RoomState } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { mocked } from "jest-mock";
+
+import { shouldShowComponent } from "../../../../../../src/customisations/helpers/UIComponents";
+import defaultDispatcher from "../../../../../../src/dispatcher/dispatcher";
+import { type Rendered, renderMemberList } from "./common";
+
+jest.mock("../../../../../../src/customisations/helpers/UIComponents", () => ({
+    shouldShowComponent: jest.fn(),
+}));
+
+jest.spyOn(HTMLElement.prototype, "offsetHeight", "get").mockReturnValue(1500);
+jest.spyOn(HTMLElement.prototype, "offsetWidth", "get").mockReturnValue(1500);
+
+describe("Does not render invite button in memberlist header", () => {
+    it("when user is not a member", async () => {
+        await renderMemberList(true, (room) => room.updateMyMembership(KnownMembership.Leave));
+        expect(screen.queryByRole("button", { name: "Invite" })).toBeNull();
+    });
+
+    it("when UI customisation hides invites", async () => {
+        mocked(shouldShowComponent).mockReturnValue(false);
+        const { client, memberListRoom } = await renderMemberList(true);
+        // Needs this specific event...
+        act(() => {
+            client.emit(RoomEvent.MyMembership, memberListRoom, KnownMembership.Join, KnownMembership.Invite);
+        });
+        await waitFor(() => expect(screen.queryByRole("button", { name: "Invite" })).toBeNull());
+    });
+});
+
+describe("MemberListHeaderView", () => {
+    let rendered: Rendered;
+
+    beforeEach(async function () {
+        mocked(shouldShowComponent).mockReturnValue(true);
+        rendered = await renderMemberList(true);
+    });
+
+    it("Shows the correct member count", async () => {
+        expect(await screen.findByText("6 Members")).toBeVisible();
+    });
+
+    it("Does not show search box when there's less than 20 members", async () => {
+        expect(screen.queryByPlaceholderText("Search room members")).toBeNull();
+    });
+
+    it("Shows search box when there's more than 20 members", async () => {
+        const { memberListRoom, client, reRender } = rendered;
+        // Memberlist already has 6 members, add 14 more to make the total 20
+        for (let i = 0; i < 14; ++i) {
+            const newMember = new RoomMember(memberListRoom.roomId, `@new${i}:localhost`);
+            newMember.membership = KnownMembership.Join;
+            newMember.powerLevel = 0;
+            newMember.user = User.createUser(newMember.userId, client);
+            newMember.user.currentlyActive = true;
+            newMember.user.presence = "online";
+            newMember.user.lastPresenceTs = 1000;
+            newMember.user.lastActiveAgo = 10;
+            memberListRoom.currentState.members[newMember.userId] = newMember;
+        }
+        await reRender();
+        await waitFor(() => expect(screen.queryByPlaceholderText("Search room members")).toBeVisible());
+    });
+
+    describe("Invite button functionality", () => {
+        afterEach(() => {
+            jest.restoreAllMocks();
+        });
+
+        it("Renders disabled invite button when current user is a member but does not have rights to invite", async () => {
+            const { memberListRoom, reRender } = rendered;
+            jest.spyOn(memberListRoom, "getMyMembership").mockReturnValue(KnownMembership.Join);
+            jest.spyOn(memberListRoom, "canInvite").mockReturnValue(false);
+            await reRender();
+            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 () => {
+            const { memberListRoom, reRender } = rendered;
+            jest.spyOn(memberListRoom, "getMyMembership").mockReturnValue(KnownMembership.Join);
+            jest.spyOn(memberListRoom, "canInvite").mockReturnValue(true);
+            await reRender();
+            await waitFor(() =>
+                expect(screen.getByRole("button", { name: "Invite" })).not.toHaveAttribute("aria-disabled", "true"),
+            );
+        });
+
+        it("Updates the invite button when a power level change grants invite rights", async () => {
+            const { memberListRoom, client, reRender } = rendered;
+            jest.spyOn(memberListRoom, "getMyMembership").mockReturnValue(KnownMembership.Join);
+            jest.spyOn(memberListRoom, "canInvite").mockReturnValue(false);
+            await reRender();
+            await waitFor(() =>
+                expect(screen.getByRole("button", { name: "Invite" })).toHaveAttribute("aria-disabled", "true"),
+            );
+
+            // Grant the right to invite, and announce it the way a power level change does
+            jest.spyOn(memberListRoom, "canInvite").mockReturnValue(true);
+            act(() => {
+                client.emit(RoomStateEvent.Update, { roomId: memberListRoom.roomId } as RoomState);
+            });
+
+            await waitFor(() =>
+                expect(screen.getByRole("button", { name: "Invite" })).not.toHaveAttribute("aria-disabled", "true"),
+            );
+        });
+
+        it("Opens room inviter on button click", async () => {
+            const { memberListRoom, reRender } = rendered;
+            jest.spyOn(defaultDispatcher, "dispatch");
+            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",
+                roomId: memberListRoom.roomId,
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/memberlist/MemberListView-test.ts b/apps/web/test/unit-tests/components/views/rooms/memberlist/MemberListView-test.ts
new file mode 100644
index 00000000000..1da454ff89c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/memberlist/MemberListView-test.ts
@@ -0,0 +1,279 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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 { act } from "react";
+import { waitFor, fireEvent } from "jest-matrix-react";
+import { type Room, type RoomMember, MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { filterConsole, mkThirdPartyInviteEvent } from "../../../../../test-utils";
+import { type Rendered, renderMemberList } from "./common";
+
+jest.mock("../../../../../../src/customisations/helpers/UIComponents", () => ({
+    shouldShowComponent: jest.fn(),
+}));
+
+jest.spyOn(HTMLElement.prototype, "offsetHeight", "get").mockReturnValue(1500);
+jest.spyOn(HTMLElement.prototype, "offsetWidth", "get").mockReturnValue(1500);
+
+describe("MemberListView and MemberlistHeaderView", () => {
+    filterConsole(
+        "Age for event was not available, using `now - origin_server_ts` as a fallback. If the device clock is not correct issues might occur.",
+    );
+
+    function memberString(member: RoomMember): string {
+        if (!member) {
+            return "(null)";
+        } else {
+            const u = member.user;
+            return (
+                "(" +
+                member.name +
+                ", " +
+                member.powerLevel +
+                ", " +
+                (u ? u.lastActiveAgo : "<null>") +
+                ", " +
+                (u ? u.getLastActiveTs() : "<null>") +
+                ", " +
+                (u ? u.currentlyActive : "<null>") +
+                ", " +
+                (u ? u.presence : "<null>") +
+                ")"
+            );
+        }
+    }
+
+    function expectOrderedByPresenceAndPowerLevel(
+        memberListRoom: Room,
+        memberTiles: NodeListOf<Element>,
+        isPresenceEnabled: boolean,
+    ) {
+        let prevMember: RoomMember | undefined;
+        for (const tile of memberTiles) {
+            const memberA = prevMember;
+            const memberB = memberListRoom.currentState.members[tile.getAttribute("aria-label")!.split(" ")[0]];
+            prevMember = memberB; // just in case an expect fails, set this early
+            if (!memberA) {
+                continue;
+            }
+
+            console.log("COMPARING A VS B:", memberString(memberA), memberString(memberB));
+
+            const userA = memberA.user!;
+            const userB = memberB.user!;
+
+            let groupChange = false;
+
+            if (isPresenceEnabled) {
+                const convertPresence = (p: string) => (p === "unavailable" ? "online" : p);
+                const presenceIndex = (p: string) => {
+                    const order = ["active", "online", "offline"];
+                    const idx = order.indexOf(convertPresence(p));
+                    return idx === -1 ? order.length : idx; // unknown states at the end
+                };
+
+                const idxA = presenceIndex(userA.currentlyActive ? "active" : userA.presence);
+                const idxB = presenceIndex(userB.currentlyActive ? "active" : userB.presence);
+                console.log("Comparing presence groups...");
+                expect(idxB).toBeGreaterThanOrEqual(idxA);
+                groupChange = idxA !== idxB;
+            } else {
+                console.log("Skipped presence groups");
+            }
+
+            if (!groupChange) {
+                console.log("Comparing power levels...");
+                expect(memberA.powerLevel).toBeGreaterThanOrEqual(memberB.powerLevel);
+                groupChange = memberA.powerLevel !== memberB.powerLevel;
+            } else {
+                console.log("Skipping power level check due to group change");
+            }
+
+            if (!groupChange) {
+                if (isPresenceEnabled) {
+                    console.log("Comparing last active timestamp...");
+                    expect(userB.getLastActiveTs()).toBeLessThanOrEqual(userA.getLastActiveTs());
+                    groupChange = userA.getLastActiveTs() !== userB.getLastActiveTs();
+                } else {
+                    console.log("Skipping last active timestamp");
+                }
+            } else {
+                console.log("Skipping last active timestamp check due to group change");
+            }
+
+            if (!groupChange) {
+                const nameA = memberA.name[0] === "@" ? memberA.name.slice(1) : memberA.name;
+                const nameB = memberB.name[0] === "@" ? memberB.name.slice(1) : memberB.name;
+                const collator = new Intl.Collator();
+                const nameCompare = collator.compare(nameB, nameA);
+                console.log("Comparing name");
+                expect(nameCompare).toBeGreaterThanOrEqual(0);
+            } else {
+                console.log("Skipping name check due to group change");
+            }
+        }
+    }
+
+    describe("MemberListView", () => {
+        let rendered: Rendered;
+
+        beforeEach(async function () {
+            rendered = await renderMemberList(true);
+        });
+
+        it("Memberlist is re-rendered on unreachable presence event", async () => {
+            const { root, defaultUsers } = rendered;
+            await act(async () => {
+                defaultUsers[0].user?.setPresenceEvent(
+                    new MatrixEvent({
+                        type: "m.presence",
+                        sender: defaultUsers[0].userId,
+                        content: {
+                            presence: "io.element.unreachable",
+                            currently_active: false,
+                        },
+                    }),
+                );
+            });
+            await waitFor(() => {
+                expect(root.container.querySelector(".mx_PresenceIconView_unavailable")).not.toBeNull();
+            });
+        });
+
+        it("should prevent default form submission", async () => {
+            const { root } = rendered;
+            const form = root.container.querySelector("form");
+            expect(form).not.toBeNull();
+            const submitEvent = new Event("submit", { bubbles: true, cancelable: true });
+            const preventDefaultSpy = jest.spyOn(submitEvent, "preventDefault");
+            fireEvent(form!, submitEvent);
+            expect(preventDefaultSpy).toHaveBeenCalled();
+        });
+    });
+
+    describe.each([true, false])("does order members correctly (presence %s)", (enablePresence) => {
+        let rendered: Rendered;
+
+        beforeEach(async function () {
+            rendered = await renderMemberList(enablePresence);
+        });
+
+        describe("does order members correctly", () => {
+            // Note: even if presence is disabled, we still expect that the presence
+            // tests will pass. All expectOrderedByPresenceAndPowerLevel does is ensure
+            // the order is perceived correctly, regardless of what we did to the members.
+
+            // Each of the 4 tests here is done to prove that the member list can meet
+            // all 4 criteria independently. Together, they should work.
+
+            it("by presence state", async () => {
+                const { adminUsers, defaultUsers, moderatorUsers, reRender, root, memberListRoom } = rendered;
+                // Intentionally pick users that will confuse the power level sorting
+                const activeUsers = [defaultUsers[0]];
+                const onlineUsers = [adminUsers[0]];
+                const offlineUsers = [...moderatorUsers, ...adminUsers.slice(1), ...defaultUsers.slice(1)];
+                activeUsers.forEach((u) => {
+                    u.user!.currentlyActive = true;
+                    u.user!.presence = "online";
+                });
+                onlineUsers.forEach((u) => {
+                    u.user!.currentlyActive = false;
+                    u.user!.presence = "online";
+                });
+                offlineUsers.forEach((u) => {
+                    u.user!.currentlyActive = false;
+                    u.user!.presence = "offline";
+                });
+
+                await reRender();
+
+                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 reRender();
+
+                await waitFor(() => {
+                    const tiles = root.container.querySelectorAll(".mx_EntityTile");
+                    expectOrderedByPresenceAndPowerLevel(memberListRoom, tiles, enablePresence);
+                });
+            });
+
+            it("by last active timestamp", async () => {
+                const { adminUsers, defaultUsers, moderatorUsers, reRender, root, memberListRoom } = rendered;
+                // Intentionally pick users that will confuse the power level sorting
+                const activeUsers = [defaultUsers[0]];
+                const semiActiveUsers = [adminUsers[0]];
+                const inactiveUsers = [...moderatorUsers, ...adminUsers.slice(1), ...defaultUsers.slice(1)];
+                activeUsers.forEach((u) => {
+                    u.powerLevel = 100; // set everyone to the same PL to avoid running that check
+                    u.user!.lastPresenceTs = 1000;
+                    u.user!.lastActiveAgo = 0;
+                });
+                semiActiveUsers.forEach((u) => {
+                    u.powerLevel = 100;
+                    u.user!.lastPresenceTs = 1000;
+                    u.user!.lastActiveAgo = 50;
+                });
+                inactiveUsers.forEach((u) => {
+                    u.powerLevel = 100;
+                    u.user!.lastPresenceTs = 1000;
+                    u.user!.lastActiveAgo = 100;
+                });
+
+                await reRender();
+
+                await waitFor(() => {
+                    const tiles = root.container.querySelectorAll(".mx_EntityTile");
+                    expectOrderedByPresenceAndPowerLevel(memberListRoom, tiles, enablePresence);
+                });
+            });
+
+            it("by name", async () => {
+                const { adminUsers, defaultUsers, moderatorUsers, reRender, root, memberListRoom } = rendered;
+                // Intentionally put everyone on the same level to force a name comparison
+                const allUsers = [...adminUsers, ...moderatorUsers, ...defaultUsers];
+                allUsers.forEach((u) => {
+                    u.user!.currentlyActive = true;
+                    u.user!.presence = "online";
+                    u.user!.lastPresenceTs = 1000;
+                    u.user!.lastActiveAgo = 0;
+                    u.powerLevel = 100;
+                });
+
+                await reRender();
+
+                await waitFor(() => {
+                    const tiles = root.container.querySelectorAll(".mx_EntityTile");
+                    expectOrderedByPresenceAndPowerLevel(memberListRoom, tiles, enablePresence);
+                });
+            });
+        });
+    });
+
+    describe("3PID invites", () => {
+        it("does not collapse invites with duplicate display names", async () => {
+            const threePidEvents = [
+                mkThirdPartyInviteEvent("@alice:localhost", "user@example.com", "!room:localhost"),
+                mkThirdPartyInviteEvent("@alice:localhost", "user@example.com", "!room:localhost"),
+            ];
+            const { root } = await renderMemberList(true, undefined, 2, threePidEvents);
+
+            const tiles = root.container.querySelectorAll(".mx_MemberTileView");
+            // 6 joined + 2 3PID invites
+            expect(tiles).toHaveLength(8);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/memberlist/MemberTileView-test.tsx b/apps/web/test/unit-tests/components/views/rooms/memberlist/MemberTileView-test.tsx
new file mode 100644
index 00000000000..b82caced89a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/memberlist/MemberTileView-test.tsx
@@ -0,0 +1,178 @@
+/*
+ * 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, screen, waitFor } from "jest-matrix-react";
+import { type MatrixClient, RoomMember as SdkRoomMember, type Device, Room } from "matrix-js-sdk/src/matrix";
+import { type UserVerificationStatus, type DeviceVerificationStatus } from "matrix-js-sdk/src/crypto-api";
+import { mocked } from "jest-mock";
+import userEvent from "@testing-library/user-event";
+
+import * as TestUtils from "../../../../../test-utils";
+import { type RoomMember } from "../../../../../../src/models/rooms/RoomMember";
+import {
+    getPending3PidInvites,
+    type MemberWithSeparator,
+    sdkRoomMemberToRoomMember,
+} from "../../../../../../src/components/viewmodels/memberlist/MemberListViewModel";
+import { RoomMemberTileView } from "../../../../../../src/components/views/rooms/MemberList/tiles/RoomMemberTileView";
+import { ThreePidInviteTileView } from "../../../../../../src/components/views/rooms/MemberList/tiles/ThreePidInviteTileView";
+import { type ThreePIDInvite } from "../../../../../../src/models/rooms/ThreePIDInvite";
+
+describe("MemberTileView", () => {
+    describe("RoomMemberTileView", () => {
+        const item = {} as { member: RoomMember };
+        let matrixClient: MatrixClient;
+        let member: RoomMember;
+
+        beforeEach(() => {
+            matrixClient = TestUtils.stubClient();
+            mocked(matrixClient.isRoomEncrypted).mockReturnValue(true);
+            const sdkMember = new SdkRoomMember("roomId", matrixClient.getUserId()!);
+            member = sdkRoomMemberToRoomMember(sdkMember)!.member!;
+            item.member = member;
+        });
+
+        it("should not display an E2EIcon when the e2E status = normal", () => {
+            const { container } = render(
+                <RoomMemberTileView item={item} member={member} index={0} memberCount={1} onFocus={jest.fn()} />,
+            );
+            const e2eIcon = container.querySelector(".mx_E2EIconView");
+            expect(e2eIcon).toBeNull();
+            expect(container).toMatchSnapshot();
+        });
+
+        it("should display an warning E2EIcon when the e2E status = Warning", async () => {
+            mocked(matrixClient.getCrypto()!.getUserVerificationStatus).mockResolvedValue({
+                isCrossSigningVerified: jest.fn().mockReturnValue(false),
+                wasCrossSigningVerified: jest.fn().mockReturnValue(true),
+            } as unknown as UserVerificationStatus);
+
+            const { container } = render(
+                <RoomMemberTileView item={item} member={member} index={0} memberCount={1} onFocus={jest.fn()} />,
+            );
+            await waitFor(async () => {
+                await userEvent.hover(container.querySelector(".mx_E2EIcon")!);
+                expect(screen.getByText("This user has not verified all of their sessions.")).toBeInTheDocument();
+            });
+            expect(container).toMatchSnapshot();
+        });
+
+        it("should display an verified E2EIcon when the e2E status = Verified", async () => {
+            // Mock all the required crypto methods
+            const deviceMap = new Map<string, Map<string, Device>>();
+            deviceMap.set(member.userId, new Map([["deviceId", {} as Device]]));
+            // Return a DeviceMap = Map<string, Map<string, Device>>
+            mocked(matrixClient.getCrypto()!.getUserDeviceInfo).mockResolvedValue(deviceMap);
+            mocked(matrixClient.getCrypto()!.getUserVerificationStatus).mockResolvedValue({
+                isCrossSigningVerified: jest.fn().mockReturnValue(true),
+            } as unknown as UserVerificationStatus);
+            mocked(matrixClient.getCrypto()!.getDeviceVerificationStatus).mockResolvedValue({
+                crossSigningVerified: true,
+            } as DeviceVerificationStatus);
+
+            const { container } = render(
+                <RoomMemberTileView item={item} member={member} index={0} memberCount={1} onFocus={jest.fn()} />,
+            );
+
+            await waitFor(async () => {
+                await userEvent.hover(container.querySelector(".mx_E2EIcon")!);
+                expect(
+                    screen.getByText("You have verified this user. This user has verified all of their sessions."),
+                ).toBeInTheDocument();
+            });
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders user labels correctly", async () => {
+            member.powerLevel = 50;
+            const { container: container1 } = render(
+                <RoomMemberTileView item={item} member={member} index={0} memberCount={1} onFocus={jest.fn()} />,
+            );
+            expect(container1).toHaveTextContent("Moderator");
+
+            member.powerLevel = 100;
+            const { container: container2 } = render(
+                <RoomMemberTileView item={item} member={member} index={0} memberCount={1} onFocus={jest.fn()} />,
+            );
+            expect(container2).toHaveTextContent("Admin");
+
+            member.powerLevel = Infinity;
+            const { container: container3 } = render(
+                <RoomMemberTileView item={item} member={member} index={0} memberCount={1} onFocus={jest.fn()} />,
+            );
+            expect(container3).toHaveTextContent("Owner");
+
+            member.isInvite = true;
+            const { container: container4 } = render(
+                <RoomMemberTileView item={item} member={member} index={0} memberCount={1} onFocus={jest.fn()} />,
+            );
+            expect(container4).toHaveTextContent("Invited");
+        });
+
+        it("should call onFocus handler when focused", async () => {
+            const user = userEvent.setup();
+            const onFocus = jest.fn();
+            render(<RoomMemberTileView item={item} member={member} index={0} memberCount={1} onFocus={onFocus} />);
+
+            const button = screen.getByRole("option", { name: member.userId });
+            await user.click(button);
+
+            expect(onFocus).toHaveBeenCalledWith(item, expect.anything());
+        });
+    });
+
+    describe("ThreePidInviteTileView", () => {
+        const member = {} as MemberWithSeparator;
+        let cli: MatrixClient;
+        let room: Room;
+        let threePidInvite: ThreePIDInvite;
+
+        beforeEach(() => {
+            cli = TestUtils.stubClient();
+            room = new Room("!mytestroom:foo.org", cli, cli.getSafeUserId());
+            room.getLiveTimeline().addEvent(
+                TestUtils.mkThirdPartyInviteEvent(cli.getSafeUserId(), "Foobar", room.roomId),
+                { toStartOfTimeline: false, addToState: true },
+            );
+            threePidInvite = getPending3PidInvites(room)[0].threePidInvite!;
+        });
+
+        it("renders ThreePidInvite correctly", async () => {
+            const { container } = render(
+                <ThreePidInviteTileView
+                    item={member}
+                    threePidInvite={threePidInvite}
+                    memberIndex={0}
+                    memberCount={1}
+                    onFocus={jest.fn()}
+                />,
+            );
+            expect(container).toMatchSnapshot();
+        });
+
+        it("should call onFocus handler when focused", async () => {
+            const user = userEvent.setup();
+            const onFocus = jest.fn();
+            render(
+                <ThreePidInviteTileView
+                    item={member}
+                    threePidInvite={threePidInvite}
+                    memberIndex={0}
+                    memberCount={1}
+                    onFocus={onFocus}
+                />,
+            );
+
+            const button = screen.getByRole("option", { name: threePidInvite.event.getContent().display_name });
+            await user.click(button);
+
+            expect(onFocus).toHaveBeenCalledWith(member, expect.anything());
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/memberlist/PresenceIconView-test.tsx b/apps/web/test/unit-tests/components/views/rooms/memberlist/PresenceIconView-test.tsx
new file mode 100644
index 00000000000..4c9714a782e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/memberlist/PresenceIconView-test.tsx
@@ -0,0 +1,63 @@
+/*
+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, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import AvatarPresenceIconView from "../../../../../../src/components/views/rooms/MemberList/tiles/common/PresenceIconView";
+
+describe("<PresenceIconView/>", () => {
+    it("renders correctly for presence=online", () => {
+        const { container } = render(<AvatarPresenceIconView presenceState="online" />);
+        expect(container.querySelector(".mx_PresenceIconView_online")).toBeDefined();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders correctly for presence=offline", () => {
+        const { container } = render(<AvatarPresenceIconView presenceState="offline" />);
+        expect(container.querySelector(".mx_PresenceIconView_offline")).toBeDefined();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders correctly for presence=unavailable/unreachable", () => {
+        const { container: container1 } = render(<AvatarPresenceIconView presenceState="unavailable" />);
+        expect(container1.querySelector(".mx_PresenceIconView_unavailable")).toBeDefined();
+        expect(container1).toMatchSnapshot();
+
+        const { container: container2 } = render(<AvatarPresenceIconView presenceState="io.element.unreachable" />);
+        expect(container2.querySelector(".mx_PresenceIconView_unavailable")).toBeDefined();
+        expect(container2).toMatchSnapshot();
+    });
+
+    it("renders correctly for presence=busy", () => {
+        const { container } = render(<AvatarPresenceIconView presenceState="busy" />);
+        expect(container.querySelector(".mx_PresenceIconView_dnd")).toBeDefined();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the tooltip", async () => {
+        const user = userEvent.setup();
+
+        const { container, asFragment } = render(<AvatarPresenceIconView presenceState="busy" />);
+
+        const presence = container.querySelector(".mx_PresenceIconView")!;
+        expect(presence).toBeVisible();
+        await user.hover(presence!);
+
+        // wait for the tooltip to open
+        const tooltip = await waitFor(() => {
+            const tooltip = document.getElementById(presence.getAttribute("aria-labelledby")!);
+            expect(tooltip).toBeVisible();
+            return tooltip;
+        });
+        expect(tooltip).toHaveTextContent("Busy");
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/MemberTileView-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/MemberTileView-test.tsx.snap
new file mode 100644
index 00000000000..592c7428865
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/MemberTileView-test.tsx.snap
@@ -0,0 +1,291 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`MemberTileView RoomMemberTileView should display an verified E2EIcon when the e2E status = Verified 1`] = `
+<div>
+  <div>
+    <div
+      aria-label="@userId:matrix.org"
+      aria-posinset="1"
+      aria-selected="false"
+      aria-setsize="1"
+      class="mx_AccessibleButton mx_MemberTileView"
+      role="option"
+      tabindex="0"
+    >
+      <div
+        aria-hidden="true"
+        class="mx_MemberTileView_left"
+      >
+        <div
+          class="mx_MemberTileView_avatar"
+        >
+          <span
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="2"
+            data-testid="avatar-img"
+            data-type="round"
+            role="presentation"
+            style="--cpd-avatar-size: 32px;"
+            title="@userId:matrix.org"
+          >
+            u
+          </span>
+          <div
+            class="mx_MemberTileView_presence"
+          />
+        </div>
+        <div
+          class="mx_MemberTileView_name"
+        >
+          <div
+            class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8"
+            role="button"
+            tabindex="0"
+            title="@userId:matrix.org (@userId:matrix.org)"
+          >
+            <span
+              class=""
+              dir="auto"
+            >
+              @userId:matrix.org
+            </span>
+          </div>
+        </div>
+      </div>
+      <div
+        aria-hidden="true"
+        class="mx_MemberTileView_right"
+      >
+        <div
+          aria-labelledby="react-use-id-1"
+          class="mx_E2EIconView"
+        >
+          <svg
+            class="mx_E2EIconView_verified"
+            fill="currentColor"
+            height="16px"
+            viewBox="0 0 24 24"
+            width="16px"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.15 21.75 6.7 19.3l-2.75-.6a.94.94 0 0 1-.6-.387.93.93 0 0 1-.175-.688L3.45 14.8l-1.875-2.15a.93.93 0 0 1-.25-.65q0-.375.25-.65L3.45 9.2l-.275-2.825a.93.93 0 0 1 .175-.687.94.94 0 0 1 .6-.388l2.75-.6 1.45-2.45a.98.98 0 0 1 .55-.437.97.97 0 0 1 .7.037l2.6 1.1 2.6-1.1a.97.97 0 0 1 .7-.038q.35.112.55.438L17.3 4.7l2.75.6q.375.075.6.388.225.312.175.687L20.55 9.2l1.875 2.15q.25.275.25.65t-.25.65L20.55 14.8l.275 2.825a.93.93 0 0 1-.175.688.94.94 0 0 1-.6.387l-2.75.6-1.45 2.45a.98.98 0 0 1-.55.438.97.97 0 0 1-.7-.038l-2.6-1.1-2.6 1.1a.97.97 0 0 1-.7.038.98.98 0 0 1-.55-.438m2.8-9.05L9.5 11.275A.93.93 0 0 0 8.812 11q-.412 0-.712.3a.95.95 0 0 0-.275.7q0 .425.275.7l2.15 2.15q.3.3.7.3t.7-.3l4.25-4.25q.3-.3.287-.7a1.06 1.06 0 0 0-.287-.7 1.02 1.02 0 0 0-.713-.312.93.93 0 0 0-.712.287z"
+            />
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`MemberTileView RoomMemberTileView should display an warning E2EIcon when the e2E status = Warning 1`] = `
+<div>
+  <div>
+    <div
+      aria-label="@userId:matrix.org"
+      aria-posinset="1"
+      aria-selected="false"
+      aria-setsize="1"
+      class="mx_AccessibleButton mx_MemberTileView"
+      role="option"
+      tabindex="0"
+    >
+      <div
+        aria-hidden="true"
+        class="mx_MemberTileView_left"
+      >
+        <div
+          class="mx_MemberTileView_avatar"
+        >
+          <span
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="2"
+            data-testid="avatar-img"
+            data-type="round"
+            role="presentation"
+            style="--cpd-avatar-size: 32px;"
+            title="@userId:matrix.org"
+          >
+            u
+          </span>
+          <div
+            class="mx_MemberTileView_presence"
+          />
+        </div>
+        <div
+          class="mx_MemberTileView_name"
+        >
+          <div
+            class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8"
+            role="button"
+            tabindex="0"
+            title="@userId:matrix.org (@userId:matrix.org)"
+          >
+            <span
+              class=""
+              dir="auto"
+            >
+              @userId:matrix.org
+            </span>
+          </div>
+        </div>
+      </div>
+      <div
+        aria-hidden="true"
+        class="mx_MemberTileView_right"
+      >
+        <div
+          aria-labelledby="react-use-id-1"
+          class="mx_E2EIconView"
+        >
+          <svg
+            class="mx_E2EIconView_warning"
+            fill="currentColor"
+            height="16px"
+            viewBox="0 0 24 24"
+            width="16px"
+            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>
+  </div>
+</div>
+`;
+
+exports[`MemberTileView RoomMemberTileView should not display an E2EIcon when the e2E status = normal 1`] = `
+<div>
+  <div>
+    <div
+      aria-label="@userId:matrix.org"
+      aria-posinset="1"
+      aria-selected="false"
+      aria-setsize="1"
+      class="mx_AccessibleButton mx_MemberTileView"
+      role="option"
+      tabindex="0"
+    >
+      <div
+        aria-hidden="true"
+        class="mx_MemberTileView_left"
+      >
+        <div
+          class="mx_MemberTileView_avatar"
+        >
+          <span
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="2"
+            data-testid="avatar-img"
+            data-type="round"
+            role="presentation"
+            style="--cpd-avatar-size: 32px;"
+            title="@userId:matrix.org"
+          >
+            u
+          </span>
+          <div
+            class="mx_MemberTileView_presence"
+          />
+        </div>
+        <div
+          class="mx_MemberTileView_name"
+        >
+          <div
+            class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8"
+            role="button"
+            tabindex="0"
+            title="@userId:matrix.org (@userId:matrix.org)"
+          >
+            <span
+              class=""
+              dir="auto"
+            >
+              @userId:matrix.org
+            </span>
+          </div>
+        </div>
+      </div>
+      <div
+        aria-hidden="true"
+        class="mx_MemberTileView_right"
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`MemberTileView ThreePidInviteTileView renders ThreePidInvite correctly 1`] = `
+<div>
+  <div>
+    <div
+      aria-label="Foobar"
+      aria-posinset="1"
+      aria-selected="false"
+      aria-setsize="1"
+      class="mx_AccessibleButton mx_MemberTileView"
+      role="option"
+      tabindex="0"
+    >
+      <div
+        aria-hidden="true"
+        class="mx_MemberTileView_left"
+      >
+        <div
+          class="mx_MemberTileView_avatar"
+        >
+          <span
+            aria-hidden="true"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="1"
+            data-testid="avatar-img"
+            data-type="round"
+            role="presentation"
+            style="--cpd-avatar-size: 32px;"
+          >
+            F
+          </span>
+          <div
+            class="mx_MemberTileView_presence"
+          />
+        </div>
+        <div
+          class="mx_MemberTileView_name"
+        >
+          Foobar
+        </div>
+      </div>
+      <div
+        aria-hidden="true"
+        class="mx_MemberTileView_right"
+      >
+        <div
+          class="mx_MemberTileView_userLabel"
+        >
+          Invited
+        </div>
+        <div
+          class="_flex_4dswl_9 mx_InvitedIconView"
+          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;"
+        >
+          <svg
+            fill="currentColor"
+            height="16px"
+            viewBox="0 0 24 24"
+            width="16px"
+            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>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/PresenceIconView-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/PresenceIconView-test.tsx.snap
new file mode 100644
index 00000000000..3fc2b1b9afd
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/PresenceIconView-test.tsx.snap
@@ -0,0 +1,241 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<PresenceIconView/> renders correctly for presence=busy 1`] = `
+<div>
+  <span
+    tabindex="0"
+  >
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_PresenceIconView"
+    >
+      <svg
+        class="mx_PresenceIconView_dnd"
+        fill="currentColor"
+        height="8px"
+        viewBox="0 0 8 8"
+        width="8px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g
+          clip-path="url(#cpd_PresenceStrikethrough8X8Icon_a)"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0M5.435 6.048A2.5 2.5 0 0 1 1.687 3.05zm.914-1.19L2.648 1.897a2.5 2.5 0 0 1 3.701 2.961"
+            fill-rule="evenodd"
+          />
+        </g>
+        <defs>
+          <clippath
+            id="cpd_PresenceStrikethrough8X8Icon_a"
+          >
+            <path
+              d="M0 0h8v8H0z"
+            />
+          </clippath>
+        </defs>
+      </svg>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`<PresenceIconView/> renders correctly for presence=offline 1`] = `
+<div>
+  <span
+    tabindex="0"
+  >
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_PresenceIconView"
+    >
+      <svg
+        class="mx_PresenceIconView_offline"
+        fill="currentColor"
+        height="8px"
+        viewBox="0 0 8 8"
+        width="8px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g
+          clip-path="url(#cpd_PresenceOutline8X8Icon_a)"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M4 6.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M4 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8"
+            fill-rule="evenodd"
+          />
+        </g>
+        <defs>
+          <clippath
+            id="cpd_PresenceOutline8X8Icon_a"
+          >
+            <path
+              d="M0 0h8v8H0z"
+            />
+          </clippath>
+        </defs>
+      </svg>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`<PresenceIconView/> renders correctly for presence=online 1`] = `
+<div>
+  <span
+    tabindex="0"
+  >
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_PresenceIconView"
+    >
+      <svg
+        class="mx_PresenceIconView_online"
+        fill="currentColor"
+        height="8px"
+        viewBox="0 0 8 8"
+        width="8px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g
+          clip-path="url(#cpd_PresenceSolid8X8Icon_a)"
+        >
+          <path
+            d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
+          />
+        </g>
+        <defs>
+          <clippath
+            id="cpd_PresenceSolid8X8Icon_a"
+          >
+            <path
+              d="M0 0h8v8H0z"
+            />
+          </clippath>
+        </defs>
+      </svg>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`<PresenceIconView/> renders correctly for presence=unavailable/unreachable 1`] = `
+<div>
+  <span
+    tabindex="0"
+  >
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_PresenceIconView"
+    >
+      <svg
+        class="mx_PresenceIconView_unavailable"
+        fill="currentColor"
+        height="8px"
+        viewBox="0 0 8 8"
+        width="8px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g
+          clip-path="url(#cpd_PresenceSolid8X8Icon_a)"
+        >
+          <path
+            d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
+          />
+        </g>
+        <defs>
+          <clippath
+            id="cpd_PresenceSolid8X8Icon_a"
+          >
+            <path
+              d="M0 0h8v8H0z"
+            />
+          </clippath>
+        </defs>
+      </svg>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`<PresenceIconView/> renders correctly for presence=unavailable/unreachable 2`] = `
+<div>
+  <span
+    tabindex="0"
+  >
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_PresenceIconView"
+    >
+      <svg
+        class="mx_PresenceIconView_unavailable"
+        fill="currentColor"
+        height="8px"
+        viewBox="0 0 8 8"
+        width="8px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g
+          clip-path="url(#cpd_PresenceSolid8X8Icon_a)"
+        >
+          <path
+            d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
+          />
+        </g>
+        <defs>
+          <clippath
+            id="cpd_PresenceSolid8X8Icon_a"
+          >
+            <path
+              d="M0 0h8v8H0z"
+            />
+          </clippath>
+        </defs>
+      </svg>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`<PresenceIconView/> renders the tooltip 1`] = `
+<DocumentFragment>
+  <span
+    tabindex="0"
+  >
+    <div
+      aria-labelledby="react-use-id-1"
+      class="mx_PresenceIconView"
+    >
+      <svg
+        class="mx_PresenceIconView_dnd"
+        fill="currentColor"
+        height="8px"
+        viewBox="0 0 8 8"
+        width="8px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g
+          clip-path="url(#cpd_PresenceStrikethrough8X8Icon_a)"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M8 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0M5.435 6.048A2.5 2.5 0 0 1 1.687 3.05zm.914-1.19L2.648 1.897a2.5 2.5 0 0 1 3.701 2.961"
+            fill-rule="evenodd"
+          />
+        </g>
+        <defs>
+          <clippath
+            id="cpd_PresenceStrikethrough8X8Icon_a"
+          >
+            <path
+              d="M0 0h8v8H0z"
+            />
+          </clippath>
+        </defs>
+      </svg>
+    </div>
+  </span>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/rooms/memberlist/common.tsx b/apps/web/test/unit-tests/components/views/rooms/memberlist/common.tsx
new file mode 100644
index 00000000000..e5e5f4072e1
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/memberlist/common.tsx
@@ -0,0 +1,174 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+Copyright 2021 Šimon Brandner <simon.bra.ag@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, { act } from "react";
+import { render, type RenderResult, waitFor } from "jest-matrix-react";
+// 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,
+    type MatrixEvent,
+    type RoomState,
+    RoomMember,
+    User,
+    EventType,
+    RoomStateEvent,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { MatrixClientPeg } from "../../../../../../src/MatrixClientPeg";
+import * as TestUtils from "../../../../../test-utils";
+import { SDKContext } from "../../../../../../src/contexts/SDKContext";
+import { TestSDKContext } from "../../../../TestSDKContext";
+import MemberListView from "../../../../../../src/components/views/rooms/MemberList/MemberListView";
+import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
+
+export function createRoom(client: MatrixClient, opts = {}) {
+    const roomId = "!" + Math.random().toString().slice(2, 10) + ":domain";
+    const room = new Room(roomId, client, client.getUserId()!);
+    room.updateMyMembership(KnownMembership.Join);
+    if (opts) {
+        Object.assign(room, opts);
+    }
+    return room;
+}
+
+export type Rendered = {
+    client: MatrixClient;
+    root: RenderResult;
+    memberListRoom: Room;
+    adminUsers: RoomMember[];
+    moderatorUsers: RoomMember[];
+    defaultUsers: RoomMember[];
+    reRender: () => Promise<void>;
+};
+
+export async function renderMemberList(
+    enablePresence: boolean,
+    roomSetup?: (room: Room) => void,
+    usersPerLevel: number = 2,
+    threePidEvents: MatrixEvent[] = [],
+): Promise<Rendered> {
+    TestUtils.stubClient();
+    const client = MatrixClientPeg.safeGet();
+    client.hasLazyLoadMembersEnabled = () => false;
+
+    // Make room
+    const memberListRoom = createRoom(client);
+    expect(memberListRoom.roomId).toBeTruthy();
+
+    // Give the test an opportunity to make changes to room before first render
+    roomSetup?.(memberListRoom);
+
+    // Make users
+    const adminUsers = [];
+    const moderatorUsers = [];
+    const defaultUsers = [];
+    for (let i = 0; i < usersPerLevel; i++) {
+        const adminUser = new RoomMember(memberListRoom.roomId, `@admin${i}:localhost`);
+        adminUser.membership = KnownMembership.Join;
+        adminUser.powerLevel = 100;
+        adminUser.user = User.createUser(adminUser.userId, client);
+        adminUser.user.currentlyActive = true;
+        adminUser.user.presence = "online";
+        adminUser.user.lastPresenceTs = 1000;
+        adminUser.user.lastActiveAgo = 10;
+        adminUsers.push(adminUser);
+
+        const moderatorUser = new RoomMember(memberListRoom.roomId, `@moderator${i}:localhost`);
+        moderatorUser.membership = KnownMembership.Join;
+        moderatorUser.powerLevel = 50;
+        moderatorUser.user = User.createUser(moderatorUser.userId, client);
+        moderatorUser.user.currentlyActive = true;
+        moderatorUser.user.presence = "online";
+        moderatorUser.user.lastPresenceTs = 1000;
+        moderatorUser.user.lastActiveAgo = 10;
+        moderatorUsers.push(moderatorUser);
+
+        const defaultUser = new RoomMember(memberListRoom.roomId, `@default${i}:localhost`);
+        defaultUser.membership = KnownMembership.Join;
+        defaultUser.powerLevel = 0;
+        defaultUser.user = User.createUser(defaultUser.userId, client);
+        defaultUser.user.currentlyActive = true;
+        defaultUser.user.presence = "online";
+        defaultUser.user.lastPresenceTs = 1000;
+        defaultUser.user.lastActiveAgo = 10;
+        defaultUsers.push(defaultUser);
+    }
+
+    client.getRoom = (roomId) => {
+        if (roomId === memberListRoom.roomId) return memberListRoom;
+        else return null;
+    };
+    memberListRoom.currentState = {
+        members: {},
+        getMember: jest.fn(),
+        getStateEvents: TestUtils.mockStateEventImplementation(threePidEvents),
+        getInviteForThreePidToken: jest.fn().mockReturnValue(null),
+        getInvitedMemberCount: jest.fn().mockReturnValue(0),
+        getJoinedMemberCount: jest
+            .fn()
+            .mockReturnValue(adminUsers.length + moderatorUsers.length + defaultUsers.length),
+        on: jest.fn(),
+        off: jest.fn(),
+    } as unknown as RoomState;
+    for (const member of [...adminUsers, ...moderatorUsers, ...defaultUsers]) {
+        memberListRoom.currentState.members[member.userId] = member;
+    }
+
+    const context = new TestSDKContext();
+    context._client = client;
+    context.memberListStore.isPresenceEnabled = jest.fn().mockReturnValue(enablePresence);
+    const root = render(
+        <MatrixClientContext.Provider value={client}>
+            <SDKContext.Provider value={context}>
+                <MemberListView roomId={memberListRoom.roomId} onClose={() => {}} />
+            </SDKContext.Provider>
+        </MatrixClientContext.Provider>,
+        {
+            wrapper: ({ children }) => (
+                <VirtuosoMockContext.Provider value={{ viewportHeight: 600, itemHeight: 56 }}>
+                    <>{children}</>
+                </VirtuosoMockContext.Provider>
+            ),
+        },
+    );
+    await waitFor(async () => {
+        expect(root.container.querySelectorAll(".mx_MemberTileView")).toHaveLength(
+            usersPerLevel * 3 + threePidEvents.length,
+        );
+    });
+
+    const reRender = createReRenderFunction(client, memberListRoom);
+
+    return {
+        client,
+        root,
+        memberListRoom,
+        adminUsers,
+        moderatorUsers,
+        defaultUsers,
+        reRender,
+    };
+}
+
+function createReRenderFunction(client: MatrixClient, memberListRoom: Room): Rendered["reRender"] {
+    return async function (): Promise<void> {
+        await act(async () => {
+            //@ts-ignore
+            client.emit(RoomStateEvent.Events, {
+                //@ts-ignore
+                getType: () => EventType.RoomThirdPartyInvite,
+                getRoomId: () => memberListRoom.roomId,
+            });
+        });
+    };
+}
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/EditWysiwygComposer-test.tsx b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/EditWysiwygComposer-test.tsx
new file mode 100644
index 00000000000..fd476662694
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/EditWysiwygComposer-test.tsx
@@ -0,0 +1,307 @@
+/*
+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 "@testing-library/jest-dom";
+import React from "react";
+import { fireEvent, render, screen, waitFor } from "jest-matrix-react";
+import { initOnce } from "@vector-im/matrix-wysiwyg";
+
+import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
+import defaultDispatcher from "../../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../../src/dispatcher/actions";
+import { flushPromises, mkEvent } from "../../../../../test-utils";
+import { EditWysiwygComposer } from "../../../../../../src/components/views/rooms/wysiwyg_composer";
+import EditorStateTransfer from "../../../../../../src/utils/EditorStateTransfer";
+import { Emoji } from "../../../../../../src/components/views/rooms/wysiwyg_composer/components/Emoji";
+import { ChevronFace } from "../../../../../../src/components/structures/ContextMenu";
+import {
+    type ComposerInsertPayload,
+    ComposerType,
+} from "../../../../../../src/dispatcher/payloads/ComposerInsertPayload";
+import { type ActionPayload } from "../../../../../../src/dispatcher/payloads";
+import * as EmojiButton from "../../../../../../src/components/views/rooms/EmojiButton";
+import { createMocks } from "./utils";
+import { ScopedRoomContextProvider } from "../../../../../../src/contexts/ScopedRoomContext.tsx";
+import { RoomUploadContextProvider } from "../../../../../../src/viewmodels/room/RoomUploadViewModel.tsx";
+
+beforeAll(initOnce, 10000);
+
+describe("EditWysiwygComposer", () => {
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+
+    const { editorStateTransfer, defaultRoomContext, mockClient, mockEvent } = createMocks();
+
+    const customRender = (
+        disabled = false,
+        _editorStateTransfer = editorStateTransfer,
+        client = mockClient,
+        roomContext = defaultRoomContext,
+    ) => {
+        return render(
+            <MatrixClientContext.Provider value={client}>
+                <ScopedRoomContextProvider {...roomContext}>
+                    <RoomUploadContextProvider>
+                        <EditWysiwygComposer disabled={disabled} editorStateTransfer={_editorStateTransfer} />
+                    </RoomUploadContextProvider>
+                </ScopedRoomContextProvider>
+            </MatrixClientContext.Provider>,
+        );
+    };
+
+    it("Should not render the component when not ready", async () => {
+        // When
+        const { rerender } = customRender(false);
+        await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"), {
+            timeout: 2000,
+        });
+
+        rerender(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ScopedRoomContextProvider {...defaultRoomContext} room={undefined}>
+                    <RoomUploadContextProvider>
+                        <EditWysiwygComposer disabled={false} editorStateTransfer={editorStateTransfer} />
+                    </RoomUploadContextProvider>
+                </ScopedRoomContextProvider>
+            </MatrixClientContext.Provider>,
+        );
+
+        // Then
+        await waitFor(() => expect(screen.queryByRole("textbox")).toBeNull());
+    });
+
+    describe("Initialize with content", () => {
+        it("Should initialize useWysiwyg with html content", async () => {
+            // When
+            customRender(false, editorStateTransfer);
+
+            // Then
+            await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"), {
+                timeout: 2000,
+            });
+
+            await waitFor(() =>
+                expect(screen.getByRole("textbox")).toContainHTML(mockEvent.getContent()["formatted_body"]),
+            );
+        });
+
+        it("Should initialize useWysiwyg with plain text content", async () => {
+            // When
+            const mockEvent = mkEvent({
+                type: "m.room.message",
+                room: "myfakeroom",
+                user: "myfakeuser",
+                content: {
+                    msgtype: "m.text",
+                    body: "Replying to this",
+                },
+                event: true,
+            });
+            const editorStateTransfer = new EditorStateTransfer(mockEvent);
+            customRender(false, editorStateTransfer);
+            await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+
+            // Then
+            await waitFor(() => expect(screen.getByRole("textbox")).toContainHTML(mockEvent.getContent()["body"]));
+        });
+
+        it("Should ignore when formatted_body is not filled", async () => {
+            // When
+            const mockEvent = mkEvent({
+                type: "m.room.message",
+                room: "myfakeroom",
+                user: "myfakeuser",
+                content: {
+                    msgtype: "m.text",
+                    body: "Replying to this",
+                    format: "org.matrix.custom.html",
+                },
+                event: true,
+            });
+
+            const editorStateTransfer = new EditorStateTransfer(mockEvent);
+            customRender(false, editorStateTransfer);
+
+            // Then
+            await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+        });
+
+        it("Should strip <mx-reply> tag from initial content", async () => {
+            // When
+            const mockEvent = mkEvent({
+                type: "m.room.message",
+                room: "myfakeroom",
+                user: "myfakeuser",
+                content: {
+                    msgtype: "m.text",
+                    body: "Replying to this",
+                    format: "org.matrix.custom.html",
+                    formatted_body: "<mx-reply>Reply</mx-reply>My content",
+                },
+                event: true,
+            });
+
+            const editorStateTransfer = new EditorStateTransfer(mockEvent);
+            customRender(false, editorStateTransfer);
+            await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+
+            // Then
+            await waitFor(() => {
+                expect(screen.getByRole("textbox")).not.toContainHTML("<mx-reply>Reply</mx-reply>");
+                expect(screen.getByRole("textbox")).toContainHTML("My content");
+            });
+        });
+    });
+
+    describe("Edit and save actions", () => {
+        let spyDispatcher: jest.SpyInstance<void, [payload: ActionPayload, sync?: boolean]>;
+        beforeEach(async () => {
+            spyDispatcher = jest.spyOn(defaultDispatcher, "dispatch");
+            customRender();
+            await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+        });
+
+        afterEach(() => {
+            spyDispatcher.mockRestore();
+        });
+
+        it("Should cancel edit on cancel button click", async () => {
+            // When
+            screen.getByText("Cancel").click();
+
+            // Then
+            expect(spyDispatcher).toHaveBeenCalledWith({
+                action: Action.EditEvent,
+                event: null,
+                timelineRenderingType: defaultRoomContext.timelineRenderingType,
+            });
+            expect(spyDispatcher).toHaveBeenCalledWith({
+                action: Action.FocusSendMessageComposer,
+                context: defaultRoomContext.timelineRenderingType,
+            });
+        });
+
+        it("Should send message on save button click", async () => {
+            // When
+            fireEvent.input(screen.getByRole("textbox"), {
+                data: "foo bar",
+                inputType: "insertText",
+            });
+            await waitFor(() => expect(screen.getByText("Save")).not.toHaveAttribute("disabled"));
+
+            // Then
+            screen.getByText("Save").click();
+            const expectedContent = {
+                "body": `* foo bar`,
+                "format": "org.matrix.custom.html",
+                "formatted_body": `* foo bar`,
+                "m.new_content": {
+                    body: "foo bar",
+                    format: "org.matrix.custom.html",
+                    formatted_body: "foo bar",
+                    msgtype: "m.text",
+                },
+                "m.relates_to": {
+                    event_id: mockEvent.getId(),
+                    rel_type: "m.replace",
+                },
+                "msgtype": "m.text",
+            };
+            await waitFor(() =>
+                expect(mockClient.sendMessage).toHaveBeenCalledWith(mockEvent.getRoomId(), null, expectedContent),
+            );
+
+            expect(spyDispatcher).toHaveBeenCalledWith({ action: "message_sent" });
+        });
+    });
+
+    it("Should focus when receiving an Action.FocusEditMessageComposer action", async () => {
+        // Given we don't have focus
+        customRender();
+        screen.getByLabelText("Bold").focus();
+        expect(screen.getByRole("textbox")).not.toHaveFocus();
+
+        // When we send the right action
+        defaultDispatcher.dispatch({
+            action: Action.FocusEditMessageComposer,
+            context: null,
+        });
+
+        // Then the component gets the focus
+        await waitFor(() => expect(screen.getByRole("textbox")).toHaveFocus());
+    });
+
+    it("Should not focus when disabled", async () => {
+        // Given we don't have focus and we are disabled
+        customRender(true);
+        screen.getByLabelText("Bold").focus();
+        expect(screen.getByRole("textbox")).not.toHaveFocus();
+
+        // When we send an action that would cause us to get focus
+        defaultDispatcher.dispatch({
+            action: Action.FocusEditMessageComposer,
+            context: null,
+        });
+        // (Send a second event to exercise the clearTimeout logic)
+        defaultDispatcher.dispatch({
+            action: Action.FocusEditMessageComposer,
+            context: null,
+        });
+
+        // Wait for event dispatch to happen
+        await flushPromises();
+
+        // Then we don't get it because we are disabled
+        expect(screen.getByRole("textbox")).not.toHaveFocus();
+    });
+
+    it("Should add emoji", async () => {
+        // When
+
+        // We are not testing here the emoji button (open modal, select emoji ...)
+        // Instead we are directly firing an emoji to make the test easier to write
+        jest.spyOn(EmojiButton, "EmojiButton").mockImplementation(
+            ({ addEmoji }: { addEmoji: (emoji: string) => void }) => {
+                return (
+                    <button aria-label="Emoji" type="button" onClick={() => addEmoji("🦫")}>
+                        Emoji
+                    </button>
+                );
+            },
+        );
+        render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ScopedRoomContextProvider {...defaultRoomContext}>
+                    <RoomUploadContextProvider>
+                        <EditWysiwygComposer editorStateTransfer={editorStateTransfer} />
+                    </RoomUploadContextProvider>
+                    <Emoji menuPosition={{ chevronFace: ChevronFace.Top }} />
+                </ScopedRoomContextProvider>
+            </MatrixClientContext.Provider>,
+        );
+        // Same behavior as in RoomView.tsx
+        // RoomView is re-dispatching the composer messages.
+        // It adds the composerType fields where the value refers if the composer is in editing or not
+        // The listeners in the RTE ignore the message if the composerType is missing in the payload
+        const dispatcherRef = defaultDispatcher.register((payload: ActionPayload) => {
+            const insertPayload = payload as ComposerInsertPayload;
+            defaultDispatcher.dispatch<ComposerInsertPayload>({
+                ...insertPayload,
+                timelineRenderingType: insertPayload.timelineRenderingType!,
+                composerType: ComposerType.Edit,
+            });
+        });
+
+        screen.getByLabelText("Emoji").click();
+
+        // Then
+        await waitFor(() => expect(screen.getByRole("textbox")).toHaveTextContent(/🦫/));
+        defaultDispatcher.unregister(dispatcherRef);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/SendWysiwygComposer-test.tsx b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/SendWysiwygComposer-test.tsx
new file mode 100644
index 00000000000..1b9df3bcf18
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/SendWysiwygComposer-test.tsx
@@ -0,0 +1,357 @@
+/*
+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 "@testing-library/jest-dom";
+import React from "react";
+import { act, fireEvent, render, screen, waitFor } from "jest-matrix-react";
+import { initOnce } from "@vector-im/matrix-wysiwyg";
+
+import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
+import defaultDispatcher from "../../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../../src/dispatcher/actions";
+import { flushPromises } from "../../../../../test-utils";
+import { SendWysiwygComposer } from "../../../../../../src/components/views/rooms/wysiwyg_composer/";
+import { aboveLeftOf } from "../../../../../../src/components/structures/ContextMenu";
+import {
+    type ComposerInsertPayload,
+    ComposerType,
+} from "../../../../../../src/dispatcher/payloads/ComposerInsertPayload";
+import { setSelection } from "../../../../../../src/components/views/rooms/wysiwyg_composer/utils/selection";
+import { createMocks } from "./utils";
+import { ScopedRoomContextProvider } from "../../../../../../src/contexts/ScopedRoomContext.tsx";
+import { E2EStatus } from "../../../../../../src/utils/ShieldUtils.ts";
+import { RoomUploadContextProvider } from "../../../../../../src/viewmodels/room/RoomUploadViewModel.tsx";
+
+jest.mock("../../../../../../src/components/views/rooms/EmojiButton", () => ({
+    EmojiButton: ({ addEmoji }: { addEmoji: (emoji: string) => void }) => {
+        return (
+            <button aria-label="Emoji" type="button" onClick={() => addEmoji("🦫")}>
+                Emoji
+            </button>
+        );
+    },
+}));
+
+beforeAll(initOnce, 10000);
+
+describe("SendWysiwygComposer", () => {
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+
+    const { defaultRoomContext, mockClient } = createMocks();
+
+    const registerId = defaultDispatcher.register((payload) => {
+        switch (payload.action) {
+            case Action.ComposerInsert: {
+                const insertPayload = payload as ComposerInsertPayload;
+                if (insertPayload.composerType) break;
+
+                // re-dispatch to the correct composer
+                defaultDispatcher.dispatch<ComposerInsertPayload>({
+                    ...insertPayload,
+                    timelineRenderingType: insertPayload.timelineRenderingType!,
+                    composerType: ComposerType.Send,
+                });
+                break;
+            }
+        }
+    });
+
+    afterAll(() => {
+        defaultDispatcher.unregister(registerId);
+    });
+
+    const customRender = (
+        onChange = (_content: string): void => void 0,
+        onSend = (): void => void 0,
+        disabled = false,
+        isRichTextEnabled = true,
+        placeholder?: string,
+        e2eStatus?: E2EStatus,
+    ) => {
+        return render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ScopedRoomContextProvider {...defaultRoomContext}>
+                    <RoomUploadContextProvider>
+                        <SendWysiwygComposer
+                            onChange={onChange}
+                            onSend={onSend}
+                            disabled={disabled}
+                            isRichTextEnabled={isRichTextEnabled}
+                            menuPosition={aboveLeftOf({ top: 0, bottom: 0, right: 0 })}
+                            placeholder={placeholder}
+                            e2eStatus={e2eStatus}
+                        />
+                    </RoomUploadContextProvider>
+                </ScopedRoomContextProvider>
+            </MatrixClientContext.Provider>,
+        );
+    };
+
+    it("Should render WysiwygComposer when isRichTextEnabled is at true", async () => {
+        // When
+        customRender(jest.fn(), jest.fn(), false, true);
+
+        // Then
+        expect(await screen.findByTestId("WysiwygComposer", undefined, { timeout: 5000 })).toBeInTheDocument();
+    });
+
+    it("Should render PlainTextComposer when isRichTextEnabled is at false", async () => {
+        // When
+        customRender(jest.fn(), jest.fn(), false, false);
+
+        // Then
+        expect(await screen.findByTestId("PlainTextComposer")).toBeInTheDocument();
+    });
+
+    describe.each([{ isRichTextEnabled: true }, { isRichTextEnabled: false }])(
+        "Should focus when receiving an Action.FocusSendMessageComposer action",
+        ({ isRichTextEnabled }) => {
+            afterEach(() => {
+                jest.resetAllMocks();
+            });
+
+            it("Should focus when receiving an Action.FocusSendMessageComposer action", async () => {
+                // Given we don't have focus
+                customRender(jest.fn(), jest.fn(), false, isRichTextEnabled);
+                await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+
+                // When we send the right action
+                defaultDispatcher.dispatch({
+                    action: Action.FocusSendMessageComposer,
+                    context: null,
+                });
+
+                // Then the component gets the focus
+                await waitFor(() => expect(screen.getByRole("textbox")).toHaveFocus());
+            });
+
+            it("Should focus and clear when receiving an Action.ClearAndFocusSendMessageComposer", async () => {
+                // Given we don't have focus
+                const onChange = jest.fn();
+                customRender(onChange, jest.fn(), false, isRichTextEnabled);
+                await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+
+                fireEvent.input(screen.getByRole("textbox"), {
+                    data: "foo bar",
+                    inputType: "insertText",
+                });
+
+                // When we send the right action
+                defaultDispatcher.dispatch({
+                    action: Action.ClearAndFocusSendMessageComposer,
+                    timelineRenderingType: defaultRoomContext.timelineRenderingType,
+                });
+
+                // Then the component gets the focus
+                await waitFor(() => {
+                    expect(screen.getByRole("textbox")).toHaveTextContent(/^$/);
+                    expect(screen.getByRole("textbox")).toHaveFocus();
+                });
+            });
+
+            it("Should focus when receiving a reply_to_event action", async () => {
+                // Given we don't have focus
+                customRender(jest.fn(), jest.fn(), false, isRichTextEnabled);
+                await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+
+                // When we send the right action
+                defaultDispatcher.dispatch({
+                    action: "reply_to_event",
+                    context: null,
+                });
+
+                // Then the component gets the focus
+                await waitFor(() => expect(screen.getByRole("textbox")).toHaveFocus());
+            });
+
+            it("Should not focus when disabled", async () => {
+                // Given we don't have focus and we are disabled
+                customRender(jest.fn(), jest.fn(), true, isRichTextEnabled);
+                expect(screen.getByRole("textbox")).not.toHaveFocus();
+
+                // When we send an action that would cause us to get focus
+                defaultDispatcher.dispatch({
+                    action: Action.FocusSendMessageComposer,
+                    context: null,
+                });
+                // (Send a second event to exercise the clearTimeout logic)
+                defaultDispatcher.dispatch({
+                    action: Action.FocusSendMessageComposer,
+                    context: null,
+                });
+
+                // Wait for event dispatch to happen
+                await act(async () => {
+                    await flushPromises();
+                });
+
+                // Then we don't get it because we are disabled
+                expect(screen.getByRole("textbox")).not.toHaveFocus();
+            });
+        },
+    );
+
+    describe.each([{ isRichTextEnabled: true }, { isRichTextEnabled: false }])(
+        "Placeholder when %s",
+        ({ isRichTextEnabled }) => {
+            afterEach(() => {
+                jest.resetAllMocks();
+            });
+
+            it("Should not has placeholder", async () => {
+                // When
+                customRender(jest.fn(), jest.fn(), false, isRichTextEnabled);
+                await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+
+                // Then
+                expect(screen.getByRole("textbox")).not.toHaveClass("mx_WysiwygComposer_Editor_content_placeholder");
+            });
+
+            it("Should has placeholder", async () => {
+                // When
+                customRender(jest.fn(), jest.fn(), false, isRichTextEnabled, "my placeholder");
+                await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+
+                // Then
+                expect(screen.getByRole("textbox")).toHaveClass("mx_WysiwygComposer_Editor_content_placeholder");
+            });
+
+            it("Should display or not placeholder when editor content change", async () => {
+                // When
+                customRender(jest.fn(), jest.fn(), false, isRichTextEnabled, "my placeholder");
+                await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+                screen.getByRole("textbox").innerHTML = "f";
+                fireEvent.input(screen.getByRole("textbox"), {
+                    data: "f",
+                    inputType: "insertText",
+                });
+
+                // Then
+                await waitFor(() =>
+                    expect(screen.getByRole("textbox")).not.toHaveClass(
+                        "mx_WysiwygComposer_Editor_content_placeholder",
+                    ),
+                );
+
+                // When
+                screen.getByRole("textbox").innerHTML = "";
+                fireEvent.input(screen.getByRole("textbox"), {
+                    inputType: "deleteContentBackward",
+                });
+
+                // Then
+                await waitFor(() =>
+                    expect(screen.getByRole("textbox")).toHaveClass("mx_WysiwygComposer_Editor_content_placeholder"),
+                );
+            });
+        },
+    );
+
+    describe.each([{ isRichTextEnabled: true }, { isRichTextEnabled: false }])(
+        "Emoji when %s",
+        ({ isRichTextEnabled }) => {
+            let emojiButton: HTMLElement;
+
+            beforeEach(async () => {
+                customRender(jest.fn(), jest.fn(), false, isRichTextEnabled);
+                await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+                emojiButton = screen.getByLabelText("Emoji");
+            });
+
+            afterEach(() => {
+                jest.resetAllMocks();
+            });
+
+            it("Should add an emoji in an empty composer", async () => {
+                // When
+                emojiButton.click();
+
+                // Then
+                await waitFor(() => expect(screen.getByRole("textbox")).toHaveTextContent(/🦫/));
+            });
+
+            it("Should add an emoji in the middle of a word", async () => {
+                // When
+                screen.getByRole("textbox").focus();
+                screen.getByRole("textbox").innerHTML = "word";
+                fireEvent.input(screen.getByRole("textbox"), {
+                    data: "word",
+                    inputType: "insertText",
+                });
+
+                const textNode = screen.getByRole("textbox").firstChild;
+                await setSelection({
+                    anchorNode: textNode,
+                    anchorOffset: 2,
+                    focusNode: textNode,
+                    focusOffset: 2,
+                    isForward: true,
+                });
+                // the event is not automatically fired by jest
+                document.dispatchEvent(new CustomEvent("selectionchange"));
+
+                emojiButton.click();
+
+                // Then
+                await waitFor(() => expect(screen.getByRole("textbox")).toHaveTextContent(/wo🦫rd/));
+            });
+
+            it("Should add an emoji when a word is selected", async () => {
+                // When
+                screen.getByRole("textbox").focus();
+                screen.getByRole("textbox").innerHTML = "word";
+                fireEvent.input(screen.getByRole("textbox"), {
+                    data: "word",
+                    inputType: "insertText",
+                });
+
+                const textNode = screen.getByRole("textbox").firstChild;
+                await setSelection({
+                    anchorNode: textNode,
+                    anchorOffset: 3,
+                    focusNode: textNode,
+                    focusOffset: 2,
+                    isForward: false,
+                });
+                // the event is not automatically fired by jest
+                document.dispatchEvent(new CustomEvent("selectionchange"));
+
+                emojiButton.click();
+
+                // Then
+                await waitFor(() => expect(screen.getByRole("textbox")).toHaveTextContent(/wo🦫d/));
+            });
+        },
+    );
+
+    describe.each([{ isRichTextEnabled: true }, { isRichTextEnabled: false }])(
+        "Left icon when %s",
+        ({ isRichTextEnabled }) => {
+            it.each([
+                [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, expectedLabel) => {
+                // When
+                customRender(jest.fn(), jest.fn(), false, isRichTextEnabled, undefined, e2eStatus);
+                await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+                const leftIcon = screen.getByTestId("e2e-icon");
+                // Then
+                expect(leftIcon).toBeInTheDocument();
+                expect(leftIcon).toHaveClass("mx_E2EIcon");
+                if (expectedLabel) {
+                    expect(leftIcon).toHaveAccessibleName(expectedLabel);
+                } else {
+                    expect(leftIcon.querySelector("svg")).not.toBeInTheDocument();
+                }
+            });
+        },
+    );
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/FormattingButtons-test.tsx b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/FormattingButtons-test.tsx
new file mode 100644
index 00000000000..837ddbb0bc1
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/FormattingButtons-test.tsx
@@ -0,0 +1,207 @@
+/*
+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 { cleanup, render, screen, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import {
+    type ActionState,
+    type ActionTypes,
+    type AllActionStates,
+    type FormattingFunctions,
+} from "@vector-im/matrix-wysiwyg";
+
+import { FormattingButtons } from "../../../../../../../src/components/views/rooms/wysiwyg_composer/components/FormattingButtons";
+import * as LinkModal from "../../../../../../../src/components/views/rooms/wysiwyg_composer/components/LinkModal";
+import { setLanguage } from "../../../../../../../src/i18n/settings";
+
+const mockWysiwyg = {
+    bold: jest.fn(),
+    italic: jest.fn(),
+    underline: jest.fn(),
+    strikeThrough: jest.fn(),
+    inlineCode: jest.fn(),
+    codeBlock: jest.fn(),
+    link: jest.fn(),
+    orderedList: jest.fn(),
+    unorderedList: jest.fn(),
+    quote: jest.fn(),
+    indent: jest.fn(),
+    unIndent: jest.fn(),
+} as unknown as FormattingFunctions;
+
+const openLinkModalSpy = jest.spyOn(LinkModal, "openLinkModal");
+
+const testCases: Record<
+    Exclude<ActionTypes, "undo" | "redo" | "clear" | "indent" | "unindent">,
+    { label: string; mockFormatFn: jest.Func | jest.SpyInstance }
+> = {
+    bold: { label: "Bold", mockFormatFn: mockWysiwyg.bold },
+    italic: { label: "Italic", mockFormatFn: mockWysiwyg.italic },
+    underline: { label: "Underline", mockFormatFn: mockWysiwyg.underline },
+    strikeThrough: { label: "Strikethrough", mockFormatFn: mockWysiwyg.strikeThrough },
+    inlineCode: { label: "Code", mockFormatFn: mockWysiwyg.inlineCode },
+    codeBlock: { label: "Code block", mockFormatFn: mockWysiwyg.inlineCode },
+    link: { label: "Link", mockFormatFn: openLinkModalSpy },
+    orderedList: { label: "Numbered list", mockFormatFn: mockWysiwyg.orderedList },
+    unorderedList: { label: "Bulleted list", mockFormatFn: mockWysiwyg.unorderedList },
+    quote: { label: "Quote", mockFormatFn: mockWysiwyg.quote },
+};
+
+const createActionStates = (state: ActionState): AllActionStates => {
+    return Object.fromEntries(Object.keys(testCases).map((testKey) => [testKey, state])) as AllActionStates;
+};
+
+const defaultActionStates = createActionStates("enabled");
+
+const renderComponent = (props = {}) => {
+    return render(<FormattingButtons composer={mockWysiwyg} actionStates={defaultActionStates} {...props} />);
+};
+
+const classes = {
+    active: "mx_FormattingButtons_active",
+    hover: "mx_FormattingButtons_Button_hover",
+    disabled: "mx_FormattingButtons_disabled",
+};
+
+describe("FormattingButtons", () => {
+    beforeEach(() => {
+        openLinkModalSpy.mockReturnValue(undefined);
+    });
+
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+
+    it("renders in german", async () => {
+        await setLanguage("de");
+        const { asFragment } = renderComponent();
+        expect(asFragment()).toMatchSnapshot();
+
+        await setLanguage("en");
+    });
+
+    it("Each button should not have active class when enabled", () => {
+        renderComponent();
+
+        Object.values(testCases).forEach(({ label }) => {
+            expect(screen.getByLabelText(label)).not.toHaveClass(classes.active);
+        });
+    });
+
+    it("Each button should have active class when reversed", () => {
+        const reversedActionStates = createActionStates("reversed");
+        renderComponent({ actionStates: reversedActionStates });
+
+        Object.values(testCases).forEach((testCase) => {
+            const { label } = testCase;
+            expect(screen.getByLabelText(label)).toHaveClass(classes.active);
+        });
+    });
+
+    it("Each button should have disabled class when disabled", () => {
+        const disabledActionStates = createActionStates("disabled");
+        renderComponent({ actionStates: disabledActionStates });
+
+        Object.values(testCases).forEach((testCase) => {
+            const { label } = testCase;
+            expect(screen.getByLabelText(label)).toHaveClass(classes.disabled);
+        });
+    });
+
+    it("Should call wysiwyg function on button click", async () => {
+        renderComponent();
+
+        for (const testCase of Object.values(testCases)) {
+            const { label, mockFormatFn } = testCase;
+
+            screen.getByLabelText(label).click();
+            expect(mockFormatFn).toHaveBeenCalledTimes(1);
+        }
+    });
+
+    it("Each button should display the tooltip on mouse over when not disabled", async () => {
+        renderComponent();
+
+        for (const testCase of Object.values(testCases)) {
+            const { label } = testCase;
+
+            await userEvent.hover(screen.getByLabelText(label));
+            await waitFor(() => expect(screen.getByText(label)).toBeInTheDocument());
+        }
+    });
+
+    it("Each button should not display the tooltip on mouse over when disabled", async () => {
+        const disabledActionStates = createActionStates("disabled");
+        renderComponent({ actionStates: disabledActionStates });
+
+        for (const testCase of Object.values(testCases)) {
+            const { label } = testCase;
+
+            await userEvent.hover(screen.getByLabelText(label));
+            expect(screen.queryByText(label)).not.toBeInTheDocument();
+        }
+    });
+
+    it("Each button should have hover style when hovered and enabled", async () => {
+        renderComponent();
+
+        for (const testCase of Object.values(testCases)) {
+            const { label } = testCase;
+
+            await userEvent.hover(screen.getByLabelText(label));
+            expect(screen.getByLabelText(label)).toHaveClass("mx_FormattingButtons_Button_hover");
+        }
+    });
+
+    it("Each button should not have hover style when hovered and reversed", async () => {
+        const reversedActionStates = createActionStates("reversed");
+        renderComponent({ actionStates: reversedActionStates });
+
+        for (const testCase of Object.values(testCases)) {
+            const { label } = testCase;
+
+            await userEvent.hover(screen.getByLabelText(label));
+            expect(screen.getByLabelText(label)).not.toHaveClass("mx_FormattingButtons_Button_hover");
+        }
+    });
+
+    it("Does not show indent or unindent button when outside a list", () => {
+        renderComponent();
+
+        expect(screen.queryByLabelText("Indent increase")).not.toBeInTheDocument();
+        expect(screen.queryByLabelText("Indent decrease")).not.toBeInTheDocument();
+    });
+
+    it("Shows indent and unindent buttons when either a single list type is 'reversed'", () => {
+        const orderedListActive = { ...defaultActionStates, orderedList: "reversed" };
+        renderComponent({ actionStates: orderedListActive });
+
+        expect(screen.getByLabelText("Indent increase")).toBeInTheDocument();
+        expect(screen.getByLabelText("Indent decrease")).toBeInTheDocument();
+
+        cleanup();
+
+        const unorderedListActive = { ...defaultActionStates, unorderedList: "reversed" };
+
+        renderComponent({ actionStates: unorderedListActive });
+
+        expect(screen.getByLabelText("Indent increase")).toBeInTheDocument();
+        expect(screen.getByLabelText("Indent decrease")).toBeInTheDocument();
+    });
+
+    it("Every button should when disabled the component is disabled", () => {
+        renderComponent({ disabled: true });
+
+        Object.values(testCases).forEach((testCase) => {
+            const { label } = testCase;
+            expect(screen.getByLabelText(label)).toHaveClass(classes.disabled);
+            expect(screen.getByLabelText(label)).toBeDisabled();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/LinkModal-test.tsx b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/LinkModal-test.tsx
new file mode 100644
index 00000000000..4ff9b893db3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/LinkModal-test.tsx
@@ -0,0 +1,154 @@
+/*
+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 { type FormattingFunctions } from "@vector-im/matrix-wysiwyg";
+import { render, screen, waitFor } from "jest-matrix-react";
+import React from "react";
+import userEvent from "@testing-library/user-event";
+
+import { LinkModal } from "../../../../../../../src/components/views/rooms/wysiwyg_composer/components/LinkModal";
+import { mockPlatformPeg } from "../../../../../../test-utils";
+import * as selection from "../../../../../../../src/components/views/rooms/wysiwyg_composer/utils/selection";
+import { type SubSelection } from "../../../../../../../src/components/views/rooms/wysiwyg_composer/types";
+
+describe("LinkModal", () => {
+    const formattingFunctions = {
+        link: jest.fn(),
+        removeLinks: jest.fn(),
+        getLink: jest.fn().mockReturnValue("my initial content"),
+    } as unknown as FormattingFunctions;
+    const defaultValue: SubSelection = {
+        focusNode: null,
+        anchorNode: null,
+        focusOffset: 3,
+        anchorOffset: 4,
+        isForward: true,
+    };
+
+    const customRender = (isTextEnabled: boolean, onFinished: () => void, isEditing = false) => {
+        return render(
+            <LinkModal
+                composer={formattingFunctions}
+                isTextEnabled={isTextEnabled}
+                onFinished={onFinished}
+                composerContext={{ selection: defaultValue }}
+                isEditing={isEditing}
+            />,
+        );
+    };
+
+    const selectionSpy = jest.spyOn(selection, "setSelection");
+
+    beforeEach(() => mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) }));
+    afterEach(() => {
+        jest.clearAllMocks();
+        jest.useRealTimers();
+    });
+
+    it("Should create a link", async () => {
+        // When
+        const onFinished = jest.fn();
+        customRender(false, onFinished);
+
+        // Then
+        expect(screen.getByLabelText("Link")).toBeTruthy();
+        expect(screen.getByText("Save")).toBeDisabled();
+
+        // When
+        await userEvent.type(screen.getByLabelText("Link"), "l");
+
+        // Then
+        await waitFor(() => {
+            expect(screen.getByText("Save")).toBeEnabled();
+            expect(screen.getByLabelText("Link")).toHaveAttribute("value", "l");
+        });
+
+        // When
+        jest.useFakeTimers();
+        screen.getByText("Save").click();
+        jest.runAllTimers();
+
+        // Then
+        await waitFor(() => {
+            expect(selectionSpy).toHaveBeenCalledWith(defaultValue);
+            expect(onFinished).toHaveBeenCalledTimes(1);
+        });
+
+        // Then
+        expect(formattingFunctions.link).toHaveBeenCalledWith("l", undefined);
+    });
+
+    it("Should create a link with text", async () => {
+        // When
+        const onFinished = jest.fn();
+        customRender(true, onFinished);
+
+        // Then
+        expect(screen.getByLabelText("Text")).toBeTruthy();
+        expect(screen.getByLabelText("Link")).toBeTruthy();
+        expect(screen.getByText("Save")).toBeDisabled();
+
+        // When
+        await userEvent.type(screen.getByLabelText("Text"), "t");
+
+        // Then
+        await waitFor(() => {
+            expect(screen.getByText("Save")).toBeDisabled();
+            expect(screen.getByLabelText("Text")).toHaveAttribute("value", "t");
+        });
+
+        // When
+        await userEvent.type(screen.getByLabelText("Link"), "l");
+
+        // Then
+        await waitFor(() => {
+            expect(screen.getByText("Save")).toBeEnabled();
+            expect(screen.getByLabelText("Link")).toHaveAttribute("value", "l");
+        });
+
+        // When
+        jest.useFakeTimers();
+        screen.getByText("Save").click();
+        jest.runAllTimers();
+
+        // Then
+        await waitFor(() => {
+            expect(selectionSpy).toHaveBeenCalledWith(defaultValue);
+            expect(onFinished).toHaveBeenCalledTimes(1);
+        });
+
+        // Then
+        expect(formattingFunctions.link).toHaveBeenCalledWith("l", "t");
+    });
+
+    it("Should remove the link", async () => {
+        // When
+        const onFinished = jest.fn();
+        customRender(true, onFinished, true);
+        await userEvent.click(screen.getByText("Remove"));
+
+        // Then
+        expect(formattingFunctions.removeLinks).toHaveBeenCalledTimes(1);
+        expect(onFinished).toHaveBeenCalledTimes(1);
+    });
+
+    it("Should display the link in editing", async () => {
+        // When
+        customRender(true, jest.fn(), true);
+
+        // Then
+        expect(screen.getByLabelText("Link")).toContainHTML("my initial content");
+        expect(screen.getByText("Save")).toBeDisabled();
+
+        // When
+        await userEvent.type(screen.getByLabelText("Link"), "l");
+
+        // Then
+        await waitFor(() => expect(screen.getByText("Save")).toBeEnabled());
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/PlainTextComposer-test.tsx b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/PlainTextComposer-test.tsx
new file mode 100644
index 00000000000..371960c8007
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/PlainTextComposer-test.tsx
@@ -0,0 +1,300 @@
+/*
+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 { act, render, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { initOnce } from "@vector-im/matrix-wysiwyg";
+
+import { PlainTextComposer } from "../../../../../../../src/components/views/rooms/wysiwyg_composer/components/PlainTextComposer";
+import * as mockUseSettingsHook from "../../../../../../../src/hooks/useSettings";
+import * as mockKeyboard from "../../../../../../../src/Keyboard";
+import { createMocks } from "../utils";
+import { ScopedRoomContextProvider } from "../../../../../../../src/contexts/ScopedRoomContext.tsx";
+
+beforeAll(initOnce, 10000);
+
+describe("PlainTextComposer", () => {
+    const customRender = (
+        onChange = (_content: string): void => void 0,
+        onSend = (): void => void 0,
+        disabled = false,
+        initialContent?: string,
+    ) => {
+        return render(
+            <PlainTextComposer
+                onChange={onChange}
+                onSend={onSend}
+                disabled={disabled}
+                initialContent={initialContent}
+            />,
+        );
+    };
+
+    let mockUseSettingValue: jest.SpyInstance;
+    beforeEach(() => {
+        // defaults for these tests are:
+        // ctrlEnterToSend is false
+        mockUseSettingValue = jest.spyOn(mockUseSettingsHook, "useSettingValue").mockReturnValue(false);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("Should have contentEditable at false when disabled", () => {
+        // When
+        customRender(jest.fn(), jest.fn(), true);
+
+        // Then
+        expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "false");
+    });
+
+    it("Should have focus", () => {
+        // When
+        customRender(jest.fn(), jest.fn(), false);
+
+        // Then
+        expect(screen.getByRole("textbox")).toHaveFocus();
+    });
+
+    it("Should call onChange handler", async () => {
+        // When
+        const content = "content";
+        const onChange = jest.fn();
+        customRender(onChange, jest.fn());
+        await userEvent.type(screen.getByRole("textbox"), content);
+
+        // Then
+        expect(onChange).toHaveBeenCalledWith(content);
+    });
+
+    it("Should call onSend when Enter is pressed when ctrlEnterToSend is false", async () => {
+        //When
+        const onSend = jest.fn();
+        customRender(jest.fn(), onSend);
+        await userEvent.type(screen.getByRole("textbox"), "{enter}");
+
+        // Then it sends a message
+        expect(onSend).toHaveBeenCalledTimes(1);
+    });
+
+    it("Should not call onSend when Enter is pressed when ctrlEnterToSend is true", async () => {
+        //When
+        mockUseSettingValue.mockReturnValue(true);
+        const onSend = jest.fn();
+        customRender(jest.fn(), onSend);
+        await userEvent.type(screen.getByRole("textbox"), "{enter}");
+
+        // Then it does not send a message
+        expect(onSend).toHaveBeenCalledTimes(0);
+    });
+
+    it("Should only call onSend when ctrl+enter is pressed when ctrlEnterToSend is true on windows", async () => {
+        //When
+        mockUseSettingValue.mockReturnValue(true);
+
+        const onSend = jest.fn();
+        customRender(jest.fn(), onSend);
+        const textBox = screen.getByRole("textbox");
+        await userEvent.type(textBox, "hello");
+
+        // Then it does NOT send a message on enter
+        await userEvent.type(textBox, "{enter}");
+        expect(onSend).toHaveBeenCalledTimes(0);
+
+        // Then it does NOT send a message on windows+enter
+        await userEvent.type(textBox, "{meta>}{enter}{meta/}");
+        expect(onSend).toHaveBeenCalledTimes(0);
+
+        // Then it does send a message on ctrl+enter
+        await userEvent.type(textBox, "{control>}{enter}{control/}");
+        expect(onSend).toHaveBeenCalledTimes(1);
+    });
+
+    it("Should only call onSend when cmd+enter is pressed when ctrlEnterToSend is true on mac", async () => {
+        //When
+        mockUseSettingValue.mockReturnValue(true);
+        Object.defineProperty(mockKeyboard, "IS_MAC", { value: true });
+
+        const onSend = jest.fn();
+        customRender(jest.fn(), onSend);
+        const textBox = screen.getByRole("textbox");
+        await userEvent.type(textBox, "hello");
+
+        // Then it does NOT send a message on enter
+        await userEvent.type(textBox, "{enter}");
+        expect(onSend).toHaveBeenCalledTimes(0);
+
+        // Then it does NOT send a message on ctrl+enter
+        await userEvent.type(textBox, "{control>}{enter}{control/}");
+        expect(onSend).toHaveBeenCalledTimes(0);
+
+        // Then it does send a message on cmd+enter
+        await userEvent.type(textBox, "{meta>}{enter}{meta/}");
+        expect(onSend).toHaveBeenCalledTimes(1);
+    });
+
+    it("Should insert a newline character when shift enter is pressed when ctrlEnterToSend is false", async () => {
+        //When
+        const onSend = jest.fn();
+        customRender(jest.fn(), onSend);
+        const textBox = screen.getByRole("textbox");
+        const inputWithShiftEnter = "new{Shift>}{enter}{/Shift}line";
+        const expectedInnerHtml = "new\nline";
+
+        await userEvent.click(textBox);
+        await userEvent.type(textBox, inputWithShiftEnter);
+
+        // Then it does not send a message, but inserts a newline character
+        expect(onSend).toHaveBeenCalledTimes(0);
+        expect(textBox.innerHTML).toBe(expectedInnerHtml);
+    });
+
+    it("Should insert a newline character when shift enter is pressed when ctrlEnterToSend is true", async () => {
+        //When
+        mockUseSettingValue.mockReturnValue(true);
+        const onSend = jest.fn();
+        customRender(jest.fn(), onSend);
+        const textBox = screen.getByRole("textbox");
+        const keyboardInput = "new{Shift>}{enter}{/Shift}line";
+        const expectedInnerHtml = "new\nline";
+
+        await userEvent.click(textBox);
+        await userEvent.type(textBox, keyboardInput);
+
+        // Then it does not send a message, but inserts a newline character
+        expect(onSend).toHaveBeenCalledTimes(0);
+        expect(textBox.innerHTML).toBe(expectedInnerHtml);
+    });
+
+    it("Should not insert div and br tags when enter is pressed when ctrlEnterToSend is true", async () => {
+        //When
+        mockUseSettingValue.mockReturnValue(true);
+        const onSend = jest.fn();
+        customRender(jest.fn(), onSend);
+        const textBox = screen.getByRole("textbox");
+        const enterThenTypeHtml = "<div>hello</div";
+
+        await userEvent.click(textBox);
+        await userEvent.type(textBox, "{enter}hello");
+
+        // Then it does not send a message, but inserts a newline character
+        expect(onSend).toHaveBeenCalledTimes(0);
+        expect(textBox).not.toContainHTML(enterThenTypeHtml);
+    });
+
+    it("Should not insert div tags when enter is pressed then user types more when ctrlEnterToSend is true", async () => {
+        //When
+        mockUseSettingValue.mockReturnValue(true);
+        const onSend = jest.fn();
+        customRender(jest.fn(), onSend);
+        const textBox = screen.getByRole("textbox");
+        const defaultEnterHtml = "<div><br></div";
+
+        await userEvent.click(textBox);
+        await userEvent.type(textBox, "{enter}");
+
+        // Then it does not send a message, but inserts a newline character
+        expect(onSend).toHaveBeenCalledTimes(0);
+        expect(textBox).not.toContainHTML(defaultEnterHtml);
+    });
+
+    it("Should clear textbox content when clear is called", async () => {
+        //When
+        let composer: {
+            clear: () => void;
+            insertText: (text: string) => void;
+        };
+
+        render(
+            <PlainTextComposer onChange={jest.fn()} onSend={jest.fn()}>
+                {(ref, composerFunctions) => {
+                    composer = composerFunctions;
+                    return null;
+                }}
+            </PlainTextComposer>,
+        );
+
+        await userEvent.type(screen.getByRole("textbox"), "content");
+        expect(screen.getByRole("textbox").innerHTML).toBe("content");
+
+        composer!.clear();
+
+        // Then
+        expect(screen.getByRole("textbox").innerHTML).toBeFalsy();
+    });
+
+    it("Should have data-is-expanded when it has two lines", async () => {
+        let resizeHandler: ResizeObserverCallback = jest.fn();
+        let editor: Element | null = null;
+        jest.spyOn(global, "ResizeObserver").mockImplementation((handler) => {
+            resizeHandler = handler;
+            return {
+                observe: (element) => {
+                    editor = element;
+                },
+                unobserve: jest.fn(),
+                disconnect: jest.fn(),
+            };
+        });
+        jest.useFakeTimers();
+
+        //When
+        render(<PlainTextComposer onChange={jest.fn()} onSend={jest.fn()} />);
+
+        // Then
+        expect(screen.getByTestId("WysiwygComposerEditor").dataset["isExpanded"]).toBe("false");
+        expect(editor).toBe(screen.getByRole("textbox"));
+
+        // When
+        resizeHandler(
+            [{ contentBoxSize: [{ blockSize: 100 }] } as unknown as ResizeObserverEntry],
+            {} as ResizeObserver,
+        );
+
+        act(() => {
+            jest.runAllTimers();
+        });
+
+        // Then
+        expect(screen.getByTestId("WysiwygComposerEditor").dataset["isExpanded"]).toBe("true");
+
+        jest.useRealTimers();
+        (global.ResizeObserver as jest.Mock).mockRestore();
+    });
+
+    it("Should not render <Autocomplete /> if not wrapped in room context", () => {
+        customRender();
+        expect(screen.queryByTestId("autocomplete-wrapper")).not.toBeInTheDocument();
+    });
+
+    it("Should render <Autocomplete /> if wrapped in room context", () => {
+        const { defaultRoomContext } = createMocks();
+
+        render(
+            <ScopedRoomContextProvider {...defaultRoomContext}>
+                <PlainTextComposer onChange={jest.fn()} onSend={jest.fn()} disabled={false} initialContent="" />
+            </ScopedRoomContextProvider>,
+        );
+
+        expect(screen.getByTestId("autocomplete-wrapper")).toBeInTheDocument();
+    });
+
+    it("Should allow pasting of text values", async () => {
+        customRender();
+
+        const textBox = screen.getByRole("textbox");
+
+        await userEvent.click(textBox);
+        await userEvent.type(textBox, "hello");
+        await userEvent.paste(" world");
+
+        expect(textBox).toHaveTextContent("hello world");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/WysiwygAutocomplete-test.tsx b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/WysiwygAutocomplete-test.tsx
new file mode 100644
index 00000000000..70809716a45
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/WysiwygAutocomplete-test.tsx
@@ -0,0 +1,130 @@
+/*
+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 "@testing-library/jest-dom";
+import React, { createRef } from "react";
+import { render, screen, waitFor } from "jest-matrix-react";
+import { initOnce } from "@vector-im/matrix-wysiwyg";
+
+import MatrixClientContext from "../../../../../../../src/contexts/MatrixClientContext";
+import { WysiwygAutocomplete } from "../../../../../../../src/components/views/rooms/wysiwyg_composer/components/WysiwygAutocomplete";
+import { getRoomContext, mkStubRoom, stubClient } from "../../../../../../test-utils";
+import type Autocomplete from "../../../../../../../src/components/views/rooms/Autocomplete";
+import Autocompleter, { type ICompletion } from "../../../../../../../src/autocomplete/Autocompleter";
+import type AutocompleteProvider from "../../../../../../../src/autocomplete/AutocompleteProvider";
+import { ScopedRoomContextProvider } from "../../../../../../../src/contexts/ScopedRoomContext.tsx";
+
+const mockCompletion: ICompletion[] = [
+    {
+        type: "user",
+        completion: "user_1",
+        completionId: "@user_1:host.local",
+        range: { start: 1, end: 1 },
+        component: <div>user_1</div>,
+    },
+    {
+        type: "user",
+        completion: "user_2",
+        completionId: "@user_2:host.local",
+        range: { start: 1, end: 1 },
+        component: <div>user_2</div>,
+    },
+];
+
+const constructMockProvider = (data: ICompletion[]) =>
+    ({
+        getCompletions: jest.fn().mockImplementation(async () => data),
+        getName: jest.fn().mockReturnValue("test provider"),
+        renderCompletions: jest.fn().mockImplementation((components) => components),
+    }) as unknown as AutocompleteProvider;
+
+beforeAll(initOnce, 10000);
+
+describe("WysiwygAutocomplete", () => {
+    beforeAll(() => {
+        // scrollTo not implemented in JSDOM
+        window.HTMLElement.prototype.scrollTo = function () {};
+    });
+
+    afterAll(() => {
+        jest.restoreAllMocks();
+    });
+
+    const autocompleteRef = createRef<Autocomplete>();
+    const getCompletionsSpy = jest.spyOn(Autocompleter.prototype, "getCompletions").mockResolvedValue([
+        {
+            completions: mockCompletion,
+            provider: constructMockProvider(mockCompletion),
+            command: { command: ["truthy"] as RegExpExecArray }, // needed for us to unhide the autocomplete when testing
+        },
+    ]);
+    const mockHandleMention = jest.fn();
+    const mockHandleCommand = jest.fn();
+    const mockHandleAtRoomMention = jest.fn();
+    const mockHandleEmoji = jest.fn();
+
+    const renderComponent = (props: Partial<React.ComponentProps<typeof WysiwygAutocomplete>> = {}) => {
+        const mockClient = stubClient();
+        const mockRoom = mkStubRoom("test_room", "test_room", mockClient);
+        const mockRoomContext = getRoomContext(mockRoom, {});
+
+        return render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ScopedRoomContextProvider {...mockRoomContext}>
+                    <WysiwygAutocomplete
+                        ref={autocompleteRef}
+                        suggestion={null}
+                        handleMention={mockHandleMention}
+                        handleCommand={mockHandleCommand}
+                        handleAtRoomMention={mockHandleAtRoomMention}
+                        handleEmoji={mockHandleEmoji}
+                        {...props}
+                    />
+                </ScopedRoomContextProvider>
+            </MatrixClientContext.Provider>,
+        );
+    };
+
+    it("does not show the autocomplete when room is undefined", () => {
+        render(
+            <WysiwygAutocomplete
+                ref={autocompleteRef}
+                suggestion={null}
+                handleMention={mockHandleMention}
+                handleCommand={mockHandleCommand}
+                handleAtRoomMention={mockHandleAtRoomMention}
+                handleEmoji={mockHandleEmoji}
+            />,
+        );
+        expect(screen.queryByTestId("autocomplete-wrapper")).not.toBeInTheDocument();
+    });
+
+    it("does not call for suggestions with a null suggestion prop", async () => {
+        // render the component, the default props have suggestion = null
+        renderComponent();
+
+        // check that getCompletions is not called, and we have no suggestions
+        expect(getCompletionsSpy).not.toHaveBeenCalled();
+        expect(screen.queryByRole("presentation")).not.toBeInTheDocument();
+    });
+
+    it("calls getCompletions when given a valid suggestion prop", async () => {
+        renderComponent({ suggestion: { keyChar: "@", text: "abc", type: "mention" } });
+
+        // wait for getCompletions to have been called
+        await waitFor(() => {
+            expect(getCompletionsSpy).toHaveBeenCalled();
+        });
+
+        // check that some suggestions are shown
+        expect(screen.getByRole("presentation")).toBeInTheDocument();
+
+        // and that they are the mock completions
+        mockCompletion.forEach(({ completion }) => expect(screen.getByText(completion)).toBeInTheDocument());
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/WysiwygComposer-test.tsx b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/WysiwygComposer-test.tsx
new file mode 100644
index 00000000000..e585e551a60
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/WysiwygComposer-test.tsx
@@ -0,0 +1,915 @@
+/*
+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 "@testing-library/jest-dom";
+import React from "react";
+import { act, fireEvent, render, screen, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { initOnce } from "@vector-im/matrix-wysiwyg";
+
+import { WysiwygComposer } from "../../../../../../../src/components/views/rooms/wysiwyg_composer/components/WysiwygComposer";
+import SettingsStore from "../../../../../../../src/settings/SettingsStore";
+import { flushPromises, mockPlatformPeg, stubClient, mkStubRoom } from "../../../../../../test-utils";
+import defaultDispatcher from "../../../../../../../src/dispatcher/dispatcher";
+import * as EventUtils from "../../../../../../../src/utils/EventUtils";
+import { Action } from "../../../../../../../src/dispatcher/actions";
+import MatrixClientContext from "../../../../../../../src/contexts/MatrixClientContext";
+import {
+    ComposerContext,
+    getDefaultContextValue,
+} from "../../../../../../../src/components/views/rooms/wysiwyg_composer/ComposerContext";
+import { createMocks } from "../utils";
+import type EditorStateTransfer from "../../../../../../../src/utils/EditorStateTransfer";
+import { type SubSelection } from "../../../../../../../src/components/views/rooms/wysiwyg_composer/types";
+import { setSelection } from "../../../../../../../src/components/views/rooms/wysiwyg_composer/utils/selection";
+import { parseEditorStateTransfer } from "../../../../../../../src/components/views/rooms/wysiwyg_composer/hooks/useInitialContent";
+import Autocompleter, { type ICompletion } from "../../../../../../../src/autocomplete/Autocompleter";
+import type AutocompleteProvider from "../../../../../../../src/autocomplete/AutocompleteProvider";
+import * as Permalinks from "../../../../../../../src/utils/permalinks/Permalinks";
+import { type PermalinkParts } from "../../../../../../../src/utils/permalinks/PermalinkConstructor";
+import { ScopedRoomContextProvider } from "../../../../../../../src/contexts/ScopedRoomContext.tsx";
+import { RoomUploadContextProvider } from "../../../../../../../src/viewmodels/room/RoomUploadViewModel.tsx";
+
+beforeAll(initOnce, 10000);
+
+describe("WysiwygComposer", () => {
+    const customRender = (onChange = jest.fn(), onSend = jest.fn(), disabled = false, initialContent?: string) => {
+        const { mockClient, defaultRoomContext } = createMocks();
+        return render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ScopedRoomContextProvider {...defaultRoomContext}>
+                    <RoomUploadContextProvider>
+                        <WysiwygComposer
+                            onChange={onChange}
+                            onSend={onSend}
+                            disabled={disabled}
+                            initialContent={initialContent}
+                        />
+                    </RoomUploadContextProvider>
+                </ScopedRoomContextProvider>
+            </MatrixClientContext.Provider>,
+        );
+    };
+
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+
+    it("Should have contentEditable at false when disabled", async () => {
+        // When
+        customRender(jest.fn(), jest.fn(), true);
+
+        // Then
+        await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "false"));
+    });
+
+    describe("Standard behavior", () => {
+        const onChange = jest.fn();
+        const onSend = jest.fn();
+        beforeEach(async () => {
+            mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
+            customRender(onChange, onSend);
+            await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"), {
+                // The standard timeout sometimes isn't enough for the async wasm init
+                timeout: 5000,
+            });
+        });
+
+        afterEach(() => {
+            onChange.mockReset();
+            onSend.mockReset();
+        });
+
+        it("Should have contentEditable at true", async () => {
+            // Then
+            await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+        });
+
+        it("Should have focus", async () => {
+            // Then
+            await waitFor(() => expect(screen.getByRole("textbox")).toHaveFocus());
+        });
+
+        it("Should call onChange handler", async () => {
+            // When
+            fireEvent.input(screen.getByRole("textbox"), {
+                data: "foo bar",
+                inputType: "insertText",
+            });
+
+            // Then
+            await waitFor(() => expect(onChange).toHaveBeenCalledWith("foo bar"));
+        });
+
+        it("Should call onSend when Enter is pressed", async () => {
+            //When
+            fireEvent(
+                screen.getByRole("textbox"),
+                new InputEvent("input", {
+                    inputType: "insertParagraph",
+                }),
+            );
+
+            // Then it sends a message
+            await waitFor(() => expect(onSend).toHaveBeenCalledTimes(1));
+        });
+
+        it("Should not call onSend when Shift+Enter is pressed", async () => {
+            //When
+            await userEvent.type(screen.getByRole("textbox"), "{shift>}{enter}");
+
+            // Then it sends a message
+            await waitFor(() => expect(onSend).toHaveBeenCalledTimes(0));
+        });
+
+        it("Should not call onSend when ctrl+Enter is pressed", async () => {
+            //When
+            // Using userEvent.type or .keyboard wasn't working as expected in the case of ctrl+enter
+            fireEvent(
+                screen.getByRole("textbox"),
+                new KeyboardEvent("keydown", {
+                    ctrlKey: true,
+                    code: "Enter",
+                }),
+            );
+
+            // Then it sends a message
+            await waitFor(() => expect(onSend).toHaveBeenCalledTimes(0));
+        });
+
+        it("Should not call onSend when alt+Enter is pressed", async () => {
+            //When
+            await userEvent.type(screen.getByRole("textbox"), "{alt>}{enter}");
+
+            // Then it sends a message
+            await waitFor(() => expect(onSend).toHaveBeenCalledTimes(0));
+        });
+
+        it("Should not call onSend when meta+Enter is pressed", async () => {
+            //When
+            await userEvent.type(screen.getByRole("textbox"), "{meta>}{enter}");
+
+            // Then it sends a message
+            await waitFor(() => expect(onSend).toHaveBeenCalledTimes(0));
+        });
+
+        it("Should disable formatting buttons when a slash command is entered", async () => {
+            // When
+            fireEvent.input(screen.getByRole("textbox"), {
+                data: "/rainbow",
+                inputType: "insertText",
+            });
+
+            // Then - wait for all buttons to be rendered and have the disabled class
+            await waitFor(() => {
+                const container = screen.getByTestId("WysiwygComposer");
+                const formattingButtons = container.querySelectorAll(".mx_FormattingButtons_Button");
+                expect(formattingButtons.length).toBeGreaterThan(0);
+
+                formattingButtons.forEach((btn) => {
+                    expect(btn).toHaveClass("mx_FormattingButtons_disabled");
+                });
+            });
+        });
+    });
+
+    describe("Mentions and commands", () => {
+        const dispatchSpy = jest.spyOn(defaultDispatcher, "dispatch");
+
+        const mockCompletions: ICompletion[] = [
+            {
+                type: "user",
+                href: "https://matrix.to/#/@user_1:element.io",
+                completion: "user_1",
+                completionId: "@user_1:host.local",
+                range: { start: 1, end: 1 },
+                component: <div>user_1</div>,
+            },
+            {
+                type: "user",
+                href: "https://matrix.to/#/@user_2:element.io",
+                completion: "user_2",
+                completionId: "@user_2:host.local",
+                range: { start: 1, end: 1 },
+                component: <div>user_2</div>,
+            },
+            {
+                // no href user
+                type: "user",
+                href: undefined,
+                completion: "user_without_href",
+                completionId: "@user_3:host.local",
+                range: { start: 1, end: 1 },
+                component: <div>user_without_href</div>,
+            },
+            {
+                type: "room",
+                href: "https://matrix.to/#/#room_1:element.io",
+                completion: "#room_with_completion_id",
+                completionId: "@room_1:host.local",
+                range: { start: 1, end: 1 },
+                component: <div>room_with_completion_id</div>,
+            },
+            {
+                type: "room",
+                href: "https://matrix.to/#/#room_2:element.io",
+                completion: "#room_without_completion_id",
+                range: { start: 1, end: 1 },
+                component: <div>room_without_completion_id</div>,
+            },
+            {
+                type: "command",
+                completion: "/spoiler",
+                range: { start: 1, end: 1 },
+                component: <div>/spoiler</div>,
+            },
+            {
+                type: "at-room",
+                completion: "@room",
+                range: { start: 1, end: 1 },
+                component: <div>@room</div>,
+            },
+            {
+                type: "community",
+                completion: "community-completion",
+                range: { start: 1, end: 1 },
+                component: <div>community</div>,
+            },
+            {
+                completion: "😄",
+                range: { start: 1, end: 1 },
+                component: <div>😄</div>,
+            },
+        ];
+
+        const constructMockProvider = (data: ICompletion[]) =>
+            ({
+                getCompletions: jest.fn().mockImplementation(async () => data),
+                getName: jest.fn().mockReturnValue("test provider"),
+                renderCompletions: jest.fn().mockImplementation((components) => components),
+            }) as unknown as AutocompleteProvider;
+
+        // for each test we will insert input simulating a user mention
+        const initialInput = "@abc";
+        const insertMentionInput = async () => {
+            fireEvent.input(screen.getByRole("textbox"), {
+                data: initialInput,
+                inputType: "insertText",
+            });
+
+            // the autocomplete suggestions container has the presentation role, wait for it to be present
+            expect(await screen.findByRole("presentation")).toBeInTheDocument();
+        };
+
+        beforeEach(async () => {
+            // setup the required spies
+            jest.spyOn(Autocompleter.prototype, "getCompletions").mockResolvedValue([
+                {
+                    completions: mockCompletions,
+                    provider: constructMockProvider(mockCompletions),
+                    command: { command: ["truthy"] as RegExpExecArray }, // needed for us to unhide the autocomplete when testing
+                },
+            ]);
+            jest.spyOn(Permalinks, "parsePermalink").mockReturnValue({
+                userId: "mockParsedUserId",
+            } as unknown as PermalinkParts);
+
+            // then render the component and wait for the composer to be ready
+            customRender();
+            await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+        });
+
+        afterEach(() => {
+            jest.clearAllMocks();
+        });
+
+        it("shows the autocomplete when text has @ prefix and autoselects the first item", async () => {
+            await insertMentionInput();
+            expect(screen.getByText(mockCompletions[0].completion)).toHaveAttribute("aria-selected", "true");
+        });
+
+        it("pressing up and down arrows allows us to change the autocomplete selection", async () => {
+            await insertMentionInput();
+
+            // press the down arrow - nb using .keyboard allows us to not have to specify a node, which
+            // means that we know the autocomplete is correctly catching the event
+            await userEvent.keyboard("{ArrowDown}");
+            expect(screen.getByText(mockCompletions[0].completion)).toHaveAttribute("aria-selected", "false");
+            expect(screen.getByText(mockCompletions[1].completion)).toHaveAttribute("aria-selected", "true");
+
+            // reverse the process and check again
+            await userEvent.keyboard("{ArrowUp}");
+            expect(screen.getByText(mockCompletions[0].completion)).toHaveAttribute("aria-selected", "true");
+            expect(screen.getByText(mockCompletions[1].completion)).toHaveAttribute("aria-selected", "false");
+        });
+
+        it("pressing enter selects the mention and inserts it into the composer as a link", async () => {
+            await insertMentionInput();
+            // press enter
+            await userEvent.keyboard("{Enter}");
+            screen.debug();
+
+            // check that it closes the autocomplete
+            await waitFor(() => {
+                expect(screen.queryByRole("presentation")).not.toBeInTheDocument();
+            });
+
+            // check that it inserts the completion text as a link
+            expect(screen.getByRole("link", { name: mockCompletions[0].completion })).toBeInTheDocument();
+        });
+
+        it("pressing escape closes the autocomplete", async () => {
+            await insertMentionInput();
+
+            // press escape
+            await userEvent.keyboard("{Escape}");
+
+            // check that it closes the autocomplete
+            await waitFor(() => {
+                expect(screen.queryByRole("presentation")).not.toBeInTheDocument();
+            });
+        });
+
+        it("typing with the autocomplete open still works as expected", async () => {
+            await insertMentionInput();
+
+            // add some more text, then check the autocomplete is open AND the text is in the composer
+            await userEvent.keyboard("extra");
+
+            expect(screen.queryByRole("presentation")).toBeInTheDocument();
+            expect(screen.getByRole("textbox")).toHaveTextContent("@abcextra");
+        });
+
+        it("clicking on a mention in the composer dispatches the correct action", async () => {
+            await insertMentionInput();
+
+            // press enter
+            await userEvent.keyboard("{Enter}");
+
+            // check that it closes the autocomplete
+            await waitFor(() => {
+                expect(screen.queryByRole("presentation")).not.toBeInTheDocument();
+            });
+
+            // click on the user mention link that has been inserted
+            await userEvent.click(screen.getByRole("link", { name: mockCompletions[0].completion }));
+            expect(dispatchSpy).toHaveBeenCalledTimes(1);
+
+            // this relies on the output from the mock function in mkStubRoom
+            expect(dispatchSpy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: Action.ViewUser,
+                    member: expect.objectContaining({
+                        userId: mkStubRoom(undefined, undefined, undefined).getMember("any")?.userId,
+                    }),
+                }),
+            );
+        });
+
+        it("selecting a mention without a href closes the autocomplete but does not insert a mention", async () => {
+            await insertMentionInput();
+
+            // select the relevant user by clicking
+            await userEvent.click(screen.getByText("user_without_href"));
+
+            // check that it closes the autocomplete
+            await waitFor(() => {
+                expect(screen.queryByRole("presentation")).not.toBeInTheDocument();
+            });
+
+            // check that it has not inserted a link
+            expect(screen.queryByRole("link", { name: "user_without_href" })).not.toBeInTheDocument();
+        });
+
+        it("selecting a room mention with a completionId uses client.getRoom", async () => {
+            await insertMentionInput();
+
+            // select the room suggestion by clicking
+            await userEvent.click(screen.getByText("room_with_completion_id"));
+
+            // check that it closes the autocomplete
+            await waitFor(() => {
+                expect(screen.queryByRole("presentation")).not.toBeInTheDocument();
+            });
+
+            // check that it has inserted a link and looked up the name from the mock client
+            // which will always return 'My room'
+            expect(screen.getByRole("link", { name: "My room" })).toBeInTheDocument();
+        });
+
+        it("selecting a room mention without a completionId uses client.getRooms", async () => {
+            await insertMentionInput();
+
+            // select the room suggestion
+            await userEvent.click(screen.getByText("room_without_completion_id"));
+
+            // check that it closes the autocomplete
+            await waitFor(() => {
+                expect(screen.queryByRole("presentation")).not.toBeInTheDocument();
+            });
+
+            // check that it has inserted a link and falls back to the completion text
+            expect(screen.getByRole("link", { name: "#room_without_completion_id" })).toBeInTheDocument();
+        });
+
+        it("selecting a command inserts the command", async () => {
+            await insertMentionInput();
+
+            // select the room suggestion
+            await userEvent.click(screen.getByText("/spoiler"));
+
+            // check that it has inserted the plain text
+            expect(screen.getByText("/spoiler")).toBeInTheDocument();
+        });
+
+        it("selecting an at-room completion inserts @room", async () => {
+            await insertMentionInput();
+
+            // select the room suggestion
+            await userEvent.click(screen.getByText("@room"));
+
+            // check that it has inserted the @room link
+            expect(screen.getByRole("link", { name: "@room" })).toBeInTheDocument();
+        });
+
+        it("allows a community completion to pass through", async () => {
+            await insertMentionInput();
+
+            // select the room suggestion
+            await userEvent.click(screen.getByText("community"));
+
+            // check that it we still have the initial text
+            expect(screen.getByText(initialInput)).toBeInTheDocument();
+        });
+
+        it("selecting an emoji suggestion inserts the emoji", async () => {
+            await insertMentionInput();
+
+            // select the room suggestion
+            await userEvent.click(screen.getByText("😄"));
+
+            // check that it has inserted the plain text
+            expect(screen.getByText("😄")).toBeInTheDocument();
+        });
+    });
+
+    describe("When emoticons should be replaced by emojis", () => {
+        const onChange = jest.fn();
+        const onSend = jest.fn();
+        beforeEach(async () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((name: string): any => {
+                if (name === "MessageComposerInput.autoReplaceEmoji") return true;
+            });
+            customRender(onChange, onSend);
+            await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+        });
+        it("typing a space to trigger an emoji replacement", async () => {
+            fireEvent.input(screen.getByRole("textbox"), {
+                data: ":P",
+                inputType: "insertText",
+            });
+            fireEvent.input(screen.getByRole("textbox"), {
+                data: " ",
+                inputType: "insertText",
+            });
+
+            await waitFor(() => expect(onChange).toHaveBeenNthCalledWith(3, expect.stringContaining("😛")));
+        });
+        it("typing a space to trigger an emoji varitation replacement", async () => {
+            fireEvent.input(screen.getByRole("textbox"), {
+                data: ":-P",
+                inputType: "insertText",
+            });
+            fireEvent.input(screen.getByRole("textbox"), {
+                data: " ",
+                inputType: "insertText",
+            });
+
+            await waitFor(() => expect(onChange).toHaveBeenNthCalledWith(3, expect.stringContaining("😛")));
+        });
+    });
+
+    describe("When settings require Ctrl+Enter to send", () => {
+        const onChange = jest.fn();
+        const onSend = jest.fn();
+        beforeEach(async () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((name): any => {
+                if (name === "MessageComposerInput.ctrlEnterToSend") return true;
+            });
+            customRender(onChange, onSend);
+            await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+        });
+
+        afterEach(() => {
+            onChange.mockReset();
+            onSend.mockReset();
+        });
+
+        it("Should not call onSend when Enter is pressed", async () => {
+            // When
+            const textbox = screen.getByRole("textbox");
+
+            fireEvent(
+                textbox,
+                new InputEvent("input", {
+                    inputType: "insertParagraph",
+                }),
+            );
+
+            // Then it does not send a message
+            await waitFor(() => expect(onSend).toHaveBeenCalledTimes(0));
+
+            fireEvent(
+                textbox,
+                new InputEvent("input", {
+                    inputType: "insertText",
+                    data: "other",
+                }),
+            );
+
+            // The focus is on the last text node
+            await waitFor(() => {
+                const selection = document.getSelection();
+                if (selection) {
+                    expect(selection.focusNode?.textContent).toEqual("other");
+                }
+            });
+        });
+
+        it("Should send a message when Ctrl+Enter is pressed", async () => {
+            // When
+            fireEvent(
+                screen.getByRole("textbox"),
+                new InputEvent("input", {
+                    inputType: "sendMessage",
+                }),
+            );
+
+            // Then it sends a message
+            await waitFor(() => expect(onSend).toHaveBeenCalledTimes(1));
+        });
+    });
+
+    describe("Keyboard navigation", () => {
+        const { mockClient, defaultRoomContext, mockEvent, editorStateTransfer } = createMocks();
+
+        const customRender = (
+            client = mockClient,
+            roomContext = defaultRoomContext,
+            _editorStateTransfer?: EditorStateTransfer,
+        ) => {
+            return render(
+                <MatrixClientContext.Provider value={client}>
+                    <ScopedRoomContextProvider {...roomContext}>
+                        <RoomUploadContextProvider>
+                            <ComposerContext.Provider
+                                value={getDefaultContextValue({ editorStateTransfer: _editorStateTransfer })}
+                            >
+                                <WysiwygComposer
+                                    onChange={jest.fn()}
+                                    onSend={jest.fn()}
+                                    initialContent={
+                                        roomContext.room && _editorStateTransfer
+                                            ? parseEditorStateTransfer(_editorStateTransfer, roomContext.room, client)
+                                            : undefined
+                                    }
+                                />
+                            </ComposerContext.Provider>
+                        </RoomUploadContextProvider>
+                    </ScopedRoomContextProvider>
+                </MatrixClientContext.Provider>,
+            );
+        };
+
+        afterEach(() => {
+            jest.resetAllMocks();
+        });
+
+        const setup = async (
+            editorState?: EditorStateTransfer,
+            client = stubClient(),
+            roomContext = defaultRoomContext,
+        ) => {
+            const spyDispatcher = jest.spyOn(defaultDispatcher, "dispatch");
+
+            customRender(client, roomContext, editorState);
+            await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
+            return { textbox: screen.getByRole("textbox"), spyDispatcher };
+        };
+
+        beforeEach(() => {
+            mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
+            jest.spyOn(EventUtils, "findEditableEvent").mockReturnValue(mockEvent);
+        });
+
+        describe("In message creation", () => {
+            it("Should not moving when the composer is filled", async () => {
+                // When
+                const { textbox, spyDispatcher } = await setup();
+                fireEvent.input(textbox, {
+                    data: "word",
+                    inputType: "insertText",
+                });
+
+                // Move at the beginning of the composer
+                fireEvent.keyDown(textbox, {
+                    key: "ArrowUp",
+                });
+
+                // Then
+                expect(spyDispatcher).toHaveBeenCalledTimes(0);
+            });
+
+            it("Should moving when the composer is empty", async () => {
+                // When
+                const { textbox, spyDispatcher } = await setup();
+
+                fireEvent.keyDown(textbox, {
+                    key: "ArrowUp",
+                });
+
+                // Then
+                expect(spyDispatcher).toHaveBeenCalledWith({
+                    action: Action.EditEvent,
+                    event: mockEvent,
+                    timelineRenderingType: defaultRoomContext.timelineRenderingType,
+                });
+            });
+        });
+
+        describe("In message editing", () => {
+            function select(selection: SubSelection) {
+                return act(async () => {
+                    await setSelection(selection);
+                    // the event is not automatically fired by jest
+                    document.dispatchEvent(new CustomEvent("selectionchange"));
+                });
+            }
+
+            describe("Moving up", () => {
+                it("Should not moving when caret is not at beginning of the text", async () => {
+                    // When
+                    const { textbox, spyDispatcher } = await setup(editorStateTransfer);
+                    const textNode = textbox.firstChild;
+                    await select({
+                        anchorNode: textNode,
+                        anchorOffset: 1,
+                        focusNode: textNode,
+                        focusOffset: 2,
+                        isForward: true,
+                    });
+
+                    fireEvent.keyDown(textbox, {
+                        key: "ArrowUp",
+                    });
+
+                    // Then
+                    expect(spyDispatcher).toHaveBeenCalledTimes(0);
+                });
+
+                it("Should not moving when the content has changed", async () => {
+                    // When
+                    const { textbox, spyDispatcher } = await setup(editorStateTransfer);
+                    fireEvent.input(textbox, {
+                        data: "word",
+                        inputType: "insertText",
+                    });
+                    const textNode = textbox.firstChild;
+                    await select({
+                        anchorNode: textNode,
+                        anchorOffset: 0,
+                        focusNode: textNode,
+                        focusOffset: 0,
+                        isForward: true,
+                    });
+
+                    fireEvent.keyDown(textbox, {
+                        key: "ArrowUp",
+                    });
+
+                    // Then
+                    expect(spyDispatcher).toHaveBeenCalledTimes(0);
+                });
+
+                it("Should moving up", async () => {
+                    // When
+                    const { textbox, spyDispatcher } = await setup(editorStateTransfer);
+                    const textNode = textbox.firstChild;
+                    await select({
+                        anchorNode: textNode,
+                        anchorOffset: 0,
+                        focusNode: textNode,
+                        focusOffset: 0,
+                        isForward: true,
+                    });
+
+                    fireEvent.keyDown(textbox, {
+                        key: "ArrowUp",
+                    });
+
+                    // Wait for event dispatch to happen
+                    await act(async () => {
+                        await flushPromises();
+                    });
+
+                    // Then
+                    await waitFor(() =>
+                        expect(spyDispatcher).toHaveBeenCalledWith({
+                            action: Action.EditEvent,
+                            event: mockEvent,
+                            timelineRenderingType: defaultRoomContext.timelineRenderingType,
+                        }),
+                    );
+                });
+
+                it("Should moving up in list", async () => {
+                    // When
+                    const { mockEvent, defaultRoomContext, mockClient, editorStateTransfer } = createMocks(
+                        "<ul><li><strong>Content</strong></li><li>Other Content</li></ul>",
+                    );
+                    jest.spyOn(EventUtils, "findEditableEvent").mockReturnValue(mockEvent);
+                    const { textbox, spyDispatcher } = await setup(editorStateTransfer, mockClient, defaultRoomContext);
+
+                    const textNode = textbox.firstChild;
+                    await select({
+                        anchorNode: textNode,
+                        anchorOffset: 0,
+                        focusNode: textNode,
+                        focusOffset: 0,
+                        isForward: true,
+                    });
+
+                    fireEvent.keyDown(textbox, {
+                        key: "ArrowUp",
+                    });
+
+                    // Wait for event dispatch to happen
+                    await act(async () => {
+                        await flushPromises();
+                    });
+
+                    // Then
+                    expect(spyDispatcher).toHaveBeenCalledWith({
+                        action: Action.EditEvent,
+                        event: mockEvent,
+                        timelineRenderingType: defaultRoomContext.timelineRenderingType,
+                    });
+                });
+            });
+
+            describe("Moving down", () => {
+                it("Should not moving when caret is not at the end of the text", async () => {
+                    // When
+                    const { textbox, spyDispatcher } = await setup(editorStateTransfer);
+                    const brNode = textbox.lastChild;
+                    await select({
+                        anchorNode: brNode,
+                        anchorOffset: 0,
+                        focusNode: brNode,
+                        focusOffset: 0,
+                        isForward: true,
+                    });
+
+                    fireEvent.keyDown(textbox, {
+                        key: "ArrowDown",
+                    });
+
+                    // Then
+                    expect(spyDispatcher).toHaveBeenCalledTimes(0);
+                });
+
+                it("Should not moving when the content has changed", async () => {
+                    // When
+                    const { textbox, spyDispatcher } = await setup(editorStateTransfer);
+                    fireEvent.input(textbox, {
+                        data: "word",
+                        inputType: "insertText",
+                    });
+                    const brNode = textbox.lastChild;
+                    await select({
+                        anchorNode: brNode,
+                        anchorOffset: 0,
+                        focusNode: brNode,
+                        focusOffset: 0,
+                        isForward: true,
+                    });
+
+                    fireEvent.keyDown(textbox, {
+                        key: "ArrowDown",
+                    });
+
+                    // Then
+                    expect(spyDispatcher).toHaveBeenCalledTimes(0);
+                });
+
+                it("Should moving down", async () => {
+                    // When
+                    const { textbox, spyDispatcher } = await setup(editorStateTransfer);
+                    // Skipping the BR tag
+                    const textNode = textbox.childNodes[textbox.childNodes.length - 2];
+                    const { length } = textNode.textContent || "";
+                    await select({
+                        anchorNode: textNode,
+                        anchorOffset: length,
+                        focusNode: textNode,
+                        focusOffset: length,
+                        isForward: true,
+                    });
+
+                    fireEvent.keyDown(textbox, {
+                        key: "ArrowDown",
+                    });
+
+                    // Wait for event dispatch to happen
+                    await act(async () => {
+                        await flushPromises();
+                    });
+
+                    // Then
+                    await waitFor(() =>
+                        expect(spyDispatcher).toHaveBeenCalledWith({
+                            action: Action.EditEvent,
+                            event: mockEvent,
+                            timelineRenderingType: defaultRoomContext.timelineRenderingType,
+                        }),
+                    );
+                });
+
+                it("Should moving down in list", async () => {
+                    // When
+                    const { mockEvent, defaultRoomContext, mockClient, editorStateTransfer } = createMocks(
+                        "<ul><li><strong>Content</strong></li><li>Other Content</li></ul>",
+                    );
+                    jest.spyOn(EventUtils, "findEditableEvent").mockReturnValue(mockEvent);
+                    const { textbox, spyDispatcher } = await setup(editorStateTransfer, mockClient, defaultRoomContext);
+
+                    // Skipping the BR tag and get the text node inside the last LI tag
+                    const textNode = textbox.childNodes[textbox.childNodes.length - 2].lastChild?.lastChild || textbox;
+                    const { length } = textNode.textContent || "";
+                    await select({
+                        anchorNode: textNode,
+                        anchorOffset: length,
+                        focusNode: textNode,
+                        focusOffset: length,
+                        isForward: true,
+                    });
+
+                    fireEvent.keyDown(textbox, {
+                        key: "ArrowDown",
+                    });
+
+                    // Wait for event dispatch to happen
+                    await act(async () => {
+                        await flushPromises();
+                    });
+
+                    // Then
+                    expect(spyDispatcher).toHaveBeenCalledWith({
+                        action: Action.EditEvent,
+                        event: mockEvent,
+                        timelineRenderingType: defaultRoomContext.timelineRenderingType,
+                    });
+                });
+
+                it("Should close editing", async () => {
+                    // When
+                    jest.spyOn(EventUtils, "findEditableEvent").mockReturnValue(undefined);
+                    const { textbox, spyDispatcher } = await setup(editorStateTransfer);
+                    // Skipping the BR tag
+                    const textNode = textbox.childNodes[textbox.childNodes.length - 2];
+                    const { length } = textNode.textContent || "";
+                    await select({
+                        anchorNode: textNode,
+                        anchorOffset: length,
+                        focusNode: textNode,
+                        focusOffset: length,
+                        isForward: true,
+                    });
+
+                    fireEvent.keyDown(textbox, {
+                        key: "ArrowDown",
+                    });
+
+                    // Wait for event dispatch to happen
+                    await act(async () => {
+                        await flushPromises();
+                    });
+
+                    // Then
+                    await waitFor(() =>
+                        expect(spyDispatcher).toHaveBeenCalledWith({
+                            action: Action.EditEvent,
+                            event: null,
+                            timelineRenderingType: defaultRoomContext.timelineRenderingType,
+                        }),
+                    );
+                });
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/__snapshots__/FormattingButtons-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/__snapshots__/FormattingButtons-test.tsx.snap
new file mode 100644
index 00000000000..c27d3922e10
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/components/__snapshots__/FormattingButtons-test.tsx.snap
@@ -0,0 +1,200 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`FormattingButtons renders in german 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_FormattingButtons"
+  >
+    <button
+      aria-label="Fett"
+      class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_FormattingButtons_Icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.8 19q-.824 0-1.413-.587A1.93 1.93 0 0 1 6.8 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 8.8 5h3.525q1.624 0 3 1T16.7 8.775q0 1.275-.575 1.963-.575.687-1.075.987.626.275 1.387 1.025.763.75.763 2.25 0 2.224-1.625 3.113-1.625.887-3.05.887zm1.025-2.8h2.6q1.2 0 1.462-.612.263-.614.263-.888 0-.275-.263-.887-.262-.613-1.537-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425a1.4 1.4 0 0 0 .375-.95q0-.6-.425-.975t-1.1-.375H9.825z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Kursiv"
+      class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_FormattingButtons_Icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.25 19q-.525 0-.888-.363A1.2 1.2 0 0 1 5 17.75q0-.525.362-.887.363-.363.888-.363H9l3-9H9.25q-.525 0-.887-.362A1.2 1.2 0 0 1 8 6.25q0-.525.363-.888Q8.725 5 9.25 5h7.5q.525 0 .887.362.363.363.363.888t-.363.888a1.2 1.2 0 0 1-.887.362H14.5l-3 9h2.25q.525 0 .887.363.363.362.363.887t-.363.887a1.2 1.2 0 0 1-.887.363z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Unterstrichen"
+      class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_FormattingButtons_Icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6 21a.97.97 0 0 1-.713-.288A.97.97 0 0 1 5 20q0-.424.287-.712A.97.97 0 0 1 6 19h12q.424 0 .712.288.288.287.288.712 0 .424-.288.712A.97.97 0 0 1 18 21zm6-4q-2.525 0-3.925-1.575t-1.4-4.175V4.275q0-.525.388-.9A1.27 1.27 0 0 1 7.975 3q.525 0 .9.375t.375.9V11.4q0 1.4.7 2.275t2.05.875 2.05-.875.7-2.275V4.275q0-.525.387-.9A1.27 1.27 0 0 1 16.05 3q.525 0 .9.375t.375.9v6.975q0 2.6-1.4 4.175T12 17"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Durchgestrichen"
+      class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_FormattingButtons_Icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12.15 20q-1.9 0-3.375-1.125T6.65 15.8l2.2-.95q.35 1.2 1.213 1.975.861.775 2.137.775 1.05 0 1.9-.5t.85-1.6q0-.45-.175-.825A2.4 2.4 0 0 0 14.3 14h2.8a4.3 4.3 0 0 1 .25 1.5q0 2.15-1.538 3.325Q14.277 20 12.15 20M3 12a.97.97 0 0 1-.712-.287A.97.97 0 0 1 2 11q0-.424.288-.713A.97.97 0 0 1 3 10h18q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 21 12zm9.05-8.15q1.65 0 2.887.812T16.85 7.15l-2.2.975a3 3 0 0 0-.838-1.3Q13.2 6.25 12.1 6.25q-1.025 0-1.7.462-.675.463-.75 1.288h-2.4q.05-1.725 1.363-2.938Q9.925 3.85 12.05 3.85"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Ungeordnete Liste"
+      class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_FormattingButtons_Icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M4.5 7.5q-.618 0-1.06-.44A1.44 1.44 0 0 1 3 6q0-.618.44-1.06.442-.44 1.06-.44t1.06.44Q6 5.383 6 6t-.44 1.06q-.44.44-1.06.44m4.788 11.213Q9.575 19 10 19h10q.424 0 .712-.288A.97.97 0 0 0 21 18a.97.97 0 0 0-.288-.712A.97.97 0 0 0 20 17H10a.97.97 0 0 0-.713.288A.97.97 0 0 0 9 18q0 .424.287.712m.001-5.999Q9.575 13 10 13h10q.424 0 .712-.287A.97.97 0 0 0 21 12a.97.97 0 0 0-.288-.713A.97.97 0 0 0 20 11H10a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 12q0 .424.287.713m.001-6Q9.575 7 10 7h10q.424 0 .712-.287A.97.97 0 0 0 21 6a.97.97 0 0 0-.288-.713A.97.97 0 0 0 20 5H10a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 6q0 .424.287.713M3.44 19.06q.442.44 1.06.44t1.06-.44Q6 18.62 6 18t-.44-1.06a1.45 1.45 0 0 0-1.06-.44q-.618 0-1.06.44Q3 17.38 3 18t.44 1.06M4.5 13.5q-.618 0-1.06-.44A1.45 1.45 0 0 1 3 12q0-.619.44-1.06.442-.44 1.06-.44t1.06.44Q6 11.383 6 12t-.44 1.06q-.44.44-1.06.44"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Nummerierte Liste"
+      class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_FormattingButtons_Icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M9 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1m0 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1m0 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1M5.604 5.089A.75.75 0 0 1 6 5.75v4.5a.75.75 0 0 1-1.5 0V7.151l-.334.223a.75.75 0 0 1-.832-1.248l1.5-1a.75.75 0 0 1 .77-.037M5 13a2 2 0 0 0-1.139.321 1.85 1.85 0 0 0-.626.719 2.3 2.3 0 0 0-.234.921v.023l-.001.01v.005l.75.001H3a.75.75 0 0 0 1.5.01V15l.01-.072a.8.8 0 0 1 .067-.218.35.35 0 0 1 .116-.14c.04-.027.126-.07.307-.07s.267.043.307.07a.35.35 0 0 1 .116.14.8.8 0 0 1 .076.29v.008a.53.53 0 0 1-.14.352l-2.161 2.351a.75.75 0 0 0-.198.523v.016c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5h-.82l1.034-1.124C6.809 16 7 15.51 7 15h-.75H7v-.039l-.004-.068a2.3 2.3 0 0 0-.231-.853 1.85 1.85 0 0 0-.626-.719A2 2 0 0 0 5 13m-.5 2.003V15v.01z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Zitieren"
+      class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_FormattingButtons_Icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M4.719 4.34c.094-.642-.366-1.236-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.237 1.028 1.328.663.092 1.276-.354 1.371-.996zm12.115 10.174c.095-.642-.366-1.237-1.028-1.328-.662-.092-1.276.354-1.37.996l-.809 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.277-.354 1.371-.996zM9.318 3.009c.665.077 1.138.662 1.058 1.306l-.022.175a221 221 0 0 1-.266 2.006c-.161 1.171-.368 2.579-.535 3.386-.13.636-.769 1.049-1.425.921s-1.082-.745-.95-1.381c.148-.72.345-2.052.509-3.237a191 191 0 0 0 .262-1.981l.021-.17c.08-.644.684-1.103 1.348-1.025m13.17 11.505c.094-.642-.366-1.237-1.028-1.328-.663-.092-1.276.354-1.371.996l-.808 5.478c-.094.642.366 1.236 1.028 1.328.663.092 1.276-.354 1.371-.996z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Code"
+      class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_FormattingButtons_Icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575zM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 1 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408m12.053 0a1 1 0 0 1 1.408.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 1 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Quelltextblock"
+      class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_FormattingButtons_Icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="m8.825 12 1.475-1.475q.3-.3.3-.7t-.3-.7-.713-.3-.712.3L6.7 11.3q-.15.15-.213.325a1.1 1.1 0 0 0-.062.375q0 .2.063.375a.9.9 0 0 0 .212.325l2.175 2.175q.3.3.713.3.412 0 .712-.3t.3-.7-.3-.7zm6.35 0L13.7 13.475q-.3.3-.3.7t.3.7.713.3.712-.3L17.3 12.7q.15-.15.212-.325.063-.175.063-.375t-.062-.375a.9.9 0 0 0-.213-.325l-2.175-2.175a1 1 0 0 0-1.425 0q-.3.3-.3.7t.3.7zM5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Link"
+      class="mx_AccessibleButton mx_FormattingButtons_Button mx_FormattingButtons_Button_hover"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_FormattingButtons_Icon"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+        />
+      </svg>
+    </button>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/useContainsCommand-test.ts b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/useContainsCommand-test.ts
new file mode 100644
index 00000000000..084c2b487f0
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/useContainsCommand-test.ts
@@ -0,0 +1,161 @@
+/*
+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 { Room } from "matrix-js-sdk/src/matrix";
+
+import { useContainsCommand } from "../../../../../../../src/components/views/rooms/wysiwyg_composer/hooks/useContainsCommand";
+import { stubClient } from "../../../../../../test-utils";
+
+// Mock CommandProvider
+const mockGetCompletions = jest.fn();
+jest.mock("../../../../../../../src/autocomplete/CommandProvider", () => {
+    return jest.fn().mockImplementation(() => ({
+        getCompletions: mockGetCompletions,
+    }));
+});
+
+describe("useContainsCommand", () => {
+    let room: Room;
+
+    beforeEach(() => {
+        const client = stubClient();
+        room = new Room("!room:example.com", client, "@user:example.com");
+        mockGetCompletions.mockClear();
+        // Default mock to return empty promise
+        mockGetCompletions.mockResolvedValue([]);
+    });
+
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("should return false when content is null", async () => {
+        mockGetCompletions.mockResolvedValue([]);
+
+        const { result } = renderHook(() => useContainsCommand(null, room));
+
+        await waitFor(() => {
+            expect(result.current).toBe(false);
+        });
+        expect(mockGetCompletions).not.toHaveBeenCalled();
+    });
+
+    it("should return false when content is empty string", async () => {
+        mockGetCompletions.mockResolvedValue([]);
+
+        const { result } = renderHook(() => useContainsCommand("", room));
+
+        await waitFor(() => {
+            expect(result.current).toBe(false);
+        });
+        expect(mockGetCompletions).not.toHaveBeenCalled();
+    });
+
+    it("should return true when content contains a valid command", async () => {
+        mockGetCompletions.mockResolvedValue([{ type: "command", completion: "/spoiler" }]);
+
+        const { result } = renderHook(() => useContainsCommand("/spoiler test message", room));
+
+        await waitFor(() => {
+            expect(result.current).toBe(true);
+        });
+        expect(mockGetCompletions).toHaveBeenCalledWith("/spoiler test message", { start: 0, end: 0 });
+    });
+
+    it("should return false when content contains no valid commands", async () => {
+        mockGetCompletions.mockResolvedValue([]);
+
+        const { result } = renderHook(() => useContainsCommand("/invalidcommand", room));
+
+        await waitFor(() => {
+            expect(result.current).toBe(false);
+        });
+        expect(mockGetCompletions).toHaveBeenCalledWith("/invalidcommand", { start: 0, end: 0 });
+    });
+
+    it("should return true for partial command matches", async () => {
+        mockGetCompletions.mockResolvedValue([
+            { type: "command", completion: "/spoiler" },
+            { type: "command", completion: "/shrug" },
+        ]);
+
+        const { result } = renderHook(() => useContainsCommand("/sp", room));
+
+        await waitFor(() => {
+            expect(result.current).toBe(true);
+        });
+        expect(mockGetCompletions).toHaveBeenCalledWith("/sp", { start: 0, end: 0 });
+    });
+
+    it("should update when content changes", async () => {
+        mockGetCompletions.mockResolvedValue([]);
+
+        const { result, rerender } = renderHook(({ content, room }) => useContainsCommand(content, room), {
+            initialProps: { content: "/invalid", room },
+        });
+
+        await waitFor(() => {
+            expect(result.current).toBe(false);
+        });
+
+        // Change to valid command
+        mockGetCompletions.mockResolvedValue([{ type: "command", completion: "/spoiler" }]);
+
+        rerender({ content: "/spoiler", room });
+
+        await waitFor(() => {
+            expect(result.current).toBe(true);
+        });
+        expect(mockGetCompletions).toHaveBeenCalledWith("/spoiler", { start: 0, end: 0 });
+    });
+
+    it("should handle CommandProvider errors gracefully", async () => {
+        mockGetCompletions.mockRejectedValueOnce(new Error("Provider error"));
+
+        const { result } = renderHook(() => useContainsCommand("/test", room));
+
+        // Should remain false even if promise rejects
+        await waitFor(() => {
+            expect(result.current).toBe(false);
+        });
+    });
+
+    it("should return false for non-command content", async () => {
+        mockGetCompletions.mockResolvedValue([]); // CommandProvider returns empty for non-commands
+
+        const { result } = renderHook(() => useContainsCommand("regular message", room));
+
+        await waitFor(() => {
+            expect(result.current).toBe(false);
+        });
+        expect(mockGetCompletions).toHaveBeenCalledWith("regular message", { start: 0, end: 0 });
+    });
+
+    it("should reset to false when switching to null content", async () => {
+        mockGetCompletions.mockResolvedValue([{ type: "command", completion: "/spoiler" }]);
+
+        const { result, rerender } = renderHook(
+            ({ content, room }: { content: string | null; room: Room | undefined }) =>
+                useContainsCommand(content, room),
+            {
+                initialProps: { content: "/spoiler" as string | null, room: room as Room | undefined },
+            },
+        );
+
+        await waitFor(() => {
+            expect(result.current).toBe(true);
+        });
+
+        // Switch to null content
+        rerender({ content: null, room });
+
+        await waitFor(() => {
+            expect(result.current).toBe(false);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/usePlainTextListeners-test.ts b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/usePlainTextListeners-test.ts
new file mode 100644
index 00000000000..05645978772
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/usePlainTextListeners-test.ts
@@ -0,0 +1,57 @@
+/*
+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 { renderHook, act } from "jest-matrix-react";
+
+import { usePlainTextListeners } from "../../../../../../../src/components/views/rooms/wysiwyg_composer/hooks/usePlainTextListeners";
+
+describe("setContent", () => {
+    it("calling with a string calls the onChange argument", () => {
+        const mockOnChange = jest.fn();
+        const { result } = renderHook(() => usePlainTextListeners("initialContent", mockOnChange));
+
+        const newContent = "new content";
+        act(() => {
+            result.current.setContent(newContent);
+        });
+
+        expect(mockOnChange).toHaveBeenCalledWith(newContent);
+    });
+
+    it("calling with no argument and no editor ref does not call onChange", () => {
+        const mockOnChange = jest.fn();
+        const { result } = renderHook(() => usePlainTextListeners("initialContent", mockOnChange));
+
+        act(() => {
+            result.current.setContent();
+        });
+
+        expect(mockOnChange).not.toHaveBeenCalled();
+    });
+
+    it("calling with no argument and a valid editor ref calls onChange with the editorRef innerHTML", () => {
+        const mockOnChange = jest.fn();
+
+        // create a div to represent the editor and append some content
+        const mockEditor = document.createElement("div");
+        const mockEditorText = "some text content";
+        const textNode = document.createTextNode(mockEditorText);
+        mockEditor.appendChild(textNode);
+
+        const { result } = renderHook(() => usePlainTextListeners("initialContent", mockOnChange));
+
+        // @ts-ignore in order to allow us to reassign the ref without complaint
+        result.current.ref.current = mockEditor;
+
+        act(() => {
+            result.current.setContent();
+        });
+
+        expect(mockOnChange).toHaveBeenCalledWith(mockEditor.innerHTML);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/useSuggestion-test.ts b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/useSuggestion-test.ts
new file mode 100644
index 00000000000..8adc38a6388
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/useSuggestion-test.ts
@@ -0,0 +1,508 @@
+/*
+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 React from "react";
+import {
+    type Suggestion,
+    findSuggestionInText,
+    getMappedSuggestion,
+    processCommand,
+    processEmojiReplacement,
+    processMention,
+    processSelectionChange,
+    processTextReplacement,
+} from "../../../../../../../src/components/views/rooms/wysiwyg_composer/hooks/useSuggestion";
+
+function createMockPlainTextSuggestionPattern(props: Partial<Suggestion> = {}): Suggestion {
+    return {
+        mappedSuggestion: { keyChar: "/", type: "command", text: "some text", ...props.mappedSuggestion },
+        node: document.createTextNode(""),
+        startOffset: 0,
+        endOffset: 0,
+        ...props,
+    };
+}
+
+function createMockCustomSuggestionPattern(props: Partial<Suggestion> = {}): Suggestion {
+    return {
+        mappedSuggestion: { keyChar: "", type: "custom", text: "🙂", ...props.mappedSuggestion },
+        node: document.createTextNode(":)"),
+        startOffset: 0,
+        endOffset: 2,
+        ...props,
+    };
+}
+
+describe("processCommand", () => {
+    it("does not change parent hook state if suggestion is null", () => {
+        // create a mockSuggestion using the text node above
+        const mockSetSuggestion = jest.fn();
+        const mockSetText = jest.fn();
+
+        // call the function with a null suggestion
+        processCommand("should not be seen", null, mockSetSuggestion, mockSetText);
+
+        // check that the parent state setter has not been called
+        expect(mockSetText).not.toHaveBeenCalled();
+    });
+
+    it("can change the parent hook state when required", () => {
+        // create a div and append a text node to it with some initial text
+        const editorDiv = document.createElement("div");
+        const initialText = "text";
+        const textNode = document.createTextNode(initialText);
+        editorDiv.appendChild(textNode);
+
+        // create a mockSuggestion using the text node above
+        const mockSuggestion = createMockPlainTextSuggestionPattern({ node: textNode });
+        const mockSetSuggestion = jest.fn();
+        const mockSetText = jest.fn();
+        const replacementText = "/replacement text";
+
+        processCommand(replacementText, mockSuggestion, mockSetSuggestion, mockSetText);
+
+        // check that the text has changed and includes a trailing space
+        expect(mockSetText).toHaveBeenCalledWith(`${replacementText} `);
+    });
+});
+
+describe("processEmojiReplacement", () => {
+    it("does not change parent hook state if suggestion is null", () => {
+        // create a mockSuggestion using the text node above
+        const mockSetSuggestion = jest.fn();
+        const mockSetText = jest.fn();
+
+        // call the function with a null suggestion
+        processEmojiReplacement(null, mockSetSuggestion, mockSetText);
+
+        // check that the parent state setter has not been called
+        expect(mockSetText).not.toHaveBeenCalled();
+    });
+
+    it("can change the parent hook state when required", () => {
+        // create a div and append a text node to it with some initial text
+        const editorDiv = document.createElement("div");
+        const initialText = ":)";
+        const textNode = document.createTextNode(initialText);
+        editorDiv.appendChild(textNode);
+
+        // create a mockSuggestion using the text node above
+        const mockSuggestion = createMockCustomSuggestionPattern({ node: textNode });
+        const mockSetSuggestion = jest.fn();
+        const mockSetText = jest.fn();
+        const replacementText = "🙂";
+
+        processEmojiReplacement(mockSuggestion, mockSetSuggestion, mockSetText);
+
+        // check that the text has changed and includes a trailing space
+        expect(mockSetText).toHaveBeenCalledWith(replacementText);
+    });
+});
+
+describe("processMention", () => {
+    // TODO refactor and expand tests when mentions become <a> tags
+    it("returns early when suggestion is null", () => {
+        const mockSetSuggestion = jest.fn();
+        const mockSetText = jest.fn();
+        processMention("href", "displayName", new Map(), null, mockSetSuggestion, mockSetText);
+
+        expect(mockSetSuggestion).not.toHaveBeenCalled();
+        expect(mockSetText).not.toHaveBeenCalled();
+    });
+
+    it("can insert a mention into a text node", () => {
+        // make a text node and an editor div, set the cursor inside the text node and then
+        // append node to editor, then editor to document
+        const textNode = document.createTextNode("@a");
+        const mockEditor = document.createElement("div");
+        mockEditor.appendChild(textNode);
+        document.body.appendChild(mockEditor);
+        document.getSelection()?.setBaseAndExtent(textNode, 1, textNode, 1);
+
+        // call the util function
+        const href = "href";
+        const displayName = "displayName";
+        const mockSetSuggestionData = jest.fn();
+        const mockSetText = jest.fn();
+        processMention(
+            href,
+            displayName,
+            new Map([["style", "test"]]),
+            { node: textNode, startOffset: 0, endOffset: 2 } as unknown as Suggestion,
+            mockSetSuggestionData,
+            mockSetText,
+        );
+
+        // check that the editor has a single child
+        expect(mockEditor.children).toHaveLength(1);
+        const linkElement = mockEditor.firstElementChild as HTMLElement;
+
+        // and that the child is an <a> tag with the expected attributes and content
+        expect(linkElement).toBeInstanceOf(HTMLAnchorElement);
+        expect(linkElement).toHaveAttribute(href, href);
+        expect(linkElement).toHaveAttribute("contenteditable", "false");
+        expect(linkElement).toHaveAttribute("style", "test");
+        expect(linkElement.textContent).toBe(displayName);
+
+        expect(mockSetText).toHaveBeenCalledWith();
+        expect(mockSetSuggestionData).toHaveBeenCalledWith(null);
+    });
+});
+
+describe("processSelectionChange", () => {
+    function createMockEditorRef(element: HTMLDivElement | null = null): React.RefObject<HTMLDivElement> {
+        return { current: element } as React.RefObject<HTMLDivElement>;
+    }
+
+    function appendEditorWithTextNodeContaining(initialText = ""): [HTMLDivElement, Node] {
+        // create the elements/nodes
+        const mockEditor = document.createElement("div");
+        const textNode = document.createTextNode(initialText);
+
+        // append text node to the editor, editor to the document body
+        mockEditor.appendChild(textNode);
+        document.body.appendChild(mockEditor);
+
+        return [mockEditor, textNode];
+    }
+
+    const mockSetSuggestion = jest.fn();
+    beforeEach(() => {
+        mockSetSuggestion.mockClear();
+    });
+
+    it("returns early if current editorRef is null", () => {
+        const mockEditorRef = createMockEditorRef(null);
+        // we monitor for the call to document.createNodeIterator to indicate an early return
+        const nodeIteratorSpy = jest.spyOn(document, "createNodeIterator");
+
+        processSelectionChange(mockEditorRef, jest.fn());
+        expect(nodeIteratorSpy).not.toHaveBeenCalled();
+
+        // tidy up to avoid potential impacts on other tests
+        nodeIteratorSpy.mockRestore();
+    });
+
+    it("calls setSuggestion with null if selection is not a cursor", () => {
+        const [mockEditor, textNode] = appendEditorWithTextNodeContaining("content");
+        const mockEditorRef = createMockEditorRef(mockEditor);
+
+        // create a selection in the text node that has different start and end locations ie it
+        // is not a cursor
+        document.getSelection()?.setBaseAndExtent(textNode, 0, textNode, 4);
+
+        // process the selection and check that we do not attempt to set the suggestion
+        processSelectionChange(mockEditorRef, mockSetSuggestion);
+        expect(mockSetSuggestion).toHaveBeenCalledWith(null);
+    });
+
+    it("calls setSuggestion with null if selection cursor is not inside a text node", () => {
+        const [mockEditor] = appendEditorWithTextNodeContaining("content");
+        const mockEditorRef = createMockEditorRef(mockEditor);
+
+        // create a selection that points at the editor element, not the text node it contains
+        document.getSelection()?.setBaseAndExtent(mockEditor, 0, mockEditor, 0);
+
+        // process the selection and check that we do not attempt to set the suggestion
+        processSelectionChange(mockEditorRef, mockSetSuggestion);
+        expect(mockSetSuggestion).toHaveBeenCalledWith(null);
+    });
+
+    it("calls setSuggestion with null if we have an existing suggestion but no command match", () => {
+        const [mockEditor, textNode] = appendEditorWithTextNodeContaining("content");
+        const mockEditorRef = createMockEditorRef(mockEditor);
+
+        // create a selection in the text node that has identical start and end locations, ie it is a cursor
+        document.getSelection()?.setBaseAndExtent(textNode, 0, textNode, 0);
+
+        // the call to process the selection will have an existing suggestion in state due to the second
+        // argument being non-null, expect that we clear this suggestion now that the text is not a command
+        processSelectionChange(mockEditorRef, mockSetSuggestion);
+        expect(mockSetSuggestion).toHaveBeenCalledWith(null);
+    });
+
+    it("calls setSuggestion with the expected arguments when text node is valid command", () => {
+        const commandText = "/potentialCommand";
+        const [mockEditor, textNode] = appendEditorWithTextNodeContaining(commandText);
+        const mockEditorRef = createMockEditorRef(mockEditor);
+
+        // create a selection in the text node that has identical start and end locations, ie it is a cursor
+        document.getSelection()?.setBaseAndExtent(textNode, 3, textNode, 3);
+
+        // process the change and check the suggestion that is set looks as we expect it to
+        processSelectionChange(mockEditorRef, mockSetSuggestion);
+        expect(mockSetSuggestion).toHaveBeenCalledWith({
+            mappedSuggestion: {
+                keyChar: "/",
+                type: "command",
+                text: "potentialCommand",
+            },
+            node: textNode,
+            startOffset: 0,
+            endOffset: commandText.length,
+        });
+    });
+
+    it("does not treat a command outside the first text node to be a suggestion", () => {
+        const [mockEditor] = appendEditorWithTextNodeContaining("some text in first node");
+        const [, commandTextNode] = appendEditorWithTextNodeContaining("/potentialCommand");
+
+        const mockEditorRef = createMockEditorRef(mockEditor);
+
+        // create a selection in the text node that has identical start and end locations, ie it is a cursor
+        document.getSelection()?.setBaseAndExtent(commandTextNode, 3, commandTextNode, 3);
+
+        // process the change and check the suggestion that is set looks as we expect it to
+        processSelectionChange(mockEditorRef, mockSetSuggestion);
+        expect(mockSetSuggestion).toHaveBeenCalledWith(null);
+    });
+});
+
+describe("findSuggestionInText", () => {
+    const command = "/someCommand";
+    const userMention = "@userMention";
+    const roomMention = "#roomMention";
+
+    const mentionTestCases = [userMention, roomMention];
+    const allTestCases = [command, userMention, roomMention];
+
+    it("returns null if content does not contain any mention or command characters", () => {
+        expect(findSuggestionInText("hello", 1, true)).toBeNull();
+    });
+
+    it("returns null if content contains a command but is not the first text node", () => {
+        expect(findSuggestionInText(command, 1, false)).toBeNull();
+    });
+
+    it("returns null if the offset is outside the content length", () => {
+        expect(findSuggestionInText("hi", 30, true)).toBeNull();
+        expect(findSuggestionInText("hi", -10, true)).toBeNull();
+    });
+
+    it.each(allTestCases)("returns an object when the whole input is special case: %s", (text) => {
+        const expected = {
+            mappedSuggestion: getMappedSuggestion(text),
+            startOffset: 0,
+            endOffset: text.length,
+        };
+        // test for cursor immediately before and after special character, before end, at end
+        expect(findSuggestionInText(text, 0, true)).toEqual(expected);
+        expect(findSuggestionInText(text, 1, true)).toEqual(expected);
+        expect(findSuggestionInText(text, text.length - 2, true)).toEqual(expected);
+        expect(findSuggestionInText(text, text.length, true)).toEqual(expected);
+    });
+
+    it("returns null when a command is followed by other text", () => {
+        const followingText = " followed by something";
+
+        // check for cursor inside and outside the command
+        expect(findSuggestionInText(command + followingText, command.length - 2, true)).toBeNull();
+        expect(findSuggestionInText(command + followingText, command.length + 2, true)).toBeNull();
+    });
+
+    it.each(mentionTestCases)("returns an object when a %s is followed by other text", (mention) => {
+        const followingText = " followed by something else";
+        expect(findSuggestionInText(mention + followingText, mention.length - 2, true)).toEqual({
+            mappedSuggestion: getMappedSuggestion(mention),
+            startOffset: 0,
+            endOffset: mention.length,
+        });
+    });
+
+    it("returns null if there is a command surrounded by text", () => {
+        const precedingText = "text before the command ";
+        const followingText = " text after the command";
+        expect(
+            findSuggestionInText(precedingText + command + followingText, precedingText.length + 4, true),
+        ).toBeNull();
+    });
+
+    it.each(mentionTestCases)("returns an object if %s is surrounded by text", (mention) => {
+        const precedingText = "I want to mention ";
+        const followingText = " in my message";
+
+        const textInput = precedingText + mention + followingText;
+        const expected = {
+            mappedSuggestion: getMappedSuggestion(mention),
+            startOffset: precedingText.length,
+            endOffset: precedingText.length + mention.length,
+        };
+
+        // when the cursor is immediately before the special character
+        expect(findSuggestionInText(textInput, precedingText.length, true)).toEqual(expected);
+        // when the cursor is inside the mention
+        expect(findSuggestionInText(textInput, precedingText.length + 3, true)).toEqual(expected);
+        // when the cursor is right at the end of the mention
+        expect(findSuggestionInText(textInput, precedingText.length + mention.length, true)).toEqual(expected);
+    });
+
+    it("returns null for text content with an email address", () => {
+        const emailInput = "send to user@test.com";
+        expect(findSuggestionInText(emailInput, 15, true)).toBeNull();
+    });
+
+    it("returns null for double slashed command", () => {
+        const doubleSlashCommand = "//not a command";
+        expect(findSuggestionInText(doubleSlashCommand, 4, true)).toBeNull();
+    });
+
+    it("returns null for slash separated text", () => {
+        const slashSeparatedInput = "please to this/that/the other";
+        expect(findSuggestionInText(slashSeparatedInput, 21, true)).toBeNull();
+    });
+
+    it("returns an object for a mention that contains punctuation", () => {
+        const mentionWithPunctuation = "@userX14#5a_-";
+        const precedingText = "mention ";
+        const mentionInput = precedingText + mentionWithPunctuation;
+        expect(findSuggestionInText(mentionInput, 12, true)).toEqual({
+            mappedSuggestion: getMappedSuggestion(mentionWithPunctuation),
+            startOffset: precedingText.length,
+            endOffset: precedingText.length + mentionWithPunctuation.length,
+        });
+    });
+
+    it("returns null when user inputs any whitespace after the special character", () => {
+        const mentionWithSpaceAfter = "@ somebody";
+        expect(findSuggestionInText(mentionWithSpaceAfter, 2, true)).toBeNull();
+    });
+
+    it("returns an object for an emoji suggestion", () => {
+        const emoiticon = ":)";
+        const precedingText = "hello ";
+        const mentionInput = precedingText + emoiticon;
+        expect(findSuggestionInText(mentionInput, precedingText.length, true, true)).toEqual({
+            mappedSuggestion: getMappedSuggestion(emoiticon, true),
+            startOffset: precedingText.length,
+            endOffset: precedingText.length + emoiticon.length,
+        });
+    });
+});
+
+describe("processTextReplacement", () => {
+    it("does not change parent hook state if suggestionData is null", () => {
+        const mockSetSuggestionData = jest.fn();
+        const mockSetText = jest.fn();
+        const replacementText = "replacement";
+
+        // call the function with null suggestionData
+        processTextReplacement(replacementText, null, mockSetSuggestionData, mockSetText);
+
+        // check that the parent state setters have not been called
+        expect(mockSetText).not.toHaveBeenCalled();
+        expect(mockSetSuggestionData).not.toHaveBeenCalled();
+    });
+
+    it("does not change parent hook state if existingContent is null", () => {
+        const mockSetSuggestionData = jest.fn();
+        const mockSetText = jest.fn();
+        const replacementText = "replacement";
+
+        // create a mock node with null textContent
+        const mockNode = {
+            textContent: null,
+        } as unknown as Text;
+
+        const mockSuggestion: Suggestion = {
+            mappedSuggestion: { keyChar: ":", type: "emoji", text: ":)" },
+            node: mockNode,
+            startOffset: 0,
+            endOffset: 2,
+        };
+
+        // call the function with a node that has null textContent
+        processTextReplacement(replacementText, mockSuggestion, mockSetSuggestionData, mockSetText);
+
+        // check that the parent state setters have not been called
+        expect(mockSetText).not.toHaveBeenCalled();
+        expect(mockSetSuggestionData).not.toHaveBeenCalled();
+    });
+
+    it("can replace text content when both suggestionData and existingContent are valid", () => {
+        const mockSetSuggestionData = jest.fn();
+        const mockSetText = jest.fn();
+        const replacementText = "🙂";
+        const initialText = "Hello :) world";
+
+        // create a div and append a text node to it
+        const editorDiv = document.createElement("div");
+        const textNode = document.createTextNode(initialText);
+        editorDiv.appendChild(textNode);
+        document.body.appendChild(editorDiv);
+
+        const mockSuggestion: Suggestion = {
+            mappedSuggestion: { keyChar: ":", type: "emoji", text: ":)" },
+            node: textNode,
+            startOffset: 6, // position of ":)"
+            endOffset: 8, // end of ":)"
+        };
+
+        // mock document.getSelection
+        const mockSelection = {
+            setBaseAndExtent: jest.fn(),
+        };
+        jest.spyOn(document, "getSelection").mockReturnValue(mockSelection as any);
+
+        // call the function
+        processTextReplacement(replacementText, mockSuggestion, mockSetSuggestionData, mockSetText);
+
+        // check that the text content was updated correctly
+        expect(textNode.textContent).toBe("Hello 🙂 world");
+
+        // check that setText was called with the new content
+        expect(mockSetText).toHaveBeenCalledWith("Hello 🙂 world");
+
+        // check that suggestionData was cleared
+        expect(mockSetSuggestionData).toHaveBeenCalledWith(null);
+
+        // check that the cursor was positioned at the end
+        expect(mockSelection.setBaseAndExtent).toHaveBeenCalledWith(
+            textNode,
+            "Hello 🙂 world".length,
+            textNode,
+            "Hello 🙂 world".length,
+        );
+
+        // clean up
+        document.body.removeChild(editorDiv);
+    });
+});
+
+describe("getMappedSuggestion", () => {
+    it("returns null when the first character is not / # @", () => {
+        expect(getMappedSuggestion("Zzz")).toBe(null);
+    });
+
+    it("returns the expected mapped suggestion when first character is # or @", () => {
+        expect(getMappedSuggestion("@user-mention")).toEqual({
+            type: "mention",
+            keyChar: "@",
+            text: "user-mention",
+        });
+        expect(getMappedSuggestion("#room-mention")).toEqual({
+            type: "mention",
+            keyChar: "#",
+            text: "room-mention",
+        });
+    });
+
+    it("returns the expected mapped suggestion when first character is /", () => {
+        expect(getMappedSuggestion("/command")).toEqual({
+            type: "command",
+            keyChar: "/",
+            text: "command",
+        });
+    });
+
+    it("returns the expected mapped suggestion when the text is a plain text emoiticon", () => {
+        expect(getMappedSuggestion(":)", true)).toEqual({
+            type: "custom",
+            keyChar: "",
+            text: "🙂",
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/utils-test.ts b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/utils-test.ts
new file mode 100644
index 00000000000..ff8c6224268
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/utils-test.ts
@@ -0,0 +1,209 @@
+/*
+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 { waitFor } from "jest-matrix-react";
+import fetchMock from "@fetch-mock/jest";
+
+import {
+    handleClipboardEvent,
+    isEventToHandleAsClipboardEvent,
+} from "../../../../../../../src/components/views/rooms/wysiwyg_composer/hooks/utils";
+import type { RoomUploadViewModel } from "../../../../../../../src/viewmodels/room/RoomUploadViewModel";
+import type { MockedObject } from "jest-mock";
+
+const mockUploadVM = {
+    initiateViaDataTransfer: jest.fn().mockResolvedValue(undefined),
+    initiateViaInputFiles: jest.fn().mockResolvedValue(undefined),
+} as Partial<RoomUploadViewModel> as MockedObject<RoomUploadViewModel>;
+
+const logSpy = jest.spyOn(console, "log").mockImplementation(() => {});
+
+describe("handleClipboardEvent", () => {
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    afterAll(() => {
+        jest.restoreAllMocks();
+    });
+
+    function createMockClipboardEvent(props: any): ClipboardEvent {
+        return { clipboardData: { files: [], types: [] }, ...props } as ClipboardEvent;
+    }
+
+    it("returns false if it is not a paste event", () => {
+        const originalEvent = createMockClipboardEvent({ type: "copy" });
+        const output = handleClipboardEvent(originalEvent, originalEvent.clipboardData, mockUploadVM);
+        expect(output).toBe(false);
+        expect(mockUploadVM.initiateViaDataTransfer).not.toHaveBeenCalled();
+    });
+
+    it("returns false if clipboard data is null", () => {
+        const originalEvent = createMockClipboardEvent({ type: "paste", clipboardData: null });
+        const output = handleClipboardEvent(originalEvent, originalEvent.clipboardData, mockUploadVM);
+        expect(output).toBe(false);
+        expect(mockUploadVM.initiateViaDataTransfer).not.toHaveBeenCalled();
+    });
+
+    it("returns false if room clipboardData files and types are empty", () => {
+        const originalEvent = createMockClipboardEvent({
+            type: "paste",
+            clipboardData: { files: [], types: [] },
+        });
+        const output = handleClipboardEvent(originalEvent, originalEvent.clipboardData, mockUploadVM);
+        expect(output).toBe(false);
+        expect(mockUploadVM.initiateViaDataTransfer).not.toHaveBeenCalled();
+    });
+
+    it("handles event and calls sendContentListToRoom when data files are present", () => {
+        const originalEvent = createMockClipboardEvent({
+            type: "paste",
+            clipboardData: { files: ["something here"], types: [] },
+        });
+        const output = handleClipboardEvent(originalEvent, originalEvent.clipboardData, mockUploadVM);
+        expect(mockUploadVM.initiateViaDataTransfer).toHaveBeenCalledTimes(1);
+        expect(mockUploadVM.initiateViaDataTransfer).toHaveBeenCalledWith(originalEvent.clipboardData);
+        expect(output).toBe(true);
+    });
+
+    it("calls the error handler when sentContentListToRoom errors", async () => {
+        const mockErrorMessage = "something went wrong";
+        mockUploadVM.initiateViaDataTransfer.mockRejectedValueOnce(new Error(mockErrorMessage));
+
+        const originalEvent = createMockClipboardEvent({
+            type: "paste",
+            clipboardData: { files: ["something here"], types: [] },
+        });
+        const output = handleClipboardEvent(originalEvent, originalEvent.clipboardData, mockUploadVM);
+
+        expect(mockUploadVM.initiateViaDataTransfer).toHaveBeenCalledTimes(1);
+        await waitFor(() => {
+            expect(logSpy).toHaveBeenCalledWith(mockErrorMessage);
+        });
+        expect(output).toBe(true);
+    });
+
+    it("calls the error handler when data types has text/html but data can not be parsed", () => {
+        const originalEvent = createMockClipboardEvent({
+            type: "paste",
+            clipboardData: {
+                files: [],
+                types: ["text/html"],
+                getData: jest.fn().mockReturnValue("<div>invalid html"),
+            },
+        });
+        const output = handleClipboardEvent(originalEvent, originalEvent.clipboardData, mockUploadVM);
+        expect(logSpy).toHaveBeenCalledWith("Failed to handle pasted content as Safari inserted content");
+        expect(output).toBe(false);
+    });
+
+    it("calls fetch when data types has text/html and data can parsed", () => {
+        const originalEvent = createMockClipboardEvent({
+            type: "paste",
+            clipboardData: {
+                files: [],
+                types: ["text/html"],
+                getData: jest.fn().mockReturnValue(`<img src="blob:" />`),
+            },
+        });
+        const output = handleClipboardEvent(originalEvent, originalEvent.clipboardData, mockUploadVM);
+
+        expect(fetchMock).toHaveFetchedTimes(1, "blob:");
+        expect(output).toBe(true);
+    });
+
+    it("calls error handler when fetch fails", async () => {
+        const mockErrorMessage = "fetch failed";
+        fetchMock.getOnce("blob:", { throws: new Error(mockErrorMessage) });
+        const originalEvent = createMockClipboardEvent({
+            type: "paste",
+            clipboardData: {
+                files: [],
+                types: ["text/html"],
+                getData: jest.fn().mockReturnValue(`<img src="blob:" />`),
+            },
+        });
+        const output = handleClipboardEvent(originalEvent, originalEvent.clipboardData, mockUploadVM);
+
+        await waitFor(() => {
+            expect(logSpy).toHaveBeenCalledWith(mockErrorMessage);
+        });
+        expect(output).toBe(true);
+    });
+
+    it("calls initiateViaInputFiles when parsing is successful", async () => {
+        fetchMock.get("test/file", {
+            blob: () => {
+                return Promise.resolve({ type: "image/jpeg" } as Blob);
+            },
+        });
+
+        const originalEvent = createMockClipboardEvent({
+            type: "paste",
+            clipboardData: {
+                files: [],
+                types: ["text/html"],
+                getData: jest.fn().mockReturnValue(`<img src="blob:" />`),
+            },
+        });
+        const output = handleClipboardEvent(originalEvent, originalEvent.clipboardData, mockUploadVM);
+
+        await waitFor(() => {
+            expect(mockUploadVM.initiateViaInputFiles).toHaveBeenCalledTimes(1);
+            expect(mockUploadVM.initiateViaInputFiles).toHaveBeenCalledWith([expect.any(File)]);
+        });
+        expect(output).toBe(true);
+    });
+
+    it("calls error handler when parsing is not successful", async () => {
+        fetchMock.get("test/file", {
+            blob: () => {
+                return Promise.resolve({ type: "image/jpeg" } as Blob);
+            },
+        });
+        const mockErrorMessage = "initiateViaInputFiles failed";
+        mockUploadVM.initiateViaInputFiles.mockRejectedValueOnce(mockErrorMessage);
+
+        const originalEvent = createMockClipboardEvent({
+            type: "paste",
+            clipboardData: {
+                files: [],
+                types: ["text/html"],
+                getData: jest.fn().mockReturnValue(`<img src="blob:" />`),
+            },
+        });
+        const output = handleClipboardEvent(originalEvent, originalEvent.clipboardData, mockUploadVM);
+
+        await waitFor(() => {
+            expect(logSpy).toHaveBeenCalledWith(mockErrorMessage);
+        });
+        expect(output).toBe(true);
+    });
+});
+
+describe("isEventToHandleAsClipboardEvent", () => {
+    it("returns true for ClipboardEvent", () => {
+        const input = new ClipboardEvent("clipboard");
+        expect(isEventToHandleAsClipboardEvent(input)).toBe(true);
+    });
+
+    it("returns true for special case input", () => {
+        const input = new InputEvent("insertFromPaste", { inputType: "insertFromPaste" });
+        Object.assign(input, { dataTransfer: "not null" });
+        expect(isEventToHandleAsClipboardEvent(input)).toBe(true);
+    });
+
+    it("returns false for regular InputEvent", () => {
+        const input = new InputEvent("input");
+        expect(isEventToHandleAsClipboardEvent(input)).toBe(false);
+    });
+
+    it("returns false for other input", () => {
+        const input = new KeyboardEvent("keyboard");
+        expect(isEventToHandleAsClipboardEvent(input)).toBe(false);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/utils.ts b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/utils.ts
new file mode 100644
index 00000000000..816f9ab672c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/utils.ts
@@ -0,0 +1,41 @@
+/*
+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 EventTimeline, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { getRoomContext, mkEvent, mkStubRoom, stubClient } from "../../../../../test-utils";
+import EditorStateTransfer from "../../../../../../src/utils/EditorStateTransfer";
+import type { RoomContextType } from "../../../../../../src/contexts/RoomContext";
+
+export function createMocks(eventContent = "Replying <strong>to</strong> this new content") {
+    const mockClient = stubClient();
+    const mockEvent = mkEvent({
+        type: "m.room.message",
+        room: "myfakeroom",
+        user: "myfakeuser",
+        content: {
+            msgtype: "m.text",
+            body: "Replying to this",
+            format: "org.matrix.custom.html",
+            formatted_body: eventContent,
+        },
+        event: true,
+    });
+    const mockRoom = mkStubRoom("myfakeroom", "myfakeroom", mockClient) as any;
+    mockRoom.findEventById = jest.fn((eventId) => {
+        return eventId === mockEvent.getId() ? mockEvent : null;
+    });
+
+    const defaultRoomContext: RoomContextType = getRoomContext(mockRoom, {
+        liveTimeline: { getEvents: (): MatrixEvent[] => [] } as unknown as EventTimeline,
+    });
+
+    const editorStateTransfer = new EditorStateTransfer(mockEvent);
+
+    return { defaultRoomContext, editorStateTransfer, mockClient, mockEvent };
+}
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/utils/autocomplete-test.ts b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/utils/autocomplete-test.ts
new file mode 100644
index 00000000000..bc572412c55
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/utils/autocomplete-test.ts
@@ -0,0 +1,271 @@
+/*
+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 { mocked } from "jest-mock";
+import React from "react";
+
+import { type ICompletion } from "../../../../../../../src/autocomplete/Autocompleter";
+import {
+    buildQuery,
+    getRoomFromCompletion,
+    getMentionDisplayText,
+    getMentionAttributes,
+} from "../../../../../../../src/components/views/rooms/wysiwyg_composer/utils/autocomplete";
+import { createTestClient, mkRoom } from "../../../../../../test-utils";
+import * as _mockAvatar from "../../../../../../../src/Avatar";
+
+const mockClient = createTestClient();
+const mockRoomId = "mockRoomId";
+const mockRoom = mkRoom(mockClient, mockRoomId);
+
+const createMockCompletion = (props: Partial<ICompletion>): ICompletion => {
+    return {
+        completion: "mock",
+        range: { beginning: true, start: 0, end: 0 },
+        component: React.createElement("div"),
+        ...props,
+    };
+};
+
+jest.mock("../../../../../../../src/Avatar");
+jest.mock("../../../../../../../src/stores/WidgetStore");
+jest.mock("../../../../../../../src/stores/widgets/WidgetLayoutStore");
+
+beforeEach(() => jest.clearAllMocks());
+afterAll(() => jest.restoreAllMocks());
+
+describe("buildQuery", () => {
+    it("returns an empty string for a falsy argument", () => {
+        expect(buildQuery(null)).toBe("");
+    });
+
+    it("returns an empty string when keyChar is falsy", () => {
+        const noKeyCharSuggestion = { keyChar: "" as const, text: "test", type: "unknown" as const };
+        expect(buildQuery(noKeyCharSuggestion)).toBe("");
+    });
+
+    it("combines the keyChar and text of the suggestion in the query", () => {
+        const handledSuggestion = { keyChar: "@" as const, text: "alice", type: "mention" as const };
+        expect(buildQuery(handledSuggestion)).toBe("@alice");
+
+        const handledCommand = { keyChar: "/" as const, text: "spoiler", type: "mention" as const };
+        expect(buildQuery(handledCommand)).toBe("/spoiler");
+    });
+});
+
+describe("getRoomFromCompletion", () => {
+    const createMockRoomCompletion = (props: Partial<ICompletion>): ICompletion => {
+        return createMockCompletion({ ...props, type: "room" });
+    };
+
+    it("calls getRoom with completionId if present in the completion", () => {
+        const testId = "arbitraryId";
+        const completionWithId = createMockRoomCompletion({ completionId: testId });
+
+        getRoomFromCompletion(completionWithId, mockClient);
+
+        expect(mockClient.getRoom).toHaveBeenCalledWith(testId);
+    });
+
+    it("calls getRoom with completion if present and correct format", () => {
+        const testCompletion = "arbitraryCompletion";
+        const completionWithId = createMockRoomCompletion({ completionId: testCompletion });
+
+        getRoomFromCompletion(completionWithId, mockClient);
+
+        expect(mockClient.getRoom).toHaveBeenCalledWith(testCompletion);
+    });
+
+    it("calls getRooms if no completionId is present and completion starts with #", () => {
+        const completionWithId = createMockRoomCompletion({ completion: "#hash" });
+
+        const result = getRoomFromCompletion(completionWithId, mockClient);
+
+        expect(mockClient.getRoom).not.toHaveBeenCalled();
+        expect(mockClient.getRooms).toHaveBeenCalled();
+
+        // in this case, because the mock client returns an empty array of rooms
+        // from the call to get rooms, we'd expect the result to be null
+        expect(result).toBe(null);
+    });
+});
+
+describe("getMentionDisplayText", () => {
+    it("returns an empty string if we are not handling a user, room or at-room type", () => {
+        const nonHandledCompletionTypes = ["community", "command"] as const;
+        const nonHandledCompletions = nonHandledCompletionTypes.map((type) => createMockCompletion({ type }));
+
+        nonHandledCompletions.forEach((completion) => {
+            expect(getMentionDisplayText(completion, mockClient)).toBe("");
+        });
+    });
+
+    it("returns the completion if we are handling a user", () => {
+        const testCompletion = "display this";
+        const userCompletion = createMockCompletion({ type: "user", completion: testCompletion });
+
+        expect(getMentionDisplayText(userCompletion, mockClient)).toBe(testCompletion);
+    });
+
+    it("returns the room name when the room has a valid completionId", () => {
+        const testCompletionId = "testId";
+        const userCompletion = createMockCompletion({ type: "room", completionId: testCompletionId });
+
+        // as this uses the mockClient, the name will be the mock room name returned from there
+        expect(getMentionDisplayText(userCompletion, mockClient)).toBe(mockClient.getRoom("")?.name);
+    });
+
+    it("falls back to the completion for a room if completion starts with #", () => {
+        const testCompletion = "#hash";
+        const userCompletion = createMockCompletion({ type: "room", completion: testCompletion });
+
+        // as this uses the mockClient, the name will be the mock room name returned from there
+        expect(getMentionDisplayText(userCompletion, mockClient)).toBe(testCompletion);
+    });
+
+    it("returns the completion if we are handling an at-room completion", () => {
+        const testCompletion = "display this";
+        const atRoomCompletion = createMockCompletion({ type: "at-room", completion: testCompletion });
+
+        expect(getMentionDisplayText(atRoomCompletion, mockClient)).toBe(testCompletion);
+    });
+});
+
+describe("getMentionAttributes", () => {
+    it("returns an empty map for completion types other than room, user or at-room", () => {
+        const nonHandledCompletionTypes = ["community", "command"] as const;
+        const nonHandledCompletions = nonHandledCompletionTypes.map((type) => createMockCompletion({ type }));
+
+        nonHandledCompletions.forEach((completion) => {
+            expect(getMentionAttributes(completion, mockClient, mockRoom)).toEqual(new Map());
+        });
+    });
+
+    const testAvatarUrlForString = "www.stringUrl.com";
+    const testAvatarUrlForMember = "www.memberUrl.com";
+    const testAvatarUrlForRoom = "www.roomUrl.com";
+    const testInitialLetter = "z";
+
+    const mockAvatar = mocked(_mockAvatar);
+    mockAvatar.defaultAvatarUrlForString.mockReturnValue(testAvatarUrlForString);
+    mockAvatar.avatarUrlForMember.mockReturnValue(testAvatarUrlForMember);
+    mockAvatar.avatarUrlForRoom.mockReturnValue(testAvatarUrlForRoom);
+    mockAvatar.getInitialLetter.mockReturnValue(testInitialLetter);
+
+    describe("user mentions", () => {
+        it("returns an empty map when no member can be found", () => {
+            const userCompletion = createMockCompletion({ type: "user" });
+
+            // mock not being able to find a member
+            mockRoom.getMember.mockImplementationOnce(() => null);
+
+            const result = getMentionAttributes(userCompletion, mockClient, mockRoom);
+            expect(result).toEqual(new Map());
+        });
+
+        it("returns expected attributes when avatar url is not default", () => {
+            const userCompletion = createMockCompletion({ type: "user" });
+
+            const result = getMentionAttributes(userCompletion, mockClient, mockRoom);
+
+            expect(result).toEqual(
+                new Map([
+                    ["data-mention-type", "user"],
+                    ["style", `--avatar-background: url(${testAvatarUrlForMember}); --avatar-letter: '\u200b'`],
+                ]),
+            );
+        });
+
+        it("returns expected style attributes when avatar url matches default", () => {
+            const userCompletion = createMockCompletion({ type: "user" });
+
+            // mock a single implementation of avatarUrlForMember to make it match the default
+            mockAvatar.avatarUrlForMember.mockReturnValueOnce(testAvatarUrlForString);
+
+            const result = getMentionAttributes(userCompletion, mockClient, mockRoom);
+
+            expect(result).toEqual(
+                new Map([
+                    ["data-mention-type", "user"],
+                    [
+                        "style",
+                        `--avatar-background: url(${testAvatarUrlForString}); --avatar-letter: '${testInitialLetter}'`,
+                    ],
+                ]),
+            );
+        });
+    });
+
+    describe("room mentions", () => {
+        it("returns expected attributes when avatar url for room is truthy", () => {
+            const userCompletion = createMockCompletion({ type: "room" });
+
+            const result = getMentionAttributes(userCompletion, mockClient, mockRoom);
+
+            expect(result).toEqual(
+                new Map([
+                    ["data-mention-type", "room"],
+                    ["style", `--avatar-background: url(${testAvatarUrlForRoom}); --avatar-letter: '\u200b'`],
+                ]),
+            );
+        });
+
+        it("returns expected style attributes when avatar url for room is falsy", () => {
+            const userCompletion = createMockCompletion({ type: "room" });
+
+            // mock a single implementation of avatarUrlForRoom to make it falsy
+            mockAvatar.avatarUrlForRoom.mockReturnValueOnce(null);
+
+            const result = getMentionAttributes(userCompletion, mockClient, mockRoom);
+
+            expect(result).toEqual(
+                new Map([
+                    ["data-mention-type", "room"],
+                    [
+                        "style",
+                        `--avatar-background: url(${testAvatarUrlForString}); --avatar-letter: '${testInitialLetter}'`,
+                    ],
+                ]),
+            );
+        });
+    });
+
+    describe("at-room mentions", () => {
+        it("returns expected attributes when avatar url for room is truthyf", () => {
+            const atRoomCompletion = createMockCompletion({ type: "at-room" });
+
+            const result = getMentionAttributes(atRoomCompletion, mockClient, mockRoom);
+
+            expect(result).toEqual(
+                new Map([
+                    ["data-mention-type", "at-room"],
+                    ["style", `--avatar-background: url(${testAvatarUrlForRoom}); --avatar-letter: '\u200b'`],
+                ]),
+            );
+        });
+
+        it("returns expected style attributes when avatar url for room is falsy", () => {
+            const atRoomCompletion = createMockCompletion({ type: "at-room" });
+
+            // mock a single implementation of avatarUrlForRoom to make it falsy
+            mockAvatar.avatarUrlForRoom.mockReturnValueOnce(null);
+
+            const result = getMentionAttributes(atRoomCompletion, mockClient, mockRoom);
+
+            expect(result).toEqual(
+                new Map([
+                    ["data-mention-type", "at-room"],
+                    [
+                        "style",
+                        `--avatar-background: url(${testAvatarUrlForString}); --avatar-letter: '${testInitialLetter}'`,
+                    ],
+                ]),
+            );
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/utils/createMessageContent-test.ts b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/utils/createMessageContent-test.ts
new file mode 100644
index 00000000000..80b3adcb139
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/utils/createMessageContent-test.ts
@@ -0,0 +1,152 @@
+/*
+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 { MsgType } from "matrix-js-sdk/src/matrix";
+import { initOnce } from "@vector-im/matrix-wysiwyg";
+
+import { filterConsole, mkEvent } from "../../../../../../test-utils";
+import {
+    createMessageContent,
+    EMOTE_PREFIX,
+} from "../../../../../../../src/components/views/rooms/wysiwyg_composer/utils/createMessageContent";
+
+beforeAll(initOnce, 10000);
+
+describe("createMessageContent", () => {
+    const message = "<em><b>hello</b> world</em>";
+
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+
+    describe("Richtext composer input", () => {
+        filterConsole(
+            "WebAssembly.instantiateStreaming` failed because your server does not serve wasm with `application/wasm`",
+        );
+
+        it("Should create html message", async () => {
+            // When
+            const content = await createMessageContent(message, true, {});
+
+            // Then
+            expect(content).toEqual({
+                body: "*__hello__ world*",
+                format: "org.matrix.custom.html",
+                formatted_body: message,
+                msgtype: "m.text",
+            });
+        });
+
+        it("Should add relation to message", async () => {
+            // When
+            const relation = {
+                rel_type: "m.thread",
+                event_id: "myFakeThreadId",
+            };
+            const content = await createMessageContent(message, true, { relation });
+
+            // Then
+            expect(content).toEqual({
+                "body": "*__hello__ world*",
+                "format": "org.matrix.custom.html",
+                "formatted_body": message,
+                "msgtype": "m.text",
+                "m.relates_to": {
+                    event_id: "myFakeThreadId",
+                    rel_type: "m.thread",
+                },
+            });
+        });
+
+        it("Should add fields related to edition", async () => {
+            // When
+            const editedEvent = mkEvent({
+                type: "m.room.message",
+                room: "myfakeroom",
+                user: "myfakeuser2",
+                content: {
+                    "msgtype": "m.text",
+                    "body": "First message",
+                    "formatted_body": "<b>First Message</b>",
+                    "m.relates_to": {
+                        "m.in_reply_to": {
+                            event_id: "eventId",
+                        },
+                    },
+                },
+                event: true,
+            });
+            const content = await createMessageContent(message, true, { editedEvent });
+
+            // Then
+            expect(content).toEqual({
+                "body": "* *__hello__ world*",
+                "format": "org.matrix.custom.html",
+                "formatted_body": `* ${message}`,
+                "msgtype": "m.text",
+                "m.new_content": {
+                    body: "*__hello__ world*",
+                    format: "org.matrix.custom.html",
+                    formatted_body: message,
+                    msgtype: "m.text",
+                },
+                "m.relates_to": {
+                    event_id: editedEvent.getId(),
+                    rel_type: "m.replace",
+                },
+            });
+        });
+
+        it("Should strip the /me prefix from a message", async () => {
+            const textBody = "some body text";
+            const content = await createMessageContent(EMOTE_PREFIX + textBody, true, {});
+
+            expect(content).toMatchObject({ body: textBody, formatted_body: textBody });
+        });
+
+        it("Should strip single / from message prefixed with //", async () => {
+            const content = await createMessageContent("//twoSlashes", true, {});
+
+            expect(content).toMatchObject({ body: "/twoSlashes", formatted_body: "/twoSlashes" });
+        });
+
+        it("Should set the content type to MsgType.Emote when /me prefix is used", async () => {
+            const textBody = "some body text";
+            const content = await createMessageContent(EMOTE_PREFIX + textBody, true, {});
+
+            expect(content).toMatchObject({ msgtype: MsgType.Emote });
+        });
+    });
+
+    describe("Plaintext composer input", () => {
+        it("Should replace at-room mentions with `@room` in body", async () => {
+            const messageComposerState = `<a href="#" contenteditable="false" data-mention-type="at-room" style="some styling">@room</a> `;
+
+            const content = await createMessageContent(messageComposerState, false, {});
+            expect(content).toMatchObject({ body: "@room " });
+        });
+
+        it("Should replace user mentions with user name in body", async () => {
+            const messageComposerState = `<a href="https://matrix.to/#/@test_user:element.io" contenteditable="false" data-mention-type="user" style="some styling">a test user</a> `;
+
+            const content = await createMessageContent(messageComposerState, false, {});
+
+            expect(content).toMatchObject({ body: "a test user " });
+        });
+
+        it("Should replace room mentions with room mxid in body", async () => {
+            const messageComposerState = `<a href="https://matrix.to/#/#test_room:element.io" contenteditable="false" data-mention-type="room" style="some styling">a test room</a> `;
+
+            const content = await createMessageContent(messageComposerState, false, {});
+
+            expect(content).toMatchObject({
+                body: "#test_room:element.io ",
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/utils/message-test.ts b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/utils/message-test.ts
new file mode 100644
index 00000000000..3fc64101080
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/rooms/wysiwyg_composer/utils/message-test.ts
@@ -0,0 +1,465 @@
+/*
+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 { EventStatus, type IEventRelation, MsgType } from "matrix-js-sdk/src/matrix";
+
+import { type IRoomState } from "../../../../../../../src/components/structures/RoomView";
+import {
+    editMessage,
+    sendMessage,
+} from "../../../../../../../src/components/views/rooms/wysiwyg_composer/utils/message";
+import { createTestClient, getRoomContext, mkEvent, mkStubRoom } from "../../../../../../test-utils";
+import defaultDispatcher from "../../../../../../../src/dispatcher/dispatcher";
+import SettingsStore from "../../../../../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../../../../../src/settings/SettingLevel";
+import EditorStateTransfer from "../../../../../../../src/utils/EditorStateTransfer";
+import * as ConfirmRedactDialog from "../../../../../../../src/components/views/dialogs/ConfirmRedactDialog";
+import * as SlashCommands from "../../../../../../../src/slash-commands/SlashCommands";
+import * as Commands from "../../../../../../../src/editor/commands";
+import * as Reply from "../../../../../../../src/utils/Reply";
+import { MatrixClientPeg } from "../../../../../../../src/MatrixClientPeg";
+import { Action } from "../../../../../../../src/dispatcher/actions";
+
+describe("message", () => {
+    const message = "<i><b>hello</b> world</i>";
+    const mockEvent = mkEvent({
+        type: "m.room.message",
+        room: "myfakeroom",
+        user: "myfakeuser",
+        content: {
+            msgtype: "m.text",
+            body: "Replying to this",
+            format: "org.matrix.custom.html",
+            formatted_body: "Replying to this",
+        },
+        event: true,
+    });
+
+    const mockClient = createTestClient();
+    mockClient.setDisplayName = jest.fn().mockResolvedValue({});
+    mockClient.setRoomName = jest.fn().mockResolvedValue({});
+
+    const mockRoom = mkStubRoom("myfakeroom", "myfakeroom", mockClient) as any;
+    mockRoom.findEventById = jest.fn((eventId) => {
+        return eventId === mockEvent.getId() ? mockEvent : null;
+    });
+
+    const defaultRoomContext: IRoomState = getRoomContext(mockRoom, {});
+
+    const spyDispatcher = jest.spyOn(defaultDispatcher, "dispatch");
+
+    beforeEach(() => {
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.clearAllMocks();
+    });
+
+    afterAll(() => {
+        jest.restoreAllMocks();
+    });
+
+    describe("sendMessage", () => {
+        it("Should not send empty html message", async () => {
+            // When
+            await sendMessage("", true, {
+                roomContext: defaultRoomContext,
+                mxClient: mockClient,
+                urlPreviewSnapshot: { previews: [], content: "" },
+            });
+
+            // Then
+            expect(mockClient.sendMessage).toHaveBeenCalledTimes(0);
+            expect(spyDispatcher).toHaveBeenCalledTimes(0);
+        });
+
+        it("Should not send message when there is no roomId", async () => {
+            // When
+            const mockRoomWithoutId = mkStubRoom("", "room without id", mockClient) as any;
+            const mockRoomContextWithoutId: IRoomState = getRoomContext(mockRoomWithoutId, {});
+
+            await sendMessage(message, true, {
+                roomContext: mockRoomContextWithoutId,
+                mxClient: mockClient,
+                urlPreviewSnapshot: { previews: [], content: "" },
+            });
+
+            // Then
+            expect(mockClient.sendMessage).toHaveBeenCalledTimes(0);
+            expect(spyDispatcher).toHaveBeenCalledTimes(0);
+        });
+
+        describe("calls client.sendMessage with", () => {
+            it("a null argument if SendMessageParams is missing relation", async () => {
+                // When
+                await sendMessage(message, true, {
+                    roomContext: defaultRoomContext,
+                    mxClient: mockClient,
+                    urlPreviewSnapshot: { previews: [], content: "" },
+                });
+
+                // Then
+                expect(mockClient.sendMessage).toHaveBeenCalledWith(expect.anything(), null, expect.anything());
+            });
+            it("a null argument if SendMessageParams has relation but relation is missing event_id", async () => {
+                // When
+                await sendMessage(message, true, {
+                    roomContext: defaultRoomContext,
+                    mxClient: mockClient,
+                    relation: {},
+                    urlPreviewSnapshot: { previews: [], content: "" },
+                });
+
+                // Then
+                expect(mockClient.sendMessage).toHaveBeenCalledWith(expect.anything(), null, expect.anything());
+            });
+            it("a null argument if SendMessageParams has relation but rel_type does not match THREAD_RELATION_TYPE.name", async () => {
+                // When
+                await sendMessage(message, true, {
+                    roomContext: defaultRoomContext,
+                    mxClient: mockClient,
+                    relation: {
+                        event_id: "valid_id",
+                        rel_type: "m.does_not_match",
+                    },
+                    urlPreviewSnapshot: { previews: [], content: "" },
+                });
+
+                // Then
+                expect(mockClient.sendMessage).toHaveBeenCalledWith(expect.anything(), null, expect.anything());
+            });
+
+            it("the event_id if SendMessageParams has relation and rel_type matches THREAD_RELATION_TYPE.name", async () => {
+                // When
+                await sendMessage(message, true, {
+                    roomContext: defaultRoomContext,
+                    mxClient: mockClient,
+                    relation: {
+                        event_id: "valid_id",
+                        rel_type: "m.thread",
+                    },
+                    urlPreviewSnapshot: { previews: [], content: "" },
+                });
+
+                // Then
+                expect(mockClient.sendMessage).toHaveBeenCalledWith(expect.anything(), "valid_id", expect.anything());
+            });
+        });
+
+        it("Should send html message", async () => {
+            // When
+            await sendMessage(message, true, {
+                roomContext: defaultRoomContext,
+                mxClient: mockClient,
+                urlPreviewSnapshot: { previews: [], content: "" },
+            });
+
+            // Then
+            const expectedContent = {
+                body: "*__hello__ world*",
+                format: "org.matrix.custom.html",
+                formatted_body: "<i><b>hello</b> world</i>",
+                msgtype: "m.text",
+            };
+            expect(mockClient.sendMessage).toHaveBeenCalledWith("myfakeroom", null, expectedContent);
+            expect(spyDispatcher).toHaveBeenCalledWith({ action: "message_sent" });
+        });
+
+        it("Should send reply to html message", async () => {
+            const mockReplyEvent = mkEvent({
+                type: "m.room.message",
+                room: "myfakeroom",
+                user: "myfakeuser2",
+                content: { msgtype: "m.text", body: "My reply" },
+                event: true,
+            });
+
+            // When
+            await sendMessage(message, true, {
+                roomContext: defaultRoomContext,
+                mxClient: mockClient,
+                replyToEvent: mockReplyEvent,
+                urlPreviewSnapshot: { previews: [], content: "" },
+            });
+
+            // Then
+            expect(spyDispatcher).toHaveBeenCalledWith({
+                action: "reply_to_event",
+                event: null,
+                context: defaultRoomContext.timelineRenderingType,
+            });
+
+            const expectedContent = {
+                "body": "*__hello__ world*",
+                "format": "org.matrix.custom.html",
+                "formatted_body": "<i><b>hello</b> world</i>",
+                "msgtype": "m.text",
+                "m.relates_to": {
+                    "m.in_reply_to": {
+                        event_id: mockReplyEvent.getId(),
+                    },
+                },
+            };
+            expect(mockClient.sendMessage).toHaveBeenCalledWith("myfakeroom", null, expectedContent);
+        });
+
+        it("Should scroll to bottom after sending a html message", async () => {
+            // When
+            SettingsStore.setValue("scrollToBottomOnMessageSent", null, SettingLevel.DEVICE, true);
+            await sendMessage(message, true, {
+                roomContext: defaultRoomContext,
+                mxClient: mockClient,
+                urlPreviewSnapshot: { previews: [], content: "" },
+            });
+
+            // Then
+            expect(spyDispatcher).toHaveBeenCalledWith({
+                action: "scroll_to_bottom",
+                timelineRenderingType: defaultRoomContext.timelineRenderingType,
+            });
+        });
+
+        it("Should handle emojis", async () => {
+            // When
+            await sendMessage("🎉", false, {
+                roomContext: defaultRoomContext,
+                mxClient: mockClient,
+                urlPreviewSnapshot: { previews: [], content: "" },
+            });
+
+            // Then
+            expect(spyDispatcher).toHaveBeenCalledWith({ action: "effects.confetti" });
+        });
+
+        describe("slash commands", () => {
+            const getCommandSpy = jest.spyOn(SlashCommands, "getCommand");
+
+            it("calls getCommand for a message starting with a valid command", async () => {
+                // When
+                const validCommand = "/spoiler";
+                await sendMessage(validCommand, true, {
+                    roomContext: defaultRoomContext,
+                    mxClient: mockClient,
+                    urlPreviewSnapshot: { previews: [], content: "" },
+                });
+
+                // Then
+                expect(getCommandSpy).toHaveBeenCalledWith(mockRoom.roomId, validCommand);
+            });
+
+            it("does not call getCommand for valid command with invalid prefix", async () => {
+                // When
+                const invalidPrefixCommand = "//spoiler";
+                await sendMessage(invalidPrefixCommand, true, {
+                    roomContext: defaultRoomContext,
+                    mxClient: mockClient,
+                    urlPreviewSnapshot: { previews: [], content: "" },
+                });
+
+                // Then
+                expect(getCommandSpy).toHaveBeenCalledTimes(0);
+            });
+
+            it("returns undefined when the command is not successful", async () => {
+                // When
+                const validCommand = "/spoiler";
+                jest.spyOn(Commands, "runSlashCommand").mockResolvedValueOnce([
+                    { body: "mock content", msgtype: MsgType.Text },
+                    false,
+                ]);
+
+                const result = await sendMessage(validCommand, true, {
+                    roomContext: defaultRoomContext,
+                    mxClient: mockClient,
+                    urlPreviewSnapshot: { previews: [], content: "" },
+                });
+
+                // Then
+                expect(result).toBeUndefined();
+            });
+
+            // /spoiler is a .messages category command, /fireworks is an .effect category command
+            const messagesAndEffectCategoryTestCases = ["/spoiler text", "/fireworks"];
+            it.each(messagesAndEffectCategoryTestCases)(
+                "does not add relations for a .messages or .effects category command if there is no relation to add",
+                async (inputText) => {
+                    await sendMessage(inputText, true, {
+                        roomContext: defaultRoomContext,
+                        mxClient: mockClient,
+                        urlPreviewSnapshot: { previews: [], content: "" },
+                    });
+                    expect(mockClient.sendMessage).toHaveBeenCalledWith(
+                        "myfakeroom",
+                        null,
+                        expect.not.objectContaining({ "m.relates_to": expect.any }),
+                    );
+                },
+            );
+
+            it.each(messagesAndEffectCategoryTestCases)(
+                "adds relations for a .messages or .effects category command if there is a relation",
+                async (inputText) => {
+                    const mockRelation: IEventRelation = {
+                        rel_type: "mock relation type",
+                    };
+                    await sendMessage(inputText, true, {
+                        roomContext: defaultRoomContext,
+                        mxClient: mockClient,
+                        relation: mockRelation,
+                        urlPreviewSnapshot: { previews: [], content: "" },
+                    });
+
+                    expect(mockClient.sendMessage).toHaveBeenCalledWith(
+                        "myfakeroom",
+                        null,
+                        expect.objectContaining({ "m.relates_to": expect.objectContaining(mockRelation) }),
+                    );
+                },
+            );
+
+            it("calls addReplyToMessageContent when there is an event to reply to", async () => {
+                const addReplySpy = jest.spyOn(Reply, "addReplyToMessageContent");
+                await sendMessage("input", true, {
+                    roomContext: defaultRoomContext,
+                    mxClient: mockClient,
+                    replyToEvent: mockEvent,
+                    urlPreviewSnapshot: { previews: [], content: "" },
+                });
+
+                expect(addReplySpy).toHaveBeenCalledTimes(1);
+            });
+
+            // these test cases are .action and .admin categories
+            const otherCategoryTestCases = ["/nick new_nickname", "/roomname new_room_name"];
+            it.each(otherCategoryTestCases)(
+                "returns undefined when the command category is not .messages or .effects",
+                async (input) => {
+                    const result = await sendMessage(input, true, {
+                        roomContext: defaultRoomContext,
+                        mxClient: mockClient,
+                        replyToEvent: mockEvent,
+                        urlPreviewSnapshot: { previews: [], content: "" },
+                    });
+
+                    expect(result).toBeUndefined();
+                },
+            );
+
+            it("if user enters invalid command and then sends it anyway", async () => {
+                // mock out returning a true value for `shouldSendAnyway` to avoid rendering the modal
+                jest.spyOn(Commands, "shouldSendAnyway").mockResolvedValueOnce(true);
+                const invalidCommandInput = "/badCommand";
+
+                await sendMessage(invalidCommandInput, true, {
+                    roomContext: defaultRoomContext,
+                    mxClient: mockClient,
+                    urlPreviewSnapshot: { previews: [], content: "" },
+                });
+
+                // we expect the message to have been sent
+                // and a composer focus action to have been dispatched
+                expect(mockClient.sendMessage).toHaveBeenCalledWith(
+                    "myfakeroom",
+                    null,
+                    expect.objectContaining({ body: invalidCommandInput }),
+                );
+                expect(spyDispatcher).toHaveBeenCalledWith(expect.objectContaining({ action: Action.FocusAComposer }));
+            });
+
+            it("if user enters invalid command and then does not send, return undefined", async () => {
+                // mock out returning a false value for `shouldSendAnyway` to avoid rendering the modal
+                jest.spyOn(Commands, "shouldSendAnyway").mockResolvedValueOnce(false);
+                const invalidCommandInput = "/badCommand";
+
+                const result = await sendMessage(invalidCommandInput, true, {
+                    roomContext: defaultRoomContext,
+                    mxClient: mockClient,
+                    urlPreviewSnapshot: { previews: [], content: "" },
+                });
+
+                expect(result).toBeUndefined();
+            });
+        });
+    });
+
+    describe("editMessage", () => {
+        const editorStateTransfer = new EditorStateTransfer(mockEvent);
+
+        it("Should cancel editing and ask for event removal when message is empty", async () => {
+            // When
+            const mockCreateRedactEventDialog = jest.spyOn(ConfirmRedactDialog, "createRedactEventDialog");
+
+            const mockEvent = mkEvent({
+                type: "m.room.message",
+                room: "myfakeroom",
+                user: "myfakeuser",
+                content: { msgtype: "m.text", body: "Replying to this" },
+                event: true,
+            });
+            const replacingEvent = mkEvent({
+                type: "m.room.message",
+                room: "myfakeroom",
+                user: "myfakeuser",
+                content: { msgtype: "m.text", body: "ReplacingEvent" },
+                event: true,
+            });
+            replacingEvent.setStatus(EventStatus.QUEUED);
+            mockEvent.makeReplaced(replacingEvent);
+            const editorStateTransfer = new EditorStateTransfer(mockEvent);
+
+            await editMessage("", { roomContext: defaultRoomContext, mxClient: mockClient, editorStateTransfer });
+
+            // Then
+            expect(mockClient.sendMessage).toHaveBeenCalledTimes(0);
+            expect(mockClient.cancelPendingEvent).toHaveBeenCalledTimes(1);
+            expect(mockCreateRedactEventDialog).toHaveBeenCalledTimes(1);
+            expect(spyDispatcher).toHaveBeenCalledTimes(1);
+        });
+
+        it("Should do nothing if the content is unmodified", async () => {
+            // When
+            await editMessage(mockEvent.getContent().body, {
+                roomContext: defaultRoomContext,
+                mxClient: mockClient,
+                editorStateTransfer,
+            });
+
+            // Then
+            expect(mockClient.sendMessage).toHaveBeenCalledTimes(0);
+        });
+
+        it("Should send a message when the content is modified", async () => {
+            // When
+            const newMessage = `${mockEvent.getContent().body} new content`;
+            await editMessage(newMessage, {
+                roomContext: defaultRoomContext,
+                mxClient: mockClient,
+                editorStateTransfer,
+            });
+
+            // Then
+            const { msgtype, format } = mockEvent.getContent();
+            const expectedContent = {
+                "body": `* ${newMessage}`,
+                "formatted_body": `* ${newMessage}`,
+                "m.new_content": {
+                    body: "Replying to this new content",
+                    format: "org.matrix.custom.html",
+                    formatted_body: "Replying to this new content",
+                    msgtype: "m.text",
+                },
+                "m.relates_to": {
+                    event_id: mockEvent.getId(),
+                    rel_type: "m.replace",
+                },
+                msgtype,
+                format,
+            };
+            expect(mockClient.sendMessage).toHaveBeenCalledWith(mockEvent.getRoomId(), null, expectedContent);
+            expect(spyDispatcher).toHaveBeenCalledWith({ action: "message_sent" });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/AddPrivilegedUsers-test.tsx b/apps/web/test/unit-tests/components/views/settings/AddPrivilegedUsers-test.tsx
new file mode 100644
index 00000000000..2088bccc17e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/AddPrivilegedUsers-test.tsx
@@ -0,0 +1,153 @@
+/*
+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 { act, fireEvent, render, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+import { RoomMember, EventType } from "matrix-js-sdk/src/matrix";
+
+import { getMockClientWithEventEmitter, makeRoomWithStateEvents, mkEvent } from "../../../../test-utils";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import {
+    AddPrivilegedUsers,
+    getUserIdsFromCompletions,
+    hasLowerOrEqualLevelThanDefaultLevel,
+} from "../../../../../src/components/views/settings/AddPrivilegedUsers";
+import UserProvider from "../../../../../src/autocomplete/UserProvider";
+import { type ICompletion } from "../../../../../src/autocomplete/Autocompleter";
+
+jest.mock("../../../../../src/autocomplete/UserProvider");
+jest.mock("../../../../../src/stores/WidgetStore");
+jest.mock("../../../../../src/stores/widgets/WidgetLayoutStore");
+
+const completions: ICompletion[] = [
+    {
+        component: <div />,
+        type: "user",
+        completion: "user_1",
+        completionId: "@user_1:host.local",
+        range: { start: 1, end: 1 },
+    },
+    {
+        component: <div />,
+        type: "user",
+        completion: "user_2",
+        completionId: "@user_2:host.local",
+        range: { start: 1, end: 1 },
+    },
+    { component: <div />, type: "user", completion: "user_without_completion_id", range: { start: 1, end: 1 } },
+];
+
+describe("<AddPrivilegedUsers />", () => {
+    const provider = mocked(UserProvider, { shallow: true });
+    provider.prototype.getCompletions.mockResolvedValue(completions);
+
+    const mockClient = getMockClientWithEventEmitter({
+        // `makeRoomWithStateEvents` only work's if `getRoom` is present.
+        getRoom: jest.fn(),
+        setPowerLevel: jest.fn(),
+    });
+
+    const room = makeRoomWithStateEvents([], { roomId: "room_id", mockClient: mockClient });
+    room.getMember = (userId: string) => {
+        const member = new RoomMember("room_id", userId);
+        member.powerLevel = 0;
+
+        return member;
+    };
+    (room.currentState.getStateEvents as unknown) = (_eventType: string, _stateKey: string) => {
+        return mkEvent({
+            type: EventType.RoomPowerLevels,
+            content: {},
+            user: "user_id",
+        });
+    };
+
+    const getComponent = () => (
+        <MatrixClientContext.Provider value={mockClient}>
+            <AddPrivilegedUsers room={room} defaultUserLevel={0} />
+        </MatrixClientContext.Provider>
+    );
+
+    it("checks whether form submit works as intended", async () => {
+        const { getByTestId, queryAllByTestId } = render(getComponent());
+
+        // Verify that the submit button is disabled initially.
+        const submitButton = getByTestId("add-privileged-users-submit-button");
+        expect(submitButton).toBeDisabled();
+
+        // Find some suggestions and select them.
+        const autocompleteInput = getByTestId("autocomplete-input");
+
+        await act(async () => {
+            fireEvent.focus(autocompleteInput);
+            fireEvent.change(autocompleteInput, { target: { value: "u" } });
+            await waitFor(() => expect(provider.mock.instances[0].getCompletions).toHaveBeenCalledTimes(1));
+        });
+
+        const matchOne = getByTestId("autocomplete-suggestion-item-@user_1:host.local");
+        const matchTwo = getByTestId("autocomplete-suggestion-item-@user_2:host.local");
+
+        act(() => {
+            fireEvent.mouseDown(matchOne);
+        });
+
+        act(() => {
+            fireEvent.mouseDown(matchTwo);
+        });
+
+        // Check that `defaultUserLevel` is initially set and select a higher power level.
+        expect((getByTestId("power-level-option-0") as HTMLOptionElement).selected).toBeTruthy();
+        expect((getByTestId("power-level-option-50") as HTMLOptionElement).selected).toBeFalsy();
+        expect((getByTestId("power-level-option-100") as HTMLOptionElement).selected).toBeFalsy();
+
+        const powerLevelSelect = getByTestId("power-level-select-element");
+        await userEvent.selectOptions(powerLevelSelect, "100");
+
+        expect((getByTestId("power-level-option-0") as HTMLOptionElement).selected).toBeFalsy();
+        expect((getByTestId("power-level-option-50") as HTMLOptionElement).selected).toBeFalsy();
+        expect((getByTestId("power-level-option-100") as HTMLOptionElement).selected).toBeTruthy();
+
+        // The submit button should be enabled now.
+        expect(submitButton).toBeEnabled();
+
+        // Submit the form.
+        act(() => {
+            fireEvent.submit(submitButton);
+        });
+
+        await waitFor(() => expect(mockClient.setPowerLevel).toHaveBeenCalledTimes(1));
+
+        // Verify that the submit button is disabled again.
+        expect(submitButton).toBeDisabled();
+
+        // Verify that previously selected items are reset.
+        const selectionItems = queryAllByTestId("autocomplete-selection-item", { exact: false });
+        expect(selectionItems).toHaveLength(0);
+
+        // Verify that power level select is reset to `defaultUserLevel`.
+        expect((getByTestId("power-level-option-0") as HTMLOptionElement).selected).toBeTruthy();
+        expect((getByTestId("power-level-option-50") as HTMLOptionElement).selected).toBeFalsy();
+        expect((getByTestId("power-level-option-100") as HTMLOptionElement).selected).toBeFalsy();
+    });
+
+    it("getUserIdsFromCompletions() should map completions to user id's", () => {
+        expect(getUserIdsFromCompletions(completions)).toStrictEqual(["@user_1:host.local", "@user_2:host.local"]);
+    });
+
+    it.each([
+        { defaultUserLevel: -50, expectation: false },
+        { defaultUserLevel: 0, expectation: true },
+        { defaultUserLevel: 50, expectation: true },
+    ])(
+        "hasLowerOrEqualLevelThanDefaultLevel() should return $expectation for default level $defaultUserLevel",
+        ({ defaultUserLevel, expectation }) => {
+            expect(hasLowerOrEqualLevelThanDefaultLevel(room, completions[0], defaultUserLevel)).toBe(expectation);
+        },
+    );
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx b/apps/web/test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx
new file mode 100644
index 00000000000..58306a508d5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/AddRemoveThreepids-test.tsx
@@ -0,0 +1,603 @@
+/*
+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.
+*/
+
+import { render, screen, waitFor, cleanup } from "jest-matrix-react";
+import { type MatrixClient, MatrixError, ThreepidMedium } from "matrix-js-sdk/src/matrix";
+import React from "react";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+
+import { AddRemoveThreepids } from "../../../../../src/components/views/settings/AddRemoveThreepids";
+import { clearAllModals, stubClient } from "../../../../test-utils";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import Modal from "../../../../../src/Modal";
+import InteractiveAuthDialog from "../../../../../src/components/views/dialogs/InteractiveAuthDialog.tsx";
+
+const MOCK_IDENTITY_ACCESS_TOKEN = "mock_identity_access_token";
+const mockGetAccessToken = jest.fn().mockResolvedValue(MOCK_IDENTITY_ACCESS_TOKEN);
+jest.mock("../../../../../src/IdentityAuthClient", () =>
+    jest.fn().mockImplementation(() => ({
+        getAccessToken: mockGetAccessToken,
+    })),
+);
+
+const EMAIL1 = {
+    medium: ThreepidMedium.Email,
+    address: "alice@nowhere.dummy",
+};
+
+const PHONE1 = {
+    medium: ThreepidMedium.Phone,
+    address: "447700900000",
+};
+
+const PHONE1_LOCALNUM = "07700900000";
+
+describe("AddRemoveThreepids", () => {
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        client = stubClient();
+    });
+
+    afterEach(async () => {
+        jest.restoreAllMocks();
+        await clearAllModals();
+        cleanup();
+    });
+
+    const clientProviderWrapper: React.FC = ({ children }: React.PropsWithChildren) => (
+        <MatrixClientContext.Provider value={client}>{children}</MatrixClientContext.Provider>
+    );
+
+    it("should handle no email addresses", async () => {
+        const { container } = render(
+            <AddRemoveThreepids
+                mode="hs"
+                medium={ThreepidMedium.Email}
+                threepids={[]}
+                isLoading={false}
+                onChange={() => {}}
+            />,
+        );
+
+        await expect(screen.findByText("Email Address")).resolves.toBeVisible();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should add an email address", async () => {
+        const onChangeFn = jest.fn();
+        mocked(client.requestAdd3pidEmailToken).mockResolvedValue({ sid: "1" });
+
+        render(
+            <AddRemoveThreepids
+                mode="hs"
+                medium={ThreepidMedium.Email}
+                threepids={[]}
+                isLoading={false}
+                onChange={onChangeFn}
+            />,
+            {
+                wrapper: clientProviderWrapper,
+            },
+        );
+
+        const input = await screen.findByRole("textbox", { name: "Email Address" });
+        await userEvent.type(input, EMAIL1.address);
+        const addButton = screen.getByRole("button", { name: "Add" });
+        await userEvent.click(addButton);
+
+        expect(client.requestAdd3pidEmailToken).toHaveBeenCalledWith(EMAIL1.address, client.generateClientSecret(), 1);
+        const continueButton = screen.getByRole("button", { name: "Continue" });
+
+        expect(continueButton).toBeEnabled();
+
+        await userEvent.click(continueButton);
+
+        expect(client.addThreePidOnly).toHaveBeenCalledWith({
+            client_secret: client.generateClientSecret(),
+            sid: "1",
+            auth: undefined,
+        });
+
+        expect(onChangeFn).toHaveBeenCalled();
+    });
+
+    it("should display an error if the link has not been clicked", async () => {
+        const onChangeFn = jest.fn();
+        const createDialogFn = jest.spyOn(Modal, "createDialog");
+        mocked(client.requestAdd3pidEmailToken).mockResolvedValue({ sid: "1" });
+
+        render(
+            <AddRemoveThreepids
+                mode="hs"
+                medium={ThreepidMedium.Email}
+                threepids={[]}
+                isLoading={false}
+                onChange={onChangeFn}
+            />,
+            {
+                wrapper: clientProviderWrapper,
+            },
+        );
+
+        const input = await screen.findByRole("textbox", { name: "Email Address" });
+        await userEvent.type(input, EMAIL1.address);
+        const addButton = screen.getByRole("button", { name: "Add" });
+        await userEvent.click(addButton);
+
+        const continueButton = screen.getByRole("button", { name: "Continue" });
+
+        expect(continueButton).toBeEnabled();
+
+        mocked(client).addThreePidOnly.mockRejectedValueOnce(new Error("Unauthorized"));
+
+        await userEvent.click(continueButton);
+
+        expect(createDialogFn).toHaveBeenCalledWith(expect.anything(), {
+            description: "Unauthorized",
+            title: "Unable to verify email address.",
+        });
+
+        expect(onChangeFn).not.toHaveBeenCalled();
+    });
+
+    it("should add a phone number", async () => {
+        const onChangeFn = jest.fn();
+        mocked(client.requestAdd3pidMsisdnToken).mockResolvedValue({
+            sid: "1",
+            msisdn: PHONE1.address,
+            intl_fmt: "+" + PHONE1.address,
+            success: true,
+            submit_url: "https://example.dummy",
+        });
+
+        render(
+            <AddRemoveThreepids
+                mode="hs"
+                medium={ThreepidMedium.Phone}
+                threepids={[]}
+                isLoading={false}
+                onChange={onChangeFn}
+            />,
+            {
+                wrapper: clientProviderWrapper,
+            },
+        );
+
+        const countryDropdown = await screen.findByRole("button", { name: /Country Dropdown/ });
+        await userEvent.click(countryDropdown);
+        const gbOption = screen.getByText("United Kingdom (+44)");
+        await userEvent.click(gbOption);
+
+        const input = screen.getByRole("textbox", { name: "Phone Number" });
+        await userEvent.type(input, PHONE1_LOCALNUM);
+
+        const addButton = screen.getByRole("button", { name: /Add/ });
+        userEvent.click(addButton);
+
+        const continueButton = await screen.findByRole("button", { name: /Continue/ });
+
+        expect(continueButton).toHaveAttribute("aria-disabled", "true");
+
+        await expect(
+            screen.findByText(
+                `A text message has been sent to +${PHONE1.address}. Please enter the verification code it contains.`,
+            ),
+        ).resolves.toBeInTheDocument();
+
+        expect(client.requestAdd3pidMsisdnToken).toHaveBeenCalledWith(
+            "GB",
+            PHONE1_LOCALNUM,
+            client.generateClientSecret(),
+            1,
+        );
+
+        const verificationInput = screen.getByRole("textbox", { name: "Verification code" });
+        await userEvent.type(verificationInput, "123456");
+
+        expect(continueButton).not.toHaveAttribute("aria-disabled", "true");
+        userEvent.click(continueButton);
+
+        await waitFor(() => expect(continueButton).toHaveAttribute("aria-disabled", "true"));
+
+        expect(client.addThreePidOnly).toHaveBeenCalledWith({
+            client_secret: client.generateClientSecret(),
+            sid: "1",
+            auth: undefined,
+        });
+
+        expect(onChangeFn).toHaveBeenCalled();
+    }, 10000);
+
+    it("should remove an email address", async () => {
+        const onChangeFn = jest.fn();
+        render(
+            <AddRemoveThreepids
+                mode="hs"
+                medium={ThreepidMedium.Email}
+                threepids={[EMAIL1]}
+                isLoading={false}
+                onChange={onChangeFn}
+            />,
+            {
+                wrapper: clientProviderWrapper,
+            },
+        );
+
+        const removeButton = await screen.findByRole("button", { name: /Remove/ });
+        await userEvent.click(removeButton);
+
+        expect(screen.getByText(`Remove ${EMAIL1.address}?`)).toBeVisible();
+
+        const confirmRemoveButton = screen.getByRole("button", { name: /Remove/ });
+        await userEvent.click(confirmRemoveButton);
+
+        expect(client.deleteThreePid).toHaveBeenCalledWith(ThreepidMedium.Email, EMAIL1.address);
+        expect(onChangeFn).toHaveBeenCalled();
+    });
+
+    it("should return to default view if adding is cancelled", async () => {
+        const onChangeFn = jest.fn();
+        render(
+            <AddRemoveThreepids
+                mode="hs"
+                medium={ThreepidMedium.Email}
+                threepids={[EMAIL1]}
+                isLoading={false}
+                onChange={onChangeFn}
+            />,
+            {
+                wrapper: clientProviderWrapper,
+            },
+        );
+
+        const removeButton = await screen.findByRole("button", { name: /Remove/ });
+        await userEvent.click(removeButton);
+
+        expect(screen.getByText(`Remove ${EMAIL1.address}?`)).toBeVisible();
+
+        const confirmRemoveButton = screen.getByRole("button", { name: /Cancel/ });
+        await userEvent.click(confirmRemoveButton);
+
+        expect(screen.queryByText(`Remove ${EMAIL1.address}?`)).not.toBeInTheDocument();
+
+        expect(client.deleteThreePid).not.toHaveBeenCalledWith(ThreepidMedium.Email, EMAIL1.address);
+        expect(onChangeFn).not.toHaveBeenCalled();
+    });
+
+    it("should remove a phone number", async () => {
+        const onChangeFn = jest.fn();
+        render(
+            <AddRemoveThreepids
+                mode="hs"
+                medium={ThreepidMedium.Phone}
+                threepids={[PHONE1]}
+                isLoading={false}
+                onChange={onChangeFn}
+            />,
+            {
+                wrapper: clientProviderWrapper,
+            },
+        );
+
+        const removeButton = await screen.findByRole("button", { name: /Remove/ });
+        await userEvent.click(removeButton);
+
+        expect(screen.getByText(`Remove ${PHONE1.address}?`)).toBeVisible();
+
+        const confirmRemoveButton = screen.getByRole("button", { name: /Remove/ });
+        await userEvent.click(confirmRemoveButton);
+
+        expect(client.deleteThreePid).toHaveBeenCalledWith(ThreepidMedium.Phone, PHONE1.address);
+        expect(onChangeFn).toHaveBeenCalled();
+    });
+
+    it("should bind an email address", async () => {
+        mocked(client).requestEmailToken.mockResolvedValue({ sid: "1" });
+
+        mocked(client).getIdentityServerUrl.mockReturnValue("https://the_best_id_server.dummy");
+
+        const onChangeFn = jest.fn();
+        render(
+            <AddRemoveThreepids
+                mode="is"
+                medium={ThreepidMedium.Email}
+                threepids={[Object.assign({}, EMAIL1, { bound: false })]}
+                isLoading={false}
+                onChange={onChangeFn}
+            />,
+            {
+                wrapper: clientProviderWrapper,
+            },
+        );
+
+        await expect(screen.findByText(EMAIL1.address)).resolves.toBeVisible();
+        const shareButton = screen.getByRole("button", { name: /Share/ });
+        await userEvent.click(shareButton);
+
+        expect(screen.getByText("Verify the link in your inbox")).toBeVisible();
+
+        expect(client.requestEmailToken).toHaveBeenCalledWith(
+            EMAIL1.address,
+            client.generateClientSecret(),
+            1,
+            undefined,
+            MOCK_IDENTITY_ACCESS_TOKEN,
+        );
+
+        const completeButton = screen.getByRole("button", { name: /Complete/ });
+        await userEvent.click(completeButton);
+
+        expect(client.bindThreePid).toHaveBeenCalledWith({
+            sid: "1",
+            client_secret: client.generateClientSecret(),
+            id_server: "https://the_best_id_server.dummy",
+            id_access_token: MOCK_IDENTITY_ACCESS_TOKEN,
+        });
+
+        expect(onChangeFn).toHaveBeenCalled();
+    });
+
+    it("should bind a phone number", async () => {
+        mocked(client).requestMsisdnToken.mockResolvedValue({
+            success: true,
+            sid: "1",
+            msisdn: PHONE1.address,
+            intl_fmt: "+" + PHONE1.address,
+        });
+
+        mocked(client).getIdentityServerUrl.mockReturnValue("https://the_best_id_server.dummy");
+
+        const onChangeFn = jest.fn();
+        render(
+            <AddRemoveThreepids
+                mode="is"
+                medium={ThreepidMedium.Phone}
+                threepids={[Object.assign({}, PHONE1, { bound: false })]}
+                isLoading={false}
+                onChange={onChangeFn}
+            />,
+            {
+                wrapper: clientProviderWrapper,
+            },
+        );
+
+        await expect(screen.findByText(PHONE1.address)).resolves.toBeVisible();
+        const shareButton = screen.getByRole("button", { name: /Share/ });
+        await userEvent.click(shareButton);
+
+        expect(screen.getByText("Please enter verification code sent via text.")).toBeVisible();
+
+        expect(client.requestMsisdnToken).toHaveBeenCalledWith(
+            null,
+            "+" + PHONE1.address,
+            client.generateClientSecret(),
+            1,
+            undefined,
+            MOCK_IDENTITY_ACCESS_TOKEN,
+        );
+
+        const codeInput = screen.getByRole("textbox", { name: "Verification code" });
+        await userEvent.type(codeInput, "123456");
+        await userEvent.keyboard("{Enter}");
+
+        expect(client.bindThreePid).toHaveBeenCalledWith({
+            sid: "1",
+            client_secret: client.generateClientSecret(),
+            id_server: "https://the_best_id_server.dummy",
+            id_access_token: MOCK_IDENTITY_ACCESS_TOKEN,
+        });
+
+        expect(onChangeFn).toHaveBeenCalled();
+    });
+
+    it("should revoke a bound email address", async () => {
+        const onChangeFn = jest.fn();
+        render(
+            <AddRemoveThreepids
+                mode="is"
+                medium={ThreepidMedium.Email}
+                threepids={[Object.assign({}, EMAIL1, { bound: true })]}
+                isLoading={false}
+                onChange={onChangeFn}
+            />,
+            {
+                wrapper: clientProviderWrapper,
+            },
+        );
+
+        await expect(screen.findByText(EMAIL1.address)).resolves.toBeVisible();
+        const revokeButton = screen.getByRole("button", { name: /Revoke/ });
+        await userEvent.click(revokeButton);
+
+        expect(client.unbindThreePid).toHaveBeenCalledWith(ThreepidMedium.Email, EMAIL1.address);
+        expect(onChangeFn).toHaveBeenCalled();
+    });
+
+    it("should revoke a bound phone number", async () => {
+        const onChangeFn = jest.fn();
+        render(
+            <AddRemoveThreepids
+                mode="is"
+                medium={ThreepidMedium.Phone}
+                threepids={[Object.assign({}, PHONE1, { bound: true })]}
+                isLoading={false}
+                onChange={onChangeFn}
+            />,
+            {
+                wrapper: clientProviderWrapper,
+            },
+        );
+
+        await expect(screen.findByText(PHONE1.address)).resolves.toBeVisible();
+        const revokeButton = screen.getByRole("button", { name: /Revoke/ });
+        await userEvent.click(revokeButton);
+
+        expect(client.unbindThreePid).toHaveBeenCalledWith(ThreepidMedium.Phone, PHONE1.address);
+        expect(onChangeFn).toHaveBeenCalled();
+    });
+
+    it("should show UIA dialog when necessary for adding email", async () => {
+        const onChangeFn = jest.fn();
+        const createDialogFn = jest.spyOn(Modal, "createDialog");
+        mocked(client.requestAdd3pidEmailToken).mockResolvedValue({ sid: "1" });
+
+        render(
+            <AddRemoveThreepids
+                mode="hs"
+                medium={ThreepidMedium.Email}
+                threepids={[]}
+                isLoading={false}
+                onChange={onChangeFn}
+            />,
+            {
+                wrapper: clientProviderWrapper,
+            },
+        );
+
+        const input = screen.getByRole("textbox", { name: "Email Address" });
+        await userEvent.type(input, EMAIL1.address);
+        const addButton = screen.getByRole("button", { name: "Add" });
+        await userEvent.click(addButton);
+
+        const continueButton = screen.getByRole("button", { name: "Continue" });
+
+        expect(continueButton).toBeEnabled();
+
+        mocked(client).addThreePidOnly.mockRejectedValueOnce(
+            new MatrixError({ errcode: "M_UNAUTHORIZED", flows: [{ stages: [] }] }, 401),
+        );
+
+        await userEvent.click(continueButton);
+
+        expect(createDialogFn).toHaveBeenCalledWith(
+            InteractiveAuthDialog,
+            expect.objectContaining({
+                title: "Add Email Address",
+                makeRequest: expect.any(Function),
+            }),
+        );
+    });
+
+    it("should show UIA dialog when necessary for adding msisdn", async () => {
+        const onChangeFn = jest.fn();
+        const createDialogFn = jest.spyOn(Modal, "createDialog");
+        mocked(client.requestAdd3pidMsisdnToken).mockResolvedValue({
+            sid: "1",
+            msisdn: PHONE1.address,
+            intl_fmt: PHONE1.address,
+            success: true,
+            submit_url: "https://some-url",
+        });
+
+        render(
+            <AddRemoveThreepids
+                mode="hs"
+                medium={ThreepidMedium.Phone}
+                threepids={[]}
+                isLoading={false}
+                onChange={onChangeFn}
+            />,
+            {
+                wrapper: clientProviderWrapper,
+            },
+        );
+
+        const countryDropdown = screen.getByRole("button", { name: /Country Dropdown/ });
+        await userEvent.click(countryDropdown);
+        const gbOption = screen.getByText("United Kingdom (+44)");
+        await userEvent.click(gbOption);
+
+        const input = screen.getByRole("textbox", { name: "Phone Number" });
+        await userEvent.type(input, PHONE1_LOCALNUM);
+
+        const addButton = screen.getByRole("button", { name: "Add" });
+        await userEvent.click(addButton);
+
+        const continueButton = screen.getByRole("button", { name: "Continue" });
+
+        expect(continueButton).toHaveAttribute("aria-disabled", "true");
+
+        await expect(
+            screen.findByText(
+                `A text message has been sent to +${PHONE1.address}. Please enter the verification code it contains.`,
+            ),
+        ).resolves.toBeInTheDocument();
+
+        expect(client.requestAdd3pidMsisdnToken).toHaveBeenCalledWith(
+            "GB",
+            PHONE1_LOCALNUM,
+            client.generateClientSecret(),
+            1,
+        );
+
+        const verificationInput = screen.getByRole("textbox", { name: "Verification code" });
+        await userEvent.type(verificationInput, "123456");
+
+        expect(continueButton).not.toHaveAttribute("aria-disabled", "true");
+
+        mocked(client).addThreePidOnly.mockRejectedValueOnce(
+            new MatrixError({ errcode: "M_UNAUTHORIZED", flows: [{ stages: [] }] }, 401),
+        );
+
+        await userEvent.click(continueButton);
+
+        expect(createDialogFn).toHaveBeenCalledWith(
+            InteractiveAuthDialog,
+            expect.objectContaining({
+                title: "Add Phone Number",
+                makeRequest: expect.any(Function),
+            }),
+        );
+    });
+
+    it("should render a loader while loading", async () => {
+        render(
+            <AddRemoveThreepids
+                mode="hs"
+                medium={ThreepidMedium.Email}
+                threepids={[]}
+                isLoading={true}
+                onChange={() => {}}
+            />,
+        );
+
+        expect(screen.getByLabelText("Loading…")).toBeInTheDocument();
+    });
+
+    it("should render email addresses", async () => {
+        const { container } = render(
+            <AddRemoveThreepids
+                mode="hs"
+                medium={ThreepidMedium.Email}
+                threepids={[EMAIL1]}
+                isLoading={false}
+                onChange={() => {}}
+            />,
+        );
+
+        await expect(screen.findByText(EMAIL1.address)).resolves.toBeVisible();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should render phone numbers", async () => {
+        const { container } = render(
+            <AddRemoveThreepids
+                mode="hs"
+                medium={ThreepidMedium.Phone}
+                threepids={[PHONE1]}
+                isLoading={false}
+                onChange={() => {}}
+            />,
+        );
+
+        await expect(screen.findByText(PHONE1.address)).resolves.toBeVisible();
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/AvatarSetting-test.tsx b/apps/web/test/unit-tests/components/views/settings/AvatarSetting-test.tsx
new file mode 100644
index 00000000000..2d09c76232f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/AvatarSetting-test.tsx
@@ -0,0 +1,118 @@
+/*
+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, screen, fireEvent } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import AvatarSetting from "../../../../../src/components/views/settings/AvatarSetting";
+import { stubClient } from "../../../../test-utils";
+
+const BASE64_GIF = "R0lGODlhAQABAAAAACw=";
+const AVATAR_FILE = new File([Uint8Array.from(atob(BASE64_GIF), (c) => c.charCodeAt(0))], "avatar.gif", {
+    type: "image/gif",
+});
+const GENERIC_FILE = new File([Uint8Array.from(atob(BASE64_GIF), (c) => c.charCodeAt(0))], "not-avatar.doc", {
+    type: "application/msword",
+});
+
+describe("<AvatarSetting />", () => {
+    beforeEach(() => {
+        stubClient();
+    });
+
+    it("renders avatar with specified accessible name", async () => {
+        const { getByRole } = render(
+            <AvatarSetting
+                placeholderId="blee"
+                placeholderName="boo"
+                avatarAccessibleName="Avatar of Peter Fox"
+                avatar="mxc://example.org/my-avatar"
+            />,
+        );
+
+        const avatarButton = getByRole("button", { name: "Avatar of Peter Fox" });
+        expect(avatarButton).toBeInTheDocument();
+    });
+
+    it("renders a file as the avatar when supplied", async () => {
+        render(
+            <AvatarSetting
+                placeholderId="blee"
+                placeholderName="boo"
+                avatarAccessibleName="Avatar of Peter Fox"
+                avatar={AVATAR_FILE}
+            />,
+        );
+
+        const avatarButton = await screen.findByRole("button", { name: "Avatar of Peter Fox" });
+        const imgElement = avatarButton.querySelector("img");
+        expect(imgElement).toBeInTheDocument();
+        expect(imgElement).toHaveAttribute("src", "data:image/gif;base64," + BASE64_GIF);
+    });
+
+    it("calls onChange when a file is uploaded", async () => {
+        const onChange = jest.fn();
+        const user = userEvent.setup();
+
+        render(
+            <AvatarSetting
+                placeholderId="blee"
+                placeholderName="boo"
+                avatar="mxc://example.org/my-avatar"
+                avatarAccessibleName="Avatar of Peter Fox"
+                onChange={onChange}
+            />,
+        );
+
+        const fileInput = screen.getByAltText("Upload");
+        await user.upload(fileInput, AVATAR_FILE);
+
+        expect(onChange).toHaveBeenCalledWith(AVATAR_FILE);
+    });
+
+    it("should noop when selecting no file", async () => {
+        const onChange = jest.fn();
+
+        render(
+            <AvatarSetting
+                placeholderId="blee"
+                placeholderName="boo"
+                avatar="mxc://example.org/my-avatar"
+                avatarAccessibleName="Avatar of Peter Fox"
+                onChange={onChange}
+            />,
+        );
+
+        const fileInput = screen.getByAltText("Upload");
+        // Can't use userEvent.upload here as it doesn't support uploading invalid files
+        fireEvent.change(fileInput, { target: { files: [] } });
+
+        expect(onChange).not.toHaveBeenCalled();
+    });
+
+    it("should show error if user tries to use non-image file", async () => {
+        const onChange = jest.fn();
+
+        render(
+            <AvatarSetting
+                placeholderId="blee"
+                placeholderName="boo"
+                avatar="mxc://example.org/my-avatar"
+                avatarAccessibleName="Avatar of Peter Fox"
+                onChange={onChange}
+            />,
+        );
+
+        const fileInput = screen.getByAltText("Upload");
+        // Can't use userEvent.upload here as it doesn't support uploading invalid files
+        fireEvent.change(fileInput, { target: { files: [GENERIC_FILE] } });
+
+        expect(onChange).not.toHaveBeenCalled();
+        await expect(screen.findByRole("heading", { name: "Upload Failed" })).resolves.toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/ChangePassword-test.tsx b/apps/web/test/unit-tests/components/views/settings/ChangePassword-test.tsx
new file mode 100644
index 00000000000..f7133c831f2
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/ChangePassword-test.tsx
@@ -0,0 +1,88 @@
+/*
+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, screen, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+
+import ChangePassword from "../../../../../src/components/views/settings/ChangePassword";
+import { stubClient } from "../../../../test-utils";
+
+jest.mock("../../../../../src/utils/PasswordScorer", () => ({
+    scorePassword: jest.fn(() => ({
+        score: 4,
+        feedback: {
+            warning: "",
+            suggestions: [],
+        },
+    })),
+}));
+
+describe("<ChangePassword />", () => {
+    it("renders expected fields", () => {
+        const onFinished = jest.fn();
+        const onError = jest.fn();
+        const { asFragment } = render(<ChangePassword onFinished={onFinished} onError={onError} />);
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should show validation tooltip if passwords do not match", async () => {
+        const onFinished = jest.fn();
+        const onError = jest.fn();
+        const { getByLabelText, getByText } = render(<ChangePassword onFinished={onFinished} onError={onError} />);
+
+        const currentPasswordField = getByLabelText("Current password");
+        await userEvent.type(currentPasswordField, "CurrentPassword1234");
+
+        const newPasswordField = getByLabelText("New Password");
+        await userEvent.type(newPasswordField, "$%newPassword1234");
+        const confirmPasswordField = getByLabelText("Confirm password");
+        await userEvent.type(confirmPasswordField, "$%newPassword1235");
+
+        await userEvent.click(getByText("Change Password"));
+
+        await expect(screen.findByText("Passwords don't match")).resolves.toBeInTheDocument();
+    });
+
+    it("should call MatrixClient::setPassword with expected parameters", async () => {
+        const cli = stubClient();
+        mocked(cli.setPassword).mockResolvedValue({});
+
+        const onFinished = jest.fn();
+        const onError = jest.fn();
+        const { getByLabelText, getByText } = render(<ChangePassword onFinished={onFinished} onError={onError} />);
+
+        const currentPasswordField = getByLabelText("Current password");
+        await userEvent.type(currentPasswordField, "CurrentPassword1234");
+
+        const newPasswordField = getByLabelText("New Password");
+        await userEvent.type(newPasswordField, "$%newPassword1234");
+        const confirmPasswordField = getByLabelText("Confirm password");
+        await userEvent.type(confirmPasswordField, "$%newPassword1234");
+
+        await userEvent.click(getByText("Change Password"));
+
+        await waitFor(() => {
+            expect(cli.setPassword).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    type: "m.login.password",
+                    identifier: {
+                        type: "m.id.user",
+                        user: cli.getUserId(),
+                    },
+                    password: "CurrentPassword1234",
+                }),
+                "$%newPassword1234",
+                false,
+            );
+        });
+        expect(onFinished).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/EventIndexPanel-test.tsx b/apps/web/test/unit-tests/components/views/settings/EventIndexPanel-test.tsx
new file mode 100644
index 00000000000..738ff95c76b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/EventIndexPanel-test.tsx
@@ -0,0 +1,192 @@
+/*
+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 { fireEvent, render, screen, within } from "jest-matrix-react";
+
+import EventIndexPanel from "../../../../../src/components/views/settings/EventIndexPanel";
+import EventIndexPeg from "../../../../../src/indexing/EventIndexPeg";
+import EventIndex from "../../../../../src/indexing/EventIndex";
+import { clearAllModals, flushPromises, getMockClientWithEventEmitter } from "../../../../test-utils";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../../../src/settings/SettingLevel";
+
+describe("<EventIndexPanel />", () => {
+    getMockClientWithEventEmitter({
+        getRooms: jest.fn().mockReturnValue([]),
+    });
+
+    const getComponent = () => render(<EventIndexPanel />);
+
+    beforeEach(() => {
+        jest.spyOn(EventIndexPeg, "get").mockRestore();
+        jest.spyOn(EventIndexPeg, "platformHasSupport").mockReturnValue(false);
+        jest.spyOn(EventIndexPeg, "supportIsInstalled").mockReturnValue(false);
+        jest.spyOn(EventIndexPeg, "initEventIndex").mockClear().mockResolvedValue(true);
+        jest.spyOn(EventIndexPeg, "deleteEventIndex").mockClear();
+        jest.spyOn(SettingsStore, "getValueAt").mockReturnValue(false);
+        jest.spyOn(SettingsStore, "setValue").mockClear();
+
+        // @ts-ignore private property
+        EventIndexPeg.error = null;
+    });
+
+    afterEach(async () => {
+        await clearAllModals();
+    });
+
+    describe("when event index is initialised", () => {
+        it("renders event index information", () => {
+            jest.spyOn(EventIndexPeg, "get").mockReturnValue(new EventIndex());
+
+            const { container } = getComponent();
+
+            expect(container).toMatchSnapshot();
+        });
+
+        it("opens event index management dialog", async () => {
+            jest.spyOn(EventIndexPeg, "get").mockReturnValue(new EventIndex());
+            getComponent();
+
+            fireEvent.click(screen.getByText("Manage"));
+
+            const dialog = await screen.findByRole("dialog");
+            expect(within(dialog).getByText("Message search")).toBeInTheDocument();
+
+            // close the modal
+            fireEvent.click(within(dialog).getByText("Done"));
+        });
+    });
+
+    describe("when event indexing is fully supported and enabled but not initialised", () => {
+        beforeEach(() => {
+            jest.spyOn(EventIndexPeg, "supportIsInstalled").mockReturnValue(true);
+            jest.spyOn(EventIndexPeg, "platformHasSupport").mockReturnValue(true);
+            jest.spyOn(SettingsStore, "getValueAt").mockReturnValue(true);
+
+            // @ts-ignore private property
+            EventIndexPeg.error = new Error("Test error message");
+        });
+
+        it("displays an error when no event index is found and enabling not in progress", () => {
+            getComponent();
+
+            expect(screen.getByText("Message search initialisation failed")).toBeInTheDocument();
+        });
+
+        it("displays an error from the event index", () => {
+            getComponent();
+
+            expect(screen.getByText("Test error message")).toBeInTheDocument();
+        });
+
+        it("asks for confirmation when resetting seshat", async () => {
+            getComponent();
+
+            fireEvent.click(screen.getByText("Reset"));
+
+            // wait for reset modal to open
+            await screen.findByText("Reset event store?");
+            const dialog = await screen.findByRole("dialog");
+
+            expect(within(dialog).getByText("Reset event store?")).toBeInTheDocument();
+            fireEvent.click(within(dialog).getByText("Cancel"));
+
+            // didn't reset
+            expect(SettingsStore.setValue).not.toHaveBeenCalled();
+            expect(EventIndexPeg.deleteEventIndex).not.toHaveBeenCalled();
+        });
+
+        it("resets seshat", async () => {
+            getComponent();
+
+            fireEvent.click(screen.getByText("Reset"));
+
+            // wait for reset modal to open
+            await screen.findByText("Reset event store?");
+            const dialog = await screen.findByRole("dialog");
+
+            fireEvent.click(within(dialog).getByText("Reset event store"));
+
+            await flushPromises();
+
+            expect(SettingsStore.setValue).toHaveBeenCalledWith(
+                "enableEventIndexing",
+                null,
+                SettingLevel.DEVICE,
+                false,
+            );
+            expect(EventIndexPeg.deleteEventIndex).toHaveBeenCalled();
+
+            await clearAllModals();
+        });
+    });
+
+    describe("when event indexing is supported but not enabled", () => {
+        it("renders enable text", () => {
+            jest.spyOn(EventIndexPeg, "supportIsInstalled").mockReturnValue(true);
+
+            getComponent();
+
+            expect(
+                screen.getByText("Securely cache encrypted messages locally for them to appear in search results."),
+            ).toBeInTheDocument();
+        });
+        it("enables event indexing on enable button click", async () => {
+            jest.spyOn(EventIndexPeg, "supportIsInstalled").mockReturnValue(true);
+            let deferredInitEventIndex: PromiseWithResolvers<boolean> | undefined;
+            jest.spyOn(EventIndexPeg, "initEventIndex").mockImplementation(() => {
+                deferredInitEventIndex = Promise.withResolvers<boolean>();
+                return deferredInitEventIndex.promise;
+            });
+
+            getComponent();
+
+            fireEvent.click(screen.getByText("Enable"));
+
+            await flushPromises();
+            // spinner shown while enabling
+            expect(screen.getByLabelText("Loading…")).toBeInTheDocument();
+
+            // add an event indx to the peg and resolve the init promise
+            jest.spyOn(EventIndexPeg, "get").mockReturnValue(new EventIndex());
+            expect(EventIndexPeg.initEventIndex).toHaveBeenCalled();
+            deferredInitEventIndex!.resolve(true);
+            await flushPromises();
+            expect(SettingsStore.setValue).toHaveBeenCalledWith("enableEventIndexing", null, SettingLevel.DEVICE, true);
+
+            // message for enabled event index
+            expect(
+                screen.getByText(
+                    "Securely cache encrypted messages locally for them to appear in search results, using 0 Bytes to store messages from 0 rooms.",
+                ),
+            ).toBeInTheDocument();
+        });
+    });
+
+    describe("when event indexing is supported but not installed", () => {
+        it("renders link to install seshat", () => {
+            jest.spyOn(EventIndexPeg, "supportIsInstalled").mockReturnValue(false);
+            jest.spyOn(EventIndexPeg, "platformHasSupport").mockReturnValue(true);
+
+            const { container } = getComponent();
+
+            expect(container).toMatchSnapshot();
+        });
+    });
+
+    describe("when event indexing is not supported", () => {
+        it("renders link to download a desktop client", () => {
+            jest.spyOn(EventIndexPeg, "platformHasSupport").mockReturnValue(false);
+
+            const { container } = getComponent();
+
+            expect(container).toMatchSnapshot();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/FontScalingPanel-test.tsx b/apps/web/test/unit-tests/components/views/settings/FontScalingPanel-test.tsx
new file mode 100644
index 00000000000..fc8de6d631e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/FontScalingPanel-test.tsx
@@ -0,0 +1,21 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 from "react";
+import { render } from "jest-matrix-react";
+
+import * as TestUtils from "../../../../test-utils";
+import FontScalingPanel from "../../../../../src/components/views/settings/FontScalingPanel";
+
+describe("FontScalingPanel", () => {
+    it("renders the font scaling UI", () => {
+        TestUtils.stubClient();
+        const { asFragment } = render(<FontScalingPanel />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/JoinRuleSettings-test.tsx b/apps/web/test/unit-tests/components/views/settings/JoinRuleSettings-test.tsx
new file mode 100644
index 00000000000..22881b9916a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/JoinRuleSettings-test.tsx
@@ -0,0 +1,354 @@
+/*
+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 { act, fireEvent, render, screen, waitFor, within } from "jest-matrix-react";
+import {
+    EventType,
+    type GuestAccess,
+    type HistoryVisibility,
+    JoinRule,
+    MatrixEvent,
+    Room,
+    ClientEvent,
+    RoomMember,
+    MatrixError,
+    Visibility,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import {
+    clearAllModals,
+    flushPromises,
+    getMockClientWithEventEmitter,
+    mockClientMethodsRooms,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+} from "../../../../test-utils";
+import { filterBoolean } from "../../../../../src/utils/arrays";
+import JoinRuleSettings, {
+    type JoinRuleSettingsProps,
+} from "../../../../../src/components/views/settings/JoinRuleSettings";
+import { PreferredRoomVersions } from "../../../../../src/utils/PreferredRoomVersions";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap.ts";
+
+describe("<JoinRuleSettings />", () => {
+    const userId = "@alice:server.org";
+    const client = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        ...mockClientMethodsServer(),
+        ...mockClientMethodsRooms([]),
+        getDomain: jest.fn(),
+        getLocalAliases: jest.fn().mockReturnValue([]),
+        sendStateEvent: jest.fn(),
+        upgradeRoom: jest.fn(),
+        getProfileInfo: jest.fn(),
+        invite: jest.fn().mockResolvedValue(undefined),
+        isRoomEncrypted: jest.fn().mockReturnValue(false),
+        getRoomDirectoryVisibility: jest.fn(),
+        setRoomDirectoryVisibility: jest.fn(),
+        matrixRTC: { on: jest.fn() },
+    });
+    const roomId = "!room:server.org";
+    const newRoomId = "!roomUpgraded:server.org";
+
+    const defaultProps = {
+        room: new Room(roomId, client, userId),
+        closeSettingsFn: jest.fn(),
+        onError: jest.fn(),
+    };
+    const getComponent = (props: Partial<JoinRuleSettingsProps> = {}) =>
+        render(<JoinRuleSettings {...defaultProps} {...props} />);
+
+    const setRoomStateEvents = (
+        room: Room,
+        roomVersion: string,
+        joinRule?: JoinRule,
+        guestAccess?: GuestAccess,
+        history?: HistoryVisibility,
+    ): void => {
+        const events = filterBoolean<MatrixEvent>([
+            new MatrixEvent({
+                type: EventType.RoomCreate,
+                content: { room_version: roomVersion },
+                sender: userId,
+                state_key: "",
+                room_id: room.roomId,
+            }),
+            guestAccess &&
+                new MatrixEvent({
+                    type: EventType.RoomGuestAccess,
+                    content: { guest_access: guestAccess },
+                    sender: userId,
+                    state_key: "",
+                    room_id: room.roomId,
+                }),
+            history &&
+                new MatrixEvent({
+                    type: EventType.RoomHistoryVisibility,
+                    content: { history_visibility: history },
+                    sender: userId,
+                    state_key: "",
+                    room_id: room.roomId,
+                }),
+            joinRule &&
+                new MatrixEvent({
+                    type: EventType.RoomJoinRules,
+                    content: { join_rule: joinRule },
+                    sender: userId,
+                    state_key: "",
+                    room_id: room.roomId,
+                }),
+        ]);
+
+        room.currentState.setStateEvents(events);
+    };
+
+    beforeEach(() => {
+        client.sendStateEvent.mockReset().mockResolvedValue({ event_id: "test" });
+        client.isRoomEncrypted.mockReturnValue(false);
+        client.upgradeRoom.mockResolvedValue({ replacement_room: newRoomId });
+        client.getRoom.mockReturnValue(null);
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => setting === "feature_ask_to_join");
+        DMRoomMap.makeShared(client);
+    });
+
+    type TestCase = [string, { label: string; unsupportedRoomVersion: string; preferredRoomVersion: string }];
+    const testCases: TestCase[] = [
+        [
+            JoinRule.Knock,
+            {
+                label: "Ask to join",
+                unsupportedRoomVersion: "6",
+                preferredRoomVersion: PreferredRoomVersions.KnockRooms,
+            },
+        ],
+        [
+            JoinRule.Restricted,
+            {
+                label: "Space members",
+                unsupportedRoomVersion: "8",
+                preferredRoomVersion: PreferredRoomVersions.RestrictedRooms,
+            },
+        ],
+    ];
+
+    describe.each(testCases)("%s rooms", (joinRule, { label, unsupportedRoomVersion, preferredRoomVersion }) => {
+        afterEach(async () => {
+            await clearAllModals();
+        });
+
+        describe(`when room does not support join rule ${joinRule}`, () => {
+            it(`should not show ${joinRule} room join rule when upgrade is disabled`, () => {
+                // room that doesn't support the join rule
+                const room = new Room(roomId, client, userId);
+                setRoomStateEvents(room, unsupportedRoomVersion);
+
+                getComponent({ room: room, promptUpgrade: false });
+
+                expect(screen.queryByText(label)).not.toBeInTheDocument();
+            });
+
+            it(`should show ${joinRule} room join rule when upgrade is enabled`, () => {
+                // room that doesn't support the join rule
+                const room = new Room(roomId, client, userId);
+                setRoomStateEvents(room, unsupportedRoomVersion);
+
+                getComponent({ room: room, promptUpgrade: true });
+
+                expect(within(screen.getByText(label)).getByText("Upgrade required")).toBeInTheDocument();
+            });
+
+            it(`upgrades room when changing join rule to ${joinRule}`, async () => {
+                const deferredInvites: PromiseWithResolvers<any>[] = [];
+                // room that doesn't support the join rule
+                const room = new Room(roomId, client, userId);
+                const parentSpace = new Room("!parentSpace:server.org", client, userId);
+                jest.spyOn(SDKContextClass.instance.spaceStore, "getKnownParents").mockReturnValue(
+                    new Set([parentSpace.roomId]),
+                );
+                setRoomStateEvents(room, unsupportedRoomVersion);
+                const memberAlice = new RoomMember(roomId, "@alice:server.org");
+                const memberBob = new RoomMember(roomId, "@bob:server.org");
+                const memberCharlie = new RoomMember(roomId, "@charlie:server.org");
+                jest.spyOn(room, "getMembersWithMembership").mockImplementation((membership) =>
+                    membership === KnownMembership.Join ? [memberAlice, memberBob] : [memberCharlie],
+                );
+                const upgradedRoom = new Room(newRoomId, client, userId);
+                setRoomStateEvents(upgradedRoom, preferredRoomVersion);
+                client.getRoom.mockImplementation((id) => {
+                    if (roomId === id) return room;
+                    if (parentSpace.roomId === id) return parentSpace;
+                    return null;
+                });
+
+                // resolve invites by hand
+                // flushPromises is too blunt to test reliably
+                client.invite.mockImplementation(() => {
+                    const p = Promise.withResolvers<{}>();
+                    deferredInvites.push(p);
+                    return p.promise;
+                });
+
+                getComponent({ room: room, promptUpgrade: true });
+
+                fireEvent.click(screen.getByText(label));
+
+                const dialog = await screen.findByRole("dialog");
+
+                fireEvent.click(within(dialog).getByText("Upgrade"));
+
+                expect(client.upgradeRoom).toHaveBeenCalledWith(roomId, preferredRoomVersion, undefined);
+
+                expect(within(dialog).getByText("Upgrading room")).toBeInTheDocument();
+
+                await flushPromises();
+
+                await expect(within(dialog).findByText("Loading new room")).resolves.toBeInTheDocument();
+
+                // "create" our new room, have it come thru sync
+                client.getRoom.mockImplementation((id) => {
+                    if (roomId === id) return room;
+                    if (newRoomId === id) return upgradedRoom;
+                    if (parentSpace.roomId === id) return parentSpace;
+                    return null;
+                });
+                client.emit(ClientEvent.Room, upgradedRoom);
+
+                // invite users
+                expect(await screen.findByText("Sending invites... (0 out of 2)")).toBeInTheDocument();
+                deferredInvites.pop()!.resolve({});
+                expect(await screen.findByText("Sending invites... (1 out of 2)")).toBeInTheDocument();
+                deferredInvites.pop()!.resolve({});
+
+                // Usually we see "Updating space..." in the UI here, but we
+                // removed the assertion about it, because it sometimes fails,
+                // presumably because it disappeared too quickly to be visible.
+
+                await flushPromises();
+
+                // done, modal closed
+                await waitFor(() => expect(screen.queryByRole("dialog")).not.toBeInTheDocument());
+            });
+
+            it(`upgrades room with no parent spaces or members when changing join rule to ${joinRule}`, async () => {
+                // room that doesn't support the join rule
+                const room = new Room(roomId, client, userId);
+                setRoomStateEvents(room, unsupportedRoomVersion);
+                const upgradedRoom = new Room(newRoomId, client, userId);
+                setRoomStateEvents(upgradedRoom, preferredRoomVersion);
+
+                getComponent({ room: room, promptUpgrade: true });
+
+                fireEvent.click(screen.getByText(label));
+
+                const dialog = await screen.findByRole("dialog");
+
+                fireEvent.click(within(dialog).getByText("Upgrade"));
+
+                expect(client.upgradeRoom).toHaveBeenCalledWith(roomId, preferredRoomVersion, undefined);
+
+                expect(within(dialog).getByText("Upgrading room")).toBeInTheDocument();
+
+                await flushPromises();
+
+                await expect(within(dialog).findByText("Loading new room")).resolves.toBeInTheDocument();
+
+                // "create" our new room, have it come thru sync
+                client.getRoom.mockImplementation((id) => {
+                    if (roomId === id) return room;
+                    if (newRoomId === id) return upgradedRoom;
+                    return null;
+                });
+                client.emit(ClientEvent.Room, upgradedRoom);
+
+                await flushPromises();
+                await flushPromises();
+
+                // done, modal closed
+                expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
+            });
+        });
+    });
+
+    describe("knock rooms directory visibility", () => {
+        const getCheckbox = () => screen.getByRole("checkbox");
+        let room: Room;
+
+        beforeEach(() => (room = new Room(roomId, client, userId)));
+
+        describe("when join rule is knock", () => {
+            beforeEach(() => setRoomStateEvents(room, PreferredRoomVersions.KnockRooms, JoinRule.Knock));
+
+            it("should set the visibility to public", async () => {
+                jest.spyOn(client, "getRoomDirectoryVisibility").mockResolvedValue({ visibility: Visibility.Private });
+                jest.spyOn(client, "setRoomDirectoryVisibility").mockResolvedValue({});
+                getComponent({ room });
+                fireEvent.click(getCheckbox());
+                await act(async () => await flushPromises());
+                expect(client.setRoomDirectoryVisibility).toHaveBeenCalledWith(roomId, Visibility.Public);
+                expect(getCheckbox()).toBeChecked();
+            });
+
+            it("should set the visibility to private", async () => {
+                jest.spyOn(client, "getRoomDirectoryVisibility").mockResolvedValue({ visibility: Visibility.Public });
+                jest.spyOn(client, "setRoomDirectoryVisibility").mockResolvedValue({});
+                getComponent({ room });
+                await act(async () => await flushPromises());
+                fireEvent.click(getCheckbox());
+                await act(async () => await flushPromises());
+                expect(client.setRoomDirectoryVisibility).toHaveBeenCalledWith(roomId, Visibility.Private);
+                expect(getCheckbox()).not.toBeChecked();
+            });
+
+            it("should call onError if setting visibility fails", async () => {
+                const error = new MatrixError();
+                jest.spyOn(client, "getRoomDirectoryVisibility").mockResolvedValue({ visibility: Visibility.Private });
+                jest.spyOn(client, "setRoomDirectoryVisibility").mockRejectedValue(error);
+                getComponent({ room });
+                fireEvent.click(getCheckbox());
+                await act(async () => await flushPromises());
+                expect(getCheckbox()).not.toBeChecked();
+                expect(defaultProps.onError).toHaveBeenCalledWith(error);
+            });
+        });
+
+        describe("when the room version is unsupported and upgrade is enabled", () => {
+            it("should disable the checkbox", () => {
+                setRoomStateEvents(room, "6", JoinRule.Invite);
+                getComponent({ promptUpgrade: true, room });
+                expect(getCheckbox()).toBeDisabled();
+            });
+        });
+
+        describe("when join rule is not knock", () => {
+            beforeEach(() => {
+                setRoomStateEvents(room, PreferredRoomVersions.KnockRooms, JoinRule.Invite);
+                getComponent({ room });
+            });
+
+            it("should disable the checkbox", () => {
+                expect(getCheckbox()).toBeDisabled();
+            });
+
+            it("should set the visibility to private by default", () => {
+                expect(getCheckbox()).not.toBeChecked();
+            });
+        });
+    });
+
+    it("should not show knock room join rule", async () => {
+        jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        const room = new Room(newRoomId, client, userId);
+        setRoomStateEvents(room, PreferredRoomVersions.KnockRooms);
+        getComponent({ room });
+        expect(screen.queryByText("Ask to join")).not.toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/KeyboardShortcut-test.tsx b/apps/web/test/unit-tests/components/views/settings/KeyboardShortcut-test.tsx
new file mode 100644
index 00000000000..edcc915e4d4
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/KeyboardShortcut-test.tsx
@@ -0,0 +1,62 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Šimon Brandner <simon.bra.ag@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 from "react";
+import { render } from "jest-matrix-react";
+
+import { Key } from "../../../../../src/Keyboard";
+import { mockPlatformPeg, unmockPlatformPeg } from "../../../../test-utils/platform";
+import { KeyboardKey, KeyboardShortcut } from "../../../../../src/components/views/settings/KeyboardShortcut";
+
+const renderKeyboardShortcut = (Component: React.FunctionComponent<any>, props: Record<string, any>) => {
+    return render(<Component {...props} />).container;
+};
+
+describe("KeyboardShortcut", () => {
+    beforeEach(() => {
+        jest.resetModules();
+        unmockPlatformPeg();
+    });
+
+    it("renders key icon", () => {
+        const body = renderKeyboardShortcut(KeyboardKey, { name: Key.ARROW_DOWN });
+        expect(body).toMatchSnapshot();
+    });
+
+    it("renders alternative key name", () => {
+        const body = renderKeyboardShortcut(KeyboardKey, { name: Key.PAGE_DOWN });
+        expect(body).toMatchSnapshot();
+    });
+
+    it("doesn't render + if last", () => {
+        const body = renderKeyboardShortcut(KeyboardKey, { name: Key.A, last: true });
+        expect(body).toMatchSnapshot();
+    });
+
+    it("doesn't render same modifier twice", () => {
+        mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
+        const body1 = renderKeyboardShortcut(KeyboardShortcut, {
+            value: {
+                key: Key.A,
+                ctrlOrCmdKey: true,
+                metaKey: true,
+            },
+        });
+        expect(body1).toMatchSnapshot();
+
+        const body2 = renderKeyboardShortcut(KeyboardShortcut, {
+            value: {
+                key: Key.A,
+                ctrlOrCmdKey: true,
+                ctrlKey: true,
+            },
+        });
+        expect(body2).toMatchSnapshot();
+        jest.resetModules();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/LayoutSwitcher-test.tsx b/apps/web/test/unit-tests/components/views/settings/LayoutSwitcher-test.tsx
new file mode 100644
index 00000000000..5ff5f888c79
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/LayoutSwitcher-test.tsx
@@ -0,0 +1,89 @@
+/*
+ * 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.
+ */
+
+import React from "react";
+import { act, render, screen, waitFor } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+
+import { LayoutSwitcher } from "../../../../../src/components/views/settings/LayoutSwitcher";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { stubClient } from "../../../../test-utils";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../../../src/settings/SettingLevel";
+import { Layout } from "../../../../../src/settings/enums/Layout";
+
+describe("<LayoutSwitcher />", () => {
+    const matrixClient = stubClient();
+    const profileInfo = {
+        displayname: "Alice",
+    };
+
+    async function renderLayoutSwitcher() {
+        const renderResult = render(
+            <MatrixClientContext.Provider value={matrixClient}>
+                <LayoutSwitcher />
+            </MatrixClientContext.Provider>,
+        );
+
+        // Wait for the profile info to be displayed in the event tile preview
+        // Also avoid act warning
+        await waitFor(() => expect(screen.getAllByText(profileInfo.displayname).length).toBe(3));
+        return renderResult;
+    }
+
+    beforeEach(async () => {
+        await SettingsStore.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
+        mocked(matrixClient).getProfileInfo.mockResolvedValue(profileInfo);
+    });
+
+    it("should render", async () => {
+        const { asFragment } = await renderLayoutSwitcher();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    describe("layout selection", () => {
+        it("should display the modern layout", async () => {
+            await renderLayoutSwitcher();
+            expect(screen.getByRole("radio", { name: "Modern" })).toBeChecked();
+        });
+
+        it("should change the layout when selected", async () => {
+            await renderLayoutSwitcher();
+            act(() => screen.getByRole("radio", { name: "Message bubbles" }).click());
+
+            expect(screen.getByRole("radio", { name: "Message bubbles" })).toBeChecked();
+            await waitFor(() => expect(SettingsStore.getValue("layout")).toBe(Layout.Bubble));
+        });
+    });
+
+    describe("compact layout", () => {
+        beforeEach(async () => {
+            await SettingsStore.setValue("useCompactLayout", null, SettingLevel.DEVICE, false);
+        });
+
+        it("should be enabled", async () => {
+            await SettingsStore.setValue("useCompactLayout", null, SettingLevel.DEVICE, true);
+            await renderLayoutSwitcher();
+
+            expect(screen.getByRole("switch", { name: "Show compact text and messages" })).toBeChecked();
+        });
+
+        it("should change the setting when toggled", async () => {
+            await renderLayoutSwitcher();
+            act(() => screen.getByRole("switch", { name: "Show compact text and messages" }).click());
+
+            await waitFor(() => expect(SettingsStore.getValue("useCompactLayout")).toBe(true));
+        });
+
+        it("should be disabled when the modern layout is not enabled", async () => {
+            await SettingsStore.setValue("layout", null, SettingLevel.DEVICE, Layout.Bubble);
+            await renderLayoutSwitcher();
+            expect(screen.getByRole("switch", { name: "Show compact text and messages" })).toBeDisabled();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/Notifications-test.tsx b/apps/web/test/unit-tests/components/views/settings/Notifications-test.tsx
new file mode 100644
index 00000000000..c0468a21669
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/Notifications-test.tsx
@@ -0,0 +1,945 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 {
+    type IPushRule,
+    type IPushRules,
+    RuleId,
+    type IPusher,
+    LOCAL_NOTIFICATION_SETTINGS_PREFIX,
+    MatrixEvent,
+    Room,
+    PushRuleActionName,
+    TweakName,
+    ConditionKind,
+    type IPushRuleCondition,
+    PushRuleKind,
+    type IThreepid,
+    ThreepidMedium,
+} from "matrix-js-sdk/src/matrix";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+import {
+    act,
+    fireEvent,
+    getByTestId,
+    render,
+    screen,
+    waitFor,
+    waitForElementToBeRemoved,
+    within,
+} from "jest-matrix-react";
+import { mocked } from "jest-mock";
+import userEvent from "@testing-library/user-event";
+import { PushProcessor } from "matrix-js-sdk/src/pushprocessor";
+
+import Notifications from "../../../../../src/components/views/settings/Notifications";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { StandardActions } from "../../../../../src/notifications/StandardActions";
+import {
+    clearAllModals,
+    getMockClientWithEventEmitter,
+    mkMessage,
+    mockClientMethodsUser,
+} from "../../../../test-utils";
+
+// don't pollute test output with error logs from mock rejections
+jest.mock("matrix-js-sdk/src/logger");
+
+// Avoid indirectly importing any eagerly created stores that would require extra setup
+jest.mock("../../../../../src/Notifier");
+
+const masterRule: IPushRule = {
+    actions: [PushRuleActionName.DontNotify],
+    conditions: [],
+    default: true,
+    enabled: false,
+    rule_id: RuleId.Master,
+};
+const oneToOneRule: IPushRule = {
+    conditions: [
+        { kind: ConditionKind.RoomMemberCount, is: "2" },
+        { kind: ConditionKind.EventMatch, key: "type", pattern: "m.room.message" },
+    ],
+    actions: [PushRuleActionName.Notify, { set_tweak: TweakName.Highlight, value: false }],
+    rule_id: ".m.rule.room_one_to_one",
+    default: true,
+    enabled: true,
+} as IPushRule;
+const encryptedOneToOneRule: IPushRule = {
+    conditions: [
+        { kind: ConditionKind.RoomMemberCount, is: "2" },
+        { kind: ConditionKind.EventMatch, key: "type", pattern: "m.room.encrypted" },
+    ],
+    actions: [
+        PushRuleActionName.Notify,
+        { set_tweak: TweakName.Sound, value: "default" },
+        { set_tweak: TweakName.Highlight, value: false },
+    ],
+    rule_id: ".m.rule.encrypted_room_one_to_one",
+    default: true,
+    enabled: true,
+} as IPushRule;
+const groupRule = {
+    conditions: [{ kind: ConditionKind.EventMatch, key: "type", pattern: "m.room.message" }],
+    actions: [
+        PushRuleActionName.Notify,
+        { set_tweak: TweakName.Sound, value: "default" },
+        { set_tweak: TweakName.Highlight, value: false },
+    ],
+    rule_id: ".m.rule.message",
+    default: true,
+    enabled: true,
+};
+const encryptedGroupRule: IPushRule = {
+    conditions: [{ kind: ConditionKind.EventMatch, key: "type", pattern: "m.room.encrypted" }],
+    actions: [PushRuleActionName.DontNotify],
+    rule_id: ".m.rule.encrypted",
+    default: true,
+    enabled: true,
+} as IPushRule;
+
+const bananaRule = {
+    actions: [PushRuleActionName.Notify, { set_tweak: TweakName.Highlight, value: false }],
+    pattern: "banana",
+    rule_id: "banana",
+    default: false,
+    enabled: true,
+} as IPushRule;
+
+const pushRules: IPushRules = {
+    global: {
+        underride: [
+            {
+                conditions: [{ kind: ConditionKind.EventMatch, key: "type", pattern: "m.call.invite" }],
+                actions: [
+                    PushRuleActionName.Notify,
+                    { set_tweak: TweakName.Sound, value: "ring" },
+                    { set_tweak: TweakName.Highlight, value: false },
+                ],
+                rule_id: ".m.rule.call",
+                default: true,
+                enabled: true,
+            },
+            oneToOneRule,
+            encryptedOneToOneRule,
+            groupRule,
+            encryptedGroupRule,
+            {
+                conditions: [
+                    { kind: ConditionKind.EventMatch, key: "type", pattern: "im.vector.modular.widgets" },
+                    { kind: ConditionKind.EventMatch, key: "content.type", pattern: "jitsi" },
+                    { kind: ConditionKind.EventMatch, key: "state_key", pattern: "*" },
+                ],
+                actions: [PushRuleActionName.Notify, { set_tweak: TweakName.Highlight, value: false }],
+                rule_id: ".im.vector.jitsi",
+                default: true,
+                enabled: true,
+            },
+        ],
+        sender: [],
+        room: [
+            {
+                actions: [PushRuleActionName.DontNotify],
+                rule_id: "!zJPyWqpMorfCcWObge:matrix.org",
+                default: false,
+                enabled: true,
+            },
+        ],
+        content: [
+            bananaRule,
+            {
+                actions: [
+                    PushRuleActionName.Notify,
+                    { set_tweak: TweakName.Sound, value: "default" },
+                    { set_tweak: TweakName.Highlight },
+                ],
+                pattern: "kadev1",
+                rule_id: ".m.rule.contains_user_name",
+                default: true,
+                enabled: true,
+            },
+        ],
+        override: [
+            {
+                conditions: [],
+                actions: [PushRuleActionName.DontNotify],
+                rule_id: ".m.rule.master",
+                default: true,
+                enabled: false,
+            },
+            {
+                conditions: [{ kind: ConditionKind.EventMatch, key: "content.msgtype", pattern: "m.notice" }],
+                actions: [PushRuleActionName.DontNotify],
+                rule_id: ".m.rule.suppress_notices",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: ConditionKind.EventMatch, key: "type", pattern: "m.room.member" },
+                    { kind: ConditionKind.EventMatch, key: "content.membership", pattern: "invite" },
+                    { kind: ConditionKind.EventMatch, key: "state_key", pattern: "@kadev1:matrix.org" },
+                ],
+                actions: [
+                    PushRuleActionName.Notify,
+                    { set_tweak: TweakName.Sound, value: "default" },
+                    { set_tweak: TweakName.Highlight, value: false },
+                ],
+                rule_id: ".m.rule.invite_for_me",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [{ kind: ConditionKind.EventMatch, key: "type", pattern: "m.room.member" }],
+                actions: [PushRuleActionName.DontNotify],
+                rule_id: ".m.rule.member_event",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [{ kind: "contains_display_name" }],
+                actions: [
+                    PushRuleActionName.Notify,
+                    { set_tweak: TweakName.Sound, value: "default" },
+                    { set_tweak: TweakName.Highlight },
+                ],
+                rule_id: ".m.rule.contains_display_name",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: ConditionKind.EventMatch, key: "content.body", pattern: "@room" },
+                    { kind: "sender_notification_permission", key: "room" },
+                ],
+                actions: [PushRuleActionName.Notify, { set_tweak: TweakName.Highlight, value: true }],
+                rule_id: ".m.rule.roomnotif",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [
+                    { kind: ConditionKind.EventMatch, key: "type", pattern: "m.room.tombstone" },
+                    { kind: ConditionKind.EventMatch, key: "state_key", pattern: "" },
+                ],
+                actions: [PushRuleActionName.Notify, { set_tweak: TweakName.Highlight, value: true }],
+                rule_id: ".m.rule.tombstone",
+                default: true,
+                enabled: true,
+            },
+            {
+                conditions: [{ kind: ConditionKind.EventMatch, key: "type", pattern: "m.reaction" }],
+                actions: [PushRuleActionName.DontNotify],
+                rule_id: ".m.rule.reaction",
+                default: true,
+                enabled: true,
+            },
+        ],
+    },
+    device: {},
+} as IPushRules;
+
+const flushPromises = async () => await new Promise((resolve) => window.setTimeout(resolve));
+
+describe("<Notifications />", () => {
+    const getComponent = () => render(<Notifications />);
+
+    // get component, wait for async data and force a render
+    const getComponentAndWait = async () => {
+        const component = getComponent();
+        await waitForElementToBeRemoved(() => component.queryAllByRole("progressbar"));
+        return component;
+    };
+
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(),
+        getPushRules: jest.fn(),
+        getPushers: jest.fn(),
+        getThreePids: jest.fn(),
+        setPusher: jest.fn(),
+        removePusher: jest.fn(),
+        setPushRuleEnabled: jest.fn(),
+        setPushRuleActions: jest.fn(),
+        getRooms: jest.fn().mockReturnValue([]),
+        getAccountData: jest.fn().mockImplementation((eventType) => {
+            if (eventType.startsWith(LOCAL_NOTIFICATION_SETTINGS_PREFIX.name)) {
+                return new MatrixEvent({
+                    type: eventType,
+                    content: {
+                        is_silenced: false,
+                    },
+                });
+            }
+        }),
+        setAccountData: jest.fn(),
+        sendReadReceipt: jest.fn(),
+        supportsThreads: jest.fn().mockReturnValue(true),
+        isInitialSyncComplete: jest.fn().mockReturnValue(false),
+        addPushRule: jest.fn().mockResolvedValue({}),
+        deletePushRule: jest.fn().mockResolvedValue({}),
+    });
+    mockClient.getPushRules.mockResolvedValue(pushRules);
+
+    beforeEach(async () => {
+        let i = 0;
+        mocked(secureRandomString).mockImplementation(() => {
+            return "testid_" + i++;
+        });
+
+        mockClient.getPushRules.mockClear().mockResolvedValue(pushRules);
+        mockClient.getPushers.mockClear().mockResolvedValue({ pushers: [] });
+        mockClient.getThreePids.mockClear().mockResolvedValue({ threepids: [] });
+        mockClient.setPusher.mockReset().mockResolvedValue({});
+        mockClient.removePusher.mockClear().mockResolvedValue({});
+        mockClient.setPushRuleActions.mockReset().mockResolvedValue({});
+        mockClient.pushRules = pushRules;
+        mockClient.getPushRules.mockClear().mockResolvedValue(pushRules);
+        mockClient.addPushRule.mockClear();
+        mockClient.deletePushRule.mockClear();
+        // @ts-expect-error
+        mockClient.pushProcessor = new PushProcessor(mockClient);
+
+        userEvent.setup();
+
+        await clearAllModals();
+    });
+
+    it("renders spinner while loading", async () => {
+        getComponent();
+        expect(screen.getByTestId("spinner")).toBeInTheDocument();
+    });
+
+    it("renders error message when fetching push rules fails", async () => {
+        mockClient.getPushRules.mockRejectedValue({});
+        await getComponentAndWait();
+        expect(screen.getByTestId("error-message")).toBeInTheDocument();
+    });
+    it("renders error message when fetching pushers fails", async () => {
+        mockClient.getPushers.mockRejectedValue({});
+        await getComponentAndWait();
+        expect(screen.getByTestId("error-message")).toBeInTheDocument();
+    });
+    it("renders error message when fetching threepids fails", async () => {
+        mockClient.getThreePids.mockRejectedValue({});
+        await getComponentAndWait();
+        expect(screen.getByTestId("error-message")).toBeInTheDocument();
+    });
+
+    describe("main notification switches", () => {
+        it("renders only enable notifications switch when notifications are disabled", async () => {
+            const disableNotificationsPushRules = {
+                global: {
+                    ...pushRules.global,
+                    override: [{ ...masterRule, enabled: true }],
+                },
+            } as unknown as IPushRules;
+            mockClient.getPushRules.mockClear().mockResolvedValue(disableNotificationsPushRules);
+            const { container } = await getComponentAndWait();
+
+            expect(container).toMatchSnapshot();
+        });
+        it("renders switches correctly", async () => {
+            await getComponentAndWait();
+
+            expect(screen.getByLabelText("Enable notifications for this account")).toBeInTheDocument();
+            expect(screen.getByLabelText("Enable notifications for this device")).toBeInTheDocument();
+            expect(screen.getByLabelText("Enable desktop notifications for this session")).toBeInTheDocument();
+            expect(screen.getByLabelText("Show message in desktop notification")).toBeInTheDocument();
+            expect(screen.getByLabelText("Enable audible notifications for this session")).toBeInTheDocument();
+        });
+
+        describe("email switches", () => {
+            const testEmail = "tester@test.com";
+            beforeEach(() => {
+                mockClient.getThreePids.mockResolvedValue({
+                    threepids: [
+                        // should render switch bc pushKey and address match
+                        {
+                            medium: ThreepidMedium.Email,
+                            address: testEmail,
+                        } as unknown as IThreepid,
+                    ],
+                });
+            });
+
+            it("renders email switches correctly when email 3pids exist", async () => {
+                await getComponentAndWait();
+                expect(screen.getByLabelText(`Enable email notifications for ${testEmail}`)).toBeInTheDocument();
+            });
+
+            it("renders email switches correctly when notifications are on for email", async () => {
+                mockClient.getPushers.mockResolvedValue({
+                    pushers: [{ kind: "email", pushkey: testEmail } as unknown as IPusher],
+                });
+                await getComponentAndWait();
+
+                const emailSwitch = screen.getByLabelText(`Enable email notifications for ${testEmail}`);
+                expect(emailSwitch).toBeChecked();
+            });
+
+            it("enables email notification when toggling on", async () => {
+                await getComponentAndWait();
+
+                const emailToggle = screen.getByLabelText(`Enable email notifications for ${testEmail}`);
+                fireEvent.click(emailToggle);
+
+                expect(mockClient.setPusher).toHaveBeenCalledWith(
+                    expect.objectContaining({
+                        kind: "email",
+                        app_id: "m.email",
+                        pushkey: testEmail,
+                        app_display_name: "Email Notifications",
+                        device_display_name: testEmail,
+                        append: true,
+                    }),
+                );
+            });
+
+            it("displays error when pusher update fails", async () => {
+                mockClient.setPusher.mockRejectedValue({});
+                await getComponentAndWait();
+
+                const emailToggle = screen.getByLabelText(`Enable email notifications for ${testEmail}`);
+                fireEvent.click(emailToggle);
+
+                // force render
+                await flushPromises();
+
+                const dialog = await screen.findByRole("dialog");
+
+                expect(
+                    within(dialog).getByText("An error occurred whilst saving your notification preferences."),
+                ).toBeInTheDocument();
+
+                // dismiss the dialog
+                fireEvent.click(within(dialog).getByText("OK"));
+                expect(screen.getByTestId("error-message")).toBeInTheDocument();
+            });
+
+            it("enables email notification when toggling off", async () => {
+                const testPusher = {
+                    kind: "email",
+                    pushkey: "tester@test.com",
+                    app_id: "testtest",
+                } as unknown as IPusher;
+                mockClient.getPushers.mockResolvedValue({ pushers: [testPusher] });
+                await getComponentAndWait();
+
+                const emailToggle = screen.getByLabelText(`Enable email notifications for ${testEmail}`);
+                fireEvent.click(emailToggle);
+
+                expect(mockClient.removePusher).toHaveBeenCalledWith(testPusher.pushkey, testPusher.app_id);
+            });
+        });
+
+        it("toggles master switch correctly", async () => {
+            await getComponentAndWait();
+
+            // master switch is on
+            expect(screen.getByLabelText("Enable notifications for this account")).toBeChecked();
+            fireEvent.click(screen.getByLabelText("Enable notifications for this account"));
+
+            await flushPromises();
+
+            expect(mockClient.setPushRuleEnabled).toHaveBeenCalledWith("global", "override", ".m.rule.master", true);
+        });
+
+        it("toggles and sets settings correctly", async () => {
+            await getComponentAndWait();
+            let audioNotifsToggle!: HTMLInputElement;
+
+            const update = () => {
+                audioNotifsToggle = screen.getByLabelText("Enable audible notifications for this session");
+            };
+            update();
+
+            expect(audioNotifsToggle).toBeChecked();
+            expect(SettingsStore.getValue("audioNotificationsEnabled")).toEqual(true);
+
+            fireEvent.click(audioNotifsToggle);
+            update();
+
+            expect(audioNotifsToggle).not.toBeChecked();
+            expect(SettingsStore.getValue("audioNotificationsEnabled")).toEqual(false);
+        });
+    });
+
+    describe("individual notification level settings", () => {
+        it("renders categories correctly", async () => {
+            await getComponentAndWait();
+
+            expect(screen.getByTestId("notif-section-vector_global")).toBeInTheDocument();
+            expect(screen.getByTestId("notif-section-vector_mentions")).toBeInTheDocument();
+            expect(screen.getByTestId("notif-section-vector_other")).toBeInTheDocument();
+        });
+
+        it("renders radios correctly", async () => {
+            await getComponentAndWait();
+            const section = "vector_global";
+
+            const globalSection = screen.getByTestId(`notif-section-${section}`);
+            // 4 notification rules with class 'global'
+            expect(globalSection.querySelectorAll("fieldset").length).toEqual(4);
+            // oneToOneRule is set to 'on'
+            const oneToOneRuleElement = screen.getByTestId(section + oneToOneRule.rule_id);
+            expect(oneToOneRuleElement.querySelector("[aria-label='On']")).toBeInTheDocument();
+            // encryptedOneToOneRule is set to 'loud'
+            const encryptedOneToOneElement = screen.getByTestId(section + encryptedOneToOneRule.rule_id);
+            expect(encryptedOneToOneElement.querySelector("[aria-label='Noisy']")).toBeInTheDocument();
+            // encryptedGroupRule is set to 'off'
+            const encryptedGroupElement = screen.getByTestId(section + encryptedGroupRule.rule_id);
+            expect(encryptedGroupElement.querySelector("[aria-label='Off']")).toBeInTheDocument();
+        });
+
+        it("updates notification level when changed", async () => {
+            await getComponentAndWait();
+            const section = "vector_global";
+
+            // oneToOneRule is set to 'on'
+            // and is kind: 'underride'
+            const oneToOneRuleElement = screen.getByTestId(section + oneToOneRule.rule_id);
+
+            await act(async () => {
+                const offToggle = oneToOneRuleElement.querySelector('input[type="radio"]')!;
+                fireEvent.click(offToggle);
+            });
+
+            expect(mockClient.setPushRuleEnabled).toHaveBeenCalledWith(
+                "global",
+                "underride",
+                oneToOneRule.rule_id,
+                true,
+            );
+
+            // actions for '.m.rule.room_one_to_one' state is ACTION_DONT_NOTIFY
+            expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                "global",
+                "underride",
+                oneToOneRule.rule_id,
+                StandardActions.ACTION_DONT_NOTIFY,
+            );
+        });
+
+        it("adds an error message when updating notification level fails", async () => {
+            await getComponentAndWait();
+            const section = "vector_global";
+
+            const error = new Error("oups");
+            mockClient.setPushRuleEnabled.mockRejectedValue(error);
+
+            // oneToOneRule is set to 'on'
+            // and is kind: 'underride'
+            const offToggle = screen.getByTestId(section + oneToOneRule.rule_id).querySelector('input[type="radio"]')!;
+            await act(() => {
+                fireEvent.click(offToggle);
+            });
+
+            await flushPromises();
+
+            // error message attached to oneToOne rule
+            const oneToOneRuleElement = screen.getByTestId(section + oneToOneRule.rule_id);
+            // old value still shown as selected
+            expect(within(oneToOneRuleElement).getByLabelText("On")).toBeChecked();
+            expect(
+                within(oneToOneRuleElement).getByText(
+                    "An error occurred when updating your notification preferences. Please try to toggle your option again.",
+                ),
+            ).toBeInTheDocument();
+        });
+
+        it("clears error message for notification rule on retry", async () => {
+            await getComponentAndWait();
+            const section = "vector_global";
+
+            const error = new Error("oups");
+            mockClient.setPushRuleEnabled.mockRejectedValueOnce(error).mockResolvedValue({});
+
+            // oneToOneRule is set to 'on'
+            // and is kind: 'underride'
+            const offToggle = screen.getByTestId(section + oneToOneRule.rule_id).querySelector('input[type="radio"]')!;
+            await act(() => {
+                fireEvent.click(offToggle);
+            });
+
+            await flushPromises();
+
+            // error message attached to oneToOne rule
+            const oneToOneRuleElement = screen.getByTestId(section + oneToOneRule.rule_id);
+            expect(
+                within(oneToOneRuleElement).getByText(
+                    "An error occurred when updating your notification preferences. Please try to toggle your option again.",
+                ),
+            ).toBeInTheDocument();
+
+            // retry
+            fireEvent.click(offToggle);
+
+            // error removed as soon as we start request
+            expect(
+                within(oneToOneRuleElement).queryByText(
+                    "An error occurred when updating your notification preferences. Please try to toggle your option again.",
+                ),
+            ).not.toBeInTheDocument();
+
+            await flushPromises();
+
+            // no error after successful change
+            expect(
+                within(oneToOneRuleElement).queryByText(
+                    "An error occurred when updating your notification preferences. Please try to toggle your option again.",
+                ),
+            ).not.toBeInTheDocument();
+        });
+
+        describe("synced rules", () => {
+            const pollStartOneToOne = {
+                conditions: [
+                    {
+                        kind: ConditionKind.RoomMemberCount,
+                        is: "2",
+                    } as IPushRuleCondition<ConditionKind.RoomMemberCount>,
+                    {
+                        kind: ConditionKind.EventMatch,
+                        key: "type",
+                        pattern: "org.matrix.msc3381.poll.start",
+                    } as IPushRuleCondition<ConditionKind.EventMatch>,
+                ],
+                actions: [PushRuleActionName.DontNotify],
+                rule_id: ".org.matrix.msc3930.rule.poll_start_one_to_one",
+                default: true,
+                enabled: true,
+            } as IPushRule;
+            const pollStartGroup = {
+                conditions: [
+                    {
+                        kind: ConditionKind.EventMatch,
+                        key: "type",
+                        pattern: "org.matrix.msc3381.poll.start",
+                    },
+                ],
+                actions: [PushRuleActionName.Notify],
+                rule_id: ".org.matrix.msc3930.rule.poll_start",
+                default: true,
+                enabled: true,
+            } as IPushRule;
+            const pollEndOneToOne = {
+                conditions: [
+                    {
+                        kind: ConditionKind.RoomMemberCount,
+                        is: "2",
+                    },
+                    {
+                        kind: ConditionKind.EventMatch,
+                        key: "type",
+                        pattern: "org.matrix.msc3381.poll.end",
+                    },
+                ],
+                actions: [
+                    PushRuleActionName.Notify,
+                    { set_tweak: TweakName.Highlight, value: false },
+                    { set_tweak: TweakName.Sound, value: "default" },
+                ],
+                rule_id: ".org.matrix.msc3930.rule.poll_end_one_to_one",
+                default: true,
+                enabled: true,
+            } as IPushRule;
+
+            const setPushRuleMock = (rules: IPushRule[] = []): void => {
+                const combinedRules = {
+                    ...pushRules,
+                    global: {
+                        ...pushRules.global,
+                        underride: [...pushRules.global.underride!, ...rules],
+                    },
+                };
+                mockClient.getPushRules.mockClear().mockResolvedValue(combinedRules);
+                mockClient.pushRules = combinedRules;
+            };
+
+            // ".m.rule.room_one_to_one" and ".m.rule.message" have synced rules
+            it("succeeds when no synced rules exist for user", async () => {
+                await getComponentAndWait();
+                const section = "vector_global";
+
+                const oneToOneRuleElement = screen.getByTestId(section + oneToOneRule.rule_id);
+
+                const offToggle = oneToOneRuleElement.querySelector('input[type="radio"]')!;
+                fireEvent.click(offToggle);
+
+                await flushPromises();
+
+                // didnt attempt to update any non-existant rules
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledTimes(1);
+
+                // no error
+                expect(
+                    within(oneToOneRuleElement).queryByText(
+                        "An error occurred when updating your notification preferences. Please try to toggle your option again.",
+                    ),
+                ).not.toBeInTheDocument();
+            });
+
+            it("updates synced rules when they exist for user", async () => {
+                setPushRuleMock([pollStartOneToOne, pollStartGroup]);
+                await getComponentAndWait();
+                const section = "vector_global";
+                const oneToOneRuleElement = screen.getByTestId(section + oneToOneRule.rule_id);
+
+                const offToggle = oneToOneRuleElement.querySelector('input[type="radio"]')!;
+                fireEvent.click(offToggle);
+
+                await flushPromises();
+
+                // updated synced rule
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    "underride",
+                    oneToOneRule.rule_id,
+                    [PushRuleActionName.DontNotify],
+                );
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    "underride",
+                    pollStartOneToOne.rule_id,
+                    [PushRuleActionName.DontNotify],
+                );
+                // only called for parent rule and one existing synced rule
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledTimes(2);
+
+                // no error
+                expect(
+                    within(oneToOneRuleElement).queryByText(
+                        "An error occurred when updating your notification preferences. Please try to toggle your option again.",
+                    ),
+                ).not.toBeInTheDocument();
+            });
+
+            it("does not update synced rules when main rule update fails", async () => {
+                setPushRuleMock([pollStartOneToOne]);
+                await getComponentAndWait();
+                const section = "vector_global";
+                const oneToOneRuleElement = screen.getByTestId(section + oneToOneRule.rule_id);
+                // have main rule update fail
+                mockClient.setPushRuleActions.mockRejectedValue("oups");
+
+                const offToggle = oneToOneRuleElement.querySelector('input[type="radio"]')!;
+                await act(() => {
+                    fireEvent.click(offToggle);
+                });
+
+                await flushPromises();
+
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    "underride",
+                    oneToOneRule.rule_id,
+                    [PushRuleActionName.DontNotify],
+                );
+                // only called for parent rule
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledTimes(1);
+
+                expect(
+                    within(oneToOneRuleElement).getByText(
+                        "An error occurred when updating your notification preferences. Please try to toggle your option again.",
+                    ),
+                ).toBeInTheDocument();
+            });
+
+            it("sets the UI toggle to rule value when no synced rule exist for the user", async () => {
+                setPushRuleMock([]);
+                await getComponentAndWait();
+                const section = "vector_global";
+                const oneToOneRuleElement = screen.getByTestId(section + oneToOneRule.rule_id);
+
+                // loudest state of synced rules should be the toggle value
+                expect(oneToOneRuleElement.querySelector('input[aria-label="On"]')).toBeChecked();
+            });
+
+            it("sets the UI toggle to the loudest synced rule value", async () => {
+                // oneToOneRule is set to 'On'
+                // pollEndOneToOne is set to 'Loud'
+                setPushRuleMock([pollStartOneToOne, pollEndOneToOne]);
+                await getComponentAndWait();
+                const section = "vector_global";
+                const oneToOneRuleElement = screen.getByTestId(section + oneToOneRule.rule_id);
+
+                // loudest state of synced rules should be the toggle value
+                expect(oneToOneRuleElement.querySelector('input[aria-label="Noisy"]')).toBeChecked();
+
+                const onToggle = oneToOneRuleElement.querySelector('input[aria-label="On"]')!;
+                fireEvent.click(onToggle);
+
+                await flushPromises();
+
+                // called for all 3 rules
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledTimes(3);
+                const expectedActions = [PushRuleActionName.Notify, { set_tweak: TweakName.Highlight, value: false }];
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    "underride",
+                    oneToOneRule.rule_id,
+                    expectedActions,
+                );
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    "underride",
+                    pollStartOneToOne.rule_id,
+                    expectedActions,
+                );
+                expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    "underride",
+                    pollEndOneToOne.rule_id,
+                    expectedActions,
+                );
+            });
+        });
+    });
+
+    describe("keywords", () => {
+        // keywords rule is not a real rule, but controls actions on keywords content rules
+        const keywordsRuleId = "_keywords";
+        it("updates individual keywords content rules when keywords rule is toggled", async () => {
+            await getComponentAndWait();
+            const section = "vector_mentions";
+
+            fireEvent.click(within(screen.getByTestId(section + keywordsRuleId)).getByLabelText("Off"));
+
+            expect(mockClient.setPushRuleEnabled).toHaveBeenCalledWith("global", "content", bananaRule.rule_id, false);
+
+            fireEvent.click(within(screen.getByTestId(section + keywordsRuleId)).getByLabelText("Noisy"));
+
+            expect(mockClient.setPushRuleActions).toHaveBeenCalledWith(
+                "global",
+                "content",
+                bananaRule.rule_id,
+                StandardActions.ACTION_HIGHLIGHT_DEFAULT_SOUND,
+            );
+        });
+
+        it("renders an error when updating keywords fails", async () => {
+            await getComponentAndWait();
+            const section = "vector_mentions";
+
+            mockClient.setPushRuleEnabled.mockRejectedValueOnce("oups");
+
+            await act(() => {
+                fireEvent.click(within(screen.getByTestId(section + keywordsRuleId)).getByLabelText("Off"));
+            });
+
+            await flushPromises();
+
+            const rule = screen.getByTestId(section + keywordsRuleId);
+
+            expect(
+                within(rule).getByText(
+                    "An error occurred when updating your notification preferences. Please try to toggle your option again.",
+                ),
+            ).toBeInTheDocument();
+        });
+
+        it("adds a new keyword", async () => {
+            await getComponentAndWait();
+
+            await userEvent.type(screen.getByLabelText("Keyword"), "jest");
+            expect(screen.getByLabelText("Keyword")).toHaveValue("jest");
+
+            fireEvent.click(screen.getByText("Add"));
+
+            expect(mockClient.addPushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "jest", {
+                actions: [PushRuleActionName.Notify, { set_tweak: "highlight", value: false }],
+                pattern: "jest",
+            });
+        });
+
+        it("adds a keyword that starts with a dot", async () => {
+            await getComponentAndWait();
+
+            await userEvent.type(screen.getByLabelText("Keyword"), ".jest");
+
+            fireEvent.click(screen.getByText("Add"));
+
+            // The homeserver rejects a rule id beginning with a dot, so only the pattern keeps it.
+            expect(mockClient.addPushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "jest", {
+                actions: [PushRuleActionName.Notify, { set_tweak: "highlight", value: false }],
+                pattern: ".jest",
+            });
+        });
+
+        it("adds a new keyword with same actions as existing rules when keywords rule is off", async () => {
+            const offContentRule = {
+                ...bananaRule,
+                enabled: false,
+                actions: [PushRuleActionName.Notify],
+            };
+            const pushRulesWithContentOff = {
+                global: {
+                    ...pushRules.global,
+                    content: [offContentRule],
+                },
+            };
+            mockClient.pushRules = pushRulesWithContentOff;
+            mockClient.getPushRules.mockClear().mockResolvedValue(pushRulesWithContentOff);
+
+            await getComponentAndWait();
+
+            const keywords = screen.getByTestId("vector_mentions_keywords");
+
+            expect(within(keywords).getByLabelText("Off")).toBeChecked();
+
+            await userEvent.type(screen.getByLabelText("Keyword"), "jest");
+            expect(screen.getByLabelText("Keyword")).toHaveValue("jest");
+
+            fireEvent.click(screen.getByText("Add"));
+
+            expect(mockClient.addPushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "jest", {
+                actions: [PushRuleActionName.Notify, { set_tweak: TweakName.Highlight, value: false }],
+                pattern: "jest",
+            });
+        });
+
+        it("removes keyword", async () => {
+            await getComponentAndWait();
+
+            await userEvent.type(screen.getByLabelText("Keyword"), "jest");
+
+            const keyword = screen.getByText("banana");
+
+            fireEvent.click(within(keyword.parentElement!).getByLabelText("Remove"));
+
+            expect(mockClient.deletePushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "banana");
+
+            await flushPromises();
+        });
+    });
+
+    describe("clear all notifications", () => {
+        it("clears all notifications", async () => {
+            const room = new Room("room123", mockClient, "@alice:example.org");
+            mockClient.getRooms.mockReset().mockReturnValue([room]);
+
+            const message = mkMessage({
+                event: true,
+                room: "room123",
+                user: "@alice:example.org",
+                ts: 1,
+            });
+            await room.addLiveEvents([message], { addToState: true });
+
+            const { container } = await getComponentAndWait();
+            const clearNotificationEl = getByTestId(container, "clear-notifications");
+
+            fireEvent.click(clearNotificationEl);
+
+            expect(clearNotificationEl.className).toContain("mx_AccessibleButton_disabled");
+            await waitFor(() => expect(clearNotificationEl.className).not.toContain("mx_AccessibleButton_disabled"));
+            expect(mockClient.sendReadReceipt).toHaveBeenCalled();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/PowerLevelSelector-test.tsx b/apps/web/test/unit-tests/components/views/settings/PowerLevelSelector-test.tsx
new file mode 100644
index 00000000000..2b9b3e62fac
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/PowerLevelSelector-test.tsx
@@ -0,0 +1,169 @@
+/*
+ * 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.
+ */
+
+import { render, screen } from "jest-matrix-react";
+import React, { type ComponentProps } from "react";
+import userEvent from "@testing-library/user-event";
+
+import { PowerLevelSelector } from "../../../../../src/components/views/settings/PowerLevelSelector";
+import { stubClient } from "../../../../test-utils";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+
+describe("PowerLevelSelector", () => {
+    const matrixClient = stubClient();
+
+    const currentUser = matrixClient.getUserId()!;
+    const userLevels = {
+        [currentUser]: 100,
+        "@alice:server.org": 50,
+        "@bob:server.org": 0,
+    };
+
+    const renderPLS = (props: Partial<ComponentProps<typeof PowerLevelSelector>>) =>
+        render(
+            <MatrixClientContext.Provider value={matrixClient}>
+                <PowerLevelSelector
+                    userLevels={userLevels}
+                    canChangeLevels={true}
+                    currentUserLevel={userLevels[currentUser]}
+                    title="title"
+                    // filter nothing by default
+                    filter={() => true}
+                    onClick={jest.fn()}
+                    {...props}
+                >
+                    empty label
+                </PowerLevelSelector>
+            </MatrixClientContext.Provider>,
+        );
+
+    it("should render", () => {
+        renderPLS({});
+        expect(screen.getByRole("group")).toMatchSnapshot();
+    });
+
+    it("should display only the current user", async () => {
+        // Display only the current user
+        renderPLS({ filter: (user) => user === currentUser });
+
+        // Only alice should be displayed
+        const userSelects = screen.getAllByRole("combobox");
+        expect(userSelects).toHaveLength(1);
+        expect(userSelects[0]).toHaveAccessibleName(currentUser);
+
+        expect(screen.getByRole("group")).toMatchSnapshot();
+    });
+
+    it("should be able to change the power level of the current user", async () => {
+        const onClick = jest.fn();
+        const userLevels = {
+            [currentUser]: 100,
+            "@alice:server.org": 100,
+            "@bob:server.org": 0,
+        };
+        renderPLS({ userLevels, onClick });
+
+        // Until the power level is changed, the apply button should be disabled
+        // compound button is using aria-disabled instead of the disabled attribute, we can't toBeDisabled on it
+        expect(screen.getByRole("button", { name: "Apply" })).toHaveAttribute("aria-disabled", "true");
+
+        const select = screen.getByRole("combobox", { name: currentUser });
+        // Sanity check
+        expect(select).toHaveValue("100");
+
+        // Change current user power level to 50
+        await userEvent.selectOptions(select, "50");
+        expect(select).toHaveValue("50");
+        // After the user level changes, the apply button should be enabled
+        expect(screen.getByRole("button", { name: "Apply" })).toHaveAttribute("aria-disabled", "false");
+
+        // Click on Apply should call onClick with the new power level
+        await userEvent.click(screen.getByRole("button", { name: "Apply" }));
+        expect(onClick).toHaveBeenCalledWith(50, currentUser);
+    });
+
+    it("should not be able to change the power level if `canChangeLevels` is false", async () => {
+        renderPLS({ canChangeLevels: false });
+
+        // The selects should be disabled
+        const userSelects = screen.getAllByRole("combobox");
+        userSelects.forEach((select) => expect(select).toBeDisabled());
+    });
+
+    it("should be able to change only the level of someone with a lower level", async () => {
+        const userLevels = {
+            [currentUser]: 50,
+            "@alice:server.org": 100,
+        };
+        renderPLS({ userLevels });
+
+        expect(screen.getByRole("combobox", { name: currentUser })).toBeEnabled();
+        expect(screen.getByRole("combobox", { name: "@alice:server.org" })).toBeDisabled();
+    });
+
+    it("should display the children if there is no user to display", async () => {
+        // No user to display
+        renderPLS({ filter: () => false });
+
+        expect(screen.getByText("empty label")).toBeInTheDocument();
+    });
+
+    it("should display modal warning if user is last admin", async () => {
+        const onClick = jest.fn();
+
+        renderPLS({ onClick });
+
+        // Until the power level is changed, the apply button should be disabled
+        // compound button is using aria-disabled instead of the disabled attribute, we can't toBeDisabled on it
+        expect(screen.getByRole("button", { name: "Apply" })).toHaveAttribute("aria-disabled", "true");
+
+        const select = screen.getByRole("combobox", { name: currentUser });
+        // Sanity check
+        expect(select).toHaveValue("100");
+
+        // Change current user power level to 50
+        await userEvent.selectOptions(select, "50");
+
+        // modal should appear because only admin in the room
+        expect(screen.findByText("WARNING")).toBeTruthy();
+
+        await userEvent.click(screen.getByRole("button", { name: "Continue" }));
+
+        expect(select).toHaveValue("50");
+        // After the user level changes, the apply button should be enabled
+        expect(screen.getByRole("button", { name: "Apply" })).toHaveAttribute("aria-disabled", "false");
+
+        // Click on Apply should call onClick with the new power level
+        await userEvent.click(screen.getByRole("button", { name: "Apply" }));
+        expect(onClick).toHaveBeenCalledWith(50, currentUser);
+    });
+
+    it("should display modal warning if user is last admin and return to initial value if user cancel", async () => {
+        const onClick = jest.fn();
+
+        renderPLS({ onClick });
+
+        // Until the power level is changed, the apply button should be disabled
+        // compound button is using aria-disabled instead of the disabled attribute, we can't toBeDisabled on it
+        expect(screen.getByRole("button", { name: "Apply" })).toHaveAttribute("aria-disabled", "true");
+
+        const select = screen.getByRole("combobox", { name: currentUser });
+        // Sanity check
+        expect(select).toHaveValue("100");
+
+        // Change current user power level to 50
+        await userEvent.selectOptions(select, "50");
+
+        // modal should appear because only admin in the room
+        expect(screen.findByText("WARNING")).toBeTruthy();
+
+        await userEvent.click(screen.getByRole("button", { name: "Cancel" }));
+        // the power level should be back to initial value
+        expect(select).toHaveValue("100");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/SetIdServer-test.tsx b/apps/web/test/unit-tests/components/views/settings/SetIdServer-test.tsx
new file mode 100644
index 00000000000..43c8dcd8bec
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/SetIdServer-test.tsx
@@ -0,0 +1,101 @@
+/*
+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, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import fetchMock from "@fetch-mock/jest";
+
+import SetIdServer from "../../../../../src/components/views/settings/SetIdServer";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { getMockClientWithEventEmitter, mockClientMethodsUser, mockClientMethodsServer } from "../../../../test-utils";
+
+describe("<SetIdServer />", () => {
+    const userId = "@alice:server.org";
+
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        ...mockClientMethodsServer(),
+        getOpenIdToken: jest.fn().mockResolvedValue("a_token"),
+        getTerms: jest.fn(),
+        setAccountData: jest.fn(),
+    });
+
+    const getComponent = () => (
+        <MatrixClientContext.Provider value={mockClient}>
+            <SetIdServer missingTerms={false} />
+        </MatrixClientContext.Provider>
+    );
+
+    afterAll(() => {
+        jest.resetAllMocks();
+    });
+
+    it("renders expected fields", () => {
+        const { asFragment } = render(getComponent());
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should allow setting an identity server", async () => {
+        const { getByLabelText, getByRole, findByRole } = render(getComponent());
+
+        fetchMock.get("https://identity.example.org/_matrix/identity/v2", {
+            body: {},
+        });
+        fetchMock.get("https://identity.example.org/_matrix/identity/v2/account", {
+            body: { user_id: userId },
+        });
+        fetchMock.post("https://identity.example.org/_matrix/identity/v2/account/register", {
+            body: { token: "foobar" },
+        });
+
+        const identServerField = getByLabelText("Enter a new identity server");
+        await userEvent.type(identServerField, "https://identity.example.org");
+        await userEvent.click(getByRole("button", { name: "Change" }));
+        await userEvent.click(await findByRole("button", { name: "Continue" }));
+    });
+
+    it("should clear input on cancel", async () => {
+        const { getByLabelText, findByRole } = render(getComponent());
+        const identServerField = getByLabelText("Enter a new identity server");
+        await userEvent.type(identServerField, "https://identity.example.org");
+        await userEvent.click(await findByRole("button", { name: "Reset" }));
+        expect((identServerField as HTMLInputElement).value).toEqual("");
+    });
+
+    it("should show error when an error occurs", async () => {
+        const { getByLabelText, getByRole, getByText } = render(getComponent());
+
+        fetchMock.get("https://invalid.example.org/_matrix/identity/v2", {
+            body: {},
+            status: 404,
+        });
+        fetchMock.get("https://invalid.example.org/_matrix/identity/v2/account", {
+            body: {},
+            status: 404,
+        });
+        fetchMock.post("https://invalid.example.org/_matrix/identity/v2/account/register", {
+            body: {},
+            status: 404,
+        });
+
+        const identServerField = getByLabelText("Enter a new identity server");
+        await userEvent.type(identServerField, "https://invalid.example.org");
+        await userEvent.click(getByRole("button", { name: "Change" }));
+
+        await waitFor(
+            () => {
+                expect(getByText("Not a valid identity server (status code 404)")).toBeVisible();
+            },
+            { timeout: 3000 },
+        );
+
+        // Check the error vanishes when the input is edited.
+        await userEvent.type(identServerField, "https://identity2.example.org");
+        expect(() => getByText("Not a valid identity server (status code 404)")).toThrow();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/SetIntegrationManager-test.tsx b/apps/web/test/unit-tests/components/views/settings/SetIntegrationManager-test.tsx
new file mode 100644
index 00000000000..bab908c75e7
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/SetIntegrationManager-test.tsx
@@ -0,0 +1,91 @@
+/*
+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.
+*/
+
+import React from "react";
+import { fireEvent, render, screen, waitFor, within } from "jest-matrix-react";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { UIFeature } from "../../../../../src/settings/UIFeature";
+import {
+    getMockClientWithEventEmitter,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+    flushPromises,
+} from "../../../../test-utils";
+import SetIntegrationManager from "../../../../../src/components/views/settings/SetIntegrationManager";
+import { SettingLevel } from "../../../../../src/settings/SettingLevel";
+
+describe("SetIntegrationManager", () => {
+    const userId = "@alice:server.org";
+
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        ...mockClientMethodsServer(),
+        getCapabilities: jest.fn(),
+        getThreePids: jest.fn(),
+        getIdentityServerUrl: jest.fn(),
+        deleteThreePid: jest.fn(),
+    });
+
+    const getComponent = () => (
+        <MatrixClientContext.Provider value={mockClient}>
+            <SetIntegrationManager />
+        </MatrixClientContext.Provider>
+    );
+
+    it("should not render manage integrations section when widgets feature is disabled", () => {
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName) => settingName !== UIFeature.Widgets);
+        render(getComponent());
+
+        expect(screen.queryByTestId("mx_SetIntegrationManager")).not.toBeInTheDocument();
+        expect(SettingsStore.getValue).toHaveBeenCalledWith(UIFeature.Widgets);
+    });
+    it("should render manage integrations sections", () => {
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName) => settingName === UIFeature.Widgets);
+
+        render(getComponent());
+
+        expect(screen.getByTestId("mx_SetIntegrationManager")).toMatchSnapshot();
+    });
+    it("should update integrations provisioning on toggle", () => {
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName) => settingName === UIFeature.Widgets);
+        jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+
+        render(getComponent());
+
+        const integrationSection = screen.getByTestId("mx_SetIntegrationManager");
+        fireEvent.click(within(integrationSection).getByRole("switch"));
+
+        expect(SettingsStore.setValue).toHaveBeenCalledWith(
+            "integrationProvisioning",
+            null,
+            SettingLevel.ACCOUNT,
+            true,
+        );
+        expect(within(integrationSection).getByRole("switch")).toBeChecked();
+    });
+    it("handles error when updating setting fails", async () => {
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName) => settingName === UIFeature.Widgets);
+        jest.spyOn(logger, "error").mockImplementation(() => {});
+
+        jest.spyOn(SettingsStore, "setValue").mockRejectedValue("oups");
+
+        render(getComponent());
+
+        const integrationSection = screen.getByTestId("mx_SetIntegrationManager");
+        fireEvent.click(within(integrationSection).getByRole("switch"));
+
+        await flushPromises();
+
+        expect(logger.error).toHaveBeenCalledWith("Error changing integration manager provisioning");
+        expect(logger.error).toHaveBeenCalledWith("oups");
+        await waitFor(() => expect(within(integrationSection).getByRole("switch")).not.toBeChecked());
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/SettingsFieldset-test.tsx b/apps/web/test/unit-tests/components/views/settings/SettingsFieldset-test.tsx
new file mode 100644
index 00000000000..6e9242f06e5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/SettingsFieldset-test.tsx
@@ -0,0 +1,42 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { render } from "jest-matrix-react";
+import React from "react";
+
+import SettingsFieldset from "../../../../../src/components/views/settings/SettingsFieldset";
+
+describe("<SettingsFieldset />", () => {
+    const defaultProps = {
+        "legend": "Who can read history?",
+        "children": <div>test</div>,
+        "data-testid": "test",
+    };
+    const getComponent = (props = {}) => {
+        return render(<SettingsFieldset {...defaultProps} {...props} />);
+    };
+
+    it("renders fieldset without description", () => {
+        expect(getComponent().asFragment()).toMatchSnapshot();
+    });
+
+    it("renders fieldset with plain text description", () => {
+        const description = "Changes to who can read history.";
+        expect(getComponent({ description }).asFragment()).toMatchSnapshot();
+    });
+
+    it("renders fieldset with react description", () => {
+        const description = (
+            <>
+                <p>Test</p>
+                <a href="#test">a link</a>
+            </>
+        );
+        expect(getComponent({ description }).asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/SettingsHeader-test.tsx b/apps/web/test/unit-tests/components/views/settings/SettingsHeader-test.tsx
new file mode 100644
index 00000000000..eed0df01cf2
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/SettingsHeader-test.tsx
@@ -0,0 +1,23 @@
+/*
+ * Copyright 2024 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 } from "jest-matrix-react";
+
+import { SettingsHeader } from "../../../../../src/components/views/settings/SettingsHeader";
+
+describe("<SettingsHeader />", () => {
+    it("should render the component", () => {
+        const { asFragment } = render(<SettingsHeader label="Settings Header" />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render the component with the recommended tag", () => {
+        const { asFragment } = render(<SettingsHeader label="Settings Header" hasRecommendedTag={true} />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/SettingsSubheader-test.tsx b/apps/web/test/unit-tests/components/views/settings/SettingsSubheader-test.tsx
new file mode 100644
index 00000000000..6a0bf21defd
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/SettingsSubheader-test.tsx
@@ -0,0 +1,28 @@
+/*
+ * Copyright 2024 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 } from "jest-matrix-react";
+
+import { SettingsSubheader } from "../../../../../src/components/views/settings/SettingsSubheader";
+
+describe("<SettingsSubheader />", () => {
+    it("should display a check icon when in success", () => {
+        const { asFragment } = render(<SettingsSubheader state="success" stateMessage="Success!" />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should display an error icon when in error", () => {
+        const { asFragment } = render(<SettingsSubheader state="error" stateMessage="Error!" />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should display a label", () => {
+        const { asFragment } = render(<SettingsSubheader label="My label" state="success" stateMessage="Success!" />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/ThemeChoicePanel-test.tsx b/apps/web/test/unit-tests/components/views/settings/ThemeChoicePanel-test.tsx
new file mode 100644
index 00000000000..8cb0457be1e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/ThemeChoicePanel-test.tsx
@@ -0,0 +1,183 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 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 { ThemeChoicePanel } from "../../../../../src/components/views/settings/ThemeChoicePanel";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import ThemeWatcher from "../../../../../src/settings/watchers/ThemeWatcher";
+import { SettingLevel } from "../../../../../src/settings/SettingLevel";
+
+jest.mock("../../../../../src/settings/watchers/ThemeWatcher");
+
+describe("<ThemeChoicePanel />", () => {
+    /**
+     * Enable or disable the system theme
+     * @param enable
+     */
+    async function enableSystemTheme(enable: boolean) {
+        await SettingsStore.setValue("use_system_theme", null, SettingLevel.DEVICE, enable);
+    }
+
+    /**
+     * Set the theme
+     * @param theme
+     */
+    async function setTheme(theme: string) {
+        await SettingsStore.setValue("theme", null, SettingLevel.DEVICE, theme);
+    }
+
+    beforeEach(async () => {
+        mocked(ThemeWatcher).mockImplementation(() => {
+            return {
+                isSystemThemeSupported: jest.fn().mockReturnValue(true),
+            } as unknown as MockedObject<ThemeWatcher>;
+        });
+
+        await enableSystemTheme(false);
+        await setTheme("light");
+    });
+
+    it("renders the theme choice UI", () => {
+        const { asFragment } = render(<ThemeChoicePanel />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    describe("theme selection", () => {
+        describe("system theme", () => {
+            it("should disable Match system theme", async () => {
+                render(<ThemeChoicePanel />);
+                expect(screen.getByRole("switch", { name: "Match system theme" })).not.toBeChecked();
+            });
+
+            it("should enable Match system theme", async () => {
+                await enableSystemTheme(true);
+
+                render(<ThemeChoicePanel />);
+                expect(screen.getByRole("switch", { name: "Match system theme" })).toBeChecked();
+            });
+
+            it("should change the system theme when clicked", async () => {
+                jest.spyOn(SettingsStore, "setValue");
+
+                render(<ThemeChoicePanel />);
+                act(() => screen.getByRole("switch", { name: "Match system theme" }).click());
+
+                // The system theme should be enabled
+                expect(screen.getByRole("switch", { name: "Match system theme" })).toBeChecked();
+                expect(SettingsStore.setValue).toHaveBeenCalledWith("use_system_theme", null, "device", true);
+            });
+        });
+
+        describe("theme selection", () => {
+            it("should disable theme selection when system theme is enabled", async () => {
+                await enableSystemTheme(true);
+                render(<ThemeChoicePanel />);
+
+                // We expect all the themes to be disabled
+                const themes = screen.getAllByRole("radio");
+                themes.forEach((theme) => {
+                    expect(theme).toBeDisabled();
+                });
+            });
+
+            it("should enable theme selection when system theme is disabled", async () => {
+                render(<ThemeChoicePanel />);
+
+                // We expect all the themes to be disabled
+                const themes = screen.getAllByRole("radio");
+                themes.forEach((theme) => {
+                    expect(theme).not.toBeDisabled();
+                });
+            });
+
+            it("should have light theme selected", async () => {
+                render(<ThemeChoicePanel />);
+
+                // We expect the light theme to be selected
+                const lightTheme = screen.getByRole("radio", { name: "Light" });
+                expect(lightTheme).toBeChecked();
+
+                // And the dark theme shouldn't be selected
+                const darkTheme = screen.getByRole("radio", { name: "Dark" });
+                expect(darkTheme).not.toBeChecked();
+            });
+
+            it("should switch to dark theme", async () => {
+                jest.spyOn(SettingsStore, "setValue");
+
+                render(<ThemeChoicePanel />);
+
+                const darkTheme = screen.getByRole("radio", { name: "Dark" });
+                const lightTheme = screen.getByRole("radio", { name: "Light" });
+                expect(darkTheme).not.toBeChecked();
+
+                // Switch to the dark theme
+                act(() => darkTheme.click());
+                expect(SettingsStore.setValue).toHaveBeenCalledWith("theme", null, "device", "dark");
+
+                // Dark theme is now selected
+                await waitFor(() => expect(darkTheme).toBeChecked());
+                // Light theme is not selected anymore
+                expect(lightTheme).not.toBeChecked();
+                // The setting should be updated
+                expect(SettingsStore.setValue).toHaveBeenCalledWith("theme", null, "device", "dark");
+            });
+        });
+    });
+
+    describe("custom theme", () => {
+        const aliceTheme = { name: "Alice theme", is_dark: true, colors: {} };
+        const bobTheme = { name: "Bob theme", is_dark: false, colors: {} };
+
+        beforeEach(async () => {
+            await SettingsStore.setValue("feature_custom_themes", null, SettingLevel.DEVICE, true);
+            await SettingsStore.setValue("custom_themes", null, SettingLevel.DEVICE, [aliceTheme]);
+        });
+
+        it("should render the custom theme section", () => {
+            const { asFragment } = render(<ThemeChoicePanel />);
+            expect(asFragment()).toMatchSnapshot();
+        });
+
+        it("should add a custom theme", async () => {
+            jest.spyOn(SettingsStore, "setValue");
+            // Respond to the theme request
+            fetchMock.get("http://bob.theme", {
+                body: bobTheme,
+            });
+
+            render(<ThemeChoicePanel />);
+
+            // Add the new custom theme
+            const customThemeInput = screen.getByRole("textbox", { name: "Add custom theme" });
+            await userEvent.type(customThemeInput, "http://bob.theme");
+            screen.getByRole("button", { name: "Add custom theme" }).click();
+
+            // The new custom theme is added to the user's themes
+            await waitFor(() =>
+                expect(SettingsStore.setValue).toHaveBeenCalledWith("custom_themes", null, "account", [
+                    aliceTheme,
+                    bobTheme,
+                ]),
+            );
+        });
+
+        it("should display custom theme", () => {
+            const { asFragment } = render(<ThemeChoicePanel />);
+
+            expect(screen.getByRole("radio", { name: aliceTheme.name })).toBeInTheDocument();
+            expect(screen.getByRole("listitem", { name: aliceTheme.name })).toBeInTheDocument();
+            expect(asFragment()).toMatchSnapshot();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/UserProfileSettings-test.tsx b/apps/web/test/unit-tests/components/views/settings/UserProfileSettings-test.tsx
new file mode 100644
index 00000000000..eea092d7f5b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/UserProfileSettings-test.tsx
@@ -0,0 +1,248 @@
+/*
+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.
+*/
+
+import React, { type ChangeEvent } from "react";
+import { act, render, screen } from "jest-matrix-react";
+import { type MatrixClient, type UploadResponse } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+import userEvent from "@testing-library/user-event";
+import { TooltipProvider } from "@vector-im/compound-web";
+import { ToastContext, type ToastRack } from "@element-hq/web-shared-components";
+
+import UserProfileSettings from "../../../../../src/components/views/settings/UserProfileSettings";
+import { mkStubRoom, stubClient } from "../../../../test-utils";
+import { OwnProfileStore } from "../../../../../src/stores/OwnProfileStore";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import Modal from "../../../../../src/Modal";
+
+interface MockedAvatarSettingProps {
+    removeAvatar: () => void;
+    onChange: (file: File) => void;
+}
+
+let removeAvatarFn: () => void;
+let changeAvatarFn: (file: File) => void;
+
+jest.mock(
+    "../../../../../src/components/views/settings/AvatarSetting",
+    () =>
+        (({ removeAvatar, onChange }) => {
+            removeAvatarFn = removeAvatar;
+            changeAvatarFn = onChange;
+            return <div>Mocked AvatarSetting</div>;
+        }) as React.FC<MockedAvatarSettingProps>,
+);
+
+jest.mock("../../../../../src/dispatcher/dispatcher", () => ({
+    dispatch: jest.fn(),
+    register: jest.fn(),
+}));
+
+let editInPlaceOnChange: (e: ChangeEvent<HTMLInputElement>) => void;
+let editInPlaceOnSave: () => void;
+let editInPlaceOnCancel: () => void;
+
+interface MockedEditInPlaceProps {
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onSave: () => void;
+    onCancel: () => void;
+    value: string;
+}
+
+jest.mock("@vector-im/compound-web", () => {
+    const compound = jest.requireActual("@vector-im/compound-web");
+    return {
+        __esModule: true,
+        ...compound,
+        EditInPlace: (({ onChange, onSave, onCancel, value }) => {
+            editInPlaceOnChange = onChange;
+            editInPlaceOnSave = onSave;
+            editInPlaceOnCancel = onCancel;
+            return <div>Mocked EditInPlace: {value}</div>;
+        }) as React.FC<MockedEditInPlaceProps>,
+    };
+});
+
+const renderProfileSettings = (toastRack: Partial<ToastRack>, client: MatrixClient) => {
+    return render(
+        <TooltipProvider>
+            <MatrixClientContext.Provider value={client}>
+                <ToastContext.Provider value={toastRack as ToastRack}>
+                    <UserProfileSettings canSetAvatar={true} canSetDisplayName={true} />
+                </ToastContext.Provider>
+            </MatrixClientContext.Provider>
+        </TooltipProvider>,
+    );
+};
+
+describe("ProfileSettings", () => {
+    let client: MatrixClient;
+    let toastRack: Partial<ToastRack>;
+
+    beforeEach(() => {
+        client = stubClient();
+        toastRack = {
+            displayToast: jest.fn().mockReturnValue(jest.fn()),
+        };
+    });
+
+    it("removes avatar", async () => {
+        jest.spyOn(OwnProfileStore.instance, "avatarMxc", "get").mockReturnValue("mxc://example.org/my-avatar");
+        renderProfileSettings(toastRack, client);
+
+        expect(await screen.findByText("Mocked AvatarSetting")).toBeInTheDocument();
+        expect(removeAvatarFn).toBeDefined();
+
+        act(() => {
+            removeAvatarFn();
+        });
+
+        expect(client.setAvatarUrl).toHaveBeenCalledWith("");
+    });
+
+    it("changes avatar", async () => {
+        renderProfileSettings(toastRack, client);
+
+        expect(await screen.findByText("Mocked AvatarSetting")).toBeInTheDocument();
+        expect(changeAvatarFn).toBeDefined();
+
+        const returnedMxcUri = "mxc://example.org/my-avatar";
+        mocked(client).uploadContent.mockResolvedValue({ content_uri: returnedMxcUri });
+
+        const fileSentinel = {};
+        await act(async () => {
+            await changeAvatarFn(fileSentinel as File);
+        });
+
+        expect(client.uploadContent).toHaveBeenCalledWith(fileSentinel);
+        expect(client.setAvatarUrl).toHaveBeenCalledWith(returnedMxcUri);
+    });
+
+    it("displays toast while uploading avatar", async () => {
+        renderProfileSettings(toastRack, client);
+
+        const clearToastFn = jest.fn();
+        mocked(toastRack.displayToast!).mockReturnValue(clearToastFn);
+
+        expect(await screen.findByText("Mocked AvatarSetting")).toBeInTheDocument();
+        expect(changeAvatarFn).toBeDefined();
+
+        let resolveUploadPromise = (r: UploadResponse) => {};
+        const uploadPromise = new Promise<UploadResponse>((r) => {
+            resolveUploadPromise = r;
+        });
+        mocked(client).uploadContent.mockReturnValue(uploadPromise);
+
+        const fileSentinel = {};
+        const changeAvatarActPromise = act(async () => {
+            await changeAvatarFn(fileSentinel as File);
+        });
+
+        expect(toastRack.displayToast).toHaveBeenCalled();
+
+        act(() => {
+            resolveUploadPromise({ content_uri: "bloop" });
+        });
+        await changeAvatarActPromise;
+
+        expect(clearToastFn).toHaveBeenCalled();
+    });
+
+    it("changes display name", async () => {
+        jest.spyOn(OwnProfileStore.instance, "displayName", "get").mockReturnValue("Alice");
+
+        renderProfileSettings(toastRack, client);
+
+        expect(await screen.findByText("Mocked EditInPlace: Alice")).toBeInTheDocument();
+        expect(editInPlaceOnSave).toBeDefined();
+
+        act(() => {
+            editInPlaceOnChange({
+                target: { value: "The Value" } as HTMLInputElement,
+            } as ChangeEvent<HTMLInputElement>);
+        });
+
+        await act(async () => {
+            await editInPlaceOnSave();
+        });
+
+        expect(client.setDisplayName).toHaveBeenCalledWith("The Value");
+    });
+
+    it("displays error if changing display name fails", async () => {
+        jest.spyOn(OwnProfileStore.instance, "displayName", "get").mockReturnValue("Alice");
+        mocked(client).setDisplayName.mockRejectedValue(new Error("Failed to set display name"));
+
+        renderProfileSettings(toastRack, client);
+
+        expect(editInPlaceOnSave).toBeDefined();
+
+        act(() => {
+            editInPlaceOnChange({
+                target: { value: "Not Alice any more" } as HTMLInputElement,
+            } as ChangeEvent<HTMLInputElement>);
+        });
+
+        await act(async () => {
+            await expect(editInPlaceOnSave()).rejects.toEqual(expect.any(Error));
+        });
+    });
+
+    it("resets on cancel", async () => {
+        jest.spyOn(OwnProfileStore.instance, "displayName", "get").mockReturnValue("Alice");
+
+        renderProfileSettings(toastRack, client);
+
+        expect(await screen.findByText("Mocked EditInPlace: Alice")).toBeInTheDocument();
+        expect(editInPlaceOnChange).toBeDefined();
+        expect(editInPlaceOnCancel).toBeDefined();
+
+        act(() => {
+            editInPlaceOnChange({
+                target: { value: "Alicia Zattic" } as HTMLInputElement,
+            } as ChangeEvent<HTMLInputElement>);
+        });
+
+        expect(await screen.findByText("Mocked EditInPlace: Alicia Zattic")).toBeInTheDocument();
+
+        act(() => {
+            editInPlaceOnCancel();
+        });
+
+        expect(await screen.findByText("Mocked EditInPlace: Alice")).toBeInTheDocument();
+    });
+
+    it("displays confirmation dialog if no rooms are encrypted", async () => {
+        jest.spyOn(Modal, "createDialog");
+
+        renderProfileSettings(toastRack, client);
+
+        const signOutButton = await screen.findByText("Remove this device");
+        await userEvent.click(signOutButton);
+
+        expect(Modal.createDialog).toHaveBeenCalled();
+    });
+
+    it("displays confirmation dialog if rooms are encrypted", async () => {
+        jest.spyOn(Modal, "createDialog");
+
+        const mockRoom = mkStubRoom("!test:room", "Test Room", client);
+        client.getRooms = jest.fn().mockReturnValue([mockRoom]);
+        client.getCrypto = jest.fn().mockReturnValue({
+            isEncryptionEnabledInRoom: jest.fn().mockReturnValue(true),
+            getUserDeviceInfo: jest.fn().mockResolvedValue(new Map()),
+        });
+
+        renderProfileSettings(toastRack, client);
+
+        const signOutButton = await screen.findByText("Remove this device");
+        await userEvent.click(signOutButton);
+
+        expect(Modal.createDialog).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/AddRemoveThreepids-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/AddRemoveThreepids-test.tsx.snap
new file mode 100644
index 00000000000..c77a16ed7f3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/AddRemoveThreepids-test.tsx.snap
@@ -0,0 +1,181 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`AddRemoveThreepids should handle no email addresses 1`] = `
+<div>
+  <form
+    autocomplete="off"
+    novalidate=""
+  >
+    <div
+      class="mx_Field mx_Field_input"
+    >
+      <input
+        autocomplete="email"
+        id="mx_Field_1"
+        label="Email Address"
+        placeholder="Email Address"
+        type="text"
+        value=""
+      />
+      <label
+        for="mx_Field_1"
+      >
+        Email Address
+      </label>
+    </div>
+    <div
+      class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+      role="button"
+      tabindex="0"
+    >
+      Add
+    </div>
+  </form>
+</div>
+`;
+
+exports[`AddRemoveThreepids should render email addresses 1`] = `
+<div>
+  <div
+    class="mx_AddRemoveThreepids_existing"
+  >
+    <span
+      class="mx_AddRemoveThreepids_existing_address"
+    >
+      alice@nowhere.dummy
+    </span>
+    <div
+      class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_sm"
+      role="button"
+      tabindex="0"
+    >
+      Remove
+    </div>
+  </div>
+  <form
+    autocomplete="off"
+    novalidate=""
+  >
+    <div
+      class="mx_Field mx_Field_input"
+    >
+      <input
+        autocomplete="email"
+        id="mx_Field_15"
+        label="Email Address"
+        placeholder="Email Address"
+        type="text"
+        value=""
+      />
+      <label
+        for="mx_Field_15"
+      >
+        Email Address
+      </label>
+    </div>
+    <div
+      class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+      role="button"
+      tabindex="0"
+    >
+      Add
+    </div>
+  </form>
+</div>
+`;
+
+exports[`AddRemoveThreepids should render phone numbers 1`] = `
+<div>
+  <div
+    class="mx_AddRemoveThreepids_existing"
+  >
+    <span
+      class="mx_AddRemoveThreepids_existing_address"
+    >
+      447700900000
+    </span>
+    <div
+      class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_sm"
+      role="button"
+      tabindex="0"
+    >
+      Remove
+    </div>
+  </div>
+  <form
+    autocomplete="off"
+    novalidate=""
+  >
+    <div
+      class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft"
+    >
+      <span
+        class="mx_Field_prefix"
+      >
+        <div
+          class="mx_Dropdown mx_PhoneNumbers_country mx_CountryDropdown"
+        >
+          <div
+            aria-describedby="mx_CountryDropdown_value"
+            aria-expanded="false"
+            aria-haspopup="listbox"
+            aria-label="Country Dropdown"
+            aria-owns="mx_CountryDropdown_input"
+            class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
+            role="button"
+            tabindex="0"
+          >
+            <div
+              class="mx_Dropdown_option"
+              id="mx_CountryDropdown_value"
+            >
+              <span
+                class="mx_CountryDropdown_shortOption"
+              >
+                <div
+                  class="mx_Dropdown_option_emoji"
+                >
+                  🇺🇸
+                </div>
+                +1
+              </span>
+            </div>
+            <svg
+              class="mx_Dropdown_arrow"
+              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>
+      </span>
+      <input
+        autocomplete="tel-national"
+        id="mx_Field_16"
+        label="Phone Number"
+        placeholder="Phone Number"
+        type="text"
+        value=""
+      />
+      <label
+        for="mx_Field_16"
+      >
+        Phone Number
+      </label>
+    </div>
+    <div
+      class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+      role="button"
+      tabindex="0"
+    >
+      Add
+    </div>
+  </form>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/ChangePassword-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/ChangePassword-test.tsx.snap
new file mode 100644
index 00000000000..c965beda7ee
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/ChangePassword-test.tsx.snap
@@ -0,0 +1,71 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ChangePassword /> renders expected fields 1`] = `
+<DocumentFragment>
+  <form>
+    <div>
+      <div
+        class="mx_Field mx_Field_input"
+      >
+        <input
+          id="mx_Field_1"
+          label="Current password"
+          placeholder="Current password"
+          type="password"
+          value=""
+        />
+        <label
+          for="mx_Field_1"
+        >
+          Current password
+        </label>
+      </div>
+    </div>
+    <div>
+      <div
+        class="mx_Field mx_Field_input mx_PassphraseField"
+      >
+        <input
+          autocomplete="new-password"
+          id="mx_Field_2"
+          label="New Password"
+          placeholder="New Password"
+          type="password"
+          value=""
+        />
+        <label
+          for="mx_Field_2"
+        >
+          New Password
+        </label>
+      </div>
+    </div>
+    <div>
+      <div
+        class="mx_Field mx_Field_input"
+      >
+        <input
+          autocomplete="new-password"
+          id="mx_Field_3"
+          label="Confirm password"
+          placeholder="Confirm password"
+          type="password"
+          value=""
+        />
+        <label
+          for="mx_Field_3"
+        >
+          Confirm password
+        </label>
+      </div>
+    </div>
+    <div
+      class="mx_AccessibleButton"
+      role="button"
+      tabindex="0"
+    >
+      Change Password
+    </div>
+  </form>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/EventIndexPanel-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/EventIndexPanel-test.tsx.snap
new file mode 100644
index 00000000000..819accbb681
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/EventIndexPanel-test.tsx.snap
@@ -0,0 +1,90 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<EventIndexPanel /> when event index is initialised renders event index information 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection_text"
+  >
+    Securely cache encrypted messages locally for them to appear in search results, using 0 Bytes to store messages from 0 rooms.
+  </div>
+  <div
+    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+    role="button"
+    tabindex="0"
+  >
+    Manage
+  </div>
+</div>
+`;
+
+exports[`<EventIndexPanel /> when event indexing is not supported renders link to download a desktop client 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection_text"
+  >
+    <span>
+      Element can't securely cache encrypted messages locally while running in a web browser. Use 
+      <a
+        class="mx_ExternalLink"
+        href="https://element.io/download"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        Element Desktop
+        <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>
+       for encrypted messages to appear in search results.
+    </span>
+  </div>
+</div>
+`;
+
+exports[`<EventIndexPanel /> when event indexing is supported but not installed renders link to install seshat 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection_text"
+  >
+    <span>
+      Element is missing some components required for securely caching encrypted messages locally. If you'd like to experiment with this feature, build a custom Element Desktop with 
+      <a
+        class="mx_ExternalLink"
+        href="https://github.com/element-hq/element-web/blob/develop/docs/native-node-modules.md#adding-seshat-for-search-in-e2e-encrypted-rooms"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        search components added
+        <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>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap
new file mode 100644
index 00000000000..5eac88f4262
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap
@@ -0,0 +1,173 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`FontScalingPanel renders the font scaling UI 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsSubsection"
+    data-testid="mx_FontScalingPanel"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Font size
+      </h2>
+    </div>
+    <div
+      class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
+    >
+      <div
+        class="mx_Field mx_Field_select mx_FontScalingPanel_Dropdown"
+      >
+        <select
+          id="mx_Field_1"
+          label="Font size"
+          placeholder="Font size"
+          type="text"
+        >
+          <option
+            value="-7"
+          >
+            9
+          </option>
+          <option
+            value="-6"
+          >
+            10
+          </option>
+          <option
+            value="-5"
+          >
+            11
+          </option>
+          <option
+            value="-4"
+          >
+            12
+          </option>
+          <option
+            value="-3"
+          >
+            13
+          </option>
+          <option
+            value="-2"
+          >
+            14
+          </option>
+          <option
+            value="-1"
+          >
+            15
+          </option>
+          <option
+            value="0"
+          >
+            16 (default)
+          </option>
+          <option
+            value="1"
+          >
+            17
+          </option>
+          <option
+            value="2"
+          >
+            18
+          </option>
+          <option
+            value="4"
+          >
+            20
+          </option>
+          <option
+            value="6"
+          >
+            22
+          </option>
+          <option
+            value="8"
+          >
+            24
+          </option>
+          <option
+            value="10"
+          >
+            26
+          </option>
+          <option
+            value="12"
+          >
+            28
+          </option>
+          <option
+            value="14"
+          >
+            30
+          </option>
+          <option
+            value="16"
+          >
+            32
+          </option>
+          <option
+            value="18"
+          >
+            34
+          </option>
+          <option
+            value="20"
+          >
+            36
+          </option>
+        </select>
+        <label
+          for="mx_Field_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"
+      >
+        <div
+          class="mx_Spinner"
+        >
+          <svg
+            aria-label="Loading…"
+            class="_icon_1855a_18"
+            data-testid="spinner"
+            fill="currentColor"
+            height="1em"
+            role="progressbar"
+            style="width: 32px; height: 32px;"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              clip-rule="evenodd"
+              d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/KeyboardShortcut-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/KeyboardShortcut-test.tsx.snap
new file mode 100644
index 00000000000..268d7c30aab
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/KeyboardShortcut-test.tsx.snap
@@ -0,0 +1,73 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`KeyboardShortcut doesn't render + if last 1`] = `
+<div>
+  <kbd>
+     
+    a
+     
+  </kbd>
+</div>
+`;
+
+exports[`KeyboardShortcut doesn't render same modifier twice 1`] = `
+<div>
+  <div
+    class="mx_KeyboardShortcut"
+  >
+    <kbd>
+       
+      Ctrl
+       
+    </kbd>
+    +
+    <kbd>
+       
+      a
+       
+    </kbd>
+  </div>
+</div>
+`;
+
+exports[`KeyboardShortcut doesn't render same modifier twice 2`] = `
+<div>
+  <div
+    class="mx_KeyboardShortcut"
+  >
+    <kbd>
+       
+      Ctrl
+       
+    </kbd>
+    +
+    <kbd>
+       
+      a
+       
+    </kbd>
+  </div>
+</div>
+`;
+
+exports[`KeyboardShortcut renders alternative key name 1`] = `
+<div>
+  <kbd>
+     
+    Page Down
+     
+  </kbd>
+  +
+</div>
+`;
+
+exports[`KeyboardShortcut renders key icon 1`] = `
+<div>
+  <kbd>
+     
+    ↓
+     
+  </kbd>
+  +
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
new file mode 100644
index 00000000000..4428800769a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
@@ -0,0 +1,364 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<LayoutSwitcher /> should render 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsSubsection mx_SettingsSubsection_newUi"
+    data-testid="layoutPanel"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Message layout
+      </h2>
+    </div>
+    <div
+      class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
+    >
+      <form
+        class="_root_1o4d9_17 mx_LayoutSwitcher_LayoutSelector"
+      >
+        <div
+          class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
+        >
+          <label
+            aria-label="Modern"
+            class="_label_1o4d9_60"
+            for="radix-react-use-id-1"
+          >
+            <div
+              class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
+            >
+              <div
+                class="_container_1ug7n_10"
+              >
+                <input
+                  checked=""
+                  class="_input_1ug7n_18"
+                  id="radix-react-use-id-1"
+                  name="layout"
+                  title=""
+                  type="radio"
+                  value="group"
+                />
+                <div
+                  class="_ui_1ug7n_19"
+                />
+              </div>
+              <span>
+                Modern
+              </span>
+            </div>
+            <hr
+              class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_separator"
+            />
+            <div
+              class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_EventTilePreview"
+              role="presentation"
+            >
+              <div
+                aria-atomic="true"
+                aria-live="off"
+                class="mx_EventTile"
+                data-event-id="$9999999999999999999999999999999999999999999"
+                data-has-reply="false"
+                data-layout="group"
+                data-scroll-tokens="$9999999999999999999999999999999999999999999"
+                data-self="true"
+                tabindex="-1"
+              >
+                <div
+                  class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8"
+                  role="button"
+                  tabindex="0"
+                >
+                  <span
+                    class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 mx_DisambiguatedProfile_displayName"
+                    dir="auto"
+                  >
+                    Alice
+                  </span>
+                </div>
+                <div
+                  class="mx_EventTile_avatar"
+                >
+                  <span
+                    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+                    data-color="2"
+                    data-testid="avatar-img"
+                    data-type="round"
+                    role="presentation"
+                    style="--cpd-avatar-size: 30px;"
+                    title="@userId:matrix.org"
+                  >
+                    A
+                  </span>
+                </div>
+                <div
+                  class="mx_EventTile_line"
+                  id="1"
+                >
+                  <div
+                    class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+                  >
+                    <div
+                      class="mx_EventTile_body translate"
+                      dir="auto"
+                    >
+                      Hey you. You're the best!
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </label>
+        </div>
+        <div
+          class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
+        >
+          <label
+            aria-label="Message bubbles"
+            class="_label_1o4d9_60"
+            for="radix-react-use-id-2"
+          >
+            <div
+              class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
+            >
+              <div
+                class="_container_1ug7n_10"
+              >
+                <input
+                  class="_input_1ug7n_18"
+                  id="radix-react-use-id-2"
+                  name="layout"
+                  title=""
+                  type="radio"
+                  value="bubble"
+                />
+                <div
+                  class="_ui_1ug7n_19"
+                />
+              </div>
+              <span>
+                Message bubbles
+              </span>
+            </div>
+            <hr
+              class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_separator"
+            />
+            <div
+              class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_EventTilePreview"
+              role="presentation"
+            >
+              <div
+                aria-atomic="true"
+                aria-live="off"
+                class="mx_EventTile"
+                data-event-id="$9999999999999999999999999999999999999999999"
+                data-has-reply="false"
+                data-layout="bubble"
+                data-scroll-tokens="$9999999999999999999999999999999999999999999"
+                data-self="true"
+                tabindex="-1"
+              >
+                <div
+                  class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8"
+                  role="button"
+                  tabindex="0"
+                >
+                  <span
+                    class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 mx_DisambiguatedProfile_displayName"
+                    dir="auto"
+                  >
+                    Alice
+                  </span>
+                </div>
+                <div
+                  class="mx_EventTile_avatar"
+                >
+                  <span
+                    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+                    data-color="2"
+                    data-testid="avatar-img"
+                    data-type="round"
+                    role="presentation"
+                    style="--cpd-avatar-size: 30px;"
+                    title="@userId:matrix.org"
+                  >
+                    A
+                  </span>
+                </div>
+                <div
+                  class="mx_EventTile_line"
+                  id="2"
+                >
+                  <div
+                    class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+                  >
+                    <div
+                      class="mx_EventTile_body translate"
+                      dir="auto"
+                    >
+                      Hey you. You're the best!
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </label>
+        </div>
+        <div
+          class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
+        >
+          <label
+            aria-label="IRC (experimental)"
+            class="_label_1o4d9_60"
+            for="radix-react-use-id-3"
+          >
+            <div
+              class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
+            >
+              <div
+                class="_container_1ug7n_10"
+              >
+                <input
+                  class="_input_1ug7n_18"
+                  id="radix-react-use-id-3"
+                  name="layout"
+                  title=""
+                  type="radio"
+                  value="irc"
+                />
+                <div
+                  class="_ui_1ug7n_19"
+                />
+              </div>
+              <span>
+                IRC (experimental)
+              </span>
+            </div>
+            <hr
+              class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_separator"
+            />
+            <div
+              class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_EventTilePreview mx_IRCLayout"
+              role="presentation"
+            >
+              <div
+                aria-atomic="true"
+                aria-live="off"
+                class="mx_EventTile"
+                data-event-id="$9999999999999999999999999999999999999999999"
+                data-has-reply="false"
+                data-layout="irc"
+                data-scroll-tokens="$9999999999999999999999999999999999999999999"
+                data-self="true"
+                tabindex="-1"
+              >
+                <span
+                  class="mx_MessageTimestamp"
+                />
+                <div
+                  class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8"
+                  role="button"
+                  tabindex="0"
+                >
+                  <span
+                    class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 mx_DisambiguatedProfile_displayName"
+                    dir="auto"
+                  >
+                    Alice
+                  </span>
+                </div>
+                <div
+                  class="mx_EventTile_avatar"
+                >
+                  <span
+                    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+                    data-color="2"
+                    data-testid="avatar-img"
+                    data-type="round"
+                    role="presentation"
+                    style="--cpd-avatar-size: 14px;"
+                    title="@userId:matrix.org"
+                  >
+                    A
+                  </span>
+                </div>
+                <div
+                  class="mx_EventTile_line"
+                  id="3"
+                >
+                  <div
+                    class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+                  >
+                    <div
+                      class="mx_EventTile_body translate"
+                      dir="auto"
+                    >
+                      Hey you. You're the best!
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </label>
+        </div>
+      </form>
+      <form
+        class="_root_1o4d9_17"
+      >
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                aria-describedby="radix-react-use-id-4"
+                class="_input_udcm8_24"
+                id="radix-react-use-id-5"
+                name="compactLayout"
+                role="switch"
+                title=""
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="radix-react-use-id-5"
+            >
+              Show compact text and messages
+            </label>
+            <span
+              class="_message_1o4d9_86 _help-message_1o4d9_92"
+              id="radix-react-use-id-4"
+            >
+              Modern layout must be selected to use this feature.
+            </span>
+          </div>
+        </div>
+      </form>
+    </div>
+    <div
+      class="_separator_13qwf_8"
+      data-kind="primary"
+      data-orientation="horizontal"
+      role="separator"
+    />
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/Notifications-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/Notifications-test.tsx.snap
new file mode 100644
index 00000000000..012088d6635
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/Notifications-test.tsx.snap
@@ -0,0 +1,115 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<Notifications /> main notification switches renders only enable notifications switch when notifications are disabled 1`] = `
+<div>
+  <form
+    class="_root_1o4d9_17"
+  >
+    <div
+      class="_inline-field_1o4d9_33"
+    >
+      <div
+        class="_inline-field-control_1o4d9_45"
+      >
+        <div
+          class="_container_udcm8_10"
+        >
+          <input
+            class="_input_udcm8_24"
+            id="react-use-id-1"
+            role="switch"
+            type="checkbox"
+          />
+          <div
+            class="_ui_udcm8_34"
+          />
+        </div>
+      </div>
+      <div
+        class="_inline-field-body_1o4d9_39"
+      >
+        <label
+          class="_label_1o4d9_60"
+          for="react-use-id-1"
+        >
+          Enable notifications for this account
+        </label>
+        <span
+          class="_message_1o4d9_86 _help-message_1o4d9_92"
+          id="radix-react-use-id-2"
+        >
+          Turn off to disable notifications on all your devices and sessions
+        </span>
+      </div>
+    </div>
+  </form>
+  <form
+    class="_root_1o4d9_17"
+  >
+    <div
+      class="_inline-field_1o4d9_33"
+    >
+      <div
+        class="_inline-field-control_1o4d9_45"
+      >
+        <div
+          class="_container_udcm8_10"
+        >
+          <input
+            checked=""
+            class="_input_udcm8_24"
+            id="mx_SettingsFlag_testid_0"
+            role="switch"
+            type="checkbox"
+          />
+          <div
+            class="_ui_udcm8_34"
+          />
+        </div>
+      </div>
+      <div
+        class="_inline-field-body_1o4d9_39"
+      >
+        <label
+          class="_label_1o4d9_60"
+          for="mx_SettingsFlag_testid_0"
+        >
+          Show all activity in the room list (dots or number of unread messages)
+        </label>
+      </div>
+    </div>
+    <div
+      class="_inline-field_1o4d9_33"
+    >
+      <div
+        class="_inline-field-control_1o4d9_45"
+      >
+        <div
+          class="_container_udcm8_10"
+        >
+          <input
+            checked=""
+            class="_input_udcm8_24"
+            id="mx_SettingsFlag_testid_1"
+            role="switch"
+            type="checkbox"
+          />
+          <div
+            class="_ui_udcm8_34"
+          />
+        </div>
+      </div>
+      <div
+        class="_inline-field-body_1o4d9_39"
+      >
+        <label
+          class="_label_1o4d9_60"
+          for="mx_SettingsFlag_testid_1"
+        >
+          Only show notifications in the thread activity centre
+        </label>
+      </div>
+    </div>
+  </form>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/PowerLevelSelector-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/PowerLevelSelector-test.tsx.snap
new file mode 100644
index 00000000000..3b3d639b35f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/PowerLevelSelector-test.tsx.snap
@@ -0,0 +1,283 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`PowerLevelSelector should display only the current user 1`] = `
+<fieldset
+  class="mx_SettingsFieldset"
+>
+  <legend
+    class="mx_SettingsFieldset_legend"
+  >
+    title
+  </legend>
+  <div
+    class="mx_SettingsFieldset_content"
+  >
+    <div
+      class="mx_PowerSelector"
+    >
+      <div
+        class="mx_Field mx_Field_select"
+      >
+        <select
+          data-testid="power-level-select-element"
+          id="mx_Field_4"
+          label="@userId:matrix.org"
+          placeholder="@userId:matrix.org"
+          type="text"
+        >
+          <option
+            data-testid="power-level-option-0"
+            value="0"
+          >
+            Default
+          </option>
+          <option
+            data-testid="power-level-option-50"
+            value="50"
+          >
+            Moderator
+          </option>
+          <option
+            data-testid="power-level-option-100"
+            value="100"
+          >
+            Admin
+          </option>
+          <option
+            data-testid="power-level-option-SELECT_VALUE_CUSTOM"
+            value="SELECT_VALUE_CUSTOM"
+          >
+            Custom level
+          </option>
+        </select>
+        <label
+          for="mx_Field_4"
+        >
+          @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_1nw83_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
+      data-kind="primary"
+      data-size="md"
+      role="button"
+      tabindex="0"
+    >
+      Apply
+    </button>
+  </div>
+</fieldset>
+`;
+
+exports[`PowerLevelSelector should render 1`] = `
+<fieldset
+  class="mx_SettingsFieldset"
+>
+  <legend
+    class="mx_SettingsFieldset_legend"
+  >
+    title
+  </legend>
+  <div
+    class="mx_SettingsFieldset_content"
+  >
+    <div
+      class="mx_PowerSelector"
+    >
+      <div
+        class="mx_Field mx_Field_select"
+      >
+        <select
+          data-testid="power-level-select-element"
+          id="mx_Field_1"
+          label="@bob:server.org"
+          placeholder="@bob:server.org"
+          type="text"
+        >
+          <option
+            data-testid="power-level-option-0"
+            value="0"
+          >
+            Default
+          </option>
+          <option
+            data-testid="power-level-option-50"
+            value="50"
+          >
+            Moderator
+          </option>
+          <option
+            data-testid="power-level-option-100"
+            value="100"
+          >
+            Admin
+          </option>
+          <option
+            data-testid="power-level-option-SELECT_VALUE_CUSTOM"
+            value="SELECT_VALUE_CUSTOM"
+          >
+            Custom level
+          </option>
+        </select>
+        <label
+          for="mx_Field_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
+      class="mx_PowerSelector"
+    >
+      <div
+        class="mx_Field mx_Field_select"
+      >
+        <select
+          data-testid="power-level-select-element"
+          id="mx_Field_2"
+          label="@alice:server.org"
+          placeholder="@alice:server.org"
+          type="text"
+        >
+          <option
+            data-testid="power-level-option-0"
+            value="0"
+          >
+            Default
+          </option>
+          <option
+            data-testid="power-level-option-50"
+            value="50"
+          >
+            Moderator
+          </option>
+          <option
+            data-testid="power-level-option-100"
+            value="100"
+          >
+            Admin
+          </option>
+          <option
+            data-testid="power-level-option-SELECT_VALUE_CUSTOM"
+            value="SELECT_VALUE_CUSTOM"
+          >
+            Custom level
+          </option>
+        </select>
+        <label
+          for="mx_Field_2"
+        >
+          @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
+      class="mx_PowerSelector"
+    >
+      <div
+        class="mx_Field mx_Field_select"
+      >
+        <select
+          data-testid="power-level-select-element"
+          id="mx_Field_3"
+          label="@userId:matrix.org"
+          placeholder="@userId:matrix.org"
+          type="text"
+        >
+          <option
+            data-testid="power-level-option-0"
+            value="0"
+          >
+            Default
+          </option>
+          <option
+            data-testid="power-level-option-50"
+            value="50"
+          >
+            Moderator
+          </option>
+          <option
+            data-testid="power-level-option-100"
+            value="100"
+          >
+            Admin
+          </option>
+          <option
+            data-testid="power-level-option-SELECT_VALUE_CUSTOM"
+            value="SELECT_VALUE_CUSTOM"
+          >
+            Custom level
+          </option>
+        </select>
+        <label
+          for="mx_Field_3"
+        >
+          @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_1nw83_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
+      data-kind="primary"
+      data-size="md"
+      role="button"
+      tabindex="0"
+    >
+      Apply
+    </button>
+  </div>
+</fieldset>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIdServer-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIdServer-test.tsx.snap
new file mode 100644
index 00000000000..3e1bb4bd7ac
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIdServer-test.tsx.snap
@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SetIdServer /> renders expected fields 1`] = `
+<DocumentFragment>
+  <fieldset
+    class="mx_SettingsFieldset"
+  >
+    <legend
+      class="mx_SettingsFieldset_legend"
+    >
+      Identity server
+    </legend>
+    <div
+      class="mx_SettingsFieldset_description"
+    >
+      <div
+        class="mx_SettingsSubsection_text"
+      >
+        You are not currently using an identity server. To discover and be discoverable by existing contacts you know, add one below.
+      </div>
+    </div>
+    <div
+      class="mx_SettingsFieldset_content"
+    >
+      <form
+        class="_root_1o4d9_17 mx_IdentityServerPicker"
+      >
+        <div
+          class="_field_1o4d9_27"
+        >
+          <label
+            class="_label_1o4d9_60"
+            for="radix-react-use-id-1"
+          >
+            Enter a new identity server
+          </label>
+          <div
+            class="_controls_17lij_8"
+          >
+            <input
+              class="_control_d83jn_10"
+              id="radix-react-use-id-1"
+              name="input"
+              placeholder=""
+              title=""
+              value=""
+            />
+          </div>
+        </div>
+      </form>
+    </div>
+  </fieldset>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIntegrationManager-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIntegrationManager-test.tsx.snap
new file mode 100644
index 00000000000..4a5827d8595
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIntegrationManager-test.tsx.snap
@@ -0,0 +1,76 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`SetIntegrationManager should render manage integrations sections 1`] = `
+<form
+  class="_root_1o4d9_17 mx_SetIntegrationManager"
+  data-testid="mx_SetIntegrationManager"
+>
+  <div
+    class="mx_SettingsFlag"
+  >
+    <div
+      class="mx_SetIntegrationManager_heading_manager"
+    >
+      <h2
+        class="mx_Heading_h3"
+      >
+        Manage integrations
+      </h2>
+      <h3
+        class="mx_Heading_h4"
+        id="mx_SetIntegrationManager_ManagerName"
+      >
+        (scalar.vector.im)
+      </h3>
+    </div>
+  </div>
+  <div
+    class="mx_SettingsSubsection_text"
+    id="mx_SetIntegrationManager_BodyText"
+  >
+    <span>
+      Use an integration manager 
+      <strong>
+        (scalar.vector.im)
+      </strong>
+       to manage bots, widgets, and sticker packs.
+    </span>
+  </div>
+  <div
+    class="mx_SettingsSubsection_text"
+  >
+    Integration managers receive configuration data, and can modify widgets, send room invites, and set power levels on your behalf.
+  </div>
+  <div
+    class="_inline-field_1o4d9_33"
+  >
+    <div
+      class="_inline-field-control_1o4d9_45"
+    >
+      <div
+        class="_container_udcm8_10"
+      >
+        <input
+          class="_input_udcm8_24"
+          id="react-use-id-1"
+          role="switch"
+          type="checkbox"
+        />
+        <div
+          class="_ui_udcm8_34"
+        />
+      </div>
+    </div>
+    <div
+      class="_inline-field-body_1o4d9_39"
+    >
+      <label
+        class="_label_1o4d9_60"
+        for="react-use-id-1"
+      >
+        Enable the integration manager
+      </label>
+    </div>
+  </div>
+</form>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/SettingsFieldset-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/SettingsFieldset-test.tsx.snap
new file mode 100644
index 00000000000..e323737f0c4
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/SettingsFieldset-test.tsx.snap
@@ -0,0 +1,92 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SettingsFieldset /> renders fieldset with plain text description 1`] = `
+<DocumentFragment>
+  <fieldset
+    class="mx_SettingsFieldset"
+    data-testid="test"
+  >
+    <legend
+      class="mx_SettingsFieldset_legend"
+    >
+      Who can read history?
+    </legend>
+    <div
+      class="mx_SettingsFieldset_description"
+    >
+      <div
+        class="mx_SettingsSubsection_text"
+      >
+        Changes to who can read history.
+      </div>
+    </div>
+    <div
+      class="mx_SettingsFieldset_content"
+    >
+      <div>
+        test
+      </div>
+    </div>
+  </fieldset>
+</DocumentFragment>
+`;
+
+exports[`<SettingsFieldset /> renders fieldset with react description 1`] = `
+<DocumentFragment>
+  <fieldset
+    class="mx_SettingsFieldset"
+    data-testid="test"
+  >
+    <legend
+      class="mx_SettingsFieldset_legend"
+    >
+      Who can read history?
+    </legend>
+    <div
+      class="mx_SettingsFieldset_description"
+    >
+      <div
+        class="mx_SettingsSubsection_text"
+      >
+        <p>
+          Test
+        </p>
+        <a
+          href="#test"
+        >
+          a link
+        </a>
+      </div>
+    </div>
+    <div
+      class="mx_SettingsFieldset_content"
+    >
+      <div>
+        test
+      </div>
+    </div>
+  </fieldset>
+</DocumentFragment>
+`;
+
+exports[`<SettingsFieldset /> renders fieldset without description 1`] = `
+<DocumentFragment>
+  <fieldset
+    class="mx_SettingsFieldset"
+    data-testid="test"
+  >
+    <legend
+      class="mx_SettingsFieldset_legend"
+    >
+      Who can read history?
+    </legend>
+    <div
+      class="mx_SettingsFieldset_content"
+    >
+      <div>
+        test
+      </div>
+    </div>
+  </fieldset>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/SettingsHeader-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/SettingsHeader-test.tsx.snap
new file mode 100644
index 00000000000..d1fa54a2b5f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/SettingsHeader-test.tsx.snap
@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SettingsHeader /> should render the component 1`] = `
+<DocumentFragment>
+  <h2
+    class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 mx_SettingsHeader"
+  >
+    Settings Header
+  </h2>
+</DocumentFragment>
+`;
+
+exports[`<SettingsHeader /> should render the component with the recommended tag 1`] = `
+<DocumentFragment>
+  <h2
+    class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 mx_SettingsHeader mx_SettingsHeader_recommended"
+  >
+    Settings Header
+  </h2>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/SettingsSubheader-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/SettingsSubheader-test.tsx.snap
new file mode 100644
index 00000000000..37ab8343c32
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/SettingsSubheader-test.tsx.snap
@@ -0,0 +1,77 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SettingsSubheader /> should display a check icon when in success 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsSubheader"
+  >
+    <span
+      class="mx_SettingsSubheader_success"
+    >
+      <svg
+        fill="currentColor"
+        height="20px"
+        viewBox="0 0 24 24"
+        width="20px"
+        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 22"
+        />
+      </svg>
+      Success!
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<SettingsSubheader /> should display a label 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsSubheader"
+  >
+    My label
+    <span
+      class="mx_SettingsSubheader_success"
+    >
+      <svg
+        fill="currentColor"
+        height="20px"
+        viewBox="0 0 24 24"
+        width="20px"
+        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 22"
+        />
+      </svg>
+      Success!
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<SettingsSubheader /> should display an error icon when in error 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsSubheader"
+  >
+    <span
+      class="mx_SettingsSubheader_error"
+    >
+      <svg
+        fill="currentColor"
+        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>
+      Error!
+    </span>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap
new file mode 100644
index 00000000000..dfb3bbe6d6b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap
@@ -0,0 +1,729 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsSubsection mx_SettingsSubsection_newUi"
+    data-testid="themePanel"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Theme
+      </h2>
+    </div>
+    <div
+      class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
+    >
+      <form
+        class="_root_1o4d9_17"
+      >
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                class="_input_udcm8_24"
+                id="radix-react-use-id-1"
+                name="systemTheme"
+                role="switch"
+                title=""
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="radix-react-use-id-1"
+            >
+              Match system theme
+            </label>
+          </div>
+        </div>
+      </form>
+      <form
+        class="_root_1o4d9_17 mx_ThemeChoicePanel_ThemeSelectors"
+      >
+        <div
+          class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_1ug7n_10"
+            >
+              <input
+                checked=""
+                class="_input_1ug7n_18"
+                id="radix-react-use-id-2"
+                name="themeSelector"
+                title=""
+                type="radio"
+                value="light"
+              />
+              <div
+                class="_ui_1ug7n_19"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+              for="radix-react-use-id-2"
+            >
+              Light
+            </label>
+          </div>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_1ug7n_10"
+            >
+              <input
+                class="_input_1ug7n_18"
+                id="radix-react-use-id-3"
+                name="themeSelector"
+                title=""
+                type="radio"
+                value="dark"
+              />
+              <div
+                class="_ui_1ug7n_19"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+              for="radix-react-use-id-3"
+            >
+              Dark
+            </label>
+          </div>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_1ug7n_10"
+            >
+              <input
+                class="_input_1ug7n_18"
+                id="radix-react-use-id-4"
+                name="themeSelector"
+                title=""
+                type="radio"
+                value="light-high-contrast"
+              />
+              <div
+                class="_ui_1ug7n_19"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+              for="radix-react-use-id-4"
+            >
+              High contrast
+            </label>
+          </div>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_1ug7n_10"
+            >
+              <input
+                class="_input_1ug7n_18"
+                id="radix-react-use-id-5"
+                name="themeSelector"
+                title=""
+                type="radio"
+                value="custom-Alice theme"
+              />
+              <div
+                class="_ui_1ug7n_19"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+              for="radix-react-use-id-5"
+            >
+              Alice theme
+            </label>
+          </div>
+        </div>
+      </form>
+      <div
+        class="mx_ThemeChoicePanel_CustomTheme"
+      >
+        <form
+          class="_root_1o4d9_17 mx_ThemeChoicePanel_CustomTheme_EditInPlace"
+        >
+          <div
+            class="_field_1o4d9_27"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="radix-react-use-id-6"
+            >
+              Add custom theme
+            </label>
+            <div
+              class="_controls_17lij_8"
+            >
+              <input
+                aria-describedby="radix-react-use-id-7"
+                class="_control_d83jn_10"
+                id="radix-react-use-id-6"
+                name="input"
+                title=""
+                value=""
+              />
+            </div>
+            <span
+              class="_message_1o4d9_86 _help-message_1o4d9_92"
+              id="radix-react-use-id-7"
+            >
+              Enter the URL of a custom theme you want to apply.
+            </span>
+          </div>
+        </form>
+        <ul
+          class="mx_ThemeChoicePanel_CustomThemeList"
+        >
+          <li
+            aria-label="Alice theme"
+            class="mx_ThemeChoicePanel_CustomThemeList_theme"
+          >
+            <span
+              class="mx_ThemeChoicePanel_CustomThemeList_name"
+            >
+              Alice theme
+            </span>
+            <button
+              aria-label="Delete"
+              aria-labelledby="react-use-id-8"
+              class="_icon-button_1215g_8 _destructive_1215g_95"
+              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
+                  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>
+              </div>
+            </button>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div
+      class="_separator_13qwf_8"
+      data-kind="primary"
+      data-orientation="horizontal"
+      role="separator"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<ThemeChoicePanel /> custom theme should render the custom theme section 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsSubsection mx_SettingsSubsection_newUi"
+    data-testid="themePanel"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Theme
+      </h2>
+    </div>
+    <div
+      class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
+    >
+      <form
+        class="_root_1o4d9_17"
+      >
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                class="_input_udcm8_24"
+                id="radix-react-use-id-1"
+                name="systemTheme"
+                role="switch"
+                title=""
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="radix-react-use-id-1"
+            >
+              Match system theme
+            </label>
+          </div>
+        </div>
+      </form>
+      <form
+        class="_root_1o4d9_17 mx_ThemeChoicePanel_ThemeSelectors"
+      >
+        <div
+          class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_1ug7n_10"
+            >
+              <input
+                checked=""
+                class="_input_1ug7n_18"
+                id="radix-react-use-id-2"
+                name="themeSelector"
+                title=""
+                type="radio"
+                value="light"
+              />
+              <div
+                class="_ui_1ug7n_19"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+              for="radix-react-use-id-2"
+            >
+              Light
+            </label>
+          </div>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_1ug7n_10"
+            >
+              <input
+                class="_input_1ug7n_18"
+                id="radix-react-use-id-3"
+                name="themeSelector"
+                title=""
+                type="radio"
+                value="dark"
+              />
+              <div
+                class="_ui_1ug7n_19"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+              for="radix-react-use-id-3"
+            >
+              Dark
+            </label>
+          </div>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_1ug7n_10"
+            >
+              <input
+                class="_input_1ug7n_18"
+                id="radix-react-use-id-4"
+                name="themeSelector"
+                title=""
+                type="radio"
+                value="light-high-contrast"
+              />
+              <div
+                class="_ui_1ug7n_19"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+              for="radix-react-use-id-4"
+            >
+              High contrast
+            </label>
+          </div>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_1ug7n_10"
+            >
+              <input
+                class="_input_1ug7n_18"
+                id="radix-react-use-id-5"
+                name="themeSelector"
+                title=""
+                type="radio"
+                value="custom-Alice theme"
+              />
+              <div
+                class="_ui_1ug7n_19"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+              for="radix-react-use-id-5"
+            >
+              Alice theme
+            </label>
+          </div>
+        </div>
+      </form>
+      <div
+        class="mx_ThemeChoicePanel_CustomTheme"
+      >
+        <form
+          class="_root_1o4d9_17 mx_ThemeChoicePanel_CustomTheme_EditInPlace"
+        >
+          <div
+            class="_field_1o4d9_27"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="radix-react-use-id-6"
+            >
+              Add custom theme
+            </label>
+            <div
+              class="_controls_17lij_8"
+            >
+              <input
+                aria-describedby="radix-react-use-id-7"
+                class="_control_d83jn_10"
+                id="radix-react-use-id-6"
+                name="input"
+                title=""
+                value=""
+              />
+            </div>
+            <span
+              class="_message_1o4d9_86 _help-message_1o4d9_92"
+              id="radix-react-use-id-7"
+            >
+              Enter the URL of a custom theme you want to apply.
+            </span>
+          </div>
+        </form>
+        <ul
+          class="mx_ThemeChoicePanel_CustomThemeList"
+        >
+          <li
+            aria-label="Alice theme"
+            class="mx_ThemeChoicePanel_CustomThemeList_theme"
+          >
+            <span
+              class="mx_ThemeChoicePanel_CustomThemeList_name"
+            >
+              Alice theme
+            </span>
+            <button
+              aria-label="Delete"
+              aria-labelledby="react-use-id-8"
+              class="_icon-button_1215g_8 _destructive_1215g_95"
+              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
+                  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>
+              </div>
+            </button>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div
+      class="_separator_13qwf_8"
+      data-kind="primary"
+      data-orientation="horizontal"
+      role="separator"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsSubsection mx_SettingsSubsection_newUi"
+    data-testid="themePanel"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Theme
+      </h2>
+    </div>
+    <div
+      class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
+    >
+      <form
+        class="_root_1o4d9_17"
+      >
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                class="_input_udcm8_24"
+                id="radix-react-use-id-1"
+                name="systemTheme"
+                role="switch"
+                title=""
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="radix-react-use-id-1"
+            >
+              Match system theme
+            </label>
+          </div>
+        </div>
+      </form>
+      <form
+        class="_root_1o4d9_17 mx_ThemeChoicePanel_ThemeSelectors"
+      >
+        <div
+          class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_1ug7n_10"
+            >
+              <input
+                checked=""
+                class="_input_1ug7n_18"
+                id="radix-react-use-id-2"
+                name="themeSelector"
+                title=""
+                type="radio"
+                value="light"
+              />
+              <div
+                class="_ui_1ug7n_19"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+              for="radix-react-use-id-2"
+            >
+              Light
+            </label>
+          </div>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_1ug7n_10"
+            >
+              <input
+                class="_input_1ug7n_18"
+                id="radix-react-use-id-3"
+                name="themeSelector"
+                title=""
+                type="radio"
+                value="dark"
+              />
+              <div
+                class="_ui_1ug7n_19"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+              for="radix-react-use-id-3"
+            >
+              Dark
+            </label>
+          </div>
+        </div>
+        <div
+          class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_1ug7n_10"
+            >
+              <input
+                class="_input_1ug7n_18"
+                id="radix-react-use-id-4"
+                name="themeSelector"
+                title=""
+                type="radio"
+                value="light-high-contrast"
+              />
+              <div
+                class="_ui_1ug7n_19"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+              for="radix-react-use-id-4"
+            >
+              High contrast
+            </label>
+          </div>
+        </div>
+      </form>
+    </div>
+    <div
+      class="_separator_13qwf_8"
+      data-kind="primary"
+      data-orientation="horizontal"
+      role="separator"
+    />
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/CurrentDeviceSection-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/CurrentDeviceSection-test.tsx
new file mode 100644
index 00000000000..3912ab590d4
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/CurrentDeviceSection-test.tsx
@@ -0,0 +1,93 @@
+/*
+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 { act, fireEvent, render } from "jest-matrix-react";
+
+import CurrentDeviceSection from "../../../../../../src/components/views/settings/devices/CurrentDeviceSection";
+import type { ExtendedDevice } from "../../../../../../src/components/views/settings/devices/types.ts";
+
+describe("<CurrentDeviceSection />", () => {
+    const deviceId = "alices_device";
+
+    const alicesVerifiedDevice: ExtendedDevice = {
+        device_id: deviceId,
+        isVerified: false,
+    };
+    const alicesUnverifiedDevice: ExtendedDevice = {
+        device_id: deviceId,
+        isVerified: false,
+    };
+
+    const defaultProps = {
+        device: alicesVerifiedDevice,
+        onVerifyCurrentDevice: jest.fn(),
+        onSignOutCurrentDevice: jest.fn(),
+        saveDeviceName: jest.fn(),
+        isLoading: false,
+        isSigningOut: false,
+        otherSessionsCount: 1,
+        setPushNotifications: jest.fn(),
+    };
+
+    const getComponent = (props = {}): React.ReactElement => <CurrentDeviceSection {...defaultProps} {...props} />;
+
+    it("renders spinner while device is loading", () => {
+        const { container } = render(getComponent({ device: undefined, isLoading: true }));
+        expect(container.getElementsByClassName("mx_Spinner").length).toBeTruthy();
+    });
+
+    it("handles when device is falsy", async () => {
+        const { container } = render(getComponent({ device: undefined }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders device and correct security card when device is verified", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders device and correct security card when device is unverified", () => {
+        const { container } = render(getComponent({ device: alicesUnverifiedDevice }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("displays device details on main tile click", () => {
+        const { getByTestId, container } = render(getComponent({ device: alicesUnverifiedDevice }));
+
+        act(() => {
+            fireEvent.click(getByTestId(`device-tile-${alicesUnverifiedDevice.device_id}`));
+        });
+
+        expect(container.getElementsByClassName("mx_DeviceDetails").length).toBeTruthy();
+
+        act(() => {
+            fireEvent.click(getByTestId(`device-tile-${alicesUnverifiedDevice.device_id}`));
+        });
+
+        // device details are hidden
+        expect(container.getElementsByClassName("mx_DeviceDetails").length).toBeFalsy();
+    });
+
+    it("displays device details on toggle click", () => {
+        const { container, getByTestId } = render(getComponent({ device: alicesUnverifiedDevice }));
+
+        act(() => {
+            fireEvent.click(getByTestId("current-session-toggle-details"));
+        });
+
+        expect(container.getElementsByClassName("mx_DeviceDetails")).toMatchSnapshot();
+
+        act(() => {
+            fireEvent.click(getByTestId("current-session-toggle-details"));
+        });
+
+        // device details are hidden
+        expect(container.getElementsByClassName("mx_DeviceDetails").length).toBeFalsy();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/DeviceDetailHeading-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/DeviceDetailHeading-test.tsx
new file mode 100644
index 00000000000..be48cddc3ae
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/DeviceDetailHeading-test.tsx
@@ -0,0 +1,140 @@
+/*
+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 { fireEvent, render, type RenderResult } from "jest-matrix-react";
+
+import { DeviceDetailHeading } from "../../../../../../src/components/views/settings/devices/DeviceDetailHeading";
+import { flushPromisesWithFakeTimers } from "../../../../../test-utils";
+import type { ExtendedDevice } from "../../../../../../src/components/views/settings/devices/types.ts";
+
+jest.useFakeTimers();
+
+describe("<DeviceDetailHeading />", () => {
+    const device: ExtendedDevice = {
+        device_id: "123",
+        display_name: "My device",
+        isVerified: true,
+    };
+    const defaultProps = {
+        device,
+        saveDeviceName: jest.fn(),
+    };
+    const getComponent = (props = {}) => <DeviceDetailHeading {...defaultProps} {...props} />;
+
+    const setInputValue = (getByTestId: RenderResult["getByTestId"], value: string) => {
+        const input = getByTestId("device-rename-input");
+
+        fireEvent.change(input, { target: { value } });
+    };
+
+    it("renders device name", () => {
+        const { container } = render(getComponent());
+        expect({ container }).toMatchSnapshot();
+    });
+
+    it("renders device id as fallback when device has no display name", () => {
+        const { getByText } = render(
+            getComponent({
+                device: { ...device, display_name: undefined },
+            }),
+        );
+        expect(getByText(device.device_id)).toBeTruthy();
+    });
+
+    it("displays name edit form on rename button click", () => {
+        const { getByTestId, container } = render(getComponent());
+
+        fireEvent.click(getByTestId("device-heading-rename-cta"));
+
+        expect({ container }).toMatchSnapshot();
+    });
+
+    it("cancelling edit switches back to original display", () => {
+        const { getByTestId, container } = render(getComponent());
+
+        // start editing
+        fireEvent.click(getByTestId("device-heading-rename-cta"));
+
+        // stop editing
+        fireEvent.click(getByTestId("device-rename-cancel-cta"));
+
+        expect(container.getElementsByClassName("mx_DeviceDetailHeading").length).toBe(1);
+    });
+
+    it("clicking submit updates device name with edited value", () => {
+        const saveDeviceName = jest.fn();
+        const { getByTestId } = render(getComponent({ saveDeviceName }));
+
+        // start editing
+        fireEvent.click(getByTestId("device-heading-rename-cta"));
+
+        setInputValue(getByTestId, "new device name");
+
+        fireEvent.click(getByTestId("device-rename-submit-cta"));
+
+        expect(saveDeviceName).toHaveBeenCalledWith("new device name");
+    });
+
+    it("disables form while device name is saving", () => {
+        const { getByTestId, container } = render(getComponent());
+
+        // start editing
+        fireEvent.click(getByTestId("device-heading-rename-cta"));
+
+        setInputValue(getByTestId, "new device name");
+
+        fireEvent.click(getByTestId("device-rename-submit-cta"));
+
+        // buttons disabled
+        expect(getByTestId("device-rename-cancel-cta").getAttribute("aria-disabled")).toEqual("true");
+        expect(getByTestId("device-rename-submit-cta").getAttribute("aria-disabled")).toEqual("true");
+
+        expect(container.getElementsByClassName("mx_Spinner").length).toBeTruthy();
+    });
+
+    it("toggles out of editing mode when device name is saved successfully", async () => {
+        const { getByTestId, findByTestId } = render(getComponent());
+
+        // start editing
+        fireEvent.click(getByTestId("device-heading-rename-cta"));
+        setInputValue(getByTestId, "new device name");
+        fireEvent.click(getByTestId("device-rename-submit-cta"));
+
+        await flushPromisesWithFakeTimers();
+
+        // read mode displayed
+        await expect(findByTestId("device-detail-heading")).resolves.toBeTruthy();
+    });
+
+    it("displays error when device name fails to save", async () => {
+        const saveDeviceName = jest.fn().mockRejectedValueOnce("oups").mockResolvedValue({});
+        const { getByTestId, queryByText, findByText, container } = render(getComponent({ saveDeviceName }));
+
+        // start editing
+        fireEvent.click(getByTestId("device-heading-rename-cta"));
+        setInputValue(getByTestId, "new device name");
+        fireEvent.click(getByTestId("device-rename-submit-cta"));
+
+        // flush promise
+        await flushPromisesWithFakeTimers();
+        // then tick for render
+        await flushPromisesWithFakeTimers();
+
+        // error message displayed
+        await expect(findByText("Failed to set session name")).resolves.toBeTruthy();
+        // spinner removed
+        expect(container.getElementsByClassName("mx_Spinner").length).toBeFalsy();
+
+        // try again
+        fireEvent.click(getByTestId("device-rename-submit-cta"));
+
+        // error message cleared
+        expect(queryByText("Failed to set display name")).toBeFalsy();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/DeviceDetails-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/DeviceDetails-test.tsx
new file mode 100644
index 00000000000..b5427760dfe
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/DeviceDetails-test.tsx
@@ -0,0 +1,186 @@
+/*
+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 ComponentProps } from "react";
+import { fireEvent, render } from "jest-matrix-react";
+import { PUSHER_ENABLED } from "matrix-js-sdk/src/matrix";
+
+import DeviceDetails from "../../../../../../src/components/views/settings/devices/DeviceDetails";
+import { mkPusher } from "../../../../../test-utils/test-utils";
+import type { ExtendedDevice } from "../../../../../../src/components/views/settings/devices/types.ts";
+
+describe("<DeviceDetails />", () => {
+    const baseDevice: ExtendedDevice = {
+        device_id: "my-device",
+        isVerified: false,
+    };
+    const defaultProps: ComponentProps<typeof DeviceDetails> = {
+        device: baseDevice,
+        isSigningOut: false,
+        onSignOutDevice: jest.fn(),
+        saveDeviceName: jest.fn(),
+        setPushNotifications: jest.fn(),
+        supportsMSC3881: true,
+    };
+
+    const getComponent = (props = {}) => <DeviceDetails {...defaultProps} {...props} />;
+
+    // 14.03.2022 16:15
+    const now = 1647270879403;
+    jest.useFakeTimers();
+
+    beforeEach(() => {
+        jest.setSystemTime(now);
+    });
+
+    it("renders device without metadata", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders device with metadata", () => {
+        const device = {
+            ...baseDevice,
+            display_name: "My Device",
+            last_seen_ip: "123.456.789",
+            last_seen_ts: now - 60000000,
+            appName: "Element Web",
+            client: "Firefox 100",
+            deviceModel: "Iphone X",
+            deviceOperatingSystem: "Windows 95",
+        };
+        const { container } = render(getComponent({ device }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a verified device", () => {
+        const device = {
+            ...baseDevice,
+            isVerified: true,
+        };
+        const { container } = render(getComponent({ device }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("disables sign out button while sign out is pending", () => {
+        const device = {
+            ...baseDevice,
+        };
+        const { getByTestId } = render(getComponent({ device, isSigningOut: true }));
+        expect(getByTestId("device-detail-sign-out-cta").getAttribute("aria-disabled")).toEqual("true");
+    });
+
+    it("renders the push notification section when a pusher exists", () => {
+        const device = {
+            ...baseDevice,
+        };
+        const pusher = mkPusher({
+            device_id: device.device_id,
+        });
+
+        const { getByTestId } = render(
+            getComponent({
+                device,
+                pusher,
+                isSigningOut: true,
+            }),
+        );
+
+        expect(getByTestId("device-detail-push-notification")).toBeTruthy();
+    });
+
+    it("hides the push notification section when no pusher", () => {
+        const device = {
+            ...baseDevice,
+        };
+
+        const { getByTestId } = render(
+            getComponent({
+                device,
+                pusher: null,
+                isSigningOut: true,
+            }),
+        );
+
+        expect(() => getByTestId("device-detail-push-notification")).toThrow();
+    });
+
+    it("disables the checkbox when there is no server support", () => {
+        const device = {
+            ...baseDevice,
+        };
+        const pusher = mkPusher({
+            device_id: device.device_id,
+            [PUSHER_ENABLED.name]: false,
+        });
+
+        const { getByTestId } = render(
+            getComponent({
+                device,
+                pusher,
+                isSigningOut: true,
+                supportsMSC3881: false,
+            }),
+        );
+
+        const checkbox = getByTestId("device-detail-push-notification-checkbox");
+
+        expect(checkbox.getAttribute("aria-disabled")).toEqual("true");
+        expect(checkbox.getAttribute("aria-checked")).toEqual("false");
+    });
+
+    it("changes the pusher status when clicked", () => {
+        const device = {
+            ...baseDevice,
+        };
+
+        const enabled = false;
+
+        const pusher = mkPusher({
+            device_id: device.device_id,
+            [PUSHER_ENABLED.name]: enabled,
+        });
+
+        const { getByTestId } = render(
+            getComponent({
+                device,
+                pusher,
+                isSigningOut: true,
+            }),
+        );
+
+        const checkbox = getByTestId("device-detail-push-notification-checkbox");
+
+        fireEvent.click(checkbox);
+
+        expect(defaultProps.setPushNotifications).toHaveBeenCalledWith(device.device_id, !enabled);
+    });
+
+    it("changes the local notifications settings status when clicked", () => {
+        const device = {
+            ...baseDevice,
+        };
+
+        const enabled = false;
+
+        const { getByTestId } = render(
+            getComponent({
+                device,
+                localNotificationSettings: {
+                    is_silenced: !enabled,
+                },
+                isSigningOut: true,
+            }),
+        );
+
+        const checkbox = getByTestId("device-detail-push-notification-checkbox");
+        fireEvent.click(checkbox);
+
+        expect(defaultProps.setPushNotifications).toHaveBeenCalledWith(device.device_id, !enabled);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/DeviceExpandDetailsButton-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/DeviceExpandDetailsButton-test.tsx
new file mode 100644
index 00000000000..5cb4d95f71a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/DeviceExpandDetailsButton-test.tsx
@@ -0,0 +1,38 @@
+/*
+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 { fireEvent, render } from "jest-matrix-react";
+
+import { DeviceExpandDetailsButton } from "../../../../../../src/components/views/settings/devices/DeviceExpandDetailsButton";
+
+describe("<DeviceExpandDetailsButton />", () => {
+    const defaultProps = {
+        isExpanded: false,
+        onClick: jest.fn(),
+    };
+    const getComponent = (props = {}) => <DeviceExpandDetailsButton {...defaultProps} {...props} />;
+
+    it("renders when not expanded", () => {
+        const { container } = render(getComponent());
+        expect({ container }).toMatchSnapshot();
+    });
+
+    it("renders when expanded", () => {
+        const { container } = render(getComponent({ isExpanded: true }));
+        expect({ container }).toMatchSnapshot();
+    });
+
+    it("calls onClick", () => {
+        const onClick = jest.fn();
+        const { getByTestId } = render(getComponent({ "data-testid": "test", onClick }));
+        fireEvent.click(getByTestId("test"));
+
+        expect(onClick).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/DeviceSecurityCard-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/DeviceSecurityCard-test.tsx
new file mode 100644
index 00000000000..010c2e98fcb
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/DeviceSecurityCard-test.tsx
@@ -0,0 +1,37 @@
+/*
+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 { render } from "jest-matrix-react";
+import React from "react";
+
+import DeviceSecurityCard from "../../../../../../src/components/views/settings/devices/DeviceSecurityCard";
+import { DeviceSecurityVariation } from "../../../../../../src/components/views/settings/devices/types";
+
+describe("<DeviceSecurityCard />", () => {
+    const defaultProps = {
+        variation: DeviceSecurityVariation.Verified,
+        heading: "Verified session",
+        description: "nice",
+    };
+    const getComponent = (props = {}): React.ReactElement => <DeviceSecurityCard {...defaultProps} {...props} />;
+
+    it("renders basic card", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders with children", () => {
+        const { container } = render(
+            getComponent({
+                children: <div>hey</div>,
+                variation: DeviceSecurityVariation.Unverified,
+            }),
+        );
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/DeviceTile-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/DeviceTile-test.tsx
new file mode 100644
index 00000000000..612557e8e68
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/DeviceTile-test.tsx
@@ -0,0 +1,122 @@
+/*
+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 IMyDevice } from "matrix-js-sdk/src/matrix";
+
+import DeviceTile from "../../../../../../src/components/views/settings/devices/DeviceTile";
+
+describe("<DeviceTile />", () => {
+    const defaultProps = {
+        device: {
+            device_id: "123",
+            isVerified: false,
+        },
+    };
+    const getComponent = (props = {}) => <DeviceTile {...defaultProps} {...props} />;
+    // 14.03.2022 16:15
+    const now = 1647270879403;
+
+    jest.useFakeTimers();
+
+    beforeEach(() => {
+        jest.setSystemTime(now);
+    });
+
+    it("renders a device with no metadata", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("applies interactive class when tile has click handler", () => {
+        const onClick = jest.fn();
+        const { getByTestId } = render(getComponent({ onClick }));
+        expect(getByTestId("device-tile-123").className.includes("mx_DeviceTile_interactive")).toBeTruthy();
+    });
+
+    it("renders a verified device with no metadata", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders display name with a tooltip", () => {
+        const device: IMyDevice = {
+            device_id: "123",
+            display_name: "My device",
+        };
+        const { container } = render(getComponent({ device }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders last seen ip metadata", () => {
+        const device: IMyDevice = {
+            device_id: "123",
+            display_name: "My device",
+            last_seen_ip: "1.2.3.4",
+        };
+        const { getByTestId } = render(getComponent({ device }));
+        expect(getByTestId("device-metadata-lastSeenIp").textContent).toEqual(device.last_seen_ip);
+    });
+
+    it("separates metadata with a dot", () => {
+        const device: IMyDevice = {
+            device_id: "123",
+            last_seen_ip: "1.2.3.4",
+            last_seen_ts: now - 60000,
+        };
+        const { container } = render(getComponent({ device }));
+        expect(container).toMatchSnapshot();
+    });
+
+    describe("Last activity", () => {
+        const MS_DAY = 24 * 60 * 60 * 1000;
+        it("renders with day of week and time when last activity is less than 6 days ago", () => {
+            const device: IMyDevice = {
+                device_id: "123",
+                last_seen_ip: "1.2.3.4",
+                last_seen_ts: now - MS_DAY * 3,
+            };
+            const { getByTestId } = render(getComponent({ device }));
+            expect(getByTestId("device-metadata-lastActivity").textContent).toEqual("Last activity Fri 15:14");
+        });
+
+        it("renders with month and date when last activity is more than 6 days ago", () => {
+            const device: IMyDevice = {
+                device_id: "123",
+                last_seen_ip: "1.2.3.4",
+                last_seen_ts: now - MS_DAY * 8,
+            };
+            const { getByTestId } = render(getComponent({ device }));
+            expect(getByTestId("device-metadata-lastActivity").textContent).toEqual("Last activity Mar 6");
+        });
+
+        it("renders with month, date, year when activity is in a different calendar year", () => {
+            const device: IMyDevice = {
+                device_id: "123",
+                last_seen_ip: "1.2.3.4",
+                last_seen_ts: new Date("2021-12-29").getTime(),
+            };
+            const { getByTestId } = render(getComponent({ device }));
+            expect(getByTestId("device-metadata-lastActivity").textContent).toEqual("Last activity Dec 29, 2021");
+        });
+
+        it("renders with inactive notice when last activity was more than 90 days ago", () => {
+            const device: IMyDevice = {
+                device_id: "123",
+                last_seen_ip: "1.2.3.4",
+                last_seen_ts: now - MS_DAY * 100,
+            };
+            const { getByTestId, queryByTestId } = render(getComponent({ device }));
+            expect(getByTestId("device-metadata-inactive").textContent).toEqual("Inactive for 90+ days (Dec 4, 2021)");
+            // last activity and verification not shown when inactive
+            expect(queryByTestId("device-metadata-lastActivity")).toBeFalsy();
+            expect(queryByTestId("device-metadata-verificationStatus")).toBeFalsy();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/DeviceTypeIcon-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/DeviceTypeIcon-test.tsx
new file mode 100644
index 00000000000..525620fb11b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/DeviceTypeIcon-test.tsx
@@ -0,0 +1,65 @@
+/*
+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 { render } from "jest-matrix-react";
+import React from "react";
+
+import { DeviceTypeIcon } from "../../../../../../src/components/views/settings/devices/DeviceTypeIcon";
+import { DeviceType } from "../../../../../../src/utils/device/parseUserAgent";
+
+describe("<DeviceTypeIcon />", () => {
+    const defaultProps = {
+        isVerified: false,
+        isSelected: false,
+    };
+    const getComponent = (props = {}) => <DeviceTypeIcon {...defaultProps} {...props} />;
+
+    it("renders an unverified device", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a verified device", () => {
+        const { container } = render(getComponent({ isVerified: true }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders correctly when selected", () => {
+        const { container } = render(getComponent({ isSelected: true }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders an unknown device icon when no device type given", () => {
+        const { getByLabelText } = render(getComponent());
+        expect(getByLabelText("Unknown session type")).toBeTruthy();
+    });
+
+    it("renders a desktop device type", () => {
+        const deviceType = DeviceType.Desktop;
+        const { getByLabelText } = render(getComponent({ deviceType }));
+        expect(getByLabelText("Desktop session")).toBeTruthy();
+    });
+
+    it("renders a web device type", () => {
+        const deviceType = DeviceType.Web;
+        const { getByLabelText } = render(getComponent({ deviceType }));
+        expect(getByLabelText("Web session")).toBeTruthy();
+    });
+
+    it("renders a mobile device type", () => {
+        const deviceType = DeviceType.Mobile;
+        const { getByLabelText } = render(getComponent({ deviceType }));
+        expect(getByLabelText("Mobile session")).toBeTruthy();
+    });
+
+    it("renders an unknown device type", () => {
+        const deviceType = DeviceType.Unknown;
+        const { getByLabelText } = render(getComponent({ deviceType }));
+        expect(getByLabelText("Unknown session type")).toBeTruthy();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/DeviceVerificationStatusCard-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/DeviceVerificationStatusCard-test.tsx
new file mode 100644
index 00000000000..3378678721d
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/DeviceVerificationStatusCard-test.tsx
@@ -0,0 +1,86 @@
+/*
+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 { render } from "jest-matrix-react";
+import React from "react";
+
+import {
+    DeviceVerificationStatusCard,
+    type DeviceVerificationStatusCardProps,
+} from "../../../../../../src/components/views/settings/devices/DeviceVerificationStatusCard";
+import { type ExtendedDevice } from "../../../../../../src/components/views/settings/devices/types";
+
+describe("<DeviceVerificationStatusCard />", () => {
+    const deviceId = "test-device";
+    const unverifiedDevice: ExtendedDevice = {
+        device_id: deviceId,
+        isVerified: false,
+    };
+    const verifiedDevice: ExtendedDevice = {
+        ...unverifiedDevice,
+        isVerified: true,
+    };
+    const unverifiableDevice: ExtendedDevice = {
+        ...unverifiedDevice,
+        isVerified: null,
+    };
+    const defaultProps = {
+        device: unverifiedDevice,
+        onVerifyDevice: jest.fn(),
+    };
+    const getComponent = (props: Partial<DeviceVerificationStatusCardProps> = {}) => (
+        <DeviceVerificationStatusCard {...defaultProps} {...props} />
+    );
+
+    const verifyButtonTestId = `verification-status-button-${deviceId}`;
+
+    describe("for the current device", () => {
+        // current device uses different copy
+        it("renders an unverified device", () => {
+            const { getByText } = render(getComponent({ isCurrentDevice: true }));
+            expect(getByText("Verify your current session for enhanced secure messaging.")).toBeTruthy();
+        });
+
+        it("renders an unverifiable device", () => {
+            const { getByText } = render(
+                getComponent({
+                    device: unverifiableDevice,
+                    isCurrentDevice: true,
+                }),
+            );
+            expect(getByText("This session doesn't support encryption and thus can't be verified.")).toBeTruthy();
+        });
+
+        it("renders a verified device", () => {
+            const { getByText } = render(
+                getComponent({
+                    device: verifiedDevice,
+                    isCurrentDevice: true,
+                }),
+            );
+            expect(getByText("Your current session is ready for secure messaging.")).toBeTruthy();
+        });
+    });
+
+    it("renders an unverified device", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders an unverifiable device", () => {
+        const { container, queryByTestId } = render(getComponent({ device: unverifiableDevice }));
+        expect(container).toMatchSnapshot();
+        expect(queryByTestId(verifyButtonTestId)).toBeFalsy();
+    });
+
+    it("renders a verified device", () => {
+        const { container, queryByTestId } = render(getComponent({ device: verifiedDevice }));
+        expect(container).toMatchSnapshot();
+        expect(queryByTestId(verifyButtonTestId)).toBeFalsy();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/FilteredDeviceList-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/FilteredDeviceList-test.tsx
new file mode 100644
index 00000000000..b0aa53542bb
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/FilteredDeviceList-test.tsx
@@ -0,0 +1,228 @@
+/*
+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 ComponentProps } from "react";
+import { act, fireEvent, render } from "jest-matrix-react";
+
+import { FilteredDeviceList } from "../../../../../../src/components/views/settings/devices/FilteredDeviceList";
+import {
+    DeviceSecurityVariation,
+    type ExtendedDevice,
+} from "../../../../../../src/components/views/settings/devices/types";
+import { flushPromises, mockPlatformPeg } from "../../../../../test-utils";
+
+mockPlatformPeg();
+
+const MS_DAY = 86400000;
+describe("<FilteredDeviceList />", () => {
+    // 14.03.2022 16:15
+    const now = 1647270879403;
+    jest.spyOn(global.Date, "now").mockReturnValue(now);
+    const newDevice: ExtendedDevice = {
+        device_id: "new",
+        last_seen_ts: Date.now() - 500,
+        last_seen_ip: "123.456.789",
+        display_name: "My Device",
+        isVerified: true,
+    };
+    const unverifiedNoMetadata: ExtendedDevice = {
+        device_id: "unverified-no-metadata",
+        isVerified: false,
+    };
+    const verifiedNoMetadata: ExtendedDevice = {
+        device_id: "verified-no-metadata",
+        isVerified: true,
+    };
+    const hundredDaysOld: ExtendedDevice = {
+        device_id: "100-days-old",
+        isVerified: true,
+        last_seen_ts: Date.now() - MS_DAY * 100,
+    };
+    const hundredDaysOldUnverified: ExtendedDevice = {
+        device_id: "unverified-100-days-old",
+        isVerified: false,
+        last_seen_ts: Date.now() - MS_DAY * 100,
+    };
+    const defaultProps: ComponentProps<typeof FilteredDeviceList> = {
+        onFilterChange: jest.fn(),
+        onDeviceExpandToggle: jest.fn(),
+        onSignOutDevices: jest.fn(),
+        saveDeviceName: jest.fn(),
+        setPushNotifications: jest.fn(),
+        setSelectedDeviceIds: jest.fn(),
+        localNotificationSettings: new Map(),
+        expandedDeviceIds: [],
+        signingOutDeviceIds: [],
+        selectedDeviceIds: [],
+        devices: {
+            [unverifiedNoMetadata.device_id]: unverifiedNoMetadata,
+            [verifiedNoMetadata.device_id]: verifiedNoMetadata,
+            [newDevice.device_id]: newDevice,
+            [hundredDaysOld.device_id]: hundredDaysOld,
+            [hundredDaysOldUnverified.device_id]: hundredDaysOldUnverified,
+        },
+        pushers: [],
+        supportsMSC3881: true,
+    };
+
+    const getComponent = (props = {}) => <FilteredDeviceList {...defaultProps} {...props} />;
+
+    afterAll(() => {
+        jest.spyOn(global.Date, "now").mockRestore();
+    });
+
+    it("renders devices in correct order", () => {
+        const { container } = render(getComponent());
+        const tiles = container.querySelectorAll(".mx_DeviceTile");
+        expect(tiles[0].getAttribute("data-testid")).toEqual(`device-tile-${newDevice.device_id}`);
+        expect(tiles[1].getAttribute("data-testid")).toEqual(`device-tile-${hundredDaysOld.device_id}`);
+        expect(tiles[2].getAttribute("data-testid")).toEqual(`device-tile-${hundredDaysOldUnverified.device_id}`);
+        expect(tiles[3].getAttribute("data-testid")).toEqual(`device-tile-${unverifiedNoMetadata.device_id}`);
+        expect(tiles[4].getAttribute("data-testid")).toEqual(`device-tile-${verifiedNoMetadata.device_id}`);
+    });
+
+    it("updates list order when devices change", () => {
+        const updatedOldDevice = { ...hundredDaysOld, last_seen_ts: new Date().getTime() };
+        const updatedDevices = {
+            [hundredDaysOld.device_id]: updatedOldDevice,
+            [newDevice.device_id]: newDevice,
+        };
+        const { container, rerender } = render(getComponent());
+
+        rerender(getComponent({ devices: updatedDevices }));
+
+        const tiles = container.querySelectorAll(".mx_DeviceTile");
+        expect(tiles.length).toBe(2);
+        expect(tiles[0].getAttribute("data-testid")).toEqual(`device-tile-${hundredDaysOld.device_id}`);
+        expect(tiles[1].getAttribute("data-testid")).toEqual(`device-tile-${newDevice.device_id}`);
+    });
+
+    it("displays no results message when there are no devices", () => {
+        const { container } = render(getComponent({ devices: {} }));
+
+        expect(container.getElementsByClassName("mx_FilteredDeviceList_noResults")).toMatchSnapshot();
+    });
+
+    describe("filtering", () => {
+        const setFilter = async (container: HTMLElement, option: DeviceSecurityVariation | string) => {
+            const dropdown = container.querySelector('[aria-label="Filter devices"]');
+
+            fireEvent.click(dropdown!);
+            // tick to let dropdown render
+            await flushPromises();
+
+            fireEvent.click(container.querySelector(`#device-list-filter__${option}`)!);
+        };
+
+        it("does not display filter description when filter is falsy", () => {
+            const { container } = render(getComponent({ filter: undefined }));
+            const tiles = container.querySelectorAll(".mx_DeviceTile");
+            expect(container.getElementsByClassName("mx_FilteredDeviceList_securityCard").length).toBeFalsy();
+            expect(tiles.length).toEqual(5);
+        });
+
+        it("updates filter when prop changes", () => {
+            const { container, rerender } = render(getComponent({ filter: DeviceSecurityVariation.Verified }));
+            const tiles = container.querySelectorAll(".mx_DeviceTile");
+            expect(tiles.length).toEqual(3);
+            expect(tiles[0].getAttribute("data-testid")).toEqual(`device-tile-${newDevice.device_id}`);
+            expect(tiles[1].getAttribute("data-testid")).toEqual(`device-tile-${hundredDaysOld.device_id}`);
+            expect(tiles[2].getAttribute("data-testid")).toEqual(`device-tile-${verifiedNoMetadata.device_id}`);
+
+            rerender(getComponent({ filter: DeviceSecurityVariation.Inactive }));
+
+            const rerenderedTiles = container.querySelectorAll(".mx_DeviceTile");
+            expect(rerenderedTiles.length).toEqual(2);
+            expect(rerenderedTiles[0].getAttribute("data-testid")).toEqual(`device-tile-${hundredDaysOld.device_id}`);
+            expect(rerenderedTiles[1].getAttribute("data-testid")).toEqual(
+                `device-tile-${hundredDaysOldUnverified.device_id}`,
+            );
+        });
+
+        it("calls onFilterChange handler", async () => {
+            const onFilterChange = jest.fn();
+            const { container } = render(getComponent({ onFilterChange }));
+            await setFilter(container, DeviceSecurityVariation.Verified);
+
+            expect(onFilterChange).toHaveBeenCalledWith(DeviceSecurityVariation.Verified);
+        });
+
+        it("calls onFilterChange handler correctly when setting filter to All", async () => {
+            const onFilterChange = jest.fn();
+            const { container } = render(getComponent({ onFilterChange, filter: DeviceSecurityVariation.Verified }));
+            await setFilter(container, "ALL");
+
+            // filter is cleared
+            expect(onFilterChange).toHaveBeenCalledWith(undefined);
+        });
+
+        it.each([
+            [DeviceSecurityVariation.Verified, [newDevice, hundredDaysOld, verifiedNoMetadata]],
+            [DeviceSecurityVariation.Unverified, [hundredDaysOldUnverified, unverifiedNoMetadata]],
+            [DeviceSecurityVariation.Inactive, [hundredDaysOld, hundredDaysOldUnverified]],
+        ])("filters correctly for %s", (filter, expectedDevices) => {
+            const { container } = render(getComponent({ filter }));
+            expect(container.getElementsByClassName("mx_FilteredDeviceList_securityCard")).toMatchSnapshot();
+            const tileDeviceIds = [...container.querySelectorAll(".mx_DeviceTile")].map((tile) =>
+                tile.getAttribute("data-testid"),
+            );
+            expect(tileDeviceIds).toEqual(expectedDevices.map((device) => `device-tile-${device.device_id}`));
+        });
+
+        it.each([
+            [DeviceSecurityVariation.Verified],
+            [DeviceSecurityVariation.Unverified],
+            [DeviceSecurityVariation.Inactive],
+        ])("renders no results correctly for %s", (filter) => {
+            const { container } = render(getComponent({ filter, devices: {} }));
+            expect(container.getElementsByClassName("mx_FilteredDeviceList_securityCard").length).toBeFalsy();
+            expect(container.getElementsByClassName("mx_FilteredDeviceList_noResults")).toMatchSnapshot();
+        });
+
+        it("clears filter from no results message", () => {
+            const onFilterChange = jest.fn();
+            const { getByTestId } = render(
+                getComponent({
+                    onFilterChange,
+                    filter: DeviceSecurityVariation.Verified,
+                    devices: {
+                        [unverifiedNoMetadata.device_id]: unverifiedNoMetadata,
+                    },
+                }),
+            );
+            act(() => {
+                fireEvent.click(getByTestId("devices-clear-filter-btn"));
+            });
+
+            expect(onFilterChange).toHaveBeenCalledWith(undefined);
+        });
+    });
+
+    describe("device details", () => {
+        it("renders expanded devices with device details", () => {
+            const expandedDeviceIds = [newDevice.device_id, hundredDaysOld.device_id];
+            const { container, getByTestId } = render(getComponent({ expandedDeviceIds }));
+            expect(container.getElementsByClassName("mx_DeviceDetails").length).toBeTruthy();
+            expect(getByTestId(`device-detail-${newDevice.device_id}`)).toBeTruthy();
+            expect(getByTestId(`device-detail-${hundredDaysOld.device_id}`)).toBeTruthy();
+        });
+
+        it("clicking toggle calls onDeviceExpandToggle", () => {
+            const onDeviceExpandToggle = jest.fn();
+            const { getByTestId } = render(getComponent({ onDeviceExpandToggle }));
+
+            act(() => {
+                const tile = getByTestId(`device-tile-${hundredDaysOld.device_id}`);
+                const toggle = tile.querySelector('[aria-label="Show details"]');
+                fireEvent.click(toggle!);
+            });
+
+            expect(onDeviceExpandToggle).toHaveBeenCalledWith(hundredDaysOld.device_id);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/FilteredDeviceListHeader-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/FilteredDeviceListHeader-test.tsx
new file mode 100644
index 00000000000..76c51589263
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/FilteredDeviceListHeader-test.tsx
@@ -0,0 +1,46 @@
+/*
+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 { fireEvent, render } from "jest-matrix-react";
+import React from "react";
+
+import FilteredDeviceListHeader from "../../../../../../src/components/views/settings/devices/FilteredDeviceListHeader";
+
+describe("<FilteredDeviceListHeader />", () => {
+    const defaultProps = {
+        "selectedDeviceCount": 0,
+        "isAllSelected": false,
+        "toggleSelectAll": jest.fn(),
+        "children": <div>test</div>,
+        ["data-testid"]: "test123",
+    };
+    const getComponent = (props = {}) => <FilteredDeviceListHeader {...defaultProps} {...props} />;
+
+    it("renders correctly when no devices are selected", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders correctly when all devices are selected", () => {
+        const { container } = render(getComponent({ isAllSelected: true }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders correctly when some devices are selected", () => {
+        const { getByText } = render(getComponent({ selectedDeviceCount: 2 }));
+        expect(getByText("2 sessions selected")).toBeTruthy();
+    });
+
+    it("clicking checkbox toggles selection", () => {
+        const toggleSelectAll = jest.fn();
+        const { getByTestId } = render(getComponent({ toggleSelectAll }));
+        fireEvent.click(getByTestId("device-select-all-checkbox"));
+
+        expect(toggleSelectAll).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/LoginWithQR-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/LoginWithQR-test.tsx
new file mode 100644
index 00000000000..6310da50f16
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/LoginWithQR-test.tsx
@@ -0,0 +1,403 @@
+/*
+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 { cleanup, render, waitFor } from "jest-matrix-react";
+import { mocked, type MockedObject } from "jest-mock";
+import React, { createRef, type RefObject } from "react";
+import {
+    ClientRendezvousFailureReason,
+    MSC4108FailureReason,
+    MSC4108SignInWithQR,
+    RendezvousError,
+    RendezvousIntent,
+} from "matrix-js-sdk/src/rendezvous";
+import { makeDelegatedAuthMetadata } from "matrix-js-sdk/src/testing";
+import {
+    AutoDiscovery,
+    AutoDiscoveryAction,
+    HTTPError,
+    type MatrixClient,
+    MatrixHttpApi,
+    OAuthGrantType,
+} from "matrix-js-sdk/src/matrix";
+import fetchMock from "@fetch-mock/jest";
+
+import LoginWithQR, { LoginWithQRFailureReason } from "../../../../../../src/components/views/auth/LoginWithQR";
+import { Click, Mode, Phase } from "../../../../../../src/components/views/auth/LoginWithQR-types";
+import { mockPlatformPeg } from "../../../../../test-utils";
+
+jest.mock("matrix-js-sdk/src/rendezvous/transports");
+jest.mock("matrix-js-sdk/src/rendezvous/channels");
+jest.mock("matrix-js-sdk/src/rendezvous/channels/MSC4108SecureChannel.ts");
+
+const mockedFlow = jest.fn();
+
+jest.mock("../../../../../../src/components/views/auth/LoginWithQRFlow", () => (props: Record<string, any>) => {
+    mockedFlow(props);
+    return <div />;
+});
+
+function makeClient() {
+    const cli = mocked({
+        getUser: jest.fn(),
+        isGuest: jest.fn().mockReturnValue(false),
+        isUserIgnored: jest.fn(),
+        getUserId: jest.fn(),
+        on: jest.fn(),
+        isSynapseAdministrator: jest.fn().mockResolvedValue(false),
+        isRoomEncrypted: jest.fn().mockReturnValue(false),
+        mxcUrlToHttp: jest.fn().mockReturnValue("mock-mxcUrlToHttp"),
+        doesServerSupportUnstableFeature: jest.fn().mockReturnValue(true),
+        removeListener: jest.fn(),
+        requestLoginToken: jest.fn(),
+        currentState: {
+            on: jest.fn(),
+        },
+        getClientWellKnown: jest.fn().mockReturnValue({}),
+        getCrypto: jest.fn().mockReturnValue({}),
+        getDomain: jest.fn(),
+        getAuthMetadata: jest.fn().mockReturnValue(makeDelegatedAuthMetadata()),
+    } as unknown as MatrixClient);
+
+    cli.http = new MatrixHttpApi(cli, {
+        baseUrl: "https://server/",
+        prefix: "prefix",
+        onlyData: true,
+    }) as any;
+
+    return cli;
+}
+
+function unresolvedPromise<T>(): Promise<T> {
+    return new Promise(() => {});
+}
+
+describe("<LoginWithQR />", () => {
+    let client!: MockedObject<MatrixClient>;
+    const defaultProps = {
+        legacy: true,
+        mode: Mode.Show,
+        onFinished: jest.fn(),
+    } as const;
+
+    beforeEach(() => {
+        mockedFlow.mockReset();
+        jest.resetAllMocks();
+        client = makeClient();
+    });
+
+    afterEach(() => {
+        jest.clearAllMocks();
+        jest.useRealTimers();
+        cleanup();
+    });
+
+    describe("MSC4108", () => {
+        describe("reciprocate", () => {
+            const getComponent = (props: {
+                client: MatrixClient;
+                onFinished?: () => void;
+                ref?: RefObject<LoginWithQR | null>;
+            }) => (
+                <LoginWithQR
+                    {...defaultProps}
+                    {...props}
+                    intent={RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE}
+                />
+            );
+
+            test("render QR then back", async () => {
+                const onFinished = jest.fn();
+                jest.spyOn(MSC4108SignInWithQR.prototype, "negotiateProtocols").mockReturnValue(unresolvedPromise());
+                jest.spyOn(MSC4108SignInWithQR.prototype, "generateCode");
+                jest.spyOn(MSC4108SignInWithQR.prototype, "negotiateProtocols");
+                jest.spyOn(MSC4108SignInWithQR.prototype, "cancel");
+                const ref = createRef<LoginWithQR>();
+                render(getComponent({ client, onFinished, ref }));
+
+                await waitFor(() =>
+                    expect(mockedFlow).toHaveBeenLastCalledWith({
+                        phase: Phase.ShowingQR,
+                        onClick: expect.any(Function),
+                        intent: RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE,
+                    }),
+                );
+
+                const rendezvous = ref.current!.state.rendezvous!;
+                expect(rendezvous.generateCode).toHaveBeenCalled();
+                expect(rendezvous.negotiateProtocols).toHaveBeenCalled();
+
+                // back (cancel)
+                const onClick = mockedFlow.mock.calls[0][0].onClick;
+                await onClick(Click.Cancel);
+                expect(onFinished).toHaveBeenCalledWith(false);
+                expect(rendezvous.cancel).toHaveBeenCalledWith(MSC4108FailureReason.UserCancelled);
+            });
+
+            test("should open a new channel if expires before qr scan", async () => {
+                const onFinished = jest.fn();
+                jest.spyOn(MSC4108SignInWithQR.prototype, "negotiateProtocols").mockReturnValue(unresolvedPromise());
+                const ref = createRef<LoginWithQR>();
+                render(getComponent({ client, onFinished, ref }));
+
+                await waitFor(() =>
+                    expect(mockedFlow).toHaveBeenLastCalledWith({
+                        phase: Phase.ShowingQR,
+                        onClick: expect.any(Function),
+                        intent: RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE,
+                    }),
+                );
+
+                const rendezvous = ref.current!.state.rendezvous!;
+                expect(rendezvous.generateCode).toHaveBeenCalled();
+                expect(rendezvous.negotiateProtocols).toHaveBeenCalled();
+
+                // Expire the channel
+                rendezvous.onFailure!(ClientRendezvousFailureReason.Expired);
+                await jest.runAllTimersAsync();
+                await waitFor(() => expect(ref.current!.state.rendezvous).toBeDefined());
+                expect(ref.current!.state.rendezvous).not.toBe(rendezvous);
+            });
+
+            test("failed to connect", async () => {
+                render(getComponent({ client }));
+                jest.spyOn(MSC4108SignInWithQR.prototype, "negotiateProtocols").mockResolvedValue({});
+                jest.spyOn(MSC4108SignInWithQR.prototype, "deviceAuthorizationGrant").mockRejectedValue(
+                    new HTTPError("Internal Server Error", 500),
+                );
+                const fn = jest.spyOn(MSC4108SignInWithQR.prototype, "cancel");
+                await waitFor(() => expect(fn).toHaveBeenLastCalledWith(ClientRendezvousFailureReason.Unknown));
+            });
+
+            test("should show error if check code doesn't match", async () => {
+                jest.spyOn(global.window, "open");
+
+                render(getComponent({ client }));
+                jest.spyOn(MSC4108SignInWithQR.prototype, "negotiateProtocols").mockResolvedValue({});
+                jest.spyOn(MSC4108SignInWithQR.prototype, "deviceAuthorizationGrant").mockResolvedValue({
+                    verificationUri: "mock-verification-uri",
+                });
+
+                await waitFor(() =>
+                    expect(mockedFlow).toHaveBeenLastCalledWith({
+                        phase: Phase.OutOfBandConfirmation,
+                        onClick: expect.any(Function),
+                        intent: RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE,
+                    }),
+                );
+
+                const onClick = mockedFlow.mock.calls[0][0].onClick;
+                await onClick(Click.Approve, "12");
+
+                await waitFor(() =>
+                    expect(mockedFlow).toHaveBeenLastCalledWith({
+                        phase: Phase.OutOfBandConfirmation,
+                        failureReason: LoginWithQRFailureReason.CheckCodeMismatch,
+                        onClick: expect.any(Function),
+                        intent: RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE,
+                    }),
+                );
+            });
+
+            test("reciprocates login", async () => {
+                const ref = createRef<LoginWithQR>();
+                jest.spyOn(global.window, "open");
+
+                render(getComponent({ client, ref }));
+                jest.spyOn(MSC4108SignInWithQR.prototype, "shareSecrets").mockResolvedValue({});
+                jest.spyOn(MSC4108SignInWithQR.prototype, "negotiateProtocols").mockResolvedValue({});
+                jest.spyOn(MSC4108SignInWithQR.prototype, "deviceAuthorizationGrant").mockResolvedValue({
+                    verificationUri: "mock-verification-uri",
+                });
+
+                await waitFor(() =>
+                    expect(mockedFlow).toHaveBeenLastCalledWith({
+                        phase: Phase.OutOfBandConfirmation,
+                        onClick: expect.any(Function),
+                        intent: RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE,
+                    }),
+                );
+
+                const onClick = mockedFlow.mock.calls[0][0].onClick;
+                await onClick(Click.Approve);
+
+                await waitFor(() =>
+                    expect(mockedFlow).toHaveBeenLastCalledWith({
+                        phase: Phase.WaitingForDevice,
+                        onClick: expect.any(Function),
+                        intent: RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE,
+                    }),
+                );
+                expect(global.window.open).toHaveBeenCalledWith("mock-verification-uri", "_blank");
+
+                const rendezvous = ref.current!.state.rendezvous!;
+                expect(rendezvous.shareSecrets).toHaveBeenCalled();
+            });
+
+            test("handles errors during protocol negotiation", async () => {
+                const ref = createRef<LoginWithQR>();
+                render(getComponent({ client, ref }));
+                jest.spyOn(MSC4108SignInWithQR.prototype, "cancel").mockResolvedValue();
+                const err = new RendezvousError("Unknown Failure", MSC4108FailureReason.UnsupportedProtocol);
+                // @ts-ignore work-around for lazy mocks
+                err.code = MSC4108FailureReason.UnsupportedProtocol;
+                jest.spyOn(MSC4108SignInWithQR.prototype, "negotiateProtocols").mockRejectedValue(err);
+                await waitFor(() =>
+                    expect(mockedFlow).toHaveBeenLastCalledWith(
+                        expect.objectContaining({
+                            phase: Phase.ShowingQR,
+                        }),
+                    ),
+                );
+
+                await waitFor(() => {
+                    const rendezvous = ref.current!.state.rendezvous!;
+                    expect(rendezvous.cancel).toHaveBeenCalledWith(MSC4108FailureReason.UnsupportedProtocol);
+                });
+            });
+
+            test("handles errors during reciprocation", async () => {
+                render(getComponent({ client }));
+                jest.spyOn(MSC4108SignInWithQR.prototype, "negotiateProtocols").mockResolvedValue({});
+                jest.spyOn(MSC4108SignInWithQR.prototype, "deviceAuthorizationGrant").mockResolvedValue({});
+                await waitFor(() =>
+                    expect(mockedFlow).toHaveBeenLastCalledWith({
+                        phase: Phase.OutOfBandConfirmation,
+                        onClick: expect.any(Function),
+                        intent: RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE,
+                    }),
+                );
+
+                jest.spyOn(MSC4108SignInWithQR.prototype, "shareSecrets").mockRejectedValue(
+                    new HTTPError("Internal Server Error", 500),
+                );
+                const onClick = mockedFlow.mock.calls[0][0].onClick;
+                await onClick(Click.Approve);
+
+                await waitFor(() =>
+                    expect(mockedFlow).toHaveBeenLastCalledWith(
+                        expect.objectContaining({
+                            phase: Phase.Error,
+                            failureReason: ClientRendezvousFailureReason.Unknown,
+                        }),
+                    ),
+                );
+            });
+
+            test("handles user cancelling during reciprocation", async () => {
+                const ref = createRef<LoginWithQR>();
+                render(getComponent({ client, ref }));
+                jest.spyOn(MSC4108SignInWithQR.prototype, "negotiateProtocols").mockResolvedValue({});
+                jest.spyOn(MSC4108SignInWithQR.prototype, "deviceAuthorizationGrant").mockResolvedValue({});
+                jest.spyOn(MSC4108SignInWithQR.prototype, "deviceAuthorizationGrant").mockResolvedValue({});
+                await waitFor(() =>
+                    expect(mockedFlow).toHaveBeenLastCalledWith({
+                        phase: Phase.OutOfBandConfirmation,
+                        onClick: expect.any(Function),
+                        intent: RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE,
+                    }),
+                );
+
+                jest.spyOn(MSC4108SignInWithQR.prototype, "cancel").mockResolvedValue();
+                const onClick = mockedFlow.mock.calls[0][0].onClick;
+                await onClick(Click.Cancel);
+
+                const rendezvous = ref.current!.state.rendezvous!;
+                expect(rendezvous.cancel).toHaveBeenCalledWith(MSC4108FailureReason.UserCancelled);
+            });
+        });
+
+        describe("login", () => {
+            const getComponent = (props: {
+                client: MatrixClient;
+                onFinished?: () => void;
+                onLoggedIn?: () => Promise<void>;
+                ref?: RefObject<LoginWithQR | null>;
+            }) => (
+                <LoginWithQR
+                    onLoggedIn={jest.fn()}
+                    {...defaultProps}
+                    {...props}
+                    intent={RendezvousIntent.LOGIN_ON_NEW_DEVICE}
+                />
+            );
+
+            test("should handle qr login", async () => {
+                fetchMock.get("https://hs/_matrix/client/versions", {
+                    unstable_features: {},
+                    versions: ["v1.1", "v1.5", "v1.6", "v1.8", "v1.9", "v1.15"],
+                });
+                const authMetadata = makeDelegatedAuthMetadata("https://auth.org/", [
+                    OAuthGrantType.DeviceAuthorization,
+                ]);
+                fetchMock.get("https://hs/_matrix/client/v1/auth_metadata", authMetadata);
+                fetchMock.post(authMetadata.registration_endpoint!, {
+                    client_id: "!client_id!",
+                });
+
+                mockPlatformPeg({
+                    getOAuthClientMetadata: jest.fn().mockReturnValue({
+                        client_name: "App name",
+                        client_uri: "https://company",
+                        redirect_uris: ["https://app"],
+                        logo_uri: "https://company/logo.png",
+                        application_type: "web",
+                    }),
+                });
+
+                const ref = createRef<LoginWithQR>();
+
+                render(getComponent({ client, ref }));
+                jest.spyOn(MSC4108SignInWithQR.prototype, "shareSecrets").mockResolvedValue({
+                    secrets: {
+                        cross_signing: {
+                            master_key: "mk",
+                            self_signing_key: "ssk",
+                            user_signing_key: "usk",
+                        },
+                    },
+                });
+                jest.spyOn(MSC4108SignInWithQR.prototype, "negotiateProtocols").mockResolvedValue({ serverName: "hs" });
+                jest.spyOn(MSC4108SignInWithQR.prototype, "deviceAuthorizationGrant").mockResolvedValue({
+                    userCode: "123456",
+                });
+                jest.spyOn(MSC4108SignInWithQR.prototype, "completeLoginOnNewDevice").mockResolvedValue({
+                    access_token: "token",
+                    token_type: "Bearer",
+                });
+                jest.spyOn(AutoDiscovery, "findClientConfig").mockResolvedValue({
+                    "m.homeserver": { base_url: "https://hs", state: AutoDiscoveryAction.SUCCESS },
+                    "m.identity_server": { state: AutoDiscoveryAction.PROMPT },
+                });
+
+                await waitFor(() =>
+                    expect(mockedFlow).toHaveBeenLastCalledWith({
+                        phase: Phase.OutOfBandConfirmation,
+                        onClick: expect.any(Function),
+                        intent: RendezvousIntent.LOGIN_ON_NEW_DEVICE,
+                    }),
+                );
+
+                const onClick = mockedFlow.mock.calls[0][0].onClick;
+                await onClick(Click.Approve);
+
+                await waitFor(() =>
+                    expect(mockedFlow).toHaveBeenLastCalledWith({
+                        phase: Phase.WaitingForDevice,
+                        onClick: expect.any(Function),
+                        intent: RendezvousIntent.LOGIN_ON_NEW_DEVICE,
+                        userCode: "123456",
+                    }),
+                );
+
+                const rendezvous = ref.current!.state.rendezvous!;
+                expect(rendezvous.shareSecrets).toHaveBeenCalled();
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/LoginWithQRFlow-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/LoginWithQRFlow-test.tsx
new file mode 100644
index 00000000000..b1415a89f74
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/LoginWithQRFlow-test.tsx
@@ -0,0 +1,132 @@
+/*
+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 { cleanup, fireEvent, render, screen } from "jest-matrix-react";
+import React from "react";
+import { ClientRendezvousFailureReason, MSC4108FailureReason, RendezvousIntent } from "matrix-js-sdk/src/rendezvous";
+
+import { mockQRCodeRender, resetQRCodeMock, waitForQRCodeRender } from "../../../../../test-utils/qrcode";
+import LoginWithQRFlow from "../../../../../../src/components/views/auth/LoginWithQRFlow";
+import { type FailureReason, LoginWithQRFailureReason } from "../../../../../../src/components/views/auth/LoginWithQR";
+import { Click, Phase } from "../../../../../../src/components/views/auth/LoginWithQR-types";
+
+describe("<LoginWithQRFlow />", () => {
+    const onClick = jest.fn();
+
+    const defaultProps = {
+        onClick,
+    };
+
+    const getComponent = (props: {
+        phase: Phase;
+        onClick?: () => Promise<void>;
+        failureReason?: FailureReason;
+        code?: Uint8Array;
+        intent: RendezvousIntent;
+    }) => <LoginWithQRFlow {...defaultProps} {...props} />;
+
+    afterEach(() => {
+        resetQRCodeMock();
+        onClick.mockReset();
+        cleanup();
+    });
+
+    describe.each([RendezvousIntent.LOGIN_ON_NEW_DEVICE, RendezvousIntent.RECIPROCATE_LOGIN_ON_EXISTING_DEVICE])(
+        "%s",
+        (intent) => {
+            it("renders spinner while loading", async () => {
+                const { container } = render(
+                    getComponent({
+                        phase: Phase.Loading,
+                        intent,
+                    }),
+                );
+                expect(container).toMatchSnapshot();
+            });
+
+            it("renders spinner whilst QR generating", async () => {
+                const { container } = render(
+                    getComponent({
+                        phase: Phase.ShowingQR,
+                        intent,
+                    }),
+                );
+                expect(screen.getByTestId("spinner")).toBeVisible();
+                expect(container).toMatchSnapshot();
+            });
+
+            it("renders QR code", async () => {
+                mockQRCodeRender();
+                const { container } = render(
+                    getComponent({
+                        phase: Phase.ShowingQR,
+                        code: new TextEncoder().encode("mock-code"),
+                        intent,
+                    }),
+                );
+                // QR code is rendered async so we wait for it:
+                await waitForQRCodeRender();
+                expect(screen.getAllByAltText("QR Code")).toHaveLength(1);
+                expect(container).toMatchSnapshot();
+            });
+
+            it("renders spinner while signing in", async () => {
+                const { container } = render(
+                    getComponent({
+                        phase: Phase.WaitingForDevice,
+                        intent,
+                    }),
+                );
+                expect(screen.getAllByTestId("cancel-button")).toHaveLength(1);
+                expect(container).toMatchSnapshot();
+                fireEvent.click(screen.getByTestId("cancel-button"));
+                expect(onClick).toHaveBeenCalledWith(Click.Cancel, undefined);
+            });
+
+            it("renders spinner while verifying", async () => {
+                const { container } = render(
+                    getComponent({
+                        phase: Phase.Verifying,
+                        intent,
+                    }),
+                );
+                expect(container).toMatchSnapshot();
+            });
+
+            it("renders check code confirmation", async () => {
+                const { container } = render(
+                    getComponent({
+                        phase: Phase.OutOfBandConfirmation,
+                        intent,
+                    }),
+                );
+                expect(container).toMatchSnapshot();
+            });
+
+            describe("errors", () => {
+                for (const failureReason of [
+                    ...Object.values(MSC4108FailureReason),
+                    ...Object.values(LoginWithQRFailureReason),
+                    ...Object.values(ClientRendezvousFailureReason),
+                ]) {
+                    it(`renders ${failureReason}`, async () => {
+                        const { container } = render(
+                            getComponent({
+                                phase: Phase.Error,
+                                failureReason,
+                                intent,
+                            }),
+                        );
+                        expect(screen.getAllByTestId("cancellation-message")).toHaveLength(1);
+                        expect(container).toMatchSnapshot();
+                    });
+                }
+            });
+        },
+    );
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/LoginWithQRSection-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/LoginWithQRSection-test.tsx
new file mode 100644
index 00000000000..9f2049dd2d3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/LoginWithQRSection-test.tsx
@@ -0,0 +1,87 @@
+/*
+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 { 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 LoginWithQRSection from "../../../../../../src/components/views/settings/devices/LoginWithQRSection";
+import { MatrixClientPeg } from "../../../../../../src/MatrixClientPeg";
+
+function makeClient(wellKnown: IClientWellKnown) {
+    const crypto = mocked({
+        supportsSecretsForQrLogin: jest.fn().mockReturnValue(true),
+        isCrossSigningReady: jest.fn().mockReturnValue(true),
+    });
+
+    return mocked({
+        getUser: jest.fn(),
+        isGuest: jest.fn().mockReturnValue(false),
+        isUserIgnored: jest.fn(),
+        getUserId: jest.fn(),
+        on: jest.fn(),
+        isSynapseAdministrator: jest.fn().mockResolvedValue(false),
+        isRoomEncrypted: jest.fn().mockReturnValue(false),
+        mxcUrlToHttp: jest.fn().mockReturnValue("mock-mxcUrlToHttp"),
+        removeListener: jest.fn(),
+        currentState: {
+            on: jest.fn(),
+        },
+        getClientWellKnown: jest.fn().mockReturnValue(wellKnown),
+        getCrypto: jest.fn().mockReturnValue(crypto),
+    } as unknown as MatrixClient);
+}
+
+function makeVersions(unstableFeatures: Record<string, boolean>): IServerVersions {
+    return {
+        versions: [],
+        unstable_features: unstableFeatures,
+    };
+}
+
+describe("<LoginWithQRSection />", () => {
+    beforeAll(() => {
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(makeClient({}));
+    });
+
+    describe("MSC4108", () => {
+        describe("MSC4108", () => {
+            const defaultProps = {
+                onShowQr: () => {},
+                versions: makeVersions({ "org.matrix.msc4108": true }),
+            };
+
+            const getComponent = (props = {}) => <LoginWithQRSection {...defaultProps} {...props} />;
+
+            let client: MatrixClient;
+            beforeEach(() => {
+                client = makeClient({});
+                jest.spyOn(MatrixClientPeg, "get").mockReturnValue(client);
+            });
+
+            test("no homeserver support", async () => {
+                const { container } = render(getComponent({ versions: makeVersions({ "org.matrix.msc4108": false }) }));
+                expect(container.textContent).toContain("Not supported by your account provider");
+            });
+
+            test("no support in crypto", async () => {
+                client.getCrypto()!.exportSecretsBundle = undefined;
+                const { container } = render(getComponent({ client }));
+                expect(container.textContent).toContain("Not supported by your account provider");
+            });
+
+            test("failed to connect", async () => {
+                fetchMock.catch(500);
+                const { container } = render(getComponent({ client }));
+                expect(container.textContent).toContain("Not supported by your account provider");
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/SecurityRecommendations-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/SecurityRecommendations-test.tsx
new file mode 100644
index 00000000000..437d7111002
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/SecurityRecommendations-test.tsx
@@ -0,0 +1,108 @@
+/*
+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 { act, fireEvent, render } from "jest-matrix-react";
+
+import SecurityRecommendations from "../../../../../../src/components/views/settings/devices/SecurityRecommendations";
+import { DeviceSecurityVariation } from "../../../../../../src/components/views/settings/devices/types";
+
+const MS_DAY = 24 * 60 * 60 * 1000;
+describe("<SecurityRecommendations />", () => {
+    const unverifiedNoMetadata = { device_id: "unverified-no-metadata", isVerified: false };
+    const verifiedNoMetadata = { device_id: "verified-no-metadata", isVerified: true };
+    const hundredDaysOld = { device_id: "100-days-old", isVerified: true, last_seen_ts: Date.now() - MS_DAY * 100 };
+    const hundredDaysOldUnverified = {
+        device_id: "unverified-100-days-old",
+        isVerified: false,
+        last_seen_ts: Date.now() - MS_DAY * 100,
+    };
+
+    const defaultProps = {
+        devices: {},
+        goToFilteredList: jest.fn(),
+        currentDeviceId: "abc123",
+    };
+    const getComponent = (props = {}) => <SecurityRecommendations {...defaultProps} {...props} />;
+
+    it("renders null when no devices", () => {
+        const { container } = render(getComponent());
+        expect(container.firstChild).toBeNull();
+    });
+
+    it("renders unverified devices section when user has unverified devices", () => {
+        const devices = {
+            [unverifiedNoMetadata.device_id]: unverifiedNoMetadata,
+            [verifiedNoMetadata.device_id]: verifiedNoMetadata,
+            [hundredDaysOldUnverified.device_id]: hundredDaysOldUnverified,
+        };
+        const { container } = render(getComponent({ devices }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("does not render unverified devices section when only the current device is unverified", () => {
+        const devices = {
+            [unverifiedNoMetadata.device_id]: unverifiedNoMetadata,
+            [verifiedNoMetadata.device_id]: verifiedNoMetadata,
+        };
+        const { container } = render(getComponent({ devices, currentDeviceId: unverifiedNoMetadata.device_id }));
+        // nothing to render
+        expect(container.firstChild).toBeFalsy();
+    });
+
+    it("renders inactive devices section when user has inactive devices", () => {
+        const devices = {
+            [verifiedNoMetadata.device_id]: verifiedNoMetadata,
+            [hundredDaysOldUnverified.device_id]: hundredDaysOldUnverified,
+        };
+        const { container } = render(getComponent({ devices }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders both cards when user has both unverified and inactive devices", () => {
+        const devices = {
+            [verifiedNoMetadata.device_id]: verifiedNoMetadata,
+            [hundredDaysOld.device_id]: hundredDaysOld,
+            [unverifiedNoMetadata.device_id]: unverifiedNoMetadata,
+        };
+        const { container } = render(getComponent({ devices }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("clicking view all unverified devices button works", () => {
+        const goToFilteredList = jest.fn();
+        const devices = {
+            [verifiedNoMetadata.device_id]: verifiedNoMetadata,
+            [hundredDaysOld.device_id]: hundredDaysOld,
+            [unverifiedNoMetadata.device_id]: unverifiedNoMetadata,
+        };
+        const { getByTestId } = render(getComponent({ devices, goToFilteredList }));
+
+        act(() => {
+            fireEvent.click(getByTestId("unverified-devices-cta"));
+        });
+
+        expect(goToFilteredList).toHaveBeenCalledWith(DeviceSecurityVariation.Unverified);
+    });
+
+    it("clicking view all inactive devices button works", () => {
+        const goToFilteredList = jest.fn();
+        const devices = {
+            [verifiedNoMetadata.device_id]: verifiedNoMetadata,
+            [hundredDaysOld.device_id]: hundredDaysOld,
+            [unverifiedNoMetadata.device_id]: unverifiedNoMetadata,
+        };
+        const { getByTestId } = render(getComponent({ devices, goToFilteredList }));
+
+        act(() => {
+            fireEvent.click(getByTestId("inactive-devices-cta"));
+        });
+
+        expect(goToFilteredList).toHaveBeenCalledWith(DeviceSecurityVariation.Inactive);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/SelectableDeviceTile-test.tsx b/apps/web/test/unit-tests/components/views/settings/devices/SelectableDeviceTile-test.tsx
new file mode 100644
index 00000000000..b5a38329c4e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/SelectableDeviceTile-test.tsx
@@ -0,0 +1,82 @@
+/*
+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 { act, fireEvent, render } from "jest-matrix-react";
+import React from "react";
+
+import SelectableDeviceTile from "../../../../../../src/components/views/settings/devices/SelectableDeviceTile";
+import type { ExtendedDevice } from "../../../../../../src/components/views/settings/devices/types.ts";
+
+describe("<SelectableDeviceTile />", () => {
+    const device: ExtendedDevice = {
+        display_name: "My Device",
+        device_id: "my-device",
+        last_seen_ip: "123.456.789",
+        isVerified: false,
+    };
+    const defaultProps = {
+        onSelect: jest.fn(),
+        onClick: jest.fn(),
+        device,
+        children: <div>test</div>,
+        isSelected: false,
+    };
+    const getComponent = (props = {}) => <SelectableDeviceTile {...defaultProps} {...props} />;
+
+    it("renders unselected device tile with checkbox", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders selected tile", () => {
+        const { container } = render(getComponent({ isSelected: true }));
+        expect(container.querySelector(`#device-tile-checkbox-${device.device_id}`)).toMatchSnapshot();
+    });
+
+    it("calls onSelect on checkbox click", () => {
+        const onSelect = jest.fn();
+        const { container } = render(getComponent({ onSelect }));
+
+        act(() => {
+            fireEvent.click(container.querySelector(`#device-tile-checkbox-${device.device_id}`)!);
+        });
+
+        expect(onSelect).toHaveBeenCalled();
+    });
+
+    it("calls onClick on device tile info click", () => {
+        const onClick = jest.fn();
+        const { getByText } = render(getComponent({ onClick }));
+
+        act(() => {
+            fireEvent.click(getByText(device.display_name!));
+        });
+
+        expect(onClick).toHaveBeenCalled();
+    });
+
+    it("does not call onClick when clicking device tiles actions", () => {
+        const onClick = jest.fn();
+        const onDeviceActionClick = jest.fn();
+        const children = (
+            <button onClick={onDeviceActionClick} data-testid="device-action-button">
+                test
+            </button>
+        );
+        const { getByTestId } = render(getComponent({ onClick, children }));
+
+        act(() => {
+            fireEvent.click(getByTestId("device-action-button"));
+        });
+
+        // action click handler called
+        expect(onDeviceActionClick).toHaveBeenCalled();
+        // main click handler not called
+        expect(onClick).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/CurrentDeviceSection-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/CurrentDeviceSection-test.tsx.snap
new file mode 100644
index 00000000000..fde728da772
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/CurrentDeviceSection-test.tsx.snap
@@ -0,0 +1,549 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<CurrentDeviceSection /> displays device details on toggle click 1`] = `
+HTMLCollection [
+  <div
+    class="mx_DeviceDetails mx_CurrentDeviceSection_deviceDetails"
+    data-testid="device-detail-alices_device"
+  >
+    <section
+      class="mx_DeviceDetails_section"
+    >
+      <div
+        class="mx_DeviceDetailHeading"
+        data-testid="device-detail-heading"
+      >
+        <h4
+          class="mx_Heading_h4"
+        >
+          alices_device
+        </h4>
+        <div
+          class="mx_AccessibleButton mx_DeviceDetailHeading_renameCta mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+          data-testid="device-heading-rename-cta"
+          role="button"
+          tabindex="0"
+        >
+          Rename
+        </div>
+      </div>
+      <div
+        class="mx_DeviceSecurityCard"
+      >
+        <div
+          class="mx_DeviceSecurityCard_icon Unverified"
+        >
+          <svg
+            fill="currentColor"
+            height="16"
+            viewBox="0 0 24 24"
+            width="16"
+            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="mx_DeviceSecurityCard_content"
+        >
+          <p
+            class="mx_DeviceSecurityCard_heading"
+          >
+            Unverified session
+          </p>
+          <p
+            class="mx_DeviceSecurityCard_description"
+          >
+            Verify your current session for enhanced secure messaging.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </p>
+          <div
+            class="mx_DeviceSecurityCard_actions"
+          >
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+              data-testid="verification-status-button-alices_device"
+              role="button"
+              tabindex="0"
+            >
+              Verify session
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section
+      class="mx_DeviceDetails_section"
+    >
+      <p
+        class="mx_DeviceDetails_sectionHeading"
+      >
+        Session details
+      </p>
+      <table
+        class="mx_DeviceDetails_metadataTable"
+        data-testid="device-detail-metadata-session"
+      >
+        <tbody>
+          <tr>
+            <td
+              class="mxDeviceDetails_metadataLabel"
+            >
+              Session ID
+            </td>
+            <td
+              class="mxDeviceDetails_metadataValue"
+            >
+              alices_device
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </section>
+    <section
+      class="mx_DeviceDetails_section"
+    >
+      <div
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_inline"
+        data-testid="device-detail-sign-out-cta"
+        role="button"
+        tabindex="0"
+      >
+        <span
+          class="mx_DeviceDetails_signOutButtonContent"
+        >
+          Remove this session
+        </span>
+      </div>
+    </section>
+  </div>,
+]
+`;
+
+exports[`<CurrentDeviceSection /> handles when device is falsy 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection"
+    data-testid="current-session-section"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Current session
+      </h2>
+      <div
+        aria-disabled="true"
+        aria-expanded="false"
+        aria-haspopup="true"
+        aria-label="Options"
+        class="mx_AccessibleButton mx_AccessibleButton_disabled"
+        data-testid="current-session-menu"
+        disabled=""
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          class="mx_KebabContextMenu_icon"
+          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>
+    <div
+      class="mx_SettingsSubsection_content"
+    />
+  </div>
+</div>
+`;
+
+exports[`<CurrentDeviceSection /> renders device and correct security card when device is unverified 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection"
+    data-testid="current-session-section"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Current session
+      </h2>
+      <div
+        aria-expanded="false"
+        aria-haspopup="true"
+        aria-label="Options"
+        class="mx_AccessibleButton"
+        data-testid="current-session-menu"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          class="mx_KebabContextMenu_icon"
+          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>
+    <div
+      class="mx_SettingsSubsection_content"
+    >
+      <div
+        class="mx_DeviceTile mx_DeviceTile_interactive"
+        data-testid="device-tile-alices_device"
+      >
+        <div
+          class="mx_DeviceTypeIcon"
+        >
+          <div
+            class="mx_DeviceTypeIcon_deviceIconWrapper"
+          >
+            <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"
+            class="mx_DeviceTypeIcon_verificationIcon unverified"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            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="mx_DeviceTile_info"
+        >
+          <h3
+            class="mx_Heading_h4"
+          >
+            alices_device
+          </h3>
+          <div
+            class="mx_DeviceTile_metadata"
+          >
+            <span
+              data-testid="device-metadata-isVerified"
+            >
+              Unverified
+            </span>
+             · 
+            <span
+              data-testid="device-metadata-deviceId"
+            >
+              alices_device
+            </span>
+          </div>
+        </div>
+        <div
+          class="mx_DeviceTile_actions"
+        >
+          <div
+            aria-label="Show details"
+            class="mx_AccessibleButton mx_DeviceExpandDetailsButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon"
+            data-testid="current-session-toggle-details"
+            role="button"
+            tabindex="0"
+          >
+            <svg
+              class="mx_DeviceExpandDetailsButton_icon"
+              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>
+      <br />
+      <div
+        class="mx_DeviceSecurityCard"
+      >
+        <div
+          class="mx_DeviceSecurityCard_icon Unverified"
+        >
+          <svg
+            fill="currentColor"
+            height="16"
+            viewBox="0 0 24 24"
+            width="16"
+            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="mx_DeviceSecurityCard_content"
+        >
+          <p
+            class="mx_DeviceSecurityCard_heading"
+          >
+            Unverified session
+          </p>
+          <p
+            class="mx_DeviceSecurityCard_description"
+          >
+            Verify your current session for enhanced secure messaging.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </p>
+          <div
+            class="mx_DeviceSecurityCard_actions"
+          >
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+              data-testid="verification-status-button-alices_device"
+              role="button"
+              tabindex="0"
+            >
+              Verify session
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<CurrentDeviceSection /> renders device and correct security card when device is verified 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection"
+    data-testid="current-session-section"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Current session
+      </h2>
+      <div
+        aria-expanded="false"
+        aria-haspopup="true"
+        aria-label="Options"
+        class="mx_AccessibleButton"
+        data-testid="current-session-menu"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          class="mx_KebabContextMenu_icon"
+          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>
+    <div
+      class="mx_SettingsSubsection_content"
+    >
+      <div
+        class="mx_DeviceTile mx_DeviceTile_interactive"
+        data-testid="device-tile-alices_device"
+      >
+        <div
+          class="mx_DeviceTypeIcon"
+        >
+          <div
+            class="mx_DeviceTypeIcon_deviceIconWrapper"
+          >
+            <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"
+            class="mx_DeviceTypeIcon_verificationIcon unverified"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            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="mx_DeviceTile_info"
+        >
+          <h3
+            class="mx_Heading_h4"
+          >
+            alices_device
+          </h3>
+          <div
+            class="mx_DeviceTile_metadata"
+          >
+            <span
+              data-testid="device-metadata-isVerified"
+            >
+              Unverified
+            </span>
+             · 
+            <span
+              data-testid="device-metadata-deviceId"
+            >
+              alices_device
+            </span>
+          </div>
+        </div>
+        <div
+          class="mx_DeviceTile_actions"
+        >
+          <div
+            aria-label="Show details"
+            class="mx_AccessibleButton mx_DeviceExpandDetailsButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon"
+            data-testid="current-session-toggle-details"
+            role="button"
+            tabindex="0"
+          >
+            <svg
+              class="mx_DeviceExpandDetailsButton_icon"
+              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>
+      <br />
+      <div
+        class="mx_DeviceSecurityCard"
+      >
+        <div
+          class="mx_DeviceSecurityCard_icon Unverified"
+        >
+          <svg
+            fill="currentColor"
+            height="16"
+            viewBox="0 0 24 24"
+            width="16"
+            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="mx_DeviceSecurityCard_content"
+        >
+          <p
+            class="mx_DeviceSecurityCard_heading"
+          >
+            Unverified session
+          </p>
+          <p
+            class="mx_DeviceSecurityCard_description"
+          >
+            Verify your current session for enhanced secure messaging.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </p>
+          <div
+            class="mx_DeviceSecurityCard_actions"
+          >
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+              data-testid="verification-status-button-alices_device"
+              role="button"
+              tabindex="0"
+            >
+              Verify session
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceDetailHeading-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceDetailHeading-test.tsx.snap
new file mode 100644
index 00000000000..9a1ead7c2c9
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceDetailHeading-test.tsx.snap
@@ -0,0 +1,96 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<DeviceDetailHeading /> displays name edit form on rename button click 1`] = `
+{
+  "container": <div>
+    <form
+      class="mx_DeviceDetailHeading_renameForm"
+      method="post"
+    >
+      <p
+        class="mx_DeviceDetailHeading_renameFormHeading"
+        id="device-rename-123"
+      >
+        Rename session
+      </p>
+      <div>
+        <div
+          class="mx_Field mx_Field_input mx_DeviceDetailHeading_renameFormInput"
+        >
+          <input
+            aria-describedby="device-rename-description-123"
+            aria-labelledby="device-rename-123"
+            autocomplete="off"
+            data-testid="device-rename-input"
+            id="mx_Field_1"
+            maxlength="100"
+            type="text"
+            value="My device"
+          />
+          <label
+            for="mx_Field_1"
+          />
+        </div>
+        <span
+          class="mx_Caption"
+          id="device-rename-description-123"
+        >
+          Please be aware that session names are also visible to people you communicate with.
+          <button
+            class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+            role="button"
+            tabindex="0"
+          >
+            Learn more
+          </button>
+        </span>
+      </div>
+      <div
+        class="mx_DeviceDetailHeading_renameFormButtons"
+      >
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+          data-testid="device-rename-submit-cta"
+          role="button"
+          tabindex="0"
+        >
+          Save
+        </div>
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
+          data-testid="device-rename-cancel-cta"
+          role="button"
+          tabindex="0"
+        >
+          Cancel
+        </div>
+      </div>
+    </form>
+  </div>,
+}
+`;
+
+exports[`<DeviceDetailHeading /> renders device name 1`] = `
+{
+  "container": <div>
+    <div
+      class="mx_DeviceDetailHeading"
+      data-testid="device-detail-heading"
+    >
+      <h4
+        class="mx_Heading_h4"
+      >
+        My device
+      </h4>
+      <div
+        class="mx_AccessibleButton mx_DeviceDetailHeading_renameCta mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+        data-testid="device-heading-rename-cta"
+        role="button"
+        tabindex="0"
+      >
+        Rename
+      </div>
+    </div>
+  </div>,
+}
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceDetails-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceDetails-test.tsx.snap
new file mode 100644
index 00000000000..8d853999d96
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceDetails-test.tsx.snap
@@ -0,0 +1,415 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<DeviceDetails /> renders a verified device 1`] = `
+<div>
+  <div
+    class="mx_DeviceDetails"
+    data-testid="device-detail-my-device"
+  >
+    <section
+      class="mx_DeviceDetails_section"
+    >
+      <div
+        class="mx_DeviceDetailHeading"
+        data-testid="device-detail-heading"
+      >
+        <h4
+          class="mx_Heading_h4"
+        >
+          my-device
+        </h4>
+        <div
+          class="mx_AccessibleButton mx_DeviceDetailHeading_renameCta mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+          data-testid="device-heading-rename-cta"
+          role="button"
+          tabindex="0"
+        >
+          Rename
+        </div>
+      </div>
+      <div
+        class="mx_DeviceSecurityCard"
+      >
+        <div
+          class="mx_DeviceSecurityCard_icon Verified"
+        >
+          <svg
+            fill="currentColor"
+            height="16"
+            viewBox="0 0 24 24"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              clip-rule="evenodd"
+              d="M11.106 2.447a2 2 0 0 1 1.789 0l6 3A2 2 0 0 1 20 7.237V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.105-1.789zm4.601 6.846a1 1 0 0 0-1.414 0L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </div>
+        <div
+          class="mx_DeviceSecurityCard_content"
+        >
+          <p
+            class="mx_DeviceSecurityCard_heading"
+          >
+            Verified session
+          </p>
+          <p
+            class="mx_DeviceSecurityCard_description"
+          >
+            This session is ready for secure messaging.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </p>
+        </div>
+      </div>
+    </section>
+    <section
+      class="mx_DeviceDetails_section"
+    >
+      <p
+        class="mx_DeviceDetails_sectionHeading"
+      >
+        Session details
+      </p>
+      <table
+        class="mx_DeviceDetails_metadataTable"
+        data-testid="device-detail-metadata-session"
+      >
+        <tbody>
+          <tr>
+            <td
+              class="mxDeviceDetails_metadataLabel"
+            >
+              Session ID
+            </td>
+            <td
+              class="mxDeviceDetails_metadataValue"
+            >
+              my-device
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </section>
+    <section
+      class="mx_DeviceDetails_section"
+    >
+      <div
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_inline"
+        data-testid="device-detail-sign-out-cta"
+        role="button"
+        tabindex="0"
+      >
+        <span
+          class="mx_DeviceDetails_signOutButtonContent"
+        >
+          Remove this session
+        </span>
+      </div>
+    </section>
+  </div>
+</div>
+`;
+
+exports[`<DeviceDetails /> renders device with metadata 1`] = `
+<div>
+  <div
+    class="mx_DeviceDetails"
+    data-testid="device-detail-my-device"
+  >
+    <section
+      class="mx_DeviceDetails_section"
+    >
+      <div
+        class="mx_DeviceDetailHeading"
+        data-testid="device-detail-heading"
+      >
+        <h4
+          class="mx_Heading_h4"
+        >
+          My Device
+        </h4>
+        <div
+          class="mx_AccessibleButton mx_DeviceDetailHeading_renameCta mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+          data-testid="device-heading-rename-cta"
+          role="button"
+          tabindex="0"
+        >
+          Rename
+        </div>
+      </div>
+      <div
+        class="mx_DeviceSecurityCard"
+      >
+        <div
+          class="mx_DeviceSecurityCard_icon Unverified"
+        >
+          <svg
+            fill="currentColor"
+            height="16"
+            viewBox="0 0 24 24"
+            width="16"
+            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="mx_DeviceSecurityCard_content"
+        >
+          <p
+            class="mx_DeviceSecurityCard_heading"
+          >
+            Unverified session
+          </p>
+          <p
+            class="mx_DeviceSecurityCard_description"
+          >
+            Verify or remove this session for best security and reliability.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </p>
+        </div>
+      </div>
+    </section>
+    <section
+      class="mx_DeviceDetails_section"
+    >
+      <p
+        class="mx_DeviceDetails_sectionHeading"
+      >
+        Session details
+      </p>
+      <table
+        class="mx_DeviceDetails_metadataTable"
+        data-testid="device-detail-metadata-session"
+      >
+        <tbody>
+          <tr>
+            <td
+              class="mxDeviceDetails_metadataLabel"
+            >
+              Session ID
+            </td>
+            <td
+              class="mxDeviceDetails_metadataValue"
+            >
+              my-device
+            </td>
+          </tr>
+          <tr>
+            <td
+              class="mxDeviceDetails_metadataLabel"
+            >
+              Last activity
+            </td>
+            <td
+              class="mxDeviceDetails_metadataValue"
+            >
+              Sun 22:34
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <table
+        class="mx_DeviceDetails_metadataTable"
+        data-testid="device-detail-metadata-application"
+      >
+        <thead>
+          <tr>
+            <th>
+              Application
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td
+              class="mxDeviceDetails_metadataLabel"
+            >
+              Name
+            </td>
+            <td
+              class="mxDeviceDetails_metadataValue"
+            >
+              Element Web
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <table
+        class="mx_DeviceDetails_metadataTable"
+        data-testid="device-detail-metadata-device"
+      >
+        <thead>
+          <tr>
+            <th>
+              Device
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td
+              class="mxDeviceDetails_metadataLabel"
+            >
+              IP address
+            </td>
+            <td
+              class="mxDeviceDetails_metadataValue"
+            >
+              123.456.789
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </section>
+    <section
+      class="mx_DeviceDetails_section"
+    >
+      <div
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_inline"
+        data-testid="device-detail-sign-out-cta"
+        role="button"
+        tabindex="0"
+      >
+        <span
+          class="mx_DeviceDetails_signOutButtonContent"
+        >
+          Remove this session
+        </span>
+      </div>
+    </section>
+  </div>
+</div>
+`;
+
+exports[`<DeviceDetails /> renders device without metadata 1`] = `
+<div>
+  <div
+    class="mx_DeviceDetails"
+    data-testid="device-detail-my-device"
+  >
+    <section
+      class="mx_DeviceDetails_section"
+    >
+      <div
+        class="mx_DeviceDetailHeading"
+        data-testid="device-detail-heading"
+      >
+        <h4
+          class="mx_Heading_h4"
+        >
+          my-device
+        </h4>
+        <div
+          class="mx_AccessibleButton mx_DeviceDetailHeading_renameCta mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+          data-testid="device-heading-rename-cta"
+          role="button"
+          tabindex="0"
+        >
+          Rename
+        </div>
+      </div>
+      <div
+        class="mx_DeviceSecurityCard"
+      >
+        <div
+          class="mx_DeviceSecurityCard_icon Unverified"
+        >
+          <svg
+            fill="currentColor"
+            height="16"
+            viewBox="0 0 24 24"
+            width="16"
+            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="mx_DeviceSecurityCard_content"
+        >
+          <p
+            class="mx_DeviceSecurityCard_heading"
+          >
+            Unverified session
+          </p>
+          <p
+            class="mx_DeviceSecurityCard_description"
+          >
+            Verify or remove this session for best security and reliability.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </p>
+        </div>
+      </div>
+    </section>
+    <section
+      class="mx_DeviceDetails_section"
+    >
+      <p
+        class="mx_DeviceDetails_sectionHeading"
+      >
+        Session details
+      </p>
+      <table
+        class="mx_DeviceDetails_metadataTable"
+        data-testid="device-detail-metadata-session"
+      >
+        <tbody>
+          <tr>
+            <td
+              class="mxDeviceDetails_metadataLabel"
+            >
+              Session ID
+            </td>
+            <td
+              class="mxDeviceDetails_metadataValue"
+            >
+              my-device
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </section>
+    <section
+      class="mx_DeviceDetails_section"
+    >
+      <div
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_inline"
+        data-testid="device-detail-sign-out-cta"
+        role="button"
+        tabindex="0"
+      >
+        <span
+          class="mx_DeviceDetails_signOutButtonContent"
+        >
+          Remove this session
+        </span>
+      </div>
+    </section>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceExpandDetailsButton-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceExpandDetailsButton-test.tsx.snap
new file mode 100644
index 00000000000..34a8d29c367
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceExpandDetailsButton-test.tsx.snap
@@ -0,0 +1,53 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<DeviceExpandDetailsButton /> renders when expanded 1`] = `
+{
+  "container": <div>
+    <div
+      aria-label="Hide details"
+      class="mx_AccessibleButton mx_DeviceExpandDetailsButton mx_DeviceExpandDetailsButton_expanded mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_DeviceExpandDetailsButton_icon"
+        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>,
+}
+`;
+
+exports[`<DeviceExpandDetailsButton /> renders when not expanded 1`] = `
+{
+  "container": <div>
+    <div
+      aria-label="Show details"
+      class="mx_AccessibleButton mx_DeviceExpandDetailsButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_DeviceExpandDetailsButton_icon"
+        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>,
+}
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceSecurityCard-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceSecurityCard-test.tsx.snap
new file mode 100644
index 00000000000..b3e857f03cc
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceSecurityCard-test.tsx.snap
@@ -0,0 +1,86 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<DeviceSecurityCard /> renders basic card 1`] = `
+<div>
+  <div
+    class="mx_DeviceSecurityCard"
+  >
+    <div
+      class="mx_DeviceSecurityCard_icon Verified"
+    >
+      <svg
+        fill="currentColor"
+        height="16"
+        viewBox="0 0 24 24"
+        width="16"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M11.106 2.447a2 2 0 0 1 1.789 0l6 3A2 2 0 0 1 20 7.237V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.105-1.789zm4.601 6.846a1 1 0 0 0-1.414 0L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </div>
+    <div
+      class="mx_DeviceSecurityCard_content"
+    >
+      <p
+        class="mx_DeviceSecurityCard_heading"
+      >
+        Verified session
+      </p>
+      <p
+        class="mx_DeviceSecurityCard_description"
+      >
+        nice
+      </p>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<DeviceSecurityCard /> renders with children 1`] = `
+<div>
+  <div
+    class="mx_DeviceSecurityCard"
+  >
+    <div
+      class="mx_DeviceSecurityCard_icon Unverified"
+    >
+      <svg
+        fill="currentColor"
+        height="16"
+        viewBox="0 0 24 24"
+        width="16"
+        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="mx_DeviceSecurityCard_content"
+    >
+      <p
+        class="mx_DeviceSecurityCard_heading"
+      >
+        Verified session
+      </p>
+      <p
+        class="mx_DeviceSecurityCard_description"
+      >
+        nice
+      </p>
+      <div
+        class="mx_DeviceSecurityCard_actions"
+      >
+        <div>
+          hey
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTile-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTile-test.tsx.snap
new file mode 100644
index 00000000000..a0c0e4d6ab8
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTile-test.tsx.snap
@@ -0,0 +1,305 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<DeviceTile /> renders a device with no metadata 1`] = `
+<div>
+  <div
+    class="mx_DeviceTile"
+    data-testid="device-tile-123"
+  >
+    <div
+      class="mx_DeviceTypeIcon"
+    >
+      <div
+        class="mx_DeviceTypeIcon_deviceIconWrapper"
+      >
+        <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"
+        class="mx_DeviceTypeIcon_verificationIcon unverified"
+        fill="currentColor"
+        height="1em"
+        role="img"
+        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="mx_DeviceTile_info"
+    >
+      <h3
+        class="mx_Heading_h4"
+      >
+        123
+      </h3>
+      <div
+        class="mx_DeviceTile_metadata"
+      >
+        <span
+          data-testid="device-metadata-isVerified"
+        >
+          Unverified
+        </span>
+         · 
+        <span
+          data-testid="device-metadata-deviceId"
+        >
+          123
+        </span>
+      </div>
+    </div>
+    <div
+      class="mx_DeviceTile_actions"
+    />
+  </div>
+</div>
+`;
+
+exports[`<DeviceTile /> renders a verified device with no metadata 1`] = `
+<div>
+  <div
+    class="mx_DeviceTile"
+    data-testid="device-tile-123"
+  >
+    <div
+      class="mx_DeviceTypeIcon"
+    >
+      <div
+        class="mx_DeviceTypeIcon_deviceIconWrapper"
+      >
+        <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"
+        class="mx_DeviceTypeIcon_verificationIcon unverified"
+        fill="currentColor"
+        height="1em"
+        role="img"
+        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="mx_DeviceTile_info"
+    >
+      <h3
+        class="mx_Heading_h4"
+      >
+        123
+      </h3>
+      <div
+        class="mx_DeviceTile_metadata"
+      >
+        <span
+          data-testid="device-metadata-isVerified"
+        >
+          Unverified
+        </span>
+         · 
+        <span
+          data-testid="device-metadata-deviceId"
+        >
+          123
+        </span>
+      </div>
+    </div>
+    <div
+      class="mx_DeviceTile_actions"
+    />
+  </div>
+</div>
+`;
+
+exports[`<DeviceTile /> renders display name with a tooltip 1`] = `
+<div>
+  <div
+    class="mx_DeviceTile"
+    data-testid="device-tile-123"
+  >
+    <div
+      class="mx_DeviceTypeIcon"
+    >
+      <div
+        class="mx_DeviceTypeIcon_deviceIconWrapper"
+      >
+        <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"
+        class="mx_DeviceTypeIcon_verificationIcon unverified"
+        fill="currentColor"
+        height="1em"
+        role="img"
+        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="mx_DeviceTile_info"
+    >
+      <h3
+        class="mx_Heading_h4"
+      >
+        My device
+      </h3>
+      <div
+        class="mx_DeviceTile_metadata"
+      >
+        <span
+          data-testid="device-metadata-isVerified"
+        >
+          Unverified
+        </span>
+         · 
+        <span
+          data-testid="device-metadata-deviceId"
+        >
+          123
+        </span>
+      </div>
+    </div>
+    <div
+      class="mx_DeviceTile_actions"
+    />
+  </div>
+</div>
+`;
+
+exports[`<DeviceTile /> separates metadata with a dot 1`] = `
+<div>
+  <div
+    class="mx_DeviceTile"
+    data-testid="device-tile-123"
+  >
+    <div
+      class="mx_DeviceTypeIcon"
+    >
+      <div
+        class="mx_DeviceTypeIcon_deviceIconWrapper"
+      >
+        <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"
+        class="mx_DeviceTypeIcon_verificationIcon unverified"
+        fill="currentColor"
+        height="1em"
+        role="img"
+        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="mx_DeviceTile_info"
+    >
+      <h3
+        class="mx_Heading_h4"
+      >
+        123
+      </h3>
+      <div
+        class="mx_DeviceTile_metadata"
+      >
+        <span
+          data-testid="device-metadata-isVerified"
+        >
+          Unverified
+        </span>
+         · 
+        <span
+          data-testid="device-metadata-lastActivity"
+        >
+          Last activity 15:13
+        </span>
+         · 
+        <span
+          data-testid="device-metadata-lastSeenIp"
+        >
+          1.2.3.4
+        </span>
+         · 
+        <span
+          data-testid="device-metadata-deviceId"
+        >
+          123
+        </span>
+      </div>
+    </div>
+    <div
+      class="mx_DeviceTile_actions"
+    />
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTypeIcon-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTypeIcon-test.tsx.snap
new file mode 100644
index 00000000000..cea190d0ee8
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTypeIcon-test.tsx.snap
@@ -0,0 +1,126 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<DeviceTypeIcon /> renders a verified device 1`] = `
+<div>
+  <div
+    class="mx_DeviceTypeIcon"
+  >
+    <div
+      class="mx_DeviceTypeIcon_deviceIconWrapper"
+    >
+      <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"
+      class="mx_DeviceTypeIcon_verificationIcon verified"
+      fill="currentColor"
+      height="1em"
+      role="img"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        clip-rule="evenodd"
+        d="M11.106 2.447a2 2 0 0 1 1.789 0l6 3A2 2 0 0 1 20 7.237V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.105-1.789zm4.601 6.846a1 1 0 0 0-1.414 0L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
+        fill-rule="evenodd"
+      />
+    </svg>
+  </div>
+</div>
+`;
+
+exports[`<DeviceTypeIcon /> renders an unverified device 1`] = `
+<div>
+  <div
+    class="mx_DeviceTypeIcon"
+  >
+    <div
+      class="mx_DeviceTypeIcon_deviceIconWrapper"
+    >
+      <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"
+      class="mx_DeviceTypeIcon_verificationIcon unverified"
+      fill="currentColor"
+      height="1em"
+      role="img"
+      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>
+`;
+
+exports[`<DeviceTypeIcon /> renders correctly when selected 1`] = `
+<div>
+  <div
+    class="mx_DeviceTypeIcon mx_DeviceTypeIcon_selected"
+  >
+    <div
+      class="mx_DeviceTypeIcon_deviceIconWrapper"
+    >
+      <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"
+      class="mx_DeviceTypeIcon_verificationIcon unverified"
+      fill="currentColor"
+      height="1em"
+      role="img"
+      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>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceVerificationStatusCard-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceVerificationStatusCard-test.tsx.snap
new file mode 100644
index 00000000000..953bf16969b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceVerificationStatusCard-test.tsx.snap
@@ -0,0 +1,150 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<DeviceVerificationStatusCard /> renders a verified device 1`] = `
+<div>
+  <div
+    class="mx_DeviceSecurityCard"
+  >
+    <div
+      class="mx_DeviceSecurityCard_icon Verified"
+    >
+      <svg
+        fill="currentColor"
+        height="16"
+        viewBox="0 0 24 24"
+        width="16"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M11.106 2.447a2 2 0 0 1 1.789 0l6 3A2 2 0 0 1 20 7.237V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.105-1.789zm4.601 6.846a1 1 0 0 0-1.414 0L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </div>
+    <div
+      class="mx_DeviceSecurityCard_content"
+    >
+      <p
+        class="mx_DeviceSecurityCard_heading"
+      >
+        Verified session
+      </p>
+      <p
+        class="mx_DeviceSecurityCard_description"
+      >
+        This session is ready for secure messaging.
+        <button
+          class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+          role="button"
+          tabindex="0"
+        >
+          Learn more
+        </button>
+      </p>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<DeviceVerificationStatusCard /> renders an unverifiable device 1`] = `
+<div>
+  <div
+    class="mx_DeviceSecurityCard"
+  >
+    <div
+      class="mx_DeviceSecurityCard_icon Unverified"
+    >
+      <svg
+        fill="currentColor"
+        height="16"
+        viewBox="0 0 24 24"
+        width="16"
+        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="mx_DeviceSecurityCard_content"
+    >
+      <p
+        class="mx_DeviceSecurityCard_heading"
+      >
+        Unverified session
+      </p>
+      <p
+        class="mx_DeviceSecurityCard_description"
+      >
+        This session doesn't support encryption and thus can't be verified.
+        <button
+          class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+          role="button"
+          tabindex="0"
+        >
+          Learn more
+        </button>
+      </p>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<DeviceVerificationStatusCard /> renders an unverified device 1`] = `
+<div>
+  <div
+    class="mx_DeviceSecurityCard"
+  >
+    <div
+      class="mx_DeviceSecurityCard_icon Unverified"
+    >
+      <svg
+        fill="currentColor"
+        height="16"
+        viewBox="0 0 24 24"
+        width="16"
+        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="mx_DeviceSecurityCard_content"
+    >
+      <p
+        class="mx_DeviceSecurityCard_heading"
+      >
+        Unverified session
+      </p>
+      <p
+        class="mx_DeviceSecurityCard_description"
+      >
+        Verify or remove this session for best security and reliability.
+        <button
+          class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+          role="button"
+          tabindex="0"
+        >
+          Learn more
+        </button>
+      </p>
+      <div
+        class="mx_DeviceSecurityCard_actions"
+      >
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+          data-testid="verification-status-button-test-device"
+          role="button"
+          tabindex="0"
+        >
+          Verify session
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/FilteredDeviceList-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/FilteredDeviceList-test.tsx.snap
new file mode 100644
index 00000000000..8c93d87fd1c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/FilteredDeviceList-test.tsx.snap
@@ -0,0 +1,216 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<FilteredDeviceList /> displays no results message when there are no devices 1`] = `
+HTMLCollection [
+  <div
+    class="mx_FilteredDeviceList_noResults"
+  >
+    No sessions found.
+  </div>,
+]
+`;
+
+exports[`<FilteredDeviceList /> filtering filters correctly for Inactive 1`] = `
+HTMLCollection [
+  <div
+    class="mx_FilteredDeviceList_securityCard"
+  >
+    <div
+      class="mx_DeviceSecurityCard"
+    >
+      <div
+        class="mx_DeviceSecurityCard_icon Inactive"
+      >
+        <div
+          height="16"
+          width="16"
+        />
+      </div>
+      <div
+        class="mx_DeviceSecurityCard_content"
+      >
+        <p
+          class="mx_DeviceSecurityCard_heading"
+        >
+          Inactive sessions
+        </p>
+        <p
+          class="mx_DeviceSecurityCard_description"
+        >
+          <span>
+            Consider removing old sessions (90 days or older) you don't use anymore.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </span>
+        </p>
+      </div>
+    </div>
+  </div>,
+]
+`;
+
+exports[`<FilteredDeviceList /> filtering filters correctly for Unverified 1`] = `
+HTMLCollection [
+  <div
+    class="mx_FilteredDeviceList_securityCard"
+  >
+    <div
+      class="mx_DeviceSecurityCard"
+    >
+      <div
+        class="mx_DeviceSecurityCard_icon Unverified"
+      >
+        <svg
+          fill="currentColor"
+          height="16"
+          viewBox="0 0 24 24"
+          width="16"
+          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="mx_DeviceSecurityCard_content"
+      >
+        <p
+          class="mx_DeviceSecurityCard_heading"
+        >
+          Unverified sessions
+        </p>
+        <p
+          class="mx_DeviceSecurityCard_description"
+        >
+          <span>
+            Verify your sessions for enhanced secure messaging or remove from those you don't recognize or use anymore.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </span>
+        </p>
+      </div>
+    </div>
+  </div>,
+]
+`;
+
+exports[`<FilteredDeviceList /> filtering filters correctly for Verified 1`] = `
+HTMLCollection [
+  <div
+    class="mx_FilteredDeviceList_securityCard"
+  >
+    <div
+      class="mx_DeviceSecurityCard"
+    >
+      <div
+        class="mx_DeviceSecurityCard_icon Verified"
+      >
+        <svg
+          fill="currentColor"
+          height="16"
+          viewBox="0 0 24 24"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M11.106 2.447a2 2 0 0 1 1.789 0l6 3A2 2 0 0 1 20 7.237V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.105-1.789zm4.601 6.846a1 1 0 0 0-1.414 0L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <div
+        class="mx_DeviceSecurityCard_content"
+      >
+        <p
+          class="mx_DeviceSecurityCard_heading"
+        >
+          Verified sessions
+        </p>
+        <p
+          class="mx_DeviceSecurityCard_description"
+        >
+          <span>
+            For best security, remove any session that you don't recognize or use anymore.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </span>
+        </p>
+      </div>
+    </div>
+  </div>,
+]
+`;
+
+exports[`<FilteredDeviceList /> filtering renders no results correctly for Inactive 1`] = `
+HTMLCollection [
+  <div
+    class="mx_FilteredDeviceList_noResults"
+  >
+    No inactive sessions found.
+     
+    <div
+      class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+      data-testid="devices-clear-filter-btn"
+      role="button"
+      tabindex="0"
+    >
+      Show all
+    </div>
+  </div>,
+]
+`;
+
+exports[`<FilteredDeviceList /> filtering renders no results correctly for Unverified 1`] = `
+HTMLCollection [
+  <div
+    class="mx_FilteredDeviceList_noResults"
+  >
+    No unverified sessions found.
+     
+    <div
+      class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+      data-testid="devices-clear-filter-btn"
+      role="button"
+      tabindex="0"
+    >
+      Show all
+    </div>
+  </div>,
+]
+`;
+
+exports[`<FilteredDeviceList /> filtering renders no results correctly for Verified 1`] = `
+HTMLCollection [
+  <div
+    class="mx_FilteredDeviceList_noResults"
+  >
+    No verified sessions found.
+     
+    <div
+      class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+      data-testid="devices-clear-filter-btn"
+      role="button"
+      tabindex="0"
+    >
+      Show all
+    </div>
+  </div>,
+]
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/FilteredDeviceListHeader-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/FilteredDeviceListHeader-test.tsx.snap
new file mode 100644
index 00000000000..574215b6cbe
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/FilteredDeviceListHeader-test.tsx.snap
@@ -0,0 +1,132 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<FilteredDeviceListHeader /> renders correctly when all devices are selected 1`] = `
+<div>
+  <div
+    class="mx_FilteredDeviceListHeader"
+    data-testid="test123"
+  >
+    <span
+      tabindex="0"
+    >
+      <form
+        class="_root_1o4d9_17"
+      >
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_153f2_10"
+            >
+              <input
+                aria-label="Deselect all"
+                aria-labelledby="react-use-id-1"
+                checked=""
+                class="_input_153f2_18"
+                data-testid="device-select-all-checkbox"
+                id="device-select-all-checkbox"
+                type="checkbox"
+              />
+              <div
+                class="_ui_153f2_19"
+              >
+                <svg
+                  aria-hidden="true"
+                  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>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          />
+        </div>
+      </form>
+    </span>
+    <span
+      class="mx_FilteredDeviceListHeader_label"
+    >
+      Sessions
+    </span>
+    <div>
+      test
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<FilteredDeviceListHeader /> renders correctly when no devices are selected 1`] = `
+<div>
+  <div
+    class="mx_FilteredDeviceListHeader"
+    data-testid="test123"
+  >
+    <span
+      tabindex="0"
+    >
+      <form
+        class="_root_1o4d9_17"
+      >
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_153f2_10"
+            >
+              <input
+                aria-label="Select all"
+                aria-labelledby="react-use-id-1"
+                class="_input_153f2_18"
+                data-testid="device-select-all-checkbox"
+                id="device-select-all-checkbox"
+                type="checkbox"
+              />
+              <div
+                class="_ui_153f2_19"
+              >
+                <svg
+                  aria-hidden="true"
+                  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>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          />
+        </div>
+      </form>
+    </span>
+    <span
+      class="mx_FilteredDeviceListHeader_label"
+    >
+      Sessions
+    </span>
+    <div>
+      test
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/LoginWithQRFlow-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/LoginWithQRFlow-test.tsx.snap
new file mode 100644
index 00000000000..5a2d4bc7053
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/LoginWithQRFlow-test.tsx.snap
@@ -0,0 +1,2880 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders authorization_expired 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        The sign in was not completed in time
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        Sign in expired. Please try again.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders check_code_mismatch 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders device_already_exists 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders device_not_found 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders etag_missing 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. This may be due to a browser extension, proxy server, or server misconfiguration.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders expired 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        The sign in was not completed in time
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        Sign in expired. Please try again.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders homeserver_lacks_support 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_heading"
+    >
+      <div
+        aria-label="Back"
+        class="mx_AccessibleButton mx_LoginWithQR_BackButton"
+        data-testid="back-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.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+      <div
+        class="mx_LoginWithQR_breadcrumbs"
+      >
+        Sessions
+         / 
+        Link new device
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M3 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm2 5V5h4v4zm-2 5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm2 5v-4h4v4zm9-16a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm1 2v4h4V5z"
+            fill-rule="evenodd"
+          />
+          <path
+            d="M15 16v-3h-2v3z"
+          />
+          <path
+            d="M17 16h-2v2h-2v3h2v-3h2v2h4v-2h-2v-5h-2z"
+          />
+        </svg>
+      </div>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        QR code not supported
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        Your account provider doesn't support signing into a new device with a QR code.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders insecure_channel_detected 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Connection not secure
+      </h1>
+      A secure connection could not be made to the new device. Your existing devices are still safe and you don't need to worry about them.
+      <h2
+        class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
+        data-testid="cancellation-message"
+      >
+        Now what?
+      </h2>
+      <ol>
+        <li>
+          Try signing in to the other device again with a QR code in case this was a network problem
+        </li>
+        <li>
+          If you encounter the same problem, try a different wifi network or use your mobile data instead of wifi
+        </li>
+        <li>
+          If that doesn't work, sign in manually
+        </li>
+      </ol>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders invalid_code 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders other_device_already_signed_in 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="success"
+        data-size="lg"
+      >
+        <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 22"
+          />
+        </svg>
+      </div>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Your other device is already signed in
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        You don’t need to do anything else.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders other_device_not_signed_in 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders rate_limited 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        Too many attempts in a short time. Wait some time before trying again.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders unexpected_message_received 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders unknown 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders unsupported_protocol 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Other device not compatible
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        This device does not support signing in to the other device with a QR code.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders user_cancelled 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Sign in request cancelled
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        The sign in was cancelled on the other device.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate errors renders user_declined 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Sign in declined
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        You or the account provider declined the sign in request.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Try again
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate renders QR code 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_heading"
+    >
+      <div
+        aria-label="Back"
+        class="mx_AccessibleButton mx_LoginWithQR_BackButton"
+        data-testid="back-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.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+      <div
+        class="mx_LoginWithQR_breadcrumbs"
+      >
+        Sessions
+         / 
+        Link new device
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Scan the QR code with another device
+      </h1>
+      <div
+        class="mx_LoginWithQR_qrWrapper"
+      >
+        <div
+          class="mx_QRCode"
+        >
+          <img
+            alt="QR Code"
+            class="mx_VerificationQRCode"
+            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAklEQVR4AewaftIAAAPWSURBVO3BQY5jBxYDweSD7n9lTu+8aQJu+Y+gsjMi/QVJv3VImg5J0yFpOiRNh6TpkDQdkqZD0nRImg5J0yFpOiRNh6TpkDQdkqZD0nRImg5J0yFpOiRNh6TpkDQdkqZD0nRImg5J0yFpevFhSfjJ2vKOJCxtWZLwjrYsSfjJ2vIph6TpkDQdkqZD0nRImg5J04sv0pZvkIRPSsI72vK0tnyDJHyDQ9J0SJoOSdMhaTokTYek6cUPkYSnteVJSXhHW5YkLElY2vKkJDytLd/ukDQdkqZD0nRImg5J0yFpeqHHtGVJwtPaov+vQ9J0SJoOSdMhaTokTYek6YU+oi1LEpa2LElY2qJ/7pA0HZKmQ9J0SJoOSdMhaXrxQ7Tl36ot364t/0WHpOmQNB2SpkPSdEiaXnyRJPxkSVjasiRhacsnJUF/OSRNh6TpkDQdkqZD0nRIml58WFv+i5KwtGVJwtPaor/nkDQdkqZD0nRImg5J0yFpevFhSXhaW5YkfLskvKMtSxLe0ZYnJWFpy7c7JE2HpOmQNB2SpkPSdEia0l/4EklY2rIkYWmL/r4k/Km2LEl4Wls+5ZA0HZKmQ9J0SJoOSdMhaUp/4YOS8C3a8jtJ+KS2vCMJS1uWJHxKW5YkvKMtn3JImg5J0yFpOiRNh6TpkDS9+CJtWZKwtGVJwp9qyzuS8ElteUdb/lQSlra8oy3f7pA0HZKmQ9J0SJoOSdMhaUp/4YOS8Elt+VNJWNrytCQsbVmSsLTlHUn4nbY8LQlLW77BIWk6JE2HpOmQNB2SpkPSlP6CHpGEpS3vSMLSlqcl4UltWZLwjrZ8yiFpOiRNh6TpkDQdkqZD0vTiw5Lwk7XlaUl4WhL0zx2SpkPSdEiaDknTIWk6JE0vvkhbvkESnpaEpS1LEpYkvKMtfyoJS1ve0ZZvd0iaDknTIWk6JE2HpOnFD5GEp7XlGyThHW15RxKWtugvh6TpkDQdkqZD0nRImg5J0ws9pi3vSMLSlk9Kwp9KwtPa8g0OSdMhaTokTYek6ZA0HZKmF3pMEpa2LG15RxKWtixtWZLwpLa8IwlLWz7lkDQdkqZD0nRImg5J0yFpevFDtOXfKglLW5a2vCMJS1v+VBLekYSlLd/gkDQdkqZD0nRImg5J0yFpevFFkvBvlYSnJWFpyzuS8DttWdrytCQsbfmUQ9J0SJoOSdMhaTokTYekKf0FSb91SJoOSdMhaTokTYek6ZA0HZKmQ9J0SJoOSdMhaTokTYek6ZA0HZKmQ9J0SJoOSdMhaTokTYek6ZA0HZKmQ9J0SJoOSdP/AHKVDJXnVp/qAAAAAElFTkSuQmCC"
+          />
+        </div>
+      </div>
+      <ol>
+        <li>
+          Open Element on your other device
+        </li>
+        <li>
+          <span>
+            Select "
+            <strong>
+              Sign in with QR code
+            </strong>
+            "
+          </span>
+        </li>
+        <li>
+          Scan the QR code shown here
+        </li>
+        <li>
+          Follow the remaining instructions
+        </li>
+      </ol>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    />
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate renders check code confirmation 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Enter the number shown on your other device
+      </h1>
+      <p
+        class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+      >
+        This will verify that the connection to your other device is secure.
+      </p>
+      <label
+        for="mx_LoginWithQR_checkCode"
+      >
+        2-digit code
+      </label>
+      <div
+        class="_container_17qhw_10 mx_LoginWithQR_checkCode_input mx_no_textinput"
+      >
+        <input
+          autocomplete="one-time-code"
+          class="_control_17qhw_25"
+          id="mx_LoginWithQR_checkCode"
+          inputmode="numeric"
+          maxlength="2"
+          minlength="0"
+          pattern="\\d{2}"
+          type="text"
+        />
+        <div
+          aria-hidden="true"
+          class="_digit_17qhw_49"
+        />
+        <div
+          aria-hidden="true"
+          class="_digit_17qhw_49"
+        />
+      </div>
+      <div
+        class="mx_ErrorMessage"
+      />
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        data-testid="approve-login-button"
+        role="button"
+        tabindex="0"
+      >
+        Continue
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="tertiary"
+        data-size="lg"
+        data-testid="decline-login-button"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate renders spinner while loading 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_heading"
+    >
+      <div
+        aria-label="Back"
+        class="mx_AccessibleButton mx_LoginWithQR_BackButton"
+        data-testid="back-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.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+      <div
+        class="mx_LoginWithQR_breadcrumbs"
+      >
+        Sessions
+         / 
+        Link new device
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="mx_LoginWithQR_spinner"
+      >
+        <div>
+          <div
+            class="mx_Spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              data-testid="spinner"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    />
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate renders spinner while signing in 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_heading"
+    >
+      <div
+        aria-label="Back"
+        class="mx_AccessibleButton mx_LoginWithQR_BackButton"
+        data-testid="back-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.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+      <div
+        class="mx_LoginWithQR_breadcrumbs"
+      >
+        Sessions
+         / 
+        Link new device
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="mx_LoginWithQR_spinner"
+      >
+        <div>
+          <div
+            class="mx_Spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              data-testid="spinner"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+          <p>
+            Waiting for your other device
+          </p>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        data-testid="cancel-button"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate renders spinner while verifying 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_heading"
+    >
+      <div
+        aria-label="Back"
+        class="mx_AccessibleButton mx_LoginWithQR_BackButton"
+        data-testid="back-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.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+      <div
+        class="mx_LoginWithQR_breadcrumbs"
+      >
+        Sessions
+         / 
+        Link new device
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="mx_LoginWithQR_spinner"
+      >
+        <div>
+          <div
+            class="mx_Spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              data-testid="spinner"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+          <p>
+            Completing set up of your new device
+          </p>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    />
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.reciprocate renders spinner whilst QR generating 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_heading"
+    >
+      <div
+        aria-label="Back"
+        class="mx_AccessibleButton mx_LoginWithQR_BackButton"
+        data-testid="back-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.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+      <div
+        class="mx_LoginWithQR_breadcrumbs"
+      >
+        Sessions
+         / 
+        Link new device
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Scan the QR code with another device
+      </h1>
+      <div
+        class="mx_LoginWithQR_qrWrapper"
+      >
+        <div
+          class="mx_Spinner"
+        >
+          <svg
+            aria-label="Loading…"
+            class="_icon_1855a_18"
+            data-testid="spinner"
+            fill="currentColor"
+            height="1em"
+            role="progressbar"
+            style="width: 32px; height: 32px;"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              clip-rule="evenodd"
+              d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </div>
+      </div>
+      <ol>
+        <li>
+          Open Element on your other device
+        </li>
+        <li>
+          <span>
+            Select "
+            <strong>
+              Sign in with QR code
+            </strong>
+            "
+          </span>
+        </li>
+        <li>
+          Scan the QR code shown here
+        </li>
+        <li>
+          Follow the remaining instructions
+        </li>
+      </ol>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    />
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders authorization_expired 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        The sign in was not completed in time
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        Sign in expired. Please try again.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders check_code_mismatch 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders device_already_exists 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders device_not_found 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders etag_missing 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. This may be due to a browser extension, proxy server, or server misconfiguration.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders expired 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        The sign in was not completed in time
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        Sign in expired. Please try again.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders homeserver_lacks_support 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M3 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm2 5V5h4v4zm-2 5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm2 5v-4h4v4zm9-16a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm1 2v4h4V5z"
+            fill-rule="evenodd"
+          />
+          <path
+            d="M15 16v-3h-2v3z"
+          />
+          <path
+            d="M17 16h-2v2h-2v3h2v-3h2v2h4v-2h-2v-5h-2z"
+          />
+        </svg>
+      </div>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        QR code not supported
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        Your account provider doesn't support signing into a new device with a QR code.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        data-testid="cancel-button"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders insecure_channel_detected 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Connection not secure
+      </h1>
+      A secure connection could not be made to the new device. Your existing devices are still safe and you don't need to worry about them.
+      <h2
+        class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
+        data-testid="cancellation-message"
+      >
+        Now what?
+      </h2>
+      <ol>
+        <li>
+          Try signing in to the other device again with a QR code in case this was a network problem
+        </li>
+        <li>
+          If you encounter the same problem, try a different wifi network or use your mobile data instead of wifi
+        </li>
+        <li>
+          If that doesn't work, sign in manually
+        </li>
+      </ol>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders invalid_code 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders other_device_already_signed_in 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="success"
+        data-size="lg"
+      >
+        <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 22"
+          />
+        </svg>
+      </div>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Your other device is already signed in
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        You don’t need to do anything else.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders other_device_not_signed_in 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders rate_limited 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        Too many attempts in a short time. Wait some time before trying again.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders unexpected_message_received 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders unknown 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Something went wrong!
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        An unexpected error occurred. The request to connect your other device has been cancelled.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders unsupported_protocol 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Other device not compatible
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        This device does not support signing in to the other device with a QR code.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Start over
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders user_cancelled 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Sign in request cancelled
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        The sign in was cancelled on the other device.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        data-testid="cancel-button"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start errors renders user_declined 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR mx_LoginWithQR_error"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Sign in declined
+      </h1>
+      <p
+        data-testid="cancellation-message"
+      >
+        You or the account provider declined the sign in request.
+      </p>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        data-testid="cancel-button"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start renders QR code 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Scan the QR code
+      </h1>
+      <div
+        class="mx_LoginWithQR_qrWrapper"
+      >
+        <div
+          class="mx_QRCode"
+        >
+          <img
+            alt="QR Code"
+            class="mx_VerificationQRCode"
+            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAklEQVR4AewaftIAAAPWSURBVO3BQY5jBxYDweSD7n9lTu+8aQJu+Y+gsjMi/QVJv3VImg5J0yFpOiRNh6TpkDQdkqZD0nRImg5J0yFpOiRNh6TpkDQdkqZD0nRImg5J0yFpOiRNh6TpkDQdkqZD0nRImg5J0yFpevFhSfjJ2vKOJCxtWZLwjrYsSfjJ2vIph6TpkDQdkqZD0nRImg5J04sv0pZvkIRPSsI72vK0tnyDJHyDQ9J0SJoOSdMhaTokTYek6cUPkYSnteVJSXhHW5YkLElY2vKkJDytLd/ukDQdkqZD0nRImg5J0yFpeqHHtGVJwtPaov+vQ9J0SJoOSdMhaTokTYek6YU+oi1LEpa2LElY2qJ/7pA0HZKmQ9J0SJoOSdMhaXrxQ7Tl36ot364t/0WHpOmQNB2SpkPSdEiaXnyRJPxkSVjasiRhacsnJUF/OSRNh6TpkDQdkqZD0nRIml58WFv+i5KwtGVJwtPaor/nkDQdkqZD0nRImg5J0yFpevFhSXhaW5YkfLskvKMtSxLe0ZYnJWFpy7c7JE2HpOmQNB2SpkPSdEia0l/4EklY2rIkYWmL/r4k/Km2LEl4Wls+5ZA0HZKmQ9J0SJoOSdMhaUp/4YOS8C3a8jtJ+KS2vCMJS1uWJHxKW5YkvKMtn3JImg5J0yFpOiRNh6TpkDS9+CJtWZKwtGVJwp9qyzuS8ElteUdb/lQSlra8oy3f7pA0HZKmQ9J0SJoOSdMhaUp/4YOS8Elt+VNJWNrytCQsbVmSsLTlHUn4nbY8LQlLW77BIWk6JE2HpOmQNB2SpkPSlP6CHpGEpS3vSMLSlqcl4UltWZLwjrZ8yiFpOiRNh6TpkDQdkqZD0vTiw5Lwk7XlaUl4WhL0zx2SpkPSdEiaDknTIWk6JE0vvkhbvkESnpaEpS1LEpYkvKMtfyoJS1ve0ZZvd0iaDknTIWk6JE2HpOnFD5GEp7XlGyThHW15RxKWtugvh6TpkDQdkqZD0nRImg5J0ws9pi3vSMLSlk9Kwp9KwtPa8g0OSdMhaTokTYek6ZA0HZKmF3pMEpa2LG15RxKWtixtWZLwpLa8IwlLWz7lkDQdkqZD0nRImg5J0yFpevFDtOXfKglLW5a2vCMJS1v+VBLekYSlLd/gkDQdkqZD0nRImg5J0yFpevFFkvBvlYSnJWFpyzuS8DttWdrytCQsbfmUQ9J0SJoOSdMhaTokTYekKf0FSb91SJoOSdMhaTokTYek6ZA0HZKmQ9J0SJoOSdMhaTokTYek6ZA0HZKmQ9J0SJoOSdMhaTokTYek6ZA0HZKmQ9J0SJoOSdP/AHKVDJXnVp/qAAAAAElFTkSuQmCC"
+          />
+        </div>
+      </div>
+      <ol>
+        <li>
+          Open Element on your mobile device
+        </li>
+        <li>
+          <span>
+            Tap your avatar and select "
+            <strong>
+              Link new device
+            </strong>
+            "
+          </span>
+        </li>
+        <li>
+          <span>
+            Choose "
+            <strong>
+              Desktop computer
+            </strong>
+            "
+          </span>
+        </li>
+        <li>
+          <span>
+            Select "
+            <strong>
+              Ready to scan
+            </strong>
+            " and scan the QR code shown here
+          </span>
+        </li>
+        <li>
+          Follow the remaining instructions
+        </li>
+      </ol>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    />
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start renders check code confirmation 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="primary"
+        data-size="lg"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M7 23q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 21V3q0-.824.588-1.412A1.93 1.93 0 0 1 7 1h10q.824 0 1.413.587Q19 2.176 19 3v18q0 .824-.587 1.413A1.93 1.93 0 0 1 17 23zm0-5h10V6H7z"
+          />
+        </svg>
+      </div>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Enter the number shown on your other device
+      </h1>
+      <p
+        class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+      >
+        This will verify that the connection to your other device is secure.
+      </p>
+      <label
+        for="mx_LoginWithQR_checkCode"
+      >
+        2-digit code
+      </label>
+      <div
+        class="_container_17qhw_10 mx_LoginWithQR_checkCode_input mx_no_textinput"
+      >
+        <input
+          autocomplete="one-time-code"
+          class="_control_17qhw_25"
+          id="mx_LoginWithQR_checkCode"
+          inputmode="numeric"
+          maxlength="2"
+          minlength="0"
+          pattern="\\d{2}"
+          type="text"
+        />
+        <div
+          aria-hidden="true"
+          class="_digit_17qhw_49"
+        />
+        <div
+          aria-hidden="true"
+          class="_digit_17qhw_49"
+        />
+      </div>
+      <div
+        class="mx_ErrorMessage"
+      />
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        data-testid="approve-login-button"
+        role="button"
+        tabindex="0"
+      >
+        Continue
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="tertiary"
+        data-size="lg"
+        data-testid="decline-login-button"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start renders spinner while loading 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="mx_LoginWithQR_spinner"
+      >
+        <div>
+          <div
+            class="mx_Spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              data-testid="spinner"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    />
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start renders spinner while signing in 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="primary"
+        data-size="lg"
+      >
+        <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>
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Your verification code
+      </h1>
+      <p
+        class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+      >
+        Your account provider may ask for the following code to verify the sign in.
+      </p>
+      <div
+        class="_container_17qhw_10 mx_LoginWithQR_checkCode_input mx_no_textinput"
+      >
+        <input
+          autocomplete="one-time-code"
+          class="_control_17qhw_25"
+          disabled=""
+          inputmode="numeric"
+          maxlength="6"
+          minlength="0"
+          pattern="\\d{6}"
+          type="text"
+        />
+        <div
+          aria-hidden="true"
+          class="_digit_17qhw_49"
+        />
+        <div
+          aria-hidden="true"
+          class="_digit_17qhw_49"
+        />
+        <div
+          aria-hidden="true"
+          class="_digit_17qhw_49"
+        />
+        <div
+          aria-hidden="true"
+          class="_digit_17qhw_49"
+        />
+        <div
+          aria-hidden="true"
+          class="_digit_17qhw_49"
+        />
+        <div
+          aria-hidden="true"
+          class="_digit_17qhw_49"
+        />
+      </div>
+      <div
+        class="mx_LoginWithQR_spinner"
+      >
+        <div>
+          <div
+            class="mx_Spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              data-testid="spinner"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+          <p>
+            Waiting for your other device
+          </p>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        data-testid="cancel-button"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start renders spinner while verifying 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <div
+        class="mx_LoginWithQR_spinner"
+      >
+        <div>
+          <div
+            class="mx_Spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              data-testid="spinner"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+          <p>
+            Completing set up of your new device
+          </p>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    />
+  </div>
+</div>
+`;
+
+exports[`<LoginWithQRFlow /> login.start renders spinner whilst QR generating 1`] = `
+<div>
+  <div
+    class="mx_LoginWithQR"
+    data-testid="login-with-qr"
+  >
+    <div
+      class="mx_LoginWithQR_main"
+    >
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Scan the QR code
+      </h1>
+      <div
+        class="mx_LoginWithQR_qrWrapper"
+      >
+        <div
+          class="mx_Spinner"
+        >
+          <svg
+            aria-label="Loading…"
+            class="_icon_1855a_18"
+            data-testid="spinner"
+            fill="currentColor"
+            height="1em"
+            role="progressbar"
+            style="width: 32px; height: 32px;"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              clip-rule="evenodd"
+              d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </div>
+      </div>
+      <ol>
+        <li>
+          Open Element on your mobile device
+        </li>
+        <li>
+          <span>
+            Tap your avatar and select "
+            <strong>
+              Link new device
+            </strong>
+            "
+          </span>
+        </li>
+        <li>
+          <span>
+            Choose "
+            <strong>
+              Desktop computer
+            </strong>
+            "
+          </span>
+        </li>
+        <li>
+          <span>
+            Select "
+            <strong>
+              Ready to scan
+            </strong>
+            " and scan the QR code shown here
+          </span>
+        </li>
+        <li>
+          Follow the remaining instructions
+        </li>
+      </ol>
+    </div>
+    <div
+      class="mx_LoginWithQR_buttons"
+    />
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/SecurityRecommendations-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/SecurityRecommendations-test.tsx.snap
new file mode 100644
index 00000000000..92f8280f733
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/SecurityRecommendations-test.tsx.snap
@@ -0,0 +1,397 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SecurityRecommendations /> renders both cards when user has both unverified and inactive devices 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection"
+    data-testid="security-recommendations-section"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Security recommendations
+      </h2>
+    </div>
+    <div
+      class="mx_SettingsSubsection_description"
+    >
+      <div
+        class="mx_SettingsSubsection_text"
+      >
+        Improve your account security by following these recommendations.
+      </div>
+    </div>
+    <div
+      class="mx_SettingsSubsection_content"
+    >
+      <div
+        class="mx_DeviceSecurityCard"
+      >
+        <div
+          class="mx_DeviceSecurityCard_icon Unverified"
+        >
+          <svg
+            fill="currentColor"
+            height="16"
+            viewBox="0 0 24 24"
+            width="16"
+            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="mx_DeviceSecurityCard_content"
+        >
+          <p
+            class="mx_DeviceSecurityCard_heading"
+          >
+            Unverified sessions
+          </p>
+          <p
+            class="mx_DeviceSecurityCard_description"
+          >
+            Verify your sessions for enhanced secure messaging or remove from those you don't recognize or use anymore.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </p>
+          <div
+            class="mx_DeviceSecurityCard_actions"
+          >
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              data-testid="unverified-devices-cta"
+              role="button"
+              tabindex="0"
+            >
+              View all (1)
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_SecurityRecommendations_spacing"
+      />
+      <div
+        class="mx_DeviceSecurityCard"
+      >
+        <div
+          class="mx_DeviceSecurityCard_icon Inactive"
+        >
+          <div
+            height="16"
+            width="16"
+          />
+        </div>
+        <div
+          class="mx_DeviceSecurityCard_content"
+        >
+          <p
+            class="mx_DeviceSecurityCard_heading"
+          >
+            Inactive sessions
+          </p>
+          <p
+            class="mx_DeviceSecurityCard_description"
+          >
+            Consider removing old sessions (90 days or older) you don't use anymore.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </p>
+          <div
+            class="mx_DeviceSecurityCard_actions"
+          >
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              data-testid="inactive-devices-cta"
+              role="button"
+              tabindex="0"
+            >
+              View all (1)
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<SecurityRecommendations /> renders inactive devices section when user has inactive devices 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection"
+    data-testid="security-recommendations-section"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Security recommendations
+      </h2>
+    </div>
+    <div
+      class="mx_SettingsSubsection_description"
+    >
+      <div
+        class="mx_SettingsSubsection_text"
+      >
+        Improve your account security by following these recommendations.
+      </div>
+    </div>
+    <div
+      class="mx_SettingsSubsection_content"
+    >
+      <div
+        class="mx_DeviceSecurityCard"
+      >
+        <div
+          class="mx_DeviceSecurityCard_icon Unverified"
+        >
+          <svg
+            fill="currentColor"
+            height="16"
+            viewBox="0 0 24 24"
+            width="16"
+            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="mx_DeviceSecurityCard_content"
+        >
+          <p
+            class="mx_DeviceSecurityCard_heading"
+          >
+            Unverified sessions
+          </p>
+          <p
+            class="mx_DeviceSecurityCard_description"
+          >
+            Verify your sessions for enhanced secure messaging or remove from those you don't recognize or use anymore.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </p>
+          <div
+            class="mx_DeviceSecurityCard_actions"
+          >
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              data-testid="unverified-devices-cta"
+              role="button"
+              tabindex="0"
+            >
+              View all (1)
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_SecurityRecommendations_spacing"
+      />
+      <div
+        class="mx_DeviceSecurityCard"
+      >
+        <div
+          class="mx_DeviceSecurityCard_icon Inactive"
+        >
+          <div
+            height="16"
+            width="16"
+          />
+        </div>
+        <div
+          class="mx_DeviceSecurityCard_content"
+        >
+          <p
+            class="mx_DeviceSecurityCard_heading"
+          >
+            Inactive sessions
+          </p>
+          <p
+            class="mx_DeviceSecurityCard_description"
+          >
+            Consider removing old sessions (90 days or older) you don't use anymore.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </p>
+          <div
+            class="mx_DeviceSecurityCard_actions"
+          >
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              data-testid="inactive-devices-cta"
+              role="button"
+              tabindex="0"
+            >
+              View all (1)
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<SecurityRecommendations /> renders unverified devices section when user has unverified devices 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection"
+    data-testid="security-recommendations-section"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Security recommendations
+      </h2>
+    </div>
+    <div
+      class="mx_SettingsSubsection_description"
+    >
+      <div
+        class="mx_SettingsSubsection_text"
+      >
+        Improve your account security by following these recommendations.
+      </div>
+    </div>
+    <div
+      class="mx_SettingsSubsection_content"
+    >
+      <div
+        class="mx_DeviceSecurityCard"
+      >
+        <div
+          class="mx_DeviceSecurityCard_icon Unverified"
+        >
+          <svg
+            fill="currentColor"
+            height="16"
+            viewBox="0 0 24 24"
+            width="16"
+            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="mx_DeviceSecurityCard_content"
+        >
+          <p
+            class="mx_DeviceSecurityCard_heading"
+          >
+            Unverified sessions
+          </p>
+          <p
+            class="mx_DeviceSecurityCard_description"
+          >
+            Verify your sessions for enhanced secure messaging or remove from those you don't recognize or use anymore.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </p>
+          <div
+            class="mx_DeviceSecurityCard_actions"
+          >
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              data-testid="unverified-devices-cta"
+              role="button"
+              tabindex="0"
+            >
+              View all (2)
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_SecurityRecommendations_spacing"
+      />
+      <div
+        class="mx_DeviceSecurityCard"
+      >
+        <div
+          class="mx_DeviceSecurityCard_icon Inactive"
+        >
+          <div
+            height="16"
+            width="16"
+          />
+        </div>
+        <div
+          class="mx_DeviceSecurityCard_content"
+        >
+          <p
+            class="mx_DeviceSecurityCard_heading"
+          >
+            Inactive sessions
+          </p>
+          <p
+            class="mx_DeviceSecurityCard_description"
+          >
+            Consider removing old sessions (90 days or older) you don't use anymore.
+            <button
+              class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              role="button"
+              tabindex="0"
+            >
+              Learn more
+            </button>
+          </p>
+          <div
+            class="mx_DeviceSecurityCard_actions"
+          >
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+              data-testid="inactive-devices-cta"
+              role="button"
+              tabindex="0"
+            >
+              View all (1)
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/SelectableDeviceTile-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/SelectableDeviceTile-test.tsx.snap
new file mode 100644
index 00000000000..3d1342eab82
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/SelectableDeviceTile-test.tsx.snap
@@ -0,0 +1,145 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SelectableDeviceTile /> renders selected tile 1`] = `
+<input
+  checked=""
+  class="_input_153f2_18"
+  data-testid="device-tile-checkbox-my-device"
+  id="device-tile-checkbox-my-device"
+  type="checkbox"
+/>
+`;
+
+exports[`<SelectableDeviceTile /> renders unselected device tile with checkbox 1`] = `
+<div>
+  <div
+    class="mx_SelectableDeviceTile"
+  >
+    <form
+      class="_root_1o4d9_17"
+    >
+      <div
+        class="_inline-field_1o4d9_33 mx_SelectableDeviceTile_checkbox"
+      >
+        <div
+          class="_inline-field-control_1o4d9_45"
+        >
+          <div
+            class="_container_153f2_10"
+          >
+            <input
+              class="_input_153f2_18"
+              data-testid="device-tile-checkbox-my-device"
+              id="device-tile-checkbox-my-device"
+              type="checkbox"
+            />
+            <div
+              class="_ui_153f2_19"
+            >
+              <svg
+                aria-hidden="true"
+                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>
+        <div
+          class="_inline-field-body_1o4d9_39"
+        >
+          <label
+            class="_label_1o4d9_60"
+            for="device-tile-checkbox-my-device"
+          >
+            <div
+              class="mx_DeviceTile mx_DeviceTile_interactive"
+              data-testid="device-tile-my-device"
+            >
+              <div
+                class="mx_DeviceTypeIcon"
+              >
+                <div
+                  class="mx_DeviceTypeIcon_deviceIconWrapper"
+                >
+                  <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"
+                  class="mx_DeviceTypeIcon_verificationIcon unverified"
+                  fill="currentColor"
+                  height="1em"
+                  role="img"
+                  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="mx_DeviceTile_info"
+              >
+                <h3
+                  class="mx_Heading_h4"
+                >
+                  My Device
+                </h3>
+                <div
+                  class="mx_DeviceTile_metadata"
+                >
+                  <span
+                    data-testid="device-metadata-isVerified"
+                  >
+                    Unverified
+                  </span>
+                   · 
+                  <span
+                    data-testid="device-metadata-lastSeenIp"
+                  >
+                    123.456.789
+                  </span>
+                   · 
+                  <span
+                    data-testid="device-metadata-deviceId"
+                  >
+                    my-device
+                  </span>
+                </div>
+              </div>
+              <div
+                class="mx_DeviceTile_actions"
+              >
+                <div>
+                  test
+                </div>
+              </div>
+            </div>
+          </label>
+        </div>
+      </div>
+    </form>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/deleteDevices-test.ts.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/deleteDevices-test.ts.snap
new file mode 100644
index 00000000000..5e57c2504c3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/deleteDevices-test.ts.snap
@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`deleteDevices() opens interactive auth dialog when delete fails with 401 1`] = `
+{
+  "m.login.sso": {
+    "1": {
+      "body": "Confirm removing these devices by using Single Sign On to prove your identity.",
+      "continueKind": "primary",
+      "continueText": "Single Sign On",
+      "title": "Use Single Sign On to continue",
+    },
+    "2": {
+      "body": "Click the button below to confirm removing these devices.",
+      "continueKind": "danger",
+      "continueText": "Remove devices",
+      "title": "Confirm removing these devices",
+    },
+  },
+  "org.matrix.login.sso": {
+    "1": {
+      "body": "Confirm removing these devices by using Single Sign On to prove your identity.",
+      "continueKind": "primary",
+      "continueText": "Single Sign On",
+      "title": "Use Single Sign On to continue",
+    },
+    "2": {
+      "body": "Click the button below to confirm removing these devices.",
+      "continueKind": "danger",
+      "continueText": "Remove devices",
+      "title": "Confirm removing these devices",
+    },
+  },
+}
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/deleteDevices-test.ts b/apps/web/test/unit-tests/components/views/settings/devices/deleteDevices-test.ts
new file mode 100644
index 00000000000..603d06d4a62
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/deleteDevices-test.ts
@@ -0,0 +1,94 @@
+/*
+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 { MatrixError, type UIAFlow } from "matrix-js-sdk/src/matrix";
+
+import { deleteDevicesWithInteractiveAuth } from "../../../../../../src/components/views/settings/devices/deleteDevices";
+import Modal from "../../../../../../src/Modal";
+import { getMockClientWithEventEmitter, mockClientMethodsUser } from "../../../../../test-utils";
+
+describe("deleteDevices()", () => {
+    const userId = "@alice:server.org";
+    const deviceIds = ["device_1", "device_2"];
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        deleteMultipleDevices: jest.fn(),
+    });
+
+    const modalSpy = jest.spyOn(Modal, "createDialog") as jest.SpyInstance;
+
+    const interactiveAuthError = new MatrixError({ flows: [] as UIAFlow[] }, 401);
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("deletes devices and calls onFinished when interactive auth is not required", async () => {
+        mockClient.deleteMultipleDevices.mockResolvedValue({});
+        const onFinished = jest.fn();
+
+        await deleteDevicesWithInteractiveAuth(mockClient, deviceIds, onFinished);
+
+        expect(mockClient.deleteMultipleDevices).toHaveBeenCalledWith(deviceIds, undefined);
+        expect(onFinished).toHaveBeenCalledWith(true);
+
+        // didnt open modal
+        expect(modalSpy).not.toHaveBeenCalled();
+    });
+
+    it("throws without opening auth dialog when delete fails with a non-401 status code", async () => {
+        const error = new Error("");
+        // @ts-ignore
+        error.httpStatus = 404;
+        mockClient.deleteMultipleDevices.mockRejectedValue(error);
+        const onFinished = jest.fn();
+
+        await expect(deleteDevicesWithInteractiveAuth(mockClient, deviceIds, onFinished)).rejects.toThrow(error);
+
+        expect(onFinished).not.toHaveBeenCalled();
+
+        // didnt open modal
+        expect(modalSpy).not.toHaveBeenCalled();
+    });
+
+    it("throws without opening auth dialog when delete fails without data.flows", async () => {
+        const error = new Error("");
+        // @ts-ignore
+        error.httpStatus = 401;
+        // @ts-ignore
+        error.data = {};
+        mockClient.deleteMultipleDevices.mockRejectedValue(error);
+        const onFinished = jest.fn();
+
+        await expect(deleteDevicesWithInteractiveAuth(mockClient, deviceIds, onFinished)).rejects.toThrow(error);
+
+        expect(onFinished).not.toHaveBeenCalled();
+
+        // didnt open modal
+        expect(modalSpy).not.toHaveBeenCalled();
+    });
+
+    it("opens interactive auth dialog when delete fails with 401", async () => {
+        mockClient.deleteMultipleDevices.mockRejectedValue(interactiveAuthError);
+        const onFinished = jest.fn();
+
+        await deleteDevicesWithInteractiveAuth(mockClient, deviceIds, onFinished);
+
+        expect(onFinished).not.toHaveBeenCalled();
+
+        // opened modal
+        expect(modalSpy).toHaveBeenCalled();
+
+        const { title, authData, aestheticsForStagePhases } = modalSpy.mock.calls[0][1]!;
+
+        // modal opened as expected
+        expect(title).toEqual("Authentication");
+        expect(authData).toEqual(interactiveAuthError.data);
+        expect(aestheticsForStagePhases).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/filter-test.ts b/apps/web/test/unit-tests/components/views/settings/devices/filter-test.ts
new file mode 100644
index 00000000000..daa25e98665
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/devices/filter-test.ts
@@ -0,0 +1,78 @@
+/*
+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 { filterDevicesBySecurityRecommendation } from "../../../../../../src/components/views/settings/devices/filter";
+import {
+    DeviceSecurityVariation,
+    type ExtendedDevice,
+} from "../../../../../../src/components/views/settings/devices/types";
+
+const MS_DAY = 86400000;
+describe("filterDevicesBySecurityRecommendation()", () => {
+    const unverifiedNoMetadata: ExtendedDevice = {
+        device_id: "unverified-no-metadata",
+        isVerified: false,
+    };
+    const verifiedNoMetadata: ExtendedDevice = {
+        device_id: "verified-no-metadata",
+        isVerified: true,
+    };
+    const hundredDaysOld: ExtendedDevice = {
+        device_id: "100-days-old",
+        isVerified: true,
+        last_seen_ts: Date.now() - MS_DAY * 100,
+    };
+    const hundredDaysOldUnverified: ExtendedDevice = {
+        device_id: "unverified-100-days-old",
+        isVerified: false,
+        last_seen_ts: Date.now() - MS_DAY * 100,
+    };
+    const fiftyDaysOld: ExtendedDevice = {
+        device_id: "50-days-old",
+        isVerified: true,
+        last_seen_ts: Date.now() - MS_DAY * 50,
+    };
+
+    const devices = [unverifiedNoMetadata, verifiedNoMetadata, hundredDaysOld, hundredDaysOldUnverified, fiftyDaysOld];
+
+    it("returns all devices when no securityRecommendations are passed", () => {
+        expect(filterDevicesBySecurityRecommendation(devices, [])).toBe(devices);
+    });
+
+    it("returns devices older than 90 days as inactive", () => {
+        expect(filterDevicesBySecurityRecommendation(devices, [DeviceSecurityVariation.Inactive])).toEqual([
+            // devices without ts metadata are not filtered as inactive
+            hundredDaysOld,
+            hundredDaysOldUnverified,
+        ]);
+    });
+
+    it("returns correct devices for verified filter", () => {
+        expect(filterDevicesBySecurityRecommendation(devices, [DeviceSecurityVariation.Verified])).toEqual([
+            verifiedNoMetadata,
+            hundredDaysOld,
+            fiftyDaysOld,
+        ]);
+    });
+
+    it("returns correct devices for unverified filter", () => {
+        expect(filterDevicesBySecurityRecommendation(devices, [DeviceSecurityVariation.Unverified])).toEqual([
+            unverifiedNoMetadata,
+            hundredDaysOldUnverified,
+        ]);
+    });
+
+    it("returns correct devices for combined verified and inactive filters", () => {
+        expect(
+            filterDevicesBySecurityRecommendation(devices, [
+                DeviceSecurityVariation.Unverified,
+                DeviceSecurityVariation.Inactive,
+            ]),
+        ).toEqual([hundredDaysOldUnverified]);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/discovery/DiscoverySettings-test.tsx b/apps/web/test/unit-tests/components/views/settings/discovery/DiscoverySettings-test.tsx
new file mode 100644
index 00000000000..2fd477082cc
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/discovery/DiscoverySettings-test.tsx
@@ -0,0 +1,129 @@
+/*
+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.
+*/
+
+import React from "react";
+import { act, render, screen } from "jest-matrix-react";
+import { type MatrixClient, MatrixEvent, type Terms, ThreepidMedium } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+import userEvent from "@testing-library/user-event";
+
+import { DiscoverySettings } from "../../../../../../src/components/views/settings/discovery/DiscoverySettings";
+import { stubClient } from "../../../../../test-utils";
+import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
+import defaultDispatcher from "../../../../../../src/dispatcher/dispatcher";
+
+const mockGetAccessToken = jest.fn().mockResolvedValue("$$getAccessToken");
+jest.mock("../../../../../../src/IdentityAuthClient", () =>
+    jest.fn().mockImplementation(() => ({
+        getAccessToken: mockGetAccessToken,
+    })),
+);
+
+const sampleTerms = {
+    policies: {
+        terms: { version: "alpha", en: { name: "No ball games", url: "https://foobar" } },
+    },
+} satisfies Terms;
+
+const invalidTerms = {
+    policies: {
+        terms: { version: "invalid" },
+    },
+} satisfies Terms;
+
+describe("DiscoverySettings", () => {
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        client = stubClient();
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    const DiscoveryWrapper = (props = {}) => <MatrixClientContext.Provider value={client} {...props} />;
+
+    it("displays alert if an identity server needs terms accepting", async () => {
+        mocked(client).getIdentityServerUrl.mockReturnValue("https://example.com");
+        mocked(client).getTerms.mockResolvedValue(sampleTerms);
+
+        render(<DiscoverySettings />, { wrapper: DiscoveryWrapper });
+
+        expect(await screen.findByText("Let people find you")).toBeInTheDocument();
+        expect(screen.getByRole("link")).toHaveAttribute("href", "https://foobar");
+    });
+
+    it("button to accept terms is disabled if checkbox not checked", async () => {
+        mocked(client).getIdentityServerUrl.mockReturnValue("https://example.com");
+        mocked(client).getTerms.mockResolvedValue(sampleTerms);
+
+        render(<DiscoverySettings />, { wrapper: DiscoveryWrapper });
+
+        const acceptCheckbox = await screen.findByRole("checkbox", { name: "Accept" });
+        const continueButton = screen.getByRole("button", { name: "Continue" });
+        expect(acceptCheckbox).toBeInTheDocument();
+        expect(continueButton).toHaveAttribute("aria-disabled", "true");
+
+        await userEvent.click(acceptCheckbox);
+        expect(continueButton).not.toHaveAttribute("aria-disabled", "true");
+    });
+
+    it("updates if ID server is changed", async () => {
+        render(<DiscoverySettings />, { wrapper: DiscoveryWrapper });
+
+        mocked(client).getThreePids.mockClear();
+
+        act(() => {
+            defaultDispatcher.dispatch(
+                {
+                    action: "id_server_changed",
+                },
+                true,
+            );
+        });
+
+        expect(client.getThreePids).toHaveBeenCalled();
+    });
+
+    it("should not disable share button if terms accepted", async () => {
+        mocked(client).getThreePids.mockResolvedValue({
+            threepids: [
+                {
+                    medium: ThreepidMedium.Email,
+                    address: "test@email.com",
+                    bound: false,
+                    added_at: 123,
+                    validated_at: 234,
+                },
+            ],
+        });
+        mocked(client).getIdentityServerUrl.mockReturnValue("https://example.com");
+        mocked(client).getTerms.mockResolvedValue(sampleTerms);
+        mocked(client).getAccountData.mockReturnValue(
+            new MatrixEvent({
+                content: { accepted: [sampleTerms.policies["terms"]["en"].url] },
+            }),
+        );
+
+        render(<DiscoverySettings />, { wrapper: DiscoveryWrapper });
+
+        const shareButton = await screen.findByRole("button", { name: "Share" });
+        expect(shareButton).not.toHaveAttribute("aria-disabled", "true");
+    });
+
+    it("should not show invalid terms", async () => {
+        mocked(client).getIdentityServerUrl.mockReturnValue("https://example.com");
+        mocked(client).getTerms.mockResolvedValue(invalidTerms);
+
+        render(<DiscoverySettings />, { wrapper: DiscoveryWrapper });
+
+        expect(await screen.findByText("Let people find you")).toBeInTheDocument();
+        expect(screen.queryByRole("link")).not.toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/AdvancedPanel-test.tsx b/apps/web/test/unit-tests/components/views/settings/encryption/AdvancedPanel-test.tsx
new file mode 100644
index 00000000000..1876b607bb5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/AdvancedPanel-test.tsx
@@ -0,0 +1,99 @@
+/*
+ * 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, screen, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import { createTestClient, withClientContextRenderOptions } from "../../../../../test-utils";
+import { AdvancedPanel } from "../../../../../../src/components/views/settings/encryption/AdvancedPanel";
+import SettingsStore from "../../../../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../../../../src/settings/SettingLevel";
+
+describe("<AdvancedPanel />", () => {
+    let matrixClient: MatrixClient;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+    });
+
+    async function renderAdvancedPanel(onResetIdentityClick = jest.fn()) {
+        const renderResult = render(
+            <AdvancedPanel onResetIdentityClick={onResetIdentityClick} />,
+            withClientContextRenderOptions(matrixClient),
+        );
+        // Wait for the device keys to be displayed
+        await waitFor(() => expect(screen.getByText("ed25519")).toBeInTheDocument());
+        return renderResult;
+    }
+
+    describe("<EncryptionDetails />", () => {
+        it("should display a spinner when loading the device keys", async () => {
+            jest.spyOn(matrixClient.getCrypto()!, "getOwnDeviceKeys").mockImplementation(() => new Promise(() => {}));
+            render(<AdvancedPanel onResetIdentityClick={jest.fn()} />, withClientContextRenderOptions(matrixClient));
+
+            expect(screen.getByTestId("encryptionDetails")).toMatchSnapshot();
+        });
+
+        it("should display the device keys", async () => {
+            await renderAdvancedPanel();
+
+            // session id
+            expect(screen.getByText("ABCDEFGHI")).toBeInTheDocument();
+            // session key
+            expect(screen.getByText("ed25519")).toBeInTheDocument();
+            expect(screen.getByTestId("encryptionDetails")).toMatchSnapshot();
+        });
+
+        it("should call the onResetIdentityClick callback when the reset cryptographic identity button is clicked", async () => {
+            const user = userEvent.setup();
+
+            const onResetIdentityClick = jest.fn();
+            await renderAdvancedPanel(onResetIdentityClick);
+
+            const resetIdentityButton = screen.getByRole("button", { name: "Reset cryptographic identity" });
+            await user.click(resetIdentityButton);
+
+            expect(onResetIdentityClick).toHaveBeenCalled();
+        });
+    });
+
+    describe("<OtherSettings />", () => {
+        it("should display the blacklist of unverified devices settings", async () => {
+            const user = userEvent.setup();
+
+            jest.spyOn(SettingsStore, "getValueAt").mockReturnValue(true);
+            jest.spyOn(SettingsStore, "canSetValue").mockReturnValue(true);
+            jest.spyOn(SettingsStore, "setValue");
+
+            await renderAdvancedPanel();
+
+            expect(screen.getByTestId("otherSettings")).toMatchSnapshot();
+            const checkbox = screen.getByRole("switch", {
+                name: "In encrypted rooms, only send messages to verified users",
+            });
+            expect(checkbox).toBeChecked();
+
+            await user.click(checkbox);
+            expect(SettingsStore.setValue).toHaveBeenCalledWith(
+                "blacklistUnverifiedDevices",
+                null,
+                SettingLevel.DEVICE,
+                false,
+            );
+        });
+
+        it("should not display the section when the user can not set the value", async () => {
+            jest.spyOn(SettingsStore, "canSetValue").mockReturnValue(false);
+            jest.spyOn(SettingsStore, "setValue");
+
+            await renderAdvancedPanel();
+            expect(screen.queryByTestId("otherSettings")).toBeNull();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/ChangeRecoveryKey-test.tsx b/apps/web/test/unit-tests/components/views/settings/encryption/ChangeRecoveryKey-test.tsx
new file mode 100644
index 00000000000..33813ca6f94
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/ChangeRecoveryKey-test.tsx
@@ -0,0 +1,254 @@
+/*
+ * Copyright 2024 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, waitFor } from "jest-matrix-react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+
+import { ChangeRecoveryKey } from "../../../../../../src/components/views/settings/encryption/ChangeRecoveryKey";
+import { createTestClient, withClientContextRenderOptions } from "../../../../../test-utils";
+import { copyPlaintext } from "../../../../../../src/utils/strings";
+import Modal from "../../../../../../src/Modal";
+import ErrorDialog from "../../../../../../src/components/views/dialogs/ErrorDialog";
+import { DeviceListener } from "../../../../../../src/device-listener";
+
+jest.mock("../../../../../../src/utils/strings", () => ({
+    copyPlaintext: jest.fn(),
+}));
+
+afterEach(() => {
+    jest.restoreAllMocks();
+});
+
+describe("<ChangeRecoveryKey />", () => {
+    let matrixClient: MatrixClient;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+    });
+
+    function renderComponent(userHasRecoveryKey = true, onFinish = jest.fn(), onCancelClick = jest.fn()) {
+        return render(
+            <ChangeRecoveryKey
+                userHasRecoveryKey={userHasRecoveryKey}
+                onFinish={onFinish}
+                onCancelClick={onCancelClick}
+            />,
+            withClientContextRenderOptions(matrixClient),
+        );
+    }
+
+    describe("flow to set up a recovery key", () => {
+        it("should display information about the recovery key", async () => {
+            const user = userEvent.setup();
+
+            const onCancelClick = jest.fn();
+            const { asFragment } = renderComponent(false, jest.fn(), onCancelClick);
+            await waitFor(() =>
+                expect(
+                    screen.getByText(
+                        "Your key storage is protected by a recovery key. If you need a new recovery key after setup, you can recreate it by selecting ‘Change recovery key’.",
+                    ),
+                ).toBeInTheDocument(),
+            );
+            expect(asFragment()).toMatchSnapshot();
+
+            await user.click(screen.getByRole("button", { name: "Cancel" }));
+            expect(onCancelClick).toHaveBeenCalled();
+        });
+
+        it("should display the recovery key", async () => {
+            const user = userEvent.setup();
+
+            const onCancelClick = jest.fn();
+            const { asFragment } = renderComponent(false, jest.fn(), onCancelClick);
+            await waitFor(() => user.click(screen.getByRole("button", { name: "Continue" })));
+
+            expect(screen.getByText("Save your recovery key somewhere safe")).toBeInTheDocument();
+            expect(screen.getByText("encoded private key")).toBeInTheDocument();
+            expect(asFragment()).toMatchSnapshot();
+
+            // Test copy button
+            await user.click(screen.getByRole("button", { name: "Copy" }));
+            expect(copyPlaintext).toHaveBeenCalled();
+
+            await user.click(screen.getByRole("button", { name: "Cancel" }));
+            expect(onCancelClick).toHaveBeenCalled();
+        });
+
+        it("should ask the user to enter the recovery key", async () => {
+            jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(false);
+
+            const user = userEvent.setup();
+
+            const onFinish = jest.fn();
+            const { asFragment } = renderComponent(false, onFinish);
+            // Display the recovery key to save
+            await waitFor(() => user.click(screen.getByRole("button", { name: "Continue" })));
+            // Display the form to confirm the recovery key
+            await waitFor(() => user.click(screen.getByRole("button", { name: "Continue" })));
+
+            await waitFor(() => expect(screen.getByText("Enter your recovery key to confirm")).toBeInTheDocument());
+            expect(asFragment()).toMatchSnapshot();
+
+            // The finish button should be disabled by default
+            const finishButton = screen.getByRole("button", { name: "Finish set up" });
+            expect(finishButton).toHaveAttribute("aria-disabled", "true");
+
+            const input = screen.getByTitle("Enter recovery key");
+            // If the user enters an incorrect recovery key, the finish button should be disabled
+            // and we display an error message
+            await userEvent.type(input, "wrong recovery key");
+            expect(finishButton).toHaveAttribute("aria-disabled", "true");
+            expect(screen.getByText("The recovery key you entered is not correct.")).toBeInTheDocument();
+            expect(asFragment()).toMatchSnapshot();
+
+            const setAccountDataSpy = jest.spyOn(matrixClient, "setAccountData");
+            await userEvent.clear(input);
+            // If the user enters the correct recovery key, the finish button should be enabled
+            await userEvent.type(input, "encoded private key");
+            await waitFor(() => expect(finishButton).not.toHaveAttribute("aria-disabled", "true"));
+
+            await user.click(finishButton);
+            expect(setAccountDataSpy).toHaveBeenCalledWith("io.element.recovery", { enabled: true });
+            expect(onFinish).toHaveBeenCalledWith();
+        });
+
+        it("should reset key backup if needed", async () => {
+            jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(true);
+
+            const user = userEvent.setup();
+
+            const onFinish = jest.fn();
+            renderComponent(false, onFinish);
+            // Display the recovery key to save
+            await waitFor(() => user.click(screen.getByRole("button", { name: "Continue" })));
+            // Display the form to confirm the recovery key
+            await waitFor(() => user.click(screen.getByRole("button", { name: "Continue" })));
+
+            await waitFor(() => expect(screen.getByText("Enter your recovery key to confirm")).toBeInTheDocument());
+
+            const finishButton = screen.getByRole("button", { name: "Finish set up" });
+
+            const input = screen.getByTitle("Enter recovery key");
+
+            // If the user enters the correct recovery key, the finish button should be enabled
+            await userEvent.type(input, "encoded private key");
+
+            await user.click(finishButton);
+            expect(matrixClient.getCrypto()!.resetKeyBackup).toHaveBeenCalled();
+        });
+
+        it("should not reset key backup if not needed", async () => {
+            jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(false);
+
+            const user = userEvent.setup();
+
+            const onFinish = jest.fn();
+            renderComponent(false, onFinish);
+            // Display the recovery key to save
+            await waitFor(() => user.click(screen.getByRole("button", { name: "Continue" })));
+            // Display the form to confirm the recovery key
+            await waitFor(() => user.click(screen.getByRole("button", { name: "Continue" })));
+
+            await waitFor(() => expect(screen.getByText("Enter your recovery key to confirm")).toBeInTheDocument());
+
+            const finishButton = screen.getByRole("button", { name: "Finish set up" });
+
+            const input = screen.getByTitle("Enter recovery key");
+
+            // If the user enters the correct recovery key, the finish button should be enabled
+            await userEvent.type(input, "encoded private key");
+
+            await user.click(finishButton);
+            expect(matrixClient.getCrypto()!.resetKeyBackup).not.toHaveBeenCalled();
+        });
+
+        it("should display errors from bootstrapSecretStorage", async () => {
+            const consoleErrorSpy = jest.spyOn(console, "error").mockReturnValue(undefined);
+            mocked(matrixClient.getCrypto()!).bootstrapSecretStorage.mockRejectedValue(new Error("can't bootstrap"));
+
+            const user = userEvent.setup();
+            const { getByRole, getByText, getByTitle } = renderComponent(false);
+
+            // Display the recovery key to save
+            await waitFor(() => user.click(getByRole("button", { name: "Continue" })));
+            // Display the form to confirm the recovery key
+            await waitFor(() => user.click(getByRole("button", { name: "Continue" })));
+
+            await waitFor(() => expect(getByText("Enter your recovery key to confirm")).toBeInTheDocument());
+
+            const finishButton = getByRole("button", { name: "Finish set up" });
+            const input = getByTitle("Enter recovery key");
+            await userEvent.type(input, "encoded private key");
+
+            await waitFor(() => {
+                expect(finishButton).not.toBeDisabled();
+            });
+
+            jest.spyOn(Modal, "createDialog");
+
+            await user.click(finishButton);
+
+            expect(Modal.createDialog).toHaveBeenCalledWith(ErrorDialog, {
+                title: "Failed to set up secret storage",
+                description: "Error: can't bootstrap",
+            });
+            await waitFor(() => user.click(getByRole("button", { name: "OK" })));
+
+            expect(consoleErrorSpy).toHaveBeenCalledWith(
+                "Failed to set up secret storage:",
+                new Error("can't bootstrap"),
+            );
+        });
+
+        it("should disallow repeated attempts to change the recovery key", async () => {
+            jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(false);
+
+            const mockFn = mocked(matrixClient.getCrypto()!).bootstrapSecretStorage.mockImplementation(() => {
+                // Pretend to do some work.
+                return new Promise((r) => setTimeout(r, 200));
+            });
+
+            const user = userEvent.setup();
+            const { getByRole, getByText, getByTitle } = renderComponent(false);
+
+            // Display the recovery key to save
+            await waitFor(() => user.click(getByRole("button", { name: "Continue" })));
+            // Display the form to confirm the recovery key
+            await waitFor(() => user.click(getByRole("button", { name: "Continue" })));
+
+            await waitFor(() => expect(getByText("Enter your recovery key to confirm")).toBeInTheDocument());
+
+            const finishButton = getByRole("button", { name: "Finish set up" });
+            const input = getByTitle("Enter recovery key");
+            await userEvent.type(input, "encoded private key");
+
+            await waitFor(() => {
+                expect(finishButton).not.toBeDisabled();
+            });
+
+            await user.click(finishButton);
+            await user.click(finishButton);
+            await user.click(finishButton);
+
+            await waitFor(() => expect(mockFn).toHaveBeenCalledTimes(1));
+        });
+    });
+
+    describe("flow to change the recovery key", () => {
+        it("should display the recovery key", async () => {
+            const { asFragment } = renderComponent();
+
+            await waitFor(() => expect(screen.getByText("Change recovery key?")).toBeInTheDocument());
+            expect(screen.getByText("encoded private key")).toBeInTheDocument();
+            expect(asFragment()).toMatchSnapshot();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/DeleteKeyStoragePanel-test.tsx b/apps/web/test/unit-tests/components/views/settings/encryption/DeleteKeyStoragePanel-test.tsx
new file mode 100644
index 00000000000..8daca481baf
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/DeleteKeyStoragePanel-test.tsx
@@ -0,0 +1,95 @@
+/*
+ * 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, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+import { createTestClient, withClientContextRenderOptions } from "../../../../../test-utils";
+import { DeleteKeyStoragePanel } from "../../../../../../src/components/views/settings/encryption/DeleteKeyStoragePanel";
+import { useKeyStoragePanelViewModel } from "../../../../../../src/components/viewmodels/settings/encryption/KeyStoragePanelViewModel";
+
+jest.mock("../../../../../../src/components/viewmodels/settings/encryption/KeyStoragePanelViewModel", () => ({
+    useKeyStoragePanelViewModel: jest
+        .fn()
+        .mockReturnValue({ setEnabled: jest.fn(), isEnabled: true, loading: false, busy: false }),
+}));
+
+describe("<DeleteKeyStoragePanel />", () => {
+    let matrixClient: MatrixClient;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("should match snapshot", async () => {
+        const { asFragment } = render(
+            <DeleteKeyStoragePanel onFinish={() => {}} />,
+            withClientContextRenderOptions(matrixClient),
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should call onFinished when cancel pressed", async () => {
+        const user = userEvent.setup();
+
+        const onFinish = jest.fn();
+        render(<DeleteKeyStoragePanel onFinish={onFinish} />, withClientContextRenderOptions(matrixClient));
+
+        await user.click(screen.getByRole("button", { name: "Cancel" }));
+        expect(onFinish).toHaveBeenCalled();
+    });
+
+    it("should call disable key storage when confirm pressed", async () => {
+        const setEnabled = jest.fn();
+
+        mocked(useKeyStoragePanelViewModel).mockReturnValue({
+            setEnabled,
+            isEnabled: true,
+            loading: false,
+            busy: false,
+        });
+
+        const user = userEvent.setup();
+
+        const onFinish = jest.fn();
+        render(<DeleteKeyStoragePanel onFinish={onFinish} />, withClientContextRenderOptions(matrixClient));
+
+        await user.click(screen.getByRole("button", { name: "Delete key storage" }));
+
+        expect(setEnabled).toHaveBeenCalledWith(false);
+    });
+
+    it("should wait with button disabled while setEnabled runs", async () => {
+        const setEnabledDefer = Promise.withResolvers<void>();
+
+        mocked(useKeyStoragePanelViewModel).mockReturnValue({
+            setEnabled: jest.fn().mockReturnValue(setEnabledDefer.promise),
+            isEnabled: true,
+            loading: false,
+            busy: false,
+        });
+
+        const user = userEvent.setup();
+
+        const onFinish = jest.fn();
+        render(<DeleteKeyStoragePanel onFinish={onFinish} />, withClientContextRenderOptions(matrixClient));
+
+        await user.click(screen.getByRole("button", { name: "Delete key storage" }));
+
+        expect(onFinish).not.toHaveBeenCalled();
+        expect(screen.getByRole("button", { name: "Delete key storage" })).toHaveAttribute("aria-disabled", "true");
+        setEnabledDefer.resolve();
+        await waitFor(() => expect(onFinish).toHaveBeenCalled());
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/EncryptionCard-test.tsx b/apps/web/test/unit-tests/components/views/settings/encryption/EncryptionCard-test.tsx
new file mode 100644
index 00000000000..e6d9618a433
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/EncryptionCard-test.tsx
@@ -0,0 +1,23 @@
+/*
+ * Copyright 2024 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 } from "jest-matrix-react";
+import KeyIcon from "@vector-im/compound-design-tokens/assets/web/icons/key-solid";
+
+import { EncryptionCard } from "../../../../../../src/components/views/settings/encryption/EncryptionCard";
+
+describe("<EncryptionCard />", () => {
+    it("should render", () => {
+        const { asFragment } = render(
+            <EncryptionCard Icon={KeyIcon} title="My title" description="My description">
+                Encryption card children
+            </EncryptionCard>,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/RecoveryPanel-test.tsx b/apps/web/test/unit-tests/components/views/settings/encryption/RecoveryPanel-test.tsx
new file mode 100644
index 00000000000..f5163f63467
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/RecoveryPanel-test.tsx
@@ -0,0 +1,73 @@
+/*
+ * Copyright 2024 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, screen } from "jest-matrix-react";
+import { waitFor } from "@testing-library/dom";
+import userEvent from "@testing-library/user-event";
+
+import { createTestClient, withClientContextRenderOptions } from "../../../../../test-utils";
+import { RecoveryPanel } from "../../../../../../src/components/views/settings/encryption/RecoveryPanel";
+
+describe("<RecoveryPanel />", () => {
+    let matrixClient: MatrixClient;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+    });
+
+    function renderRecoverPanel(onChangeRecoveryKeyClick = jest.fn()) {
+        return render(
+            <RecoveryPanel onChangeRecoveryKeyClick={onChangeRecoveryKeyClick} />,
+            withClientContextRenderOptions(matrixClient),
+        );
+    }
+
+    it("should be in loading state when checking the recovery key and the cached keys", () => {
+        jest.spyOn(matrixClient.secretStorage, "getDefaultKeyId").mockImplementation(() => new Promise(() => {}));
+
+        const { asFragment } = renderRecoverPanel();
+        expect(screen.getByLabelText("Loading…")).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should ask to set up a recovery key when there is no recovery key", async () => {
+        const user = userEvent.setup();
+
+        const onChangeRecoveryKeyClick = jest.fn();
+        const { asFragment } = renderRecoverPanel(onChangeRecoveryKeyClick);
+
+        await waitFor(() => screen.getByRole("button", { name: "Get recovery key" }));
+        expect(asFragment()).toMatchSnapshot();
+
+        await user.click(screen.getByRole("button", { name: "Get recovery key" }));
+        expect(onChangeRecoveryKeyClick).toHaveBeenCalledWith(true);
+    });
+
+    it("should allow to change the recovery key when everything is good", async () => {
+        jest.spyOn(matrixClient.secretStorage, "getDefaultKeyId").mockResolvedValue("default key");
+        jest.spyOn(matrixClient.getCrypto()!, "getCrossSigningStatus").mockResolvedValue({
+            privateKeysInSecretStorage: true,
+            publicKeysOnDevice: true,
+            privateKeysCachedLocally: {
+                masterKey: true,
+                selfSigningKey: true,
+                userSigningKey: true,
+            },
+        });
+        const user = userEvent.setup();
+
+        const onChangeRecoveryKeyClick = jest.fn();
+        const { asFragment } = renderRecoverPanel(onChangeRecoveryKeyClick);
+        await waitFor(() => screen.getByRole("button", { name: "Change recovery key" }));
+        expect(asFragment()).toMatchSnapshot();
+
+        await user.click(screen.getByRole("button", { name: "Change recovery key" }));
+        expect(onChangeRecoveryKeyClick).toHaveBeenCalledWith(false);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/RecoveryPanelOutOfSync-test.tsx b/apps/web/test/unit-tests/components/views/settings/encryption/RecoveryPanelOutOfSync-test.tsx
new file mode 100644
index 00000000000..8839382e8d5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/RecoveryPanelOutOfSync-test.tsx
@@ -0,0 +1,212 @@
+/*
+ * 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 { mocked } from "jest-mock";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type SecretStorageKeyDescriptionAesV1 } from "matrix-js-sdk/src/secret-storage";
+import { DecryptionKeyDoesNotMatchError } from "matrix-js-sdk/src/crypto-api";
+
+import { RecoveryPanelOutOfSync } from "../../../../../../src/components/views/settings/encryption/RecoveryPanelOutOfSync";
+import { AccessCancelledError, accessSecretStorage } from "../../../../../../src/SecurityManager";
+import { DeviceListener } from "../../../../../../src/device-listener";
+import { createTestClient, withClientContextRenderOptions } from "../../../../../test-utils";
+
+jest.mock("../../../../../../src/SecurityManager", () => {
+    const originalModule = jest.requireActual("../../../../../../src/SecurityManager");
+
+    return {
+        ...originalModule,
+        accessSecretStorage: jest.fn(),
+    };
+});
+
+describe("<RecoveyPanelOutOfSync />", () => {
+    let matrixClient: MatrixClient;
+
+    function renderComponent(
+        onFinish = jest.fn(),
+        onForgotRecoveryKey = jest.fn(),
+        onAccessSecretStorageFailed = jest.fn(),
+    ) {
+        return render(
+            <RecoveryPanelOutOfSync
+                onFinish={onFinish}
+                onForgotRecoveryKey={onForgotRecoveryKey}
+                onAccessSecretStorageFailed={onAccessSecretStorageFailed}
+            />,
+            withClientContextRenderOptions(matrixClient),
+        );
+    }
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+    });
+
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("should render", () => {
+        const { asFragment } = renderComponent();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should call onForgotRecoveryKey when the 'Forgot recovery key?' is clicked", async () => {
+        const user = userEvent.setup();
+
+        const onForgotRecoveryKey = jest.fn();
+        renderComponent(jest.fn(), onForgotRecoveryKey);
+
+        await user.click(screen.getByRole("button", { name: "Forgot recovery key?" }));
+        expect(onForgotRecoveryKey).toHaveBeenCalled();
+    });
+
+    it("should load backup decryption key and call onFinish when 'Enter recovery key' is clicked", async () => {
+        jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(false);
+
+        const user = userEvent.setup();
+        mocked(accessSecretStorage).mockImplementation(async (func = async (): Promise<void> => {}) => {
+            return await func();
+        });
+
+        mocked(matrixClient.isKeyBackupKeyStored).mockResolvedValue(fakeKeyBackupKey());
+
+        const onFinish = jest.fn();
+        renderComponent(onFinish);
+
+        await user.click(screen.getByRole("button", { name: "Enter recovery key" }));
+        expect(accessSecretStorage).toHaveBeenCalled();
+        expect(onFinish).toHaveBeenCalled();
+
+        expect(matrixClient.isKeyBackupKeyStored).toHaveBeenCalled();
+        expect(matrixClient.getCrypto()!.resetKeyBackup).not.toHaveBeenCalled();
+        expect(matrixClient.getCrypto()!.loadSessionBackupPrivateKeyFromSecretStorage).toHaveBeenCalled();
+    });
+
+    it("should reset key backup if needed", async () => {
+        jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(true);
+
+        const user = userEvent.setup();
+        mocked(accessSecretStorage).mockImplementation(async (func = async (): Promise<void> => {}) => {
+            return await func();
+        });
+
+        const onFinish = jest.fn();
+        renderComponent(onFinish);
+
+        await user.click(screen.getByRole("button", { name: "Enter recovery key" }));
+        expect(accessSecretStorage).toHaveBeenCalled();
+        expect(onFinish).toHaveBeenCalled();
+
+        expect(matrixClient.getCrypto()!.resetKeyBackup).toHaveBeenCalled();
+    });
+
+    it("should reset key backup if decryption key from secret storage does not match backup", async () => {
+        jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(false);
+
+        const user = userEvent.setup();
+        mocked(accessSecretStorage).mockImplementation(async (func = async (): Promise<void> => {}) => func());
+        mocked(matrixClient.isKeyBackupKeyStored).mockResolvedValue(fakeKeyBackupKey());
+
+        // Given we will fail to load a private key because it doesn't match the
+        // latest backup public key
+        mocked(matrixClient.getCrypto()!.loadSessionBackupPrivateKeyFromSecretStorage).mockRejectedValue(
+            new DecryptionKeyDoesNotMatchError("key no matchy"),
+        );
+
+        const onFinish = jest.fn();
+        renderComponent(onFinish);
+
+        // When we enter the recovery key
+        await user.click(screen.getByRole("button", { name: "Enter recovery key" }));
+        expect(accessSecretStorage).toHaveBeenCalled();
+        expect(onFinish).toHaveBeenCalled();
+
+        // Then we reset backup after attempting to load the key
+        expect(matrixClient.getCrypto()!.loadSessionBackupPrivateKeyFromSecretStorage).toHaveBeenCalled();
+        expect(matrixClient.getCrypto()!.resetKeyBackup).toHaveBeenCalled();
+    });
+
+    it("should call onAccessSecretStorageFailed on failure", async () => {
+        jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(true);
+
+        const user = userEvent.setup();
+        mocked(accessSecretStorage).mockImplementation(async (func = async (): Promise<void> => {}) => {
+            throw new Error("Error");
+        });
+
+        const onAccessSecretStorageFailed = jest.fn();
+        renderComponent(jest.fn(), jest.fn(), onAccessSecretStorageFailed);
+
+        await user.click(screen.getByRole("button", { name: "Enter recovery key" }));
+        expect(accessSecretStorage).toHaveBeenCalled();
+        expect(onAccessSecretStorageFailed).toHaveBeenCalled();
+    });
+
+    it("should call onAccessSecretStorageFailed when loadSessionBackupPrivateKeyFromSecretStorage fails", async () => {
+        jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(false);
+
+        const user = userEvent.setup();
+        mocked(accessSecretStorage).mockImplementation(async (func = async (): Promise<void> => {}) => func());
+
+        // Given we will fail to load a private key because of some unexpected error
+        mocked(matrixClient.getCrypto()!.loadSessionBackupPrivateKeyFromSecretStorage).mockRejectedValue(
+            new Error("Unexpected error"),
+        );
+        mocked(matrixClient.isKeyBackupKeyStored).mockResolvedValue(fakeKeyBackupKey());
+
+        const onAccessSecretStorageFailed = jest.fn();
+        renderComponent(jest.fn(), jest.fn(), onAccessSecretStorageFailed);
+
+        // When we enter the recovery key
+        await user.click(screen.getByRole("button", { name: "Enter recovery key" }));
+
+        // Then we handle the error in onAccessSecretStorageFailed
+        expect(onAccessSecretStorageFailed).toHaveBeenCalled();
+    });
+
+    it("should not call onAccessSecretStorageFailed when cancelled", async () => {
+        jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(true);
+
+        const user = userEvent.setup();
+        mocked(accessSecretStorage).mockImplementation(async (func = async (): Promise<void> => {}) => {
+            throw new AccessCancelledError();
+        });
+
+        const onFinish = jest.fn();
+        const onAccessSecretStorageFailed = jest.fn();
+        renderComponent(onFinish, jest.fn(), onAccessSecretStorageFailed);
+
+        await user.click(screen.getByRole("button", { name: "Enter recovery key" }));
+        expect(accessSecretStorage).toHaveBeenCalled();
+        expect(onFinish).not.toHaveBeenCalled();
+        expect(onAccessSecretStorageFailed).not.toHaveBeenCalled();
+    });
+});
+
+/**
+ * Just enough of a key backup key to persuade RecoveryPanelOutOfSync that we
+ * don't need to reset backup.
+ */
+function fakeKeyBackupKey(): Record<string, SecretStorageKeyDescriptionAesV1> {
+    return {
+        x: {
+            iv: "x",
+            mac: "y",
+            name: "n",
+            algorithm: "a",
+            passphrase: {
+                algorithm: "m.pbkdf2",
+                iterations: 1,
+                salt: "s",
+            },
+        },
+    };
+}
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/ResetIdentityPanel-test.tsx b/apps/web/test/unit-tests/components/views/settings/encryption/ResetIdentityPanel-test.tsx
new file mode 100644
index 00000000000..0275b441429
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/ResetIdentityPanel-test.tsx
@@ -0,0 +1,66 @@
+/*
+ * 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 { sleep } from "matrix-js-sdk/src/utils";
+import { render, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import { ResetIdentityPanel } from "../../../../../../src/components/views/settings/encryption/ResetIdentityPanel";
+import { createTestClient, withClientContextRenderOptions } from "../../../../../test-utils";
+
+describe("<ResetIdentityPanel />", () => {
+    let matrixClient: MatrixClient;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+    });
+
+    it("should reset the encryption when the continue button is clicked", async () => {
+        const user = userEvent.setup();
+
+        const onReset = jest.fn();
+        const { asFragment } = render(
+            <ResetIdentityPanel variant="compromised" onReset={onReset} onCancelClick={jest.fn()} />,
+            withClientContextRenderOptions(matrixClient),
+        );
+        expect(asFragment()).toMatchSnapshot();
+
+        // We need to pause the reset so that we can check that it's providing
+        // feedback to the user that something is happening.
+        const { promise: resetEncryptionPromise, resolve: resolveResetEncryption } = Promise.withResolvers<void>();
+        jest.spyOn(matrixClient.getCrypto()!, "resetEncryption").mockReturnValue(resetEncryptionPromise);
+
+        const continueButton = screen.getByRole("button", { name: "Continue" });
+        await user.click(continueButton);
+        expect(asFragment()).toMatchSnapshot();
+        resolveResetEncryption!();
+        await sleep(0);
+
+        expect(matrixClient.getCrypto()!.resetEncryption).toHaveBeenCalled();
+        expect(onReset).toHaveBeenCalled();
+    });
+
+    it("should display the 'forgot recovery key' variant correctly", async () => {
+        const onReset = jest.fn();
+        const { asFragment } = render(
+            <ResetIdentityPanel variant="forgot" onReset={onReset} onCancelClick={jest.fn()} />,
+            withClientContextRenderOptions(matrixClient),
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should display the 'sync failed' variant correctly", async () => {
+        const onReset = jest.fn();
+        const { asFragment } = render(
+            <ResetIdentityPanel variant="sync_failed" onReset={onReset} onCancelClick={jest.fn()} />,
+            withClientContextRenderOptions(matrixClient),
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/AdvancedPanel-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/AdvancedPanel-test.tsx.snap
new file mode 100644
index 00000000000..318e424cda0
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/AdvancedPanel-test.tsx.snap
@@ -0,0 +1,254 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<AdvancedPanel /> <EncryptionDetails /> should display a spinner when loading the device keys 1`] = `
+<div
+  class="mx_EncryptionDetails"
+  data-testid="encryptionDetails"
+>
+  <div
+    class="mx_EncryptionDetails_session"
+  >
+    <h3
+      class="mx_EncryptionDetails_session_title"
+    >
+      Encryption details
+    </h3>
+    <div>
+      <span>
+        Session ID:
+      </span>
+      <span
+        data-testid="deviceId"
+      >
+        ABCDEFGHI
+      </span>
+    </div>
+    <div>
+      <span>
+        Session key:
+      </span>
+      <span
+        data-testid="sessionKey"
+      >
+        <svg
+          aria-label="Loading…"
+          class="_icon_1855a_18"
+          fill="currentColor"
+          height="1em"
+          style="width: 20px; height: 20px;"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </span>
+    </div>
+  </div>
+  <div
+    class="mx_EncryptionDetails_buttons"
+  >
+    <button
+      class="_button_1nw83_8 _has-icon_1nw83_60"
+      data-kind="secondary"
+      data-size="md"
+      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="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>
+      Export keys
+    </button>
+    <button
+      class="_button_1nw83_8 _has-icon_1nw83_60"
+      data-kind="secondary"
+      data-size="md"
+      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="M12 16a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 15V7.85L9.125 9.725q-.3.3-.7.3T7.7 9.7a.93.93 0 0 1-.288-.713A.98.98 0 0 1 7.7 8.3l3.6-3.6q.15-.15.325-.213.175-.062.375-.062t.375.062a.9.9 0 0 1 .325.213l3.6 3.6q.3.3.287.712a.98.98 0 0 1-.287.688q-.3.3-.713.313a.93.93 0 0 1-.712-.288L13 7.85V15q0 .424-.287.713A.97.97 0 0 1 12 16m-6 4q-.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>
+      Import keys
+    </button>
+  </div>
+  <button
+    class="_button_1nw83_8 _destructive_1nw83_110"
+    data-kind="tertiary"
+    data-size="md"
+    role="button"
+    tabindex="0"
+  >
+    Reset cryptographic identity
+  </button>
+</div>
+`;
+
+exports[`<AdvancedPanel /> <EncryptionDetails /> should display the device keys 1`] = `
+<div
+  class="mx_EncryptionDetails"
+  data-testid="encryptionDetails"
+>
+  <div
+    class="mx_EncryptionDetails_session"
+  >
+    <h3
+      class="mx_EncryptionDetails_session_title"
+    >
+      Encryption details
+    </h3>
+    <div>
+      <span>
+        Session ID:
+      </span>
+      <span
+        data-testid="deviceId"
+      >
+        ABCDEFGHI
+      </span>
+    </div>
+    <div>
+      <span>
+        Session key:
+      </span>
+      <span
+        data-testid="sessionKey"
+      >
+        ed25519
+      </span>
+    </div>
+  </div>
+  <div
+    class="mx_EncryptionDetails_buttons"
+  >
+    <button
+      class="_button_1nw83_8 _has-icon_1nw83_60"
+      data-kind="secondary"
+      data-size="md"
+      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="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>
+      Export keys
+    </button>
+    <button
+      class="_button_1nw83_8 _has-icon_1nw83_60"
+      data-kind="secondary"
+      data-size="md"
+      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="M12 16a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 15V7.85L9.125 9.725q-.3.3-.7.3T7.7 9.7a.93.93 0 0 1-.288-.713A.98.98 0 0 1 7.7 8.3l3.6-3.6q.15-.15.325-.213.175-.062.375-.062t.375.062a.9.9 0 0 1 .325.213l3.6 3.6q.3.3.287.712a.98.98 0 0 1-.287.688q-.3.3-.713.313a.93.93 0 0 1-.712-.288L13 7.85V15q0 .424-.287.713A.97.97 0 0 1 12 16m-6 4q-.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>
+      Import keys
+    </button>
+  </div>
+  <button
+    class="_button_1nw83_8 _destructive_1nw83_110"
+    data-kind="tertiary"
+    data-size="md"
+    role="button"
+    tabindex="0"
+  >
+    Reset cryptographic identity
+  </button>
+</div>
+`;
+
+exports[`<AdvancedPanel /> <OtherSettings /> should display the blacklist of unverified devices settings 1`] = `
+<form
+  class="_root_1o4d9_17 mx_OtherSettings"
+  data-testid="otherSettings"
+>
+  <h3
+    class="mx_OtherSettings_title"
+  >
+    Other people’s devices
+  </h3>
+  <div
+    class="_inline-field_1o4d9_33"
+  >
+    <div
+      class="_inline-field-control_1o4d9_45"
+    >
+      <div
+        class="_container_udcm8_10"
+      >
+        <input
+          aria-describedby="radix-react-use-id-1"
+          checked=""
+          class="_input_udcm8_24"
+          id="radix-react-use-id-2"
+          name="neverSendEncrypted"
+          role="switch"
+          title=""
+          type="checkbox"
+        />
+        <div
+          class="_ui_udcm8_34"
+        />
+      </div>
+    </div>
+    <div
+      class="_inline-field-body_1o4d9_39"
+    >
+      <label
+        class="_label_1o4d9_60"
+        for="radix-react-use-id-2"
+      >
+        In encrypted rooms, only send messages to verified users
+      </label>
+      <span
+        class="_message_1o4d9_86 _help-message_1o4d9_92"
+        id="radix-react-use-id-1"
+      >
+        Warning: users who have not explicitly verified with you (e.g. using emoji) will not receive your encrypted messages. Also, unverified devices of verified users will not receive your encrypted messages. Changes require an application restart to take effect.
+      </span>
+    </div>
+  </div>
+</form>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap
new file mode 100644
index 00000000000..40f486f9280
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap
@@ -0,0 +1,792 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ChangeRecoveryKey /> flow to change the recovery key should display the recovery key 1`] = `
+<DocumentFragment>
+  <nav
+    class="_breadcrumb_t96w3_8"
+  >
+    <button
+      aria-disabled="false"
+      aria-label="Back"
+      class="_icon-button_1215g_8"
+      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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+    </button>
+    <ol
+      class="_pages_t96w3_17"
+    >
+      <li>
+        <a
+          class="_link_13esb_8"
+          data-kind="primary"
+          data-size="sm"
+          rel="noreferrer noopener"
+          role="button"
+          tabindex="0"
+        >
+          Encryption
+        </a>
+      </li>
+      <li>
+        <span
+          aria-current="page"
+          class="_last-page_t96w3_30"
+        >
+          Change recovery key
+        </span>
+      </li>
+    </ol>
+  </nav>
+  <div
+    class="mx_EncryptionCard mx_ChangeRecoveryKey"
+  >
+    <div
+      class="mx_EncryptionCard_header"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="primary"
+        data-size="lg"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M10.475 16.9A5.86 5.86 0 0 1 7 18q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q2.026 0 3.537 1.15Q12.05 8.3 12.65 10h7.95q.2 0 .387.075.189.075.338.225l1.025 1.025a1 1 0 0 1 .2.288q.075.162.075.362t-.062.375a1.1 1.1 0 0 1-.188.325l-2.25 2.575a.97.97 0 0 1-1.038.313 1 1 0 0 1-.337-.188L17 14l-1.3 1.3q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L13 14h-.35a5.8 5.8 0 0 1-2.175 2.9m-4.887-3.487Q6.175 14 7 14q.824 0 1.412-.588Q9 12.826 9 12t-.588-1.412A1.93 1.93 0 0 0 7 10q-.824 0-1.412.588A1.93 1.93 0 0 0 5 12q0 .825.588 1.412"
+          />
+        </svg>
+      </div>
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Change recovery key?
+      </h2>
+      <span>
+        Write down this new recovery key somewhere safe. Then click Continue to confirm the change.
+      </span>
+    </div>
+    <div
+      class="mx_KeyPanel"
+    >
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60"
+      >
+        Recovery key
+      </span>
+      <div>
+        <span
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 mx_KeyPanel_key"
+          data-testid="recoveryKey"
+        >
+          encoded private key
+        </span>
+        <span
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+        >
+          Do not share this with anyone!
+        </span>
+      </div>
+      <button
+        aria-label="Copy"
+        class="_icon-button_1215g_8"
+        data-kind="primary"
+        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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+            />
+            <path
+              d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+            />
+          </svg>
+        </div>
+      </button>
+    </div>
+    <div
+      class="mx_EncryptionCard_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Continue
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="tertiary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user to enter the recovery key 1`] = `
+<DocumentFragment>
+  <nav
+    class="_breadcrumb_t96w3_8"
+  >
+    <button
+      aria-disabled="false"
+      aria-label="Back"
+      class="_icon-button_1215g_8"
+      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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+    </button>
+    <ol
+      class="_pages_t96w3_17"
+    >
+      <li>
+        <a
+          class="_link_13esb_8"
+          data-kind="primary"
+          data-size="sm"
+          rel="noreferrer noopener"
+          role="button"
+          tabindex="0"
+        >
+          Encryption
+        </a>
+      </li>
+      <li>
+        <span
+          aria-current="page"
+          class="_last-page_t96w3_30"
+        >
+          Get recovery key
+        </span>
+      </li>
+    </ol>
+  </nav>
+  <div
+    class="mx_EncryptionCard mx_ChangeRecoveryKey"
+  >
+    <div
+      class="mx_EncryptionCard_header"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="primary"
+        data-size="lg"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M10.475 16.9A5.86 5.86 0 0 1 7 18q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q2.026 0 3.537 1.15Q12.05 8.3 12.65 10h7.95q.2 0 .387.075.189.075.338.225l1.025 1.025a1 1 0 0 1 .2.288q.075.162.075.362t-.062.375a1.1 1.1 0 0 1-.188.325l-2.25 2.575a.97.97 0 0 1-1.038.313 1 1 0 0 1-.337-.188L17 14l-1.3 1.3q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L13 14h-.35a5.8 5.8 0 0 1-2.175 2.9m-4.887-3.487Q6.175 14 7 14q.824 0 1.412-.588Q9 12.826 9 12t-.588-1.412A1.93 1.93 0 0 0 7 10q-.824 0-1.412.588A1.93 1.93 0 0 0 5 12q0 .825.588 1.412"
+          />
+        </svg>
+      </div>
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Enter your recovery key to confirm
+      </h2>
+      <span>
+        Enter the recovery key shown on the previous screen to finish setting up recovery.
+      </span>
+    </div>
+    <form
+      class="_root_1o4d9_17 mx_KeyForm"
+    >
+      <div
+        class="_field_1o4d9_27"
+      >
+        <label
+          class="_label_1o4d9_60"
+          for="radix-react-use-id-1"
+        >
+          Enter recovery key
+        </label>
+        <div
+          class="_container_1s836_8 mx_KeyForm_password mx_no_textinput"
+          id="react-use-id-2"
+        >
+          <input
+            class="_control_d83jn_10 _control_1s836_13"
+            id="radix-react-use-id-1"
+            name="recoveryKey"
+            required=""
+            title="Enter recovery key"
+            type="password"
+          />
+          <button
+            aria-controls="react-use-id-2"
+            aria-labelledby="react-use-id-3"
+            class="_action_1s836_24"
+            type="button"
+          >
+            <svg
+              aria-hidden="true"
+              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>
+          </button>
+        </div>
+      </div>
+      <div
+        class="mx_EncryptionCard_buttons"
+      >
+        <button
+          aria-disabled="true"
+          class="_button_1nw83_8"
+          data-kind="primary"
+          data-size="lg"
+          role="button"
+          tabindex="0"
+        >
+          Finish set up
+        </button>
+        <button
+          class="_button_1nw83_8"
+          data-kind="tertiary"
+          data-size="lg"
+          role="button"
+          tabindex="0"
+        >
+          Cancel
+        </button>
+      </div>
+    </form>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user to enter the recovery key 2`] = `
+<DocumentFragment>
+  <nav
+    class="_breadcrumb_t96w3_8"
+  >
+    <button
+      aria-disabled="false"
+      aria-label="Back"
+      class="_icon-button_1215g_8"
+      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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+    </button>
+    <ol
+      class="_pages_t96w3_17"
+    >
+      <li>
+        <a
+          class="_link_13esb_8"
+          data-kind="primary"
+          data-size="sm"
+          rel="noreferrer noopener"
+          role="button"
+          tabindex="0"
+        >
+          Encryption
+        </a>
+      </li>
+      <li>
+        <span
+          aria-current="page"
+          class="_last-page_t96w3_30"
+        >
+          Get recovery key
+        </span>
+      </li>
+    </ol>
+  </nav>
+  <div
+    class="mx_EncryptionCard mx_ChangeRecoveryKey"
+  >
+    <div
+      class="mx_EncryptionCard_header"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="primary"
+        data-size="lg"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M10.475 16.9A5.86 5.86 0 0 1 7 18q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q2.026 0 3.537 1.15Q12.05 8.3 12.65 10h7.95q.2 0 .387.075.189.075.338.225l1.025 1.025a1 1 0 0 1 .2.288q.075.162.075.362t-.062.375a1.1 1.1 0 0 1-.188.325l-2.25 2.575a.97.97 0 0 1-1.038.313 1 1 0 0 1-.337-.188L17 14l-1.3 1.3q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L13 14h-.35a5.8 5.8 0 0 1-2.175 2.9m-4.887-3.487Q6.175 14 7 14q.824 0 1.412-.588Q9 12.826 9 12t-.588-1.412A1.93 1.93 0 0 0 7 10q-.824 0-1.412.588A1.93 1.93 0 0 0 5 12q0 .825.588 1.412"
+          />
+        </svg>
+      </div>
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Enter your recovery key to confirm
+      </h2>
+      <span>
+        Enter the recovery key shown on the previous screen to finish setting up recovery.
+      </span>
+    </div>
+    <form
+      class="_root_1o4d9_17 mx_KeyForm"
+    >
+      <div
+        class="_field_1o4d9_27"
+        data-invalid="true"
+      >
+        <label
+          class="_label_1o4d9_60"
+          data-invalid="true"
+          for="radix-react-use-id-1"
+        >
+          Enter recovery key
+        </label>
+        <div
+          class="_container_1s836_8 mx_KeyForm_password mx_no_textinput"
+          id="react-use-id-2"
+        >
+          <input
+            aria-describedby="radix-react-use-id-3"
+            aria-invalid="true"
+            class="_control_d83jn_10 _control_1s836_13"
+            data-invalid="true"
+            id="radix-react-use-id-1"
+            name="recoveryKey"
+            required=""
+            title="Enter recovery key"
+            type="password"
+          />
+          <button
+            aria-controls="react-use-id-2"
+            aria-labelledby="react-use-id-4"
+            class="_action_1s836_24"
+            type="button"
+          >
+            <svg
+              aria-hidden="true"
+              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>
+          </button>
+        </div>
+        <span
+          class="_message_1o4d9_86 _error-message_1o4d9_96"
+          id="radix-react-use-id-3"
+        >
+          <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>
+          The recovery key you entered is not correct.
+        </span>
+      </div>
+      <div
+        class="mx_EncryptionCard_buttons"
+      >
+        <button
+          aria-disabled="true"
+          class="_button_1nw83_8"
+          data-kind="primary"
+          data-size="lg"
+          role="button"
+          tabindex="0"
+        >
+          Finish set up
+        </button>
+        <button
+          class="_button_1nw83_8"
+          data-kind="tertiary"
+          data-size="lg"
+          role="button"
+          tabindex="0"
+        >
+          Cancel
+        </button>
+      </div>
+    </form>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display information about the recovery key 1`] = `
+<DocumentFragment>
+  <nav
+    class="_breadcrumb_t96w3_8"
+  >
+    <button
+      aria-disabled="false"
+      aria-label="Back"
+      class="_icon-button_1215g_8"
+      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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+    </button>
+    <ol
+      class="_pages_t96w3_17"
+    >
+      <li>
+        <a
+          class="_link_13esb_8"
+          data-kind="primary"
+          data-size="sm"
+          rel="noreferrer noopener"
+          role="button"
+          tabindex="0"
+        >
+          Encryption
+        </a>
+      </li>
+      <li>
+        <span
+          aria-current="page"
+          class="_last-page_t96w3_30"
+        >
+          Get recovery key
+        </span>
+      </li>
+    </ol>
+  </nav>
+  <div
+    class="mx_EncryptionCard mx_ChangeRecoveryKey"
+  >
+    <div
+      class="mx_EncryptionCard_header"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="primary"
+        data-size="lg"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M10.475 16.9A5.86 5.86 0 0 1 7 18q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q2.026 0 3.537 1.15Q12.05 8.3 12.65 10h7.95q.2 0 .387.075.189.075.338.225l1.025 1.025a1 1 0 0 1 .2.288q.075.162.075.362t-.062.375a1.1 1.1 0 0 1-.188.325l-2.25 2.575a.97.97 0 0 1-1.038.313 1 1 0 0 1-.337-.188L17 14l-1.3 1.3q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L13 14h-.35a5.8 5.8 0 0 1-2.175 2.9m-4.887-3.487Q6.175 14 7 14q.824 0 1.412-.588Q9 12.826 9 12t-.588-1.412A1.93 1.93 0 0 0 7 10q-.824 0-1.412.588A1.93 1.93 0 0 0 5 12q0 .825.588 1.412"
+          />
+        </svg>
+      </div>
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Get recovery key
+      </h2>
+      <span>
+        Your key storage is protected by a recovery key. If you need a new recovery key after setup, you can recreate it by selecting ‘Change recovery key’.
+      </span>
+    </div>
+    <span
+      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_InformationPanel_description"
+    >
+      After clicking continue, we’ll generate a recovery key for you.
+    </span>
+    <div
+      class="mx_EncryptionCard_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Continue
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="tertiary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the recovery key 1`] = `
+<DocumentFragment>
+  <nav
+    class="_breadcrumb_t96w3_8"
+  >
+    <button
+      aria-disabled="false"
+      aria-label="Back"
+      class="_icon-button_1215g_8"
+      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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+    </button>
+    <ol
+      class="_pages_t96w3_17"
+    >
+      <li>
+        <a
+          class="_link_13esb_8"
+          data-kind="primary"
+          data-size="sm"
+          rel="noreferrer noopener"
+          role="button"
+          tabindex="0"
+        >
+          Encryption
+        </a>
+      </li>
+      <li>
+        <span
+          aria-current="page"
+          class="_last-page_t96w3_30"
+        >
+          Get recovery key
+        </span>
+      </li>
+    </ol>
+  </nav>
+  <div
+    class="mx_EncryptionCard mx_ChangeRecoveryKey"
+  >
+    <div
+      class="mx_EncryptionCard_header"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="primary"
+        data-size="lg"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M10.475 16.9A5.86 5.86 0 0 1 7 18q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q2.026 0 3.537 1.15Q12.05 8.3 12.65 10h7.95q.2 0 .387.075.189.075.338.225l1.025 1.025a1 1 0 0 1 .2.288q.075.162.075.362t-.062.375a1.1 1.1 0 0 1-.188.325l-2.25 2.575a.97.97 0 0 1-1.038.313 1 1 0 0 1-.337-.188L17 14l-1.3 1.3q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L13 14h-.35a5.8 5.8 0 0 1-2.175 2.9m-4.887-3.487Q6.175 14 7 14q.824 0 1.412-.588Q9 12.826 9 12t-.588-1.412A1.93 1.93 0 0 0 7 10q-.824 0-1.412.588A1.93 1.93 0 0 0 5 12q0 .825.588 1.412"
+          />
+        </svg>
+      </div>
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Save your recovery key somewhere safe
+      </h2>
+      <span>
+        Write down this recovery key somewhere safe, like a password manager, encrypted note, or a physical safe.
+      </span>
+    </div>
+    <div
+      class="mx_KeyPanel"
+    >
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60"
+      >
+        Recovery key
+      </span>
+      <div>
+        <span
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 mx_KeyPanel_key"
+          data-testid="recoveryKey"
+        >
+          encoded private key
+        </span>
+        <span
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+        >
+          Do not share this with anyone!
+        </span>
+      </div>
+      <button
+        aria-label="Copy"
+        class="_icon-button_1215g_8"
+        data-kind="primary"
+        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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+            />
+            <path
+              d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+            />
+          </svg>
+        </div>
+      </button>
+    </div>
+    <div
+      class="mx_EncryptionCard_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Continue
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="tertiary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/DeleteKeyStoragePanel-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/DeleteKeyStoragePanel-test.tsx.snap
new file mode 100644
index 00000000000..8cb852bb35a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/DeleteKeyStoragePanel-test.tsx.snap
@@ -0,0 +1,159 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
+<DocumentFragment>
+  <nav
+    class="_breadcrumb_t96w3_8"
+  >
+    <button
+      aria-disabled="false"
+      aria-label="Back"
+      class="_icon-button_1215g_8"
+      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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+    </button>
+    <ol
+      class="_pages_t96w3_17"
+    >
+      <li>
+        <a
+          class="_link_13esb_8"
+          data-kind="primary"
+          data-size="sm"
+          rel="noreferrer noopener"
+          role="button"
+          tabindex="0"
+        >
+          Encryption
+        </a>
+      </li>
+      <li>
+        <span
+          aria-current="page"
+          class="_last-page_t96w3_30"
+        >
+          Delete key storage
+        </span>
+      </li>
+    </ol>
+  </nav>
+  <div
+    class="mx_EncryptionCard"
+  >
+    <div
+      class="mx_EncryptionCard_header"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Are you sure you want to turn off key storage and delete it?
+      </h2>
+    </div>
+    <div
+      class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+    >
+      Deleting key storage will remove your cryptographic identity and message keys from the server and turn off the following security features:
+      <ul
+        class="_visual-list_6zpfn_8"
+      >
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-destructive_1nc1y_26"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          You will not have encrypted message history on new devices
+        </li>
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-destructive_1nc1y_26"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          You will lose access to your encrypted messages if you're not signed in to any devices
+        </li>
+      </ul>
+    </div>
+    <div
+      class="mx_EncryptionCard_buttons"
+    >
+      <button
+        aria-disabled="false"
+        class="_button_1nw83_8 _destructive_1nw83_110"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Delete key storage
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="tertiary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/EncryptionCard-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/EncryptionCard-test.tsx.snap
new file mode 100644
index 00000000000..edda72b1cf6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/EncryptionCard-test.tsx.snap
@@ -0,0 +1,40 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<EncryptionCard /> should render 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_EncryptionCard"
+  >
+    <div
+      class="mx_EncryptionCard_header"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="primary"
+        data-size="lg"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M10.475 16.9A5.86 5.86 0 0 1 7 18q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q2.026 0 3.537 1.15Q12.05 8.3 12.65 10h7.95q.2 0 .387.075.189.075.338.225l1.025 1.025a1 1 0 0 1 .2.288q.075.162.075.362t-.062.375a1.1 1.1 0 0 1-.188.325l-2.25 2.575a.97.97 0 0 1-1.038.313 1 1 0 0 1-.337-.188L17 14l-1.3 1.3q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L13 14h-.35a5.8 5.8 0 0 1-2.175 2.9m-4.887-3.487Q6.175 14 7 14q.824 0 1.412-.588Q9 12.826 9 12t-.588-1.412A1.93 1.93 0 0 0 7 10q-.824 0-1.412.588A1.93 1.93 0 0 0 5 12q0 .825.588 1.412"
+          />
+        </svg>
+      </div>
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        My title
+      </h2>
+      <span>
+        My description
+      </span>
+    </div>
+    Encryption card children
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap
new file mode 100644
index 00000000000..1011ef5265f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap
@@ -0,0 +1,119 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<RecoveryPanel /> should allow to change the recovery key when everything is good 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsSection mx_SettingsSection_newUi"
+    data-testid="recoveryPanel"
+  >
+    <div
+      class="mx_SettingsSection_header"
+    >
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 mx_SettingsHeader"
+      >
+        Backup
+      </h2>
+      Your chats are automatically backed up with end-to-end encryption. To restore this backup and retain your digital identity when you lose access to all your devices, you will need your recovery key.
+    </div>
+    <button
+      class="_button_1nw83_8 _has-icon_1nw83_60"
+      data-kind="secondary"
+      data-size="md"
+      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 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 5 12q0-.825.588-1.412A1.93 1.93 0 0 1 7 10q.824 0 1.412.588Q9 11.175 9 12t-.588 1.412A1.93 1.93 0 0 1 7 14m0 4q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q1.676 0 3.037.825A6.2 6.2 0 0 1 12.2 9h8.375q.2 0 .387.075.188.075.338.225l2 2q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-3.175 3.175a1 1 0 0 1-.3.2q-.175.075-.35.1a.8.8 0 0 1-.35-.025.9.9 0 0 1-.325-.175L17.5 15l-1.425 1.075a.95.95 0 0 1-.887.15.9.9 0 0 1-.288-.15L13.375 15H12.2a6.2 6.2 0 0 1-2.162 2.175Q8.675 18 7 18m0-2q1.4 0 2.463-.85A4.03 4.03 0 0 0 10.875 13H14l1.45 1.025L17.5 12.5l1.775 1.375L21.15 12l-1-1h-9.275a4.03 4.03 0 0 0-1.412-2.15Q8.4 8 7 8 5.35 8 4.175 9.175T3 12t1.175 2.825T7 16"
+        />
+      </svg>
+      Change recovery key
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<RecoveryPanel /> should ask to set up a recovery key when there is no recovery key 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsSection mx_SettingsSection_newUi"
+    data-testid="recoveryPanel"
+  >
+    <div
+      class="mx_SettingsSection_header"
+    >
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 mx_SettingsHeader mx_SettingsHeader_recommended"
+      >
+        Backup
+      </h2>
+      Your chats are automatically backed up with end-to-end encryption. To restore this backup and retain your digital identity when you lose access to all your devices, you will need your recovery key.
+    </div>
+    <button
+      class="_button_1nw83_8 _has-icon_1nw83_60"
+      data-kind="primary"
+      data-size="md"
+      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 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 5 12q0-.825.588-1.412A1.93 1.93 0 0 1 7 10q.824 0 1.412.588Q9 11.175 9 12t-.588 1.412A1.93 1.93 0 0 1 7 14m0 4q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q1.676 0 3.037.825A6.2 6.2 0 0 1 12.2 9h8.375q.2 0 .387.075.188.075.338.225l2 2q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-3.175 3.175a1 1 0 0 1-.3.2q-.175.075-.35.1a.8.8 0 0 1-.35-.025.9.9 0 0 1-.325-.175L17.5 15l-1.425 1.075a.95.95 0 0 1-.887.15.9.9 0 0 1-.288-.15L13.375 15H12.2a6.2 6.2 0 0 1-2.162 2.175Q8.675 18 7 18m0-2q1.4 0 2.463-.85A4.03 4.03 0 0 0 10.875 13H14l1.45 1.025L17.5 12.5l1.775 1.375L21.15 12l-1-1h-9.275a4.03 4.03 0 0 0-1.412-2.15Q8.4 8 7 8 5.35 8 4.175 9.175T3 12t1.175 2.825T7 16"
+        />
+      </svg>
+      Get recovery key
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<RecoveryPanel /> should be in loading state when checking the recovery key and the cached keys 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsSection mx_SettingsSection_newUi"
+    data-testid="recoveryPanel"
+  >
+    <div
+      class="mx_SettingsSection_header"
+    >
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 mx_SettingsHeader"
+      >
+        Backup
+      </h2>
+      Your chats are automatically backed up with end-to-end encryption. To restore this backup and retain your digital identity when you lose access to all your devices, you will need your recovery key.
+    </div>
+    <svg
+      aria-label="Loading…"
+      class="_icon_1855a_18"
+      fill="currentColor"
+      height="1em"
+      style="width: 20px; height: 20px;"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        clip-rule="evenodd"
+        d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+        fill-rule="evenodd"
+      />
+    </svg>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanelOutOfSync-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanelOutOfSync-test.tsx.snap
new file mode 100644
index 00000000000..c155cb3aee7
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanelOutOfSync-test.tsx.snap
@@ -0,0 +1,75 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<RecoveyPanelOutOfSync /> should render 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsSection mx_SettingsSection_newUi"
+    data-testid="recoveryPanel"
+  >
+    <div
+      class="mx_SettingsSection_header"
+    >
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 mx_SettingsHeader"
+      >
+        Backup
+      </h2>
+      <div
+        class="mx_SettingsSubheader"
+      >
+        Your chats are automatically backed up with end-to-end encryption. To restore this backup and retain your digital identity when you lose access to all your devices, you will need your recovery key.
+        <span
+          class="mx_SettingsSubheader_error"
+        >
+          <svg
+            fill="currentColor"
+            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>
+          Your key storage is out of sync. Click one of the buttons below to fix the problem.
+        </span>
+      </div>
+    </div>
+    <div
+      class="mx_RecoveryPanelOutOfSync"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="secondary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Forgot recovery key?
+      </button>
+      <button
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="primary"
+        data-size="md"
+        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 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 5 12q0-.825.588-1.412A1.93 1.93 0 0 1 7 10q.824 0 1.412.588Q9 11.175 9 12t-.588 1.412A1.93 1.93 0 0 1 7 14m0 4q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q1.676 0 3.037.825A6.2 6.2 0 0 1 12.2 9h8.375q.2 0 .387.075.188.075.338.225l2 2q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-3.175 3.175a1 1 0 0 1-.3.2q-.175.075-.35.1a.8.8 0 0 1-.35-.025.9.9 0 0 1-.325-.175L17.5 15l-1.425 1.075a.95.95 0 0 1-.887.15.9.9 0 0 1-.288-.15L13.375 15H12.2a6.2 6.2 0 0 1-2.162 2.175Q8.675 18 7 18m0-2q1.4 0 2.463-.85A4.03 4.03 0 0 0 10.875 13H14l1.45 1.025L17.5 12.5l1.775 1.375L21.15 12l-1-1h-9.275a4.03 4.03 0 0 0-1.412-2.15Q8.4 8 7 8 5.35 8 4.175 9.175T3 12t1.175 2.825T7 16"
+          />
+        </svg>
+        Enter recovery key
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ResetIdentityPanel-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ResetIdentityPanel-test.tsx.snap
new file mode 100644
index 00000000000..444856372b6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ResetIdentityPanel-test.tsx.snap
@@ -0,0 +1,763 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant correctly 1`] = `
+<DocumentFragment>
+  <nav
+    class="_breadcrumb_t96w3_8"
+  >
+    <button
+      aria-disabled="false"
+      aria-label="Back"
+      class="_icon-button_1215g_8"
+      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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+    </button>
+    <ol
+      class="_pages_t96w3_17"
+    >
+      <li>
+        <a
+          class="_link_13esb_8"
+          data-kind="primary"
+          data-size="sm"
+          rel="noreferrer noopener"
+          role="button"
+          tabindex="0"
+        >
+          Encryption
+        </a>
+      </li>
+      <li>
+        <span
+          aria-current="page"
+          class="_last-page_t96w3_30"
+        >
+          Reset encryption
+        </span>
+      </li>
+    </ol>
+  </nav>
+  <div
+    class="mx_EncryptionCard"
+  >
+    <div
+      class="mx_EncryptionCard_header"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Forgot your recovery key? You’ll need to reset your digital identity.
+      </h2>
+    </div>
+    <div
+      class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+    >
+      <ul
+        class="_visual-list_6zpfn_8"
+      >
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-success_1nc1y_22"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          Your account details, contacts, preferences, and chat list will be kept
+        </li>
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          You will lose any message history that’s stored only on the server
+        </li>
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          You will need to verify all your existing devices and contacts again
+        </li>
+      </ul>
+    </div>
+    <div
+      class="mx_EncryptionCard_buttons"
+    >
+      <button
+        aria-disabled="false"
+        class="_button_1nw83_8 _destructive_1nw83_110"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Continue
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="tertiary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correctly 1`] = `
+<DocumentFragment>
+  <nav
+    class="_breadcrumb_t96w3_8"
+  >
+    <button
+      aria-disabled="false"
+      aria-label="Back"
+      class="_icon-button_1215g_8"
+      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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+    </button>
+    <ol
+      class="_pages_t96w3_17"
+    >
+      <li>
+        <a
+          class="_link_13esb_8"
+          data-kind="primary"
+          data-size="sm"
+          rel="noreferrer noopener"
+          role="button"
+          tabindex="0"
+        >
+          Encryption
+        </a>
+      </li>
+      <li>
+        <span
+          aria-current="page"
+          class="_last-page_t96w3_30"
+        >
+          Reset encryption
+        </span>
+      </li>
+    </ol>
+  </nav>
+  <div
+    class="mx_EncryptionCard"
+  >
+    <div
+      class="mx_EncryptionCard_header"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Failed to sync key storage. You need to reset your digital identity.
+      </h2>
+    </div>
+    <div
+      class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+    >
+      <ul
+        class="_visual-list_6zpfn_8"
+      >
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-success_1nc1y_22"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          Your account details, contacts, preferences, and chat list will be kept
+        </li>
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          You will lose any message history that’s stored only on the server
+        </li>
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          You will need to verify all your existing devices and contacts again
+        </li>
+      </ul>
+    </div>
+    <div
+      class="mx_EncryptionCard_buttons"
+    >
+      <button
+        aria-disabled="false"
+        class="_button_1nw83_8 _destructive_1nw83_110"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Continue
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="tertiary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<ResetIdentityPanel /> should reset the encryption when the continue button is clicked 1`] = `
+<DocumentFragment>
+  <nav
+    class="_breadcrumb_t96w3_8"
+  >
+    <button
+      aria-disabled="false"
+      aria-label="Back"
+      class="_icon-button_1215g_8"
+      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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+    </button>
+    <ol
+      class="_pages_t96w3_17"
+    >
+      <li>
+        <a
+          class="_link_13esb_8"
+          data-kind="primary"
+          data-size="sm"
+          rel="noreferrer noopener"
+          role="button"
+          tabindex="0"
+        >
+          Encryption
+        </a>
+      </li>
+      <li>
+        <span
+          aria-current="page"
+          class="_last-page_t96w3_30"
+        >
+          Reset encryption
+        </span>
+      </li>
+    </ol>
+  </nav>
+  <div
+    class="mx_EncryptionCard"
+  >
+    <div
+      class="mx_EncryptionCard_header"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Are you sure you want to reset your digital identity?
+      </h2>
+    </div>
+    <div
+      class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+    >
+      <ul
+        class="_visual-list_6zpfn_8"
+      >
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-success_1nc1y_22"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          Your account details, contacts, preferences, and chat list will be kept
+        </li>
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          You will lose any message history that’s stored only on the server
+        </li>
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          You will need to verify all your existing devices and contacts again
+        </li>
+      </ul>
+      <span>
+        Only do this if you believe your account has been compromised.
+      </span>
+    </div>
+    <div
+      class="mx_EncryptionCard_buttons"
+    >
+      <button
+        aria-disabled="false"
+        class="_button_1nw83_8 _destructive_1nw83_110"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Continue
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="tertiary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Cancel
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<ResetIdentityPanel /> should reset the encryption when the continue button is clicked 2`] = `
+<DocumentFragment>
+  <nav
+    class="_breadcrumb_t96w3_8"
+  >
+    <button
+      aria-disabled="false"
+      aria-label="Back"
+      class="_icon-button_1215g_8"
+      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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+          />
+        </svg>
+      </div>
+    </button>
+    <ol
+      class="_pages_t96w3_17"
+    >
+      <li>
+        <a
+          class="_link_13esb_8"
+          data-kind="primary"
+          data-size="sm"
+          rel="noreferrer noopener"
+          role="button"
+          tabindex="0"
+        >
+          Encryption
+        </a>
+      </li>
+      <li>
+        <span
+          aria-current="page"
+          class="_last-page_t96w3_30"
+        >
+          Reset encryption
+        </span>
+      </li>
+    </ol>
+  </nav>
+  <div
+    class="mx_EncryptionCard"
+  >
+    <div
+      class="mx_EncryptionCard_header"
+    >
+      <div
+        class="_big-icon_1ssbv_8"
+        data-kind="critical"
+        data-size="lg"
+      >
+        <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>
+      <h2
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+      >
+        Are you sure you want to reset your digital identity?
+      </h2>
+    </div>
+    <div
+      class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+    >
+      <ul
+        class="_visual-list_6zpfn_8"
+      >
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-success_1nc1y_22"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          Your account details, contacts, preferences, and chat list will be kept
+        </li>
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          You will lose any message history that’s stored only on the server
+        </li>
+        <li
+          class="_visual-list-item_1nc1y_8"
+        >
+          <svg
+            aria-hidden="true"
+            class="_visual-list-item-icon_1nc1y_17"
+            fill="currentColor"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            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>
+          You will need to verify all your existing devices and contacts again
+        </li>
+      </ul>
+      <span>
+        Only do this if you believe your account has been compromised.
+      </span>
+    </div>
+    <div
+      class="mx_EncryptionCard_buttons"
+    >
+      <button
+        aria-disabled="true"
+        class="_button_1nw83_8 _destructive_1nw83_110"
+        data-kind="primary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          class="_icon_1855a_18"
+          fill="currentColor"
+          height="1em"
+          style="width: 20px; height: 20px;"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+            fill-rule="evenodd"
+          />
+        </svg>
+         Reset in progress...
+      </button>
+      <div
+        class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <span
+          class="mx_ResetIdentityPanel_warning"
+        >
+          Do not close this window until the reset is finished
+        </span>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/notifications/Notifications2-test.tsx b/apps/web/test/unit-tests/components/views/settings/notifications/Notifications2-test.tsx
new file mode 100644
index 00000000000..92cc5c70e0b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/notifications/Notifications2-test.tsx
@@ -0,0 +1,743 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 { act, findByRole, getByRole, queryByRole, render, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import {
+    ThreepidMedium,
+    type IPushRules,
+    type MatrixClient,
+    NotificationCountType,
+    PushRuleKind,
+    Room,
+    RuleId,
+} from "matrix-js-sdk/src/matrix";
+import React from "react";
+
+import NotificationSettings2 from "../../../../../../src/components/views/settings/notifications/NotificationSettings2";
+import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
+import { MatrixClientPeg } from "../../../../../../src/MatrixClientPeg";
+import { StandardActions } from "../../../../../../src/notifications/StandardActions";
+import { mkMessage, stubClient } from "../../../../../test-utils";
+import Mock = jest.Mock;
+
+const waitForUpdate = (): Promise<void> => new Promise((resolve) => setTimeout(resolve));
+
+const labelGlobalMute = "Enable notifications for this account";
+const labelLevelAllMessage = "All messages";
+const labelLevelMentionsOnly = "Mentions and Keywords only";
+const labelSoundPeople = "People";
+const labelSoundMentions = "Mentions and Keywords";
+const labelSoundCalls = "Audio and Video calls";
+const labelActivityInvites = "Invited to a room";
+const labelActivityStatus = "New room activity, upgrades and status messages occur";
+const labelActivityBots = "Messages sent by bots";
+const labelMentionUser = "Notify when someone mentions using @displayname or @mxid";
+const labelMentionRoom = "Notify when someone mentions using @room";
+const labelMentionKeyword = "Notify when someone uses a keyword";
+const labelResetDefault = "Reset to default settings";
+
+const keywords = ["justjann3", "justj4nn3", "justj4nne", "Janne", "J4nne", "Jann3", "jann3", "j4nne", "janne"];
+
+describe("<Notifications />", () => {
+    let cli: MatrixClient;
+    let pushRules: IPushRules;
+
+    beforeAll(async () => {
+        pushRules = (await import("../../../../models/notificationsettings/pushrules_sample.json")) as IPushRules;
+    });
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        cli.getPushRules = jest.fn(cli.getPushRules).mockResolvedValue(pushRules);
+        cli.supportsIntentionalMentions = jest.fn(cli.supportsIntentionalMentions).mockReturnValue(false);
+        cli.setPushRuleEnabled = jest.fn(cli.setPushRuleEnabled);
+        cli.setPushRuleActions = jest.fn(cli.setPushRuleActions);
+        cli.addPushRule = jest.fn(cli.addPushRule).mockResolvedValue({});
+        cli.deletePushRule = jest.fn(cli.deletePushRule).mockResolvedValue({});
+        cli.removePusher = jest.fn(cli.removePusher).mockResolvedValue({});
+        cli.setPusher = jest.fn(cli.setPusher).mockResolvedValue({});
+    });
+
+    it("matches the snapshot", async () => {
+        cli.getPushers = jest.fn(cli.getPushers).mockResolvedValue({
+            pushers: [
+                {
+                    app_display_name: "Element",
+                    app_id: "im.vector.app",
+                    data: {},
+                    device_display_name: "My EyeFon",
+                    kind: "http",
+                    lang: "en",
+                    pushkey: "",
+                    enabled: true,
+                },
+            ],
+        });
+        cli.getThreePids = jest.fn(cli.getThreePids).mockResolvedValue({
+            threepids: [
+                {
+                    medium: ThreepidMedium.Email,
+                    address: "test@example.tld",
+                    validated_at: 1656633600,
+                    added_at: 1656633600,
+                },
+            ],
+        });
+
+        const screen = render(
+            <MatrixClientContext.Provider value={cli}>
+                <NotificationSettings2 />
+            </MatrixClientContext.Provider>,
+        );
+        await act(waitForUpdate);
+        expect(screen.container).toMatchSnapshot();
+    });
+
+    it("correctly handles the loading/disabled state", async () => {
+        (cli.getPushRules as Mock).mockReturnValue(new Promise<IPushRules>(() => {}));
+
+        const user = userEvent.setup();
+        const screen = render(
+            <MatrixClientContext.Provider value={cli}>
+                <NotificationSettings2 />
+            </MatrixClientContext.Provider>,
+        );
+        await act(async () => {
+            await waitForUpdate();
+            expect(screen.container).toMatchSnapshot();
+
+            const globalMute = screen.getByLabelText(labelGlobalMute);
+            expect(globalMute).toBeDisabled();
+
+            const levelAllMessages = screen.getByLabelText(labelLevelAllMessage);
+            expect(levelAllMessages).toBeDisabled();
+
+            const soundPeople = screen.getByLabelText(labelSoundPeople);
+            expect(soundPeople).toBeDisabled();
+            const soundMentions = screen.getByLabelText(labelSoundMentions);
+            expect(soundMentions).toBeDisabled();
+            const soundCalls = screen.getByLabelText(labelSoundCalls);
+            expect(soundCalls).toBeDisabled();
+
+            const activityInvites = screen.getByLabelText(labelActivityInvites);
+            expect(activityInvites).toBeDisabled();
+            const activityStatus = screen.getByLabelText(labelActivityStatus);
+            expect(activityStatus).toBeDisabled();
+            const activityBots = screen.getByLabelText(labelActivityBots);
+            expect(activityBots).toBeDisabled();
+
+            const mentionUser = screen.getByLabelText(labelMentionUser.replace("@mxid", cli.getUserId()!));
+            expect(mentionUser).toBeDisabled();
+            const mentionRoom = screen.getByLabelText(labelMentionRoom);
+            expect(mentionRoom).toBeDisabled();
+            const mentionKeyword = screen.getByLabelText(labelMentionKeyword);
+            expect(mentionKeyword).toBeDisabled();
+            await Promise.all([
+                user.click(globalMute),
+                user.click(levelAllMessages),
+                user.click(soundPeople),
+                user.click(soundMentions),
+                user.click(soundCalls),
+                user.click(activityInvites),
+                user.click(activityStatus),
+                user.click(activityBots),
+                user.click(mentionUser),
+                user.click(mentionRoom),
+                user.click(mentionKeyword),
+            ]);
+        });
+
+        expect(cli.setPushRuleActions).not.toHaveBeenCalled();
+        expect(cli.setPushRuleEnabled).not.toHaveBeenCalled();
+        expect(cli.addPushRule).not.toHaveBeenCalled();
+        expect(cli.deletePushRule).not.toHaveBeenCalled();
+    });
+
+    describe("form elements actually toggle the model value", () => {
+        it("global mute", async () => {
+            const label = labelGlobalMute;
+
+            const user = userEvent.setup();
+            const screen = render(
+                <MatrixClientContext.Provider value={cli}>
+                    <NotificationSettings2 />
+                </MatrixClientContext.Provider>,
+            );
+            await act(waitForUpdate);
+            expect(screen.getByLabelText(label)).not.toBeDisabled();
+            await act(async () => {
+                await user.click(screen.getByLabelText(label));
+                await waitForUpdate();
+            });
+            expect(cli.setPushRuleEnabled).toHaveBeenCalledWith("global", PushRuleKind.Override, RuleId.Master, true);
+        });
+
+        it("notification level", async () => {
+            const user = userEvent.setup();
+            const screen = render(
+                <MatrixClientContext.Provider value={cli}>
+                    <NotificationSettings2 />
+                </MatrixClientContext.Provider>,
+            );
+            await act(waitForUpdate);
+            expect(screen.getByLabelText(labelLevelAllMessage)).not.toBeDisabled();
+            await act(async () => {
+                await user.click(screen.getByLabelText(labelLevelAllMessage));
+                await waitForUpdate();
+            });
+            expect(cli.setPushRuleEnabled).toHaveBeenCalledWith(
+                "global",
+                PushRuleKind.Underride,
+                RuleId.EncryptedMessage,
+                true,
+            );
+            expect(cli.setPushRuleEnabled).toHaveBeenCalledWith("global", PushRuleKind.Underride, RuleId.Message, true);
+            (cli.setPushRuleEnabled as Mock).mockClear();
+            expect(screen.getByLabelText(labelLevelMentionsOnly)).not.toBeDisabled();
+            await act(async () => {
+                await user.click(screen.getByLabelText(labelLevelMentionsOnly));
+                await waitForUpdate();
+            });
+            expect(cli.setPushRuleEnabled).toHaveBeenCalledWith(
+                "global",
+                PushRuleKind.Underride,
+                RuleId.EncryptedDM,
+                true,
+            );
+            expect(cli.setPushRuleEnabled).toHaveBeenCalledWith("global", PushRuleKind.Underride, RuleId.DM, true);
+        });
+
+        describe("play a sound for", () => {
+            it("people", async () => {
+                const label = labelSoundPeople;
+
+                const user = userEvent.setup();
+                const screen = render(
+                    <MatrixClientContext.Provider value={cli}>
+                        <NotificationSettings2 />
+                    </MatrixClientContext.Provider>,
+                );
+                await act(waitForUpdate);
+                expect(screen.getByLabelText(label)).not.toBeDisabled();
+                await act(async () => {
+                    await user.click(screen.getByLabelText(label));
+                    await waitForUpdate();
+                });
+                expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.Underride,
+                    RuleId.EncryptedDM,
+                    StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+                );
+                expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.Underride,
+                    RuleId.DM,
+                    StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+                );
+                expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.Override,
+                    RuleId.InviteToSelf,
+                    StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+                );
+            });
+
+            it("mentions", async () => {
+                const label = labelSoundMentions;
+
+                const user = userEvent.setup();
+                const screen = render(
+                    <MatrixClientContext.Provider value={cli}>
+                        <NotificationSettings2 />
+                    </MatrixClientContext.Provider>,
+                );
+                await act(waitForUpdate);
+                expect(screen.getByLabelText(label)).not.toBeDisabled();
+                await act(async () => {
+                    await user.click(screen.getByLabelText(label));
+                    await waitForUpdate();
+                });
+                expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.Override,
+                    RuleId.ContainsDisplayName,
+                    StandardActions.ACTION_HIGHLIGHT,
+                );
+                expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.ContentSpecific,
+                    RuleId.ContainsUserName,
+                    StandardActions.ACTION_HIGHLIGHT,
+                );
+            });
+
+            it("calls", async () => {
+                const label = labelSoundCalls;
+
+                const user = userEvent.setup();
+                const screen = render(
+                    <MatrixClientContext.Provider value={cli}>
+                        <NotificationSettings2 />
+                    </MatrixClientContext.Provider>,
+                );
+                await act(waitForUpdate);
+                expect(screen.getByLabelText(label)).not.toBeDisabled();
+                await act(async () => {
+                    await user.click(screen.getByLabelText(label));
+                    await waitForUpdate();
+                });
+                expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.Underride,
+                    RuleId.IncomingCall,
+                    StandardActions.ACTION_NOTIFY,
+                );
+            });
+        });
+
+        describe("activity", () => {
+            it("invite", async () => {
+                const label = labelActivityInvites;
+
+                const user = userEvent.setup();
+                const screen = render(
+                    <MatrixClientContext.Provider value={cli}>
+                        <NotificationSettings2 />
+                    </MatrixClientContext.Provider>,
+                );
+                await act(waitForUpdate);
+                expect(screen.getByLabelText(label)).not.toBeDisabled();
+                await act(async () => {
+                    await user.click(screen.getByLabelText(label));
+                    await waitForUpdate();
+                });
+                expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.Override,
+                    RuleId.InviteToSelf,
+                    StandardActions.ACTION_NOTIFY,
+                );
+            });
+            it("status messages", async () => {
+                const label = labelActivityStatus;
+
+                const user = userEvent.setup();
+                const screen = render(
+                    <MatrixClientContext.Provider value={cli}>
+                        <NotificationSettings2 />
+                    </MatrixClientContext.Provider>,
+                );
+                await act(waitForUpdate);
+                expect(screen.getByLabelText(label)).not.toBeDisabled();
+                await act(async () => {
+                    await user.click(screen.getByLabelText(label));
+                    await waitForUpdate();
+                });
+                expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.Override,
+                    RuleId.MemberEvent,
+                    StandardActions.ACTION_NOTIFY,
+                );
+                expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.Override,
+                    RuleId.Tombstone,
+                    StandardActions.ACTION_HIGHLIGHT,
+                );
+            });
+            it("notices", async () => {
+                const label = labelActivityBots;
+
+                const user = userEvent.setup();
+                const screen = render(
+                    <MatrixClientContext.Provider value={cli}>
+                        <NotificationSettings2 />
+                    </MatrixClientContext.Provider>,
+                );
+                await act(waitForUpdate);
+                expect(screen.getByLabelText(label)).not.toBeDisabled();
+                await act(async () => {
+                    await user.click(screen.getByLabelText(label));
+                    await waitForUpdate();
+                });
+                expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.Override,
+                    RuleId.SuppressNotices,
+                    StandardActions.ACTION_DONT_NOTIFY,
+                );
+            });
+        });
+        describe("mentions", () => {
+            it("room mentions", async () => {
+                const label = labelMentionRoom;
+
+                const user = userEvent.setup();
+                const screen = render(
+                    <MatrixClientContext.Provider value={cli}>
+                        <NotificationSettings2 />
+                    </MatrixClientContext.Provider>,
+                );
+                await act(waitForUpdate);
+                expect(screen.getByLabelText(label)).not.toBeDisabled();
+                await act(async () => {
+                    await user.click(screen.getByLabelText(label));
+                    await waitForUpdate();
+                });
+                expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.Override,
+                    RuleId.AtRoomNotification,
+                    StandardActions.ACTION_DONT_NOTIFY,
+                );
+            });
+            it("user mentions", async () => {
+                const label = labelMentionUser.replace("@mxid", cli.getUserId()!);
+
+                const user = userEvent.setup();
+                const screen = render(
+                    <MatrixClientContext.Provider value={cli}>
+                        <NotificationSettings2 />
+                    </MatrixClientContext.Provider>,
+                );
+                await act(waitForUpdate);
+                expect(screen.getByLabelText(label)).not.toBeDisabled();
+                await act(async () => {
+                    await user.click(screen.getByLabelText(label));
+                    await waitForUpdate();
+                });
+                expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.Override,
+                    RuleId.ContainsDisplayName,
+                    StandardActions.ACTION_DONT_NOTIFY,
+                );
+                expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                    "global",
+                    PushRuleKind.ContentSpecific,
+                    RuleId.ContainsUserName,
+                    StandardActions.ACTION_DONT_NOTIFY,
+                );
+            });
+            it("keywords", async () => {
+                const label = labelMentionKeyword;
+
+                const user = userEvent.setup();
+                const screen = render(
+                    <MatrixClientContext.Provider value={cli}>
+                        <NotificationSettings2 />
+                    </MatrixClientContext.Provider>,
+                );
+                await act(waitForUpdate);
+                expect(screen.getByLabelText(label)).not.toBeDisabled();
+                await act(async () => {
+                    await user.click(screen.getByLabelText(label));
+                    await waitForUpdate();
+                });
+                for (const pattern of keywords) {
+                    expect(cli.setPushRuleEnabled).toHaveBeenCalledWith(
+                        "global",
+                        PushRuleKind.ContentSpecific,
+                        pattern,
+                        false,
+                    );
+                }
+            });
+        });
+        describe("keywords", () => {
+            it("allows adding keywords", async () => {
+                const user = userEvent.setup();
+                const screen = render(
+                    <MatrixClientContext.Provider value={cli}>
+                        <NotificationSettings2 />
+                    </MatrixClientContext.Provider>,
+                );
+                await act(waitForUpdate);
+                const inputField = screen.getByRole("textbox", { name: "Keyword" });
+                const addButton = screen.getByRole("button", { name: "Add" });
+                expect(inputField).not.toBeDisabled();
+                expect(addButton).not.toBeDisabled();
+                await act(async () => {
+                    await user.type(inputField, "testkeyword");
+                    await user.click(addButton);
+                    await waitForUpdate();
+                });
+                expect(cli.addPushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "testkeyword", {
+                    kind: PushRuleKind.ContentSpecific,
+                    rule_id: "testkeyword",
+                    enabled: true,
+                    default: false,
+                    actions: StandardActions.ACTION_HIGHLIGHT_DEFAULT_SOUND,
+                    pattern: "testkeyword",
+                });
+            });
+
+            it("allows deleting keywords", async () => {
+                const user = userEvent.setup();
+                const screen = render(
+                    <MatrixClientContext.Provider value={cli}>
+                        <NotificationSettings2 />
+                    </MatrixClientContext.Provider>,
+                );
+                await act(waitForUpdate);
+                const tag = screen.getByText("justj4nn3");
+                const deleteButton = getByRole(tag, "button", { name: "Remove" });
+                expect(deleteButton).not.toBeDisabled();
+                await act(async () => {
+                    await user.click(deleteButton);
+                    await waitForUpdate();
+                });
+                expect(cli.deletePushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, "justj4nn3");
+            });
+        });
+
+        it("resets the model correctly", async () => {
+            const user = userEvent.setup();
+            const screen = render(
+                <MatrixClientContext.Provider value={cli}>
+                    <NotificationSettings2 />
+                </MatrixClientContext.Provider>,
+            );
+            await act(waitForUpdate);
+            const button = screen.getByText(labelResetDefault);
+            expect(button).not.toBeDisabled();
+            await act(async () => {
+                await user.click(button);
+                await waitForUpdate();
+            });
+            expect(cli.setPushRuleEnabled).toHaveBeenCalledWith(
+                "global",
+                PushRuleKind.Underride,
+                RuleId.EncryptedMessage,
+                true,
+            );
+            expect(cli.setPushRuleEnabled).toHaveBeenCalledWith("global", PushRuleKind.Underride, RuleId.Message, true);
+            expect(cli.setPushRuleEnabled).toHaveBeenCalledWith(
+                "global",
+                PushRuleKind.Underride,
+                RuleId.EncryptedDM,
+                true,
+            );
+            expect(cli.setPushRuleEnabled).toHaveBeenCalledWith("global", PushRuleKind.Underride, RuleId.DM, true);
+            expect(cli.setPushRuleEnabled).toHaveBeenCalledWith(
+                "global",
+                PushRuleKind.Override,
+                RuleId.SuppressNotices,
+                false,
+            );
+            expect(cli.setPushRuleEnabled).toHaveBeenCalledWith(
+                "global",
+                PushRuleKind.Override,
+                RuleId.InviteToSelf,
+                true,
+            );
+
+            expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                "global",
+                PushRuleKind.Underride,
+                RuleId.EncryptedMessage,
+                StandardActions.ACTION_NOTIFY,
+            );
+            expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                "global",
+                PushRuleKind.Underride,
+                RuleId.Message,
+                StandardActions.ACTION_NOTIFY,
+            );
+            expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                "global",
+                PushRuleKind.Underride,
+                RuleId.EncryptedDM,
+                StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+            );
+            expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                "global",
+                PushRuleKind.Underride,
+                RuleId.DM,
+                StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+            );
+            expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                "global",
+                PushRuleKind.Override,
+                RuleId.SuppressNotices,
+                StandardActions.ACTION_DONT_NOTIFY,
+            );
+            expect(cli.setPushRuleActions).toHaveBeenCalledWith(
+                "global",
+                PushRuleKind.Override,
+                RuleId.InviteToSelf,
+                StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+            );
+
+            for (const pattern of keywords) {
+                expect(cli.deletePushRule).toHaveBeenCalledWith("global", PushRuleKind.ContentSpecific, pattern);
+            }
+        });
+    });
+
+    describe("pusher settings", () => {
+        it("can create email pushers", async () => {
+            cli.getPushers = jest.fn(cli.getPushers).mockResolvedValue({
+                pushers: [
+                    {
+                        app_display_name: "Element",
+                        app_id: "im.vector.app",
+                        data: {},
+                        device_display_name: "My EyeFon",
+                        kind: "http",
+                        lang: "en",
+                        pushkey: "",
+                        enabled: true,
+                    },
+                ],
+            });
+            cli.getThreePids = jest.fn(cli.getThreePids).mockResolvedValue({
+                threepids: [
+                    {
+                        medium: ThreepidMedium.Email,
+                        address: "test@example.tld",
+                        validated_at: 1656633600,
+                        added_at: 1656633600,
+                    },
+                ],
+            });
+
+            const label = "test@example.tld";
+            const user = userEvent.setup();
+            const screen = render(
+                <MatrixClientContext.Provider value={cli}>
+                    <NotificationSettings2 />
+                </MatrixClientContext.Provider>,
+            );
+            await act(waitForUpdate);
+            expect(screen.getByLabelText(label)).not.toBeDisabled();
+            await act(async () => {
+                await user.click(screen.getByLabelText(label));
+                await waitForUpdate();
+            });
+            expect(cli.setPusher).toHaveBeenCalledWith({
+                app_display_name: "Email Notifications",
+                app_id: "m.email",
+                append: true,
+                data: { brand: "Element" },
+                device_display_name: "test@example.tld",
+                kind: "email",
+                lang: "en-US",
+                pushkey: "test@example.tld",
+            });
+        });
+
+        it("can remove email pushers", async () => {
+            cli.getPushers = jest.fn(cli.getPushers).mockResolvedValue({
+                pushers: [
+                    {
+                        app_display_name: "Element",
+                        app_id: "im.vector.app",
+                        data: {},
+                        device_display_name: "My EyeFon",
+                        kind: "http",
+                        lang: "en",
+                        pushkey: "abctest",
+                    },
+                    {
+                        app_display_name: "Email Notifications",
+                        app_id: "m.email",
+                        data: { brand: "Element" },
+                        device_display_name: "test@example.tld",
+                        kind: "email",
+                        lang: "en-US",
+                        pushkey: "test@example.tld",
+                    },
+                ],
+            });
+            cli.getThreePids = jest.fn(cli.getThreePids).mockResolvedValue({
+                threepids: [
+                    {
+                        medium: ThreepidMedium.Email,
+                        address: "test@example.tld",
+                        validated_at: 1656633600,
+                        added_at: 1656633600,
+                    },
+                ],
+            });
+
+            const label = "test@example.tld";
+            const user = userEvent.setup();
+            const screen = render(
+                <MatrixClientContext.Provider value={cli}>
+                    <NotificationSettings2 />
+                </MatrixClientContext.Provider>,
+            );
+            await act(waitForUpdate);
+            expect(screen.getByLabelText(label)).not.toBeDisabled();
+            await act(async () => {
+                await user.click(screen.getByLabelText(label));
+                await waitForUpdate();
+            });
+            expect(cli.removePusher).toHaveBeenCalledWith("test@example.tld", "m.email");
+        });
+    });
+
+    describe("clear all notifications", () => {
+        it("is hidden when no notifications exist", async () => {
+            const room = new Room("room123", cli, "@alice:example.org");
+            cli.getRooms = jest.fn(cli.getRooms).mockReturnValue([room]);
+
+            const { container } = render(
+                <MatrixClientContext.Provider value={cli}>
+                    <NotificationSettings2 />
+                </MatrixClientContext.Provider>,
+            );
+            await waitForUpdate();
+            expect(
+                queryByRole(container, "button", {
+                    name: "Mark all messages as read",
+                }),
+            ).not.toBeInTheDocument();
+        });
+
+        it("clears all notifications", async () => {
+            const room = new Room("room123", cli, "@alice:example.org");
+            cli.getRooms = jest.fn(cli.getRooms).mockReturnValue([room]);
+
+            const message = mkMessage({
+                event: true,
+                room: "room123",
+                user: "@alice:example.org",
+                ts: 1,
+            });
+            room.addLiveEvents([message], { addToState: true });
+            room.setUnreadNotificationCount(NotificationCountType.Total, 1);
+
+            const user = userEvent.setup();
+            const { container } = render(
+                <MatrixClientContext.Provider value={cli}>
+                    <NotificationSettings2 />
+                </MatrixClientContext.Provider>,
+            );
+            await waitForUpdate();
+            const clearNotificationEl = await findByRole(container, "button", {
+                name: "Mark all messages as read",
+            });
+
+            await act(async () => {
+                await user.click(clearNotificationEl);
+                await waitForUpdate();
+            });
+            expect(cli.sendReadReceipt).toHaveBeenCalled();
+
+            await waitFor(() => {
+                expect(clearNotificationEl).not.toBeInTheDocument();
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/notifications/__snapshots__/Notifications2-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/notifications/__snapshots__/Notifications2-test.tsx.snap
new file mode 100644
index 00000000000..9ec5bbd968f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/notifications/__snapshots__/Notifications2-test.tsx.snap
@@ -0,0 +1,2340 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
+<div>
+  <div
+    class="mx_NotificationSettings2"
+  >
+    <div
+      class="mx_SettingsSection"
+    >
+      <div
+        class="mx_SettingsSection_subSections"
+      >
+        <form
+          class="_root_1o4d9_17 mx_SettingsSubsection_content"
+        >
+          <div
+            class="_inline-field_1o4d9_33"
+          >
+            <div
+              class="_inline-field-control_1o4d9_45"
+            >
+              <div
+                class="_container_udcm8_10"
+              >
+                <input
+                  checked=""
+                  class="_input_udcm8_24"
+                  disabled=""
+                  id="react-use-id-1"
+                  role="switch"
+                  type="checkbox"
+                />
+                <div
+                  class="_ui_udcm8_34"
+                />
+              </div>
+            </div>
+            <div
+              class="_inline-field-body_1o4d9_39"
+            >
+              <label
+                class="_label_1o4d9_60"
+                for="react-use-id-1"
+              >
+                Enable notifications for this account
+              </label>
+            </div>
+          </div>
+          <div
+            class="_inline-field_1o4d9_33"
+          >
+            <div
+              class="_inline-field-control_1o4d9_45"
+            >
+              <div
+                class="_container_udcm8_10"
+              >
+                <input
+                  class="_input_udcm8_24"
+                  id="mx_SettingsFlag_vY7Q4uEh9K38"
+                  role="switch"
+                  type="checkbox"
+                />
+                <div
+                  class="_ui_udcm8_34"
+                />
+              </div>
+            </div>
+            <div
+              class="_inline-field-body_1o4d9_39"
+            >
+              <label
+                class="_label_1o4d9_60"
+                for="mx_SettingsFlag_vY7Q4uEh9K38"
+              >
+                Enable desktop notifications for this session
+              </label>
+            </div>
+          </div>
+          <div
+            class="_inline-field_1o4d9_33"
+          >
+            <div
+              class="_inline-field-control_1o4d9_45"
+            >
+              <div
+                class="_container_udcm8_10"
+              >
+                <input
+                  class="_input_udcm8_24"
+                  id="mx_SettingsFlag_QgU2PomxwKpa"
+                  role="switch"
+                  type="checkbox"
+                />
+                <div
+                  class="_ui_udcm8_34"
+                />
+              </div>
+            </div>
+            <div
+              class="_inline-field-body_1o4d9_39"
+            >
+              <label
+                class="_label_1o4d9_60"
+                for="mx_SettingsFlag_QgU2PomxwKpa"
+              >
+                Show message preview in desktop notification
+              </label>
+            </div>
+          </div>
+          <div
+            class="_inline-field_1o4d9_33"
+          >
+            <div
+              class="_inline-field-control_1o4d9_45"
+            >
+              <div
+                class="_container_udcm8_10"
+              >
+                <input
+                  checked=""
+                  class="_input_udcm8_24"
+                  id="mx_SettingsFlag_6hpi3YEetmBG"
+                  role="switch"
+                  type="checkbox"
+                />
+                <div
+                  class="_ui_udcm8_34"
+                />
+              </div>
+            </div>
+            <div
+              class="_inline-field-body_1o4d9_39"
+            >
+              <label
+                class="_label_1o4d9_60"
+                for="mx_SettingsFlag_6hpi3YEetmBG"
+              >
+                Enable audible notifications for this session
+              </label>
+            </div>
+          </div>
+        </form>
+        <div
+          class="mx_SettingsSubsection"
+        >
+          <div
+            class="mx_SettingsSubsectionHeading"
+          >
+            <h2
+              class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+            >
+              I want to be notified for (Default Setting)
+            </h2>
+          </div>
+          <div
+            class="mx_SettingsSubsection_description"
+          >
+            <div
+              class="mx_SettingsSubsection_text"
+            >
+              This setting will be applied by default to all your rooms.
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection_content"
+          >
+            <label
+              class="mx_StyledRadioButton mx_StyledRadioButton_disabled mx_StyledRadioButton_checked"
+            >
+              <input
+                checked=""
+                disabled=""
+                id="defaultNotificationLevel-all_messages"
+                name="defaultNotificationLevel"
+                type="radio"
+                value="all_messages"
+              />
+              <div>
+                <div />
+              </div>
+              <div
+                class="mx_StyledRadioButton_content"
+              >
+                All messages
+              </div>
+              <div
+                class="mx_StyledRadioButton_spacer"
+              />
+            </label>
+            <label
+              class="mx_StyledRadioButton mx_StyledRadioButton_disabled"
+            >
+              <input
+                disabled=""
+                id="defaultNotificationLevel-people_mentions_keywords"
+                name="defaultNotificationLevel"
+                type="radio"
+                value="people_mentions_keywords"
+              />
+              <div>
+                <div />
+              </div>
+              <div
+                class="mx_StyledRadioButton_content"
+              >
+                People, Mentions and Keywords
+              </div>
+              <div
+                class="mx_StyledRadioButton_spacer"
+              />
+            </label>
+            <label
+              class="mx_StyledRadioButton mx_StyledRadioButton_disabled"
+            >
+              <input
+                disabled=""
+                id="defaultNotificationLevel-mentions_keywords"
+                name="defaultNotificationLevel"
+                type="radio"
+                value="mentions_keywords"
+              />
+              <div>
+                <div />
+              </div>
+              <div
+                class="mx_StyledRadioButton_content"
+              >
+                Mentions and Keywords only
+              </div>
+              <div
+                class="mx_StyledRadioButton_spacer"
+              />
+            </label>
+          </div>
+        </div>
+        <div
+          class="mx_SettingsSubsection"
+        >
+          <div
+            class="mx_SettingsSubsectionHeading"
+          >
+            <h2
+              class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+            >
+              Play a sound for
+            </h2>
+          </div>
+          <div
+            class="mx_SettingsSubsection_description"
+          >
+            <div
+              class="mx_SettingsSubsection_text"
+            >
+              Applied by default to all rooms on all devices.
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection_content"
+          >
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        disabled=""
+                        id="checkbox_4yVCeEefiP"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_4yVCeEefiP"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        People
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        disabled=""
+                        id="checkbox_qpMRMwbPDm"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_qpMRMwbPDm"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Mentions and Keywords
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        disabled=""
+                        id="checkbox_fGtmGQvdMW"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_fGtmGQvdMW"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Audio and Video calls
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+        <div
+          class="mx_SettingsSubsection"
+        >
+          <div
+            class="mx_SettingsSubsectionHeading"
+          >
+            <h2
+              class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+            >
+              Other things we think you might be interested in:
+            </h2>
+          </div>
+          <div
+            class="mx_SettingsSubsection_content"
+          >
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        disabled=""
+                        id="checkbox_e954DVIAu5"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_e954DVIAu5"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Invited to a room
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        class="_input_153f2_18"
+                        disabled=""
+                        id="checkbox_CsiHRD7nyr"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_CsiHRD7nyr"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        New room activity, upgrades and status messages occur
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        disabled=""
+                        id="checkbox_A2ohjWVJIP"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_A2ohjWVJIP"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Messages sent by bots
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+        <div
+          class="mx_SettingsSubsection"
+        >
+          <div
+            class="mx_SettingsSubsectionHeading"
+          >
+            <h2
+              class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+            >
+              Mentions and Keywords
+            </h2>
+          </div>
+          <div
+            class="mx_SettingsSubsection_description"
+          >
+            <div
+              class="mx_SettingsSubsection_text"
+            >
+              <span>
+                Show a badge 
+                <div
+                  class="mx_NotificationSettings2_notificationBadge _notificationBadge_kb9ny_8 _visible_kb9ny_15 _notification_kb9ny_8 _badge2Char_kb9ny_56 cpd-theme-light"
+                  data-badge-type="badge_2char"
+                  data-notification-level="notification"
+                  data-testid="notification-badge"
+                >
+                  <span
+                    class="_count_kb9ny_39"
+                  >
+                    1
+                  </span>
+                </div>
+                 when keywords are used in a room.
+              </span>
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection_content"
+          >
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        disabled=""
+                        id="checkbox_auy1OmnTid"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_auy1OmnTid"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Notify when someone mentions using @room
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_LabelledCheckbox"
+              id="mx_NotificationSettings2_MentionCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        disabled=""
+                        id="checkbox_X4ePDS0OpW"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_X4ePDS0OpW"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Notify when someone mentions using @displayname or @userId:matrix.org
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        aria-describedby="react-use-id-2"
+                        checked=""
+                        class="_input_153f2_18"
+                        disabled=""
+                        id="checkbox_wAHG75JNTN"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_wAHG75JNTN"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Notify when someone uses a keyword
+                      </span>
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="react-use-id-2"
+                    >
+                      Enter keywords here, or use for spelling variations or nicknames
+                    </span>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_TagComposer mx_TagComposer_disabled"
+            >
+              <form
+                class="mx_TagComposer_input"
+              >
+                <div
+                  class="mx_Field mx_Field_input"
+                >
+                  <input
+                    autocomplete="off"
+                    disabled=""
+                    id="mx_NotificationSettings2_Keywords_field"
+                    label="Keyword"
+                    placeholder="New keyword"
+                    type="text"
+                    value=""
+                  />
+                  <label
+                    for="mx_NotificationSettings2_Keywords_field"
+                  >
+                    Keyword
+                  </label>
+                </div>
+                <div
+                  aria-disabled="true"
+                  class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary mx_AccessibleButton_disabled"
+                  disabled=""
+                  role="button"
+                  tabindex="0"
+                >
+                  Add
+                </div>
+              </form>
+              <div
+                class="mx_TagComposer_tags"
+                role="list"
+              />
+            </div>
+            <form
+              class="_root_1o4d9_17"
+            >
+              <div
+                class="_inline-field_1o4d9_33"
+              >
+                <div
+                  class="_inline-field-control_1o4d9_45"
+                >
+                  <div
+                    class="_container_udcm8_10"
+                  >
+                    <input
+                      checked=""
+                      class="_input_udcm8_24"
+                      id="mx_SettingsFlag_kNU64raTLcRs"
+                      role="switch"
+                      type="checkbox"
+                    />
+                    <div
+                      class="_ui_udcm8_34"
+                    />
+                  </div>
+                </div>
+                <div
+                  class="_inline-field-body_1o4d9_39"
+                >
+                  <label
+                    class="_label_1o4d9_60"
+                    for="mx_SettingsFlag_kNU64raTLcRs"
+                  >
+                    Show all activity in the room list (dots or number of unread messages)
+                  </label>
+                </div>
+              </div>
+              <div
+                class="_inline-field_1o4d9_33"
+              >
+                <div
+                  class="_inline-field-control_1o4d9_45"
+                >
+                  <div
+                    class="_container_udcm8_10"
+                  >
+                    <input
+                      checked=""
+                      class="_input_udcm8_24"
+                      id="mx_SettingsFlag_QRlYy75nfv5b"
+                      role="switch"
+                      type="checkbox"
+                    />
+                    <div
+                      class="_ui_udcm8_34"
+                    />
+                  </div>
+                </div>
+                <div
+                  class="_inline-field-body_1o4d9_39"
+                >
+                  <label
+                    class="_label_1o4d9_60"
+                    for="mx_SettingsFlag_QRlYy75nfv5b"
+                  >
+                    Only show notifications in the thread activity centre
+                  </label>
+                </div>
+              </div>
+            </form>
+          </div>
+        </div>
+        <div
+          class="mx_SettingsSubsection mx_SettingsSubsection_newUi"
+        >
+          <div
+            class="mx_SettingsSubsectionHeading"
+          >
+            <h2
+              class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+            >
+              Email summary
+            </h2>
+          </div>
+          <div
+            class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
+          >
+            <div
+              class="mx_SettingsSubsection_text"
+            >
+              Receive an email summary of missed notifications
+            </div>
+            <div
+              class="mx_SettingsSubsection_description mx_NotificationPusherSettings_detail"
+            >
+              <div
+                class="mx_SettingsSubsection_text"
+              >
+                <span>
+                  Select which emails you want to send summaries to. Manage your emails in 
+                  <div
+                    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+                    role="button"
+                    tabindex="0"
+                  >
+                    General
+                  </div>
+                  .
+                </span>
+              </div>
+            </div>
+            <div
+              class="mx_SettingsIndent"
+            />
+          </div>
+          <div
+            class="_separator_13qwf_8"
+            data-kind="primary"
+            data-orientation="horizontal"
+            role="separator"
+          />
+        </div>
+        <div
+          class="mx_SettingsSubsection"
+        >
+          <div
+            class="mx_SettingsSubsectionHeading"
+          >
+            <h2
+              class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+            >
+              Quick Actions
+            </h2>
+          </div>
+          <div
+            class="mx_SettingsSubsection_content"
+          >
+            <div
+              aria-disabled="true"
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_outline mx_AccessibleButton_disabled"
+              disabled=""
+              role="button"
+              tabindex="0"
+            >
+              Reset to default settings
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<Notifications /> matches the snapshot 1`] = `
+<div>
+  <div
+    class="mx_NotificationSettings2"
+  >
+    <div
+      class="mx_SettingsSection"
+    >
+      <div
+        class="mx_SettingsSection_subSections"
+      >
+        <form
+          class="_root_1o4d9_17 mx_SettingsSubsection_content"
+        >
+          <div
+            class="_inline-field_1o4d9_33"
+          >
+            <div
+              class="_inline-field-control_1o4d9_45"
+            >
+              <div
+                class="_container_udcm8_10"
+              >
+                <input
+                  checked=""
+                  class="_input_udcm8_24"
+                  id="react-use-id-1"
+                  role="switch"
+                  type="checkbox"
+                />
+                <div
+                  class="_ui_udcm8_34"
+                />
+              </div>
+            </div>
+            <div
+              class="_inline-field-body_1o4d9_39"
+            >
+              <label
+                class="_label_1o4d9_60"
+                for="react-use-id-1"
+              >
+                Enable notifications for this account
+              </label>
+            </div>
+          </div>
+          <div
+            class="_inline-field_1o4d9_33"
+          >
+            <div
+              class="_inline-field-control_1o4d9_45"
+            >
+              <div
+                class="_container_udcm8_10"
+              >
+                <input
+                  class="_input_udcm8_24"
+                  id="mx_SettingsFlag_vY7Q4uEh9K38"
+                  role="switch"
+                  type="checkbox"
+                />
+                <div
+                  class="_ui_udcm8_34"
+                />
+              </div>
+            </div>
+            <div
+              class="_inline-field-body_1o4d9_39"
+            >
+              <label
+                class="_label_1o4d9_60"
+                for="mx_SettingsFlag_vY7Q4uEh9K38"
+              >
+                Enable desktop notifications for this session
+              </label>
+            </div>
+          </div>
+          <div
+            class="_inline-field_1o4d9_33"
+          >
+            <div
+              class="_inline-field-control_1o4d9_45"
+            >
+              <div
+                class="_container_udcm8_10"
+              >
+                <input
+                  class="_input_udcm8_24"
+                  id="mx_SettingsFlag_QgU2PomxwKpa"
+                  role="switch"
+                  type="checkbox"
+                />
+                <div
+                  class="_ui_udcm8_34"
+                />
+              </div>
+            </div>
+            <div
+              class="_inline-field-body_1o4d9_39"
+            >
+              <label
+                class="_label_1o4d9_60"
+                for="mx_SettingsFlag_QgU2PomxwKpa"
+              >
+                Show message preview in desktop notification
+              </label>
+            </div>
+          </div>
+          <div
+            class="_inline-field_1o4d9_33"
+          >
+            <div
+              class="_inline-field-control_1o4d9_45"
+            >
+              <div
+                class="_container_udcm8_10"
+              >
+                <input
+                  checked=""
+                  class="_input_udcm8_24"
+                  id="mx_SettingsFlag_6hpi3YEetmBG"
+                  role="switch"
+                  type="checkbox"
+                />
+                <div
+                  class="_ui_udcm8_34"
+                />
+              </div>
+            </div>
+            <div
+              class="_inline-field-body_1o4d9_39"
+            >
+              <label
+                class="_label_1o4d9_60"
+                for="mx_SettingsFlag_6hpi3YEetmBG"
+              >
+                Enable audible notifications for this session
+              </label>
+            </div>
+          </div>
+        </form>
+        <div
+          class="mx_SettingsSubsection"
+        >
+          <div
+            class="mx_SettingsSubsectionHeading"
+          >
+            <h2
+              class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+            >
+              I want to be notified for (Default Setting)
+            </h2>
+          </div>
+          <div
+            class="mx_SettingsSubsection_description"
+          >
+            <div
+              class="mx_SettingsSubsection_text"
+            >
+              This setting will be applied by default to all your rooms.
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection_content"
+          >
+            <label
+              class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
+            >
+              <input
+                checked=""
+                id="defaultNotificationLevel-all_messages"
+                name="defaultNotificationLevel"
+                type="radio"
+                value="all_messages"
+              />
+              <div>
+                <div />
+              </div>
+              <div
+                class="mx_StyledRadioButton_content"
+              >
+                All messages
+              </div>
+              <div
+                class="mx_StyledRadioButton_spacer"
+              />
+            </label>
+            <label
+              class="mx_StyledRadioButton mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
+            >
+              <input
+                id="defaultNotificationLevel-people_mentions_keywords"
+                name="defaultNotificationLevel"
+                type="radio"
+                value="people_mentions_keywords"
+              />
+              <div>
+                <div />
+              </div>
+              <div
+                class="mx_StyledRadioButton_content"
+              >
+                People, Mentions and Keywords
+              </div>
+              <div
+                class="mx_StyledRadioButton_spacer"
+              />
+            </label>
+            <label
+              class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
+            >
+              <input
+                id="defaultNotificationLevel-mentions_keywords"
+                name="defaultNotificationLevel"
+                type="radio"
+                value="mentions_keywords"
+              />
+              <div>
+                <div />
+              </div>
+              <div
+                class="mx_StyledRadioButton_content"
+              >
+                Mentions and Keywords only
+              </div>
+              <div
+                class="mx_StyledRadioButton_spacer"
+              />
+            </label>
+          </div>
+        </div>
+        <div
+          class="mx_SettingsSubsection"
+        >
+          <div
+            class="mx_SettingsSubsectionHeading"
+          >
+            <h2
+              class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+            >
+              Play a sound for
+            </h2>
+          </div>
+          <div
+            class="mx_SettingsSubsection_description"
+          >
+            <div
+              class="mx_SettingsSubsection_text"
+            >
+              Applied by default to all rooms on all devices.
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection_content"
+          >
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        id="checkbox_OEPN1su1JY"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_OEPN1su1JY"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        People
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        id="checkbox_VtOyR5kbu3"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_VtOyR5kbu3"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Mentions and Keywords
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        id="checkbox_pEwuLn9Enn"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_pEwuLn9Enn"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Audio and Video calls
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+        <div
+          class="mx_SettingsSubsection"
+        >
+          <div
+            class="mx_SettingsSubsectionHeading"
+          >
+            <h2
+              class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+            >
+              Other things we think you might be interested in:
+            </h2>
+          </div>
+          <div
+            class="mx_SettingsSubsection_content"
+          >
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        id="checkbox_YuxfFEpOsz"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_YuxfFEpOsz"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Invited to a room
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        class="_input_153f2_18"
+                        id="checkbox_tWhQkBerF1"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_tWhQkBerF1"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        New room activity, upgrades and status messages occur
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        id="checkbox_ejc4GFes1U"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_ejc4GFes1U"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Messages sent by bots
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+        <div
+          class="mx_SettingsSubsection"
+        >
+          <div
+            class="mx_SettingsSubsectionHeading"
+          >
+            <h2
+              class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+            >
+              Mentions and Keywords
+            </h2>
+          </div>
+          <div
+            class="mx_SettingsSubsection_description"
+          >
+            <div
+              class="mx_SettingsSubsection_text"
+            >
+              <span>
+                Show a badge 
+                <div
+                  class="mx_NotificationSettings2_notificationBadge _notificationBadge_kb9ny_8 _visible_kb9ny_15 _notification_kb9ny_8 _badge2Char_kb9ny_56 cpd-theme-light"
+                  data-badge-type="badge_2char"
+                  data-notification-level="notification"
+                  data-testid="notification-badge"
+                >
+                  <span
+                    class="_count_kb9ny_39"
+                  >
+                    1
+                  </span>
+                </div>
+                 when keywords are used in a room.
+              </span>
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection_content"
+          >
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        id="checkbox_FzOK2nvfGF"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_FzOK2nvfGF"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Notify when someone mentions using @room
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_LabelledCheckbox"
+              id="mx_NotificationSettings2_MentionCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_153f2_18"
+                        id="checkbox_MldL2r2vbs"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_MldL2r2vbs"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Notify when someone mentions using @displayname or @userId:matrix.org
+                      </span>
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_LabelledCheckbox"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        aria-describedby="react-use-id-2"
+                        checked=""
+                        class="_input_153f2_18"
+                        id="checkbox_SwicmKUiOB"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_SwicmKUiOB"
+                    >
+                      <span
+                        class="mx_LabelledCheckbox_label"
+                      >
+                        Notify when someone uses a keyword
+                      </span>
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="react-use-id-2"
+                    >
+                      Enter keywords here, or use for spelling variations or nicknames
+                    </span>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="mx_TagComposer"
+            >
+              <form
+                class="mx_TagComposer_input"
+              >
+                <div
+                  class="mx_Field mx_Field_input"
+                >
+                  <input
+                    autocomplete="off"
+                    id="mx_NotificationSettings2_Keywords_field"
+                    label="Keyword"
+                    placeholder="New keyword"
+                    type="text"
+                    value=""
+                  />
+                  <label
+                    for="mx_NotificationSettings2_Keywords_field"
+                  >
+                    Keyword
+                  </label>
+                </div>
+                <div
+                  class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+                  role="button"
+                  tabindex="0"
+                >
+                  Add
+                </div>
+              </form>
+              <div
+                class="mx_TagComposer_tags"
+                role="list"
+              >
+                <div
+                  class="mx_Tag"
+                  role="listitem"
+                >
+                  justjann3
+                  <div
+                    aria-label="Remove"
+                    class="mx_AccessibleButton mx_Tag_delete"
+                    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_Tag"
+                  role="listitem"
+                >
+                  justj4nn3
+                  <div
+                    aria-label="Remove"
+                    class="mx_AccessibleButton mx_Tag_delete"
+                    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_Tag"
+                  role="listitem"
+                >
+                  justj4nne
+                  <div
+                    aria-label="Remove"
+                    class="mx_AccessibleButton mx_Tag_delete"
+                    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_Tag"
+                  role="listitem"
+                >
+                  Janne
+                  <div
+                    aria-label="Remove"
+                    class="mx_AccessibleButton mx_Tag_delete"
+                    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_Tag"
+                  role="listitem"
+                >
+                  J4nne
+                  <div
+                    aria-label="Remove"
+                    class="mx_AccessibleButton mx_Tag_delete"
+                    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_Tag"
+                  role="listitem"
+                >
+                  Jann3
+                  <div
+                    aria-label="Remove"
+                    class="mx_AccessibleButton mx_Tag_delete"
+                    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_Tag"
+                  role="listitem"
+                >
+                  jann3
+                  <div
+                    aria-label="Remove"
+                    class="mx_AccessibleButton mx_Tag_delete"
+                    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_Tag"
+                  role="listitem"
+                >
+                  j4nne
+                  <div
+                    aria-label="Remove"
+                    class="mx_AccessibleButton mx_Tag_delete"
+                    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_Tag"
+                  role="listitem"
+                >
+                  janne
+                  <div
+                    aria-label="Remove"
+                    class="mx_AccessibleButton mx_Tag_delete"
+                    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>
+            <form
+              class="_root_1o4d9_17"
+            >
+              <div
+                class="_inline-field_1o4d9_33"
+              >
+                <div
+                  class="_inline-field-control_1o4d9_45"
+                >
+                  <div
+                    class="_container_udcm8_10"
+                  >
+                    <input
+                      checked=""
+                      class="_input_udcm8_24"
+                      id="mx_SettingsFlag_kNU64raTLcRs"
+                      role="switch"
+                      type="checkbox"
+                    />
+                    <div
+                      class="_ui_udcm8_34"
+                    />
+                  </div>
+                </div>
+                <div
+                  class="_inline-field-body_1o4d9_39"
+                >
+                  <label
+                    class="_label_1o4d9_60"
+                    for="mx_SettingsFlag_kNU64raTLcRs"
+                  >
+                    Show all activity in the room list (dots or number of unread messages)
+                  </label>
+                </div>
+              </div>
+              <div
+                class="_inline-field_1o4d9_33"
+              >
+                <div
+                  class="_inline-field-control_1o4d9_45"
+                >
+                  <div
+                    class="_container_udcm8_10"
+                  >
+                    <input
+                      checked=""
+                      class="_input_udcm8_24"
+                      id="mx_SettingsFlag_QRlYy75nfv5b"
+                      role="switch"
+                      type="checkbox"
+                    />
+                    <div
+                      class="_ui_udcm8_34"
+                    />
+                  </div>
+                </div>
+                <div
+                  class="_inline-field-body_1o4d9_39"
+                >
+                  <label
+                    class="_label_1o4d9_60"
+                    for="mx_SettingsFlag_QRlYy75nfv5b"
+                  >
+                    Only show notifications in the thread activity centre
+                  </label>
+                </div>
+              </div>
+            </form>
+          </div>
+        </div>
+        <div
+          class="mx_SettingsSubsection mx_SettingsSubsection_newUi"
+        >
+          <div
+            class="mx_SettingsSubsectionHeading"
+          >
+            <h2
+              class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+            >
+              Email summary
+            </h2>
+          </div>
+          <div
+            class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
+          >
+            <div
+              class="mx_SettingsSubsection_text"
+            >
+              Receive an email summary of missed notifications
+            </div>
+            <div
+              class="mx_SettingsSubsection_description mx_NotificationPusherSettings_detail"
+            >
+              <div
+                class="mx_SettingsSubsection_text"
+              >
+                <span>
+                  Select which emails you want to send summaries to. Manage your emails in 
+                  <div
+                    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+                    role="button"
+                    tabindex="0"
+                  >
+                    General
+                  </div>
+                  .
+                </span>
+              </div>
+            </div>
+            <div
+              class="mx_SettingsIndent"
+            >
+              <div
+                class="mx_LabelledCheckbox"
+              >
+                <form
+                  class="_root_1o4d9_17"
+                >
+                  <div
+                    class="_inline-field_1o4d9_33"
+                  >
+                    <div
+                      class="_inline-field-control_1o4d9_45"
+                    >
+                      <div
+                        class="_container_153f2_10"
+                      >
+                        <input
+                          class="_input_153f2_18"
+                          id="checkbox_dvqsxEaZtl"
+                          type="checkbox"
+                        />
+                        <div
+                          class="_ui_153f2_19"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            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>
+                    <div
+                      class="_inline-field-body_1o4d9_39"
+                    >
+                      <label
+                        class="_label_1o4d9_60"
+                        for="checkbox_dvqsxEaZtl"
+                      >
+                        <span
+                          class="mx_LabelledCheckbox_label"
+                        >
+                          test@example.tld
+                        </span>
+                      </label>
+                    </div>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+          <div
+            class="_separator_13qwf_8"
+            data-kind="primary"
+            data-orientation="horizontal"
+            role="separator"
+          />
+        </div>
+        <div
+          class="mx_SettingsSubsection mx_SettingsSubsection_newUi"
+        >
+          <div
+            class="mx_SettingsSubsectionHeading"
+          >
+            <h2
+              class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+            >
+              Notification targets
+            </h2>
+          </div>
+          <div
+            class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
+          >
+            <ul>
+              <li>
+                My EyeFon
+              </li>
+            </ul>
+          </div>
+          <div
+            class="_separator_13qwf_8"
+            data-kind="primary"
+            data-orientation="horizontal"
+            role="separator"
+          />
+        </div>
+        <div
+          class="mx_SettingsSubsection"
+        >
+          <div
+            class="mx_SettingsSubsectionHeading"
+          >
+            <h2
+              class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+            >
+              Quick Actions
+            </h2>
+          </div>
+          <div
+            class="mx_SettingsSubsection_content"
+          >
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_outline"
+              role="button"
+              tabindex="0"
+            >
+              Reset to default settings
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/shared/SettingsSubsection-test.tsx b/apps/web/test/unit-tests/components/views/settings/shared/SettingsSubsection-test.tsx
new file mode 100644
index 00000000000..9f921552cfb
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/shared/SettingsSubsection-test.tsx
@@ -0,0 +1,51 @@
+/*
+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 { SettingsSubsection } from "../../../../../../src/components/views/settings/shared/SettingsSubsection";
+
+describe("<SettingsSubsection />", () => {
+    const defaultProps = {
+        heading: "Test",
+        children: <div>test settings content</div>,
+    };
+    const getComponent = (props = {}): React.ReactElement => <SettingsSubsection {...defaultProps} {...props} />;
+
+    it("renders with plain text heading", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders with react element heading", () => {
+        const heading = <h3>This is the heading</h3>;
+        const { container } = render(getComponent({ heading }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders without description", () => {
+        const { container } = render(getComponent());
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders with plain text description", () => {
+        const { container } = render(getComponent({ description: "This describes the subsection" }));
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders with react element description", () => {
+        const description = (
+            <p>
+                This describes the section <a href="/#">link</a>
+            </p>
+        );
+        const { container } = render(getComponent({ description }));
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/shared/SettingsSubsectionHeading-test.tsx b/apps/web/test/unit-tests/components/views/settings/shared/SettingsSubsectionHeading-test.tsx
new file mode 100644
index 00000000000..cdf1fd9e88e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/shared/SettingsSubsectionHeading-test.tsx
@@ -0,0 +1,30 @@
+/*
+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 { render } from "jest-matrix-react";
+import React from "react";
+
+import { SettingsSubsectionHeading } from "../../../../../../src/components/views/settings/shared/SettingsSubsectionHeading";
+
+describe("<SettingsSubsectionHeading />", () => {
+    const defaultProps = {
+        heading: "test",
+    };
+    const getComponent = (props = {}) => render(<SettingsSubsectionHeading {...defaultProps} {...props} />);
+
+    it("renders without children", () => {
+        const { container } = getComponent();
+        expect({ container }).toMatchSnapshot();
+    });
+
+    it("renders with children", () => {
+        const children = <a href="/#">test</a>;
+        const { container } = getComponent({ children });
+        expect({ container }).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/shared/__snapshots__/SettingsSubsection-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/shared/__snapshots__/SettingsSubsection-test.tsx.snap
new file mode 100644
index 00000000000..12ceddaf191
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/shared/__snapshots__/SettingsSubsection-test.tsx.snap
@@ -0,0 +1,145 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SettingsSubsection /> renders with plain text description 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Test
+      </h2>
+    </div>
+    <div
+      class="mx_SettingsSubsection_description"
+    >
+      <div
+        class="mx_SettingsSubsection_text"
+      >
+        This describes the subsection
+      </div>
+    </div>
+    <div
+      class="mx_SettingsSubsection_content"
+    >
+      <div>
+        test settings content
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<SettingsSubsection /> renders with plain text heading 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Test
+      </h2>
+    </div>
+    <div
+      class="mx_SettingsSubsection_content"
+    >
+      <div>
+        test settings content
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<SettingsSubsection /> renders with react element description 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Test
+      </h2>
+    </div>
+    <div
+      class="mx_SettingsSubsection_description"
+    >
+      <div
+        class="mx_SettingsSubsection_text"
+      >
+        <p>
+          This describes the section 
+          <a
+            href="/#"
+          >
+            link
+          </a>
+        </p>
+      </div>
+    </div>
+    <div
+      class="mx_SettingsSubsection_content"
+    >
+      <div>
+        test settings content
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<SettingsSubsection /> renders with react element heading 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection"
+  >
+    <h3>
+      This is the heading
+    </h3>
+    <div
+      class="mx_SettingsSubsection_content"
+    >
+      <div>
+        test settings content
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<SettingsSubsection /> renders without description 1`] = `
+<div>
+  <div
+    class="mx_SettingsSubsection"
+  >
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        Test
+      </h2>
+    </div>
+    <div
+      class="mx_SettingsSubsection_content"
+    >
+      <div>
+        test settings content
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/shared/__snapshots__/SettingsSubsectionHeading-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/shared/__snapshots__/SettingsSubsectionHeading-test.tsx.snap
new file mode 100644
index 00000000000..be488d96b70
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/shared/__snapshots__/SettingsSubsectionHeading-test.tsx.snap
@@ -0,0 +1,38 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SettingsSubsectionHeading /> renders with children 1`] = `
+{
+  "container": <div>
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        test
+      </h2>
+      <a
+        href="/#"
+      >
+        test
+      </a>
+    </div>
+  </div>,
+}
+`;
+
+exports[`<SettingsSubsectionHeading /> renders without children 1`] = `
+{
+  "container": <div>
+    <div
+      class="mx_SettingsSubsectionHeading"
+    >
+      <h2
+        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+      >
+        test
+      </h2>
+    </div>
+  </div>,
+}
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/SettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/SettingsTab-test.tsx
new file mode 100644
index 00000000000..72f7a85b3c7
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/SettingsTab-test.tsx
@@ -0,0 +1,21 @@
+/*
+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 } from "react";
+import { render } from "jest-matrix-react";
+
+import SettingsTab, { type SettingsTabProps } from "../../../../../../src/components/views/settings/tabs/SettingsTab";
+
+describe("<SettingsTab />", () => {
+    const getComponent = (props: SettingsTabProps): ReactElement => <SettingsTab {...props} />;
+    it("renders tab", () => {
+        const { container } = render(getComponent({ children: <div>test</div> }));
+
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/__snapshots__/SettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/__snapshots__/SettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..e4894c2513a
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/__snapshots__/SettingsTab-test.tsx.snap
@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SettingsTab /> renders tab 1`] = `
+<div>
+  <div
+    class="mx_SettingsTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div>
+        test
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/AdvancedRoomSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/room/AdvancedRoomSettingsTab-test.tsx
new file mode 100644
index 00000000000..b587c036268
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/AdvancedRoomSettingsTab-test.tsx
@@ -0,0 +1,164 @@
+/*
+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 { fireEvent, render, type RenderResult, screen } from "jest-matrix-react";
+import { type MatrixClient, type Room, EventType, MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import AdvancedRoomSettingsTab from "../../../../../../../src/components/views/settings/tabs/room/AdvancedRoomSettingsTab";
+import { mkEvent, mkStubRoom, stubClient } from "../../../../../../test-utils";
+import dis from "../../../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../../../src/dispatcher/actions";
+import { MatrixClientPeg } from "../../../../../../../src/MatrixClientPeg";
+import SettingsStore from "../../../../../../../src/settings/SettingsStore";
+
+jest.mock("../../../../../../../src/dispatcher/dispatcher");
+
+describe("AdvancedRoomSettingsTab", () => {
+    const roomId = "!room:example.com";
+    let cli: MatrixClient;
+    let room: Room;
+
+    const renderTab = (): RenderResult => {
+        return render(<AdvancedRoomSettingsTab room={room} closeSettingsFn={jest.fn()} />);
+    };
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        room = mkStubRoom(roomId, "test room", cli);
+        mocked(cli.getRoom).mockReturnValue(room);
+        mocked(dis.dispatch).mockReset();
+        mocked(room.findPredecessor).mockImplementation((msc3946: boolean) =>
+            msc3946
+                ? { roomId: "old_room_id_via_predecessor", viaServers: ["one.example.com", "two.example.com"] }
+                : { roomId: "old_room_id", eventId: "tombstone_event_id" },
+        );
+    });
+
+    it("should render as expected", () => {
+        const tab = renderTab();
+        expect(tab.asFragment()).toMatchSnapshot();
+    });
+
+    it("should display room ID", () => {
+        const tab = renderTab();
+        tab.getByText(roomId);
+    });
+
+    it("should display room version", () => {
+        mocked(room.getVersion).mockReturnValue("custom_room_version_1");
+
+        const tab = renderTab();
+        tab.getByText("custom_room_version_1");
+    });
+
+    it("displays message when room cannot federate", () => {
+        const createEvent = new MatrixEvent({
+            sender: "@a:b.com",
+            type: EventType.RoomCreate,
+            content: { "m.federate": false },
+            room_id: room.roomId,
+            state_key: "",
+        });
+        jest.spyOn(room.currentState, "getStateEvents").mockImplementation((type) =>
+            type === EventType.RoomCreate ? createEvent : null,
+        );
+
+        renderTab();
+        expect(screen.getByText("This room is not accessible by remote Matrix servers")).toBeInTheDocument();
+    });
+
+    function mockStateEvents(room: Room) {
+        const createEvent = mkEvent({
+            event: true,
+            user: "@a:b.com",
+            type: EventType.RoomCreate,
+            content: { predecessor: { room_id: "old_room_id", event_id: "tombstone_event_id" } },
+            room: room.roomId,
+        });
+
+        // Because we're mocking Room.findPredecessor, it may not be necessary
+        // to provide the actual event here, but we do need the create event,
+        // and in future this may be needed, so included for symmetry.
+        const predecessorEvent = mkEvent({
+            event: true,
+            user: "@a:b.com",
+            type: EventType.RoomPredecessor,
+            content: { predecessor_room_id: "old_room_id_via_predecessor" },
+            room: room.roomId,
+        });
+
+        type GetStateEvents2Args = (eventType: EventType | string, stateKey: string) => MatrixEvent | null;
+
+        const getStateEvents = jest.spyOn(
+            room.currentState,
+            "getStateEvents",
+        ) as unknown as jest.MockedFunction<GetStateEvents2Args>;
+
+        getStateEvents.mockImplementation((eventType: string | null, _key: string) => {
+            switch (eventType) {
+                case EventType.RoomCreate:
+                    return createEvent;
+                case EventType.RoomPredecessor:
+                    return predecessorEvent;
+                default:
+                    return null;
+            }
+        });
+    }
+
+    it("should link to predecessor room", async () => {
+        mockStateEvents(room);
+        const tab = renderTab();
+        const link = await tab.findByText("View older messages in test room.");
+        fireEvent.click(link);
+        expect(dis.dispatch).toHaveBeenCalledWith({
+            action: Action.ViewRoom,
+            event_id: "tombstone_event_id",
+            room_id: "old_room_id",
+            metricsTrigger: "WebPredecessorSettings",
+            metricsViaKeyboard: false,
+        });
+    });
+
+    describe("When MSC3946 support is enabled", () => {
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue")
+                .mockReset()
+                .mockImplementation((settingName) => settingName === "feature_dynamic_room_predecessors");
+        });
+
+        it("should link to predecessor room via MSC3946 if enabled", async () => {
+            mockStateEvents(room);
+            const tab = renderTab();
+            const link = await tab.findByText("View older messages in test room.");
+            fireEvent.click(link);
+            expect(dis.dispatch).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                event_id: undefined,
+                room_id: "old_room_id_via_predecessor",
+                via_servers: ["one.example.com", "two.example.com"],
+                metricsTrigger: "WebPredecessorSettings",
+                metricsViaKeyboard: false,
+            });
+        });
+
+        it("handles when room is a space", async () => {
+            mockStateEvents(room);
+            jest.spyOn(room, "isSpaceRoom").mockReturnValue(true);
+
+            mockStateEvents(room);
+            const tab = renderTab();
+            const link = await tab.findByText("View older version of test room.");
+            expect(link).toBeInTheDocument();
+            expect(screen.getByText("Space information")).toBeInTheDocument();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/BridgeSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/room/BridgeSettingsTab-test.tsx
new file mode 100644
index 00000000000..298d4502c33
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/BridgeSettingsTab-test.tsx
@@ -0,0 +1,53 @@
+/*
+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 { MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+
+import BridgeSettingsTab from "../../../../../../../src/components/views/settings/tabs/room/BridgeSettingsTab";
+import { getMockClientWithEventEmitter, withClientContextRenderOptions } from "../../../../../../test-utils";
+
+describe("<BridgeSettingsTab />", () => {
+    const userId = "@alice:server.org";
+    const client = getMockClientWithEventEmitter({
+        getRoom: jest.fn(),
+    });
+    const roomId = "!room:server.org";
+
+    const getComponent = (room: Room) =>
+        render(<BridgeSettingsTab room={room} />, withClientContextRenderOptions(client));
+
+    it("renders when room is not bridging messages to any platform", () => {
+        const room = new Room(roomId, client, userId);
+
+        const { container } = getComponent(room);
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders when room is bridging messages", () => {
+        const bridgeEvent = new MatrixEvent({
+            type: "uk.half-shot.bridge",
+            content: {
+                channel: { id: "channel-test" },
+                protocol: { id: "protocol-test" },
+                bridgebot: "test",
+            },
+            room_id: roomId,
+            state_key: "1",
+        });
+        const room = new Room(roomId, client, userId);
+        room.currentState.setStateEvents([bridgeEvent]);
+        client.getRoom.mockReturnValue(room);
+
+        const { container } = getComponent(room);
+
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/NotificationSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/room/NotificationSettingsTab-test.tsx
new file mode 100644
index 00000000000..cda673f41f6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/NotificationSettingsTab-test.tsx
@@ -0,0 +1,76 @@
+/*
+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, type RenderResult, screen, within } from "jest-matrix-react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import userEvent from "@testing-library/user-event";
+
+import NotificationSettingsTab from "../../../../../../../src/components/views/settings/tabs/room/NotificationSettingsTab";
+import { mkStubRoom, stubClient } from "../../../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../../../src/MatrixClientPeg";
+import { EchoChamber } from "../../../../../../../src/stores/local-echo/EchoChamber";
+import { type RoomEchoChamber } from "../../../../../../../src/stores/local-echo/RoomEchoChamber";
+import SettingsStore from "../../../../../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../../../../../src/settings/SettingLevel";
+
+describe("NotificationSettingsTab", () => {
+    const roomId = "!room:example.com";
+    let cli: MatrixClient;
+    let roomProps: RoomEchoChamber;
+
+    const renderTab = (): RenderResult => {
+        return render(<NotificationSettingsTab roomId={roomId} closeSettingsFn={() => {}} />);
+    };
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        const room = mkStubRoom(roomId, "test room", cli);
+        roomProps = EchoChamber.forRoom(room);
+
+        NotificationSettingsTab.contextType = React.createContext<MatrixClient>(cli);
+    });
+
+    afterEach(() => {
+        SettingsStore.reset();
+    });
+
+    it("should prevent »Settings« link click from bubbling up to radio buttons", async () => {
+        const tab = renderTab();
+
+        // settings link of mentions_only volume
+        const settingsLink = within(tab.getByText("@mentions and replies only")).getByRole("button", {
+            name: "settings",
+        });
+        if (!settingsLink) throw new Error("settings link does not exist.");
+
+        await userEvent.click(settingsLink);
+
+        expect(roomProps.notificationVolume).not.toBe("mentions_only");
+    });
+
+    it("should show the currently chosen custom notification sound", async () => {
+        SettingsStore.setValue("notificationSound", roomId, SettingLevel.ACCOUNT, {
+            url: "mxc://server/custom-sound-123",
+            name: "custom-sound-123",
+        });
+        renderTab();
+
+        await screen.findByText("custom-sound-123");
+    });
+
+    it("should show the currently chosen custom notification sound url if no name", async () => {
+        SettingsStore.setValue("notificationSound", roomId, SettingLevel.ACCOUNT, {
+            url: "mxc://server/custom-sound-123",
+        });
+        renderTab();
+
+        await screen.findByText("http://this.is.a.url/server/custom-sound-123");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx
new file mode 100644
index 00000000000..c5fa2d8fe49
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx
@@ -0,0 +1,210 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Nordeck IT + Consulting GmbH
+
+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 { act, fireEvent, render, screen } from "jest-matrix-react";
+import {
+    EventTimeline,
+    EventType,
+    MatrixError,
+    MatrixEvent,
+    Room,
+    RoomMember,
+    RoomStateEvent,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import React from "react";
+
+import ErrorDialog from "../../../../../../../src/components/views/dialogs/ErrorDialog";
+import { PeopleRoomSettingsTab } from "../../../../../../../src/components/views/settings/tabs/room/PeopleRoomSettingsTab";
+import MatrixClientContext from "../../../../../../../src/contexts/MatrixClientContext";
+import Modal from "../../../../../../../src/Modal";
+import { flushPromises, getMockClientWithEventEmitter } from "../../../../../../test-utils";
+
+describe("PeopleRoomSettingsTab", () => {
+    const client = getMockClientWithEventEmitter({
+        getUserId: jest.fn(),
+        invite: jest.fn(),
+        kick: jest.fn(),
+        mxcUrlToHttp: (mxcUrl: string) => mxcUrl,
+    });
+    const roomId = "#ask-to-join:example.org";
+    const userId = "@alice:example.org";
+    const member = new RoomMember(roomId, userId);
+    const room = new Room(roomId, client, userId);
+    const state = room.getLiveTimeline().getState(EventTimeline.FORWARDS)!;
+
+    const getButton = (name: "Approve" | "Deny" | "See less" | "See more") => screen.getByRole("button", { name });
+    const getComponent = (room: Room) =>
+        render(
+            <MatrixClientContext.Provider value={client}>
+                <PeopleRoomSettingsTab room={room} />
+            </MatrixClientContext.Provider>,
+        );
+    const getGroup = () => screen.getByRole("group", { name: "Asking to join" });
+    const getParagraph = () => document.querySelector("p");
+
+    it("renders a heading", () => {
+        getComponent(room);
+        expect(screen.getByRole("heading")).toHaveTextContent("People");
+    });
+
+    it('renders a group "asking to join"', () => {
+        getComponent(room);
+        expect(getGroup()).toBeInTheDocument();
+    });
+
+    describe("without requests to join", () => {
+        it('renders a paragraph "no requests"', () => {
+            getComponent(room);
+            expect(getParagraph()).toHaveTextContent("No requests");
+        });
+    });
+
+    describe("with requests to join", () => {
+        const error = new MatrixError();
+        const knockUserId = "@albert.einstein:example.org";
+        const knockMember = new RoomMember(roomId, knockUserId);
+        const reason =
+            "There are only two ways to live your life. One is as though nothing is a miracle. The other is as though everything is a miracle.";
+
+        beforeEach(() => {
+            jest.spyOn(Modal, "createDialog");
+            jest.spyOn(room, "canInvite").mockReturnValue(true);
+            jest.spyOn(room, "getMember").mockReturnValue(member);
+            jest.spyOn(room, "getMembersWithMembership").mockReturnValue([knockMember]);
+            jest.spyOn(state, "hasSufficientPowerLevelFor").mockReturnValue(true);
+
+            knockMember.setMembershipEvent(
+                new MatrixEvent({
+                    content: {
+                        avatar_url: "mxc://example.org/albert-einstein.png",
+                        displayname: "Albert Einstein",
+                        membership: KnownMembership.Knock,
+                        reason,
+                    },
+                    origin_server_ts: -464140800000,
+                    type: EventType.RoomMember,
+                }),
+            );
+        });
+
+        it("renders requests fully", () => {
+            getComponent(room);
+            expect(getGroup()).toMatchSnapshot();
+        });
+
+        it("renders requests reduced", () => {
+            knockMember.setMembershipEvent(
+                new MatrixEvent({
+                    content: {
+                        displayname: "albert.einstein",
+                        membership: KnownMembership.Knock,
+                    },
+                    type: EventType.RoomMember,
+                }),
+            );
+            getComponent(room);
+            expect(getGroup()).toMatchSnapshot();
+        });
+
+        it("allows to expand a reason", () => {
+            getComponent(room);
+            fireEvent.click(getButton("See more"));
+            expect(getGroup().querySelector("p")).toHaveTextContent(reason);
+        });
+
+        it("allows to collapse a reason", () => {
+            getComponent(room);
+            fireEvent.click(getButton("See more"));
+            fireEvent.click(getButton("See less"));
+            expect(getParagraph()).toHaveTextContent(`${reason.substring(0, 120)}…`);
+        });
+
+        it("does not truncate a reason unnecessarily", () => {
+            const reason = "I have no special talents. I am only passionately curious.";
+            knockMember.setMembershipEvent(
+                new MatrixEvent({
+                    content: {
+                        displayname: "albert.einstein",
+                        membership: KnownMembership.Knock,
+                        reason,
+                    },
+                    type: EventType.RoomMember,
+                }),
+            );
+            getComponent(room);
+            expect(getParagraph()).toHaveTextContent(reason);
+        });
+
+        it("disables the deny button if the power level is insufficient", () => {
+            jest.spyOn(state, "hasSufficientPowerLevelFor").mockReturnValue(false);
+            getComponent(room);
+            expect(getButton("Deny")).toHaveAttribute("disabled");
+        });
+
+        it("calls kick on deny", () => {
+            jest.spyOn(client, "kick").mockResolvedValue({});
+            getComponent(room);
+            fireEvent.click(getButton("Deny"));
+            expect(client.kick).toHaveBeenCalledWith(roomId, knockUserId);
+        });
+
+        it("fails to deny a request", async () => {
+            jest.spyOn(client, "kick").mockRejectedValue(error);
+            getComponent(room);
+            fireEvent.click(getButton("Deny"));
+            await act(() => flushPromises());
+            expect(Modal.createDialog).toHaveBeenCalledWith(ErrorDialog, {
+                title: error.name,
+                description: error.message,
+            });
+        });
+
+        it("succeeds to deny a request", () => {
+            jest.spyOn(room, "getMembersWithMembership").mockReturnValue([]);
+            getComponent(room);
+            act(() => {
+                room.emit(RoomStateEvent.Update, state);
+            });
+            expect(getParagraph()).toHaveTextContent("No requests");
+        });
+
+        it("disables the approve button if the power level is insufficient", () => {
+            jest.spyOn(room, "canInvite").mockReturnValue(false);
+            getComponent(room);
+            expect(getButton("Approve")).toHaveAttribute("disabled");
+        });
+
+        it("calls invite on approve", () => {
+            jest.spyOn(client, "invite").mockResolvedValue({});
+            getComponent(room);
+            fireEvent.click(getButton("Approve"));
+            expect(client.invite).toHaveBeenCalledWith(roomId, knockUserId);
+        });
+
+        it("fails to approve a request", async () => {
+            jest.spyOn(client, "invite").mockRejectedValue(error);
+            getComponent(room);
+            fireEvent.click(getButton("Approve"));
+            await act(() => flushPromises());
+            expect(Modal.createDialog).toHaveBeenCalledWith(ErrorDialog, {
+                title: error.name,
+                description: error.message,
+            });
+        });
+
+        it("succeeds to approve a request", () => {
+            jest.spyOn(room, "getMembersWithMembership").mockReturnValue([]);
+            getComponent(room);
+            act(() => {
+                room.emit(RoomStateEvent.Update, state);
+            });
+            expect(getParagraph()).toHaveTextContent("No requests");
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/RolesRoomSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/room/RolesRoomSettingsTab-test.tsx
new file mode 100644
index 00000000000..52487800b87
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/RolesRoomSettingsTab-test.tsx
@@ -0,0 +1,291 @@
+/*
+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 { fireEvent, getByRole, render, type RenderResult, screen, waitFor } from "jest-matrix-react";
+import {
+    type MatrixClient,
+    EventType,
+    MatrixEvent,
+    Room,
+    RoomMember,
+    type ISendEventResponse,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { mocked } from "jest-mock";
+import userEvent from "@testing-library/user-event";
+
+import RolesRoomSettingsTab from "../../../../../../../src/components/views/settings/tabs/room/RolesRoomSettingsTab";
+import { mkStubRoom, withClientContextRenderOptions, stubClient } from "../../../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../../../src/MatrixClientPeg";
+import SdkConfig from "../../../../../../../src/SdkConfig";
+import { ElementCallEventType, ElementCallMemberEventType } from "../../../../../../../src/call-types";
+
+describe("RolesRoomSettingsTab", () => {
+    const userId = "@alice:server.org";
+    const roomId = "!room:example.com";
+    let cli: MatrixClient;
+    let room: Room;
+
+    const renderTab = async (propRoom: Room = room): Promise<RenderResult> => {
+        const renderResult = render(<RolesRoomSettingsTab room={propRoom} />, withClientContextRenderOptions(cli));
+        // Wait for the tab to be ready
+        await waitFor(() => expect(screen.getByText("Permissions")).toBeInTheDocument());
+        return renderResult;
+    };
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        room = mkStubRoom(roomId, "test room", cli);
+    });
+
+    it("should allow an Admin to demote themselves but not others", async () => {
+        mocked(cli.getRoom).mockReturnValue(room);
+        // @ts-ignore - mocked doesn't support overloads properly
+        mocked(room.currentState.getStateEvents).mockImplementation((type, key) => {
+            if (key === undefined) return [] as MatrixEvent[];
+            if (type === "m.room.power_levels") {
+                return new MatrixEvent({
+                    sender: "@sender:server",
+                    room_id: roomId,
+                    type: "m.room.power_levels",
+                    state_key: "",
+                    content: {
+                        users: {
+                            [cli.getUserId()!]: 100,
+                            "@admin:server": 100,
+                        },
+                    },
+                });
+            }
+            return null;
+        });
+        mocked(room.currentState.mayClientSendStateEvent).mockReturnValue(true);
+        const { container } = await renderTab();
+
+        expect(container.querySelector(`[placeholder="${cli.getUserId()}"]`)).not.toBeDisabled();
+        expect(container.querySelector(`[placeholder="@admin:server"]`)).toBeDisabled();
+    });
+
+    describe("Element Call", () => {
+        const setGroupCallsEnabled = (val: boolean): void => {
+            SdkConfig.put({ element_call: { disable: !val } });
+        };
+
+        afterEach(() => {
+            SdkConfig.reset();
+        });
+
+        const getStartCallSelect = (tab: RenderResult): HTMLElement => {
+            return tab.container.querySelector("select[label='Start Element Call calls']")!;
+        };
+
+        const getStartCallSelectedOption = (tab: RenderResult): HTMLElement => {
+            return tab.container.querySelector("select[label='Start Element Call calls'] option:checked")!;
+        };
+
+        const getJoinCallSelect = (tab: RenderResult): HTMLElement => {
+            return tab.container.querySelector("select[label='Join Element Call calls']")!;
+        };
+
+        const getJoinCallSelectedOption = (tab: RenderResult): HTMLElement => {
+            return tab.container.querySelector("select[label='Join Element Call calls'] option:checked")!;
+        };
+
+        describe("Element Call enabled", () => {
+            beforeEach(() => {
+                setGroupCallsEnabled(true);
+            });
+
+            describe("Join Element calls", () => {
+                it("defaults to moderator for joining calls", async () => {
+                    expect(getJoinCallSelectedOption(await renderTab())?.textContent).toBe("Moderator");
+                });
+
+                it("can change joining calls power level", async () => {
+                    const tab = await renderTab();
+
+                    fireEvent.change(getJoinCallSelect(tab), {
+                        target: { value: 0 },
+                    });
+
+                    expect(getJoinCallSelectedOption(tab)?.textContent).toBe("Default");
+                    expect(cli.sendStateEvent).toHaveBeenCalledWith(roomId, EventType.RoomPowerLevels, {
+                        events: {
+                            [ElementCallMemberEventType.name]: 0,
+                        },
+                    });
+                });
+            });
+
+            describe("Start Element calls", () => {
+                it("defaults to moderator for starting calls", async () => {
+                    expect(getStartCallSelectedOption(await renderTab())?.textContent).toBe("Moderator");
+                });
+
+                it("can change starting calls power level", async () => {
+                    const tab = await renderTab();
+
+                    fireEvent.change(getStartCallSelect(tab), {
+                        target: { value: 0 },
+                    });
+
+                    expect(getStartCallSelectedOption(tab)?.textContent).toBe("Default");
+                    expect(cli.sendStateEvent).toHaveBeenCalledWith(roomId, EventType.RoomPowerLevels, {
+                        events: {
+                            [ElementCallEventType.name]: 0,
+                        },
+                    });
+                });
+            });
+        });
+
+        it("hides when group calls disabled", async () => {
+            setGroupCallsEnabled(false);
+
+            const tab = await renderTab();
+
+            expect(getStartCallSelect(tab)).toBeFalsy();
+            expect(getStartCallSelectedOption(tab)).toBeFalsy();
+
+            expect(getJoinCallSelect(tab)).toBeFalsy();
+            expect(getJoinCallSelectedOption(tab)).toBeFalsy();
+        });
+    });
+
+    describe("Banned users", () => {
+        it("should not render banned section when no banned users", () => {
+            const room = new Room(roomId, cli, userId);
+            renderTab(room);
+
+            expect(screen.queryByText("Banned users")).not.toBeInTheDocument();
+        });
+
+        it("renders banned users", () => {
+            const bannedMember = new RoomMember(roomId, "@bob:server.org");
+            bannedMember.setMembershipEvent(
+                new MatrixEvent({
+                    type: EventType.RoomMember,
+                    content: {
+                        membership: KnownMembership.Ban,
+                        reason: "just testing",
+                    },
+                    sender: userId,
+                }),
+            );
+            const room = new Room(roomId, cli, userId);
+            jest.spyOn(room, "getMembersWithMembership").mockReturnValue([bannedMember]);
+            renderTab(room);
+
+            expect(screen.getByText("Banned users").parentElement).toMatchSnapshot();
+        });
+
+        it("uses banners display name when available", () => {
+            const bannedMember = new RoomMember(roomId, "@bob:server.org");
+            const senderMember = new RoomMember(roomId, "@alice:server.org");
+            senderMember.name = "Alice";
+            bannedMember.setMembershipEvent(
+                new MatrixEvent({
+                    type: EventType.RoomMember,
+                    content: {
+                        membership: KnownMembership.Ban,
+                        reason: "just testing",
+                    },
+                    sender: userId,
+                }),
+            );
+            const room = new Room(roomId, cli, userId);
+            jest.spyOn(room, "getMembersWithMembership").mockReturnValue([bannedMember]);
+            jest.spyOn(room, "getMember").mockReturnValue(senderMember);
+            renderTab(room);
+
+            expect(screen.getByTitle("Banned by Alice")).toBeInTheDocument();
+        });
+    });
+
+    it("should roll back power level change on error", async () => {
+        const deferred = Promise.withResolvers<ISendEventResponse>();
+        mocked(cli.sendStateEvent).mockReturnValue(deferred.promise);
+        mocked(cli.getRoom).mockReturnValue(room);
+        // @ts-ignore - mocked doesn't support overloads properly
+        mocked(room.currentState.getStateEvents).mockImplementation((type, key) => {
+            if (key === undefined) return [] as MatrixEvent[];
+            if (type === "m.room.power_levels") {
+                return new MatrixEvent({
+                    sender: "@sender:server",
+                    room_id: roomId,
+                    type: "m.room.power_levels",
+                    state_key: "",
+                    content: {
+                        users: {
+                            [cli.getUserId()!]: 100,
+                            // needs at least one remaning admin in the room if we want to demote our user
+                            // otherwise another modal will be displayed
+                            ["@admin:server"]: 100,
+                        },
+                    },
+                });
+            }
+            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()}"]`)!;
+        fireEvent.change(selector, { target: { value: "50" } });
+        expect(selector).toHaveValue("50");
+
+        // Get the apply button of the privileged user section and click on it
+        const privilegedUsersSection = screen.getByRole("group", { name: "Privileged Users" });
+        const applyButton = getByRole(privilegedUsersSection, "button", { name: "Apply" });
+        await userEvent.click(applyButton);
+
+        deferred.reject("Error");
+        await waitFor(() => expect(selector).toHaveValue("100"));
+    });
+
+    it("should allow changing events power levels", async () => {
+        mocked(cli.sendStateEvent).mockResolvedValue({ event_id: "$eventId" });
+        mocked(cli.getRoom).mockReturnValue(room);
+        mocked(room.currentState.mayClientSendStateEvent).mockReturnValue(true);
+        const { container } = await renderTab();
+
+        const selector = container.querySelector(`[placeholder="Change topic"]`)!;
+        fireEvent.change(selector, { target: { value: "0" } });
+
+        expect(cli.sendStateEvent).toHaveBeenCalledWith(
+            room.roomId,
+            "m.room.power_levels",
+            expect.objectContaining({
+                events: expect.objectContaining({
+                    "m.room.topic": 0,
+                }),
+            }),
+        );
+    });
+
+    it("should allow changing top level power levels", async () => {
+        mocked(cli.sendStateEvent).mockResolvedValue({ event_id: "$eventId" });
+        mocked(cli.getRoom).mockReturnValue(room);
+        mocked(room.currentState.mayClientSendStateEvent).mockReturnValue(true);
+        const { container } = await renderTab();
+
+        const selector = container.querySelector(`[placeholder="Remove users"]`)!;
+        fireEvent.change(selector, { target: { value: "0" } });
+
+        expect(cli.sendStateEvent).toHaveBeenCalledWith(
+            room.roomId,
+            "m.room.power_levels",
+            expect.objectContaining({
+                kick: 0,
+            }),
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/SecurityRoomSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/room/SecurityRoomSettingsTab-test.tsx
new file mode 100644
index 00000000000..f744cc1d33b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/SecurityRoomSettingsTab-test.tsx
@@ -0,0 +1,640 @@
+/*
+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 { fireEvent, render, screen, waitFor, within } from "jest-matrix-react";
+import { EventType, GuestAccess, HistoryVisibility, JoinRule, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { mocked } from "jest-mock";
+import { type RoomPowerLevelsEventContent } from "matrix-js-sdk/src/types";
+
+import SecurityRoomSettingsTab from "../../../../../../../src/components/views/settings/tabs/room/SecurityRoomSettingsTab";
+import MatrixClientContext from "../../../../../../../src/contexts/MatrixClientContext";
+import SettingsStore from "../../../../../../../src/settings/SettingsStore";
+import { clearAllModals, flushPromises, stubClient } from "../../../../../../test-utils";
+import { filterBoolean } from "../../../../../../../src/utils/arrays";
+
+describe("<SecurityRoomSettingsTab />", () => {
+    const userId = "@alice:server.org";
+    const client = mocked(stubClient());
+    const roomId = "!room:server.org";
+
+    const getComponent = (room: Room, closeSettingsFn = jest.fn()) =>
+        render(<SecurityRoomSettingsTab room={room} closeSettingsFn={closeSettingsFn} />, {
+            wrapper: ({ children }) => (
+                <MatrixClientContext.Provider value={client}>{children}</MatrixClientContext.Provider>
+            ),
+        });
+
+    const setRoomStateEvents = (
+        room: Room,
+        joinRule?: JoinRule,
+        guestAccess?: GuestAccess,
+        history?: HistoryVisibility,
+    ): void => {
+        const events = filterBoolean<MatrixEvent>([
+            new MatrixEvent({
+                type: EventType.RoomCreate,
+                content: { version: "test" },
+                sender: userId,
+                state_key: "",
+                room_id: room.roomId,
+            }),
+            guestAccess &&
+                new MatrixEvent({
+                    type: EventType.RoomGuestAccess,
+                    content: { guest_access: guestAccess },
+                    sender: userId,
+                    state_key: "",
+                    room_id: room.roomId,
+                }),
+            history &&
+                new MatrixEvent({
+                    type: EventType.RoomHistoryVisibility,
+                    content: { history_visibility: history },
+                    sender: userId,
+                    state_key: "",
+                    room_id: room.roomId,
+                }),
+            joinRule &&
+                new MatrixEvent({
+                    type: EventType.RoomJoinRules,
+                    content: { join_rule: joinRule },
+                    sender: userId,
+                    state_key: "",
+                    room_id: room.roomId,
+                }),
+        ]);
+
+        room.currentState.setStateEvents(events);
+    };
+
+    beforeEach(async () => {
+        client.sendStateEvent.mockReset().mockResolvedValue({ event_id: "test" });
+        jest.spyOn(client.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(false);
+        client.getClientWellKnown.mockReturnValue(undefined);
+        jest.spyOn(SettingsStore, "getValue").mockRestore();
+
+        await clearAllModals();
+    });
+
+    describe("join rule", () => {
+        it("warns when trying to make an encrypted room public", 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.getByLabelText("Encrypted")).toBeChecked());
+            fireEvent.click(screen.getByLabelText("Anyone"));
+
+            const modal = await screen.findByRole("dialog");
+
+            expect(modal).toMatchSnapshot();
+
+            fireEvent.click(screen.getByText("Cancel"));
+
+            // join rule not updated
+            expect(screen.getByLabelText("Invite only").hasAttribute("checked")).toBeTruthy();
+        });
+
+        it("updates join rule", async () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, JoinRule.Invite);
+
+            getComponent(room);
+
+            fireEvent.click(screen.getByLabelText("Anyone"));
+
+            await flushPromises();
+
+            expect(client.sendStateEvent).toHaveBeenCalledWith(
+                room.roomId,
+                EventType.RoomJoinRules,
+                {
+                    join_rule: JoinRule.Public,
+                },
+                "",
+            );
+        });
+
+        it("handles changing room to private with world_readable history visiblity", async () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, JoinRule.Public, undefined, HistoryVisibility.WorldReadable);
+
+            getComponent(room);
+
+            fireEvent.click(screen.getByLabelText("Invite only"));
+
+            await flushPromises();
+
+            expect(client.sendStateEvent).toHaveBeenCalledWith(
+                room.roomId,
+                EventType.RoomHistoryVisibility,
+                {
+                    history_visibility: HistoryVisibility.Shared,
+                },
+                "",
+            );
+            expect(client.sendStateEvent).toHaveBeenCalledWith(
+                room.roomId,
+                EventType.RoomJoinRules,
+                {
+                    join_rule: JoinRule.Invite,
+                },
+                "",
+            );
+        });
+
+        it("doesn't change room to private when user lacks permissions for history visibility", async () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, JoinRule.Public, undefined, HistoryVisibility.WorldReadable);
+            room.currentState.setStateEvents([
+                new MatrixEvent({
+                    type: EventType.RoomPowerLevels,
+                    content: {
+                        users: { [userId]: 50 },
+                        state_default: 50,
+                        events: {
+                            [EventType.RoomJoinRules]: 50,
+                            [EventType.RoomHistoryVisibility]: 100,
+                        },
+                    } as RoomPowerLevelsEventContent,
+                    sender: userId,
+                    state_key: "",
+                    room_id: room.roomId,
+                }),
+            ]);
+
+            getComponent(room);
+            fireEvent.click(screen.getByLabelText("Invite only"));
+            await flushPromises();
+            // Ensure we don't make any changes
+            expect(client.sendStateEvent).not.toHaveBeenCalled();
+        });
+
+        it("doesn't change room to private when history visibility change fails", async () => {
+            client.sendStateEvent.mockRejectedValue("Failed");
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, JoinRule.Public, undefined, HistoryVisibility.WorldReadable);
+
+            getComponent(room);
+            fireEvent.click(screen.getByLabelText("Invite only"));
+            await flushPromises();
+            expect(client.sendStateEvent).toHaveBeenCalledWith(
+                room.roomId,
+                EventType.RoomHistoryVisibility,
+                {
+                    history_visibility: HistoryVisibility.Shared,
+                },
+                "",
+            );
+            // Ensure we don't make any changes
+            expect(client.sendStateEvent).not.toHaveBeenCalledWith(
+                room.roomId,
+                EventType.RoomJoinRules,
+                {
+                    join_rule: JoinRule.Invite,
+                },
+                "",
+            );
+        });
+
+        it("handles error when updating join rule fails", async () => {
+            const room = new Room(roomId, client, userId);
+            client.sendStateEvent.mockRejectedValue("oups");
+            setRoomStateEvents(room, JoinRule.Invite);
+
+            getComponent(room);
+
+            fireEvent.click(screen.getByLabelText("Anyone"));
+
+            await flushPromises();
+
+            const dialog = await screen.findByRole("dialog");
+
+            expect(dialog).toMatchSnapshot();
+
+            fireEvent.click(within(dialog).getByText("OK"));
+        });
+
+        it("displays advanced section toggle when join rule is public", () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, JoinRule.Public);
+
+            getComponent(room);
+
+            expect(screen.getByText("Show advanced")).toBeInTheDocument();
+        });
+
+        it("does not display advanced section toggle when join rule is not public", () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, JoinRule.Invite);
+
+            getComponent(room);
+
+            expect(screen.queryByText("Show advanced")).not.toBeInTheDocument();
+        });
+    });
+
+    describe("guest access", () => {
+        it("uses forbidden by default when room has no guest access event", () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, JoinRule.Public);
+
+            getComponent(room);
+
+            fireEvent.click(screen.getByText("Show advanced"));
+
+            expect(screen.getByLabelText("Enable guest access")).not.toBeChecked();
+        });
+
+        it("updates guest access on toggle", () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, JoinRule.Public);
+            getComponent(room);
+            fireEvent.click(screen.getByText("Show advanced"));
+
+            fireEvent.click(screen.getByLabelText("Enable guest access"));
+
+            // toggle set immediately
+            expect(screen.getByLabelText("Enable guest access")).toBeChecked();
+
+            expect(client.sendStateEvent).toHaveBeenCalledWith(
+                room.roomId,
+                EventType.RoomGuestAccess,
+                { guest_access: GuestAccess.CanJoin },
+                "",
+            );
+        });
+
+        it("logs error and resets state when updating guest access fails", async () => {
+            client.sendStateEvent.mockRejectedValue("oups");
+            jest.spyOn(logger, "error").mockImplementation(() => {});
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, JoinRule.Public, GuestAccess.CanJoin);
+            getComponent(room);
+            fireEvent.click(screen.getByText("Show advanced"));
+
+            fireEvent.click(screen.getByLabelText("Enable guest access"));
+
+            // toggle set immediately
+            expect(screen.getByLabelText("Enable guest access")).not.toBeChecked();
+
+            await flushPromises();
+            expect(client.sendStateEvent).toHaveBeenCalled();
+            expect(logger.error).toHaveBeenCalledWith("oups");
+
+            // toggle reset to old value
+            expect(screen.getByLabelText("Enable guest access")).toBeChecked();
+        });
+    });
+
+    describe("history visibility", () => {
+        it("does not render section when RoomHistorySettings feature is disabled", () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room);
+
+            getComponent(room);
+
+            expect(screen.queryByText("Who can read history")).not.toBeInTheDocument();
+        });
+
+        it("uses shared as default history visibility when no state event found", () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room);
+
+            getComponent(room);
+
+            expect(screen.getByText("Who can read history?").parentElement).toMatchSnapshot();
+            expect(screen.getByDisplayValue(HistoryVisibility.Shared)).toBeChecked();
+        });
+
+        it("does not render world readable option when room is encrypted", async () => {
+            const room = new Room(roomId, client, userId);
+            jest.spyOn(client.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+            setRoomStateEvents(room);
+
+            getComponent(room);
+
+            await waitFor(() =>
+                expect(screen.queryByDisplayValue(HistoryVisibility.WorldReadable)).not.toBeInTheDocument(),
+            );
+        });
+
+        it("renders world readable option when room is encrypted and history is already set to world readable", () => {
+            const room = new Room(roomId, client, userId);
+            jest.spyOn(client.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+            setRoomStateEvents(room, undefined, undefined, HistoryVisibility.WorldReadable);
+
+            getComponent(room);
+
+            expect(screen.getByDisplayValue(HistoryVisibility.WorldReadable)).toBeInTheDocument();
+        });
+
+        it("updates history visibility", () => {
+            const room = new Room(roomId, client, userId);
+
+            getComponent(room);
+
+            fireEvent.click(screen.getByDisplayValue(HistoryVisibility.Invited));
+
+            // toggle updated immediately
+            expect(screen.getByDisplayValue(HistoryVisibility.Invited)).toBeChecked();
+
+            expect(client.sendStateEvent).toHaveBeenCalledWith(
+                room.roomId,
+                EventType.RoomHistoryVisibility,
+                {
+                    history_visibility: HistoryVisibility.Invited,
+                },
+                "",
+            );
+        });
+
+        it("handles error when updating history visibility", async () => {
+            const room = new Room(roomId, client, userId);
+            client.sendStateEvent.mockRejectedValue("oups");
+            jest.spyOn(logger, "error").mockImplementation(() => {});
+
+            getComponent(room);
+
+            fireEvent.click(screen.getByDisplayValue(HistoryVisibility.Invited));
+
+            // toggle updated immediately
+            expect(screen.getByDisplayValue(HistoryVisibility.Invited)).toBeChecked();
+
+            await flushPromises();
+
+            // reset to before updated value
+            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", () => {
+        it("displays encryption as enabled", async () => {
+            const room = new Room(roomId, client, userId);
+            jest.spyOn(client.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+            setRoomStateEvents(room);
+            getComponent(room);
+
+            await waitFor(() => expect(screen.getByLabelText("Encrypted")).toBeChecked());
+            // can't disable encryption once enabled
+            expect(screen.getByLabelText("Encrypted")).toBeDisabled();
+        });
+
+        it("asks users to confirm when setting room to encrypted", async () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room);
+            getComponent(room);
+
+            await waitFor(() => expect(screen.getByLabelText("Encrypted")).not.toBeChecked());
+
+            fireEvent.click(screen.getByLabelText("Encrypted"));
+
+            const dialog = await screen.findByRole("dialog");
+
+            fireEvent.click(within(dialog).getByText("Cancel"));
+
+            expect(client.sendStateEvent).not.toHaveBeenCalled();
+            expect(screen.getByLabelText("Encrypted")).not.toBeChecked();
+        });
+
+        it("enables encryption after confirmation", async () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room);
+            getComponent(room);
+
+            await waitFor(() => expect(screen.getByLabelText("Encrypted")).not.toBeChecked());
+
+            fireEvent.click(screen.getByLabelText("Encrypted"));
+
+            const dialog = await screen.findByRole("dialog");
+
+            expect(within(dialog).getByText("Enable encryption?")).toBeInTheDocument();
+            fireEvent.click(within(dialog).getByText("OK"));
+
+            await waitFor(() =>
+                expect(client.sendStateEvent).toHaveBeenCalledWith(room.roomId, EventType.RoomEncryption, {
+                    algorithm: "m.megolm.v1.aes-sha2",
+                }),
+            );
+        });
+
+        it("renders world readable option when room is encrypted and history is already set to world readable", () => {
+            const room = new Room(roomId, client, userId);
+            jest.spyOn(client.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+            setRoomStateEvents(room, undefined, undefined, HistoryVisibility.WorldReadable);
+
+            getComponent(room);
+
+            expect(screen.getByDisplayValue(HistoryVisibility.WorldReadable)).toBeInTheDocument();
+        });
+
+        it("updates history visibility", () => {
+            const room = new Room(roomId, client, userId);
+
+            getComponent(room);
+
+            fireEvent.click(screen.getByDisplayValue(HistoryVisibility.Invited));
+
+            // toggle updated immediately
+            expect(screen.getByDisplayValue(HistoryVisibility.Invited)).toBeChecked();
+
+            expect(client.sendStateEvent).toHaveBeenCalledWith(
+                room.roomId,
+                EventType.RoomHistoryVisibility,
+                {
+                    history_visibility: HistoryVisibility.Invited,
+                },
+                "",
+            );
+        });
+
+        it("handles error when updating history visibility", async () => {
+            const room = new Room(roomId, client, userId);
+            client.sendStateEvent.mockRejectedValue("oups");
+            jest.spyOn(logger, "error").mockImplementation(() => {});
+
+            getComponent(room);
+
+            fireEvent.click(screen.getByDisplayValue(HistoryVisibility.Invited));
+
+            // toggle updated immediately
+            expect(screen.getByDisplayValue(HistoryVisibility.Invited)).toBeChecked();
+
+            await flushPromises();
+
+            // reset to before updated value
+            expect(screen.getByDisplayValue(HistoryVisibility.Shared)).toBeChecked();
+            expect(logger.error).toHaveBeenCalledWith("oups");
+        });
+
+        describe("when encryption is force disabled by e2ee well-known config", () => {
+            beforeEach(() => {
+                client.getClientWellKnown.mockReturnValue({
+                    "io.element.e2ee": {
+                        force_disable: true,
+                    },
+                });
+            });
+
+            it("displays encrypted rooms as encrypted", async () => {
+                // rooms that are already encrypted still show encrypted
+                const room = new Room(roomId, client, userId);
+                jest.spyOn(client.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+                setRoomStateEvents(room);
+                getComponent(room);
+
+                await waitFor(() => expect(screen.getByLabelText("Encrypted")).toBeChecked());
+                expect(screen.getByLabelText("Encrypted")).toBeDisabled();
+                expect(screen.getByText("Once enabled, encryption cannot be disabled.")).toBeInTheDocument();
+            });
+
+            it("displays unencrypted rooms with toggle disabled", async () => {
+                const room = new Room(roomId, client, userId);
+                setRoomStateEvents(room);
+                getComponent(room);
+
+                await waitFor(() => expect(screen.getByLabelText("Encrypted")).not.toBeChecked());
+                expect(screen.getByLabelText("Encrypted")).toBeDisabled();
+                expect(screen.queryByText("Once enabled, encryption cannot be disabled.")).not.toBeInTheDocument();
+                expect(screen.getByText("Your server requires encryption to be disabled.")).toBeInTheDocument();
+            });
+        });
+    });
+
+    describe("public room address warning", () => {
+        const warning = "To link to this room, please add an address.";
+
+        const setCanonicalAlias = (room: Room, content: object): void => {
+            room.currentState.setStateEvents([
+                new MatrixEvent({
+                    type: EventType.RoomCanonicalAlias,
+                    content,
+                    sender: userId,
+                    state_key: "",
+                    room_id: room.roomId,
+                }),
+            ]);
+        };
+
+        const renderPublicRoom = async (configure?: (room: Room) => void): Promise<void> => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, JoinRule.Public);
+            configure?.(room);
+            getComponent(room);
+            await flushPromises();
+        };
+
+        it("warns when the room has no address anywhere", async () => {
+            client.getLocalAliases.mockResolvedValue({ aliases: [] });
+
+            await renderPublicRoom();
+
+            expect(screen.getByText(warning)).toBeInTheDocument();
+        });
+
+        it("does not warn when the room's main address is on another server", async () => {
+            client.getLocalAliases.mockResolvedValue({ aliases: [] });
+
+            await renderPublicRoom((room) => setCanonicalAlias(room, { alias: "#room:other.server.org" }));
+
+            expect(screen.queryByText(warning)).not.toBeInTheDocument();
+        });
+
+        it("does not warn when the room only has alternative addresses", async () => {
+            client.getLocalAliases.mockResolvedValue({ aliases: [] });
+
+            await renderPublicRoom((room) => setCanonicalAlias(room, { alt_aliases: ["#room:other.server.org"] }));
+
+            expect(screen.queryByText(warning)).not.toBeInTheDocument();
+        });
+
+        it("does not warn when the local server has an address for the room", async () => {
+            client.getLocalAliases.mockResolvedValue({ aliases: ["#room:server.org"] });
+
+            await renderPublicRoom();
+
+            expect(screen.queryByText(warning)).not.toBeInTheDocument();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/VoipRoomSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/room/VoipRoomSettingsTab-test.tsx
new file mode 100644
index 00000000000..13c7912f29b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/VoipRoomSettingsTab-test.tsx
@@ -0,0 +1,135 @@
+/*
+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 { fireEvent, render, type RenderResult, waitFor } from "jest-matrix-react";
+import { type MatrixClient, type Room, type MatrixEvent, EventType, JoinRule } from "matrix-js-sdk/src/matrix";
+
+import { mkStubRoom, stubClient } from "../../../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../../../src/MatrixClientPeg";
+import { VoipRoomSettingsTab } from "../../../../../../../src/components/views/settings/tabs/room/VoipRoomSettingsTab";
+import { ElementCallEventType, ElementCallMemberEventType } from "../../../../../../../src/call-types";
+
+describe("VoipRoomSettingsTab", () => {
+    const roomId = "!room:example.com";
+    let cli: MatrixClient;
+    let room: Room;
+
+    const renderTab = (): RenderResult => {
+        return render(<VoipRoomSettingsTab room={room} />);
+    };
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        room = mkStubRoom(roomId, "test room", cli);
+
+        jest.spyOn(cli, "sendStateEvent");
+        jest.spyOn(cli, "getRoom").mockReturnValue(room);
+    });
+
+    describe("Element Call", () => {
+        const mockPowerLevels = (events: Record<string, number>): void => {
+            jest.spyOn(room.currentState, "getStateEvents").mockReturnValue({
+                getContent: () => ({
+                    events,
+                }),
+            } as unknown as MatrixEvent);
+        };
+
+        const getElementCallSwitch = (tab: RenderResult): HTMLElement => {
+            return tab.getByLabelText("Enable Element Call as an additional calling option in this room")!;
+        };
+
+        describe("correct state", () => {
+            it("shows enabled when call member power level is 0", () => {
+                mockPowerLevels({ [ElementCallMemberEventType.name]: 0 });
+
+                const tab = renderTab();
+
+                expect(getElementCallSwitch(tab)).toBeChecked();
+            });
+
+            it.each([1, 50, 100])("shows disabled when call member power level is 0", (level: number) => {
+                mockPowerLevels({ [ElementCallMemberEventType.name]: level });
+
+                const tab = renderTab();
+
+                expect(getElementCallSwitch(tab)).not.toBeChecked();
+            });
+        });
+
+        describe("enabling/disabling", () => {
+            describe("enabling Element calls", () => {
+                beforeEach(() => {
+                    mockPowerLevels({ [ElementCallMemberEventType.name]: 100 });
+                });
+
+                it("enables Element calls in public room", async () => {
+                    jest.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Public);
+
+                    const tab = renderTab();
+
+                    fireEvent.click(getElementCallSwitch(tab));
+                    await waitFor(() =>
+                        expect(cli.sendStateEvent).toHaveBeenCalledWith(
+                            room.roomId,
+                            EventType.RoomPowerLevels,
+                            expect.objectContaining({
+                                events: {
+                                    [ElementCallEventType.name]: 50,
+                                    [ElementCallMemberEventType.name]: 0,
+                                },
+                            }),
+                        ),
+                    );
+                });
+
+                it("enables Element calls in private room", async () => {
+                    jest.spyOn(room, "getJoinRule").mockReturnValue(JoinRule.Invite);
+
+                    const tab = renderTab();
+
+                    fireEvent.click(getElementCallSwitch(tab));
+                    await waitFor(() =>
+                        expect(cli.sendStateEvent).toHaveBeenCalledWith(
+                            room.roomId,
+                            EventType.RoomPowerLevels,
+                            expect.objectContaining({
+                                events: {
+                                    [ElementCallEventType.name]: 0,
+                                    [ElementCallMemberEventType.name]: 0,
+                                },
+                            }),
+                        ),
+                    );
+                });
+            });
+
+            it("disables Element calls", async () => {
+                mockPowerLevels({ [ElementCallMemberEventType.name]: 0 });
+
+                const tab = renderTab();
+
+                fireEvent.click(getElementCallSwitch(tab));
+                await waitFor(() =>
+                    expect(cli.sendStateEvent).toHaveBeenCalledWith(
+                        room.roomId,
+                        EventType.RoomPowerLevels,
+                        expect.objectContaining({
+                            events: {
+                                [ElementCallEventType.name]: 100,
+                                [ElementCallMemberEventType.name]: 100,
+                            },
+                        }),
+                    ),
+                );
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/AdvancedRoomSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/AdvancedRoomSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..b90c094f385
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/AdvancedRoomSettingsTab-test.tsx.snap
@@ -0,0 +1,105 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`AdvancedRoomSettingsTab should render as expected 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection"
+      >
+        <h2
+          class="mx_Heading_h3"
+        >
+          Advanced
+        </h2>
+        <div
+          class="mx_SettingsSection_subSections"
+        >
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h3
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Room information
+              </h3>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <div>
+                <span>
+                  Internal room ID
+                </span>
+                <span
+                  class="mx_CopyableText mx_CopyableText_border"
+                >
+                  !room:example.com
+                  <button
+                    aria-labelledby="react-use-id-1"
+                    class="_icon-button_1215g_8 mx_CopyableText_copyButton"
+                    data-kind="primary"
+                    role="button"
+                    style="--cpd-icon-button-size: 28px; padding: 4px;"
+                    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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
+                        />
+                        <path
+                          d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </span>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h3
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Room version
+              </h3>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <div>
+                <span>
+                  Room version:
+                </span>
+                 1
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/BridgeSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/BridgeSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..5c4f0236764
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/BridgeSettingsTab-test.tsx.snap
@@ -0,0 +1,128 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<BridgeSettingsTab /> renders when room is bridging messages 1`] = `
+<div>
+  <div
+    class="mx_SettingsTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection"
+      >
+        <h2
+          class="mx_Heading_h3"
+        >
+          Bridges
+        </h2>
+        <div
+          class="mx_SettingsSection_subSections"
+        >
+          <div>
+            <p>
+              <span>
+                This room is bridging messages to the following platforms. 
+                <a
+                  href="https://matrix.org/bridges/"
+                  rel="noreferrer noopener"
+                  target="_blank"
+                >
+                  Learn more.
+                </a>
+              </span>
+            </p>
+            <ul
+              class="mx_RoomSettingsDialog_BridgeList"
+            >
+              <li
+                class="mx_RoomSettingsDialog_BridgeList_listItem"
+              >
+                <div
+                  class="mx_RoomSettingsDialog_column_icon"
+                >
+                  <div
+                    class="mx_RoomSettingsDialog_noProtocolIcon"
+                  />
+                </div>
+                <div
+                  class="mx_RoomSettingsDialog_column_data"
+                >
+                  <h3
+                    class="mx_RoomSettingsDialog_column_data_protocolName"
+                  >
+                    protocol-test
+                  </h3>
+                  <p
+                    class="mx_RoomSettingsDialog_column_data_details mx_RoomSettingsDialog_workspace_channel_details"
+                  >
+                    <span
+                      class="mx_RoomSettingsDialog_channel"
+                    >
+                      <span>
+                        Channel: 
+                        <span>
+                          channel-test
+                        </span>
+                      </span>
+                    </span>
+                  </p>
+                  <ul
+                    class="mx_RoomSettingsDialog_column_data_metadata mx_RoomSettingsDialog_metadata"
+                  >
+                     
+                    <li>
+                      <span>
+                        This bridge is managed by 
+                        .
+                      </span>
+                    </li>
+                  </ul>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<BridgeSettingsTab /> renders when room is not bridging messages to any platform 1`] = `
+<div>
+  <div
+    class="mx_SettingsTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection"
+      >
+        <h2
+          class="mx_Heading_h3"
+        >
+          Bridges
+        </h2>
+        <div
+          class="mx_SettingsSection_subSections"
+        >
+          <p>
+            <span>
+              This room isn't bridging messages to any platforms. 
+              <a
+                href="https://matrix.org/bridges/"
+                rel="noreferrer noopener"
+                target="_blank"
+              >
+                Learn more.
+              </a>
+            </span>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/PeopleRoomSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/PeopleRoomSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..af2fb7b1d74
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/PeopleRoomSettingsTab-test.tsx.snap
@@ -0,0 +1,189 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`PeopleRoomSettingsTab with requests to join renders requests fully 1`] = `
+<fieldset
+  class="mx_SettingsFieldset"
+>
+  <legend
+    class="mx_SettingsFieldset_legend"
+  >
+    Asking to join
+  </legend>
+  <div
+    class="mx_SettingsFieldset_content"
+  >
+    <div
+      class="mx_PeopleRoomSettingsTab_knock"
+    >
+      <span
+        aria-label="Profile picture"
+        class="_avatar_va14e_8 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar"
+        data-color="4"
+        data-testid="avatar-img"
+        data-type="round"
+        style="--cpd-avatar-size: 42px;"
+        title="@albert.einstein:example.org"
+      >
+        <img
+          alt=""
+          class="_image_va14e_43"
+          data-type="round"
+          height="42px"
+          loading="lazy"
+          referrerpolicy="no-referrer"
+          src="mxc://example.org/albert-einstein.png"
+          width="42px"
+        />
+      </span>
+      <div
+        class="mx_PeopleRoomSettingsTab_content"
+      >
+        <span
+          class="mx_PeopleRoomSettingsTab_name"
+        >
+          Albert Einstein
+        </span>
+        <time
+          class="mx_PeopleRoomSettingsTab_timestamp"
+        >
+          Apr 18, 1955
+        </time>
+        <span
+          class="mx_PeopleRoomSettingsTab_userId"
+        >
+          @albert.einstein:example.org
+        </span>
+        <p
+          class="mx_PeopleRoomSettingsTab_seeMoreOrLess"
+        >
+          There are only two ways to live your life. One is as though nothing is a miracle. The other is as though everything is a…
+        </p>
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
+          role="button"
+          tabindex="0"
+        >
+          See more
+        </div>
+      </div>
+      <div
+        aria-label="Deny"
+        class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary_outline"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          fill="currentColor"
+          height="18"
+          viewBox="0 0 24 24"
+          width="18"
+          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
+        aria-label="Approve"
+        class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          fill="currentColor"
+          height="18"
+          viewBox="0 0 24 24"
+          width="18"
+          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>
+</fieldset>
+`;
+
+exports[`PeopleRoomSettingsTab with requests to join renders requests reduced 1`] = `
+<fieldset
+  class="mx_SettingsFieldset"
+>
+  <legend
+    class="mx_SettingsFieldset_legend"
+  >
+    Asking to join
+  </legend>
+  <div
+    class="mx_SettingsFieldset_content"
+  >
+    <div
+      class="mx_PeopleRoomSettingsTab_knock"
+    >
+      <span
+        class="_avatar_va14e_8 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar _avatar-imageless_va14e_55"
+        data-color="4"
+        data-testid="avatar-img"
+        data-type="round"
+        role="presentation"
+        style="--cpd-avatar-size: 42px;"
+        title="@albert.einstein:example.org"
+      >
+        a
+      </span>
+      <div
+        class="mx_PeopleRoomSettingsTab_content"
+      >
+        <span
+          class="mx_PeopleRoomSettingsTab_name"
+        >
+          albert.einstein
+        </span>
+        <span
+          class="mx_PeopleRoomSettingsTab_userId"
+        >
+          @albert.einstein:example.org
+        </span>
+      </div>
+      <div
+        aria-label="Deny"
+        class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary_outline"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          fill="currentColor"
+          height="18"
+          viewBox="0 0 24 24"
+          width="18"
+          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
+        aria-label="Approve"
+        class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          fill="currentColor"
+          height="18"
+          viewBox="0 0 24 24"
+          width="18"
+          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>
+</fieldset>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/RolesRoomSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/RolesRoomSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..59d3f00a526
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/RolesRoomSettingsTab-test.tsx.snap
@@ -0,0 +1,32 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`RolesRoomSettingsTab Banned users renders banned users 1`] = `
+<fieldset
+  class="mx_SettingsFieldset"
+>
+  <legend
+    class="mx_SettingsFieldset_legend"
+  >
+    Banned users
+  </legend>
+  <div
+    class="mx_SettingsFieldset_content"
+  >
+    <ul
+      class="mx_RolesRoomSettingsTab_bannedList"
+    >
+      <li>
+        <span
+          title="Banned by @alice:server.org"
+        >
+          <strong>
+            @bob:server.org
+          </strong>
+           
+           Reason: just testing
+        </span>
+      </li>
+    </ul>
+  </div>
+</fieldset>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/SecurityRoomSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/SecurityRoomSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..8693deca406
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/SecurityRoomSettingsTab-test.tsx.snap
@@ -0,0 +1,246 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SecurityRoomSettingsTab /> history visibility uses shared as default history visibility when no state event found 1`] = `
+<fieldset
+  class="mx_SettingsFieldset"
+>
+  <legend
+    class="mx_SettingsFieldset_legend"
+  >
+    Who can read history?
+  </legend>
+  <div
+    class="mx_SettingsFieldset_description"
+  >
+    <div
+      class="mx_SettingsSubsection_text"
+    >
+      <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
+    class="mx_SettingsFieldset_content"
+  >
+    <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 since invited
+      </div>
+      <div
+        class="mx_StyledRadioButton_spacer"
+      />
+    </label>
+    <label
+      class="mx_StyledRadioButton mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
+    >
+      <input
+        checked=""
+        id="historyVis-shared"
+        name="historyVis"
+        type="radio"
+        value="shared"
+      />
+      <div>
+        <div />
+      </div>
+      <div
+        class="mx_StyledRadioButton_content"
+      >
+        Members (full history)
+      </div>
+      <div
+        class="mx_StyledRadioButton_spacer"
+      />
+    </label>
+  </div>
+</fieldset>
+`;
+
+exports[`<SecurityRoomSettingsTab /> join rule handles error when updating join rule fails 1`] = `
+<div
+  aria-describedby="mx_Dialog_content"
+  aria-labelledby="mx_BaseDialog_title"
+  class="mx_ErrorDialog 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"
+    >
+      Failed to update the join rules
+    </h1>
+  </div>
+  <div
+    class="mx_Dialog_content"
+    id="mx_Dialog_content"
+  >
+    Unknown failure
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <button
+      class="mx_Dialog_primary"
+      type="button"
+    >
+      OK
+    </button>
+  </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>
+`;
+
+exports[`<SecurityRoomSettingsTab /> join rule warns when trying to make an encrypted room public 1`] = `
+<div
+  aria-describedby="mx_Dialog_content"
+  aria-labelledby="mx_BaseDialog_title"
+  class="mx_QuestionDialog 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"
+    >
+      Are you sure you want to make this encrypted room public?
+    </h1>
+  </div>
+  <div
+    class="mx_Dialog_content"
+    id="mx_Dialog_content"
+  >
+    <div>
+      <p>
+         
+        <span>
+          <strong>
+            It's not recommended to make encrypted rooms public.
+          </strong>
+           It will mean anyone can find and join the room, so anyone can read messages. You'll get none of the benefits of encryption. Encrypting messages in a public room will make receiving and sending messages slower.
+        </span>
+         
+      </p>
+      <p>
+         
+        <span>
+          To avoid these issues, create a 
+          <a
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+            role="button"
+            tabindex="0"
+          >
+             
+            new public room
+             
+          </a>
+           for the conversation you plan to have.
+        </span>
+         
+      </p>
+    </div>
+  </div>
+  <div
+    class="mx_Dialog_buttons"
+  >
+    <span
+      class="mx_Dialog_buttons_row"
+    >
+      <button
+        class="cancel"
+        data-testid="dialog-cancel-button"
+        type="button"
+      >
+        Cancel
+      </button>
+      <button
+        class="mx_Dialog_primary"
+        data-testid="dialog-primary-button"
+        type="button"
+      >
+        OK
+      </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>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/AccountUserSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/user/AccountUserSettingsTab-test.tsx
new file mode 100644
index 00000000000..c9b5356d275
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/AccountUserSettingsTab-test.tsx
@@ -0,0 +1,422 @@
+/*
+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 { fireEvent, render, screen, within } from "jest-matrix-react";
+import React from "react";
+import { type MatrixClient, ThreepidMedium } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import userEvent from "@testing-library/user-event";
+import { type MockedObject } from "jest-mock-vitest-adapter";
+import { ToastContext, ToastRack } from "@element-hq/web-shared-components";
+
+import AccountUserSettingsTab from "../../../../../../../src/components/views/settings/tabs/user/AccountUserSettingsTab";
+import { SDKContext } from "../../../../../../../src/contexts/SDKContext";
+import { TestSDKContext } from "../../../../../TestSDKContext.ts";
+import SettingsStore from "../../../../../../../src/settings/SettingsStore";
+import {
+    getMockClientWithEventEmitter,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+    mockPlatformPeg,
+    flushPromises,
+} from "../../../../../../test-utils";
+import { UIFeature } from "../../../../../../../src/settings/UIFeature";
+import MatrixClientContext from "../../../../../../../src/contexts/MatrixClientContext";
+import Modal from "../../../../../../../src/Modal";
+
+let changePasswordOnError: (e: Error) => void;
+let changePasswordOnFinished: () => void;
+
+jest.mock(
+    "../../../../../../../src/components/views/settings/ChangePassword",
+    () =>
+        ({ onError, onFinished }: { onError: (e: Error) => void; onFinished: () => void }) => {
+            changePasswordOnError = onError;
+            changePasswordOnFinished = onFinished;
+            return <button>Mock change password</button>;
+        },
+);
+
+describe("<AccountUserSettingsTab />", () => {
+    const defaultProps = {
+        closeSettingsFn: jest.fn(),
+    };
+
+    const userId = "@alice:server.org";
+    let mockClient: MockedObject<MatrixClient>;
+
+    let stores: TestSDKContext;
+
+    const getComponent = () => (
+        <MatrixClientContext.Provider value={mockClient}>
+            <SDKContext.Provider value={stores}>
+                <ToastContext.Provider value={new ToastRack()}>
+                    <AccountUserSettingsTab {...defaultProps} />
+                </ToastContext.Provider>
+            </SDKContext.Provider>
+        </MatrixClientContext.Provider>
+    );
+
+    beforeEach(() => {
+        jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        mockPlatformPeg();
+        jest.clearAllMocks();
+        jest.spyOn(SettingsStore, "getValue").mockRestore();
+        jest.spyOn(logger, "error").mockRestore();
+
+        mockClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(userId),
+            ...mockClientMethodsServer(),
+            getCapabilities: jest.fn(),
+            getThreePids: jest.fn(),
+            getIdentityServerUrl: jest.fn(),
+            deleteThreePid: jest.fn(),
+            getMediaConfig: jest.fn(),
+            getAuthMetadata: jest.fn().mockRejectedValue(new Error("not implemented")),
+        });
+
+        mockClient.getCapabilities.mockResolvedValue({});
+        mockClient.getThreePids.mockResolvedValue({
+            threepids: [],
+        });
+        mockClient.deleteThreePid.mockResolvedValue({
+            id_server_unbind_result: "success",
+        });
+
+        stores = new TestSDKContext();
+        stores._client = mockClient;
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("does not show account management link when not available", () => {
+        const { queryByTestId } = render(getComponent());
+
+        expect(queryByTestId("external-account-management-outer")).toBeFalsy();
+        expect(queryByTestId("external-account-management-link")).toBeFalsy();
+    });
+
+    it("show account management link in expected format", async () => {
+        const accountManagementLink = "https://id.server.org/my-account";
+        mockClient.getAuthMetadata.mockResolvedValue({
+            account_management_uri: accountManagementLink,
+        } as any);
+
+        render(getComponent());
+
+        const manageAccountLink = await screen.findByRole("button", { name: "Manage account" });
+        expect(manageAccountLink.getAttribute("href")).toMatch(accountManagementLink);
+    });
+
+    describe("deactivate account", () => {
+        it("should not render section when account deactivation feature is disabled", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName !== UIFeature.Deactivate,
+            );
+            render(getComponent());
+
+            expect(screen.queryByText("Deactivate Account")).not.toBeInTheDocument();
+            expect(SettingsStore.getValue).toHaveBeenCalledWith(UIFeature.Deactivate);
+        });
+        it("should not render section when account is managed externally", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === UIFeature.Deactivate,
+            );
+            // account is managed externally when we have delegated auth configured
+            const accountManagementLink = "https://id.server.org/my-account";
+            mockClient.getAuthMetadata.mockResolvedValue({
+                account_management_uri: accountManagementLink,
+            } as any);
+            render(getComponent());
+
+            await flushPromises();
+
+            expect(screen.queryByText("Deactivate Account")).not.toBeInTheDocument();
+        });
+        it("should render section when account deactivation feature is enabled", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === UIFeature.Deactivate,
+            );
+            render(getComponent());
+
+            expect(screen.getByText("Deactivate Account", { selector: "h2" }).parentElement!).toMatchSnapshot();
+        });
+        it("should display the deactivate account dialog when clicked", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === UIFeature.Deactivate,
+            );
+
+            const finishedDeferred = Promise.withResolvers<[boolean]>();
+            const createDialogFn = jest.fn().mockReturnValue({ finished: finishedDeferred.promise });
+            jest.spyOn(Modal, "createDialog").mockImplementation(createDialogFn);
+
+            render(getComponent());
+
+            await userEvent.click(screen.getByRole("button", { name: "Deactivate Account" }));
+
+            expect(createDialogFn).toHaveBeenCalled();
+        });
+        it("should close settings if account deactivated", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === UIFeature.Deactivate,
+            );
+
+            const finishedDeferred = Promise.withResolvers<[boolean]>();
+            const createDialogFn = jest.fn().mockReturnValue({ finished: finishedDeferred.promise });
+            jest.spyOn(Modal, "createDialog").mockImplementation(createDialogFn);
+
+            render(getComponent());
+
+            await userEvent.click(screen.getByRole("button", { name: "Deactivate Account" }));
+
+            finishedDeferred.resolve([true]);
+            await flushPromises();
+
+            expect(defaultProps.closeSettingsFn).toHaveBeenCalled();
+        });
+        it("should not close settings if account not deactivated", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === UIFeature.Deactivate,
+            );
+
+            const finishedDeferred = Promise.withResolvers<[boolean]>();
+            const createDialogFn = jest.fn().mockReturnValue({ finished: finishedDeferred.promise });
+            jest.spyOn(Modal, "createDialog").mockImplementation(createDialogFn);
+
+            render(getComponent());
+
+            await userEvent.click(screen.getByRole("button", { name: "Deactivate Account" }));
+
+            finishedDeferred.resolve([false]);
+            await flushPromises();
+
+            expect(defaultProps.closeSettingsFn).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("3pids", () => {
+        beforeEach(() => {
+            mockClient.getCapabilities.mockResolvedValue({
+                "m.3pid_changes": {
+                    enabled: true,
+                },
+            });
+
+            mockClient.getThreePids.mockResolvedValue({
+                threepids: [
+                    {
+                        medium: ThreepidMedium.Email,
+                        address: "test@test.io",
+                        validated_at: 1685067124552,
+                        added_at: 1685067124552,
+                    },
+                    {
+                        medium: ThreepidMedium.Phone,
+                        address: "123456789",
+                        validated_at: 1685067124552,
+                        added_at: 1685067124552,
+                    },
+                ],
+            });
+
+            mockClient.getIdentityServerUrl.mockReturnValue(undefined);
+        });
+
+        it("should show loaders while 3pids load", () => {
+            render(getComponent());
+
+            expect(
+                within(screen.getByTestId("mx_AccountEmailAddresses")).getByLabelText("Loading…"),
+            ).toBeInTheDocument();
+            expect(within(screen.getByTestId("mx_AccountPhoneNumbers")).getByLabelText("Loading…")).toBeInTheDocument();
+        });
+
+        it("should display 3pid email addresses and phone numbers", async () => {
+            render(getComponent());
+
+            await flushPromises();
+
+            expect(screen.getByTestId("mx_AccountEmailAddresses")).toMatchSnapshot();
+            expect(screen.getByTestId("mx_AccountPhoneNumbers")).toMatchSnapshot();
+        });
+
+        it("should allow removing an existing email addresses", async () => {
+            render(getComponent());
+
+            await flushPromises();
+
+            const section = screen.getByTestId("mx_AccountEmailAddresses");
+
+            fireEvent.click(within(section).getByText("Remove"));
+
+            // confirm removal
+            expect(screen.getByText("Remove test@test.io?")).toBeInTheDocument();
+            fireEvent.click(within(section).getByText("Remove"));
+
+            expect(mockClient.deleteThreePid).toHaveBeenCalledWith(ThreepidMedium.Email, "test@test.io");
+        });
+
+        it("should allow adding a new email address", async () => {
+            render(getComponent());
+
+            await flushPromises();
+
+            const section = screen.getByTestId("mx_AccountEmailAddresses");
+
+            // just check the fields are enabled
+            expect(within(section).getByLabelText("Email Address")).not.toBeDisabled();
+            expect(within(section).getByText("Add")).not.toHaveAttribute("aria-disabled");
+        });
+
+        it("should allow removing an existing phone number", async () => {
+            render(getComponent());
+
+            await flushPromises();
+
+            const section = screen.getByTestId("mx_AccountPhoneNumbers");
+
+            fireEvent.click(within(section).getByText("Remove"));
+
+            // confirm removal
+            expect(screen.getByText("Remove 123456789?")).toBeInTheDocument();
+            fireEvent.click(within(section).getByText("Remove"));
+
+            expect(mockClient.deleteThreePid).toHaveBeenCalledWith(ThreepidMedium.Phone, "123456789");
+        });
+
+        it("should allow adding a new phone number", async () => {
+            render(getComponent());
+
+            await flushPromises();
+
+            const section = screen.getByTestId("mx_AccountPhoneNumbers");
+
+            // just check the fields are enabled
+            expect(within(section).getByLabelText("Phone Number")).not.toBeDisabled();
+        });
+
+        it("should allow 3pid changes when capabilities does not have 3pid_changes", async () => {
+            // We support as far back as v1.1 which doesn't have m.3pid_changes
+            // so the behaviour for when it is missing has to be assume true
+            mockClient.getCapabilities.mockResolvedValue({});
+
+            render(getComponent());
+
+            await flushPromises();
+
+            const section = screen.getByTestId("mx_AccountEmailAddresses");
+
+            // just check the fields are enabled
+            expect(within(section).getByLabelText("Email Address")).not.toBeDisabled();
+            expect(within(section).getByText("Add")).not.toHaveAttribute("aria-disabled");
+        });
+
+        describe("when 3pid changes capability is disabled", () => {
+            beforeEach(() => {
+                mockClient.getCapabilities.mockResolvedValue({
+                    "m.3pid_changes": {
+                        enabled: false,
+                    },
+                });
+            });
+
+            it("should not allow removing email addresses", async () => {
+                render(getComponent());
+
+                await flushPromises();
+
+                const section = screen.getByTestId("mx_AccountEmailAddresses");
+
+                expect(within(section).getByText("Remove")).toHaveAttribute("aria-disabled");
+            });
+
+            it("should not allow adding a new email addresses", async () => {
+                render(getComponent());
+
+                await flushPromises();
+
+                const section = screen.getByTestId("mx_AccountEmailAddresses");
+
+                // fields are not enabled
+                expect(within(section).getByLabelText("Email Address")).toBeDisabled();
+                expect(within(section).getByText("Add")).toHaveAttribute("aria-disabled");
+            });
+
+            it("should not allow removing phone numbers", async () => {
+                render(getComponent());
+
+                await flushPromises();
+
+                const section = screen.getByTestId("mx_AccountPhoneNumbers");
+
+                expect(within(section).getByText("Remove")).toHaveAttribute("aria-disabled");
+            });
+
+            it("should not allow adding a new phone number", async () => {
+                render(getComponent());
+
+                await flushPromises();
+
+                const section = screen.getByTestId("mx_AccountPhoneNumbers");
+
+                expect(within(section).getByLabelText("Phone Number")).toBeDisabled();
+            });
+        });
+    });
+
+    describe("Password change", () => {
+        beforeEach(() => {
+            mockClient.getCapabilities.mockResolvedValue({
+                "m.change_password": {
+                    enabled: true,
+                },
+            });
+        });
+
+        it("should display a dialog if password change succeeded", async () => {
+            const createDialogFn = jest.fn();
+            jest.spyOn(Modal, "createDialog").mockImplementation(createDialogFn);
+
+            render(getComponent());
+
+            const changeButton = await screen.findByRole("button", { name: "Mock change password" });
+            userEvent.click(changeButton);
+
+            expect(changePasswordOnFinished).toBeDefined();
+            changePasswordOnFinished();
+
+            expect(createDialogFn).toHaveBeenCalledWith(expect.anything(), {
+                title: "Success",
+                description: "Your password was successfully changed.",
+            });
+        });
+
+        it("should display an error if password change failed", async () => {
+            const ERROR_STRING =
+                "Your password must contain exactly 5 lowercase letters, a box drawing character and the badger emoji.";
+
+            const createDialogFn = jest.fn();
+            jest.spyOn(Modal, "createDialog").mockImplementation(createDialogFn);
+
+            render(getComponent());
+
+            const changeButton = await screen.findByRole("button", { name: "Mock change password" });
+            userEvent.click(changeButton);
+
+            expect(changePasswordOnError).toBeDefined();
+            changePasswordOnError(new Error(ERROR_STRING));
+
+            expect(createDialogFn).toHaveBeenCalledWith(expect.anything(), {
+                title: "Error changing password",
+                description: ERROR_STRING,
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/AppearanceUserSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/user/AppearanceUserSettingsTab-test.tsx
new file mode 100644
index 00000000000..69f06d455cc
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/AppearanceUserSettingsTab-test.tsx
@@ -0,0 +1,27 @@
+/*
+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 { render } from "jest-matrix-react";
+import React from "react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import AppearanceUserSettingsTab from "../../../../../../../src/components/views/settings/tabs/user/AppearanceUserSettingsTab";
+import { withClientContextRenderOptions, stubClient } from "../../../../../../test-utils";
+
+describe("AppearanceUserSettingsTab", () => {
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        client = stubClient();
+    });
+
+    it("should render", () => {
+        const { asFragment } = render(<AppearanceUserSettingsTab />, withClientContextRenderOptions(client));
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/EncryptionUserSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/user/EncryptionUserSettingsTab-test.tsx
new file mode 100644
index 00000000000..09defcd5159
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/EncryptionUserSettingsTab-test.tsx
@@ -0,0 +1,220 @@
+/*
+ * Copyright 2024 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { mocked } from "jest-mock";
+import React from "react";
+import { act, render, screen } from "jest-matrix-react";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { waitFor } from "@testing-library/dom";
+import userEvent from "@testing-library/user-event";
+import { CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+
+import {
+    EncryptionUserSettingsTab,
+    type State,
+} from "../../../../../../../src/components/views/settings/tabs/user/EncryptionUserSettingsTab";
+import { createTestClient, withClientContextRenderOptions } from "../../../../../../test-utils";
+import Modal from "../../../../../../../src/Modal";
+import { DeviceListener } from "../../../../../../../src/device-listener";
+
+describe("<EncryptionUserSettingsTab />", () => {
+    let matrixClient: MatrixClient;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+        jest.spyOn(matrixClient.getCrypto()!, "isCrossSigningReady").mockResolvedValue(true);
+        // Recovery key is available
+        jest.spyOn(matrixClient.secretStorage, "getDefaultKeyId").mockResolvedValue("default key");
+        // Secrets are cached
+        jest.spyOn(matrixClient.getCrypto()!, "getCrossSigningStatus").mockResolvedValue({
+            privateKeysInSecretStorage: true,
+            publicKeysOnDevice: true,
+            privateKeysCachedLocally: {
+                masterKey: true,
+                selfSigningKey: true,
+                userSigningKey: true,
+            },
+        });
+
+        jest.spyOn(DeviceListener.sharedInstance(), "getDeviceState").mockReturnValue("ok");
+    });
+
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+
+    function renderComponent(props: { initialState?: State } = {}) {
+        return render(<EncryptionUserSettingsTab {...props} />, withClientContextRenderOptions(matrixClient));
+    }
+
+    it("should display a verify button when the encryption is not set up", async () => {
+        const user = userEvent.setup();
+        mocked(DeviceListener.sharedInstance().getDeviceState).mockReturnValue("verify_this_session");
+
+        const { asFragment } = renderComponent();
+        await waitFor(() =>
+            expect(
+                screen.getByText("You need to verify this device in order to view your encryption settings."),
+            ).toBeInTheDocument(),
+        );
+        expect(asFragment()).toMatchSnapshot();
+
+        const spy = jest.spyOn(Modal, "createDialog").mockReturnValue({ finished: new Promise(() => {}) } as any);
+        await user.click(screen.getByText("Verify this device"));
+        expect(spy).toHaveBeenCalled();
+    });
+
+    it("should display the recovery panel when key storage is enabled", async () => {
+        jest.spyOn(matrixClient.getCrypto()!, "getActiveSessionBackupVersion").mockResolvedValue("1");
+        renderComponent();
+        await waitFor(() => expect(screen.getByText("Backup")).toBeInTheDocument());
+    });
+
+    it("should not display the recovery panel when key storage is not enabled", async () => {
+        jest.spyOn(matrixClient.getCrypto()!, "getKeyBackupInfo").mockResolvedValue(null);
+        jest.spyOn(matrixClient.getCrypto()!, "getActiveSessionBackupVersion").mockResolvedValue(null);
+        renderComponent();
+        await expect(screen.queryByText("Recovery")).not.toBeInTheDocument();
+    });
+
+    it("should display the recovery out of sync panel when secrets are not cached", async () => {
+        mocked(DeviceListener.sharedInstance().getDeviceState).mockReturnValue("key_storage_out_of_sync");
+
+        const user = userEvent.setup();
+        const { asFragment } = renderComponent();
+
+        await waitFor(() => screen.getByRole("button", { name: "Enter recovery key" }));
+        expect(asFragment()).toMatchSnapshot();
+
+        await user.click(screen.getByRole("button", { name: "Forgot recovery key?" }));
+        expect(
+            screen.getByRole("heading", {
+                name: "Forgot your recovery key? You’ll need to reset your digital identity.",
+            }),
+        ).toBeVisible();
+    });
+
+    it("should display the change recovery key panel when the user clicks on the change recovery button", async () => {
+        jest.spyOn(matrixClient.getCrypto()!, "getActiveSessionBackupVersion").mockResolvedValue("1");
+        const user = userEvent.setup();
+
+        const { asFragment } = renderComponent();
+        await waitFor(() => {
+            const button = screen.getByRole("button", { name: "Change recovery key" });
+            expect(button).toBeInTheDocument();
+            user.click(button);
+        });
+        await waitFor(() => expect(screen.getByText("Change recovery key")).toBeInTheDocument());
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should display the set up recovery key when the user clicks on the set up recovery key button", async () => {
+        jest.spyOn(matrixClient.getCrypto()!, "getActiveSessionBackupVersion").mockResolvedValue("1");
+        jest.spyOn(matrixClient.secretStorage, "getDefaultKeyId").mockResolvedValue(null);
+        const user = userEvent.setup();
+
+        const { asFragment } = renderComponent();
+        await waitFor(() => {
+            const button = screen.getByRole("button", { name: "Get recovery key" });
+            expect(button).toBeInTheDocument();
+            user.click(button);
+        });
+        await waitFor(() => expect(screen.getByText("Get recovery key")).toBeInTheDocument());
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should display the reset identity panel when the user clicks on the reset cryptographic identity panel", async () => {
+        jest.spyOn(matrixClient.getCrypto()!, "getActiveSessionBackupVersion").mockResolvedValue("1");
+
+        const user = userEvent.setup();
+
+        const { asFragment } = renderComponent();
+        await waitFor(() => {
+            const button = screen.getByRole("button", { name: "Reset cryptographic identity" });
+            expect(button).toBeInTheDocument();
+            user.click(button);
+        });
+        await waitFor(() =>
+            expect(screen.getByText("Are you sure you want to reset your digital identity?")).toBeInTheDocument(),
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should enter 'Forgot recovery' flow when initialState is set to 'reset_identity_forgot'", async () => {
+        jest.spyOn(matrixClient.getCrypto()!, "getActiveSessionBackupVersion").mockResolvedValue("1");
+
+        renderComponent({ initialState: "reset_identity_forgot" });
+
+        expect(
+            await screen.findByRole("heading", {
+                name: "Forgot your recovery key? You’ll need to reset your digital identity.",
+            }),
+        ).toBeVisible();
+    });
+
+    it("should do 'Failed to sync' reset flow when initialState is set to 'reset_identity_sync_failed'", async () => {
+        jest.spyOn(matrixClient.getCrypto()!, "getActiveSessionBackupVersion").mockResolvedValue("1");
+
+        renderComponent({ initialState: "reset_identity_sync_failed" });
+
+        expect(
+            await screen.findByRole("heading", {
+                name: "Failed to sync key storage. You need to reset your digital identity.",
+            }),
+        ).toBeVisible();
+    });
+
+    it("should update when key backup status event is fired", async () => {
+        jest.spyOn(matrixClient.getCrypto()!, "getActiveSessionBackupVersion").mockResolvedValue("1");
+
+        renderComponent();
+
+        await expect(await screen.findByRole("heading", { name: "Backup" })).toBeVisible();
+
+        jest.spyOn(matrixClient.getCrypto()!, "getActiveSessionBackupVersion").mockResolvedValue(null);
+
+        act(() => {
+            matrixClient.emit(CryptoEvent.KeyBackupStatus, false);
+        });
+
+        await waitFor(() => {
+            expect(screen.queryByRole("heading", { name: "Backup" })).toBeNull();
+        });
+    });
+
+    it("should re-check the encryption state and displays the correct panel when the user clicks cancel the reset identity flow", async () => {
+        const user = userEvent.setup();
+
+        mocked(DeviceListener.sharedInstance().getDeviceState).mockReturnValue("key_storage_out_of_sync");
+
+        renderComponent({ initialState: "reset_identity_forgot" });
+
+        expect(
+            screen.getByRole("heading", {
+                name: "Forgot your recovery key? You’ll need to reset your digital identity.",
+            }),
+        ).toBeVisible();
+
+        await user.click(screen.getByRole("button", { name: "Back" }));
+        await waitFor(() =>
+            screen.getByText("Your key storage is out of sync. Click one of the buttons below to fix the problem."),
+        );
+    });
+
+    it("should display the identity needs reset panel when the user's identity needs resetting", async () => {
+        mocked(DeviceListener.sharedInstance().getDeviceState).mockReturnValue("identity_needs_reset");
+
+        const user = userEvent.setup();
+        const { asFragment } = renderComponent();
+
+        await waitFor(() => screen.getByRole("button", { name: "Continue with reset" }));
+        expect(asFragment()).toMatchSnapshot();
+
+        await user.click(screen.getByRole("button", { name: "Continue with reset" }));
+        expect(screen.getByRole("heading", { name: "You need to reset your digital identity" })).toBeVisible();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/InviteRulesAccountSetting-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/user/InviteRulesAccountSetting-test.tsx
new file mode 100644
index 00000000000..3c766138e58
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/InviteRulesAccountSetting-test.tsx
@@ -0,0 +1,144 @@
+/*
+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 } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import { InviteRulesAccountSetting } from "../../../../../../../src/components/views/settings/tabs/user/InviteRulesAccountSettings";
+import SettingsStore from "../../../../../../../src/settings/SettingsStore";
+import { type ComputedInviteConfig } from "../../../../../../../src/@types/invite-rules";
+import { SettingLevel } from "../../../../../../../src/settings/SettingLevel";
+
+function mockSetting(inviteRules: ComputedInviteConfig, blockInvites: boolean) {
+    jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName) => {
+        if (settingName === "inviteRules") {
+            return inviteRules;
+        }
+        if (settingName === "blockInvites") {
+            return blockInvites;
+        }
+        throw Error(`Unexpected setting ${settingName}`);
+    });
+}
+
+function mockDisabledMessage(msc4155supported: boolean, msc4380Supported: boolean) {
+    jest.spyOn(SettingsStore, "disabledMessage").mockImplementation((settingName) => {
+        if (settingName === "inviteRules") {
+            return msc4155supported ? undefined : "test-not-supported";
+        }
+        if (settingName === "blockInvites") {
+            return msc4380Supported ? undefined : "test-not-supported";
+        }
+        throw Error(`Unexpected setting ${settingName}`);
+    });
+}
+
+describe("InviteRulesAccountSetting", () => {
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("does not render if neither MSC4155 nor MSC4380 are supported", async () => {
+        mockSetting({ allBlocked: false }, false);
+        mockDisabledMessage(false, false);
+        const { findByText, findByLabelText } = render(<InviteRulesAccountSetting />);
+        const input = await findByLabelText("Allow users to invite you to rooms");
+        await userEvent.hover(input);
+        const result = await findByText("test-not-supported");
+        expect(result).toBeInTheDocument();
+    });
+
+    describe("when MSC4155 is supported", () => {
+        beforeEach(() => {
+            mockDisabledMessage(true, false);
+        });
+
+        it("renders correct state when invites are not blocked", async () => {
+            mockSetting({ allBlocked: false }, false);
+            const { findByLabelText } = render(<InviteRulesAccountSetting />);
+            const result = await findByLabelText("Allow users to invite you to rooms");
+            expect(result).toBeChecked();
+        });
+
+        it("renders correct state when invites are blocked", async () => {
+            mockSetting({ allBlocked: true }, false);
+            const { findByLabelText } = render(<InviteRulesAccountSetting />);
+            const result = await findByLabelText("Allow users to invite you to rooms");
+            expect(result).not.toBeChecked();
+        });
+
+        it("handles disabling all invites", async () => {
+            mockSetting({ allBlocked: false }, false);
+            jest.spyOn(SettingsStore, "setValue").mockImplementation();
+            const { findByLabelText } = render(<InviteRulesAccountSetting />);
+            const result = await findByLabelText("Allow users to invite you to rooms");
+            await userEvent.click(result);
+            expect(SettingsStore.setValue).toHaveBeenCalledTimes(1);
+            expect(SettingsStore.setValue).toHaveBeenCalledWith("inviteRules", null, SettingLevel.ACCOUNT, {
+                allBlocked: true,
+            });
+        });
+
+        it("handles enabling all invites", async () => {
+            mockSetting({ allBlocked: true }, true);
+            jest.spyOn(SettingsStore, "setValue").mockImplementation();
+            const { findByLabelText } = render(<InviteRulesAccountSetting />);
+            const result = await findByLabelText("Allow users to invite you to rooms");
+            await userEvent.click(result);
+            // Should clear both MSC4155 and MSC4380 settings
+            expect(SettingsStore.setValue).toHaveBeenCalledTimes(2);
+            expect(SettingsStore.setValue).toHaveBeenCalledWith("inviteRules", null, SettingLevel.ACCOUNT, {
+                allBlocked: false,
+            });
+            expect(SettingsStore.setValue).toHaveBeenCalledWith("blockInvites", null, SettingLevel.ACCOUNT, false);
+        });
+    });
+
+    describe("when MSC4380 is supported", () => {
+        beforeEach(() => {
+            mockDisabledMessage(false, true);
+        });
+
+        it("renders correct state when invites are not blocked", async () => {
+            mockSetting({ allBlocked: false }, false);
+            const { findByLabelText } = render(<InviteRulesAccountSetting />);
+            const result = await findByLabelText("Allow users to invite you to rooms");
+            expect(result).toBeChecked();
+        });
+
+        it("renders correct state when invites are blocked", async () => {
+            mockSetting({ allBlocked: false }, true);
+            const { findByLabelText } = render(<InviteRulesAccountSetting />);
+            const result = await findByLabelText("Allow users to invite you to rooms");
+            expect(result).not.toBeChecked();
+        });
+
+        it("handles disabling all invites", async () => {
+            mockSetting({ allBlocked: false }, false);
+            jest.spyOn(SettingsStore, "setValue").mockImplementation();
+            const { findByLabelText } = render(<InviteRulesAccountSetting />);
+            const result = await findByLabelText("Allow users to invite you to rooms");
+            await userEvent.click(result);
+            expect(SettingsStore.setValue).toHaveBeenCalledTimes(1);
+            expect(SettingsStore.setValue).toHaveBeenCalledWith("blockInvites", null, SettingLevel.ACCOUNT, true);
+        });
+
+        it("handles enabling all invites", async () => {
+            mockSetting({ allBlocked: true }, true);
+            jest.spyOn(SettingsStore, "setValue").mockImplementation();
+            const { findByLabelText } = render(<InviteRulesAccountSetting />);
+            const result = await findByLabelText("Allow users to invite you to rooms");
+            await userEvent.click(result);
+            // Should clear both MSC4155 and MSC4380 settings
+            expect(SettingsStore.setValue).toHaveBeenCalledTimes(2);
+            expect(SettingsStore.setValue).toHaveBeenCalledWith("inviteRules", null, SettingLevel.ACCOUNT, {
+                allBlocked: false,
+            });
+            expect(SettingsStore.setValue).toHaveBeenCalledWith("blockInvites", null, SettingLevel.ACCOUNT, false);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/KeyboardUserSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/user/KeyboardUserSettingsTab-test.tsx
new file mode 100644
index 00000000000..0af6d823862
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/KeyboardUserSettingsTab-test.tsx
@@ -0,0 +1,99 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 Šimon Brandner <simon.bra.ag@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 { render } from "jest-matrix-react";
+import React from "react";
+
+import KeyboardUserSettingsTab from "../../../../../../../src/components/views/settings/tabs/user/KeyboardUserSettingsTab";
+import { Key } from "../../../../../../../src/Keyboard";
+import { mockPlatformPeg } from "../../../../../../test-utils/platform";
+
+const PATH_TO_KEYBOARD_SHORTCUTS = "../../../../../../../src/accessibility/KeyboardShortcuts";
+const PATH_TO_KEYBOARD_SHORTCUT_UTILS = "../../../../../../../src/accessibility/KeyboardShortcutUtils";
+
+const mockKeyboardShortcuts = (override: Record<string, any>) => {
+    jest.doMock(PATH_TO_KEYBOARD_SHORTCUTS, () => {
+        const original = jest.requireActual(PATH_TO_KEYBOARD_SHORTCUTS);
+        return {
+            ...original,
+            ...override,
+        };
+    });
+};
+
+const mockKeyboardShortcutUtils = (override: Record<string, any>) => {
+    jest.doMock(PATH_TO_KEYBOARD_SHORTCUT_UTILS, () => {
+        const original = jest.requireActual(PATH_TO_KEYBOARD_SHORTCUT_UTILS);
+        return {
+            ...original,
+            ...override,
+        };
+    });
+};
+
+const renderKeyboardUserSettingsTab = () => {
+    return render(<KeyboardUserSettingsTab />).container;
+};
+
+describe("KeyboardUserSettingsTab", () => {
+    beforeEach(() => {
+        jest.resetModules();
+        mockPlatformPeg();
+    });
+
+    it("renders list of keyboard shortcuts", () => {
+        mockKeyboardShortcuts({
+            CATEGORIES: {
+                Composer: {
+                    settingNames: ["keybind1", "keybind2"],
+                    categoryLabel: "Composer",
+                },
+                Navigation: {
+                    settingNames: ["keybind3"],
+                    categoryLabel: "Navigation",
+                },
+            },
+        });
+        mockKeyboardShortcutUtils({
+            getKeyboardShortcutValue: (name: string) => {
+                switch (name) {
+                    case "keybind1":
+                        return {
+                            key: Key.A,
+                            ctrlKey: true,
+                        };
+                    case "keybind2": {
+                        return {
+                            key: Key.B,
+                            ctrlKey: true,
+                        };
+                    }
+                    case "keybind3": {
+                        return {
+                            key: Key.ENTER,
+                        };
+                    }
+                }
+            },
+            getKeyboardShortcutDisplayName: (name: string) => {
+                switch (name) {
+                    case "keybind1":
+                        return "Cancel replying to a message";
+                    case "keybind2":
+                        return "Toggle Bold";
+
+                    case "keybind3":
+                        return "Select room from the room list";
+                }
+            },
+        });
+
+        const body = renderKeyboardUserSettingsTab();
+        expect(body).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/LabsUserSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/user/LabsUserSettingsTab-test.tsx
new file mode 100644
index 00000000000..14dad87f00f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/LabsUserSettingsTab-test.tsx
@@ -0,0 +1,53 @@
+/*
+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 LabsUserSettingsTab from "../../../../../../../src/components/views/settings/tabs/user/LabsUserSettingsTab";
+import SettingsStore from "../../../../../../../src/settings/SettingsStore";
+import SdkConfig from "../../../../../../../src/SdkConfig";
+
+describe("<LabsUserSettingsTab />", () => {
+    const getComponent = () => <LabsUserSettingsTab />;
+
+    const settingsValueSpy = jest.spyOn(SettingsStore, "getValue");
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        settingsValueSpy.mockReturnValue(false);
+        SdkConfig.reset();
+        SdkConfig.add({ brand: "BrandedClient" });
+        localStorage.clear();
+    });
+
+    it("renders settings marked as beta as beta cards", () => {
+        render(getComponent());
+        expect(screen.getByText("Upcoming features").parentElement!).toMatchSnapshot();
+    });
+
+    it("does not render non-beta labs settings when disabled in config", () => {
+        const sdkConfigSpy = jest.spyOn(SdkConfig, "get");
+        render(getComponent());
+        expect(sdkConfigSpy).toHaveBeenCalledWith("show_labs_settings");
+
+        // only section is beta section
+        expect(screen.queryByText("Early previews")).not.toBeInTheDocument();
+    });
+
+    it("renders non-beta labs settings when enabled in config", () => {
+        // enable labs
+        SdkConfig.add({ show_labs_settings: true });
+        const { container } = render(getComponent());
+
+        // non-beta labs section
+        expect(screen.getByText("Early previews")).toBeInTheDocument();
+        const labsSections = container.getElementsByClassName("mx_SettingsSubsection");
+        expect(labsSections).toHaveLength(9);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/MediaPreviewAccountSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/user/MediaPreviewAccountSettingsTab-test.tsx
new file mode 100644
index 00000000000..9b942bff295
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/MediaPreviewAccountSettingsTab-test.tsx
@@ -0,0 +1,99 @@
+/*
+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 { render } from "jest-matrix-react";
+import React from "react";
+import userEvent from "@testing-library/user-event";
+import { type MatrixClient, MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { MediaPreviewAccountSettings } from "../../../../../../../src/components/views/settings/tabs/user/MediaPreviewAccountSettings";
+import {
+    getMockClientWithEventEmitter,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+} from "../../../../../../test-utils";
+import MatrixClientBackedController from "../../../../../../../src/settings/controllers/MatrixClientBackedController";
+import MatrixClientBackedSettingsHandler from "../../../../../../../src/settings/handlers/MatrixClientBackedSettingsHandler";
+import type { MockedObject } from "jest-mock-vitest-adapter";
+import {
+    MEDIA_PREVIEW_ACCOUNT_DATA_TYPE,
+    type MediaPreviewConfig,
+    MediaPreviewValue,
+} from "../../../../../../../src/@types/media_preview";
+import MediaPreviewConfigController from "../../../../../../../src/settings/controllers/MediaPreviewConfigController";
+
+describe("MediaPreviewAccountSettings", () => {
+    let client: MockedObject<MatrixClient>;
+    beforeEach(() => {
+        client = getMockClientWithEventEmitter({
+            ...mockClientMethodsServer(),
+            ...mockClientMethodsUser(),
+            getRoom: jest.fn(),
+            setAccountData: jest.fn(),
+            isVersionSupported: jest.fn().mockResolvedValue(true),
+        });
+        MatrixClientBackedController.matrixClient = client;
+        MatrixClientBackedSettingsHandler.matrixClient = client;
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("should render", () => {
+        const { getByLabelText } = render(<MediaPreviewAccountSettings />);
+        // Defaults
+        expect(getByLabelText("Hide avatars of room and inviter")).not.toBeChecked();
+        expect(getByLabelText("Always hide")).not.toBeChecked();
+        expect(getByLabelText("In private rooms")).not.toBeChecked();
+        expect(getByLabelText("Always show")).toBeChecked();
+    });
+
+    it("should be able to toggle hide avatar", async () => {
+        const { getByLabelText } = render(<MediaPreviewAccountSettings />);
+        // Defaults
+        const element = getByLabelText("Hide avatars of room and inviter");
+        await userEvent.click(element);
+        expect(client.setAccountData).toHaveBeenCalledWith(MEDIA_PREVIEW_ACCOUNT_DATA_TYPE, {
+            invite_avatars: MediaPreviewValue.Off,
+            media_previews: MediaPreviewValue.On,
+        });
+        // Ensure we don't double set the account data.
+        expect(client.setAccountData).toHaveBeenCalledTimes(1);
+    });
+
+    // Skip the default.
+    it.each([
+        ["Always hide", MediaPreviewValue.Off],
+        ["In private rooms", MediaPreviewValue.Private],
+        ["Always show", MediaPreviewValue.On],
+    ])("should be able to toggle media preview option %s", async (key, value) => {
+        if (value === MediaPreviewConfigController.default.media_previews) {
+            // This is the default, so switch away first.
+            client.getAccountData.mockImplementation((type) => {
+                if (type === MEDIA_PREVIEW_ACCOUNT_DATA_TYPE) {
+                    return new MatrixEvent({
+                        content: {
+                            media_previews: MediaPreviewValue.Off,
+                        } satisfies Partial<MediaPreviewConfig>,
+                    });
+                }
+                return undefined;
+            });
+        }
+        const { getByLabelText } = render(<MediaPreviewAccountSettings />);
+
+        const element = getByLabelText(key);
+        await userEvent.click(element);
+        expect(client.setAccountData).toHaveBeenCalledWith(MEDIA_PREVIEW_ACCOUNT_DATA_TYPE, {
+            invite_avatars: MediaPreviewValue.On,
+            media_previews: value,
+        });
+        // Ensure we don't double set the account data.
+        expect(client.setAccountData).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/MjolnirUserSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/user/MjolnirUserSettingsTab-test.tsx
new file mode 100644
index 00000000000..53671bfbd5d
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/MjolnirUserSettingsTab-test.tsx
@@ -0,0 +1,37 @@
+/*
+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 { getMockClientWithEventEmitter, mockClientMethodsUser } from "../../../../../../test-utils";
+import MjolnirUserSettingsTab from "../../../../../../../src/components/views/settings/tabs/user/MjolnirUserSettingsTab";
+import MatrixClientContext from "../../../../../../../src/contexts/MatrixClientContext";
+import SettingsStore from "../../../../../../../src/settings/SettingsStore";
+
+describe("<MjolnirUserSettingsTab />", () => {
+    const userId = "@alice:server.org";
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        getRoom: jest.fn(),
+    });
+
+    const getComponent = () =>
+        render(<MjolnirUserSettingsTab />, {
+            wrapper: ({ children }) => (
+                <MatrixClientContext.Provider value={mockClient}>{children}</MatrixClientContext.Provider>
+            ),
+        });
+
+    it("renders correctly when user has no ignored users", () => {
+        jest.spyOn(SettingsStore, "getValue").mockReturnValue(null);
+        const { container } = getComponent();
+
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/PreferencesUserSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/user/PreferencesUserSettingsTab-test.tsx
new file mode 100644
index 00000000000..1cd548e4ea7
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/PreferencesUserSettingsTab-test.tsx
@@ -0,0 +1,201 @@
+/*
+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 { fireEvent, render, type RenderResult, screen, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import PreferencesUserSettingsTab from "../../../../../../../src/components/views/settings/tabs/user/PreferencesUserSettingsTab";
+import { MatrixClientPeg } from "../../../../../../../src/MatrixClientPeg";
+import {
+    getMockClientWithEventEmitter,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+    mockPlatformPeg,
+    stubClient,
+} from "../../../../../../test-utils";
+import SettingsStore from "../../../../../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../../../../../src/settings/SettingLevel";
+import MatrixClientBackedController from "../../../../../../../src/settings/controllers/MatrixClientBackedController";
+import PlatformPeg from "../../../../../../../src/PlatformPeg";
+import { type SettingKey } from "../../../../../../../src/settings/Settings.tsx";
+
+describe("PreferencesUserSettingsTab", () => {
+    beforeEach(() => {
+        mockPlatformPeg();
+    });
+
+    const renderTab = (): RenderResult => {
+        return render(<PreferencesUserSettingsTab />);
+    };
+
+    it("should render", () => {
+        MatrixClientBackedController.matrixClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsServer(),
+            ...mockClientMethodsUser(),
+        });
+        const { asFragment } = renderTab();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should reload when changing language", async () => {
+        const reloadStub = jest.fn();
+        PlatformPeg.get()!.reload = reloadStub;
+
+        renderTab();
+        const languageDropdown = await screen.findByRole("button", { name: "Language Dropdown" });
+        expect(languageDropdown).toBeInTheDocument();
+
+        await userEvent.click(languageDropdown);
+
+        const germanOption = await screen.findByText("Deutsch");
+        await userEvent.click(germanOption);
+        expect(reloadStub).toHaveBeenCalled();
+    });
+
+    it("should search and select a user timezone", async () => {
+        renderTab();
+
+        expect(await screen.findByText(/Browser default/)).toBeInTheDocument();
+        const timezoneDropdown = await screen.findByRole("button", { name: "Set timezone" });
+        await userEvent.click(timezoneDropdown);
+
+        // Without filtering `expect(screen.queryByRole("option" ...` take over 1s.
+        await fireEvent.change(screen.getByRole("combobox", { name: "Set timezone" }), {
+            target: { value: "Africa/Abidjan" },
+        });
+
+        expect(screen.queryByRole("option", { name: "Africa/Abidjan" })).toBeInTheDocument();
+        expect(screen.queryByRole("option", { name: "Europe/Paris" })).not.toBeInTheDocument();
+
+        await fireEvent.change(screen.getByRole("combobox", { name: "Set timezone" }), {
+            target: { value: "Europe/Paris" },
+        });
+
+        expect(screen.queryByRole("option", { name: "Africa/Abidjan" })).not.toBeInTheDocument();
+        const option = await screen.getByRole("option", { name: "Europe/Paris" });
+        await userEvent.click(option);
+
+        expect(await screen.findByText("Europe/Paris")).toBeInTheDocument();
+    });
+
+    it("should not show spell check setting if unsupported", async () => {
+        PlatformPeg.get()!.supportsSpellCheckSettings = jest.fn().mockReturnValue(false);
+
+        renderTab();
+        expect(screen.queryByRole("switch", { name: "Allow spell check" })).not.toBeInTheDocument();
+    });
+
+    it("should enable spell check", async () => {
+        const spellCheckEnableFn = jest.fn();
+        PlatformPeg.get()!.supportsSpellCheckSettings = jest.fn().mockReturnValue(true);
+        PlatformPeg.get()!.getSpellCheckEnabled = jest.fn().mockReturnValue(false);
+        PlatformPeg.get()!.setSpellCheckEnabled = spellCheckEnableFn;
+
+        renderTab();
+        const toggle = await screen.findByRole("switch", { name: "Allow spell check" });
+        expect(toggle).not.toBeDisabled();
+
+        await userEvent.click(toggle);
+
+        expect(spellCheckEnableFn).toHaveBeenCalledWith(true);
+    });
+
+    describe("send read receipts", () => {
+        beforeEach(() => {
+            stubClient();
+            jest.spyOn(SettingsStore, "setValue");
+            jest.spyOn(window, "matchMedia").mockReturnValue({ matches: false } as MediaQueryList);
+        });
+
+        afterEach(() => {
+            jest.resetAllMocks();
+        });
+
+        const getToggle = () => renderTab().getByRole("switch", { name: "Send read receipts" });
+
+        const mockIsVersionSupported = (val: boolean) => {
+            const client = MatrixClientPeg.safeGet();
+            jest.spyOn(client, "doesServerSupportUnstableFeature").mockResolvedValue(false);
+            jest.spyOn(client, "isVersionSupported").mockImplementation(async (version: string) => {
+                if (version === "v1.4") return val;
+                return false;
+            });
+            MatrixClientBackedController.matrixClient = client;
+        };
+
+        const mockGetValue = (val: boolean) => {
+            const copyOfGetValueAt = SettingsStore.getValueAt;
+
+            SettingsStore.getValueAt = (
+                level: SettingLevel,
+                name: SettingKey,
+                roomId?: string,
+                isExplicit?: boolean,
+            ) => {
+                if (name === "sendReadReceipts") return val;
+                return copyOfGetValueAt(level, name, roomId, isExplicit);
+            };
+        };
+
+        const expectSetValueToHaveBeenCalled = (
+            name: string,
+            roomId: string | null,
+            level: SettingLevel,
+            value: boolean,
+        ) => expect(SettingsStore.setValue).toHaveBeenCalledWith(name, roomId, level, value);
+
+        describe("with server support", () => {
+            beforeEach(() => {
+                mockIsVersionSupported(true);
+            });
+
+            it("can be enabled", async () => {
+                mockGetValue(false);
+                const toggle = getToggle();
+
+                await waitFor(() => expect(toggle).not.toBeDisabled());
+                fireEvent.click(toggle);
+                expectSetValueToHaveBeenCalled("sendReadReceipts", null, SettingLevel.ACCOUNT, true);
+            });
+
+            it("can be disabled", async () => {
+                mockGetValue(true);
+                const toggle = getToggle();
+
+                await waitFor(() => expect(toggle).not.toBeDisabled());
+                fireEvent.click(toggle);
+                expectSetValueToHaveBeenCalled("sendReadReceipts", null, SettingLevel.ACCOUNT, false);
+            });
+        });
+
+        describe("without server support", () => {
+            beforeEach(() => {
+                mockIsVersionSupported(false);
+            });
+
+            it("is forcibly enabled", async () => {
+                const toggle = getToggle();
+                await waitFor(() => {
+                    expect(toggle).toBeChecked();
+                    expect(toggle).toBeDisabled();
+                });
+            });
+
+            it("cannot be disabled", async () => {
+                mockGetValue(true);
+                const toggle = getToggle();
+
+                await waitFor(() => expect(toggle).toBeDisabled());
+                console.log(toggle.innerHTML);
+                fireEvent.click(toggle);
+                expect(SettingsStore.setValue).not.toHaveBeenCalled();
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/SecurityUserSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/user/SecurityUserSettingsTab-test.tsx
new file mode 100644
index 00000000000..b46531773a6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/SecurityUserSettingsTab-test.tsx
@@ -0,0 +1,101 @@
+/*
+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 { render, screen } from "jest-matrix-react";
+import React, { act } from "react";
+import userEvent from "@testing-library/user-event";
+
+import SecurityUserSettingsTab from "../../../../../../../src/components/views/settings/tabs/user/SecurityUserSettingsTab";
+import MatrixClientContext from "../../../../../../../src/contexts/MatrixClientContext";
+import {
+    getMockClientWithEventEmitter,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+    mockClientMethodsCrypto,
+    mockClientMethodsDevice,
+    mockPlatformPeg,
+} from "../../../../../../test-utils";
+import { SDKContext } from "../../../../../../../src/contexts/SDKContext";
+import { TestSDKContext } from "../../../../../TestSDKContext.ts";
+import defaultDispatcher from "../../../../../../../src/dispatcher/dispatcher";
+import { UIFeature } from "../../../../../../../src/settings/UIFeature";
+import SettingsStore from "../../../../../../../src/settings/SettingsStore";
+
+describe("<SecurityUserSettingsTab />", () => {
+    const getIgnoredUsers = jest.fn();
+    const setIgnoredUsers = jest.fn();
+
+    const userId = "@alice:server.org";
+    const deviceId = "alices-device";
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        ...mockClientMethodsServer(),
+        ...mockClientMethodsDevice(deviceId),
+        ...mockClientMethodsCrypto(),
+        getRooms: jest.fn().mockReturnValue([]),
+        getPushers: jest.fn().mockReturnValue([]),
+        getIgnoredUsers,
+        setIgnoredUsers,
+    });
+
+    const sdkContext = new TestSDKContext();
+    sdkContext._client = mockClient;
+
+    const getComponent = () => (
+        <MatrixClientContext.Provider value={mockClient}>
+            <SDKContext.Provider value={sdkContext}>
+                <SecurityUserSettingsTab />
+            </SDKContext.Provider>
+        </MatrixClientContext.Provider>
+    );
+
+    beforeEach(() => {
+        mockPlatformPeg();
+        jest.clearAllMocks();
+    });
+
+    it("renders security section", () => {
+        const { container } = render(getComponent());
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders ignored users", () => {
+        getIgnoredUsers.mockReturnValue(["@bob:example.org"]);
+        const { getByRole } = render(getComponent());
+        const ignoredUsers = getByRole("list", { name: "Ignored users" });
+
+        expect(ignoredUsers).toMatchSnapshot();
+    });
+
+    it("allows unignoring a user", async () => {
+        getIgnoredUsers.mockReturnValue(["@bob:example.org"]);
+        const { getByText, getByRole } = render(getComponent());
+        await userEvent.click(getByRole("button", { name: "Unignore" }));
+        expect(setIgnoredUsers).toHaveBeenCalledWith([]);
+        await act(() => {
+            getIgnoredUsers.mockReturnValue([]);
+            defaultDispatcher.dispatch(
+                {
+                    action: "ignore_state_changed",
+                },
+                true,
+            );
+        });
+        expect(getByText("You have no ignored users.")).toBeVisible();
+    });
+
+    it("does not render privacy header if 3pid features are disabled", async () => {
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((key: any): any => {
+            if (key === UIFeature.ThirdPartyID) return false;
+        });
+
+        render(getComponent());
+
+        expect(screen.queryByRole("heading", { name: "Privacy" })).toBeNull();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/SessionManagerTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/user/SessionManagerTab-test.tsx
new file mode 100644
index 00000000000..e63045354fb
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/SessionManagerTab-test.tsx
@@ -0,0 +1,1664 @@
+/*
+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 {
+    act,
+    fireEvent,
+    render,
+    type RenderResult,
+    screen,
+    waitFor,
+    waitForElementToBeRemoved,
+    within,
+} from "jest-matrix-react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type CryptoApi, DeviceVerificationStatus, type VerificationRequest } from "matrix-js-sdk/src/crypto-api";
+import { sleep } from "matrix-js-sdk/src/utils";
+import {
+    ClientEvent,
+    Device,
+    type IMyDevice,
+    LOCAL_NOTIFICATION_SETTINGS_PREFIX,
+    MatrixEvent,
+    PUSHER_DEVICE_ID,
+    PUSHER_ENABLED,
+    type IAuthData,
+    GET_LOGIN_TOKEN_CAPABILITY,
+    MatrixError,
+    type MatrixClient,
+} from "matrix-js-sdk/src/matrix";
+import { mocked, type MockedObject } from "jest-mock-vitest-adapter";
+
+import {
+    clearAllModals,
+    flushPromises,
+    getMockClientWithEventEmitter,
+    mkPusher,
+    mockClientMethodsCrypto,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+    mockPlatformPeg,
+} from "../../../../../../test-utils";
+import SessionManagerTab from "../../../../../../../src/components/views/settings/tabs/user/SessionManagerTab";
+import Modal from "../../../../../../../src/Modal";
+import LogoutDialog from "../../../../../../../src/components/views/dialogs/LogoutDialog";
+import {
+    DeviceSecurityVariation,
+    type ExtendedDevice,
+} from "../../../../../../../src/components/views/settings/devices/types";
+import { INACTIVE_DEVICE_AGE_MS } from "../../../../../../../src/components/views/settings/devices/filter";
+import SettingsStore from "../../../../../../../src/settings/SettingsStore";
+import { getClientInformationEventType } from "../../../../../../../src/utils/device/clientInformation";
+import { SDKContext } from "../../../../../../../src/contexts/SDKContext";
+import { TestSDKContext } from "../../../../../TestSDKContext.ts";
+import { makeDelegatedAuthMetadata } from "../../../../../../test-utils/auth";
+import MatrixClientContext from "../../../../../../../src/contexts/MatrixClientContext";
+
+mockPlatformPeg();
+
+// to restore later
+const realWindowLocation = window.location;
+
+function deviceToDeviceObj(userId: string, device: IMyDevice, opts: Partial<Device> = {}): Device {
+    const deviceOpts: Pick<Device, "deviceId" | "userId" | "algorithms" | "keys"> & Partial<Device> = {
+        deviceId: device.device_id,
+        userId,
+        algorithms: [],
+        displayName: device.display_name,
+        keys: new Map(),
+        ...opts,
+    };
+    return new Device(deviceOpts);
+}
+
+describe("<SessionManagerTab />", () => {
+    const aliceId = "@alice:server.org";
+    const deviceId = "alices_device";
+
+    const alicesDevice = {
+        device_id: deviceId,
+        display_name: "Alices device",
+    };
+    const alicesDeviceObj = deviceToDeviceObj(aliceId, alicesDevice);
+    const alicesMobileDevice = {
+        device_id: "alices_mobile_device",
+        last_seen_ts: Date.now(),
+    };
+    const alicesMobileDeviceObj = deviceToDeviceObj(aliceId, alicesMobileDevice);
+
+    const alicesOlderMobileDevice = {
+        device_id: "alices_older_mobile_device",
+        last_seen_ts: Date.now() - 600000,
+    };
+
+    const alicesInactiveDevice = {
+        device_id: "alices_older_inactive_mobile_device",
+        last_seen_ts: Date.now() - (INACTIVE_DEVICE_AGE_MS + 1000),
+    };
+
+    const alicesDehydratedDevice = {
+        device_id: "alices_dehydrated_device",
+        last_seen_ts: Date.now(),
+    };
+    const alicesDehydratedDeviceObj = deviceToDeviceObj(aliceId, alicesDehydratedDevice, { dehydrated: true });
+
+    const alicesOtherDehydratedDevice = {
+        device_id: "alices_other_dehydrated_device",
+        last_seen_ts: Date.now(),
+    };
+    const alicesOtherDehydratedDeviceObj = deviceToDeviceObj(aliceId, alicesOtherDehydratedDevice, {
+        dehydrated: true,
+    });
+
+    const mockVerificationRequest = {
+        cancel: jest.fn(),
+        on: jest.fn(),
+        off: jest.fn(),
+    } as unknown as VerificationRequest;
+
+    const mockCrypto = mocked({
+        getDeviceVerificationStatus: jest.fn(),
+        getUserDeviceInfo: jest.fn().mockResolvedValue(new Map()),
+        requestDeviceVerification: jest.fn().mockResolvedValue(mockVerificationRequest),
+        supportsSecretsForQrLogin: jest.fn().mockReturnValue(false),
+        isCrossSigningReady: jest.fn().mockReturnValue(true),
+        getVerificationRequestsToDeviceInProgress: jest.fn().mockReturnValue([]),
+    } as unknown as CryptoApi);
+
+    let mockClient!: MockedObject<MatrixClient>;
+    let sdkContext: TestSDKContext;
+
+    const defaultProps = {};
+    const getComponent = (props = {}): React.ReactElement => (
+        <SDKContext.Provider value={sdkContext}>
+            <MatrixClientContext.Provider value={mockClient}>
+                <SessionManagerTab {...defaultProps} {...props} />
+            </MatrixClientContext.Provider>
+        </SDKContext.Provider>
+    );
+
+    const toggleDeviceDetails = (
+        getByTestId: ReturnType<typeof render>["getByTestId"],
+        deviceId: ExtendedDevice["device_id"],
+        isOpen?: boolean,
+    ): void => {
+        // open device detail
+        const tile = getByTestId(`device-tile-${deviceId}`);
+        const label = isOpen ? "Hide details" : "Show details";
+        const toggle = within(tile).getByLabelText(label);
+        fireEvent.click(toggle);
+    };
+
+    const toggleDeviceSelection = (
+        getByTestId: ReturnType<typeof render>["getByTestId"],
+        deviceId: ExtendedDevice["device_id"],
+    ): void => {
+        const checkbox = getByTestId(`device-tile-checkbox-${deviceId}`);
+        fireEvent.click(checkbox);
+    };
+
+    const getDeviceTile = (
+        getByTestId: ReturnType<typeof render>["getByTestId"],
+        deviceId: ExtendedDevice["device_id"],
+    ): HTMLElement => {
+        return getByTestId(`device-tile-${deviceId}`);
+    };
+
+    const setFilter = async (container: HTMLElement, option: DeviceSecurityVariation | string) => {
+        const dropdown = within(container).getByLabelText("Filter devices");
+
+        fireEvent.click(dropdown);
+        screen.getByRole("listbox");
+
+        fireEvent.click(screen.getByTestId(`filter-option-${option}`) as Element);
+    };
+
+    const isDeviceSelected = (
+        getByTestId: ReturnType<typeof render>["getByTestId"],
+        deviceId: ExtendedDevice["device_id"],
+    ): boolean => !!(getByTestId(`device-tile-checkbox-${deviceId}`) as HTMLInputElement).checked;
+
+    const isSelectAllChecked = (getByTestId: ReturnType<typeof render>["getByTestId"]): boolean =>
+        !!(getByTestId("device-select-all-checkbox") as HTMLInputElement).checked;
+
+    const confirmSignout = async (
+        getByTestId: ReturnType<typeof render>["getByTestId"],
+        confirm = true,
+    ): Promise<void> => {
+        // modal has sleeps in rendering process :(
+        await screen.findByRole("dialog");
+        const buttonId = confirm ? "dialog-primary-button" : "dialog-cancel-button";
+        fireEvent.click(getByTestId(buttonId));
+
+        // flush the confirmation promise
+        await flushPromises();
+    };
+
+    beforeEach(async () => {
+        mockClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(aliceId),
+            ...mockClientMethodsServer(),
+            ...mockClientMethodsCrypto(),
+            getCrypto: jest.fn().mockReturnValue(mockCrypto),
+            getDevices: jest.fn(),
+            getDeviceId: jest.fn().mockReturnValue(deviceId),
+            deleteMultipleDevices: jest.fn(),
+            generateClientSecret: jest.fn(),
+            setDeviceDetails: jest.fn(),
+            getAccountData: jest.fn(),
+            deleteAccountData: jest.fn(),
+            doesServerSupportUnstableFeature: jest.fn().mockResolvedValue(true),
+            getPushers: jest.fn(),
+            setPusher: jest.fn(),
+            setLocalNotificationSettings: jest.fn(),
+            getAuthMetadata: jest.fn().mockRejectedValue(new MatrixError({ errcode: "M_UNRECOGNIZED" }, 404)),
+        });
+        jest.clearAllMocks();
+        jest.spyOn(logger, "error").mockRestore();
+        mockCrypto.getDeviceVerificationStatus.mockReset().mockResolvedValue(new DeviceVerificationStatus({}));
+
+        mockClient.getDevices.mockReset().mockResolvedValue({ devices: [alicesDevice, alicesMobileDevice] });
+
+        mockClient.getPushers.mockReset().mockResolvedValue({
+            pushers: [
+                mkPusher({
+                    [PUSHER_DEVICE_ID.name]: alicesMobileDevice.device_id,
+                    [PUSHER_ENABLED.name]: true,
+                }),
+            ],
+        });
+
+        // @ts-ignore mock
+        mockClient.store = { accountData: new Map() };
+
+        mockClient.getAccountData.mockReset().mockImplementation((eventType) => {
+            if (eventType.startsWith(LOCAL_NOTIFICATION_SETTINGS_PREFIX.name)) {
+                return new MatrixEvent({
+                    type: eventType,
+                    content: {
+                        is_silenced: false,
+                    },
+                });
+            }
+        });
+
+        sdkContext = new TestSDKContext();
+        sdkContext._client = mockClient;
+
+        // @ts-ignore allow delete of non-optional prop
+        delete window.location;
+        // @ts-ignore ugly mocking
+        window.location = {
+            href: "https://localhost/",
+            origin: "https://localhost/",
+        };
+
+        // sometimes a verification modal is in modal state when these tests run
+        // make sure the coast is clear
+        await clearAllModals();
+    });
+
+    afterAll(() => {
+        // @ts-expect-error
+        window.location = realWindowLocation;
+    });
+
+    it("renders spinner while devices load", () => {
+        const { container } = render(getComponent());
+        expect(container.getElementsByClassName("mx_Spinner").length).toBeTruthy();
+    });
+
+    it("removes spinner when device fetch fails", async () => {
+        // eat the expected error log
+        jest.spyOn(logger, "error").mockImplementation(() => {});
+        mockClient.getDevices.mockRejectedValue({ httpStatus: 404 });
+        const { container } = render(getComponent());
+
+        await flushPromises();
+        expect(container.getElementsByClassName("mx_Spinner").length).toBeFalsy();
+    });
+
+    it("sets device verification status correctly", async () => {
+        mockClient.getDevices.mockResolvedValue({
+            devices: [alicesDevice, alicesMobileDevice, alicesOlderMobileDevice],
+        });
+        mockCrypto.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
+            // alices device is trusted
+            if (deviceId === alicesDevice.device_id) {
+                return new DeviceVerificationStatus({ crossSigningVerified: true, localVerified: true });
+            }
+            // alices mobile device is not
+            if (deviceId === alicesMobileDevice.device_id) {
+                return new DeviceVerificationStatus({});
+            }
+            // alicesOlderMobileDevice does not support encryption
+            return null;
+        });
+
+        const { getByTestId } = render(getComponent());
+
+        await flushPromises();
+
+        expect(mockCrypto.getDeviceVerificationStatus).toHaveBeenCalledTimes(3);
+        expect(
+            getByTestId(`device-tile-${alicesDevice.device_id}`).querySelector('[aria-label="Verified"]'),
+        ).toBeTruthy();
+        expect(
+            getByTestId(`device-tile-${alicesMobileDevice.device_id}`).querySelector('[aria-label="Unverified"]'),
+        ).toBeTruthy();
+        // sessions that dont support encryption use unverified badge
+        expect(
+            getByTestId(`device-tile-${alicesOlderMobileDevice.device_id}`).querySelector('[aria-label="Unverified"]'),
+        ).toBeTruthy();
+    });
+
+    it("extends device with client information when available", async () => {
+        mockClient.getDevices.mockResolvedValue({
+            devices: [alicesDevice, alicesMobileDevice],
+        });
+        mockClient.getAccountData.mockImplementation((eventType: string) => {
+            const content = {
+                name: "Element Web",
+                version: "1.2.3",
+                url: "test.com",
+            };
+            return new MatrixEvent({
+                type: eventType,
+                content,
+            });
+        });
+
+        const { getByTestId } = render(getComponent());
+
+        await flushPromises();
+
+        // twice for each device
+        expect(mockClient.getAccountData).toHaveBeenCalledTimes(4);
+
+        toggleDeviceDetails(getByTestId, alicesDevice.device_id);
+        // application metadata section rendered
+        expect(getByTestId("device-detail-metadata-application")).toBeTruthy();
+    });
+
+    it("renders devices without available client information without error", async () => {
+        mockClient.getDevices.mockResolvedValue({
+            devices: [alicesDevice, alicesMobileDevice],
+        });
+
+        const { getByTestId, queryByTestId } = render(getComponent());
+
+        await flushPromises();
+
+        toggleDeviceDetails(getByTestId, alicesDevice.device_id);
+        // application metadata section not rendered
+        expect(queryByTestId("device-detail-metadata-application")).toBeFalsy();
+    });
+
+    it("does not render other sessions section when user has only one device", async () => {
+        mockClient.getDevices.mockResolvedValue({ devices: [alicesDevice] });
+        const { queryByTestId } = render(getComponent());
+
+        await flushPromises();
+
+        expect(queryByTestId("other-sessions-section")).toBeFalsy();
+    });
+
+    it("renders other sessions section when user has more than one device", async () => {
+        mockClient.getDevices.mockResolvedValue({
+            devices: [alicesDevice, alicesOlderMobileDevice, alicesMobileDevice],
+        });
+        const { getByTestId } = render(getComponent());
+
+        await flushPromises();
+
+        expect(getByTestId("other-sessions-section")).toBeTruthy();
+    });
+
+    it("goes to filtered list from security recommendations", async () => {
+        mockClient.getDevices.mockResolvedValue({
+            devices: [alicesDevice, alicesMobileDevice],
+        });
+        const { getByTestId, container } = render(getComponent());
+
+        await flushPromises();
+
+        fireEvent.click(getByTestId("unverified-devices-cta"));
+
+        // our session manager waits a tick for rerender
+        await flushPromises();
+
+        // unverified filter is set
+        expect(container.querySelector(".mx_FilteredDeviceListHeader")).toMatchSnapshot();
+    });
+
+    describe("current session section", () => {
+        it("disables current session context menu while devices are loading", () => {
+            const { getByTestId } = render(getComponent());
+            expect(getByTestId("current-session-menu").getAttribute("aria-disabled")).toBeTruthy();
+        });
+
+        it("disables current session context menu when there is no current device", async () => {
+            mockClient.getDevices.mockResolvedValue({ devices: [] });
+            const { getByTestId } = render(getComponent());
+            await act(async () => {
+                await flushPromises();
+            });
+
+            expect(getByTestId("current-session-menu").getAttribute("aria-disabled")).toBeTruthy();
+        });
+
+        it("renders current session section with an unverified session", async () => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesMobileDevice],
+            });
+            const { getByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            expect(getByTestId("current-session-section")).toMatchSnapshot();
+        });
+
+        it("opens encryption setup dialog when verifiying current session", async () => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesMobileDevice],
+            });
+            const { getByTestId } = render(getComponent());
+            const modalSpy = jest.spyOn(Modal, "createDialog");
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            // click verify button from current session section
+            fireEvent.click(getByTestId(`verification-status-button-${alicesDevice.device_id}`));
+
+            expect(modalSpy).toHaveBeenCalled();
+        });
+
+        it("renders current session section with a verified session", async () => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesMobileDevice],
+            });
+            mockCrypto.getDeviceVerificationStatus.mockResolvedValue(
+                new DeviceVerificationStatus({ crossSigningVerified: true, localVerified: true }),
+            );
+
+            const { getByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            expect(getByTestId("current-session-section")).toMatchSnapshot();
+        });
+
+        it("expands current session details", async () => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesMobileDevice],
+            });
+            const { getByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            fireEvent.click(getByTestId("current-session-toggle-details"));
+
+            expect(getByTestId(`device-detail-${alicesDevice.device_id}`)).toBeTruthy();
+            // only one security card rendered
+            expect(getByTestId("current-session-section").querySelectorAll(".mx_DeviceSecurityCard").length).toEqual(1);
+        });
+    });
+
+    describe("device detail expansion", () => {
+        it("renders no devices expanded by default", async () => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesOlderMobileDevice, alicesMobileDevice],
+            });
+            const { getByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            const otherSessionsSection = getByTestId("other-sessions-section");
+
+            // no expanded device details
+            expect(otherSessionsSection.getElementsByClassName("mx_DeviceDetails").length).toBeFalsy();
+        });
+
+        it("toggles device expansion on click", async () => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesOlderMobileDevice, alicesMobileDevice],
+            });
+            const { getByTestId, queryByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            toggleDeviceDetails(getByTestId, alicesOlderMobileDevice.device_id);
+
+            // device details are expanded
+            expect(getByTestId(`device-detail-${alicesOlderMobileDevice.device_id}`)).toBeTruthy();
+
+            toggleDeviceDetails(getByTestId, alicesMobileDevice.device_id);
+
+            // both device details are expanded
+            expect(getByTestId(`device-detail-${alicesOlderMobileDevice.device_id}`)).toBeTruthy();
+            expect(getByTestId(`device-detail-${alicesMobileDevice.device_id}`)).toBeTruthy();
+
+            // toggle closed
+            toggleDeviceDetails(getByTestId, alicesMobileDevice.device_id, true);
+
+            // alicesMobileDevice was toggled off
+            expect(queryByTestId(`device-detail-${alicesMobileDevice.device_id}`)).toBeFalsy();
+            // alicesOlderMobileDevice stayed open
+            expect(getByTestId(`device-detail-${alicesOlderMobileDevice.device_id}`)).toBeTruthy();
+        });
+    });
+
+    describe("Device verification", () => {
+        it("does not render device verification cta when current session is not verified", async () => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesOlderMobileDevice, alicesMobileDevice],
+            });
+            const { getByTestId, queryByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            toggleDeviceDetails(getByTestId, alicesOlderMobileDevice.device_id);
+
+            // verify device button is not rendered
+            expect(queryByTestId(`verification-status-button-${alicesOlderMobileDevice.device_id}`)).toBeFalsy();
+        });
+
+        it("renders device verification cta on other sessions when current session is verified", async () => {
+            const modalSpy = jest.spyOn(Modal, "createDialog");
+
+            // make the current device verified
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesMobileDevice],
+            });
+            mockCrypto.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
+                if (deviceId === alicesDevice.device_id) {
+                    return new DeviceVerificationStatus({ crossSigningVerified: true, localVerified: true });
+                }
+                return new DeviceVerificationStatus({});
+            });
+
+            const { getByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            toggleDeviceDetails(getByTestId, alicesMobileDevice.device_id);
+
+            // click verify button from current session section
+            fireEvent.click(getByTestId(`verification-status-button-${alicesMobileDevice.device_id}`));
+
+            expect(mockCrypto.requestDeviceVerification).toHaveBeenCalledWith(aliceId, alicesMobileDevice.device_id);
+            expect(modalSpy).toHaveBeenCalled();
+        });
+
+        it("does not allow device verification on session that do not support encryption", async () => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesMobileDevice],
+            });
+            mockCrypto.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
+                // current session verified = able to verify other sessions
+                if (deviceId === alicesDevice.device_id) {
+                    return new DeviceVerificationStatus({ crossSigningVerified: true, localVerified: true });
+                }
+                // but alicesMobileDevice doesn't support encryption
+                return null;
+            });
+
+            const { getByTestId, queryByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            toggleDeviceDetails(getByTestId, alicesMobileDevice.device_id);
+
+            // no verify button
+            expect(queryByTestId(`verification-status-button-${alicesMobileDevice.device_id}`)).toBeFalsy();
+            expect(
+                getByTestId(`device-detail-${alicesMobileDevice.device_id}`).getElementsByClassName(
+                    "mx_DeviceSecurityCard",
+                ),
+            ).toMatchSnapshot();
+        });
+
+        it("refreshes devices after verifying other device", async () => {
+            const modalSpy = jest.spyOn(Modal, "createDialog");
+
+            // make the current device verified
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesMobileDevice],
+            });
+            mockCrypto.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
+                if (deviceId === alicesDevice.device_id) {
+                    return new DeviceVerificationStatus({ crossSigningVerified: true, localVerified: true });
+                }
+                return new DeviceVerificationStatus({});
+            });
+
+            const { getByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            toggleDeviceDetails(getByTestId, alicesMobileDevice.device_id);
+
+            // reset mock counter before triggering verification
+            mockClient.getDevices.mockClear();
+
+            // click verify button from current session section
+            fireEvent.click(getByTestId(`verification-status-button-${alicesMobileDevice.device_id}`));
+
+            // close the modal
+            const { close: closeModal } = modalSpy.mock.results[0].value;
+            closeModal();
+            await flushPromises();
+
+            // cancelled in case it was a failure exit from modal
+            expect(mockVerificationRequest.cancel).toHaveBeenCalled();
+            // devices refreshed
+            expect(mockClient.getDevices).toHaveBeenCalled();
+        });
+    });
+
+    describe("device dehydration", () => {
+        it("Hides a verified dehydrated device", async () => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesMobileDevice, alicesDehydratedDevice],
+            });
+
+            const devicesMap = new Map<string, Device>([
+                [alicesDeviceObj.deviceId, alicesDeviceObj],
+                [alicesMobileDeviceObj.deviceId, alicesMobileDeviceObj],
+                [alicesDehydratedDeviceObj.deviceId, alicesDehydratedDeviceObj],
+            ]);
+            const userDeviceMap = new Map<string, Map<string, Device>>([[aliceId, devicesMap]]);
+            mockCrypto.getUserDeviceInfo.mockResolvedValue(userDeviceMap);
+            mockCrypto.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
+                // alices device is trusted
+                if (deviceId === alicesDevice.device_id) {
+                    return new DeviceVerificationStatus({ crossSigningVerified: true, localVerified: true });
+                }
+                // the dehydrated device is trusted
+                if (deviceId === alicesDehydratedDevice.device_id) {
+                    return new DeviceVerificationStatus({ crossSigningVerified: true, localVerified: true });
+                }
+                // alices mobile device is not
+                if (deviceId === alicesMobileDevice.device_id) {
+                    return new DeviceVerificationStatus({});
+                }
+                return null;
+            });
+
+            const { queryByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            expect(queryByTestId(`device-tile-${alicesDevice.device_id}`)).toBeTruthy();
+            expect(queryByTestId(`device-tile-${alicesMobileDevice.device_id}`)).toBeTruthy();
+            // the dehydrated device should be hidden
+            expect(queryByTestId(`device-tile-${alicesDehydratedDevice.device_id}`)).toBeFalsy();
+        });
+
+        it("Shows an unverified dehydrated device", async () => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesMobileDevice, alicesDehydratedDevice],
+            });
+
+            const devicesMap = new Map<string, Device>([
+                [alicesDeviceObj.deviceId, alicesDeviceObj],
+                [alicesMobileDeviceObj.deviceId, alicesMobileDeviceObj],
+                [alicesDehydratedDeviceObj.deviceId, alicesDehydratedDeviceObj],
+            ]);
+            const userDeviceMap = new Map<string, Map<string, Device>>([[aliceId, devicesMap]]);
+            mockCrypto.getUserDeviceInfo.mockResolvedValue(userDeviceMap);
+            mockCrypto.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
+                // alices device is trusted
+                if (deviceId === alicesDevice.device_id) {
+                    return new DeviceVerificationStatus({ crossSigningVerified: true, localVerified: true });
+                }
+                // the dehydrated device is not
+                if (deviceId === alicesDehydratedDevice.device_id) {
+                    return new DeviceVerificationStatus({ crossSigningVerified: false, localVerified: false });
+                }
+                // alices mobile device is not
+                if (deviceId === alicesMobileDevice.device_id) {
+                    return new DeviceVerificationStatus({});
+                }
+                return null;
+            });
+
+            const { queryByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            expect(queryByTestId(`device-tile-${alicesDevice.device_id}`)).toBeTruthy();
+            expect(queryByTestId(`device-tile-${alicesMobileDevice.device_id}`)).toBeTruthy();
+            // the dehydrated device should be shown since it is unverified
+            expect(queryByTestId(`device-tile-${alicesDehydratedDevice.device_id}`)).toBeTruthy();
+        });
+
+        it("Shows the dehydrated devices if there are multiple", async () => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesMobileDevice, alicesDehydratedDevice, alicesOtherDehydratedDevice],
+            });
+
+            const devicesMap = new Map<string, Device>([
+                [alicesDeviceObj.deviceId, alicesDeviceObj],
+                [alicesMobileDeviceObj.deviceId, alicesMobileDeviceObj],
+                [alicesDehydratedDeviceObj.deviceId, alicesDehydratedDeviceObj],
+                [alicesOtherDehydratedDeviceObj.deviceId, alicesOtherDehydratedDeviceObj],
+            ]);
+            const userDeviceMap = new Map<string, Map<string, Device>>([[aliceId, devicesMap]]);
+            mockCrypto.getUserDeviceInfo.mockResolvedValue(userDeviceMap);
+            mockCrypto.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
+                // alices device is trusted
+                if (deviceId === alicesDevice.device_id) {
+                    return new DeviceVerificationStatus({ crossSigningVerified: true, localVerified: true });
+                }
+                // one dehydrated device is trusted
+                if (deviceId === alicesDehydratedDevice.device_id) {
+                    return new DeviceVerificationStatus({ crossSigningVerified: true, localVerified: true });
+                }
+                // the other is not
+                if (deviceId === alicesOtherDehydratedDevice.device_id) {
+                    return new DeviceVerificationStatus({ crossSigningVerified: false, localVerified: false });
+                }
+                // alices mobile device is not
+                if (deviceId === alicesMobileDevice.device_id) {
+                    return new DeviceVerificationStatus({});
+                }
+                return null;
+            });
+
+            const { queryByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            expect(queryByTestId(`device-tile-${alicesDevice.device_id}`)).toBeTruthy();
+            expect(queryByTestId(`device-tile-${alicesMobileDevice.device_id}`)).toBeTruthy();
+            // both the dehydrated devices should be shown, since there are multiple
+            expect(queryByTestId(`device-tile-${alicesDehydratedDevice.device_id}`)).toBeTruthy();
+            expect(queryByTestId(`device-tile-${alicesOtherDehydratedDevice.device_id}`)).toBeTruthy();
+        });
+    });
+
+    describe("Sign out", () => {
+        it("Signs out of current device", async () => {
+            const modalSpy = jest.spyOn(Modal, "createDialog");
+
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice],
+            });
+            const { getByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            toggleDeviceDetails(getByTestId, alicesDevice.device_id);
+
+            const signOutButton = getByTestId("device-detail-sign-out-cta");
+            expect(signOutButton).toMatchSnapshot();
+            fireEvent.click(signOutButton);
+
+            // logout dialog opened
+            expect(modalSpy).toHaveBeenCalledWith(LogoutDialog, {}, undefined, false, true);
+        });
+
+        it("Signs out of current device from kebab menu", async () => {
+            const modalSpy = jest.spyOn(Modal, "createDialog");
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice],
+            });
+            const { getByTestId, getByLabelText } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            fireEvent.click(getByTestId("current-session-menu"));
+            fireEvent.click(getByLabelText("Remove this device"));
+
+            // logout dialog opened
+            expect(modalSpy).toHaveBeenCalledWith(LogoutDialog, {}, undefined, false, true);
+        });
+
+        it("does not render sign out other devices option when only one device", async () => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice],
+            });
+            const { getByTestId, queryByLabelText } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            fireEvent.click(getByTestId("current-session-menu"));
+            expect(queryByLabelText("Remove all other sessions")).toBeFalsy();
+        });
+
+        it("signs out of all other devices from current session context menu", async () => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesMobileDevice, alicesOlderMobileDevice],
+            });
+            const { getByTestId, getByLabelText } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            fireEvent.click(getByTestId("current-session-menu"));
+            fireEvent.click(getByLabelText("Remove all other sessions (2)"));
+            await confirmSignout(getByTestId);
+
+            // other devices deleted, excluding current device
+            expect(mockClient.deleteMultipleDevices).toHaveBeenCalledWith(
+                [alicesMobileDevice.device_id, alicesOlderMobileDevice.device_id],
+                undefined,
+            );
+        });
+
+        it("removes account data events for devices after sign out", async () => {
+            const mobileDeviceClientInfo = new MatrixEvent({
+                type: getClientInformationEventType(alicesMobileDevice.device_id),
+                content: {
+                    name: "test",
+                },
+            });
+            // @ts-ignore setup mock
+            mockClient.store = {
+                // @ts-ignore setup mock
+                accountData: new Map([[mobileDeviceClientInfo.getType(), mobileDeviceClientInfo]]),
+            };
+
+            mockClient.getDevices
+                .mockResolvedValueOnce({
+                    devices: [alicesDevice, alicesMobileDevice, alicesOlderMobileDevice],
+                })
+                .mockResolvedValueOnce({
+                    // refreshed devices after sign out
+                    devices: [alicesDevice],
+                });
+
+            const { getByTestId, getByLabelText } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            expect(mockClient.deleteAccountData).not.toHaveBeenCalled();
+
+            fireEvent.click(getByTestId("current-session-menu"));
+            fireEvent.click(getByLabelText("Remove all other sessions (2)"));
+            await confirmSignout(getByTestId);
+
+            // only called once for signed out device with account data event
+            expect(mockClient.deleteAccountData).toHaveBeenCalledTimes(1);
+            expect(mockClient.deleteAccountData).toHaveBeenCalledWith(mobileDeviceClientInfo.getType());
+        });
+
+        describe("other devices", () => {
+            const interactiveAuthError = new MatrixError(
+                {
+                    flows: [{ stages: ["m.login.password"] }],
+                },
+                401,
+            );
+
+            beforeEach(() => {
+                mockClient.deleteMultipleDevices.mockReset();
+            });
+
+            it("deletes a device when interactive auth is not required", async () => {
+                const deferredDeleteMultipleDevices = Promise.withResolvers<{}>();
+                mockClient.deleteMultipleDevices.mockReturnValue(deferredDeleteMultipleDevices.promise);
+                mockClient.getDevices.mockResolvedValue({
+                    devices: [alicesDevice, alicesMobileDevice, alicesOlderMobileDevice],
+                });
+
+                const { getByTestId, findByTestId } = render(getComponent());
+
+                await waitForElementToBeRemoved(() => screen.queryAllByRole("progressbar"));
+                toggleDeviceDetails(getByTestId, alicesMobileDevice.device_id);
+
+                const signOutButton = await within(
+                    await findByTestId(`device-detail-${alicesMobileDevice.device_id}`),
+                ).findByTestId("device-detail-sign-out-cta");
+
+                // pretend it was really deleted on refresh
+                mockClient.getDevices.mockResolvedValueOnce({
+                    devices: [alicesDevice, alicesOlderMobileDevice],
+                });
+
+                // sign out button is disabled with spinner
+                const prom = waitFor(() => expect(signOutButton).toHaveAttribute("aria-disabled", "true"));
+
+                fireEvent.click(signOutButton);
+                await confirmSignout(getByTestId);
+                await prom;
+                deferredDeleteMultipleDevices.resolve({});
+
+                // delete called
+                expect(mockClient.deleteMultipleDevices).toHaveBeenCalledWith(
+                    [alicesMobileDevice.device_id],
+                    undefined,
+                );
+
+                await flushPromises();
+
+                // devices refreshed
+                expect(mockClient.getDevices).toHaveBeenCalled();
+            });
+
+            it("does not delete a device when interactive auth is not required", async () => {
+                const { getByTestId } = render(getComponent());
+
+                await act(async () => {
+                    await flushPromises();
+                });
+
+                toggleDeviceDetails(getByTestId, alicesMobileDevice.device_id);
+
+                const deviceDetails = getByTestId(`device-detail-${alicesMobileDevice.device_id}`);
+                const signOutButton = deviceDetails.querySelector('[data-testid="device-detail-sign-out-cta"]')!;
+                fireEvent.click(signOutButton);
+
+                await confirmSignout(getByTestId, false);
+
+                // doesnt enter loading state
+                expect(
+                    deviceDetails
+                        .querySelector('[data-testid="device-detail-sign-out-cta"]')!
+                        .getAttribute("aria-disabled"),
+                ).toEqual(null);
+                // delete not called
+                expect(mockClient.deleteMultipleDevices).not.toHaveBeenCalled();
+            });
+
+            it("deletes a device when interactive auth is required", async () => {
+                mockClient.deleteMultipleDevices
+                    // require auth
+                    .mockRejectedValueOnce(interactiveAuthError)
+                    // then succeed
+                    .mockResolvedValueOnce({});
+
+                mockClient.getDevices
+                    .mockResolvedValueOnce({
+                        devices: [alicesDevice, alicesMobileDevice, alicesOlderMobileDevice],
+                    })
+                    // pretend it was really deleted on refresh
+                    .mockResolvedValueOnce({
+                        devices: [alicesDevice, alicesOlderMobileDevice],
+                    });
+
+                const { getByTestId, getByLabelText } = render(getComponent());
+
+                await flushPromises();
+
+                // reset mock count after initial load
+                mockClient.getDevices.mockClear();
+
+                toggleDeviceDetails(getByTestId, alicesMobileDevice.device_id);
+
+                const deviceDetails = getByTestId(`device-detail-${alicesMobileDevice.device_id}`);
+                const signOutButton = deviceDetails.querySelector('[data-testid="device-detail-sign-out-cta"]')!;
+                fireEvent.click(signOutButton);
+                await confirmSignout(getByTestId);
+
+                await flushPromises();
+                // modal rendering has some weird sleeps
+                await screen.findByRole("dialog");
+
+                expect(mockClient.deleteMultipleDevices).toHaveBeenCalledWith(
+                    [alicesMobileDevice.device_id],
+                    undefined,
+                );
+
+                const modal = document.getElementsByClassName("mx_Dialog");
+                expect(modal.length).toBeTruthy();
+
+                // fill password and submit for interactive auth
+                act(() => {
+                    fireEvent.change(getByLabelText("Password"), {
+                        target: { value: "topsecret" },
+                    });
+                    fireEvent.submit(getByLabelText("Password"));
+                });
+
+                await flushPromises();
+
+                // called again with auth
+                expect(mockClient.deleteMultipleDevices).toHaveBeenCalledWith([alicesMobileDevice.device_id], {
+                    identifier: {
+                        type: "m.id.user",
+                        user: aliceId,
+                    },
+                    password: "topsecret",
+                    type: "m.login.password",
+                });
+                // devices refreshed
+                expect(mockClient.getDevices).toHaveBeenCalled();
+            });
+
+            it("clears loading state when device deletion is cancelled during interactive auth", async () => {
+                mockClient.deleteMultipleDevices
+                    // require auth
+                    .mockRejectedValueOnce(interactiveAuthError)
+                    // then succeed
+                    .mockResolvedValueOnce({});
+
+                mockClient.getDevices.mockResolvedValue({
+                    devices: [alicesDevice, alicesMobileDevice, alicesOlderMobileDevice],
+                });
+
+                const { getByTestId, getByLabelText } = render(getComponent());
+
+                await act(async () => {
+                    await flushPromises();
+                });
+
+                toggleDeviceDetails(getByTestId, alicesMobileDevice.device_id);
+
+                const deviceDetails = getByTestId(`device-detail-${alicesMobileDevice.device_id}`);
+                const signOutButton = deviceDetails.querySelector('[data-testid="device-detail-sign-out-cta"]')!;
+                fireEvent.click(signOutButton);
+                await confirmSignout(getByTestId);
+
+                // button is loading
+                expect(
+                    deviceDetails
+                        .querySelector('[data-testid="device-detail-sign-out-cta"]')!
+                        .getAttribute("aria-disabled"),
+                ).toEqual("true");
+
+                await flushPromises();
+
+                // Modal rendering has some weird sleeps.
+                // Resetting ourselves twice in the main loop gives modal the chance to settle.
+                await sleep(0);
+                await sleep(0);
+
+                expect(mockClient.deleteMultipleDevices).toHaveBeenCalledWith(
+                    [alicesMobileDevice.device_id],
+                    undefined,
+                );
+
+                const modal = document.getElementsByClassName("mx_Dialog");
+                expect(modal.length).toBeTruthy();
+
+                // cancel iau by closing modal
+                act(() => {
+                    fireEvent.click(getByLabelText("Close dialog"));
+                });
+
+                await flushPromises();
+
+                // not called again
+                expect(mockClient.deleteMultipleDevices).toHaveBeenCalledTimes(1);
+                // devices not refreshed (not called since initial fetch)
+                expect(mockClient.getDevices).toHaveBeenCalledTimes(1);
+
+                // loading state cleared
+                expect(
+                    deviceDetails
+                        .querySelector('[data-testid="device-detail-sign-out-cta"]')!
+                        .getAttribute("aria-disabled"),
+                ).toEqual(null);
+            });
+
+            it("deletes multiple devices", async () => {
+                mockClient.getDevices.mockResolvedValue({
+                    devices: [alicesDevice, alicesMobileDevice, alicesOlderMobileDevice, alicesInactiveDevice],
+                });
+                // get a handle for resolving the delete call
+                // because promise flushing after the confirm modal is resolving this too
+                // and we want to test the loading state here
+                const resolveDeleteRequest = Promise.withResolvers<IAuthData>();
+                mockClient.deleteMultipleDevices.mockImplementation(async () => {
+                    await resolveDeleteRequest.promise;
+                    return {};
+                });
+
+                const { getByTestId } = render(getComponent());
+
+                await act(async () => {
+                    await flushPromises();
+                });
+
+                toggleDeviceSelection(getByTestId, alicesMobileDevice.device_id);
+                toggleDeviceSelection(getByTestId, alicesOlderMobileDevice.device_id);
+
+                fireEvent.click(getByTestId("sign-out-selection-cta"));
+
+                await confirmSignout(getByTestId);
+
+                // buttons disabled in list header
+                expect(getByTestId("sign-out-selection-cta").getAttribute("aria-disabled")).toBeTruthy();
+                expect(getByTestId("cancel-selection-cta").getAttribute("aria-disabled")).toBeTruthy();
+                // spinner rendered in list header
+                expect(getByTestId("sign-out-selection-cta").querySelector(".mx_Spinner")).toBeTruthy();
+
+                // spinners on signing out devices
+                expect(
+                    getDeviceTile(getByTestId, alicesMobileDevice.device_id).querySelector(".mx_Spinner"),
+                ).toBeTruthy();
+                expect(
+                    getDeviceTile(getByTestId, alicesOlderMobileDevice.device_id).querySelector(".mx_Spinner"),
+                ).toBeTruthy();
+                // no spinner for device that is not signing out
+                expect(
+                    getDeviceTile(getByTestId, alicesInactiveDevice.device_id).querySelector(".mx_Spinner"),
+                ).toBeFalsy();
+
+                // delete called with both ids
+                expect(mockClient.deleteMultipleDevices).toHaveBeenCalledWith(
+                    [alicesMobileDevice.device_id, alicesOlderMobileDevice.device_id],
+                    undefined,
+                );
+
+                resolveDeleteRequest.resolve({});
+            });
+
+            it("signs out of all other devices from other sessions context menu", async () => {
+                mockClient.getDevices.mockResolvedValue({
+                    devices: [alicesDevice, alicesMobileDevice, alicesOlderMobileDevice],
+                });
+                const { getByTestId, getByLabelText } = render(getComponent());
+
+                await act(async () => {
+                    await flushPromises();
+                });
+
+                fireEvent.click(getByTestId("other-sessions-menu"));
+                fireEvent.click(getByLabelText("Remove 2 sessions"));
+                await confirmSignout(getByTestId);
+
+                // other devices deleted, excluding current device
+                expect(mockClient.deleteMultipleDevices).toHaveBeenCalledWith(
+                    [alicesMobileDevice.device_id, alicesOlderMobileDevice.device_id],
+                    undefined,
+                );
+            });
+        });
+
+        describe("for an OIDC-aware server", () => {
+            beforeEach(() => {
+                // just do an ugly mock here to avoid mocking initialisation
+                mockClient.getAuthMetadata.mockResolvedValue({
+                    ...makeDelegatedAuthMetadata(),
+                    account_management_uri: "https://issuer.org/account",
+                } as any);
+            });
+
+            // signing out the current device works as usual
+            it("Signs out of current device", async () => {
+                const modalSpy = jest.spyOn(Modal, "createDialog");
+
+                mockClient.getDevices.mockResolvedValue({
+                    devices: [alicesDevice],
+                });
+                const { getByTestId } = render(getComponent());
+
+                await act(async () => {
+                    await flushPromises();
+                });
+
+                toggleDeviceDetails(getByTestId, alicesDevice.device_id);
+
+                const signOutButton = getByTestId("device-detail-sign-out-cta");
+                expect(signOutButton).toMatchSnapshot();
+                fireEvent.click(signOutButton);
+
+                // logout dialog opened
+                expect(modalSpy).toHaveBeenCalledWith(LogoutDialog, {}, undefined, false, true);
+            });
+
+            it("does not allow signing out of all other devices from current session context menu", async () => {
+                mockClient.getDevices.mockResolvedValue({
+                    devices: [alicesDevice, alicesMobileDevice, alicesOlderMobileDevice],
+                });
+                const { getByTestId } = render(getComponent());
+
+                await act(async () => {
+                    await flushPromises();
+                });
+
+                fireEvent.click(getByTestId("current-session-menu"));
+                expect(screen.queryByLabelText("Remove all other sessions (2)")).not.toBeInTheDocument();
+            });
+
+            describe("other devices", () => {
+                it("opens delegated auth provider to sign out a single device", async () => {
+                    mockClient.getDevices.mockResolvedValue({
+                        devices: [alicesDevice, alicesMobileDevice, alicesOlderMobileDevice],
+                    });
+
+                    const { getByTestId } = render(getComponent());
+
+                    await act(async () => {
+                        await flushPromises();
+                    });
+
+                    // reset call count
+                    mockClient.getDevices.mockClear();
+
+                    toggleDeviceDetails(getByTestId, alicesMobileDevice.device_id);
+
+                    const deviceDetails = getByTestId(`device-detail-${alicesMobileDevice.device_id}`);
+                    const manageDeviceButton = deviceDetails.querySelector(
+                        '[data-testid="device-detail-sign-out-cta"]',
+                    )!;
+                    expect(manageDeviceButton).toHaveAttribute(
+                        "href",
+                        `https://issuer.org/account?action=org.matrix.session_view&device_id=${alicesMobileDevice.device_id}`,
+                    );
+                });
+
+                it("does not allow removing multiple devices at once", async () => {
+                    mockClient.getDevices.mockResolvedValue({
+                        devices: [alicesDevice, alicesMobileDevice, alicesOlderMobileDevice, alicesInactiveDevice],
+                    });
+
+                    render(getComponent());
+
+                    await act(async () => {
+                        await flushPromises();
+                    });
+
+                    // sessions don't have checkboxes
+                    expect(
+                        screen.queryByTestId(`device-tile-checkbox-${alicesMobileDevice.device_id}`),
+                    ).not.toBeInTheDocument();
+                    // no select all
+                    expect(screen.queryByLabelText("Select all")).not.toBeInTheDocument();
+                });
+
+                it("does not allow signing out of all other devices from other sessions context menu", async () => {
+                    mockClient.getDevices.mockResolvedValue({
+                        devices: [alicesDevice, alicesMobileDevice, alicesOlderMobileDevice],
+                    });
+                    render(getComponent());
+
+                    await act(async () => {
+                        await flushPromises();
+                    });
+
+                    // no context menu because 'sign out all' is the only option
+                    // and it is not allowed when server is oidc-aware
+                    expect(screen.queryByTestId("other-sessions-menu")).not.toBeInTheDocument();
+                });
+            });
+        });
+    });
+
+    describe("Rename sessions", () => {
+        const updateDeviceName = async (
+            getByTestId: RenderResult["getByTestId"],
+            device: IMyDevice,
+            newDeviceName: string,
+        ) => {
+            toggleDeviceDetails(getByTestId, device.device_id);
+
+            // start editing
+            fireEvent.click(getByTestId("device-heading-rename-cta"));
+
+            const input = getByTestId("device-rename-input");
+            fireEvent.change(input, { target: { value: newDeviceName } });
+            fireEvent.click(getByTestId("device-rename-submit-cta"));
+
+            await flushPromises();
+            await flushPromises();
+        };
+
+        it("renames current session", async () => {
+            const { getByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            const newDeviceName = "new device name";
+            await updateDeviceName(getByTestId, alicesDevice, newDeviceName);
+
+            expect(mockClient.setDeviceDetails).toHaveBeenCalledWith(alicesDevice.device_id, {
+                display_name: newDeviceName,
+            });
+
+            // devices refreshed
+            expect(mockClient.getDevices).toHaveBeenCalledTimes(2);
+        });
+
+        it("renames other session", async () => {
+            const { getByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            const newDeviceName = "new device name";
+            await updateDeviceName(getByTestId, alicesMobileDevice, newDeviceName);
+
+            expect(mockClient.setDeviceDetails).toHaveBeenCalledWith(alicesMobileDevice.device_id, {
+                display_name: newDeviceName,
+            });
+
+            // devices refreshed
+            expect(mockClient.getDevices).toHaveBeenCalledTimes(2);
+        });
+
+        it("does not rename session or refresh devices is session name is unchanged", async () => {
+            const { getByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            await updateDeviceName(getByTestId, alicesDevice, alicesDevice.display_name);
+
+            expect(mockClient.setDeviceDetails).not.toHaveBeenCalled();
+            // only called once on initial load
+            expect(mockClient.getDevices).toHaveBeenCalledTimes(1);
+        });
+
+        it("saves an empty session display name successfully", async () => {
+            const { getByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            await updateDeviceName(getByTestId, alicesDevice, "");
+
+            expect(mockClient.setDeviceDetails).toHaveBeenCalledWith(alicesDevice.device_id, {
+                display_name: "",
+            });
+        });
+
+        it("displays an error when session display name fails to save", async () => {
+            const logSpy = jest.spyOn(logger, "error");
+            const error = new Error("oups");
+            mockClient.setDeviceDetails.mockRejectedValue(error);
+            const { getByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            const newDeviceName = "new device name";
+            await updateDeviceName(getByTestId, alicesDevice, newDeviceName);
+
+            await flushPromises();
+
+            expect(logSpy).toHaveBeenCalledWith("Error setting device name", error);
+
+            // error displayed
+            expect(getByTestId("device-rename-error")).toBeTruthy();
+        });
+    });
+
+    describe("Multiple selection", () => {
+        beforeEach(() => {
+            mockClient.getDevices.mockResolvedValue({
+                devices: [alicesDevice, alicesMobileDevice, alicesOlderMobileDevice],
+            });
+        });
+
+        it("toggles session selection", async () => {
+            const { getByTestId, getByText } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            toggleDeviceSelection(getByTestId, alicesMobileDevice.device_id);
+            toggleDeviceSelection(getByTestId, alicesOlderMobileDevice.device_id);
+
+            // header displayed correctly
+            expect(getByText("2 sessions selected")).toBeTruthy();
+
+            expect(isDeviceSelected(getByTestId, alicesMobileDevice.device_id)).toBeTruthy();
+            expect(isDeviceSelected(getByTestId, alicesOlderMobileDevice.device_id)).toBeTruthy();
+
+            toggleDeviceSelection(getByTestId, alicesMobileDevice.device_id);
+
+            // unselected
+            expect(isDeviceSelected(getByTestId, alicesMobileDevice.device_id)).toBeFalsy();
+            // still selected
+            expect(isDeviceSelected(getByTestId, alicesOlderMobileDevice.device_id)).toBeTruthy();
+        });
+
+        it("cancel button clears selection", async () => {
+            const { getByTestId, getByText } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            toggleDeviceSelection(getByTestId, alicesMobileDevice.device_id);
+            toggleDeviceSelection(getByTestId, alicesOlderMobileDevice.device_id);
+
+            // header displayed correctly
+            expect(getByText("2 sessions selected")).toBeTruthy();
+
+            fireEvent.click(getByTestId("cancel-selection-cta"));
+
+            // unselected
+            expect(isDeviceSelected(getByTestId, alicesMobileDevice.device_id)).toBeFalsy();
+            expect(isDeviceSelected(getByTestId, alicesOlderMobileDevice.device_id)).toBeFalsy();
+        });
+
+        it("changing the filter clears selection", async () => {
+            const { getByTestId } = render(getComponent());
+
+            await act(async () => {
+                await flushPromises();
+            });
+
+            toggleDeviceSelection(getByTestId, alicesMobileDevice.device_id);
+            expect(isDeviceSelected(getByTestId, alicesMobileDevice.device_id)).toBeTruthy();
+
+            fireEvent.click(getByTestId("unverified-devices-cta"));
+
+            // our session manager waits a tick for rerender
+            await flushPromises();
+
+            // unselected
+            expect(isDeviceSelected(getByTestId, alicesOlderMobileDevice.device_id)).toBeFalsy();
+        });
+
+        describe("toggling select all", () => {
+            it("selects all sessions when there is not existing selection", async () => {
+                const { getByTestId, getByText } = render(getComponent());
+
+                await act(async () => {
+                    await flushPromises();
+                });
+
+                fireEvent.click(getByTestId("device-select-all-checkbox"));
+
+                // header displayed correctly
+                expect(getByText("2 sessions selected")).toBeTruthy();
+                expect(isSelectAllChecked(getByTestId)).toBeTruthy();
+
+                // devices selected
+                expect(isDeviceSelected(getByTestId, alicesMobileDevice.device_id)).toBeTruthy();
+                expect(isDeviceSelected(getByTestId, alicesOlderMobileDevice.device_id)).toBeTruthy();
+            });
+
+            it("selects all sessions when some sessions are already selected", async () => {
+                const { getByTestId, getByText } = render(getComponent());
+
+                await act(async () => {
+                    await flushPromises();
+                });
+
+                toggleDeviceSelection(getByTestId, alicesMobileDevice.device_id);
+
+                fireEvent.click(getByTestId("device-select-all-checkbox"));
+
+                // header displayed correctly
+                expect(getByText("2 sessions selected")).toBeTruthy();
+                expect(isSelectAllChecked(getByTestId)).toBeTruthy();
+
+                // devices selected
+                expect(isDeviceSelected(getByTestId, alicesMobileDevice.device_id)).toBeTruthy();
+                expect(isDeviceSelected(getByTestId, alicesOlderMobileDevice.device_id)).toBeTruthy();
+            });
+
+            it("deselects all sessions when all sessions are selected", async () => {
+                const { getByTestId, getByText } = render(getComponent());
+
+                await act(async () => {
+                    await flushPromises();
+                });
+
+                fireEvent.click(getByTestId("device-select-all-checkbox"));
+
+                // header displayed correctly
+                expect(getByText("2 sessions selected")).toBeTruthy();
+                expect(isSelectAllChecked(getByTestId)).toBeTruthy();
+
+                // devices selected
+                expect(isDeviceSelected(getByTestId, alicesMobileDevice.device_id)).toBeTruthy();
+                expect(isDeviceSelected(getByTestId, alicesOlderMobileDevice.device_id)).toBeTruthy();
+            });
+
+            it("selects only sessions that are part of the active filter", async () => {
+                mockClient.getDevices.mockResolvedValue({
+                    devices: [alicesDevice, alicesMobileDevice, alicesInactiveDevice],
+                });
+                const { getByTestId, container } = render(getComponent());
+
+                await flushPromises();
+
+                // filter for inactive sessions
+                await setFilter(container, DeviceSecurityVariation.Inactive);
+
+                // select all inactive sessions
+                fireEvent.click(getByTestId("device-select-all-checkbox"));
+
+                expect(isSelectAllChecked(getByTestId)).toBeTruthy();
+
+                // Remove of all selected sessions
+                fireEvent.click(getByTestId("sign-out-selection-cta"));
+                await confirmSignout(getByTestId);
+
+                // only called with session from active filter
+                expect(mockClient.deleteMultipleDevices).toHaveBeenCalledWith(
+                    [alicesInactiveDevice.device_id],
+                    undefined,
+                );
+            });
+        });
+    });
+
+    it("lets you change the pusher state", async () => {
+        const { getByTestId } = render(getComponent());
+
+        await flushPromises();
+
+        toggleDeviceDetails(getByTestId, alicesMobileDevice.device_id);
+
+        // device details are expanded
+        expect(getByTestId(`device-detail-${alicesMobileDevice.device_id}`)).toBeTruthy();
+        expect(getByTestId("device-detail-push-notification")).toBeTruthy();
+
+        const checkbox = getByTestId("device-detail-push-notification-checkbox");
+
+        expect(checkbox).toBeTruthy();
+        fireEvent.click(checkbox);
+
+        expect(mockClient.setPusher).toHaveBeenCalled();
+    });
+
+    it("lets you change the local notification settings state", async () => {
+        const { getByTestId } = render(getComponent());
+
+        await flushPromises();
+
+        toggleDeviceDetails(getByTestId, alicesDevice.device_id);
+
+        // device details are expanded
+        expect(getByTestId(`device-detail-${alicesDevice.device_id}`)).toBeTruthy();
+        expect(getByTestId("device-detail-push-notification")).toBeTruthy();
+
+        const checkbox = getByTestId("device-detail-push-notification-checkbox");
+
+        expect(checkbox).toBeTruthy();
+        fireEvent.click(checkbox);
+
+        expect(mockClient.setLocalNotificationSettings).toHaveBeenCalledWith(alicesDevice.device_id, {
+            is_silenced: true,
+        });
+    });
+
+    it("updates the UI when another session changes the local notifications", async () => {
+        const { getByTestId } = render(getComponent());
+
+        await flushPromises();
+
+        toggleDeviceDetails(getByTestId, alicesDevice.device_id);
+
+        // device details are expanded
+        expect(getByTestId(`device-detail-${alicesDevice.device_id}`)).toBeTruthy();
+        expect(getByTestId("device-detail-push-notification")).toBeTruthy();
+
+        const checkbox = getByTestId("device-detail-push-notification-checkbox");
+
+        expect(checkbox).toBeTruthy();
+
+        expect(checkbox.getAttribute("aria-checked")).toEqual("true");
+
+        const evt = new MatrixEvent({
+            type: LOCAL_NOTIFICATION_SETTINGS_PREFIX.name + "." + alicesDevice.device_id,
+            content: {
+                is_silenced: true,
+            },
+        });
+
+        await act(async () => {
+            mockClient.emit(ClientEvent.AccountData, evt);
+        });
+
+        expect(checkbox.getAttribute("aria-checked")).toEqual("false");
+    });
+
+    describe("MSC4108 QR code login", () => {
+        const settingsValueSpy = jest.spyOn(SettingsStore, "getValue");
+        const issuer = "https://issuer.org";
+
+        beforeEach(() => {
+            settingsValueSpy.mockClear().mockReturnValue(true);
+            // enable server support for qr login
+            mockClient.getVersions.mockResolvedValue({
+                versions: [],
+                unstable_features: {
+                    "org.matrix.msc4108": true,
+                },
+            });
+            mockClient.getCapabilities.mockResolvedValue({
+                [GET_LOGIN_TOKEN_CAPABILITY.name]: {
+                    enabled: true,
+                },
+            });
+            const delegatedAuthConfig = makeDelegatedAuthMetadata(issuer);
+            mockClient.getAuthMetadata.mockResolvedValue({
+                ...delegatedAuthConfig,
+                grant_types_supported: [
+                    ...delegatedAuthConfig.grant_types_supported,
+                    "urn:ietf:params:oauth:grant-type:device_code",
+                ],
+            });
+            mockCrypto.exportSecretsBundle = jest.fn();
+        });
+
+        it("renders qr code login section", async () => {
+            const { getByText } = render(getComponent());
+
+            // wait for versions call to settle
+            await flushPromises();
+
+            expect(getByText("Link new device")).toBeTruthy();
+            expect(getByText("Show QR code")).toBeTruthy();
+        });
+
+        it("enters qr code login section when show QR code button clicked", async () => {
+            const { getByText, findByTestId } = render(getComponent());
+            // wait for versions call to settle
+            await flushPromises();
+
+            fireEvent.click(getByText("Show QR code"));
+            await waitForElementToBeRemoved(() => screen.queryAllByRole("progressbar"));
+
+            await expect(findByTestId("login-with-qr")).resolves.toBeTruthy();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/SidebarUserSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/user/SidebarUserSettingsTab-test.tsx
new file mode 100644
index 00000000000..00a7eea1d10
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/SidebarUserSettingsTab-test.tsx
@@ -0,0 +1,87 @@
+/*
+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 { fireEvent, render, screen } from "jest-matrix-react";
+
+import SidebarUserSettingsTab from "../../../../../../../src/components/views/settings/tabs/user/SidebarUserSettingsTab";
+import PosthogTrackers from "../../../../../../../src/PosthogTrackers";
+import SettingsStore from "../../../../../../../src/settings/SettingsStore";
+import { MetaSpace } from "../../../../../../../src/stores/spaces";
+import { SettingLevel } from "../../../../../../../src/settings/SettingLevel";
+import { flushPromises } from "../../../../../../test-utils";
+import SdkConfig from "../../../../../../../src/SdkConfig";
+
+describe("<SidebarUserSettingsTab />", () => {
+    beforeEach(() => {
+        jest.spyOn(PosthogTrackers, "trackInteraction").mockClear();
+        jest.spyOn(SettingsStore, "getValue").mockRestore();
+        jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+    });
+
+    it("renders sidebar settings with guest spa url", () => {
+        const spy = jest.spyOn(SdkConfig, "get").mockReturnValue({ guest_spa_url: "https://somewhere.org" });
+        const originalGetValue = SettingsStore.getValue;
+        const spySettingsStore = jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+            return setting === "feature_video_rooms" ? true : originalGetValue(setting);
+        });
+        const { container } = render(<SidebarUserSettingsTab />);
+        expect(container).toMatchSnapshot();
+        spySettingsStore.mockRestore();
+        spy.mockRestore();
+    });
+    it("renders sidebar settings without guest spa url", () => {
+        const originalGetValue = SettingsStore.getValue;
+        const spySettingsStore = jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+            return setting === "feature_video_rooms" ? true : originalGetValue(setting);
+        });
+        const { container } = render(<SidebarUserSettingsTab />);
+        expect(container).toMatchSnapshot();
+        spySettingsStore.mockRestore();
+    });
+
+    it("toggles all rooms in home setting", async () => {
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName) => {
+            if (settingName === "Spaces.enabledMetaSpaces") {
+                return {
+                    [MetaSpace.Home]: true,
+                    [MetaSpace.Orphans]: true,
+                };
+            }
+            return false;
+        });
+        render(<SidebarUserSettingsTab />);
+
+        fireEvent.click(screen.getByTestId("mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"));
+
+        await flushPromises();
+        expect(SettingsStore.setValue).toHaveBeenCalledWith("Spaces.allRoomsInHome", null, SettingLevel.ACCOUNT, true);
+
+        expect(PosthogTrackers.trackInteraction).toHaveBeenCalledWith(
+            "WebSettingsSidebarTabSpacesCheckbox",
+            // synthetic event from checkbox
+            expect.objectContaining({ type: "change" }),
+            1,
+        );
+    });
+
+    it("disables all rooms in home setting when home space is disabled", () => {
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName) => {
+            if (settingName === "Spaces.enabledMetaSpaces") {
+                return {
+                    [MetaSpace.Home]: false,
+                    [MetaSpace.Orphans]: true,
+                };
+            }
+            return false;
+        });
+        render(<SidebarUserSettingsTab />);
+
+        expect(screen.getByTestId("mx_SidebarUserSettingsTab_homeAllRoomsCheckbox")).toBeDisabled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/VoiceUserSettingsTab-test.tsx b/apps/web/test/unit-tests/components/views/settings/tabs/user/VoiceUserSettingsTab-test.tsx
new file mode 100644
index 00000000000..b30ed7a7168
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/VoiceUserSettingsTab-test.tsx
@@ -0,0 +1,137 @@
+/*
+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 { mocked } from "jest-mock";
+import { fireEvent, render, screen } from "jest-matrix-react";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import VoiceUserSettingsTab from "../../../../../../../src/components/views/settings/tabs/user/VoiceUserSettingsTab";
+import MediaDeviceHandler, {
+    type IMediaDevices,
+    MediaDeviceKindEnum,
+} from "../../../../../../../src/MediaDeviceHandler";
+import { flushPromises } from "../../../../../../test-utils";
+
+jest.mock("../../../../../../../src/MediaDeviceHandler");
+const MediaDeviceHandlerMock = mocked(MediaDeviceHandler);
+
+describe("<VoiceUserSettingsTab />", () => {
+    const getComponent = (): React.ReactElement => <VoiceUserSettingsTab />;
+
+    const audioIn1 = {
+        deviceId: "1",
+        groupId: "g1",
+        kind: MediaDeviceKindEnum.AudioInput,
+        label: "Audio input test 1",
+    };
+    const videoIn1 = {
+        deviceId: "2",
+        groupId: "g1",
+        kind: MediaDeviceKindEnum.VideoInput,
+        label: "Video input test 1",
+    };
+    const videoIn2 = {
+        deviceId: "3",
+        groupId: "g1",
+        kind: MediaDeviceKindEnum.VideoInput,
+        label: "Video input test 2",
+    };
+    const defaultMediaDevices = {
+        [MediaDeviceKindEnum.AudioOutput]: [],
+        [MediaDeviceKindEnum.AudioInput]: [audioIn1],
+        [MediaDeviceKindEnum.VideoInput]: [videoIn1, videoIn2],
+    } as unknown as IMediaDevices;
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        MediaDeviceHandlerMock.hasAnyLabeledDevices.mockResolvedValue(true);
+        MediaDeviceHandlerMock.getDevices.mockResolvedValue(defaultMediaDevices);
+        MediaDeviceHandlerMock.getVideoInput.mockReturnValue(videoIn1.deviceId);
+
+        // @ts-ignore bad mocking
+        MediaDeviceHandlerMock.instance = { setDevice: jest.fn().mockResolvedValue(undefined) };
+    });
+
+    describe("devices", () => {
+        it("renders dropdowns for input devices", async () => {
+            render(getComponent());
+
+            await expect(screen.findByLabelText("Microphone")).resolves.toHaveDisplayValue(audioIn1.label);
+            await expect(screen.findByLabelText("Camera")).resolves.toHaveDisplayValue(videoIn1.label);
+        });
+
+        it("updates device", async () => {
+            render(getComponent());
+            await flushPromises();
+
+            fireEvent.change(await screen.findByLabelText("Camera"), { target: { value: videoIn2.deviceId } });
+
+            expect(MediaDeviceHandlerMock.instance.setDevice).toHaveBeenCalledWith(
+                videoIn2.deviceId,
+                MediaDeviceKindEnum.VideoInput,
+            );
+
+            expect(screen.getByLabelText("Camera")).toHaveDisplayValue(videoIn2.label);
+        });
+
+        it("logs and resets device when update fails", async () => {
+            // stub to avoid littering console with expected error
+            jest.spyOn(logger, "error").mockImplementation(() => {});
+            MediaDeviceHandlerMock.instance.setDevice.mockRejectedValue("oups!");
+            render(getComponent());
+            await flushPromises();
+
+            fireEvent.change(screen.getByLabelText("Camera"), { target: { value: videoIn2.deviceId } });
+
+            expect(MediaDeviceHandlerMock.instance.setDevice).toHaveBeenCalledWith(
+                videoIn2.deviceId,
+                MediaDeviceKindEnum.VideoInput,
+            );
+
+            expect(screen.getByLabelText("Camera")).toHaveDisplayValue(videoIn2.label);
+
+            await flushPromises();
+
+            expect(logger.error).toHaveBeenCalledWith("Failed to set device videoinput: 3");
+            // reset to original
+            expect(screen.getByLabelText("Camera")).toHaveDisplayValue(videoIn1.label);
+        });
+
+        it("does not render dropdown when no devices exist for type", async () => {
+            render(getComponent());
+            await flushPromises();
+
+            expect(screen.getByText("No Audio Outputs detected")).toBeInTheDocument();
+            expect(screen.queryByLabelText("Audio Output")).not.toBeInTheDocument();
+        });
+    });
+
+    it("renders audio processing settings", () => {
+        const { getByRole } = render(getComponent());
+        expect(getByRole("switch", { name: "Automatically adjust the microphone volume" })).toBeTruthy();
+        expect(getByRole("switch", { name: "Noise suppression" })).toBeTruthy();
+        expect(getByRole("switch", { name: "Echo cancellation" })).toBeTruthy();
+    });
+
+    it("sets and displays audio processing settings", () => {
+        MediaDeviceHandlerMock.getAudioAutoGainControl.mockReturnValue(false);
+        MediaDeviceHandlerMock.getAudioEchoCancellation.mockReturnValue(true);
+        MediaDeviceHandlerMock.getAudioNoiseSuppression.mockReturnValue(false);
+
+        const { getByRole } = render(getComponent());
+
+        getByRole("switch", { name: "Automatically adjust the microphone volume" }).click();
+        getByRole("switch", { name: "Noise suppression" }).click();
+        getByRole("switch", { name: "Echo cancellation" }).click();
+
+        expect(MediaDeviceHandler.setAudioAutoGainControl).toHaveBeenCalledWith(true);
+        expect(MediaDeviceHandler.setAudioEchoCancellation).toHaveBeenCalledWith(false);
+        expect(MediaDeviceHandler.setAudioNoiseSuppression).toHaveBeenCalledWith(true);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AccountUserSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AccountUserSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..7002d4bd09c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AccountUserSettingsTab-test.tsx.snap
@@ -0,0 +1,229 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<AccountUserSettingsTab /> 3pids should display 3pid email addresses and phone numbers 1`] = `
+<div
+  class="mx_SettingsSubsection"
+  data-testid="mx_AccountEmailAddresses"
+>
+  <div
+    class="mx_SettingsSubsectionHeading"
+  >
+    <h3
+      class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+    >
+      Email addresses
+    </h3>
+  </div>
+  <div
+    class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
+  >
+    <div
+      class="mx_AddRemoveThreepids_existing"
+    >
+      <span
+        class="mx_AddRemoveThreepids_existing_address"
+      >
+        test@test.io
+      </span>
+      <div
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_sm"
+        role="button"
+        tabindex="0"
+      >
+        Remove
+      </div>
+    </div>
+    <form
+      autocomplete="off"
+      novalidate=""
+    >
+      <div
+        class="mx_Field mx_Field_input"
+      >
+        <input
+          autocomplete="email"
+          id="mx_Field_11"
+          label="Email Address"
+          placeholder="Email Address"
+          type="text"
+          value=""
+        />
+        <label
+          for="mx_Field_11"
+        >
+          Email Address
+        </label>
+      </div>
+      <div
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+        role="button"
+        tabindex="0"
+      >
+        Add
+      </div>
+    </form>
+  </div>
+</div>
+`;
+
+exports[`<AccountUserSettingsTab /> 3pids should display 3pid email addresses and phone numbers 2`] = `
+<div
+  class="mx_SettingsSubsection"
+  data-testid="mx_AccountPhoneNumbers"
+>
+  <div
+    class="mx_SettingsSubsectionHeading"
+  >
+    <h3
+      class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+    >
+      Phone numbers
+    </h3>
+  </div>
+  <div
+    class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
+  >
+    <div
+      class="mx_AddRemoveThreepids_existing"
+    >
+      <span
+        class="mx_AddRemoveThreepids_existing_address"
+      >
+        123456789
+      </span>
+      <div
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_sm"
+        role="button"
+        tabindex="0"
+      >
+        Remove
+      </div>
+    </div>
+    <form
+      autocomplete="off"
+      novalidate=""
+    >
+      <div
+        class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft"
+      >
+        <span
+          class="mx_Field_prefix"
+        >
+          <div
+            class="mx_Dropdown mx_PhoneNumbers_country mx_CountryDropdown"
+          >
+            <div
+              aria-describedby="mx_CountryDropdown_value"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-label="Country Dropdown"
+              aria-owns="mx_CountryDropdown_input"
+              class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
+              role="button"
+              tabindex="0"
+            >
+              <div
+                class="mx_Dropdown_option"
+                id="mx_CountryDropdown_value"
+              >
+                <span
+                  class="mx_CountryDropdown_shortOption"
+                >
+                  <div
+                    class="mx_Dropdown_option_emoji"
+                  >
+                    🇺🇸
+                  </div>
+                  +1
+                </span>
+              </div>
+              <svg
+                class="mx_Dropdown_arrow"
+                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>
+        </span>
+        <input
+          autocomplete="tel-national"
+          id="mx_Field_12"
+          label="Phone Number"
+          placeholder="Phone Number"
+          type="text"
+          value=""
+        />
+        <label
+          for="mx_Field_12"
+        >
+          Phone Number
+        </label>
+      </div>
+      <div
+        class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+        role="button"
+        tabindex="0"
+      >
+        Add
+      </div>
+    </form>
+  </div>
+</div>
+`;
+
+exports[`<AccountUserSettingsTab /> deactivate account should render section when account deactivation feature is enabled 1`] = `
+<div
+  class="mx_SettingsSection"
+>
+  <h2
+    class="mx_Heading_h3"
+  >
+    Deactivate Account
+  </h2>
+  <div
+    class="mx_SettingsSection_subSections"
+  >
+    <div
+      class="mx_SettingsSubsection"
+      data-testid="account-management-section"
+    >
+      <div
+        class="mx_SettingsSubsectionHeading"
+      >
+        <h3
+          class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+        >
+          Account management
+        </h3>
+      </div>
+      <div
+        class="mx_SettingsSubsection_description"
+      >
+        <div
+          class="mx_SettingsSubsection_text"
+        >
+          Deactivating your account is a permanent action — be careful!
+        </div>
+      </div>
+      <div
+        class="mx_SettingsSubsection_content"
+      >
+        <div
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger"
+          role="button"
+          tabindex="0"
+        >
+          Deactivate Account
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..e8e82fe1df4
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
@@ -0,0 +1,766 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`AppearanceUserSettingsTab should render 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsTab"
+    data-testid="mx_AppearanceUserSettingsTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection"
+      >
+        <div
+          class="mx_SettingsSection_subSections"
+        >
+          <div
+            class="mx_SettingsSubsection mx_SettingsSubsection_newUi"
+            data-testid="themePanel"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Theme
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
+            >
+              <form
+                class="_root_1o4d9_17 mx_ThemeChoicePanel_ThemeSelectors"
+              >
+                <div
+                  class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-light"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_1ug7n_10"
+                    >
+                      <input
+                        class="_input_1ug7n_18"
+                        disabled=""
+                        id="radix-react-use-id-1"
+                        name="themeSelector"
+                        title=""
+                        type="radio"
+                        value="light"
+                      />
+                      <div
+                        class="_ui_1ug7n_19"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+                      for="radix-react-use-id-1"
+                    >
+                      Light
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-dark"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_1ug7n_10"
+                    >
+                      <input
+                        class="_input_1ug7n_18"
+                        disabled=""
+                        id="radix-react-use-id-2"
+                        name="themeSelector"
+                        title=""
+                        type="radio"
+                        value="dark"
+                      />
+                      <div
+                        class="_ui_1ug7n_19"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+                      for="radix-react-use-id-2"
+                    >
+                      Dark
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-light"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_1ug7n_10"
+                    >
+                      <input
+                        class="_input_1ug7n_18"
+                        disabled=""
+                        id="radix-react-use-id-3"
+                        name="themeSelector"
+                        title=""
+                        type="radio"
+                        value="light-high-contrast"
+                      />
+                      <div
+                        class="_ui_1ug7n_19"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
+                      for="radix-react-use-id-3"
+                    >
+                      High contrast
+                    </label>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="_separator_13qwf_8"
+              data-kind="primary"
+              data-orientation="horizontal"
+              role="separator"
+            />
+          </div>
+          <div
+            class="mx_SettingsSubsection mx_SettingsSubsection_newUi"
+            data-testid="layoutPanel"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Message layout
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
+            >
+              <form
+                class="_root_1o4d9_17 mx_LayoutSwitcher_LayoutSelector"
+              >
+                <div
+                  class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
+                >
+                  <label
+                    aria-label="Modern"
+                    class="_label_1o4d9_60"
+                    for="radix-react-use-id-4"
+                  >
+                    <div
+                      class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
+                    >
+                      <div
+                        class="_container_1ug7n_10"
+                      >
+                        <input
+                          checked=""
+                          class="_input_1ug7n_18"
+                          id="radix-react-use-id-4"
+                          name="layout"
+                          title=""
+                          type="radio"
+                          value="group"
+                        />
+                        <div
+                          class="_ui_1ug7n_19"
+                        />
+                      </div>
+                      <span>
+                        Modern
+                      </span>
+                    </div>
+                    <hr
+                      class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_separator"
+                    />
+                    <div
+                      class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_EventTilePreview"
+                      role="presentation"
+                    >
+                      <div
+                        aria-atomic="true"
+                        aria-live="off"
+                        class="mx_EventTile"
+                        data-event-id="$9999999999999999999999999999999999999999999"
+                        data-has-reply="false"
+                        data-layout="group"
+                        data-scroll-tokens="$9999999999999999999999999999999999999999999"
+                        data-self="true"
+                        tabindex="-1"
+                      >
+                        <div
+                          class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8"
+                          role="button"
+                          tabindex="0"
+                        >
+                          <span
+                            class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 mx_DisambiguatedProfile_displayName"
+                            dir="auto"
+                          >
+                            @userId:matrix.org
+                          </span>
+                        </div>
+                        <div
+                          class="mx_EventTile_avatar"
+                        >
+                          <span
+                            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+                            data-color="2"
+                            data-testid="avatar-img"
+                            data-type="round"
+                            role="presentation"
+                            style="--cpd-avatar-size: 30px;"
+                            title="@userId:matrix.org"
+                          >
+                            u
+                          </span>
+                        </div>
+                        <div
+                          class="mx_EventTile_line"
+                          id="1"
+                        >
+                          <div
+                            class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+                          >
+                            <div
+                              class="mx_EventTile_body translate"
+                              dir="auto"
+                            >
+                              Hey you. You're the best!
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </label>
+                </div>
+                <div
+                  class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
+                >
+                  <label
+                    aria-label="Message bubbles"
+                    class="_label_1o4d9_60"
+                    for="radix-react-use-id-5"
+                  >
+                    <div
+                      class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
+                    >
+                      <div
+                        class="_container_1ug7n_10"
+                      >
+                        <input
+                          class="_input_1ug7n_18"
+                          id="radix-react-use-id-5"
+                          name="layout"
+                          title=""
+                          type="radio"
+                          value="bubble"
+                        />
+                        <div
+                          class="_ui_1ug7n_19"
+                        />
+                      </div>
+                      <span>
+                        Message bubbles
+                      </span>
+                    </div>
+                    <hr
+                      class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_separator"
+                    />
+                    <div
+                      class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_EventTilePreview"
+                      role="presentation"
+                    >
+                      <div
+                        aria-atomic="true"
+                        aria-live="off"
+                        class="mx_EventTile"
+                        data-event-id="$9999999999999999999999999999999999999999999"
+                        data-has-reply="false"
+                        data-layout="bubble"
+                        data-scroll-tokens="$9999999999999999999999999999999999999999999"
+                        data-self="true"
+                        tabindex="-1"
+                      >
+                        <div
+                          class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8"
+                          role="button"
+                          tabindex="0"
+                        >
+                          <span
+                            class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 mx_DisambiguatedProfile_displayName"
+                            dir="auto"
+                          >
+                            @userId:matrix.org
+                          </span>
+                        </div>
+                        <div
+                          class="mx_EventTile_avatar"
+                        >
+                          <span
+                            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+                            data-color="2"
+                            data-testid="avatar-img"
+                            data-type="round"
+                            role="presentation"
+                            style="--cpd-avatar-size: 30px;"
+                            title="@userId:matrix.org"
+                          >
+                            u
+                          </span>
+                        </div>
+                        <div
+                          class="mx_EventTile_line"
+                          id="2"
+                        >
+                          <div
+                            class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+                          >
+                            <div
+                              class="mx_EventTile_body translate"
+                              dir="auto"
+                            >
+                              Hey you. You're the best!
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </label>
+                </div>
+                <div
+                  class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
+                >
+                  <label
+                    aria-label="IRC (experimental)"
+                    class="_label_1o4d9_60"
+                    for="radix-react-use-id-6"
+                  >
+                    <div
+                      class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
+                    >
+                      <div
+                        class="_container_1ug7n_10"
+                      >
+                        <input
+                          class="_input_1ug7n_18"
+                          id="radix-react-use-id-6"
+                          name="layout"
+                          title=""
+                          type="radio"
+                          value="irc"
+                        />
+                        <div
+                          class="_ui_1ug7n_19"
+                        />
+                      </div>
+                      <span>
+                        IRC (experimental)
+                      </span>
+                    </div>
+                    <hr
+                      class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_separator"
+                    />
+                    <div
+                      class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_EventTilePreview mx_IRCLayout"
+                      role="presentation"
+                    >
+                      <div
+                        aria-atomic="true"
+                        aria-live="off"
+                        class="mx_EventTile"
+                        data-event-id="$9999999999999999999999999999999999999999999"
+                        data-has-reply="false"
+                        data-layout="irc"
+                        data-scroll-tokens="$9999999999999999999999999999999999999999999"
+                        data-self="true"
+                        tabindex="-1"
+                      >
+                        <span
+                          class="mx_MessageTimestamp"
+                        />
+                        <div
+                          class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8"
+                          role="button"
+                          tabindex="0"
+                        >
+                          <span
+                            class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 mx_DisambiguatedProfile_displayName"
+                            dir="auto"
+                          >
+                            @userId:matrix.org
+                          </span>
+                        </div>
+                        <div
+                          class="mx_EventTile_avatar"
+                        >
+                          <span
+                            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+                            data-color="2"
+                            data-testid="avatar-img"
+                            data-type="round"
+                            role="presentation"
+                            style="--cpd-avatar-size: 14px;"
+                            title="@userId:matrix.org"
+                          >
+                            u
+                          </span>
+                        </div>
+                        <div
+                          class="mx_EventTile_line"
+                          id="3"
+                        >
+                          <div
+                            class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"
+                          >
+                            <div
+                              class="mx_EventTile_body translate"
+                              dir="auto"
+                            >
+                              Hey you. You're the best!
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </label>
+                </div>
+              </form>
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        aria-describedby="radix-react-use-id-7"
+                        class="_input_udcm8_24"
+                        id="radix-react-use-id-8"
+                        name="compactLayout"
+                        role="switch"
+                        title=""
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="radix-react-use-id-8"
+                    >
+                      Show compact text and messages
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="radix-react-use-id-7"
+                    >
+                      Modern layout must be selected to use this feature.
+                    </span>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="_separator_13qwf_8"
+              data-kind="primary"
+              data-orientation="horizontal"
+              role="separator"
+            />
+          </div>
+          <div
+            class="mx_SettingsSubsection"
+            data-testid="mx_FontScalingPanel"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Font size
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
+            >
+              <div
+                class="mx_Field mx_Field_select mx_FontScalingPanel_Dropdown"
+              >
+                <select
+                  id="mx_Field_1"
+                  label="Font size"
+                  placeholder="Font size"
+                  type="text"
+                >
+                  <option
+                    value="-7"
+                  >
+                    9
+                  </option>
+                  <option
+                    value="-6"
+                  >
+                    10
+                  </option>
+                  <option
+                    value="-5"
+                  >
+                    11
+                  </option>
+                  <option
+                    value="-4"
+                  >
+                    12
+                  </option>
+                  <option
+                    value="-3"
+                  >
+                    13
+                  </option>
+                  <option
+                    value="-2"
+                  >
+                    14
+                  </option>
+                  <option
+                    value="-1"
+                  >
+                    15
+                  </option>
+                  <option
+                    value="0"
+                  >
+                    16 (default)
+                  </option>
+                  <option
+                    value="1"
+                  >
+                    17
+                  </option>
+                  <option
+                    value="2"
+                  >
+                    18
+                  </option>
+                  <option
+                    value="4"
+                  >
+                    20
+                  </option>
+                  <option
+                    value="6"
+                  >
+                    22
+                  </option>
+                  <option
+                    value="8"
+                  >
+                    24
+                  </option>
+                  <option
+                    value="10"
+                  >
+                    26
+                  </option>
+                  <option
+                    value="12"
+                  >
+                    28
+                  </option>
+                  <option
+                    value="14"
+                  >
+                    30
+                  </option>
+                  <option
+                    value="16"
+                  >
+                    32
+                  </option>
+                  <option
+                    value="18"
+                  >
+                    34
+                  </option>
+                  <option
+                    value="20"
+                  >
+                    36
+                  </option>
+                </select>
+                <label
+                  for="mx_Field_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"
+              >
+                <div
+                  class="mx_Spinner"
+                >
+                  <svg
+                    aria-label="Loading…"
+                    class="_icon_1855a_18"
+                    data-testid="spinner"
+                    fill="currentColor"
+                    height="1em"
+                    role="progressbar"
+                    style="width: 32px; height: 32px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      clip-rule="evenodd"
+                      d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                      fill-rule="evenodd"
+                    />
+                  </svg>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsection_content mx_SettingsSubsection_noHeading"
+            >
+              <div
+                aria-expanded="false"
+                class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
+                role="button"
+                tabindex="0"
+              >
+                Show advanced
+              </div>
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Image size in the timeline
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <div
+                class="mx_ImageSizePanel_radios"
+              >
+                <label>
+                  <div
+                    class="mx_ImageSizePanel_size"
+                  />
+                  <label
+                    class="mx_StyledRadioButton mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
+                  >
+                    <input
+                      checked=""
+                      name="image_size"
+                      type="radio"
+                      value="normal"
+                    />
+                    <div>
+                      <div />
+                    </div>
+                    <div
+                      class="mx_StyledRadioButton_content"
+                    >
+                      Default
+                    </div>
+                    <div
+                      class="mx_StyledRadioButton_spacer"
+                    />
+                  </label>
+                </label>
+                <label>
+                  <div
+                    class="mx_ImageSizePanel_size"
+                  />
+                  <label
+                    class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
+                  >
+                    <input
+                      name="image_size"
+                      type="radio"
+                      value="large"
+                    />
+                    <div>
+                      <div />
+                    </div>
+                    <div
+                      class="mx_StyledRadioButton_content"
+                    >
+                      Large
+                    </div>
+                    <div
+                      class="mx_StyledRadioButton_spacer"
+                    />
+                  </label>
+                </label>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/EncryptionUserSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/EncryptionUserSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..2ad79f6d52b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/EncryptionUserSettingsTab-test.tsx.snap
@@ -0,0 +1,433 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<EncryptionUserSettingsTab /> should display a verify button when the encryption is not set up 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsTab mx_EncryptionUserSettingsTab"
+    data-testid="encryptionTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection mx_SettingsSection_newUi"
+      >
+        <div
+          class="mx_SettingsSection_header"
+        >
+          <h2
+            class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 mx_SettingsHeader"
+          >
+            Device not verified
+          </h2>
+          <div
+            class="mx_SettingsSubheader"
+          >
+            <span
+              class="mx_SettingsSubheader_error"
+            >
+              <svg
+                fill="currentColor"
+                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>
+              You need to verify this device in order to view your encryption settings.
+            </span>
+          </div>
+        </div>
+        <button
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="primary"
+          data-size="md"
+          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="M4 18q-.824 0-1.412-.587A1.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 18zm0-2h16V5H4zm-2 5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 1 20q0-.424.288-.712A.97.97 0 0 1 2 19h20q.424 0 .712.288.288.287.288.712 0 .424-.288.712A.97.97 0 0 1 22 21z"
+            />
+          </svg>
+          Verify this device
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<EncryptionUserSettingsTab /> should display the change recovery key panel when the user clicks on the change recovery button 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsTab mx_EncryptionUserSettingsTab"
+    data-testid="encryptionTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<EncryptionUserSettingsTab /> should display the identity needs reset panel when the user's identity needs resetting 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsTab mx_EncryptionUserSettingsTab"
+    data-testid="encryptionTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection mx_SettingsSection_newUi"
+      >
+        <div
+          class="mx_SettingsSection_header"
+        >
+          <h2
+            class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 mx_SettingsHeader"
+          >
+            Your key storage is out of sync.
+          </h2>
+          <div
+            class="mx_SettingsSubheader"
+          >
+            <span
+              class="mx_SettingsSubheader_error"
+            >
+              <svg
+                fill="currentColor"
+                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>
+              You have to reset your digital identity in order to ensure access to your chat history
+            </span>
+          </div>
+        </div>
+        <div>
+          <button
+            class="_button_1nw83_8"
+            data-kind="primary"
+            data-size="md"
+            role="button"
+            tabindex="0"
+          >
+            Continue with reset
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<EncryptionUserSettingsTab /> should display the recovery out of sync panel when secrets are not cached 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsTab mx_EncryptionUserSettingsTab"
+    data-testid="encryptionTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection mx_SettingsSection_newUi"
+        data-testid="recoveryPanel"
+      >
+        <div
+          class="mx_SettingsSection_header"
+        >
+          <h2
+            class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 mx_SettingsHeader"
+          >
+            Backup
+          </h2>
+          <div
+            class="mx_SettingsSubheader"
+          >
+            Your chats are automatically backed up with end-to-end encryption. To restore this backup and retain your digital identity when you lose access to all your devices, you will need your recovery key.
+            <span
+              class="mx_SettingsSubheader_error"
+            >
+              <svg
+                fill="currentColor"
+                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>
+              Your key storage is out of sync. Click one of the buttons below to fix the problem.
+            </span>
+          </div>
+        </div>
+        <div
+          class="mx_RecoveryPanelOutOfSync"
+        >
+          <button
+            class="_button_1nw83_8"
+            data-kind="secondary"
+            data-size="md"
+            role="button"
+            tabindex="0"
+          >
+            Forgot recovery key?
+          </button>
+          <button
+            class="_button_1nw83_8 _has-icon_1nw83_60"
+            data-kind="primary"
+            data-size="md"
+            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 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 5 12q0-.825.588-1.412A1.93 1.93 0 0 1 7 10q.824 0 1.412.588Q9 11.175 9 12t-.588 1.412A1.93 1.93 0 0 1 7 14m0 4q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q1.676 0 3.037.825A6.2 6.2 0 0 1 12.2 9h8.375q.2 0 .387.075.188.075.338.225l2 2q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-3.175 3.175a1 1 0 0 1-.3.2q-.175.075-.35.1a.8.8 0 0 1-.35-.025.9.9 0 0 1-.325-.175L17.5 15l-1.425 1.075a.95.95 0 0 1-.887.15.9.9 0 0 1-.288-.15L13.375 15H12.2a6.2 6.2 0 0 1-2.162 2.175Q8.675 18 7 18m0-2q1.4 0 2.463-.85A4.03 4.03 0 0 0 10.875 13H14l1.45 1.025L17.5 12.5l1.775 1.375L21.15 12l-1-1h-9.275a4.03 4.03 0 0 0-1.412-2.15Q8.4 8 7 8 5.35 8 4.175 9.175T3 12t1.175 2.825T7 16"
+              />
+            </svg>
+            Enter recovery key
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<EncryptionUserSettingsTab /> should display the reset identity panel when the user clicks on the reset cryptographic identity panel 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsTab mx_EncryptionUserSettingsTab"
+    data-testid="encryptionTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <nav
+        class="_breadcrumb_t96w3_8"
+      >
+        <button
+          aria-disabled="false"
+          aria-label="Back"
+          class="_icon-button_1215g_8"
+          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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+              />
+            </svg>
+          </div>
+        </button>
+        <ol
+          class="_pages_t96w3_17"
+        >
+          <li>
+            <a
+              class="_link_13esb_8"
+              data-kind="primary"
+              data-size="sm"
+              rel="noreferrer noopener"
+              role="button"
+              tabindex="0"
+            >
+              Encryption
+            </a>
+          </li>
+          <li>
+            <span
+              aria-current="page"
+              class="_last-page_t96w3_30"
+            >
+              Reset encryption
+            </span>
+          </li>
+        </ol>
+      </nav>
+      <div
+        class="mx_EncryptionCard"
+      >
+        <div
+          class="mx_EncryptionCard_header"
+        >
+          <div
+            class="_big-icon_1ssbv_8"
+            data-kind="critical"
+            data-size="lg"
+          >
+            <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>
+          <h2
+            class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+          >
+            Are you sure you want to reset your digital identity?
+          </h2>
+        </div>
+        <div
+          class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
+          style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+        >
+          <ul
+            class="_visual-list_6zpfn_8"
+          >
+            <li
+              class="_visual-list-item_1nc1y_8"
+            >
+              <svg
+                aria-hidden="true"
+                class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-success_1nc1y_22"
+                fill="currentColor"
+                height="24px"
+                viewBox="0 0 24 24"
+                width="24px"
+                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>
+              Your account details, contacts, preferences, and chat list will be kept
+            </li>
+            <li
+              class="_visual-list-item_1nc1y_8"
+            >
+              <svg
+                aria-hidden="true"
+                class="_visual-list-item-icon_1nc1y_17"
+                fill="currentColor"
+                height="24px"
+                viewBox="0 0 24 24"
+                width="24px"
+                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>
+              You will lose any message history that’s stored only on the server
+            </li>
+            <li
+              class="_visual-list-item_1nc1y_8"
+            >
+              <svg
+                aria-hidden="true"
+                class="_visual-list-item-icon_1nc1y_17"
+                fill="currentColor"
+                height="24px"
+                viewBox="0 0 24 24"
+                width="24px"
+                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>
+              You will need to verify all your existing devices and contacts again
+            </li>
+          </ul>
+          <span>
+            Only do this if you believe your account has been compromised.
+          </span>
+        </div>
+        <div
+          class="mx_EncryptionCard_buttons"
+        >
+          <button
+            aria-disabled="false"
+            class="_button_1nw83_8 _destructive_1nw83_110"
+            data-kind="primary"
+            data-size="lg"
+            role="button"
+            tabindex="0"
+          >
+            Continue
+          </button>
+          <button
+            class="_button_1nw83_8"
+            data-kind="tertiary"
+            data-size="lg"
+            role="button"
+            tabindex="0"
+          >
+            Cancel
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<EncryptionUserSettingsTab /> should display the set up recovery key when the user clicks on the set up recovery key button 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsTab mx_EncryptionUserSettingsTab"
+    data-testid="encryptionTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    />
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/KeyboardUserSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/KeyboardUserSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..7e7f580cdce
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/KeyboardUserSettingsTab-test.tsx.snap
@@ -0,0 +1,1155 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`KeyboardUserSettingsTab renders list of keyboard shortcuts 1`] = `
+<div>
+  <div
+    class="mx_SettingsTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection"
+      >
+        <div
+          class="mx_SettingsSection_subSections"
+        >
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Composer
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <ul
+                class="mx_KeyboardShortcut_shortcutList"
+              >
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Send message
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Enter
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  New line
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Shift
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Enter
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Toggle Bold
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      b
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Toggle Italics
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      i
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Toggle Quote
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Shift
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      &gt;
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Toggle Link
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Shift
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      l
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Toggle Code Block
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      e
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Undo edit
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      z
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Redo edit
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      y
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Jump to start of the composer
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Home
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Jump to end of the composer
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      End
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Cancel replying to a message
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Esc
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Navigate to next message to edit
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      ↓
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Navigate to previous message to edit
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      ↑
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Navigate to next message in composer history
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Alt
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      ↓
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Navigate to previous message in composer history
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Alt
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      ↑
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Send a sticker
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      ;
+                       
+                    </kbd>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Calls
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <ul
+                class="mx_KeyboardShortcut_shortcutList"
+              >
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Toggle microphone mute
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      d
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Toggle webcam on/off
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      e
+                       
+                    </kbd>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Room
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <ul
+                class="mx_KeyboardShortcut_shortcutList"
+              >
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Search (must be enabled)
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      f
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Upload a file
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Shift
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      u
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Dismiss read marker and jump to bottom
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Esc
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Jump to oldest unread message
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Shift
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Page Up
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Scroll up in the timeline
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Page Up
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Scroll down in the timeline
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Page Down
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Jump to first message
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Home
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Jump to last message
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      End
+                       
+                    </kbd>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Room List
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <ul
+                class="mx_KeyboardShortcut_shortcutList"
+              >
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Select room from the room list
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Enter
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Collapse room list section
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      ←
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Expand room list section
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      →
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Navigate down in the room list
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      ↓
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Navigate up in the room list
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      ↑
+                       
+                    </kbd>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Accessibility
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <ul
+                class="mx_KeyboardShortcut_shortcutList"
+              >
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Close dialog or context menu
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Esc
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Activate selected button
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Enter
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Save
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      s
+                       
+                    </kbd>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Navigation
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <ul
+                class="mx_KeyboardShortcut_shortcutList"
+              >
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Toggle the top left menu
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      \`
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Toggle right panel
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      .
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Toggle space panel
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Shift
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      d
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Open this settings tab
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      /
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Go to Home View
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Alt
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      h
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Jump to room search
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      k
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Next unread room or DM
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Alt
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Shift
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      ↓
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Previous unread room or DM
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Alt
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Shift
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      ↑
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Next room or DM
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Alt
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      ↓
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Previous room or DM
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Alt
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      ↑
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Go to next landmark
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      F6
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Go to previous landmark
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Ctrl
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      Shift
+                       
+                    </kbd>
+                    +
+                    <kbd>
+                       
+                      F6
+                       
+                    </kbd>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Autocomplete
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <ul
+                class="mx_KeyboardShortcut_shortcutList"
+              >
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Cancel autocomplete
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Esc
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Next autocomplete suggestion
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      ↓
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Previous autocomplete suggestion
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      ↑
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Complete
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Enter
+                       
+                    </kbd>
+                  </div>
+                </li>
+                <li
+                  class="mx_KeyboardShortcut_shortcutRow"
+                >
+                  Force complete
+                  <div
+                    class="mx_KeyboardShortcut"
+                  >
+                    <kbd>
+                       
+                      Tab
+                       
+                    </kbd>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/LabsUserSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/LabsUserSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..dbc24462dee
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/LabsUserSettingsTab-test.tsx.snap
@@ -0,0 +1,147 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<LabsUserSettingsTab /> renders settings marked as beta as beta cards 1`] = `
+<div
+  class="mx_SettingsSection"
+>
+  <h2
+    class="mx_Heading_h3"
+  >
+    Upcoming features
+  </h2>
+  <div
+    class="mx_SettingsSection_subSections"
+  >
+    <div
+      class="mx_SettingsSubsection_text"
+    >
+      What's next for BrandedClient? Labs are the best way to get things early, test out new features and help shape them before they actually launch.
+    </div>
+    <div
+      class="mx_BetaCard"
+    >
+      <div
+        class="mx_BetaCard_columns"
+      >
+        <div
+          class="mx_BetaCard_columns_description"
+        >
+          <h3
+            class="mx_BetaCard_title"
+          >
+            <span>
+              Video rooms
+            </span>
+            <span
+              class="mx_BetaCard_betaPill"
+            >
+              Beta
+            </span>
+          </h3>
+          <div
+            class="mx_BetaCard_caption"
+          >
+            <p>
+              A new way to chat over voice and video in BrandedClient.
+            </p>
+            <p>
+              Video rooms are always-on VoIP channels embedded within a room in BrandedClient.
+            </p>
+          </div>
+          <div
+            class="mx_BetaCard_buttons"
+          >
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+              role="button"
+              tabindex="0"
+            >
+              Join the beta
+            </div>
+          </div>
+          <div
+            class="mx_BetaCard_refreshWarning"
+          >
+            Joining the beta will reload BrandedClient.
+          </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"
+        >
+          <img
+            alt=""
+            class="mx_BetaCard_columns_image"
+            src="image-file-stub"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="mx_BetaCard"
+    >
+      <div
+        class="mx_BetaCard_columns"
+      >
+        <div
+          class="mx_BetaCard_columns_description"
+        >
+          <h3
+            class="mx_BetaCard_title"
+          >
+            <span>
+              Notification Settings
+            </span>
+            <span
+              class="mx_BetaCard_betaPill"
+            >
+              Beta
+            </span>
+          </h3>
+          <div
+            class="mx_BetaCard_caption"
+          >
+            <p>
+              Introducing a simpler way to change your notification settings. Customize your BrandedClient, just the way you like.
+            </p>
+          </div>
+          <div
+            class="mx_BetaCard_buttons"
+          >
+            <div
+              class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+              role="button"
+              tabindex="0"
+            >
+              Join the beta
+            </div>
+          </div>
+        </div>
+        <div
+          class="mx_BetaCard_columns_image_wrapper"
+        >
+          <img
+            alt=""
+            class="mx_BetaCard_columns_image"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/MjolnirUserSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/MjolnirUserSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..f427c0f92df
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/MjolnirUserSettingsTab-test.tsx.snap
@@ -0,0 +1,163 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<MjolnirUserSettingsTab /> renders correctly when user has no ignored users 1`] = `
+<div>
+  <div
+    class="mx_SettingsTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection"
+      >
+        <div
+          class="mx_SettingsSection_subSections"
+        >
+          <div
+            class="mx_SettingsSubsection_text"
+          >
+            <strong
+              class="warning"
+            >
+              ⚠ These settings are meant for advanced users.
+            </strong>
+            <p>
+              <span>
+                Add users and servers you want to ignore here. Use asterisks to have Element match any characters. For example, 
+                <code>
+                  @bot:*
+                </code>
+                 would ignore all users that have the name 'bot' on any server.
+              </span>
+            </p>
+            <p>
+              Ignoring people is done through ban lists which contain rules for who to ban. Subscribing to a ban list means the users/servers blocked by that list will be hidden from you.
+            </p>
+          </div>
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Personal ban list
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_description"
+            >
+              <div
+                class="mx_SettingsSubsection_text"
+              >
+                Your personal ban list holds all the users/servers you personally don't want to see messages from. After ignoring your first user/server, a new room will show up in your room list named 'My Ban List' - stay in this room to keep the ban list in effect.
+              </div>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <i>
+                You have not ignored anyone.
+              </i>
+              <form
+                autocomplete="off"
+              >
+                <div
+                  class="mx_Field mx_Field_input"
+                >
+                  <input
+                    id="mx_Field_1"
+                    label="Server or user ID to ignore"
+                    placeholder="eg: @bot:* or example.org"
+                    type="text"
+                    value=""
+                  />
+                  <label
+                    for="mx_Field_1"
+                  >
+                    Server or user ID to ignore
+                  </label>
+                </div>
+                <div
+                  class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+                  role="button"
+                  tabindex="0"
+                >
+                  Ignore
+                </div>
+              </form>
+            </div>
+          </div>
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Subscribed lists
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_description"
+            >
+              <div
+                class="mx_SettingsSubsection_text"
+              >
+                <strong
+                  class="warning"
+                >
+                  Subscribing to a ban list will cause you to join it!
+                </strong>
+                 
+                <span>
+                  If this isn't what you want, please use a different tool to ignore users.
+                </span>
+              </div>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <i>
+                You are not subscribed to any lists
+              </i>
+              <form
+                autocomplete="off"
+              >
+                <div
+                  class="mx_Field mx_Field_input"
+                >
+                  <input
+                    id="mx_Field_2"
+                    label="Room ID or address of ban list"
+                    placeholder="Room ID or address of ban list"
+                    type="text"
+                    value=""
+                  />
+                  <label
+                    for="mx_Field_2"
+                  >
+                    Room ID or address of ban list
+                  </label>
+                </div>
+                <div
+                  class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+                  role="button"
+                  tabindex="0"
+                >
+                  Subscribe
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..5eab0932df3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap
@@ -0,0 +1,1862 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`PreferencesUserSettingsTab should render 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsTab"
+    data-testid="mx_PreferencesUserSettingsTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection"
+      >
+        <div
+          class="mx_SettingsSection_subSections"
+        >
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="mx_SettingsSubsection"
+            >
+              <div
+                class="mx_SettingsSubsectionHeading"
+              >
+                <h2
+                  class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+                >
+                  Language
+                </h2>
+              </div>
+              <div
+                class="mx_SettingsSubsection_content"
+              >
+                <div
+                  class="mx_SettingsSubsection_dropdown"
+                >
+                  Application language
+                  <div
+                    class="mx_Spinner"
+                  >
+                    <svg
+                      aria-label="Loading…"
+                      class="_icon_1855a_18"
+                      data-testid="spinner"
+                      fill="currentColor"
+                      height="1em"
+                      role="progressbar"
+                      style="width: 32px; height: 32px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </div>
+                  <div
+                    class="mx_PreferencesUserSettingsTab_section_hint"
+                  >
+                    The app will reload after selecting another language
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="mx_SettingsSubsection"
+            >
+              <div
+                class="mx_SettingsSubsectionHeading"
+              >
+                <h2
+                  class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+                >
+                  Room list
+                </h2>
+              </div>
+              <div
+                class="mx_SettingsSubsection_content"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        id="mx_SettingsFlag_vY7Q4uEh9K38"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_vY7Q4uEh9K38"
+                    >
+                      Show message previews
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_QgU2PomxwKpa"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_QgU2PomxwKpa"
+                    >
+                      Show sections
+                    </label>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="mx_SettingsSubsection"
+            >
+              <div
+                class="mx_SettingsSubsectionHeading"
+              >
+                <h2
+                  class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+                >
+                  Spaces
+                </h2>
+              </div>
+              <div
+                class="mx_SettingsSubsection_content"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_6hpi3YEetmBG"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_6hpi3YEetmBG"
+                    >
+                      Show all rooms in Home
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="radix-react-use-id-1"
+                    >
+                      All rooms you're in will appear in Home.
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="mx_SettingsSubsection"
+            >
+              <div
+                class="mx_SettingsSubsectionHeading"
+              >
+                <h2
+                  class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+                >
+                  Keyboard shortcuts
+                </h2>
+              </div>
+              <div
+                class="mx_SettingsSubsection_description"
+              >
+                <div
+                  class="mx_SettingsSubsection_text"
+                >
+                  <span>
+                    To view all keyboard shortcuts, 
+                    <div
+                      class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+                      role="button"
+                      tabindex="0"
+                    >
+                      click here
+                    </div>
+                    .
+                  </span>
+                </div>
+              </div>
+              <div
+                class="mx_SettingsSubsection_content"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_4yVCeEefiPqp"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_4yVCeEefiPqp"
+                    >
+                      Use Ctrl + F to search timeline
+                    </label>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="mx_SettingsSubsection"
+            >
+              <div
+                class="mx_SettingsSubsectionHeading"
+              >
+                <h2
+                  class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+                >
+                  Displaying time
+                </h2>
+              </div>
+              <div
+                class="mx_SettingsSubsection_content"
+              >
+                <div
+                  class="mx_SettingsSubsection_dropdown"
+                >
+                  Set timezone
+                  <div
+                    class="mx_Dropdown mx_dropdownUserTimezone"
+                  >
+                    <div
+                      aria-describedby="mx_dropdownUserTimezone_value"
+                      aria-expanded="false"
+                      aria-haspopup="listbox"
+                      aria-label="Set timezone"
+                      aria-owns="mx_dropdownUserTimezone_input"
+                      class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
+                      role="button"
+                      tabindex="0"
+                    >
+                      <div
+                        class="mx_Dropdown_option"
+                        id="mx_dropdownUserTimezone_value"
+                      >
+                        Browser default (UTC)
+                      </div>
+                      <svg
+                        class="mx_Dropdown_arrow"
+                        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>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_MRMwbPDmfGtm"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_MRMwbPDmfGtm"
+                    >
+                      Show timestamps in 12 hour format (e.g. 2:30pm)
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_GQvdMWe954DV"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_GQvdMWe954DV"
+                    >
+                      Always show message timestamps
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_IAu5CsiHRD7n"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_IAu5CsiHRD7n"
+                    >
+                      Publish timezone on public profile
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="radix-react-use-id-2"
+                    >
+                      Requires your server to support MSC4133
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="mx_SettingsSubsection"
+            >
+              <div
+                class="mx_SettingsSubsectionHeading"
+              >
+                <h2
+                  class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+                >
+                  Presence
+                </h2>
+              </div>
+              <div
+                class="mx_SettingsSubsection_description"
+              >
+                <div
+                  class="mx_SettingsSubsection_text"
+                >
+                  Share your activity and status with others.
+                </div>
+              </div>
+              <div
+                class="mx_SettingsSubsection_content"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_yrA2ohjWVJIP"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_yrA2ohjWVJIP"
+                    >
+                      Send read receipts
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="radix-react-use-id-3"
+                    >
+                      Your server doesn't support disabling sending read receipts.
+                    </span>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_auy1OmnTidX4"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_auy1OmnTidX4"
+                    >
+                      Send typing notifications
+                    </label>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="mx_SettingsSubsection"
+            >
+              <div
+                class="mx_SettingsSubsectionHeading"
+              >
+                <h2
+                  class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+                >
+                  Composer
+                </h2>
+              </div>
+              <div
+                class="mx_SettingsSubsection_content"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_ePDS0OpWwAHG"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_ePDS0OpWwAHG"
+                    >
+                      Automatically replace plain text Emoji
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_75JNTNkNU64r"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_75JNTNkNU64r"
+                    >
+                      Enable Markdown
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="radix-react-use-id-4"
+                    >
+                      <span>
+                        Start messages with 
+                        <code>
+                          /plain
+                        </code>
+                         to send without markdown.
+                      </span>
+                    </span>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_aTLcRsQRlYy7"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_aTLcRsQRlYy7"
+                    >
+                      Enable Emoji suggestions while typing
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_5nfv5bOEPN1s"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_5nfv5bOEPN1s"
+                    >
+                      Use Ctrl + Enter to send a message
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_u1JYVtOyR5kb"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_u1JYVtOyR5kb"
+                    >
+                      Surround selected text when typing special characters
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_u3pEwuLn9Enn"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_u3pEwuLn9Enn"
+                    >
+                      Show stickers button
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_YuxfFEpOsztW"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_YuxfFEpOsztW"
+                    >
+                      Insert a trailing colon after user mentions at the start of a message
+                    </label>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="mx_SettingsSubsection"
+            >
+              <div
+                class="mx_SettingsSubsectionHeading"
+              >
+                <h2
+                  class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+                >
+                  Code blocks
+                </h2>
+              </div>
+              <div
+                class="mx_SettingsSubsection_content"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_hQkBerF1ejc4"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_hQkBerF1ejc4"
+                    >
+                      Enable automatic language detection for syntax highlighting
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_GFes1UFzOK2n"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_GFes1UFzOK2n"
+                    >
+                      Expand code blocks by default
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_vfGFMldL2r2v"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_vfGFMldL2r2v"
+                    >
+                      Show line numbers in code blocks
+                    </label>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="mx_SettingsSubsection"
+            >
+              <div
+                class="mx_SettingsSubsectionHeading"
+              >
+                <h2
+                  class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+                >
+                  Link previews
+                </h2>
+              </div>
+              <div
+                class="mx_SettingsSubsection_description"
+              >
+                <div
+                  class="mx_SettingsSubsection_text"
+                >
+                  Shows information about links underneath messages
+                </div>
+              </div>
+              <div
+                class="mx_SettingsSubsection_content"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        id="mx_SettingsFlag_bsSwicmKUiOB"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_bsSwicmKUiOB"
+                    >
+                      Enable previews
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        id="mx_SettingsFlag_dvqsxEaZtl3A"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_dvqsxEaZtl3A"
+                    >
+                      Enable previews in encrypted rooms
+                    </label>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="mx_SettingsSubsection"
+            >
+              <div
+                class="mx_SettingsSubsectionHeading"
+              >
+                <h2
+                  class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+                >
+                  Images, GIFs and videos
+                </h2>
+              </div>
+              <div
+                class="mx_SettingsSubsection_content"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_NIiWzqsApP1c"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_NIiWzqsApP1c"
+                    >
+                      Autoplay GIFs
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_q1SIAPqLMVXh"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_q1SIAPqLMVXh"
+                    >
+                      Autoplay videos
+                    </label>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="mx_SettingsSubsection"
+            >
+              <div
+                class="mx_SettingsSubsectionHeading"
+              >
+                <h2
+                  class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+                >
+                  Timeline
+                </h2>
+              </div>
+              <div
+                class="mx_SettingsSubsection_content"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_dXFDGgBsKXay"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_dXFDGgBsKXay"
+                    >
+                      Show typing notifications
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_7Az0xw4Bs4Tt"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_7Az0xw4Bs4Tt"
+                    >
+                      Show a placeholder for removed messages
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_8jmzPIlPoBCv"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_8jmzPIlPoBCv"
+                    >
+                      Show read receipts sent by other users
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_enFRaTjdsFou"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_enFRaTjdsFou"
+                    >
+                      Show join/leave messages (invites/removes/bans unaffected)
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_bfwnd5rz4XNX"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_bfwnd5rz4XNX"
+                    >
+                      Show display name changes
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_gs5uWEzYzZrS"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_gs5uWEzYzZrS"
+                    >
+                      Show chat effects (animations when receiving e.g. confetti)
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_qWg7OgID1yRR"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_qWg7OgID1yRR"
+                    >
+                      Show profile picture changes
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_pOPewl7rtMbV"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_pOPewl7rtMbV"
+                    >
+                      Show avatars in user, room and event mentions
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_cmt3PZSyNp3v"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_cmt3PZSyNp3v"
+                    >
+                      Enable big emoji in chat
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_dJJz3lHUv9XX"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_dJJz3lHUv9XX"
+                    >
+                      Jump to the bottom of the timeline when you send a message
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_SBSSOZDRlzlA"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_SBSSOZDRlzlA"
+                    >
+                      Show current profile picture and name for users in message history
+                    </label>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+          <div
+            class="mx_SettingsSubsection mx_SettingsSubsection_newUi"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Moderation and safety
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
+            >
+              <form
+                class="_root_1o4d9_17 mx_MediaPreviewAccountSetting_Form"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        id="react-use-id-5"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="react-use-id-5"
+                    >
+                      Hide avatars of room and inviter
+                    </label>
+                  </div>
+                </div>
+                <div
+                  aria-label="Show media in timeline"
+                  class="_field_1o4d9_27"
+                  id="mx_media_previews"
+                  role="radiogroup"
+                >
+                  <label
+                    class="_label_1o4d9_60"
+                    for="radix-react-use-id-6"
+                  >
+                    Show media in timeline
+                  </label>
+                  <span
+                    class="_message_1o4d9_86 _help-message_1o4d9_92 mx_MediaPreviewAccountSetting_RadioHelp"
+                    id="radix-react-use-id-7"
+                  >
+                    A hidden media can always be shown by tapping on it
+                  </span>
+                  <div
+                    class="_inline-field_1o4d9_33 mx_MediaPreviewAccountSetting_Radio"
+                  >
+                    <div
+                      class="_inline-field-control_1o4d9_45"
+                    >
+                      <div
+                        class="_container_1ug7n_10"
+                      >
+                        <input
+                          class="_input_1ug7n_18"
+                          id="mx_media_previews_off"
+                          type="radio"
+                        />
+                        <div
+                          class="_ui_1ug7n_19"
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="_inline-field-body_1o4d9_39"
+                    >
+                      <label
+                        class="_label_1o4d9_60"
+                        for="mx_media_previews_off"
+                      >
+                        Always hide
+                      </label>
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field_1o4d9_33 mx_MediaPreviewAccountSetting_Radio"
+                  >
+                    <div
+                      class="_inline-field-control_1o4d9_45"
+                    >
+                      <div
+                        class="_container_1ug7n_10"
+                      >
+                        <input
+                          class="_input_1ug7n_18"
+                          id="mx_media_previews_private"
+                          type="radio"
+                        />
+                        <div
+                          class="_ui_1ug7n_19"
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="_inline-field-body_1o4d9_39"
+                    >
+                      <label
+                        class="_label_1o4d9_60"
+                        for="mx_media_previews_private"
+                      >
+                        In private rooms
+                      </label>
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field_1o4d9_33 mx_MediaPreviewAccountSetting_Radio"
+                  >
+                    <div
+                      class="_inline-field-control_1o4d9_45"
+                    >
+                      <div
+                        class="_container_1ug7n_10"
+                      >
+                        <input
+                          checked=""
+                          class="_input_1ug7n_18"
+                          id="mx_media_previews_on"
+                          type="radio"
+                        />
+                        <div
+                          class="_ui_1ug7n_19"
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="_inline-field-body_1o4d9_39"
+                    >
+                      <label
+                        class="_label_1o4d9_60"
+                        for="mx_media_previews_on"
+                      >
+                        Always show
+                      </label>
+                    </div>
+                  </div>
+                </div>
+              </form>
+              <form
+                class="_root_1o4d9_17 mx_MediaPreviewAccountSetting_Form"
+              >
+                <div
+                  class="_inline-field_1o4d9_33 mx_MediaPreviewAccountSetting_ToggleSwitch"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="react-use-id-8"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="react-use-id-8"
+                    >
+                      Allow users to invite you to rooms
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="radix-react-use-id-9"
+                    >
+                      Your server does not implement this feature.
+                    </span>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div
+              class="_separator_13qwf_8"
+              data-kind="primary"
+              data-orientation="horizontal"
+              role="separator"
+            />
+          </div>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="mx_SettingsSubsection"
+            >
+              <div
+                class="mx_SettingsSubsectionHeading"
+              >
+                <h2
+                  class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+                >
+                  Room directory
+                </h2>
+              </div>
+              <div
+                class="mx_SettingsSubsection_content"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_FLEpLCb0jpp6"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_FLEpLCb0jpp6"
+                    >
+                      Show NSFW content
+                    </label>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+          <form
+            class="_root_1o4d9_17"
+          >
+            <div
+              class="mx_SettingsSubsection"
+            >
+              <div
+                class="mx_SettingsSubsectionHeading"
+              >
+                <h2
+                  class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+                >
+                  General
+                </h2>
+              </div>
+              <div
+                class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        disabled=""
+                        id="mx_SettingsFlag_NQFWldEwbV3q"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="mx_SettingsFlag_NQFWldEwbV3q"
+                    >
+                      Prompt before sending invites to potentially invalid matrix IDs
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="mx_Field mx_Field_input"
+                >
+                  <input
+                    id="mx_Field_1"
+                    label="Autocomplete delay (ms)"
+                    placeholder="Autocomplete delay (ms)"
+                    type="number"
+                    value="200"
+                  />
+                  <label
+                    for="mx_Field_1"
+                  >
+                    Autocomplete delay (ms)
+                  </label>
+                </div>
+                <div
+                  class="mx_Field mx_Field_input"
+                >
+                  <input
+                    id="mx_Field_2"
+                    label="Read Marker lifetime (ms)"
+                    placeholder="Read Marker lifetime (ms)"
+                    type="number"
+                    value="3000"
+                  />
+                  <label
+                    for="mx_Field_2"
+                  >
+                    Read Marker lifetime (ms)
+                  </label>
+                </div>
+                <div
+                  class="mx_Field mx_Field_input"
+                >
+                  <input
+                    id="mx_Field_3"
+                    label="Read Marker off-screen lifetime (ms)"
+                    placeholder="Read Marker off-screen lifetime (ms)"
+                    type="number"
+                    value="30000"
+                  />
+                  <label
+                    for="mx_Field_3"
+                  >
+                    Read Marker off-screen lifetime (ms)
+                  </label>
+                </div>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SecurityUserSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SecurityUserSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..9dbaa827b26
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SecurityUserSettingsTab-test.tsx.snap
@@ -0,0 +1,288 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SecurityUserSettingsTab /> renders ignored users 1`] = `
+<ul
+  aria-label="Ignored users"
+  class="mx_SecurityUserSettingsTab_ignoredUsers"
+>
+  <li
+    aria-label="@bob:example.org"
+    class="mx_SecurityUserSettingsTab_ignoredUser"
+  >
+    <div
+      aria-describedby="mx_SecurityUserSettingsTab_ignoredUser_@bob:example.org"
+      class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_sm"
+      role="button"
+      tabindex="0"
+    >
+      Unignore
+    </div>
+    <span
+      id="mx_SecurityUserSettingsTab_ignoredUser_@bob:example.org"
+    >
+      @bob:example.org
+    </span>
+  </li>
+</ul>
+`;
+
+exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
+<div>
+  <div
+    class="mx_SettingsTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <form
+        class="_root_1o4d9_17 mx_SetIntegrationManager"
+        data-testid="mx_SetIntegrationManager"
+      >
+        <div
+          class="mx_SettingsFlag"
+        >
+          <div
+            class="mx_SetIntegrationManager_heading_manager"
+          >
+            <h2
+              class="mx_Heading_h3"
+            >
+              Manage integrations
+            </h2>
+            <h3
+              class="mx_Heading_h4"
+              id="mx_SetIntegrationManager_ManagerName"
+            >
+              (scalar.vector.im)
+            </h3>
+          </div>
+        </div>
+        <div
+          class="mx_SettingsSubsection_text"
+          id="mx_SetIntegrationManager_BodyText"
+        >
+          <span>
+            Use an integration manager 
+            <strong>
+              (scalar.vector.im)
+            </strong>
+             to manage bots, widgets, and sticker packs.
+          </span>
+        </div>
+        <div
+          class="mx_SettingsSubsection_text"
+        >
+          Integration managers receive configuration data, and can modify widgets, send room invites, and set power levels on your behalf.
+        </div>
+        <div
+          class="_inline-field_1o4d9_33"
+        >
+          <div
+            class="_inline-field-control_1o4d9_45"
+          >
+            <div
+              class="_container_udcm8_10"
+            >
+              <input
+                checked=""
+                class="_input_udcm8_24"
+                id="react-use-id-1"
+                role="switch"
+                type="checkbox"
+              />
+              <div
+                class="_ui_udcm8_34"
+              />
+            </div>
+          </div>
+          <div
+            class="_inline-field-body_1o4d9_39"
+          >
+            <label
+              class="_label_1o4d9_60"
+              for="react-use-id-1"
+            >
+              Enable the integration manager
+            </label>
+          </div>
+        </div>
+      </form>
+      <div
+        class="mx_SettingsSection"
+      >
+        <h2
+          class="mx_Heading_h3"
+        >
+          Encryption
+        </h2>
+        <div
+          class="mx_SettingsSection_subSections"
+        >
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h3
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Message search
+              </h3>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <div
+                class="mx_SettingsSubsection_text"
+              >
+                <span>
+                  Element can't securely cache encrypted messages locally while running in a web browser. Use 
+                  <a
+                    class="mx_ExternalLink"
+                    href="https://element.io/download"
+                    rel="noreferrer noopener"
+                    target="_blank"
+                  >
+                    Element Desktop
+                    <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>
+                   for encrypted messages to appear in search results.
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_SettingsSection"
+      >
+        <h2
+          class="mx_Heading_h3"
+        >
+          Privacy
+        </h2>
+        <div
+          class="mx_SettingsSection_subSections"
+        >
+          <div
+            class="mx_SettingsSubsection"
+            data-testid="discoverySection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h3
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                How to find you
+              </h3>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
+            >
+              <fieldset
+                class="mx_SettingsFieldset"
+              >
+                <legend
+                  class="mx_SettingsFieldset_legend"
+                >
+                  Identity server
+                </legend>
+                <div
+                  class="mx_SettingsFieldset_description"
+                >
+                  <div
+                    class="mx_SettingsSubsection_text"
+                  >
+                    You are not currently using an identity server. To discover and be discoverable by existing contacts you know, add one below.
+                  </div>
+                </div>
+                <div
+                  class="mx_SettingsFieldset_content"
+                >
+                  <form
+                    class="_root_1o4d9_17 mx_IdentityServerPicker"
+                  >
+                    <div
+                      class="_field_1o4d9_27"
+                    >
+                      <label
+                        class="_label_1o4d9_60"
+                        for="radix-react-use-id-2"
+                      >
+                        Enter a new identity server
+                      </label>
+                      <div
+                        class="_controls_17lij_8"
+                      >
+                        <input
+                          class="_control_d83jn_10"
+                          id="radix-react-use-id-2"
+                          name="input"
+                          placeholder=""
+                          title=""
+                          value=""
+                        />
+                      </div>
+                    </div>
+                  </form>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="mx_SettingsSection"
+      >
+        <h2
+          class="mx_Heading_h3"
+        >
+          Advanced
+        </h2>
+        <div
+          class="mx_SettingsSection_subSections"
+        >
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h3
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Ignored users
+              </h3>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <div
+                class="mx_SettingsSubsection_text"
+              >
+                You have no ignored users.
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap
new file mode 100644
index 00000000000..1e889c333e3
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap
@@ -0,0 +1,530 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SessionManagerTab /> Device verification does not allow device verification on session that do not support encryption 1`] = `
+HTMLCollection [
+  <div
+    class="mx_DeviceSecurityCard"
+  >
+    <div
+      class="mx_DeviceSecurityCard_icon Unverified"
+    >
+      <svg
+        fill="currentColor"
+        height="16"
+        viewBox="0 0 24 24"
+        width="16"
+        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="mx_DeviceSecurityCard_content"
+    >
+      <p
+        class="mx_DeviceSecurityCard_heading"
+      >
+        Unverified session
+      </p>
+      <p
+        class="mx_DeviceSecurityCard_description"
+      >
+        This session doesn't support encryption and thus can't be verified.
+        <button
+          class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+          role="button"
+          tabindex="0"
+        >
+          Learn more
+        </button>
+      </p>
+    </div>
+  </div>,
+]
+`;
+
+exports[`<SessionManagerTab /> Sign out Signs out of current device 1`] = `
+<div
+  class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_inline"
+  data-testid="device-detail-sign-out-cta"
+  role="button"
+  tabindex="0"
+>
+  <span
+    class="mx_DeviceDetails_signOutButtonContent"
+  >
+    Remove this session
+  </span>
+</div>
+`;
+
+exports[`<SessionManagerTab /> Sign out for an OIDC-aware server Signs out of current device 1`] = `
+<div
+  class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_inline"
+  data-testid="device-detail-sign-out-cta"
+  role="button"
+  tabindex="0"
+>
+  <span
+    class="mx_DeviceDetails_signOutButtonContent"
+  >
+    Remove this session
+  </span>
+</div>
+`;
+
+exports[`<SessionManagerTab /> current session section renders current session section with a verified session 1`] = `
+<div
+  class="mx_SettingsSubsection"
+  data-testid="current-session-section"
+>
+  <div
+    class="mx_SettingsSubsectionHeading"
+  >
+    <h2
+      class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+    >
+      Current session
+    </h2>
+    <div
+      aria-expanded="false"
+      aria-haspopup="true"
+      aria-label="Options"
+      class="mx_AccessibleButton"
+      data-testid="current-session-menu"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_KebabContextMenu_icon"
+        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>
+  <div
+    class="mx_SettingsSubsection_content"
+  >
+    <div
+      class="mx_DeviceTile mx_DeviceTile_interactive"
+      data-testid="device-tile-alices_device"
+    >
+      <div
+        class="mx_DeviceTypeIcon"
+      >
+        <div
+          class="mx_DeviceTypeIcon_deviceIconWrapper"
+        >
+          <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"
+          class="mx_DeviceTypeIcon_verificationIcon verified"
+          fill="currentColor"
+          height="1em"
+          role="img"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M11.106 2.447a2 2 0 0 1 1.789 0l6 3A2 2 0 0 1 20 7.237V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.105-1.789zm4.601 6.846a1 1 0 0 0-1.414 0L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <div
+        class="mx_DeviceTile_info"
+      >
+        <h3
+          class="mx_Heading_h4"
+        >
+          Alices device
+        </h3>
+        <div
+          class="mx_DeviceTile_metadata"
+        >
+          <span
+            data-testid="device-metadata-isVerified"
+          >
+            Verified
+          </span>
+           · 
+          <span
+            data-testid="device-metadata-deviceId"
+          >
+            alices_device
+          </span>
+        </div>
+      </div>
+      <div
+        class="mx_DeviceTile_actions"
+      >
+        <div
+          aria-label="Show details"
+          class="mx_AccessibleButton mx_DeviceExpandDetailsButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon"
+          data-testid="current-session-toggle-details"
+          role="button"
+          tabindex="0"
+        >
+          <svg
+            class="mx_DeviceExpandDetailsButton_icon"
+            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>
+    <br />
+    <div
+      class="mx_DeviceSecurityCard"
+    >
+      <div
+        class="mx_DeviceSecurityCard_icon Verified"
+      >
+        <svg
+          fill="currentColor"
+          height="16"
+          viewBox="0 0 24 24"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clip-rule="evenodd"
+            d="M11.106 2.447a2 2 0 0 1 1.789 0l6 3A2 2 0 0 1 20 7.237V12c0 6.742-5.773 9.246-7.51 9.846-.32.111-.66.111-.98 0C9.774 21.246 4 18.743 4 12V7.236a2 2 0 0 1 1.105-1.789zm4.601 6.846a1 1 0 0 0-1.414 0L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <div
+        class="mx_DeviceSecurityCard_content"
+      >
+        <p
+          class="mx_DeviceSecurityCard_heading"
+        >
+          Verified session
+        </p>
+        <p
+          class="mx_DeviceSecurityCard_description"
+        >
+          Your current session is ready for secure messaging.
+          <button
+            class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+            role="button"
+            tabindex="0"
+          >
+            Learn more
+          </button>
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<SessionManagerTab /> current session section renders current session section with an unverified session 1`] = `
+<div
+  class="mx_SettingsSubsection"
+  data-testid="current-session-section"
+>
+  <div
+    class="mx_SettingsSubsectionHeading"
+  >
+    <h2
+      class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+    >
+      Current session
+    </h2>
+    <div
+      aria-expanded="false"
+      aria-haspopup="true"
+      aria-label="Options"
+      class="mx_AccessibleButton"
+      data-testid="current-session-menu"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        class="mx_KebabContextMenu_icon"
+        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>
+  <div
+    class="mx_SettingsSubsection_content"
+  >
+    <div
+      class="mx_DeviceTile mx_DeviceTile_interactive"
+      data-testid="device-tile-alices_device"
+    >
+      <div
+        class="mx_DeviceTypeIcon"
+      >
+        <div
+          class="mx_DeviceTypeIcon_deviceIconWrapper"
+        >
+          <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"
+          class="mx_DeviceTypeIcon_verificationIcon unverified"
+          fill="currentColor"
+          height="1em"
+          role="img"
+          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="mx_DeviceTile_info"
+      >
+        <h3
+          class="mx_Heading_h4"
+        >
+          Alices device
+        </h3>
+        <div
+          class="mx_DeviceTile_metadata"
+        >
+          <span
+            data-testid="device-metadata-isVerified"
+          >
+            Unverified
+          </span>
+           · 
+          <span
+            data-testid="device-metadata-deviceId"
+          >
+            alices_device
+          </span>
+        </div>
+      </div>
+      <div
+        class="mx_DeviceTile_actions"
+      >
+        <div
+          aria-label="Show details"
+          class="mx_AccessibleButton mx_DeviceExpandDetailsButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon"
+          data-testid="current-session-toggle-details"
+          role="button"
+          tabindex="0"
+        >
+          <svg
+            class="mx_DeviceExpandDetailsButton_icon"
+            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>
+    <br />
+    <div
+      class="mx_DeviceSecurityCard"
+    >
+      <div
+        class="mx_DeviceSecurityCard_icon Unverified"
+      >
+        <svg
+          fill="currentColor"
+          height="16"
+          viewBox="0 0 24 24"
+          width="16"
+          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="mx_DeviceSecurityCard_content"
+      >
+        <p
+          class="mx_DeviceSecurityCard_heading"
+        >
+          Unverified session
+        </p>
+        <p
+          class="mx_DeviceSecurityCard_description"
+        >
+          Verify your current session for enhanced secure messaging.
+          <button
+            class="mx_AccessibleButton mx_LearnMore_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
+            role="button"
+            tabindex="0"
+          >
+            Learn more
+          </button>
+        </p>
+        <div
+          class="mx_DeviceSecurityCard_actions"
+        >
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+            data-testid="verification-status-button-alices_device"
+            role="button"
+            tabindex="0"
+          >
+            Verify session
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<SessionManagerTab /> goes to filtered list from security recommendations 1`] = `
+<div
+  class="mx_FilteredDeviceListHeader"
+>
+  <span
+    tabindex="0"
+  >
+    <form
+      class="_root_1o4d9_17"
+    >
+      <div
+        class="_inline-field_1o4d9_33"
+      >
+        <div
+          class="_inline-field-control_1o4d9_45"
+        >
+          <div
+            class="_container_153f2_10"
+          >
+            <input
+              aria-label="Select all"
+              aria-labelledby="react-use-id-1"
+              class="_input_153f2_18"
+              data-testid="device-select-all-checkbox"
+              id="device-select-all-checkbox"
+              type="checkbox"
+            />
+            <div
+              class="_ui_153f2_19"
+            >
+              <svg
+                aria-hidden="true"
+                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>
+        <div
+          class="_inline-field-body_1o4d9_39"
+        />
+      </div>
+    </form>
+  </span>
+  <span
+    class="mx_FilteredDeviceListHeader_label"
+  >
+    Sessions
+  </span>
+  <div
+    class="mx_Dropdown mx_FilterDropdown"
+  >
+    <div
+      aria-describedby="device-list-filter_value"
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      aria-label="Filter devices"
+      aria-owns="device-list-filter_input"
+      class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
+      role="button"
+      tabindex="0"
+    >
+      <div
+        class="mx_Dropdown_option"
+        id="device-list-filter_value"
+      >
+        Show: Unverified
+      </div>
+      <svg
+        class="mx_Dropdown_arrow"
+        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>
+`;
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SidebarUserSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SidebarUserSettingsTab-test.tsx.snap
new file mode 100644
index 00000000000..07e50b5b43c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SidebarUserSettingsTab-test.tsx.snap
@@ -0,0 +1,581 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url 1`] = `
+<div>
+  <div
+    class="mx_SettingsTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection"
+      >
+        <div
+          class="mx_SettingsSection_subSections"
+        >
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Spaces to show
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_description"
+            >
+              <div
+                class="mx_SettingsSubsection_text"
+              >
+                Spaces are ways to group rooms and people. Alongside the spaces you're in, you can use some pre-built ones too.
+              </div>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        aria-describedby="react-use-id-1"
+                        checked=""
+                        class="_input_153f2_18"
+                        disabled=""
+                        id="checkbox_vY7Q4uEh9K"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_vY7Q4uEh9K"
+                    >
+                      <svg
+                        class="mx_SidebarUserSettingsTab_icon"
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="m12.971 3.54 7 3.889A2 2 0 0 1 21 9.177V19a2 2 0 0 1-2 2h-4v-9H9v9H5a2 2 0 0 1-2-2V9.177a2 2 0 0 1 1.029-1.748l7-3.89a2 2 0 0 1 1.942 0"
+                        />
+                      </svg>
+                      Home
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="react-use-id-1"
+                    >
+                      Home is useful for getting an overview of everything.
+                    </span>
+                  </div>
+                </div>
+              </form>
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        aria-describedby="react-use-id-2"
+                        class="_input_153f2_18"
+                        data-testid="mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
+                        id="checkbox_38QgU2Pomx"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_38QgU2Pomx"
+                    >
+                      Show all rooms
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="react-use-id-2"
+                    >
+                      Show all your rooms in Home, even if they're in a space.
+                    </span>
+                  </div>
+                </div>
+              </form>
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        aria-describedby="react-use-id-3"
+                        class="_input_153f2_18"
+                        id="checkbox_wKpa6hpi3Y"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_wKpa6hpi3Y"
+                    >
+                      Rooms outside of a space
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="react-use-id-3"
+                    >
+                      Group all your rooms that aren't part of a space in one place.
+                    </span>
+                  </div>
+                </div>
+              </form>
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        aria-describedby="react-use-id-4"
+                        class="_input_153f2_18"
+                        id="checkbox_EetmBG4yVC"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_EetmBG4yVC"
+                    >
+                      <svg
+                        class="mx_SidebarUserSettingsTab_icon"
+                        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>
+                      Video rooms and conferences
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="react-use-id-4"
+                    >
+                      Group all private video rooms and conferences. In conferences you can invite people outside of matrix.
+                    </span>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa url 1`] = `
+<div>
+  <div
+    class="mx_SettingsTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection"
+      >
+        <div
+          class="mx_SettingsSection_subSections"
+        >
+          <div
+            class="mx_SettingsSubsection"
+          >
+            <div
+              class="mx_SettingsSubsectionHeading"
+            >
+              <h2
+                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
+              >
+                Spaces to show
+              </h2>
+            </div>
+            <div
+              class="mx_SettingsSubsection_description"
+            >
+              <div
+                class="mx_SettingsSubsection_text"
+              >
+                Spaces are ways to group rooms and people. Alongside the spaces you're in, you can use some pre-built ones too.
+              </div>
+            </div>
+            <div
+              class="mx_SettingsSubsection_content"
+            >
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        aria-describedby="react-use-id-1"
+                        checked=""
+                        class="_input_153f2_18"
+                        disabled=""
+                        id="checkbox_vY7Q4uEh9K"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_vY7Q4uEh9K"
+                    >
+                      <svg
+                        class="mx_SidebarUserSettingsTab_icon"
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="m12.971 3.54 7 3.889A2 2 0 0 1 21 9.177V19a2 2 0 0 1-2 2h-4v-9H9v9H5a2 2 0 0 1-2-2V9.177a2 2 0 0 1 1.029-1.748l7-3.89a2 2 0 0 1 1.942 0"
+                        />
+                      </svg>
+                      Home
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="react-use-id-1"
+                    >
+                      Home is useful for getting an overview of everything.
+                    </span>
+                  </div>
+                </div>
+              </form>
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        aria-describedby="react-use-id-2"
+                        class="_input_153f2_18"
+                        data-testid="mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
+                        id="checkbox_38QgU2Pomx"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_38QgU2Pomx"
+                    >
+                      Show all rooms
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="react-use-id-2"
+                    >
+                      Show all your rooms in Home, even if they're in a space.
+                    </span>
+                  </div>
+                </div>
+              </form>
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        aria-describedby="react-use-id-3"
+                        class="_input_153f2_18"
+                        id="checkbox_wKpa6hpi3Y"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_wKpa6hpi3Y"
+                    >
+                      Rooms outside of a space
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="react-use-id-3"
+                    >
+                      Group all your rooms that aren't part of a space in one place.
+                    </span>
+                  </div>
+                </div>
+              </form>
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_153f2_10"
+                    >
+                      <input
+                        aria-describedby="react-use-id-4"
+                        class="_input_153f2_18"
+                        id="checkbox_EetmBG4yVC"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_153f2_19"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          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>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="checkbox_EetmBG4yVC"
+                    >
+                      <svg
+                        class="mx_SidebarUserSettingsTab_icon"
+                        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>
+                      Video rooms and conferences
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="react-use-id-4"
+                    >
+                      Group all private video rooms and conferences.
+                    </span>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/spaces/AddExistingToSpaceDialog-test.tsx b/apps/web/test/unit-tests/components/views/spaces/AddExistingToSpaceDialog-test.tsx
new file mode 100644
index 00000000000..c450f607d76
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/AddExistingToSpaceDialog-test.tsx
@@ -0,0 +1,90 @@
+/*
+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 { render } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import React from "react";
+
+import AddExistingToSpaceDialog from "../../../../../src/components/views/dialogs/AddExistingToSpaceDialog";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { mkRoom, mkSpace, stubClient } from "../../../../test-utils";
+
+describe("<AddExistingToSpaceDialog />", () => {
+    beforeEach(() => {
+        jest.spyOn(Element.prototype, "clientHeight", "get").mockReturnValue(600);
+    });
+
+    it("looks as expected", () => {
+        const client = stubClient();
+        const dialog = renderAddExistingToSpaceDialog(client);
+        expect(dialog.asFragment()).toMatchSnapshot();
+    });
+
+    it("should show 'no results' if appropriate", () => {
+        const client = stubClient();
+        const { getByText } = renderAddExistingToSpaceDialog(client);
+        expect(getByText("No results")).toBeInTheDocument();
+    });
+
+    it("should not show 'no results' if we have results to show", () => {
+        const client = stubClient();
+        mocked(client.getVisibleRooms).mockReturnValue([
+            mkSpace(client, "!space2:example.com"),
+            mkRoom(client, "!room2:example.com"),
+        ]);
+        const { queryByText, getByText } = renderAddExistingToSpaceDialog(client);
+        expect(queryByText("No results")).not.toBeInTheDocument();
+        expect(getByText("!room2:example.com")).toBeInTheDocument();
+    });
+
+    describe("If the feature_dynamic_room_predecessors is not enabled", () => {
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            const client = stubClient();
+            mocked(client.getVisibleRooms).mockClear();
+            renderAddExistingToSpaceDialog(client);
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(false);
+        });
+    });
+
+    describe("If the feature_dynamic_room_predecessors is enabled", () => {
+        beforeEach(() => {
+            // Turn on feature_dynamic_room_predecessors setting
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "feature_dynamic_room_predecessors",
+            );
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            const client = stubClient();
+            mocked(client.getVisibleRooms).mockClear();
+            renderAddExistingToSpaceDialog(client);
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(true);
+        });
+    });
+});
+
+function renderAddExistingToSpaceDialog(client: MatrixClient) {
+    const dmRoomMap = new DMRoomMap(client);
+    jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+    const space = mkSpace(client, "!spaceid:example.com");
+    const dialog = render(
+        <AddExistingToSpaceDialog
+            space={space}
+            onCreateRoomClick={jest.fn()}
+            onAddSubspaceClick={jest.fn()}
+            onFinished={jest.fn()}
+        />,
+    );
+    return dialog;
+}
diff --git a/apps/web/test/unit-tests/components/views/spaces/QuickSettingsButton-test.tsx b/apps/web/test/unit-tests/components/views/spaces/QuickSettingsButton-test.tsx
new file mode 100644
index 00000000000..2d1350216a5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/QuickSettingsButton-test.tsx
@@ -0,0 +1,102 @@
+/*
+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, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+
+import QuickSettingsButton from "../../../../../src/components/views/spaces/QuickSettingsButton";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass";
+import { SDKContext } from "../../../../../src/contexts/SDKContext.ts";
+
+describe("QuickSettingsButton", () => {
+    const roomId = "!room:example.com";
+
+    const renderQuickSettingsButton = () => {
+        render(<QuickSettingsButton isPanelCollapsed={true} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
+    };
+
+    const getQuickSettingsButton = () => {
+        return screen.getByRole("button", { name: "Quick settings" });
+    };
+
+    const openQuickSettings = async () => {
+        await userEvent.click(getQuickSettingsButton());
+        await screen.findByRole("heading", { name: "Quick settings" });
+    };
+
+    it("should render the quick settings button", () => {
+        renderQuickSettingsButton();
+        expect(getQuickSettingsButton()).toBeInTheDocument();
+    });
+
+    it("should render the quick settings button in expanded mode", () => {
+        const { asFragment } = render(<QuickSettingsButton isPanelCollapsed={false} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    describe("when the quick settings are open", () => {
+        beforeEach(async () => {
+            renderQuickSettingsButton();
+            await openQuickSettings();
+        });
+
+        it("should not render the »Developer tools« button", () => {
+            renderQuickSettingsButton();
+            expect(screen.queryByText("Developer tools")).not.toBeInTheDocument();
+        });
+    });
+
+    describe("when developer mode is enabled", () => {
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => setting === "developerMode");
+            renderQuickSettingsButton();
+        });
+
+        afterEach(() => {
+            mocked(SettingsStore.getValue).mockRestore();
+        });
+
+        describe("and no room is viewed", () => {
+            it("should not render the »Developer tools« button", () => {
+                renderQuickSettingsButton();
+                expect(screen.queryByText("Developer tools")).not.toBeInTheDocument();
+            });
+        });
+
+        describe("and a room is viewed", () => {
+            beforeEach(() => {
+                jest.spyOn(SDKContextClass.instance.roomViewStore, "getRoomId").mockReturnValue(roomId);
+            });
+
+            afterEach(() => {
+                mocked(SDKContextClass.instance.roomViewStore.getRoomId).mockRestore();
+            });
+
+            describe("and the quick settings are open", () => {
+                beforeEach(async () => {
+                    await openQuickSettings();
+                });
+
+                it("should render the »Developer tools« button", () => {
+                    expect(screen.getByRole("button", { name: "Developer tools" })).toBeInTheDocument();
+                });
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/spaces/QuickThemeSwitcher-test.tsx b/apps/web/test/unit-tests/components/views/spaces/QuickThemeSwitcher-test.tsx
new file mode 100644
index 00000000000..842db5ace78
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/QuickThemeSwitcher-test.tsx
@@ -0,0 +1,126 @@
+/*
+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, waitFor } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { mocked } from "jest-mock";
+
+import QuickThemeSwitcher from "../../../../../src/components/views/spaces/QuickThemeSwitcher";
+import { getOrderedThemes } from "../../../../../src/theme";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../../../src/settings/SettingLevel";
+import dis from "../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../src/dispatcher/actions";
+import { mockPlatformPeg } from "../../../../test-utils/platform";
+import { useTheme } from "../../../../../src/hooks/useTheme";
+
+jest.mock("../../../../../src/hooks/useTheme", () => ({
+    useTheme: jest.fn(),
+}));
+jest.mock("../../../../../src/theme");
+jest.mock("../../../../../src/settings/SettingsStore", () => ({
+    setValue: jest.fn(),
+    getValue: jest.fn(),
+    monitorSetting: jest.fn(),
+    watchSetting: jest.fn(),
+}));
+
+jest.mock("../../../../../src/dispatcher/dispatcher", () => ({
+    dispatch: jest.fn(),
+    register: jest.fn(),
+}));
+
+mockPlatformPeg({ overrideBrowserShortcuts: jest.fn().mockReturnValue(false) });
+
+describe("<QuickThemeSwitcher />", () => {
+    const defaultProps = {
+        requestClose: jest.fn(),
+    };
+    const renderComponent = (props = {}) => render(<QuickThemeSwitcher {...defaultProps} {...props} />);
+
+    beforeEach(() => {
+        mocked(getOrderedThemes)
+            .mockClear()
+            .mockReturnValue([
+                { id: "light", name: "Light" },
+                { id: "dark", name: "Dark" },
+            ]);
+
+        mocked(useTheme).mockClear().mockReturnValue({
+            theme: "light",
+            systemThemeActivated: false,
+        });
+        mocked(SettingsStore).setValue.mockClear().mockResolvedValue();
+        mocked(dis).dispatch.mockClear();
+    });
+
+    const selectFromDropdown = async (getByTextArg: RegExp | string) => {
+        const dropdown = screen.getByRole("button", { name: "Theme" });
+        await userEvent.click(dropdown);
+        await waitFor(() => {
+            expect(dropdown).toHaveAttribute("aria-expanded", "true");
+        });
+        await userEvent.click(screen.getByText(getByTextArg));
+        return waitFor(() => {
+            expect(dropdown).toHaveAttribute("aria-expanded", "false");
+        });
+    };
+
+    it("renders dropdown correctly when light theme is selected", () => {
+        renderComponent();
+        expect(screen.getByText("Light")).toBeInTheDocument();
+    });
+
+    it("renders dropdown correctly when use system theme is truthy", () => {
+        mocked(useTheme).mockClear().mockReturnValue({
+            theme: "light",
+            systemThemeActivated: true,
+        });
+        renderComponent();
+        expect(screen.getByText("Match system")).toBeInTheDocument();
+    });
+
+    it("updates settings when match system is selected", async () => {
+        const requestClose = jest.fn();
+        renderComponent({ requestClose });
+
+        await selectFromDropdown(/match system/i);
+
+        expect(SettingsStore.setValue).toHaveBeenCalledTimes(1);
+        expect(SettingsStore.setValue).toHaveBeenCalledWith("use_system_theme", null, SettingLevel.DEVICE, true);
+
+        expect(dis.dispatch).not.toHaveBeenCalled();
+        expect(requestClose).toHaveBeenCalled();
+    });
+
+    it("updates settings when a theme is selected", async () => {
+        // ie not match system
+        const requestClose = jest.fn();
+        renderComponent({ requestClose });
+
+        await selectFromDropdown(/dark/i);
+
+        expect(SettingsStore.setValue).toHaveBeenCalledWith("use_system_theme", null, SettingLevel.DEVICE, false);
+        expect(SettingsStore.setValue).toHaveBeenCalledWith("theme", null, SettingLevel.DEVICE, "dark");
+
+        expect(dis.dispatch).toHaveBeenCalledWith({ action: Action.RecheckTheme, forceTheme: "dark" });
+        expect(requestClose).toHaveBeenCalled();
+    });
+
+    it("rechecks theme when setting theme fails", async () => {
+        mocked(SettingsStore.setValue).mockRejectedValue("oops");
+        const requestClose = jest.fn();
+        renderComponent({ requestClose });
+
+        await selectFromDropdown(/match system/i);
+
+        expect(dis.dispatch).toHaveBeenCalledWith({ action: Action.RecheckTheme });
+        expect(requestClose).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/spaces/SpaceCreateMenu-test.tsx b/apps/web/test/unit-tests/components/views/spaces/SpaceCreateMenu-test.tsx
new file mode 100644
index 00000000000..aaed2f7e5a0
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/SpaceCreateMenu-test.tsx
@@ -0,0 +1,159 @@
+/*
+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, cleanup } from "jest-matrix-react";
+import {
+    HistoryVisibility,
+    MatrixError,
+    type MatrixClient,
+    Preset,
+    RoomType,
+    Visibility,
+} from "matrix-js-sdk/src/matrix";
+import userEvent from "@testing-library/user-event";
+import { type MockedObject } from "jest-mock-vitest-adapter";
+
+import * as createRoomModule from "../../../../../src/createRoom";
+import SpaceCreateMenu, { createSpace } from "../../../../../src/components/views/spaces/SpaceCreateMenu";
+import {
+    getMockClientWithEventEmitter,
+    mockClientMethodsRooms,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+    withClientContextRenderOptions,
+} from "../../../../test-utils";
+import { UIFeature } from "../../../../../src/settings/UIFeature";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+
+describe("<SpaceCreateMenu />", () => {
+    let client: MockedObject<MatrixClient>;
+
+    beforeEach(() => {
+        client = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(),
+            ...mockClientMethodsServer(),
+            ...mockClientMethodsRooms(),
+            createRoom: jest.fn(),
+            getRoomIdForAlias: jest.fn().mockImplementation(async () => {
+                throw new MatrixError({ errcode: "M_NOT_FOUND", error: "Test says no alias found" }, 404);
+            }),
+        });
+    });
+
+    afterEach(() => {
+        cleanup();
+        jest.restoreAllMocks();
+    });
+
+    it("should render", async () => {
+        const { asFragment } = render(
+            <SpaceCreateMenu onFinished={jest.fn()} />,
+            withClientContextRenderOptions(client),
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should be able to create a public space", async () => {
+        const onFinished = jest.fn();
+        client.createRoom.mockResolvedValue({ room_id: "!room:id" });
+        const { getByText, getByLabelText } = render(
+            <SpaceCreateMenu onFinished={onFinished} />,
+            withClientContextRenderOptions(client),
+        );
+        await userEvent.click(getByText("Public"));
+        await userEvent.type(getByLabelText("Name"), "My Name");
+        await userEvent.type(getByLabelText("Address"), "foobar");
+        await userEvent.type(getByLabelText("Description"), "A description");
+        await userEvent.click(getByText("Create"));
+        expect(onFinished).toHaveBeenCalledTimes(1);
+        expect(client.createRoom).toHaveBeenCalledWith({
+            creation_content: { type: "m.space" },
+            initial_state: [
+                { content: { guest_access: "can_join" }, state_key: "", type: "m.room.guest_access" },
+                { content: { history_visibility: "world_readable" }, type: "m.room.history_visibility" },
+            ],
+            name: "My Name",
+            power_level_content_override: {
+                events_default: 100,
+                invite: 0,
+            },
+            preset: "public_chat",
+            room_alias_name: "my-namefoobar",
+            topic: "A description",
+            visibility: "private",
+        });
+    });
+
+    it("should be prompted to automatically create a private space when configured", async () => {
+        const realGetValue = SettingsStore.getValue;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((name, roomId) => {
+            if (name === UIFeature.AllowCreatingPublicSpaces) {
+                return false;
+            }
+            return realGetValue(name, roomId);
+        });
+        const onFinished = jest.fn();
+        client.createRoom.mockResolvedValue({ room_id: "!room:id" });
+        const { getByText, getByLabelText } = render(
+            <SpaceCreateMenu onFinished={onFinished} />,
+            withClientContextRenderOptions(client),
+        );
+        await userEvent.type(getByLabelText("Name"), "My Name");
+        await userEvent.type(getByLabelText("Description"), "A description");
+        await userEvent.click(getByText("Create"));
+        expect(onFinished).toHaveBeenCalledTimes(1);
+        expect(client.createRoom).toHaveBeenCalledWith({
+            creation_content: { type: "m.space" },
+            initial_state: [
+                { content: { guest_access: "can_join" }, state_key: "", type: "m.room.guest_access" },
+                { content: { history_visibility: "invited" }, type: "m.room.history_visibility" },
+            ],
+            name: "My Name",
+            power_level_content_override: {
+                events_default: 100,
+                invite: 50,
+            },
+            room_alias_name: undefined,
+            preset: "private_chat",
+            topic: "A description",
+            visibility: "private",
+        });
+    });
+
+    it("should pass name and topic at the top level when creating a space", async () => {
+        const createRoomSpy = jest.spyOn(createRoomModule, "default").mockResolvedValue("!room:id");
+        client.doesServerSupportUnstableFeature.mockResolvedValue(false);
+
+        await createSpace(client, "My Name", true, "#my-namefoobar:server", "A description");
+
+        expect(createRoomSpy).toHaveBeenCalledWith(client, {
+            name: "My Name",
+            topic: "A description",
+            createOpts: {
+                preset: Preset.PublicChat,
+                visibility: Visibility.Private,
+                power_level_content_override: {
+                    events_default: 100,
+                    invite: 0,
+                },
+                room_alias_name: "my-namefoobar",
+            },
+            avatar: undefined,
+            roomType: RoomType.Space,
+            historyVisibility: HistoryVisibility.WorldReadable,
+            spinner: false,
+            encryption: false,
+            andView: true,
+            inlineErrors: true,
+        });
+
+        expect(createRoomSpy.mock.calls[0][1]?.createOpts).not.toHaveProperty("name");
+        expect(createRoomSpy.mock.calls[0][1]?.createOpts).not.toHaveProperty("topic");
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/spaces/SpacePanel-test.tsx b/apps/web/test/unit-tests/components/views/spaces/SpacePanel-test.tsx
new file mode 100644
index 00000000000..cd3379fe8f4
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/SpacePanel-test.tsx
@@ -0,0 +1,213 @@
+/*
+Copyright 2026 Element Creations Ltd.
+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, fireEvent, act, cleanup, waitFor, within } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { MetaSpace, type SpaceKey } from "../../../../../src/stores/spaces";
+import { shouldShowComponent } from "../../../../../src/customisations/helpers/UIComponents";
+import { UIComponent } from "../../../../../src/settings/UIFeature";
+import { mkStubRoom, wrapInMatrixClientContext, wrapInSdkContext } from "../../../../test-utils";
+import { TestSDKContext } from "../../../TestSDKContext.ts";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { type SpaceNotificationState } from "../../../../../src/stores/notifications/SpaceNotificationState";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+import UnwrappedSpacePanel from "../../../../../src/components/views/spaces/SpacePanel";
+import defaultDispatcher from "../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../src/dispatcher/actions";
+
+// DND test utilities based on
+// https://github.com/colinrobertbrooks/react-beautiful-dnd-test-utils/issues/18#issuecomment-1373388693
+enum Keys {
+    SPACE = 32,
+    ARROW_LEFT = 37,
+    ARROW_UP = 38,
+    ARROW_RIGHT = 39,
+    ARROW_DOWN = 40,
+}
+
+/* oxlint-disable typescript/prefer-literal-enum-member */
+enum DragDirection {
+    LEFT = Keys.ARROW_LEFT,
+    UP = Keys.ARROW_UP,
+    RIGHT = Keys.ARROW_RIGHT,
+    DOWN = Keys.ARROW_DOWN,
+}
+/* oxlint-enable typescript/prefer-literal-enum-member */
+
+// taken from https://github.com/hello-pangea/dnd/blob/main/test/unit/integration/util/controls.ts#L20
+const createTransitionEndEvent = (): Event => {
+    const event = new Event("transitionend", {
+        bubbles: true,
+        cancelable: true,
+    }) as TransitionEvent;
+
+    // cheating and adding property to event as
+    // TransitionEvent constructor does not exist.
+    // This is needed because of the following check
+    //   https://github.com/atlassian/react-beautiful-dnd/blob/master/src/view/draggable/draggable.jsx#L130
+    (event as any).propertyName = "transform";
+
+    return event;
+};
+
+const pickUp = async (element: HTMLElement) => {
+    fireEvent.keyDown(element, {
+        keyCode: Keys.SPACE,
+    });
+    await screen.findByText(/You have lifted an item/i);
+
+    act(() => {
+        jest.runOnlyPendingTimers();
+    });
+};
+
+const move = async (element: HTMLElement, direction: DragDirection) => {
+    fireEvent.keyDown(element, {
+        keyCode: direction,
+    });
+    await screen.findByText(/(You have moved the item | has been combined with)/i);
+};
+
+const drop = async (element: HTMLElement) => {
+    fireEvent.keyDown(element, {
+        keyCode: Keys.SPACE,
+    });
+    fireEvent(element.parentElement!, createTransitionEndEvent());
+
+    await screen.findByText(/You have dropped the item/i);
+};
+
+jest.mock("../../../../../src/stores/spaces/SpaceStore", () => {
+    const EventEmitter = jest.requireActual("events");
+    class MockSpaceStore extends EventEmitter {
+        invitedSpaces: SpaceKey[] = [];
+        enabledMetaSpaces: MetaSpace[] = [];
+        spacePanelSpaces: string[] = [];
+        activeSpace: SpaceKey = "!space1";
+        getChildSpaces = () => [] as Room[];
+        getNotificationState = () => null as SpaceNotificationState | null;
+        setActiveSpace = jest.fn();
+        moveRootSpace = jest.fn();
+        start = jest.fn();
+    }
+    return MockSpaceStore;
+});
+
+jest.mock("../../../../../src/customisations/helpers/UIComponents", () => ({
+    shouldShowComponent: jest.fn(),
+}));
+
+describe("<SpacePanel />", () => {
+    const mockClient = {
+        getUserId: jest.fn().mockReturnValue("@test:test"),
+        getSafeUserId: jest.fn().mockReturnValue("@test:test"),
+        getClientWellKnown: jest.fn(),
+        mxcUrlToHttp: jest.fn(),
+        getRoom: jest.fn(),
+        isGuest: jest.fn(),
+        getAccountData: jest.fn(),
+        on: jest.fn(),
+        off: jest.fn(),
+        removeListener: jest.fn(),
+        isVersionSupported: jest.fn().mockResolvedValue(true),
+        doesServerSupportUnstableFeature: jest.fn().mockResolvedValue(false),
+        getAuthMetadata: jest.fn().mockRejectedValue(new Error("Legacy auth")),
+    } as unknown as MatrixClient;
+    const sdkContext = new TestSDKContext();
+    const SpacePanel = wrapInSdkContext(wrapInMatrixClientContext(UnwrappedSpacePanel), sdkContext);
+
+    beforeAll(() => {
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(mockClient);
+        sdkContext._client = mockClient;
+    });
+
+    beforeEach(() => {
+        sdkContext.spaceStore.enabledMetaSpaces.push(MetaSpace.Home, MetaSpace.Orphans, MetaSpace.VideoRooms);
+        mocked(shouldShowComponent).mockClear().mockReturnValue(true);
+    });
+    afterEach(() => {
+        cleanup();
+    });
+
+    it("should show all activated MetaSpaces in the correct order", async () => {
+        const originalGetValue = SettingsStore.getValue;
+        const spySettingsStore = jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+            return setting === "feature_video_rooms" ? true : originalGetValue(setting);
+        });
+        render(<SpacePanel />);
+
+        // Inspect the order of the rendered MetaSpaces, excluding the "Create a space" button.
+        const tree = screen.getByRole("tree", { name: "Spaces" });
+        const spaceButtons = within(tree)
+            .getAllByRole("treeitem")
+            .filter((el) => within(el).queryByRole("button", { name: "Create a space" }) === null);
+
+        const metaSpaceLabels = Array.from(spaceButtons).map((li) =>
+            within(li)
+                .getByRole("button", { name: /^(?!Options$).*/ }) // filter out the 'options' buttons within the buttons
+                .getAttribute("aria-label"),
+        );
+        expect(metaSpaceLabels).toEqual(["Home", "Other rooms", "Conferences"]);
+
+        spySettingsStore.mockRestore();
+    });
+
+    describe("create new space button", () => {
+        it("renders create space button when UIComponent.CreateSpaces component should be shown", () => {
+            render(<SpacePanel />);
+            screen.getByTestId("create-space-button");
+        });
+
+        it("does not render create space button when UIComponent.CreateSpaces component should not be shown", () => {
+            mocked(shouldShowComponent).mockReturnValue(false);
+            render(<SpacePanel />);
+            expect(shouldShowComponent).toHaveBeenCalledWith(UIComponent.CreateSpaces);
+            expect(screen.queryByTestId("create-space-button")).toBeFalsy();
+        });
+
+        it("opens context menu on create space button click", () => {
+            render(<SpacePanel />);
+            fireEvent.click(screen.getByTestId("create-space-button"));
+            screen.getByTestId("create-space-button");
+        });
+    });
+
+    it("should allow rearranging via drag and drop", async () => {
+        (sdkContext.spaceStore.spacePanelSpaces as any) = [
+            mkStubRoom("!room1:server", "Room 1", mockClient),
+            mkStubRoom("!room2:server", "Room 2", mockClient),
+            mkStubRoom("!room3:server", "Room 3", mockClient),
+        ];
+        DMRoomMap.makeShared(mockClient);
+        jest.useFakeTimers();
+
+        const { getByLabelText } = render(<SpacePanel />);
+
+        const room1 = getByLabelText("Room 1");
+        await pickUp(room1);
+        await move(room1, DragDirection.DOWN);
+        await drop(room1);
+
+        expect(sdkContext.spaceStore.moveRootSpace).toHaveBeenCalledWith(0, 1);
+    });
+
+    it("should be able to open the user menu via dispatcher", async () => {
+        const { baseElement } = render(<SpacePanel />);
+        defaultDispatcher.dispatch({ action: Action.ToggleUserMenu });
+        await waitFor(() => {
+            // Menu exists outside the component due to Portals, so select it manually.
+            expect(baseElement.querySelector("div[aria-label='User menu']")).toBeInTheDocument();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/spaces/SpaceSettingsVisibilityTab-test.tsx b/apps/web/test/unit-tests/components/views/spaces/SpaceSettingsVisibilityTab-test.tsx
new file mode 100644
index 00000000000..d59d1d66b38
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/SpaceSettingsVisibilityTab-test.tsx
@@ -0,0 +1,254 @@
+/*
+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 { mocked } from "jest-mock";
+import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+import { act, fireEvent, render, type RenderResult } from "jest-matrix-react";
+import {
+    EventType,
+    type MatrixClient,
+    type Room,
+    GuestAccess,
+    HistoryVisibility,
+    JoinRule,
+    Visibility,
+} from "matrix-js-sdk/src/matrix";
+
+import _SpaceSettingsVisibilityTab from "../../../../../src/components/views/spaces/SpaceSettingsVisibilityTab";
+import {
+    createTestClient,
+    mkEvent,
+    wrapInMatrixClientContext,
+    mkSpace,
+    mockStateEventImplementation,
+} from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+
+const SpaceSettingsVisibilityTab = wrapInMatrixClientContext(_SpaceSettingsVisibilityTab);
+
+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({
+            type: EventType.RoomJoinRules,
+            event: true,
+            content: {
+                join_rule: rule,
+            },
+        } as any);
+    const makeGuestAccessEvent = (rule: GuestAccess = GuestAccess.CanJoin) =>
+        mkEvent({
+            type: EventType.RoomGuestAccess,
+            event: true,
+            content: {
+                guest_access: rule,
+            },
+        } as any);
+    const makeHistoryEvent = (rule: HistoryVisibility = HistoryVisibility.Shared) =>
+        mkEvent({
+            type: EventType.RoomHistoryVisibility,
+            event: true,
+            content: {
+                history_visibility: rule,
+            },
+        } as any);
+
+    const mockSpaceId = "mock-space";
+
+    // TODO case for canonical
+    const makeMockSpace = (
+        client: MatrixClient,
+        joinRule: JoinRule = JoinRule.Invite,
+        guestRule: GuestAccess = GuestAccess.CanJoin,
+        historyRule: HistoryVisibility = HistoryVisibility.WorldReadable,
+    ): 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);
+        space.getJoinRule.mockReturnValue(joinRule);
+        mocked(space.currentState).getJoinRule.mockReturnValue(joinRule);
+        return space as unknown as Room;
+    };
+    const defaultProps = {
+        matrixClient: mockMatrixClient,
+        space: makeMockSpace(mockMatrixClient),
+        closeSettingsFn: jest.fn(),
+    };
+
+    const getComponent = (props = {}) => {
+        return render(<SpaceSettingsVisibilityTab {...defaultProps} {...props} />);
+    };
+
+    const toggleGuestAccessSection = async ({ getByTestId }: RenderResult) => {
+        const toggleButton = getByTestId("toggle-guest-access-btn")!;
+        fireEvent.click(toggleButton);
+    };
+    const getGuestAccessToggle = ({ getByLabelText }: RenderResult) => getByLabelText("Enable guest access");
+    const getHistoryVisibilityToggle = ({ getByLabelText }: RenderResult) => getByLabelText("Preview space");
+    const getErrorMessage = ({ getByTestId }: RenderResult) => getByTestId("space-settings-error")?.textContent;
+
+    beforeEach(() => {
+        let i = 0;
+        mocked(secureRandomString).mockImplementation(() => {
+            return "testid_" + i++;
+        });
+
+        (mockMatrixClient.sendStateEvent as jest.Mock).mockClear().mockResolvedValue({});
+        MatrixClientPeg.get = jest.fn().mockReturnValue(mockMatrixClient);
+        MatrixClientPeg.safeGet = jest.fn().mockReturnValue(mockMatrixClient);
+    });
+
+    afterEach(() => {
+        jest.runAllTimers();
+    });
+
+    it("renders container", () => {
+        const { asFragment } = getComponent();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    describe("for a private space", () => {
+        const joinRule = JoinRule.Invite;
+        it("does not render addresses section", () => {
+            const space = makeMockSpace(mockMatrixClient, joinRule);
+            const { queryByTestId } = getComponent({ space });
+
+            expect(queryByTestId("published-address-fieldset")).toBeFalsy();
+            expect(queryByTestId("local-address-fieldset")).toBeFalsy();
+        });
+    });
+
+    describe("for a public space", () => {
+        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 () => {
+                const space = makeMockSpace(mockMatrixClient, joinRule, guestRule);
+                const component = getComponent({ space });
+
+                await toggleGuestAccessSection(component);
+
+                expect(getGuestAccessToggle(component)).toMatchSnapshot();
+            });
+
+            it("send guest access event on toggle", async () => {
+                const space = makeMockSpace(mockMatrixClient, joinRule, guestRule);
+
+                const component = getComponent({ space });
+                await toggleGuestAccessSection(component);
+                const guestAccessInput = getGuestAccessToggle(component);
+
+                expect(guestAccessInput).toBeChecked();
+
+                fireEvent.click(guestAccessInput!);
+                expect(mockMatrixClient.sendStateEvent).toHaveBeenCalledWith(
+                    mockSpaceId,
+                    EventType.RoomGuestAccess,
+                    // toggled off
+                    { guest_access: GuestAccess.Forbidden },
+                    "",
+                );
+
+                // toggled off
+                expect(guestAccessInput).not.toBeChecked();
+            });
+
+            it("renders error message when update fails", async () => {
+                const space = makeMockSpace(mockMatrixClient, joinRule, guestRule);
+                (mockMatrixClient.sendStateEvent as jest.Mock).mockRejectedValue({});
+                const component = getComponent({ space });
+                await toggleGuestAccessSection(component);
+                await act(() => {
+                    fireEvent.click(getGuestAccessToggle(component)!);
+                });
+
+                expect(getErrorMessage(component)).toEqual("Failed to update the guest access of this space");
+            });
+
+            it("disables guest access toggle when setting guest access is not allowed", async () => {
+                const space = makeMockSpace(mockMatrixClient, joinRule, guestRule);
+                (space.currentState.maySendStateEvent as jest.Mock).mockReturnValue(false);
+                const component = getComponent({ space });
+
+                await toggleGuestAccessSection(component);
+
+                expect(getGuestAccessToggle(component)).toBeDisabled();
+            });
+        });
+
+        describe("Preview", () => {
+            it("renders preview space toggle", () => {
+                const space = makeMockSpace(mockMatrixClient, joinRule, guestRule, historyRule);
+                const component = getComponent({ space });
+
+                // toggle off because space settings is != WorldReadable
+                expect(getHistoryVisibilityToggle(component)).not.toBeChecked();
+            });
+
+            it("updates history visibility on toggle", () => {
+                const space = makeMockSpace(mockMatrixClient, joinRule, guestRule, historyRule);
+                const component = getComponent({ space });
+
+                // toggle off because space settings is != WorldReadable
+                expect(getHistoryVisibilityToggle(component)).not.toBeChecked();
+
+                fireEvent.click(getHistoryVisibilityToggle(component)!);
+                expect(mockMatrixClient.sendStateEvent).toHaveBeenCalledWith(
+                    mockSpaceId,
+                    EventType.RoomHistoryVisibility,
+                    { history_visibility: HistoryVisibility.WorldReadable },
+                    "",
+                );
+
+                expect(getHistoryVisibilityToggle(component)).toBeChecked();
+            });
+
+            it("renders error message when history update fails", async () => {
+                const space = makeMockSpace(mockMatrixClient, joinRule, guestRule, historyRule);
+                (mockMatrixClient.sendStateEvent as jest.Mock).mockRejectedValue({});
+                const component = getComponent({ space });
+
+                await act(() => {
+                    fireEvent.click(getHistoryVisibilityToggle(component)!);
+                });
+
+                expect(getErrorMessage(component)).toEqual("Failed to update the history visibility of this space");
+            });
+
+            it("disables room preview toggle when history visibility changes are not allowed", () => {
+                const space = makeMockSpace(mockMatrixClient, joinRule, guestRule, historyRule);
+                (space.currentState.maySendStateEvent as jest.Mock).mockReturnValue(false);
+                const component = getComponent({ space });
+                expect(getHistoryVisibilityToggle(component)).toBeDisabled();
+            });
+        });
+
+        it("renders addresses section with publish toggle", async () => {
+            const space = makeMockSpace(mockMatrixClient, joinRule, guestRule);
+            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/apps/web/test/unit-tests/components/views/spaces/SpaceTreeLevel-test.tsx b/apps/web/test/unit-tests/components/views/spaces/SpaceTreeLevel-test.tsx
new file mode 100644
index 00000000000..c5940c945ed
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/SpaceTreeLevel-test.tsx
@@ -0,0 +1,162 @@
+/*
+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 { fireEvent, getByTestId, render } from "jest-matrix-react";
+import { mocked } from "jest-mock";
+
+import { clientAndSDKContextRenderOptions, mkRoom, stubClient } from "../../../../test-utils";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import defaultDispatcher from "../../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../../src/dispatcher/actions";
+import { SpaceItem, SpaceButton } from "../../../../../src/components/views/spaces/SpaceTreeLevel";
+import { MetaSpace, type SpaceKey } from "../../../../../src/stores/spaces";
+import { StaticNotificationState } from "../../../../../src/stores/notifications/StaticNotificationState";
+import { NotificationLevel } from "../../../../../src/stores/notifications/NotificationLevel";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass";
+
+jest.mock("../../../../../src/stores/spaces/SpaceStore", () => {
+    const EventEmitter = jest.requireActual("events");
+    class MockSpaceStore extends EventEmitter {
+        activeSpace: SpaceKey = "!space1";
+        setActiveSpace = jest.fn();
+        getChildSpaces = jest.fn();
+        getNotificationState = jest.fn();
+        start = jest.fn();
+    }
+
+    return MockSpaceStore;
+});
+
+describe("SpaceButton", () => {
+    const cli = stubClient();
+    const space = mkRoom(cli, "!1:example.org");
+    DMRoomMap.makeShared(cli);
+
+    const dispatchSpy = jest.spyOn(defaultDispatcher, "dispatch");
+
+    afterEach(jest.clearAllMocks);
+
+    describe("real space", () => {
+        it("activates the space on click", () => {
+            const { container } = render(
+                <SpaceButton
+                    space={space}
+                    selected={false}
+                    label="My space"
+                    data-testid="create-space-button"
+                    size="32px"
+                />,
+                clientAndSDKContextRenderOptions(cli, SDKContextClass.instance),
+            );
+
+            expect(SDKContextClass.instance.spaceStore.setActiveSpace).not.toHaveBeenCalled();
+            fireEvent.click(getByTestId(container, "create-space-button"));
+            expect(SDKContextClass.instance.spaceStore.setActiveSpace).toHaveBeenCalledWith("!1:example.org");
+        });
+
+        it("navigates to the space home on click if already active", () => {
+            const { container } = render(
+                <SpaceButton
+                    space={space}
+                    selected={true}
+                    label="My space"
+                    data-testid="create-space-button"
+                    size="32px"
+                />,
+            );
+
+            expect(dispatchSpy).not.toHaveBeenCalled();
+            fireEvent.click(getByTestId(container, "create-space-button"));
+            expect(dispatchSpy).toHaveBeenCalledWith({ action: Action.ViewRoom, room_id: "!1:example.org" });
+        });
+    });
+
+    describe("metaspace", () => {
+        it("activates the metaspace on click", () => {
+            const { container } = render(
+                <SpaceButton
+                    spaceKey={MetaSpace.Home}
+                    selected={false}
+                    label="Home"
+                    data-testid="create-space-button"
+                    size="32px"
+                />,
+                clientAndSDKContextRenderOptions(cli, SDKContextClass.instance),
+            );
+
+            expect(SDKContextClass.instance.spaceStore.setActiveSpace).not.toHaveBeenCalled();
+            fireEvent.click(getByTestId(container, "create-space-button"));
+            expect(SDKContextClass.instance.spaceStore.setActiveSpace).toHaveBeenCalledWith(MetaSpace.Home);
+        });
+
+        it("does nothing on click if already active", () => {
+            const { container } = render(
+                <SpaceButton
+                    spaceKey={MetaSpace.Home}
+                    selected={true}
+                    label="Home"
+                    data-testid="create-space-button"
+                    size="32px"
+                />,
+                clientAndSDKContextRenderOptions(cli, SDKContextClass.instance),
+            );
+
+            fireEvent.click(getByTestId(container, "create-space-button"));
+            expect(dispatchSpy).not.toHaveBeenCalled();
+            // Re-activating the metaspace is a no-op
+            expect(SDKContextClass.instance.spaceStore.setActiveSpace).toHaveBeenCalledWith(MetaSpace.Home);
+        });
+
+        it("should render notificationState if one is provided", () => {
+            const notificationState = new StaticNotificationState(null, 8, NotificationLevel.Notification);
+
+            const { container, asFragment } = render(
+                <SpaceButton
+                    spaceKey={MetaSpace.Home}
+                    selected={true}
+                    label="Home"
+                    data-testid="create-space-button"
+                    notificationState={notificationState}
+                    size="32px"
+                />,
+            );
+
+            expect(getByTestId(container, "notification-badge")).toHaveTextContent("8");
+            expect(asFragment()).toMatchSnapshot();
+        });
+    });
+});
+
+describe("SpaceItem", () => {
+    const cli = stubClient();
+    const space = mkRoom(cli, "!1:example.org");
+    space.name = "Root Space";
+    const subspace = mkRoom(cli, "!2:example.org");
+    subspace.name = "Subspace";
+
+    it("should render a space with subspaces", () => {
+        mocked(SDKContextClass.instance.spaceStore.getChildSpaces).mockImplementation((spaceId) =>
+            spaceId === space.roomId ? [subspace] : [],
+        );
+
+        const { asFragment, queryByText, getByLabelText } = render(
+            <SpaceItem space={space} activeSpaces={[]} />,
+            clientAndSDKContextRenderOptions(cli, SDKContextClass.instance),
+        );
+
+        expect(queryByText("Root Space")).toBeVisible();
+        expect(queryByText("Subspace")).toBeNull();
+        expect(asFragment()).toMatchSnapshot();
+
+        fireEvent.click(getByLabelText("Expand"));
+        expect(queryByText("Root Space")).toBeVisible();
+        expect(queryByText("Subspace")).toBeVisible();
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/spaces/ThreadsActivityCentre-test.tsx b/apps/web/test/unit-tests/components/views/spaces/ThreadsActivityCentre-test.tsx
new file mode 100644
index 00000000000..271b280d7c9
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/ThreadsActivityCentre-test.tsx
@@ -0,0 +1,239 @@
+/*
+ * 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.
+ */
+
+import React, { type ComponentProps } from "react";
+import { getByText, render, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { NotificationCountType, PendingEventOrdering, Room } from "matrix-js-sdk/src/matrix";
+
+import { ThreadsActivityCentre } from "../../../../../src/components/views/spaces/threads-activity-centre";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { stubClient } from "../../../../test-utils";
+import { populateThread } from "../../../../test-utils/threads";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+
+describe("ThreadsActivityCentre", () => {
+    const getTACButton = () => {
+        return screen.getByRole("button", { name: "Threads" });
+    };
+
+    const getTACMenu = () => {
+        return screen.getByRole("menu");
+    };
+
+    const getTACDescription = (container: ReturnType<typeof render>["container"]) => {
+        return container.querySelector(".mx_ThreadsActivityCentreButton_Text");
+    };
+
+    const renderTAC = (props?: ComponentProps<typeof ThreadsActivityCentre>) => {
+        return render(
+            <MatrixClientContext.Provider value={cli}>
+                <ThreadsActivityCentre {...props} />
+            </MatrixClientContext.Provider>,
+        );
+    };
+
+    const cli = stubClient();
+    cli.supportsThreads = () => true;
+
+    const roomWithActivity = new Room("!room:server", cli, cli.getSafeUserId(), {
+        pendingEventOrdering: PendingEventOrdering.Detached,
+    });
+    roomWithActivity.name = "Just activity";
+
+    const roomWithNotif = new Room("!room2:server", cli, cli.getSafeUserId(), {
+        pendingEventOrdering: PendingEventOrdering.Detached,
+    });
+    roomWithNotif.name = "A notification";
+
+    const roomWithHighlight = new Room("!room3:server", cli, cli.getSafeUserId(), {
+        pendingEventOrdering: PendingEventOrdering.Detached,
+    });
+    roomWithHighlight.name = "This is a real highlight";
+
+    const getDefaultThreadArgs = (room: Room) => ({
+        room: room,
+        client: cli,
+        authorId: "@foo:bar",
+        participantUserIds: ["@fee:bar"],
+    });
+
+    beforeAll(async () => {
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(cli);
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(cli);
+
+        const dmRoomMap = new DMRoomMap(cli);
+        jest.spyOn(dmRoomMap, "getUserIdForRoomId");
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+
+        await populateThread(getDefaultThreadArgs(roomWithActivity));
+
+        const notifThreadInfo = await populateThread(getDefaultThreadArgs(roomWithNotif));
+        roomWithNotif.setThreadUnreadNotificationCount(notifThreadInfo.thread.id, NotificationCountType.Total, 1);
+
+        const highlightThreadInfo = await populateThread({
+            ...getDefaultThreadArgs(roomWithHighlight),
+            // timestamp
+            ts: 5,
+        });
+        roomWithHighlight.setThreadUnreadNotificationCount(
+            highlightThreadInfo.thread.id,
+            NotificationCountType.Highlight,
+            1,
+        );
+    });
+
+    it("should render the threads activity centre button", async () => {
+        renderTAC();
+        expect(getTACButton()).toBeInTheDocument();
+    });
+
+    it("should render the threads activity centre button and the display label", async () => {
+        const { container } = renderTAC({ displayButtonLabel: true });
+        expect(getTACButton()).toBeInTheDocument();
+        expect(getTACDescription(container)).toBeInTheDocument();
+    });
+
+    it("should render the threads activity centre menu when the button is clicked", async () => {
+        renderTAC();
+        await userEvent.click(getTACButton());
+        expect(getTACMenu()).toBeInTheDocument();
+    });
+
+    it("should not render a room with a activity in the TAC", async () => {
+        cli.getVisibleRooms = jest.fn().mockReturnValue([roomWithActivity]);
+        renderTAC();
+        await userEvent.click(getTACButton());
+
+        // We should not render the room with activity
+        expect(() => screen.getAllByRole("menuitem")).toThrow();
+    });
+
+    it("should render a room with a regular notification in the TAC", async () => {
+        cli.getVisibleRooms = jest.fn().mockReturnValue([roomWithNotif]);
+        renderTAC();
+        await userEvent.click(getTACButton());
+
+        const tacRows = screen.getAllByRole("menuitem");
+        expect(tacRows.length).toEqual(1);
+
+        getByText(tacRows[0], "A notification");
+        expect(tacRows[0].querySelector('[data-notification-level="notification"]')).toBeInTheDocument();
+    });
+
+    it("should render a room with a highlight notification in the TAC", async () => {
+        cli.getVisibleRooms = jest.fn().mockReturnValue([roomWithHighlight]);
+        renderTAC();
+        await userEvent.click(getTACButton());
+
+        const tacRows = screen.getAllByRole("menuitem");
+        expect(tacRows.length).toEqual(1);
+
+        getByText(tacRows[0], "This is a real highlight");
+        expect(tacRows[0].querySelector('[data-notification-level="highlight"]')).toBeInTheDocument();
+    });
+
+    it("renders notifications matching the snapshot", async () => {
+        cli.getVisibleRooms = jest.fn().mockReturnValue([roomWithHighlight, roomWithNotif, roomWithActivity]);
+        renderTAC();
+        await userEvent.click(getTACButton());
+
+        expect(screen.getByRole("menu")).toMatchSnapshot();
+    });
+
+    it("should display a caption when no threads are unread", async () => {
+        cli.getVisibleRooms = jest.fn().mockReturnValue([]);
+        renderTAC();
+        await userEvent.click(getTACButton());
+
+        expect(screen.getByRole("menu").getElementsByClassName("mx_ThreadsActivityCentre_emptyCaption").length).toEqual(
+            1,
+        );
+    });
+
+    it("should match snapshot when empty", async () => {
+        cli.getVisibleRooms = jest.fn().mockReturnValue([]);
+        renderTAC();
+        await userEvent.click(getTACButton());
+
+        expect(screen.getByRole("menu")).toMatchSnapshot();
+    });
+
+    it("should order the room with the same notification level by most recent", async () => {
+        // Generate two new rooms with threads
+        const secondRoomWithHighlight = new Room("!room4:server", cli, cli.getSafeUserId(), {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        secondRoomWithHighlight.name = "This is a second real highlight";
+
+        const secondHighlightThreadInfo = await populateThread({
+            ...getDefaultThreadArgs(secondRoomWithHighlight),
+            // timestamp
+            ts: 1,
+        });
+        secondRoomWithHighlight.setThreadUnreadNotificationCount(
+            secondHighlightThreadInfo.thread.id,
+            NotificationCountType.Highlight,
+            1,
+        );
+
+        const thirdRoomWithHighlight = new Room("!room5:server", cli, cli.getSafeUserId(), {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        thirdRoomWithHighlight.name = "This is a third real highlight";
+
+        const thirdHighlightThreadInfo = await populateThread({
+            ...getDefaultThreadArgs(thirdRoomWithHighlight),
+            // timestamp
+            ts: 7,
+        });
+        thirdRoomWithHighlight.setThreadUnreadNotificationCount(
+            thirdHighlightThreadInfo.thread.id,
+            NotificationCountType.Highlight,
+            1,
+        );
+
+        cli.getVisibleRooms = jest
+            .fn()
+            .mockReturnValue([roomWithHighlight, secondRoomWithHighlight, thirdRoomWithHighlight]);
+
+        renderTAC();
+        await userEvent.click(getTACButton());
+
+        // The room should be ordered by the most recent thread
+        // thirdHighlightThreadInfo (timestamp 7) > highlightThreadInfo (timestamp 5) > secondHighlightThreadInfo (timestamp 1)
+        expect(screen.getByRole("menu")).toMatchSnapshot();
+    });
+
+    it("should block Ctrl/CMD + k shortcut", async () => {
+        cli.getVisibleRooms = jest.fn().mockReturnValue([roomWithHighlight]);
+
+        const keyDownHandler = jest.fn();
+        render(
+            <div
+                onKeyDown={(evt) => {
+                    keyDownHandler(evt.key, evt.ctrlKey);
+                }}
+            >
+                <MatrixClientContext.Provider value={cli}>
+                    <ThreadsActivityCentre />
+                </MatrixClientContext.Provider>
+            </div>,
+        );
+        await userEvent.click(getTACButton());
+
+        // CTRL/CMD + k should be blocked
+        await userEvent.keyboard("{Control>}k{/Control}");
+        expect(keyDownHandler).not.toHaveBeenCalledWith("k", true);
+
+        // Sanity test
+        await userEvent.keyboard("{Control>}a{/Control}");
+        expect(keyDownHandler).toHaveBeenCalledWith("a", true);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/spaces/__snapshots__/AddExistingToSpaceDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/AddExistingToSpaceDialog-test.tsx.snap
new file mode 100644
index 00000000000..475d47b2060
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/AddExistingToSpaceDialog-test.tsx.snap
@@ -0,0 +1,153 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<AddExistingToSpaceDialog /> looks as expected 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_AddExistingToSpace"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_AddExistingToSpaceDialog"
+    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"
+      >
+        <div
+          class="mx_SubspaceSelector"
+        >
+          <span
+            aria-label="Avatar"
+            class="_avatar_va14e_8 mx_BaseAvatar"
+            data-color="2"
+            data-testid="avatar-img"
+            data-type="square"
+            style="--cpd-avatar-size: 40px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="square"
+              height="40px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="http://this.is.a.url/avatar.url/room.png"
+              width="40px"
+            />
+          </span>
+          <div>
+            <h1>
+              Add existing rooms
+            </h1>
+            <div
+              class="mx_SubspaceSelector_onlySpace"
+            >
+              !spaceid:example.com
+            </div>
+          </div>
+        </div>
+      </h1>
+    </div>
+    <div
+      class="mx_AddExistingToSpace"
+    >
+      <div
+        class="mx_SearchBox mx_textinput"
+      >
+        <input
+          autocomplete="off"
+          class="mx_textinput_icon mx_textinput_search mx_textinput_icon mx_textinput_search"
+          data-testid="searchbox-input"
+          placeholder="Search for rooms"
+          type="text"
+          value=""
+        />
+        <div
+          class="mx_AccessibleButton mx_SearchBox_closeButton"
+          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="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="_scrollbar_1d5jg_8 mx_AutoHideScrollbar mx_AddExistingToSpace_content"
+        tabindex="-1"
+      >
+        <span
+          class="mx_AddExistingToSpace_noResults"
+        >
+          No results
+        </span>
+      </div>
+      <div
+        class="mx_AddExistingToSpace_footer"
+      >
+        <span>
+          <div>
+            Want to add a new room instead?
+          </div>
+          <div
+            class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
+            role="button"
+            tabindex="0"
+          >
+            Create a new room
+          </div>
+        </span>
+        <div
+          aria-disabled="true"
+          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary mx_AccessibleButton_disabled"
+          disabled=""
+          role="button"
+          tabindex="0"
+        >
+          Add
+        </div>
+      </div>
+    </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/apps/web/test/unit-tests/components/views/spaces/__snapshots__/QuickSettingsButton-test.tsx.snap b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/QuickSettingsButton-test.tsx.snap
new file mode 100644
index 00000000000..2e78d4b8f49
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/QuickSettingsButton-test.tsx.snap
@@ -0,0 +1,38 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`QuickSettingsButton should render the quick settings button in expanded mode 1`] = `
+<DocumentFragment>
+  <button
+    aria-expanded="true"
+    aria-label="Quick settings"
+    class="_icon-button_1215g_8 mx_QuickSettingsButton expanded"
+    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
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12.731 2C13.432 2 14 2.568 14 3.269c0 .578.396 1.074.935 1.286q.128.052.253.106c.531.23 1.162.16 1.572-.25a1.27 1.27 0 0 1 1.794 0l1.034 1.035a1.27 1.27 0 0 1 0 1.794c-.41.41-.48 1.04-.248 1.572l.105.253c.212.539.708.935 1.286.935.701 0 1.269.568 1.269 1.269v1.462c0 .701-.568 1.269-1.269 1.269-.578 0-1.074.396-1.287.935q-.05.128-.104.253c-.232.531-.161 1.162.248 1.572a1.27 1.27 0 0 1 0 1.794l-1.034 1.034a1.27 1.27 0 0 1-1.794 0c-.41-.41-1.04-.48-1.572-.248a8 8 0 0 1-.253.105c-.539.212-.935.708-.935 1.286 0 .701-.568 1.269-1.269 1.269H11.27c-.702 0-1.27-.568-1.27-1.269 0-.578-.396-1.074-.935-1.287a8 8 0 0 1-.253-.104c-.531-.232-1.162-.161-1.572.248a1.27 1.27 0 0 1-1.794 0l-1.034-1.034a1.27 1.27 0 0 1 0-1.794c.41-.41.48-1.04.249-1.572a8 8 0 0 1-.106-.253C4.343 14.396 3.847 14 3.27 14 2.568 14 2 13.432 2 12.731V11.27c0-.702.568-1.27 1.269-1.27.578 0 1.074-.396 1.286-.935q.052-.128.106-.253c.23-.531.16-1.162-.25-1.572a1.27 1.27 0 0 1 0-1.794l1.035-1.034a1.27 1.27 0 0 1 1.794 0c.41.41 1.04.48 1.572.249a8 8 0 0 1 .253-.106c.539-.212.935-.708.935-1.286C10 2.568 10.568 2 11.269 2zM12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8"
+        />
+      </svg>
+      <span
+        class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 mx_QuickSettingsButton_label"
+        title="Settings"
+      >
+        Settings
+      </span>
+    </div>
+  </button>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceCreateMenu-test.tsx.snap b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceCreateMenu-test.tsx.snap
new file mode 100644
index 00000000000..ab604496796
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceCreateMenu-test.tsx.snap
@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SpaceCreateMenu /> should render 1`] = `<DocumentFragment />`;
diff --git a/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceSettingsVisibilityTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceSettingsVisibilityTab-test.tsx.snap
new file mode 100644
index 00000000000..ff003777e9b
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceSettingsVisibilityTab-test.tsx.snap
@@ -0,0 +1,542 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<SpaceSettingsVisibilityTab /> for a public space Access renders guest access section toggle 1`] = `
+<input
+  checked=""
+  class="_input_udcm8_24"
+  id="react-use-id-1"
+  role="switch"
+  type="checkbox"
+/>
+`;
+
+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"
+        >
+          Security & Privacy
+        </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"
+                >
+                  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"
+                >
+                  Anyone
+                </div>
+                <div
+                  class="mx_StyledRadioButton_spacer"
+                />
+              </label>
+              <span
+                id="joinRule-public-description"
+              >
+                Anyone can join.
+              </span>
+              <form
+                class="_root_1o4d9_17"
+              >
+                <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_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        id="react-use-id-1"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="react-use-id-1"
+                    >
+                      Preview space
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="radix-react-use-id-2"
+                    >
+                      Allow people to preview your space before they join.
+                    </span>
+                  </div>
+                </div>
+                <p>
+                  <strong>
+                    Recommended for public spaces.
+                  </strong>
+                </p>
+              </form>
+            </div>
+          </fieldset>
+          <div
+            class="mx_SettingsSection"
+          >
+            <h3
+              class="mx_Heading_h4"
+            >
+              Address
+            </h3>
+            <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>
+                  <form
+                    class="_root_1o4d9_17"
+                  >
+                    <div
+                      class="_inline-field_1o4d9_33"
+                    >
+                      <div
+                        class="_inline-field-control_1o4d9_45"
+                      >
+                        <div
+                          class="_container_udcm8_10"
+                        >
+                          <input
+                            class="_input_udcm8_24"
+                            disabled=""
+                            id="react-use-id-3"
+                            role="switch"
+                            type="checkbox"
+                          />
+                          <div
+                            class="_ui_udcm8_34"
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="_inline-field-body_1o4d9_39"
+                      >
+                        <label
+                          class="_label_1o4d9_60"
+                          for="react-use-id-3"
+                        >
+                          Publish this room to the public in matrix.org's room directory?
+                        </label>
+                        <span
+                          class="_message_1o4d9_86 _help-message_1o4d9_92"
+                          id="radix-react-use-id-4"
+                        >
+                          You must have permission to set the main address to publish this room.
+                        </span>
+                      </div>
+                    </div>
+                  </form>
+                  <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>
+                      <form
+                        autocomplete="off"
+                        class="mx_EditableItemList_newItem"
+                        novalidate=""
+                      >
+                        <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>
+                      </form>
+                    </div>
+                  </details>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`<SpaceSettingsVisibilityTab /> renders container 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection"
+      >
+        <h2
+          class="mx_Heading_h3"
+        >
+          Security & Privacy
+        </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 mx_StyledRadioButton_checked"
+              >
+                <input
+                  aria-describedby="joinRule-invite-description"
+                  checked=""
+                  disabled=""
+                  id="joinRule-invite"
+                  name="joinRule"
+                  type="radio"
+                  value="invite"
+                />
+                <div>
+                  <div />
+                </div>
+                <div
+                  class="mx_StyledRadioButton_content"
+                >
+                  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"
+              >
+                <input
+                  aria-describedby="joinRule-public-description"
+                  disabled=""
+                  id="joinRule-public"
+                  name="joinRule"
+                  type="radio"
+                  value="public"
+                />
+                <div>
+                  <div />
+                </div>
+                <div
+                  class="mx_StyledRadioButton_content"
+                >
+                  Anyone
+                </div>
+                <div
+                  class="mx_StyledRadioButton_spacer"
+                />
+              </label>
+              <span
+                id="joinRule-public-description"
+              >
+                Anyone can join.
+              </span>
+              <form
+                class="_root_1o4d9_17"
+              >
+                <div
+                  class="_inline-field_1o4d9_33"
+                >
+                  <div
+                    class="_inline-field-control_1o4d9_45"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        id="react-use-id-1"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_1o4d9_39"
+                  >
+                    <label
+                      class="_label_1o4d9_60"
+                      for="react-use-id-1"
+                    >
+                      Preview space
+                    </label>
+                    <span
+                      class="_message_1o4d9_86 _help-message_1o4d9_92"
+                      id="radix-react-use-id-2"
+                    >
+                      Allow people to preview your space before they join.
+                    </span>
+                  </div>
+                </div>
+                <p>
+                  <strong>
+                    Recommended for public spaces.
+                  </strong>
+                </p>
+              </form>
+            </div>
+          </fieldset>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceTreeLevel-test.tsx.snap b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceTreeLevel-test.tsx.snap
new file mode 100644
index 00000000000..6f9a846f1dd
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceTreeLevel-test.tsx.snap
@@ -0,0 +1,301 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`SpaceButton metaspace should render notificationState if one is provided 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="Home"
+    class="mx_AccessibleButton mx_SpaceButton mx_SpaceButton_active"
+    data-testid="create-space-button"
+    role="button"
+    tabindex="-1"
+  >
+    <div
+      class="mx_SpaceButton_selectionWrapper"
+    >
+      <div
+        class="mx_SpaceButton_avatarWrapper"
+      >
+        <div
+          class="mx_SpaceButton_avatarPlaceholder"
+        >
+          <div
+            class="mx_SpaceButton_icon"
+          />
+        </div>
+        <div
+          class="mx_SpacePanel_badgeContainer"
+        >
+          <button
+            aria-label="Jump to first unread room."
+            class="mx_SpacePanel_notificationBadge _notificationBadge_kb9ny_8 _visible_kb9ny_15 _notification_kb9ny_8 _badge2Char_kb9ny_56 cpd-theme-light"
+            data-badge-type="badge_2char"
+            data-notification-level="notification"
+            data-testid="notification-badge"
+            tabindex="-1"
+            type="button"
+          >
+            <span
+              class="_count_kb9ny_39"
+            >
+              8
+            </span>
+          </button>
+        </div>
+      </div>
+      <span
+        class="mx_SpaceButton_name"
+      >
+        Home
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`SpaceItem should render a space with subspaces 1`] = `
+<DocumentFragment>
+  <li
+    aria-expanded="false"
+    aria-selected="false"
+    class="mx_SpaceItem collapsed hasSubSpaces"
+    role="treeitem"
+  >
+    <div
+      aria-label="Root Space"
+      class="mx_AccessibleButton mx_SpaceButton"
+      role="button"
+      tabindex="-1"
+    >
+      <div
+        aria-label="Expand"
+        class="mx_AccessibleButton mx_SpaceButton_toggleCollapse"
+        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="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+          />
+        </svg>
+      </div>
+      <div
+        class="mx_SpaceButton_selectionWrapper"
+      >
+        <div
+          class="mx_SpaceButton_avatarWrapper"
+        >
+          <span
+            aria-label="Avatar"
+            class="_avatar_va14e_8 mx_BaseAvatar"
+            data-color="3"
+            data-testid="avatar-img"
+            data-type="round"
+            style="--cpd-avatar-size: 32px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_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>
+        <span
+          class="mx_SpaceButton_name"
+        >
+          Root Space
+        </span>
+        <div
+          aria-expanded="false"
+          aria-haspopup="true"
+          aria-label="Space options"
+          class="mx_AccessibleButton mx_SpaceButton_menuButton"
+          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>
+    </div>
+  </li>
+</DocumentFragment>
+`;
+
+exports[`SpaceItem should render a space with subspaces 2`] = `
+<DocumentFragment>
+  <li
+    aria-expanded="true"
+    aria-selected="false"
+    class="mx_SpaceItem hasSubSpaces"
+    role="treeitem"
+  >
+    <div
+      aria-label="Root Space"
+      class="mx_AccessibleButton mx_SpaceButton"
+      role="button"
+      tabindex="-1"
+    >
+      <div
+        aria-label="Collapse"
+        class="mx_AccessibleButton mx_SpaceButton_toggleCollapse"
+        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="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_SpaceButton_selectionWrapper"
+      >
+        <div
+          class="mx_SpaceButton_avatarWrapper"
+        >
+          <span
+            aria-label="Avatar"
+            class="_avatar_va14e_8 mx_BaseAvatar"
+            data-color="3"
+            data-testid="avatar-img"
+            data-type="round"
+            style="--cpd-avatar-size: 32px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_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>
+        <span
+          class="mx_SpaceButton_name"
+        >
+          Root Space
+        </span>
+        <div
+          aria-expanded="false"
+          aria-haspopup="true"
+          aria-label="Space options"
+          class="mx_AccessibleButton mx_SpaceButton_menuButton"
+          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>
+    </div>
+    <ul
+      class="mx_SpaceTreeLevel"
+      role="group"
+    >
+      <li
+        aria-selected="false"
+        class="mx_SpaceItem"
+        role="treeitem"
+      >
+        <div
+          aria-label="Subspace"
+          class="mx_AccessibleButton mx_SpaceButton"
+          role="button"
+          tabindex="-1"
+        >
+          <div
+            class="mx_SpaceButton_selectionWrapper"
+          >
+            <div
+              class="mx_SpaceButton_avatarWrapper"
+            >
+              <span
+                aria-label="Avatar"
+                class="_avatar_va14e_8 mx_BaseAvatar"
+                data-color="4"
+                data-testid="avatar-img"
+                data-type="round"
+                style="--cpd-avatar-size: 24px;"
+              >
+                <img
+                  alt=""
+                  class="_image_va14e_43"
+                  data-type="round"
+                  height="24px"
+                  loading="lazy"
+                  referrerpolicy="no-referrer"
+                  src="http://this.is.a.url/avatar.url/room.png"
+                  width="24px"
+                />
+              </span>
+            </div>
+            <span
+              class="mx_SpaceButton_name"
+            >
+              Subspace
+            </span>
+            <div
+              aria-expanded="false"
+              aria-haspopup="true"
+              aria-label="Space options"
+              class="mx_AccessibleButton mx_SpaceButton_menuButton"
+              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>
+        </div>
+      </li>
+    </ul>
+  </li>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
new file mode 100644
index 00000000000..2b8e084b40c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
@@ -0,0 +1,348 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] = `
+<div
+  aria-labelledby="radix-react-use-id-1"
+  aria-orientation="vertical"
+  class="_menu_so651_8"
+  data-align="start"
+  data-orientation="vertical"
+  data-radix-menu-content=""
+  data-side="top"
+  data-state="open"
+  dir="ltr"
+  id="radix-react-use-id-2"
+  role="menu"
+  style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); pointer-events: auto;"
+  tabindex="-1"
+>
+  <h3
+    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_so651_65"
+    id="react-use-id-3"
+  >
+    Threads activity
+  </h3>
+  <div
+    class="mx_ThreadsActivityCentre_rows"
+  >
+    <button
+      class="mx_ThreadsActivityCentreRow _item_bym9p_8 _interactive_bym9p_26"
+      data-kind="primary"
+      data-orientation="vertical"
+      data-radix-collection-item=""
+      role="menuitem"
+      tabindex="-1"
+    >
+      <div
+        class="mx_DecoratedRoomAvatar _icon_bym9p_51"
+      >
+        <span
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="3"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 32px;"
+        >
+          T
+        </span>
+      </div>
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+      >
+        This is a real highlight
+      </span>
+      <svg
+        aria-hidden="true"
+        class="_nav-hint_bym9p_60"
+        fill="currentColor"
+        height="24"
+        viewBox="8 0 8 24"
+        width="8"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+      <div
+        class="mx_ThreadsActivityCentre_notificationBadge _notificationBadge_kb9ny_8 _visible_kb9ny_15 _highlight_kb9ny_47 _dot_kb9ny_32"
+        data-badge-type="dot"
+        data-notification-level="highlight"
+        data-testid="notification-badge"
+      >
+        <span
+          class="_count_kb9ny_39"
+        />
+      </div>
+    </button>
+    <button
+      class="mx_ThreadsActivityCentreRow _item_bym9p_8 _interactive_bym9p_26"
+      data-kind="primary"
+      data-orientation="vertical"
+      data-radix-collection-item=""
+      role="menuitem"
+      tabindex="-1"
+    >
+      <div
+        class="mx_DecoratedRoomAvatar _icon_bym9p_51"
+      >
+        <span
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="2"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 32px;"
+        >
+          A
+        </span>
+      </div>
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+      >
+        A notification
+      </span>
+      <svg
+        aria-hidden="true"
+        class="_nav-hint_bym9p_60"
+        fill="currentColor"
+        height="24"
+        viewBox="8 0 8 24"
+        width="8"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+      <div
+        class="mx_ThreadsActivityCentre_notificationBadge _notificationBadge_kb9ny_8 _visible_kb9ny_15 _notification_kb9ny_8 _dot_kb9ny_32"
+        data-badge-type="dot"
+        data-notification-level="notification"
+        data-testid="notification-badge"
+      >
+        <span
+          class="_count_kb9ny_39"
+        />
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`ThreadsActivityCentre should match snapshot when empty 1`] = `
+<div
+  aria-labelledby="radix-react-use-id-1"
+  aria-orientation="vertical"
+  class="_menu_so651_8"
+  data-align="start"
+  data-orientation="vertical"
+  data-radix-menu-content=""
+  data-side="top"
+  data-state="open"
+  dir="ltr"
+  id="radix-react-use-id-2"
+  role="menu"
+  style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); pointer-events: auto;"
+  tabindex="-1"
+>
+  <h3
+    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_so651_65"
+    id="react-use-id-3"
+  >
+    Threads activity
+  </h3>
+  <div
+    class="mx_ThreadsActivityCentre_rows"
+  >
+    <div
+      class="mx_ThreadsActivityCentre_emptyCaption"
+    >
+      You don't have rooms with thread notifications yet.
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ThreadsActivityCentre should order the room with the same notification level by most recent 1`] = `
+<div
+  aria-labelledby="radix-react-use-id-1"
+  aria-orientation="vertical"
+  class="_menu_so651_8"
+  data-align="start"
+  data-orientation="vertical"
+  data-radix-menu-content=""
+  data-side="top"
+  data-state="open"
+  dir="ltr"
+  id="radix-react-use-id-2"
+  role="menu"
+  style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); pointer-events: auto;"
+  tabindex="-1"
+>
+  <h3
+    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_so651_65"
+    id="react-use-id-3"
+  >
+    Threads activity
+  </h3>
+  <div
+    class="mx_ThreadsActivityCentre_rows"
+  >
+    <button
+      class="mx_ThreadsActivityCentreRow _item_bym9p_8 _interactive_bym9p_26"
+      data-kind="primary"
+      data-orientation="vertical"
+      data-radix-collection-item=""
+      role="menuitem"
+      tabindex="-1"
+    >
+      <div
+        class="mx_DecoratedRoomAvatar _icon_bym9p_51"
+      >
+        <span
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="5"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 32px;"
+        >
+          T
+        </span>
+      </div>
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+      >
+        This is a third real highlight
+      </span>
+      <svg
+        aria-hidden="true"
+        class="_nav-hint_bym9p_60"
+        fill="currentColor"
+        height="24"
+        viewBox="8 0 8 24"
+        width="8"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+      <div
+        class="mx_ThreadsActivityCentre_notificationBadge _notificationBadge_kb9ny_8 _visible_kb9ny_15 _highlight_kb9ny_47 _dot_kb9ny_32"
+        data-badge-type="dot"
+        data-notification-level="highlight"
+        data-testid="notification-badge"
+      >
+        <span
+          class="_count_kb9ny_39"
+        />
+      </div>
+    </button>
+    <button
+      class="mx_ThreadsActivityCentreRow _item_bym9p_8 _interactive_bym9p_26"
+      data-kind="primary"
+      data-orientation="vertical"
+      data-radix-collection-item=""
+      role="menuitem"
+      tabindex="-1"
+    >
+      <div
+        class="mx_DecoratedRoomAvatar _icon_bym9p_51"
+      >
+        <span
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="3"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 32px;"
+        >
+          T
+        </span>
+      </div>
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+      >
+        This is a real highlight
+      </span>
+      <svg
+        aria-hidden="true"
+        class="_nav-hint_bym9p_60"
+        fill="currentColor"
+        height="24"
+        viewBox="8 0 8 24"
+        width="8"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+      <div
+        class="mx_ThreadsActivityCentre_notificationBadge _notificationBadge_kb9ny_8 _visible_kb9ny_15 _highlight_kb9ny_47 _dot_kb9ny_32"
+        data-badge-type="dot"
+        data-notification-level="highlight"
+        data-testid="notification-badge"
+      >
+        <span
+          class="_count_kb9ny_39"
+        />
+      </div>
+    </button>
+    <button
+      class="mx_ThreadsActivityCentreRow _item_bym9p_8 _interactive_bym9p_26"
+      data-kind="primary"
+      data-orientation="vertical"
+      data-radix-collection-item=""
+      role="menuitem"
+      tabindex="-1"
+    >
+      <div
+        class="mx_DecoratedRoomAvatar _icon_bym9p_51"
+      >
+        <span
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+          data-color="4"
+          data-testid="avatar-img"
+          data-type="round"
+          role="presentation"
+          style="--cpd-avatar-size: 32px;"
+        >
+          T
+        </span>
+      </div>
+      <span
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+      >
+        This is a second real highlight
+      </span>
+      <svg
+        aria-hidden="true"
+        class="_nav-hint_bym9p_60"
+        fill="currentColor"
+        height="24"
+        viewBox="8 0 8 24"
+        width="8"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+      <div
+        class="mx_ThreadsActivityCentre_notificationBadge _notificationBadge_kb9ny_8 _visible_kb9ny_15 _highlight_kb9ny_47 _dot_kb9ny_32"
+        data-badge-type="dot"
+        data-notification-level="highlight"
+        data-testid="notification-badge"
+      >
+        <span
+          class="_count_kb9ny_39"
+        />
+      </div>
+    </button>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/spaces/useUnreadThreadRooms-test.tsx b/apps/web/test/unit-tests/components/views/spaces/useUnreadThreadRooms-test.tsx
new file mode 100644
index 00000000000..d2c5a74247e
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/spaces/useUnreadThreadRooms-test.tsx
@@ -0,0 +1,164 @@
+/*
+ * 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.
+ */
+
+import React from "react";
+import {
+    type MatrixClient,
+    MatrixEventEvent,
+    NotificationCountType,
+    PendingEventOrdering,
+    Room,
+} from "matrix-js-sdk/src/matrix";
+import { renderHook, act } from "jest-matrix-react";
+
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { stubClient } from "../../../../test-utils";
+import { populateThread } from "../../../../test-utils/threads";
+import { NotificationLevel } from "../../../../../src/stores/notifications/NotificationLevel";
+import { useUnreadThreadRooms } from "../../../../../src/components/views/spaces/threads-activity-centre/useUnreadThreadRooms";
+import SettingsStore from "../../../../../src/settings/SettingsStore";
+
+describe("useUnreadThreadRooms", () => {
+    let client: MatrixClient;
+    let room: Room;
+
+    beforeEach(() => {
+        client = stubClient();
+        client.supportsThreads = () => true;
+        room = new Room("!room1:example.org", client, "@fee:bar", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("has no notifications with no rooms", async () => {
+        const { result } = renderHook(() => useUnreadThreadRooms(false));
+        const { greatestNotificationLevel, rooms } = result.current;
+
+        expect(greatestNotificationLevel).toBe(NotificationLevel.None);
+        expect(rooms.length).toEqual(0);
+    });
+
+    it("an activity notification is ignored by default", async () => {
+        const notifThreadInfo = await populateThread({
+            room: room,
+            client: client,
+            authorId: "@foo:bar",
+            participantUserIds: ["@fee:bar"],
+        });
+        room.setThreadUnreadNotificationCount(notifThreadInfo.thread.id, NotificationCountType.Total, 0);
+
+        client.getVisibleRooms = jest.fn().mockReturnValue([room]);
+
+        const wrapper = ({ children }: { children: React.ReactNode }) => (
+            <MatrixClientContext.Provider value={client}>{children}</MatrixClientContext.Provider>
+        );
+
+        const { result } = renderHook(() => useUnreadThreadRooms(true), { wrapper });
+        const { greatestNotificationLevel, rooms } = result.current;
+
+        expect(greatestNotificationLevel).toBe(NotificationLevel.None);
+        expect(rooms.length).toEqual(0);
+    });
+
+    it("an activity notification is displayed with the setting enabled", async () => {
+        jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+
+        const notifThreadInfo = await populateThread({
+            room: room,
+            client: client,
+            authorId: "@foo:bar",
+            participantUserIds: ["@fee:bar"],
+        });
+        room.setThreadUnreadNotificationCount(notifThreadInfo.thread.id, NotificationCountType.Total, 0);
+
+        client.getVisibleRooms = jest.fn().mockReturnValue([room]);
+
+        const wrapper = ({ children }: { children: React.ReactNode }) => (
+            <MatrixClientContext.Provider value={client}>{children}</MatrixClientContext.Provider>
+        );
+
+        const { result } = renderHook(() => useUnreadThreadRooms(true), { wrapper });
+        const { greatestNotificationLevel, rooms } = result.current;
+
+        expect(greatestNotificationLevel).toBe(NotificationLevel.Activity);
+        expect(rooms.length).toEqual(1);
+    });
+
+    it("a notification and a highlight summarise to a highlight", async () => {
+        const notifThreadInfo = await populateThread({
+            room: room,
+            client: client,
+            authorId: "@foo:bar",
+            participantUserIds: ["@fee:bar"],
+        });
+        room.setThreadUnreadNotificationCount(notifThreadInfo.thread.id, NotificationCountType.Total, 1);
+
+        const highlightThreadInfo = await populateThread({
+            room: room,
+            client: client,
+            authorId: "@foo:bar",
+            participantUserIds: ["@fee:bar"],
+        });
+        room.setThreadUnreadNotificationCount(highlightThreadInfo.thread.id, NotificationCountType.Highlight, 1);
+
+        client.getVisibleRooms = jest.fn().mockReturnValue([room]);
+
+        const wrapper = ({ children }: { children: React.ReactNode }) => (
+            <MatrixClientContext.Provider value={client}>{children}</MatrixClientContext.Provider>
+        );
+
+        const { result } = renderHook(() => useUnreadThreadRooms(true), { wrapper });
+        const { greatestNotificationLevel, rooms } = result.current;
+
+        expect(greatestNotificationLevel).toBe(NotificationLevel.Highlight);
+        expect(rooms.length).toEqual(1);
+    });
+
+    describe("updates", () => {
+        beforeEach(() => {
+            jest.useFakeTimers();
+        });
+
+        afterEach(() => {
+            jest.useRealTimers();
+        });
+
+        it("updates on decryption within 1s", async () => {
+            const notifThreadInfo = await populateThread({
+                room: room,
+                client: client,
+                authorId: "@foo:bar",
+                participantUserIds: ["@fee:bar"],
+            });
+            room.setThreadUnreadNotificationCount(notifThreadInfo.thread.id, NotificationCountType.Total, 0);
+
+            client.getVisibleRooms = jest.fn().mockReturnValue([room]);
+
+            const wrapper = ({ children }: { children: React.ReactNode }) => (
+                <MatrixClientContext.Provider value={client}>{children}</MatrixClientContext.Provider>
+            );
+
+            const { result } = renderHook(() => useUnreadThreadRooms(true), { wrapper });
+
+            expect(result.current.greatestNotificationLevel).toBe(NotificationLevel.None);
+
+            act(() => {
+                room.setThreadUnreadNotificationCount(notifThreadInfo.thread.id, NotificationCountType.Highlight, 1);
+                client.emit(MatrixEventEvent.Decrypted, notifThreadInfo.thread.events[0]);
+
+                jest.advanceTimersByTime(1000);
+            });
+
+            expect(result.current.greatestNotificationLevel).toBe(NotificationLevel.Highlight);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/toasts/GenericToast-test.tsx b/apps/web/test/unit-tests/components/views/toasts/GenericToast-test.tsx
new file mode 100644
index 00000000000..e40e9141771
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/toasts/GenericToast-test.tsx
@@ -0,0 +1,39 @@
+/*
+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 { render, type RenderResult } from "jest-matrix-react";
+import React, { type ComponentProps } from "react";
+
+import GenericToast from "../../../../../src/components/views/toasts/GenericToast";
+
+const renderGenericToast = (props: Partial<ComponentProps<typeof GenericToast>> = {}): RenderResult => {
+    const propsWithDefaults = {
+        primaryLabel: "Accept",
+        description: <div>Description</div>,
+        onPrimaryClick: () => {},
+        onSecondaryClick: () => {},
+        secondaryLabel: "Reject",
+        ...props,
+    };
+
+    return render(<GenericToast {...propsWithDefaults} />);
+};
+
+describe("GenericToast", () => {
+    it("should render as expected with detail content", () => {
+        const { asFragment } = renderGenericToast();
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should render as expected without detail content", () => {
+        const { asFragment } = renderGenericToast({
+            detail: "Detail",
+        });
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/toasts/VerificationRequestToast-test.tsx b/apps/web/test/unit-tests/components/views/toasts/VerificationRequestToast-test.tsx
new file mode 100644
index 00000000000..d2fc03d2bc9
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/toasts/VerificationRequestToast-test.tsx
@@ -0,0 +1,111 @@
+/*
+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 ComponentProps } from "react";
+import { mocked, type Mocked } from "jest-mock-vitest-adapter";
+import { render, type RenderResult } from "jest-matrix-react";
+import { TypedEventEmitter, type IMyDevice, type MatrixClient, Device } from "matrix-js-sdk/src/matrix";
+import { type VerificationRequest, VerificationRequestEvent } from "matrix-js-sdk/src/crypto-api";
+
+import VerificationRequestToast from "../../../../../src/components/views/toasts/VerificationRequestToast";
+import {
+    clientAndSDKContextRenderOptions,
+    flushPromises,
+    getMockClientWithEventEmitter,
+    mockClientMethodsCrypto,
+    mockClientMethodsUser,
+} from "../../../../test-utils";
+import ToastStore from "../../../../../src/stores/ToastStore";
+import { TestSDKContext } from "../../../TestSDKContext.ts";
+
+describe("VerificationRequestToast", () => {
+    let client: Mocked<MatrixClient>;
+    let sdkContext: TestSDKContext;
+
+    function renderComponent(
+        props: Partial<ComponentProps<typeof VerificationRequestToast>> & { request: VerificationRequest },
+    ): RenderResult {
+        const propsWithDefaults = {
+            toastKey: "test",
+            ...props,
+        };
+
+        return render(
+            <VerificationRequestToast {...propsWithDefaults} />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+    }
+
+    beforeEach(() => {
+        client = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(),
+            ...mockClientMethodsCrypto(),
+            getDevice: jest.fn(),
+        });
+        sdkContext = new TestSDKContext();
+        sdkContext._client = client;
+    });
+
+    it("should render a self-verification", async () => {
+        const otherDeviceId = "other_device";
+        const otherIDevice: IMyDevice = { device_id: otherDeviceId, last_seen_ip: "1.1.1.1" };
+        client.getDevice.mockResolvedValue(otherIDevice);
+
+        const otherDeviceInfo = new Device({
+            algorithms: [],
+            keys: new Map(),
+            userId: "",
+            deviceId: otherDeviceId,
+            displayName: "my other device",
+        });
+        const deviceMap = new Map([[client.getSafeUserId(), new Map([[otherDeviceId, otherDeviceInfo]])]]);
+        mocked(client.getCrypto()!.getUserDeviceInfo).mockResolvedValue(deviceMap);
+
+        const request = makeMockVerificationRequest({
+            isSelfVerification: true,
+            otherDeviceId,
+        });
+        const result = renderComponent({ request });
+        await flushPromises();
+        expect(result.container).toMatchSnapshot();
+    });
+
+    it("should render a cross-user verification", async () => {
+        const otherUserId = "@other:user";
+        const request = makeMockVerificationRequest({
+            isSelfVerification: false,
+            otherUserId,
+        });
+        const result = renderComponent({ request });
+        await flushPromises();
+        expect(result.container).toMatchSnapshot();
+    });
+
+    it("dismisses itself once the request can no longer be accepted", async () => {
+        const otherUserId = "@other:user";
+        const request = makeMockVerificationRequest({
+            isSelfVerification: false,
+            otherUserId,
+        });
+        renderComponent({ request, toastKey: "testKey" });
+        await flushPromises();
+
+        const dismiss = jest.spyOn(ToastStore.sharedInstance(), "dismissToast");
+        Object.defineProperty(request, "accepting", { value: true });
+        request.emit(VerificationRequestEvent.Change);
+        expect(dismiss).toHaveBeenCalledWith("testKey");
+    });
+});
+
+function makeMockVerificationRequest(props: Partial<VerificationRequest> = {}): Mocked<VerificationRequest> {
+    const request = new TypedEventEmitter<VerificationRequestEvent, any>();
+    Object.assign(request, {
+        ...props,
+    });
+    return request as unknown as Mocked<VerificationRequest>;
+}
diff --git a/apps/web/test/unit-tests/components/views/toasts/__snapshots__/GenericToast-test.tsx.snap b/apps/web/test/unit-tests/components/views/toasts/__snapshots__/GenericToast-test.tsx.snap
new file mode 100644
index 00000000000..0afbefdbeb6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/toasts/__snapshots__/GenericToast-test.tsx.snap
@@ -0,0 +1,80 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`GenericToast should render as expected with detail content 1`] = `
+<DocumentFragment>
+  <div>
+    <div
+      class="mx_Toast_description"
+    >
+      <div>
+        Description
+      </div>
+    </div>
+    <div
+      aria-live="off"
+      class="mx_Toast_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="secondary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Reject
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Accept
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`GenericToast should render as expected without detail content 1`] = `
+<DocumentFragment>
+  <div>
+    <div
+      class="mx_Toast_description"
+    >
+      <div>
+        Description
+      </div>
+      <div
+        class="mx_Toast_detail"
+      >
+        Detail
+      </div>
+    </div>
+    <div
+      aria-live="off"
+      class="mx_Toast_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="secondary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Reject
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Accept
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/toasts/__snapshots__/VerificationRequestToast-test.tsx.snap b/apps/web/test/unit-tests/components/views/toasts/__snapshots__/VerificationRequestToast-test.tsx.snap
new file mode 100644
index 00000000000..d14eb5eea1c
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/toasts/__snapshots__/VerificationRequestToast-test.tsx.snap
@@ -0,0 +1,76 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`VerificationRequestToast should render a cross-user verification 1`] = `
+<div>
+  <div>
+    <div
+      class="mx_Toast_description"
+    >
+      @alice:domain (@other:user)
+    </div>
+    <div
+      aria-live="off"
+      class="mx_Toast_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="secondary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Ignore
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Start Verification
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`VerificationRequestToast should render a self-verification 1`] = `
+<div>
+  <div>
+    <div
+      class="mx_Toast_description"
+    >
+      my other device
+      <div
+        class="mx_Toast_detail"
+      >
+        other_device from 1.1.1.1
+      </div>
+    </div>
+    <div
+      aria-live="off"
+      class="mx_Toast_buttons"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="secondary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Ignore
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Start Verification
+      </button>
+    </div>
+  </div>
+</div>
+`;
diff --git a/apps/web/test/unit-tests/components/views/typography/Caption-test.tsx b/apps/web/test/unit-tests/components/views/typography/Caption-test.tsx
new file mode 100644
index 00000000000..dde1a3977b0
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/typography/Caption-test.tsx
@@ -0,0 +1,40 @@
+/*
+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 { Caption } from "../../../../../src/components/views/typography/Caption";
+
+describe("<Caption />", () => {
+    const defaultProps = {
+        "children": "test",
+        "data-testid": "test test id",
+    };
+    const getComponent = (props = {}) => <Caption {...defaultProps} {...props} />;
+
+    it("renders plain text children", () => {
+        const { container } = render(getComponent());
+        expect({ container }).toMatchSnapshot();
+    });
+
+    it("renders an error message", () => {
+        const { container } = render(getComponent({ isError: true }));
+        expect({ container }).toMatchSnapshot();
+    });
+
+    it("renders react children", () => {
+        const children = (
+            <>
+                Test <b>test but bold</b>
+            </>
+        );
+        const { container } = render(getComponent({ children }));
+        expect({ container }).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/typography/Heading-test.tsx b/apps/web/test/unit-tests/components/views/typography/Heading-test.tsx
new file mode 100644
index 00000000000..a3097553846
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/typography/Heading-test.tsx
@@ -0,0 +1,41 @@
+/*
+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 { render } from "jest-matrix-react";
+import React from "react";
+
+import Heading from "../../../../../src/components/views/typography/Heading";
+describe("<Heading />", () => {
+    const defaultProps = {
+        "size": "1",
+        "children": <div>test</div>,
+        "data-testid": "test",
+        "className": "test",
+    } as any;
+    const getComponent = (props = {}) => {
+        return render(<Heading {...defaultProps} {...props} />);
+    };
+
+    it("renders h1 with correct attributes", () => {
+        expect(getComponent({ size: "1" }).asFragment()).toMatchSnapshot();
+    });
+    it("renders h2 with correct attributes", () => {
+        expect(getComponent({ size: "2" }).asFragment()).toMatchSnapshot();
+    });
+    it("renders h3 with correct attributes", () => {
+        expect(getComponent({ size: "3" }).asFragment()).toMatchSnapshot();
+    });
+
+    it("renders h4 with correct attributes", () => {
+        expect(getComponent({ size: "4" }).asFragment()).toMatchSnapshot();
+    });
+
+    it("can have different appearance to its heading level", () => {
+        expect(getComponent({ size: "4", as: "h1" }).asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/typography/__snapshots__/Caption-test.tsx.snap b/apps/web/test/unit-tests/components/views/typography/__snapshots__/Caption-test.tsx.snap
new file mode 100644
index 00000000000..daf52266b15
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/typography/__snapshots__/Caption-test.tsx.snap
@@ -0,0 +1,43 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<Caption /> renders an error message 1`] = `
+{
+  "container": <div>
+    <span
+      class="mx_Caption mx_Caption_error"
+      data-testid="test test id"
+    >
+      test
+    </span>
+  </div>,
+}
+`;
+
+exports[`<Caption /> renders plain text children 1`] = `
+{
+  "container": <div>
+    <span
+      class="mx_Caption"
+      data-testid="test test id"
+    >
+      test
+    </span>
+  </div>,
+}
+`;
+
+exports[`<Caption /> renders react children 1`] = `
+{
+  "container": <div>
+    <span
+      class="mx_Caption"
+      data-testid="test test id"
+    >
+      Test 
+      <b>
+        test but bold
+      </b>
+    </span>
+  </div>,
+}
+`;
diff --git a/apps/web/test/unit-tests/components/views/typography/__snapshots__/Heading-test.tsx.snap b/apps/web/test/unit-tests/components/views/typography/__snapshots__/Heading-test.tsx.snap
new file mode 100644
index 00000000000..c59f41fce3f
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/typography/__snapshots__/Heading-test.tsx.snap
@@ -0,0 +1,66 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<Heading /> can have different appearance to its heading level 1`] = `
+<DocumentFragment>
+  <h1
+    class="mx_Heading_h4 test"
+    data-testid="test"
+  >
+    <div>
+      test
+    </div>
+  </h1>
+</DocumentFragment>
+`;
+
+exports[`<Heading /> renders h1 with correct attributes 1`] = `
+<DocumentFragment>
+  <h1
+    class="mx_Heading_h1 test"
+    data-testid="test"
+  >
+    <div>
+      test
+    </div>
+  </h1>
+</DocumentFragment>
+`;
+
+exports[`<Heading /> renders h2 with correct attributes 1`] = `
+<DocumentFragment>
+  <h2
+    class="mx_Heading_h2 test"
+    data-testid="test"
+  >
+    <div>
+      test
+    </div>
+  </h2>
+</DocumentFragment>
+`;
+
+exports[`<Heading /> renders h3 with correct attributes 1`] = `
+<DocumentFragment>
+  <h3
+    class="mx_Heading_h3 test"
+    data-testid="test"
+  >
+    <div>
+      test
+    </div>
+  </h3>
+</DocumentFragment>
+`;
+
+exports[`<Heading /> renders h4 with correct attributes 1`] = `
+<DocumentFragment>
+  <h4
+    class="mx_Heading_h4 test"
+    data-testid="test"
+  >
+    <div>
+      test
+    </div>
+  </h4>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/components/views/voip/CallView-test.tsx b/apps/web/test/unit-tests/components/views/voip/CallView-test.tsx
new file mode 100644
index 00000000000..b073b0a25f5
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/voip/CallView-test.tsx
@@ -0,0 +1,113 @@
+/*
+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, act, cleanup } from "jest-matrix-react";
+import { mocked, type Mocked } from "jest-mock";
+import {
+    type MatrixClient,
+    PendingEventOrdering,
+    Room,
+    RoomStateEvent,
+    type RoomMember,
+} from "matrix-js-sdk/src/matrix";
+import { Widget } from "matrix-widget-api";
+
+import {
+    stubClient,
+    mkRoomMember,
+    wrapInMatrixClientContext,
+    useMockedCalls,
+    MockedCall,
+    setupAsyncStoreWithClient,
+    useMockMediaDevices,
+    clientAndSDKContextRenderOptions,
+} from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { CallView as _CallView } from "../../../../../src/components/views/voip/CallView";
+import { WidgetMessagingStore } from "../../../../../src/stores/widgets/WidgetMessagingStore";
+import { CallStore } from "../../../../../src/stores/CallStore";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { type WidgetMessaging } from "../../../../../src/stores/widgets/WidgetMessaging";
+import { TestSDKContext } from "../../../TestSDKContext.ts";
+
+const CallView = wrapInMatrixClientContext(_CallView);
+
+describe("CallView", () => {
+    useMockedCalls();
+    jest.spyOn(HTMLMediaElement.prototype, "play").mockImplementation(async () => {});
+
+    let client: Mocked<MatrixClient>;
+    let sdkContext: TestSDKContext;
+    let room: Room;
+    let alice: RoomMember;
+    let call: MockedCall;
+    let widget: Widget;
+
+    beforeEach(() => {
+        useMockMediaDevices();
+
+        stubClient();
+        client = mocked(MatrixClientPeg.safeGet());
+        sdkContext = new TestSDKContext();
+        sdkContext._client = client;
+        DMRoomMap.makeShared(client);
+
+        room = new Room("!1:example.org", client, "@alice:example.org", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        alice = mkRoomMember(room.roomId, "@alice:example.org");
+        jest.spyOn(room, "getMember").mockImplementation((userId) => (userId === alice.userId ? alice : null));
+
+        client.getRoom.mockImplementation((roomId) => (roomId === room.roomId ? room : null));
+        client.getRooms.mockReturnValue([room]);
+        client.reEmitter.reEmit(room, [RoomStateEvent.Events]);
+
+        setupAsyncStoreWithClient(CallStore.instance, client);
+        setupAsyncStoreWithClient(WidgetMessagingStore.instance, client);
+
+        MockedCall.create(room, "1");
+        const maybeCall = CallStore.instance.getCall(room.roomId);
+        if (!(maybeCall instanceof MockedCall)) throw new Error("Failed to create call");
+        call = maybeCall;
+
+        widget = new Widget(call.widget);
+        WidgetMessagingStore.instance.storeMessaging(widget, room.roomId, {
+            on: () => {},
+            off: () => {},
+            stop: () => {},
+            embedUrl: "https://example.org",
+        } as unknown as WidgetMessaging);
+    });
+
+    afterEach(() => {
+        cleanup(); // Unmount before we do any cleanup that might update the component
+        call.destroy();
+        WidgetMessagingStore.instance.stopMessaging(widget, room.roomId);
+        client.reEmitter.stopReEmitting(room, [RoomStateEvent.Events]);
+    });
+
+    const renderView = async (role: string | undefined = undefined): Promise<void> => {
+        render(
+            <CallView room={room} resizing={false} role={role} onClose={() => {}} />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        await act(() => Promise.resolve()); // Let effects settle
+    };
+
+    it("accepts an accessibility role", async () => {
+        await renderView("main");
+        screen.getByRole("main");
+    });
+
+    it("calls clean on mount", async () => {
+        const cleanSpy = jest.spyOn(call, "clean");
+        await renderView();
+        expect(cleanSpy).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/voip/DialPad-test.tsx b/apps/web/test/unit-tests/components/views/voip/DialPad-test.tsx
new file mode 100644
index 00000000000..664f53bdee0
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/voip/DialPad-test.tsx
@@ -0,0 +1,56 @@
+/*
+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, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+
+import DialPad, { BUTTONS, BUTTON_LETTERS } from "../../../../../src/components/views/voip/DialPad";
+
+it("when hasDial is true, displays all expected numbers and letters", () => {
+    render(<DialPad onDigitPress={jest.fn()} hasDial={true} onDialPress={jest.fn()} />);
+
+    // check that we have the expected number of buttons + 1 for the dial button
+    expect(screen.getAllByRole("button")).toHaveLength(BUTTONS.length + 1);
+
+    // BUTTONS represents the numbers and symbols
+    BUTTONS.forEach((button) => {
+        expect(screen.getByText(button)).toBeInTheDocument();
+    });
+
+    // BUTTON_LETTERS represents the `ABC` type strings you see on the keypad, but also contains
+    // some empty strings, so we filter them out prior to tests
+    BUTTON_LETTERS.filter(Boolean).forEach((letterSet) => {
+        expect(screen.getByText(letterSet)).toBeInTheDocument();
+    });
+
+    // check for the dial button
+    expect(screen.getByRole("button", { name: "Dial" })).toBeInTheDocument();
+});
+
+it("clicking a digit button calls the correct function", async () => {
+    const mockOnDigitPress = jest.fn();
+    render(<DialPad onDigitPress={mockOnDigitPress} hasDial={true} onDialPress={jest.fn()} />);
+
+    // click the `1` button
+    const buttonText = "1";
+    await userEvent.click(screen.getByText(buttonText, { exact: false }));
+    expect(mockOnDigitPress).toHaveBeenCalledTimes(1);
+    expect(mockOnDigitPress.mock.calls[0][0]).toBe(buttonText);
+});
+
+it("clicking the dial button calls the correct function", async () => {
+    const mockOnDial = jest.fn();
+    render(<DialPad onDigitPress={jest.fn()} hasDial={true} onDialPress={mockOnDial} />);
+
+    // click the `1` button
+    const buttonText = "Dial";
+    await userEvent.click(screen.getByRole("button", { name: buttonText }));
+    expect(mockOnDial).toHaveBeenCalledTimes(1);
+    expect(mockOnDial).toHaveBeenCalledWith(); // represents no arguments in the call
+});
diff --git a/apps/web/test/unit-tests/components/views/voip/LegacyCallView-test.tsx b/apps/web/test/unit-tests/components/views/voip/LegacyCallView-test.tsx
new file mode 100644
index 00000000000..8cd4c19a767
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/voip/LegacyCallView-test.tsx
@@ -0,0 +1,206 @@
+/*
+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, fireEvent } from "jest-matrix-react";
+import { type MatrixCall } from "matrix-js-sdk/src/matrix";
+import { type CallFeed } from "matrix-js-sdk/src/webrtc/callFeed";
+import { SDPStreamMetadataPurpose } from "matrix-js-sdk/src/webrtc/callEventTypes";
+
+import LegacyCallView from "../../../../../src/components/views/voip/LegacyCallView";
+import { clientAndSDKContextRenderOptions, createTestClient, stubClient } from "../../../../test-utils";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { TestSDKContext } from "../../../TestSDKContext.ts";
+
+describe("LegacyCallView", () => {
+    const cli = stubClient();
+    const sdkContext = new TestSDKContext();
+    sdkContext._client = cli;
+
+    it("should exit full screen on unmount", () => {
+        const element = document.createElement("div");
+        // @ts-expect-error
+        document.fullscreenElement = element;
+        document.exitFullscreen = jest.fn();
+
+        const call = {
+            on: jest.fn(),
+            removeListener: jest.fn(),
+            getFeeds: jest.fn().mockReturnValue([]),
+            isLocalOnHold: jest.fn().mockReturnValue(false),
+            isRemoteOnHold: jest.fn().mockReturnValue(false),
+            isMicrophoneMuted: jest.fn().mockReturnValue(false),
+            isLocalVideoMuted: jest.fn().mockReturnValue(false),
+            isScreensharing: jest.fn().mockReturnValue(false),
+        } as unknown as MatrixCall;
+
+        const { unmount } = render(
+            <LegacyCallView call={call} sidebarShown={false} />,
+            clientAndSDKContextRenderOptions(cli, sdkContext),
+        );
+        expect(document.exitFullscreen).not.toHaveBeenCalled();
+        unmount();
+        expect(document.exitFullscreen).toHaveBeenCalled();
+    });
+
+    it("should show/hide the sidebar based on the sidebarShown prop", async () => {
+        const cli = stubClient();
+        const call = {
+            roomId: "test-room",
+            on: jest.fn(),
+            removeListener: jest.fn(),
+            getFeeds: jest.fn().mockReturnValue(
+                [{ local: true }, { local: false }, { local: true, screenshare: true }].map(
+                    (x, i) =>
+                        ({
+                            stream: { id: "test-" + i },
+                            addListener: jest.fn(),
+                            removeListener: jest.fn(),
+                            getMember: jest.fn(),
+                            isAudioMuted: jest.fn().mockReturnValue(true),
+                            isVideoMuted: jest.fn().mockReturnValue(true),
+                            isLocal: jest.fn().mockReturnValue(x.local),
+                            purpose: x.screenshare && SDPStreamMetadataPurpose.Screenshare,
+                        }) as unknown as CallFeed,
+                ),
+            ),
+            isLocalOnHold: jest.fn().mockReturnValue(false),
+            isRemoteOnHold: jest.fn().mockReturnValue(false),
+            isMicrophoneMuted: jest.fn().mockReturnValue(true),
+            isLocalVideoMuted: jest.fn().mockReturnValue(true),
+            isScreensharing: jest.fn().mockReturnValue(true),
+            noIncomingFeeds: jest.fn().mockReturnValue(false),
+            opponentSupportsSDPStreamMetadata: jest.fn().mockReturnValue(true),
+        } as unknown as MatrixCall;
+        DMRoomMap.setShared({
+            getUserIdForRoomId: jest.fn().mockReturnValue("test-user"),
+        } as unknown as DMRoomMap);
+
+        const { container, rerender } = render(
+            <LegacyCallView call={call} sidebarShown={true} />,
+            clientAndSDKContextRenderOptions(cli, sdkContext),
+        );
+        expect(container.querySelector(".mx_LegacyCallViewSidebar")).toBeTruthy();
+        rerender(<LegacyCallView call={call} sidebarShown={true} />);
+        expect(container.querySelector(".mx_LegacyCallViewSidebar")).toBeTruthy();
+    });
+
+    it("should not show the sidebar button in picture-in-picture mode", async () => {
+        const cli = stubClient();
+        const call = {
+            on: jest.fn(),
+            removeListener: jest.fn(),
+            getFeeds: jest.fn().mockReturnValue([]),
+            isLocalOnHold: jest.fn().mockReturnValue(false),
+            isRemoteOnHold: jest.fn().mockReturnValue(false),
+            isMicrophoneMuted: jest.fn().mockReturnValue(false),
+            isLocalVideoMuted: jest.fn().mockReturnValue(false),
+            isScreensharing: jest.fn().mockReturnValue(false),
+        } as unknown as MatrixCall;
+        DMRoomMap.setShared({
+            getUserIdForRoomId: jest.fn().mockReturnValue("test-user"),
+        } as unknown as DMRoomMap);
+
+        const { container } = render(
+            <LegacyCallView call={call} sidebarShown={false} pipMode={true} />,
+            clientAndSDKContextRenderOptions(cli, sdkContext),
+        );
+        expect(container.querySelector(".mx_LegacyCallViewButtons_button_sidebar")).toBeFalsy();
+    });
+
+    it("should allow user to resume held call", async () => {
+        const client = createTestClient();
+        const sdkContext = new TestSDKContext();
+        sdkContext._client = client;
+
+        const call = {
+            roomId: "test-room",
+            on: jest.fn(),
+            removeListener: jest.fn(),
+            getFeeds: jest.fn().mockReturnValue(
+                [{ local: true }, { local: false }, { local: true, screenshare: true }].map(
+                    (x, i) =>
+                        ({
+                            stream: { id: "test-" + i },
+                            addListener: jest.fn(),
+                            removeListener: jest.fn(),
+                            getMember: jest.fn(),
+                            isAudioMuted: jest.fn().mockReturnValue(true),
+                            isVideoMuted: jest.fn().mockReturnValue(true),
+                            isLocal: jest.fn().mockReturnValue(x.local),
+                            purpose: x.screenshare && SDPStreamMetadataPurpose.Screenshare,
+                        }) as unknown as CallFeed,
+                ),
+            ),
+            isLocalOnHold: jest.fn().mockReturnValue(false),
+            isRemoteOnHold: jest.fn().mockReturnValue(true),
+            isMicrophoneMuted: jest.fn().mockReturnValue(true),
+            isLocalVideoMuted: jest.fn().mockReturnValue(true),
+            isScreensharing: jest.fn().mockReturnValue(true),
+            noIncomingFeeds: jest.fn().mockReturnValue(false),
+            opponentSupportsSDPStreamMetadata: jest.fn().mockReturnValue(true),
+            getOpponentMember: jest.fn(),
+        } as unknown as MatrixCall;
+
+        jest.spyOn(sdkContext.legacyCallHandler, "roomIdForCall").mockReturnValue(call.roomId);
+        jest.spyOn(sdkContext.legacyCallHandler, "setActiveCallRoomId");
+
+        const { getByText } = render(
+            <LegacyCallView call={call} sidebarShown />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        fireEvent.click(getByText("Resume"));
+
+        expect(sdkContext.legacyCallHandler.setActiveCallRoomId).toHaveBeenCalledWith(call.roomId);
+    });
+
+    it("should allow user to hangup call", async () => {
+        const client = createTestClient();
+        const sdkContext = new TestSDKContext();
+        sdkContext._client = client;
+
+        const call = {
+            roomId: "test-room",
+            on: jest.fn(),
+            removeListener: jest.fn(),
+            getFeeds: jest.fn().mockReturnValue(
+                [{ local: true }, { local: false }, { local: true, screenshare: true }].map(
+                    (x, i) =>
+                        ({
+                            stream: { id: "test-" + i },
+                            addListener: jest.fn(),
+                            removeListener: jest.fn(),
+                            getMember: jest.fn(),
+                            isAudioMuted: jest.fn().mockReturnValue(true),
+                            isVideoMuted: jest.fn().mockReturnValue(true),
+                            isLocal: jest.fn().mockReturnValue(x.local),
+                            purpose: x.screenshare && SDPStreamMetadataPurpose.Screenshare,
+                        }) as unknown as CallFeed,
+                ),
+            ),
+            isLocalOnHold: jest.fn().mockReturnValue(false),
+            isRemoteOnHold: jest.fn().mockReturnValue(false),
+            isMicrophoneMuted: jest.fn().mockReturnValue(true),
+            isLocalVideoMuted: jest.fn().mockReturnValue(true),
+            isScreensharing: jest.fn().mockReturnValue(true),
+            noIncomingFeeds: jest.fn().mockReturnValue(false),
+            opponentSupportsSDPStreamMetadata: jest.fn().mockReturnValue(true),
+            getOpponentMember: jest.fn(),
+        } as unknown as MatrixCall;
+
+        jest.spyOn(sdkContext.legacyCallHandler, "roomIdForCall").mockReturnValue(call.roomId);
+        jest.spyOn(sdkContext.legacyCallHandler, "hangupOrReject");
+
+        const { getByLabelText } = render(
+            <LegacyCallView call={call} sidebarShown />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        fireEvent.click(getByLabelText("Hangup"));
+
+        expect(sdkContext.legacyCallHandler.hangupOrReject).toHaveBeenCalledWith(call.roomId);
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/voip/LegacyCallView/LegacyCallViewButtons-test.tsx b/apps/web/test/unit-tests/components/views/voip/LegacyCallView/LegacyCallViewButtons-test.tsx
new file mode 100644
index 00000000000..b01f40b0901
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/voip/LegacyCallView/LegacyCallViewButtons-test.tsx
@@ -0,0 +1,57 @@
+/*
+ * 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.
+ */
+
+import React from "react";
+import { render } from "jest-matrix-react";
+import { MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+
+import LegacyCallViewButtons from "../../../../../../src/components/views/voip/LegacyCallView/LegacyCallViewButtons";
+import { createTestClient } from "../../../../../test-utils";
+
+describe("LegacyCallViewButtons", () => {
+    const matrixClient = createTestClient();
+    const roomId = "test-room-id";
+
+    const renderButtons = () => {
+        const call = new MatrixCall({
+            client: matrixClient,
+            roomId,
+        });
+
+        return render(
+            <LegacyCallViewButtons
+                call={call}
+                handlers={{
+                    onScreenshareClick: jest.fn(),
+                    onToggleSidebarClick: jest.fn(),
+                    onHangupClick: jest.fn(),
+                    onMicMuteClick: jest.fn(),
+                    onVidMuteClick: jest.fn(),
+                }}
+                buttonsVisibility={{
+                    vidMute: true,
+                    screensharing: true,
+                    sidebar: true,
+                    contextMenu: true,
+                    dialpad: true,
+                }}
+                buttonsState={{
+                    micMuted: false,
+                    vidMuted: false,
+                    sidebarShown: false,
+                    screensharing: false,
+                }}
+            />,
+        );
+    };
+
+    it("should render the buttons", () => {
+        const { container } = renderButtons();
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/voip/LegacyCallView/__snapshots__/LegacyCallViewButtons-test.tsx.snap b/apps/web/test/unit-tests/components/views/voip/LegacyCallView/__snapshots__/LegacyCallViewButtons-test.tsx.snap
new file mode 100644
index 00000000000..5fa4a9fa467
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/voip/LegacyCallView/__snapshots__/LegacyCallViewButtons-test.tsx.snap
@@ -0,0 +1,179 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`LegacyCallViewButtons should render the buttons 1`] = `
+<div>
+  <div
+    class="mx_LegacyCallViewButtons"
+  >
+    <div
+      aria-expanded="false"
+      aria-haspopup="true"
+      aria-label="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_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"
+      class="mx_AccessibleButton mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_button_vid 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="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_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"
+      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/apps/web/test/unit-tests/components/views/voip/LegacyCallViewForRoom-test.tsx b/apps/web/test/unit-tests/components/views/voip/LegacyCallViewForRoom-test.tsx
new file mode 100644
index 00000000000..5b53d6d5e14
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/voip/LegacyCallViewForRoom-test.tsx
@@ -0,0 +1,113 @@
+/*
+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 { fireEvent, render, waitFor } from "jest-matrix-react";
+import { MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import { CallEventHandlerEvent } from "matrix-js-sdk/src/webrtc/callEventHandler";
+
+import LegacyCallView from "../../../../../src/components/views/voip/LegacyCallView";
+import LegacyCallViewForRoom from "../../../../../src/components/views/voip/LegacyCallViewForRoom";
+import { clientAndSDKContextRenderOptions, mkStubRoom, stubClient } from "../../../../test-utils";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import LegacyCallHandler from "../../../../../src/LegacyCallHandler";
+import { TestSDKContext } from "../../../TestSDKContext.ts";
+
+jest.mock("../../../../../src/components/views/voip/LegacyCallView", () => jest.fn(() => "LegacyCallView"));
+
+describe("LegacyCallViewForRoom", () => {
+    const LegacyCallViewMock = LegacyCallView as unknown as jest.Mock;
+    let sdkContext: TestSDKContext;
+
+    beforeEach(() => {
+        sdkContext = new TestSDKContext();
+        sdkContext._client = stubClient();
+        LegacyCallViewMock.mockClear();
+    });
+
+    it("should remember sidebar state, defaulting to shown", async () => {
+        const callHandler = new LegacyCallHandler(sdkContext);
+        callHandler.start();
+        sdkContext._LegacyCallHandler = callHandler;
+
+        const call = new MatrixCall({
+            client: MatrixClientPeg.safeGet(),
+            roomId: "test-room",
+        });
+        DMRoomMap.setShared({
+            getUserIdForRoomId: jest.fn().mockReturnValue("test-user"),
+        } as unknown as DMRoomMap);
+
+        const room = mkStubRoom(call.roomId, "room", MatrixClientPeg.safeGet());
+        MatrixClientPeg.safeGet().getRoom = jest.fn().mockReturnValue(room);
+        const cli = MatrixClientPeg.safeGet();
+        cli.emit(CallEventHandlerEvent.Incoming, call);
+
+        const { rerender } = render(
+            <LegacyCallViewForRoom roomId={call.roomId} />,
+            clientAndSDKContextRenderOptions(cli, sdkContext),
+        );
+
+        let props = LegacyCallViewMock.mock.lastCall![0];
+        expect(props.sidebarShown).toBeTruthy(); // Sidebar defaults to shown
+
+        props.setSidebarShown(false); // Hide the sidebar
+
+        rerender(<LegacyCallViewForRoom roomId={call.roomId} />);
+
+        console.log(LegacyCallViewMock.mock);
+
+        props = LegacyCallViewMock.mock.lastCall![0];
+        expect(props.sidebarShown).toBeFalsy();
+
+        rerender(<div> </div>); // Destroy the LegacyCallViewForRoom and LegacyCallView
+        LegacyCallViewMock.mockClear(); // Drop stored LegacyCallView props
+
+        rerender(<LegacyCallViewForRoom roomId={call.roomId} />);
+
+        props = LegacyCallViewMock.mock.lastCall![0];
+        expect(props.sidebarShown).toBeFalsy(); // Value was remembered
+    });
+
+    it("should notify on resize start events", async () => {
+        const call = new MatrixCall({
+            client: MatrixClientPeg.safeGet(),
+            roomId: "test-room",
+        });
+
+        const callHandler = {
+            getCallForRoom: jest.fn().mockReturnValue(call),
+            isCallSidebarShown: jest.fn().mockReturnValue(true),
+            addListener: jest.fn(),
+            removeListener: jest.fn(),
+        };
+        sdkContext._LegacyCallHandler = callHandler as unknown as LegacyCallHandler;
+
+        jest.spyOn(sdkContext.resizeNotifier, "startResizing");
+        jest.spyOn(sdkContext.resizeNotifier, "stopResizing");
+        jest.spyOn(sdkContext.resizeNotifier, "notifyTimelineHeightChanged");
+
+        const { container } = render(
+            <LegacyCallViewForRoom roomId={call.roomId} />,
+            clientAndSDKContextRenderOptions(sdkContext.client!, sdkContext),
+        );
+
+        const resizer = container.querySelector(".mx_LegacyCallViewForRoom_ResizeHandle");
+        await waitFor(() => {
+            expect(resizer).toBeInTheDocument();
+        });
+
+        fireEvent.mouseDown(resizer!);
+        fireEvent.mouseMove(resizer!, { clientY: 100 });
+        fireEvent.mouseUp(resizer!);
+
+        expect(sdkContext.resizeNotifier.startResizing).toHaveBeenCalled();
+        expect(sdkContext.resizeNotifier.stopResizing).toHaveBeenCalled();
+        expect(sdkContext.resizeNotifier.notifyTimelineHeightChanged).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/components/views/voip/VideoFeed-test.tsx b/apps/web/test/unit-tests/components/views/voip/VideoFeed-test.tsx
new file mode 100644
index 00000000000..f09142b25b6
--- /dev/null
+++ b/apps/web/test/unit-tests/components/views/voip/VideoFeed-test.tsx
@@ -0,0 +1,64 @@
+/*
+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, screen } from "jest-matrix-react";
+import { type CallFeed } from "matrix-js-sdk/src/webrtc/callFeed";
+import { type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import { type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+
+import * as AvatarModule from "../../../../../src/Avatar";
+import VideoFeed from "../../../../../src/components/views/voip/VideoFeed";
+import { clientAndSDKContextRenderOptions, stubClient, useMockedCalls } from "../../../../test-utils";
+import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { TestSDKContext } from "../../../TestSDKContext.ts";
+
+const FAKE_AVATAR_URL = "http://fakeurl.dummy/fake.png";
+
+describe("VideoFeed", () => {
+    useMockedCalls();
+
+    let client: MatrixClient;
+    let sdkContext: TestSDKContext;
+
+    beforeAll(() => {
+        client = stubClient();
+        sdkContext = new TestSDKContext();
+        sdkContext._client = client;
+        (AvatarModule as any).avatarUrlForRoom = jest.fn().mockReturnValue(FAKE_AVATAR_URL);
+
+        const dmRoomMap = new DMRoomMap(client);
+        jest.spyOn(dmRoomMap, "getUserIdForRoomId");
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+    });
+
+    afterAll(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("Displays the room avatar when no video is available", () => {
+        jest.spyOn(sdkContext.legacyCallHandler, "roomIdForCall").mockReturnValue("!this:room.here");
+
+        const mockCall = {
+            room: new Room("!room:example.com", client, client.getSafeUserId()),
+        };
+
+        const feed = {
+            isAudioMuted: jest.fn().mockReturnValue(false),
+            isVideoMuted: jest.fn().mockReturnValue(true),
+            addListener: jest.fn(),
+            removeListener: jest.fn(),
+        };
+        render(
+            <VideoFeed feed={feed as unknown as CallFeed} call={mockCall as unknown as MatrixCall} />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        const avatarImg = screen.getByRole("presentation");
+        expect(avatarImg).toHaveAttribute("src", FAKE_AVATAR_URL);
+    });
+});
diff --git a/apps/web/test/unit-tests/createRoom-test.ts b/apps/web/test/unit-tests/createRoom-test.ts
new file mode 100644
index 00000000000..3e41930ca76
--- /dev/null
+++ b/apps/web/test/unit-tests/createRoom-test.ts
@@ -0,0 +1,645 @@
+/*
+Copyright 2025 Element Creations Ltd.
+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 { mocked, type Mocked } from "jest-mock";
+import {
+    type MatrixClient,
+    type Device,
+    HistoryVisibility,
+    Preset,
+    RoomType,
+    JoinRule,
+    RoomVersionStability,
+} from "matrix-js-sdk/src/matrix";
+import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
+import { act } from "jest-matrix-react";
+
+import {
+    stubClient,
+    setupAsyncStoreWithClient,
+    mockPlatformPeg,
+    getMockClientWithEventEmitter,
+    mkRoom,
+} from "../test-utils";
+import { MatrixClientPeg } from "../../src/MatrixClientPeg";
+import WidgetStore from "../../src/stores/WidgetStore";
+import WidgetUtils from "../../src/utils/WidgetUtils";
+import { JitsiCall, ElementCall } from "../../src/models/Call";
+import createRoom, {
+    checkUserIsAllowedToChangeEncryption,
+    canEncryptToAllUsers,
+    waitForRoomEncryption,
+} from "../../src/createRoom";
+import { ElementCallMemberEventType } from "../../src/call-types";
+import DMRoomMap from "../../src/utils/DMRoomMap";
+import { PreferredRoomVersions } from "../../src/utils/PreferredRoomVersions";
+import SdkConfig from "../../src/SdkConfig";
+
+/**
+ * This should be the same as
+ * { POWER_LEVEL_EVENTS_DEFAULT, [ElementCallMemberEventType.name]: 0 }
+ * to get the most regression coverage we provide the string based snapshot here.
+ */
+const POWER_LEVELS_WITH_CALL_MEMBER = {
+    // Default events power levels we always expect
+    "m.room.avatar": 50,
+    "m.room.canonical_alias": 50,
+    "m.room.encryption": 100,
+    "m.room.history_visibility": 100,
+    "m.room.name": 50,
+    "m.room.power_levels": 100,
+    "m.room.server_acl": 100,
+    "m.room.tombstone": 100,
+    // Custom rtc.member event we expect to be 0
+    [ElementCallMemberEventType.name]: 0,
+};
+
+describe("createRoom", () => {
+    mockPlatformPeg();
+
+    let client: Mocked<MatrixClient>;
+    beforeEach(() => {
+        stubClient();
+        client = mocked(MatrixClientPeg.safeGet());
+        DMRoomMap.makeShared(client);
+    });
+
+    afterEach(() => {
+        jest.clearAllMocks();
+        SdkConfig.reset();
+    });
+
+    it("creates a private room", async () => {
+        await createRoom(client, { createOpts: { preset: Preset.PrivateChat } });
+
+        expect(client.createRoom).toHaveBeenCalledWith({
+            preset: "private_chat",
+            visibility: "private",
+            initial_state: [
+                { state_key: "", type: "m.room.guest_access", content: { guest_access: "can_join" } },
+                { type: "m.room.history_visibility", content: { history_visibility: "invited" } },
+            ],
+            power_level_content_override: { events: POWER_LEVELS_WITH_CALL_MEMBER },
+        });
+    });
+
+    it("creates a private room with encryption", async () => {
+        await createRoom(client, { createOpts: { preset: Preset.PrivateChat }, encryption: true });
+
+        expect(client.createRoom).toHaveBeenCalledWith({
+            preset: "private_chat",
+            visibility: "private",
+            initial_state: [
+                { state_key: "", type: "m.room.guest_access", content: { guest_access: "can_join" } },
+                {
+                    state_key: "",
+                    type: "m.room.encryption",
+                    content: {
+                        algorithm: "m.megolm.v1.aes-sha2",
+                    },
+                },
+                { type: "m.room.history_visibility", content: { history_visibility: "invited" } },
+            ],
+            power_level_content_override: { events: POWER_LEVELS_WITH_CALL_MEMBER },
+        });
+    });
+
+    it("creates a private room with state event encryption", async () => {
+        // When we create a room with state encryption and details like name,
+        // topic, avatar
+        const oldCreateRoom = await createRoomWithStateEncryption(client, {
+            name: "Super-Secret Super-colliding Super Room",
+            topic: "super **Topic**",
+            avatar: "http://example.com/myavatar.png",
+        });
+
+        // Then it is created with the right m.room.encryption event
+        expect(oldCreateRoom).toHaveBeenCalledWith({
+            preset: "private_chat",
+            visibility: "private",
+            initial_state: [
+                { state_key: "", type: "m.room.guest_access", content: { guest_access: "can_join" } },
+                {
+                    state_key: "",
+                    type: "m.room.encryption",
+                    content: {
+                        "algorithm": "m.megolm.v1.aes-sha2",
+                        "io.element.msc4362.encrypt_state_events": true,
+                    },
+                },
+                { type: "m.room.history_visibility", content: { history_visibility: "invited" } },
+                // Room name is NOT included, since it needs to be encrypted.
+            ],
+            power_level_content_override: { events: POWER_LEVELS_WITH_CALL_MEMBER },
+        });
+
+        // And the room name, topic and avatar are set later
+        expect(client.setRoomName).toHaveBeenCalledWith("!1:example.org", "Super-Secret Super-colliding Super Room");
+
+        expect(client.setRoomTopic).toHaveBeenCalledWith(
+            "!1:example.org",
+            "super **Topic**",
+            "super <strong>Topic</strong>",
+        );
+
+        expect(client.sendStateEvent).toHaveBeenCalledWith(
+            "!1:example.org",
+            "m.room.avatar",
+            { url: "http://example.com/myavatar.png" },
+            "",
+        );
+    });
+
+    it("creates a private room with state event encryption - file avatar", async () => {
+        // When we create a room with state encryption and a file avatar
+        client.uploadContent.mockResolvedValue({ content_uri: "mxc://foo.png" });
+        const oldCreateRoom = await createRoomWithStateEncryption(client, {
+            avatar: new File([], "myfile.png"),
+        });
+
+        // Then it is created with the right m.room.encryption event
+        expect(oldCreateRoom).toHaveBeenCalledWith({
+            preset: "private_chat",
+            visibility: "private",
+            initial_state: [
+                { state_key: "", type: "m.room.guest_access", content: { guest_access: "can_join" } },
+                {
+                    state_key: "",
+                    type: "m.room.encryption",
+                    content: {
+                        "algorithm": "m.megolm.v1.aes-sha2",
+                        "io.element.msc4362.encrypt_state_events": true,
+                    },
+                },
+                { type: "m.room.history_visibility", content: { history_visibility: "invited" } },
+                // Room name is NOT included, since it needs to be encrypted.
+            ],
+            power_level_content_override: { events: POWER_LEVELS_WITH_CALL_MEMBER },
+        });
+
+        // And the avatar is set later
+        expect(client.sendStateEvent).toHaveBeenCalledWith(
+            "!1:example.org",
+            "m.room.avatar",
+            { url: "mxc://foo.png" },
+            "",
+        );
+    });
+
+    it("creates a private room with state event encryption - no details", async () => {
+        // When we create a room with state encryption and no further room
+        // details
+        const oldCreateRoom = await createRoomWithStateEncryption(client, {});
+
+        // Then it is created with the right m.room.encryption event
+        expect(oldCreateRoom).toHaveBeenCalledWith({
+            preset: "private_chat",
+            visibility: "private",
+            initial_state: [
+                { state_key: "", type: "m.room.guest_access", content: { guest_access: "can_join" } },
+                {
+                    state_key: "",
+                    type: "m.room.encryption",
+                    content: {
+                        "algorithm": "m.megolm.v1.aes-sha2",
+                        "io.element.msc4362.encrypt_state_events": true,
+                    },
+                },
+                { type: "m.room.history_visibility", content: { history_visibility: "invited" } },
+                // Room name is NOT included, since it needs to be encrypted.
+            ],
+            power_level_content_override: { events: POWER_LEVELS_WITH_CALL_MEMBER },
+        });
+
+        // And the room name, topic and avatar were not set since we didn't
+        // supply them
+        expect(client.setRoomName).not.toHaveBeenCalled();
+        expect(client.setRoomTopic).not.toHaveBeenCalled();
+        expect(client.sendStateEvent).not.toHaveBeenCalled();
+    });
+
+    it("cancels room creation if we time out before getting state events", async () => {
+        // We are not testing createRoom here, just waitForRoomEncryption, which is used
+        // inside. This allows us to pass in a shorter waitTime.
+
+        // Create a mock room that provides the needed methods
+        const { room_id: roomId } = await client.createRoom({});
+        const room = client.getRoom(roomId)!;
+        room.getLiveTimeline = jest
+            .fn()
+            .mockReturnValue({ getState: jest.fn().mockReturnValue({ on: jest.fn(), off: jest.fn() }) });
+
+        // Call waitForRoomEncryption with a small timeout ans expect an error
+        const error = new Error("Timed out while waiting for room to enable encryption");
+        await expect(waitForRoomEncryption(room, 1)).rejects.toThrow(error);
+    });
+
+    it("creates a private room in a space", async () => {
+        const roomId = await createRoom(client, { roomType: RoomType.Space });
+        const parentSpace = client.getRoom(roomId!)!;
+        client.createRoom.mockClear();
+
+        await createRoom(client, { parentSpace, createOpts: { preset: Preset.PrivateChat } });
+
+        expect(client.createRoom).toHaveBeenCalledWith({
+            preset: "private_chat",
+            visibility: "private",
+            initial_state: [
+                { state_key: "", type: "m.room.guest_access", content: { guest_access: "can_join" } },
+                { type: "m.space.parent", state_key: parentSpace.roomId, content: { canonical: true, via: [] } },
+                { type: "m.room.history_visibility", content: { history_visibility: "invited" } },
+            ],
+            power_level_content_override: { events: POWER_LEVELS_WITH_CALL_MEMBER },
+        });
+    });
+
+    it("creates a public room", async () => {
+        await createRoom(client, { createOpts: { preset: Preset.PublicChat } });
+
+        expect(client.createRoom).toHaveBeenCalledWith({
+            preset: "public_chat",
+            visibility: "private",
+            initial_state: [{ state_key: "", type: "m.room.guest_access", content: { guest_access: "can_join" } }],
+            power_level_content_override: { events: POWER_LEVELS_WITH_CALL_MEMBER },
+        });
+    });
+
+    it("creates a public room with a topic", async () => {
+        await createRoom(client, { createOpts: { preset: Preset.PublicChat }, topic: "My topic" });
+
+        expect(client.createRoom).toHaveBeenCalledWith({
+            preset: "public_chat",
+            visibility: "private",
+            topic: "My topic",
+            initial_state: [{ state_key: "", type: "m.room.guest_access", content: { guest_access: "can_join" } }],
+            power_level_content_override: { events: POWER_LEVELS_WITH_CALL_MEMBER },
+        });
+    });
+
+    it("creates a public room in a space", async () => {
+        const roomId = await createRoom(client, { roomType: RoomType.Space });
+        const parentSpace = client.getRoom(roomId!)!;
+        client.createRoom.mockClear();
+
+        await createRoom(client, { parentSpace, createOpts: { preset: Preset.PublicChat } });
+
+        expect(client.createRoom).toHaveBeenCalledWith({
+            preset: "public_chat",
+            visibility: "private",
+            initial_state: [
+                { state_key: "", type: "m.room.guest_access", content: { guest_access: "can_join" } },
+                { type: "m.space.parent", state_key: parentSpace.roomId, content: { canonical: true, via: [] } },
+            ],
+            power_level_content_override: { events: POWER_LEVELS_WITH_CALL_MEMBER },
+        });
+    });
+
+    it("sets up Jitsi video rooms correctly", async () => {
+        setupAsyncStoreWithClient(WidgetStore.instance, client);
+        jest.spyOn(WidgetUtils, "waitForRoomWidget").mockResolvedValue();
+        const createCallSpy = jest.spyOn(JitsiCall, "create");
+
+        await createRoom(client, { roomType: RoomType.ElementVideo });
+
+        const [
+            [
+                {
+                    power_level_content_override: {
+                        events: {
+                            "im.vector.modular.widgets": widgetPower,
+                            [JitsiCall.MEMBER_EVENT_TYPE]: callMemberPower,
+                        },
+                    },
+                },
+            ],
+        ] = client.createRoom.mock.calls as any; // no good type
+
+        // and should have actually set it up
+        expect(createCallSpy).toHaveBeenCalled();
+
+        // All members should be able to update their connected devices
+        expect(callMemberPower).toEqual(0);
+        // widget should be immutable for admins
+        expect(widgetPower).toEqual(100);
+    });
+
+    it("sets up Element video rooms correctly", async () => {
+        const createCallSpy = jest.spyOn(ElementCall, "create");
+
+        await createRoom(client, { roomType: RoomType.UnstableCall });
+
+        const callMemberPower =
+            client.createRoom.mock.calls[0][0].power_level_content_override?.events?.[ElementCallMemberEventType.name];
+
+        // and should have actually set it up
+        expect(createCallSpy).toHaveBeenCalled();
+
+        // All members should be able to update their connected devices
+        expect(callMemberPower).toEqual(0);
+    });
+
+    it("doesn't create calls in non-video-rooms", async () => {
+        const createJitsiCallSpy = jest.spyOn(JitsiCall, "create");
+        const createElementCallSpy = jest.spyOn(ElementCall, "create");
+
+        await createRoom(client, {});
+
+        expect(createJitsiCallSpy).not.toHaveBeenCalled();
+        expect(createElementCallSpy).not.toHaveBeenCalled();
+    });
+
+    it("correctly sets up MSC3401 power levels", async () => {
+        await createRoom(client, {});
+
+        const callMemberPower =
+            client.createRoom.mock.calls[0][0].power_level_content_override?.events?.[ElementCallMemberEventType.name];
+
+        expect(callMemberPower).toBe(0);
+    });
+
+    it("should upload avatar if one is passed", async () => {
+        client.uploadContent.mockResolvedValue({ content_uri: "mxc://foobar" });
+        const avatar = new File([], "avatar.png");
+        await createRoom(client, { avatar });
+        expect(client.createRoom).toHaveBeenCalledWith(
+            expect.objectContaining({
+                initial_state: expect.arrayContaining([
+                    {
+                        content: {
+                            url: "mxc://foobar",
+                        },
+                        type: "m.room.avatar",
+                    },
+                ]),
+            }),
+        );
+    });
+
+    it("should strip self-invite", async () => {
+        await createRoom(client, { dmUserId: client.getSafeUserId() });
+        expect(client.createRoom).toHaveBeenCalledWith(
+            expect.not.objectContaining({
+                invite: expect.any(Array),
+            }),
+        );
+    });
+
+    it("should set history visibility to invited for DMs", async () => {
+        await createRoom(client, { dmUserId: "@bob:example.org" });
+        expect(client.createRoom).toHaveBeenCalledWith(
+            expect.objectContaining({
+                initial_state: expect.arrayContaining([
+                    { type: "m.room.history_visibility", content: { history_visibility: "invited" } },
+                ]),
+            }),
+        );
+    });
+
+    it("should respect an explicit history visibility override", async () => {
+        await createRoom(client, {
+            createOpts: { preset: Preset.PrivateChat },
+            historyVisibility: HistoryVisibility.Shared,
+        });
+        expect(client.createRoom).toHaveBeenCalledWith(
+            expect.objectContaining({
+                initial_state: expect.arrayContaining([
+                    { type: "m.room.history_visibility", content: { history_visibility: "shared" } },
+                ]),
+            }),
+        );
+    });
+
+    describe("room versions", () => {
+        afterEach(() => {
+            jest.clearAllMocks();
+        });
+        it("should use the correct room version for knocking when default does not support it", async () => {
+            client.getCapabilities.mockResolvedValue({
+                "m.room_versions": {
+                    default: "1",
+                    available: {
+                        [PreferredRoomVersions.KnockRooms]: RoomVersionStability.Stable,
+                        "1": RoomVersionStability.Stable,
+                    },
+                },
+            });
+            await createRoom(client, { joinRule: JoinRule.Knock });
+            expect(client.createRoom).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    room_version: PreferredRoomVersions.KnockRooms,
+                }),
+            );
+        });
+        it("should use the default room version for knocking when default supports it", async () => {
+            client.getCapabilities.mockResolvedValue({
+                "m.room_versions": {
+                    default: "12",
+                    available: {
+                        [PreferredRoomVersions.KnockRooms]: RoomVersionStability.Stable,
+                        "12": RoomVersionStability.Stable,
+                    },
+                },
+            });
+            await createRoom(client, { joinRule: JoinRule.Knock });
+            expect(client.createRoom).toHaveBeenCalledWith(
+                expect.not.objectContaining({
+                    room_version: expect.anything(),
+                }),
+            );
+        });
+        it("should use the correct room version for restricted join rules when default does not support it", async () => {
+            client.getCapabilities.mockResolvedValue({
+                "m.room_versions": {
+                    default: "1",
+                    available: {
+                        [PreferredRoomVersions.RestrictedRooms]: RoomVersionStability.Stable,
+                        "1": RoomVersionStability.Stable,
+                    },
+                },
+            });
+            await createRoom(client, { parentSpace: mkRoom(client, "!parent"), joinRule: JoinRule.Restricted });
+            expect(client.createRoom).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    room_version: PreferredRoomVersions.RestrictedRooms,
+                }),
+            );
+        });
+        it("should use the default room version for restricted join rules when default supports it", async () => {
+            client.getCapabilities.mockResolvedValue({
+                "m.room_versions": {
+                    default: "12",
+                    available: {
+                        [PreferredRoomVersions.RestrictedRooms]: RoomVersionStability.Stable,
+                        "12": RoomVersionStability.Stable,
+                    },
+                },
+            });
+            await createRoom(client, { parentSpace: mkRoom(client, "!parent"), joinRule: JoinRule.Restricted });
+            expect(client.createRoom).toHaveBeenCalledWith(
+                expect.not.objectContaining({
+                    room_version: expect.anything(),
+                }),
+            );
+        });
+    });
+});
+
+describe("canEncryptToAllUsers", () => {
+    const user1Id = "@user1:example.com";
+    const user2Id = "@user2:example.com";
+
+    const devices = new Map([
+        ["DEV1", {} as unknown as Device],
+        ["DEV2", {} as unknown as Device],
+    ]);
+
+    let client: Mocked<MatrixClient>;
+    let cryptoApi: Mocked<CryptoApi>;
+
+    beforeAll(() => {
+        client = mocked(stubClient());
+        cryptoApi = mocked(client.getCrypto()!);
+    });
+
+    it("should return true if userIds is empty", async () => {
+        cryptoApi.getUserDeviceInfo.mockResolvedValue(new Map());
+        const result = await canEncryptToAllUsers(client, []);
+        expect(result).toBe(true);
+    });
+
+    it("should return true if download keys does not return any user", async () => {
+        cryptoApi.getUserDeviceInfo.mockResolvedValue(new Map());
+        const result = await canEncryptToAllUsers(client, [user1Id, user2Id]);
+        expect(result).toBe(true);
+    });
+
+    it("should return false if none of the users has a device", async () => {
+        cryptoApi.getUserDeviceInfo.mockResolvedValue(
+            new Map([
+                [user1Id, new Map()],
+                [user2Id, new Map()],
+            ]),
+        );
+        const result = await canEncryptToAllUsers(client, [user1Id, user2Id]);
+        expect(result).toBe(false);
+    });
+
+    it("should return false if some of the users don't have a device", async () => {
+        cryptoApi.getUserDeviceInfo.mockResolvedValue(
+            new Map([
+                [user1Id, new Map()],
+                [user2Id, devices],
+            ]),
+        );
+        const result = await canEncryptToAllUsers(client, [user1Id, user2Id]);
+        expect(result).toBe(false);
+    });
+
+    it("should return true if all users have a device", async () => {
+        cryptoApi.getUserDeviceInfo.mockResolvedValue(
+            new Map([
+                [user1Id, devices],
+                [user2Id, devices],
+            ]),
+        );
+        const result = await canEncryptToAllUsers(client, [user1Id, user2Id]);
+        expect(result).toBe(true);
+    });
+});
+
+describe("checkUserIsAllowedToChangeEncryption()", () => {
+    const mockClient = getMockClientWithEventEmitter({
+        doesServerForceEncryptionForPreset: jest.fn(),
+        getClientWellKnown: jest.fn().mockReturnValue({}),
+    });
+    beforeEach(() => {
+        mockClient.doesServerForceEncryptionForPreset.mockClear().mockResolvedValue(false);
+        mockClient.getClientWellKnown.mockClear().mockReturnValue({});
+    });
+
+    it("should allow changing when neither server nor well known force encryption", async () => {
+        expect(await checkUserIsAllowedToChangeEncryption(mockClient, Preset.PrivateChat)).toEqual({
+            allowChange: true,
+        });
+
+        expect(mockClient.doesServerForceEncryptionForPreset).toHaveBeenCalledWith(Preset.PrivateChat);
+    });
+
+    it("should not allow changing when server forces encryption", async () => {
+        mockClient.doesServerForceEncryptionForPreset.mockResolvedValue(true);
+        expect(await checkUserIsAllowedToChangeEncryption(mockClient, Preset.PrivateChat)).toEqual({
+            allowChange: false,
+            forcedValue: true,
+        });
+    });
+
+    it("should not allow changing when well-known force_disable is true", async () => {
+        mockClient.getClientWellKnown.mockReturnValue({
+            "io.element.e2ee": {
+                force_disable: true,
+            },
+        });
+        expect(await checkUserIsAllowedToChangeEncryption(mockClient, Preset.PrivateChat)).toEqual({
+            allowChange: false,
+            forcedValue: false,
+        });
+    });
+
+    it("should not allow changing when server forces enabled and wk forces disabled encryption", async () => {
+        mockClient.getClientWellKnown.mockReturnValue({
+            "io.element.e2ee": {
+                force_disable: true,
+            },
+        });
+        mockClient.doesServerForceEncryptionForPreset.mockResolvedValue(true);
+        expect(await checkUserIsAllowedToChangeEncryption(mockClient, Preset.PrivateChat)).toEqual(
+            // server's forced enable takes precedence
+            { allowChange: false, forcedValue: true },
+        );
+    });
+});
+
+interface RoomDetails {
+    name?: string;
+    topic?: string;
+    avatar?: string | File;
+}
+
+/**
+ * Call createRoom passing in stateEncryption: true, and set up the returned
+ * room to return true when hasEncryptionStateEvent is called, to avoid
+ * createRoom stalling forever waiting for an m.room.encryption event to arrive.
+ */
+async function createRoomWithStateEncryption(client: MatrixClient, roomDetails: RoomDetails) {
+    const oldCreateRoom = client.createRoom;
+
+    // @ts-ignore Replacing createRoom
+    client.createRoom = async (options) => {
+        const { room_id: roomId } = await oldCreateRoom(options);
+        const room = client.getRoom(roomId);
+        room!.hasEncryptionStateEvent = () => true;
+        return {
+            room_id: roomId,
+        };
+    };
+
+    // When we create a room asking for state encryption
+    await act(
+        async () =>
+            await createRoom(client, {
+                createOpts: {
+                    preset: Preset.PrivateChat,
+                },
+                encryption: true,
+                stateEncryption: true,
+                ...roomDetails,
+            }),
+    );
+    return oldCreateRoom;
+}
diff --git a/apps/web/test/unit-tests/customisations/Media-test.ts b/apps/web/test/unit-tests/customisations/Media-test.ts
new file mode 100644
index 00000000000..dc1175746e1
--- /dev/null
+++ b/apps/web/test/unit-tests/customisations/Media-test.ts
@@ -0,0 +1,31 @@
+/*
+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.
+*/
+
+import fetchMock from "@fetch-mock/jest";
+import { mocked } from "jest-mock";
+
+import { mediaFromMxc } from "../../../src/customisations/Media";
+import { stubClient } from "../../test-utils";
+
+describe("Media", () => {
+    it("should not download error if server returns one", async () => {
+        const cli = stubClient();
+        // eslint-disable-next-line no-restricted-properties
+        mocked(cli.mxcUrlToHttp).mockImplementation(
+            (mxc) => `https://matrix.org/_matrix/media/r0/download/${mxc.slice(6)}`,
+        );
+
+        fetchMock.get("https://matrix.org/_matrix/media/r0/download/matrix.org/1234", {
+            status: 404,
+            body: { errcode: "M_NOT_FOUND", error: "Not found" },
+        });
+
+        const media = mediaFromMxc("mxc://matrix.org/1234");
+        await expect(media.downloadSource()).rejects.toThrow("Not found");
+    });
+});
diff --git a/apps/web/test/unit-tests/editor/__snapshots__/deserialize-test.ts.snap b/apps/web/test/unit-tests/editor/__snapshots__/deserialize-test.ts.snap
new file mode 100644
index 00000000000..887f5a5f134
--- /dev/null
+++ b/apps/web/test/unit-tests/editor/__snapshots__/deserialize-test.ts.snap
@@ -0,0 +1,178 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`editor/deserialize html messages escapes angle brackets 1`] = `
+[
+  {
+    "text": "\\> \\\\<del>no formatting here\\\\</del>",
+    "type": "plain",
+  },
+]
+`;
+
+exports[`editor/deserialize html messages escapes asterisks 1`] = `
+[
+  {
+    "text": "\\*hello\\*",
+    "type": "plain",
+  },
+]
+`;
+
+exports[`editor/deserialize html messages escapes backslashes 1`] = `
+[
+  {
+    "text": "C:\\\\My Documents",
+    "type": "plain",
+  },
+]
+`;
+
+exports[`editor/deserialize html messages escapes backticks in code blocks 1`] = `
+[
+  {
+    "text": "\`\`this → \` is a backtick\`\`",
+    "type": "plain",
+  },
+  {
+    "text": "
+",
+    "type": "newline",
+  },
+  {
+    "text": "
+",
+    "type": "newline",
+  },
+  {
+    "text": "\`\`\`\`",
+    "type": "plain",
+  },
+  {
+    "text": "
+",
+    "type": "newline",
+  },
+  {
+    "text": "and here are 3 of them:",
+    "type": "plain",
+  },
+  {
+    "text": "
+",
+    "type": "newline",
+  },
+  {
+    "text": "\`\`\`",
+    "type": "plain",
+  },
+  {
+    "text": "
+",
+    "type": "newline",
+  },
+  {
+    "text": "\`\`\`\`",
+    "type": "plain",
+  },
+]
+`;
+
+exports[`editor/deserialize html messages escapes backticks outside of code blocks 1`] = `
+[
+  {
+    "text": "some \\\`backticks\\\`",
+    "type": "plain",
+  },
+]
+`;
+
+exports[`editor/deserialize html messages escapes square brackets 1`] = `
+[
+  {
+    "text": "\\[not an actual link\\](https://example.org)",
+    "type": "plain",
+  },
+]
+`;
+
+exports[`editor/deserialize html messages escapes underscores 1`] = `
+[
+  {
+    "text": "\\_\\_emphasis\\_\\_",
+    "type": "plain",
+  },
+]
+`;
+
+exports[`editor/deserialize html messages preserves nested formatting 1`] = `
+[
+  {
+    "text": "a<sub>b_c**d<u>e</u>**_</sub>",
+    "type": "plain",
+  },
+]
+`;
+
+exports[`editor/deserialize html messages preserves nested quotes 1`] = `
+[
+  {
+    "text": "> foo",
+    "type": "plain",
+  },
+  {
+    "text": "
+",
+    "type": "newline",
+  },
+  {
+    "text": "> ",
+    "type": "plain",
+  },
+  {
+    "text": "
+",
+    "type": "newline",
+  },
+  {
+    "text": "> > bar",
+    "type": "plain",
+  },
+]
+`;
+
+exports[`editor/deserialize html messages surrounds lists with newlines 1`] = `
+[
+  {
+    "text": "foo",
+    "type": "plain",
+  },
+  {
+    "text": "
+",
+    "type": "newline",
+  },
+  {
+    "text": "
+",
+    "type": "newline",
+  },
+  {
+    "text": "- bar",
+    "type": "plain",
+  },
+  {
+    "text": "
+",
+    "type": "newline",
+  },
+  {
+    "text": "
+",
+    "type": "newline",
+  },
+  {
+    "text": "baz",
+    "type": "plain",
+  },
+]
+`;
diff --git a/apps/web/test/unit-tests/editor/deserialize-test.ts b/apps/web/test/unit-tests/editor/deserialize-test.ts
new file mode 100644
index 00000000000..2ed3e40e0d5
--- /dev/null
+++ b/apps/web/test/unit-tests/editor/deserialize-test.ts
@@ -0,0 +1,437 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { parseEvent } from "../../../src/editor/deserialize";
+import { type Part } from "../../../src/editor/parts";
+import { createPartCreator } from "./mock";
+
+const FOUR_SPACES = " ".repeat(4);
+
+function htmlMessage(formattedBody: string, msgtype = "m.text") {
+    return {
+        getContent() {
+            return {
+                msgtype,
+                format: "org.matrix.custom.html",
+                formatted_body: formattedBody,
+            };
+        },
+    } as unknown as MatrixEvent;
+}
+
+function textMessage(body: string, msgtype = "m.text") {
+    return {
+        getContent() {
+            return {
+                msgtype,
+                body,
+            };
+        },
+    } as unknown as MatrixEvent;
+}
+
+function textMessageReply(body: string, msgtype = "m.text") {
+    return {
+        ...textMessage(body, msgtype),
+        replyEventId: "!foo:bar",
+    } as unknown as MatrixEvent;
+}
+
+function mergeAdjacentParts(parts: Part[]) {
+    let prevPart: Part | undefined;
+    for (let i = 0; i < parts.length; ++i) {
+        let part: Part | undefined = parts[i];
+        const isEmpty = !part.text.length;
+        const isMerged = !isEmpty && prevPart && prevPart.merge?.(part);
+        if (isEmpty || isMerged) {
+            // remove empty or merged part
+            part = prevPart;
+            parts.splice(i, 1);
+            //repeat this index, as it's removed now
+            --i;
+        }
+        prevPart = part;
+    }
+}
+
+function normalize(parts: Part[]) {
+    // merge adjacent parts as this will happen
+    // in the model anyway, and whether 1 or multiple
+    // plain parts are returned is an implementation detail
+    mergeAdjacentParts(parts);
+    // convert to data objects for easier asserting
+    return parts.map((p) => p.serialize());
+}
+
+describe("editor/deserialize", function () {
+    describe("text messages", function () {
+        it("test with newlines", function () {
+            const parts = normalize(parseEvent(textMessage("hello\nworld"), createPartCreator()));
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "hello" });
+            expect(parts[1]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "world" });
+            expect(parts.length).toBe(3);
+        });
+        it("@room pill", function () {
+            const parts = normalize(parseEvent(textMessage("text message for @room"), createPartCreator()));
+            expect(parts.length).toBe(2);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "text message for " });
+            expect(parts[1]).toStrictEqual({ type: "at-room-pill", text: "@room" });
+        });
+        it("emote", function () {
+            const text = "says DON'T SHOUT!";
+            const parts = normalize(parseEvent(textMessage(text, "m.emote"), createPartCreator()));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "/me says DON'T SHOUT!" });
+        });
+        it("spoiler", function () {
+            const parts = normalize(parseEvent(textMessage("/spoiler broiler"), createPartCreator()));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "/spoiler broiler" });
+        });
+    });
+    describe("html messages", function () {
+        it("inline styling", function () {
+            const html = "<strong>bold</strong> and <em>emphasized</em> text";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "**bold** and _emphasized_ text" });
+        });
+        it("hyperlink", function () {
+            const html = 'click <a href="http://example.com/">this</a>!';
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "click [this](http://example.com/)!" });
+        });
+        it("multiple lines with paragraphs", function () {
+            const html = "<p>hello</p><p>world</p>";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(4);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "hello" });
+            expect(parts[1]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[2]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[3]).toStrictEqual({ type: "plain", text: "world" });
+        });
+        it("multiple lines with line breaks", function () {
+            const html = "hello<br>world";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(3);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "hello" });
+            expect(parts[1]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "world" });
+        });
+        it("multiple lines mixing paragraphs and line breaks", function () {
+            const html = "<p>hello<br>warm</p><p>world</p>";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(6);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "hello" });
+            expect(parts[1]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "warm" });
+            expect(parts[3]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[4]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[5]).toStrictEqual({ type: "plain", text: "world" });
+        });
+        it("quote", function () {
+            const html = "<blockquote><p><em>wise</em><br><strong>words</strong></p></blockquote><p>indeed</p>";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(6);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "> _wise_" });
+            expect(parts[1]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "> **words**" });
+            expect(parts[3]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[4]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[5]).toStrictEqual({ type: "plain", text: "indeed" });
+        });
+        it("user pill", function () {
+            const html = 'Hi <a href="https://matrix.to/#/@alice:hs.tld">Alice</a>!';
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(3);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "Hi " });
+            expect(parts[1]).toStrictEqual({ type: "user-pill", text: "Alice", resourceId: "@alice:hs.tld" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "!" });
+        });
+        it("user pill with displayname containing backslash", function () {
+            const html = 'Hi <a href="https://matrix.to/#/@alice:hs.tld">Alice\\</a>!';
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(3);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "Hi " });
+            expect(parts[1]).toStrictEqual({ type: "user-pill", text: "Alice\\", resourceId: "@alice:hs.tld" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "!" });
+        });
+        it("user pill with displayname containing opening square bracket", function () {
+            const html = 'Hi <a href="https://matrix.to/#/@alice:hs.tld">Alice[[</a>!';
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(3);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "Hi " });
+            expect(parts[1]).toStrictEqual({ type: "user-pill", text: "Alice[[", resourceId: "@alice:hs.tld" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "!" });
+        });
+        it("user pill with displayname containing closing square bracket", function () {
+            const html = 'Hi <a href="https://matrix.to/#/@alice:hs.tld">Alice]</a>!';
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(3);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "Hi " });
+            expect(parts[1]).toStrictEqual({ type: "user-pill", text: "Alice]", resourceId: "@alice:hs.tld" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "!" });
+        });
+        it("user pill with displayname containing linebreak", function () {
+            const html = 'Hi <a href="https://matrix.to/#/@alice:hs.tld">Alice<br>123</a>!';
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(3);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "Hi " });
+            expect(parts[1]).toStrictEqual({ type: "user-pill", text: "Alice123", resourceId: "@alice:hs.tld" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "!" });
+        });
+        it("room pill", function () {
+            const html = 'Try <a href="https://matrix.to/#/#room:hs.tld">#room:hs.tld</a>?';
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(3);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "Try " });
+            expect(parts[1]).toStrictEqual({ type: "room-pill", text: "#room:hs.tld", resourceId: "#room:hs.tld" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "?" });
+        });
+        it("@room pill", function () {
+            const html = "<em>formatted</em> message for @room";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(2);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "_formatted_ message for " });
+            expect(parts[1]).toStrictEqual({ type: "at-room-pill", text: "@room" });
+        });
+        it("inline code", function () {
+            const html = "there is no place like <code>127.0.0.1</code>!";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "there is no place like `127.0.0.1`!" });
+        });
+        it("code block with no trailing text", function () {
+            const html = "<pre><code>0xDEADBEEF\n</code></pre>\n";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(5);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "```" });
+            expect(parts[1]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "0xDEADBEEF" });
+            expect(parts[3]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[4]).toStrictEqual({ type: "plain", text: "```" });
+        });
+        // failing likely because of https://github.com/vector-im/element-web/issues/10316
+        it.skip("code block with no trailing text and no newlines", function () {
+            const html = "<pre><code>0xDEADBEEF</code></pre>";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(5);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "```" });
+            expect(parts[1]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "0xDEADBEEF" });
+            expect(parts[3]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[4]).toStrictEqual({ type: "plain", text: "```" });
+        });
+        it("unordered lists", function () {
+            const html = "<ul><li>Oak</li><li>Spruce</li><li>Birch</li></ul>";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(5);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "- Oak" });
+            expect(parts[1]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "- Spruce" });
+            expect(parts[3]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[4]).toStrictEqual({ type: "plain", text: "- Birch" });
+        });
+        it("ordered lists", function () {
+            const html = "<ol><li>Start</li><li>Continue</li><li>Finish</li></ol>";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(5);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "1. Start" });
+            expect(parts[1]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: "2. Continue" });
+            expect(parts[3]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[4]).toStrictEqual({ type: "plain", text: "3. Finish" });
+        });
+        it("nested unordered lists", () => {
+            const html = "<ul><li>Oak<ul><li>Spruce<ul><li>Birch</li></ul></li></ul></li></ul>";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(5);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "- Oak" });
+            expect(parts[1]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: `${FOUR_SPACES}- Spruce` });
+            expect(parts[3]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[4]).toStrictEqual({ type: "plain", text: `${FOUR_SPACES.repeat(2)}- Birch` });
+        });
+        it("nested ordered lists", () => {
+            const html = "<ol><li>Oak<ol><li>Spruce<ol><li>Birch</li></ol></li></ol></li></ol>";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(5);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "1. Oak" });
+            expect(parts[1]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: `${FOUR_SPACES}1. Spruce` });
+            expect(parts[3]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[4]).toStrictEqual({ type: "plain", text: `${FOUR_SPACES.repeat(2)}1. Birch` });
+        });
+        it("nested lists", () => {
+            const html = "<ol><li>Oak\n<ol><li>Spruce\n<ol><li>Birch</li></ol></li></ol></li></ol>";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(5);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "1. Oak\n" });
+            expect(parts[1]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[2]).toStrictEqual({ type: "plain", text: `${FOUR_SPACES}1. Spruce\n` });
+            expect(parts[3]).toStrictEqual({ type: "newline", text: "\n" });
+            expect(parts[4]).toStrictEqual({ type: "plain", text: `${FOUR_SPACES.repeat(2)}1. Birch` });
+        });
+        it("mx-reply is stripped", function () {
+            const html = "<mx-reply>foo</mx-reply>bar";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "bar" });
+        });
+        it("emote", function () {
+            const html = "says <em>DON'T SHOUT</em>!";
+            const parts = normalize(parseEvent(htmlMessage(html, "m.emote"), createPartCreator()));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "/me says _DON'T SHOUT_!" });
+        });
+        it("spoiler", function () {
+            const parts = normalize(
+                parseEvent(htmlMessage("<span data-mx-spoiler>broiler</span>"), createPartCreator()),
+            );
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({ type: "plain", text: "/spoiler broiler" });
+        });
+        it("preserves nested quotes", () => {
+            const html = "<blockquote>foo<blockquote>bar</blockquote></blockquote>";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts).toMatchSnapshot();
+        });
+        it("surrounds lists with newlines", () => {
+            const html = "foo<ul><li>bar</li></ul>baz";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts).toMatchSnapshot();
+        });
+        it("preserves nested formatting", () => {
+            const html = "a<sub>b<em>c<strong>d<u>e</u></strong></em></sub>";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts).toMatchSnapshot();
+        });
+        it("escapes backticks in code blocks", () => {
+            const html =
+                "<p><code>this → ` is a backtick</code></p><pre><code>and here are 3 of them:\n```</code></pre>";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts).toMatchSnapshot();
+        });
+        it("escapes backticks outside of code blocks", () => {
+            const html = "some `backticks`";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts).toMatchSnapshot();
+        });
+        it("escapes backslashes", () => {
+            const html = "C:\\My Documents";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts).toMatchSnapshot();
+        });
+        it("escapes asterisks", () => {
+            const html = "*hello*";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts).toMatchSnapshot();
+        });
+        it("escapes underscores", () => {
+            const html = "__emphasis__";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts).toMatchSnapshot();
+        });
+        it("escapes square brackets", () => {
+            const html = "[not an actual link](https://example.org)";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts).toMatchSnapshot();
+        });
+        it("escapes angle brackets", () => {
+            const html = "> \\<del>no formatting here\\</del>";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator()));
+            expect(parts).toMatchSnapshot();
+        });
+    });
+    describe("plaintext messages", function () {
+        it("turns html tags back into markdown", function () {
+            const html = '<strong>bold</strong> and <em>emphasized</em> text <a href="http://example.com/">this</a>!';
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator(), { shouldEscape: false }));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({
+                type: "plain",
+                text: "**bold** and _emphasized_ text [this](http://example.com/)!",
+            });
+        });
+        it("keeps backticks unescaped", () => {
+            const html = "this → ` is a backtick and here are 3 of them:\n```";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator(), { shouldEscape: false }));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({
+                type: "plain",
+                text: "this → ` is a backtick and here are 3 of them:\n```",
+            });
+        });
+        it("keeps backticks outside of code blocks", () => {
+            const html = "some `backticks`";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator(), { shouldEscape: false }));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({
+                type: "plain",
+                text: "some `backticks`",
+            });
+        });
+        it("keeps backslashes", () => {
+            const html = "C:\\My Documents";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator(), { shouldEscape: false }));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({
+                type: "plain",
+                text: "C:\\My Documents",
+            });
+        });
+        it("keeps asterisks", () => {
+            const html = "*hello*";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator(), { shouldEscape: false }));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({
+                type: "plain",
+                text: "*hello*",
+            });
+        });
+        it("keeps underscores", () => {
+            const html = "__emphasis__";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator(), { shouldEscape: false }));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({
+                type: "plain",
+                text: "__emphasis__",
+            });
+        });
+        it("keeps square brackets", () => {
+            const html = "[not an actual link](https://example.org)";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator(), { shouldEscape: false }));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({
+                type: "plain",
+                text: "[not an actual link](https://example.org)",
+            });
+        });
+        it("escapes angle brackets", () => {
+            const html = "> &lt;del&gt;no formatting here&lt;/del&gt;";
+            const parts = normalize(parseEvent(htmlMessage(html), createPartCreator(), { shouldEscape: false }));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({
+                type: "plain",
+                text: "> <del>no formatting here</del>",
+            });
+        });
+        it("strips plaintext replies", () => {
+            const body = "> Sender: foo\n\nMessage";
+            const parts = normalize(parseEvent(textMessageReply(body), createPartCreator(), { shouldEscape: false }));
+            expect(parts.length).toBe(1);
+            expect(parts[0]).toStrictEqual({
+                type: "plain",
+                text: "Message",
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/editor/mock.ts b/apps/web/test/unit-tests/editor/mock.ts
new file mode 100644
index 00000000000..29ecc4cf50d
--- /dev/null
+++ b/apps/web/test/unit-tests/editor/mock.ts
@@ -0,0 +1,91 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2019-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 { type Room, type MatrixClient, type RoomMember } from "matrix-js-sdk/src/matrix";
+
+import { type UpdateCallback } from "../../../src/editor/autocomplete";
+import type AutocompleteWrapperModel from "../../../src/editor/autocomplete";
+import { type Caret } from "../../../src/editor/caret";
+import { type PillPart, type Part, PartCreator } from "../../../src/editor/parts";
+import DocumentPosition from "../../../src/editor/position";
+import { vi } from "../../setup/adapter.ts";
+
+export class MockAutoComplete {
+    public _updateCallback;
+    public _partCreator;
+    public _completions;
+    public _part: Part | null;
+
+    constructor(updateCallback: UpdateCallback, partCreator: PartCreator, completions: PillPart[]) {
+        this._updateCallback = updateCallback;
+        this._partCreator = partCreator;
+        this._completions = completions;
+        this._part = null;
+    }
+
+    close() {
+        this._updateCallback({ close: true });
+    }
+
+    tryComplete(close = true) {
+        const matches = this._completions.filter((o) => {
+            return this._part && o.resourceId.startsWith(this._part.text);
+        });
+        if (matches.length === 1 && this._part && this._part.text.length > 1) {
+            const match = matches[0];
+            let pill: PillPart;
+            if (match.resourceId[0] === "@") {
+                pill = this._partCreator.userPill(match.text, match.resourceId);
+            } else {
+                pill = this._partCreator.roomPill(match.resourceId);
+            }
+            this._updateCallback({ replaceParts: [pill], close });
+        }
+    }
+
+    // called by EditorModel when typing into pill-candidate part
+    onPartUpdate(part: Part, pos: DocumentPosition) {
+        this._part = part;
+    }
+}
+
+// MockClient & MockRoom are only used for avatars in room and user pills,
+// which is not tested
+class MockRoom {
+    getMember(): RoomMember | null {
+        return null;
+    }
+}
+
+export function createPartCreator(completions: PillPart[] = []) {
+    const autoCompleteCreator = (partCreator: PartCreator) => {
+        return (updateCallback: UpdateCallback) =>
+            new MockAutoComplete(updateCallback, partCreator, completions) as unknown as AutocompleteWrapperModel;
+    };
+    const room = new MockRoom() as unknown as Room;
+    const client = {
+        getRooms: vi.fn().mockReturnValue([]),
+        getRoom: vi.fn().mockReturnValue(null),
+    } as unknown as MatrixClient;
+    return new PartCreator(room, client, autoCompleteCreator);
+}
+
+export function createRenderer() {
+    const render = (c?: Caret) => {
+        render.caret = c;
+        render.count += 1;
+    };
+    render.count = 0;
+    render.caret = null as unknown as Caret | undefined;
+    return render;
+}
+
+// in many tests we need to narrow the caret type
+export function isDocumentPosition(caret: Caret): caret is DocumentPosition {
+    return caret instanceof DocumentPosition;
+}
diff --git a/apps/web/test/unit-tests/hooks/room/useRoomMemberProfile-test.ts b/apps/web/test/unit-tests/hooks/room/useRoomMemberProfile-test.ts
new file mode 100644
index 00000000000..3e8eb52f068
--- /dev/null
+++ b/apps/web/test/unit-tests/hooks/room/useRoomMemberProfile-test.ts
@@ -0,0 +1,76 @@
+/*
+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 { RoomMember } from "matrix-js-sdk/src/matrix";
+
+import { resolveRoomMemberProfile, roomMemberToMemberInfo } from "../../../../src/hooks/room/useRoomMemberProfile";
+import { TimelineRenderingType } from "../../../../src/contexts/RoomContext";
+
+describe("resolveRoomMemberProfile", () => {
+    it("prefers the current room member when current profiles are enabled", () => {
+        const roomId = "!room:server";
+        const userId = "@alice:server";
+        const currentMember = new RoomMember(roomId, userId);
+        currentMember.rawDisplayName = "Alan (away)";
+        currentMember.disambiguate = false;
+        const historicalMember = new RoomMember(roomId, userId);
+        historicalMember.rawDisplayName = "Alan";
+        historicalMember.disambiguate = false;
+        const room = {
+            getMember: jest.fn().mockReturnValue(currentMember),
+        };
+
+        const resolved = resolveRoomMemberProfile({
+            room,
+            userId,
+            member: historicalMember,
+            useOnlyCurrentProfiles: true,
+            timelineRenderingType: TimelineRenderingType.Room,
+        });
+
+        expect(resolved).toBe(currentMember);
+    });
+
+    it("falls back to the historical member when current profiles are disabled", () => {
+        const roomId = "!room:server";
+        const userId = "@alice:server";
+        const historicalMember = new RoomMember(roomId, userId);
+        historicalMember.rawDisplayName = "Alan";
+        historicalMember.disambiguate = false;
+
+        const resolved = resolveRoomMemberProfile({
+            room: {
+                getMember: jest.fn(),
+            },
+            userId,
+            member: historicalMember,
+            useOnlyCurrentProfiles: false,
+            timelineRenderingType: TimelineRenderingType.Room,
+        });
+
+        expect(resolved).toBe(historicalMember);
+    });
+});
+
+describe("roomMemberToMemberInfo", () => {
+    it("converts a room member into plain render data", () => {
+        const member = new RoomMember("!room:server", "@alice:server");
+        member.rawDisplayName = "Alan";
+        member.disambiguate = true;
+
+        expect(roomMemberToMemberInfo(member)).toEqual({
+            userId: "@alice:server",
+            roomId: "!room:server",
+            rawDisplayName: "Alan",
+            disambiguate: true,
+        });
+    });
+
+    it("returns null for missing members", () => {
+        expect(roomMemberToMemberInfo(null)).toBeNull();
+    });
+});
diff --git a/apps/web/test/unit-tests/hooks/usePinnedEvents-test.tsx b/apps/web/test/unit-tests/hooks/usePinnedEvents-test.tsx
new file mode 100644
index 00000000000..9dd2c036c0c
--- /dev/null
+++ b/apps/web/test/unit-tests/hooks/usePinnedEvents-test.tsx
@@ -0,0 +1,84 @@
+/*
+Copyright 2026 hayaksi1
+
+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 { act, renderHook, waitFor } from "jest-matrix-react";
+import { EventType, type MatrixClient, MatrixEvent, RelationType, Room } from "matrix-js-sdk/src/matrix";
+
+import { useFetchedPinnedEvents } from "../../../src/hooks/usePinnedEvents";
+import MatrixClientContext from "../../../src/contexts/MatrixClientContext";
+import { stubClient } from "../../test-utils";
+
+describe("useFetchedPinnedEvents", () => {
+    const roomId = "!room:server";
+    const userId = "@alice:server";
+    const pinnedEventId = "$pinned:server";
+
+    let client: MatrixClient;
+    let room: Room;
+    // Stable identity: the hook memoises on this array, so a fresh literal per render would
+    // refetch forever.
+    const pinnedIds = [pinnedEventId];
+
+    const makeEvent = (id: string, content: object): MatrixEvent =>
+        new MatrixEvent({
+            type: EventType.RoomMessage,
+            sender: userId,
+            room_id: roomId,
+            event_id: id,
+            origin_server_ts: 0,
+            content,
+        });
+
+    const edit = (targetId: string, id: string): MatrixEvent =>
+        makeEvent(id, {
+            "msgtype": "m.text",
+            "body": "* edited",
+            "m.new_content": { msgtype: "m.text", body: "edited" },
+            "m.relates_to": { rel_type: RelationType.Replace, event_id: targetId },
+        });
+
+    const wrapper = ({ children }: PropsWithChildren): React.JSX.Element => (
+        <MatrixClientContext.Provider value={client}>{children}</MatrixClientContext.Provider>
+    );
+
+    beforeEach(() => {
+        client = stubClient();
+        room = new Room(roomId, client, userId);
+        // The pinned event is deliberately not in the local timeline, so the hook holds a copy of
+        // its own that nothing else keeps up to date.
+        jest.spyOn(client, "fetchRoomEvent").mockResolvedValue(
+            makeEvent(pinnedEventId, { msgtype: "m.text", body: "original" }).event as never,
+        );
+        jest.spyOn(client, "relations").mockResolvedValue({ events: [] });
+    });
+
+    it("gives the edited content for a pinned event that is edited", async () => {
+        const { result } = renderHook(() => useFetchedPinnedEvents(room, pinnedIds), { wrapper });
+        await waitFor(() => expect(result.current).toHaveLength(1));
+        expect(result.current[0].getContent().body).toBe("original");
+
+        act(() => {
+            room.addLiveEvents([edit(pinnedEventId, "$edit:server")], { addToState: false });
+        });
+
+        await waitFor(() => expect(result.current[0].getContent().body).toBe("edited"));
+    });
+
+    it("leaves a pinned event alone when a different event is edited", async () => {
+        const { result } = renderHook(() => useFetchedPinnedEvents(room, pinnedIds), { wrapper });
+        await waitFor(() => expect(result.current).toHaveLength(1));
+
+        act(() => {
+            room.addLiveEvents([edit("$somethingElse:server", "$edit2:server")], { addToState: false });
+        });
+
+        // Wait long enough that an edit would have been applied, then confirm none was.
+        await new Promise((resolve) => setTimeout(resolve, 50));
+        expect(result.current[0].getContent().body).toBe("original");
+    });
+});
diff --git a/apps/web/test/unit-tests/i18n/languages.json b/apps/web/test/unit-tests/i18n/languages.json
new file mode 100644
index 00000000000..bdb46584b93
--- /dev/null
+++ b/apps/web/test/unit-tests/i18n/languages.json
@@ -0,0 +1,3 @@
+{
+    "en": "en_EN.json"
+}
diff --git a/apps/web/test/unit-tests/images/animated-logo.apng b/apps/web/test/unit-tests/images/animated-logo.apng
new file mode 100644
index 00000000000..0252cf43bda
Binary files /dev/null and b/apps/web/test/unit-tests/images/animated-logo.apng differ
diff --git a/apps/web/test/unit-tests/images/animated-logo.gif b/apps/web/test/unit-tests/images/animated-logo.gif
new file mode 100644
index 00000000000..e3ee4f62062
Binary files /dev/null and b/apps/web/test/unit-tests/images/animated-logo.gif differ
diff --git a/apps/web/test/unit-tests/images/animated-logo.webp b/apps/web/test/unit-tests/images/animated-logo.webp
new file mode 100644
index 00000000000..a49c9363810
Binary files /dev/null and b/apps/web/test/unit-tests/images/animated-logo.webp differ
diff --git a/apps/web/test/unit-tests/images/static-logo-extended-file-format.webp b/apps/web/test/unit-tests/images/static-logo-extended-file-format.webp
new file mode 100644
index 00000000000..bb4364374b4
Binary files /dev/null and b/apps/web/test/unit-tests/images/static-logo-extended-file-format.webp differ
diff --git a/apps/web/test/unit-tests/images/static-logo.gif b/apps/web/test/unit-tests/images/static-logo.gif
new file mode 100644
index 00000000000..8108b87f6f2
Binary files /dev/null and b/apps/web/test/unit-tests/images/static-logo.gif differ
diff --git a/apps/web/test/unit-tests/images/static-logo.png b/apps/web/test/unit-tests/images/static-logo.png
new file mode 100644
index 00000000000..14b8f0ec31c
Binary files /dev/null and b/apps/web/test/unit-tests/images/static-logo.png differ
diff --git a/apps/web/test/unit-tests/images/static-logo.webp b/apps/web/test/unit-tests/images/static-logo.webp
new file mode 100644
index 00000000000..41014183421
Binary files /dev/null and b/apps/web/test/unit-tests/images/static-logo.webp differ
diff --git a/apps/web/test/unit-tests/integrations/IntegrationManagers-test.ts b/apps/web/test/unit-tests/integrations/IntegrationManagers-test.ts
new file mode 100644
index 00000000000..88da290bb91
--- /dev/null
+++ b/apps/web/test/unit-tests/integrations/IntegrationManagers-test.ts
@@ -0,0 +1,62 @@
+/*
+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.
+*/
+
+import { type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import { IntegrationManagers } from "../../../src/integrations/IntegrationManagers";
+import { stubClient } from "../../test-utils";
+
+describe("IntegrationManagers", () => {
+    let client: MatrixClient;
+    let intMgrs: IntegrationManagers;
+
+    beforeEach(() => {
+        client = stubClient();
+        mocked(client).getAccountData.mockReturnValue({
+            getContent: jest.fn().mockReturnValue({
+                foo: {
+                    id: "foo",
+                    content: {
+                        type: "m.integration_manager",
+                        url: "http://foo/ui",
+                        data: {
+                            api_url: "http://foo/api",
+                        },
+                    },
+                },
+                bar: {
+                    id: "bar",
+                    content: {
+                        type: "m.integration_manager",
+                        url: "http://bar/ui",
+                        data: {
+                            api_url: "http://bar/api",
+                        },
+                    },
+                },
+            }),
+        } as unknown as MatrixEvent);
+
+        intMgrs = new IntegrationManagers();
+        intMgrs.startWatching();
+    });
+
+    afterEach(() => {
+        intMgrs.stopWatching();
+    });
+
+    describe("getOrderedManagers", () => {
+        it("should return integration managers in alphabetical order", () => {
+            const orderedManagers = intMgrs.getOrderedManagers();
+
+            expect(orderedManagers[0].id).toBe("bar");
+            expect(orderedManagers[1].id).toBe("foo");
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/linkify-matrix-test.ts b/apps/web/test/unit-tests/linkify-matrix-test.ts
new file mode 100644
index 00000000000..cf831e26b3d
--- /dev/null
+++ b/apps/web/test/unit-tests/linkify-matrix-test.ts
@@ -0,0 +1,51 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { roomAliasEventListeners, userIdEventListeners } from "../../src/Linkify";
+import dispatcher from "../../src/dispatcher/dispatcher";
+import { Action } from "../../src/dispatcher/actions";
+
+describe("linkify-matrix", () => {
+    describe("roomalias plugin", () => {
+        it("should intercept clicks with a ViewRoom dispatch", () => {
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            const handlers = roomAliasEventListeners("#room:server.com");
+            const event = new MouseEvent("mousedown");
+            event.preventDefault = jest.fn();
+            handlers!.click(event);
+            expect(event.preventDefault).toHaveBeenCalled();
+            expect(dispatchSpy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: Action.ViewRoom,
+                    room_alias: "#room:server.com",
+                }),
+            );
+        });
+    });
+
+    describe("userid plugin", () => {
+        it("should intercept clicks with a ViewUser dispatch", () => {
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            const handlers = userIdEventListeners("@localpart:server.com");
+
+            const event = new MouseEvent("mousedown");
+            event.preventDefault = jest.fn();
+            handlers!.click(event);
+            expect(event.preventDefault).toHaveBeenCalled();
+            expect(dispatchSpy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: Action.ViewUser,
+                    member: expect.objectContaining({
+                        userId: "@localpart:server.com",
+                    }),
+                }),
+            );
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/models/Call-test.ts b/apps/web/test/unit-tests/models/Call-test.ts
new file mode 100644
index 00000000000..dbab94ba4da
--- /dev/null
+++ b/apps/web/test/unit-tests/models/Call-test.ts
@@ -0,0 +1,1117 @@
+/*
+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 EventEmitter from "node:events";
+import { mocked } from "jest-mock";
+import { waitFor } from "jest-matrix-react";
+import {
+    RoomType,
+    type Room,
+    RoomEvent,
+    MatrixEvent,
+    type MatrixClient,
+    type IMyDevice,
+    type RoomMember,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { Widget } from "matrix-widget-api";
+import {
+    type CallMembership,
+    MatrixRTCSessionManagerEvents,
+    MatrixRTCSession,
+    MatrixRTCSessionEvent,
+} from "matrix-js-sdk/src/matrixrtc";
+import { CallType } from "matrix-js-sdk/src/webrtc/call";
+
+import type { Mocked } from "jest-mock";
+import type { ClientWidgetApi } from "matrix-widget-api";
+import {
+    type JitsiCallMemberContent,
+    Call,
+    CallEvent,
+    ConnectionState,
+    JitsiCall,
+    ElementCall,
+    ElementCallIntent,
+} from "../../../src/models/Call";
+import { cleanUpClientRoomAndStores, enableCalls, mockPlatformPeg, setUpClientRoomAndStores } from "../../test-utils";
+import WidgetStore from "../../../src/stores/WidgetStore";
+import { WidgetMessagingStore } from "../../../src/stores/widgets/WidgetMessagingStore";
+import ActiveWidgetStore, { ActiveWidgetStoreEvent } from "../../../src/stores/ActiveWidgetStore";
+import { ElementWidgetActions } from "../../../src/stores/widgets/ElementWidgetActions";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { Anonymity, PosthogAnalytics } from "../../../src/PosthogAnalytics";
+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();
+
+const setUpWidget = (
+    call: Call,
+): { widget: Widget; messaging: Mocked<WidgetMessaging>; widgetApi: Mocked<ClientWidgetApi> } => {
+    call.widget.data = { ...call.widget, skipLobby: true };
+    const widget = new Widget(call.widget);
+
+    const widgetApi = new (class extends EventEmitter {
+        transport = {
+            send: jest.fn(),
+            reply: jest.fn(),
+        };
+    })() as unknown as Mocked<ClientWidgetApi>;
+    const messaging = new (class extends EventEmitter {
+        stop = jest.fn();
+        widgetApi = widgetApi;
+    })() as unknown as Mocked<WidgetMessaging>;
+    WidgetMessagingStore.instance.storeMessaging(widget, call.roomId, messaging);
+
+    return { widget, messaging, widgetApi };
+};
+
+async function connect(call: Call, widgetApi: Mocked<ClientWidgetApi>, startWidget = true): Promise<void> {
+    async function sessionConnect() {
+        await new Promise<void>((r) => {
+            setTimeout(() => r(), 400);
+        });
+        widgetApi.emit(`action:${ElementWidgetActions.JoinCall}`, new CustomEvent("widgetapirequest", {}));
+    }
+    async function runTimers() {
+        jest.advanceTimersByTime(500);
+        jest.advanceTimersByTime(500);
+    }
+    sessionConnect();
+    await Promise.all([...(startWidget ? [call.start()] : []), runTimers()]);
+}
+
+async function disconnect(call: Call, widgetApi: Mocked<ClientWidgetApi>): Promise<void> {
+    async function sessionDisconnect() {
+        await new Promise<void>((r) => {
+            setTimeout(() => r(), 400);
+        });
+        widgetApi.emit(`action:${ElementWidgetActions.HangupCall}`, new CustomEvent("widgetapirequest", {}));
+    }
+    async function runTimers() {
+        jest.advanceTimersByTime(500);
+        jest.advanceTimersByTime(500);
+    }
+    sessionDisconnect();
+    const promise = call.disconnect();
+    runTimers();
+    await promise;
+}
+
+const cleanUpCallAndWidget = (call: Call, widget: Widget) => {
+    call.destroy();
+    jest.clearAllMocks();
+    WidgetMessagingStore.instance.stopMessaging(widget, call.roomId);
+};
+
+describe("JitsiCall", () => {
+    mockPlatformPeg({ supportsJitsiScreensharing: () => true });
+
+    let client: Mocked<MatrixClient>;
+    let room: Room;
+    let alice: RoomMember;
+    let bob: RoomMember;
+    let carol: RoomMember;
+
+    beforeEach(() => {
+        ({ client, room, alice, bob, carol } = setUpClientRoomAndStores());
+        jest.spyOn(room, "getType").mockReturnValue(RoomType.ElementVideo);
+    });
+
+    afterEach(() => cleanUpClientRoomAndStores(client, room));
+
+    describe("get", () => {
+        it("finds no calls", () => {
+            expect(Call.get(room)).toBeNull();
+        });
+
+        it("finds calls", async () => {
+            await JitsiCall.create(room);
+            expect(Call.get(room)).toBeInstanceOf(JitsiCall);
+        });
+
+        it("ignores terminated calls", async () => {
+            await JitsiCall.create(room);
+
+            // Terminate the call
+            const [event] = room.currentState.getStateEvents("im.vector.modular.widgets");
+            await client.sendStateEvent(room.roomId, "im.vector.modular.widgets", {}, event.getStateKey()!);
+
+            expect(Call.get(room)).toBeNull();
+        });
+    });
+
+    describe("instance in a video room", () => {
+        let call: JitsiCall;
+        let widget: Widget;
+        let messaging: Mocked<WidgetMessaging>;
+        let widgetApi: Mocked<ClientWidgetApi>;
+
+        beforeEach(async () => {
+            jest.useFakeTimers();
+            jest.setSystemTime(0);
+
+            await JitsiCall.create(room);
+            const maybeCall = JitsiCall.get(room);
+            if (maybeCall === null) throw new Error("Failed to create call");
+            call = maybeCall;
+
+            ({ widget, messaging, widgetApi } = setUpWidget(call));
+
+            mocked(widgetApi.transport).send.mockImplementation(async (action, data): Promise<any> => {
+                if (action === ElementWidgetActions.JoinCall) {
+                    widgetApi.emit(
+                        `action:${ElementWidgetActions.JoinCall}`,
+                        new CustomEvent("widgetapirequest", { detail: { data } }),
+                    );
+                } else if (action === ElementWidgetActions.HangupCall) {
+                    widgetApi.emit(
+                        `action:${ElementWidgetActions.HangupCall}`,
+                        new CustomEvent("widgetapirequest", { detail: { data } }),
+                    );
+                }
+                return {};
+            });
+        });
+
+        afterEach(() => cleanUpCallAndWidget(call, widget));
+
+        it("connects", async () => {
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+            await connect(call, widgetApi);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+        });
+
+        it("waits for messaging when starting", async () => {
+            // Temporarily remove the messaging to simulate connecting while the
+            // widget is still initializing
+            WidgetMessagingStore.instance.stopMessaging(widget, room.roomId);
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+
+            const startup = call.start();
+            WidgetMessagingStore.instance.storeMessaging(widget, room.roomId, messaging);
+            await startup;
+            await connect(call, widgetApi, false);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+        });
+
+        it("fails to disconnect if the widget returns an error", async () => {
+            await connect(call, widgetApi);
+            mocked(widgetApi.transport).send.mockRejectedValue(new Error("never!"));
+            await expect(call.disconnect()).rejects.toBeDefined();
+        });
+
+        it("handles remote disconnection", async () => {
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+
+            await connect(call, widgetApi);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+
+            const callback = jest.fn();
+
+            call.on(CallEvent.ConnectionState, callback);
+
+            widgetApi.emit(`action:${ElementWidgetActions.HangupCall}`, new CustomEvent("widgetapirequest", {}));
+            await waitFor(() => {
+                expect(callback).toHaveBeenNthCalledWith(1, ConnectionState.Disconnected, ConnectionState.Connected);
+            });
+            // in video rooms we expect the call to immediately reconnect
+            call.off(CallEvent.ConnectionState, callback);
+        });
+
+        it("disconnects", async () => {
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+            await connect(call, widgetApi);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+            await call.disconnect();
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+        });
+
+        it("disconnects when we leave the room", async () => {
+            await connect(call, widgetApi);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+            room.emit(RoomEvent.MyMembership, room, KnownMembership.Leave);
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+        });
+
+        it("reconnects after disconnect in video rooms", async () => {
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+            await connect(call, widgetApi);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+            await call.disconnect();
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+        });
+
+        it("remains connected if we stay in the room", async () => {
+            await connect(call, widgetApi);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+            room.emit(RoomEvent.MyMembership, room, KnownMembership.Join);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+        });
+
+        it("tracks participants in room state", async () => {
+            expect(call.participants).toEqual(new Map());
+
+            // A participant with multiple devices (should only show up once)
+            await client.sendStateEvent(
+                room.roomId,
+                JitsiCall.MEMBER_EVENT_TYPE,
+                { devices: ["bobweb", "bobdesktop"], expires_ts: 1000 * 60 * 10 },
+                bob.userId,
+            );
+            // A participant with an expired device (should not show up)
+            await client.sendStateEvent(
+                room.roomId,
+                JitsiCall.MEMBER_EVENT_TYPE,
+                { devices: ["carolandroid"], expires_ts: -1000 * 60 },
+                carol.userId,
+            );
+
+            // Now, stub out client.sendStateEvent so we can test our local echo
+            client.sendStateEvent.mockReset();
+            await connect(call, widgetApi);
+            expect(call.participants).toEqual(
+                new Map([
+                    [alice, new Set(["alices_device"])],
+                    [bob, new Set(["bobweb", "bobdesktop"])],
+                ]),
+            );
+
+            await call.disconnect();
+            expect(call.participants).toEqual(new Map([[bob, new Set(["bobweb", "bobdesktop"])]]));
+        });
+
+        it("updates room state when connecting and disconnecting", async () => {
+            await connect(call, widgetApi);
+            const now1 = Date.now();
+            await waitFor(
+                () =>
+                    expect(
+                        room.currentState.getStateEvents(JitsiCall.MEMBER_EVENT_TYPE, alice.userId)?.getContent(),
+                    ).toEqual({
+                        devices: [client.getDeviceId()],
+                        expires_ts: now1 + call.STUCK_DEVICE_TIMEOUT_MS,
+                    }),
+                { interval: 5 },
+            );
+
+            const now2 = Date.now();
+            await call.disconnect();
+            await waitFor(
+                () =>
+                    expect(
+                        room.currentState.getStateEvents(JitsiCall.MEMBER_EVENT_TYPE, alice.userId)?.getContent(),
+                    ).toEqual({
+                        devices: [],
+                        expires_ts: now2 + call.STUCK_DEVICE_TIMEOUT_MS,
+                    }),
+                { interval: 5 },
+            );
+        });
+
+        it("repeatedly updates room state while connected", async () => {
+            await connect(call, widgetApi);
+            await waitFor(
+                () =>
+                    expect(client.sendStateEvent).toHaveBeenLastCalledWith(
+                        room.roomId,
+                        JitsiCall.MEMBER_EVENT_TYPE,
+                        { devices: [client.getDeviceId()], expires_ts: expect.any(Number) },
+                        alice.userId,
+                    ),
+                { interval: 5 },
+            );
+
+            client.sendStateEvent.mockClear();
+            jest.advanceTimersByTime(call.STUCK_DEVICE_TIMEOUT_MS);
+            await waitFor(
+                () =>
+                    expect(client.sendStateEvent).toHaveBeenLastCalledWith(
+                        room.roomId,
+                        JitsiCall.MEMBER_EVENT_TYPE,
+                        { devices: [client.getDeviceId()], expires_ts: expect.any(Number) },
+                        alice.userId,
+                    ),
+                { interval: 5 },
+            );
+        });
+
+        it("emits events when connection state changes", async () => {
+            const onConnectionState = jest.fn();
+            call.on(CallEvent.ConnectionState, onConnectionState);
+
+            await connect(call, widgetApi);
+            await call.disconnect();
+            expect(onConnectionState.mock.calls).toEqual([
+                [ConnectionState.Connected, ConnectionState.Disconnected],
+                [ConnectionState.Disconnecting, ConnectionState.Connected],
+                [ConnectionState.Disconnected, ConnectionState.Disconnecting],
+            ]);
+
+            call.off(CallEvent.ConnectionState, onConnectionState);
+        });
+
+        it("emits events when participants change", async () => {
+            const onParticipants = jest.fn();
+            call.on(CallEvent.Participants, onParticipants);
+
+            await connect(call, widgetApi);
+            await call.disconnect();
+            expect(onParticipants.mock.calls).toEqual([
+                [new Map([[alice, new Set(["alices_device"])]]), new Map()],
+                [new Map([[alice, new Set(["alices_device"])]]), new Map([[alice, new Set(["alices_device"])]])],
+                [new Map(), new Map([[alice, new Set(["alices_device"])]])],
+                [new Map(), new Map()],
+            ]);
+
+            call.off(CallEvent.Participants, onParticipants);
+        });
+
+        it("switches to spotlight layout when the widget becomes a PiP", async () => {
+            await connect(call, widgetApi);
+            ActiveWidgetStore.instance.emit(ActiveWidgetStoreEvent.Undock);
+            expect(widgetApi.transport.send).toHaveBeenCalledWith(ElementWidgetActions.SpotlightLayout, {});
+            ActiveWidgetStore.instance.emit(ActiveWidgetStoreEvent.Dock);
+            expect(widgetApi.transport.send).toHaveBeenCalledWith(ElementWidgetActions.TileLayout, {});
+        });
+
+        describe("clean", () => {
+            const aliceWeb: IMyDevice = {
+                device_id: "aliceweb",
+                last_seen_ts: 0,
+            };
+            const aliceDesktop: IMyDevice = {
+                device_id: "alicedesktop",
+                last_seen_ts: 0,
+            };
+            const aliceDesktopOffline: IMyDevice = {
+                device_id: "alicedesktopoffline",
+                last_seen_ts: 1000 * 60 * 60 * -2, // 2 hours ago
+            };
+            const aliceDesktopNeverOnline: IMyDevice = {
+                device_id: "alicedesktopneveronline",
+            };
+
+            const mkContent = (devices: IMyDevice[]): JitsiCallMemberContent => ({
+                expires_ts: 1000 * 60 * 10,
+                devices: devices.map((d) => d.device_id),
+            });
+            const expectDevices = (devices: IMyDevice[]) =>
+                expect(
+                    room.currentState.getStateEvents(JitsiCall.MEMBER_EVENT_TYPE, alice.userId)?.getContent(),
+                ).toEqual({
+                    expires_ts: expect.any(Number),
+                    devices: devices.map((d) => d.device_id),
+                });
+
+            beforeEach(() => {
+                client.getDeviceId.mockReturnValue(aliceWeb.device_id);
+                client.getDevices.mockResolvedValue({
+                    devices: [aliceWeb, aliceDesktop, aliceDesktopOffline, aliceDesktopNeverOnline],
+                });
+            });
+
+            it("doesn't clean up valid devices", async () => {
+                await connect(call, widgetApi);
+                await client.sendStateEvent(
+                    room.roomId,
+                    JitsiCall.MEMBER_EVENT_TYPE,
+                    mkContent([aliceWeb, aliceDesktop]),
+                    alice.userId,
+                );
+
+                await call.clean();
+                expectDevices([aliceWeb, aliceDesktop]);
+            });
+
+            it("cleans up our own device if we're disconnected", async () => {
+                await client.sendStateEvent(
+                    room.roomId,
+                    JitsiCall.MEMBER_EVENT_TYPE,
+                    mkContent([aliceWeb, aliceDesktop]),
+                    alice.userId,
+                );
+
+                await call.clean();
+                expectDevices([aliceDesktop]);
+            });
+
+            it("cleans up devices that have been offline for too long", async () => {
+                await client.sendStateEvent(
+                    room.roomId,
+                    JitsiCall.MEMBER_EVENT_TYPE,
+                    mkContent([aliceDesktop, aliceDesktopOffline]),
+                    alice.userId,
+                );
+
+                await call.clean();
+                expectDevices([aliceDesktop]);
+            });
+
+            it("cleans up devices that have never been online", async () => {
+                await client.sendStateEvent(
+                    room.roomId,
+                    JitsiCall.MEMBER_EVENT_TYPE,
+                    mkContent([aliceDesktop, aliceDesktopNeverOnline]),
+                    alice.userId,
+                );
+
+                await call.clean();
+                expectDevices([aliceDesktop]);
+            });
+
+            it("no-ops if there are no state events", async () => {
+                await call.clean();
+                expect(room.currentState.getStateEvents(JitsiCall.MEMBER_EVENT_TYPE, alice.userId)).toBe(null);
+            });
+        });
+    });
+});
+
+describe("ElementCall", () => {
+    let client: Mocked<MatrixClient>;
+    let room: Room;
+    let alice: RoomMember;
+    let roomSession: Mocked<MatrixRTCSession>;
+    function setRoomMembers(memberIds: string[]) {
+        jest.spyOn(room, "getJoinedMembers").mockReturnValue(
+            memberIds.map(
+                (id) =>
+                    ({
+                        userId: id,
+                    }) as RoomMember,
+            ),
+        );
+    }
+
+    beforeEach(() => {
+        jest.useFakeTimers();
+        ({ client, room, alice, roomSession } = setUpClientRoomAndStores());
+    });
+
+    afterEach(() => {
+        jest.runOnlyPendingTimers();
+        jest.useRealTimers();
+        SdkConfig.reset();
+        cleanUpClientRoomAndStores(client, room);
+    });
+
+    describe("get", () => {
+        let getUserIdForRoomIdSpy: jest.SpyInstance;
+
+        beforeEach(() => {
+            getUserIdForRoomIdSpy = jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId");
+        });
+
+        afterEach(() => {
+            Call.get(room)?.destroy();
+            getUserIdForRoomIdSpy.mockRestore();
+        });
+
+        it("finds no calls", () => {
+            expect(Call.get(room)).toBeNull();
+        });
+
+        it("finds calls", async () => {
+            ElementCall.create(room);
+            expect(Call.get(room)).toBeInstanceOf(ElementCall);
+        });
+
+        it("should use element call URL from developer settings if present", async () => {
+            const originalGetValue = SettingsStore.getValue;
+            SettingsStore.getValue = (name: SettingKey, roomId: string | null = null, excludeDefault = false): any => {
+                if (name === "Developer.elementCallUrl") {
+                    return "https://call.element.dev";
+                }
+                return excludeDefault
+                    ? originalGetValue(name, roomId, excludeDefault)
+                    : originalGetValue(name, roomId, excludeDefault);
+            };
+            await ElementCall.create(room);
+            const call = ElementCall.get(room);
+            expect(call?.widget.url.startsWith("https://call.element.dev/")).toBeTruthy();
+            SettingsStore.getValue = originalGetValue;
+        });
+
+        it("finds ongoing calls that are created by the session manager", async () => {
+            // There is an existing session created by another user in this room.
+            roomSession.memberships.push({} as CallMembership);
+            const call = Call.get(room);
+            if (!(call instanceof ElementCall)) throw new Error("Failed to create call");
+        });
+
+        it("passes font settings through widget URL", async () => {
+            const originalGetValue = SettingsStore.getValue;
+            SettingsStore.getValue = (name: SettingKey, roomId: string | null = null, excludeDefault = false): any => {
+                switch (name) {
+                    case "fontSizeDelta":
+                        return 4;
+                    case "useSystemFont":
+                        return true;
+                    case "systemFont":
+                        return "OpenDyslexic, DejaVu Sans";
+                    default:
+                        return excludeDefault
+                            ? originalGetValue(name, roomId, excludeDefault)
+                            : originalGetValue(name, roomId, excludeDefault);
+                }
+            };
+            document.documentElement.style.fontSize = "12px";
+
+            ElementCall.create(room);
+            const call = Call.get(room);
+            if (!(call instanceof ElementCall)) throw new Error("Failed to create call");
+
+            const urlParams = new URLSearchParams(new URL(call.widget.url).hash.slice(1));
+            expect(urlParams.get("fontScale")).toBe("1.5");
+            expect(urlParams.getAll("font")).toEqual(["OpenDyslexic", "DejaVu Sans"]);
+
+            SettingsStore.getValue = originalGetValue;
+        });
+
+        describe("Echo cancellation & Noise Suppression", () => {
+            it("passes echo cancellation settings through widget URL if needed", async () => {
+                const originalGetValue = SettingsStore.getValue;
+                SettingsStore.getValue = (
+                    name: SettingKey,
+                    roomId: string | null = null,
+                    excludeDefault = false,
+                ): any => {
+                    switch (name) {
+                        case "webrtc_audio_echoCancellation":
+                            return false;
+                    }
+                };
+                ElementCall.create(room);
+                const call = Call.get(room);
+                if (!(call instanceof ElementCall)) throw new Error("Failed to create call");
+
+                const urlParams = new URLSearchParams(new URL(call.widget.url).hash.slice(1));
+                expect(urlParams.get("echoCancellation")).toBe("false");
+
+                SettingsStore.getValue = originalGetValue;
+            });
+
+            it("does not pass echo cancellation settings through widget URL if not needed", async () => {
+                const originalGetValue = SettingsStore.getValue;
+                SettingsStore.getValue = (
+                    name: SettingKey,
+                    roomId: string | null = null,
+                    excludeDefault = false,
+                ): any => {
+                    switch (name) {
+                        case "webrtc_audio_echoCancellation":
+                            return true;
+                    }
+                };
+                ElementCall.create(room);
+                const call = Call.get(room);
+                if (!(call instanceof ElementCall)) throw new Error("Failed to create call");
+
+                const urlParams = new URLSearchParams(new URL(call.widget.url).hash.slice(1));
+                expect(urlParams.get("echoCancellation")).toBeNull();
+
+                SettingsStore.getValue = originalGetValue;
+            });
+
+            it("passes noise suppression settings through widget URL if needed", async () => {
+                const originalGetValue = SettingsStore.getValue;
+                SettingsStore.getValue = (
+                    name: SettingKey,
+                    roomId: string | null = null,
+                    excludeDefault = false,
+                ): any => {
+                    switch (name) {
+                        case "webrtc_audio_noiseSuppression":
+                            return false;
+                    }
+                };
+                ElementCall.create(room);
+                const call = Call.get(room);
+                if (!(call instanceof ElementCall)) throw new Error("Failed to create call");
+
+                const urlParams = new URLSearchParams(new URL(call.widget.url).hash.slice(1));
+                expect(urlParams.get("noiseSuppression")).toBe("false");
+
+                SettingsStore.getValue = originalGetValue;
+            });
+
+            it("does not pass noise suppression settings through widget URL if not needed", async () => {
+                const originalGetValue = SettingsStore.getValue;
+                SettingsStore.getValue = (
+                    name: SettingKey,
+                    roomId: string | null = null,
+                    excludeDefault = false,
+                ): any => {
+                    switch (name) {
+                        case "webrtc_audio_noiseSuppression":
+                            return true;
+                    }
+                };
+                ElementCall.create(room);
+                const call = Call.get(room);
+                if (!(call instanceof ElementCall)) throw new Error("Failed to create call");
+
+                const urlParams = new URLSearchParams(new URL(call.widget.url).hash.slice(1));
+                expect(urlParams.get("noiseSuppression")).toBeNull();
+
+                SettingsStore.getValue = originalGetValue;
+            });
+        });
+
+        it("passes ICE fallback preference through widget URL", async () => {
+            // Test with the preference set to false
+            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.has("allowIceFallback")).toBe(false);
+            call1.destroy();
+
+            // Now test with the preference set to true
+            const originalGetValue = SettingsStore.getValue;
+            SettingsStore.getValue = (name: SettingKey, roomId: string | null = null, excludeDefault = false): any => {
+                switch (name) {
+                    case "fallbackICEServerAllowed":
+                        return true;
+                    default:
+                        return excludeDefault
+                            ? originalGetValue(name, roomId, excludeDefault)
+                            : originalGetValue(name, roomId, excludeDefault);
+                }
+            };
+
+            ElementCall.create(room);
+            const call2 = Call.get(room);
+            if (!(call2 instanceof ElementCall)) throw new Error("Failed to create call");
+
+            const urlParams2 = new URLSearchParams(new URL(call2.widget.url).hash.slice(1));
+            expect(urlParams2.has("allowIceFallback")).toBe(true);
+
+            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: {
+                    api_host: "https://posthog",
+                    project_api_key: "DEADBEEF",
+                },
+            });
+            jest.spyOn(PosthogAnalytics.instance, "getAnonymity").mockReturnValue(Anonymity.Pseudonymous);
+            client.getAccountData.mockImplementation((eventType: string) => {
+                if (eventType === PosthogAnalytics.ANALYTICS_EVENT_TYPE) {
+                    return new MatrixEvent({ content: { id: "123456789987654321", pseudonymousAnalyticsOptIn: true } });
+                }
+                return undefined;
+            });
+            ElementCall.create(room);
+            const call = Call.get(room);
+            if (!(call instanceof ElementCall)) throw new Error("Failed to create call");
+
+            const urlParams = new URLSearchParams(new URL(call.widget.url).hash.slice(1));
+            expect(urlParams.get("posthogUserId")).toBe("123456789987654321");
+            expect(urlParams.get("posthogApiHost")).toBe("https://posthog");
+            expect(urlParams.get("posthogApiKey")).toBe("DEADBEEF");
+        });
+
+        it("does not pass analyticsID if `pseudonymousAnalyticsOptIn` set to false", async () => {
+            client.getAccountData.mockImplementation((eventType: string) => {
+                if (eventType === PosthogAnalytics.ANALYTICS_EVENT_TYPE) {
+                    return new MatrixEvent({
+                        content: { id: "123456789987654321", pseudonymousAnalyticsOptIn: false },
+                    });
+                }
+                return undefined;
+            });
+            ElementCall.create(room);
+            const call = Call.get(room);
+            if (!(call instanceof ElementCall)) throw new Error("Failed to create call");
+
+            const urlParams = new URLSearchParams(new URL(call.widget.url).hash.slice(1));
+            expect(urlParams.get("analyticsID")).toBeFalsy();
+        });
+
+        it("passes empty analyticsID if the id is not in the account data", async () => {
+            client.getAccountData.mockImplementation((eventType: string) => {
+                if (eventType === PosthogAnalytics.ANALYTICS_EVENT_TYPE) {
+                    return new MatrixEvent({ content: {} });
+                }
+                return undefined;
+            });
+            ElementCall.create(room);
+            const call = Call.get(room);
+            if (!(call instanceof ElementCall)) throw new Error("Failed to create call");
+
+            const urlParams = new URLSearchParams(new URL(call.widget.url).hash.slice(1));
+            expect(urlParams.get("analyticsID")).toBeFalsy();
+        });
+
+        it("requests correct intent in DMs", async () => {
+            getUserIdForRoomIdSpy.mockImplementation((roomId: string) =>
+                room.roomId === roomId ? "any-user" : undefined,
+            );
+            ElementCall.create(room);
+            const call = Call.get(room);
+            if (!(call instanceof ElementCall)) throw new Error("Failed to create call");
+
+            const urlParams = new URLSearchParams(new URL(call.widget.url).hash.slice(1));
+            expect(urlParams.get("intent")).toBe(ElementCallIntent.StartCallDM);
+        });
+
+        it("requests correct intent when answering DMs", async () => {
+            roomSession.getOldestMembership.mockReturnValue({} as CallMembership);
+            getUserIdForRoomIdSpy.mockImplementation((roomId: string) =>
+                room.roomId === roomId ? "any-user" : undefined,
+            );
+            ElementCall.create(room);
+            const call = Call.get(room);
+            if (!(call instanceof ElementCall)) throw new Error("Failed to create call");
+
+            const urlParams = new URLSearchParams(new URL(call.widget.url).hash.slice(1));
+            expect(urlParams.get("intent")).toBe(ElementCallIntent.JoinExistingDM);
+        });
+
+        it("requests correct intent when creating a non-DM call", async () => {
+            roomSession.getOldestMembership.mockReturnValue(undefined);
+            ElementCall.create(room);
+            const call = Call.get(room);
+            if (!(call instanceof ElementCall)) throw new Error("Failed to create call");
+
+            const urlParams = new URLSearchParams(new URL(call.widget.url).hash.slice(1));
+            expect(urlParams.get("intent")).toBe(ElementCallIntent.StartCall);
+        });
+
+        it("requests correct intent when joining a non-DM call", async () => {
+            roomSession.getOldestMembership.mockReturnValue({} as CallMembership);
+            ElementCall.create(room);
+            const call = Call.get(room);
+            if (!(call instanceof ElementCall)) throw new Error("Failed to create call");
+
+            const urlParams = new URLSearchParams(new URL(call.widget.url).hash.slice(1));
+            expect(urlParams.get("intent")).toBe(ElementCallIntent.JoinExisting);
+        });
+    });
+
+    describe("instance in a non-video room", () => {
+        let call: ElementCall;
+        let widget: Widget;
+        let messaging: Mocked<WidgetMessaging>;
+        let widgetApi: Mocked<ClientWidgetApi>;
+
+        beforeEach(async () => {
+            jest.useFakeTimers();
+            jest.setSystemTime(0);
+
+            ElementCall.create(room);
+            const maybeCall = ElementCall.get(room);
+            if (maybeCall === null) throw new Error("Failed to create call");
+            call = maybeCall;
+
+            ({ widget, messaging, widgetApi } = setUpWidget(call));
+        });
+
+        afterEach(() => cleanUpCallAndWidget(call, widget));
+
+        // TODO refactor initial device configuration to use the EW settings.
+        // Add tests for passing EW device configuration to the widget.
+
+        it("waits for messaging when starting (widget API available immediately)", async () => {
+            // Temporarily remove the messaging to simulate connecting while the
+            // widget is still initializing
+            WidgetMessagingStore.instance.stopMessaging(widget, room.roomId);
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+
+            const startup = call.start({});
+            WidgetMessagingStore.instance.storeMessaging(widget, room.roomId, messaging);
+            await startup;
+            await connect(call, widgetApi, false);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+        });
+
+        it("waits for messaging when starting (widget API started asynchronously)", async () => {
+            // Temporarily remove the messaging to simulate connecting while the
+            // widget is still initializing
+            WidgetMessagingStore.instance.stopMessaging(widget, room.roomId);
+            // Also remove the widget API from said messaging until later
+            let storedWidgetApi: Mocked<ClientWidgetApi> | null = null;
+            Object.defineProperty(messaging, "widgetApi", {
+                get() {
+                    return storedWidgetApi;
+                },
+            });
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+
+            const startup = call.start({});
+            WidgetMessagingStore.instance.storeMessaging(widget, room.roomId, messaging);
+            // Yield the event loop to the Call.start promise, then simulate the
+            // widget API being started asynchronously
+            await Promise.resolve();
+            storedWidgetApi = widgetApi;
+            messaging.emit(WidgetMessagingEvent.Start, storedWidgetApi);
+            await startup;
+            await connect(call, widgetApi, false);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+        });
+
+        it("waits for messaging when starting (even if messaging is replaced during startup)", async () => {
+            const firstMessaging = messaging;
+            // Entirely remove the widget API from this first messaging
+            Object.defineProperty(firstMessaging, "widgetApi", {
+                get() {
+                    return null;
+                },
+            });
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+
+            const startup = call.start({});
+            // Now imagine that the messaging gets abandoned and replaced by an
+            // entirely new messaging object
+            ({ widget, messaging, widgetApi } = setUpWidget(call));
+            WidgetMessagingStore.instance.storeMessaging(widget, room.roomId, messaging);
+            await startup;
+            await connect(call, widgetApi, false);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+            expect(firstMessaging.listenerCount(WidgetMessagingEvent.Start)).toBe(0); // No leaks
+        });
+
+        it("fails to disconnect if the widget returns an error", async () => {
+            await connect(call, widgetApi);
+            mocked(widgetApi.transport).send.mockRejectedValue(new Error("never!!1! >:("));
+            await expect(call.disconnect()).rejects.toBeDefined();
+        });
+
+        it("handles remote disconnection", async () => {
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+
+            await connect(call, widgetApi);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+
+            widgetApi.emit(`action:${ElementWidgetActions.HangupCall}`, new CustomEvent("widgetapirequest", {}));
+            widgetApi.emit(`action:${ElementWidgetActions.Close}`, new CustomEvent("widgetapirequest", {}));
+            await waitFor(() => expect(call.connectionState).toBe(ConnectionState.Disconnected), { interval: 5 });
+        });
+
+        it("disconnects", async () => {
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+            await connect(call, widgetApi);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+            await disconnect(call, widgetApi);
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+        });
+
+        it("disconnects when we leave the room", async () => {
+            await connect(call, widgetApi);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+            room.emit(RoomEvent.MyMembership, room, KnownMembership.Leave);
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+        });
+
+        it("remains connected if we stay in the room", async () => {
+            await connect(call, widgetApi);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+            room.emit(RoomEvent.MyMembership, room, KnownMembership.Join);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+        });
+
+        it("disconnects if the widget dies", async () => {
+            await connect(call, widgetApi);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+            WidgetMessagingStore.instance.stopMessaging(widget, room.roomId);
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+        });
+
+        it("acknowledges mute_device widget action", async () => {
+            await connect(call, widgetApi);
+            const preventDefault = jest.fn();
+            const mockEv = {
+                preventDefault,
+                detail: { video_enabled: false },
+            };
+            widgetApi.emit(`action:${ElementWidgetActions.DeviceMute}`, mockEv);
+            expect(widgetApi.transport.reply).toHaveBeenCalledWith({ video_enabled: false }, {});
+            expect(preventDefault).toHaveBeenCalled();
+        });
+
+        it("emits events when connection state changes", async () => {
+            // const wait = jest.spyOn(CallModule, "waitForEvent");
+            const onConnectionState = jest.fn();
+            call.on(CallEvent.ConnectionState, onConnectionState);
+
+            await connect(call, widgetApi);
+            await disconnect(call, widgetApi);
+            expect(onConnectionState.mock.calls).toEqual([
+                [ConnectionState.Connected, ConnectionState.Disconnected],
+                [ConnectionState.Disconnecting, ConnectionState.Connected],
+                [ConnectionState.Disconnected, ConnectionState.Disconnecting],
+            ]);
+
+            call.off(CallEvent.ConnectionState, onConnectionState);
+        });
+
+        it("emits events when participants change", async () => {
+            const onParticipants = jest.fn();
+            call.session.memberships = [{ sender: alice.userId, deviceId: "alices_device" } as CallMembership];
+            call.on(CallEvent.Participants, onParticipants);
+            call.session.emit(MatrixRTCSessionEvent.MembershipsChanged, [], []);
+
+            expect(onParticipants.mock.calls).toEqual([[new Map([[alice, new Set(["alices_device"])]]), new Map()]]);
+
+            call.off(CallEvent.Participants, onParticipants);
+        });
+
+        it("emits events when call type changes", async () => {
+            const onCallTypeChanged = jest.fn();
+            call.on(CallEvent.CallTypeChanged, onCallTypeChanged);
+            // Should default to video when unknown
+            expect(call.callType).toBe(CallType.Video);
+
+            // Change call type to voice
+            roomSession.memberships = [
+                { sender: alice.userId, deviceId: "alices_device", callIntent: "audio" } as Mocked<CallMembership>,
+            ];
+            roomSession.getConsensusCallIntent.mockReturnValue("audio");
+            roomSession.emit(MatrixRTCSessionEvent.MembershipsChanged, [], []);
+
+            expect(call.callType).toBe(CallType.Voice);
+            expect(onCallTypeChanged.mock.calls).toEqual([[CallType.Voice]]);
+
+            // Change call type back to video
+            roomSession.memberships = [
+                { sender: alice.userId, deviceId: "alices_device", callIntent: "video" } as Mocked<CallMembership>,
+            ];
+            roomSession.getConsensusCallIntent.mockReturnValue("video");
+            roomSession.emit(MatrixRTCSessionEvent.MembershipsChanged, [], []);
+
+            expect(call.callType).toBe(CallType.Video);
+            expect(onCallTypeChanged.mock.calls).toEqual([[CallType.Voice], [CallType.Video]]);
+
+            call.off(CallEvent.CallTypeChanged, onCallTypeChanged);
+        });
+
+        it("ends the call immediately if the session ended", async () => {
+            await connect(call, widgetApi);
+            const onDestroy = jest.fn();
+            call.on(CallEvent.Destroy, onDestroy);
+            await disconnect(call, widgetApi);
+            // this will be called automatically
+            // disconnect -> widget sends state event -> session manager notices no-one left
+            client.matrixRTC.emit(
+                MatrixRTCSessionManagerEvents.SessionEnded,
+                room.roomId,
+                {} as unknown as MatrixRTCSession,
+            );
+            expect(onDestroy).toHaveBeenCalled();
+            call.off(CallEvent.Destroy, onDestroy);
+        });
+
+        it("clears widget persistence when destroyed", async () => {
+            const destroyPersistentWidgetSpy = jest.spyOn(ActiveWidgetStore.instance, "destroyPersistentWidget");
+            call.destroy();
+            expect(destroyPersistentWidgetSpy).toHaveBeenCalled();
+        });
+
+        it("the perParticipantE2EE url flag is used in encrypted rooms while respecting the feature_disable_call_per_sender_encryption flag", async () => {
+            // We destroy the call created in beforeEach because we test the call creation process.
+            call.destroy();
+            const addWidgetSpy = jest.spyOn(WidgetStore.instance, "addVirtualWidget");
+            // If a room is not encrypted we will never add the perParticipantE2EE flag.
+            const roomSpy = jest.spyOn(room, "hasEncryptionStateEvent").mockReturnValue(true);
+
+            // should create call with perParticipantE2EE flag
+            ElementCall.create(room);
+            expect(Call.get(room)?.widget?.data?.perParticipantE2EE).toBe(true);
+
+            // should create call without perParticipantE2EE flag
+            enabledSettings.add("feature_disable_call_per_sender_encryption");
+            expect(Call.get(room)?.widget?.data?.perParticipantE2EE).toBe(false);
+            enabledSettings.delete("feature_disable_call_per_sender_encryption");
+            roomSpy.mockRestore();
+            addWidgetSpy.mockRestore();
+        });
+    });
+
+    describe("instance in a video room", () => {
+        let call: ElementCall;
+        let widget: Widget;
+        let widgetApi: Mocked<ClientWidgetApi>;
+
+        beforeEach(async () => {
+            jest.useFakeTimers();
+            jest.setSystemTime(0);
+
+            jest.spyOn(room, "getType").mockReturnValue(RoomType.UnstableCall);
+
+            ElementCall.create(room);
+            const maybeCall = ElementCall.get(room);
+            if (maybeCall === null) throw new Error("Failed to create call");
+            call = maybeCall;
+
+            ({ widget, widgetApi } = setUpWidget(call));
+        });
+
+        afterEach(() => cleanUpCallAndWidget(call, widget));
+
+        it("doesn't end the call when the last participant leaves", async () => {
+            await connect(call, widgetApi);
+            const onDestroy = jest.fn();
+            call.on(CallEvent.Destroy, onDestroy);
+            await disconnect(call, widgetApi);
+            expect(onDestroy).not.toHaveBeenCalled();
+            call.off(CallEvent.Destroy, onDestroy);
+        });
+
+        it("handles remote disconnection and reconnect right after", async () => {
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+            await connect(call, widgetApi);
+            expect(call.connectionState).toBe(ConnectionState.Connected);
+
+            widgetApi.emit(`action:${ElementWidgetActions.HangupCall}`, new CustomEvent("widgetapirequest", {}));
+            // We should now be able to reconnect without manually starting the widget
+            expect(call.connectionState).toBe(ConnectionState.Disconnected);
+            await connect(call, widgetApi, false);
+            await waitFor(() => expect(call.connectionState).toBe(ConnectionState.Connected), { interval: 5 });
+        });
+    });
+    describe("create call", () => {
+        beforeEach(async () => {
+            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, "sessionMembershipsForSlot").mockResolvedValue([
+                { application: "m.call", callId: "" } as unknown as CallMembership,
+            ]);
+            const sendEventSpy = jest.spyOn(room.client, "sendEvent");
+            ElementCall.create(room);
+            expect(sendEventSpy).not.toHaveBeenCalled();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/models/LocalRoom-test.ts b/apps/web/test/unit-tests/models/LocalRoom-test.ts
new file mode 100644
index 00000000000..26d4845c6cb
--- /dev/null
+++ b/apps/web/test/unit-tests/models/LocalRoom-test.ts
@@ -0,0 +1,104 @@
+/*
+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 { Direction, EventType, type MatrixClient, MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { LocalRoom, LocalRoomState, LOCAL_ROOM_ID_PREFIX } from "../../../src/models/LocalRoom";
+import { createTestClient } from "../../test-utils";
+
+const stateTestData = [
+    {
+        name: "NEW",
+        state: LocalRoomState.NEW,
+        isNew: true,
+        isCreated: false,
+        isError: false,
+    },
+    {
+        name: "CREATING",
+        state: LocalRoomState.CREATING,
+        isNew: false,
+        isCreated: false,
+        isError: false,
+    },
+    {
+        name: "CREATED",
+        state: LocalRoomState.CREATED,
+        isNew: false,
+        isCreated: true,
+        isError: false,
+    },
+    {
+        name: "ERROR",
+        state: LocalRoomState.ERROR,
+        isNew: false,
+        isCreated: false,
+        isError: true,
+    },
+];
+
+describe("LocalRoom", () => {
+    let room: LocalRoom;
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        client = createTestClient();
+        room = new LocalRoom(LOCAL_ROOM_ID_PREFIX + "test", client, "@test:localhost");
+    });
+
+    it("should not raise an error on getPendingEvents (implicitly check for pendingEventOrdering: detached)", () => {
+        room.getPendingEvents();
+        expect(true).toBe(true);
+    });
+
+    it("should not have after create callbacks", () => {
+        expect(room.afterCreateCallbacks).toHaveLength(0);
+    });
+
+    stateTestData.forEach((stateTestDatum) => {
+        describe(`in state ${stateTestDatum.name}`, () => {
+            beforeEach(() => {
+                room.state = stateTestDatum.state;
+            });
+
+            it(`isNew should return ${stateTestDatum.isNew}`, () => {
+                expect(room.isNew).toBe(stateTestDatum.isNew);
+            });
+
+            it(`isCreated should return ${stateTestDatum.isCreated}`, () => {
+                expect(room.isCreated).toBe(stateTestDatum.isCreated);
+            });
+
+            it(`isError should return ${stateTestDatum.isError}`, () => {
+                expect(room.isError).toBe(stateTestDatum.isError);
+            });
+        });
+    });
+
+    it("should return false for isEncryptionEnabled with no state", () => {
+        expect(room.isEncryptionEnabled()).toBe(false);
+    });
+
+    it("should return true for isEncryptionEnabled with an encryption state event", () => {
+        const encryptionEvent = new MatrixEvent({
+            type: EventType.RoomEncryption,
+            state_key: "",
+            content: {
+                algorithm: "m.megolm.v1.aes-sha2",
+            },
+            sender: "@test:localhost",
+            room_id: room.roomId,
+            event_id: "$test:localhost",
+        });
+
+        const roomState = room.getLiveTimeline().getState(Direction.Forward);
+        roomState?.setStateEvents([encryptionEvent]);
+
+        expect(room.isEncryptionEnabled()).toBe(true);
+    });
+});
diff --git a/apps/web/test/unit-tests/models/notificationsettings/NotificationSettings-test.ts b/apps/web/test/unit-tests/models/notificationsettings/NotificationSettings-test.ts
new file mode 100644
index 00000000000..79045eb20f8
--- /dev/null
+++ b/apps/web/test/unit-tests/models/notificationsettings/NotificationSettings-test.ts
@@ -0,0 +1,243 @@
+/*
+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 IPushRules, PushRuleKind, RuleId } from "matrix-js-sdk/src/matrix";
+
+import {
+    DefaultNotificationSettings,
+    type NotificationSettings,
+} from "../../../../src/models/notificationsettings/NotificationSettings";
+import { reconcileNotificationSettings } from "../../../../src/models/notificationsettings/reconcileNotificationSettings";
+import { toNotificationSettings } from "../../../../src/models/notificationsettings/toNotificationSettings";
+import { StandardActions } from "../../../../src/notifications/StandardActions";
+import { RoomNotifState } from "../../../../src/RoomNotifs";
+
+describe("NotificationSettings", () => {
+    it("parses a typical pushrules setup correctly", async () => {
+        const pushRules = (await import("./pushrules_sample.json")) as IPushRules;
+        const model = toNotificationSettings(pushRules, false);
+        const pendingChanges = reconcileNotificationSettings(pushRules, model, false);
+        const expectedModel: NotificationSettings = {
+            globalMute: false,
+            defaultLevels: {
+                dm: RoomNotifState.AllMessages,
+                room: RoomNotifState.MentionsOnly,
+            },
+            sound: {
+                calls: "ring",
+                mentions: "default",
+                people: undefined,
+            },
+            activity: {
+                bot_notices: false,
+                invite: true,
+                status_event: false,
+            },
+            mentions: {
+                user: true,
+                room: true,
+                keywords: true,
+            },
+            keywords: ["justjann3", "justj4nn3", "justj4nne", "Janne", "J4nne", "Jann3", "jann3", "j4nne", "janne"],
+        };
+        expect(model).toEqual(expectedModel);
+        expect(pendingChanges.added).toHaveLength(0);
+        expect(pendingChanges.deleted).toHaveLength(0);
+        expect(pendingChanges.updated).toHaveLength(0);
+    });
+
+    it("generates correct mutations for a changed model", async () => {
+        const pushRules = (await import("./pushrules_sample.json")) as IPushRules;
+        const pendingChanges = reconcileNotificationSettings(pushRules, DefaultNotificationSettings, false);
+        expect(pendingChanges.added).toHaveLength(0);
+        expect(pendingChanges.deleted).toEqual([
+            { kind: PushRuleKind.ContentSpecific, rule_id: "justjann3" },
+            { kind: PushRuleKind.ContentSpecific, rule_id: "justj4nn3" },
+            { kind: PushRuleKind.ContentSpecific, rule_id: "justj4nne" },
+            { kind: PushRuleKind.ContentSpecific, rule_id: "Janne" },
+            { kind: PushRuleKind.ContentSpecific, rule_id: "J4nne" },
+            { kind: PushRuleKind.ContentSpecific, rule_id: "Jann3" },
+            { kind: PushRuleKind.ContentSpecific, rule_id: "jann3" },
+            { kind: PushRuleKind.ContentSpecific, rule_id: "j4nne" },
+            { kind: PushRuleKind.ContentSpecific, rule_id: "janne" },
+        ]);
+        expect(pendingChanges.updated).toEqual([
+            {
+                kind: PushRuleKind.Underride,
+                rule_id: RuleId.EncryptedMessage,
+                enabled: true,
+                actions: StandardActions.ACTION_NOTIFY,
+            },
+            {
+                kind: PushRuleKind.Underride,
+                rule_id: RuleId.Message,
+                enabled: true,
+                actions: StandardActions.ACTION_NOTIFY,
+            },
+            {
+                kind: PushRuleKind.Underride,
+                rule_id: RuleId.EncryptedDM,
+                enabled: true,
+                actions: StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+            },
+            {
+                kind: PushRuleKind.Underride,
+                rule_id: RuleId.DM,
+                enabled: true,
+                actions: StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+            },
+            {
+                kind: PushRuleKind.Override,
+                rule_id: RuleId.SuppressNotices,
+                enabled: false,
+                actions: StandardActions.ACTION_DONT_NOTIFY,
+            },
+            {
+                kind: PushRuleKind.Override,
+                rule_id: RuleId.InviteToSelf,
+                enabled: true,
+                actions: StandardActions.ACTION_NOTIFY_DEFAULT_SOUND,
+            },
+        ]);
+    });
+
+    it("correctly migrates old settings to the new model", async () => {
+        const pushRules = (await import("./pushrules_default.json")) as IPushRules;
+        const newPushRules = (await import("./pushrules_default_new.json")) as IPushRules;
+        const model = toNotificationSettings(pushRules, false);
+        const expectedModel: NotificationSettings = {
+            globalMute: false,
+            defaultLevels: {
+                dm: RoomNotifState.AllMessages,
+                room: RoomNotifState.MentionsOnly,
+            },
+            sound: {
+                calls: "ring",
+                mentions: "default",
+                people: "default",
+            },
+            activity: {
+                bot_notices: false,
+                invite: true,
+                status_event: true,
+            },
+            mentions: {
+                user: true,
+                room: true,
+                keywords: true,
+            },
+            keywords: [],
+        };
+        expect(model).toEqual(expectedModel);
+        const pendingChanges = reconcileNotificationSettings(pushRules, model, false);
+        expect(pendingChanges.added).toHaveLength(0);
+        expect(pendingChanges.updated).toEqual([
+            {
+                kind: PushRuleKind.Override,
+                rule_id: RuleId.MemberEvent,
+                enabled: true,
+                actions: StandardActions.ACTION_NOTIFY,
+            },
+        ]);
+        const roundtripPendingChanges = reconcileNotificationSettings(newPushRules, model, false);
+        expect(roundtripPendingChanges.added).toHaveLength(0);
+        expect(roundtripPendingChanges.deleted).toHaveLength(0);
+        expect(roundtripPendingChanges.updated).toHaveLength(0);
+    });
+
+    it("handles the bot notice inversion correctly", async () => {
+        const pushRules = (await import("./pushrules_bug_botnotices.json")) as IPushRules;
+        const model = toNotificationSettings(pushRules, false);
+        const pendingChanges = reconcileNotificationSettings(pushRules, model, false);
+        const expectedModel: NotificationSettings = {
+            globalMute: false,
+            defaultLevels: {
+                dm: RoomNotifState.AllMessages,
+                room: RoomNotifState.MentionsOnly,
+            },
+            sound: {
+                calls: "ring",
+                mentions: "default",
+                people: undefined,
+            },
+            activity: {
+                bot_notices: true,
+                invite: true,
+                status_event: false,
+            },
+            mentions: {
+                user: true,
+                room: true,
+                keywords: true,
+            },
+            keywords: ["janne"],
+        };
+        expect(model).toEqual(expectedModel);
+        expect(pendingChanges.added).toHaveLength(0);
+        expect(pendingChanges.deleted).toHaveLength(0);
+        expect(pendingChanges.updated).toHaveLength(0);
+    });
+
+    it("correctly handles audible keywords without mentions settings", async () => {
+        const pushRules = (await import("./pushrules_bug_keyword_only.json")) as IPushRules;
+        const model = toNotificationSettings(pushRules, false);
+        const pendingChanges = reconcileNotificationSettings(pushRules, model, false);
+        const expectedModel: NotificationSettings = {
+            globalMute: false,
+            defaultLevels: {
+                dm: RoomNotifState.MentionsOnly,
+                room: RoomNotifState.MentionsOnly,
+            },
+            sound: {
+                calls: "ring",
+                mentions: "default",
+                people: undefined,
+            },
+            activity: {
+                bot_notices: true,
+                invite: true,
+                status_event: false,
+            },
+            mentions: {
+                user: false,
+                room: true,
+                keywords: true,
+            },
+            keywords: ["janne"],
+        };
+        expect(model).toEqual(expectedModel);
+        expect(pendingChanges.added).toHaveLength(0);
+        expect(pendingChanges.deleted).toHaveLength(0);
+        expect(pendingChanges.updated).toHaveLength(0);
+    });
+
+    it("stores a keyword that starts with a dot under an id the server will accept", async () => {
+        const pushRules = (await import("./pushrules_default.json")) as IPushRules;
+        const model = { ...DefaultNotificationSettings, keywords: ["...push complete"] };
+
+        const pendingChanges = reconcileNotificationSettings(pushRules, model, false);
+
+        expect(pendingChanges.added).toEqual([
+            expect.objectContaining({
+                kind: PushRuleKind.ContentSpecific,
+                rule_id: "push complete",
+                pattern: "...push complete",
+            }),
+        ]);
+    });
+
+    it("keeps the ids of two keywords that differ only by a leading dot apart", async () => {
+        const pushRules = (await import("./pushrules_default.json")) as IPushRules;
+        const model = { ...DefaultNotificationSettings, keywords: ["banana", ".banana"] };
+
+        const pendingChanges = reconcileNotificationSettings(pushRules, model, false);
+
+        expect(pendingChanges.added.map((rule) => rule.rule_id)).toEqual(["banana", "banana-2"]);
+        expect(pendingChanges.added.map((rule) => rule.pattern)).toEqual(["banana", ".banana"]);
+    });
+});
diff --git a/apps/web/test/unit-tests/models/notificationsettings/pushrules_bug_botnotices.json b/apps/web/test/unit-tests/models/notificationsettings/pushrules_bug_botnotices.json
new file mode 100644
index 00000000000..6ae0350140a
--- /dev/null
+++ b/apps/web/test/unit-tests/models/notificationsettings/pushrules_bug_botnotices.json
@@ -0,0 +1,407 @@
+{
+    "global": {
+        "underride": [
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.call.invite"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "ring"
+                    },
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.call",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.message"
+                    },
+                    {
+                        "kind": "room_member_count",
+                        "is": "2"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.room_one_to_one",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.encrypted"
+                    },
+                    {
+                        "kind": "room_member_count",
+                        "is": "2"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.encrypted_room_one_to_one",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.message"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.message",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.encrypted"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.encrypted",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "im.vector.modular.widgets"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.type",
+                        "pattern": "jitsi"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": "*"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".im.vector.jitsi",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "rule_id": ".org.matrix.msc3914.rule.room.call",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "org.matrix.msc3401.call"
+                    },
+                    {
+                        "kind": "call_started"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    }
+                ]
+            }
+        ],
+        "sender": [],
+        "room": [],
+        "content": [
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "pattern": "janne",
+                "rule_id": "janne",
+                "default": false,
+                "enabled": true
+            },
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "rule_id": ".m.rule.contains_user_name",
+                "default": true,
+                "pattern": "jannemk",
+                "enabled": true
+            }
+        ],
+        "override": [
+            {
+                "conditions": [],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.master",
+                "default": true,
+                "enabled": false
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "content.msgtype",
+                        "pattern": "m.notice"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.suppress_notices",
+                "default": true,
+                "enabled": false
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.member"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.membership",
+                        "pattern": "invite"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": "@jannemk:element.io"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.invite_for_me",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.member"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.member_event",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "contains_display_name"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "rule_id": ".m.rule.contains_display_name",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "sender_notification_permission",
+                        "key": "room"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.body",
+                        "pattern": "@room"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.roomnotif",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.tombstone"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "rule_id": ".m.rule.tombstone",
+                "default": true,
+                "enabled": false
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.reaction"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.reaction",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.server_acl"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": [],
+                "rule_id": ".m.rule.room.server_acl",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "rule_id": ".m.rule.is_user_mention",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_property_contains",
+                        "key": "content.m\\.mentions.user_ids",
+                        "value": "@jannemk:element.io"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ]
+            },
+            {
+                "rule_id": ".m.rule.is_room_mention",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_property_is",
+                        "key": "content.m\\.mentions.room",
+                        "value": true
+                    },
+                    {
+                        "kind": "sender_notification_permission",
+                        "key": "room"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ]
+            },
+            {
+                "rule_id": ".org.matrix.msc3786.rule.room.server_acl",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.server_acl"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": []
+            }
+        ]
+    }
+}
diff --git a/apps/web/test/unit-tests/models/notificationsettings/pushrules_bug_keyword_only.json b/apps/web/test/unit-tests/models/notificationsettings/pushrules_bug_keyword_only.json
new file mode 100644
index 00000000000..1526681a634
--- /dev/null
+++ b/apps/web/test/unit-tests/models/notificationsettings/pushrules_bug_keyword_only.json
@@ -0,0 +1,377 @@
+{
+    "global": {
+        "underride": [
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.call.invite"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "ring"
+                    },
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.call",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.message"
+                    },
+                    {
+                        "kind": "room_member_count",
+                        "is": "2"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.room_one_to_one",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.encrypted"
+                    },
+                    {
+                        "kind": "room_member_count",
+                        "is": "2"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.encrypted_room_one_to_one",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.message"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.message",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.encrypted"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.encrypted",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "im.vector.modular.widgets"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.type",
+                        "pattern": "jitsi"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": "*"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".im.vector.jitsi",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "rule_id": ".org.matrix.msc3914.rule.room.call",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "org.matrix.msc3401.call"
+                    },
+                    {
+                        "kind": "call_started"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    }
+                ]
+            }
+        ],
+        "sender": [],
+        "room": [],
+        "content": [
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "pattern": "janne",
+                "rule_id": "janne",
+                "default": false,
+                "enabled": true
+            },
+            {
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.contains_user_name",
+                "default": true,
+                "pattern": "jannemk",
+                "enabled": true
+            }
+        ],
+        "override": [
+            {
+                "conditions": [],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.master",
+                "default": true,
+                "enabled": false
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "content.msgtype",
+                        "pattern": "m.notice"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.suppress_notices",
+                "default": true,
+                "enabled": false
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.member"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.membership",
+                        "pattern": "invite"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": "@jannemk:element.io"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.invite_for_me",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.member"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.member_event",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "contains_display_name"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.contains_display_name",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "sender_notification_permission",
+                        "key": "room"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.body",
+                        "pattern": "@room"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.roomnotif",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.tombstone"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "rule_id": ".m.rule.tombstone",
+                "default": true,
+                "enabled": false
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.reaction"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.reaction",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.server_acl"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": [],
+                "rule_id": ".m.rule.room.server_acl",
+                "default": true,
+                "enabled": true
+            },
+            {
+                "rule_id": ".m.rule.is_user_mention",
+                "default": true,
+                "enabled": false,
+                "conditions": [
+                    {
+                        "kind": "event_property_contains",
+                        "key": "content.m\\.mentions.user_ids",
+                        "value": "@jannemk:element.io"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ]
+            },
+            {
+                "rule_id": ".m.rule.is_room_mention",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_property_is",
+                        "key": "content.m\\.mentions.room",
+                        "value": true
+                    },
+                    {
+                        "kind": "sender_notification_permission",
+                        "key": "room"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ]
+            },
+            {
+                "rule_id": ".org.matrix.msc3786.rule.room.server_acl",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.server_acl"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": []
+            }
+        ]
+    }
+}
diff --git a/apps/web/test/unit-tests/models/notificationsettings/pushrules_default.json b/apps/web/test/unit-tests/models/notificationsettings/pushrules_default.json
new file mode 100644
index 00000000000..a50531a99de
--- /dev/null
+++ b/apps/web/test/unit-tests/models/notificationsettings/pushrules_default.json
@@ -0,0 +1,423 @@
+{
+    "global": {
+        "underride": [
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.call.invite"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "ring"
+                    },
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.call",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.message"
+                    },
+                    {
+                        "kind": "room_member_count",
+                        "is": "2"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.room_one_to_one",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.encrypted"
+                    },
+                    {
+                        "kind": "room_member_count",
+                        "is": "2"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.encrypted_room_one_to_one",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.message"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.message",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.encrypted"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.encrypted",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "im.vector.modular.widgets"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.type",
+                        "pattern": "jitsi"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": "*"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".im.vector.jitsi",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "rule_id": ".org.matrix.msc3914.rule.room.call",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "org.matrix.msc3401.call"
+                    },
+                    {
+                        "kind": "call_started"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    }
+                ],
+                "kind": "underride"
+            }
+        ],
+        "sender": [],
+        "room": [],
+        "content": [
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    },
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    }
+                ],
+                "rule_id": ".m.rule.contains_user_name",
+                "default": true,
+                "pattern": "jannetestuser",
+                "enabled": true,
+                "kind": "content"
+            }
+        ],
+        "override": [
+            {
+                "conditions": [],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.master",
+                "default": true,
+                "enabled": false,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "content.msgtype",
+                        "pattern": "m.notice"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.suppress_notices",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.member"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.membership",
+                        "pattern": "invite"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": "@jannetestuser:beta.matrix.org"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    },
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    }
+                ],
+                "rule_id": ".m.rule.invite_for_me",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.member"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.member_event",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_property_contains",
+                        "key": "content.m\\.mentions.user_ids",
+                        "value": "@jannetestuser:beta.matrix.org"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "rule_id": ".m.rule.is_user_mention",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "contains_display_name"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    },
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    }
+                ],
+                "rule_id": ".m.rule.contains_display_name",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_property_is",
+                        "key": "content.m\\.mentions.room",
+                        "value": true
+                    },
+                    {
+                        "kind": "sender_notification_permission",
+                        "key": "room"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "rule_id": ".m.rule.is_room_mention",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "sender_notification_permission",
+                        "key": "room"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.body",
+                        "pattern": "@room"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.roomnotif",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.tombstone"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "rule_id": ".m.rule.tombstone",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.reaction"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.reaction",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.server_acl"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": [],
+                "rule_id": ".m.rule.room.server_acl",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "rule_id": ".org.matrix.msc3786.rule.room.server_acl",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.server_acl"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": [],
+                "kind": "override"
+            }
+        ]
+    }
+}
diff --git a/apps/web/test/unit-tests/models/notificationsettings/pushrules_default_new.json b/apps/web/test/unit-tests/models/notificationsettings/pushrules_default_new.json
new file mode 100644
index 00000000000..c405f41fa33
--- /dev/null
+++ b/apps/web/test/unit-tests/models/notificationsettings/pushrules_default_new.json
@@ -0,0 +1,429 @@
+{
+    "global": {
+        "underride": [
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.call.invite"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "ring"
+                    },
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.call",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.message"
+                    },
+                    {
+                        "kind": "room_member_count",
+                        "is": "2"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.room_one_to_one",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.encrypted"
+                    },
+                    {
+                        "kind": "room_member_count",
+                        "is": "2"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.encrypted_room_one_to_one",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.message"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.message",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.encrypted"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.encrypted",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "im.vector.modular.widgets"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.type",
+                        "pattern": "jitsi"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": "*"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".im.vector.jitsi",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "rule_id": ".org.matrix.msc3914.rule.room.call",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "org.matrix.msc3401.call"
+                    },
+                    {
+                        "kind": "call_started"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    }
+                ],
+                "kind": "underride"
+            }
+        ],
+        "sender": [],
+        "room": [],
+        "content": [
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    },
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    }
+                ],
+                "rule_id": ".m.rule.contains_user_name",
+                "default": true,
+                "pattern": "jannetestuser",
+                "enabled": true,
+                "kind": "content"
+            }
+        ],
+        "override": [
+            {
+                "conditions": [],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.master",
+                "default": true,
+                "enabled": false,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "content.msgtype",
+                        "pattern": "m.notice"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.suppress_notices",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.member"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.membership",
+                        "pattern": "invite"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": "@jannetestuser:beta.matrix.org"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.invite_for_me",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.member"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.member_event",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_property_contains",
+                        "key": "content.m\\.mentions.user_ids",
+                        "value": "@jannetestuser:beta.matrix.org"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "rule_id": ".m.rule.is_user_mention",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "contains_display_name"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    },
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    }
+                ],
+                "rule_id": ".m.rule.contains_display_name",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_property_is",
+                        "key": "content.m\\.mentions.room",
+                        "value": true
+                    },
+                    {
+                        "kind": "sender_notification_permission",
+                        "key": "room"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "rule_id": ".m.rule.is_room_mention",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "sender_notification_permission",
+                        "key": "room"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.body",
+                        "pattern": "@room"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.roomnotif",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.tombstone"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "rule_id": ".m.rule.tombstone",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.reaction"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.reaction",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.server_acl"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": [],
+                "rule_id": ".m.rule.room.server_acl",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "rule_id": ".org.matrix.msc3786.rule.room.server_acl",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.server_acl"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": [],
+                "kind": "override"
+            }
+        ]
+    }
+}
diff --git a/apps/web/test/unit-tests/models/notificationsettings/pushrules_sample.json b/apps/web/test/unit-tests/models/notificationsettings/pushrules_sample.json
new file mode 100644
index 00000000000..7c8819e2b07
--- /dev/null
+++ b/apps/web/test/unit-tests/models/notificationsettings/pushrules_sample.json
@@ -0,0 +1,566 @@
+{
+    "global": {
+        "underride": [
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.call.invite"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "ring"
+                    },
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.call",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.message"
+                    },
+                    {
+                        "kind": "room_member_count",
+                        "is": "2"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.room_one_to_one",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.encrypted"
+                    },
+                    {
+                        "kind": "room_member_count",
+                        "is": "2"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.encrypted_room_one_to_one",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.message"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.message",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.encrypted"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.encrypted",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "im.vector.modular.widgets"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.type",
+                        "pattern": "jitsi"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": "*"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".im.vector.jitsi",
+                "default": true,
+                "enabled": true,
+                "kind": "underride"
+            },
+            {
+                "rule_id": ".org.matrix.msc3914.rule.room.call",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "org.matrix.msc3401.call"
+                    },
+                    {
+                        "kind": "call_started"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    }
+                ],
+                "kind": "underride"
+            }
+        ],
+        "sender": [],
+        "room": [],
+        "content": [
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "pattern": "justjann3",
+                "rule_id": "justjann3",
+                "default": false,
+                "enabled": true,
+                "kind": "content"
+            },
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "pattern": "justj4nn3",
+                "rule_id": "justj4nn3",
+                "default": false,
+                "enabled": true,
+                "kind": "content"
+            },
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "pattern": "justj4nne",
+                "rule_id": "justj4nne",
+                "default": false,
+                "enabled": true,
+                "kind": "content"
+            },
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight",
+                        "value": true
+                    }
+                ],
+                "pattern": "Janne",
+                "rule_id": "Janne",
+                "default": false,
+                "enabled": true,
+                "kind": "content"
+            },
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "pattern": "J4nne",
+                "rule_id": "J4nne",
+                "default": false,
+                "enabled": true,
+                "kind": "content"
+            },
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "pattern": "Jann3",
+                "rule_id": "Jann3",
+                "default": false,
+                "enabled": true,
+                "kind": "content"
+            },
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "pattern": "jann3",
+                "rule_id": "jann3",
+                "default": false,
+                "enabled": true,
+                "kind": "content"
+            },
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "pattern": "j4nne",
+                "rule_id": "j4nne",
+                "default": false,
+                "enabled": true,
+                "kind": "content"
+            },
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "pattern": "janne",
+                "rule_id": "janne",
+                "default": false,
+                "enabled": true,
+                "kind": "content"
+            },
+            {
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "rule_id": ".m.rule.contains_user_name",
+                "default": true,
+                "pattern": "jannemk",
+                "enabled": true,
+                "kind": "content"
+            }
+        ],
+        "override": [
+            {
+                "conditions": [],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.master",
+                "default": true,
+                "enabled": false,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "content.msgtype",
+                        "pattern": "m.notice"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.suppress_notices",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.member"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.membership",
+                        "pattern": "invite"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": "@jannemk:element.io"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.invite_for_me",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.member"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.member_event",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "contains_display_name"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "sound",
+                        "value": "default"
+                    },
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "rule_id": ".m.rule.contains_display_name",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "sender_notification_permission",
+                        "key": "room"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "content.body",
+                        "pattern": "@room"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": false
+                    }
+                ],
+                "rule_id": ".m.rule.roomnotif",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.tombstone"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight",
+                        "value": true
+                    }
+                ],
+                "rule_id": ".m.rule.tombstone",
+                "default": true,
+                "enabled": false,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.reaction"
+                    }
+                ],
+                "actions": ["dont_notify"],
+                "rule_id": ".m.rule.reaction",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.server_acl"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": [],
+                "rule_id": ".m.rule.room.server_acl",
+                "default": true,
+                "enabled": true,
+                "kind": "override"
+            },
+            {
+                "rule_id": ".m.rule.is_user_mention",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_property_contains",
+                        "key": "content.m\\.mentions.user_ids",
+                        "value": "@jannemk:element.io"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "kind": "override"
+            },
+            {
+                "rule_id": ".m.rule.is_room_mention",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_property_is",
+                        "key": "content.m\\.mentions.room",
+                        "value": true
+                    },
+                    {
+                        "kind": "sender_notification_permission",
+                        "key": "room"
+                    }
+                ],
+                "actions": [
+                    "notify",
+                    {
+                        "set_tweak": "highlight"
+                    }
+                ],
+                "kind": "override"
+            },
+            {
+                "rule_id": ".org.matrix.msc3786.rule.room.server_acl",
+                "default": true,
+                "enabled": true,
+                "conditions": [
+                    {
+                        "kind": "event_match",
+                        "key": "type",
+                        "pattern": "m.room.server_acl"
+                    },
+                    {
+                        "kind": "event_match",
+                        "key": "state_key",
+                        "pattern": ""
+                    }
+                ],
+                "actions": [],
+                "kind": "override"
+            }
+        ]
+    }
+}
diff --git a/apps/web/test/unit-tests/modules/AccountDataApi-test.ts b/apps/web/test/unit-tests/modules/AccountDataApi-test.ts
new file mode 100644
index 00000000000..d7b72d7bce7
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/AccountDataApi-test.ts
@@ -0,0 +1,72 @@
+/*
+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 { ClientEvent } from "matrix-js-sdk/src/matrix";
+
+import { AccountDataApi } from "../../../src/modules/AccountDataApi";
+import { mkEvent, stubClient } from "../../test-utils/test-utils";
+
+describe("AccountDataApi", () => {
+    describe("AccountDataWatchable", () => {
+        it("should return content of account data event on get()", () => {
+            const cli = stubClient();
+            const api = new AccountDataApi();
+            // Mock cli to return a event
+            const content = { foo: "bar" };
+            const event = mkEvent({ content, type: "m.test", user: "@foobar:matrix.org", event: true });
+            cli.getAccountData = () => event;
+            expect(api.get("m.test").value).toStrictEqual(content);
+        });
+
+        it("should update value on event", () => {
+            const cli = stubClient();
+            const api = new AccountDataApi();
+            // Mock cli to return a event
+            const content = { foo: "bar" };
+            const event = mkEvent({ content, type: "m.test", user: "@foobar:matrix.org", event: true });
+            cli.getAccountData = () => event;
+
+            const watchable = api.get("m.test");
+            expect(watchable.value).toStrictEqual(content);
+
+            const fn = jest.fn();
+            watchable.watch(fn);
+
+            // Let's say that the account data event changed
+            const event2 = mkEvent({
+                content: { foo: "abc" },
+                type: "m.test",
+                user: "@foobar:matrix.org",
+                event: true,
+            });
+            cli.emit(ClientEvent.AccountData, event2);
+            // Watchable value should have been updated
+            expect(watchable.value).toStrictEqual({ foo: "abc" });
+            // Watched callbacks should be called
+            expect(fn).toHaveBeenCalledTimes(1);
+
+            // Make sure unwatch removed the event listener
+            cli.off = jest.fn();
+            watchable.unwatch(fn);
+            expect(cli.off).toHaveBeenCalledTimes(1);
+        });
+    });
+
+    it("should set account data via js-sdk on set()", async () => {
+        const cli = stubClient();
+        const api = new AccountDataApi();
+        await api.set("m.test", { foo: "bar" });
+        expect(cli.setAccountData).toHaveBeenCalledTimes(1);
+    });
+
+    it("should delete account data via js-sdk on set()", async () => {
+        const cli = stubClient();
+        const api = new AccountDataApi();
+        await api.delete("m.test");
+        expect(cli.deleteAccountData).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/AppModule-test.ts b/apps/web/test/unit-tests/modules/AppModule-test.ts
new file mode 100644
index 00000000000..af79abd7520
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/AppModule-test.ts
@@ -0,0 +1,28 @@
+/*
+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 { MockModule } from "./MockModule";
+import { AppModule } from "../../../src/modules/AppModule";
+
+describe("AppModule", () => {
+    describe("constructor", () => {
+        it("should call the factory immediately", () => {
+            let module: MockModule | undefined;
+            const appModule = new AppModule((api) => {
+                if (module) {
+                    throw new Error("State machine error: Factory called twice");
+                }
+                module = new MockModule(api);
+                return module;
+            });
+            expect(appModule.module).toBeDefined();
+            expect(appModule.module).toBe(module);
+            expect(appModule.api).toBeDefined();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/Auth-test.ts b/apps/web/test/unit-tests/modules/Auth-test.ts
new file mode 100644
index 00000000000..b5d66010a61
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/Auth-test.ts
@@ -0,0 +1,30 @@
+/*
+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 defaultDispatcher from "../../../src/dispatcher/dispatcher.ts";
+import { overwriteAccountAuth } from "../../../src/modules/Auth.ts";
+
+describe("overwriteAccountAuth", () => {
+    it("should call overwrite login with accountInfo", () => {
+        const spy = jest.spyOn(defaultDispatcher, "dispatch");
+
+        const accountInfo = {
+            userId: "@user:server.com",
+            deviceId: "DEVICEID",
+            accessToken: "TOKEN",
+            homeserverUrl: "https://server.com",
+        };
+        overwriteAccountAuth(accountInfo);
+        expect(spy).toHaveBeenCalledWith(
+            {
+                action: "overwrite_login",
+                credentials: expect.objectContaining(accountInfo),
+            },
+            true,
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/BuiltinsApi-test.tsx b/apps/web/test/unit-tests/modules/BuiltinsApi-test.tsx
new file mode 100644
index 00000000000..e84263aa4d4
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/BuiltinsApi-test.tsx
@@ -0,0 +1,69 @@
+/*
+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 React from "react";
+import { render } from "jest-matrix-react";
+
+import { ElementWebBuiltinsApi } from "../../../src/modules/BuiltinsApi.tsx";
+import { stubClient } from "../../test-utils/test-utils";
+
+const Avatar: React.FC<{ room: { roomId: string }; size: string }> = ({ room, size }) => {
+    return (
+        <div>
+            Avatar, {room.roomId}, {size}
+        </div>
+    );
+};
+
+describe("ElementWebBuiltinsApi", () => {
+    it("returns the RoomView component thats been set", () => {
+        const builtinsApi = new ElementWebBuiltinsApi();
+        const sentinel = {};
+        builtinsApi.setComponents({ roomView: sentinel, roomAvatar: Avatar } as any);
+        expect(builtinsApi.getRoomViewComponent()).toBe(sentinel);
+    });
+
+    it("returns rendered RoomView component", () => {
+        const builtinsApi = new ElementWebBuiltinsApi();
+        const RoomView = () => <div>hello world</div>;
+        builtinsApi.setComponents({ roomView: RoomView, roomAvatar: Avatar } as any);
+        const { container } = render(<> {builtinsApi.renderRoomView("!foo:m.org")}</>);
+        expect(container).toHaveTextContent("hello world");
+    });
+
+    it("returns rendered RoomAvatar component", () => {
+        stubClient();
+        const builtinsApi = new ElementWebBuiltinsApi();
+        builtinsApi.setComponents({ roomView: {}, roomAvatar: Avatar } as any);
+        const { container } = render(<> {builtinsApi.renderRoomAvatar("!foo:m.org", "50")}</>);
+        expect(container).toHaveTextContent("Avatar");
+        expect(container).toHaveTextContent("!foo:m.org");
+        expect(container).toHaveTextContent("50");
+    });
+
+    it("returns rendered NotificationDecoration component", () => {
+        stubClient();
+        const builtinsApi = new ElementWebBuiltinsApi();
+        const NotificationDecoration = () => <div>notification decoration</div>;
+        builtinsApi.setComponents({
+            roomView: {},
+            roomAvatar: Avatar,
+            notificationDecoration: NotificationDecoration,
+        } as any);
+        const { container } = render(<> {builtinsApi.renderNotificationDecoration("!foo:m.org")}</>);
+        expect(container).toHaveTextContent("notification decoration");
+    });
+
+    it("should throw error if called before components are set", () => {
+        stubClient();
+        const builtinsApi = new ElementWebBuiltinsApi();
+        expect(() => builtinsApi.renderRoomAvatar("!foo:m.org")).toThrow("No RoomAvatar component has been set");
+        expect(() => builtinsApi.renderRoomView("!foo:m.org")).toThrow("No RoomView component has been set");
+        expect(() => builtinsApi.renderNotificationDecoration("!foo:m.org")).toThrow(
+            "No NotificationDecoration component has been set",
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/ClientApi-test.ts b/apps/web/test/unit-tests/modules/ClientApi-test.ts
new file mode 100644
index 00000000000..22f55d7d370
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/ClientApi-test.ts
@@ -0,0 +1,20 @@
+/*
+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 { ClientApi } from "../../../src/modules/ClientApi";
+import { Room } from "../../../src/modules/models/Room";
+import { stubClient } from "../../test-utils/test-utils";
+
+describe("ClientApi", () => {
+    it("should return module room from getRoom()", () => {
+        stubClient();
+        const client = new ClientApi();
+        const moduleRoom = client.getRoom("!foo:matrix.org");
+        expect(moduleRoom).toBeInstanceOf(Room);
+        expect(moduleRoom?.id).toStrictEqual("!foo:matrix.org");
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/ComposerApi-test.ts b/apps/web/test/unit-tests/modules/ComposerApi-test.ts
new file mode 100644
index 00000000000..7d78343d3fa
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/ComposerApi-test.ts
@@ -0,0 +1,83 @@
+/*
+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 { TimelineRenderingType } from "../../../src/contexts/RoomContext";
+import { Action } from "../../../src/dispatcher/actions";
+import { MatrixDispatcher } from "../../../src/dispatcher/dispatcher";
+import { type ComposerInsertPayload, ComposerType } from "../../../src/dispatcher/payloads/ComposerInsertPayload";
+import { ComposerApi, ModuleComposerApiEvents } from "../../../src/modules/ComposerApi";
+import type { ComposerInsertFilesPayload } from "../../../src/dispatcher/payloads/ComposerInsertFilePayload";
+
+describe("ComposerApi", () => {
+    describe("insertPlaintextIntoComposer()", () => {
+        it("should be able to insert text", () => {
+            const dispatcher = {
+                dispatch: jest.fn(),
+            } as unknown as MatrixDispatcher;
+            const api = new ComposerApi(dispatcher);
+            api.insertPlaintextIntoComposer("Hello world", { view: "room" });
+            expect(dispatcher.dispatch).toHaveBeenCalledWith({
+                action: Action.ComposerInsert,
+                text: "Hello world",
+                timelineRenderingType: TimelineRenderingType.Room,
+                composerType: ComposerType.Send,
+            } satisfies ComposerInsertPayload);
+        });
+        it("throws if called with an invalid view", () => {
+            const api = new ComposerApi(new MatrixDispatcher());
+            expect(() => api.insertPlaintextIntoComposer("text", { view: "bleh" as "room" })).toThrow(
+                "Invalid view 'bleh'",
+            );
+        });
+    });
+    describe("openFileUploadConfirmation()", () => {
+        it("should be able to initiate a file upload", () => {
+            const dispatcher = {
+                dispatch: jest.fn(),
+            } as unknown as MatrixDispatcher;
+            const api = new ComposerApi(dispatcher);
+            const files = [new File(["test"], "test.txt")];
+            api.openFileUploadConfirmation(files, { view: "room" });
+            expect(dispatcher.dispatch).toHaveBeenCalledWith({
+                action: Action.ComposerFileInsert,
+                files: files,
+                timelineRenderingType: TimelineRenderingType.Room,
+            } satisfies ComposerInsertFilesPayload);
+        });
+        it("throws if called with an invalid view", () => {
+            const api = new ComposerApi(new MatrixDispatcher());
+            const files = [new File(["test"], "test.txt")];
+            expect(() => api.openFileUploadConfirmation(files, { view: "bleh" as "room" })).toThrow(
+                "Invalid view 'bleh'",
+            );
+        });
+    });
+    describe("addFileUploadOption()", () => {
+        it("should be able to add a file upload option", () => {
+            const api = new ComposerApi(new MatrixDispatcher());
+            const eventCb = jest.fn();
+            api.on(ModuleComposerApiEvents.UploaderOptionsChanged, eventCb);
+            const option = { type: "an_option", label: "New option", onSelected: () => {} };
+            api.addFileUploadOption(option);
+            expect(api.fileUploadOptions).toHaveLength(1);
+            expect(api.fileUploadOptions).toContain(option);
+            expect(eventCb).toHaveBeenCalledWith(option);
+        });
+        it("throws if called with the type 'local'", () => {
+            const api = new ComposerApi(new MatrixDispatcher());
+            expect(() => api.addFileUploadOption({ type: "local", label: "New option", onSelected: () => {} })).toThrow(
+                'Option "local" is reserved',
+            );
+        });
+        it("throws if called with a duplicate type", () => {
+            const api = new ComposerApi(new MatrixDispatcher());
+            const option = { type: "an_option", label: "New option", onSelected: () => {} };
+            api.addFileUploadOption(option);
+            expect(() => api.addFileUploadOption({ ...option })).toThrow('Option "an_option" already exists');
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/CustomisationsApi-test.ts b/apps/web/test/unit-tests/modules/CustomisationsApi-test.ts
new file mode 100644
index 00000000000..ea4f88e2923
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/CustomisationsApi-test.ts
@@ -0,0 +1,24 @@
+/*
+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 { CustomisationsApi } from "../../../src/modules/customisationsApi";
+import { UIComponent } from "../../../src/settings/UIFeature.ts";
+
+describe("CustomisationsApi", () => {
+    let api: CustomisationsApi;
+
+    beforeEach(() => {
+        api = new CustomisationsApi();
+    });
+
+    it("should register a shouldShowComponent callback", () => {
+        const shouldShowComponent = jest.fn().mockReturnValue(true);
+        api.registerShouldShowComponent(shouldShowComponent);
+        expect(api.shouldShowComponent(UIComponent.CreateRooms)).toBe(true);
+        expect(shouldShowComponent).toHaveBeenCalledWith("UIComponent.roomCreation");
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/Dialog-test.tsx b/apps/web/test/unit-tests/modules/Dialog-test.tsx
new file mode 100644
index 00000000000..e3f285a48c1
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/Dialog-test.tsx
@@ -0,0 +1,23 @@
+/*
+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 } from "jest-matrix-react";
+
+import { openDialog } from "../../../src/modules/Dialog.tsx";
+
+describe("openDialog", () => {
+    it("should open a dialog with the expected title", async () => {
+        const Dialog = () => <>Dialog Content</>;
+
+        const title = "Test Dialog";
+        openDialog({ title }, Dialog, {});
+
+        await expect(screen.findByText("Test Dialog")).resolves.toBeInTheDocument();
+        expect(screen.getByText("Dialog Content")).toBeInTheDocument();
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/ExtrasApi-test.tsx b/apps/web/test/unit-tests/modules/ExtrasApi-test.tsx
new file mode 100644
index 00000000000..bb566f86c49
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/ExtrasApi-test.tsx
@@ -0,0 +1,78 @@
+/*
+ * 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, type RenderOptions } from "jest-matrix-react";
+import { type MatrixClient, PendingEventOrdering, Room } from "matrix-js-sdk/src/matrix";
+import { EventEmitter } from "node:events";
+
+import { stubClient } from "../../test-utils";
+import DMRoomMap from "../../../src/utils/DMRoomMap";
+import { SDKContext } from "../../../src/contexts/SDKContext";
+import { TestSDKContext } from "../TestSDKContext.ts";
+import { ScopedRoomContextProvider } from "../../../src/contexts/ScopedRoomContext";
+import RoomContext, { type RoomContextType } from "../../../src/contexts/RoomContext";
+import MatrixClientContext from "../../../src/contexts/MatrixClientContext";
+import { RoomView } from "../../../src/components/structures/RoomView";
+import { ModuleApi } from "../../../src/modules/Api";
+
+describe("ExtrasApi", () => {
+    let client: MatrixClient;
+    let sdkContext: TestSDKContext;
+    let room: Room;
+    let roomContext: RoomContextType;
+
+    beforeEach(() => {
+        client = stubClient();
+        room = new Room("!test:room", client, "@alice:example.org", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        sdkContext = new TestSDKContext();
+        sdkContext._client = client;
+        jest.spyOn(sdkContext.roomViewStore, "getRoomId").mockReturnValue(room.roomId);
+
+        const mockRoomViewStore = new (class extends EventEmitter {
+            isViewingCall = jest.fn().mockReturnValue(false);
+        })();
+
+        roomContext = {
+            ...RoomContext,
+            roomId: "!test:room",
+            roomViewStore: mockRoomViewStore,
+        } as unknown as RoomContextType;
+
+        DMRoomMap.setShared({
+            getUserIdForRoomId: jest.fn(),
+            getRoomIds: jest.fn().mockReturnValue(new Set()),
+        } as unknown as DMRoomMap);
+    });
+
+    function getWrapper(): RenderOptions {
+        return {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={sdkContext}>
+                    <ScopedRoomContextProvider {...roomContext}>
+                        <MatrixClientContext.Provider value={client}>{children}</MatrixClientContext.Provider>
+                    </ScopedRoomContextProvider>
+                </SDKContext.Provider>
+            ),
+        };
+    }
+
+    it("addRoomHeaderButtonCallback stores and uses the provided callback", () => {
+        const callback = jest.fn();
+        ModuleApi.instance.extras.addRoomHeaderButtonCallback(callback);
+
+        render(<RoomView />, getWrapper());
+
+        act(() => {
+            sdkContext.roomViewStore.emit("update");
+        });
+
+        expect(callback).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/MockModule.ts b/apps/web/test/unit-tests/modules/MockModule.ts
new file mode 100644
index 00000000000..981cafa6e00
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/MockModule.ts
@@ -0,0 +1,130 @@
+/*
+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 { RuntimeModule } from "@matrix-org/react-sdk-module-api/lib/RuntimeModule";
+import { type ModuleApi } from "@matrix-org/react-sdk-module-api/lib/ModuleApi";
+import { type AllExtensions } from "@matrix-org/react-sdk-module-api/lib/types/extensions";
+import { type ProvideCryptoSetupExtensions } from "@matrix-org/react-sdk-module-api/lib/lifecycles/CryptoSetupExtensions";
+import { type ProvideExperimentalExtensions } from "@matrix-org/react-sdk-module-api/lib/lifecycles/ExperimentalExtensions";
+
+import { ModuleRunner } from "../../../src/modules/ModuleRunner";
+
+export class MockModule extends RuntimeModule {
+    public get apiInstance(): ModuleApi {
+        return this.moduleApi;
+    }
+
+    public constructor(moduleApi: ModuleApi) {
+        super(moduleApi);
+    }
+}
+
+/**
+ * Register a mock module
+ *
+ * @returns The registered module.
+ */
+export function registerMockModule(): MockModule {
+    let module: MockModule | undefined;
+    ModuleRunner.instance.registerModule((api) => {
+        if (module) {
+            throw new Error("State machine error: ModuleRunner created the module twice");
+        }
+        module = new MockModule(api);
+        return module;
+    });
+    if (!module) {
+        throw new Error("State machine error: ModuleRunner did not create module");
+    }
+    return module;
+}
+
+class MockModuleWithCryptoSetupExtension extends RuntimeModule {
+    public get apiInstance(): ModuleApi {
+        return this.moduleApi;
+    }
+
+    moduleName: string = MockModuleWithCryptoSetupExtension.name;
+
+    extensions: AllExtensions = {
+        cryptoSetup: {
+            SHOW_ENCRYPTION_SETUP_UI: true,
+            examineLoginResponse: jest.fn(),
+            persistCredentials: jest.fn(),
+            getSecretStorageKey: jest.fn().mockReturnValue(Uint8Array.from([0x11, 0x22, 0x99])),
+            createSecretStorageKey: jest.fn(),
+            catchAccessSecretStorageError: jest.fn(),
+            setupEncryptionNeeded: jest.fn(),
+            getDehydrationKeyCallback: jest.fn(),
+        } as ProvideCryptoSetupExtensions,
+    };
+
+    public constructor(moduleApi: ModuleApi) {
+        super(moduleApi);
+    }
+}
+
+class MockModuleWithExperimentalExtension extends RuntimeModule {
+    public get apiInstance(): ModuleApi {
+        return this.moduleApi;
+    }
+
+    moduleName: string = MockModuleWithExperimentalExtension.name;
+
+    extensions: AllExtensions = {
+        experimental: {
+            experimentalMethod: jest.fn().mockReturnValue(Uint8Array.from([0x22, 0x44, 0x88])),
+        } as ProvideExperimentalExtensions,
+    };
+
+    public constructor(moduleApi: ModuleApi) {
+        super(moduleApi);
+    }
+}
+
+/**
+ * Register a mock module which implements the cryptoSetup extension.
+ *
+ * @returns The registered module.
+ */
+export function registerMockModuleWithCryptoSetupExtension(): MockModuleWithCryptoSetupExtension {
+    let module: MockModuleWithCryptoSetupExtension | undefined;
+
+    ModuleRunner.instance.registerModule((api) => {
+        if (module) {
+            throw new Error("State machine error: ModuleRunner created the module twice");
+        }
+        module = new MockModuleWithCryptoSetupExtension(api);
+        return module;
+    });
+    if (!module) {
+        throw new Error("State machine error: ModuleRunner did not create module");
+    }
+    return module;
+}
+
+/**
+ * Register a mock module which implements the experimental extension.
+ *
+ * @returns The registered module.
+ */
+export function registerMockModuleWithExperimentalExtension(): MockModuleWithExperimentalExtension {
+    let module: MockModuleWithExperimentalExtension | undefined;
+
+    ModuleRunner.instance.registerModule((api) => {
+        if (module) {
+            throw new Error("State machine error: ModuleRunner created the module twice");
+        }
+        module = new MockModuleWithExperimentalExtension(api);
+        return module;
+    });
+    if (!module) {
+        throw new Error("State machine error: ModuleRunner did not create module");
+    }
+    return module;
+}
diff --git a/apps/web/test/unit-tests/modules/ModuleComponents-test.tsx b/apps/web/test/unit-tests/modules/ModuleComponents-test.tsx
new file mode 100644
index 00000000000..8723dd5135f
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/ModuleComponents-test.tsx
@@ -0,0 +1,33 @@
+/*
+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 { TextInputField } from "@matrix-org/react-sdk-module-api/lib/components/TextInputField";
+import { Spinner as ModuleSpinner } from "@matrix-org/react-sdk-module-api/lib/components/Spinner";
+
+import "../../../src/modules/ModuleRunner";
+
+describe("Module Components", () => {
+    // Note: we're not testing to see if there's components that are missing a renderFactory()
+    // but rather that the renderFactory() for components we do know about is actually defined
+    // and working.
+    //
+    // We do this by deliberately not importing the ModuleComponents file itself, relying on the
+    // ModuleRunner import to do its job (as per documentation in ModuleComponents).
+
+    it("should override the factory for a TextInputField", () => {
+        const { asFragment } = render(<TextInputField label="My Label" value="My Value" onChange={() => {}} />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should override the factory for a ModuleSpinner", () => {
+        const { asFragment } = render(<ModuleSpinner />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/ModuleRunner-test.ts b/apps/web/test/unit-tests/modules/ModuleRunner-test.ts
new file mode 100644
index 00000000000..bc581105b57
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/ModuleRunner-test.ts
@@ -0,0 +1,96 @@
+/*
+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 {
+    type RoomPreviewOpts,
+    RoomViewLifecycle,
+} from "@matrix-org/react-sdk-module-api/lib/lifecycles/RoomViewLifecycle";
+
+import {
+    type MockModule,
+    registerMockModule,
+    registerMockModuleWithCryptoSetupExtension,
+    registerMockModuleWithExperimentalExtension,
+} from "./MockModule";
+import { ModuleRunner } from "../../../src/modules/ModuleRunner";
+
+describe("ModuleRunner", () => {
+    afterEach(() => {
+        ModuleRunner.instance.reset();
+    });
+
+    // Translations implicitly tested by ProxiedModuleApi integration tests.
+
+    describe("invoke", () => {
+        it("should invoke to every registered module", async () => {
+            const module1 = registerMockModule();
+            const module2 = registerMockModule();
+
+            const wrapEmit = (module: MockModule) =>
+                new Promise((resolve) => {
+                    module.on(RoomViewLifecycle.PreviewRoomNotLoggedIn, (val1, val2) => {
+                        resolve([val1, val2]);
+                    });
+                });
+            const promises = Promise.all([wrapEmit(module1), wrapEmit(module2)]);
+
+            const roomId = "!room:example.org";
+            const opts: RoomPreviewOpts = { canJoin: false };
+            ModuleRunner.instance.invoke(RoomViewLifecycle.PreviewRoomNotLoggedIn, opts, roomId);
+            const results = await promises;
+            expect(results).toEqual([
+                [opts, roomId], // module 1
+                [opts, roomId], // module 2
+            ]);
+        });
+    });
+
+    describe("extensions", () => {
+        it("should return default values when no crypto-setup extensions are provided by a registered module", async () => {
+            registerMockModule();
+            const result = ModuleRunner.instance.extensions.cryptoSetup.getSecretStorageKey();
+            expect(result).toBeNull();
+        });
+
+        it("should return default values when no experimental extensions are provided by a registered module", async () => {
+            registerMockModule();
+            const result = ModuleRunner.instance.extensions?.experimental.experimentalMethod();
+            expect(result).toBeNull();
+        });
+
+        it("should return value from crypto-setup-extensions provided by a registered module", async () => {
+            registerMockModuleWithCryptoSetupExtension();
+            const result = ModuleRunner.instance.extensions.cryptoSetup.getSecretStorageKey();
+            expect(result).toEqual(Uint8Array.from([0x11, 0x22, 0x99]));
+        });
+
+        it("should return value from experimental-extensions provided by a registered module", async () => {
+            registerMockModuleWithExperimentalExtension();
+            const result = ModuleRunner.instance.extensions.experimental.experimentalMethod();
+            expect(result).toEqual(Uint8Array.from([0x22, 0x44, 0x88]));
+        });
+
+        it("must not allow multiple modules to provide cryptoSetup extension", async () => {
+            registerMockModuleWithCryptoSetupExtension();
+            const t = () => registerMockModuleWithCryptoSetupExtension();
+            expect(t).toThrow(Error);
+            expect(t).toThrow(
+                "adding cryptoSetup extension implementation from module MockModuleWithCryptoSetupExtension but an implementation was already provided",
+            );
+        });
+
+        it("must not allow multiple modules to provide experimental extension", async () => {
+            registerMockModuleWithExperimentalExtension();
+            const t = () => registerMockModuleWithExperimentalExtension();
+            expect(t).toThrow(Error);
+            expect(t).toThrow(
+                "adding experimental extension implementation from module MockModuleWithExperimentalExtension but an implementation was already provided",
+            );
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/Navigation-test.ts b/apps/web/test/unit-tests/modules/Navigation-test.ts
new file mode 100644
index 00000000000..ee0a70e9cf7
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/Navigation-test.ts
@@ -0,0 +1,61 @@
+/*
+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 * as navigator from "../../../src/utils/permalinks/navigator";
+import { NavigationApi } from "../../../src/modules/Navigation.ts";
+import defaultDispatcher from "../../../src/dispatcher/dispatcher.ts";
+
+describe("NavigationApi", () => {
+    const api = new NavigationApi();
+
+    describe("toMatrixToLink", () => {
+        it.each([
+            ["roomId", "https://matrix.to/#/!roomId:server.com"],
+            ["roomAlias", "https://matrix.to/#/#alias:server.com"],
+            ["user", "https://matrix.to/#/@user:server.com"],
+        ])("should call navigateToPermalink with the correct parameters for %s", async (_type, link) => {
+            const spy = jest.spyOn(navigator, "navigateToPermalink");
+
+            await api.toMatrixToLink(link);
+            expect(spy).toHaveBeenCalledWith(link);
+        });
+
+        it("should set auto_join to true when join=true", async () => {
+            const link = "https://matrix.to/#/#alias:server.com?via=server.com";
+            const spy = jest.spyOn(defaultDispatcher, "dispatch");
+
+            await api.toMatrixToLink(link, true);
+            expect(spy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: "view_room",
+                    room_alias: "#alias:server.com",
+                    auto_join: true,
+                }),
+            );
+        });
+
+        it("should dispatch correct action on openRoom", () => {
+            const spy = jest.spyOn(defaultDispatcher, "dispatch");
+            // Non alias
+            api.openRoom("!foo:m.org");
+            expect(spy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: "view_room",
+                    room_id: "!foo:m.org",
+                }),
+            );
+            // Alias
+            api.openRoom("#bar:m.org");
+            expect(spy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: "view_room",
+                    room_alias: "#bar:m.org",
+                }),
+            );
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/ProxiedModuleApi-test.tsx b/apps/web/test/unit-tests/modules/ProxiedModuleApi-test.tsx
new file mode 100644
index 00000000000..bd6e8bddff8
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/ProxiedModuleApi-test.tsx
@@ -0,0 +1,391 @@
+/*
+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 { type TranslationStringsObject } from "@matrix-org/react-sdk-module-api/lib/types/translations";
+import { type AccountAuthInfo } from "@matrix-org/react-sdk-module-api/lib/types/AccountAuthInfo";
+import { DialogContent, type DialogProps } from "@matrix-org/react-sdk-module-api/lib/components/DialogContent";
+import { screen, within } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type Mocked } from "jest-mock-vitest-adapter";
+
+import { ProxiedModuleApi } from "../../../src/modules/ProxiedModuleApi";
+import { getMockClientWithEventEmitter, mkRoom, stubClient } from "../../test-utils";
+import { setLanguage } from "../../../src/i18n/settings";
+import { ModuleRunner } from "../../../src/modules/ModuleRunner";
+import { registerMockModule } from "./MockModule";
+import defaultDispatcher from "../../../src/dispatcher/dispatcher";
+import { Action } from "../../../src/dispatcher/actions";
+import WidgetStore, { type IApp } from "../../../src/stores/WidgetStore";
+import { WidgetLayoutStore } from "../../../src/stores/widgets/WidgetLayoutStore";
+import * as navigator from "../../../src/utils/permalinks/navigator.ts";
+
+describe("ProxiedApiModule", () => {
+    afterEach(() => {
+        ModuleRunner.instance.reset();
+    });
+
+    // Note: Remainder is implicitly tested from end-to-end tests of modules.
+
+    describe("translations", () => {
+        it("should cache translations", () => {
+            const api = new ProxiedModuleApi();
+            expect(api.translations).toBeFalsy();
+
+            const translations: TranslationStringsObject = {
+                ["custom string"]: {
+                    en: "custom string",
+                    fr: "custom french string",
+                },
+            };
+            api.registerTranslations(translations);
+            expect(api.translations).toBe(translations);
+        });
+
+        it("should overwriteAccountAuth", async () => {
+            const dispatchSpy = jest.spyOn(defaultDispatcher, "dispatch");
+
+            const api = new ProxiedModuleApi();
+            const accountInfo = {} as unknown as AccountAuthInfo;
+            const promise = api.overwriteAccountAuth(accountInfo);
+
+            expect(dispatchSpy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: Action.OverwriteLogin,
+                    credentials: {
+                        ...accountInfo,
+                        guest: false,
+                    },
+                }),
+                expect.anything(),
+            );
+
+            defaultDispatcher.fire(Action.OnLoggedIn);
+
+            await expect(promise).resolves.toBeUndefined();
+        });
+
+        describe("integration", () => {
+            it("should translate strings using translation system", async () => {
+                // Test setup
+                stubClient();
+
+                // Set up a module to pull translations through
+                const module = registerMockModule();
+                const en = "custom string";
+                const de = "custom german string";
+                const enVars = "custom variable %(var)s";
+                const varVal = "string";
+                const deVars = "custom german variable %(var)s";
+                const deFull = `custom german variable ${varVal}`;
+                expect(module.apiInstance).toBeInstanceOf(ProxiedModuleApi);
+                module.apiInstance.registerTranslations({
+                    [en]: {
+                        en: en,
+                        de: de,
+                    },
+                    [enVars]: {
+                        en: enVars,
+                        de: deVars,
+                    },
+                });
+                await setLanguage("de"); // calls `registerCustomTranslations()` for us
+
+                // See if we can pull the German string out
+                expect(module.apiInstance.translateString(en)).toEqual(de);
+                expect(module.apiInstance.translateString(enVars, { var: varVal })).toEqual(deFull);
+            });
+
+            afterEach(async () => {
+                await setLanguage("en"); // reset the language
+            });
+        });
+    });
+
+    describe("openDialog", () => {
+        it("should open dialog with a custom title and default options", async () => {
+            class MyDialogContent extends DialogContent {
+                public constructor(props: DialogProps) {
+                    super(props);
+                }
+                trySubmit = async () => ({ result: true });
+                render = () => <p>This is my example content.</p>;
+            }
+
+            const api = new ProxiedModuleApi();
+
+            const resultPromise = api.openDialog<{ result: boolean }, DialogProps, MyDialogContent>(
+                "My Dialog Title",
+                (props, ref) => <MyDialogContent ref={ref} {...props} />,
+            );
+
+            const dialog = await screen.findByRole("dialog");
+
+            expect(within(dialog).getByRole("heading", { name: "My Dialog Title" })).toBeInTheDocument();
+            expect(within(dialog).getByText("This is my example content.")).toBeInTheDocument();
+            expect(within(dialog).getByRole("button", { name: "Cancel" })).toBeInTheDocument();
+
+            await userEvent.click(within(dialog).getByRole("button", { name: "OK" }));
+
+            expect(await resultPromise).toEqual({
+                didOkOrSubmit: true,
+                model: { result: true },
+            });
+
+            expect(dialog).not.toBeInTheDocument();
+        });
+
+        it("should open dialog with custom options", async () => {
+            class MyDialogContent extends DialogContent {
+                public constructor(props: DialogProps) {
+                    super(props);
+                }
+                trySubmit = async () => ({ result: true });
+                render = () => <p>This is my example content.</p>;
+            }
+
+            const api = new ProxiedModuleApi();
+
+            const resultPromise = api.openDialog<{ result: boolean }, DialogProps, MyDialogContent>(
+                {
+                    title: "My Custom Dialog Title",
+                    actionLabel: "Submit it",
+                    cancelLabel: "Cancel it",
+                    canSubmit: false,
+                },
+                (props, ref) => <MyDialogContent ref={ref} {...props} />,
+            );
+
+            const dialog = await screen.findByRole("dialog");
+
+            expect(within(dialog).getByRole("heading", { name: "My Custom Dialog Title" })).toBeInTheDocument();
+            expect(within(dialog).getByText("This is my example content.")).toBeInTheDocument();
+            expect(within(dialog).getByRole("button", { name: "Submit it" })).toBeDisabled();
+
+            await userEvent.click(within(dialog).getByRole("button", { name: "Cancel it" }));
+
+            expect(await resultPromise).toEqual({ didOkOrSubmit: false });
+
+            expect(dialog).not.toBeInTheDocument();
+        });
+
+        it("should update the options from the opened dialog", async () => {
+            class MyDialogContent extends DialogContent {
+                public constructor(props: DialogProps) {
+                    super(props);
+                }
+                trySubmit = async () => ({ result: true });
+                render = () => {
+                    const onClick = () => {
+                        this.props.setOptions({
+                            title: "My New Title",
+                            actionLabel: "New Action",
+                            cancelLabel: "New Cancel",
+                        });
+
+                        // check if delta updates work
+                        this.props.setOptions({
+                            canSubmit: false,
+                        });
+                    };
+
+                    return (
+                        <button type="button" onClick={onClick}>
+                            Change the settings!
+                        </button>
+                    );
+                };
+            }
+
+            const api = new ProxiedModuleApi();
+
+            const resultPromise = api.openDialog<{ result: boolean }, DialogProps, MyDialogContent>(
+                "My Dialog Title",
+                (props, ref) => <MyDialogContent ref={ref} {...props} />,
+            );
+
+            const dialog = await screen.findByRole("dialog");
+
+            expect(within(dialog).getByRole("heading", { name: "My Dialog Title" })).toBeInTheDocument();
+            expect(within(dialog).getByRole("button", { name: "Cancel" })).toBeInTheDocument();
+            expect(within(dialog).getByRole("button", { name: "OK" })).toBeEnabled();
+
+            await userEvent.click(within(dialog).getByRole("button", { name: "Change the settings!" }));
+
+            expect(within(dialog).getByRole("heading", { name: "My New Title" })).toBeInTheDocument();
+            expect(within(dialog).getByRole("button", { name: "New Action" })).toBeDisabled();
+
+            await userEvent.click(within(dialog).getByRole("button", { name: "New Cancel" }));
+
+            expect(await resultPromise).toEqual({
+                didOkOrSubmit: false,
+                model: undefined,
+            });
+
+            expect(dialog).not.toBeInTheDocument();
+        });
+
+        it("should cancel the dialog from within the dialog", async () => {
+            class MyDialogContent extends DialogContent {
+                public constructor(props: DialogProps) {
+                    super(props);
+                }
+                trySubmit = async () => ({ result: true });
+                render = () => (
+                    <button type="button" onClick={this.props.cancel}>
+                        No need for action
+                    </button>
+                );
+            }
+
+            const api = new ProxiedModuleApi();
+
+            const resultPromise = api.openDialog<{ result: boolean }, DialogProps, MyDialogContent>(
+                "My Dialog Title",
+                (props, ref) => <MyDialogContent ref={ref} {...props} />,
+            );
+
+            const dialog = await screen.findByRole("dialog");
+
+            await userEvent.click(within(dialog).getByRole("button", { name: "No need for action" }));
+
+            expect(await resultPromise).toEqual({
+                didOkOrSubmit: false,
+                model: undefined,
+            });
+
+            expect(dialog).not.toBeInTheDocument();
+        });
+    });
+
+    describe("getApps", () => {
+        it("should return apps from the widget store", () => {
+            const api = new ProxiedModuleApi();
+            const app = {} as unknown as IApp;
+            const apps: IApp[] = [app];
+
+            jest.spyOn(WidgetStore.instance, "getApps").mockReturnValue(apps);
+            expect(api.getApps("!room:example.com")).toEqual(apps);
+        });
+    });
+
+    describe("getAppAvatarUrl", () => {
+        const app = {} as unknown as IApp;
+        const avatarUrl = "https://example.com/avatar.png";
+
+        let api: ProxiedModuleApi;
+        let client: Mocked<MatrixClient>;
+
+        beforeEach(() => {
+            api = new ProxiedModuleApi();
+            client = getMockClientWithEventEmitter({ mxcUrlToHttp: jest.fn().mockReturnValue(avatarUrl) });
+        });
+
+        it("should return null if the app has no avatar URL", () => {
+            expect(api.getAppAvatarUrl(app)).toBeNull();
+        });
+
+        it("should return the app avatar URL", () => {
+            expect(api.getAppAvatarUrl({ ...app, avatar_url: avatarUrl })).toBe(avatarUrl);
+        });
+
+        it("should support optional thumbnail params", () => {
+            api.getAppAvatarUrl({ ...app, avatar_url: avatarUrl }, 1, 2, "3");
+            // eslint-disable-next-line no-restricted-properties
+            expect(client.mxcUrlToHttp).toHaveBeenCalledWith(avatarUrl, 1, 2, "3");
+        });
+    });
+
+    describe("isAppInContainer", () => {
+        const app = {} as unknown as IApp;
+        const roomId = "!room:example.com";
+
+        let api: ProxiedModuleApi;
+        let client: MatrixClient;
+
+        beforeEach(() => {
+            api = new ProxiedModuleApi();
+            client = stubClient();
+
+            jest.spyOn(WidgetLayoutStore.instance, "isInContainer");
+        });
+
+        it("should return false if there is no room", () => {
+            client.getRoom = jest.fn().mockReturnValue(null);
+
+            expect(api.isAppInContainer(app, "top", roomId)).toBe(false);
+            expect(WidgetLayoutStore.instance.isInContainer).not.toHaveBeenCalled();
+        });
+
+        it("should return false if the app is not in the container", () => {
+            jest.spyOn(WidgetLayoutStore.instance, "isInContainer").mockReturnValue(false);
+            expect(api.isAppInContainer(app, "top", roomId)).toBe(false);
+        });
+
+        it("should return true if the app is in the container", () => {
+            jest.spyOn(WidgetLayoutStore.instance, "isInContainer").mockReturnValue(true);
+            expect(api.isAppInContainer(app, "top", roomId)).toBe(true);
+        });
+    });
+
+    describe("moveAppToContainer", () => {
+        const app = {} as unknown as IApp;
+        const roomId = "!room:example.com";
+
+        let api: ProxiedModuleApi;
+        let client: MatrixClient;
+
+        beforeEach(() => {
+            api = new ProxiedModuleApi();
+            client = stubClient();
+
+            jest.spyOn(WidgetLayoutStore.instance, "moveToContainer");
+        });
+
+        it("should not move if there is no room", () => {
+            client.getRoom = jest.fn().mockReturnValue(null);
+            api.moveAppToContainer(app, "top", roomId);
+            expect(WidgetLayoutStore.instance.moveToContainer).not.toHaveBeenCalled();
+        });
+
+        it("should move if there is a room", () => {
+            const room = mkRoom(client, roomId);
+            client.getRoom = jest.fn().mockReturnValue(room);
+
+            api.moveAppToContainer(app, "top", roomId);
+            expect(WidgetLayoutStore.instance.moveToContainer).toHaveBeenCalledWith(room, app, "top");
+        });
+    });
+
+    describe("navigatePermalink", () => {
+        const api = new ProxiedModuleApi();
+
+        it("should call navigateToPermalink with the correct parameters", async () => {
+            const link = "https://matrix.to/#/!roomId:server.com";
+            const spy = jest.spyOn(navigator, "navigateToPermalink");
+
+            await api.navigatePermalink(link);
+            expect(spy).toHaveBeenCalledWith(link);
+        });
+
+        it("should set auto_join to true when join=true", async () => {
+            const link = "https://matrix.to/#/#alias:server.com";
+            const spy = jest.spyOn(defaultDispatcher, "dispatch");
+
+            await api.navigatePermalink(link, true);
+            expect(spy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: "view_room",
+                    room_alias: "#alias:server.com",
+                    auto_join: true,
+                }),
+            );
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/StoresApi-test.ts b/apps/web/test/unit-tests/modules/StoresApi-test.ts
new file mode 100644
index 00000000000..ccdfdf1de6e
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/StoresApi-test.ts
@@ -0,0 +1,83 @@
+/*
+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 { waitFor } from "jest-matrix-react";
+
+import { type RoomListStoreApi, StoresApi } from "../../../src/modules/StoresApi";
+import RoomListStoreV3, {
+    LISTS_LOADED_EVENT,
+    LISTS_UPDATE_EVENT,
+} from "../../../src/stores/room-list-v3/RoomListStoreV3";
+import { mkRoom, stubClient } from "../../test-utils/test-utils";
+import { Room } from "../../../src/modules/models/Room";
+
+describe("StoresApi", () => {
+    describe("RoomListStoreApi", () => {
+        it("should return promise that resolves when RLS is ready", async () => {
+            jest.spyOn(RoomListStoreV3.instance, "isLoadingRooms", "get").mockReturnValue(true);
+            const store = new StoresApi();
+            let hasResolved = false;
+            // The following async function will set hasResolved to false
+            // only when waitForReady resolves.
+            (async () => {
+                await store.roomListStore.waitForReady();
+                hasResolved = true;
+            })();
+            // Shouldn't have resolved yet.
+            expect(hasResolved).toStrictEqual(false);
+
+            // Wait for the module to load so that we can test the listener.
+            await (store.roomListStore as RoomListStoreApi).moduleLoadPromise;
+            // Emit the loaded event.
+            RoomListStoreV3.instance.emit(LISTS_LOADED_EVENT);
+            // Should resolve now.
+            await waitFor(() => {
+                expect(hasResolved).toStrictEqual(true);
+            });
+        });
+
+        describe("getRooms()", () => {
+            it("should return rooms from RLS", async () => {
+                const cli = stubClient();
+                const room1 = mkRoom(cli, "!foo1:m.org");
+                const room2 = mkRoom(cli, "!foo2:m.org");
+                const room3 = mkRoom(cli, "!foo3:m.org");
+                jest.spyOn(RoomListStoreV3.instance, "getSortedRooms").mockReturnValue([room1, room2, room3]);
+                jest.spyOn(RoomListStoreV3.instance, "isLoadingRooms", "get").mockReturnValue(false);
+
+                const store = new StoresApi();
+                await store.roomListStore.waitForReady();
+                const watchable = store.roomListStore.getRooms();
+                expect(watchable.value).toHaveLength(3);
+                expect(watchable.value[0]).toBeInstanceOf(Room);
+            });
+
+            it("should update from RLS", async () => {
+                const cli = stubClient();
+                const room1 = mkRoom(cli, "!foo1:m.org");
+                const room2 = mkRoom(cli, "!foo2:m.org");
+                const rooms = [room1, room2];
+
+                jest.spyOn(RoomListStoreV3.instance, "getSortedRooms").mockReturnValue(rooms);
+                jest.spyOn(RoomListStoreV3.instance, "isLoadingRooms", "get").mockReturnValue(false);
+
+                const store = new StoresApi();
+                await store.roomListStore.waitForReady();
+                const watchable = store.roomListStore.getRooms();
+                const fn = jest.fn();
+                watchable.watch(fn);
+                expect(watchable.value).toHaveLength(2);
+
+                const room3 = mkRoom(cli, "!foo3:m.org");
+                rooms.push(room3);
+                RoomListStoreV3.instance.emit(LISTS_UPDATE_EVENT);
+                expect(fn).toHaveBeenCalledTimes(1);
+                expect(watchable.value).toHaveLength(3);
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/WidgetApi-test.ts b/apps/web/test/unit-tests/modules/WidgetApi-test.ts
new file mode 100644
index 00000000000..d37ad6a2b1d
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/WidgetApi-test.ts
@@ -0,0 +1,121 @@
+/*
+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 { IWidget } from "matrix-widget-api";
+import type { MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+import { WidgetApi } from "../../../src/modules/WidgetApi";
+import WidgetStore from "../../../src/stores/WidgetStore";
+import { WidgetLayoutStore } from "../../../src/stores/widgets/WidgetLayoutStore";
+import { stubClient } from "../../test-utils";
+
+describe("WidgetApi", () => {
+    let client: MatrixClient;
+    let api: WidgetApi;
+
+    const mkWidget = (overrides: Partial<IWidget> = {}): IWidget => ({
+        id: "widget-id",
+        creatorUserId: "@alice:example.org",
+        type: "m.custom",
+        url: "https://example.org/widget",
+        ...overrides,
+    });
+
+    beforeEach(() => {
+        client = stubClient();
+
+        api = new WidgetApi();
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("getWidgetsInRoom returns widgets from WidgetStore", () => {
+        const widgets = [{ id: "w1" }, { id: "w2" }] as unknown as IWidget[];
+        const getAppsSpy = jest.spyOn(WidgetStore.instance, "getApps").mockReturnValue(widgets as any);
+
+        expect(api.getWidgetsInRoom("!room:example.org")).toBe(widgets);
+        expect(getAppsSpy).toHaveBeenCalledWith("!room:example.org");
+    });
+
+    it("getAppAvatarUrl returns the http avatar URL for a widget if it has one", () => {
+        const app = {
+            ...mkWidget(),
+            roomId: "!room:example.org",
+            avatar_url: "mxc://example.org/avatar",
+        } as unknown as IWidget;
+
+        mocked(client.getHomeserverUrl).mockReturnValue("https://hs.example.org");
+        const avatarUrl = api.getAppAvatarUrl(app, 32, 32, "scale");
+
+        expect(avatarUrl).toContain("https://hs.example.org/_matrix/media/");
+        expect(avatarUrl).toContain("/thumbnail/example.org/avatar");
+        expect(avatarUrl).toContain("width=32");
+        expect(avatarUrl).toContain("height=32");
+        expect(avatarUrl).toContain("method=scale");
+    });
+
+    it("getAppAvatarUrl returns null when app is not an app widget", () => {
+        const nonAppWidget = {
+            ...mkWidget(),
+            avatar_url: "mxc://example.org/avatar",
+        };
+
+        expect(api.getAppAvatarUrl(nonAppWidget)).toBeNull();
+    });
+
+    it("getAppAvatarUrl returns null when app has no avatar URL", () => {
+        const appWithoutAvatar = {
+            ...mkWidget(),
+            roomId: "!room:example.org",
+        } as unknown as IWidget;
+
+        expect(api.getAppAvatarUrl(appWithoutAvatar)).toBeNull();
+    });
+
+    it("isAppInContainer returns false when room is not found", () => {
+        const isInContainerSpy = jest.spyOn(WidgetLayoutStore.instance, "isInContainer");
+        const app = mkWidget();
+
+        mocked(client.getRoom).mockReturnValue(null);
+        expect(api.isAppInContainer(app, "top", "!missing:example.org")).toBe(false);
+        expect(isInContainerSpy).not.toHaveBeenCalled();
+    });
+
+    it("isAppInContainer delegates to WidgetLayoutStore when room exists", () => {
+        const room = { roomId: "!room:example.org" } as Room;
+        mocked(client.getRoom).mockReturnValue(room);
+        const isInContainerSpy = jest.spyOn(WidgetLayoutStore.instance, "isInContainer").mockReturnValue(true);
+        const app = mkWidget();
+
+        expect(api.isAppInContainer(app, "top", room.roomId)).toBe(true);
+        expect(isInContainerSpy).toHaveBeenCalledWith(room, app, "top");
+    });
+
+    it("moveAppToContainer does nothing when room is not found", () => {
+        const moveToContainerSpy = jest.spyOn(WidgetLayoutStore.instance, "moveToContainer");
+        const app = mkWidget();
+
+        mocked(client.getRoom).mockReturnValue(null);
+        api.moveAppToContainer(app, "right", "!missing:example.org");
+
+        expect(moveToContainerSpy).not.toHaveBeenCalled();
+    });
+
+    it("moveAppToContainer delegates to WidgetLayoutStore when room exists", () => {
+        const room = { roomId: "!room:example.org" } as Room;
+        mocked(client.getRoom).mockReturnValue(room);
+        const moveToContainerSpy = jest.spyOn(WidgetLayoutStore.instance, "moveToContainer").mockImplementation();
+        const app = mkWidget();
+
+        api.moveAppToContainer(app, "right", room.roomId);
+
+        expect(moveToContainerSpy).toHaveBeenCalledWith(room, app, "right");
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/WidgetLifecycleApi-test.ts b/apps/web/test/unit-tests/modules/WidgetLifecycleApi-test.ts
new file mode 100644
index 00000000000..d817c4c9d3d
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/WidgetLifecycleApi-test.ts
@@ -0,0 +1,201 @@
+/*
+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 { Widget } from "matrix-widget-api";
+
+import type { WidgetDescriptor } from "@element-hq/element-web-module-api";
+import { WidgetLifecycleApi, toWidgetDescriptor } from "../../../src/modules/WidgetLifecycleApi";
+
+const mkDescriptor = (overrides: Partial<WidgetDescriptor> = {}): WidgetDescriptor => ({
+    id: "test-widget",
+    templateUrl: "https://example.org/widget",
+    creatorUserId: "@alice:example.org",
+    type: "m.custom",
+    origin: "https://example.org",
+    roomId: "!room:example.org",
+    ...overrides,
+});
+
+describe("WidgetLifecycleApi", () => {
+    let api: WidgetLifecycleApi;
+
+    beforeEach(() => {
+        api = new WidgetLifecycleApi();
+    });
+
+    describe("toWidgetDescriptor", () => {
+        it("converts a Widget to a WidgetDescriptor", () => {
+            const widget = new Widget({
+                id: "w1",
+                creatorUserId: "@bob:example.org",
+                type: "m.jitsi",
+                url: "https://jitsi.example.org/meet?conf=$matrix_room_id",
+            });
+            const descriptor = toWidgetDescriptor(widget, "!room:example.org");
+            expect(descriptor).toEqual({
+                id: "w1",
+                templateUrl: "https://jitsi.example.org/meet?conf=$matrix_room_id",
+                creatorUserId: "@bob:example.org",
+                type: "m.jitsi",
+                origin: "https://jitsi.example.org",
+                roomId: "!room:example.org",
+            });
+        });
+
+        it("omits roomId when not provided", () => {
+            const widget = new Widget({
+                id: "w1",
+                creatorUserId: "@bob:example.org",
+                type: "m.custom",
+                url: "https://example.org",
+            });
+            const descriptor = toWidgetDescriptor(widget);
+            expect(descriptor.roomId).toBeUndefined();
+        });
+    });
+
+    describe("registerPreloadApprover", () => {
+        it("accepts a single registration", () => {
+            expect(() => api.registerPreloadApprover(() => true)).not.toThrow();
+        });
+
+        it("throws on double registration", () => {
+            api.registerPreloadApprover(() => true);
+            expect(() => api.registerPreloadApprover(() => true)).toThrow(
+                "Widget lifecycle preload approver already registered",
+            );
+        });
+    });
+
+    describe("registerIdentityApprover", () => {
+        it("accepts a single registration", () => {
+            expect(() => api.registerIdentityApprover(() => true)).not.toThrow();
+        });
+
+        it("throws on double registration", () => {
+            api.registerIdentityApprover(() => true);
+            expect(() => api.registerIdentityApprover(() => true)).toThrow(
+                "Widget lifecycle identity approver already registered",
+            );
+        });
+    });
+
+    describe("registerCapabilitiesApprover", () => {
+        it("accepts a single registration", () => {
+            expect(() => api.registerCapabilitiesApprover(() => new Set())).not.toThrow();
+        });
+
+        it("throws on double registration", () => {
+            api.registerCapabilitiesApprover(() => new Set());
+            expect(() => api.registerCapabilitiesApprover(() => new Set())).toThrow(
+                "Widget lifecycle capabilities approver already registered",
+            );
+        });
+    });
+
+    describe("preapprovePreload", () => {
+        const widget = mkDescriptor();
+
+        it("returns false when no approver registered", async () => {
+            expect(await api.preapprovePreload(widget)).toBe(false);
+        });
+
+        it("returns true when approver returns true", async () => {
+            api.registerPreloadApprover(() => true);
+            expect(await api.preapprovePreload(widget)).toBe(true);
+        });
+
+        it("returns false when approver returns false", async () => {
+            api.registerPreloadApprover(() => false);
+            expect(await api.preapprovePreload(widget)).toBe(false);
+        });
+
+        it("returns false when approver returns undefined", async () => {
+            api.registerPreloadApprover(() => undefined);
+            expect(await api.preapprovePreload(widget)).toBe(false);
+        });
+
+        it("returns false and logs error when approver throws", async () => {
+            const consoleSpy = jest.spyOn(console, "error").mockImplementation();
+            api.registerPreloadApprover(() => {
+                throw new Error("boom");
+            });
+            expect(await api.preapprovePreload(widget)).toBe(false);
+            expect(consoleSpy).toHaveBeenCalledWith("Widget preload approver failed", expect.any(Error));
+            consoleSpy.mockRestore();
+        });
+    });
+
+    describe("preapproveIdentity", () => {
+        const widget = mkDescriptor();
+
+        it("returns false when no approver registered", async () => {
+            expect(await api.preapproveIdentity(widget)).toBe(false);
+        });
+
+        it("returns true when approver returns true", async () => {
+            api.registerIdentityApprover(() => true);
+            expect(await api.preapproveIdentity(widget)).toBe(true);
+        });
+
+        it("returns false when approver returns false", async () => {
+            api.registerIdentityApprover(() => false);
+            expect(await api.preapproveIdentity(widget)).toBe(false);
+        });
+
+        it("returns false when approver returns undefined", async () => {
+            api.registerIdentityApprover(() => undefined);
+            expect(await api.preapproveIdentity(widget)).toBe(false);
+        });
+
+        it("returns false and logs error when approver throws", async () => {
+            const consoleSpy = jest.spyOn(console, "error").mockImplementation();
+            api.registerIdentityApprover(() => {
+                throw new Error("boom");
+            });
+            expect(await api.preapproveIdentity(widget)).toBe(false);
+            expect(consoleSpy).toHaveBeenCalledWith("Widget identity approver failed", expect.any(Error));
+            consoleSpy.mockRestore();
+        });
+    });
+
+    describe("preapproveCapabilities", () => {
+        const widget = mkDescriptor();
+        const requested = new Set(["cap1", "cap2", "cap3"]);
+
+        it("returns undefined when no approver registered", async () => {
+            expect(await api.preapproveCapabilities(widget, requested)).toBeUndefined();
+        });
+
+        it("returns the set from the approver", async () => {
+            api.registerCapabilitiesApprover(() => new Set(["cap1", "cap2"]));
+            expect(await api.preapproveCapabilities(widget, requested)).toEqual(new Set(["cap1", "cap2"]));
+        });
+
+        it("passes widget and requested capabilities to the approver", async () => {
+            const approver = jest.fn().mockReturnValue(new Set(["cap1"]));
+            api.registerCapabilitiesApprover(approver);
+            await api.preapproveCapabilities(widget, requested);
+            expect(approver).toHaveBeenCalledWith(widget, requested);
+        });
+
+        it("returns undefined when approver returns undefined", async () => {
+            api.registerCapabilitiesApprover(() => undefined);
+            expect(await api.preapproveCapabilities(widget, requested)).toBeUndefined();
+        });
+
+        it("returns undefined and logs error when approver throws", async () => {
+            const consoleSpy = jest.spyOn(console, "error").mockImplementation();
+            api.registerCapabilitiesApprover(() => {
+                throw new Error("boom");
+            });
+            expect(await api.preapproveCapabilities(widget, requested)).toBeUndefined();
+            expect(consoleSpy).toHaveBeenCalledWith("Widget capabilities approver failed", expect.any(Error));
+            consoleSpy.mockRestore();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/modules/__snapshots__/ModuleComponents-test.tsx.snap b/apps/web/test/unit-tests/modules/__snapshots__/ModuleComponents-test.tsx.snap
new file mode 100644
index 00000000000..1c0b53ce95c
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/__snapshots__/ModuleComponents-test.tsx.snap
@@ -0,0 +1,50 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`Module Components should override the factory for a ModuleSpinner 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_Spinner"
+  >
+    <svg
+      aria-label="Loading…"
+      class="_icon_1855a_18"
+      data-testid="spinner"
+      fill="currentColor"
+      height="1em"
+      role="progressbar"
+      style="width: 32px; height: 32px;"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        clip-rule="evenodd"
+        d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+        fill-rule="evenodd"
+      />
+    </svg>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Module Components should override the factory for a TextInputField 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_Field mx_Field_input"
+  >
+    <input
+      autocomplete="off"
+      id="mx_Field_1"
+      label="My Label"
+      placeholder="My Label"
+      type="text"
+      value="My Value"
+    />
+    <label
+      for="mx_Field_1"
+    >
+      My Label
+    </label>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/modules/components/ModuleNotificationDecoration-test.tsx b/apps/web/test/unit-tests/modules/components/ModuleNotificationDecoration-test.tsx
new file mode 100644
index 00000000000..65df1af1f71
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/components/ModuleNotificationDecoration-test.tsx
@@ -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.
+*/
+import React from "react";
+import { render, screen } from "jest-matrix-react";
+
+import type { Room } from "matrix-js-sdk/src/matrix";
+import { ModuleNotificationDecoration } from "../../../../src/modules/components/ModuleNotificationDecoration";
+import { mkStubRoom, stubClient } from "../../../test-utils";
+import { NotificationLevel } from "../../../../src/stores/notifications/NotificationLevel";
+import { RoomNotificationStateStore } from "../../../../src/stores/notifications/RoomNotificationStateStore";
+import { RoomNotificationState } from "../../../../src/stores/notifications/RoomNotificationState";
+
+class MockedNotificationState extends RoomNotificationState {
+    public constructor(room: Room, level: NotificationLevel, count: number) {
+        super(room, false);
+        this._level = level;
+        this._count = count;
+    }
+}
+
+it("Should be able to render component just with room as prop", () => {
+    const cli = stubClient();
+    const room = mkStubRoom("!foo:matrix.org", "Foo Room", cli);
+    jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockReturnValue(
+        new MockedNotificationState(room, NotificationLevel.Notification, 5),
+    );
+    render(<ModuleNotificationDecoration room={room} />);
+    expect(screen.getByTestId("notification-decoration")).toBeInTheDocument();
+});
diff --git a/apps/web/test/unit-tests/modules/models/Room-test.ts b/apps/web/test/unit-tests/modules/models/Room-test.ts
new file mode 100644
index 00000000000..51bf8bde7a4
--- /dev/null
+++ b/apps/web/test/unit-tests/modules/models/Room-test.ts
@@ -0,0 +1,52 @@
+/*
+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 { Room } from "../../../../src/modules/models/Room";
+import { mkRoom, stubClient } from "../../../test-utils";
+
+describe("Room", () => {
+    it("should return id from sdk room", () => {
+        const cli = stubClient();
+        const sdkRoom = mkRoom(cli, "!foo:m.org");
+        const room = new Room(sdkRoom);
+        expect(room.id).toStrictEqual("!foo:m.org");
+    });
+
+    it("should return last timestamp from sdk room", () => {
+        const cli = stubClient();
+        const sdkRoom = mkRoom(cli, "!foo:m.org");
+        const room = new Room(sdkRoom);
+        expect(room.getLastActiveTimestamp()).toStrictEqual(sdkRoom.getLastActiveTimestamp());
+    });
+
+    describe("watchableName", () => {
+        it("should return name from sdkRoom", () => {
+            const cli = stubClient();
+            const sdkRoom = mkRoom(cli, "!foo:m.org");
+            sdkRoom.name = "Foo Name";
+            const room = new Room(sdkRoom);
+            expect(room.name.value).toStrictEqual("Foo Name");
+        });
+
+        it("should add/remove event listener on sdk room", () => {
+            const cli = stubClient();
+            const sdkRoom = mkRoom(cli, "!foo:m.org");
+            sdkRoom.name = "Foo Name";
+
+            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(onSpy).toHaveBeenCalledTimes(1);
+
+            room.name.unwatch(fn);
+            expect(offSpy).toHaveBeenCalledTimes(1);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/renderer/__snapshots__/link-tooltip-test.tsx.snap b/apps/web/test/unit-tests/renderer/__snapshots__/link-tooltip-test.tsx.snap
new file mode 100644
index 00000000000..c7488a730e9
--- /dev/null
+++ b/apps/web/test/unit-tests/renderer/__snapshots__/link-tooltip-test.tsx.snap
@@ -0,0 +1,32 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`link-tooltip does nothing for empty element 1`] = `
+<DocumentFragment>
+  <div />
+</DocumentFragment>
+`;
+
+exports[`link-tooltip wraps single anchor 1`] = `
+<DocumentFragment>
+  
+            
+  <div>
+    
+                
+    <span
+      aria-labelledby="react-use-id-1"
+      tabindex="0"
+    >
+      <a
+        href="/foo"
+      >
+        click
+      </a>
+    </span>
+    
+            
+  </div>
+  
+        
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/renderer/__snapshots__/pill-test.tsx.snap b/apps/web/test/unit-tests/renderer/__snapshots__/pill-test.tsx.snap
new file mode 100644
index 00000000000..a1e65061f09
--- /dev/null
+++ b/apps/web/test/unit-tests/renderer/__snapshots__/pill-test.tsx.snap
@@ -0,0 +1,103 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`keyword pills should do nothing for empty element 1`] = `
+<DocumentFragment>
+  <div />
+</DocumentFragment>
+`;
+
+exports[`keyword pills should pillify 1`] = `
+<DocumentFragment>
+  <div>
+    Foo 
+    <bdi>
+      <span
+        tabindex="0"
+      >
+        <span
+          class="mx_Pill mx_KeywordPill"
+        >
+          <span
+            class="mx_Pill_text"
+          >
+            TeST
+          </span>
+        </span>
+      </span>
+    </bdi>
+     Bar
+  </div>
+</DocumentFragment>
+`;
+
+exports[`mention pills should do nothing for empty element 1`] = `
+<DocumentFragment>
+  <div />
+</DocumentFragment>
+`;
+
+exports[`mention pills should pillify @room 1`] = `
+<DocumentFragment>
+  <div>
+    <bdi>
+      <span
+        tabindex="0"
+      >
+        <span
+          class="mx_Pill mx_AtRoomPill"
+        >
+          <span
+            aria-hidden="true"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="4"
+            data-testid="avatar-img"
+            data-type="round"
+            role="presentation"
+            style="--cpd-avatar-size: 16px;"
+          >
+            !
+          </span>
+          <span
+            class="mx_Pill_text"
+          >
+            @room
+          </span>
+        </span>
+      </span>
+    </bdi>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`mention pills should pillify @room in an intentional mentions world 1`] = `
+<DocumentFragment>
+  <div>
+    <bdi>
+      <span
+        tabindex="0"
+      >
+        <span
+          class="mx_Pill mx_AtRoomPill"
+        >
+          <span
+            aria-hidden="true"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
+            data-color="4"
+            data-testid="avatar-img"
+            data-type="round"
+            role="presentation"
+            style="--cpd-avatar-size: 16px;"
+          >
+            !
+          </span>
+          <span
+            class="mx_Pill_text"
+          >
+            @room
+          </span>
+        </span>
+      </span>
+    </bdi>
+  </div>
+</DocumentFragment>
+`;
diff --git a/apps/web/test/unit-tests/renderer/link-tooltip-test.tsx b/apps/web/test/unit-tests/renderer/link-tooltip-test.tsx
new file mode 100644
index 00000000000..63f9f174b51
--- /dev/null
+++ b/apps/web/test/unit-tests/renderer/link-tooltip-test.tsx
@@ -0,0 +1,47 @@
+/*
+Copyright 2024-2025 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 { screen, fireEvent, render, type RenderResult } from "jest-matrix-react";
+import parse from "html-react-parser";
+
+import { ambiguousLinkTooltipRenderer, combineRenderers } from "../../../src/renderer";
+import PlatformPeg from "../../../src/PlatformPeg";
+import type BasePlatform from "../../../src/BasePlatform";
+
+describe("link-tooltip", () => {
+    jest.spyOn(PlatformPeg, "get").mockReturnValue({ needsUrlTooltips: () => true } as unknown as BasePlatform);
+
+    function renderTooltips(input: string): RenderResult {
+        return render(
+            <>
+                {parse(input, {
+                    replace: combineRenderers(ambiguousLinkTooltipRenderer)({ isHtml: true }),
+                })}
+            </>,
+        );
+    }
+
+    it("does nothing for empty element", () => {
+        const { asFragment } = renderTooltips("<div></div>");
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("wraps single anchor", () => {
+        const { container, asFragment } = renderTooltips(`
+            <div>
+                <a href="/foo">click</a>
+            </div>
+        `);
+        expect(asFragment()).toMatchSnapshot();
+        const anchor = container.querySelector("a")!;
+        expect(anchor.getAttribute("href")).toEqual("/foo");
+        fireEvent.focus(anchor.parentElement!);
+        expect(screen.getByLabelText("http://localhost/foo")).toBe(anchor.parentElement!);
+    });
+});
diff --git a/apps/web/test/unit-tests/renderer/pill-test.tsx b/apps/web/test/unit-tests/renderer/pill-test.tsx
new file mode 100644
index 00000000000..f3f3e36f9b6
--- /dev/null
+++ b/apps/web/test/unit-tests/renderer/pill-test.tsx
@@ -0,0 +1,228 @@
+/*
+Copyright 2024-2025 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, type RenderResult } from "jest-matrix-react";
+import {
+    MatrixEvent,
+    ConditionKind,
+    EventType,
+    PushRuleActionName,
+    Room,
+    TweakName,
+    type MatrixClient,
+} from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+import parse from "html-react-parser";
+import { PushProcessor } from "matrix-js-sdk/src/pushprocessor";
+
+import { keywordPillRenderer, mentionPillRenderer, combineRenderers } from "../../../src/renderer";
+import { stubClient, withClientContextRenderOptions } from "../../test-utils";
+import { MatrixClientPeg } from "../../../src/MatrixClientPeg";
+import DMRoomMap from "../../../src/utils/DMRoomMap";
+
+describe("mention pills", () => {
+    let cli: MatrixClient;
+    let room: Room;
+    const roomId = "!room:id";
+    const event = new MatrixEvent({
+        room_id: roomId,
+        type: EventType.RoomMessage,
+        content: {
+            body: "@room",
+        },
+    });
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        // @ts-expect-error
+        cli.pushProcessor = new PushProcessor(cli);
+        room = new Room(roomId, cli, cli.getUserId()!);
+        room.currentState.mayTriggerNotifOfType = jest.fn().mockReturnValue(true);
+        (cli.getRoom as jest.Mock).mockReturnValue(room);
+        cli.pushRules!.global = {
+            override: [
+                {
+                    rule_id: ".m.rule.roomnotif",
+                    default: true,
+                    enabled: true,
+                    conditions: [
+                        {
+                            kind: ConditionKind.EventMatch,
+                            key: "content.body",
+                            pattern: "@room",
+                        },
+                    ],
+                    actions: [
+                        PushRuleActionName.Notify,
+                        {
+                            set_tweak: TweakName.Highlight,
+                            value: true,
+                        },
+                    ],
+                },
+                {
+                    rule_id: ".m.rule.is_room_mention",
+                    default: true,
+                    enabled: true,
+                    conditions: [
+                        {
+                            kind: ConditionKind.EventPropertyIs,
+                            key: "content.m\\.mentions.room",
+                            value: true,
+                        },
+                        {
+                            kind: ConditionKind.SenderNotificationPermission,
+                            key: "room",
+                        },
+                    ],
+                    actions: [
+                        PushRuleActionName.Notify,
+                        {
+                            set_tweak: TweakName.Highlight,
+                        },
+                    ],
+                },
+            ],
+        };
+
+        DMRoomMap.makeShared(cli);
+    });
+
+    function renderPills(input: string, mxEvent?: MatrixEvent): RenderResult {
+        return render(
+            <>
+                {parse(input, {
+                    replace: combineRenderers(mentionPillRenderer)({
+                        mxEvent: mxEvent ?? event,
+                        room,
+                        isHtml: true,
+                    }),
+                })}
+            </>,
+            withClientContextRenderOptions(cli),
+        );
+    }
+
+    it("should do nothing for empty element", () => {
+        const input = "<div></div>";
+        const { asFragment } = renderPills(input);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should pillify @room", () => {
+        const input = "<div>@room</div>";
+        const { container, asFragment } = renderPills(input);
+        expect(asFragment()).toMatchSnapshot();
+        expect(container.querySelector(".mx_Pill.mx_AtRoomPill")?.textContent).toBe("!@room");
+    });
+
+    it("should pillify @room in an intentional mentions world", () => {
+        mocked(MatrixClientPeg.safeGet().supportsIntentionalMentions).mockReturnValue(true);
+        const { container, asFragment } = renderPills(
+            "<div>@room</div>",
+            new MatrixEvent({
+                room_id: roomId,
+                type: EventType.RoomMessage,
+                content: {
+                    "body": "@room",
+                    "m.mentions": {
+                        room: true,
+                    },
+                },
+            }),
+        );
+        expect(asFragment()).toMatchSnapshot();
+        expect(container.querySelector(".mx_Pill.mx_AtRoomPill")?.textContent).toBe("!@room");
+    });
+});
+
+describe("keyword pills", () => {
+    let cli: MatrixClient;
+    const keywordRegexpPattern = /(test)/i;
+
+    beforeEach(() => {
+        stubClient();
+        cli = MatrixClientPeg.safeGet();
+        cli.pushRules!.global = {
+            override: [
+                {
+                    rule_id: ".m.rule.roomnotif",
+                    default: true,
+                    enabled: true,
+                    conditions: [
+                        {
+                            kind: ConditionKind.EventMatch,
+                            key: "content.body",
+                            pattern: "@room",
+                        },
+                    ],
+                    actions: [
+                        PushRuleActionName.Notify,
+                        {
+                            set_tweak: TweakName.Highlight,
+                            value: true,
+                        },
+                    ],
+                },
+                {
+                    rule_id: ".m.rule.is_room_mention",
+                    default: true,
+                    enabled: true,
+                    conditions: [
+                        {
+                            kind: ConditionKind.EventPropertyIs,
+                            key: "content.m\\.mentions.room",
+                            value: true,
+                        },
+                        {
+                            kind: ConditionKind.SenderNotificationPermission,
+                            key: "room",
+                        },
+                    ],
+                    actions: [
+                        PushRuleActionName.Notify,
+                        {
+                            set_tweak: TweakName.Highlight,
+                        },
+                    ],
+                },
+            ],
+        };
+
+        DMRoomMap.makeShared(cli);
+    });
+
+    function renderPills(input: string): RenderResult {
+        return render(
+            <>
+                {parse(input, {
+                    replace: combineRenderers(keywordPillRenderer)({
+                        isHtml: true,
+                        keywordRegexpPattern,
+                    }),
+                })}
+            </>,
+            withClientContextRenderOptions(cli),
+        );
+    }
+
+    it("should do nothing for empty element", () => {
+        const input = "<div></div>";
+        const { asFragment } = renderPills(input);
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should pillify", () => {
+        const input = "<div>Foo TeST Bar</div>";
+        const { container, asFragment } = renderPills(input);
+        expect(asFragment()).toMatchSnapshot();
+        expect(container.querySelector(".mx_Pill.mx_KeywordPill")?.textContent).toBe("TeST");
+    });
+});
diff --git a/apps/web/test/unit-tests/settings/controllers/ThemeController-test.ts b/apps/web/test/unit-tests/settings/controllers/ThemeController-test.ts
new file mode 100644
index 00000000000..4cce1d85ed7
--- /dev/null
+++ b/apps/web/test/unit-tests/settings/controllers/ThemeController-test.ts
@@ -0,0 +1,45 @@
+/*
+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 ThemeController from "../../../../src/settings/controllers/ThemeController";
+import { SettingLevel } from "../../../../src/settings/SettingLevel";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import { DEFAULT_THEME } from "../../../../src/theme";
+
+describe("ThemeController", () => {
+    jest.spyOn(SettingsStore, "getValue").mockReturnValue([]);
+
+    it("returns null when calculatedValue is falsy", () => {
+        const controller = new ThemeController();
+
+        expect(
+            controller.getValueOverride(
+                SettingLevel.ACCOUNT,
+                "$room:server",
+                undefined /* calculatedValue */,
+                SettingLevel.ACCOUNT,
+            ),
+        ).toEqual(null);
+    });
+
+    it("returns default theme when value is not a valid theme", () => {
+        const controller = new ThemeController();
+
+        expect(
+            controller.getValueOverride(SettingLevel.ACCOUNT, "$room:server", "my-test-theme", SettingLevel.ACCOUNT),
+        ).toEqual(DEFAULT_THEME);
+    });
+
+    it("returns null when value is a valid theme", () => {
+        const controller = new ThemeController();
+
+        expect(controller.getValueOverride(SettingLevel.ACCOUNT, "$room:server", "dark", SettingLevel.ACCOUNT)).toEqual(
+            null,
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/settings/watchers/FontWatcher-test.ts b/apps/web/test/unit-tests/settings/watchers/FontWatcher-test.ts
new file mode 100644
index 00000000000..20e2b24681b
--- /dev/null
+++ b/apps/web/test/unit-tests/settings/watchers/FontWatcher-test.ts
@@ -0,0 +1,128 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 r00ster91 <r00ster91@proton.me>
+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 { 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";
+import { FontWatcher } from "../../../../src/settings/watchers/FontWatcher";
+import { Action } from "../../../../src/dispatcher/actions";
+import { untilDispatch } from "../../../test-utils";
+import defaultDispatcher from "../../../../src/dispatcher/dispatcher";
+
+async function setSystemFont(font: string | false): Promise<void> {
+    await SettingsStore.setValue("systemFont", null, SettingLevel.DEVICE, font || "");
+    await SettingsStore.setValue("useSystemFont", null, SettingLevel.DEVICE, !!font);
+    await untilDispatch(Action.UpdateSystemFont);
+    await sleep(1); // await the FontWatcher doing its action
+}
+
+async function setUseBundledEmojiFont(use: boolean): Promise<void> {
+    await SettingsStore.setValue("useBundledEmojiFont", null, SettingLevel.DEVICE, use);
+    await untilDispatch(Action.UpdateSystemFont);
+    await sleep(1); // await the FontWatcher doing its action
+}
+
+const getFontFamily = () => {
+    return document.body.style.getPropertyValue(FontWatcher.FONT_FAMILY_CUSTOM_PROPERTY);
+};
+const getEmojiFontFamily = () => {
+    return document.body.style.getPropertyValue(FontWatcher.EMOJI_FONT_FAMILY_CUSTOM_PROPERTY);
+};
+
+describe("FontWatcher", function () {
+    it("should load font on start()", async () => {
+        const watcher = new FontWatcher();
+        await setSystemFont("Font Name");
+        expect(getFontFamily()).toMatchInlineSnapshot(`""`);
+        await watcher.start();
+        expect(getFontFamily()).toMatchInlineSnapshot(`""Font Name", Twemoji"`);
+    });
+
+    it("should load font on Action.OnLoggedIn", async () => {
+        await setSystemFont("Font Name");
+        await new FontWatcher().start();
+        document.body.style.removeProperty(FontWatcher.FONT_FAMILY_CUSTOM_PROPERTY); // clear the fontFamily which was  by start which we tested already
+        defaultDispatcher.fire(Action.OnLoggedIn, true);
+        expect(getFontFamily()).toMatchInlineSnapshot(`""Font Name", Twemoji"`);
+    });
+
+    it("should reset font on Action.OnLoggedOut", async () => {
+        await setSystemFont("Font Name");
+        const watcher = new FontWatcher();
+        await watcher.start();
+        expect(getFontFamily()).toMatchInlineSnapshot(`""Font Name", Twemoji"`);
+        defaultDispatcher.fire(Action.OnLoggedOut, true);
+        expect(getFontFamily()).toMatchInlineSnapshot(`""`);
+    });
+
+    describe("Sets font as expected", () => {
+        let fontWatcher: FontWatcher;
+        beforeEach(async () => {
+            fontWatcher = new FontWatcher();
+            await fontWatcher.start();
+        });
+        afterEach(() => {
+            fontWatcher.stop();
+        });
+
+        it("encloses the fonts by double quotes and sets them as the system font", async () => {
+            await setSystemFont("Fira Sans Thin, Commodore 64");
+            expect(getFontFamily()).toMatchInlineSnapshot(`""Fira Sans Thin","Commodore 64", Twemoji"`);
+        });
+        it("does not add double quotes if already present and sets the font as the system font", async () => {
+            await setSystemFont(`"Commodore 64"`);
+            expect(getFontFamily()).toMatchInlineSnapshot(`""Commodore 64", Twemoji"`);
+        });
+        it("trims whitespace, encloses the fonts by double quotes, and sets them as the system font", async () => {
+            await setSystemFont(`  Fira Code  ,  "Commodore 64" `);
+            expect(getFontFamily()).toMatchInlineSnapshot(`""Fira Code","Commodore 64", Twemoji"`);
+        });
+    });
+
+    describe("Sets bundled emoji font as expected", () => {
+        let fontWatcher: FontWatcher;
+        beforeEach(async () => {
+            await setSystemFont(false);
+            fontWatcher = new FontWatcher();
+            await fontWatcher.start();
+        });
+        afterEach(() => {
+            fontWatcher.stop();
+        });
+
+        it("by default adds Twemoji font", async () => {
+            expect(getEmojiFontFamily()).toMatchInlineSnapshot(`"Twemoji"`);
+        });
+        it("does not add Twemoji font when disabled", async () => {
+            await setUseBundledEmojiFont(false);
+            expect(getEmojiFontFamily()).toMatchInlineSnapshot(`""`);
+        });
+        it("works in conjunction with useSystemFont", async () => {
+            await setSystemFont(`"Commodore 64"`);
+            await setUseBundledEmojiFont(true);
+            expect(getFontFamily()).toMatchInlineSnapshot(`""Commodore 64", Twemoji"`);
+        });
+    });
+
+    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/apps/web/test/unit-tests/slash-commands/__snapshots__/emoticons-test.ts.snap b/apps/web/test/unit-tests/slash-commands/__snapshots__/emoticons-test.ts.snap
new file mode 100644
index 00000000000..dc52a779b32
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/__snapshots__/emoticons-test.ts.snap
@@ -0,0 +1,57 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`/lenny should match snapshot with args 1`] = `
+{
+  "body": "( ͡° ͜ʖ ͡°) this is a test message",
+  "msgtype": "m.text",
+}
+`;
+
+exports[`/lenny should match snapshot with no args 1`] = `
+{
+  "body": "( ͡° ͜ʖ ͡°)",
+  "msgtype": "m.text",
+}
+`;
+
+exports[`/shrug should match snapshot with args 1`] = `
+{
+  "body": "¯\\_(ツ)_/¯ this is a test message",
+  "msgtype": "m.text",
+}
+`;
+
+exports[`/shrug should match snapshot with no args 1`] = `
+{
+  "body": "¯\\_(ツ)_/¯",
+  "msgtype": "m.text",
+}
+`;
+
+exports[`/tableflip should match snapshot with args 1`] = `
+{
+  "body": "(╯°□°）╯︵ ┻━┻ this is a test message",
+  "msgtype": "m.text",
+}
+`;
+
+exports[`/tableflip should match snapshot with no args 1`] = `
+{
+  "body": "(╯°□°）╯︵ ┻━┻",
+  "msgtype": "m.text",
+}
+`;
+
+exports[`/unflip should match snapshot with args 1`] = `
+{
+  "body": "┬──┬ ノ( ゜-゜ノ) this is a test message",
+  "msgtype": "m.text",
+}
+`;
+
+exports[`/unflip should match snapshot with no args 1`] = `
+{
+  "body": "┬──┬ ノ( ゜-゜ノ)",
+  "msgtype": "m.text",
+}
+`;
diff --git a/apps/web/test/unit-tests/slash-commands/__snapshots__/rainbow-test.ts.snap b/apps/web/test/unit-tests/slash-commands/__snapshots__/rainbow-test.ts.snap
new file mode 100644
index 00000000000..0b439253a11
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/__snapshots__/rainbow-test.ts.snap
@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`/rainbow should make things rainbowy 1`] = `
+{
+  "body": "this is a test message",
+  "format": "org.matrix.custom.html",
+  "formatted_body": "<span data-mx-color="#ff00be">t</span><span data-mx-color="#ff0080">h</span><span data-mx-color="#ff0041">i</span><span data-mx-color="#ff5f00">s</span> <span data-mx-color="#faa900">i</span><span data-mx-color="#c3bf00">s</span> <span data-mx-color="#00d800">a</span> <span data-mx-color="#00e371">t</span><span data-mx-color="#00e6b6">e</span><span data-mx-color="#00e7f8">s</span><span data-mx-color="#00e7ff">t</span> <span data-mx-color="#00deff">m</span><span data-mx-color="#00d2ff">e</span><span data-mx-color="#00c0ff">s</span><span data-mx-color="#44a4ff">s</span><span data-mx-color="#e87dff">a</span><span data-mx-color="#ff42ff">g</span><span data-mx-color="#ff00fe">e</span>",
+  "msgtype": "m.text",
+}
+`;
+
+exports[`/rainbowme should make things rainbowy 1`] = `
+{
+  "body": "this is a test message",
+  "format": "org.matrix.custom.html",
+  "formatted_body": "<span data-mx-color="#ff00be">t</span><span data-mx-color="#ff0080">h</span><span data-mx-color="#ff0041">i</span><span data-mx-color="#ff5f00">s</span> <span data-mx-color="#faa900">i</span><span data-mx-color="#c3bf00">s</span> <span data-mx-color="#00d800">a</span> <span data-mx-color="#00e371">t</span><span data-mx-color="#00e6b6">e</span><span data-mx-color="#00e7f8">s</span><span data-mx-color="#00e7ff">t</span> <span data-mx-color="#00deff">m</span><span data-mx-color="#00d2ff">e</span><span data-mx-color="#00c0ff">s</span><span data-mx-color="#44a4ff">s</span><span data-mx-color="#e87dff">a</span><span data-mx-color="#ff42ff">g</span><span data-mx-color="#ff00fe">e</span>",
+  "msgtype": "m.emote",
+}
+`;
diff --git a/apps/web/test/unit-tests/slash-commands/addwidget-test.ts b/apps/web/test/unit-tests/slash-commands/addwidget-test.ts
new file mode 100644
index 00000000000..90e45a7c816
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/addwidget-test.ts
@@ -0,0 +1,39 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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 { waitFor } from "jest-matrix-react";
+
+import WidgetUtils from "../../../src/utils/WidgetUtils";
+import { setUpCommandTest } from "./utils";
+import { WidgetType } from "../../../src/widgets/WidgetType";
+
+describe("/addwidget", () => {
+    const roomId = "!room:example.com";
+
+    it("should parse html iframe snippets", async () => {
+        jest.spyOn(WidgetUtils, "canUserModifyWidgets").mockReturnValue(true);
+        const spy = jest.spyOn(WidgetUtils, "setRoomWidget");
+
+        const { client, command } = setUpCommandTest(roomId, `/addwidget`);
+
+        command.run(client, roomId, null, '<iframe src="https://element.io"></iframe>');
+
+        await waitFor(() =>
+            expect(spy).toHaveBeenCalledWith(
+                client,
+                roomId,
+                expect.any(String),
+                WidgetType.CUSTOM,
+                "https://element.io",
+                "Custom",
+                {},
+            ),
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/ban-test.ts b/apps/web/test/unit-tests/slash-commands/ban-test.ts
new file mode 100644
index 00000000000..c898ebcd9ea
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/ban-test.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.
+ */
+
+import { setUpCommandTest } from "./utils";
+
+describe("/ban", () => {
+    const roomId = "!room:example.com";
+
+    it("should return usage if no args", () => {
+        const { client, command } = setUpCommandTest(roomId, `/ban`);
+        expect(command.run(client, roomId, null, undefined).error).toBe(command.getUsage());
+    });
+
+    it("should ban the user we specify from this room", async () => {
+        const { client, command, args } = setUpCommandTest(roomId, `/ban @u:s.co`);
+
+        await command.run(client, roomId, null, args).promise;
+
+        expect(client.ban).toHaveBeenCalledWith(roomId, "@u:s.co", undefined);
+    });
+
+    it("should provide the ban reason if we supply it", async () => {
+        const { client, command, args } = setUpCommandTest(roomId, `/ban @u:s.co They were quite nasty`);
+
+        await command.run(client, roomId, null, args).promise;
+
+        expect(client.ban).toHaveBeenCalledWith(roomId, "@u:s.co", "They were quite nasty");
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/disabled-in-local-room-test.ts b/apps/web/test/unit-tests/slash-commands/disabled-in-local-room-test.ts
new file mode 100644
index 00000000000..8a7fb8eb57b
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/disabled-in-local-room-test.ts
@@ -0,0 +1,48 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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 { setUpCommandTest } from "./utils";
+
+describe("SlashCommands", () => {
+    const roomId = "!room:example.com";
+
+    describe.each([
+        ["myroomnick"],
+        ["roomavatar"],
+        ["myroomavatar"],
+        ["topic"],
+        ["roomname"],
+        ["invite"],
+        ["part"],
+        ["remove"],
+        ["ban"],
+        ["unban"],
+        ["op"],
+        ["deop"],
+        ["addwidget"],
+        ["discardsession"],
+        ["whois"],
+        ["holdcall"],
+        ["unholdcall"],
+        ["converttodm"],
+        ["converttoroom"],
+    ])("/%s", (commandName: string) => {
+        describe("isEnabled", () => {
+            it("should return true for Room", () => {
+                const { client, command } = setUpCommandTest(roomId, `/${commandName}`);
+                expect(command.isEnabled(client, roomId)).toBe(true);
+            });
+
+            it("should return false for LocalRoom", () => {
+                const { client, command } = setUpCommandTest(roomId, `/${commandName}`, true);
+                expect(command.isEnabled(client, roomId)).toBe(false);
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/emoticons-test.ts b/apps/web/test/unit-tests/slash-commands/emoticons-test.ts
new file mode 100644
index 00000000000..dbf35d7769b
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/emoticons-test.ts
@@ -0,0 +1,30 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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 { setUpCommandTest } from "./utils";
+
+describe.each(["shrug", "tableflip", "unflip", "lenny"])("/%s", (commandName: string) => {
+    const roomId = "!room:example.com";
+
+    it("should match snapshot with no args", async () => {
+        const { client, command } = setUpCommandTest(roomId, `/${commandName}`);
+        await expect(command.run(client, roomId, null).promise).resolves.toMatchSnapshot();
+    });
+
+    it("should match snapshot with args", async () => {
+        const { client, command } = setUpCommandTest(roomId, `/${commandName}`);
+
+        const initialResult = await command.run(client, roomId, null, "this is a test message").promise;
+        expect(initialResult).toMatchSnapshot();
+        // We run this twice to ensure it doesn't stack the buffer
+        await expect(command.run(client, roomId, null, "this is a test message").promise).resolves.toEqual(
+            initialResult,
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/invite-test.ts b/apps/web/test/unit-tests/slash-commands/invite-test.ts
new file mode 100644
index 00000000000..e6d30ae4e18
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/invite-test.ts
@@ -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 Modal, { type ComponentType, type IHandle } from "../../../src/Modal";
+import { setUpCommandTest } from "./utils";
+
+describe("/invite", () => {
+    const roomId = "!room:example.com";
+
+    it("should return usage if no args", () => {
+        const { client, command } = setUpCommandTest(roomId, `/invite`);
+        expect(command.run(client, roomId, null, undefined).error).toBe(command.getUsage());
+    });
+
+    it("should invite the user we specify to this room", async () => {
+        const spy = jest.spyOn(Modal, "createDialog");
+        spy.mockReturnValue({ close: () => {} } as unknown as IHandle<ComponentType>);
+
+        const { client, command, args } = setUpCommandTest(roomId, `/invite @u:s.co`);
+
+        await command.run(client, roomId, null, args).promise;
+
+        expect(client.invite).toHaveBeenCalledWith(roomId, "@u:s.co", { shareEncryptedHistory: true });
+    });
+
+    it("should provide the invite reason if we supply it", async () => {
+        const spy = jest.spyOn(Modal, "createDialog");
+        spy.mockReturnValue({ close: () => {} } as unknown as IHandle<ComponentType>);
+
+        const { client, command, args } = setUpCommandTest(roomId, `/invite @u:s.co They are a very nice person`);
+
+        await command.run(client, roomId, null, args).promise;
+
+        expect(client.invite).toHaveBeenCalledWith(roomId, "@u:s.co", {
+            reason: "They are a very nice person",
+            shareEncryptedHistory: true,
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/join-test.ts b/apps/web/test/unit-tests/slash-commands/join-test.ts
new file mode 100644
index 00000000000..aa1e7427887
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/join-test.ts
@@ -0,0 +1,79 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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 { setUpCommandTest } from "./utils";
+import dispatcher from "../../../src/dispatcher/dispatcher";
+
+describe("/join", () => {
+    const roomId = "!room:example.com";
+
+    it("should return usage if no args", () => {
+        const { client, command } = setUpCommandTest(roomId, `/join`);
+        expect(command.run(client, roomId, null, undefined).error).toBe(command.getUsage());
+    });
+
+    it("should handle matrix.org permalinks", async () => {
+        const { client, command } = setUpCommandTest(roomId, `/join`);
+        jest.spyOn(dispatcher, "dispatch");
+
+        await command.run(client, roomId, null, "https://matrix.to/#/!roomId:server/$eventId").promise;
+
+        expect(dispatcher.dispatch).toHaveBeenCalledWith(
+            expect.objectContaining({
+                action: "view_room",
+                room_id: "!roomId:server",
+                event_id: "$eventId",
+                highlighted: true,
+            }),
+        );
+    });
+
+    it("should handle room aliases", async () => {
+        const { client, command } = setUpCommandTest(roomId, `/join`);
+        jest.spyOn(dispatcher, "dispatch");
+
+        await command.run(client, roomId, null, "#test:server").promise;
+
+        expect(dispatcher.dispatch).toHaveBeenCalledWith(
+            expect.objectContaining({
+                action: "view_room",
+                room_alias: "#test:server",
+            }),
+        );
+    });
+
+    it("should handle room aliases with no server component", async () => {
+        const { client, command } = setUpCommandTest(roomId, `/join`);
+        jest.spyOn(dispatcher, "dispatch");
+
+        await command.run(client, roomId, null, "#test").promise;
+
+        expect(dispatcher.dispatch).toHaveBeenCalledWith(
+            expect.objectContaining({
+                action: "view_room",
+                room_alias: `#test:${client.getDomain()}`,
+            }),
+        );
+    });
+
+    it("should handle room IDs and via servers", async () => {
+        const { client, command } = setUpCommandTest(roomId, `/join`);
+        jest.spyOn(dispatcher, "dispatch");
+
+        await command.run(client, roomId, null, "!foo:bar serv1.com serv2.com").promise;
+
+        expect(dispatcher.dispatch).toHaveBeenCalledWith(
+            expect.objectContaining({
+                action: "view_room",
+                room_id: "!foo:bar",
+                via_servers: ["serv1.com", "serv2.com"],
+            }),
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/msg-test.ts b/apps/web/test/unit-tests/slash-commands/msg-test.ts
new file mode 100644
index 00000000000..a55cbfc082d
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/msg-test.ts
@@ -0,0 +1,46 @@
+/*
+ * 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 { setUpCommandTest } from "./utils";
+import dispatcher from "../../../src/dispatcher/dispatcher";
+import DMRoomMap from "../../../src/utils/DMRoomMap";
+
+describe("/msg", () => {
+    const roomId = "!room:example.com";
+
+    it("should return usage if no args", () => {
+        const { client, command } = setUpCommandTest(roomId, `/msg`);
+        expect(command.run(client, roomId, null, undefined).error).toBe(command.getUsage());
+    });
+
+    it("should message the user and switch to the relevant DM", async () => {
+        // Given there is no DM room with the user
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue({
+            getDMRoomsForUserId: jest.fn().mockReturnValue([]),
+            getRoomIds: jest.fn().mockReturnValue([roomId]),
+        } as unknown as DMRoomMap);
+
+        jest.spyOn(dispatcher, "dispatch");
+
+        // When we send a message to that user
+        const { client, command, args } = setUpCommandTest(roomId, `/msg @u:s.co Hello there`);
+        await command.run(client, roomId, null, args).promise;
+
+        // Then we create a room and send the message in there
+        expect(client.sendTextMessage).toHaveBeenCalledWith("!1:example.org", "Hello there");
+
+        // And tell the UI to switch to that room
+        expect(dispatcher.dispatch).toHaveBeenCalledWith(
+            expect.objectContaining({
+                action: "view_room",
+                metricsTrigger: "SlashCommand",
+                metricsViaKeyboard: true,
+                room_id: "!1:example.org",
+            }),
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/op-test.ts b/apps/web/test/unit-tests/slash-commands/op-test.ts
new file mode 100644
index 00000000000..e0a843c2b07
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/op-test.ts
@@ -0,0 +1,77 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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 { KnownMembership, RoomMember } from "matrix-js-sdk/src/matrix";
+
+import { setUpCommandTest } from "./utils";
+import { warnSelfDemote } from "../../../src/components/views/right_panel/UserInfo";
+
+jest.mock("../../../src/components/views/right_panel/UserInfo");
+
+describe("/op", () => {
+    const roomId = "!room:example.com";
+
+    it("should return usage if no args", () => {
+        const { client, command, args } = setUpCommandTest(roomId, "/op");
+        expect(command.run(client, roomId, null, args).error).toBe(command.getUsage());
+    });
+
+    it("should reject with usage if given an invalid power level value", () => {
+        const { client, command, args } = setUpCommandTest(roomId, "/op @bob:server Admin");
+        expect(command.run(client, roomId, null, args).error).toBe(command.getUsage());
+    });
+
+    it("should reject with usage for invalid input", () => {
+        const { client, command } = setUpCommandTest(roomId, "/op");
+        expect(command.run(client, roomId, null, " ").error).toBe(command.getUsage());
+    });
+
+    it("should warn about self demotion", async () => {
+        const { client, command, room } = setUpCommandTest(roomId, "/op");
+        const member = new RoomMember(roomId, client.getSafeUserId());
+        member.membership = KnownMembership.Join;
+        member.powerLevel = 100;
+        room.getMember = () => member;
+        command.run(client, roomId, null, `${client.getUserId()} 0`);
+        expect(warnSelfDemote).toHaveBeenCalled();
+    });
+
+    it("should default to 50 if no powerlevel specified", async () => {
+        const { client, command, room } = setUpCommandTest(roomId, "/op");
+        const member = new RoomMember(roomId, "@user:server");
+        member.membership = KnownMembership.Join;
+        room.getMember = () => member;
+        command.run(client, roomId, null, member.userId);
+        expect(client.setPowerLevel).toHaveBeenCalledWith(roomId, member.userId, 50);
+    });
+});
+
+describe("/deop", () => {
+    const roomId = "!room:example.com";
+
+    it("should return usage if no args", () => {
+        const { client, command } = setUpCommandTest(roomId, "/deop");
+        expect(command.run(client, roomId, null, undefined).error).toBe(command.getUsage());
+    });
+
+    it("should warn about self demotion", async () => {
+        const { client, command, room } = setUpCommandTest(roomId, "/deop");
+        const member = new RoomMember(roomId, client.getSafeUserId());
+        member.membership = KnownMembership.Join;
+        member.powerLevel = 100;
+        room.getMember = () => member;
+        await command.run(client, roomId, null, client.getSafeUserId()).promise;
+        expect(warnSelfDemote).toHaveBeenCalled();
+    });
+
+    it("should reject with usage for invalid input", () => {
+        const { client, command } = setUpCommandTest(roomId, "/deop");
+        expect(command.run(client, roomId, null, " ").error).toBe(command.getUsage());
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/parse-command-string-test.ts b/apps/web/test/unit-tests/slash-commands/parse-command-string-test.ts
new file mode 100644
index 00000000000..9f2fa1a3dc9
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/parse-command-string-test.ts
@@ -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 { parseCommandString } from "../../../src/slash-commands/SlashCommands";
+
+describe("parseCommandString", () => {
+    it("should be able to split arguments at the first whitespace", () => {
+        expect(parseCommandString("/a b")).toEqual({ cmd: "a", args: "b" });
+        expect(parseCommandString("/cmd And more stuff")).toEqual({ cmd: "cmd", args: "And more stuff" });
+        expect(parseCommandString("/cmd And more stuff")).toEqual({ cmd: "cmd", args: "And more stuff" });
+        expect(parseCommandString("/cmd And more\nstuff")).toEqual({ cmd: "cmd", args: "And more\nstuff" });
+        expect(parseCommandString("/cmd \t\n And more stuff")).toEqual({ cmd: "cmd", args: "And more stuff" });
+        expect(parseCommandString("/a")).toEqual({ cmd: "a" });
+        expect(parseCommandString("/cmd")).toEqual({ cmd: "cmd" });
+        expect(parseCommandString("/cmd    ")).toEqual({ cmd: "cmd" });
+        expect(parseCommandString("  /cmd    ")).toEqual({ cmd: "cmd" });
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/part-test.ts b/apps/web/test/unit-tests/slash-commands/part-test.ts
new file mode 100644
index 00000000000..12537121632
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/part-test.ts
@@ -0,0 +1,72 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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 { type MatrixClient, PendingEventOrdering, Room } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import Modal, { type ComponentType, type IHandle } from "../../../src/Modal";
+import { setUpCommandTest } from "./utils";
+import { type Command } from "../../../src/slash-commands/command";
+
+describe("/part", () => {
+    const roomId = "!room:example.com";
+
+    function setUp(): {
+        client: MatrixClient;
+        command: Command;
+        args?: string;
+        room1: Room;
+        room2: Room;
+    } {
+        const spy = jest.spyOn(Modal, "createDialog");
+        spy.mockReturnValue({ close: () => {} } as unknown as IHandle<ComponentType>);
+
+        const { client, command, args } = setUpCommandTest(roomId, "/part #foo:bar");
+        expect(args).toBeDefined();
+
+        const room1 = new Room("!room-id", client, client.getSafeUserId(), {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        const room2 = new Room("!other-room", client, client.getSafeUserId());
+
+        mocked(client.getRoom).mockImplementation((rId: string): Room | null => {
+            if (rId === room1.roomId) {
+                return room1;
+            } else if (rId === room2.roomId) {
+                return room2;
+            } else {
+                return null;
+            }
+        });
+        mocked(client.getRooms).mockReturnValue([room1, room2]);
+
+        return { client, command, args, room1, room2 };
+    }
+
+    it("should part room matching alias if found", async () => {
+        const { client, command, args, room1, room2 } = setUp();
+        room1.getCanonicalAlias = jest.fn().mockReturnValue("#foo:bar");
+        room2.getCanonicalAlias = jest.fn().mockReturnValue("#baz:bar");
+
+        await command.run(client, room1.roomId, null, args).promise;
+
+        expect(client.leaveRoomChain).toHaveBeenCalledWith(room1.roomId, expect.anything());
+    });
+
+    it("should part room matching alt alias if found", async () => {
+        const { client, command, args, room1, room2 } = setUp();
+        room1.getAltAliases = jest.fn().mockReturnValue(["#foo:bar"]);
+        room2.getAltAliases = jest.fn().mockReturnValue(["#baz:bar"]);
+
+        await command.run(client, room1.roomId, null, args).promise;
+
+        expect(client.leaveRoomChain).toHaveBeenCalledWith(room1.roomId, expect.anything());
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/rainbow-test.ts b/apps/web/test/unit-tests/slash-commands/rainbow-test.ts
new file mode 100644
index 00000000000..d86c307d692
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/rainbow-test.ts
@@ -0,0 +1,25 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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 { setUpCommandTest } from "./utils";
+
+describe.each(["rainbow", "rainbowme"])("/%s", (commandName: string) => {
+    const roomId = "!room:example.com";
+
+    it("should return usage if no args", () => {
+        const { client, command } = setUpCommandTest(roomId, `/${commandName}`);
+        expect(command.run(client, roomId, null, undefined).error).toBe(command.getUsage());
+    });
+
+    it("should make things rainbowy", async () => {
+        const { client, command } = setUpCommandTest(roomId, `/${commandName}`);
+
+        await expect(command.run(client, roomId, null, "this is a test message").promise).resolves.toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/remove-test.ts b/apps/web/test/unit-tests/slash-commands/remove-test.ts
new file mode 100644
index 00000000000..2ba29757fa7
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/remove-test.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.
+ */
+
+import { setUpCommandTest } from "./utils";
+
+describe("/remove", () => {
+    const roomId = "!room:example.com";
+
+    it("should return usage if no args", () => {
+        const { client, command } = setUpCommandTest(roomId, `/remove`);
+        expect(command.run(client, roomId, null, undefined).error).toBe(command.getUsage());
+    });
+
+    it("should kick the user we specify from this room", async () => {
+        const { client, command, args } = setUpCommandTest(roomId, `/remove @u:s.co`);
+
+        await command.run(client, roomId, null, args).promise;
+
+        expect(client.kick).toHaveBeenCalledWith(roomId, "@u:s.co", undefined);
+    });
+
+    it("should provide the kick reason if we supply it", async () => {
+        const { client, command, args } = setUpCommandTest(roomId, `/remove @u:s.co They were not very nice`);
+
+        await command.run(client, roomId, null, args).promise;
+
+        expect(client.kick).toHaveBeenCalledWith(roomId, "@u:s.co", "They were not very nice");
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/topic-test.ts b/apps/web/test/unit-tests/slash-commands/topic-test.ts
new file mode 100644
index 00000000000..c77a9961b03
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/topic-test.ts
@@ -0,0 +1,31 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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 Modal from "../../../src/Modal";
+import { setUpCommandTest } from "./utils";
+
+describe("/topic", () => {
+    const roomId = "!room:example.com";
+
+    it("sets topic", async () => {
+        const { client, command, args } = setUpCommandTest(roomId, "/topic pizza");
+        expect(args).toBeDefined();
+
+        command.run(client, "room-id", null, args);
+
+        expect(client.setRoomTopic).toHaveBeenCalledWith("room-id", "pizza", undefined);
+    });
+
+    it("should show topic modal if no args passed", async () => {
+        const spy = jest.spyOn(Modal, "createDialog");
+        const { client, command } = setUpCommandTest(roomId, "/topic");
+        await command.run(client, roomId, null).promise;
+        expect(spy).toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/upgraderoom-test.ts b/apps/web/test/unit-tests/slash-commands/upgraderoom-test.ts
new file mode 100644
index 00000000000..c13c9fc81aa
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/upgraderoom-test.ts
@@ -0,0 +1,124 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import RoomUpgradeWarningDialog, {
+    type IFinishedOpts,
+} from "../../../src/components/views/dialogs/RoomUpgradeWarningDialog";
+import { type Command } from "../../../src/slash-commands/SlashCommands";
+import { parseUpgradeRoomArgs } from "../../../src/slash-commands/upgraderoom/parseUpgradeRoomArgs";
+import Modal from "../../../src/Modal";
+import { setUpCommandTest } from "./utils";
+
+describe("/upgraderoom", () => {
+    const roomId = "!room:example.com";
+
+    /**
+     * 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, client } = setUpCommandTest(roomId, "/upgraderoom");
+
+        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/apps/web/test/unit-tests/slash-commands/utils.test.ts b/apps/web/test/unit-tests/slash-commands/utils.test.ts
new file mode 100644
index 00000000000..2ca30164253
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/utils.test.ts
@@ -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 { splitAtFirstSpace } from "../../../src/slash-commands/utils";
+
+describe("splitAtFirstSpace", () => {
+    it("should be able to split arguments at the first whitespace", () => {
+        expect(splitAtFirstSpace("a b")).toEqual(["a", "b"]);
+        expect(splitAtFirstSpace("arg1 Followed by more stuff")).toEqual(["arg1", "Followed by more stuff"]);
+        expect(splitAtFirstSpace("arg1 Followed by more\nstuff")).toEqual(["arg1", "Followed by more\nstuff"]);
+        expect(splitAtFirstSpace("  arg1 Followed by more stuff  ")).toEqual(["arg1", "Followed by more stuff"]);
+        expect(splitAtFirstSpace("arg1 \t\n Followed by more stuff")).toEqual(["arg1", "Followed by more stuff"]);
+        expect(splitAtFirstSpace("a")).toEqual(["a"]);
+        expect(splitAtFirstSpace("arg1")).toEqual(["arg1"]);
+        expect(splitAtFirstSpace("arg1    ")).toEqual(["arg1"]);
+        expect(splitAtFirstSpace("  arg1    ")).toEqual(["arg1"]);
+    });
+});
diff --git a/apps/web/test/unit-tests/slash-commands/utils.ts b/apps/web/test/unit-tests/slash-commands/utils.ts
new file mode 100644
index 00000000000..a46d69d8171
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/utils.ts
@@ -0,0 +1,56 @@
+/*
+ * 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 MatrixClient } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import { type Command } from "../../../src/slash-commands/command";
+import { getCommand } from "../../../src/slash-commands/SlashCommands";
+import { stubClient } from "../../test-utils";
+import { SDKContextClass } from "../../../src/contexts/SDKContextClass";
+import { LocalRoom } from "../../../src/models/LocalRoom";
+import DMRoomMap from "../../../src/utils/DMRoomMap.ts";
+
+export function setUpCommandTest(
+    roomId: string,
+    input: string,
+    roomIsLocal?: boolean,
+): {
+    command: Command;
+    args?: string;
+    client: MatrixClient;
+    room: Room;
+} {
+    jest.clearAllMocks();
+
+    // TODO: if getCommand took a MatrixClient argument, we could use
+    // createTestClient here instead of stubClient (i.e. avoid setting
+    // MatrixClientPeg.)
+    const client = stubClient();
+    DMRoomMap.makeShared(client);
+    const { cmd: command, args } = getCommand(roomId, input);
+
+    let room: Room;
+
+    if (roomIsLocal) {
+        room = new LocalRoom(roomId, client, client.getSafeUserId());
+    } else {
+        room = new Room(roomId, client, client.getSafeUserId());
+    }
+
+    jest.spyOn(SDKContextClass.instance.roomViewStore, "getRoomId").mockReturnValue(roomId);
+
+    mocked(client.getRoom).mockImplementation((rId: string): Room | null => {
+        if (rId === roomId) {
+            return room;
+        } else {
+            return null;
+        }
+    });
+
+    return { command: command!, args, client, room };
+}
diff --git a/apps/web/test/unit-tests/slash-commands/verify-test.ts b/apps/web/test/unit-tests/slash-commands/verify-test.ts
new file mode 100644
index 00000000000..e5e768f4a09
--- /dev/null
+++ b/apps/web/test/unit-tests/slash-commands/verify-test.ts
@@ -0,0 +1,64 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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 { act, waitFor } from "jest-matrix-react";
+
+import Modal, { type ComponentType, type IHandle } from "../../../src/Modal";
+import { setUpCommandTest } from "./utils";
+import QuestionDialog from "../../../src/components/views/dialogs/QuestionDialog";
+import ErrorDialog from "../../../src/components/views/dialogs/ErrorDialog";
+
+describe("/verify", () => {
+    const roomId = "!room:example.com";
+
+    it("should return usage if no args", () => {
+        const { client, command } = setUpCommandTest(roomId, `/verify`);
+        expect(command.run(client, roomId, null, undefined).error).toBe(command.getUsage());
+    });
+
+    it("should attempt manual verification after confirmation", async () => {
+        // Given we say yes to prompt
+        const spy = jest.spyOn(Modal, "createDialog");
+        spy.mockReturnValue({ finished: Promise.resolve([true]) } as unknown as IHandle<ComponentType>);
+
+        // When we run the command
+        const { client, command } = setUpCommandTest(roomId, `/verify`);
+        await act(() => command.run(client, roomId, null, "mydeviceid myfingerprint"));
+
+        // Then the prompt is displayed
+        expect(spy).toHaveBeenCalledWith(
+            QuestionDialog,
+            expect.objectContaining({ title: "Caution: manual device verification" }),
+        );
+
+        // And then we attempt the verification
+        await waitFor(() =>
+            expect(spy).toHaveBeenCalledWith(ErrorDialog, expect.objectContaining({ title: "Verification failed" })),
+        );
+    });
+
+    it("should not do manual verification if cancelled", async () => {
+        // Given we say no to prompt
+        const spy = jest.spyOn(Modal, "createDialog");
+        spy.mockReturnValue({ finished: Promise.resolve([false]) } as unknown as IHandle<ComponentType>);
+
+        // When we run the command
+        const { client, command } = setUpCommandTest(roomId, `/verify`);
+        command.run(client, roomId, null, "mydeviceid myfingerprint");
+
+        // Then the prompt is displayed
+        expect(spy).toHaveBeenCalledWith(
+            QuestionDialog,
+            expect.objectContaining({ title: "Caution: manual device verification" }),
+        );
+
+        // But nothing else happens
+        expect(spy).not.toHaveBeenCalledWith(ErrorDialog, expect.anything());
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/ActiveWidgetStore-test.ts b/apps/web/test/unit-tests/stores/ActiveWidgetStore-test.ts
new file mode 100644
index 00000000000..394ac4b743a
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/ActiveWidgetStore-test.ts
@@ -0,0 +1,45 @@
+/*
+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 ActiveWidgetStore from "../../../src/stores/ActiveWidgetStore";
+
+describe("ActiveWidgetStore", () => {
+    const store = ActiveWidgetStore.instance;
+
+    it("tracks docked and live tiles correctly", () => {
+        expect(store.isDocked("1", "r1")).toEqual(false);
+        expect(store.isLive("1", "r1")).toEqual(false);
+
+        // Try undocking the widget before it gets docked
+        store.undockWidget("1", "r1");
+        expect(store.isDocked("1", "r1")).toEqual(false);
+        expect(store.isLive("1", "r1")).toEqual(false);
+
+        store.dockWidget("1", "r1");
+        expect(store.isDocked("1", "r1")).toEqual(true);
+        expect(store.isLive("1", "r1")).toEqual(true);
+
+        store.dockWidget("1", "r1");
+        expect(store.isDocked("1", "r1")).toEqual(true);
+        expect(store.isLive("1", "r1")).toEqual(true);
+
+        store.undockWidget("1", "r1");
+        expect(store.isDocked("1", "r1")).toEqual(true);
+        expect(store.isLive("1", "r1")).toEqual(true);
+
+        // Ensure that persistent widgets remain live even while undocked
+        store.setWidgetPersistence("1", "r1", true);
+        store.undockWidget("1", "r1");
+        expect(store.isDocked("1", "r1")).toEqual(false);
+        expect(store.isLive("1", "r1")).toEqual(true);
+
+        store.setWidgetPersistence("1", "r1", false);
+        expect(store.isDocked("1", "r1")).toEqual(false);
+        expect(store.isLive("1", "r1")).toEqual(false);
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/BreadcrumbsStore-test.ts b/apps/web/test/unit-tests/stores/BreadcrumbsStore-test.ts
new file mode 100644
index 00000000000..5b19d77227a
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/BreadcrumbsStore-test.ts
@@ -0,0 +1,129 @@
+/*
+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 { mocked } from "jest-mock";
+import { type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+
+import { createTestClient, flushPromises, setupAsyncStoreWithClient } from "../../test-utils";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { BreadcrumbsStore } from "../../../src/stores/BreadcrumbsStore";
+import { Action } from "../../../src/dispatcher/actions";
+import defaultDispatcher from "../../../src/dispatcher/dispatcher";
+
+describe("BreadcrumbsStore", () => {
+    let store: BreadcrumbsStore;
+    const client: MatrixClient = createTestClient();
+
+    beforeEach(() => {
+        jest.resetAllMocks();
+        store = BreadcrumbsStore.instance;
+        setupAsyncStoreWithClient(store, client);
+        jest.spyOn(SettingsStore, "setValue").mockImplementation(() => Promise.resolve());
+        jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+    });
+
+    describe("If the feature_dynamic_room_predecessors is not enabled", () => {
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        });
+
+        it("Appends a room when you join", async () => {
+            // Sanity: no rooms initially
+            expect(store.rooms).toEqual([]);
+
+            // Given a room
+            const room = fakeRoom();
+            mocked(client.getRoom).mockReturnValue(room);
+            mocked(client.getRoomUpgradeHistory).mockReturnValue([]);
+
+            // When we hear that we have joined it
+            await dispatchJoinRoom(room.roomId);
+
+            // It is stored in the store's room list
+            expect(store.rooms.map((r) => r.roomId)).toEqual([room.roomId]);
+        });
+
+        it("Replaces the old room when a newer one joins", async () => {
+            // Given an old room and a new room
+            const oldRoom = fakeRoom();
+            const newRoom = fakeRoom();
+            mocked(client.getRoom).mockImplementation((roomId) => {
+                if (roomId === oldRoom.roomId) return oldRoom;
+                return newRoom;
+            });
+            // Where the new one is a predecessor of the old one
+            mocked(client.getRoomUpgradeHistory).mockReturnValue([oldRoom, newRoom]);
+
+            // When we hear that we joined the old room, then the new one
+            await dispatchJoinRoom(oldRoom.roomId);
+            await dispatchJoinRoom(newRoom.roomId);
+
+            // The store only has the new one
+            expect(store.rooms.map((r) => r.roomId)).toEqual([newRoom.roomId]);
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            // Given a room
+            const room = fakeRoom();
+            mocked(client.getRoom).mockReturnValue(room);
+            mocked(client.getRoomUpgradeHistory).mockReturnValue([]);
+
+            // When we signal that we have joined
+            await dispatchJoinRoom(room.roomId);
+
+            // We pass the value of the dynamic predecessor setting through
+            expect(client.getRoomUpgradeHistory).toHaveBeenCalledWith(room.roomId, true, false);
+        });
+    });
+
+    describe("If the feature_dynamic_room_predecessors is enabled", () => {
+        beforeEach(() => {
+            // Turn on feature_dynamic_room_predecessors setting
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "feature_dynamic_room_predecessors",
+            );
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            // Given a room
+            const room = fakeRoom();
+            mocked(client.getRoom).mockReturnValue(room);
+            mocked(client.getRoomUpgradeHistory).mockReturnValue([]);
+
+            // When we signal that we have joined
+            await dispatchJoinRoom(room.roomId);
+
+            // We pass the value of the dynamic predecessor setting through
+            expect(client.getRoomUpgradeHistory).toHaveBeenCalledWith(room.roomId, true, true);
+        });
+    });
+
+    /**
+     * Send a JoinRoom event via the dispatcher, and wait for it to process.
+     */
+    async function dispatchJoinRoom(roomId: string) {
+        defaultDispatcher.dispatch(
+            {
+                action: Action.JoinRoom,
+                roomId,
+                metricsTrigger: null,
+            },
+            true, // synchronous dispatch
+        );
+
+        // Wait for event dispatch to happen
+        await flushPromises();
+    }
+
+    let roomIdx = 0;
+
+    function fakeRoom(): Room {
+        roomIdx++;
+        return new Room(`room${roomIdx}`, client, "@user:example.com");
+    }
+});
diff --git a/apps/web/test/unit-tests/stores/CallStore-test.ts b/apps/web/test/unit-tests/stores/CallStore-test.ts
new file mode 100644
index 00000000000..61bdc44f37d
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/CallStore-test.ts
@@ -0,0 +1,87 @@
+/*
+ * 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 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";
+import SdkConfig from "../../../src/SdkConfig";
+import {
+    setUpClientRoomAndStores,
+    cleanUpClientRoomAndStores,
+    setupAsyncStoreWithClient,
+    enableCalls,
+} from "../../test-utils";
+
+describe("CallStore", () => {
+    let client: MockedObject<MatrixClient>;
+    let room: Room;
+
+    beforeEach(() => {
+        enableCalls();
+        const res = setUpClientRoomAndStores();
+        client = res.client;
+        room = res.room;
+    });
+
+    afterEach(() => {
+        cleanUpClientRoomAndStores(client, room);
+        jest.restoreAllMocks();
+    });
+
+    it("constructs one call for one MatrixRTC session", () => {
+        setupAsyncStoreWithClient(CallStore.instance, client);
+        const getSpy = jest.spyOn(ElementCall, "get");
+
+        // Simulate another user starting a new MatrixRTC session
+        const session = client.matrixRTC.getRoomSession(room);
+        session.memberships.push({} as CallMembership);
+        client.matrixRTC.emit(MatrixRTCSessionManagerEvents.SessionStarted, room.roomId, session);
+
+        expect(getSpy).toHaveBeenCalledTimes(1);
+        expect(getSpy).toHaveReturnedWith(expect.any(ElementCall));
+        expect(CallStore.instance.getCall(room.roomId)).not.toBe(null);
+        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" },
+        ]);
+    });
+    it("does not fall back to client well-known when enable_client_well_known_lookups is false", async () => {
+        const sdkConfigGet = SdkConfig.get;
+        jest.spyOn(SdkConfig, "get").mockImplementation((key?: any, altCaseName?: string): any => {
+            if (key === "enable_client_well_known_lookups") return false;
+            return sdkConfigGet(key, altCaseName);
+        });
+        client._unstable_getRTCTransports.mockResolvedValue([{ type: "type-a", some_data: "value" }]);
+        client.getClientWellKnown.mockReturnValue({
+            "org.matrix.msc4143.rtc_foci": [{ type: "type-c", other_data: "bar" }],
+        });
+        await setupAsyncStoreWithClient(CallStore.instance, client);
+        // Only the modern endpoint contributes; the legacy well-known fallback is skipped entirely.
+        expect(CallStore.instance.getConfiguredRTCTransports()).toEqual([{ type: "type-a", some_data: "value" }]);
+        expect(client.waitForClientWellKnown).not.toHaveBeenCalled();
+        expect(client.getClientWellKnown).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/InitialCryptoSetupStore-test.ts b/apps/web/test/unit-tests/stores/InitialCryptoSetupStore-test.ts
new file mode 100644
index 00000000000..46c3f3c1cb8
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/InitialCryptoSetupStore-test.ts
@@ -0,0 +1,85 @@
+/*
+Copyright 2024 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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { waitFor } from "jest-matrix-react";
+import { sleep } from "matrix-js-sdk/src/utils";
+
+import { createCrossSigning } from "../../../src/CreateCrossSigning";
+import { InitialCryptoSetupStore } from "../../../src/stores/InitialCryptoSetupStore";
+import { createTestClient } from "../../test-utils";
+
+jest.mock("../../../src/CreateCrossSigning", () => ({
+    createCrossSigning: jest.fn(),
+}));
+
+describe("InitialCryptoSetupStore", () => {
+    let testStore: InitialCryptoSetupStore;
+    let client: MatrixClient;
+
+    let createCrossSigningResolve: () => void;
+    let createCrossSigningReject: (e: Error) => void;
+
+    beforeEach(() => {
+        testStore = new InitialCryptoSetupStore();
+        client = createTestClient();
+
+        mocked(createCrossSigning).mockImplementation(() => {
+            return new Promise<void>((resolve, reject) => {
+                createCrossSigningResolve = resolve;
+                createCrossSigningReject = reject;
+            });
+        });
+    });
+
+    it("should call createCrossSigning when startInitialCryptoSetup is called", async () => {
+        testStore.startInitialCryptoSetup(client, jest.fn());
+
+        await waitFor(() => expect(createCrossSigning).toHaveBeenCalled());
+    });
+
+    it("emits an update event when createCrossSigning resolves", async () => {
+        const updateSpy = jest.fn();
+        testStore.on("update", updateSpy);
+
+        testStore.startInitialCryptoSetup(client, jest.fn());
+        createCrossSigningResolve();
+
+        await waitFor(() => expect(updateSpy).toHaveBeenCalled());
+        expect(testStore.getStatus()).toBe("complete");
+    });
+
+    it("emits an update event when createCrossSigning rejects", async () => {
+        const updateSpy = jest.fn();
+        testStore.on("update", updateSpy);
+
+        testStore.startInitialCryptoSetup(client, jest.fn());
+        createCrossSigningReject(new Error("Test error"));
+
+        await waitFor(() => expect(updateSpy).toHaveBeenCalled());
+        expect(testStore.getStatus()).toBe("error");
+    });
+
+    it("should fail to retry once complete", async () => {
+        testStore.startInitialCryptoSetup(client, jest.fn());
+
+        await waitFor(() => expect(createCrossSigning).toHaveBeenCalled());
+        createCrossSigningResolve();
+        await sleep(0); // await the next tick
+        expect(testStore.retry()).toBeFalsy();
+    });
+
+    it("should retry if initial attempt failed", async () => {
+        testStore.startInitialCryptoSetup(client, jest.fn());
+
+        await waitFor(() => expect(createCrossSigning).toHaveBeenCalled());
+        createCrossSigningReject(new Error("Test error"));
+        await sleep(0); // await the next tick
+        expect(testStore.retry()).toBeTruthy();
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/LifecycleStore-test.ts b/apps/web/test/unit-tests/stores/LifecycleStore-test.ts
new file mode 100644
index 00000000000..4c4b7a3a5d3
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/LifecycleStore-test.ts
@@ -0,0 +1,79 @@
+/*
+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.
+*/
+
+import { mocked } from "jest-mock";
+import { SyncState } from "matrix-js-sdk/src/matrix";
+import { sleep } from "matrix-js-sdk/src/utils";
+
+import { MatrixClientPeg } from "../../../src/MatrixClientPeg";
+import ToastStore from "../../../src/stores/ToastStore";
+import { stubClient } from "../../test-utils";
+import LifecycleStore from "../../../src/stores/LifecycleStore";
+
+describe("LifecycleStore", () => {
+    stubClient();
+    const client = MatrixClientPeg.safeGet();
+    let addOrReplaceToast: jest.SpyInstance;
+
+    beforeEach(() => {
+        addOrReplaceToast = jest.spyOn(ToastStore.sharedInstance(), "addOrReplaceToast");
+    });
+
+    it("should do nothing if the matrix server version is supported", async () => {
+        mocked(client).isVersionSupported.mockResolvedValue(true);
+
+        (LifecycleStore as any).onDispatch({
+            action: "MatrixActions.sync",
+            state: SyncState.Syncing,
+            prevState: SyncState.Prepared,
+        });
+
+        await sleep(0);
+
+        expect(addOrReplaceToast).not.toHaveBeenCalledWith(
+            expect.objectContaining({
+                title: "Your server is unsupported",
+            }),
+        );
+    });
+
+    it("should show a toast if the matrix server version is unsupported", async () => {
+        mocked(client).isVersionSupported.mockResolvedValue(false);
+
+        (LifecycleStore as any).onDispatch({
+            action: "MatrixActions.sync",
+            state: SyncState.Syncing,
+            prevState: SyncState.Prepared,
+        });
+
+        await sleep(0);
+
+        expect(addOrReplaceToast).toHaveBeenCalledWith(
+            expect.objectContaining({
+                title: "Your server is unsupported",
+            }),
+        );
+    });
+
+    it("dismisses toast on accept button", async () => {
+        const dismissToast = jest.spyOn(ToastStore.sharedInstance(), "dismissToast");
+        mocked(client).isVersionSupported.mockResolvedValue(false);
+
+        (LifecycleStore as any).onDispatch({
+            action: "MatrixActions.sync",
+            state: SyncState.Syncing,
+            prevState: SyncState.Prepared,
+        });
+
+        await sleep(0);
+
+        addOrReplaceToast.mock.calls[0][0].props.onPrimaryClick();
+
+        expect(dismissToast).toHaveBeenCalledWith(addOrReplaceToast.mock.calls[0][0].key);
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/MemberListStore-test.ts b/apps/web/test/unit-tests/stores/MemberListStore-test.ts
new file mode 100644
index 00000000000..1c6f5375f38
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/MemberListStore-test.ts
@@ -0,0 +1,237 @@
+/*
+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 { mocked } from "jest-mock";
+import { EventType, type IContent, type MatrixClient, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import SdkConfig from "../../../src/SdkConfig";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { MemberListStore } from "../../../src/stores/MemberListStore";
+import { stubClient } from "../../test-utils";
+import { TestSDKContext } from "../TestSDKContext";
+
+describe("MemberListStore", () => {
+    const alice = "@alice:bar";
+    const bob = "@bob:bar";
+    const charlie = "@charlie:bar";
+    const roomId = "!foo:bar";
+    let store: MemberListStore;
+    let client: MatrixClient;
+    let room: Room;
+
+    beforeEach(() => {
+        const context = new TestSDKContext();
+        client = stubClient();
+        client.baseUrl = "https://invalid.base.url.here";
+        context._client = client;
+        store = new MemberListStore(context);
+        // alice is joined to the room.
+        room = new Room(roomId, client, client.getUserId()!);
+        room.currentState.setStateEvents([
+            new MatrixEvent({
+                type: EventType.RoomCreate,
+                state_key: "",
+                content: {
+                    creator: alice,
+                },
+                sender: alice,
+                room_id: roomId,
+                event_id: "$1",
+            }),
+            new MatrixEvent({
+                type: EventType.RoomMember,
+                state_key: alice,
+                content: {
+                    membership: KnownMembership.Join,
+                },
+                sender: alice,
+                room_id: roomId,
+                event_id: "$2",
+            }),
+        ]);
+        room.recalculate();
+        mocked(client.getRoom).mockImplementation((r: string): Room | null => {
+            if (r === roomId) {
+                return room;
+            }
+            return null;
+        });
+        SdkConfig.put({
+            enable_presence_by_hs_url: {
+                [client.baseUrl]: false,
+            },
+        });
+    });
+
+    it("loads members in a room", async () => {
+        addMember(room, bob, KnownMembership.Invite);
+        addMember(room, charlie, KnownMembership.Leave);
+
+        const { invited, joined } = await store.loadMemberList(roomId);
+        expect(invited).toEqual([room.getMember(bob)]);
+        expect(joined).toEqual([room.getMember(alice)]);
+    });
+
+    it("fails gracefully for invalid rooms", async () => {
+        const { invited, joined } = await store.loadMemberList("!idontexist:bar");
+        expect(invited).toEqual([]);
+        expect(joined).toEqual([]);
+    });
+
+    it("sorts by power level", async () => {
+        addMember(room, bob, KnownMembership.Join);
+        addMember(room, charlie, KnownMembership.Join);
+        setPowerLevels(room, {
+            users: {
+                [alice]: 100,
+                [charlie]: 50,
+            },
+            users_default: 10,
+        });
+
+        const { invited, joined } = await store.loadMemberList(roomId);
+        expect(invited).toEqual([]);
+        expect(joined).toEqual([room.getMember(alice), room.getMember(charlie), room.getMember(bob)]);
+    });
+
+    it("sorts by name if power level is equal", async () => {
+        const doris = "@doris:bar";
+        addMember(room, bob, KnownMembership.Join);
+        addMember(room, charlie, KnownMembership.Join);
+        setPowerLevels(room, {
+            users_default: 10,
+        });
+
+        let { invited, joined } = await store.loadMemberList(roomId);
+        expect(invited).toEqual([]);
+        expect(joined).toEqual([room.getMember(alice), room.getMember(bob), room.getMember(charlie)]);
+
+        // Ensure it sorts by display name if they are set
+        addMember(room, doris, KnownMembership.Join, "AAAAA");
+        ({ invited, joined } = await store.loadMemberList(roomId));
+        expect(invited).toEqual([]);
+        expect(joined).toEqual([
+            room.getMember(doris),
+            room.getMember(alice),
+            room.getMember(bob),
+            room.getMember(charlie),
+        ]);
+    });
+
+    it("filters based on a search query", async () => {
+        const mice = "@mice:bar";
+        const zorro = "@zorro:bar";
+        addMember(room, bob, KnownMembership.Join);
+        addMember(room, mice, KnownMembership.Join);
+
+        let { invited, joined } = await store.loadMemberList(roomId, "ice");
+        expect(invited).toEqual([]);
+        expect(joined).toEqual([room.getMember(alice), room.getMember(mice)]);
+
+        // Ensure it filters by display name if they are set
+        addMember(room, zorro, KnownMembership.Join, "ice ice baby");
+        ({ invited, joined } = await store.loadMemberList(roomId, "ice"));
+        expect(invited).toEqual([]);
+        expect(joined).toEqual([room.getMember(alice), room.getMember(zorro), room.getMember(mice)]);
+    });
+
+    describe("lazy loading", () => {
+        beforeEach(() => {
+            mocked(client.hasLazyLoadMembersEnabled).mockReturnValue(true);
+            room.loadMembersIfNeeded = jest.fn();
+            mocked(room.loadMembersIfNeeded).mockResolvedValue(true);
+        });
+
+        it("calls Room.loadMembersIfNeeded once when enabled", async () => {
+            let { joined } = await store.loadMemberList(roomId);
+            expect(joined).toEqual([room.getMember(alice)]);
+            expect(room.loadMembersIfNeeded).toHaveBeenCalledTimes(1);
+            ({ joined } = await store.loadMemberList(roomId));
+            expect(joined).toEqual([room.getMember(alice)]);
+            expect(room.loadMembersIfNeeded).toHaveBeenCalledTimes(1);
+        });
+    });
+
+    describe("sliding sync", () => {
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName, roomId, value) => {
+                return settingName === "feature_simplified_sliding_sync"; // this is enabled, everything else is disabled.
+            });
+            client.members = jest.fn();
+        });
+
+        it("calls /members when lazy loading", async () => {
+            mocked(client.members).mockResolvedValue({
+                chunk: [
+                    {
+                        type: EventType.RoomMember,
+                        state_key: bob,
+                        content: {
+                            membership: KnownMembership.Join,
+                            displayname: "Bob",
+                        },
+                        sender: bob,
+                        room_id: room.roomId,
+                        event_id: "$" + Math.random(),
+                        origin_server_ts: 2,
+                    },
+                ],
+            });
+            const { joined } = await store.loadMemberList(roomId);
+            expect(joined).toEqual([room.getMember(alice), room.getMember(bob)]);
+            expect(client.members).toHaveBeenCalled();
+        });
+
+        it("does not use lazy loading on encrypted rooms", async () => {
+            jest.spyOn(client.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+
+            const { joined } = await store.loadMemberList(roomId);
+            expect(joined).toEqual([room.getMember(alice)]);
+            expect(client.members).not.toHaveBeenCalled();
+        });
+    });
+});
+
+function addEventToRoom(room: Room, ev: MatrixEvent) {
+    room.getLiveTimeline().addEvent(ev, {
+        toStartOfTimeline: false,
+        addToState: true,
+    });
+}
+
+function setPowerLevels(room: Room, pl: IContent) {
+    addEventToRoom(
+        room,
+        new MatrixEvent({
+            type: EventType.RoomPowerLevels,
+            state_key: "",
+            content: pl,
+            sender: room.getCreator()!,
+            room_id: room.roomId,
+            event_id: "$" + Math.random(),
+        }),
+    );
+}
+
+function addMember(room: Room, userId: string, membership: string, displayName?: string) {
+    addEventToRoom(
+        room,
+        new MatrixEvent({
+            type: EventType.RoomMember,
+            state_key: userId,
+            content: {
+                membership: membership,
+                displayname: displayName,
+            },
+            sender: userId,
+            room_id: room.roomId,
+            event_id: "$" + Math.random(),
+        }),
+    );
+}
diff --git a/apps/web/test/unit-tests/stores/MultiRoomViewStore-test.ts b/apps/web/test/unit-tests/stores/MultiRoomViewStore-test.ts
new file mode 100644
index 00000000000..15e769c456e
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/MultiRoomViewStore-test.ts
@@ -0,0 +1,101 @@
+/*
+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 { MultiRoomViewStore } from "../../../src/stores/MultiRoomViewStore";
+import { RoomViewStore } from "../../../src/stores/RoomViewStore";
+import { Action } from "../../../src/dispatcher/actions";
+import type { MatrixDispatcher } from "../../../src/dispatcher/dispatcher";
+import { TestSDKContext } from "../TestSDKContext";
+
+jest.mock("../../../src/stores/RoomViewStore");
+
+describe("MultiRoomViewStore", () => {
+    let multiRoomViewStore: MultiRoomViewStore;
+    let mockDispatcher: MatrixDispatcher;
+    let mockSdkContext: TestSDKContext;
+    let mockRoomViewStore: jest.Mocked<RoomViewStore>;
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+
+        // Create mock dispatcher
+        mockDispatcher = {
+            dispatch: jest.fn(),
+            register: jest.fn(),
+            unregister: jest.fn(),
+        } as unknown as MatrixDispatcher;
+
+        // Create mock SDK context
+        mockSdkContext = new TestSDKContext();
+
+        // Create mock RoomViewStore instance
+        mockRoomViewStore = {
+            viewRoom: jest.fn(),
+            dispose: jest.fn(),
+        } as any;
+
+        (RoomViewStore as jest.MockedClass<typeof RoomViewStore>).mockImplementation(() => mockRoomViewStore as any);
+
+        // Create the MultiRoomViewStore instance
+        multiRoomViewStore = new MultiRoomViewStore(mockDispatcher, mockSdkContext);
+    });
+
+    describe("getRoomViewStoreForRoom", () => {
+        it("should create a new RoomViewStore for a room that doesn't exist in cache", () => {
+            const roomId = "!room1:example.com";
+
+            const result = multiRoomViewStore.getRoomViewStoreForRoom(roomId);
+
+            expect(RoomViewStore).toHaveBeenCalledWith(mockDispatcher, mockSdkContext, roomId);
+            expect(mockRoomViewStore.viewRoom).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                room_id: roomId,
+                metricsTrigger: undefined,
+            });
+            expect(result).toBe(mockRoomViewStore);
+        });
+
+        it("should return existing RoomViewStore for a room that exists in cache", () => {
+            const roomId = "!room1:example.com";
+
+            // First call creates the store
+            const firstResult = multiRoomViewStore.getRoomViewStoreForRoom(roomId);
+
+            jest.clearAllMocks();
+
+            // Should return the same store
+            const secondResult = multiRoomViewStore.getRoomViewStoreForRoom(roomId);
+
+            expect(RoomViewStore).not.toHaveBeenCalled();
+            expect(mockRoomViewStore.viewRoom).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                room_id: roomId,
+                metricsTrigger: undefined,
+            });
+            expect(secondResult).toBe(firstResult);
+            expect(secondResult).toBe(mockRoomViewStore);
+        });
+    });
+
+    describe("removeRoomViewStore", () => {
+        it("should remove an existing RoomViewStore from cache", () => {
+            const roomId = "!room1:example.com";
+
+            multiRoomViewStore.getRoomViewStoreForRoom(roomId);
+            multiRoomViewStore.removeRoomViewStore(roomId);
+
+            // New store should be created now
+            jest.clearAllMocks();
+            (RoomViewStore as jest.MockedClass<typeof RoomViewStore>).mockImplementation(
+                () => mockRoomViewStore as any,
+            );
+
+            multiRoomViewStore.getRoomViewStoreForRoom(roomId);
+            expect(RoomViewStore).toHaveBeenCalledWith(mockDispatcher, mockSdkContext, roomId);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/OwnBeaconStore-test.ts b/apps/web/test/unit-tests/stores/OwnBeaconStore-test.ts
new file mode 100644
index 00000000000..04e00e00a0f
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/OwnBeaconStore-test.ts
@@ -0,0 +1,1243 @@
+/*
+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 {
+    Room,
+    Beacon,
+    BeaconEvent,
+    getBeaconInfoIdentifier,
+    type MatrixEvent,
+    RoomStateEvent,
+    RoomMember,
+    ContentHelpers,
+    M_BEACON,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+import { type Mocked } from "jest-mock-vitest-adapter";
+
+import { OwnBeaconStore, OwnBeaconStoreEvent } from "../../../src/stores/OwnBeaconStore";
+import {
+    advanceDateAndTime,
+    flushPromisesWithFakeTimers,
+    makeMembershipEvent,
+    resetAsyncStoreWithClient,
+    setupAsyncStoreWithClient,
+} from "../../test-utils";
+import { makeBeaconInfoEvent, mockGeolocation, watchPositionMockImplementation } from "../../test-utils/beacon";
+import { getMockClientWithEventEmitter } from "../../test-utils/client";
+import SettingsStore from "../../../src/settings/SettingsStore";
+
+// modern fake timers and lodash.debounce are a faff
+// short circuit it
+jest.mock("lodash", () => ({
+    ...(jest.requireActual("lodash") as object),
+    debounce: jest.fn().mockImplementation((callback) => callback),
+}));
+
+jest.useFakeTimers();
+
+describe("OwnBeaconStore", () => {
+    let geolocation: Mocked<Geolocation>;
+    // 14.03.2022 16:15
+    const now = 1647270879403;
+    const HOUR_MS = 3600000;
+
+    const aliceId = "@alice:server.org";
+    const bobId = "@bob:server.org";
+    const mockClient = getMockClientWithEventEmitter({
+        getUserId: jest.fn().mockReturnValue(aliceId),
+        getSafeUserId: jest.fn().mockReturnValue(aliceId),
+        getVisibleRooms: jest.fn().mockReturnValue([]),
+        unstable_setLiveBeacon: jest.fn().mockResolvedValue({ event_id: "1" }),
+        sendEvent: jest.fn().mockResolvedValue({ event_id: "1" }),
+        unstable_createLiveBeacon: jest.fn().mockResolvedValue({ event_id: "1" }),
+        isGuest: jest.fn().mockReturnValue(false),
+    });
+    const room1Id = "$room1:server.org";
+    const room2Id = "$room2:server.org";
+
+    // returned by default geolocation mocks
+    const defaultLocationUri = "geo:54.001927,-8.253491;u=1";
+
+    // beacon_info events
+    // created 'an hour ago'
+    // with timeout of 3 hours
+
+    // event creation sets timestamp to Date.now()
+    jest.spyOn(global.Date, "now").mockReturnValue(now - HOUR_MS);
+    const alicesRoom1BeaconInfo = makeBeaconInfoEvent(aliceId, room1Id, { isLive: true }, "$alice-room1-1");
+    const alicesRoom2BeaconInfo = makeBeaconInfoEvent(aliceId, room2Id, { isLive: true }, "$alice-room2-1");
+    const alicesOldRoomIdBeaconInfo = makeBeaconInfoEvent(aliceId, room1Id, { isLive: false }, "$alice-room1-2");
+    const bobsRoom1BeaconInfo = makeBeaconInfoEvent(bobId, room1Id, { isLive: true }, "$bob-room1-1");
+    const bobsOldRoom1BeaconInfo = makeBeaconInfoEvent(bobId, room1Id, { isLive: false }, "$bob-room1-2");
+
+    // make fresh rooms every time
+    // as we update room state
+    const makeRoomsWithStateEvents = (stateEvents: MatrixEvent[] = []): [Room, Room] => {
+        const room1 = new Room(room1Id, mockClient, aliceId);
+        const room2 = new Room(room2Id, mockClient, aliceId);
+
+        room1.currentState.setStateEvents(stateEvents);
+        room2.currentState.setStateEvents(stateEvents);
+        mockClient.getVisibleRooms.mockReturnValue([room1, room2]);
+
+        return [room1, room2];
+    };
+
+    const makeOwnBeaconStore = async () => {
+        const store = OwnBeaconStore.instance;
+
+        await setupAsyncStoreWithClient(store, mockClient);
+        return store;
+    };
+
+    const expireBeaconAndEmit = (store: OwnBeaconStore, beaconInfoEvent: MatrixEvent): void => {
+        const beacon = store.getBeaconById(getBeaconInfoIdentifier(beaconInfoEvent))!;
+        // time travel until beacon is expired
+        advanceDateAndTime(beacon.beaconInfo!.timeout + 100);
+
+        // force an update on the beacon
+        // @ts-ignore
+        beacon.setBeaconInfo(beaconInfoEvent);
+
+        mockClient.emit(BeaconEvent.LivenessChange, false, beacon);
+    };
+
+    const updateBeaconLivenessAndEmit = (
+        store: OwnBeaconStore,
+        beaconInfoEvent: MatrixEvent,
+        isLive: boolean,
+    ): void => {
+        const beacon = store.getBeaconById(getBeaconInfoIdentifier(beaconInfoEvent))!;
+        // matches original state of event content
+        // except for live property
+        const updateEvent = makeBeaconInfoEvent(
+            beaconInfoEvent.getSender()!,
+            beaconInfoEvent.getRoomId()!,
+            { isLive, timeout: beacon.beaconInfo!.timeout },
+            "update-event-id",
+        );
+        beacon.update(updateEvent);
+
+        mockClient.emit(BeaconEvent.Update, beaconInfoEvent, beacon);
+        mockClient.emit(BeaconEvent.LivenessChange, false, beacon);
+    };
+
+    const addNewBeaconAndEmit = (beaconInfoEvent: MatrixEvent): void => {
+        const beacon = new Beacon(beaconInfoEvent);
+        mockClient.emit(BeaconEvent.New, beaconInfoEvent, beacon);
+    };
+
+    const localStorageGetSpy = jest.spyOn(localStorage.__proto__, "getItem").mockReturnValue(undefined);
+    const localStorageSetSpy = jest.spyOn(localStorage.__proto__, "setItem").mockImplementation(() => {});
+
+    beforeEach(() => {
+        geolocation = mockGeolocation();
+        mockClient.getVisibleRooms.mockReturnValue([]);
+        mockClient.unstable_setLiveBeacon.mockClear().mockResolvedValue({ event_id: "1" });
+        mockClient.sendEvent.mockReset().mockResolvedValue({ event_id: "1" });
+        jest.spyOn(global.Date, "now").mockReturnValue(now);
+        jest.spyOn(OwnBeaconStore.instance, "emit").mockRestore();
+        jest.spyOn(logger, "error").mockRestore();
+
+        localStorageGetSpy.mockClear().mockReturnValue(undefined);
+        localStorageSetSpy.mockClear();
+    });
+
+    afterEach(async () => {
+        await resetAsyncStoreWithClient(OwnBeaconStore.instance);
+
+        jest.clearAllTimers();
+    });
+
+    afterAll(() => {
+        localStorageGetSpy.mockRestore();
+    });
+
+    describe("onReady()", () => {
+        it("initialises correctly with no beacons", async () => {
+            makeRoomsWithStateEvents();
+            const store = await makeOwnBeaconStore();
+            expect(store.hasLiveBeacons()).toBe(false);
+            expect(store.getLiveBeaconIds()).toEqual([]);
+        });
+
+        it("does not add other users beacons to beacon state", async () => {
+            makeRoomsWithStateEvents([bobsRoom1BeaconInfo, bobsOldRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            expect(store.hasLiveBeacons()).toBe(false);
+            expect(store.getLiveBeaconIds()).toEqual([]);
+        });
+
+        it("adds own users beacons to state", async () => {
+            makeRoomsWithStateEvents([
+                alicesRoom1BeaconInfo,
+                alicesRoom2BeaconInfo,
+                bobsRoom1BeaconInfo,
+                bobsOldRoom1BeaconInfo,
+            ]);
+            const store = await makeOwnBeaconStore();
+            expect(store.beaconsByRoomId.get(room1Id)).toEqual(
+                new Set([getBeaconInfoIdentifier(alicesRoom1BeaconInfo)]),
+            );
+            expect(store.beaconsByRoomId.get(room2Id)).toEqual(
+                new Set([getBeaconInfoIdentifier(alicesRoom2BeaconInfo)]),
+            );
+        });
+
+        it("updates live beacon ids when users own beacons were created on device", async () => {
+            localStorageGetSpy.mockReturnValue(
+                JSON.stringify([alicesRoom1BeaconInfo.getId(), alicesRoom2BeaconInfo.getId()]),
+            );
+            makeRoomsWithStateEvents([
+                alicesRoom1BeaconInfo,
+                alicesRoom2BeaconInfo,
+                bobsRoom1BeaconInfo,
+                bobsOldRoom1BeaconInfo,
+            ]);
+            const store = await makeOwnBeaconStore();
+            expect(store.hasLiveBeacons(room1Id)).toBeTruthy();
+            expect(store.getLiveBeaconIds()).toEqual([
+                getBeaconInfoIdentifier(alicesRoom1BeaconInfo),
+                getBeaconInfoIdentifier(alicesRoom2BeaconInfo),
+            ]);
+        });
+
+        it("does not do any geolocation when user has no live beacons", async () => {
+            makeRoomsWithStateEvents([bobsRoom1BeaconInfo, bobsOldRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            expect(store.hasLiveBeacons()).toBe(false);
+
+            await flushPromisesWithFakeTimers();
+
+            expect(geolocation.watchPosition).not.toHaveBeenCalled();
+            expect(mockClient.sendEvent).not.toHaveBeenCalled();
+        });
+
+        it("does geolocation and sends location immediately when user has live beacons", async () => {
+            localStorageGetSpy.mockReturnValue(
+                JSON.stringify([alicesRoom1BeaconInfo.getId(), alicesRoom2BeaconInfo.getId()]),
+            );
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo, alicesRoom2BeaconInfo]);
+            await makeOwnBeaconStore();
+            await flushPromisesWithFakeTimers();
+
+            expect(geolocation.watchPosition).toHaveBeenCalled();
+            expect(mockClient.sendEvent).toHaveBeenCalledWith(
+                room1Id,
+                M_BEACON.name,
+                ContentHelpers.makeBeaconContent(defaultLocationUri, now, alicesRoom1BeaconInfo.getId()!),
+            );
+            expect(mockClient.sendEvent).toHaveBeenCalledWith(
+                room2Id,
+                M_BEACON.name,
+                ContentHelpers.makeBeaconContent(defaultLocationUri, now, alicesRoom2BeaconInfo.getId()!),
+            );
+        });
+    });
+
+    describe("onNotReady()", () => {
+        it("removes listeners", async () => {
+            const store = await makeOwnBeaconStore();
+            const removeSpy = jest.spyOn(mockClient, "removeListener");
+            // @ts-ignore
+            store.onNotReady();
+
+            expect(removeSpy.mock.calls[0]).toEqual(expect.arrayContaining([BeaconEvent.LivenessChange]));
+            expect(removeSpy.mock.calls[1]).toEqual(expect.arrayContaining([BeaconEvent.New]));
+            expect(removeSpy.mock.calls[2]).toEqual(expect.arrayContaining([BeaconEvent.Update]));
+            expect(removeSpy.mock.calls[3]).toEqual(expect.arrayContaining([BeaconEvent.Destroy]));
+            expect(removeSpy.mock.calls[4]).toEqual(expect.arrayContaining([RoomStateEvent.Members]));
+        });
+
+        it("destroys beacons", async () => {
+            const [room1] = makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            const beacon = room1.currentState.beacons.get(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))!;
+            const destroySpy = jest.spyOn(beacon, "destroy");
+            // @ts-ignore
+            store.onNotReady();
+
+            expect(destroySpy).toHaveBeenCalled();
+        });
+    });
+
+    describe("hasLiveBeacons()", () => {
+        beforeEach(() => {
+            makeRoomsWithStateEvents([
+                alicesRoom1BeaconInfo,
+                alicesRoom2BeaconInfo,
+                bobsRoom1BeaconInfo,
+                bobsOldRoom1BeaconInfo,
+            ]);
+            localStorageGetSpy.mockReturnValue(
+                JSON.stringify([alicesRoom1BeaconInfo.getId(), alicesRoom2BeaconInfo.getId()]),
+            );
+        });
+
+        it("returns true when user has live beacons", async () => {
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo, bobsRoom1BeaconInfo, bobsOldRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            expect(store.hasLiveBeacons()).toBe(true);
+        });
+
+        it("returns false when user does not have live beacons", async () => {
+            makeRoomsWithStateEvents([alicesOldRoomIdBeaconInfo, bobsOldRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            expect(store.hasLiveBeacons()).toBe(false);
+        });
+
+        it("returns true when user has live beacons for roomId", async () => {
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo, bobsRoom1BeaconInfo, bobsOldRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            expect(store.hasLiveBeacons(room1Id)).toBe(true);
+        });
+
+        it("returns false when user does not have live beacons for roomId", async () => {
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo, bobsRoom1BeaconInfo, bobsOldRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            expect(store.hasLiveBeacons(room2Id)).toBe(false);
+        });
+    });
+
+    describe("getLiveBeaconIds()", () => {
+        beforeEach(() => {
+            makeRoomsWithStateEvents([
+                alicesRoom1BeaconInfo,
+                alicesRoom2BeaconInfo,
+                bobsRoom1BeaconInfo,
+                bobsOldRoom1BeaconInfo,
+            ]);
+            localStorageGetSpy.mockReturnValue(
+                JSON.stringify([alicesRoom1BeaconInfo.getId(), alicesRoom2BeaconInfo.getId()]),
+            );
+        });
+
+        it("returns live beacons when user has live beacons", async () => {
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo, bobsRoom1BeaconInfo, bobsOldRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            expect(store.getLiveBeaconIds()).toEqual([getBeaconInfoIdentifier(alicesRoom1BeaconInfo)]);
+        });
+
+        it("returns empty array when user does not have live beacons", async () => {
+            makeRoomsWithStateEvents([alicesOldRoomIdBeaconInfo, bobsOldRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            expect(store.getLiveBeaconIds()).toEqual([]);
+        });
+
+        it("returns beacon ids for room when user has live beacons for roomId", async () => {
+            makeRoomsWithStateEvents([
+                alicesRoom1BeaconInfo,
+                alicesRoom2BeaconInfo,
+                bobsRoom1BeaconInfo,
+                bobsOldRoom1BeaconInfo,
+            ]);
+            const store = await makeOwnBeaconStore();
+            expect(store.getLiveBeaconIds(room1Id)).toEqual([getBeaconInfoIdentifier(alicesRoom1BeaconInfo)]);
+            expect(store.getLiveBeaconIds(room2Id)).toEqual([getBeaconInfoIdentifier(alicesRoom2BeaconInfo)]);
+        });
+
+        it("returns empty array when user does not have live beacons for roomId", async () => {
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo, bobsRoom1BeaconInfo, bobsOldRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            expect(store.getLiveBeaconIds(room2Id)).toEqual([]);
+        });
+    });
+
+    describe("on new beacon event", () => {
+        // assume all beacons were created on this device
+        beforeEach(() => {
+            localStorageGetSpy.mockReturnValue(
+                JSON.stringify([alicesRoom1BeaconInfo.getId(), alicesRoom2BeaconInfo.getId()]),
+            );
+        });
+        it("ignores events for irrelevant beacons", async () => {
+            makeRoomsWithStateEvents([]);
+            const store = await makeOwnBeaconStore();
+            const bobsLiveBeacon = new Beacon(bobsRoom1BeaconInfo);
+            const monitorSpy = jest.spyOn(bobsLiveBeacon, "monitorLiveness");
+
+            mockClient.emit(BeaconEvent.New, bobsRoom1BeaconInfo, bobsLiveBeacon);
+
+            // we dont care about bob
+            expect(monitorSpy).not.toHaveBeenCalled();
+            expect(store.hasLiveBeacons()).toBe(false);
+        });
+
+        it("adds users beacons to state and monitors liveness", async () => {
+            makeRoomsWithStateEvents([]);
+            const store = await makeOwnBeaconStore();
+            const alicesLiveBeacon = new Beacon(alicesRoom1BeaconInfo);
+            const monitorSpy = jest.spyOn(alicesLiveBeacon, "monitorLiveness");
+
+            mockClient.emit(BeaconEvent.New, alicesRoom1BeaconInfo, alicesLiveBeacon);
+
+            expect(monitorSpy).toHaveBeenCalled();
+            expect(store.hasLiveBeacons()).toBe(true);
+            expect(store.hasLiveBeacons(room1Id)).toBe(true);
+        });
+
+        it("emits a liveness change event when new beacons change live state", async () => {
+            makeRoomsWithStateEvents([]);
+            const store = await makeOwnBeaconStore();
+            const emitSpy = jest.spyOn(store, "emit");
+            const alicesLiveBeacon = new Beacon(alicesRoom1BeaconInfo);
+
+            mockClient.emit(BeaconEvent.New, alicesRoom1BeaconInfo, alicesLiveBeacon);
+
+            expect(emitSpy).toHaveBeenCalledWith(OwnBeaconStoreEvent.LivenessChange, [alicesLiveBeacon.identifier]);
+        });
+
+        it("emits a liveness change event when new beacons do not change live state", async () => {
+            makeRoomsWithStateEvents([alicesRoom2BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            // already live
+            expect(store.hasLiveBeacons()).toBe(true);
+            const emitSpy = jest.spyOn(store, "emit");
+            const alicesLiveBeacon = new Beacon(alicesRoom1BeaconInfo);
+
+            mockClient.emit(BeaconEvent.New, alicesRoom1BeaconInfo, alicesLiveBeacon);
+
+            expect(emitSpy).toHaveBeenCalled();
+        });
+    });
+
+    describe("on liveness change event", () => {
+        // assume all beacons were created on this device
+        beforeEach(() => {
+            localStorageGetSpy.mockReturnValue(
+                JSON.stringify([
+                    alicesRoom1BeaconInfo.getId(),
+                    alicesRoom2BeaconInfo.getId(),
+                    alicesOldRoomIdBeaconInfo.getId(),
+                    "update-event-id",
+                ]),
+            );
+        });
+
+        it("ignores events for irrelevant beacons", async () => {
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            const emitSpy = jest.spyOn(store, "emit");
+            const oldLiveBeaconIds = store.getLiveBeaconIds();
+            const bobsLiveBeacon = new Beacon(bobsRoom1BeaconInfo);
+
+            mockClient.emit(BeaconEvent.LivenessChange, true, bobsLiveBeacon);
+
+            expect(emitSpy).not.toHaveBeenCalled();
+            // strictly equal
+            expect(store.getLiveBeaconIds()).toBe(oldLiveBeaconIds);
+        });
+
+        it("updates state and emits beacon liveness changes from true to false", async () => {
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+
+            // live before
+            expect(store.hasLiveBeacons()).toBe(true);
+            const emitSpy = jest.spyOn(store, "emit");
+
+            await expireBeaconAndEmit(store, alicesRoom1BeaconInfo);
+
+            expect(store.hasLiveBeacons()).toBe(false);
+            expect(store.hasLiveBeacons(room1Id)).toBe(false);
+            expect(emitSpy).toHaveBeenCalledWith(OwnBeaconStoreEvent.LivenessChange, []);
+        });
+
+        it("stops beacon when liveness changes from true to false and beacon is expired", async () => {
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            const prevEventContent = alicesRoom1BeaconInfo.getContent();
+
+            await expireBeaconAndEmit(store, alicesRoom1BeaconInfo);
+
+            // matches original state of event content
+            // except for live property
+            const expectedUpdateContent = {
+                ...prevEventContent,
+                live: false,
+            };
+            expect(mockClient.unstable_setLiveBeacon).toHaveBeenCalledWith(room1Id, expectedUpdateContent);
+        });
+
+        it("updates state and when beacon liveness changes from false to true", async () => {
+            makeRoomsWithStateEvents([alicesOldRoomIdBeaconInfo]);
+            const store = await makeOwnBeaconStore();
+
+            // not live before
+            expect(store.hasLiveBeacons()).toBe(false);
+            const emitSpy = jest.spyOn(store, "emit");
+
+            updateBeaconLivenessAndEmit(store, alicesOldRoomIdBeaconInfo, true);
+
+            expect(store.hasLiveBeacons()).toBe(true);
+            expect(store.hasLiveBeacons(room1Id)).toBe(true);
+            expect(emitSpy).toHaveBeenCalledWith(OwnBeaconStoreEvent.LivenessChange, [
+                getBeaconInfoIdentifier(alicesOldRoomIdBeaconInfo),
+            ]);
+        });
+    });
+
+    describe("on room membership changes", () => {
+        // assume all beacons were created on this device
+        beforeEach(() => {
+            localStorageGetSpy.mockReturnValue(
+                JSON.stringify([alicesRoom1BeaconInfo.getId(), alicesRoom2BeaconInfo.getId()]),
+            );
+        });
+        it("ignores events for rooms without beacons", async () => {
+            const membershipEvent = makeMembershipEvent(room2Id, aliceId);
+            // no beacons for room2
+            const [, room2] = makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            const emitSpy = jest.spyOn(store, "emit");
+            const oldLiveBeaconIds = store.getLiveBeaconIds();
+
+            mockClient.emit(
+                RoomStateEvent.Members,
+                membershipEvent,
+                room2.currentState,
+                new RoomMember(room2Id, aliceId),
+            );
+
+            expect(emitSpy).not.toHaveBeenCalled();
+            // strictly equal
+            expect(store.getLiveBeaconIds()).toBe(oldLiveBeaconIds);
+        });
+
+        it("ignores events for membership changes that are not current user", async () => {
+            // bob joins room1
+            const membershipEvent = makeMembershipEvent(room1Id, bobId);
+            const member = new RoomMember(room1Id, bobId);
+            member.setMembershipEvent(membershipEvent);
+
+            const [room1] = makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            const emitSpy = jest.spyOn(store, "emit");
+            const oldLiveBeaconIds = store.getLiveBeaconIds();
+
+            mockClient.emit(RoomStateEvent.Members, membershipEvent, room1.currentState, member);
+
+            expect(emitSpy).not.toHaveBeenCalled();
+            // strictly equal
+            expect(store.getLiveBeaconIds()).toBe(oldLiveBeaconIds);
+        });
+
+        it("ignores events for membership changes that are not leave/ban", async () => {
+            // alice joins room1
+            const membershipEvent = makeMembershipEvent(room1Id, aliceId);
+            const member = new RoomMember(room1Id, aliceId);
+            member.setMembershipEvent(membershipEvent);
+
+            const [room1] = makeRoomsWithStateEvents([alicesRoom1BeaconInfo, alicesRoom2BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            const emitSpy = jest.spyOn(store, "emit");
+            const oldLiveBeaconIds = store.getLiveBeaconIds();
+
+            mockClient.emit(RoomStateEvent.Members, membershipEvent, room1.currentState, member);
+
+            expect(emitSpy).not.toHaveBeenCalled();
+            // strictly equal
+            expect(store.getLiveBeaconIds()).toBe(oldLiveBeaconIds);
+        });
+
+        it("destroys and removes beacons when current user leaves room", async () => {
+            // alice leaves room1
+            const membershipEvent = makeMembershipEvent(room1Id, aliceId, KnownMembership.Leave);
+            const member = new RoomMember(room1Id, aliceId);
+            member.setMembershipEvent(membershipEvent);
+
+            const [room1] = makeRoomsWithStateEvents([alicesRoom1BeaconInfo, alicesRoom2BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            const room1BeaconInstance = store.beacons.get(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))!;
+            const beaconDestroySpy = jest.spyOn(room1BeaconInstance, "destroy");
+            const emitSpy = jest.spyOn(store, "emit");
+
+            mockClient.emit(RoomStateEvent.Members, membershipEvent, room1.currentState, member);
+
+            expect(emitSpy).toHaveBeenCalledWith(
+                OwnBeaconStoreEvent.LivenessChange,
+                // other rooms beacons still live
+                [getBeaconInfoIdentifier(alicesRoom2BeaconInfo)],
+            );
+            expect(beaconDestroySpy).toHaveBeenCalledTimes(1);
+            expect(store.getLiveBeaconIds(room1Id)).toEqual([]);
+        });
+    });
+
+    describe("on destroy event", () => {
+        // assume all beacons were created on this device
+        beforeEach(() => {
+            localStorageGetSpy.mockReturnValue(
+                JSON.stringify([
+                    alicesRoom1BeaconInfo.getId(),
+                    alicesRoom2BeaconInfo.getId(),
+                    alicesOldRoomIdBeaconInfo.getId(),
+                    "update-event-id",
+                ]),
+            );
+        });
+
+        it("ignores events for irrelevant beacons", async () => {
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            const emitSpy = jest.spyOn(store, "emit");
+            const oldLiveBeaconIds = store.getLiveBeaconIds();
+            const bobsLiveBeacon = new Beacon(bobsRoom1BeaconInfo);
+
+            mockClient.emit(BeaconEvent.Destroy, bobsLiveBeacon.identifier);
+
+            expect(emitSpy).not.toHaveBeenCalled();
+            // strictly equal
+            expect(store.getLiveBeaconIds()).toBe(oldLiveBeaconIds);
+        });
+
+        it("updates state and emits beacon liveness changes from true to false", async () => {
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+
+            // live before
+            expect(store.hasLiveBeacons()).toBe(true);
+            const emitSpy = jest.spyOn(store, "emit");
+
+            const beacon = store.getBeaconById(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))!;
+
+            beacon.destroy();
+            mockClient.emit(BeaconEvent.Destroy, beacon.identifier);
+
+            expect(store.hasLiveBeacons()).toBe(false);
+            expect(store.hasLiveBeacons(room1Id)).toBe(false);
+            expect(emitSpy).toHaveBeenCalledWith(OwnBeaconStoreEvent.LivenessChange, []);
+        });
+    });
+
+    describe("stopBeacon()", () => {
+        beforeEach(() => {
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo, alicesOldRoomIdBeaconInfo]);
+        });
+
+        it("does nothing for an unknown beacon id", async () => {
+            const store = await makeOwnBeaconStore();
+            await store.stopBeacon("randomBeaconId");
+            expect(mockClient.unstable_setLiveBeacon).not.toHaveBeenCalled();
+        });
+
+        it("does nothing for a beacon that is already not live", async () => {
+            const store = await makeOwnBeaconStore();
+            await store.stopBeacon(getBeaconInfoIdentifier(alicesOldRoomIdBeaconInfo));
+            expect(mockClient.unstable_setLiveBeacon).not.toHaveBeenCalled();
+        });
+
+        it("updates beacon to live:false when it is unexpired", async () => {
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+
+            const prevEventContent = alicesRoom1BeaconInfo.getContent();
+
+            await store.stopBeacon(getBeaconInfoIdentifier(alicesRoom1BeaconInfo));
+
+            // matches original state of event content
+            // except for live property
+            const expectedUpdateContent = {
+                ...prevEventContent,
+                live: false,
+            };
+            expect(mockClient.unstable_setLiveBeacon).toHaveBeenCalledWith(room1Id, expectedUpdateContent);
+        });
+
+        it("records error when stopping beacon event fails to send", async () => {
+            jest.spyOn(logger, "error").mockImplementation(() => {});
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            const emitSpy = jest.spyOn(store, "emit");
+            const error = new Error("oups");
+            mockClient.unstable_setLiveBeacon.mockRejectedValue(error);
+
+            await expect(store.stopBeacon(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))).rejects.toEqual(error);
+
+            expect(store.beaconUpdateErrors.get(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))).toEqual(error);
+            expect(emitSpy).toHaveBeenCalledWith(
+                OwnBeaconStoreEvent.BeaconUpdateError,
+                getBeaconInfoIdentifier(alicesRoom1BeaconInfo),
+                true,
+            );
+        });
+
+        it("clears previous error and emits when stopping beacon works on retry", async () => {
+            jest.spyOn(logger, "error").mockImplementation(() => {});
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            const emitSpy = jest.spyOn(store, "emit");
+            const error = new Error("oups");
+            mockClient.unstable_setLiveBeacon.mockRejectedValueOnce(error);
+
+            await expect(store.stopBeacon(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))).rejects.toEqual(error);
+            expect(store.beaconUpdateErrors.get(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))).toEqual(error);
+
+            await store.stopBeacon(getBeaconInfoIdentifier(alicesRoom1BeaconInfo));
+
+            // error cleared
+            expect(store.beaconUpdateErrors.get(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))).toBeFalsy();
+
+            // emit called for error clearing
+            expect(emitSpy).toHaveBeenCalledWith(
+                OwnBeaconStoreEvent.BeaconUpdateError,
+                getBeaconInfoIdentifier(alicesRoom1BeaconInfo),
+                false,
+            );
+        });
+
+        it("does not emit BeaconUpdateError when stopping succeeds and beacon did not have errors", async () => {
+            jest.spyOn(logger, "error").mockImplementation(() => {});
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            const emitSpy = jest.spyOn(store, "emit");
+            // error cleared
+            expect(store.beaconUpdateErrors.get(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))).toBeFalsy();
+
+            // emit called for error clearing
+            expect(emitSpy).not.toHaveBeenCalledWith(
+                OwnBeaconStoreEvent.BeaconUpdateError,
+                getBeaconInfoIdentifier(alicesRoom1BeaconInfo),
+                false,
+            );
+        });
+
+        it("updates beacon to live:false when it is expired but live property is true", async () => {
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+
+            const prevEventContent = alicesRoom1BeaconInfo.getContent();
+
+            // time travel until beacon is expired
+            advanceDateAndTime(HOUR_MS * 3);
+
+            await store.stopBeacon(getBeaconInfoIdentifier(alicesRoom1BeaconInfo));
+
+            // matches original state of event content
+            // except for live property
+            const expectedUpdateContent = {
+                ...prevEventContent,
+                live: false,
+            };
+            expect(mockClient.unstable_setLiveBeacon).toHaveBeenCalledWith(room1Id, expectedUpdateContent);
+        });
+
+        it("removes beacon event id from local store", async () => {
+            localStorageGetSpy.mockReturnValue(
+                JSON.stringify([alicesRoom1BeaconInfo.getId(), alicesRoom2BeaconInfo.getId()]),
+            );
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+
+            await store.stopBeacon(getBeaconInfoIdentifier(alicesRoom1BeaconInfo));
+
+            expect(localStorageSetSpy).toHaveBeenCalledWith(
+                "mx_live_beacon_created_id",
+                // stopped beacon's event_id was removed
+                JSON.stringify([alicesRoom2BeaconInfo.getId()]),
+            );
+        });
+    });
+
+    describe("publishing positions", () => {
+        // assume all beacons were created on this device
+        beforeEach(() => {
+            localStorageGetSpy.mockReturnValue(
+                JSON.stringify([
+                    alicesRoom1BeaconInfo.getId(),
+                    alicesRoom2BeaconInfo.getId(),
+                    alicesOldRoomIdBeaconInfo.getId(),
+                    "update-event-id",
+                ]),
+            );
+        });
+
+        it("stops watching position when user has no more live beacons", async () => {
+            // geolocation is only going to emit 1 position
+            geolocation.watchPosition.mockImplementation(watchPositionMockImplementation([0]));
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+            // wait for store to settle
+            await flushPromisesWithFakeTimers();
+            // two locations were published
+            expect(mockClient.sendEvent).toHaveBeenCalledTimes(1);
+
+            // expire the beacon
+            // user now has no live beacons
+            await expireBeaconAndEmit(store, alicesRoom1BeaconInfo);
+
+            // stop watching location
+            expect(geolocation.clearWatch).toHaveBeenCalled();
+            expect(store.isMonitoringLiveLocation).toEqual(false);
+        });
+
+        describe("when store is initialised with live beacons", () => {
+            it("starts watching position", async () => {
+                makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+                const store = await makeOwnBeaconStore();
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+
+                expect(geolocation.watchPosition).toHaveBeenCalled();
+                expect(store.isMonitoringLiveLocation).toEqual(true);
+            });
+
+            it("kills live beacon when geolocation is unavailable", async () => {
+                const errorLogSpy = jest.spyOn(logger, "error").mockImplementation(() => {});
+                // remove the mock we set
+                // @ts-ignore
+                navigator.geolocation = undefined;
+
+                makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+                const store = await makeOwnBeaconStore();
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+
+                expect(store.isMonitoringLiveLocation).toEqual(false);
+                expect(errorLogSpy).toHaveBeenCalledWith("Geolocation failed", "Unavailable");
+            });
+
+            it("kills live beacon when geolocation permissions are not granted", async () => {
+                // similar case to the test above
+                // but these errors are handled differently
+                // above is thrown by element, this passed to error callback by geolocation
+                // return only a permission denied error
+                geolocation.watchPosition.mockImplementation(watchPositionMockImplementation([0], [1]));
+
+                const errorLogSpy = jest.spyOn(logger, "error").mockImplementation(() => {});
+
+                makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+                const store = await makeOwnBeaconStore();
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+
+                expect(store.isMonitoringLiveLocation).toEqual(false);
+                expect(errorLogSpy).toHaveBeenCalledWith("Geolocation failed", "PermissionDenied");
+            });
+        });
+
+        describe("adding a new beacon", () => {
+            it("publishes position for new beacon immediately", async () => {
+                makeRoomsWithStateEvents([]);
+                const store = await makeOwnBeaconStore();
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+
+                addNewBeaconAndEmit(alicesRoom1BeaconInfo);
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+
+                expect(mockClient.sendEvent).toHaveBeenCalled();
+                expect(store.isMonitoringLiveLocation).toEqual(true);
+            });
+
+            it("kills live beacons when geolocation is unavailable", async () => {
+                jest.spyOn(logger, "error").mockImplementation(() => {});
+                // @ts-ignore
+                navigator.geolocation = undefined;
+                makeRoomsWithStateEvents([]);
+                const store = await makeOwnBeaconStore();
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+
+                addNewBeaconAndEmit(alicesRoom1BeaconInfo);
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+
+                // stop beacon
+                expect(mockClient.unstable_setLiveBeacon).toHaveBeenCalled();
+                expect(store.isMonitoringLiveLocation).toEqual(false);
+            });
+
+            it("publishes position for new beacon immediately when there were already live beacons", async () => {
+                makeRoomsWithStateEvents([alicesRoom2BeaconInfo]);
+                await makeOwnBeaconStore();
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+                expect(mockClient.sendEvent).toHaveBeenCalledTimes(1);
+
+                addNewBeaconAndEmit(alicesRoom1BeaconInfo);
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+
+                expect(geolocation.getCurrentPosition).toHaveBeenCalled();
+                // once for original event,
+                // then both live beacons get current position published
+                // after new beacon is added
+                expect(mockClient.sendEvent).toHaveBeenCalledTimes(3);
+            });
+        });
+
+        describe("when publishing position fails", () => {
+            beforeEach(() => {
+                geolocation.watchPosition.mockImplementation(
+                    watchPositionMockImplementation([0, 1000, 3000, 3000, 3000]),
+                );
+
+                // eat expected console error logs
+                jest.spyOn(logger, "error").mockImplementation(() => {});
+            });
+
+            // we need to advance time and then flush promises
+            // individually for each call to sendEvent
+            // otherwise the sendEvent doesn't reject/resolve and update state
+            // before the next call
+            // advance and flush every 1000ms
+            // until given ms is 'elapsed'
+            const advanceAndFlushPromises = async (timeMs: number) => {
+                while (timeMs > 0) {
+                    jest.advanceTimersByTime(1000);
+                    await flushPromisesWithFakeTimers();
+                    timeMs -= 1000;
+                }
+            };
+
+            it("continues publishing positions after one publish error", async () => {
+                // fail to send first event, then succeed
+                mockClient.sendEvent.mockRejectedValueOnce(new Error("oups")).mockResolvedValue({ event_id: "1" });
+                makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+                const store = await makeOwnBeaconStore();
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+
+                await advanceAndFlushPromises(50000);
+
+                // called for each position from watchPosition
+                expect(mockClient.sendEvent).toHaveBeenCalledTimes(5);
+                expect(store.beaconHasLocationPublishError(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))).toBe(false);
+                expect(store.getLiveBeaconIdsWithLocationPublishError()).toEqual([]);
+                expect(store.hasLocationPublishErrors()).toBe(false);
+            });
+
+            it("continues publishing positions when a beacon fails intermittently", async () => {
+                // every second event rejects
+                // meaning this beacon has more errors than the threshold
+                // but they are not consecutive
+                mockClient.sendEvent
+                    .mockRejectedValueOnce(new Error("oups"))
+                    .mockResolvedValueOnce({ event_id: "1" })
+                    .mockRejectedValueOnce(new Error("oups"))
+                    .mockResolvedValueOnce({ event_id: "1" })
+                    .mockRejectedValueOnce(new Error("oups"));
+
+                makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+                const store = await makeOwnBeaconStore();
+                const emitSpy = jest.spyOn(store, "emit");
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+
+                await advanceAndFlushPromises(50000);
+
+                // called for each position from watchPosition
+                expect(mockClient.sendEvent).toHaveBeenCalledTimes(5);
+                expect(store.beaconHasLocationPublishError(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))).toBe(false);
+                expect(store.hasLocationPublishErrors()).toBe(false);
+                expect(emitSpy).not.toHaveBeenCalledWith(
+                    OwnBeaconStoreEvent.LocationPublishError,
+                    getBeaconInfoIdentifier(alicesRoom1BeaconInfo),
+                );
+            });
+
+            it("stops publishing positions when a beacon fails consistently", async () => {
+                // always fails to send events
+                mockClient.sendEvent.mockRejectedValue(new Error("oups"));
+                makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+                const store = await makeOwnBeaconStore();
+                const emitSpy = jest.spyOn(store, "emit");
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+
+                // 5 positions from watchPosition in this period
+                await advanceAndFlushPromises(50000);
+
+                // only two allowed failures
+                expect(mockClient.sendEvent).toHaveBeenCalledTimes(2);
+                expect(store.beaconHasLocationPublishError(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))).toBe(true);
+                expect(store.getLiveBeaconIdsWithLocationPublishError()).toEqual([
+                    getBeaconInfoIdentifier(alicesRoom1BeaconInfo),
+                ]);
+                expect(store.getLiveBeaconIdsWithLocationPublishError(room1Id)).toEqual([
+                    getBeaconInfoIdentifier(alicesRoom1BeaconInfo),
+                ]);
+                expect(store.hasLocationPublishErrors()).toBe(true);
+                expect(emitSpy).toHaveBeenCalledWith(
+                    OwnBeaconStoreEvent.LocationPublishError,
+                    getBeaconInfoIdentifier(alicesRoom1BeaconInfo),
+                );
+            });
+
+            it("stops publishing positions when a beacon has a stopping error", async () => {
+                // reject stopping beacon
+                const error = new Error("oups");
+                mockClient.unstable_setLiveBeacon.mockRejectedValue(error);
+                makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+                const store = await makeOwnBeaconStore();
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+
+                // 2 positions from watchPosition in this period
+                await advanceAndFlushPromises(5000);
+
+                // attempt to stop the beacon
+                await expect(store.stopBeacon(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))).rejects.toEqual(error);
+                expect(store.beaconUpdateErrors.get(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))).toEqual(error);
+
+                // 2 more positions in this period
+                await advanceAndFlushPromises(50000);
+
+                // only two positions pre-stopping were sent
+                expect(mockClient.sendEvent).toHaveBeenCalledTimes(3);
+            });
+
+            it("restarts publishing a beacon after resetting location publish error", async () => {
+                // always fails to send events
+                mockClient.sendEvent.mockRejectedValue(new Error("oups"));
+                makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+                const store = await makeOwnBeaconStore();
+                const emitSpy = jest.spyOn(store, "emit");
+                // wait for store to settle
+                await flushPromisesWithFakeTimers();
+
+                // 3 positions from watchPosition in this period
+                await advanceAndFlushPromises(4000);
+
+                // only two allowed failures
+                expect(mockClient.sendEvent).toHaveBeenCalledTimes(2);
+                expect(store.beaconHasLocationPublishError(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))).toBe(true);
+                expect(store.hasLocationPublishErrors()).toBe(true);
+                expect(store.hasLocationPublishErrors(room1Id)).toBe(true);
+                expect(emitSpy).toHaveBeenCalledWith(
+                    OwnBeaconStoreEvent.LocationPublishError,
+                    getBeaconInfoIdentifier(alicesRoom1BeaconInfo),
+                );
+
+                // reset emitSpy mock counts to assert on locationPublishError again
+                emitSpy.mockClear();
+                store.resetLocationPublishError(getBeaconInfoIdentifier(alicesRoom1BeaconInfo));
+
+                expect(store.beaconHasLocationPublishError(getBeaconInfoIdentifier(alicesRoom1BeaconInfo))).toBe(false);
+
+                // 2 more positions from watchPosition in this period
+                await advanceAndFlushPromises(10000);
+
+                // 2 from before, 2 new ones
+                expect(mockClient.sendEvent).toHaveBeenCalledTimes(4);
+                expect(emitSpy).toHaveBeenCalledWith(
+                    OwnBeaconStoreEvent.LocationPublishError,
+                    getBeaconInfoIdentifier(alicesRoom1BeaconInfo),
+                );
+            });
+        });
+
+        it("publishes subsequent positions", async () => {
+            // modern fake timers + debounce + promises are not friends
+            // just testing that positions are published
+            // not that the debounce works
+
+            geolocation.watchPosition.mockImplementation(watchPositionMockImplementation([0, 1000, 3000]));
+
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            expect(mockClient.sendEvent).toHaveBeenCalledTimes(0);
+            await makeOwnBeaconStore();
+            // wait for store to settle
+            await flushPromisesWithFakeTimers();
+
+            jest.advanceTimersByTime(5000);
+
+            expect(mockClient.sendEvent).toHaveBeenCalledTimes(3);
+        });
+
+        it("stops live beacons when geolocation permissions are revoked", async () => {
+            jest.spyOn(logger, "error").mockImplementation(() => {});
+            // return two good positions, then a permission denied error
+            geolocation.watchPosition.mockImplementation(watchPositionMockImplementation([0, 1000, 3000], [0, 0, 1]));
+
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            expect(mockClient.sendEvent).toHaveBeenCalledTimes(0);
+            const store = await makeOwnBeaconStore();
+            // wait for store to settle
+            await flushPromisesWithFakeTimers();
+
+            jest.advanceTimersByTime(5000);
+
+            // first two events were sent successfully
+            expect(mockClient.sendEvent).toHaveBeenCalledTimes(2);
+
+            // stop beacon
+            expect(mockClient.unstable_setLiveBeacon).toHaveBeenCalled();
+            expect(store.isMonitoringLiveLocation).toEqual(false);
+        });
+
+        it("keeps sharing positions when geolocation has a non fatal error", async () => {
+            const errorLogSpy = jest.spyOn(logger, "error").mockImplementation(() => {});
+            // return good position, timeout error, good position
+            geolocation.watchPosition.mockImplementation(watchPositionMockImplementation([0, 1000, 3000], [0, 3, 0]));
+
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            expect(mockClient.sendEvent).toHaveBeenCalledTimes(0);
+            const store = await makeOwnBeaconStore();
+            // wait for store to settle
+            await flushPromisesWithFakeTimers();
+
+            jest.advanceTimersByTime(5000);
+
+            // two good locations were sent
+            expect(mockClient.sendEvent).toHaveBeenCalledTimes(2);
+
+            // still sharing
+            expect(mockClient.unstable_setLiveBeacon).not.toHaveBeenCalled();
+            expect(store.isMonitoringLiveLocation).toEqual(true);
+            expect(errorLogSpy).toHaveBeenCalledWith(
+                "Geolocation failed",
+                expect.objectContaining({ message: "error message" }),
+            );
+        });
+
+        it("publishes last known position after 30s of inactivity", async () => {
+            geolocation.watchPosition.mockImplementation(watchPositionMockImplementation([0]));
+
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            await makeOwnBeaconStore();
+            // wait for store to settle
+            await flushPromisesWithFakeTimers();
+            // published first location
+            expect(mockClient.sendEvent).toHaveBeenCalledTimes(1);
+
+            advanceDateAndTime(31000);
+            // wait for store to settle
+            await flushPromisesWithFakeTimers();
+
+            // republished latest location
+            expect(mockClient.sendEvent).toHaveBeenCalledTimes(2);
+        });
+
+        it("does not try to publish anything if there is no known position after 30s of inactivity", async () => {
+            // no position ever returned from geolocation
+            geolocation.watchPosition.mockImplementation(watchPositionMockImplementation([]));
+            geolocation.getCurrentPosition.mockImplementation(watchPositionMockImplementation([]));
+
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo]);
+            await makeOwnBeaconStore();
+            // wait for store to settle
+            await flushPromisesWithFakeTimers();
+
+            advanceDateAndTime(31000);
+
+            // no locations published
+            expect(mockClient.sendEvent).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("createLiveBeacon", () => {
+        const newEventId = "new-beacon-event-id";
+        const loggerErrorSpy = jest.spyOn(logger, "error").mockImplementation(() => {});
+        beforeEach(() => {
+            localStorageGetSpy.mockReturnValue(JSON.stringify([alicesRoom1BeaconInfo.getId()]));
+
+            localStorageSetSpy.mockClear();
+
+            mockClient.unstable_createLiveBeacon.mockResolvedValue({ event_id: newEventId });
+        });
+
+        it("creates a live beacon", async () => {
+            const store = await makeOwnBeaconStore();
+            const content = ContentHelpers.makeBeaconInfoContent(100);
+            await store.createLiveBeacon(room1Id, content);
+            expect(mockClient.unstable_createLiveBeacon).toHaveBeenCalledWith(room1Id, content);
+        });
+
+        it("sets new beacon event id in local storage", async () => {
+            const store = await makeOwnBeaconStore();
+            const content = ContentHelpers.makeBeaconInfoContent(100);
+            await store.createLiveBeacon(room1Id, content);
+
+            expect(localStorageSetSpy).toHaveBeenCalledWith(
+                "mx_live_beacon_created_id",
+                JSON.stringify([alicesRoom1BeaconInfo.getId(), newEventId]),
+            );
+        });
+
+        it("handles saving beacon event id when local storage has bad value", async () => {
+            localStorageGetSpy.mockReturnValue(JSON.stringify({ id: "1" }));
+            const store = await makeOwnBeaconStore();
+            const content = ContentHelpers.makeBeaconInfoContent(100);
+            await store.createLiveBeacon(room1Id, content);
+
+            // stored successfully
+            expect(localStorageSetSpy).toHaveBeenCalledWith("mx_live_beacon_created_id", JSON.stringify([newEventId]));
+        });
+
+        it("creates a live beacon without error when no beacons exist for room", async () => {
+            const store = await makeOwnBeaconStore();
+            const content = ContentHelpers.makeBeaconInfoContent(100);
+            await store.createLiveBeacon(room1Id, content);
+
+            // didn't throw, no error log
+            expect(loggerErrorSpy).not.toHaveBeenCalled();
+        });
+
+        it("stops existing live beacon for room before creates new beacon", async () => {
+            // room1 already has a live beacon for alice
+            makeRoomsWithStateEvents([alicesRoom1BeaconInfo, alicesRoom2BeaconInfo]);
+            const store = await makeOwnBeaconStore();
+
+            const content = ContentHelpers.makeBeaconInfoContent(100);
+            await store.createLiveBeacon(room1Id, content);
+
+            // stop alicesRoom1BeaconInfo
+            expect(mockClient.unstable_setLiveBeacon).toHaveBeenCalledWith(
+                room1Id,
+                expect.objectContaining({ live: false }),
+            );
+            // only called for beacons in room1, room2 beacon is not stopped
+            expect(mockClient.unstable_setLiveBeacon).toHaveBeenCalledTimes(1);
+
+            // new beacon created
+            expect(mockClient.unstable_createLiveBeacon).toHaveBeenCalledWith(room1Id, content);
+        });
+    });
+
+    describe("If the feature_dynamic_room_predecessors is not enabled", () => {
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            mockClient.getVisibleRooms.mockReset();
+            mockClient.getVisibleRooms.mockReturnValue([]);
+            await makeOwnBeaconStore();
+            expect(mockClient.getVisibleRooms).toHaveBeenCalledWith(false);
+        });
+    });
+
+    describe("If the feature_dynamic_room_predecessors is enabled", () => {
+        beforeEach(() => {
+            // Turn on feature_dynamic_room_predecessors setting
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "feature_dynamic_room_predecessors",
+            );
+        });
+
+        it("Passes through the dynamic predecessor setting", async () => {
+            mockClient.getVisibleRooms.mockReset();
+            mockClient.getVisibleRooms.mockReturnValue([]);
+            await makeOwnBeaconStore();
+            expect(mockClient.getVisibleRooms).toHaveBeenCalledWith(true);
+        });
+
+        it("Passes through the dynamic predecessor when reinitialised", async () => {
+            const store = await makeOwnBeaconStore();
+            mockClient.getVisibleRooms.mockReset();
+            mockClient.getVisibleRooms.mockReturnValue([]);
+            store.reinitialiseBeaconState();
+            expect(mockClient.getVisibleRooms).toHaveBeenCalledWith(true);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/OwnProfileStore-test.ts b/apps/web/test/unit-tests/stores/OwnProfileStore-test.ts
new file mode 100644
index 00000000000..f93e6a58a16
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/OwnProfileStore-test.ts
@@ -0,0 +1,151 @@
+/*
+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 { ClientEvent, type MatrixClient, MatrixError } from "matrix-js-sdk/src/matrix";
+import { type MockedObject, mocked } from "jest-mock";
+
+import { stubClient } from "../../test-utils";
+import { OwnProfileStore } from "../../../src/stores/OwnProfileStore";
+import { UPDATE_EVENT } from "../../../src/stores/AsyncStore";
+import SettingsStore from "../../../src/settings/SettingsStore";
+
+describe("OwnProfileStore", () => {
+    let client: MockedObject<MatrixClient>;
+    let ownProfileStore: OwnProfileStore;
+    let onUpdate: ReturnType<typeof jest.fn>;
+
+    beforeEach(() => {
+        client = mocked(stubClient());
+        onUpdate = jest.fn();
+        ownProfileStore = new OwnProfileStore();
+        ownProfileStore.addListener(UPDATE_EVENT, onUpdate);
+    });
+
+    afterEach(() => {
+        ownProfileStore.removeListener(UPDATE_EVENT, onUpdate);
+    });
+
+    it("if the client has not yet been started, the displayname and avatar should be null", () => {
+        expect(onUpdate).not.toHaveBeenCalled();
+        expect(ownProfileStore.displayName).toBeNull();
+        expect(ownProfileStore.avatarMxc).toBeNull();
+    });
+
+    it("if the client has been started and there is a profile, it should return the profile display name and avatar", async () => {
+        client.getProfileInfo.mockResolvedValue({
+            displayname: "Display Name",
+            avatar_url: "mxc://example.com/abc123",
+        });
+        await ownProfileStore.start();
+
+        expect(onUpdate).toHaveBeenCalled();
+        expect(ownProfileStore.displayName).toBe("Display Name");
+        expect(ownProfileStore.avatarMxc).toBe("mxc://example.com/abc123");
+    });
+
+    it("if there is a M_NOT_FOUND error, it should report ready, displayname = MXID and avatar = null", async () => {
+        client.getProfileInfo.mockRejectedValue(
+            new MatrixError({
+                error: "Not found",
+                errcode: "M_NOT_FOUND",
+            }),
+        );
+        await ownProfileStore.start();
+
+        expect(onUpdate).toHaveBeenCalled();
+        expect(ownProfileStore.displayName).toBe(client.getSafeUserId());
+        expect(ownProfileStore.avatarMxc).toBeNull();
+    });
+
+    it("if there is any other error, it should not report ready, displayname = MXID and avatar = null", async () => {
+        client.getProfileInfo.mockRejectedValue(
+            new MatrixError({
+                error: "Forbidden",
+                errcode: "M_FORBIDDEN",
+            }),
+        );
+        try {
+            await ownProfileStore.start();
+        } catch {}
+
+        expect(onUpdate).not.toHaveBeenCalled();
+        expect(ownProfileStore.displayName).toBe(client.getSafeUserId());
+        expect(ownProfileStore.avatarMxc).toBeNull();
+    });
+
+    describe("userStatus", () => {
+        beforeEach(() => {
+            client.getProfileInfo.mockResolvedValue({});
+        });
+
+        it("should be undefined if the feature is disabled", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+            await ownProfileStore.start();
+
+            expect(ownProfileStore.userStatus).toBeUndefined();
+        });
+
+        it("should be undefined if no status is set", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+            client.getExtendedProfileProperty.mockResolvedValue(undefined);
+            await ownProfileStore.start();
+
+            expect(ownProfileStore.userStatus).toBeUndefined();
+        });
+
+        it("should fetch and expose the user status on start", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+            client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🏝️", text: "On a tropical holiday" });
+            await ownProfileStore.start();
+
+            expect(client.getExtendedProfileProperty).toHaveBeenCalledWith(
+                client.getSafeUserId(),
+                "org.matrix.msc4426.status",
+            );
+            expect(ownProfileStore.userStatus).toEqual({ emoji: "🏝️", text: "On a tropical holiday" });
+        });
+
+        it("should reflect our own on-a-call status if no other status is set", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+            client.getExtendedProfileProperty.mockImplementation(async (_userId, key) =>
+                key === "org.matrix.msc4426.call" ? { call_joined_ts: 12345 } : undefined,
+            );
+            await ownProfileStore.start();
+
+            expect(client.getExtendedProfileProperty).toHaveBeenCalledWith(
+                client.getSafeUserId(),
+                "org.matrix.msc4426.call",
+            );
+            expect(ownProfileStore.userStatus).toEqual({ emoji: "📞", text: "On a call" });
+        });
+
+        it("should update the user status when a UserProfileUpdate event is received for the current user", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+            client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🏝️", text: "On a tropical holiday" });
+            await ownProfileStore.start();
+
+            client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🏡", text: "Back home" });
+            client.emit(ClientEvent.UserProfileUpdate, client.getSafeUserId(), null);
+            await new Promise(process.nextTick);
+
+            expect(ownProfileStore.userStatus).toEqual({ emoji: "🏡", text: "Back home" });
+        });
+
+        it("should not update the user status when a UserProfileUpdate event is received for another user", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+            client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🏝️", text: "On a tropical holiday" });
+            await ownProfileStore.start();
+
+            client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🐭", text: "Is a mouse" });
+            client.emit(ClientEvent.UserProfileUpdate, "@other:example.com", null);
+            await new Promise(process.nextTick);
+
+            expect(ownProfileStore.userStatus).toEqual({ emoji: "🏝️", text: "On a tropical holiday" });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/ReleaseAnnouncementStore-test.ts b/apps/web/test/unit-tests/stores/ReleaseAnnouncementStore-test.ts
new file mode 100644
index 00000000000..8a17c1913c7
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/ReleaseAnnouncementStore-test.ts
@@ -0,0 +1,125 @@
+/*
+ * 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.
+ */
+
+import { mocked } from "jest-mock";
+
+import SettingsStore, { type CallbackFn } from "../../../src/settings/SettingsStore";
+import { type Feature, ReleaseAnnouncementStore } from "../../../src/stores/ReleaseAnnouncementStore";
+import { type SettingLevel } from "../../../src/settings/SettingLevel";
+import ToastStore from "../../../src/stores/ToastStore";
+
+jest.mock("../../../src/settings/SettingsStore");
+jest.mock("../../../src/stores/ToastStore");
+
+describe("ReleaseAnnouncementStore", () => {
+    let releaseAnnouncementStore: ReleaseAnnouncementStore;
+    // Local settings
+    // Instead of using the real SettingsStore, we use a local settings object
+    // to avoid side effects between tests
+    let settings: Record<string, any> = {};
+
+    beforeEach(() => {
+        // Default settings
+        settings = {
+            releaseAnnouncementData: {},
+        };
+        const watchCallbacks: Array<CallbackFn<any>> = [];
+
+        mocked(SettingsStore.getValue).mockImplementation((setting: string) => {
+            return settings[setting];
+        });
+        mocked(SettingsStore.setValue).mockImplementation(
+            (settingName: string, roomId: string | null, level: SettingLevel, value: any): Promise<void> => {
+                settings[settingName] = value;
+                // we don't care about the parameters, just call the callbacks
+                // @ts-ignore
+                watchCallbacks.forEach((cb) => cb());
+                return Promise.resolve();
+            },
+        );
+        mocked(SettingsStore.isLevelSupported).mockReturnValue(true);
+        mocked(SettingsStore.canSetValue).mockReturnValue(true);
+        mocked(SettingsStore.watchSetting).mockImplementation((settingName: string, roomId: null, callback: any) => {
+            watchCallbacks.push(callback);
+            return "watcherId";
+        });
+
+        mocked(ToastStore.sharedInstance).mockReturnValue({
+            on: jest.fn(),
+            getToasts: jest.fn().mockReturnValue([]),
+        } as any);
+
+        releaseAnnouncementStore = new ReleaseAnnouncementStore();
+    });
+
+    /**
+     * Listens to the next release announcement change event.
+     */
+    function listenReleaseAnnouncementChanged() {
+        return new Promise<Feature | null>((resolve) =>
+            releaseAnnouncementStore.once("releaseAnnouncementChanged", resolve),
+        );
+    }
+
+    it("should be a singleton", () => {
+        expect(ReleaseAnnouncementStore.instance).toBeDefined();
+    });
+
+    it("should return null when the release announcement is disabled", async () => {
+        releaseAnnouncementStore.disable();
+        expect(releaseAnnouncementStore.getReleaseAnnouncement()).toBeNull();
+
+        // Wait for the next release announcement change event
+        const promise = listenReleaseAnnouncementChanged();
+        // Call the next release announcement
+        // because the release announcement is disabled, the next release announcement should be null
+        await releaseAnnouncementStore.nextReleaseAnnouncement();
+        expect(await promise).toBeNull();
+        expect(releaseAnnouncementStore.getReleaseAnnouncement()).toBeNull();
+    });
+
+    // We only have a single release announcement currently
+    it.skip("should return the next feature when the next release announcement is called", async () => {
+        // Sanity check
+        expect(releaseAnnouncementStore.getReleaseAnnouncement()).toBe("threadsActivityCentre");
+
+        let promise = listenReleaseAnnouncementChanged();
+        await releaseAnnouncementStore.nextReleaseAnnouncement();
+
+        expect(await promise).toBe("pinningMessageList");
+        expect(releaseAnnouncementStore.getReleaseAnnouncement()).toBe("pinningMessageList");
+
+        promise = listenReleaseAnnouncementChanged();
+        await releaseAnnouncementStore.nextReleaseAnnouncement();
+
+        expect(await promise).toBeNull();
+        expect(releaseAnnouncementStore.getReleaseAnnouncement()).toBeNull();
+
+        const secondStore = new ReleaseAnnouncementStore();
+        // All the release announcements have been viewed, so it should be updated in the store account
+        // The release announcement viewing states should be share among all instances (devices in the same account)
+        expect(secondStore.getReleaseAnnouncement()).toBeNull();
+    });
+
+    it("should listen to release announcement data changes in the store", async () => {
+        const secondStore = new ReleaseAnnouncementStore();
+        expect(secondStore.getReleaseAnnouncement()).toBe("room_list_section");
+
+        const promise = listenReleaseAnnouncementChanged();
+        await secondStore.nextReleaseAnnouncement();
+
+        expect(await promise).toBe("_test_dummy1");
+        expect(releaseAnnouncementStore.getReleaseAnnouncement()).toBe("_test_dummy1");
+    });
+
+    it("should return null when there are toasts on screen", async () => {
+        mocked(ToastStore.sharedInstance().getToasts).mockReturnValue([{} as any]);
+
+        expect(releaseAnnouncementStore.getReleaseAnnouncement()).toBeNull();
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/RoomNotificationStateStore-test.ts b/apps/web/test/unit-tests/stores/RoomNotificationStateStore-test.ts
new file mode 100644
index 00000000000..4855ca1098f
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/RoomNotificationStateStore-test.ts
@@ -0,0 +1,123 @@
+/*
+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 { mocked } from "jest-mock";
+import { ClientEvent, type MatrixClient, Room, SyncState } from "matrix-js-sdk/src/matrix";
+
+import { createTestClient, setupAsyncStoreWithClient } from "../../test-utils";
+import {
+    RoomNotificationStateStore,
+    UPDATE_STATUS_INDICATOR,
+} from "../../../src/stores/notifications/RoomNotificationStateStore";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { MatrixDispatcher } from "../../../src/dispatcher/dispatcher";
+
+describe("RoomNotificationStateStore", function () {
+    let store: RoomNotificationStateStore;
+    let client: MatrixClient;
+    let dis: MatrixDispatcher;
+
+    beforeEach(() => {
+        client = createTestClient();
+        dis = new MatrixDispatcher();
+        jest.resetAllMocks();
+        store = RoomNotificationStateStore.testInstance(dis);
+        store.emit = jest.fn();
+        setupAsyncStoreWithClient(store, client);
+    });
+
+    it("Emits no event when a room has no unreads", async () => {
+        // Given a room with 0 unread messages
+        const room = fakeRoom(0);
+
+        // When we sync and the room is visible
+        mocked(client.getVisibleRooms).mockReturnValue([room]);
+        client.emit(ClientEvent.Sync, SyncState.Syncing, SyncState.Syncing);
+
+        // Then we emit an event from the store
+        expect(store.emit).not.toHaveBeenCalled();
+    });
+
+    it("Emits an event when a room has unreads", async () => {
+        // Given a room with 2 unread messages
+        const room = fakeRoom(2);
+
+        // When we sync and the room is visible
+        mocked(client.getVisibleRooms).mockReturnValue([room]);
+        client.emit(ClientEvent.Sync, SyncState.Syncing, SyncState.Syncing);
+
+        // Then we emit an event from the store
+        expect(store.emit).toHaveBeenCalledWith(UPDATE_STATUS_INDICATOR, expect.anything(), "SYNCING");
+    });
+
+    it("Emits an event when a feature flag changes notification state", async () => {
+        // Given we have synced already
+        let room = fakeRoom(0);
+        mocked(store.emit).mockReset();
+        mocked(client.getVisibleRooms).mockReturnValue([room]);
+        client.emit(ClientEvent.Sync, SyncState.Syncing, SyncState.Syncing);
+        expect(store.emit).not.toHaveBeenCalled();
+
+        // When we update the feature flag and it makes us have a notification
+        room = fakeRoom(2);
+        mocked(client.getVisibleRooms).mockReturnValue([room]);
+        jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+        store.emitUpdateIfStateChanged(SyncState.Syncing, false);
+
+        // Then we get notified
+        expect(store.emit).toHaveBeenCalledWith(UPDATE_STATUS_INDICATOR, expect.anything(), "SYNCING");
+    });
+
+    describe("If the feature_dynamic_room_predecessors is not enabled", () => {
+        beforeEach(() => {
+            // Turn off feature_dynamic_room_predecessors setting
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        });
+
+        it("Passes the dynamic predecessor flag to getVisibleRooms", async () => {
+            // When we sync
+            mocked(client.getVisibleRooms).mockReturnValue([]);
+            client.emit(ClientEvent.Sync, SyncState.Syncing, SyncState.Syncing);
+
+            // Then we check visible rooms, using the dynamic predecessor flag
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(false);
+            expect(client.getVisibleRooms).not.toHaveBeenCalledWith(true);
+        });
+    });
+
+    describe("If the feature_dynamic_room_predecessors is enabled", () => {
+        beforeEach(() => {
+            // Turn on feature_dynamic_room_predecessors setting
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "feature_dynamic_room_predecessors",
+            );
+        });
+
+        it("Passes the dynamic predecessor flag to getVisibleRooms", async () => {
+            // When we sync
+            mocked(client.getVisibleRooms).mockReturnValue([]);
+            client.emit(ClientEvent.Sync, SyncState.Syncing, SyncState.Syncing);
+
+            // Then we check visible rooms, using the dynamic predecessor flag
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(true);
+            expect(client.getVisibleRooms).not.toHaveBeenCalledWith(false);
+        });
+    });
+
+    let roomIdx = 0;
+
+    function fakeRoom(numUnreads: number): Room {
+        roomIdx++;
+        const ret = new Room(`room${roomIdx}`, client, "@user:example.com");
+        ret.getPendingEvents = jest.fn().mockReturnValue([]);
+        ret.isSpaceRoom = jest.fn().mockReturnValue(false);
+        ret.getUnreadNotificationCount = jest.fn().mockReturnValue(numUnreads);
+        ret.getRoomUnreadNotificationCount = jest.fn().mockReturnValue(numUnreads);
+        return ret;
+    }
+});
diff --git a/apps/web/test/unit-tests/stores/RoomViewStore-test.ts b/apps/web/test/unit-tests/stores/RoomViewStore-test.ts
new file mode 100644
index 00000000000..3b1cca51cc7
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/RoomViewStore-test.ts
@@ -0,0 +1,745 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2017-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 { mocked } from "jest-mock-vitest-adapter";
+import { KnownMembership, MatrixError, Room } from "matrix-js-sdk/src/matrix";
+import { sleep } from "matrix-js-sdk/src/utils";
+import {
+    RoomViewLifecycle,
+    type ViewRoomOpts,
+} from "@matrix-org/react-sdk-module-api/lib/lifecycles/RoomViewLifecycle";
+import EventEmitter from "node:events";
+
+import { RoomViewStore } from "../../../src/stores/RoomViewStore";
+import { Action } from "../../../src/dispatcher/actions";
+import {
+    flushPromises,
+    getMockClientWithEventEmitter,
+    mkEvent,
+    mkRoom,
+    mkRoomMember,
+    setupAsyncStoreWithClient,
+    untilDispatch,
+    untilEmission,
+} from "../../test-utils";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { SlidingSyncManager } from "../../../src/SlidingSyncManager";
+import { PosthogAnalytics } from "../../../src/PosthogAnalytics";
+import { TimelineRenderingType } from "../../../src/contexts/RoomContext";
+import { MatrixDispatcher } from "../../../src/dispatcher/dispatcher";
+import { UPDATE_EVENT } from "../../../src/stores/AsyncStore";
+import { type ActiveRoomChangedPayload } from "../../../src/dispatcher/payloads/ActiveRoomChangedPayload";
+import SpaceStore from "../../../src/stores/spaces/SpaceStore";
+import { TestSDKContext } from "../TestSDKContext";
+import { type ViewRoomPayload } from "../../../src/dispatcher/payloads/ViewRoomPayload";
+import Modal from "../../../src/Modal";
+import ErrorDialog from "../../../src/components/views/dialogs/ErrorDialog";
+import { type CancelAskToJoinPayload } from "../../../src/dispatcher/payloads/CancelAskToJoinPayload";
+import { type JoinRoomErrorPayload } from "../../../src/dispatcher/payloads/JoinRoomErrorPayload";
+import { type SubmitAskToJoinPayload } from "../../../src/dispatcher/payloads/SubmitAskToJoinPayload";
+import { ModuleRunner } from "../../../src/modules/ModuleRunner";
+import { type IApp } from "../../../src/utils/WidgetUtils-types";
+import { CallStore } from "../../../src/stores/CallStore";
+import { MatrixClientPeg } from "../../../src/MatrixClientPeg";
+import MediaDeviceHandler, { MediaDeviceKindEnum } from "../../../src/MediaDeviceHandler";
+import { storeRoomAliasInCache } from "../../../src/RoomAliasCache.ts";
+import { type Call, ConnectionState } from "../../../src/models/Call.ts";
+import ActiveWidgetStore from "../../../src/stores/ActiveWidgetStore";
+import { ModuleApi } from "../../../src/modules/Api";
+import { type JoinRoomPayload } from "../../../src/dispatcher/payloads/JoinRoomPayload.ts";
+
+jest.mock("../../../src/Modal");
+
+// mock out the injected classes
+jest.mock("../../../src/PosthogAnalytics");
+const MockPosthogAnalytics = <jest.Mock<PosthogAnalytics>>(<unknown>PosthogAnalytics);
+jest.mock("../../../src/SlidingSyncManager");
+const MockSlidingSyncManager = <jest.Mock<SlidingSyncManager>>(<unknown>SlidingSyncManager);
+jest.mock("../../../src/stores/spaces/SpaceStore");
+const MockSpaceStore = <jest.Mock<SpaceStore>>(<unknown>SpaceStore);
+
+// mock VoiceRecording because it contains all the audio APIs
+jest.mock("../../../src/audio/VoiceRecording", () => ({
+    VoiceRecording: jest.fn().mockReturnValue({
+        disableMaxLength: jest.fn(),
+        liveData: {
+            onUpdate: jest.fn(),
+        },
+        off: jest.fn(),
+        on: jest.fn(),
+        start: jest.fn(),
+        stop: jest.fn(),
+        destroy: jest.fn(),
+        contentType: "audio/ogg",
+    }),
+}));
+
+jest.spyOn(MediaDeviceHandler, "getDevices").mockResolvedValue({
+    [MediaDeviceKindEnum.AudioInput]: [],
+    [MediaDeviceKindEnum.VideoInput]: [],
+    [MediaDeviceKindEnum.AudioOutput]: [],
+});
+
+jest.mock("../../../src/utils/DMRoomMap", () => {
+    const mock = {
+        getUserIdForRoomId: jest.fn(),
+        getDMRoomsForUserId: jest.fn(),
+    };
+
+    return {
+        shared: jest.fn().mockReturnValue(mock),
+        sharedInstance: mock,
+    };
+});
+
+jest.mock("../../../src/stores/WidgetStore", () => {
+    const EventEmitter = jest.requireActual("events");
+    const apps: IApp[] = [];
+    const instance = new (class extends EventEmitter {
+        getApps() {
+            return apps;
+        }
+        addVirtualWidget(app: IApp) {
+            apps.push(app);
+        }
+    })();
+    return { instance };
+});
+jest.mock("../../../src/stores/widgets/WidgetLayoutStore");
+
+describe("RoomViewStore", function () {
+    const userId = "@alice:server";
+    const roomId = "!randomcharacters:aser.ver";
+    const roomId2 = "!room2:example.com";
+    // we need to change the alias to ensure cache misses as the cache exists
+    // through all tests.
+    let alias = "#somealias2:aser.ver";
+    const getRooms = jest.fn();
+    const mockClient = getMockClientWithEventEmitter({
+        joinRoom: jest.fn(),
+        getRoom: jest.fn(),
+        getRoomIdForAlias: jest.fn(),
+        getRooms,
+        isGuest: jest.fn(),
+        getUserId: jest.fn().mockReturnValue(userId),
+        getSafeUserId: jest.fn().mockReturnValue(userId),
+        getDeviceId: jest.fn().mockReturnValue("ABC123"),
+        getDomain: jest.fn().mockReturnValue("server"),
+        sendStateEvent: jest.fn().mockResolvedValue({}),
+        supportsThreads: jest.fn(),
+        isInitialSyncComplete: jest.fn().mockResolvedValue(false),
+        relations: jest.fn(),
+        knockRoom: jest.fn(),
+        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 {
+                    memberships = [];
+                })();
+            }
+        })(),
+    });
+    const room = mkRoom(mockClient, roomId);
+    const room2 = new Room(roomId2, mockClient, userId);
+    getRooms.mockReturnValue([room, room2]);
+
+    const dispatchPromptAskToJoin = async () => {
+        dis.dispatch({ action: Action.PromptAskToJoin });
+        await untilDispatch(Action.PromptAskToJoin, dis);
+    };
+
+    const dispatchSubmitAskToJoin = async (roomId: string, reason?: string) => {
+        dis.dispatch<SubmitAskToJoinPayload>({ action: Action.SubmitAskToJoin, roomId, opts: { reason } });
+        await untilDispatch(Action.SubmitAskToJoin, dis);
+    };
+
+    const dispatchCancelAskToJoin = async (roomId: string) => {
+        dis.dispatch<CancelAskToJoinPayload>({ action: Action.CancelAskToJoin, roomId });
+        await untilDispatch(Action.CancelAskToJoin, dis);
+    };
+
+    const dispatchRoomLoaded = async () => {
+        dis.dispatch({ action: Action.RoomLoaded });
+        await untilDispatch(Action.RoomLoaded, dis);
+    };
+
+    let roomViewStore: RoomViewStore;
+    let slidingSyncManager: SlidingSyncManager;
+    let dis: MatrixDispatcher;
+    let stores: TestSDKContext;
+
+    beforeEach(function () {
+        jest.clearAllMocks();
+        mockClient.credentials = { userId: userId };
+        mockClient.joinRoom.mockResolvedValue(room);
+        mockClient.getRoom.mockImplementation((roomId?: string): Room | null => {
+            if (roomId === room.roomId) return room;
+            if (roomId === room2.roomId) return room2;
+            return null;
+        });
+        mockClient.isGuest.mockReturnValue(false);
+        mockClient.getSafeUserId.mockReturnValue(userId);
+
+        // Make the RVS to test
+        dis = new MatrixDispatcher();
+        slidingSyncManager = new MockSlidingSyncManager();
+        stores = new TestSDKContext();
+        stores._client = mockClient;
+        stores._SlidingSyncManager = slidingSyncManager;
+        stores._PosthogAnalytics = new MockPosthogAnalytics();
+        // @ts-expect-error
+        MockPosthogAnalytics.instance = stores._PosthogAnalytics;
+        stores._SpaceStore = new MockSpaceStore();
+        // Add activeSpace property to the mock
+        Object.defineProperty(stores._SpaceStore, "activeSpace", {
+            value: null,
+            writable: true,
+            configurable: true,
+        });
+        roomViewStore = new RoomViewStore(dis, stores);
+        stores._RoomViewStore = roomViewStore;
+    });
+
+    it("can be used to view a room by ID and join", async () => {
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId });
+        dis.dispatch({ action: Action.JoinRoom });
+        await untilDispatch(Action.JoinRoomReady, dis);
+        expect(mockClient.joinRoom).toHaveBeenCalledWith(roomId, { acceptSharedHistory: true, viaServers: [] });
+        expect(roomViewStore.isJoining()).toBe(true);
+    });
+
+    it("can be used to view a room by alias with auto_join", async () => {
+        const alias = "#alias12345:server";
+        storeRoomAliasInCache(alias, roomId, ["server1"]);
+        dis.dispatch({ action: Action.ViewRoom, room_alias: alias, auto_join: true }, true);
+        await expect(untilDispatch(Action.ViewRoom, dis)).resolves.toEqual(
+            expect.objectContaining({
+                action: Action.ViewRoom,
+                room_id: roomId,
+                auto_join: true,
+            }),
+        );
+        await untilDispatch(Action.JoinRoomReady, dis);
+        expect(mockClient.joinRoom).toHaveBeenCalledWith(alias, { acceptSharedHistory: true, viaServers: ["server1"] });
+        expect(roomViewStore.isJoining()).toBe(true);
+    });
+
+    it("can auto-join a room", async () => {
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId, auto_join: true });
+        await untilDispatch(Action.JoinRoomReady, dis);
+        expect(mockClient.joinRoom).toHaveBeenCalledWith(roomId, { acceptSharedHistory: true, viaServers: [] });
+        expect(roomViewStore.isJoining()).toBe(true);
+    });
+
+    it("emits ActiveRoomChanged when the viewed room changes", async () => {
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId });
+        let payload = (await untilDispatch(Action.ActiveRoomChanged, dis)) as ActiveRoomChangedPayload;
+        expect(payload.newRoomId).toEqual(roomId);
+        expect(payload.oldRoomId).toEqual(null);
+
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId2 });
+        payload = (await untilDispatch(Action.ActiveRoomChanged, dis)) as ActiveRoomChangedPayload;
+        expect(payload.newRoomId).toEqual(roomId2);
+        expect(payload.oldRoomId).toEqual(roomId);
+    });
+
+    it("invokes room activity listeners when the viewed room changes", async () => {
+        const callback = jest.fn();
+        roomViewStore.addRoomListener(roomId, callback);
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId });
+        (await untilDispatch(Action.ActiveRoomChanged, dis)) as ActiveRoomChangedPayload;
+        expect(callback).toHaveBeenCalledWith(true);
+        expect(callback).not.toHaveBeenCalledWith(false);
+
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId2 });
+        (await untilDispatch(Action.ActiveRoomChanged, dis)) as ActiveRoomChangedPayload;
+        expect(callback).toHaveBeenCalledWith(false);
+    });
+
+    it("can be used to view a room by alias and join", async () => {
+        mockClient.getRoomIdForAlias.mockResolvedValue({ room_id: roomId, servers: [] });
+        dis.dispatch({ action: Action.ViewRoom, room_alias: alias });
+        await untilDispatch((p) => {
+            // wait for the re-dispatch with the room ID
+            return p.action === Action.ViewRoom && p.room_id === roomId;
+        }, dis);
+
+        // roomId is set to id of the room alias
+        expect(roomViewStore.getRoomId()).toBe(roomId);
+
+        // join the room
+        dis.dispatch({ action: Action.JoinRoom }, true);
+
+        await untilDispatch(Action.JoinRoomReady, dis);
+
+        expect(roomViewStore.isJoining()).toBeTruthy();
+        expect(mockClient.joinRoom).toHaveBeenCalledWith(alias, { acceptSharedHistory: true, viaServers: [] });
+    });
+
+    it("emits ViewRoomError if the alias lookup fails", async () => {
+        alias = "#something-different:to-ensure-cache-miss";
+        mockClient.getRoomIdForAlias.mockRejectedValue(new Error("network error or something"));
+        dis.dispatch({ action: Action.ViewRoom, room_alias: alias });
+        const payload = await untilDispatch(Action.ViewRoomError, dis);
+        expect(payload.room_id).toBeNull();
+        expect(payload.room_alias).toEqual(alias);
+        expect(roomViewStore.getRoomAlias()).toEqual(alias);
+    });
+
+    it("emits JoinRoomError if joining the room fails", async () => {
+        const joinErr = new Error("network error or something");
+        mockClient.joinRoom.mockRejectedValue(joinErr);
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId });
+        dis.dispatch({ action: Action.JoinRoom });
+        await untilDispatch(Action.JoinRoomError, dis);
+        expect(roomViewStore.isJoining()).toBe(false);
+        expect(roomViewStore.getJoinError()).toEqual(joinErr);
+    });
+
+    it("remembers the event being replied to when swapping rooms", async () => {
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId });
+        await untilDispatch(Action.ActiveRoomChanged, dis);
+        const replyToEvent = {
+            getRoomId: () => roomId,
+        };
+        dis.dispatch({ action: "reply_to_event", event: replyToEvent, context: TimelineRenderingType.Room });
+        await untilEmission(roomViewStore, UPDATE_EVENT);
+        expect(roomViewStore.getQuotingEvent()).toEqual(replyToEvent);
+        // view the same room, should remember the event.
+        // set the highlighed flag to make sure there is a state change so we get an update event
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId, highlighted: true });
+        await untilEmission(roomViewStore, UPDATE_EVENT);
+        expect(roomViewStore.getQuotingEvent()).toEqual(replyToEvent);
+    });
+
+    it("swaps to the replied event room if it is not the current room", async () => {
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId });
+        await untilDispatch(Action.ActiveRoomChanged, dis);
+        const replyToEvent = {
+            getRoomId: () => roomId2,
+        };
+        dis.dispatch({ action: "reply_to_event", event: replyToEvent, context: TimelineRenderingType.Room });
+        await untilDispatch(Action.ViewRoom, dis);
+        expect(roomViewStore.getQuotingEvent()).toEqual(replyToEvent);
+        expect(roomViewStore.getRoomId()).toEqual(roomId2);
+    });
+
+    it("should ignore reply_to_event for Thread panels", async () => {
+        expect(roomViewStore.getQuotingEvent()).toBeFalsy();
+        const replyToEvent = {
+            getRoomId: () => roomId2,
+        };
+        dis.dispatch({ action: "reply_to_event", event: replyToEvent, context: TimelineRenderingType.Thread });
+        await sleep(100);
+        expect(roomViewStore.getQuotingEvent()).toBeFalsy();
+    });
+
+    it.each([TimelineRenderingType.Room, TimelineRenderingType.File, TimelineRenderingType.Notification])(
+        "Should respect reply_to_event for %s rendering context",
+        async (context) => {
+            const replyToEvent = {
+                getRoomId: () => roomId,
+            };
+            dis.dispatch({ action: "reply_to_event", event: replyToEvent, context });
+            await untilDispatch(Action.ViewRoom, dis);
+            expect(roomViewStore.getQuotingEvent()).toEqual(replyToEvent);
+        },
+    );
+
+    it("does not change room when replying to event in a room displayed in module", async () => {
+        // Spy on dispatch to check later if ViewRoom was dispatched
+        jest.spyOn(dis, "dispatch");
+
+        // Set up current room
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId });
+        await untilDispatch(Action.ActiveRoomChanged, dis);
+        expect(roomViewStore.getRoomId()).toEqual(roomId);
+
+        ModuleApi.instance.extras.getVisibleRoomBySpaceKey("space1", () => [roomId, roomId2]);
+        // @ts-ignore
+        stores.spaceStore.activeSpace = "space1";
+
+        // Create reply event for roomId2 (which is displayed in module)
+        const replyToEvent = {
+            getRoomId: () => roomId2,
+        };
+
+        // Dispatch reply_to_event - should not change room since roomId2 is in module
+        dis.dispatch({ action: "reply_to_event", event: replyToEvent, context: TimelineRenderingType.Room });
+        await flushPromises();
+
+        // Room should remain the same (roomId), not change to roomId2
+        expect(dis.dispatch).not.toHaveBeenCalledWith({
+            action: Action.ViewRoom,
+            room_id: roomId2,
+            replyingToEvent: replyToEvent,
+            metricsTrigger: undefined,
+        });
+    });
+
+    it("removes the roomId on ViewHomePage", async () => {
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId });
+        await untilDispatch(Action.ActiveRoomChanged, dis);
+        expect(roomViewStore.getRoomId()).toEqual(roomId);
+
+        dis.dispatch({ action: Action.ViewHomePage });
+        await untilEmission(roomViewStore, UPDATE_EVENT);
+        expect(roomViewStore.getRoomId()).toBeNull();
+    });
+
+    it("when viewing a call without a broadcast, it should not raise an error", async () => {
+        const call = { presented: false } as Call;
+        const getCallSpy = jest.spyOn(CallStore.instance, "getCall").mockReturnValue(call);
+        await setupAsyncStoreWithClient(CallStore.instance, MatrixClientPeg.safeGet());
+
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: roomId,
+            view_call: true,
+            metricsTrigger: undefined,
+        });
+        await untilDispatch(Action.ViewRoom, dis);
+
+        expect(getCallSpy).toHaveBeenCalledWith(roomId);
+        expect(call.presented).toEqual(true);
+    });
+
+    it("implicitly views an active call", async () => {
+        const call = { presented: false } as Call;
+        jest.spyOn(CallStore.instance, "getCall").mockReturnValue(call);
+        jest.spyOn(CallStore.instance, "getActiveCall").mockImplementation((rId) => (rId === roomId ? call : null));
+        await setupAsyncStoreWithClient(CallStore.instance, MatrixClientPeg.safeGet());
+
+        // View the room without explicitly setting view_call to true
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: roomId,
+            metricsTrigger: undefined,
+        });
+        await untilDispatch(Action.ViewRoom, dis);
+
+        expect(call.presented).toEqual(true);
+    });
+
+    it("opens a voice-intent call directly in picture-in-picture rather than maximised", async () => {
+        const call = {
+            presented: false,
+            connectionState: ConnectionState.Disconnected,
+            widget: { id: "!widget:example.org" },
+            start: jest.fn(),
+        } as unknown as Call;
+        jest.spyOn(CallStore.instance, "getCall").mockReturnValue(call);
+        const persistenceSpy = jest.spyOn(ActiveWidgetStore.instance, "setWidgetPersistence");
+        await setupAsyncStoreWithClient(CallStore.instance, MatrixClientPeg.safeGet());
+
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: roomId,
+            view_call: true,
+            voiceOnly: true,
+            metricsTrigger: undefined,
+        });
+        await untilDispatch(Action.ViewRoom, dis);
+
+        // The call is started and marked persistent so it renders in the PiP container...
+        expect(call.presented).toEqual(true);
+        expect(persistenceSpy).toHaveBeenCalledWith("!widget:example.org", roomId, true);
+        expect(call.start).toHaveBeenCalledWith(expect.objectContaining({ voiceOnly: true }));
+        // ...but the room is not switched to the maximised call view.
+        expect(roomViewStore.isViewingCall()).toEqual(false);
+    });
+
+    it("opens a video-intent call maximised in the room", async () => {
+        const call = {
+            presented: false,
+            connectionState: ConnectionState.Disconnected,
+            widget: { id: "!widget:example.org" },
+            start: jest.fn(),
+        } as unknown as Call;
+        jest.spyOn(CallStore.instance, "getCall").mockReturnValue(call);
+        const persistenceSpy = jest.spyOn(ActiveWidgetStore.instance, "setWidgetPersistence");
+        await setupAsyncStoreWithClient(CallStore.instance, MatrixClientPeg.safeGet());
+
+        dis.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: roomId,
+            view_call: true,
+            voiceOnly: false,
+            metricsTrigger: undefined,
+        });
+        await untilDispatch(Action.ViewRoom, dis);
+
+        expect(call.presented).toEqual(true);
+        expect(persistenceSpy).not.toHaveBeenCalled();
+        expect(call.start).toHaveBeenCalledWith(expect.objectContaining({ voiceOnly: false }));
+        expect(roomViewStore.isViewingCall()).toEqual(true);
+    });
+
+    it("should display an error message when the room is unreachable via the roomId", async () => {
+        // View and wait for the room
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId });
+        await untilDispatch(Action.ActiveRoomChanged, dis);
+        // Generate error to display the expected error message
+        const error = new MatrixError(undefined, 404);
+        roomViewStore.showJoinRoomError(error, roomId);
+
+        // Check the modal props
+        expect(mocked(Modal).createDialog.mock.calls[0][1]).toMatchSnapshot();
+    });
+    // The server bob is on will affect the message we send.
+    it.each(["server", "another-server"])(
+        "should display an invite-specific error message when the room is unreachable",
+        async (bobsServer) => {
+            room.getMyMembership.mockReturnValue(KnownMembership.Invite);
+            room.getMember.mockImplementationOnce((memberUserId) => {
+                if (userId === memberUserId) {
+                    const member = mkRoomMember(roomId, userId, KnownMembership.Invite);
+                    member.events.member!.getSender = () => `@bob:${bobsServer}`;
+                    return member;
+                }
+                return null;
+            });
+            dis.dispatch({ action: Action.ViewRoom, room_id: roomId });
+            await untilDispatch(Action.ActiveRoomChanged, dis);
+
+            // Generate error to display the expected error message
+            const error = new MatrixError(undefined, 404);
+            roomViewStore.showJoinRoomError(error, roomId);
+
+            // Check the modal props
+            expect(mocked(Modal).createDialog.mock.calls[0][1]).toMatchSnapshot();
+        },
+    );
+
+    it("should display an error message when the provided room is invalid", async () => {
+        dis.dispatch({ action: Action.JoinRoom, room_id: "" });
+        const result = await untilDispatch(Action.JoinRoomError, dis);
+        expect(result.err.cause.message).toEqual("Cannot join room: no room ID or alias to join");
+    });
+
+    it("should display the generic error message when the roomId doesnt match", async () => {
+        // When
+        // Generate error to display the expected error message
+        const error = new MatrixError({ error: "my 404 error" }, 404);
+        roomViewStore.showJoinRoomError(error, roomId);
+
+        // Check the modal props
+        expect(mocked(Modal).createDialog.mock.calls[0][1]).toMatchSnapshot();
+    });
+
+    it("clears the unread flag when viewing a room", async () => {
+        room.getAccountData.mockReturnValue(
+            mkEvent({ type: "m.marked_unread", user: "@anyone:example.org", content: { unread: true }, event: true }),
+        );
+        dis.dispatch({ action: Action.ViewRoom, room_id: roomId });
+        await untilDispatch(Action.ActiveRoomChanged, dis);
+        expect(mockClient.setRoomAccountData).toHaveBeenCalledWith(roomId, "m.marked_unread", {
+            unread: false,
+        });
+    });
+
+    describe("Sliding Sync", function () {
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName, roomId, value) => {
+                return settingName === "feature_simplified_sliding_sync"; // this is enabled, everything else is disabled.
+            });
+        });
+
+        it("subscribes to the room", async () => {
+            const setRoomVisible = jest.spyOn(slidingSyncManager, "setRoomVisible").mockReturnValue(Promise.resolve());
+            const subscribedRoomId = "!sub1:localhost";
+            dis.dispatch({ action: Action.ViewRoom, room_id: subscribedRoomId });
+            await untilDispatch(Action.ActiveRoomChanged, dis);
+            expect(roomViewStore.getRoomId()).toBe(subscribedRoomId);
+            expect(setRoomVisible).toHaveBeenCalledWith(subscribedRoomId);
+        });
+
+        // Previously a regression test for an in-the-wild bug where rooms would rapidly switch forever in sliding sync mode
+        // although that was before the complexity was removed with similified mode. I've removed the complexity but kept the
+        // test anyway.
+        it("doesn't get stuck in a loop if you view rooms quickly", async () => {
+            const setRoomVisible = jest.spyOn(slidingSyncManager, "setRoomVisible").mockReturnValue(Promise.resolve());
+            const subscribedRoomId = "!sub1:localhost";
+            const subscribedRoomId2 = "!sub2:localhost";
+            dis.dispatch({ action: Action.ViewRoom, room_id: subscribedRoomId }, true);
+            dis.dispatch({ action: Action.ViewRoom, room_id: subscribedRoomId2 }, true);
+            await untilDispatch(Action.ActiveRoomChanged, dis);
+            // should view 1, then 2
+            const wantCalls = [[subscribedRoomId], [subscribedRoomId2]];
+            expect(setRoomVisible).toHaveBeenCalledTimes(wantCalls.length);
+            wantCalls.forEach((v, i) => {
+                try {
+                    expect(setRoomVisible.mock.calls[i][0]).toEqual(v[0]);
+                } catch {
+                    throw new Error(`i=${i} got ${setRoomVisible.mock.calls[i]} want ${v}`);
+                }
+            });
+        });
+    });
+
+    describe("Action.JoinRoom", () => {
+        it("dispatches Action.JoinRoomError and Action.AskToJoin when the join fails with 403", async () => {
+            const err = new MatrixError({}, 403);
+
+            jest.spyOn(dis, "dispatch");
+            jest.spyOn(mockClient, "joinRoom").mockRejectedValueOnce(err);
+
+            const roomId = "!hello:world";
+
+            dis.dispatch<JoinRoomPayload>({
+                action: Action.JoinRoom,
+                canAskToJoin: true,
+                roomId,
+                metricsTrigger: "RoomPreview",
+            });
+            await untilDispatch(Action.PromptAskToJoin, dis);
+
+            expect(mocked(dis.dispatch).mock.calls[0][0]).toEqual({
+                action: Action.JoinRoom,
+                canAskToJoin: true,
+                metricsTrigger: "RoomPreview",
+                roomId,
+            });
+            expect(mocked(dis.dispatch).mock.calls[1][0]).toEqual({
+                action: Action.JoinRoomError,
+                roomId,
+                err,
+                canAskToJoin: true,
+            });
+            expect(mocked(dis.dispatch).mock.calls[2][0]).toEqual({ action: Action.PromptAskToJoin });
+        });
+
+        it("sets 'acceptSharedHistory'", async () => {
+            dis.dispatch<ViewRoomPayload>({ action: Action.ViewRoom, room_id: roomId, metricsTrigger: "RoomList" });
+            dis.dispatch<JoinRoomPayload>({ action: Action.JoinRoom, roomId: roomId, metricsTrigger: "RoomPreview" });
+            await untilDispatch(Action.JoinRoomReady, dis);
+            expect(mockClient.joinRoom).toHaveBeenCalledWith(roomId, { acceptSharedHistory: true, viaServers: [] });
+        });
+    });
+
+    describe("Action.JoinRoomError", () => {
+        const err = new MatrixError();
+        beforeEach(() => jest.spyOn(roomViewStore, "showJoinRoomError"));
+
+        it("calls showJoinRoomError()", async () => {
+            dis.dispatch<JoinRoomErrorPayload>({ action: Action.JoinRoomError, roomId, err });
+            await untilDispatch(Action.JoinRoomError, dis);
+            expect(roomViewStore.showJoinRoomError).toHaveBeenCalledWith(err, roomId);
+        });
+
+        it("does not call showJoinRoomError() when canAskToJoin is true", async () => {
+            dis.dispatch<JoinRoomErrorPayload>({ action: Action.JoinRoomError, roomId, err, canAskToJoin: true });
+            await untilDispatch(Action.JoinRoomError, dis);
+            expect(roomViewStore.showJoinRoomError).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("askToJoin()", () => {
+        it("returns false", () => {
+            expect(roomViewStore.promptAskToJoin()).toBe(false);
+        });
+
+        it("returns true", async () => {
+            await dispatchPromptAskToJoin();
+            expect(roomViewStore.promptAskToJoin()).toBe(true);
+        });
+    });
+
+    describe("Action.SubmitAskToJoin", () => {
+        const reason = "some reason";
+        beforeEach(async () => await dispatchPromptAskToJoin());
+
+        it("calls knockRoom() and sets promptAskToJoin state to false", async () => {
+            jest.spyOn(mockClient, "knockRoom").mockResolvedValue({ room_id: roomId });
+            await dispatchSubmitAskToJoin(roomId, reason);
+
+            expect(mockClient.knockRoom).toHaveBeenCalledWith(roomId, { reason, viaServers: [] });
+            expect(roomViewStore.promptAskToJoin()).toBe(false);
+        });
+
+        it("calls knockRoom(), sets promptAskToJoin state to false and shows an error dialog", async () => {
+            const error = new MatrixError(undefined, 403);
+            jest.spyOn(mockClient, "knockRoom").mockRejectedValue(error);
+            await dispatchSubmitAskToJoin(roomId, reason);
+
+            expect(mockClient.knockRoom).toHaveBeenCalledWith(roomId, { reason, viaServers: [] });
+            expect(roomViewStore.promptAskToJoin()).toBe(false);
+            expect(Modal.createDialog).toHaveBeenCalledWith(ErrorDialog, {
+                description: "You need an invite to access this room.",
+                title: "Failed to join",
+            });
+        });
+
+        it("shows an error dialog with a generic error message", async () => {
+            const error = new MatrixError();
+            jest.spyOn(mockClient, "knockRoom").mockRejectedValue(error);
+            await dispatchSubmitAskToJoin(roomId);
+
+            expect(Modal.createDialog).toHaveBeenCalledWith(ErrorDialog, {
+                description: error.message,
+                title: "Failed to join",
+            });
+        });
+    });
+
+    describe("Action.CancelAskToJoin", () => {
+        beforeEach(async () => {
+            jest.spyOn(mockClient, "knockRoom").mockResolvedValue({ room_id: roomId });
+            await dispatchSubmitAskToJoin(roomId);
+        });
+
+        it("calls leave()", async () => {
+            jest.spyOn(mockClient, "leave").mockResolvedValue({});
+            await dispatchCancelAskToJoin(roomId);
+
+            expect(mockClient.leave).toHaveBeenCalledWith(roomId);
+        });
+
+        it("calls leave() and shows an error dialog", async () => {
+            const error = new MatrixError();
+            jest.spyOn(mockClient, "leave").mockRejectedValue(error);
+            await dispatchCancelAskToJoin(roomId);
+
+            expect(mockClient.leave).toHaveBeenCalledWith(roomId);
+            expect(Modal.createDialog).toHaveBeenCalledWith(ErrorDialog, {
+                description: error.message,
+                title: "Failed to cancel",
+            });
+        });
+    });
+
+    describe("getViewRoomOpts", () => {
+        it("returns viewRoomOpts", () => {
+            expect(roomViewStore.getViewRoomOpts()).toEqual({ buttons: [] });
+        });
+    });
+
+    describe("Action.RoomLoaded", () => {
+        it("updates viewRoomOpts", async () => {
+            const buttons: ViewRoomOpts["buttons"] = [
+                {
+                    icon: "test-icon",
+                    id: "test-id",
+                    label: () => "test-label",
+                    onClick: () => {},
+                },
+            ];
+            jest.spyOn(ModuleRunner.instance, "invoke").mockImplementation((lifecycleEvent, opts) => {
+                if (lifecycleEvent === RoomViewLifecycle.ViewRoom) {
+                    opts.buttons = buttons;
+                }
+            });
+            await dispatchRoomLoaded();
+            expect(roomViewStore.getViewRoomOpts()).toEqual({ buttons });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/SetupEncryptionStore-test.ts b/apps/web/test/unit-tests/stores/SetupEncryptionStore-test.ts
new file mode 100644
index 00000000000..468a6439eec
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/SetupEncryptionStore-test.ts
@@ -0,0 +1,155 @@
+/*
+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 { mocked, type Mocked } from "jest-mock";
+import { type MatrixClient, Device } from "matrix-js-sdk/src/matrix";
+import { type SecretStorageKeyDescriptionAesV1, type ServerSideSecretStorage } from "matrix-js-sdk/src/secret-storage";
+import { type CryptoApi, DeviceVerificationStatus } from "matrix-js-sdk/src/crypto-api";
+
+import { accessSecretStorage } from "../../../src/SecurityManager";
+import { SetupEncryptionStore } from "../../../src/stores/SetupEncryptionStore";
+import { emitPromise, stubClient } from "../../test-utils";
+
+jest.mock("../../../src/SecurityManager", () => ({
+    accessSecretStorage: jest.fn(),
+}));
+
+describe("SetupEncryptionStore", () => {
+    let client: Mocked<MatrixClient>;
+    let mockCrypto: Mocked<CryptoApi>;
+    let mockSecretStorage: Mocked<ServerSideSecretStorage>;
+    let setupEncryptionStore: SetupEncryptionStore;
+
+    beforeEach(() => {
+        client = mocked(stubClient());
+        mockCrypto = {
+            bootstrapCrossSigning: jest.fn(),
+            getCrossSigningKeyId: jest.fn(),
+            getVerificationRequestsToDeviceInProgress: jest.fn().mockReturnValue([]),
+            getUserDeviceInfo: jest.fn(),
+            getDeviceVerificationStatus: jest.fn(),
+            isDehydrationSupported: jest.fn().mockResolvedValue(false),
+            startDehydration: jest.fn(),
+            getKeyBackupInfo: jest.fn().mockResolvedValue(null),
+        } as unknown as Mocked<CryptoApi>;
+        client.getCrypto.mockReturnValue(mockCrypto);
+
+        mockSecretStorage = {
+            isStored: jest.fn(),
+        } as unknown as Mocked<ServerSideSecretStorage>;
+        Object.defineProperty(client, "secretStorage", { value: mockSecretStorage });
+
+        setupEncryptionStore = new SetupEncryptionStore();
+    });
+
+    describe("start", () => {
+        it("should fetch cross-signing and device info", async () => {
+            const fakeKey = {} as SecretStorageKeyDescriptionAesV1;
+            mockSecretStorage.isStored.mockResolvedValue({ sskeyid: fakeKey });
+
+            const fakeDevice = new Device({ deviceId: "deviceId", userId: "", algorithms: [], keys: new Map() });
+            mockCrypto.getUserDeviceInfo.mockResolvedValue(
+                new Map([[client.getSafeUserId(), new Map([[fakeDevice.deviceId, fakeDevice]])]]),
+            );
+
+            setupEncryptionStore.start();
+            await emitPromise(setupEncryptionStore, "update");
+
+            // our fake device is not signed, so we can't verify against it
+            expect(setupEncryptionStore.hasDevicesToVerifyAgainst).toBe(false);
+
+            expect(setupEncryptionStore.keyId).toEqual("sskeyid");
+            expect(setupEncryptionStore.keyInfo).toBe(fakeKey);
+        });
+
+        it("should spot a signed device", async () => {
+            mockSecretStorage.isStored.mockResolvedValue({ sskeyid: {} as SecretStorageKeyDescriptionAesV1 });
+
+            const fakeDevice = new Device({
+                deviceId: "deviceId",
+                userId: "",
+                algorithms: [],
+                keys: new Map([["curve25519:deviceId", "identityKey"]]),
+            });
+            mockCrypto.getUserDeviceInfo.mockResolvedValue(
+                new Map([[client.getSafeUserId(), new Map([[fakeDevice.deviceId, fakeDevice]])]]),
+            );
+            mockCrypto.getDeviceVerificationStatus.mockResolvedValue(
+                new DeviceVerificationStatus({ signedByOwner: true }),
+            );
+
+            setupEncryptionStore.start();
+            await emitPromise(setupEncryptionStore, "update");
+
+            expect(setupEncryptionStore.hasDevicesToVerifyAgainst).toBe(true);
+        });
+
+        it("should ignore the MSC3812 dehydrated device", async () => {
+            mockSecretStorage.isStored.mockResolvedValue({ sskeyid: {} as SecretStorageKeyDescriptionAesV1 });
+
+            const fakeDevice = new Device({
+                deviceId: "dehydrated",
+                userId: "",
+                algorithms: [],
+                keys: new Map([["curve25519:dehydrated", "identityKey"]]),
+                dehydrated: true,
+            });
+            mockCrypto.getUserDeviceInfo.mockResolvedValue(
+                new Map([[client.getSafeUserId(), new Map([[fakeDevice.deviceId, fakeDevice]])]]),
+            );
+
+            setupEncryptionStore.start();
+            await emitPromise(setupEncryptionStore, "update");
+
+            expect(setupEncryptionStore.hasDevicesToVerifyAgainst).toBe(false);
+            expect(mockCrypto.getDeviceVerificationStatus).not.toHaveBeenCalled();
+        });
+
+        it("should correctly handle getUserDeviceInfo() returning an empty map", async () => {
+            mockSecretStorage.isStored.mockResolvedValue({ sskeyid: {} as SecretStorageKeyDescriptionAesV1 });
+            mockCrypto.getUserDeviceInfo.mockResolvedValue(new Map());
+
+            setupEncryptionStore.start();
+            await emitPromise(setupEncryptionStore, "update");
+            expect(setupEncryptionStore.hasDevicesToVerifyAgainst).toBe(false);
+        });
+    });
+
+    describe("usePassPhrase", () => {
+        it("should use dehydration when enabled", async () => {
+            // mocks for cross-signing and secret storage
+            mockSecretStorage.isStored.mockResolvedValue({ sskeyid: {} as SecretStorageKeyDescriptionAesV1 });
+            mockCrypto.getUserDeviceInfo.mockResolvedValue(new Map());
+            mockCrypto.getDeviceVerificationStatus.mockResolvedValue(
+                new DeviceVerificationStatus({ signedByOwner: true }),
+            );
+            mocked(accessSecretStorage).mockImplementation(async (func?: () => Promise<void>) => {
+                await func!();
+            });
+
+            // mocks for dehydration
+            mockCrypto.isDehydrationSupported.mockResolvedValue(true);
+            const dehydrationPromise = new Promise<void>((resolve) => {
+                // Dehydration gets processed in the background, after
+                // `usePassPhrase` returns, so we need to use a promise to make
+                // sure that it is called.
+                mockCrypto.startDehydration.mockImplementation(async () => {
+                    resolve();
+                });
+            });
+            client.waitForClientWellKnown.mockResolvedValue({ "org.matrix.msc3814": true });
+
+            setupEncryptionStore.start();
+            await emitPromise(setupEncryptionStore, "update");
+
+            await setupEncryptionStore.usePassPhrase();
+
+            await dehydrationPromise;
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/ToastStore-test.ts b/apps/web/test/unit-tests/stores/ToastStore-test.ts
new file mode 100644
index 00000000000..a5a16eb8568
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/ToastStore-test.ts
@@ -0,0 +1,106 @@
+/*
+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 GenericToast from "../../../src/components/views/toasts/GenericToast";
+import ToastStore, { type IToast } from "../../../src/stores/ToastStore";
+
+describe("ToastStore", () => {
+    const makeToast = (priority: number, key?: string): IToast<typeof GenericToast> => ({
+        key: key ?? `toast-${priority}`,
+        title: "Test toast",
+        component: GenericToast,
+        priority,
+    });
+
+    it("sets instance on window when doesnt exist", () => {
+        const sharedInstance = ToastStore.sharedInstance();
+        expect(sharedInstance).toBeTruthy();
+        // using same instance
+        expect(ToastStore.sharedInstance()).toBe(sharedInstance);
+    });
+
+    describe("addOrReplaceToast()", () => {
+        it("adds a toast to an empty store", () => {
+            const toast = makeToast(1);
+            const store = new ToastStore();
+            const emitSpy = jest.spyOn(store, "emit");
+            store.addOrReplaceToast(toast);
+            expect(emitSpy).toHaveBeenCalledWith("update");
+            expect(store.getToasts()).toEqual([toast]);
+        });
+
+        it("inserts toast according to priority", () => {
+            const toast1 = makeToast(1);
+            const toast3a = makeToast(3, "a");
+            const toast3b = makeToast(3, "b");
+            const toast99 = makeToast(99);
+            const store = new ToastStore();
+            store.addOrReplaceToast(toast1);
+            store.addOrReplaceToast(toast99);
+            store.addOrReplaceToast(toast3a);
+            store.addOrReplaceToast(toast3b);
+            // ascending order, newest toast of given priority first
+            expect(store.getToasts()).toEqual([toast99, toast3a, toast3b, toast1]);
+        });
+
+        it("replaces toasts by key without changing order", () => {
+            const toastA = makeToast(1, "a");
+            const toastB = makeToast(3, "b");
+            const toastC = makeToast(99, "c");
+            const store = new ToastStore();
+            store.addOrReplaceToast(toastA);
+            store.addOrReplaceToast(toastC);
+            store.addOrReplaceToast(toastB);
+            expect(store.getToasts()).toEqual([toastC, toastB, toastA]);
+
+            const toastBNew = makeToast(5, "b");
+            store.addOrReplaceToast(toastBNew);
+            expect(store.getToasts()).toEqual([toastC, toastBNew, toastA]);
+        });
+    });
+
+    describe("dismissToast()", () => {
+        it("does nothing when there are no toasts", () => {
+            const store = new ToastStore();
+            const emitSpy = jest.spyOn(store, "emit");
+
+            store.dismissToast("whatever");
+
+            expect(emitSpy).not.toHaveBeenCalled();
+        });
+
+        it("removes toast and emits", () => {
+            const store = new ToastStore();
+            const toastA = makeToast(1, "a");
+            const toastB = makeToast(3, "b");
+            store.addOrReplaceToast(toastA);
+            store.addOrReplaceToast(toastB);
+            const emitSpy = jest.spyOn(store, "emit");
+
+            store.dismissToast(toastA.key);
+
+            expect(emitSpy).toHaveBeenCalledWith("update");
+            expect(store.getToasts()).toEqual([toastB]);
+        });
+    });
+
+    describe("reset()", () => {
+        it("clears toasts", () => {
+            const store = new ToastStore();
+            const toastA = makeToast(1, "a");
+            const toastB = makeToast(3, "b");
+            store.addOrReplaceToast(toastA);
+            store.addOrReplaceToast(toastB);
+            // increment count seen
+            store.dismissToast(toastB.key);
+
+            store.reset();
+            expect(store.getToasts()).toEqual([]);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/TypingStore-test.ts b/apps/web/test/unit-tests/stores/TypingStore-test.ts
new file mode 100644
index 00000000000..44d127215bc
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/TypingStore-test.ts
@@ -0,0 +1,78 @@
+/*
+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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import TypingStore from "../../../src/stores/TypingStore";
+import { LOCAL_ROOM_ID_PREFIX } from "../../../src/models/LocalRoom";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { TestSDKContext } from "../TestSDKContext";
+
+jest.mock("../../../src/settings/SettingsStore", () => ({
+    getValue: jest.fn(),
+    monitorSetting: jest.fn(),
+    watchSetting: jest.fn(),
+}));
+
+describe("TypingStore", () => {
+    let typingStore: TypingStore;
+    let mockClient: MatrixClient;
+    const roomId = "!test:example.com";
+    const localRoomId = LOCAL_ROOM_ID_PREFIX + "test";
+
+    beforeEach(() => {
+        mockClient = {
+            sendTyping: jest.fn(),
+        } as unknown as MatrixClient;
+        const context = new TestSDKContext();
+        context._client = mockClient;
+        typingStore = new TypingStore(context);
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((name: string) => {
+            return name === "sendTypingNotifications";
+        });
+    });
+
+    describe("setSelfTyping", () => {
+        it("shouldn't do anything for a local room", () => {
+            typingStore.setSelfTyping(localRoomId, null, true);
+            expect(mockClient.sendTyping).not.toHaveBeenCalled();
+        });
+
+        describe("in typing state true", () => {
+            beforeEach(() => {
+                typingStore.setSelfTyping(roomId, null, true);
+            });
+
+            it("should change to false when setting false", () => {
+                typingStore.setSelfTyping(roomId, null, false);
+                expect(mockClient.sendTyping).toHaveBeenCalledWith(roomId, false, 30000);
+            });
+
+            it("should change to true when setting true", () => {
+                typingStore.setSelfTyping(roomId, null, true);
+                expect(mockClient.sendTyping).toHaveBeenCalledWith(roomId, true, 30000);
+            });
+        });
+
+        describe("in typing state false", () => {
+            beforeEach(() => {
+                typingStore.setSelfTyping(roomId, null, false);
+            });
+
+            it("shouldn't change when setting false", () => {
+                typingStore.setSelfTyping(roomId, null, false);
+                expect(mockClient.sendTyping).not.toHaveBeenCalled();
+            });
+
+            it("should change to true when setting true", () => {
+                typingStore.setSelfTyping(roomId, null, true);
+                expect(mockClient.sendTyping).toHaveBeenCalledWith(roomId, true, 30000);
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/UIStore-test.ts b/apps/web/test/unit-tests/stores/UIStore-test.ts
new file mode 100644
index 00000000000..0daee1b383a
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/UIStore-test.ts
@@ -0,0 +1,73 @@
+/*
+ * 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 UIStore, { UI_EVENTS } from "../../../src/stores/UIStore";
+
+jest.useFakeTimers();
+
+describe("UIStore", () => {
+    class MockResizeObserver {
+        public static instance: ResizeObserver;
+        public static callback: ResizeObserverCallback;
+
+        public constructor(callback: ResizeObserverCallback) {
+            MockResizeObserver.callback = callback;
+            MockResizeObserver.instance = this;
+        }
+
+        public static changeWidth = (width: number): void => {
+            const entry = {
+                target: document.body,
+                contentRect: {
+                    width,
+                    height: 1000,
+                },
+            } as unknown as ResizeObserverEntry;
+            MockResizeObserver.callback([entry], MockResizeObserver.instance);
+        };
+
+        public observe = jest.fn();
+        public unobserve = jest.fn();
+        public disconnect = jest.fn();
+    }
+    globalThis.ResizeObserver = MockResizeObserver;
+
+    it("should emit events on width increase/decrease", () => {
+        // eslint-disable-next-line no-restricted-properties
+        window.innerWidth = 500;
+        const store = UIStore.instance;
+
+        const onDecrease = jest.fn();
+        store.on(UI_EVENTS.WidthDecreased, onDecrease);
+        MockResizeObserver.changeWidth(200);
+        expect(onDecrease).toHaveBeenCalledWith(200);
+
+        const onIncrease = jest.fn();
+        store.on(UI_EVENTS.WidthIncreased, onIncrease);
+        MockResizeObserver.changeWidth(700);
+        expect(onIncrease).toHaveBeenCalledWith(700);
+
+        UIStore.destroy();
+    });
+
+    it("should set isWindowBeingResized on resize", () => {
+        // eslint-disable-next-line no-restricted-properties
+        window.innerWidth = 500;
+        const store = UIStore.instance;
+
+        // No resize yet, so expect isWindowBeingResized to be false
+        expect(store.isWindowBeingResized).toBe(false);
+
+        // When resizing the window, expect isWindowBeingResized to be true
+        MockResizeObserver.changeWidth(200);
+        expect(store.isWindowBeingResized).toBe(true);
+
+        // After a second, isWindowBeingResized should again become false
+        jest.runAllTimers();
+        expect(store.isWindowBeingResized).toBe(false);
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/UserProfilesStore-test.ts b/apps/web/test/unit-tests/stores/UserProfilesStore-test.ts
new file mode 100644
index 00000000000..06e302bb8f1
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/UserProfilesStore-test.ts
@@ -0,0 +1,175 @@
+/*
+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 { mocked, type Mocked } from "jest-mock";
+import {
+    type IMatrixProfile,
+    type MatrixClient,
+    MatrixError,
+    type MatrixEvent,
+    Room,
+    RoomMemberEvent,
+} from "matrix-js-sdk/src/matrix";
+
+import { UserProfilesStore } from "../../../src/stores/UserProfilesStore";
+import { filterConsole, mkRoomMember, mkRoomMemberJoinEvent, stubClient } from "../../test-utils";
+
+describe("UserProfilesStore", () => {
+    const userIdDoesNotExist = "@unknown:example.com";
+    const userDoesNotExistError = new MatrixError({
+        errcode: "M_NOT_FOUND",
+        error: "Profile not found",
+    });
+
+    const user1Id = "@user1:example.com";
+    const user1Profile: IMatrixProfile = { displayname: "User 1", avatar_url: undefined };
+    const user2Id = "@user2:example.com";
+    const user2Profile: IMatrixProfile = { displayname: "User 2", avatar_url: undefined };
+    const user3Id = "@user3:example.com";
+    let mockClient: Mocked<MatrixClient>;
+    let userProfilesStore: UserProfilesStore;
+    let room: Room;
+
+    filterConsole(
+        "Error retrieving profile for userId @unknown:example.com",
+        "Error retrieving profile for userId @user3:example.com",
+    );
+
+    beforeEach(() => {
+        mockClient = mocked(stubClient());
+        room = new Room("!room:example.com", mockClient, mockClient.getSafeUserId());
+        room.currentState.setStateEvents([
+            mkRoomMemberJoinEvent(user2Id, room.roomId),
+            mkRoomMemberJoinEvent(user3Id, room.roomId),
+        ]);
+        mockClient.getRooms.mockReturnValue([room]);
+        userProfilesStore = new UserProfilesStore(mockClient);
+
+        mockClient.getProfileInfo.mockImplementation(async (userId: string) => {
+            if (userId === user1Id) return user1Profile;
+            if (userId === user2Id) return user2Profile;
+
+            throw userDoesNotExistError;
+        });
+    });
+
+    it("getProfile should return undefined if the profile was not fetched", () => {
+        expect(userProfilesStore.getProfile(user1Id)).toBeUndefined();
+    });
+
+    describe("fetchProfile", () => {
+        it("should return the profile from the API and cache it", async () => {
+            const profile = await userProfilesStore.fetchProfile(user1Id);
+            expect(profile).toBe(user1Profile);
+            expect(userProfilesStore.getProfile(user1Id)).toBe(user1Profile);
+        });
+
+        it("when shouldThrow = true and there is an error it should raise an error", async () => {
+            await expect(userProfilesStore.fetchProfile(userIdDoesNotExist, { shouldThrow: true })).rejects.toThrow(
+                userDoesNotExistError.message,
+            );
+        });
+
+        describe("when fetching a profile that does not exist", () => {
+            let profile: IMatrixProfile | null | undefined;
+
+            beforeEach(async () => {
+                profile = await userProfilesStore.fetchProfile(userIdDoesNotExist);
+            });
+
+            it("should return null", () => {
+                expect(profile).toBeNull();
+            });
+
+            describe("when the profile does not exist and fetching it again", () => {
+                beforeEach(async () => {
+                    mockClient.getProfileInfo.mockResolvedValue(user1Profile);
+                    profile = await userProfilesStore.fetchProfile(userIdDoesNotExist);
+                });
+
+                it("should return the profile", () => {
+                    expect(profile).toBe(user1Profile);
+                });
+            });
+        });
+    });
+
+    describe("getOrFetchProfile", () => {
+        it("should return a profile from the API and cache it", async () => {
+            const profile = await userProfilesStore.getOrFetchProfile(user1Id);
+            expect(profile).toBe(user1Profile);
+            // same method again
+            expect(await userProfilesStore.getOrFetchProfile(user1Id)).toBe(user1Profile);
+            // assert that the profile is cached
+            expect(userProfilesStore.getProfile(user1Id)).toBe(user1Profile);
+        });
+    });
+
+    it("getOnlyKnownProfile should return undefined if the profile was not fetched", () => {
+        expect(userProfilesStore.getOnlyKnownProfile(user1Id)).toBeUndefined();
+    });
+
+    describe("fetchOnlyKnownProfile", () => {
+        it("should return undefined if no room shared with the user", async () => {
+            const profile = await userProfilesStore.fetchOnlyKnownProfile(user1Id);
+            expect(profile).toBeUndefined();
+            expect(userProfilesStore.getOnlyKnownProfile(user1Id)).toBeUndefined();
+        });
+
+        it("for a known user should return the profile from the API and cache it", async () => {
+            const profile = await userProfilesStore.fetchOnlyKnownProfile(user2Id);
+            expect(profile).toBe(user2Profile);
+            expect(userProfilesStore.getOnlyKnownProfile(user2Id)).toBe(user2Profile);
+        });
+
+        it("for a known user not found via API should return null and cache it", async () => {
+            const profile = await userProfilesStore.fetchOnlyKnownProfile(user3Id);
+            expect(profile).toBeNull();
+            expect(userProfilesStore.getOnlyKnownProfile(user3Id)).toBeNull();
+        });
+    });
+
+    describe("when there are cached values and membership updates", () => {
+        beforeEach(async () => {
+            await userProfilesStore.fetchProfile(user1Id);
+            await userProfilesStore.fetchOnlyKnownProfile(user2Id);
+        });
+
+        describe("and membership events with the same values appear", () => {
+            beforeEach(() => {
+                const roomMember1 = mkRoomMember(room.roomId, user1Id);
+                roomMember1.rawDisplayName = user1Profile.displayname!;
+                roomMember1.getMxcAvatarUrl = () => undefined;
+                mockClient.emit(RoomMemberEvent.Membership, {} as MatrixEvent, roomMember1);
+
+                const roomMember2 = mkRoomMember(room.roomId, user2Id);
+                roomMember2.rawDisplayName = user2Profile.displayname!;
+                roomMember2.getMxcAvatarUrl = () => undefined;
+                mockClient.emit(RoomMemberEvent.Membership, {} as MatrixEvent, roomMember2);
+            });
+
+            it("should not invalidate the cache", () => {
+                expect(userProfilesStore.getProfile(user1Id)).toBe(user1Profile);
+                expect(userProfilesStore.getOnlyKnownProfile(user2Id)).toBe(user2Profile);
+            });
+        });
+    });
+
+    describe("flush", () => {
+        it("should clear profiles, known profiles and errors", async () => {
+            await userProfilesStore.fetchOnlyKnownProfile(user1Id);
+            await userProfilesStore.fetchProfile(user1Id);
+            await userProfilesStore.fetchProfile(userIdDoesNotExist);
+
+            userProfilesStore.flush();
+
+            expect(userProfilesStore.getProfile(user1Id)).toBeUndefined();
+            expect(userProfilesStore.getOnlyKnownProfile(user1Id)).toBeUndefined();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/VoiceRecordingStore-test.ts b/apps/web/test/unit-tests/stores/VoiceRecordingStore-test.ts
new file mode 100644
index 00000000000..e1d0bf6336b
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/VoiceRecordingStore-test.ts
@@ -0,0 +1,95 @@
+/*
+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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { VoiceRecordingStore } from "../../../src/stores/VoiceRecordingStore";
+import { MatrixClientPeg } from "../../../src/MatrixClientPeg";
+import { flushPromises } from "../../test-utils";
+import { VoiceMessageRecording } from "../../../src/audio/VoiceMessageRecording";
+
+const stubClient = {} as unknown as MatrixClient;
+jest.spyOn(MatrixClientPeg, "get").mockReturnValue(stubClient);
+
+describe("VoiceRecordingStore", () => {
+    const room1Id = "!room1:server.org";
+    const room2Id = "!room2:server.org";
+    const room3Id = "!room3:server.org";
+    const room1Recording = { destroy: jest.fn() } as unknown as VoiceMessageRecording;
+    const room2Recording = { destroy: jest.fn() } as unknown as VoiceMessageRecording;
+
+    const state: Record<string, VoiceMessageRecording | undefined> = {
+        [room1Id]: room1Recording,
+        [room2Id]: room2Recording,
+        [room3Id]: undefined,
+    };
+
+    const mkStore = (): VoiceRecordingStore => {
+        const store = new VoiceRecordingStore();
+        store.start();
+        return store;
+    };
+
+    describe("startRecording()", () => {
+        it("throws when roomId is falsy", () => {
+            const store = mkStore();
+            expect(() => store.startRecording(undefined)).toThrow("Recording must be associated with a room");
+        });
+
+        it("throws when room already has a recording", () => {
+            const store = mkStore();
+            // @ts-ignore
+            store.storeState = state;
+            expect(() => store.startRecording(room2Id)).toThrow("A recording is already in progress");
+        });
+
+        it("creates and adds recording to state", async () => {
+            const store = mkStore();
+            const result = store.startRecording(room2Id);
+
+            await flushPromises();
+
+            expect(result).toBeInstanceOf(VoiceMessageRecording);
+            expect(store.getActiveRecording(room2Id)).toEqual(result);
+        });
+    });
+
+    describe("disposeRecording()", () => {
+        it("destroys recording for a room if it exists in state", async () => {
+            const store = mkStore();
+            // @ts-ignore
+            store.storeState = state;
+
+            await store.disposeRecording(room1Id);
+
+            expect(room1Recording.destroy).toHaveBeenCalled();
+        });
+
+        it("removes room from state when it has a recording", async () => {
+            const store = mkStore();
+            // @ts-ignore
+            store.storeState = state;
+
+            await store.disposeRecording(room2Id);
+
+            expect(store.getActiveRecording(room2Id)).toBeFalsy();
+        });
+
+        it("removes room from state when it has a falsy recording", async () => {
+            const store = mkStore();
+            // @ts-ignore
+            store.storeState = state;
+
+            await store.disposeRecording(room3Id);
+
+            expect(store.getActiveRecording(room1Id)).toEqual(room1Recording);
+            expect(store.getActiveRecording(room2Id)).toEqual(room2Recording);
+            expect(store.getActiveRecording(room3Id)).toBeFalsy();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/WidgetLayoutStore-test.ts b/apps/web/test/unit-tests/stores/WidgetLayoutStore-test.ts
new file mode 100644
index 00000000000..b774f1414d9
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/WidgetLayoutStore-test.ts
@@ -0,0 +1,309 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import WidgetStore, { type IApp } from "../../../src/stores/WidgetStore";
+import { WidgetLayoutStore } from "../../../src/stores/widgets/WidgetLayoutStore";
+import { stubClient } from "../../test-utils";
+import defaultDispatcher from "../../../src/dispatcher/dispatcher";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { Action } from "../../../src/dispatcher/actions.ts";
+
+// setup test env values
+const roomId = "!room:server";
+
+describe("WidgetLayoutStore", () => {
+    let client: MatrixClient;
+    let store: WidgetLayoutStore;
+    let roomUpdateListener: (event: string) => void;
+    let mockApps: IApp[];
+    let mockRoom: Room;
+    let layoutEventContent: Record<string, any> | null;
+
+    beforeEach(() => {
+        layoutEventContent = null;
+        mockRoom = <Room>{
+            roomId: roomId,
+            currentState: {
+                getStateEvents: (_l, _x) => {
+                    return {
+                        getId: () => "$layoutEventId",
+                        getContent: () => layoutEventContent,
+                    };
+                },
+            },
+        };
+
+        mockApps = [
+            <IApp>{ roomId: roomId, id: "1" },
+            <IApp>{ roomId: roomId, id: "2" },
+            <IApp>{ roomId: roomId, id: "3" },
+            <IApp>{ roomId: roomId, id: "4" },
+        ];
+
+        // fake the WidgetStore.instance to just return an object with `getApps`
+        jest.spyOn(WidgetStore, "instance", "get").mockReturnValue({
+            on: jest.fn(),
+            off: jest.fn(),
+            getApps: () => mockApps,
+        } as unknown as WidgetStore);
+
+        SettingsStore.reset();
+    });
+
+    beforeAll(() => {
+        // we need to init a client so it does not error, when asking for DeviceStorage handlers (SettingsStore.setValue("Widgets.layout"))
+        client = stubClient();
+
+        roomUpdateListener = jest.fn();
+        // @ts-ignore bypass private ctor for tests
+        store = new WidgetLayoutStore();
+        store.addListener(`update_${roomId}`, roomUpdateListener);
+    });
+
+    afterAll(() => {
+        store.removeListener(`update_${roomId}`, roomUpdateListener);
+    });
+
+    it("all widgets should be in the right container by default", () => {
+        store.recalculateRoom(mockRoom);
+        expect(store.getContainerWidgets(mockRoom, "right").length).toStrictEqual(mockApps.length);
+    });
+
+    it("add widget to top container", async () => {
+        store.recalculateRoom(mockRoom);
+        store.moveToContainer(mockRoom, mockApps[0], "top");
+        expect(store.getContainerWidgets(mockRoom, "top")).toStrictEqual([mockApps[0]]);
+        expect(store.getContainerHeight(mockRoom, "top")).toBeNull();
+    });
+
+    it("ordering of top container widgets should be consistent even if no index specified", async () => {
+        layoutEventContent = {
+            widgets: {
+                "1": {
+                    container: "top",
+                },
+                "2": {
+                    container: "top",
+                },
+            },
+        };
+
+        store.recalculateRoom(mockRoom);
+        expect(store.getContainerWidgets(mockRoom, "top")).toStrictEqual([mockApps[0], mockApps[1]]);
+    });
+
+    it("add three widgets to top container", async () => {
+        store.recalculateRoom(mockRoom);
+        store.moveToContainer(mockRoom, mockApps[0], "top");
+        store.moveToContainer(mockRoom, mockApps[1], "top");
+        store.moveToContainer(mockRoom, mockApps[2], "top");
+        expect(new Set(store.getContainerWidgets(mockRoom, "top"))).toEqual(
+            new Set([mockApps[0], mockApps[1], mockApps[2]]),
+        );
+    });
+
+    it("cannot add more than three widgets to top container", async () => {
+        store.recalculateRoom(mockRoom);
+        store.moveToContainer(mockRoom, mockApps[0], "top");
+        store.moveToContainer(mockRoom, mockApps[1], "top");
+        store.moveToContainer(mockRoom, mockApps[2], "top");
+        expect(store.canAddToContainer(mockRoom, "top")).toEqual(false);
+    });
+
+    it("remove pins when maximising (other widget)", async () => {
+        store.recalculateRoom(mockRoom);
+        store.moveToContainer(mockRoom, mockApps[0], "top");
+        store.moveToContainer(mockRoom, mockApps[1], "top");
+        store.moveToContainer(mockRoom, mockApps[2], "top");
+        store.moveToContainer(mockRoom, mockApps[3], "center");
+        expect(store.getContainerWidgets(mockRoom, "top")).toEqual([]);
+        expect(new Set(store.getContainerWidgets(mockRoom, "right"))).toEqual(
+            new Set([mockApps[0], mockApps[1], mockApps[2]]),
+        );
+        expect(store.getContainerWidgets(mockRoom, "center")).toEqual([mockApps[3]]);
+    });
+
+    it("remove pins when maximising (one of the pinned widgets)", async () => {
+        store.recalculateRoom(mockRoom);
+        store.moveToContainer(mockRoom, mockApps[0], "top");
+        store.moveToContainer(mockRoom, mockApps[1], "top");
+        store.moveToContainer(mockRoom, mockApps[2], "top");
+        store.moveToContainer(mockRoom, mockApps[0], "center");
+        expect(store.getContainerWidgets(mockRoom, "top")).toEqual([]);
+        expect(store.getContainerWidgets(mockRoom, "center")).toEqual([mockApps[0]]);
+        expect(new Set(store.getContainerWidgets(mockRoom, "right"))).toEqual(
+            new Set([mockApps[1], mockApps[2], mockApps[3]]),
+        );
+    });
+
+    it("remove maximised when pinning (other widget)", async () => {
+        store.recalculateRoom(mockRoom);
+        store.moveToContainer(mockRoom, mockApps[0], "center");
+        store.moveToContainer(mockRoom, mockApps[1], "top");
+        expect(store.getContainerWidgets(mockRoom, "top")).toEqual([mockApps[1]]);
+        expect(store.getContainerWidgets(mockRoom, "center")).toEqual([]);
+        expect(new Set(store.getContainerWidgets(mockRoom, "right"))).toEqual(
+            new Set([mockApps[2], mockApps[3], mockApps[0]]),
+        );
+    });
+
+    it("remove maximised when pinning (same widget)", async () => {
+        store.recalculateRoom(mockRoom);
+        store.moveToContainer(mockRoom, mockApps[0], "center");
+        store.moveToContainer(mockRoom, mockApps[0], "top");
+        expect(store.getContainerWidgets(mockRoom, "top")).toEqual([mockApps[0]]);
+        expect(store.getContainerWidgets(mockRoom, "center")).toEqual([]);
+        expect(new Set(store.getContainerWidgets(mockRoom, "right"))).toEqual(
+            new Set([mockApps[2], mockApps[3], mockApps[1]]),
+        );
+    });
+
+    it("should recalculate all rooms when the client is ready", async () => {
+        mocked(client.getVisibleRooms).mockReturnValue([mockRoom]);
+        await store.start();
+
+        expect(roomUpdateListener).toHaveBeenCalled();
+        expect(store.getContainerWidgets(mockRoom, "top")).toEqual([]);
+        expect(store.getContainerWidgets(mockRoom, "center")).toEqual([]);
+        expect(store.getContainerWidgets(mockRoom, "right")).toEqual([
+            mockApps[0],
+            mockApps[1],
+            mockApps[2],
+            mockApps[3],
+        ]);
+    });
+
+    it("should clear the layout and emit an update if there are no longer apps in the room", () => {
+        store.recalculateRoom(mockRoom);
+        mocked(roomUpdateListener).mockClear();
+
+        jest.spyOn(WidgetStore, "instance", "get").mockReturnValue(<WidgetStore>(
+            ({ getApps: (): IApp[] => [] } as unknown as WidgetStore)
+        ));
+        store.recalculateRoom(mockRoom);
+        expect(roomUpdateListener).toHaveBeenCalled();
+        expect(store.getContainerWidgets(mockRoom, "top")).toEqual([]);
+        expect(store.getContainerWidgets(mockRoom, "center")).toEqual([]);
+        expect(store.getContainerWidgets(mockRoom, "right")).toEqual([]);
+    });
+
+    it("should clear the layout if the client is not viable", () => {
+        store.recalculateRoom(mockRoom);
+        defaultDispatcher.dispatch({ action: Action.ClientNotViable }, true);
+
+        expect(store.getContainerWidgets(mockRoom, "top")).toEqual([]);
+        expect(store.getContainerWidgets(mockRoom, "center")).toEqual([]);
+        expect(store.getContainerWidgets(mockRoom, "right")).toEqual([]);
+    });
+
+    it("should return the expected resizer distributions", () => {
+        // this only works for top widgets
+        store.recalculateRoom(mockRoom);
+        store.moveToContainer(mockRoom, mockApps[0], "top");
+        store.moveToContainer(mockRoom, mockApps[1], "top");
+        expect(store.getResizerDistributions(mockRoom, "top")).toEqual(["50.0%"]);
+    });
+
+    it("should set and return container height", () => {
+        store.recalculateRoom(mockRoom);
+        store.moveToContainer(mockRoom, mockApps[0], "top");
+        store.moveToContainer(mockRoom, mockApps[1], "top");
+        store.setContainerHeight(mockRoom, "top", 23);
+        expect(store.getContainerHeight(mockRoom, "top")).toBe(23);
+    });
+
+    it("should move a widget within a container", () => {
+        store.recalculateRoom(mockRoom);
+        store.moveToContainer(mockRoom, mockApps[0], "top");
+        store.moveToContainer(mockRoom, mockApps[1], "top");
+        store.moveToContainer(mockRoom, mockApps[2], "top");
+        expect(store.getContainerWidgets(mockRoom, "top")).toStrictEqual([mockApps[0], mockApps[1], mockApps[2]]);
+        store.moveWithinContainer(mockRoom, "top", mockApps[0], 1);
+        expect(store.getContainerWidgets(mockRoom, "top")).toStrictEqual([mockApps[1], mockApps[0], mockApps[2]]);
+    });
+
+    it("should copy the layout to the room", async () => {
+        await store.start();
+        store.recalculateRoom(mockRoom);
+        store.moveToContainer(mockRoom, mockApps[0], "top");
+        store.copyLayoutToRoom(mockRoom);
+
+        expect(mocked(client.sendStateEvent).mock.calls).toMatchInlineSnapshot(`
+            [
+              [
+                "!room:server",
+                "io.element.widgets.layout",
+                {
+                  "widgets": {
+                    "1": {
+                      "container": "top",
+                      "height": undefined,
+                      "index": 0,
+                      "width": 100,
+                    },
+                    "2": {
+                      "container": "right",
+                    },
+                    "3": {
+                      "container": "right",
+                    },
+                    "4": {
+                      "container": "right",
+                    },
+                  },
+                },
+                "",
+              ],
+            ]
+        `);
+    });
+
+    it("Can call onNotReady before onReady has been called", () => {
+        // Just to quieten SonarCloud :-(
+
+        // @ts-ignore bypass private ctor for tests
+        const store = new WidgetLayoutStore();
+        // @ts-ignore calling private method
+        store.onNotReady();
+    });
+
+    describe("when feature_dynamic_room_predecessors is not enabled", () => {
+        beforeAll(() => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        });
+
+        it("passes the flag in to getVisibleRooms", async () => {
+            mocked(client.getVisibleRooms).mockRestore();
+            mocked(client.getVisibleRooms).mockReturnValue([]);
+            // @ts-ignore bypass private ctor for tests
+            const store = new WidgetLayoutStore();
+            await store.start();
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(false);
+        });
+    });
+
+    describe("when feature_dynamic_room_predecessors is enabled", () => {
+        beforeAll(() => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "feature_dynamic_room_predecessors",
+            );
+        });
+
+        it("passes the flag in to getVisibleRooms", async () => {
+            mocked(client.getVisibleRooms).mockRestore();
+            mocked(client.getVisibleRooms).mockReturnValue([]);
+            // @ts-ignore bypass private ctor for tests
+            const store = new WidgetLayoutStore();
+            await store.start();
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(true);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/__snapshots__/RoomViewStore-test.ts.snap b/apps/web/test/unit-tests/stores/__snapshots__/RoomViewStore-test.ts.snap
new file mode 100644
index 00000000000..b00ffdbfe26
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/__snapshots__/RoomViewStore-test.ts.snap
@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`RoomViewStore should display an error message when the room is unreachable via the roomId 1`] = `
+{
+  "description": <div>
+    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.
+    <br />
+    <br />
+    If you know a room address, try joining through that instead.
+  </div>,
+  "title": "Failed to join",
+}
+`;
+
+exports[`RoomViewStore should display an invite-specific error message when the room is unreachable 1`] = `
+{
+  "description": "The person who invited you has already left.",
+  "title": "Failed to join",
+}
+`;
+
+exports[`RoomViewStore should display an invite-specific error message when the room is unreachable 2`] = `
+{
+  "description": "The person who invited you has already left, or their server is offline.",
+  "title": "Failed to join",
+}
+`;
+
+exports[`RoomViewStore should display the generic error message when the roomId doesnt match 1`] = `
+{
+  "description": "MatrixError: [404] my 404 error",
+  "title": "Failed to join",
+}
+`;
diff --git a/apps/web/test/unit-tests/stores/message-preview/MessagePreviewStore-test.ts b/apps/web/test/unit-tests/stores/message-preview/MessagePreviewStore-test.ts
new file mode 100644
index 00000000000..6b7c2866b69
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/message-preview/MessagePreviewStore-test.ts
@@ -0,0 +1,457 @@
+/*
+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 Mocked, mocked } from "jest-mock";
+import {
+    EventStatus,
+    EventTimeline,
+    EventType,
+    M_POLL_KIND_DISCLOSED,
+    M_POLL_START,
+    M_TEXT,
+    type MatrixClient,
+    type MatrixEvent,
+    PendingEventOrdering,
+    RelationType,
+    Room,
+} from "matrix-js-sdk/src/matrix";
+
+import { MessagePreviewStore } from "../../../../src/stores/message-preview";
+import { mkEvent, mkMessage, mkReaction, setupAsyncStoreWithClient, stubClient } from "../../../test-utils";
+import { DefaultTagID } from "../../../../src/stores/room-list-v3/skip-list/tag";
+import { mkThread } from "../../../test-utils/threads";
+
+describe("MessagePreviewStore", () => {
+    let client: Mocked<MatrixClient>;
+    let room: Room;
+    let nonRenderedRoom: Room;
+    let store: MessagePreviewStore;
+
+    async function addEvent(
+        store: MessagePreviewStore,
+        room: Room,
+        event: MatrixEvent,
+        fireAction = true,
+    ): Promise<void> {
+        room.addLiveEvents([event], { addToState: true });
+        if (fireAction) {
+            // @ts-ignore private access
+            await store.onAction({
+                action: "MatrixActions.Room.timeline",
+                event,
+                isLiveEvent: true,
+                isLiveUnfilteredRoomTimelineEvent: true,
+                room,
+            });
+        }
+    }
+
+    async function addPendingEvent(
+        store: MessagePreviewStore,
+        room: Room,
+        event: MatrixEvent,
+        fireAction = true,
+    ): Promise<void> {
+        room.addPendingEvent(event, "txid");
+        if (fireAction) {
+            // @ts-ignore private access
+            await store.onLocalEchoUpdated(event, room);
+        }
+    }
+
+    async function updatePendingEvent(event: MatrixEvent, eventStatus: EventStatus, fireAction = true): Promise<void> {
+        room.updatePendingEvent(event, eventStatus);
+        if (fireAction) {
+            // @ts-ignore private access
+            await store.onLocalEchoUpdated(event, room);
+        }
+    }
+
+    beforeEach(async () => {
+        client = mocked(stubClient());
+        room = new Room("!roomId:server", client, client.getSafeUserId(), {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        nonRenderedRoom = new Room("!roomId2:server", client, client.getSafeUserId(), {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        mocked(client.getRoom).mockReturnValue(room);
+
+        store = MessagePreviewStore.testInstance();
+        await store.start();
+        await setupAsyncStoreWithClient(store, client);
+    });
+
+    it("should ignore edits for events other than the latest one", async () => {
+        const firstMessage = mkMessage({
+            user: "@sender:server",
+            event: true,
+            room: room.roomId,
+            msg: "First message",
+        });
+        await addEvent(store, room, firstMessage, false);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.Untagged))?.text).toMatchInlineSnapshot(
+            `"@sender:server: First message"`,
+        );
+
+        const secondMessage = mkMessage({
+            user: "@sender:server",
+            event: true,
+            room: room.roomId,
+            msg: "Second message",
+        });
+        await addEvent(store, room, secondMessage);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.Untagged))?.text).toMatchInlineSnapshot(
+            `"@sender:server: Second message"`,
+        );
+
+        const firstMessageEdit = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            user: "@sender:server",
+            room: room.roomId,
+            content: {
+                "body": "* First Message Edit",
+                "m.new_content": {
+                    body: "First Message Edit",
+                },
+                "m.relates_to": {
+                    rel_type: RelationType.Replace,
+                    event_id: firstMessage.getId()!,
+                },
+            },
+        });
+        await addEvent(store, room, firstMessageEdit);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.Untagged))?.text).toMatchInlineSnapshot(
+            `"@sender:server: Second message"`,
+        );
+
+        const secondMessageEdit = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            user: "@sender:server",
+            room: room.roomId,
+            content: {
+                "body": "* Second Message Edit",
+                "m.new_content": {
+                    body: "Second Message Edit",
+                },
+                "m.relates_to": {
+                    rel_type: RelationType.Replace,
+                    event_id: secondMessage.getId()!,
+                },
+            },
+        });
+        await addEvent(store, room, secondMessageEdit);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.Untagged))?.text).toMatchInlineSnapshot(
+            `"@sender:server: Second Message Edit"`,
+        );
+    });
+
+    it("should not display a redacted edit", async () => {
+        const firstMessage = mkMessage({
+            user: "@sender:server",
+            event: true,
+            room: room.roomId,
+            msg: "First message",
+        });
+        await addEvent(store, room, firstMessage, false);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.Untagged))?.text).toMatchInlineSnapshot(
+            `"@sender:server: First message"`,
+        );
+
+        const secondMessage = mkMessage({
+            user: "@sender:server",
+            event: true,
+            room: room.roomId,
+            msg: "Second message",
+        });
+        await addEvent(store, room, secondMessage);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.Untagged))?.text).toMatchInlineSnapshot(
+            `"@sender:server: Second message"`,
+        );
+
+        const secondMessageEdit = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            user: "@sender:server",
+            room: room.roomId,
+            content: {
+                "body": "* Second Message Edit",
+                "m.new_content": {
+                    body: "Second Message Edit",
+                },
+                "m.relates_to": {
+                    rel_type: RelationType.Replace,
+                    event_id: secondMessage.getId()!,
+                },
+            },
+        });
+        await addEvent(store, room, secondMessageEdit);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.Untagged))?.text).toMatchInlineSnapshot(
+            `"@sender:server: Second Message Edit"`,
+        );
+
+        secondMessage.makeRedacted(secondMessage, room);
+
+        await addEvent(store, room, secondMessage);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.Untagged))?.text).toMatchInlineSnapshot(
+            `"@sender:server: First message"`,
+        );
+    });
+
+    it("should ignore edits to unknown events", async () => {
+        await expect(store.getPreviewForRoom(room, DefaultTagID.DM)).resolves.toBeNull();
+
+        const firstMessage = mkMessage({
+            user: "@sender:server",
+            event: true,
+            room: room.roomId,
+            msg: "First message",
+        });
+        await addEvent(store, room, firstMessage, true);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.DM))?.text).toMatchInlineSnapshot(
+            `"@sender:server: First message"`,
+        );
+
+        const randomEdit = mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            user: "@sender:server",
+            room: room.roomId,
+            content: {
+                "body": "* Second Message Edit",
+                "m.new_content": {
+                    body: "Second Message Edit",
+                },
+                "m.relates_to": {
+                    rel_type: RelationType.Replace,
+                    event_id: "!other-event:server",
+                },
+            },
+        });
+        await addEvent(store, room, randomEdit);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.Untagged))?.text).toMatchInlineSnapshot(
+            `"@sender:server: First message"`,
+        );
+    });
+
+    it("should generate correct preview for message events in DMs", async () => {
+        room.getLiveTimeline().getState(EventTimeline.FORWARDS)!.getJoinedMemberCount = jest.fn().mockReturnValue(2);
+
+        await expect(store.getPreviewForRoom(room, DefaultTagID.DM)).resolves.toBeNull();
+
+        const firstMessage = mkMessage({
+            user: "@sender:server",
+            event: true,
+            room: room.roomId,
+            msg: "First message",
+        });
+        await addEvent(store, room, firstMessage);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.DM))?.text).toMatchInlineSnapshot(
+            `"@sender:server: First message"`,
+        );
+
+        const secondMessage = mkMessage({
+            user: "@sender:server",
+            event: true,
+            room: room.roomId,
+            msg: "Second message",
+        });
+        await addEvent(store, room, secondMessage);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.DM))?.text).toMatchInlineSnapshot(
+            `"@sender:server: Second message"`,
+        );
+    });
+
+    it("should generate the correct preview for a reaction", async () => {
+        const firstMessage = mkMessage({
+            user: "@sender:server",
+            event: true,
+            room: room.roomId,
+            msg: "First message",
+        });
+        await addEvent(store, room, firstMessage);
+
+        const reaction = mkReaction(firstMessage);
+        await addEvent(store, room, reaction);
+
+        const preview = await store.getPreviewForRoom(room, DefaultTagID.Untagged);
+        expect(preview).toBeDefined();
+        expect(preview?.isThreadReply).toBe(false);
+        expect(preview?.text).toMatchInlineSnapshot(`"@sender:server reacted 🙃 to First message"`);
+    });
+
+    it("should generate the correct preview for a reaction on a thread root", async () => {
+        const { rootEvent, thread } = mkThread({
+            room,
+            client,
+            authorId: client.getSafeUserId(),
+            participantUserIds: [client.getSafeUserId()],
+        });
+        await addEvent(store, room, rootEvent);
+
+        const reaction = mkReaction(rootEvent, { ts: 42 });
+        reaction.setThread(thread);
+        await addEvent(store, room, reaction);
+
+        const preview = await store.getPreviewForRoom(room, DefaultTagID.Untagged);
+        expect(preview).toBeDefined();
+        expect(preview?.isThreadReply).toBe(false);
+        expect(preview?.text).toContain("You reacted 🙃 to root event message");
+    });
+
+    it("should handle local echos correctly", async () => {
+        const firstMessage = mkMessage({
+            user: "@sender:server",
+            event: true,
+            room: room.roomId,
+            msg: "First message",
+        });
+
+        await addEvent(store, room, firstMessage);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.Untagged))?.text).toMatchInlineSnapshot(
+            `"@sender:server: First message"`,
+        );
+
+        const secondMessage = mkMessage({
+            user: "@sender:server",
+            event: true,
+            room: room.roomId,
+            msg: "Second message",
+        });
+        secondMessage.status = EventStatus.NOT_SENT;
+
+        await addPendingEvent(store, room, secondMessage);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.Untagged))?.text).toMatchInlineSnapshot(
+            `"@sender:server: Second message"`,
+        );
+
+        await updatePendingEvent(secondMessage, EventStatus.CANCELLED);
+
+        expect((await store.getPreviewForRoom(room, DefaultTagID.Untagged))?.text).toMatchInlineSnapshot(
+            `"@sender:server: First message"`,
+        );
+    });
+
+    it("should not generate previews for rooms not rendered", async () => {
+        const firstMessage = mkMessage({
+            user: "@sender:server",
+            event: true,
+            room: nonRenderedRoom.roomId,
+            msg: "First message",
+        });
+
+        await addEvent(store, room, firstMessage);
+
+        const secondMessage = mkMessage({
+            user: "@sender:server",
+            event: true,
+            room: nonRenderedRoom.roomId,
+            msg: "Second message",
+        });
+        secondMessage.status = EventStatus.NOT_SENT;
+
+        await addPendingEvent(store, room, secondMessage);
+
+        // @ts-ignore private access
+        expect(store.previews.has(nonRenderedRoom.roomId)).toBeFalsy();
+    });
+
+    describe("generatePreviewForEvent", () => {
+        it("should generate a preview for a message event", () => {
+            const message = mkMessage({
+                user: "@sender:server",
+                event: true,
+                room: room.roomId,
+                msg: "Hello world",
+            });
+
+            expect(store.generatePreviewForEvent(message)).toBe("Hello world");
+        });
+
+        it("should generate a preview for a sticker event", () => {
+            const sticker = mkEvent({
+                event: true,
+                type: EventType.Sticker,
+                user: "@sender:server",
+                room: room.roomId,
+                content: { body: "A sticker" },
+            });
+
+            expect(store.generatePreviewForEvent(sticker)).toBe("A sticker");
+        });
+
+        // Poll start events have both a stable and an unstable event type, each with its own
+        // registry entry, so exercise both.
+        it.each([M_POLL_START.name, M_POLL_START.altName])(
+            "should generate a preview for a poll start event (%s)",
+            (type) => {
+                const poll = mkEvent({
+                    event: true,
+                    type: type!,
+                    user: "@sender:server",
+                    room: room.roomId,
+                    content: {
+                        [M_POLL_START.name]: {
+                            question: { [M_TEXT.name]: "Where shall we eat?" },
+                            kind: M_POLL_KIND_DISCLOSED.name,
+                            answers: [
+                                { id: "pizza", [M_TEXT.name]: "Pizza" },
+                                { id: "sushi", [M_TEXT.name]: "Sushi" },
+                            ],
+                        },
+                    },
+                });
+
+                expect(store.generatePreviewForEvent(poll)).toBe("Where shall we eat?");
+            },
+        );
+
+        it.each([EventType.CallInvite, EventType.CallAnswer, EventType.CallHangup])(
+            "should generate a preview for a %s event",
+            (type) => {
+                const callEvent = mkEvent({
+                    event: true,
+                    type,
+                    user: "@sender:server",
+                    room: room.roomId,
+                    content: { call_id: "1" },
+                });
+
+                expect(store.generatePreviewForEvent(callEvent)).toBeTruthy();
+            },
+        );
+
+        it("should return an empty string for an event type without a previewer", () => {
+            const topicEvent = mkEvent({
+                event: true,
+                type: EventType.RoomTopic,
+                user: "@sender:server",
+                room: room.roomId,
+                content: { topic: "A new topic" },
+            });
+
+            expect(store.generatePreviewForEvent(topicEvent)).toBe("");
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/message-preview/previews/LegacyCallAnswerEventPreview-test.ts b/apps/web/test/unit-tests/stores/message-preview/previews/LegacyCallAnswerEventPreview-test.ts
new file mode 100644
index 00000000000..68bf4b6b177
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/message-preview/previews/LegacyCallAnswerEventPreview-test.ts
@@ -0,0 +1,79 @@
+/*
+ * 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 } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import { LegacyCallAnswerEventPreview } from "../../../../../src/stores/message-preview/previews/LegacyCallAnswerEventPreview";
+import { DefaultTagID } from "../../../../../src/stores/room-list-v3/skip-list/tag";
+import { mkEvent, stubClient } from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+
+describe("LegacyCallAnswerEventPreview", () => {
+    const preview = new LegacyCallAnswerEventPreview();
+    const roomId = "!room:example.com";
+
+    beforeAll(() => {
+        stubClient();
+    });
+
+    describe("getTextFor", () => {
+        describe("in a room that should be prefixed (non-DM)", () => {
+            // Default stub: getRoom returns null → shouldPrefixMessagesIn returns true
+
+            it("returns 'You joined the call' when the event is from self", () => {
+                const selfUserId = MatrixClientPeg.safeGet().getSafeUserId();
+                const event = mkEvent({
+                    event: true,
+                    type: "m.call.answer",
+                    content: {},
+                    user: selfUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event)).toBe("You joined the call");
+            });
+
+            it("returns '<sender> joined the call' when the event is from someone else", () => {
+                const otherUserId = "@other:example.com";
+                const event = mkEvent({
+                    event: true,
+                    type: "m.call.answer",
+                    content: {},
+                    user: otherUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event)).toBe(`${otherUserId} joined the call`);
+            });
+        });
+
+        describe("in a DM room (should not be prefixed)", () => {
+            beforeEach(() => {
+                const cli = MatrixClientPeg.safeGet();
+                // Make a 1:1 room so shouldPrefixMessagesIn returns false
+                const room = new Room(roomId, cli, cli.getSafeUserId());
+                jest.spyOn(room.currentState, "getJoinedMemberCount").mockReturnValue(2);
+                mocked(cli.getRoom).mockReturnValue(room);
+            });
+
+            afterEach(() => {
+                mocked(MatrixClientPeg.safeGet().getRoom).mockReturnValue(null);
+            });
+
+            it("returns 'Call in progress' regardless of sender", () => {
+                const otherUserId = "@other:example.com";
+                const event = mkEvent({
+                    event: true,
+                    type: "m.call.answer",
+                    content: {},
+                    user: otherUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event, DefaultTagID.DM)).toBe("Call in progress");
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/message-preview/previews/LegacyCallHangupEvent-test.ts b/apps/web/test/unit-tests/stores/message-preview/previews/LegacyCallHangupEvent-test.ts
new file mode 100644
index 00000000000..f98752673a6
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/message-preview/previews/LegacyCallHangupEvent-test.ts
@@ -0,0 +1,77 @@
+/*
+ * 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 } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import { LegacyCallHangupEvent } from "../../../../../src/stores/message-preview/previews/LegacyCallHangupEvent";
+import { DefaultTagID } from "../../../../../src/stores/room-list-v3/skip-list/tag";
+import { mkEvent, stubClient } from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+
+describe("LegacyCallHangupEvent", () => {
+    const preview = new LegacyCallHangupEvent();
+    const roomId = "!room:example.com";
+
+    beforeAll(() => {
+        stubClient();
+    });
+
+    describe("getTextFor", () => {
+        describe("in a room that should be prefixed (non-DM)", () => {
+            it("returns 'You ended the call' when the event is from self", () => {
+                const selfUserId = MatrixClientPeg.safeGet().getSafeUserId();
+                const event = mkEvent({
+                    event: true,
+                    type: "m.call.hangup",
+                    content: {},
+                    user: selfUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event)).toBe("You ended the call");
+            });
+
+            it("returns '<sender> ended the call' when the event is from someone else", () => {
+                const otherUserId = "@other:example.com";
+                const event = mkEvent({
+                    event: true,
+                    type: "m.call.hangup",
+                    content: {},
+                    user: otherUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event)).toBe(`${otherUserId} ended the call`);
+            });
+        });
+
+        describe("in a DM room (should not be prefixed)", () => {
+            beforeEach(() => {
+                const cli = MatrixClientPeg.safeGet();
+                // Make a 1:1 room so shouldPrefixMessagesIn returns false
+                const room = new Room(roomId, cli, cli.getSafeUserId());
+                jest.spyOn(room.currentState, "getJoinedMemberCount").mockReturnValue(2);
+                mocked(cli.getRoom).mockReturnValue(room);
+            });
+
+            afterEach(() => {
+                mocked(MatrixClientPeg.safeGet().getRoom).mockReturnValue(null);
+            });
+
+            it("returns 'Call ended' regardless of sender", () => {
+                const otherUserId = "@other:example.com";
+                const event = mkEvent({
+                    event: true,
+                    type: "m.call.hangup",
+                    content: {},
+                    user: otherUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event, DefaultTagID.DM)).toBe("Call ended");
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/message-preview/previews/LegacyCallInviteEventPreview-test.ts b/apps/web/test/unit-tests/stores/message-preview/previews/LegacyCallInviteEventPreview-test.ts
new file mode 100644
index 00000000000..a65c944da22
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/message-preview/previews/LegacyCallInviteEventPreview-test.ts
@@ -0,0 +1,89 @@
+/*
+ * 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 } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import { LegacyCallInviteEventPreview } from "../../../../../src/stores/message-preview/previews/LegacyCallInviteEventPreview";
+import { DefaultTagID } from "../../../../../src/stores/room-list-v3/skip-list/tag";
+import { mkEvent, stubClient } from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+
+describe("LegacyCallInviteEventPreview", () => {
+    const preview = new LegacyCallInviteEventPreview();
+    const roomId = "!room:example.com";
+
+    beforeAll(() => {
+        stubClient();
+    });
+
+    describe("getTextFor", () => {
+        describe("in a room that should be prefixed (non-DM)", () => {
+            it("returns 'You started a call' when the event is from self", () => {
+                const selfUserId = MatrixClientPeg.safeGet().getSafeUserId();
+                const event = mkEvent({
+                    event: true,
+                    type: "m.call.invite",
+                    content: {},
+                    user: selfUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event)).toBe("You started a call");
+            });
+
+            it("returns '<sender> started a call' when the event is from someone else", () => {
+                const otherUserId = "@other:example.com";
+                const event = mkEvent({
+                    event: true,
+                    type: "m.call.invite",
+                    content: {},
+                    user: otherUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event)).toBe(`${otherUserId} started a call`);
+            });
+        });
+
+        describe("in a DM room (should not be prefixed)", () => {
+            beforeEach(() => {
+                const cli = MatrixClientPeg.safeGet();
+                // Make a 1:1 room so shouldPrefixMessagesIn returns false
+                const room = new Room(roomId, cli, cli.getSafeUserId());
+                jest.spyOn(room.currentState, "getJoinedMemberCount").mockReturnValue(2);
+                mocked(cli.getRoom).mockReturnValue(room);
+            });
+
+            afterEach(() => {
+                mocked(MatrixClientPeg.safeGet().getRoom).mockReturnValue(null);
+            });
+
+            it("returns 'Waiting for answer' when the event is from self", () => {
+                const selfUserId = MatrixClientPeg.safeGet().getSafeUserId();
+                const event = mkEvent({
+                    event: true,
+                    type: "m.call.invite",
+                    content: {},
+                    user: selfUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event, DefaultTagID.DM)).toBe("Waiting for answer");
+            });
+
+            it("returns '<sender> is calling' when the event is from someone else", () => {
+                const otherUserId = "@other:example.com";
+                const event = mkEvent({
+                    event: true,
+                    type: "m.call.invite",
+                    content: {},
+                    user: otherUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event, DefaultTagID.DM)).toBe(`${otherUserId} is calling`);
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/message-preview/previews/MessageEventPreview-test.ts b/apps/web/test/unit-tests/stores/message-preview/previews/MessageEventPreview-test.ts
new file mode 100644
index 00000000000..5ee7a744577
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/message-preview/previews/MessageEventPreview-test.ts
@@ -0,0 +1,76 @@
+/*
+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 { RelationType } from "matrix-js-sdk/src/matrix";
+
+// Import directly from the file to avoid circular dependencies with MessagePreviewStore
+import { MessageEventPreview } from "../../../../../src/stores/message-preview/previews/MessageEventPreview";
+import { mkEvent, stubClient } from "../../../../test-utils";
+
+describe("MessageEventPreview", () => {
+    const preview = new MessageEventPreview();
+    const userId = "@user:example.com";
+
+    beforeAll(() => {
+        stubClient();
+    });
+
+    describe("getTextFor", () => {
+        it("when called with an event with empty content should return null", () => {
+            const event = mkEvent({
+                event: true,
+                content: {},
+                user: userId,
+                type: "m.room.message",
+            });
+            expect(preview.getTextFor(event)).toBeNull();
+        });
+
+        it("when called with an event with empty body should return null", () => {
+            const event = mkEvent({
+                event: true,
+                content: {
+                    body: "",
+                },
+                user: userId,
+                type: "m.room.message",
+            });
+            expect(preview.getTextFor(event)).toBeNull();
+        });
+
+        it("when called with an event with body should return »user: body«", () => {
+            const event = mkEvent({
+                event: true,
+                content: {
+                    body: "test body",
+                },
+                user: userId,
+                type: "m.room.message",
+            });
+            expect(preview.getTextFor(event)).toBe(`${userId}: test body`);
+        });
+
+        it("when called for a replaced event with new content should return the new content body", () => {
+            const event = mkEvent({
+                event: true,
+                content: {
+                    ["m.new_content"]: {
+                        body: "test new content body",
+                    },
+                    ["m.relates_to"]: {
+                        rel_type: RelationType.Replace,
+                        event_id: "$asd123",
+                    },
+                },
+                user: userId,
+                type: "m.room.message",
+            });
+            expect(preview.getTextFor(event)).toBe(`${userId}: test new content body`);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/message-preview/previews/PollStartEventPreview-test.ts b/apps/web/test/unit-tests/stores/message-preview/previews/PollStartEventPreview-test.ts
new file mode 100644
index 00000000000..24c0c0ddd3f
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/message-preview/previews/PollStartEventPreview-test.ts
@@ -0,0 +1,37 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+// Import directly from the file to avoid circular dependencies with MessagePreviewStore
+import { PollStartEventPreview } from "../../../../../src/stores/message-preview/previews/PollStartEventPreview";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+import { makePollStartEvent } from "../../../../test-utils";
+
+jest.spyOn(MatrixClientPeg, "get").mockReturnValue({
+    getUserId: () => "@me:example.com",
+    getSafeUserId: () => "@me:example.com",
+} as unknown as MatrixClient);
+jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue({
+    getUserId: () => "@me:example.com",
+    getSafeUserId: () => "@me:example.com",
+} as unknown as MatrixClient);
+
+describe("PollStartEventPreview", () => {
+    it("shows the question for a poll I created", async () => {
+        const pollStartEvent = makePollStartEvent("My Question", "@me:example.com");
+        const preview = new PollStartEventPreview();
+        expect(preview.getTextFor(pollStartEvent)).toBe("My Question");
+    });
+
+    it("shows the sender and question for a poll created by someone else", async () => {
+        const pollStartEvent = makePollStartEvent("Your Question", "@yo:example.com");
+        const preview = new PollStartEventPreview();
+        expect(preview.getTextFor(pollStartEvent)).toBe("@yo:example.com: Your Question");
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/message-preview/previews/ReactionEventPreview-test.ts b/apps/web/test/unit-tests/stores/message-preview/previews/ReactionEventPreview-test.ts
new file mode 100644
index 00000000000..56e8ddb7f92
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/message-preview/previews/ReactionEventPreview-test.ts
@@ -0,0 +1,132 @@
+/*
+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 { RelationType, Room, RoomMember } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import { mkEvent, stubClient } from "../../../../test-utils";
+import { ReactionEventPreview } from "../../../../../src/stores/message-preview/previews/ReactionEventPreview";
+import { MessagePreviewStore } from "../../../../../src/stores/message-preview";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+
+describe("ReactionEventPreview", () => {
+    const preview = new ReactionEventPreview(MessagePreviewStore.instance);
+    const userId = "@user:example.com";
+    const roomId = "!room:example.com";
+
+    beforeAll(() => {
+        stubClient();
+    });
+
+    describe("getTextFor", () => {
+        it("should return null for non-relations", () => {
+            const event = mkEvent({
+                event: true,
+                content: {},
+                user: userId,
+                type: "m.room.message",
+                room: roomId,
+            });
+            expect(preview.getTextFor(event)).toBeNull();
+        });
+
+        it("should return null for non-reactions", () => {
+            const event = mkEvent({
+                event: true,
+                content: {
+                    "body": "",
+                    "m.relates_to": {
+                        rel_type: RelationType.Thread,
+                        event_id: "$foo:bar",
+                    },
+                },
+                user: userId,
+                type: "m.room.message",
+                room: roomId,
+            });
+            expect(preview.getTextFor(event)).toBeNull();
+        });
+
+        it("should use 'You' for your own reactions", () => {
+            const cli = MatrixClientPeg.safeGet();
+            const room = new Room(roomId, cli, userId);
+            mocked(cli.getRoom).mockReturnValue(room);
+
+            const message = mkEvent({
+                event: true,
+                content: {
+                    "body": "duck duck goose",
+                    "m.relates_to": {
+                        rel_type: RelationType.Thread,
+                        event_id: "$foo:bar",
+                    },
+                },
+                user: userId,
+                type: "m.room.message",
+                room: roomId,
+            });
+
+            room.getUnfilteredTimelineSet().addLiveEvent(message, { addToState: true });
+
+            const event = mkEvent({
+                event: true,
+                content: {
+                    "m.relates_to": {
+                        rel_type: RelationType.Annotation,
+                        key: "🪿",
+                        event_id: message.getId(),
+                    },
+                },
+                user: cli.getSafeUserId(),
+                type: "m.reaction",
+                room: roomId,
+            });
+            expect(preview.getTextFor(event)).toMatchInlineSnapshot(`"You reacted 🪿 to duck duck goose"`);
+        });
+
+        it("should use display name for your others' reactions", () => {
+            const cli = MatrixClientPeg.safeGet();
+            const room = new Room(roomId, cli, userId);
+            mocked(cli.getRoom).mockReturnValue(room);
+
+            const message = mkEvent({
+                event: true,
+                content: {
+                    "body": "duck duck goose",
+                    "m.relates_to": {
+                        rel_type: RelationType.Thread,
+                        event_id: "$foo:bar",
+                    },
+                },
+                user: userId,
+                type: "m.room.message",
+                room: roomId,
+            });
+
+            room.getUnfilteredTimelineSet().addLiveEvent(message, { addToState: true });
+
+            const event = mkEvent({
+                event: true,
+                content: {
+                    "m.relates_to": {
+                        rel_type: RelationType.Annotation,
+                        key: "🪿",
+                        event_id: message.getId(),
+                    },
+                },
+                user: userId,
+                type: "m.reaction",
+                room: roomId,
+            });
+            event.sender = new RoomMember(roomId, userId);
+            event.sender.name = "Bob";
+
+            expect(preview.getTextFor(event)).toMatchInlineSnapshot(`"Bob reacted 🪿 to duck duck goose"`);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/message-preview/previews/StickerEventPreview-test.ts b/apps/web/test/unit-tests/stores/message-preview/previews/StickerEventPreview-test.ts
new file mode 100644
index 00000000000..27454c841ec
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/message-preview/previews/StickerEventPreview-test.ts
@@ -0,0 +1,115 @@
+/*
+ * 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 } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import { StickerEventPreview } from "../../../../../src/stores/message-preview/previews/StickerEventPreview";
+import { DefaultTagID } from "../../../../../src/stores/room-list-v3/skip-list/tag";
+import { mkEvent, stubClient } from "../../../../test-utils";
+import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
+
+describe("StickerEventPreview", () => {
+    const preview = new StickerEventPreview();
+    const roomId = "!room:example.com";
+
+    beforeAll(() => {
+        stubClient();
+    });
+
+    describe("getTextFor", () => {
+        it("returns null when the event has no body", () => {
+            const event = mkEvent({
+                event: true,
+                type: "m.sticker",
+                content: {},
+                user: "@other:example.com",
+                room: roomId,
+            });
+            expect(preview.getTextFor(event)).toBeNull();
+        });
+
+        it("returns null when the body is an empty string", () => {
+            const event = mkEvent({
+                event: true,
+                type: "m.sticker",
+                content: { body: "" },
+                user: "@other:example.com",
+                room: roomId,
+            });
+            expect(preview.getTextFor(event)).toBeNull();
+        });
+
+        describe("in a room that should be prefixed (non-DM)", () => {
+            // Default stub: getRoom returns null → shouldPrefixMessagesIn returns true
+
+            it("returns '<sender>: <stickerName>' when the event is from someone else", () => {
+                const otherUserId = "@other:example.com";
+                const event = mkEvent({
+                    event: true,
+                    type: "m.sticker",
+                    content: { body: "wave" },
+                    user: otherUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event)).toBe(`${otherUserId}: wave`);
+            });
+
+            it("returns just the sticker name when the event is from self", () => {
+                const selfUserId = MatrixClientPeg.safeGet().getSafeUserId();
+                const event = mkEvent({
+                    event: true,
+                    type: "m.sticker",
+                    content: { body: "wave" },
+                    user: selfUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event)).toBe("wave");
+            });
+        });
+
+        describe("in a DM room (should not be prefixed)", () => {
+            beforeEach(() => {
+                const cli = MatrixClientPeg.safeGet();
+                // Make a 1:1 room so shouldPrefixMessagesIn returns false
+                const room = new Room(roomId, cli, cli.getSafeUserId());
+                jest.spyOn(room.currentState, "getJoinedMemberCount").mockReturnValue(2);
+                mocked(cli.getRoom).mockReturnValue(room);
+            });
+
+            afterEach(() => {
+                mocked(MatrixClientPeg.safeGet().getRoom).mockReturnValue(null);
+            });
+
+            it("returns just the sticker name regardless of sender", () => {
+                const otherUserId = "@other:example.com";
+                const event = mkEvent({
+                    event: true,
+                    type: "m.sticker",
+                    content: { body: "wave" },
+                    user: otherUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event, DefaultTagID.DM)).toBe("wave");
+            });
+        });
+
+        describe("in a thread", () => {
+            it("returns just the sticker name regardless of sender", () => {
+                const otherUserId = "@other:example.com";
+                const event = mkEvent({
+                    event: true,
+                    type: "m.sticker",
+                    content: { body: "wave" },
+                    user: otherUserId,
+                    room: roomId,
+                });
+                expect(preview.getTextFor(event, undefined, true)).toBe("wave");
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/right-panel/RightPanelStore-test.ts b/apps/web/test/unit-tests/stores/right-panel/RightPanelStore-test.ts
new file mode 100644
index 00000000000..bed26a1cac1
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/right-panel/RightPanelStore-test.ts
@@ -0,0 +1,245 @@
+/*
+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 { mocked, type MockedObject } from "jest-mock";
+import { type MatrixClient, RoomMember } from "matrix-js-sdk/src/matrix";
+
+import { stubClient } from "../../../test-utils";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import DMRoomMap from "../../../../src/utils/DMRoomMap";
+import { Action } from "../../../../src/dispatcher/actions";
+import defaultDispatcher from "../../../../src/dispatcher/dispatcher";
+import { type ActiveRoomChangedPayload } from "../../../../src/dispatcher/payloads/ActiveRoomChangedPayload";
+import RightPanelStore from "../../../../src/stores/right-panel/RightPanelStore";
+import { RightPanelPhases } from "../../../../src/stores/right-panel/RightPanelStorePhases";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import { pendingVerificationRequestForUser } from "../../../../src/verification.ts";
+
+jest.mock("../../../../src/verification");
+
+describe("RightPanelStore", () => {
+    // Mock out the settings store so the right panel store can't persist values between tests
+    jest.spyOn(SettingsStore, "setValue").mockImplementation(async () => {});
+
+    const store = RightPanelStore.instance;
+    let cli: MockedObject<MatrixClient>;
+    beforeEach(() => {
+        stubClient();
+        cli = mocked(MatrixClientPeg.safeGet());
+        DMRoomMap.makeShared(cli);
+
+        // Make sure we start with a clean store
+        store.reset();
+        store.useUnitTestClient(cli);
+    });
+
+    const viewRoom = async (roomId: string) => {
+        const roomChanged = new Promise<void>((resolve) => {
+            const ref = defaultDispatcher.register((payload) => {
+                if (payload.action === Action.ActiveRoomChanged && payload.newRoomId === roomId) {
+                    defaultDispatcher.unregister(ref);
+                    resolve();
+                }
+            });
+        });
+
+        defaultDispatcher.dispatch<ActiveRoomChangedPayload>({
+            action: Action.ActiveRoomChanged,
+            oldRoomId: null,
+            newRoomId: roomId,
+        });
+
+        await roomChanged;
+    };
+
+    const setCard = (roomId: string, phase: RightPanelPhases) => store.setCard({ phase }, true, roomId);
+
+    describe("isOpen", () => {
+        it("is false if no rooms are open", () => {
+            expect(store.isOpen).toEqual(false);
+        });
+        it("is false if a room other than the current room is open", async () => {
+            await viewRoom("!1:example.org");
+            setCard("!2:example.org", RightPanelPhases.RoomSummary);
+            expect(store.isOpen).toEqual(false);
+        });
+        it("is true if the current room is open", async () => {
+            await viewRoom("!1:example.org");
+            setCard("!1:example.org", RightPanelPhases.RoomSummary);
+            expect(store.isOpen).toEqual(true);
+        });
+    });
+
+    describe("currentCard", () => {
+        it("has a phase of null if nothing is open", () => {
+            expect(store.currentCard.phase).toEqual(null);
+        });
+        it("has a phase of null if the panel is open but in another room", async () => {
+            await viewRoom("!1:example.org");
+            setCard("!2:example.org", RightPanelPhases.RoomSummary);
+            expect(store.currentCard.phase).toEqual(null);
+        });
+        it("reflects the phase of the current room", async () => {
+            await viewRoom("!1:example.org");
+            setCard("!1:example.org", RightPanelPhases.RoomSummary);
+            expect(store.currentCard.phase).toEqual(RightPanelPhases.RoomSummary);
+        });
+    });
+
+    describe("setCard", () => {
+        it("does nothing if given no room ID and not viewing a room", () => {
+            store.setCard({ phase: RightPanelPhases.RoomSummary }, true);
+            expect(store.isOpen).toEqual(false);
+            expect(store.currentCard.phase).toEqual(null);
+        });
+        it("does nothing if given an invalid state", async () => {
+            await viewRoom("!1:example.org");
+            // Needs a member specified to be valid
+            store.setCard({ phase: RightPanelPhases.MemberInfo }, true, "!1:example.org");
+            expect(store.roomPhaseHistory).toEqual([]);
+        });
+        it("only creates a single history entry if given the same card twice", async () => {
+            await viewRoom("!1:example.org");
+            store.setCard({ phase: RightPanelPhases.RoomSummary }, true, "!1:example.org");
+            store.setCard({ phase: RightPanelPhases.RoomSummary }, true, "!1:example.org");
+            expect(store.roomPhaseHistory).toEqual([{ phase: RightPanelPhases.RoomSummary, state: {} }]);
+        });
+        it("opens the panel in the given room with the correct phase", () => {
+            store.setCard({ phase: RightPanelPhases.RoomSummary }, true, "!1:example.org");
+            expect(store.isOpenForRoom("!1:example.org")).toEqual(true);
+            expect(store.currentCardForRoom("!1:example.org").phase).toEqual(RightPanelPhases.RoomSummary);
+        });
+        it("history is generated for certain phases", async () => {
+            await viewRoom("!1:example.org");
+            // Setting the memberlist card should also generate a history with room summary card
+            store.setCard({ phase: RightPanelPhases.MemberList }, true, "!1:example.org");
+            expect(store.roomPhaseHistory).toEqual([
+                { phase: RightPanelPhases.RoomSummary, state: {} },
+                { phase: RightPanelPhases.MemberList, state: {} },
+            ]);
+        });
+    });
+
+    describe("setCards", () => {
+        it("overwrites history", async () => {
+            await viewRoom("!1:example.org");
+            store.setCard({ phase: RightPanelPhases.MemberList }, true, "!1:example.org");
+            store.setCards(
+                [{ phase: RightPanelPhases.RoomSummary }, { phase: RightPanelPhases.PinnedMessages }],
+                true,
+                "!1:example.org",
+            );
+            expect(store.roomPhaseHistory).toEqual([
+                { phase: RightPanelPhases.RoomSummary, state: {} },
+                { phase: RightPanelPhases.PinnedMessages, state: {} },
+            ]);
+        });
+    });
+
+    describe("pushCard", () => {
+        it("does nothing if given no room ID and not viewing a room", () => {
+            store.pushCard({ phase: RightPanelPhases.RoomSummary }, true);
+            expect(store.isOpen).toEqual(false);
+            expect(store.currentCard.phase).toEqual(null);
+        });
+        it("opens the panel in the given room with the correct phase", () => {
+            store.pushCard({ phase: RightPanelPhases.RoomSummary }, true, "!1:example.org");
+            expect(store.isOpenForRoom("!1:example.org")).toEqual(true);
+            expect(store.currentCardForRoom("!1:example.org").phase).toEqual(RightPanelPhases.RoomSummary);
+        });
+        it("appends the phase to any phases that were there before", async () => {
+            await viewRoom("!1:example.org");
+            store.setCard({ phase: RightPanelPhases.RoomSummary }, true, "!1:example.org");
+            store.pushCard({ phase: RightPanelPhases.PinnedMessages }, true, "!1:example.org");
+            expect(store.roomPhaseHistory).toEqual([
+                { phase: RightPanelPhases.RoomSummary, state: {} },
+                { phase: RightPanelPhases.PinnedMessages, state: {} },
+            ]);
+        });
+    });
+
+    describe("popCard", () => {
+        it("removes the most recent card", () => {
+            store.setCards(
+                [{ phase: RightPanelPhases.RoomSummary }, { phase: RightPanelPhases.PinnedMessages }],
+                true,
+                "!1:example.org",
+            );
+            expect(store.currentCardForRoom("!1:example.org").phase).toEqual(RightPanelPhases.PinnedMessages);
+            store.popCard("!1:example.org");
+            expect(store.currentCardForRoom("!1:example.org").phase).toEqual(RightPanelPhases.RoomSummary);
+        });
+    });
+
+    describe("togglePanel", () => {
+        it("does nothing if the room has no phase to open to", () => {
+            expect(store.isOpenForRoom("!1:example.org")).toEqual(false);
+            store.togglePanel("!1:example.org");
+            expect(store.isOpenForRoom("!1:example.org")).toEqual(false);
+        });
+        it("works if a room is specified", () => {
+            store.setCard({ phase: RightPanelPhases.RoomSummary }, true, "!1:example.org");
+            expect(store.isOpenForRoom("!1:example.org")).toEqual(true);
+            store.togglePanel("!1:example.org");
+            expect(store.isOpenForRoom("!1:example.org")).toEqual(false);
+            store.togglePanel("!1:example.org");
+            expect(store.isOpenForRoom("!1:example.org")).toEqual(true);
+        });
+        it("operates on the current room if no room is specified", async () => {
+            await viewRoom("!1:example.org");
+            store.setCard({ phase: RightPanelPhases.RoomSummary }, true);
+            expect(store.isOpen).toEqual(true);
+            store.togglePanel(null);
+            expect(store.isOpen).toEqual(false);
+            store.togglePanel(null);
+            expect(store.isOpen).toEqual(true);
+        });
+    });
+
+    it("doesn't restore member info cards when switching back to a room", async () => {
+        await viewRoom("!1:example.org");
+        store.setCards(
+            [
+                {
+                    phase: RightPanelPhases.MemberList,
+                },
+                {
+                    phase: RightPanelPhases.MemberInfo,
+                    state: { member: new RoomMember("!1:example.org", "@alice:example.org") },
+                },
+            ],
+            true,
+            "!1:example.org",
+        );
+        expect(store.currentCardForRoom("!1:example.org").phase).toEqual(RightPanelPhases.MemberInfo);
+
+        // Switch away and back
+        await viewRoom("!2:example.org");
+        await viewRoom("!1:example.org");
+        expect(store.currentCardForRoom("!1:example.org").phase).toEqual(RightPanelPhases.MemberList);
+    });
+
+    it("should redirect to verification if set to phase MemberInfo for a user with a pending verification", async () => {
+        const member = new RoomMember("!1:example.org", "@alice:example.org");
+        const verificationRequest = { mockVerificationRequest: true } as any;
+        mocked(pendingVerificationRequestForUser).mockReturnValue(verificationRequest);
+        await viewRoom("!1:example.org");
+        store.setCard(
+            {
+                phase: RightPanelPhases.MemberInfo,
+                state: { member },
+            },
+            true,
+            "!1:example.org",
+        );
+        expect(store.currentCard).toEqual({
+            phase: RightPanelPhases.EncryptionPanel,
+            state: { member, verificationRequest },
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/right-panel/action-handlers/View3pidInvite-test.ts b/apps/web/test/unit-tests/stores/right-panel/action-handlers/View3pidInvite-test.ts
new file mode 100644
index 00000000000..3230101cb71
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/right-panel/action-handlers/View3pidInvite-test.ts
@@ -0,0 +1,50 @@
+/*
+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 MockedObject } from "jest-mock";
+import { EventType, MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { Action } from "../../../../../src/dispatcher/actions";
+import { onView3pidInvite } from "../../../../../src/stores/right-panel/action-handlers";
+import type RightPanelStore from "../../../../../src/stores/right-panel/RightPanelStore";
+import { RightPanelPhases } from "../../../../../src/stores/right-panel/RightPanelStorePhases";
+
+describe("onView3pidInvite()", () => {
+    let rightPanelStore!: MockedObject<RightPanelStore>;
+
+    beforeEach(() => {
+        rightPanelStore = {
+            pushCard: jest.fn(),
+            showOrHidePhase: jest.fn(),
+        } as unknown as MockedObject<RightPanelStore>;
+    });
+
+    it("should display room member list when payload has a falsy event", () => {
+        const payload = {
+            action: Action.View3pidInvite,
+        };
+        onView3pidInvite(payload, rightPanelStore);
+
+        expect(rightPanelStore.showOrHidePhase).toHaveBeenCalledWith(RightPanelPhases.MemberList);
+        expect(rightPanelStore.pushCard).not.toHaveBeenCalled();
+    });
+
+    it("should push a 3pid member card on the right panel stack when payload has an event", () => {
+        const payload = {
+            action: Action.View3pidInvite,
+            event: new MatrixEvent({ type: EventType.RoomThirdPartyInvite }),
+        };
+        onView3pidInvite(payload, rightPanelStore);
+
+        expect(rightPanelStore.showOrHidePhase).not.toHaveBeenCalled();
+        expect(rightPanelStore.pushCard).toHaveBeenCalledWith({
+            phase: RightPanelPhases.ThreePidMemberInfo,
+            state: { memberInfoEvent: payload.event },
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/room-list-v3/RoomListStoreV3-test.ts b/apps/web/test/unit-tests/stores/room-list-v3/RoomListStoreV3-test.ts
new file mode 100644
index 00000000000..bf6a36d84bb
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/room-list-v3/RoomListStoreV3-test.ts
@@ -0,0 +1,1443 @@
+/*
+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 { EventType, KnownMembership, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { mocked } from "jest-mock";
+
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+import type { RoomNotificationState } from "../../../../src/stores/notifications/RoomNotificationState";
+import {
+    LISTS_UPDATE_EVENT,
+    ROOM_TAGGED_EVENT,
+    SECTION_CREATED_EVENT,
+    RoomListStoreV3Class,
+    type Section,
+} from "../../../../src/stores/room-list-v3/RoomListStoreV3";
+import * as sectionModule from "../../../../src/stores/room-list-v3/section";
+import { AsyncStoreWithClient } from "../../../../src/stores/AsyncStoreWithClient";
+import { RecencySorter } from "../../../../src/stores/room-list-v3/skip-list/sorters/RecencySorter";
+import { mkEvent, mkMessage, mkSpace, mkStubRoom, stubClient, upsertRoomStateEvents } from "../../../test-utils";
+import { getMockedRooms } from "./skip-list/getMockedRooms";
+import { AlphabeticSorter } from "../../../../src/stores/room-list-v3/skip-list/sorters/AlphabeticSorter";
+import dispatcher from "../../../../src/dispatcher/dispatcher";
+import { MetaSpace, UPDATE_SELECTED_SPACE } from "../../../../src/stores/spaces";
+import { DefaultTagID } from "../../../../src/stores/room-list-v3/skip-list/tag";
+import { FilterEnum } from "../../../../src/stores/room-list-v3/skip-list/filters";
+import { RoomNotificationStateStore } from "../../../../src/stores/notifications/RoomNotificationStateStore";
+import DMRoomMap from "../../../../src/utils/DMRoomMap";
+import { SortingAlgorithm } from "../../../../src/stores/room-list-v3/skip-list/sorters";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import * as utils from "../../../../src/utils/notifications";
+import * as utilsRLS from "../../../../src/stores/room-list-v3/utils.ts";
+import { Action } from "../../../../src/dispatcher/actions";
+import { SettingLevel } from "../../../../src/settings/SettingLevel.ts";
+import { CHATS_TAG } from "../../../../src/stores/room-list-v3/section";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass.ts";
+
+describe("RoomListStoreV3", () => {
+    async function getRoomListStore() {
+        const client = stubClient();
+        const rooms = getMockedRooms(client);
+        client.getVisibleRooms = jest.fn().mockReturnValue(rooms);
+        jest.spyOn(AsyncStoreWithClient.prototype, "matrixClient", "get").mockReturnValue(client);
+        const store = new RoomListStoreV3Class(dispatcher);
+        await store.start();
+        return { client, rooms, store, dispatcher };
+    }
+
+    beforeEach(() => {
+        jest.spyOn(global, "requestAnimationFrame").mockImplementation((cb: FrameRequestCallback) => {
+            cb(0);
+            return 0;
+        });
+        jest.spyOn(SDKContextClass.instance.spaceStore, "isRoomInSpace").mockImplementation(
+            (space) => space === MetaSpace.Home,
+        );
+        jest.spyOn(SDKContextClass.instance.spaceStore, "activeSpace", "get").mockImplementation(() => MetaSpace.Home);
+        jest.spyOn(SDKContextClass.instance.spaceStore, "storeReadyPromise", "get").mockImplementation(() =>
+            Promise.resolve(),
+        );
+        jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockImplementation((room) => {
+            const state = {
+                isUnread: false,
+            } as unknown as RoomNotificationState;
+            return state;
+        });
+        jest.spyOn(DMRoomMap, "shared").mockImplementation((() => {
+            return {
+                getUserIdForRoomId: (id) => "",
+            };
+        }) as () => DMRoomMap);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("Provides an unsorted list of rooms", async () => {
+        const { store, rooms } = await getRoomListStore();
+        expect(store.getRooms()).toEqual(rooms);
+    });
+
+    it("Provides a sorted list of rooms", async () => {
+        const { store, rooms, client } = await getRoomListStore();
+        const sorter = new RecencySorter(client.getSafeUserId());
+        const sortedRooms = sorter.sort(rooms);
+        expect(store.getSortedRooms()).toEqual(sortedRooms);
+    });
+
+    it("Provides a way to resort", async () => {
+        const { store, rooms, client } = await getRoomListStore();
+
+        // List is sorted by recency, sort by alphabetical now
+        store.resort(SortingAlgorithm.Alphabetic);
+        let sortedRooms = new AlphabeticSorter().sort(rooms);
+        expect(store.getSortedRooms()).toEqual(sortedRooms);
+        expect(store.activeSortAlgorithm).toEqual(SortingAlgorithm.Alphabetic);
+
+        // Go back to recency sorting
+        store.resort(SortingAlgorithm.Recency);
+        sortedRooms = new RecencySorter(client.getSafeUserId()).sort(rooms);
+        expect(store.getSortedRooms()).toEqual(sortedRooms);
+        expect(store.activeSortAlgorithm).toEqual(SortingAlgorithm.Recency);
+    });
+
+    it("Uses preferred sorter on startup", async () => {
+        jest.spyOn(SettingsStore, "getValue").mockImplementation(() => {
+            return SortingAlgorithm.Alphabetic;
+        });
+        const { store } = await getRoomListStore();
+        expect(store.activeSortAlgorithm).toEqual(SortingAlgorithm.Alphabetic);
+    });
+
+    describe("Updates", () => {
+        it("Room is re-inserted on timeline event", async () => {
+            const { store, rooms, dispatcher } = await getRoomListStore();
+
+            // 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: "@foo3:matrix.org", ts: 1000, event: true });
+            jest.spyOn(room.getLiveTimeline(), "getEvents").mockReturnValue([event]);
+
+            const payload = {
+                action: "MatrixActions.Room.timeline",
+                event,
+                isLiveEvent: true,
+                isLiveUnfilteredRoomTimelineEvent: true,
+                room,
+            };
+
+            const fn = jest.fn();
+            store.on(LISTS_UPDATE_EVENT, fn);
+            dispatcher.dispatch(payload, true);
+
+            expect(fn).toHaveBeenCalled();
+            expect(store.getSortedRooms()[0].roomId).toEqual(room.roomId);
+        });
+
+        it("Forgotten room is removed", async () => {
+            const { store, rooms, dispatcher } = await getRoomListStore();
+            const room = rooms[37];
+
+            // Room at index 37 should be in the store now
+            expect(store.getSortedRooms().map((r) => r.roomId)).toContain(room.roomId);
+
+            // Forget room at index 37
+            const payload = {
+                action: Action.AfterForgetRoom,
+                room: room,
+            };
+            const fn = jest.fn();
+            store.on(LISTS_UPDATE_EVENT, fn);
+            dispatcher.dispatch(payload, true);
+
+            // Room at index 37 should no longer be in the store
+            expect(fn).toHaveBeenCalled();
+            expect(store.getSortedRooms().map((r) => r.roomId)).not.toContain(room.roomId);
+        });
+
+        it.each([KnownMembership.Join, KnownMembership.Invite])(
+            "Room is removed when membership changes to leave",
+            async (membership) => {
+                const { store, rooms, dispatcher } = await getRoomListStore();
+
+                // Let's say the user leaves room at index 37
+                const room = rooms[37];
+
+                const payload = {
+                    action: "MatrixActions.Room.myMembership",
+                    oldMembership: membership,
+                    membership: KnownMembership.Leave,
+                    room,
+                };
+
+                const fn = jest.fn();
+                store.on(LISTS_UPDATE_EVENT, fn);
+                dispatcher.dispatch(payload, true);
+
+                expect(fn).toHaveBeenCalled();
+                expect(store.getSortedRooms()).not.toContain(room);
+            },
+        );
+
+        it("Room is not removed when user is kicked", async () => {
+            const { store, rooms, dispatcher, client } = await getRoomListStore();
+
+            // Let's say the user gets kicked out of room at index 37
+            const room = rooms[37];
+            const mockMember = room.getMember(client.getSafeUserId())!;
+            mockMember.isKicked = () => true;
+            room.getMember = () => mockMember;
+
+            const payload = {
+                action: "MatrixActions.Room.myMembership",
+                oldMembership: KnownMembership.Join,
+                membership: KnownMembership.Leave,
+                room,
+            };
+
+            const fn = jest.fn();
+            store.on(LISTS_UPDATE_EVENT, fn);
+            dispatcher.dispatch(payload, true);
+
+            expect(fn).toHaveBeenCalled();
+            expect(store.getSortedRooms()).toContain(room);
+        });
+
+        it("Predecessor room is removed on room upgrade", async () => {
+            const { store, rooms, client, dispatcher } = await getRoomListStore();
+            // Let's say that !foo32:matrix.org is being upgraded
+            const oldRoom = rooms[32];
+            // Create a new room with a predecessor event that points to oldRoom
+            const newRoom = new Room("!foonew:matrix.org", client, client.getSafeUserId(), {});
+            mocked(client.getRoomUpgradeHistory).mockImplementation((roomId) =>
+                roomId === newRoom.roomId ? [oldRoom, newRoom] : [],
+            );
+            const createWithPredecessor = new MatrixEvent({
+                type: EventType.RoomCreate,
+                sender: "@foo:foo.org",
+                room_id: newRoom.roomId,
+                content: {
+                    predecessor: { room_id: oldRoom.roomId, event_id: "tombstone_event_id" },
+                },
+                event_id: "$create",
+                state_key: "",
+            });
+            upsertRoomStateEvents(newRoom, [createWithPredecessor]);
+
+            const fn = jest.fn();
+            store.on(LISTS_UPDATE_EVENT, fn);
+            dispatcher.dispatch(
+                {
+                    action: "MatrixActions.Room.myMembership",
+                    membership: KnownMembership.Join,
+                    room: newRoom,
+                },
+                true,
+            );
+
+            expect(fn).toHaveBeenCalled();
+            const roomIds = store.getSortedRooms().map((r) => r.roomId);
+            expect(roomIds).not.toContain(oldRoom.roomId);
+            expect(roomIds).toContain(newRoom.roomId);
+        });
+
+        it("should not remove predecessor room based on non-reciprocated relationship", async () => {
+            const { store, rooms, client, dispatcher } = await getRoomListStore();
+            const oldRoom = rooms[32];
+            // Create a new room with a predecessor event that points to oldRoom, but oldRoom does not point back
+            const newRoom = new Room("!nefarious:matrix.org", client, client.getSafeUserId(), {});
+            const createWithPredecessor = new MatrixEvent({
+                type: EventType.RoomCreate,
+                sender: "@foo:foo.org",
+                room_id: newRoom.roomId,
+                content: {
+                    predecessor: { room_id: oldRoom.roomId, event_id: "tombstone_event_id" },
+                },
+                event_id: "$create",
+                state_key: "",
+            });
+            upsertRoomStateEvents(newRoom, [createWithPredecessor]);
+
+            const fn = jest.fn();
+            store.on(LISTS_UPDATE_EVENT, fn);
+            dispatcher.dispatch(
+                {
+                    action: "MatrixActions.Room.myMembership",
+                    membership: KnownMembership.Join,
+                    room: newRoom,
+                },
+                true,
+            );
+
+            expect(fn).toHaveBeenCalled();
+            const roomIds = store.getSortedRooms().map((r) => r.roomId);
+            expect(roomIds).toContain(oldRoom.roomId);
+            expect(roomIds).toContain(newRoom.roomId);
+        });
+
+        it("Rooms are re-inserted on m.direct event", async () => {
+            const { store, dispatcher, client } = await getRoomListStore();
+
+            // Let's mock the client to return new rooms with the name "My DM Room"
+            client.getRoom = (roomId: string) => mkStubRoom(roomId, "My DM Room", client);
+
+            // Let's create a m.direct event that we can dispatch
+            const content = {
+                "@bar1:matrix.org": ["!foo1:matrix.org", "!foo2:matrix.org"],
+                "@bar2:matrix.org": ["!foo3:matrix.org", "!foo4:matrix.org"],
+                "@bar3:matrix.org": ["!foo5:matrix.org"],
+            };
+            const event = mkEvent({
+                event: true,
+                content,
+                user: "@foo:matrix.org",
+                type: EventType.Direct,
+            });
+
+            const fn = jest.fn();
+            store.on(LISTS_UPDATE_EVENT, fn);
+
+            // Do the actual dispatch
+            dispatcher.dispatch(
+                {
+                    action: "MatrixActions.accountData",
+                    event_type: EventType.Direct,
+                    event,
+                },
+                true,
+            );
+
+            // Ensure only one emit occurs
+            expect(fn).toHaveBeenCalledTimes(1);
+
+            /*
+             When the dispatched event is processed by the room-list, the associated
+             rooms will be fetched via client.getRoom and will be re-inserted into the
+             skip list. We can confirm that this happened by checking if all the dm rooms
+             have the same name ("My DM Room") since we've mocked the client to return such rooms.
+             */
+            const ids = [
+                "!foo1:matrix.org",
+                "!foo2:matrix.org",
+                "!foo3:matrix.org",
+                "!foo4:matrix.org",
+                "!foo5:matrix.org",
+            ];
+            const rooms = store.getSortedRooms().filter((r) => ids.includes(r.roomId));
+            rooms.forEach((room) => expect(room.name).toBe("My DM Room"));
+        });
+
+        it("Room is re-inserted on tag change", async () => {
+            const { store, rooms, dispatcher } = await getRoomListStore();
+            const fn = jest.fn();
+            store.on(LISTS_UPDATE_EVENT, fn);
+            dispatcher.dispatch(
+                {
+                    action: "MatrixActions.Room.tags",
+                    room: rooms[10],
+                },
+                true,
+            );
+            expect(fn).toHaveBeenCalled();
+        });
+
+        it("emits ROOM_TAGGED_EVENT on a local user tag action", async () => {
+            const { store, dispatcher } = await getRoomListStore();
+            const fn = jest.fn();
+            store.on(ROOM_TAGGED_EVENT, fn);
+            dispatcher.dispatch(
+                {
+                    action: "RoomListActions.tagRoom.success",
+                },
+                true,
+            );
+            expect(fn).toHaveBeenCalled();
+        });
+
+        it("Room is re-inserted on decryption", async () => {
+            const { store, rooms, client, dispatcher } = await getRoomListStore();
+            jest.spyOn(client, "getRoom").mockImplementation(() => rooms[10]);
+
+            const fn = jest.fn();
+            store.on(LISTS_UPDATE_EVENT, fn);
+            dispatcher.dispatch(
+                {
+                    action: "MatrixActions.Event.decrypted",
+                    event: { getRoomId: () => rooms[10].roomId },
+                },
+                true,
+            );
+            expect(fn).toHaveBeenCalled();
+        });
+
+        it("Logs a warning if room couldn't be found from room-id on decryption action", async () => {
+            const { store, client, dispatcher } = await getRoomListStore();
+            jest.spyOn(client, "getRoom").mockImplementation(() => null);
+            const warnSpy = jest.spyOn(logger, "warn");
+
+            const fn = jest.fn();
+            store.on(LISTS_UPDATE_EVENT, fn);
+
+            // Dispatch a decrypted action but the room does not exist.
+            dispatcher.dispatch(
+                {
+                    action: "MatrixActions.Event.decrypted",
+                    event: {
+                        getRoomId: () => "!doesnotexist:matrix.org",
+                        getId: () => "some-id",
+                    },
+                },
+                true,
+            );
+
+            expect(warnSpy).toHaveBeenCalled();
+            expect(fn).not.toHaveBeenCalled();
+        });
+
+        describe("Update from read receipt", () => {
+            function getReadReceiptEvent(userId: string) {
+                const content = {
+                    some_id: {
+                        "m.read": {
+                            [userId]: {
+                                ts: 5000,
+                            },
+                        },
+                    },
+                };
+                const event = mkEvent({
+                    event: true,
+                    content,
+                    user: "@foo:matrix.org",
+                    type: EventType.Receipt,
+                });
+                return event;
+            }
+
+            it("Room is re-inserted on read receipt from our user", async () => {
+                const { store, rooms, client, dispatcher } = await getRoomListStore();
+                const event = getReadReceiptEvent(client.getSafeUserId());
+                const fn = jest.fn();
+                store.on(LISTS_UPDATE_EVENT, fn);
+                dispatcher.dispatch(
+                    {
+                        action: "MatrixActions.Room.receipt",
+                        room: rooms[10],
+                        event,
+                    },
+                    true,
+                );
+                expect(fn).toHaveBeenCalled();
+            });
+
+            it("Read receipt from other users do not cause room to be re-inserted", async () => {
+                const { store, rooms, dispatcher } = await getRoomListStore();
+                const event = getReadReceiptEvent("@foobar:matrix.org");
+                const fn = jest.fn();
+                store.on(LISTS_UPDATE_EVENT, fn);
+                dispatcher.dispatch(
+                    {
+                        action: "MatrixActions.Room.receipt",
+                        room: rooms[10],
+                        event,
+                    },
+                    true,
+                );
+                expect(fn).not.toHaveBeenCalled();
+            });
+        });
+
+        /**
+         * Create a space and add it to rooms
+         * @param rooms An array of rooms to which the new space is added.
+         * @param inSpaceIndices  A list of indices from which rooms are added to the space.
+         */
+        function createSpace(rooms: Room[], inSpaceIndices: number[], client: MatrixClient) {
+            const roomIds = inSpaceIndices.map((i) => rooms[i].roomId);
+            const spaceRoom = mkSpace(client, "!space1:matrix.org", [], roomIds);
+            rooms.push(spaceRoom);
+            return { spaceRoom, roomIds };
+        }
+
+        function setupMocks(spaceRoom: Room, roomIds: string[]) {
+            jest.spyOn(SDKContextClass.instance.spaceStore, "isRoomInSpace").mockImplementation((space, id) => {
+                if (space === MetaSpace.Home && !roomIds.includes(id)) return true;
+                if (space === spaceRoom.roomId && roomIds.includes(id)) return true;
+                return false;
+            });
+            jest.spyOn(SDKContextClass.instance.spaceStore, "activeSpace", "get").mockImplementation(
+                () => spaceRoom.roomId,
+            );
+        }
+
+        function getClientAndRooms() {
+            const client = stubClient();
+            const rooms = getMockedRooms(client);
+            client.getVisibleRooms = jest.fn().mockReturnValue(rooms);
+            jest.spyOn(AsyncStoreWithClient.prototype, "matrixClient", "get").mockReturnValue(client);
+            return { client, rooms };
+        }
+
+        describe("Spaces", () => {
+            it("Newly created space is not added by the store", async () => {
+                const { client, rooms } = getClientAndRooms();
+                const infoSpy = jest.spyOn(logger, "info");
+
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                // Create a space and let the store know about it
+                const { spaceRoom } = createSpace(rooms, [6, 8, 13, 27, 75], client);
+                dispatcher.dispatch(
+                    {
+                        action: "MatrixActions.Room.myMembership",
+                        oldMembership: KnownMembership.Leave,
+                        membership: KnownMembership.Invite,
+                        room: spaceRoom,
+                    },
+                    true,
+                );
+
+                // Space room should not be added
+                expect(store.getSortedRooms()).not.toContain(spaceRoom);
+                expect(infoSpy).toHaveBeenCalledWith(
+                    expect.stringContaining("RoomListStoreV3: Refusing to add new room"),
+                );
+            });
+
+            it("Filtering by spaces work", async () => {
+                const { client, rooms } = getClientAndRooms();
+                // Let's choose 5 rooms to put in space
+                const { spaceRoom, roomIds } = createSpace(rooms, [6, 8, 13, 27, 75], client);
+
+                // Mock the space store
+                jest.spyOn(SDKContextClass.instance.spaceStore, "isRoomInSpace").mockImplementation((space, id) => {
+                    if (space === MetaSpace.Home && !roomIds.includes(id)) return true;
+                    if (space === spaceRoom.roomId && roomIds.includes(id)) return true;
+                    return false;
+                });
+
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+                const fn = jest.fn();
+                store.on(LISTS_UPDATE_EVENT, fn);
+
+                // The rooms which belong to the space should not be shown
+                const result = store
+                    .getSortedRoomsInActiveSpace()
+                    .sections.flatMap((s) => s.rooms)
+                    .map((r) => r.roomId);
+                for (const id of roomIds) {
+                    expect(result).not.toContain(id);
+                }
+
+                // Lets switch to the space
+                jest.spyOn(SDKContextClass.instance.spaceStore, "activeSpace", "get").mockImplementation(
+                    () => spaceRoom.roomId,
+                );
+                SDKContextClass.instance.spaceStore.emit(UPDATE_SELECTED_SPACE);
+                expect(fn).toHaveBeenCalled();
+                const result2 = store
+                    .getSortedRoomsInActiveSpace()
+                    .sections.flatMap((s) => s.rooms)
+                    .map((r) => r.roomId);
+                for (const id of roomIds) {
+                    expect(result2).toContain(id);
+                }
+            });
+        });
+
+        describe("Filters", () => {
+            it("filters by both space and favourite", async () => {
+                const { client, rooms } = getClientAndRooms();
+                // Let's choose 5 rooms to put in space
+                const { spaceRoom, roomIds } = createSpace(rooms, [6, 8, 13, 27, 75], client);
+
+                // Let's say that 8, 27 an 75 are favourite rooms
+                [8, 27, 75].forEach((i) => {
+                    rooms[i].tags[DefaultTagID.Favourite] = {};
+                });
+
+                setupMocks(spaceRoom, roomIds);
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                // Sorted, filtered rooms should be 8, 27 and 75
+                const result = store
+                    .getSortedRoomsInActiveSpace([FilterEnum.FavouriteFilter])
+                    .sections.flatMap((s) => s.rooms);
+                expect(result).toHaveLength(3);
+                for (const i of [8, 27, 75]) {
+                    expect(result).toContain(rooms[i]);
+                }
+            });
+
+            it("filters are recalculated on room update", async () => {
+                const { client, rooms } = getClientAndRooms();
+                // Let's choose 5 rooms to put in space
+                const { spaceRoom, roomIds } = createSpace(rooms, [6, 8, 13, 27, 75], client);
+
+                // Let's say that 8, 27 an 75 are favourite rooms
+                [8, 27, 75].forEach((i) => {
+                    rooms[i].tags[DefaultTagID.Favourite] = {};
+                });
+
+                setupMocks(spaceRoom, roomIds);
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                // Let's say 27 got unfavourited
+                const fn = jest.fn();
+                store.on(LISTS_UPDATE_EVENT, fn);
+                rooms[27].tags = {};
+                dispatcher.dispatch(
+                    {
+                        action: "MatrixActions.Room.tags",
+                        room: rooms[27],
+                    },
+                    true,
+                );
+                expect(fn).toHaveBeenCalled();
+
+                // Sorted, filtered rooms should be 27 and 75
+                const result = store
+                    .getSortedRoomsInActiveSpace([FilterEnum.FavouriteFilter])
+                    .sections.flatMap((s) => s.rooms);
+                expect(result).toHaveLength(2);
+                for (const i of [8, 75]) {
+                    expect(result).toContain(rooms[i]);
+                }
+            });
+
+            it("supports filtering unread rooms", async () => {
+                const { client, rooms } = getClientAndRooms();
+                // Let's choose 5 rooms to put in space
+                const { spaceRoom, roomIds } = createSpace(rooms, [6, 8, 13, 27, 75], client);
+
+                // Let's say 8, 27 are unread
+                jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockImplementation((room) => {
+                    const state = {
+                        hasUnreadCount: [rooms[8], rooms[27]].includes(room),
+                    } as unknown as RoomNotificationState;
+                    return state;
+                });
+
+                setupMocks(spaceRoom, roomIds);
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                // Should only give us rooms at index 8 and 27
+                const result = store
+                    .getSortedRoomsInActiveSpace([FilterEnum.UnreadFilter])
+                    .sections.flatMap((s) => s.rooms);
+                expect(result).toHaveLength(2);
+                for (const i of [8, 27]) {
+                    expect(result).toContain(rooms[i]);
+                }
+            });
+
+            it("unread filter matches rooms that are marked as unread", async () => {
+                const { client, rooms } = getClientAndRooms();
+                // Let's choose 5 rooms to put in space
+                const { spaceRoom, roomIds } = createSpace(rooms, [6, 8, 13, 27, 75], client);
+
+                setupMocks(spaceRoom, roomIds);
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                // Since there's no unread yet, we expect zero results
+                let result = store
+                    .getSortedRoomsInActiveSpace([FilterEnum.UnreadFilter])
+                    .sections.flatMap((s) => s.rooms);
+                expect(result).toHaveLength(0);
+
+                // Mock so that room at index 8 is marked as unread
+                jest.spyOn(utils, "getMarkedUnreadState").mockImplementation((room) => room.roomId === rooms[8].roomId);
+                dispatcher.dispatch(
+                    {
+                        action: "MatrixActions.Room.accountData",
+                        room: rooms[8],
+                        event_type: utils.MARKED_UNREAD_TYPE_STABLE,
+                    },
+                    true,
+                );
+
+                // Now we expect room at index 8 to show as unread
+                result = store.getSortedRoomsInActiveSpace([FilterEnum.UnreadFilter]).sections.flatMap((s) => s.rooms);
+                expect(result).toHaveLength(1);
+                expect(result).toContain(rooms[8]);
+            });
+
+            it("supports filtering by people and rooms", async () => {
+                const { client, rooms } = getClientAndRooms();
+                // Let's choose 5 rooms to put in space
+                const { spaceRoom, roomIds } = createSpace(rooms, [6, 8, 13, 27, 75], client);
+
+                // Let's say 8, 27 are dms
+                const ids = [8, 27].map((i) => rooms[i].roomId);
+                jest.spyOn(DMRoomMap, "shared").mockImplementation((() => {
+                    return {
+                        getUserIdForRoomId: (id) => (ids.includes(id) ? "@myuser:matrix.org" : ""),
+                    };
+                }) as () => DMRoomMap);
+
+                setupMocks(spaceRoom, roomIds);
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                // Should only give us rooms at index 8 and 27
+                const peopleRooms = store
+                    .getSortedRoomsInActiveSpace([FilterEnum.PeopleFilter])
+                    .sections.flatMap((s) => s.rooms);
+                expect(peopleRooms).toHaveLength(2);
+                for (const i of [8, 27]) {
+                    expect(peopleRooms).toContain(rooms[i]);
+                }
+
+                // Rest are normal rooms
+                const nonDms = store
+                    .getSortedRoomsInActiveSpace([FilterEnum.RoomsFilter])
+                    .sections.flatMap((s) => s.rooms);
+                expect(nonDms).toHaveLength(3);
+                for (const i of [6, 13, 75]) {
+                    expect(nonDms).toContain(rooms[i]);
+                }
+            });
+
+            it("supports filtering invited rooms", async () => {
+                const { client, rooms } = getClientAndRooms();
+
+                // Let's add 5 rooms that we are invited to
+                const invitedRooms = getMockedRooms(client, 5);
+                for (const room of invitedRooms) {
+                    room.getMyMembership = jest.fn().mockReturnValue(KnownMembership.Invite);
+                }
+
+                rooms.push(...invitedRooms);
+
+                // Let's choose 5 rooms to put in space
+                const { spaceRoom, roomIds } = createSpace(rooms, [6, 8, 100, 101, 102, 103, 104], client);
+                setupMocks(spaceRoom, roomIds);
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                const result = store
+                    .getSortedRoomsInActiveSpace([FilterEnum.InvitesFilter])
+                    .sections.flatMap((s) => s.rooms);
+                expect(result).toHaveLength(5);
+                for (const room of invitedRooms) {
+                    expect(result).toContain(room);
+                }
+            });
+
+            it("supports filtering by mentions", async () => {
+                const { client, rooms } = getClientAndRooms();
+                // Let's choose 5 rooms to put in space
+                const { spaceRoom, roomIds } = createSpace(rooms, [6, 8, 13, 27, 75], client);
+
+                // Let's say 8, 27 have mentions
+                jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockImplementation((room) => {
+                    const state = {
+                        isMention: [rooms[8], rooms[27]].includes(room),
+                    } as unknown as RoomNotificationState;
+                    return state;
+                });
+
+                setupMocks(spaceRoom, roomIds);
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                // Should only give us rooms at index 8 and 27
+                const result = store
+                    .getSortedRoomsInActiveSpace([FilterEnum.MentionsFilter])
+                    .sections.flatMap((s) => s.rooms);
+                expect(result).toHaveLength(2);
+                for (const i of [8, 27]) {
+                    expect(result).toContain(rooms[i]);
+                }
+            });
+
+            it("supports filtering low priority rooms", async () => {
+                const { client, rooms } = getClientAndRooms();
+                // Let's choose 5 rooms to put in space
+                const { spaceRoom, roomIds } = createSpace(rooms, [6, 8, 13, 27, 75], client);
+
+                // Let's say that 8, 27 an 75 are low priority rooms
+                [8, 27, 75].forEach((i) => {
+                    rooms[i].tags[DefaultTagID.LowPriority] = {};
+                });
+
+                setupMocks(spaceRoom, roomIds);
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                // Sorted, filtered rooms should be 8, 27 and 75
+                const result = store
+                    .getSortedRoomsInActiveSpace([FilterEnum.LowPriorityFilter])
+                    .sections.flatMap((s) => s.rooms);
+                expect(result).toHaveLength(3);
+                for (const i of [8, 27, 75]) {
+                    expect(result).toContain(rooms[i]);
+                }
+            });
+
+            it("supports multiple filters", async () => {
+                const { client, rooms } = getClientAndRooms();
+                // Let's choose 5 rooms to put in space
+                const { spaceRoom, roomIds } = createSpace(rooms, [6, 8, 13, 27, 75], client);
+
+                // Let's say that 8 is a favourite room
+                rooms[8].tags[DefaultTagID.Favourite] = {};
+
+                // Let's say 8, 27 are unread
+                jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockImplementation((room) => {
+                    const state = {
+                        hasUnreadCount: [rooms[8], rooms[27]].includes(room),
+                    } as unknown as RoomNotificationState;
+                    return state;
+                });
+
+                setupMocks(spaceRoom, roomIds);
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                // Should give us only room at 8 since that's the only room which matches both filters
+                const result = store
+                    .getSortedRoomsInActiveSpace([FilterEnum.UnreadFilter, FilterEnum.FavouriteFilter])
+                    .sections.flatMap((s) => s.rooms);
+                expect(result).toHaveLength(1);
+                expect(result).toContain(rooms[8]);
+            });
+
+            it("should update filters on membership change", async () => {
+                await SettingsStore.setValue("feature_ask_to_join", null, SettingLevel.DEVICE, true);
+                const { store, client, dispatcher } = await getRoomListStore();
+                const room = new Room("!fooknock:matrix.org", client, client.getSafeUserId(), {});
+
+                room.getMyMembership = jest.fn().mockReturnValue(KnownMembership.Knock);
+                dispatcher.dispatch(
+                    {
+                        action: "MatrixActions.Room.myMembership",
+                        membership: KnownMembership.Knock,
+                        room,
+                    },
+                    true,
+                );
+                expect(
+                    store.getSortedRoomsInActiveSpace([FilterEnum.InvitesFilter]).sections.flatMap((s) => s.rooms),
+                ).not.toContain(room);
+
+                room.getMyMembership = jest.fn().mockReturnValue(KnownMembership.Invite);
+                dispatcher.dispatch(
+                    {
+                        action: "MatrixActions.Room.myMembership",
+                        oldMembership: KnownMembership.Knock,
+                        membership: KnownMembership.Invite,
+                        room,
+                    },
+                    true,
+                );
+                expect(
+                    store.getSortedRoomsInActiveSpace([FilterEnum.InvitesFilter]).sections.flatMap((s) => s.rooms),
+                ).toContain(room);
+            });
+        });
+
+        describe("getServerNoticeRooms", () => {
+            it("returns only rooms tagged as server notice", async () => {
+                const { rooms } = getClientAndRooms();
+
+                // Tag rooms 8 and 27 as server notice rooms
+                [8, 27].forEach((i) => (rooms[i].tags[DefaultTagID.ServerNotice] = {}));
+
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                const result = store.getServerNoticeRooms();
+                expect(result).toHaveLength(2);
+                for (const i of [8, 27]) {
+                    expect(result).toContain(rooms[i]);
+                }
+            });
+
+            it("returns an empty array when there are no server notice rooms", async () => {
+                getClientAndRooms();
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+                expect(store.getServerNoticeRooms()).toEqual([]);
+            });
+
+            it("only returns rooms that belong to the active space", async () => {
+                const { client, rooms } = getClientAndRooms();
+                // Put rooms 6, 8, 13, 27, 75 into a space
+                const { spaceRoom, roomIds } = createSpace(rooms, [6, 8, 13, 27, 75], client);
+
+                // Room 8 (in the space) and room 50 (in Home only) are both server notices
+                rooms[8].tags[DefaultTagID.ServerNotice] = {};
+                rooms[50].tags[DefaultTagID.ServerNotice] = {};
+
+                // Activate the space
+                setupMocks(spaceRoom, roomIds);
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                // Only the server notice room within the active space is returned
+                const result = store.getServerNoticeRooms();
+                expect(result).toEqual([rooms[8]]);
+            });
+        });
+
+        describe("getDmRooms", () => {
+            it("returns only rooms tagged as DM", async () => {
+                const { rooms } = getClientAndRooms();
+
+                // Rooms 8 and 27 are DMs (no explicit tags + present in the DM map)
+                const ids = [8, 27].map((i) => rooms[i].roomId);
+                jest.spyOn(DMRoomMap, "shared").mockImplementation((() => {
+                    return {
+                        getUserIdForRoomId: (id: string) => (ids.includes(id) ? "@myuser:matrix.org" : ""),
+                    };
+                }) as () => DMRoomMap);
+
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                const result = store.getDmRooms();
+                expect(result).toHaveLength(2);
+                for (const i of [8, 27]) {
+                    expect(result).toContain(rooms[i]);
+                }
+            });
+
+            it("returns an empty array when there are no DM rooms", async () => {
+                // The top-level beforeEach mocks the DM map to match no rooms.
+                getClientAndRooms();
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+                expect(store.getDmRooms()).toEqual([]);
+            });
+
+            it("only returns rooms that belong to the active space", async () => {
+                const { client, rooms } = getClientAndRooms();
+                // Put rooms 6, 8, 13, 27, 75 into a space
+                const { spaceRoom, roomIds } = createSpace(rooms, [6, 8, 13, 27, 75], client);
+
+                // Room 8 (in the space) and room 50 (in Home only) are both DMs
+                const ids = [rooms[8].roomId, rooms[50].roomId];
+                jest.spyOn(DMRoomMap, "shared").mockImplementation((() => {
+                    return {
+                        getUserIdForRoomId: (id: string) => (ids.includes(id) ? "@myuser:matrix.org" : ""),
+                    };
+                }) as () => DMRoomMap);
+
+                // Activate the space
+                setupMocks(spaceRoom, roomIds);
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                // Only the DM room within the active space is returned
+                const result = store.getDmRooms();
+                expect(result).toEqual([rooms[8]]);
+            });
+        });
+    });
+
+    describe("Sections", () => {
+        function enableSections(): void {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting: string) => {
+                if (setting === "RoomList.showSections") return true;
+                if (setting === "RoomList.OrderedCustomSections") return [];
+                if (setting === "RoomList.CustomSectionData") return {};
+                return false;
+            });
+        }
+
+        function findSection(sections: Section[], tag: string): Section | undefined {
+            return sections.find((s) => s.tag === tag);
+        }
+
+        function getClientAndRooms() {
+            const client = stubClient();
+            const rooms = getMockedRooms(client);
+            client.getVisibleRooms = jest.fn().mockReturnValue(rooms);
+            jest.spyOn(AsyncStoreWithClient.prototype, "matrixClient", "get").mockReturnValue(client);
+            return { client, rooms };
+        }
+
+        it("returns three sections in the correct order", async () => {
+            enableSections();
+            getClientAndRooms();
+
+            const store = new RoomListStoreV3Class(dispatcher);
+            await store.start();
+
+            const result = store.getSortedRoomsInActiveSpace();
+            expect(result.sections).toHaveLength(3);
+            expect(result.sections[0].tag).toBe(DefaultTagID.Favourite);
+            expect(result.sections[1].tag).toBe(CHATS_TAG);
+            expect(result.sections[2].tag).toBe(DefaultTagID.LowPriority);
+        });
+
+        describe("RoomList.showSections disabled", () => {
+            function disableSections(): void {
+                jest.spyOn(SettingsStore, "getValue").mockImplementation((setting: string) => {
+                    if (setting === "RoomList.showSections") return false;
+                    if (setting === "RoomList.OrderedCustomSections") return [];
+                    if (setting === "RoomList.CustomSectionData") return {};
+                    return false;
+                });
+            }
+
+            it("returns a single Chats section containing the rooms", async () => {
+                disableSections();
+                const { rooms } = getClientAndRooms();
+
+                rooms[3].tags[DefaultTagID.Favourite] = {};
+                rooms[7].tags[DefaultTagID.LowPriority] = {};
+
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                const { sections } = store.getSortedRoomsInActiveSpace();
+                expect(sections).toHaveLength(1);
+                expect(sections[0].tag).toBe(CHATS_TAG);
+                expect(sections[0].rooms).toContain(rooms[3]);
+                expect(sections[0].rooms).toContain(rooms[7]);
+            });
+        });
+
+        it("emits LISTS_UPDATE_EVENT when RoomList.showSections setting changes", async () => {
+            enableSections();
+            getClientAndRooms();
+
+            let settingsWatcher: () => void = () => {};
+            jest.spyOn(SettingsStore, "watchSetting").mockImplementation((settingName, _roomId, callback) => {
+                if (settingName === "RoomList.showSections") settingsWatcher = callback as () => void;
+                return "watcher-id";
+            });
+
+            const store = new RoomListStoreV3Class(dispatcher);
+            await store.start();
+
+            const listsUpdateListener = jest.fn();
+            store.on(LISTS_UPDATE_EVENT, listsUpdateListener);
+
+            settingsWatcher();
+
+            expect(listsUpdateListener).toHaveBeenCalled();
+        });
+
+        it.each([
+            { tag: DefaultTagID.Favourite, label: "Favourite" },
+            { tag: DefaultTagID.LowPriority, label: "LowPriority" },
+        ])("places tagged rooms only in the $label section", async ({ tag }) => {
+            enableSections();
+            const { rooms } = getClientAndRooms();
+
+            // Mark rooms 3, 7 with the given tag
+            [3, 7].forEach((i) => {
+                rooms[i].tags[tag] = {};
+            });
+
+            const store = new RoomListStoreV3Class(dispatcher);
+            await store.start();
+
+            const { sections } = store.getSortedRoomsInActiveSpace();
+            const targetSection = findSection(sections, tag)!;
+            const chatsSection = findSection(sections, CHATS_TAG)!;
+
+            for (const i of [3, 7]) {
+                expect(targetSection.rooms).toContain(rooms[i]);
+                expect(chatsSection.rooms).not.toContain(rooms[i]);
+            }
+        });
+
+        it("places regular rooms only in the Chats section", async () => {
+            enableSections();
+            const { rooms } = getClientAndRooms();
+
+            // Mark some rooms as favourite / low priority so the rest are regular
+            rooms[0].tags[DefaultTagID.Favourite] = {};
+            rooms[1].tags[DefaultTagID.LowPriority] = {};
+
+            const store = new RoomListStoreV3Class(dispatcher);
+            await store.start();
+
+            const { sections } = store.getSortedRoomsInActiveSpace();
+            const favSection = findSection(sections, DefaultTagID.Favourite)!;
+            const chatsSection = findSection(sections, CHATS_TAG)!;
+            const lowPrioritySection = findSection(sections, DefaultTagID.LowPriority)!;
+
+            // A regular room (index 5) should be in chats only
+            expect(chatsSection.rooms).toContain(rooms[5]);
+            expect(favSection.rooms).not.toContain(rooms[5]);
+            expect(lowPrioritySection.rooms).not.toContain(rooms[5]);
+        });
+
+        it("all rooms are accounted for across all sections", async () => {
+            enableSections();
+            const { rooms } = getClientAndRooms();
+
+            [2, 5].forEach((i) => {
+                rooms[i].tags[DefaultTagID.Favourite] = {};
+            });
+            [11].forEach((i) => {
+                rooms[i].tags[DefaultTagID.LowPriority] = {};
+            });
+
+            const store = new RoomListStoreV3Class(dispatcher);
+            await store.start();
+
+            const { sections } = store.getSortedRoomsInActiveSpace();
+            const totalRooms = sections.flatMap((s) => s.rooms).length;
+            // All 100 rooms should be distributed across the three sections
+            expect(totalRooms).toBe(rooms.length);
+        });
+
+        it("applies additional filter keys within each section", async () => {
+            enableSections();
+            const { rooms } = getClientAndRooms();
+
+            // Rooms 3 and 7 are favourites; room 7 is also unread
+            [3, 7].forEach((i) => {
+                rooms[i].tags[DefaultTagID.Favourite] = {};
+            });
+            jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockImplementation((room) => {
+                const state = {
+                    hasUnreadCount: room === rooms[7],
+                } as unknown as RoomNotificationState;
+                return state;
+            });
+
+            const store = new RoomListStoreV3Class(dispatcher);
+            await store.start();
+
+            const { sections } = store.getSortedRoomsInActiveSpace([FilterEnum.UnreadFilter]);
+            const favSection = findSection(sections, DefaultTagID.Favourite)!;
+
+            // Only room 7 is both favourite AND unread
+            expect(favSection.rooms).toHaveLength(1);
+            expect(favSection.rooms).toContain(rooms[7]);
+        });
+
+        it("hides empty sections when filters are applied", async () => {
+            enableSections();
+            const { rooms } = getClientAndRooms();
+
+            // Mark room 3 as favourite; it's the only unread room
+            rooms[3].tags[DefaultTagID.Favourite] = {};
+            jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockImplementation((room) => {
+                const state = {
+                    hasUnreadCount: room === rooms[3],
+                } as unknown as RoomNotificationState;
+                return state;
+            });
+
+            const store = new RoomListStoreV3Class(dispatcher);
+            await store.start();
+
+            // With the unread filter, only the Favourite section has matching rooms.
+            // The Chats and LowPriority sections should be hidden because they're empty.
+            const { sections } = store.getSortedRoomsInActiveSpace([FilterEnum.UnreadFilter]);
+            expect(sections).toHaveLength(1);
+            expect(sections[0].tag).toBe(DefaultTagID.Favourite);
+            expect(sections[0].rooms).toContain(rooms[3]);
+        });
+
+        it("shows empty sections when no filters are applied", async () => {
+            enableSections();
+            getClientAndRooms();
+
+            // No rooms are tagged, so Favourite and LowPriority sections will be empty
+            const store = new RoomListStoreV3Class(dispatcher);
+            await store.start();
+
+            const { sections } = store.getSortedRoomsInActiveSpace();
+            // All three sections should be present even though Favourite/LowPriority are empty
+            expect(sections).toHaveLength(3);
+            expect(findSection(sections, DefaultTagID.Favourite)!.rooms).toHaveLength(0);
+            expect(findSection(sections, DefaultTagID.LowPriority)!.rooms).toHaveLength(0);
+        });
+
+        it("sections respect space filtering", async () => {
+            enableSections();
+            const { rooms } = getClientAndRooms();
+
+            // Room 3 is a favourite room in the space
+            rooms[3].tags[DefaultTagID.Favourite] = {};
+
+            const spaceRoomId = "!space1:matrix.org";
+            const inSpaceIds = [3, 10, 20].map((i) => rooms[i].roomId);
+            jest.spyOn(SDKContextClass.instance.spaceStore, "isRoomInSpace").mockImplementation((space, id) => {
+                if (space === spaceRoomId && inSpaceIds.includes(id)) return true;
+                return false;
+            });
+            jest.spyOn(SDKContextClass.instance.spaceStore, "activeSpace", "get").mockImplementation(() => spaceRoomId);
+
+            const store = new RoomListStoreV3Class(dispatcher);
+            await store.start();
+
+            const { sections, spaceId } = store.getSortedRoomsInActiveSpace();
+            expect(spaceId).toBe(spaceRoomId);
+
+            const allRooms = sections.flatMap((s) => s.rooms);
+            const allRoomIds = allRooms.map((r) => r.roomId);
+
+            // Only rooms in the space should appear
+            for (const id of inSpaceIds) {
+                expect(allRoomIds).toContain(id);
+            }
+            // Rooms not in the space should not appear
+            expect(allRoomIds).not.toContain(rooms[50].roomId);
+
+            // Room 3 should be in the Favourite section specifically
+            const favSection = findSection(sections, DefaultTagID.Favourite)!;
+            expect(favSection.rooms).toContain(rooms[3]);
+        });
+
+        describe("createSection", () => {
+            it("emits SECTION_CREATED_EVENT and LISTS_UPDATE_EVENT when section is created", async () => {
+                enableSections();
+                getClientAndRooms();
+                jest.spyOn(sectionModule, "createSection").mockResolvedValue("element.io.section.test-tag");
+
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                const sectionCreatedListener = jest.fn();
+                store.on(SECTION_CREATED_EVENT, sectionCreatedListener);
+
+                const tag = await store.createSection();
+                expect(tag).toBe("element.io.section.test-tag");
+
+                expect(sectionCreatedListener).toHaveBeenCalledWith("element.io.section.test-tag");
+            });
+
+            it("does not emit when section creation is cancelled", async () => {
+                enableSections();
+                getClientAndRooms();
+                jest.spyOn(sectionModule, "createSection").mockResolvedValue(undefined);
+
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                const sectionCreatedListener = jest.fn();
+                store.on(SECTION_CREATED_EVENT, sectionCreatedListener);
+
+                await store.createSection();
+
+                expect(sectionCreatedListener).not.toHaveBeenCalled();
+            });
+        });
+
+        describe("editSection", () => {
+            it("delegates to the section module", async () => {
+                enableSections();
+                getClientAndRooms();
+                const editSectionSpy = jest.spyOn(sectionModule, "editSection").mockResolvedValue(undefined);
+
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                await store.editSection("element.io.section.test-tag");
+                expect(editSectionSpy).toHaveBeenCalledWith("element.io.section.test-tag");
+            });
+        });
+
+        describe("removeSection", () => {
+            it("delegates to the section module and emits LISTS_UPDATE_EVENT", async () => {
+                enableSections();
+                getClientAndRooms();
+                jest.spyOn(sectionModule, "deleteSection").mockResolvedValue(undefined);
+
+                const store = new RoomListStoreV3Class(dispatcher);
+                await store.start();
+
+                const listsUpdateListener = jest.fn();
+                store.on(LISTS_UPDATE_EVENT, listsUpdateListener);
+
+                await store.removeSection("element.io.section.test-tag", false);
+                expect(sectionModule.deleteSection).toHaveBeenCalledWith("element.io.section.test-tag", false);
+                expect(listsUpdateListener).toHaveBeenCalled();
+            });
+        });
+
+        it("updates sections when RoomList.OrderedCustomSections setting changes", async () => {
+            enableSections();
+            const { rooms } = getClientAndRooms();
+
+            let settingsWatcher: (settingName: string) => void = () => {};
+            jest.spyOn(SettingsStore, "watchSetting").mockImplementation((settingName, _roomId, callback) => {
+                if (settingName === "RoomList.OrderedCustomSections") settingsWatcher = callback as () => void;
+                return "watcher-id";
+            });
+
+            const customTag = "element.io.section.custom";
+
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting: string) => {
+                if (setting === "RoomList.showSections") return true;
+                if (setting === "RoomList.OrderedCustomSections") return [];
+                if (setting === "RoomList.CustomSectionData") return {};
+                return false;
+            });
+
+            const store = new RoomListStoreV3Class(dispatcher);
+            await store.start();
+
+            // Initial state: 3 sections (Favourite, Chats, LowPriority)
+            expect(store.getSortedRoomsInActiveSpace().sections).toHaveLength(3);
+
+            // Mark a room with the custom tag and update the settings
+            rooms[0].tags = { [customTag]: { order: 0 } };
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting: string) => {
+                if (setting === "RoomList.showSections") return true;
+                if (setting === "RoomList.OrderedCustomSections") return [customTag];
+                if (setting === "RoomList.CustomSectionData")
+                    return { [customTag]: { tag: customTag, name: "Custom" } };
+                return false;
+            });
+
+            // Trigger the settings watcher
+            await Promise.resolve(settingsWatcher("RoomList.OrderedCustomSections"));
+
+            // Now there should be 4 sections (Favourite, custom, Chats, LowPriority)
+            expect(store.getSortedRoomsInActiveSpace().sections).toHaveLength(4);
+            const customSection = findSection(store.getSortedRoomsInActiveSpace().sections, customTag)!;
+            expect(customSection.rooms).toContain(rooms[0]);
+        });
+    });
+
+    describe("Muted rooms", () => {
+        async function getRoomListStoreWithMutedRooms() {
+            const client = stubClient();
+            const rooms = getMockedRooms(client);
+
+            // Let's say that rooms 34, 84, 64, 14, 57 are muted
+            const mutedIndices = [34, 84, 64, 14, 57];
+            const mutedRooms = mutedIndices.map((i) => rooms[i]);
+            jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockImplementation((room) => {
+                const state = {
+                    muted: mutedRooms.includes(room),
+                } as unknown as RoomNotificationState;
+                return state;
+            });
+
+            client.getVisibleRooms = jest.fn().mockReturnValue(rooms);
+            jest.spyOn(AsyncStoreWithClient.prototype, "matrixClient", "get").mockReturnValue(client);
+            const store = new RoomListStoreV3Class(dispatcher);
+            await store.start();
+            return { client, rooms, mutedIndices, mutedRooms, store, dispatcher };
+        }
+
+        it("Muted rooms are sorted to the bottom of the list", async () => {
+            const { store, mutedRooms, client } = await getRoomListStoreWithMutedRooms();
+            const lastFiveRooms = store.getSortedRooms().slice(95);
+            const expectedRooms = new RecencySorter(client.getSafeUserId()).sort(mutedRooms);
+            // We expect the muted rooms to be at the bottom sorted by recency
+            expect(lastFiveRooms).toEqual(expectedRooms);
+        });
+
+        it("Muted rooms are sorted within themselves", async () => {
+            const { store, rooms } = await getRoomListStoreWithMutedRooms();
+
+            // Let's say that rooms 14 and 34 get new messages in that order
+            let ts = 1000;
+            for (const room of [rooms[14], rooms[34]]) {
+                const event = mkMessage({ room: room.roomId, user: `@foo3:matrix.org`, ts: 1000, event: true });
+                jest.spyOn(room.getLiveTimeline(), "getEvents").mockReturnValue([event]);
+
+                const payload = {
+                    action: "MatrixActions.Room.timeline",
+                    event,
+                    isLiveEvent: true,
+                    isLiveUnfilteredRoomTimelineEvent: true,
+                    room,
+                };
+                dispatcher.dispatch(payload, true);
+                ts = ts + 1;
+            }
+
+            const lastFiveRooms = store.getSortedRooms().slice(95);
+            // The order previously would  have been 84, 64, 57, 34, 14
+            // Expected new order is 34, 14, 84, 64, 57
+            const expectedRooms = [rooms[34], rooms[14], rooms[84], rooms[64], rooms[57]];
+            expect(lastFiveRooms).toEqual(expectedRooms);
+        });
+
+        it("Muted room is correctly sorted when unmuted", async () => {
+            const { store, mutedRooms, rooms, client } = await getRoomListStoreWithMutedRooms();
+
+            // Let's say that muted room 64 becomes un-muted.
+            const unmutedRoom = rooms[64];
+            jest.spyOn(utilsRLS, "getChangedOverrideRoomMutePushRules").mockImplementation(() => [unmutedRoom.roomId]);
+            client.getRoom = jest.fn().mockReturnValue(unmutedRoom);
+            const payload = {
+                action: "MatrixActions.accountData",
+                event_type: EventType.PushRules,
+            };
+            mutedRooms.splice(2, 1);
+            dispatcher.dispatch(payload, true);
+
+            const lastFiveRooms = store.getSortedRooms().slice(95);
+            // We expect room at index 64 to no longer be at the bottom
+            expect(lastFiveRooms).not.toContain(unmutedRoom);
+            // Room 64 should go to index 34 since we're sorting by recency
+            expect(store.getSortedRooms()[34]).toEqual(unmutedRoom);
+        });
+    });
+
+    describe("Low priority rooms", () => {
+        async function getRoomListStoreWithRooms() {
+            const client = stubClient();
+            const rooms = getMockedRooms(client);
+
+            // Let's say that rooms 34, 84, 64, 14, 57 are low priority
+            const lowPriorityIndices = [34, 84, 64, 14, 57];
+            const lowPriorityRooms = lowPriorityIndices.map((i) => rooms[i]);
+            for (const room of lowPriorityRooms) {
+                room.tags[DefaultTagID.LowPriority] = {};
+            }
+
+            // Let's say that rooms 14, 57, 65, 78, 82, 5, 36 are muted
+            const mutedIndices = [14, 57, 65, 78, 82, 5, 36];
+            const mutedRooms = mutedIndices.map((i) => rooms[i]);
+            jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockImplementation((room) => {
+                const state = {
+                    muted: mutedRooms.includes(room),
+                } as unknown as RoomNotificationState;
+                return state;
+            });
+
+            client.getVisibleRooms = jest.fn().mockReturnValue(rooms);
+            jest.spyOn(AsyncStoreWithClient.prototype, "matrixClient", "get").mockReturnValue(client);
+            const store = new RoomListStoreV3Class(dispatcher);
+            await store.start();
+
+            // We expect the following order: Low Priority -> Low Priority & Muted -> Muted
+            const expectedRoomIds = [84, 64, 34, 57, 14, 82, 78, 65, 36, 5].map((i) => rooms[i].roomId);
+
+            return {
+                client,
+                rooms,
+                expectedRoomIds,
+                store,
+                dispatcher,
+            };
+        }
+
+        it("Low priority rooms are pushed to the bottom of the list just before muted rooms", async () => {
+            const { store, expectedRoomIds } = await getRoomListStoreWithRooms();
+            const result = store
+                .getSortedRooms()
+                .slice(90)
+                .map((r) => r.roomId);
+            expect(result).toEqual(expectedRoomIds);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/room-list-v3/isRoomVisible-test.ts b/apps/web/test/unit-tests/stores/room-list-v3/isRoomVisible-test.ts
new file mode 100644
index 00000000000..c2ddc74e494
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/room-list-v3/isRoomVisible-test.ts
@@ -0,0 +1,58 @@
+/*
+ * 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 } from "matrix-js-sdk/src/matrix";
+
+import { RoomListCustomisations } from "../../../../src/customisations/RoomList";
+import { isRoomVisible } from "../../../../src/stores/room-list-v3/isRoomVisible";
+import { createTestClient, mkRoom, mkSpace } from "../../../test-utils";
+import { LOCAL_ROOM_ID_PREFIX, LocalRoom } from "../../../../src/models/LocalRoom";
+
+jest.mock("../../../../src/customisations/RoomList", () => ({
+    RoomListCustomisations: {
+        isRoomVisible: jest.fn(),
+    },
+}));
+
+describe("isRoomVisible", () => {
+    let matrixClient: MatrixClient;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+    });
+
+    it("should return false without room", () => {
+        expect(isRoomVisible()).toBe(false);
+    });
+
+    it("should return false for a space room", () => {
+        const room = mkSpace(matrixClient, "space-room");
+        expect(isRoomVisible(room)).toBe(false);
+    });
+
+    it("should return false for a local room", () => {
+        const room = new LocalRoom(LOCAL_ROOM_ID_PREFIX + "test", createTestClient(), "@test:example.com");
+        room.isSpaceRoom = () => false;
+
+        expect(isRoomVisible(room)).toBe(false);
+    });
+
+    it("should return false if visibility customisation returns false", () => {
+        mocked(RoomListCustomisations.isRoomVisible!).mockReturnValue(false);
+        const room = mkRoom(matrixClient, "test-room");
+        expect(isRoomVisible(room)).toBe(false);
+        expect(RoomListCustomisations.isRoomVisible!).toHaveBeenCalledWith(room);
+    });
+
+    it("should return true if visibility customisation returns true", () => {
+        mocked(RoomListCustomisations.isRoomVisible!).mockReturnValue(true);
+        const room = mkRoom(matrixClient, "test-room");
+        expect(isRoomVisible(room)).toBe(true);
+        expect(RoomListCustomisations.isRoomVisible).toHaveBeenCalledWith(room);
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/room-list-v3/section-test.ts b/apps/web/test/unit-tests/stores/room-list-v3/section-test.ts
new file mode 100644
index 00000000000..33acb3ef7dd
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/room-list-v3/section-test.ts
@@ -0,0 +1,541 @@
+/*
+ * 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 Modal from "../../../../src/Modal";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import {
+    createSection,
+    editSection,
+    deleteSection,
+    getCustomSectionData,
+    getOrderedCustomSections,
+    isDefaultSectionTag,
+    isSectionExpanded,
+    setSectionExpanded,
+    CHATS_TAG,
+    CUSTOM_SECTION_TAG_PREFIX,
+    isSectionTag,
+    reorderSection,
+} from "../../../../src/stores/room-list-v3/section";
+import { SettingLevel } from "../../../../src/settings/SettingLevel";
+import { CreateSectionDialog } from "../../../../src/components/views/dialogs/CreateSectionDialog";
+import { RemoveSectionDialog } from "../../../../src/components/views/dialogs/RemoveSectionDialog";
+import { DefaultTagID } from "../../../../src/stores/room-list-v3/skip-list/tag";
+import { MetaSpace } from "../../../../src/stores/spaces";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass.ts";
+
+describe("section", () => {
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    describe("getCustomSectionData", () => {
+        const validTag = "element.io.section.valid";
+        const invalidTag = "element.io.section.invalid";
+        const validEntry = { tag: validTag, name: "Valid" };
+
+        beforeEach(() => {
+            // Default: no known spaces
+            jest.spyOn(SDKContextClass.instance.spaceStore, "enabledMetaSpaces", "get").mockReturnValue([]);
+            jest.spyOn(SDKContextClass.instance.spaceStore, "spacePanelSpaces", "get").mockReturnValue([]);
+        });
+
+        it.each([null, false, 42, "string", []] as const)("returns an empty object when the raw value is %p", (raw) => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(raw as any);
+            expect(getCustomSectionData()).toEqual({});
+        });
+
+        it("returns valid entries and drops invalid ones, defaulting spaceId to MetaSpace.Home", () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue({
+                [validTag]: validEntry,
+                [invalidTag]: { tag: "element.io.section.mismatch", name: "Bad" },
+            });
+            expect(getCustomSectionData()).toEqual({ [validTag]: { ...validEntry, spaceId: MetaSpace.Home } });
+        });
+
+        it("drops entries that fail the isValidCustomSection check", () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue({
+                "element.io.section.null-val": null,
+                "element.io.section.str-val": "not-an-object",
+                "element.io.section.bad-tag": { tag: "not-a-custom-tag", name: "Bad" },
+                "element.io.section.bad-name": { tag: "element.io.section.bad-name", name: 42 },
+            });
+            expect(getCustomSectionData()).toEqual({});
+        });
+
+        it("defaults spaceId to MetaSpace.Home when spaceId is missing", () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue({ [validTag]: validEntry });
+            expect(getCustomSectionData()[validTag].spaceId).toBe(MetaSpace.Home);
+        });
+
+        it("defaults spaceId to MetaSpace.Home when the stored space does not exist", () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue({
+                [validTag]: { ...validEntry, spaceId: "!gone:server" },
+            });
+            // spacePanelSpaces is empty (default mock), so !gone:server is unknown
+            expect(getCustomSectionData()[validTag].spaceId).toBe(MetaSpace.Home);
+        });
+
+        it("keeps spaceId when the meta-space is enabled", () => {
+            jest.spyOn(SDKContextClass.instance.spaceStore, "enabledMetaSpaces", "get").mockReturnValue([
+                MetaSpace.Home,
+            ]);
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue({
+                [validTag]: { ...validEntry, spaceId: MetaSpace.Home },
+            });
+            expect(getCustomSectionData()[validTag].spaceId).toBe(MetaSpace.Home);
+        });
+
+        it("keeps spaceId when the real space room exists", () => {
+            const spaceId = "!space:server";
+            jest.spyOn(SDKContextClass.instance.spaceStore, "spacePanelSpaces", "get").mockReturnValue([
+                { roomId: spaceId } as Room,
+            ]);
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue({
+                [validTag]: { ...validEntry, spaceId },
+            });
+            expect(getCustomSectionData()[validTag].spaceId).toBe(spaceId);
+        });
+    });
+
+    describe("getOrderedCustomSections", () => {
+        const tag = "element.io.section.abc";
+
+        beforeEach(() => {
+            jest.spyOn(SDKContextClass.instance.spaceStore, "enabledMetaSpaces", "get").mockReturnValue([]);
+            jest.spyOn(SDKContextClass.instance.spaceStore, "spacePanelSpaces", "get").mockReturnValue([]);
+        });
+
+        it("returns an empty array when the raw value is not an array", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+                if (setting === "RoomList.OrderedCustomSections") return "not-an-array";
+                return null;
+            });
+
+            const result = getOrderedCustomSections();
+            expect(result).toEqual([]);
+        });
+
+        it("removes unknown sections and saves the cleaned list", () => {
+            const knownTag = "element.io.section.known";
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+                if (setting === "RoomList.CustomSectionData") return { [knownTag]: { tag: knownTag, name: "Known" } };
+                if (setting === "RoomList.OrderedCustomSections") return [knownTag, tag];
+                return null;
+            });
+
+            expect(getOrderedCustomSections()).toEqual([knownTag]);
+        });
+    });
+
+    describe("isSectionExpanded", () => {
+        const spaceId = "!space:server";
+        const tag = "element.io.section.abc";
+
+        it.each([
+            { value: {}, result: true },
+            { value: { "!other:server": { [tag]: false } }, result: true },
+            { value: { [spaceId]: { "other.tag": false } }, result: true },
+            { value: { [spaceId]: { [tag]: false } }, result: false },
+        ])("returns the persisted state=$result when value=$value", ({ value, result }) => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(value);
+            expect(isSectionExpanded(spaceId, tag)).toBe(result);
+        });
+    });
+
+    describe("setSectionExpanded", () => {
+        const spaceId = "!space:server";
+        const tag = "element.io.section.abc";
+
+        it("persists the state at the device level", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue({});
+            const setValueSpy = jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+
+            await setSectionExpanded(spaceId, tag, false);
+
+            expect(setValueSpy).toHaveBeenCalledWith("RoomList.SectionExpansionState", null, SettingLevel.DEVICE, {
+                [spaceId]: { [tag]: false },
+            });
+        });
+
+        it("merges with existing state for other spaces and tags", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue({
+                "!other:server": { "other.tag": false },
+                [spaceId]: { "existing.tag": true },
+            });
+            const setValueSpy = jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+
+            await setSectionExpanded(spaceId, tag, false);
+
+            expect(setValueSpy).toHaveBeenCalledWith("RoomList.SectionExpansionState", null, SettingLevel.DEVICE, {
+                "!other:server": { "other.tag": false },
+                [spaceId]: { "existing.tag": true, [tag]: false },
+            });
+        });
+
+        it("overwrites the previous state for the same space and tag", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue({ [spaceId]: { [tag]: false } });
+            const setValueSpy = jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+
+            await setSectionExpanded(spaceId, tag, true);
+
+            expect(setValueSpy).toHaveBeenCalledWith("RoomList.SectionExpansionState", null, SettingLevel.DEVICE, {
+                [spaceId]: { [tag]: true },
+            });
+        });
+    });
+
+    describe("createSection", () => {
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(null);
+            jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+            jest.spyOn(SDKContextClass.instance.spaceStore, "enabledMetaSpaces", "get").mockReturnValue([]);
+            jest.spyOn(SDKContextClass.instance.spaceStore, "spacePanelSpaces", "get").mockReturnValue([]);
+        });
+
+        it.each([
+            [false, "", undefined],
+            [true, "", undefined],
+            [true, "My Section", expect.stringMatching(/^element\.io\.section\./)],
+        ])("returns %s when shouldCreate=%s and name='%s'", async (shouldCreate, name, expected) => {
+            jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([shouldCreate, name]),
+                close: jest.fn(),
+            } as any);
+
+            const result = await createSection(MetaSpace.Home);
+            expect(result).toEqual(expected);
+        });
+
+        it("returns the new tag when section is created", async () => {
+            jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([true, "My Section"]),
+                close: jest.fn(),
+            } as any);
+
+            const result = await createSection(MetaSpace.Home);
+            expect(result).toMatch(/^element\.io\.section\./);
+        });
+
+        it("opens the CreateSectionDialog", async () => {
+            const createDialogSpy = jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([false, ""]),
+                close: jest.fn(),
+            } as any);
+
+            await createSection(MetaSpace.Home);
+            expect(createDialogSpy).toHaveBeenCalledWith(CreateSectionDialog);
+        });
+
+        it("saves section data and ordered sections at ACCOUNT level when confirmed", async () => {
+            const existingTag = "element.io.section.existing";
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+                if (setting === "RoomList.OrderedCustomSections") return [existingTag];
+                if (setting === "RoomList.CustomSectionData")
+                    return { [existingTag]: { tag: existingTag, name: "Existing" } };
+                return null;
+            });
+            jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([true, "My Section"]),
+                close: jest.fn(),
+            } as any);
+            const setValueSpy = jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+
+            await createSection(MetaSpace.Home);
+
+            const orderedCall = setValueSpy.mock.calls.find(([name]) => name === "RoomList.OrderedCustomSections");
+            const savedOrder = orderedCall![3] as string[];
+            expect(savedOrder[0]).toBe(existingTag);
+            expect(savedOrder[1]).toMatch(/^element\.io\.section\./);
+
+            const newTag = savedOrder[1];
+            const customDataCall = setValueSpy.mock.calls.find(([name]) => name === "RoomList.CustomSectionData");
+            const savedSection = (customDataCall![3] as Record<string, { tag: string; name: string; spaceId: string }>)[
+                newTag
+            ];
+            expect(savedSection.name).toBe("My Section");
+            expect(savedSection.tag).toBe(newTag);
+            expect(savedSection.spaceId).toBe(MetaSpace.Home);
+        });
+    });
+
+    describe("editSection", () => {
+        const tag = "element.io.section.abc";
+        const existingSectionData = { [tag]: { tag, name: "Old Name" } };
+
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(existingSectionData);
+            jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+        });
+
+        it("does nothing if the tag is not a custom section tag", async () => {
+            const createDialogSpy = jest.spyOn(Modal, "createDialog");
+            await editSection("m.favourite");
+            expect(createDialogSpy).not.toHaveBeenCalled();
+        });
+
+        it("does nothing if the section does not exist", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue({});
+            const createDialogSpy = jest.spyOn(Modal, "createDialog");
+
+            await editSection(tag);
+            expect(createDialogSpy).not.toHaveBeenCalled();
+        });
+
+        it("opens the CreateSectionDialog with the current section name", async () => {
+            const createDialogSpy = jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([false, ""]),
+                close: jest.fn(),
+            } as any);
+
+            await editSection(tag);
+            expect(createDialogSpy).toHaveBeenCalledWith(CreateSectionDialog, { sectionToEdit: "Old Name" });
+        });
+
+        it.each([
+            [false, "New Name"],
+            [true, ""],
+            [true, "Old Name"],
+        ])("does not save when shouldEdit=%s and name='%s'", async (shouldEdit, name) => {
+            jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([shouldEdit, name]),
+                close: jest.fn(),
+            } as any);
+            const setValueSpy = jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+
+            await editSection(tag);
+            expect(setValueSpy).not.toHaveBeenCalled();
+        });
+
+        it("saves the new name when confirmed with a different name", async () => {
+            jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([true, "New Name"]),
+                close: jest.fn(),
+            } as any);
+            const setValueSpy = jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+
+            await editSection(tag);
+
+            expect(setValueSpy).toHaveBeenCalledWith(
+                "RoomList.CustomSectionData",
+                null,
+                expect.anything(),
+                expect.objectContaining({ [tag]: expect.objectContaining({ tag, name: "New Name" }) }),
+            );
+        });
+    });
+
+    describe("deleteSection", () => {
+        const tag = "element.io.section.abc";
+        const otherTag = "element.io.section.other";
+
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+                if (setting === "RoomList.CustomSectionData")
+                    return { [tag]: { tag, name: "My Section" }, [otherTag]: { tag: otherTag, name: "Other Section" } };
+                if (setting === "RoomList.OrderedCustomSections") return [otherTag, tag];
+                return null;
+            });
+            jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+        });
+
+        it("does nothing if the tag is not a custom section tag", async () => {
+            const createDialogSpy = jest.spyOn(Modal, "createDialog");
+            await deleteSection("m.favourite", false);
+            expect(createDialogSpy).not.toHaveBeenCalled();
+        });
+
+        it("does nothing if the section does not exist", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue({});
+            const createDialogSpy = jest.spyOn(Modal, "createDialog");
+
+            await deleteSection(tag, false);
+            expect(createDialogSpy).not.toHaveBeenCalled();
+        });
+
+        it.each([
+            [true, "empty"],
+            [false, "non-empty"],
+        ])("opens the RemoveSectionDialog with isEmpty=%s for %s section", async (isEmpty) => {
+            const createDialogSpy = jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([false]),
+                close: jest.fn(),
+            } as any);
+
+            await deleteSection(tag, isEmpty);
+            expect(createDialogSpy).toHaveBeenCalledWith(RemoveSectionDialog, { isEmpty });
+        });
+
+        it("does not save when user cancels", async () => {
+            jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([false]),
+                close: jest.fn(),
+            } as any);
+            const setValueSpy = jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+
+            await deleteSection(tag, false);
+            expect(setValueSpy).not.toHaveBeenCalled();
+        });
+
+        it("removes the section from ordered list and section data when confirmed", async () => {
+            jest.spyOn(Modal, "createDialog").mockReturnValue({
+                finished: Promise.resolve([true]),
+                close: jest.fn(),
+            } as any);
+            const setValueSpy = jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+
+            await deleteSection(tag, false);
+
+            const orderedCall = setValueSpy.mock.calls.find(([name]) => name === "RoomList.OrderedCustomSections");
+            // CHATS_TAG is appended because the stored order didn't include it (legacy default position).
+            expect(orderedCall![3]).toEqual([otherTag, CHATS_TAG]);
+
+            const customDataCall = setValueSpy.mock.calls.find(([name]) => name === "RoomList.CustomSectionData");
+            expect(customDataCall![3]).not.toHaveProperty(tag);
+        });
+    });
+
+    describe("reorderSection", () => {
+        const customTag = `${CUSTOM_SECTION_TAG_PREFIX}abc`;
+        const customTag2 = `${CUSTOM_SECTION_TAG_PREFIX}def`;
+
+        function mockSettings(
+            orderedTags: string[],
+            customData: Record<string, { tag: string; name: string }> = {},
+        ): void {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+                if (setting === "RoomList.OrderedCustomSections") return orderedTags;
+                if (setting === "RoomList.CustomSectionData") return customData;
+                return null;
+            });
+        }
+
+        it.each<{
+            description: string;
+            initial: string[];
+            customData: Record<string, { tag: string; name: string }>;
+            source: string;
+            target: string;
+            expected: string[];
+        }>([
+            {
+                description: "a custom section after another custom section",
+                initial: [customTag, customTag2],
+                customData: {
+                    [customTag]: { tag: customTag, name: "A" },
+                    [customTag2]: { tag: customTag2, name: "B" },
+                },
+                source: customTag,
+                target: customTag2,
+                expected: [customTag2, customTag, CHATS_TAG],
+            },
+            {
+                description: "a custom section before another when dragging up",
+                initial: [customTag2, customTag],
+                customData: {
+                    [customTag]: { tag: customTag, name: "A" },
+                    [customTag2]: { tag: customTag2, name: "B" },
+                },
+                source: customTag,
+                target: customTag2,
+                expected: [customTag, customTag2, CHATS_TAG],
+            },
+            {
+                description: "a custom section past the Chats tag",
+                initial: [customTag, customTag2, CHATS_TAG],
+                customData: {
+                    [customTag]: { tag: customTag, name: "A" },
+                    [customTag2]: { tag: customTag2, name: "B" },
+                },
+                source: customTag,
+                target: CHATS_TAG,
+                expected: [customTag2, CHATS_TAG, customTag],
+            },
+            {
+                description: "the Chats tag above a custom section",
+                initial: [customTag, customTag2, CHATS_TAG],
+                customData: {
+                    [customTag]: { tag: customTag, name: "A" },
+                    [customTag2]: { tag: customTag2, name: "B" },
+                },
+                source: CHATS_TAG,
+                target: customTag,
+                expected: [CHATS_TAG, customTag, customTag2],
+            },
+        ])(
+            "moves $description and saves the new order at ACCOUNT level",
+            async ({ initial, customData, source, target, expected }) => {
+                mockSettings(initial, customData);
+                const setValueSpy = jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+
+                await reorderSection(source, target);
+
+                expect(setValueSpy).toHaveBeenCalledWith(
+                    "RoomList.OrderedCustomSections",
+                    null,
+                    expect.anything(),
+                    expected,
+                );
+            },
+        );
+
+        it.each([
+            {
+                description: "source and target are the same",
+                source: customTag,
+                target: customTag,
+            },
+            {
+                description: "source custom section is not in the ordered list",
+                source: `${CUSTOM_SECTION_TAG_PREFIX}unknown`,
+                target: customTag,
+            },
+            {
+                description: "target custom section is not in the ordered list",
+                source: customTag,
+                target: `${CUSTOM_SECTION_TAG_PREFIX}unknown`,
+            },
+            {
+                description: "source is a default section",
+                source: DefaultTagID.Favourite,
+                target: customTag,
+            },
+        ])("does nothing when $description", async ({ source, target }) => {
+            mockSettings([customTag], { [customTag]: { tag: customTag, name: "A" } });
+            const setValueSpy = jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+
+            await reorderSection(source, target);
+
+            expect(setValueSpy).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("isDefaultSectionTag", () => {
+        it.each([DefaultTagID.Favourite, DefaultTagID.LowPriority, CHATS_TAG])("returns true for %s", (tag) => {
+            expect(isDefaultSectionTag(tag)).toBe(true);
+        });
+
+        it.each([DefaultTagID.Invite, "some.random.tag"])("returns false for %s", (tag) => {
+            expect(isDefaultSectionTag(tag)).toBe(false);
+        });
+    });
+
+    describe("isSectionTag", () => {
+        it.each([DefaultTagID.Favourite, DefaultTagID.LowPriority, CHATS_TAG, `${CUSTOM_SECTION_TAG_PREFIX}some-uuid`])(
+            "returns true for %s",
+            (tag) => {
+                expect(isSectionTag(tag)).toBe(true);
+            },
+        );
+
+        it.each([DefaultTagID.Invite, "some.random.tag"])("returns false for %s", (tag) => {
+            expect(isSectionTag(tag)).toBe(false);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/room-list-v3/skip-list/RoomSkipList-test.ts b/apps/web/test/unit-tests/stores/room-list-v3/skip-list/RoomSkipList-test.ts
new file mode 100644
index 00000000000..a187266fdc9
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/room-list-v3/skip-list/RoomSkipList-test.ts
@@ -0,0 +1,181 @@
+/*
+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 { shuffle } from "lodash";
+
+import type { Room } from "matrix-js-sdk/src/matrix";
+import type { Sorter } from "../../../../../src/stores/room-list-v3/skip-list/sorters";
+import type { RoomNotificationState } from "../../../../../src/stores/notifications/RoomNotificationState";
+import { mkMessage, stubClient } from "../../../../test-utils";
+import { RoomSkipList } from "../../../../../src/stores/room-list-v3/skip-list/RoomSkipList";
+import { RecencySorter } from "../../../../../src/stores/room-list-v3/skip-list/sorters/RecencySorter";
+import { AlphabeticSorter } from "../../../../../src/stores/room-list-v3/skip-list/sorters/AlphabeticSorter";
+import { getMockedRooms } from "./getMockedRooms";
+import { MetaSpace } from "../../../../../src/stores/spaces";
+import { RoomNotificationStateStore } from "../../../../../src/stores/notifications/RoomNotificationStateStore";
+import { FavouriteFilter } from "../../../../../src/stores/room-list-v3/skip-list/filters/FavouriteFilter";
+import { FilterEnum } from "../../../../../src/stores/room-list-v3/skip-list/filters";
+import { DefaultTagID } from "../../../../../src/stores/room-list-v3/skip-list/tag";
+import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass.ts";
+
+describe("RoomSkipList", () => {
+    function generateSkipList(roomCount?: number): {
+        skipList: RoomSkipList;
+        rooms: Room[];
+        totalRooms: number;
+        sorter: Sorter;
+    } {
+        const client = stubClient();
+        const sorter = new RecencySorter(client.getSafeUserId());
+        const skipList = new RoomSkipList(sorter);
+        const rooms = getMockedRooms(client, roomCount);
+        skipList.seed(rooms);
+        return { skipList, rooms, totalRooms: rooms.length, sorter };
+    }
+
+    beforeEach(() => {
+        jest.spyOn(SDKContextClass.instance.spaceStore, "isRoomInSpace").mockImplementation(
+            (space) => space === MetaSpace.Home,
+        );
+        jest.spyOn(SDKContextClass.instance.spaceStore, "activeSpace", "get").mockImplementation(() => MetaSpace.Home);
+        jest.spyOn(SDKContextClass.instance.spaceStore, "storeReadyPromise", "get").mockImplementation(() =>
+            Promise.resolve(),
+        );
+        jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockImplementation(() => {
+            const state = {
+                mute: false,
+            } as unknown as RoomNotificationState;
+            return state;
+        });
+    });
+
+    it("Rooms are in sorted order after initial seed", () => {
+        const { skipList, totalRooms } = generateSkipList();
+        expect(skipList.size).toEqual(totalRooms);
+        const sortedRooms = [...skipList];
+        for (let i = 0; i < totalRooms; ++i) {
+            expect(sortedRooms[i].roomId).toEqual(`!foo${totalRooms - i - 1}:matrix.org`);
+        }
+    });
+
+    it("Tolerates multiple, repeated inserts of existing rooms", () => {
+        const { skipList, rooms, totalRooms } = generateSkipList();
+        // Let's choose 5 rooms from the list
+        const toInsert = [23, 76, 2, 90, 66].map((i) => rooms[i]);
+        for (const room of toInsert) {
+            // Insert this room 10 times
+            for (let i = 0; i < 10; ++i) {
+                skipList.reInsertRoom(room);
+            }
+        }
+        // Sorting order should be the same as before
+        const sortedRooms = [...skipList];
+        for (let i = 0; i < totalRooms; ++i) {
+            expect(sortedRooms[i].roomId).toEqual(`!foo${totalRooms - i - 1}:matrix.org`);
+        }
+    });
+
+    it("Sorting order is maintained when rooms are inserted", () => {
+        const { skipList, rooms, totalRooms } = generateSkipList();
+        // To simulate the worst case, let's say the order gets reversed one by one
+        for (let i = 0; i < rooms.length; ++i) {
+            const room = rooms[i];
+            const event = mkMessage({
+                room: room.roomId,
+                user: `@foo${i}:matrix.org`,
+                ts: totalRooms - i,
+                event: true,
+            });
+            jest.spyOn(room.getLiveTimeline(), "getEvents").mockReturnValue([event]);
+            skipList.reInsertRoom(room);
+            expect(skipList.size).toEqual(rooms.length);
+        }
+        const sortedRooms = [...skipList];
+        for (let i = 0; i < totalRooms; ++i) {
+            expect(sortedRooms[i].roomId).toEqual(`!foo${i}:matrix.org`);
+        }
+    });
+
+    it("Room is not duplicated when same room is added via addNewRoom", () => {
+        const { skipList, rooms } = generateSkipList();
+        const room = rooms[5];
+        const sizeBefore = skipList.size;
+        skipList.addNewRoom(room);
+
+        expect(skipList.size).toEqual(sizeBefore);
+    });
+
+    it("Filters are applied to existing nodes when useNewFilters is called", () => {
+        const { skipList, rooms } = generateSkipList(10);
+
+        // Mark some rooms as favourite
+        const favouriteRooms = [rooms[2], rooms[5], rooms[8]];
+        for (const room of favouriteRooms) {
+            room.tags = { [DefaultTagID.Favourite]: { order: 0 } };
+        }
+
+        // No filters yet — all rooms are in the list
+        expect(skipList.size).toEqual(10);
+
+        // Apply the favourite filter
+        skipList.useNewFilters([new FavouriteFilter()]);
+
+        // Only favourite rooms should be returned when filtering by favourite
+        const filteredRooms = Array.from(skipList.getRoomsInActiveSpace([FilterEnum.FavouriteFilter]));
+        expect(filteredRooms).toHaveLength(favouriteRooms.length);
+    });
+
+    it("Re-sort works when sorter is swapped", () => {
+        const { skipList, rooms, sorter } = generateSkipList();
+        const sortedByRecency = [...rooms].sort((a, b) => sorter.comparator(a, b));
+        expect(sortedByRecency).toEqual([...skipList]);
+        // Now switch over to alphabetic sorter
+        const newSorter = new AlphabeticSorter();
+        skipList.useNewSorter(newSorter, rooms);
+        const sortedByAlphabet = [...rooms].sort((a, b) => newSorter.comparator(a, b));
+        expect(sortedByAlphabet).toEqual([...skipList]);
+    });
+
+    describe("Empty skip list functionality", () => {
+        it("Insertions into empty skip list works", () => {
+            // Create an empty skip list
+            const client = stubClient();
+            const sorter = new RecencySorter(client.getSafeUserId());
+            const roomSkipList = new RoomSkipList(sorter);
+            expect(roomSkipList.size).toEqual(0);
+            roomSkipList.seed([]);
+            expect(roomSkipList.size).toEqual(0);
+
+            // Create some rooms
+            const totalRooms = 10;
+            const rooms = getMockedRooms(client, totalRooms);
+
+            // Shuffle and insert the rooms
+            for (const room of shuffle(rooms)) {
+                roomSkipList.addNewRoom(room);
+            }
+
+            expect(roomSkipList.size).toEqual(totalRooms);
+            const sortedRooms = [...roomSkipList];
+            for (let i = 0; i < totalRooms; ++i) {
+                expect(sortedRooms[i].roomId).toEqual(`!foo${totalRooms - i - 1}:matrix.org`);
+            }
+        });
+
+        it("Tolerates deletions until skip list is empty", () => {
+            const { skipList, rooms } = generateSkipList(10);
+            const sorted = [...skipList];
+            for (const room of shuffle(rooms)) {
+                skipList.removeRoom(room);
+                const i = sorted.findIndex((r) => r.roomId === room.roomId);
+                sorted.splice(i, 1);
+                expect([...skipList]).toEqual(sorted);
+            }
+            expect(skipList.size).toEqual(0);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/room-list-v3/skip-list/getMockedRooms.ts b/apps/web/test/unit-tests/stores/room-list-v3/skip-list/getMockedRooms.ts
new file mode 100644
index 00000000000..af6858f0235
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/room-list-v3/skip-list/getMockedRooms.ts
@@ -0,0 +1,22 @@
+/*
+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, Room } from "matrix-js-sdk/src/matrix";
+import { mkMessage, mkStubRoom } from "../../../../test-utils";
+import { vi } from "../../../../setup/adapter.ts";
+
+export function getMockedRooms(client: MatrixClient, roomCount: number = 100): Room[] {
+    const rooms: Room[] = [];
+    for (let i = 0; i < roomCount; ++i) {
+        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 });
+        vi.spyOn(room.getLiveTimeline(), "getEvents").mockReturnValue([event]);
+        rooms.push(room);
+    }
+    return rooms;
+}
diff --git a/apps/web/test/unit-tests/stores/room-list-v3/skip-list/sorters/UnreadSorter-test.ts b/apps/web/test/unit-tests/stores/room-list-v3/skip-list/sorters/UnreadSorter-test.ts
new file mode 100644
index 00000000000..b8e9bbcc16b
--- /dev/null
+++ b/apps/web/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-v3/skip-list/tag";
+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/apps/web/test/unit-tests/stores/room-list-v3/sorters/utils/getLastTimestamp-test.ts b/apps/web/test/unit-tests/stores/room-list-v3/sorters/utils/getLastTimestamp-test.ts
new file mode 100644
index 00000000000..796071ce478
--- /dev/null
+++ b/apps/web/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/apps/web/test/unit-tests/stores/room-list-v3/utils-test.ts b/apps/web/test/unit-tests/stores/room-list-v3/utils-test.ts
new file mode 100644
index 00000000000..1b050ce4568
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/room-list-v3/utils-test.ts
@@ -0,0 +1,88 @@
+/*
+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 { ConditionKind, EventType, type IPushRule, MatrixEvent, PushRuleActionName } from "matrix-js-sdk/src/matrix";
+
+import { getChangedOverrideRoomMutePushRules } from "../../../../src/stores/room-list-v3/utils";
+import { DEFAULT_PUSH_RULES, getDefaultRuleWithKind, makePushRule } from "../../../test-utils/pushRules";
+
+describe("getChangedOverrideRoomMutePushRules()", () => {
+    const makePushRulesEvent = (overrideRules: IPushRule[] = []): MatrixEvent => {
+        return new MatrixEvent({
+            type: EventType.PushRules,
+            content: {
+                global: {
+                    ...DEFAULT_PUSH_RULES.global,
+                    override: overrideRules,
+                },
+            },
+        });
+    };
+
+    it("returns undefined when dispatched action is not accountData", () => {
+        const action = { action: "MatrixActions.Event.decrypted", event: new MatrixEvent({}) };
+        expect(getChangedOverrideRoomMutePushRules(action)).toBeUndefined();
+    });
+
+    it("returns undefined when dispatched action is not pushrules", () => {
+        const action = { action: "MatrixActions.accountData", event: new MatrixEvent({ type: "not-push-rules" }) };
+        expect(getChangedOverrideRoomMutePushRules(action)).toBeUndefined();
+    });
+
+    it("returns undefined when actions event is falsy", () => {
+        const action = { action: "MatrixActions.accountData" };
+        expect(getChangedOverrideRoomMutePushRules(action)).toBeUndefined();
+    });
+
+    it("returns undefined when actions previousEvent is falsy", () => {
+        const pushRulesEvent = makePushRulesEvent();
+        const action = { action: "MatrixActions.accountData", event: pushRulesEvent };
+        expect(getChangedOverrideRoomMutePushRules(action)).toBeUndefined();
+    });
+
+    it("filters out non-room specific rules", () => {
+        // an override rule that exists in default rules
+        const { rule } = getDefaultRuleWithKind(".m.rule.contains_display_name");
+        const updatedRule = {
+            ...rule,
+            actions: [PushRuleActionName.DontNotify],
+            enabled: false,
+        };
+        const previousEvent = makePushRulesEvent([rule]);
+        const pushRulesEvent = makePushRulesEvent([updatedRule]);
+        const action = { action: "MatrixActions.accountData", event: pushRulesEvent, previousEvent: previousEvent };
+        // contains_display_name changed, but is not room-specific
+        expect(getChangedOverrideRoomMutePushRules(action)).toEqual([]);
+    });
+
+    it("returns ruleIds for added room rules", () => {
+        const roomId1 = "!room1:server.org";
+        const rule = makePushRule(roomId1, {
+            actions: [PushRuleActionName.DontNotify],
+            conditions: [{ kind: ConditionKind.EventMatch, key: "room_id", pattern: roomId1 }],
+        });
+        const previousEvent = makePushRulesEvent();
+        const pushRulesEvent = makePushRulesEvent([rule]);
+        const action = { action: "MatrixActions.accountData", event: pushRulesEvent, previousEvent: previousEvent };
+        // contains_display_name changed, but is not room-specific
+        expect(getChangedOverrideRoomMutePushRules(action)).toEqual([rule.rule_id]);
+    });
+
+    it("returns ruleIds for removed room rules", () => {
+        const roomId1 = "!room1:server.org";
+        const rule = makePushRule(roomId1, {
+            actions: [PushRuleActionName.DontNotify],
+            conditions: [{ kind: ConditionKind.EventMatch, key: "room_id", pattern: roomId1 }],
+        });
+        const previousEvent = makePushRulesEvent([rule]);
+        const pushRulesEvent = makePushRulesEvent();
+        const action = { action: "MatrixActions.accountData", event: pushRulesEvent, previousEvent: previousEvent };
+        // contains_display_name changed, but is not room-specific
+        expect(getChangedOverrideRoomMutePushRules(action)).toEqual([rule.rule_id]);
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/widgets/ElementWidgetDriver-test.ts b/apps/web/test/unit-tests/stores/widgets/ElementWidgetDriver-test.ts
new file mode 100644
index 00000000000..2824dbc9c49
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/widgets/ElementWidgetDriver-test.ts
@@ -0,0 +1,985 @@
+/*
+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 { mocked, type MockedObject } from "jest-mock";
+import fetchMock from "@fetch-mock/jest";
+import {
+    type MatrixClient,
+    ClientEvent,
+    type ITurnServer as IClientTurnServer,
+    Direction,
+    EventType,
+    MatrixError,
+    MatrixEvent,
+    MsgType,
+    RelationType,
+    type Room,
+} from "matrix-js-sdk/src/matrix";
+import {
+    Widget,
+    WidgetKind,
+    type WidgetDriver,
+    type ITurnServer,
+    SimpleObservable,
+    OpenIDRequestState,
+    type IOpenIDUpdate,
+} from "matrix-widget-api";
+import {
+    type ApprovalOpts,
+    type CapabilitiesOpts,
+    WidgetLifecycle,
+} from "@matrix-org/react-sdk-module-api/lib/lifecycles/WidgetLifecycle";
+
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import { ElementWidgetDriver } from "../../../../src/stores/widgets/ElementWidgetDriver";
+import { mkEvent, stubClient } from "../../../test-utils";
+import { ModuleRunner } from "../../../../src/modules/ModuleRunner";
+import { ModuleApi } from "../../../../src/modules/Api";
+import dis from "../../../../src/dispatcher/dispatcher";
+import Modal from "../../../../src/Modal";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import { WidgetType } from "../../../../src/widgets/WidgetType.ts";
+
+describe("ElementWidgetDriver", () => {
+    let client: MockedObject<MatrixClient>;
+
+    const mkDefaultDriver = (): WidgetDriver =>
+        new ElementWidgetDriver(
+            new Widget({
+                id: "test",
+                creatorUserId: "@alice:example.org",
+                type: "example",
+                url: "https://example.org",
+            }),
+            WidgetKind.Room,
+            false,
+            "!1:example.org",
+        );
+
+    jest.spyOn(Modal, "createDialog").mockImplementation(() => {
+        throw new Error("Should not have to create a dialog");
+    });
+
+    beforeEach(() => {
+        stubClient();
+        client = mocked(MatrixClientPeg.safeGet());
+        client.getUserId.mockReturnValue("@alice:example.org");
+        client.getSafeUserId.mockReturnValue("@alice:example.org");
+    });
+
+    it("auto-approves capabilities of virtual Element Call widgets", async () => {
+        const driver = new ElementWidgetDriver(
+            new Widget({
+                id: "group_call",
+                creatorUserId: "@alice:example.org",
+                type: WidgetType.CALL.preferred,
+                url: "https://call.element.io",
+            }),
+            WidgetKind.Room,
+            true,
+            "!1:example.org",
+        );
+
+        // These are intentionally raw identifiers rather than constants, so it's obvious what's being requested
+        const requestedCapabilities = new Set([
+            "m.always_on_screen",
+            "town.robin.msc3846.turn_servers",
+            "org.matrix.msc4515.rtc_transports",
+            "org.matrix.msc2762.timeline:!1:example.org",
+            "org.matrix.msc2762.send.event:org.matrix.msc4075.call.notify",
+            "org.matrix.msc2762.send.event:org.matrix.msc4075.rtc.notification",
+            "org.matrix.msc2762.send.event:org.matrix.rageshake_request",
+            "org.matrix.msc2762.receive.event:org.matrix.rageshake_request",
+            "org.matrix.msc2762.send.event:m.reaction",
+            "org.matrix.msc2762.receive.event:m.reaction",
+            "org.matrix.msc2762.send.event:m.room.redaction",
+            "org.matrix.msc2762.receive.event:m.room.redaction",
+            "org.matrix.msc2762.send.event:io.element.call.reaction",
+            "org.matrix.msc2762.receive.event:io.element.call.reaction",
+            "org.matrix.msc2762.receive.state_event:m.room.create",
+            "org.matrix.msc2762.receive.state_event:m.room.name",
+            "org.matrix.msc2762.receive.state_event:m.room.member",
+            "org.matrix.msc2762.receive.state_event:org.matrix.msc3401.call",
+            "org.matrix.msc2762.send.state_event:org.matrix.msc3401.call.member#@alice:example.org",
+            "org.matrix.msc2762.receive.state_event:org.matrix.msc3401.call.member",
+            `org.matrix.msc2762.send.state_event:org.matrix.msc3401.call.member#_@alice:example.org_${client.deviceId}`,
+            `org.matrix.msc2762.send.state_event:org.matrix.msc3401.call.member#@alice:example.org_${client.deviceId}`,
+            `org.matrix.msc2762.send.state_event:org.matrix.msc3401.call.member#_@alice:example.org_${client.deviceId}_m.call`,
+            `org.matrix.msc2762.send.state_event:org.matrix.msc3401.call.member#@alice:example.org_${client.deviceId}_m.call`,
+            "org.matrix.msc3819.send.to_device:m.call.invite",
+            "org.matrix.msc3819.receive.to_device:m.call.invite",
+            "org.matrix.msc3819.send.to_device:m.call.candidates",
+            "org.matrix.msc3819.receive.to_device:m.call.candidates",
+            "org.matrix.msc3819.send.to_device:m.call.answer",
+            "org.matrix.msc3819.receive.to_device:m.call.answer",
+            "org.matrix.msc3819.send.to_device:m.call.hangup",
+            "org.matrix.msc3819.receive.to_device:m.call.hangup",
+            "org.matrix.msc3819.send.to_device:m.call.reject",
+            "org.matrix.msc3819.receive.to_device:m.call.reject",
+            "org.matrix.msc3819.send.to_device:m.call.select_answer",
+            "org.matrix.msc3819.receive.to_device:m.call.select_answer",
+            "org.matrix.msc3819.send.to_device:m.call.negotiate",
+            "org.matrix.msc3819.receive.to_device:m.call.negotiate",
+            "org.matrix.msc3819.send.to_device:m.call.sdp_stream_metadata_changed",
+            "org.matrix.msc3819.receive.to_device:m.call.sdp_stream_metadata_changed",
+            "org.matrix.msc3819.send.to_device:org.matrix.call.sdp_stream_metadata_changed",
+            "org.matrix.msc3819.receive.to_device:org.matrix.call.sdp_stream_metadata_changed",
+            "org.matrix.msc3819.send.to_device:m.call.replaces",
+            "org.matrix.msc3819.receive.to_device:m.call.replaces",
+            "org.matrix.msc4157.send.delayed_event",
+            "org.matrix.msc4157.update_delayed_event",
+            "org.matrix.msc4407.send.sticky_event",
+            "org.matrix.msc4407.receive.sticky_event",
+            "org.matrix.msc4039.download_file",
+            // 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",
+            "org.matrix.msc2762.receive.event:org.matrix.msc4310.rtc.decline",
+            "org.matrix.msc2762.receive.event:m.rtc.decline",
+            // RTC member events (send/receive, unstable/stable)
+            "org.matrix.msc2762.receive.event:org.matrix.msc4143.rtc.member",
+            "org.matrix.msc2762.receive.event:m.rtc.member",
+            "org.matrix.msc2762.send.event:m.rtc.member",
+            "org.matrix.msc2762.send.event:org.matrix.msc4143.rtc.member",
+        ]);
+
+        const approvedCapabilities = await driver.validateCapabilities(requestedCapabilities);
+        expect(approvedCapabilities).toEqual(requestedCapabilities);
+    });
+
+    it("approves capabilities via module api", async () => {
+        const driver = mkDefaultDriver();
+
+        const requestedCapabilities = new Set(["org.matrix.msc2931.navigate", "org.matrix.msc2762.timeline:*"]);
+
+        jest.spyOn(ModuleRunner.instance, "invoke").mockImplementation(
+            (lifecycleEvent, opts, widgetInfo, requested) => {
+                if (lifecycleEvent === WidgetLifecycle.CapabilitiesRequest) {
+                    (opts as CapabilitiesOpts).approvedCapabilities = requested;
+                }
+            },
+        );
+
+        const approvedCapabilities = await driver.validateCapabilities(requestedCapabilities);
+        expect(approvedCapabilities).toEqual(requestedCapabilities);
+    });
+
+    it("approves identity via module api", async () => {
+        const driver = mkDefaultDriver();
+
+        jest.spyOn(ModuleRunner.instance, "invoke").mockImplementation((lifecycleEvent, opts, widgetInfo) => {
+            if (lifecycleEvent === WidgetLifecycle.IdentityRequest) {
+                (opts as ApprovalOpts).approved = true;
+            }
+        });
+
+        const listener = jest.fn();
+        const observer = new SimpleObservable<IOpenIDUpdate>();
+        observer.onUpdate(listener);
+        await driver.askOpenID(observer);
+
+        const openIdUpdate: IOpenIDUpdate = {
+            state: OpenIDRequestState.Allowed,
+            token: await client.getOpenIdToken(),
+        };
+        expect(listener).toHaveBeenCalledWith(openIdUpdate);
+    });
+
+    it("approves capabilities via new widget lifecycle API", async () => {
+        const driver = mkDefaultDriver();
+
+        const requestedCapabilities = new Set(["org.matrix.msc2931.navigate", "org.matrix.msc2762.timeline:*"]);
+
+        jest.spyOn(ModuleApi.instance.widgetLifecycle, "preapproveCapabilities").mockResolvedValue(
+            requestedCapabilities,
+        );
+
+        const approvedCapabilities = await driver.validateCapabilities(requestedCapabilities);
+        expect(approvedCapabilities).toEqual(requestedCapabilities);
+    });
+
+    it("falls back to legacy module API when new API returns undefined for capabilities", async () => {
+        const driver = mkDefaultDriver();
+
+        const requestedCapabilities = new Set(["org.matrix.msc2931.navigate", "org.matrix.msc2762.timeline:*"]);
+
+        jest.spyOn(ModuleApi.instance.widgetLifecycle, "preapproveCapabilities").mockResolvedValue(undefined);
+        jest.spyOn(ModuleRunner.instance, "invoke").mockImplementation(
+            (lifecycleEvent, opts, widgetInfo, requested) => {
+                if (lifecycleEvent === WidgetLifecycle.CapabilitiesRequest) {
+                    (opts as CapabilitiesOpts).approvedCapabilities = requested;
+                }
+            },
+        );
+
+        const approvedCapabilities = await driver.validateCapabilities(requestedCapabilities);
+        expect(approvedCapabilities).toEqual(requestedCapabilities);
+    });
+
+    it("approves identity via new widget lifecycle API", async () => {
+        const driver = mkDefaultDriver();
+
+        jest.spyOn(ModuleApi.instance.widgetLifecycle, "preapproveIdentity").mockResolvedValue(true);
+
+        const listener = jest.fn();
+        const observer = new SimpleObservable<IOpenIDUpdate>();
+        observer.onUpdate(listener);
+        await driver.askOpenID(observer);
+
+        const openIdUpdate: IOpenIDUpdate = {
+            state: OpenIDRequestState.Allowed,
+            token: await client.getOpenIdToken(),
+        };
+        expect(listener).toHaveBeenCalledWith(openIdUpdate);
+    });
+
+    it("falls back to legacy module API when new API returns false for identity", async () => {
+        const driver = mkDefaultDriver();
+
+        jest.spyOn(ModuleApi.instance.widgetLifecycle, "preapproveIdentity").mockResolvedValue(false);
+        jest.spyOn(ModuleRunner.instance, "invoke").mockImplementation((lifecycleEvent, opts, widgetInfo) => {
+            if (lifecycleEvent === WidgetLifecycle.IdentityRequest) {
+                (opts as ApprovalOpts).approved = true;
+            }
+        });
+
+        const listener = jest.fn();
+        const observer = new SimpleObservable<IOpenIDUpdate>();
+        observer.onUpdate(listener);
+        await driver.askOpenID(observer);
+
+        const openIdUpdate: IOpenIDUpdate = {
+            state: OpenIDRequestState.Allowed,
+            token: await client.getOpenIdToken(),
+        };
+        expect(listener).toHaveBeenCalledWith(openIdUpdate);
+    });
+
+    describe("sendToDevice", () => {
+        const contentMap = {
+            "@alice:example.org": {
+                "*": {
+                    hello: "alice",
+                },
+            },
+            "@bob:example.org": {
+                bobDesktop: {
+                    hello: "bob",
+                },
+            },
+        };
+
+        let driver: WidgetDriver;
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+        });
+
+        it("sends unencrypted messages", async () => {
+            await driver.sendToDevice("org.example.foo", false, contentMap);
+            expect(client.queueToDevice).toHaveBeenCalledWith({
+                eventType: "org.example.foo",
+                batch: [
+                    { deviceId: "*", payload: { hello: "alice" }, userId: "@alice:example.org" },
+                    { deviceId: "bobDesktop", payload: { hello: "bob" }, userId: "@bob:example.org" },
+                ],
+            });
+        });
+
+        it("sends encrypted messages", async () => {
+            const encryptToDeviceMessages = jest
+                .fn()
+                .mockImplementation(
+                    (eventType, recipients: { userId: string; deviceId: string }[], content: object) => ({
+                        eventType: "m.room.encrypted",
+                        batch: recipients.map(({ userId, deviceId }) => ({
+                            userId,
+                            deviceId,
+                            payload: {
+                                eventType,
+                                content,
+                            },
+                        })),
+                    }),
+                );
+
+            MatrixClientPeg.safeGet().getCrypto()!.encryptToDeviceMessages = encryptToDeviceMessages;
+
+            await driver.sendToDevice("org.example.foo", true, {
+                "@alice:example.org": {
+                    aliceMobile: {
+                        hello: "alice",
+                    },
+                },
+                "@bob:example.org": {
+                    bobDesktop: {
+                        hello: "bob",
+                    },
+                },
+            });
+
+            expect(encryptToDeviceMessages).toHaveBeenCalledWith(
+                "org.example.foo",
+                [{ deviceId: "aliceMobile", userId: "@alice:example.org" }],
+                {
+                    hello: "alice",
+                },
+            );
+            expect(encryptToDeviceMessages).toHaveBeenCalledWith(
+                "org.example.foo",
+                [{ deviceId: "bobDesktop", userId: "@bob:example.org" }],
+                {
+                    hello: "bob",
+                },
+            );
+            expect(client.queueToDevice).toHaveBeenCalledWith({
+                eventType: "m.room.encrypted",
+                batch: expect.arrayContaining([
+                    {
+                        deviceId: "aliceMobile",
+                        payload: { content: { hello: "alice" }, eventType: "org.example.foo" },
+                        userId: "@alice:example.org",
+                    },
+                ]),
+            });
+            expect(client.queueToDevice).toHaveBeenCalledWith({
+                eventType: "m.room.encrypted",
+                batch: expect.arrayContaining([
+                    {
+                        deviceId: "bobDesktop",
+                        payload: { content: { hello: "bob" }, eventType: "org.example.foo" },
+                        userId: "@bob:example.org",
+                    },
+                ]),
+            });
+        });
+    });
+
+    describe("getTurnServers", () => {
+        let driver: WidgetDriver;
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+        });
+
+        it("stops if VoIP isn't supported", async () => {
+            jest.spyOn(client, "pollingTurnServers", "get").mockReturnValue(false);
+            const servers = driver.getTurnServers();
+            expect(await servers.next()).toEqual({ value: undefined, done: true });
+        });
+
+        it("stops if the homeserver provides no TURN servers", async () => {
+            const servers = driver.getTurnServers();
+            expect(await servers.next()).toEqual({ value: undefined, done: true });
+        });
+
+        it("gets TURN servers", async () => {
+            const server1: ITurnServer = {
+                uris: [
+                    "turn:turn.example.com:3478?transport=udp",
+                    "turn:10.20.30.40:3478?transport=tcp",
+                    "turns:10.20.30.40:443?transport=tcp",
+                ],
+                username: "1443779631:@user:example.com",
+                password: "JlKfBy1QwLrO20385QyAtEyIv0=",
+            };
+            const server2: ITurnServer = {
+                uris: [
+                    "turn:turn.example.com:3478?transport=udp",
+                    "turn:10.20.30.40:3478?transport=tcp",
+                    "turns:10.20.30.40:443?transport=tcp",
+                ],
+                username: "1448999322:@user:example.com",
+                password: "hunter2",
+            };
+            const clientServer1: IClientTurnServer = {
+                urls: server1.uris,
+                username: server1.username,
+                credential: server1.password,
+            };
+            const clientServer2: IClientTurnServer = {
+                urls: server2.uris,
+                username: server2.username,
+                credential: server2.password,
+            };
+
+            client.getTurnServers.mockReturnValue([clientServer1]);
+            const servers = driver.getTurnServers();
+            expect(await servers.next()).toEqual({ value: server1, done: false });
+
+            const nextServer = servers.next();
+            client.getTurnServers.mockReturnValue([clientServer2]);
+            client.emit(ClientEvent.TurnServers, [clientServer2]);
+            expect(await nextServer).toEqual({ value: server2, done: false });
+
+            await servers.return(undefined);
+        });
+    });
+
+    describe("getRtcTransports", () => {
+        let driver: WidgetDriver;
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+        });
+
+        it("gets the RTC transports from the homeserver", async () => {
+            const transports = [{ type: "livekit", livekit_service_url: "https://livekit-jwt.example.com" }];
+            client._unstable_getRTCTransports.mockResolvedValue(transports);
+
+            await expect(driver.getRtcTransports()).resolves.toEqual({ rtc_transports: transports });
+
+            expect(client._unstable_getRTCTransports).toHaveBeenCalledWith();
+        });
+
+        it("propagates errors from the homeserver", async () => {
+            const error = new MatrixError({ errcode: "M_NOT_FOUND", error: "Not found" }, 404);
+
+            client._unstable_getRTCTransports.mockRejectedValue(error);
+
+            await expect(driver.getRtcTransports()).rejects.toBe(error);
+        });
+    });
+
+    describe("readEventRelations", () => {
+        let driver: WidgetDriver;
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+        });
+
+        it("reads related events from the current room", async () => {
+            jest.spyOn(SDKContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("!this-room-id");
+
+            client.relations.mockResolvedValue({
+                originalEvent: new MatrixEvent(),
+                events: [],
+            });
+
+            await expect(driver.readEventRelations("$event")).resolves.toEqual({
+                chunk: [],
+                nextBatch: undefined,
+                prevBatch: undefined,
+            });
+
+            expect(client.relations).toHaveBeenCalledWith("!this-room-id", "$event", null, null, {});
+        });
+
+        it("reads related events from a selected room", async () => {
+            client.relations.mockResolvedValue({
+                originalEvent: new MatrixEvent(),
+                events: [new MatrixEvent(), new MatrixEvent()],
+                nextBatch: "next-batch-token",
+            });
+
+            await expect(driver.readEventRelations("$event", "!room-id")).resolves.toEqual({
+                chunk: [expect.objectContaining({ content: {} }), expect.objectContaining({ content: {} })],
+                nextBatch: "next-batch-token",
+                prevBatch: undefined,
+            });
+
+            expect(client.relations).toHaveBeenCalledWith("!room-id", "$event", null, null, {});
+        });
+
+        it("reads related events with custom parameters", async () => {
+            client.relations.mockResolvedValue({
+                originalEvent: new MatrixEvent(),
+                events: [],
+            });
+
+            await expect(
+                driver.readEventRelations(
+                    "$event",
+                    "!room-id",
+                    "m.reference",
+                    "m.room.message",
+                    "from-token",
+                    "to-token",
+                    25,
+                    "f",
+                ),
+            ).resolves.toEqual({
+                chunk: [],
+                nextBatch: undefined,
+                prevBatch: undefined,
+            });
+
+            expect(client.relations).toHaveBeenCalledWith("!room-id", "$event", "m.reference", "m.room.message", {
+                limit: 25,
+                from: "from-token",
+                to: "to-token",
+                dir: Direction.Forward,
+            });
+        });
+    });
+
+    describe("chat effects", () => {
+        let driver: WidgetDriver;
+        // let client: MatrixClient;
+
+        beforeEach(() => {
+            stubClient();
+            driver = mkDefaultDriver();
+            jest.spyOn(dis, "dispatch").mockReset();
+        });
+
+        it("sends chat effects", async () => {
+            await driver.sendEvent(
+                EventType.RoomMessage,
+                {
+                    msgtype: MsgType.Text,
+                    body: "🎉",
+                },
+                null,
+            );
+
+            expect(dis.dispatch).toHaveBeenCalled();
+        });
+
+        it("does not send chat effects in threads", async () => {
+            await driver.sendEvent(
+                EventType.RoomMessage,
+                {
+                    "body": "🎉",
+                    "m.relates_to": {
+                        rel_type: RelationType.Thread,
+                        event_id: "$123",
+                    },
+                },
+                null,
+            );
+
+            expect(dis.dispatch).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("sendDelayedEvent", () => {
+        let driver: WidgetDriver;
+        const roomId = "!this-room-id";
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+        });
+
+        it("sends delayed message events", async () => {
+            client._unstable_sendDelayedEvent.mockResolvedValue({
+                delay_id: "id",
+            });
+
+            await expect(driver.sendDelayedEvent(2000, EventType.RoomMessage, {})).resolves.toEqual({
+                roomId,
+                delayId: "id",
+            });
+
+            expect(client._unstable_sendDelayedEvent).toHaveBeenCalledWith(
+                roomId,
+                { delay: 2000 },
+                null,
+                EventType.RoomMessage,
+                {},
+            );
+        });
+
+        it("sends delayed state events", async () => {
+            client._unstable_sendDelayedStateEvent.mockResolvedValue({
+                delay_id: "id",
+            });
+
+            await expect(driver.sendDelayedEvent(2000, EventType.RoomTopic, {}, "")).resolves.toEqual({
+                roomId,
+                delayId: "id",
+            });
+
+            expect(client._unstable_sendDelayedStateEvent).toHaveBeenCalledWith(
+                roomId,
+                { delay: 2000 },
+                EventType.RoomTopic,
+                {},
+                "",
+            );
+        });
+    });
+
+    describe("updateDelayedEvent", () => {
+        let driver: WidgetDriver;
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+        });
+
+        it("can cancel scheduled delayed events", async () => {
+            client._unstable_cancelScheduledDelayedEvent.mockResolvedValue({});
+            await expect(driver.cancelScheduledDelayedEvent("id")).resolves.toBeUndefined();
+            expect(client._unstable_cancelScheduledDelayedEvent).toHaveBeenCalledWith("id");
+        });
+
+        it("can restart scheduled delayed events", async () => {
+            client._unstable_restartScheduledDelayedEvent.mockResolvedValue({});
+            await expect(driver.restartScheduledDelayedEvent("id")).resolves.toBeUndefined();
+            expect(client._unstable_restartScheduledDelayedEvent).toHaveBeenCalledWith("id");
+        });
+
+        it("can send scheduled delayed events", async () => {
+            client._unstable_sendScheduledDelayedEvent.mockResolvedValue({});
+            await expect(driver.sendScheduledDelayedEvent("id")).resolves.toBeUndefined();
+            expect(client._unstable_sendScheduledDelayedEvent).toHaveBeenCalledWith("id");
+        });
+
+        it("fails to cancel scheduled delayed events", async () => {
+            const errorMessage = "Cannot cancel this delayed event";
+            client._unstable_cancelScheduledDelayedEvent.mockRejectedValue(new Error(errorMessage));
+            await expect(driver.cancelScheduledDelayedEvent("id")).rejects.toThrow(errorMessage);
+        });
+
+        it("fails to restart scheduled delayed events", async () => {
+            const errorMessage = "Cannot restart this delayed event";
+            client._unstable_restartScheduledDelayedEvent.mockRejectedValue(new Error(errorMessage));
+            await expect(driver.restartScheduledDelayedEvent("id")).rejects.toThrow(errorMessage);
+        });
+
+        it("fails to send scheduled delayed events", async () => {
+            const errorMessage = "Cannot send this delayed event";
+            client._unstable_sendScheduledDelayedEvent.mockRejectedValue(new Error(errorMessage));
+            await expect(driver.sendScheduledDelayedEvent("id")).rejects.toThrow(errorMessage);
+        });
+    });
+
+    describe("StickyEvent", () => {
+        let driver: WidgetDriver;
+        const roomId = "!this-room-id";
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+        });
+
+        it("sends sticky message events", async () => {
+            client._unstable_sendStickyEvent.mockResolvedValue({
+                event_id: "id",
+            });
+
+            await expect(driver.sendStickyEvent(2000, EventType.RoomMessage, {})).resolves.toEqual({
+                roomId,
+                eventId: "id",
+            });
+
+            expect(client._unstable_sendStickyEvent).toHaveBeenCalledWith(
+                roomId,
+                2000,
+                null,
+                EventType.RoomMessage,
+                {},
+            );
+        });
+
+        it("Reads sticky message", async () => {
+            const mockStickyEvent = new MatrixEvent({
+                sender: "@alice:example.org",
+                type: EventType.RTCMembership,
+                content: {
+                    msc4354_sticky_key: "7f433807-26aa-441b-810f-43b3fd6d0955",
+                },
+            });
+            const mockRoom: Partial<Room> = {
+                roomId: roomId,
+                _unstable_getStickyEvents: jest.fn().mockReturnValue([mockStickyEvent]),
+            };
+            client.getRoom.mockImplementation((roomId) => {
+                if (roomId === mockRoom.roomId) return mockRoom as Room;
+                return null;
+            });
+
+            {
+                const stickyEvents = await driver.readStickyEvents(roomId);
+
+                expect(stickyEvents.length).toBe(1);
+                const stickyEvent = stickyEvents[0];
+                expect(stickyEvent.type).toEqual(mockStickyEvent.getType());
+                expect(stickyEvent.sender).toEqual(mockStickyEvent.getSender());
+                expect(stickyEvent.content).toEqual(mockStickyEvent.getContent());
+            }
+
+            {
+                const stickyEvents = await driver.readStickyEvents("!another-room-id");
+                expect(stickyEvents.length).toBe(0);
+            }
+
+            expect(mockRoom._unstable_getStickyEvents).toHaveBeenCalled();
+        });
+    });
+
+    describe("sendDelayedStickyEvent", () => {
+        let driver: WidgetDriver;
+        const roomId = "!this-room-id";
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+        });
+
+        it("sends delayed sticky message events", async () => {
+            client._unstable_sendStickyDelayedEvent.mockResolvedValue({
+                delay_id: "id",
+            });
+
+            await expect(driver.sendDelayedStickyEvent(1000, 2000, EventType.RoomMessage, {})).resolves.toEqual({
+                roomId,
+                delayId: "id",
+            });
+
+            expect(client._unstable_sendStickyDelayedEvent).toHaveBeenCalledWith(
+                roomId,
+                2000,
+                { delay: 1000 },
+                null,
+                EventType.RoomMessage,
+                {},
+            );
+        });
+    });
+
+    describe("If the feature_dynamic_room_predecessors feature is not enabled", () => {
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+        });
+
+        it("passes the flag through to getVisibleRooms", () => {
+            const driver = mkDefaultDriver();
+            driver.getKnownRooms();
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(false);
+        });
+    });
+
+    describe("If the feature_dynamic_room_predecessors is enabled", () => {
+        beforeEach(() => {
+            // Turn on feature_dynamic_room_predecessors setting
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(
+                (settingName) => settingName === "feature_dynamic_room_predecessors",
+            );
+        });
+
+        it("passes the flag through to getVisibleRooms", () => {
+            const driver = mkDefaultDriver();
+            driver.getKnownRooms();
+            expect(client.getVisibleRooms).toHaveBeenCalledWith(true);
+        });
+    });
+
+    describe("searchUserDirectory", () => {
+        let driver: WidgetDriver;
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+        });
+
+        it("searches for users in the user directory", async () => {
+            client.searchUserDirectory.mockResolvedValue({
+                limited: false,
+                results: [{ user_id: "@user", display_name: "Name", avatar_url: "mxc://" }],
+            });
+
+            await expect(driver.searchUserDirectory("foo")).resolves.toEqual({
+                limited: false,
+                results: [{ userId: "@user", displayName: "Name", avatarUrl: "mxc://" }],
+            });
+
+            expect(client.searchUserDirectory).toHaveBeenCalledWith({ term: "foo", limit: undefined });
+        });
+
+        it("searches for users with a custom limit", async () => {
+            client.searchUserDirectory.mockResolvedValue({
+                limited: true,
+                results: [],
+            });
+
+            await expect(driver.searchUserDirectory("foo", 25)).resolves.toEqual({
+                limited: true,
+                results: [],
+            });
+
+            expect(client.searchUserDirectory).toHaveBeenCalledWith({ term: "foo", limit: 25 });
+        });
+    });
+
+    describe("getMediaConfig", () => {
+        let driver: WidgetDriver;
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+        });
+
+        it("gets the media configuration", async () => {
+            client.getMediaConfig.mockResolvedValue({
+                "m.upload.size": 1000,
+            });
+
+            await expect(driver.getMediaConfig()).resolves.toEqual({
+                "m.upload.size": 1000,
+            });
+
+            expect(client.getMediaConfig).toHaveBeenCalledWith();
+        });
+    });
+
+    describe("uploadFile", () => {
+        let driver: WidgetDriver;
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+        });
+
+        it("uploads a file", async () => {
+            client.uploadContent.mockResolvedValue({
+                content_uri: "mxc://...",
+            });
+
+            await expect(driver.uploadFile("data")).resolves.toEqual({
+                contentUri: "mxc://...",
+            });
+
+            expect(client.uploadContent).toHaveBeenCalledWith("data");
+        });
+    });
+
+    describe("downloadFile", () => {
+        let driver: WidgetDriver;
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+        });
+
+        it("should download a file and return the blob", async () => {
+            // eslint-disable-next-line no-restricted-properties
+            client.mxcUrlToHttp.mockImplementation((mxcUrl) => {
+                if (mxcUrl === "mxc://example.com/test_file") {
+                    return "https://example.com/_matrix/media/v3/download/example.com/test_file";
+                }
+
+                return null;
+            });
+
+            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
+            // https://github.com/jefflau/jest-fetch-mock/issues/209
+            // Tell TypeScript that file is a blob.
+            const file = result.file as Blob;
+            await expect(file.text()).resolves.toEqual("test contents");
+        });
+    });
+
+    describe("readRoomTimeline", () => {
+        const event1 = mkEvent({
+            event: true,
+            id: "$event-id1",
+            type: "org.example.foo",
+            user: "@alice:example.org",
+            content: { hello: "world" },
+            room: "!1:example.org",
+        });
+        const event2 = mkEvent({
+            event: true,
+            id: "$event-id2",
+            type: "org.example.foo",
+            user: "@alice:example.org",
+            skey: "",
+            content: { hello: "world" },
+            room: "!1:example.org",
+        });
+        let driver: WidgetDriver;
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+            client.getRoom.mockReturnValue({
+                getLiveTimeline: () => ({ getEvents: () => [event1, event2] }),
+            } as unknown as Room);
+        });
+
+        it("reads all events", async () => {
+            expect(
+                await driver.readRoomTimeline("!1:example.org", "org.example.foo", undefined, undefined, 10, undefined),
+            ).toEqual([event2, event1].map((e) => e.getEffectiveEvent()));
+        });
+
+        it("reads state events", async () => {
+            expect(
+                await driver.readRoomTimeline("!1:example.org", "org.example.foo", undefined, "", 10, undefined),
+            ).toEqual([event2.getEffectiveEvent()]);
+        });
+
+        it("reads up to a limit", async () => {
+            expect(
+                await driver.readRoomTimeline("!1:example.org", "org.example.foo", undefined, undefined, 1, undefined),
+            ).toEqual([event2.getEffectiveEvent()]);
+        });
+
+        it("reads up to a specific event", async () => {
+            expect(
+                await driver.readRoomTimeline(
+                    "!1:example.org",
+                    "org.example.foo",
+                    undefined,
+                    undefined,
+                    10,
+                    event1.getId(),
+                ),
+            ).toEqual([event2.getEffectiveEvent()]);
+        });
+    });
+
+    describe("readRoomState", () => {
+        const event1 = mkEvent({
+            event: true,
+            id: "$event-id1",
+            type: "org.example.foo",
+            user: "@alice:example.org",
+            content: { hello: "world" },
+            skey: "1",
+            room: "!1:example.org",
+        });
+        const event2 = mkEvent({
+            event: true,
+            id: "$event-id2",
+            type: "org.example.foo",
+            user: "@alice:example.org",
+            content: { hello: "world" },
+            skey: "2",
+            room: "!1:example.org",
+        });
+        let driver: WidgetDriver;
+        let getStateEvents: jest.Mock;
+
+        beforeEach(() => {
+            driver = mkDefaultDriver();
+            getStateEvents = jest.fn();
+            client.getRoom.mockReturnValue({
+                getLiveTimeline: () => ({ getState: () => ({ getStateEvents }) }),
+            } as unknown as Room);
+        });
+
+        it("reads a specific state key", async () => {
+            getStateEvents.mockImplementation((eventType, stateKey) => {
+                if (eventType === "org.example.foo" && stateKey === "1") return event1;
+                return undefined;
+            });
+            expect(await driver.readRoomState("!1:example.org", "org.example.foo", "1")).toEqual([
+                event1.getEffectiveEvent(),
+            ]);
+        });
+
+        it("reads all state keys", async () => {
+            getStateEvents.mockImplementation((eventType, stateKey) => {
+                if (eventType === "org.example.foo" && stateKey === undefined) return [event1, event2];
+                return [];
+            });
+            expect(await driver.readRoomState("!1:example.org", "org.example.foo", undefined)).toEqual(
+                [event1, event2].map((e) => e.getEffectiveEvent()),
+            );
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/widgets/WidgetMessaging-test.ts b/apps/web/test/unit-tests/stores/widgets/WidgetMessaging-test.ts
new file mode 100644
index 00000000000..f8662b465ae
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/widgets/WidgetMessaging-test.ts
@@ -0,0 +1,689 @@
+/*
+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 { mocked, type MockedFunction, type MockedObject } from "jest-mock";
+import { findLast, last } from "lodash";
+import {
+    MatrixEvent,
+    type MatrixClient,
+    ClientEvent,
+    type EventTimeline,
+    EventType,
+    MatrixEventEvent,
+    RoomStateEvent,
+    type RoomState,
+    type Room,
+} from "matrix-js-sdk/src/matrix";
+import {
+    ClientWidgetApi,
+    type IModalWidgetOpenRequest,
+    type IStickerActionRequest,
+    type IStickyActionRequest,
+    type IWidgetApiRequest,
+    MatrixCapabilities,
+    WidgetApiDirection,
+    WidgetApiFromWidgetAction,
+} from "matrix-widget-api";
+import { waitFor } from "jest-matrix-react";
+
+import { stubClient, mkRoom, mkEvent } from "../../../test-utils";
+import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
+import { ElementWidget, WidgetMessaging } from "../../../../src/stores/widgets/WidgetMessaging";
+import ActiveWidgetStore from "../../../../src/stores/ActiveWidgetStore";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import defaultDispatcher from "../../../../src/dispatcher/dispatcher";
+import { Action } from "../../../../src/dispatcher/actions";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass";
+import { UPDATE_EVENT } from "../../../../src/stores/AsyncStore";
+import { type IApp } from "../../../../src/utils/WidgetUtils-types";
+import { ModalWidgetStore } from "../../../../src/stores/ModalWidgetStore";
+import { ElementWidgetActions, type IViewRoomApiRequest } from "../../../../src/stores/widgets/ElementWidgetActions";
+import { ElementWidgetCapabilities } from "../../../../src/stores/widgets/ElementWidgetCapabilities";
+import { WidgetType } from "../../../../src/widgets/WidgetType";
+import { IntegrationManagers } from "../../../../src/integrations/IntegrationManagers";
+import { type IntegrationManagerInstance } from "../../../../src/integrations/IntegrationManagerInstance";
+
+jest.mock("matrix-widget-api", () => ({
+    ...jest.requireActual("matrix-widget-api"),
+    ClientWidgetApi: (jest.createMockFromModule("matrix-widget-api") as any).ClientWidgetApi,
+}));
+
+const originGetValue = SettingsStore.getValue;
+
+describe("WidgetMessaging", () => {
+    let client: MockedObject<MatrixClient>;
+    let widget: WidgetMessaging;
+    let messaging: MockedObject<ClientWidgetApi>;
+
+    beforeEach(() => {
+        stubClient();
+        client = mocked(MatrixClientPeg.safeGet());
+
+        const app: IApp = {
+            id: "test",
+            creatorUserId: "@alice:example.org",
+            type: "example",
+            url: "https://example.org?user-id=$matrix_user_id&device-id=$org.matrix.msc3819.matrix_device_id&base-url=$org.matrix.msc4039.matrix_base_url&theme=$org.matrix.msc2873.client_theme",
+            roomId: "!1:example.org",
+        };
+        widget = new WidgetMessaging(new ElementWidget(app), {
+            app,
+            room: mkRoom(client, "!1:example.org"),
+            userId: "@alice:example.org",
+            creatorUserId: "@alice:example.org",
+            waitForIframeLoad: true,
+            userWidget: false,
+        });
+        // Start messaging without an iframe, since ClientWidgetApi is mocked
+        widget.start(null as unknown as HTMLIFrameElement);
+        messaging = mocked(last(mocked(ClientWidgetApi).mock.instances)!);
+        messaging.feedStateUpdate.mockResolvedValue();
+    });
+
+    afterEach(() => {
+        widget.stop();
+    });
+
+    it("should replace parameters in widget url template", () => {
+        const spy = jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+            if (setting === "theme") return "my-theme-for-testing";
+            return originGetValue(setting);
+        });
+        expect(widget.embedUrl).toBe(
+            "https://example.org/?user-id=%40userId%3Amatrix.org&device-id=ABCDEFGHI&base-url=https%3A%2F%2Fmatrix-client.matrix.org&theme=my-theme-for-testing&widgetId=test&parentUrl=http%3A%2F%2Flocalhost%2F",
+        );
+        spy.mockClear();
+    });
+
+    it("should replace parameters in widget url template for popout", () => {
+        const spy = jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+            if (setting === "theme") return "my-theme-for-testing";
+            return originGetValue(setting);
+        });
+        expect(widget.popoutUrl).toBe(
+            "https://example.org/?user-id=%40userId%3Amatrix.org&device-id=ABCDEFGHI&base-url=https%3A%2F%2Fmatrix-client.matrix.org&theme=my-theme-for-testing",
+        );
+        spy.mockClear();
+    });
+
+    it("feeds incoming to-device messages to the widget", async () => {
+        const receivedToDevice = {
+            message: {
+                type: "org.example.foo",
+                sender: "@alice:example.org",
+                content: {
+                    hello: "world",
+                },
+            },
+            encryptionInfo: null,
+        };
+
+        client.emit(ClientEvent.ReceivedToDeviceMessage, receivedToDevice);
+        await Promise.resolve(); // flush promises
+        expect(messaging.feedToDevice).toHaveBeenCalledWith(receivedToDevice.message, false);
+    });
+
+    it("feeds incoming encrypted to-device messages to the widget", async () => {
+        const receivedToDevice = {
+            message: {
+                type: "org.example.foo",
+                sender: "@alice:example.org",
+                content: {
+                    hello: "world",
+                },
+            },
+            encryptionInfo: {
+                senderVerified: false,
+                sender: "@alice:example.org",
+                senderCurve25519KeyBase64: "",
+                senderDevice: "ABCDEFGHI",
+            },
+        };
+
+        client.emit(ClientEvent.ReceivedToDeviceMessage, receivedToDevice);
+        await Promise.resolve(); // flush promises
+        expect(messaging.feedToDevice).toHaveBeenCalledWith(receivedToDevice.message, true);
+    });
+
+    it("feeds incoming state updates to the widget", () => {
+        const event = mkEvent({
+            event: true,
+            type: "org.example.foo",
+            skey: "",
+            user: "@alice:example.org",
+            content: { hello: "world" },
+            room: "!1:example.org",
+        });
+
+        client.emit(RoomStateEvent.Events, event, {} as unknown as RoomState, null);
+        expect(messaging.feedStateUpdate).toHaveBeenCalledWith(event.getEffectiveEvent());
+    });
+
+    it("informs widget of theme changes", () => {
+        let theme = "light";
+        const settingsSpy = jest
+            .spyOn(SettingsStore, "getValue")
+            .mockImplementation((name) => (name === "theme" ? theme : null));
+        try {
+            // Indicate that the widget is ready
+            findLast(messaging.once.mock.calls, ([eventName]) => eventName === "ready")![1]();
+
+            // Now change the theme
+            theme = "dark";
+            defaultDispatcher.dispatch({ action: Action.RecheckTheme }, true);
+            expect(messaging.updateTheme).toHaveBeenLastCalledWith({ name: "dark" });
+        } finally {
+            settingsSpy.mockRestore();
+        }
+    });
+
+    describe("feed event", () => {
+        let event1: MatrixEvent;
+        let event2: MatrixEvent;
+
+        beforeEach(() => {
+            event1 = mkEvent({
+                event: true,
+                id: "$event-id1",
+                type: "org.example.foo",
+                user: "@alice:example.org",
+                content: { hello: "world" },
+                room: "!1:example.org",
+            });
+
+            event2 = mkEvent({
+                event: true,
+                id: "$event-id2",
+                type: "org.example.foo",
+                user: "@alice:example.org",
+                content: { hello: "world" },
+                room: "!1:example.org",
+            });
+
+            const room = mkRoom(client, "!1:example.org");
+            client.getRoom.mockImplementation((roomId) => (roomId === "!1:example.org" ? room : null));
+            room.getLiveTimeline.mockReturnValue({
+                getEvents: (): MatrixEvent[] => [event1, event2],
+            } as unknown as EventTimeline);
+
+            messaging.feedEvent.mockResolvedValue();
+        });
+
+        it("feeds incoming event to the widget", async () => {
+            client.emit(ClientEvent.Event, event1);
+            expect(messaging.feedEvent).toHaveBeenCalledWith(event1.getEffectiveEvent());
+
+            client.emit(ClientEvent.Event, event2);
+            expect(messaging.feedEvent).toHaveBeenCalledTimes(2);
+            expect(messaging.feedEvent).toHaveBeenLastCalledWith(event2.getEffectiveEvent());
+        });
+
+        it("should not feed incoming event to the widget if seen already", async () => {
+            client.emit(ClientEvent.Event, event1);
+            expect(messaging.feedEvent).toHaveBeenCalledWith(event1.getEffectiveEvent());
+
+            client.emit(ClientEvent.Event, event2);
+            expect(messaging.feedEvent).toHaveBeenCalledTimes(2);
+            expect(messaging.feedEvent).toHaveBeenLastCalledWith(event2.getEffectiveEvent());
+
+            client.emit(ClientEvent.Event, event1);
+            expect(messaging.feedEvent).toHaveBeenCalledTimes(2);
+            expect(messaging.feedEvent).toHaveBeenLastCalledWith(event2.getEffectiveEvent());
+        });
+
+        it("feeds decrypted events asynchronously", async () => {
+            const event1Encrypted = new MatrixEvent({
+                event_id: event1.getId(),
+                type: EventType.RoomMessageEncrypted,
+                sender: event1.sender?.userId,
+                room_id: event1.getRoomId(),
+                content: {},
+            });
+            const decryptingSpy1 = jest.spyOn(event1Encrypted, "isBeingDecrypted").mockReturnValue(true);
+            client.emit(ClientEvent.Event, event1Encrypted);
+            const event2Encrypted = new MatrixEvent({
+                event_id: event2.getId(),
+                type: EventType.RoomMessageEncrypted,
+                sender: event2.sender?.userId,
+                room_id: event2.getRoomId(),
+                content: {},
+            });
+            const decryptingSpy2 = jest.spyOn(event2Encrypted, "isBeingDecrypted").mockReturnValue(true);
+            client.emit(ClientEvent.Event, event2Encrypted);
+            expect(messaging.feedEvent).not.toHaveBeenCalled();
+
+            // "Decrypt" the events, but in reverse order; first event 2…
+            event2Encrypted.event.type = event2.getType();
+            event2Encrypted.event.content = event2.getContent();
+            decryptingSpy2.mockReturnValue(false);
+            client.emit(MatrixEventEvent.Decrypted, event2Encrypted);
+            expect(messaging.feedEvent).toHaveBeenCalledTimes(1);
+            expect(messaging.feedEvent).toHaveBeenLastCalledWith(event2Encrypted.getEffectiveEvent());
+            // …then event 1
+            event1Encrypted.event.type = event1.getType();
+            event1Encrypted.event.content = event1.getContent();
+            decryptingSpy1.mockReturnValue(false);
+            client.emit(MatrixEventEvent.Decrypted, event1Encrypted);
+            // The events should be fed in that same order so that event 2
+            // doesn't have to be blocked on the decryption of event 1 (or
+            // worse, dropped)
+            expect(messaging.feedEvent).toHaveBeenCalledTimes(2);
+            expect(messaging.feedEvent).toHaveBeenLastCalledWith(event1Encrypted.getEffectiveEvent());
+        });
+
+        it("should not feed incoming event if not in timeline", () => {
+            const event = mkEvent({
+                event: true,
+                id: "$event-id",
+                type: "org.example.foo",
+                user: "@alice:example.org",
+                content: {
+                    hello: "world",
+                },
+                room: "!1:example.org",
+            });
+
+            client.emit(ClientEvent.Event, event);
+            expect(messaging.feedEvent).toHaveBeenCalledWith(event.getEffectiveEvent());
+        });
+
+        it("feeds incoming event that is not in timeline but relates to unknown parent to the widget", async () => {
+            const event = mkEvent({
+                event: true,
+                id: "$event-idRelation",
+                type: "org.example.foo",
+                user: "@alice:example.org",
+                content: {
+                    "hello": "world",
+                    "m.relates_to": {
+                        event_id: "$unknown-parent",
+                        rel_type: "m.reference",
+                    },
+                },
+                room: "!1:example.org",
+            });
+
+            client.emit(ClientEvent.Event, event1);
+            expect(messaging.feedEvent).toHaveBeenCalledWith(event1.getEffectiveEvent());
+
+            client.emit(ClientEvent.Event, event);
+            expect(messaging.feedEvent).toHaveBeenCalledTimes(2);
+            expect(messaging.feedEvent).toHaveBeenLastCalledWith(event.getEffectiveEvent());
+
+            client.emit(ClientEvent.Event, event1);
+            expect(messaging.feedEvent).toHaveBeenCalledTimes(2);
+            expect(messaging.feedEvent).toHaveBeenLastCalledWith(event.getEffectiveEvent());
+        });
+    });
+});
+
+describe("WidgetMessaging with stickyPromise", () => {
+    let client: MockedObject<MatrixClient>;
+    let widget: WidgetMessaging;
+    let messaging: MockedObject<ClientWidgetApi>;
+
+    beforeEach(() => {
+        stubClient();
+        client = mocked(MatrixClientPeg.safeGet());
+    });
+
+    afterEach(() => {
+        widget.stop();
+    });
+    it("should wait for the sticky promise to resolve before starting messaging", async () => {
+        jest.useFakeTimers();
+        const getStickyPromise = async () => {
+            return new Promise<void>((resolve) => {
+                setTimeout(() => {
+                    resolve();
+                }, 1000);
+            });
+        };
+        const app: IApp = {
+            id: "test",
+            creatorUserId: "@alice:example.org",
+            type: "example",
+            url: "https://example.org?user-id=$matrix_user_id&device-id=$org.matrix.msc3819.matrix_device_id&base-url=$org.matrix.msc4039.matrix_base_url",
+            roomId: "!1:example.org",
+        };
+        widget = new WidgetMessaging(new ElementWidget(app), {
+            app,
+            room: mkRoom(client, "!1:example.org"),
+            userId: "@alice:example.org",
+            creatorUserId: "@alice:example.org",
+            waitForIframeLoad: true,
+            userWidget: false,
+            stickyPromise: getStickyPromise,
+        });
+
+        const setPersistenceSpy = jest.spyOn(ActiveWidgetStore.instance, "setWidgetPersistence");
+
+        // Start messaging without an iframe, since ClientWidgetApi is mocked
+        widget.start(null as unknown as HTMLIFrameElement);
+        const emitSticky = async () => {
+            messaging = mocked(last(mocked(ClientWidgetApi).mock.instances)!);
+            messaging?.hasCapability.mockReturnValue(true);
+            // messaging.transport.reply will be called but transport is undefined in this test environment
+            // This just makes sure the call doesn't throw
+            Object.defineProperty(messaging, "transport", { value: { reply: () => {} } });
+            messaging.on.mock.calls.find(([event, listener]) => {
+                if (event === `action:${WidgetApiFromWidgetAction.UpdateAlwaysOnScreen}`) {
+                    listener({ preventDefault: () => {}, detail: { data: { value: true } } });
+                    return true;
+                }
+            });
+        };
+        await emitSticky();
+        expect(setPersistenceSpy).not.toHaveBeenCalled();
+        // Advance the fake timer so that the sticky promise resolves
+        jest.runAllTimers();
+        // Use a real timer and wait for the next tick so the sticky promise can resolve
+        jest.useRealTimers();
+
+        waitFor(() => expect(setPersistenceSpy).toHaveBeenCalled(), { interval: 5 });
+    });
+});
+
+describe("WidgetMessaging as an account widget", () => {
+    let widget: WidgetMessaging;
+    let messaging: MockedObject<ClientWidgetApi>;
+    let getRoomId: MockedFunction<() => string | null>;
+
+    beforeEach(() => {
+        stubClient();
+        // I give up, getting the return type of spyOn right is hopeless
+        getRoomId = jest.spyOn(SDKContextClass.instance.roomViewStore, "getRoomId") as unknown as MockedFunction<
+            () => string | null
+        >;
+        getRoomId.mockReturnValue("!1:example.org");
+
+        const app: IApp = {
+            id: "test",
+            creatorUserId: "@alice:example.org",
+            type: "example",
+            url: "https://example.org?user-id=$matrix_user_id&device-id=$org.matrix.msc3819.matrix_device_id&base-url=$org.matrix.msc4039.matrix_base_url&theme=$org.matrix.msc2873.client_theme",
+            roomId: "!1:example.org",
+        };
+        widget = new WidgetMessaging(new ElementWidget(app), {
+            app,
+            userId: "@alice:example.org",
+            creatorUserId: "@alice:example.org",
+            waitForIframeLoad: true,
+            userWidget: false,
+        });
+        // Start messaging without an iframe, since ClientWidgetApi is mocked
+        widget.start(null as unknown as HTMLIFrameElement);
+        messaging = mocked(last(mocked(ClientWidgetApi).mock.instances)!);
+    });
+
+    afterEach(() => {
+        widget.stop();
+        getRoomId.mockRestore();
+    });
+
+    it("updates viewed room", () => {
+        expect(messaging.setViewedRoomId).toHaveBeenCalledTimes(1);
+        expect(messaging.setViewedRoomId).toHaveBeenLastCalledWith("!1:example.org");
+        getRoomId.mockReturnValue("!2:example.org");
+        SDKContextClass.instance.roomViewStore.emit(UPDATE_EVENT);
+        expect(messaging.setViewedRoomId).toHaveBeenCalledTimes(2);
+        expect(messaging.setViewedRoomId).toHaveBeenLastCalledWith("!2:example.org");
+    });
+});
+
+function createTransportEvent<T extends IWidgetApiRequest>(data: T["data"]): CustomEvent<T> {
+    // Not the complete CustomEvent but good nuff.
+    return {
+        preventDefault: () => {},
+        detail: {
+            action: WidgetApiFromWidgetAction.OpenModalWidget,
+            data: data,
+            api: WidgetApiDirection.FromWidget,
+            requestId: "12345",
+            widgetId: "test",
+        },
+    } as unknown as CustomEvent;
+}
+
+describe("WidgetMessaging action handling", () => {
+    let widget: WidgetMessaging;
+    let messaging: MockedObject<ClientWidgetApi>;
+    let actionFns: Record<string, (ev: any) => void>;
+
+    beforeEach(() => {
+        const client = stubClient();
+
+        const app: IApp = {
+            id: "test",
+            creatorUserId: "@alice:example.org",
+            type: "example",
+            url: "https://example.org?user-id=$matrix_user_id&device-id=$org.matrix.msc3819.matrix_device_id&base-url=$org.matrix.msc4039.matrix_base_url&theme=$org.matrix.msc2873.client_theme",
+            roomId: "!1:example.org",
+        };
+        widget = new WidgetMessaging(new ElementWidget(app), {
+            app,
+            room: mkRoom(client, "!1:example.org"),
+            userId: "@alice:example.org",
+            creatorUserId: "@alice:example.org",
+            waitForIframeLoad: true,
+            userWidget: false,
+        });
+        // Start messaging without an iframe, since ClientWidgetApi is mocked
+        widget.start(null as unknown as HTMLIFrameElement);
+        messaging = mocked(last(mocked(ClientWidgetApi).mock.instances)!);
+        Object.defineProperty(messaging, "transport", { value: { reply: jest.fn() } });
+        actionFns = Object.fromEntries(messaging.on.mock.calls as any);
+    });
+
+    afterEach(() => {
+        widget.stop();
+        jest.resetAllMocks();
+    });
+
+    describe("open modal widget", () => {
+        beforeEach(() => {
+            // Trivial mock of ModalWidgetStore
+            let hasModal = false;
+            jest.spyOn(ModalWidgetStore.instance, "openModalWidget").mockImplementation(() => {
+                if (hasModal) {
+                    throw Error("Modal already in view");
+                }
+                hasModal = true;
+            });
+            jest.spyOn(ModalWidgetStore.instance, "canOpenModalWidget").mockImplementation(() => !hasModal);
+            jest.spyOn(ModalWidgetStore.instance, "closeModalWidget").mockImplementation(() => {
+                if (!hasModal) {
+                    throw Error("No modal in view");
+                }
+                hasModal = false;
+            });
+        });
+
+        it("handles an open modal request", () => {
+            const ev = createTransportEvent<IModalWidgetOpenRequest>({ type: "foo", url: "bar" });
+            actionFns[`action:${WidgetApiFromWidgetAction.OpenModalWidget}`](ev);
+            expect(messaging.transport.reply).toHaveBeenCalledWith(ev.detail, {});
+        });
+
+        it("responds with an error if a modal is already open", () => {
+            const ev = createTransportEvent<IModalWidgetOpenRequest>({ type: "foo", url: "bar" });
+            actionFns[`action:${WidgetApiFromWidgetAction.OpenModalWidget}`](ev);
+            expect(messaging.transport.reply).toHaveBeenCalledWith(ev.detail, {});
+            messaging.transport.reply.mockReset();
+            actionFns[`action:${WidgetApiFromWidgetAction.OpenModalWidget}`](ev);
+            expect(messaging.transport.reply).toHaveBeenCalledWith(ev.detail, {
+                error: { message: "Unable to open modal at this time" },
+            });
+        });
+    });
+
+    describe("view room", () => {
+        afterEach(() => {
+            jest.resetAllMocks();
+        });
+        it("errors on invalid room", () => {
+            const ev = createTransportEvent<IViewRoomApiRequest>({ room_id: null } as any);
+            actionFns[`action:${ElementWidgetActions.ViewRoom}`](ev);
+            expect(messaging.transport.reply).toHaveBeenCalledWith(ev.detail, {
+                error: { message: "Room ID not supplied." },
+            });
+        });
+        it("errors on missing permissions", () => {
+            const ev = createTransportEvent<IViewRoomApiRequest>({ room_id: "!foo:example.org" } as any);
+            actionFns[`action:${ElementWidgetActions.ViewRoom}`](ev);
+            expect(messaging.transport.reply).toHaveBeenCalledWith(ev.detail, {
+                error: { message: "This widget does not have permission for this action (denied)." },
+            });
+        });
+        it("handles room change", async () => {
+            const ev = createTransportEvent<IViewRoomApiRequest>({ room_id: "!foo:example.org" } as any);
+            messaging.hasCapability.mockImplementation(
+                (capability) => capability === ElementWidgetCapabilities.CanChangeViewedRoom,
+            );
+            const dispatch = (defaultDispatcher.dispatch = jest.fn());
+            actionFns[`action:${ElementWidgetActions.ViewRoom}`](ev);
+            expect(messaging.transport.reply).toHaveBeenCalledWith(ev.detail, {});
+            expect(dispatch).toHaveBeenCalledWith({
+                action: "view_room",
+                metricsTrigger: "Widget",
+                room_id: "!foo:example.org",
+            });
+        });
+    });
+
+    describe("always on screen", () => {
+        let setWidgetPersistence: jest.SpyInstance<void, Parameters<ActiveWidgetStore["setWidgetPersistence"]>>;
+        beforeEach(() => {
+            setWidgetPersistence = jest.spyOn(ActiveWidgetStore.instance, "setWidgetPersistence");
+        });
+
+        it("does nothing if the widget does not have permission", () => {
+            const ev = createTransportEvent<IStickyActionRequest>({ value: true });
+            actionFns[`action:${WidgetApiFromWidgetAction.UpdateAlwaysOnScreen}`](ev);
+            // Currently there is no error response for this.
+            expect(messaging.transport.reply).not.toHaveBeenCalled();
+        });
+
+        it("handles setting a widget as sticky", () => {
+            messaging.hasCapability.mockImplementation(
+                (capability) => capability === MatrixCapabilities.AlwaysOnScreen,
+            );
+            const ev = createTransportEvent<IStickyActionRequest>({ value: true });
+            actionFns[`action:${WidgetApiFromWidgetAction.UpdateAlwaysOnScreen}`](ev);
+            expect(messaging.transport.reply).toHaveBeenCalledWith(ev.detail, {});
+            expect(setWidgetPersistence).toHaveBeenCalledTimes(1);
+        });
+
+        it("handles setting a widget as unsticky", () => {
+            messaging.hasCapability.mockImplementation(
+                (capability) => capability === MatrixCapabilities.AlwaysOnScreen,
+            );
+            const evOpen = createTransportEvent<IStickyActionRequest>({ value: true });
+            actionFns[`action:${WidgetApiFromWidgetAction.UpdateAlwaysOnScreen}`](evOpen);
+            expect(messaging.transport.reply).toHaveBeenCalledWith(evOpen.detail, {});
+            expect(setWidgetPersistence).toHaveBeenCalledTimes(1);
+            messaging.transport.reply.mockReset();
+            const evClose = createTransportEvent<IStickyActionRequest>({ value: false });
+            actionFns[`action:${WidgetApiFromWidgetAction.UpdateAlwaysOnScreen}`](evClose);
+            expect(messaging.transport.reply).toHaveBeenCalledWith(evClose.detail, {});
+            expect(setWidgetPersistence).toHaveBeenCalledTimes(2);
+        });
+    });
+
+    describe("send sticker", () => {
+        it("does nothing if the widget does not have permission", () => {
+            const ev = createTransportEvent<IStickerActionRequest>({ name: "foo", content: { url: "bar" } });
+            actionFns[`action:${WidgetApiFromWidgetAction.SendSticker}`](ev);
+            // Currently there is no error response for this.
+            expect(messaging.transport.reply).not.toHaveBeenCalled();
+        });
+
+        it("handles setting a widget as sticky", () => {
+            messaging.hasCapability.mockImplementation(
+                (capability) => capability === MatrixCapabilities.StickerSending,
+            );
+            const ev = createTransportEvent<IStickerActionRequest>({ name: "foo", content: { url: "bar" } });
+            const dispatch = (defaultDispatcher.dispatch = jest.fn());
+            actionFns[`action:${WidgetApiFromWidgetAction.SendSticker}`](ev);
+            expect(messaging.transport.reply).toHaveBeenCalledWith(ev.detail, {});
+            expect(dispatch).toHaveBeenCalledWith({
+                action: "m.sticker",
+                data: { content: { url: "bar" }, name: "foo" },
+                widgetId: "test",
+            });
+        });
+    });
+});
+
+describe("WidgetMessaging action handling for stickerpicker", () => {
+    let widget: WidgetMessaging;
+    let messaging: MockedObject<ClientWidgetApi>;
+    let actionFns: Record<string, (ev: any) => void>;
+    let room: Room;
+
+    beforeEach(() => {
+        const client = mocked(stubClient());
+        room = mkRoom(client, "!1:example.org");
+        client.getRoom.mockImplementation((roomId) => (roomId === room.roomId ? room : null));
+        const getRoomId = jest.spyOn(SDKContextClass.instance.roomViewStore, "getRoomId") as unknown as MockedFunction<
+            () => string | null
+        >;
+        getRoomId.mockReturnValue(room.roomId);
+        const app: IApp = {
+            id: "test",
+            creatorUserId: "@alice:example.org",
+            type: WidgetType.STICKERPICKER.preferred,
+            url: "https://example.org?user-id=$matrix_user_id&device-id=$org.matrix.msc3819.matrix_device_id&base-url=$org.matrix.msc4039.matrix_base_url&theme=$org.matrix.msc2873.client_theme",
+            roomId: room.roomId,
+        };
+        widget = new WidgetMessaging(new ElementWidget(app), {
+            app,
+            room,
+            userId: "@alice:example.org",
+            creatorUserId: "@alice:example.org",
+            waitForIframeLoad: true,
+            userWidget: false,
+        });
+        // Start messaging without an iframe, since ClientWidgetApi is mocked
+        widget.start(null as unknown as HTMLIFrameElement);
+        messaging = mocked(last(mocked(ClientWidgetApi).mock.instances)!);
+        Object.defineProperty(messaging, "transport", { value: { reply: jest.fn() } });
+        actionFns = Object.fromEntries(messaging.on.mock.calls as any);
+    });
+
+    afterEach(() => {
+        widget.stop();
+        jest.resetAllMocks();
+    });
+
+    describe("open integrations manager", () => {
+        let openIntegrationManager: jest.SpyInstance<void, Parameters<IntegrationManagerInstance["open"]>>;
+        beforeEach(() => {
+            // Trivial mock of ModalWidgetStore
+            openIntegrationManager = jest.fn();
+            const inst = IntegrationManagers.sharedInstance();
+            jest.spyOn(inst, "getPrimaryManager").mockImplementation(
+                () =>
+                    ({
+                        open: openIntegrationManager,
+                    }) as any,
+            );
+        });
+
+        it("open the integration manager", () => {
+            const ev = createTransportEvent<IWidgetApiRequest>({ integType: "my_integ_type", integId: "my_integ_id" });
+            const dispatch = (defaultDispatcher.dispatch = jest.fn());
+            actionFns[`action:${ElementWidgetActions.OpenIntegrationManager}`](ev);
+            expect(dispatch).toHaveBeenCalledWith({
+                action: "stickerpicker_close",
+            });
+            expect(messaging.transport.reply).toHaveBeenCalledWith(ev.detail, {});
+            expect(openIntegrationManager).toHaveBeenCalledWith(room, `type_my_integ_type`, "my_integ_id");
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/stores/widgets/WidgetPermissionStore-test.ts b/apps/web/test/unit-tests/stores/widgets/WidgetPermissionStore-test.ts
new file mode 100644
index 00000000000..af8abe0f4e2
--- /dev/null
+++ b/apps/web/test/unit-tests/stores/widgets/WidgetPermissionStore-test.ts
@@ -0,0 +1,101 @@
+/*
+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 { mocked } from "jest-mock";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { Widget, WidgetKind } from "matrix-widget-api";
+
+import { OIDCState, WidgetPermissionStore } from "../../../../src/stores/widgets/WidgetPermissionStore";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import { TestSDKContext } from "../../TestSDKContext";
+import { type SettingLevel } from "../../../../src/settings/SettingLevel";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass";
+import { stubClient } from "../../../test-utils";
+import { ElementWidgetDriver } from "../../../../src/stores/widgets/ElementWidgetDriver";
+import { WidgetType } from "../../../../src/widgets/WidgetType.ts";
+
+jest.mock("../../../../src/settings/SettingsStore");
+
+describe("WidgetPermissionStore", () => {
+    let widgetPermissionStore: WidgetPermissionStore;
+    let mockClient: MatrixClient;
+    const userId = "@alice:localhost";
+    const roomId = "!room:localhost";
+    const w = new Widget({
+        id: "wid",
+        creatorUserId: userId,
+        type: "m.custom",
+        url: "https://invalid.address.here",
+    });
+    const elementCallWidget = new Widget({
+        id: "group_call",
+        creatorUserId: "@alice:example.org",
+        type: WidgetType.CALL.preferred,
+        url: "https://call.element.io",
+    });
+    let settings: Record<string, any> = {}; // key value store
+
+    beforeEach(() => {
+        settings = {}; // clear settings
+        mocked(SettingsStore.getValue).mockImplementation((setting: string) => {
+            return settings[setting];
+        });
+        mocked(SettingsStore.setValue).mockImplementation(
+            (settingName: string, roomId: string | null, level: SettingLevel, value: any): Promise<void> => {
+                // the store doesn't use any specific level or room ID (room IDs are packed into keys in `value`)
+                settings[settingName] = value;
+                return Promise.resolve();
+            },
+        );
+        mockClient = stubClient();
+        const context = new TestSDKContext();
+        context._client = mockClient;
+        widgetPermissionStore = new WidgetPermissionStore(context);
+    });
+
+    it("should persist OIDCState.Allowed for a widget", () => {
+        widgetPermissionStore.setOIDCState(w, WidgetKind.Account, roomId, OIDCState.Allowed);
+        // check it remembered the value
+        expect(widgetPermissionStore.getOIDCState(w, WidgetKind.Account, roomId)).toEqual(OIDCState.Allowed);
+    });
+
+    it("should persist OIDCState.Denied for a widget", () => {
+        widgetPermissionStore.setOIDCState(w, WidgetKind.Account, roomId, OIDCState.Denied);
+        // check it remembered the value
+        expect(widgetPermissionStore.getOIDCState(w, WidgetKind.Account, roomId)).toEqual(OIDCState.Denied);
+    });
+
+    it("should update OIDCState for a widget", () => {
+        widgetPermissionStore.setOIDCState(w, WidgetKind.Account, roomId, OIDCState.Allowed);
+        widgetPermissionStore.setOIDCState(w, WidgetKind.Account, roomId, OIDCState.Denied);
+        // check it remembered the latest value
+        expect(widgetPermissionStore.getOIDCState(w, WidgetKind.Account, roomId)).toEqual(OIDCState.Denied);
+    });
+
+    it("should scope the location for a widget when setting OIDC state", () => {
+        // allow this widget for this room
+        widgetPermissionStore.setOIDCState(w, WidgetKind.Room, roomId, OIDCState.Allowed);
+        // check it remembered the value
+        expect(widgetPermissionStore.getOIDCState(w, WidgetKind.Room, roomId)).toEqual(OIDCState.Allowed);
+        // check this is not the case for the entire account
+        expect(widgetPermissionStore.getOIDCState(w, WidgetKind.Account, roomId)).toEqual(OIDCState.Unknown);
+    });
+    it("is created once in SDKContextClass", () => {
+        const context = new SDKContextClass();
+        const store = context.widgetPermissionStore;
+        expect(store).toBeDefined();
+        const store2 = context.widgetPermissionStore;
+        expect(store2).toStrictEqual(store);
+    });
+    it("auto-approves OIDC requests for element-call", async () => {
+        new ElementWidgetDriver(elementCallWidget, WidgetKind.Room, true, roomId);
+        expect(widgetPermissionStore.getOIDCState(elementCallWidget, WidgetKind.Room, roomId)).toEqual(
+            OIDCState.Allowed,
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/submit-rageshake-test.ts b/apps/web/test/unit-tests/submit-rageshake-test.ts
new file mode 100644
index 00000000000..b33a4a9982d
--- /dev/null
+++ b/apps/web/test/unit-tests/submit-rageshake-test.ts
@@ -0,0 +1,603 @@
+/*
+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.
+*/
+
+import { type Mocked, mocked } from "jest-mock-vitest-adapter";
+import {
+    type HttpApiEvent,
+    type HttpApiEventHandlerMap,
+    type IHttpOpts,
+    type MatrixClient,
+    TypedEventEmitter,
+    MatrixHttpApi,
+} from "matrix-js-sdk/src/matrix";
+import { CrossSigningKey } from "matrix-js-sdk/src/crypto-api";
+import fetchMock from "@fetch-mock/jest";
+
+import { getMockClientWithEventEmitter, mockClientMethodsCrypto, mockPlatformPeg } from "../test-utils";
+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 { MatrixClientPeg } from "../../src/MatrixClientPeg.ts";
+import { SDKContextClass } from "../../src/contexts/SDKContextClass.ts";
+
+describe("Rageshakes", () => {
+    let mockClient: Mocked<MatrixClient>;
+    const mockHttpAPI: MatrixHttpApi<IHttpOpts & { onlyData: true }> = new MatrixHttpApi(
+        new TypedEventEmitter<HttpApiEvent, HttpApiEventHandlerMap>(),
+        {
+            baseUrl: "https://alice-server.com",
+            prefix: "/_matrix/client/v3",
+            onlyData: true,
+        },
+    );
+
+    beforeEach(() => {
+        mockClient = getMockClientWithEventEmitter({
+            credentials: { userId: "@test:example.com" },
+            deviceId: "AAAAAAAAAA",
+            baseUrl: "https://alice-server.com",
+            getHomeserverUrl: jest.fn().mockReturnValue("https://alice-server.com"),
+            getDomain: jest.fn().mockReturnValue("alice-server.com"),
+            ...mockClientMethodsCrypto(),
+            http: mockHttpAPI,
+        });
+        mocked(mockClient.getCrypto()!.getOwnDeviceKeys).mockResolvedValue({
+            ed25519: "",
+            curve25519: "",
+        });
+
+        jest.spyOn(window, "matchMedia").mockReturnValue({ matches: false } as any);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    describe("Basic Information", () => {
+        it("should include app version", async () => {
+            mockPlatformPeg({ getAppVersion: jest.fn().mockReturnValue("1.11.58") });
+
+            const formData = await collectBugReport();
+
+            const appVersion = formData.get("version");
+
+            expect(appVersion).toBe("1.11.58");
+        });
+
+        it("should put unknown app version if on dev", async () => {
+            mockPlatformPeg({ getAppVersion: jest.fn().mockRejectedValue(undefined) });
+
+            const formData = await collectBugReport();
+
+            const appVersion = formData.get("version");
+
+            expect(appVersion).toBe("UNKNOWN");
+        });
+
+        const mediaQueryTests: Array<[string, string, string, boolean]> = [
+            ["if installed WPA", "(display-mode: standalone)", "installed_pwa", true],
+            ["if not installed WPA", "(display-mode: standalone)", "installed_pwa", false],
+            ["if touchInput", "(pointer: coarse)", "touch_input", true],
+            ["if not touchInput", "(pointer: coarse)", "touch_input", false],
+        ];
+
+        it.each(mediaQueryTests)("should collect %s", async (_, query, label, matches) => {
+            mocked(window.matchMedia).mockImplementation((q): MediaQueryList => {
+                if (q === query) {
+                    return { matches: matches } as unknown as MediaQueryList;
+                }
+                return { matches: false } as unknown as MediaQueryList;
+            });
+
+            const formData = await collectBugReport();
+
+            const value = formData.get(label);
+            expect(value).toBe(String(matches));
+        });
+
+        const optionsTests: Array<[string, string, string, string]> = [
+            // [name, opt name, label, default]
+            ["userText", "userText", "text", "User did not supply any additional text."],
+            ["customApp", "customApp", "app", "element-web"],
+        ];
+
+        it.each(optionsTests)("should collect %s", async (_, optName, label, defaultValue) => {
+            const formData = await collectBugReport();
+
+            const value = formData.get(label);
+            expect(value).toBe(defaultValue);
+
+            const formDataWithOpt = await collectBugReport({ [optName]: "SomethingSomething" });
+            expect(formDataWithOpt.get(label)).toBe("SomethingSomething");
+        });
+
+        it("should collect custom fields", async () => {
+            const formDataWithOpt = await collectBugReport({
+                customFields: {
+                    something: "SomethingSomething",
+                    another: "AnotherThing",
+                },
+            });
+
+            expect(formDataWithOpt.get("something")).toBe("SomethingSomething");
+            expect(formDataWithOpt.get("another")).toBe("AnotherThing");
+        });
+
+        it("should collect user agent", async () => {
+            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.spyOn(window.navigator, "userAgent", "get").mockReturnValue(undefined);
+            const formDataWithoutNav = await collectBugReport();
+            expect(formDataWithoutNav.get("user_agent")).toBe("UNKNOWN");
+        });
+    });
+
+    describe("Credentials", () => {
+        it("should collect user id", async () => {
+            const formData = await collectBugReport();
+            expect(formData.get("user_id")).toBe("@test:example.com");
+        });
+
+        it("should collect device id", async () => {
+            const formData = await collectBugReport();
+
+            expect(formData.get("device_id")).toBe("AAAAAAAAAA");
+        });
+    });
+
+    describe("Crypto info", () => {
+        it("should collect crypto version", async () => {
+            mocked(mockClient.getCrypto()!.getVersion).mockReturnValue("0.0.0");
+            const formData = await collectBugReport();
+
+            expect(formData.get("crypto_version")).toBe("0.0.0");
+        });
+
+        it("should collect device keys", async () => {
+            const ownDeviceKeys = {
+                curve25519: "curve25519b64",
+                ed25519: "ed25519b64",
+            };
+
+            mocked(mockClient.getCrypto()!.getOwnDeviceKeys).mockResolvedValue(ownDeviceKeys);
+
+            const keys = [`curve25519:${ownDeviceKeys.curve25519}`, `ed25519:${ownDeviceKeys.ed25519}`].join(", ");
+
+            const formData = await collectBugReport();
+
+            expect(formData.get("device_keys")).toBe(keys);
+        });
+
+        describe("Cross-Signing", () => {
+            it.each([true, false])("should collect cross-signing ready %s", async (ready) => {
+                mocked(mockClient.getCrypto()!.isCrossSigningReady).mockResolvedValue(ready);
+
+                const formData = await collectBugReport();
+
+                expect(formData.get("cross_signing_ready")).toBe(String(ready));
+            });
+
+            it("should collect cross-signing pub key if set", async () => {
+                const crossSigningPubKey = "crossSigningPubKey";
+                mocked(mockClient.getCrypto()!.getCrossSigningKeyId).mockImplementation(
+                    async (type): Promise<string | null> => {
+                        if (!type || type === CrossSigningKey.Master) {
+                            return crossSigningPubKey;
+                        }
+                        return null;
+                    },
+                );
+
+                const formData = await collectBugReport();
+
+                expect(formData.get("cross_signing_key")).toBe(crossSigningPubKey);
+            });
+
+            it("should not collect cross-signing pub key if not set", async () => {
+                mocked(mockClient.getCrypto()!.getCrossSigningKeyId).mockResolvedValue(null);
+                expect((await collectBugReport()).get("cross_signing_key")).toBe("n/a");
+            });
+
+            describe("Cross-signing status", () => {
+                const baseDetails = {
+                    masterKey: false,
+                    selfSigningKey: false,
+                    userSigningKey: false,
+                };
+                const baseStatus = {
+                    privateKeysInSecretStorage: false,
+                    publicKeysOnDevice: false,
+                    privateKeysCachedLocally: {
+                        ...baseDetails,
+                    },
+                };
+
+                it.each([true, false])("should collect if key cached locally %s", async (cached) => {
+                    mocked(mockClient.getCrypto()!.getCrossSigningStatus).mockResolvedValue({
+                        ...baseStatus,
+                        privateKeysInSecretStorage: cached,
+                    });
+
+                    const formData = await collectBugReport();
+
+                    expect(formData.get("cross_signing_privkey_in_secret_storage")).toBe(String(cached));
+                });
+
+                // @ts-ignore
+                const detailsTests: Array<[string, string, string]> = [
+                    ["master", "masterKey", "cross_signing_master_privkey_cached"],
+                    ["ssk", "selfSigningKey", "cross_signing_self_signing_privkey_cached"],
+                    ["usk", "userSigningKey", "cross_signing_user_signing_privkey_cached"],
+                ];
+                describe.each(detailsTests)("Cached locally %s", (_, objectKey, label) => {
+                    it.each([true, false])("should collect if cached locally %s", async (cached) => {
+                        mocked(mockClient.getCrypto()!.getCrossSigningStatus).mockResolvedValue({
+                            ...baseStatus,
+                            privateKeysCachedLocally: {
+                                ...baseDetails,
+                                [objectKey]: cached,
+                            },
+                        });
+
+                        const formData = await collectBugReport();
+
+                        expect(formData.get(label)).toBe(String(cached));
+                    });
+                });
+            });
+
+            describe("Secret Storage and backup", () => {
+                it.each([true, false])("should collect secret storage ready %s", async (ready) => {
+                    mocked(mockClient.getCrypto()!.isSecretStorageReady).mockResolvedValue(ready);
+
+                    const formData = await collectBugReport();
+
+                    expect(formData.get("secret_storage_ready")).toBe(String(ready));
+                });
+
+                it.each([true, false])("should collect secret storage key in account %s", async (stored) => {
+                    mocked(mockClient.secretStorage.hasKey).mockResolvedValue(stored);
+                    const formData = await collectBugReport();
+                    expect(formData.get("secret_storage_key_in_account")).toBe(String(stored));
+                });
+
+                it("should collect backup version", async () => {
+                    mocked(mockClient.isKeyBackupKeyStored).mockResolvedValue({});
+
+                    const formData = await collectBugReport();
+                    expect(formData.get("session_backup_key_in_secret_storage")).toBe(String(true));
+
+                    {
+                        mocked(mockClient.isKeyBackupKeyStored).mockResolvedValue(null);
+
+                        const formData = await collectBugReport();
+                        expect(formData.get("session_backup_key_in_secret_storage")).toBe(String(false));
+                    }
+                });
+
+                it("should collect backup key cached", async () => {
+                    mocked(mockClient.getCrypto()!.getSessionBackupPrivateKey).mockResolvedValue(
+                        new Uint8Array([0, 0]),
+                    );
+
+                    const formData = await collectBugReport();
+                    expect(formData.get("session_backup_key_cached")).toBe(String(true));
+                    expect(formData.get("session_backup_key_well_formed")).toBe(String(true));
+                });
+            });
+        });
+    });
+
+    describe("Synapse info", () => {
+        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)",
+                python_version: "3.7.8",
+            });
+
+            const formData = await collectBugReport();
+            expect(formData.get("matrix_hs_server_version")).toBe("1.101.0 (b=matrix-org-hotfixes,6dbedcf601)");
+            expect(formData.get("matrix_hs_python_version")).toBe("3.7.8");
+        });
+
+        it("should collect synapse admin keys with federation", async () => {
+            fetchMock.get("path:/_synapse/admin/v1/server_version", {
+                status: 404,
+            });
+            fetchMock.get("path:/_matrix/client/v3/login", {
+                status: 404,
+            });
+
+            fetchMock.get("path:/.well-known/matrix/server", {
+                "m.server": "matrix-federation.example.com:443",
+            });
+
+            fetchMock.get("https://matrix-federation.example.com/_matrix/federation/v1/version", {
+                server: {
+                    name: "Synapse",
+                    version: "1.101.0 (b=matrix-org-hotfixes,6dbedcf601)",
+                },
+            });
+
+            const formData = await collectBugReport();
+            expect(formData.get("matrix_hs_name")).toBe("Synapse");
+            expect(formData.get("matrix_hs_version")).toBe("1.101.0 (b=matrix-org-hotfixes,6dbedcf601)");
+        });
+
+        it("should collect synapse admin keys with fallback", async () => {
+            fetchMock.get("path:/_synapse/admin/v1/server_version", {
+                status: 404,
+            });
+            fetchMock.get("path:/.well-known/matrix/server", {
+                status: 404,
+            });
+
+            fetchMock.get("path:/_matrix/client/v3/login", {
+                status: 200,
+                body: {},
+                headers: {
+                    Server: "some_cdn",
+                },
+            });
+
+            const formData = await collectBugReport();
+            expect(formData.get("matrix_hs_server")).toBe("some_cdn");
+        });
+    });
+
+    describe("Settings Store", () => {
+        beforeEach(() => {
+            jest.spyOn(SDKContextClass.instance.notifier, "isPossible").mockReturnValue(true);
+        });
+
+        afterEach(() => {
+            jest.restoreAllMocks();
+        });
+
+        it("should collect labs from settings store", async () => {
+            const someFeatures = [
+                "feature_video_rooms",
+                "feature_notification_settings2",
+            ] as unknown[] as FeatureSettingKey[];
+            const enabledFeatures: SettingKey[] = ["feature_video_rooms"];
+            jest.spyOn(SettingsStore, "getFeatureSettingNames").mockReturnValue(someFeatures);
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName): any => {
+                return enabledFeatures.includes(settingName);
+            });
+
+            const formData = await collectBugReport();
+            expect(formData.get("enabled_labs")).toBe(enabledFeatures.join(", "));
+        });
+
+        it("should collect low bandWidth enabled", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName): any => {
+                if (settingName == "lowBandwidth") {
+                    return true;
+                }
+            });
+
+            const formData = await collectBugReport();
+            expect(formData.get("lowBandwidth")).toBe("enabled");
+        });
+        it("should collect low bandWidth disabled", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName): any => {
+                if (settingName == "lowBandwidth") {
+                    return false;
+                }
+            });
+
+            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(SDKContextClass.instance.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(SDKContextClass.instance.notifier, "isPossible").mockReturnValue(true);
+
+            const formData = await collectBugReport();
+            expect(JSON.parse(formData.get("mx_local_settings") as string)["notificationsEnabled"]).toBe(false);
+        });
+    });
+
+    describe("Navigator Storage", () => {
+        let mockNavigator: Mocked<Navigator>;
+        let navigatorSpy: jest.SpyInstance;
+
+        beforeEach(() => {
+            mockNavigator = {
+                storage: {
+                    estimate: jest.fn(),
+                    persisted: jest.fn(),
+                },
+            } as unknown as Mocked<Navigator>;
+            // @ts-ignore - We just need partial mock
+            navigatorSpy = jest.spyOn(global, "navigator", "get").mockReturnValue(mockNavigator);
+        });
+
+        afterEach(() => {
+            navigatorSpy.mockRestore();
+            SettingsStore.reset();
+        });
+
+        it("should collect navigator storage persisted", async () => {
+            mocked(mockNavigator.storage.persisted).mockResolvedValue(true);
+            const formData = await collectBugReport();
+            expect(formData.get("storageManager_persisted")).toBe("true");
+        });
+
+        it("should collect navigator storage safari", async () => {
+            mocked(mockNavigator.storage.persisted).mockResolvedValue(true);
+            // @ts-ignore - Need to mock the safari
+            jest.replaceProperty(mockNavigator, "storage", undefined);
+
+            const spy = jest.spyOn(global, "document", "get").mockReturnValue({
+                hasStorageAccess: jest.fn().mockReturnValue(true),
+            } as any);
+
+            const formData = await collectBugReport();
+            expect(formData.get("storageManager_persisted")).toBe("true");
+
+            spy.mockRestore();
+        });
+
+        it("should collect navigator storage estimate", async () => {
+            const estimate = {
+                quota: 596797550592,
+                usage: 9147087,
+                usageDetails: {
+                    indexedDB: 9147045,
+                    serviceWorkerRegistrations: 42,
+                },
+            };
+            mocked(mockNavigator.storage.estimate).mockResolvedValue(estimate);
+
+            const formData = await collectBugReport();
+            expect(formData.get("storageManager_quota")).toEqual(estimate.quota.toString());
+            expect(formData.get("storageManager_usage")).toEqual(estimate.usage.toString());
+            expect(formData.get("storageManager_usage_indexedDB")).toEqual(
+                estimate.usageDetails["indexedDB"].toString(),
+            );
+            expect(formData.get("storageManager_usage_serviceWorkerRegistrations")).toEqual(
+                estimate.usageDetails["serviceWorkerRegistrations"].toString(),
+            );
+        });
+    });
+
+    it("should collect modernizer", async () => {
+        const allFeatures = {
+            cssanimations: false,
+            flexbox: true,
+            d0: false,
+            d1: false,
+            crypto: true,
+        };
+        const disabledFeatures = ["cssanimations", "d0", "d1"];
+        const windowSpy = jest.spyOn(global, "window", "get").mockReturnValue({
+            matchMedia: jest.fn().mockReturnValue({ matches: false }),
+            Modernizr: {
+                ...allFeatures,
+            },
+        } as any);
+
+        const formData = await collectBugReport();
+
+        expect(formData.get("modernizr_missing_features")).toBe(disabledFeatures.join(", "));
+
+        windowSpy.mockRestore();
+    });
+
+    it("should collect localstorage settings", async () => {
+        await SettingsStore.setValue("language", null, SettingLevel.DEVICE, "fr");
+        await SettingsStore.setValue("showHiddenEventsInTimeline", null, SettingLevel.DEVICE, true);
+        await SettingsStore.setValue("userTimezone", null, SettingLevel.DEVICE, "Europe/London");
+        await SettingsStore.setValue("activeCallRoomIds", null, SettingLevel.DEVICE, []);
+
+        const formData = await collectBugReport();
+        const settingDataJSON = formData.get("mx_local_settings");
+        expect(settingDataJSON).not.toBeNull();
+        const settingsData = JSON.parse(settingDataJSON as string);
+        expect(settingsData.showHiddenEventsInTimeline).toEqual(true);
+    });
+
+    it("should collect logs for collectBugReport", 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 prevLogger = global.mx_rage_logger;
+        global.mx_rage_logger = mockConsoleLogger;
+        try {
+            const formData = await collectBugReport({ sendLogs: true });
+            expect(formData.get("compressed-log")).toBeDefined();
+        } finally {
+            global.mx_rage_logger = prevLogger;
+        }
+    });
+
+    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 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", () => {
+        const progressCallback = jest.fn();
+
+        collectBugReport({ progressCallback });
+
+        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/apps/web/test/unit-tests/theme-test.ts b/apps/web/test/unit-tests/theme-test.ts
new file mode 100644
index 00000000000..3466f5a4f2a
--- /dev/null
+++ b/apps/web/test/unit-tests/theme-test.ts
@@ -0,0 +1,268 @@
+/*
+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 SettingsStore from "../../src/settings/SettingsStore";
+import { FontWatcher } from "../../src/settings/watchers/FontWatcher";
+import { enumerateThemes, getOrderedThemes, setTheme } from "../../src/theme";
+
+describe("theme", () => {
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    describe("setTheme", () => {
+        let lightTheme: HTMLStyleElement;
+        let darkTheme: HTMLStyleElement;
+        let lightCustomTheme: HTMLStyleElement;
+
+        let spyQuerySelectorAll: jest.MockInstance<NodeListOf<Element>, [selectors: string]>;
+        let spyClassList: jest.SpyInstance<void, string[]>;
+
+        beforeAll(() => {
+            const meta = document.createElement("meta");
+            meta.name = "theme-color";
+            document.head.appendChild(meta);
+        });
+
+        beforeEach(() => {
+            const styles = ["light", "dark", "light-custom", "dark-custom"].map(
+                (theme) =>
+                    ({
+                        dataset: {
+                            mxTheme: theme,
+                        },
+                        disabled: true,
+                        href: "fake URL",
+                        onload: (): void => void 0,
+                    }) as unknown as HTMLStyleElement,
+            );
+            lightTheme = styles[0];
+            darkTheme = styles[1];
+            lightCustomTheme = styles[2];
+
+            jest.spyOn(document.body, "style", "get").mockReturnValue([] as any);
+            spyQuerySelectorAll = jest.spyOn(document, "querySelectorAll").mockReturnValue(styles as any);
+            spyClassList = jest.spyOn(document.body.classList, "add");
+        });
+
+        afterEach(() => {
+            jest.useRealTimers();
+        });
+
+        it("should switch theme on onload call", async () => {
+            // When
+            await new Promise((resolve) => {
+                setTheme("light").then(resolve);
+                lightTheme.onload!({} as Event);
+            });
+
+            // Then
+            expect(spyQuerySelectorAll).toHaveBeenCalledWith("[data-mx-theme]");
+            expect(spyQuerySelectorAll).toHaveBeenCalledTimes(1);
+            expect(lightTheme.disabled).toBe(false);
+            expect(darkTheme.disabled).toBe(true);
+            expect(spyClassList).toHaveBeenCalledWith("cpd-theme-light");
+        });
+
+        it("should switch to dark", async () => {
+            // When
+            await new Promise((resolve) => {
+                setTheme("dark").then(resolve);
+                darkTheme.onload!({} as Event);
+            });
+
+            // Then
+            expect(spyClassList).toHaveBeenCalledWith("cpd-theme-dark");
+        });
+
+        it("should reject promise on onerror call", () => {
+            return expect(
+                new Promise((resolve) => {
+                    setTheme("light").catch((e) => resolve(e));
+                    lightTheme.onerror!("call onerror");
+                }),
+            ).resolves.toBe("call onerror");
+        });
+
+        it("should switch theme if CSS are preloaded", async () => {
+            // When
+            jest.spyOn(document, "styleSheets", "get").mockReturnValue([lightTheme] as any);
+
+            await setTheme("light");
+
+            // Then
+            expect(lightTheme.disabled).toBe(false);
+            expect(darkTheme.disabled).toBe(true);
+        });
+
+        it("should switch theme if CSS is loaded during pooling", async () => {
+            // When
+            jest.useFakeTimers();
+            await new Promise((resolve) => {
+                setTheme("light").then(resolve);
+                jest.spyOn(document, "styleSheets", "get").mockReturnValue([lightTheme] as any);
+                jest.advanceTimersByTime(200);
+            });
+
+            // Then
+            expect(lightTheme.disabled).toBe(false);
+            expect(darkTheme.disabled).toBe(true);
+        });
+
+        it("should reject promise if pooling maximum value is reached", () => {
+            jest.useFakeTimers();
+            return new Promise((resolve) => {
+                setTheme("light").catch(resolve);
+                jest.advanceTimersByTime(200 * 10);
+            });
+        });
+
+        it("applies a custom Compound theme", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue([
+                {
+                    name: "blue",
+                    compound: {
+                        "--cpd-color-icon-accent-tertiary": "var(--cpd-color-blue-800)",
+                        "--cpd-color-text-action-accent": "var(--cpd-color-blue-900)",
+                    },
+                },
+            ]);
+
+            const spy = jest.spyOn(document.head, "appendChild").mockImplementation();
+            await new Promise((resolve) => {
+                setTheme("custom-blue").then(resolve);
+                lightCustomTheme.onload!({} as Event);
+            });
+            expect(spy).toHaveBeenCalled();
+            expect(spy.mock.calls[0][0].textContent).toMatchSnapshot();
+            spy.mockRestore();
+        });
+
+        it("should handle 4-char rgba hex strings", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue([
+                {
+                    name: "blue",
+                    colors: {
+                        "sidebar-color": "#abcd",
+                    },
+                },
+            ]);
+
+            const spy = jest.fn();
+            jest.spyOn(document.body, "style", "get").mockReturnValue({
+                setProperty: spy,
+            } as any);
+            await new Promise((resolve) => {
+                setTheme("custom-blue").then(resolve);
+                lightCustomTheme.onload!({} as Event);
+            });
+            expect(spy).toHaveBeenCalledWith("--sidebar-color", "#abcd");
+            expect(spy).toHaveBeenCalledWith("--sidebar-color-0pct", "#aabbcc00");
+            expect(spy).toHaveBeenCalledWith("--sidebar-color-15pct", "#aabbcc21");
+            expect(spy).toHaveBeenCalledWith("--sidebar-color-50pct", "#aabbcc6f");
+        });
+
+        it("should handle 6-char rgb hex strings", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue([
+                {
+                    name: "blue",
+                    colors: {
+                        "sidebar-color": "#abcdef",
+                    },
+                },
+            ]);
+
+            const spy = jest.fn();
+            jest.spyOn(document.body, "style", "get").mockReturnValue({
+                setProperty: spy,
+            } as any);
+            await new Promise((resolve) => {
+                setTheme("custom-blue").then(resolve);
+                lightCustomTheme.onload!({} as Event);
+            });
+            expect(spy).toHaveBeenCalledWith("--sidebar-color", "#abcdef");
+            expect(spy).toHaveBeenCalledWith("--sidebar-color-0pct", "#abcdef00");
+            expect(spy).toHaveBeenCalledWith("--sidebar-color-15pct", "#abcdef26");
+            expect(spy).toHaveBeenCalledWith("--sidebar-color-50pct", "#abcdef80");
+        });
+    });
+
+    describe("enumerateThemes", () => {
+        it("should return a list of themes", () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue([{ name: "pink" }]);
+            expect(enumerateThemes()).toEqual({
+                "light": "Light",
+                "light-high-contrast": "Light high contrast",
+                "dark": "Dark",
+                "custom-pink": "pink",
+            });
+        });
+
+        it("should be robust to malformed custom_themes values", () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue([23] as any);
+            expect(enumerateThemes()).toEqual({
+                "light": "Light",
+                "light-high-contrast": "Light high contrast",
+                "dark": "Dark",
+            });
+        });
+    });
+
+    describe("getOrderedThemes", () => {
+        it("should return a list of themes in the correct order", () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue([{ name: "Zebra Striped" }, { name: "Apple Green" }]);
+            expect(getOrderedThemes()).toEqual([
+                { id: "light", name: "Light" },
+                { id: "dark", name: "Dark" },
+                { id: "custom-Apple Green", name: "Apple Green" },
+                { id: "custom-Zebra Striped", name: "Zebra Striped" },
+            ]);
+        });
+    });
+
+    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/apps/web/test/unit-tests/toasts/IncomingCallToast-test.tsx b/apps/web/test/unit-tests/toasts/IncomingCallToast-test.tsx
new file mode 100644
index 00000000000..7309cd55946
--- /dev/null
+++ b/apps/web/test/unit-tests/toasts/IncomingCallToast-test.tsx
@@ -0,0 +1,503 @@
+/*
+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, cleanup, fireEvent, waitFor } from "jest-matrix-react";
+import { mocked, type Mocked } from "jest-mock";
+import {
+    Room,
+    RoomStateEvent,
+    type MatrixEvent,
+    MatrixEventEvent,
+    type MatrixClient,
+    type RoomMember,
+    EventType,
+    RoomEvent,
+    type IRoomTimelineData,
+    type ISendEventResponse,
+    type IContent,
+} 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,
+    MockedCall,
+    stubClient,
+    mkRoomMember,
+    setupAsyncStoreWithClient,
+    resetAsyncStoreWithClient,
+    mkEvent,
+    clientAndSDKContextRenderOptions,
+} from "../../test-utils";
+import defaultDispatcher from "../../../src/dispatcher/dispatcher";
+import { Action } from "../../../src/dispatcher/actions";
+import { MatrixClientPeg } from "../../../src/MatrixClientPeg";
+import { CallStore } from "../../../src/stores/CallStore";
+import { WidgetMessagingStore } from "../../../src/stores/widgets/WidgetMessagingStore";
+import DMRoomMap from "../../../src/utils/DMRoomMap";
+import ToastStore from "../../../src/stores/ToastStore";
+import {
+    getIncomingCallToastKey,
+    getNotificationEventSendTs,
+    IncomingCallToast,
+} from "../../../src/toasts/IncomingCallToast";
+import { AudioID } from "../../../src/LegacyCallHandler";
+import { CallEvent } from "../../../src/models/Call";
+import { type WidgetMessaging } from "../../../src/stores/widgets/WidgetMessaging";
+import { TestSDKContext } from "../TestSDKContext.ts";
+
+function makeNotificationEvent(room: Room, content: IContent = {}): MatrixEvent {
+    const ts = Date.now();
+    const notificationContent = {
+        "notification_type": "notification",
+        "m.relation": { rel_type: "m.reference", event_id: "$memberEventId" },
+        "m.mentions": { user_ids: [], room: true },
+        "lifetime": 3000,
+        "sender_ts": ts,
+        ...content,
+    } as unknown as IRTCNotificationContent;
+    return mkEvent({
+        type: EventType.RTCNotification,
+        user: "@userId:matrix.org",
+        content: notificationContent,
+        room: room.roomId,
+        ts,
+        id: "$notificationEventId",
+        event: true,
+    });
+}
+
+describe("IncomingCallToast", () => {
+    useMockedCalls();
+
+    let client: Mocked<MatrixClient>;
+    let sdkContext: TestSDKContext;
+    let room: Room;
+
+    let alice: RoomMember;
+    let bob: RoomMember;
+    let call: MockedCall;
+    let widget: Widget;
+    const dmRoomMap = {
+        getUserIdForRoomId: jest.fn(),
+    } as unknown as DMRoomMap;
+    const toastStore = {
+        dismissToast: jest.fn(),
+    } as unknown as Mocked<ToastStore>;
+
+    beforeEach(async () => {
+        stubClient();
+        client = mocked(MatrixClientPeg.safeGet());
+        sdkContext = new TestSDKContext();
+        sdkContext._client = client;
+
+        const audio = document.createElement("audio");
+        audio.id = AudioID.Ring;
+        document.body.appendChild(audio);
+
+        room = new Room("!1:example.org", client, "@alice:example.org");
+        alice = mkRoomMember(room.roomId, "@alice:example.org");
+        bob = mkRoomMember(room.roomId, "@bob:example.org");
+
+        client.getRoom.mockImplementation((roomId) => (roomId === room.roomId ? room : null));
+        client.getRooms.mockReturnValue([room]);
+        client.reEmitter.reEmit(room, [RoomStateEvent.Events]);
+        MockedCall.create(room, "1");
+
+        await Promise.all(
+            [CallStore.instance, WidgetMessagingStore.instance].map((store) =>
+                setupAsyncStoreWithClient(store, client),
+            ),
+        );
+
+        const maybeCall = CallStore.instance.getCall(room.roomId);
+        if (!(maybeCall instanceof MockedCall)) throw new Error("Failed to create call");
+        call = maybeCall;
+
+        widget = new Widget(call.widget);
+        WidgetMessagingStore.instance.storeMessaging(widget, room.roomId, {
+            stop: () => {},
+        } as unknown as WidgetMessaging);
+
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+        jest.spyOn(ToastStore, "sharedInstance").mockReturnValue(toastStore);
+        toastStore.dismissToast.mockReset();
+    });
+
+    afterEach(async () => {
+        cleanup(); // Unmount before we do any cleanup that might update the component
+        call.destroy();
+        WidgetMessagingStore.instance.stopMessaging(widget, room.roomId);
+        await Promise.all([CallStore.instance, WidgetMessagingStore.instance].map(resetAsyncStoreWithClient));
+        jest.restoreAllMocks();
+    });
+
+    const renderToast = (notificationEvent: MatrixEvent = makeNotificationEvent(room)): string => {
+        const callId = randomUUID();
+        call.event.getContent = () =>
+            ({
+                call_id: callId,
+                getRoomId: () => room.roomId,
+            }) as any;
+        render(
+            <IncomingCallToast
+                notificationEvent={notificationEvent}
+                toastKey={getIncomingCallToastKey(callId, room.roomId)}
+            />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        return callId;
+    };
+
+    it.each(["video", "voice"])("shows information for a group %s call", (callType: string) => {
+        call.participants = new Map([
+            [alice, new Set("a")],
+            [bob, new Set(["b1", "b2"])],
+        ]);
+        const notificationEvent = makeNotificationEvent(room, {
+            "m.call.intent": callType === "voice" ? "audio" : "video",
+        });
+        renderToast(notificationEvent);
+
+        screen.getByText("Group call started");
+        screen.getByLabelText(callType === "voice" ? "Voice call" : "Video call");
+        screen.getByLabelText("@alice:example.org");
+        screen.getByLabelText("@bob:example.org");
+        screen.getByText("on the call");
+
+        screen.getByRole("button", { name: "Join" });
+        screen.getByRole("button", { name: "Decline" });
+        screen.getByRole("button", { name: "Expand" });
+    });
+
+    it.each(["video", "voice"])("shows information for a DM %s call", (callType: string) => {
+        mocked(dmRoomMap.getUserIdForRoomId).mockImplementation((roomId) =>
+            roomId === room.roomId ? alice.userId : undefined,
+        );
+        try {
+            call.participants = new Map([[alice, new Set("a")]]);
+            const notificationEvent = makeNotificationEvent(room, {
+                "m.call.intent": callType === "voice" ? "audio" : "video",
+            });
+            renderToast(notificationEvent);
+
+            screen.getByText(callType === "voice" ? "Incoming voice call" : "Incoming video call");
+            screen.getByLabelText(callType === "voice" ? "Voice call" : "Video call");
+            screen.getByLabelText("@alice:example.org");
+
+            screen.getByRole("button", { name: "Join" });
+            screen.getByRole("button", { name: "Decline" });
+            screen.getByRole("button", { name: "Expand" });
+        } finally {
+            mocked(dmRoomMap.getUserIdForRoomId).mockReset();
+        }
+    });
+
+    it("start ringing on ring notify event", () => {
+        const notificationEvent = makeNotificationEvent(room, { notification_type: "ring" });
+        const playMock = jest.spyOn(sdkContext.legacyCallHandler, "play");
+        render(
+            <IncomingCallToast notificationEvent={notificationEvent} toastKey="" />,
+            clientAndSDKContextRenderOptions(client, sdkContext),
+        );
+        expect(playMock).toHaveBeenCalled();
+    });
+
+    it("correctly renders toast without a call", () => {
+        call.destroy();
+        renderToast();
+
+        screen.getByText("Group call started");
+        screen.getByLabelText("Video call");
+        expect(screen.queryByText("on the call")).toBe(null);
+
+        screen.getByRole("button", { name: "Join" });
+        screen.getByRole("button", { name: "Decline" });
+        screen.getByRole("button", { name: "Expand" });
+    });
+
+    it("joins with video and closes the toast", async () => {
+        const callId = renderToast();
+
+        const dispatcherSpy = jest.fn();
+        const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
+
+        screen.getByRole("switch", { name: "Join with video", checked: true });
+
+        fireEvent.click(screen.getByRole("button", { name: "Join" }));
+        await waitFor(() =>
+            expect(dispatcherSpy).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                room_id: room.roomId,
+                skipLobby: true,
+                view_call: true,
+                voiceOnly: false,
+            }),
+        );
+        await waitFor(() =>
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
+        );
+
+        defaultDispatcher.unregister(dispatcherRef);
+    });
+
+    it("joins without video and closes the toast", async () => {
+        const callId = renderToast();
+
+        const dispatcherSpy = jest.fn();
+        const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
+
+        fireEvent.click(screen.getByRole("switch", {}));
+        screen.getByRole("switch", { name: "Join with video", checked: false });
+
+        fireEvent.click(screen.getByRole("button", { name: "Join" }));
+        await waitFor(() =>
+            expect(dispatcherSpy).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                room_id: room.roomId,
+                skipLobby: true,
+                view_call: true,
+                voiceOnly: true,
+            }),
+        );
+        await waitFor(() =>
+            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 () => {
+        const callId = renderToast();
+
+        const dispatcherSpy = jest.fn();
+        const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
+
+        fireEvent.click(screen.getByRole("button", { name: "Join" }), { shiftKey: true });
+        await waitFor(() =>
+            expect(dispatcherSpy).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                room_id: room.roomId,
+                skipLobby: true,
+                view_call: true,
+                voiceOnly: false,
+            }),
+        );
+        await waitFor(() =>
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
+        );
+
+        defaultDispatcher.unregister(dispatcherRef);
+    });
+
+    it("Dismiss toast if user joins with a remote device", async () => {
+        const callId = renderToast();
+
+        const dispatcherSpy = jest.fn();
+        const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
+
+        call.emit(
+            CallEvent.Participants,
+            new Map([[mkRoomMember(room.roomId, "@userId:matrix.org"), new Set(["a"])]]),
+            new Map(),
+        );
+
+        await waitFor(() =>
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
+        );
+
+        defaultDispatcher.unregister(dispatcherRef);
+    });
+
+    it("expands to show the call lobby", async () => {
+        const callId = renderToast();
+
+        const dispatcherSpy = jest.fn();
+        const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
+
+        fireEvent.click(screen.getByRole("button", { name: "Expand" }));
+        await waitFor(() =>
+            expect(dispatcherSpy).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                room_id: room.roomId,
+                skipLobby: false,
+                view_call: true,
+                voiceOnly: false,
+            }),
+        );
+        await waitFor(() =>
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
+        );
+
+        defaultDispatcher.unregister(dispatcherRef);
+    });
+
+    it("closes toast when the call lobby is viewed", async () => {
+        const callId = renderToast();
+
+        defaultDispatcher.dispatch({
+            action: Action.ViewRoom,
+            room_id: room.roomId,
+            view_call: true,
+        });
+
+        await waitFor(() =>
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
+        );
+    });
+
+    it("closes toast when the call event is redacted", async () => {
+        const callId = renderToast();
+
+        const event = room.currentState.getStateEvents(MockedCall.EVENT_TYPE, "1")!;
+        room.emit(MatrixEventEvent.BeforeRedaction, event, {} as unknown as MatrixEvent);
+
+        await waitFor(() =>
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
+        );
+    });
+
+    it("closes toast when the notification event is redacted", async () => {
+        const notificationEvent = makeNotificationEvent(room);
+        const callId = renderToast(notificationEvent);
+
+        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 () => {
+        const callId = renderToast();
+        call.destroy();
+
+        await waitFor(() =>
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
+        );
+    });
+
+    it("closes toast when a decline event was received", async () => {
+        const notificationEvent = makeNotificationEvent(room);
+        const callId = renderToast(notificationEvent);
+
+        room.emit(
+            RoomEvent.Timeline,
+            mkEvent({
+                user: "@userId:matrix.org",
+                type: EventType.RTCDecline,
+                content: { "m.relates_to": { event_id: notificationEvent.getId()!, rel_type: "m.reference" } },
+                event: true,
+            }),
+            room,
+            undefined,
+            false,
+            {} as unknown as IRoomTimelineData,
+        );
+
+        await waitFor(() =>
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
+        );
+    });
+
+    it("does not close toast when a decline event for another user was received", async () => {
+        const notificationEvent = makeNotificationEvent(room);
+        const callId = renderToast(notificationEvent);
+
+        room.emit(
+            RoomEvent.Timeline,
+            mkEvent({
+                user: "@userIdNotMe:matrix.org",
+                type: EventType.RTCDecline,
+                content: { "m.relates_to": { event_id: notificationEvent.getId()!, rel_type: "m.reference" } },
+                event: true,
+            }),
+            room,
+            undefined,
+            false,
+            {} as unknown as IRoomTimelineData,
+        );
+
+        await waitFor(() =>
+            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 () => {
+        renderToast();
+        const callId = renderToast();
+
+        room.emit(
+            RoomEvent.Timeline,
+            mkEvent({
+                user: "@userId:matrix.org",
+                type: EventType.RTCDecline,
+                content: { "m.relates_to": { event_id: "$otherNotificationEventRelation", rel_type: "m.reference" } },
+                event: true,
+            }),
+            room,
+            undefined,
+            false,
+            {} as unknown as IRoomTimelineData,
+        );
+
+        await waitFor(() =>
+            expect(toastStore.dismissToast).not.toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
+        );
+    });
+
+    it("sends a decline event when clicking the ignore button and only dismiss after sending", async () => {
+        const callId = renderToast();
+
+        const { promise, resolve } = Promise.withResolvers<ISendEventResponse>();
+        client.sendRtcDecline.mockImplementation(() => {
+            return promise;
+        });
+
+        fireEvent.click(screen.getByRole("button", { name: "Decline" }));
+
+        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(callId, room.roomId)),
+        );
+    });
+
+    it("getNotificationEventSendTs returns the correct ts", () => {
+        const notificationEvent = makeNotificationEvent(room);
+        const eventOriginServerTs = mkEvent({
+            user: "@userId:matrix.org",
+            type: EventType.RTCNotification,
+            content: {
+                "m.relates_to": { event_id: notificationEvent.getId()!, rel_type: "m.reference" },
+                "sender_ts": 222_000,
+            },
+            event: true,
+            ts: 1111,
+        });
+
+        const eventSendTs = mkEvent({
+            user: "@userId:matrix.org",
+            type: EventType.RTCNotification,
+            content: {
+                "m.relates_to": { event_id: notificationEvent.getId()!, rel_type: "m.reference" },
+                "sender_ts": 2222,
+            },
+            event: true,
+            ts: 1111,
+        });
+
+        expect(getNotificationEventSendTs(eventOriginServerTs)).toBe(1111);
+        expect(getNotificationEventSendTs(eventSendTs)).toBe(2222);
+    });
+});
diff --git a/apps/web/test/unit-tests/toasts/IncomingLegacyCallToast-test.tsx b/apps/web/test/unit-tests/toasts/IncomingLegacyCallToast-test.tsx
new file mode 100644
index 00000000000..36fe67b7a88
--- /dev/null
+++ b/apps/web/test/unit-tests/toasts/IncomingLegacyCallToast-test.tsx
@@ -0,0 +1,79 @@
+/*
+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 { render } from "jest-matrix-react";
+import { LOCAL_NOTIFICATION_SETTINGS_PREFIX, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
+import { MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import React from "react";
+
+import IncomingLegacyCallToast from "../../../src/toasts/IncomingLegacyCallToast";
+import DMRoomMap from "../../../src/utils/DMRoomMap";
+import {
+    clientAndSDKContextRenderOptions,
+    getMockClientWithEventEmitter,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+} from "../../test-utils";
+import { TestSDKContext } from "../TestSDKContext.ts";
+
+describe("<IncomingLegacyCallToast />", () => {
+    const userId = "@alice:server.org";
+    const deviceId = "my-device";
+
+    jest.spyOn(DMRoomMap, "shared").mockReturnValue({
+        getUserIdForRoomId: jest.fn(),
+    } as unknown as DMRoomMap);
+
+    const mockClient = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(userId),
+        ...mockClientMethodsServer(),
+        getRoom: jest.fn(),
+    });
+    const sdkContext = new TestSDKContext();
+    sdkContext._client = mockClient;
+    const mockRoom = new Room("!room:server.org", mockClient, userId);
+    mockClient.deviceId = deviceId;
+
+    const call = new MatrixCall({ client: mockClient, roomId: mockRoom.roomId });
+    const defaultProps = {
+        call,
+    };
+    const getComponent = (props = {}) => <IncomingLegacyCallToast {...defaultProps} {...props} />;
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        mockClient.getAccountData.mockReturnValue(undefined);
+        mockClient.getRoom.mockReturnValue(mockRoom);
+    });
+
+    it("renders when silence button when call is not silenced", () => {
+        const { getByLabelText } = render(getComponent(), clientAndSDKContextRenderOptions(mockClient, sdkContext));
+        expect(getByLabelText("Silence call")).toMatchSnapshot();
+    });
+
+    it("renders sound on button when call is silenced", () => {
+        sdkContext.legacyCallHandler.silenceCall(call.callId);
+        const { getByLabelText } = render(getComponent(), clientAndSDKContextRenderOptions(mockClient, sdkContext));
+        expect(getByLabelText("Sound on")).toMatchSnapshot();
+    });
+
+    it("renders disabled silenced button when call is forced to silent", () => {
+        // silence local notifications -> force call ringer to silent
+        mockClient.getAccountData.mockImplementation((eventType) => {
+            if (eventType.includes(LOCAL_NOTIFICATION_SETTINGS_PREFIX.name)) {
+                return new MatrixEvent({
+                    type: eventType,
+                    content: {
+                        is_silenced: true,
+                    },
+                });
+            }
+        });
+        const { getByLabelText } = render(getComponent(), clientAndSDKContextRenderOptions(mockClient, sdkContext));
+        expect(getByLabelText("Notifications silenced")).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/toasts/SetupEncryptionToast-test.tsx b/apps/web/test/unit-tests/toasts/SetupEncryptionToast-test.tsx
new file mode 100644
index 00000000000..1fc6ac7ed58
--- /dev/null
+++ b/apps/web/test/unit-tests/toasts/SetupEncryptionToast-test.tsx
@@ -0,0 +1,397 @@
+/*
+Copyright 2025 Element Creations Ltd.
+Copyright 2024 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 { act, render, screen } from "jest-matrix-react";
+import { mocked, type Mocked } from "jest-mock";
+import userEvent from "@testing-library/user-event";
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type CryptoApi, DecryptionKeyDoesNotMatchError } from "matrix-js-sdk/src/crypto-api";
+import { type SecretStorageKeyDescriptionAesV1 } from "matrix-js-sdk/src/secret-storage";
+
+import * as SecurityManager from "../../../src/SecurityManager";
+import ToastContainer from "../../../src/components/structures/ToastContainer";
+import { showToast } from "../../../src/toasts/SetupEncryptionToast";
+import dis from "../../../src/dispatcher/dispatcher";
+import { DeviceListener } from "../../../src/device-listener";
+import Modal from "../../../src/Modal";
+import ConfirmKeyStorageOffDialog from "../../../src/components/views/dialogs/ConfirmKeyStorageOffDialog";
+import SetupEncryptionDialog from "../../../src/components/views/dialogs/security/SetupEncryptionDialog";
+import { stubClient } from "../../test-utils";
+
+jest.mock("../../../src/dispatcher/dispatcher", () => ({
+    dispatch: jest.fn(),
+    register: jest.fn(),
+    unregister: jest.fn(),
+}));
+
+describe("SetupEncryptionToast", () => {
+    beforeEach(() => {
+        jest.resetAllMocks();
+        render(<ToastContainer />);
+    });
+
+    describe("Back up your chats", () => {
+        it("should render the toast", async () => {
+            act(() => showToast("set_up_recovery"));
+
+            expect(await screen.findByRole("heading", { name: "Back up your chats" })).toBeInTheDocument();
+        });
+
+        it("should dismiss the toast when 'Dismiss' button clicked, and remember it", async () => {
+            jest.spyOn(DeviceListener.sharedInstance(), "recordRecoveryDisabled");
+            jest.spyOn(DeviceListener.sharedInstance(), "dismissEncryptionSetup");
+
+            act(() => showToast("set_up_recovery"));
+
+            const user = userEvent.setup();
+            await user.click(await screen.findByRole("button", { name: "Dismiss" }));
+
+            expect(DeviceListener.sharedInstance().recordRecoveryDisabled).toHaveBeenCalled();
+            expect(DeviceListener.sharedInstance().dismissEncryptionSetup).toHaveBeenCalled();
+        });
+    });
+
+    describe("Key storage out of sync", () => {
+        let client: Mocked<MatrixClient>;
+
+        beforeEach(() => {
+            client = mocked(stubClient());
+            mocked(client.getCrypto).mockReturnValue({
+                getSessionBackupPrivateKey: jest.fn().mockResolvedValue(null),
+                resetKeyBackup: jest.fn(),
+                checkKeyBackupAndEnable: jest.fn(),
+                loadSessionBackupPrivateKeyFromSecretStorage: jest.fn(),
+            } as unknown as CryptoApi);
+        });
+
+        it("should render the toast", async () => {
+            act(() => showToast("key_storage_out_of_sync"));
+
+            await expect(screen.findByText("Your key storage is out of sync.")).resolves.toBeInTheDocument();
+        });
+
+        it("should reset key backup if needed", async () => {
+            showToast("key_storage_out_of_sync");
+
+            jest.spyOn(SecurityManager, "accessSecretStorage").mockImplementation(
+                async (func = async (): Promise<void> => {}) => {
+                    return await func();
+                },
+            );
+
+            jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(true);
+
+            const user = userEvent.setup();
+            await user.click(await screen.findByText("Enter recovery key"));
+
+            expect(client.getCrypto()!.resetKeyBackup).toHaveBeenCalled();
+        });
+
+        it("should not reset key backup if not needed", async () => {
+            showToast("key_storage_out_of_sync");
+
+            jest.spyOn(SecurityManager, "accessSecretStorage").mockImplementation(
+                async (func = async (): Promise<void> => {}) => {
+                    return await func();
+                },
+            );
+
+            jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(false);
+            // if the backup key is stored in 4S
+            client.isKeyBackupKeyStored.mockResolvedValue({});
+
+            const user = userEvent.setup();
+            await user.click(await screen.findByText("Enter recovery key"));
+
+            // we shouldn't have reset the key backup, but should have fetched
+            // the key from 4S
+            expect(client.getCrypto()!.resetKeyBackup).not.toHaveBeenCalled();
+            expect(client.getCrypto()!.loadSessionBackupPrivateKeyFromSecretStorage).toHaveBeenCalled();
+        });
+
+        it("should reset key backup if decryption key does not match backup", async () => {
+            showToast("key_storage_out_of_sync");
+
+            const crypto = client.getCrypto()!;
+
+            jest.spyOn(SecurityManager, "accessSecretStorage").mockImplementation(
+                async (func = async (): Promise<void> => {}) => func(),
+            );
+
+            // Given we throw when trying to load the backup decrption key
+            mocked(crypto.loadSessionBackupPrivateKeyFromSecretStorage).mockRejectedValue(
+                new DecryptionKeyDoesNotMatchError("it key no match"),
+            );
+
+            jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(false);
+            client.isKeyBackupKeyStored.mockResolvedValue({});
+
+            // When we enter our recovery key
+            const user = userEvent.setup();
+            await user.click(await screen.findByText("Enter recovery key"));
+
+            // Then we should reset the key backup because we caught the
+            // DecryptionKeyDoesNotMatchError.
+            expect(client.getCrypto()!.resetKeyBackup).toHaveBeenCalled();
+        });
+
+        it("should open settings to the reset flow when 'forgot recovery key' clicked and identity reset needed", async () => {
+            act(() => showToast("key_storage_out_of_sync"));
+
+            jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsCrossSigningReset").mockResolvedValue(
+                true,
+            );
+
+            const user = userEvent.setup();
+            await user.click(await screen.findByText("Forgot recovery key?"));
+
+            expect(dis.dispatch).toHaveBeenCalledWith({
+                action: "view_user_settings",
+                initialTabId: "USER_ENCRYPTION_TAB",
+                props: { initialEncryptionState: "reset_identity_forgot" },
+            });
+        });
+
+        it("should open settings to the change recovery key flow when 'forgot recovery key' clicked and identity reset not needed", async () => {
+            act(() => showToast("key_storage_out_of_sync"));
+
+            jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsCrossSigningReset").mockResolvedValue(
+                false,
+            );
+
+            const user = userEvent.setup();
+            await user.click(await screen.findByText("Forgot recovery key?"));
+
+            expect(dis.dispatch).toHaveBeenCalledWith({
+                action: "view_user_settings",
+                initialTabId: "USER_ENCRYPTION_TAB",
+                props: { initialEncryptionState: "change_recovery_key" },
+            });
+        });
+
+        it("should open settings to the reset flow when recovering fails and identity reset needed", async () => {
+            jest.spyOn(SecurityManager, "accessSecretStorage").mockImplementation(async () => {
+                throw new Error("Something went wrong while recovering!");
+            });
+
+            jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsCrossSigningReset").mockResolvedValue(
+                true,
+            );
+
+            act(() => showToast("key_storage_out_of_sync"));
+
+            const user = userEvent.setup();
+            await user.click(await screen.findByText("Enter recovery key"));
+
+            expect(dis.dispatch).toHaveBeenCalledWith({
+                action: "view_user_settings",
+                initialTabId: "USER_ENCRYPTION_TAB",
+                props: { initialEncryptionState: "reset_identity_sync_failed" },
+            });
+        });
+
+        it("should open settings to the change recovery key flow when recovering fails and identity reset not needed", async () => {
+            jest.spyOn(SecurityManager, "accessSecretStorage").mockImplementation(async () => {
+                throw new Error("Something went wrong while recovering!");
+            });
+
+            jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsCrossSigningReset").mockResolvedValue(
+                false,
+            );
+
+            act(() => showToast("key_storage_out_of_sync"));
+
+            const user = userEvent.setup();
+            await user.click(await screen.findByText("Enter recovery key"));
+
+            expect(dis.dispatch).toHaveBeenCalledWith({
+                action: "view_user_settings",
+                initialTabId: "USER_ENCRYPTION_TAB",
+                props: { initialEncryptionState: "change_recovery_key" },
+            });
+        });
+
+        it("should go to change recovery key when recovering fails inside loadSessionBackup...", async () => {
+            jest.spyOn(SecurityManager, "accessSecretStorage").mockImplementation(
+                async (func = async (): Promise<void> => {}) => func(),
+            );
+
+            jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsCrossSigningReset").mockResolvedValue(
+                true,
+            );
+            jest.spyOn(DeviceListener.sharedInstance(), "keyStorageOutOfSyncNeedsBackupReset").mockResolvedValue(false);
+            mocked(client.isKeyBackupKeyStored).mockResolvedValue(fakeKeyBackupKey());
+
+            // Given when we try to load from backup we get an unexpected error
+            mocked(client.getCrypto()!.loadSessionBackupPrivateKeyFromSecretStorage).mockRejectedValue(
+                new Error("Unexpected error"),
+            );
+
+            act(() => showToast("key_storage_out_of_sync"));
+
+            // When we start to entry recovery key
+            const user = userEvent.setup();
+            await user.click(await screen.findByText("Enter recovery key"));
+
+            // Then we handle the error and jump to the Encryption Settings.
+            //
+            // Note: It seems reasonable to ask the user to reset their identity
+            // in this case, but we're not actually sure what happened, so it
+            // may not be the right response.
+            expect(dis.dispatch).toHaveBeenCalledWith({
+                action: "view_user_settings",
+                initialTabId: "USER_ENCRYPTION_TAB",
+                props: { initialEncryptionState: "reset_identity_sync_failed" },
+            });
+        });
+
+        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();
+        });
+
+        /**
+         * Just enough of a key backup key to persuade SetupEncryptionToast that we
+         * don't need to reset backup.
+         */
+        function fakeKeyBackupKey(): Record<string, SecretStorageKeyDescriptionAesV1> {
+            return {
+                x: {
+                    iv: "x",
+                    mac: "y",
+                    name: "n",
+                    algorithm: "a",
+                    passphrase: {
+                        algorithm: "m.pbkdf2",
+                        iterations: 1,
+                        salt: "s",
+                    },
+                },
+            };
+        }
+    });
+
+    describe("Turn on key storage", () => {
+        it("should render the toast", async () => {
+            act(() => showToast("turn_on_key_storage"));
+
+            await expect(screen.findByText("Turn on key storage")).resolves.toBeInTheDocument();
+            await expect(screen.findByRole("button", { name: "Dismiss" })).resolves.toBeInTheDocument();
+            await expect(screen.findByRole("button", { name: "Continue" })).resolves.toBeInTheDocument();
+        });
+
+        it("should open settings to the Encryption tab when 'Continue' clicked", async () => {
+            jest.spyOn(DeviceListener.sharedInstance(), "recordKeyBackupDisabled");
+
+            act(() => showToast("turn_on_key_storage"));
+
+            const user = userEvent.setup();
+            await user.click(await screen.findByRole("button", { name: "Continue" }));
+
+            expect(dis.dispatch).toHaveBeenCalledWith({
+                action: "view_user_settings",
+                initialTabId: "USER_ENCRYPTION_TAB",
+            });
+
+            expect(DeviceListener.sharedInstance().recordKeyBackupDisabled).not.toHaveBeenCalled();
+        });
+
+        it("should open the confirm key storage off dialog when 'Dismiss' clicked", async () => {
+            jest.spyOn(DeviceListener.sharedInstance(), "recordKeyBackupDisabled");
+
+            // Given that as soon as the dialog opens, it closes and says "yes they clicked dismiss"
+            jest.spyOn(Modal, "createDialog").mockImplementation(() => {
+                return { finished: Promise.resolve([true]) } as any;
+            });
+
+            // When we show the toast, and click Dismiss
+            act(() => showToast("turn_on_key_storage"));
+
+            const user = userEvent.setup();
+            await user.click(await screen.findByRole("button", { name: "Dismiss" }));
+
+            // Then the dialog was opened
+            expect(Modal.createDialog).toHaveBeenCalledWith(
+                ConfirmKeyStorageOffDialog,
+                undefined,
+                "mx_ConfirmKeyStorageOffDialog",
+            );
+
+            // And the backup was disabled when the dialog's onFinished was called
+            expect(DeviceListener.sharedInstance().recordKeyBackupDisabled).toHaveBeenCalledTimes(1);
+        });
+    });
+
+    describe("Verify this device", () => {
+        it("should render the toast", async () => {
+            act(() => showToast("verify_this_session"));
+
+            await expect(screen.findByText("Verify this device")).resolves.toBeInTheDocument();
+            await expect(screen.findByRole("button", { name: "Later" })).resolves.toBeInTheDocument();
+            await expect(screen.findByRole("button", { name: "Continue" })).resolves.toBeInTheDocument();
+        });
+
+        it("should dismiss the toast when 'Later' button clicked, and remember it", async () => {
+            jest.spyOn(DeviceListener.sharedInstance(), "dismissEncryptionSetup");
+
+            act(() => showToast("verify_this_session"));
+
+            const user = userEvent.setup();
+            await user.click(await screen.findByRole("button", { name: "Later" }));
+
+            expect(DeviceListener.sharedInstance().dismissEncryptionSetup).toHaveBeenCalled();
+        });
+
+        it("should open the verification dialog when 'Continue' clicked", async () => {
+            jest.spyOn(Modal, "createDialog");
+
+            // When we show the toast, and click Verify
+            act(() => showToast("verify_this_session"));
+
+            const user = userEvent.setup();
+            await user.click(await screen.findByRole("button", { name: "Continue" }));
+
+            // Then the dialog was opened
+            expect(Modal.createDialog).toHaveBeenCalledWith(SetupEncryptionDialog, {}, undefined, false, true);
+        });
+    });
+
+    describe("Identity needs reset", () => {
+        it("should render the toast", async () => {
+            act(() => showToast("identity_needs_reset"));
+
+            await expect(screen.findByText("Your key storage is out of sync.")).resolves.toBeInTheDocument();
+            await expect(
+                screen.findByText(
+                    "You have to reset your digital identity in order to ensure access to your chat history",
+                ),
+            ).resolves.toBeInTheDocument();
+            await expect(screen.findByRole("button", { name: "Continue with reset" })).resolves.toBeInTheDocument();
+        });
+
+        it("should open settings to the reset flow when 'Continue with reset' clicked", async () => {
+            act(() => showToast("identity_needs_reset"));
+
+            const user = userEvent.setup();
+            await user.click(await screen.findByText("Continue with reset"));
+
+            expect(dis.dispatch).toHaveBeenCalledWith({
+                action: "view_user_settings",
+                initialTabId: "USER_ENCRYPTION_TAB",
+                props: { initialEncryptionState: "reset_identity_cant_recover" },
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/toasts/UnverifiedSessionToast-test.tsx b/apps/web/test/unit-tests/toasts/UnverifiedSessionToast-test.tsx
new file mode 100644
index 00000000000..d61927eb393
--- /dev/null
+++ b/apps/web/test/unit-tests/toasts/UnverifiedSessionToast-test.tsx
@@ -0,0 +1,95 @@
+/*
+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, type RenderResult, screen } from "jest-matrix-react";
+import userEvent from "@testing-library/user-event";
+import { mocked, type Mocked } from "jest-mock";
+import { type IMyDevice, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type CryptoApi, DeviceVerificationStatus } from "matrix-js-sdk/src/crypto-api";
+
+import dis from "../../../src/dispatcher/dispatcher";
+import { showToast } from "../../../src/toasts/UnverifiedSessionToast";
+import { filterConsole, flushPromises, stubClient } from "../../test-utils";
+import ToastContainer from "../../../src/components/structures/ToastContainer";
+import { Action } from "../../../src/dispatcher/actions";
+import { DeviceListener } from "../../../src/device-listener";
+
+describe("UnverifiedSessionToast", () => {
+    const otherDevice: IMyDevice = {
+        device_id: "ABC123",
+    };
+    let client: Mocked<MatrixClient>;
+    let renderResult: RenderResult;
+
+    filterConsole("Dismissing unverified sessions: ABC123");
+
+    beforeAll(() => {
+        client = mocked(stubClient());
+        client.getDevice.mockImplementation(async (deviceId: string) => {
+            if (deviceId === otherDevice.device_id) {
+                return otherDevice;
+            }
+
+            throw new Error(`Unknown device ${deviceId}`);
+        });
+        client.getCrypto.mockReturnValue({
+            getDeviceVerificationStatus: jest
+                .fn()
+                .mockResolvedValue(new DeviceVerificationStatus({ crossSigningVerified: true })),
+        } as unknown as CryptoApi);
+        jest.spyOn(dis, "dispatch");
+        jest.spyOn(DeviceListener.sharedInstance(), "dismissUnverifiedSessions");
+    });
+
+    beforeEach(() => {
+        renderResult = render(<ToastContainer />);
+    });
+
+    describe("when rendering the toast", () => {
+        beforeEach(async () => {
+            showToast(otherDevice.device_id);
+            await flushPromises();
+        });
+
+        const itShouldDismissTheDevice = () => {
+            it("should dismiss the device", () => {
+                expect(DeviceListener.sharedInstance().dismissUnverifiedSessions).toHaveBeenCalledWith([
+                    otherDevice.device_id,
+                ]);
+            });
+        };
+
+        it("should render as expected", async () => {
+            await expect(screen.findByText("New login. Was this you?")).resolves.toBeInTheDocument();
+            expect(renderResult.baseElement).toMatchSnapshot();
+        });
+
+        describe("and confirming the login", () => {
+            beforeEach(async () => {
+                await userEvent.click(screen.getByRole("button", { name: "Yes, it was me" }));
+            });
+
+            itShouldDismissTheDevice();
+        });
+
+        describe("and dismissing the login", () => {
+            beforeEach(async () => {
+                await userEvent.click(screen.getByRole("button", { name: "No" }));
+            });
+
+            itShouldDismissTheDevice();
+
+            it("should show the device settings", () => {
+                expect(dis.dispatch).toHaveBeenCalledWith({
+                    action: Action.ViewUserDeviceSettings,
+                });
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/toasts/__snapshots__/IncomingLegacyCallToast-test.tsx.snap b/apps/web/test/unit-tests/toasts/__snapshots__/IncomingLegacyCallToast-test.tsx.snap
new file mode 100644
index 00000000000..2113c95133f
--- /dev/null
+++ b/apps/web/test/unit-tests/toasts/__snapshots__/IncomingLegacyCallToast-test.tsx.snap
@@ -0,0 +1,69 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<IncomingLegacyCallToast /> renders disabled silenced button when call is forced to silent 1`] = `
+<div
+  aria-disabled="true"
+  aria-label="Notifications silenced"
+  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"
+  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"
+  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/apps/web/test/unit-tests/toasts/__snapshots__/UnverifiedSessionToast-test.tsx.snap b/apps/web/test/unit-tests/toasts/__snapshots__/UnverifiedSessionToast-test.tsx.snap
new file mode 100644
index 00000000000..93b1e649c0a
--- /dev/null
+++ b/apps/web/test/unit-tests/toasts/__snapshots__/UnverifiedSessionToast-test.tsx.snap
@@ -0,0 +1,86 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`UnverifiedSessionToast when rendering the toast should render as expected 1`] = `
+<body>
+  <div>
+    <div
+      class="mx_ToastContainer"
+      role="alert"
+    >
+      <div
+        class="mx_Toast_toast mx_Toast_hasIcon"
+      >
+        <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_Toast_title"
+        >
+          <h2
+            class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
+          >
+            New login. Was this you?
+          </h2>
+        </div>
+        <div
+          class="mx_Toast_body"
+        >
+          <div>
+            <div
+              class="mx_Toast_description"
+            >
+              <div
+                class="mx_Toast_detail"
+              >
+                <span
+                  data-testid="device-metadata-isVerified"
+                >
+                  Verified
+                </span>
+                 · 
+                <span
+                  data-testid="device-metadata-deviceId"
+                >
+                  ABC123
+                </span>
+              </div>
+            </div>
+            <div
+              aria-live="off"
+              class="mx_Toast_buttons"
+            >
+              <button
+                class="_button_1nw83_8 _destructive_1nw83_110"
+                data-kind="secondary"
+                data-size="md"
+                role="button"
+                tabindex="0"
+              >
+                No
+              </button>
+              <button
+                class="_button_1nw83_8"
+                data-kind="primary"
+                data-size="md"
+                role="button"
+                tabindex="0"
+              >
+                Yes, it was me
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/apps/web/test/unit-tests/utils/EventPresentationContextProvider-test.tsx b/apps/web/test/unit-tests/utils/EventPresentationContextProvider-test.tsx
new file mode 100644
index 00000000000..3dea23f88a6
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/EventPresentationContextProvider-test.tsx
@@ -0,0 +1,57 @@
+/*
+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 { act, render, screen, waitFor } from "jest-matrix-react";
+import { useEventPresentation } from "@element-hq/web-shared-components";
+
+import { Layout } from "../../../src/settings/enums/Layout";
+import {
+    EventPresentationContextProvider,
+    getEventPresentation,
+} from "../../../src/utils/EventPresentationContextProvider";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../src/settings/SettingLevel";
+
+const PresentationProbe: React.FC = () => {
+    const { layout, density } = useEventPresentation();
+
+    return <div data-testid="presentation">{`${layout}:${density}`}</div>;
+};
+
+describe("EventPresentationContextProvider", () => {
+    beforeEach(async () => {
+        await SettingsStore.setValue("useCompactLayout", null, SettingLevel.DEVICE, false);
+    });
+
+    it.each([
+        [Layout.Group, false, { layout: "group", density: "default" }],
+        [Layout.Group, true, { layout: "group", density: "compact" }],
+        [Layout.Bubble, false, { layout: "bubble", density: "default" }],
+        [Layout.Bubble, true, { layout: "bubble", density: "default" }],
+        [Layout.IRC, false, { layout: "irc", density: "default" }],
+        [Layout.IRC, true, { layout: "irc", density: "default" }],
+    ])("maps %s with compact=%s", (layout, useCompactLayout, expected) => {
+        expect(getEventPresentation(layout, useCompactLayout)).toEqual(expected);
+    });
+
+    it("updates provider density when compact layout changes", async () => {
+        render(
+            <EventPresentationContextProvider layout={Layout.Group}>
+                <PresentationProbe />
+            </EventPresentationContextProvider>,
+        );
+
+        expect(screen.getByTestId("presentation")).toHaveTextContent("group:default");
+
+        await act(async () => {
+            await SettingsStore.setValue("useCompactLayout", null, SettingLevel.DEVICE, true);
+        });
+
+        await waitFor(() => expect(screen.getByTestId("presentation")).toHaveTextContent("group:compact"));
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/MegolmExportEncryption-test.ts b/apps/web/test/unit-tests/utils/MegolmExportEncryption-test.ts
new file mode 100644
index 00000000000..f86ffe45d05
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/MegolmExportEncryption-test.ts
@@ -0,0 +1,143 @@
+/*
+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.
+*/
+
+import { TextEncoder } from "node:util";
+import nodeCrypto from "node:crypto";
+import { Crypto } from "@peculiar/webcrypto";
+
+import type * as MegolmExportEncryptionExport from "../../../src/utils/MegolmExportEncryption";
+
+const webCrypto = new Crypto();
+
+function getRandomValues<T extends ArrayBufferView | null>(buf: T): T {
+    // @ts-ignore fussy generics
+    return nodeCrypto.randomFillSync(buf);
+}
+
+const TEST_VECTORS = [
+    [
+        "plain",
+        "password",
+        "-----BEGIN MEGOLM SESSION DATA-----\n" +
+            "AXNhbHRzYWx0c2FsdHNhbHSIiIiIiIiIiIiIiIiIiIiIAAAACmIRUW2OjZ3L2l6j9h0lHlV3M2dx\n" +
+            "cissyYBxjsfsAndErh065A8=\n" +
+            "-----END MEGOLM SESSION DATA-----",
+    ],
+    [
+        "Hello, World",
+        "betterpassword",
+        "-----BEGIN MEGOLM SESSION DATA-----\n" +
+            "AW1vcmVzYWx0bW9yZXNhbHT//////////wAAAAAAAAAAAAAD6KyBpe1Niv5M5NPm4ZATsJo5nghk\n" +
+            "KYu63a0YQ5DRhUWEKk7CcMkrKnAUiZny\n" +
+            "-----END MEGOLM SESSION DATA-----",
+    ],
+    [
+        "alphanumericallyalphanumericallyalphanumericallyalphanumerically",
+        "SWORDFISH",
+        "-----BEGIN MEGOLM SESSION DATA-----\n" +
+            "AXllc3NhbHR5Z29vZG5lc3P//////////wAAAAAAAAAAAAAD6OIW+Je7gwvjd4kYrb+49gKCfExw\n" +
+            "MgJBMD4mrhLkmgAngwR1pHjbWXaoGybtiAYr0moQ93GrBQsCzPbvl82rZhaXO3iH5uHo/RCEpOqp\n" +
+            "Pgg29363BGR+/Ripq/VCLKGNbw==\n" +
+            "-----END MEGOLM SESSION DATA-----",
+    ],
+    [
+        "alphanumericallyalphanumericallyalphanumericallyalphanumerically",
+        "passwordpasswordpasswordpasswordpasswordpasswordpasswordpasswordpassword" +
+            "passwordpasswordpasswordpasswordpasswordpasswordpasswordpasswordpassword" +
+            "passwordpasswordpasswordpasswordpasswordpasswordpasswordpasswordpassword" +
+            "passwordpasswordpasswordpasswordpassword",
+        "-----BEGIN MEGOLM SESSION DATA-----\n" +
+            "Af//////////////////////////////////////////AAAD6IAZJy7IQ7Y0idqSw/bmpngEEVVh\n" +
+            "gsH+8ptgqxw6ZVWQnohr8JsuwH9SwGtiebZuBu5smPCO+RFVWH2cQYslZijXv/BEH/txvhUrrtCd\n" +
+            "bWnSXS9oymiqwUIGs08sXI33ZA==\n" +
+            "-----END MEGOLM SESSION DATA-----",
+    ],
+] as const;
+
+function stringToArray(s: string): ArrayBuffer {
+    return new TextEncoder().encode(s).buffer as ArrayBuffer;
+}
+
+describe("MegolmExportEncryption", function () {
+    let MegolmExportEncryption: typeof MegolmExportEncryptionExport;
+
+    beforeEach(() => {
+        Object.defineProperty(window, "crypto", {
+            value: {
+                getRandomValues,
+                randomUUID: jest.fn().mockReturnValue("not-random-uuid"),
+                subtle: webCrypto.subtle,
+            },
+        });
+        MegolmExportEncryption = jest.requireActual("../../../src/utils/MegolmExportEncryption");
+    });
+
+    describe("decrypt", function () {
+        it("should handle missing header", function () {
+            const input = stringToArray(`-----`);
+            return MegolmExportEncryption.decryptMegolmKeyFile(input, "").then(
+                (res) => {
+                    throw new Error("expected to throw");
+                },
+                (error) => {
+                    expect(error.message).toEqual("Header line not found");
+                },
+            );
+        });
+
+        it("should handle missing trailer", function () {
+            const input = stringToArray(`-----BEGIN MEGOLM SESSION DATA-----
+-----`);
+            return MegolmExportEncryption.decryptMegolmKeyFile(input, "").then(
+                (res) => {
+                    throw new Error("expected to throw");
+                },
+                (error) => {
+                    expect(error.message).toEqual("Trailer line not found");
+                },
+            );
+        });
+
+        it("should handle a too-short body", function () {
+            const input = stringToArray(`-----BEGIN MEGOLM SESSION DATA-----
+AXNhbHRzYWx0c2FsdHNhbHSIiIiIiIiIiIiIiIiIiIiIAAAACmIRUW2OjZ3L2l6j9h0lHlV3M2dx
+cissyYBxjsfsAn
+-----END MEGOLM SESSION DATA-----
+`);
+            return MegolmExportEncryption.decryptMegolmKeyFile(input, "").then(
+                (res) => {
+                    throw new Error("expected to throw");
+                },
+                (error) => {
+                    expect(error.message).toEqual("Invalid file: too short");
+                },
+            );
+        });
+
+        it.skip.each(TEST_VECTORS)("should decrypt a range of inputs", async (plain, password, input) => {
+            const decrypted = await MegolmExportEncryption.decryptMegolmKeyFile(stringToArray(input), password);
+            expect(decrypted).toEqual(plain);
+        });
+    });
+
+    describe("encrypt", function () {
+        it("should round-trip", function () {
+            const input = "words words many words in plain text here".repeat(100);
+
+            const password = "my super secret passphrase";
+
+            return MegolmExportEncryption.encryptMegolmKeyFile(input, password, { kdf_rounds: 1000 })
+                .then((ciphertext) => {
+                    return MegolmExportEncryption.decryptMegolmKeyFile(ciphertext, password);
+                })
+                .then((plaintext) => {
+                    expect(plaintext).toEqual(input);
+                });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/Reply-test.ts b/apps/web/test/unit-tests/utils/Reply-test.ts
new file mode 100644
index 00000000000..6755480a7af
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/Reply-test.ts
@@ -0,0 +1,164 @@
+/*
+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 { Room } from "matrix-js-sdk/src/matrix";
+
+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");
+
+describe("Reply", () => {
+    describe("getParentEventId", () => {
+        it("returns undefined if given a falsey value", async () => {
+            expect(getParentEventId()).toBeUndefined();
+        });
+        it("returns undefined if given a redacted event", async () => {
+            const event = mkEvent({
+                event: true,
+                type: "m.room.message",
+                user: "@user1:server",
+                room: "!room1:server",
+                content: {},
+            });
+            event.makeRedacted(event, new Room(event.getRoomId()!, stubClient(), event.getSender()!));
+
+            expect(getParentEventId(event)).toBeUndefined();
+        });
+        it("returns undefined if the given event is not a reply", async () => {
+            const event = mkEvent({
+                event: true,
+                type: "m.room.message",
+                user: "@user1:server",
+                room: "!room1:server",
+                content: {},
+            });
+
+            expect(getParentEventId(event)).toBeUndefined();
+        });
+        it("returns id of the event being replied to", async () => {
+            const event = mkEvent({
+                event: true,
+                type: "m.room.message",
+                user: "@user1:server",
+                room: "!room1:server",
+                content: {
+                    "m.relates_to": {
+                        "m.in_reply_to": {
+                            event_id: "$event1",
+                        },
+                    },
+                },
+            });
+
+            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", () => {
+        it("Removes leading quotes until the first blank line", () => {
+            expect(
+                stripPlainReply(
+                    `
+> This is part
+> of the quote
+
+But this is not
+            `.trim(),
+                ),
+            ).toBe("But this is not");
+        });
+    });
+
+    describe("stripHTMLReply", () => {
+        it("Removes <mx-reply> from the input", () => {
+            expect(
+                stripHTMLReply(`
+                <mx-reply>
+                    This is part
+                    of the quote
+                </mx-reply>
+                But this is not
+            `).trim(),
+            ).toBe("But this is not");
+        });
+    });
+
+    describe("shouldDisplayReply", () => {
+        it("Returns false for redacted events", () => {
+            const event = mkEvent({
+                event: true,
+                type: "m.room.message",
+                user: "@user1:server",
+                room: "!room1:server",
+                content: {},
+            });
+            event.makeRedacted(event, new Room(event.getRoomId()!, stubClient(), event.getSender()!));
+
+            expect(shouldDisplayReply(event)).toBe(false);
+        });
+
+        it("Returns false for non-reply events", () => {
+            const event = mkEvent({
+                event: true,
+                type: "m.room.message",
+                user: "@user1:server",
+                room: "!room1:server",
+                content: {},
+            });
+
+            expect(shouldDisplayReply(event)).toBe(false);
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/SessionLock-test.ts b/apps/web/test/unit-tests/utils/SessionLock-test.ts
new file mode 100644
index 00000000000..fc7a2236edb
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/SessionLock-test.ts
@@ -0,0 +1,278 @@
+/*
+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 { checkSessionLockFree, getSessionLock, SESSION_LOCK_CONSTANTS } from "../../../src/utils/SessionLock";
+import { resetJsDomAfterEach } from "../../test-utils";
+
+describe("SessionLock", () => {
+    const otherWindows: Array<Window> = [];
+
+    beforeEach(() => {
+        jest.useFakeTimers({ now: 1000 });
+    });
+
+    afterEach(() => {
+        // shut down other windows created by `createWindow`
+        otherWindows.forEach((window) => window.close());
+        otherWindows.splice(0);
+    });
+
+    resetJsDomAfterEach();
+
+    it("A single instance starts up normally", async () => {
+        const onNewInstance = jest.fn();
+        const result = await getSessionLock(onNewInstance);
+        expect(result).toBe(true);
+        expect(onNewInstance).not.toHaveBeenCalled();
+    });
+
+    it("A second instance starts up normally when the first shut down cleanly", async () => {
+        // first instance starts...
+        const onNewInstance1 = jest.fn();
+        expect(await getSessionLock(onNewInstance1)).toBe(true);
+        expect(onNewInstance1).not.toHaveBeenCalled();
+
+        // ... and navigates away
+        window.dispatchEvent(new Event("pagehide", {}));
+
+        // second instance starts as normal
+        expect(checkSessionLockFree()).toBe(true);
+        const onNewInstance2 = jest.fn();
+        expect(await getSessionLock(onNewInstance2)).toBe(true);
+
+        expect(onNewInstance1).not.toHaveBeenCalled();
+        expect(onNewInstance2).not.toHaveBeenCalled();
+    });
+
+    it("A second instance starts up *eventually* when the first terminated uncleanly", async () => {
+        // first instance starts...
+        const onNewInstance1 = jest.fn();
+        expect(await getSessionLock(onNewInstance1)).toBe(true);
+        expect(onNewInstance1).not.toHaveBeenCalled();
+        expect(checkSessionLockFree()).toBe(false);
+
+        // and pings the timer after 5 seconds
+        jest.advanceTimersByTime(5000);
+        expect(checkSessionLockFree()).toBe(false);
+
+        // oops, now it dies. We simulate this by forcibly clearing the timers.
+        // For some reason `jest.clearAllTimers` also resets the simulated time, so preserve that
+        const time = Date.now();
+        jest.clearAllTimers();
+        jest.setSystemTime(time);
+        expect(checkSessionLockFree()).toBe(false);
+
+        // time advances a bit more
+        jest.advanceTimersByTime(5000);
+        expect(checkSessionLockFree()).toBe(false);
+
+        // second instance tries to start. This should block for 10 more seconds
+        const onNewInstance2 = jest.fn();
+        let session2Result: boolean | undefined;
+        getSessionLock(onNewInstance2).then((res) => {
+            session2Result = res;
+        });
+
+        // after another 9.5 seconds, we are still waiting
+        jest.advanceTimersByTime(9500);
+        expect(session2Result).toBe(undefined);
+        expect(checkSessionLockFree()).toBe(false);
+
+        // another 500ms and we get the lock
+        await jest.advanceTimersByTimeAsync(500);
+        expect(session2Result).toBe(true);
+        expect(checkSessionLockFree()).toBe(false); // still false, because the new session has claimed it
+
+        expect(onNewInstance1).not.toHaveBeenCalled();
+        expect(onNewInstance2).not.toHaveBeenCalled();
+    });
+
+    it("A second instance starts up when the first terminated uncleanly and the clock was wound back", async () => {
+        // first instance starts...
+        expect(await getSessionLock(() => Promise.resolve())).toBe(true);
+        expect(checkSessionLockFree()).toBe(false);
+
+        // oops, now it dies. We simulate this by forcibly clearing the timers.
+        const time = Date.now();
+        jest.clearAllTimers();
+        expect(checkSessionLockFree()).toBe(false);
+
+        // Now, the clock gets wound back an hour.
+        jest.setSystemTime(time - 3600 * 1000);
+        expect(checkSessionLockFree()).toBe(false);
+
+        // second instance tries to start. This should block for 15 seconds
+        const onNewInstance2 = jest.fn();
+        let session2Result: boolean | undefined;
+        getSessionLock(onNewInstance2).then((res) => {
+            session2Result = res;
+        });
+
+        // after another 14.5 seconds, we are still waiting
+        jest.advanceTimersByTime(14500);
+        expect(session2Result).toBe(undefined);
+        expect(checkSessionLockFree()).toBe(false);
+
+        // another 500ms and we get the lock
+        await jest.advanceTimersByTimeAsync(500);
+        expect(session2Result).toBe(true);
+        expect(checkSessionLockFree()).toBe(false); // still false, because the new session has claimed it
+
+        expect(onNewInstance2).not.toHaveBeenCalled();
+    });
+
+    it("A second instance waits for the first to shut down", async () => {
+        // first instance starts. Once it gets the shutdown signal, it will wait two seconds and then release the lock.
+        await getSessionLock(
+            () =>
+                new Promise<void>((resolve) => {
+                    setTimeout(resolve, 2000, 0);
+                }),
+        );
+
+        // second instance tries to start, but should block
+        const { window: window2, getSessionLock: getSessionLock2 } = buildNewContext();
+        let session2Result: boolean | undefined;
+        getSessionLock2(async () => {}).then((res) => {
+            session2Result = res;
+        });
+        await jest.advanceTimersByTimeAsync(100);
+        // should still be blocking
+        expect(session2Result).toBe(undefined);
+
+        await jest.advanceTimersByTimeAsync(2000);
+        await jest.advanceTimersByTimeAsync(0);
+
+        // session 2 now gets the lock
+        expect(session2Result).toBe(true);
+        window2.close();
+    });
+
+    it("If a third instance starts while we are waiting, we give up immediately", async () => {
+        // first instance starts. It will never release the lock.
+        await getSessionLock(() => new Promise(() => {}));
+
+        // first instance should ping the timer after 5 seconds
+        jest.advanceTimersByTime(5000);
+
+        // second instance starts
+        const { getSessionLock: getSessionLock2 } = buildNewContext();
+        let session2Result: boolean | undefined;
+        const onNewInstance2 = jest.fn();
+        getSessionLock2(onNewInstance2).then((res) => {
+            session2Result = res;
+        });
+
+        await jest.advanceTimersByTimeAsync(100);
+        // should still be blocking
+        expect(session2Result).toBe(undefined);
+
+        // third instance starts
+        const { getSessionLock: getSessionLock3 } = buildNewContext();
+        getSessionLock3(async () => {});
+        await jest.advanceTimersByTimeAsync(0);
+
+        // session 2 should have given up
+        expect(session2Result).toBe(false);
+        expect(onNewInstance2).toHaveBeenCalled();
+    });
+
+    it("If two new instances start concurrently, only one wins", async () => {
+        // first instance starts. Once it gets the shutdown signal, it will wait two seconds and then release the lock.
+        await getSessionLock(async () => {
+            await new Promise<void>((resolve) => {
+                setTimeout(resolve, 2000, 0);
+            });
+        });
+
+        // first instance should ping the timer after 5 seconds
+        jest.advanceTimersByTime(5000);
+
+        // two new instances start at once
+        const { getSessionLock: getSessionLock2 } = buildNewContext();
+        let session2Result: boolean | undefined;
+        getSessionLock2(async () => {}).then((res) => {
+            session2Result = res;
+        });
+
+        const { getSessionLock: getSessionLock3 } = buildNewContext();
+        let session3Result: boolean | undefined;
+        getSessionLock3(async () => {}).then((res) => {
+            session3Result = res;
+        });
+
+        await jest.advanceTimersByTimeAsync(100);
+        // session 3 still be blocking. Session 2 should have given up.
+        expect(session2Result).toBe(false);
+        expect(session3Result).toBe(undefined);
+
+        await jest.advanceTimersByTimeAsync(2000);
+        await jest.advanceTimersByTimeAsync(0);
+
+        // session 3 now gets the lock
+        expect(session2Result).toBe(false);
+        expect(session3Result).toBe(true);
+    });
+
+    /** build a new Window in the same domain as the current one.
+     *
+     * We do this by constructing an iframe, which gets its own Window object.
+     */
+    function createWindow() {
+        const iframe = window.document.createElement("iframe");
+        window.document.body.appendChild(iframe);
+        const window2: any = iframe.contentWindow;
+
+        otherWindows.push(window2);
+
+        // make the new Window use the same jest fake timers as us
+        for (const m of ["setTimeout", "clearTimeout", "setInterval", "clearInterval", "Date"]) {
+            // @ts-ignore
+            window2[m] = global[m];
+        }
+        return window2;
+    }
+
+    /**
+     * Instantiate `getSessionLock` in a new context (ie, using a different global `window`).
+     *
+     * The new window will share the same fake timer impl as the current context.
+     *
+     * @returns the new window and (a wrapper for) getSessionLock in the new context.
+     */
+    function buildNewContext(): {
+        window: Window;
+        getSessionLock: (onNewInstance: () => Promise<void>) => Promise<boolean>;
+    } {
+        const window2 = createWindow();
+
+        // import the dependencies of getSessionLock into the new context
+        // eslint-disable-next-line typescript/no-require-imports,typescript/no-var-requires
+        window2._logger = require("matrix-js-sdk/src/logger");
+        window2.SESSION_LOCK_CONSTANTS = SESSION_LOCK_CONSTANTS;
+
+        // now, define getSessionLock as a global
+        window2.eval(String(getSessionLock));
+
+        // return a function that will call it
+        function callGetSessionLock(onNewInstance: () => Promise<void>): Promise<boolean> {
+            // import the callback into the context
+            window2._getSessionLockCallback = onNewInstance;
+
+            // start the function
+            try {
+                return window2.eval(`getSessionLock(_getSessionLockCallback)`);
+            } finally {
+                // we can now clear the callback
+                delete window2._getSessionLockCallback;
+            }
+        }
+
+        return { window: window2, getSessionLock: callGetSessionLock };
+    }
+});
diff --git a/apps/web/test/unit-tests/utils/StorageAccess-test.ts b/apps/web/test/unit-tests/utils/StorageAccess-test.ts
new file mode 100644
index 00000000000..c96e3cd2ef8
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/StorageAccess-test.ts
@@ -0,0 +1,46 @@
+/*
+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.
+*/
+
+import "fake-indexeddb/auto";
+
+import { idbDelete, idbLoad, idbSave } from "../../../src/utils/StorageAccess";
+
+const NONEXISTENT_TABLE = "this_is_not_a_table_we_use_ever_and_so_we_can_use_it_in_tests";
+const KNOWN_TABLES = ["account", "pickleKey"];
+
+describe("StorageAccess", () => {
+    it.each(KNOWN_TABLES)("should save, load, and delete from known table '%s'", async (tableName: string) => {
+        const key = ["a", "b"];
+        const data = { hello: "world" };
+
+        // Should start undefined
+        let loaded = await idbLoad(tableName, key);
+        expect(loaded).toBeUndefined();
+
+        // ... then define a value
+        await idbSave(tableName, key, data);
+
+        // ... then check that value
+        loaded = await idbLoad(tableName, key);
+        expect(loaded).toEqual(data);
+
+        // ... then set it back to undefined
+        await idbDelete(tableName, key);
+
+        // ... which we then check again
+        loaded = await idbLoad(tableName, key);
+        expect(loaded).toBeUndefined();
+    });
+
+    it("should fail to save, load, and delete from a non-existent table", async () => {
+        // Regardless of validity on the key/data, or write order, these should all fail.
+        await expect(() => idbSave(NONEXISTENT_TABLE, "whatever", "value")).rejects.toThrow();
+        await expect(() => idbLoad(NONEXISTENT_TABLE, "whatever")).rejects.toThrow();
+        await expect(() => idbDelete(NONEXISTENT_TABLE, "whatever")).rejects.toThrow();
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/StorageManager-test.ts b/apps/web/test/unit-tests/utils/StorageManager-test.ts
new file mode 100644
index 00000000000..c02fc5d73f7
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/StorageManager-test.ts
@@ -0,0 +1,208 @@
+/*
+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.
+*/
+
+import "fake-indexeddb/auto";
+
+import { IDBFactory } from "fake-indexeddb";
+import { IndexedDBCryptoStore } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import * as StorageManager from "../../../src/utils/StorageManager";
+
+const LEGACY_CRYPTO_STORE_NAME = "matrix-js-sdk:crypto";
+const RUST_CRYPTO_STORE_NAME = "matrix-js-sdk::matrix-sdk-crypto";
+
+describe("StorageManager", () => {
+    async function createDB(name: string, withStores: string[] | undefined = undefined): Promise<IDBDatabase> {
+        const request = indexedDB.open(name);
+        return new Promise((resolve, reject) => {
+            request.onupgradeneeded = function (event) {
+                const db = request.result;
+                if (withStores) {
+                    withStores.forEach((storeName) => {
+                        db.createObjectStore(storeName);
+                    });
+                }
+            };
+            request.onsuccess = function (event) {
+                const db = request.result;
+                resolve(db);
+            };
+            request.onerror = function (event) {
+                reject(event);
+            };
+        });
+    }
+
+    async function populateLegacyStore(migrationState: number | undefined) {
+        const db = await createDB(LEGACY_CRYPTO_STORE_NAME, [IndexedDBCryptoStore.STORE_ACCOUNT]);
+
+        if (migrationState) {
+            const transaction = db.transaction([IndexedDBCryptoStore.STORE_ACCOUNT], "readwrite");
+            const store = transaction.objectStore(IndexedDBCryptoStore.STORE_ACCOUNT);
+            store.put(migrationState, "migrationState");
+            await new Promise((resolve, reject) => {
+                transaction.oncomplete = resolve;
+                transaction.onerror = reject;
+            });
+        }
+    }
+
+    beforeEach(() => {
+        global.structuredClone = (v) => JSON.parse(JSON.stringify(v));
+    });
+
+    describe("Crypto store checks", () => {
+        async function populateHealthySession() {
+            // Storage manager only check for the existence of the `riot-web-sync` store, so just create one.
+            await createDB("riot-web-sync");
+        }
+
+        beforeEach(async () => {
+            await populateHealthySession();
+            indexedDB = new IDBFactory();
+        });
+
+        it("should not be ok if sync store but no crypto store", async () => {
+            const result = await StorageManager.checkConsistency();
+            expect(result.healthy).toBe(true);
+            expect(result.dataInCryptoStore).toBe(false);
+        });
+
+        it("should be ok if sync store and a rust crypto store", async () => {
+            await createDB(RUST_CRYPTO_STORE_NAME);
+
+            const result = await StorageManager.checkConsistency();
+            expect(result.healthy).toBe(true);
+            expect(result.dataInCryptoStore).toBe(true);
+        });
+
+        describe("without rust store", () => {
+            it("should be ok if there is non migrated legacy crypto store", async () => {
+                await populateLegacyStore(undefined);
+
+                const result = await StorageManager.checkConsistency();
+                expect(result.healthy).toBe(true);
+                expect(result.dataInCryptoStore).toBe(true);
+            });
+
+            it("should be ok if legacy store in MigrationState `NOT_STARTED`", async () => {
+                await populateLegacyStore(0 /* MigrationState.NOT_STARTED*/);
+
+                const result = await StorageManager.checkConsistency();
+                expect(result.healthy).toBe(true);
+                expect(result.dataInCryptoStore).toBe(true);
+            });
+
+            it("should not be ok if MigrationState greater than `NOT_STARTED`", async () => {
+                await populateLegacyStore(1 /*INITIAL_DATA_MIGRATED*/);
+
+                const result = await StorageManager.checkConsistency();
+                expect(result.healthy).toBe(true);
+                expect(result.dataInCryptoStore).toBe(false);
+            });
+
+            it("should not be healthy if no indexeddb", async () => {
+                indexedDB = {} as IDBFactory;
+
+                const result = await StorageManager.checkConsistency();
+                expect(result.healthy).toBe(false);
+
+                indexedDB = new IDBFactory();
+            });
+        });
+    });
+
+    describe("tryPersistStorage", () => {
+        // jsdom does not implement navigator.storage, so stub it per-test; jest.replaceProperty
+        // cannot be used as it refuses to replace a property that does not exist.
+        function setStorage(value: unknown): void {
+            Object.defineProperty(navigator, "storage", { value, configurable: true });
+        }
+
+        beforeEach(() => {
+            jest.spyOn(logger, "log").mockImplementation(() => {});
+            jest.spyOn(logger, "warn").mockImplementation(() => {});
+            jest.spyOn(logger, "error").mockImplementation(() => {});
+        });
+
+        afterEach(() => {
+            delete (navigator as unknown as { storage?: unknown }).storage;
+            jest.restoreAllMocks();
+        });
+
+        it("returns true and does not re-request when storage is already persisted", async () => {
+            const persist = jest.fn().mockResolvedValue(true);
+            const persisted = jest.fn().mockResolvedValue(true);
+            setStorage({ persist, persisted });
+
+            await expect(StorageManager.tryPersistStorage()).resolves.toBe(true);
+            expect(persisted).toHaveBeenCalled();
+            expect(persist).not.toHaveBeenCalled();
+            expect(logger.warn).not.toHaveBeenCalled();
+        });
+
+        it("requests persistence and returns true when granted", async () => {
+            const persist = jest.fn().mockResolvedValue(true);
+            const persisted = jest.fn().mockResolvedValue(false);
+            setStorage({ persist, persisted });
+
+            await expect(StorageManager.tryPersistStorage()).resolves.toBe(true);
+            expect(persist).toHaveBeenCalled();
+            expect(logger.warn).not.toHaveBeenCalled();
+        });
+
+        it("requests persistence directly when persisted() is unavailable", async () => {
+            const persist = jest.fn().mockResolvedValue(true);
+            setStorage({ persist });
+
+            await expect(StorageManager.tryPersistStorage()).resolves.toBe(true);
+            expect(persist).toHaveBeenCalledTimes(1);
+        });
+
+        it("still requests persistence and logs the failure when querying the persisted state fails", async () => {
+            const queryError = new Error("query failed");
+            const persisted = jest.fn().mockRejectedValue(queryError);
+            const persist = jest.fn().mockResolvedValue(true);
+            setStorage({ persist, persisted });
+
+            await expect(StorageManager.tryPersistStorage()).resolves.toBe(true);
+            expect(persist).toHaveBeenCalled();
+            expect(logger.warn).toHaveBeenCalledWith(expect.stringContaining("Could not query"), queryError);
+        });
+
+        it("returns false and warns when persistence is denied", async () => {
+            const persist = jest.fn().mockResolvedValue(false);
+            const persisted = jest.fn().mockResolvedValue(false);
+            setStorage({ persist, persisted });
+
+            await expect(StorageManager.tryPersistStorage()).resolves.toBe(false);
+            expect(logger.warn).toHaveBeenCalledWith(expect.stringContaining("Persistent storage"));
+        });
+
+        it("returns false when navigator.storage lacks persist()", async () => {
+            setStorage({ persisted: jest.fn().mockResolvedValue(false) });
+
+            await expect(StorageManager.tryPersistStorage()).resolves.toBe(false);
+            expect(logger.log).toHaveBeenCalledWith(expect.stringContaining("unsupported"));
+        });
+
+        it("returns false without throwing when persistence is unsupported", async () => {
+            await expect(StorageManager.tryPersistStorage()).resolves.toBe(false);
+        });
+
+        it("does not reject but logs an error if requesting persistence throws", async () => {
+            const persist = jest.fn().mockRejectedValue(new Error("boom"));
+            const persisted = jest.fn().mockResolvedValue(false);
+            setStorage({ persist, persisted });
+
+            await expect(StorageManager.tryPersistStorage()).resolves.toBe(false);
+            expect(logger.error).toHaveBeenCalled();
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/direct-messages-test.ts b/apps/web/test/unit-tests/utils/direct-messages-test.ts
new file mode 100644
index 00000000000..45bf7d1f7b3
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/direct-messages-test.ts
@@ -0,0 +1,200 @@
+/*
+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 { mocked } from "jest-mock";
+import { ClientEvent, type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import DMRoomMap from "../../../src/utils/DMRoomMap";
+import { createTestClient } from "../../test-utils";
+import { LocalRoom, LocalRoomState, LOCAL_ROOM_ID_PREFIX } from "../../../src/models/LocalRoom";
+import * as dmModule from "../../../src/utils/direct-messages";
+import dis from "../../../src/dispatcher/dispatcher";
+import { Action } from "../../../src/dispatcher/actions";
+import { MatrixClientPeg } from "../../../src/MatrixClientPeg";
+import { waitForRoomReadyAndApplyAfterCreateCallbacks } from "../../../src/utils/local-room";
+import { findDMRoom } from "../../../src/utils/dm/findDMRoom";
+import { createDmLocalRoom } from "../../../src/utils/dm/createDmLocalRoom";
+import { startDm } from "../../../src/utils/dm/startDm";
+import { type Member } from "../../../src/utils/direct-messages";
+import { resolveThreePids } from "../../../src/utils/threepids";
+
+jest.mock("../../../src/utils/rooms", () => ({
+    ...(jest.requireActual("../../../src/utils/rooms") as object),
+    privateShouldBeEncrypted: jest.fn(),
+}));
+
+jest.mock("../../../src/createRoom", () => ({
+    ...(jest.requireActual("../../../src/createRoom") as object),
+    canEncryptToAllUsers: jest.fn(),
+}));
+
+jest.mock("../../../src/utils/local-room", () => ({
+    waitForRoomReadyAndApplyAfterCreateCallbacks: jest.fn(),
+}));
+
+jest.mock("../../../src/utils/dm/findDMForUser", () => ({
+    findDMForUser: jest.fn(),
+}));
+
+jest.mock("../../../src/utils/dm/findDMRoom", () => ({
+    findDMRoom: jest.fn(),
+}));
+
+jest.mock("../../../src/utils/dm/createDmLocalRoom", () => ({
+    createDmLocalRoom: jest.fn(),
+}));
+
+jest.mock("../../../src/utils/dm/startDm", () => ({
+    startDm: jest.fn(),
+}));
+
+jest.mock("../../../src/utils/threepids", () => ({
+    resolveThreePids: jest.fn().mockImplementation(async (members: Member[]) => {
+        return members;
+    }),
+}));
+
+describe("direct-messages", () => {
+    const userId1 = "@user1:example.com";
+    const member1 = new dmModule.DirectoryMember({ user_id: userId1 });
+    let room1: Room;
+    let localRoom: LocalRoom;
+    let dmRoomMap: DMRoomMap;
+    let mockClient: MatrixClient;
+    let roomEvents: Room[];
+
+    beforeEach(() => {
+        mockClient = createTestClient();
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
+        roomEvents = [];
+        mockClient.on(ClientEvent.Room, (room: Room) => {
+            roomEvents.push(room);
+        });
+
+        room1 = new Room("!room1:example.com", mockClient, userId1);
+        room1.getMyMembership = () => KnownMembership.Join;
+
+        localRoom = new LocalRoom(LOCAL_ROOM_ID_PREFIX + "test", mockClient, userId1);
+
+        dmRoomMap = {
+            getDMRoomForIdentifiers: jest.fn(),
+            getDMRoomsForUserId: jest.fn(),
+        } as unknown as DMRoomMap;
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
+        jest.spyOn(dis, "dispatch");
+        jest.spyOn(logger, "warn");
+
+        jest.useFakeTimers();
+        jest.setSystemTime(new Date(2022, 7, 4, 11, 12, 30, 42));
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+        jest.useRealTimers();
+    });
+
+    describe("startDmOnFirstMessage", () => {
+        describe("if no room exists", () => {
+            beforeEach(() => {
+                mocked(findDMRoom).mockReturnValue(null);
+            });
+
+            it("should create a local room and dispatch a view room event", async () => {
+                mocked(createDmLocalRoom).mockResolvedValue(localRoom);
+                const members = [member1];
+                const roomId = await dmModule.startDmOnFirstMessage(mockClient, members);
+                expect(roomId).toBe(localRoom.roomId);
+                expect(dis.dispatch).toHaveBeenCalledWith({
+                    action: Action.ViewRoom,
+                    room_id: roomId,
+                    joining: false,
+                    targets: [member1],
+                });
+
+                // assert, that startDmOnFirstMessage tries to resolve 3rd-party IDs
+                expect(resolveThreePids).toHaveBeenCalledWith(members, mockClient);
+            });
+
+            it("should work when resolveThreePids raises an error", async () => {
+                const error = new Error("error 4711");
+                mocked(resolveThreePids).mockRejectedValue(error);
+
+                mocked(createDmLocalRoom).mockResolvedValue(localRoom);
+                const members = [member1];
+                const roomId = await dmModule.startDmOnFirstMessage(mockClient, members);
+                expect(roomId).toBe(localRoom.roomId);
+
+                // ensure that startDmOnFirstMessage tries to resolve 3rd-party IDs
+                expect(resolveThreePids).toHaveBeenCalledWith(members, mockClient);
+
+                // ensure that the error is logged
+                expect(logger.warn).toHaveBeenCalledWith("Error resolving 3rd-party members", error);
+            });
+        });
+
+        describe("if a room exists", () => {
+            beforeEach(() => {
+                mocked(findDMRoom).mockReturnValue(room1);
+            });
+
+            it("should return the room and dispatch a view room event", async () => {
+                const roomId = await dmModule.startDmOnFirstMessage(mockClient, [member1]);
+                expect(roomId).toBe(room1.roomId);
+                expect(dis.dispatch).toHaveBeenCalledWith({
+                    action: Action.ViewRoom,
+                    room_id: room1.roomId,
+                    should_peek: false,
+                    joining: false,
+                    metricsTrigger: "MessageUser",
+                });
+            });
+        });
+    });
+
+    describe("createRoomFromLocalRoom", () => {
+        [LocalRoomState.CREATING, LocalRoomState.CREATED, LocalRoomState.ERROR].forEach((state: LocalRoomState) => {
+            it(`should do nothing for room in state ${state}`, async () => {
+                localRoom.state = state;
+                await dmModule.createRoomFromLocalRoom(mockClient, localRoom);
+                expect(localRoom.state).toBe(state);
+                expect(startDm).not.toHaveBeenCalled();
+            });
+        });
+
+        describe("on startDm error", () => {
+            beforeEach(() => {
+                mocked(startDm).mockRejectedValue(true);
+            });
+
+            it("should set the room state to error", async () => {
+                await dmModule.createRoomFromLocalRoom(mockClient, localRoom);
+                expect(localRoom.state).toBe(LocalRoomState.ERROR);
+            });
+        });
+
+        describe("on startDm success", () => {
+            beforeEach(() => {
+                mocked(waitForRoomReadyAndApplyAfterCreateCallbacks).mockResolvedValue(room1.roomId);
+                mocked(startDm).mockResolvedValue(room1.roomId);
+            });
+
+            it("should set the room into creating state and call waitForRoomReadyAndApplyAfterCreateCallbacks", async () => {
+                const result = await dmModule.createRoomFromLocalRoom(mockClient, localRoom);
+                expect(result).toBe(room1.roomId);
+                expect(localRoom.state).toBe(LocalRoomState.CREATING);
+                expect(waitForRoomReadyAndApplyAfterCreateCallbacks).toHaveBeenCalledWith(
+                    mockClient,
+                    localRoom,
+                    room1.roomId,
+                );
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/export-test.ts b/apps/web/test/unit-tests/utils/export-test.ts
new file mode 100644
index 00000000000..6df51312819
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/export-test.ts
@@ -0,0 +1,343 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { render } from "jest-matrix-react";
+import {
+    type IContent,
+    type MatrixClient,
+    MatrixEvent,
+    Room,
+    type RoomMember,
+    RelationType,
+    EventType,
+} from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+import { type JSX } from "react";
+
+import { MatrixClientPeg } from "../../../src/MatrixClientPeg";
+import { type IExportOptions, ExportType, ExportFormat } from "../../../src/utils/exportUtils/exportUtils";
+import PlainTextExporter from "../../../src/utils/exportUtils/PlainTextExport";
+import HTMLExporter from "../../../src/utils/exportUtils/HtmlExport";
+import * as TestUtilsMatrix from "../../test-utils";
+import { stubClient } from "../../test-utils";
+
+let client: MatrixClient;
+
+const MY_USER_ID = "@me:here";
+
+function generateRoomId() {
+    return "!" + Math.random().toString().slice(2, 10) + ":domain";
+}
+
+interface ITestContent extends IContent {
+    expectedText: string;
+}
+
+describe("export", function () {
+    const setProgressText = jest.fn();
+
+    let mockExportOptions: IExportOptions;
+    let mockRoom: Room;
+    let ts0: number;
+    let events: MatrixEvent[];
+    beforeEach(() => {
+        stubClient();
+        client = MatrixClientPeg.safeGet();
+        client.getUserId = () => {
+            return MY_USER_ID;
+        };
+
+        mockExportOptions = {
+            numberOfMessages: 5,
+            maxSize: 100 * 1024 * 1024,
+            attachmentsIncluded: false,
+        };
+
+        function createRoom() {
+            const room = new Room(generateRoomId(), client, client.getUserId()!);
+            return room;
+        }
+        mockRoom = createRoom();
+        ts0 = Date.now();
+        events = mkEvents();
+        jest.spyOn(client, "getRoom").mockReturnValue(mockRoom);
+    });
+
+    function mkRedactedEvent(i = 0) {
+        return new MatrixEvent({
+            type: "m.room.message",
+            sender: MY_USER_ID,
+            content: {},
+            unsigned: {
+                age: 72,
+                transaction_id: "m1212121212.23",
+                redacted_because: {
+                    content: {},
+                    origin_server_ts: ts0 + i * 1000,
+                    redacts: "$9999999999999999999999999999999999999999998",
+                    sender: "@me:here",
+                    type: EventType.RoomRedaction,
+                    unsigned: {
+                        age: 94,
+                        transaction_id: "m1111111111.1",
+                    },
+                    event_id: "$9999999999999999999999999999999999999999998",
+                    room_id: mockRoom.roomId,
+                },
+            },
+            event_id: "$9999999999999999999999999999999999999999999",
+            room_id: mockRoom.roomId,
+        });
+    }
+
+    function mkFileEvent() {
+        return new MatrixEvent({
+            content: {
+                body: "index.html",
+                info: {
+                    mimetype: "text/html",
+                    size: 31613,
+                },
+                msgtype: "m.file",
+                url: "mxc://test.org",
+            },
+            origin_server_ts: 1628872988364,
+            sender: MY_USER_ID,
+            type: "m.room.message",
+            unsigned: {
+                age: 266,
+                transaction_id: "m99999999.2",
+            },
+            event_id: "$99999999999999999999",
+            room_id: mockRoom.roomId,
+        });
+    }
+
+    function mkImageEvent() {
+        return new MatrixEvent({
+            content: {
+                body: "image.png",
+                info: {
+                    mimetype: "image/png",
+                    size: 31613,
+                },
+                msgtype: "m.image",
+                url: "mxc://test.org",
+            },
+            origin_server_ts: 1628872988364,
+            sender: MY_USER_ID,
+            type: "m.room.message",
+            unsigned: {
+                age: 266,
+                transaction_id: "m99999999.2",
+            },
+            event_id: "$99999999999999999999",
+            room_id: mockRoom.roomId,
+        });
+    }
+
+    function mkEvents() {
+        const matrixEvents: MatrixEvent[] = [];
+        let i: number;
+        // plain text
+        for (i = 0; i < 10; i++) {
+            matrixEvents.push(
+                TestUtilsMatrix.mkMessage({
+                    event: true,
+                    room: "!room:id",
+                    user: "@user:id",
+                    ts: ts0 + i * 1000,
+                }),
+            );
+        }
+        // reply events
+        for (i = 0; i < 10; i++) {
+            const eventId = "$" + Math.random() + "-" + Math.random();
+            matrixEvents.push(
+                TestUtilsMatrix.mkEvent({
+                    content: {
+                        "body": "> <@me:here> Hi\n\nTest",
+                        "format": "org.matrix.custom.html",
+                        "m.relates_to": {
+                            "rel_type": RelationType.Reference,
+                            "event_id": eventId,
+                            "m.in_reply_to": {
+                                event_id: eventId,
+                            },
+                        },
+                        "msgtype": "m.text",
+                    },
+                    user: "@me:here",
+                    type: "m.room.message",
+                    room: mockRoom.roomId,
+                    event: true,
+                }),
+            );
+        }
+        // membership events
+        for (i = 0; i < 10; i++) {
+            matrixEvents.push(
+                TestUtilsMatrix.mkMembership({
+                    event: true,
+                    room: "!room:id",
+                    user: "@user:id",
+                    target: {
+                        userId: "@user:id",
+                        name: "Bob",
+                        getAvatarUrl: () => {
+                            return "avatar.jpeg";
+                        },
+                        getMxcAvatarUrl: () => "mxc://avatar.url/image.png",
+                    } as unknown as RoomMember,
+                    ts: ts0 + i * 1000,
+                    mship: KnownMembership.Join,
+                    prevMship: KnownMembership.Join,
+                    name: "A user",
+                }),
+            );
+        }
+        // emote
+        matrixEvents.push(
+            TestUtilsMatrix.mkEvent({
+                content: {
+                    body: "waves",
+                    msgtype: "m.emote",
+                },
+                user: "@me:here",
+                type: "m.room.message",
+                room: mockRoom.roomId,
+                event: true,
+            }),
+        );
+        // redacted events
+        for (i = 0; i < 10; i++) {
+            matrixEvents.push(mkRedactedEvent(i));
+        }
+        return matrixEvents;
+    }
+
+    function renderToString(elem: JSX.Element): string {
+        return render(elem).container.outerHTML;
+    }
+
+    it("checks if the export format is valid", function () {
+        function isValidFormat(format: string): boolean {
+            const options: string[] = Object.values(ExportFormat);
+            return options.includes(format);
+        }
+        expect(isValidFormat("Html")).toBeTruthy();
+        expect(isValidFormat("Json")).toBeTruthy();
+        expect(isValidFormat("PlainText")).toBeTruthy();
+        expect(isValidFormat("Pdf")).toBeFalsy();
+    });
+
+    it("checks if the icons' html corresponds to export regex", function () {
+        const exporter = new HTMLExporter(mockRoom, ExportType.Beginning, mockExportOptions, setProgressText);
+        const fileRegex = /<span class="[^"]*\bmx_MFileBody\b[^"]*">.*?<\/span>/;
+        expect(fileRegex.test(renderToString(exporter.getEventTile(mkFileEvent(), true)))).toBeTruthy();
+    });
+
+    it("should export images if attachments are enabled", () => {
+        const exporter = new HTMLExporter(
+            mockRoom,
+            ExportType.Beginning,
+            {
+                numberOfMessages: 5,
+                maxSize: 100 * 1024 * 1024,
+                attachmentsIncluded: true,
+            },
+            setProgressText,
+        );
+        expect(renderToString(exporter.getEventTile(mkImageEvent(), true))).toMatch(
+            /<img.+ alt="image\.png" src="mxc:\/\/test.org"\/?>/,
+        );
+    });
+
+    const invalidExportOptions: [string, IExportOptions][] = [
+        [
+            "numberOfMessages exceeds max",
+            {
+                numberOfMessages: 10 ** 9,
+                maxSize: 1024 * 1024 * 1024,
+                attachmentsIncluded: false,
+            },
+        ],
+        [
+            "maxSize exceeds 8GB",
+            {
+                numberOfMessages: -1,
+                maxSize: 8001 * 1024 * 1024,
+                attachmentsIncluded: false,
+            },
+        ],
+        [
+            "maxSize is less than 1mb",
+            {
+                numberOfMessages: 0,
+                maxSize: 0,
+                attachmentsIncluded: false,
+            },
+        ],
+    ];
+    it.each(invalidExportOptions)("%s", (_d, options) => {
+        expect(() => new PlainTextExporter(mockRoom, ExportType.Beginning, options, setProgressText)).toThrow(
+            "Invalid export options",
+        );
+    });
+
+    it("tests the file extension splitter", function () {
+        const exporter = new PlainTextExporter(mockRoom, ExportType.Beginning, mockExportOptions, setProgressText);
+        const fileNameWithExtensions: Record<string, [string, string]> = {
+            "": ["", ""],
+            "name": ["name", ""],
+            "name.txt": ["name", ".txt"],
+            ".htpasswd": ["", ".htpasswd"],
+            "name.with.many.dots.myext": ["name.with.many.dots", ".myext"],
+        };
+        for (const fileName in fileNameWithExtensions) {
+            expect(exporter.splitFileName(fileName)).toStrictEqual(fileNameWithExtensions[fileName]);
+        }
+    });
+
+    it("checks if the reply regex executes correctly", function () {
+        const eventContents: ITestContent[] = [
+            {
+                msgtype: "m.text",
+                body: "> <@me:here> Source\n\nReply",
+                expectedText: '<@me:here "Source"> Reply',
+            },
+            {
+                msgtype: "m.text",
+                // if the reply format is invalid, then return the body
+                body: "Invalid reply format",
+                expectedText: "Invalid reply format",
+            },
+            {
+                msgtype: "m.text",
+                body: "> <@me:here> The source is more than 32 characters\n\nReply",
+                expectedText: '<@me:here "The source is more than 32 chara..."> Reply',
+            },
+            {
+                msgtype: "m.text",
+                body: "> <@me:here> This\nsource\nhas\nnew\nlines\n\nReply",
+                expectedText: '<@me:here "This"> Reply',
+            },
+        ];
+        const exporter = new PlainTextExporter(mockRoom, ExportType.Beginning, mockExportOptions, setProgressText);
+        for (const content of eventContents) {
+            expect(exporter.textForReplyEvent(content)).toBe(content.expectedText);
+        }
+    });
+
+    it("checks if the render to string doesn't throw any error for different types of events", function () {
+        const exporter = new HTMLExporter(mockRoom, ExportType.Beginning, mockExportOptions, setProgressText);
+        for (const event of events) {
+            expect(renderToString(exporter.getEventTile(event, false))).toBeTruthy();
+        }
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/exportUtils/HTMLExport-test.ts b/apps/web/test/unit-tests/utils/exportUtils/HTMLExport-test.ts
new file mode 100644
index 00000000000..d4c7503e348
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/exportUtils/HTMLExport-test.ts
@@ -0,0 +1,759 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022, 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 {
+    EventTimeline,
+    type EventTimelineSet,
+    EventType,
+    type IRoomEvent,
+    type MatrixClient,
+    MatrixEvent,
+    MsgType,
+    Relations,
+    RelationType,
+    Room,
+    RoomMember,
+    RoomState,
+} from "matrix-js-sdk/src/matrix";
+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";
+
+import { filterConsole, mkReaction, mkStubRoom, REPEATABLE_DATE, stubClient } from "../../../test-utils";
+import { ExportType, type IExportOptions } from "../../../../src/utils/exportUtils/exportUtils";
+import SdkConfig from "../../../../src/SdkConfig";
+import HTMLExporter from "../../../../src/utils/exportUtils/HtmlExport";
+import DMRoomMap from "../../../../src/utils/DMRoomMap";
+import { mediaFromMxc } from "../../../../src/customisations/Media";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+import { SDKContextClass } from "../../../../src/contexts/SDKContextClass";
+import { TestSDKContext } from "../../TestSDKContext.ts";
+
+jest.mock("jszip");
+jest.mock("../../../../src/settings/SettingsStore");
+
+const EVENT_MESSAGE: IRoomEvent = {
+    event_id: "$1",
+    type: EventType.RoomMessage,
+    sender: "@bob:example.com",
+    origin_server_ts: 0,
+    content: {
+        msgtype: "m.text",
+        body: "Message",
+        avatar_url: "mxc://example.org/avatar.bmp",
+    },
+};
+
+const EVENT_ATTACHMENT: IRoomEvent = {
+    event_id: "$2",
+    type: EventType.RoomMessage,
+    sender: "@alice:example.com",
+    origin_server_ts: 1,
+    content: {
+        msgtype: MsgType.File,
+        body: "hello.txt",
+        filename: "hello.txt",
+        url: "mxc://example.org/test-id",
+    },
+};
+
+const EVENT_ATTACHMENT_MALFORMED: IRoomEvent = {
+    event_id: "$2",
+    type: EventType.RoomMessage,
+    sender: "@alice:example.com",
+    origin_server_ts: 1,
+    content: {
+        msgtype: MsgType.File,
+        body: "hello.txt",
+        file: {
+            url: undefined,
+        },
+    },
+};
+
+const EVENT_MENTION: IRoomEvent = {
+    event_id: "$4",
+    type: EventType.RoomMessage,
+    sender: "@bob:example.com",
+    origin_server_ts: 0,
+    content: {
+        "msgtype": "m.text",
+        "body": "Message Alex",
+        "format": "org.matrix.custom.html",
+        "formatted_body": 'Message <a href="https://matrix.to/#/@alex:example.org">@alex:example.org</a>',
+        "m.mentions": { user_ids: ["@alex:example.org"] },
+    },
+};
+
+describe("HTMLExport", () => {
+    let client: jest.Mocked<MatrixClient>;
+    let room: Room;
+    let sdkContext: TestSDKContext;
+
+    filterConsole(
+        "Starting export",
+        "events in", // Fetched # events in # seconds
+        "events so far",
+        "Export successful!",
+        "does not have an m.room.create event",
+        "Creating HTML",
+        "Generating a ZIP",
+        "Cleaning up",
+    );
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        jest.useFakeTimers();
+        jest.setSystemTime(REPEATABLE_DATE);
+
+        client = stubClient() as jest.Mocked<MatrixClient>;
+        sdkContext = new TestSDKContext();
+        // @ts-ignore HTMLExport uses SDKContext in the constructor
+        SDKContextClass.instance = sdkContext;
+        sdkContext._client = client;
+        DMRoomMap.makeShared(client);
+
+        room = new Room("!myroom:example.org", client, "@me:example.org");
+        client.getRoom.mockReturnValue(room);
+
+        // Set up a default mock that uses the actual SettingsStore implementation
+        const actualSettingsStore = jest.requireActual("../../../../src/settings/SettingsStore").default;
+        mocked(SettingsStore).getValue.mockImplementation((name: any, roomId?: any, excludeDefault?: any): any => {
+            // Default to the real implementation
+            return actualSettingsStore.getValue(name, roomId, excludeDefault);
+        });
+    });
+
+    function mockMessages(...events: IRoomEvent[]): void {
+        client.createMessagesRequest.mockImplementation((_roomId, fromStr, limit = 30) => {
+            const from = fromStr === null ? 0 : parseInt(fromStr);
+            const chunk = events.slice(from, limit);
+            return Promise.resolve({
+                chunk,
+                start: from.toString(),
+                end: (from + limit).toString(),
+            });
+        });
+    }
+
+    /** Retrieve a map of files within the zip. */
+    function getFiles(exporter: HTMLExporter): { [filename: string]: Blob } {
+        //@ts-ignore private access
+        const files = exporter.files;
+        return files.reduce((d, f) => ({ ...d, [f.name]: f.blob }), {});
+    }
+
+    function getMessageFile(exporter: HTMLExporter): Blob {
+        const files = getFiles(exporter);
+        return files["messages.html"]!;
+    }
+
+    /** set a mock fetch response for an MXC */
+    function mockMxc(mxc: string, body: string) {
+        const media = mediaFromMxc(mxc, client);
+        fetchMock.get(media.srcHttp!, body);
+    }
+
+    function mockReactionForMessage(message: IRoomEvent): MatrixEvent {
+        const firstMessage = new MatrixEvent(message);
+        const reaction = mkReaction(firstMessage);
+
+        const relationsContainer = {
+            getRelations: jest.fn(),
+            getChildEventsForEvent: jest.fn(),
+        } as unknown as RelationsContainer;
+        const relations = new Relations(RelationType.Annotation, EventType.Reaction, client);
+        relations.addEvent(reaction);
+        relationsContainer.getChildEventsForEvent = jest
+            .fn()
+            .mockImplementation(
+                (eventId: string, relationType: RelationType | string, eventType: EventType | string) => {
+                    if (eventId === firstMessage.getId()) {
+                        return relations;
+                    }
+                },
+            );
+
+        const timelineSet = {
+            relations: relationsContainer,
+            getLiveTimeline: () => timeline,
+        } as unknown as EventTimelineSet;
+        const timeline = new EventTimeline(timelineSet);
+        room.getUnfilteredTimelineSet = jest.fn().mockReturnValue(timelineSet);
+        return reaction;
+    }
+
+    it("should throw when created with invalid config for LastNMessages", async () => {
+        expect(
+            () =>
+                new HTMLExporter(
+                    room,
+                    ExportType.LastNMessages,
+                    {
+                        attachmentsIncluded: false,
+                        maxSize: 1_024 * 1_024,
+                        numberOfMessages: undefined,
+                    },
+                    () => {},
+                ),
+        ).toThrow("Invalid export options");
+    });
+
+    it("should have an SDK-branded destination file name", () => {
+        const roomName = "My / Test / Room: Welcome";
+        const stubOptions: IExportOptions = {
+            attachmentsIncluded: false,
+            maxSize: 50000000,
+            numberOfMessages: 40,
+        };
+        const stubRoom = mkStubRoom("!myroom:example.org", roomName, client);
+        const exporter = new HTMLExporter(stubRoom, ExportType.LastNMessages, stubOptions, () => {});
+
+        expect(exporter.destinationFileName).toMatchSnapshot();
+
+        SdkConfig.put({ brand: "BrandedChat/WithSlashes/ForFun" });
+
+        expect(exporter.destinationFileName).toMatchSnapshot();
+    });
+
+    it("should export", async () => {
+        const events = [...Array(50)].map<IRoomEvent>((_, i) => ({
+            event_id: `${i}`,
+            type: EventType.RoomMessage,
+            sender: `@user${i}:example.com`,
+            origin_server_ts: 5_000 + i * 1000,
+            content: {
+                msgtype: "m.text",
+                body: `Message #${i}`,
+            },
+        }));
+        mockReactionForMessage(events[0]);
+        mockMessages(...events);
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: events.length,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        const file = getMessageFile(exporter);
+        expect(await file.text()).toMatchSnapshot();
+    }, 10000);
+
+    it("should include the room's avatar", async () => {
+        mockMessages(EVENT_MESSAGE);
+
+        const mxc = "mxc://www.example.com/avatars/nice-room.jpeg";
+        const avatar = "011011000110111101101100";
+        jest.spyOn(room, "getMxcAvatarUrl").mockReturnValue(mxc);
+        mockMxc(mxc, avatar);
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        const files = getFiles(exporter);
+        expect(await files["room.png"]!.text()).toBe(avatar);
+    });
+
+    it("should include the creation event", async () => {
+        const creator = "@bob:example.com";
+        mockMessages(EVENT_MESSAGE);
+        room.currentState.setStateEvents([
+            new MatrixEvent({
+                type: EventType.RoomCreate,
+                event_id: "$00001",
+                room_id: room.roomId,
+                sender: creator,
+                origin_server_ts: 0,
+                content: {},
+                state_key: "",
+            }),
+        ]);
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        expect(await getMessageFile(exporter).text()).toContain(`${creator} created this room.`);
+    });
+
+    it("should include the topic", async () => {
+        const topic = ":^-) (-^:";
+        mockMessages(EVENT_MESSAGE);
+        room.currentState.setStateEvents([
+            new MatrixEvent({
+                type: EventType.RoomTopic,
+                event_id: "$00001",
+                room_id: room.roomId,
+                sender: "@alice:example.com",
+                origin_server_ts: 0,
+                content: { topic },
+                state_key: "",
+            }),
+        ]);
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        expect(await getMessageFile(exporter).text()).toContain(`Topic: ${topic}`);
+    });
+
+    it("should include avatars", async () => {
+        mockMessages(EVENT_MESSAGE);
+
+        jest.spyOn(RoomMember.prototype, "getMxcAvatarUrl").mockReturnValue("mxc://example.org/avatar.bmp");
+
+        const avatarContent = "this is a bitmap all the pixels are red :^-)";
+        mockMxc("mxc://example.org/avatar.bmp", avatarContent);
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        // Ensure that the avatar is present
+        const files = getFiles(exporter);
+        const file = files["users/@bob-example.com.png"];
+        expect(file).not.toBeUndefined();
+
+        // Ensure it has the expected content
+        expect(await file.text()).toBe(avatarContent);
+    });
+
+    it("should handle when an event has no sender", async () => {
+        const EVENT_MESSAGE_NO_SENDER: IRoomEvent = {
+            event_id: "$1",
+            type: EventType.RoomMessage,
+            sender: "",
+            origin_server_ts: 0,
+            content: {
+                msgtype: "m.text",
+                body: "Message with no sender",
+            },
+        };
+        mockMessages(EVENT_MESSAGE_NO_SENDER);
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        const file = getMessageFile(exporter);
+        expect(await file.text()).toContain(EVENT_MESSAGE_NO_SENDER.content.body);
+    });
+
+    it("should handle when events sender cannot be found in room state", async () => {
+        mockMessages(EVENT_MESSAGE);
+
+        jest.spyOn(RoomState.prototype, "getSentinelMember").mockReturnValue(null);
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        const file = getMessageFile(exporter);
+        expect(await file.text()).toContain(EVENT_MESSAGE.content.body);
+    });
+
+    it("should include attachments", async () => {
+        mockMessages(EVENT_MESSAGE, EVENT_ATTACHMENT);
+        const attachmentBody = "Lorem ipsum dolor sit amet";
+
+        mockMxc("mxc://example.org/test-id", attachmentBody);
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: true,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        // Ensure that the attachment is present
+        const files = getFiles(exporter);
+        const file = files[Object.keys(files).find((k) => k.endsWith(".txt"))!];
+        expect(file).not.toBeUndefined();
+
+        // Ensure that the attachment has the expected content
+        const text = await file.text();
+        expect(text).toBe(attachmentBody);
+    });
+
+    it("should handle attachments with identical names and dates", async () => {
+        mockMessages(EVENT_MESSAGE, EVENT_ATTACHMENT, EVENT_ATTACHMENT);
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: true,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        const files = getFiles(exporter);
+
+        // There should be 5 files: 2 attachments, 1 html file, 1 css file and 1 js file
+        expect(Object.keys(files)).toHaveLength(5);
+
+        // Ensure that the attachment is present
+        const file = files[Object.keys(files).find((k) => k.endsWith(".txt"))!];
+        expect(file).not.toBeUndefined();
+
+        // Ensure that the duplicate attachment has been uniquely named
+        const duplicateFile = files[Object.keys(files).find((k) => k.endsWith("(1).txt"))!];
+        expect(duplicateFile).not.toBeUndefined();
+    });
+
+    it("should handle when attachment cannot be fetched", async () => {
+        mockMessages(EVENT_MESSAGE, EVENT_ATTACHMENT_MALFORMED, EVENT_ATTACHMENT);
+        const attachmentBody = "Lorem ipsum dolor sit amet";
+
+        mockMxc("mxc://example.org/test-id", attachmentBody);
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: true,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        // good attachment present
+        const files = getFiles(exporter);
+        const file = files[Object.keys(files).find((k) => k.endsWith(".txt"))!];
+        expect(file).not.toBeUndefined();
+
+        // Ensure that the attachment has the expected content
+        const text = await file.text();
+        expect(text).toBe(attachmentBody);
+
+        // messages export still successful
+        const messagesFile = getMessageFile(exporter);
+        expect(await messagesFile.text()).toBeTruthy();
+    });
+
+    it("should handle when attachment srcHttp is falsy", async () => {
+        mockMessages(EVENT_MESSAGE, EVENT_ATTACHMENT);
+        const attachmentBody = "Lorem ipsum dolor sit amet";
+
+        mockMxc("mxc://example.org/test-id", attachmentBody);
+
+        jest.spyOn(client, "mxcUrlToHttp").mockReturnValue(null);
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: true,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        // attachment not present
+        const files = getFiles(exporter);
+        const file = files[Object.keys(files).find((k) => k.endsWith(".txt"))!];
+        expect(file).toBeUndefined();
+
+        // messages export still successful
+        const messagesFile = getMessageFile(exporter);
+        expect(await messagesFile.text()).toBeTruthy();
+    });
+
+    it("should omit attachments", async () => {
+        mockMessages(EVENT_MESSAGE, EVENT_ATTACHMENT);
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        // Ensure that the attachment is present
+        const files = getFiles(exporter);
+        for (const fileName of Object.keys(files)) {
+            expect(fileName).not.toMatch(/^files\/hello/);
+        }
+    });
+
+    it("should add link to next and previous file", async () => {
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 5000,
+            },
+            () => {},
+        );
+
+        // test link to the first page
+        //@ts-ignore private access
+        let result = await exporter.wrapHTML("", 0, 3);
+        expect(result).not.toContain("Previous group of messages");
+        expect(result).toContain(
+            '<div style="text-align:center;margin:10px"><a href="./messages2.html" style="font-weight:bold">Next group of messages</a></div>',
+        );
+
+        // test link for a middle page
+        //@ts-ignore private access
+        result = await exporter.wrapHTML("", 1, 3);
+        expect(result).toContain(
+            '<div style="text-align:center"><a href="./messages.html" style="font-weight:bold">Previous group of messages</a></div>',
+        );
+        expect(result).toContain(
+            '<div style="text-align:center;margin:10px"><a href="./messages3.html" style="font-weight:bold">Next group of messages</a></div>',
+        );
+
+        // test link for last page
+        //@ts-ignore private access
+        result = await exporter.wrapHTML("", 2, 3);
+        expect(result).toContain(
+            '<div style="text-align:center"><a href="./messages2.html" style="font-weight:bold">Previous group of messages</a></div>',
+        );
+        expect(result).not.toContain("Next group of messages");
+    });
+
+    it("should not leak javascript from room names or topics", async () => {
+        const name = "<svg onload=alert(3)>";
+        const topic = "<svg onload=alert(5)>";
+        mockMessages(EVENT_MESSAGE);
+        room.currentState.setStateEvents([
+            new MatrixEvent({
+                type: EventType.RoomName,
+                event_id: "$00001",
+                room_id: room.roomId,
+                sender: "@alice:example.com",
+                origin_server_ts: 0,
+                content: { name },
+                state_key: "",
+            }),
+            new MatrixEvent({
+                type: EventType.RoomTopic,
+                event_id: "$00002",
+                room_id: room.roomId,
+                sender: "@alice:example.com",
+                origin_server_ts: 1,
+                content: { topic },
+                state_key: "",
+            }),
+        ]);
+        room.recalculate();
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+        const html = await getMessageFile(exporter).text();
+
+        expect(html).not.toContain(name);
+        expect(html).toContain(escapeHtml(name));
+        expect(html).not.toContain(topic);
+        expect(html).toContain(`Topic: ${escapeHtml(topic)}`);
+    });
+
+    it("should not make /messages requests when exporting 'Current Timeline'", async () => {
+        client.createMessagesRequest.mockRejectedValue(new Error("Should never be called"));
+        room.addLiveEvents(
+            [
+                new MatrixEvent({
+                    event_id: `$eventId`,
+                    type: EventType.RoomMessage,
+                    sender: client.getSafeUserId(),
+                    origin_server_ts: 123456789,
+                    content: {
+                        msgtype: "m.text",
+                        body: `testing testing`,
+                    },
+                }),
+            ],
+            { addToState: true },
+        );
+
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.Timeline,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        const file = getMessageFile(exporter);
+        expect(await file.text()).toContain("testing testing");
+        expect(client.createMessagesRequest).not.toHaveBeenCalled();
+    });
+
+    it("should include reactions", async () => {
+        const reaction = mockReactionForMessage(EVENT_MESSAGE);
+        mockMessages(EVENT_MESSAGE);
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        const file = getMessageFile(exporter);
+        expect(await file.text()).toContain(reaction.getContent()["m.relates_to"]?.key);
+    });
+
+    it("should not crash when jump to date flag is enabled", async () => {
+        // Override just the feature flag for this specific test
+        const originalMock = mocked(SettingsStore).getValue.getMockImplementation();
+
+        mocked(SettingsStore).getValue.mockImplementation((name: any, roomId?: any, excludeDefault?: any): any => {
+            if (name === "feature_jump_to_date") {
+                return true;
+            }
+            // Fallback to the default mock implementation set in beforeEach
+            return originalMock!(name, roomId, excludeDefault);
+        });
+
+        mockMessages(EVENT_MESSAGE);
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        const file = getMessageFile(exporter);
+        expect(file).not.toBeUndefined();
+    });
+
+    it("should not crash when exporting mentions", async () => {
+        mockMessages(EVENT_MESSAGE, EVENT_MENTION);
+        const exporter = new HTMLExporter(
+            room,
+            ExportType.LastNMessages,
+            {
+                attachmentsIncluded: false,
+                maxSize: 1_024 * 1_024,
+                numberOfMessages: 40,
+            },
+            () => {},
+        );
+
+        await exporter.export();
+
+        const file = getMessageFile(exporter);
+        expect(file).not.toBeUndefined();
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/exportUtils/JSONExport-test.ts b/apps/web/test/unit-tests/utils/exportUtils/JSONExport-test.ts
new file mode 100644
index 00000000000..94cfeb08fc7
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/exportUtils/JSONExport-test.ts
@@ -0,0 +1,31 @@
+/*
+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 JSONExporter from "../../../../src/utils/exportUtils/JSONExport";
+import { createTestClient, mkStubRoom, REPEATABLE_DATE } from "../../../test-utils";
+import { ExportType, type IExportOptions } from "../../../../src/utils/exportUtils/exportUtils";
+
+describe("JSONExport", () => {
+    beforeEach(() => {
+        jest.useFakeTimers();
+        jest.setSystemTime(REPEATABLE_DATE);
+    });
+
+    it("should have an Element-branded destination file name", () => {
+        const roomName = "My / Test / Room: Welcome";
+        const client = createTestClient();
+        const stubOptions: IExportOptions = {
+            attachmentsIncluded: false,
+            maxSize: 50000000,
+        };
+        const stubRoom = mkStubRoom("!myroom:example.org", roomName, client);
+        const exporter = new JSONExporter(stubRoom, ExportType.Timeline, stubOptions, () => {});
+
+        expect(exporter.destinationFileName).toMatchSnapshot();
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/exportUtils/PlainTextExport-test.ts b/apps/web/test/unit-tests/utils/exportUtils/PlainTextExport-test.ts
new file mode 100644
index 00000000000..355e73c30a1
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/exportUtils/PlainTextExport-test.ts
@@ -0,0 +1,64 @@
+/*
+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 { MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+
+import { createTestClient, mkStubRoom, REPEATABLE_DATE } from "../../../test-utils";
+import { ExportType, type IExportOptions } from "../../../../src/utils/exportUtils/exportUtils";
+import PlainTextExporter from "../../../../src/utils/exportUtils/PlainTextExport";
+import SettingsStore from "../../../../src/settings/SettingsStore";
+
+class TestablePlainTextExporter extends PlainTextExporter {
+    public async testCreateOutput(events: MatrixEvent[]): Promise<string> {
+        return this.createOutput(events);
+    }
+}
+
+describe("PlainTextExport", () => {
+    let stubOptions: IExportOptions;
+    let stubRoom: Room;
+    beforeEach(() => {
+        jest.useFakeTimers();
+        jest.setSystemTime(REPEATABLE_DATE);
+        const roomName = "My / Test / Room: Welcome";
+        const client = createTestClient();
+        stubOptions = {
+            attachmentsIncluded: false,
+            maxSize: 50000000,
+        };
+        stubRoom = mkStubRoom("!myroom:example.org", roomName, client);
+    });
+
+    it("should have an Element-branded destination file name", () => {
+        const exporter = new PlainTextExporter(stubRoom, ExportType.Timeline, stubOptions, () => {});
+
+        expect(exporter.destinationFileName).toMatchSnapshot();
+    });
+
+    it.each([
+        [24, false, "Fri, Apr 16, 2021, 17:20:00 - @alice:example.com: Hello, world!\n"],
+        [12, true, "Fri, Apr 16, 2021, 5:20:00 PM - @alice:example.com: Hello, world!\n"],
+    ])("should return text with %i hr time format", async (hour: number, setting: boolean, expectedMessage: string) => {
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName: string): any =>
+            settingName === "showTwelveHourTimestamps" ? setting : undefined,
+        );
+        const events: MatrixEvent[] = [
+            new MatrixEvent({
+                type: "m.room.message",
+                content: {
+                    body: "Hello, world!",
+                },
+                sender: "@alice:example.com",
+                origin_server_ts: 1618593600000,
+            }),
+        ];
+        const exporter = new TestablePlainTextExporter(stubRoom, ExportType.Timeline, stubOptions, () => {});
+        const output = await exporter.testCreateOutput(events);
+        expect(output).toBe(expectedMessage);
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/exportUtils/__snapshots__/HTMLExport-test.ts.snap b/apps/web/test/unit-tests/utils/exportUtils/__snapshots__/HTMLExport-test.ts.snap
new file mode 100644
index 00000000000..36ed656a21d
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/exportUtils/__snapshots__/HTMLExport-test.ts.snap
@@ -0,0 +1,84 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`HTMLExport should export 1`] = `
+"
+          <!DOCTYPE html>
+            <html lang="en">
+            <head>
+                <meta charset="UTF-8" />
+                <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+                <link href="css/style.css" rel="stylesheet" />
+                <script src="js/script.js"></script>
+                <title>Exported Data</title>
+            </head>
+            <body style="height: 100vh;" class="cpd-theme-light">
+                <div id="matrixchat" style="height: 100%; overflow: auto">
+                    <div class="mx_MatrixChat_wrapper" aria-hidden="false">
+                        <div class="mx_MatrixChat">
+                        <main class="mx_RoomView">
+                            <div class="mx_RoomHeader light-panel">
+                                <span role="presentation" title="!myroom:example.org" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55" style="--cpd-avatar-size:32px">!</span>
+                                <div class="mx_RoomHeader_infoWrapper">
+                                    <div
+                                        dir="auto"
+                                        class="mx_RoomHeader_info"
+                                        title="!myroom:example.org"
+                                    >
+                                        <span class="mx_RoomHeader_truncated mx_lineClamp">
+                                            !myroom:example.org
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                            
+                            <div class="mx_MainSplit">
+                            <div class="mx_RoomView_body">
+                                <div
+                                class="mx_RoomView_timeline mx_RoomView_timeline_rr_enabled"
+                                >
+                                <div
+                                    class="
+                                    mx_AutoHideScrollbar
+                                    mx_ScrollPanel
+                                    mx_RoomView_messagePanel
+                                    "
+                                >
+                                    <div class="mx_RoomView_messageListWrapper">
+                                    <ol
+                                        class="mx_RoomView_MessageList"
+                                        aria-live="polite"
+                                        role="list"
+                                    >
+                                    <div class="mx_NewRoomIntro">
+                                            <span role="presentation" title="!myroom:example.org" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55" style="--cpd-avatar-size:32px">!</span>
+                                            <h2> !myroom:example.org </h2>
+                                            <p>  created this room. <br/><br/> <p><span>This is the start of export of <strong>!myroom:example.org</strong>. Exported by <a href="https://matrix.to/#/%40userId%3Amatrix.org" target="_blank" rel="noopener noreferrer"><strong>@userId:matrix.org</strong></a> at 11/17/2022.</span></p> </p>
+                                            <br/>
+                                            <p>  </p>
+                                        </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="_flex_4dswl_9 _content_u6fft_8" style="--mx-flex-display:flex;--mx-flex-direction:row;--mx-flex-align:start;--mx-flex-justify:start;--mx-flex-gap:0;--mx-flex-wrap:nowrap"><h2 aria-hidden="true" class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121">Thu, Jan 1, 1970</h2></div><hr role="none"/></div></li><div class="mx_Export_EventWrapper" id="49"><li class="mx_EventTile" aria-live="off" aria-atomic="true" data-scroll-tokens="49" tabindex="-1" data-layout="group" data-self="false" data-event-id="49" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color4 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="48" tabindex="-1" data-layout="group" data-self="false" data-event-id="48" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color3 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="47" tabindex="-1" data-layout="group" data-self="false" data-event-id="47" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="46" tabindex="-1" data-layout="group" data-self="false" data-event-id="46" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color1 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="45" tabindex="-1" data-layout="group" data-self="false" data-event-id="45" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color6 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="44" tabindex="-1" data-layout="group" data-self="false" data-event-id="44" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color5 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="43" tabindex="-1" data-layout="group" data-self="false" data-event-id="43" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color4 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="42" tabindex="-1" data-layout="group" data-self="false" data-event-id="42" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color3 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="41" tabindex="-1" data-layout="group" data-self="false" data-event-id="41" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="40" tabindex="-1" data-layout="group" data-self="false" data-event-id="40" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color1 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="39" tabindex="-1" data-layout="group" data-self="false" data-event-id="39" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color3 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="38" tabindex="-1" data-layout="group" data-self="false" data-event-id="38" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="37" tabindex="-1" data-layout="group" data-self="false" data-event-id="37" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color1 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="36" tabindex="-1" data-layout="group" data-self="false" data-event-id="36" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color6 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="35" tabindex="-1" data-layout="group" data-self="false" data-event-id="35" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color5 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="34" tabindex="-1" data-layout="group" data-self="false" data-event-id="34" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color4 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="33" tabindex="-1" data-layout="group" data-self="false" data-event-id="33" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color3 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="32" tabindex="-1" data-layout="group" data-self="false" data-event-id="32" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="31" tabindex="-1" data-layout="group" data-self="false" data-event-id="31" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color1 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="30" tabindex="-1" data-layout="group" data-self="false" data-event-id="30" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color6 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="29" tabindex="-1" data-layout="group" data-self="false" data-event-id="29" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="28" tabindex="-1" data-layout="group" data-self="false" data-event-id="28" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color1 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="27" tabindex="-1" data-layout="group" data-self="false" data-event-id="27" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color6 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="26" tabindex="-1" data-layout="group" data-self="false" data-event-id="26" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color5 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="25" tabindex="-1" data-layout="group" data-self="false" data-event-id="25" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color4 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="24" tabindex="-1" data-layout="group" data-self="false" data-event-id="24" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color3 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="23" tabindex="-1" data-layout="group" data-self="false" data-event-id="23" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="22" tabindex="-1" data-layout="group" data-self="false" data-event-id="22" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color1 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="21" tabindex="-1" data-layout="group" data-self="false" data-event-id="21" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color6 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="20" tabindex="-1" data-layout="group" data-self="false" data-event-id="20" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color5 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="19" tabindex="-1" data-layout="group" data-self="false" data-event-id="19" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color1 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="18" tabindex="-1" data-layout="group" data-self="false" data-event-id="18" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color6 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="17" tabindex="-1" data-layout="group" data-self="false" data-event-id="17" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color5 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="16" tabindex="-1" data-layout="group" data-self="false" data-event-id="16" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color4 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="15" tabindex="-1" data-layout="group" data-self="false" data-event-id="15" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color3 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="14" tabindex="-1" data-layout="group" data-self="false" data-event-id="14" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="13" tabindex="-1" data-layout="group" data-self="false" data-event-id="13" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color1 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="12" tabindex="-1" data-layout="group" data-self="false" data-event-id="12" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color6 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="11" tabindex="-1" data-layout="group" data-self="false" data-event-id="11" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color5 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="10" tabindex="-1" data-layout="group" data-self="false" data-event-id="10" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color4 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="9" tabindex="-1" data-layout="group" data-self="false" data-event-id="9" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color6 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="8" tabindex="-1" data-layout="group" data-self="false" data-event-id="8" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color5 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="7" tabindex="-1" data-layout="group" data-self="false" data-event-id="7" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color4 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="6" tabindex="-1" data-layout="group" data-self="false" data-event-id="6" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color3 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="5" tabindex="-1" data-layout="group" data-self="false" data-event-id="5" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color2 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="4" tabindex="-1" data-layout="group" data-self="false" data-event-id="4" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color1 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="3" tabindex="-1" data-layout="group" data-self="false" data-event-id="3" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color6 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="2" tabindex="-1" data-layout="group" data-self="false" data-event-id="2" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color5 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="1" tabindex="-1" data-layout="group" data-self="false" data-event-id="1" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color4 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><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" aria-live="off" aria-atomic="true" data-scroll-tokens="0" tabindex="-1" data-layout="group" data-self="false" data-event-id="0" data-has-reply="false"><div class="mx_DisambiguatedProfile _disambiguatedProfile_4jooo_8" role="button" tabindex="0"><span class="mx_Username_color3 _disambiguatedProfile_displayName_4jooo_14 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_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_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 _content_1jaux_8" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content _root_dlp6w_8 _text_dlp6w_13"><div class="mx_EventTile_body translate" dir="auto">Message #0</div></div></div><div class="mx_EventTile_footer"><div class="mx_ReactionsRow _reactionsRow_1lcz2_8" role="toolbar" aria-label="Reactions"><button type="button" class="_reactionsRowButton_5v4c1_8 _reactionsRowButtonDisabled_5v4c1_26" tabindex="0" aria-label="@user0:example.com reacted with 🙃" aria-disabled="true"><span class="_reactionsRowButtonContent_5v4c1_30" aria-hidden="true">🙃</span><span class="_reactionsRowButtonCount_5v4c1_38" aria-hidden="true">1</span></button></div></div></li></div>
+                                    </ol>
+                                    </div>
+                                </div>
+                                </div>
+                                <div class="mx_RoomView_statusArea">
+                                <div class="mx_RoomView_statusAreaBox">
+                                    <div class="mx_RoomView_statusAreaBox_line"></div>
+                                </div>
+                                </div>
+                            </div>
+                            </div>
+                            
+                        </main>
+                        </div>
+                    </div>
+                </div>
+                <div id="snackbar"/>
+            </body>
+        </html>"
+`;
+
+exports[`HTMLExport should have an SDK-branded destination file name 1`] = `"Element - My  Test  Room Welcome - Chat Export - 2022-11-17T16-58-32.517Z.zip"`;
+
+exports[`HTMLExport should have an SDK-branded destination file name 2`] = `"BrandedChatWithSlashesForFun - My  Test  Room Welcome - Chat Export - 2022-11-17T16-58-32.517Z.zip"`;
diff --git a/apps/web/test/unit-tests/utils/exportUtils/__snapshots__/JSONExport-test.ts.snap b/apps/web/test/unit-tests/utils/exportUtils/__snapshots__/JSONExport-test.ts.snap
new file mode 100644
index 00000000000..70410b2b248
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/exportUtils/__snapshots__/JSONExport-test.ts.snap
@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`JSONExport should have an Element-branded destination file name 1`] = `"Element - My  Test  Room Welcome - Chat Export - 2022-11-17T16-58-32.517Z.json"`;
diff --git a/apps/web/test/unit-tests/utils/exportUtils/__snapshots__/PlainTextExport-test.ts.snap b/apps/web/test/unit-tests/utils/exportUtils/__snapshots__/PlainTextExport-test.ts.snap
new file mode 100644
index 00000000000..6c9f5ab29db
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/exportUtils/__snapshots__/PlainTextExport-test.ts.snap
@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`PlainTextExport should have an Element-branded destination file name 1`] = `"Element - My  Test  Room Welcome - Chat Export - 2022-11-17T16-58-32.517Z.txt"`;
diff --git a/apps/web/test/unit-tests/utils/exportUtils/exportCSS-test.ts b/apps/web/test/unit-tests/utils/exportUtils/exportCSS-test.ts
new file mode 100644
index 00000000000..dc37a022e8e
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/exportUtils/exportCSS-test.ts
@@ -0,0 +1,108 @@
+/*
+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 fetchMock from "@fetch-mock/jest";
+
+import getExportCSS from "../../../../src/utils/exportUtils/exportCSS";
+
+describe("exportCSS", () => {
+    describe("getExportCSS", () => {
+        beforeEach(() => {
+            document.head.replaceChildren();
+        });
+
+        it("supports documents missing stylesheets", async () => {
+            const css = await getExportCSS(new Set());
+            expect(css).not.toContain("color-scheme: light");
+        });
+
+        it("fetches export stylesheets and filters unused css", async () => {
+            document.head.innerHTML = `
+                <link rel="stylesheet" href="/bundle.css" />
+                <link rel="stylesheet" href="/theme-light.css" />
+                <link rel="stylesheet" href="/theme-dark.css" />
+            `;
+
+            fetchMock.get(
+                "end:/bundle.css",
+                `
+                @font-face { font-family: Inter; src: url(inter.woff2); }
+                body { margin: 0; }
+                .mx_Used { font-family: Inter; color: #111111; }
+                .mx_Code { font-family: Fira Code; }
+                .mx_Unused { color: #123456; }
+                .mx_Empty {}
+                .mx_Used, .mx_UnusedComma { color: #abcdef; }
+                @media screen {
+                    .mx_Used { --cpd-font-family-sans: "Inter"; }
+                    .mx_UnusedNested { color: #654321; }
+                }
+                @supports (display: grid) {
+                    .mx_UnusedSupported { color: #fedcba; }
+                }
+            `,
+            );
+            fetchMock.get("end:/theme-light.css", ".mx_Theme { color: #222222; }");
+
+            const css = await getExportCSS(new Set(["mx_Used", "mx_Code", "mx_Theme"]));
+
+            expect(fetchMock).toHaveFetchedTimes(1, "end:/bundle.css");
+            expect(fetchMock).toHaveFetchedTimes(1, "end:/theme-light.css");
+            expect(fetchMock).not.toHaveFetched("end:/theme-dark.css");
+
+            expect(css).toContain("margin:0");
+            expect(css).toContain("#111");
+            expect(css).toContain("#222");
+            expect(css).toContain("#abcdef");
+
+            expect(css).not.toContain("@font-face");
+            expect(css).not.toContain("#123456");
+            expect(css).not.toContain("#654321");
+            expect(css).not.toContain("#fedcba");
+
+            expect(css).not.toContain("font-family:Inter");
+            expect(css).not.toContain("font-family:Fira Code");
+            expect(css).toContain("BlinkMacSystemFont");
+            expect(css).toContain("Menlo, Consolas");
+        });
+
+        it("keeps export-only css in the app cascade layer after layered font rules", async () => {
+            document.head.innerHTML = `
+                <link rel="stylesheet" href="/bundle.css" />
+            `;
+
+            fetchMock.get(
+                "end:/bundle.css",
+                `
+                @layer compound-tokens, compound-web, shared-components, app-web;
+                @layer compound-web {
+                    .mx_Typography {
+                        font: var(--cpd-font-heading-lg-regular);
+                    }
+                }
+                @layer app-web {
+                    body {
+                        font: var(--cpd-font-body-md-regular) !important;
+                    }
+                }
+            `,
+            );
+
+            const css = await getExportCSS(new Set(["mx_Typography"]));
+
+            expect(css).toContain("@layer compound-web{.mx_Typography{font:var(--cpd-font-heading-lg-regular)}}");
+            expect(css).toContain("@layer app-web{body{font:var(--cpd-font-body-md-regular)!important}}");
+
+            const exportCssLayerIndex = css.indexOf("@layer app-web {");
+            expect(exportCssLayerIndex).toBeGreaterThan(
+                css.indexOf("@layer app-web{body{font:var(--cpd-font-body-md-regular)!important}}"),
+            );
+            expect(css.slice(exportCssLayerIndex)).toBe("@layer app-web {css-file-stub}");
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/generate-megolm-test-vectors.py b/apps/web/test/unit-tests/utils/generate-megolm-test-vectors.py
new file mode 100755
index 00000000000..0ce5f5e4b34
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/generate-megolm-test-vectors.py
@@ -0,0 +1,117 @@
+#!/usr/bin/env python
+
+from __future__ import print_function
+
+import base64
+import json
+import struct
+
+from cryptography.hazmat import backends
+from cryptography.hazmat.primitives import ciphers, hashes, hmac
+from cryptography.hazmat.primitives.kdf import pbkdf2
+from cryptography.hazmat.primitives.ciphers import algorithms, modes
+
+backend = backends.default_backend()
+
+def parse_u128(s):
+    a, b = struct.unpack(">QQ", s)
+    return (a << 64) | b
+
+def encrypt_ctr(key, iv, plaintext, counter_bits=64):
+    alg = algorithms.AES(key)
+
+    # Some AES-CTR implementations treat some parts of the IV as a nonce (which
+    # remains constant throughought encryption), and some as a counter (which
+    # increments every block, ie 16 bytes, and wraps after a while).  Different
+    # implmententations use different amounts of the IV for each part.
+    #
+    # The python cryptography library uses the whole IV as a counter; to make
+    # it match other implementations with a given counter size, we manually
+    # implement wrapping the counter.
+
+    # number of AES blocks between each counter wrap
+    limit = 1 << counter_bits
+
+    # parse IV as a 128-bit int
+    parsed_iv = parse_u128(iv)
+
+    # split IV into counter and nonce
+    counter = parsed_iv & (limit - 1)
+    nonce = parsed_iv & ~(limit - 1)
+
+    # encrypt up to the first counter wraparound
+    size = 16 * (limit - counter)
+    encryptor = ciphers.Cipher(
+        alg,
+        modes.CTR(iv),
+        backend=backend
+    ).encryptor()
+    input = plaintext[:size]
+    result = encryptor.update(input) + encryptor.finalize()
+    offset = size
+
+    # do remaining data starting with a counter of zero
+    iv = struct.pack(">QQ", nonce >> 64, nonce & ((1 << 64) - 1))
+    size = 16 * limit
+
+    while offset < len(plaintext):
+        encryptor = ciphers.Cipher(
+            alg,
+            modes.CTR(iv),
+            backend=backend
+        ).encryptor()
+        input = plaintext[offset:offset+size]
+        result += encryptor.update(input) + encryptor.finalize()
+        offset += size
+
+    return result
+
+def hmac_sha256(key, message):
+     h = hmac.HMAC(key, hashes.SHA256(), backend=backend)
+     h.update(message)
+     return h.finalize()
+
+def encrypt(key, iv, salt, plaintext, iterations=1000):
+    """
+    Returns:
+       (bytes) ciphertext
+    """
+    if len(salt) != 16:
+        raise Exception("Expected 128 bits of salt - got %i bits" % len((salt) * 8))
+    if len(iv) != 16:
+        raise Exception("Expected 128 bits of IV - got %i bits" % (len(iv) * 8))
+
+    sha = hashes.SHA512()
+    kdf = pbkdf2.PBKDF2HMAC(sha, 64, salt, iterations, backend)
+    k = kdf.derive(key)
+
+    aes_key = k[0:32]
+    sha_key = k[32:]
+
+    packed_file = (
+        b"\x01"     # version
+        + salt
+        + iv
+        + struct.pack(">L", iterations)
+        + encrypt_ctr(aes_key, iv, plaintext)
+    )
+    packed_file += hmac_sha256(sha_key, packed_file)
+
+    return (
+        b"-----BEGIN MEGOLM SESSION DATA-----\n" +
+        base64.encodestring(packed_file) +
+        b"-----END MEGOLM SESSION DATA-----"
+    )
+
+def gen(password, iv, salt, plaintext, iterations=1000):
+    ciphertext = encrypt(
+        password.encode('utf-8'), iv, salt, plaintext.encode('utf-8'), iterations
+    )
+    return (plaintext, password, ciphertext.decode('utf-8'))
+
+print (json.dumps([
+    gen("password", b"\x88"*16, b"saltsaltsaltsalt", "plain", 10),
+    gen("betterpassword", b"\xFF"*8 + b"\x00"*8, b"moresaltmoresalt", "Hello, World"),
+    gen("SWORDFISH", b"\xFF"*8 + b"\x00"*8, b"yessaltygoodness", "alphanumerically" * 4),
+    gen("password"*32, b"\xFF"*16, b"\xFF"*16, "alphanumerically" * 4),
+], indent=4))
diff --git a/apps/web/test/unit-tests/utils/i18n-helpers-test.ts b/apps/web/test/unit-tests/utils/i18n-helpers-test.ts
new file mode 100644
index 00000000000..96fe1b5d536
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/i18n-helpers-test.ts
@@ -0,0 +1,56 @@
+/*
+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 { Room } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import { stubClient } from "../../test-utils";
+import { roomContextDetails } from "../../../src/utils/i18n-helpers";
+import DMRoomMap from "../../../src/utils/DMRoomMap";
+import { SDKContextClass } from "../../../src/contexts/SDKContextClass.ts";
+
+describe("roomContextDetails", () => {
+    const client = stubClient();
+    DMRoomMap.makeShared(client);
+
+    const room = new Room("!room:server", client, client.getSafeUserId());
+    const parent1 = new Room("!parent1:server", client, client.getSafeUserId());
+    parent1.name = "Alpha";
+    const parent2 = new Room("!parent2:server", client, client.getSafeUserId());
+    parent2.name = "Beta";
+    const parent3 = new Room("!parent3:server", client, client.getSafeUserId());
+    parent3.name = "Charlie";
+    mocked(client.getRoom).mockImplementation((roomId) => {
+        return [parent1, parent2, parent3].find((r) => r.roomId === roomId) ?? null;
+    });
+
+    it("should return 1-parent variant", () => {
+        jest.spyOn(SDKContextClass.instance.spaceStore, "getKnownParents").mockReturnValue(new Set([parent1.roomId]));
+        const res = roomContextDetails(room);
+        expect(res!.details).toMatchInlineSnapshot(`"Alpha"`);
+        expect(res!.ariaLabel).toMatchInlineSnapshot(`"In Alpha."`);
+    });
+
+    it("should return 2-parent variant", () => {
+        jest.spyOn(SDKContextClass.instance.spaceStore, "getKnownParents").mockReturnValue(
+            new Set([parent2.roomId, parent3.roomId]),
+        );
+        const res = roomContextDetails(room);
+        expect(res!.details).toMatchInlineSnapshot(`"Beta and Charlie"`);
+        expect(res!.ariaLabel).toMatchInlineSnapshot(`"In spaces Beta and Charlie."`);
+    });
+
+    it("should return n-parent variant", () => {
+        jest.spyOn(SDKContextClass.instance.spaceStore, "getKnownParents").mockReturnValue(
+            new Set([parent1.roomId, parent2.roomId, parent3.roomId]),
+        );
+        const res = roomContextDetails(room);
+        expect(res!.details).toMatchInlineSnapshot(`"Alpha and one other"`);
+        expect(res!.ariaLabel).toMatchInlineSnapshot(`"In Alpha and one other space."`);
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/local-room-test.ts b/apps/web/test/unit-tests/utils/local-room-test.ts
new file mode 100644
index 00000000000..01ad1977b99
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/local-room-test.ts
@@ -0,0 +1,156 @@
+/*
+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 { mocked } from "jest-mock";
+import { type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { LocalRoom, LocalRoomState, LOCAL_ROOM_ID_PREFIX } from "../../../src/models/LocalRoom";
+import * as localRoomModule from "../../../src/utils/local-room";
+import defaultDispatcher from "../../../src/dispatcher/dispatcher";
+import { createTestClient } from "../../test-utils";
+import { isRoomReady } from "../../../src/utils/localRoom/isRoomReady";
+
+jest.mock("../../../src/utils/localRoom/isRoomReady", () => ({
+    isRoomReady: jest.fn(),
+}));
+
+describe("local-room", () => {
+    const userId1 = "@user1:example.com";
+    let room1: Room;
+    let localRoom: LocalRoom;
+    let client: MatrixClient;
+
+    beforeEach(() => {
+        client = createTestClient();
+        room1 = new Room("!room1:example.com", client, userId1);
+        room1.getMyMembership = () => KnownMembership.Join;
+        localRoom = new LocalRoom(LOCAL_ROOM_ID_PREFIX + "test", client, "@test:example.com");
+        mocked(client.getRoom).mockImplementation((roomId: string) => {
+            if (roomId === localRoom.roomId) {
+                return localRoom;
+            }
+            return null;
+        });
+    });
+
+    describe("doMaybeLocalRoomAction", () => {
+        let callback: jest.Mock;
+
+        beforeEach(() => {
+            callback = jest.fn();
+            callback.mockReturnValue(Promise.resolve());
+            localRoom.actualRoomId = "@new:example.com";
+        });
+
+        it("should invoke the callback for a non-local room", () => {
+            localRoomModule.doMaybeLocalRoomAction("!room:example.com", callback, client);
+            expect(callback).toHaveBeenCalled();
+        });
+
+        it("should invoke the callback with the new room ID for a created room", () => {
+            localRoom.state = LocalRoomState.CREATED;
+            localRoomModule.doMaybeLocalRoomAction(localRoom.roomId, callback, client);
+            expect(callback).toHaveBeenCalledWith(localRoom.actualRoomId);
+        });
+
+        describe("for a local room", () => {
+            let prom: Promise<unknown>;
+
+            beforeEach(() => {
+                jest.spyOn(defaultDispatcher, "dispatch");
+                prom = localRoomModule.doMaybeLocalRoomAction(localRoom.roomId, callback, client);
+            });
+
+            it("dispatch a local_room_event", () => {
+                expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+                    action: "local_room_event",
+                    roomId: localRoom.roomId,
+                });
+            });
+
+            it("should resolve the promise after invoking the callback", async () => {
+                localRoom.afterCreateCallbacks.forEach((callback) => {
+                    callback(localRoom.actualRoomId!);
+                });
+                await prom;
+            });
+        });
+    });
+
+    describe("waitForRoomReadyAndApplyAfterCreateCallbacks", () => {
+        let localRoomCallbackRoomId: string;
+
+        beforeEach(() => {
+            localRoom.actualRoomId = room1.roomId;
+            localRoom.afterCreateCallbacks.push((roomId: string) => {
+                localRoomCallbackRoomId = roomId;
+                return Promise.resolve();
+            });
+            jest.useFakeTimers();
+        });
+
+        describe("for an immediate ready room", () => {
+            beforeEach(() => {
+                mocked(isRoomReady).mockReturnValue(true);
+            });
+
+            it("should invoke the callbacks, set the room state to created and return the actual room id", async () => {
+                const result = await localRoomModule.waitForRoomReadyAndApplyAfterCreateCallbacks(
+                    client,
+                    localRoom,
+                    room1.roomId,
+                );
+                expect(localRoom.state).toBe(LocalRoomState.CREATED);
+                expect(localRoomCallbackRoomId).toBe(room1.roomId);
+                expect(result).toBe(room1.roomId);
+            });
+        });
+
+        describe("for a room running into the create timeout", () => {
+            beforeEach(() => {
+                mocked(isRoomReady).mockReturnValue(false);
+            });
+
+            it("should invoke the callbacks, set the room state to created and return the actual room id", async () => {
+                const prom = localRoomModule.waitForRoomReadyAndApplyAfterCreateCallbacks(
+                    client,
+                    localRoom,
+                    room1.roomId,
+                );
+                jest.advanceTimersByTime(5000);
+                const roomId = await prom;
+                expect(localRoom.state).toBe(LocalRoomState.CREATED);
+                expect(localRoomCallbackRoomId).toBe(room1.roomId);
+                expect(roomId).toBe(room1.roomId);
+                expect(jest.getTimerCount()).toBe(0);
+            });
+        });
+
+        describe("for a room that is ready after a while", () => {
+            beforeEach(() => {
+                mocked(isRoomReady).mockReturnValue(false);
+            });
+
+            it("should invoke the callbacks, set the room state to created and return the actual room id", async () => {
+                const prom = localRoomModule.waitForRoomReadyAndApplyAfterCreateCallbacks(
+                    client,
+                    localRoom,
+                    room1.roomId,
+                );
+                mocked(isRoomReady).mockReturnValue(true);
+                jest.advanceTimersByTime(500);
+                const roomId = await prom;
+                expect(localRoom.state).toBe(LocalRoomState.CREATED);
+                expect(localRoomCallbackRoomId).toBe(room1.roomId);
+                expect(roomId).toBe(room1.roomId);
+                expect(jest.getTimerCount()).toBe(0);
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/media/requestMediaPermissions-test.ts b/apps/web/test/unit-tests/utils/media/requestMediaPermissions-test.ts
new file mode 100644
index 00000000000..a4cc3b7685b
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/media/requestMediaPermissions-test.ts
@@ -0,0 +1,112 @@
+/*
+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 { mocked } from "jest-mock";
+import { logger } from "matrix-js-sdk/src/logger";
+import { screen } from "jest-matrix-react";
+
+import { requestMediaPermissions } from "../../../../src/utils/media/requestMediaPermissions";
+import { flushPromises, useMockMediaDevices } from "../../../test-utils";
+
+describe("requestMediaPermissions", () => {
+    let error: Error;
+    const audioVideoStream = {} as MediaStream;
+    const audioStream = {} as MediaStream;
+
+    const itShouldLogTheErrorAndShowTheNoMediaPermissionsModal = () => {
+        it("should log the error and show the »No media permissions« modal", async () => {
+            expect(logger.log).toHaveBeenCalledWith("Failed to list userMedia devices", error);
+            await expect(screen.findByText("No media permissions")).resolves.toBeInTheDocument();
+        });
+    };
+
+    beforeEach(() => {
+        useMockMediaDevices();
+        error = new Error();
+        jest.spyOn(logger, "log");
+    });
+
+    describe("when an audio and video device is available", () => {
+        beforeEach(() => {
+            mocked(navigator.mediaDevices.getUserMedia).mockImplementation(
+                async ({ audio, video }: MediaStreamConstraints): Promise<MediaStream> => {
+                    if (audio && video) return audioVideoStream;
+                    return audioStream;
+                },
+            );
+        });
+
+        it("should return the audio/video stream", async () => {
+            expect(await requestMediaPermissions()).toBe(audioVideoStream);
+        });
+    });
+
+    describe("when calling with video = false and an audio device is available", () => {
+        beforeEach(() => {
+            mocked(navigator.mediaDevices.getUserMedia).mockImplementation(
+                async ({ audio, video }: MediaStreamConstraints): Promise<MediaStream> => {
+                    if (audio && !video) return audioStream;
+                    return audioVideoStream;
+                },
+            );
+        });
+
+        it("should return the audio stream", async () => {
+            expect(await requestMediaPermissions(false)).toBe(audioStream);
+        });
+    });
+
+    describe("when only an audio stream is available", () => {
+        beforeEach(() => {
+            error.name = "NotFoundError";
+            mocked(navigator.mediaDevices.getUserMedia).mockImplementation(
+                async ({ audio, video }: MediaStreamConstraints): Promise<MediaStream> => {
+                    if (audio && video) throw error;
+                    if (audio) return audioStream;
+                    return audioVideoStream;
+                },
+            );
+        });
+
+        it("should return the audio stream", async () => {
+            expect(await requestMediaPermissions()).toBe(audioStream);
+        });
+    });
+
+    describe("when no device is available", () => {
+        beforeEach(async () => {
+            error.name = "NotFoundError";
+            mocked(navigator.mediaDevices.getUserMedia).mockImplementation(async (): Promise<MediaStream> => {
+                throw error;
+            });
+            await requestMediaPermissions();
+            // required for the modal to settle
+            await flushPromises();
+            await flushPromises();
+        });
+
+        itShouldLogTheErrorAndShowTheNoMediaPermissionsModal();
+    });
+
+    describe("when an Error is raised", () => {
+        beforeEach(async () => {
+            mocked(navigator.mediaDevices.getUserMedia).mockImplementation(
+                async ({ audio, video }: MediaStreamConstraints): Promise<MediaStream> => {
+                    if (audio && video) throw error;
+                    return audioVideoStream;
+                },
+            );
+            await requestMediaPermissions();
+            // required for the modal to settle
+            await flushPromises();
+            await flushPromises();
+        });
+
+        itShouldLogTheErrorAndShowTheNoMediaPermissionsModal();
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/messages-test.ts b/apps/web/test/unit-tests/utils/messages-test.ts
new file mode 100644
index 00000000000..6df5ae5f019
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/messages-test.ts
@@ -0,0 +1,267 @@
+/*
+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 { type IContent } from "matrix-js-sdk/src/matrix";
+import { type MessageComposerUrlPreviewSnapshot } from "@element-hq/web-shared-components";
+
+import { attachMentions, attachUrlPreviews } from "../../../src/utils/messages";
+import EditorModel from "../../../src/editor/model";
+import { mkEvent } from "../../test-utils";
+import { createPartCreator } from "../editor/mock";
+import { type RoomMessageEventContent } from "../../../@types/url-preview";
+import SettingsStore from "../../../src/settings/SettingsStore";
+
+describe("attachUrlPreviews", () => {
+    beforeEach(() => {
+        const original = SettingsStore.getValue;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation(
+            (setting) => setting === "feature_msc4095_url_preview_bundle" || original(setting),
+        );
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    const makeContent = (): RoomMessageEventContent =>
+        ({ msgtype: "m.text", body: "hi https://example.com" }) as RoomMessageEventContent;
+
+    const snapshot = (image?: object): MessageComposerUrlPreviewSnapshot => ({
+        previews: [
+            {
+                link: "https://example.com",
+                showTooltipOnLink: false,
+                title: "Example",
+                siteName: "example.com",
+                description: "desc",
+                ...(image ? { image } : {}),
+            } as any,
+        ],
+        content: "https://example.com",
+    });
+
+    it("does nothing when there are no previews", () => {
+        const content = makeContent();
+        attachUrlPreviews({ previews: [], content: "" }, content);
+        expect(content["com.beeper.linkpreviews"]).toBeUndefined();
+    });
+
+    it("attaches a preview with no image", () => {
+        const content = makeContent();
+        attachUrlPreviews(snapshot(), content);
+        expect(content["com.beeper.linkpreviews"]).toEqual([
+            expect.objectContaining({ "og:title": "Example", "og:image": undefined }),
+        ]);
+    });
+
+    it("embeds the mxc url from the preview image", () => {
+        const content = makeContent();
+        attachUrlPreviews(
+            snapshot({
+                imageThumb: "",
+                imageFull: "https://example.com/full.png",
+                mxcImageFull: "mxc://server/img",
+                imageType: "image/png",
+                fileSize: 1234,
+                width: 100,
+                height: 50,
+                playable: false,
+            }),
+            content,
+        );
+
+        expect(content["com.beeper.linkpreviews"]![0]).toEqual(
+            expect.objectContaining({
+                "og:image": "mxc://server/img",
+                "og:image:width": 100,
+                "og:image:type": "image/png",
+                "matrix:image:size": 1234,
+            }),
+        );
+    });
+});
+
+describe("attachMentions", () => {
+    const partsCreator = createPartCreator();
+
+    it("no mentions", () => {
+        const model = new EditorModel([], partsCreator);
+        const content: IContent = {};
+        attachMentions("@alice:test", content, model, undefined);
+        expect(content).toEqual({
+            "m.mentions": {},
+        });
+    });
+
+    it("test user mentions", () => {
+        const model = new EditorModel([partsCreator.userPill("Bob", "@bob:test")], partsCreator);
+        const content: IContent = {};
+        attachMentions("@alice:test", content, model, undefined);
+        expect(content).toEqual({
+            "m.mentions": { user_ids: ["@bob:test"] },
+        });
+    });
+
+    it("test reply", () => {
+        // Replying to an event adds the sender to the list of mentioned users.
+        const model = new EditorModel([], partsCreator);
+        let replyToEvent = mkEvent({
+            type: "m.room.message",
+            user: "@bob:test",
+            room: "!abc:test",
+            content: { "m.mentions": {} },
+            event: true,
+        });
+        let content: IContent = {};
+        attachMentions("@alice:test", content, model, replyToEvent);
+        expect(content).toEqual({
+            "m.mentions": { user_ids: ["@bob:test"] },
+        });
+
+        // It no longer adds any other mentioned users
+        replyToEvent = mkEvent({
+            type: "m.room.message",
+            user: "@bob:test",
+            room: "!abc:test",
+            content: { "m.mentions": { user_ids: ["@alice:test", "@charlie:test"] } },
+            event: true,
+        });
+        content = {};
+        attachMentions("@alice:test", content, model, replyToEvent);
+        expect(content).toEqual({
+            "m.mentions": { user_ids: ["@bob:test"] },
+        });
+    });
+
+    it("test room mention", () => {
+        const model = new EditorModel([partsCreator.atRoomPill("@room")], partsCreator);
+        const content: IContent = {};
+        attachMentions("@alice:test", content, model, undefined);
+        expect(content).toEqual({
+            "m.mentions": { room: true },
+        });
+    });
+
+    it("test reply to room mention", () => {
+        // Replying to a room mention shouldn't automatically be a room mention.
+        const model = new EditorModel([], partsCreator);
+        const replyToEvent = mkEvent({
+            type: "m.room.message",
+            user: "@alice:test",
+            room: "!abc:test",
+            content: { "m.mentions": { room: true } },
+            event: true,
+        });
+        const content: IContent = {};
+        attachMentions("@alice:test", content, model, replyToEvent);
+        expect(content).toEqual({
+            "m.mentions": {},
+        });
+    });
+
+    it("test broken mentions", () => {
+        // Replying to a room mention shouldn't automatically be a room mention.
+        const model = new EditorModel([], partsCreator);
+        const replyToEvent = mkEvent({
+            type: "m.room.message",
+            user: "@alice:test",
+            room: "!abc:test",
+            // @ts-ignore - Purposefully testing invalid data.
+            content: { "m.mentions": { user_ids: "@bob:test" } },
+            event: true,
+        });
+        const content: IContent = {};
+        attachMentions("@alice:test", content, model, replyToEvent);
+        expect(content).toEqual({
+            "m.mentions": {},
+        });
+    });
+
+    describe("attachMentions with edit", () => {
+        it("no mentions", () => {
+            const model = new EditorModel([], partsCreator);
+            const content: IContent = { "m.new_content": {} };
+            const prevContent: IContent = {};
+            attachMentions("@alice:test", content, model, undefined, prevContent);
+            expect(content).toEqual({
+                "m.mentions": {},
+                "m.new_content": { "m.mentions": {} },
+            });
+        });
+
+        it("mentions do not propagate", () => {
+            const model = new EditorModel([], partsCreator);
+            const content: IContent = { "m.new_content": {} };
+            const prevContent: IContent = {
+                "m.mentions": { user_ids: ["@bob:test"], room: true },
+            };
+            attachMentions("@alice:test", content, model, undefined, prevContent);
+            expect(content).toEqual({
+                "m.mentions": {},
+                "m.new_content": { "m.mentions": {} },
+            });
+        });
+
+        it("test user mentions", () => {
+            const model = new EditorModel([partsCreator.userPill("Bob", "@bob:test")], partsCreator);
+            const content: IContent = { "m.new_content": {} };
+            const prevContent: IContent = {};
+            attachMentions("@alice:test", content, model, undefined, prevContent);
+            expect(content).toEqual({
+                "m.mentions": { user_ids: ["@bob:test"] },
+                "m.new_content": { "m.mentions": { user_ids: ["@bob:test"] } },
+            });
+        });
+
+        it("test prev user mentions", () => {
+            const model = new EditorModel([partsCreator.userPill("Bob", "@bob:test")], partsCreator);
+            const content: IContent = { "m.new_content": {} };
+            const prevContent: IContent = { "m.mentions": { user_ids: ["@bob:test"] } };
+            attachMentions("@alice:test", content, model, undefined, prevContent);
+            expect(content).toEqual({
+                "m.mentions": {},
+                "m.new_content": { "m.mentions": { user_ids: ["@bob:test"] } },
+            });
+        });
+
+        it("test room mention", () => {
+            const model = new EditorModel([partsCreator.atRoomPill("@room")], partsCreator);
+            const content: IContent = { "m.new_content": {} };
+            const prevContent: IContent = {};
+            attachMentions("@alice:test", content, model, undefined, prevContent);
+            expect(content).toEqual({
+                "m.mentions": { room: true },
+                "m.new_content": { "m.mentions": { room: true } },
+            });
+        });
+
+        it("test prev room mention", () => {
+            const model = new EditorModel([partsCreator.atRoomPill("@room")], partsCreator);
+            const content: IContent = { "m.new_content": {} };
+            const prevContent: IContent = { "m.mentions": { room: true } };
+            attachMentions("@alice:test", content, model, undefined, prevContent);
+            expect(content).toEqual({
+                "m.mentions": {},
+                "m.new_content": { "m.mentions": { room: true } },
+            });
+        });
+
+        it("test broken mentions", () => {
+            // Replying to a room mention shouldn't automatically be a room mention.
+            const model = new EditorModel([], partsCreator);
+            const content: IContent = { "m.new_content": {} };
+            // @ts-ignore - Purposefully testing invalid data.
+            const prevContent: IContent = { "m.mentions": { user_ids: "@bob:test" } };
+            attachMentions("@alice:test", content, model, undefined, prevContent);
+            expect(content).toEqual({
+                "m.mentions": {},
+                "m.new_content": { "m.mentions": {} },
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/notifications-test.ts b/apps/web/test/unit-tests/utils/notifications-test.ts
new file mode 100644
index 00000000000..8ea288d2d51
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/notifications-test.ts
@@ -0,0 +1,380 @@
+/*
+Copyright 2024, 2025 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 {
+    MatrixEvent,
+    NotificationCountType,
+    Room,
+    type MatrixClient,
+    ReceiptType,
+    type AccountDataEvents,
+} from "matrix-js-sdk/src/matrix";
+import { type Mocked, mocked } from "jest-mock-vitest-adapter";
+
+import {
+    localNotificationsAreSilenced,
+    getLocalNotificationAccountDataEventType,
+    createLocalNotificationSettingsIfNeeded,
+    deviceNotificationSettingsKeys,
+    clearAllNotifications,
+    clearRoomNotification,
+    notificationLevelToIndicator,
+    getThreadNotificationLevel,
+    getMarkedUnreadState,
+    setMarkedUnreadState,
+} from "../../../src/utils/notifications";
+import { getMockClientWithEventEmitter, mockClientMethodsServer } from "../../test-utils/client";
+import { mkMessage, stubClient } from "../../test-utils/test-utils";
+import { MatrixClientPeg } from "../../../src/MatrixClientPeg";
+import { NotificationLevel } from "../../../src/stores/notifications/NotificationLevel";
+import { SettingLevel } from "../../../src/settings/SettingLevel";
+import MatrixClientBackedController from "../../../src/settings/controllers/MatrixClientBackedController";
+import SettingsStore from "../../../src/settings/SettingsStore";
+
+describe("notifications", () => {
+    let accountDataStore: Record<string, MatrixEvent> = {};
+    let mockClient: Mocked<MatrixClient>;
+    let accountDataEventKey: keyof AccountDataEvents;
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        mockClient = getMockClientWithEventEmitter({
+            ...mockClientMethodsServer(),
+            isGuest: jest.fn().mockReturnValue(false),
+            getAccountData: jest.fn().mockImplementation((eventType) => accountDataStore[eventType]),
+            setAccountData: jest.fn().mockImplementation((eventType, content) => {
+                accountDataStore[eventType] = new MatrixEvent({
+                    type: eventType,
+                    content,
+                });
+            }),
+            isVersionSupported: jest.fn().mockImplementation(async (v) => v === "v1.4"),
+        });
+
+        // Ensure unstable settings are supported, otherwise it will use the default value.
+        MatrixClientBackedController.matrixClient = mockClient;
+        accountDataStore = {};
+        accountDataEventKey = getLocalNotificationAccountDataEventType(mockClient.deviceId!);
+        // Disable all notifications
+        deviceNotificationSettingsKeys.forEach((k) => SettingsStore.setValue(k, null, SettingLevel.DEVICE, false));
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+        SettingsStore.reset();
+    });
+
+    describe("createLocalNotification", () => {
+        it("creates account data event", async () => {
+            await createLocalNotificationSettingsIfNeeded(mockClient);
+            const event = mockClient.getAccountData(accountDataEventKey);
+            expect(event?.getContent().is_silenced).toBe(true);
+        });
+
+        it("does not do anything for guests", async () => {
+            mockClient.isGuest.mockReset().mockReturnValue(true);
+            await createLocalNotificationSettingsIfNeeded(mockClient);
+            const event = mockClient.getAccountData(accountDataEventKey);
+            expect(event).toBeFalsy();
+        });
+
+        it.each(deviceNotificationSettingsKeys)(
+            "unsilenced for existing sessions when %s setting is truthy",
+            async (settingKey) => {
+                // We need to spy `getValue` because setting these keys requires mocking
+                // the platform to support notifications, which is out of scope for this test.
+                const origFn = SettingsStore.getValue;
+                jest.spyOn(SettingsStore, "getValue").mockImplementation((name, ...args) => {
+                    if (name === settingKey) {
+                        return true;
+                    }
+                    return origFn(name, ...args);
+                });
+                await createLocalNotificationSettingsIfNeeded(mockClient);
+                const event = mockClient.getAccountData(accountDataEventKey);
+                expect(event?.getContent().is_silenced).toBe(false);
+            },
+        );
+
+        it("does not override an existing account event data", async () => {
+            mockClient.setAccountData(accountDataEventKey, {
+                is_silenced: false,
+            });
+
+            await createLocalNotificationSettingsIfNeeded(mockClient);
+            const event = mockClient.getAccountData(accountDataEventKey);
+            expect(event?.getContent().is_silenced).toBe(false);
+        });
+    });
+
+    describe("localNotificationsAreSilenced", () => {
+        it("defaults to false when no setting exists", () => {
+            expect(localNotificationsAreSilenced(mockClient)).toBeFalsy();
+        });
+        it("checks the persisted value", () => {
+            mockClient.setAccountData(accountDataEventKey, { is_silenced: true });
+            expect(localNotificationsAreSilenced(mockClient)).toBeTruthy();
+
+            mockClient.setAccountData(accountDataEventKey, { is_silenced: false });
+            expect(localNotificationsAreSilenced(mockClient)).toBeFalsy();
+        });
+    });
+
+    describe("clearRoomNotification", () => {
+        let client: MatrixClient;
+        let room: Room;
+        let sendReadReceiptSpy: jest.SpyInstance;
+        const ROOM_ID = "123";
+        const USER_ID = "@bob:example.org";
+        let message: MatrixEvent;
+
+        beforeEach(() => {
+            stubClient();
+            client = mocked(MatrixClientPeg.safeGet());
+            room = new Room(ROOM_ID, client, USER_ID);
+            message = mkMessage({
+                event: true,
+                room: ROOM_ID,
+                user: USER_ID,
+                msg: "Hello",
+            });
+            room.addLiveEvents([message], { addToState: true });
+            sendReadReceiptSpy = jest.spyOn(client, "sendReadReceipt").mockResolvedValue({});
+            jest.spyOn(client, "getRooms").mockReturnValue([room]);
+            SettingsStore.setValue("sendReadReceipts", null, SettingLevel.DEVICE, true);
+        });
+
+        it("sends a request even if everything has been read", async () => {
+            await clearRoomNotification(room, client);
+            expect(sendReadReceiptSpy).toHaveBeenCalledWith(message, ReceiptType.Read, true);
+        });
+
+        it("marks the room as read even if the receipt failed", async () => {
+            room.setUnreadNotificationCount(NotificationCountType.Total, 5);
+            sendReadReceiptSpy = jest.spyOn(client, "sendReadReceipt").mockReset().mockRejectedValue({ error: 42 });
+
+            await expect(async () => {
+                await clearRoomNotification(room, client);
+            }).rejects.toEqual({ error: 42 });
+            expect(room.getUnreadNotificationCount(NotificationCountType.Total)).toBe(0);
+        });
+
+        describe("when sendReadReceipts setting is disabled", () => {
+            it("should send a private read receipt", async () => {
+                SettingsStore.setValue("sendReadReceipts", null, SettingLevel.DEVICE, false);
+                await clearRoomNotification(room, client);
+                expect(sendReadReceiptSpy).toHaveBeenCalledWith(message, ReceiptType.ReadPrivate, true);
+            });
+        });
+    });
+
+    describe("clearAllNotifications", () => {
+        let client: MatrixClient;
+        let room: Room;
+        let sendReadReceiptSpy: jest.SpyInstance;
+
+        const ROOM_ID = "123";
+        const USER_ID = "@bob:example.org";
+
+        beforeEach(() => {
+            stubClient();
+            client = mocked(MatrixClientPeg.safeGet());
+            room = new Room(ROOM_ID, client, USER_ID);
+            sendReadReceiptSpy = jest.spyOn(client, "sendReadReceipt").mockResolvedValue({});
+            jest.spyOn(client, "getRooms").mockReturnValue([room]);
+            SettingsStore.setValue("sendReadReceipts", null, SettingLevel.DEVICE, true);
+        });
+
+        it("does not send any requests if everything has been read", () => {
+            clearAllNotifications(client);
+            expect(sendReadReceiptSpy).not.toHaveBeenCalled();
+        });
+
+        it("sends unthreaded receipt requests", async () => {
+            const message = mkMessage({
+                event: true,
+                room: ROOM_ID,
+                user: USER_ID,
+                ts: 1,
+            });
+            room.addLiveEvents([message], { addToState: true });
+            room.setUnreadNotificationCount(NotificationCountType.Total, 1);
+
+            await clearAllNotifications(client);
+
+            expect(sendReadReceiptSpy).toHaveBeenCalledWith(message, ReceiptType.Read, true);
+        });
+
+        it("sends private read receipts", async () => {
+            const message = mkMessage({
+                event: true,
+                room: ROOM_ID,
+                user: USER_ID,
+                ts: 1,
+            });
+            room.addLiveEvents([message], { addToState: true });
+            room.setUnreadNotificationCount(NotificationCountType.Total, 1);
+
+            SettingsStore.setValue("sendReadReceipts", null, SettingLevel.DEVICE, false);
+
+            await clearAllNotifications(client);
+
+            expect(sendReadReceiptSpy).toHaveBeenCalledWith(message, ReceiptType.ReadPrivate, true);
+        });
+    });
+
+    describe("getMarkedUnreadState", () => {
+        let client: MatrixClient;
+        let room: Room;
+
+        const ROOM_ID = "123";
+        const USER_ID = "@bob:example.org";
+
+        beforeEach(() => {
+            stubClient();
+            client = mocked(MatrixClientPeg.safeGet());
+            room = new Room(ROOM_ID, client, USER_ID);
+        });
+
+        it("reads from stable prefix", async () => {
+            room.getAccountData = jest.fn().mockImplementation((eventType: string) => {
+                if (eventType === "m.marked_unread") {
+                    return { getContent: jest.fn().mockReturnValue({ unread: true }) };
+                }
+                return null;
+            });
+            expect(getMarkedUnreadState(room)).toBe(true);
+        });
+
+        it("reads from unstable prefix", async () => {
+            room.getAccountData = jest.fn().mockImplementation((eventType: string) => {
+                if (eventType === "com.famedly.marked_unread") {
+                    return { getContent: jest.fn().mockReturnValue({ unread: true }) };
+                }
+                return null;
+            });
+            expect(getMarkedUnreadState(room)).toBe(true);
+        });
+
+        it("returns undefined if neither prefix is present", async () => {
+            room.getAccountData = jest.fn().mockImplementation((eventType: string) => {
+                return null;
+            });
+            expect(getMarkedUnreadState(room)).toBe(undefined);
+        });
+    });
+
+    describe("setUnreadMarker", () => {
+        let client: MatrixClient;
+        let room: Room;
+
+        const ROOM_ID = "123";
+        const USER_ID = "@bob:example.org";
+
+        beforeEach(() => {
+            stubClient();
+            client = mocked(MatrixClientPeg.safeGet());
+            room = new Room(ROOM_ID, client, USER_ID);
+        });
+
+        // set true, no existing event
+        it("sets unread flag if event doesn't exist", async () => {
+            await setMarkedUnreadState(room, client, true);
+            expect(client.setRoomAccountData).toHaveBeenCalledWith(ROOM_ID, "m.marked_unread", {
+                unread: true,
+            });
+        });
+
+        // set false, no existing event
+        it("does nothing when clearing if flag is false", async () => {
+            await setMarkedUnreadState(room, client, false);
+            expect(client.setRoomAccountData).not.toHaveBeenCalled();
+        });
+
+        // set true, existing event = false
+        it("sets unread flag to if existing event is false", async () => {
+            room.getAccountData = jest
+                .fn()
+                .mockReturnValue({ getContent: jest.fn().mockReturnValue({ unread: false }) });
+            await setMarkedUnreadState(room, client, true);
+            expect(client.setRoomAccountData).toHaveBeenCalledWith(ROOM_ID, "m.marked_unread", {
+                unread: true,
+            });
+        });
+
+        // set false, existing event = false
+        it("does nothing if set false and existing event is false", async () => {
+            room.getAccountData = jest
+                .fn()
+                .mockReturnValue({ getContent: jest.fn().mockReturnValue({ unread: false }) });
+            await setMarkedUnreadState(room, client, false);
+            expect(client.setRoomAccountData).not.toHaveBeenCalled();
+        });
+
+        // set true, existing event = true
+        it("does nothing if setting true and existing event is true", async () => {
+            room.getAccountData = jest
+                .fn()
+                .mockReturnValue({ getContent: jest.fn().mockReturnValue({ unread: true }) });
+            await setMarkedUnreadState(room, client, true);
+            expect(client.setRoomAccountData).not.toHaveBeenCalled();
+        });
+
+        // set false, existing event = true
+        it("sets flag if setting false and existing event is true", async () => {
+            room.getAccountData = jest
+                .fn()
+                .mockReturnValue({ getContent: jest.fn().mockReturnValue({ unread: true }) });
+            await setMarkedUnreadState(room, client, false);
+            expect(client.setRoomAccountData).toHaveBeenCalledWith(ROOM_ID, "m.marked_unread", {
+                unread: false,
+            });
+        });
+    });
+
+    describe("notificationLevelToIndicator", () => {
+        it("returns undefined if notification level is None", () => {
+            expect(notificationLevelToIndicator(NotificationLevel.None)).toBeUndefined();
+        });
+
+        it("returns default if notification level is Activity", () => {
+            expect(notificationLevelToIndicator(NotificationLevel.Activity)).toEqual("default");
+        });
+
+        it("returns success if notification level is Notification", () => {
+            expect(notificationLevelToIndicator(NotificationLevel.Notification)).toEqual("success");
+        });
+
+        it("returns critical if notification level is Highlight", () => {
+            expect(notificationLevelToIndicator(NotificationLevel.Highlight)).toEqual("critical");
+        });
+    });
+
+    describe("getThreadNotificationLevel", () => {
+        let room: Room;
+
+        const ROOM_ID = "123";
+        const USER_ID = "@bob:example.org";
+
+        beforeEach(() => {
+            room = new Room(ROOM_ID, MatrixClientPeg.safeGet(), USER_ID);
+        });
+
+        it.each([
+            { notificationCountType: NotificationCountType.Highlight, expected: NotificationLevel.Highlight },
+            { notificationCountType: NotificationCountType.Total, expected: NotificationLevel.Notification },
+            { notificationCountType: null, expected: NotificationLevel.Activity },
+        ])(
+            "returns NotificationLevel $expected when notificationCountType is $expected",
+            ({ notificationCountType, expected }) => {
+                jest.spyOn(room, "threadsAggregateNotificationType", "get").mockReturnValue(notificationCountType);
+                expect(getThreadNotificationLevel(room)).toEqual(expected);
+            },
+        );
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/oauth/authorize-test.ts b/apps/web/test/unit-tests/utils/oauth/authorize-test.ts
new file mode 100644
index 00000000000..020535b10c8
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/oauth/authorize-test.ts
@@ -0,0 +1,153 @@
+/*
+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 { OAuth2, type BearerTokenResponse } from "matrix-js-sdk/src/matrix";
+import * as randomStringUtils from "matrix-js-sdk/src/randomstring";
+import { Crypto } from "@peculiar/webcrypto";
+import { getRandomValues } from "node:crypto";
+
+import { completeOAuthLogin, startOAuthLogin } from "../../../../src/utils/oauth/authorize";
+import { makeDelegatedAuthMetadata } from "../../../test-utils/auth";
+import { OAuthClientError } from "../../../../src/utils/oauth/error";
+import { mockPlatformPeg } from "../../../test-utils";
+import { storeAuthContext } from "../../../../src/utils/oauth/persistOAuthSettings.ts";
+
+jest.unmock("matrix-js-sdk/src/randomstring");
+
+const webCrypto = new Crypto();
+
+describe("OAuth2 authorization", () => {
+    const issuer = "https://auth.com/";
+    const homeserverUrl = "https://matrix.org";
+    const identityServerUrl = "https://is.org";
+    const clientId = "xyz789";
+    const baseUrl = "https://test.com";
+
+    const delegatedAuthConfig = makeDelegatedAuthMetadata(issuer);
+
+    // to restore later
+    const realWindowLocation = window.location;
+
+    beforeEach(() => {
+        // @ts-ignore allow delete of non-optional prop
+        delete window.location;
+        // @ts-ignore ugly mocking
+        window.location = {
+            href: baseUrl,
+            origin: baseUrl,
+        };
+
+        jest.spyOn(randomStringUtils, "secureRandomString").mockRestore();
+        mockPlatformPeg();
+        Object.defineProperty(window, "crypto", {
+            value: {
+                getRandomValues,
+                randomUUID: jest.fn().mockReturnValue("not-random-uuid"),
+                subtle: webCrypto.subtle,
+            },
+        });
+    });
+
+    afterAll(() => {
+        // @ts-expect-error
+        window.location = realWindowLocation;
+    });
+
+    describe("startOAuthLogin()", () => {
+        it("navigates to authorization endpoint with correct parameters", async () => {
+            await startOAuthLogin(delegatedAuthConfig, clientId, homeserverUrl);
+
+            const expectedScopeWithoutDeviceId = `urn:matrix:client:api:* urn:matrix:client:device:`;
+
+            const authUrl = new URL(window.location.href);
+
+            expect(authUrl.searchParams.get("response_mode")).toEqual("fragment");
+            expect(authUrl.searchParams.get("response_type")).toEqual("code");
+            expect(authUrl.searchParams.get("client_id")).toEqual(clientId);
+            expect(authUrl.searchParams.get("code_challenge_method")).toEqual("S256");
+
+            // scope ends with a 10char randomstring deviceId
+            const scope = authUrl.searchParams.get("scope")!;
+            expect(scope.substring(0, scope.length - 10)).toEqual(expectedScopeWithoutDeviceId);
+            expect(scope.substring(scope.length - 10)).toBeTruthy();
+
+            // random string, just check they are set
+            expect(authUrl.searchParams.has("state")).toBeTruthy();
+            expect(authUrl.searchParams.has("code_challenge")).toBeTruthy();
+        });
+
+        it("should prefer response_mode fragment if supported", async () => {
+            await startOAuthLogin(
+                { ...delegatedAuthConfig, response_modes_supported: ["query", "fragment"] },
+                clientId,
+                homeserverUrl,
+            );
+
+            const authUrl = new URL(window.location.href);
+
+            expect(authUrl.searchParams.get("response_mode")).toEqual("fragment");
+        });
+    });
+
+    describe("completeOAuth2Login()", () => {
+        const state = "test-state-444";
+        const code = "test-code-777";
+        const params = {
+            code,
+            state,
+        };
+
+        const tokenResponse: BearerTokenResponse = {
+            access_token: "abc123",
+            refresh_token: "def456",
+            scope: "test",
+            token_type: "Bearer",
+            expires_in: 12345,
+        };
+
+        beforeEach(() => {
+            jest.spyOn(OAuth2.prototype, "completeAuthorizationCodeGrant").mockResolvedValue(tokenResponse);
+            storeAuthContext({
+                state,
+                homeserverUrl,
+                metadata: delegatedAuthConfig,
+                identityServerUrl,
+                authContext: {
+                    codeVerifier: "123456",
+                    clientId,
+                    deviceId: "DEADB33F",
+                    redirectUri: "https://test.com/callback",
+                },
+            });
+        });
+
+        it("should throw when fragment params do not include state and code", async () => {
+            await expect(async () => await completeOAuthLogin({})).rejects.toThrow(
+                OAuthClientError.InvalidFragmentParameters,
+            );
+        });
+
+        it("should make request complete authorization code grant", async () => {
+            await completeOAuthLogin(params);
+
+            expect(OAuth2.prototype.completeAuthorizationCodeGrant).toHaveBeenCalledWith(code);
+        });
+
+        it("should return accessToken, configured homeserver and identityServer", async () => {
+            const result = await completeOAuthLogin(params);
+
+            expect(result).toEqual({
+                accessToken: tokenResponse.access_token,
+                refreshToken: tokenResponse.refresh_token,
+                homeserverUrl,
+                identityServerUrl,
+                clientId,
+            });
+        });
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/oauth/registerClient-test.ts b/apps/web/test/unit-tests/utils/oauth/registerClient-test.ts
new file mode 100644
index 00000000000..8fce33000c5
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/oauth/registerClient-test.ts
@@ -0,0 +1,96 @@
+/*
+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 fetchMock from "@fetch-mock/jest";
+import { OAuth2Error } from "matrix-js-sdk/src/matrix";
+
+import { getOAuthClientId } from "../../../../src/utils/oauth/registerClient";
+import { mockPlatformPeg } from "../../../test-utils";
+import PlatformPeg from "../../../../src/PlatformPeg";
+import { makeDelegatedAuthMetadata } from "../../../test-utils/auth";
+
+describe("getOAuthClientId()", () => {
+    const issuer = "https://auth.com/";
+    const clientName = "Element";
+    const baseUrl = "https://just.testing";
+    const dynamicClientId = "xyz789";
+    const staticOAuthClients = {
+        [issuer]: {
+            client_id: "abc123",
+        },
+    };
+    const delegatedAuthConfig = makeDelegatedAuthMetadata(issuer);
+
+    beforeEach(() => {
+        fetchMock.removeRoutes();
+        mockPlatformPeg();
+        Object.defineProperty(PlatformPeg.get(), "baseUrl", {
+            get(): string {
+                return baseUrl;
+            },
+        });
+        Object.defineProperty(PlatformPeg.get(), "defaultOAuthClientUri", {
+            get(): string {
+                return baseUrl;
+            },
+        });
+        Object.defineProperty(PlatformPeg.get(), "getOAuthCallbackUrl", {
+            value: () => ({
+                href: baseUrl,
+            }),
+        });
+    });
+
+    it("should return static clientId when configured", async () => {
+        expect(await getOAuthClientId(delegatedAuthConfig, staticOAuthClients)).toEqual("abc123");
+        // didn't try to register
+        expect(fetchMock).toHaveFetchedTimes(0);
+    });
+
+    it("should make correct request to register client", async () => {
+        fetchMock.post(delegatedAuthConfig.registration_endpoint!, {
+            status: 200,
+            body: JSON.stringify({ client_id: dynamicClientId }),
+        });
+        expect(await getOAuthClientId(delegatedAuthConfig)).toEqual(dynamicClientId);
+        // didn't try to register
+        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"],
+                grant_types: ["authorization_code", "refresh_token"],
+                redirect_uris: [baseUrl],
+                token_endpoint_auth_method: "none",
+                application_type: "web",
+                logo_uri: `${baseUrl}/vector-icons/1024.png`,
+            },
+        });
+    });
+
+    it("should throw when registration request fails", async () => {
+        fetchMock.post(delegatedAuthConfig.registration_endpoint!, {
+            status: 500,
+        });
+        await expect(getOAuthClientId(delegatedAuthConfig)).rejects.toThrow(OAuth2Error.DynamicRegistrationFailed);
+    });
+
+    it("should throw when registration response is invalid", async () => {
+        fetchMock.post(delegatedAuthConfig.registration_endpoint!, {
+            status: 200,
+            // no clientId in response
+            body: "{}",
+        });
+        await expect(getOAuthClientId(delegatedAuthConfig)).rejects.toThrow(OAuth2Error.DynamicRegistrationInvalid);
+    });
+});
diff --git a/apps/web/test/unit-tests/utils/rooms-test.ts b/apps/web/test/unit-tests/utils/rooms-test.ts
new file mode 100644
index 00000000000..7f90b32fae7
--- /dev/null
+++ b/apps/web/test/unit-tests/utils/rooms-test.ts
@@ -0,0 +1,71 @@
+/*
+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 { privateShouldBeEncrypted } from "../../../src/utils/rooms";
+import { getMockClientWithEventEmitter } from "../../test-utils";
+
+describe("privateShouldBeEncrypted()", () => {
+    const mockClient = getMockClientWithEventEmitter({
+        getClientWellKnown: jest.fn(),
+    });
+
+    beforeEach(() => {
+        mockClient.getClientWellKnown.mockReturnValue(undefined);
+    });
+
+    it("should return true when there is no e2ee well known", () => {
+        expect(privateShouldBeEncrypted(mockClient)).toEqual(true);
+    });
+
+    it("should return true when default is not set to false", () => {
+        mockClient.getClientWellKnown.mockReturnValue({
+            "io.element.e2ee": {
+                default: true,
+            },
+        });
+        expect(privateShouldBeEncrypted(mockClient)).toEqual(true);
+    });
+
+    it("should return true when there is no default property", () => {
+        mockClient.getClientWellKnown.mockReturnValue({
+            "io.element.e2ee": {
+                // no default
+            },
+        });
+        expect(privateShouldBeEncrypted(mockClient)).toEqual(true);
+    });
+
+    it("should return false when encryption is force disabled", () => {
+        mockClient.getClientWellKnown.mockReturnValue({
+            "io.element.e2ee": {
+                force_disable: true,
+                default: true,
+            },
+        });
+        expect(privateShouldBeEncrypted(mockClient)).toEqual(false);
+    });
+
+    it("should return false when default encryption setting is false", () => {
+        mockClient.getClientWellKnown.mockReturnValue({
+            "io.element.e2ee": {
+                force_disable: false,
+                default: false,
+            },
+        });
+        expect(privateShouldBeEncrypted(mockClient)).toEqual(false);
+    });
+
+    it("should return true when default encryption setting is set to something other than false", () => {
+        mockClient.getClientWellKnown.mockReturnValue({
+            "io.element.e2ee": {
+                default: "test",
+            },
+        });
+        expect(privateShouldBeEncrypted(mockClient)).toEqual(true);
+    });
+});
diff --git a/apps/web/test/unit-tests/viewmodels/room/timeline/event-tile/EventPreviewViewModel-test.tsx b/apps/web/test/unit-tests/viewmodels/room/timeline/event-tile/EventPreviewViewModel-test.tsx
new file mode 100644
index 00000000000..62994994aff
--- /dev/null
+++ b/apps/web/test/unit-tests/viewmodels/room/timeline/event-tile/EventPreviewViewModel-test.tsx
@@ -0,0 +1,163 @@
+/*
+ * 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, waitFor } from "jest-matrix-react";
+import { EventType, type MatrixClient, MatrixEvent, MsgType } from "matrix-js-sdk/src/matrix";
+
+import { EventPreviewViewModel } from "../../../../../../src/viewmodels/room/timeline/event-tile/EventPreviewViewModel";
+import { mkEvent, stubClient } from "../../../../../test-utils";
+
+describe("EventPreviewViewModel", () => {
+    const roomId = "!room:example.com";
+    const userId = "@alice:example.com";
+
+    let cli: MatrixClient;
+    let decryptEventIfNeeded: jest.SpiedFunction<MatrixClient["decryptEventIfNeeded"]>;
+
+    const makeMessageEvent = ({
+        body = "Hello",
+        msgtype = MsgType.Text,
+    }: {
+        body?: string;
+        msgtype?: MsgType;
+    } = {}): MatrixEvent =>
+        mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            room: roomId,
+            user: userId,
+            content: {
+                body,
+                msgtype,
+            },
+        });
+
+    beforeEach(() => {
+        cli = stubClient();
+        decryptEventIfNeeded = jest.spyOn(cli, "decryptEventIfNeeded").mockResolvedValue(undefined);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("generates a text preview and tooltip", async () => {
+        const mxEvent = makeMessageEvent({ body: "Text preview" });
+        const vm = new EventPreviewViewModel({ cli, mxEvent });
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("Text preview"));
+
+        expect(decryptEventIfNeeded).toHaveBeenCalledWith(mxEvent);
+        expect(vm.getSnapshot()).toMatchObject({
+            isVisible: true,
+            previewContent: "Text preview",
+            previewTooltip: "Text preview",
+        });
+    });
+
+    it("generates prefixed media preview content", async () => {
+        const mxEvent = makeMessageEvent({ body: "clip.mp4", msgtype: MsgType.Video });
+        const vm = new EventPreviewViewModel({ cli, mxEvent });
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBeDefined());
+
+        render(<>{vm.getSnapshot().previewContent}</>);
+
+        expect(screen.getByText("Video:")).toBeInTheDocument();
+        expect(screen.getByText("Video:").tagName).toBe("STRONG");
+        expect(screen.getByText("clip.mp4")).toBeInTheDocument();
+        expect(vm.getSnapshot().previewTooltip).toBeUndefined();
+    });
+
+    it("updates the preview when the event is replaced", async () => {
+        const mxEvent = makeMessageEvent({ body: "Original" });
+        const vm = new EventPreviewViewModel({ cli, mxEvent });
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("Original"));
+
+        const replacementEvent = new MatrixEvent({
+            type: EventType.RoomMessage,
+            room_id: roomId,
+            sender: userId,
+            content: {
+                "body": "Edited",
+                "msgtype": MsgType.Text,
+                "m.new_content": {
+                    body: "Edited",
+                    msgtype: MsgType.Text,
+                },
+                "m.relates_to": {
+                    rel_type: "m.replace",
+                    event_id: mxEvent.getId(),
+                },
+            },
+        });
+
+        mxEvent.makeReplaced(replacementEvent);
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("Edited"));
+    });
+
+    it("skips unchanged setter inputs and updates for a different event", async () => {
+        const originalEvent = makeMessageEvent({ body: "Original" });
+        const updatedEvent = makeMessageEvent({ body: "Updated" });
+        const vm = new EventPreviewViewModel({ cli, mxEvent: originalEvent });
+        const listener = jest.fn();
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("Original"));
+        decryptEventIfNeeded.mockClear();
+        vm.subscribe(listener);
+
+        vm.setEvent(originalEvent);
+        vm.setClient(cli);
+
+        expect(listener).not.toHaveBeenCalled();
+        expect(decryptEventIfNeeded).not.toHaveBeenCalled();
+
+        vm.setEvent(updatedEvent);
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("Updated"));
+
+        expect(listener).toHaveBeenCalledTimes(1);
+    });
+
+    it("removes event listeners when disposed", async () => {
+        const mxEvent = makeMessageEvent({ body: "Original" });
+        const vm = new EventPreviewViewModel({ cli, mxEvent });
+        const listener = jest.fn();
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("Original"));
+        decryptEventIfNeeded.mockClear();
+        vm.subscribe(listener);
+        vm.dispose();
+
+        const replacementEvent = new MatrixEvent({
+            type: EventType.RoomMessage,
+            room_id: roomId,
+            sender: userId,
+            content: {
+                "body": "Edited",
+                "msgtype": MsgType.Text,
+                "m.new_content": {
+                    body: "Edited",
+                    msgtype: MsgType.Text,
+                },
+                "m.relates_to": {
+                    rel_type: "m.replace",
+                    event_id: mxEvent.getId(),
+                },
+            },
+        });
+
+        mxEvent.makeReplaced(replacementEvent);
+
+        expect(listener).not.toHaveBeenCalled();
+        expect(decryptEventIfNeeded).not.toHaveBeenCalled();
+        expect(vm.getSnapshot().previewContent).toBe("Original");
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/E2eMessageSharedIconViewModel-test.ts b/apps/web/test/viewmodels/event-tiles/E2eMessageSharedIconViewModel-test.ts
new file mode 100644
index 00000000000..5f8571a6e43
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/E2eMessageSharedIconViewModel-test.ts
@@ -0,0 +1,209 @@
+/*
+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 { EventEmitter } from "node:events";
+import {
+    EventTimeline,
+    RoomStateEvent,
+    type MatrixClient,
+    type Room,
+    type RoomMember,
+    type RoomState,
+} from "matrix-js-sdk/src/matrix";
+
+import { E2eMessageSharedIconViewModel } from "../../../src/viewmodels/room/timeline/event-tile/E2eMessageSharedIconViewModel";
+
+type TestRoomState = EventEmitter & {
+    getMember: jest.Mock<RoomMember | null, [userId: string]>;
+};
+
+const USER_ID = "@bob:example.com";
+const OTHER_USER_ID = "@alice:example.com";
+const ROOM_ID = "!roomId";
+const OTHER_ROOM_ID = "!otherRoomId";
+
+function createGetMember(
+    displayNames: Record<string, string | undefined>,
+): jest.Mock<RoomMember | null, [userId: string]> {
+    const getMember = jest.fn((userId: string): RoomMember | null => {
+        const displayName = displayNames[userId];
+        if (displayName === undefined) return null;
+
+        return { rawDisplayName: displayName } as RoomMember;
+    });
+
+    return getMember;
+}
+
+function createRoomState(displayNames: Record<string, string | undefined> = {}): TestRoomState {
+    const getMember = createGetMember(displayNames);
+
+    return Object.assign(new EventEmitter(), { getMember }) as TestRoomState;
+}
+
+function createRoom(roomState: RoomState): Room {
+    const room = {
+        getLiveTimeline: jest.fn(() => ({
+            getState: jest.fn((timeline: EventTimeline) => {
+                expect(timeline).toBe(EventTimeline.FORWARDS);
+                return roomState;
+            }),
+        })),
+    } as unknown as Room;
+
+    return room;
+}
+
+function createClient(roomStates: Record<string, RoomState | undefined>): MatrixClient {
+    return {
+        getRoom: jest.fn((roomId: string) => {
+            const roomState = roomStates[roomId];
+
+            return roomState ? createRoom(roomState) : null;
+        }),
+    } as unknown as MatrixClient;
+}
+
+function createViewModel(displayName?: string): {
+    roomState: TestRoomState;
+    vm: E2eMessageSharedIconViewModel;
+} {
+    const roomState = createRoomState({ [USER_ID]: displayName });
+    const client = createClient({ [ROOM_ID]: roomState as unknown as RoomState });
+    const vm = new E2eMessageSharedIconViewModel({
+        client,
+        roomId: ROOM_ID,
+        keyForwardingUserId: USER_ID,
+    });
+
+    return { roomState, vm };
+}
+
+describe("E2eMessageSharedIconViewModel", () => {
+    it("builds a snapshot with the forwarding member display name", () => {
+        const { vm } = createViewModel("Bob");
+
+        expect(vm.getSnapshot()).toMatchObject({
+            displayName: "Bob",
+            userId: USER_ID,
+        });
+    });
+
+    it("falls back to the user ID when the forwarding member is unknown", () => {
+        const { vm } = createViewModel();
+
+        expect(vm.getSnapshot()).toMatchObject({
+            displayName: USER_ID,
+            userId: USER_ID,
+        });
+    });
+
+    it("falls back to the user ID when the room is unavailable", () => {
+        const client = createClient({});
+        const vm = new E2eMessageSharedIconViewModel({
+            client,
+            roomId: ROOM_ID,
+            keyForwardingUserId: USER_ID,
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            displayName: USER_ID,
+            userId: USER_ID,
+        });
+        expect(() => vm.dispose()).not.toThrow();
+    });
+
+    it("updates when room state events change the forwarding member display name", () => {
+        const { roomState, vm } = createViewModel("Bob");
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        roomState.getMember.mockReturnValue({ rawDisplayName: "Alice" } as RoomMember);
+        roomState.emit(RoomStateEvent.Events);
+
+        expect(vm.getSnapshot().displayName).toBe("Alice");
+        expect(listener).toHaveBeenCalledTimes(1);
+    });
+
+    it("updates when the key forwarding user changes", () => {
+        const roomState = createRoomState({
+            [USER_ID]: "Bob",
+            [OTHER_USER_ID]: "Alice",
+        });
+        const client = createClient({ [ROOM_ID]: roomState as unknown as RoomState });
+        const vm = new E2eMessageSharedIconViewModel({
+            client,
+            roomId: ROOM_ID,
+            keyForwardingUserId: USER_ID,
+        });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setKeyForwardingUserId(OTHER_USER_ID);
+
+        expect(vm.getSnapshot()).toMatchObject({
+            displayName: "Alice",
+            userId: OTHER_USER_ID,
+        });
+        expect(listener).toHaveBeenCalledTimes(1);
+    });
+
+    it("updates and rebinds its room state listener when the room changes", () => {
+        const originalRoomState = createRoomState({ [USER_ID]: "Bob" });
+        const newRoomState = createRoomState({ [USER_ID]: "Alice" });
+        const client = createClient({
+            [ROOM_ID]: originalRoomState as unknown as RoomState,
+            [OTHER_ROOM_ID]: newRoomState as unknown as RoomState,
+        });
+        const vm = new E2eMessageSharedIconViewModel({
+            client,
+            roomId: ROOM_ID,
+            keyForwardingUserId: USER_ID,
+        });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setRoomId(OTHER_ROOM_ID);
+
+        expect(originalRoomState.listenerCount(RoomStateEvent.Events)).toBe(0);
+        expect(newRoomState.listenerCount(RoomStateEvent.Events)).toBe(1);
+        expect(vm.getSnapshot().displayName).toBe("Alice");
+        expect(listener).toHaveBeenCalledTimes(1);
+
+        originalRoomState.getMember.mockReturnValue({ rawDisplayName: "Ignored" } as RoomMember);
+        originalRoomState.emit(RoomStateEvent.Events);
+
+        expect(vm.getSnapshot().displayName).toBe("Alice");
+        expect(listener).toHaveBeenCalledTimes(1);
+
+        newRoomState.getMember.mockReturnValue({ rawDisplayName: "Carol" } as RoomMember);
+        newRoomState.emit(RoomStateEvent.Events);
+
+        expect(vm.getSnapshot().displayName).toBe("Carol");
+        expect(listener).toHaveBeenCalledTimes(2);
+    });
+
+    it("does not emit updates when setters receive unchanged values", () => {
+        const { vm } = createViewModel("Bob");
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setRoomId(ROOM_ID);
+        vm.setKeyForwardingUserId(USER_ID);
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+
+    it("removes its room state listener when disposed", () => {
+        const { roomState, vm } = createViewModel("Bob");
+        expect(roomState.listenerCount(RoomStateEvent.Events)).toBe(1);
+
+        vm.dispose();
+
+        expect(roomState.listenerCount(RoomStateEvent.Events)).toBe(0);
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/EncryptionEventViewModel-test.ts b/apps/web/test/viewmodels/event-tiles/EncryptionEventViewModel-test.ts
new file mode 100644
index 00000000000..6ffbb093b61
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/EncryptionEventViewModel-test.ts
@@ -0,0 +1,190 @@
+/*
+ * 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 { waitFor } from "@testing-library/dom";
+import { mocked } from "jest-mock";
+import { RoomStateEvent, type MatrixClient, type MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+import { EncryptionEventState } from "@element-hq/web-shared-components";
+
+import type { RoomEncryptionEventContent } from "matrix-js-sdk/src/types";
+import { EncryptionEventViewModel } from "../../../src/viewmodels/room/timeline/event-tile/EncryptionEventViewModel";
+import { LocalRoom } from "../../../src/models/LocalRoom";
+import DMRoomMap from "../../../src/utils/DMRoomMap";
+import { mkEvent, stubClient } from "../../test-utils";
+
+describe("EncryptionEventViewModel", () => {
+    const roomId = "!room:example.com";
+    const algorithm = "m.megolm.v1.aes-sha2";
+    let client: MatrixClient;
+    let event: MatrixEvent;
+    let room: Room;
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        client = stubClient();
+        room = client.getRoom(roomId)!;
+        mocked(client.getRoom).mockReturnValue(room);
+        event = mkEvent({
+            event: true,
+            room: roomId,
+            user: client.getUserId()!,
+            type: "m.room.encryption",
+            content: {
+                algorithm,
+            },
+            prev_content: {},
+        });
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue({
+            getUserIdForRoomId: jest.fn(),
+        } as unknown as DMRoomMap);
+    });
+
+    const setRoomEncrypted = (encrypted: boolean): void => {
+        const crypto = client.getCrypto()!;
+        mocked(crypto.isEncryptionEnabledInRoom).mockResolvedValue(encrypted);
+    };
+
+    const createVm = (
+        props: Partial<ConstructorParameters<typeof EncryptionEventViewModel>[0]> = {},
+    ): EncryptionEventViewModel =>
+        new EncryptionEventViewModel({
+            mxEvent: event,
+            cli: client,
+            ...props,
+        });
+
+    it("sets ENABLED for encrypted room", async () => {
+        setRoomEncrypted(true);
+
+        const vm = createVm();
+        await waitFor(() => expect(vm.getSnapshot().state).toBe(EncryptionEventState.ENABLED));
+        expect(vm.getSnapshot()).toMatchObject({
+            state: EncryptionEventState.ENABLED,
+            encryptedStateEvents: false,
+        });
+    });
+
+    it("uses synchronous room encryption state for the initial snapshot", () => {
+        jest.spyOn(room, "hasEncryptionStateEvent").mockReturnValue(true);
+        setRoomEncrypted(false);
+
+        const vm = createVm();
+        expect(vm.getSnapshot().state).toBe(EncryptionEventState.ENABLED);
+    });
+
+    it("sets ENABLED with encryptedStateEvents=true for encrypted state events", async () => {
+        setRoomEncrypted(true);
+        client.enableEncryptedStateEvents = true;
+        (event.getContent() as RoomEncryptionEventContent)["io.element.msc4362.encrypt_state_events"] = true;
+
+        const vm = createVm();
+        await waitFor(() => expect(vm.getSnapshot().state).toBe(EncryptionEventState.ENABLED));
+        expect(vm.getSnapshot().encryptedStateEvents).toBe(true);
+    });
+
+    it("sets CHANGED when previous algorithm is already megolm", async () => {
+        setRoomEncrypted(true);
+        event = mkEvent({
+            event: true,
+            room: roomId,
+            user: client.getUserId()!,
+            type: "m.room.encryption",
+            content: {
+                algorithm,
+                rotation_period_ms: 1,
+            },
+            prev_content: { algorithm },
+        });
+
+        const vm = createVm();
+        await waitFor(() => expect(vm.getSnapshot().state).toBe(EncryptionEventState.CHANGED));
+    });
+
+    it("sets DISABLE_ATTEMPT for unknown algorithm in encrypted room", async () => {
+        setRoomEncrypted(true);
+        event = mkEvent({
+            event: true,
+            room: roomId,
+            user: client.getUserId()!,
+            type: "m.room.encryption",
+            content: { algorithm: "unknown" },
+            prev_content: {},
+        });
+
+        const vm = createVm();
+        await waitFor(() => expect(vm.getSnapshot().state).toBe(EncryptionEventState.DISABLE_ATTEMPT));
+    });
+
+    it("sets UNSUPPORTED for unencrypted room", async () => {
+        setRoomEncrypted(false);
+
+        const vm = createVm();
+        await waitFor(() => expect(vm.getSnapshot().state).toBe(EncryptionEventState.UNSUPPORTED));
+    });
+
+    it("sets ENABLED_DM with partner display name", async () => {
+        setRoomEncrypted(true);
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue({
+            getUserIdForRoomId: jest.fn().mockReturnValue("@alice:example.com"),
+        } as unknown as DMRoomMap);
+        mocked(room.getMember).mockReturnValue({
+            rawDisplayName: "Alice",
+        } as unknown as ReturnType<typeof room.getMember>);
+
+        const vm = createVm();
+        await waitFor(() => expect(vm.getSnapshot().state).toBe(EncryptionEventState.ENABLED_DM));
+        expect(vm.getSnapshot().userName).toBe("Alice");
+    });
+
+    it("sets ENABLED_LOCAL for encrypted local room", async () => {
+        const localRoomId = "local+123";
+        const localRoom = new LocalRoom(localRoomId, client, client.getUserId()!);
+        jest.spyOn(localRoom, "isEncryptionEnabled").mockReturnValue(true);
+        mocked(client.getRoom).mockReturnValue(localRoom);
+        event = mkEvent({
+            event: true,
+            room: localRoomId,
+            user: client.getUserId()!,
+            type: "m.room.encryption",
+            content: { algorithm },
+            prev_content: {},
+        });
+        jest.spyOn(DMRoomMap, "shared").mockReturnValue({
+            getUserIdForRoomId: jest.fn(),
+        } as unknown as DMRoomMap);
+
+        const vm = createVm();
+        await waitFor(() => expect(vm.getSnapshot().state).toBe(EncryptionEventState.ENABLED_LOCAL));
+        expect(localRoom.isEncryptionEnabled).toHaveBeenCalled();
+    });
+
+    it("recomputes snapshot on RoomStateEvent.Update", async () => {
+        setRoomEncrypted(false);
+        const vm = createVm();
+        await waitFor(() => expect(vm.getSnapshot().state).toBe(EncryptionEventState.UNSUPPORTED));
+
+        setRoomEncrypted(true);
+        room.emit(RoomStateEvent.Update, room.currentState);
+
+        await waitFor(() => expect(vm.getSnapshot().state).toBe(EncryptionEventState.ENABLED));
+    });
+
+    it("does not emit updates when snapshot is unchanged", async () => {
+        setRoomEncrypted(true);
+        const vm = createVm();
+        await waitFor(() => expect(vm.getSnapshot().state).toBe(EncryptionEventState.ENABLED));
+
+        const listener = jest.fn();
+        const unsubscribe = vm.subscribe(listener);
+
+        room.emit(RoomStateEvent.Update, room.currentState);
+
+        await waitFor(() => expect(mocked(client.getCrypto()!.isEncryptionEnabledInRoom)).toHaveBeenCalledTimes(2));
+        expect(listener).not.toHaveBeenCalled();
+        unsubscribe();
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/EventTileE2eState-test.ts b/apps/web/test/viewmodels/event-tiles/EventTileE2eState-test.ts
new file mode 100644
index 00000000000..0246ae36b37
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/EventTileE2eState-test.ts
@@ -0,0 +1,267 @@
+/*
+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 { EventStatus, EventType, type MatrixEvent, MsgType } from "matrix-js-sdk/src/matrix";
+import { DecryptionFailureCode, EventShieldColour, EventShieldReason } from "matrix-js-sdk/src/crypto-api";
+import { E2ePadlockIcon } from "@element-hq/web-shared-components";
+
+import { mkEvent } from "../../test-utils";
+import {
+    getEventTileE2ePadlockState,
+    getEventTileE2ePadlockViewState,
+    type EventTileE2ePadlockStateInput,
+} from "../../../src/viewmodels/room/timeline/event-tile/EventTileE2eState";
+
+const roomId = "!room:example.org";
+const userId = "@alice:example.org";
+
+function makeEvent(): MatrixEvent {
+    return mkEvent({
+        event: true,
+        type: EventType.RoomMessage,
+        room: roomId,
+        user: userId,
+        content: {
+            msgtype: MsgType.Text,
+            body: "Hello",
+        },
+    });
+}
+
+function makeInput(overrides: Partial<EventTileE2ePadlockStateInput> = {}): EventTileE2ePadlockStateInput {
+    const mxEvent = overrides.mxEvent ?? makeEvent();
+
+    return {
+        mxEvent,
+        verificationEvent: overrides.verificationEvent ?? mxEvent,
+        shieldColour: EventShieldColour.NONE,
+        shieldReason: null,
+        isRoomEncrypted: false,
+        isLocalRoom: false,
+        ...overrides,
+    };
+}
+
+function mockDecryptionFailure(mxEvent: MatrixEvent, reason: DecryptionFailureCode): void {
+    jest.spyOn(mxEvent, "isDecryptionFailure").mockReturnValue(true);
+    Object.defineProperty(mxEvent, "decryptionFailureReason", {
+        configurable: true,
+        value: reason,
+    });
+}
+
+describe("EventTileE2eState", () => {
+    it("does not show a padlock for local rooms", () => {
+        const state = getEventTileE2ePadlockState(makeInput({ isLocalRoom: true }));
+
+        expect(state.kind).toBe("none");
+    });
+
+    it("shows a decryption failure padlock for generic decryption failures", () => {
+        const mxEvent = makeEvent();
+        mockDecryptionFailure(mxEvent, DecryptionFailureCode.UNKNOWN_ERROR);
+
+        const state = getEventTileE2ePadlockState(makeInput({ mxEvent }));
+
+        expect(state.kind).toBe("decryptionFailure");
+    });
+
+    it("uses the verification event for edited event padlock decisions", () => {
+        const mxEvent = makeEvent();
+        const verificationEvent = makeEvent();
+        mockDecryptionFailure(verificationEvent, DecryptionFailureCode.UNKNOWN_ERROR);
+
+        const state = getEventTileE2ePadlockState(makeInput({ mxEvent, verificationEvent }));
+
+        expect(state.kind).toBe("decryptionFailure");
+    });
+
+    it.each([DecryptionFailureCode.SENDER_IDENTITY_PREVIOUSLY_VERIFIED, DecryptionFailureCode.UNSIGNED_SENDER_DEVICE])(
+        "does not show a padlock for %s decryption failures",
+        (reason) => {
+            const mxEvent = makeEvent();
+            mockDecryptionFailure(mxEvent, reason);
+
+            const state = getEventTileE2ePadlockState(makeInput({ mxEvent }));
+
+            expect(state.kind).toBe("none");
+        },
+    );
+
+    it("shows a message-shared state when the authenticity warning has a key forwarding user", () => {
+        const mxEvent = makeEvent();
+        jest.spyOn(mxEvent, "getKeyForwardingUser").mockReturnValue("@bob:example.org");
+
+        const state = getEventTileE2ePadlockState(
+            makeInput({
+                mxEvent,
+                shieldColour: EventShieldColour.GREY,
+                shieldReason: EventShieldReason.AUTHENTICITY_NOT_GUARANTEED,
+            }),
+        );
+
+        expect(state).toEqual({
+            kind: "messageShared",
+            keyForwardingUserId: "@bob:example.org",
+            roomId,
+        });
+    });
+
+    it("shows a normal shield for grey shield state", () => {
+        const state = getEventTileE2ePadlockState(
+            makeInput({
+                shieldColour: EventShieldColour.GREY,
+                shieldReason: EventShieldReason.UNSIGNED_DEVICE,
+            }),
+        );
+
+        expect(state).toEqual({
+            kind: "shield",
+            shieldColour: EventShieldColour.GREY,
+            shieldReason: EventShieldReason.UNSIGNED_DEVICE,
+        });
+    });
+
+    it("shows a warning shield for red shield state", () => {
+        const state = getEventTileE2ePadlockState(
+            makeInput({
+                shieldColour: EventShieldColour.RED,
+                shieldReason: EventShieldReason.UNKNOWN_DEVICE,
+            }),
+        );
+
+        expect(state).toEqual({
+            kind: "shield",
+            shieldColour: EventShieldColour.RED,
+            shieldReason: EventShieldReason.UNKNOWN_DEVICE,
+        });
+    });
+
+    it("shows an unencrypted warning for unencrypted events in encrypted rooms", () => {
+        const state = getEventTileE2ePadlockState(makeInput({ isRoomEncrypted: true }));
+
+        expect(state.kind).toBe("unencrypted");
+    });
+
+    it.each([EventStatus.ENCRYPTING, EventStatus.NOT_SENT])(
+        "does not show an unencrypted warning for %s local echo state",
+        (status) => {
+            const mxEvent = makeEvent();
+            mxEvent.status = status;
+
+            const state = getEventTileE2ePadlockState(makeInput({ mxEvent, isRoomEncrypted: true }));
+
+            expect(state.kind).toBe("none");
+        },
+    );
+
+    it("does not show an unencrypted warning for state events in encrypted rooms", () => {
+        const mxEvent = makeEvent();
+        jest.spyOn(mxEvent, "isState").mockReturnValue(true);
+
+        const state = getEventTileE2ePadlockState(makeInput({ mxEvent, isRoomEncrypted: true }));
+
+        expect(state.kind).toBe("none");
+    });
+
+    it("does not show an unencrypted warning for redacted events in encrypted rooms", () => {
+        const mxEvent = makeEvent();
+        jest.spyOn(mxEvent, "isRedacted").mockReturnValue(true);
+
+        const state = getEventTileE2ePadlockState(makeInput({ mxEvent, isRoomEncrypted: true }));
+
+        expect(state.kind).toBe("none");
+    });
+
+    it("does not show an unencrypted warning for encrypted events", () => {
+        const mxEvent = makeEvent();
+        jest.spyOn(mxEvent, "isEncrypted").mockReturnValue(true);
+
+        const state = getEventTileE2ePadlockState(makeInput({ mxEvent, isRoomEncrypted: true }));
+
+        expect(state.kind).toBe("none");
+    });
+
+    it("maps decryption failure state to the decryption failure icon view state", () => {
+        const mxEvent = makeEvent();
+        mockDecryptionFailure(mxEvent, DecryptionFailureCode.UNKNOWN_ERROR);
+
+        const state = getEventTileE2ePadlockViewState(makeInput({ mxEvent }));
+
+        expect(state).toEqual({
+            kind: "icon",
+            icon: E2ePadlockIcon.DecryptionFailure,
+            title: "This message could not be decrypted",
+        });
+    });
+
+    it("maps unencrypted state to the warning icon view state", () => {
+        const state = getEventTileE2ePadlockViewState(makeInput({ isRoomEncrypted: true }));
+
+        expect(state).toEqual({
+            kind: "icon",
+            icon: E2ePadlockIcon.Warning,
+            title: "Not encrypted",
+        });
+    });
+
+    it.each([
+        [EventShieldReason.UNKNOWN, E2ePadlockIcon.Normal, "Unknown error"],
+        [EventShieldReason.UNVERIFIED_IDENTITY, E2ePadlockIcon.Normal, "Encrypted by an unverified user."],
+        [EventShieldReason.UNSIGNED_DEVICE, E2ePadlockIcon.Normal, "Encrypted by a device not verified by its owner."],
+        [EventShieldReason.UNKNOWN_DEVICE, E2ePadlockIcon.Normal, "Encrypted by an unknown or deleted device."],
+        [
+            EventShieldReason.AUTHENTICITY_NOT_GUARANTEED,
+            E2ePadlockIcon.Warning,
+            "The authenticity of this encrypted message can't be guaranteed on this device.",
+        ],
+        [EventShieldReason.MISMATCHED_SENDER_KEY, E2ePadlockIcon.Warning, "Encrypted by an unverified session"],
+        [EventShieldReason.SENT_IN_CLEAR, E2ePadlockIcon.Warning, "Not encrypted"],
+        [
+            EventShieldReason.VERIFICATION_VIOLATION,
+            E2ePadlockIcon.Warning,
+            "Sender's verified digital identity was reset",
+        ],
+        [
+            EventShieldReason.MISMATCHED_SENDER,
+            E2ePadlockIcon.Warning,
+            "The sender of the event does not match the owner of the device that sent it.",
+        ],
+    ])("maps shield reason %s to an icon view state", (shieldReason, expectedIcon, expectedTitle) => {
+        const state = getEventTileE2ePadlockViewState(
+            makeInput({
+                shieldColour: expectedIcon === E2ePadlockIcon.Normal ? EventShieldColour.GREY : EventShieldColour.RED,
+                shieldReason,
+            }),
+        );
+
+        expect(state).toEqual({
+            kind: "icon",
+            icon: expectedIcon,
+            title: expectedTitle,
+        });
+    });
+
+    it("keeps forwarded-message state renderable by the shared-message indicator", () => {
+        const mxEvent = makeEvent();
+        jest.spyOn(mxEvent, "getKeyForwardingUser").mockReturnValue("@bob:example.org");
+
+        const state = getEventTileE2ePadlockViewState(
+            makeInput({
+                mxEvent,
+                shieldColour: EventShieldColour.GREY,
+                shieldReason: EventShieldReason.AUTHENTICITY_NOT_GUARANTEED,
+            }),
+        );
+
+        expect(state).toEqual({
+            kind: "messageShared",
+            keyForwardingUserId: "@bob:example.org",
+            roomId,
+        });
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/EventTileE2eViewModel-test.ts b/apps/web/test/viewmodels/event-tiles/EventTileE2eViewModel-test.ts
new file mode 100644
index 00000000000..30f4e772ee5
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/EventTileE2eViewModel-test.ts
@@ -0,0 +1,302 @@
+/*
+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 { waitFor } from "@testing-library/dom";
+import { EventType, MatrixEventEvent, type MatrixClient, type MatrixEvent, MsgType } from "matrix-js-sdk/src/matrix";
+import {
+    CryptoEvent,
+    type EventEncryptionInfo,
+    EventShieldColour,
+    EventShieldReason,
+} from "matrix-js-sdk/src/crypto-api";
+import { E2ePadlockIcon } from "@element-hq/web-shared-components";
+
+import { mkEvent, MockClientWithEventEmitter } from "../../test-utils";
+import { EventTileE2eViewModel } from "../../../src/viewmodels/room/timeline/event-tile/EventTileE2eViewModel";
+
+function makeClient(
+    getEncryptionInfoForEvent = jest.fn<Promise<EventEncryptionInfo | null>, [MatrixEvent]>(),
+): MockClientWithEventEmitter & MatrixClient {
+    return new MockClientWithEventEmitter({
+        getCrypto: jest.fn(() => ({
+            getEncryptionInfoForEvent,
+        })),
+    }) as MockClientWithEventEmitter & MatrixClient;
+}
+
+describe("EventTileE2eViewModel", () => {
+    const roomId = "!room:example.org";
+    const userId = "@alice:example.org";
+    let viewModels: EventTileE2eViewModel[];
+
+    beforeEach(() => {
+        viewModels = [];
+    });
+
+    afterEach(() => {
+        for (const vm of viewModels) {
+            vm.dispose();
+        }
+    });
+
+    function makeEvent(): MatrixEvent {
+        return mkEvent({
+            event: true,
+            type: EventType.RoomMessage,
+            room: roomId,
+            user: userId,
+            content: {
+                msgtype: MsgType.Text,
+                body: "Hello",
+            },
+        });
+    }
+
+    function makeViewModel(props: ConstructorParameters<typeof EventTileE2eViewModel>[0]): EventTileE2eViewModel {
+        const vm = new EventTileE2eViewModel(props);
+        viewModels.push(vm);
+        return vm;
+    }
+
+    it("verifies encrypted events on start", async () => {
+        const mxEvent = makeEvent();
+        jest.spyOn(mxEvent, "isEncrypted").mockReturnValue(true);
+        const cli = makeClient(
+            jest.fn().mockResolvedValue({
+                shieldColour: EventShieldColour.GREY,
+                shieldReason: EventShieldReason.UNSIGNED_DEVICE,
+            } as EventEncryptionInfo),
+        );
+
+        const vm = makeViewModel({
+            cli,
+            mxEvent,
+            isRoomEncrypted: false,
+            enableListeners: true,
+        });
+        vm.start();
+
+        await waitFor(() =>
+            expect(vm.getSnapshot()).toEqual({
+                kind: "icon",
+                icon: E2ePadlockIcon.Normal,
+                title: "Encrypted by a device not verified by its owner.",
+            }),
+        );
+    });
+
+    it("re-verifies when the sender verification changes", async () => {
+        const mxEvent = makeEvent();
+        jest.spyOn(mxEvent, "isEncrypted").mockReturnValue(true);
+        const cli = makeClient(
+            jest
+                .fn()
+                .mockResolvedValueOnce({
+                    shieldColour: EventShieldColour.GREY,
+                    shieldReason: EventShieldReason.UNSIGNED_DEVICE,
+                } as EventEncryptionInfo)
+                .mockResolvedValueOnce({
+                    shieldColour: EventShieldColour.RED,
+                    shieldReason: EventShieldReason.UNKNOWN_DEVICE,
+                } as EventEncryptionInfo),
+        );
+
+        const vm = makeViewModel({
+            cli,
+            mxEvent,
+            enableListeners: true,
+        });
+        vm.start();
+        await waitFor(() => expect(vm.getSnapshot().kind).toBe("icon"));
+
+        cli.emit(CryptoEvent.UserTrustStatusChanged, userId, {});
+
+        await waitFor(() =>
+            expect(vm.getSnapshot()).toEqual({
+                kind: "icon",
+                icon: E2ePadlockIcon.Warning,
+                title: "Encrypted by an unknown or deleted device.",
+            }),
+        );
+    });
+
+    it("uses the replacing event for verification after edits", async () => {
+        const mxEvent = makeEvent();
+        const replacementEvent = makeEvent();
+        jest.spyOn(mxEvent, "isEncrypted").mockReturnValue(true);
+        jest.spyOn(replacementEvent, "isEncrypted").mockReturnValue(true);
+        const getEncryptionInfoForEvent = jest.fn(async (event: MatrixEvent) => {
+            return {
+                shieldColour: event === replacementEvent ? EventShieldColour.RED : EventShieldColour.NONE,
+                shieldReason: event === replacementEvent ? EventShieldReason.UNKNOWN_DEVICE : null,
+            } as EventEncryptionInfo;
+        });
+        const cli = makeClient(getEncryptionInfoForEvent);
+
+        const vm = makeViewModel({
+            cli,
+            mxEvent,
+            enableListeners: true,
+        });
+        vm.start();
+        await waitFor(() => expect(vm.getSnapshot().kind).toBe("none"));
+
+        mxEvent.makeReplaced(replacementEvent);
+
+        await waitFor(() =>
+            expect(vm.getSnapshot()).toEqual({
+                kind: "icon",
+                icon: E2ePadlockIcon.Warning,
+                title: "Encrypted by an unknown or deleted device.",
+            }),
+        );
+        expect(getEncryptionInfoForEvent).toHaveBeenLastCalledWith(replacementEvent);
+    });
+
+    it("derives the unencrypted warning from room encryption state", () => {
+        const vm = makeViewModel({
+            cli: makeClient(),
+            mxEvent: makeEvent(),
+            isRoomEncrypted: true,
+            enableListeners: false,
+        });
+
+        expect(vm.getSnapshot()).toEqual({
+            kind: "icon",
+            icon: E2ePadlockIcon.Warning,
+            title: "Not encrypted",
+        });
+    });
+
+    it("removes registered listeners on dispose", () => {
+        const mxEvent = makeEvent();
+        const cli = makeClient();
+
+        const vm = makeViewModel({
+            cli,
+            mxEvent,
+            enableListeners: true,
+        });
+        vm.start();
+
+        expect(cli.listenerCount(CryptoEvent.UserTrustStatusChanged)).toBe(1);
+        expect(mxEvent.listenerCount(MatrixEventEvent.Decrypted)).toBe(1);
+        expect(mxEvent.listenerCount(MatrixEventEvent.Replaced)).toBe(1);
+
+        vm.dispose();
+
+        expect(cli.listenerCount(CryptoEvent.UserTrustStatusChanged)).toBe(0);
+        expect(mxEvent.listenerCount(MatrixEventEvent.Decrypted)).toBe(0);
+        expect(mxEvent.listenerCount(MatrixEventEvent.Replaced)).toBe(0);
+    });
+
+    it("moves event listeners when the event prop changes", () => {
+        const oldEvent = makeEvent();
+        const newEvent = makeEvent();
+        const cli = makeClient();
+
+        const vm = makeViewModel({
+            cli,
+            mxEvent: oldEvent,
+            enableListeners: true,
+        });
+        vm.start();
+
+        vm.setProps({ mxEvent: newEvent });
+
+        expect(oldEvent.listenerCount(MatrixEventEvent.Decrypted)).toBe(0);
+        expect(oldEvent.listenerCount(MatrixEventEvent.Replaced)).toBe(0);
+        expect(newEvent.listenerCount(MatrixEventEvent.Decrypted)).toBe(1);
+        expect(newEvent.listenerCount(MatrixEventEvent.Replaced)).toBe(1);
+        expect(cli.listenerCount(CryptoEvent.UserTrustStatusChanged)).toBe(1);
+    });
+
+    it("does not register live listeners when disabled", () => {
+        const mxEvent = makeEvent();
+        const cli = makeClient();
+
+        const vm = makeViewModel({
+            cli,
+            mxEvent,
+            enableListeners: false,
+        });
+        vm.start();
+
+        expect(cli.listenerCount(CryptoEvent.UserTrustStatusChanged)).toBe(0);
+        expect(mxEvent.listenerCount(MatrixEventEvent.Decrypted)).toBe(0);
+        expect(mxEvent.listenerCount(MatrixEventEvent.Replaced)).toBe(0);
+    });
+
+    it("does not re-verify when a different user's verification changes", async () => {
+        const mxEvent = makeEvent();
+        jest.spyOn(mxEvent, "isEncrypted").mockReturnValue(true);
+        const getEncryptionInfoForEvent = jest.fn().mockResolvedValue({
+            shieldColour: EventShieldColour.GREY,
+            shieldReason: EventShieldReason.UNSIGNED_DEVICE,
+        } as EventEncryptionInfo);
+        const cli = makeClient(getEncryptionInfoForEvent);
+
+        const vm = makeViewModel({
+            cli,
+            mxEvent,
+            enableListeners: true,
+        });
+        vm.start();
+        await waitFor(() => expect(getEncryptionInfoForEvent).toHaveBeenCalledTimes(1));
+
+        cli.emit(CryptoEvent.UserTrustStatusChanged, "@bob:example.org", {});
+
+        expect(getEncryptionInfoForEvent).toHaveBeenCalledTimes(1);
+    });
+
+    it("ignores stale async verification results", async () => {
+        const mxEvent = makeEvent();
+        jest.spyOn(mxEvent, "isEncrypted").mockReturnValue(true);
+
+        let resolveFirst: (value: EventEncryptionInfo) => void;
+        const firstResult = new Promise<EventEncryptionInfo>((resolve) => {
+            resolveFirst = resolve;
+        });
+        const getEncryptionInfoForEvent = jest
+            .fn()
+            .mockReturnValueOnce(firstResult)
+            .mockResolvedValueOnce({
+                shieldColour: EventShieldColour.RED,
+                shieldReason: EventShieldReason.UNKNOWN_DEVICE,
+            } as EventEncryptionInfo);
+        const cli = makeClient(getEncryptionInfoForEvent);
+
+        const vm = makeViewModel({
+            cli,
+            mxEvent,
+            enableListeners: true,
+        });
+        vm.start();
+        cli.emit(CryptoEvent.UserTrustStatusChanged, userId, {});
+
+        await waitFor(() =>
+            expect(vm.getSnapshot()).toEqual({
+                kind: "icon",
+                icon: E2ePadlockIcon.Warning,
+                title: "Encrypted by an unknown or deleted device.",
+            }),
+        );
+
+        resolveFirst!({
+            shieldColour: EventShieldColour.GREY,
+            shieldReason: EventShieldReason.UNSIGNED_DEVICE,
+        } as EventEncryptionInfo);
+
+        await Promise.resolve();
+
+        expect(vm.getSnapshot()).toEqual({
+            kind: "icon",
+            icon: E2ePadlockIcon.Warning,
+            title: "Encrypted by an unknown or deleted device.",
+        });
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/EventTileInteractionState-test.ts b/apps/web/test/viewmodels/event-tiles/EventTileInteractionState-test.ts
new file mode 100644
index 00000000000..f9e75b9d60b
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/EventTileInteractionState-test.ts
@@ -0,0 +1,88 @@
+/*
+ * 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 {
+    eventTileActionBarFocusChange,
+    eventTileBlurWithin,
+    eventTileClearHover,
+    eventTileCloseContextMenu,
+    eventTileFocusWithin,
+    eventTileMouseEnter,
+    eventTileMouseLeave,
+    eventTileOpenContextMenu,
+    initialEventTileInteractionState,
+    type EventTileInteractionState,
+} from "../../../src/viewmodels/room/timeline/event-tile/EventTileInteractionState";
+
+function makeState(overrides: Partial<EventTileInteractionState> = {}): EventTileInteractionState {
+    return {
+        ...initialEventTileInteractionState,
+        ...overrides,
+    };
+}
+
+describe("EventTileInteractionState", () => {
+    it("tracks hover state", () => {
+        const hovered = eventTileMouseEnter(makeState());
+        const unhovered = eventTileMouseLeave(hovered);
+
+        expect(hovered.hover).toBe(true);
+        expect(unhovered.hover).toBe(false);
+    });
+
+    it("tracks focus-within state and keyboard action bar visibility", () => {
+        const focused = eventTileFocusWithin(makeState(), true);
+        const blurred = eventTileBlurWithin(focused);
+
+        expect(focused.focusWithin).toBe(true);
+        expect(focused.showActionBarFromFocus).toBe(true);
+        expect(blurred.focusWithin).toBe(false);
+        expect(blurred.showActionBarFromFocus).toBe(false);
+    });
+
+    it("preserves hover while action bar receives focus", () => {
+        const state = makeState({ hover: true });
+        const focused = eventTileActionBarFocusChange(state, true, false);
+
+        expect(focused.actionBarFocused).toBe(true);
+        expect(focused.hover).toBe(true);
+    });
+
+    it("restores hover from the tile when action bar loses focus", () => {
+        const state = makeState({ actionBarFocused: true, hover: false });
+        const focused = eventTileActionBarFocusChange(state, false, true);
+
+        expect(focused.actionBarFocused).toBe(false);
+        expect(focused.hover).toBe(true);
+    });
+
+    it("clears stale hover", () => {
+        const state = eventTileClearHover(makeState({ hover: true }));
+
+        expect(state.hover).toBe(false);
+    });
+
+    it("opens and closes the context menu", () => {
+        const menu = {
+            position: {
+                left: 1,
+                top: 2,
+                bottom: 3,
+            },
+            link: "https://example.org/",
+        };
+        const opened = eventTileOpenContextMenu(makeState({ hover: true }), menu);
+        const closed = eventTileCloseContextMenu(opened);
+
+        expect(opened.contextMenu).toEqual(menu);
+        expect(opened.actionBarFocused).toBe(true);
+        expect(opened.hover).toBe(false);
+        expect(closed.contextMenu).toBeUndefined();
+        expect(closed.actionBarFocused).toBe(false);
+        expect(closed.hover).toBe(false);
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/EventTileReactionState-test.ts b/apps/web/test/viewmodels/event-tiles/EventTileReactionState-test.ts
new file mode 100644
index 00000000000..559c5597d5c
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/EventTileReactionState-test.ts
@@ -0,0 +1,97 @@
+/*
+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 { EventType, type MatrixEvent, type Relations, MsgType, RelationType } from "matrix-js-sdk/src/matrix";
+
+import { mkEvent } from "../../test-utils";
+import {
+    EVENT_TILE_REACTION_EVENT_TYPE,
+    EVENT_TILE_REACTION_RELATION_TYPE,
+    getEventTileReactionRelations,
+    isEventTileReactionRelation,
+    type GetRelationsForEvent,
+} from "../../../src/viewmodels/room/timeline/event-tile/reactions/EventTileReactionState";
+
+const roomId = "!room:example.org";
+const userId = "@alice:example.org";
+
+function makeEvent(): MatrixEvent {
+    return mkEvent({
+        event: true,
+        id: "$event",
+        type: EventType.RoomMessage,
+        room: roomId,
+        user: userId,
+        content: {
+            msgtype: MsgType.Text,
+            body: "Hello",
+        },
+    });
+}
+
+describe("EventTileReactionState", () => {
+    it("gets annotation reaction relations when reactions are enabled", () => {
+        const relations = {} as Relations;
+        const getRelationsForEvent: jest.MockedFunction<GetRelationsForEvent> = jest.fn().mockReturnValue(relations);
+
+        expect(
+            getEventTileReactionRelations({
+                mxEvent: makeEvent(),
+                showReactions: true,
+                getRelationsForEvent,
+            }),
+        ).toBe(relations);
+        expect(getRelationsForEvent).toHaveBeenCalledWith(
+            "$event",
+            EVENT_TILE_REACTION_RELATION_TYPE,
+            EVENT_TILE_REACTION_EVENT_TYPE,
+        );
+    });
+
+    it("does not get relations when reactions are disabled", () => {
+        const getRelationsForEvent: jest.MockedFunction<GetRelationsForEvent> = jest.fn();
+
+        expect(
+            getEventTileReactionRelations({
+                mxEvent: makeEvent(),
+                showReactions: false,
+                getRelationsForEvent,
+            }),
+        ).toBeNull();
+        expect(getRelationsForEvent).not.toHaveBeenCalled();
+    });
+
+    it("does not get relations without a relation lookup", () => {
+        expect(
+            getEventTileReactionRelations({
+                mxEvent: makeEvent(),
+                showReactions: true,
+            }),
+        ).toBeNull();
+    });
+
+    it("normalizes missing relations to null", () => {
+        const getRelationsForEvent: jest.MockedFunction<GetRelationsForEvent> = jest.fn().mockReturnValue(undefined);
+
+        expect(
+            getEventTileReactionRelations({
+                mxEvent: makeEvent(),
+                showReactions: true,
+                getRelationsForEvent,
+            }),
+        ).toBeNull();
+    });
+
+    it("matches reaction relation creation events", () => {
+        expect(isEventTileReactionRelation(RelationType.Annotation, EventType.Reaction)).toBe(true);
+    });
+
+    it("does not match unrelated relation creation events", () => {
+        expect(isEventTileReactionRelation(RelationType.Reference, EventType.RoomMessage)).toBe(false);
+        expect(isEventTileReactionRelation(RelationType.Annotation, EventType.RoomMessage)).toBe(false);
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/EventTileReceiptState-test.ts b/apps/web/test/viewmodels/event-tiles/EventTileReceiptState-test.ts
new file mode 100644
index 00000000000..f780a31913a
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/EventTileReceiptState-test.ts
@@ -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 { EventStatus, EventType, M_POLL_END, M_POLL_START, type MatrixEvent, MsgType } from "matrix-js-sdk/src/matrix";
+
+import { mkEvent } from "../../test-utils";
+import { TimelineRenderingType } from "../../../src/contexts/RoomContext";
+import {
+    getEventTileReceiptState,
+    isEligibleForSpecialReceipt,
+    type EventTileReceiptStateInput,
+} from "../../../src/viewmodels/room/timeline/event-tile/EventTileReceiptState";
+
+const roomId = "!room:example.org";
+const ownUserId = "@alice:example.org";
+const otherUserId = "@bob:example.org";
+
+function makeEvent({
+    type = EventType.RoomMessage,
+    user = ownUserId,
+}: {
+    type?: string;
+    user?: string;
+} = {}): MatrixEvent {
+    return mkEvent({
+        event: true,
+        type,
+        room: roomId,
+        user,
+        content: {
+            msgtype: MsgType.Text,
+            body: "Hello",
+        },
+    });
+}
+
+function makeInput(overrides: Partial<EventTileReceiptStateInput> = {}): EventTileReceiptStateInput {
+    return {
+        mxEvent: makeEvent(),
+        hasRoom: true,
+        ownUserId,
+        lastSuccessful: true,
+        timelineRenderingType: TimelineRenderingType.Room,
+        ...overrides,
+    };
+}
+
+describe("EventTileReceiptState", () => {
+    it.each([
+        EventType.RoomMessage,
+        EventType.RoomMessageEncrypted,
+        EventType.Sticker,
+        M_POLL_START.name,
+        M_POLL_END.name,
+    ])("treats %s as eligible for special receipts", (type) => {
+        expect(isEligibleForSpecialReceipt(makeEvent({ type }))).toBe(true);
+    });
+
+    it("does not treat state events as eligible for special receipts", () => {
+        expect(isEligibleForSpecialReceipt(makeEvent({ type: EventType.RoomName }))).toBe(false);
+    });
+
+    it("shows a sent receipt for the last successful own event", () => {
+        const state = getEventTileReceiptState(makeInput());
+
+        expect(state).toMatchObject({
+            isEligibleForSpecialReceipt: true,
+            shouldShowSentReceipt: true,
+            shouldShowSendingReceipt: false,
+            shouldListenForReceipts: true,
+        });
+    });
+
+    it("shows a sent receipt for an explicitly sent event", () => {
+        const state = getEventTileReceiptState(makeInput({ eventSendStatus: EventStatus.SENT }));
+
+        expect(state.shouldShowSentReceipt).toBe(true);
+        expect(state.shouldListenForReceipts).toBe(true);
+    });
+
+    it("shows a sending receipt for pending send states", () => {
+        for (const eventSendStatus of [EventStatus.QUEUED, EventStatus.SENDING, EventStatus.ENCRYPTING]) {
+            const state = getEventTileReceiptState(makeInput({ eventSendStatus }));
+
+            expect(state.shouldShowSentReceipt).toBe(false);
+            expect(state.shouldShowSendingReceipt).toBe(true);
+            expect(state.shouldListenForReceipts).toBe(true);
+        }
+    });
+
+    it("does not show a sent receipt in the thread list", () => {
+        const state = getEventTileReceiptState(
+            makeInput({
+                timelineRenderingType: TimelineRenderingType.ThreadsList,
+            }),
+        );
+
+        expect(state.shouldShowSentReceipt).toBe(false);
+        expect(state.shouldListenForReceipts).toBe(false);
+    });
+
+    it("does not show special receipts once read receipts are present", () => {
+        const state = getEventTileReceiptState(
+            makeInput({
+                readReceipts: [
+                    {
+                        userId: otherUserId,
+                    },
+                ],
+            }),
+        );
+
+        expect(state.isEligibleForSpecialReceipt).toBe(false);
+        expect(state.shouldShowSentReceipt).toBe(false);
+        expect(state.shouldShowSendingReceipt).toBe(false);
+        expect(state.shouldListenForReceipts).toBe(false);
+    });
+
+    it("does not show special receipts for another sender", () => {
+        const state = getEventTileReceiptState(
+            makeInput({
+                mxEvent: makeEvent({ user: otherUserId }),
+            }),
+        );
+
+        expect(state.isEligibleForSpecialReceipt).toBe(false);
+        expect(state.shouldListenForReceipts).toBe(false);
+    });
+
+    it("does not show special receipts when the room is not available", () => {
+        const state = getEventTileReceiptState(makeInput({ hasRoom: false }));
+
+        expect(state.isEligibleForSpecialReceipt).toBe(false);
+        expect(state.shouldListenForReceipts).toBe(false);
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/EventTileReplyChainState-test.ts b/apps/web/test/viewmodels/event-tiles/EventTileReplyChainState-test.ts
new file mode 100644
index 00000000000..3bcb8adff95
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/EventTileReplyChainState-test.ts
@@ -0,0 +1,79 @@
+/*
+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 MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { mkMessage } from "../../test-utils";
+import { getEventTileReplyChainState } from "../../../src/viewmodels/room/timeline/event-tile/EventTileReplyChainState";
+
+const roomId = "!room:example.org";
+
+function makeMessage(): MatrixEvent {
+    return mkMessage({
+        room: roomId,
+        user: "@alice:example.org",
+        msg: "Message",
+        event: true,
+    });
+}
+
+function makeReply(): MatrixEvent {
+    const parentEvent = makeMessage();
+
+    return mkMessage({
+        room: roomId,
+        user: "@bob:example.org",
+        msg: "Reply",
+        event: true,
+        relatesTo: {
+            "m.in_reply_to": {
+                event_id: parentEvent.getId(),
+            },
+        },
+    });
+}
+
+describe("EventTileReplyChainState", () => {
+    it("does not show a reply chain when the event has no renderer", () => {
+        const state = getEventTileReplyChainState({
+            mxEvent: makeReply(),
+            hasRenderer: false,
+        });
+
+        expect(state.shouldShowReplyChain).toBe(false);
+    });
+
+    it("does not show a reply chain for non-reply events", () => {
+        const state = getEventTileReplyChainState({
+            mxEvent: makeMessage(),
+            hasRenderer: true,
+        });
+
+        expect(state.shouldShowReplyChain).toBe(false);
+    });
+
+    it("shows a reply chain for reply events with a renderer", () => {
+        const state = getEventTileReplyChainState({
+            mxEvent: makeReply(),
+            hasRenderer: true,
+        });
+
+        expect(state.shouldShowReplyChain).toBe(true);
+    });
+
+    it("does not show a reply chain for redacted reply events", () => {
+        const replyEvent = makeReply();
+        jest.spyOn(replyEvent, "isRedacted").mockReturnValue(true);
+
+        const state = getEventTileReplyChainState({
+            mxEvent: replyEvent,
+            hasRenderer: true,
+        });
+
+        expect(state.shouldShowReplyChain).toBe(false);
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/EventTileThreadState-test.ts b/apps/web/test/viewmodels/event-tiles/EventTileThreadState-test.ts
new file mode 100644
index 00000000000..541597e805d
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/EventTileThreadState-test.ts
@@ -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 { EventType, type MatrixEvent, MsgType, type Thread } from "matrix-js-sdk/src/matrix";
+
+import { mkEvent } from "../../test-utils";
+import { TimelineRenderingType } from "../../../src/contexts/RoomContext";
+import {
+    getEventTileThread,
+    getEventTileThreadState,
+    type EventTileThreadLookup,
+    type EventTileThreadStateInput,
+} from "../../../src/viewmodels/room/timeline/event-tile/EventTileThreadState";
+
+const roomId = "!room:example.org";
+const userId = "@alice:example.org";
+
+function makeEvent({ id = "$event" }: { id?: string } = {}): MatrixEvent {
+    return mkEvent({
+        event: true,
+        id,
+        type: EventType.RoomMessage,
+        room: roomId,
+        user: userId,
+        content: {
+            msgtype: MsgType.Text,
+            body: "Hello",
+        },
+    });
+}
+
+function makeThread({
+    id = "$event",
+    replyToEvent,
+}: {
+    id?: string;
+    replyToEvent?: MatrixEvent;
+} = {}): Thread {
+    return {
+        id,
+        length: 2,
+        replyToEvent,
+    } as Thread;
+}
+
+function makeInput(overrides: Partial<EventTileThreadStateInput> = {}): EventTileThreadStateInput {
+    return {
+        mxEvent: makeEvent(),
+        thread: null,
+        timelineRenderingType: TimelineRenderingType.Room,
+        ...overrides,
+    };
+}
+
+function setThreadRootId(mxEvent: MatrixEvent, threadRootId: string): void {
+    Object.defineProperty(mxEvent, "threadRootId", {
+        configurable: true,
+        value: threadRootId,
+    });
+}
+
+describe("EventTileThreadState", () => {
+    it("uses the event thread when it is already available", () => {
+        const mxEvent = makeEvent();
+        const thread = makeThread();
+        jest.spyOn(mxEvent, "getThread").mockReturnValue(thread);
+        const room: EventTileThreadLookup = {
+            findThreadForEvent: jest.fn(),
+        };
+
+        expect(getEventTileThread(mxEvent, room)).toBe(thread);
+        expect(room.findThreadForEvent).not.toHaveBeenCalled();
+    });
+
+    it("falls back to the room thread lookup", () => {
+        const mxEvent = makeEvent();
+        const thread = makeThread();
+        jest.spyOn(mxEvent, "getThread").mockReturnValue(undefined);
+        const room: EventTileThreadLookup = {
+            findThreadForEvent: jest.fn().mockReturnValue(thread),
+        };
+
+        expect(getEventTileThread(mxEvent, room)).toBe(thread);
+        expect(room.findThreadForEvent).toHaveBeenCalledWith(mxEvent);
+    });
+
+    it("returns null when no thread can be found", () => {
+        const mxEvent = makeEvent();
+        jest.spyOn(mxEvent, "getThread").mockReturnValue(undefined);
+
+        expect(getEventTileThread(mxEvent, null)).toBeNull();
+    });
+
+    it("shows the thread summary for thread root events", () => {
+        const mxEvent = makeEvent({ id: "$thread-root" });
+        const thread = makeThread({ id: "$thread-root" });
+
+        const state = getEventTileThreadState(makeInput({ mxEvent, thread }));
+
+        expect(state.shouldShowThreadSummary).toBe(true);
+        expect(state.shouldShowThreadPanelSummary).toBe(true);
+        expect(state.searchThreadInfo.kind).toBe("none");
+    });
+
+    it("derives the thread panel timestamp from the latest reply", () => {
+        const replyToEvent = makeEvent({ id: "$reply" });
+        jest.spyOn(replyToEvent, "getTs").mockReturnValue(123);
+
+        const state = getEventTileThreadState(
+            makeInput({
+                thread: makeThread({ replyToEvent }),
+            }),
+        );
+
+        expect(state.threadReplyEventTs).toBe(123);
+    });
+
+    it("shows linked search thread info for thread replies with a highlight link", () => {
+        const mxEvent = makeEvent();
+        setThreadRootId(mxEvent, "$thread-root");
+
+        const state = getEventTileThreadState(
+            makeInput({
+                mxEvent,
+                timelineRenderingType: TimelineRenderingType.Search,
+                highlightLink: "https://example.org/thread",
+            }),
+        );
+
+        expect(state.searchThreadInfo).toEqual({
+            kind: "link",
+            href: "https://example.org/thread",
+        });
+    });
+
+    it("shows text search thread info for thread replies without a highlight link", () => {
+        const mxEvent = makeEvent();
+        setThreadRootId(mxEvent, "$thread-root");
+
+        const state = getEventTileThreadState(
+            makeInput({
+                mxEvent,
+                timelineRenderingType: TimelineRenderingType.Search,
+            }),
+        );
+
+        expect(state.searchThreadInfo).toEqual({
+            kind: "text",
+        });
+    });
+
+    it("does not show search thread info outside search timelines", () => {
+        const mxEvent = makeEvent();
+        setThreadRootId(mxEvent, "$thread-root");
+
+        const state = getEventTileThreadState(makeInput({ mxEvent }));
+
+        expect(state.searchThreadInfo.kind).toBe("none");
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/EventTileViewModel-test.ts b/apps/web/test/viewmodels/event-tiles/EventTileViewModel-test.ts
new file mode 100644
index 00000000000..823b66ef86d
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/EventTileViewModel-test.ts
@@ -0,0 +1,726 @@
+/*
+ * 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 { TimelineRenderingType } from "../../../src/contexts/RoomContext";
+import { Layout } from "../../../src/settings/enums/Layout";
+import { mkEvent, stubClient } from "../../test-utils";
+import {
+    EventTileViewModel,
+    type EventTileViewModelDependencies,
+    type NormalizedEventTileViewModelProps,
+    type EventTileViewModelProps,
+} from "../../../src/viewmodels/room/timeline/event-tile/EventTileViewModel";
+
+describe("EventTileViewModel", () => {
+    const matrixClient = stubClient();
+
+    const makeEvent = () =>
+        mkEvent({
+            event: true,
+            id: "$event",
+            room: "!room:example.org",
+            ts: 123,
+            type: "m.room.message",
+            user: "@alice:example.org",
+            content: { msgtype: "m.text" },
+        });
+
+    const makeDependencies = (mxEvent = makeEvent()): EventTileViewModelDependencies => ({
+        mxEvent,
+        matrixClient,
+        showHiddenEvents: false,
+    });
+
+    type EventTileViewModelPropsOverrides = {
+        event?: Partial<NormalizedEventTileViewModelProps["event"]>;
+        display?: Partial<EventTileViewModelProps["display"]>;
+        interaction?: Partial<EventTileViewModelProps["interaction"]>;
+        sender?: Partial<EventTileViewModelProps["sender"]>;
+        timestamp?: Partial<EventTileViewModelProps["timestamp"]>;
+        footer?: Partial<EventTileViewModelProps["footer"]>;
+    };
+
+    function makeProps(overrides: EventTileViewModelPropsOverrides = {}): NormalizedEventTileViewModelProps {
+        return {
+            event: {
+                eventType: "m.room.message",
+                msgtype: "m.text",
+                eventTs: 123,
+                eventId: "$event",
+                isState: false,
+                hasReplyChain: false,
+                isLocalEcho: false,
+                isSending: false,
+                ariaLive: "off",
+                isRoomCreate: false,
+                isCallInvite: false,
+                isRtcNotification: false,
+                isEditing: false,
+                isEncryptionFailure: false,
+                hasRenderer: true,
+                isSeeingThroughMessageHiddenForModeration: false,
+                forExport: false,
+                ...overrides.event,
+            },
+            display: {
+                timelineRenderingType: TimelineRenderingType.Room,
+                layout: Layout.Group,
+                isProbablyMedia: false,
+                isBubbleMessage: false,
+                isLeftAlignedBubbleMessage: false,
+                isAlignedBetweenBubbles: false,
+                isInfoMessage: false,
+                noBubbleEvent: false,
+                isHighlighted: false,
+                isSelected: false,
+                ...overrides.display,
+            },
+            interaction: {
+                hover: false,
+                showActionBarFromFocus: false,
+                focusWithin: false,
+                isActionBarFocused: false,
+                hasContextMenu: false,
+                ...overrides.interaction,
+            },
+            sender: {
+                senderId: "@alice:example.org",
+                member: null,
+                isEmote: false,
+                ...overrides.sender,
+            },
+            timestamp: {
+                ...overrides.timestamp,
+            },
+            footer: {
+                isOwnEvent: false,
+                hasReactionsRow: false,
+                hasReactions: false,
+                hasPinnedMessageBadge: false,
+                ...overrides.footer,
+            },
+        };
+    }
+
+    it("derives sending, aria-live, and scroll state from plain event data", () => {
+        const snapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                event: {
+                    isSending: true,
+                    isLocalEcho: true,
+                },
+            }),
+        );
+
+        expect(snapshot.event.isSending).toBe(true);
+        expect(snapshot.event).toMatchObject({
+            eventId: "$event",
+            eventTs: 123,
+            isLocalEcho: true,
+            isEncryptionFailure: false,
+        });
+        expect(snapshot.root.ariaLive).toBe("off");
+        expect(snapshot.root.scrollToken).toBeUndefined();
+        expect(snapshot.root.data).toEqual({
+            eventId: "$event",
+            layout: Layout.Group,
+            shape: TimelineRenderingType.Room,
+            isOwnEvent: false,
+            hasReply: false,
+        });
+        expect(snapshot.root.classState.mx_EventTile_sending).toBe(true);
+    });
+
+    it("derives a scroll token for non-local-echo events", () => {
+        const snapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                event: {
+                    eventId: "$remote-event",
+                    isLocalEcho: false,
+                },
+            }),
+        );
+
+        expect(snapshot.root.scrollToken).toBe("$remote-event");
+    });
+
+    it("derives render-ready root and line state", () => {
+        const renderState = EventTileViewModel.createRenderState(
+            makeProps({
+                event: {
+                    isSending: true,
+                    isLocalEcho: true,
+                },
+                display: {
+                    isHighlighted: true,
+                },
+            }),
+        );
+
+        expect(renderState.snapshot.event.isSending).toBe(true);
+        expect(renderState.root.className).toContain("mx_EventTile");
+        expect(renderState.root.className).toContain("mx_EventTile_sending");
+        expect(renderState.root.className).toContain("mx_EventTile_highlight");
+        expect(renderState.root.ariaLive).toBe("off");
+        expect(renderState.root.scrollToken).toBeUndefined();
+        expect(renderState.root.isRenderingNotification).toBe(false);
+        expect(renderState.line.className).toContain("mx_EventTile_line");
+        expect(renderState.timestamp).toMatchObject(renderState.snapshot.timestamp);
+    });
+
+    it("derives E2E padlock placement for group layout", () => {
+        const renderState = EventTileViewModel.createRenderState(
+            makeProps({
+                display: {
+                    layout: Layout.Group,
+                    isBubbleMessage: false,
+                },
+            }),
+        );
+
+        expect(renderState.e2ePadlock).toEqual({
+            showInGroupLine: true,
+            showInIrcLine: false,
+        });
+    });
+
+    it("derives E2E padlock placement for IRC layout", () => {
+        const renderState = EventTileViewModel.createRenderState(
+            makeProps({
+                display: {
+                    layout: Layout.IRC,
+                    isBubbleMessage: false,
+                },
+            }),
+        );
+
+        expect(renderState.e2ePadlock).toEqual({
+            showInGroupLine: false,
+            showInIrcLine: true,
+        });
+    });
+
+    it("does not place E2E padlocks for bubble messages", () => {
+        const renderState = EventTileViewModel.createRenderState(
+            makeProps({
+                display: {
+                    layout: Layout.Group,
+                    isBubbleMessage: true,
+                },
+            }),
+        );
+
+        expect(renderState.e2ePadlock).toEqual({
+            showInGroupLine: false,
+            showInIrcLine: false,
+        });
+    });
+
+    it("derives timestamp slots for group layout", () => {
+        const renderState = EventTileViewModel.createRenderState(
+            makeProps({
+                display: {
+                    layout: Layout.Group,
+                },
+                interaction: {
+                    hover: true,
+                },
+            }),
+        );
+
+        expect(renderState.timestamp.showDummy).toBe(false);
+        expect(renderState.timestamp.showInGroupLine).toBe(true);
+        expect(renderState.timestamp.showInIrcLine).toBe(false);
+    });
+
+    it("derives timestamp slots for IRC layout", () => {
+        const renderState = EventTileViewModel.createRenderState(
+            makeProps({
+                display: {
+                    layout: Layout.IRC,
+                },
+                interaction: {
+                    hover: true,
+                },
+            }),
+        );
+
+        expect(renderState.timestamp.showDummy).toBe(true);
+        expect(renderState.timestamp.showInGroupLine).toBe(false);
+        expect(renderState.timestamp.showInIrcLine).toBe(true);
+    });
+
+    it("keeps the IRC timestamp slot for the dummy timestamp when timestamps are hidden", () => {
+        const renderState = EventTileViewModel.createRenderState(
+            makeProps({
+                display: {
+                    layout: Layout.IRC,
+                },
+                interaction: {
+                    hover: true,
+                },
+                timestamp: {
+                    hideTimestamp: true,
+                },
+            }),
+        );
+
+        expect(renderState.timestamp.showDummy).toBe(true);
+        expect(renderState.timestamp.displayState.showLinkedTimestamp).toBe(false);
+        expect(renderState.timestamp.showInGroupLine).toBe(false);
+        expect(renderState.timestamp.showInIrcLine).toBe(true);
+    });
+
+    it("normalizes continuation by rendering mode and bubble layout", () => {
+        const fileSnapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                display: {
+                    continuation: true,
+                    timelineRenderingType: TimelineRenderingType.File,
+                    layout: Layout.Group,
+                },
+            }),
+        );
+        const bubbleSnapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                display: {
+                    continuation: true,
+                    timelineRenderingType: TimelineRenderingType.File,
+                    layout: Layout.Bubble,
+                },
+            }),
+        );
+
+        expect(fileSnapshot.event.isContinuation).toBe(false);
+        expect(bubbleSnapshot.event.isContinuation).toBe(true);
+    });
+
+    it("derives line classes from event type, message type, and media eligibility", () => {
+        const snapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                event: {
+                    msgtype: "m.image",
+                },
+                display: {
+                    isProbablyMedia: true,
+                },
+            }),
+        );
+
+        expect(snapshot.line.classState).toMatchObject({
+            mx_EventTile_mediaLine: true,
+            mx_EventTile_image: true,
+            mx_EventTile_sticker: false,
+            mx_EventTile_emote: false,
+        });
+    });
+
+    it("derives aligned-between-bubbles root class state", () => {
+        const snapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                display: {
+                    isAlignedBetweenBubbles: true,
+                },
+            }),
+        );
+
+        expect(snapshot.root.classState.mx_EventTile_alignedBetweenBubbles).toBe(true);
+    });
+
+    it("derives avatar and sender profile state for thread timelines", () => {
+        const snapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                display: {
+                    timelineRenderingType: TimelineRenderingType.Thread,
+                    continuation: false,
+                },
+            }),
+        );
+
+        expect(snapshot.sender.profileState).toEqual({
+            avatarSize: "32px",
+            needsSenderProfile: true,
+        });
+        expect(snapshot.sender.profileMode).toBe("clickable");
+        expect(snapshot.sender.viewUserOnClick).toBe(true);
+    });
+
+    it("carries pure sender render inputs", () => {
+        const snapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                sender: {
+                    senderId: "@moderator:example.org",
+                    isEmote: true,
+                },
+            }),
+        );
+
+        expect(snapshot.sender.senderId).toBe("@moderator:example.org");
+        expect(snapshot.sender.isEmote).toBe(true);
+    });
+
+    it("marks room member avatars as historical", () => {
+        const snapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                event: {
+                    eventType: "m.room.member",
+                },
+            }),
+        );
+
+        expect(snapshot.sender.forceHistoricalAvatar).toBe(true);
+    });
+
+    it("derives action bar visibility from interaction state", () => {
+        const hoverSnapshot = EventTileViewModel.createSnapshot(makeProps({ interaction: { hover: true } }));
+        const contextMenuSnapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                interaction: {
+                    isActionBarFocused: true,
+                    hasContextMenu: true,
+                },
+            }),
+        );
+
+        expect(hoverSnapshot.actionBar.show).toBe(true);
+        expect(contextMenuSnapshot.actionBar.show).toBe(false);
+    });
+
+    it("derives timestamp state for thread list events", () => {
+        const snapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                display: {
+                    timelineRenderingType: TimelineRenderingType.ThreadsList,
+                },
+                interaction: {
+                    hover: true,
+                },
+                timestamp: {
+                    threadReplyEventTs: 456,
+                },
+            }),
+        );
+
+        expect(snapshot.timestamp.show).toBe(true);
+        expect(snapshot.timestamp.value).toBe(456);
+        expect(snapshot.timestamp.displayState.showRealTimestamp).toBe(true);
+    });
+
+    it("suppresses RTC notification timestamps", () => {
+        const snapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                event: {
+                    isRtcNotification: true,
+                },
+                interaction: {
+                    hover: true,
+                },
+            }),
+        );
+
+        expect(snapshot.timestamp.show).toBe(false);
+        expect(snapshot.timestamp.displayState.showRealTimestamp).toBe(false);
+    });
+
+    it("derives footer placement state", () => {
+        const groupSnapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                display: {
+                    layout: Layout.Group,
+                },
+                footer: {
+                    isOwnEvent: true,
+                    hasReactionsRow: true,
+                    hasReactions: true,
+                    hasPinnedMessageBadge: true,
+                },
+            }),
+        );
+        const bubbleSnapshot = EventTileViewModel.createSnapshot(
+            makeProps({
+                display: {
+                    layout: Layout.Bubble,
+                },
+                footer: {
+                    isOwnEvent: true,
+                    hasPinnedMessageBadge: true,
+                },
+            }),
+        );
+
+        expect(groupSnapshot.footer).toMatchObject({
+            hasFooter: true,
+            showMainPinnedMessageBadge: true,
+            showBubblePinnedMessageBadge: false,
+        });
+        expect(bubbleSnapshot.footer).toMatchObject({
+            hasFooter: true,
+            showMainPinnedMessageBadge: false,
+            showBubblePinnedMessageBadge: true,
+        });
+    });
+
+    it("derives footer render placement for default layouts", () => {
+        const renderState = EventTileViewModel.createRenderState(
+            makeProps({
+                display: {
+                    layout: Layout.Group,
+                },
+                footer: {
+                    isOwnEvent: true,
+                    hasReactionsRow: true,
+                    hasReactions: true,
+                },
+            }),
+        );
+
+        expect(renderState.footer).toMatchObject({
+            hasFooter: true,
+            showInIrcLayout: false,
+            showInDefaultLayout: true,
+        });
+    });
+
+    it("derives footer render placement for IRC layout", () => {
+        const renderState = EventTileViewModel.createRenderState(
+            makeProps({
+                display: {
+                    layout: Layout.IRC,
+                },
+                footer: {
+                    isOwnEvent: true,
+                    hasReactionsRow: true,
+                    hasReactions: true,
+                },
+            }),
+        );
+
+        expect(renderState.footer).toMatchObject({
+            hasFooter: true,
+            showInIrcLayout: true,
+            showInDefaultLayout: false,
+        });
+    });
+
+    it("updates an instance snapshot when inputs change", () => {
+        const vm = new EventTileViewModel(makeDependencies(), makeProps());
+        const listener = jest.fn();
+        const unsubscribe = vm.subscribe(listener);
+
+        expect(vm.getSnapshot().snapshot.timestamp.show).toBe(false);
+
+        vm.setInputs(makeDependencies(), makeProps({ interaction: { hover: true } }));
+
+        expect(vm.getSnapshot().snapshot.timestamp.show).toBe(true);
+        expect(listener).toHaveBeenCalled();
+
+        unsubscribe();
+        vm.dispose();
+    });
+
+    it("emits once when dependencies and inputs are updated together", () => {
+        const vm = new EventTileViewModel(makeDependencies(), makeProps());
+        const listener = jest.fn();
+        const unsubscribe = vm.subscribe(listener);
+
+        vm.setInputs(makeDependencies(), makeProps({ interaction: { hover: true } }));
+
+        expect(listener).toHaveBeenCalledTimes(1);
+
+        unsubscribe();
+        vm.dispose();
+    });
+
+    it("normalizes event and sender state from its SDK dependency", () => {
+        const event = mkEvent({
+            event: true,
+            id: "$member-event",
+            room: "!room:example.org",
+            ts: 456,
+            type: "m.room.member",
+            user: "@bob:example.org",
+            content: { membership: "join" },
+        });
+        const vm = new EventTileViewModel(
+            makeDependencies(event),
+            makeProps({
+                event: {
+                    eventType: "m.room.message",
+                    eventId: "$wrong-event",
+                    eventTs: 123,
+                },
+                sender: {
+                    senderId: "@wrong:example.org",
+                    isEmote: false,
+                },
+            }),
+        );
+
+        expect(vm.getSnapshot().snapshot.event).toMatchObject({
+            eventType: "m.room.member",
+            eventId: "$member-event",
+            eventTs: 456,
+            isState: true,
+        });
+        expect(vm.getSnapshot().snapshot.sender).toMatchObject({
+            senderId: "@bob:example.org",
+            forceHistoricalAvatar: true,
+            isEmote: false,
+        });
+
+        vm.setInputs(
+            makeDependencies(
+                mkEvent({
+                    event: true,
+                    id: "$updated-event",
+                    room: "!room:example.org",
+                    ts: 789,
+                    type: "m.call.invite",
+                    user: "@carol:example.org",
+                    content: { msgtype: "m.call.invite" },
+                }),
+            ),
+            makeProps(),
+        );
+
+        expect(vm.getSnapshot().snapshot.event).toMatchObject({
+            eventType: "m.call.invite",
+            eventId: "$updated-event",
+            eventTs: 789,
+        });
+        expect(vm.getSnapshot().snapshot.sender.senderId).toBe("@carol:example.org");
+
+        vm.dispose();
+    });
+
+    it("normalizes event identity, replacement, renderer, and decryption state", () => {
+        const event = makeEvent();
+        jest.spyOn(event, "replacingEventId").mockReturnValue("$replaced-event");
+        jest.spyOn(event, "isDecryptionFailure").mockReturnValue(true);
+
+        const vm = new EventTileViewModel(makeDependencies(event), makeProps());
+        const snapshot = vm.getSnapshot().snapshot;
+
+        expect(snapshot.event).toMatchObject({
+            eventType: "m.room.message",
+            eventId: "$event",
+            replacingEventId: "$replaced-event",
+            isEncryptionFailure: true,
+            hasRenderer: true,
+        });
+
+        vm.dispose();
+    });
+
+    it("does not show a reply chain for replacement events", () => {
+        const event = mkEvent({
+            event: true,
+            id: "$replacement-event",
+            room: "!room:example.org",
+            ts: 123,
+            type: "m.room.message",
+            user: "@alice:example.org",
+            content: {
+                "msgtype": "m.text",
+                "m.relates_to": {
+                    "rel_type": "m.replace",
+                    "event_id": "$original-event",
+                    "m.in_reply_to": {
+                        event_id: "$parent-event",
+                    },
+                },
+            },
+        });
+        const vm = new EventTileViewModel(makeDependencies(event), makeProps());
+
+        expect(vm.getSnapshot().snapshot.root.data.hasReply).toBe(false);
+
+        vm.dispose();
+    });
+
+    it("derives an unavailable renderer for unsupported events", () => {
+        const event = mkEvent({
+            event: true,
+            room: "!room:example.org",
+            type: "org.example.unsupported",
+            user: "@alice:example.org",
+            content: {},
+        });
+        const vm = new EventTileViewModel(makeDependencies(event), makeProps());
+
+        expect(vm.getSnapshot().snapshot.event.hasRenderer).toBe(false);
+
+        vm.dispose();
+    });
+
+    it("recalculates renderer state when dependencies change", () => {
+        const event = mkEvent({
+            event: true,
+            room: "!room:example.org",
+            type: "org.example.unsupported",
+            user: "@alice:example.org",
+            content: {},
+        });
+        const vm = new EventTileViewModel(makeDependencies(event), makeProps());
+
+        expect(vm.getSnapshot().snapshot.event.hasRenderer).toBe(false);
+
+        vm.setInputs(makeDependencies(makeEvent()), makeProps());
+
+        expect(vm.getSnapshot().snapshot.event.hasRenderer).toBe(true);
+
+        vm.dispose();
+    });
+
+    it("lazily owns timestamp child view models", () => {
+        const vm = new EventTileViewModel(makeDependencies(), makeProps());
+        const messageTimestampViewModel = vm.getMessageTimestampViewModel({ ts: 123 });
+        const linkedMessageTimestampViewModel = vm.getLinkedMessageTimestampViewModel({ ts: 456 });
+
+        expect(messageTimestampViewModel.getSnapshot().href).toBeUndefined();
+        expect(linkedMessageTimestampViewModel.getSnapshot().href).toBeUndefined();
+
+        vm.dispose();
+    });
+
+    it("does not initialize timestamp child view models for events without an origin timestamp", () => {
+        const vm = new EventTileViewModel(
+            makeDependencies(),
+            makeProps({
+                event: {
+                    eventTs: 0,
+                },
+                timestamp: {
+                    hideTimestamp: true,
+                },
+            }),
+        );
+
+        expect(vm.getSnapshot().timestamp.displayState.showRealTimestamp).toBe(false);
+
+        vm.dispose();
+    });
+
+    it("owns and updates the thread-list action bar child view model", () => {
+        const vm = new EventTileViewModel(makeDependencies(), makeProps());
+        const onViewInRoomClick = jest.fn();
+        const onCopyLinkClick = jest.fn();
+
+        const threadListActionBarViewModel = vm.getThreadListActionBarViewModel({
+            onViewInRoomClick,
+            onCopyLinkClick,
+        });
+
+        threadListActionBarViewModel.onViewInRoomClick(null);
+        threadListActionBarViewModel.onCopyLinkClick(null);
+
+        expect(onViewInRoomClick).toHaveBeenCalledWith(null);
+        expect(onCopyLinkClick).toHaveBeenCalledWith(null);
+
+        vm.dispose();
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/MJitsiWidgetEventViewModel-test.ts b/apps/web/test/viewmodels/event-tiles/MJitsiWidgetEventViewModel-test.ts
new file mode 100644
index 00000000000..1968b50b012
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/MJitsiWidgetEventViewModel-test.ts
@@ -0,0 +1,180 @@
+/*
+ * 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 { EventEmitter } from "node:events";
+import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+
+import { MJitsiWidgetEventViewModel } from "../../../src/viewmodels/room/timeline/event-tile/MJitsiWidgetEventViewModel";
+import { UPDATE_EVENT } from "../../../src/stores/AsyncStore";
+import { WidgetLayoutStore } from "../../../src/stores/widgets/WidgetLayoutStore";
+import { mkEvent, stubClient } from "../../test-utils";
+import type WidgetStore from "../../../src/stores/WidgetStore";
+import type { IApp } from "../../../src/stores/WidgetStore";
+
+describe("MJitsiWidgetEventViewModel", () => {
+    const roomId = "!room:example.com";
+    const widgetId = "jitsi";
+    let cli: MatrixClient;
+    let room: Room;
+    let widget: IApp;
+    let widgetStore: WidgetStore & EventEmitter;
+    let widgetLayoutStore: WidgetLayoutStore & EventEmitter;
+
+    const createEvent = (content: { url?: string }, prevContent: { url?: string } = {}) =>
+        mkEvent({
+            event: true,
+            room: roomId,
+            user: "@alice:example.com",
+            skey: widgetId,
+            type: "im.vector.modular.widgets",
+            content,
+            prev_content: prevContent,
+        });
+
+    const createVm = (
+        props: Partial<ConstructorParameters<typeof MJitsiWidgetEventViewModel>[0]> = {},
+    ): MJitsiWidgetEventViewModel =>
+        new MJitsiWidgetEventViewModel({
+            cli,
+            mxEvent: createEvent({ url: "https://jitsi.example.com/room" }),
+            widgetStore,
+            widgetLayoutStore,
+            ...props,
+        });
+
+    beforeEach(() => {
+        cli = stubClient();
+        room = cli.getRoom(roomId)!;
+        widget = {
+            id: widgetId,
+            roomId,
+            type: "m.jitsi",
+        } as IApp;
+        widgetStore = Object.assign(new EventEmitter(), {
+            getRoom: jest.fn().mockReturnValue({ widgets: [widget] }),
+        }) as unknown as WidgetStore & EventEmitter;
+        widgetLayoutStore = Object.assign(new EventEmitter(), {
+            isInContainer: jest.fn().mockReturnValue(false),
+        }) as unknown as WidgetLayoutStore & EventEmitter;
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("renders a started Jitsi event with the top join prompt", () => {
+        const vm = createVm();
+
+        expect(vm.getSnapshot()).toMatchObject({
+            isVisible: true,
+            title: "Video conference started by @alice:example.com",
+            subtitle: "Join the conference at the top of this room",
+        });
+    });
+
+    it("uses the right-panel join prompt when the widget is in the right container", () => {
+        jest.mocked(widgetLayoutStore.isInContainer).mockReturnValue(true);
+
+        const vm = createVm();
+
+        expect(vm.getSnapshot().subtitle).toBe("Join the conference from the room information card on the right");
+    });
+
+    it("omits the join prompt when the widget no longer exists", () => {
+        jest.mocked(widgetStore.getRoom).mockReturnValue({ widgets: [] });
+
+        const vm = createVm();
+
+        expect(vm.getSnapshot()).toMatchObject({
+            isVisible: true,
+            title: "Video conference started by @alice:example.com",
+            subtitle: null,
+        });
+    });
+
+    it("renders an updated Jitsi event", () => {
+        const vm = createVm({
+            mxEvent: createEvent({ url: "https://jitsi.example.com/room" }, { url: "https://old.example.com/room" }),
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            isVisible: true,
+            title: "Video conference updated by @alice:example.com",
+            subtitle: "Join the conference at the top of this room",
+        });
+    });
+
+    it("renders an ended Jitsi event without a join prompt", () => {
+        const vm = createVm({
+            mxEvent: createEvent({}, { url: "https://old.example.com/room" }),
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            isVisible: true,
+            title: "Video conference ended by @alice:example.com",
+            subtitle: null,
+        });
+    });
+
+    it("hides the event when the room is unavailable", () => {
+        jest.spyOn(cli, "getRoom").mockReturnValue(null);
+
+        const vm = createVm();
+
+        expect(vm.getSnapshot()).toMatchObject({
+            isVisible: false,
+            title: "",
+            subtitle: null,
+        });
+    });
+
+    it("updates the snapshot when the event changes", () => {
+        const vm = createVm();
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setEvent(createEvent({ url: "https://jitsi.example.com/room" }, { url: "https://old.example.com/room" }));
+
+        expect(vm.getSnapshot().title).toBe("Video conference updated by @alice:example.com");
+        expect(listener).toHaveBeenCalledTimes(1);
+    });
+
+    it("does not emit updates when setEvent receives the current event", () => {
+        const mxEvent = createEvent({ url: "https://jitsi.example.com/room" });
+        const listener = jest.fn();
+        const vm = createVm({ mxEvent });
+
+        vm.subscribe(listener);
+        vm.setEvent(mxEvent);
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+
+    it("updates when widget stores emit for the room", () => {
+        const vm = createVm();
+        const listener = jest.fn();
+        vm.subscribe(listener);
+        jest.mocked(widgetLayoutStore.isInContainer).mockReturnValue(true);
+
+        widgetStore.emit(UPDATE_EVENT, roomId);
+
+        expect(vm.getSnapshot().subtitle).toBe("Join the conference from the room information card on the right");
+        expect(listener).toHaveBeenCalledTimes(1);
+    });
+
+    it("updates when the widget layout store emits for the room", () => {
+        const vm = createVm();
+        const listener = jest.fn();
+        vm.subscribe(listener);
+        jest.mocked(widgetLayoutStore.isInContainer).mockReturnValue(true);
+
+        widgetLayoutStore.emit(WidgetLayoutStore.emissionForRoom(room));
+
+        expect(vm.getSnapshot().subtitle).toBe("Join the conference from the room information card on the right");
+        expect(listener).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/MKeyVerificationRequestViewModel-test.tsx b/apps/web/test/viewmodels/event-tiles/MKeyVerificationRequestViewModel-test.tsx
new file mode 100644
index 00000000000..2afd7e4227f
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/MKeyVerificationRequestViewModel-test.tsx
@@ -0,0 +1,161 @@
+/*
+ * 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 MatrixClient, MatrixEvent, type Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+
+import { MKeyVerificationRequestViewModel } from "../../../src/viewmodels/room/timeline/event-tile/MKeyVerificationRequestViewModel";
+
+describe("MKeyVerificationRequestViewModel", () => {
+    const roomId = "!room:example.org";
+    const myUserId = "@me:example.org";
+    let cli: MatrixClient;
+    let room: Room;
+
+    beforeEach(() => {
+        room = {
+            getMember: jest.fn(),
+        } as unknown as Room;
+        cli = {
+            getSafeUserId: jest.fn().mockReturnValue(myUserId),
+            getRoom: jest.fn().mockReturnValue(room),
+        } as unknown as MatrixClient;
+    });
+
+    const createEvent = (sender?: string, to = myUserId, eventRoomId: string | undefined = roomId): MatrixEvent =>
+        new MatrixEvent({
+            type: "m.room.message",
+            room_id: eventRoomId,
+            sender,
+            content: {
+                msgtype: "m.key.verification.request",
+                from_device: "DEVICE",
+                methods: ["m.sas.v1"],
+                to,
+            },
+        });
+
+    it("throws if the event has no sender", () => {
+        expect(() => new MKeyVerificationRequestViewModel({ cli, mxEvent: createEvent() })).toThrow(
+            "Verification request did not include a sender!",
+        );
+    });
+
+    it("throws if the event has no room", () => {
+        expect(
+            () =>
+                new MKeyVerificationRequestViewModel({
+                    cli,
+                    mxEvent: createEvent("@alice:example.org", myUserId, ""),
+                }),
+        ).toThrow("Verification request did not include a room ID!");
+    });
+
+    it("renders a request sent by me", () => {
+        jest.mocked(room.getMember).mockReturnValue({
+            name: "Alice",
+        } as RoomMember);
+
+        const vm = new MKeyVerificationRequestViewModel({
+            cli,
+            mxEvent: createEvent(myUserId, "@alice:example.org"),
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            title: "You sent a verification request",
+            subtitle: "Alice (@alice:example.org)",
+        });
+    });
+
+    it("renders a request sent by someone else", () => {
+        jest.mocked(room.getMember).mockReturnValue({
+            name: "Alice",
+        } as RoomMember);
+
+        const vm = new MKeyVerificationRequestViewModel({
+            cli,
+            mxEvent: createEvent("@alice:example.org"),
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            title: "Alice wants to verify",
+            subtitle: "Alice (@alice:example.org)",
+        });
+    });
+
+    it("falls back to user ID when no room member is available", () => {
+        const vm = new MKeyVerificationRequestViewModel({
+            cli,
+            mxEvent: createEvent("@alice:example.org"),
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            title: "@alice:example.org wants to verify",
+            subtitle: "@alice:example.org",
+        });
+    });
+
+    it("updates the snapshot when the event changes", () => {
+        const vm = new MKeyVerificationRequestViewModel({
+            cli,
+            mxEvent: createEvent("@alice:example.org"),
+        });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setEvent(createEvent(myUserId, "@bob:example.org"));
+
+        expect(vm.getSnapshot()).toMatchObject({
+            title: "You sent a verification request",
+            subtitle: "@bob:example.org",
+        });
+        expect(listener).toHaveBeenCalledTimes(1);
+    });
+
+    it("updates only timestamp when the timestamp changes", () => {
+        const timestamp = <span>14:56</span>;
+        const vm = new MKeyVerificationRequestViewModel({
+            cli,
+            mxEvent: createEvent("@alice:example.org"),
+        });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setTimestamp(timestamp);
+
+        expect(vm.getSnapshot().timestamp).toBe(timestamp);
+        expect(listener).toHaveBeenCalledTimes(1);
+    });
+
+    it("does not emit when the event-derived snapshot is unchanged", () => {
+        const vm = new MKeyVerificationRequestViewModel({
+            cli,
+            mxEvent: createEvent("@alice:example.org"),
+        });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setEvent(createEvent("@alice:example.org"));
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+
+    it("does not emit when the timestamp is unchanged", () => {
+        const timestamp = <span>14:56</span>;
+        const vm = new MKeyVerificationRequestViewModel({
+            cli,
+            mxEvent: createEvent("@alice:example.org"),
+            timestamp,
+        });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setTimestamp(timestamp);
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/RoomAvatarEventViewModel-test.ts b/apps/web/test/viewmodels/event-tiles/RoomAvatarEventViewModel-test.ts
new file mode 100644
index 00000000000..9735a4c0aab
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/RoomAvatarEventViewModel-test.ts
@@ -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 { EventType, type MatrixClient, MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+
+import Modal from "../../../src/Modal";
+import { RoomAvatarEventViewModel } from "../../../src/viewmodels/room/timeline/event-tile/RoomAvatarEventViewModel";
+
+describe("RoomAvatarEventViewModel", () => {
+    const roomId = "!room:example.org";
+    let cli: MatrixClient;
+    let room: Room;
+    let mxcUrlToHttp: jest.Mock;
+
+    beforeEach(() => {
+        mxcUrlToHttp = jest.fn().mockReturnValue("https://example.org/_matrix/media/v3/download/avatar");
+        room = {
+            name: "General",
+        } as unknown as Room;
+        cli = {
+            getRoom: jest.fn().mockReturnValue(room),
+            mxcUrlToHttp,
+        } as unknown as MatrixClient;
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    const createEvent = (
+        url?: string,
+        sender = "@alice:example.org",
+        eventRoomId: string | undefined = roomId,
+    ): MatrixEvent =>
+        new MatrixEvent({
+            type: EventType.RoomAvatar,
+            room_id: eventRoomId,
+            state_key: "",
+            sender,
+            content: {
+                url,
+            },
+        });
+
+    it("extracts room avatar event details", () => {
+        const mxEvent = createEvent("mxc://example.org/avatar");
+        mxEvent.sender = { name: "Alice" } as MatrixEvent["sender"];
+
+        const vm = new RoomAvatarEventViewModel({ cli, mxEvent });
+
+        expect(vm.getSnapshot()).toEqual({
+            senderDisplayName: "Alice",
+            roomName: "General",
+            avatarUrl: "mxc://example.org/avatar",
+            lightboxLabel: "Alice changed the avatar for General",
+            isRemoved: false,
+        });
+    });
+
+    it("falls back to the sender ID when no sender member is available", () => {
+        const vm = new RoomAvatarEventViewModel({ cli, mxEvent: createEvent("mxc://example.org/avatar") });
+
+        expect(vm.getSnapshot().senderDisplayName).toBe("@alice:example.org");
+    });
+
+    it("marks the event as removed when no avatar URL is present", () => {
+        const vm = new RoomAvatarEventViewModel({ cli, mxEvent: createEvent("") });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            avatarUrl: undefined,
+            isRemoved: true,
+        });
+    });
+
+    it("updates the snapshot when the event changes", () => {
+        const vm = new RoomAvatarEventViewModel({ cli, mxEvent: createEvent("mxc://example.org/avatar") });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setEvent(createEvent("mxc://example.org/next", "@bob:example.org"));
+
+        expect(vm.getSnapshot()).toMatchObject({
+            senderDisplayName: "@bob:example.org",
+            avatarUrl: "mxc://example.org/next",
+            isRemoved: false,
+        });
+        expect(listener).toHaveBeenCalledTimes(1);
+    });
+
+    it("does not emit when the event-derived snapshot is unchanged", () => {
+        const vm = new RoomAvatarEventViewModel({ cli, mxEvent: createEvent("mxc://example.org/avatar") });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setEvent(createEvent("mxc://example.org/avatar"));
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+
+    it("opens the room avatar in the lightbox", () => {
+        const dialogSpy = jest.spyOn(Modal, "createDialog").mockReturnValue({ close: jest.fn() } as any);
+        const vm = new RoomAvatarEventViewModel({ cli, mxEvent: createEvent("mxc://example.org/avatar") });
+
+        vm.onAvatarClick();
+
+        expect(mxcUrlToHttp).toHaveBeenCalledWith(
+            "mxc://example.org/avatar",
+            undefined,
+            undefined,
+            undefined,
+            false,
+            true,
+        );
+        expect(dialogSpy).toHaveBeenCalledWith(
+            expect.any(Function),
+            {
+                src: "https://example.org/_matrix/media/v3/download/avatar",
+                name: "@alice:example.org changed the avatar for General",
+            },
+            "mx_Dialog_lightbox",
+            undefined,
+            true,
+        );
+    });
+
+    it("does not open the lightbox when the event has no avatar URL", () => {
+        const dialogSpy = jest.spyOn(Modal, "createDialog").mockReturnValue({ close: jest.fn() } as any);
+        const vm = new RoomAvatarEventViewModel({ cli, mxEvent: createEvent("") });
+
+        vm.onAvatarClick();
+
+        expect(dialogSpy).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/TextualEventViewModel-test.ts b/apps/web/test/viewmodels/event-tiles/TextualEventViewModel-test.ts
new file mode 100644
index 00000000000..c53dac955ae
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/TextualEventViewModel-test.ts
@@ -0,0 +1,35 @@
+/*
+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 { MatrixEvent, MatrixEventEvent } from "matrix-js-sdk/src/matrix";
+
+import { TextualEventViewModel } from "../../../src/viewmodels/room/timeline/event-tile/TextualEventViewModel";
+import { stubClient } from "../../test-utils";
+
+jest.mock("../../../src/TextForEvent.tsx", () => ({
+    textForEvent: jest.fn().mockReturnValue("Test Message"),
+}));
+
+describe("TextualEventViewModel", () => {
+    it("should update when the sentinel updates", () => {
+        const fakeEvent = new MatrixEvent({});
+        stubClient();
+
+        const vm = new TextualEventViewModel({
+            showHiddenEvents: false,
+            mxEvent: fakeEvent,
+        });
+
+        const cb = jest.fn();
+
+        vm.subscribe(cb);
+
+        fakeEvent.emit(MatrixEventEvent.SentinelUpdated);
+
+        expect(cb).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/apps/web/test/viewmodels/event-tiles/ThreadSummaryViewModel-test.ts b/apps/web/test/viewmodels/event-tiles/ThreadSummaryViewModel-test.ts
new file mode 100644
index 00000000000..07f51a861b4
--- /dev/null
+++ b/apps/web/test/viewmodels/event-tiles/ThreadSummaryViewModel-test.ts
@@ -0,0 +1,888 @@
+/*
+ * 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 { EventEmitter } from "node:events";
+import { type MouseEvent } from "react";
+import {
+    EventType,
+    M_POLL_START,
+    type MatrixClient,
+    type MatrixEvent,
+    MatrixEventEvent,
+    MsgType,
+    type Room,
+    RoomEvent,
+    type RoomMember,
+    RoomStateEvent,
+    type Thread,
+    ThreadEvent,
+} from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { waitFor } from "jest-matrix-react";
+
+import { mkEvent } from "../../test-utils";
+import { NotificationLevel } from "../../../src/stores/notifications/NotificationLevel";
+import { TimelineRenderingType } from "../../../src/contexts/RoomContext";
+import { MessagePreviewStore } from "../../../src/stores/message-preview";
+import defaultDispatcher from "../../../src/dispatcher/dispatcher";
+import PosthogTrackers from "../../../src/PosthogTrackers";
+import { determineUnreadState } from "../../../src/RoomNotifs";
+import {
+    ThreadMessagePreviewViewModel,
+    type ThreadMessagePreviewViewModelProps,
+    ThreadSummaryViewModel,
+    type ThreadSummaryViewModelProps,
+} from "../../../src/viewmodels/room/timeline/event-tile/ThreadSummaryViewModel";
+
+jest.mock("../../../src/dispatcher/dispatcher", () => ({
+    __esModule: true,
+    default: {
+        dispatch: jest.fn(),
+        register: jest.fn(),
+        unregister: jest.fn(),
+    },
+}));
+
+jest.mock("../../../src/PosthogTrackers", () => ({
+    __esModule: true,
+    default: {
+        trackInteraction: jest.fn(),
+    },
+}));
+
+jest.mock("../../../src/RoomNotifs", () => ({
+    determineUnreadState: jest.fn(() => ({
+        symbol: null,
+        count: 0,
+        level: 0,
+        invited: false,
+    })),
+}));
+
+const roomId = "!room:example.org";
+const userId = "@alice:example.org";
+const clientMxcUrlToHttpMocks = new WeakMap<MatrixClient, jest.Mock>();
+
+class TestRoom extends EventEmitter {
+    public roomId = roomId;
+    public getMember = jest.fn();
+}
+
+class TestThread extends EventEmitter {
+    public id = "$root";
+    public length = 2;
+    public replyToEvent?: MatrixEvent;
+
+    public constructor(public room: Room) {
+        super();
+    }
+}
+
+function makeClient(decryptEventIfNeeded = jest.fn().mockResolvedValue(undefined)): MatrixClient {
+    const mxcUrlToHttp = jest.fn(
+        (mxc: string, width?: number, height?: number, resizeMethod?: string) =>
+            `https://matrix.example.org/_matrix/media/${mxc}/${width}x${height}/${resizeMethod}`,
+    );
+    const cli = {
+        decryptEventIfNeeded,
+        mxcUrlToHttp,
+    } as unknown as MatrixClient;
+    clientMxcUrlToHttpMocks.set(cli, mxcUrlToHttp);
+    return cli;
+}
+
+function getMxcUrlToHttpMock(cli: MatrixClient): jest.Mock {
+    const mock = clientMxcUrlToHttpMocks.get(cli);
+    if (!mock) throw new Error("Missing mxcUrlToHttp mock for test client");
+    return mock;
+}
+
+function makeMember(name: string, senderUserId = userId, mxcAvatarUrl?: string): RoomMember {
+    return {
+        userId: senderUserId,
+        membership: "join",
+        name,
+        rawDisplayName: name,
+        roomId,
+        getAvatarUrl: jest.fn(),
+        getMxcAvatarUrl: jest.fn(() => mxcAvatarUrl),
+    } as unknown as RoomMember;
+}
+
+function makeEvent(
+    body = "Latest reply",
+    {
+        type = EventType.RoomMessage,
+        msgtype = MsgType.Text,
+        senderName = "Alice",
+        senderUserId = userId,
+        mxcAvatarUrl,
+    }: Partial<{
+        type: string;
+        msgtype: MsgType;
+        senderName: string;
+        senderUserId: string;
+        mxcAvatarUrl: string;
+    }> = {},
+): MatrixEvent {
+    const mxEvent = mkEvent({
+        event: true,
+        id: `$${body}`,
+        type,
+        room: roomId,
+        user: senderUserId,
+        content: {
+            msgtype,
+            body,
+        },
+    });
+    mxEvent.sender = makeMember(senderName, senderUserId, mxcAvatarUrl);
+    return mxEvent;
+}
+
+function makePreviewVm(overrides: Partial<ThreadMessagePreviewViewModelProps> = {}): {
+    vm: ThreadMessagePreviewViewModel;
+    thread: TestThread & Thread;
+    room: TestRoom & Room;
+    cli: MatrixClient;
+} {
+    const room = (overrides.room as (TestRoom & Room) | undefined) ?? (new TestRoom() as TestRoom & Room);
+    const thread =
+        (overrides.thread as (TestThread & Thread) | undefined) ?? (new TestThread(room) as TestThread & Thread);
+    if (!thread.replyToEvent) {
+        thread.replyToEvent = makeEvent();
+    }
+
+    const cli = overrides.cli ?? makeClient();
+    const vm = new ThreadMessagePreviewViewModel({
+        cli,
+        thread,
+        room,
+        timelineRenderingType: TimelineRenderingType.Room,
+        lowBandwidth: false,
+        useOnlyCurrentProfiles: false,
+        showDisplayName: false,
+        ...overrides,
+    });
+
+    return { vm, thread, room, cli };
+}
+
+function makeSummaryVm(overrides: Partial<ThreadSummaryViewModelProps> = {}): {
+    vm: ThreadSummaryViewModel;
+    thread: TestThread & Thread;
+    rootEvent: MatrixEvent;
+    room: TestRoom & Room;
+    cli: MatrixClient;
+} {
+    const room = new TestRoom() as TestRoom & Room;
+    const thread = new TestThread(room) as TestThread & Thread;
+    thread.replyToEvent = makeEvent();
+    const rootEvent = makeEvent("Root");
+    const cli = overrides.cli ?? makeClient();
+    const vm = new ThreadSummaryViewModel({
+        cli,
+        mxEvent: rootEvent,
+        thread,
+        room,
+        timelineRenderingType: TimelineRenderingType.Room,
+        lowBandwidth: false,
+        useOnlyCurrentProfiles: false,
+        narrow: true,
+        isCard: false,
+        ...overrides,
+    });
+
+    return { vm, thread, rootEvent, room, cli };
+}
+
+describe("ThreadSummaryViewModel", () => {
+    beforeEach(() => {
+        jest.clearAllMocks();
+        jest.mocked(determineUnreadState).mockReturnValue({
+            symbol: null,
+            count: 0,
+            level: NotificationLevel.None,
+            invited: false,
+        });
+        jest.spyOn(MessagePreviewStore.instance, "generatePreviewForEvent").mockReturnValue("Latest reply");
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("computes initial summary state from the thread", () => {
+        const { vm } = makeSummaryVm();
+
+        expect(vm.getSnapshot().isVisible).toBe(true);
+        expect(vm.getSnapshot().replyCountLabel).toBe("2");
+        expect(vm.getSnapshot().narrow).toBe(true);
+        expect(vm.getSnapshot().openThreadLabel).toBeTruthy();
+    });
+
+    it("updates visibility and reply count when the thread mutates", () => {
+        const { vm, thread } = makeSummaryVm();
+
+        thread.length = 0;
+        thread.emit(ThreadEvent.Update, thread);
+
+        expect(vm.getSnapshot().isVisible).toBe(false);
+        expect(vm.getSnapshot().replyCountLabel).toBe("0");
+    });
+
+    it("uses plural reply labels outside narrow mode and synchronizes the nested preview display name", () => {
+        const { vm } = makeSummaryVm({ narrow: false });
+
+        expect(vm.getSnapshot().replyCountLabel).toBe("2 replies");
+        expect(vm.getSnapshot().previewVm.getSnapshot().showDisplayName).toBe(true);
+
+        vm.setNarrow(true);
+
+        expect(vm.getSnapshot().replyCountLabel).toBe("2");
+        expect(vm.getSnapshot().narrow).toBe(true);
+        expect(vm.getSnapshot().previewVm.getSnapshot().showDisplayName).toBe(false);
+    });
+
+    it("does not emit when setters receive unchanged values", () => {
+        const { vm, thread, rootEvent, room, cli } = makeSummaryVm();
+        const previewVm = vm.getSnapshot().previewVm as ThreadMessagePreviewViewModel;
+        const setClientSpy = jest.spyOn(previewVm, "setClient");
+        const setRoomSpy = jest.spyOn(previewVm, "setRoom");
+        const setTimelineRenderingTypeSpy = jest.spyOn(previewVm, "setTimelineRenderingType");
+        const setLowBandwidthSpy = jest.spyOn(previewVm, "setLowBandwidth");
+        const setUseOnlyCurrentProfilesSpy = jest.spyOn(previewVm, "setUseOnlyCurrentProfiles");
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setRootEvent(rootEvent);
+        vm.setClient(cli);
+        vm.setThread(thread);
+        vm.setRoom(room);
+        vm.setTimelineRenderingType(TimelineRenderingType.Room);
+        vm.setLowBandwidth(false);
+        vm.setUseOnlyCurrentProfiles(false);
+        vm.setNarrow(true);
+        vm.setIsCard(false);
+
+        expect(listener).not.toHaveBeenCalled();
+        expect(setClientSpy).not.toHaveBeenCalled();
+        expect(setRoomSpy).not.toHaveBeenCalled();
+        expect(setTimelineRenderingTypeSpy).not.toHaveBeenCalled();
+        expect(setLowBandwidthSpy).not.toHaveBeenCalled();
+        expect(setUseOnlyCurrentProfilesSpy).not.toHaveBeenCalled();
+    });
+
+    it("forwards changed context inputs to the preview view model", () => {
+        const { vm } = makeSummaryVm();
+        const previewVm = vm.getSnapshot().previewVm as ThreadMessagePreviewViewModel;
+        const nextClient = makeClient();
+        const nextRoom = new TestRoom() as TestRoom & Room;
+
+        const setClientSpy = jest.spyOn(previewVm, "setClient");
+        const setRoomSpy = jest.spyOn(previewVm, "setRoom");
+        const setTimelineRenderingTypeSpy = jest.spyOn(previewVm, "setTimelineRenderingType");
+        const setLowBandwidthSpy = jest.spyOn(previewVm, "setLowBandwidth");
+        const setUseOnlyCurrentProfilesSpy = jest.spyOn(previewVm, "setUseOnlyCurrentProfiles");
+
+        vm.setClient(nextClient);
+        vm.setRoom(nextRoom);
+        vm.setTimelineRenderingType(TimelineRenderingType.Thread);
+        vm.setLowBandwidth(true);
+        vm.setUseOnlyCurrentProfiles(true);
+
+        expect(setClientSpy).toHaveBeenCalledWith(nextClient);
+        expect(setRoomSpy).toHaveBeenCalledWith(nextRoom);
+        expect(setTimelineRenderingTypeSpy).toHaveBeenCalledWith(TimelineRenderingType.Thread);
+        expect(setLowBandwidthSpy).toHaveBeenCalledWith(true);
+        expect(setUseOnlyCurrentProfilesSpy).toHaveBeenCalledWith(true);
+    });
+
+    it("refreshes notification indicator for thread unread events", () => {
+        const { vm, room, thread } = makeSummaryVm();
+        jest.mocked(determineUnreadState).mockReturnValue({
+            symbol: null,
+            count: 1,
+            level: NotificationLevel.Highlight,
+            invited: false,
+        });
+
+        room.emit(RoomEvent.UnreadNotifications, {}, thread.id);
+
+        expect(vm.getSnapshot().notificationIndicator).toBe("critical");
+    });
+
+    it("ignores unread notifications for other threads and refreshes on room notification events", () => {
+        const { vm, room } = makeSummaryVm();
+        jest.mocked(determineUnreadState).mockClear();
+        jest.mocked(determineUnreadState).mockReturnValue({
+            symbol: null,
+            count: 1,
+            level: NotificationLevel.Notification,
+            invited: false,
+        });
+
+        room.emit(RoomEvent.UnreadNotifications, {}, "$other-thread");
+
+        expect(determineUnreadState).not.toHaveBeenCalled();
+        expect(vm.getSnapshot().notificationIndicator).toBeUndefined();
+
+        room.emit(RoomEvent.Receipt);
+
+        expect(determineUnreadState).toHaveBeenCalledWith(room, "$root", false);
+        expect(vm.getSnapshot().notificationIndicator).toBe("success");
+    });
+
+    it("rebinds thread listeners when the thread changes and removes them on dispose", () => {
+        const { vm, thread, room } = makeSummaryVm();
+        const nextRoom = new TestRoom() as TestRoom & Room;
+        const nextThread = new TestThread(nextRoom) as TestThread & Thread;
+        nextThread.length = 4;
+        nextThread.replyToEvent = makeEvent("Next thread reply");
+
+        vm.setThread(nextThread);
+
+        expect(thread.listenerCount(ThreadEvent.Update)).toBe(0);
+        expect(room.listenerCount(RoomEvent.Receipt)).toBe(0);
+        expect(vm.getSnapshot().replyCountLabel).toBe("4");
+
+        thread.length = 0;
+        thread.emit(ThreadEvent.Update, thread);
+        expect(vm.getSnapshot().replyCountLabel).toBe("4");
+
+        nextThread.length = 5;
+        nextThread.emit(ThreadEvent.Update, nextThread);
+        expect(vm.getSnapshot().replyCountLabel).toBe("5");
+
+        vm.dispose();
+
+        expect(nextThread.listenerCount(ThreadEvent.Update)).toBe(0);
+        expect(nextRoom.listenerCount(RoomEvent.Receipt)).toBe(0);
+    });
+
+    it("dispatches ShowThread and tracks interaction on click", () => {
+        const { vm, rootEvent } = makeSummaryVm({ isCard: true });
+        const event = { type: "click" } as MouseEvent<HTMLButtonElement>;
+
+        vm.onClick(event);
+
+        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+            action: "show_thread",
+            rootEvent,
+            push: true,
+        });
+        expect(PosthogTrackers.trackInteraction).toHaveBeenCalledWith("WebRoomTimelineThreadSummaryButton", event);
+    });
+
+    it("uses the latest root event and card mode from setters when opening the thread", () => {
+        const { vm } = makeSummaryVm();
+        const nextRootEvent = makeEvent("Next root");
+        const event = { type: "click" } as MouseEvent<HTMLButtonElement>;
+
+        vm.setRootEvent(nextRootEvent);
+        vm.setIsCard(true);
+        vm.onClick(event);
+
+        expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
+            action: "show_thread",
+            rootEvent: nextRootEvent,
+            push: true,
+        });
+    });
+});
+
+describe("ThreadMessagePreviewViewModel", () => {
+    beforeEach(() => {
+        jest.clearAllMocks();
+        jest.mocked(determineUnreadState).mockReturnValue({
+            symbol: null,
+            count: 0,
+            level: NotificationLevel.None,
+            invited: false,
+        });
+        jest.spyOn(MessagePreviewStore.instance, "generatePreviewForEvent").mockImplementation((event) => {
+            return event.getContent().body;
+        });
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("hides the preview when the thread has no latest reply", () => {
+        const room = new TestRoom() as TestRoom & Room;
+        const thread = new TestThread(room) as TestThread & Thread;
+        const vm = new ThreadMessagePreviewViewModel({
+            cli: makeClient(),
+            thread,
+            room,
+            timelineRenderingType: TimelineRenderingType.Room,
+            lowBandwidth: false,
+            useOnlyCurrentProfiles: false,
+            showDisplayName: true,
+        });
+
+        expect(vm.getSnapshot().isVisible).toBe(false);
+        expect(vm.getSnapshot().avatar).toBeUndefined();
+        expect(vm.getSnapshot().senderName).toBeUndefined();
+        expect(vm.getSnapshot().previewContent).toBeUndefined();
+        expect(vm.getSnapshot().previewTooltip).toBeUndefined();
+        expect(vm.getSnapshot().showDisplayName).toBe(true);
+    });
+
+    it("renders the latest reply preview", async () => {
+        const room = new TestRoom() as TestRoom & Room;
+        const thread = new TestThread(room) as TestThread & Thread;
+        thread.replyToEvent = makeEvent("First reply");
+        const vm = new ThreadMessagePreviewViewModel({
+            cli: makeClient(),
+            thread,
+            room,
+            timelineRenderingType: TimelineRenderingType.Room,
+            lowBandwidth: false,
+            useOnlyCurrentProfiles: false,
+            showDisplayName: true,
+        });
+
+        await waitFor(() => expect(vm.getSnapshot().isVisible).toBe(true));
+
+        expect(vm.getSnapshot().senderName).toBe("Alice");
+        expect(vm.getSnapshot().showDisplayName).toBe(true);
+        expect(vm.getSnapshot().previewContent).toBe("First reply");
+    });
+
+    it("skips preview recomputation when guarded setters receive unchanged values", async () => {
+        const { vm, thread, room, cli } = makePreviewVm();
+        await waitFor(() => expect(vm.getSnapshot().isVisible).toBe(true));
+        jest.mocked(cli.decryptEventIfNeeded).mockClear();
+
+        vm.setClient(cli);
+        vm.setThread(thread);
+        vm.setRoom(room);
+        vm.setTimelineRenderingType(TimelineRenderingType.Room);
+        vm.setLowBandwidth(false);
+        vm.setUseOnlyCurrentProfiles(false);
+
+        expect(cli.decryptEventIfNeeded).not.toHaveBeenCalled();
+        expect(thread.listenerCount(ThreadEvent.Update)).toBe(1);
+    });
+
+    it.each([
+        ["audio", EventType.RoomMessage, MsgType.Audio],
+        ["image", EventType.RoomMessage, MsgType.Image],
+        ["video", EventType.RoomMessage, MsgType.Video],
+        ["file", EventType.RoomMessage, MsgType.File],
+        ["poll", M_POLL_START.name, undefined],
+    ])("renders a prefixed preview for %s replies", async (_name, type, msgtype) => {
+        const { vm } = makePreviewVm({
+            thread: new TestThread(new TestRoom() as TestRoom & Room) as TestThread & Thread,
+        });
+        vm.setThread(
+            Object.assign(new TestThread(new TestRoom() as TestRoom & Room), {
+                replyToEvent: makeEvent("Attachment preview", msgtype === undefined ? { type } : { type, msgtype }),
+            }) as TestThread & Thread,
+        );
+
+        await waitFor(() => expect(vm.getSnapshot().isVisible).toBe(true));
+
+        expect(vm.getSnapshot().previewContent).not.toBe("Attachment preview");
+        expect(vm.getSnapshot().previewTooltip).toBeUndefined();
+    });
+
+    it("reuses prefixed preview content when the generated text has not changed", async () => {
+        const event = makeEvent("Image preview", { msgtype: MsgType.Image });
+        const { vm } = makePreviewVm({
+            thread: Object.assign(new TestThread(new TestRoom() as TestRoom & Room), {
+                replyToEvent: event,
+            }) as TestThread & Thread,
+        });
+        await waitFor(() => expect(vm.getSnapshot().isVisible).toBe(true));
+        const previewContent = vm.getSnapshot().previewContent;
+
+        event.emit(MatrixEventEvent.Decrypted, event);
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe(previewContent));
+    });
+
+    it("updates when the thread latest reply changes in place", async () => {
+        const room = new TestRoom() as TestRoom & Room;
+        const thread = new TestThread(room) as TestThread & Thread;
+        thread.replyToEvent = makeEvent("First reply");
+        const vm = new ThreadMessagePreviewViewModel({
+            cli: makeClient(),
+            thread,
+            room,
+            timelineRenderingType: TimelineRenderingType.Room,
+            lowBandwidth: false,
+            useOnlyCurrentProfiles: false,
+            showDisplayName: false,
+        });
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("First reply"));
+
+        thread.replyToEvent = makeEvent("Second reply");
+        thread.emit(ThreadEvent.Update, thread);
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("Second reply"));
+    });
+
+    it("updates when the watched event is replaced or decrypted", async () => {
+        const event = makeEvent("First reply");
+        const { vm } = makePreviewVm({
+            thread: Object.assign(new TestThread(new TestRoom() as TestRoom & Room), {
+                replyToEvent: event,
+            }) as TestThread & Thread,
+        });
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("First reply"));
+
+        jest.mocked(MessagePreviewStore.instance.generatePreviewForEvent).mockReturnValue("Edited reply");
+        event.emit(MatrixEventEvent.Replaced, event);
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("Edited reply"));
+
+        jest.mocked(MessagePreviewStore.instance.generatePreviewForEvent).mockReturnValue("Decrypted reply");
+        event.emit(MatrixEventEvent.Decrypted, event);
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("Decrypted reply"));
+    });
+
+    it("hides redacted replies and replies without generated previews", async () => {
+        const redactedEvent = makeEvent("Redacted reply");
+        jest.spyOn(redactedEvent, "isRedacted").mockReturnValue(true);
+        const redactedVm = makePreviewVm({
+            thread: Object.assign(new TestThread(new TestRoom() as TestRoom & Room), {
+                replyToEvent: redactedEvent,
+            }) as TestThread & Thread,
+        }).vm;
+
+        expect(redactedVm.getSnapshot().isVisible).toBe(false);
+
+        jest.mocked(MessagePreviewStore.instance.generatePreviewForEvent).mockReturnValue("");
+        const emptyPreviewVm = makePreviewVm({
+            thread: Object.assign(new TestThread(new TestRoom() as TestRoom & Room), {
+                replyToEvent: makeEvent("Unsupported reply"),
+            }) as TestThread & Thread,
+        }).vm;
+
+        await waitFor(() => expect(MessagePreviewStore.instance.generatePreviewForEvent).toHaveBeenCalled());
+        expect(emptyPreviewVm.getSnapshot().isVisible).toBe(false);
+    });
+
+    it("shows a decryption failure preview without trying to decrypt again", async () => {
+        const decryptionFailureEvent = makeEvent("Encrypted reply");
+        jest.spyOn(decryptionFailureEvent, "isDecryptionFailure").mockReturnValue(true);
+        const cli = makeClient();
+        const { vm } = makePreviewVm({
+            cli,
+            thread: Object.assign(new TestThread(new TestRoom() as TestRoom & Room), {
+                replyToEvent: decryptionFailureEvent,
+            }) as TestThread & Thread,
+        });
+
+        await waitFor(() => expect(vm.getSnapshot().isVisible).toBe(true));
+
+        expect(cli.decryptEventIfNeeded).not.toHaveBeenCalled();
+        expect(vm.getSnapshot().previewContent).toBe("Unable to decrypt message");
+        expect(vm.getSnapshot().previewTooltip).toBe("Unable to decrypt message");
+    });
+
+    it("logs and hides the preview when decryption rejects", async () => {
+        const decryptError = new Error("No key");
+        const cli = makeClient(jest.fn().mockRejectedValue(decryptError));
+        const loggerSpy = jest.spyOn(logger, "error").mockImplementation(() => {});
+        const { vm } = makePreviewVm({ cli });
+
+        await waitFor(() =>
+            expect(loggerSpy).toHaveBeenCalledWith("Failed to decrypt thread preview event", decryptError),
+        );
+
+        expect(vm.getSnapshot().isVisible).toBe(false);
+    });
+
+    it("catches fire-and-forget preview update errors", async () => {
+        const previewError = new Error("Preview failed");
+        jest.mocked(MessagePreviewStore.instance.generatePreviewForEvent).mockImplementation(() => {
+            throw previewError;
+        });
+        const loggerSpy = jest.spyOn(logger, "error").mockImplementation(() => {});
+
+        makePreviewVm();
+
+        await waitFor(() => expect(loggerSpy).toHaveBeenCalledWith("Failed to update thread preview", previewError));
+    });
+
+    it("shows a decryption failure preview when decryption rejects into a failure state", async () => {
+        const decryptError = new Error("No key");
+        const event = makeEvent("Encrypted reply");
+        const isDecryptionFailureSpy = jest.spyOn(event, "isDecryptionFailure").mockReturnValue(false);
+        const cli = makeClient(
+            jest.fn().mockImplementation(async () => {
+                isDecryptionFailureSpy.mockReturnValue(true);
+                throw decryptError;
+            }),
+        );
+        jest.spyOn(logger, "error").mockImplementation(() => {});
+        const { vm } = makePreviewVm({
+            cli,
+            thread: Object.assign(new TestThread(new TestRoom() as TestRoom & Room), {
+                replyToEvent: event,
+            }) as TestThread & Thread,
+        });
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("Unable to decrypt message"));
+
+        expect(vm.getSnapshot().isVisible).toBe(true);
+        expect(vm.getSnapshot().previewTooltip).toBe("Unable to decrypt message");
+    });
+
+    it("hides the preview when an event is redacted during decryption", async () => {
+        const event = makeEvent("Redacted during decrypt");
+        const isRedactedSpy = jest.spyOn(event, "isRedacted").mockReturnValue(false);
+        const cli = makeClient(
+            jest.fn().mockImplementation(async () => {
+                isRedactedSpy.mockReturnValue(true);
+            }),
+        );
+        const { vm } = makePreviewVm({
+            cli,
+            thread: Object.assign(new TestThread(new TestRoom() as TestRoom & Room), {
+                replyToEvent: event,
+            }) as TestThread & Thread,
+        });
+
+        await waitFor(() => expect(isRedactedSpy).toHaveBeenCalledTimes(2));
+
+        expect(vm.getSnapshot().isVisible).toBe(false);
+        expect(MessagePreviewStore.instance.generatePreviewForEvent).not.toHaveBeenCalled();
+    });
+
+    it("shows a decryption failure preview when an event fails after decryption", async () => {
+        const event = makeEvent("Failure during decrypt");
+        const isDecryptionFailureSpy = jest.spyOn(event, "isDecryptionFailure").mockReturnValue(false);
+        const cli = makeClient(
+            jest.fn().mockImplementation(async () => {
+                isDecryptionFailureSpy.mockReturnValue(true);
+            }),
+        );
+        const { vm } = makePreviewVm({
+            cli,
+            thread: Object.assign(new TestThread(new TestRoom() as TestRoom & Room), {
+                replyToEvent: event,
+            }) as TestThread & Thread,
+        });
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("Unable to decrypt message"));
+
+        expect(vm.getSnapshot().isVisible).toBe(true);
+        expect(MessagePreviewStore.instance.generatePreviewForEvent).not.toHaveBeenCalled();
+    });
+
+    it("ignores stale decrypt results when the latest reply changes during decryption", async () => {
+        let resolveFirstDecrypt!: () => void;
+        const firstDecrypt = new Promise<void>((resolve) => {
+            resolveFirstDecrypt = resolve;
+        });
+        const cli = makeClient(jest.fn().mockReturnValueOnce(firstDecrypt).mockResolvedValue(undefined));
+        const room = new TestRoom() as TestRoom & Room;
+        const thread = new TestThread(room) as TestThread & Thread;
+        thread.replyToEvent = makeEvent("First reply");
+        const vm = new ThreadMessagePreviewViewModel({
+            cli,
+            thread,
+            room,
+            timelineRenderingType: TimelineRenderingType.Room,
+            lowBandwidth: false,
+            useOnlyCurrentProfiles: false,
+            showDisplayName: false,
+        });
+
+        thread.replyToEvent = makeEvent("Second reply");
+        thread.emit(ThreadEvent.Update, thread);
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("Second reply"));
+
+        resolveFirstDecrypt();
+
+        await Promise.resolve();
+
+        expect(vm.getSnapshot().previewContent).toBe("Second reply");
+    });
+
+    it("ignores stale decrypt errors when the latest reply changes before rejection", async () => {
+        let rejectFirstDecrypt!: (error: Error) => void;
+        const firstDecrypt = new Promise<void>((_resolve, reject) => {
+            rejectFirstDecrypt = reject;
+        });
+        const cli = makeClient(jest.fn().mockReturnValueOnce(firstDecrypt).mockResolvedValue(undefined));
+        const loggerSpy = jest.spyOn(logger, "error").mockImplementation(() => {});
+        const room = new TestRoom() as TestRoom & Room;
+        const thread = new TestThread(room) as TestThread & Thread;
+        thread.replyToEvent = makeEvent("First reply");
+        const vm = new ThreadMessagePreviewViewModel({
+            cli,
+            thread,
+            room,
+            timelineRenderingType: TimelineRenderingType.Room,
+            lowBandwidth: false,
+            useOnlyCurrentProfiles: false,
+            showDisplayName: false,
+        });
+
+        thread.replyToEvent = makeEvent("Second reply");
+        thread.emit(ThreadEvent.Update, thread);
+
+        await waitFor(() => expect(vm.getSnapshot().previewContent).toBe("Second reply"));
+
+        rejectFirstDecrypt(new Error("Stale decrypt"));
+        await waitFor(() => expect(loggerSpy).toHaveBeenCalled());
+
+        expect(vm.getSnapshot().previewContent).toBe("Second reply");
+    });
+
+    it("uses current room profiles and avatar thumbnails when requested", async () => {
+        const room = new TestRoom() as TestRoom & Room;
+        const currentMember = makeMember("Current Alice", userId, "mxc://example.org/avatar");
+        room.getMember.mockReturnValue(currentMember);
+        const { vm, cli } = makePreviewVm({
+            room,
+            useOnlyCurrentProfiles: true,
+            thread: Object.assign(new TestThread(room), {
+                replyToEvent: makeEvent("Profile reply", { senderName: "Historical Alice" }),
+            }) as TestThread & Thread,
+        });
+
+        await waitFor(() => expect(vm.getSnapshot().senderName).toBe("Current Alice"));
+
+        expect(vm.getSnapshot().avatar).toEqual(
+            expect.objectContaining({
+                id: userId,
+                name: "Current Alice",
+                src: "https://matrix.example.org/_matrix/media/mxc://example.org/avatar/24x24/crop",
+            }),
+        );
+        expect(getMxcUrlToHttpMock(cli)).toHaveBeenCalledWith("mxc://example.org/avatar", 24, 24, "crop", false, true);
+    });
+
+    it("updates the avatar and sender when the current room member profile changes", async () => {
+        const room = new TestRoom() as TestRoom & Room;
+        const historicalEvent = makeEvent("Profile update reply", { senderName: "Historical Alice" });
+        const { vm } = makePreviewVm({
+            room,
+            timelineRenderingType: TimelineRenderingType.ThreadsList,
+            thread: Object.assign(new TestThread(room), {
+                replyToEvent: historicalEvent,
+            }) as TestThread & Thread,
+        });
+        await waitFor(() => expect(vm.getSnapshot().senderName).toBe("Historical Alice"));
+
+        const currentMember = makeMember("Current Alice", userId, "mxc://example.org/current-avatar");
+        room.getMember.mockReturnValue(currentMember);
+        room.emit(RoomStateEvent.Members, makeEvent("Member event"), room, currentMember);
+
+        await waitFor(() => expect(vm.getSnapshot().senderName).toBe("Current Alice"));
+        expect(vm.getSnapshot().avatar).toEqual(
+            expect.objectContaining({
+                id: userId,
+                name: "Current Alice",
+                src: "https://matrix.example.org/_matrix/media/mxc://example.org/current-avatar/24x24/crop",
+            }),
+        );
+    });
+
+    it("ignores current room member profile updates for other users and unsubscribes on dispose", async () => {
+        const room = new TestRoom() as TestRoom & Room;
+        const { vm } = makePreviewVm({
+            room,
+            timelineRenderingType: TimelineRenderingType.ThreadsList,
+            thread: Object.assign(new TestThread(room), {
+                replyToEvent: makeEvent("Profile listener reply", { senderName: "Historical Alice" }),
+            }) as TestThread & Thread,
+        });
+        await waitFor(() => expect(vm.getSnapshot().senderName).toBe("Historical Alice"));
+
+        expect(room.listenerCount(RoomStateEvent.Members)).toBe(1);
+
+        room.getMember.mockReturnValue(makeMember("Current Alice", userId, "mxc://example.org/avatar"));
+        room.emit(
+            RoomStateEvent.Members,
+            makeEvent("Other member event"),
+            room,
+            makeMember("Other User", "@other:example.org"),
+        );
+
+        expect(vm.getSnapshot().senderName).toBe("Historical Alice");
+
+        vm.dispose();
+
+        expect(room.listenerCount(RoomStateEvent.Members)).toBe(0);
+    });
+
+    it("uses current room profiles in thread timelines and suppresses avatar URLs in low-bandwidth mode", async () => {
+        const room = new TestRoom() as TestRoom & Room;
+        room.getMember.mockReturnValue(makeMember("Thread Alice", userId, "mxc://example.org/avatar"));
+        const { vm, cli } = makePreviewVm({
+            room,
+            timelineRenderingType: TimelineRenderingType.Thread,
+            lowBandwidth: true,
+            useOnlyCurrentProfiles: false,
+            thread: Object.assign(new TestThread(room), {
+                replyToEvent: makeEvent("Low bandwidth reply", { senderName: "Historical Alice" }),
+            }) as TestThread & Thread,
+        });
+
+        await waitFor(() => expect(vm.getSnapshot().senderName).toBe("Thread Alice"));
+
+        expect(vm.getSnapshot().avatar).toEqual(
+            expect.objectContaining({
+                name: "Thread Alice",
+                src: undefined,
+            }),
+        );
+        expect(getMxcUrlToHttpMock(cli)).not.toHaveBeenCalled();
+    });
+
+    it("falls back to historical sender profiles when no current member exists", async () => {
+        const room = new TestRoom() as TestRoom & Room;
+        room.getMember.mockReturnValue(null);
+        const { vm } = makePreviewVm({
+            room,
+            useOnlyCurrentProfiles: true,
+            thread: Object.assign(new TestThread(room), {
+                replyToEvent: makeEvent("Historical profile reply", { senderName: "Historical Alice" }),
+            }) as TestThread & Thread,
+        });
+
+        await waitFor(() => expect(vm.getSnapshot().senderName).toBe("Historical Alice"));
+
+        expect(vm.getSnapshot().avatar).toEqual(
+            expect.objectContaining({
+                id: userId,
+                name: "Historical Alice",
+            }),
+        );
+    });
+
+    it("falls back to the sender id when event sender profile data is missing", async () => {
+        const mxEvent = makeEvent("Missing sender profile");
+        mxEvent.sender = null;
+        jest.spyOn(mxEvent, "getSender").mockReturnValue("@fallback:example.org");
+        const { vm } = makePreviewVm({
+            thread: Object.assign(new TestThread(new TestRoom() as TestRoom & Room), {
+                replyToEvent: mxEvent,
+            }) as TestThread & Thread,
+        });
+
+        await waitFor(() => expect(vm.getSnapshot().senderName).toBe("@fallback:example.org"));
+
+        expect(vm.getSnapshot().avatar).toEqual(
+            expect.objectContaining({
+                id: "@fallback:example.org",
+                name: "@fallback:example.org",
+                title: undefined,
+            }),
+        );
+    });
+});
diff --git a/apps/web/test/viewmodels/menus/UserMenuViewModel-test.ts b/apps/web/test/viewmodels/menus/UserMenuViewModel-test.ts
new file mode 100644
index 00000000000..8bcc7636512
--- /dev/null
+++ b/apps/web/test/viewmodels/menus/UserMenuViewModel-test.ts
@@ -0,0 +1,218 @@
+/*
+ * 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 { MatrixError, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { waitFor } from "jest-matrix-react";
+
+import type { MockedObject } from "jest-mock-vitest-adapter";
+import { UserMenuViewModel } from "../../../src/viewmodels/menus/UserMenuViewModel";
+import { getMockClientWithEventEmitter, mockClientMethodsServer, mockClientMethodsUser } from "../../test-utils";
+import { MatrixDispatcher } from "../../../src/dispatcher/dispatcher";
+import { SDKContextClass } from "../../../src/contexts/SDKContextClass";
+import SdkConfig from "../../../src/SdkConfig";
+import { Action } from "../../../src/dispatcher/actions";
+import { UserTab } from "../../../src/components/views/dialogs/UserTab";
+import Modal from "../../../src/Modal";
+import FeedbackDialog from "../../../src/components/views/dialogs/FeedbackDialog";
+import { type OwnProfileStore } from "../../../src/stores/OwnProfileStore";
+import { TestSDKContext } from "../../unit-tests/TestSDKContext.ts";
+
+describe("UserMenuViewModel", () => {
+    let dispatcher: MatrixDispatcher;
+    let client: MockedObject<MatrixClient>;
+    let mockOwnProfileStore: OwnProfileStore;
+    let sdkContext: TestSDKContext;
+
+    beforeEach(() => {
+        dispatcher = new MatrixDispatcher();
+        client = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(),
+            ...mockClientMethodsServer(),
+            getAuthMetadata: jest.fn().mockRejectedValue(new MatrixError({ errcode: "M_UNRECOGNIZED" }, 404)),
+            getExtendedProfileProperty: jest.fn().mockResolvedValue(undefined),
+            setExtendedProfileProperty: jest.fn().mockResolvedValue(undefined),
+        });
+        sdkContext = new TestSDKContext();
+        // @ts-ignore UserMenuViewModel uses SDKContext in the constructor
+        SDKContextClass.instance = sdkContext;
+        sdkContext._client = client;
+
+        mockOwnProfileStore = {
+            displayName: "Sally Sanderson",
+            userStatus: undefined,
+            getHttpAvatarUrl: jest.fn().mockReturnValue("https://foo.dummy/avatar.png"),
+            on: jest.fn(),
+        } as unknown as OwnProfileStore;
+    });
+    afterEach(() => {
+        jest.resetAllMocks();
+        SdkConfig.reset();
+        SDKContextClass.instance.onLoggedOut();
+    });
+
+    it("should generate a menu options for a logged in client", () => {
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        vm.setOpen(true);
+        expect(vm.getSnapshot().userId).toEqual("@alice:domain");
+        expect(vm.getSnapshot().displayName).toEqual("Sally Sanderson");
+        expect(vm.getSnapshot().avatarUrl).toEqual("https://foo.dummy/avatar.png");
+        expect(vm.getSnapshot().showAvatar).toEqual(true);
+        expect(vm.getSnapshot().expanded).toEqual(false);
+    });
+
+    it("should show a link for account management", async () => {
+        client.getAuthMetadata.mockResolvedValue({ account_management_uri: "https://example.org/" } as any);
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        vm.setOpen(true);
+        await waitFor(() => {
+            expect(vm.getSnapshot().manageAccountHref).toEqual("https://example.org/");
+        });
+    });
+
+    it("should generate a menu options for a guest", () => {
+        client.isGuest.mockReturnValue(true);
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        vm.setOpen(true);
+        expect(vm.getSnapshot().displayName).toEqual("Sally Sanderson");
+        expect(vm.getSnapshot().showAvatar).toEqual(false);
+        expect(vm.getSnapshot().showUserStatus).toEqual(false);
+    });
+
+    it("should generate a menu options that include feedback", () => {
+        SdkConfig.put({ bug_report_endpoint_url: "https://example.org" });
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        vm.setOpen(true);
+        expect(vm.getSnapshot().actions.openFeedback).toEqual(true);
+    });
+
+    it("should generate a menu options that includes a home page", () => {
+        SdkConfig.put({ embedded_pages: { home_url: "https://example.org" } });
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        vm.setOpen(true);
+        expect(vm.getSnapshot().actions.openHomePage).toEqual(true);
+    });
+
+    it("can toggle menu", () => {
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        vm.setOpen(true);
+        expect(vm.getSnapshot().open).toEqual(true);
+        vm.setOpen(false);
+        expect(vm.getSnapshot().open).toEqual(false);
+    });
+
+    it("can toggle expanded state", () => {
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        vm.setExpanded(true);
+        expect(vm.getSnapshot().expanded).toEqual(true);
+        vm.setExpanded(false);
+        expect(vm.getSnapshot().expanded).toEqual(false);
+    });
+
+    it("can open the home menu", async () => {
+        SdkConfig.put({ embedded_pages: { home_url: "https://example.org" } });
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        const dispatcherSpy = jest.fn();
+        dispatcher.register(dispatcherSpy);
+        vm.setOpen(true);
+        vm.openHomePage();
+        await waitFor(() =>
+            expect(dispatcherSpy).toHaveBeenCalledWith({
+                action: Action.ViewHomePage,
+            }),
+        );
+    });
+
+    it("can open the 'link new device' settings menu", async () => {
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        const dispatcherSpy = jest.fn();
+        dispatcher.register(dispatcherSpy);
+        vm.setOpen(true);
+        vm.linkNewDevice();
+        await waitFor(() =>
+            expect(dispatcherSpy).toHaveBeenCalledWith({
+                action: Action.ViewUserSettings,
+                initialTabId: UserTab.SessionManager,
+                props: { showMsc4108QrCode: true },
+            }),
+        );
+    });
+
+    it("can open the 'security' settings menu", async () => {
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        const dispatcherSpy = jest.fn();
+        dispatcher.register(dispatcherSpy);
+        vm.setOpen(true);
+        vm.openSecurity();
+        await waitFor(() =>
+            expect(dispatcherSpy).toHaveBeenCalledWith({
+                action: Action.ViewUserSettings,
+                initialTabId: UserTab.Security,
+            }),
+        );
+    });
+
+    it("can open the 'feedback' settings menu", async () => {
+        jest.spyOn(Modal, "createDialog");
+        SdkConfig.put({ bug_report_endpoint_url: "https://example.org" });
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        const dispatcherSpy = jest.fn();
+        dispatcher.register(dispatcherSpy);
+        vm.setOpen(true);
+        vm.openFeedback();
+        expect(Modal.createDialog).toHaveBeenCalledWith(FeedbackDialog);
+    });
+
+    it("can open the settings menu", async () => {
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        const dispatcherSpy = jest.fn();
+        dispatcher.register(dispatcherSpy);
+        vm.setOpen(true);
+        vm.openSettings();
+        await waitFor(() =>
+            expect(dispatcherSpy).toHaveBeenCalledWith({
+                action: Action.ViewUserSettings,
+            }),
+        );
+    });
+
+    it("can clear a user status", async () => {
+        client.getExtendedProfileProperty.mockResolvedValue({ emoji: "🧪", text: "Testing" });
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        vm.setOpen(true);
+        vm.clearStatus();
+        await waitFor(() =>
+            expect(client.setExtendedProfileProperty).toHaveBeenCalledWith("org.matrix.msc4426.status", null),
+        );
+    });
+
+    it("should be able to open the createAccount screen as a guest", async () => {
+        client.isGuest.mockReturnValue(true);
+        const dispatcherSpy = jest.fn();
+        dispatcher.register(dispatcherSpy);
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        vm.setOpen(true);
+        vm.createAccount();
+        await waitFor(() =>
+            expect(dispatcherSpy).toHaveBeenCalledWith({
+                action: "start_registration",
+            }),
+        );
+    });
+
+    it("should be able to open the onSignIn screen as a guest", async () => {
+        client.isGuest.mockReturnValue(true);
+        const dispatcherSpy = jest.fn();
+        dispatcher.register(dispatcherSpy);
+        const vm = new UserMenuViewModel({ ownProfileStore: mockOwnProfileStore }, dispatcher, client, true);
+        vm.setOpen(true);
+        vm.signIn();
+        await waitFor(() =>
+            expect(dispatcherSpy).toHaveBeenCalledWith({
+                action: "start_login",
+            }),
+        );
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/DecryptionFailureBodyViewModel-test.ts b/apps/web/test/viewmodels/message-body/DecryptionFailureBodyViewModel-test.ts
new file mode 100644
index 00000000000..3597e25fb17
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/DecryptionFailureBodyViewModel-test.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 { DecryptionFailureReason } from "@element-hq/web-shared-components";
+
+import { DecryptionFailureBodyViewModel } from "../../../src/viewmodels/room/timeline/event-tile/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.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);
+    });
+
+    it("should update snapshot when decryption failure code changes", () => {
+        const vm = new DecryptionFailureBodyViewModel({
+            decryptionFailureCode: DecryptionFailureCode.UNKNOWN_ERROR,
+        });
+
+        expect(vm.getSnapshot().decryptionFailureReason).toBe(DecryptionFailureReason.UNABLE_TO_DECRYPT);
+
+        vm.setDecryptionFailureCode(DecryptionFailureCode.UNSIGNED_SENDER_DEVICE);
+
+        expect(vm.getSnapshot().decryptionFailureReason).toBe(DecryptionFailureReason.UNSIGNED_SENDER_DEVICE);
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/EditHistoryActionBarViewModel-test.ts b/apps/web/test/viewmodels/message-body/EditHistoryActionBarViewModel-test.ts
new file mode 100644
index 00000000000..388e27635a0
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/EditHistoryActionBarViewModel-test.ts
@@ -0,0 +1,82 @@
+/*
+ * 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 { ActionBarAction } from "@element-hq/web-shared-components";
+
+import { EditHistoryActionBarViewModel } from "../../../src/viewmodels/message-body/EditHistoryActionBarViewModel";
+
+describe("EditHistoryActionBarViewModel", () => {
+    it("builds a label snapshot with remove and view source actions", () => {
+        const vm = new EditHistoryActionBarViewModel({
+            canRemove: true,
+            showViewSource: true,
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            actions: [ActionBarAction.Remove, ActionBarAction.ViewSource],
+            presentation: "label",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: false,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        });
+    });
+
+    it("omits actions that are disabled by props", () => {
+        const vm = new EditHistoryActionBarViewModel({
+            canRemove: false,
+            showViewSource: false,
+        });
+
+        expect(vm.getSnapshot().actions).toEqual([]);
+    });
+
+    it("updates the snapshot when props change", () => {
+        const vm = new EditHistoryActionBarViewModel({
+            canRemove: false,
+            showViewSource: true,
+        });
+
+        expect(vm.getSnapshot().actions).toEqual([ActionBarAction.ViewSource]);
+
+        vm.setProps({
+            canRemove: true,
+            showViewSource: false,
+        });
+
+        expect(vm.getSnapshot().actions).toEqual([ActionBarAction.Remove]);
+    });
+
+    it("forwards remove clicks to props", () => {
+        const onRemoveClick = jest.fn();
+        const vm = new EditHistoryActionBarViewModel({
+            canRemove: true,
+            showViewSource: false,
+            onRemoveClick,
+        });
+        const anchor = document.createElement("button");
+
+        vm.onRemoveClick(anchor);
+
+        expect(onRemoveClick).toHaveBeenCalledWith(anchor);
+    });
+
+    it("forwards view source clicks to props", () => {
+        const onViewSourceClick = jest.fn();
+        const vm = new EditHistoryActionBarViewModel({
+            canRemove: false,
+            showViewSource: true,
+            onViewSourceClick,
+        });
+        const anchor = document.createElement("button");
+
+        vm.onViewSourceClick(anchor);
+
+        expect(onViewSourceClick).toHaveBeenCalledWith(anchor);
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/EventContentBodyViewModel-test.ts b/apps/web/test/viewmodels/message-body/EventContentBodyViewModel-test.ts
new file mode 100644
index 00000000000..af03d7d1bc7
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/EventContentBodyViewModel-test.ts
@@ -0,0 +1,373 @@
+/*
+ * 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 { MsgType, PushRuleKind, type MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+import { type JSX } from "react";
+
+import {
+    EventContentBodyViewModel,
+    type EventContentBodyViewModelProps,
+} from "../../../src/viewmodels/message-body/EventContentBodyViewModel";
+import { stubClient, mkStubRoom, mkEvent } from "../../test-utils";
+import { bodyToNode } from "../../../src/HtmlUtils";
+import {
+    combineRenderers,
+    mentionPillRenderer,
+    keywordPillRenderer,
+    ambiguousLinkTooltipRenderer,
+    spoilerRenderer,
+    codeBlockRenderer,
+} from "../../../src/renderer";
+import PlatformPeg from "../../../src/PlatformPeg";
+import type BasePlatform from "../../../src/BasePlatform";
+import SettingsStore from "../../../src/settings/SettingsStore";
+
+jest.mock("../../../src/HtmlUtils", () => ({
+    ...jest.requireActual("../../../src/HtmlUtils"),
+    bodyToNode: jest.fn(),
+}));
+
+jest.mock("../../../src/renderer", () => ({
+    combineRenderers: jest.fn(),
+    mentionPillRenderer: jest.fn(),
+    keywordPillRenderer: jest.fn(),
+    ambiguousLinkTooltipRenderer: jest.fn(),
+    codeBlockRenderer: jest.fn(),
+    spoilerRenderer: jest.fn(),
+}));
+
+jest.mock("../../../src/PlatformPeg", () => ({
+    __esModule: true,
+    default: {
+        get: jest.fn(),
+    },
+}));
+
+const mockedBodyToNode = jest.mocked(bodyToNode);
+const mockedCombineRenderers = jest.mocked(combineRenderers);
+const mockedPlatformPeg = jest.mocked(PlatformPeg);
+
+describe("EventContentBodyViewModel", () => {
+    const defaultContent = {
+        body: "Hello world",
+        msgtype: MsgType.Text,
+    };
+
+    const defaultProps = (overrides: Partial<EventContentBodyViewModelProps> = {}): EventContentBodyViewModelProps => ({
+        client: null,
+        content: defaultContent,
+        linkify: false,
+        as: "span",
+        ...overrides,
+    });
+
+    beforeEach(() => {
+        mockedBodyToNode.mockReset();
+        mockedCombineRenderers.mockReset();
+        mockedPlatformPeg.get.mockReset();
+        mockedPlatformPeg.get.mockReturnValue(null);
+    });
+
+    it("passes render options to bodyToNode", () => {
+        const replacer = jest.fn();
+        mockedCombineRenderers.mockReturnValue(() => replacer);
+        mockedBodyToNode.mockReturnValue({
+            strippedBody: "Hello world",
+            formattedBody: undefined,
+            emojiBodyElements: undefined,
+            className: "mx_EventTile_body",
+        });
+
+        const vm = new EventContentBodyViewModel(
+            defaultProps({
+                linkify: true,
+                stripReply: true,
+                enableBigEmoji: true,
+                mediaIsVisible: false,
+            }),
+        );
+        const snapshot = vm.getSnapshot();
+
+        expect(mockedBodyToNode).toHaveBeenCalledWith(defaultContent, undefined, {
+            disableBigEmoji: false,
+            stripReplyFallback: true,
+            mediaIsVisible: false,
+            linkify: true,
+        });
+        expect(snapshot.body).toBe("Hello world");
+        expect(snapshot.replacer).toBe(replacer);
+        expect(snapshot.className).toContain("mx_EventTile_body");
+    });
+
+    it("initializes setting-backed options from SettingsStore when omitted", () => {
+        const replacer = jest.fn();
+        const createReplacerFromOptions = jest.fn().mockReturnValue(replacer);
+        mockedCombineRenderers.mockReturnValue(createReplacerFromOptions);
+        mockedBodyToNode.mockReturnValue({
+            strippedBody: "Hello world",
+            formattedBody: undefined,
+            emojiBodyElements: undefined,
+            className: "mx_EventTile_body",
+        });
+        const getValueSpy = jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName) => {
+            if (settingName === "TextualBody.enableBigEmoji") return false;
+            if (settingName === "Pill.shouldShowPillAvatar") return false;
+            return true;
+        });
+
+        new EventContentBodyViewModel(defaultProps());
+
+        expect(getValueSpy).toHaveBeenCalledWith("TextualBody.enableBigEmoji");
+        expect(getValueSpy).toHaveBeenCalledWith("Pill.shouldShowPillAvatar");
+        expect(mockedBodyToNode).toHaveBeenCalledWith(
+            defaultContent,
+            undefined,
+            expect.objectContaining({ disableBigEmoji: true }),
+        );
+        expect(mockedCombineRenderers).toHaveBeenCalledWith();
+        expect(createReplacerFromOptions).toHaveBeenCalledWith(
+            expect.objectContaining({ shouldShowPillAvatar: false }),
+        );
+        getValueSpy.mockRestore();
+    });
+
+    it("uses the injected client to resolve the room for renderer context", () => {
+        const replacer = jest.fn();
+        const createReplacerFromOptions = jest.fn().mockReturnValue(replacer);
+        mockedCombineRenderers.mockReturnValue(createReplacerFromOptions);
+        mockedBodyToNode.mockReturnValue({
+            strippedBody: "Hello world",
+            formattedBody: undefined,
+            emojiBodyElements: undefined,
+            className: "mx_EventTile_body",
+        });
+        const client = stubClient();
+        const mxEvent = mkEvent({
+            type: "m.room.message",
+            room: "!room:example.org",
+            user: "@user:example.org",
+            content: defaultContent,
+            event: true,
+        });
+        const room = mkStubRoom("!room:example.org", "Room", client) as Room;
+        const getRoomSpy = jest.spyOn(client, "getRoom").mockReturnValue(room);
+
+        new EventContentBodyViewModel(defaultProps({ mxEvent, client }));
+
+        expect(getRoomSpy).toHaveBeenCalledWith("!room:example.org");
+        expect(createReplacerFromOptions).toHaveBeenCalledWith(expect.objectContaining({ room }));
+    });
+
+    it("forces disableBigEmoji for emote events", () => {
+        const replacer = jest.fn();
+        mockedCombineRenderers.mockReturnValue(() => replacer);
+        mockedBodyToNode.mockReturnValue({
+            strippedBody: "Emote",
+            formattedBody: undefined,
+            emojiBodyElements: undefined,
+            className: "mx_EventTile_body",
+        });
+
+        new EventContentBodyViewModel(
+            defaultProps({
+                content: {
+                    body: "Emote",
+                    msgtype: MsgType.Emote,
+                },
+                enableBigEmoji: true,
+            }),
+        );
+
+        expect(mockedBodyToNode).toHaveBeenCalledWith(
+            { body: "Emote", msgtype: MsgType.Emote },
+            undefined,
+            expect.objectContaining({ disableBigEmoji: true }),
+        );
+    });
+
+    it("uses parse when formattedBody is provided", () => {
+        const replacer = jest.fn();
+        mockedCombineRenderers.mockReturnValue(() => replacer);
+        mockedBodyToNode.mockReturnValue({
+            strippedBody: "Hello world",
+            formattedBody: "<b>Hello</b>",
+            emojiBodyElements: undefined,
+            className: "mx_EventTile_body",
+        });
+
+        const vm = new EventContentBodyViewModel(defaultProps());
+
+        const snapshot = vm.getSnapshot();
+
+        expect(snapshot.formattedBody).toBe("<b>Hello</b>");
+        expect(snapshot.body).toBe("Hello world");
+        expect(snapshot.replacer).toBe(replacer);
+    });
+
+    it("uses emojiBodyElements when provided", () => {
+        const replacer = jest.fn();
+        mockedCombineRenderers.mockReturnValue(() => replacer);
+        const emojiElements = ["emoji"] as unknown as JSX.Element[];
+        mockedBodyToNode.mockReturnValue({
+            strippedBody: "ignored",
+            formattedBody: undefined,
+            emojiBodyElements: emojiElements,
+            className: "mx_EventTile_body",
+        });
+
+        const vm = new EventContentBodyViewModel(defaultProps());
+
+        expect(vm.getSnapshot().body).toBe(emojiElements);
+        expect(vm.getSnapshot().replacer).toBe(replacer);
+    });
+
+    it("sets dir to auto for div elements even when includeDir is false", () => {
+        const replacer = jest.fn();
+        mockedCombineRenderers.mockReturnValue(() => replacer);
+        mockedBodyToNode.mockReturnValue({
+            strippedBody: "Hello world",
+            formattedBody: undefined,
+            emojiBodyElements: undefined,
+            className: "mx_EventTile_body",
+        });
+
+        const vm = new EventContentBodyViewModel(defaultProps({ as: "div", includeDir: false }));
+
+        expect(vm.getSnapshot().dir).toBe("auto");
+    });
+
+    it("omits dir when includeDir is false on span elements", () => {
+        const replacer = jest.fn();
+        mockedCombineRenderers.mockReturnValue(() => replacer);
+        mockedBodyToNode.mockReturnValue({
+            strippedBody: "Hello world",
+            formattedBody: undefined,
+            emojiBodyElements: undefined,
+            className: "mx_EventTile_body",
+        });
+
+        const vm = new EventContentBodyViewModel(defaultProps({ as: "span", includeDir: false }));
+
+        expect(vm.getSnapshot().dir).toBeUndefined();
+    });
+
+    it("updates snapshot when setEventContent changes content", () => {
+        const replacer = jest.fn();
+        mockedCombineRenderers.mockReturnValue(() => replacer);
+        mockedBodyToNode.mockReturnValue({
+            strippedBody: "Initial",
+            formattedBody: undefined,
+            emojiBodyElements: undefined,
+            className: "mx_EventTile_body",
+        });
+
+        const vm = new EventContentBodyViewModel(defaultProps());
+        expect(vm.getSnapshot().body).toBe("Initial");
+
+        mockedBodyToNode.mockReturnValue({
+            strippedBody: "Updated",
+            formattedBody: undefined,
+            emojiBodyElements: undefined,
+            className: "mx_EventTile_body",
+        });
+
+        vm.setEventContent(undefined, { body: "Updated", msgtype: MsgType.Text });
+
+        expect(vm.getSnapshot().body).toBe("Updated");
+    });
+
+    it("doesn't emit updates when setters are called with unchanged values", () => {
+        const replacer = jest.fn();
+        mockedCombineRenderers.mockReturnValue(() => replacer);
+        mockedBodyToNode.mockReturnValue({
+            strippedBody: "Initial",
+            formattedBody: undefined,
+            emojiBodyElements: undefined,
+            className: "mx_EventTile_body",
+        });
+
+        const vm = new EventContentBodyViewModel(defaultProps());
+        const previousSnapshot = vm.getSnapshot();
+        const subscriber = jest.fn();
+
+        vm.subscribe(subscriber);
+        vm.setEventContent(undefined, defaultContent);
+        vm.setAs("span");
+
+        expect(subscriber).toHaveBeenCalledTimes(0);
+        expect(vm.getSnapshot()).toEqual(previousSnapshot);
+    });
+
+    it("includes renderers based on options and platform capabilities", () => {
+        const replacer = jest.fn();
+        mockedCombineRenderers.mockReturnValue(() => replacer);
+        mockedBodyToNode.mockReturnValue({
+            strippedBody: "Hello world",
+            formattedBody: undefined,
+            emojiBodyElements: undefined,
+            className: "mx_EventTile_body",
+        });
+        mockedPlatformPeg.get.mockReturnValue({ needsUrlTooltips: () => true } as unknown as BasePlatform);
+
+        const client = stubClient();
+        const mxEvent = mkEvent({
+            type: "m.room.message",
+            room: "!room:example.org",
+            user: "@user:example.org",
+            content: defaultContent,
+            event: true,
+        });
+        jest.spyOn(mxEvent, "getPushDetails").mockReturnValue({
+            rule: {
+                enabled: true,
+                kind: PushRuleKind.ContentSpecific,
+                pattern: "Hello",
+            },
+        } as unknown as ReturnType<MatrixEvent["getPushDetails"]>);
+        jest.spyOn(client, "getRoom").mockReturnValue(mkStubRoom("!room:example.org", "Room", client) as Room);
+
+        new EventContentBodyViewModel(
+            defaultProps({
+                renderMentionPills: true,
+                renderKeywordPills: true,
+                renderTooltipsForAmbiguousLinks: true,
+                renderSpoilers: true,
+                renderCodeBlocks: true,
+                mxEvent,
+            }),
+        );
+
+        expect(mockedCombineRenderers).toHaveBeenCalledWith(
+            mentionPillRenderer,
+            keywordPillRenderer,
+            ambiguousLinkTooltipRenderer,
+            spoilerRenderer,
+            codeBlockRenderer,
+        );
+    });
+
+    it("skips tooltip renderer when platform does not need URL tooltips", () => {
+        const replacer = jest.fn();
+        mockedCombineRenderers.mockReturnValue(() => replacer);
+        mockedBodyToNode.mockReturnValue({
+            strippedBody: "Hello world",
+            formattedBody: undefined,
+            emojiBodyElements: undefined,
+            className: "mx_EventTile_body",
+        });
+        mockedPlatformPeg.get.mockReturnValue({ needsUrlTooltips: () => false } as unknown as BasePlatform);
+
+        new EventContentBodyViewModel(
+            defaultProps({
+                renderMentionPills: true,
+                renderTooltipsForAmbiguousLinks: true,
+            }),
+        );
+
+        expect(mockedCombineRenderers).toHaveBeenCalledWith(mentionPillRenderer);
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/FileBodyViewModel-test.ts b/apps/web/test/viewmodels/message-body/FileBodyViewModel-test.ts
new file mode 100644
index 00000000000..bf702b6a8ef
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/FileBodyViewModel-test.ts
@@ -0,0 +1,306 @@
+/*
+ * 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 { EventType, MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { createRef, type RefObject } from "react";
+import { FileBodyViewInfoIcon, FileBodyViewState } from "@element-hq/web-shared-components";
+
+import Modal from "../../../src/Modal";
+import { TimelineRenderingType } from "../../../src/contexts/RoomContext";
+import { type MediaEventHelper } from "../../../src/utils/MediaEventHelper";
+import { FileBodyViewModel } from "../../../src/viewmodels/message-body/FileBodyViewModel";
+import ErrorDialog from "../../../src/components/views/dialogs/ErrorDialog";
+
+const mockDownload = jest.fn();
+
+jest.mock("../../../src/utils/FileDownloader", () => ({
+    FileDownloader: jest.fn().mockImplementation(() => ({
+        download: mockDownload,
+    })),
+}));
+
+jest.mock("../../../src/customisations/Media", () => ({
+    mediaFromContent: jest.fn((content: { file?: unknown; url?: string }) => ({
+        isEncrypted: !!content.file,
+        srcHttp: content.url ?? null,
+    })),
+}));
+
+describe("FileBodyViewModel", () => {
+    const mkMediaEvent = (
+        content: Partial<{ body: string; msgtype: string; url: string; file: Record<string, unknown> }>,
+    ): MatrixEvent =>
+        new MatrixEvent({
+            room_id: "!room:server",
+            sender: "@user:server",
+            type: EventType.RoomMessage,
+            content: {
+                body: "alt",
+                msgtype: "m.file",
+                url: "https://server/file",
+                ...content,
+            },
+        });
+
+    const mkMediaEventHelper = ({
+        encrypted,
+        blob = new Blob(["content"], { type: "text/plain" }),
+        fileName = "file.txt",
+    }: {
+        encrypted: boolean;
+        blob?: Blob;
+        fileName?: string;
+    }): MediaEventHelper =>
+        ({
+            media: { isEncrypted: encrypted },
+            sourceBlob: { value: Promise.resolve(blob) },
+            fileName,
+        }) as unknown as MediaEventHelper;
+
+    const createVm = (overrides: Partial<ConstructorParameters<typeof FileBodyViewModel>[0]> = {}): FileBodyViewModel =>
+        new FileBodyViewModel({
+            mxEvent: mkMediaEvent({}),
+            mediaEventHelper: mkMediaEventHelper({ encrypted: false }),
+            showFileInfo: false,
+            forExport: false,
+            timelineRenderingType: TimelineRenderingType.File,
+            refIFrame: createRef<HTMLIFrameElement>() as RefObject<HTMLIFrameElement>,
+            refLink: createRef<HTMLAnchorElement>() as RefObject<HTMLAnchorElement>,
+            ...overrides,
+        });
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("shows unencrypted download snapshot in file rendering type", () => {
+        const vm = createVm();
+        expect(vm.getSnapshot()).toMatchObject({
+            state: FileBodyViewState.UNENCRYPTED,
+            showInfo: false,
+            showDownload: true,
+            downloadHref: "https://server/file",
+        });
+    });
+
+    it.each([
+        { msgtype: "m.file", expectedIcon: FileBodyViewInfoIcon.ATTACHMENT },
+        { msgtype: "m.audio", expectedIcon: FileBodyViewInfoIcon.AUDIO },
+        { msgtype: "m.video", expectedIcon: FileBodyViewInfoIcon.VIDEO },
+    ])("shows generic placeholder info for $msgtype", ({ msgtype, expectedIcon }) => {
+        const vm = createVm({
+            mxEvent: mkMediaEvent({ msgtype }),
+            showFileInfo: true,
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: FileBodyViewState.UNENCRYPTED,
+            showInfo: true,
+            infoLabel: "alt",
+            infoIcon: expectedIcon,
+            showDownload: false,
+        });
+    });
+
+    it("shows export snapshot with export href", () => {
+        const vm = createVm({
+            forExport: true,
+            showFileInfo: true,
+            mxEvent: mkMediaEvent({ url: "https://server/export-file" }),
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: FileBodyViewState.EXPORT,
+            showInfo: true,
+            infoLabel: "alt",
+            infoHref: "https://server/export-file",
+        });
+    });
+
+    it("downloads unencrypted placeholder content on info click", async () => {
+        const blob = new Blob(["placeholder"], { type: "text/plain" });
+        const vm = createVm({
+            showFileInfo: true,
+            mediaEventHelper: mkMediaEventHelper({ encrypted: false, blob, fileName: "placeholder.txt" }),
+        });
+
+        await vm.onInfoClick();
+
+        expect(mockDownload).toHaveBeenCalledWith({
+            blob,
+            name: "placeholder.txt",
+        });
+    });
+
+    it("decrypts encrypted content and downloads on iframe load", async () => {
+        const blob = new Blob(["encrypted"], { type: "application/octet-stream" });
+        const vm = createVm({
+            mediaEventHelper: mkMediaEventHelper({ encrypted: true, blob, fileName: "encrypted.bin" }),
+            mxEvent: mkMediaEvent({ file: { url: "mxc://server/file" } }),
+        });
+
+        await vm.onDownloadClick();
+
+        expect(vm.getSnapshot().state).toBe(FileBodyViewState.ENCRYPTED);
+
+        vm.onDownloadIframeLoad();
+
+        expect(mockDownload).toHaveBeenCalledWith(
+            expect.objectContaining({
+                blob,
+                name: "encrypted.bin",
+                autoDownload: true,
+                opts: expect.objectContaining({
+                    textContent: expect.any(String),
+                }),
+            }),
+        );
+    });
+
+    it("downloads unencrypted source as blob in onDownloadLinkClick", async () => {
+        const blob = new Blob(["direct-download"], { type: "text/plain" });
+        const vm = createVm({
+            mediaEventHelper: mkMediaEventHelper({ encrypted: false, blob, fileName: "direct.txt" }),
+            mxEvent: mkMediaEvent({ msgtype: "m.file", url: "https://server/direct.txt" }),
+        });
+
+        const click = jest.spyOn(HTMLAnchorElement.prototype, "click");
+        const event = {
+            preventDefault: jest.fn(),
+            stopPropagation: jest.fn(),
+        } as any;
+
+        vm.onDownloadLinkClick(event);
+        await Promise.resolve();
+
+        expect(event.preventDefault).toHaveBeenCalled();
+        expect(event.stopPropagation).toHaveBeenCalled();
+        expect(URL.createObjectURL).toHaveBeenCalledWith(blob);
+        expect(click).toHaveBeenCalled();
+    });
+
+    it("shows decrypt error dialog when decrypt fails", async () => {
+        const vm = createVm({
+            mediaEventHelper: {
+                media: { isEncrypted: true },
+                sourceBlob: { value: Promise.reject(new Error("decrypt failed")) },
+                fileName: "broken.bin",
+            } as unknown as MediaEventHelper,
+            mxEvent: mkMediaEvent({ file: { url: "mxc://server/file" } }),
+        });
+        const warnSpy = jest.spyOn(logger, "warn").mockImplementation(() => {});
+        const dialogSpy = jest.spyOn(Modal, "createDialog").mockReturnValue({ close: jest.fn() } as any);
+
+        await vm.onDownloadClick();
+
+        expect(warnSpy).toHaveBeenCalled();
+        expect(dialogSpy).toHaveBeenCalledWith(
+            ErrorDialog,
+            expect.objectContaining({
+                title: "Error",
+                description: expect.stringMatching(/decrypt/i),
+            }),
+        );
+        expect(vm.getSnapshot().state).toBe(FileBodyViewState.DECRYPTION_PENDING);
+    });
+
+    it("resets decrypted state when mxEvent changes", async () => {
+        const vm = createVm({
+            mediaEventHelper: mkMediaEventHelper({ encrypted: true }),
+            mxEvent: mkMediaEvent({ file: { url: "mxc://server/file-a" } }),
+        });
+
+        await vm.onDownloadClick();
+        expect(vm.getSnapshot().state).toBe(FileBodyViewState.ENCRYPTED);
+
+        vm.setProps({
+            mxEvent: mkMediaEvent({ body: "new", file: { url: "mxc://server/file-b" } }),
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: FileBodyViewState.DECRYPTION_PENDING,
+        });
+    });
+
+    it("keeps decrypted state when non-event props change", async () => {
+        const vm = createVm({
+            mediaEventHelper: mkMediaEventHelper({ encrypted: true }),
+            mxEvent: mkMediaEvent({ file: { url: "mxc://server/file-a" } }),
+        });
+
+        await vm.onDownloadClick();
+        expect(vm.getSnapshot().state).toBe(FileBodyViewState.ENCRYPTED);
+
+        vm.setProps({
+            timelineRenderingType: TimelineRenderingType.Thread,
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: FileBodyViewState.ENCRYPTED,
+            showDownload: false,
+        });
+    });
+
+    it("uses filename-like downloadTitle in encrypted mode when showFileInfo is false", () => {
+        const vm = createVm({
+            showFileInfo: false,
+            mediaEventHelper: mkMediaEventHelper({ encrypted: true }),
+            mxEvent: mkMediaEvent({ body: "my-file.pdf", file: { url: "mxc://server/file" } }),
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: FileBodyViewState.DECRYPTION_PENDING,
+            downloadTitle: "my-file.pdf",
+        });
+    });
+
+    it("hides download in thread rendering even when showFileInfo is false", () => {
+        const vm = createVm({
+            showFileInfo: false,
+            timelineRenderingType: TimelineRenderingType.Thread,
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: FileBodyViewState.UNENCRYPTED,
+            showDownload: false,
+        });
+    });
+
+    it("returns INVALID snapshot when content URL is missing", () => {
+        const vm = createVm({
+            mxEvent: mkMediaEvent({ url: undefined }),
+            showFileInfo: true,
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: FileBodyViewState.INVALID,
+            showInfo: true,
+            infoLabel: "alt",
+            infoIcon: FileBodyViewInfoIcon.ATTACHMENT,
+        });
+    });
+
+    it("does not download on info click when showFileInfo is false", async () => {
+        const vm = createVm({ showFileInfo: false });
+
+        await vm.onInfoClick();
+
+        expect(mockDownload).not.toHaveBeenCalled();
+    });
+
+    it("keeps unencrypted snapshot when download is clicked without mediaEventHelper", async () => {
+        const vm = createVm({
+            mediaEventHelper: undefined,
+            mxEvent: mkMediaEvent({ file: { url: "mxc://server/file" } }),
+        });
+
+        await vm.onDownloadClick();
+
+        expect(vm.getSnapshot().state).toBe(FileBodyViewState.UNENCRYPTED);
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/HiddenBodyViewModel-test.ts b/apps/web/test/viewmodels/message-body/HiddenBodyViewModel-test.ts
new file mode 100644
index 00000000000..e8d961f6ecf
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/HiddenBodyViewModel-test.ts
@@ -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 MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { HiddenBodyViewModel } from "../../../src/viewmodels/room/timeline/event-tile/body/HiddenBodyViewModel";
+
+describe("HiddenBodyViewModel", () => {
+    const createEvent = (visible: boolean, reason?: string | null): MatrixEvent =>
+        ({
+            messageVisibility: jest.fn().mockReturnValue({
+                visible,
+                reason,
+            }),
+        }) as unknown as MatrixEvent;
+
+    it("extracts a moderation reason from a hidden event", () => {
+        const vm = new HiddenBodyViewModel({ mxEvent: createEvent(false, "spam") });
+
+        expect(vm.getSnapshot()).toEqual({
+            reason: "spam",
+        });
+    });
+
+    it("omits the reason when the hidden event has no reason", () => {
+        const vm = new HiddenBodyViewModel({ mxEvent: createEvent(false, null) });
+
+        expect(vm.getSnapshot()).toEqual({
+            reason: undefined,
+        });
+    });
+
+    it("throws when created for a visible event", () => {
+        expect(() => new HiddenBodyViewModel({ mxEvent: createEvent(true) })).toThrow(
+            "HiddenBodyViewModel should only be applied to hidden messages",
+        );
+    });
+
+    it("updates the snapshot when the event changes", () => {
+        const vm = new HiddenBodyViewModel({ mxEvent: createEvent(false) });
+
+        vm.setEvent(createEvent(false, "abuse"));
+
+        expect(vm.getSnapshot()).toEqual({
+            reason: "abuse",
+        });
+    });
+
+    it("does not emit when setEvent receives the current event", () => {
+        const event = createEvent(false, "spam");
+        const vm = new HiddenBodyViewModel({ mxEvent: event });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setEvent(event);
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/ImageBodyViewModel-test.ts b/apps/web/test/viewmodels/message-body/ImageBodyViewModel-test.ts
new file mode 100644
index 00000000000..787b119f8fe
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/ImageBodyViewModel-test.ts
@@ -0,0 +1,1012 @@
+/*
+ * 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 { createRef, type RefObject } from "react";
+import { ClientEvent, EventType, MatrixEvent, SyncState } from "matrix-js-sdk/src/matrix";
+import { type Media } from "@element-hq/element-web-module-api";
+import { ImageBodyViewPlaceholder, ImageBodyViewState } from "@element-hq/web-shared-components";
+
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { ImageSize } from "../../../src/settings/enums/ImageSize";
+import { mediaFromContent } from "../../../src/customisations/Media";
+import { TimelineRenderingType } from "../../../src/contexts/RoomContext";
+import { DecryptError, DownloadError } from "../../../src/utils/DecryptFile";
+import { type MediaEventHelper } from "../../../src/utils/MediaEventHelper";
+import { ImageBodyViewModel } from "../../../src/viewmodels/message-body/ImageBodyViewModel";
+import Modal from "../../../src/Modal";
+import { MatrixClientPeg } from "../../../src/MatrixClientPeg";
+import { blobIsAnimated } from "../../../src/utils/Image";
+import { BLURHASH_FIELD, createThumbnail } from "../../../src/utils/image-media";
+
+jest.mock("../../../src/customisations/Media", () => ({
+    mediaFromContent: jest.fn(),
+}));
+
+jest.mock("../../../src/utils/Image", () => ({
+    ...jest.requireActual("../../../src/utils/Image"),
+    blobIsAnimated: jest.fn(),
+}));
+
+jest.mock("../../../src/utils/image-media", () => ({
+    ...jest.requireActual("../../../src/utils/image-media"),
+    createThumbnail: jest.fn(),
+}));
+
+describe("ImageBodyViewModel", () => {
+    const mockedMediaFromContent = jest.mocked(mediaFromContent);
+    const mockedBlobIsAnimated = jest.mocked(blobIsAnimated);
+    const mockedCreateThumbnail = jest.mocked(createThumbnail);
+    const imageRef = createRef<HTMLImageElement>() as RefObject<HTMLImageElement>;
+    let imageSizeWatcher: ((...args: [unknown, unknown, unknown, unknown, ImageSize]) => void) | undefined;
+
+    const flushPromises = async (): Promise<void> => {
+        await Promise.resolve();
+        await Promise.resolve();
+        await Promise.resolve();
+    };
+
+    const downloadImageForTest = async (vm: ImageBodyViewModel): Promise<void> => {
+        await (vm as any).downloadImage();
+    };
+
+    const createEvent = ({
+        body = "demo image",
+        content = {},
+    }: {
+        body?: string;
+        content?: Record<string, unknown>;
+    } = {}): MatrixEvent => {
+        const { info: infoOverride, ...restContent } = content;
+        const info =
+            infoOverride === null
+                ? undefined
+                : {
+                      w: 320,
+                      h: 240,
+                      size: 48_000,
+                      mimetype: "image/jpeg",
+                      ...(infoOverride as Record<string, unknown> | undefined),
+                  };
+
+        return new MatrixEvent({
+            type: EventType.RoomMessage,
+            room_id: "!room:server",
+            event_id: "$image:server",
+            sender: "@alice:server",
+            content: {
+                msgtype: "m.image",
+                body,
+                url: "mxc://server/image",
+                ...restContent,
+                ...(info ? { info } : {}),
+            },
+        });
+    };
+
+    const createMediaEventHelper = ({
+        encrypted,
+        thumbnailUrl = "blob:thumbnail",
+        sourceUrl = "blob:image",
+        sourceBlob = new Blob(["image"], { type: "image/jpeg" }),
+    }: {
+        encrypted: boolean;
+        thumbnailUrl?: string | null | Promise<string | null>;
+        sourceUrl?: string | null | Promise<string | null>;
+        sourceBlob?: Blob | Promise<Blob>;
+    }): MediaEventHelper =>
+        ({
+            media: { isEncrypted: encrypted },
+            thumbnailUrl: { value: Promise.resolve(thumbnailUrl) },
+            sourceUrl: { value: Promise.resolve(sourceUrl) },
+            sourceBlob: { value: Promise.resolve(sourceBlob), cachedValue: sourceBlob },
+        }) as unknown as MediaEventHelper;
+
+    const createMockMedia = (content: Record<string, any>): Media =>
+        ({
+            isEncrypted: !!content.file,
+            srcMxc: content.url ?? "mxc://server/image",
+            srcHttp: "https://server/full.png",
+            thumbnailMxc: content.info?.thumbnail_url ?? "mxc://server/thumb",
+            thumbnailHttp: "https://server/thumb.png",
+            hasThumbnail: content.info?.thumbnail_url !== null,
+            getThumbnailHttp: jest.fn().mockReturnValue("https://server/thumb.png"),
+            getThumbnailOfSourceHttp: jest.fn().mockReturnValue("https://server/thumb.png"),
+            getSquareThumbnailHttp: jest.fn(),
+            downloadSource: jest.fn(),
+        }) as unknown as Media;
+
+    const createVm = (
+        overrides: Partial<ConstructorParameters<typeof ImageBodyViewModel>[0]> = {},
+    ): ImageBodyViewModel =>
+        new ImageBodyViewModel({
+            mxEvent: createEvent(),
+            mediaVisible: false,
+            timelineRenderingType: TimelineRenderingType.Room,
+            imageRef,
+            ...overrides,
+        });
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+
+        Object.defineProperty(window, "devicePixelRatio", {
+            configurable: true,
+            value: 1,
+        });
+
+        const originalGetValue = SettingsStore.getValue;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((setting, ...args) => {
+            if (setting === "Images.size") {
+                return ImageSize.Normal;
+            }
+            if (setting === "autoplayGifs") {
+                return false;
+            }
+            return originalGetValue(setting, ...args);
+        });
+        jest.spyOn(SettingsStore, "watchSetting").mockImplementation((_name, _roomId, callback) => {
+            imageSizeWatcher = callback as (...args: [unknown, unknown, unknown, unknown, ImageSize]) => void;
+            return "image-body-test-watch";
+        });
+        jest.spyOn(SettingsStore, "unwatchSetting").mockImplementation(jest.fn());
+
+        mockedMediaFromContent.mockImplementation((content: Record<string, any>) => createMockMedia(content));
+        mockedBlobIsAnimated.mockResolvedValue(true);
+        mockedCreateThumbnail.mockResolvedValue({ thumbnail: new Blob(["thumbnail"], { type: "image/jpeg" }) } as any);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+        imageSizeWatcher = undefined;
+    });
+
+    it("starts hidden and skips emitting when setMediaVisible is unchanged", () => {
+        const vm = createVm();
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.HIDDEN,
+            hiddenButtonLabel: "Show image",
+        });
+
+        vm.setMediaVisible(false);
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+
+    it("waits for initial media loading before exposing unencrypted media urls", () => {
+        const vm = createVm({
+            mediaVisible: true,
+            mxEvent: createEvent({
+                content: {
+                    info: {
+                        mimetype: "image/jpeg",
+                    },
+                },
+            }),
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.READY,
+        });
+        expect(vm.getSnapshot().src).toBeUndefined();
+        expect(vm.getSnapshot().thumbnailSrc).toBeUndefined();
+        expect(mockedMediaFromContent).not.toHaveBeenCalled();
+
+        vm.loadInitialMediaIfVisible();
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.READY,
+            src: "https://server/full.png",
+            thumbnailSrc: "https://server/thumb.png",
+            linkUrl: "https://server/full.png",
+        });
+    });
+
+    it("does not load media while hidden", () => {
+        const vm = createVm();
+
+        vm.loadInitialMediaIfVisible();
+
+        expect(mockedMediaFromContent).not.toHaveBeenCalled();
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.HIDDEN,
+            hiddenButtonLabel: "Show image",
+        });
+    });
+
+    it("uses MXC URLs directly for export snapshots", () => {
+        const vm = createVm({
+            forExport: true,
+            mediaVisible: true,
+            mxEvent: createEvent({
+                content: {
+                    url: undefined,
+                    file: { url: "mxc://server/encrypted-image" },
+                },
+            }),
+        });
+
+        vm.loadInitialMediaIfVisible();
+
+        expect(mockedMediaFromContent).not.toHaveBeenCalled();
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.READY,
+            src: "mxc://server/encrypted-image",
+            thumbnailSrc: "mxc://server/encrypted-image",
+            linkUrl: "mxc://server/encrypted-image",
+            linkTarget: "_blank",
+            placeholder: ImageBodyViewPlaceholder.NONE,
+        });
+    });
+
+    it("falls back to loaded image dimensions when event info has no size", () => {
+        const imageRefWithDimensions = {
+            current: {
+                naturalWidth: 640,
+                naturalHeight: 480,
+            },
+        } as RefObject<HTMLImageElement>;
+        const vm = createVm({
+            imageRef: imageRefWithDimensions,
+            mediaVisible: true,
+            mxEvent: createEvent({ content: { info: null } }),
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            maxWidth: undefined,
+            maxHeight: undefined,
+            aspectRatio: undefined,
+        });
+
+        vm.onImageLoad();
+
+        expect(vm.getSnapshot()).toMatchObject({
+            maxWidth: expect.any(Number),
+            maxHeight: expect.any(Number),
+            aspectRatio: "640/480",
+            placeholder: ImageBodyViewPlaceholder.NONE,
+        });
+    });
+
+    it("switches from blurhash placeholder after the delay", () => {
+        jest.useFakeTimers();
+        const vm = createVm({
+            mediaVisible: true,
+            mxEvent: createEvent({
+                content: {
+                    info: {
+                        [BLURHASH_FIELD]: "LEHV6nWB2yk8pyo0adR*.7kCMdnj",
+                    },
+                },
+            }),
+        });
+
+        vm.loadInitialMediaIfVisible();
+        expect(vm.getSnapshot().placeholder).toBe(ImageBodyViewPlaceholder.NONE);
+
+        jest.advanceTimersByTime(150);
+
+        expect(vm.getSnapshot().placeholder).toBe(ImageBodyViewPlaceholder.BLURHASH);
+        jest.useRealTimers();
+    });
+
+    it("renders the ready snapshot with thumbnail data once visible", async () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-image" },
+                    info: {
+                        mimetype: "image/jpeg",
+                        w: 320,
+                        h: 240,
+                        size: 48_000,
+                    },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                sourceUrl: "https://server/full.png",
+                thumbnailUrl: "https://server/thumb.png",
+            }),
+        });
+
+        vm.setMediaVisible(true);
+        await downloadImageForTest(vm);
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.READY,
+            src: "https://server/full.png",
+            thumbnailSrc: "https://server/thumb.png",
+            linkUrl: "https://server/full.png",
+        });
+    });
+
+    it("reveals hidden media through the supplied setter", () => {
+        const setMediaVisible = jest.fn();
+        const vm = createVm({ setMediaVisible });
+
+        vm.onHiddenButtonClick();
+
+        expect(setMediaVisible).toHaveBeenCalledWith(true);
+    });
+
+    it("falls back from the thumbnail url to the full image after an image error", async () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-image" },
+                    info: {
+                        mimetype: "image/jpeg",
+                        w: 320,
+                        h: 240,
+                        size: 48_000,
+                    },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                sourceUrl: "https://server/full.png",
+                thumbnailUrl: "https://server/thumb.png",
+            }),
+            mediaVisible: true,
+        });
+
+        vm.loadInitialMediaIfVisible();
+        await downloadImageForTest(vm);
+        expect(vm.getSnapshot().thumbnailSrc).toBe("https://server/thumb.png");
+
+        vm.onImageError();
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.READY,
+            src: "https://server/full.png",
+            thumbnailSrc: "https://server/full.png",
+        });
+    });
+
+    it("marks animated images for hover playback when autoplay is disabled", async () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-image" },
+                    info: {
+                        "w": 320,
+                        "h": 240,
+                        "size": 48_000,
+                        "mimetype": "image/gif",
+                        "thumbnail_info": { mimetype: "image/jpeg" },
+                        "org.matrix.msc4230.is_animated": true,
+                    },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                sourceUrl: "https://server/full.gif",
+                thumbnailUrl: "https://server/thumb.jpg",
+                sourceBlob: new Blob(["gif"], { type: "image/gif" }),
+            }),
+            mediaVisible: true,
+        });
+
+        vm.loadInitialMediaIfVisible();
+        await downloadImageForTest(vm);
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.READY,
+            showAnimatedContentOnHover: true,
+            gifLabel: "GIF",
+        });
+    });
+
+    it("shows an error snapshot when encrypted media download fails", async () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-image" },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                sourceUrl: Promise.reject(new DownloadError(new Error("download failed"))),
+            }),
+            mediaVisible: true,
+        });
+
+        vm.loadInitialMediaIfVisible();
+        await flushPromises();
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.ERROR,
+            errorLabel: "Error downloading image",
+        });
+    });
+
+    it("uses the decrypt error label when encrypted media decryption fails", async () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-image" },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                sourceUrl: Promise.reject(new DecryptError(new Error("decrypt failed"))),
+            }),
+            mediaVisible: true,
+        });
+
+        await downloadImageForTest(vm);
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.ERROR,
+            errorLabel: "Error decrypting image",
+        });
+    });
+
+    it("uses the generic error label when image loading fails", () => {
+        const client = { on: jest.fn() };
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(client as any);
+        const vm = createVm({ mediaVisible: true });
+
+        vm.onImageError();
+
+        expect(client.on).toHaveBeenCalledWith(ClientEvent.Sync, expect.any(Function));
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.ERROR,
+            errorLabel: "Unable to show image due to error",
+        });
+    });
+
+    it("clears image errors after reconnecting", () => {
+        const client = { on: jest.fn(), off: jest.fn() };
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(client as any);
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(client as any);
+        const vm = createVm({ mediaVisible: true });
+
+        vm.onImageError();
+        expect(vm.getSnapshot().state).toBe(ImageBodyViewState.ERROR);
+
+        const listener = client.on.mock.calls[0][1];
+        listener(SyncState.Syncing, SyncState.Error);
+
+        expect(client.off).toHaveBeenCalledWith(ClientEvent.Sync, listener);
+        expect(vm.getSnapshot().state).toBe(ImageBodyViewState.READY);
+    });
+
+    it("ignores repeated image errors once already in the error state", () => {
+        const client = { on: jest.fn() };
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(client as any);
+        const vm = createVm({ mediaVisible: true });
+
+        vm.onImageError();
+        vm.onImageError();
+
+        expect(client.on).toHaveBeenCalledTimes(1);
+    });
+
+    it("uses the SVG thumbnail media when one is available", () => {
+        const vm = createVm({
+            mediaVisible: true,
+            mxEvent: createEvent({
+                content: {
+                    info: {
+                        mimetype: "image/svg+xml",
+                        thumbnail_url: "mxc://server/svg-thumb",
+                    },
+                },
+            }),
+        });
+
+        vm.loadInitialMediaIfVisible();
+
+        const media = mockedMediaFromContent.mock.results.at(-1)!.value as Media;
+        expect(media.getThumbnailHttp).toHaveBeenCalledWith(800, 600, "scale");
+        expect(vm.getSnapshot().thumbnailSrc).toBe("https://server/thumb.png");
+    });
+
+    it("uses the full source as thumbnail for small high-dpi images", () => {
+        Object.defineProperty(window, "devicePixelRatio", {
+            configurable: true,
+            value: 2,
+        });
+        const vm = createVm({
+            mediaVisible: true,
+            mxEvent: createEvent({
+                content: {
+                    info: {
+                        mimetype: "image/jpeg",
+                        w: 320,
+                        h: 240,
+                        size: 48_000,
+                    },
+                },
+            }),
+        });
+
+        vm.loadInitialMediaIfVisible();
+
+        expect(vm.getSnapshot().thumbnailSrc).toBe("https://server/full.png");
+    });
+
+    it("requests a thumbnail for large high-dpi images", () => {
+        Object.defineProperty(window, "devicePixelRatio", {
+            configurable: true,
+            value: 2,
+        });
+        const vm = createVm({
+            mediaVisible: true,
+            mxEvent: createEvent({
+                content: {
+                    info: {
+                        mimetype: "image/jpeg",
+                        w: 1600,
+                        h: 1200,
+                        size: 2 * 1024 * 1024,
+                    },
+                },
+            }),
+        });
+
+        vm.loadInitialMediaIfVisible();
+
+        const media = mockedMediaFromContent.mock.results.at(-1)!.value as Media;
+        expect(media.getThumbnailOfSourceHttp).toHaveBeenCalledWith(800, 600);
+        expect(vm.getSnapshot().thumbnailSrc).toBe("https://server/thumb.png");
+    });
+
+    it("generates a static thumbnail for animated images without a safe thumbnail", async () => {
+        let createdImage: any;
+        const originalCreateElement = document.createElement.bind(document);
+        jest.spyOn(document, "createElement").mockImplementation(((tagName: string) => {
+            if (tagName !== "img") {
+                return originalCreateElement(tagName);
+            }
+            createdImage = {
+                width: 320,
+                height: 240,
+                crossOrigin: "",
+                src: "",
+                onload: undefined,
+                onerror: undefined,
+            };
+            return createdImage as HTMLImageElement;
+        }) as typeof document.createElement);
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-image" },
+                    info: {
+                        "mimetype": "image/gif",
+                        "thumbnail_info": { mimetype: "image/gif" },
+                        "org.matrix.msc4230.is_animated": true,
+                    },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                sourceUrl: "https://server/full.gif",
+                thumbnailUrl: null,
+                sourceBlob: new Blob(["gif"], { type: "image/gif" }),
+            }),
+            mediaVisible: true,
+        });
+
+        const promise = downloadImageForTest(vm);
+        await flushPromises();
+        createdImage.onload();
+        await promise;
+
+        expect(mockedBlobIsAnimated).toHaveBeenCalled();
+        expect(mockedCreateThumbnail).toHaveBeenCalledWith(createdImage, 320, 240, "image/gif", false);
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.READY,
+            thumbnailSrc: "blob",
+            gifLabel: "GIF",
+        });
+    });
+
+    it("treats decoded static images as non-animated", async () => {
+        mockedBlobIsAnimated.mockResolvedValue(false);
+        let createdImage: any;
+        const originalCreateElement = document.createElement.bind(document);
+        jest.spyOn(document, "createElement").mockImplementation(((tagName: string) => {
+            if (tagName !== "img") {
+                return originalCreateElement(tagName);
+            }
+            createdImage = {
+                width: 320,
+                height: 240,
+                crossOrigin: "",
+                src: "",
+                onload: undefined,
+                onerror: undefined,
+            };
+            return createdImage as HTMLImageElement;
+        }) as typeof document.createElement);
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-image" },
+                    info: {
+                        mimetype: "image/gif",
+                    },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                sourceUrl: "https://server/full.gif",
+                thumbnailUrl: null,
+                sourceBlob: new Blob(["gif"], { type: "image/gif" }),
+            }),
+            mediaVisible: true,
+        });
+
+        const promise = downloadImageForTest(vm);
+        await flushPromises();
+        createdImage.onload();
+        await promise;
+
+        expect(mockedCreateThumbnail).not.toHaveBeenCalled();
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.READY,
+            gifLabel: undefined,
+            showAnimatedContentOnHover: false,
+        });
+    });
+
+    it("shows an error when animated image loading fails", async () => {
+        let createdImage: any;
+        const originalCreateElement = document.createElement.bind(document);
+        jest.spyOn(document, "createElement").mockImplementation(((tagName: string) => {
+            if (tagName !== "img") {
+                return originalCreateElement(tagName);
+            }
+            createdImage = {
+                width: 320,
+                height: 240,
+                crossOrigin: "",
+                src: "",
+                onload: undefined,
+                onerror: undefined,
+            };
+            return createdImage as HTMLImageElement;
+        }) as typeof document.createElement);
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-image" },
+                    info: {
+                        mimetype: "image/gif",
+                    },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                sourceUrl: "https://server/full.gif",
+                thumbnailUrl: null,
+            }),
+            mediaVisible: true,
+        });
+
+        const promise = downloadImageForTest(vm);
+        await flushPromises();
+        createdImage.onerror();
+        await promise;
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.ERROR,
+            errorLabel: "Unable to show image due to error",
+        });
+    });
+
+    it("continues when animated thumbnail generation fails", async () => {
+        mockedCreateThumbnail.mockRejectedValue(new Error("thumbnail failed"));
+        let createdImage: any;
+        const originalCreateElement = document.createElement.bind(document);
+        jest.spyOn(document, "createElement").mockImplementation(((tagName: string) => {
+            if (tagName !== "img") {
+                return originalCreateElement(tagName);
+            }
+            createdImage = {
+                width: 320,
+                height: 240,
+                crossOrigin: "",
+                src: "",
+                onload: undefined,
+                onerror: undefined,
+            };
+            return createdImage as HTMLImageElement;
+        }) as typeof document.createElement);
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-image" },
+                    info: {
+                        mimetype: "image/gif",
+                    },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                sourceUrl: "https://server/full.gif",
+                thumbnailUrl: null,
+            }),
+            mediaVisible: true,
+        });
+
+        const promise = downloadImageForTest(vm);
+        await flushPromises();
+        createdImage.onload();
+        await promise;
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.READY,
+            thumbnailSrc: "https://server/full.gif",
+            gifLabel: "GIF",
+        });
+    });
+
+    it("revokes a generated thumbnail if disposed before download completes", async () => {
+        let createdImage: any;
+        const originalCreateElement = document.createElement.bind(document);
+        jest.spyOn(document, "createElement").mockImplementation(((tagName: string) => {
+            if (tagName !== "img") {
+                return originalCreateElement(tagName);
+            }
+            createdImage = {
+                width: 320,
+                height: 240,
+                crossOrigin: "",
+                src: "",
+                onload: undefined,
+                onerror: undefined,
+            };
+            return createdImage as HTMLImageElement;
+        }) as typeof document.createElement);
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-image" },
+                    info: {
+                        mimetype: "image/gif",
+                    },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                sourceUrl: "https://server/full.gif",
+                thumbnailUrl: null,
+            }),
+            mediaVisible: true,
+        });
+        mockedCreateThumbnail.mockImplementation(async () => {
+            vm.dispose();
+            return { thumbnail: new Blob(["thumbnail"], { type: "image/jpeg" }) } as any;
+        });
+
+        const promise = downloadImageForTest(vm);
+        await flushPromises();
+        createdImage.onload();
+        await promise;
+
+        expect(URL.revokeObjectURL).toHaveBeenCalledWith("blob");
+    });
+
+    it("opens the image viewer for primary clicks", () => {
+        const clientRect = { width: 100, height: 80, x: 10, y: 20 };
+        const imageRefWithRect = {
+            current: {
+                getBoundingClientRect: () => clientRect,
+            },
+        } as RefObject<HTMLImageElement>;
+        const vm = createVm({
+            imageRef: imageRefWithRect,
+            mediaVisible: true,
+            permalinkCreator: {} as any,
+        });
+        vm.loadInitialMediaIfVisible();
+        const preventDefault = jest.fn();
+        jest.spyOn(Modal, "createDialog").mockReturnValue({} as any);
+
+        vm.onLinkClick({ button: 0, metaKey: false, preventDefault } as any);
+
+        expect(preventDefault).toHaveBeenCalled();
+        expect(Modal.createDialog).toHaveBeenCalledWith(
+            expect.any(Function),
+            expect.objectContaining({
+                src: "https://server/full.png",
+                name: "demo image",
+                width: 320,
+                height: 240,
+                fileSize: 48_000,
+                thumbnailInfo: {
+                    width: 100,
+                    height: 80,
+                    positionX: 10,
+                    positionY: 20,
+                },
+            }),
+            "mx_Dialog_lightbox",
+            undefined,
+            true,
+        );
+    });
+
+    it("uses the decrypted thumbnail in the image viewer when the source mime type is unsafe", async () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                body: "",
+                content: {
+                    file: { url: "mxc://server/encrypted-image" },
+                    info: {
+                        mimetype: "image/svg+xml",
+                    },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                sourceUrl: "blob:unsafe-source",
+                thumbnailUrl: "blob:safe-thumbnail",
+                sourceBlob: new Blob(["html"], { type: "text/html" }),
+            }),
+            mediaVisible: true,
+        });
+        jest.spyOn(Modal, "createDialog").mockReturnValue({} as any);
+
+        await downloadImageForTest(vm);
+        vm.onLinkClick({ button: 0, metaKey: false, preventDefault: jest.fn() } as any);
+
+        expect(Modal.createDialog).toHaveBeenCalledWith(
+            expect.any(Function),
+            expect.objectContaining({
+                src: "blob:safe-thumbnail",
+                name: "Attachment",
+            }),
+            "mx_Dialog_lightbox",
+            undefined,
+            true,
+        );
+    });
+
+    it("does not open the image viewer for modified clicks or missing URLs", () => {
+        const vm = createVm({ mediaVisible: true });
+        const preventDefault = jest.fn();
+        jest.spyOn(Modal, "createDialog").mockReturnValue({} as any);
+
+        vm.onLinkClick({ button: 0, metaKey: true, preventDefault } as any);
+        vm.onLinkClick({ button: 1, metaKey: false, preventDefault } as any);
+        vm.onLinkClick({ button: 0, metaKey: false, preventDefault } as any);
+
+        expect(preventDefault).toHaveBeenCalledTimes(1);
+        expect(Modal.createDialog).not.toHaveBeenCalled();
+    });
+
+    it("reveals hidden media instead of opening the viewer", () => {
+        const setMediaVisible = jest.fn();
+        const preventDefault = jest.fn();
+        const vm = createVm({ setMediaVisible });
+        jest.spyOn(Modal, "createDialog").mockReturnValue({} as any);
+
+        vm.onLinkClick({ button: 0, metaKey: false, preventDefault } as any);
+
+        expect(preventDefault).toHaveBeenCalled();
+        expect(setMediaVisible).toHaveBeenCalledWith(true);
+        expect(Modal.createDialog).not.toHaveBeenCalled();
+    });
+
+    it("updates granular props and skips unchanged updates", async () => {
+        const vm = createVm({ mediaVisible: true, maxImageHeight: 100 });
+        const listener = jest.fn();
+        const setMediaVisible = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setForExport(undefined);
+        vm.setMaxImageHeight(100);
+        vm.setMediaVisible(true);
+        vm.setPermalinkCreator(undefined);
+        vm.setTimelineRenderingType(TimelineRenderingType.Room);
+        vm.setSetMediaVisible(undefined);
+        imageSizeWatcher?.(undefined, undefined, undefined, undefined, ImageSize.Normal);
+
+        expect(listener).not.toHaveBeenCalled();
+
+        vm.setForExport(true);
+        vm.setMaxImageHeight(200);
+        vm.setTimelineRenderingType(TimelineRenderingType.File);
+        vm.setPermalinkCreator({} as any);
+        vm.setSetMediaVisible(setMediaVisible);
+        vm.onHiddenButtonClick();
+
+        expect(listener).toHaveBeenCalled();
+        expect(setMediaVisible).toHaveBeenCalledWith(true);
+        expect(vm.getSnapshot()).toMatchObject({
+            linkTarget: "_blank",
+            bannerLabel: undefined,
+        });
+    });
+
+    it("resets state and reloads when the event changes while visible", async () => {
+        const client = { off: jest.fn() };
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(client as any);
+        const vm = createVm({ mediaVisible: true });
+        vm.loadInitialMediaIfVisible();
+        expect(vm.getSnapshot().src).toBe("https://server/full.png");
+
+        const nextEvent = createEvent({ body: "next image" });
+        vm.setEvent(nextEvent);
+        await flushPromises();
+
+        expect(client.off).toHaveBeenCalledWith(ClientEvent.Sync, expect.any(Function));
+        expect(vm.getSnapshot()).toMatchObject({
+            alt: "next image",
+            src: "https://server/full.png",
+        });
+    });
+
+    it("updates dimensions when the image size setting changes", () => {
+        const vm = createVm({ mediaVisible: true });
+        vm.loadInitialMediaIfVisible();
+
+        imageSizeWatcher?.(undefined, undefined, undefined, undefined, ImageSize.Large);
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: ImageBodyViewState.READY,
+            maxWidth: expect.any(Number),
+            maxHeight: expect.any(Number),
+        });
+    });
+
+    it("cleans up watchers, reconnect listeners and generated thumbnails on dispose", async () => {
+        let createdImage: any;
+        const client = { off: jest.fn() };
+        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(client as any);
+        const originalCreateElement = document.createElement.bind(document);
+        jest.spyOn(document, "createElement").mockImplementation(((tagName: string) => {
+            if (tagName !== "img") {
+                return originalCreateElement(tagName);
+            }
+            createdImage = {
+                width: 320,
+                height: 240,
+                crossOrigin: "",
+                src: "",
+                onload: undefined,
+                onerror: undefined,
+            };
+            return createdImage as HTMLImageElement;
+        }) as typeof document.createElement);
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-image" },
+                    info: {
+                        mimetype: "image/gif",
+                    },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                sourceUrl: "https://server/full.gif",
+                thumbnailUrl: null,
+            }),
+            mediaVisible: true,
+        });
+
+        const promise = downloadImageForTest(vm);
+        await flushPromises();
+        createdImage.onload();
+        await promise;
+
+        vm.dispose();
+
+        expect(SettingsStore.unwatchSetting).toHaveBeenCalledWith("image-body-test-watch");
+        expect(client.off).toHaveBeenCalledWith(ClientEvent.Sync, expect.any(Function));
+        expect(URL.revokeObjectURL).toHaveBeenCalledWith("blob");
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/MessageTimestampViewModel-test.ts b/apps/web/test/viewmodels/message-body/MessageTimestampViewModel-test.ts
new file mode 100644
index 00000000000..8e58d9911c0
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/MessageTimestampViewModel-test.ts
@@ -0,0 +1,194 @@
+/*
+ * 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 * as DateUtils from "../../../src/DateUtils";
+import { MessageTimestampViewModel } from "../../../src/viewmodels/room/timeline/event-tile/timestamp/MessageTimestampViewModel";
+
+jest.mock("../../../src/settings/SettingsStore");
+
+describe("MessageTimestampViewModel", () => {
+    // Friday Dec 17 2021, 9:09am
+    const nowDate = new Date("2021-12-17T08:09:00.000Z");
+    const HOUR_MS = 3600000;
+    const DAY_MS = HOUR_MS * 24;
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("should return the snapshot", () => {
+        const vm = new MessageTimestampViewModel({
+            ts: nowDate.getTime(),
+        });
+        expect(vm.getSnapshot()).toMatchObject({
+            ts: "08:09",
+            tsSentAt: "Fri, Dec 17, 2021, 08:09:00",
+        });
+    });
+
+    it("should return the snapshot with tsReceivedAt", () => {
+        const vm = new MessageTimestampViewModel({
+            ts: nowDate.getTime(),
+            receivedTs: nowDate.getTime() + DAY_MS,
+        });
+        expect(vm.getSnapshot()).toMatchObject({
+            ts: "08:09",
+            tsSentAt: "Fri, Dec 17, 2021, 08:09:00",
+            tsReceivedAt: "Sat, Dec 18, 2021, 08:09:00",
+        });
+    });
+
+    it("should return the snapshot without presentation class names", () => {
+        const vm = new MessageTimestampViewModel({
+            ts: nowDate.getTime(),
+        });
+        expect(vm.getSnapshot()).toMatchObject({
+            ts: "08:09",
+            tsSentAt: "Fri, Dec 17, 2021, 08:09:00",
+        });
+    });
+
+    it("should use formatRelativeTime when showRelative is true", () => {
+        jest.spyOn(DateUtils, "formatFullDate").mockReturnValue("SENT_AT");
+        const formatRelativeTimeSpy = jest.spyOn(DateUtils, "formatRelativeTime").mockReturnValue("RELATIVE");
+
+        const vm = new MessageTimestampViewModel({
+            ts: nowDate.getTime(),
+            showRelative: true,
+            showTwelveHour: true,
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            ts: "RELATIVE",
+            tsSentAt: "SENT_AT",
+        });
+        expect(formatRelativeTimeSpy).toHaveBeenCalledWith(expect.any(Date), true);
+    });
+
+    it("should use full date when showFullDate is true and respect showSeconds", () => {
+        const formatFullDateSpy = jest
+            .spyOn(DateUtils, "formatFullDate")
+            .mockImplementation((_date, _showTwelveHour, showSeconds) =>
+                showSeconds === false ? "FULL_NO_SECONDS" : "SENT_AT",
+            );
+
+        const vm = new MessageTimestampViewModel({
+            ts: nowDate.getTime(),
+            showFullDate: true,
+            showSeconds: false,
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            ts: "FULL_NO_SECONDS",
+            tsSentAt: "SENT_AT",
+        });
+        expect(formatFullDateSpy).toHaveBeenCalled();
+    });
+
+    it("should use full time when showSeconds is true without full date", () => {
+        jest.spyOn(DateUtils, "formatFullDate").mockReturnValue("SENT_AT");
+        const formatFullTimeSpy = jest.spyOn(DateUtils, "formatFullTime").mockReturnValue("FULL_TIME");
+        const formatTimeSpy = jest.spyOn(DateUtils, "formatTime").mockReturnValue("TIME");
+
+        const vm = new MessageTimestampViewModel({
+            ts: nowDate.getTime(),
+            showSeconds: true,
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            ts: "FULL_TIME",
+            tsSentAt: "SENT_AT",
+        });
+        expect(formatFullTimeSpy).toHaveBeenCalled();
+        expect(formatTimeSpy).not.toHaveBeenCalled();
+    });
+
+    it("should include tooltip inhibition and href in the snapshot", () => {
+        const vm = new MessageTimestampViewModel({
+            ts: nowDate.getTime(),
+            inhibitTooltip: true,
+            href: "https://example.test",
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            inhibitTooltip: true,
+            href: "https://example.test",
+        });
+    });
+
+    it("updates all props in one batch", () => {
+        const onClick = jest.fn();
+        const onContextMenu = jest.fn();
+        const vm = new MessageTimestampViewModel({
+            ts: nowDate.getTime(),
+        });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setProps({
+            ts: nowDate.getTime() + HOUR_MS,
+            receivedTs: nowDate.getTime() + DAY_MS,
+            showTwelveHour: true,
+            inhibitTooltip: true,
+            href: "https://example.test/event",
+            onClick,
+            onContextMenu,
+        });
+
+        expect(listener).toHaveBeenCalledTimes(1);
+        expect(vm.getSnapshot()).toMatchObject({
+            ts: "9:09 AM",
+            tsSentAt: "Fri, Dec 17, 2021, 9:09:00 AM",
+            tsReceivedAt: "Sat, Dec 18, 2021, 8:09:00 AM",
+            inhibitTooltip: true,
+            href: "https://example.test/event",
+        });
+        expect(vm.onClick).toBe(onClick);
+        expect(vm.onContextMenu).toBe(onContextMenu);
+    });
+
+    it("replaces props and clears omitted optional values", () => {
+        const onClick = jest.fn();
+        const onContextMenu = jest.fn();
+        const vm = new MessageTimestampViewModel({
+            ts: nowDate.getTime(),
+            receivedTs: nowDate.getTime() + DAY_MS,
+            inhibitTooltip: true,
+            href: "https://example.test/event",
+            onClick,
+            onContextMenu,
+        });
+
+        vm.setProps({
+            ts: nowDate.getTime() + HOUR_MS,
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            ts: "09:09",
+            tsSentAt: "Fri, Dec 17, 2021, 09:09:00",
+        });
+        expect(vm.getSnapshot().tsReceivedAt).toBeUndefined();
+        expect(vm.getSnapshot().inhibitTooltip).toBeUndefined();
+        expect(vm.getSnapshot().href).toBeUndefined();
+        expect(vm.onClick).toBeUndefined();
+        expect(vm.onContextMenu).toBeUndefined();
+    });
+
+    it("does not emit an update when batched props are unchanged", () => {
+        const props = {
+            ts: nowDate.getTime(),
+            href: "https://example.test/event",
+        };
+        const vm = new MessageTimestampViewModel(props);
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setProps(props);
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/MjolnirBodyViewModel-test.ts b/apps/web/test/viewmodels/message-body/MjolnirBodyViewModel-test.ts
new file mode 100644
index 00000000000..5d22deb4d4f
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/MjolnirBodyViewModel-test.ts
@@ -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 { MjolnirBodyViewModel } from "../../../src/viewmodels/room/timeline/event-tile/body/MjolnirBodyViewModel";
+
+describe("MjolnirBodyViewModel", () => {
+    it("has an empty snapshot", () => {
+        const vm = new MjolnirBodyViewModel({ onAllow: jest.fn() });
+
+        expect(vm.getSnapshot()).toEqual({});
+    });
+
+    it("forwards the allow action", () => {
+        const onAllow = jest.fn();
+        const vm = new MjolnirBodyViewModel({ onAllow });
+
+        vm.onAllow();
+
+        expect(onAllow).toHaveBeenCalledTimes(1);
+    });
+
+    it("uses the updated action", () => {
+        const oldAction = jest.fn();
+        const newAction = jest.fn();
+        const vm = new MjolnirBodyViewModel({ onAllow: oldAction });
+
+        vm.setProps({ onAllow: newAction });
+        vm.onAllow();
+
+        expect(oldAction).not.toHaveBeenCalled();
+        expect(newAction).toHaveBeenCalledTimes(1);
+    });
+
+    it("does not emit snapshot updates for unchanged action inputs", () => {
+        const props = { onAllow: jest.fn() };
+        const listener = jest.fn();
+        const vm = new MjolnirBodyViewModel(props);
+
+        vm.subscribe(listener);
+
+        vm.setProps(props);
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/ReactionsRowButtonTooltipViewModel-test.ts b/apps/web/test/viewmodels/message-body/ReactionsRowButtonTooltipViewModel-test.ts
new file mode 100644
index 00000000000..129c4a40fee
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/ReactionsRowButtonTooltipViewModel-test.ts
@@ -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/room/timeline/event-tile/reactions/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/apps/web/test/viewmodels/message-body/ReactionsRowButtonViewModel-test.ts b/apps/web/test/viewmodels/message-body/ReactionsRowButtonViewModel-test.ts
new file mode 100644
index 00000000000..e12b97d43ee
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/ReactionsRowButtonViewModel-test.ts
@@ -0,0 +1,203 @@
+/*
+ * 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 { EventType, type MatrixClient, type MatrixEvent, RelationType, type Room } from "matrix-js-sdk/src/matrix";
+
+import {
+    ReactionsRowButtonViewModel,
+    type ReactionsRowButtonViewModelProps,
+} from "../../../src/viewmodels/room/timeline/event-tile/reactions/ReactionsRowButtonViewModel";
+import { type ReactionsRowButtonTooltipViewModel } from "../../../src/viewmodels/room/timeline/event-tile/reactions/ReactionsRowButtonTooltipViewModel";
+import { createTestClient, mkEvent, mkStubRoom } from "../../test-utils";
+import dis from "../../../src/dispatcher/dispatcher";
+
+jest.mock("../../../src/dispatcher/dispatcher");
+jest.mock("../../../src/customisations/Media", () => ({
+    mediaFromMxc: jest.fn(() => ({ srcHttp: "https://example.org/_matrix/media/reaction.png" })),
+}));
+
+describe("ReactionsRowButtonViewModel", () => {
+    let client: MatrixClient;
+    let room: Room;
+    let mxEvent: MatrixEvent;
+
+    const createReactionEvent = (senderId: string, key = "👍"): 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,
+                },
+            },
+        });
+    };
+
+    const createProps = (overrides?: Partial<ReactionsRowButtonViewModelProps>): ReactionsRowButtonViewModelProps => ({
+        client,
+        mxEvent,
+        content: "👍",
+        count: 2,
+        reactionEvents: [createReactionEvent("@alice:example.org"), createReactionEvent("@bob:example.org")],
+        disabled: false,
+        customReactionImagesEnabled: false,
+        ...overrides,
+    });
+
+    const getTooltipVm = (vm: ReactionsRowButtonViewModel): ReactionsRowButtonTooltipViewModel =>
+        vm.getSnapshot().tooltipVm as ReactionsRowButtonTooltipViewModel;
+    const getAriaLabel = (vm: ReactionsRowButtonViewModel): string | undefined =>
+        (vm.getSnapshot() as { ariaLabel?: string }).ariaLabel;
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        client = createTestClient();
+        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" },
+        });
+    });
+
+    it("updates count with merge and does not touch tooltip props", () => {
+        const vm = new ReactionsRowButtonViewModel(createProps());
+        const tooltipSetPropsSpy = jest.spyOn(getTooltipVm(vm), "setProps");
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setCount(5);
+
+        expect(vm.getSnapshot().count).toBe(5);
+        expect(listener).toHaveBeenCalledTimes(1);
+        expect(tooltipSetPropsSpy).not.toHaveBeenCalled();
+
+        vm.setCount(6);
+
+        expect(listener).toHaveBeenCalledTimes(2);
+    });
+
+    it("includes an ariaLabel in the snapshot", () => {
+        const vm = new ReactionsRowButtonViewModel(createProps());
+
+        expect(getAriaLabel(vm)).toContain("reacted with 👍");
+    });
+
+    it("falls back when no room is available", () => {
+        jest.spyOn(client, "getRoom").mockReturnValue(null);
+
+        const vm = new ReactionsRowButtonViewModel(createProps());
+
+        expect(getAriaLabel(vm)).toBeUndefined();
+        expect(vm.getSnapshot().content).toBe("👍");
+        expect(vm.getSnapshot().count).toBe(2);
+    });
+
+    it("renders custom reaction images with shortcode labels when enabled", () => {
+        const reactionEvent = createReactionEvent("@alice:example.org", "mxc://example.org/reaction");
+        reactionEvent.getContent()["shortcode"] = "party";
+
+        const vm = new ReactionsRowButtonViewModel(
+            createProps({
+                content: "mxc://example.org/reaction",
+                reactionEvents: [reactionEvent],
+                customReactionImagesEnabled: true,
+            }),
+        );
+
+        expect(vm.getSnapshot()).toMatchObject({
+            imageSrc: "https://example.org/_matrix/media/reaction.png",
+            imageAlt: "party",
+        });
+        expect(getAriaLabel(vm)).toContain("reacted with party");
+    });
+
+    it("updates selected state with myReactionEvent without touching tooltip props", () => {
+        const vm = new ReactionsRowButtonViewModel(createProps());
+        const tooltipSetPropsSpy = jest.spyOn(getTooltipVm(vm), "setProps");
+        const listener = jest.fn();
+        vm.subscribe(listener);
+        const myReactionEvent = createReactionEvent("@me:example.org");
+
+        vm.setMyReactionEvent(myReactionEvent);
+
+        expect(vm.getSnapshot().isSelected).toBe(true);
+        expect(listener).toHaveBeenCalledTimes(1);
+        expect(tooltipSetPropsSpy).not.toHaveBeenCalled();
+    });
+
+    it("updates disabled state without touching tooltip props", () => {
+        const vm = new ReactionsRowButtonViewModel(createProps({ disabled: false }));
+        const tooltipSetPropsSpy = jest.spyOn(getTooltipVm(vm), "setProps");
+
+        vm.setDisabled(true);
+
+        expect(vm.getSnapshot().isDisabled).toBe(true);
+        expect(tooltipSetPropsSpy).not.toHaveBeenCalled();
+    });
+
+    it("setReactionData forwards to tooltip via setProps and updates snapshot content", () => {
+        const vm = new ReactionsRowButtonViewModel(createProps());
+        const tooltipSetPropsSpy = jest.spyOn(getTooltipVm(vm), "setProps");
+        const reactionEvents = [createReactionEvent("@carol:example.org", "👎")];
+
+        vm.setReactionData("👎", reactionEvents, false);
+
+        expect(vm.getSnapshot().content).toBe("👎");
+        expect(tooltipSetPropsSpy).toHaveBeenCalledWith({
+            content: "👎",
+            reactionEvents,
+            customReactionImagesEnabled: false,
+        });
+
+        vm.setReactionData("👎", reactionEvents, false);
+
+        expect(tooltipSetPropsSpy).toHaveBeenCalledTimes(2);
+    });
+
+    it("redacts reaction on click when myReactionEvent exists", () => {
+        const myReactionEvent = createReactionEvent("@me:example.org");
+        const vm = new ReactionsRowButtonViewModel(createProps({ myReactionEvent }));
+
+        vm.onClick();
+
+        expect(client.redactEvent).toHaveBeenCalledWith(room.roomId, myReactionEvent.getId());
+        expect(client.sendEvent).not.toHaveBeenCalled();
+    });
+
+    it("sends reaction and dispatches message_sent when no myReactionEvent exists", () => {
+        const vm = new ReactionsRowButtonViewModel(createProps());
+
+        vm.onClick();
+
+        expect(client.sendEvent).toHaveBeenCalledWith(room.roomId, EventType.Reaction, {
+            "m.relates_to": {
+                rel_type: RelationType.Annotation,
+                event_id: mxEvent.getId(),
+                key: "👍",
+            },
+        });
+        expect(dis.dispatch).toHaveBeenCalledWith({ action: "message_sent" });
+    });
+
+    it("does nothing on click when disabled", () => {
+        const vm = new ReactionsRowButtonViewModel(createProps({ disabled: true }));
+
+        vm.onClick();
+
+        expect(client.redactEvent).not.toHaveBeenCalled();
+        expect(client.sendEvent).not.toHaveBeenCalled();
+        expect(dis.dispatch).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/ReactionsRowViewModel-test.ts b/apps/web/test/viewmodels/message-body/ReactionsRowViewModel-test.ts
new file mode 100644
index 00000000000..6e74504ac1c
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/ReactionsRowViewModel-test.ts
@@ -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 { type MouseEvent } from "react";
+
+import { ReactionsRowViewModel } from "../../../src/viewmodels/room/timeline/event-tile/reactions/ReactionsRowViewModel";
+
+describe("ReactionsRowViewModel", () => {
+    const createVm = (
+        overrides?: Partial<ConstructorParameters<typeof ReactionsRowViewModel>[0]>,
+    ): ReactionsRowViewModel =>
+        new ReactionsRowViewModel({
+            isActionable: true,
+            reactionGroupCount: 10,
+            canReact: true,
+            addReactionButtonActive: false,
+            ...overrides,
+        });
+
+    it("computes initial snapshot from props", () => {
+        const vm = createVm();
+        const snapshot = vm.getSnapshot();
+
+        expect(snapshot.isVisible).toBe(true);
+        expect(snapshot.showAllButtonVisible).toBe(true);
+        expect(snapshot.showAddReactionButton).toBe(true);
+        expect(snapshot.addReactionButtonActive).toBe(false);
+    });
+
+    it("hides show-all after onShowAllClick", () => {
+        const vm = createVm();
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.onShowAllClick();
+
+        expect(vm.getSnapshot().showAllButtonVisible).toBe(false);
+        expect(listener).toHaveBeenCalledTimes(1);
+    });
+
+    it("updates visibility when reaction group count changes", () => {
+        const vm = createVm();
+
+        vm.setReactionGroupCount(0);
+
+        expect(vm.getSnapshot().isVisible).toBe(false);
+    });
+
+    it("updates add-reaction button visibility from canReact", () => {
+        const vm = createVm();
+
+        vm.setCanReact(false);
+
+        expect(vm.getSnapshot().showAddReactionButton).toBe(false);
+    });
+
+    it("updates add-reaction active state", () => {
+        const vm = createVm();
+
+        vm.setAddReactionButtonActive(true);
+
+        expect(vm.getSnapshot().addReactionButtonActive).toBe(true);
+    });
+
+    it("forwards add-reaction handlers", () => {
+        const vm = createVm();
+        const onAddReactionClick = jest.fn();
+        const onAddReactionContextMenu = jest.fn();
+
+        vm.setAddReactionHandlers({
+            onAddReactionClick,
+            onAddReactionContextMenu,
+        });
+
+        const clickEvent = {
+            currentTarget: document.createElement("button"),
+        } as unknown as MouseEvent<HTMLButtonElement>;
+        vm.onAddReactionClick(clickEvent);
+        vm.onAddReactionContextMenu(clickEvent);
+
+        expect(onAddReactionClick).toHaveBeenCalledWith(clickEvent);
+        expect(onAddReactionContextMenu).toHaveBeenCalledWith(clickEvent);
+    });
+
+    it("doesn't emit only setters that always merge when values are unchanged", () => {
+        const vm = createVm();
+        const previousSnapshot = vm.getSnapshot();
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setCanReact(true);
+        vm.setReactionGroupCount(10);
+        vm.setActionable(true);
+        vm.setAddReactionButtonActive(false);
+
+        // `setReactionGroupCount` is optimized and skips emit for unchanged derived values.
+        // The other setters always merge and therefore emit.
+        expect(listener).toHaveBeenCalledTimes(0);
+        expect(vm.getSnapshot()).toEqual(previousSnapshot);
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/TextualBodyViewModel-test.ts b/apps/web/test/viewmodels/message-body/TextualBodyViewModel-test.ts
new file mode 100644
index 00000000000..7de8d414bd0
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/TextualBodyViewModel-test.ts
@@ -0,0 +1,455 @@
+/*
+ * 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 {
+    LINKIFIED_DATA_ATTRIBUTE,
+    TextualBodyViewBodyWrapperKind,
+    TextualBodyViewKind,
+} from "@element-hq/web-shared-components";
+import { MsgType, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import { flushPromises, mkEvent } from "../../test-utils";
+import { TimelineRenderingType } from "../../../src/contexts/RoomContext";
+import { TextualBodyViewModel } from "../../../src/viewmodels/room/timeline/event-tile/body/TextualBodyViewModel";
+import Modal from "../../../src/Modal";
+import dispatcher from "../../../src/dispatcher/dispatcher";
+import { Action } from "../../../src/dispatcher/actions";
+import { IntegrationManagers } from "../../../src/integrations/IntegrationManagers";
+import * as permalinkUtils from "../../../src/utils/permalinks/Permalinks";
+import QuestionDialog from "../../../src/components/views/dialogs/QuestionDialog";
+import MessageEditHistoryDialog from "../../../src/components/views/dialogs/MessageEditHistoryDialog";
+
+describe("TextualBodyViewModel", () => {
+    const createEvent = (
+        content: Record<string, unknown>,
+        overrides?: Partial<{ room: string; user: string }>,
+    ): MatrixEvent =>
+        mkEvent({
+            event: true,
+            type: "m.room.message",
+            room: overrides?.room ?? "!room:example.com",
+            user: overrides?.user ?? "@alice:example.com",
+            content,
+        });
+
+    const createVm = (
+        overrides?: Partial<ConstructorParameters<typeof TextualBodyViewModel>[0]>,
+    ): TextualBodyViewModel =>
+        new TextualBodyViewModel({
+            mxEvent: createEvent({
+                body: "Hello world",
+                msgtype: MsgType.Text,
+            }),
+            timelineRenderingType: TimelineRenderingType.Room,
+            ...overrides,
+        });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+        window.location.hash = "";
+    });
+
+    it("computes the initial snapshot from props", () => {
+        const event = createEvent({
+            body: "Caption",
+            msgtype: MsgType.Image,
+        });
+        jest.spyOn(event, "replacingEventDate").mockReturnValue(new Date(1993, 7, 3));
+        jest.spyOn(event, "messageVisibility").mockReturnValue({
+            visible: false,
+            reason: "copyright",
+        } as ReturnType<MatrixEvent["messageVisibility"]>);
+
+        const vm = createVm({
+            id: "event-id",
+            mxEvent: event,
+            highlightLink: "https://example.com",
+            replacingEventId: "$replacement",
+            isSeeingThroughMessageHiddenForModeration: true,
+        });
+        const snapshot = vm.getSnapshot();
+
+        expect(snapshot.id).toBe("event-id");
+        expect(snapshot.kind).toBe(TextualBodyViewKind.CAPTION);
+        expect(snapshot.bodyWrapper).toBe(TextualBodyViewBodyWrapperKind.LINK);
+        expect(snapshot.bodyLinkHref).toBe("https://example.com");
+        expect(snapshot.showEditedMarker).toBe(true);
+        expect(snapshot.editedMarkerText).toContain("edited");
+        expect(snapshot.showPendingModerationMarker).toBe(true);
+        expect(snapshot.pendingModerationText).toContain("copyright");
+    });
+
+    it("updates message-derived fields when the event changes", () => {
+        const vm = createVm();
+        const emoteEvent = createEvent(
+            {
+                body: "waves",
+                msgtype: MsgType.Emote,
+                data: {
+                    "org.matrix.neb.starter_link": "https://scalar.example/starter",
+                },
+            },
+            { user: "@bob:example.com" },
+        );
+        emoteEvent.sender = { name: "Bob" } as MatrixEvent["sender"];
+
+        vm.setEvent(emoteEvent);
+
+        expect(vm.getSnapshot().kind).toBe(TextualBodyViewKind.EMOTE);
+        expect(vm.getSnapshot().bodyWrapper).toBe(TextualBodyViewBodyWrapperKind.ACTION);
+        expect(vm.getSnapshot().emoteSenderName).toBe("Bob");
+    });
+
+    it("updates wrapper state when the highlight link changes", () => {
+        const starterLinkEvent = createEvent({
+            body: "Open the integration",
+            msgtype: MsgType.Text,
+            data: {
+                "org.matrix.neb.starter_link": "https://scalar.example/starter",
+            },
+        });
+        const vm = createVm({ mxEvent: starterLinkEvent });
+
+        expect(vm.getSnapshot().bodyWrapper).toBe(TextualBodyViewBodyWrapperKind.ACTION);
+
+        vm.setHighlightLink("https://element.io");
+        expect(vm.getSnapshot().bodyWrapper).toBe(TextualBodyViewBodyWrapperKind.LINK);
+        expect(vm.getSnapshot().bodyLinkHref).toBe("https://element.io");
+
+        vm.setHighlightLink(undefined);
+        expect(vm.getSnapshot().bodyWrapper).toBe(TextualBodyViewBodyWrapperKind.ACTION);
+    });
+
+    it("uses the notice kind and no action wrapper for non-string starter links", () => {
+        const noticeEvent = createEvent({
+            body: "Notice",
+            msgtype: MsgType.Notice,
+            data: {
+                "org.matrix.neb.starter_link": 42,
+            },
+        });
+        const vm = createVm({ mxEvent: noticeEvent });
+
+        expect(vm.getSnapshot().kind).toBe(TextualBodyViewKind.NOTICE);
+        expect(vm.getSnapshot().bodyWrapper).toBe(TextualBodyViewBodyWrapperKind.NONE);
+        expect(vm.getSnapshot().bodyActionAriaLabel).toBeUndefined();
+    });
+
+    it("updates the moderation marker from the dedicated setter", () => {
+        const hiddenEvent = createEvent({
+            body: "hidden",
+            msgtype: MsgType.Text,
+        });
+        jest.spyOn(hiddenEvent, "messageVisibility").mockReturnValue({
+            visible: false,
+            reason: "spam",
+        } as ReturnType<MatrixEvent["messageVisibility"]>);
+
+        const vm = createVm({ mxEvent: hiddenEvent });
+
+        vm.setIsSeeingThroughMessageHiddenForModeration(true);
+
+        expect(vm.getSnapshot().showPendingModerationMarker).toBe(true);
+        expect(vm.getSnapshot().pendingModerationText).toContain("spam");
+    });
+
+    it("updates id and edited marker from dedicated setters", () => {
+        const event = createEvent({
+            body: "edited",
+            msgtype: MsgType.Text,
+        });
+        jest.spyOn(event, "replacingEventDate").mockReturnValue(new Date(1993, 7, 3));
+        const vm = createVm({ mxEvent: event });
+
+        vm.setId("updated-id");
+        vm.setReplacingEventId("$edit");
+
+        expect(vm.getSnapshot().id).toBe("updated-id");
+        expect(vm.getSnapshot().showEditedMarker).toBe(true);
+        expect(vm.getSnapshot().editedMarkerText).toContain("edited");
+
+        vm.setReplacingEventId(undefined);
+
+        expect(vm.getSnapshot().showEditedMarker).toBe(false);
+        expect(vm.getSnapshot().editedMarkerTooltip).toBeUndefined();
+    });
+
+    it("renders the generic pending moderation text when there is no reason", () => {
+        const hiddenEvent = createEvent({
+            body: "hidden",
+            msgtype: MsgType.Text,
+        });
+        jest.spyOn(hiddenEvent, "messageVisibility").mockReturnValue({
+            visible: false,
+            reason: null,
+        } as ReturnType<MatrixEvent["messageVisibility"]>);
+        const vm = createVm({ mxEvent: hiddenEvent });
+
+        vm.setIsSeeingThroughMessageHiddenForModeration(true);
+
+        expect(vm.getSnapshot().showPendingModerationMarker).toBe(true);
+        expect(vm.getSnapshot().pendingModerationText).toMatch(/^\(.+\)$/);
+        expect(vm.getSnapshot().pendingModerationText).not.toContain("undefined");
+    });
+
+    it("throws when pending moderation is requested for a visible message", () => {
+        const visibleEvent = createEvent({
+            body: "visible",
+            msgtype: MsgType.Text,
+        });
+        jest.spyOn(visibleEvent, "messageVisibility").mockReturnValue({
+            visible: true,
+        } as ReturnType<MatrixEvent["messageVisibility"]>);
+
+        expect(() =>
+            createVm({
+                mxEvent: visibleEvent,
+                isSeeingThroughMessageHiddenForModeration: true,
+            }),
+        ).toThrow("TextualBodyViewModel should only render pending moderation for hidden messages");
+    });
+
+    it("rewrites linkified permalink clicks to local hashes", () => {
+        const vm = createVm();
+        const preventDefault = jest.fn();
+        jest.spyOn(permalinkUtils, "tryTransformPermalinkToLocalHref").mockReturnValue("#/room/#room:example.org");
+
+        vm.onRootClick({
+            preventDefault,
+            target: {
+                dataset: {
+                    [LINKIFIED_DATA_ATTRIBUTE]: "true",
+                },
+                href: "https://matrix.to/#/#room:example.org",
+                nodeName: "A",
+            },
+        } as any);
+
+        expect(preventDefault).toHaveBeenCalled();
+        expect(window.location.hash).toBe("#/room/#room:example.org");
+    });
+
+    it("leaves linkified ordinary links alone", () => {
+        const vm = createVm();
+        const preventDefault = jest.fn();
+
+        vm.onRootClick({
+            preventDefault,
+            target: {
+                dataset: {
+                    [LINKIFIED_DATA_ATTRIBUTE]: "true",
+                },
+                href: "https://example.org",
+                nodeName: "A",
+            },
+        } as any);
+
+        expect(preventDefault).not.toHaveBeenCalled();
+        expect(window.location.hash).toBe("");
+    });
+
+    it("rewrites permalink clicks to local hashes", () => {
+        const vm = createVm();
+        const preventDefault = jest.fn();
+        const anchor = { href: "https://element.example/#/room/!room:example.org", nodeName: "A" };
+        jest.spyOn(permalinkUtils, "tryTransformPermalinkToLocalHref").mockReturnValue("#/room/!room:example.org");
+
+        vm.onRootClick({
+            preventDefault,
+            target: {
+                nodeName: "SPAN",
+                closest: jest.fn().mockReturnValue(anchor),
+            },
+        } as any);
+
+        expect(preventDefault).toHaveBeenCalled();
+        expect(window.location.hash).toBe("#/room/!room:example.org");
+    });
+
+    it("leaves external root clicks alone when no local permalink is found", () => {
+        const vm = createVm();
+        const preventDefault = jest.fn();
+        const href = "https://example.org";
+        jest.spyOn(permalinkUtils, "tryTransformPermalinkToLocalHref").mockReturnValue(href);
+
+        vm.onRootClick({
+            preventDefault,
+            target: {
+                href,
+                nodeName: "A",
+            },
+        } as any);
+
+        expect(preventDefault).not.toHaveBeenCalled();
+        expect(window.location.hash).toBe("");
+    });
+
+    it("does nothing for body actions without a starter link", () => {
+        const vm = createVm();
+        const preventDefault = jest.fn();
+        const hasManagerSpy = jest.spyOn(IntegrationManagers.sharedInstance(), "hasManager");
+
+        vm.onBodyActionClick({ preventDefault } as any);
+
+        expect(preventDefault).toHaveBeenCalled();
+        expect(hasManagerSpy).not.toHaveBeenCalled();
+    });
+
+    it("opens the no-manager dialog for starter links when integrations are unavailable", () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                body: "Open the integration",
+                msgtype: MsgType.Text,
+                data: {
+                    "org.matrix.neb.starter_link": "https://scalar.example/starter",
+                },
+            }),
+        });
+        const preventDefault = jest.fn();
+        const managers = IntegrationManagers.sharedInstance();
+        jest.spyOn(managers, "hasManager").mockReturnValue(false);
+        const openNoManagerDialogSpy = jest.spyOn(managers, "openNoManagerDialog").mockImplementation(() => {});
+
+        vm.onBodyActionClick({ preventDefault } as any);
+
+        expect(preventDefault).toHaveBeenCalled();
+        expect(openNoManagerDialogSpy).toHaveBeenCalled();
+    });
+
+    it("opens the scalar starter link after confirmation", async () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                body: "Open the integration",
+                msgtype: MsgType.Text,
+                data: {
+                    "org.matrix.neb.starter_link": "https://scalar.example/starter",
+                },
+            }),
+        });
+        const preventDefault = jest.fn();
+        const managers = IntegrationManagers.sharedInstance();
+        const connect = jest.fn().mockResolvedValue(undefined);
+        const getStarterLink = jest.fn().mockReturnValue("https://scalar.example/complete");
+        const scalarClient = { connect, getStarterLink };
+        const integrationManager = {
+            getScalarClient: jest.fn().mockReturnValue(scalarClient),
+            uiUrl: "https://scalar.example/ui",
+        };
+        const popup = { opener: "initial" };
+
+        jest.spyOn(managers, "hasManager").mockReturnValue(true);
+        jest.spyOn(managers, "getPrimaryManager").mockReturnValue(integrationManager as any);
+        jest.spyOn(Modal, "createDialog").mockReturnValue({
+            close: jest.fn(),
+            finished: Promise.resolve([true]),
+        } as any);
+        const openSpy = jest.spyOn(window, "open").mockImplementation(() => popup as any);
+
+        vm.onBodyActionClick({ preventDefault } as any);
+        await flushPromises();
+
+        expect(connect).toHaveBeenCalled();
+        expect(Modal.createDialog).toHaveBeenCalledWith(
+            QuestionDialog,
+            expect.objectContaining({
+                button: expect.any(String),
+                title: expect.any(String),
+            }),
+        );
+        expect(openSpy).toHaveBeenCalledWith(
+            "https://scalar.example/complete",
+            "_blank",
+            expect.stringContaining("width="),
+        );
+        expect(popup.opener).toBeNull();
+    });
+
+    it("does not open the scalar starter link when the dialog is cancelled", async () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                body: "Open the integration",
+                msgtype: MsgType.Text,
+                data: {
+                    "org.matrix.neb.starter_link": "https://scalar.example/starter",
+                },
+            }),
+        });
+        const managers = IntegrationManagers.sharedInstance();
+        const scalarClient = {
+            connect: jest.fn().mockResolvedValue(undefined),
+            getStarterLink: jest.fn().mockReturnValue("https://scalar.example/complete"),
+        };
+
+        jest.spyOn(managers, "hasManager").mockReturnValue(true);
+        jest.spyOn(managers, "getPrimaryManager").mockReturnValue({
+            getScalarClient: jest.fn().mockReturnValue(scalarClient),
+            uiUrl: "https://scalar.example/ui",
+        } as any);
+        jest.spyOn(Modal, "createDialog").mockReturnValue({
+            close: jest.fn(),
+            finished: Promise.resolve([false]),
+        } as any);
+        const openSpy = jest.spyOn(window, "open").mockImplementation(() => ({ opener: "initial" }) as any);
+
+        vm.onBodyActionClick({ preventDefault: jest.fn() } as any);
+        await flushPromises();
+
+        expect(openSpy).not.toHaveBeenCalled();
+    });
+
+    it("opens the edit history dialog from the edited marker", () => {
+        const event = createEvent({
+            body: "edited",
+            msgtype: MsgType.Text,
+        });
+        const vm = createVm({ mxEvent: event });
+        const createDialogSpy = jest
+            .spyOn(Modal, "createDialog")
+            .mockImplementation(() => ({ close: jest.fn() }) as any);
+
+        vm.onEditedMarkerClick();
+
+        expect(createDialogSpy).toHaveBeenCalledWith(MessageEditHistoryDialog, { mxEvent: event });
+    });
+
+    it("dispatches composer insert for the emote sender using the current rendering type", () => {
+        const event = createEvent({
+            body: "waves",
+            msgtype: MsgType.Emote,
+        });
+        const vm = createVm({ mxEvent: event });
+        const dispatchSpy = jest.spyOn(dispatcher, "dispatch").mockImplementation(() => {});
+
+        vm.setTimelineRenderingType(TimelineRenderingType.Thread);
+        vm.onEmoteSenderClick();
+
+        expect(dispatchSpy).toHaveBeenCalledWith({
+            action: Action.ComposerInsert,
+            timelineRenderingType: TimelineRenderingType.Thread,
+            userId: event.getSender(),
+        });
+    });
+
+    it("does not emit for unchanged setter values", () => {
+        const mxEvent = createEvent({
+            body: "Hello world",
+            msgtype: MsgType.Text,
+        });
+        const vm = createVm({ mxEvent });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setId(undefined);
+        vm.setEvent(mxEvent);
+        vm.setHighlightLink(undefined);
+        vm.setReplacingEventId(undefined);
+        vm.setIsSeeingThroughMessageHiddenForModeration(undefined);
+        vm.setTimelineRenderingType(TimelineRenderingType.Room);
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/TileErrorViewModel-test.ts b/apps/web/test/viewmodels/message-body/TileErrorViewModel-test.ts
new file mode 100644
index 00000000000..d805e4d8f3c
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/TileErrorViewModel-test.ts
@@ -0,0 +1,129 @@
+/*
+ * 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 { MatrixEvent } from "matrix-js-sdk/src/matrix";
+
+import Modal from "../../../src/Modal";
+import SdkConfig from "../../../src/SdkConfig";
+import { BugReportEndpointURLLocal } from "../../../src/IConfigOptions";
+import ViewSource from "../../../src/components/structures/ViewSource";
+import BugReportDialog from "../../../src/components/views/dialogs/BugReportDialog";
+import { TileErrorViewModel } from "../../../src/viewmodels/message-body/TileErrorViewModel";
+
+describe("TileErrorViewModel", () => {
+    const createEvent = (type = "m.room.message"): MatrixEvent =>
+        new MatrixEvent({
+            content: {},
+            event_id: `$${type}`,
+            origin_server_ts: Date.now(),
+            room_id: "!room:example.org",
+            sender: "@alice:example.org",
+            type,
+        });
+
+    const createVm = (
+        overrides: Partial<ConstructorParameters<typeof TileErrorViewModel>[0]> = {},
+    ): TileErrorViewModel => {
+        const error = overrides.error ?? new Error("Boom");
+        const mxEvent = overrides.mxEvent ?? createEvent();
+
+        return new TileErrorViewModel({
+            developerMode: true,
+            error,
+            mxEvent,
+            ...overrides,
+        });
+    };
+
+    beforeEach(() => {
+        SdkConfig.reset();
+        jest.spyOn(Modal, "createDialog").mockImplementation(() => ({ close: jest.fn() }) as any);
+    });
+
+    afterEach(() => {
+        SdkConfig.reset();
+        jest.restoreAllMocks();
+    });
+
+    it("computes the initial snapshot from app state", () => {
+        SdkConfig.add({ bug_report_endpoint_url: "https://example.org" });
+        const vm = createVm();
+
+        expect(vm.getSnapshot()).toEqual({
+            message: "Can't load this message",
+            eventType: "m.room.message",
+            bugReportCtaLabel: "Submit debug logs",
+            viewSourceCtaLabel: "View Source",
+        });
+    });
+
+    it("uses the download logs label for local bug reports", () => {
+        SdkConfig.add({ bug_report_endpoint_url: BugReportEndpointURLLocal });
+        const vm = createVm();
+
+        expect(vm.getSnapshot().bugReportCtaLabel).toBe("Download logs");
+    });
+
+    it("hides optional actions when unavailable", () => {
+        const vm = createVm({ developerMode: false });
+
+        expect(vm.getSnapshot().bugReportCtaLabel).toBeUndefined();
+        expect(vm.getSnapshot().viewSourceCtaLabel).toBeUndefined();
+    });
+
+    it("guards setters against unchanged values", () => {
+        const error = new Error("Boom");
+        const mxEvent = createEvent();
+        const vm = createVm({ developerMode: true, error, mxEvent });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setDeveloperMode(true);
+        vm.setError(error);
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+
+    it("opens the bug report dialog with the current error", () => {
+        SdkConfig.add({ bug_report_endpoint_url: "https://example.org" });
+        const originalError = new Error("Boom");
+        const updatedError = new Error("Updated boom");
+        const vm = createVm({ error: originalError });
+
+        vm.setError(updatedError);
+        vm.onBugReportClick({} as any);
+
+        expect(Modal.createDialog).toHaveBeenCalledWith(BugReportDialog, {
+            label: "react-tile-soft-crash",
+            error: updatedError,
+        });
+    });
+
+    it("opens the view source dialog with the current event", () => {
+        const mxEvent = createEvent("m.room.redaction");
+        const vm = createVm({ mxEvent });
+
+        vm.onViewSourceClick({} as any);
+
+        expect(Modal.createDialog).toHaveBeenCalledWith(
+            ViewSource,
+            {
+                mxEvent,
+            },
+            "mx_Dialog_viewsource",
+        );
+    });
+
+    it("does not open view source when developer mode is disabled", () => {
+        const vm = createVm({ developerMode: false });
+
+        vm.onViewSourceClick({} as any);
+
+        expect(mocked(Modal.createDialog)).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/UrlPreviewGroupViewModel-test.ts b/apps/web/test/viewmodels/message-body/UrlPreviewGroupViewModel-test.ts
new file mode 100644
index 00000000000..e3a1e502be6
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/UrlPreviewGroupViewModel-test.ts
@@ -0,0 +1,383 @@
+/*
+ * 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 { expect } from "@jest/globals";
+
+import type { MockedObject } from "jest-mock-vitest-adapter";
+import { MsgType, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import {
+    BUNDLED_LINK_PREVIEWS,
+    MAX_PREVIEWS_WHEN_LIMITED,
+    UrlPreviewGroupViewModel,
+} from "../../../src/viewmodels/message-body/UrlPreviewGroupViewModel";
+import type { UrlPreview } from "@element-hq/web-shared-components";
+import { getMockClientWithEventEmitter, mkEvent } from "../../test-utils";
+
+const IMAGE_MXC = "mxc://example.org/abc";
+const BASIC_PREVIEW_OGDATA = {
+    "og:title": "This is an example!",
+    "og:description": "This is a description",
+    "og:type": "document",
+    "og:url": "https://example.org",
+    "og:site_name": "Example.org",
+};
+
+const BUNDLE_PREVIEW_ONE = {
+    "matched_url": "https://example.org/1",
+    "og:title": "Bundled one",
+    "og:description": "First bundled preview",
+    "og:url": "https://example.org/1",
+};
+const BUNDLE_PREVIEW_TWO = {
+    "matched_url": "https://example.org/2",
+    "og:title": "Bundled two",
+    "og:description": "Second bundled preview",
+    "og:url": "https://example.org/2",
+};
+const BUNDLE_PREVIEW_THREE = {
+    "matched_url": "https://example.org/3",
+    "og:title": "Bundled three",
+    "og:description": "Third bundled preview",
+    "og:url": "https://example.org/3",
+};
+const BUNDLE_PREVIEW_WITH_IMAGE = {
+    "matched_url": "https://example.org/image",
+    "og:title": "Bundled with image",
+    "og:image": IMAGE_MXC,
+    "og:image:type": "image/png",
+    "og:image:width": 128,
+    "og:image:height": 128,
+};
+
+function getViewModel({
+    mediaVisible = true,
+    visible = true,
+    showPreview = true,
+    urlPreviewBundleEnabled = true,
+    content,
+}: {
+    mediaVisible?: boolean;
+    visible?: boolean;
+    showPreview?: boolean;
+    urlPreviewBundleEnabled?: boolean;
+    content?: object;
+} = {}): {
+    vm: UrlPreviewGroupViewModel;
+    client: MockedObject<MatrixClient>;
+    onImageClicked: jest.Mock<void, [UrlPreview]>;
+} {
+    const client = getMockClientWithEventEmitter({
+        getUrlPreview: jest.fn(),
+        mxcUrlToHttp: jest.fn(),
+    });
+    const onImageClicked = jest.fn<void, [UrlPreview]>();
+    const vm = new UrlPreviewGroupViewModel({
+        client,
+        mediaVisible,
+        visible,
+        onImageClicked,
+        showTooltips: false,
+        mxEvent: mkEvent({
+            event: true,
+            user: "@foo:bar",
+            type: "m.room.message",
+            content: {
+                ...(showPreview ? undefined : { [BUNDLED_LINK_PREVIEWS]: [] }),
+                ...content,
+            },
+            id: "$id",
+        }),
+        urlPreviewBundleEnabled,
+    });
+    return { vm, client, onImageClicked };
+}
+
+describe("UrlPreviewGroupViewModel", () => {
+    it("should return no previews by default", () => {
+        expect(getViewModel().vm.getSnapshot()).toMatchSnapshot();
+    });
+    it("should preview a single valid URL", async () => {
+        const { vm, client } = getViewModel();
+        client.getUrlPreview.mockResolvedValueOnce(BASIC_PREVIEW_OGDATA);
+        const msg = document.createElement("div");
+        msg.innerHTML = '<a href="https://example.org">Test</a>';
+        await vm.updateEventElement(msg);
+        expect(vm.getSnapshot()).toMatchSnapshot();
+    });
+    it("should preview nested URLs but ignore some element types", async () => {
+        const { vm, client } = getViewModel();
+        vm.onTogglePreviewLimit();
+        client.getUrlPreview.mockResolvedValue(BASIC_PREVIEW_OGDATA);
+        const msg = document.createElement("div");
+        msg.innerHTML = `
+    <ul>
+        <a href="https://example.org/1">Test1</a>
+        <li><a href="https://example.org/2">Test2</a></li>
+        <li>
+            <ol>
+                <li><a href="https://example.org/3">Test3</a></li>
+            </ol>
+        </li>
+    </ul>
+    <pre><a href="https://example.org">Test4</a></pre>
+    <code><a href="https://example.org">Test5</a></code>
+    <blockquote><a href="https://example.org">Test6</a></blockquote>`;
+        await vm.updateEventElement(msg);
+        const { previews } = vm.getSnapshot();
+        expect(previews).toHaveLength(3);
+        expect(previews).toMatchObject([
+            { link: "https://example.org/1" },
+            { link: "https://example.org/2" },
+            { link: "https://example.org/3" },
+        ]);
+    });
+    it("should hide preview when invisible", async () => {
+        const { vm, client } = getViewModel({
+            visible: false,
+            mediaVisible: true,
+            showPreview: true,
+            urlPreviewBundleEnabled: false,
+        });
+        const msg = document.createElement("div");
+        msg.innerHTML = '<a href="https://example.org">Test</a>';
+        await vm.updateEventElement(msg);
+        expect(vm.getSnapshot()).toMatchSnapshot();
+        expect(client.getUrlPreview).not.toHaveBeenCalled();
+    });
+    it("should ignore media when mediaVisible is false", async () => {
+        const { vm, client } = getViewModel({
+            mediaVisible: false,
+            visible: true,
+            showPreview: true,
+            urlPreviewBundleEnabled: false,
+        });
+        client.getUrlPreview.mockResolvedValueOnce({
+            "og:title": "This is an example!",
+            "og:type": "document",
+            "og:url": "https://example.org",
+            "og:image": IMAGE_MXC,
+            "og:image:height": 128,
+            "og:image:width": 128,
+            "matrix:image:size": 10000,
+        });
+        const msg = document.createElement("div");
+        msg.innerHTML = '<a href="https://example.org">Test</a>';
+        await vm.updateEventElement(msg);
+        expect(vm.getSnapshot()).toMatchSnapshot();
+        // eslint-disable-next-line no-restricted-properties
+        expect(client.mxcUrlToHttp).not.toHaveBeenCalled();
+    });
+    it("should deduplicate multiple versions of the same URL", async () => {
+        const { vm, client } = getViewModel();
+        client.getUrlPreview.mockResolvedValueOnce(BASIC_PREVIEW_OGDATA);
+        const msg = document.createElement("div");
+        msg.innerHTML =
+            '<a href="https://example.org">Test</a><a href="https://example.org">Test</a><a href="https://example.org">Test</a>';
+        await vm.updateEventElement(msg);
+        expect(vm.getSnapshot()).toMatchSnapshot();
+        expect(client.getUrlPreview).toHaveBeenCalledTimes(1);
+    });
+    it("should ignore failed previews", async () => {
+        const { vm, client } = getViewModel();
+        client.getUrlPreview.mockRejectedValue(new Error("Forced test failure"));
+        const msg = document.createElement("div");
+        msg.innerHTML = '<a href="https://example.org">Test</a>';
+        await vm.updateEventElement(msg);
+        expect(vm.getSnapshot()).toMatchSnapshot();
+    });
+    it("should handle image clicks", async () => {
+        const { vm, client, onImageClicked } = getViewModel();
+        client.getUrlPreview.mockResolvedValueOnce({
+            "og:title": "This is an example!",
+            "og:type": "document",
+            "og:url": "https://example.org",
+            "og:image": IMAGE_MXC,
+            "og:image:height": 128,
+            "og:image:width": 128,
+            "matrix:image:size": 10000,
+        });
+        // eslint-disable-next-line no-restricted-properties
+        client.mxcUrlToHttp.mockImplementation((url, width) => {
+            expect(url).toEqual(IMAGE_MXC);
+            if (width) {
+                return "https://example.org/image/thumb";
+            }
+            return "https://example.org/image/src";
+        });
+        const msg = document.createElement("div");
+        msg.innerHTML = '<a href="https://example.org">Test</a>';
+        await vm.updateEventElement(msg);
+        const { previews } = vm.getSnapshot();
+        vm.onImageClick(previews[0]);
+        expect(onImageClicked).toHaveBeenCalled();
+    });
+    it("should handle being hidden and shown by the user", async () => {
+        const { vm, client } = getViewModel();
+        client.getUrlPreview.mockResolvedValueOnce(BASIC_PREVIEW_OGDATA);
+        const msg = document.createElement("div");
+        msg.innerHTML = '<a href="https://example.org">Test</a>';
+        await vm.updateEventElement(msg);
+        await vm.onHideClick();
+        expect(vm.getSnapshot()).toMatchSnapshot();
+
+        await vm.onShowClick();
+        expect(vm.getSnapshot()).toMatchSnapshot();
+    });
+    it("should hide a preview if the message requests it", async () => {
+        const { vm, client } = getViewModel({
+            showPreview: false,
+            mediaVisible: true,
+            visible: true,
+            urlPreviewBundleEnabled: false,
+        });
+        client.getUrlPreview.mockResolvedValueOnce(BASIC_PREVIEW_OGDATA);
+        const msg = document.createElement("div");
+        msg.innerHTML = '<a href="https://example.org">Test</a>';
+        await vm.updateEventElement(msg);
+        expect(vm.getSnapshot()).toMatchInlineSnapshot(`
+{
+  "overPreviewLimit": false,
+  "previews": [],
+  "previewsLimited": false,
+  "totalPreviewCount": 0,
+}
+`);
+    });
+
+    it.each([
+        { text: "", href: "", hasPreview: false },
+        { text: "test", href: "noprotocol.example.org", hasPreview: false },
+        { text: "matrix link", href: "https://matrix.to", hasPreview: false },
+        { text: "email", href: "mailto:example.org", hasPreview: false },
+        { text: "", href: "https://example.org", hasPreview: true },
+    ])("handles different kinds of links %s", async (item) => {
+        const { vm, client } = getViewModel();
+        client.getUrlPreview.mockResolvedValueOnce(BASIC_PREVIEW_OGDATA);
+        const msg = document.createElement("div");
+        msg.innerHTML = `<a href="${item.href}">${item.text}</a>`;
+        await vm.updateEventElement(msg);
+        expect(vm.getSnapshot().previews).toHaveLength(item.hasPreview ? 1 : 0);
+    });
+
+    describe("bundled link previews (MSC4095)", () => {
+        it("should render bundled previews when the message is text and the bundle is enabled", async () => {
+            const { vm, client } = getViewModel({
+                urlPreviewBundleEnabled: true,
+                content: {
+                    msgtype: MsgType.Text,
+                    [BUNDLED_LINK_PREVIEWS]: [BUNDLE_PREVIEW_ONE, BUNDLE_PREVIEW_TWO],
+                },
+            });
+            const msg = document.createElement("div");
+            msg.innerHTML = '<a href="https://example.org/1">Test1</a><a href="https://example.org/2">Test2</a>';
+            await vm.updateEventElement(msg);
+            const { previews } = vm.getSnapshot();
+            expect(previews).toMatchObject([
+                {
+                    link: "https://example.org/1",
+                    title: "Bundled one",
+                    description: "First bundled preview",
+                    siteName: "example.org",
+                    ogUrl: "https://example.org/1",
+                },
+                {
+                    link: "https://example.org/2",
+                    title: "Bundled two",
+                    description: "Second bundled preview",
+                    siteName: "example.org",
+                    ogUrl: "https://example.org/2",
+                },
+            ]);
+            // Bundled previews are provided inline and must not trigger network fetches.
+            expect(client.getUrlPreview).not.toHaveBeenCalled();
+        });
+
+        it("should render an image for a bundled preview", async () => {
+            const { vm, client } = getViewModel({
+                urlPreviewBundleEnabled: true,
+                content: {
+                    msgtype: MsgType.Text,
+                    [BUNDLED_LINK_PREVIEWS]: [BUNDLE_PREVIEW_WITH_IMAGE],
+                },
+            });
+            // eslint-disable-next-line no-restricted-properties
+            client.mxcUrlToHttp.mockReturnValue("https://example.org/image/src");
+            const msg = document.createElement("div");
+            msg.innerHTML = '<a href="https://example.org/image">Test</a>';
+            await vm.updateEventElement(msg);
+            const { previews } = vm.getSnapshot();
+            expect(previews).toHaveLength(1);
+            expect(previews[0].image).toMatchObject({
+                mxcImageFull: IMAGE_MXC,
+                imageType: "image/png",
+                width: 128,
+                height: 128,
+            });
+            expect(client.getUrlPreview).not.toHaveBeenCalled();
+        });
+
+        it("should limit bundled previews and reveal the rest when the limit is toggled", async () => {
+            const { vm, client } = getViewModel({
+                urlPreviewBundleEnabled: true,
+                content: {
+                    msgtype: MsgType.Text,
+                    [BUNDLED_LINK_PREVIEWS]: [BUNDLE_PREVIEW_ONE, BUNDLE_PREVIEW_TWO, BUNDLE_PREVIEW_THREE],
+                },
+            });
+            const msg = document.createElement("div");
+            msg.innerHTML =
+                '<a href="https://example.org/1">Test1</a><a href="https://example.org/2">Test2</a><a href="https://example.org/3">Test3</a>';
+            await vm.updateEventElement(msg);
+
+            let snapshot = vm.getSnapshot();
+            expect(snapshot.previews).toHaveLength(MAX_PREVIEWS_WHEN_LIMITED);
+            expect(snapshot.previewsLimited).toBe(true);
+            expect(snapshot.overPreviewLimit).toBe(true);
+
+            await vm.onTogglePreviewLimit();
+            snapshot = vm.getSnapshot();
+            expect(snapshot.previews).toHaveLength(3);
+            expect(snapshot.previewsLimited).toBe(false);
+            expect(client.getUrlPreview).not.toHaveBeenCalled();
+        });
+
+        it("should fetch previews instead of using the bundle when the bundle setting is disabled", async () => {
+            const { vm, client } = getViewModel({
+                urlPreviewBundleEnabled: false,
+                content: {
+                    msgtype: MsgType.Text,
+                    [BUNDLED_LINK_PREVIEWS]: [BUNDLE_PREVIEW_ONE],
+                },
+            });
+            client.getUrlPreview.mockResolvedValueOnce(BASIC_PREVIEW_OGDATA);
+            const msg = document.createElement("div");
+            msg.innerHTML = '<a href="https://example.org/1">Test1</a>';
+            await vm.updateEventElement(msg);
+            const { previews } = vm.getSnapshot();
+            expect(client.getUrlPreview).toHaveBeenCalledWith("https://example.org/1", expect.anything());
+            // The fetched preview wins over the ignored bundle entry.
+            expect(previews).toMatchObject([{ title: "This is an example!" }]);
+        });
+
+        it("should fetch previews instead of using the bundle when the message is not a text message", async () => {
+            const { vm, client } = getViewModel({
+                urlPreviewBundleEnabled: true,
+                content: {
+                    msgtype: MsgType.Notice,
+                    [BUNDLED_LINK_PREVIEWS]: [BUNDLE_PREVIEW_ONE],
+                },
+            });
+            client.getUrlPreview.mockResolvedValueOnce(BASIC_PREVIEW_OGDATA);
+            const msg = document.createElement("div");
+            msg.innerHTML = '<a href="https://example.org/1">Test1</a>';
+            await vm.updateEventElement(msg);
+            const { previews } = vm.getSnapshot();
+            expect(client.getUrlPreview).toHaveBeenCalledWith("https://example.org/1", expect.anything());
+            expect(previews).toMatchObject([{ title: "This is an example!" }]);
+        });
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/VideoBodyViewModel-test.ts b/apps/web/test/viewmodels/message-body/VideoBodyViewModel-test.ts
new file mode 100644
index 00000000000..cdba239c947
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/VideoBodyViewModel-test.ts
@@ -0,0 +1,464 @@
+/*
+ * 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 { EventType, MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { logger } from "matrix-js-sdk/src/logger";
+import { VideoBodyViewState } from "@element-hq/web-shared-components";
+import { decode } from "blurhash";
+import { type Media } from "@element-hq/element-web-module-api";
+
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { ImageSize } from "../../../src/settings/enums/ImageSize";
+import { mediaFromContent } from "../../../src/customisations/Media";
+import { BLURHASH_FIELD } from "../../../src/utils/image-media";
+import { type MediaEventHelper } from "../../../src/utils/MediaEventHelper";
+import { VideoBodyViewModel } from "../../../src/viewmodels/message-body/VideoBodyViewModel";
+
+jest.mock("../../../src/customisations/Media", () => ({
+    mediaFromContent: jest.fn(),
+}));
+jest.mock("blurhash", () => ({
+    decode: jest.fn(),
+}));
+
+describe("VideoBodyViewModel", () => {
+    const mockedMediaFromContent = jest.mocked(mediaFromContent);
+    const mockedDecode = jest.mocked(decode);
+    const videoRef = { current: null };
+    let imageSizeWatcher: ((...args: [unknown, unknown, unknown, unknown, ImageSize]) => void) | undefined;
+
+    const flushPromises = async (): Promise<void> => {
+        await Promise.resolve();
+        await Promise.resolve();
+        await Promise.resolve();
+    };
+
+    const createEvent = ({
+        body = "demo video",
+        content = {},
+    }: {
+        body?: string;
+        content?: Record<string, unknown>;
+    } = {}): MatrixEvent => {
+        const { info: infoOverride, ...restContent } = content;
+
+        return new MatrixEvent({
+            type: EventType.RoomMessage,
+            room_id: "!room:server",
+            event_id: "$video:server",
+            sender: "@alice:server",
+            content: {
+                msgtype: "m.video",
+                body,
+                url: "https://server/video.mp4",
+                ...restContent,
+                info: {
+                    w: 320,
+                    h: 180,
+                    mimetype: "video/mp4",
+                    ...(infoOverride as Record<string, unknown> | undefined),
+                },
+            },
+        });
+    };
+
+    const createMediaEventHelper = ({
+        encrypted,
+        thumbnailUrl = "blob:thumbnail",
+        sourceUrl = "blob:video",
+        sourceBlob = new Blob(["video"], { type: "video/mp4" }),
+    }: {
+        encrypted: boolean;
+        thumbnailUrl?: string | null | Promise<string | null>;
+        sourceUrl?: string | null | Promise<string | null>;
+        sourceBlob?: Blob | Promise<Blob>;
+    }): MediaEventHelper =>
+        ({
+            media: { isEncrypted: encrypted },
+            thumbnailUrl: { value: Promise.resolve(thumbnailUrl) },
+            sourceUrl: { value: Promise.resolve(sourceUrl) },
+            sourceBlob: { value: Promise.resolve(sourceBlob) },
+        }) as unknown as MediaEventHelper;
+
+    const createVm = (overrides?: Partial<ConstructorParameters<typeof VideoBodyViewModel>[0]>): VideoBodyViewModel =>
+        new VideoBodyViewModel({
+            mxEvent: createEvent(),
+            mediaVisible: false,
+            videoRef,
+            ...overrides,
+        });
+
+    const createMockMedia = (content: Record<string, any>): Media =>
+        ({
+            isEncrypted: !!content.file,
+            srcMxc: content.url ?? "mxc://server/video",
+            thumbnailMxc: content.info?.thumbnail_url ?? undefined,
+            srcHttp: content.url ?? "https://server/video.mp4",
+            thumbnailHttp:
+                content.info?.thumbnail_url === null
+                    ? null
+                    : (content.info?.thumbnail_url ?? "https://server/poster.jpg"),
+            hasThumbnail: content.info?.thumbnail_url !== null,
+            getThumbnailHttp: jest.fn(),
+            getThumbnailOfSourceHttp: jest.fn(),
+            getSquareThumbnailHttp: jest.fn(),
+            downloadSource: jest.fn(),
+        }) as unknown as Media;
+
+    beforeEach(() => {
+        const originalGetValue = SettingsStore.getValue;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((setting, ...args) => {
+            if (setting === "Images.size") {
+                return ImageSize.Normal;
+            }
+            if (setting === "autoplayVideo") {
+                return false;
+            }
+            return originalGetValue(setting, ...args);
+        });
+        jest.spyOn(SettingsStore, "watchSetting").mockImplementation((_name, _roomId, callback) => {
+            imageSizeWatcher = callback as (...args: [unknown, unknown, unknown, unknown, ImageSize]) => void;
+            return "video-body-test-watch";
+        });
+        jest.spyOn(SettingsStore, "unwatchSetting").mockImplementation(jest.fn());
+
+        mockedMediaFromContent.mockImplementation((content) => createMockMedia(content));
+        mockedDecode.mockReturnValue(new Uint8ClampedArray(320 * 180 * 4));
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+        imageSizeWatcher = undefined;
+    });
+
+    it("computes the initial hidden snapshot from props", () => {
+        const vm = createVm();
+
+        expect(vm.getSnapshot().state).toBe(VideoBodyViewState.HIDDEN);
+        expect(vm.getSnapshot().hiddenButtonLabel).toBeTruthy();
+        expect(vm.getSnapshot().maxWidth).toBe(320);
+        expect(vm.getSnapshot().maxHeight).toBe(180);
+    });
+
+    it("updates to ready when media becomes visible", () => {
+        const vm = createVm();
+
+        vm.setMediaVisible(true);
+
+        expect(vm.getSnapshot().state).toBe(VideoBodyViewState.READY);
+        expect(vm.getSnapshot().src).toBe("https://server/video.mp4");
+        expect(vm.getSnapshot().poster).toBe("https://server/poster.jpg");
+    });
+
+    it("uses the export urls directly when rendering for export", () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    url: "https://server/fallback.mp4",
+                    file: {
+                        url: "mxc://server/export-video",
+                    },
+                },
+            }),
+            mediaVisible: true,
+            forExport: true,
+        });
+        vm.loadInitialMediaIfVisible();
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: VideoBodyViewState.READY,
+            src: "mxc://server/export-video",
+            preload: "metadata",
+            poster: undefined,
+        });
+    });
+
+    it("updates controls and autoplay flags when interaction is inhibited", () => {
+        const vm = createVm({ mediaVisible: true });
+
+        vm.setInhibitInteraction(true);
+
+        expect(vm.getSnapshot().controls).toBe(false);
+        expect(vm.getSnapshot().muted).toBe(false);
+        expect(vm.getSnapshot().autoPlay).toBe(false);
+    });
+
+    it("forwards preview clicks", () => {
+        const onPreviewClick = jest.fn();
+        const vm = createVm({ onPreviewClick });
+
+        vm.onPreviewClick();
+
+        expect(onPreviewClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("preloads encrypted video when autoplay is enabled", async () => {
+        const originalGetValue = SettingsStore.getValue;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((setting, ...args) => {
+            if (setting === "Images.size") return ImageSize.Normal;
+            if (setting === "autoplayVideo") return true;
+            return originalGetValue(setting, ...args);
+        });
+
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-video" },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                thumbnailUrl: "blob:encrypted-poster",
+                sourceUrl: "blob:encrypted-video",
+            }),
+            mediaVisible: true,
+        });
+        vm.loadInitialMediaIfVisible();
+
+        expect(vm.getSnapshot().state).toBe(VideoBodyViewState.LOADING);
+
+        await flushPromises();
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: VideoBodyViewState.READY,
+            src: "blob:encrypted-video",
+            poster: "blob:encrypted-poster",
+            muted: true,
+            autoPlay: true,
+        });
+    });
+
+    it("keeps encrypted video lazy-loadable when autoplay is disabled", async () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-video" },
+                    info: {
+                        mimetype: "video/quicktime",
+                    },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                thumbnailUrl: null,
+            }),
+            mediaVisible: true,
+        });
+        vm.loadInitialMediaIfVisible();
+
+        await flushPromises();
+
+        expect(vm.getSnapshot()).toMatchObject({
+            state: VideoBodyViewState.READY,
+            src: "data:video/mp4,",
+            poster: "data:video/mp4,",
+            preload: "none",
+            autoPlay: false,
+        });
+    });
+
+    it("switches to the error state when encrypted preload fails", async () => {
+        jest.spyOn(logger, "warn").mockImplementation(jest.fn());
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-video" },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                thumbnailUrl: Promise.reject(new Error("decrypt failed")),
+            }),
+            mediaVisible: true,
+        });
+        vm.loadInitialMediaIfVisible();
+
+        await flushPromises();
+
+        expect(vm.getSnapshot().state).toBe(VideoBodyViewState.ERROR);
+        expect(vm.getSnapshot().errorLabel).toBeTruthy();
+    });
+
+    it("loads the encrypted source on play when only a placeholder url is present", async () => {
+        const play = jest.fn();
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-video" },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                thumbnailUrl: null,
+                sourceUrl: "blob:played-video",
+            }),
+            mediaVisible: true,
+            videoRef: { current: { play } } as any,
+        });
+        vm.loadInitialMediaIfVisible();
+
+        await flushPromises();
+        await vm.onPlay();
+
+        expect(vm.getSnapshot().src).toBe("blob:played-video");
+        expect(play).toHaveBeenCalledTimes(1);
+    });
+
+    it("shows an error when play is requested without encrypted media data", async () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    file: { url: "mxc://server/encrypted-video" },
+                },
+            }),
+            mediaVisible: true,
+        });
+        vm.loadInitialMediaIfVisible();
+
+        await vm.onPlay();
+
+        expect(vm.getSnapshot().state).toBe(VideoBodyViewState.ERROR);
+    });
+
+    it("recomputes dimensions when the image-size setting changes", () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    info: {
+                        w: 1280,
+                        h: 720,
+                    },
+                },
+            }),
+            mediaVisible: false,
+        });
+
+        expect(vm.getSnapshot().maxWidth).toBe(324);
+        expect(vm.getSnapshot().maxHeight).toBe(182);
+
+        imageSizeWatcher?.(undefined, undefined, undefined, undefined, ImageSize.Large);
+
+        expect(vm.getSnapshot().maxWidth).toBe(800);
+        expect(vm.getSnapshot().maxHeight).toBe(450);
+    });
+
+    it("uses the blurhash poster while the thumbnail image is loading", () => {
+        const originalCreateElement = document.createElement.bind(document);
+        const originalImage = global.Image;
+        let imageOnLoad: (() => void) | undefined;
+
+        const context = {
+            createImageData: jest.fn((width: number, height: number) => ({
+                data: new Uint8ClampedArray(width * height * 4),
+            })),
+            putImageData: jest.fn(),
+        };
+        const canvas = {
+            width: 0,
+            height: 0,
+            getContext: jest.fn(() => context),
+            toDataURL: jest.fn(() => "data:image/png;base64,blurhash"),
+        };
+
+        jest.spyOn(document, "createElement").mockImplementation(((tagName: string) => {
+            if (tagName === "canvas") {
+                return canvas as any;
+            }
+            return originalCreateElement(tagName);
+        }) as typeof document.createElement);
+
+        class MockImage {
+            public onload?: () => void;
+
+            public set src(_value: string) {
+                imageOnLoad = this.onload;
+            }
+        }
+
+        global.Image = MockImage as unknown as typeof Image;
+
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    info: {
+                        [BLURHASH_FIELD]: "LEHV6nWB2yk8pyo0adR*.7kCMdnj",
+                    },
+                },
+            }),
+            mediaVisible: true,
+        });
+        vm.loadInitialMediaIfVisible();
+
+        expect(vm.getSnapshot().poster).toBe("data:image/png;base64,blurhash");
+
+        imageOnLoad?.();
+
+        expect(vm.getSnapshot().poster).toBe("https://server/poster.jpg");
+
+        global.Image = originalImage;
+    });
+
+    it("resets encrypted media state when the event changes", async () => {
+        const vm = createVm({
+            mxEvent: createEvent({
+                content: {
+                    body: "first video",
+                    file: { url: "mxc://server/video-a" },
+                },
+            }),
+            mediaEventHelper: createMediaEventHelper({
+                encrypted: true,
+                thumbnailUrl: null,
+                sourceUrl: "blob:first-video",
+            }),
+            mediaVisible: true,
+        });
+        vm.loadInitialMediaIfVisible();
+
+        await flushPromises();
+        expect(vm.getSnapshot().src).toBe("data:video/mp4,");
+
+        vm.setEvent(
+            createEvent({
+                body: "second video",
+                content: {
+                    file: { url: "mxc://server/video-b" },
+                },
+            }),
+            createMediaEventHelper({
+                encrypted: true,
+                thumbnailUrl: null,
+                sourceUrl: "blob:second-video",
+            }),
+        );
+
+        await flushPromises();
+
+        expect(vm.getSnapshot().videoLabel).toBe("second video");
+        expect(vm.getSnapshot().src).toBe("data:video/mp4,");
+    });
+
+    it("does not emit for unchanged targeted setters", () => {
+        const event = createEvent();
+        const onPreviewClick = jest.fn();
+        const vm = createVm({
+            mxEvent: event,
+            mediaVisible: false,
+            onPreviewClick,
+        });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setEvent(event, undefined);
+        vm.setForExport(undefined);
+        vm.setInhibitInteraction(undefined);
+        vm.setMediaVisible(false);
+        vm.setOnPreviewClick(onPreviewClick);
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/ViewSourceEventViewModel-test.ts b/apps/web/test/viewmodels/message-body/ViewSourceEventViewModel-test.ts
new file mode 100644
index 00000000000..6b0ee8e6f6c
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/ViewSourceEventViewModel-test.ts
@@ -0,0 +1,143 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 MouseEvent } from "react";
+import { type MatrixClient, MatrixEvent, MatrixEventEvent } from "matrix-js-sdk/src/matrix";
+
+import { ViewSourceEventViewModel } from "../../../src/viewmodels/room/timeline/event-tile/body/ViewSourceEventViewModel";
+
+describe("ViewSourceEventViewModel", () => {
+    const createClient = (): MatrixClient =>
+        ({
+            decryptEventIfNeeded: jest.fn().mockResolvedValue(undefined),
+        }) as unknown as MatrixClient;
+
+    const createEvent = (type = "m.room.message", content: Record<string, unknown> = {}): MatrixEvent =>
+        new MatrixEvent({
+            type,
+            event_id: "$event:example.org",
+            sender: "@alice:example.org",
+            content,
+        });
+
+    const createClickEvent = (): MouseEvent<HTMLButtonElement> =>
+        ({
+            preventDefault: jest.fn(),
+        }) as unknown as MouseEvent<HTMLButtonElement>;
+
+    it("creates a collapsed event source snapshot and requests decryption", () => {
+        const cli = createClient();
+        const mxEvent = createEvent("m.room.member");
+        const vm = new ViewSourceEventViewModel({ cli, mxEvent });
+
+        expect(cli.decryptEventIfNeeded).toHaveBeenCalledWith(mxEvent);
+        expect(vm.getSnapshot()).toEqual({
+            expanded: false,
+            preview: '{ "type": m.room.member }',
+            source: "",
+        });
+    });
+
+    it("toggles expanded state", () => {
+        const mxEvent = createEvent();
+        const vm = new ViewSourceEventViewModel({ cli: createClient(), mxEvent });
+        const event = createClickEvent();
+
+        vm.onToggle(event);
+
+        expect(event.preventDefault).toHaveBeenCalled();
+        expect(vm.getSnapshot().expanded).toBe(true);
+        expect(vm.getSnapshot().source).toBe(JSON.stringify(mxEvent, null, 4));
+
+        vm.onToggle(createClickEvent());
+
+        expect(vm.getSnapshot().expanded).toBe(false);
+        expect(vm.getSnapshot().source).toBe("");
+    });
+
+    it("updates the event source when the event changes", () => {
+        const cli = createClient();
+        const oldEvent = createEvent("m.room.message");
+        const newEvent = createEvent("m.room.topic", { topic: "New topic" });
+        const vm = new ViewSourceEventViewModel({ cli, mxEvent: oldEvent });
+
+        vm.onToggle(createClickEvent());
+        vm.setProps({ mxEvent: newEvent });
+
+        expect(cli.decryptEventIfNeeded).toHaveBeenCalledWith(newEvent);
+        expect(vm.getSnapshot()).toEqual({
+            expanded: true,
+            preview: '{ "type": m.room.topic }',
+            source: JSON.stringify(newEvent, null, 4),
+        });
+    });
+
+    it("removes the previous decryption listener when the event changes", () => {
+        const oldEvent = createEvent("m.room.encrypted");
+        jest.spyOn(oldEvent, "isBeingDecrypted").mockReturnValue(true);
+        const offSpy = jest.spyOn(oldEvent, "off");
+        const vm = new ViewSourceEventViewModel({ cli: createClient(), mxEvent: oldEvent });
+
+        vm.setProps({ mxEvent: createEvent("m.room.message") });
+
+        expect(offSpy).toHaveBeenCalledWith(MatrixEventEvent.Decrypted, expect.any(Function));
+    });
+
+    it("updates the decryption request when the client changes", () => {
+        const oldClient = createClient();
+        const newClient = createClient();
+        const mxEvent = createEvent();
+        const vm = new ViewSourceEventViewModel({ cli: oldClient, mxEvent });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setProps({ cli: newClient });
+
+        expect(newClient.decryptEventIfNeeded).toHaveBeenCalledWith(mxEvent);
+        expect(listener).not.toHaveBeenCalled();
+    });
+
+    it("does not emit when setProps receives unchanged props", () => {
+        const cli = createClient();
+        const mxEvent = createEvent();
+        const vm = new ViewSourceEventViewModel({ cli, mxEvent });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setProps({ cli, mxEvent });
+
+        expect(listener).not.toHaveBeenCalled();
+    });
+
+    it("updates the source after decryption completes", () => {
+        const mxEvent = createEvent("m.room.encrypted", { ciphertext: "encrypted" });
+        jest.spyOn(mxEvent, "isBeingDecrypted").mockReturnValue(true);
+        const vm = new ViewSourceEventViewModel({ cli: createClient(), mxEvent });
+        vm.onToggle(createClickEvent());
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        mxEvent.getContent().body = "decrypted";
+        mxEvent.emit(MatrixEventEvent.Decrypted, mxEvent);
+
+        expect(listener).toHaveBeenCalledTimes(1);
+        expect(vm.getSnapshot().source).toContain("decrypted");
+    });
+
+    it("removes decryption listeners on dispose", () => {
+        const mxEvent = createEvent("m.room.encrypted");
+        jest.spyOn(mxEvent, "isBeingDecrypted").mockReturnValue(true);
+        const offSpy = jest.spyOn(mxEvent, "off");
+        const vm = new ViewSourceEventViewModel({ cli: createClient(), mxEvent });
+
+        vm.dispose();
+
+        expect(offSpy).toHaveBeenCalledWith(MatrixEventEvent.Decrypted, expect.any(Function));
+    });
+});
diff --git a/apps/web/test/viewmodels/message-body/__snapshots__/UrlPreviewGroupViewModel-test.ts.snap b/apps/web/test/viewmodels/message-body/__snapshots__/UrlPreviewGroupViewModel-test.ts.snap
new file mode 100644
index 00000000000..bc9123407e7
--- /dev/null
+++ b/apps/web/test/viewmodels/message-body/__snapshots__/UrlPreviewGroupViewModel-test.ts.snap
@@ -0,0 +1,121 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`UrlPreviewGroupViewModel should deduplicate multiple versions of the same URL 1`] = `
+{
+  "overPreviewLimit": false,
+  "previews": [
+    {
+      "author": undefined,
+      "description": "This is a description",
+      "image": undefined,
+      "link": "https://example.org",
+      "ogUrl": "https://example.org",
+      "showTooltipOnLink": false,
+      "siteIcon": undefined,
+      "siteName": "Example.org",
+      "title": "This is an example!",
+    },
+  ],
+  "previewsLimited": true,
+  "totalPreviewCount": 1,
+}
+`;
+
+exports[`UrlPreviewGroupViewModel should handle being hidden and shown by the user 1`] = `
+{
+  "overPreviewLimit": false,
+  "previews": [],
+  "previewsLimited": true,
+  "totalPreviewCount": 1,
+}
+`;
+
+exports[`UrlPreviewGroupViewModel should handle being hidden and shown by the user 2`] = `
+{
+  "overPreviewLimit": false,
+  "previews": [
+    {
+      "author": undefined,
+      "description": "This is a description",
+      "image": undefined,
+      "link": "https://example.org",
+      "ogUrl": "https://example.org",
+      "showTooltipOnLink": false,
+      "siteIcon": undefined,
+      "siteName": "Example.org",
+      "title": "This is an example!",
+    },
+  ],
+  "previewsLimited": true,
+  "totalPreviewCount": 1,
+}
+`;
+
+exports[`UrlPreviewGroupViewModel should hide preview when invisible 1`] = `
+{
+  "overPreviewLimit": false,
+  "previews": [],
+  "previewsLimited": true,
+  "totalPreviewCount": 1,
+}
+`;
+
+exports[`UrlPreviewGroupViewModel should ignore failed previews 1`] = `
+{
+  "overPreviewLimit": false,
+  "previews": [],
+  "previewsLimited": true,
+  "totalPreviewCount": 1,
+}
+`;
+
+exports[`UrlPreviewGroupViewModel should ignore media when mediaVisible is false 1`] = `
+{
+  "overPreviewLimit": false,
+  "previews": [
+    {
+      "author": undefined,
+      "description": undefined,
+      "image": undefined,
+      "link": "https://example.org",
+      "ogUrl": "https://example.org",
+      "showTooltipOnLink": false,
+      "siteIcon": undefined,
+      "siteName": "example.org",
+      "title": "This is an example!",
+    },
+  ],
+  "previewsLimited": true,
+  "totalPreviewCount": 1,
+}
+`;
+
+exports[`UrlPreviewGroupViewModel should preview a single valid URL 1`] = `
+{
+  "overPreviewLimit": false,
+  "previews": [
+    {
+      "author": undefined,
+      "description": "This is a description",
+      "image": undefined,
+      "link": "https://example.org",
+      "ogUrl": "https://example.org",
+      "showTooltipOnLink": false,
+      "siteIcon": undefined,
+      "siteName": "Example.org",
+      "title": "This is an example!",
+    },
+  ],
+  "previewsLimited": true,
+  "totalPreviewCount": 1,
+}
+`;
+
+exports[`UrlPreviewGroupViewModel should return no previews by default 1`] = `
+{
+  "overPreviewLimit": false,
+  "previews": [],
+  "previewsLimited": true,
+  "totalPreviewCount": 0,
+}
+`;
diff --git a/apps/web/test/viewmodels/room-list/RoomListHeaderViewModel-test.ts b/apps/web/test/viewmodels/room-list/RoomListHeaderViewModel-test.ts
new file mode 100644
index 00000000000..3f9415debfe
--- /dev/null
+++ b/apps/web/test/viewmodels/room-list/RoomListHeaderViewModel-test.ts
@@ -0,0 +1,454 @@
+/*
+ * 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 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";
+import PosthogTrackers from "../../../src/PosthogTrackers";
+import { ReleaseAnnouncementStore } from "../../../src/stores/ReleaseAnnouncementStore";
+import { TestSDKContext } from "../../unit-tests/TestSDKContext.ts";
+
+jest.mock("../../../src/PosthogTrackers", () => ({
+    trackInteraction: jest.fn(),
+    trackSectionCreation: jest.fn(),
+    trackCollapseOrExpandSection: 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;
+    let sdkContext: TestSDKContext;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+        sdkContext = new TestSDKContext();
+        sdkContext._client = matrixClient;
+
+        mockSpace = mkSpace(matrixClient, "!space:server");
+
+        mocked(hasCreateRoomRights).mockReturnValue(true);
+        mocked(shouldShowSpaceSettings).mockReturnValue(true);
+
+        jest.spyOn(ReleaseAnnouncementStore.instance, "getReleaseAnnouncement").mockReturnValue(null);
+        jest.spyOn(ReleaseAnnouncementStore.instance, "nextReleaseAnnouncement").mockResolvedValue(undefined);
+
+        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;
+            if (settingName === "RoomList.OrderedCustomSections") return [];
+            return false;
+        });
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+        vm.dispose();
+    });
+
+    describe("snapshot", () => {
+        it("should compute snapshot for Home space", () => {
+            jest.spyOn(sdkContext.spaceStore, "activeSpace", "get").mockReturnValue(MetaSpace.Home);
+            jest.spyOn(sdkContext.spaceStore, "activeSpaceRoom", "get").mockReturnValue(null);
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+
+            const snapshot = vm.getSnapshot();
+            expect(snapshot.title).toBe("Home");
+            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(sdkContext.spaceStore, "activeSpace", "get").mockReturnValue(mockSpace.roomId);
+            jest.spyOn(sdkContext.spaceStore, "activeSpaceRoom", "get").mockReturnValue(mockSpace);
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+
+            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: sdkContext.spaceStore });
+            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: sdkContext.spaceStore });
+            expect(vm.getSnapshot().activeSortOption).toBe("alphabetical");
+        });
+
+        it("should show invite option when space is public", () => {
+            jest.spyOn(sdkContext.spaceStore, "activeSpace", "get").mockReturnValue(mockSpace.roomId);
+            jest.spyOn(sdkContext.spaceStore, "activeSpaceRoom", "get").mockReturnValue(mockSpace);
+            jest.spyOn(mockSpace, "getJoinRule").mockReturnValue(JoinRule.Public);
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+            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: sdkContext.spaceStore });
+            expect(vm.getSnapshot().canInviteInSpace).toBe(false);
+        });
+
+        it("should hide space settings when user cannot access them", () => {
+            jest.spyOn(sdkContext.spaceStore, "activeSpace", "get").mockReturnValue(mockSpace.roomId);
+            mocked(shouldShowSpaceSettings).mockReturnValue(false);
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+            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: sdkContext.spaceStore });
+            expect(vm.getSnapshot().isMessagePreviewEnabled).toBe(true);
+        });
+
+        it("should set areSectionsEnabled to true when RoomList.showSections is enabled", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName: string) => {
+                if (settingName === "RoomList.showSections") return true;
+                return false;
+            });
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+            expect(vm.getSnapshot().areSectionsEnabled).toBe(true);
+        });
+
+        it("should update areSectionsEnabled when RoomList.showSections setting changes", () => {
+            let watchCallback: () => void = () => {};
+            jest.spyOn(SettingsStore, "watchSetting").mockImplementation((settingName, _roomId, callback) => {
+                if (settingName === "RoomList.showSections") watchCallback = callback as () => void;
+                return "watcher-id";
+            });
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+            expect(vm.getSnapshot().areSectionsEnabled).toBe(false);
+
+            // Enable sections
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName: string) => {
+                if (settingName === "RoomList.showSections") return true;
+                return false;
+            });
+            watchCallback();
+
+            expect(vm.getSnapshot().areSectionsEnabled).toBe(true);
+        });
+
+        it("should set displaySectionReleaseAnnouncement to true when sections feature is enabled and announcement is active", () => {
+            jest.spyOn(ReleaseAnnouncementStore.instance, "getReleaseAnnouncement").mockReturnValue(
+                "room_list_section",
+            );
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+            expect(vm.getSnapshot().displaySectionReleaseAnnouncement).toBe(true);
+        });
+    });
+
+    describe("event listeners", () => {
+        it.each([UPDATE_SELECTED_SPACE, UPDATE_HOME_BEHAVIOUR])(
+            "should update snapshot when %s event is emitted",
+            (event) => {
+                jest.spyOn(sdkContext.spaceStore, "activeSpace", "get").mockReturnValue(MetaSpace.Home);
+                jest.spyOn(sdkContext.spaceStore, "activeSpaceRoom", "get").mockReturnValue(null);
+
+                vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+
+                jest.spyOn(sdkContext.spaceStore, "activeSpace", "get").mockReturnValue(mockSpace.roomId);
+                jest.spyOn(sdkContext.spaceStore, "activeSpaceRoom", "get").mockReturnValue(mockSpace);
+                sdkContext.spaceStore.emit(event);
+
+                expect(vm.getSnapshot().title).toBe(mockSpace.roomId);
+            },
+        );
+
+        it("should update snapshot when space name changes", () => {
+            jest.spyOn(sdkContext.spaceStore, "activeSpace", "get").mockReturnValue(mockSpace.roomId);
+            jest.spyOn(sdkContext.spaceStore, "activeSpaceRoom", "get").mockReturnValue(mockSpace);
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+
+            mockSpace.name = "new name";
+            mockSpace.emit(RoomEvent.Name, mockSpace);
+
+            expect(vm.getSnapshot().title).toBe("new name");
+        });
+    });
+
+    describe("actions", () => {
+        beforeEach(() => {
+            jest.spyOn(sdkContext.spaceStore, "activeSpace", "get").mockReturnValue(mockSpace.roomId);
+            jest.spyOn(sdkContext.spaceStore, "activeSpaceRoom", "get").mockReturnValue(mockSpace);
+        });
+
+        it("should fire CreateChat action when createChatRoom is called", () => {
+            const fireSpy = jest.spyOn(defaultDispatcher, "fire");
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+
+            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: sdkContext.spaceStore });
+            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: sdkContext.spaceStore });
+            vm.createVideoRoom();
+            expect(showCreateNewRoom).toHaveBeenCalledWith(mockSpace, RoomType.ElementVideo);
+        });
+
+        it("should use UnstableCall type when element_call_video_rooms is enabled", () => {
+            jest.spyOn(sdkContext.spaceStore, "activeSpaceRoom", "get").mockReturnValue(null);
+
+            const dispatchSpy = jest.spyOn(defaultDispatcher, "dispatch");
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+            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: sdkContext.spaceStore });
+            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: sdkContext.spaceStore });
+            vm.inviteInSpace();
+
+            expect(showSpaceInvite).toHaveBeenCalledWith(mockSpace);
+        });
+
+        it("should show space preferences dialog when openSpacePreferences is called", () => {
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+            vm.openSpacePreferences();
+
+            expect(showSpacePreferences).toHaveBeenCalledWith(mockSpace);
+        });
+
+        it("should show space settings dialog when openSpaceSettings is called", () => {
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+            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: sdkContext.spaceStore });
+            vm.sort(option);
+            expect(resortSpy).toHaveBeenCalledWith(expectedAlgorithm);
+        });
+
+        it("should track analytics on resort", () => {
+            jest.spyOn(RoomListStoreV3.instance, "activeSortAlgorithm", "get").mockReturnValue(
+                SortingAlgorithm.Alphabetic,
+            );
+            PosthogTrackers.trackRoomListSortingAlgorithmChange = jest.fn();
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+            jest.spyOn(RoomListStoreV3.instance, "resort").mockImplementation(jest.fn());
+            vm.sort("unread-first");
+
+            expect(PosthogTrackers.trackRoomListSortingAlgorithmChange).toHaveBeenCalledWith(
+                SortingAlgorithm.Alphabetic,
+                SortingAlgorithm.Unread,
+            );
+        });
+
+        it("should call createSection on RoomListStoreV3 when createSection is called", () => {
+            const createSectionSpy = jest
+                .spyOn(RoomListStoreV3.instance, "createSection")
+                .mockResolvedValue("element.io.section.work");
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+            vm.createSection();
+            expect(createSectionSpy).toHaveBeenCalled();
+        });
+
+        describe("collapseOrExpandSections", () => {
+            it("should dispatch RoomListCollapseAllSections when collapseSections is not 'expand'", () => {
+                const fireSpy = jest.spyOn(defaultDispatcher, "fire");
+                vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+
+                vm.collapseOrExpandSections();
+
+                expect(fireSpy).toHaveBeenCalledWith(Action.RoomListCollapseAllSections);
+            });
+
+            it("should dispatch RoomListExpandAllSections when collapseSections is 'expand'", () => {
+                const fireSpy = jest.spyOn(defaultDispatcher, "fire");
+                vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+
+                // Drive the VM into the "expand" state by simulating all sections collapsed
+                defaultDispatcher.dispatch(
+                    {
+                        action: Action.RoomListSectionsCollapseStateChanged,
+                        collapseSections: "collapse",
+                    },
+                    true,
+                );
+                expect(vm.getSnapshot().collapseSections).toBe("expand");
+                vm.collapseOrExpandSections();
+
+                expect(fireSpy).toHaveBeenCalledWith(Action.RoomListExpandAllSections);
+            });
+        });
+
+        describe("RoomListSectionsCollapseStateChanged handling", () => {
+            it("should set collapseSections to 'expand' when collapseSections is collapse", () => {
+                vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+
+                defaultDispatcher.dispatch(
+                    {
+                        action: Action.RoomListSectionsCollapseStateChanged,
+                        collapseSections: "collapse",
+                    },
+                    true,
+                );
+
+                expect(vm.getSnapshot().collapseSections).toBe("expand");
+            });
+
+            it("should set collapseSections to 'collapse' when collapseSections is expand", () => {
+                vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+
+                defaultDispatcher.dispatch(
+                    {
+                        action: Action.RoomListSectionsCollapseStateChanged,
+                        collapseSections: "expand",
+                    },
+                    true,
+                );
+
+                expect(vm.getSnapshot().collapseSections).toBe("collapse");
+            });
+
+            it("should set collapseSections to undefined when collapseSections is undefined", () => {
+                vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+
+                // First drive it into a non-undefined state
+                defaultDispatcher.dispatch(
+                    {
+                        action: Action.RoomListSectionsCollapseStateChanged,
+                        collapseSections: "collapse",
+                    },
+                    true,
+                );
+                expect(vm.getSnapshot().collapseSections).toBe("expand");
+
+                defaultDispatcher.dispatch(
+                    {
+                        action: Action.RoomListSectionsCollapseStateChanged,
+                        collapseSections: undefined,
+                    },
+                    true,
+                );
+
+                expect(vm.getSnapshot().collapseSections).toBeUndefined();
+            });
+        });
+
+        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: sdkContext.spaceStore });
+            expect(vm.getSnapshot().isMessagePreviewEnabled).toBe(true);
+
+            vm.toggleMessagePreview();
+
+            expect(setValueSpy).toHaveBeenCalledWith("RoomList.showMessagePreview", null, expect.anything(), false);
+            expect(vm.getSnapshot().isMessagePreviewEnabled).toBe(false);
+        });
+
+        it("should call nextReleaseAnnouncement and set displaySectionReleaseAnnouncement to false when closeSectionReleaseAnnouncement is called", () => {
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: sdkContext.spaceStore });
+
+            vm.closeSectionReleaseAnnouncement();
+
+            expect(ReleaseAnnouncementStore.instance.nextReleaseAnnouncement).toHaveBeenCalled();
+            expect(vm.getSnapshot().displaySectionReleaseAnnouncement).toBe(false);
+        });
+    });
+});
diff --git a/apps/web/test/viewmodels/room-list/RoomListItemViewModel-test.ts b/apps/web/test/viewmodels/room-list/RoomListItemViewModel-test.ts
new file mode 100644
index 00000000000..d0bd7ea05dd
--- /dev/null
+++ b/apps/web/test/viewmodels/room-list/RoomListItemViewModel-test.ts
@@ -0,0 +1,710 @@
+/*
+ * 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 EventEmitter from "node:events";
+import {
+    type MatrixClient,
+    type MatrixEvent,
+    Room,
+    RoomEvent,
+    PendingEventOrdering,
+    type RoomMember,
+} from "matrix-js-sdk/src/matrix";
+import { CallType } from "matrix-js-sdk/src/webrtc/call";
+import { waitFor } from "jest-matrix-react";
+
+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/message-preview";
+import SettingsStore, { type CallbackFn } from "../../../src/settings/SettingsStore";
+import DMRoomMap from "../../../src/utils/DMRoomMap";
+import { DefaultTagID } from "../../../src/stores/room-list-v3/skip-list/tag";
+import dispatcher from "../../../src/dispatcher/dispatcher";
+import { Action } from "../../../src/dispatcher/actions";
+import { CallStore } from "../../../src/stores/CallStore";
+import { CallEvent, type Call } from "../../../src/models/Call";
+import { RoomListItemViewModel } from "../../../src/viewmodels/room-list/RoomListItemViewModel";
+import RoomListStoreV3 from "../../../src/stores/room-list-v3/RoomListStoreV3";
+import * as tagRoomModule from "../../../src/utils/room/tagRoom";
+import { CHATS_TAG } from "../../../src/stores/room-list-v3/section";
+
+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;
+            if (setting === "RoomList.OrderedCustomSections") return [];
+            if (setting === "RoomList.CustomSectionData") return {};
+            return false;
+        });
+        jest.spyOn(SettingsStore, "setValue").mockResolvedValue(undefined);
+        jest.spyOn(SettingsStore, "watchSetting").mockImplementation(() => "watcher-id");
+
+        jest.spyOn(MessagePreviewStore.instance, "getPreviewForRoom").mockResolvedValue(null);
+        jest.spyOn(CallStore.instance, "getCall").mockReturnValue(null);
+        jest.spyOn(RoomListStoreV3.instance, "orderedSectionTags", "get").mockReturnValue([]);
+    });
+
+    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(MessagePreviewStore.getPreviewChangedEventName(room));
+
+            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) => {
+                if (setting === "RoomList.showMessagePreview") 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()!, {}]]),
+                off: jest.fn(),
+                on: jest.fn(),
+            } 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()!, {}]]),
+                off: jest.fn(),
+                on: jest.fn(),
+            } 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(),
+                off: jest.fn(),
+                on: jest.fn(),
+            } 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();
+        });
+
+        it("should listen to call participant changes", () => {
+            const mockCall = {
+                callType: CallType.Voice,
+                participants: new Map(),
+                off: jest.fn(),
+                on: jest.fn(),
+            };
+            jest.spyOn(CallStore.instance, "getCall").mockReturnValue(mockCall as unknown as Call);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+            expect(viewModel.getSnapshot().notification.callType).toBeUndefined();
+
+            // Get the callback registered for call state changes
+            const mockCalls = (CallStore.instance.on as jest.Mock).mock.calls;
+            const callStateCallback = mockCalls[mockCalls.length - 1][1];
+            callStateCallback();
+
+            // Simulate participant joining
+            mockCall.participants.set(matrixClient.getUserId()! as unknown as RoomMember, new Set());
+
+            // Get the callback registered for participant changes
+            const participantsChangeCallback = mockCall.on.mock.calls[0][1];
+            participantsChangeCallback();
+
+            expect(viewModel.getSnapshot().notification.callType).toBe("voice");
+        });
+
+        it("should not update the item when there is already an active call and participants join", () => {
+            const mockCall = {
+                callType: CallType.Voice,
+                participants: new Map([[matrixClient.getUserId()! as unknown as RoomMember, new Set<string>()]]),
+                off: jest.fn(),
+                on: jest.fn(),
+            };
+            jest.spyOn(CallStore.instance, "getCall").mockReturnValue(mockCall as unknown as Call);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            // Trigger onCallStateChanged so the call is tracked and the participant listener is registered
+            const mockCalls = (CallStore.instance.on as jest.Mock).mock.calls;
+            const callStateCallback = mockCalls[mockCalls.length - 1][1];
+            callStateCallback();
+
+            expect(viewModel.getSnapshot().notification.callType).toBe("voice");
+
+            // Record the snapshot version before the participant event fires
+            const snapshotBefore = viewModel.getSnapshot();
+
+            // Simulate another participant joining while the call is already active
+            mockCall.participants.set("@other:server" as unknown as RoomMember, new Set<string>());
+            const participantsChangeCallback = mockCall.on.mock.calls[0][1];
+            participantsChangeCallback(mockCall.participants);
+
+            // Snapshot should not have changed
+            expect(viewModel.getSnapshot()).toBe(snapshotBefore);
+        });
+
+        it("should react to participant changes when a call already exists at instantiation time", () => {
+            const mockCall = {
+                callType: CallType.Voice,
+                participants: new Map([]),
+                off: jest.fn(),
+                on: jest.fn(),
+            };
+            jest.spyOn(CallStore.instance, "getCall").mockReturnValue(mockCall as unknown as Call);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+            expect(viewModel.getSnapshot().notification.callType).toBeUndefined();
+
+            // Simulate participant joining
+            mockCall.participants.set(matrixClient.getUserId()! as unknown as RoomMember, new Set());
+
+            // Get the callback registered for participant changes
+            const participantsChangeCallback = mockCall.on.mock.calls[0][1];
+            participantsChangeCallback();
+
+            expect(viewModel.getSnapshot().notification.callType).toBe("voice");
+        });
+
+        it("should unsubscribe from old call participants when the call changes", () => {
+            const firstCall = {
+                callType: CallType.Voice,
+                participants: new Map([[matrixClient.getUserId()! as unknown as RoomMember, new Set<string>()]]),
+                off: jest.fn(),
+                on: jest.fn(),
+            };
+            const secondCall = {
+                callType: CallType.Video,
+                participants: new Map([[matrixClient.getUserId()! as unknown as RoomMember, new Set<string>()]]),
+                off: jest.fn(),
+                on: jest.fn(),
+            };
+
+            jest.spyOn(CallStore.instance, "getCall").mockReturnValue(firstCall as unknown as Call);
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            // Trigger onCallStateChanged to register the first call
+            const mockCalls = (CallStore.instance.on as jest.Mock).mock.calls;
+            const callStateCallback = mockCalls[mockCalls.length - 1][1];
+            callStateCallback();
+
+            const participantsCallback = firstCall.on.mock.calls[0][1];
+            expect(firstCall.on).toHaveBeenCalledWith("participants", participantsCallback);
+
+            // Now switch to a different call
+            jest.spyOn(CallStore.instance, "getCall").mockReturnValue(secondCall as unknown as Call);
+            callStateCallback();
+
+            // The old call's listener must have been removed
+            expect(firstCall.off).toHaveBeenCalledWith("participants", participantsCallback);
+            // The new call must have a listener registered
+            expect(secondCall.on).toHaveBeenCalledWith("participants", expect.any(Function));
+        });
+
+        it("should listen to call type changes", async () => {
+            // Start with a voice call
+            let callType = CallType.Voice;
+            const mockCall = new (class extends EventEmitter {
+                get callType() {
+                    return callType;
+                }
+                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");
+
+            // Now turn it into a video call
+            callType = CallType.Video;
+            mockCall.emit(CallEvent.CallTypeChanged, callType);
+            expect(viewModel.getSnapshot().notification.callType).toBe("video");
+        });
+    });
+
+    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",
+            });
+        });
+
+        it("should call createSection on RoomListStoreV3 when onCreateSection is called", async () => {
+            const createSectionSpy = jest
+                .spyOn(RoomListStoreV3.instance, "createSection")
+                .mockResolvedValue("element.io.section.work");
+            const tagRoomSpy = jest.spyOn(tagRoomModule, "tagRoom").mockImplementation(() => {});
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+            viewModel.onCreateSection();
+            expect(createSectionSpy).toHaveBeenCalled();
+
+            await waitFor(() => expect(tagRoomSpy).toHaveBeenCalledWith(room, "element.io.section.work"));
+        });
+
+        it("should call tagRoom when onToggleSection is called", () => {
+            const tagRoomSpy = jest.spyOn(tagRoomModule, "tagRoom").mockImplementation(() => {});
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            viewModel.onToggleSection(DefaultTagID.Favourite);
+
+            expect(tagRoomSpy).toHaveBeenCalledWith(room, DefaultTagID.Favourite);
+        });
+    });
+
+    describe("Sections", () => {
+        const customTag = "element.io.section.custom1";
+
+        beforeEach(() => {
+            jest.spyOn(RoomListStoreV3.instance, "orderedSectionTags", "get").mockReturnValue([
+                DefaultTagID.Favourite,
+                customTag,
+                CHATS_TAG,
+                DefaultTagID.LowPriority,
+            ]);
+        });
+
+        it("should include sections from orderedSectionTags excluding CHATS_TAG, favourite, and low priority", () => {
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            const sections = viewModel.getSnapshot().sections;
+            expect(sections.map((s) => s.tag)).toEqual([customTag]);
+        });
+
+        it("should mark the room current section as selected", () => {
+            room.tags = { [customTag]: { order: 0 } };
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            const sections = viewModel.getSnapshot().sections;
+            expect(sections.find((s) => s.tag === customTag)?.isSelected).toBe(true);
+        });
+
+        it("should use custom section name from CustomSectionData", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+                if (setting === "RoomList.CustomSectionData")
+                    return { [customTag]: { name: "My Custom Section", tag: customTag } };
+                return false;
+            });
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            const section = viewModel.getSnapshot().sections.find((s) => s.tag === customTag);
+            expect(section?.name).toBe("My Custom Section");
+        });
+
+        it("should update sections when OrderedCustomSections setting changes", () => {
+            let watchCallback: CallbackFn<"RoomList.OrderedCustomSections"> = () => {};
+            jest.spyOn(SettingsStore, "watchSetting").mockImplementation((setting, _room, callback) => {
+                if (setting === "RoomList.OrderedCustomSections") watchCallback = callback;
+                return "watcher-id";
+            });
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+            expect(viewModel.getSnapshot().sections).toHaveLength(1);
+
+            // Simulate reordering: custom section removed
+            jest.spyOn(RoomListStoreV3.instance, "orderedSectionTags", "get").mockReturnValue([
+                DefaultTagID.Favourite,
+                CHATS_TAG,
+                DefaultTagID.LowPriority,
+            ]);
+            watchCallback("RoomList.OrderedCustomSections", null, null as any, null, null);
+
+            expect(viewModel.getSnapshot().sections.map((s) => s.tag)).toEqual([]);
+        });
+
+        it("should set areSectionsEnabled to true when RoomList.showSections is enabled", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+                if (setting === "RoomList.showSections") return true;
+                return false;
+            });
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+            expect(viewModel.getSnapshot().areSectionsEnabled).toBe(true);
+        });
+
+        it("should update areSectionsEnabled when RoomList.showSections setting changes", () => {
+            let watchCallback: CallbackFn<"RoomList.showSections"> = () => {};
+            jest.spyOn(SettingsStore, "watchSetting").mockImplementation((setting, _room, callback) => {
+                if (setting === "RoomList.showSections") watchCallback = callback;
+                return "watcher-id";
+            });
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+            expect(viewModel.getSnapshot().areSectionsEnabled).toBe(false);
+
+            // Enable sections
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+                if (setting === "RoomList.showSections") return true;
+                return false;
+            });
+            watchCallback("RoomList.showSections", null, null as any, null, null);
+
+            expect(viewModel.getSnapshot().areSectionsEnabled).toBe(true);
+        });
+    });
+
+    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/apps/web/test/viewmodels/room-list/RoomListSearchViewModel-test.ts b/apps/web/test/viewmodels/room-list/RoomListSearchViewModel-test.ts
new file mode 100644
index 00000000000..971ff655e6c
--- /dev/null
+++ b/apps/web/test/viewmodels/room-list/RoomListSearchViewModel-test.ts
@@ -0,0 +1,145 @@
+/*
+ * 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 { RoomListSearchViewModel } from "../../../src/viewmodels/room-list/RoomListSearchViewModel";
+import { MetaSpace } from "../../../src/stores/spaces";
+import { shouldShowComponent } from "../../../src/customisations/helpers/UIComponents";
+import defaultDispatcher from "../../../src/dispatcher/dispatcher";
+import { Action } from "../../../src/dispatcher/actions";
+import LegacyCallHandler, { LegacyCallHandlerEvent } from "../../../src/LegacyCallHandler";
+import { TestSDKContext } from "../../unit-tests/TestSDKContext.ts";
+
+jest.mock("../../../src/customisations/helpers/UIComponents", () => ({
+    shouldShowComponent: jest.fn(),
+}));
+
+jest.mock("../../../src/PosthogTrackers", () => ({
+    trackInteraction: jest.fn(),
+}));
+
+describe("RoomListSearchViewModel", () => {
+    const context = new TestSDKContext();
+
+    beforeEach(() => {
+        mocked(shouldShowComponent).mockReturnValue(true);
+        context._LegacyCallHandler = new LegacyCallHandler(context);
+        jest.spyOn(context._LegacyCallHandler, "getSupportsPstnProtocol").mockReturnValue(false);
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    describe("snapshot", () => {
+        it("should show explore button in Home space when UIComponent.ExploreRooms is enabled", () => {
+            mocked(shouldShowComponent).mockReturnValue(true);
+            const vm = new RoomListSearchViewModel({
+                activeSpace: MetaSpace.Home,
+                legacyCallHandler: context.legacyCallHandler,
+            });
+
+            expect(vm.getSnapshot().displayExploreButton).toBe(true);
+        });
+
+        it("should hide explore button when not in Home space", () => {
+            mocked(shouldShowComponent).mockReturnValue(true);
+            const vm = new RoomListSearchViewModel({
+                activeSpace: MetaSpace.VideoRooms,
+                legacyCallHandler: context.legacyCallHandler,
+            });
+
+            expect(vm.getSnapshot().displayExploreButton).toBe(false);
+        });
+
+        it("should hide explore button when UIComponent.ExploreRooms is disabled", () => {
+            mocked(shouldShowComponent).mockReturnValue(false);
+            const vm = new RoomListSearchViewModel({
+                activeSpace: MetaSpace.Home,
+                legacyCallHandler: context.legacyCallHandler,
+            });
+
+            expect(vm.getSnapshot().displayExploreButton).toBe(false);
+        });
+
+        it("should show dial button when PSTN protocol is supported", () => {
+            jest.spyOn(context.legacyCallHandler, "getSupportsPstnProtocol").mockReturnValue(true);
+            const vm = new RoomListSearchViewModel({
+                activeSpace: MetaSpace.Home,
+                legacyCallHandler: context.legacyCallHandler,
+            });
+
+            expect(vm.getSnapshot().displayDialButton).toBe(true);
+        });
+
+        it("should hide dial button when PSTN protocol is not supported", () => {
+            jest.spyOn(context.legacyCallHandler, "getSupportsPstnProtocol").mockReturnValue(false);
+            const vm = new RoomListSearchViewModel({
+                activeSpace: MetaSpace.Home,
+                legacyCallHandler: context.legacyCallHandler,
+            });
+
+            expect(vm.getSnapshot().displayDialButton).toBe(false);
+        });
+    });
+
+    describe("actions", () => {
+        it("should fire OpenSpotlight action when onSearchClick is called", () => {
+            const fireSpy = jest.spyOn(defaultDispatcher, "fire");
+            const vm = new RoomListSearchViewModel({
+                activeSpace: MetaSpace.Home,
+                legacyCallHandler: context.legacyCallHandler,
+            });
+
+            vm.onSearchClick();
+            expect(fireSpy).toHaveBeenCalledWith(Action.OpenSpotlight);
+        });
+
+        it("should fire OpenDialPad action when onDialPadClick is called", () => {
+            const fireSpy = jest.spyOn(defaultDispatcher, "fire");
+            const vm = new RoomListSearchViewModel({
+                activeSpace: MetaSpace.Home,
+                legacyCallHandler: context.legacyCallHandler,
+            });
+
+            vm.onDialPadClick();
+            expect(fireSpy).toHaveBeenCalledWith(Action.OpenDialPad);
+        });
+
+        it("should fire ViewRoomDirectory action and track interaction when onExploreClick is called", () => {
+            const fireSpy = jest.spyOn(defaultDispatcher, "fire");
+            const vm = new RoomListSearchViewModel({
+                activeSpace: MetaSpace.Home,
+                legacyCallHandler: context.legacyCallHandler,
+            });
+
+            const mockEvent = {} as React.MouseEvent<HTMLButtonElement>;
+            vm.onExploreClick(mockEvent);
+
+            expect(fireSpy).toHaveBeenCalledWith(Action.ViewRoomDirectory);
+        });
+    });
+
+    it("should update snapshot when PSTN protocol support changes", () => {
+        jest.spyOn(context.legacyCallHandler, "getSupportsPstnProtocol").mockReturnValue(false);
+        const vm = new RoomListSearchViewModel({
+            activeSpace: MetaSpace.Home,
+            legacyCallHandler: context.legacyCallHandler,
+        });
+
+        expect(vm.getSnapshot().displayDialButton).toBe(false);
+
+        // Simulate PSTN protocol support change
+        jest.spyOn(context.legacyCallHandler, "getSupportsPstnProtocol").mockReturnValue(true);
+        context.legacyCallHandler.emit(LegacyCallHandlerEvent.ProtocolSupport);
+
+        expect(vm.getSnapshot().displayDialButton).toBe(true);
+
+        vm.dispose();
+    });
+});
diff --git a/apps/web/test/viewmodels/room-list/RoomListSectionHeaderViewModel-test.ts b/apps/web/test/viewmodels/room-list/RoomListSectionHeaderViewModel-test.ts
new file mode 100644
index 00000000000..76fcf14e59f
--- /dev/null
+++ b/apps/web/test/viewmodels/room-list/RoomListSectionHeaderViewModel-test.ts
@@ -0,0 +1,635 @@
+/*
+ * 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 Room } from "matrix-js-sdk/src/matrix";
+import { CallType } from "matrix-js-sdk/src/webrtc/call";
+
+import { RoomListSectionHeaderViewModel } from "../../../src/viewmodels/room-list/RoomListSectionHeaderViewModel";
+import { RoomNotificationState } from "../../../src/stores/notifications/RoomNotificationState";
+import { RoomNotificationStateStore } from "../../../src/stores/notifications/RoomNotificationStateStore";
+import { NotificationStateEvents } from "../../../src/stores/notifications/NotificationState";
+import { CallStore } from "../../../src/stores/CallStore";
+import { type Call } from "../../../src/models/Call";
+import { createTestClient, mkRoom } from "../../test-utils";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../src/settings/SettingLevel";
+import RoomListStoreV3 from "../../../src/stores/room-list-v3/RoomListStoreV3";
+import { DefaultTagID } from "../../../src/stores/room-list-v3/skip-list/tag";
+import { CHATS_TAG, type SectionExpansionState } from "../../../src/stores/room-list-v3/section";
+
+describe("RoomListSectionHeaderViewModel", () => {
+    let onToggleExpanded: jest.Mock;
+    let matrixClient: MatrixClient;
+    // In-memory backing store shared between the getValue/setValue mocks so that
+    // persisted expansion state round-trips within a test.
+    let sectionExpansionState: SectionExpansionState;
+
+    beforeEach(() => {
+        onToggleExpanded = jest.fn();
+        matrixClient = createTestClient();
+        sectionExpansionState = {};
+        jest.spyOn(SettingsStore, "watchSetting").mockReturnValue("watcher-id");
+        jest.spyOn(SettingsStore, "unwatchSetting").mockReturnValue(undefined);
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+            if (setting === "RoomList.OrderedCustomSections") return [];
+            if (setting === "RoomList.SectionExpansionState") return sectionExpansionState;
+            return null;
+        });
+        jest.spyOn(SettingsStore, "setValue").mockImplementation(async (setting, _roomId, _level, value) => {
+            if (setting === "RoomList.SectionExpansionState") {
+                sectionExpansionState = value as SectionExpansionState;
+            }
+        });
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("should initialize snapshot from props", () => {
+        const vm = new RoomListSectionHeaderViewModel({
+            tag: "m.favourite",
+            title: "Favourites",
+            spaceId: "!space:server",
+            onToggleExpanded,
+        });
+
+        const snapshot = vm.getSnapshot();
+        expect(snapshot.id).toBe("m.favourite");
+        expect(snapshot.title).toBe("Favourites");
+        expect(snapshot.isExpanded).toBe(true);
+    });
+
+    it("should toggle expanded state on click", () => {
+        const vm = new RoomListSectionHeaderViewModel({
+            tag: "m.favourite",
+            title: "Favourites",
+            spaceId: "!space:server",
+            onToggleExpanded,
+        });
+        expect(vm.isExpanded).toBe(true);
+
+        vm.onClick();
+        expect(vm.isExpanded).toBe(false);
+        expect(vm.getSnapshot().isExpanded).toBe(false);
+        expect(onToggleExpanded).toHaveBeenCalledWith(false);
+
+        vm.onClick();
+        expect(vm.isExpanded).toBe(true);
+        expect(vm.getSnapshot().isExpanded).toBe(true);
+        expect(onToggleExpanded).toHaveBeenCalledWith(true);
+    });
+
+    it("should track expanded state per space", () => {
+        const vm = new RoomListSectionHeaderViewModel({
+            tag: "m.favourite",
+            title: "Favourites",
+            spaceId: "!space:server",
+            onToggleExpanded,
+        });
+
+        // Default space: collapse
+        vm.onClick();
+        expect(vm.isExpanded).toBe(false);
+
+        // Switch to a different space: should default to expanded
+        vm.setSpace("!space2:server");
+        expect(vm.isExpanded).toBe(true);
+
+        // Collapse in the new space
+        vm.onClick();
+        expect(vm.isExpanded).toBe(false);
+        vm.onClick();
+        expect(vm.isExpanded).toBe(true);
+
+        // Switch to the other space: should still be collapsed
+        vm.setSpace("!space:server");
+        expect(vm.isExpanded).toBe(false);
+    });
+
+    it("should initialize expanded state from the persisted setting", () => {
+        sectionExpansionState = { "!space:server": { "m.favourite": false } };
+
+        const vm = new RoomListSectionHeaderViewModel({
+            tag: "m.favourite",
+            title: "Favourites",
+            spaceId: "!space:server",
+            onToggleExpanded,
+        });
+
+        expect(vm.getSnapshot().isExpanded).toBe(false);
+    });
+
+    it("should persist the expanded state at the device level on click", () => {
+        const setValue = jest.spyOn(SettingsStore, "setValue");
+        const vm = new RoomListSectionHeaderViewModel({
+            tag: "m.favourite",
+            title: "Favourites",
+            spaceId: "!space:server",
+            onToggleExpanded,
+        });
+
+        vm.onClick();
+
+        expect(setValue).toHaveBeenCalledWith("RoomList.SectionExpansionState", null, SettingLevel.DEVICE, {
+            "!space:server": { "m.favourite": false },
+        });
+        expect(sectionExpansionState).toEqual({ "!space:server": { "m.favourite": false } });
+    });
+
+    it("should persist the expanded state at the device level when set via the setter", () => {
+        const setValue = jest.spyOn(SettingsStore, "setValue");
+        const vm = new RoomListSectionHeaderViewModel({
+            tag: "m.favourite",
+            title: "Favourites",
+            spaceId: "!space:server",
+            onToggleExpanded,
+        });
+
+        vm.isExpanded = false;
+
+        expect(setValue).toHaveBeenCalledWith("RoomList.SectionExpansionState", null, SettingLevel.DEVICE, {
+            "!space:server": { "m.favourite": false },
+        });
+    });
+
+    describe("displaySectionMenu", () => {
+        it.each([
+            [DefaultTagID.Favourite, false],
+            [DefaultTagID.LowPriority, false],
+            [CHATS_TAG, false],
+            ["element.io.section.custom", true],
+        ])("should be %s for tag %s", (tag, expected) => {
+            const vm = new RoomListSectionHeaderViewModel({
+                tag,
+                title: "Section",
+                spaceId: "!space:server",
+                onToggleExpanded,
+            });
+            expect(vm.getSnapshot().displaySectionMenu).toBe(expected);
+        });
+    });
+
+    describe("canBeReordered", () => {
+        it.each([
+            [DefaultTagID.Favourite, false],
+            [DefaultTagID.LowPriority, false],
+            [CHATS_TAG, true],
+            ["element.io.section.custom", true],
+        ])("should be %s for tag %s", (tag, expected) => {
+            const vm = new RoomListSectionHeaderViewModel({
+                tag,
+                title: "Section",
+                spaceId: "!space:server",
+                onToggleExpanded,
+            });
+            expect(vm.getSnapshot().canBeReordered).toBe(expected);
+        });
+    });
+
+    describe("onCustomSectionDataChange", () => {
+        let watchCallback: () => void;
+
+        beforeEach(() => {
+            jest.spyOn(SettingsStore, "watchSetting").mockImplementation((settingName, _roomId, callback) => {
+                if (settingName === "RoomList.CustomSectionData") watchCallback = callback as () => void;
+                return "watcher-id";
+            });
+        });
+
+        it("should update title when custom section data changes", () => {
+            const tag = "element.io.section.custom";
+            const vm = new RoomListSectionHeaderViewModel({
+                tag,
+                title: "Old Title",
+                spaceId: "!space:server",
+                onToggleExpanded,
+            });
+            expect(vm.getSnapshot().title).toBe("Old Title");
+
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue({ [tag]: { tag, name: "New Title" } });
+            watchCallback();
+
+            expect(vm.getSnapshot().title).toBe("New Title");
+        });
+
+        it("should not update title when section data is missing", () => {
+            const tag = "element.io.section.custom";
+            const vm = new RoomListSectionHeaderViewModel({
+                tag,
+                title: "My Section",
+                spaceId: "!space:server",
+                onToggleExpanded,
+            });
+
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue({});
+            watchCallback();
+
+            expect(vm.getSnapshot().title).toBe("My Section");
+        });
+
+        it("should not update title when tag is not a custom section tag", () => {
+            const vm = new RoomListSectionHeaderViewModel({
+                tag: "m.favourite",
+                title: "Favourites",
+                spaceId: "!space:server",
+                onToggleExpanded,
+            });
+
+            watchCallback();
+
+            expect(vm.getSnapshot().title).toBe("Favourites");
+        });
+    });
+
+    describe("editSection", () => {
+        it("should delegate to RoomListStoreV3.instance.editSection", async () => {
+            const editSectionSpy = jest.spyOn(RoomListStoreV3.instance, "editSection").mockResolvedValue(undefined);
+            const tag = "element.io.section.custom";
+            const vm = new RoomListSectionHeaderViewModel({
+                tag,
+                title: "Section",
+                spaceId: "!space:server",
+                onToggleExpanded,
+            });
+
+            await vm.editSection();
+            expect(editSectionSpy).toHaveBeenCalledWith(tag);
+        });
+    });
+
+    describe("removeSection", () => {
+        beforeEach(() => {
+            const mockState = {
+                on: jest.fn(),
+                off: jest.fn(),
+                hasAnyNotificationOrActivity: false,
+            } as unknown as RoomNotificationState;
+            jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockReturnValue(mockState);
+        });
+
+        it("should delegate to RoomListStoreV3.instance.removeSection with isEmpty=true when no rooms", async () => {
+            const removeSectionSpy = jest.spyOn(RoomListStoreV3.instance, "removeSection").mockResolvedValue(undefined);
+            const tag = "element.io.section.custom";
+            const vm = new RoomListSectionHeaderViewModel({
+                tag,
+                title: "Section",
+                spaceId: "!space:server",
+                onToggleExpanded,
+            });
+
+            await vm.removeSection();
+            expect(removeSectionSpy).toHaveBeenCalledWith(tag, true);
+        });
+
+        it("should delegate to RoomListStoreV3.instance.removeSection with isEmpty=false when rooms exist", async () => {
+            const removeSectionSpy = jest.spyOn(RoomListStoreV3.instance, "removeSection").mockResolvedValue(undefined);
+            const tag = "element.io.section.custom";
+            const vm = new RoomListSectionHeaderViewModel({
+                tag,
+                title: "Section",
+                spaceId: "!space:server",
+                onToggleExpanded,
+            });
+            vm.setRooms([mkRoom(matrixClient, "!room:server")]);
+
+            await vm.removeSection();
+            expect(removeSectionSpy).toHaveBeenCalledWith(tag, false);
+        });
+    });
+
+    describe("unread status", () => {
+        let room: Room;
+        let notificationState: RoomNotificationState;
+
+        beforeEach(() => {
+            jest.useFakeTimers();
+            room = mkRoom(matrixClient, "!room:server");
+            notificationState = new RoomNotificationState(room, false);
+            jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockReturnValue(notificationState);
+        });
+
+        afterEach(() => {
+            jest.useRealTimers();
+        });
+
+        it("should set isUnread to false when no rooms have notifications", () => {
+            const vm = new RoomListSectionHeaderViewModel({
+                tag: "m.favourite",
+                title: "Favourites",
+                spaceId: "!space:server",
+                onToggleExpanded,
+            });
+            vm.setRooms([room]);
+
+            expect(vm.getSnapshot().isUnread).toBe(false);
+        });
+
+        it("should set isUnread to true when a room has notifications", () => {
+            jest.spyOn(notificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
+
+            const vm = new RoomListSectionHeaderViewModel({
+                tag: "m.favourite",
+                title: "Favourites",
+                spaceId: "!space:server",
+                onToggleExpanded,
+            });
+            vm.setRooms([room]);
+
+            expect(vm.getSnapshot().isUnread).toBe(true);
+        });
+
+        it("should subscribe to new rooms and unsubscribe from removed rooms", () => {
+            const room2 = mkRoom(matrixClient, "!room2:server");
+            const notificationState2 = new RoomNotificationState(room2, false);
+
+            jest.spyOn(RoomNotificationStateStore.instance, "getRoomState")
+                .mockReturnValueOnce(notificationState)
+                .mockReturnValue(notificationState2);
+
+            jest.spyOn(notificationState, "on");
+            jest.spyOn(notificationState, "off");
+            jest.spyOn(notificationState2, "on");
+
+            const vm = new RoomListSectionHeaderViewModel({
+                tag: "m.favourite",
+                title: "Favourites",
+                spaceId: "!space:server",
+                onToggleExpanded,
+            });
+            vm.setRooms([room]);
+
+            expect(notificationState.on).toHaveBeenCalledWith(NotificationStateEvents.Update, expect.any(Function));
+
+            vm.setRooms([room2]);
+
+            expect(notificationState.off).toHaveBeenCalledWith(NotificationStateEvents.Update, expect.any(Function));
+            expect(notificationState2.on).toHaveBeenCalledWith(NotificationStateEvents.Update, expect.any(Function));
+
+            // Calling setRooms again with the same room should not re-subscribe
+            vm.setRooms([room2]);
+            expect(notificationState2.on).toHaveBeenCalledTimes(1);
+        });
+
+        it("should update isUnread when a notification state update event fires", () => {
+            const vm = new RoomListSectionHeaderViewModel({
+                tag: "m.favourite",
+                title: "Favourites",
+                spaceId: "!space:server",
+                onToggleExpanded,
+            });
+            vm.setRooms([room]);
+
+            expect(vm.getSnapshot().isUnread).toBe(false);
+
+            jest.spyOn(notificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
+            notificationState.emit(NotificationStateEvents.Update);
+
+            jest.advanceTimersByTime(200);
+            expect(vm.getSnapshot().isUnread).toBe(true);
+        });
+
+        describe("notification decoration", () => {
+            it("should expose an empty decoration when no room has notifications", () => {
+                const vm = new RoomListSectionHeaderViewModel({
+                    tag: "m.favourite",
+                    title: "Favourites",
+                    spaceId: "!space:server",
+                    onToggleExpanded,
+                });
+                vm.setRooms([room]);
+
+                expect(vm.getSnapshot().notification).toEqual(
+                    expect.objectContaining({
+                        hasAnyNotificationOrActivity: false,
+                        isMention: false,
+                        isNotification: false,
+                        isUnsentMessage: false,
+                        isActivityNotification: false,
+                        count: 0,
+                    }),
+                );
+            });
+
+            it("should not show the activity dot for an activity-only section", () => {
+                jest.spyOn(notificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
+                jest.spyOn(notificationState, "isActivityNotification", "get").mockReturnValue(true);
+
+                const vm = new RoomListSectionHeaderViewModel({
+                    tag: "m.favourite",
+                    title: "Favourites",
+                    spaceId: "!space:server",
+                    onToggleExpanded,
+                });
+                vm.setRooms([room]);
+
+                // Bold, but no badge to display
+                expect(vm.getSnapshot().isUnread).toBe(true);
+                expect(vm.getSnapshot().notification).toEqual(
+                    expect.objectContaining({
+                        hasAnyNotificationOrActivity: false,
+                        isActivityNotification: false,
+                    }),
+                );
+            });
+
+            it("should merge mentions, notifications and counts across rooms", () => {
+                const room2 = mkRoom(matrixClient, "!room2:server");
+                const notificationState2 = new RoomNotificationState(room2, false);
+
+                jest.spyOn(RoomNotificationStateStore.instance, "getRoomState")
+                    .mockReturnValueOnce(notificationState)
+                    .mockReturnValue(notificationState2);
+
+                jest.spyOn(notificationState, "isMention", "get").mockReturnValue(true);
+                jest.spyOn(notificationState, "count", "get").mockReturnValue(3);
+                jest.spyOn(notificationState, "hasUnreadCount", "get").mockReturnValue(true);
+
+                jest.spyOn(notificationState2, "isNotification", "get").mockReturnValue(true);
+                jest.spyOn(notificationState2, "count", "get").mockReturnValue(9);
+                jest.spyOn(notificationState2, "hasUnreadCount", "get").mockReturnValue(true);
+
+                const vm = new RoomListSectionHeaderViewModel({
+                    tag: "m.favourite",
+                    title: "Favourites",
+                    spaceId: "!space:server",
+                    onToggleExpanded,
+                });
+                vm.setRooms([room, room2]);
+
+                expect(vm.getSnapshot().notification).toEqual(
+                    expect.objectContaining({
+                        hasAnyNotificationOrActivity: true,
+                        isMention: true,
+                        isNotification: true,
+                        hasUnreadCount: true,
+                        count: 12,
+                        isActivityNotification: false,
+                    }),
+                );
+            });
+
+            it("should surface an unsent message from any room", () => {
+                jest.spyOn(notificationState, "isUnsentMessage", "get").mockReturnValue(true);
+
+                const vm = new RoomListSectionHeaderViewModel({
+                    tag: "m.favourite",
+                    title: "Favourites",
+                    spaceId: "!space:server",
+                    onToggleExpanded,
+                });
+                vm.setRooms([room]);
+
+                expect(vm.getSnapshot().notification).toEqual(
+                    expect.objectContaining({
+                        hasAnyNotificationOrActivity: true,
+                        isUnsentMessage: true,
+                    }),
+                );
+            });
+
+            it("should aggregate an invitation from any room", () => {
+                jest.spyOn(notificationState, "invited", "get").mockReturnValue(true);
+
+                const vm = new RoomListSectionHeaderViewModel({
+                    tag: "m.favourite",
+                    title: "Favourites",
+                    spaceId: "!space:server",
+                    onToggleExpanded,
+                });
+                vm.setRooms([room]);
+
+                expect(vm.getSnapshot().notification).toEqual(
+                    expect.objectContaining({
+                        hasAnyNotificationOrActivity: true,
+                        invited: true,
+                    }),
+                );
+            });
+
+            it("should aggregate an active call, preferring video over voice", () => {
+                const room2 = mkRoom(matrixClient, "!room2:server");
+                const notificationState2 = new RoomNotificationState(room2, false);
+
+                jest.spyOn(RoomNotificationStateStore.instance, "getRoomState")
+                    .mockReturnValueOnce(notificationState)
+                    .mockReturnValue(notificationState2);
+
+                const voiceCall = {
+                    participants: new Map([["@a:server", new Set(["DEVICE"])]]),
+                    callType: CallType.Voice,
+                    on: jest.fn(),
+                    off: jest.fn(),
+                } as unknown as Call;
+                const videoCall = {
+                    participants: new Map([["@b:server", new Set(["DEVICE"])]]),
+                    callType: CallType.Video,
+                    on: jest.fn(),
+                    off: jest.fn(),
+                } as unknown as Call;
+                jest.spyOn(CallStore.instance, "getCall").mockImplementation((roomId) =>
+                    roomId === room.roomId ? voiceCall : videoCall,
+                );
+
+                const vm = new RoomListSectionHeaderViewModel({
+                    tag: "m.favourite",
+                    title: "Favourites",
+                    spaceId: "!space:server",
+                    onToggleExpanded,
+                });
+                vm.setRooms([room, room2]);
+
+                expect(vm.getSnapshot().notification).toEqual(
+                    expect.objectContaining({
+                        hasAnyNotificationOrActivity: true,
+                        callType: "video",
+                    }),
+                );
+            });
+
+            it("should ignore a call without participants", () => {
+                const call = {
+                    participants: new Map(),
+                    callType: CallType.Video,
+                    on: jest.fn(),
+                    off: jest.fn(),
+                } as unknown as Call;
+                jest.spyOn(CallStore.instance, "getCall").mockReturnValue(call);
+
+                const vm = new RoomListSectionHeaderViewModel({
+                    tag: "m.favourite",
+                    title: "Favourites",
+                    spaceId: "!space:server",
+                    onToggleExpanded,
+                });
+                vm.setRooms([room]);
+
+                expect(vm.getSnapshot().notification?.callType).toBeUndefined();
+            });
+
+            it("should show a notification without a count badge for a mark-as-unread room", () => {
+                // "Mark as unread" sets level=Notification with count=0 (no real notification events).
+                jest.spyOn(notificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
+                jest.spyOn(notificationState, "isNotification", "get").mockReturnValue(true);
+                jest.spyOn(notificationState, "count", "get").mockReturnValue(0);
+                jest.spyOn(notificationState, "hasUnreadCount", "get").mockReturnValue(false);
+
+                const vm = new RoomListSectionHeaderViewModel({
+                    tag: "m.favourite",
+                    title: "Favourites",
+                    spaceId: "!space:server",
+                    onToggleExpanded,
+                });
+                vm.setRooms([room]);
+
+                expect(vm.getSnapshot().isUnread).toBe(true);
+                expect(vm.getSnapshot().notification).toEqual(
+                    expect.objectContaining({
+                        hasAnyNotificationOrActivity: true,
+                        isNotification: true,
+                        hasUnreadCount: false,
+                        // The || 1 fallback gives a count of 1 even though no real count exists
+                        count: 1,
+                    }),
+                );
+            });
+
+            it("should update the decoration when a notification state update event fires", () => {
+                const vm = new RoomListSectionHeaderViewModel({
+                    tag: "m.favourite",
+                    title: "Favourites",
+                    spaceId: "!space:server",
+                    onToggleExpanded,
+                });
+                vm.setRooms([room]);
+
+                expect(vm.getSnapshot().notification?.isMention).toBe(false);
+
+                jest.spyOn(notificationState, "isMention", "get").mockReturnValue(true);
+                notificationState.emit(NotificationStateEvents.Update);
+
+                jest.advanceTimersByTime(200);
+                expect(vm.getSnapshot().notification?.isMention).toBe(true);
+            });
+        });
+
+        it("should unsubscribe from all notification states on dispose", () => {
+            jest.spyOn(notificationState, "off");
+
+            const vm = new RoomListSectionHeaderViewModel({
+                tag: "m.favourite",
+                title: "Favourites",
+                spaceId: "!space:server",
+                onToggleExpanded,
+            });
+            vm.setRooms([room]);
+
+            vm.dispose();
+            expect(notificationState.off).toHaveBeenCalledWith(NotificationStateEvents.Update, expect.any(Function));
+        });
+    });
+});
diff --git a/apps/web/test/viewmodels/room-list/RoomListViewModel-test.ts b/apps/web/test/viewmodels/room-list/RoomListViewModel-test.ts
new file mode 100644
index 00000000000..39ba3cd00a5
--- /dev/null
+++ b/apps/web/test/viewmodels/room-list/RoomListViewModel-test.ts
@@ -0,0 +1,1783 @@
+/*
+ * 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 { waitFor } from "jest-matrix-react";
+
+import {
+    createTestClient,
+    flushPromises,
+    flushPromisesWithFakeTimers,
+    mkStubRoom,
+    stubClient,
+    TestSDKContext,
+} from "../../test-utils";
+import RoomListStoreV3, { RoomListStoreV3Event } from "../../../src/stores/room-list-v3/RoomListStoreV3";
+import { FilterEnum } 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/SDKContextClass";
+import DMRoomMap from "../../../src/utils/DMRoomMap";
+import { RoomListViewModel } from "../../../src/viewmodels/room-list/RoomListViewModel";
+import { hasCreateRoomRights } from "../../../src/viewmodels/room-list/utils";
+import { DefaultTagID } from "../../../src/stores/room-list-v3/skip-list/tag";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { tagRoom } from "../../../src/utils/room/tagRoom";
+import { getSectionTagForRoom } from "../../../src/utils/room/getSectionTagForRoom";
+import {
+    CHATS_TAG,
+    CUSTOM_SECTION_TAG_PREFIX,
+    type SectionExpansionState,
+} from "../../../src/stores/room-list-v3/section";
+import { MetaSpace } from "../../../src/stores/spaces";
+import { RoomNotificationStateStore } from "../../../src/stores/notifications/RoomNotificationStateStore";
+import { type RoomNotificationState } from "../../../src/stores/notifications/RoomNotificationState";
+
+jest.mock("../../../src/utils/room/tagRoom", () => ({
+    tagRoom: jest.fn(),
+}));
+
+jest.mock("../../../src/utils/room/getSectionTagForRoom", () => ({
+    getSectionTagForRoom: jest.fn().mockReturnValue(null),
+}));
+
+jest.mock("../../../src/viewmodels/room-list/utils", () => ({
+    hasCreateRoomRights: jest.fn().mockReturnValue(false),
+    hasAccessToOptionsMenu: jest.fn().mockReturnValue(true),
+    hasAccessToNotificationMenu: jest.fn().mockReturnValue(true),
+}));
+
+describe("RoomListViewModel", () => {
+    let matrixClient: MatrixClient;
+    let sdkContext: TestSDKContext;
+    let room1: Room;
+    let room2: Room;
+    let room3: Room;
+    let viewModel: RoomListViewModel;
+    // In-memory backing store for the persisted section expansion setting, reset each test so
+    // collapse state does not leak between tests and writes round-trip synchronously.
+    let sectionExpansionState: SectionExpansionState;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+
+        sectionExpansionState = {};
+        const realGetValue = SettingsStore.getValue.bind(SettingsStore);
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((setting, roomId, excludeDefault) => {
+            if (setting === "RoomList.SectionExpansionState") return sectionExpansionState;
+            return realGetValue(setting, roomId, excludeDefault);
+        });
+        const realSetValue = SettingsStore.setValue.bind(SettingsStore);
+        jest.spyOn(SettingsStore, "setValue").mockImplementation(async (setting, roomId, level, value) => {
+            if (setting === "RoomList.SectionExpansionState") {
+                sectionExpansionState = value as SectionExpansionState;
+                return;
+            }
+            return realSetValue(setting, roomId, level, value);
+        });
+        sdkContext = new TestSDKContext();
+        sdkContext._client = matrixClient;
+        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",
+            sections: [{ tag: CHATS_TAG, rooms: [room1, room2, room3] }],
+        });
+
+        jest.spyOn(RoomListStoreV3.instance, "isLoadingRooms", "get").mockReturnValue(false);
+        jest.spyOn(SDKContextClass.instance.spaceStore, "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 RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            const snapshot = viewModel.getSnapshot();
+            expect(snapshot.sections[0].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",
+                sections: [{ tag: CHATS_TAG, rooms: [] }],
+            });
+
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            expect(viewModel.getSnapshot().sections).toEqual([]);
+            expect(viewModel.getSnapshot().isRoomListEmpty).toBe(true);
+            expect(viewModel.getSnapshot().isFlatList).toBe(true);
+        });
+
+        it("should set canCreateRoom based on user rights", () => {
+            mocked(hasCreateRoomRights).mockReturnValue(true);
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            expect(viewModel.getSnapshot().canCreateRoom).toBe(true);
+        });
+    });
+
+    describe("Room list updates", () => {
+        it("should update room list when ListsUpdate event fires", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            const newRoom = mkStubRoom("!room4:server", "Room 4", matrixClient);
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "home",
+                sections: [{ tag: CHATS_TAG, rooms: [room1, room2, room3, newRoom] }],
+            });
+
+            RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+            expect(viewModel.getSnapshot().sections[0].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 RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            expect(viewModel.getSnapshot().isLoadingRooms).toBe(true);
+
+            RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsLoaded);
+
+            expect(viewModel.getSnapshot().isLoadingRooms).toBe(false);
+        });
+
+        // This test ensures that the room list item vms are preserved when the room list is changing
+        it("should keep existing view model when ListsUpdate event fires", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            // Create view model for room1
+            const room1VM = viewModel.getRoomItemViewModel("!room1:server");
+            expect(room1VM).toBeDefined();
+
+            RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+            // View model should be still valid
+            expect(room1VM!.isDisposed).toBe(false);
+        });
+    });
+
+    describe("Space switching", () => {
+        it("should update room list when space changes", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            const spaceRoomList = [room1, room2];
+
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "!space:server",
+                sections: [{ tag: CHATS_TAG, rooms: spaceRoomList }],
+            });
+
+            jest.spyOn(SDKContextClass.instance.spaceStore, "getLastSelectedRoomIdForSpace").mockReturnValue(
+                "!room1:server",
+            );
+
+            RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+            expect(viewModel.getSnapshot().roomListState.spaceId).toBe("!space:server");
+            expect(viewModel.getSnapshot().sections[0].roomIds).toEqual(["!room1:server", "!room2:server"]);
+        });
+
+        it("should clear view models when space changes", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            // 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",
+                sections: [{ tag: CHATS_TAG, rooms: [room3] }],
+            });
+
+            RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+            expect(disposeSpy1).toHaveBeenCalled();
+            expect(disposeSpy2).toHaveBeenCalled();
+        });
+
+        it("should clear roomsMap when space changes and repopulate with new rooms", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            const newSpaceRoom = mkStubRoom("!spaceroom:server", "Space Room", matrixClient);
+
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "!space:server",
+                sections: [{ tag: CHATS_TAG, rooms: [newSpaceRoom] }],
+            });
+            jest.spyOn(SDKContextClass.instance.spaceStore, "getLastSelectedRoomIdForSpace").mockReturnValue(null);
+
+            RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+            // New space room should be accessible
+            expect(() => viewModel.getRoomItemViewModel("!spaceroom:server")).not.toThrow();
+            // Old rooms from the home space should not be accessible
+            expect(viewModel.getRoomItemViewModel("!room1:server")).toBeUndefined();
+        });
+    });
+
+    describe("Active room tracking", () => {
+        it("should update active room index when room is selected", async () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            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 RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            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 RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            // 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",
+                sections: [{ tag: CHATS_TAG, 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().sections[0].roomIds[1]).toBe("!room2:server");
+        });
+
+        it("should not apply sticky behavior when user changes rooms", async () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            // 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 RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            expect(viewModel.getSnapshot().activeFilterId).toBeUndefined();
+
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "home",
+                sections: [{ tag: CHATS_TAG, rooms: [room1] }],
+                filterKeys: [FilterEnum.UnreadFilter],
+            });
+
+            viewModel.onToggleFilter("unread");
+
+            expect(viewModel.getSnapshot().activeFilterId).toBe("unread");
+            expect(viewModel.getSnapshot().sections[0].roomIds).toEqual(["!room1:server"]);
+        });
+
+        it("should toggle filter off", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            // Turn filter on
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "home",
+                sections: [{ tag: CHATS_TAG, rooms: [room1] }],
+                filterKeys: [FilterEnum.UnreadFilter],
+            });
+            viewModel.onToggleFilter("unread");
+
+            expect(viewModel.getSnapshot().activeFilterId).toBe("unread");
+
+            // Turn filter off
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "home",
+                sections: [{ tag: CHATS_TAG, rooms: [room1, room2, room3] }],
+            });
+            viewModel.onToggleFilter("unread");
+
+            expect(viewModel.getSnapshot().activeFilterId).toBeUndefined();
+            expect(viewModel.getSnapshot().sections[0].roomIds).toEqual([
+                "!room1:server",
+                "!room2:server",
+                "!room3:server",
+            ]);
+        });
+
+        describe("Favourites and Low Priority filters (RoomList.showSections)", () => {
+            function mockShowSections(showSections: boolean): void {
+                jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+                    if (setting === "RoomList.showSections") return showSections;
+                    if (setting === "RoomList.CustomSectionData") return {};
+                    if (setting === "RoomList.OrderedCustomSections") return [];
+                    if (setting === "RoomList.SectionExpansionState") return {};
+                    return undefined as any;
+                });
+            }
+
+            it("hides the Favourites and Low Priority filters when sections are enabled", () => {
+                mockShowSections(true);
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    roomViewStore: sdkContext.roomViewStore,
+                    spaceStore: sdkContext.spaceStore,
+                });
+
+                const { filterIds } = viewModel.getSnapshot();
+                expect(filterIds).not.toContain("favourite");
+                expect(filterIds).not.toContain("low_priority");
+            });
+
+            it("shows the Favourites and Low Priority filters when sections are disabled", () => {
+                mockShowSections(false);
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    roomViewStore: sdkContext.roomViewStore,
+                    spaceStore: sdkContext.spaceStore,
+                });
+
+                const { filterIds } = viewModel.getSnapshot();
+                expect(filterIds).toContain("favourite");
+                expect(filterIds).toContain("low_priority");
+            });
+
+            it("recomputes the filters and clears the active filter when the setting changes", () => {
+                let showSections = false;
+                let watchCallback: () => void = () => {};
+                jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+                    if (setting === "RoomList.showSections") return showSections;
+                    if (setting === "RoomList.CustomSectionData") return {};
+                    if (setting === "RoomList.OrderedCustomSections") return [];
+                    if (setting === "RoomList.SectionExpansionState") return {};
+                    return undefined as any;
+                });
+                jest.spyOn(SettingsStore, "watchSetting").mockImplementation((setting, _room, callback) => {
+                    if (setting === "RoomList.showSections") watchCallback = callback as () => void;
+                    return "watcher-id";
+                });
+
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    roomViewStore: sdkContext.roomViewStore,
+                    spaceStore: sdkContext.spaceStore,
+                });
+                expect(viewModel.getSnapshot().filterIds).toContain("favourite");
+
+                // Activate the Favourites filter
+                jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                    spaceId: "home",
+                    sections: [{ tag: CHATS_TAG, rooms: [room1] }],
+                    filterKeys: [FilterEnum.FavouriteFilter],
+                });
+                viewModel.onToggleFilter("favourite");
+                expect(viewModel.getSnapshot().activeFilterId).toBe("favourite");
+
+                // Enabling sections hides the Favourites filter and resets the active filter
+                showSections = true;
+                jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                    spaceId: "home",
+                    sections: [{ tag: CHATS_TAG, rooms: [room1, room2, room3] }],
+                });
+                watchCallback();
+
+                const snapshot = viewModel.getSnapshot();
+                expect(snapshot.filterIds).not.toContain("favourite");
+                expect(snapshot.filterIds).not.toContain("low_priority");
+                expect(snapshot.activeFilterId).toBeUndefined();
+            });
+        });
+    });
+
+    describe("Room item view models", () => {
+        it("should create room item view model on demand", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            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 RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            const itemViewModel1 = viewModel.getRoomItemViewModel("!room1:server");
+            const itemViewModel2 = viewModel.getRoomItemViewModel("!room1:server");
+
+            expect(itemViewModel1).toBe(itemViewModel2);
+        });
+
+        it("should return undefined for non-existent room", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            expect(viewModel.getRoomItemViewModel("!nonexistent:server")).toBeUndefined();
+        });
+
+        it("should not throw when requesting view model for a room removed from the list but still in roomsMap", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            // Normal list update removes room2 from the list
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "home",
+                sections: [{ tag: CHATS_TAG, rooms: [room1, room3] }],
+            });
+
+            RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+            expect(() => viewModel.getRoomItemViewModel("!room2:server")).not.toThrow();
+        });
+
+        it("should return undefined for a room from old space after space change", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            const spaceRoom = mkStubRoom("!newroom:server", "New Room", matrixClient);
+
+            // Space change: new space only has spaceRoom
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "!space:server",
+                sections: [{ tag: CHATS_TAG, rooms: [spaceRoom] }],
+            });
+            jest.spyOn(SDKContextClass.instance.spaceStore, "getLastSelectedRoomIdForSpace").mockReturnValue(null);
+
+            RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+            expect(viewModel.getRoomItemViewModel("!room1:server")).toBeUndefined();
+        });
+
+        it("should recover when roomsMap is stale but roomsResult has the room", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            // Manually clear roomsMap to simulate stale cache, but keep roomsResult intact
+            (viewModel as any).roomsMap.clear();
+
+            // getRoomItemViewModel should retry by re-populating roomsMap from roomsResult
+            expect(() => viewModel.getRoomItemViewModel("!room1:server")).not.toThrow();
+        });
+
+        it("should dispose view models for rooms no longer visible", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            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 RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            const dispatchSpy = jest.spyOn(dispatcher, "fire");
+
+            viewModel.createChatRoom();
+
+            expect(dispatchSpy).toHaveBeenCalledWith(Action.CreateChat);
+        });
+
+        it("should dispatch CreateRoom action without parent space", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            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(SDKContextClass.instance.spaceStore, "activeSpaceRoom", "get").mockReturnValue(spaceRoom);
+
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            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 RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            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 RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            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 RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            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 RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            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 RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            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", () => {
+        beforeEach(() => {
+            jest.useFakeTimers();
+        });
+
+        afterEach(() => {
+            jest.useRealTimers();
+        });
+
+        it("should dispose all room item view models on dispose", () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+
+            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();
+        });
+
+        describe("Toast", () => {
+            it("should show toast when SectionCreated event fires", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+                RoomListStoreV3.instance.emit(RoomListStoreV3Event.SectionCreated);
+                expect(viewModel.getSnapshot().toast).toBe("section_created");
+            });
+
+            it("should show toast when RoomTagged event fires", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+                RoomListStoreV3.instance.emit(RoomListStoreV3Event.RoomTagged);
+                expect(viewModel.getSnapshot().toast).toBe("chat_moved");
+            });
+
+            it("should clear toast when closeToast is called", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                RoomListStoreV3.instance.emit(RoomListStoreV3Event.SectionCreated);
+                expect(viewModel.getSnapshot().toast).toBe("section_created");
+
+                viewModel.closeToast();
+                expect(viewModel.getSnapshot().toast).toBeUndefined();
+            });
+
+            it("should auto-close toast after 15 seconds", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                RoomListStoreV3.instance.emit(RoomListStoreV3Event.SectionCreated);
+                expect(viewModel.getSnapshot().toast).toBe("section_created");
+
+                jest.advanceTimersByTime(15 * 1000);
+                expect(viewModel.getSnapshot().toast).toBeUndefined();
+            });
+
+            it("should reset the auto-close timer when a new section is created", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                RoomListStoreV3.instance.emit(RoomListStoreV3Event.SectionCreated);
+                jest.advanceTimersByTime(10 * 1000);
+
+                // Second section created — resets the timer
+                RoomListStoreV3.instance.emit(RoomListStoreV3Event.SectionCreated);
+                jest.advanceTimersByTime(10 * 1000);
+
+                // Toast should still be visible (only 10s since last emit)
+                expect(viewModel.getSnapshot().toast).toBe("section_created");
+
+                jest.advanceTimersByTime(5 * 1000);
+                expect(viewModel.getSnapshot().toast).toBeUndefined();
+            });
+
+            /** Make only `room3` report an unread count, so it is the unread room below the fold. */
+            const mockRoom3Unread = (): void => {
+                jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockImplementation(
+                    (room) => ({ hasUnreadCount: room === room3 }) as unknown as RoomNotificationState,
+                );
+            };
+
+            it("should show the unread-activity toast when an unread room is below the fold", () => {
+                mockRoom3Unread();
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                // room1/room2 visible, room3 (unread) scrolled below the fold.
+                viewModel.updateVisibleFold(1);
+
+                expect(viewModel.getSnapshot().toast).toBe("unread_activity");
+            });
+
+            it("should prefer the event toast over the unread-activity toast, restoring it on auto-close", () => {
+                mockRoom3Unread();
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+                viewModel.updateVisibleFold(1);
+                expect(viewModel.getSnapshot().toast).toBe("unread_activity");
+
+                // A transient event toast takes precedence over the persistent unread-activity toast…
+                RoomListStoreV3.instance.emit(RoomListStoreV3Event.RoomTagged);
+                expect(viewModel.getSnapshot().toast).toBe("chat_moved");
+
+                // …and once it auto-dismisses, the unread-activity toast returns.
+                jest.advanceTimersByTime(15 * 1000);
+                expect(viewModel.getSnapshot().toast).toBe("unread_activity");
+            });
+        });
+
+        describe("Sections", () => {
+            let favRoom1: Room;
+            let favRoom2: Room;
+            let lowPriorityRoom: Room;
+            let regularRoom1: Room;
+            let regularRoom2: Room;
+
+            beforeEach(() => {
+                favRoom1 = mkStubRoom("!fav1:server", "Fav 1", matrixClient);
+                favRoom2 = mkStubRoom("!fav2:server", "Fav 2", matrixClient);
+                lowPriorityRoom = mkStubRoom("!low1:server", "Low 1", matrixClient);
+                regularRoom1 = mkStubRoom("!reg1:server", "Reg 1", matrixClient);
+                regularRoom2 = mkStubRoom("!reg2:server", "Reg 2", matrixClient);
+
+                jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                    spaceId: "home",
+                    sections: [
+                        { tag: DefaultTagID.Favourite, rooms: [favRoom1, favRoom2] },
+                        { tag: CHATS_TAG, rooms: [regularRoom1, regularRoom2] },
+                        { tag: DefaultTagID.LowPriority, rooms: [lowPriorityRoom] },
+                    ],
+                });
+            });
+
+            it("should initialize with multiple sections", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                const snapshot = viewModel.getSnapshot();
+                expect(snapshot.sections).toHaveLength(3);
+                expect(snapshot.sections[0].id).toBe(DefaultTagID.Favourite);
+                expect(snapshot.sections[0].roomIds).toEqual(["!fav1:server", "!fav2:server"]);
+                expect(snapshot.sections[1].id).toBe(CHATS_TAG);
+                expect(snapshot.sections[1].roomIds).toEqual(["!reg1:server", "!reg2:server"]);
+                expect(snapshot.sections[2].id).toBe(DefaultTagID.LowPriority);
+                expect(snapshot.sections[2].roomIds).toEqual(["!low1:server"]);
+            });
+
+            it("should not be a flat list when multiple sections exist", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                expect(viewModel.getSnapshot().isFlatList).toBe(false);
+            });
+
+            it("should be a flat list when only chats section has rooms", () => {
+                jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                    spaceId: "home",
+                    sections: [
+                        { tag: DefaultTagID.Favourite, rooms: [] },
+                        { tag: CHATS_TAG, rooms: [regularRoom1] },
+                        { tag: DefaultTagID.LowPriority, rooms: [] },
+                    ],
+                });
+
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                expect(viewModel.getSnapshot().isFlatList).toBe(true);
+                expect(viewModel.getSnapshot().sections).toHaveLength(1);
+                expect(viewModel.getSnapshot().sections[0].id).toBe(CHATS_TAG);
+            });
+
+            it("should be a flat list when the room list is empty", () => {
+                jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                    spaceId: "home",
+                    sections: [
+                        { tag: DefaultTagID.Favourite, rooms: [] },
+                        { tag: CHATS_TAG, rooms: [] },
+                        { tag: DefaultTagID.LowPriority, rooms: [] },
+                    ],
+                });
+
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                expect(viewModel.getSnapshot().isFlatList).toBe(true);
+                expect(viewModel.getSnapshot().sections).toHaveLength(0);
+            });
+
+            it("should exclude favourite and low_priority from filter list", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                const snapshot = viewModel.getSnapshot();
+                expect(snapshot.filterIds).not.toContain("favourite");
+                expect(snapshot.filterIds).not.toContain("low_priority");
+                // Other filters should still be present
+                expect(snapshot.filterIds).toContain("unread");
+                expect(snapshot.filterIds).toContain("people");
+            });
+
+            it("should omit empty sections from snapshot", () => {
+                jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                    spaceId: "home",
+                    sections: [
+                        { tag: DefaultTagID.Favourite, rooms: [] },
+                        { tag: CHATS_TAG, rooms: [regularRoom1] },
+                        { tag: DefaultTagID.LowPriority, rooms: [] },
+                    ],
+                });
+
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                const snapshot = viewModel.getSnapshot();
+                expect(snapshot.sections).toHaveLength(1);
+                expect(snapshot.sections[0].id).toBe(CHATS_TAG);
+            });
+
+            it("should create section header view models on demand", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                const headerVM = viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite);
+                expect(headerVM).toBeDefined();
+                expect(headerVM.getSnapshot().id).toBe(DefaultTagID.Favourite);
+                expect(headerVM.getSnapshot().isExpanded).toBe(true);
+            });
+
+            it("should reuse section header view models", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                const headerVM1 = viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite);
+                const headerVM2 = viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite);
+                expect(headerVM1).toBe(headerVM2);
+            });
+
+            it("should hide room IDs when a section is collapsed", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                // Collapse the favourite section
+                const favHeader = viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite);
+                favHeader.onClick();
+                expect(favHeader.isExpanded).toBe(false);
+
+                const snapshot = viewModel.getSnapshot();
+                const favSection = snapshot.sections.find((s) => s.id === DefaultTagID.Favourite);
+                expect(favSection).toBeDefined();
+                // Collapsed sections have an empty roomIds list
+                expect(favSection!.roomIds).toEqual([]);
+
+                // Other sections remain unaffected
+                const chatsSection = snapshot.sections.find((s) => s.id === CHATS_TAG);
+                expect(chatsSection!.roomIds).toEqual(["!reg1:server", "!reg2:server"]);
+            });
+
+            it("should compute activeRoomIndex relative to visible rooms when a section is collapsed", async () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                // Collapse the favourite section (which has 2 rooms: fav1, fav2)
+                const favHeader = viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite);
+                favHeader.onClick();
+                expect(favHeader.isExpanded).toBe(false);
+
+                // Select regularRoom1, which is the first room in the chats section
+                jest.spyOn(SDKContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("!reg1:server");
+                dispatcher.dispatch({
+                    action: Action.ActiveRoomChanged,
+                    newRoomId: "!reg1:server",
+                });
+
+                await waitFor(() => {
+                    const snapshot = viewModel.getSnapshot();
+                    // The favourite section is collapsed so its 2 rooms are not visible.
+                    // regularRoom1 should be at index 0 in the visible list, not index 2.
+                    expect(snapshot.roomListState.activeRoomIndex).toBe(0);
+                });
+            });
+
+            it("should restore room IDs when a section is re-expanded", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                const favHeader = viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite);
+
+                // Collapse then re-expand
+                favHeader.onClick();
+                favHeader.onClick();
+                expect(favHeader.isExpanded).toBe(true);
+
+                const snapshot = viewModel.getSnapshot();
+                const favSection = snapshot.sections.find((s) => s.id === DefaultTagID.Favourite);
+                expect(favSection!.roomIds).toEqual(["!fav1:server", "!fav2:server"]);
+            });
+
+            it("should update sections when room list changes", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                const newFav = mkStubRoom("!fav3:server", "Fav 3", matrixClient);
+
+                jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                    spaceId: "home",
+                    sections: [
+                        { tag: DefaultTagID.Favourite, rooms: [favRoom1, favRoom2, newFav] },
+                        { tag: CHATS_TAG, rooms: [regularRoom1, regularRoom2] },
+                        { tag: DefaultTagID.LowPriority, rooms: [lowPriorityRoom] },
+                    ],
+                });
+
+                RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+                const snapshot = viewModel.getSnapshot();
+                expect(snapshot.sections[0].roomIds).toEqual(["!fav1:server", "!fav2:server", "!fav3:server"]);
+            });
+
+            it("should preserve section collapse state across list updates", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                // Collapse favourites
+                const favHeader = viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite);
+                favHeader.onClick();
+
+                // Trigger a list update
+                RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+                const snapshot = viewModel.getSnapshot();
+                const favSection = snapshot.sections.find((s) => s.id === DefaultTagID.Favourite);
+                expect(favSection!.roomIds).toEqual([]);
+            });
+
+            it("should track section collapse state per space", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                // Collapse favourites in the home space
+                const favHeader = viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite);
+                favHeader.onClick();
+
+                // Switch to a different space with its own rooms
+                const spaceFav = mkStubRoom("!spacefav:server", "Space Fav", matrixClient);
+                const spaceReg = mkStubRoom("!spacereg:server", "Space Reg", matrixClient);
+                jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                    spaceId: "!space:server",
+                    sections: [
+                        { tag: DefaultTagID.Favourite, rooms: [spaceFav] },
+                        { tag: CHATS_TAG, rooms: [spaceReg] },
+                        { tag: DefaultTagID.LowPriority, rooms: [] },
+                    ],
+                });
+                jest.spyOn(SDKContextClass.instance.spaceStore, "getLastSelectedRoomIdForSpace").mockReturnValue(null);
+
+                RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+                let snapshot = viewModel.getSnapshot();
+                // Favourites should be expanded in the new space (per-space state)
+                let favSection = snapshot.sections.find((s) => s.id === DefaultTagID.Favourite);
+                expect(favSection).toBeDefined();
+                expect(favSection!.roomIds).toEqual(["!spacefav:server"]);
+
+                // Other sections should also be expanded
+                let chatsSection = snapshot.sections.find((s) => s.id === CHATS_TAG);
+                expect(chatsSection!.roomIds).toEqual(["!spacereg:server"]);
+
+                // Switch back to home space
+                jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                    spaceId: "home",
+                    sections: [
+                        { tag: DefaultTagID.Favourite, rooms: [favRoom1, favRoom2] },
+                        { tag: CHATS_TAG, rooms: [regularRoom1] },
+                        { tag: DefaultTagID.LowPriority, rooms: [] },
+                    ],
+                });
+
+                RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+                snapshot = viewModel.getSnapshot();
+                // Favourites should still be collapsed in the home space
+                favSection = snapshot.sections.find((s) => s.id === DefaultTagID.Favourite);
+                expect(favSection).toBeDefined();
+                expect(favSection!.roomIds).toEqual([]);
+
+                // Chats should be expanded
+                chatsSection = snapshot.sections.find((s) => s.id === CHATS_TAG);
+                expect(chatsSection!.roomIds).toEqual(["!reg1:server"]);
+            });
+
+            it("should apply filters across all sections", () => {
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                // Only favRoom1 is unread
+                jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                    spaceId: "home",
+                    sections: [
+                        { tag: DefaultTagID.Favourite, rooms: [favRoom1] },
+                        { tag: CHATS_TAG, rooms: [] },
+                        { tag: DefaultTagID.LowPriority, rooms: [] },
+                    ],
+                    filterKeys: [FilterEnum.UnreadFilter],
+                });
+
+                viewModel.onToggleFilter("unread");
+
+                const snapshot = viewModel.getSnapshot();
+                expect(snapshot.activeFilterId).toBe("unread");
+                // Only the favourite section should remain (chats and low priority are empty)
+                expect(snapshot.sections).toHaveLength(1);
+                expect(snapshot.sections[0].id).toBe(DefaultTagID.Favourite);
+                expect(snapshot.sections[0].roomIds).toEqual(["!fav1:server"]);
+            });
+
+            describe("custom section visibility by originating space", () => {
+                const customTag = `${CUSTOM_SECTION_TAG_PREFIX}test-uuid` as const;
+
+                beforeEach(() => {
+                    jest.spyOn(SDKContextClass.instance.spaceStore, "enabledMetaSpaces", "get").mockReturnValue([
+                        MetaSpace.Home,
+                    ]);
+                    jest.spyOn(SDKContextClass.instance.spaceStore, "spacePanelSpaces", "get").mockReturnValue([
+                        mkStubRoom("!space:server", "My Space", matrixClient),
+                    ]);
+                    jest.spyOn(SettingsStore, "getValue").mockImplementation((setting: string) => {
+                        if (setting === "RoomList.CustomSectionData")
+                            return {
+                                [customTag]: { tag: customTag, name: "My Section", spaceId: "!space:server" },
+                            };
+                        return false;
+                    });
+                });
+
+                it("shows an empty custom section when viewing its originating space", () => {
+                    jest.spyOn(SettingsStore, "getValue").mockImplementation((setting: string) => {
+                        if (setting === "RoomList.CustomSectionData")
+                            return { [customTag]: { tag: customTag, name: "My Section", spaceId: MetaSpace.Home } };
+                        return false;
+                    });
+                    jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                        spaceId: MetaSpace.Home,
+                        sections: [
+                            { tag: customTag, rooms: [] },
+                            { tag: CHATS_TAG, rooms: [regularRoom1] },
+                        ],
+                    });
+
+                    viewModel = new RoomListViewModel({
+                        client: matrixClient,
+                        spaceStore: SDKContextClass.instance.spaceStore,
+                        roomViewStore: SDKContextClass.instance.roomViewStore,
+                    });
+
+                    expect(viewModel.getSnapshot().sections.some((s) => s.id === customTag)).toBe(true);
+                });
+
+                it("hides an empty custom section in a different space", () => {
+                    jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                        spaceId: MetaSpace.Home,
+                        sections: [
+                            { tag: customTag, rooms: [] },
+                            { tag: CHATS_TAG, rooms: [regularRoom1] },
+                        ],
+                    });
+
+                    viewModel = new RoomListViewModel({
+                        client: matrixClient,
+                        spaceStore: SDKContextClass.instance.spaceStore,
+                        roomViewStore: SDKContextClass.instance.roomViewStore,
+                    });
+
+                    expect(viewModel.getSnapshot().sections.some((s) => s.id === customTag)).toBe(false);
+                });
+
+                it("shows a non-empty custom section regardless of originating space", () => {
+                    jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                        spaceId: MetaSpace.Home,
+                        sections: [
+                            { tag: customTag, rooms: [regularRoom1] },
+                            { tag: CHATS_TAG, rooms: [regularRoom2] },
+                        ],
+                    });
+
+                    viewModel = new RoomListViewModel({
+                        client: matrixClient,
+                        spaceStore: SDKContextClass.instance.spaceStore,
+                        roomViewStore: SDKContextClass.instance.roomViewStore,
+                    });
+
+                    expect(viewModel.getSnapshot().sections.some((s) => s.id === customTag)).toBe(true);
+                });
+            });
+
+            describe("Collapse/expand all sections", () => {
+                it("should collapse all sections when Action.RoomListCollapseAllSections is dispatched", async () => {
+                    viewModel = new RoomListViewModel({
+                        client: matrixClient,
+                        spaceStore: SDKContextClass.instance.spaceStore,
+                        roomViewStore: SDKContextClass.instance.roomViewStore,
+                    });
+
+                    const favHeader = viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite);
+                    const chatsHeader = viewModel.getSectionHeaderViewModel(CHATS_TAG);
+                    expect(favHeader.isExpanded).toBe(true);
+
+                    dispatcher.dispatch({ action: Action.RoomListCollapseAllSections });
+                    await flushPromisesWithFakeTimers();
+
+                    expect(favHeader.isExpanded).toBe(false);
+                    expect(chatsHeader.isExpanded).toBe(false);
+
+                    const snapshot = viewModel.getSnapshot();
+                    expect(snapshot.sections.find((s) => s.id === DefaultTagID.Favourite)!.roomIds).toEqual([]);
+                    expect(snapshot.sections.find((s) => s.id === CHATS_TAG)!.roomIds).toEqual([]);
+                });
+
+                it("should expand all sections when Action.RoomListExpandAllSections is dispatched", async () => {
+                    viewModel = new RoomListViewModel({
+                        client: matrixClient,
+                        spaceStore: SDKContextClass.instance.spaceStore,
+                        roomViewStore: SDKContextClass.instance.roomViewStore,
+                    });
+
+                    // Collapse first
+                    const favHeader = viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite);
+                    favHeader.onClick();
+                    expect(favHeader.isExpanded).toBe(false);
+
+                    dispatcher.dispatch({ action: Action.RoomListExpandAllSections });
+                    await flushPromisesWithFakeTimers();
+
+                    expect(favHeader.isExpanded).toBe(true);
+                    const snapshot = viewModel.getSnapshot();
+                    expect(snapshot.sections.find((s) => s.id === DefaultTagID.Favourite)!.roomIds).toEqual([
+                        "!fav1:server",
+                        "!fav2:server",
+                    ]);
+                });
+            });
+
+            describe("notifyCollapseState", () => {
+                it("should dispatch collapseSections=expand when all sections are expanded (default)", () => {
+                    viewModel = new RoomListViewModel({
+                        client: matrixClient,
+                        spaceStore: SDKContextClass.instance.spaceStore,
+                        roomViewStore: SDKContextClass.instance.roomViewStore,
+                    });
+
+                    const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+                    RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+                    expect(dispatchSpy).toHaveBeenCalledWith({
+                        action: Action.RoomListSectionsCollapseStateChanged,
+                        collapseSections: "expand",
+                    });
+                });
+
+                it("should dispatch collapseSection=collapse when all sections are collapsed", () => {
+                    viewModel = new RoomListViewModel({
+                        client: matrixClient,
+                        spaceStore: SDKContextClass.instance.spaceStore,
+                        roomViewStore: SDKContextClass.instance.roomViewStore,
+                    });
+
+                    // Collapse all sections
+                    viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite).isExpanded = false;
+                    viewModel.getSectionHeaderViewModel(CHATS_TAG).isExpanded = false;
+                    viewModel.getSectionHeaderViewModel(DefaultTagID.LowPriority).isExpanded = false;
+
+                    const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+                    RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+                    expect(dispatchSpy).toHaveBeenCalledWith({
+                        action: Action.RoomListSectionsCollapseStateChanged,
+                        collapseSections: "collapse",
+                    });
+                });
+
+                it.each([
+                    { label: "flat list", chatsRooms: true },
+                    { label: "empty room list", chatsRooms: false },
+                ])("should dispatch collapseSection=undefined when it is a $label", ({ chatsRooms }) => {
+                    jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                        spaceId: "home",
+                        sections: [
+                            { tag: DefaultTagID.Favourite, rooms: [] },
+                            { tag: CHATS_TAG, rooms: chatsRooms ? [regularRoom1] : [] },
+                            { tag: DefaultTagID.LowPriority, rooms: [] },
+                        ],
+                    });
+                    viewModel = new RoomListViewModel({
+                        client: matrixClient,
+                        spaceStore: SDKContextClass.instance.spaceStore,
+                        roomViewStore: SDKContextClass.instance.roomViewStore,
+                    });
+
+                    const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+                    RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+                    expect(dispatchSpy).toHaveBeenCalledWith({
+                        action: Action.RoomListSectionsCollapseStateChanged,
+                        collapseSections: undefined,
+                    });
+                });
+            });
+
+            it("should apply sticky room within the correct section", async () => {
+                stubClient();
+                viewModel = new RoomListViewModel({
+                    client: matrixClient,
+                    spaceStore: SDKContextClass.instance.spaceStore,
+                    roomViewStore: SDKContextClass.instance.roomViewStore,
+                });
+
+                // Select favRoom1 (index 0 globally, index 0 in favourites section)
+                jest.spyOn(SDKContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("!fav1:server");
+                dispatcher.dispatch({
+                    action: Action.ActiveRoomChanged,
+                    newRoomId: "!fav1:server",
+                });
+                await flushPromisesWithFakeTimers();
+
+                expect(viewModel.getSnapshot().roomListState.activeRoomIndex).toBe(0);
+
+                // Room list update moves favRoom1 to second position within favourites
+                jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                    spaceId: "home",
+                    sections: [
+                        { tag: DefaultTagID.Favourite, rooms: [favRoom2, favRoom1] },
+                        { tag: CHATS_TAG, rooms: [regularRoom1, regularRoom2] },
+                        { tag: DefaultTagID.LowPriority, rooms: [lowPriorityRoom] },
+                    ],
+                });
+
+                RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+                // Sticky room should keep favRoom1 at index 0 within the favourites section
+                const snapshot = viewModel.getSnapshot();
+                expect(snapshot.sections[0].roomIds[0]).toBe("!fav1:server");
+                expect(snapshot.roomListState.activeRoomIndex).toBe(0);
+            });
+
+            describe("Drag and drop", () => {
+                beforeEach(() => {
+                    viewModel = new RoomListViewModel({
+                        client: matrixClient,
+                        spaceStore: SDKContextClass.instance.spaceStore,
+                        roomViewStore: SDKContextClass.instance.roomViewStore,
+                    });
+                    // Ensure section header VMs are created before tests that interact with them
+                    viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite);
+                    viewModel.getSectionHeaderViewModel(CHATS_TAG);
+                    viewModel.getSectionHeaderViewModel(DefaultTagID.LowPriority);
+                });
+
+                it("should delegate changeSectionOrder to RoomListStoreV3.reorderSection", async () => {
+                    const reorderSpy = jest
+                        .spyOn(RoomListStoreV3.instance, "reorderSection")
+                        .mockResolvedValue(undefined);
+
+                    await viewModel.changeSectionOrder(DefaultTagID.Favourite, CHATS_TAG);
+
+                    expect(reorderSpy).toHaveBeenCalledWith(DefaultTagID.Favourite, CHATS_TAG);
+                });
+
+                it("should scroll the moved section back into view after reordering", async () => {
+                    jest.spyOn(RoomListStoreV3.instance, "reorderSection").mockResolvedValue(undefined);
+
+                    await viewModel.changeSectionOrder(DefaultTagID.Favourite, CHATS_TAG);
+                    expect(viewModel.getSnapshot().roomListState.scrollToSectionTag).toBe(DefaultTagID.Favourite);
+                });
+
+                it("should collapse every section on drag start", () => {
+                    expect(viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite).isExpanded).toBe(true);
+
+                    viewModel.onSectionDragStart();
+
+                    expect(viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite).isExpanded).toBe(false);
+                    expect(viewModel.getSectionHeaderViewModel(CHATS_TAG).isExpanded).toBe(false);
+                    expect(viewModel.getSectionHeaderViewModel(DefaultTagID.LowPriority).isExpanded).toBe(false);
+
+                    for (const section of viewModel.getSnapshot().sections) {
+                        expect(section.roomIds).toEqual([]);
+                    }
+                });
+
+                it("should restore the pre-drag expansion state on drag end", () => {
+                    // Collapse Favourite before the drag; other sections remain expanded
+                    viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite).onClick();
+
+                    viewModel.onSectionDragStart();
+                    viewModel.onSectionDragEnd();
+
+                    expect(viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite).isExpanded).toBe(false);
+                    expect(viewModel.getSectionHeaderViewModel(CHATS_TAG).isExpanded).toBe(true);
+                    expect(viewModel.getSectionHeaderViewModel(DefaultTagID.LowPriority).isExpanded).toBe(true);
+
+                    const snapshot = viewModel.getSnapshot();
+                    expect(snapshot.sections.find((s) => s.id === DefaultTagID.Favourite)!.roomIds).toEqual([]);
+                    expect(snapshot.sections.find((s) => s.id === CHATS_TAG)!.roomIds).toEqual([
+                        "!reg1:server",
+                        "!reg2:server",
+                    ]);
+                    expect(snapshot.sections.find((s) => s.id === DefaultTagID.LowPriority)!.roomIds).toEqual([
+                        "!low1:server",
+                    ]);
+                });
+
+                it("should re-snapshot expansion state on each drag start", () => {
+                    // First cycle: Favourite is collapsed before the drag
+                    viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite).onClick();
+                    viewModel.onSectionDragStart();
+                    viewModel.onSectionDragEnd();
+
+                    // Between cycles: collapse CHATS_TAG as well
+                    viewModel.getSectionHeaderViewModel(CHATS_TAG).onClick();
+                    viewModel.onSectionDragStart();
+                    viewModel.onSectionDragEnd();
+
+                    // The second drag end must restore the state captured at the second drag start
+                    // (Favourite collapsed, CHATS_TAG collapsed, LowPriority expanded), not the first cycle's snapshot.
+                    expect(viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite).isExpanded).toBe(false);
+                    expect(viewModel.getSectionHeaderViewModel(CHATS_TAG).isExpanded).toBe(false);
+                    expect(viewModel.getSectionHeaderViewModel(DefaultTagID.LowPriority).isExpanded).toBe(true);
+                });
+
+                it("should be a no-op when drag end is called without drag start", () => {
+                    viewModel.onSectionDragEnd();
+
+                    expect(viewModel.getSectionHeaderViewModel(DefaultTagID.Favourite).isExpanded).toBe(true);
+                    expect(viewModel.getSectionHeaderViewModel(CHATS_TAG).isExpanded).toBe(true);
+                    expect(viewModel.getSectionHeaderViewModel(DefaultTagID.LowPriority).isExpanded).toBe(true);
+
+                    const snapshot = viewModel.getSnapshot();
+                    expect(snapshot.sections.find((s) => s.id === DefaultTagID.Favourite)!.roomIds).toEqual([
+                        "!fav1:server",
+                        "!fav2:server",
+                    ]);
+                    expect(snapshot.sections.find((s) => s.id === CHATS_TAG)!.roomIds).toEqual([
+                        "!reg1:server",
+                        "!reg2:server",
+                    ]);
+                    expect(snapshot.sections.find((s) => s.id === DefaultTagID.LowPriority)!.roomIds).toEqual([
+                        "!low1:server",
+                    ]);
+                });
+            });
+        });
+    });
+
+    describe("changeRoomSection", () => {
+        beforeEach(() => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                spaceStore: SDKContextClass.instance.spaceStore,
+                roomViewStore: SDKContextClass.instance.roomViewStore,
+            });
+            mocked(tagRoom).mockClear();
+        });
+
+        it("should call tagRoom with the room and target tag", () => {
+            jest.spyOn(matrixClient, "getRoom").mockReturnValue(room1);
+            mocked(getSectionTagForRoom).mockReturnValue(null);
+
+            viewModel.changeRoomSection(room1.roomId, DefaultTagID.Favourite);
+
+            expect(tagRoom).toHaveBeenCalledWith(room1, DefaultTagID.Favourite);
+        });
+
+        it("should do nothing when the room is not found", () => {
+            jest.spyOn(matrixClient, "getRoom").mockReturnValue(null);
+
+            viewModel.changeRoomSection("!unknown:server", DefaultTagID.Favourite);
+
+            expect(tagRoom).not.toHaveBeenCalled();
+        });
+
+        it("should do nothing when the room is already in the target section", () => {
+            jest.spyOn(matrixClient, "getRoom").mockReturnValue(room1);
+            mocked(getSectionTagForRoom).mockReturnValue(DefaultTagID.Favourite);
+
+            viewModel.changeRoomSection(room1.roomId, DefaultTagID.Favourite);
+
+            expect(tagRoom).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("show_room_tile scroll", () => {
+        beforeEach(() => {
+            // Dispatching ViewRoom is also handled by the global RoomViewStore, which calls
+            // MatrixClientPeg.safeGet(); stubClient sets up the peg so that doesn't throw.
+            stubClient();
+        });
+
+        it("should scroll a room into view in a flat list", async () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                roomViewStore: sdkContext.roomViewStore,
+                spaceStore: sdkContext.spaceStore,
+            });
+            const scrollSpy = jest.fn();
+            viewModel.setScrollToIndex(scrollSpy);
+
+            dispatcher.dispatch({
+                action: Action.ViewRoom,
+                room_id: "!room2:server",
+                show_room_tile: true,
+                metricsTrigger: undefined,
+            });
+
+            // Flat list: entry index == room index.
+            await waitFor(() => expect(scrollSpy).toHaveBeenCalledWith(1));
+        });
+
+        it("should scroll a room into view in a grouped list, accounting for section headers", async () => {
+            const favRoom1 = mkStubRoom("!fav1:server", "Fav 1", matrixClient);
+            const favRoom2 = mkStubRoom("!fav2:server", "Fav 2", matrixClient);
+            const regularRoom1 = mkStubRoom("!reg1:server", "Reg 1", matrixClient);
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "home",
+                sections: [
+                    { tag: DefaultTagID.Favourite, rooms: [favRoom1, favRoom2] },
+                    { tag: CHATS_TAG, rooms: [regularRoom1] },
+                ],
+            });
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                roomViewStore: sdkContext.roomViewStore,
+                spaceStore: sdkContext.spaceStore,
+            });
+            const scrollSpy = jest.fn();
+            viewModel.setScrollToIndex(scrollSpy);
+
+            dispatcher.dispatch({
+                action: Action.ViewRoom,
+                room_id: "!reg1:server",
+                show_room_tile: true,
+                metricsTrigger: undefined,
+            });
+
+            // Entry space: [Fav header(0), fav1(1), fav2(2), Chats header(3), reg1(4)]
+            await waitFor(() => expect(scrollSpy).toHaveBeenCalledWith(4));
+        });
+
+        it("should not scroll when the room is not in the current list", async () => {
+            viewModel = new RoomListViewModel({
+                client: matrixClient,
+                roomViewStore: sdkContext.roomViewStore,
+                spaceStore: sdkContext.spaceStore,
+            });
+            const scrollSpy = jest.fn();
+            viewModel.setScrollToIndex(scrollSpy);
+
+            dispatcher.dispatch({
+                action: Action.ViewRoom,
+                room_id: "!room3:server",
+                show_room_tile: true,
+                metricsTrigger: undefined,
+            });
+
+            await waitFor(() => expect(scrollSpy).toHaveBeenCalledWith(2));
+            expect(scrollSpy).toHaveBeenCalledTimes(1);
+        });
+    });
+});
diff --git a/apps/web/test/viewmodels/room-list/utils-test.ts b/apps/web/test/viewmodels/room-list/utils-test.ts
new file mode 100644
index 00000000000..e7e303aed5f
--- /dev/null
+++ b/apps/web/test/viewmodels/room-list/utils-test.ts
@@ -0,0 +1,78 @@
+/*
+ * 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 type { MatrixClient, Room, RoomState } from "matrix-js-sdk/src/matrix";
+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", () => ({
+    shouldShowComponent: jest.fn(),
+}));
+
+jest.mock("../../../src/utils/space", () => ({
+    showCreateNewRoom: jest.fn(),
+}));
+
+describe("utils", () => {
+    let matrixClient: MatrixClient;
+    let space: Room;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+        space = mkStubRoom("spaceId", "spaceName", matrixClient);
+    });
+
+    describe("createRoom", () => {
+        it("should fire Action.CreateRoom when createRoom is called without a space", async () => {
+            const spy = jest.spyOn(defaultDispatcher, "fire");
+            await createRoom();
+
+            expect(spy).toHaveBeenCalledWith(Action.CreateRoom);
+        });
+
+        it("should call showCreateNewRoom when createRoom is called in a space", async () => {
+            await createRoom(space);
+            expect(showCreateNewRoom).toHaveBeenCalledWith(space);
+        });
+    });
+
+    describe("hasCreateRoomRights", () => {
+        it("should return false when UIComponent.CreateRooms is disabled", () => {
+            mocked(shouldShowComponent).mockReturnValue(false);
+            expect(hasCreateRoomRights(matrixClient, space)).toBe(false);
+        });
+
+        it("should return true when UIComponent.CreateRooms is enabled and no space", () => {
+            mocked(shouldShowComponent).mockReturnValue(true);
+            expect(hasCreateRoomRights(matrixClient)).toBe(true);
+        });
+
+        it("should return false in space when UIComponent.CreateRooms is enabled and the user doesn't have the rights", () => {
+            mocked(shouldShowComponent).mockReturnValue(true);
+            jest.spyOn(space.getLiveTimeline(), "getState").mockReturnValue({
+                maySendStateEvent: jest.fn().mockReturnValue(true),
+            } as unknown as RoomState);
+
+            expect(hasCreateRoomRights(matrixClient)).toBe(true);
+        });
+    });
+
+    it("hasAccessToNotificationMenu", () => {
+        mocked(shouldShowComponent).mockReturnValue(true);
+        const room = mkStubRoom("roomId", "roomName", matrixClient);
+        const isGuest = false;
+        const isArchived = false;
+
+        expect(hasAccessToNotificationMenu(room, isGuest, isArchived)).toBe(true);
+    });
+});
diff --git a/apps/web/test/viewmodels/room/EventTileActionBarViewModel-test.ts b/apps/web/test/viewmodels/room/EventTileActionBarViewModel-test.ts
new file mode 100644
index 00000000000..10a61b8e580
--- /dev/null
+++ b/apps/web/test/viewmodels/room/EventTileActionBarViewModel-test.ts
@@ -0,0 +1,716 @@
+/*
+ * 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 EventEmitter from "node:events";
+import { waitFor } from "@testing-library/dom";
+import { mocked } from "jest-mock";
+import {
+    EventStatus,
+    EventTimeline,
+    EventType,
+    M_BEACON_INFO,
+    MatrixEvent,
+    MatrixEventEvent,
+    MsgType,
+    RelationType,
+    RoomStateEvent,
+} from "matrix-js-sdk/src/matrix";
+import { ActionBarAction } from "@element-hq/web-shared-components";
+
+import {
+    EventTileActionBarViewModel,
+    type EventTileActionBarViewModelProps,
+} from "../../../src/viewmodels/room/EventTileActionBarViewModel";
+import { TimelineRenderingType } from "../../../src/contexts/RoomContext";
+import { MatrixClientPeg } from "../../../src/MatrixClientPeg";
+import defaultDispatcher from "../../../src/dispatcher/dispatcher";
+import { Action } from "../../../src/dispatcher/actions";
+import Resend from "../../../src/Resend";
+import PinningUtils from "../../../src/utils/PinningUtils";
+import PosthogTrackers from "../../../src/PosthogTrackers";
+import Modal from "../../../src/Modal";
+import ErrorDialog from "../../../src/components/views/dialogs/ErrorDialog";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { ModuleApi } from "../../../src/modules/Api";
+import { canCancel, canEditContent, editEvent, isContentActionable } from "../../../src/utils/EventUtils";
+import { shouldDisplayReply } from "../../../src/utils/Reply";
+import { MediaEventHelper } from "../../../src/utils/MediaEventHelper";
+import { getMediaVisibility, setMediaVisibility } from "../../../src/utils/media/mediaVisibility";
+import { createTestClient } from "../../test-utils";
+
+jest.mock("../../../src/dispatcher/dispatcher", () => ({
+    __esModule: true,
+    default: {
+        dispatch: jest.fn(),
+        register: jest.fn().mockReturnValue("dispatcher-ref"),
+        unregister: jest.fn(),
+    },
+}));
+
+jest.mock("../../../src/Resend", () => ({
+    __esModule: true,
+    default: {
+        resend: jest.fn(),
+        removeFromQueue: jest.fn(),
+    },
+}));
+
+jest.mock("../../../src/PosthogTrackers", () => ({
+    __esModule: true,
+    default: {
+        trackPinUnpinMessage: jest.fn(),
+    },
+}));
+
+jest.mock("../../../src/Modal", () => ({
+    __esModule: true,
+    default: {
+        createDialog: jest.fn(),
+    },
+}));
+
+jest.mock("../../../src/languageHandler", () => ({
+    _t: (key: string) => {
+        switch (key) {
+            case "timeline|download_failed":
+                return "Download failed";
+            case "timeline|download_failed_description":
+                return "Failed to download file";
+            case "common|image":
+                return "Image";
+            default:
+                return key;
+        }
+    },
+    _td: (key: string) => key,
+}));
+
+jest.mock("../../../src/utils/EventUtils", () => ({
+    canCancel: jest.fn(),
+    canEditContent: jest.fn(),
+    editEvent: jest.fn(),
+    isContentActionable: jest.fn(),
+}));
+
+jest.mock("../../../src/utils/PinningUtils", () => ({
+    __esModule: true,
+    default: {
+        canPin: jest.fn(),
+        canUnpin: jest.fn(),
+        isPinned: jest.fn(),
+        pinOrUnpinEvent: jest.fn(),
+    },
+}));
+
+jest.mock("../../../src/utils/Reply", () => ({
+    shouldDisplayReply: jest.fn(),
+}));
+
+jest.mock("../../../src/utils/media/mediaVisibility", () => ({
+    getMediaVisibility: jest.fn(),
+    setMediaVisibility: jest.fn(),
+}));
+
+const mockDownload = jest.fn();
+jest.mock("../../../src/utils/FileDownloader", () => ({
+    FileDownloader: jest.fn().mockImplementation(() => ({
+        download: mockDownload,
+    })),
+}));
+
+describe("EventTileActionBarViewModel", () => {
+    const userId = "@alice:example.org";
+    const roomId = "!room:example.org";
+    const rootEvent = new MatrixEvent({
+        type: EventType.RoomMessage,
+        room_id: roomId,
+        sender: "@root:example.org",
+        event_id: "$root",
+        content: { msgtype: MsgType.Text, body: "Root" },
+    });
+
+    let client: ReturnType<typeof createTestClient>;
+    let roomState: EventEmitter;
+    let room: {
+        getLiveTimeline: jest.Mock;
+    };
+    let getHintsForMessageSpy: jest.SpyInstance;
+
+    const createMessageEvent = (overrides: Partial<ConstructorParameters<typeof MatrixEvent>[0]> = {}): MatrixEvent =>
+        new MatrixEvent({
+            type: EventType.RoomMessage,
+            room_id: roomId,
+            sender: userId,
+            event_id: "$event",
+            content: { msgtype: MsgType.Text, body: "Hello" },
+            ...overrides,
+        });
+
+    const createVm = (props: Partial<EventTileActionBarViewModelProps> = {}): EventTileActionBarViewModel => {
+        const mxEvent = props.mxEvent ?? createMessageEvent();
+        return new EventTileActionBarViewModel({
+            mxEvent,
+            timelineRenderingType: TimelineRenderingType.Room,
+            canSendMessages: true,
+            canReact: true,
+            ...props,
+        });
+    };
+
+    const createPendingPromise = <T>(): {
+        promise: Promise<T>;
+        resolve: (value: T) => void;
+        reject: (reason?: unknown) => void;
+    } => {
+        let resolve!: (value: T) => void;
+        let reject!: (reason?: unknown) => void;
+        const promise = new Promise<T>((res, rej) => {
+            resolve = res;
+            reject = rej;
+        });
+        return { promise, resolve, reject };
+    };
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        client = createTestClient();
+        roomState = new EventEmitter();
+        room = {
+            getLiveTimeline: jest.fn().mockReturnValue({
+                getState: jest
+                    .fn()
+                    .mockImplementation((dir) => (dir === EventTimeline.FORWARDS ? roomState : undefined)),
+            }),
+        };
+
+        jest.spyOn(MatrixClientPeg, "safeGet").mockReturnValue(client);
+        jest.spyOn(client, "getRoom").mockReturnValue(room as never);
+        jest.spyOn(client, "decryptEventIfNeeded");
+
+        jest.spyOn(SettingsStore, "watchSetting").mockImplementation((name, scope) => `${name}:${scope ?? "global"}`);
+        jest.spyOn(SettingsStore, "unwatchSetting").mockImplementation(() => {});
+
+        mocked(canCancel).mockImplementation((status) => status === EventStatus.QUEUED);
+        mocked(canEditContent).mockReturnValue(true);
+        mocked(isContentActionable).mockReturnValue(true);
+        mocked(shouldDisplayReply).mockReturnValue(true);
+        mocked(getMediaVisibility).mockReturnValue(true);
+        mocked(setMediaVisibility).mockResolvedValue(undefined);
+        mocked(PinningUtils.canPin).mockReturnValue(false);
+        mocked(PinningUtils.canUnpin).mockReturnValue(false);
+        mocked(PinningUtils.isPinned).mockReturnValue(false);
+        mocked(PinningUtils.pinOrUnpinEvent).mockResolvedValue(undefined);
+        jest.spyOn(MediaEventHelper, "isEligible").mockReturnValue(false);
+        jest.spyOn(MediaEventHelper, "canHide").mockReturnValue(false);
+        mockDownload.mockResolvedValue(undefined);
+
+        getHintsForMessageSpy = jest.spyOn(ModuleApi.instance.customComponents, "getHintsForMessage");
+        getHintsForMessageSpy.mockReturnValue(null);
+    });
+
+    afterEach(() => {
+        getHintsForMessageSpy.mockRestore();
+        jest.restoreAllMocks();
+    });
+
+    it("builds the snapshot for an actionable message", async () => {
+        const vm = createVm({ isQuoteExpanded: true });
+
+        await waitFor(() =>
+            expect(vm.getSnapshot()).toMatchObject({
+                actions: [
+                    ActionBarAction.React,
+                    ActionBarAction.Reply,
+                    ActionBarAction.ReplyInThread,
+                    ActionBarAction.Edit,
+                    ActionBarAction.Expand,
+                    ActionBarAction.Options,
+                ],
+                presentation: "icon",
+                isDownloadEncrypted: false,
+                isDownloadLoading: false,
+                isPinned: false,
+                isQuoteExpanded: true,
+                isThreadReplyAllowed: true,
+            }),
+        );
+    });
+
+    it("reacts to media download permission hints and room state updates", async () => {
+        jest.spyOn(MediaEventHelper, "isEligible").mockReturnValue(true);
+        jest.spyOn(MediaEventHelper, "canHide").mockReturnValue(true);
+        getHintsForMessageSpy.mockReturnValue({
+            allowDownloadingMedia: jest.fn().mockResolvedValue(true),
+        } as never);
+
+        const vm = createVm({
+            mxEvent: createMessageEvent({
+                content: { msgtype: MsgType.Image, body: "Image", url: "mxc://example.org/file" },
+            }),
+        });
+
+        expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Download);
+        expect(vm.getSnapshot().actions).toContain(ActionBarAction.Hide);
+
+        await waitFor(() => expect(vm.getSnapshot().actions).toContain(ActionBarAction.Download));
+
+        mocked(PinningUtils.isPinned).mockReturnValue(true);
+        roomState.emit(
+            RoomStateEvent.Events,
+            new MatrixEvent({
+                type: EventType.RoomPinnedEvents,
+                room_id: roomId,
+                sender: userId,
+                content: { pinned: ["$event"] },
+            }),
+        );
+
+        expect(vm.getSnapshot().isPinned).toBe(true);
+
+        mocked(getMediaVisibility).mockReturnValue(false);
+        roomState.emit(
+            RoomStateEvent.Events,
+            new MatrixEvent({
+                type: EventType.RoomJoinRules,
+                room_id: roomId,
+                sender: userId,
+                content: { join_rule: "public" },
+            }),
+        );
+
+        expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Hide);
+    });
+
+    it("ignores stale download permission results after setProps changes the event", async () => {
+        jest.spyOn(MediaEventHelper, "isEligible").mockReturnValue(true);
+        const permissionA = createPendingPromise<boolean>();
+        const permissionB = createPendingPromise<boolean>();
+        const eventA = createMessageEvent({
+            event_id: "$eventA",
+            content: { msgtype: MsgType.Image, body: "Image A", url: "mxc://example.org/a" },
+        });
+        const eventB = createMessageEvent({
+            event_id: "$eventB",
+            content: { msgtype: MsgType.Image, body: "Image B", url: "mxc://example.org/b" },
+        });
+
+        getHintsForMessageSpy.mockImplementation((event) => {
+            if (event === eventA) {
+                return {
+                    allowDownloadingMedia: jest.fn().mockReturnValue(permissionA.promise),
+                } as never;
+            }
+
+            if (event === eventB) {
+                return {
+                    allowDownloadingMedia: jest.fn().mockReturnValue(permissionB.promise),
+                } as never;
+            }
+
+            return null;
+        });
+
+        const vm = createVm({ mxEvent: eventA });
+        expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Download);
+
+        vm.setProps({ mxEvent: eventB });
+        permissionA.resolve(true);
+        await Promise.resolve();
+
+        expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Download);
+
+        permissionB.resolve(false);
+        await Promise.resolve();
+
+        expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Download);
+    });
+
+    it("refreshes on event status changes and removes listeners on dispose", () => {
+        const mxEvent = createMessageEvent();
+        const offSpy = jest.spyOn(mxEvent, "off");
+        const roomStateOffSpy = jest.spyOn(roomState, "off");
+        const vm = createVm({ mxEvent });
+
+        expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Cancel);
+
+        mxEvent.setStatus(EventStatus.QUEUED);
+
+        expect(vm.getSnapshot().actions).toContain(ActionBarAction.Cancel);
+        expect(client.decryptEventIfNeeded).toHaveBeenCalledWith(mxEvent);
+
+        vm.dispose();
+
+        expect(offSpy).toHaveBeenCalledWith(MatrixEventEvent.Status, expect.any(Function));
+        expect(offSpy).toHaveBeenCalledWith(MatrixEventEvent.Decrypted, expect.any(Function));
+        expect(offSpy).toHaveBeenCalledWith(MatrixEventEvent.BeforeRedaction, expect.any(Function));
+        expect(roomStateOffSpy).toHaveBeenCalledWith(RoomStateEvent.Events, expect.any(Function));
+        expect(SettingsStore.unwatchSetting).toHaveBeenCalledWith("mediaPreviewConfig:!room:example.org");
+        expect(SettingsStore.unwatchSetting).toHaveBeenCalledWith("showMediaEventIds:global");
+    });
+
+    it("routes resend and cancel actions to the actionable failed event variant", () => {
+        const mxEvent = createMessageEvent();
+        const localRedactionEvent = createMessageEvent({ event_id: "$redaction" });
+        const replacingEvent = createMessageEvent({ event_id: "$replacement" });
+
+        localRedactionEvent.setStatus(EventStatus.SENT);
+        replacingEvent.setStatus(EventStatus.QUEUED);
+
+        jest.spyOn(mxEvent, "localRedactionEvent").mockReturnValue(localRedactionEvent);
+        jest.spyOn(mxEvent, "replacingEvent").mockReturnValue(replacingEvent);
+
+        const vm = createVm({ mxEvent });
+
+        vm.onResendClick(null);
+        vm.onCancelClick(null);
+
+        expect(Resend.resend).toHaveBeenCalledWith(client, localRedactionEvent);
+        expect(Resend.removeFromQueue).toHaveBeenCalledWith(client, replacingEvent);
+    });
+
+    it("downloads a cached blob and shows an error dialog on failure", async () => {
+        const blob = new Blob(["downloaded"]);
+        jest.spyOn(MediaEventHelper, "isEligible").mockReturnValue(true);
+
+        const vm = createVm({
+            mxEvent: createMessageEvent({
+                content: { msgtype: MsgType.Image, body: "Image", url: "mxc://example.org/file" },
+            }),
+        });
+        (vm as unknown as { downloadedBlob: Blob }).downloadedBlob = blob;
+
+        await vm.onDownloadClick(null);
+        await vm.onDownloadClick(null);
+
+        expect(mockDownload).toHaveBeenNthCalledWith(1, { blob, name: "Image" });
+        expect(mockDownload).toHaveBeenNthCalledWith(2, { blob, name: "Image" });
+
+        mockDownload.mockRejectedValueOnce(new Error("boom"));
+
+        await vm.onDownloadClick(null);
+
+        expect(Modal.createDialog).toHaveBeenCalledWith(
+            ErrorDialog,
+            expect.objectContaining({
+                title: "Download failed",
+                description: expect.stringContaining("boom"),
+            }),
+        );
+        expect(vm.getSnapshot().isDownloadLoading).toBe(false);
+    });
+
+    it("ignores stale download completion after setProps changes the event", async () => {
+        jest.spyOn(MediaEventHelper, "isEligible").mockReturnValue(true);
+        const firstDownload = createPendingPromise<void>();
+        const eventA = createMessageEvent({
+            event_id: "$eventA",
+            content: { msgtype: MsgType.Image, body: "Image A", url: "mxc://example.org/a" },
+        });
+        const eventB = createMessageEvent({
+            event_id: "$eventB",
+            content: { msgtype: MsgType.Image, body: "Image B", url: "mxc://example.org/b" },
+        });
+
+        const vm = createVm({ mxEvent: eventA });
+        (vm as unknown as { downloadedBlob: Blob }).downloadedBlob = new Blob(["a"]);
+        mockDownload.mockReturnValueOnce(firstDownload.promise);
+
+        const firstDownloadCall = vm.onDownloadClick(null);
+
+        expect(vm.getSnapshot().isDownloadLoading).toBe(true);
+
+        vm.setProps({ mxEvent: eventB });
+        (vm as unknown as { downloadedBlob: Blob }).downloadedBlob = new Blob(["b"]);
+
+        expect(vm.getSnapshot().isDownloadLoading).toBe(false);
+
+        const secondDownload = vm.onDownloadClick(null);
+        await secondDownload;
+
+        firstDownload.resolve();
+        await firstDownloadCall;
+
+        expect(mockDownload).toHaveBeenCalledTimes(2);
+        expect(mockDownload).toHaveBeenNthCalledWith(2, {
+            blob: expect.any(Blob),
+            name: "Image B",
+        });
+        expect(vm.getSnapshot().isDownloadLoading).toBe(false);
+    });
+
+    it("ignores stale download permission results after dispose", async () => {
+        jest.spyOn(MediaEventHelper, "isEligible").mockReturnValue(true);
+        const permission = createPendingPromise<boolean>();
+        const event = createMessageEvent({
+            event_id: "$eventA",
+            content: { msgtype: MsgType.Image, body: "Image A", url: "mxc://example.org/a" },
+        });
+
+        getHintsForMessageSpy.mockReturnValue({
+            allowDownloadingMedia: jest.fn().mockReturnValue(permission.promise),
+        } as never);
+
+        const vm = createVm({ mxEvent: event });
+        expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Download);
+
+        vm.dispose();
+        permission.resolve(true);
+        await Promise.resolve();
+
+        expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Download);
+    });
+
+    it("dispatches reply and thread actions and forwards callbacks", async () => {
+        const onOptionsClick = jest.fn();
+        const onReactionsClick = jest.fn();
+        const onToggleThreadExpanded = jest.fn();
+        const threadReply = createMessageEvent({
+            sender: "@bob:example.org",
+            event_id: "$reply",
+            content: {
+                "msgtype": MsgType.Text,
+                "body": "Reply",
+                "m.relates_to": {
+                    rel_type: RelationType.Thread,
+                    event_id: rootEvent.getId(),
+                },
+            },
+        });
+
+        Object.defineProperty(threadReply, "isThreadRoot", { value: false });
+        jest.spyOn(threadReply, "getThread").mockReturnValue({ rootEvent } as never);
+
+        const vm = createVm({
+            mxEvent: threadReply,
+            isCard: true,
+            onOptionsClick,
+            onReactionsClick,
+            onToggleThreadExpanded,
+        });
+        mocked(PinningUtils.isPinned).mockReturnValue(false);
+
+        vm.onReplyClick(null);
+        vm.onReplyInThreadClick(null);
+        vm.onEditClick(null);
+        await vm.onPinClick(null);
+        vm.onHideClick(null);
+        vm.onOptionsClick(null);
+        vm.onReactionsClick(null);
+        vm.onToggleThreadExpanded(null);
+
+        expect(defaultDispatcher.dispatch).toHaveBeenNthCalledWith(1, {
+            action: "reply_to_event",
+            event: threadReply,
+            context: TimelineRenderingType.Room,
+        });
+        expect(defaultDispatcher.dispatch).toHaveBeenNthCalledWith(2, {
+            action: Action.ShowThread,
+            rootEvent,
+            initialEvent: threadReply,
+            scroll_into_view: true,
+            highlighted: true,
+            push: true,
+        });
+        expect(editEvent).toHaveBeenCalledWith(client, threadReply, TimelineRenderingType.Room, undefined);
+        expect(PinningUtils.pinOrUnpinEvent).toHaveBeenCalledWith(client, threadReply);
+        expect(PosthogTrackers.trackPinUnpinMessage).toHaveBeenCalledWith(expect.any(String), "Timeline");
+        expect(setMediaVisibility).toHaveBeenCalledWith(threadReply, false);
+        expect(onOptionsClick).toHaveBeenCalledWith(null);
+        expect(onReactionsClick).toHaveBeenCalledWith(null);
+        expect(onToggleThreadExpanded).toHaveBeenCalledWith(null);
+    });
+
+    describe("business logic parity", () => {
+        it.each([
+            {
+                name: "hides reply and react for non-actionable events",
+                actionable: false,
+                props: {},
+                expectedActions: [],
+                unexpectedActions: [ActionBarAction.Reply, ActionBarAction.React],
+            },
+            {
+                name: "hides reply when sending messages is disabled",
+                actionable: true,
+                props: { canSendMessages: false },
+                expectedActions: [ActionBarAction.React],
+                unexpectedActions: [ActionBarAction.Reply],
+            },
+            {
+                name: "hides react when reactions are disabled",
+                actionable: true,
+                props: { canReact: false },
+                expectedActions: [ActionBarAction.Reply],
+                unexpectedActions: [ActionBarAction.React],
+            },
+            {
+                name: "hides react in search results",
+                actionable: true,
+                props: { isSearch: true },
+                expectedActions: [ActionBarAction.Reply],
+                unexpectedActions: [ActionBarAction.React],
+            },
+        ])("$name", ({ actionable, props, expectedActions, unexpectedActions }) => {
+            mocked(isContentActionable).mockReturnValue(actionable);
+
+            const vm = createVm(props);
+
+            expectedActions.forEach((action) => expect(vm.getSnapshot().actions).toContain(action));
+            unexpectedActions.forEach((action) => expect(vm.getSnapshot().actions).not.toContain(action));
+        });
+
+        it.each([
+            {
+                name: "shows expand collapse only when quote state is provided and reply should display",
+                quoteExpanded: true,
+                displayReply: true,
+                expected: true,
+            },
+            {
+                name: "hides expand collapse when quote state is missing",
+                quoteExpanded: undefined,
+                displayReply: true,
+                expected: false,
+            },
+            {
+                name: "hides expand collapse when reply should not display",
+                quoteExpanded: false,
+                displayReply: false,
+                expected: false,
+            },
+        ])("$name", ({ quoteExpanded, displayReply, expected }) => {
+            mocked(shouldDisplayReply).mockReturnValue(displayReply);
+
+            const vm = createVm({ isQuoteExpanded: quoteExpanded });
+
+            expect(vm.getSnapshot().actions.includes(ActionBarAction.Expand)).toBe(expected);
+        });
+
+        it.each([
+            {
+                name: "allows reply in thread for normal room messages in room timeline",
+                timelineRenderingType: TimelineRenderingType.Room,
+                content: { msgtype: MsgType.Text, body: "Hello" },
+                relation: undefined,
+                type: EventType.RoomMessage,
+                expectedReplyInThread: true,
+                expectedAllowed: true,
+            },
+            {
+                name: "blocks reply in thread in thread timeline",
+                timelineRenderingType: TimelineRenderingType.Thread,
+                content: { msgtype: MsgType.Text, body: "Hello" },
+                relation: undefined,
+                type: EventType.RoomMessage,
+                expectedReplyInThread: false,
+                expectedAllowed: true,
+            },
+            {
+                name: "blocks reply in thread for verification requests",
+                timelineRenderingType: TimelineRenderingType.Room,
+                content: { msgtype: MsgType.KeyVerificationRequest, body: "verify" },
+                relation: undefined,
+                type: EventType.RoomMessage,
+                expectedReplyInThread: false,
+                expectedAllowed: true,
+            },
+            {
+                name: "blocks reply in thread for beacon info events",
+                timelineRenderingType: TimelineRenderingType.Room,
+                content: {},
+                relation: undefined,
+                type: M_BEACON_INFO.name,
+                expectedReplyInThread: false,
+                expectedAllowed: true,
+            },
+            {
+                name: "marks non-thread relations as not thread reply allowed",
+                timelineRenderingType: TimelineRenderingType.Room,
+                content: { msgtype: MsgType.Text, body: "Hello" },
+                relation: { rel_type: RelationType.Annotation },
+                type: EventType.RoomMessage,
+                expectedReplyInThread: true,
+                expectedAllowed: false,
+            },
+        ])("$name", ({ timelineRenderingType, content, relation, type, expectedReplyInThread, expectedAllowed }) => {
+            const mxEvent = new MatrixEvent({
+                type,
+                room_id: roomId,
+                sender: userId,
+                event_id: "$scenario",
+                content,
+            });
+            jest.spyOn(mxEvent, "getRelation").mockReturnValue(relation as never);
+
+            const vm = createVm({ mxEvent, timelineRenderingType });
+
+            expect(vm.getSnapshot().actions.includes(ActionBarAction.ReplyInThread)).toBe(expectedReplyInThread);
+            expect(vm.getSnapshot().isThreadReplyAllowed).toBe(expectedAllowed);
+        });
+
+        it("shows thread action for deleted messages with a thread in the room timeline", () => {
+            const mxEvent = createMessageEvent();
+            mocked(isContentActionable).mockReturnValue(false);
+            jest.spyOn(mxEvent, "getThread").mockReturnValue({ rootEvent } as never);
+
+            const vm = createVm({ mxEvent, timelineRenderingType: TimelineRenderingType.Room });
+
+            expect(vm.getSnapshot().actions).toContain(ActionBarAction.ReplyInThread);
+            expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Reply);
+        });
+
+        it("matches media visibility rules for hide and download actions", async () => {
+            jest.spyOn(MediaEventHelper, "isEligible").mockReturnValue(true);
+            jest.spyOn(MediaEventHelper, "canHide").mockReturnValue(true);
+            getHintsForMessageSpy.mockReturnValue({
+                allowDownloadingMedia: jest.fn().mockResolvedValue(false),
+            } as never);
+
+            const mxEvent = createMessageEvent({
+                content: { msgtype: MsgType.Image, body: "Image", file: { url: "mxc://example.org/file" } },
+            });
+            const vm = createVm({ mxEvent });
+
+            expect(vm.getSnapshot()).toMatchObject({
+                isDownloadEncrypted: true,
+            });
+            expect(vm.getSnapshot().actions).toContain(ActionBarAction.Hide);
+            expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Download);
+
+            await waitFor(() => expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Download));
+        });
+
+        it("recomputes parity-relevant flags and resets download state when the event changes", () => {
+            jest.spyOn(MediaEventHelper, "isEligible").mockReturnValue(true);
+
+            const vm = createVm({
+                mxEvent: createMessageEvent({
+                    event_id: "$image",
+                    content: { msgtype: MsgType.Image, body: "Image", url: "mxc://example.org/file" },
+                }),
+            });
+            (vm as unknown as { downloadedBlob?: Blob; isDownloadLoading: boolean }).downloadedBlob = new Blob(["x"]);
+            (vm as unknown as { downloadedBlob?: Blob; isDownloadLoading: boolean }).isDownloadLoading = true;
+
+            mocked(isContentActionable).mockReturnValue(false);
+            jest.spyOn(MediaEventHelper, "isEligible").mockReturnValue(false);
+
+            vm.setProps({
+                mxEvent: createMessageEvent({
+                    event_id: "$text",
+                    content: { msgtype: MsgType.Text, body: "Text" },
+                }),
+            });
+
+            expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Download);
+            expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Hide);
+            expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.Reply);
+            expect(vm.getSnapshot().actions).not.toContain(ActionBarAction.React);
+            expect(vm.getSnapshot().isDownloadLoading).toBe(false);
+        });
+    });
+});
diff --git a/apps/web/test/viewmodels/room/RoomStatusBar-test.ts b/apps/web/test/viewmodels/room/RoomStatusBar-test.ts
new file mode 100644
index 00000000000..b4119ffddd8
--- /dev/null
+++ b/apps/web/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-vitest-adapter";
+
+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/apps/web/test/viewmodels/room/RoomUploadViewModel-test.tsx b/apps/web/test/viewmodels/room/RoomUploadViewModel-test.tsx
new file mode 100644
index 00000000000..ce17c09c52a
--- /dev/null
+++ b/apps/web/test/viewmodels/room/RoomUploadViewModel-test.tsx
@@ -0,0 +1,253 @@
+/*
+ * 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 { type IEventRelation, type MatrixClient, type Room, RoomEvent } from "matrix-js-sdk/src/matrix";
+import { render } from "jest-matrix-react";
+
+import type { MockedObject } from "jest-mock";
+import { RoomUploadContextProvider, RoomUploadViewModel } from "../../../src/viewmodels/room/RoomUploadViewModel";
+import { getRoomContext, mkEvent, mkStubRoom, stubClient } from "../../test-utils";
+import { TimelineRenderingType } from "../../../src/contexts/RoomContext";
+import defaultDispatcher, { MatrixDispatcher } from "../../../src/dispatcher/dispatcher";
+import ContentMessages from "../../../src/ContentMessages";
+import { ComposerApi } from "../../../src/modules/ComposerApi";
+import type { ComposerInsertFilesPayload } from "../../../src/dispatcher/payloads/ComposerInsertFilePayload";
+import { ScopedRoomContextProvider } from "../../../src/contexts/ScopedRoomContext";
+import { Action } from "../../../src/dispatcher/actions";
+import MatrixClientContext from "../../../src/contexts/MatrixClientContext";
+const sendContentListToRoomSpy = jest.spyOn(ContentMessages.sharedInstance(), "sendContentListToRoom");
+
+describe("RoomUploadViewModel", () => {
+    let client: MockedObject<MatrixClient>;
+    let room: MockedObject<Room>;
+    let dis: MockedObject<MatrixDispatcher>;
+    beforeEach(() => {
+        jest.clearAllMocks();
+        client = stubClient() as MockedObject<MatrixClient>;
+        room = mkStubRoom("!room", undefined, undefined) as MockedObject<Room>;
+        dis = {
+            dispatch: jest.fn(),
+        } as Partial<MatrixDispatcher> as MockedObject<MatrixDispatcher>;
+    });
+    afterAll(() => {
+        jest.restoreAllMocks();
+    });
+
+    it.each([true, false])("handles state when room.maySendMessage = %s", (maySendMessage) => {
+        room.maySendMessage.mockReturnValue(maySendMessage);
+        const vm = new RoomUploadViewModel(
+            room,
+            client,
+            TimelineRenderingType.Room,
+            dis,
+            undefined,
+            undefined,
+            () => {},
+        );
+        expect(vm.getSnapshot().options).toHaveLength(maySendMessage ? 1 : 0);
+        room.maySendMessage.mockReturnValue(!maySendMessage);
+        room.emit(RoomEvent.CurrentStateUpdated, room, null as any, null as any);
+        expect(vm.getSnapshot().options).toHaveLength(maySendMessage ? 0 : 1);
+    });
+
+    it("handles custom upload option", async () => {
+        const compApi = new ComposerApi(new MatrixDispatcher());
+        const replyEv = mkEvent({ type: "fake", content: {}, user: "any", event: true });
+        const vm = new RoomUploadViewModel(
+            room,
+            client,
+            TimelineRenderingType.Room,
+            dis,
+            replyEv,
+            {
+                rel_type: "any_type",
+            },
+            () => {},
+            compApi,
+        );
+        const onSelected = jest.fn();
+        const icon = { myicon: 5 } as any;
+        compApi.addFileUploadOption({
+            type: "org.example.test",
+            label: "My uploader",
+            icon,
+            onSelected,
+        });
+        expect(vm.getSnapshot().options).toContainEqual({ type: "org.example.test", label: "My uploader", icon });
+        vm.onUploadOptionSelected("org.example.test");
+        expect(onSelected).toHaveBeenCalledWith(
+            room.roomId,
+            { view: "room" },
+            {
+                inReplyToEventId: replyEv.getId(),
+                relType: "any_type",
+            },
+        );
+    });
+
+    describe("uploads via input", () => {
+        it("redirected if guest", async () => {
+            client.isGuest.mockReturnValue(true);
+            const vm = new RoomUploadViewModel(
+                room,
+                client,
+                TimelineRenderingType.Room,
+                dis,
+                undefined,
+                undefined,
+                () => {},
+            );
+            await vm.initiateViaInputFiles([] as unknown as FileList);
+            expect(dis.dispatch).toHaveBeenCalledWith({ action: "require_registration" });
+        });
+        it("skips empty files", async () => {
+            const vm = new RoomUploadViewModel(
+                room,
+                client,
+                TimelineRenderingType.Room,
+                dis,
+                undefined,
+                undefined,
+                () => {},
+            );
+            await vm.initiateViaInputFiles([] as unknown as FileList);
+            expect(dis.dispatch).not.toHaveBeenCalled();
+        });
+        it("uploads with correct context", async () => {
+            sendContentListToRoomSpy.mockResolvedValue(undefined);
+            const vm = new RoomUploadViewModel(
+                room,
+                client,
+                TimelineRenderingType.Thread,
+                dis,
+                undefined,
+                undefined,
+                () => {},
+            );
+            const replyEvent = mkEvent({ event: true, type: "anything", user: "anyone", content: {} });
+            vm.setReplyToEvent(replyEvent);
+            const threadRelation: IEventRelation = { key: "foo" };
+            vm.setThreadRelation(threadRelation);
+            const fileList = [
+                {
+                    name: "fake.png",
+                    size: 1024,
+                    type: "image/png",
+                },
+            ] as unknown as FileList;
+            await vm.initiateViaInputFiles(fileList);
+            expect(sendContentListToRoomSpy).toHaveBeenCalledWith(
+                fileList,
+                room.roomId,
+                threadRelation,
+                replyEvent,
+                client,
+                TimelineRenderingType.Thread,
+            );
+        });
+    });
+
+    describe("uploads via data transfer", () => {
+        it("redirected if guest", async () => {
+            client.isGuest.mockReturnValue(true);
+            const vm = new RoomUploadViewModel(
+                room,
+                client,
+                TimelineRenderingType.Room,
+                dis,
+                undefined,
+                undefined,
+                () => {},
+            );
+            await vm.initiateViaDataTransfer({} as DataTransfer);
+            expect(dis.dispatch).toHaveBeenCalledWith({ action: "require_registration" });
+        });
+        it("skips empty files", async () => {
+            const vm = new RoomUploadViewModel(
+                room,
+                client,
+                TimelineRenderingType.Room,
+                dis,
+                undefined,
+                undefined,
+                () => {},
+            );
+            await vm.initiateViaDataTransfer({ files: [] as unknown as FileList } as DataTransfer);
+            expect(dis.dispatch).not.toHaveBeenCalled();
+        });
+        it("uploads with correct context", async () => {
+            sendContentListToRoomSpy.mockResolvedValue(undefined);
+            const vm = new RoomUploadViewModel(
+                room,
+                client,
+                TimelineRenderingType.Thread,
+                dis,
+                undefined,
+                undefined,
+                () => {},
+            );
+            const replyEvent = mkEvent({ event: true, type: "anything", user: "anyone", content: {} });
+            vm.setReplyToEvent(replyEvent);
+            const threadRelation: IEventRelation = { key: "foo" };
+            vm.setThreadRelation(threadRelation);
+            const files = [
+                {
+                    name: "fake.png",
+                    size: 1024,
+                    type: "image/png",
+                },
+            ] as unknown as FileList;
+            await vm.initiateViaDataTransfer({ files } as DataTransfer);
+            expect(sendContentListToRoomSpy).toHaveBeenCalledWith(
+                files,
+                room.roomId,
+                threadRelation,
+                replyEvent,
+                client,
+                TimelineRenderingType.Thread,
+            );
+        });
+    });
+
+    describe("RoomUploadContextProvider", () => {
+        it("uploads when called via module API", async () => {
+            sendContentListToRoomSpy.mockResolvedValue(undefined);
+            render(
+                <MatrixClientContext.Provider value={client}>
+                    <ScopedRoomContextProvider {...getRoomContext(room, {})}>
+                        <RoomUploadContextProvider>
+                            <p>Any child</p>
+                        </RoomUploadContextProvider>
+                    </ScopedRoomContextProvider>
+                </MatrixClientContext.Provider>,
+            );
+            const files = [
+                {
+                    name: "fake.png",
+                    size: 1024,
+                    type: "image/png",
+                },
+            ] as File[];
+            defaultDispatcher.dispatch(
+                {
+                    action: Action.ComposerFileInsert,
+                    files,
+                    timelineRenderingType: TimelineRenderingType.Room,
+                } satisfies ComposerInsertFilesPayload,
+                true,
+            );
+            expect(sendContentListToRoomSpy).toHaveBeenCalledWith(
+                files,
+                room.roomId,
+                undefined,
+                undefined,
+                client,
+                TimelineRenderingType.Room,
+            );
+        });
+    });
+});
diff --git a/apps/web/test/viewmodels/room/ThreadListActionBarViewModel-test.ts b/apps/web/test/viewmodels/room/ThreadListActionBarViewModel-test.ts
new file mode 100644
index 00000000000..64b00aa0564
--- /dev/null
+++ b/apps/web/test/viewmodels/room/ThreadListActionBarViewModel-test.ts
@@ -0,0 +1,57 @@
+/*
+ * 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 { ActionBarAction } from "@element-hq/web-shared-components";
+
+import { ThreadListActionBarViewModel } from "../../../src/viewmodels/room/ThreadListActionBarViewModel";
+
+describe("ThreadListActionBarViewModel", () => {
+    it("builds the thread-list action bar snapshot", () => {
+        const vm = new ThreadListActionBarViewModel({});
+
+        expect(vm.getSnapshot()).toMatchObject({
+            actions: [ActionBarAction.ViewInRoom, ActionBarAction.CopyLink],
+            presentation: "icon",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: false,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        });
+    });
+
+    it("forwards actions to the configured handlers", () => {
+        const onViewInRoomClick = jest.fn();
+        const onCopyLinkClick = jest.fn();
+        const vm = new ThreadListActionBarViewModel({
+            onViewInRoomClick,
+            onCopyLinkClick,
+        });
+        const anchor = document.createElement("button");
+
+        vm.onViewInRoomClick(anchor);
+        vm.onCopyLinkClick(anchor);
+
+        expect(onViewInRoomClick).toHaveBeenCalledWith(anchor);
+        expect(onCopyLinkClick).toHaveBeenCalledWith(anchor);
+    });
+
+    it("uses updated handlers after setProps", () => {
+        const initialOnViewInRoomClick = jest.fn();
+        const nextOnViewInRoomClick = jest.fn();
+        const vm = new ThreadListActionBarViewModel({
+            onViewInRoomClick: initialOnViewInRoomClick,
+        });
+        const anchor = document.createElement("button");
+
+        vm.setProps({ onViewInRoomClick: nextOnViewInRoomClick });
+        vm.onViewInRoomClick(anchor);
+
+        expect(initialOnViewInRoomClick).not.toHaveBeenCalled();
+        expect(nextOnViewInRoomClick).toHaveBeenCalledWith(anchor);
+    });
+});
diff --git a/apps/web/test/viewmodels/room/notification-badge/NotificationBadgeViewModel-test.ts b/apps/web/test/viewmodels/room/notification-badge/NotificationBadgeViewModel-test.ts
new file mode 100644
index 00000000000..2debb3dd8e1
--- /dev/null
+++ b/apps/web/test/viewmodels/room/notification-badge/NotificationBadgeViewModel-test.ts
@@ -0,0 +1,118 @@
+/*
+ * 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 { NotificationBadgeViewModel } from "../../../../src/viewmodels/room/notification-badge/NotificationBadgeViewModel";
+import { NotificationLevel } from "../../../../src/stores/notifications/NotificationLevel";
+
+describe("NotificationBadgeViewModel", () => {
+    it("computes an activity dot snapshot", () => {
+        const vm = new NotificationBadgeViewModel({
+            symbol: null,
+            count: 0,
+            level: NotificationLevel.Activity,
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            shouldRender: true,
+            isVisible: true,
+            symbol: null,
+            isNotification: false,
+            isHighlight: false,
+            isKnocked: false,
+            badgeType: "dot",
+            isClickable: false,
+        });
+    });
+
+    it("hides activity dots when hideIfDot changes and skips unchanged setters", () => {
+        const vm = new NotificationBadgeViewModel({
+            symbol: null,
+            count: 0,
+            level: NotificationLevel.Activity,
+        });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setHideIfDot(false);
+        expect(listener).not.toHaveBeenCalled();
+
+        vm.setHideIfDot(true);
+        expect(listener).toHaveBeenCalledTimes(1);
+        expect(vm.getSnapshot().shouldRender).toBe(false);
+
+        vm.setHideIfDot(true);
+        expect(listener).toHaveBeenCalledTimes(1);
+    });
+
+    it("formats counts and maps highlight levels", () => {
+        const vm = new NotificationBadgeViewModel({
+            symbol: null,
+            count: 3,
+            level: NotificationLevel.Notification,
+        });
+
+        vm.setNotificationData({
+            symbol: null,
+            count: 4,
+            level: NotificationLevel.Unsent,
+        });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            shouldRender: true,
+            isVisible: true,
+            symbol: "4",
+            isHighlight: true,
+            badgeType: "badge_2char",
+        });
+    });
+
+    it("hides activity badges when hide bold is enabled", () => {
+        const vm = new NotificationBadgeViewModel({
+            symbol: "",
+            count: 1,
+            level: NotificationLevel.Activity,
+        });
+
+        vm.setHideBold(true);
+
+        expect(vm.getSnapshot().shouldRender).toBe(false);
+    });
+
+    it("updates clickable options without emitting for unchanged values", () => {
+        const onClick = jest.fn();
+        const vm = new NotificationBadgeViewModel({
+            symbol: "!",
+            count: 0,
+            level: NotificationLevel.Highlight,
+            onClick,
+            ariaLabel: "Jump to unread",
+            tabIndex: 0,
+        });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setClickOptions({
+            onClick,
+            ariaLabel: "Jump to unread",
+            tabIndex: 0,
+        });
+        expect(listener).not.toHaveBeenCalled();
+
+        vm.setClickOptions({
+            onClick,
+            ariaLabel: "Jump to first unread room",
+            tabIndex: 0,
+        });
+
+        expect(listener).toHaveBeenCalledTimes(1);
+        expect(vm.getSnapshot()).toMatchObject({
+            isClickable: true,
+            ariaLabel: "Jump to first unread room",
+            tabIndex: 0,
+        });
+    });
+});
diff --git a/apps/web/test/viewmodels/room/notification-badge/UnreadNotificationBadgeViewModel-test.ts b/apps/web/test/viewmodels/room/notification-badge/UnreadNotificationBadgeViewModel-test.ts
new file mode 100644
index 00000000000..05b3497cad9
--- /dev/null
+++ b/apps/web/test/viewmodels/room/notification-badge/UnreadNotificationBadgeViewModel-test.ts
@@ -0,0 +1,117 @@
+/*
+ * 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 { NotificationCountType, PendingEventOrdering, Room, RoomEvent } from "matrix-js-sdk/src/matrix";
+
+import type { MatrixClient } from "matrix-js-sdk/src/matrix";
+import { stubClient } from "../../../test-utils/test-utils";
+import { UnreadNotificationBadgeViewModel } from "../../../../src/viewmodels/room/notification-badge/UnreadNotificationBadgeViewModel";
+
+describe("UnreadNotificationBadgeViewModel", () => {
+    let client: MatrixClient;
+    let room: Room;
+    const trackedRoomEvents = [
+        RoomEvent.UnreadNotifications,
+        RoomEvent.Receipt,
+        RoomEvent.Timeline,
+        RoomEvent.Redaction,
+        RoomEvent.LocalEchoUpdated,
+        RoomEvent.MyMembership,
+    ];
+
+    beforeEach(() => {
+        client = stubClient();
+        room = new Room("!room:example.org", client, "@user:example.org", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+    });
+
+    function setUnreads(greys: number, reds: number): void {
+        room.setUnreadNotificationCount(NotificationCountType.Total, greys);
+        room.setUnreadNotificationCount(NotificationCountType.Highlight, reds);
+    }
+
+    it("computes the initial snapshot from unread state", () => {
+        setUnreads(12, 0);
+
+        const vm = new UnreadNotificationBadgeViewModel({ room });
+
+        expect(vm.getSnapshot()).toMatchObject({
+            shouldRender: true,
+            isVisible: true,
+            isNotification: true,
+            isHighlight: false,
+            badgeType: "badge_2char",
+            symbol: "12",
+        });
+
+        vm.dispose();
+    });
+
+    it("updates when the room unread state changes", () => {
+        const vm = new UnreadNotificationBadgeViewModel({ room });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        setUnreads(0, 2);
+
+        expect(vm.getSnapshot()).toMatchObject({
+            isHighlight: true,
+            symbol: "2",
+        });
+        expect(listener).toHaveBeenCalled();
+
+        vm.dispose();
+    });
+
+    it("skips unchanged force-dot setter updates", () => {
+        setUnreads(1, 0);
+        const vm = new UnreadNotificationBadgeViewModel({ room, forceDot: false });
+        const listener = jest.fn();
+        vm.subscribe(listener);
+
+        vm.setForceDot(false);
+
+        expect(listener).not.toHaveBeenCalled();
+
+        vm.setForceDot(true);
+
+        expect(listener).toHaveBeenCalledTimes(1);
+        expect(vm.getSnapshot().badgeType).toBe("dot");
+
+        vm.dispose();
+    });
+
+    it("moves room event listeners when the room changes", () => {
+        const nextRoom = new Room("!next:example.org", client, "@user:example.org", {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        const initialRoomListenerCounts = new Map(
+            trackedRoomEvents.map((eventName) => [eventName, room.listenerCount(eventName)]),
+        );
+        const initialNextRoomListenerCounts = new Map(
+            trackedRoomEvents.map((eventName) => [eventName, nextRoom.listenerCount(eventName)]),
+        );
+        const vm = new UnreadNotificationBadgeViewModel({ room });
+
+        for (const eventName of trackedRoomEvents) {
+            expect(room.listenerCount(eventName)).toBe(initialRoomListenerCounts.get(eventName)! + 1);
+        }
+
+        vm.setRoom(nextRoom);
+
+        for (const eventName of trackedRoomEvents) {
+            expect(room.listenerCount(eventName)).toBe(initialRoomListenerCounts.get(eventName));
+            expect(nextRoom.listenerCount(eventName)).toBe(initialNextRoomListenerCounts.get(eventName)! + 1);
+        }
+
+        vm.dispose();
+        for (const eventName of trackedRoomEvents) {
+            expect(nextRoom.listenerCount(eventName)).toBe(initialNextRoomListenerCounts.get(eventName));
+        }
+    });
+});
diff --git a/apps/web/test/viewmodels/room/right-panel/WidgetContextMenuViewModel-test.tsx b/apps/web/test/viewmodels/room/right-panel/WidgetContextMenuViewModel-test.tsx
new file mode 100644
index 00000000000..6c99855fda1
--- /dev/null
+++ b/apps/web/test/viewmodels/room/right-panel/WidgetContextMenuViewModel-test.tsx
@@ -0,0 +1,291 @@
+/*
+ * 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/room/right-panel/WidgetContextMenuViewModel";
+import { stubClient } from "../../../test-utils";
+import WidgetUtils from "../../../../src/utils/WidgetUtils";
+import { type IApp } from "../../../../src/utils/WidgetUtils-types";
+import { 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, "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/apps/web/tsconfig.json b/apps/web/tsconfig.json
new file mode 100644
index 00000000000..062ece0938a
--- /dev/null
+++ b/apps/web/tsconfig.json
@@ -0,0 +1,39 @@
+{
+    "compilerOptions": {
+        "allowImportingTsExtensions": true,
+        "experimentalDecorators": false,
+        "emitDecoratorMetadata": false,
+        "resolveJsonModule": true,
+        "esModuleInterop": true,
+        "useDefineForClassFields": true,
+        "module": "preserve",
+        "moduleResolution": "bundler",
+        "target": "es2022",
+        "noUnusedLocals": true,
+        "sourceMap": false,
+        "noEmit": true,
+        "declaration": true,
+        "jsx": "react",
+        "lib": ["es2022", "es2024.promise", "dom", "dom.iterable", "ESNext.Collection"],
+        "strict": true,
+        "types": ["node", "modernizr"],
+        "paths": {
+            "jest-matrix-react": ["./test/test-utils/jest-matrix-react"],
+            "test-utils-rtl": ["./test/test-utils/jest-matrix-react"],
+            "test-utils": ["./test/test-utils"],
+            "test-utils/*": ["./test/test-utils/*"],
+            "jest-mock-vitest-adapter": ["./test/setup/adapter.ts"]
+        },
+        "skipLibCheck": true
+    },
+    "include": [
+        "./node_modules/matrix-js-sdk/src/@types/*.d.ts",
+        "./src/**/*.ts",
+        "./src/**/*.tsx",
+        "./test/**/*.ts",
+        "./test/**/*.tsx",
+        "./scripts/*.ts",
+        "./@types/*.d.ts",
+        "./webpack.config.ts"
+    ]
+}
diff --git a/apps/web/tsconfig.module_system.json b/apps/web/tsconfig.module_system.json
new file mode 100644
index 00000000000..99d6a36ce90
--- /dev/null
+++ b/apps/web/tsconfig.module_system.json
@@ -0,0 +1,12 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "allowImportingTsExtensions": true,
+        "jsx": "preserve",
+        "declaration": false,
+        "outDir": "./lib/module_system",
+        "lib": ["es2022"],
+        "types": ["node"]
+    },
+    "include": ["./module_system/**/*.ts"]
+}
diff --git a/apps/web/vitest.config.ts b/apps/web/vitest.config.ts
new file mode 100644
index 00000000000..7b36f631e88
--- /dev/null
+++ b/apps/web/vitest.config.ts
@@ -0,0 +1,72 @@
+/*
+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 { fileURLToPath } from "node:url";
+import { defineProject } from "vitest/config";
+import svgr from "vite-plugin-svgr";
+
+function resolve(specifier: string): string {
+    return fileURLToPath(import.meta.resolve(specifier));
+}
+
+export default defineProject({
+    resolve: {
+        alias: [
+            { find: "test-utils-rtl", replacement: resolve("./test/test-utils/vitest-matrix-react") },
+            { find: "test-utils", replacement: resolve("./test/test-utils") },
+            // Stub out workers as they do not play well under test
+            {
+                find: /.*workers\/(.+)Factory/,
+                replacement: resolve("./__mocks__/workerFactoryMock.js"),
+            },
+            {
+                find: /.*waveWorker\.min\.js$/,
+                replacement: resolve("./__mocks__/empty.js"),
+            },
+            {
+                find: /.*decoderWorker\.min\.js$/,
+                replacement: resolve("./__mocks__/empty.js"),
+            },
+            {
+                find: /.*decoderWorker\.min\.wasm$/,
+                replacement: resolve("./__mocks__/empty.js"),
+            },
+            // Stub this out as we lack AudioWorkletProcessor in the test env
+            {
+                find: "./recorderWorkletFactory",
+                replacement: resolve("./__mocks__/empty.js"),
+            },
+            // Stub out legacy modules so we don't need to build them first
+            {
+                find: "../modules.js",
+                replacement: resolve("./__mocks__/empty.js"),
+            },
+        ],
+    },
+    test: {
+        include: ["src/**/*.test.{ts,tsx}"],
+        environment: "node",
+        pool: "threads",
+        globals: false,
+        setupFiles: ["src/test/setupTests.ts"],
+        environmentOptions: {
+            happyDOM: {
+                url: "http://localhost/",
+            },
+        },
+        snapshotSerializers: [resolve("./src/test/react-use-id-serializer.ts")],
+    },
+    plugins: [
+        svgr({
+            svgrOptions: {
+                ref: true,
+                svgProps: { "role": "presentation", "aria-hidden": "true" },
+                expandProps: "end",
+            },
+        }),
+    ],
+});
diff --git a/apps/web/webpack.config.ts b/apps/web/webpack.config.ts
new file mode 100644
index 00000000000..67201cd970b
--- /dev/null
+++ b/apps/web/webpack.config.ts
@@ -0,0 +1,881 @@
+/*
+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 dotenv from "dotenv";
+import path from "node:path";
+import fs from "node:fs";
+import { fileURLToPath } from "node:url";
+import webpack from "webpack";
+import "webpack-dev-server"; // for types
+import HtmlWebpackPlugin from "html-webpack-plugin";
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import TerserPlugin from "terser-webpack-plugin";
+import CssMinimizerPlugin from "css-minimizer-webpack-plugin";
+import HtmlWebpackInjectPreload from "@principalstudio/html-webpack-inject-preload";
+import CopyWebpackPlugin from "copy-webpack-plugin";
+import VersionFilePlugin from "webpack-version-file-plugin";
+import { RetryChunkLoadPlugin } from "webpack-retry-chunk-load-plugin";
+import postcssSimpleVars from "postcss-simple-vars";
+import postcssHexrgba from "postcss-hexrgba";
+import postcssPresetEnv from "postcss-preset-env";
+import postcssImport from "postcss-import";
+import postcssMixins from "postcss-mixins";
+import postcssNested from "postcss-nested";
+import postcssEasings from "postcss-easings";
+
+import pkgJson from "./package.json" with { type: "json" };
+import componentsJson from "./components.json" with { type: "json" };
+import { I18nWebpackPlugin } from "./I18nWebpackPlugin.ts";
+import type { sentryWebpackPlugin as sentryWebpackPluginType } from "@sentry/webpack-plugin/webpack5";
+
+// Environment variables
+// RIOT_OG_IMAGE_URL: specifies the URL to the image which should be used for the opengraph logo.
+// CSP_EXTRA_SOURCE: specifies a URL which should be appended to each CSP directive which uses 'self',
+//   this can be helpful if your deployment has redirects for old bundles, such as develop.element.io.
+
+let sentryWebpackPlugin: typeof sentryWebpackPluginType | undefined;
+// This plugin throws an error on import on some platforms like ppc64le & s390x even if the plugin isn't called,
+// so we import it conditionally.
+if (process.env.SENTRY_DSN) {
+    try {
+        ({ sentryWebpackPlugin } = await import("@sentry/webpack-plugin/webpack5"));
+    } catch (e) {
+        console.warn("Failed to load sentry plugin", e);
+    }
+}
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+dotenv.config();
+let ogImageUrl = process.env.RIOT_OG_IMAGE_URL;
+if (!ogImageUrl) ogImageUrl = "https://app.element.io/themes/element/img/logos/opengraph.png";
+
+const cssThemes = {
+    // CSS themes
+    "theme-legacy-light": "./res/themes/legacy-light/css/legacy-light.pcss",
+    "theme-legacy-dark": "./res/themes/legacy-dark/css/legacy-dark.pcss",
+    "theme-light": "./res/themes/light/css/light.pcss",
+    "theme-light-high-contrast": "./res/themes/light-high-contrast/css/light-high-contrast.pcss",
+    "theme-dark": "./res/themes/dark/css/dark.pcss",
+    "theme-light-custom": "./res/themes/light-custom/css/light-custom.pcss",
+    "theme-dark-custom": "./res/themes/dark-custom/css/dark-custom.pcss",
+};
+
+// See docs/customisations.md
+let fileOverrides = {/* {[file: string]: string} */};
+try {
+    const customisationsFile = fs.readFileSync("./customisations.json", "utf-8");
+    fileOverrides = JSON.parse(customisationsFile);
+
+    // stringify the output so it appears in logs correctly, as large files can sometimes get
+    // represented as `<Object>` which is less than helpful.
+    console.log("Using customisations.json : " + JSON.stringify(fileOverrides, null, 4));
+
+    process.on("exit", () => {
+        console.log(""); // blank line
+        console.warn("!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
+        console.warn("!! Customisations have been deprecated and will be removed in a future release      !!");
+        console.warn("!! See https://github.com/element-hq/element-web/blob/develop/docs/customisations.md !!");
+        console.warn("!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
+        console.log(""); // blank line
+    });
+} catch {
+    // ignore - not important
+}
+
+// Get the root of a node_modules dependency the name of its import
+function getPackageRoot(dep: string, target = "package.json"): string {
+    const targetPath = import.meta.resolve(`${dep}${target ? "/" + target : ""}`);
+    return path.dirname(fileURLToPath(targetPath));
+}
+
+function parseOverridesToReplacements(overrides: Record<string, string>): webpack.NormalModuleReplacementPlugin[] {
+    return Object.entries(overrides).map(([oldPath, newPath]) => {
+        return new webpack.NormalModuleReplacementPlugin(
+            // because the input is effectively defined by the person running the build, we don't
+            // need to do anything special to protect against regex overrunning, etc.
+            new RegExp(oldPath.replace(/\//g, "[\\/\\\\]").replace(/\./g, "\\.")),
+            function (resource) {
+                resource.request = path.resolve(__dirname, newPath);
+                resource.createData.resource = path.resolve(__dirname, newPath);
+                // Starting with Webpack 5 we also need to set the context as otherwise replacing
+                // files in e.g. matrix-js-sdk with files from element-web will try to resolve
+                // them within matrix-js-sdk (https://github.com/webpack/webpack/issues/17716)
+                resource.context = path.dirname(resource.request);
+                resource.createData.context = path.dirname(resource.createData.resource);
+            },
+        );
+    });
+}
+
+const moduleReplacementPlugins = [
+    ...parseOverridesToReplacements(componentsJson),
+
+    // Allow customisations to override the default components too
+    ...parseOverridesToReplacements(fileOverrides),
+];
+
+export default (env: string, argv: Record<string, any>): webpack.Configuration => {
+    // Establish settings based on the environment and args.
+    //
+    // argv.mode is always set to "production" by pnpm build
+    //      (called to build prod, nightly and develop.element.io)
+    // arg.mode is set to "development" by pnpm start
+    //      (called by developers, runs the continuous reload script)
+    // process.env.CI_PACKAGE is set when pnpm build is called from scripts/ci_package.sh
+    //      (called to build nightly and develop.element.io)
+    const nodeEnv = argv.mode;
+    const devMode = nodeEnv !== "production";
+    const enableMinification = !devMode && !process.env.CI_PACKAGE;
+
+    let VERSION = process.env.VERSION;
+    if (!VERSION) {
+        VERSION = pkgJson.version;
+        if (devMode) {
+            VERSION += "-dev";
+        }
+    }
+
+    const development: Pick<webpack.Configuration, "devtool"> = {};
+    if (devMode) {
+        // Embedded source maps for dev builds, can't use eval-source-map due to CSP
+        development["devtool"] = "inline-source-map";
+    } else {
+        // High quality source maps in separate .map files which include the source. This doesn't bulk up the .js
+        // payload file size, which is nice for performance but also necessary to get the bundle to a small enough
+        // size that sentry will accept the upload.
+        development["devtool"] = "source-map";
+    }
+
+    // Resolve the directories for the js-sdk for later use. We resolve these early, so we
+    // don't have to call them over and over. We also resolve to the package.json instead of the src
+    // directory, so we don't have to rely on an index.js or similar file existing.
+    const jsSdkSrcDir = path.join(getPackageRoot("matrix-js-sdk"), "src");
+
+    return {
+        ...development,
+
+        experiments: {
+            asyncWebAssembly: true,
+        },
+
+        bail: true,
+
+        entry: {
+            bundle: "./src/vector/index.ts",
+            mobileguide: "./src/vector/mobile_guide/index.ts",
+            jitsi: "./src/vector/jitsi/index.ts",
+            usercontent: "./src/usercontent/index.ts",
+            serviceworker: {
+                import: "./src/serviceworker/index.ts",
+                filename: "sw.js", // update WebPlatform if this changes
+            },
+            ...cssThemes,
+        },
+
+        optimization: {
+            // Put all of our CSS into one useful place - this is needed for MiniCssExtractPlugin.
+            // Previously we used a different extraction plugin that did this magic for us, but
+            // now we need to consider that the CSS needs to be bundled up together.
+            splitChunks: {
+                cacheGroups: {
+                    styles: {
+                        name: "styles",
+                        test: /\.css$/,
+                        enforce: true,
+                        // Do not add `chunks: 'all'` here because you'll break the app entry point.
+                    },
+
+                    // put the unhomoglyph data in its own file. It contains
+                    // magic characters which mess up line numbers in the
+                    // javascript debugger.
+                    unhomoglyph_data: {
+                        name: "unhomoglyph_data",
+                        test: /unhomoglyph\/data\.json$/,
+                        enforce: true,
+                        chunks: "all",
+                    },
+
+                    default: {
+                        reuseExistingChunk: true,
+                    },
+                },
+            },
+
+            // Readable IDs for better debugging
+            moduleIds: "named",
+
+            // Minification is normally enabled by default for webpack in production mode, but
+            // we use a CSS optimizer too and need to manage it ourselves.
+            minimize: enableMinification,
+            minimizer: enableMinification
+                ? [
+                      new TerserPlugin({
+                          exclude: [
+                              // Already minified and includes an auto-generated license comment
+                              // that the plugin would otherwise pointlessly extract into a separate
+                              // file. We add the actual license using CopyWebpackPlugin below.
+                              "jitsi_external_api.min.js",
+                              // Already minified by Element Call's build process (and Terser has
+                              // issues with some Unicode characters found within)
+                              // https://github.com/terser/terser/issues/1677
+                              "widgets/element-call/",
+                          ],
+                      }),
+                      new CssMinimizerPlugin(),
+                  ]
+                : [],
+
+            // Set the value of `process.env.NODE_ENV` for libraries like React
+            // See also https://v4.webpack.js.org/configuration/optimization/#optimizationnodeenv
+            nodeEnv,
+        },
+
+        resolve: {
+            // We need to specify that TS can be resolved without an extension
+            extensions: [".js", ".json", ".ts", ".tsx"],
+            alias: {
+                // alias any requires to the react module to the one in our path,
+                // otherwise we tend to get the react source included twice when
+                // using linked dependencies.
+                "react": getPackageRoot("react"),
+                "react-dom": getPackageRoot("react-dom"),
+
+                // Same goes for js/react-sdk - we don't need two copies.
+                "matrix-js-sdk": getPackageRoot("matrix-js-sdk"),
+                "@matrix-org/react-sdk-module-api": getPackageRoot("@matrix-org/react-sdk-module-api"),
+                // and matrix-widget-api
+                "matrix-widget-api": getPackageRoot("matrix-widget-api"),
+
+                // Make shared-components imports resolve to EW deps
+                "@vector-im/compound-web": getPackageRoot("@vector-im/compound-web", ""),
+            },
+            fallback: {
+                // Mock out the NodeFS module: The opus decoder imports this wrongly.
+                "fs": false,
+                "net": false,
+                "tls": false,
+                "crypto": false,
+                "events": import.meta.resolve("events/"),
+
+                // Polyfill needed by counterpart
+                "util": import.meta.resolve("util/"),
+                // Polyfill needed by sentry
+                "process/browser": import.meta.resolve("process/browser"),
+            },
+
+            // Enable the custom "wasm-esm" export condition [1] to indicate to
+            // matrix-sdk-crypto-wasm that we support the ES Module Integration
+            // Proposal for WebAssembly [2].  The "..." magic value means "the
+            // default conditions" [3].
+            //
+            // [1]: https://nodejs.org/api/packages.html#conditional-exports
+            // [2]: https://github.com/webassembly/esm-integration
+            // [3]: https://github.com/webpack/webpack/issues/17692#issuecomment-1866272674.
+            conditionNames: ["matrix-org:wasm-esm", "..."],
+        },
+
+        // Some of our deps have broken source maps, so we have to ignore warnings or exclude them one-by-one
+        ignoreWarnings: [/Failed to parse source map/],
+
+        module: {
+            noParse: [
+                // for cross platform compatibility use [\\\/] as the path separator
+                // this ensures that the regex trips on both Windows and *nix
+
+                // don't parse the languages within highlight.js. They cause stack
+                // overflows (https://github.com/webpack/webpack/issues/1721), and
+                // there is no need for webpack to parse them - they can just be
+                // included as-is.
+                /highlight\.js[\\/]lib[\\/]languages/,
+            ],
+            rules: [
+                {
+                    // Match imports containing the ?raw query string
+                    resourceQuery: /raw/,
+                    // Instruct Webpack to emit the file source as a string
+                    type: "asset/source",
+                },
+                {
+                    test: /\.js$/,
+                    enforce: "pre" as const,
+                    use: ["source-map-loader"],
+                },
+                {
+                    test: /\.(ts|js)x?$/,
+                    include: (f: string) => {
+                        // our own source needs babel-ing
+                        if (f.startsWith(path.resolve(__dirname, "src"))) return true;
+
+                        // we use the original source files of js-sdk, so we need to
+                        // run them through babel. Because the path tested is the resolved, absolute
+                        // path, these could be anywhere thanks to linking. We must also not
+                        // include node modules inside these modules, so we add 'src'.
+                        if (f.startsWith(jsSdkSrcDir)) return true;
+
+                        // Some of the syntax in this package is not understood by
+                        // either webpack or our babel setup.
+                        // When we do get to upgrade our current setup, this should
+                        // probably be removed.
+                        if (f.includes(path.join("@vector-im", "compound-web"))) return true;
+
+                        // but we can't run all of our dependencies through babel (many of them still
+                        // use module.exports which breaks if babel injects an 'include' for its
+                        // polyfills: probably fixable but babeling all our dependencies is probably
+                        // not necessary anyway). So, for anything else, don't babel.
+                        return false;
+                    },
+                    loader: "babel-loader",
+                    options: {
+                        cacheDirectory: true,
+                        plugins: enableMinification ? ["babel-plugin-jsx-remove-data-test-id"] : [],
+                    },
+                },
+                {
+                    test: /\.css$/,
+                    resourceQuery: { not: [/raw/] },
+                    use: [
+                        MiniCssExtractPlugin.loader,
+                        {
+                            loader: "css-loader",
+                            options: {
+                                importLoaders: 1,
+                                sourceMap: true,
+                                esModule: false,
+                            },
+                        },
+                        {
+                            loader: "postcss-loader",
+                            ident: "postcss",
+                            options: {
+                                sourceMap: true,
+                                postcssOptions: () => ({
+                                    "plugins": [
+                                        // Note that we use significantly fewer plugins on the plain
+                                        // CSS parser. If we start to parse plain CSS, we end with all
+                                        // kinds of nasty problems (like stylesheets not loading).
+                                        //
+                                        // You might have noticed that we're also sending regular CSS
+                                        // through PostCSS. This looks weird, and in fact is probably
+                                        // not what you'd expect, however in order for our CSS build
+                                        // to work nicely we have to do this. Because down the line
+                                        // our SCSS stylesheets reference plain CSS we have to load
+                                        // the plain CSS through PostCSS so it can find it safely. This
+                                        // also acts like a babel-for-css by transpiling our (S)CSS
+                                        // down/up to the right browser support (prefixes, etc).
+                                        // Further, if we don't do this then PostCSS assumes that our
+                                        // plain CSS is SCSS and it really doesn't like that, even
+                                        // though plain CSS should be compatible. The chunking options
+                                        // at the top of this webpack config help group the SCSS and
+                                        // plain CSS together for the bundler.
+
+                                        postcssSimpleVars(),
+                                        postcssHexrgba(),
+
+                                        // It's important that this plugin is last otherwise we end
+                                        // up with broken CSS.
+                                        postcssPresetEnv({ stage: 3, browsers: "last 2 versions" }),
+                                    ],
+                                    "parser": "postcss-scss",
+                                    "local-plugins": true,
+                                }),
+                            },
+                        },
+                    ],
+                },
+                {
+                    test: /\.pcss$/,
+                    use: [
+                        MiniCssExtractPlugin.loader,
+                        {
+                            loader: "css-loader",
+                            options: {
+                                importLoaders: 1,
+                                sourceMap: true,
+                                esModule: false,
+                            },
+                        },
+                        {
+                            loader: "postcss-loader",
+                            ident: "postcss",
+                            options: {
+                                sourceMap: true,
+                                postcssOptions: () => ({
+                                    "plugins": [
+                                        // Note that we use slightly different plugins for PostCSS.
+                                        postcssImport(),
+                                        postcssMixins(),
+                                        postcssSimpleVars(),
+                                        postcssNested(),
+                                        postcssEasings(),
+                                        postcssHexrgba(),
+
+                                        // It's important that this plugin is last otherwise we end
+                                        // up with broken CSS.
+                                        postcssPresetEnv({ stage: 3, browsers: "last 2 versions" }),
+                                    ],
+                                    "parser": "postcss-scss",
+                                    "local-plugins": true,
+                                }),
+                            },
+                        },
+                    ],
+                },
+                {
+                    // Fix up the name of the opus-recorder worker (react-sdk dependency).
+                    // We more or less just want it to be clear it's for opus and not something else.
+                    test: /encoderWorker\.min\.js$/,
+                    loader: "file-loader",
+                    type: "javascript/auto",
+                    options: {
+                        // We deliberately override the name so it makes sense in debugging
+                        name: "opus-encoderWorker.min.[hash:7].[ext]",
+                        outputPath: ".",
+                    },
+                },
+                {
+                    // Ideally we should use the built-in worklet support in Webpack 5 with the syntax
+                    // described in https://github.com/webpack/webpack.js.org/issues/6869. However, this
+                    // doesn't currently appear to work with our public path setup. So we handle this
+                    // with a custom loader instead.
+                    test: /RecorderWorklet\.ts$/,
+                    type: "javascript/auto",
+                    use: [
+                        {
+                            loader: path.join(__dirname, "recorder-worklet-loader.cjs"),
+                        },
+                        {
+                            loader: "babel-loader",
+                        },
+                    ],
+                },
+                {
+                    // This is from the same place as the encoderWorker above, but only needed
+                    // for Safari support.
+                    test: /decoderWorker\.min\.js$/,
+                    loader: "file-loader",
+                    type: "javascript/auto", // https://github.com/webpack/webpack/issues/6725
+                    options: {
+                        // We deliberately override the name so it makes sense in debugging
+                        name: "opus-decoderWorker.min.[hash:7].[ext]",
+                        outputPath: ".",
+                    },
+                },
+                {
+                    // The decoderWorker wants to load its own wasm, rather than have webpack do it.
+                    // We therefore use the `file-loader` to tell webpack to dump the contents to
+                    // a separate file and return the name, and override the default `type` for `.wasm` files
+                    // (which is `webassembly/experimental` under webpack 4) to stop webpack trying to interpret
+                    // the filename as webassembly. (see also https://github.com/webpack/webpack/issues/6725)
+                    test: /decoderWorker\.min\.wasm$/,
+                    loader: "file-loader",
+                    type: "javascript/auto",
+                    options: {
+                        // We deliberately don't change the name because the decoderWorker has this
+                        // hardcoded. This is here to avoid the default wasm rule from adding a hash.
+                        name: "decoderWorker.min.wasm",
+                        outputPath: ".",
+                    },
+                },
+                {
+                    // This is from the same place as the encoderWorker above, but only needed
+                    // for Safari support.
+                    test: /waveWorker\.min\.js$/,
+                    loader: "file-loader",
+                    type: "javascript/auto", // https://github.com/webpack/webpack/issues/6725
+                    options: {
+                        // We deliberately override the name so it makes sense in debugging
+                        name: "wave-encoderWorker.min.[hash:7].[ext]",
+                        outputPath: ".",
+                    },
+                },
+                {
+                    // cache-bust languages.json file placed in
+                    // element-web/webapp/i18n during build by copy-res.ts
+                    test: /\.*languages.json$/,
+                    type: "javascript/auto",
+                    loader: "file-loader",
+                    options: {
+                        name: "i18n/[name].[hash:7].[ext]",
+                    },
+                },
+                {
+                    test: /\.svg$/,
+                    issuer: /\.(js|ts|jsx|tsx|html)$/,
+                    resourceQuery: /react/,
+                    loader: "@svgr/webpack",
+                    options: {
+                        svgProps: {
+                            "role": "presentation",
+                            "aria-hidden": true,
+                        },
+                        // props set on the svg will override defaults
+                        expandProps: "end",
+                        svgoConfig: {
+                            plugins: [
+                                {
+                                    name: "preset-default",
+                                    params: {
+                                        overrides: {
+                                            removeViewBox: false,
+                                        },
+                                    },
+                                },
+                                // generates a viewbox if missing
+                                { name: "removeDimensions" },
+                                // https://github.com/facebook/docusaurus/issues/8297
+                                { name: "prefixIds" },
+                            ],
+                        },
+                        /**
+                         * Forwards the React ref to the root SVG element
+                         * Useful when using things like `asChild` in
+                         * radix-ui
+                         */
+                        ref: true,
+                        esModule: false,
+                    },
+                },
+                {
+                    test: /\.svg$/,
+                    issuer: /\.(js|ts|jsx|tsx|html)$/,
+                    resourceQuery: { not: [/raw/, /react/] },
+                    loader: "file-loader",
+                    options: {
+                        esModule: false,
+                        name: "[name].[hash:7].[ext]",
+                        outputPath: getAssetOutputPath,
+                        publicPath: function (url: string, resourcePath: string) {
+                            const outputPath = getAssetOutputPath(url, resourcePath);
+                            return toPublicPath(outputPath);
+                        },
+                    },
+                },
+                {
+                    test: /\.svg$/,
+                    issuer: /\.(pcss|scss|css)$/,
+                    use: [
+                        {
+                            loader: "file-loader",
+                            options: {
+                                esModule: false,
+                                name: "[name].[hash:7].[ext]",
+                                outputPath: getAssetOutputPath,
+                                publicPath: function (url: string, resourcePath: string) {
+                                    // CSS image usages end up in the `bundles/[hash]` output
+                                    // directory, so we adjust the final path to navigate up
+                                    // twice.
+                                    const outputPath = getAssetOutputPath(url, resourcePath);
+                                    return toPublicPath(path.join("../..", outputPath));
+                                },
+                            },
+                        },
+                    ],
+                },
+                {
+                    test: /\.(gif|png|ttf|woff|woff2|xml|ico)$/,
+                    // Use a content-based hash in the name so that we can set a long cache
+                    // lifetime for assets while still delivering changes quickly.
+                    oneOf: [
+                        {
+                            // Assets referenced in CSS files
+                            issuer: /\.(pcss|scss|css)$/,
+                            loader: "file-loader",
+                            options: {
+                                esModule: false,
+                                name: "[name].[hash:7].[ext]",
+                                outputPath: getAssetOutputPath,
+                                publicPath: function (url: string, resourcePath: string) {
+                                    // CSS image usages end up in the `bundles/[hash]` output
+                                    // directory, so we adjust the final path to navigate up
+                                    // twice.
+                                    const outputPath = getAssetOutputPath(url, resourcePath);
+                                    return toPublicPath(path.join("../..", outputPath));
+                                },
+                            },
+                        },
+                        {
+                            // Assets referenced in HTML and JS files
+                            loader: "file-loader",
+                            options: {
+                                esModule: false,
+                                name: "[name].[hash:7].[ext]",
+                                outputPath: getAssetOutputPath,
+                                publicPath: function (url: string, resourcePath: string) {
+                                    const outputPath = getAssetOutputPath(url, resourcePath);
+                                    return toPublicPath(outputPath);
+                                },
+                            },
+                        },
+                    ],
+                },
+            ],
+        },
+
+        plugins: [
+            ...moduleReplacementPlugins,
+
+            new I18nWebpackPlugin({
+                stringsPath: "src/i18n/strings/",
+                additionalStringsPaths: ["../../packages/shared-components/src/i18n/strings/"],
+            }),
+
+            // This exports our CSS using the splitChunks and loaders above.
+            new MiniCssExtractPlugin({
+                filename: "bundles/[fullhash]/[name].css",
+                chunkFilename: "bundles/[fullhash]/[name].css",
+                ignoreOrder: false, // Enable to remove warnings about conflicting order
+            }),
+
+            // This is the app's main entry point.
+            new HtmlWebpackPlugin({
+                template: "./src/vector/index.html",
+
+                // we inject the links ourselves via the template, because
+                // HtmlWebpackPlugin will screw up our formatting like the names
+                // of the themes and which chunks we actually care about.
+                inject: false,
+                excludeChunks: ["mobileguide", "usercontent", "jitsi", "serviceworker"],
+                minify: false,
+                templateParameters: {
+                    og_image_url: ogImageUrl,
+                    csp_extra_source: process.env.CSP_EXTRA_SOURCE ?? "",
+                },
+            }),
+
+            // This is the jitsi widget wrapper (embedded, so isolated stack)
+            new HtmlWebpackPlugin({
+                template: "./src/vector/jitsi/index.html",
+                filename: "jitsi.html",
+                minify: false,
+                chunks: ["jitsi"],
+            }),
+
+            // This is the mobile guide's entry point (separate for faster mobile loading)
+            new HtmlWebpackPlugin({
+                template: "./src/vector/mobile_guide/index.html",
+                filename: "mobile_guide/index.html",
+                minify: false,
+                chunks: ["mobileguide"],
+            }),
+
+            // These are the static error pages for when the javascript env is *really unsupported*
+            new HtmlWebpackPlugin({
+                template: "./src/vector/static/unable-to-load.html",
+                filename: "static/unable-to-load.html",
+                minify: false,
+                chunks: [],
+            }),
+            new HtmlWebpackPlugin({
+                template: "./src/vector/static/incompatible-browser.html",
+                filename: "static/incompatible-browser.html",
+                minify: false,
+                chunks: [],
+            }),
+
+            // This is the usercontent sandbox's entry point (separate for iframing)
+            new HtmlWebpackPlugin({
+                template: "./src/usercontent/index.html",
+                filename: "usercontent/index.html",
+                minify: false,
+                chunks: ["usercontent"],
+            }),
+
+            new HtmlWebpackInjectPreload({
+                files: [{ match: /.*Inter.*\.woff2$/, attributes: {} }],
+            }),
+
+            // Upload to sentry if sentry env is present
+            sentryWebpackPlugin?.({
+                release: {
+                    name: VERSION,
+                    inject: false,
+                },
+                sourcemaps: {
+                    assets: "./webapp/bundles/**",
+                },
+                errorHandler: (err) => {
+                    console.warn("Sentry CLI Plugin: " + err.message);
+                    console.log(`::warning title=Sentry error::${err.message}`);
+                },
+            }),
+
+            new CopyWebpackPlugin({
+                patterns: [
+                    "res/apple-app-site-association",
+                    { from: ".well-known/**", context: path.resolve(__dirname, "res") },
+                    "res/jitsi_external_api.min.js",
+                    "res/jitsi_external_api.min.js.LICENSE.txt",
+                    "res/manifest.json",
+                    { from: "themes/**", context: path.resolve(__dirname, "res") },
+                    { from: "vector-icons/**", context: path.resolve(__dirname, "res") },
+                    { from: "decoder-ring/**", context: path.resolve(__dirname, "res") },
+                    { from: "media/**", context: path.resolve(__dirname, "res/") },
+                    { from: "config.json", noErrorOnMissing: true },
+                    // Element Call embedded widget
+                    {
+                        from: "**",
+                        context: path.join(getPackageRoot("@element-hq/element-call-embedded"), "dist"),
+                        to: path.join(__dirname, "webapp", "widgets", "element-call"),
+                    },
+                    // Mobile guide assets
+                    {
+                        from: "assets/**",
+                        context: path.resolve(__dirname, "src/vector/mobile_guide"),
+                        to: "mobile_guide",
+                    },
+                ],
+            }),
+
+            // Automatically load buffer & process modules as we use them without explicitly
+            // importing them
+            new webpack.ProvidePlugin({
+                process: "process/browser",
+            }),
+
+            // We bake the version in so the app knows its version immediately
+            new webpack.DefinePlugin({ "process.env.VERSION": JSON.stringify(VERSION) }),
+            // But we also write it to a file which gets polled for update detection
+            new VersionFilePlugin({
+                outputFile: "version",
+                templateString: "<%= extras.VERSION %>",
+                extras: { VERSION },
+            }),
+
+            // Due to issues such as https://github.com/vector-im/element-web/issues/25277 we should retry chunk loading
+            new RetryChunkLoadPlugin({
+                cacheBust: `() => Date.now()`,
+                retryDelay: 500,
+                maxRetries: 3,
+            }),
+        ],
+
+        output: {
+            path: path.join(__dirname, "webapp"),
+
+            // There are a lot of assets that need to be kept in sync with each other
+            // (once a user loads one version of the app, they need to keep being served
+            // assets for that version).
+            //
+            // To deal with this, we try to put as many as possible of the referenced assets
+            // into a build-specific subdirectory. This includes generated javascript, as well
+            // as CSS extracted by the MiniCssExtractPlugin (see config above) and WASM modules
+            // referenced via `import` statements.
+            //
+            // Hosting servers can then collect 'bundles' from multiple versions
+            // into one directory, and continue to serve them even after a new version is deployed.
+            // This allows users who loaded an older version of the application to continue to
+            // access assets even after the app is redeployed.
+            //
+            // See `scripts/deploy.py` for a script which manages the deployment in this way.
+            filename: "bundles/[fullhash]/[name].js",
+            chunkFilename: "bundles/[fullhash]/[name].js",
+            webassemblyModuleFilename: "bundles/[fullhash]/[modulehash].wasm",
+        },
+
+        // configuration for the webpack-dev-server
+        devServer: {
+            client: {
+                overlay: {
+                    // Only show overlay on build errors as anything more can get annoying quickly
+                    errors: true,
+                    warnings: false,
+                    runtimeErrors: false,
+                },
+            },
+
+            static: {
+                // Where to serve static assets from
+                directory: "./webapp",
+            },
+
+            devMiddleware: {
+                // Only output errors, warnings, or new compilations.
+                // This hides the massive list of modules.
+                stats: "minimal",
+                writeToDisk: true,
+            },
+
+            // Enable Hot Module Replacement without page refresh as a fallback in
+            // case of build failures
+            hot: "only",
+
+            // Disable host check
+            allowedHosts: "all",
+        },
+    };
+};
+
+/**
+ * Merge assets found via CSS and imports into a single tree, while also preserving
+ * directories under e.g. `res` or similar.
+ *
+ * @param url The adjusted name of the file, such as `warning.1234567.svg`.
+ * @param resourcePath The absolute path to the source file with unmodified name.
+ * @returns The returned paths will look like `img/warning.1234567.svg`.
+ */
+function getAssetOutputPath(url: string, resourcePath: string): string {
+    const isKaTeX = resourcePath.includes("KaTeX");
+    const isFontSource = resourcePath.includes("@fontsource");
+    const mobileGuideAssetsPath = path.join("mobile_guide", "assets");
+    const isMobileGuide = resourcePath.includes(mobileGuideAssetsPath);
+    // `res` is the parent dir for our own assets in various layers
+    // `dist` is the parent dir for KaTeX assets
+    // `files` is the parent dir for @fontsource assets
+    const prefix = /^.*[/\\](dist|res|files)[/\\]/;
+
+    /**
+     * Only needed for https://github.com/element-hq/element-web/pull/15939
+     * If keeping this, we are not able to load external assets such as SVG
+     * images coming from @vector-im/compound-web.
+     */
+    if (isKaTeX && !resourcePath.match(prefix)) {
+        throw new Error(`Unexpected asset path: ${resourcePath}`);
+    }
+    let outputDir = path.dirname(resourcePath).replace(prefix, "");
+
+    /**
+     * Imports from Compound are "absolute", we need to strip out the prefix
+     * coming before the npm package name.
+     *
+     * This logic is scoped to compound packages for now as they are the only
+     * package that imports external assets. This might need to be made more
+     * generic in the future
+     */
+    const compoundImportsPrefix = /@vector-im(?:\\|\/)compound-(.*?)(?:\\|\/)/;
+    const compoundMatch = outputDir.match(compoundImportsPrefix);
+    if (compoundMatch?.index !== undefined) {
+        outputDir = outputDir.substring(compoundMatch.index + compoundMatch[0].length);
+    }
+
+    if (isFontSource) {
+        outputDir = "fonts";
+    }
+
+    if (isMobileGuide) {
+        // Specific handling for the mobile guide assets, as they live alongside the page sources.
+        outputDir = mobileGuideAssetsPath;
+    }
+
+    if (isKaTeX) {
+        // Add a clearly named directory segment, rather than leaving the KaTeX
+        // assets loose in each asset type directory.
+        outputDir = path.join(outputDir, "KaTeX");
+    }
+    return path.join(outputDir, path.basename(url));
+}
+
+/**
+ * Convert path to public path format, which always uses forward slashes, since it will
+ * be placed directly into things like CSS files.
+ *
+ * @param path Some path to a file.
+ * @returns converted path
+ */
+function toPublicPath(path: string): string {
+    return path.replace(/\\/g, "/");
+}
diff --git a/babel.config.js b/babel.config.js
deleted file mode 100644
index 8d98fffcf86..00000000000
--- a/babel.config.js
+++ /dev/null
@@ -1,23 +0,0 @@
-module.exports = {
-    "sourceMaps": true,
-    "presets": [
-        ["@babel/preset-env", {
-            "targets": [
-                "last 2 Chrome versions", "last 2 Firefox versions", "last 2 Safari versions"
-            ],
-        }],
-        "@babel/preset-typescript",
-        "@babel/preset-flow",
-        "@babel/preset-react"
-    ],
-    "plugins": [
-        ["@babel/plugin-proposal-decorators", {legacy: true}],
-        "@babel/plugin-proposal-export-default-from",
-        "@babel/plugin-proposal-numeric-separator",
-        "@babel/plugin-proposal-class-properties",
-        "@babel/plugin-proposal-object-rest-spread",
-        "@babel/plugin-transform-flow-comments",
-        "@babel/plugin-syntax-dynamic-import",
-        "@babel/plugin-transform-runtime"
-    ]
-};
diff --git a/code_style.md b/code_style.md
new file mode 100644
index 00000000000..a53996f59f0
--- /dev/null
+++ b/code_style.md
@@ -0,0 +1,491 @@
+# Element Web/Desktop code style guide
+
+This code style applies to projects which the element-web team directly maintains or is reasonably
+adjacent to.
+
+## Guiding principles
+
+1. We want the lint rules to feel natural for most team members. No one should have to think too much
+   about the linter.
+2. We want to stay relatively close to [industry standards](https://google.github.io/styleguide/tsguide.html)
+   to make onboarding easier.
+3. We describe what good code looks like rather than point out bad examples. We do this to avoid
+   excessively punishing people for writing code which fails the linter.
+4. When something isn't covered by the style guide, we come up with a reasonable rule rather than
+   claim that it "passes the linter". We update the style guide and linter accordingly.
+5. While we aim to improve readability, understanding, and other aspects of the code, we deliberately
+   do not let solely our personal preferences drive decisions.
+6. We aim to have an understandable guide.
+
+## Coding practices
+
+1. Lint rules enforce decisions made by this guide. The lint rules and this guide are kept in
+   perfect sync.
+2. Commit messages are descriptive for the changes. When the project supports squash merging,
+   only the squashed commit needs to have a descriptive message.
+3. When there is disagreement with a code style approved by the linter, a PR is opened against
+   the lint rules rather than making exceptions on the responsible code PR.
+4. Rules which are intentionally broken (via eslint-ignore, @ts-ignore, etc) have a comment
+   included in the immediate vicinity for why. Determination of whether this is valid applies at
+   code review time.
+5. When editing a file, nearby code is updated to meet the modern standards. "Nearby" is subjective,
+   but should be whatever is reasonable at review time. Such an example might be to update the
+   class's code style, but not the file's.
+    1. These changes should be minor enough to include in the same commit without affecting a code
+       reviewer's job.
+
+## All code
+
+Unless otherwise specified, the following applies to all code:
+
+1. Files must be formatted with Oxfmt.
+2. 120 character limit per line. Match existing code in the file if it is using a lower guide.
+3. A tab/indentation is 4 spaces.
+4. Newlines are Unix.
+5. A file has a single empty line at the end.
+6. Lines are trimmed of all excess whitespace, including blank lines.
+7. Long lines are broken up for readability.
+
+## TypeScript / JavaScript
+
+1. Write TypeScript. Turn JavaScript into TypeScript when working in the area.
+2. Use [TSDoc](https://tsdoc.org/) to document your code. See [Comments](#comments) below.
+3. Use named exports.
+4. Use semicolons for block/line termination.
+    1. Except when defining interfaces, classes, and non-arrow functions specifically.
+5. When a statement's body is a single line, it must be written without curly braces, so long as the body is placed on
+   the same line as the statement.
+
+    ```typescript
+    if (x) doThing();
+    ```
+
+6. Blocks for `if`, `for`, `switch` and so on must have a space surrounding the condition, but not
+   within the condition.
+
+    ```typescript
+    if (x) {
+        doThing();
+    }
+    ```
+
+7. lowerCamelCase is used for function and variable naming.
+8. UpperCamelCase is used for general naming.
+9. Interface names should not be marked with an uppercase `I`.
+10. One variable declaration per line.
+11. If a variable is not receiving a value on declaration, its type must be defined.
+
+    ```typescript
+    let errorMessage: string;
+    ```
+
+12. Objects can use shorthand declarations, including mixing of types.
+
+    ```typescript
+    {
+        room,
+        prop: this.prop,
+    }
+    // ... or ...
+    { room, prop: this.prop }
+    ```
+
+13. Object keys should always be non-strings when possible.
+
+    ```typescript
+    {
+        property: "value",
+        "m.unavoidable": true,
+        [EventType.RoomMessage]: true,
+    }
+    ```
+
+14. If a variable's type should be boolean, make sure it really is one.
+
+    ```typescript
+    const isRealUser = !!userId && ...; // good
+    const isRealUser = Boolean(userId) && Boolean(userName); // also good
+    const isRealUser = Boolean(userId) && isReal; // also good (where isReal is another boolean variable)
+    const isRealUser = Boolean(userId && userName); // also fine
+    const isRealUser = Boolean(userId || userName); // good: same as &&
+    const isRealUser = userId && ...;   // bad: isRealUser is userId's type, not a boolean
+
+    if (userId) // fine: userId is evaluated for truthiness, not stored as a boolean
+    ```
+
+15. Use `switch` statements when checking against more than a few enum-like values.
+16. Use `const` for constants, `let` for mutability.
+17. Describe types exhaustively (ensure noImplictAny would pass).
+    1. Notable exceptions are arrow functions used as parameters, when a void return type is
+       obvious, and when declaring and assigning a variable in the same line.
+18. Declare member visibility (public/private/protected).
+19. Private members are private and not prefixed unless required for naming conflicts.
+    1. Convention is to use an underscore or the word "internal" to denote conflicted member names.
+    2. "Conflicted" typically refers to a getter which wants the same name as the underlying variable.
+20. Prefer readonly members over getters backed by a variable, unless an internal setter is required.
+21. Prefer Interfaces for object definitions, and types for parameter-value-only declarations.
+    1. Note that an explicit type is optional if not expected to be used outside of the function call,
+       unlike in this example:
+
+        ```typescript
+        interface MyObject {
+            hasString: boolean;
+        }
+
+        type Options = MyObject | string;
+
+        function doThing(arg: Options) {
+            // ...
+        }
+        ```
+
+22. Variables/properties which are `public static` should also be `readonly` when possible.
+23. Interface and type properties are terminated with semicolons, not commas.
+24. Prefer arrow formatting when declaring functions for interfaces/types:
+
+    ```typescript
+    interface Test {
+        myCallback: (arg: string) => Promise<void>;
+    }
+    ```
+
+25. Prefer a type definition over an inline type. For example, define an interface.
+26. Always prefer to add types or declare a type over the use of `any`. Prefer inferred types
+    when they are not `any`.
+    1. When using `any`, a comment explaining why must be present.
+27. `import` should be used instead of `require`, as `require` does not have types.
+28. Export only what can be reused.
+29. Prefer a type like `Optional<X>` (`type Optional<T> = T | null | undefined`) instead
+    of truly optional parameters.
+    1. A notable exception is when the likelihood of a bug is minimal, such as when a function
+       takes an argument that is more often not required than required. An example where the
+       `?` operator is inappropriate is when taking a room ID: typically the caller should
+       supply the room ID if it knows it, otherwise deliberately acknowledge that it doesn't
+       have one with `null`.
+
+        ```typescript
+        function doThingWithRoom(
+            thing: string,
+            room: Optional<string>, // require the caller to specify
+        ) {
+            // ...
+        }
+        ```
+
+30. There should be approximately one interface, class, or enum per file unless the file is named
+    "types.ts", "global.d.ts", or ends with "-types.ts".
+    1. The file name should match the interface, class, or enum name.
+31. Bulk functions can be declared in a single file, though named as "foo-utils.ts" or "utils/foo.ts".
+32. Imports are grouped by external module imports first, then by internal imports.
+33. File ordering is not strict, but should generally follow this sequence:
+    1. Licence header
+    2. Imports
+    3. Constants
+    4. Enums
+    5. Interfaces
+    6. Functions
+    7. Classes
+        1. Public/protected/private static properties
+        2. Public/protected/private properties
+        3. Constructors
+        4. Public/protected/private getters & setters
+        5. Protected and abstract functions
+        6. Public/private functions
+        7. Public/protected/private static functions
+34. Variable names should be noticeably unique from their types. For example, "str: string" instead
+    of "string: string".
+35. Use double quotes to enclose strings. You may use single quotes if the string contains double quotes.
+
+    ```typescript
+    const example1 = "simple string";
+    const example2 = 'string containing "double quotes"';
+    ```
+
+36. Prefer async-await to promise-chaining
+
+    ```typescript
+    async function () {
+        const result = await anotherAsyncFunction();
+        // ...
+    }
+    ```
+
+37. Avoid functions whose fundamental behaviour varies with different parameter types.
+    Multiple return types are fine, but if the function's behaviour is going to change significantly,
+    have two separate functions. For example, `SDKConfig.get()` with a string param which returns the
+    type according to the param given is ok, but `SDKConfig.get()` with no args returning the whole
+    config object would not be: this should just be a separate function.
+
+## React
+
+Inheriting all the rules of TypeScript, the following additionally apply:
+
+1. Component source files are named with upper camel case (e.g. views/rooms/EventTile.js)
+2. They are organised in a typically two-level hierarchy - first whether the component is a view or a structure, and then a broad functional grouping (e.g. 'rooms' here)
+3. Types for lifecycle functions are not required (render, componentDidMount, and so on).
+4. Class components must always have a `Props` interface declared immediately above them. It can be
+   empty if the component accepts no props.
+5. Class components should have an `State` interface declared immediately above them, but after `Props`.
+6. Props and State should not be exported. Use `React.ComponentProps<typeof ComponentNameHere>`
+   instead.
+7. One component per file, except when a component is a utility component specifically for the "primary"
+   component. The utility component should not be exported.
+8. Exported constants, enums, interfaces, functions, etc must be separate from files containing components
+   or stores.
+9. Stores should use a singleton pattern with a static instance property:
+
+    ```typescript
+    class FooStore {
+        public static readonly instance = new FooStore();
+
+        // or if the instance can't be created eagerly:
+        private static _instance: FooStore;
+        public static get instance(): FooStore {
+            if (!FooStore._instance) {
+                FooStore._instance = new FooStore();
+            }
+            return FooStore._instance;
+        }
+    }
+    ```
+
+10. Stores must support using an alternative MatrixClient and dispatcher instance.
+11. Utilities which require JSX must be split out from utilities which do not. This is to prevent import
+    cycles during runtime where components accidentally include more of the app than they intended.
+12. Interdependence between stores should be kept to a minimum. Break functions and constants out to utilities
+    if at all possible.
+13. A component should only use CSS class names in line with the component name.
+    1. When knowingly using a class name from another component, document it with a [comment](#comments).
+
+14. Curly braces within JSX should be padded with a space, however properties on those components should not.
+    See above code example.
+15. Functions used as properties should either be defined on the class or stored in a variable. They should not
+    be inline unless mocking/short-circuiting the value.
+16. Prefer hooks (functional components) over class components. Be consistent with the existing area if unsure
+    which should be used.
+    1. Unless the component is considered a "structure", in which case use classes.
+17. Write more views than structures. Structures are chunks of functionality like MatrixChat while views are
+    isolated components.
+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
+
+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.
+
+### 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_`.
+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.
+   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 `var(--cpd-space-2x)`, `var(--cpd-space-3x)`, `var(--cpd-space-4x)`.
+
+#### Syntax and formatting
+
+10. Use the whole class name instead of shortcuts:
+
+    ```scss
+    .mx_MyFoo {
+        & .mx_MyFoo_avatar {
+            // instead of &_avatar
+            // ...
+        }
+    }
+    ```
+
+11. Break multiple selectors over multiple lines this way:
+
+    ```scss
+    .mx_MyFoo,
+    .mx_MyBar,
+    .mx_MyFooBar {
+        // ...
+    }
+    ```
+
+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
+    .mx_MyFoo {
+        width: calc(100% - 12px); // 12px for read receipts
+        top: -2px; // visually centred vertically
+        z-index: 10; // above user avatar, but below dialogs
+    }
+    ```
+
+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
+
+1. Tests must be written in TypeScript.
+2. Jest mocks are declared below imports, but above everything else.
+3. Use the following convention template:
+
+    ```typescript
+    // Describe the class, component, or file name.
+    describe("FooComponent", () => {
+        // all test inspecific variables go here
+
+        beforeEach(() => {
+            // exclude if not used.
+        });
+
+        afterEach(() => {
+            // exclude if not used.
+        });
+
+        // Use "it should..." terminology
+        it("should call the correct API", async () => {
+            // test-specific variables go here
+            // function calls/state changes go here
+            // expectations go here
+        });
+    });
+
+    // If the file being tested is a utility class:
+    describe("foo-utils", () => {
+        describe("firstUtilFunction", () => {
+            it("should...", async () => {
+                // ...
+            });
+        });
+
+        describe("secondUtilFunction", () => {
+            it("should...", async () => {
+                // ...
+            });
+        });
+    });
+    ```
+
+## Comments
+
+1. As a general principle: be liberal with comments. This applies to all files: stylesheets as well as
+   JavaScript/TypeScript.
+
+    Good comments not only help future readers understand and maintain the code; they can also encourage good design
+    by clearly setting out how different parts of the codebase interact where that would otherwise be implicit and
+    subject to interpretation.
+
+2. Aim to document all types, methods, class properties, functions, etc, with [TSDoc](https://tsdoc.org/) doc comments.
+   This is _especially_ important for public interfaces in `matrix-js-sdk`, but is good practice in general.
+
+    Even very simple interfaces can often benefit from a doc-comment, both as a matter of consistency, and because simple
+    interfaces have a habit of becoming more complex over time.
+
+3. React components should be documented in the same way as other classes or functions. The documentation should give
+   a brief description of how the component should be used, and, especially for more complex components, each of its
+   properties should be clearly documented.
+
+4. Inside a function, there is no need to comment every line, but consider:
+    - before a particular multiline section of code within the function, give an overview of what it does,
+      to make it easier for a reader to follow the flow through the function as a whole.
+    - if it is anything less than obvious, explain _why_ we are doing a particular operation, with particular emphasis
+      on how this function interacts with other parts of the codebase.
+
+5. When making changes to existing code, authors are expected to read existing comments and make any necessary changes
+   to ensure they remain accurate.
+
+6. Reviewers are encouraged to consider whether more comments would be useful, and to ask the author to add them.
+
+    It is natural for an author to feel that the code they have just written is "obvious" and that comments would be
+    redundant, whereas in reality it would take some time for reader unfamiliar with the code to understand it. A
+    reviewer is well-placed to make a more objective judgement.
diff --git a/config.sample.json b/config.sample.json
deleted file mode 100644
index 52e47f03f17..00000000000
--- a/config.sample.json
+++ /dev/null
@@ -1,55 +0,0 @@
-{
-    "default_server_config": {
-        "m.homeserver": {
-            "base_url": "https://matrix-client.matrix.org",
-            "server_name": "matrix.org"
-        },
-        "m.identity_server": {
-            "base_url": "https://vector.im"
-        }
-    },
-    "disable_custom_urls": false,
-    "disable_guests": false,
-    "disable_login_language_selector": false,
-    "disable_3pid_login": false,
-    "brand": "Element",
-    "integrations_ui_url": "https://scalar.vector.im/",
-    "integrations_rest_url": "https://scalar.vector.im/api",
-    "integrations_widgets_urls": [
-        "https://scalar.vector.im/_matrix/integrations/v1",
-        "https://scalar.vector.im/api",
-        "https://scalar-staging.vector.im/_matrix/integrations/v1",
-        "https://scalar-staging.vector.im/api",
-        "https://scalar-staging.riot.im/scalar/api"
-    ],
-    "bug_report_endpoint_url": "https://element.io/bugreports/submit",
-    "defaultCountryCode": "GB",
-    "showLabsSettings": false,
-    "features": {
-        "feature_new_spinner": false
-    },
-    "default_federate": true,
-    "default_theme": "light",
-    "roomDirectory": {
-        "servers": [
-            "matrix.org"
-        ]
-    },
-    "welcomeUserId": "@riot-bot:matrix.org",
-    "piwik": {
-        "url": "https://piwik.riot.im/",
-        "whitelistedHSUrls": ["https://matrix.org"],
-        "whitelistedISUrls": ["https://vector.im", "https://matrix.org"],
-        "siteId": 1
-    },
-    "enable_presence_by_hs_url": {
-        "https://matrix.org": false,
-        "https://matrix-client.matrix.org": false
-    },
-    "settingDefaults": {
-        "breadcrumbs": true
-    },
-    "jitsi": {
-        "preferredDomain": "jitsi.riot.im"
-    }
-}
diff --git a/contribute.json b/contribute.json
deleted file mode 100644
index 0f9ceed38cf..00000000000
--- a/contribute.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "name": "Riot",
-    "description": "A glossy Matrix collaboration client for the web.",
-    "repository": {
-      "url": "https://github.com/vector-im/riot-web",
-      "license": "Apache License 2.0"
-    },
-    "bugs": {
-      "list": "https://github.com/vector-im/riot-web/issues",
-      "report": "https://github.com/vector-im/riot-web/issues/new/choose"
-    },
-    "keywords": [
-      "chat",
-      "riot",
-      "matrix"
-    ]
-}
diff --git a/developer_guide.md b/developer_guide.md
new file mode 100644
index 00000000000..4e081cb5b31
--- /dev/null
+++ b/developer_guide.md
@@ -0,0 +1,137 @@
+# Developer Guide
+
+## Development
+
+Read the [Choosing an issue](docs/choosing-an-issue.md) page for some guidance
+about where to start. Before starting work on a feature, it's best to ensure
+your plan aligns well with our vision for Element. Please chat with the team in
+[#element-dev:matrix.org](https://matrix.to/#/#element-dev:matrix.org) before
+you start so we can ensure it's something we'd be willing to merge.
+
+You should also familiarise yourself with the ["Here be Dragons" guide
+](https://docs.google.com/document/d/12jYzvkidrp1h7liEuLIe6BMdU0NUjndUYI971O06ooM)
+to the tame & not-so-tame dragons (gotchas) which exist in the codebase.
+
+Please note that Element is intended to run correctly without access to the public
+internet. So please don't depend on resources (JS libs, CSS, images, fonts)
+hosted by external CDNs or servers but instead please package all dependencies
+into Element itself.
+
+## Setting up a dev environment
+
+Much of the functionality in Element is actually in the `matrix-js-sdk` module.
+It is possible to set these up in a way that makes it easy to track the `develop` branches
+in git and to make local changes without having to manually rebuild each time.
+
+First clone and build `matrix-js-sdk`:
+
+```bash
+git clone https://github.com/matrix-org/matrix-js-sdk.git
+pushd matrix-js-sdk
+pnpm install
+popd
+```
+
+Clone the repo and switch to that directory:
+
+```bash
+git clone https://github.com/element-hq/element-web.git
+cd element-web
+```
+
+Set up your local development link by creating a `.link-config` file with contents like:
+
+```
+matrix-js-sdk=/path/to/matrix-js-sdk=apps/web
+```
+
+**Note for Windows users**: Your link config path might need escaping. For example, `matrix-js-sdk=C:\\path\\to\\matrix-js-sdk`.
+
+Switch to the `apps/web` directory: `cd apps/web`
+
+Configure the app by copying `config.sample.json` to `config.json` and
+modifying it. See the [configuration docs](docs/config.md) for details.
+
+Finally, build and start Element itself:
+
+```bash
+pnpm install
+pnpm start
+```
+
+**Note for Windows users**: `pnpm start` needs to be run from a terminal with bash/shell support.
+
+Wait a few seconds for the initial build to finish; you should see something like:
+
+```
+[element-js] <s> [webpack.Progress] 100%
+[element-js]
+[element-js] ℹ ｢wdm｣:    1840 modules
+[element-js] ℹ ｢wdm｣: Compiled successfully.
+```
+
+Remember, the command will not terminate since it runs the web server
+and rebuilds source files when they change. This development server also
+disables caching, so do NOT use it in production.
+
+Open <http://127.0.0.1:8080/> in your browser to see your newly built Element.
+
+**Note**: The build script uses inotify by default on Linux to monitor directories
+for changes. If the inotify limits are too low your build will fail silently or with
+`Error: EMFILE: too many open files`. To avoid these issues, we recommend a watch limit
+of at least `128M` and instance limit around `512`.
+
+You may be interested in issues [#15750](https://github.com/element-hq/element-web/issues/15750) and
+[#15774](https://github.com/element-hq/element-web/issues/15774) for further details.
+
+To set a new inotify watch and instance limit, execute:
+
+```
+sudo sysctl fs.inotify.max_user_watches=131072
+sudo sysctl fs.inotify.max_user_instances=512
+sudo sysctl -p
+```
+
+If you wish, you can make the new limits permanent, by executing:
+
+```
+echo fs.inotify.max_user_watches=131072 | sudo tee -a /etc/sysctl.conf
+echo fs.inotify.max_user_instances=512 | sudo tee -a /etc/sysctl.conf
+sudo sysctl -p
+```
+
+---
+
+When you make changes to `matrix-js-sdk` they should be automatically picked up by webpack and built.
+
+If any of these steps error with, `file table overflow`, you are probably on a mac
+which has a very low limit on max open files. Run `ulimit -Sn 1024` and try again.
+You'll need to do this in each new terminal you open before building Element.
+
+## Running the tests
+
+There are a number of application-level tests in the `tests` directory; these
+are designed to run with Jest and JSDOM. To run them
+
+```
+pnpm test
+```
+
+### End-to-End tests
+
+See [`docs/playwright.md`](./docs/playwright.md) for how to run the end-to-end tests.
+
+## General github guidelines
+
+1. **Pull requests must only be filed against the `develop` branch.**
+2. Try to keep your pull requests concise. Split them up if necessary.
+3. Ensure that you provide a description that explains the fix/feature and its intent.
+
+## Adding new code
+
+New code should be committed as follows:
+
+- New UI components that are reusable, could be used by other Element projects (Element Desktop, Aurora, Element modules...), or don't have tight coupling to specific application logic: [`packages/shared-components`](./packages/shared-components/README.md) (see the [contributing guide](./CONTRIBUTING.md#shared-components))
+- All other new components: https://github.com/element-hq/element-web/tree/develop/src/components
+- CSS: https://github.com/element-hq/element-web/tree/develop/res/css
+- Theme specific CSS & resources: https://github.com/element-hq/element-web/tree/develop/res/themes
diff --git a/diff-cover.toml b/diff-cover.toml
new file mode 100644
index 00000000000..fcb7783d75e
--- /dev/null
+++ b/diff-cover.toml
@@ -0,0 +1,2 @@
+[tool.diff_cover]
+compare_branch = "origin/develop"
diff --git a/docker-bake.hcl b/docker-bake.hcl
new file mode 100644
index 00000000000..6e764e59d4e
--- /dev/null
+++ b/docker-bake.hcl
@@ -0,0 +1,37 @@
+# Builds the Element Web images. Both targets share the `builder` and `element_web` stages,
+# building them together in a single bake invocation compiles the app only once.
+#
+#   docker buildx bake                      # both images, for the local platform
+#   docker buildx bake element-web          # just the base image
+#   PLATFORMS=linux/amd64,linux/arm64 docker buildx bake --push
+
+variable "PLATFORMS" {
+    default = ""
+}
+
+# Populated by docker/metadata-action in CI; empty locally.
+target "docker-metadata-action" {}
+target "docker-metadata-action-modules" {}
+
+target "_common" {
+    context    = "."
+    dockerfile = "apps/web/Dockerfile"
+    platforms  = PLATFORMS == "" ? null : split(",", PLATFORMS)
+}
+
+# The stock image, with no modules bundled.
+target "element-web" {
+    inherits = ["_common", "docker-metadata-action"]
+    target   = "element_web"
+}
+
+# The same image with the released Element modules baked into /modules,
+# where the entrypoint picks them up and adds them to config.json.
+target "element-web-modules" {
+    inherits = ["_common", "docker-metadata-action-modules"]
+    target   = "element_web_modules"
+}
+
+group "default" {
+    targets = ["element-web", "element-web-modules"]
+}
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
new file mode 100644
index 00000000000..7af3aa151dd
--- /dev/null
+++ b/docs/.vitepress/config.ts
@@ -0,0 +1,172 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { withMermaid } from "vitepress-plugin-mermaid";
+
+function customPathResolver(href: string, currentPath: string): string {
+    const [link, fragment] = href.split("#", 2);
+    if (currentPath === "index.md") {
+        if (link.startsWith("./docs/")) {
+            return `../docs/${href.slice(7)}`;
+        } else if (link.startsWith("docs/")) {
+            return `../${href}`;
+        }
+    }
+
+    switch (link) {
+        case "../packages/shared-components/README.md":
+            return `../docs/readme-shared-components.md#${fragment}`;
+        case "../apps/web/README.md":
+            return `../docs/readme-element-web.md#${fragment}`;
+        case "../README.md":
+            return `../docs/index.md#${fragment}`;
+
+        default:
+            return `https://github.com/element-hq/element-web/blob/develop/${href.split("/").pop()}`;
+    }
+}
+
+// https://vitepress.dev/reference/site-config
+export default withMermaid({
+    title: "Element Web & Desktop docs",
+    description: "Documentation",
+    srcExclude: ["changelogs"],
+    markdown: {
+        config: (md) => {
+            // Custom rule to fix links
+            const defaultRender =
+                md.renderer.rules.link_open ||
+                function (tokens, idx, options, env, self) {
+                    return self.renderToken(tokens, idx, options);
+                };
+
+            md.renderer.rules.link_open = (tokens, idx, options, env, self) => {
+                const token = tokens[idx];
+                const hrefIndex = token.attrIndex("href");
+
+                if (hrefIndex >= 0) {
+                    const href = token.attrs![hrefIndex][1];
+
+                    if (!href.includes("://") && href.split("#", 2)[0].endsWith(".md")) {
+                        token.attrs![hrefIndex][1] = customPathResolver(href, env.relativePath);
+                    }
+                }
+                return defaultRender(tokens, idx, options, env, self);
+            };
+        },
+    },
+    themeConfig: {
+        nav: [
+            { text: "Home", link: "/" },
+            { text: "Website", link: "https://element.io/en" },
+        ],
+
+        search: {
+            provider: "local",
+        },
+
+        sidebar: [
+            {
+                text: "README",
+                items: [
+                    { text: "Introduction", link: "/index" },
+                    { text: "Element Web", link: "/readme-element-web" },
+                    { text: "Element Desktop", link: "/readme-element-desktop" },
+                    { text: "Shared Components", link: "/readme-shared-components" },
+                ],
+            },
+            {
+                text: "Usage",
+                items: [
+                    { text: "Betas", link: "/betas" },
+                    { text: "Labs", link: "/labs" },
+                ],
+            },
+            {
+                text: "Setup",
+                items: [
+                    { text: "Install", link: "/install" },
+                    { text: "Config", link: "/config" },
+                    { text: "Custom home page", link: "/custom-home" },
+                    { text: "Kubernetes", link: "/kubernetes" },
+                    { text: "Jitsi", link: "/jitsi" },
+                    { text: "Encryption", link: "/e2ee" },
+                ],
+            },
+            {
+                text: "Build",
+                items: [
+                    {
+                        text: "Web",
+                        items: [
+                            { text: "Customisations", link: "/customisations" },
+                            { text: "Deprecated Modules", link: "/deprecated-modules" },
+                        ],
+                    },
+                    {
+                        text: "Desktop",
+                        items: [
+                            { text: "Native Node modules", link: "/native-node-modules" },
+                            { text: "Windows requirements", link: "/windows-requirements" },
+                            { text: "Debugging", link: "/debugging" },
+                            { text: "Using gdb", link: "/gdb" },
+                        ],
+                    },
+                ],
+            },
+            {
+                text: "Distribution",
+                items: [
+                    { text: "Updates", link: "/updates" },
+                    { text: "Packaging", link: "/packaging" },
+                ],
+            },
+            {
+                text: "Contribution",
+                items: [
+                    { text: "Choosing an issue", link: "/choosing-an-issue" },
+                    { text: "Translation", link: "/translating" },
+                    { text: "Netlify builds", link: "/pr-previews" },
+                    { text: "Code review", link: "/review" },
+                ],
+            },
+            {
+                text: "Development",
+                items: [
+                    { text: "App load order", link: "/app-load.md" },
+                    { text: "Translation", link: "/translating-dev.md" },
+                    { text: "Theming", link: "/theming.md" },
+                    { text: "Playwright end to end tests", link: "/playwright.md" },
+                    { text: "Memory profiling", link: "/memory-profiles-and-leaks.md" },
+                    { text: "Jitsi", link: "/jitsi-dev.md" },
+                    { text: "Feature flags", link: "/feature-flags.md" },
+                    { text: "OAuth and delegated authentication", link: "/oauth.md" },
+                    { text: "Release Process", link: "/release.md" },
+                    { text: "MVVM", link: "/MVVM.md" },
+                    { text: "Settings", link: "/settings.md" },
+                ],
+            },
+            {
+                text: "Deep dive",
+                items: [
+                    { text: "Skinning", link: "/skinning" },
+                    { text: "Cider editor", link: "/ciderEditor" },
+                    { text: "Iconography", link: "/icons" },
+                    { text: "Local echo", link: "/local-echo-dev" },
+                    { text: "Media", link: "/media-handling" },
+                    { text: "Room List", link: "/room-list" },
+                    { text: "Scrolling", link: "/scrolling" },
+                    { text: "Usercontent", link: "/usercontent" },
+                    { text: "Widget layouts", link: "/widget-layouts" },
+                    { text: "Automations", link: "/generated/automations" },
+                ],
+            },
+        ],
+
+        socialLinks: [{ icon: "github", link: "https://github.com/element-hq/element-web" }],
+    },
+});
diff --git a/docs/MVVM-v1.md b/docs/MVVM-v1.md
new file mode 100644
index 00000000000..279df4be862
--- /dev/null
+++ b/docs/MVVM-v1.md
@@ -0,0 +1,69 @@
+# MVVM v1
+
+_Deprecated_, see [MVVM.md](./MVVM.md) for the current version.
+
+General description of the pattern can be found [here](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel). But the gist of it is that you divide your code into three sections:
+
+1. Model: This is where the business logic and data resides.
+2. View Model: This code exists to provide the logic necessary for the UI. It directly uses the Model code.
+3. View: This is the UI code itself and depends on the view model.
+
+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
+
+#### Model
+
+This is anywhere your data or business logic comes from. If your view model is accessing something simple exposed from `matrix-js-sdk`, then the sdk is your model. If you're using something more high level in element-web to get your data/logic (eg: `MemberListStore`), then that becomes your model.
+
+#### View Model
+
+1. View model is always a custom react hook named like `useFooViewModel()`.
+2. The return type of your view model (known as view state) must be defined as a typescript interface:
+    ```ts
+    inteface FooViewState {
+    	somethingUseful: string;
+    	somethingElse: BarType;
+    	update: () => Promise<void>
+    	...
+    }
+    ```
+3. Any react state that your UI needs must be in the view model.
+
+#### View
+
+1. Views are simple react components (eg: `FooView`).
+2. Views usually start by calling the view model hook, eg:
+    ```tsx
+    const FooView: React.FC<IProps> = (props: IProps) => {
+    	const vm = useFooViewModel();
+    	....
+    	return(
+    		<div>
+    			{vm.somethingUseful}
+    		</div>
+    	);
+    }
+    ```
+3. Views are also allowed to accept the view model as a prop, eg:
+    ```tsx
+    const FooView: React.FC<IProps> = ({ vm }: IProps) => {
+    	....
+    	return(
+    		<div>
+    			{vm.somethingUseful}
+    		</div>
+    	);
+    }
+    ```
+4. Multiple views can share the same view model if necessary.
+
+### Benefits
+
+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).
+
+### Example
+
+We started experimenting with MVVM in the redesigned memberlist, you can see the code [here](https://github.com/vector-im/element-web/blob/develop/src/components/views/rooms/MemberList/MemberListView.tsx).
diff --git a/docs/MVVM.md b/docs/MVVM.md
new file mode 100644
index 00000000000..2c65848e667
--- /dev/null
+++ b/docs/MVVM.md
@@ -0,0 +1,284 @@
+# MVVM v2
+
+General description of the pattern can be found [here](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel). But the gist of it is that you divide your code into three sections:
+
+1. Model: This is where the business logic and data resides.
+2. View Model: This code exists to provide the logic necessary for the UI. It directly uses the Model code.
+3. View: This is the UI code itself and depends on the view model.
+
+If you do MVVM right, your view should be dumb i.e it gets data from the view model and merely displays it.
+
+## 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.
+
+#### Naming conventions
+
+Given a feature named `Foo`, the naming convention for each MVVM artifact is:
+
+| Artifact                            | Name              |
+| ----------------------------------- | ----------------- |
+| View component                      | `FooView`         |
+| Snapshot interface                  | `FooViewSnapshot` |
+| Actions interface                   | `FooViewActions`  |
+| ViewModel type alias (in view file) | `FooViewModel`    |
+| ViewModel class (in `apps/web`)     | `FooViewModel`    |
+| ViewModel class file                | `FooViewModel.ts` |
+
+#### Model
+
+This is anywhere your data or business logic comes from. If your view model is accessing something simple exposed from `matrix-js-sdk`, then the sdk is your model. If you're using something more high level in element-web to get your data/logic (eg: `MemberListStore`), then that becomes your model.
+
+#### 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`) 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 (see example below).
+5. Multiple views can share the same view model if necessary.
+
+**Example of view implementation**
+
+```tsx
+// Snapshot is the data that your view-model provides which is rendered by the view.
+export interface FooViewSnapshot {
+    title: string;
+    description: string;
+}
+
+// To call function on the view model
+interface FooViewActions {
+    setTitle: (title: string) => void;
+    reloadDescription: () => void;
+}
+
+// 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
+export 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;
+}
+
+export function FooView({ vm }: FooViewProps): JSX.Element {
+    // useViewModel is a hook that subscribes to the view model and returns the snapshot. It also ensures that the component re-renders when the snapshot changes.
+    const { title, description } = useViewModel(vm);
+    return (
+        <section>
+            <h1>{title}</h1>
+            {/* Bind setTitle action */}
+            <button type="button" onClick={() => vm.setTitle("new title!")}>
+                Set title
+            </button>
+            <p>{description}</p>
+            {/* Bind reloadDescription action  */}
+            <button type="button" onClick={() => vm.reloadDescription()}>
+                Reload description
+            </button>
+        </section>
+    );
+}
+```
+
+#### View Model
+
+1. A View model is a class extending [`BaseViewModel`](https://github.com/element-hq/element-web/blob/develop/src/viewmodels/base/BaseViewModel.ts).
+2. Implements the interface defined in the view (e.g `FooViewModel` in the example above).
+3. View models define a snapshot type that defines the data the view will consume. The snapshot is immutable and can only be changed by calling `this.snapshot.set(...)` or `this.snapshot.merge(...)` in the view model. This will trigger a re-render in the view.
+4. Call [`this.snapshot.merge(...)`](https://github.com/element-hq/element-web/blob/develop/packages/shared-components/src/viewmodel/Snapshot.ts#L32) to only update part of the snapshot. `merge(...)` already skips emitting when the merged fields are unchanged, so avoid extra equality guards that only duplicate that check.
+5. Avoid recomputing the entire snapshot when you only need to update a single field. For performance reasons, only recompute the fields that have actually changed. For example, if only `title` has changed, call `this.snapshot.merge({ title: newTitle })` rather than rebuilding the full snapshot object with all fields recomputed.
+6. View models can have props which are passed in the constructor. Props are usually used to pass in dependencies (eg: stores, sdk, etc) that the view model needs to do its work. They can also be used to pass in initial values for the snapshot.
+
+**Example of a view model implementation**
+
+```ts
+import { type FooViewSnapshot, type FooViewModel as FooViewModelInterface } from "./FooView";
+
+// Props are the arguments passed to the view model constructor. They are usually used to pass in dependencies (eg: stores, sdk, etc) that the view model needs to do its work. They can also be used to pass in initial values for the snapshot.
+interface Props {
+    title: string;
+}
+
+/**
+ * This is an example view model that implements the FooViewModelInterface.
+ * It extends the BaseViewModel class which provides common functionality for view models, such as managing subscriptions and snapshots.
+ * The view model is responsible for managing the state of the view and providing actions that can be called from the view.
+ * In this example, we have a title and description in the snapshot, and actions to set the title and reload the description.
+ */
+export class FooViewModel extends BaseViewModel<FooViewSnapshot, Props> implements FooViewModelInterface {
+    public constructor(props: Props) {
+        // Call super with initial snapshot
+        super(props, { title: props.title, description: costlyDescriptionLoading() });
+    }
+
+    public setTitle(title: string): void {
+        // We only update the title in the snapshot, description remains unchanged.
+        // Calling `this.snapshot.merge` will trigger the view to re-render with the new snapshot value.
+        // If we had called `this.snapshot.set`, we would have needed to provide the full snapshot value, including the description.
+        this.snapshot.merge({ title });
+    }
+
+    public reloadDescription(): void {
+        // Simulate reloading the description by calling the costly function again and updating the snapshot.
+        this.snapshot.merge({ description: costlyDescriptionLoading() });
+    }
+
+    /**
+     * This is an example of how to access props in the view model. Props are passed in the constructor and can be accessed through `this.props`.
+     */
+    public printProps(): void {
+        // Access props through `this.props`
+        console.log("Current props:", this.props);
+    }
+}
+```
+
+#### Binding of View Model Actions:
+
+All view model actions must be defined as arrow functions to ensure they are bound to the class instance.
+
+Using standard class methods can result in `this` being undefined when the function is passed as a callback (e.g. to a React event handler), which may cause runtime errors.
+
+Correct pattern:
+
+```ts
+public doSomething = (): void => {
+    ...
+};
+```
+
+### `useViewModel` hook
+
+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/app-load.md b/docs/app-load.md
index bdc0243c508..7f72b3fea4d 100644
--- a/docs/app-load.md
+++ b/docs/app-load.md
@@ -1,81 +1,108 @@
 # App load order
 
+**Dev note**: As of March 2022, the skin is no longer part of the app load order at all. The document's graphs have
+been kept untouched for posterity.
+
 Old slow flow:
-![image](https://user-images.githubusercontent.com/2403652/73848963-00a2a080-4821-11ea-97d4-1200fc2638f3.png)
+
+```mermaid
+flowchart TD
+    A1(((load_modernizr))) --> B
+    A2((rageshake)) --> B
+    B(((skin))) --> C
+    C(((olm))) --> D
+    D{mobile} --> E
+    E((config)) --> F
+    F((i18n)) --> G
+    style F stroke:lime
+    G(((theme))) --> H
+    H(((modernizr))) --> app
+    style H stroke:red
+```
 
 Current more parallel flow:
-![image](https://user-images.githubusercontent.com/2403652/83146440-303a2900-a0ee-11ea-806b-4f53f039b957.png)
-
-<details><summary>Code</summary>
-<p>
-<pre><code>
-digraph G {
-  node [shape=box];
-
-  subgraph cluster_0 {
-    color=orange;
-    node [style=filled];
-    label = "index.ts";
-
-    entrypoint, s0, ready [shape=point];
-    rageshake, config, i18n, theme, skin, olm [shape=parallelogram];
-    mobile [shape=diamond, label="mobile"];
-    modernizr [shape=diamond];
-    redirect, incompatible [shape=egg];
-
-    entrypoint -> rageshake;
-    rageshake -> mobile [color=blue];
-    mobile -> s0 [label="No"];
-    mobile -> redirect [label="Yes"];
-
-    s0 -> platform;
-    s0 -> olm;
-    platform -> config;
-
-    config -> i18n [color=blue];
-    config -> theme [color=blue];
-    config -> skin [color=blue];
-
-    i18n -> modernizr [color=blue];
-    theme -> modernizr [color=blue];
-    skin -> modernizr [color=blue];
-
-    modernizr -> ready [label="Yes"];
-    modernizr -> incompatible [label="No"];
-    incompatible -> ready [label="user ignore"];
-
-    olm -> ready [color=red];
-    config -> ready [color=red];
-    skin -> ready [color=red];
-    theme -> ready [color=red];
-    i18n -> ready [color=red];
-  }
-
-  subgraph cluster_1 {
-    color = green;
-    node [style=filled];
-    label = "init.tsx";
-
-    ready -> loadApp;
-    loadApp -> matrixchat;
-  }
-}
-</code></pre>
-</p>
-</details>
+
+```mermaid
+flowchart TD
+    subgraph index.ts
+        style index.ts stroke:orange
+
+        A[/rageshake/] --> B{mobile}
+        B-- No -->C1(.)
+        B-- Yes -->C2((redirect))
+        C1 --> D[/olm/] --> R
+        C1 --> E[platform] --> F[/config/]
+        F --> G1[/skin/]
+        F --> R
+        G1 --> H
+        G1 --> R
+        F --> G2[/theme/]
+        G2 --> H
+        G2 --> R
+        F --> G3[/i18n/]
+        G3 --> H
+        G3 --> R
+        H{modernizr}-- No --> J((incompatible))-- user ignore --> R
+        H-- Yes --> R
+
+        linkStyle 0,7,9,11,12,14,15 stroke:blue;
+        linkStyle 4,8,10,13,16 stroke:red;
+    end
+
+    R>ready] --> 2A
+    style R stroke:gray
+
+    subgraph init.tsx
+        style init.tsx stroke:lime
+        2A[loadApp] --> 2B[matrixchat]
+    end
+
+```
 
 Key:
-+ Parallelogram: async/await task
-+ Box: sync task
-+ Diamond: conditional branch
-+ Egg: user interaction
-+ Blue arrow: async task is allowed to settle but allowed to fail
-+ Red arrow: async task success is asserted
+
+- Parallelogram: async/await task
+- Box: sync task
+- Diamond: conditional branch
+- Circle: user interaction
+- Blue arrow: async task is allowed to settle but allowed to fail
+- Red arrow: async task success is asserted
 
 Notes:
-+ A task begins when all its dependencies (arrows going into it) are fulfilled.
-+ The success of setting up rageshake is never asserted, riot-web has a fallback path for running without IDB (and thus rageshake).
-+ Everything is awaited to be settled before the Modernizr check, to allow it to make use of things like i18n if they are successful.
+
+- A task begins when all its dependencies (arrows going into it) are fulfilled.
+- The success of setting up rageshake is never asserted, element-web has a fallback path for running without IDB (and thus rageshake).
+- Everything is awaited to be settled before the Modernizr check, to allow it to make use of things like i18n if they are successful.
 
 Underlying dependencies:
-![image](https://user-images.githubusercontent.com/2403652/73848977-08624500-4821-11ea-9830-bb0317c41086.png)
+
+```mermaid
+flowchart TD
+    A((rageshake))
+    B{mobile}
+    C((config))
+    D(((olm)))
+    E((i18n))
+    F(((load_modernizr)))
+    G(((modernizr)))
+    H(((skin)))
+    I(((theme)))
+    X[app]
+
+    A --> G
+    A --> B
+    A-- assert -->X
+    F --> G --> X
+    G --> H --> X
+    C --> I --> X
+    C --> E --> X
+    E --> G
+    B --> C-- assert -->X
+    B --> D --> X
+
+    style X stroke:red
+    style G stroke:red
+    style E stroke:lime
+    linkStyle 0,11 stroke:yellow;
+    linkStyle 2,13 stroke:red;
+```
diff --git a/docs/betas.md b/docs/betas.md
new file mode 100644
index 00000000000..5f150256a85
--- /dev/null
+++ b/docs/betas.md
@@ -0,0 +1,41 @@
+# Beta Features
+
+A feature is marked as beta when it is nearly ready for production and the
+team would like to gather wider feedback before turning it on by default.
+
+Betas are visible to all users, [**including** users who have disabled labs settings
+tab](./config.md)
+
+**Be warned! Beta features are not considered stable and should not be relied upon!**
+
+## Requirements
+
+A beta feature MUST first become a labs feature before it can become a beta (see
+[Labs](./labs.md)).
+
+A beta feature MUST have an expected timeline to be upgraded to a stable feature. This timeline
+should not exceed 3 months. If a feature persists in beta for longer and hasn't been explicitly
+extended, the feature MAY be backed out to labs.
+
+A beta feature SHOULD have a rollback path for users to opt-out. If a feature is irreversible or
+could corrupt a user's session or account, it should not be in beta. If this is not possible, it
+MUST be discussed with the team first to devise an alternative strategy.
+
+A beta feature SHOULD have analytics so that the team can understand how many users
+are using it.
+
+## Current Betas
+
+This is the current set of betas enabled in Element Web.
+
+### Video rooms (`feature_video_rooms`)
+
+Enables support for creating and joining video rooms, which are persistent video
+chats that users can jump in and out of.
+
+### New notifications settings (`feature_notification_settings2`) [Beta]
+
+Replaces the legacy notification settings with a new one to manage push rules.
+
+**Warning** This feature has options which are not backwards compatible, disabling
+it may have unintended consequences.
diff --git a/docs/changelogs/CHANGELOG-2022.md b/docs/changelogs/CHANGELOG-2022.md
new file mode 100644
index 00000000000..d9ba8815220
--- /dev/null
+++ b/docs/changelogs/CHANGELOG-2022.md
@@ -0,0 +1,1867 @@
+Changes in [1.11.17](https://github.com/vector-im/element-web/releases/tag/v1.11.17) (2022-12-21)
+=================================================================================================
+
+## ✨ Features
+ * Add inline code formatting to rich text editor ([\#9720](https://github.com/matrix-org/matrix-react-sdk/pull/9720)).
+ * Add emoji handling for plain text mode of the new rich text editor ([\#9727](https://github.com/matrix-org/matrix-react-sdk/pull/9727)).
+ * Overlay virtual room call events into main timeline ([\#9626](https://github.com/matrix-org/matrix-react-sdk/pull/9626)). Fixes #22929.
+ * Adds a new section under "Room Settings" > "Roles & Permissions" which adds the possibility to multiselect users from this room and grant them more permissions. ([\#9596](https://github.com/matrix-org/matrix-react-sdk/pull/9596)). Contributed by @GoodGuyMarco.
+ * Add emoji handling for rich text mode ([\#9661](https://github.com/matrix-org/matrix-react-sdk/pull/9661)).
+ * Add setting to hide bold notifications ([\#9705](https://github.com/matrix-org/matrix-react-sdk/pull/9705)).
+ * Further password reset flow enhancements ([\#9662](https://github.com/matrix-org/matrix-react-sdk/pull/9662)).
+ * Snooze the bulk unverified sessions reminder on dismiss ([\#9706](https://github.com/matrix-org/matrix-react-sdk/pull/9706)).
+ * Honor advanced audio processing settings when recording voice messages ([\#9610](https://github.com/matrix-org/matrix-react-sdk/pull/9610)). Contributed by @MrAnno.
+ * Improve the visual balance of bubble layout ([\#9704](https://github.com/matrix-org/matrix-react-sdk/pull/9704)).
+ * Add config setting to disable bulk unverified sessions nag ([\#9657](https://github.com/matrix-org/matrix-react-sdk/pull/9657)).
+ * Only display bulk unverified sessions nag when current sessions is verified ([\#9656](https://github.com/matrix-org/matrix-react-sdk/pull/9656)).
+ * Separate labs and betas more clearly ([\#8969](https://github.com/matrix-org/matrix-react-sdk/pull/8969)). Fixes #22706.
+ * Show user an error if we fail to create a DM for verification. ([\#9624](https://github.com/matrix-org/matrix-react-sdk/pull/9624)).
+
+## 🐛 Bug Fixes
+ * Prevent unnecessary m.direct updates ([\#9805](https://github.com/matrix-org/matrix-react-sdk/pull/9805)). Fixes #24059.
+ * Fix checkForPreJoinUISI for thread roots ([\#9803](https://github.com/matrix-org/matrix-react-sdk/pull/9803)). Fixes #24054.
+ * Load RTE components only when RTE labs is enabled ([\#9804](https://github.com/matrix-org/matrix-react-sdk/pull/9804)).
+ * Fix issue where thread panel did not update correctly ([\#9746](https://github.com/matrix-org/matrix-react-sdk/pull/9746)). Fixes #23971.
+ * Remove async call to get virtual room from room load ([\#9743](https://github.com/matrix-org/matrix-react-sdk/pull/9743)). Fixes #23968.
+ * Check each thread for unread messages. ([\#9723](https://github.com/matrix-org/matrix-react-sdk/pull/9723)).
+ * Device manage - handle sessions that don't support encryption ([\#9717](https://github.com/matrix-org/matrix-react-sdk/pull/9717)). Fixes #23722.
+ * Fix hover state for formatting buttons (Rich text editor) (fix vector-im/element-web/issues/23832) ([\#9715](https://github.com/matrix-org/matrix-react-sdk/pull/9715)).
+ * Don't allow group calls to be unterminated ([\#9710](https://github.com/matrix-org/matrix-react-sdk/pull/9710)).
+ * Fix replies to emotes not showing as inline ([\#9707](https://github.com/matrix-org/matrix-react-sdk/pull/9707)). Fixes #23903.
+ * Update copy of 'Change layout' button to match Element Call ([\#9703](https://github.com/matrix-org/matrix-react-sdk/pull/9703)).
+ * Fix call splitbrains when switching between rooms ([\#9692](https://github.com/matrix-org/matrix-react-sdk/pull/9692)).
+ * bugfix: fix an issue where the Notifier would incorrectly fire for non-timeline events ([\#9664](https://github.com/matrix-org/matrix-react-sdk/pull/9664)). Fixes #17263.
+ * Fix power selector being wrongly disabled for admins themselves ([\#9681](https://github.com/matrix-org/matrix-react-sdk/pull/9681)). Fixes #23882.
+ * Show day counts in call durations ([\#9641](https://github.com/matrix-org/matrix-react-sdk/pull/9641)).
+
+Changes in [1.11.16](https://github.com/vector-im/element-web/releases/tag/v1.11.16) (2022-12-06)
+=================================================================================================
+
+## ✨ Features
+ * Further improve replies ([\#6396](https://github.com/matrix-org/matrix-react-sdk/pull/6396)). Fixes #19074, #18194 #18027 and #19179.
+ * Enable users to join group calls from multiple devices ([\#9625](https://github.com/matrix-org/matrix-react-sdk/pull/9625)).
+ * fix(visual): make cursor a pointer for summaries ([\#9419](https://github.com/matrix-org/matrix-react-sdk/pull/9419)). Contributed by @r00ster91.
+ * Add placeholder for rich text editor ([\#9613](https://github.com/matrix-org/matrix-react-sdk/pull/9613)).
+ * Consolidate public room search experience ([\#9605](https://github.com/matrix-org/matrix-react-sdk/pull/9605)). Fixes #22846.
+ * New password reset flow ([\#9581](https://github.com/matrix-org/matrix-react-sdk/pull/9581)). Fixes #23131.
+ * Device manager - add tooltip to device details toggle ([\#9594](https://github.com/matrix-org/matrix-react-sdk/pull/9594)).
+ * sliding sync: add lazy-loading member support ([\#9530](https://github.com/matrix-org/matrix-react-sdk/pull/9530)).
+ * Limit formatting bar offset to top of composer ([\#9365](https://github.com/matrix-org/matrix-react-sdk/pull/9365)). Fixes #12359. Contributed by @owi92.
+
+## 🐛 Bug Fixes
+ * Fix issues around up arrow event edit shortcut ([\#9645](https://github.com/matrix-org/matrix-react-sdk/pull/9645)). Fixes #18497 and #18964.
+ * Fix search not being cleared when clicking on a result ([\#9635](https://github.com/matrix-org/matrix-react-sdk/pull/9635)). Fixes #23845.
+ * Fix screensharing in 1:1 calls ([\#9612](https://github.com/matrix-org/matrix-react-sdk/pull/9612)). Fixes #23808.
+ * Fix the background color flashing when joining a call ([\#9640](https://github.com/matrix-org/matrix-react-sdk/pull/9640)).
+ * Fix the size of the 'Private space' icon ([\#9638](https://github.com/matrix-org/matrix-react-sdk/pull/9638)).
+ * Fix reply editing in rich text editor (https ([\#9615](https://github.com/matrix-org/matrix-react-sdk/pull/9615)).
+ * Fix thread list jumping back down while scrolling ([\#9606](https://github.com/matrix-org/matrix-react-sdk/pull/9606)). Fixes #23727.
+ * Fix regression with TimelinePanel props updates not taking effect ([\#9608](https://github.com/matrix-org/matrix-react-sdk/pull/9608)). Fixes #23794.
+ * Fix form tooltip positioning ([\#9598](https://github.com/matrix-org/matrix-react-sdk/pull/9598)). Fixes #22861.
+ * Extract Search handling from RoomView into its own Component ([\#9574](https://github.com/matrix-org/matrix-react-sdk/pull/9574)). Fixes #498.
+ * Fix call splitbrains when switching between rooms ([\#9692](https://github.com/matrix-org/matrix-react-sdk/pull/9692)).
+ * [Backport staging] Fix replies to emotes not showing as inline ([\#9708](https://github.com/matrix-org/matrix-react-sdk/pull/9708)).
+
+Changes in [1.11.15](https://github.com/vector-im/element-web/releases/tag/v1.11.15) (2022-11-22)
+=================================================================================================
+
+## ✨ Features
+ * Make clear notifications work with threads ([\#9575](https://github.com/matrix-org/matrix-react-sdk/pull/9575)). Fixes #23751.
+ * Change "None" to "Off" in notification options ([\#9539](https://github.com/matrix-org/matrix-react-sdk/pull/9539)). Contributed by @Arnei.
+ * Advanced audio processing settings ([\#8759](https://github.com/matrix-org/matrix-react-sdk/pull/8759)). Fixes #6278. Contributed by @MrAnno.
+ * Add way to create a user notice via config.json ([\#9559](https://github.com/matrix-org/matrix-react-sdk/pull/9559)).
+ * Improve design of the rich text editor ([\#9533](https://github.com/matrix-org/matrix-react-sdk/pull/9533)). Contributed by @florianduros.
+ * Enable user to zoom beyond image size ([\#5949](https://github.com/matrix-org/matrix-react-sdk/pull/5949)). Contributed by @jaiwanth-v.
+ * Fix: Move "Leave Space" option to the bottom of space context menu ([\#9535](https://github.com/matrix-org/matrix-react-sdk/pull/9535)). Contributed by @hanadi92.
+
+## 🐛 Bug Fixes
+ * Make build scripts work on NixOS ([\#23740](https://github.com/vector-im/element-web/pull/23740)).
+ * Fix integration manager `get_open_id_token` action and add E2E tests ([\#9520](https://github.com/matrix-org/matrix-react-sdk/pull/9520)).
+ * Fix links being mangled by markdown processing ([\#9570](https://github.com/matrix-org/matrix-react-sdk/pull/9570)). Fixes #23743.
+ * Fix: inline links selecting radio button ([\#9543](https://github.com/matrix-org/matrix-react-sdk/pull/9543)). Contributed by @hanadi92.
+ * Fix wrong error message in registration when phone number threepid is in use. ([\#9571](https://github.com/matrix-org/matrix-react-sdk/pull/9571)). Contributed by @bagvand.
+ * Fix missing avatar for show current profiles ([\#9563](https://github.com/matrix-org/matrix-react-sdk/pull/9563)). Fixes #23733.
+ * Fix read receipts trickling down correctly ([\#9567](https://github.com/matrix-org/matrix-react-sdk/pull/9567)). Fixes #23746.
+ * Resilience fix for homeserver without thread notification support ([\#9565](https://github.com/matrix-org/matrix-react-sdk/pull/9565)).
+ * Don't switch to the home page needlessly after leaving a room ([\#9477](https://github.com/matrix-org/matrix-react-sdk/pull/9477)).
+ * Differentiate download and decryption errors when showing images ([\#9562](https://github.com/matrix-org/matrix-react-sdk/pull/9562)). Fixes #3892.
+ * Close context menu when a modal is opened to prevent user getting stuck ([\#9560](https://github.com/matrix-org/matrix-react-sdk/pull/9560)). Fixes #15610 and #10781.
+ * Fix TimelineReset handling when no room associated ([\#9553](https://github.com/matrix-org/matrix-react-sdk/pull/9553)).
+ * Always use current profile on thread events ([\#9524](https://github.com/matrix-org/matrix-react-sdk/pull/9524)). Fixes #23648.
+ * Fix `ThreadView` tests not using thread flag ([\#9547](https://github.com/matrix-org/matrix-react-sdk/pull/9547)). Contributed by @MadLittleMods.
+ * Handle deletion of `m.call` events ([\#9540](https://github.com/matrix-org/matrix-react-sdk/pull/9540)). Fixes #23663.
+ * Fix incorrect notification count after leaving a room with notifications ([\#9518](https://github.com/matrix-org/matrix-react-sdk/pull/9518)). Contributed by @Arnei.
+
+Changes in [1.11.14](https://github.com/vector-im/element-web/releases/tag/v1.11.14) (2022-11-08)
+=================================================================================================
+
+## ✨ Features
+ * Loading threads with server-side assistance ([\#9356](https://github.com/matrix-org/matrix-react-sdk/pull/9356)). Fixes #21807, #21799, #21911, #22141, #22157, #22641, #22501 #22438 and #21678. Contributed by @justjanne.
+ * Make thread replies trigger a room list re-ordering ([\#9510](https://github.com/matrix-org/matrix-react-sdk/pull/9510)). Fixes #21700.
+ * Device manager - add extra details to device security and renaming ([\#9501](https://github.com/matrix-org/matrix-react-sdk/pull/9501)). Contributed by @kerryarchibald.
+ * Add plain text mode to the wysiwyg composer ([\#9503](https://github.com/matrix-org/matrix-react-sdk/pull/9503)). Contributed by @florianduros.
+ * Sliding Sync: improve sort order, show subspace rooms, better tombstoned room handling ([\#9484](https://github.com/matrix-org/matrix-react-sdk/pull/9484)).
+ * Device manager - add learn more popups to filtered sessions section ([\#9497](https://github.com/matrix-org/matrix-react-sdk/pull/9497)). Contributed by @kerryarchibald.
+ * Show thread notification if thread timeline is closed ([\#9495](https://github.com/matrix-org/matrix-react-sdk/pull/9495)). Fixes #23589.
+ * Add message editing to wysiwyg composer ([\#9488](https://github.com/matrix-org/matrix-react-sdk/pull/9488)). Contributed by @florianduros.
+ * Device manager - confirm sign out of other sessions ([\#9487](https://github.com/matrix-org/matrix-react-sdk/pull/9487)). Contributed by @kerryarchibald.
+ * Automatically request logs from other users in a call when submitting logs ([\#9492](https://github.com/matrix-org/matrix-react-sdk/pull/9492)).
+ * Add thread notification with server assistance (MSC3773) ([\#9400](https://github.com/matrix-org/matrix-react-sdk/pull/9400)). Fixes #21114, #21413, #21416, #21433, #21481, #21798, #21823 #23192 and #21765.
+ * Support for login + E2EE set up with QR ([\#9403](https://github.com/matrix-org/matrix-react-sdk/pull/9403)). Contributed by @hughns.
+ * Allow pressing Enter to send messages in new composer ([\#9451](https://github.com/matrix-org/matrix-react-sdk/pull/9451)). Contributed by @andybalaam.
+
+## 🐛 Bug Fixes
+ * Fix regressions around media uploads failing and causing soft crashes ([\#9549](https://github.com/matrix-org/matrix-react-sdk/pull/9549)). Fixes matrix-org/element-web-rageshakes#16831, matrix-org/element-web-rageshakes#16824 matrix-org/element-web-rageshakes#16810 and vector-im/element-web#23641.
+ * Fix /myroomavatar slash command ([\#9536](https://github.com/matrix-org/matrix-react-sdk/pull/9536)). Fixes matrix-org/synapse#14321.
+ * Fix config.json failing to load for Jitsi wrapper in non-root deployment ([\#23577](https://github.com/vector-im/element-web/pull/23577)).
+ * Fix NotificationBadge unsent color ([\#9522](https://github.com/matrix-org/matrix-react-sdk/pull/9522)). Fixes #23646.
+ * Fix room list sorted by recent on app startup ([\#9515](https://github.com/matrix-org/matrix-react-sdk/pull/9515)). Fixes #23635.
+ * Reset custom power selector when blurred on empty ([\#9508](https://github.com/matrix-org/matrix-react-sdk/pull/9508)). Fixes #23481.
+ * Reinstate timeline/redaction callbacks when updating notification state ([\#9494](https://github.com/matrix-org/matrix-react-sdk/pull/9494)). Fixes #23554.
+ * Only render NotificationBadge when needed ([\#9493](https://github.com/matrix-org/matrix-react-sdk/pull/9493)). Fixes #23584.
+ * Fix embedded Element Call screen sharing ([\#9485](https://github.com/matrix-org/matrix-react-sdk/pull/9485)). Fixes #23571.
+ * Send Content-Type: application/json header for integration manager /register API ([\#9490](https://github.com/matrix-org/matrix-react-sdk/pull/9490)). Fixes #23580.
+ * Fix joining calls without audio or video inputs ([\#9486](https://github.com/matrix-org/matrix-react-sdk/pull/9486)). Fixes #23511.
+ * Ensure spaces in the spotlight dialog have rounded square avatars ([\#9480](https://github.com/matrix-org/matrix-react-sdk/pull/9480)). Fixes #23515.
+ * Only show mini avatar uploader in room intro when no avatar yet exists ([\#9479](https://github.com/matrix-org/matrix-react-sdk/pull/9479)). Fixes #23552.
+ * Fix threads fallback incorrectly targets root event ([\#9229](https://github.com/matrix-org/matrix-react-sdk/pull/9229)). Fixes #23147.
+ * Align video call icon with banner text ([\#9460](https://github.com/matrix-org/matrix-react-sdk/pull/9460)).
+ * Set relations helper when creating event tile context menu ([\#9253](https://github.com/matrix-org/matrix-react-sdk/pull/9253)). Fixes #22018.
+ * Device manager - put client/browser device metadata in correct section ([\#9447](https://github.com/matrix-org/matrix-react-sdk/pull/9447)). Contributed by @kerryarchibald.
+ * Update the room unread notification counter when the server changes the value without any related read receipt ([\#9438](https://github.com/matrix-org/matrix-react-sdk/pull/9438)).
+
+Changes in [1.11.13](https://github.com/vector-im/element-web/releases/tag/v1.11.13) (2022-11-01)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix default behavior of Room.getBlacklistUnverifiedDevices ([\#2830](https://github.com/matrix-org/matrix-js-sdk/pull/2830)). Contributed by @duxovni.
+ * Catch server versions API call exception when starting the client ([\#2828](https://github.com/matrix-org/matrix-js-sdk/pull/2828)). Fixes vector-im/element-web#23634.
+ * Fix authedRequest including `Authorization: Bearer undefined` for password resets ([\#2822](https://github.com/matrix-org/matrix-js-sdk/pull/2822)). Fixes vector-im/element-web#23655.
+
+Changes in [1.11.12](https://github.com/vector-im/element-web/releases/tag/v1.11.12) (2022-10-26)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix config.json failing to load for Jitsi wrapper in non-root deployment ([\#23577](https://github.com/vector-im/element-web/pull/23577)).
+
+Changes in [1.11.11](https://github.com/vector-im/element-web/releases/tag/v1.11.11) (2022-10-25)
+=================================================================================================
+
+## ✨ Features
+ * Device manager - tweak string formatting of default device name ([\#23457](https://github.com/vector-im/element-web/pull/23457)).
+ * Add Element Call participant limit ([\#23431](https://github.com/vector-im/element-web/pull/23431)).
+ * Add Element Call `brand` ([\#23443](https://github.com/vector-im/element-web/pull/23443)).
+ * Include a file-safe room name and ISO date in chat exports ([\#9440](https://github.com/matrix-org/matrix-react-sdk/pull/9440)). Fixes #21812 and #19724.
+ * Room call banner ([\#9378](https://github.com/matrix-org/matrix-react-sdk/pull/9378)). Fixes #23453. Contributed by @toger5.
+ * Device manager - spinners while devices are signing out ([\#9433](https://github.com/matrix-org/matrix-react-sdk/pull/9433)). Fixes #15865.
+ * Device manager - silence call ringers when local notifications are silenced ([\#9420](https://github.com/matrix-org/matrix-react-sdk/pull/9420)).
+ * Pass the current language to Element Call ([\#9427](https://github.com/matrix-org/matrix-react-sdk/pull/9427)).
+ * Hide screen-sharing button in Element Call on desktop ([\#9423](https://github.com/matrix-org/matrix-react-sdk/pull/9423)).
+ * Add reply support to WysiwygComposer ([\#9422](https://github.com/matrix-org/matrix-react-sdk/pull/9422)). Contributed by @florianduros.
+ * Disconnect other connected devices (of the same user) when joining an Element call ([\#9379](https://github.com/matrix-org/matrix-react-sdk/pull/9379)).
+ * Device manager - device tile main click target ([\#9409](https://github.com/matrix-org/matrix-react-sdk/pull/9409)).
+ * Add formatting buttons to the rich text editor ([\#9410](https://github.com/matrix-org/matrix-react-sdk/pull/9410)). Contributed by @florianduros.
+ * Device manager - current session context menu ([\#9386](https://github.com/matrix-org/matrix-react-sdk/pull/9386)).
+ * Remove piwik config fallback for privacy policy URL ([\#9390](https://github.com/matrix-org/matrix-react-sdk/pull/9390)).
+ * Add the first step to integrate the matrix wysiwyg composer ([\#9374](https://github.com/matrix-org/matrix-react-sdk/pull/9374)). Contributed by @florianduros.
+ * Device manager - UA parsing tweaks ([\#9382](https://github.com/matrix-org/matrix-react-sdk/pull/9382)).
+ * Device manager - remove client information events when disabling setting ([\#9384](https://github.com/matrix-org/matrix-react-sdk/pull/9384)).
+ * Add Element Call participant limit ([\#9358](https://github.com/matrix-org/matrix-react-sdk/pull/9358)).
+ * Add Element Call room settings ([\#9347](https://github.com/matrix-org/matrix-react-sdk/pull/9347)).
+ * Device manager - render extended device information ([\#9360](https://github.com/matrix-org/matrix-react-sdk/pull/9360)).
+ * New group call experience: Room header and PiP designs ([\#9351](https://github.com/matrix-org/matrix-react-sdk/pull/9351)).
+ * Pass language to Jitsi Widget ([\#9346](https://github.com/matrix-org/matrix-react-sdk/pull/9346)). Contributed by @Fox32.
+ * Add notifications and toasts for Element Call calls ([\#9337](https://github.com/matrix-org/matrix-react-sdk/pull/9337)).
+ * Device manager - device type icon ([\#9355](https://github.com/matrix-org/matrix-react-sdk/pull/9355)).
+ * Delete the remainder of groups ([\#9357](https://github.com/matrix-org/matrix-react-sdk/pull/9357)). Fixes #22770.
+ * Device manager - display client information in device details ([\#9315](https://github.com/matrix-org/matrix-react-sdk/pull/9315)).
+
+## 🐛 Bug Fixes
+ * Send Content-Type: application/json header for integration manager /register API ([\#9490](https://github.com/matrix-org/matrix-react-sdk/pull/9490)). Fixes #23580.
+ * Make ErrorView & CompatibilityView scrollable ([\#23468](https://github.com/vector-im/element-web/pull/23468)). Fixes #23376.
+ * Device manager - put client/browser device metadata in correct section ([\#9447](https://github.com/matrix-org/matrix-react-sdk/pull/9447)).
+ * update the room unread notification counter when the server changes the value without any related read receipt ([\#9438](https://github.com/matrix-org/matrix-react-sdk/pull/9438)).
+ * Don't show call banners in video rooms ([\#9441](https://github.com/matrix-org/matrix-react-sdk/pull/9441)).
+ * Prevent useContextMenu isOpen from being true if the button ref goes away ([\#9418](https://github.com/matrix-org/matrix-react-sdk/pull/9418)). Fixes matrix-org/element-web-rageshakes#15637.
+ * Automatically focus the WYSIWYG composer when you enter a room ([\#9412](https://github.com/matrix-org/matrix-react-sdk/pull/9412)).
+ * Improve the tooltips on the call lobby join button ([\#9428](https://github.com/matrix-org/matrix-react-sdk/pull/9428)).
+ * Pass the homeserver's base URL to Element Call ([\#9429](https://github.com/matrix-org/matrix-react-sdk/pull/9429)). Fixes #23301.
+ * Better accommodate long room names in call toasts ([\#9426](https://github.com/matrix-org/matrix-react-sdk/pull/9426)).
+ * Hide virtual widgets from the room info panel ([\#9424](https://github.com/matrix-org/matrix-react-sdk/pull/9424)). Fixes #23494.
+ * Inhibit clicking on sender avatar in threads list ([\#9417](https://github.com/matrix-org/matrix-react-sdk/pull/9417)). Fixes #23482.
+ * Correct the dir parameter of MSC3715 ([\#9391](https://github.com/matrix-org/matrix-react-sdk/pull/9391)). Contributed by @dhenneke.
+ * Use a more correct subset of users in `/remakeolm` developer command ([\#9402](https://github.com/matrix-org/matrix-react-sdk/pull/9402)).
+ * use correct default for notification silencing ([\#9388](https://github.com/matrix-org/matrix-react-sdk/pull/9388)). Fixes #23456.
+ * Device manager - eagerly create `m.local_notification_settings` events ([\#9353](https://github.com/matrix-org/matrix-react-sdk/pull/9353)).
+ * Close incoming Element call toast when viewing the call lobby ([\#9375](https://github.com/matrix-org/matrix-react-sdk/pull/9375)).
+ * Always allow enabling sending read receipts ([\#9367](https://github.com/matrix-org/matrix-react-sdk/pull/9367)). Fixes #23433.
+ * Fixes (vector-im/element-web/issues/22609) where the white theme is not applied when `white -> dark -> white` sequence is done. ([\#9320](https://github.com/matrix-org/matrix-react-sdk/pull/9320)). Contributed by @florianduros.
+ * Fix applying programmatically set height for "top" room layout ([\#9339](https://github.com/matrix-org/matrix-react-sdk/pull/9339)). Contributed by @Fox32.
+
+Changes in [1.11.10](https://github.com/vector-im/element-web/releases/tag/v1.11.10) (2022-10-11)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Use correct default for notification silencing ([\#9388](https://github.com/matrix-org/matrix-react-sdk/pull/9388)). Fixes vector-im/element-web#23456.
+
+Changes in [1.11.9](https://github.com/vector-im/element-web/releases/tag/v1.11.9) (2022-10-11)
+===============================================================================================
+
+##   Deprecations
+ * Legacy Piwik config.json option `piwik.policy_url` is deprecated in favour of `privacy_policy_url`. Support will be removed in the next release.
+
+## ✨ Features
+ * Device manager - select all devices ([\#9330](https://github.com/matrix-org/matrix-react-sdk/pull/9330)). Contributed by @kerryarchibald.
+ * New group call experience: Call tiles ([\#9332](https://github.com/matrix-org/matrix-react-sdk/pull/9332)).
+ * Add Shift key to FormatQuote keyboard shortcut ([\#9298](https://github.com/matrix-org/matrix-react-sdk/pull/9298)). Contributed by @owi92.
+ * Device manager - sign out of multiple sessions ([\#9325](https://github.com/matrix-org/matrix-react-sdk/pull/9325)). Contributed by @kerryarchibald.
+ * Display push toggle for web sessions (MSC3890) ([\#9327](https://github.com/matrix-org/matrix-react-sdk/pull/9327)).
+ * Add device notifications enabled switch ([\#9324](https://github.com/matrix-org/matrix-react-sdk/pull/9324)).
+ * Implement push notification toggle in device detail ([\#9308](https://github.com/matrix-org/matrix-react-sdk/pull/9308)).
+ * New group call experience: Starting and ending calls ([\#9318](https://github.com/matrix-org/matrix-react-sdk/pull/9318)).
+ * New group call experience: Room header call buttons ([\#9311](https://github.com/matrix-org/matrix-react-sdk/pull/9311)).
+ * Make device ID copyable in device list ([\#9297](https://github.com/matrix-org/matrix-react-sdk/pull/9297)). Contributed by @duxovni.
+ * Use display name instead of user ID when rendering power events ([\#9295](https://github.com/matrix-org/matrix-react-sdk/pull/9295)).
+ * Read receipts for threads ([\#9239](https://github.com/matrix-org/matrix-react-sdk/pull/9239)). Fixes #23191.
+
+## 🐛 Bug Fixes
+ * Use the correct sender key when checking shared secret ([\#2730](https://github.com/matrix-org/matrix-js-sdk/pull/2730)). Fixes vector-im/element-web#23374.
+ * Fix device selection in pre-join screen for Element Call video rooms ([\#9321](https://github.com/matrix-org/matrix-react-sdk/pull/9321)). Fixes #23331.
+ * Don't render a 1px high room topic if the room topic is empty ([\#9317](https://github.com/matrix-org/matrix-react-sdk/pull/9317)). Contributed by @Arnei.
+ * Don't show feedback prompts when that UIFeature is disabled ([\#9305](https://github.com/matrix-org/matrix-react-sdk/pull/9305)). Fixes #23327.
+ * Fix soft crash around unknown room pills ([\#9301](https://github.com/matrix-org/matrix-react-sdk/pull/9301)). Fixes matrix-org/element-web-rageshakes#15465.
+ * Fix spaces feedback prompt wrongly showing when feedback is disabled ([\#9302](https://github.com/matrix-org/matrix-react-sdk/pull/9302)). Fixes #23314.
+ * Fix tile soft crash in ReplyInThreadButton ([\#9300](https://github.com/matrix-org/matrix-react-sdk/pull/9300)). Fixes matrix-org/element-web-rageshakes#15493.
+
+Changes in [1.11.8](https://github.com/vector-im/element-web/releases/tag/v1.11.8) (2022-09-28)
+===============================================================================================
+
+## 🐛 Bug Fixes
+ * Bump IDB crypto store version ([\#2705](https://github.com/matrix-org/matrix-js-sdk/pull/2705)).
+
+Changes in [1.11.7](https://github.com/vector-im/element-web/releases/tag/v1.11.7) (2022-09-28)
+===============================================================================================
+
+## 🔒 Security
+* Fix for [CVE-2022-39249](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE%2D2022%2D39249)
+* Fix for [CVE-2022-39250](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE%2D2022%2D39250)
+* Fix for [CVE-2022-39251](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE%2D2022%2D39251)
+* Fix for [CVE-2022-39236](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE%2D2022%2D39236)
+
+Changes in [1.11.6](https://github.com/vector-im/element-web/releases/tag/v1.11.6) (2022-09-20)
+=========================================================================================================
+
+## ✨ Features
+ * Element Call video rooms ([\#9267](https://github.com/matrix-org/matrix-react-sdk/pull/9267)).
+ * Device manager - rename session ([\#9282](https://github.com/matrix-org/matrix-react-sdk/pull/9282)).
+ * Allow widgets to read related events ([\#9210](https://github.com/matrix-org/matrix-react-sdk/pull/9210)). Contributed by @dhenneke.
+ * Device manager - logout of other session ([\#9280](https://github.com/matrix-org/matrix-react-sdk/pull/9280)).
+ * Device manager - logout current session ([\#9275](https://github.com/matrix-org/matrix-react-sdk/pull/9275)).
+ * Device manager - verify other devices ([\#9274](https://github.com/matrix-org/matrix-react-sdk/pull/9274)).
+ * Allow integration managers to remove users ([\#9211](https://github.com/matrix-org/matrix-react-sdk/pull/9211)).
+ * Device manager - add verify current session button ([\#9252](https://github.com/matrix-org/matrix-react-sdk/pull/9252)).
+ * Add NotifPanel dot back. ([\#9242](https://github.com/matrix-org/matrix-react-sdk/pull/9242)). Fixes #17641.
+ * Implement MSC3575: Sliding Sync ([\#8328](https://github.com/matrix-org/matrix-react-sdk/pull/8328)).
+ * Add the clipboard read permission for widgets ([\#9250](https://github.com/matrix-org/matrix-react-sdk/pull/9250)). Contributed by @stefanmuhle.
+
+## 🐛 Bug Fixes
+ * Make autocomplete pop-up wider in thread view ([\#9289](https://github.com/matrix-org/matrix-react-sdk/pull/9289)).
+ * Fix soft crash around inviting invalid MXIDs in start DM on first message flow ([\#9281](https://github.com/matrix-org/matrix-react-sdk/pull/9281)). Fixes matrix-org/element-web-rageshakes#15060 and matrix-org/element-web-rageshakes#15140.
+ * Fix in-reply-to previews not disappearing when swapping rooms ([\#9278](https://github.com/matrix-org/matrix-react-sdk/pull/9278)).
+ * Fix invalid instanceof operand window.OffscreenCanvas ([\#9276](https://github.com/matrix-org/matrix-react-sdk/pull/9276)). Fixes #23275.
+ * Fix memory leak caused by unremoved listener ([\#9273](https://github.com/matrix-org/matrix-react-sdk/pull/9273)).
+ * Fix thumbnail generation when offscreen canvas fails ([\#9272](https://github.com/matrix-org/matrix-react-sdk/pull/9272)). Fixes #23265.
+ * Prevent sliding sync from showing a room under multiple sublists ([\#9266](https://github.com/matrix-org/matrix-react-sdk/pull/9266)).
+ * Fix tile crash around tooltipify links ([\#9270](https://github.com/matrix-org/matrix-react-sdk/pull/9270)). Fixes #23253.
+ * Device manager - filter out nulled metadatas in device tile properly ([\#9251](https://github.com/matrix-org/matrix-react-sdk/pull/9251)).
+ * Fix a sliding sync bug which could cause rooms to loop ([\#9268](https://github.com/matrix-org/matrix-react-sdk/pull/9268)).
+ * Remove the grey gradient on images in bubbles in the timeline ([\#9241](https://github.com/matrix-org/matrix-react-sdk/pull/9241)). Fixes #21651.
+ * Fix html export not including images ([\#9260](https://github.com/matrix-org/matrix-react-sdk/pull/9260)). Fixes #22059.
+ * Fix possible soft crash from a race condition in space hierarchies ([\#9254](https://github.com/matrix-org/matrix-react-sdk/pull/9254)). Fixes matrix-org/element-web-rageshakes#15225.
+ * Disable all types of autocorrect, -complete, -capitalize, etc on Spotlight's search field ([\#9259](https://github.com/matrix-org/matrix-react-sdk/pull/9259)).
+ * Handle M_INVALID_USERNAME on /register/available ([\#9237](https://github.com/matrix-org/matrix-react-sdk/pull/9237)). Fixes #23161.
+ * Fix issue with quiet zone around QR code ([\#9243](https://github.com/matrix-org/matrix-react-sdk/pull/9243)). Fixes #23199.
+
+Changes in [1.11.5](https://github.com/vector-im/element-web/releases/tag/v1.11.5) (2022-09-13)
+===============================================================================================
+
+## ✨ Features
+ * Device manager - hide unverified security recommendation when only current session is unverified ([\#9228](https://github.com/matrix-org/matrix-react-sdk/pull/9228)). Contributed by @kerryarchibald.
+ * Device manager - scroll to filtered list from security recommendations ([\#9227](https://github.com/matrix-org/matrix-react-sdk/pull/9227)). Contributed by @kerryarchibald.
+ * Device manager - updated dropdown style in filtered device list ([\#9226](https://github.com/matrix-org/matrix-react-sdk/pull/9226)). Contributed by @kerryarchibald.
+ * Device manager - device type and verification icons on device tile ([\#9197](https://github.com/matrix-org/matrix-react-sdk/pull/9197)). Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Description of DM room with more than two other people is now being displayed correctly ([\#9231](https://github.com/matrix-org/matrix-react-sdk/pull/9231)). Fixes #23094.
+ * Fix voice messages with multiple composers ([\#9208](https://github.com/matrix-org/matrix-react-sdk/pull/9208)). Fixes #23023. Contributed by @grimhilt.
+ * Fix suggested rooms going missing ([\#9236](https://github.com/matrix-org/matrix-react-sdk/pull/9236)). Fixes #23190.
+ * Fix tooltip infinitely recursing ([\#9235](https://github.com/matrix-org/matrix-react-sdk/pull/9235)). Fixes matrix-org/element-web-rageshakes#15107, matrix-org/element-web-rageshakes#15093 matrix-org/element-web-rageshakes#15092 and matrix-org/element-web-rageshakes#15077.
+ * Fix plain text export saving ([\#9230](https://github.com/matrix-org/matrix-react-sdk/pull/9230)). Contributed by @jryans.
+ * Add missing space in SecurityRoomSettingsTab ([\#9222](https://github.com/matrix-org/matrix-react-sdk/pull/9222)). Contributed by @gefgu.
+ * Make use of js-sdk roomNameGenerator to handle i18n for generated room names ([\#9209](https://github.com/matrix-org/matrix-react-sdk/pull/9209)). Fixes #21369.
+ * Fix progress bar regression throughout the app ([\#9219](https://github.com/matrix-org/matrix-react-sdk/pull/9219)). Fixes #23121.
+ * Reuse empty string & space string logic for event types in devtools ([\#9218](https://github.com/matrix-org/matrix-react-sdk/pull/9218)). Fixes #23115.
+
+Changes in [1.11.4](https://github.com/vector-im/element-web/releases/tag/v1.11.4) (2022-08-31)
+===============================================================================================
+
+## 🔒 Security
+* Fixes for [CVE-2022-36059](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE%2D2022%2D36059) and [CVE-2022-36060](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE%2D2022%2D36060)
+
+Learn more about what we've been up to at https://element.io/blog/element-web-desktop-1-11-4-a-security-update-deferred-dms-and-more/
+Find more details of the vulnerabilities at https://matrix.org/blog/2022/08/31/security-releases-matrix-js-sdk-19-4-0-and-matrix-react-sdk-3-53-0
+
+## ✨ Features
+ * Device manager - scroll to filtered list from security recommendations ([\#9227](https://github.com/matrix-org/matrix-react-sdk/pull/9227)). Contributed by @kerryarchibald.
+ * Device manager - updated dropdown style in filtered device list ([\#9226](https://github.com/matrix-org/matrix-react-sdk/pull/9226)). Contributed by @kerryarchibald.
+ * Device manager - device type and verification icons on device tile ([\#9197](https://github.com/matrix-org/matrix-react-sdk/pull/9197)). Contributed by @kerryarchibald.
+ * Ignore unreads in low priority rooms in the space panel ([\#6518](https://github.com/matrix-org/matrix-react-sdk/pull/6518)). Fixes #16836.
+ * Release message right-click context menu out of labs ([\#8613](https://github.com/matrix-org/matrix-react-sdk/pull/8613)).
+ * Device manager - expandable session details in device list ([\#9188](https://github.com/matrix-org/matrix-react-sdk/pull/9188)). Contributed by @kerryarchibald.
+ * Device manager - device list filtering ([\#9181](https://github.com/matrix-org/matrix-react-sdk/pull/9181)). Contributed by @kerryarchibald.
+ * Device manager - add verification details to session details ([\#9187](https://github.com/matrix-org/matrix-react-sdk/pull/9187)). Contributed by @kerryarchibald.
+ * Device manager - current session expandable details ([\#9185](https://github.com/matrix-org/matrix-react-sdk/pull/9185)). Contributed by @kerryarchibald.
+ * Device manager - security recommendations section ([\#9179](https://github.com/matrix-org/matrix-react-sdk/pull/9179)). Contributed by @kerryarchibald.
+ * The Welcome Home Screen: Return Button ([\#9089](https://github.com/matrix-org/matrix-react-sdk/pull/9089)). Fixes #22917. Contributed by @justjanne.
+ * Device manager - label devices as inactive ([\#9175](https://github.com/matrix-org/matrix-react-sdk/pull/9175)). Contributed by @kerryarchibald.
+ * Device manager - other sessions list ([\#9155](https://github.com/matrix-org/matrix-react-sdk/pull/9155)). Contributed by @kerryarchibald.
+ * Implement MSC3846: Allowing widgets to access TURN servers ([\#9061](https://github.com/matrix-org/matrix-react-sdk/pull/9061)).
+ * Allow widgets to send/receive to-device messages ([\#8885](https://github.com/matrix-org/matrix-react-sdk/pull/8885)).
+
+## 🐛 Bug Fixes
+ * Add super cool feature ([\#9222](https://github.com/matrix-org/matrix-react-sdk/pull/9222)). Contributed by @gefgu.
+ * Make use of js-sdk roomNameGenerator to handle i18n for generated room names ([\#9209](https://github.com/matrix-org/matrix-react-sdk/pull/9209)). Fixes #21369.
+ * Fix progress bar regression throughout the app ([\#9219](https://github.com/matrix-org/matrix-react-sdk/pull/9219)). Fixes #23121.
+ * Reuse empty string & space string logic for event types in devtools ([\#9218](https://github.com/matrix-org/matrix-react-sdk/pull/9218)). Fixes #23115.
+ * Reduce amount of requests done by the onboarding task list ([\#9194](https://github.com/matrix-org/matrix-react-sdk/pull/9194)). Fixes #23085. Contributed by @justjanne.
+ * Avoid hardcoding branding in user onboarding ([\#9206](https://github.com/matrix-org/matrix-react-sdk/pull/9206)). Fixes #23111. Contributed by @justjanne.
+ * End jitsi call when member is banned ([\#8879](https://github.com/matrix-org/matrix-react-sdk/pull/8879)). Contributed by @maheichyk.
+ * Fix context menu being opened when clicking message action bar buttons ([\#9200](https://github.com/matrix-org/matrix-react-sdk/pull/9200)). Fixes #22279 and #23100.
+ * Add gap between checkbox and text in report dialog following the same pattern (8px) used in the gap between the two buttons. It fixes vector-im/element-web#23060 ([\#9195](https://github.com/matrix-org/matrix-react-sdk/pull/9195)). Contributed by @gefgu.
+ * Fix url preview AXE and layout issue & add percy test ([\#9189](https://github.com/matrix-org/matrix-react-sdk/pull/9189)). Fixes #23083.
+ * Wrap long space names ([\#9201](https://github.com/matrix-org/matrix-react-sdk/pull/9201)). Fixes #23095.
+ * Attempt to fix `Failed to execute 'removeChild' on 'Node'` ([\#9196](https://github.com/matrix-org/matrix-react-sdk/pull/9196)).
+ * Fix soft crash around space hierarchy changing between spaces ([\#9191](https://github.com/matrix-org/matrix-react-sdk/pull/9191)). Fixes matrix-org/element-web-rageshakes#14613.
+ * Fix soft crash around room view store metrics ([\#9190](https://github.com/matrix-org/matrix-react-sdk/pull/9190)). Fixes matrix-org/element-web-rageshakes#14361.
+ * Fix the same person appearing multiple times when searching for them. ([\#9177](https://github.com/matrix-org/matrix-react-sdk/pull/9177)). Fixes #22851.
+ * Fix space panel subspace indentation going missing ([\#9167](https://github.com/matrix-org/matrix-react-sdk/pull/9167)). Fixes #23049.
+ * Fix invisible power levels tile when showing hidden events ([\#9162](https://github.com/matrix-org/matrix-react-sdk/pull/9162)). Fixes #23013.
+ * Space panel accessibility improvements ([\#9157](https://github.com/matrix-org/matrix-react-sdk/pull/9157)). Fixes #22995.
+ * Fix inverted logic for showing UserWelcomeTop component ([\#9164](https://github.com/matrix-org/matrix-react-sdk/pull/9164)). Fixes #23037.
+
+Changes in [1.11.3](https://github.com/vector-im/element-web/releases/tag/v1.11.3) (2022-08-16)
+===============================================================================================
+
+## ✨ Features
+ * Improve auth aria attributes and semantics ([\#22948](https://github.com/vector-im/element-web/pull/22948)).
+ * Device manager - New device tile info design ([\#9122](https://github.com/matrix-org/matrix-react-sdk/pull/9122)). Contributed by @kerryarchibald.
+ * Device manager generic settings subsection component ([\#9147](https://github.com/matrix-org/matrix-react-sdk/pull/9147)). Contributed by @kerryarchibald.
+ * Migrate the hidden read receipts flag to new "send read receipts" option ([\#9141](https://github.com/matrix-org/matrix-react-sdk/pull/9141)).
+ * Live location sharing - share location at most every 5 seconds ([\#9148](https://github.com/matrix-org/matrix-react-sdk/pull/9148)). Contributed by @kerryarchibald.
+ * Increase max length of voice messages to 15m ([\#9133](https://github.com/matrix-org/matrix-react-sdk/pull/9133)). Fixes #18620.
+ * Move pin drop out of labs ([\#9135](https://github.com/matrix-org/matrix-react-sdk/pull/9135)).
+ * Start DM on first message ([\#8612](https://github.com/matrix-org/matrix-react-sdk/pull/8612)). Fixes #14736.
+ * Remove "Add Space" button from RoomListHeader when user cannot create spaces ([\#9129](https://github.com/matrix-org/matrix-react-sdk/pull/9129)).
+ * The Welcome Home Screen: Dedicated Download Apps Dialog ([\#9120](https://github.com/matrix-org/matrix-react-sdk/pull/9120)). Fixes #22921. Contributed by @justjanne.
+ * The Welcome Home Screen: "Submit Feedback" pane ([\#9090](https://github.com/matrix-org/matrix-react-sdk/pull/9090)). Fixes #22918. Contributed by @justjanne.
+ * New User Onboarding Task List ([\#9083](https://github.com/matrix-org/matrix-react-sdk/pull/9083)). Fixes #22919. Contributed by @justjanne.
+ * Add support for disabling spell checking ([\#8604](https://github.com/matrix-org/matrix-react-sdk/pull/8604)). Fixes #21901.
+ * Live location share - leave maximised map open when beacons expire ([\#9098](https://github.com/matrix-org/matrix-react-sdk/pull/9098)). Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Some slash-commands (`/myroomnick`) have temporarily been disabled before the first message in a DM is sent. ([\#9193](https://github.com/matrix-org/matrix-react-sdk/pull/9193)).
+ * Use stable reference for active tab in tabbedView ([\#9145](https://github.com/matrix-org/matrix-react-sdk/pull/9145)). Contributed by @kerryarchibald.
+ * Fix pillification sometimes doubling up ([\#9152](https://github.com/matrix-org/matrix-react-sdk/pull/9152)). Fixes #23036.
+ * Fix highlights not being applied to plaintext messages ([\#9126](https://github.com/matrix-org/matrix-react-sdk/pull/9126)). Fixes #22787.
+ * Fix dismissing edit composer when change was undone ([\#9109](https://github.com/matrix-org/matrix-react-sdk/pull/9109)). Fixes #22932.
+ * 1-to-1 DM rooms with bots now act like DM rooms instead of multi-user-rooms before ([\#9124](https://github.com/matrix-org/matrix-react-sdk/pull/9124)). Fixes #22894.
+ * Apply inline start padding to selected lines on modern layout only ([\#9006](https://github.com/matrix-org/matrix-react-sdk/pull/9006)). Fixes #22768. Contributed by @luixxiul.
+ * Peek into world-readable rooms from spotlight ([\#9115](https://github.com/matrix-org/matrix-react-sdk/pull/9115)). Fixes #22862.
+ * Use default styling on nested numbered lists due to MD being sensitive ([\#9110](https://github.com/matrix-org/matrix-react-sdk/pull/9110)). Fixes #22935.
+ * Fix replying using chat effect commands ([\#9101](https://github.com/matrix-org/matrix-react-sdk/pull/9101)). Fixes #22824.
+
+Changes in [1.11.2](https://github.com/vector-im/element-web/releases/tag/v1.11.2) (2022-08-03)
+===============================================================================================
+
+## ✨ Features
+ * Live location share -  focus on user location on list item click ([\#9051](https://github.com/matrix-org/matrix-react-sdk/pull/9051)). Contributed by @kerryarchibald.
+ * Live location sharing - don't trigger unread counts for beacon location events ([\#9071](https://github.com/matrix-org/matrix-react-sdk/pull/9071)). Contributed by @kerryarchibald.
+ * Support for sending voice messages as replies and in threads ([\#9097](https://github.com/matrix-org/matrix-react-sdk/pull/9097)). Fixes #22031.
+ * Add `Reply in thread` button to the right-click message context-menu ([\#9004](https://github.com/matrix-org/matrix-react-sdk/pull/9004)). Fixes #22745.
+ * Starred_Messages_Feature_Contd_II/Outreachy ([\#9086](https://github.com/matrix-org/matrix-react-sdk/pull/9086)).
+ * Use "frequently used emojis" for autocompletion in composer ([\#8998](https://github.com/matrix-org/matrix-react-sdk/pull/8998)). Fixes #18978. Contributed by @grimhilt.
+ * Improve clickability of view source event toggle button  ([\#9068](https://github.com/matrix-org/matrix-react-sdk/pull/9068)). Fixes #21856. Contributed by @luixxiul.
+ * Improve clickability of "collapse" link button on bubble layout ([\#9037](https://github.com/matrix-org/matrix-react-sdk/pull/9037)). Fixes #22864. Contributed by @luixxiul.
+ * Starred_Messages_Feature/Outreachy ([\#8842](https://github.com/matrix-org/matrix-react-sdk/pull/8842)).
+ * Implement Use Case Selection screen ([\#8984](https://github.com/matrix-org/matrix-react-sdk/pull/8984)). Contributed by @justjanne.
+ * Live location share - handle insufficient permissions in location sharing ([\#9047](https://github.com/matrix-org/matrix-react-sdk/pull/9047)). Contributed by @kerryarchibald.
+ * Improve _FilePanel.scss ([\#9031](https://github.com/matrix-org/matrix-react-sdk/pull/9031)). Contributed by @luixxiul.
+ * Improve spotlight accessibility by adding context menus ([\#8907](https://github.com/matrix-org/matrix-react-sdk/pull/8907)). Fixes #20875 and #22675. Contributed by @justjanne.
+
+## 🐛 Bug Fixes
+ * Replace mask-images with svg components in MessageActionBar ([\#9088](https://github.com/matrix-org/matrix-react-sdk/pull/9088)). Fixes #22912. Contributed by @kerryarchibald.
+ * Unbreak in-app permalink tooltips ([\#9087](https://github.com/matrix-org/matrix-react-sdk/pull/9087)). Fixes #22874.
+ * Show a back button when viewing a space member ([\#9095](https://github.com/matrix-org/matrix-react-sdk/pull/9095)). Fixes #22898.
+ * Align the right edge of info tile lines with normal ones on IRC layout ([\#9058](https://github.com/matrix-org/matrix-react-sdk/pull/9058)). Fixes #22871. Contributed by @luixxiul.
+ * Prevent email verification from overriding existing sessions ([\#9075](https://github.com/matrix-org/matrix-react-sdk/pull/9075)). Fixes #22881. Contributed by @justjanne.
+ * Fix wrong buttons being used when exploring public rooms ([\#9062](https://github.com/matrix-org/matrix-react-sdk/pull/9062)). Fixes #22862.
+ * Re-add padding to generic event list summary on IRC layout ([\#9063](https://github.com/matrix-org/matrix-react-sdk/pull/9063)). Fixes #22869. Contributed by @luixxiul.
+ * Joining federated rooms via the spotlight search should no longer cause a "No known servers" error. ([\#9055](https://github.com/matrix-org/matrix-react-sdk/pull/9055)). Fixes #22845. Contributed by @Half-Shot.
+
+Changes in [1.11.1](https://github.com/vector-im/element-web/releases/tag/v1.11.1) (2022-07-26)
+===============================================================================================
+
+## ✨ Features
+ * Enable URL tooltips on hover for Element Desktop ([\#22286](https://github.com/vector-im/element-web/pull/22286)). Fixes undefined/element-web#6532.
+ * Hide screenshare button in video rooms on Desktop ([\#9045](https://github.com/matrix-org/matrix-react-sdk/pull/9045)).
+ * Add a developer command to reset Megolm and Olm sessions ([\#9044](https://github.com/matrix-org/matrix-react-sdk/pull/9044)).
+ * add spaces to TileErrorBoundary ([\#9012](https://github.com/matrix-org/matrix-react-sdk/pull/9012)). Contributed by @HarHarLinks.
+ * Location sharing - add localised strings to map ([\#9025](https://github.com/matrix-org/matrix-react-sdk/pull/9025)). Fixes #21443. Contributed by @kerryarchibald.
+ * Added trim to ignore whitespaces in email check ([\#9027](https://github.com/matrix-org/matrix-react-sdk/pull/9027)). Contributed by @ankur12-1610.
+ * Improve _GenericEventListSummary.scss ([\#9005](https://github.com/matrix-org/matrix-react-sdk/pull/9005)). Contributed by @luixxiul.
+ * Live location share - tiles without tile server (PSG-591) ([\#8962](https://github.com/matrix-org/matrix-react-sdk/pull/8962)). Contributed by @kerryarchibald.
+ * Add option to display tooltip on link hover ([\#8394](https://github.com/matrix-org/matrix-react-sdk/pull/8394)). Fixes #21907.
+ * Support a module API surface for custom functionality ([\#8246](https://github.com/matrix-org/matrix-react-sdk/pull/8246)).
+ * Adjust encryption copy when creating a video room ([\#8989](https://github.com/matrix-org/matrix-react-sdk/pull/8989)). Fixes #22737.
+ * Add bidirectonal isolation for pills ([\#8985](https://github.com/matrix-org/matrix-react-sdk/pull/8985)). Contributed by @sha-265.
+ * Delabs `Show current avatar and name for users in message history` ([\#8764](https://github.com/matrix-org/matrix-react-sdk/pull/8764)). Fixes #22336.
+ * Live location share - open latest location in map site ([\#8981](https://github.com/matrix-org/matrix-react-sdk/pull/8981)). Contributed by @kerryarchibald.
+ * Improve LinkPreviewWidget ([\#8881](https://github.com/matrix-org/matrix-react-sdk/pull/8881)). Fixes #22634. Contributed by @luixxiul.
+ * Render HTML topics in rooms on space home ([\#8939](https://github.com/matrix-org/matrix-react-sdk/pull/8939)).
+ * Hide timestamp on event tiles being edited on every layout ([\#8956](https://github.com/matrix-org/matrix-react-sdk/pull/8956)). Contributed by @luixxiul.
+ * Introduce new copy icon ([\#8942](https://github.com/matrix-org/matrix-react-sdk/pull/8942)).
+ * Allow finding group DMs by members in spotlight ([\#8922](https://github.com/matrix-org/matrix-react-sdk/pull/8922)). Fixes #22564. Contributed by @justjanne.
+ * Live location share - explicitly stop beacons replaced beacons ([\#8933](https://github.com/matrix-org/matrix-react-sdk/pull/8933)). Contributed by @kerryarchibald.
+ * Remove unpin from widget kebab menu ([\#8924](https://github.com/matrix-org/matrix-react-sdk/pull/8924)).
+ * Live location share - redact related locations on beacon redaction ([\#8926](https://github.com/matrix-org/matrix-react-sdk/pull/8926)). Contributed by @kerryarchibald.
+ * Live location share - disallow message pinning ([\#8928](https://github.com/matrix-org/matrix-react-sdk/pull/8928)). Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Remove the ability to hide yourself in video rooms ([\#22806](https://github.com/vector-im/element-web/pull/22806)). Fixes #22805.
+ * Unbreak in-app permalink tooltips  ([\#9100](https://github.com/matrix-org/matrix-react-sdk/pull/9100)).
+ * Add space for the stroke on message editor on IRC layout ([\#9030](https://github.com/matrix-org/matrix-react-sdk/pull/9030)). Fixes #22785. Contributed by @luixxiul.
+ * Fix pinned messages not re-linkifying on edit ([\#9042](https://github.com/matrix-org/matrix-react-sdk/pull/9042)). Fixes #22726.
+ * Don't unnecessarily persist the host signup dialog ([\#9043](https://github.com/matrix-org/matrix-react-sdk/pull/9043)). Fixes #22778.
+ * Fix URL previews causing messages to become unrenderable ([\#9028](https://github.com/matrix-org/matrix-react-sdk/pull/9028)). Fixes #22766.
+ * Fix event list summaries including invalid events ([\#9041](https://github.com/matrix-org/matrix-react-sdk/pull/9041)). Fixes #22790.
+ * Correct accessibility labels for unread rooms in spotlight ([\#9003](https://github.com/matrix-org/matrix-react-sdk/pull/9003)). Contributed by @justjanne.
+ * Enable search strings highlight on bubble layout ([\#9032](https://github.com/matrix-org/matrix-react-sdk/pull/9032)). Fixes #22786. Contributed by @luixxiul.
+ * Unbreak URL preview for formatted links with tooltips ([\#9022](https://github.com/matrix-org/matrix-react-sdk/pull/9022)). Fixes #22764.
+ * Re-add margin to tiles based on EventTileBubble ([\#9015](https://github.com/matrix-org/matrix-react-sdk/pull/9015)). Fixes #22772. Contributed by @luixxiul.
+ * Fix Shortcut prompt for Search showing in minimized Roomlist ([\#9014](https://github.com/matrix-org/matrix-react-sdk/pull/9014)). Fixes #22739. Contributed by @justjanne.
+ * Fix avatar position on event info line for hidden events on a thread ([\#9019](https://github.com/matrix-org/matrix-react-sdk/pull/9019)). Fixes #22777. Contributed by @luixxiul.
+ * Fix lost padding of event tile info line ([\#9009](https://github.com/matrix-org/matrix-react-sdk/pull/9009)). Fixes #22754 and #22759. Contributed by @luixxiul.
+ * Align verification bubble with normal event tiles on IRC layout ([\#9001](https://github.com/matrix-org/matrix-react-sdk/pull/9001)). Fixes #22758. Contributed by @luixxiul.
+ * Ensure timestamp on generic event list summary is not hidden from TimelineCard ([\#9000](https://github.com/matrix-org/matrix-react-sdk/pull/9000)). Fixes #22755. Contributed by @luixxiul.
+ * Fix headings margin on security user settings tab ([\#8826](https://github.com/matrix-org/matrix-react-sdk/pull/8826)). Contributed by @luixxiul.
+ * Fix timestamp position on file panel ([\#8976](https://github.com/matrix-org/matrix-react-sdk/pull/8976)). Fixes #22718. Contributed by @luixxiul.
+ * Stop using :not() pseudo class for mx_GenericEventListSummary ([\#8944](https://github.com/matrix-org/matrix-react-sdk/pull/8944)). Fixes #22602. Contributed by @luixxiul.
+ * Don't show the same user twice in Spotlight ([\#8978](https://github.com/matrix-org/matrix-react-sdk/pull/8978)). Fixes #22697.
+ * Align the right edge of expand / collapse link buttons of generic event list summary in bubble layout with a variable ([\#8992](https://github.com/matrix-org/matrix-react-sdk/pull/8992)). Fixes #22743. Contributed by @luixxiul.
+ * Display own avatars on search results panel in bubble layout ([\#8990](https://github.com/matrix-org/matrix-react-sdk/pull/8990)). Contributed by @luixxiul.
+ * Fix text flow of thread summary content on threads list ([\#8991](https://github.com/matrix-org/matrix-react-sdk/pull/8991)). Fixes #22738. Contributed by @luixxiul.
+ * Fix the size of the clickable area of images ([\#8987](https://github.com/matrix-org/matrix-react-sdk/pull/8987)). Fixes #22282.
+ * Fix font size of MessageTimestamp on TimelineCard ([\#8950](https://github.com/matrix-org/matrix-react-sdk/pull/8950)). Contributed by @luixxiul.
+ * Improve security room settings tab style rules ([\#8844](https://github.com/matrix-org/matrix-react-sdk/pull/8844)). Fixes #22575. Contributed by @luixxiul.
+ * Align E2E icon and avatar of info tile in compact modern layout ([\#8965](https://github.com/matrix-org/matrix-react-sdk/pull/8965)). Fixes #22652. Contributed by @luixxiul.
+ * Fix clickable area of general event list summary toggle ([\#8979](https://github.com/matrix-org/matrix-react-sdk/pull/8979)). Fixes #22722. Contributed by @luixxiul.
+ * Fix resizing room topic ([\#8966](https://github.com/matrix-org/matrix-react-sdk/pull/8966)). Fixes #22689.
+ * Dismiss the search dialogue when starting a DM ([\#8967](https://github.com/matrix-org/matrix-react-sdk/pull/8967)). Fixes #22700.
+ * Fix "greyed out" text style inconsistency on search result panel ([\#8974](https://github.com/matrix-org/matrix-react-sdk/pull/8974)). Contributed by @luixxiul.
+ * Add top padding to EventTilePreview loader ([\#8977](https://github.com/matrix-org/matrix-react-sdk/pull/8977)). Fixes #22719. Contributed by @luixxiul.
+ * Fix read receipts group position on TimelineCard in compact modern/group layout ([\#8971](https://github.com/matrix-org/matrix-react-sdk/pull/8971)). Fixes #22715. Contributed by @luixxiul.
+ * Fix calls on homeservers without the unstable thirdparty endpoints. ([\#8931](https://github.com/matrix-org/matrix-react-sdk/pull/8931)). Fixes #21680. Contributed by @deepbluev7.
+ * Enable ReplyChain text to be expanded on IRC layout ([\#8959](https://github.com/matrix-org/matrix-react-sdk/pull/8959)). Fixes #22709. Contributed by @luixxiul.
+ * Fix hidden timestamp on message edit history dialog ([\#8955](https://github.com/matrix-org/matrix-react-sdk/pull/8955)). Fixes #22701. Contributed by @luixxiul.
+ * Enable ReplyChain text to be expanded on bubble layout ([\#8958](https://github.com/matrix-org/matrix-react-sdk/pull/8958)). Fixes #22709. Contributed by @luixxiul.
+ * Fix expand/collapse state wrong in metaspaces ([\#8952](https://github.com/matrix-org/matrix-react-sdk/pull/8952)). Fixes #22632.
+ * Location (live) share replies now provide a fallback content ([\#8949](https://github.com/matrix-org/matrix-react-sdk/pull/8949)).
+ * Fix space settings not opening for script-created spaces ([\#8957](https://github.com/matrix-org/matrix-react-sdk/pull/8957)). Fixes #22703.
+ * Respect `filename` field on `m.file` events ([\#8951](https://github.com/matrix-org/matrix-react-sdk/pull/8951)).
+ * Fix PlatformSettingsHandler always returning true due to returning a Promise ([\#8954](https://github.com/matrix-org/matrix-react-sdk/pull/8954)). Fixes #22616.
+ * Improve high-contrast support for spotlight ([\#8948](https://github.com/matrix-org/matrix-react-sdk/pull/8948)). Fixes #22481. Contributed by @justjanne.
+ * Fix wrong assertions that all media events have a mimetype ([\#8946](https://github.com/matrix-org/matrix-react-sdk/pull/8946)). Fixes matrix-org/element-web-rageshakes#13727.
+ * Make invite dialogue fixed height ([\#8934](https://github.com/matrix-org/matrix-react-sdk/pull/8934)). Fixes #22659.
+ * Fix all megolm error reported as unknown ([\#8916](https://github.com/matrix-org/matrix-react-sdk/pull/8916)).
+ * Remove line-height declarations from _ReplyTile.scss ([\#8932](https://github.com/matrix-org/matrix-react-sdk/pull/8932)). Fixes #22687. Contributed by @luixxiul.
+ * Reduce video rooms log spam ([\#8913](https://github.com/matrix-org/matrix-react-sdk/pull/8913)).
+ * Correct new search input’s rounded corners ([\#8921](https://github.com/matrix-org/matrix-react-sdk/pull/8921)). Fixes #22576. Contributed by @justjanne.
+ * Align unread notification dot on threads list in compact modern=group layout ([\#8911](https://github.com/matrix-org/matrix-react-sdk/pull/8911)). Fixes #22677. Contributed by @luixxiul.
+
+Changes in [1.11.0](https://github.com/vector-im/element-web/releases/tag/v1.11.0) (2022-07-05)
+===============================================================================================
+
+## 🚨 BREAKING CHANGES
+ * Remove Piwik support ([\#8835](https://github.com/matrix-org/matrix-react-sdk/pull/8835)).
+
+## ✨ Features
+ * Document how to configure a custom `home.html`. ([\#21066](https://github.com/vector-im/element-web/pull/21066)). Contributed by @johannes-krude.
+ * Move New Search Experience out of beta ([\#8859](https://github.com/matrix-org/matrix-react-sdk/pull/8859)). Contributed by @justjanne.
+ * Switch video rooms to spotlight layout when in PiP mode ([\#8912](https://github.com/matrix-org/matrix-react-sdk/pull/8912)). Fixes #22574.
+ * Live location sharing - render message deleted tile for redacted beacons ([\#8905](https://github.com/matrix-org/matrix-react-sdk/pull/8905)). Contributed by @kerryarchibald.
+ * Improve view source dialog style ([\#8883](https://github.com/matrix-org/matrix-react-sdk/pull/8883)). Fixes #22636. Contributed by @luixxiul.
+ * Improve integration manager dialog style ([\#8888](https://github.com/matrix-org/matrix-react-sdk/pull/8888)). Fixes #22642. Contributed by @luixxiul.
+ * Implement MSC3827: Filtering of `/publicRooms` by room type ([\#8866](https://github.com/matrix-org/matrix-react-sdk/pull/8866)). Fixes #22578.
+ * Show chat panel when opening a video room with unread messages ([\#8812](https://github.com/matrix-org/matrix-react-sdk/pull/8812)). Fixes #22527.
+ * Live location share - forward latest location ([\#8860](https://github.com/matrix-org/matrix-react-sdk/pull/8860)). Contributed by @kerryarchibald.
+ * Allow integration managers to validate user identity after opening ([\#8782](https://github.com/matrix-org/matrix-react-sdk/pull/8782)). Contributed by @Half-Shot.
+ * Create a common header on right panel cards on BaseCard ([\#8808](https://github.com/matrix-org/matrix-react-sdk/pull/8808)). Contributed by @luixxiul.
+ * Integrate searching public rooms and people into the new search experience ([\#8707](https://github.com/matrix-org/matrix-react-sdk/pull/8707)). Fixes #21354 and #19349. Contributed by @justjanne.
+ * Bring back waveform for voice messages and retain seeking ([\#8843](https://github.com/matrix-org/matrix-react-sdk/pull/8843)). Fixes #21904.
+ * Improve colors in settings  ([\#7283](https://github.com/matrix-org/matrix-react-sdk/pull/7283)).
+ * Keep draft in composer when a slash command syntax errors ([\#8811](https://github.com/matrix-org/matrix-react-sdk/pull/8811)). Fixes #22384.
+ * Release video rooms as a beta feature ([\#8431](https://github.com/matrix-org/matrix-react-sdk/pull/8431)).
+ * Clarify logout key backup warning dialog. Contributed by @notramo. ([\#8741](https://github.com/matrix-org/matrix-react-sdk/pull/8741)). Fixes #15565. Contributed by @MadLittleMods.
+ * Slightly improve the look of the `Message edits` dialog ([\#8763](https://github.com/matrix-org/matrix-react-sdk/pull/8763)). Fixes #22410.
+ * Add support for MD / HTML in room topics ([\#8215](https://github.com/matrix-org/matrix-react-sdk/pull/8215)). Fixes #5180. Contributed by @Johennes.
+ * Live location share - link to timeline tile from share warning ([\#8752](https://github.com/matrix-org/matrix-react-sdk/pull/8752)). Contributed by @kerryarchibald.
+ * Improve composer visiblity ([\#8578](https://github.com/matrix-org/matrix-react-sdk/pull/8578)). Fixes #22072 and #17362.
+ * Makes the avatar of the user menu non-draggable ([\#8765](https://github.com/matrix-org/matrix-react-sdk/pull/8765)). Contributed by @luixxiul.
+ * Improve widget buttons behaviour and layout ([\#8734](https://github.com/matrix-org/matrix-react-sdk/pull/8734)).
+ * Use AccessibleButton for 'Reset All' link button on SetupEncryptionBody ([\#8730](https://github.com/matrix-org/matrix-react-sdk/pull/8730)). Contributed by @luixxiul.
+ * Adjust message timestamp position on TimelineCard in non-bubble layouts ([\#8745](https://github.com/matrix-org/matrix-react-sdk/pull/8745)). Fixes #22426. Contributed by @luixxiul.
+ * Use AccessibleButton for 'In reply to' link button on ReplyChain ([\#8726](https://github.com/matrix-org/matrix-react-sdk/pull/8726)). Fixes #22407. Contributed by @luixxiul.
+ * Live location share - enable reply and react to tiles ([\#8721](https://github.com/matrix-org/matrix-react-sdk/pull/8721)). Contributed by @kerryarchibald.
+ * Change dash to em dash issues fixed ([\#8455](https://github.com/matrix-org/matrix-react-sdk/pull/8455)). Fixes #21895. Contributed by @goelesha.
+
+## 🐛 Bug Fixes
+ * Reduce video rooms log spam ([\#22665](https://github.com/vector-im/element-web/pull/22665)).
+ * Connect to Jitsi unmuted by default ([\#22660](https://github.com/vector-im/element-web/pull/22660)). Fixes #22637.
+ * Work around a Jitsi bug with display name encoding ([\#22525](https://github.com/vector-im/element-web/pull/22525)). Fixes #22521.
+ * Make invite dialogue fixed height ([\#8945](https://github.com/matrix-org/matrix-react-sdk/pull/8945)).
+ * Correct issue with tab order in new search experience ([\#8919](https://github.com/matrix-org/matrix-react-sdk/pull/8919)). Fixes #22670. Contributed by @justjanne.
+ * Clicking location replies now redirects to the replied event instead of opening the map ([\#8918](https://github.com/matrix-org/matrix-react-sdk/pull/8918)). Fixes #22667.
+ * Keep clicks on pills within the app ([\#8917](https://github.com/matrix-org/matrix-react-sdk/pull/8917)). Fixes #22653.
+ * Don't overlap tile bubbles with timestamps in modern layout ([\#8908](https://github.com/matrix-org/matrix-react-sdk/pull/8908)). Fixes #22425.
+ * Connect to Jitsi unmuted by default ([\#8909](https://github.com/matrix-org/matrix-react-sdk/pull/8909)).
+ * Maximize width value of display name on TimelineCard with IRC/modern layout ([\#8904](https://github.com/matrix-org/matrix-react-sdk/pull/8904)). Fixes #22651. Contributed by @luixxiul.
+ * Align the avatar and the display name on TimelineCard ([\#8900](https://github.com/matrix-org/matrix-react-sdk/pull/8900)). Contributed by @luixxiul.
+ * Remove inline margin from reactions row on IRC layout ([\#8891](https://github.com/matrix-org/matrix-react-sdk/pull/8891)). Fixes #22644. Contributed by @luixxiul.
+ * Align "From a thread" on search result panel on IRC layout ([\#8892](https://github.com/matrix-org/matrix-react-sdk/pull/8892)). Fixes #22645. Contributed by @luixxiul.
+ * Display description of E2E advanced panel as subsection text ([\#8889](https://github.com/matrix-org/matrix-react-sdk/pull/8889)). Contributed by @luixxiul.
+ * Remove inline end margin from images on file panel ([\#8886](https://github.com/matrix-org/matrix-react-sdk/pull/8886)). Fixes #22640. Contributed by @luixxiul.
+ * Disable option to `Quote` when we don't have sufficient permissions ([\#8893](https://github.com/matrix-org/matrix-react-sdk/pull/8893)). Fixes #22643.
+ * Add padding to font scaling loader for message bubble layout ([\#8875](https://github.com/matrix-org/matrix-react-sdk/pull/8875)). Fixes #22626. Contributed by @luixxiul.
+ * Set 100% max-width to display name on reply tiles ([\#8867](https://github.com/matrix-org/matrix-react-sdk/pull/8867)). Fixes #22615. Contributed by @luixxiul.
+ * Fix alignment of pill letter ([\#8874](https://github.com/matrix-org/matrix-react-sdk/pull/8874)). Fixes #22622. Contributed by @luixxiul.
+ * Move the beta pill to the right side and display the pill on video room only ([\#8873](https://github.com/matrix-org/matrix-react-sdk/pull/8873)). Fixes #22619 and #22620. Contributed by @luixxiul.
+ * Stop using absolute property to place beta pill on RoomPreviewCard ([\#8872](https://github.com/matrix-org/matrix-react-sdk/pull/8872)). Fixes #22617. Contributed by @luixxiul.
+ * Make the pill text single line ([\#8744](https://github.com/matrix-org/matrix-react-sdk/pull/8744)). Fixes #22427. Contributed by @luixxiul.
+ * Hide overflow of public room description on spotlight dialog result ([\#8870](https://github.com/matrix-org/matrix-react-sdk/pull/8870)). Contributed by @luixxiul.
+ * Fix position of message action bar on the info tile on TimelineCard in message bubble layout ([\#8865](https://github.com/matrix-org/matrix-react-sdk/pull/8865)). Fixes #22614. Contributed by @luixxiul.
+ * Remove inline start margin from display name on reply tiles on TimelineCard ([\#8864](https://github.com/matrix-org/matrix-react-sdk/pull/8864)). Fixes #22613. Contributed by @luixxiul.
+ * Improve homeserver dropdown dialog styling ([\#8850](https://github.com/matrix-org/matrix-react-sdk/pull/8850)). Fixes #22552. Contributed by @justjanne.
+ * Fix crash when drawing blurHash for portrait videos PSB-139 ([\#8855](https://github.com/matrix-org/matrix-react-sdk/pull/8855)). Fixes #22597. Contributed by @andybalaam.
+ * Fix grid blowout on pinned event tiles ([\#8816](https://github.com/matrix-org/matrix-react-sdk/pull/8816)). Fixes #22543. Contributed by @luixxiul.
+ * Fix temporary sync errors if there's weird settings stored in account data ([\#8857](https://github.com/matrix-org/matrix-react-sdk/pull/8857)).
+ * Fix reactions row overflow and gap between reactions ([\#8813](https://github.com/matrix-org/matrix-react-sdk/pull/8813)). Fixes #22093. Contributed by @luixxiul.
+ * Fix issues with the Create new room button in Spotlight ([\#8851](https://github.com/matrix-org/matrix-react-sdk/pull/8851)). Contributed by @justjanne.
+ * Remove margin from E2E icon between avatar and hidden event ([\#8584](https://github.com/matrix-org/matrix-react-sdk/pull/8584)). Fixes #22186. Contributed by @luixxiul.
+ * Fix waveform on a message bubble ([\#8852](https://github.com/matrix-org/matrix-react-sdk/pull/8852)). Contributed by @luixxiul.
+ * Location sharing maps are now loaded after reconnection ([\#8848](https://github.com/matrix-org/matrix-react-sdk/pull/8848)). Fixes #20993.
+ * Update the avatar mask so it doesn’t cut off spaces’ avatars anymore ([\#8849](https://github.com/matrix-org/matrix-react-sdk/pull/8849)). Contributed by @justjanne.
+ * Add a bit of safety around timestamp handling for threads ([\#8845](https://github.com/matrix-org/matrix-react-sdk/pull/8845)).
+ * Remove top margin from event tile on a narrow viewport ([\#8814](https://github.com/matrix-org/matrix-react-sdk/pull/8814)). Contributed by @luixxiul.
+ * Fix keyboard shortcuts on settings tab being wrapped ([\#8825](https://github.com/matrix-org/matrix-react-sdk/pull/8825)). Fixes #22547. Contributed by @luixxiul.
+ * Add try-catch around blurhash loading ([\#8830](https://github.com/matrix-org/matrix-react-sdk/pull/8830)).
+ * Prevent new composer from overflowing from non-breakable text ([\#8829](https://github.com/matrix-org/matrix-react-sdk/pull/8829)). Fixes #22507. Contributed by @justjanne.
+ * Use common subheading on sidebar user settings tab ([\#8823](https://github.com/matrix-org/matrix-react-sdk/pull/8823)). Contributed by @luixxiul.
+ * Fix clickable area of advanced toggle on appearance user settings tab ([\#8820](https://github.com/matrix-org/matrix-react-sdk/pull/8820)). Fixes #22546. Contributed by @luixxiul.
+ * Disable redacting reactions if we don't have sufficient permissions  ([\#8767](https://github.com/matrix-org/matrix-react-sdk/pull/8767)). Fixes #22262.
+ * Update the live timeline when the JS SDK resets it ([\#8806](https://github.com/matrix-org/matrix-react-sdk/pull/8806)). Fixes #22421.
+ * Fix flex blowout on image reply ([\#8809](https://github.com/matrix-org/matrix-react-sdk/pull/8809)). Fixes #22509 and #22510. Contributed by @luixxiul.
+ * Enable background color on hover for chat panel and thread panel ([\#8644](https://github.com/matrix-org/matrix-react-sdk/pull/8644)). Fixes #22273. Contributed by @luixxiul.
+ * Fix #20026: send read marker as soon as we change it ([\#8802](https://github.com/matrix-org/matrix-react-sdk/pull/8802)). Fixes #20026. Contributed by @andybalaam.
+ * Allow AppTiles to shrink as much as necessary ([\#8805](https://github.com/matrix-org/matrix-react-sdk/pull/8805)). Fixes #22499.
+ * Make widgets in video rooms immutable again ([\#8803](https://github.com/matrix-org/matrix-react-sdk/pull/8803)). Fixes #22497.
+ * Use MessageActionBar style declarations on pinned message card ([\#8757](https://github.com/matrix-org/matrix-react-sdk/pull/8757)). Fixes #22444. Contributed by @luixxiul.
+ * Expire video member events after 1 hour ([\#8776](https://github.com/matrix-org/matrix-react-sdk/pull/8776)).
+ * Name lists on invite dialog ([\#8046](https://github.com/matrix-org/matrix-react-sdk/pull/8046)). Fixes #21400 and #19463. Contributed by @luixxiul.
+ * Live location share - show loading UI for beacons with start timestamp in the future ([\#8775](https://github.com/matrix-org/matrix-react-sdk/pull/8775)). Fixes #22437. Contributed by @kerryarchibald.
+ * Fix scroll jump issue with the composer ([\#8788](https://github.com/matrix-org/matrix-react-sdk/pull/8788)). Fixes #22464.
+ * Fix the incorrect nesting of download button on MessageActionBar ([\#8785](https://github.com/matrix-org/matrix-react-sdk/pull/8785)). Contributed by @luixxiul.
+ * Revert link color change in composer ([\#8784](https://github.com/matrix-org/matrix-react-sdk/pull/8784)). Fixes #22468.
+ * Fix 'Logout' inline link on the splash screen ([\#8770](https://github.com/matrix-org/matrix-react-sdk/pull/8770)). Fixes #22449. Contributed by @luixxiul.
+ * Fix disappearing widget poput button when changing the widget layout ([\#8754](https://github.com/matrix-org/matrix-react-sdk/pull/8754)).
+ * Reduce gutter with the new read receipt UI ([\#8736](https://github.com/matrix-org/matrix-react-sdk/pull/8736)). Fixes #21890.
+ * Add ellipsis effect to hidden beacon status ([\#8755](https://github.com/matrix-org/matrix-react-sdk/pull/8755)). Fixes #22441. Contributed by @luixxiul.
+ * Make the pill on the basic message composer compatible with display name in RTL languages ([\#8758](https://github.com/matrix-org/matrix-react-sdk/pull/8758)). Fixes #22445. Contributed by @luixxiul.
+ * Prevent the banner text from being selected, replacing the spacing values with the variable ([\#8756](https://github.com/matrix-org/matrix-react-sdk/pull/8756)). Fixes #22442. Contributed by @luixxiul.
+ * Ensure the first device on a newly-registered account gets cross-signed properly ([\#8750](https://github.com/matrix-org/matrix-react-sdk/pull/8750)). Fixes #21977. Contributed by @duxovni.
+ * Hide live location option in threads composer ([\#8746](https://github.com/matrix-org/matrix-react-sdk/pull/8746)). Fixes #22424. Contributed by @kerryarchibald.
+ * Make sure MessageTimestamp is not hidden by EventTile_line on TimelineCard ([\#8748](https://github.com/matrix-org/matrix-react-sdk/pull/8748)). Contributed by @luixxiul.
+ * Make PiP motion smoother and react to window resizes correctly ([\#8747](https://github.com/matrix-org/matrix-react-sdk/pull/8747)). Fixes #22292.
+ * Prevent Invite and DevTools dialogs from being cut off ([\#8646](https://github.com/matrix-org/matrix-react-sdk/pull/8646)). Fixes #20911 and undefined/matrix-react-sdk#8165. Contributed by @justjanne.
+ * Squish event bubble tiles less ([\#8740](https://github.com/matrix-org/matrix-react-sdk/pull/8740)).
+ * Use random widget IDs for video rooms ([\#8739](https://github.com/matrix-org/matrix-react-sdk/pull/8739)). Fixes #22417.
+ * Fix read avatars overflow from the right chat panel with a maximized widget on bubble message layout ([\#8470](https://github.com/matrix-org/matrix-react-sdk/pull/8470)). Contributed by @luixxiul.
+ * Fix `CallView` crash ([\#8735](https://github.com/matrix-org/matrix-react-sdk/pull/8735)). Fixes #22394.
+
+Changes in [1.10.15](https://github.com/vector-im/element-web/releases/tag/v1.10.15) (2022-06-14)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix missing element desktop preferences ([\#8798](https://github.com/matrix-org/matrix-react-sdk/pull/8798)). Contributed by @t3chguy.
+
+Changes in [1.10.14](https://github.com/vector-im/element-web/releases/tag/v1.10.14) (2022-06-07)
+=================================================================================================
+
+## ✨ Features
+ * Make Lao translation available ([\#22358](https://github.com/vector-im/element-web/pull/22358)). Fixes #22327.
+ * Option to disable hardware acceleration on Element Desktop ([\#22295](https://github.com/vector-im/element-web/pull/22295)). Contributed by @novocaine.
+ * Configure custom home.html via `.well-known/matrix/client["io.element.embedded_pages"]["home_url"]` for all your element-web/desktop users ([\#7790](https://github.com/matrix-org/matrix-react-sdk/pull/7790)). Contributed by @johannes-krude.
+ * Live location sharing - open location in OpenStreetMap ([\#8695](https://github.com/matrix-org/matrix-react-sdk/pull/8695)). Contributed by @kerryarchibald.
+ * Show a dialog when Jitsi encounters an error ([\#8701](https://github.com/matrix-org/matrix-react-sdk/pull/8701)). Fixes #22284.
+ * Add support for setting the `avatar_url` of widgets by integration managers. ([\#8550](https://github.com/matrix-org/matrix-react-sdk/pull/8550)). Contributed by @Fox32.
+ * Add an option to ignore (block) a user when reporting their events ([\#8471](https://github.com/matrix-org/matrix-react-sdk/pull/8471)).
+ * Add the option to disable hardware acceleration ([\#8655](https://github.com/matrix-org/matrix-react-sdk/pull/8655)). Contributed by @novocaine.
+ * Slightly better presentation of read receipts to screen reader users ([\#8662](https://github.com/matrix-org/matrix-react-sdk/pull/8662)). Fixes #22293. Contributed by @pvagner.
+ * Add jump to related event context menu item ([\#6775](https://github.com/matrix-org/matrix-react-sdk/pull/6775)). Fixes #19883.
+ * Add public room directory hook ([\#8626](https://github.com/matrix-org/matrix-react-sdk/pull/8626)).
+
+## 🐛 Bug Fixes
+ * Stop Jitsi if we time out while connecting to a video room ([\#22301](https://github.com/vector-im/element-web/pull/22301)). Fixes #22283.
+ * Remove inline margin from UTD error message inside a reply tile on ThreadView ([\#8708](https://github.com/matrix-org/matrix-react-sdk/pull/8708)). Fixes #22376. Contributed by @luixxiul.
+ * Move unread notification dots of the threads list to the expected position ([\#8700](https://github.com/matrix-org/matrix-react-sdk/pull/8700)). Fixes #22350. Contributed by @luixxiul.
+ * Prevent overflow of grid items on a bubble with UTD generally ([\#8697](https://github.com/matrix-org/matrix-react-sdk/pull/8697)). Contributed by @luixxiul.
+ * Create 'Unable To Decrypt' grid layout for hidden events on a bubble layout ([\#8704](https://github.com/matrix-org/matrix-react-sdk/pull/8704)). Fixes #22365. Contributed by @luixxiul.
+ * Fix - AccessibleButton does not set disabled attribute ([\#8682](https://github.com/matrix-org/matrix-react-sdk/pull/8682)). Contributed by @kerryarchibald.
+ * Fix font not resetting when logging out ([\#8670](https://github.com/matrix-org/matrix-react-sdk/pull/8670)). Fixes #17228.
+ * Fix local aliases section of room settings not working for some homeservers (ie ([\#8698](https://github.com/matrix-org/matrix-react-sdk/pull/8698)). Fixes #22337.
+ * Align EventTile_line with display name on message bubble ([\#8692](https://github.com/matrix-org/matrix-react-sdk/pull/8692)). Fixes #22343. Contributed by @luixxiul.
+ * Convert references to direct chat -> direct message ([\#8694](https://github.com/matrix-org/matrix-react-sdk/pull/8694)). Contributed by @novocaine.
+ * Improve combining diacritics for U+20D0 to U+20F0 in Chrome ([\#8687](https://github.com/matrix-org/matrix-react-sdk/pull/8687)).
+ * Make the empty thread panel fill BaseCard ([\#8690](https://github.com/matrix-org/matrix-react-sdk/pull/8690)). Fixes #22338. Contributed by @luixxiul.
+ * Fix edge case around composer handling gendered facepalm emoji ([\#8686](https://github.com/matrix-org/matrix-react-sdk/pull/8686)).
+ * Fix a grid blowout due to nowrap displayName on a bubble with UTD ([\#8688](https://github.com/matrix-org/matrix-react-sdk/pull/8688)). Fixes #21914. Contributed by @luixxiul.
+ * Apply the same max-width to image tile on the thread timeline as message bubble ([\#8669](https://github.com/matrix-org/matrix-react-sdk/pull/8669)). Fixes #22313. Contributed by @luixxiul.
+ * Fix dropdown button size for picture-in-picture CallView ([\#8680](https://github.com/matrix-org/matrix-react-sdk/pull/8680)). Fixes #22316. Contributed by @luixxiul.
+ * Live location sharing - fix square border for image-less avatar (PSF-1052) ([\#8679](https://github.com/matrix-org/matrix-react-sdk/pull/8679)). Contributed by @kerryarchibald.
+ * Stop connecting to a video room if the widget messaging disappears ([\#8660](https://github.com/matrix-org/matrix-react-sdk/pull/8660)).
+ * Fix file button and audio player overflowing from message bubble ([\#8666](https://github.com/matrix-org/matrix-react-sdk/pull/8666)). Fixes #22308. Contributed by @luixxiul.
+ * Don't show broken composer format bar when selection is whitespace ([\#8673](https://github.com/matrix-org/matrix-react-sdk/pull/8673)). Fixes #10788.
+ * Fix media upload http 413 handling ([\#8674](https://github.com/matrix-org/matrix-react-sdk/pull/8674)).
+ * Fix emoji picker for editing thread responses ([\#8671](https://github.com/matrix-org/matrix-react-sdk/pull/8671)). Fixes matrix-org/element-web-rageshakes#13129.
+ * Map attribution while sharing live location is now visible ([\#8621](https://github.com/matrix-org/matrix-react-sdk/pull/8621)). Fixes #22236. Contributed by @weeman1337.
+ * Fix info tile overlapping the time stamp on TimelineCard ([\#8639](https://github.com/matrix-org/matrix-react-sdk/pull/8639)). Fixes #22256. Contributed by @luixxiul.
+ * Fix position of wide images on IRC / modern layout ([\#8667](https://github.com/matrix-org/matrix-react-sdk/pull/8667)). Fixes #22309. Contributed by @luixxiul.
+ * Fix other user's displayName being wrapped on the bubble message layout ([\#8456](https://github.com/matrix-org/matrix-react-sdk/pull/8456)). Fixes #22004. Contributed by @luixxiul.
+ * Set spacing declarations to elements in mx_EventTile_mediaLine ([\#8665](https://github.com/matrix-org/matrix-react-sdk/pull/8665)). Fixes #22307. Contributed by @luixxiul.
+ * Fix wide image overflowing from the thumbnail container ([\#8663](https://github.com/matrix-org/matrix-react-sdk/pull/8663)). Fixes #22303. Contributed by @luixxiul.
+ * Fix styles of "Show all" link button on ReactionsRow ([\#8658](https://github.com/matrix-org/matrix-react-sdk/pull/8658)). Fixes #22300. Contributed by @luixxiul.
+ * Automatically log in after registration ([\#8654](https://github.com/matrix-org/matrix-react-sdk/pull/8654)). Fixes #19305. Contributed by @justjanne.
+ * Fix offline status in window title not working reliably ([\#8656](https://github.com/matrix-org/matrix-react-sdk/pull/8656)).
+ * Align input area with event body's first letter in a thread on IRC/modern layout ([\#8636](https://github.com/matrix-org/matrix-react-sdk/pull/8636)). Fixes #22252. Contributed by @luixxiul.
+ * Fix crash on null idp for SSO buttons ([\#8650](https://github.com/matrix-org/matrix-react-sdk/pull/8650)). Contributed by @hughns.
+ * Don't open the regular browser or our context menu on right-clicking the `Options` button in the message action bar ([\#8648](https://github.com/matrix-org/matrix-react-sdk/pull/8648)). Fixes #22279.
+ * Show notifications even when Element is focused ([\#8590](https://github.com/matrix-org/matrix-react-sdk/pull/8590)). Contributed by @sumnerevans.
+ * Remove padding from the buttons on edit message composer of a event tile on a thread ([\#8632](https://github.com/matrix-org/matrix-react-sdk/pull/8632)). Contributed by @luixxiul.
+ * ensure metaspace changes correctly notify listeners ([\#8611](https://github.com/matrix-org/matrix-react-sdk/pull/8611)). Fixes #21006. Contributed by @justjanne.
+ * Hide image banner on stickers, they have a tooltip already ([\#8641](https://github.com/matrix-org/matrix-react-sdk/pull/8641)). Fixes #22244.
+ * Adjust EditMessageComposer style declarations ([\#8631](https://github.com/matrix-org/matrix-react-sdk/pull/8631)). Fixes #22231. Contributed by @luixxiul.
+
+Changes in [1.10.13](https://github.com/vector-im/element-web/releases/tag/v1.10.13) (2022-05-24)
+=================================================================================================
+
+## ✨ Features
+ * Go to space landing page when clicking on a selected space ([\#6442](https://github.com/matrix-org/matrix-react-sdk/pull/6442)). Fixes #20296.
+ * Fall back to untranslated string rather than showing missing translation error ([\#8609](https://github.com/matrix-org/matrix-react-sdk/pull/8609)).
+ * Show file name and size on images on hover ([\#6511](https://github.com/matrix-org/matrix-react-sdk/pull/6511)). Fixes #18197.
+ * Iterate on search results for message bubbles ([\#7047](https://github.com/matrix-org/matrix-react-sdk/pull/7047)). Fixes #20315.
+ * registration: redesign email verification page ([\#8554](https://github.com/matrix-org/matrix-react-sdk/pull/8554)). Fixes #21984.
+ * Show full thread message in hover title on thread summary ([\#8568](https://github.com/matrix-org/matrix-react-sdk/pull/8568)). Fixes #22037.
+ * Tweak video rooms copy ([\#8582](https://github.com/matrix-org/matrix-react-sdk/pull/8582)). Fixes #22176.
+ * Live location share - beacon tooltip in maximised view ([\#8572](https://github.com/matrix-org/matrix-react-sdk/pull/8572)).
+ * Add dialog to navigate long room topics ([\#8517](https://github.com/matrix-org/matrix-react-sdk/pull/8517)). Fixes #9623.
+ * Change spaceroomfacepile tooltip if memberlist is shown ([\#8571](https://github.com/matrix-org/matrix-react-sdk/pull/8571)). Fixes #17406.
+ * Improve message editing UI ([\#8483](https://github.com/matrix-org/matrix-react-sdk/pull/8483)). Fixes #9752 and #22108.
+ * Make date changes more obvious ([\#6410](https://github.com/matrix-org/matrix-react-sdk/pull/6410)). Fixes #16221.
+ * Enable forwarding static locations ([\#8553](https://github.com/matrix-org/matrix-react-sdk/pull/8553)).
+ * Log `TimelinePanel` debugging info when opening the bug report modal ([\#8502](https://github.com/matrix-org/matrix-react-sdk/pull/8502)).
+ * Improve welcome screen, add opt-out analytics ([\#8474](https://github.com/matrix-org/matrix-react-sdk/pull/8474)). Fixes #21946.
+ * Converting selected text to MD link when pasting a URL ([\#8242](https://github.com/matrix-org/matrix-react-sdk/pull/8242)). Fixes #21634. Contributed by @Sinharitik589.
+ * Support Inter on custom themes ([\#8399](https://github.com/matrix-org/matrix-react-sdk/pull/8399)). Fixes #16293.
+ * Add a `Copy link` button to the right-click message context-menu labs feature ([\#8527](https://github.com/matrix-org/matrix-react-sdk/pull/8527)).
+ * Move widget screenshots labs flag to devtools ([\#8522](https://github.com/matrix-org/matrix-react-sdk/pull/8522)).
+ * Remove some labs features which don't get used or create maintenance burden: custom status, multiple integration managers, and do not disturb ([\#8521](https://github.com/matrix-org/matrix-react-sdk/pull/8521)).
+ * Add a way to toggle `ScrollPanel` and `TimelinePanel` debug logs ([\#8513](https://github.com/matrix-org/matrix-react-sdk/pull/8513)).
+ * Spaces: remove blue beta dot ([\#8511](https://github.com/matrix-org/matrix-react-sdk/pull/8511)). Fixes #22061.
+ * Order new search dialog results by recency ([\#8444](https://github.com/matrix-org/matrix-react-sdk/pull/8444)).
+ * Improve pills ([\#6398](https://github.com/matrix-org/matrix-react-sdk/pull/6398)). Fixes #16948 and #21281.
+ * Add a way to maximize/pin widget from the PiP view ([\#7672](https://github.com/matrix-org/matrix-react-sdk/pull/7672)). Fixes #20723.
+ * Iterate video room designs in labs ([\#8499](https://github.com/matrix-org/matrix-react-sdk/pull/8499)).
+ * Improve UI/UX in calls ([\#7791](https://github.com/matrix-org/matrix-react-sdk/pull/7791)). Fixes #19937.
+ * Add ability to change audio and video devices during a call ([\#7173](https://github.com/matrix-org/matrix-react-sdk/pull/7173)). Fixes #15595.
+
+## 🐛 Bug Fixes
+ * Fix video rooms sometimes connecting muted when they shouldn't ([\#22125](https://github.com/vector-im/element-web/pull/22125)).
+ * Avoid flashing the 'join conference' button at the user in video rooms ([\#22120](https://github.com/vector-im/element-web/pull/22120)).
+ * Fully close Jitsi conferences on errors ([\#22060](https://github.com/vector-im/element-web/pull/22060)).
+ * Fix click behavior of notification badges on spaces ([\#8627](https://github.com/matrix-org/matrix-react-sdk/pull/8627)). Fixes #22241.
+ * Add missing return values in Read Receipt animation code ([\#8625](https://github.com/matrix-org/matrix-react-sdk/pull/8625)). Fixes #22175.
+ * Fix 'continue' button not working after accepting identity server terms of service ([\#8619](https://github.com/matrix-org/matrix-react-sdk/pull/8619)). Fixes #20003.
+ * Proactively fix stuck devices in video rooms ([\#8587](https://github.com/matrix-org/matrix-react-sdk/pull/8587)). Fixes #22131.
+ * Fix position of the message action bar on left side bubbles ([\#8398](https://github.com/matrix-org/matrix-react-sdk/pull/8398)). Fixes #21879. Contributed by @luixxiul.
+ * Fix edge case thread summaries around events without a msgtype ([\#8576](https://github.com/matrix-org/matrix-react-sdk/pull/8576)).
+ * Fix favourites metaspace not updating ([\#8594](https://github.com/matrix-org/matrix-react-sdk/pull/8594)). Fixes #22156.
+ * Stop spaces from displaying as rooms in new breadcrumbs ([\#8595](https://github.com/matrix-org/matrix-react-sdk/pull/8595)). Fixes #22165.
+ * Fix avatar position of hidden event on ThreadView ([\#8592](https://github.com/matrix-org/matrix-react-sdk/pull/8592)). Fixes #22199. Contributed by @luixxiul.
+ * Fix MessageTimestamp position next to redacted messages on IRC/modern layout ([\#8591](https://github.com/matrix-org/matrix-react-sdk/pull/8591)). Fixes #22181. Contributed by @luixxiul.
+ * Fix padding of messages in threads ([\#8574](https://github.com/matrix-org/matrix-react-sdk/pull/8574)). Contributed by @luixxiul.
+ * Enable overflow of hidden events content ([\#8585](https://github.com/matrix-org/matrix-react-sdk/pull/8585)). Fixes #22187. Contributed by @luixxiul.
+ * Increase composer line height to avoid cutting off emoji ([\#8583](https://github.com/matrix-org/matrix-react-sdk/pull/8583)). Fixes #22170.
+ * Don't consider threads for breaking continuation until actually created ([\#8581](https://github.com/matrix-org/matrix-react-sdk/pull/8581)). Fixes #22164.
+ * Fix displaying hidden events on threads  ([\#8555](https://github.com/matrix-org/matrix-react-sdk/pull/8555)). Fixes #22058. Contributed by @luixxiul.
+ * Fix button width and align 絵文字 (emoji) on the user panel ([\#8562](https://github.com/matrix-org/matrix-react-sdk/pull/8562)). Fixes #22142. Contributed by @luixxiul.
+ * Standardise the margin for settings tabs ([\#7963](https://github.com/matrix-org/matrix-react-sdk/pull/7963)). Fixes #20767. Contributed by @yuktea.
+ * Fix room history not being visible even if we have historical keys ([\#8563](https://github.com/matrix-org/matrix-react-sdk/pull/8563)). Fixes #16983.
+ * Fix oblong avatars in video room lobbies ([\#8565](https://github.com/matrix-org/matrix-react-sdk/pull/8565)).
+ * Update thread summary when latest event gets decrypted ([\#8564](https://github.com/matrix-org/matrix-react-sdk/pull/8564)). Fixes #22151.
+ * Fix codepath which can wrongly cause automatic space switch from all rooms ([\#8560](https://github.com/matrix-org/matrix-react-sdk/pull/8560)). Fixes #21373.
+ * Fix effect of URL preview toggle not updating live ([\#8561](https://github.com/matrix-org/matrix-react-sdk/pull/8561)). Fixes #22148.
+ * Fix visual bugs on AccessSecretStorageDialog ([\#8160](https://github.com/matrix-org/matrix-react-sdk/pull/8160)). Fixes #19426. Contributed by @luixxiul.
+ * Fix the width bounce of the clock on the AudioPlayer ([\#8320](https://github.com/matrix-org/matrix-react-sdk/pull/8320)). Fixes #21788. Contributed by @luixxiul.
+ * Hide the verification left stroke only on the thread list ([\#8525](https://github.com/matrix-org/matrix-react-sdk/pull/8525)). Fixes #22132. Contributed by @luixxiul.
+ * Hide recently_viewed dropdown when other modal opens ([\#8538](https://github.com/matrix-org/matrix-react-sdk/pull/8538)). Contributed by @yaya-usman.
+ * Only jump to date after pressing the 'go' button ([\#8548](https://github.com/matrix-org/matrix-react-sdk/pull/8548)). Fixes #20799.
+ * Fix download button not working on events that were decrypted too late ([\#8556](https://github.com/matrix-org/matrix-react-sdk/pull/8556)). Fixes #19427.
+ * Align thread summary button with bubble messages on the left side ([\#8388](https://github.com/matrix-org/matrix-react-sdk/pull/8388)). Fixes #21873. Contributed by @luixxiul.
+ * Fix unresponsive notification toggles ([\#8549](https://github.com/matrix-org/matrix-react-sdk/pull/8549)). Fixes #22109.
+ * Set color-scheme property in themes ([\#8547](https://github.com/matrix-org/matrix-react-sdk/pull/8547)). Fixes #22124.
+ * Improve the styling of error messages during search initialization. ([\#6899](https://github.com/matrix-org/matrix-react-sdk/pull/6899)). Fixes #19245 and #18164. Contributed by @KalleStruik.
+ * Don't leave button tooltips open when closing modals ([\#8546](https://github.com/matrix-org/matrix-react-sdk/pull/8546)). Fixes #22121.
+ * update matrix-analytics-events ([\#8543](https://github.com/matrix-org/matrix-react-sdk/pull/8543)).
+ * Handle Jitsi Meet crashes more gracefully ([\#8541](https://github.com/matrix-org/matrix-react-sdk/pull/8541)).
+ * Fix regression around pasting links ([\#8537](https://github.com/matrix-org/matrix-react-sdk/pull/8537)). Fixes #22117.
+ * Fixes suggested room not ellipsized on shrinking ([\#8536](https://github.com/matrix-org/matrix-react-sdk/pull/8536)). Contributed by @yaya-usman.
+ * Add global spacing between display name and location body ([\#8523](https://github.com/matrix-org/matrix-react-sdk/pull/8523)). Fixes #22111. Contributed by @luixxiul.
+ * Add box-shadow to the reply preview on the main (left) panel only ([\#8397](https://github.com/matrix-org/matrix-react-sdk/pull/8397)). Fixes #21894. Contributed by @luixxiul.
+ * Set line-height: 1 to RedactedBody inside GenericEventListSummary for IRC/modern layout ([\#8529](https://github.com/matrix-org/matrix-react-sdk/pull/8529)). Fixes #22112. Contributed by @luixxiul.
+ * Fix position of timestamp on the chat panel in IRC layout and message edits history modal window ([\#8464](https://github.com/matrix-org/matrix-react-sdk/pull/8464)). Fixes #22011 and #22014. Contributed by @luixxiul.
+ * Fix unexpected and inconsistent inheritance of line-height property for mx_TextualEvent ([\#8485](https://github.com/matrix-org/matrix-react-sdk/pull/8485)). Fixes #22041. Contributed by @luixxiul.
+ * Set the same margin to the right side of NewRoomIntro on TimelineCard ([\#8453](https://github.com/matrix-org/matrix-react-sdk/pull/8453)). Contributed by @luixxiul.
+ * Remove duplicate tooltip from user pills ([\#8512](https://github.com/matrix-org/matrix-react-sdk/pull/8512)).
+ * Set max-width for MLocationBody and MLocationBody_map by default ([\#8519](https://github.com/matrix-org/matrix-react-sdk/pull/8519)). Fixes #21983. Contributed by @luixxiul.
+ * Simplify ReplyPreview UI implementation ([\#8516](https://github.com/matrix-org/matrix-react-sdk/pull/8516)). Fixes #22091. Contributed by @luixxiul.
+ * Fix thread summary overflow on narrow message panel on bubble message layout ([\#8520](https://github.com/matrix-org/matrix-react-sdk/pull/8520)). Fixes #22097. Contributed by @luixxiul.
+ * Live location sharing - refresh beacon timers on tab becoming active ([\#8515](https://github.com/matrix-org/matrix-react-sdk/pull/8515)).
+ * Enlarge emoji again ([\#8509](https://github.com/matrix-org/matrix-react-sdk/pull/8509)). Fixes #22086.
+ * Order receipts with the most recent on the right ([\#8506](https://github.com/matrix-org/matrix-react-sdk/pull/8506)). Fixes #22044.
+ * Disconnect from video rooms when leaving ([\#8500](https://github.com/matrix-org/matrix-react-sdk/pull/8500)).
+ * Fix soft crash around threads when room isn't yet in store ([\#8496](https://github.com/matrix-org/matrix-react-sdk/pull/8496)). Fixes #22047.
+ * Fix reading of cached room device setting values ([\#8491](https://github.com/matrix-org/matrix-react-sdk/pull/8491)).
+ * Add loading spinners to threads panels ([\#8490](https://github.com/matrix-org/matrix-react-sdk/pull/8490)). Fixes #21335.
+ * Fix forwarding UI papercuts ([\#8482](https://github.com/matrix-org/matrix-react-sdk/pull/8482)). Fixes #17616.
+
+Changes in [1.10.12](https://github.com/vector-im/element-web/releases/tag/v1.10.12) (2022-05-10)
+=================================================================================================
+
+## ✨ Features
+ * Made the location map change the cursor to a pointer so it looks like it's clickable (https ([\#8451](https://github.com/matrix-org/matrix-react-sdk/pull/8451)). Fixes #21991. Contributed by @Odyssey346.
+ * Implement improved spacing for the thread list and timeline ([\#8337](https://github.com/matrix-org/matrix-react-sdk/pull/8337)). Fixes #21759. Contributed by @luixxiul.
+ * LLS: expose way to enable live sharing labs flag from location dialog ([\#8416](https://github.com/matrix-org/matrix-react-sdk/pull/8416)).
+ * Fix source text boxes in View Source modal should have full width ([\#8425](https://github.com/matrix-org/matrix-react-sdk/pull/8425)). Fixes #21938. Contributed by @EECvision.
+ * Read Receipts: never show +1, if it’s just 4, show all of them ([\#8428](https://github.com/matrix-org/matrix-react-sdk/pull/8428)). Fixes #21935.
+ * Add opt-in analytics to onboarding tasks ([\#8409](https://github.com/matrix-org/matrix-react-sdk/pull/8409)). Fixes #21705.
+ * Allow user to control if they are signed out of all devices when changing password ([\#8259](https://github.com/matrix-org/matrix-react-sdk/pull/8259)). Fixes #2671.
+ * Implement new Read Receipt design ([\#8389](https://github.com/matrix-org/matrix-react-sdk/pull/8389)). Fixes #20574.
+ * Stick connected video rooms to the top of the room list ([\#8353](https://github.com/matrix-org/matrix-react-sdk/pull/8353)).
+ * LLS: fix jumpy maximised map ([\#8387](https://github.com/matrix-org/matrix-react-sdk/pull/8387)).
+ * Persist audio and video mute state in video rooms ([\#8376](https://github.com/matrix-org/matrix-react-sdk/pull/8376)).
+ * Forcefully disconnect from video rooms on logout and tab close ([\#8375](https://github.com/matrix-org/matrix-react-sdk/pull/8375)).
+ * Add local echo of connected devices in video rooms ([\#8368](https://github.com/matrix-org/matrix-react-sdk/pull/8368)).
+ * Improve text of account deactivation dialog ([\#8371](https://github.com/matrix-org/matrix-react-sdk/pull/8371)). Fixes #17421.
+ * Live location sharing: own live beacon status on maximised view ([\#8374](https://github.com/matrix-org/matrix-react-sdk/pull/8374)).
+ * Show a lobby screen in video rooms ([\#8287](https://github.com/matrix-org/matrix-react-sdk/pull/8287)).
+ * Settings toggle to disable Composer Markdown ([\#8358](https://github.com/matrix-org/matrix-react-sdk/pull/8358)). Fixes #20321.
+ * Cache localStorage objects for SettingsStore ([\#8366](https://github.com/matrix-org/matrix-react-sdk/pull/8366)).
+ * Bring `View Source` back from behind developer mode ([\#8369](https://github.com/matrix-org/matrix-react-sdk/pull/8369)). Fixes #21771.
+
+## 🐛 Bug Fixes
+ * Fix Jitsi Meet getting wedged at startup in some cases ([\#21995](https://github.com/vector-im/element-web/pull/21995)).
+ * Fix camera getting muted when disconnecting from a video room ([\#21958](https://github.com/vector-im/element-web/pull/21958)).
+ * Fix race conditions around threads ([\#8448](https://github.com/matrix-org/matrix-react-sdk/pull/8448)). Fixes #21627.
+ * Fix reading of cached room device setting values ([\#8495](https://github.com/matrix-org/matrix-react-sdk/pull/8495)).
+ * Fix issue with dispatch happening mid-dispatch due to js-sdk emit ([\#8473](https://github.com/matrix-org/matrix-react-sdk/pull/8473)). Fixes #22019.
+ * Match MSC behaviour for threads when disabled (thread-aware mode) ([\#8476](https://github.com/matrix-org/matrix-react-sdk/pull/8476)). Fixes #22033.
+ * Specify position of DisambiguatedProfile inside a thread on bubble message layout ([\#8452](https://github.com/matrix-org/matrix-react-sdk/pull/8452)). Fixes #21998. Contributed by @luixxiul.
+ * Location sharing: do not trackuserlocation in location picker ([\#8466](https://github.com/matrix-org/matrix-react-sdk/pull/8466)). Fixes #22013.
+ * fix text and map indent in thread view ([\#8462](https://github.com/matrix-org/matrix-react-sdk/pull/8462)). Fixes #21997.
+ * Live location sharing: don't group beacon info with room creation summary ([\#8468](https://github.com/matrix-org/matrix-react-sdk/pull/8468)).
+ * Don't linkify code blocks ([\#7859](https://github.com/matrix-org/matrix-react-sdk/pull/7859)). Fixes #9613.
+ * read receipts: improve tooltips to show names of users ([\#8438](https://github.com/matrix-org/matrix-react-sdk/pull/8438)). Fixes #21940.
+ * Fix poll overflowing a reply tile on bubble message layout ([\#8459](https://github.com/matrix-org/matrix-react-sdk/pull/8459)). Fixes #22005. Contributed by @luixxiul.
+ * Fix text link buttons on UserInfo panel ([\#8247](https://github.com/matrix-org/matrix-react-sdk/pull/8247)). Fixes #21702. Contributed by @luixxiul.
+ * Clear local storage settings handler cache on logout ([\#8454](https://github.com/matrix-org/matrix-react-sdk/pull/8454)). Fixes #21994.
+ * Fix jump to bottom button being always displayed in non-overflowing timelines ([\#8460](https://github.com/matrix-org/matrix-react-sdk/pull/8460)). Fixes #22003.
+ * fix timeline search with empty text box should do nothing ([\#8262](https://github.com/matrix-org/matrix-react-sdk/pull/8262)). Fixes #21714. Contributed by @EECvision.
+ * Fixes "space panel kebab menu is rendered out of view on sub spaces"  ([\#8350](https://github.com/matrix-org/matrix-react-sdk/pull/8350)). Contributed by @yaya-usman.
+ * Add margin to the location map inside ThreadView ([\#8442](https://github.com/matrix-org/matrix-react-sdk/pull/8442)). Fixes #21982. Contributed by @luixxiul.
+ * Patch: "Reloading the registration page should warn about data loss" ([\#8377](https://github.com/matrix-org/matrix-react-sdk/pull/8377)). Contributed by @yaya-usman.
+ * Live location sharing: fix safari timestamps pt 2 ([\#8443](https://github.com/matrix-org/matrix-react-sdk/pull/8443)).
+ * Fix issue with thread notification state ignoring initial events ([\#8417](https://github.com/matrix-org/matrix-react-sdk/pull/8417)). Fixes #21927.
+ * Fix event text overflow on bubble message layout ([\#8391](https://github.com/matrix-org/matrix-react-sdk/pull/8391)). Fixes #21882. Contributed by @luixxiul.
+ * Disable the message action bar when hovering over the 1px border between threads on the list ([\#8429](https://github.com/matrix-org/matrix-react-sdk/pull/8429)). Fixes #21955. Contributed by @luixxiul.
+ * correctly align read receipts to state events in bubble layout ([\#8419](https://github.com/matrix-org/matrix-react-sdk/pull/8419)). Fixes #21899.
+ * Fix issue with underfilled timelines when barren of content ([\#8432](https://github.com/matrix-org/matrix-react-sdk/pull/8432)). Fixes #21930.
+ * Fix baseline misalignment of thread panel summary by deduplication ([\#8413](https://github.com/matrix-org/matrix-react-sdk/pull/8413)).
+ * Fix editing of non-html replies ([\#8418](https://github.com/matrix-org/matrix-react-sdk/pull/8418)). Fixes #21928.
+ * Read Receipts "Fall from the Sky" ([\#8414](https://github.com/matrix-org/matrix-react-sdk/pull/8414)). Fixes #21888.
+ * Make read receipts handle nullable roomMembers correctly ([\#8410](https://github.com/matrix-org/matrix-react-sdk/pull/8410)). Fixes #21896.
+ * Don't form continuations on either side of a thread root ([\#8408](https://github.com/matrix-org/matrix-react-sdk/pull/8408)). Fixes #20908.
+ * Fix centering issue with sticker placeholder ([\#8404](https://github.com/matrix-org/matrix-react-sdk/pull/8404)). Fixes #18014 and #6449.
+ * Disable download option on <video/> , preferring dedicated download button ([\#8403](https://github.com/matrix-org/matrix-react-sdk/pull/8403)). Fixes #21902.
+ * Fix infinite loop when pinning/unpinning persistent widgets ([\#8396](https://github.com/matrix-org/matrix-react-sdk/pull/8396)). Fixes #21864.
+ * Tweak ReadReceiptGroup to better handle disambiguation ([\#8402](https://github.com/matrix-org/matrix-react-sdk/pull/8402)). Fixes #21897.
+ * stop the bottom edge of buttons getting clipped in devtools ([\#8400](https://github.com/matrix-org/matrix-react-sdk/pull/8400)).
+ * Fix issue with threads timelines with few events cropping events ([\#8392](https://github.com/matrix-org/matrix-react-sdk/pull/8392)). Fixes #20594.
+ * Changed font-weight to 400 to support light weight font ([\#8345](https://github.com/matrix-org/matrix-react-sdk/pull/8345)). Fixes #21171. Contributed by @goelesha.
+ * Fix issue with thread panel not updating when it loads on first render ([\#8382](https://github.com/matrix-org/matrix-react-sdk/pull/8382)). Fixes #21737.
+ * fix: "Mention highlight and cursor hover highlight has different corner radius" ([\#8384](https://github.com/matrix-org/matrix-react-sdk/pull/8384)). Contributed by @yaya-usman.
+ * Fix regression around haveRendererForEvent for hidden events ([\#8379](https://github.com/matrix-org/matrix-react-sdk/pull/8379)). Fixes #21862 and #21725.
+ * Fix regression around the room list treeview keyboard a11y ([\#8385](https://github.com/matrix-org/matrix-react-sdk/pull/8385)). Fixes #21436.
+ * Remove float property to let the margin between events appear on bubble message layout ([\#8373](https://github.com/matrix-org/matrix-react-sdk/pull/8373)). Fixes #21861. Contributed by @luixxiul.
+ * Fix race in Registration between server change and flows fetch ([\#8359](https://github.com/matrix-org/matrix-react-sdk/pull/8359)). Fixes #21800.
+ * fix rainbow breaks compound emojis ([\#8245](https://github.com/matrix-org/matrix-react-sdk/pull/8245)). Fixes #21371. Contributed by @EECvision.
+ * Fix RightPanelStore handling first room on app launch wrong ([\#8370](https://github.com/matrix-org/matrix-react-sdk/pull/8370)). Fixes #21741.
+ * Fix UnknownBody error message unalignment ([\#8346](https://github.com/matrix-org/matrix-react-sdk/pull/8346)). Fixes #21828. Contributed by @luixxiul.
+ * Use -webkit-line-clamp for the room header topic overflow ([\#8367](https://github.com/matrix-org/matrix-react-sdk/pull/8367)). Fixes #21852. Contributed by @luixxiul.
+ * Fix issue with ServerInfo crashing the modal ([\#8364](https://github.com/matrix-org/matrix-react-sdk/pull/8364)).
+ * Fixes around threads beta in degraded mode ([\#8319](https://github.com/matrix-org/matrix-react-sdk/pull/8319)). Fixes #21762.
+
+Changes in [1.10.11](https://github.com/vector-im/element-web/releases/tag/v1.10.11) (2022-04-26)
+=================================================================================================
+
+## ✨ Features
+ * Handle forced disconnects from Jitsi ([\#21697](https://github.com/vector-im/element-web/pull/21697)). Fixes #21517.
+ * Improve performance of switching to rooms with lots of servers and ACLs ([\#8347](https://github.com/matrix-org/matrix-react-sdk/pull/8347)).
+ * Avoid a reflow when setting caret position on an empty composer ([\#8348](https://github.com/matrix-org/matrix-react-sdk/pull/8348)).
+ * Add message right-click context menu as a labs feature ([\#5672](https://github.com/matrix-org/matrix-react-sdk/pull/5672)).
+ * Live location sharing - basic maximised beacon map ([\#8310](https://github.com/matrix-org/matrix-react-sdk/pull/8310)).
+ * Live location sharing - render users own beacons in timeline ([\#8296](https://github.com/matrix-org/matrix-react-sdk/pull/8296)).
+ * Improve Threads beta around degraded mode ([\#8318](https://github.com/matrix-org/matrix-react-sdk/pull/8318)).
+ * Live location sharing -  beacon in timeline happy path ([\#8285](https://github.com/matrix-org/matrix-react-sdk/pull/8285)).
+ * Add copy button to View Source screen ([\#8278](https://github.com/matrix-org/matrix-react-sdk/pull/8278)). Fixes #21482. Contributed by @olivialivia.
+ * Add heart effect ([\#6188](https://github.com/matrix-org/matrix-react-sdk/pull/6188)). Contributed by @CicadaCinema.
+ * Update new room icon ([\#8239](https://github.com/matrix-org/matrix-react-sdk/pull/8239)).
+
+## 🐛 Bug Fixes
+ * Fix: "Code formatting button does not escape backticks" ([\#8181](https://github.com/matrix-org/matrix-react-sdk/pull/8181)). Contributed by @yaya-usman.
+ * Fix beta indicator dot causing excessive CPU usage ([\#8340](https://github.com/matrix-org/matrix-react-sdk/pull/8340)). Fixes #21793.
+ * Fix overlapping timestamps on empty messages ([\#8205](https://github.com/matrix-org/matrix-react-sdk/pull/8205)). Fixes #21381. Contributed by @goelesha.
+ * Fix power selector not showing up in user info when state_default undefined ([\#8297](https://github.com/matrix-org/matrix-react-sdk/pull/8297)). Fixes #21669.
+ * Avoid looking up settings during timeline rendering ([\#8313](https://github.com/matrix-org/matrix-react-sdk/pull/8313)). Fixes #21740.
+ * Fix a soft crash with video rooms ([\#8333](https://github.com/matrix-org/matrix-react-sdk/pull/8333)).
+ * Fixes call tiles overflow ([\#8096](https://github.com/matrix-org/matrix-react-sdk/pull/8096)). Fixes #20254. Contributed by @luixxiul.
+ * Fix a bug with emoji autocomplete sorting where adding the final "&#58;" would cause the emoji with the typed shortcode to no longer be at the top of the autocomplete list. ([\#8086](https://github.com/matrix-org/matrix-react-sdk/pull/8086)). Fixes #19302. Contributed by @commonlawfeature.
+ * Fix image preview sizing for edge cases ([\#8322](https://github.com/matrix-org/matrix-react-sdk/pull/8322)). Fixes #20088.
+ * Refactor SecurityRoomSettingsTab and remove unused state ([\#8306](https://github.com/matrix-org/matrix-react-sdk/pull/8306)). Fixes matrix-org/element-web-rageshakes#12002.
+ * Don't show the prompt to enable desktop notifications immediately after registration ([\#8274](https://github.com/matrix-org/matrix-react-sdk/pull/8274)).
+ * Stop tracking threads if threads support is disabled ([\#8308](https://github.com/matrix-org/matrix-react-sdk/pull/8308)). Fixes #21766.
+ * Fix some issues with threads rendering ([\#8305](https://github.com/matrix-org/matrix-react-sdk/pull/8305)). Fixes #21670.
+ * Fix threads rendering issue in Safari ([\#8298](https://github.com/matrix-org/matrix-react-sdk/pull/8298)). Fixes #21757.
+ * Fix space panel width change on hovering over space item ([\#8299](https://github.com/matrix-org/matrix-react-sdk/pull/8299)). Fixes #19891.
+ * Hide the reply in thread button in deployments where beta is forcibly disabled ([\#8294](https://github.com/matrix-org/matrix-react-sdk/pull/8294)). Fixes #21753.
+ * Prevent soft crash around room list header context menu when space changes ([\#8289](https://github.com/matrix-org/matrix-react-sdk/pull/8289)). Fixes matrix-org/element-web-rageshakes#11416, matrix-org/element-web-rageshakes#11692, matrix-org/element-web-rageshakes#11739, matrix-org/element-web-rageshakes#11772, matrix-org/element-web-rageshakes#11891 matrix-org/element-web-rageshakes#11858 and matrix-org/element-web-rageshakes#11456.
+ * When selecting reply in thread on a thread response open existing thread ([\#8291](https://github.com/matrix-org/matrix-react-sdk/pull/8291)). Fixes #21743.
+ * Handle thread bundled relationships coming from the server via MSC3666 ([\#8292](https://github.com/matrix-org/matrix-react-sdk/pull/8292)). Fixes #21450.
+ * Fix: Avatar preview does not update when same file is selected repeatedly ([\#8288](https://github.com/matrix-org/matrix-react-sdk/pull/8288)). Fixes #20098.
+ * Fix a bug where user gets a warning when changing powerlevel from **Admin** to **custom level (100)** ([\#8248](https://github.com/matrix-org/matrix-react-sdk/pull/8248)). Fixes #21682. Contributed by @Jumeb.
+ * Use a consistent alignment for all text items in a list ([\#8276](https://github.com/matrix-org/matrix-react-sdk/pull/8276)). Fixes #21731. Contributed by @luixxiul.
+ * Fixes button labels being collapsed per a character in CJK languages ([\#8212](https://github.com/matrix-org/matrix-react-sdk/pull/8212)). Fixes #21287. Contributed by @luixxiul.
+ * Fix: Remove jittery timeline scrolling after jumping to an event ([\#8263](https://github.com/matrix-org/matrix-react-sdk/pull/8263)).
+ * Fix regression of edits showing up in the timeline with hidden events shown ([\#8260](https://github.com/matrix-org/matrix-react-sdk/pull/8260)). Fixes #21694.
+ * Fix reporting events not working ([\#8257](https://github.com/matrix-org/matrix-react-sdk/pull/8257)). Fixes #21713.
+ * Make Jitsi widgets in video rooms immutable ([\#8244](https://github.com/matrix-org/matrix-react-sdk/pull/8244)). Fixes #21647.
+ * Fix: Ensure links to events scroll the correct events into view ([\#8250](https://github.com/matrix-org/matrix-react-sdk/pull/8250)). Fixes #19934.
+
+Changes in [1.10.10](https://github.com/vector-im/element-web/releases/tag/v1.10.10) (2022-04-14)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Fixes around threads beta in degraded mode ([\#8319](https://github.com/matrix-org/matrix-react-sdk/pull/8319)). Fixes #21762.
+
+Changes in [1.10.9](https://github.com/vector-im/element-web/releases/tag/v1.10.9) (2022-04-12)
+===============================================================================================
+
+## ✨ Features
+ * Release threads as a beta feature ([\#8081](https://github.com/matrix-org/matrix-react-sdk/pull/8081)). Fixes #21351.
+ * More video rooms design updates ([\#8222](https://github.com/matrix-org/matrix-react-sdk/pull/8222)).
+ * Update video rooms to new design specs ([\#8207](https://github.com/matrix-org/matrix-react-sdk/pull/8207)). Fixes #21515, #21516 #21519 and #21526.
+ * Live Location Sharing - left panel warning with error ([\#8201](https://github.com/matrix-org/matrix-react-sdk/pull/8201)).
+ * Live location sharing - Stop publishing location to beacons with consecutive errors ([\#8194](https://github.com/matrix-org/matrix-react-sdk/pull/8194)).
+ * Live location sharing: allow retry when stop sharing fails ([\#8193](https://github.com/matrix-org/matrix-react-sdk/pull/8193)).
+ * Allow voice messages to be scrubbed in the timeline ([\#8079](https://github.com/matrix-org/matrix-react-sdk/pull/8079)). Fixes #18713.
+ * Live location sharing - stop sharing to beacons in rooms you left ([\#8187](https://github.com/matrix-org/matrix-react-sdk/pull/8187)).
+ * Allow sending and thumbnailing AVIF images ([\#8172](https://github.com/matrix-org/matrix-react-sdk/pull/8172)).
+ * Live location sharing - handle geolocation errors ([\#8179](https://github.com/matrix-org/matrix-react-sdk/pull/8179)).
+ * Show voice room participants when not connected ([\#8136](https://github.com/matrix-org/matrix-react-sdk/pull/8136)). Fixes #21513.
+ * Add margins between labs sections ([\#8169](https://github.com/matrix-org/matrix-react-sdk/pull/8169)).
+ * Live location sharing - send geolocation beacon events - happy path ([\#8127](https://github.com/matrix-org/matrix-react-sdk/pull/8127)).
+ * Add support for Animated (A)PNG ([\#8158](https://github.com/matrix-org/matrix-react-sdk/pull/8158)). Fixes #12967.
+ * Don't form continuations from thread roots ([\#8166](https://github.com/matrix-org/matrix-react-sdk/pull/8166)). Fixes #20908.
+ * Improve handling of animated GIF and WEBP images ([\#8153](https://github.com/matrix-org/matrix-react-sdk/pull/8153)). Fixes #16193 and #6684.
+ * Wire up file preview for video files ([\#8140](https://github.com/matrix-org/matrix-react-sdk/pull/8140)). Fixes #21539.
+ * When showing thread, always auto-focus its composer ([\#8115](https://github.com/matrix-org/matrix-react-sdk/pull/8115)). Fixes #21438.
+ * Live location sharing - refresh beacon expiry in room ([\#8116](https://github.com/matrix-org/matrix-react-sdk/pull/8116)).
+ * Use styled mxids in member list v2 ([\#8110](https://github.com/matrix-org/matrix-react-sdk/pull/8110)). Fixes #14825. Contributed by @SimonBrandner.
+ * Delete groups (legacy communities system) ([\#8027](https://github.com/matrix-org/matrix-react-sdk/pull/8027)). Fixes #17532.
+ * Add a prototype of voice rooms in labs ([\#8084](https://github.com/matrix-org/matrix-react-sdk/pull/8084)). Fixes #3546.
+
+## 🐛 Bug Fixes
+ * Avoid flashing the Jitsi prejoin screen at the user before skipping it ([\#21665](https://github.com/vector-im/element-web/pull/21665)).
+ * Fix editing `<ol>` tags with a non-1 start attribute ([\#8211](https://github.com/matrix-org/matrix-react-sdk/pull/8211)). Fixes #21625.
+ * Fix URL previews being enabled when room first created ([\#8227](https://github.com/matrix-org/matrix-react-sdk/pull/8227)). Fixes #21659.
+ * Don't use m.call for Jitsi video rooms ([\#8223](https://github.com/matrix-org/matrix-react-sdk/pull/8223)).
+ * Scale emoji with size of surrounding text ([\#8224](https://github.com/matrix-org/matrix-react-sdk/pull/8224)).
+ * Make "Jump to date" translatable ([\#8218](https://github.com/matrix-org/matrix-react-sdk/pull/8218)).
+ * Normalize call buttons ([\#8129](https://github.com/matrix-org/matrix-react-sdk/pull/8129)). Fixes #21493. Contributed by @luixxiul.
+ * Show room preview bar with maximised widgets ([\#8180](https://github.com/matrix-org/matrix-react-sdk/pull/8180)). Fixes #21542.
+ * Update more strings to not wrongly mention room when it is/could be a space ([\#7722](https://github.com/matrix-org/matrix-react-sdk/pull/7722)). Fixes #20243 and #20910.
+ * Fix issue with redacting via edit composer flow causing stuck editStates ([\#8184](https://github.com/matrix-org/matrix-react-sdk/pull/8184)).
+ * Fix some image/video scroll jumps ([\#8182](https://github.com/matrix-org/matrix-react-sdk/pull/8182)).
+ * Fix "react error on share dialog" ([\#8170](https://github.com/matrix-org/matrix-react-sdk/pull/8170)). Contributed by @yaya-usman.
+ * Fix disambiguated profile in threads in bubble layout ([\#8168](https://github.com/matrix-org/matrix-react-sdk/pull/8168)). Fixes #21570. Contributed by @SimonBrandner.
+ * Responsive BetaCard on Labs ([\#8154](https://github.com/matrix-org/matrix-react-sdk/pull/8154)). Fixes #21554. Contributed by @luixxiul.
+ * Display button as inline in room directory dialog ([\#8164](https://github.com/matrix-org/matrix-react-sdk/pull/8164)). Fixes #21567. Contributed by @luixxiul.
+ * Null guard TimelinePanel unmount edge ([\#8171](https://github.com/matrix-org/matrix-react-sdk/pull/8171)).
+ * Fix beta pill label breaking ([\#8162](https://github.com/matrix-org/matrix-react-sdk/pull/8162)). Fixes #21566. Contributed by @luixxiul.
+ * Strip relations when forwarding ([\#7929](https://github.com/matrix-org/matrix-react-sdk/pull/7929)). Fixes #19769, #18067 #21015 and #10924.
+ * Don't try (and fail) to show replies for redacted events ([\#8141](https://github.com/matrix-org/matrix-react-sdk/pull/8141)). Fixes #21435.
+ * Fix 3pid member info for space member list ([\#8128](https://github.com/matrix-org/matrix-react-sdk/pull/8128)). Fixes #21534.
+ * Set max-width to user context menu ([\#8089](https://github.com/matrix-org/matrix-react-sdk/pull/8089)). Fixes #21486. Contributed by @luixxiul.
+ * Fix issue with falsey hrefs being sent in events ([\#8113](https://github.com/matrix-org/matrix-react-sdk/pull/8113)). Fixes #21417.
+ * Make video sizing consistent with images ([\#8102](https://github.com/matrix-org/matrix-react-sdk/pull/8102)). Fixes #20072.
+
+Changes in [1.10.9-rc.4](https://github.com/vector-im/element-web/releases/tag/v1.10.9-rc.4) (2022-04-11)
+=========================================================================================================
+
+Changes in [1.10.9-rc.3](https://github.com/vector-im/element-web/releases/tag/v1.10.9-rc.3) (2022-04-08)
+=========================================================================================================
+
+Changes in [1.10.9-rc.2](https://github.com/vector-im/element-web/releases/tag/v1.10.9-rc.2) (2022-04-06)
+=========================================================================================================
+
+Changes in [1.10.9-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.10.9-rc.1) (2022-04-05)
+=========================================================================================================
+
+## ✨ Features
+ * Release threads as a beta feature ([\#8081](https://github.com/matrix-org/matrix-react-sdk/pull/8081)). Fixes #21351.
+ * More video rooms design updates ([\#8222](https://github.com/matrix-org/matrix-react-sdk/pull/8222)).
+ * Update video rooms to new design specs ([\#8207](https://github.com/matrix-org/matrix-react-sdk/pull/8207)). Fixes #21515, #21516 #21519 and #21526.
+ * Live Location Sharing - left panel warning with error ([\#8201](https://github.com/matrix-org/matrix-react-sdk/pull/8201)).
+ * Live location sharing - Stop publishing location to beacons with consecutive errors ([\#8194](https://github.com/matrix-org/matrix-react-sdk/pull/8194)).
+ * Live location sharing: allow retry when stop sharing fails ([\#8193](https://github.com/matrix-org/matrix-react-sdk/pull/8193)).
+ * Allow voice messages to be scrubbed in the timeline ([\#8079](https://github.com/matrix-org/matrix-react-sdk/pull/8079)). Fixes #18713.
+ * Live location sharing - stop sharing to beacons in rooms you left ([\#8187](https://github.com/matrix-org/matrix-react-sdk/pull/8187)).
+ * Allow sending and thumbnailing AVIF images ([\#8172](https://github.com/matrix-org/matrix-react-sdk/pull/8172)).
+ * Live location sharing - handle geolocation errors ([\#8179](https://github.com/matrix-org/matrix-react-sdk/pull/8179)).
+ * Show voice room participants when not connected ([\#8136](https://github.com/matrix-org/matrix-react-sdk/pull/8136)). Fixes #21513.
+ * Add margins between labs sections ([\#8169](https://github.com/matrix-org/matrix-react-sdk/pull/8169)).
+ * Live location sharing - send geolocation beacon events - happy path ([\#8127](https://github.com/matrix-org/matrix-react-sdk/pull/8127)).
+ * Add support for Animated (A)PNG ([\#8158](https://github.com/matrix-org/matrix-react-sdk/pull/8158)). Fixes #12967.
+ * Don't form continuations from thread roots ([\#8166](https://github.com/matrix-org/matrix-react-sdk/pull/8166)). Fixes #20908.
+ * Improve handling of animated GIF and WEBP images ([\#8153](https://github.com/matrix-org/matrix-react-sdk/pull/8153)). Fixes #16193 and #6684.
+ * Wire up file preview for video files ([\#8140](https://github.com/matrix-org/matrix-react-sdk/pull/8140)). Fixes #21539.
+ * When showing thread, always auto-focus its composer ([\#8115](https://github.com/matrix-org/matrix-react-sdk/pull/8115)). Fixes #21438.
+ * Live location sharing - refresh beacon expiry in room ([\#8116](https://github.com/matrix-org/matrix-react-sdk/pull/8116)).
+ * Use styled mxids in member list v2 ([\#8110](https://github.com/matrix-org/matrix-react-sdk/pull/8110)). Fixes #14825. Contributed by @SimonBrandner.
+ * Delete groups (legacy communities system) ([\#8027](https://github.com/matrix-org/matrix-react-sdk/pull/8027)). Fixes #17532.
+ * Add a prototype of voice rooms in labs ([\#8084](https://github.com/matrix-org/matrix-react-sdk/pull/8084)). Fixes #3546.
+
+## 🐛 Bug Fixes
+ * Fix URL previews being enabled when room first created ([\#8227](https://github.com/matrix-org/matrix-react-sdk/pull/8227)). Fixes #21659.
+ * Don't use m.call for Jitsi video rooms ([\#8223](https://github.com/matrix-org/matrix-react-sdk/pull/8223)).
+ * Scale emoji with size of surrounding text ([\#8224](https://github.com/matrix-org/matrix-react-sdk/pull/8224)).
+ * Make "Jump to date" translatable ([\#8218](https://github.com/matrix-org/matrix-react-sdk/pull/8218)).
+ * Normalize call buttons ([\#8129](https://github.com/matrix-org/matrix-react-sdk/pull/8129)). Fixes #21493. Contributed by @luixxiul.
+ * Fix editing <ol> tags with a non-1 start attribute ([\#8211](https://github.com/matrix-org/matrix-react-sdk/pull/8211)). Fixes #21625.
+ * Show room preview bar with maximised widgets ([\#8180](https://github.com/matrix-org/matrix-react-sdk/pull/8180)). Fixes #21542.
+ * Update more strings to not wrongly mention room when it is/could be a space ([\#7722](https://github.com/matrix-org/matrix-react-sdk/pull/7722)). Fixes #20243 and #20910.
+ * Fix issue with redacting via edit composer flow causing stuck editStates ([\#8184](https://github.com/matrix-org/matrix-react-sdk/pull/8184)).
+ * Fix some image/video scroll jumps ([\#8182](https://github.com/matrix-org/matrix-react-sdk/pull/8182)).
+ * Fix "react error on share dialog" ([\#8170](https://github.com/matrix-org/matrix-react-sdk/pull/8170)). Contributed by @yaya-usman.
+ * Fix disambiguated profile in threads in bubble layout ([\#8168](https://github.com/matrix-org/matrix-react-sdk/pull/8168)). Fixes #21570. Contributed by @SimonBrandner.
+ * Responsive BetaCard on Labs ([\#8154](https://github.com/matrix-org/matrix-react-sdk/pull/8154)). Fixes #21554. Contributed by @luixxiul.
+ * Display button as inline in room directory dialog ([\#8164](https://github.com/matrix-org/matrix-react-sdk/pull/8164)). Fixes #21567. Contributed by @luixxiul.
+ * Null guard TimelinePanel unmount edge ([\#8171](https://github.com/matrix-org/matrix-react-sdk/pull/8171)).
+ * Fix beta pill label breaking ([\#8162](https://github.com/matrix-org/matrix-react-sdk/pull/8162)). Fixes #21566. Contributed by @luixxiul.
+ * Strip relations when forwarding ([\#7929](https://github.com/matrix-org/matrix-react-sdk/pull/7929)). Fixes #19769, #18067 #21015 and #10924.
+ * Don't try (and fail) to show replies for redacted events ([\#8141](https://github.com/matrix-org/matrix-react-sdk/pull/8141)). Fixes #21435.
+ * Fix 3pid member info for space member list ([\#8128](https://github.com/matrix-org/matrix-react-sdk/pull/8128)). Fixes #21534.
+ * Set max-width to user context menu ([\#8089](https://github.com/matrix-org/matrix-react-sdk/pull/8089)). Fixes #21486. Contributed by @luixxiul.
+ * Fix issue with falsey hrefs being sent in events ([\#8113](https://github.com/matrix-org/matrix-react-sdk/pull/8113)). Fixes #21417.
+ * Make video sizing consistent with images ([\#8102](https://github.com/matrix-org/matrix-react-sdk/pull/8102)). Fixes #20072.
+
+Changes in [1.10.8-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.10.8-rc.1) (2022-03-22)
+=========================================================================================================
+
+## ✨ Features
+ * Live location sharing: live share warning in room ([\#8100](https://github.com/matrix-org/matrix-react-sdk/pull/8100)).
+ * Add simple live share warning ([\#8066](https://github.com/matrix-org/matrix-react-sdk/pull/8066)).
+ * extract reusable styled live beacon icon ([\#8103](https://github.com/matrix-org/matrix-react-sdk/pull/8103)).
+ * Don't restore MemberInfo from RightPanel history when viewing a room ([\#8090](https://github.com/matrix-org/matrix-react-sdk/pull/8090)). Fixes #21487.
+ * Allow sending files as replies as per MSC3676 ([\#8020](https://github.com/matrix-org/matrix-react-sdk/pull/8020)). Fixes #7156.
+ * kill beacons on expiry ([\#8075](https://github.com/matrix-org/matrix-react-sdk/pull/8075)).
+ * enable geolocation behaviour in location picker for live share type ([\#8068](https://github.com/matrix-org/matrix-react-sdk/pull/8068)).
+ * Improve formatting features in the editor ([\#7104](https://github.com/matrix-org/matrix-react-sdk/pull/7104)). Fixes #19501. Contributed by @alexanderstephan.
+ * Support MSC3026 busy presence ([\#8043](https://github.com/matrix-org/matrix-react-sdk/pull/8043)).
+ * Show displayname in non-narrow thread summeries ([\#8036](https://github.com/matrix-org/matrix-react-sdk/pull/8036)). Fixes #19646.
+ * Tweak search dialog based on new designs ([\#7980](https://github.com/matrix-org/matrix-react-sdk/pull/7980)). Fixes #21285 and #21289.
+ * fallback to event text in location body when map unavailable ([\#7982](https://github.com/matrix-org/matrix-react-sdk/pull/7982)). Fixes #20655.
+ * Send pin drop location share events ([\#7967](https://github.com/matrix-org/matrix-react-sdk/pull/7967)).
+
+## 🐛 Bug Fixes
+ * fix quicktime video thumbnailing ([\#8108](https://github.com/matrix-org/matrix-react-sdk/pull/8108)). Fixes #21505.
+ * Fix scroll behaviour in space panel ([\#8111](https://github.com/matrix-org/matrix-react-sdk/pull/8111)). Fixes #21467.
+ * Fix emoting with emoji or pills ([\#8105](https://github.com/matrix-org/matrix-react-sdk/pull/8105)). Fixes #21497.
+ * Remove padding of InviteDialog & fix visual regression ([\#8076](https://github.com/matrix-org/matrix-react-sdk/pull/8076)). Fixes #20631. Contributed by @luixxiul.
+ * Fixes mx_MLocationBody_markerBorder ([\#8069](https://github.com/matrix-org/matrix-react-sdk/pull/8069)). Fixes #21444. Contributed by @luixxiul.
+ * Make margin and padding of mx_InviteDialog_other consistent ([\#8063](https://github.com/matrix-org/matrix-react-sdk/pull/8063)). Fixes #20631. Contributed by @luixxiul.
+ * Fix freeze/crash when 1:1 calling ([\#8057](https://github.com/matrix-org/matrix-react-sdk/pull/8057)). Fixes #21181.
+ * Don't assume that widget IDs are unique ([\#8052](https://github.com/matrix-org/matrix-react-sdk/pull/8052)). Fixes #21399.
+ * Fix the header of Space landing page ([\#8048](https://github.com/matrix-org/matrix-react-sdk/pull/8048)). Fixes #21402. Contributed by @luixxiul.
+ * Fix buttons alignment of Space list header ([\#8047](https://github.com/matrix-org/matrix-react-sdk/pull/8047)). Fixes #21401. Contributed by @luixxiul.
+ * Fix null-guarding regression around reply_to_event dispatch ([\#8039](https://github.com/matrix-org/matrix-react-sdk/pull/8039)).
+ * Fix clicking on copy link to thread wrongly opening thread ([\#8038](https://github.com/matrix-org/matrix-react-sdk/pull/8038)). Fixes #20653.
+ * Fix regression around replying to search results ([\#8035](https://github.com/matrix-org/matrix-react-sdk/pull/8035)). Fixes #21389.
+ * Share shared history keys in the background ([\#8031](https://github.com/matrix-org/matrix-react-sdk/pull/8031)). Fixes #21192.
+ * Paginate responses to pinned polls ([\#8025](https://github.com/matrix-org/matrix-react-sdk/pull/8025)). Fixes #21382.
+ * Fix incorrect usage of unstable variant of `is_falling_back` ([\#8016](https://github.com/matrix-org/matrix-react-sdk/pull/8016)).
+ * Fix issues with ThreadSummary in msc-enabled mode ([\#8018](https://github.com/matrix-org/matrix-react-sdk/pull/8018)). Fixes matrix-org/element-web-rageshakes#11401 and matrix-org/element-web-rageshakes#11400.
+ * Fix alignment of polls within threads ([\#8017](https://github.com/matrix-org/matrix-react-sdk/pull/8017)). Fixes #21235.
+ * Fix issues with thread summaries being wrong or stale ([\#8015](https://github.com/matrix-org/matrix-react-sdk/pull/8015)). Fixes #21363 and #21204.
+ * Fix button border color of LeaveSpaceDialog ([\#8010](https://github.com/matrix-org/matrix-react-sdk/pull/8010)). Fixes #21365. Contributed by @luixxiul.
+ * Fix room list scroll jumps ([\#7991](https://github.com/matrix-org/matrix-react-sdk/pull/7991)). Fixes #19322.
+ * Fix a variety of issues with HTML → Markdown conversion ([\#8004](https://github.com/matrix-org/matrix-react-sdk/pull/8004)). Fixes #10648, #20718, #10722, #10389, #17610 #9984 and #20140.
+ * Wrap EventTile rather than its children in an error boundary ([\#7945](https://github.com/matrix-org/matrix-react-sdk/pull/7945)).
+ * Normalized shortcut formatting for quote expansion control ([\#7995](https://github.com/matrix-org/matrix-react-sdk/pull/7995)). Fixes #19685. Contributed by @Sinharitik589.
+ * Fix buttons and text layout on Security Key dialog ([\#7996](https://github.com/matrix-org/matrix-react-sdk/pull/7996)). Fixes #21330. Contributed by @luixxiul.
+ * Fix formatting not being applied after links ([\#7990](https://github.com/matrix-org/matrix-react-sdk/pull/7990)). Fixes #20091.
+
+Changes in [1.10.7](https://github.com/vector-im/element-web/releases/tag/v1.10.7) (2022-03-15)
+===============================================================================================
+
+## 🔒 SECURITY FIXES
+
+ * Fix a bug where URL previews could be enabled in the left-panel when they
+   should not have been.
+
+## ✨ Features
+ * Add a config.json option to skip the built-in Jitsi welcome screen ([\#21190](https://github.com/vector-im/element-web/pull/21190)).
+ * Add unexposed account setting for hiding poll creation ([\#7972](https://github.com/matrix-org/matrix-react-sdk/pull/7972)).
+ * Allow pinning polls ([\#7922](https://github.com/matrix-org/matrix-react-sdk/pull/7922)). Fixes #20152.
+ * Make trailing `:` into a setting ([\#6711](https://github.com/matrix-org/matrix-react-sdk/pull/6711)). Fixes #16682. Contributed by @SimonBrandner.
+ * Location sharing > back button ([\#7958](https://github.com/matrix-org/matrix-react-sdk/pull/7958)).
+ * use LocationAssetType ([\#7965](https://github.com/matrix-org/matrix-react-sdk/pull/7965)).
+ * Location share type UI ([\#7924](https://github.com/matrix-org/matrix-react-sdk/pull/7924)).
+ * Add a few more UIComponent flags, and ensure they are used in existing code ([\#7937](https://github.com/matrix-org/matrix-react-sdk/pull/7937)).
+ * Add support for overriding strings in the app ([\#7886](https://github.com/matrix-org/matrix-react-sdk/pull/7886)).
+ * Add support for redirecting to external pages after logout ([\#7905](https://github.com/matrix-org/matrix-react-sdk/pull/7905)).
+ * Expose redaction power level in room settings ([\#7599](https://github.com/matrix-org/matrix-react-sdk/pull/7599)). Fixes #20590. Contributed by @SimonBrandner.
+ * Update and expand ways to access pinned messages ([\#7906](https://github.com/matrix-org/matrix-react-sdk/pull/7906)). Fixes #21209 and #21211.
+ * Add slash command to switch to a room's virtual room ([\#7839](https://github.com/matrix-org/matrix-react-sdk/pull/7839)).
+
+## 🐛 Bug Fixes
+ * Remove Lojban translation ([\#21302](https://github.com/vector-im/element-web/pull/21302)).
+ * Merge pull request from GHSA-qmf4-7w7j-vf23 ([\#8059](https://github.com/matrix-org/matrix-react-sdk/pull/8059)).
+ * Add another null guard for member ([\#7984](https://github.com/matrix-org/matrix-react-sdk/pull/7984)). Fixes #21319.
+ * Fix room account settings ([\#7999](https://github.com/matrix-org/matrix-react-sdk/pull/7999)).
+ * Fix missing summary text for pinned message changes ([\#7989](https://github.com/matrix-org/matrix-react-sdk/pull/7989)). Fixes #19823.
+ * Pass room to getRoomTombstone to avoid racing with setState ([\#7986](https://github.com/matrix-org/matrix-react-sdk/pull/7986)).
+ * Hide composer and call buttons when the room is tombstoned ([\#7975](https://github.com/matrix-org/matrix-react-sdk/pull/7975)). Fixes #21286.
+ * Fix bad ternary statement in autocomplete user pill insertions ([\#7977](https://github.com/matrix-org/matrix-react-sdk/pull/7977)). Fixes #21307.
+ * Fix sending locations into threads and fix i18n ([\#7943](https://github.com/matrix-org/matrix-react-sdk/pull/7943)). Fixes #21267.
+ * Fix location map attribution rendering over message action bar ([\#7974](https://github.com/matrix-org/matrix-react-sdk/pull/7974)). Fixes #21297.
+ * Fix wrongly asserting that PushRule::conditions is non-null ([\#7973](https://github.com/matrix-org/matrix-react-sdk/pull/7973)). Fixes #21305.
+ * Fix account & room settings race condition ([\#7953](https://github.com/matrix-org/matrix-react-sdk/pull/7953)). Fixes #21163.
+ * Fix bug with some space selections not being applied ([\#7971](https://github.com/matrix-org/matrix-react-sdk/pull/7971)). Fixes #21290.
+ * Revert "replace all require(.svg) with esm import" ([\#7969](https://github.com/matrix-org/matrix-react-sdk/pull/7969)). Fixes #21293.
+ * Hide unpinnable pinned messages in more cases ([\#7921](https://github.com/matrix-org/matrix-react-sdk/pull/7921)).
+ * Fix room list being laggy while scrolling 🐌 ([\#7939](https://github.com/matrix-org/matrix-react-sdk/pull/7939)). Fixes #21262.
+ * Make pinned messages more reliably reflect edits ([\#7920](https://github.com/matrix-org/matrix-react-sdk/pull/7920)). Fixes #17098.
+ * Improve accessibility of the BetaPill ([\#7949](https://github.com/matrix-org/matrix-react-sdk/pull/7949)). Fixes #21255.
+ * Autofocus correct composer after sending reaction ([\#7950](https://github.com/matrix-org/matrix-react-sdk/pull/7950)). Fixes #21273.
+ * Consider polls as message events for rendering redactions ([\#7944](https://github.com/matrix-org/matrix-react-sdk/pull/7944)). Fixes #21125.
+ * Prevent event tiles being shrunk/collapsed by flexbox ([\#7942](https://github.com/matrix-org/matrix-react-sdk/pull/7942)). Fixes #21269.
+ * Fix ExportDialog title on export cancellation ([\#7936](https://github.com/matrix-org/matrix-react-sdk/pull/7936)). Fixes #21260. Contributed by @luixxiul.
+ * Mandate use of js-sdk/src/matrix import over js-sdk/src ([\#7933](https://github.com/matrix-org/matrix-react-sdk/pull/7933)). Fixes #21253.
+ * Fix backspace not working in the invite dialog ([\#7931](https://github.com/matrix-org/matrix-react-sdk/pull/7931)). Fixes #21249. Contributed by @SimonBrandner.
+ * Fix right panel soft crashes due to missing room prop ([\#7923](https://github.com/matrix-org/matrix-react-sdk/pull/7923)). Fixes #21243.
+ * fix color of location share caret ([\#7917](https://github.com/matrix-org/matrix-react-sdk/pull/7917)).
+ * Wrap all EventTiles with a TileErrorBoundary and guard parsePermalink ([\#7916](https://github.com/matrix-org/matrix-react-sdk/pull/7916)). Fixes #21216.
+ * Fix changing space sometimes bouncing to the wrong space ([\#7910](https://github.com/matrix-org/matrix-react-sdk/pull/7910)). Fixes #20425.
+ * Ensure EventListSummary key does not change during backpagination ([\#7915](https://github.com/matrix-org/matrix-react-sdk/pull/7915)). Fixes #9192.
+ * Fix positioning of the thread context menu ([\#7918](https://github.com/matrix-org/matrix-react-sdk/pull/7918)). Fixes #21236.
+ * Inject sender into pinned messages ([\#7904](https://github.com/matrix-org/matrix-react-sdk/pull/7904)). Fixes #20314.
+ * Tweak info message padding in right panel timeline ([\#7901](https://github.com/matrix-org/matrix-react-sdk/pull/7901)). Fixes #21212.
+ * Fix another freeze on room switch ([\#7900](https://github.com/matrix-org/matrix-react-sdk/pull/7900)). Fixes #21127.
+ * Fix out of memory error when failing to acquire location ([\#7902](https://github.com/matrix-org/matrix-react-sdk/pull/7902)). Fixes #21213.
+ * Fix edge case in context menu chevron positioning ([\#7899](https://github.com/matrix-org/matrix-react-sdk/pull/7899)).
+ * Fix composer format buttons on WebKit ([\#7898](https://github.com/matrix-org/matrix-react-sdk/pull/7898)). Fixes #20868.
+ * manage voicerecording state when deleting or sending a voice message ([\#7896](https://github.com/matrix-org/matrix-react-sdk/pull/7896)). Fixes #21151.
+ * Fix bug with useRoomHierarchy tight-looping loadMore on error ([\#7893](https://github.com/matrix-org/matrix-react-sdk/pull/7893)).
+ * Fix upload button & shortcut not working for narrow composer mode ([\#7894](https://github.com/matrix-org/matrix-react-sdk/pull/7894)). Fixes #21175 and #21142.
+ * Fix emoji insertion in thread composer going to the main composer ([\#7895](https://github.com/matrix-org/matrix-react-sdk/pull/7895)). Fixes #21202.
+ * Try harder to keep context menus inside the window ([\#7863](https://github.com/matrix-org/matrix-react-sdk/pull/7863)). Fixes #17527 and #18377.
+ * Fix edge case around event list summary layout ([\#7891](https://github.com/matrix-org/matrix-react-sdk/pull/7891)). Fixes #21180.
+ * Fix event list summary 1 hidden message pluralisation ([\#7890](https://github.com/matrix-org/matrix-react-sdk/pull/7890)). Fixes #21196.
+ * Fix vanishing recently viewed menu ([\#7887](https://github.com/matrix-org/matrix-react-sdk/pull/7887)). Fixes #20827.
+ * Fix freeze on room switch ([\#7884](https://github.com/matrix-org/matrix-react-sdk/pull/7884)). Fixes #21127.
+ * Check 'useSystemTheme' in quick settings theme switcher ([\#7809](https://github.com/matrix-org/matrix-react-sdk/pull/7809)). Fixes #21061.
+ * Fix 'my threads' filtering to include participated threads ([\#7882](https://github.com/matrix-org/matrix-react-sdk/pull/7882)). Fixes #20877.
+ * Remove log line to try to fix freeze on answering VoIP call ([\#7883](https://github.com/matrix-org/matrix-react-sdk/pull/7883)).
+ * Support social login & password on soft logout page ([\#7879](https://github.com/matrix-org/matrix-react-sdk/pull/7879)). Fixes #21099.
+ * Fix missing padding on server picker ([\#7864](https://github.com/matrix-org/matrix-react-sdk/pull/7864)).
+ * Throttle RoomState.members handlers ([\#7876](https://github.com/matrix-org/matrix-react-sdk/pull/7876)). Fixes #21127.
+ * Only show joined/invited in search dialog ([\#7875](https://github.com/matrix-org/matrix-react-sdk/pull/7875)). Fixes #21161.
+ * Don't pillify code blocks ([\#7861](https://github.com/matrix-org/matrix-react-sdk/pull/7861)). Fixes #20851 and #18687.
+ * Fix keyboard shortcut icons on macOS ([\#7869](https://github.com/matrix-org/matrix-react-sdk/pull/7869)).
+
+Changes in [1.10.7-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.10.7-rc.1) (2022-03-08)
+=========================================================================================================
+
+## ✨ Features
+ * Add a config.json option to skip the built-in Jitsi welcome screen ([\#21190](https://github.com/vector-im/element-web/pull/21190)).
+ * Add unexposed account setting for hiding poll creation ([\#7972](https://github.com/matrix-org/matrix-react-sdk/pull/7972)).
+ * Allow pinning polls ([\#7922](https://github.com/matrix-org/matrix-react-sdk/pull/7922)). Fixes #20152.
+ * Make trailing `:` into a setting ([\#6711](https://github.com/matrix-org/matrix-react-sdk/pull/6711)). Fixes #16682. Contributed by @SimonBrandner.
+ * Location sharing > back button ([\#7958](https://github.com/matrix-org/matrix-react-sdk/pull/7958)).
+ * use LocationAssetType ([\#7965](https://github.com/matrix-org/matrix-react-sdk/pull/7965)).
+ * Location share type UI ([\#7924](https://github.com/matrix-org/matrix-react-sdk/pull/7924)).
+ * Add a few more UIComponent flags, and ensure they are used in existing code ([\#7937](https://github.com/matrix-org/matrix-react-sdk/pull/7937)).
+ * Add support for overriding strings in the app ([\#7886](https://github.com/matrix-org/matrix-react-sdk/pull/7886)).
+ * Add support for redirecting to external pages after logout ([\#7905](https://github.com/matrix-org/matrix-react-sdk/pull/7905)).
+ * Expose redaction power level in room settings ([\#7599](https://github.com/matrix-org/matrix-react-sdk/pull/7599)). Fixes #20590. Contributed by @SimonBrandner.
+ * Update and expand ways to access pinned messages ([\#7906](https://github.com/matrix-org/matrix-react-sdk/pull/7906)). Fixes #21209 and #21211.
+ * Add slash command to switch to a room's virtual room ([\#7839](https://github.com/matrix-org/matrix-react-sdk/pull/7839)).
+
+## 🐛 Bug Fixes
+ * Remove Lojban translation ([\#21302](https://github.com/vector-im/element-web/pull/21302)).
+ * Add another null guard for member ([\#7984](https://github.com/matrix-org/matrix-react-sdk/pull/7984)). Fixes #21319.
+ * Fix room account settings ([\#7999](https://github.com/matrix-org/matrix-react-sdk/pull/7999)).
+ * Fix missing summary text for pinned message changes ([\#7989](https://github.com/matrix-org/matrix-react-sdk/pull/7989)). Fixes #19823.
+ * Pass room to getRoomTombstone to avoid racing with setState ([\#7986](https://github.com/matrix-org/matrix-react-sdk/pull/7986)).
+ * Hide composer and call buttons when the room is tombstoned ([\#7975](https://github.com/matrix-org/matrix-react-sdk/pull/7975)). Fixes #21286.
+ * Fix bad ternary statement in autocomplete user pill insertions ([\#7977](https://github.com/matrix-org/matrix-react-sdk/pull/7977)). Fixes #21307.
+ * Fix sending locations into threads and fix i18n ([\#7943](https://github.com/matrix-org/matrix-react-sdk/pull/7943)). Fixes #21267.
+ * Fix location map attribution rendering over message action bar ([\#7974](https://github.com/matrix-org/matrix-react-sdk/pull/7974)). Fixes #21297.
+ * Fix wrongly asserting that PushRule::conditions is non-null ([\#7973](https://github.com/matrix-org/matrix-react-sdk/pull/7973)). Fixes #21305.
+ * Fix account & room settings race condition ([\#7953](https://github.com/matrix-org/matrix-react-sdk/pull/7953)). Fixes #21163.
+ * Fix bug with some space selections not being applied ([\#7971](https://github.com/matrix-org/matrix-react-sdk/pull/7971)). Fixes #21290.
+ * Revert "replace all require(.svg) with esm import" ([\#7969](https://github.com/matrix-org/matrix-react-sdk/pull/7969)). Fixes #21293.
+ * Hide unpinnable pinned messages in more cases ([\#7921](https://github.com/matrix-org/matrix-react-sdk/pull/7921)).
+ * Fix room list being laggy while scrolling 🐌 ([\#7939](https://github.com/matrix-org/matrix-react-sdk/pull/7939)). Fixes #21262.
+ * Make pinned messages more reliably reflect edits ([\#7920](https://github.com/matrix-org/matrix-react-sdk/pull/7920)). Fixes #17098.
+ * Improve accessibility of the BetaPill ([\#7949](https://github.com/matrix-org/matrix-react-sdk/pull/7949)). Fixes #21255.
+ * Autofocus correct composer after sending reaction ([\#7950](https://github.com/matrix-org/matrix-react-sdk/pull/7950)). Fixes #21273.
+ * Consider polls as message events for rendering redactions ([\#7944](https://github.com/matrix-org/matrix-react-sdk/pull/7944)). Fixes #21125.
+ * Prevent event tiles being shrunk/collapsed by flexbox ([\#7942](https://github.com/matrix-org/matrix-react-sdk/pull/7942)). Fixes #21269.
+ * Fix ExportDialog title on export cancellation ([\#7936](https://github.com/matrix-org/matrix-react-sdk/pull/7936)). Fixes #21260. Contributed by @luixxiul.
+ * Mandate use of js-sdk/src/matrix import over js-sdk/src ([\#7933](https://github.com/matrix-org/matrix-react-sdk/pull/7933)). Fixes #21253.
+ * Fix backspace not working in the invite dialog ([\#7931](https://github.com/matrix-org/matrix-react-sdk/pull/7931)). Fixes #21249. Contributed by @SimonBrandner.
+ * Fix right panel soft crashes due to missing room prop ([\#7923](https://github.com/matrix-org/matrix-react-sdk/pull/7923)). Fixes #21243.
+ * fix color of location share caret ([\#7917](https://github.com/matrix-org/matrix-react-sdk/pull/7917)).
+ * Wrap all EventTiles with a TileErrorBoundary and guard parsePermalink ([\#7916](https://github.com/matrix-org/matrix-react-sdk/pull/7916)). Fixes #21216.
+ * Fix changing space sometimes bouncing to the wrong space ([\#7910](https://github.com/matrix-org/matrix-react-sdk/pull/7910)). Fixes #20425.
+ * Ensure EventListSummary key does not change during backpagination ([\#7915](https://github.com/matrix-org/matrix-react-sdk/pull/7915)). Fixes #9192.
+ * Fix positioning of the thread context menu ([\#7918](https://github.com/matrix-org/matrix-react-sdk/pull/7918)). Fixes #21236.
+ * Inject sender into pinned messages ([\#7904](https://github.com/matrix-org/matrix-react-sdk/pull/7904)). Fixes #20314.
+ * Tweak info message padding in right panel timeline ([\#7901](https://github.com/matrix-org/matrix-react-sdk/pull/7901)). Fixes #21212.
+ * Fix another freeze on room switch ([\#7900](https://github.com/matrix-org/matrix-react-sdk/pull/7900)). Fixes #21127.
+ * Fix out of memory error when failing to acquire location ([\#7902](https://github.com/matrix-org/matrix-react-sdk/pull/7902)). Fixes #21213.
+ * Fix edge case in context menu chevron positioning ([\#7899](https://github.com/matrix-org/matrix-react-sdk/pull/7899)).
+ * Fix composer format buttons on WebKit ([\#7898](https://github.com/matrix-org/matrix-react-sdk/pull/7898)). Fixes #20868.
+ * manage voicerecording state when deleting or sending a voice message ([\#7896](https://github.com/matrix-org/matrix-react-sdk/pull/7896)). Fixes #21151.
+ * Fix bug with useRoomHierarchy tight-looping loadMore on error ([\#7893](https://github.com/matrix-org/matrix-react-sdk/pull/7893)).
+ * Fix upload button & shortcut not working for narrow composer mode ([\#7894](https://github.com/matrix-org/matrix-react-sdk/pull/7894)). Fixes #21175 and #21142.
+ * Fix emoji insertion in thread composer going to the main composer ([\#7895](https://github.com/matrix-org/matrix-react-sdk/pull/7895)). Fixes #21202.
+ * Try harder to keep context menus inside the window ([\#7863](https://github.com/matrix-org/matrix-react-sdk/pull/7863)). Fixes #17527 and #18377.
+ * Fix edge case around event list summary layout ([\#7891](https://github.com/matrix-org/matrix-react-sdk/pull/7891)). Fixes #21180.
+ * Fix event list summary 1 hidden message pluralisation ([\#7890](https://github.com/matrix-org/matrix-react-sdk/pull/7890)). Fixes #21196.
+ * Fix vanishing recently viewed menu ([\#7887](https://github.com/matrix-org/matrix-react-sdk/pull/7887)). Fixes #20827.
+ * Fix freeze on room switch ([\#7884](https://github.com/matrix-org/matrix-react-sdk/pull/7884)). Fixes #21127.
+ * Check 'useSystemTheme' in quick settings theme switcher ([\#7809](https://github.com/matrix-org/matrix-react-sdk/pull/7809)). Fixes #21061.
+ * Fix 'my threads' filtering to include participated threads ([\#7882](https://github.com/matrix-org/matrix-react-sdk/pull/7882)). Fixes #20877.
+ * Remove log line to try to fix freeze on answering VoIP call ([\#7883](https://github.com/matrix-org/matrix-react-sdk/pull/7883)).
+ * Support social login & password on soft logout page ([\#7879](https://github.com/matrix-org/matrix-react-sdk/pull/7879)). Fixes #21099.
+ * Fix missing padding on server picker ([\#7864](https://github.com/matrix-org/matrix-react-sdk/pull/7864)).
+ * Throttle RoomState.members handlers ([\#7876](https://github.com/matrix-org/matrix-react-sdk/pull/7876)). Fixes #21127.
+ * Only show joined/invited in search dialog ([\#7875](https://github.com/matrix-org/matrix-react-sdk/pull/7875)). Fixes #21161.
+ * Don't pillify code blocks ([\#7861](https://github.com/matrix-org/matrix-react-sdk/pull/7861)). Fixes #20851 and #18687.
+ * Fix keyboard shortcut icons on macOS ([\#7869](https://github.com/matrix-org/matrix-react-sdk/pull/7869)).
+
+Changes in [1.10.6](https://github.com/vector-im/element-web/releases/tag/v1.10.6) (2022-03-01)
+===============================================================================================
+
+## 🐛 Bug Fixes
+ * Fix some crashes in the right panel
+
+Changes in [1.10.5](https://github.com/vector-im/element-web/releases/tag/v1.10.5) (2022-02-28)
+===============================================================================================
+
+## 🌐 Translations
+ * This release contains a significant update to the Japanese translations, contributed by Suguru Hirahara (@luixxiul). ありがとうございます!
+
+## ✨ Features
+ * Support "closed" polls whose votes are not visible until they are ended ([\#7842](https://github.com/matrix-org/matrix-react-sdk/pull/7842)).
+ * Focus trap in poll creation dialog ([\#7847](https://github.com/matrix-org/matrix-react-sdk/pull/7847)). Fixes #20281.
+ * Add labs flag: Show only current profile on historical messages ([\#7815](https://github.com/matrix-org/matrix-react-sdk/pull/7815)).
+ * Keep unsent voice messages in memory until they are deleted or sent ([\#7840](https://github.com/matrix-org/matrix-react-sdk/pull/7840)). Fixes #17979.
+ * A link to `#/dm` in a custom home.html will open the "Direct Messages" dialog. ([\#7783](https://github.com/matrix-org/matrix-react-sdk/pull/7783)). Contributed by @johannes-krude.
+ * set icon-button-color to be configurable via quaternary-content variable ([\#7725](https://github.com/matrix-org/matrix-react-sdk/pull/7725)). Fixes #20925. Contributed by @acxz.
+ * Allow editing polls ([\#7806](https://github.com/matrix-org/matrix-react-sdk/pull/7806)).
+ * Abstract spotlight to allow non-room results too ([\#7804](https://github.com/matrix-org/matrix-react-sdk/pull/7804)). Fixes #20968, matrix-org/element-web-rageshakes#10766, matrix-org/element-web-rageshakes#10777, matrix-org/element-web-rageshakes#10767 matrix-org/element-web-rageshakes#10760 and matrix-org/element-web-rageshakes#10752.
+ * Display '(edited)' next to edited polls ([\#7789](https://github.com/matrix-org/matrix-react-sdk/pull/7789)).
+ * Use the resize observer polyfill consistently ([\#7796](https://github.com/matrix-org/matrix-react-sdk/pull/7796)). Fixes matrix-org/element-web-rageshakes#10700.
+ * Consolidate, simplify and improve copied tooltips ([\#7799](https://github.com/matrix-org/matrix-react-sdk/pull/7799)). Fixes #21069.
+ * Suggest `@room` when `@channel`, `@everyone`, or `@here` is typed in composer ([\#7737](https://github.com/matrix-org/matrix-react-sdk/pull/7737)). Fixes #20972. Contributed by @aaronraimist.
+ * Add customisation point to disable space creation ([\#7766](https://github.com/matrix-org/matrix-react-sdk/pull/7766)).
+ * Consolidate RedactionGrouper and HiddenEventGrouper into MELS ([\#7739](https://github.com/matrix-org/matrix-react-sdk/pull/7739)). Fixes #20958.
+ * Unify widget header actions with those in right panel ([\#7734](https://github.com/matrix-org/matrix-react-sdk/pull/7734)).
+ * Improve new search dialog context text for exactly 2 parent spaces ([\#7761](https://github.com/matrix-org/matrix-react-sdk/pull/7761)).
+
+## 🐛 Bug Fixes
+ * Fix command key missing in keyboard shortcuts tab ([\#21102](https://github.com/vector-im/element-web/pull/21102)). Contributed by @SimonBrandner.
+ * [Release] Tweak info message padding in right panel timeline ([\#7909](https://github.com/matrix-org/matrix-react-sdk/pull/7909)).
+ * [Release] Fix edge case around event list summary layout ([\#7892](https://github.com/matrix-org/matrix-react-sdk/pull/7892)).
+ * Wire up CallEventGroupers for Search Results ([\#7866](https://github.com/matrix-org/matrix-react-sdk/pull/7866)). Fixes #21150.
+ * Fix edge case around event list summary layout ([\#7867](https://github.com/matrix-org/matrix-react-sdk/pull/7867)). Fixes #21153.
+ * Fix misalignment with Event List Summaries ([\#7865](https://github.com/matrix-org/matrix-react-sdk/pull/7865)). Fixes #21149.
+ * Fix non-customizable keybindings not working as expected ([\#7855](https://github.com/matrix-org/matrix-react-sdk/pull/7855)). Fixes #21136 and matrix-org/element-web-rageshakes#10830.
+ * Fix accessibility around the room list treeview and new search beta ([\#7856](https://github.com/matrix-org/matrix-react-sdk/pull/7856)). Fixes matrix-org/element-web-rageshakes#10873.
+ * Inhibit tooltip on timeline pill avatars, the whole pill has its own ([\#7854](https://github.com/matrix-org/matrix-react-sdk/pull/7854)). Fixes #21135.
+ * Fix virtual / native room mapping on call transfers ([\#7848](https://github.com/matrix-org/matrix-react-sdk/pull/7848)).
+ * Fix ScrollPanel data-scrollbar not responding to window resizing ([\#7841](https://github.com/matrix-org/matrix-react-sdk/pull/7841)). Fixes #20594.
+ * add cursor: pointer to actionable poll options ([\#7826](https://github.com/matrix-org/matrix-react-sdk/pull/7826)). Fixes #21033.
+ * Tear down AppTile using lifecycle tracking ([\#7833](https://github.com/matrix-org/matrix-react-sdk/pull/7833)). Fixes #21025.
+ * Fix layout inconsistencies with the room search minimized button ([\#7824](https://github.com/matrix-org/matrix-react-sdk/pull/7824)). Fixes #21106.
+ * Fix space panel notification badge behaviour and metrics ([\#7823](https://github.com/matrix-org/matrix-react-sdk/pull/7823)). Fixes #21092.
+ * Fix left panel widgets causing app crashes (again) ([\#7814](https://github.com/matrix-org/matrix-react-sdk/pull/7814)).
+ * Fix right panel data flow ([\#7811](https://github.com/matrix-org/matrix-react-sdk/pull/7811)). Fixes #20929.
+ * set mask-size for icons ([\#7812](https://github.com/matrix-org/matrix-react-sdk/pull/7812)). Fixes #21047.
+ * Fix room create tile not showing up with hidden events shown ([\#7810](https://github.com/matrix-org/matrix-react-sdk/pull/7810)). Fixes #20893.
+ * Fix delayed badge update for mentions in encrypted rooms ([\#7813](https://github.com/matrix-org/matrix-react-sdk/pull/7813)). Fixes #20859.
+ * Fix add existing space not showing any spaces ([\#7801](https://github.com/matrix-org/matrix-react-sdk/pull/7801)). Fixes #21087. Contributed by @c-cal.
+ * Fix edge cases around event list summaries with hidden events and redactions ([\#7797](https://github.com/matrix-org/matrix-react-sdk/pull/7797)). Fixes #21030 #21050 and #21055.
+ * Improve styling of edge case devtools state keys ([\#7794](https://github.com/matrix-org/matrix-react-sdk/pull/7794)). Fixes #21056.
+ * Don't scroll to bottom when executing non-message slash commands ([\#7793](https://github.com/matrix-org/matrix-react-sdk/pull/7793)). Fixes #21065.
+ * Fix cutout misalignment on some decorated room avatars ([\#7784](https://github.com/matrix-org/matrix-react-sdk/pull/7784)). Fixes #21038.
+ * Fix desktop notifications for invites showing user IDs instead of displaynames ([\#7780](https://github.com/matrix-org/matrix-react-sdk/pull/7780)). Fixes #21022. Contributed by @c-cal.
+ * Fix bad pluralisation on event list summary hidden message handling ([\#7778](https://github.com/matrix-org/matrix-react-sdk/pull/7778)).
+ * Properly recurse subspaces for leave space dialog options ([\#7775](https://github.com/matrix-org/matrix-react-sdk/pull/7775)). Fixes #20949 and #21012.
+ * Fix translation for keyboard shortcut displaynames ([\#7758](https://github.com/matrix-org/matrix-react-sdk/pull/7758)). Fixes #20992. Contributed by @c-cal.
+ * Fix space member list opening with back button ([\#7773](https://github.com/matrix-org/matrix-react-sdk/pull/7773)). Fixes #21009. Contributed by @c-cal.
+ * Fix sort order for facepiles which was exactly reverse ([\#7771](https://github.com/matrix-org/matrix-react-sdk/pull/7771)).
+ * Fix state events being wrongly hidden when redacted ([\#7768](https://github.com/matrix-org/matrix-react-sdk/pull/7768)). Fixes #20959.
+ * Event List Summary guard against missing event senders ([\#7767](https://github.com/matrix-org/matrix-react-sdk/pull/7767)). Fixes #21004.
+ * Fix all settings button opening sidebar settings tab ([\#7765](https://github.com/matrix-org/matrix-react-sdk/pull/7765)). Fixes #20998. Contributed by @c-cal.
+ * Fix theme selector dropdown overflow ([\#7764](https://github.com/matrix-org/matrix-react-sdk/pull/7764)). Fixes #20996. Contributed by @c-cal.
+ * Fix widget and mjolnir state events showing with mxid not name ([\#7760](https://github.com/matrix-org/matrix-react-sdk/pull/7760)). Fixes #20986.
+ * Fix space member list not opening ([\#7747](https://github.com/matrix-org/matrix-react-sdk/pull/7747)). Fixes #20982. Contributed by @c-cal.
+ * Handle highlight notifications in timeline card button ([\#7762](https://github.com/matrix-org/matrix-react-sdk/pull/7762)). Fixes #20987. Contributed by @SimonBrandner.
+ * Fix add existing space not showing any spaces ([\#7751](https://github.com/matrix-org/matrix-react-sdk/pull/7751)).
+ * Inhibit Room List keyboard pass-thru when the search beta is enabled ([\#7752](https://github.com/matrix-org/matrix-react-sdk/pull/7752)). Fixes #20984.
+ * Add unread notification dot to timeline card button ([\#7749](https://github.com/matrix-org/matrix-react-sdk/pull/7749)). Fixes #20946. Contributed by @SimonBrandner.
+
+Changes in [1.10.5-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.10.5-rc.1) (2022-02-22)
+=========================================================================================================
+
+## 🌐 Translations
+ * This release contains a significant update to the Japanese translations, contributed by Suguru Hirahara (@luixxiul). ありがとうございます!
+
+## ✨ Features
+ * Support "closed" polls whose votes are not visible until they are ended ([\#7842](https://github.com/matrix-org/matrix-react-sdk/pull/7842)).
+ * Focus trap in poll creation dialog ([\#7847](https://github.com/matrix-org/matrix-react-sdk/pull/7847)). Fixes #20281.
+ * Add labs flag: Show only current profile on historical messages ([\#7815](https://github.com/matrix-org/matrix-react-sdk/pull/7815)).
+ * Keep unsent voice messages in memory until they are deleted or sent ([\#7840](https://github.com/matrix-org/matrix-react-sdk/pull/7840)). Fixes #17979.
+ * A link to `#/dm` in a custom home.html will open the "Direct Messages" dialog. ([\#7783](https://github.com/matrix-org/matrix-react-sdk/pull/7783)). Contributed by @johannes-krude.
+ * set icon-button-color to be configurable via quaternary-content variable ([\#7725](https://github.com/matrix-org/matrix-react-sdk/pull/7725)). Fixes #20925. Contributed by @acxz.
+ * Allow editing polls ([\#7806](https://github.com/matrix-org/matrix-react-sdk/pull/7806)).
+ * Abstract spotlight to allow non-room results too ([\#7804](https://github.com/matrix-org/matrix-react-sdk/pull/7804)). Fixes #20968, matrix-org/element-web-rageshakes#10766, matrix-org/element-web-rageshakes#10777, matrix-org/element-web-rageshakes#10767 matrix-org/element-web-rageshakes#10760 and matrix-org/element-web-rageshakes#10752.
+ * Display '(edited)' next to edited polls ([\#7789](https://github.com/matrix-org/matrix-react-sdk/pull/7789)).
+ * Use the resize observer polyfill consistently ([\#7796](https://github.com/matrix-org/matrix-react-sdk/pull/7796)). Fixes matrix-org/element-web-rageshakes#10700.
+ * Consolidate, simplify and improve copied tooltips ([\#7799](https://github.com/matrix-org/matrix-react-sdk/pull/7799)). Fixes #21069.
+ * Suggest `@room` when `@channel`, `@everyone`, or `@here` is typed in composer ([\#7737](https://github.com/matrix-org/matrix-react-sdk/pull/7737)). Fixes #20972. Contributed by @aaronraimist.
+ * Add customisation point to disable space creation ([\#7766](https://github.com/matrix-org/matrix-react-sdk/pull/7766)).
+ * Consolidate RedactionGrouper and HiddenEventGrouper into MELS ([\#7739](https://github.com/matrix-org/matrix-react-sdk/pull/7739)). Fixes #20958.
+ * Unify widget header actions with those in right panel ([\#7734](https://github.com/matrix-org/matrix-react-sdk/pull/7734)).
+ * Improve new search dialog context text for exactly 2 parent spaces ([\#7761](https://github.com/matrix-org/matrix-react-sdk/pull/7761)).
+
+## 🐛 Bug Fixes
+ * Fix command key missing in keyboard shortcuts tab ([\#21102](https://github.com/vector-im/element-web/pull/21102)). Contributed by @SimonBrandner.
+ * Wire up CallEventGroupers for Search Results ([\#7866](https://github.com/matrix-org/matrix-react-sdk/pull/7866)). Fixes #21150.
+ * Fix edge case around event list summary layout ([\#7867](https://github.com/matrix-org/matrix-react-sdk/pull/7867)). Fixes #21153.
+ * Fix misalignment with Event List Summaries ([\#7865](https://github.com/matrix-org/matrix-react-sdk/pull/7865)). Fixes #21149.
+ * Fix non-customizable keybindings not working as expected ([\#7855](https://github.com/matrix-org/matrix-react-sdk/pull/7855)). Fixes #21136 and matrix-org/element-web-rageshakes#10830.
+ * Fix accessibility around the room list treeview and new search beta ([\#7856](https://github.com/matrix-org/matrix-react-sdk/pull/7856)). Fixes matrix-org/element-web-rageshakes#10873.
+ * Inhibit tooltip on timeline pill avatars, the whole pill has its own ([\#7854](https://github.com/matrix-org/matrix-react-sdk/pull/7854)). Fixes #21135.
+ * Fix virtual / native room mapping on call transfers ([\#7848](https://github.com/matrix-org/matrix-react-sdk/pull/7848)).
+ * Fix ScrollPanel data-scrollbar not responding to window resizing ([\#7841](https://github.com/matrix-org/matrix-react-sdk/pull/7841)). Fixes #20594.
+ * add cursor: pointer to actionable poll options ([\#7826](https://github.com/matrix-org/matrix-react-sdk/pull/7826)). Fixes #21033.
+ * Tear down AppTile using lifecycle tracking ([\#7833](https://github.com/matrix-org/matrix-react-sdk/pull/7833)). Fixes #21025.
+ * Fix layout inconsistencies with the room search minimized button ([\#7824](https://github.com/matrix-org/matrix-react-sdk/pull/7824)). Fixes #21106.
+ * Fix space panel notification badge behaviour and metrics ([\#7823](https://github.com/matrix-org/matrix-react-sdk/pull/7823)). Fixes #21092.
+ * Fix left panel widgets causing app crashes (again) ([\#7814](https://github.com/matrix-org/matrix-react-sdk/pull/7814)).
+ * Fix right panel data flow ([\#7811](https://github.com/matrix-org/matrix-react-sdk/pull/7811)). Fixes #20929.
+ * set mask-size for icons ([\#7812](https://github.com/matrix-org/matrix-react-sdk/pull/7812)). Fixes #21047.
+ * Fix room create tile not showing up with hidden events shown ([\#7810](https://github.com/matrix-org/matrix-react-sdk/pull/7810)). Fixes #20893.
+ * Fix delayed badge update for mentions in encrypted rooms ([\#7813](https://github.com/matrix-org/matrix-react-sdk/pull/7813)). Fixes #20859.
+ * Fix add existing space not showing any spaces ([\#7801](https://github.com/matrix-org/matrix-react-sdk/pull/7801)). Fixes #21087. Contributed by @c-cal.
+ * Fix edge cases around event list summaries with hidden events and redactions ([\#7797](https://github.com/matrix-org/matrix-react-sdk/pull/7797)). Fixes #21030 #21050 and #21055.
+ * Improve styling of edge case devtools state keys ([\#7794](https://github.com/matrix-org/matrix-react-sdk/pull/7794)). Fixes #21056.
+ * Don't scroll to bottom when executing non-message slash commands ([\#7793](https://github.com/matrix-org/matrix-react-sdk/pull/7793)). Fixes #21065.
+ * Fix cutout misalignment on some decorated room avatars ([\#7784](https://github.com/matrix-org/matrix-react-sdk/pull/7784)). Fixes #21038.
+ * Fix desktop notifications for invites showing user IDs instead of displaynames ([\#7780](https://github.com/matrix-org/matrix-react-sdk/pull/7780)). Fixes #21022. Contributed by @c-cal.
+ * Fix bad pluralisation on event list summary hidden message handling ([\#7778](https://github.com/matrix-org/matrix-react-sdk/pull/7778)).
+ * Properly recurse subspaces for leave space dialog options ([\#7775](https://github.com/matrix-org/matrix-react-sdk/pull/7775)). Fixes #20949 and #21012.
+ * Fix translation for keyboard shortcut displaynames ([\#7758](https://github.com/matrix-org/matrix-react-sdk/pull/7758)). Fixes #20992. Contributed by @c-cal.
+ * Fix space member list opening with back button ([\#7773](https://github.com/matrix-org/matrix-react-sdk/pull/7773)). Fixes #21009. Contributed by @c-cal.
+ * Fix sort order for facepiles which was exactly reverse ([\#7771](https://github.com/matrix-org/matrix-react-sdk/pull/7771)).
+ * Fix state events being wrongly hidden when redacted ([\#7768](https://github.com/matrix-org/matrix-react-sdk/pull/7768)). Fixes #20959.
+ * Event List Summary guard against missing event senders ([\#7767](https://github.com/matrix-org/matrix-react-sdk/pull/7767)). Fixes #21004.
+ * Fix all settings button opening sidebar settings tab ([\#7765](https://github.com/matrix-org/matrix-react-sdk/pull/7765)). Fixes #20998. Contributed by @c-cal.
+ * Fix theme selector dropdown overflow ([\#7764](https://github.com/matrix-org/matrix-react-sdk/pull/7764)). Fixes #20996. Contributed by @c-cal.
+ * Fix widget and mjolnir state events showing with mxid not name ([\#7760](https://github.com/matrix-org/matrix-react-sdk/pull/7760)). Fixes #20986.
+ * Fix space member list not opening ([\#7747](https://github.com/matrix-org/matrix-react-sdk/pull/7747)). Fixes #20982. Contributed by @c-cal.
+ * Handle highlight notifications in timeline card button ([\#7762](https://github.com/matrix-org/matrix-react-sdk/pull/7762)). Fixes #20987. Contributed by @SimonBrandner.
+ * Fix add existing space not showing any spaces ([\#7751](https://github.com/matrix-org/matrix-react-sdk/pull/7751)).
+ * Inhibit Room List keyboard pass-thru when the search beta is enabled ([\#7752](https://github.com/matrix-org/matrix-react-sdk/pull/7752)). Fixes #20984.
+ * Add unread notification dot to timeline card button ([\#7749](https://github.com/matrix-org/matrix-react-sdk/pull/7749)). Fixes #20946. Contributed by @SimonBrandner.
+
+Changes in [1.10.4](https://github.com/vector-im/element-web/releases/tag/v1.10.4) (2022-02-17)
+===============================================================================================
+
+## 🐛 Bug Fixes
+ * Fix bug where badge colour on encrypted rooms may not be correct until anothe rmessage is sent
+
+Changes in [1.10.3](https://github.com/vector-im/element-web/releases/tag/v1.10.3) (2022-02-14)
+===============================================================================================
+
+ * Add map tile URL for location sharing maps to sample config (and element.io release app config)
+
+Changes in [1.10.2](https://github.com/vector-im/element-web/releases/tag/v1.10.2) (2022-02-14)
+===============================================================================================
+
+## ✨ Features
+ * Support a config option to change the default device name ([\#20790](https://github.com/vector-im/element-web/pull/20790)).
+ * Capitalize "Privacy" in UserMenu ([\#7738](https://github.com/matrix-org/matrix-react-sdk/pull/7738)). Contributed by @aaronraimist.
+ * Move new search experience to a Beta ([\#7718](https://github.com/matrix-org/matrix-react-sdk/pull/7718)). Fixes vector-im/element-meta#139 #20618 and #20339.
+ * Auto select "Other homeserver" when user press "Edit" in homeserver field ([\#7337](https://github.com/matrix-org/matrix-react-sdk/pull/7337)). Fixes #20125. Contributed by @SimonBrandner.
+ * Add unread badges and avatar decorations to spotlight search ([\#7696](https://github.com/matrix-org/matrix-react-sdk/pull/7696)). Fixes #20821.
+ * Enable location sharing ([\#7703](https://github.com/matrix-org/matrix-react-sdk/pull/7703)).
+ * Simplify Composer buttons ([\#7678](https://github.com/matrix-org/matrix-react-sdk/pull/7678)).
+ * Add a warning to the console to discourage attacks and encourage contributing ([\#7673](https://github.com/matrix-org/matrix-react-sdk/pull/7673)). Fixes #2803. Contributed by @SimonBrandner.
+ * Don't show replaced calls in the timeline ([\#7452](https://github.com/matrix-org/matrix-react-sdk/pull/7452)). Contributed by @SimonBrandner.
+ * Tweak `/addwidget` widget names ([\#7681](https://github.com/matrix-org/matrix-react-sdk/pull/7681)).
+ * Chat export parameter customisation ([\#7647](https://github.com/matrix-org/matrix-react-sdk/pull/7647)).
+ * Put call on hold when transfer dialog is opened ([\#7669](https://github.com/matrix-org/matrix-react-sdk/pull/7669)).
+ * Share e2ee keys when using /invite SlashCommand ([\#7655](https://github.com/matrix-org/matrix-react-sdk/pull/7655)). Fixes #20778 and #16982.
+ * Tweak spotlight roving behaviour to reset when changing query ([\#7656](https://github.com/matrix-org/matrix-react-sdk/pull/7656)). Fixes #20537 #20612 and #20184.
+ * Look up tile server info in homeserver's .well-known area ([\#7623](https://github.com/matrix-org/matrix-react-sdk/pull/7623)).
+ * Add grouper for hidden events ([\#7649](https://github.com/matrix-org/matrix-react-sdk/pull/7649)).
+ * The keyboard shortcut is control (or cmd) shift h. ([\#7584](https://github.com/matrix-org/matrix-react-sdk/pull/7584)). Contributed by @UwUnyaa.
+
+## 🐛 Bug Fixes
+ * [Release] Fix cutout misalignment on some decorated room avatars ([\#7785](https://github.com/matrix-org/matrix-react-sdk/pull/7785)).
+ * [Release] Fix add existing space not showing any spaces ([\#7756](https://github.com/matrix-org/matrix-react-sdk/pull/7756)).
+ * [Release] Inhibit Room List keyboard pass-thru when the search beta is enabled ([\#7754](https://github.com/matrix-org/matrix-react-sdk/pull/7754)).
+ * [Release] Fix space member list not opening ([\#7755](https://github.com/matrix-org/matrix-react-sdk/pull/7755)).
+ * Null-guard ELS from null summaryMembers ([\#7744](https://github.com/matrix-org/matrix-react-sdk/pull/7744)). Fixes #20807.
+ * Improve responsiveness of the layout switcher ([\#7736](https://github.com/matrix-org/matrix-react-sdk/pull/7736)).
+ * Tweak timeline card layout ([\#7743](https://github.com/matrix-org/matrix-react-sdk/pull/7743)). Fixes #20846.
+ * Ensure location bodies have a width in bubbles ([\#7742](https://github.com/matrix-org/matrix-react-sdk/pull/7742)). Fixes #20916.
+ * Tune aria-live regions around clocks/timers ([\#7735](https://github.com/matrix-org/matrix-react-sdk/pull/7735)). Fixes #20967.
+ * Fix instances of decorated room avatar wrongly having their own tabIndex ([\#7730](https://github.com/matrix-org/matrix-react-sdk/pull/7730)).
+ * Remove weird padding on stickers ([\#6271](https://github.com/matrix-org/matrix-react-sdk/pull/6271)). Fixes #17787. Contributed by @SimonBrandner.
+ * Fix width issue of the composer overflow menu items ([\#7731](https://github.com/matrix-org/matrix-react-sdk/pull/7731)). Fixes #20898.
+ * Properly handle persistent widgets when room is left ([\#7724](https://github.com/matrix-org/matrix-react-sdk/pull/7724)). Fixes #20901.
+ * Null guard space hierarchy ([\#7729](https://github.com/matrix-org/matrix-react-sdk/pull/7729)). Fixes matrix-org/element-web-rageshakes#10433.
+ * Fix add existing rooms button ([\#7728](https://github.com/matrix-org/matrix-react-sdk/pull/7728)). Fixes #20924. Contributed by @SimonBrandner.
+ * Truncate long server names on login/register screen ([\#7702](https://github.com/matrix-org/matrix-react-sdk/pull/7702)). Fixes #18452.
+ * Update PollCreateDialog-test to snapshot the html and not react tree ([\#7712](https://github.com/matrix-org/matrix-react-sdk/pull/7712)).
+ * Fix creating polls outside of threads ([\#7711](https://github.com/matrix-org/matrix-react-sdk/pull/7711)). Fixes #20882.
+ * Open native room when clicking notification from a virtual room ([\#7709](https://github.com/matrix-org/matrix-react-sdk/pull/7709)).
+ * Fix relative link handling in Element Desktop ([\#7708](https://github.com/matrix-org/matrix-react-sdk/pull/7708)). Fixes #20783.
+ * Reuse CopyableText component in all places it can be ([\#7701](https://github.com/matrix-org/matrix-react-sdk/pull/7701)). Fixes #20855.
+ * Fit location into the width of the container ([\#7705](https://github.com/matrix-org/matrix-react-sdk/pull/7705)). Fixes #20861.
+ * Make Spotlight Dialog roving reset more stable ([\#7698](https://github.com/matrix-org/matrix-react-sdk/pull/7698)). Fixes #20826.
+ * Fix incorrect sizing of DecoratedRoomAvatar in RoomHeader ([\#7697](https://github.com/matrix-org/matrix-react-sdk/pull/7697)). Fixes #20090.
+ * Use a more correct test for emoji ([\#7685](https://github.com/matrix-org/matrix-react-sdk/pull/7685)). Fixes #20824. Contributed by @robintown.
+ * Fix vertical spacing in `compact` `<ContextMenu>` ([\#7684](https://github.com/matrix-org/matrix-react-sdk/pull/7684)). Fixes #20801.
+ * Fix the sticker picker ([\#7692](https://github.com/matrix-org/matrix-react-sdk/pull/7692)). Fixes #20797.
+ * Fix publishing address wrongly demanding the alias be available ([\#7690](https://github.com/matrix-org/matrix-react-sdk/pull/7690)). Fixes #12013 and #20833.
+ * Prevent MemberAvatar soft-crashing when rendered with null member prop ([\#7691](https://github.com/matrix-org/matrix-react-sdk/pull/7691)). Fixes #20714.
+ * Ensure UserInfo can be rendered without a room ([\#7687](https://github.com/matrix-org/matrix-react-sdk/pull/7687)). Fixes #20830.
+ * Make polls fill column width in bubbles layout ([\#7661](https://github.com/matrix-org/matrix-react-sdk/pull/7661)). Fixes #20712.
+ * Add a background to expanded nick name in IRC layout to make it readable. ([\#7652](https://github.com/matrix-org/matrix-react-sdk/pull/7652)). Fixes #20757. Contributed by @UwUnyaa.
+ * Fix accessibility and consistency of MessageComposerButtons ([\#7679](https://github.com/matrix-org/matrix-react-sdk/pull/7679)). Fixes #20814.
+ * Don't show shield next to deleted messages ([\#7671](https://github.com/matrix-org/matrix-react-sdk/pull/7671)). Fixes #20475. Contributed by @SimonBrandner.
+ * Fix font size of spaces between big emoji ([\#7675](https://github.com/matrix-org/matrix-react-sdk/pull/7675)). Contributed by @robintown.
+ * Fix shift-enter repeating last character ([\#7665](https://github.com/matrix-org/matrix-react-sdk/pull/7665)). Fixes #17215. Contributed by @SimonBrandner.
+ * Remove Unpin option from maximised widget context menu ([\#7657](https://github.com/matrix-org/matrix-react-sdk/pull/7657)).
+ * Fix new call event grouper implementation for encrypted rooms ([\#7654](https://github.com/matrix-org/matrix-react-sdk/pull/7654)).
+ * Fix issue with tile error boundaries collapsing in bubbles layout ([\#7653](https://github.com/matrix-org/matrix-react-sdk/pull/7653)).
+ * Fix emojis getting cropped in irc & bubble layouts by anti-zalgo ([\#7637](https://github.com/matrix-org/matrix-react-sdk/pull/7637)). Fixes #20744.
+ * Fix space panel edge gradient not applying on load ([\#7644](https://github.com/matrix-org/matrix-react-sdk/pull/7644)). Fixes #20756.
+ * Fix search results view for layouts other than Group/Modern ([\#7648](https://github.com/matrix-org/matrix-react-sdk/pull/7648)). Fixes #20745.
+
+Changes in [1.10.2-rc.2](https://github.com/vector-im/element-web/releases/tag/v1.10.2-rc.2) (2022-02-09)
+=========================================================================================================
+
+## 🐛 Bug Fixes
+ * [Release] Fix add existing space not showing any spaces ([\#7756](https://github.com/matrix-org/matrix-react-sdk/pull/7756)).
+ * [Release] Inhibit Room List keyboard pass-thru when the search beta is enabled ([\#7754](https://github.com/matrix-org/matrix-react-sdk/pull/7754)).
+ * [Release] Fix space member list not opening ([\#7755](https://github.com/matrix-org/matrix-react-sdk/pull/7755)).
+
+Changes in [1.10.2-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.10.2-rc.1) (2022-02-08)
+=========================================================================================================
+
+## ✨ Features
+ * Support a config option to change the default device name ([\#20790](https://github.com/vector-im/element-web/pull/20790)).
+ * Move new search experience to a Beta ([\#7718](https://github.com/matrix-org/matrix-react-sdk/pull/7718)). Fixes vector-im/element-meta#139 #20618 and #20339.
+ * Capitalize "Privacy" in UserMenu ([\#7738](https://github.com/matrix-org/matrix-react-sdk/pull/7738)). Contributed by @aaronraimist.
+ * Auto select "Other homeserver" when user press "Edit" in homeserver field ([\#7337](https://github.com/matrix-org/matrix-react-sdk/pull/7337)). Fixes #20125. Contributed by @SimonBrandner.
+ * Add unread badges and avatar decorations to spotlight search ([\#7696](https://github.com/matrix-org/matrix-react-sdk/pull/7696)). Fixes #20821.
+ * Enable location sharing ([\#7703](https://github.com/matrix-org/matrix-react-sdk/pull/7703)).
+ * Simplify Composer buttons ([\#7678](https://github.com/matrix-org/matrix-react-sdk/pull/7678)).
+ * Add a warning to the console to discourage attacks and encourage contributing ([\#7673](https://github.com/matrix-org/matrix-react-sdk/pull/7673)). Fixes #2803. Contributed by @SimonBrandner.
+ * Don't show replaced calls in the timeline ([\#7452](https://github.com/matrix-org/matrix-react-sdk/pull/7452)). Contributed by @SimonBrandner.
+ * Tweak `/addwidget` widget names ([\#7681](https://github.com/matrix-org/matrix-react-sdk/pull/7681)).
+ * Chat export parameter customisation ([\#7647](https://github.com/matrix-org/matrix-react-sdk/pull/7647)).
+ * Put call on hold when transfer dialog is opened ([\#7669](https://github.com/matrix-org/matrix-react-sdk/pull/7669)).
+ * Share e2ee keys when using /invite SlashCommand ([\#7655](https://github.com/matrix-org/matrix-react-sdk/pull/7655)). Fixes #20778 and #16982.
+ * Tweak spotlight roving behaviour to reset when changing query ([\#7656](https://github.com/matrix-org/matrix-react-sdk/pull/7656)). Fixes #20537 #20612 and #20184.
+ * Look up tile server info in homeserver's .well-known area ([\#7623](https://github.com/matrix-org/matrix-react-sdk/pull/7623)).
+ * Add grouper for hidden events ([\#7649](https://github.com/matrix-org/matrix-react-sdk/pull/7649)).
+ * The keyboard shortcut is control (or cmd) shift h. ([\#7584](https://github.com/matrix-org/matrix-react-sdk/pull/7584)). Contributed by @UwUnyaa.
+
+## 🐛 Bug Fixes
+ * Null-guard ELS from null summaryMembers ([\#7744](https://github.com/matrix-org/matrix-react-sdk/pull/7744)). Fixes #20807.
+ * Improve responsiveness of the layout switcher ([\#7736](https://github.com/matrix-org/matrix-react-sdk/pull/7736)).
+ * Tweak timeline card layout ([\#7743](https://github.com/matrix-org/matrix-react-sdk/pull/7743)). Fixes #20846.
+ * Ensure location bodies have a width in bubbles ([\#7742](https://github.com/matrix-org/matrix-react-sdk/pull/7742)). Fixes #20916.
+ * Tune aria-live regions around clocks/timers ([\#7735](https://github.com/matrix-org/matrix-react-sdk/pull/7735)). Fixes #20967.
+ * Fix instances of decorated room avatar wrongly having their own tabIndex ([\#7730](https://github.com/matrix-org/matrix-react-sdk/pull/7730)).
+ * Remove weird padding on stickers ([\#6271](https://github.com/matrix-org/matrix-react-sdk/pull/6271)). Fixes #17787. Contributed by @SimonBrandner.
+ * Fix width issue of the composer overflow menu items ([\#7731](https://github.com/matrix-org/matrix-react-sdk/pull/7731)). Fixes #20898.
+ * Properly handle persistent widgets when room is left ([\#7724](https://github.com/matrix-org/matrix-react-sdk/pull/7724)). Fixes #20901.
+ * Null guard space hierarchy ([\#7729](https://github.com/matrix-org/matrix-react-sdk/pull/7729)). Fixes matrix-org/element-web-rageshakes#10433.
+ * Fix add existing rooms button ([\#7728](https://github.com/matrix-org/matrix-react-sdk/pull/7728)). Fixes #20924. Contributed by @SimonBrandner.
+ * Truncate long server names on login/register screen ([\#7702](https://github.com/matrix-org/matrix-react-sdk/pull/7702)). Fixes #18452.
+ * Update PollCreateDialog-test to snapshot the html and not react tree ([\#7712](https://github.com/matrix-org/matrix-react-sdk/pull/7712)).
+ * Fix creating polls outside of threads ([\#7711](https://github.com/matrix-org/matrix-react-sdk/pull/7711)). Fixes #20882.
+ * Open native room when clicking notification from a virtual room ([\#7709](https://github.com/matrix-org/matrix-react-sdk/pull/7709)).
+ * Fix relative link handling in Element Desktop ([\#7708](https://github.com/matrix-org/matrix-react-sdk/pull/7708)). Fixes #20783.
+ * Reuse CopyableText component in all places it can be ([\#7701](https://github.com/matrix-org/matrix-react-sdk/pull/7701)). Fixes #20855.
+ * Fit location into the width of the container ([\#7705](https://github.com/matrix-org/matrix-react-sdk/pull/7705)). Fixes #20861.
+ * Make Spotlight Dialog roving reset more stable ([\#7698](https://github.com/matrix-org/matrix-react-sdk/pull/7698)). Fixes #20826.
+ * Fix incorrect sizing of DecoratedRoomAvatar in RoomHeader ([\#7697](https://github.com/matrix-org/matrix-react-sdk/pull/7697)). Fixes #20090.
+ * Use a more correct test for emoji ([\#7685](https://github.com/matrix-org/matrix-react-sdk/pull/7685)). Fixes #20824. Contributed by @robintown.
+ * Fix vertical spacing in `compact` `<ContextMenu>` ([\#7684](https://github.com/matrix-org/matrix-react-sdk/pull/7684)). Fixes #20801.
+ * Fix the sticker picker ([\#7692](https://github.com/matrix-org/matrix-react-sdk/pull/7692)). Fixes #20797.
+ * Fix publishing address wrongly demanding the alias be available ([\#7690](https://github.com/matrix-org/matrix-react-sdk/pull/7690)). Fixes #12013 and #20833.
+ * Prevent MemberAvatar soft-crashing when rendered with null member prop ([\#7691](https://github.com/matrix-org/matrix-react-sdk/pull/7691)). Fixes #20714.
+ * Ensure UserInfo can be rendered without a room ([\#7687](https://github.com/matrix-org/matrix-react-sdk/pull/7687)). Fixes #20830.
+ * Make polls fill column width in bubbles layout ([\#7661](https://github.com/matrix-org/matrix-react-sdk/pull/7661)). Fixes #20712.
+ * Add a background to expanded nick name in IRC layout to make it readable. ([\#7652](https://github.com/matrix-org/matrix-react-sdk/pull/7652)). Fixes #20757. Contributed by @UwUnyaa.
+ * Fix accessibility and consistency of MessageComposerButtons ([\#7679](https://github.com/matrix-org/matrix-react-sdk/pull/7679)). Fixes #20814.
+ * Don't show shield next to deleted messages ([\#7671](https://github.com/matrix-org/matrix-react-sdk/pull/7671)). Fixes #20475. Contributed by @SimonBrandner.
+ * Fix font size of spaces between big emoji ([\#7675](https://github.com/matrix-org/matrix-react-sdk/pull/7675)). Contributed by @robintown.
+ * Fix shift-enter repeating last character ([\#7665](https://github.com/matrix-org/matrix-react-sdk/pull/7665)). Fixes #17215. Contributed by @SimonBrandner.
+ * Remove Unpin option from maximised widget context menu ([\#7657](https://github.com/matrix-org/matrix-react-sdk/pull/7657)).
+ * Fix new call event grouper implementation for encrypted rooms ([\#7654](https://github.com/matrix-org/matrix-react-sdk/pull/7654)).
+ * Fix issue with tile error boundaries collapsing in bubbles layout ([\#7653](https://github.com/matrix-org/matrix-react-sdk/pull/7653)).
+ * Fix emojis getting cropped in irc & bubble layouts by anti-zalgo ([\#7637](https://github.com/matrix-org/matrix-react-sdk/pull/7637)). Fixes #20744.
+ * Fix space panel edge gradient not applying on load ([\#7644](https://github.com/matrix-org/matrix-react-sdk/pull/7644)). Fixes #20756.
+ * Fix search results view for layouts other than Group/Modern ([\#7648](https://github.com/matrix-org/matrix-react-sdk/pull/7648)). Fixes #20745.
+
+Changes in [1.10.1](https://github.com/vector-im/element-web/releases/tag/v1.10.1) (2022-02-01)
+===============================================================================================
+
+## 🐛 Bug Fixes
+ * Fix the sticker picker ([\#7692](https://github.com/matrix-org/matrix-react-sdk/pull/7692)). Fixes vector-im/element-web#20797.
+ * Ensure UserInfo can be rendered without a room ([\#7687](https://github.com/matrix-org/matrix-react-sdk/pull/7687)). Fixes vector-im/element-web#20830.
+ * Fix publishing address wrongly demanding the alias be available ([\#7690](https://github.com/matrix-org/matrix-react-sdk/pull/7690)). Fixes vector-im/element-web#12013 and vector-im/element-web#20833.
+
+Changes in [1.10.0](https://github.com/vector-im/element-web/releases/tag/v1.10.0) (2022-01-31)
+===============================================================================================
+
+## ✨ Features
+ * Tweak room list header menu for when space is active ([\#7577](https://github.com/matrix-org/matrix-react-sdk/pull/7577)). Fixes #20601.
+ * Tweak light hover & active color for bubble layout ([\#7626](https://github.com/matrix-org/matrix-react-sdk/pull/7626)). Fixes #19475.
+ * De-labs Metaspaces ([\#7613](https://github.com/matrix-org/matrix-react-sdk/pull/7613)).
+ * De-labs Message Bubbles layout ([\#7612](https://github.com/matrix-org/matrix-react-sdk/pull/7612)).
+ * Add customisation point for mxid display ([\#7595](https://github.com/matrix-org/matrix-react-sdk/pull/7595)).
+ * Add labs flag for default open right panel ([\#7618](https://github.com/matrix-org/matrix-react-sdk/pull/7618)). Fixes #20666.
+ * Tweak copy for the Sidebar tab in User Settings ([\#7578](https://github.com/matrix-org/matrix-react-sdk/pull/7578)). Fixes #20619.
+ * Make widgets not reload (persistent) between center and top container  ([\#7575](https://github.com/matrix-org/matrix-react-sdk/pull/7575)). Fixes #20596. Contributed by @toger5.
+ * Don't render a bubble around emotes in bubble layout ([\#7573](https://github.com/matrix-org/matrix-react-sdk/pull/7573)). Fixes #20617.
+ * Add ability to switch between voice & video in calls ([\#7155](https://github.com/matrix-org/matrix-react-sdk/pull/7155)). Fixes #18619. Contributed by @SimonBrandner.
+ * Re-renable Share option for location messages ([\#7596](https://github.com/matrix-org/matrix-react-sdk/pull/7596)).
+ * Make room ID copyable ([\#7600](https://github.com/matrix-org/matrix-react-sdk/pull/7600)). Fixes #20675. Contributed by @SimonBrandner.
+ * Improve the look of the keyboard settings tab ([\#7562](https://github.com/matrix-org/matrix-react-sdk/pull/7562)). Contributed by @SimonBrandner.
+ * Add tooltips to emoji in messages ([\#7592](https://github.com/matrix-org/matrix-react-sdk/pull/7592)). Fixes #9911 and #20661. Contributed by @robintown.
+ * Improve redundant tooltip on send button in forward dialog ([\#7594](https://github.com/matrix-org/matrix-react-sdk/pull/7594)). Contributed by @twigleingrid.
+ * Allow downloads from widgets. ([\#7502](https://github.com/matrix-org/matrix-react-sdk/pull/7502)). Contributed by @Fox32.
+ * Parse matrix-schemed URIs ([\#7453](https://github.com/matrix-org/matrix-react-sdk/pull/7453)).
+ * Show a tile at beginning of visible history ([\#5887](https://github.com/matrix-org/matrix-react-sdk/pull/5887)). Fixes #16818 #16679 and #19888. Contributed by @robintown.
+ * Enable the polls feature ([\#7581](https://github.com/matrix-org/matrix-react-sdk/pull/7581)).
+ * Display general marker on non-self location shares ([\#7574](https://github.com/matrix-org/matrix-react-sdk/pull/7574)).
+ * Improve/add notifications for location and poll events ([\#7552](https://github.com/matrix-org/matrix-react-sdk/pull/7552)). Fixes #20561. Contributed by @SimonBrandner.
+ * Upgrade linkify to v3.0 ([\#7282](https://github.com/matrix-org/matrix-react-sdk/pull/7282)). Fixes #17133 #16825 and #5808. Contributed by @Palid.
+ * Update sidebar icon from Compound ([\#7572](https://github.com/matrix-org/matrix-react-sdk/pull/7572)). Fixes #20615.
+ * Replace home icon with new one ([\#7571](https://github.com/matrix-org/matrix-react-sdk/pull/7571)). Fixes #20606.
+ * Make the `Keyboard Shortcuts` dialog into a settings tab ([\#7198](https://github.com/matrix-org/matrix-react-sdk/pull/7198)). Fixes #19866. Contributed by @SimonBrandner.
+ * Add setting for enabling location sharing ([\#7547](https://github.com/matrix-org/matrix-react-sdk/pull/7547)).
+ * Add a developer mode 'view source' button to crashed event tiles ([\#7537](https://github.com/matrix-org/matrix-react-sdk/pull/7537)).
+ * Replace `kick` terminology with `Remove from chat` ([\#7469](https://github.com/matrix-org/matrix-react-sdk/pull/7469)). Fixes #9547.
+ * Render events as extensible events (behind labs) ([\#7462](https://github.com/matrix-org/matrix-react-sdk/pull/7462)).
+ * Render Jitsi (and other sticky widgets) in PiP container, so it can be dragged and the "jump to room functionality" is provided ([\#7450](https://github.com/matrix-org/matrix-react-sdk/pull/7450)). Fixes #15682. Contributed by @toger5.
+ * Allow bubble layout in Thread View ([\#7478](https://github.com/matrix-org/matrix-react-sdk/pull/7478)). Fixes #20419.
+ * Make LocationPicker appearance cleaner ([\#7516](https://github.com/matrix-org/matrix-react-sdk/pull/7516)).
+ * Limit max-width for bubble layout to 1200px ([\#7458](https://github.com/matrix-org/matrix-react-sdk/pull/7458)). Fixes #18072.
+ * Improve look of call events in bubble layout ([\#7445](https://github.com/matrix-org/matrix-react-sdk/pull/7445)). Fixes #20324. Contributed by @SimonBrandner.
+ * Make files & voice memos in bubble layout match colouring ([\#7457](https://github.com/matrix-org/matrix-react-sdk/pull/7457)). Fixes #20326.
+ * Allow cancelling events whilst they are encrypting ([\#7483](https://github.com/matrix-org/matrix-react-sdk/pull/7483)). Fixes #17726.
+
+## 🐛 Bug Fixes
+ * [Release] Fix left panel widgets causing app-wide crash ([\#7660](https://github.com/matrix-org/matrix-react-sdk/pull/7660)).
+ * Load light theme prior to HTML export to ensure it is present ([\#7643](https://github.com/matrix-org/matrix-react-sdk/pull/7643)). Fixes #20276.
+ * Fix soft-crash when hanging up Jitsi via PIP ([\#7645](https://github.com/matrix-org/matrix-react-sdk/pull/7645)). Fixes #20766.
+ * Fix RightPanelStore assuming isViewingRoom is false on load ([\#7642](https://github.com/matrix-org/matrix-react-sdk/pull/7642)).
+ * Correctly handle Room.timeline events which have a nullable `Room` ([\#7635](https://github.com/matrix-org/matrix-react-sdk/pull/7635)). Fixes matrix-org/element-web-rageshakes#9490.
+ * Translate keyboard shortcut alternate key names ([\#7633](https://github.com/matrix-org/matrix-react-sdk/pull/7633)). Fixes #20739.
+ * Fix unfocused paste handling and focus return for file uploads ([\#7625](https://github.com/matrix-org/matrix-react-sdk/pull/7625)).
+ * Changed MacOS hotkey for GoToHome view. ([\#7631](https://github.com/matrix-org/matrix-react-sdk/pull/7631)). Contributed by @aj-ya.
+ * Fix issue with the new composer EmojiPart which caused infinite loops ([\#7629](https://github.com/matrix-org/matrix-react-sdk/pull/7629)). Fixes #20746.
+ * Upgrade linkifyjs to fix schemes as domain prefixes ([\#7628](https://github.com/matrix-org/matrix-react-sdk/pull/7628)). Fixes #20720.
+ * Show bubble tile timestamps for bubble layout inside the bubble ([\#7622](https://github.com/matrix-org/matrix-react-sdk/pull/7622)). Fixes #20562.
+ *  Improve taken username warning in registration for when request fails ([\#7621](https://github.com/matrix-org/matrix-react-sdk/pull/7621)).
+ * Avoid double dialog after clicking to remove a public room ([\#7604](https://github.com/matrix-org/matrix-react-sdk/pull/7604)). Fixes #20681. Contributed by @c-cal.
+ * Fix space member list right panel state ([\#7617](https://github.com/matrix-org/matrix-react-sdk/pull/7617)). Fixes #20716.
+ * Fall back to legacy analytics for guest users ([\#7616](https://github.com/matrix-org/matrix-react-sdk/pull/7616)).
+ * Always emit a space filter update when the space is actually changed ([\#7611](https://github.com/matrix-org/matrix-react-sdk/pull/7611)). Fixes #20664.
+ * Enlarge emoji in composer ([\#7602](https://github.com/matrix-org/matrix-react-sdk/pull/7602)). Fixes #20665 #15635 and #20688. Contributed by @robintown.
+ * Disable location sharing button on Desktop ([\#7590](https://github.com/matrix-org/matrix-react-sdk/pull/7590)).
+ * Make pills more natural to navigate around ([\#7607](https://github.com/matrix-org/matrix-react-sdk/pull/7607)). Fixes #20678. Contributed by @robintown.
+ * Fix excessive padding on inline images ([\#7605](https://github.com/matrix-org/matrix-react-sdk/pull/7605)). Contributed by @robintown.
+ * Prevent pills from being split by formatting actions ([\#7606](https://github.com/matrix-org/matrix-react-sdk/pull/7606)). Contributed by @robintown.
+ * Fix translation of "powerText" ([\#7603](https://github.com/matrix-org/matrix-react-sdk/pull/7603)). Contributed by @c-cal.
+ * Unhide display names when switching back to modern layout ([\#7601](https://github.com/matrix-org/matrix-react-sdk/pull/7601)). Fixes #20676. Contributed by @robintown.
+ * Fix space member list not opening ([\#7609](https://github.com/matrix-org/matrix-react-sdk/pull/7609)). Fixes #20679. Contributed by @SimonBrandner.
+ * Fix translation for the "Add room" tooltip ([\#7532](https://github.com/matrix-org/matrix-react-sdk/pull/7532)). Contributed by @c-cal.
+ * Make the close button of the location share dialog visible in high-contrast theme ([\#7597](https://github.com/matrix-org/matrix-react-sdk/pull/7597)).
+ * Cancel pending events in virtual room when call placed ([\#7583](https://github.com/matrix-org/matrix-react-sdk/pull/7583)). Fixes #17594.
+ * Fix alignment of unread badge in thread list ([\#7582](https://github.com/matrix-org/matrix-react-sdk/pull/7582)). Fixes #20643.
+ * Fix left positioned tooltips being wrong and offset by fixed value ([\#7551](https://github.com/matrix-org/matrix-react-sdk/pull/7551)).
+ * Fix MAB overlapping or overflowing in bubbles layout and threads regressions ([\#7569](https://github.com/matrix-org/matrix-react-sdk/pull/7569)). Fixes #20403 and #20404.
+ * Fix wrong icon being used for appearance tab in space preferences dialog ([\#7570](https://github.com/matrix-org/matrix-react-sdk/pull/7570)). Fixes #20608.
+ * Fix `/jumptodate` using wrong MSC feature flag ([\#7563](https://github.com/matrix-org/matrix-react-sdk/pull/7563)).
+ * Ensure maps show up in replies and threads, by creating unique IDs ([\#7568](https://github.com/matrix-org/matrix-react-sdk/pull/7568)).
+ * Differentiate between hover and roving focus in spotlight dialog ([\#7564](https://github.com/matrix-org/matrix-react-sdk/pull/7564)). Fixes #20597.
+ * Fix timeline jumping issues related to bubble layout ([\#7529](https://github.com/matrix-org/matrix-react-sdk/pull/7529)). Fixes #20302.
+ * Start a conference in a room with 2 people + invitee rather than a 1:1 call ([\#7557](https://github.com/matrix-org/matrix-react-sdk/pull/7557)). Fixes #1202. Contributed by @SimonBrandner.
+ * Wait for initial profile load before displaying widget ([\#7556](https://github.com/matrix-org/matrix-react-sdk/pull/7556)).
+ * Make widgets and calls span across the whole room width when using bubble layout ([\#7553](https://github.com/matrix-org/matrix-react-sdk/pull/7553)). Fixes #20560. Contributed by @SimonBrandner.
+ * Always show right panel after setting a card ([\#7544](https://github.com/matrix-org/matrix-react-sdk/pull/7544)). Contributed by @toger5.
+ * Support deserialising HR tags for editing ([\#7543](https://github.com/matrix-org/matrix-react-sdk/pull/7543)). Fixes #20553.
+ * Refresh ThreadView after React state has been updated ([\#7539](https://github.com/matrix-org/matrix-react-sdk/pull/7539)). Fixes #20549.
+ * Set initial zoom level to 1 to make zooming to location faster ([\#7541](https://github.com/matrix-org/matrix-react-sdk/pull/7541)).
+ * truncate room name on pip header ([\#7538](https://github.com/matrix-org/matrix-react-sdk/pull/7538)).
+ * Prevent enter to send edit weirdness when no change has been made ([\#7522](https://github.com/matrix-org/matrix-react-sdk/pull/7522)). Fixes #20507.
+ * Allow using room pills in slash commands ([\#7513](https://github.com/matrix-org/matrix-react-sdk/pull/7513)). Fixes #20343.
+
+Changes in [1.9.10-rc.2](https://github.com/vector-im/element-web/releases/tag/v1.9.10-rc.2) (2022-01-26)
+=========================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix crash in settings / appearance
+
+Changes in [1.9.10-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.9.10-rc.1) (2022-01-26)
+=========================================================================================================
+
+## ✨ Features
+ * Enable posthog on app.element.io ([\#20539](https://github.com/vector-im/element-web/pull/20539)).
+ * Tweak room list header menu for when space is active ([\#7577](https://github.com/matrix-org/matrix-react-sdk/pull/7577)). Fixes #20601.
+ * Tweak light hover & active color for bubble layout ([\#7626](https://github.com/matrix-org/matrix-react-sdk/pull/7626)). Fixes #19475.
+ * De-labs Metaspaces ([\#7613](https://github.com/matrix-org/matrix-react-sdk/pull/7613)).
+ * De-labs Message Bubbles layout ([\#7612](https://github.com/matrix-org/matrix-react-sdk/pull/7612)).
+ * Add customisation point for mxid display ([\#7595](https://github.com/matrix-org/matrix-react-sdk/pull/7595)).
+ * Add labs flag for default open right panel ([\#7618](https://github.com/matrix-org/matrix-react-sdk/pull/7618)). Fixes #20666.
+ * Tweak copy for the Sidebar tab in User Settings ([\#7578](https://github.com/matrix-org/matrix-react-sdk/pull/7578)). Fixes #20619.
+ * Make widgets not reload (persistent) between center and top container  ([\#7575](https://github.com/matrix-org/matrix-react-sdk/pull/7575)). Fixes #20596. Contributed by @toger5.
+ * Don't render a bubble around emotes in bubble layout ([\#7573](https://github.com/matrix-org/matrix-react-sdk/pull/7573)). Fixes #20617.
+ * Add ability to switch between voice & video in calls ([\#7155](https://github.com/matrix-org/matrix-react-sdk/pull/7155)). Fixes #18619. Contributed by @SimonBrandner.
+ * Re-renable Share option for location messages ([\#7596](https://github.com/matrix-org/matrix-react-sdk/pull/7596)).
+ * Make room ID copyable ([\#7600](https://github.com/matrix-org/matrix-react-sdk/pull/7600)). Fixes #20675. Contributed by @SimonBrandner.
+ * Improve the look of the keyboard settings tab ([\#7562](https://github.com/matrix-org/matrix-react-sdk/pull/7562)). Contributed by @SimonBrandner.
+ * Add tooltips to emoji in messages ([\#7592](https://github.com/matrix-org/matrix-react-sdk/pull/7592)). Fixes #9911 and #20661. Contributed by @robintown.
+ * Improve redundant tooltip on send button in forward dialog ([\#7594](https://github.com/matrix-org/matrix-react-sdk/pull/7594)). Contributed by @twigleingrid.
+ * Allow downloads from widgets. ([\#7502](https://github.com/matrix-org/matrix-react-sdk/pull/7502)). Contributed by @Fox32.
+ * Parse matrix-schemed URIs ([\#7453](https://github.com/matrix-org/matrix-react-sdk/pull/7453)).
+ * Show a tile at beginning of visible history ([\#5887](https://github.com/matrix-org/matrix-react-sdk/pull/5887)). Fixes #16818 #16679 and #19888. Contributed by @robintown.
+ * Enable the polls feature ([\#7581](https://github.com/matrix-org/matrix-react-sdk/pull/7581)).
+ * Display general marker on non-self location shares ([\#7574](https://github.com/matrix-org/matrix-react-sdk/pull/7574)).
+ * Improve/add notifications for location and poll events ([\#7552](https://github.com/matrix-org/matrix-react-sdk/pull/7552)). Fixes #20561. Contributed by @SimonBrandner.
+ * Upgrade linkify to v3.0 ([\#7282](https://github.com/matrix-org/matrix-react-sdk/pull/7282)). Fixes #17133 #16825 and #5808. Contributed by @Palid.
+ * Update sidebar icon from Compound ([\#7572](https://github.com/matrix-org/matrix-react-sdk/pull/7572)). Fixes #20615.
+ * Replace home icon with new one ([\#7571](https://github.com/matrix-org/matrix-react-sdk/pull/7571)). Fixes #20606.
+ * Make the `Keyboard Shortcuts` dialog into a settings tab ([\#7198](https://github.com/matrix-org/matrix-react-sdk/pull/7198)). Fixes #19866. Contributed by @SimonBrandner.
+ * Add setting for enabling location sharing ([\#7547](https://github.com/matrix-org/matrix-react-sdk/pull/7547)).
+ * Add a developer mode 'view source' button to crashed event tiles ([\#7537](https://github.com/matrix-org/matrix-react-sdk/pull/7537)).
+ * Replace `kick` terminology with `Remove from chat` ([\#7469](https://github.com/matrix-org/matrix-react-sdk/pull/7469)). Fixes #9547.
+ * Render events as extensible events (behind labs) ([\#7462](https://github.com/matrix-org/matrix-react-sdk/pull/7462)).
+ * Render Jitsi (and other sticky widgets) in PiP container, so it can be dragged and the "jump to room functionality" is provided ([\#7450](https://github.com/matrix-org/matrix-react-sdk/pull/7450)). Fixes #15682. Contributed by @toger5.
+ * Allow bubble layout in Thread View ([\#7478](https://github.com/matrix-org/matrix-react-sdk/pull/7478)). Fixes #20419.
+ * Make LocationPicker appearance cleaner ([\#7516](https://github.com/matrix-org/matrix-react-sdk/pull/7516)).
+ * Limit max-width for bubble layout to 1200px ([\#7458](https://github.com/matrix-org/matrix-react-sdk/pull/7458)). Fixes #18072.
+ * Improve look of call events in bubble layout ([\#7445](https://github.com/matrix-org/matrix-react-sdk/pull/7445)). Fixes #20324. Contributed by @SimonBrandner.
+ * Make files & voice memos in bubble layout match colouring ([\#7457](https://github.com/matrix-org/matrix-react-sdk/pull/7457)). Fixes #20326.
+ * Allow cancelling events whilst they are encrypting ([\#7483](https://github.com/matrix-org/matrix-react-sdk/pull/7483)). Fixes #17726.
+
+## 🐛 Bug Fixes
+ * Load light theme prior to HTML export to ensure it is present ([\#7643](https://github.com/matrix-org/matrix-react-sdk/pull/7643)). Fixes #20276.
+ * Fix soft-crash when hanging up Jitsi via PIP ([\#7645](https://github.com/matrix-org/matrix-react-sdk/pull/7645)). Fixes #20766.
+ * Fix RightPanelStore assuming isViewingRoom is false on load ([\#7642](https://github.com/matrix-org/matrix-react-sdk/pull/7642)).
+ * Correctly handle Room.timeline events which have a nullable `Room` ([\#7635](https://github.com/matrix-org/matrix-react-sdk/pull/7635)). Fixes matrix-org/element-web-rageshakes#9490.
+ * Translate keyboard shortcut alternate key names ([\#7633](https://github.com/matrix-org/matrix-react-sdk/pull/7633)). Fixes #20739.
+ * Fix unfocused paste handling and focus return for file uploads ([\#7625](https://github.com/matrix-org/matrix-react-sdk/pull/7625)).
+ * Changed MacOS hotkey for GoToHome view. ([\#7631](https://github.com/matrix-org/matrix-react-sdk/pull/7631)). Contributed by @aj-ya.
+ * Fix issue with the new composer EmojiPart which caused infinite loops ([\#7629](https://github.com/matrix-org/matrix-react-sdk/pull/7629)). Fixes #20746.
+ * Upgrade linkifyjs to fix schemes as domain prefixes ([\#7628](https://github.com/matrix-org/matrix-react-sdk/pull/7628)). Fixes #20720.
+ * Show bubble tile timestamps for bubble layout inside the bubble ([\#7622](https://github.com/matrix-org/matrix-react-sdk/pull/7622)). Fixes #20562.
+ *  Improve taken username warning in registration for when request fails ([\#7621](https://github.com/matrix-org/matrix-react-sdk/pull/7621)).
+ * Avoid double dialog after clicking to remove a public room ([\#7604](https://github.com/matrix-org/matrix-react-sdk/pull/7604)). Fixes #20681. Contributed by @c-cal.
+ * Fix space member list right panel state ([\#7617](https://github.com/matrix-org/matrix-react-sdk/pull/7617)). Fixes #20716.
+ * Fall back to legacy analytics for guest users ([\#7616](https://github.com/matrix-org/matrix-react-sdk/pull/7616)).
+ * Always emit a space filter update when the space is actually changed ([\#7611](https://github.com/matrix-org/matrix-react-sdk/pull/7611)). Fixes #20664.
+ * Enlarge emoji in composer ([\#7602](https://github.com/matrix-org/matrix-react-sdk/pull/7602)). Fixes #20665 #15635 and #20688. Contributed by @robintown.
+ * Disable location sharing button on Desktop ([\#7590](https://github.com/matrix-org/matrix-react-sdk/pull/7590)).
+ * Make pills more natural to navigate around ([\#7607](https://github.com/matrix-org/matrix-react-sdk/pull/7607)). Fixes #20678. Contributed by @robintown.
+ * Fix excessive padding on inline images ([\#7605](https://github.com/matrix-org/matrix-react-sdk/pull/7605)). Contributed by @robintown.
+ * Prevent pills from being split by formatting actions ([\#7606](https://github.com/matrix-org/matrix-react-sdk/pull/7606)). Contributed by @robintown.
+ * Fix translation of "powerText" ([\#7603](https://github.com/matrix-org/matrix-react-sdk/pull/7603)). Contributed by @c-cal.
+ * Unhide display names when switching back to modern layout ([\#7601](https://github.com/matrix-org/matrix-react-sdk/pull/7601)). Fixes #20676. Contributed by @robintown.
+ * Fix space member list not opening ([\#7609](https://github.com/matrix-org/matrix-react-sdk/pull/7609)). Fixes #20679. Contributed by @SimonBrandner.
+ * Fix translation for the "Add room" tooltip ([\#7532](https://github.com/matrix-org/matrix-react-sdk/pull/7532)). Contributed by @c-cal.
+ * Make the close button of the location share dialog visible in high-contrast theme ([\#7597](https://github.com/matrix-org/matrix-react-sdk/pull/7597)).
+ * Cancel pending events in virtual room when call placed ([\#7583](https://github.com/matrix-org/matrix-react-sdk/pull/7583)). Fixes #17594.
+ * Fix alignment of unread badge in thread list ([\#7582](https://github.com/matrix-org/matrix-react-sdk/pull/7582)). Fixes #20643.
+ * Fix left positioned tooltips being wrong and offset by fixed value ([\#7551](https://github.com/matrix-org/matrix-react-sdk/pull/7551)).
+ * Fix MAB overlapping or overflowing in bubbles layout and threads regressions ([\#7569](https://github.com/matrix-org/matrix-react-sdk/pull/7569)). Fixes #20403 and #20404.
+ * Fix wrong icon being used for appearance tab in space preferences dialog ([\#7570](https://github.com/matrix-org/matrix-react-sdk/pull/7570)). Fixes #20608.
+ * Fix `/jumptodate` using wrong MSC feature flag ([\#7563](https://github.com/matrix-org/matrix-react-sdk/pull/7563)).
+ * Ensure maps show up in replies and threads, by creating unique IDs ([\#7568](https://github.com/matrix-org/matrix-react-sdk/pull/7568)).
+ * Differentiate between hover and roving focus in spotlight dialog ([\#7564](https://github.com/matrix-org/matrix-react-sdk/pull/7564)). Fixes #20597.
+ * Fix timeline jumping issues related to bubble layout ([\#7529](https://github.com/matrix-org/matrix-react-sdk/pull/7529)). Fixes #20302.
+ * Start a conference in a room with 2 people + invitee rather than a 1:1 call ([\#7557](https://github.com/matrix-org/matrix-react-sdk/pull/7557)). Fixes #1202. Contributed by @SimonBrandner.
+ * Wait for initial profile load before displaying widget ([\#7556](https://github.com/matrix-org/matrix-react-sdk/pull/7556)).
+ * Make widgets and calls span across the whole room width when using bubble layout ([\#7553](https://github.com/matrix-org/matrix-react-sdk/pull/7553)). Fixes #20560. Contributed by @SimonBrandner.
+ * Always show right panel after setting a card ([\#7544](https://github.com/matrix-org/matrix-react-sdk/pull/7544)). Contributed by @toger5.
+ * Support deserialising HR tags for editing ([\#7543](https://github.com/matrix-org/matrix-react-sdk/pull/7543)). Fixes #20553.
+ * Refresh ThreadView after React state has been updated ([\#7539](https://github.com/matrix-org/matrix-react-sdk/pull/7539)). Fixes #20549.
+ * Set initial zoom level to 1 to make zooming to location faster ([\#7541](https://github.com/matrix-org/matrix-react-sdk/pull/7541)).
+ * truncate room name on pip header ([\#7538](https://github.com/matrix-org/matrix-react-sdk/pull/7538)).
+ * Prevent enter to send edit weirdness when no change has been made ([\#7522](https://github.com/matrix-org/matrix-react-sdk/pull/7522)). Fixes #20507.
+ * Allow using room pills in slash commands ([\#7513](https://github.com/matrix-org/matrix-react-sdk/pull/7513)). Fixes #20343.
+
+Changes in [1.9.9](https://github.com/vector-im/element-web/releases/tag/v1.9.9) (2022-01-17)
+=============================================================================================
+
+## ✨ Features
+ * Add permission dropdown for sending reactions ([\#7492](https://github.com/matrix-org/matrix-react-sdk/pull/7492)). Fixes #20450.
+ * Ship maximised widgets and remove feature flag ([\#7509](https://github.com/matrix-org/matrix-react-sdk/pull/7509)).
+ * Properly maintain aspect ratio of inline images ([\#7503](https://github.com/matrix-org/matrix-react-sdk/pull/7503)).
+ * Add zoom buttons to the location view ([\#7482](https://github.com/matrix-org/matrix-react-sdk/pull/7482)).
+ * Remove bubble from around location events ([\#7459](https://github.com/matrix-org/matrix-react-sdk/pull/7459)). Fixes #20323.
+ * Disable "Publish this room" option in invite only rooms ([\#7441](https://github.com/matrix-org/matrix-react-sdk/pull/7441)). Fixes #6596. Contributed by @aaronraimist.
+ * Give secret key field an `id` ([\#7489](https://github.com/matrix-org/matrix-react-sdk/pull/7489)). Fixes #20390. Contributed by @SimonBrandner.
+ * Display a tooltip when you hover over a location ([\#7472](https://github.com/matrix-org/matrix-react-sdk/pull/7472)).
+ * Open map in a dialog when it is clicked ([\#7465](https://github.com/matrix-org/matrix-react-sdk/pull/7465)).
+ * a11y - wrap notification level radios in fieldsets ([\#7471](https://github.com/matrix-org/matrix-react-sdk/pull/7471)).
+ * Wrap inputs in fieldsets in Space visibility settings ([\#7350](https://github.com/matrix-org/matrix-react-sdk/pull/7350)).
+ * History based navigation with new right panel store ([\#7398](https://github.com/matrix-org/matrix-react-sdk/pull/7398)). Fixes #19686 #19660 and #19634.
+ * Associate room alias warning with public option in settings ([\#7430](https://github.com/matrix-org/matrix-react-sdk/pull/7430)).
+ * Disable quick reactions button when no permissions ([\#7412](https://github.com/matrix-org/matrix-react-sdk/pull/7412)). Fixes #20270.
+ * Allow opening a map view in OpenStreetMap ([\#7428](https://github.com/matrix-org/matrix-react-sdk/pull/7428)).
+ * Display the user's avatar when they shared their location ([\#7424](https://github.com/matrix-org/matrix-react-sdk/pull/7424)).
+ * Remove the Forward and Share buttons for location messages only ([\#7423](https://github.com/matrix-org/matrix-react-sdk/pull/7423)).
+ * Add configuration to disable relative date markers in timeline ([\#7405](https://github.com/matrix-org/matrix-react-sdk/pull/7405)).
+ * Space preferences for whether or not you see DMs in a Space ([\#7250](https://github.com/matrix-org/matrix-react-sdk/pull/7250)). Fixes #19529 and #19955.
+ * Have LocalEchoWrapper emit updates so the app can react faster ([\#7358](https://github.com/matrix-org/matrix-react-sdk/pull/7358)). Fixes #19749.
+ * Use semantic heading on dialog component ([\#7383](https://github.com/matrix-org/matrix-react-sdk/pull/7383)).
+ * Add `/jumptodate` slash command ([\#7372](https://github.com/matrix-org/matrix-react-sdk/pull/7372)). Fixes #7677.
+ * Update room context menu copy ([\#7361](https://github.com/matrix-org/matrix-react-sdk/pull/7361)). Fixes #20133.
+ * Use lazy rendering in the AddExistingToSpaceDialog ([\#7369](https://github.com/matrix-org/matrix-react-sdk/pull/7369)). Fixes #18784.
+ * Tweak FacePile tooltip to include whether or not you are included ([\#7367](https://github.com/matrix-org/matrix-react-sdk/pull/7367)). Fixes #17278.
+
+## 🐛 Bug Fixes
+ * Ensure group audio-only calls don't switch on the webcam on join ([\#20234](https://github.com/vector-im/element-web/pull/20234)). Fixes #20212.
+ * Fix wrongly wrapping code blocks, breaking line numbers ([\#7507](https://github.com/matrix-org/matrix-react-sdk/pull/7507)). Fixes #20316.
+ * Set header buttons to no phase when right panel is closed ([\#7506](https://github.com/matrix-org/matrix-react-sdk/pull/7506)).
+ * Fix active Jitsi calls (and other active widgets) not being visible on screen, by showing them in PiP if they are not visible in any other container ([\#7435](https://github.com/matrix-org/matrix-react-sdk/pull/7435)). Fixes #15169 and #20275.
+ * Fix layout of message bubble preview in settings ([\#7497](https://github.com/matrix-org/matrix-react-sdk/pull/7497)).
+ * Prevent mutations of js-sdk owned objects as it breaks accountData ([\#7504](https://github.com/matrix-org/matrix-react-sdk/pull/7504)). Fixes matrix-org/element-web-rageshakes#7822.
+ * fallback properly with pluralized strings ([\#7495](https://github.com/matrix-org/matrix-react-sdk/pull/7495)). Fixes #20455.
+ * Consider continuations when resolving whether a tile is last in section ([\#7461](https://github.com/matrix-org/matrix-react-sdk/pull/7461)). Fixes #20368 and #20369.
+ * Fix read receipts and sent indicators for bubble layout ([\#7460](https://github.com/matrix-org/matrix-react-sdk/pull/7460)). Fixes #18298 and #20345.
+ * null-guard dataset mxTheme to prevent html exports from exploding ([\#7493](https://github.com/matrix-org/matrix-react-sdk/pull/7493)). Fixes #20453.
+ * Fix avatar container overlapping give feedback cta ([\#7491](https://github.com/matrix-org/matrix-react-sdk/pull/7491)). Fixes matrix-org/element-web-rageshakes#7987.
+ * Fix jump to bottom button working when on a permalink ([\#7494](https://github.com/matrix-org/matrix-react-sdk/pull/7494)). Fixes #19813.
+ * Remove the Description from the location picker ([\#7485](https://github.com/matrix-org/matrix-react-sdk/pull/7485)).
+ * Fix look of the untrusted device dialog ([\#7487](https://github.com/matrix-org/matrix-react-sdk/pull/7487)). Fixes #20447. Contributed by @SimonBrandner.
+ * Hide maximise button in the sticker picker  ([\#7488](https://github.com/matrix-org/matrix-react-sdk/pull/7488)). Fixes #20443. Contributed by @SimonBrandner.
+ * Fix space ordering to match newer spec ([\#7481](https://github.com/matrix-org/matrix-react-sdk/pull/7481)).
+ * Fix typing notification colors ([\#7490](https://github.com/matrix-org/matrix-react-sdk/pull/7490)). Fixes #20144. Contributed by @SimonBrandner.
+ * fix fallback for pluralized strings ([\#7480](https://github.com/matrix-org/matrix-react-sdk/pull/7480)). Fixes #20426.
+ * Fix right panel soft crashes chat rooms ([\#7479](https://github.com/matrix-org/matrix-react-sdk/pull/7479)). Fixes #20433.
+ * update yarn.lock and i18n ([\#7476](https://github.com/matrix-org/matrix-react-sdk/pull/7476)). Fixes #20426 and #20423.
+ * Don't send typing notification when restoring composer draft ([\#7477](https://github.com/matrix-org/matrix-react-sdk/pull/7477)). Fixes #20424.
+ * Fix room joining spinner being incorrect if you change room mid-join ([\#7473](https://github.com/matrix-org/matrix-react-sdk/pull/7473)).
+ * Only return the approved widget capabilities instead of accepting all requested capabilities ([\#7454](https://github.com/matrix-org/matrix-react-sdk/pull/7454)). Contributed by @dhenneke.
+ * Fix quoting messages from the search view ([\#7466](https://github.com/matrix-org/matrix-react-sdk/pull/7466)). Fixes #20353.
+ * Attribute fallback i18n strings with lang attribute ([\#7323](https://github.com/matrix-org/matrix-react-sdk/pull/7323)).
+ * Fix spotlight cmd-k wrongly expanding left panel ([\#7463](https://github.com/matrix-org/matrix-react-sdk/pull/7463)). Fixes #20399.
+ * Fix room_id check when adding user widgets ([\#7448](https://github.com/matrix-org/matrix-react-sdk/pull/7448)). Fixes #19382. Contributed by @bink.
+ * Add new line in settings label ([\#7451](https://github.com/matrix-org/matrix-react-sdk/pull/7451)). Fixes #20365.
+ * Fix handling incoming redactions in EventIndex ([\#7443](https://github.com/matrix-org/matrix-react-sdk/pull/7443)). Fixes #19326.
+ * Fix room alias address isn't checked for validity before being shown as added ([\#7107](https://github.com/matrix-org/matrix-react-sdk/pull/7107)). Fixes #19609. Contributed by @Palid.
+ * Call view accessibility fixes ([\#7439](https://github.com/matrix-org/matrix-react-sdk/pull/7439)). Fixes #18516.
+ * Fix offscreen canvas breaking with split-brained firefox support ([\#7440](https://github.com/matrix-org/matrix-react-sdk/pull/7440)).
+ * Removed red shield in forwarding preview. ([\#7447](https://github.com/matrix-org/matrix-react-sdk/pull/7447)). Contributed by @ankur12-1610.
+ * Wrap status message ([\#7325](https://github.com/matrix-org/matrix-react-sdk/pull/7325)). Fixes #20092. Contributed by @SimonBrandner.
+ * Move hideSender logic into state so it causes re-render ([\#7413](https://github.com/matrix-org/matrix-react-sdk/pull/7413)). Fixes #18448.
+ * Fix dialpad positioning ([\#7446](https://github.com/matrix-org/matrix-react-sdk/pull/7446)). Fixes #20175. Contributed by @SimonBrandner.
+ * Hide non-functional list options on Suggested sublist ([\#7410](https://github.com/matrix-org/matrix-react-sdk/pull/7410)). Fixes #20252.
+ * Fix width overflow in mini composer overflow menu ([\#7411](https://github.com/matrix-org/matrix-react-sdk/pull/7411)). Fixes #20263.
+ * Fix being wrongly sent to Home space when creating/joining/leaving rooms ([\#7418](https://github.com/matrix-org/matrix-react-sdk/pull/7418)). Fixes matrix-org/element-web-rageshakes#7331 #20246 and #20240.
+ * Fix HTML Export where the data-mx-theme is `Light` not `light` ([\#7415](https://github.com/matrix-org/matrix-react-sdk/pull/7415)).
+ * Don't disable username/password fields whilst doing wk-lookup ([\#7438](https://github.com/matrix-org/matrix-react-sdk/pull/7438)). Fixes #20121.
+ * Prevent keyboard propagation out of context menus ([\#7437](https://github.com/matrix-org/matrix-react-sdk/pull/7437)). Fixes #20317.
+ * Fix nulls leaking into geo urls ([\#7433](https://github.com/matrix-org/matrix-react-sdk/pull/7433)).
+ * Fix zIndex of peristent apps in miniMode ([\#7429](https://github.com/matrix-org/matrix-react-sdk/pull/7429)).
+ * Space panel should watch spaces for space name changes ([\#7432](https://github.com/matrix-org/matrix-react-sdk/pull/7432)).
+ * Fix list formatting alternating on edit ([\#7422](https://github.com/matrix-org/matrix-react-sdk/pull/7422)). Fixes #20073. Contributed by @renancleyson-dev.
+ * Don't show `Testing small changes` without UIFeature.Feedback ([\#7427](https://github.com/matrix-org/matrix-react-sdk/pull/7427)). Fixes #20298.
+ * Fix invisible toggle space panel button ([\#7426](https://github.com/matrix-org/matrix-react-sdk/pull/7426)). Fixes #20279.
+ * Fix legacy breadcrumbs wrongly showing up ([\#7425](https://github.com/matrix-org/matrix-react-sdk/pull/7425)).
+ * Space Panel use SettingsStore instead of SpaceStore as source of truth ([\#7404](https://github.com/matrix-org/matrix-react-sdk/pull/7404)). Fixes #20250.
+ * Fix inline code block nowrap issue ([\#7406](https://github.com/matrix-org/matrix-react-sdk/pull/7406)).
+ * Fix notification badge for All Rooms space ([\#7401](https://github.com/matrix-org/matrix-react-sdk/pull/7401)). Fixes #20229.
+ * Show error if could not load space hierarchy ([\#7399](https://github.com/matrix-org/matrix-react-sdk/pull/7399)). Fixes #20221.
+ * Increase gap between ELS and the subsequent event to prevent overlap ([\#7391](https://github.com/matrix-org/matrix-react-sdk/pull/7391)). Fixes #18319.
+ * Fix list of members in space preview ([\#7356](https://github.com/matrix-org/matrix-react-sdk/pull/7356)). Fixes #19781.
+ * Fix sizing of e2e shield in bubble layout ([\#7394](https://github.com/matrix-org/matrix-react-sdk/pull/7394)). Fixes #19090.
+ * Fix bubble radius wrong when followed by a state event from same user ([\#7393](https://github.com/matrix-org/matrix-react-sdk/pull/7393)). Fixes #18982.
+ * Fix alignment between ELS and Events in bubble layout ([\#7392](https://github.com/matrix-org/matrix-react-sdk/pull/7392)). Fixes #19652 and #19057.
+ * Don't include the accuracy parameter in location events if accuracy could not be determined. ([\#7375](https://github.com/matrix-org/matrix-react-sdk/pull/7375)).
+ * Make compact layout only apply to Modern layout ([\#7382](https://github.com/matrix-org/matrix-react-sdk/pull/7382)). Fixes #18412.
+ * Pin qrcode to fix e2e verification bug ([\#7378](https://github.com/matrix-org/matrix-react-sdk/pull/7378)). Fixes #20188.
+ * Add internationalisation to progress strings in room export dialog ([\#7385](https://github.com/matrix-org/matrix-react-sdk/pull/7385)). Fixes #20208.
+ * Prevent escape to cancel edit from also scrolling to bottom ([\#7380](https://github.com/matrix-org/matrix-react-sdk/pull/7380)). Fixes #20182.
+ * Fix narrow mode composer buttons for polls labs ([\#7386](https://github.com/matrix-org/matrix-react-sdk/pull/7386)). Fixes #20067.
+ * Fix useUserStatusMessage exploding on unknown user ([\#7365](https://github.com/matrix-org/matrix-react-sdk/pull/7365)).
+ * Fix room join spinner in room list header ([\#7364](https://github.com/matrix-org/matrix-react-sdk/pull/7364)). Fixes #20139.
+ * Fix room search sometimes not opening spotlight ([\#7363](https://github.com/matrix-org/matrix-react-sdk/pull/7363)). Fixes matrix-org/element-web-rageshakes#7288.
+
+Changes in [1.9.9-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.9.9-rc.1) (2022-01-11)
+=======================================================================================================
+
+## ✨ Features
+ * Ship maximised widgets and remove feature flag ([\#7509](https://github.com/matrix-org/matrix-react-sdk/pull/7509)).
+ * Properly maintain aspect ratio of inline images ([\#7503](https://github.com/matrix-org/matrix-react-sdk/pull/7503)).
+ * Add zoom buttons to the location view ([\#7482](https://github.com/matrix-org/matrix-react-sdk/pull/7482)).
+ * Remove bubble from around location events ([\#7459](https://github.com/matrix-org/matrix-react-sdk/pull/7459)). Fixes #20323.
+ * Disable "Publish this room" option in invite only rooms ([\#7441](https://github.com/matrix-org/matrix-react-sdk/pull/7441)). Fixes #6596. Contributed by @aaronraimist.
+ * Add permission dropdown for sending reactions ([\#7492](https://github.com/matrix-org/matrix-react-sdk/pull/7492)). Fixes #20450.
+ * Give secret key field an `id` ([\#7489](https://github.com/matrix-org/matrix-react-sdk/pull/7489)). Fixes #20390. Contributed by @SimonBrandner.
+ * Display a tooltip when you hover over a location ([\#7472](https://github.com/matrix-org/matrix-react-sdk/pull/7472)).
+ * Open map in a dialog when it is clicked ([\#7465](https://github.com/matrix-org/matrix-react-sdk/pull/7465)).
+ * a11y - wrap notification level radios in fieldsets ([\#7471](https://github.com/matrix-org/matrix-react-sdk/pull/7471)).
+ * Wrap inputs in fieldsets in Space visibility settings ([\#7350](https://github.com/matrix-org/matrix-react-sdk/pull/7350)).
+ * History based navigation with new right panel store ([\#7398](https://github.com/matrix-org/matrix-react-sdk/pull/7398)). Fixes #19686 #19660 and #19634.
+ * Associate room alias warning with public option in settings ([\#7430](https://github.com/matrix-org/matrix-react-sdk/pull/7430)).
+ * Disable quick reactions button when no permissions ([\#7412](https://github.com/matrix-org/matrix-react-sdk/pull/7412)). Fixes #20270.
+ * Allow opening a map view in OpenStreetMap ([\#7428](https://github.com/matrix-org/matrix-react-sdk/pull/7428)).
+ * Display the user's avatar when they shared their location ([\#7424](https://github.com/matrix-org/matrix-react-sdk/pull/7424)).
+ * Remove the Forward and Share buttons for location messages only ([\#7423](https://github.com/matrix-org/matrix-react-sdk/pull/7423)).
+ * Add configuration to disable relative date markers in timeline ([\#7405](https://github.com/matrix-org/matrix-react-sdk/pull/7405)).
+ * Space preferences for whether or not you see DMs in a Space ([\#7250](https://github.com/matrix-org/matrix-react-sdk/pull/7250)). Fixes #19529 and #19955.
+ * Have LocalEchoWrapper emit updates so the app can react faster ([\#7358](https://github.com/matrix-org/matrix-react-sdk/pull/7358)). Fixes #19749.
+ * Use semantic heading on dialog component ([\#7383](https://github.com/matrix-org/matrix-react-sdk/pull/7383)).
+ * Add `/jumptodate` slash command ([\#7372](https://github.com/matrix-org/matrix-react-sdk/pull/7372)). Fixes #7677.
+ * Update room context menu copy ([\#7361](https://github.com/matrix-org/matrix-react-sdk/pull/7361)). Fixes #20133.
+ * Use lazy rendering in the AddExistingToSpaceDialog ([\#7369](https://github.com/matrix-org/matrix-react-sdk/pull/7369)). Fixes #18784.
+ * Tweak FacePile tooltip to include whether or not you are included ([\#7367](https://github.com/matrix-org/matrix-react-sdk/pull/7367)). Fixes #17278.
+
+## 🐛 Bug Fixes
+ * Ensure group audio-only calls don't switch on the webcam on join ([\#20234](https://github.com/vector-im/element-web/pull/20234)). Fixes #20212.
+ * Fix wrongly wrapping code blocks, breaking line numbers ([\#7507](https://github.com/matrix-org/matrix-react-sdk/pull/7507)). Fixes #20316.
+ * Set header buttons to no phase when right panel is closed ([\#7506](https://github.com/matrix-org/matrix-react-sdk/pull/7506)).
+ * Fix active Jitsi calls (and other active widgets) not being visible on screen, by showing them in PiP if they are not visible in any other container ([\#7435](https://github.com/matrix-org/matrix-react-sdk/pull/7435)). Fixes #15169 and #20275.
+ * Fix layout of message bubble preview in settings ([\#7497](https://github.com/matrix-org/matrix-react-sdk/pull/7497)).
+ * Prevent mutations of js-sdk owned objects as it breaks accountData ([\#7504](https://github.com/matrix-org/matrix-react-sdk/pull/7504)). Fixes matrix-org/element-web-rageshakes#7822.
+ * fallback properly with pluralized strings ([\#7495](https://github.com/matrix-org/matrix-react-sdk/pull/7495)). Fixes #20455.
+ * Consider continuations when resolving whether a tile is last in section ([\#7461](https://github.com/matrix-org/matrix-react-sdk/pull/7461)). Fixes #20368 and #20369.
+ * Fix read receipts and sent indicators for bubble layout ([\#7460](https://github.com/matrix-org/matrix-react-sdk/pull/7460)). Fixes #18298 and #20345.
+ * null-guard dataset mxTheme to prevent html exports from exploding ([\#7493](https://github.com/matrix-org/matrix-react-sdk/pull/7493)). Fixes #20453.
+ * Fix avatar container overlapping give feedback cta ([\#7491](https://github.com/matrix-org/matrix-react-sdk/pull/7491)). Fixes matrix-org/element-web-rageshakes#7987.
+ * Fix jump to bottom button working when on a permalink ([\#7494](https://github.com/matrix-org/matrix-react-sdk/pull/7494)). Fixes #19813.
+ * Remove the Description from the location picker ([\#7485](https://github.com/matrix-org/matrix-react-sdk/pull/7485)).
+ * Fix look of the untrusted device dialog ([\#7487](https://github.com/matrix-org/matrix-react-sdk/pull/7487)). Fixes #20447. Contributed by @SimonBrandner.
+ * Hide maximise button in the sticker picker  ([\#7488](https://github.com/matrix-org/matrix-react-sdk/pull/7488)). Fixes #20443. Contributed by @SimonBrandner.
+ * Fix space ordering to match newer spec ([\#7481](https://github.com/matrix-org/matrix-react-sdk/pull/7481)).
+ * Fix typing notification colors ([\#7490](https://github.com/matrix-org/matrix-react-sdk/pull/7490)). Fixes #20144. Contributed by @SimonBrandner.
+ * fix fallback for pluralized strings ([\#7480](https://github.com/matrix-org/matrix-react-sdk/pull/7480)). Fixes #20426.
+ * Fix right panel soft crashes chat rooms ([\#7479](https://github.com/matrix-org/matrix-react-sdk/pull/7479)). Fixes #20433.
+ * update yarn.lock and i18n ([\#7476](https://github.com/matrix-org/matrix-react-sdk/pull/7476)). Fixes #20426 and #20423.
+ * Don't send typing notification when restoring composer draft ([\#7477](https://github.com/matrix-org/matrix-react-sdk/pull/7477)). Fixes #20424.
+ * Fix room joining spinner being incorrect if you change room mid-join ([\#7473](https://github.com/matrix-org/matrix-react-sdk/pull/7473)).
+ * Only return the approved widget capabilities instead of accepting all requested capabilities ([\#7454](https://github.com/matrix-org/matrix-react-sdk/pull/7454)). Contributed by @dhenneke.
+ * Fix quoting messages from the search view ([\#7466](https://github.com/matrix-org/matrix-react-sdk/pull/7466)). Fixes #20353.
+ * Attribute fallback i18n strings with lang attribute ([\#7323](https://github.com/matrix-org/matrix-react-sdk/pull/7323)).
+ * Fix spotlight cmd-k wrongly expanding left panel ([\#7463](https://github.com/matrix-org/matrix-react-sdk/pull/7463)). Fixes #20399.
+ * Fix room_id check when adding user widgets ([\#7448](https://github.com/matrix-org/matrix-react-sdk/pull/7448)). Fixes #19382. Contributed by @bink.
+ * Add new line in settings label ([\#7451](https://github.com/matrix-org/matrix-react-sdk/pull/7451)). Fixes #20365.
+ * Fix handling incoming redactions in EventIndex ([\#7443](https://github.com/matrix-org/matrix-react-sdk/pull/7443)). Fixes #19326.
+ * Fix room alias address isn't checked for validity before being shown as added ([\#7107](https://github.com/matrix-org/matrix-react-sdk/pull/7107)). Fixes #19609. Contributed by @Palid.
+ * Call view accessibility fixes ([\#7439](https://github.com/matrix-org/matrix-react-sdk/pull/7439)). Fixes #18516.
+ * Fix offscreen canvas breaking with split-brained firefox support ([\#7440](https://github.com/matrix-org/matrix-react-sdk/pull/7440)).
+ * Removed red shield in forwarding preview. ([\#7447](https://github.com/matrix-org/matrix-react-sdk/pull/7447)). Contributed by @ankur12-1610.
+ * Wrap status message ([\#7325](https://github.com/matrix-org/matrix-react-sdk/pull/7325)). Fixes #20092. Contributed by @SimonBrandner.
+ * Move hideSender logic into state so it causes re-render ([\#7413](https://github.com/matrix-org/matrix-react-sdk/pull/7413)). Fixes #18448.
+ * Fix dialpad positioning ([\#7446](https://github.com/matrix-org/matrix-react-sdk/pull/7446)). Fixes #20175. Contributed by @SimonBrandner.
+ * Hide non-functional list options on Suggested sublist ([\#7410](https://github.com/matrix-org/matrix-react-sdk/pull/7410)). Fixes #20252.
+ * Fix width overflow in mini composer overflow menu ([\#7411](https://github.com/matrix-org/matrix-react-sdk/pull/7411)). Fixes #20263.
+ * Fix being wrongly sent to Home space when creating/joining/leaving rooms ([\#7418](https://github.com/matrix-org/matrix-react-sdk/pull/7418)). Fixes matrix-org/element-web-rageshakes#7331 #20246 and #20240.
+ * Fix HTML Export where the data-mx-theme is `Light` not `light` ([\#7415](https://github.com/matrix-org/matrix-react-sdk/pull/7415)).
+ * Don't disable username/password fields whilst doing wk-lookup ([\#7438](https://github.com/matrix-org/matrix-react-sdk/pull/7438)). Fixes #20121.
+ * Prevent keyboard propagation out of context menus ([\#7437](https://github.com/matrix-org/matrix-react-sdk/pull/7437)). Fixes #20317.
+ * Fix nulls leaking into geo urls ([\#7433](https://github.com/matrix-org/matrix-react-sdk/pull/7433)).
+ * Fix zIndex of peristent apps in miniMode ([\#7429](https://github.com/matrix-org/matrix-react-sdk/pull/7429)).
+ * Space panel should watch spaces for space name changes ([\#7432](https://github.com/matrix-org/matrix-react-sdk/pull/7432)).
+ * Fix list formatting alternating on edit ([\#7422](https://github.com/matrix-org/matrix-react-sdk/pull/7422)). Fixes #20073. Contributed by @renancleyson-dev.
+ * Don't show `Testing small changes` without UIFeature.Feedback ([\#7427](https://github.com/matrix-org/matrix-react-sdk/pull/7427)). Fixes #20298.
+ * Fix invisible toggle space panel button ([\#7426](https://github.com/matrix-org/matrix-react-sdk/pull/7426)). Fixes #20279.
+ * Fix legacy breadcrumbs wrongly showing up ([\#7425](https://github.com/matrix-org/matrix-react-sdk/pull/7425)).
+ * Space Panel use SettingsStore instead of SpaceStore as source of truth ([\#7404](https://github.com/matrix-org/matrix-react-sdk/pull/7404)). Fixes #20250.
+ * Fix inline code block nowrap issue ([\#7406](https://github.com/matrix-org/matrix-react-sdk/pull/7406)).
+ * Fix notification badge for All Rooms space ([\#7401](https://github.com/matrix-org/matrix-react-sdk/pull/7401)). Fixes #20229.
+ * Show error if could not load space hierarchy ([\#7399](https://github.com/matrix-org/matrix-react-sdk/pull/7399)). Fixes #20221.
+ * Increase gap between ELS and the subsequent event to prevent overlap ([\#7391](https://github.com/matrix-org/matrix-react-sdk/pull/7391)). Fixes #18319.
+ * Fix list of members in space preview ([\#7356](https://github.com/matrix-org/matrix-react-sdk/pull/7356)). Fixes #19781.
+ * Fix sizing of e2e shield in bubble layout ([\#7394](https://github.com/matrix-org/matrix-react-sdk/pull/7394)). Fixes #19090.
+ * Fix bubble radius wrong when followed by a state event from same user ([\#7393](https://github.com/matrix-org/matrix-react-sdk/pull/7393)). Fixes #18982.
+ * Fix alignment between ELS and Events in bubble layout ([\#7392](https://github.com/matrix-org/matrix-react-sdk/pull/7392)). Fixes #19652 and #19057.
+ * Don't include the accuracy parameter in location events if accuracy could not be determined. ([\#7375](https://github.com/matrix-org/matrix-react-sdk/pull/7375)).
+ * Make compact layout only apply to Modern layout ([\#7382](https://github.com/matrix-org/matrix-react-sdk/pull/7382)). Fixes #18412.
+ * Pin qrcode to fix e2e verification bug ([\#7378](https://github.com/matrix-org/matrix-react-sdk/pull/7378)). Fixes #20188.
+ * Add internationalisation to progress strings in room export dialog ([\#7385](https://github.com/matrix-org/matrix-react-sdk/pull/7385)). Fixes #20208.
+ * Prevent escape to cancel edit from also scrolling to bottom ([\#7380](https://github.com/matrix-org/matrix-react-sdk/pull/7380)). Fixes #20182.
+ * Fix narrow mode composer buttons for polls labs ([\#7386](https://github.com/matrix-org/matrix-react-sdk/pull/7386)). Fixes #20067.
+ * Fix useUserStatusMessage exploding on unknown user ([\#7365](https://github.com/matrix-org/matrix-react-sdk/pull/7365)).
+ * Fix room join spinner in room list header ([\#7364](https://github.com/matrix-org/matrix-react-sdk/pull/7364)). Fixes #20139.
+ * Fix room search sometimes not opening spotlight ([\#7363](https://github.com/matrix-org/matrix-react-sdk/pull/7363)). Fixes matrix-org/element-web-rageshakes#7288.
+
+**Changelogs for older versions can be found [here](CHANGELOG-pre-2022.md).**
diff --git a/docs/changelogs/CHANGELOG-2023.md b/docs/changelogs/CHANGELOG-2023.md
new file mode 100644
index 00000000000..d4575b50b98
--- /dev/null
+++ b/docs/changelogs/CHANGELOG-2023.md
@@ -0,0 +1,1017 @@
+
+
+Changes in [1.11.52](https://github.com/element-hq/element-web/releases/tag/v1.11.52) (2023-12-19)
+==================================================================================================
+
+
+## ✨ Features
+
+* Keep more recent rageshake logs ([#12003](https://github.com/matrix-org/matrix-react-sdk/pull/12003)). Contributed by @richvdh.
+
+## 🐛 Bug Fixes
+
+* Fix bug which prevented correct clean up of rageshake store ([#12002](https://github.com/matrix-org/matrix-react-sdk/pull/12002)). Contributed by @richvdh.
+* Set up key backup using non-deprecated APIs ([#12005](https://github.com/matrix-org/matrix-react-sdk/pull/12005)). Contributed by @andybalaam.
+* Fix notifications appearing for old events ([#3946](https://github.com/matrix-org/matrix-js-sdk/pull/3946)). Contributed by @dbkr.
+* Prevent phantom notifications from events not in a room's timeline ([#3942](https://github.com/matrix-org/matrix-js-sdk/pull/3942)). Contributed by @dbkr.
+
+
+Changes in [1.11.51](https://github.com/vector-im/element-web/releases/tag/v1.11.51) (2023-12-05)
+=================================================================================================
+## ✨ Features
+
+* Improve debian package and docs ([#26618](https://github.com/vector-im/element-web/pull/26618)). Contributed by @t3chguy.
+
+## 🦖 Deprecations
+
+* Remove Quote from MessageContextMenu as it is unsupported by WYSIWYG ([#11914](https://github.com/matrix-org/matrix-react-sdk/pull/11914)). Contributed by @t3chguy.
+
+## ✨ Features
+
+* Always allow call.member events on new rooms ([#11948](https://github.com/matrix-org/matrix-react-sdk/pull/11948)). Contributed by @toger5.
+* Right panel: view third party invite info without clearing history ([#11934](https://github.com/matrix-org/matrix-react-sdk/pull/11934)). Contributed by @kerryarchibald.
+* Allow switching to system emoji font ([#11925](https://github.com/matrix-org/matrix-react-sdk/pull/11925)). Contributed by @t3chguy.
+* Update open in other tab message ([#11916](https://github.com/matrix-org/matrix-react-sdk/pull/11916)). Contributed by @weeman1337.
+* Add menu for legacy and element call in 1:1 rooms ([#11910](https://github.com/matrix-org/matrix-react-sdk/pull/11910)). Contributed by @toger5.
+* Add ringing for matrixRTC ([#11870](https://github.com/matrix-org/matrix-react-sdk/pull/11870)). Contributed by @toger5.
+
+## 🐛 Bug Fixes
+
+* Keep device language when it has been previosuly set, after a successful delegated authentication flow that clears localStorage ([#11902](https://github.com/matrix-org/matrix-react-sdk/pull/11902)). Contributed by @mgcm.
+* Fix misunderstanding of functional members ([#11918](https://github.com/matrix-org/matrix-react-sdk/pull/11918)). Contributed by @toger5.
+* Fix: Video Room Chat Header Button Removed ([#11911](https://github.com/matrix-org/matrix-react-sdk/pull/11911)). Contributed by @kerryarchibald.
+* Fix "not attempting encryption" warning ([#11899](https://github.com/matrix-org/matrix-react-sdk/pull/11899)). Contributed by @richvdh.
+
+
+Changes in [1.11.50](https://github.com/vector-im/element-web/releases/tag/v1.11.50) (2023-11-21)
+=================================================================================================
+
+## ✨ Features
+
+* Ship element-web as a debian package ([#26533](https://github.com/vector-im/element-web/pull/26533)). Contributed by @t3chguy.
+* Update room summary card header ([#11823](https://github.com/matrix-org/matrix-react-sdk/pull/11823)). Contributed by @germain-gg.
+* Add feature flag for disabling encryption in Element Call ([#11837](https://github.com/matrix-org/matrix-react-sdk/pull/11837)). Contributed by @toger5.
+* Adapt the rendering of extra icons in the room header ([#11835](https://github.com/matrix-org/matrix-react-sdk/pull/11835)). Contributed by @charlynguyen.
+* Implement new unreachable state and fix broken string ref  ([#11748](https://github.com/matrix-org/matrix-react-sdk/pull/11748)). Contributed by @MidhunSureshR.
+* Allow adding extra icons to the room header ([#11799](https://github.com/matrix-org/matrix-react-sdk/pull/11799)). Contributed by @charlynguyen.
+
+## 🐛 Bug Fixes
+
+* Room header: do not collapse avatar or facepile ([#11866](https://github.com/matrix-org/matrix-react-sdk/pull/11866)). Contributed by @kerryarchibald.
+* New right panel: fix button alignment in memberlist ([#11861](https://github.com/matrix-org/matrix-react-sdk/pull/11861)). Contributed by @kerryarchibald.
+* Use the correct video call icon variant ([#11859](https://github.com/matrix-org/matrix-react-sdk/pull/11859)). Contributed by @robintown.
+* fix broken warning icon ([#11862](https://github.com/matrix-org/matrix-react-sdk/pull/11862)). Contributed by @ara4n.
+* Fix rightpanel hiding scrollbar ([#11831](https://github.com/matrix-org/matrix-react-sdk/pull/11831)). Contributed by @kerryarchibald.
+* Switch to updating presence via /sync calls instead of PUT /presence ([#11824](https://github.com/matrix-org/matrix-react-sdk/pull/11824)). Contributed by @t3chguy.
+
+Changes in [1.11.49](https://github.com/vector-im/element-web/releases/tag/v1.11.49) (2023-11-13)
+=================================================================================================
+
+## ✨ Features
+ * Ship element-web as a debian package ([\#26533](https://github.com/vector-im/element-web/pull/26533)). Fixes #2777.
+
+## 🐛 Bug Fixes
+ * Ensure `setUserCreator` is called when a store is assigned ([\#3867](https://github.com/matrix-org/matrix-js-sdk/pull/3867)). Fixes vector-im/element-web#26520. Contributed by @MidhunSureshR.
+
+Changes in [1.11.48](https://github.com/vector-im/element-web/releases/tag/v1.11.48) (2023-11-07)
+=================================================================================================
+
+## ✨ Features
+ * Correctly fill window.matrixChat even when a Wrapper module is active ([\#26395](https://github.com/vector-im/element-web/pull/26395)). Contributed by @dhenneke.
+ * Knock on a ask-to-join room if a module wants to join the room when navigating to a room ([\#11787](https://github.com/matrix-org/matrix-react-sdk/pull/11787)). Contributed by @dhenneke.
+ * Element-R:  Include crypto info in sentry ([\#11798](https://github.com/matrix-org/matrix-react-sdk/pull/11798)). Contributed by @florianduros.
+ * Element-R:  Include crypto info in rageshake ([\#11797](https://github.com/matrix-org/matrix-react-sdk/pull/11797)). Contributed by @florianduros.
+ * Element-R: Add current version of the rust-sdk and vodozemac ([\#11785](https://github.com/matrix-org/matrix-react-sdk/pull/11785)). Contributed by @florianduros.
+ * Fix unfederated invite dialog ([\#9618](https://github.com/matrix-org/matrix-react-sdk/pull/9618)). Fixes vector-im/element-meta#1466 and #22102. Contributed by @owi92.
+ * New right panel visual language ([\#11664](https://github.com/matrix-org/matrix-react-sdk/pull/11664)).
+ * OIDC: add friendly errors ([\#11184](https://github.com/matrix-org/matrix-react-sdk/pull/11184)). Fixes #25665. Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Fix rightpanel hiding scrollbar ([\#11831](https://github.com/matrix-org/matrix-react-sdk/pull/11831)). Contributed by @kerryarchibald.
+ * Fix multi-tab session lock on Firefox not being cleared ([\#11800](https://github.com/matrix-org/matrix-react-sdk/pull/11800)). Fixes #26165. Contributed by @ManuelHu.
+ * Deserialise spoilers back into slash command form ([\#11805](https://github.com/matrix-org/matrix-react-sdk/pull/11805)). Fixes #26344.
+ * Fix Incorrect message scaling for verification request ([\#11793](https://github.com/matrix-org/matrix-react-sdk/pull/11793)). Fixes #24304. Contributed by @capGoblin.
+ * Fix: Unable to restore a soft-logged-out session established via SSO ([\#11794](https://github.com/matrix-org/matrix-react-sdk/pull/11794)). Fixes #25957. Contributed by @kerryarchibald.
+ * Use configurable github issue links more consistently ([\#11796](https://github.com/matrix-org/matrix-react-sdk/pull/11796)).
+ * Fix io.element.late_event received_ts vs received_at ([\#11789](https://github.com/matrix-org/matrix-react-sdk/pull/11789)).
+ * Make invitation dialog scrollable when infos are too long ([\#11753](https://github.com/matrix-org/matrix-react-sdk/pull/11753)). Contributed by @nurjinjafar.
+ * Fix spoiler text-align ([\#11790](https://github.com/matrix-org/matrix-react-sdk/pull/11790)). Contributed by @ajbura.
+ * Fix: Right panel keeps showing chat when unmaximizing widget.  ([\#11697](https://github.com/matrix-org/matrix-react-sdk/pull/11697)). Fixes #26265. Contributed by @manancodes.
+ * Fix margin of invite to room button ([\#11780](https://github.com/matrix-org/matrix-react-sdk/pull/11780)). Fixes #26410.
+ * Update base64 import ([\#11784](https://github.com/matrix-org/matrix-react-sdk/pull/11784)).
+ * Set max size for Element logo in search warning ([\#11779](https://github.com/matrix-org/matrix-react-sdk/pull/11779)). Fixes #26408.
+ * Fix: emoji size in room header topic, remove obsolete emoji style ([\#11757](https://github.com/matrix-org/matrix-react-sdk/pull/11757)). Fixes #26326. Contributed by @kerryarchibald.
+ * Fix: Bubble layout design is broken ([\#11763](https://github.com/matrix-org/matrix-react-sdk/pull/11763)). Fixes #25818. Contributed by @manancodes.
+
+Changes in [1.11.47](https://github.com/vector-im/element-web/releases/tag/v1.11.47) (2023-10-24)
+=================================================================================================
+
+## 🦖 Deprecations
+ * Deprecate customisations in favour of Module API ([\#25736](https://github.com/vector-im/element-web/pull/25736)). Fixes #25733.
+
+## ✨ Features
+ * vector-im/element-x-ios/issues/1824 - Convert the apple-app-site-association file to a newer format… ([\#26307](https://github.com/vector-im/element-web/pull/26307)). Contributed by @stefanceriu.
+ * Iterate `io.element.late_event` decoration ([\#11760](https://github.com/matrix-org/matrix-react-sdk/pull/11760)). Fixes #26384.
+ * Render timeline separator for late event groups ([\#11739](https://github.com/matrix-org/matrix-react-sdk/pull/11739)).
+ * OIDC: revoke tokens on logout ([\#11718](https://github.com/matrix-org/matrix-react-sdk/pull/11718)). Fixes #25394. Contributed by @kerryarchibald.
+ * Show `io.element.late_event` in MessageTimestamp when known ([\#11733](https://github.com/matrix-org/matrix-react-sdk/pull/11733)).
+ * Show all labs flags if developerMode enabled ([\#11746](https://github.com/matrix-org/matrix-react-sdk/pull/11746)). Fixes #24571 and #8498.
+ * Use Compound tooltips on MessageTimestamp to improve UX of date time discovery ([\#11732](https://github.com/matrix-org/matrix-react-sdk/pull/11732)). Fixes #25913.
+ * Consolidate 4s passphrase input fields and use stable IDs ([\#11743](https://github.com/matrix-org/matrix-react-sdk/pull/11743)). Fixes #26228.
+ * Disable upgraderoom command without developer mode enabled ([\#11744](https://github.com/matrix-org/matrix-react-sdk/pull/11744)). Fixes #17620.
+ * Avoid rendering app download buttons if disabled in config ([\#11741](https://github.com/matrix-org/matrix-react-sdk/pull/11741)). Fixes #26309.
+ * OIDC: refresh tokens ([\#11699](https://github.com/matrix-org/matrix-react-sdk/pull/11699)). Fixes #25839. Contributed by @kerryarchibald.
+ * OIDC: register ([\#11727](https://github.com/matrix-org/matrix-react-sdk/pull/11727)). Fixes #25393. Contributed by @kerryarchibald.
+ * Use stable get_login_token and remove unstable MSC3882 support ([\#11001](https://github.com/matrix-org/matrix-react-sdk/pull/11001)). Contributed by @hughns.
+
+## 🐛 Bug Fixes
+ * Set max size for Element logo in search warning ([\#11779](https://github.com/matrix-org/matrix-react-sdk/pull/11779)). Fixes #26408.
+ * Avoid error when DMing oneself ([\#11754](https://github.com/matrix-org/matrix-react-sdk/pull/11754)). Fixes #7242.
+ * Fix: Message shield alignment is not right. ([\#11703](https://github.com/matrix-org/matrix-react-sdk/pull/11703)). Fixes #26142. Contributed by @manancodes.
+ * fix logging full event ([\#11755](https://github.com/matrix-org/matrix-react-sdk/pull/11755)). Fixes #26376.
+ * OIDC: use delegated auth account URL from `OidcClientStore` ([\#11723](https://github.com/matrix-org/matrix-react-sdk/pull/11723)). Fixes #26305. Contributed by @kerryarchibald.
+ * Fix: Members list shield alignment is not right. ([\#11700](https://github.com/matrix-org/matrix-react-sdk/pull/11700)). Fixes #26261. Contributed by @manancodes.
+ * Fix: <detail> HTML elements clickable area too wide. ([\#11666](https://github.com/matrix-org/matrix-react-sdk/pull/11666)). Fixes #25454. Contributed by @manancodes.
+ * Fix untranslated headings in the devtools dialog ([\#11734](https://github.com/matrix-org/matrix-react-sdk/pull/11734)).
+ * Fixes invite dialog alignment and pill color contrast ([\#11722](https://github.com/matrix-org/matrix-react-sdk/pull/11722)). Contributed by @gabrc52.
+ * Prevent select element in General settings overflowing in a room with very long room-id ([\#11597](https://github.com/matrix-org/matrix-react-sdk/pull/11597)). Contributed by @ABHIXIT2.
+ * Fix: Clicking on members pile does nothing. ([\#11657](https://github.com/matrix-org/matrix-react-sdk/pull/11657)). Fixes #26164. Contributed by @manancodes.
+ * Fix: Wierd shadow below room avatar in dark mode. ([\#11678](https://github.com/matrix-org/matrix-react-sdk/pull/11678)). Fixes #26153. Contributed by @manancodes.
+ * Fix start_sso / start_cas URLs failing to redirect to a authentication prompt ([\#11681](https://github.com/matrix-org/matrix-react-sdk/pull/11681)). Contributed by @Half-Shot.
+
+Changes in [1.11.46](https://github.com/vector-im/element-web/releases/tag/v1.11.46) (2023-10-10)
+=================================================================================================
+
+## ✨ Features
+ * Use .well-known to discover a default rendezvous server for use with Sign in with QR ([\#11655](https://github.com/matrix-org/matrix-react-sdk/pull/11655)). Contributed by @hughns.
+ * Message layout will update according to the selected style  ([\#10170](https://github.com/matrix-org/matrix-react-sdk/pull/10170)). Fixes #21782. Contributed by @manancodes.
+ * Implement MSC4039: Add an MSC for a new Widget API action to upload files into the media repository ([\#11311](https://github.com/matrix-org/matrix-react-sdk/pull/11311)). Contributed by @dhenneke.
+ * Render space pills with square corners to match new avatar ([\#11632](https://github.com/matrix-org/matrix-react-sdk/pull/11632)). Fixes #26056.
+ * Linkify room topic ([\#11631](https://github.com/matrix-org/matrix-react-sdk/pull/11631)). Fixes #26185.
+ * Show knock rooms in the list ([\#11573](https://github.com/matrix-org/matrix-react-sdk/pull/11573)). Contributed by @maheichyk.
+
+## 🐛 Bug Fixes
+ * Bump matrix-web-i18n dependency to 3.1.3 ([\#26287](https://github.com/vector-im/element-web/pull/26287))
+ * Fix: Avatar shrinks with long names ([\#11698](https://github.com/matrix-org/matrix-react-sdk/pull/11698)). Fixes #26252. Contributed by @manancodes.
+ * Update custom translations to support nested fields in structured JSON ([\#11685](https://github.com/matrix-org/matrix-react-sdk/pull/11685)).
+ * Fix: Edited message remove button is hard to reach. ([\#11674](https://github.com/matrix-org/matrix-react-sdk/pull/11674)). Fixes #24917. Contributed by @manancodes.
+ * Fix: Theme selector radio button not aligned in center with the text ([\#11676](https://github.com/matrix-org/matrix-react-sdk/pull/11676)). Fixes #25460. Contributed by @manancodes.
+ * Fix: Unread notification dot aligned ([\#11658](https://github.com/matrix-org/matrix-react-sdk/pull/11658)). Fixes #25285. Contributed by @manancodes.
+ * Fix: sync intentional mentions push rules with legacy rules ([\#11667](https://github.com/matrix-org/matrix-react-sdk/pull/11667)). Fixes #26227. Contributed by @kerryarchibald.
+ * Revert "Fix regression around FacePile with overflow (#11527)" ([\#11634](https://github.com/matrix-org/matrix-react-sdk/pull/11634)). Fixes #26209.
+ * Fix: Alignment Fixed ([\#11648](https://github.com/matrix-org/matrix-react-sdk/pull/11648)). Fixes #26169. Contributed by @manancodes.
+ * Fix: onFinished added which closes the menu ([\#11647](https://github.com/matrix-org/matrix-react-sdk/pull/11647)). Fixes #25556. Contributed by @manancodes.
+ * Don't start key backups when opening settings ([\#11640](https://github.com/matrix-org/matrix-react-sdk/pull/11640)).
+ * Fix add to space avatar text centering ([\#11643](https://github.com/matrix-org/matrix-react-sdk/pull/11643)). Fixes #26154.
+ * fix avatar styling in lightbox ([\#11641](https://github.com/matrix-org/matrix-react-sdk/pull/11641)). Fixes #26196.
+
+Changes in [1.11.45](https://github.com/vector-im/element-web/releases/tag/v1.11.45) (2023-09-29)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix Emoji font on Safari 17 ([\#11673](https://github.com/matrix-org/matrix-react-sdk/pull/11673)).
+
+Changes in [1.11.44](https://github.com/vector-im/element-web/releases/tag/v1.11.44) (2023-09-26)
+=================================================================================================
+
+## ✨ Features
+ * Make video & voice call buttons pin conference widget if unpinned ([\#11576](https://github.com/matrix-org/matrix-react-sdk/pull/11576)). Fixes vector-im/customer-retainer#72.
+ * OIDC: persist refresh token ([\#11249](https://github.com/matrix-org/matrix-react-sdk/pull/11249)). Contributed by @kerryarchibald.
+ * ElementR: Cross user verification ([\#11364](https://github.com/matrix-org/matrix-react-sdk/pull/11364)). Fixes #25752. Contributed by @florianduros.
+ * Default intentional mentions ([\#11602](https://github.com/matrix-org/matrix-react-sdk/pull/11602)).
+ * Notify users about denied access on ask-to-join  rooms ([\#11480](https://github.com/matrix-org/matrix-react-sdk/pull/11480)). Contributed by @nurjinjafar.
+ * Allow setting knock room directory visibility ([\#11529](https://github.com/matrix-org/matrix-react-sdk/pull/11529)). Contributed by @charlynguyen.
+
+## 🐛 Bug Fixes
+ * Revert "Fix regression around FacePile with overflow (#11527)" ([\#11634](https://github.com/matrix-org/matrix-react-sdk/pull/11634)). Fixes #26209.
+ * Escape placeholder before injecting it into the style ([\#11607](https://github.com/matrix-org/matrix-react-sdk/pull/11607)).
+ * Move ViewUser action callback to RoomView ([\#11495](https://github.com/matrix-org/matrix-react-sdk/pull/11495)). Fixes #26040.
+ * Fix room timeline search toggling behaviour edge case ([\#11605](https://github.com/matrix-org/matrix-react-sdk/pull/11605)). Fixes #26105.
+ * Avoid rendering view-message link in RoomKnocksBar unnecessarily ([\#11598](https://github.com/matrix-org/matrix-react-sdk/pull/11598)). Contributed by @charlynguyen.
+ * Use knock rooms sync to reflect the knock state ([\#11596](https://github.com/matrix-org/matrix-react-sdk/pull/11596)). Fixes #26043 and #26044. Contributed by @charlynguyen.
+ * Fix avatar in right panel not using the correct font ([\#11593](https://github.com/matrix-org/matrix-react-sdk/pull/11593)). Fixes #26061. Contributed by @MidhunSureshR.
+ * Add waits in Spotlight Cypress tests, hoping this unflakes them ([\#11590](https://github.com/matrix-org/matrix-react-sdk/pull/11590)). Fixes #26053, #26140 #26139 and #26138. Contributed by @andybalaam.
+ * Fix vertical alignment of default avatar font ([\#11582](https://github.com/matrix-org/matrix-react-sdk/pull/11582)). Fixes #26081.
+ * Fix avatars in public room & space search being flex shrunk ([\#11580](https://github.com/matrix-org/matrix-react-sdk/pull/11580)). Fixes #26133.
+ * Fix EventTile avatars being rendered with a size of 0 instead of hidden ([\#11558](https://github.com/matrix-org/matrix-react-sdk/pull/11558)). Fixes #26075.
+
+Changes in [1.11.43](https://github.com/vector-im/element-web/releases/tag/v1.11.43) (2023-09-15)
+=================================================================================================
+
+(No changes - bumping the version number for an element-desktop release.)
+
+Changes in [1.11.42](https://github.com/vector-im/element-web/releases/tag/v1.11.42) (2023-09-13)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Update Compound to fix Firefox-specific avatar regression ([\#11604](https://github.com/matrix-org/matrix-react-sdk/pull/11604)). Fixes #26155.
+
+Changes in [1.11.41](https://github.com/vector-im/element-web/releases/tag/v1.11.41) (2023-09-12)
+=================================================================================================
+
+## 🦖 Deprecations
+ * Deprecate customisations in favour of Module API ([\#25736](https://github.com/vector-im/element-web/pull/25736)). Fixes #25733.
+
+## ✨ Features
+ * Make SVGR icons use forward ref ([\#26082](https://github.com/vector-im/element-web/pull/26082)).
+ * Add support for rendering a custom wrapper around Element ([\#25537](https://github.com/vector-im/element-web/pull/25537)). Contributed by @maheichyk.
+ * Allow creating public knock rooms ([\#11481](https://github.com/matrix-org/matrix-react-sdk/pull/11481)). Contributed by @charlynguyen.
+ * Render custom images in reactions according to MSC4027 ([\#11087](https://github.com/matrix-org/matrix-react-sdk/pull/11087)). Contributed by @sumnerevans.
+ * Introduce room knocks bar ([\#11475](https://github.com/matrix-org/matrix-react-sdk/pull/11475)). Contributed by @charlynguyen.
+ * Room header UI updates ([\#11507](https://github.com/matrix-org/matrix-react-sdk/pull/11507)). Fixes #25892.
+ * Remove green "verified" bar for encrypted events ([\#11496](https://github.com/matrix-org/matrix-react-sdk/pull/11496)).
+ * Update member count on room summary update ([\#11488](https://github.com/matrix-org/matrix-react-sdk/pull/11488)).
+ * Support for E2EE in Element Call  ([\#11492](https://github.com/matrix-org/matrix-react-sdk/pull/11492)).
+ * Allow requesting to join knock rooms via spotlight ([\#11482](https://github.com/matrix-org/matrix-react-sdk/pull/11482)). Contributed by @charlynguyen.
+ * Lock out the first tab if Element is opened in a second tab. ([\#11425](https://github.com/matrix-org/matrix-react-sdk/pull/11425)). Fixes #25157.
+ * Change avatar to use Compound implementation ([\#11448](https://github.com/matrix-org/matrix-react-sdk/pull/11448)).
+
+## 🐛 Bug Fixes
+ * Fix vertical alignment of default avatar font ([\#11582](https://github.com/matrix-org/matrix-react-sdk/pull/11582)). Fixes #26081.
+ * Fix avatars in public room & space search being flex shrunk ([\#11580](https://github.com/matrix-org/matrix-react-sdk/pull/11580)). Fixes #26133.
+ * Fix EventTile avatars being rendered with a size of 0 instead of hidden ([\#11558](https://github.com/matrix-org/matrix-react-sdk/pull/11558)). Fixes #26075.
+ * Fix compound external assets path in bundle ([\#26069](https://github.com/vector-im/element-web/pull/26069)).
+ * Use RoomStateEvent.Update for knocks ([\#11516](https://github.com/matrix-org/matrix-react-sdk/pull/11516)). Contributed by @charlynguyen.
+ * Prevent event propagation when clicking icon buttons ([\#11515](https://github.com/matrix-org/matrix-react-sdk/pull/11515)).
+ * Only display RoomKnocksBar when feature flag is enabled ([\#11513](https://github.com/matrix-org/matrix-react-sdk/pull/11513)). Contributed by @andybalaam.
+ * Fix avatars of knock members for people tab of room settings ([\#11506](https://github.com/matrix-org/matrix-react-sdk/pull/11506)). Fixes #26083. Contributed by @charlynguyen.
+ * Fixes read receipt avatar offset ([\#11483](https://github.com/matrix-org/matrix-react-sdk/pull/11483)). Fixes #26067, #26064 #26059 and #26061.
+ * Fix avatar defects ([\#11473](https://github.com/matrix-org/matrix-react-sdk/pull/11473)). Fixes #26051 and #26046.
+ * Fix consistent avatar output for Percy ([\#11472](https://github.com/matrix-org/matrix-react-sdk/pull/11472)). Fixes #26049 and #26052.
+ * Fix colour of avatar and colour matching with username ([\#11470](https://github.com/matrix-org/matrix-react-sdk/pull/11470)). Fixes #26042.
+ * Fix incompatibility of Soft Logout with Element-R ([\#11468](https://github.com/matrix-org/matrix-react-sdk/pull/11468)).
+ * Fix instances of double translation and guard translation calls using typescript ([\#11443](https://github.com/matrix-org/matrix-react-sdk/pull/11443)).
+
+Changes in [1.11.40](https://github.com/vector-im/element-web/releases/tag/v1.11.40) (2023-08-29)
+=================================================================================================
+
+## ✨ Features
+ * Hide account deactivation for externally managed accounts ([\#11445](https://github.com/matrix-org/matrix-react-sdk/pull/11445)). Fixes #26022. Contributed by @kerryarchibald.
+ * OIDC: Redirect to delegated auth provider when signing out ([\#11432](https://github.com/matrix-org/matrix-react-sdk/pull/11432)). Fixes #26000. Contributed by @kerryarchibald.
+ * Disable 3pid fields in settings when `m.3pid_changes` capability is disabled ([\#11430](https://github.com/matrix-org/matrix-react-sdk/pull/11430)). Fixes #25995. Contributed by @kerryarchibald.
+ * OIDC: disable multi session signout for OIDC-aware servers in session manager ([\#11431](https://github.com/matrix-org/matrix-react-sdk/pull/11431)). Contributed by @kerryarchibald.
+ * Implement updated open dialog method of the Module API ([\#11395](https://github.com/matrix-org/matrix-react-sdk/pull/11395)). Contributed by @dhenneke.
+ * Polish & delabs `Exploring public spaces` feature ([\#11423](https://github.com/matrix-org/matrix-react-sdk/pull/11423)).
+ * Treat lists with a single empty item as plain text, not Markdown. ([\#6833](https://github.com/matrix-org/matrix-react-sdk/pull/6833)). Fixes vector-im/element-meta#1265.
+ * Allow managing room knocks ([\#11404](https://github.com/matrix-org/matrix-react-sdk/pull/11404)). Contributed by @charlynguyen.
+ * Pin the action buttons to the bottom of the scrollable dialogs ([\#11407](https://github.com/matrix-org/matrix-react-sdk/pull/11407)). Contributed by @dhenneke.
+ * Support Matrix 1.1 (drop legacy r0 versions) ([\#9819](https://github.com/matrix-org/matrix-react-sdk/pull/9819)).
+
+## 🐛 Bug Fixes
+ * Fix path separator for Windows based systems ([\#25997](https://github.com/vector-im/element-web/pull/25997)).
+ * Fix instances of double translation and guard translation calls using typescript ([\#11443](https://github.com/matrix-org/matrix-react-sdk/pull/11443)).
+ * Fix export type "Current timeline" to match its behaviour to its name ([\#11426](https://github.com/matrix-org/matrix-react-sdk/pull/11426)). Fixes #25988.
+ * Fix Room Settings > Notifications file upload input being shown superfluously ([\#11415](https://github.com/matrix-org/matrix-react-sdk/pull/11415)). Fixes #18392.
+ * Simplify registration with email validation ([\#11398](https://github.com/matrix-org/matrix-react-sdk/pull/11398)). Fixes #25832 #23601 and #22297.
+ * correct home server URL ([\#11391](https://github.com/matrix-org/matrix-react-sdk/pull/11391)). Fixes #25931. Contributed by @NSV1991.
+ * Include non-matching DMs in Spotlight recent conversations when the DM's userId is part of the search API results ([\#11374](https://github.com/matrix-org/matrix-react-sdk/pull/11374)). Contributed by @mgcm.
+ * Fix useRoomMembers missing updates causing incorrect membership counts ([\#11392](https://github.com/matrix-org/matrix-react-sdk/pull/11392)). Fixes #17096.
+ * Show error when searching public rooms fails ([\#11378](https://github.com/matrix-org/matrix-react-sdk/pull/11378)).
+
+Changes in [1.11.39](https://github.com/vector-im/element-web/releases/tag/v1.11.39) (2023-08-15)
+=================================================================================================
+
+## 🦖 Deprecations
+ * Deprecate camelCase config options ([\#25800](https://github.com/vector-im/element-web/pull/25800)).
+ * Deprecate customisations in favour of Module API ([\#25736](https://github.com/vector-im/element-web/pull/25736)). Fixes #25733.
+
+## ✨ Features
+ * Update labs.md for knock rooms ([\#25923](https://github.com/vector-im/element-web/pull/25923)). Contributed by @charlynguyen.
+ * Package release builds of element-web in package.element.io debs ([\#25198](https://github.com/vector-im/element-web/pull/25198)).
+ * Allow knocking rooms ([\#11353](https://github.com/matrix-org/matrix-react-sdk/pull/11353)). Contributed by @charlynguyen.
+ * Support adding space-restricted joins on rooms not members of those spaces ([\#9017](https://github.com/matrix-org/matrix-react-sdk/pull/9017)). Fixes #19213.
+ * Clear requiresClient and show pop-out if widget-api fails to ready ([\#11321](https://github.com/matrix-org/matrix-react-sdk/pull/11321)). Fixes vector-im/customer-retainer#73.
+ * Bump pagination sizes due to hidden events ([\#11342](https://github.com/matrix-org/matrix-react-sdk/pull/11342)).
+ * Remove display of key backup signatures from backup settings ([\#11333](https://github.com/matrix-org/matrix-react-sdk/pull/11333)).
+ * Use PassphraseFields in ExportE2eKeysDialog to enforce minimum passphrase complexity ([\#11222](https://github.com/matrix-org/matrix-react-sdk/pull/11222)). Fixes #9478.
+
+## 🐛 Bug Fixes
+ * Fix "Export chat" not respecting configured time format in plain text mode ([\#10696](https://github.com/matrix-org/matrix-react-sdk/pull/10696)). Fixes #23838. Contributed by @rashmitpankhania.
+ * Fix some missing 1-count pluralisations around event list summaries ([\#11371](https://github.com/matrix-org/matrix-react-sdk/pull/11371)). Fixes #25925.
+ * Fix create subspace dialog not working for public space creation ([\#11367](https://github.com/matrix-org/matrix-react-sdk/pull/11367)). Fixes #25916.
+ * Search for users on paste ([\#11304](https://github.com/matrix-org/matrix-react-sdk/pull/11304)). Fixes #17523. Contributed by @peterscheu-aceart.
+ * Fix AppTile context menu not always showing up when it has options ([\#11358](https://github.com/matrix-org/matrix-react-sdk/pull/11358)). Fixes #25914.
+ * Fix clicking on home all rooms space notification not working ([\#11337](https://github.com/matrix-org/matrix-react-sdk/pull/11337)). Fixes #22844.
+ * Fix joining a suggested room switching space away ([\#11347](https://github.com/matrix-org/matrix-react-sdk/pull/11347)). Fixes #25838.
+ * Fix home/all rooms context menu in space panel ([\#11350](https://github.com/matrix-org/matrix-react-sdk/pull/11350)). Fixes #25896.
+ * Make keyboard handling in and out of autocomplete completions consistent ([\#11344](https://github.com/matrix-org/matrix-react-sdk/pull/11344)). Fixes #25878.
+ * De-duplicate reactions by sender to account for faulty/malicious servers ([\#11340](https://github.com/matrix-org/matrix-react-sdk/pull/11340)). Fixes #25872.
+ * Fix disable_3pid_login being ignored for the email field ([\#11335](https://github.com/matrix-org/matrix-react-sdk/pull/11335)). Fixes #25863.
+ * Upgrade wysiwyg editor for ctrl+backspace windows fix ([\#11324](https://github.com/matrix-org/matrix-react-sdk/pull/11324)). Fixes vector-im/verticals-internal#102.
+ * Unhide the view source event toggle - it works well enough ([\#11336](https://github.com/matrix-org/matrix-react-sdk/pull/11336)). Fixes #25861.
+
+Changes in [1.11.38](https://github.com/vector-im/element-web/releases/tag/v1.11.38) (2023-08-04)
+=================================================================================================
+
+## ✨ Features
+ * Package release builds of element-web in package.element.io debs ([\#25198](https://github.com/vector-im/element-web/pull/25198)).
+
+## 🐛 Bug Fixes
+ * Revert to using the /presence API for presence ([\#11366](https://github.com/matrix-org/matrix-react-sdk/pull/11366))
+
+Changes in [1.11.37](https://github.com/vector-im/element-web/releases/tag/v1.11.37) (2023-08-01)
+=================================================================================================
+
+## 🦖 Deprecations
+ * Deprecate camelCase config options ([\#25800](https://github.com/vector-im/element-web/pull/25800)).
+ * Deprecate customisations in favour of Module API ([\#25736](https://github.com/vector-im/element-web/pull/25736)). Fixes #25733.
+
+## ✨ Features
+ * Do not show "Forget room" button in Room View header for guest users ([\#10898](https://github.com/matrix-org/matrix-react-sdk/pull/10898)). Contributed by @spantaleev.
+ * Switch to updating presence via /sync calls instead of PUT /presence ([\#11223](https://github.com/matrix-org/matrix-react-sdk/pull/11223)). Fixes #20809 #13877 and #4813.
+ * Fix blockquote colour contrast ([\#11299](https://github.com/matrix-org/matrix-react-sdk/pull/11299)). Fixes matrix-org/element-web-rageshakes#21800.
+ * Don't hide room header buttons in video rooms and rooms with a call ([\#9712](https://github.com/matrix-org/matrix-react-sdk/pull/9712)). Fixes #23900.
+ * OIDC: Persist details in session storage, create store ([\#11302](https://github.com/matrix-org/matrix-react-sdk/pull/11302)). Fixes #25710. Contributed by @kerryarchibald.
+ * Allow setting room join rule to knock ([\#11248](https://github.com/matrix-org/matrix-react-sdk/pull/11248)). Contributed by @charlynguyen.
+ * Retry joins on 524 (Cloudflare timeout) also ([\#11296](https://github.com/matrix-org/matrix-react-sdk/pull/11296)). Fixes #8776.
+ * Make sure users returned by the homeserver search API are displayed. Don't silently drop any. ([\#9556](https://github.com/matrix-org/matrix-react-sdk/pull/9556)). Fixes #24422. Contributed by @maxmalek.
+ * Offer to unban user during invite if inviter has sufficient permissions ([\#11256](https://github.com/matrix-org/matrix-react-sdk/pull/11256)). Fixes #3222.
+ * Split join and goto slash commands, the latter shouldn't auto_join ([\#11259](https://github.com/matrix-org/matrix-react-sdk/pull/11259)). Fixes #10128.
+ * Integration work for rich text editor 2.3.1 ([\#11172](https://github.com/matrix-org/matrix-react-sdk/pull/11172)). Contributed by @alunturner.
+ * Compound color pass ([\#11079](https://github.com/matrix-org/matrix-react-sdk/pull/11079)). Fixes vector-im/internal-planning#450 and #25547.
+ * Warn when demoting self via /op and /deop slash commands ([\#11214](https://github.com/matrix-org/matrix-react-sdk/pull/11214)). Fixes #13726.
+
+## 🐛 Bug Fixes
+ * Correct Jitsi preferred_domain property ([\#25813](https://github.com/vector-im/element-web/pull/25813)). Contributed by @benbz.
+ * Fix edge case with sent indicator being drawn when it shouldn't be ([\#11320](https://github.com/matrix-org/matrix-react-sdk/pull/11320)).
+ * Use correct translation function for WYSIWYG buttons ([\#11315](https://github.com/matrix-org/matrix-react-sdk/pull/11315)). Fixes vector-im/verticals-internal#109.
+ * Handle empty own profile ([\#11319](https://github.com/matrix-org/matrix-react-sdk/pull/11319)). Fixes #25510.
+ * Fix peeked rooms showing up in historical ([\#11316](https://github.com/matrix-org/matrix-react-sdk/pull/11316)). Fixes #22473.
+ * Ensure consistency when rendering the sent event indicator ([\#11314](https://github.com/matrix-org/matrix-react-sdk/pull/11314)). Fixes #17937.
+ * Prevent re-filtering user directory results in spotlight ([\#11290](https://github.com/matrix-org/matrix-react-sdk/pull/11290)). Fixes #24422.
+ * Fix GIF label on dark theme ([\#11312](https://github.com/matrix-org/matrix-react-sdk/pull/11312)). Fixes #25836.
+ * Fix issues around room notification settings flaking out ([\#11306](https://github.com/matrix-org/matrix-react-sdk/pull/11306)). Fixes #16472 #21309 and #6828.
+ * Fix invite dialog showing the same user multiple times ([\#11308](https://github.com/matrix-org/matrix-react-sdk/pull/11308)). Fixes #25578.
+ * Don't show composer send button if user cannot send ([\#11298](https://github.com/matrix-org/matrix-react-sdk/pull/11298)). Fixes #25825.
+ * Restore color for sender in imageview ([\#11289](https://github.com/matrix-org/matrix-react-sdk/pull/11289)). Fixes #25822.
+ * Fix changelog dialog heading size ([\#11286](https://github.com/matrix-org/matrix-react-sdk/pull/11286)). Fixes #25789.
+ * Restore offline presence badge color ([\#11287](https://github.com/matrix-org/matrix-react-sdk/pull/11287)). Fixes #25792.
+ * Fix bubble message layout avatar overlap ([\#11284](https://github.com/matrix-org/matrix-react-sdk/pull/11284)). Fixes #25818.
+ * Fix voice call tile size ([\#11285](https://github.com/matrix-org/matrix-react-sdk/pull/11285)). Fixes #25684.
+ * Fix layout of sessions tab buttons ([\#11279](https://github.com/matrix-org/matrix-react-sdk/pull/11279)). Fixes #25545.
+ * Don't bother showing redundant tooltip on space menu ([\#11276](https://github.com/matrix-org/matrix-react-sdk/pull/11276)). Fixes #20380.
+ * Remove reply fallback from notifications ([\#11278](https://github.com/matrix-org/matrix-react-sdk/pull/11278)). Fixes #17859.
+ * Populate info.duration for audio & video file uploads ([\#11225](https://github.com/matrix-org/matrix-react-sdk/pull/11225)). Fixes #17720.
+ * Hide widget menu button if it there are no options available ([\#11257](https://github.com/matrix-org/matrix-react-sdk/pull/11257)). Fixes #24826.
+ * Fix colour regressions ([\#11273](https://github.com/matrix-org/matrix-react-sdk/pull/11273)). Fixes #25788, #25808 #25811 and #25812.
+ * Fix room view not properly maintaining scroll position ([\#11274](https://github.com/matrix-org/matrix-react-sdk/pull/11274)). Fixes #25810.
+ * Prevent user from accidentally double clicking user info admin actions ([\#11254](https://github.com/matrix-org/matrix-react-sdk/pull/11254)). Fixes #10944.
+ * Fix missing metaspace notification badges ([\#11269](https://github.com/matrix-org/matrix-react-sdk/pull/11269)). Fixes #25679.
+ * Fix clicking MXID in timeline going to matrix.to ([\#11263](https://github.com/matrix-org/matrix-react-sdk/pull/11263)). Fixes #23342.
+ * Restoring optional ligatures by resetting letter-spacing ([\#11202](https://github.com/matrix-org/matrix-react-sdk/pull/11202)). Fixes #25727.
+ * Allow emoji presentation selector to not break BigEmoji styling ([\#11253](https://github.com/matrix-org/matrix-react-sdk/pull/11253)). Fixes #17848.
+ * Make event highliht use primary content token ([\#11255](https://github.com/matrix-org/matrix-react-sdk/pull/11255)).
+ * Fix event info events size and color ([\#11252](https://github.com/matrix-org/matrix-react-sdk/pull/11252)). Fixes #25778.
+ * Fix color mapping for blockquote border ([\#11251](https://github.com/matrix-org/matrix-react-sdk/pull/11251)). Fixes #25782.
+ * Strip emoji variation when searching emoji by emoji ([\#11221](https://github.com/matrix-org/matrix-react-sdk/pull/11221)). Fixes #18703.
+
+Changes in [1.11.36](https://github.com/vector-im/element-web/releases/tag/v1.11.36) (2023-07-18)
+=================================================================================================
+
+## 🔒 Security
+ * Fixes for [CVE-2023-37259](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE-2023-37259) / [GHSA-c9vx-2g7w-rp65](https://github.com/matrix-org/matrix-react-sdk/security/advisories/GHSA-c9vx-2g7w-rp65)
+
+## 🦖 Deprecations
+ * Deprecate customisations in favour of Module API ([\#25736](https://github.com/vector-im/element-web/pull/25736)). Fixes #25733.
+
+## ✨ Features
+ * OIDC: store initial screen in session storage  ([\#25688](https://github.com/vector-im/element-web/pull/25688)). Fixes #25656. Contributed by @kerryarchibald.
+ * Allow default_server_config as a fallback config ([\#25682](https://github.com/vector-im/element-web/pull/25682)). Contributed by @ShadowRZ.
+ * OIDC: remove auth params from url after login attempt ([\#25664](https://github.com/vector-im/element-web/pull/25664)). Contributed by @kerryarchibald.
+ * feat(faq): remove keyboard shortcuts button ([\#9342](https://github.com/matrix-org/matrix-react-sdk/pull/9342)). Fixes #22625. Contributed by @gefgu.
+ * GYU: Update banner ([\#11211](https://github.com/matrix-org/matrix-react-sdk/pull/11211)). Fixes #25530. Contributed by @justjanne.
+ * Linkify mxc:// URLs as links to your media repo ([\#11213](https://github.com/matrix-org/matrix-react-sdk/pull/11213)). Fixes #6942.
+ * OIDC: Log in ([\#11199](https://github.com/matrix-org/matrix-react-sdk/pull/11199)). Fixes #25657. Contributed by @kerryarchibald.
+ * Handle all permitted url schemes in linkify ([\#11215](https://github.com/matrix-org/matrix-react-sdk/pull/11215)). Fixes #4457 and #8720.
+ * Autoapprove Element Call oidc requests ([\#11209](https://github.com/matrix-org/matrix-react-sdk/pull/11209)). Contributed by @toger5.
+ * Allow creating knock rooms ([\#11182](https://github.com/matrix-org/matrix-react-sdk/pull/11182)). Contributed by @charlynguyen.
+ * Expose and pre-populate thread ID in devtools dialog ([\#10953](https://github.com/matrix-org/matrix-react-sdk/pull/10953)).
+ * Hide URL preview if it will be empty ([\#9029](https://github.com/matrix-org/matrix-react-sdk/pull/9029)).
+ * Change wording from avatar to profile picture ([\#7015](https://github.com/matrix-org/matrix-react-sdk/pull/7015)). Fixes vector-im/element-meta#1331. Contributed by @aaronraimist.
+ * Quick and dirty devtool to explore state history ([\#11197](https://github.com/matrix-org/matrix-react-sdk/pull/11197)).
+ * Consider more user inputs when calculating zxcvbn score ([\#11180](https://github.com/matrix-org/matrix-react-sdk/pull/11180)).
+ * GYU: Account Notification Settings ([\#11008](https://github.com/matrix-org/matrix-react-sdk/pull/11008)). Fixes #24567. Contributed by @justjanne.
+ * Compound Typography pass ([\#11103](https://github.com/matrix-org/matrix-react-sdk/pull/11103)). Fixes #25548.
+ * OIDC: navigate to authorization endpoint ([\#11096](https://github.com/matrix-org/matrix-react-sdk/pull/11096)). Fixes #25574. Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Fix read receipt sending behaviour around thread roots ([\#3600](https://github.com/matrix-org/matrix-js-sdk/pull/3600)).
+ * Fix missing metaspace notification badges ([\#11269](https://github.com/matrix-org/matrix-react-sdk/pull/11269)). Fixes #25679.
+ * Make checkboxes less rounded ([\#11224](https://github.com/matrix-org/matrix-react-sdk/pull/11224)). Contributed by @andybalaam.
+ * GYU: Fix issues with audible keywords without activated mentions ([\#11218](https://github.com/matrix-org/matrix-react-sdk/pull/11218)). Contributed by @justjanne.
+ * PosthogAnalytics unwatch settings on logout ([\#11207](https://github.com/matrix-org/matrix-react-sdk/pull/11207)). Fixes #25703.
+ * Avoid trying to set room account data for pinned events as guest ([\#11216](https://github.com/matrix-org/matrix-react-sdk/pull/11216)). Fixes #6300.
+ * GYU: Disable sound for DMs checkbox when DM notifications are disabled ([\#11210](https://github.com/matrix-org/matrix-react-sdk/pull/11210)). Contributed by @justjanne.
+ * force to allow calls without video and audio in embedded mode ([\#11131](https://github.com/matrix-org/matrix-react-sdk/pull/11131)). Contributed by @EnricoSchw.
+ * Fix room tile text clipping ([\#11196](https://github.com/matrix-org/matrix-react-sdk/pull/11196)). Fixes #25718.
+ * Handle newlines in user pills ([\#11166](https://github.com/matrix-org/matrix-react-sdk/pull/11166)). Fixes #10994.
+ * Limit width of user menu in space panel ([\#11192](https://github.com/matrix-org/matrix-react-sdk/pull/11192)). Fixes #22627.
+ * Add isLocation to ComposerEvent analytics events ([\#11187](https://github.com/matrix-org/matrix-react-sdk/pull/11187)). Contributed by @andybalaam.
+ * Fix: hide unsupported login elements ([\#11185](https://github.com/matrix-org/matrix-react-sdk/pull/11185)). Fixes #25711. Contributed by @kerryarchibald.
+ * Scope smaller font size to user info panel ([\#11178](https://github.com/matrix-org/matrix-react-sdk/pull/11178)). Fixes #25683.
+ * Apply i18n to strings in the html export ([\#11176](https://github.com/matrix-org/matrix-react-sdk/pull/11176)).
+ * Inhibit url previews on MXIDs containing slashes same as those without ([\#11160](https://github.com/matrix-org/matrix-react-sdk/pull/11160)).
+ * Make event info size consistent with state events ([\#11181](https://github.com/matrix-org/matrix-react-sdk/pull/11181)).
+ * Fix markdown content spacing ([\#11177](https://github.com/matrix-org/matrix-react-sdk/pull/11177)). Fixes #25685.
+ * Fix font-family definition for emojis ([\#11170](https://github.com/matrix-org/matrix-react-sdk/pull/11170)). Fixes #25686.
+ * Fix spurious error sending receipt in thread errors ([\#11157](https://github.com/matrix-org/matrix-react-sdk/pull/11157)).
+ * Consider the empty push rule actions array equiv to deprecated dont_notify ([\#11155](https://github.com/matrix-org/matrix-react-sdk/pull/11155)). Fixes #25674.
+ * Only trap escape key for cancel reply if there is a reply ([\#11140](https://github.com/matrix-org/matrix-react-sdk/pull/11140)). Fixes #25640.
+ * Update linkify to 4.1.1 ([\#11132](https://github.com/matrix-org/matrix-react-sdk/pull/11132)). Fixes #23806.
+
+Changes in [1.11.35](https://github.com/vector-im/element-web/releases/tag/v1.11.35) (2023-07-04)
+=================================================================================================
+
+## 🦖 Deprecations
+ * Remove `feature_favourite_messages` as it is has been abandoned for now ([\#11097](https://github.com/matrix-org/matrix-react-sdk/pull/11097)). Fixes #25555.
+
+## ✨ Features
+ * Don't setup keys on login when encryption is force disabled ([\#11125](https://github.com/matrix-org/matrix-react-sdk/pull/11125)). Contributed by @kerryarchibald.
+ * OIDC: attempt dynamic client registration ([\#11074](https://github.com/matrix-org/matrix-react-sdk/pull/11074)). Fixes #25468 and #25467. Contributed by @kerryarchibald.
+ * OIDC: Check static client registration and add login flow ([\#11088](https://github.com/matrix-org/matrix-react-sdk/pull/11088)). Fixes #25467. Contributed by @kerryarchibald.
+ * Improve message body output from plain text editor ([\#11124](https://github.com/matrix-org/matrix-react-sdk/pull/11124)). Contributed by @alunturner.
+ * Disable encryption toggle in room settings when force disabled ([\#11122](https://github.com/matrix-org/matrix-react-sdk/pull/11122)). Contributed by @kerryarchibald.
+ * Add .well-known config option to force disable encryption on room creation ([\#11120](https://github.com/matrix-org/matrix-react-sdk/pull/11120)). Contributed by @kerryarchibald.
+ * Handle permalinks in room topic ([\#11115](https://github.com/matrix-org/matrix-react-sdk/pull/11115)). Fixes #23395.
+ * Add at room avatar for RTE ([\#11106](https://github.com/matrix-org/matrix-react-sdk/pull/11106)). Contributed by @alunturner.
+ * Remove new room breadcrumbs ([\#11104](https://github.com/matrix-org/matrix-react-sdk/pull/11104)).
+ * Update rich text editor dependency and associated changes ([\#11098](https://github.com/matrix-org/matrix-react-sdk/pull/11098)). Contributed by @alunturner.
+ * Implement new model, hooks and reconcilation code for new GYU notification settings ([\#11089](https://github.com/matrix-org/matrix-react-sdk/pull/11089)). Contributed by @justjanne.
+ * Allow maintaining a different right panel width for thread panels ([\#11064](https://github.com/matrix-org/matrix-react-sdk/pull/11064)). Fixes #25487.
+ * Make AppPermission pane scrollable ([\#10954](https://github.com/matrix-org/matrix-react-sdk/pull/10954)). Fixes #25438 and #25511. Contributed by @luixxiul.
+ * Integrate compound design tokens ([\#11091](https://github.com/matrix-org/matrix-react-sdk/pull/11091)). Fixes vector-im/internal-planning#450.
+ * Don't warn about the effects of redacting state events when redacting non-state-events ([\#11071](https://github.com/matrix-org/matrix-react-sdk/pull/11071)). Fixes #8478.
+ * Allow specifying help URLs in config.json ([\#11070](https://github.com/matrix-org/matrix-react-sdk/pull/11070)). Fixes #15268.
+
+## 🐛 Bug Fixes
+ * Fix error when generating error for polling for updates ([\#25609](https://github.com/vector-im/element-web/pull/25609)).
+ * Fix spurious notifications on non-live events ([\#11133](https://github.com/matrix-org/matrix-react-sdk/pull/11133)). Fixes #24336.
+ * Prevent auto-translation within composer ([\#11114](https://github.com/matrix-org/matrix-react-sdk/pull/11114)). Fixes #25624.
+ * Fix caret jump when backspacing into empty line at beginning of editor ([\#11128](https://github.com/matrix-org/matrix-react-sdk/pull/11128)). Fixes #22335.
+ * Fix server picker not allowing you to switch from custom to default ([\#11127](https://github.com/matrix-org/matrix-react-sdk/pull/11127)). Fixes #25650.
+ * Consider the unthreaded read receipt for Unread dot state ([\#11117](https://github.com/matrix-org/matrix-react-sdk/pull/11117)). Fixes #24229.
+ * Increase RTE resilience ([\#11111](https://github.com/matrix-org/matrix-react-sdk/pull/11111)). Fixes #25277. Contributed by @alunturner.
+ * Fix RoomView ignoring alias lookup errors due to them not knowing the roomId ([\#11099](https://github.com/matrix-org/matrix-react-sdk/pull/11099)). Fixes #24783 and #25562.
+ * Fix style inconsistencies on SecureBackupPanel ([\#11102](https://github.com/matrix-org/matrix-react-sdk/pull/11102)). Fixes #25615. Contributed by @luixxiul.
+ * Remove unknown MXIDs from invite suggestions ([\#11055](https://github.com/matrix-org/matrix-react-sdk/pull/11055)). Fixes #25446.
+ * Reduce volume of ring sounds to normalised levels ([\#9143](https://github.com/matrix-org/matrix-react-sdk/pull/9143)). Contributed by @JMoVS.
+ * Fix slash commands not being enabled in certain cases ([\#11090](https://github.com/matrix-org/matrix-react-sdk/pull/11090)). Fixes #25572.
+ * Prevent escape in threads from sending focus to main timeline composer ([\#11061](https://github.com/matrix-org/matrix-react-sdk/pull/11061)). Fixes #23397.
+
+Changes in [1.11.34](https://github.com/vector-im/element-web/releases/tag/v1.11.34) (2023-06-20)
+=================================================================================================
+
+## ✨ Features
+ * OIDC: add delegatedauthentication to validated server config ([\#11053](https://github.com/matrix-org/matrix-react-sdk/pull/11053)). Contributed by @kerryarchibald.
+ * Allow image pasting in plain mode in RTE ([\#11056](https://github.com/matrix-org/matrix-react-sdk/pull/11056)). Contributed by @alunturner.
+ * Show room options menu if "UIComponent.roomOptionsMenu" is enabled ([\#10365](https://github.com/matrix-org/matrix-react-sdk/pull/10365)). Contributed by @maheichyk.
+ * Allow image pasting in rich text mode in RTE ([\#11049](https://github.com/matrix-org/matrix-react-sdk/pull/11049)). Contributed by @alunturner.
+ * Update voice broadcast redaction to use MSC3912 `with_rel_type` instead of `with_relations` ([\#11014](https://github.com/matrix-org/matrix-react-sdk/pull/11014)). Fixes #25471.
+ * Add config to skip widget_build_url for DM rooms ([\#11044](https://github.com/matrix-org/matrix-react-sdk/pull/11044)). Fixes vector-im/customer-retainer#74.
+ * Inhibit interactions on forward dialog message previews ([\#11025](https://github.com/matrix-org/matrix-react-sdk/pull/11025)). Fixes #23459.
+ * Removed `DecryptionFailureBar.tsx` ([\#11027](https://github.com/matrix-org/matrix-react-sdk/pull/11027)). Fixes vector-im/element-meta#1358. Contributed by @florianduros.
+
+## 🐛 Bug Fixes
+ * Fix translucent `TextualEvent` on search results panel ([\#10810](https://github.com/matrix-org/matrix-react-sdk/pull/10810)). Fixes #25292. Contributed by @luixxiul.
+ * Matrix matrix scheme permalink constructor not stripping query params ([\#11060](https://github.com/matrix-org/matrix-react-sdk/pull/11060)). Fixes #25535.
+ * Fix: "manually verify by text" does nothing ([\#11059](https://github.com/matrix-org/matrix-react-sdk/pull/11059)). Fixes #25375. Contributed by @kerryarchibald.
+ * Make group calls respect the ICE fallback setting ([\#11047](https://github.com/matrix-org/matrix-react-sdk/pull/11047)). Fixes vector-im/voip-internal#65.
+ * Align list items on the tooltip to the start ([\#11041](https://github.com/matrix-org/matrix-react-sdk/pull/11041)). Fixes #25355. Contributed by @luixxiul.
+ * Clear thread panel event permalink when changing rooms ([\#11024](https://github.com/matrix-org/matrix-react-sdk/pull/11024)). Fixes #25484.
+ * Fix spinner placement on pinned widgets being reloaded ([\#10970](https://github.com/matrix-org/matrix-react-sdk/pull/10970)). Fixes #25431. Contributed by @luixxiul.
+
+Changes in [1.11.33](https://github.com/vector-im/element-web/releases/tag/v1.11.33) (2023-06-09)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Bump matrix-react-sdk to v3.73.1 for matrix-js-sdk v26.0.1. Fixes #25526.
+
+Changes in [1.11.32](https://github.com/vector-im/element-web/releases/tag/v1.11.32) (2023-06-06)
+=================================================================================================
+
+## ✨ Features
+ * Redirect to the SSO page if `sso_redirect_options.on_welcome_page` is enabled and the URL hash is empty ([\#25495](https://github.com/vector-im/element-web/pull/25495)). Contributed by @dhenneke.
+ * vector/index.html: Allow fetching blob urls ([\#25336](https://github.com/vector-im/element-web/pull/25336)). Contributed by @SuperKenVery.
+ * When joining room in sub-space join the parents too ([\#11011](https://github.com/matrix-org/matrix-react-sdk/pull/11011)).
+ * Include thread replies in message previews ([\#10631](https://github.com/matrix-org/matrix-react-sdk/pull/10631)). Fixes #23920.
+ * Use semantic headings in space preferences ([\#11021](https://github.com/matrix-org/matrix-react-sdk/pull/11021)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings - Ignored users ([\#11006](https://github.com/matrix-org/matrix-react-sdk/pull/11006)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings - profile ([\#10973](https://github.com/matrix-org/matrix-react-sdk/pull/10973)). Fixes #25461. Contributed by @kerryarchibald.
+ * Use semantic headings in user settings - account ([\#10972](https://github.com/matrix-org/matrix-react-sdk/pull/10972)). Contributed by @kerryarchibald.
+ * Support `Insert from iPhone or iPad` in Safari ([\#10851](https://github.com/matrix-org/matrix-react-sdk/pull/10851)). Fixes #25327. Contributed by @SuperKenVery.
+ * Specify supportedStages for User Interactive Auth ([\#10975](https://github.com/matrix-org/matrix-react-sdk/pull/10975)). Fixes #19605.
+ * Pass device id to widgets ([\#10209](https://github.com/matrix-org/matrix-react-sdk/pull/10209)). Contributed by @Fox32.
+ * Use semantic headings in user settings - discovery ([\#10838](https://github.com/matrix-org/matrix-react-sdk/pull/10838)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings -  Notifications ([\#10948](https://github.com/matrix-org/matrix-react-sdk/pull/10948)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings - spellcheck and language ([\#10959](https://github.com/matrix-org/matrix-react-sdk/pull/10959)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings Appearance ([\#10827](https://github.com/matrix-org/matrix-react-sdk/pull/10827)). Contributed by @kerryarchibald.
+ * Use semantic heading in user settings Sidebar & Voip ([\#10782](https://github.com/matrix-org/matrix-react-sdk/pull/10782)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings Security ([\#10774](https://github.com/matrix-org/matrix-react-sdk/pull/10774)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings - integrations and account deletion ([\#10837](https://github.com/matrix-org/matrix-react-sdk/pull/10837)). Fixes #25378. Contributed by @kerryarchibald.
+ * Use semantic headings in user settings Preferences ([\#10794](https://github.com/matrix-org/matrix-react-sdk/pull/10794)). Contributed by @kerryarchibald.
+ * Use semantic headings in user settings Keyboard ([\#10793](https://github.com/matrix-org/matrix-react-sdk/pull/10793)). Contributed by @kerryarchibald.
+ * RTE plain text mentions as pills ([\#10852](https://github.com/matrix-org/matrix-react-sdk/pull/10852)). Contributed by @alunturner.
+ * Allow welcome.html logo to be replaced by config ([\#25339](https://github.com/vector-im/element-web/pull/25339)). Fixes #8636.
+ * Use semantic headings in user settings Labs ([\#10773](https://github.com/matrix-org/matrix-react-sdk/pull/10773)). Contributed by @kerryarchibald.
+ * Use semantic list elements for menu lists and tab lists ([\#10902](https://github.com/matrix-org/matrix-react-sdk/pull/10902)). Fixes #24928.
+ * Fix aria-required-children axe violation ([\#10900](https://github.com/matrix-org/matrix-react-sdk/pull/10900)). Fixes #25342.
+ * Enable pagination for overlay timelines ([\#10757](https://github.com/matrix-org/matrix-react-sdk/pull/10757)). Fixes vector-im/voip-internal#107.
+ * Add tooltip to disabled invite button due to lack of permissions ([\#10869](https://github.com/matrix-org/matrix-react-sdk/pull/10869)). Fixes #9824.
+ * Respect configured auth_header_logo_url for default Welcome page ([\#10870](https://github.com/matrix-org/matrix-react-sdk/pull/10870)).
+ * Specify lazy loading for avatars ([\#10866](https://github.com/matrix-org/matrix-react-sdk/pull/10866)). Fixes #1983.
+ * Room and user mentions for plain text editor ([\#10665](https://github.com/matrix-org/matrix-react-sdk/pull/10665)). Contributed by @alunturner.
+ * Add audible notifcation on broadcast error ([\#10654](https://github.com/matrix-org/matrix-react-sdk/pull/10654)). Fixes #25132.
+ * Fall back from server generated thumbnail to original image ([\#10853](https://github.com/matrix-org/matrix-react-sdk/pull/10853)).
+ * Use semantically correct elements for room sublist context menu ([\#10831](https://github.com/matrix-org/matrix-react-sdk/pull/10831)). Fixes vector-im/customer-retainer#46.
+ * Avoid calling prepareToEncrypt onKeyDown ([\#10828](https://github.com/matrix-org/matrix-react-sdk/pull/10828)).
+ * Allows search to recognize full room links ([\#8275](https://github.com/matrix-org/matrix-react-sdk/pull/8275)). Contributed by @bolu-tife.
+ * "Show rooms with unread messages first" should not be on by default for new users ([\#10820](https://github.com/matrix-org/matrix-react-sdk/pull/10820)). Fixes #25304. Contributed by @kerryarchibald.
+ * Fix emitter handler leak in ThreadView ([\#10803](https://github.com/matrix-org/matrix-react-sdk/pull/10803)).
+ * Add better error for email invites without identity server ([\#10739](https://github.com/matrix-org/matrix-react-sdk/pull/10739)). Fixes #16893.
+ * Move reaction message previews out of labs ([\#10601](https://github.com/matrix-org/matrix-react-sdk/pull/10601)). Fixes #25083.
+ * Sort muted rooms to the bottom of their section of the room list ([\#10592](https://github.com/matrix-org/matrix-react-sdk/pull/10592)). Fixes #25131. Contributed by @kerryarchibald.
+ * Use semantic headings in user settings Help & About ([\#10752](https://github.com/matrix-org/matrix-react-sdk/pull/10752)). Contributed by @kerryarchibald.
+ * use ExternalLink components for external links ([\#10758](https://github.com/matrix-org/matrix-react-sdk/pull/10758)). Contributed by @kerryarchibald.
+ * Use semantic headings in space settings ([\#10751](https://github.com/matrix-org/matrix-react-sdk/pull/10751)). Contributed by @kerryarchibald.
+ * Use semantic headings for room settings content ([\#10734](https://github.com/matrix-org/matrix-react-sdk/pull/10734)). Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Use consistent fonts for Japanese text ([\#10980](https://github.com/matrix-org/matrix-react-sdk/pull/10980)). Fixes #22333 and #23899.
+ * Fix: server picker validates unselected option ([\#11020](https://github.com/matrix-org/matrix-react-sdk/pull/11020)). Fixes #25488. Contributed by @kerryarchibald.
+ * Fix room list notification badges going missing in compact layout ([\#11022](https://github.com/matrix-org/matrix-react-sdk/pull/11022)). Fixes #25372.
+ * Fix call to `startSingleSignOn` passing enum in place of idpId ([\#10998](https://github.com/matrix-org/matrix-react-sdk/pull/10998)). Fixes #24953.
+ * Remove hover effect from user name on a DM creation UI ([\#10887](https://github.com/matrix-org/matrix-react-sdk/pull/10887)). Fixes #25305. Contributed by @luixxiul.
+ * Fix layout regression in public space invite dialog ([\#11009](https://github.com/matrix-org/matrix-react-sdk/pull/11009)). Fixes #25458.
+ * Fix layout regression in session dropdown ([\#10999](https://github.com/matrix-org/matrix-react-sdk/pull/10999)). Fixes #25448.
+ * Fix spacing regression in user settings - roles & permissions ([\#10993](https://github.com/matrix-org/matrix-react-sdk/pull/10993)). Fixes #25447 and #25451. Contributed by @kerryarchibald.
+ * Fall back to receipt timestamp if we have no event (react-sdk part) ([\#10974](https://github.com/matrix-org/matrix-react-sdk/pull/10974)). Fixes #10954. Contributed by @andybalaam.
+ * Fix: Room header 'view your device list' does not link to new session manager ([\#10979](https://github.com/matrix-org/matrix-react-sdk/pull/10979)). Fixes #25440. Contributed by @kerryarchibald.
+ * Fix display of devices without encryption support in Settings dialog ([\#10977](https://github.com/matrix-org/matrix-react-sdk/pull/10977)). Fixes #25413.
+ * Use aria descriptions instead of labels for TextWithTooltip ([\#10952](https://github.com/matrix-org/matrix-react-sdk/pull/10952)). Fixes #25398.
+ * Use grapheme-splitter instead of lodash for saving emoji from being ripped apart ([\#10976](https://github.com/matrix-org/matrix-react-sdk/pull/10976)). Fixes #22196.
+ * Fix: content overflow in settings subsection ([\#10960](https://github.com/matrix-org/matrix-react-sdk/pull/10960)). Fixes #25416. Contributed by @kerryarchibald.
+ * Make `Privacy Notice` external link on integration manager ToS clickable ([\#10914](https://github.com/matrix-org/matrix-react-sdk/pull/10914)). Fixes #25384. Contributed by @luixxiul.
+ * Ensure that open message context menus are updated when the event is sent ([\#10950](https://github.com/matrix-org/matrix-react-sdk/pull/10950)).
+ * Ensure that open sticker picker dialogs are updated when the widget configuration is updated. ([\#10945](https://github.com/matrix-org/matrix-react-sdk/pull/10945)).
+ * Fix big emoji in replies ([\#10932](https://github.com/matrix-org/matrix-react-sdk/pull/10932)). Fixes #24798.
+ * Hide empty `MessageActionBar` on message edit history dialog ([\#10447](https://github.com/matrix-org/matrix-react-sdk/pull/10447)). Fixes #24903. Contributed by @luixxiul.
+ * Fix roving tab index getting confused after dragging space order ([\#10901](https://github.com/matrix-org/matrix-react-sdk/pull/10901)).
+ * Attempt a potential workaround for stuck notifs ([\#3384](https://github.com/matrix-org/matrix-js-sdk/pull/3384)). Fixes vector-im/element-web#25406. Contributed by @andybalaam.
+ * Handle trailing dot FQDNs for domain-specific config.json files ([\#25351](https://github.com/vector-im/element-web/pull/25351)). Fixes #8858.
+ * Ignore edits in message previews when they concern messages other than latest ([\#10868](https://github.com/matrix-org/matrix-react-sdk/pull/10868)). Fixes #14872.
+ * Send correct receipts when viewing a room ([\#10864](https://github.com/matrix-org/matrix-react-sdk/pull/10864)). Fixes #25196.
+ * Fix timeline search bar being overlapped by the right panel ([\#10809](https://github.com/matrix-org/matrix-react-sdk/pull/10809)). Fixes #25291. Contributed by @luixxiul.
+ * Fix the state shown for call in rooms ([\#10833](https://github.com/matrix-org/matrix-react-sdk/pull/10833)).
+ * Add string for membership event where both displayname & avatar change ([\#10880](https://github.com/matrix-org/matrix-react-sdk/pull/10880)). Fixes #18026.
+ * Fix people space notification badge not updating for new DM invites ([\#10849](https://github.com/matrix-org/matrix-react-sdk/pull/10849)). Fixes #23248.
+ * Fix regression in emoji picker order mangling after clearing filter ([\#10854](https://github.com/matrix-org/matrix-react-sdk/pull/10854)). Fixes #25323.
+ * Fix: Edit history modal crash ([\#10834](https://github.com/matrix-org/matrix-react-sdk/pull/10834)). Fixes #25309. Contributed by @kerryarchibald.
+ * Fix long room address and name not being clipped on room info card and update `_RoomSummaryCard.pcss` ([\#10811](https://github.com/matrix-org/matrix-react-sdk/pull/10811)). Fixes #25293. Contributed by @luixxiul.
+ * Treat thumbnail upload failures as complete upload failures ([\#10829](https://github.com/matrix-org/matrix-react-sdk/pull/10829)). Fixes #7069.
+ * Update finite automata to match user identifiers as per spec ([\#10798](https://github.com/matrix-org/matrix-react-sdk/pull/10798)). Fixes #25246.
+ * Fix icon on empty notification panel ([\#10817](https://github.com/matrix-org/matrix-react-sdk/pull/10817)). Fixes #25298 and #25302. Contributed by @luixxiul.
+ * Fix: Threads button is highlighted when I create a new room ([\#10819](https://github.com/matrix-org/matrix-react-sdk/pull/10819)). Fixes #25284. Contributed by @kerryarchibald.
+ * Fix the top heading of notification panel ([\#10818](https://github.com/matrix-org/matrix-react-sdk/pull/10818)). Fixes #25303. Contributed by @luixxiul.
+ * Fix the color of the verified E2EE icon on `RoomSummaryCard` ([\#10812](https://github.com/matrix-org/matrix-react-sdk/pull/10812)). Fixes #25295. Contributed by @luixxiul.
+ * Fix: No feedback when waiting for the server on a /delete_devices request with SSO ([\#10795](https://github.com/matrix-org/matrix-react-sdk/pull/10795)). Fixes #23096. Contributed by @kerryarchibald.
+ * Fix: reveal images when image previews are disabled ([\#10781](https://github.com/matrix-org/matrix-react-sdk/pull/10781)). Fixes #25271. Contributed by @kerryarchibald.
+ * Fix accessibility issues around the room list and space panel ([\#10717](https://github.com/matrix-org/matrix-react-sdk/pull/10717)). Fixes #13345.
+ * Ensure tooltip contents is linked via aria to the target element ([\#10729](https://github.com/matrix-org/matrix-react-sdk/pull/10729)). Fixes vector-im/customer-retainer#43.
+
+Changes in [1.11.31](https://github.com/vector-im/element-web/releases/tag/v1.11.31) (2023-05-10)
+=================================================================================================
+
+## ✨ Features
+ * Improve Content-Security-Policy ([\#25210](https://github.com/vector-im/element-web/pull/25210)).
+ * Add UIFeature.locationSharing to hide location sharing ([\#10727](https://github.com/matrix-org/matrix-react-sdk/pull/10727)).
+ * Memoize field validation results ([\#10714](https://github.com/matrix-org/matrix-react-sdk/pull/10714)).
+ * Commands for plain text editor ([\#10567](https://github.com/matrix-org/matrix-react-sdk/pull/10567)). Contributed by @alunturner.
+ * Allow 16 lines of text in the rich text editors ([\#10670](https://github.com/matrix-org/matrix-react-sdk/pull/10670)). Contributed by @alunturner.
+ * Bail out of `RoomSettingsDialog` when room is not found ([\#10662](https://github.com/matrix-org/matrix-react-sdk/pull/10662)). Contributed by @kerryarchibald.
+ * Element-R: Populate device list for right-panel ([\#10671](https://github.com/matrix-org/matrix-react-sdk/pull/10671)). Contributed by @florianduros.
+ * Make existing and new issue URLs configurable ([\#10710](https://github.com/matrix-org/matrix-react-sdk/pull/10710)). Fixes #24424.
+ * Fix usages of ARIA tabpanel ([\#10628](https://github.com/matrix-org/matrix-react-sdk/pull/10628)). Fixes #25016.
+ * Element-R: Starting a DMs with a user ([\#10673](https://github.com/matrix-org/matrix-react-sdk/pull/10673)). Contributed by @florianduros.
+ * ARIA Accessibility improvements ([\#10675](https://github.com/matrix-org/matrix-react-sdk/pull/10675)).
+ * ARIA Accessibility improvements ([\#10674](https://github.com/matrix-org/matrix-react-sdk/pull/10674)).
+ * Add arrow key controls to emoji and reaction pickers ([\#10637](https://github.com/matrix-org/matrix-react-sdk/pull/10637)). Fixes #17189.
+ * Translate credits in help about section ([\#10676](https://github.com/matrix-org/matrix-react-sdk/pull/10676)).
+
+## 🐛 Bug Fixes
+ * Fix: reveal images when image previews are disabled ([\#10781](https://github.com/matrix-org/matrix-react-sdk/pull/10781)). Fixes #25271. Contributed by @kerryarchibald.
+ * Fix autocomplete not resetting properly on message send ([\#10741](https://github.com/matrix-org/matrix-react-sdk/pull/10741)). Fixes #25170.
+ * Fix start_sso not working with guests disabled ([\#10720](https://github.com/matrix-org/matrix-react-sdk/pull/10720)). Fixes #16624.
+ * Fix soft crash with Element call widgets ([\#10684](https://github.com/matrix-org/matrix-react-sdk/pull/10684)).
+ * Send correct receipt when marking a room as read ([\#10730](https://github.com/matrix-org/matrix-react-sdk/pull/10730)). Fixes #25207.
+ * Offload some more waveform processing onto a worker ([\#9223](https://github.com/matrix-org/matrix-react-sdk/pull/9223)). Fixes #19756.
+ * Consolidate login errors ([\#10722](https://github.com/matrix-org/matrix-react-sdk/pull/10722)). Fixes #17520.
+ * Fix all rooms search generating permalinks to wrong room id ([\#10625](https://github.com/matrix-org/matrix-react-sdk/pull/10625)). Fixes #25115.
+ * Posthog properly handle Analytics ID changing from under us ([\#10702](https://github.com/matrix-org/matrix-react-sdk/pull/10702)). Fixes #25187.
+ * Fix Clock being read as an absolute time rather than duration ([\#10706](https://github.com/matrix-org/matrix-react-sdk/pull/10706)). Fixes #22582.
+ * Properly translate errors in `ChangePassword.tsx` so they show up translated to the user but not in our logs ([\#10615](https://github.com/matrix-org/matrix-react-sdk/pull/10615)). Fixes #9597. Contributed by @MadLittleMods.
+ * Honour feature toggles in guest mode ([\#10651](https://github.com/matrix-org/matrix-react-sdk/pull/10651)). Fixes #24513. Contributed by @andybalaam.
+ * Fix default content in devtools event sender ([\#10699](https://github.com/matrix-org/matrix-react-sdk/pull/10699)). Contributed by @tulir.
+ * Fix a crash when a call ends while you're in it ([\#10681](https://github.com/matrix-org/matrix-react-sdk/pull/10681)). Fixes #25153.
+ * Fix lack of screen reader indication when triggering auto complete ([\#10664](https://github.com/matrix-org/matrix-react-sdk/pull/10664)). Fixes #11011.
+ * Fix typing tile duplicating users ([\#10678](https://github.com/matrix-org/matrix-react-sdk/pull/10678)). Fixes #25165.
+ * Fix wrong room topic tooltip position ([\#10667](https://github.com/matrix-org/matrix-react-sdk/pull/10667)). Fixes #25158.
+ * Fix create subspace dialog not working ([\#10652](https://github.com/matrix-org/matrix-react-sdk/pull/10652)). Fixes #24882.
+
+Changes in [1.11.30](https://github.com/vector-im/element-web/releases/tag/v1.11.30) (2023-04-25)
+=================================================================================================
+
+## 🔒 Security
+ * Fixes for [CVE-2023-30609](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE-2023-30609) / GHSA-xv83-x443-7rmw
+
+## ✨ Features
+ * Pick sensible default option for phone country dropdown ([\#10627](https://github.com/matrix-org/matrix-react-sdk/pull/10627)). Fixes #3528.
+ * Relate field validation tooltip via aria-describedby ([\#10522](https://github.com/matrix-org/matrix-react-sdk/pull/10522)). Fixes #24963.
+ * Handle more completion types in rte autocomplete ([\#10560](https://github.com/matrix-org/matrix-react-sdk/pull/10560)). Contributed by @alunturner.
+ * Show a tile for an unloaded predecessor room if it has via_servers ([\#10483](https://github.com/matrix-org/matrix-react-sdk/pull/10483)). Contributed by @andybalaam.
+ * Exclude message timestamps from aria live region ([\#10584](https://github.com/matrix-org/matrix-react-sdk/pull/10584)). Fixes #5696.
+ * Make composer format bar an aria toolbar ([\#10583](https://github.com/matrix-org/matrix-react-sdk/pull/10583)). Fixes #11283.
+ * Improve accessibility of font slider ([\#10473](https://github.com/matrix-org/matrix-react-sdk/pull/10473)). Fixes #20168 and #24962.
+ * fix file size display from kB to KB ([\#10561](https://github.com/matrix-org/matrix-react-sdk/pull/10561)). Fixes #24866. Contributed by @NSV1991.
+ * Handle /me in rte ([\#10558](https://github.com/matrix-org/matrix-react-sdk/pull/10558)). Contributed by @alunturner.
+ * bind html with switch for manage extension setting option ([\#10553](https://github.com/matrix-org/matrix-react-sdk/pull/10553)). Contributed by @NSV1991.
+ * Handle command completions in RTE ([\#10521](https://github.com/matrix-org/matrix-react-sdk/pull/10521)). Contributed by @alunturner.
+ * Add room and user avatars to rte ([\#10497](https://github.com/matrix-org/matrix-react-sdk/pull/10497)). Contributed by @alunturner.
+ * Support for MSC3882 revision 1 ([\#10443](https://github.com/matrix-org/matrix-react-sdk/pull/10443)). Contributed by @hughns.
+ * Check profiles before starting a DM ([\#10472](https://github.com/matrix-org/matrix-react-sdk/pull/10472)). Fixes #24830.
+ * Quick settings: Change the copy / labels on the options ([\#10427](https://github.com/matrix-org/matrix-react-sdk/pull/10427)). Fixes #24522. Contributed by @justjanne.
+ * Update rte autocomplete styling ([\#10503](https://github.com/matrix-org/matrix-react-sdk/pull/10503)). Contributed by @alunturner.
+
+## 🐛 Bug Fixes
+ * Fix create subspace dialog not working ([\#10652](https://github.com/matrix-org/matrix-react-sdk/pull/10652)). Fixes vector-im/element-web#24882
+ * Fix multiple accessibility defects identified by AXE ([\#10606](https://github.com/matrix-org/matrix-react-sdk/pull/10606)).
+ * Fix view source from edit history dialog always showing latest event ([\#10626](https://github.com/matrix-org/matrix-react-sdk/pull/10626)). Fixes #21859.
+ * #21451 Fix WebGL disabled error message ([\#10589](https://github.com/matrix-org/matrix-react-sdk/pull/10589)). Contributed by @rashmitpankhania.
+ * Properly translate errors in `AddThreepid.ts` so they show up translated to the user but not in our logs ([\#10432](https://github.com/matrix-org/matrix-react-sdk/pull/10432)). Contributed by @MadLittleMods.
+ * Fix overflow on auth pages ([\#10605](https://github.com/matrix-org/matrix-react-sdk/pull/10605)). Fixes #19548.
+ * Fix incorrect avatar background colour when using a custom theme ([\#10598](https://github.com/matrix-org/matrix-react-sdk/pull/10598)). Contributed by @jdauphant.
+ * Remove dependency on `org.matrix.e2e_cross_signing` unstable feature ([\#10593](https://github.com/matrix-org/matrix-react-sdk/pull/10593)).
+ * Update setting description to match reality ([\#10600](https://github.com/matrix-org/matrix-react-sdk/pull/10600)). Fixes #25106.
+ * Fix no identity server in help & about settings ([\#10563](https://github.com/matrix-org/matrix-react-sdk/pull/10563)). Fixes #25077.
+ * Fix: Images no longer reserve their space in the timeline correctly ([\#10571](https://github.com/matrix-org/matrix-react-sdk/pull/10571)). Fixes #25082. Contributed by @kerryarchibald.
+ * Fix issues with inhibited accessible focus outlines ([\#10579](https://github.com/matrix-org/matrix-react-sdk/pull/10579)). Fixes #19742.
+ * Fix read receipts falling from sky ([\#10576](https://github.com/matrix-org/matrix-react-sdk/pull/10576)). Fixes #25081.
+ * Fix avatar text issue in rte ([\#10559](https://github.com/matrix-org/matrix-react-sdk/pull/10559)). Contributed by @alunturner.
+ * fix resizer only work with left mouse click ([\#10546](https://github.com/matrix-org/matrix-react-sdk/pull/10546)). Contributed by @NSV1991.
+ * Fix send two join requests when joining a room from spotlight search ([\#10534](https://github.com/matrix-org/matrix-react-sdk/pull/10534)). Fixes #25054.
+ * Highlight event when any version triggered a highlight ([\#10502](https://github.com/matrix-org/matrix-react-sdk/pull/10502)). Fixes #24923 and #24970. Contributed by @kerryarchibald.
+ * Fix spacing of headings of integration manager on General settings tab ([\#10232](https://github.com/matrix-org/matrix-react-sdk/pull/10232)). Fixes #24085. Contributed by @luixxiul.
+
+Changes in [1.11.29](https://github.com/vector-im/element-web/releases/tag/v1.11.29) (2023-04-11)
+=================================================================================================
+
+## ✨ Features
+ * Allow desktop app to expose recent rooms in UI integrations ([\#16940](https://github.com/vector-im/element-web/pull/16940)).
+ * Add API params to mute audio and/or video in Jitsi calls by default ([\#24820](https://github.com/vector-im/element-web/pull/24820)). Contributed by @dhenneke.
+ * Style mentions as pills in rich text editor ([\#10448](https://github.com/matrix-org/matrix-react-sdk/pull/10448)). Contributed by @alunturner.
+ * Show room create icon if "UIComponent.roomCreation" is enabled ([\#10364](https://github.com/matrix-org/matrix-react-sdk/pull/10364)). Contributed by @maheichyk.
+ * Mentions as links rte ([\#10463](https://github.com/matrix-org/matrix-react-sdk/pull/10463)). Contributed by @alunturner.
+ * Better error handling in jump to date ([\#10405](https://github.com/matrix-org/matrix-react-sdk/pull/10405)). Contributed by @MadLittleMods.
+ * Show "Invite" menu option if "UIComponent.sendInvites" is enabled. ([\#10363](https://github.com/matrix-org/matrix-react-sdk/pull/10363)). Contributed by @maheichyk.
+ * Added `UserProfilesStore`, `LruCache` and user permalink profile caching ([\#10425](https://github.com/matrix-org/matrix-react-sdk/pull/10425)). Fixes #10559.
+ * Mentions as links rte ([\#10422](https://github.com/matrix-org/matrix-react-sdk/pull/10422)). Contributed by @alunturner.
+ * Implement MSC3952: intentional mentions ([\#9983](https://github.com/matrix-org/matrix-react-sdk/pull/9983)).
+ * Implement MSC3973: Search users in the user directory with the Widget API ([\#10269](https://github.com/matrix-org/matrix-react-sdk/pull/10269)). Contributed by @dhenneke.
+ * Permalinks to message are now displayed as pills ([\#10392](https://github.com/matrix-org/matrix-react-sdk/pull/10392)). Fixes #24751 and #24706.
+ * Show search,dial,explore in filterContainer if "UIComponent.filterContainer" is enabled ([\#10381](https://github.com/matrix-org/matrix-react-sdk/pull/10381)). Contributed by @maheichyk.
+ * Increase space panel collapse clickable area ([\#6084](https://github.com/matrix-org/matrix-react-sdk/pull/6084)). Fixes #17379. Contributed by @jaiwanth-v.
+ * Add fallback for replies to Polls ([\#10380](https://github.com/matrix-org/matrix-react-sdk/pull/10380)). Fixes #24197. Contributed by @kerryarchibald.
+ * Permalinks to rooms and users are now pillified ([\#10388](https://github.com/matrix-org/matrix-react-sdk/pull/10388)). Fixes #24825.
+ * Poll history -  access poll history from room settings ([\#10356](https://github.com/matrix-org/matrix-react-sdk/pull/10356)). Contributed by @kerryarchibald.
+ * Add API params to mute audio and/or video in Jitsi calls by default ([\#10376](https://github.com/matrix-org/matrix-react-sdk/pull/10376)). Contributed by @dhenneke.
+ * Notifications: inline error message on notifications saving error ([\#10288](https://github.com/matrix-org/matrix-react-sdk/pull/10288)). Contributed by @kerryarchibald.
+ * Support dynamic room predecessor in SpaceProvider ([\#10348](https://github.com/matrix-org/matrix-react-sdk/pull/10348)). Contributed by @andybalaam.
+ * Support dynamic room predecessors for RoomProvider ([\#10346](https://github.com/matrix-org/matrix-react-sdk/pull/10346)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in OwnBeaconStore ([\#10339](https://github.com/matrix-org/matrix-react-sdk/pull/10339)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in ForwardDialog ([\#10344](https://github.com/matrix-org/matrix-react-sdk/pull/10344)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in SpaceHierarchy ([\#10341](https://github.com/matrix-org/matrix-react-sdk/pull/10341)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in AddExistingToSpaceDialog ([\#10342](https://github.com/matrix-org/matrix-react-sdk/pull/10342)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in leave-behaviour ([\#10340](https://github.com/matrix-org/matrix-react-sdk/pull/10340)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in StopGapWidgetDriver ([\#10338](https://github.com/matrix-org/matrix-react-sdk/pull/10338)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in WidgetLayoutStore ([\#10326](https://github.com/matrix-org/matrix-react-sdk/pull/10326)). Contributed by @andybalaam.
+ * Support dynamic room predecessors in SpaceStore ([\#10332](https://github.com/matrix-org/matrix-react-sdk/pull/10332)). Contributed by @andybalaam.
+ * Sync polls push rules on changes to account_data ([\#10287](https://github.com/matrix-org/matrix-react-sdk/pull/10287)). Contributed by @kerryarchibald.
+ * Support dynamic room predecessors in BreadcrumbsStore ([\#10295](https://github.com/matrix-org/matrix-react-sdk/pull/10295)). Contributed by @andybalaam.
+ * Improved a11y for Field feedback and Secure Phrase input ([\#10320](https://github.com/matrix-org/matrix-react-sdk/pull/10320)). Contributed by @Sebbones.
+ * Support dynamic room predecessors in RoomNotificationStateStore ([\#10297](https://github.com/matrix-org/matrix-react-sdk/pull/10297)). Contributed by @andybalaam.
+
+## 🐛 Bug Fixes
+ * Use a newly generated access_token while joining Jitsi ([\#24646](https://github.com/vector-im/element-web/pull/24646)). Fixes #24687. Contributed by @emrahcom.
+ * Fix cloudflare action pointing at commit hash instead of tag ([\#24777](https://github.com/vector-im/element-web/pull/24777)). Contributed by @justjanne.
+ * Allow editing with RTE to overflow for autocomplete visibility ([\#10499](https://github.com/matrix-org/matrix-react-sdk/pull/10499)). Contributed by @alunturner.
+ * Added auto focus to Github URL on opening of debug logs modal ([\#10479](https://github.com/matrix-org/matrix-react-sdk/pull/10479)). Contributed by @ShivamSpm.
+ * Fix detection of encryption for all users in a room ([\#10487](https://github.com/matrix-org/matrix-react-sdk/pull/10487)). Fixes #24995.
+ * Properly generate mentions when editing a reply with MSC3952 ([\#10486](https://github.com/matrix-org/matrix-react-sdk/pull/10486)). Fixes #24924. Contributed by @kerryarchibald.
+ * Improve performance of rendering a room with many hidden events ([\#10131](https://github.com/matrix-org/matrix-react-sdk/pull/10131)). Contributed by @andybalaam.
+ * Prevent future date selection in jump to date ([\#10419](https://github.com/matrix-org/matrix-react-sdk/pull/10419)). Fixes #20800. Contributed by @MadLittleMods.
+ * Add aria labels to message search bar to improve accessibility ([\#10476](https://github.com/matrix-org/matrix-react-sdk/pull/10476)). Fixes #24921.
+ * Fix decryption failure bar covering the timeline ([\#10360](https://github.com/matrix-org/matrix-react-sdk/pull/10360)). Fixes #24780 #24074 and #24183. Contributed by @luixxiul.
+ * Improve profile picture settings accessibility ([\#10470](https://github.com/matrix-org/matrix-react-sdk/pull/10470)). Fixes #24919.
+ * Handle group call redaction ([\#10465](https://github.com/matrix-org/matrix-react-sdk/pull/10465)).
+ * Display relative timestamp for threads on the same calendar day ([\#10399](https://github.com/matrix-org/matrix-react-sdk/pull/10399)). Fixes #24841. Contributed by @kerryarchibald.
+ * Fix timeline list and paragraph display issues ([\#10424](https://github.com/matrix-org/matrix-react-sdk/pull/10424)). Fixes #24602. Contributed by @alunturner.
+ * Use unique keys for voice broadcast pips ([\#10457](https://github.com/matrix-org/matrix-react-sdk/pull/10457)). Fixes #24959.
+ * Fix "show read receipts sent by other users" not applying to threads ([\#10445](https://github.com/matrix-org/matrix-react-sdk/pull/10445)). Fixes #24910.
+ * Fix joining public rooms without aliases in search dialog ([\#10437](https://github.com/matrix-org/matrix-react-sdk/pull/10437)). Fixes #23937.
+ * Add input validation for `m.direct` in `DMRoomMap` ([\#10436](https://github.com/matrix-org/matrix-react-sdk/pull/10436)). Fixes #24909.
+ * Reduce height reserved for "collapse" button's line on IRC layout ([\#10211](https://github.com/matrix-org/matrix-react-sdk/pull/10211)). Fixes #24605. Contributed by @luixxiul.
+ * Fix `creatorUserId is required` error when opening sticker picker ([\#10423](https://github.com/matrix-org/matrix-react-sdk/pull/10423)).
+ * Fix block/inline Element descendants error noise in `NewRoomIntro.tsx` ([\#10412](https://github.com/matrix-org/matrix-react-sdk/pull/10412)). Contributed by @MadLittleMods.
+ * Fix profile resizer to make first character of a line selectable in IRC layout ([\#10396](https://github.com/matrix-org/matrix-react-sdk/pull/10396)). Fixes #14764. Contributed by @luixxiul.
+ * Ensure space between wrapped lines of room name on IRC layout ([\#10188](https://github.com/matrix-org/matrix-react-sdk/pull/10188)). Fixes #24742. Contributed by @luixxiul.
+ * Remove unreadable alt attribute from the room status bar warning icon (nonsense to screenreaders) ([\#10402](https://github.com/matrix-org/matrix-react-sdk/pull/10402)). Contributed by @MadLittleMods.
+ * Fix big date separators when jump to date is enabled ([\#10404](https://github.com/matrix-org/matrix-react-sdk/pull/10404)). Fixes #22969. Contributed by @MadLittleMods.
+ * Fixes user authentication when registering via the module API ([\#10257](https://github.com/matrix-org/matrix-react-sdk/pull/10257)). Contributed by @maheichyk.
+ * Handle more edge cases in Space Hierarchy ([\#10280](https://github.com/matrix-org/matrix-react-sdk/pull/10280)). Contributed by @justjanne.
+ * Further improve performance with lots of hidden events ([\#10353](https://github.com/matrix-org/matrix-react-sdk/pull/10353)). Fixes #24480. Contributed by @andybalaam.
+ * Respect user cancelling upload flow by dismissing spinner ([\#10373](https://github.com/matrix-org/matrix-react-sdk/pull/10373)). Fixes #24667.
+ * When starting a DM, the end-to-end encryption status icon does now only appear if the DM can be encrypted ([\#10394](https://github.com/matrix-org/matrix-react-sdk/pull/10394)). Fixes #24397.
+ * Fix `[object Object]` in feedback metadata ([\#10390](https://github.com/matrix-org/matrix-react-sdk/pull/10390)).
+ * Fix pinned messages card saying nothing pinned while loading ([\#10385](https://github.com/matrix-org/matrix-react-sdk/pull/10385)). Fixes #24615.
+ * Fix import e2e key dialog staying disabled after paste ([\#10375](https://github.com/matrix-org/matrix-react-sdk/pull/10375)). Fixes #24818.
+ * Show all labs even if incompatible, with appropriate tooltip explaining requirements ([\#10369](https://github.com/matrix-org/matrix-react-sdk/pull/10369)). Fixes #24813.
+ * Fix UIFeature.Registration not applying to all paths ([\#10371](https://github.com/matrix-org/matrix-react-sdk/pull/10371)). Fixes #24814.
+ * Clicking on a user pill does now only open the profile in the right panel and no longer navigates to the home view. ([\#10359](https://github.com/matrix-org/matrix-react-sdk/pull/10359)). Fixes #24797.
+ * Fix start DM with pending third party invite ([\#10347](https://github.com/matrix-org/matrix-react-sdk/pull/10347)). Fixes #24781.
+ * Fix long display name overflowing reply tile on IRC layout ([\#10343](https://github.com/matrix-org/matrix-react-sdk/pull/10343)). Fixes #24738. Contributed by @luixxiul.
+ * Display redacted body on ThreadView in the same way as normal messages ([\#9016](https://github.com/matrix-org/matrix-react-sdk/pull/9016)). Fixes #24729. Contributed by @luixxiul.
+ * Handle more edge cases in ACL updates ([\#10279](https://github.com/matrix-org/matrix-react-sdk/pull/10279)). Contributed by @justjanne.
+ * Allow parsing png files to fail if thumbnailing is successful ([\#10308](https://github.com/matrix-org/matrix-react-sdk/pull/10308)).
+
+Changes in [1.11.28](https://github.com/vector-im/element-web/releases/tag/v1.11.28) (2023-03-31)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * (No changes, version bumped to sync with element-desktop.)
+
+Changes in [1.11.27](https://github.com/vector-im/element-web/releases/tag/v1.11.27) (2023-03-31)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix detection of encryption for all users in a room ([\#10487](https://github.com/matrix-org/matrix-react-sdk/pull/10487)). Fixes #24995.
+
+Changes in [1.11.26](https://github.com/vector-im/element-web/releases/tag/v1.11.26) (2023-03-28)
+=================================================================================================
+
+## 🔒 Security
+ * Fixes for [CVE-2023-28427](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE-2023-28427) / GHSA-mwq8-fjpf-c2gr
+ * Fixes for [CVE-2023-28103](https://cve.mitre.org/cgi-bin/cvekey.cgi?keyword=CVE-2023-28103) / GHSA-6g43-88cp-w5gv
+
+Changes in [1.11.25](https://github.com/vector-im/element-web/releases/tag/v1.11.25) (2023-03-15)
+=================================================================================================
+
+## ✨ Features
+ * Remove experimental PWA support for Firefox and Safari ([\#24630](https://github.com/vector-im/element-web/pull/24630)).
+ * Only allow to start a DM with one email if encryption by default is enabled ([\#10253](https://github.com/matrix-org/matrix-react-sdk/pull/10253)). Fixes #23133.
+ * DM rooms are now encrypted if encryption by default is enabled and only inviting a single email address. Any action in the result DM room will be blocked until the other has joined. ([\#10229](https://github.com/matrix-org/matrix-react-sdk/pull/10229)).
+ * Reduce bottom margin of ReplyChain on compact modern layout ([\#8972](https://github.com/matrix-org/matrix-react-sdk/pull/8972)). Fixes #22748. Contributed by @luixxiul.
+ * Support for v2 of MSC3903 ([\#10165](https://github.com/matrix-org/matrix-react-sdk/pull/10165)). Contributed by @hughns.
+ * When starting a DM, existing rooms with pending third-party invites will be reused. ([\#10256](https://github.com/matrix-org/matrix-react-sdk/pull/10256)). Fixes #23139.
+ * Polls push rules: synchronise poll rules with message rules ([\#10263](https://github.com/matrix-org/matrix-react-sdk/pull/10263)). Contributed by @kerryarchibald.
+ * New verification request toast button labels ([\#10259](https://github.com/matrix-org/matrix-react-sdk/pull/10259)).
+ * Remove padding around integration manager iframe ([\#10148](https://github.com/matrix-org/matrix-react-sdk/pull/10148)).
+ * Fix block code styling in rich text editor ([\#10246](https://github.com/matrix-org/matrix-react-sdk/pull/10246)). Contributed by @alunturner.
+ * Poll history: fetch more poll history ([\#10235](https://github.com/matrix-org/matrix-react-sdk/pull/10235)). Contributed by @kerryarchibald.
+ * Sort short/exact emoji matches before longer incomplete matches ([\#10212](https://github.com/matrix-org/matrix-react-sdk/pull/10212)). Fixes #23210. Contributed by @grimhilt.
+ * Poll history: detail screen ([\#10172](https://github.com/matrix-org/matrix-react-sdk/pull/10172)). Contributed by @kerryarchibald.
+ * Provide a more detailed error message than "No known servers" ([\#6048](https://github.com/matrix-org/matrix-react-sdk/pull/6048)). Fixes #13247. Contributed by @aaronraimist.
+ * Say when a call was answered from a different device ([\#10224](https://github.com/matrix-org/matrix-react-sdk/pull/10224)).
+ * Widget permissions customizations using module api ([\#10121](https://github.com/matrix-org/matrix-react-sdk/pull/10121)). Contributed by @maheichyk.
+ * Fix copy button icon overlapping with copyable text ([\#10227](https://github.com/matrix-org/matrix-react-sdk/pull/10227)). Contributed by @Adesh-Pandey.
+ * Support joining non-peekable rooms via the module API ([\#10154](https://github.com/matrix-org/matrix-react-sdk/pull/10154)). Contributed by @maheichyk.
+ * The "new login" toast does now display the same device information as in the settings. "No" does now open the device settings. "Yes, it was me" dismisses the toast. ([\#10200](https://github.com/matrix-org/matrix-react-sdk/pull/10200)).
+ * Do not prompt for a password when doing a „reset all“ after login ([\#10208](https://github.com/matrix-org/matrix-react-sdk/pull/10208)).
+
+## 🐛 Bug Fixes
+ * Fix incorrect copy in space creation flow ([\#10296](https://github.com/matrix-org/matrix-react-sdk/pull/10296)). Fixes #24741.
+ * Fix space settings dialog having rogue title tooltip ([\#10293](https://github.com/matrix-org/matrix-react-sdk/pull/10293)). Fixes #24740.
+ * Show spinner when starting a DM from the user profile (right panel) ([\#10290](https://github.com/matrix-org/matrix-react-sdk/pull/10290)).
+ * Reduce height of toggle on expanded view source event ([\#10283](https://github.com/matrix-org/matrix-react-sdk/pull/10283)). Fixes #22873. Contributed by @luixxiul.
+ * Pillify http and non-prefixed matrix.to links ([\#10277](https://github.com/matrix-org/matrix-react-sdk/pull/10277)). Fixes #20844.
+ * Fix some features not being configurable via `features` ([\#10276](https://github.com/matrix-org/matrix-react-sdk/pull/10276)).
+ * Fix starting a DM from the right panel in some cases ([\#10278](https://github.com/matrix-org/matrix-react-sdk/pull/10278)). Fixes #24722.
+ * Align info EventTile and normal EventTile on IRC layout ([\#10197](https://github.com/matrix-org/matrix-react-sdk/pull/10197)). Fixes #22782. Contributed by @luixxiul.
+ * Fix blowout of waveform of the voice message player on narrow UI ([\#8861](https://github.com/matrix-org/matrix-react-sdk/pull/8861)). Fixes #22604. Contributed by @luixxiul.
+ * Fix the hidden view source toggle on IRC layout ([\#10266](https://github.com/matrix-org/matrix-react-sdk/pull/10266)). Fixes #22872. Contributed by @luixxiul.
+ * Fix buttons on the room header being compressed due to long room name ([\#10155](https://github.com/matrix-org/matrix-react-sdk/pull/10155)). Contributed by @luixxiul.
+ * Use the room avatar as a placeholder in calls ([\#10231](https://github.com/matrix-org/matrix-react-sdk/pull/10231)).
+ * Fix calls showing as 'connecting' after hangup ([\#10223](https://github.com/matrix-org/matrix-react-sdk/pull/10223)).
+ * Prevent multiple Jitsi calls started at the same time ([\#10183](https://github.com/matrix-org/matrix-react-sdk/pull/10183)). Fixes #23009.
+ * Make localization keys compatible with agglutinative and/or SOV type languages ([\#10159](https://github.com/matrix-org/matrix-react-sdk/pull/10159)). Contributed by @luixxiul.
+
+Changes in [1.11.24](https://github.com/vector-im/element-web/releases/tag/v1.11.24) (2023-02-28)
+=================================================================================================
+
+## ✨ Features
+ * Display "The sender has blocked you from receiving this message" error message instead of "Unable to decrypt message" ([\#10202](https://github.com/matrix-org/matrix-react-sdk/pull/10202)). Contributed by @florianduros.
+ * Polls: show warning about undecryptable relations ([\#10179](https://github.com/matrix-org/matrix-react-sdk/pull/10179)). Contributed by @kerryarchibald.
+ * Poll history: fetch last 30 days of polls ([\#10157](https://github.com/matrix-org/matrix-react-sdk/pull/10157)). Contributed by @kerryarchibald.
+ * Poll history - ended polls list items ([\#10119](https://github.com/matrix-org/matrix-react-sdk/pull/10119)). Contributed by @kerryarchibald.
+ * Remove threads labs flag and the ability to disable threads ([\#9878](https://github.com/matrix-org/matrix-react-sdk/pull/9878)). Fixes #24365.
+ * Show a success dialog after setting up the key backup ([\#10177](https://github.com/matrix-org/matrix-react-sdk/pull/10177)). Fixes #24487.
+ * Release Sign in with QR out of labs ([\#10182](https://github.com/matrix-org/matrix-react-sdk/pull/10182)). Contributed by @hughns.
+ * Hide indent button in rte ([\#10149](https://github.com/matrix-org/matrix-react-sdk/pull/10149)). Contributed by @alunturner.
+ * Add option to find own location in map views ([\#10083](https://github.com/matrix-org/matrix-react-sdk/pull/10083)).
+ * Render poll end events in timeline ([\#10027](https://github.com/matrix-org/matrix-react-sdk/pull/10027)). Contributed by @kerryarchibald.
+
+## 🐛 Bug Fixes
+ * Stop access token overflowing the box ([\#10069](https://github.com/matrix-org/matrix-react-sdk/pull/10069)). Fixes #24023. Contributed by @sbjaj33.
+ * Add link to next file in the export ([\#10190](https://github.com/matrix-org/matrix-react-sdk/pull/10190)). Fixes #20272. Contributed by @grimhilt.
+ * Ended poll tiles: add ended the poll message ([\#10193](https://github.com/matrix-org/matrix-react-sdk/pull/10193)). Fixes #24579. Contributed by @kerryarchibald.
+ * Fix accidentally inverted condition for room ordering ([\#10178](https://github.com/matrix-org/matrix-react-sdk/pull/10178)). Fixes #24527. Contributed by @justjanne.
+ * Re-focus the composer on dialogue quit ([\#10007](https://github.com/matrix-org/matrix-react-sdk/pull/10007)). Fixes #22832. Contributed by @Ashu999.
+ * Try to resolve emails before creating a DM ([\#10164](https://github.com/matrix-org/matrix-react-sdk/pull/10164)).
+ * Disable poll response loading test ([\#10168](https://github.com/matrix-org/matrix-react-sdk/pull/10168)). Contributed by @justjanne.
+ * Fix email lookup in invite dialog ([\#10150](https://github.com/matrix-org/matrix-react-sdk/pull/10150)). Fixes #23353.
+ * Remove duplicate white space characters from translation keys ([\#10152](https://github.com/matrix-org/matrix-react-sdk/pull/10152)). Contributed by @luixxiul.
+ * Fix the caption of new sessions manager on Labs settings page for localization ([\#10143](https://github.com/matrix-org/matrix-react-sdk/pull/10143)). Contributed by @luixxiul.
+ * Prevent start another DM with a user if one already exists ([\#10127](https://github.com/matrix-org/matrix-react-sdk/pull/10127)). Fixes #23138.
+ * Remove white space characters before the horizontal ellipsis ([\#10130](https://github.com/matrix-org/matrix-react-sdk/pull/10130)). Contributed by @luixxiul.
+ * Fix Selectable Text on 'Delete All' and 'Retry All' Buttons ([\#10128](https://github.com/matrix-org/matrix-react-sdk/pull/10128)). Fixes #23232. Contributed by @akshattchhabra.
+ * Correctly Identify emoticons ([\#10108](https://github.com/matrix-org/matrix-react-sdk/pull/10108)). Fixes #19472. Contributed by @adarsh-sgh.
+ * Remove a redundant white space ([\#10129](https://github.com/matrix-org/matrix-react-sdk/pull/10129)). Contributed by @luixxiul.
+
+Changes in [1.11.23](https://github.com/vector-im/element-web/releases/tag/v1.11.23) (2023-02-14)
+=================================================================================================
+
+## ✨ Features
+ * Description of QR code sign in labs feature ([\#23513](https://github.com/vector-im/element-web/pull/23513)). Contributed by @hughns.
+ * Add option to find own location in map views ([\#10083](https://github.com/matrix-org/matrix-react-sdk/pull/10083)).
+ * Render poll end events in timeline ([\#10027](https://github.com/matrix-org/matrix-react-sdk/pull/10027)). Contributed by @kerryarchibald.
+ * Indicate unread messages in tab title ([\#10096](https://github.com/matrix-org/matrix-react-sdk/pull/10096)). Contributed by @tnt7864.
+ * Open message in editing mode when keyboard up is pressed (RTE) ([\#10079](https://github.com/matrix-org/matrix-react-sdk/pull/10079)). Contributed by @florianduros.
+ * Hide superseded rooms from the room list using dynamic room predecessors ([\#10068](https://github.com/matrix-org/matrix-react-sdk/pull/10068)). Contributed by @andybalaam.
+ * Support MSC3946 in RoomListStore ([\#10054](https://github.com/matrix-org/matrix-react-sdk/pull/10054)). Fixes #24325. Contributed by @andybalaam.
+ * Auto focus security key field ([\#10048](https://github.com/matrix-org/matrix-react-sdk/pull/10048)).
+ * use Poll model with relations API in poll rendering ([\#9877](https://github.com/matrix-org/matrix-react-sdk/pull/9877)). Contributed by @kerryarchibald.
+ * Support MSC3946 in the RoomCreate tile ([\#10041](https://github.com/matrix-org/matrix-react-sdk/pull/10041)). Fixes #24323. Contributed by @andybalaam.
+ * Update labs flag description for RTE ([\#10058](https://github.com/matrix-org/matrix-react-sdk/pull/10058)). Contributed by @florianduros.
+ * Change ul list style to disc when editing message ([\#10043](https://github.com/matrix-org/matrix-react-sdk/pull/10043)). Contributed by @alunturner.
+ * Improved click detection within PiP windows ([\#10040](https://github.com/matrix-org/matrix-react-sdk/pull/10040)). Fixes #24371.
+ * Add RTE keyboard navigation in editing ([\#9980](https://github.com/matrix-org/matrix-react-sdk/pull/9980)). Fixes #23621. Contributed by @florianduros.
+ * Paragraph integration for rich text editor ([\#10008](https://github.com/matrix-org/matrix-react-sdk/pull/10008)). Contributed by @alunturner.
+ * Add  indentation increasing/decreasing to RTE ([\#10034](https://github.com/matrix-org/matrix-react-sdk/pull/10034)). Contributed by @florianduros.
+ * Add ignore user confirmation dialog ([\#6116](https://github.com/matrix-org/matrix-react-sdk/pull/6116)). Fixes #14746.
+ * Use monospace font for room, message IDs in View Source modal ([\#9956](https://github.com/matrix-org/matrix-react-sdk/pull/9956)). Fixes #21937. Contributed by @paragpoddar.
+ * Implement MSC3946 for AdvancedRoomSettingsTab ([\#9995](https://github.com/matrix-org/matrix-react-sdk/pull/9995)). Fixes #24322. Contributed by @andybalaam.
+ * Implementation of MSC3824 to make the client OIDC-aware ([\#8681](https://github.com/matrix-org/matrix-react-sdk/pull/8681)). Contributed by @hughns.
+ * Improves a11y for avatar uploads ([\#9985](https://github.com/matrix-org/matrix-react-sdk/pull/9985)). Contributed by @GoodGuyMarco.
+ * Add support for [token authenticated registration](https ([\#7275](https://github.com/matrix-org/matrix-react-sdk/pull/7275)). Fixes #18931. Contributed by @govynnus.
+
+## 🐛 Bug Fixes
+ * Jitsi requests 'requires_client' capability if auth token is provided ([\#24294](https://github.com/vector-im/element-web/pull/24294)). Contributed by @maheichyk.
+ * Remove duplicate white space characters from translation keys ([\#10152](https://github.com/matrix-org/matrix-react-sdk/pull/10152)). Contributed by @luixxiul.
+ * Fix the caption of new sessions manager on Labs settings page for localization ([\#10143](https://github.com/matrix-org/matrix-react-sdk/pull/10143)). Contributed by @luixxiul.
+ * Prevent start another DM with a user if one already exists ([\#10127](https://github.com/matrix-org/matrix-react-sdk/pull/10127)). Fixes #23138.
+ * Remove white space characters before the horizontal ellipsis ([\#10130](https://github.com/matrix-org/matrix-react-sdk/pull/10130)). Contributed by @luixxiul.
+ * Fix Selectable Text on 'Delete All' and 'Retry All' Buttons ([\#10128](https://github.com/matrix-org/matrix-react-sdk/pull/10128)). Fixes #23232. Contributed by @akshattchhabra.
+ * Correctly Identify emoticons ([\#10108](https://github.com/matrix-org/matrix-react-sdk/pull/10108)). Fixes #19472. Contributed by @adarsh-sgh.
+ * Should open new 1:1 chat room after leaving the old one ([\#9880](https://github.com/matrix-org/matrix-react-sdk/pull/9880)). Contributed by @ahmadkadri.
+ * Remove a redundant white space ([\#10129](https://github.com/matrix-org/matrix-react-sdk/pull/10129)). Contributed by @luixxiul.
+ * Fix a crash when removing persistent widgets (updated) ([\#10099](https://github.com/matrix-org/matrix-react-sdk/pull/10099)). Fixes #24412. Contributed by @andybalaam.
+ * Fix wrongly grouping 3pid invites into a single repeated transition ([\#10087](https://github.com/matrix-org/matrix-react-sdk/pull/10087)). Fixes #24432.
+ * Fix scrollbar colliding with checkbox in add to space section ([\#10093](https://github.com/matrix-org/matrix-react-sdk/pull/10093)). Fixes #23189. Contributed by @Arnabdaz.
+ * Add a whitespace character after 'broadcast?' ([\#10097](https://github.com/matrix-org/matrix-react-sdk/pull/10097)). Contributed by @luixxiul.
+ * Seekbar in broadcast PiP view is now updated when switching between different broadcasts ([\#10072](https://github.com/matrix-org/matrix-react-sdk/pull/10072)). Fixes #24415.
+ * Add border to "reject" button on room preview card for clickable area indication. It fixes vector-im/element-web#22623 ([\#9205](https://github.com/matrix-org/matrix-react-sdk/pull/9205)). Contributed by @gefgu.
+ * Element-R: fix rageshages ([\#10081](https://github.com/matrix-org/matrix-react-sdk/pull/10081)). Fixes #24430.
+ * Fix markdown paragraph display in timeline ([\#10071](https://github.com/matrix-org/matrix-react-sdk/pull/10071)). Fixes #24419. Contributed by @alunturner.
+ * Prevent the remaining broadcast time from being exceeded ([\#10070](https://github.com/matrix-org/matrix-react-sdk/pull/10070)).
+ * Fix cursor position when new line is created by pressing enter (RTE) ([\#10064](https://github.com/matrix-org/matrix-react-sdk/pull/10064)). Contributed by @florianduros.
+ * Ensure room is actually in space hierarchy when resolving its latest version ([\#10010](https://github.com/matrix-org/matrix-react-sdk/pull/10010)).
+ * Fix new line for inline code ([\#10062](https://github.com/matrix-org/matrix-react-sdk/pull/10062)). Contributed by @florianduros.
+ * Member avatars without canvas ([\#9990](https://github.com/matrix-org/matrix-react-sdk/pull/9990)). Contributed by @clarkf.
+ * Apply more general fix for base avatar regressions ([\#10045](https://github.com/matrix-org/matrix-react-sdk/pull/10045)). Fixes #24382 and #24370.
+ * Replace list, code block and quote icons by new icons ([\#10035](https://github.com/matrix-org/matrix-react-sdk/pull/10035)). Contributed by @florianduros.
+ * fix regional emojis converted to flags ([\#9294](https://github.com/matrix-org/matrix-react-sdk/pull/9294)). Fixes #19000. Contributed by @grimhilt.
+ * resolved emoji description text overflowing issue ([\#10028](https://github.com/matrix-org/matrix-react-sdk/pull/10028)). Contributed by @fahadNoufal.
+ * Fix MessageEditHistoryDialog crashing on complex input ([\#10018](https://github.com/matrix-org/matrix-react-sdk/pull/10018)). Fixes #23665. Contributed by @clarkf.
+ * Unify unread notification state determination ([\#9941](https://github.com/matrix-org/matrix-react-sdk/pull/9941)). Contributed by @clarkf.
+ * Fix layout and visual regressions around default avatars ([\#10031](https://github.com/matrix-org/matrix-react-sdk/pull/10031)). Fixes #24375 and #24369.
+ * Fix useUnreadNotifications exploding with falsey room, like in notif panel ([\#10030](https://github.com/matrix-org/matrix-react-sdk/pull/10030)). Fixes matrix-org/element-web-rageshakes#19334.
+ * Fix "[object Promise]" appearing in HTML exports ([\#9975](https://github.com/matrix-org/matrix-react-sdk/pull/9975)). Fixes #24272. Contributed by @clarkf.
+ * changing the color of message time stamp ([\#10016](https://github.com/matrix-org/matrix-react-sdk/pull/10016)). Contributed by @nawarajshah.
+ * Fix link creation with backward selection ([\#9986](https://github.com/matrix-org/matrix-react-sdk/pull/9986)). Fixes #24315. Contributed by @florianduros.
+ * Misaligned reply preview in thread composer #23396 ([\#9977](https://github.com/matrix-org/matrix-react-sdk/pull/9977)). Fixes #23396. Contributed by @mustafa-kapadia1483.
+
+Changes in [1.11.22](https://github.com/vector-im/element-web/releases/tag/v1.11.22) (2023-01-31)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Bump version number to fix problems upgrading from v1.11.21-rc.1
+
+Changes in [1.11.21](https://github.com/vector-im/element-web/releases/tag/v1.11.21) (2023-01-31)
+=================================================================================================
+
+## ✨ Features
+ * Move pin drop out of labs ([\#22993](https://github.com/vector-im/element-web/pull/22993)).
+ * Quotes for rich text editor (RTE) ([\#9932](https://github.com/matrix-org/matrix-react-sdk/pull/9932)). Contributed by @alunturner.
+ * Show the room name in the room header during calls ([\#9942](https://github.com/matrix-org/matrix-react-sdk/pull/9942)). Fixes #24268.
+ * Add code blocks to rich text editor ([\#9921](https://github.com/matrix-org/matrix-react-sdk/pull/9921)). Contributed by @alunturner.
+ * Add new style for inline code ([\#9936](https://github.com/matrix-org/matrix-react-sdk/pull/9936)). Contributed by @florianduros.
+ * Add disabled button state to rich text editor ([\#9930](https://github.com/matrix-org/matrix-react-sdk/pull/9930)). Contributed by @alunturner.
+ * Change the rageshake "app" for auto-rageshakes ([\#9909](https://github.com/matrix-org/matrix-react-sdk/pull/9909)).
+ * Device manager - tweak settings display ([\#9905](https://github.com/matrix-org/matrix-react-sdk/pull/9905)). Contributed by @kerryarchibald.
+ * Add list functionality to rich text editor ([\#9871](https://github.com/matrix-org/matrix-react-sdk/pull/9871)). Contributed by @alunturner.
+
+## 🐛 Bug Fixes
+ * Fix RTE focus behaviour in threads ([\#9969](https://github.com/matrix-org/matrix-react-sdk/pull/9969)). Fixes #23755. Contributed by @florianduros.
+ * #22204 Issue: Centered File info in lightbox ([\#9971](https://github.com/matrix-org/matrix-react-sdk/pull/9971)). Fixes #22204. Contributed by @Spartan09.
+ * Fix seekbar position for zero length audio ([\#9949](https://github.com/matrix-org/matrix-react-sdk/pull/9949)). Fixes #24248.
+ * Allow thread panel to be closed after being opened from notification ([\#9937](https://github.com/matrix-org/matrix-react-sdk/pull/9937)). Fixes #23764 #23852 and #24213. Contributed by @justjanne.
+ * Only highlight focused menu item if focus is supposed to be visible ([\#9945](https://github.com/matrix-org/matrix-react-sdk/pull/9945)). Fixes #23582.
+ * Prevent call durations from breaking onto multiple lines ([\#9944](https://github.com/matrix-org/matrix-react-sdk/pull/9944)).
+ * Tweak call lobby buttons to more closely match designs ([\#9943](https://github.com/matrix-org/matrix-react-sdk/pull/9943)).
+ * Do not show a broadcast as live immediately after the recording has stopped ([\#9947](https://github.com/matrix-org/matrix-react-sdk/pull/9947)). Fixes #24233.
+ * Clear the RTE before sending a message ([\#9948](https://github.com/matrix-org/matrix-react-sdk/pull/9948)). Contributed by @florianduros.
+ * Fix {enter} press in RTE ([\#9927](https://github.com/matrix-org/matrix-react-sdk/pull/9927)). Contributed by @florianduros.
+ * Fix the problem that the password reset email has to be confirmed twice ([\#9926](https://github.com/matrix-org/matrix-react-sdk/pull/9926)). Fixes #24226.
+ * replace .at() with array.length-1 ([\#9933](https://github.com/matrix-org/matrix-react-sdk/pull/9933)). Fixes matrix-org/element-web-rageshakes#19281.
+ * Fix broken threads list timestamp layout ([\#9922](https://github.com/matrix-org/matrix-react-sdk/pull/9922)). Fixes #24243 and #24191. Contributed by @justjanne.
+ * Disable multiple messages when {enter} is pressed multiple times ([\#9929](https://github.com/matrix-org/matrix-react-sdk/pull/9929)). Fixes #24249. Contributed by @florianduros.
+ * Fix logout devices when resetting the password ([\#9925](https://github.com/matrix-org/matrix-react-sdk/pull/9925)). Fixes #24228.
+ * Fix: Poll replies overflow when not enough space ([\#9924](https://github.com/matrix-org/matrix-react-sdk/pull/9924)). Fixes #24227. Contributed by @kerryarchibald.
+ * State event updates are not forwarded to the widget from invitation room ([\#9802](https://github.com/matrix-org/matrix-react-sdk/pull/9802)). Contributed by @maheichyk.
+ * Fix error when viewing source of redacted events ([\#9914](https://github.com/matrix-org/matrix-react-sdk/pull/9914)). Fixes #24165. Contributed by @clarkf.
+ * Replace outdated css attribute ([\#9912](https://github.com/matrix-org/matrix-react-sdk/pull/9912)). Fixes #24218. Contributed by @justjanne.
+ * Clear isLogin theme override when user is no longer viewing login screens ([\#9911](https://github.com/matrix-org/matrix-react-sdk/pull/9911)). Fixes #23893.
+ * Fix reply action in message context menu notif & file panels ([\#9895](https://github.com/matrix-org/matrix-react-sdk/pull/9895)). Fixes #23970.
+ * Fix issue where thread dropdown would not show up correctly ([\#9872](https://github.com/matrix-org/matrix-react-sdk/pull/9872)). Fixes #24040. Contributed by @justjanne.
+ * Fix unexpected composer growing ([\#9889](https://github.com/matrix-org/matrix-react-sdk/pull/9889)). Contributed by @florianduros.
+ * Fix misaligned timestamps for thread roots which are emotes ([\#9875](https://github.com/matrix-org/matrix-react-sdk/pull/9875)). Fixes #23897. Contributed by @justjanne.
+
+Changes in [1.11.20](https://github.com/vector-im/element-web/releases/tag/v1.11.20) (2023-01-20)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * (Part 2) of prevent crash on older browsers (replace .at() with array.length-1)
+
+Changes in [1.11.19](https://github.com/vector-im/element-web/releases/tag/v1.11.19) (2023-01-18)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * fix crash on browsers that don't support `Array.at` ([\#9935](https://github.com/matrix-org/matrix-react-sdk/pull/9935)). Contributed by @andybalaam.
+
+Changes in [1.11.18](https://github.com/vector-im/element-web/releases/tag/v1.11.18) (2023-01-18)
+=================================================================================================
+
+## ✨ Features
+ * Switch threads on for everyone ([\#9879](https://github.com/matrix-org/matrix-react-sdk/pull/9879)).
+ * Make threads use new Unable to Decrypt UI ([\#9876](https://github.com/matrix-org/matrix-react-sdk/pull/9876)). Fixes #24060.
+ * Add edit and remove actions to link in RTE [Labs] ([\#9864](https://github.com/matrix-org/matrix-react-sdk/pull/9864)).
+ * Remove extensible events v1 experimental rendering ([\#9881](https://github.com/matrix-org/matrix-react-sdk/pull/9881)).
+ * Make create poll dialog scale better (PSG-929) ([\#9873](https://github.com/matrix-org/matrix-react-sdk/pull/9873)). Fixes #21855.
+ * Change RTE mode icons ([\#9861](https://github.com/matrix-org/matrix-react-sdk/pull/9861)).
+ * Device manager - prune client information events after remote sign out ([\#9874](https://github.com/matrix-org/matrix-react-sdk/pull/9874)).
+ * Check connection before starting broadcast ([\#9857](https://github.com/matrix-org/matrix-react-sdk/pull/9857)).
+ * Enable sent receipt for poll start events (PSG-962) ([\#9870](https://github.com/matrix-org/matrix-react-sdk/pull/9870)).
+ * Change clear notifications to have more readable copy ([\#9867](https://github.com/matrix-org/matrix-react-sdk/pull/9867)).
+ * combine search results when the query is present in multiple successive messages ([\#9855](https://github.com/matrix-org/matrix-react-sdk/pull/9855)). Fixes #3977. Contributed by @grimhilt.
+ * Disable bubbles for broadcasts ([\#9860](https://github.com/matrix-org/matrix-react-sdk/pull/9860)). Fixes #24140.
+ * Enable reactions and replies for broadcasts ([\#9856](https://github.com/matrix-org/matrix-react-sdk/pull/9856)). Fixes #24042.
+ * Improve switching between rich and plain editing modes ([\#9776](https://github.com/matrix-org/matrix-react-sdk/pull/9776)).
+ * Redesign the picture-in-picture window ([\#9800](https://github.com/matrix-org/matrix-react-sdk/pull/9800)). Fixes #23980.
+ * User on-boarding tasks now appear in a static order. ([\#9799](https://github.com/matrix-org/matrix-react-sdk/pull/9799)). Contributed by @GoodGuyMarco.
+ * Device manager - contextual menus ([\#9832](https://github.com/matrix-org/matrix-react-sdk/pull/9832)).
+ * If listening a non-live broadcast and changing the room, the broadcast will be paused ([\#9825](https://github.com/matrix-org/matrix-react-sdk/pull/9825)). Fixes #24078.
+ * Consider own broadcasts from other device as a playback ([\#9821](https://github.com/matrix-org/matrix-react-sdk/pull/9821)). Fixes #24068.
+ * Add link creation to rich text editor ([\#9775](https://github.com/matrix-org/matrix-react-sdk/pull/9775)).
+ * Add mark as read option in room setting ([\#9798](https://github.com/matrix-org/matrix-react-sdk/pull/9798)). Fixes #24053.
+ * Device manager - current device design and copy tweaks ([\#9801](https://github.com/matrix-org/matrix-react-sdk/pull/9801)).
+ * Unify notifications panel event design ([\#9754](https://github.com/matrix-org/matrix-react-sdk/pull/9754)).
+ * Add actions for integration manager to send and read certain events ([\#9740](https://github.com/matrix-org/matrix-react-sdk/pull/9740)).
+ * Device manager - design tweaks ([\#9768](https://github.com/matrix-org/matrix-react-sdk/pull/9768)).
+ * Change room list sorting to activity and unread first by default ([\#9773](https://github.com/matrix-org/matrix-react-sdk/pull/9773)). Fixes #24014.
+ * Add a config flag to enable the rust crypto-sdk ([\#9759](https://github.com/matrix-org/matrix-react-sdk/pull/9759)).
+ * Improve decryption error UI by consolidating error messages and providing instructions when possible ([\#9544](https://github.com/matrix-org/matrix-react-sdk/pull/9544)). Contributed by @duxovni.
+ * Honor font settings in Element Call ([\#9751](https://github.com/matrix-org/matrix-react-sdk/pull/9751)). Fixes #23661.
+ * Device manager - use deleteAccountData to prune device manager client information events ([\#9734](https://github.com/matrix-org/matrix-react-sdk/pull/9734)).
+
+## 🐛 Bug Fixes
+ * Display rooms & threads as unread (bold) if threads have unread messages. ([\#9763](https://github.com/matrix-org/matrix-react-sdk/pull/9763)). Fixes #23907.
+ * Don't prefer STIXGeneral over the default font ([\#9711](https://github.com/matrix-org/matrix-react-sdk/pull/9711)). Fixes #23899.
+ * Use the same avatar colour when creating 1:1 DM rooms ([\#9850](https://github.com/matrix-org/matrix-react-sdk/pull/9850)). Fixes #23476.
+ * Fix space lock icon size ([\#9854](https://github.com/matrix-org/matrix-react-sdk/pull/9854)). Fixes #24128.
+ * Make calls automatically disconnect if the widget disappears ([\#9862](https://github.com/matrix-org/matrix-react-sdk/pull/9862)). Fixes #23664.
+ * Fix emoji in RTE editing ([\#9827](https://github.com/matrix-org/matrix-react-sdk/pull/9827)).
+ * Fix export with attachments on formats txt and json ([\#9851](https://github.com/matrix-org/matrix-react-sdk/pull/9851)). Fixes #24130. Contributed by @grimhilt.
+ * Fixed empty `Content-Type` for encrypted uploads ([\#9848](https://github.com/matrix-org/matrix-react-sdk/pull/9848)). Contributed by @K3das.
+ * Fix sign-in instead link on password reset page ([\#9820](https://github.com/matrix-org/matrix-react-sdk/pull/9820)). Fixes #24087.
+ * The seekbar now initially shows the current position ([\#9796](https://github.com/matrix-org/matrix-react-sdk/pull/9796)). Fixes #24051.
+ * Fix: Editing a poll will silently change it to a closed poll ([\#9809](https://github.com/matrix-org/matrix-react-sdk/pull/9809)). Fixes #23176.
+ * Make call tiles look less broken in the right panel ([\#9808](https://github.com/matrix-org/matrix-react-sdk/pull/9808)). Fixes #23716.
+ * Prevent unnecessary m.direct updates ([\#9805](https://github.com/matrix-org/matrix-react-sdk/pull/9805)). Fixes #24059.
+ * Fix checkForPreJoinUISI for thread roots ([\#9803](https://github.com/matrix-org/matrix-react-sdk/pull/9803)). Fixes #24054.
+ * Snap in PiP widget when content changed ([\#9797](https://github.com/matrix-org/matrix-react-sdk/pull/9797)). Fixes #24050.
+ * Load RTE components only when RTE labs is enabled ([\#9804](https://github.com/matrix-org/matrix-react-sdk/pull/9804)).
+ * Ensure that events are correctly updated when they are edited. ([\#9789](https://github.com/matrix-org/matrix-react-sdk/pull/9789)).
+ * When stopping a broadcast also stop the playback ([\#9795](https://github.com/matrix-org/matrix-react-sdk/pull/9795)). Fixes #24052.
+ * Prevent to start two broadcasts at the same time ([\#9744](https://github.com/matrix-org/matrix-react-sdk/pull/9744)). Fixes #23973.
+ * Correctly handle limited sync responses by resetting the thread timeline ([\#3056](https://github.com/matrix-org/matrix-js-sdk/pull/3056)). Fixes vector-im/element-web#23952.
+ * Fix failure to start in firefox private browser ([\#3058](https://github.com/matrix-org/matrix-js-sdk/pull/3058)). Fixes vector-im/element-web#24216.
+
+**Changelogs for older versions can be found [here](CHANGELOG-2022.md).**
diff --git a/docs/changelogs/CHANGELOG-pre-2022.md b/docs/changelogs/CHANGELOG-pre-2022.md
new file mode 100644
index 00000000000..cc7dd2bd70f
--- /dev/null
+++ b/docs/changelogs/CHANGELOG-pre-2022.md
@@ -0,0 +1,6035 @@
+Changes in [1.9.8](https://github.com/vector-im/element-web/releases/tag/v1.9.8) (2021-12-20)
+=============================================================================================
+
+## ✨ Features
+ * Include Vietnamese language ([\#20029](https://github.com/vector-im/element-web/pull/20029)).
+ * Simple static location sharing ([\#19754](https://github.com/vector-im/element-web/pull/19754)).
+ * Add support for the Indonesian language ([\#20032](https://github.com/vector-im/element-web/pull/20032)). Fixes #20030. Contributed by @Linerly.
+ * Always unhide widgets on layout change (pinning a widget) ([\#7299](https://github.com/matrix-org/matrix-react-sdk/pull/7299)).
+ * Update status message in the member list and user info panel when it is changed ([\#7338](https://github.com/matrix-org/matrix-react-sdk/pull/7338)). Fixes #20127. Contributed by @SimonBrandner.
+ * Iterate space panel toggle collapse interaction ([\#7335](https://github.com/matrix-org/matrix-react-sdk/pull/7335)). Fixes #20079.
+ * Spotlight search labs ([\#7116](https://github.com/matrix-org/matrix-react-sdk/pull/7116)). Fixes #19530.
+ * Put room settings form elements in fieldsets ([\#7311](https://github.com/matrix-org/matrix-react-sdk/pull/7311)).
+ * Add descriptions to ambiguous links for screen readers ([\#7310](https://github.com/matrix-org/matrix-react-sdk/pull/7310)).
+ * Make tooltips keyboard accessible ([\#7281](https://github.com/matrix-org/matrix-react-sdk/pull/7281)).
+ * Iterate room context menus for DMs ([\#7308](https://github.com/matrix-org/matrix-react-sdk/pull/7308)). Fixes #19527.
+ * Update space panel expand mechanism ([\#7230](https://github.com/matrix-org/matrix-react-sdk/pull/7230)). Fixes #17993.
+ * Add CSS variable to make the UI gaps consistent and fix the resize handle position ([\#7234](https://github.com/matrix-org/matrix-react-sdk/pull/7234)). Fixes #19904 and #19938.
+ * Custom location sharing. ([\#7185](https://github.com/matrix-org/matrix-react-sdk/pull/7185)).
+ * Simple static location sharing ([\#7135](https://github.com/matrix-org/matrix-react-sdk/pull/7135)).
+ * Finish sending pending messages before leaving room ([\#7276](https://github.com/matrix-org/matrix-react-sdk/pull/7276)). Fixes #4702.
+ * Dropdown follow wai-aria practices for expanding on arrow keys ([\#7277](https://github.com/matrix-org/matrix-react-sdk/pull/7277)). Fixes #3687.
+ * Expose PL control for pinned events when lab enabled ([\#7278](https://github.com/matrix-org/matrix-react-sdk/pull/7278)). Fixes #5396.
+ * In People & Favourites metaspaces always show all rooms ([\#7288](https://github.com/matrix-org/matrix-react-sdk/pull/7288)). Fixes #20048.
+ * Don't allow calls when the connection the server has been lost ([\#7287](https://github.com/matrix-org/matrix-react-sdk/pull/7287)). Fixes #2096. Contributed by @SimonBrandner.
+ * Analytics opt in for posthog ([\#6936](https://github.com/matrix-org/matrix-react-sdk/pull/6936)).
+ * Don't inhibit current room notifications if user has Modal open ([\#7274](https://github.com/matrix-org/matrix-react-sdk/pull/7274)). Fixes #1118.
+ * Remove the `Screen sharing is here!` dialog ([\#7266](https://github.com/matrix-org/matrix-react-sdk/pull/7266)). Fixes #18824. Contributed by @SimonBrandner.
+ * Make composer buttons react to settings without having to change room ([\#7264](https://github.com/matrix-org/matrix-react-sdk/pull/7264)). Fixes #20011.
+ * Decorate view keyboard shortcuts link as a link ([\#7260](https://github.com/matrix-org/matrix-react-sdk/pull/7260)). Fixes #20007.
+ * Improve ease of focusing on Room list Search ([\#7255](https://github.com/matrix-org/matrix-react-sdk/pull/7255)). Fixes matrix-org/element-web-rageshakes#7017.
+ * Autofocus device panel entry when renaming device ([\#7249](https://github.com/matrix-org/matrix-react-sdk/pull/7249)). Fixes #19984.
+ * Update Space Panel scrollable region ([\#7245](https://github.com/matrix-org/matrix-react-sdk/pull/7245)). Fixes #19978.
+ * Replace breadcrumbs with recently viewed menu ([\#7073](https://github.com/matrix-org/matrix-react-sdk/pull/7073)). Fixes #19528.
+ * Tweaks to informational architecture 1.1 ([\#7052](https://github.com/matrix-org/matrix-react-sdk/pull/7052)). Fixes #19526, #19379, #17792, #16450, #19881, #19892, #19300, #19324, #17307, #17468 #19932 and #19956.
+
+## 🐛 Bug Fixes
+ * [Release] Fix inline code block nowrap issue ([\#7407](https://github.com/matrix-org/matrix-react-sdk/pull/7407)).
+ * don't collapse spaces in inline code blocks (https ([\#7328](https://github.com/matrix-org/matrix-react-sdk/pull/7328)). Fixes #6051. Contributed by @HarHarLinks.
+ * Fix accessibility regressions ([\#7336](https://github.com/matrix-org/matrix-react-sdk/pull/7336)).
+ * Debounce User Info start dm "Message" button ([\#7357](https://github.com/matrix-org/matrix-react-sdk/pull/7357)). Fixes #7763.
+ * Fix thread filter being cut-off on narrow screens ([\#7354](https://github.com/matrix-org/matrix-react-sdk/pull/7354)). Fixes #20146.
+ * Fix upgraded rooms wrongly showing up in spotlight ([\#7341](https://github.com/matrix-org/matrix-react-sdk/pull/7341)). Fixes #20141.
+ * Show votes in replied-to polls (pass in getRelationsForEvent) ([\#7345](https://github.com/matrix-org/matrix-react-sdk/pull/7345)). Fixes #20153.
+ * Keep all previously approved widget capabilities when requesting new capabilities ([\#7340](https://github.com/matrix-org/matrix-react-sdk/pull/7340)). Contributed by @dhenneke.
+ * Only show poll previews when the polls feature is enabled ([\#7331](https://github.com/matrix-org/matrix-react-sdk/pull/7331)).
+ * No-op action:join if the user is already invited for scalar ([\#7334](https://github.com/matrix-org/matrix-react-sdk/pull/7334)). Fixes #20134.
+ * Don't show polls in timeline if polls are disabled ([\#7332](https://github.com/matrix-org/matrix-react-sdk/pull/7332)). Fixes #20130.
+ * Don't send a poll response event if you are voting for your current c… ([\#7326](https://github.com/matrix-org/matrix-react-sdk/pull/7326)). Fixes #20129.
+ * Don't show options button when the user can't modify widgets ([\#7324](https://github.com/matrix-org/matrix-react-sdk/pull/7324)). Fixes #20114. Contributed by @SimonBrandner.
+ * Add vertical spacing between buttons when they go over multiple lines ([\#7314](https://github.com/matrix-org/matrix-react-sdk/pull/7314)). Contributed by @twigleingrid.
+ * Improve accessibility of opening space create menu ([\#7316](https://github.com/matrix-org/matrix-react-sdk/pull/7316)).
+ * Correct tab order in room preview dialog ([\#7302](https://github.com/matrix-org/matrix-react-sdk/pull/7302)).
+ * Fix favourites and people metaspaces not rendering their content ([\#7315](https://github.com/matrix-org/matrix-react-sdk/pull/7315)). Fixes #20070.
+ * Make clear button images visible in high contrast theme ([\#7306](https://github.com/matrix-org/matrix-react-sdk/pull/7306)). Fixes #19931.
+ * Fix html exporting and improve output size ([\#7312](https://github.com/matrix-org/matrix-react-sdk/pull/7312)). Fixes #19436 #20107 and #19441.
+ * Fix textual message stripping new line ([\#7239](https://github.com/matrix-org/matrix-react-sdk/pull/7239)). Fixes #15320. Contributed by @renancleyson-dev.
+ * Fix issue with room list resizer getting clipped in firefox ([\#7303](https://github.com/matrix-org/matrix-react-sdk/pull/7303)). Fixes #20076.
+ * Fix wrong indentation with nested ordered list unnesting list on edit ([\#7300](https://github.com/matrix-org/matrix-react-sdk/pull/7300)). Contributed by @renancleyson-dev.
+ * Fix input field behaviour inside context menus ([\#7293](https://github.com/matrix-org/matrix-react-sdk/pull/7293)). Fixes #19881.
+ * Corrected the alignment of the Edit button on LoginPage. ([\#7292](https://github.com/matrix-org/matrix-react-sdk/pull/7292)). Contributed by @ankur12-1610.
+ * Allow sharing manual location without giving location permission ([\#7295](https://github.com/matrix-org/matrix-react-sdk/pull/7295)). Fixes #20065. Contributed by @tulir.
+ * Make emoji picker search placeholder localizable ([\#7294](https://github.com/matrix-org/matrix-react-sdk/pull/7294)).
+ * Fix jump to bottom on message send ([\#7280](https://github.com/matrix-org/matrix-react-sdk/pull/7280)). Fixes #19859. Contributed by @SimonBrandner.
+ * Fix: Warning: Unsupported style property pointer-events. Did you mean pointerEvents? ([\#7291](https://github.com/matrix-org/matrix-react-sdk/pull/7291)).
+ * Add edits and replies to the right panel timeline & prepare the timelineCard to share code with threads ([\#7262](https://github.com/matrix-org/matrix-react-sdk/pull/7262)). Fixes #20012 and #19928.
+ * Fix labs exploding when lab group is empty ([\#7290](https://github.com/matrix-org/matrix-react-sdk/pull/7290)). Fixes #20051.
+ * Update URL when room aliases are modified ([\#7289](https://github.com/matrix-org/matrix-react-sdk/pull/7289)). Fixes #1616 and #1925.
+ * Render mini user menu for when space panel is disabled ([\#7258](https://github.com/matrix-org/matrix-react-sdk/pull/7258)). Fixes #19998.
+ * When accepting DM from People metaspace don't switch to Home ([\#7272](https://github.com/matrix-org/matrix-react-sdk/pull/7272)). Fixes #19995.
+ * Fix CallPreview `room is null` ([\#7265](https://github.com/matrix-org/matrix-react-sdk/pull/7265)). Fixes #19990, #19972, matrix-org/element-web-rageshakes#7004 matrix-org/element-web-rageshakes#6991 and matrix-org/element-web-rageshakes#6964.
+ * Fixes more instances of double-translation ([\#7259](https://github.com/matrix-org/matrix-react-sdk/pull/7259)). Fixes #20010.
+ * Fix video calls ([\#7256](https://github.com/matrix-org/matrix-react-sdk/pull/7256)). Fixes #20008. Contributed by @SimonBrandner.
+ * Fix broken i18n in Forgot & Change password ([\#7252](https://github.com/matrix-org/matrix-react-sdk/pull/7252)). Fixes #19989.
+ * Fix setBotPower to not use `.content` ([\#7179](https://github.com/matrix-org/matrix-react-sdk/pull/7179)). Fixes #19845.
+ * Break long words in pinned messages to prevent overflow ([\#7251](https://github.com/matrix-org/matrix-react-sdk/pull/7251)). Fixes #19985.
+ * Disallow sending empty feedbacks ([\#7240](https://github.com/matrix-org/matrix-react-sdk/pull/7240)).
+ * Fix wrongly sized default sub-space icons in space panel ([\#7243](https://github.com/matrix-org/matrix-react-sdk/pull/7243)). Fixes #19973.
+ * Hide clear cache and reload button if crash is before client init ([\#7242](https://github.com/matrix-org/matrix-react-sdk/pull/7242)). Fixes matrix-org/element-web-rageshakes#6996.
+ * Fix automatic space switching wrongly going via Home for room aliases ([\#7247](https://github.com/matrix-org/matrix-react-sdk/pull/7247)). Fixes #19974.
+ * Fix links being parsed as markdown links improperly ([\#7200](https://github.com/matrix-org/matrix-react-sdk/pull/7200)). Contributed by @Palid.
+
+Changes in [1.9.8-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.9.8-rc.1) (2021-12-14)
+=======================================================================================================
+
+## ✨ Features
+ * Include Vietnamese language ([\#20029](https://github.com/vector-im/element-web/pull/20029)).
+ * Simple static location sharing ([\#19754](https://github.com/vector-im/element-web/pull/19754)).
+ * Add support for the Indonesian language ([\#20032](https://github.com/vector-im/element-web/pull/20032)). Fixes #20030. Contributed by @Linerly.
+ * Always unhide widgets on layout change (pinning a widget) ([\#7299](https://github.com/matrix-org/matrix-react-sdk/pull/7299)).
+ * Update status message in the member list and user info panel when it is changed ([\#7338](https://github.com/matrix-org/matrix-react-sdk/pull/7338)). Fixes #20127. Contributed by @SimonBrandner.
+ * Iterate space panel toggle collapse interaction ([\#7335](https://github.com/matrix-org/matrix-react-sdk/pull/7335)). Fixes #20079.
+ * Spotlight search labs ([\#7116](https://github.com/matrix-org/matrix-react-sdk/pull/7116)). Fixes #19530.
+ * Put room settings form elements in fieldsets ([\#7311](https://github.com/matrix-org/matrix-react-sdk/pull/7311)).
+ * Add descriptions to ambiguous links for screen readers ([\#7310](https://github.com/matrix-org/matrix-react-sdk/pull/7310)).
+ * Make tooltips keyboard accessible ([\#7281](https://github.com/matrix-org/matrix-react-sdk/pull/7281)).
+ * Iterate room context menus for DMs ([\#7308](https://github.com/matrix-org/matrix-react-sdk/pull/7308)). Fixes #19527.
+ * Update space panel expand mechanism ([\#7230](https://github.com/matrix-org/matrix-react-sdk/pull/7230)). Fixes #17993.
+ * Add CSS variable to make the UI gaps consistent and fix the resize handle position ([\#7234](https://github.com/matrix-org/matrix-react-sdk/pull/7234)). Fixes #19904 and #19938.
+ * Custom location sharing. ([\#7185](https://github.com/matrix-org/matrix-react-sdk/pull/7185)).
+ * Simple static location sharing ([\#7135](https://github.com/matrix-org/matrix-react-sdk/pull/7135)).
+ * Finish sending pending messages before leaving room ([\#7276](https://github.com/matrix-org/matrix-react-sdk/pull/7276)). Fixes #4702.
+ * Dropdown follow wai-aria practices for expanding on arrow keys ([\#7277](https://github.com/matrix-org/matrix-react-sdk/pull/7277)). Fixes #3687.
+ * Expose PL control for pinned events when lab enabled ([\#7278](https://github.com/matrix-org/matrix-react-sdk/pull/7278)). Fixes #5396.
+ * In People & Favourites metaspaces always show all rooms ([\#7288](https://github.com/matrix-org/matrix-react-sdk/pull/7288)). Fixes #20048.
+ * Don't allow calls when the connection the server has been lost ([\#7287](https://github.com/matrix-org/matrix-react-sdk/pull/7287)). Fixes #2096. Contributed by @SimonBrandner.
+ * Analytics opt in for posthog ([\#6936](https://github.com/matrix-org/matrix-react-sdk/pull/6936)).
+ * Don't inhibit current room notifications if user has Modal open ([\#7274](https://github.com/matrix-org/matrix-react-sdk/pull/7274)). Fixes #1118.
+ * Remove the `Screen sharing is here!` dialog ([\#7266](https://github.com/matrix-org/matrix-react-sdk/pull/7266)). Fixes #18824. Contributed by @SimonBrandner.
+ * Make composer buttons react to settings without having to change room ([\#7264](https://github.com/matrix-org/matrix-react-sdk/pull/7264)). Fixes #20011.
+ * Decorate view keyboard shortcuts link as a link ([\#7260](https://github.com/matrix-org/matrix-react-sdk/pull/7260)). Fixes #20007.
+ * Improve ease of focusing on Room list Search ([\#7255](https://github.com/matrix-org/matrix-react-sdk/pull/7255)). Fixes matrix-org/element-web-rageshakes#7017.
+ * Autofocus device panel entry when renaming device ([\#7249](https://github.com/matrix-org/matrix-react-sdk/pull/7249)). Fixes #19984.
+ * Update Space Panel scrollable region ([\#7245](https://github.com/matrix-org/matrix-react-sdk/pull/7245)). Fixes #19978.
+ * Replace breadcrumbs with recently viewed menu ([\#7073](https://github.com/matrix-org/matrix-react-sdk/pull/7073)). Fixes #19528.
+ * Tweaks to informational architecture 1.1 ([\#7052](https://github.com/matrix-org/matrix-react-sdk/pull/7052)). Fixes #19526, #19379, #17792, #16450, #19881, #19892, #19300, #19324, #17307, #17468 #19932 and #19956.
+
+## 🐛 Bug Fixes
+ * Fix accessibility regressions ([\#7336](https://github.com/matrix-org/matrix-react-sdk/pull/7336)).
+ * Debounce User Info start dm "Message" button ([\#7357](https://github.com/matrix-org/matrix-react-sdk/pull/7357)). Fixes #7763.
+ * Fix thread filter being cut-off on narrow screens ([\#7354](https://github.com/matrix-org/matrix-react-sdk/pull/7354)). Fixes #20146.
+ * Fix upgraded rooms wrongly showing up in spotlight ([\#7341](https://github.com/matrix-org/matrix-react-sdk/pull/7341)). Fixes #20141.
+ * Show votes in replied-to polls (pass in getRelationsForEvent) ([\#7345](https://github.com/matrix-org/matrix-react-sdk/pull/7345)). Fixes #20153.
+ * Keep all previously approved widget capabilities when requesting new capabilities ([\#7340](https://github.com/matrix-org/matrix-react-sdk/pull/7340)). Contributed by @dhenneke.
+ * Only show poll previews when the polls feature is enabled ([\#7331](https://github.com/matrix-org/matrix-react-sdk/pull/7331)).
+ * don't collapse spaces in inline code blocks (https ([\#7328](https://github.com/matrix-org/matrix-react-sdk/pull/7328)). Fixes #6051. Contributed by @HarHarLinks.
+ * No-op action:join if the user is already invited for scalar ([\#7334](https://github.com/matrix-org/matrix-react-sdk/pull/7334)). Fixes #20134.
+ * Don't show polls in timeline if polls are disabled ([\#7332](https://github.com/matrix-org/matrix-react-sdk/pull/7332)). Fixes #20130.
+ * Don't send a poll response event if you are voting for your current c… ([\#7326](https://github.com/matrix-org/matrix-react-sdk/pull/7326)). Fixes #20129.
+ * Don't show options button when the user can't modify widgets ([\#7324](https://github.com/matrix-org/matrix-react-sdk/pull/7324)). Fixes #20114. Contributed by @SimonBrandner.
+ * Add vertical spacing between buttons when they go over multiple lines ([\#7314](https://github.com/matrix-org/matrix-react-sdk/pull/7314)). Contributed by @twigleingrid.
+ * Improve accessibility of opening space create menu ([\#7316](https://github.com/matrix-org/matrix-react-sdk/pull/7316)).
+ * Correct tab order in room preview dialog ([\#7302](https://github.com/matrix-org/matrix-react-sdk/pull/7302)).
+ * Fix favourites and people metaspaces not rendering their content ([\#7315](https://github.com/matrix-org/matrix-react-sdk/pull/7315)). Fixes #20070.
+ * Make clear button images visible in high contrast theme ([\#7306](https://github.com/matrix-org/matrix-react-sdk/pull/7306)). Fixes #19931.
+ * Fix html exporting and improve output size ([\#7312](https://github.com/matrix-org/matrix-react-sdk/pull/7312)). Fixes #19436 #20107 and #19441.
+ * Fix textual message stripping new line ([\#7239](https://github.com/matrix-org/matrix-react-sdk/pull/7239)). Fixes #15320. Contributed by @renancleyson-dev.
+ * Fix issue with room list resizer getting clipped in firefox ([\#7303](https://github.com/matrix-org/matrix-react-sdk/pull/7303)). Fixes #20076.
+ * Fix wrong indentation with nested ordered list unnesting list on edit ([\#7300](https://github.com/matrix-org/matrix-react-sdk/pull/7300)). Contributed by @renancleyson-dev.
+ * Fix input field behaviour inside context menus ([\#7293](https://github.com/matrix-org/matrix-react-sdk/pull/7293)). Fixes #19881.
+ * Corrected the alignment of the Edit button on LoginPage. ([\#7292](https://github.com/matrix-org/matrix-react-sdk/pull/7292)). Contributed by @ankur12-1610.
+ * Allow sharing manual location without giving location permission ([\#7295](https://github.com/matrix-org/matrix-react-sdk/pull/7295)). Fixes #20065. Contributed by @tulir.
+ * Make emoji picker search placeholder localizable ([\#7294](https://github.com/matrix-org/matrix-react-sdk/pull/7294)).
+ * Fix jump to bottom on message send ([\#7280](https://github.com/matrix-org/matrix-react-sdk/pull/7280)). Fixes #19859. Contributed by @SimonBrandner.
+ * Fix: Warning: Unsupported style property pointer-events. Did you mean pointerEvents? ([\#7291](https://github.com/matrix-org/matrix-react-sdk/pull/7291)).
+ * Add edits and replies to the right panel timeline & prepare the timelineCard to share code with threads ([\#7262](https://github.com/matrix-org/matrix-react-sdk/pull/7262)). Fixes #20012 and #19928.
+ * Fix labs exploding when lab group is empty ([\#7290](https://github.com/matrix-org/matrix-react-sdk/pull/7290)). Fixes #20051.
+ * Update URL when room aliases are modified ([\#7289](https://github.com/matrix-org/matrix-react-sdk/pull/7289)). Fixes #1616 and #1925.
+ * Render mini user menu for when space panel is disabled ([\#7258](https://github.com/matrix-org/matrix-react-sdk/pull/7258)). Fixes #19998.
+ * When accepting DM from People metaspace don't switch to Home ([\#7272](https://github.com/matrix-org/matrix-react-sdk/pull/7272)). Fixes #19995.
+ * Fix CallPreview `room is null` ([\#7265](https://github.com/matrix-org/matrix-react-sdk/pull/7265)). Fixes #19990, #19972, matrix-org/element-web-rageshakes#7004 matrix-org/element-web-rageshakes#6991 and matrix-org/element-web-rageshakes#6964.
+ * Fixes more instances of double-translation ([\#7259](https://github.com/matrix-org/matrix-react-sdk/pull/7259)). Fixes #20010.
+ * Fix video calls ([\#7256](https://github.com/matrix-org/matrix-react-sdk/pull/7256)). Fixes #20008. Contributed by @SimonBrandner.
+ * Fix broken i18n in Forgot & Change password ([\#7252](https://github.com/matrix-org/matrix-react-sdk/pull/7252)). Fixes #19989.
+ * Fix setBotPower to not use `.content` ([\#7179](https://github.com/matrix-org/matrix-react-sdk/pull/7179)). Fixes #19845.
+ * Break long words in pinned messages to prevent overflow ([\#7251](https://github.com/matrix-org/matrix-react-sdk/pull/7251)). Fixes #19985.
+ * Disallow sending empty feedbacks ([\#7240](https://github.com/matrix-org/matrix-react-sdk/pull/7240)).
+ * Fix wrongly sized default sub-space icons in space panel ([\#7243](https://github.com/matrix-org/matrix-react-sdk/pull/7243)). Fixes #19973.
+ * Hide clear cache and reload button if crash is before client init ([\#7242](https://github.com/matrix-org/matrix-react-sdk/pull/7242)). Fixes matrix-org/element-web-rageshakes#6996.
+ * Fix automatic space switching wrongly going via Home for room aliases ([\#7247](https://github.com/matrix-org/matrix-react-sdk/pull/7247)). Fixes #19974.
+ * Fix links being parsed as markdown links improperly ([\#7200](https://github.com/matrix-org/matrix-react-sdk/pull/7200)). Contributed by @Palid.
+
+Changes in [1.9.7](https://github.com/vector-im/element-web/releases/tag/v1.9.7) (2021-12-13)
+=============================================================================================
+
+ * Security release with updated version of Olm to fix https://matrix.org/blog/2021/12/03/pre-disclosure-upcoming-security-release-of-libolm-and-matrix-js-sdk
+ * Fix a crash on logout
+
+Changes in [1.9.6](https://github.com/vector-im/element-web/releases/tag/v1.9.6) (2021-12-06)
+=============================================================================================
+
+## ✨ Features
+ * Add unread indicator to the timelineCard header icon ([\#7156](https://github.com/matrix-org/matrix-react-sdk/pull/7156)). Fixes #19635.
+ * Only show core navigation elements (call/chat/notification/info) when a widget is maximised ([\#7114](https://github.com/matrix-org/matrix-react-sdk/pull/7114)). Fixes #19632.
+ * Improve ThreadPanel ctx menu accessibility ([\#7217](https://github.com/matrix-org/matrix-react-sdk/pull/7217)). Fixes #19885.
+ * Allow filtering room list during treeview navigation ([\#7219](https://github.com/matrix-org/matrix-react-sdk/pull/7219)). Fixes #14702.
+ * Add right panel chat timeline ([\#7112](https://github.com/matrix-org/matrix-react-sdk/pull/7112)). Fixes #19633.
+ * Hide server options hint when disable_custom_urls is true ([\#7215](https://github.com/matrix-org/matrix-react-sdk/pull/7215)). Fixes #19919.
+ * Improve right panel resize handle usability ([\#7204](https://github.com/matrix-org/matrix-react-sdk/pull/7204)). Fixes #15145. Contributed by @weeman1337.
+ * Spaces quick settings ([\#7196](https://github.com/matrix-org/matrix-react-sdk/pull/7196)).
+ * Maximised widgets always force a call to be shown in PIP mode ([\#7163](https://github.com/matrix-org/matrix-react-sdk/pull/7163)). Fixes #19637.
+ * Group Labs flags ([\#7190](https://github.com/matrix-org/matrix-react-sdk/pull/7190)).
+ * Show room context details in forward dialog ([\#7162](https://github.com/matrix-org/matrix-react-sdk/pull/7162)). Fixes #19793.
+ * Remove chevrons from RoomSummaryCard_Button ([\#7137](https://github.com/matrix-org/matrix-react-sdk/pull/7137)). Fixes #19644.
+ * Disable op/deop commands where user has no permissions ([\#7161](https://github.com/matrix-org/matrix-react-sdk/pull/7161)). Fixes #15390.
+ * Add option to change the size of images/videos in the timeline ([\#7017](https://github.com/matrix-org/matrix-react-sdk/pull/7017)). Fixes vector-im/element-meta#49 #1520 and #19498.
+
+## 🐛 Bug Fixes
+ * Fix left panel glow in Safari ([\#7236](https://github.com/matrix-org/matrix-react-sdk/pull/7236)). Fixes #19863.
+ * Fix newline on edit messages with quotes ([\#7227](https://github.com/matrix-org/matrix-react-sdk/pull/7227)). Fixes #12535. Contributed by @renancleyson-dev.
+ * Guard against null refs in findSiblingElement ([\#7228](https://github.com/matrix-org/matrix-react-sdk/pull/7228)).
+ * Tweak bottom of space panel buttons in expanded state ([\#7213](https://github.com/matrix-org/matrix-react-sdk/pull/7213)). Fixes #19921.
+ * Fix multiline paragraph rendering as single line ([\#7210](https://github.com/matrix-org/matrix-react-sdk/pull/7210)). Fixes #8786. Contributed by @renancleyson-dev.
+ * Improve room list message previews ([\#7224](https://github.com/matrix-org/matrix-react-sdk/pull/7224)). Fixes #17101 and #16169.
+ * Fix EmojiPicker lazy loaded rendering bug ([\#7225](https://github.com/matrix-org/matrix-react-sdk/pull/7225)). Fixes #15341.
+ * Prevent default avatar in UserInfo having pointer cursor ([\#7218](https://github.com/matrix-org/matrix-react-sdk/pull/7218)). Fixes #13872.
+ * Prevent duplicate avatars in Event List Summaries ([\#7222](https://github.com/matrix-org/matrix-react-sdk/pull/7222)). Fixes #17706.
+ * Respect the home page as a context for the Home space ([\#7216](https://github.com/matrix-org/matrix-react-sdk/pull/7216)). Fixes #19554.
+ * Fix RoomUpgradeWarningBar exploding ([\#7214](https://github.com/matrix-org/matrix-react-sdk/pull/7214)). Fixes #19920.
+ * Polish threads misalignments and UI diversion ([\#7209](https://github.com/matrix-org/matrix-react-sdk/pull/7209)). Fixes #19772, #19710 #19629 and #19711.
+ * Fix Manage Restricted Join Rule Dialog for Spaces ([\#7208](https://github.com/matrix-org/matrix-react-sdk/pull/7208)). Fixes #19610.
+ * Fix wrongly showing unpin in pinned messages tile with no perms ([\#7197](https://github.com/matrix-org/matrix-react-sdk/pull/7197)). Fixes #19886.
+ * Make image size constrained by height when using the ImageSize.Large option ([\#7171](https://github.com/matrix-org/matrix-react-sdk/pull/7171)). Fixes #19788.
+ * Prevent programmatic scrolling within truncated room sublists ([\#7191](https://github.com/matrix-org/matrix-react-sdk/pull/7191)).
+ * Remove leading slash from /addwidget Jitsi confs ([\#7175](https://github.com/matrix-org/matrix-react-sdk/pull/7175)). Fixes #19839. Contributed by @AndrewFerr.
+ * Fix automatic composer focus, regressed by threads work ([\#7167](https://github.com/matrix-org/matrix-react-sdk/pull/7167)). Fixes #19479.
+ * Show space members when not invited even if summary didn't fail ([\#7153](https://github.com/matrix-org/matrix-react-sdk/pull/7153)). Fixes #19781.
+ * Prevent custom power levels from breaking roles & permissions tab ([\#7160](https://github.com/matrix-org/matrix-react-sdk/pull/7160)). Fixes #19812.
+ * Room Context Menu should respond to tag changes ([\#7154](https://github.com/matrix-org/matrix-react-sdk/pull/7154)). Fixes #19776.
+ * Fix an edge case when trying to join an upgraded room ([\#7159](https://github.com/matrix-org/matrix-react-sdk/pull/7159)).
+
+Changes in [1.9.6-rc.2](https://github.com/vector-im/element-web/releases/tag/v1.9.6-rc.2) (2021-12-01)
+=======================================================================================================
+
+ * Fixed release from correct branch
+
+Changes in [1.9.6-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.9.6-rc.1) (2021-11-30)
+=======================================================================================================
+
+## ✨ Features
+ * Tweaks to informational architecture 1.1 ([\#7052](https://github.com/matrix-org/matrix-react-sdk/pull/7052)). Fixes #19526, #19379, #17792, #16450, #19881, #19892, #19300, #19324, #17307, #17468, #19932 #19956 and #19526.
+ * Add unread indicator to the timelineCard header icon ([\#7156](https://github.com/matrix-org/matrix-react-sdk/pull/7156)). Fixes #19635 and #19635.
+ * Only show core navigation elements (call/chat/notification/info) when a widget is maximised ([\#7114](https://github.com/matrix-org/matrix-react-sdk/pull/7114)). Fixes #19632 and #19632.
+ * Improve ThreadPanel ctx menu accessibility ([\#7217](https://github.com/matrix-org/matrix-react-sdk/pull/7217)). Fixes #19885 and #19885.
+ * Allow filtering room list during treeview navigation ([\#7219](https://github.com/matrix-org/matrix-react-sdk/pull/7219)). Fixes #14702 and #14702.
+ * Add right panel chat timeline ([\#7112](https://github.com/matrix-org/matrix-react-sdk/pull/7112)). Fixes #19633 and #19633.
+ * Hide server options hint when disable_custom_urls is true ([\#7215](https://github.com/matrix-org/matrix-react-sdk/pull/7215)). Fixes #19919 and #19919.
+ * Improve right panel resize handle usability ([\#7204](https://github.com/matrix-org/matrix-react-sdk/pull/7204)). Fixes #15145 and #15145. Contributed by @weeman1337.
+ * Spaces quick settings ([\#7196](https://github.com/matrix-org/matrix-react-sdk/pull/7196)).
+ * Maximised widgets always force a call to be shown in PIP mode ([\#7163](https://github.com/matrix-org/matrix-react-sdk/pull/7163)). Fixes #19637 and #19637.
+ * Group Labs flags ([\#7190](https://github.com/matrix-org/matrix-react-sdk/pull/7190)).
+ * Show room context details in forward dialog ([\#7162](https://github.com/matrix-org/matrix-react-sdk/pull/7162)). Fixes #19793 and #19793.
+ * Remove chevrons from RoomSummaryCard_Button ([\#7137](https://github.com/matrix-org/matrix-react-sdk/pull/7137)). Fixes #19644 and #19644.
+ * Disable op/deop commands where user has no permissions ([\#7161](https://github.com/matrix-org/matrix-react-sdk/pull/7161)). Fixes #15390 and #15390.
+ * Add option to change the size of images/videos in the timeline ([\#7017](https://github.com/matrix-org/matrix-react-sdk/pull/7017)). Fixes vector-im/element-meta#49, #1520 #19498 and vector-im/element-meta#49.
+
+## 🐛 Bug Fixes
+ * Fix links being parsed as markdown links improperly ([\#7200](https://github.com/matrix-org/matrix-react-sdk/pull/7200)).
+ * Fix left panel glow in Safari ([\#7236](https://github.com/matrix-org/matrix-react-sdk/pull/7236)). Fixes #19863 and #19863.
+ * Fix newline on edit messages with quotes ([\#7227](https://github.com/matrix-org/matrix-react-sdk/pull/7227)). Fixes #12535 and #12535. Contributed by @renancleyson-dev.
+ * Guard against null refs in findSiblingElement ([\#7228](https://github.com/matrix-org/matrix-react-sdk/pull/7228)).
+ * Tweak bottom of space panel buttons in expanded state ([\#7213](https://github.com/matrix-org/matrix-react-sdk/pull/7213)). Fixes #19921 and #19921.
+ * Fix multiline paragraph rendering as single line ([\#7210](https://github.com/matrix-org/matrix-react-sdk/pull/7210)). Fixes #8786 and #8786. Contributed by @renancleyson-dev.
+ * Improve room list message previews ([\#7224](https://github.com/matrix-org/matrix-react-sdk/pull/7224)). Fixes #17101 #16169 and #17101.
+ * Fix EmojiPicker lazy loaded rendering bug ([\#7225](https://github.com/matrix-org/matrix-react-sdk/pull/7225)). Fixes #15341 and #15341.
+ * Prevent default avatar in UserInfo having pointer cursor ([\#7218](https://github.com/matrix-org/matrix-react-sdk/pull/7218)). Fixes #13872 and #13872.
+ * Prevent duplicate avatars in Event List Summaries ([\#7222](https://github.com/matrix-org/matrix-react-sdk/pull/7222)). Fixes #17706 and #17706.
+ * Respect the home page as a context for the Home space ([\#7216](https://github.com/matrix-org/matrix-react-sdk/pull/7216)). Fixes #19554 and #19554.
+ * Fix RoomUpgradeWarningBar exploding ([\#7214](https://github.com/matrix-org/matrix-react-sdk/pull/7214)). Fixes #19920 and #19920.
+ * Polish threads misalignments and UI diversion ([\#7209](https://github.com/matrix-org/matrix-react-sdk/pull/7209)). Fixes #19772, #19710, #19629 #19711 and #19772.
+ * Fix Manage Restricted Join Rule Dialog for Spaces ([\#7208](https://github.com/matrix-org/matrix-react-sdk/pull/7208)). Fixes #19610 and #19610.
+ * Fix wrongly showing unpin in pinned messages tile with no perms ([\#7197](https://github.com/matrix-org/matrix-react-sdk/pull/7197)). Fixes #19886 and #19886.
+ * Make image size constrained by height when using the ImageSize.Large option ([\#7171](https://github.com/matrix-org/matrix-react-sdk/pull/7171)). Fixes #19788 and #19788.
+ * Prevent programmatic scrolling within truncated room sublists ([\#7191](https://github.com/matrix-org/matrix-react-sdk/pull/7191)).
+ * Remove leading slash from /addwidget Jitsi confs ([\#7175](https://github.com/matrix-org/matrix-react-sdk/pull/7175)). Fixes #19839 and #19839. Contributed by @AndrewFerr.
+ * Fix automatic composer focus, regressed by threads work ([\#7167](https://github.com/matrix-org/matrix-react-sdk/pull/7167)). Fixes #19479 and #19479.
+ * Show space members when not invited even if summary didn't fail ([\#7153](https://github.com/matrix-org/matrix-react-sdk/pull/7153)). Fixes #19781 and #19781.
+ * Prevent custom power levels from breaking roles & permissions tab ([\#7160](https://github.com/matrix-org/matrix-react-sdk/pull/7160)). Fixes #19812 and #19812.
+ * Room Context Menu should respond to tag changes ([\#7154](https://github.com/matrix-org/matrix-react-sdk/pull/7154)). Fixes #19776.
+ * Fix an edge case when trying to join an upgraded room ([\#7159](https://github.com/matrix-org/matrix-react-sdk/pull/7159)).
+
+Changes in [1.9.5](https://github.com/vector-im/element-web/releases/tag/v1.9.5) (2021-11-22)
+=============================================================================================
+
+## ✨ Features
+ * Make double-clicking the PiP take you to the call room ([\#7142](https://github.com/matrix-org/matrix-react-sdk/pull/7142)). Fixes #18421 #15920 and #18421. Contributed by @SimonBrandner.
+ * Add maximise widget functionality ([\#7098](https://github.com/matrix-org/matrix-react-sdk/pull/7098)). Fixes #19619, #19621 #19760 and #19619.
+ * Add rainfall effect ([\#7086](https://github.com/matrix-org/matrix-react-sdk/pull/7086)). Contributed by @justjosias.
+ * Add root folder to zip file created by export chat feature ([\#7097](https://github.com/matrix-org/matrix-react-sdk/pull/7097)). Fixes #19653 and #19653. Contributed by @aaronraimist.
+ * Improve VoIP UI/UX ([\#7048](https://github.com/matrix-org/matrix-react-sdk/pull/7048)). Fixes #19513 and #19513. Contributed by @SimonBrandner.
+ * Unified room context menus ([\#7072](https://github.com/matrix-org/matrix-react-sdk/pull/7072)). Fixes #19527 and #19527.
+ * In forgot password screen, show validation errors inline in the form, instead of in modals ([\#7113](https://github.com/matrix-org/matrix-react-sdk/pull/7113)). Contributed by @psrpinto.
+ * Implement more meta-spaces ([\#7077](https://github.com/matrix-org/matrix-react-sdk/pull/7077)). Fixes #18634 #17295 and #18634.
+ * Expose power level control for m.space.child ([\#7120](https://github.com/matrix-org/matrix-react-sdk/pull/7120)).
+ * Forget member-list query when switching out of a room ([\#7093](https://github.com/matrix-org/matrix-react-sdk/pull/7093)). Fixes #19432 and #19432. Contributed by @SimonBrandner.
+ * Do pre-submit availability check on username during registration ([\#6978](https://github.com/matrix-org/matrix-react-sdk/pull/6978)). Fixes #9545 and #9545.
+
+## 🐛 Bug Fixes
+ * Adjust recovery key button sizes depending on text width ([\#7134](https://github.com/matrix-org/matrix-react-sdk/pull/7134)). Fixes #19511 and #19511. Contributed by @weeman1337.
+ * Fix bulk invite button getting a negative count ([\#7122](https://github.com/matrix-org/matrix-react-sdk/pull/7122)). Fixes #19466 and #19466. Contributed by @renancleyson-dev.
+ * Fix maximised / pinned widget state being loaded correctly ([\#7146](https://github.com/matrix-org/matrix-react-sdk/pull/7146)). Fixes #19768 and #19768.
+ * Don't reload the page when user hits enter when entering ban reason ([\#7145](https://github.com/matrix-org/matrix-react-sdk/pull/7145)). Fixes #19763 and #19763.
+ * Fix timeline text when sharing room layout ([\#7140](https://github.com/matrix-org/matrix-react-sdk/pull/7140)). Fixes #19622 and #19622.
+ * Fix look of emoji verification ([\#7133](https://github.com/matrix-org/matrix-react-sdk/pull/7133)). Fixes #19740 and #19740. Contributed by @SimonBrandner.
+ * Fixes element not remembering widget hidden state per room ([\#7136](https://github.com/matrix-org/matrix-react-sdk/pull/7136)). Fixes #16672, matrix-org/element-web-rageshakes#4407, #15718 #15768 and #16672.
+ * Don't keep spinning if joining space child failed ([\#7129](https://github.com/matrix-org/matrix-react-sdk/pull/7129)). Fixes matrix-org/element-web-rageshakes#6813 and matrix-org/element-web-rageshakes#6813.
+ * Guard around SpaceStore onAccountData handler prevEvent ([\#7123](https://github.com/matrix-org/matrix-react-sdk/pull/7123)). Fixes #19705 and #19705.
+ * Fix missing spaces in threads copy ([\#7119](https://github.com/matrix-org/matrix-react-sdk/pull/7119)). Fixes #19702 and #19702.
+ * Fix hover tile border ([\#7117](https://github.com/matrix-org/matrix-react-sdk/pull/7117)). Fixes #19698 and #19698. Contributed by @SimonBrandner.
+ * Fix quote button ([\#7096](https://github.com/matrix-org/matrix-react-sdk/pull/7096)). Fixes #19659 and #19659. Contributed by @SimonBrandner.
+ * Fix space panel layout edge cases ([\#7101](https://github.com/matrix-org/matrix-react-sdk/pull/7101)). Fixes #19668 and #19668.
+ * Update powerlevel/role when the user changes in the user info panel ([\#7099](https://github.com/matrix-org/matrix-react-sdk/pull/7099)). Fixes #19666 and #19666. Contributed by @SimonBrandner.
+ * Fix avatar disappearing when setting a room topic ([\#7092](https://github.com/matrix-org/matrix-react-sdk/pull/7092)). Fixes #19226 and #19226. Contributed by @SimonBrandner.
+ * Fix possible infinite loop on widget start ([\#7071](https://github.com/matrix-org/matrix-react-sdk/pull/7071)). Fixes #15494 and #15494.
+ * Use device IDs for nameless devices in device list ([\#7081](https://github.com/matrix-org/matrix-react-sdk/pull/7081)). Fixes #19608 and #19608.
+ * Don't re-sort rooms on no-op RoomUpdateCause.PossibleTagChange ([\#7053](https://github.com/matrix-org/matrix-react-sdk/pull/7053)). Contributed by @bradtgmurray.
+
+Changes in [1.9.5-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.9.5-rc.1) (2021-11-17)
+=======================================================================================================
+
+## ✨ Features
+ * Make double-clicking the PiP take you to the call room ([\#7142](https://github.com/matrix-org/matrix-react-sdk/pull/7142)). Fixes #18421 #15920 and #18421. Contributed by @SimonBrandner.
+ * Add maximise widget functionality ([\#7098](https://github.com/matrix-org/matrix-react-sdk/pull/7098)). Fixes #19619, #19621 #19760 and #19619.
+ * Add rainfall effect ([\#7086](https://github.com/matrix-org/matrix-react-sdk/pull/7086)). Contributed by @justjosias.
+ * Add root folder to zip file created by export chat feature ([\#7097](https://github.com/matrix-org/matrix-react-sdk/pull/7097)). Fixes #19653 and #19653. Contributed by @aaronraimist.
+ * Improve VoIP UI/UX ([\#7048](https://github.com/matrix-org/matrix-react-sdk/pull/7048)). Fixes #19513 and #19513. Contributed by @SimonBrandner.
+ * Unified room context menus ([\#7072](https://github.com/matrix-org/matrix-react-sdk/pull/7072)). Fixes #19527 and #19527.
+ * In forgot password screen, show validation errors inline in the form, instead of in modals ([\#7113](https://github.com/matrix-org/matrix-react-sdk/pull/7113)). Contributed by @psrpinto.
+ * Implement more meta-spaces ([\#7077](https://github.com/matrix-org/matrix-react-sdk/pull/7077)). Fixes #18634 #17295 and #18634.
+ * Expose power level control for m.space.child ([\#7120](https://github.com/matrix-org/matrix-react-sdk/pull/7120)).
+ * Forget member-list query when switching out of a room ([\#7093](https://github.com/matrix-org/matrix-react-sdk/pull/7093)). Fixes #19432 and #19432. Contributed by @SimonBrandner.
+ * Do pre-submit availability check on username during registration ([\#6978](https://github.com/matrix-org/matrix-react-sdk/pull/6978)). Fixes #9545 and #9545.
+
+## 🐛 Bug Fixes
+ * Adjust recovery key button sizes depending on text width ([\#7134](https://github.com/matrix-org/matrix-react-sdk/pull/7134)). Fixes #19511 and #19511. Contributed by @weeman1337.
+ * Fix bulk invite button getting a negative count ([\#7122](https://github.com/matrix-org/matrix-react-sdk/pull/7122)). Fixes #19466 and #19466. Contributed by @renancleyson-dev.
+ * Fix maximised / pinned widget state being loaded correctly ([\#7146](https://github.com/matrix-org/matrix-react-sdk/pull/7146)). Fixes #19768 and #19768.
+ * Don't reload the page when user hits enter when entering ban reason ([\#7145](https://github.com/matrix-org/matrix-react-sdk/pull/7145)). Fixes #19763 and #19763.
+ * Fix timeline text when sharing room layout ([\#7140](https://github.com/matrix-org/matrix-react-sdk/pull/7140)). Fixes #19622 and #19622.
+ * Fix look of emoji verification ([\#7133](https://github.com/matrix-org/matrix-react-sdk/pull/7133)). Fixes #19740 and #19740. Contributed by @SimonBrandner.
+ * Fixes element not remembering widget hidden state per room ([\#7136](https://github.com/matrix-org/matrix-react-sdk/pull/7136)). Fixes #16672, matrix-org/element-web-rageshakes#4407, #15718 #15768 and #16672.
+ * Don't keep spinning if joining space child failed ([\#7129](https://github.com/matrix-org/matrix-react-sdk/pull/7129)). Fixes matrix-org/element-web-rageshakes#6813 and matrix-org/element-web-rageshakes#6813.
+ * Guard around SpaceStore onAccountData handler prevEvent ([\#7123](https://github.com/matrix-org/matrix-react-sdk/pull/7123)). Fixes #19705 and #19705.
+ * Fix missing spaces in threads copy ([\#7119](https://github.com/matrix-org/matrix-react-sdk/pull/7119)). Fixes #19702 and #19702.
+ * Fix hover tile border ([\#7117](https://github.com/matrix-org/matrix-react-sdk/pull/7117)). Fixes #19698 and #19698. Contributed by @SimonBrandner.
+ * Fix quote button ([\#7096](https://github.com/matrix-org/matrix-react-sdk/pull/7096)). Fixes #19659 and #19659. Contributed by @SimonBrandner.
+ * Fix space panel layout edge cases ([\#7101](https://github.com/matrix-org/matrix-react-sdk/pull/7101)). Fixes #19668 and #19668.
+ * Update powerlevel/role when the user changes in the user info panel ([\#7099](https://github.com/matrix-org/matrix-react-sdk/pull/7099)). Fixes #19666 and #19666. Contributed by @SimonBrandner.
+ * Fix avatar disappearing when setting a room topic ([\#7092](https://github.com/matrix-org/matrix-react-sdk/pull/7092)). Fixes #19226 and #19226. Contributed by @SimonBrandner.
+ * Fix possible infinite loop on widget start ([\#7071](https://github.com/matrix-org/matrix-react-sdk/pull/7071)). Fixes #15494 and #15494.
+ * Use device IDs for nameless devices in device list ([\#7081](https://github.com/matrix-org/matrix-react-sdk/pull/7081)). Fixes #19608 and #19608.
+ * Don't re-sort rooms on no-op RoomUpdateCause.PossibleTagChange ([\#7053](https://github.com/matrix-org/matrix-react-sdk/pull/7053)). Contributed by @bradtgmurray.
+
+Changes in [1.9.4](https://github.com/vector-im/element-web/releases/tag/v1.9.4) (2021-11-08)
+=============================================================================================
+
+## ✨ Features
+ * Improve the look of tooltips ([\#7049](https://github.com/matrix-org/matrix-react-sdk/pull/7049)). Contributed by @SimonBrandner.
+ * Improve the look of the spinner ([\#6083](https://github.com/matrix-org/matrix-react-sdk/pull/6083)). Contributed by @SimonBrandner.
+ * Polls: Creation form & start event ([\#7001](https://github.com/matrix-org/matrix-react-sdk/pull/7001)).
+ * Show a gray shield when encrypted by deleted session ([\#6119](https://github.com/matrix-org/matrix-react-sdk/pull/6119)). Contributed by @SimonBrandner.
+ * <notes> ([\#7057](https://github.com/matrix-org/matrix-react-sdk/pull/7057)). Contributed by @ndarilek.
+ * Make message separator more accessible. ([\#7056](https://github.com/matrix-org/matrix-react-sdk/pull/7056)). Contributed by @ndarilek.
+ * <notes> ([\#7035](https://github.com/matrix-org/matrix-react-sdk/pull/7035)). Contributed by @ndarilek.
+ * Implement RequiresClient capability for widgets ([\#7005](https://github.com/matrix-org/matrix-react-sdk/pull/7005)). Fixes #15744 and #15744.
+ * Respect the system high contrast setting when using system theme ([\#7043](https://github.com/matrix-org/matrix-react-sdk/pull/7043)).
+ * Remove redundant duplicate mimetype field which doesn't conform to spec ([\#7045](https://github.com/matrix-org/matrix-react-sdk/pull/7045)). Fixes #17145 and #17145.
+ * Make join button on space hierarchy action in the background ([\#7041](https://github.com/matrix-org/matrix-react-sdk/pull/7041)). Fixes #17388 and #17388.
+ * Add a high contrast theme (a variant of the light theme) ([\#7036](https://github.com/matrix-org/matrix-react-sdk/pull/7036)).
+ * Improve timeline message for restricted join rule changes ([\#6984](https://github.com/matrix-org/matrix-react-sdk/pull/6984)). Fixes #18980 and #18980.
+ * Improve the appearance of the font size slider ([\#7038](https://github.com/matrix-org/matrix-react-sdk/pull/7038)).
+ * Improve RovingTabIndex & Room List filtering performance ([\#6987](https://github.com/matrix-org/matrix-react-sdk/pull/6987)). Fixes #17864 and #17864.
+ * Remove outdated Spaces restricted rooms warning ([\#6927](https://github.com/matrix-org/matrix-react-sdk/pull/6927)).
+ * Make /msg <message> param optional for more flexibility ([\#7028](https://github.com/matrix-org/matrix-react-sdk/pull/7028)). Fixes #19481 and #19481.
+ * Add decoration to space hierarchy for tiles which have already been j… ([\#6969](https://github.com/matrix-org/matrix-react-sdk/pull/6969)). Fixes #18755 and #18755.
+ * Add insert link button to the format bar ([\#5879](https://github.com/matrix-org/matrix-react-sdk/pull/5879)). Contributed by @SimonBrandner.
+ * Improve visibility of font size chooser ([\#6988](https://github.com/matrix-org/matrix-react-sdk/pull/6988)).
+ * Soften border-radius on selected/hovered messages ([\#6525](https://github.com/matrix-org/matrix-react-sdk/pull/6525)). Fixes #18108. Contributed by @SimonBrandner.
+ * Add a developer mode flag and use it for accessing space timelines ([\#6994](https://github.com/matrix-org/matrix-react-sdk/pull/6994)). Fixes #19416 and #19416.
+ * Position toggle switch more clearly ([\#6914](https://github.com/matrix-org/matrix-react-sdk/pull/6914)). Contributed by @CicadaCinema.
+ * Validate email address in forgot password dialog ([\#6983](https://github.com/matrix-org/matrix-react-sdk/pull/6983)). Fixes #9978 and #9978. Contributed by @psrpinto.
+ * Handle and i18n M_THREEPID_IN_USE during registration ([\#6986](https://github.com/matrix-org/matrix-react-sdk/pull/6986)). Fixes #13767 and #13767.
+ * For space invite previews, use room summary API to get the right member count ([\#6982](https://github.com/matrix-org/matrix-react-sdk/pull/6982)). Fixes #19123 and #19123.
+ * Simplify Space Panel notification badge layout ([\#6977](https://github.com/matrix-org/matrix-react-sdk/pull/6977)). Fixes #18527 and #18527.
+ * Use prettier hsName during 3pid registration where possible ([\#6980](https://github.com/matrix-org/matrix-react-sdk/pull/6980)). Fixes #19162 and #19162.
+
+## 🐛 Bug Fixes
+ * Add a condition to only activate the resizer which belongs to the clicked handle ([\#7055](https://github.com/matrix-org/matrix-react-sdk/pull/7055)). Fixes #19521 and #19521.
+ * Restore composer focus after event edit ([\#7065](https://github.com/matrix-org/matrix-react-sdk/pull/7065)). Fixes #19469 and #19469.
+ * Don't apply message bubble visual style to media messages ([\#7040](https://github.com/matrix-org/matrix-react-sdk/pull/7040)).
+ * Handle no selected screen when screen-sharing ([\#7018](https://github.com/matrix-org/matrix-react-sdk/pull/7018)). Fixes #19460 and #19460. Contributed by @SimonBrandner.
+ * Add history entry before completing emoji ([\#7007](https://github.com/matrix-org/matrix-react-sdk/pull/7007)). Fixes #19177 and #19177. Contributed by @RafaelGoncalves8.
+ * Add padding between controls on edit form in message bubbles ([\#7039](https://github.com/matrix-org/matrix-react-sdk/pull/7039)).
+ * Respect the roomState right container request for the Jitsi widget ([\#7033](https://github.com/matrix-org/matrix-react-sdk/pull/7033)). Fixes #16552 and #16552.
+ * Fix cannot read length of undefined for room upgrades ([\#7037](https://github.com/matrix-org/matrix-react-sdk/pull/7037)). Fixes #19509 and #19509.
+ * Cleanup re-dispatching around timelines and composers ([\#7023](https://github.com/matrix-org/matrix-react-sdk/pull/7023)). Fixes #19491 and #19491. Contributed by @SimonBrandner.
+ * Fix removing a room from a Space and interaction with `m.space.parent` ([\#6944](https://github.com/matrix-org/matrix-react-sdk/pull/6944)). Fixes #19363 and #19363.
+ * Fix recent css regression ([\#7022](https://github.com/matrix-org/matrix-react-sdk/pull/7022)). Fixes #19470 and #19470. Contributed by @CicadaCinema.
+ * Fix ModalManager reRender racing with itself ([\#7027](https://github.com/matrix-org/matrix-react-sdk/pull/7027)). Fixes #19489 and #19489.
+ * Fix fullscreening a call while connecting ([\#7019](https://github.com/matrix-org/matrix-react-sdk/pull/7019)). Fixes #19309 and #19309. Contributed by @SimonBrandner.
+ * Allow scrolling right in reply-quoted code block ([\#7024](https://github.com/matrix-org/matrix-react-sdk/pull/7024)). Fixes #19487 and #19487. Contributed by @SimonBrandner.
+ * Fix dark theme codeblock colors ([\#6384](https://github.com/matrix-org/matrix-react-sdk/pull/6384)). Fixes #17998. Contributed by @SimonBrandner.
+ * Show passphrase input label ([\#6992](https://github.com/matrix-org/matrix-react-sdk/pull/6992)). Fixes #19428 and #19428. Contributed by @RafaelGoncalves8.
+ * Always render disabled settings as disabled ([\#7014](https://github.com/matrix-org/matrix-react-sdk/pull/7014)).
+ * Make "Security Phrase" placeholder look consistent cross-browser ([\#6870](https://github.com/matrix-org/matrix-react-sdk/pull/6870)). Fixes #19006 and #19006. Contributed by @neer17.
+ * Fix direction override characters breaking member event text direction ([\#6999](https://github.com/matrix-org/matrix-react-sdk/pull/6999)).
+ * Remove redundant text in verification dialogs ([\#6993](https://github.com/matrix-org/matrix-react-sdk/pull/6993)). Fixes #19290 and #19290. Contributed by @RafaelGoncalves8.
+ * Fix space panel name overflowing ([\#6995](https://github.com/matrix-org/matrix-react-sdk/pull/6995)). Fixes #19455 and #19455.
+ * Fix conflicting CSS on syntax highlighted blocks ([\#6991](https://github.com/matrix-org/matrix-react-sdk/pull/6991)). Fixes #19445 and #19445.
+
+Changes in [1.9.3](https://github.com/vector-im/element-desktop/releases/tag/v1.9.3) (2021-10-25)
+=================================================================================================
+
+## ✨ Features
+ * Convert the "Cryptography" settings panel to an HTML table to assist screen reader users. ([\#6968](https://github.com/matrix-org/matrix-react-sdk/pull/6968)). Contributed by [andybalaam](https://github.com/andybalaam).
+ * Swap order of private space creation and tweak copy ([\#6967](https://github.com/matrix-org/matrix-react-sdk/pull/6967)). Fixes #18768 and #18768.
+ * Add spacing to Room settings - Notifications subsection ([\#6962](https://github.com/matrix-org/matrix-react-sdk/pull/6962)). Contributed by [CicadaCinema](https://github.com/CicadaCinema).
+ * Use HTML tables for some tabular user interface areas, to assist with screen reader use ([\#6955](https://github.com/matrix-org/matrix-react-sdk/pull/6955)). Contributed by [andybalaam](https://github.com/andybalaam).
+ * Fix space invite edge cases ([\#6884](https://github.com/matrix-org/matrix-react-sdk/pull/6884)). Fixes #19010 #17345 and #19010.
+ * Allow options to cascade kicks/bans throughout spaces ([\#6829](https://github.com/matrix-org/matrix-react-sdk/pull/6829)). Fixes #18969 and #18969.
+ * Make public space alias field mandatory again ([\#6921](https://github.com/matrix-org/matrix-react-sdk/pull/6921)). Fixes #19003 and #19003.
+ * Add progress bar to restricted room upgrade dialog ([\#6919](https://github.com/matrix-org/matrix-react-sdk/pull/6919)). Fixes #19146 and #19146.
+ * Add customisation point for visibility of invites and room creation ([\#6922](https://github.com/matrix-org/matrix-react-sdk/pull/6922)). Fixes #19331 and #19331.
+ * Inhibit `Unable to get validated threepid` error during UIA ([\#6928](https://github.com/matrix-org/matrix-react-sdk/pull/6928)). Fixes #18883 and #18883.
+ * Tweak room list skeleton UI height and behaviour ([\#6926](https://github.com/matrix-org/matrix-react-sdk/pull/6926)). Fixes #18231 #16581 and #18231.
+ * If public room creation fails, retry without publishing it ([\#6872](https://github.com/matrix-org/matrix-react-sdk/pull/6872)). Fixes #19194 and #19194. Contributed by [AndrewFerr](https://github.com/AndrewFerr).
+ * Iterate invite your teammates to Space view ([\#6925](https://github.com/matrix-org/matrix-react-sdk/pull/6925)). Fixes #18772 and #18772.
+ * Make placeholder more grey when no input ([\#6840](https://github.com/matrix-org/matrix-react-sdk/pull/6840)). Fixes #17243 and #17243. Contributed by [wlach](https://github.com/wlach).
+ * Respect tombstones in locally known rooms for Space children ([\#6906](https://github.com/matrix-org/matrix-react-sdk/pull/6906)). Fixes #19246 #19256 and #19246.
+ * Improve emoji shortcodes generated from annotations ([\#6907](https://github.com/matrix-org/matrix-react-sdk/pull/6907)). Fixes #19304 and #19304.
+ * Hide kick & ban options in UserInfo when looking at own profile ([\#6911](https://github.com/matrix-org/matrix-react-sdk/pull/6911)). Fixes #19066 and #19066.
+ * Add progress bar to Community to Space migration tool ([\#6887](https://github.com/matrix-org/matrix-react-sdk/pull/6887)). Fixes #19216 and #19216.
+
+## 🐛 Bug Fixes
+ * Fix leave space cancel button exploding ([\#6966](https://github.com/matrix-org/matrix-react-sdk/pull/6966)).
+ * Fix edge case behaviour of the space join spinner for guests ([\#6972](https://github.com/matrix-org/matrix-react-sdk/pull/6972)). Fixes #19359 and #19359.
+ * Convert emoticon to emoji at the end of a line on send even if the cursor isn't there ([\#6965](https://github.com/matrix-org/matrix-react-sdk/pull/6965)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix text overflows button on Home page ([\#6898](https://github.com/matrix-org/matrix-react-sdk/pull/6898)). Fixes #19180 and #19180. Contributed by [oliver-pham](https://github.com/oliver-pham).
+ * Space Room View should react to join rule changes down /sync ([\#6945](https://github.com/matrix-org/matrix-react-sdk/pull/6945)). Fixes #19390 and #19390.
+ * Hide leave section button if user isn't in the room e.g peeking ([\#6920](https://github.com/matrix-org/matrix-react-sdk/pull/6920)). Fixes #17410 and #17410.
+ * Fix bug where room list would get stuck showing no rooms ([\#6939](https://github.com/matrix-org/matrix-react-sdk/pull/6939)). Fixes #19373 and #19373.
+ * Update room settings dialog title when room name changes ([\#6916](https://github.com/matrix-org/matrix-react-sdk/pull/6916)). Fixes #17480 and #17480. Contributed by [psrpinto](https://github.com/psrpinto).
+ * Fix editing losing emote-ness and rainbow-ness of messages ([\#6931](https://github.com/matrix-org/matrix-react-sdk/pull/6931)). Fixes #19350 and #19350.
+ * Remove semicolon from notifications panel ([\#6930](https://github.com/matrix-org/matrix-react-sdk/pull/6930)). Contributed by [robintown](https://github.com/robintown).
+ * Prevent profile image in left panel's backdrop from being selected ([\#6924](https://github.com/matrix-org/matrix-react-sdk/pull/6924)). Contributed by [rom4nik](https://github.com/rom4nik).
+ * Validate that the phone number verification field is filled before allowing user to submit ([\#6918](https://github.com/matrix-org/matrix-react-sdk/pull/6918)). Fixes #19316 and #19316. Contributed by [VFermat](https://github.com/VFermat).
+ * Updated how save button becomes disabled in room settings to listen for all fields instead of the most recent ([\#6917](https://github.com/matrix-org/matrix-react-sdk/pull/6917)). Contributed by [LoganArnett](https://github.com/LoganArnett).
+ * Use FocusLock around ContextMenus to simplify focus management ([\#6311](https://github.com/matrix-org/matrix-react-sdk/pull/6311)). Fixes #19259 and #19259.
+ * Fix space hierarchy pagination ([\#6908](https://github.com/matrix-org/matrix-react-sdk/pull/6908)). Fixes #19276 and #19276.
+ * Fix spaces keyboard shortcuts not working for last space ([\#6909](https://github.com/matrix-org/matrix-react-sdk/pull/6909)). Fixes #19255 and #19255.
+ * Use fallback avatar only for DMs with 2 people. ([\#6895](https://github.com/matrix-org/matrix-react-sdk/pull/6895)). Fixes #18747 and #18747. Contributed by [andybalaam](https://github.com/andybalaam).
+
+Changes in [1.9.3-rc.3](https://github.com/vector-im/element-desktop/releases/tag/v1.9.3-rc.3) (2021-10-25)
+===========================================================================================================
+
+## 🐛 Bug Fixes
+ * Remove highlightjs CSS ([\#19483](https://github.com/vector-im/element-web/pull/19483)). Fixes vector-im/element-web#19476
+
+
+Changes in [1.9.3-rc.2](https://github.com/vector-im/element-desktop/releases/tag/v1.9.3-rc.2) (2021-10-20)
+===========================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix conflicting CSS on syntax highlighted blocks ([\#6991](https://github.com/matrix-org/matrix-react-sdk/pull/6991)). Fixes vector-im/element-web#19445
+
+Changes in [1.9.3-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.9.3-rc.1) (2021-10-19)
+===========================================================================================================
+
+## ✨ Features
+ * Swap order of private space creation and tweak copy ([\#6967](https://github.com/matrix-org/matrix-react-sdk/pull/6967)). Fixes #18768 and #18768.
+ * Add spacing to Room settings - Notifications subsection ([\#6962](https://github.com/matrix-org/matrix-react-sdk/pull/6962)). Contributed by [CicadaCinema](https://github.com/CicadaCinema).
+ * Convert the "Cryptography" settings panel to an HTML to assist screen reader users. ([\#6968](https://github.com/matrix-org/matrix-react-sdk/pull/6968)). Contributed by [andybalaam](https://github.com/andybalaam).
+ * Use HTML tables for some tabular user interface areas, to assist with screen reader use ([\#6955](https://github.com/matrix-org/matrix-react-sdk/pull/6955)). Contributed by [andybalaam](https://github.com/andybalaam).
+ * Fix space invite edge cases ([\#6884](https://github.com/matrix-org/matrix-react-sdk/pull/6884)). Fixes #19010 #17345 and #19010.
+ * Allow options to cascade kicks/bans throughout spaces ([\#6829](https://github.com/matrix-org/matrix-react-sdk/pull/6829)). Fixes #18969 and #18969.
+ * Make public space alias field mandatory again ([\#6921](https://github.com/matrix-org/matrix-react-sdk/pull/6921)). Fixes #19003 and #19003.
+ * Add progress bar to restricted room upgrade dialog ([\#6919](https://github.com/matrix-org/matrix-react-sdk/pull/6919)). Fixes #19146 and #19146.
+ * Add customisation point for visibility of invites and room creation ([\#6922](https://github.com/matrix-org/matrix-react-sdk/pull/6922)). Fixes #19331 and #19331.
+ * Inhibit `Unable to get validated threepid` error during UIA ([\#6928](https://github.com/matrix-org/matrix-react-sdk/pull/6928)). Fixes #18883 and #18883.
+ * Tweak room list skeleton UI height and behaviour ([\#6926](https://github.com/matrix-org/matrix-react-sdk/pull/6926)). Fixes #18231 #16581 and #18231.
+ * If public room creation fails, retry without publishing it ([\#6872](https://github.com/matrix-org/matrix-react-sdk/pull/6872)). Fixes #19194 and #19194. Contributed by [AndrewFerr](https://github.com/AndrewFerr).
+ * Iterate invite your teammates to Space view ([\#6925](https://github.com/matrix-org/matrix-react-sdk/pull/6925)). Fixes #18772 and #18772.
+ * Make placeholder more grey when no input ([\#6840](https://github.com/matrix-org/matrix-react-sdk/pull/6840)). Fixes #17243 and #17243. Contributed by [wlach](https://github.com/wlach).
+ * Respect tombstones in locally known rooms for Space children ([\#6906](https://github.com/matrix-org/matrix-react-sdk/pull/6906)). Fixes #19246 #19256 and #19246.
+ * Improve emoji shortcodes generated from annotations ([\#6907](https://github.com/matrix-org/matrix-react-sdk/pull/6907)). Fixes #19304 and #19304.
+ * Hide kick & ban options in UserInfo when looking at own profile ([\#6911](https://github.com/matrix-org/matrix-react-sdk/pull/6911)). Fixes #19066 and #19066.
+ * Add progress bar to Community to Space migration tool ([\#6887](https://github.com/matrix-org/matrix-react-sdk/pull/6887)). Fixes #19216 and #19216.
+
+## 🐛 Bug Fixes
+ * Fix leave space cancel button exploding ([\#6966](https://github.com/matrix-org/matrix-react-sdk/pull/6966)).
+ * Fix edge case behaviour of the space join spinner for guests ([\#6972](https://github.com/matrix-org/matrix-react-sdk/pull/6972)). Fixes #19359 and #19359.
+ * Convert emoticon to emoji at the end of a line on send even if the cursor isn't there ([\#6965](https://github.com/matrix-org/matrix-react-sdk/pull/6965)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix text overflows button on Home page ([\#6898](https://github.com/matrix-org/matrix-react-sdk/pull/6898)). Fixes #19180 and #19180. Contributed by [oliver-pham](https://github.com/oliver-pham).
+ * Space Room View should react to join rule changes down /sync ([\#6945](https://github.com/matrix-org/matrix-react-sdk/pull/6945)). Fixes #19390 and #19390.
+ * Hide leave section button if user isn't in the room e.g peeking ([\#6920](https://github.com/matrix-org/matrix-react-sdk/pull/6920)). Fixes #17410 and #17410.
+ * Fix bug where room list would get stuck showing no rooms ([\#6939](https://github.com/matrix-org/matrix-react-sdk/pull/6939)). Fixes #19373 and #19373.
+ * Update room settings dialog title when room name changes ([\#6916](https://github.com/matrix-org/matrix-react-sdk/pull/6916)). Fixes #17480 and #17480. Contributed by [psrpinto](https://github.com/psrpinto).
+ * Fix editing losing emote-ness and rainbow-ness of messages ([\#6931](https://github.com/matrix-org/matrix-react-sdk/pull/6931)). Fixes #19350 and #19350.
+ * Remove semicolon from notifications panel ([\#6930](https://github.com/matrix-org/matrix-react-sdk/pull/6930)). Contributed by [robintown](https://github.com/robintown).
+ * Prevent profile image in left panel's backdrop from being selected ([\#6924](https://github.com/matrix-org/matrix-react-sdk/pull/6924)). Contributed by [rom4nik](https://github.com/rom4nik).
+ * Validate that the phone number verification field is filled before allowing user to submit ([\#6918](https://github.com/matrix-org/matrix-react-sdk/pull/6918)). Fixes #19316 and #19316. Contributed by [VFermat](https://github.com/VFermat).
+ * Updated how save button becomes disabled in room settings to listen for all fields instead of the most recent ([\#6917](https://github.com/matrix-org/matrix-react-sdk/pull/6917)). Contributed by [LoganArnett](https://github.com/LoganArnett).
+ * Use FocusLock around ContextMenus to simplify focus management ([\#6311](https://github.com/matrix-org/matrix-react-sdk/pull/6311)). Fixes #19259 and #19259.
+ * Fix space hierarchy pagination ([\#6908](https://github.com/matrix-org/matrix-react-sdk/pull/6908)). Fixes #19276 and #19276.
+ * Fix spaces keyboard shortcuts not working for last space ([\#6909](https://github.com/matrix-org/matrix-react-sdk/pull/6909)). Fixes #19255 and #19255.
+ * Use fallback avatar only for DMs with 2 people. ([\#6895](https://github.com/matrix-org/matrix-react-sdk/pull/6895)). Fixes #18747 and #18747. Contributed by [andybalaam](https://github.com/andybalaam).
+
+Changes in [1.9.2](https://github.com/vector-im/element-desktop/releases/tag/v1.9.2) (2021-10-12)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Upgrade to matrix-js-sdk#14.0.1
+
+Changes in [1.9.1](https://github.com/vector-im/element-desktop/releases/tag/v1.9.1) (2021-10-11)
+=================================================================================================
+
+## ✨ Features
+ * Decrease profile button touch target ([\#6900](https://github.com/matrix-org/matrix-react-sdk/pull/6900)). Contributed by [ColonisationCaptain](https://github.com/ColonisationCaptain).
+ * Don't let click events propagate out of context menus ([\#6892](https://github.com/matrix-org/matrix-react-sdk/pull/6892)).
+ * Allow closing Dropdown via its chevron ([\#6885](https://github.com/matrix-org/matrix-react-sdk/pull/6885)). Fixes #19030 and #19030.
+ * Improve AUX panel behaviour ([\#6699](https://github.com/matrix-org/matrix-react-sdk/pull/6699)). Fixes #18787 and #18787. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * A nicer opening animation for the Image View ([\#6454](https://github.com/matrix-org/matrix-react-sdk/pull/6454)). Fixes #18186 and #18186. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+
+## 🐛 Bug Fixes
+ * [Release] Fix space hierarchy pagination ([\#6910](https://github.com/matrix-org/matrix-react-sdk/pull/6910)).
+ * Fix leaving space via other client leaving you in undefined-land ([\#6891](https://github.com/matrix-org/matrix-react-sdk/pull/6891)). Fixes #18455 and #18455.
+ * Handle newer voice message encrypted event format for chat export ([\#6893](https://github.com/matrix-org/matrix-react-sdk/pull/6893)). Contributed by [jaiwanth-v](https://github.com/jaiwanth-v).
+ * Fix pagination when filtering space hierarchy ([\#6876](https://github.com/matrix-org/matrix-react-sdk/pull/6876)). Fixes #19235 and #19235.
+ * Fix spaces null-guard breaking the dispatcher settings watching ([\#6886](https://github.com/matrix-org/matrix-react-sdk/pull/6886)). Fixes #19223 and #19223.
+ * Fix space children without specific `order` being sorted after those with one ([\#6878](https://github.com/matrix-org/matrix-react-sdk/pull/6878)). Fixes #19192 and #19192.
+ * Ensure that sub-spaces aren't considered for notification badges ([\#6881](https://github.com/matrix-org/matrix-react-sdk/pull/6881)). Fixes #18975 and #18975.
+ * Fix timeline autoscroll with non-standard DPI settings. ([\#6880](https://github.com/matrix-org/matrix-react-sdk/pull/6880)). Fixes #18984 and #18984.
+ * Pluck out JoinRuleSettings styles so they apply in space settings too ([\#6879](https://github.com/matrix-org/matrix-react-sdk/pull/6879)). Fixes #19164 and #19164.
+ * Null guard around the matrixClient in SpaceStore ([\#6874](https://github.com/matrix-org/matrix-react-sdk/pull/6874)).
+ * Fix issue (https ([\#6871](https://github.com/matrix-org/matrix-react-sdk/pull/6871)). Fixes #19138 and #19138. Contributed by [psrpinto](https://github.com/psrpinto).
+ * Fix pills being cut off in message bubble layout ([\#6865](https://github.com/matrix-org/matrix-react-sdk/pull/6865)). Fixes #18627 and #18627. Contributed by [robintown](https://github.com/robintown).
+ * Fix space admin check false positive on multiple admins ([\#6824](https://github.com/matrix-org/matrix-react-sdk/pull/6824)).
+ * Fix the User View ([\#6860](https://github.com/matrix-org/matrix-react-sdk/pull/6860)). Fixes #19158 and #19158.
+ * Fix spacing for message composer buttons ([\#6852](https://github.com/matrix-org/matrix-react-sdk/pull/6852)). Fixes #18999 and #18999.
+ * Always show root event of a thread in room's timeline ([\#6842](https://github.com/matrix-org/matrix-react-sdk/pull/6842)). Fixes #19016 and #19016.
+
+Changes in [1.9.1-rc.2](https://github.com/vector-im/element-desktop/releases/tag/v1.9.1-rc.2) (2021-10-08)
+===========================================================================================================
+
+## 🐛 Bug Fixes
+
+Changes in [1.9.1-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.9.1-rc.1) (2021-10-04)
+===========================================================================================================
+
+## ✨ Features
+ * Decrease profile button touch target ([\#6900](https://github.com/matrix-org/matrix-react-sdk/pull/6900)). Contributed by [ColonisationCaptain](https://github.com/ColonisationCaptain).
+ * Don't let click events propagate out of context menus ([\#6892](https://github.com/matrix-org/matrix-react-sdk/pull/6892)).
+ * Allow closing Dropdown via its chevron ([\#6885](https://github.com/matrix-org/matrix-react-sdk/pull/6885)). Fixes #19030 and #19030.
+ * Improve AUX panel behaviour ([\#6699](https://github.com/matrix-org/matrix-react-sdk/pull/6699)). Fixes #18787 and #18787. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * A nicer opening animation for the Image View ([\#6454](https://github.com/matrix-org/matrix-react-sdk/pull/6454)). Fixes #18186 and #18186. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+
+## 🐛 Bug Fixes
+ * Fix leaving space via other client leaving you in undefined-land ([\#6891](https://github.com/matrix-org/matrix-react-sdk/pull/6891)). Fixes #18455 and #18455.
+ * Handle newer voice message encrypted event format for chat export ([\#6893](https://github.com/matrix-org/matrix-react-sdk/pull/6893)). Contributed by [jaiwanth-v](https://github.com/jaiwanth-v).
+ * Fix pagination when filtering space hierarchy ([\#6876](https://github.com/matrix-org/matrix-react-sdk/pull/6876)). Fixes #19235 and #19235.
+ * Fix spaces null-guard breaking the dispatcher settings watching ([\#6886](https://github.com/matrix-org/matrix-react-sdk/pull/6886)). Fixes #19223 and #19223.
+ * Fix space children without specific `order` being sorted after those with one ([\#6878](https://github.com/matrix-org/matrix-react-sdk/pull/6878)). Fixes #19192 and #19192.
+ * Ensure that sub-spaces aren't considered for notification badges ([\#6881](https://github.com/matrix-org/matrix-react-sdk/pull/6881)). Fixes #18975 and #18975.
+ * Fix timeline autoscroll with non-standard DPI settings. ([\#6880](https://github.com/matrix-org/matrix-react-sdk/pull/6880)). Fixes #18984 and #18984.
+ * Pluck out JoinRuleSettings styles so they apply in space settings too ([\#6879](https://github.com/matrix-org/matrix-react-sdk/pull/6879)). Fixes #19164 and #19164.
+ * Null guard around the matrixClient in SpaceStore ([\#6874](https://github.com/matrix-org/matrix-react-sdk/pull/6874)).
+ * Fix issue (https ([\#6871](https://github.com/matrix-org/matrix-react-sdk/pull/6871)). Fixes #19138 and #19138. Contributed by [psrpinto](https://github.com/psrpinto).
+ * Fix pills being cut off in message bubble layout ([\#6865](https://github.com/matrix-org/matrix-react-sdk/pull/6865)). Fixes #18627 and #18627. Contributed by [robintown](https://github.com/robintown).
+ * Fix space admin check false positive on multiple admins ([\#6824](https://github.com/matrix-org/matrix-react-sdk/pull/6824)).
+ * Fix the User View ([\#6860](https://github.com/matrix-org/matrix-react-sdk/pull/6860)). Fixes #19158 and #19158.
+ * Fix spacing for message composer buttons ([\#6852](https://github.com/matrix-org/matrix-react-sdk/pull/6852)). Fixes #18999 and #18999.
+ * Always show root event of a thread in room's timeline ([\#6842](https://github.com/matrix-org/matrix-react-sdk/pull/6842)). Fixes #19016 and #19016.
+
+Changes in [1.9.0](https://github.com/vector-im/element-desktop/releases/tag/v1.9.0) (2021-09-27)
+=================================================================================================
+
+## ✨ Features
+ * Fix space keyboard shortcuts conflicting with native zoom shortcuts ([\#19037](https://github.com/vector-im/element-web/pull/19037)). Fixes #18481 and undefined/element-web#18481.
+ * Say Joining space instead of Joining room where we know its a space ([\#6818](https://github.com/matrix-org/matrix-react-sdk/pull/6818)). Fixes #19064 and #19064.
+ * Add warning that some spaces may not be relinked to the newly upgraded room ([\#6805](https://github.com/matrix-org/matrix-react-sdk/pull/6805)). Fixes #18858 and #18858.
+ * Delabs Spaces, iterate some copy and move communities/space toggle to preferences ([\#6594](https://github.com/matrix-org/matrix-react-sdk/pull/6594)). Fixes #18088, #18524 #18088 and #18088.
+ * Show "Message" in the user info panel instead of "Start chat" ([\#6319](https://github.com/matrix-org/matrix-react-sdk/pull/6319)). Fixes #17877 and #17877. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix space keyboard shortcuts conflicting with native zoom shortcuts ([\#6804](https://github.com/matrix-org/matrix-react-sdk/pull/6804)).
+ * Replace plain text emoji at the end of a line ([\#6784](https://github.com/matrix-org/matrix-react-sdk/pull/6784)). Fixes #18833 and #18833. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Simplify Space Panel layout and fix some edge cases ([\#6800](https://github.com/matrix-org/matrix-react-sdk/pull/6800)). Fixes #18694 and #18694.
+ * Show unsent message warning on Space Panel buttons ([\#6778](https://github.com/matrix-org/matrix-react-sdk/pull/6778)). Fixes #18891 and #18891.
+ * Hide mute/unmute button in UserInfo for Spaces as it makes no sense ([\#6790](https://github.com/matrix-org/matrix-react-sdk/pull/6790)). Fixes #19007 and #19007.
+ * Fix automatic field population in space create menu not validating ([\#6792](https://github.com/matrix-org/matrix-react-sdk/pull/6792)). Fixes #19005 and #19005.
+ * Optimize input label transition on focus ([\#6783](https://github.com/matrix-org/matrix-react-sdk/pull/6783)). Fixes #12876 and #12876. Contributed by [MadLittleMods](https://github.com/MadLittleMods).
+ * Adapt and re-use the RolesRoomSettingsTab for Spaces ([\#6779](https://github.com/matrix-org/matrix-react-sdk/pull/6779)). Fixes #18908 #18909 and #18908.
+ * Deduplicate join rule management between rooms and spaces ([\#6724](https://github.com/matrix-org/matrix-react-sdk/pull/6724)). Fixes #18798 and #18798.
+ * Add config option to turn on in-room event sending timing metrics ([\#6766](https://github.com/matrix-org/matrix-react-sdk/pull/6766)).
+ * Improve the upgrade for restricted user experience ([\#6764](https://github.com/matrix-org/matrix-react-sdk/pull/6764)). Fixes #18677 and #18677.
+ * Improve tooltips on space quick actions and explore button ([\#6760](https://github.com/matrix-org/matrix-react-sdk/pull/6760)). Fixes #18528 and #18528.
+ * Make space members and user info behave more expectedly ([\#6765](https://github.com/matrix-org/matrix-react-sdk/pull/6765)). Fixes #17018 and #17018.
+ * hide no-op m.room.encryption events and better word param changes ([\#6747](https://github.com/matrix-org/matrix-react-sdk/pull/6747)). Fixes #18597 and #18597.
+ * Respect m.space.parent relations if they hold valid permissions ([\#6746](https://github.com/matrix-org/matrix-react-sdk/pull/6746)). Fixes #10935 and #10935.
+ * Space panel accessibility improvements ([\#6744](https://github.com/matrix-org/matrix-react-sdk/pull/6744)). Fixes #18892 and #18892.
+
+## 🐛 Bug Fixes
+ * Fix spacing for message composer buttons ([\#6854](https://github.com/matrix-org/matrix-react-sdk/pull/6854)).
+ * Fix accessing field on oobData which may be undefined ([\#6830](https://github.com/matrix-org/matrix-react-sdk/pull/6830)). Fixes #19085 and #19085.
+ * Fix reactions aria-label not being a string and thus being read as [Object object] ([\#6828](https://github.com/matrix-org/matrix-react-sdk/pull/6828)).
+ * Fix missing null guard in space hierarchy pagination ([\#6821](https://github.com/matrix-org/matrix-react-sdk/pull/6821)). Fixes matrix-org/element-web-rageshakes#6299 and matrix-org/element-web-rageshakes#6299.
+ * Fix checks to show prompt to start new chats ([\#6812](https://github.com/matrix-org/matrix-react-sdk/pull/6812)).
+ * Fix room list scroll jumps ([\#6777](https://github.com/matrix-org/matrix-react-sdk/pull/6777)). Fixes #17460 #18440 and #17460. Contributed by [robintown](https://github.com/robintown).
+ * Fix various message bubble alignment issues ([\#6785](https://github.com/matrix-org/matrix-react-sdk/pull/6785)). Fixes #18293, #18294 #18305 and #18293. Contributed by [robintown](https://github.com/robintown).
+ * Make message bubble font size consistent ([\#6795](https://github.com/matrix-org/matrix-react-sdk/pull/6795)). Contributed by [robintown](https://github.com/robintown).
+ * Fix edge cases around joining new room which does not belong to active space ([\#6797](https://github.com/matrix-org/matrix-react-sdk/pull/6797)). Fixes #19025 and #19025.
+ * Fix edge case space issues around creation and initial view ([\#6798](https://github.com/matrix-org/matrix-react-sdk/pull/6798)). Fixes #19023 and #19023.
+ * Stop spinner on space preview if the join fails ([\#6803](https://github.com/matrix-org/matrix-react-sdk/pull/6803)). Fixes #19034 and #19034.
+ * Fix emoji picker and stickerpicker not appearing correctly when opened ([\#6793](https://github.com/matrix-org/matrix-react-sdk/pull/6793)). Fixes #19012 and #19012. Contributed by [Palid](https://github.com/Palid).
+ * Fix autocomplete not having y-scroll ([\#6794](https://github.com/matrix-org/matrix-react-sdk/pull/6794)). Fixes #18997 and #18997. Contributed by [Palid](https://github.com/Palid).
+ * Fix broken edge case with public space creation with no alias ([\#6791](https://github.com/matrix-org/matrix-react-sdk/pull/6791)). Fixes #19003 and #19003.
+ * Redirect from /#/welcome to /#/home if already logged in ([\#6786](https://github.com/matrix-org/matrix-react-sdk/pull/6786)). Fixes #18990 and #18990. Contributed by [aaronraimist](https://github.com/aaronraimist).
+ * Fix build issues from two conflicting PRs landing without merge conflict ([\#6780](https://github.com/matrix-org/matrix-react-sdk/pull/6780)).
+ * Render guest settings only in public rooms/spaces ([\#6693](https://github.com/matrix-org/matrix-react-sdk/pull/6693)). Fixes #18776 and #18776. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix message bubble corners being wrong in the presence of hidden events ([\#6776](https://github.com/matrix-org/matrix-react-sdk/pull/6776)). Fixes #18124 and #18124. Contributed by [robintown](https://github.com/robintown).
+ * Debounce read marker update on scroll ([\#6771](https://github.com/matrix-org/matrix-react-sdk/pull/6771)). Fixes #18961 and #18961.
+ * Use cursor:pointer on space panel buttons ([\#6770](https://github.com/matrix-org/matrix-react-sdk/pull/6770)). Fixes #18951 and #18951.
+ * Fix regressed tab view buttons in space update toast ([\#6761](https://github.com/matrix-org/matrix-react-sdk/pull/6761)). Fixes #18781 and #18781.
+
+Changes in [1.8.6-rc.2](https://github.com/vector-im/element-desktop/releases/tag/v1.8.6-rc.2) (2021-09-22)
+===========================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix spacing for message composer buttons ([\#6854](https://github.com/matrix-org/matrix-react-sdk/pull/6854)).
+
+Changes in [1.8.6-rc.1](https://github.com/vector-im/element-desktop/releases/tag/v1.8.6-rc.1) (2021-09-21)
+===========================================================================================================
+
+## ✨ Features
+ * Fix space keyboard shortcuts conflicting with native zoom shortcuts ([\#19037](https://github.com/vector-im/element-web/pull/19037)). Fixes #18481 and undefined/element-web#18481.
+ * Say Joining space instead of Joining room where we know its a space ([\#6818](https://github.com/matrix-org/matrix-react-sdk/pull/6818)). Fixes #19064 and #19064.
+ * Add warning that some spaces may not be relinked to the newly upgraded room ([\#6805](https://github.com/matrix-org/matrix-react-sdk/pull/6805)). Fixes #18858 and #18858.
+ * Delabs Spaces, iterate some copy and move communities/space toggle to preferences ([\#6594](https://github.com/matrix-org/matrix-react-sdk/pull/6594)). Fixes #18088, #18524 #18088 and #18088.
+ * Show "Message" in the user info panel instead of "Start chat" ([\#6319](https://github.com/matrix-org/matrix-react-sdk/pull/6319)). Fixes #17877 and #17877. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix space keyboard shortcuts conflicting with native zoom shortcuts ([\#6804](https://github.com/matrix-org/matrix-react-sdk/pull/6804)).
+ * Replace plain text emoji at the end of a line ([\#6784](https://github.com/matrix-org/matrix-react-sdk/pull/6784)). Fixes #18833 and #18833. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Simplify Space Panel layout and fix some edge cases ([\#6800](https://github.com/matrix-org/matrix-react-sdk/pull/6800)). Fixes #18694 and #18694.
+ * Show unsent message warning on Space Panel buttons ([\#6778](https://github.com/matrix-org/matrix-react-sdk/pull/6778)). Fixes #18891 and #18891.
+ * Hide mute/unmute button in UserInfo for Spaces as it makes no sense ([\#6790](https://github.com/matrix-org/matrix-react-sdk/pull/6790)). Fixes #19007 and #19007.
+ * Fix automatic field population in space create menu not validating ([\#6792](https://github.com/matrix-org/matrix-react-sdk/pull/6792)). Fixes #19005 and #19005.
+ * Optimize input label transition on focus ([\#6783](https://github.com/matrix-org/matrix-react-sdk/pull/6783)). Fixes #12876 and #12876. Contributed by [MadLittleMods](https://github.com/MadLittleMods).
+ * Adapt and re-use the RolesRoomSettingsTab for Spaces ([\#6779](https://github.com/matrix-org/matrix-react-sdk/pull/6779)). Fixes #18908 #18909 and #18908.
+ * Deduplicate join rule management between rooms and spaces ([\#6724](https://github.com/matrix-org/matrix-react-sdk/pull/6724)). Fixes #18798 and #18798.
+ * Add config option to turn on in-room event sending timing metrics ([\#6766](https://github.com/matrix-org/matrix-react-sdk/pull/6766)).
+ * Improve the upgrade for restricted user experience ([\#6764](https://github.com/matrix-org/matrix-react-sdk/pull/6764)). Fixes #18677 and #18677.
+ * Improve tooltips on space quick actions and explore button ([\#6760](https://github.com/matrix-org/matrix-react-sdk/pull/6760)). Fixes #18528 and #18528.
+ * Make space members and user info behave more expectedly ([\#6765](https://github.com/matrix-org/matrix-react-sdk/pull/6765)). Fixes #17018 and #17018.
+ * hide no-op m.room.encryption events and better word param changes ([\#6747](https://github.com/matrix-org/matrix-react-sdk/pull/6747)). Fixes #18597 and #18597.
+ * Respect m.space.parent relations if they hold valid permissions ([\#6746](https://github.com/matrix-org/matrix-react-sdk/pull/6746)). Fixes #10935 and #10935.
+ * Space panel accessibility improvements ([\#6744](https://github.com/matrix-org/matrix-react-sdk/pull/6744)). Fixes #18892 and #18892.
+
+## 🐛 Bug Fixes
+ * Revert Firefox composer deletion hacks ([\#6844](https://github.com/matrix-org/matrix-react-sdk/pull/6844)). Fixes #19103 and #19103. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix accessing field on oobData which may be undefined ([\#6830](https://github.com/matrix-org/matrix-react-sdk/pull/6830)). Fixes #19085 and #19085.
+ * Fix pill deletion on Firefox 78 ([\#6832](https://github.com/matrix-org/matrix-react-sdk/pull/6832)). Fixes #19077 and #19077. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix reactions aria-label not being a string and thus being read as [Object object] ([\#6828](https://github.com/matrix-org/matrix-react-sdk/pull/6828)).
+ * Fix missing null guard in space hierarchy pagination ([\#6821](https://github.com/matrix-org/matrix-react-sdk/pull/6821)). Fixes matrix-org/element-web-rageshakes#6299 and matrix-org/element-web-rageshakes#6299.
+ * Fix checks to show prompt to start new chats ([\#6812](https://github.com/matrix-org/matrix-react-sdk/pull/6812)).
+ * Fix room list scroll jumps ([\#6777](https://github.com/matrix-org/matrix-react-sdk/pull/6777)). Fixes #17460 #18440 and #17460. Contributed by [robintown](https://github.com/robintown).
+ * Fix various message bubble alignment issues ([\#6785](https://github.com/matrix-org/matrix-react-sdk/pull/6785)). Fixes #18293, #18294 #18305 and #18293. Contributed by [robintown](https://github.com/robintown).
+ * Make message bubble font size consistent ([\#6795](https://github.com/matrix-org/matrix-react-sdk/pull/6795)). Contributed by [robintown](https://github.com/robintown).
+ * Fix edge cases around joining new room which does not belong to active space ([\#6797](https://github.com/matrix-org/matrix-react-sdk/pull/6797)). Fixes #19025 and #19025.
+ * Fix edge case space issues around creation and initial view ([\#6798](https://github.com/matrix-org/matrix-react-sdk/pull/6798)). Fixes #19023 and #19023.
+ * Stop spinner on space preview if the join fails ([\#6803](https://github.com/matrix-org/matrix-react-sdk/pull/6803)). Fixes #19034 and #19034.
+ * Fix emoji picker and stickerpicker not appearing correctly when opened ([\#6793](https://github.com/matrix-org/matrix-react-sdk/pull/6793)). Fixes #19012 and #19012. Contributed by [Palid](https://github.com/Palid).
+ * Fix autocomplete not having y-scroll ([\#6794](https://github.com/matrix-org/matrix-react-sdk/pull/6794)). Fixes #18997 and #18997. Contributed by [Palid](https://github.com/Palid).
+ * Fix broken edge case with public space creation with no alias ([\#6791](https://github.com/matrix-org/matrix-react-sdk/pull/6791)). Fixes #19003 and #19003.
+ * Redirect from /#/welcome to /#/home if already logged in ([\#6786](https://github.com/matrix-org/matrix-react-sdk/pull/6786)). Fixes #18990 and #18990. Contributed by [aaronraimist](https://github.com/aaronraimist).
+ * Fix build issues from two conflicting PRs landing without merge conflict ([\#6780](https://github.com/matrix-org/matrix-react-sdk/pull/6780)).
+ * Render guest settings only in public rooms/spaces ([\#6693](https://github.com/matrix-org/matrix-react-sdk/pull/6693)). Fixes #18776 and #18776. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix message bubble corners being wrong in the presence of hidden events ([\#6776](https://github.com/matrix-org/matrix-react-sdk/pull/6776)). Fixes #18124 and #18124. Contributed by [robintown](https://github.com/robintown).
+ * Debounce read marker update on scroll ([\#6771](https://github.com/matrix-org/matrix-react-sdk/pull/6771)). Fixes #18961 and #18961.
+ * Use cursor:pointer on space panel buttons ([\#6770](https://github.com/matrix-org/matrix-react-sdk/pull/6770)). Fixes #18951 and #18951.
+ * Fix regressed tab view buttons in space update toast ([\#6761](https://github.com/matrix-org/matrix-react-sdk/pull/6761)). Fixes #18781 and #18781.
+
+Changes in [1.8.5](https://github.com/vector-im/element-desktop/releases/tag/v1.8.5) (2021-09-14)
+=================================================================================================
+
+## ✨ Features
+ * Add bubble highlight styling ([\#6582](https://github.com/matrix-org/matrix-react-sdk/pull/6582)). Fixes #18295 and #18295. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Create narrow mode for Composer ([\#6682](https://github.com/matrix-org/matrix-react-sdk/pull/6682)). Fixes #18533 and #18533.
+ * Prefer matrix.to alias links over room id in spaces & share ([\#6745](https://github.com/matrix-org/matrix-react-sdk/pull/6745)). Fixes #18796 and #18796.
+ * Stop automatic playback of voice messages if a non-voice message is encountered ([\#6728](https://github.com/matrix-org/matrix-react-sdk/pull/6728)). Fixes #18850 and #18850.
+ * Show call length during a call ([\#6700](https://github.com/matrix-org/matrix-react-sdk/pull/6700)). Fixes #18566 and #18566. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Serialize and retry mass-leave when leaving space ([\#6737](https://github.com/matrix-org/matrix-react-sdk/pull/6737)). Fixes #18789 and #18789.
+ * Improve form handling in and around space creation ([\#6739](https://github.com/matrix-org/matrix-react-sdk/pull/6739)). Fixes #18775 and #18775.
+ * Split autoplay GIFs and videos into different settings ([\#6726](https://github.com/matrix-org/matrix-react-sdk/pull/6726)). Fixes #5771 and #5771. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Add autoplay for voice messages ([\#6710](https://github.com/matrix-org/matrix-react-sdk/pull/6710)). Fixes #18804, #18715, #18714 #17961 and #18804.
+ * Allow to use basic html to format invite messages ([\#6703](https://github.com/matrix-org/matrix-react-sdk/pull/6703)). Fixes #15738 and #15738. Contributed by [skolmer](https://github.com/skolmer).
+ * Allow widgets, when eligible, to interact with more rooms as per MSC2762 ([\#6684](https://github.com/matrix-org/matrix-react-sdk/pull/6684)).
+ * Remove arbitrary limits from send/receive events for widgets ([\#6719](https://github.com/matrix-org/matrix-react-sdk/pull/6719)). Fixes #17994 and #17994.
+ * Reload suggested rooms if we see the state change down /sync ([\#6715](https://github.com/matrix-org/matrix-react-sdk/pull/6715)). Fixes #18761 and #18761.
+ * When creating private spaces, make the initial rooms restricted if supported ([\#6721](https://github.com/matrix-org/matrix-react-sdk/pull/6721)). Fixes #18722 and #18722.
+ * Threading exploration work ([\#6658](https://github.com/matrix-org/matrix-react-sdk/pull/6658)). Fixes #18532 and #18532.
+ * Default to `Don't leave any` when leaving a space ([\#6697](https://github.com/matrix-org/matrix-react-sdk/pull/6697)). Fixes #18592 and #18592. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Special case redaction event sending from widgets per MSC2762 ([\#6686](https://github.com/matrix-org/matrix-react-sdk/pull/6686)). Fixes #18573 and #18573.
+ * Add active speaker indicators ([\#6639](https://github.com/matrix-org/matrix-react-sdk/pull/6639)). Fixes #17627 and #17627. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Increase general app performance by optimizing layers ([\#6644](https://github.com/matrix-org/matrix-react-sdk/pull/6644)). Fixes #18730 and #18730. Contributed by [Palid](https://github.com/Palid).
+
+## 🐛 Bug Fixes
+ * Fix autocomplete not having y-scroll ([\#6802](https://github.com/matrix-org/matrix-react-sdk/pull/6802)).
+ * Fix emoji picker and stickerpicker not appearing correctly when opened ([\#6801](https://github.com/matrix-org/matrix-react-sdk/pull/6801)).
+ * Debounce read marker update on scroll ([\#6774](https://github.com/matrix-org/matrix-react-sdk/pull/6774)).
+ * Fix Space creation wizard go to my first room button behaviour ([\#6748](https://github.com/matrix-org/matrix-react-sdk/pull/6748)). Fixes #18764 and #18764.
+ * Fix scroll being stuck at bottom ([\#6751](https://github.com/matrix-org/matrix-react-sdk/pull/6751)). Fixes #18903 and #18903.
+ * Fix widgets not remembering identity verification when asked to. ([\#6742](https://github.com/matrix-org/matrix-react-sdk/pull/6742)). Fixes #15631 and #15631.
+ * Add missing pluralisation i18n strings for Spaces ([\#6738](https://github.com/matrix-org/matrix-react-sdk/pull/6738)). Fixes #18780 and #18780.
+ * Make ForgotPassword UX slightly more user friendly ([\#6636](https://github.com/matrix-org/matrix-react-sdk/pull/6636)). Fixes #11531 and #11531. Contributed by [Palid](https://github.com/Palid).
+ * Don't context switch room on SpaceStore ready as it can break permalinks ([\#6730](https://github.com/matrix-org/matrix-react-sdk/pull/6730)). Fixes #17974 and #17974.
+ * Fix explore rooms button not working during space creation wizard ([\#6729](https://github.com/matrix-org/matrix-react-sdk/pull/6729)). Fixes #18762 and #18762.
+ * Fix bug where one party's media would sometimes not be shown ([\#6731](https://github.com/matrix-org/matrix-react-sdk/pull/6731)).
+ * Only make the initial space rooms suggested by default ([\#6714](https://github.com/matrix-org/matrix-react-sdk/pull/6714)). Fixes #18760 and #18760.
+ * Replace fake username in EventTilePreview with a proper loading state ([\#6702](https://github.com/matrix-org/matrix-react-sdk/pull/6702)). Fixes #15897 and #15897. Contributed by [skolmer](https://github.com/skolmer).
+ * Don't send prehistorical events to widgets during decryption at startup ([\#6695](https://github.com/matrix-org/matrix-react-sdk/pull/6695)). Fixes #18060 and #18060.
+ * When creating subspaces properly set restricted join rule ([\#6725](https://github.com/matrix-org/matrix-react-sdk/pull/6725)). Fixes #18797 and #18797.
+ * Fix the Image View not openning for some pinned messages ([\#6723](https://github.com/matrix-org/matrix-react-sdk/pull/6723)). Fixes #18422 and #18422. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Show autocomplete sections vertically ([\#6722](https://github.com/matrix-org/matrix-react-sdk/pull/6722)). Fixes #18860 and #18860. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix EmojiPicker filtering to lower case emojibase data strings ([\#6717](https://github.com/matrix-org/matrix-react-sdk/pull/6717)). Fixes #18686 and #18686.
+ * Clear currentRoomId when viewing home page, fixing document title ([\#6716](https://github.com/matrix-org/matrix-react-sdk/pull/6716)). Fixes #18668 and #18668.
+ * Fix membership updates to Spaces not applying in real-time ([\#6713](https://github.com/matrix-org/matrix-react-sdk/pull/6713)). Fixes #18737 and #18737.
+ * Don't show a double stacked invite modals when inviting to Spaces ([\#6698](https://github.com/matrix-org/matrix-react-sdk/pull/6698)). Fixes #18745 and #18745. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Remove non-functional DuckDuckGo Autocomplete Provider ([\#6712](https://github.com/matrix-org/matrix-react-sdk/pull/6712)). Fixes #18778 and #18778.
+ * Filter members on `MemberList` load ([\#6708](https://github.com/matrix-org/matrix-react-sdk/pull/6708)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix improper voice messages being produced in Firefox and sometimes other browsers. ([\#6696](https://github.com/matrix-org/matrix-react-sdk/pull/6696)). Fixes #18587 and #18587.
+ * Fix client forgetting which capabilities a widget was approved for ([\#6685](https://github.com/matrix-org/matrix-react-sdk/pull/6685)). Fixes #18786 and #18786.
+ * Fix left panel widgets not remembering collapsed state ([\#6687](https://github.com/matrix-org/matrix-react-sdk/pull/6687)). Fixes #17803 and #17803.
+ * Fix changelog link colour back to blue ([\#6692](https://github.com/matrix-org/matrix-react-sdk/pull/6692)). Fixes #18726 and #18726.
+ * Soften codeblock border color ([\#6564](https://github.com/matrix-org/matrix-react-sdk/pull/6564)). Fixes #18367 and #18367. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Pause ringing more aggressively ([\#6691](https://github.com/matrix-org/matrix-react-sdk/pull/6691)). Fixes #18588 and #18588. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix command autocomplete ([\#6680](https://github.com/matrix-org/matrix-react-sdk/pull/6680)). Fixes #18670 and #18670. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Don't re-sort the room-list based on profile/status changes ([\#6595](https://github.com/matrix-org/matrix-react-sdk/pull/6595)). Fixes #110 and #110. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix codeblock formatting with syntax highlighting on ([\#6681](https://github.com/matrix-org/matrix-react-sdk/pull/6681)). Fixes #18739 #18365 and #18739. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Add padding to the Add button in the notification settings ([\#6665](https://github.com/matrix-org/matrix-react-sdk/pull/6665)). Fixes #18706 and #18706. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+
+Changes in [1.8.4](https://github.com/vector-im/element-web/releases/tag/v1.8.4) (2021-09-13)
+=================================================================================================
+
+## 🔒 SECURITY FIXES
+ * Fix a security issue with message key sharing. See https://matrix.org/blog/2021/09/13/vulnerability-disclosure-key-sharing
+   for details.
+
+Changes in [1.8.2](https://github.com/vector-im/element-desktop/releases/tag/v1.8.2) (2021-08-31)
+=================================================================================================
+
+## ✨ Features
+ * Documentation for sentry config ([\#18608](https://github.com/vector-im/element-web/pull/18608)). Contributed by [novocaine](https://github.com/novocaine).
+ * [Release]Increase general app performance by optimizing layers ([\#6672](https://github.com/matrix-org/matrix-react-sdk/pull/6672)). Fixes #18730 and #18730. Contributed by [Palid](https://github.com/Palid).
+ * Add a warning on E2EE rooms if you try to make them public ([\#5698](https://github.com/matrix-org/matrix-react-sdk/pull/5698)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Allow pagination of the space hierarchy and use new APIs ([\#6507](https://github.com/matrix-org/matrix-react-sdk/pull/6507)). Fixes #18089 and #18427.
+ * Improve emoji in composer ([\#6650](https://github.com/matrix-org/matrix-react-sdk/pull/6650)). Fixes #18593 and #18593. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Allow playback of replied-to voice message ([\#6629](https://github.com/matrix-org/matrix-react-sdk/pull/6629)). Fixes #18599 and #18599. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Format autocomplete suggestions vertically ([\#6620](https://github.com/matrix-org/matrix-react-sdk/pull/6620)). Fixes #17574 and #17574. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Remember last `MemberList` search query per-room ([\#6640](https://github.com/matrix-org/matrix-react-sdk/pull/6640)). Fixes #18613 and #18613. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Sentry rageshakes ([\#6597](https://github.com/matrix-org/matrix-react-sdk/pull/6597)). Fixes #11111 and #11111. Contributed by [novocaine](https://github.com/novocaine).
+ * Autocomplete has been updated to match modern accessibility standards. Navigate via up/down arrows rather than Tab. Enter or Tab to confirm a suggestion. This should be familiar to Slack & Discord users. You can now use Tab to navigate around the application and do more without touching your mouse. No more accidentally sending half of people's names because the completion didn't fire on Enter! ([\#5659](https://github.com/matrix-org/matrix-react-sdk/pull/5659)). Fixes #4872, #11071, #17171, #15646 #4872 and #4872.
+ * Add new call tile states ([\#6610](https://github.com/matrix-org/matrix-react-sdk/pull/6610)). Fixes #18521 and #18521. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Left align call tiles ([\#6609](https://github.com/matrix-org/matrix-react-sdk/pull/6609)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Make loading encrypted images look snappier ([\#6590](https://github.com/matrix-org/matrix-react-sdk/pull/6590)). Fixes #17878 and #17862. Contributed by [Palid](https://github.com/Palid).
+ * Offer a way to create a space based on existing community ([\#6543](https://github.com/matrix-org/matrix-react-sdk/pull/6543)). Fixes #18092.
+ * Accessibility improvements in and around Spaces ([\#6569](https://github.com/matrix-org/matrix-react-sdk/pull/6569)). Fixes #18094 and #18094.
+
+## 🐛 Bug Fixes
+ * [Release] Fix commit edit history ([\#6690](https://github.com/matrix-org/matrix-react-sdk/pull/6690)). Fixes #18742 and #18742. Contributed by [Palid](https://github.com/Palid).
+ * Fix images not rendering when sent from other clients. ([\#6661](https://github.com/matrix-org/matrix-react-sdk/pull/6661)). Fixes #18702 and #18702.
+ * Fix autocomplete scrollbar and make the autocomplete a little smaller ([\#6655](https://github.com/matrix-org/matrix-react-sdk/pull/6655)). Fixes #18682 and #18682. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix replies on the bubble layout ([\#6451](https://github.com/matrix-org/matrix-react-sdk/pull/6451)). Fixes #18184. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Show "Enable encryption in settings" only when the user can do that ([\#6646](https://github.com/matrix-org/matrix-react-sdk/pull/6646)). Fixes #18646 and #18646. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix cross signing setup from settings screen ([\#6633](https://github.com/matrix-org/matrix-react-sdk/pull/6633)). Fixes #17761 and #17761.
+ * Fix call tiles on the bubble layout ([\#6647](https://github.com/matrix-org/matrix-react-sdk/pull/6647)). Fixes #18648 and #18648. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix error on accessing encrypted media without encryption keys ([\#6625](https://github.com/matrix-org/matrix-react-sdk/pull/6625)). Contributed by [Palid](https://github.com/Palid).
+ * Fix jitsi widget sometimes being permanently stuck in the bottom-right corner ([\#6632](https://github.com/matrix-org/matrix-react-sdk/pull/6632)). Fixes #17226 and #17226. Contributed by [Palid](https://github.com/Palid).
+ * Fix FilePanel pagination in E2EE rooms ([\#6630](https://github.com/matrix-org/matrix-react-sdk/pull/6630)). Fixes #18415 and #18415. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix call tile buttons ([\#6624](https://github.com/matrix-org/matrix-react-sdk/pull/6624)). Fixes #18565 and #18565. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix vertical call tile spacing issues ([\#6621](https://github.com/matrix-org/matrix-react-sdk/pull/6621)). Fixes #18558 and #18558. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix long display names in call tiles ([\#6618](https://github.com/matrix-org/matrix-react-sdk/pull/6618)). Fixes #18562 and #18562. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Avoid access token overflow ([\#6616](https://github.com/matrix-org/matrix-react-sdk/pull/6616)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Properly handle media errors  ([\#6615](https://github.com/matrix-org/matrix-react-sdk/pull/6615)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix glare related regressions ([\#6614](https://github.com/matrix-org/matrix-react-sdk/pull/6614)). Fixes #18538 and #18538. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix long display names in call toasts ([\#6617](https://github.com/matrix-org/matrix-react-sdk/pull/6617)). Fixes #18557 and #18557. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix PiP of held calls ([\#6611](https://github.com/matrix-org/matrix-react-sdk/pull/6611)). Fixes #18539 and #18539. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix call tile behaviour on narrow layouts ([\#6556](https://github.com/matrix-org/matrix-react-sdk/pull/6556)). Fixes #18398. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix video call persisting when widget removed ([\#6608](https://github.com/matrix-org/matrix-react-sdk/pull/6608)). Fixes #15703 and #15703.
+ * Fix toast colors ([\#6606](https://github.com/matrix-org/matrix-react-sdk/pull/6606)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Remove tiny scrollbar dot from code blocks ([\#6596](https://github.com/matrix-org/matrix-react-sdk/pull/6596)). Fixes #18474. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Improve handling of pills in the composer ([\#6353](https://github.com/matrix-org/matrix-react-sdk/pull/6353)). Fixes #10134 #10896 and #15037. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+
+Changes in [1.8.1](https://github.com/vector-im/element-desktop/releases/tag/v1.8.1) (2021-08-17)
+=================================================================================================
+
+## 🐛 Bug Fixes
+ * Fix multiple VoIP regressions ([matrix-org/matrix-js-sdk#1860](https://github.com/matrix-org/matrix-js-sdk/pull/1860)).
+
+Changes in [1.8.0](https://github.com/vector-im/element-desktop/releases/tag/v1.8.0) (2021-08-16)
+=================================================================================================
+
+## ✨ Features
+ * Show how long a call was on call tiles ([\#6570](https://github.com/matrix-org/matrix-react-sdk/pull/6570)). Fixes #18405. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Add regional indicators to emoji picker ([\#6490](https://github.com/matrix-org/matrix-react-sdk/pull/6490)). Fixes #14963. Contributed by [robintown](https://github.com/robintown).
+ * Make call control buttons accessible to screen reader users ([\#6181](https://github.com/matrix-org/matrix-react-sdk/pull/6181)). Fixes #18358. Contributed by [pvagner](https://github.com/pvagner).
+ * Skip sending a thumbnail if it is not a sufficient saving over the original ([\#6559](https://github.com/matrix-org/matrix-react-sdk/pull/6559)). Fixes #17906.
+ * Increase PiP snapping speed ([\#6539](https://github.com/matrix-org/matrix-react-sdk/pull/6539)). Fixes #18371. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Improve and move the incoming call toast ([\#6470](https://github.com/matrix-org/matrix-react-sdk/pull/6470)). Fixes #17912. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Allow all of the URL schemes that Firefox allows ([\#6457](https://github.com/matrix-org/matrix-react-sdk/pull/6457)). Contributed by [aaronraimist](https://github.com/aaronraimist).
+ * Improve bubble layout colors ([\#6452](https://github.com/matrix-org/matrix-react-sdk/pull/6452)). Fixes #18081. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Spaces let users switch between Home and All Rooms behaviours ([\#6497](https://github.com/matrix-org/matrix-react-sdk/pull/6497)). Fixes #18093.
+ * Support for MSC2285 (hidden read receipts) ([\#6390](https://github.com/matrix-org/matrix-react-sdk/pull/6390)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Group pinned message events with MELS ([\#6349](https://github.com/matrix-org/matrix-react-sdk/pull/6349)). Fixes #17938. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Make version copiable ([\#6227](https://github.com/matrix-org/matrix-react-sdk/pull/6227)). Fixes #17603 and #18329. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Improve voice messages uploading state ([\#6530](https://github.com/matrix-org/matrix-react-sdk/pull/6530)). Fixes #18226 and #18224.
+ * Add surround with feature ([\#5510](https://github.com/matrix-org/matrix-react-sdk/pull/5510)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Improve call event tile wording ([\#6545](https://github.com/matrix-org/matrix-react-sdk/pull/6545)). Fixes #18376. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Show an avatar/a turned off microphone icon for muted users ([\#6486](https://github.com/matrix-org/matrix-react-sdk/pull/6486)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Prompt user to leave rooms/subspaces in a space when leaving space ([\#6424](https://github.com/matrix-org/matrix-react-sdk/pull/6424)). Fixes #18071.
+ * Add support for screen sharing in 1:1 calls ([\#5992](https://github.com/matrix-org/matrix-react-sdk/pull/5992)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+
+## 🐛 Bug Fixes
+ * Dismiss electron download toast when clicking Open ([\#18267](https://github.com/vector-im/element-web/pull/18267)). Fixes #18266.
+ * [Release] Fix glare related regressions ([\#6622](https://github.com/matrix-org/matrix-react-sdk/pull/6622)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * [Release] Fix PiP of held calls ([\#6612](https://github.com/matrix-org/matrix-react-sdk/pull/6612)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * [Release] Fix toast colors ([\#6607](https://github.com/matrix-org/matrix-react-sdk/pull/6607)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix [object Object] in Widget Permissions ([\#6560](https://github.com/matrix-org/matrix-react-sdk/pull/6560)). Fixes #18384. Contributed by [Palid](https://github.com/Palid).
+ * Fix right margin for events on IRC layout ([\#6542](https://github.com/matrix-org/matrix-react-sdk/pull/6542)). Fixes #18354.
+ * Mirror only usermedia feeds ([\#6512](https://github.com/matrix-org/matrix-react-sdk/pull/6512)). Fixes #5633. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix LogoutDialog warning + TypeScript migration ([\#6533](https://github.com/matrix-org/matrix-react-sdk/pull/6533)).
+ * Fix the wrong font being used in the room topic field ([\#6527](https://github.com/matrix-org/matrix-react-sdk/pull/6527)). Fixes #18339. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix inconsistent styling for links on hover ([\#6513](https://github.com/matrix-org/matrix-react-sdk/pull/6513)). Contributed by [janogarcia](https://github.com/janogarcia).
+ * Fix incorrect height for encoded placeholder images ([\#6514](https://github.com/matrix-org/matrix-react-sdk/pull/6514)). Contributed by [Palid](https://github.com/Palid).
+ * Fix call events layout for message bubble ([\#6465](https://github.com/matrix-org/matrix-react-sdk/pull/6465)). Fixes #18144.
+ * Improve subspaces and some utilities around room/space creation ([\#6458](https://github.com/matrix-org/matrix-react-sdk/pull/6458)). Fixes #18090 #18091 and #17256.
+ * Restore pointer cursor for SenderProfile in message bubbles ([\#6501](https://github.com/matrix-org/matrix-react-sdk/pull/6501)). Fixes #18249.
+ * Fix issues with the Call View ([\#6472](https://github.com/matrix-org/matrix-react-sdk/pull/6472)). Fixes #18221. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Align event list summary read receipts when using message bubbles ([\#6500](https://github.com/matrix-org/matrix-react-sdk/pull/6500)). Fixes #18143.
+ * Better positioning for unbubbled events in timeline ([\#6477](https://github.com/matrix-org/matrix-react-sdk/pull/6477)). Fixes #18132.
+ * Realign reactions row with messages in modern layout ([\#6491](https://github.com/matrix-org/matrix-react-sdk/pull/6491)). Fixes #18118. Contributed by [robintown](https://github.com/robintown).
+ * Fix CreateRoomDialog exploding when making public room outside of a space ([\#6492](https://github.com/matrix-org/matrix-react-sdk/pull/6492)). Fixes #18275.
+ * Fix call crashing because `element` was undefined ([\#6488](https://github.com/matrix-org/matrix-react-sdk/pull/6488)). Fixes #18270. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Upscale thumbnails to the container size ([\#6589](https://github.com/matrix-org/matrix-react-sdk/pull/6589)). Fixes #18307.
+ * Fix create room dialog in spaces no longer adding to the space ([\#6587](https://github.com/matrix-org/matrix-react-sdk/pull/6587)). Fixes #18465.
+ * Don't show a modal on call reject/user hangup ([\#6580](https://github.com/matrix-org/matrix-react-sdk/pull/6580)). Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fade Call View Buttons after `componentDidMount` ([\#6581](https://github.com/matrix-org/matrix-react-sdk/pull/6581)). Fixes #18439. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix missing expand button on codeblocks ([\#6565](https://github.com/matrix-org/matrix-react-sdk/pull/6565)). Fixes #18388. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * allow customizing the bubble layout colors ([\#6568](https://github.com/matrix-org/matrix-react-sdk/pull/6568)). Fixes #18408. Contributed by [benneti](https://github.com/benneti).
+ * Don't flash "Missed call" when accepting a call ([\#6567](https://github.com/matrix-org/matrix-react-sdk/pull/6567)). Fixes #18404. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix clicking whitespaces on replies ([\#6571](https://github.com/matrix-org/matrix-react-sdk/pull/6571)). Fixes #18327. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix composer not being disabled when sending voice messages ([\#6562](https://github.com/matrix-org/matrix-react-sdk/pull/6562)). Fixes #18413.
+ * Fix sizing issues of the screen picker ([\#6498](https://github.com/matrix-org/matrix-react-sdk/pull/6498)). Fixes #18281. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Stop voice messages that are playing when starting a recording ([\#6563](https://github.com/matrix-org/matrix-react-sdk/pull/6563)). Fixes #18410.
+ * Fix random box appearing when clicking room list headers. ([\#6561](https://github.com/matrix-org/matrix-react-sdk/pull/6561)). Fixes #18414.
+ * Null guard space inviter to prevent the app exploding ([\#6558](https://github.com/matrix-org/matrix-react-sdk/pull/6558)).
+ * Make the ringing sound mutable/disablable ([\#6534](https://github.com/matrix-org/matrix-react-sdk/pull/6534)). Fixes #15591. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix wrong cursor being used in PiP ([\#6551](https://github.com/matrix-org/matrix-react-sdk/pull/6551)). Fixes #18383. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Re-pin Jitsi if the widget already exists ([\#6226](https://github.com/matrix-org/matrix-react-sdk/pull/6226)). Fixes #17679. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix broken call notification regression ([\#6526](https://github.com/matrix-org/matrix-react-sdk/pull/6526)). Fixes #18335. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * createRoom, only send join rule event if we have a join rule to put in it ([\#6516](https://github.com/matrix-org/matrix-react-sdk/pull/6516)). Fixes #18301.
+ * Fix clicking pills inside replies ([\#6508](https://github.com/matrix-org/matrix-react-sdk/pull/6508)). Fixes #18283. Contributed by [SimonBrandner](https://github.com/SimonBrandner).
+ * Fix grecaptcha regression ([\#6503](https://github.com/matrix-org/matrix-react-sdk/pull/6503)). Fixes #18284. Contributed by [Palid](https://github.com/Palid).
+ * Fix compatibility with accounts where the security passphrase was created on a mobile device ([\#1819](https://github.com/matrix-org/matrix-js-sdk/pull/1819)).
+
+Changes in [1.7.34](https://github.com/vector-im/element-desktop/releases/tag/v1.7.34) (2021-08-02)
+===================================================================================================
+
+## 🔒 SECURITY FIXES
+ * Sanitize untrusted variables from message previews before translation
+   Fixes vector-im/element-web#18314
+
+## ✨ Features
+ * Fix editing of `<sub>` & `<sup`> & `<u>`
+   [\#6469](https://github.com/matrix-org/matrix-react-sdk/pull/6469)
+   Fixes #18211
+ * Zoom images in lightbox to where the cursor points
+   [\#6418](https://github.com/matrix-org/matrix-react-sdk/pull/6418)
+   Fixes #17870
+ * Avoid hitting the settings store from TextForEvent
+   [\#6205](https://github.com/matrix-org/matrix-react-sdk/pull/6205)
+   Fixes #17650
+ * Initial MSC3083 + MSC3244 support
+   [\#6212](https://github.com/matrix-org/matrix-react-sdk/pull/6212)
+   Fixes #17686 and #17661
+ * Navigate to the first room with notifications when clicked on space notification dot
+   [\#5974](https://github.com/matrix-org/matrix-react-sdk/pull/5974)
+ * Add matrix: to the list of permitted URL schemes
+   [\#6388](https://github.com/matrix-org/matrix-react-sdk/pull/6388)
+ * Add "Copy Link" to room context menu
+   [\#6374](https://github.com/matrix-org/matrix-react-sdk/pull/6374)
+ * 💭 Message bubble layout
+   [\#6291](https://github.com/matrix-org/matrix-react-sdk/pull/6291)
+   Fixes #4635, #17773 #16220 and #7687
+ * Play only one audio file at a time
+   [\#6417](https://github.com/matrix-org/matrix-react-sdk/pull/6417)
+   Fixes #17439
+ * Move download button for media to the action bar
+   [\#6386](https://github.com/matrix-org/matrix-react-sdk/pull/6386)
+   Fixes #17943
+ * Improved display of one-to-one call history with summary boxes for each call
+   [\#6121](https://github.com/matrix-org/matrix-react-sdk/pull/6121)
+   Fixes #16409
+ * Notification settings UI refresh
+   [\#6352](https://github.com/matrix-org/matrix-react-sdk/pull/6352)
+   Fixes #17782
+ * Fix EventIndex double handling events and erroring
+   [\#6385](https://github.com/matrix-org/matrix-react-sdk/pull/6385)
+   Fixes #18008
+ * Improve reply rendering
+   [\#3553](https://github.com/matrix-org/matrix-react-sdk/pull/3553)
+   Fixes vector-im/riot-web#9217, vector-im/riot-web#7633, vector-im/riot-web#7530, vector-im/riot-web#7169, vector-im/riot-web#7151, vector-im/riot-web#6692 vector-im/riot-web#6579 and #17440
+ * Improve performance of room name calculation
+   [\#1801](https://github.com/matrix-org/matrix-js-sdk/pull/1801)
+
+## 🐛 Bug Fixes
+ * Fix browser history getting stuck looping back to the same room
+   [\#18053](https://github.com/vector-im/element-web/pull/18053)
+ * Fix space shortcuts on layouts with non-English keys in the places of numbers
+   [\#17780](https://github.com/vector-im/element-web/pull/17780)
+   Fixes #17776
+ * Fix CreateRoomDialog exploding when making public room outside of a space
+   [\#6493](https://github.com/matrix-org/matrix-react-sdk/pull/6493)
+ * Fix regression where registration would soft-crash on captcha
+   [\#6505](https://github.com/matrix-org/matrix-react-sdk/pull/6505)
+   Fixes #18284
+ * only send join rule event if we have a join rule to put in it
+   [\#6517](https://github.com/matrix-org/matrix-react-sdk/pull/6517)
+ * Improve the new download button's discoverability and interactions.
+   [\#6510](https://github.com/matrix-org/matrix-react-sdk/pull/6510)
+ * Fix voice recording UI looking broken while microphone permissions are being requested.
+   [\#6479](https://github.com/matrix-org/matrix-react-sdk/pull/6479)
+   Fixes #18223
+ * Match colors of room and user avatars in DMs
+   [\#6393](https://github.com/matrix-org/matrix-react-sdk/pull/6393)
+   Fixes #2449
+ * Fix onPaste handler to work with copying files from Finder
+   [\#5389](https://github.com/matrix-org/matrix-react-sdk/pull/5389)
+   Fixes #15536 and #16255
+ * Fix infinite pagination loop when offline
+   [\#6478](https://github.com/matrix-org/matrix-react-sdk/pull/6478)
+   Fixes #18242
+ * Fix blurhash rounded corners missing regression
+   [\#6467](https://github.com/matrix-org/matrix-react-sdk/pull/6467)
+   Fixes #18110
+ * Fix position of the space hierarchy spinner
+   [\#6462](https://github.com/matrix-org/matrix-react-sdk/pull/6462)
+   Fixes #18182
+ * Fix display of image messages that lack thumbnails
+   [\#6456](https://github.com/matrix-org/matrix-react-sdk/pull/6456)
+   Fixes #18175
+ * Fix crash with large audio files.
+   [\#6436](https://github.com/matrix-org/matrix-react-sdk/pull/6436)
+   Fixes #18149
+ * Make diff colors in codeblocks more pleasant
+   [\#6355](https://github.com/matrix-org/matrix-react-sdk/pull/6355)
+   Fixes #17939
+ * Show the correct audio file duration while loading the file.
+   [\#6435](https://github.com/matrix-org/matrix-react-sdk/pull/6435)
+   Fixes #18160
+ * Fix various timeline settings not applying immediately.
+   [\#6261](https://github.com/matrix-org/matrix-react-sdk/pull/6261)
+   Fixes #17748
+ * Fix issues with room list duplication
+   [\#6391](https://github.com/matrix-org/matrix-react-sdk/pull/6391)
+   Fixes #14508
+ * Fix grecaptcha throwing useless error sometimes
+   [\#6401](https://github.com/matrix-org/matrix-react-sdk/pull/6401)
+   Fixes #15142
+ * Update Emojibase and Twemoji and switch to IamCal (Slack-style) shortcodes
+   [\#6347](https://github.com/matrix-org/matrix-react-sdk/pull/6347)
+   Fixes #13857 and #13334
+ * Respect compound emojis in default avatar initial generation
+   [\#6397](https://github.com/matrix-org/matrix-react-sdk/pull/6397)
+   Fixes #18040
+ * Fix bug where the 'other homeserver' field in the server selection dialog would become briefly focus and then unfocus when clicked.
+   [\#6394](https://github.com/matrix-org/matrix-react-sdk/pull/6394)
+   Fixes #18031
+ * Standardise spelling and casing of homeserver, identity server, and integration manager
+   [\#6365](https://github.com/matrix-org/matrix-react-sdk/pull/6365)
+ * Fix widgets not receiving decrypted events when they have permission.
+   [\#6371](https://github.com/matrix-org/matrix-react-sdk/pull/6371)
+   Fixes #17615
+ * Prevent client hangs when calculating blurhashes
+   [\#6366](https://github.com/matrix-org/matrix-react-sdk/pull/6366)
+   Fixes #17945
+ * Exclude state events from widgets reading room events
+   [\#6378](https://github.com/matrix-org/matrix-react-sdk/pull/6378)
+ * Cache feature_spaces\* flags to improve performance
+   [\#6381](https://github.com/matrix-org/matrix-react-sdk/pull/6381)
+
+Changes in [1.7.33](https://github.com/vector-im/element-web/releases/tag/v1.7.33) (2021-07-19)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.33-rc.1...v1.7.33)
+
+ * No changes from rc.1
+
+Changes in [1.7.33-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.33-rc.1) (2021-07-14)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.32...v1.7.33-rc.1)
+
+ * Translations update from Weblate
+   [\#17991](https://github.com/vector-im/element-web/pull/17991)
+ * Revert "Don't run nginx as root in docker"
+   [\#17990](https://github.com/vector-im/element-web/pull/17990)
+ * Don't run nginx as root in docker
+   [\#17927](https://github.com/vector-im/element-web/pull/17927)
+ * Add VS Code to gitignore
+   [\#17982](https://github.com/vector-im/element-web/pull/17982)
+ * Remove canvas native dependencies from Dockerfile
+   [\#17973](https://github.com/vector-im/element-web/pull/17973)
+ * Remove node-canvas devDependency
+   [\#17967](https://github.com/vector-im/element-web/pull/17967)
+ * Add `reskindex` to development steps
+   [\#17926](https://github.com/vector-im/element-web/pull/17926)
+ * Update Modernizr and stop it from polluting classes on the html tag
+   [\#17921](https://github.com/vector-im/element-web/pull/17921)
+ * Convert a few files to TS
+   [\#17895](https://github.com/vector-im/element-web/pull/17895)
+ * Do not generate a lockfile when running in CI
+   [\#17902](https://github.com/vector-im/element-web/pull/17902)
+ * Fix lockfile to match listed dependencies
+   [\#17888](https://github.com/vector-im/element-web/pull/17888)
+ * Remove PostCSS calc() processing
+   [\#17856](https://github.com/vector-im/element-web/pull/17856)
+ * Make issue template styling more consistent and improve PR template
+   [\#17691](https://github.com/vector-im/element-web/pull/17691)
+ * Update jsrsasign to ^10.2.0 (Includes fix for CVE-2021-30246)
+   [\#17170](https://github.com/vector-im/element-web/pull/17170)
+ * Migrate to `eslint-plugin-matrix-org`
+   [\#17847](https://github.com/vector-im/element-web/pull/17847)
+ * Remove spurious overflow: auto on #matrixchat element
+   [\#17647](https://github.com/vector-im/element-web/pull/17647)
+ * Enhance security by disallowing CSP object-src rule
+   [\#17818](https://github.com/vector-im/element-web/pull/17818)
+
+Changes in [1.7.32](https://github.com/vector-im/element-web/releases/tag/v1.7.32) (2021-07-05)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.32-rc.1...v1.7.32)
+
+ * No changes from rc.1
+
+Changes in [1.7.32-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.32-rc.1) (2021-06-29)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.31...v1.7.32-rc.1)
+
+ * Update to react-sdk v3.25.0-rc.1 and js-sdk v12.0.1-rc.1
+ * Translations update from Weblate
+   [\#17832](https://github.com/vector-im/element-web/pull/17832)
+ * Fix canvas-filter-polyfill mock path
+   [\#17785](https://github.com/vector-im/element-web/pull/17785)
+ * Mock context-filter-polyfill for app-tests
+   [\#17774](https://github.com/vector-im/element-web/pull/17774)
+ * Add libera.chat to default room directory
+   [\#17772](https://github.com/vector-im/element-web/pull/17772)
+ * Improve typing of Event Index Manager / Seshat
+   [\#17704](https://github.com/vector-im/element-web/pull/17704)
+ * Bump dns-packet from 1.3.1 to 1.3.4
+   [\#17478](https://github.com/vector-im/element-web/pull/17478)
+ * Update matrix-widget-api to fix build issues
+   [\#17747](https://github.com/vector-im/element-web/pull/17747)
+ * Fix whitespace in Dockerfile
+   [\#17742](https://github.com/vector-im/element-web/pull/17742)
+ * Upgrade @types/react and @types/react-dom
+   [\#17723](https://github.com/vector-im/element-web/pull/17723)
+ * Spaces keyboard shortcuts first cut
+   [\#17457](https://github.com/vector-im/element-web/pull/17457)
+ * Labs: feature_report_to_moderators
+   [\#17694](https://github.com/vector-im/element-web/pull/17694)
+
+Changes in [1.7.31](https://github.com/vector-im/element-web/releases/tag/v1.7.31) (2021-06-21)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.31-rc.1...v1.7.31)
+
+ * Upgrade to React SDK 3.24.0 and JS SDK 12.0.0
+
+Changes in [1.7.31-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.31-rc.1) (2021-06-15)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.30...v1.7.31-rc.1)
+
+ * Upgrade to React SDK 3.24.0-rc.1 and JS SDK 12.0.0-rc.1
+ * Translations update from Weblate
+   [\#17655](https://github.com/vector-im/element-web/pull/17655)
+ * Upgrade matrix-react-test-utils for React 17 peer deps
+   [\#17653](https://github.com/vector-im/element-web/pull/17653)
+ * Fix lint errors in Webpack config
+   [\#17626](https://github.com/vector-im/element-web/pull/17626)
+ * Preload only `woff2` fonts
+   [\#17614](https://github.com/vector-im/element-web/pull/17614)
+ * ⚛️ Upgrade to React@17
+   [\#17601](https://github.com/vector-im/element-web/pull/17601)
+
+Changes in [1.7.30](https://github.com/vector-im/element-web/releases/tag/v1.7.30) (2021-06-07)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.30-rc.1...v1.7.30)
+
+ * Upgrade to React SDK 3.23.0 and JS SDK 11.2.0
+
+Changes in [1.7.30-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.30-rc.1) (2021-06-01)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.29...v1.7.30-rc.1)
+
+ * Upgrade to React SDK 3.23.0-rc.1 and JS SDK 11.2.0-rc.1
+ * Translations update from Weblate
+   [\#17526](https://github.com/vector-im/element-web/pull/17526)
+ * Add Modernizr test for Promise.allSettled given js-sdk and react-sdk depend
+   on it
+   [\#17464](https://github.com/vector-im/element-web/pull/17464)
+ * Bump libolm dependency, and update package name.
+   [\#17433](https://github.com/vector-im/element-web/pull/17433)
+ * Remove logo spinner
+   [\#17423](https://github.com/vector-im/element-web/pull/17423)
+
+Changes in [1.7.29](https://github.com/vector-im/element-web/releases/tag/v1.7.29) (2021-05-24)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.29-rc.1...v1.7.29)
+
+## Security notice
+
+Element Web 1.7.29 fixes (by upgrading to olm 3.2.3) an issue in code used for
+decrypting server-side stored secrets. The issue could potentially allow a
+malicious homeserver to cause a stack buffer overflow in the affected function
+and to control that function's local variables.
+
+## All changes
+
+ * Upgrade to React SDK 3.22.0 and JS SDK 11.1.0
+ * [Release] Bump libolm dependency, and update package name
+   [\#17456](https://github.com/vector-im/element-web/pull/17456)
+
+Changes in [1.7.29-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.29-rc.1) (2021-05-19)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.28...v1.7.29-rc.1)
+
+ * Upgrade to React SDK 3.22.0-rc.1 and JS SDK 11.1.0-rc.1
+ * Translations update from Weblate
+   [\#17384](https://github.com/vector-im/element-web/pull/17384)
+ * Prevent minification of `.html` files
+   [\#17349](https://github.com/vector-im/element-web/pull/17349)
+ * Update matrix-widget-api/react-sdk dependency reference
+   [\#17346](https://github.com/vector-im/element-web/pull/17346)
+ * Add `yarn start:https`
+   [\#16989](https://github.com/vector-im/element-web/pull/16989)
+ * Translations update from Weblate
+   [\#17239](https://github.com/vector-im/element-web/pull/17239)
+ * Remove "in development" flag from voice messages labs documentation
+   [\#17204](https://github.com/vector-im/element-web/pull/17204)
+ * Add required webpack+jest config to load Safari support modules
+   [\#17193](https://github.com/vector-im/element-web/pull/17193)
+
+Changes in [1.7.28](https://github.com/vector-im/element-web/releases/tag/v1.7.28) (2021-05-17)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.28-rc.1...v1.7.28)
+
+## Security notice
+
+Element Web 1.7.28 fixes (by upgrading to matrix-react-sdk 3.21.0) a low
+severity issue (GHSA-8796-gc9j-63rv) related to file upload. When uploading a
+file, the local file preview can lead to execution of scripts embedded in the
+uploaded file, but only after several user interactions to open the preview in
+a separate tab. This only impacts the local user while in the process of
+uploading. It cannot be exploited remotely or by other users. Thanks to
+[Muhammad Zaid Ghifari](https://github.com/MR-ZHEEV) for responsibly disclosing
+this via Matrix's Security Disclosure Policy.
+
+## All changes
+
+ * Upgrade to React SDK 3.21.0 and JS SDK 11.0.0
+
+Changes in [1.7.28-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.28-rc.1) (2021-05-11)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.27...v1.7.28-rc.1)
+
+ * Upgrade to React SDK 3.21.0-rc.1 and JS SDK 11.0.0-rc.1
+ * Switch back to release version of `sanitize-html`
+   [\#17231](https://github.com/vector-im/element-web/pull/17231)
+ * Bump url-parse from 1.4.7 to 1.5.1
+   [\#17199](https://github.com/vector-im/element-web/pull/17199)
+ * Bump lodash from 4.17.20 to 4.17.21
+   [\#17205](https://github.com/vector-im/element-web/pull/17205)
+ * Bump hosted-git-info from 2.8.8 to 2.8.9
+   [\#17219](https://github.com/vector-im/element-web/pull/17219)
+ * Disable host checking on the webpack dev server
+   [\#17194](https://github.com/vector-im/element-web/pull/17194)
+ * Bump ua-parser-js from 0.7.23 to 0.7.24
+   [\#17190](https://github.com/vector-im/element-web/pull/17190)
+
+Changes in [1.7.27](https://github.com/vector-im/element-web/releases/tag/v1.7.27) (2021-05-10)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.27-rc.1...v1.7.27)
+
+ * Upgrade to React SDK 3.20.0 and JS SDK 10.1.0
+
+Changes in [1.7.27-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.27-rc.1) (2021-05-04)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.26...v1.7.27-rc.1)
+
+ * Upgrade to React SDK 3.20.0-rc.1 and JS SDK 10.1.0-rc.1
+ * Translations update from Weblate
+   [\#17160](https://github.com/vector-im/element-web/pull/17160)
+ * Document option for obeying asserted identity
+   [\#17008](https://github.com/vector-im/element-web/pull/17008)
+ * Implement IPC call to Electron to set language
+   [\#17052](https://github.com/vector-im/element-web/pull/17052)
+ * Convert Vector skin react components to Typescript
+   [\#17061](https://github.com/vector-im/element-web/pull/17061)
+ * Add code quality review policy
+   [\#16980](https://github.com/vector-im/element-web/pull/16980)
+ * Register RecorderWorklet from react-sdk
+   [\#17013](https://github.com/vector-im/element-web/pull/17013)
+ * Preload Inter font to avoid FOIT on slow connections
+   [\#17039](https://github.com/vector-im/element-web/pull/17039)
+ * Disable `postcss-calc`'s noisy `warnWhenCannotResolve` option
+   [\#17041](https://github.com/vector-im/element-web/pull/17041)
+
+Changes in [1.7.26](https://github.com/vector-im/element-web/releases/tag/v1.7.26) (2021-04-26)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.26-rc.1...v1.7.26)
+
+ * Upgrade to React SDK 3.19.0 and JS SDK 10.0.0
+
+Changes in [1.7.26-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.26-rc.1) (2021-04-21)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.25...v1.7.26-rc.1)
+
+ * Upgrade to React SDK 3.19.0-rc.1 and JS SDK 10.0.0-rc.1
+ * Translations update from Weblate
+   [\#17031](https://github.com/vector-im/element-web/pull/17031)
+ * Bump ssri from 6.0.1 to 6.0.2
+   [\#17010](https://github.com/vector-im/element-web/pull/17010)
+ * Fix `NODE_ENV` value for CI environments
+   [\#17003](https://github.com/vector-im/element-web/pull/17003)
+ * Use React production mode in CI builds
+   [\#16969](https://github.com/vector-im/element-web/pull/16969)
+ * Labs documentation for DND mode
+   [\#16962](https://github.com/vector-im/element-web/pull/16962)
+ * Rename blackboxing to new option ignore list
+   [\#16965](https://github.com/vector-im/element-web/pull/16965)
+ * Remove velocity-animate from lockfile
+   [\#16963](https://github.com/vector-im/element-web/pull/16963)
+ * Add mobile download link configuration
+   [\#16890](https://github.com/vector-im/element-web/pull/16890)
+ * Switch develop to not-staging Scalar by default
+   [\#16883](https://github.com/vector-im/element-web/pull/16883)
+ * Support a config option to skip login/welcome and go to SSO
+   [\#16880](https://github.com/vector-im/element-web/pull/16880)
+
+Changes in [1.7.25](https://github.com/vector-im/element-web/releases/tag/v1.7.25) (2021-04-12)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.25-rc.1...v1.7.25)
+
+ * Upgrade to React SDK 3.18.0 and JS SDK 9.11.0
+
+Changes in [1.7.25-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.25-rc.1) (2021-04-07)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.24...v1.7.25-rc.1)
+
+ * Upgrade to React SDK 3.18.0-rc.1 and JS SDK 9.11.0-rc.1
+ * Translations update from Weblate
+   [\#16882](https://github.com/vector-im/element-web/pull/16882)
+ * Revert "Docker image: serve pre-compressed assets using gzip_static"
+   [\#16838](https://github.com/vector-im/element-web/pull/16838)
+ * Move native node modules documentation to element-desktop
+   [\#16814](https://github.com/vector-im/element-web/pull/16814)
+ * Add user settings for warn before exit
+   [\#16781](https://github.com/vector-im/element-web/pull/16781)
+ * Change ISSUE_TEMPLATE bold lines to proper headers
+   [\#16768](https://github.com/vector-im/element-web/pull/16768)
+ * Add example for deployment into Kubernetes
+   [\#16447](https://github.com/vector-im/element-web/pull/16447)
+ * Create bare-bones `PULL_REQUEST_TEMPLATE.md`
+   [\#16770](https://github.com/vector-im/element-web/pull/16770)
+ * Add webpack config and labs flag docs for voice messages
+   [\#16705](https://github.com/vector-im/element-web/pull/16705)
+
+Changes in [1.7.24](https://github.com/vector-im/element-web/releases/tag/v1.7.24) (2021-03-29)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.24-rc.1...v1.7.24)
+
+ * Upgrade to React SDK 3.17.0 and JS SDK 9.10.0
+
+Changes in [1.7.24-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.24-rc.1) (2021-03-25)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.23...v1.7.24-rc.1)
+
+ * Upgrade to React SDK 3.17.0-rc.2 and JS SDK 9.10.0-rc.1
+ * Translations update from Weblate
+   [\#16766](https://github.com/vector-im/element-web/pull/16766)
+ * Docker image: serve pre-compressed assets using gzip_static
+   [\#16698](https://github.com/vector-im/element-web/pull/16698)
+ * Fix style lint issues
+   [\#16732](https://github.com/vector-im/element-web/pull/16732)
+ * Updated expected webpack output in setup guide
+   [\#16740](https://github.com/vector-im/element-web/pull/16740)
+ * Docs for `loginForWelcome`
+   [\#16468](https://github.com/vector-im/element-web/pull/16468)
+ * Disable rageshake persistence if no logs would be submitted
+   [\#16697](https://github.com/vector-im/element-web/pull/16697)
+
+Changes in [1.7.23](https://github.com/vector-im/element-web/releases/tag/v1.7.23) (2021-03-15)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.23-rc.1...v1.7.23)
+
+ * Upgrade to React SDK 3.16.0 and JS SDK 9.9.0
+
+Changes in [1.7.23-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.23-rc.1) (2021-03-10)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.22...v1.7.23-rc.1)
+
+ * Upgrade to React SDK 3.16.0-rc.2 and JS SDK 9.9.0-rc.1
+ * Translations update from Weblate
+   [\#16655](https://github.com/vector-im/element-web/pull/16655)
+ * Improve docs for customisations
+   [\#16652](https://github.com/vector-im/element-web/pull/16652)
+ * Update triage guide to match the new label scheme
+   [\#16612](https://github.com/vector-im/element-web/pull/16612)
+ * Remove a couple useless 'use strict' calls
+   [\#16650](https://github.com/vector-im/element-web/pull/16650)
+ * Remove old conferencing doc
+   [\#16648](https://github.com/vector-im/element-web/pull/16648)
+ * Bump elliptic from 6.5.3 to 6.5.4
+   [\#16644](https://github.com/vector-im/element-web/pull/16644)
+ * Add option for audio live streaming
+   [\#16604](https://github.com/vector-im/element-web/pull/16604)
+ * Update velocity-animate dependency
+   [\#16605](https://github.com/vector-im/element-web/pull/16605)
+ * Add Edge to the supported tier
+   [\#16611](https://github.com/vector-im/element-web/pull/16611)
+ * Add multi language spell check
+   [\#15851](https://github.com/vector-im/element-web/pull/15851)
+ * Document feature_spaces
+   [\#16538](https://github.com/vector-im/element-web/pull/16538)
+
+Changes in [1.7.22](https://github.com/vector-im/element-web/releases/tag/v1.7.22) (2021-03-01)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.22-rc.1...v1.7.22)
+
+## Security notice
+
+Element Web 1.7.22 fixes (by upgrading to matrix-react-sdk 3.15.0) a moderate
+severity issue (CVE-2021-21320) where the user content sandbox can be abused to
+trick users into opening unexpected documents after several user interactions.
+The content can be opened with a `blob` origin from the Matrix client, so it is
+possible for a malicious document to access user messages and secrets. Thanks to
+@keerok for responsibly disclosing this via Matrix's Security Disclosure Policy.
+
+## All changes
+
+ * Upgrade to React SDK 3.15.0 and JS SDK 9.8.0
+
+Changes in [1.7.22-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.22-rc.1) (2021-02-24)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.21...v1.7.22-rc.1)
+
+ * Upgrade to React SDK 3.15.0-rc.1 and JS SDK 9.8.0-rc.1
+ * Translations update from Weblate
+   [\#16529](https://github.com/vector-im/element-web/pull/16529)
+ * Add hostSignup config for element.io clients
+   [\#16515](https://github.com/vector-im/element-web/pull/16515)
+ * VoIP virtual rooms, mkII
+   [\#16442](https://github.com/vector-im/element-web/pull/16442)
+ * Jitsi widget: Read room name from query parameters
+   [\#16456](https://github.com/vector-im/element-web/pull/16456)
+ * fix / sso: make sure to delete only loginToken after redirect
+   [\#16415](https://github.com/vector-im/element-web/pull/16415)
+ * Disable Countly
+   [\#16433](https://github.com/vector-im/element-web/pull/16433)
+
+Changes in [1.7.21](https://github.com/vector-im/element-web/releases/tag/v1.7.21) (2021-02-16)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.21-rc.1...v1.7.21)
+
+ * Upgrade to React SDK 3.14.0 and JS SDK 9.7.0
+
+Changes in [1.7.21-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.21-rc.1) (2021-02-10)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.20...v1.7.21-rc.1)
+
+ * Upgrade to React SDK 3.14.0-rc.1 and JS SDK 9.7.0-rc.1
+ * Translations update from Weblate
+   [\#16427](https://github.com/vector-im/element-web/pull/16427)
+ * Add RegExp dotAll feature test
+   [\#16408](https://github.com/vector-im/element-web/pull/16408)
+ * Fix Electron type merging
+   [\#16405](https://github.com/vector-im/element-web/pull/16405)
+ * README: remove Jenkins reference
+   [\#16381](https://github.com/vector-im/element-web/pull/16381)
+ * Enable PostCSS Calc in webpack builds
+   [\#16307](https://github.com/vector-im/element-web/pull/16307)
+ * Add configuration security best practices to the README.
+   [\#16367](https://github.com/vector-im/element-web/pull/16367)
+ * Upgrade matrix-widget-api
+   [\#16347](https://github.com/vector-im/element-web/pull/16347)
+
+Changes in [1.7.20](https://github.com/vector-im/element-web/releases/tag/v1.7.20) (2021-02-04)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.19...v1.7.20)
+
+ * Upgrade to React SDK 3.13.1
+
+Changes in [1.7.19](https://github.com/vector-im/element-web/releases/tag/v1.7.19) (2021-02-03)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.19-rc.1...v1.7.19)
+
+ * Upgrade to React SDK 3.13.0 and JS SDK 9.6.0
+ * [Release] Upgrade matrix-widget-api
+   [\#16348](https://github.com/vector-im/element-web/pull/16348)
+
+Changes in [1.7.19-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.19-rc.1) (2021-01-29)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.18...v1.7.19-rc.1)
+
+ * Upgrade to React SDK 3.13.0-rc.1 and JS SDK 9.6.0-rc.1
+ * Translations update from Weblate
+   [\#16314](https://github.com/vector-im/element-web/pull/16314)
+ * Use history replaceState instead of redirect for SSO flow
+   [\#16292](https://github.com/vector-im/element-web/pull/16292)
+ * Document the mobile guide toast option
+   [\#16301](https://github.com/vector-im/element-web/pull/16301)
+ * Update widget-api to beta.12
+   [\#16303](https://github.com/vector-im/element-web/pull/16303)
+ * Upgrade deps 2021-01
+   [\#16294](https://github.com/vector-im/element-web/pull/16294)
+ * Move to newer base image for Docker builds
+   [\#16275](https://github.com/vector-im/element-web/pull/16275)
+ * Docs for the VoIP translate pattern option
+   [\#16236](https://github.com/vector-im/element-web/pull/16236)
+ * Fix Riot->Element in permalinkPrefix docs
+   [\#16227](https://github.com/vector-im/element-web/pull/16227)
+ * Supply server_name for optional federation-capable Jitsi auth
+   [\#16215](https://github.com/vector-im/element-web/pull/16215)
+ * Fix Widget API version confusion
+   [\#16212](https://github.com/vector-im/element-web/pull/16212)
+ * Add Hebrew language
+   [\#16210](https://github.com/vector-im/element-web/pull/16210)
+ * Update widget-api to beta 11
+   [\#16177](https://github.com/vector-im/element-web/pull/16177)
+ * Fix develop Docker builds
+   [\#16192](https://github.com/vector-im/element-web/pull/16192)
+ * Skip the service worker for Electron
+   [\#16157](https://github.com/vector-im/element-web/pull/16157)
+ * Use isolated IPC API
+   [\#16137](https://github.com/vector-im/element-web/pull/16137)
+
+Changes in [1.7.18](https://github.com/vector-im/element-web/releases/tag/v1.7.18) (2021-01-26)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.17...v1.7.18)
+
+ * Upgrade to React SDK 3.12.1 and JS SDK 9.5.1
+
+Changes in [1.7.17](https://github.com/vector-im/element-web/releases/tag/v1.7.17) (2021-01-18)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.17-rc.1...v1.7.17)
+
+ * Upgrade to React SDK 3.12.0 and JS SDK 9.5.0
+
+Changes in [1.7.17-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.17-rc.1) (2021-01-13)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.16...v1.7.17-rc.1)
+
+ * Upgrade to React SDK 3.12.0-rc.1 and JS SDK 9.5.0-rc.1
+ * Translations update from Weblate
+   [\#16131](https://github.com/vector-im/element-web/pull/16131)
+ * webplatform: Fix notification closing
+   [\#16028](https://github.com/vector-im/element-web/pull/16028)
+ * Stop building code and types for Element layer
+   [\#15999](https://github.com/vector-im/element-web/pull/15999)
+
+Changes in [1.7.16](https://github.com/vector-im/element-web/releases/tag/v1.7.16) (2020-12-21)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.16-rc.1...v1.7.16)
+
+ * Upgrade to React SDK 3.11.1 and JS SDK 9.4.1
+
+Changes in [1.7.16-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.16-rc.1) (2020-12-16)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.15...v1.7.16-rc.1)
+
+ * Upgrade to React SDK 3.11.0-rc.2 and JS SDK 9.4.0-rc.2
+ * Translations update from Weblate
+   [\#15979](https://github.com/vector-im/element-web/pull/15979)
+ * Bump ini from 1.3.5 to 1.3.7
+   [\#15949](https://github.com/vector-im/element-web/pull/15949)
+ * Document pull request previews
+   [\#15937](https://github.com/vector-im/element-web/pull/15937)
+ * Improve asset path for KaTeX fonts
+   [\#15939](https://github.com/vector-im/element-web/pull/15939)
+ * Fix an important semicolon
+   [\#15912](https://github.com/vector-im/element-web/pull/15912)
+ * Bump highlight.js from 10.1.2 to 10.4.1
+   [\#15898](https://github.com/vector-im/element-web/pull/15898)
+ * Add gitter.im to room directory
+   [\#15894](https://github.com/vector-im/element-web/pull/15894)
+ * Extend Platform to support idpId for SSO flows
+   [\#15771](https://github.com/vector-im/element-web/pull/15771)
+ * Include KaTeX CSS as a dependency
+   [\#15843](https://github.com/vector-im/element-web/pull/15843)
+
+Changes in [1.7.15](https://github.com/vector-im/element-web/releases/tag/v1.7.15) (2020-12-07)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.15-rc.1...v1.7.15)
+
+ * Upgrade to React SDK 3.10.0 and JS SDK 9.3.0
+
+Changes in [1.7.15-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.15-rc.1) (2020-12-02)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.14...v1.7.15-rc.1)
+
+ * Upgrade to React SDK 3.10.0-rc.1 and JS SDK 9.3.0-rc.1
+ * Include KaTeX CSS as a dependency
+   [\#15843](https://github.com/vector-im/element-web/pull/15843)
+ * Translations update from Weblate
+   [\#15884](https://github.com/vector-im/element-web/pull/15884)
+ * added katex.min.css to webpack for math support (main PR in matrix-react-
+   sdk)
+   [\#15277](https://github.com/vector-im/element-web/pull/15277)
+ * Rebrand package name and other details
+   [\#15828](https://github.com/vector-im/element-web/pull/15828)
+ * Bump highlight.js from 9.18.1 to 10.1.2
+   [\#15819](https://github.com/vector-im/element-web/pull/15819)
+ * Update branding of packaging artifacts
+   [\#15810](https://github.com/vector-im/element-web/pull/15810)
+ * Update the react-sdk reference in the lockfile
+   [\#15814](https://github.com/vector-im/element-web/pull/15814)
+ * Update widget API for good measure in Element Web
+   [\#15812](https://github.com/vector-im/element-web/pull/15812)
+ * Stop publishing Element to NPM
+   [\#15811](https://github.com/vector-im/element-web/pull/15811)
+ * Add inotify instance limit info to README
+   [\#15795](https://github.com/vector-im/element-web/pull/15795)
+
+Changes in [1.7.14](https://github.com/vector-im/element-web/releases/tag/v1.7.14) (2020-11-23)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.14-rc.1...v1.7.14)
+
+ * Upgrade to React SDK 3.9.0 and JS SDK 9.2.0
+
+Changes in [1.7.14-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.14-rc.1) (2020-11-18)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.13...v1.7.14-rc.1)
+
+ * Upgrade to React SDK 3.9.0-rc.1 and JS SDK 9.2.0-rc.1
+ * Translations update from Weblate
+   [\#15767](https://github.com/vector-im/element-web/pull/15767)
+ * Update the widget-api for element-web
+   [\#15717](https://github.com/vector-im/element-web/pull/15717)
+
+Changes in [1.7.13](https://github.com/vector-im/element-web/releases/tag/v1.7.13) (2020-11-09)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.13-rc.1...v1.7.13)
+
+ * Upgrade to React SDK 3.8.0 and JS SDK 9.1.0
+
+Changes in [1.7.13-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.13-rc.1) (2020-11-04)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.12...v1.7.13-rc.1)
+
+ * Upgrade to React SDK 3.8.0-rc.1 and JS SDK 9.1.0-rc.1
+ * Translations update from Weblate
+   [\#15644](https://github.com/vector-im/element-web/pull/15644)
+ * Add countly experiment to develop/nightly configs
+   [\#15614](https://github.com/vector-im/element-web/pull/15614)
+ * Add documentation for new UIFeature flag regarding room history settings
+   [\#15592](https://github.com/vector-im/element-web/pull/15592)
+ * Rename Docker repo in docs
+   [\#15590](https://github.com/vector-im/element-web/pull/15590)
+ * Fix Jitsi regressions with custom themes
+   [\#15575](https://github.com/vector-im/element-web/pull/15575)
+
+Changes in [1.7.12](https://github.com/vector-im/element-web/releases/tag/v1.7.12) (2020-10-28)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.11...v1.7.12)
+
+ * Upgrade to React SDK 3.7.1 and JS SDK 9.0.1
+ * [Release] Fix Jitsi regressions with custom themes
+   [\#15577](https://github.com/vector-im/element-web/pull/15577)
+
+Changes in [1.7.11](https://github.com/vector-im/element-web/releases/tag/v1.7.11) (2020-10-26)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.11-rc.1...v1.7.11)
+
+ * Upgrade to React SDK 3.7.0 and JS SDK 9.0.0
+
+Changes in [1.7.11-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.11-rc.1) (2020-10-21)
+=========================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.10...v1.7.11-rc.1)
+
+ * Upgrade to React SDK 3.7.0-rc.2 and JS SDK 9.0.0-rc.1
+ * Update Weblate URL
+   [\#15516](https://github.com/vector-im/element-web/pull/15516)
+ * Translations update from Weblate
+   [\#15517](https://github.com/vector-im/element-web/pull/15517)
+ * Jitsi accept theme variable and restyle
+   [\#15499](https://github.com/vector-im/element-web/pull/15499)
+ * Skip editor confirmation of upgrades
+   [\#15506](https://github.com/vector-im/element-web/pull/15506)
+ * Adjust for new widget messaging APIs
+   [\#15495](https://github.com/vector-im/element-web/pull/15495)
+ * Use HTTPS_PROXY environment variable for downloading external_api.min…
+   [\#15479](https://github.com/vector-im/element-web/pull/15479)
+ * Document customisation points
+   [\#15475](https://github.com/vector-im/element-web/pull/15475)
+ * Don't fatally end the Jitsi widget when it's not being used as a widget
+   [\#15466](https://github.com/vector-im/element-web/pull/15466)
+ * electron-platform: Pass the user/devce id pair when initializing the event
+   index.
+   [\#15455](https://github.com/vector-im/element-web/pull/15455)
+
+Changes in [1.7.10](https://github.com/vector-im/element-web/releases/tag/v1.7.10) (2020-10-20)
+===============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.9...v1.7.10)
+
+ * [Release] Adjust for new widget messaging APIs
+   [\#15497](https://github.com/vector-im/element-web/pull/15497)
+ * Upgrade to React SDK 3.6.1
+
+Changes in [1.7.9](https://github.com/vector-im/element-web/releases/tag/v1.7.9) (2020-10-12)
+=============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.9-rc.1...v1.7.9)
+
+ * Upgrade to React SDK 3.6.0 and JS SDK 8.5.0
+
+Changes in [1.7.9-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.9-rc.1) (2020-10-07)
+=======================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.8...v1.7.9-rc.1)
+
+ * Upgrade to React SDK 3.6.0-rc.1 and JS SDK 8.5.0-rc.1
+ * Update from Weblate
+   [\#15406](https://github.com/vector-im/element-web/pull/15406)
+ * Update Jest and JSDOM
+   [\#15402](https://github.com/vector-im/element-web/pull/15402)
+ * Add support for dehydration/fallback keys
+   [\#15398](https://github.com/vector-im/element-web/pull/15398)
+ * Remove riot-bot from sample config
+   [\#15376](https://github.com/vector-im/element-web/pull/15376)
+ * Switch to using the Widget API SDK for Jitsi widgets
+   [\#15102](https://github.com/vector-im/element-web/pull/15102)
+ * Remove workbox
+   [\#15352](https://github.com/vector-im/element-web/pull/15352)
+ * Disable workbox when running in webpack dev server, not in dev mode
+   [\#15345](https://github.com/vector-im/element-web/pull/15345)
+ * Update Riot -> Element in contribute.json
+   [\#15326](https://github.com/vector-im/element-web/pull/15326)
+ * Update Riot -> Element in redeploy.py
+   [\#15336](https://github.com/vector-im/element-web/pull/15336)
+ * Update Riot -> Element in docs/feature-flags.md
+   [\#15325](https://github.com/vector-im/element-web/pull/15325)
+ * Update Riot -> Element in element.io/README.md
+   [\#15327](https://github.com/vector-im/element-web/pull/15327)
+ * Update Riot -> Element in VectorAuthFooter
+   [\#15328](https://github.com/vector-im/element-web/pull/15328)
+ * Update Riot -> Element in VectorEmbeddedPage
+   [\#15329](https://github.com/vector-im/element-web/pull/15329)
+ * Update Riot -> Element in docs/review.md
+   [\#15330](https://github.com/vector-im/element-web/pull/15330)
+ * Update Riot -> Element in welcome.html
+   [\#15332](https://github.com/vector-im/element-web/pull/15332)
+ * Update Riot -> Element in issues-burndown.pl
+   [\#15333](https://github.com/vector-im/element-web/pull/15333)
+ * Update Riot -> Element in redeploy.py
+   [\#15334](https://github.com/vector-im/element-web/pull/15334)
+ * Update Riot -> Element in index.ts
+   [\#15335](https://github.com/vector-im/element-web/pull/15335)
+ * Update Riot -> Element Web in issue templates
+   [\#15324](https://github.com/vector-im/element-web/pull/15324)
+ * Give the Jitsi widget an icon to help with discovery
+   [\#15316](https://github.com/vector-im/element-web/pull/15316)
+ * Jitsi widget wrapper updates for hangup button
+   [\#15219](https://github.com/vector-im/element-web/pull/15219)
+ * Tidy up Service Worker, only run Workbox in production
+   [\#15271](https://github.com/vector-im/element-web/pull/15271)
+ * Remove conference handler
+   [\#15274](https://github.com/vector-im/element-web/pull/15274)
+ * Rebrand the webpack pipeline for Element
+   [\#15266](https://github.com/vector-im/element-web/pull/15266)
+ * Replace dummy sw.js with pre-caching and runtime-caching workbox SW
+   [\#15196](https://github.com/vector-im/element-web/pull/15196)
+
+Changes in [1.7.8](https://github.com/vector-im/element-web/releases/tag/v1.7.8) (2020-09-28)
+=============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.8-rc.1...v1.7.8)
+
+ * Upgrade to React SDK 3.5.0 and JS SDK 8.4.1
+
+Changes in [1.7.8-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.8-rc.1) (2020-09-23)
+=======================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.7...v1.7.8-rc.1)
+
+ * Upgrade to React SDK 3.5.0-rc.1 and JS SDK 8.4.0-rc.1
+ * Update from Weblate
+   [\#15262](https://github.com/vector-im/element-web/pull/15262)
+ * Upgrade sanitize-html
+   [\#15260](https://github.com/vector-im/element-web/pull/15260)
+ * Document config for preferring Secure Backup setup methods
+   [\#15251](https://github.com/vector-im/element-web/pull/15251)
+ * Add end-user documentation for UI features
+   [\#15190](https://github.com/vector-im/element-web/pull/15190)
+ * Update git checkout instructions
+   [\#15218](https://github.com/vector-im/element-web/pull/15218)
+ * If no bug_report_endpoint_url, hide rageshaking from the App
+   [\#15201](https://github.com/vector-im/element-web/pull/15201)
+ * Bump node-fetch from 2.6.0 to 2.6.1
+   [\#15153](https://github.com/vector-im/element-web/pull/15153)
+ * Remove references to Travis CI
+   [\#15137](https://github.com/vector-im/element-web/pull/15137)
+ * Fix onNewScreen to use replace when going from roomId->roomAlias
+   [\#15127](https://github.com/vector-im/element-web/pull/15127)
+ * Enable Estonian in language menu
+   [\#15136](https://github.com/vector-im/element-web/pull/15136)
+
+Changes in [1.7.7](https://github.com/vector-im/element-web/releases/tag/v1.7.7) (2020-09-14)
+=============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.6...v1.7.7)
+
+ * Upgrade to React SDK 3.4.1
+
+Changes in [1.7.6](https://github.com/vector-im/element-web/releases/tag/v1.7.6) (2020-09-14)
+=============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.6-rc.1...v1.7.6)
+
+ * Upgrade to React SDK 3.4.0 and JS SDK 8.3.0
+
+Changes in [1.7.6-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.6-rc.1) (2020-09-09)
+=======================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.5...v1.7.6-rc.1)
+
+ * Upgrade to React SDK 3.4.0-rc.1 and JS SDK 8.3.0-rc.1
+ * Update from Weblate
+   [\#15125](https://github.com/vector-im/element-web/pull/15125)
+ * Support usage of Jitsi widgets with "openidtoken-jwt" auth
+   [\#15114](https://github.com/vector-im/element-web/pull/15114)
+ * Fix eslint ts override tsx matching and delint
+   [\#15064](https://github.com/vector-im/element-web/pull/15064)
+ * Add testing to review guidelines
+   [\#15050](https://github.com/vector-im/element-web/pull/15050)
+
+Changes in [1.7.5](https://github.com/vector-im/element-web/releases/tag/v1.7.5) (2020-09-01)
+=============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.5-rc.1...v1.7.5)
+
+## Security notice
+
+Element Web 1.7.5 fixes an issue where encrypted state events could break incoming call handling.
+Thanks to @awesome-michael from Awesome Technologies for responsibly disclosing this via Matrix's
+Security Disclosure Policy.
+
+## All changes
+
+ * Upgrade to React SDK 3.3.0 and JS SDK 8.2.0
+
+Changes in [1.7.5-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.5-rc.1) (2020-08-26)
+=======================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.4...v1.7.5-rc.1)
+
+ * Upgrade to React SDK 3.3.0-rc.1 and JS SDK 8.2.0-rc.1
+ * Update from Weblate
+   [\#15045](https://github.com/vector-im/element-web/pull/15045)
+ * Document .well-known E2EE secure backup setting
+   [\#15003](https://github.com/vector-im/element-web/pull/15003)
+ * Add docs for communities v2 prototyping feature flag
+   [\#15013](https://github.com/vector-im/element-web/pull/15013)
+ * Update links in README.md to point to Element
+   [\#14973](https://github.com/vector-im/element-web/pull/14973)
+ * Make kabyle translation available
+   [\#15027](https://github.com/vector-im/element-web/pull/15027)
+ * Change Riot to Element in readme
+   [\#15016](https://github.com/vector-im/element-web/pull/15016)
+ * Update links to element in the readme
+   [\#15014](https://github.com/vector-im/element-web/pull/15014)
+ * Link to Element in F-Droid as well
+   [\#15002](https://github.com/vector-im/element-web/pull/15002)
+ * Settings v3: Update documentation and configs for new feature flag behaviour
+   [\#14986](https://github.com/vector-im/element-web/pull/14986)
+ * Update jitsi.md with Element Android details
+   [\#14952](https://github.com/vector-im/element-web/pull/14952)
+ * TypeScript: enable es2019 lib for newer definitions
+   [\#14983](https://github.com/vector-im/element-web/pull/14983)
+ * Add reaction preview labs flags to develop
+   [\#14979](https://github.com/vector-im/element-web/pull/14979)
+ * Document new labs tweaks
+   [\#14958](https://github.com/vector-im/element-web/pull/14958)
+
+Changes in [1.7.4](https://github.com/vector-im/element-web/releases/tag/v1.7.4) (2020-08-17)
+=============================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.4-rc.1...v1.7.4)
+
+ * Upgrade to React SDK 3.2.0 and JS SDK 8.1.0
+
+Changes in [1.7.4-rc.1](https://github.com/vector-im/element-web/releases/tag/v1.7.4-rc.1) (2020-08-13)
+=======================================================================================================
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.3...v1.7.4-rc.1)
+
+ * Upgrade to React SDK 3.2.0-rc.1 and JS SDK 8.1.0-rc.1
+ * Update policy links to element.io
+   [\#14905](https://github.com/vector-im/element-web/pull/14905)
+ * Update from Weblate
+   [\#14949](https://github.com/vector-im/element-web/pull/14949)
+ * Try to close notification on all platforms which support it, not just
+   electron
+   [\#14939](https://github.com/vector-im/element-web/pull/14939)
+ * Update bug report submission URL
+   [\#14903](https://github.com/vector-im/element-web/pull/14903)
+ * Fix arm docker build
+   [\#14522](https://github.com/vector-im/element-web/pull/14522)
+
+Changes in [1.7.3](https://github.com/vector-im/element-web/releases/tag/v1.7.3) (2020-08-05)
+=============================================================================================
+
+## Security notice
+
+Element Web 1.7.3 (as well as the earlier release 1.7.2) fixes an issue where
+replying to a specially formatted message would make it seem like the replier
+said something they did not. Thanks to Sorunome for responsibly disclosing this
+via Matrix's Security Disclosure Policy.
+
+Element Web 1.7.3 (as well as the earlier release 1.7.2) fixes an issue where an
+unexpected language ID in a code block could cause Element to crash. Thanks to
+SakiiR for responsibly disclosing this via Matrix's Security Disclosure Policy.
+
+## All changes
+
+[Full Changelog](https://github.com/vector-im/element-web/compare/v1.7.3-rc.1...v1.7.3)
+
+ * Upgrade to React SDK 3.1.0 and JS SDK 8.0.1
+
+Changes in [1.7.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.7.3-rc.1) (2020-07-31)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.7.2...v1.7.3-rc.1)
+
+ * Upgrade to React SDK 3.1.0-rc.1 and JS SDK 8.0.1-rc.1
+ * Make Lojban translation available
+   [\#14703](https://github.com/vector-im/riot-web/pull/14703)
+ * Update from Weblate
+   [\#14841](https://github.com/vector-im/riot-web/pull/14841)
+ * Remove redundant lint dependencies
+   [\#14810](https://github.com/vector-im/riot-web/pull/14810)
+ * Bump elliptic from 6.5.2 to 6.5.3
+   [\#14826](https://github.com/vector-im/riot-web/pull/14826)
+ * Update mobile config intercept URL
+   [\#14796](https://github.com/vector-im/riot-web/pull/14796)
+ * Fix typo in https://
+   [\#14791](https://github.com/vector-im/riot-web/pull/14791)
+
+Changes in [1.7.2](https://github.com/vector-im/riot-web/releases/tag/v1.7.2) (2020-07-27)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.7.1...v1.7.2)
+
+ * Upgrade to React SDK 3.0.0 and JS SDK 8.0.0
+ * Update from Weblate
+   [\#14778](https://github.com/vector-im/riot-web/pull/14778)
+ * Capitalize letters
+   [\#14566](https://github.com/vector-im/riot-web/pull/14566)
+ * Configure eslint package and fix lint issues
+   [\#14673](https://github.com/vector-im/riot-web/pull/14673)
+ * Riot → Element
+   [\#14581](https://github.com/vector-im/riot-web/pull/14581)
+ * Remove labs info for the new room list
+   [\#14603](https://github.com/vector-im/riot-web/pull/14603)
+ * Convince Webpack to use development on CI
+   [\#14593](https://github.com/vector-im/riot-web/pull/14593)
+ * Move dev dep to the right place
+   [\#14572](https://github.com/vector-im/riot-web/pull/14572)
+ * Bump lodash from 4.17.15 to 4.17.19
+   [\#14552](https://github.com/vector-im/riot-web/pull/14552)
+ * Update all mobile links to match marketing site
+   [\#14541](https://github.com/vector-im/riot-web/pull/14541)
+
+Changes in [1.7.1](https://github.com/vector-im/riot-web/releases/tag/v1.7.1) (2020-07-16)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.7.0...v1.7.1)
+
+ * Upgrade to React SDK 2.10.1
+ * Fix SSO session ID paramater
+   [\#14544](https://github.com/vector-im/riot-web/pull/14544)
+ * Run pngcrush on vector-icons
+   [\#14488](https://github.com/vector-im/riot-web/pull/14488)
+ * Fix hosting signup link
+   [\#14502](https://github.com/vector-im/riot-web/pull/14502)
+ * Use the right protocol for SSO URLs
+   [\#14513](https://github.com/vector-im/riot-web/pull/14513)
+ * Fix mstile-310x150 by renaming it
+   [\#14485](https://github.com/vector-im/riot-web/pull/14485)
+ * Update blog and twitter links to point to Element
+   [\#14478](https://github.com/vector-im/riot-web/pull/14478)
+
+Changes in [1.7.0](https://github.com/vector-im/riot-web/releases/tag/v1.7.0) (2020-07-15)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.8...v1.7.0)
+
+ * App name changed from Riot to Element
+ * Upgrade to React SDK 2.10.0
+ * Remove redundant enum
+   [\#14472](https://github.com/vector-im/riot-web/pull/14472)
+ * Remove font scaling from labs
+   [\#14355](https://github.com/vector-im/riot-web/pull/14355)
+ * Update documentation and remove labs flag for new room list
+   [\#14375](https://github.com/vector-im/riot-web/pull/14375)
+ * Update from Weblate
+   [\#14434](https://github.com/vector-im/riot-web/pull/14434)
+ * Release the irc layout from labs
+   [\#14350](https://github.com/vector-im/riot-web/pull/14350)
+ * Fix welcomeBackgroundUrl array causing background to change during use
+   [\#14368](https://github.com/vector-im/riot-web/pull/14368)
+ * Be more explicit about type when calling platform startUpdater
+   [\#14299](https://github.com/vector-im/riot-web/pull/14299)
+
+Changes in [1.6.8](https://github.com/vector-im/riot-web/releases/tag/v1.6.8) (2020-07-03)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.8-rc.1...v1.6.8)
+
+ * Upgrade to JS SDK 7.1.0 and React SDK 2.9.0
+
+Changes in [1.6.8-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.6.8-rc.1) (2020-07-01)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.7...v1.6.8-rc.1)
+
+ * Upgrade to JS SDK 7.1.0-rc.1 and React SDK 2.9.0-rc.1
+ * Update from Weblate
+   [\#14282](https://github.com/vector-im/riot-web/pull/14282)
+ * Show a download completed toast in electron
+   [\#14248](https://github.com/vector-im/riot-web/pull/14248)
+ * Add the new spinner feature labs flag
+   [\#14213](https://github.com/vector-im/riot-web/pull/14213)
+ * Fix loading-test for SSO plaf changes
+   [\#14212](https://github.com/vector-im/riot-web/pull/14212)
+ * Fix spelling on startup error page
+   [\#14199](https://github.com/vector-im/riot-web/pull/14199)
+ * Document fonts in custom theme
+   [\#14175](https://github.com/vector-im/riot-web/pull/14175)
+ * Update from Weblate
+   [\#14129](https://github.com/vector-im/riot-web/pull/14129)
+ * ElectronPlatform: Implement the isRoomIndexed method.
+   [\#13957](https://github.com/vector-im/riot-web/pull/13957)
+ * ElectronPlatform: Add support to set and get the index user version.
+   [\#14080](https://github.com/vector-im/riot-web/pull/14080)
+ * Mark the new room list as ready for general testing
+   [\#14102](https://github.com/vector-im/riot-web/pull/14102)
+
+Changes in [1.6.7](https://github.com/vector-im/riot-web/releases/tag/v1.6.7) (2020-06-29)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.6...v1.6.7)
+
+ * Upgrade to React SDK 2.8.1
+
+Changes in [1.6.6](https://github.com/vector-im/riot-web/releases/tag/v1.6.6) (2020-06-23)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.6-rc.1...v1.6.6)
+
+ * Upgrade to JS SDK 7.0.0 and React SDK 2.8.0
+
+Changes in [1.6.6-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.6.6-rc.1) (2020-06-17)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.5...v1.6.6-rc.1)
+
+ * Upgrade to JS SDK 7.0.0-rc.1 and React SDK 2.8.0-rc.1
+ * Update from Weblate
+   [\#14067](https://github.com/vector-im/riot-web/pull/14067)
+ * Update from Weblate
+   [\#14032](https://github.com/vector-im/riot-web/pull/14032)
+ * Attempt to fix decoder ring for relative hosted riots
+   [\#13987](https://github.com/vector-im/riot-web/pull/13987)
+ * Upgrade deps
+   [\#13952](https://github.com/vector-im/riot-web/pull/13952)
+ * Fix riot-desktop manual update check getting stuck on Downloading...
+   [\#13946](https://github.com/vector-im/riot-web/pull/13946)
+ * Bump websocket-extensions from 0.1.3 to 0.1.4
+   [\#13943](https://github.com/vector-im/riot-web/pull/13943)
+ * Add e2ee-default:false docs
+   [\#13914](https://github.com/vector-im/riot-web/pull/13914)
+ * make IPC calls to get pickle key
+   [\#13846](https://github.com/vector-im/riot-web/pull/13846)
+ * fix loading test for new sso pattern
+   [\#13913](https://github.com/vector-im/riot-web/pull/13913)
+ * Fix login loop where the sso flow returns to `#/login`
+   [\#13889](https://github.com/vector-im/riot-web/pull/13889)
+ * Fix typo in docs
+   [\#13905](https://github.com/vector-im/riot-web/pull/13905)
+ * Remove cross-signing from labs
+   [\#13904](https://github.com/vector-im/riot-web/pull/13904)
+ * Add PWA Platform with PWA-specific badge controls
+   [\#13890](https://github.com/vector-im/riot-web/pull/13890)
+ * Modernizr check for subtle crypto as we require it all over the place
+   [\#13828](https://github.com/vector-im/riot-web/pull/13828)
+
+Changes in [1.6.5](https://github.com/vector-im/riot-web/releases/tag/v1.6.5) (2020-06-16)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.4...v1.6.5)
+
+* Upgrade to JS SDK 6.2.2 and React SDK 2.7.2
+
+Changes in [1.6.4](https://github.com/vector-im/riot-web/releases/tag/v1.6.4) (2020-06-05)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.3...v1.6.4)
+
+* Upgrade to JS SDK 6.2.1 and React SDK 2.7.1
+
+Changes in [1.6.3](https://github.com/vector-im/riot-web/releases/tag/v1.6.3) (2020-06-04)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.3-rc.1...v1.6.3)
+
+## Security notice
+
+Riot Web 1.6.3 fixes a vulnerability in single sign-on (SSO) deployments where Riot Web could be confused into sending authentication details to an attacker-controlled server. Thanks to Quentin Gliech for responsibly disclosing this via Matrix's Security Disclosure Policy.
+
+## All changes
+
+ * Fix login loop where the sso flow returns to `#/login` to release
+   [\#13915](https://github.com/vector-im/riot-web/pull/13915)
+
+Changes in [1.6.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.6.3-rc.1) (2020-06-02)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.2...v1.6.3-rc.1)
+
+ * Upgrade to JS SDK 6.2.0-rc.1 and React SDK 2.7.0-rc.2
+ * Get rid of welcome.html's Chat with Riot Bot button
+   [\#13842](https://github.com/vector-im/riot-web/pull/13842)
+ * Update from Weblate
+   [\#13886](https://github.com/vector-im/riot-web/pull/13886)
+ * Allow deferring of Update Toast until the next morning
+   [\#13864](https://github.com/vector-im/riot-web/pull/13864)
+ * Give contextual feedback for manual update check instead of banner
+   [\#13862](https://github.com/vector-im/riot-web/pull/13862)
+ * Add app-load doc
+   [\#13834](https://github.com/vector-im/riot-web/pull/13834)
+ * Update Modular hosting link
+   [\#13777](https://github.com/vector-im/riot-web/pull/13777)
+ * Replace New Version Bar with a Toast
+   [\#13776](https://github.com/vector-im/riot-web/pull/13776)
+ * Remove webpack-build-notifier from lockfile
+   [\#13814](https://github.com/vector-im/riot-web/pull/13814)
+ *  Add media queries and mobile viewport (#12142)
+   [\#13818](https://github.com/vector-im/riot-web/pull/13818)
+ * Fix @types/react conflict in matrix-react-sdk
+   [\#13809](https://github.com/vector-im/riot-web/pull/13809)
+ * Fix manual update checking, super in arrow funcs doesn't work
+   [\#13808](https://github.com/vector-im/riot-web/pull/13808)
+ * Update from Weblate
+   [\#13806](https://github.com/vector-im/riot-web/pull/13806)
+ * Convert platforms to Typescript
+   [\#13756](https://github.com/vector-im/riot-web/pull/13756)
+ * Fix EventEmitter typescript signature in node typings
+   [\#13764](https://github.com/vector-im/riot-web/pull/13764)
+ * Add docs and labs flag for new room list implementation
+   [\#13675](https://github.com/vector-im/riot-web/pull/13675)
+ * Add font scaling labs setting.
+   [\#13352](https://github.com/vector-im/riot-web/pull/13352)
+ * Add labs flag for alternate message layouts
+   [\#13350](https://github.com/vector-im/riot-web/pull/13350)
+ * Move dispatcher references in support of TypeScript conversion
+   [\#13666](https://github.com/vector-im/riot-web/pull/13666)
+ * Update from Weblate
+   [\#13704](https://github.com/vector-im/riot-web/pull/13704)
+ * Replace favico.js dependency with simplified variant grown from it
+   [\#13649](https://github.com/vector-im/riot-web/pull/13649)
+ * Remove Electron packaging scripts
+   [\#13688](https://github.com/vector-im/riot-web/pull/13688)
+ * Fix postcss order to allow mixin variables to work
+   [\#13674](https://github.com/vector-im/riot-web/pull/13674)
+ * Pass screenAfterLogin through SSO in the callback url
+   [\#13650](https://github.com/vector-im/riot-web/pull/13650)
+
+Changes in [1.6.2](https://github.com/vector-im/riot-web/releases/tag/v1.6.2) (2020-05-22)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.1...v1.6.2)
+
+ * Upgrade to React SDK 2.6.1
+
+Changes in [1.6.1](https://github.com/vector-im/riot-web/releases/tag/v1.6.1) (2020-05-19)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.1-rc.1...v1.6.1)
+
+ * Upgrade to React SDK 2.6.0 and JS SDK 6.1.0
+
+Changes in [1.6.1-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.6.1-rc.1) (2020-05-14)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0...v1.6.1-rc.1)
+
+ * Upgrade to React SDK 2.6.0-rc.1 and JS SDK 6.1.0-rc.1
+ * Update from Weblate
+   [\#13673](https://github.com/vector-im/riot-web/pull/13673)
+ * Add notranslate class to matrixchat to prevent translation by Google
+   Translate
+   [\#13669](https://github.com/vector-im/riot-web/pull/13669)
+ * Added Anchor Link to the development of matrix sdk
+   [\#13638](https://github.com/vector-im/riot-web/pull/13638)
+ * Prefetch the formatting button mask svg images
+   [\#13631](https://github.com/vector-im/riot-web/pull/13631)
+ * use a different image in previews
+   [\#13488](https://github.com/vector-im/riot-web/pull/13488)
+ * Update from Weblate
+   [\#13625](https://github.com/vector-im/riot-web/pull/13625)
+ * Remove electron_app as we now have riot-desktop repo
+   [\#13544](https://github.com/vector-im/riot-web/pull/13544)
+ * add new images for PWA icons
+   [\#13556](https://github.com/vector-im/riot-web/pull/13556)
+ * Remove unused feature flag from config
+   [\#13504](https://github.com/vector-im/riot-web/pull/13504)
+ * Update from Weblate
+   [\#13486](https://github.com/vector-im/riot-web/pull/13486)
+ * Developer tool: convert rageshake error locations back to sourcecode
+   locations
+   [\#13357](https://github.com/vector-im/riot-web/pull/13357)
+ * App load tweaks, improve error pages
+   [\#13329](https://github.com/vector-im/riot-web/pull/13329)
+ * Tweak default device name to be more compact
+   [\#13465](https://github.com/vector-im/riot-web/pull/13465)
+ * Tweak default device name on macOS
+   [\#13460](https://github.com/vector-im/riot-web/pull/13460)
+ * Update docs with custom theming changes
+   [\#13406](https://github.com/vector-im/riot-web/pull/13406)
+ * Update from Weblate
+   [\#13395](https://github.com/vector-im/riot-web/pull/13395)
+ * Remove docs and config for invite only padlocks
+   [\#13374](https://github.com/vector-im/riot-web/pull/13374)
+ * Revert "Add font scaling labs setting."
+   [\#13351](https://github.com/vector-im/riot-web/pull/13351)
+ * Expand feature flag docs to cover additional release channels
+   [\#13341](https://github.com/vector-im/riot-web/pull/13341)
+ * Optimized image assets by recompressing without affecting quality.
+   [\#13034](https://github.com/vector-im/riot-web/pull/13034)
+ * Add font scaling labs setting.
+   [\#13199](https://github.com/vector-im/riot-web/pull/13199)
+ * Remove encrypted message search feature flag
+   [\#13325](https://github.com/vector-im/riot-web/pull/13325)
+ * Fix `default_federate` settting description
+   [\#13312](https://github.com/vector-im/riot-web/pull/13312)
+ * Clarify that the .well-known method for Jitsi isn't available yet
+   [\#13314](https://github.com/vector-im/riot-web/pull/13314)
+ * add config option to tsc resolveJsonModule
+   [\#13296](https://github.com/vector-im/riot-web/pull/13296)
+ * Fix dispatcher import to be extension agnostic
+   [\#13297](https://github.com/vector-im/riot-web/pull/13297)
+ * Document more config options in config.md (fixes #13089)
+   [\#13260](https://github.com/vector-im/riot-web/pull/13260)
+ * Fix tests post-js-sdk-filters change
+   [\#13295](https://github.com/vector-im/riot-web/pull/13295)
+ * Make Jitsi download script a JS script
+   [\#13227](https://github.com/vector-im/riot-web/pull/13227)
+ * Use matrix-react-sdk type extensions as a base
+   [\#13271](https://github.com/vector-im/riot-web/pull/13271)
+ * Allow Riot Web to randomly pick welcome backgrounds
+   [\#13235](https://github.com/vector-im/riot-web/pull/13235)
+ * Update cross-signing feature docs and document fallback procedures
+   [\#13224](https://github.com/vector-im/riot-web/pull/13224)
+
+Changes in [1.6.0](https://github.com/vector-im/riot-web/releases/tag/v1.6.0) (2020-05-05)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0-rc.6...v1.6.0)
+
+ * Cross-signing and E2EE by default for DMs and private rooms enabled
+ * Upgrade to React SDK 2.5.0 and JS SDK 6.0.0
+
+Changes in [1.6.0-rc.6](https://github.com/vector-im/riot-web/releases/tag/v1.6.0-rc.6) (2020-05-01)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0-rc.5...v1.6.0-rc.6)
+
+ * Upgrade to React SDK 2.5.0-rc.6 and JS SDK 6.0.0-rc.2
+
+Changes in [1.6.0-rc.5](https://github.com/vector-im/riot-web/releases/tag/v1.6.0-rc.5) (2020-04-30)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0-rc.4...v1.6.0-rc.5)
+
+ * Upgrade to React SDK 2.5.0-rc.5 and JS SDK 6.0.0-rc.1
+ * Remove feature flag docs from docs on release
+   [\#13375](https://github.com/vector-im/riot-web/pull/13375)
+
+Changes in [1.6.0-rc.4](https://github.com/vector-im/riot-web/releases/tag/v1.6.0-rc.4) (2020-04-23)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0-rc.3...v1.6.0-rc.4)
+
+ * Upgrade to React SDK 2.5.0-rc.4 and JS SDK 5.3.1-rc.4
+
+Changes in [1.6.0-rc.3](https://github.com/vector-im/riot-web/releases/tag/v1.6.0-rc.3) (2020-04-17)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0-rc.2...v1.6.0-rc.3)
+
+ * Upgrade to React SDK 2.5.0-rc.3 and JS SDK 5.3.1-rc.3
+
+Changes in [1.6.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.6.0-rc.2) (2020-04-16)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.6.0-rc.1...v1.6.0-rc.2)
+
+ * Upgrade to React SDK 2.5.0-rc.2 and JS SDK 5.3.1-rc.2
+ * Enable cross-signing / E2EE by default for DM without config changes
+
+Changes in [1.6.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.6.0-rc.1) (2020-04-15)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.16-rc.1...v1.6.0-rc.1)
+
+ * Enable cross-signing / E2EE by default for DM on release
+   [\#13179](https://github.com/vector-im/riot-web/pull/13179)
+ * Upgrade to React SDK 2.5.0-rc.1 and JS SDK 5.3.1-rc.1
+ * Add instruction to resolve the inotify watch limit issue
+   [\#13128](https://github.com/vector-im/riot-web/pull/13128)
+ * docs: labs: add a pointer to config.md
+   [\#13149](https://github.com/vector-im/riot-web/pull/13149)
+ * Fix Electron SSO handling to support multiple profiles
+   [\#13028](https://github.com/vector-im/riot-web/pull/13028)
+ * Add riot-desktop shortcuts for forward/back matching browsers&slack
+   [\#13133](https://github.com/vector-im/riot-web/pull/13133)
+ * Allow rageshake to fail in init
+   [\#13164](https://github.com/vector-im/riot-web/pull/13164)
+ * Fix broken yarn install link in README.md
+   [\#13125](https://github.com/vector-im/riot-web/pull/13125)
+ * fix build:jitsi scripts crash caused by a missing folder
+   [\#13122](https://github.com/vector-im/riot-web/pull/13122)
+ * App load order changes to catch errors better
+   [\#13095](https://github.com/vector-im/riot-web/pull/13095)
+ * Upgrade deps
+   [\#13080](https://github.com/vector-im/riot-web/pull/13080)
+
+Changes in [1.5.16-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.16-rc.1) (2020-04-08)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.15...v1.5.16-rc.1)
+
+ * Upgrade React SDK to 2.4.0-rc.1 and JS SDK to 5.3.0-rc.1
+ * Update from Weblate
+   [\#13078](https://github.com/vector-im/riot-web/pull/13078)
+ * Mention Jitsi support at the .well-known level in Jitsi docs
+   [\#13047](https://github.com/vector-im/riot-web/pull/13047)
+ * Add new default home page fallback
+   [\#13049](https://github.com/vector-im/riot-web/pull/13049)
+ * App load order tweaks for code splitting
+   [\#13032](https://github.com/vector-im/riot-web/pull/13032)
+ * Add some docs about Jitsi widgets and Jitsi configuration
+   [\#13027](https://github.com/vector-im/riot-web/pull/13027)
+ * Bump minimist from 1.2.2 to 1.2.3 in /electron_app
+   [\#13030](https://github.com/vector-im/riot-web/pull/13030)
+ * Fix Electron mac-specific shortcut being registered on Web too.
+   [\#13020](https://github.com/vector-im/riot-web/pull/13020)
+ * Add a console warning that errors from Jitsi Meet are fine
+   [\#12968](https://github.com/vector-im/riot-web/pull/12968)
+ * Fix popout support for jitsi widgets
+   [\#12975](https://github.com/vector-im/riot-web/pull/12975)
+ * Some grammar and clarifications
+   [\#12925](https://github.com/vector-im/riot-web/pull/12925)
+ * Don't immediately remove notifications from notification trays
+   [\#12861](https://github.com/vector-im/riot-web/pull/12861)
+ * Remove welcome user from config
+   [\#12894](https://github.com/vector-im/riot-web/pull/12894)
+
+Changes in [1.5.15](https://github.com/vector-im/riot-web/releases/tag/v1.5.15) (2020-04-01)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.14...v1.5.15)
+
+## Security notice
+
+The `jitsi.html` widget wrapper introduced in Riot 1.5.14 could be used to extract user data by tricking the user into adding a custom widget or opening a link in the browser used to run Riot. Jitsi widgets created through Riot UI do not pose a risk and do not need to be recreated.
+
+It is important to purge any copies of Riot 1.5.14 so that the vulnerable `jitsi.html` wrapper from that version is no longer accessible.
+
+## All changes
+
+ * Upgrade React SDK to 2.3.1 for Jitsi fixes
+ * Fix popout support for jitsi widgets
+   [\#12980](https://github.com/vector-im/riot-web/pull/12980)
+
+Changes in [1.5.14](https://github.com/vector-im/riot-web/releases/tag/v1.5.14) (2020-03-30)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.14-rc.1...v1.5.14)
+
+ * Upgrade JS SDK to 5.2.0 and React SDK to 2.3.0
+
+Changes in [1.5.14-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.14-rc.1) (2020-03-26)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.13...v1.5.14-rc.1)
+
+ * Upgrade JS SDK to 5.2.0-rc.1 and React SDK to 2.3.0-rc.1
+ * Update from Weblate
+   [\#12890](https://github.com/vector-im/riot-web/pull/12890)
+ * App load tweaks
+   [\#12869](https://github.com/vector-im/riot-web/pull/12869)
+ * Add review policy doc
+   [\#12730](https://github.com/vector-im/riot-web/pull/12730)
+ * Fix artifact searching in redeployer
+   [\#12875](https://github.com/vector-im/riot-web/pull/12875)
+ * Fix Jitsi wrapper being large by getting the config from elsewhere
+   [\#12845](https://github.com/vector-im/riot-web/pull/12845)
+ * Add webpack stats which will be used by CI and stored to artifacts
+   [\#12832](https://github.com/vector-im/riot-web/pull/12832)
+ * Revert "Remove useless app preloading from Jitsi widget wrapper"
+   [\#12842](https://github.com/vector-im/riot-web/pull/12842)
+ * Remove useless app preloading from Jitsi widget wrapper
+   [\#12836](https://github.com/vector-im/riot-web/pull/12836)
+ * Update from Weblate
+   [\#12829](https://github.com/vector-im/riot-web/pull/12829)
+ * Fix version for Docker builds
+   [\#12799](https://github.com/vector-im/riot-web/pull/12799)
+ * Register Mac electron specific Cmd+, shortcut to User Settings
+   [\#12800](https://github.com/vector-im/riot-web/pull/12800)
+ * Use a local widget wrapper for Jitsi calls
+   [\#12780](https://github.com/vector-im/riot-web/pull/12780)
+ * Delete shortcuts.md
+   [\#12786](https://github.com/vector-im/riot-web/pull/12786)
+ * Remove remainders of gemini-scrollbar and react-gemini-scrollbar
+   [\#12756](https://github.com/vector-im/riot-web/pull/12756)
+ * Update electron to v7.1.14
+   [\#12762](https://github.com/vector-im/riot-web/pull/12762)
+ * Add url tests to Modernizr
+   [\#12735](https://github.com/vector-im/riot-web/pull/12735)
+ * ElectronPlatform: Add support to remove events from the event index.
+   [\#12703](https://github.com/vector-im/riot-web/pull/12703)
+ * Bump minimist from 1.2.0 to 1.2.2 in /electron_app
+   [\#12744](https://github.com/vector-im/riot-web/pull/12744)
+ * Add docs and flag for custom theme support
+   [\#12731](https://github.com/vector-im/riot-web/pull/12731)
+ * Declare jsx in tsconfig for IDEs
+   [\#12716](https://github.com/vector-im/riot-web/pull/12716)
+ * Remove stuff that yarn install doesn't think we need
+   [\#12713](https://github.com/vector-im/riot-web/pull/12713)
+ * yarn upgrade
+   [\#12691](https://github.com/vector-im/riot-web/pull/12691)
+ * Support TypeScript for React components
+   [\#12696](https://github.com/vector-im/riot-web/pull/12696)
+
+Changes in [1.5.13](https://github.com/vector-im/riot-web/releases/tag/v1.5.13) (2020-03-17)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.13-rc.1...v1.5.13)
+
+ * Upgrade to JS SDK 5.1.1 and React SDK 2.2.3
+
+Changes in [1.5.13-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.13-rc.1) (2020-03-11)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.12...v1.5.13-rc.1)
+
+ * Update from Weblate
+   [\#12688](https://github.com/vector-im/riot-web/pull/12688)
+ * Fix Docker image version for develop builds
+   [\#12670](https://github.com/vector-im/riot-web/pull/12670)
+ * docker: optimize custom sdk builds
+   [\#12612](https://github.com/vector-im/riot-web/pull/12612)
+ * riot-desktop open SSO in browser so user doesn't have to auth twice
+   [\#12590](https://github.com/vector-im/riot-web/pull/12590)
+ * Fix SSO flows for electron 8.0.2 by re-breaking will-navigate
+   [\#12585](https://github.com/vector-im/riot-web/pull/12585)
+ * index.html: Place noscript on top of the page
+   [\#12563](https://github.com/vector-im/riot-web/pull/12563)
+ * Remove will-navigate comment after Electron fix
+   [\#12561](https://github.com/vector-im/riot-web/pull/12561)
+ * Update loading test for JS SDK IDB change
+   [\#12552](https://github.com/vector-im/riot-web/pull/12552)
+ * Upgrade deps
+   [\#12528](https://github.com/vector-im/riot-web/pull/12528)
+
+Changes in [1.5.12](https://github.com/vector-im/riot-web/releases/tag/v1.5.12) (2020-03-04)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.11...v1.5.12)
+
+ * Upgrade to React SDK 2.2.1
+ * Revert to Electron 7.1.12 to fix Arch Linux tray icon
+ * Fix image download links so they open in a new tab
+
+Changes in [1.5.11](https://github.com/vector-im/riot-web/releases/tag/v1.5.11) (2020-03-02)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.11-rc.1...v1.5.11)
+
+ * Upgrade to JS SDK 5.1.0 and React SDK 2.2.0
+ * Fix SSO flows for Electron 8.0.2 by disabling will-navigate
+   [\#12585](https://github.com/vector-im/riot-web/pull/12585)
+
+Changes in [1.5.11-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.11-rc.1) (2020-02-26)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.10...v1.5.11-rc.1)
+
+ * Upgrade to JS SDK 5.1.0-rc.1 and React SDK 2.2.0-rc.1
+ * Change Windows signing to warning when missing token
+   [\#12523](https://github.com/vector-im/riot-web/pull/12523)
+ * Modernizr remove t3st/es6/contains
+   [\#12524](https://github.com/vector-im/riot-web/pull/12524)
+ * Switch out any eval-using Modernizr rules
+   [\#12519](https://github.com/vector-im/riot-web/pull/12519)
+ * Update from Weblate
+   [\#12522](https://github.com/vector-im/riot-web/pull/12522)
+ * Notify electron of language changes
+   [\#12487](https://github.com/vector-im/riot-web/pull/12487)
+ * Relax macOS notarisation check to print a warning
+   [\#12503](https://github.com/vector-im/riot-web/pull/12503)
+ * Clarify supported tier means desktop OSes
+   [\#12486](https://github.com/vector-im/riot-web/pull/12486)
+ * Use noreferrer in addition to noopener for edge case browsers
+   [\#12477](https://github.com/vector-im/riot-web/pull/12477)
+ * Document start / end composer shortcuts
+   [\#12466](https://github.com/vector-im/riot-web/pull/12466)
+ * Update from Weblate
+   [\#12480](https://github.com/vector-im/riot-web/pull/12480)
+ * Remove buildkite pipeline
+   [\#12464](https://github.com/vector-im/riot-web/pull/12464)
+ * Remove exec so release script continues
+   [\#12435](https://github.com/vector-im/riot-web/pull/12435)
+ * Use Persistent Storage where possible
+   [\#12425](https://github.com/vector-im/riot-web/pull/12425)
+
+Changes in [1.5.10](https://github.com/vector-im/riot-web/releases/tag/v1.5.10) (2020-02-19)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.9...v1.5.10)
+
+ * Get rid of dependence on usercontent.riot.im
+   [\#12292](https://github.com/vector-im/riot-web/pull/12292)
+ * Add experimental support tier
+   [\#12377](https://github.com/vector-im/riot-web/pull/12377)
+
+Changes in [1.5.9](https://github.com/vector-im/riot-web/releases/tag/v1.5.9) (2020-02-17)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.9-rc.1...v1.5.9)
+
+ * Automate SDK dep upgrades for release
+   [\#12374](https://github.com/vector-im/riot-web/pull/12374)
+
+Changes in [1.5.9-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.9-rc.1) (2020-02-13)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.8...v1.5.9-rc.1)
+
+ * Upgrade JS SDK to 5.0.0-rc.1 and React SDK 2.1.0-rc.2
+ * Update from Weblate
+   [\#12354](https://github.com/vector-im/riot-web/pull/12354)
+ * Add top left menu shortcut
+   [\#12310](https://github.com/vector-im/riot-web/pull/12310)
+ * Remove modernizr rules for features on which we only soft depend
+   [\#12272](https://github.com/vector-im/riot-web/pull/12272)
+ * Embed CSP meta tag and stop using script-src unsafe-inline
+   [\#12258](https://github.com/vector-im/riot-web/pull/12258)
+ * Add contribute.json
+   [\#12251](https://github.com/vector-im/riot-web/pull/12251)
+ * Improve Browser checks
+   [\#12232](https://github.com/vector-im/riot-web/pull/12232)
+ * Document padlock flag
+   [\#12173](https://github.com/vector-im/riot-web/pull/12173)
+ * Enable cross-signing on /develop
+   [\#12126](https://github.com/vector-im/riot-web/pull/12126)
+ * Switch back to legacy decorators
+   [\#12110](https://github.com/vector-im/riot-web/pull/12110)
+ * Update babel targets
+   [\#12102](https://github.com/vector-im/riot-web/pull/12102)
+ * Install deps for linting
+   [\#12076](https://github.com/vector-im/riot-web/pull/12076)
+ * Update from Weblate
+   [\#12062](https://github.com/vector-im/riot-web/pull/12062)
+ * Change to minimal Webpack output
+   [\#12049](https://github.com/vector-im/riot-web/pull/12049)
+ * Remove docs for new invite dialog labs feature
+   [\#12015](https://github.com/vector-im/riot-web/pull/12015)
+ * ElectronPlatform: Add the indexSize method.
+   [\#11529](https://github.com/vector-im/riot-web/pull/11529)
+ * ElectronPlatform: Add the ability to load file events from the event index
+   [\#11907](https://github.com/vector-im/riot-web/pull/11907)
+ * Fix the remainder of the cookie links
+   [\#12008](https://github.com/vector-im/riot-web/pull/12008)
+ * Use bash in Docker scripts
+   [\#12001](https://github.com/vector-im/riot-web/pull/12001)
+ * Use debian to build the Docker image
+   [\#11999](https://github.com/vector-im/riot-web/pull/11999)
+ * Update cookie policy urls on /app and /develop config.json
+   [\#11998](https://github.com/vector-im/riot-web/pull/11998)
+ * BuildKite: Only deploy to /develop if everything else passed
+   [\#11996](https://github.com/vector-im/riot-web/pull/11996)
+ * Add docs for admin report content message
+   [\#11995](https://github.com/vector-im/riot-web/pull/11995)
+ * Load as little as possible in index.js for the skinner
+   [\#11959](https://github.com/vector-im/riot-web/pull/11959)
+ * Fix webpack config (by stealing Dave's config)
+   [\#11956](https://github.com/vector-im/riot-web/pull/11956)
+ * Force Jest to resolve the js-sdk and react-sdk to src directories
+   [\#11954](https://github.com/vector-im/riot-web/pull/11954)
+ * Fix build to not babel modules inside js/react sdk
+   [\#11949](https://github.com/vector-im/riot-web/pull/11949)
+ * Fix webpack to babel js-sdk & react-sdk but no other deps
+   [\#11944](https://github.com/vector-im/riot-web/pull/11944)
+
+Changes in [1.5.8](https://github.com/vector-im/riot-web/releases/tag/v1.5.8) (2020-01-27)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.8-rc.2...v1.5.8)
+
+ * Fixes for alias display and copy / paste on composer
+
+Changes in [1.5.8-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.5.8-rc.2) (2020-01-22)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.8-rc.1...v1.5.8-rc.2)
+
+ * Fix incorrect version of react-sdk
+
+Changes in [1.5.8-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.8-rc.1) (2020-01-22)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.7...v1.5.8-rc.1)
+
+This version contains an upgrade to the cryptography database
+version. Once users run this version, their session's indexeddb
+store will be upgraded and older version of Riot will no longer
+be able to read it. Users will have to log out and log in if
+the version of Riot is downgraded back to a previous version.
+
+ * Fix webpack config (by stealing Dave's config)
+   [\#11994](https://github.com/vector-im/riot-web/pull/11994)
+ * Fix webpack to babel js-sdk & react-sdk but no other deps
+   [\#11947](https://github.com/vector-im/riot-web/pull/11947)
+ * Update from Weblate
+   [\#11934](https://github.com/vector-im/riot-web/pull/11934)
+ * Fix rageshake post-sourcemaps
+   [\#11926](https://github.com/vector-im/riot-web/pull/11926)
+ * Fix yarn start concurrent commands
+   [\#11895](https://github.com/vector-im/riot-web/pull/11895)
+ * Run the react-sdk reskindexer for developers
+   [\#11894](https://github.com/vector-im/riot-web/pull/11894)
+ * Update labs documentation for feature_ftue_dms given new scope
+   [\#11893](https://github.com/vector-im/riot-web/pull/11893)
+ * Fix indentation on webpack config and make sourcemapped files legible
+   [\#11892](https://github.com/vector-im/riot-web/pull/11892)
+ * Remove spinner check
+   [\#11891](https://github.com/vector-im/riot-web/pull/11891)
+ * Don't minifiy builds of develop through CI packaging
+   [\#11867](https://github.com/vector-im/riot-web/pull/11867)
+ * Use Jest for tests
+   [\#11869](https://github.com/vector-im/riot-web/pull/11869)
+ * Support application/wasm in Docker image
+   [\#11858](https://github.com/vector-im/riot-web/pull/11858)
+ * Fix sourcemaps by refactoring the build system
+   [\#11843](https://github.com/vector-im/riot-web/pull/11843)
+ * Disable event indexing on develop
+   [\#11850](https://github.com/vector-im/riot-web/pull/11850)
+ * Updated blog url
+   [\#11792](https://github.com/vector-im/riot-web/pull/11792)
+ * Enable and document presence in room list feature flag
+   [\#11829](https://github.com/vector-im/riot-web/pull/11829)
+ * Add stub service worker so users can install on desktop with Chrome
+   [\#11774](https://github.com/vector-im/riot-web/pull/11774)
+ * Update from Weblate
+   [\#11826](https://github.com/vector-im/riot-web/pull/11826)
+ * Sourcemaps: develop -> feature branch
+   [\#11802](https://github.com/vector-im/riot-web/pull/11802)
+ * Update build scripts for new process
+   [\#11801](https://github.com/vector-im/riot-web/pull/11801)
+ * Make the webpack config work for us
+   [\#11712](https://github.com/vector-im/riot-web/pull/11712)
+ * Updates URL for Electron Command Line Switches
+   [\#11810](https://github.com/vector-im/riot-web/pull/11810)
+ * Import from src/ for the react-sdk and js-sdk
+   [\#11714](https://github.com/vector-im/riot-web/pull/11714)
+ * Convert components to ES6 exports
+   [\#11713](https://github.com/vector-im/riot-web/pull/11713)
+ * Remove now-retired package.json property
+   [\#11660](https://github.com/vector-im/riot-web/pull/11660)
+
+Changes in [1.5.7](https://github.com/vector-im/riot-web/releases/tag/v1.5.7) (2020-01-13)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.7-rc.2...v1.5.7)
+
+ * Enable and document presence in room list feature flag
+   [\#11830](https://github.com/vector-im/riot-web/pull/11830)
+
+Changes in [1.5.7-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.5.7-rc.2) (2020-01-08)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.7-rc.1...v1.5.7-rc.2)
+
+ * Update to react-sdk rc.2 to fix build
+
+Changes in [1.5.7-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.7-rc.1) (2020-01-06)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.6...v1.5.7-rc.1)
+
+ * Update from Weblate
+   [\#11784](https://github.com/vector-im/riot-web/pull/11784)
+ * Add docs for feature_bridge_state flag
+   [\#11778](https://github.com/vector-im/riot-web/pull/11778)
+ * Add docs for feature_ftue_dms flag
+   [\#11758](https://github.com/vector-im/riot-web/pull/11758)
+ * Fix version file for Docker images
+   [\#11721](https://github.com/vector-im/riot-web/pull/11721)
+ * Add accelerators to context menu options like cut&paste in electron
+   [\#11690](https://github.com/vector-im/riot-web/pull/11690)
+ * electron-main: Provide a better error message if Seshat isn't installed.
+   [\#11691](https://github.com/vector-im/riot-web/pull/11691)
+ * Update from Weblate
+   [\#11672](https://github.com/vector-im/riot-web/pull/11672)
+ * Remove babel-plugin-transform-async-to-bluebird
+   [\#11662](https://github.com/vector-im/riot-web/pull/11662)
+ * Clarify which versions of what we support
+   [\#11658](https://github.com/vector-im/riot-web/pull/11658)
+ * Remove the code that calls the origin migrator
+   [\#11631](https://github.com/vector-im/riot-web/pull/11631)
+ * yarn upgrade
+   [\#11617](https://github.com/vector-im/riot-web/pull/11617)
+ * Remove draft-js dependency
+   [\#11616](https://github.com/vector-im/riot-web/pull/11616)
+
+Changes in [1.5.6](https://github.com/vector-im/riot-web/releases/tag/v1.5.6) (2019-12-09)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.6-rc.1...v1.5.6)
+
+ * No changes since rc.1
+
+Changes in [1.5.6-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.6-rc.1) (2019-12-04)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.5...v1.5.6-rc.1)
+
+ * Update Lithuanian language name
+   [\#11599](https://github.com/vector-im/riot-web/pull/11599)
+ * Enable more languages
+   [\#11592](https://github.com/vector-im/riot-web/pull/11592)
+ * Fix Docker build for develop and publish a /version file
+   [\#11588](https://github.com/vector-im/riot-web/pull/11588)
+ * Remove unused translations
+   [\#11540](https://github.com/vector-im/riot-web/pull/11540)
+ * Update from Weblate
+   [\#11591](https://github.com/vector-im/riot-web/pull/11591)
+ * Update riot.im enable_presence_by_hs_url for new matrix.org client URL
+   [\#11565](https://github.com/vector-im/riot-web/pull/11565)
+ * Remove mention of vector.im as default identity server on mobile guide
+   [\#11544](https://github.com/vector-im/riot-web/pull/11544)
+ * Clean up and standardise app config
+   [\#11549](https://github.com/vector-im/riot-web/pull/11549)
+ * make it clear that seshat requires electron-build-env (at least on macOS)
+   [\#11527](https://github.com/vector-im/riot-web/pull/11527)
+ * Add postcss-easings
+   [\#11521](https://github.com/vector-im/riot-web/pull/11521)
+ * ElectronPlatform: Add support for a event index using Seshat.
+   [\#11125](https://github.com/vector-im/riot-web/pull/11125)
+ * Sign all of the Windows executable files
+   [\#11516](https://github.com/vector-im/riot-web/pull/11516)
+ * Clarify that cross-signing is in development
+   [\#11493](https://github.com/vector-im/riot-web/pull/11493)
+ * get rid of bluebird
+   [\#11301](https://github.com/vector-im/riot-web/pull/11301)
+ * Update from Weblate
+   [\#11488](https://github.com/vector-im/riot-web/pull/11488)
+ * Add note in README about self-hosted riot installs requiring custom caching
+   headers
+   [\#8702](https://github.com/vector-im/riot-web/pull/8702)
+ * De-dup theming code
+   [\#11445](https://github.com/vector-im/riot-web/pull/11445)
+ * Add eslint-plugin-jest because we inherit js-sdk's eslintrc and it wants
+   [\#11448](https://github.com/vector-im/riot-web/pull/11448)
+
+Changes in [1.5.5](https://github.com/vector-im/riot-web/releases/tag/v1.5.5) (2019-11-27)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.4...v1.5.5)
+
+* Upgrade to JS SDK 2.5.4 to relax identity server discovery and E2EE debugging
+* Upgrade to React SDK 1.7.4 to fix override behaviour of themes
+* Clarify that cross-signing is in development
+* Sign all of the Windows executable files
+
+Changes in [1.5.4](https://github.com/vector-im/riot-web/releases/tag/v1.5.4) (2019-11-25)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.4-rc.2...v1.5.4)
+
+ * No changes since rc.2
+
+Changes in [1.5.4-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.5.4-rc.2) (2019-11-22)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.4-rc.1...v1.5.4-rc.2)
+
+ * react-sdk rc.2 to fix an error in Safari and some cosmetic
+   bugs
+
+Changes in [1.5.4-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.4-rc.1) (2019-11-20)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.3...v1.5.4-rc.1)
+
+ * Add doc for custom themes
+   [\#11444](https://github.com/vector-im/riot-web/pull/11444)
+ * Use new theme API in react-sdk
+   [\#11442](https://github.com/vector-im/riot-web/pull/11442)
+ * preload warning triangle
+   [\#11441](https://github.com/vector-im/riot-web/pull/11441)
+ * Update from Weblate
+   [\#11440](https://github.com/vector-im/riot-web/pull/11440)
+ * Add entitlements file for mic & camera permissions on macOS
+   [\#11435](https://github.com/vector-im/riot-web/pull/11435)
+ * Fix error/exception in electron signing script
+   [\#11429](https://github.com/vector-im/riot-web/pull/11429)
+ * Merge the `feature_user_info_panel` flag into `feature_dm_verification`
+   [\#11426](https://github.com/vector-im/riot-web/pull/11426)
+ * Let the user's homeserver config override the build config
+   [\#11409](https://github.com/vector-im/riot-web/pull/11409)
+ * Add cross-signing labs flag to develop and document
+   [\#11408](https://github.com/vector-im/riot-web/pull/11408)
+ * Update from Weblate
+   [\#11405](https://github.com/vector-im/riot-web/pull/11405)
+ * Trigger a theme change on startup, not just a tint change
+   [\#11381](https://github.com/vector-im/riot-web/pull/11381)
+ * Perform favicon updates twice in Chrome
+   [\#11375](https://github.com/vector-im/riot-web/pull/11375)
+ * Add labs documentation for Mjolnir
+   [\#11275](https://github.com/vector-im/riot-web/pull/11275)
+ * Add description of user info feature in labs doc
+   [\#11360](https://github.com/vector-im/riot-web/pull/11360)
+ * Update from Weblate
+   [\#11359](https://github.com/vector-im/riot-web/pull/11359)
+ * Add DM verification feature to labs.md
+   [\#11356](https://github.com/vector-im/riot-web/pull/11356)
+ * Add feature_dm_verification to labs
+   [\#11355](https://github.com/vector-im/riot-web/pull/11355)
+ * Document feature flag process
+   [\#11341](https://github.com/vector-im/riot-web/pull/11341)
+ * Remove unused feature flags
+   [\#11343](https://github.com/vector-im/riot-web/pull/11343)
+
+Changes in [1.5.3](https://github.com/vector-im/riot-web/releases/tag/v1.5.3) (2019-11-06)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.2...v1.5.3)
+
+ * Remove the 'auto hide menu bar' option on Mac
+   [\#11326](https://github.com/vector-im/riot-web/pull/11326)
+ * Expose feature_user_info_panel on riot.im/develop
+   [\#11304](https://github.com/vector-im/riot-web/pull/11304)
+ * Upgrade electron-notarize
+   [\#11312](https://github.com/vector-im/riot-web/pull/11312)
+ * Fix close window behaviour on Macos
+   [\#11309](https://github.com/vector-im/riot-web/pull/11309)
+ * Merge: Add dependency to eslint-plugin-react-hooks as react-sdk did
+   [\#11307](https://github.com/vector-im/riot-web/pull/11307)
+ * Add dependency to eslint-plugin-react-hooks as react-sdk did
+   [\#11306](https://github.com/vector-im/riot-web/pull/11306)
+ * Update from Weblate
+   [\#11300](https://github.com/vector-im/riot-web/pull/11300)
+
+Changes in [1.5.2](https://github.com/vector-im/riot-web/releases/tag/v1.5.2) (2019-11-04)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.1...v1.5.2)
+
+ * Fix close window behaviour on Macos
+   [\#11311](https://github.com/vector-im/riot-web/pull/11311)
+
+Changes in [1.5.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.1) (2019-11-04)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.1-rc.2...v1.5.1)
+
+ * No changes since rc.2
+
+Changes in [1.5.1-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.5.1-rc.2) (2019-11-01)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.1-rc.1...v1.5.1-rc.2)
+
+ * Updated react-sdk with fix for bug that caused room filtering to
+   omit results.
+
+Changes in [1.5.1-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.1-rc.1) (2019-10-30)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.0...v1.5.1-rc.1)
+
+ * Add ability to hide tray icon on non-Mac (which has no tray icon)
+   [\#11258](https://github.com/vector-im/riot-web/pull/11258)
+ * Fix bug preventing display from sleeping after a call
+   [\#11264](https://github.com/vector-im/riot-web/pull/11264)
+ * Remove mention of CI scripts from docs
+   [\#11257](https://github.com/vector-im/riot-web/pull/11257)
+ * Fix skinning replaces being broken since being rewritten as React FC's
+   [\#11254](https://github.com/vector-im/riot-web/pull/11254)
+ * Update config docs about identity servers
+   [\#11249](https://github.com/vector-im/riot-web/pull/11249)
+ * Remove unneeded help about identity servers
+   [\#11248](https://github.com/vector-im/riot-web/pull/11248)
+ * Update from Weblate
+   [\#11243](https://github.com/vector-im/riot-web/pull/11243)
+ * Update sample config for new matrix.org CS API URL
+   [\#11207](https://github.com/vector-im/riot-web/pull/11207)
+ * clarify where the e2e tests are located
+   [\#11115](https://github.com/vector-im/riot-web/pull/11115)
+ * Update from Weblate
+   [\#11171](https://github.com/vector-im/riot-web/pull/11171)
+ * Prevent referrers from being sent
+   [\#6155](https://github.com/vector-im/riot-web/pull/6155)
+ * Add darkModeSupport to allow dark themed title bar.
+   [\#11140](https://github.com/vector-im/riot-web/pull/11140)
+ * Fix the label of Turkish language
+   [\#11124](https://github.com/vector-im/riot-web/pull/11124)
+ * Update default HS config to match well-known
+   [\#11112](https://github.com/vector-im/riot-web/pull/11112)
+
+Changes in [1.5.0](https://github.com/vector-im/riot-web/releases/tag/v1.5.0) (2019-10-18)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.5.0-rc.1...v1.5.0)
+
+ * Upgrade to JS SDK v2.4.2 and React SDK v1.7.0
+ * Port Windows signing and macOS notarization to release
+   [\#11158](https://github.com/vector-im/riot-web/pull/11158)
+ * Sign main Windows executable
+   [\#11126](https://github.com/vector-im/riot-web/pull/11126)
+ * Notarise the macOS app
+   [\#11119](https://github.com/vector-im/riot-web/pull/11119)
+
+Changes in [1.5.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.5.0-rc.1) (2019-10-09)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.4.2...v1.5.0-rc.1)
+
+ * Update from Weblate
+   [\#11104](https://github.com/vector-im/riot-web/pull/11104)
+ * Bump Olm to 3.1.4 for olm_session_describe
+   [\#11103](https://github.com/vector-im/riot-web/pull/11103)
+ * Enable Webpack production mode for start:js:prod
+   [\#11098](https://github.com/vector-im/riot-web/pull/11098)
+ * add settingDefaults to sample config
+   [\#9919](https://github.com/vector-im/riot-web/pull/9919)
+ * Add config.json copy instruction to 'Development' as well
+   [\#11062](https://github.com/vector-im/riot-web/pull/11062)
+ * Revert "Run yarn upgrade"
+   [\#11055](https://github.com/vector-im/riot-web/pull/11055)
+ * Run yarn upgrade
+   [\#11050](https://github.com/vector-im/riot-web/pull/11050)
+ * Request persistent storage on Electron
+   [\#11052](https://github.com/vector-im/riot-web/pull/11052)
+ * Remove docs for CIDER feature
+   [\#11047](https://github.com/vector-im/riot-web/pull/11047)
+
+Changes in [1.4.2](https://github.com/vector-im/riot-web/releases/tag/v1.4.2) (2019-10-04)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.4.2-rc.1...v1.4.2)
+
+ * Document troubleshooting for memory leaks and getting profiles
+   [\#11031](https://github.com/vector-im/riot-web/pull/11031)
+
+Changes in [1.4.2-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.4.2-rc.1) (2019-10-02)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.4.1...v1.4.2-rc.1)
+
+ * Custom themes MVP
+   [\#11017](https://github.com/vector-im/riot-web/pull/11017)
+ * Document permalinkPrefix setting
+   [\#11007](https://github.com/vector-im/riot-web/pull/11007)
+
+Changes in [1.4.1](https://github.com/vector-im/riot-web/releases/tag/v1.4.1) (2019-10-01)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.4.0...v1.4.1)
+
+ * Upgrade to React SDK 1.6.1 to fix critical
+   [blank screen issue](https://github.com/vector-im/riot-web/issues/10983)
+ * Upgrade to JS SDK 2.4.1 to to ignore crypto events with empty content
+ * Update from Weblate
+   [\#11010](https://github.com/vector-im/riot-web/pull/11010)
+ * Update from Weblate
+   [\#11001](https://github.com/vector-im/riot-web/pull/11001)
+ * Upgrade deps
+   [\#10980](https://github.com/vector-im/riot-web/pull/10980)
+
+Changes in [1.4.0](https://github.com/vector-im/riot-web/releases/tag/v1.4.0) (2019-09-27)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.4.0-rc.2...v1.4.0)
+
+* Many improvements related to privacy and user control of identity services and integration managers
+* Upgrade to React SDK 1.6.0 and JS SDK 2.4.0
+
+Changes in [1.4.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.4.0-rc.2) (2019-09-26)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.4.0-rc.1...v1.4.0-rc.2)
+
+ * Upgrade to React SDK 1.6.0-rc.2
+ * Work around Yarn confusion with `react-gemini-scrollbar` package
+
+Changes in [1.4.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.4.0-rc.1) (2019-09-25)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.6...v1.4.0-rc.1)
+
+ * Upgrade to React SDK 1.6.0-rc.1 and JS SDK 2.4.0-rc.1
+ * Update from Weblate
+   [\#10961](https://github.com/vector-im/riot-web/pull/10961)
+ * Don't log query parameters as they may contain secrets
+   [\#10929](https://github.com/vector-im/riot-web/pull/10929)
+ * Document more shortcuts
+   [\#10906](https://github.com/vector-im/riot-web/pull/10906)
+ * Point to #develop and use the same gemini-scrollbar version as the react-sdk
+   [\#10893](https://github.com/vector-im/riot-web/pull/10893)
+ * Tweak lock file to pull in only one React version
+   [\#10874](https://github.com/vector-im/riot-web/pull/10874)
+ * document disable_custom_urls
+   [\#10844](https://github.com/vector-im/riot-web/pull/10844)
+ * Install guide tweaks
+   [\#10838](https://github.com/vector-im/riot-web/pull/10838)
+ * Switch to React 16
+   [\#10480](https://github.com/vector-im/riot-web/pull/10480)
+ * Update install guide
+   [\#10810](https://github.com/vector-im/riot-web/pull/10810)
+ * Clarify that HTTPS is not just needed for VoIP
+   [\#6146](https://github.com/vector-im/riot-web/pull/6146)
+ * Bump eslint-utils from 1.4.0 to 1.4.2
+   [\#10692](https://github.com/vector-im/riot-web/pull/10692)
+ * Add docs for tabbed integration managers labs flag
+   [\#10641](https://github.com/vector-im/riot-web/pull/10641)
+ * Change integrations_widgets_urls default configuration
+   [\#10656](https://github.com/vector-im/riot-web/pull/10656)
+ * Add docs for the CIDER composer flag
+   [\#10638](https://github.com/vector-im/riot-web/pull/10638)
+ * add cider composer labs flag
+   [\#10626](https://github.com/vector-im/riot-web/pull/10626)
+ * Upgrade to Electron 6.0.3
+   [\#10601](https://github.com/vector-im/riot-web/pull/10601)
+ * Upgrade to Electron 6
+   [\#10596](https://github.com/vector-im/riot-web/pull/10596)
+ * Update from Weblate
+   [\#10591](https://github.com/vector-im/riot-web/pull/10591)
+ * Upgrade electron-builder to 21.2.0
+   [\#10579](https://github.com/vector-im/riot-web/pull/10579)
+ * Set SUID bit on chrome-sandbox for Debian
+   [\#10580](https://github.com/vector-im/riot-web/pull/10580)
+ * Load config.json before loading language so default can apply
+   [\#10551](https://github.com/vector-im/riot-web/pull/10551)
+ * Bump matrix-react-test-utils for React 16 compatibility
+   [\#10543](https://github.com/vector-im/riot-web/pull/10543)
+ * Add --help to electron app
+   [\#10530](https://github.com/vector-im/riot-web/pull/10530)
+ * Allow setting electron autoHideMenuBar and persist it
+   [\#10503](https://github.com/vector-im/riot-web/pull/10503)
+ * Upgrade dependencies
+   [\#10475](https://github.com/vector-im/riot-web/pull/10475)
+
+Changes in [1.3.6](https://github.com/vector-im/riot-web/releases/tag/v1.3.6) (2019-09-19)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.5...v1.3.6)
+
+ * Fix origin migrator for SSO logins
+   [\#10920](https://github.com/vector-im/riot-web/pull/10920)
+
+Changes in [1.3.5](https://github.com/vector-im/riot-web/releases/tag/v1.3.5) (2019-09-16)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.5-rc.3...v1.3.5)
+
+ * Updated js-sdk and react-sdk for some more minor bugfixes
+
+Changes in [1.3.5-rc.3](https://github.com/vector-im/riot-web/releases/tag/v1.3.5-rc.3) (2019-09-13)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.5-rc.2...v1.3.5-rc.3)
+
+ * js-sdk rc.1 to include report API
+
+Changes in [1.3.5-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.3.5-rc.2) (2019-09-13)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.5-rc.1...v1.3.5-rc.2)
+
+ * Pull in more fixes from react-sdk rc.2
+
+Changes in [1.3.5-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.3.5-rc.1) (2019-09-12)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.4...v1.3.5-rc.1)
+
+ * Cosmetic fixes from react-sdk rc.1
+
+Changes in [1.3.4](https://github.com/vector-im/riot-web/releases/tag/v1.3.4) (2019-09-12)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.4-rc.1...v1.3.4)
+
+ * Updated react-sdk and tweaks to mobile install guide
+
+Changes in [1.3.4-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.3.4-rc.1) (2019-09-11)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.3...v1.3.4-rc.1)
+
+ * Update install guide
+   [\#10831](https://github.com/vector-im/riot-web/pull/10831)
+
+Changes in [1.3.3](https://github.com/vector-im/riot-web/releases/tag/v1.3.3) (2019-08-16)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.2...v1.3.3)
+
+ * Linux-only release to fix sandboxing with Electron 5 on Debian
+   [\#10580](https://github.com/vector-im/riot-web/pull/10580)
+
+Changes in [1.3.2](https://github.com/vector-im/riot-web/releases/tag/v1.3.2) (2019-08-05)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.1...v1.3.2)
+
+ * Updated react-sdk for deactivated account error message on login
+
+Changes in [1.3.1](https://github.com/vector-im/riot-web/releases/tag/v1.3.1) (2019-08-05)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.1-rc.1...v1.3.1)
+
+ * Updated js-sdk for notifications fix and react-sdk for registration fix
+
+Changes in [1.3.1-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.3.1-rc.1) (2019-07-31)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.0...v1.3.1-rc.1)
+
+ * Upgrade to JS SDK 2.3.0-rc.1 and React SDK 1.5.0-rc.1
+ * Update from Weblate
+   [\#10436](https://github.com/vector-im/riot-web/pull/10436)
+ * Describe our existing features better in documentation
+   [\#10418](https://github.com/vector-im/riot-web/pull/10418)
+ * Upgrade to Electron 5
+   [\#10392](https://github.com/vector-im/riot-web/pull/10392)
+ * Remove edits and reactions feature flags from docs and config
+   [\#10363](https://github.com/vector-im/riot-web/pull/10363)
+ * Cachebust config file requests
+   [\#10349](https://github.com/vector-im/riot-web/pull/10349)
+ * Convert install-app-deps to subcommand
+   [\#10334](https://github.com/vector-im/riot-web/pull/10334)
+ * Add riot.im configuration files
+   [\#10327](https://github.com/vector-im/riot-web/pull/10327)
+ * Require descriptions in mxSendRageshake and remove infinite loop in issue
+   templates
+   [\#10321](https://github.com/vector-im/riot-web/pull/10321)
+ * Remove unused disable_identity_server config flag
+   [\#10322](https://github.com/vector-im/riot-web/pull/10322)
+ * Verify i18n in CI
+   [\#10320](https://github.com/vector-im/riot-web/pull/10320)
+
+Changes in [1.3.0](https://github.com/vector-im/riot-web/releases/tag/v1.3.0) (2019-07-18)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.0-rc.3...v1.3.0)
+
+ * Upgrade to React SDK 1.4.0 and JS SDK 2.2.0
+ * Message editing and reactions features enabled
+ * Remove edits and reactions feature flags from docs and config
+   [\#10365](https://github.com/vector-im/riot-web/pull/10365)
+
+Changes in [1.3.0-rc.3](https://github.com/vector-im/riot-web/releases/tag/v1.3.0-rc.3) (2019-07-15)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.0-rc.2...v1.3.0-rc.3)
+
+ * Update to react-sdk rc.3 to fix a bug where a room admin could generate a room
+   that would cause Riot to error, and some stuck notifications.
+
+Changes in [1.3.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.3.0-rc.2) (2019-07-12)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.3.0-rc.1...v1.3.0-rc.2)
+
+ * Upgrade to React SDK 1.4.0-rc.2 and JS SDK 2.2.0-rc.2
+ * Fix regression from Riot 1.3.0-rc.1 when listing devices in user settings
+
+Changes in [1.3.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.3.0-rc.1) (2019-07-12)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.4...v1.3.0-rc.1)
+
+ * Upgrade to React SDK 1.4.0-rc.1 and JS SDK 2.2.0-rc.1
+ * Update from Weblate
+   [\#10328](https://github.com/vector-im/riot-web/pull/10328)
+ * Upgrade dependencies
+   [\#10308](https://github.com/vector-im/riot-web/pull/10308)
+ * Upgrade dependencies
+   [\#10260](https://github.com/vector-im/riot-web/pull/10260)
+
+Changes in [1.2.4](https://github.com/vector-im/riot-web/releases/tag/v1.2.4) (2019-07-11)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.3...v1.2.4)
+
+ * Upgrade to React SDK 1.3.1 and JS SDK 2.1.1
+ * Upgrade lodash dependencies
+ * JS SDK 2.1.1 includes a fix for ephemeral event processing
+ * React SDK 1.3.1 includes a fix for account deactivation
+
+Changes in [1.2.3](https://github.com/vector-im/riot-web/releases/tag/v1.2.3) (2019-07-08)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.3-rc.1...v1.2.3)
+
+ * Upgrade to React SDK 1.3.0 and JS SDK 2.1.0
+ * JS SDK 2.1.0 includes a fix for an exception whilst syncing
+
+Changes in [1.2.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.2.3-rc.1) (2019-07-03)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.2...v1.2.3-rc.1)
+
+ * Change update URL to match new host
+   [\#10247](https://github.com/vector-im/riot-web/pull/10247)
+ * Update from Weblate
+   [\#10219](https://github.com/vector-im/riot-web/pull/10219)
+ * Extract configuration docs to separate file
+   [\#10195](https://github.com/vector-im/riot-web/pull/10195)
+ * Add e2e/warning.svg to preload
+   [\#10197](https://github.com/vector-im/riot-web/pull/10197)
+ * Fix Electron vector: links
+   [\#10196](https://github.com/vector-im/riot-web/pull/10196)
+ * Display a red box of anger for config syntax errors
+   [\#10193](https://github.com/vector-im/riot-web/pull/10193)
+ * Move config-getting to VectorBasePlatform
+   [\#10181](https://github.com/vector-im/riot-web/pull/10181)
+ * Update from Weblate
+   [\#10124](https://github.com/vector-im/riot-web/pull/10124)
+ * Fix default Electron window and tray icons
+   [\#10097](https://github.com/vector-im/riot-web/pull/10097)
+
+Changes in [1.2.2](https://github.com/vector-im/riot-web/releases/tag/v1.2.2) (2019-06-19)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.2-rc.2...v1.2.2)
+
+ No changes since rc.2
+
+Changes in [1.2.2-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.2.2-rc.2) (2019-06-18)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.2-rc.1...v1.2.2-rc.2)
+
+ * Update to react-sdk and js-sdk rc.2 for registration fixes,
+   redaction local echo fix and removing unnecessary calls
+   to the integration manager.
+
+Changes in [1.2.2-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.2.2-rc.1) (2019-06-12)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.1...v1.2.2-rc.1)
+
+ * Update from Weblate
+   [\#10012](https://github.com/vector-im/riot-web/pull/10012)
+ * Add funding details for GitHub sponsor button
+   [\#9982](https://github.com/vector-im/riot-web/pull/9982)
+ * Do not fail on server liveliness checks during startup
+   [\#9960](https://github.com/vector-im/riot-web/pull/9960)
+ * Hide guest functions on the welcome page if not logged in
+   [\#9957](https://github.com/vector-im/riot-web/pull/9957)
+ * Add Albanian and West Flemish languages
+   [\#9953](https://github.com/vector-im/riot-web/pull/9953)
+ * Update from Weblate
+   [\#9951](https://github.com/vector-im/riot-web/pull/9951)
+ * Add docs for defaultCountryCode
+   [\#9927](https://github.com/vector-im/riot-web/pull/9927)
+ * Use the user's pre-existing HS when config validation fails
+   [\#9892](https://github.com/vector-im/riot-web/pull/9892)
+ * Low bandwidth mode
+   [\#9909](https://github.com/vector-im/riot-web/pull/9909)
+ * Fix Twemoji loading on Windows dev machines
+   [\#9869](https://github.com/vector-im/riot-web/pull/9869)
+ * Base Docker image on nginx:alpine, not the larger nginx:latest
+   [\#9848](https://github.com/vector-im/riot-web/pull/9848)
+ * Validate homeserver configuration prior to loading the app
+   [\#9779](https://github.com/vector-im/riot-web/pull/9779)
+ * Show resolved homeserver configuration on the mobile guide
+   [\#9726](https://github.com/vector-im/riot-web/pull/9726)
+ * Flag the validated config as the default config
+   [\#9721](https://github.com/vector-im/riot-web/pull/9721)
+ * Clarify comment on is_url and hs_url handling
+   [\#9719](https://github.com/vector-im/riot-web/pull/9719)
+ * Validate default homeserver config before loading the app
+   [\#9496](https://github.com/vector-im/riot-web/pull/9496)
+
+Changes in [1.2.1](https://github.com/vector-im/riot-web/releases/tag/v1.2.1) (2019-05-31)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.0...v1.2.1)
+
+ * Upgrade JS SDK to 2.0.0 and React SDK to 1.2.1 to fix key backup and native emoji height
+
+Changes in [1.2.0](https://github.com/vector-im/riot-web/releases/tag/v1.2.0) (2019-05-29)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.2.0-rc.1...v1.2.0)
+
+ * Upgrade to JS SDK v1.2.0 and React SDK v1.2.0 to fix some regressions
+
+Changes in [1.2.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.2.0-rc.1) (2019-05-23)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.1.2...v1.2.0-rc.1)
+
+ * Update from Weblate
+   [\#9802](https://github.com/vector-im/riot-web/pull/9802)
+ * remove emojione
+   [\#9766](https://github.com/vector-im/riot-web/pull/9766)
+ * Make Dockerfile work for develop and other branches
+   [\#9736](https://github.com/vector-im/riot-web/pull/9736)
+ * add description of new labs feature for message editing
+   [\#9728](https://github.com/vector-im/riot-web/pull/9728)
+ * Remove karma junit output
+   [\#9628](https://github.com/vector-im/riot-web/pull/9628)
+ * yarn upgrade
+   [\#9626](https://github.com/vector-im/riot-web/pull/9626)
+ * Respond quickly to buildkite pokes
+   [\#9617](https://github.com/vector-im/riot-web/pull/9617)
+ * Delay creating the `Favico` instance
+   [\#9616](https://github.com/vector-im/riot-web/pull/9616)
+ * Add reactions feature to config sample
+   [\#9598](https://github.com/vector-im/riot-web/pull/9598)
+
+Changes in [1.1.2](https://github.com/vector-im/riot-web/releases/tag/v1.1.2) (2019-05-15)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.1.1...v1.1.2)
+
+ * react-sdk v1.1.2 to fix single sign-on and GIF autoplaying
+
+Changes in [1.1.1](https://github.com/vector-im/riot-web/releases/tag/v1.1.1) (2019-05-14)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.1.0...v1.1.1)
+
+ * react-sdk v1.1.1 to fix regressions with registration
+
+Changes in [1.1.0](https://github.com/vector-im/riot-web/releases/tag/v1.1.0) (2019-05-07)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.1.0-rc.1...v1.1.0)
+
+ * Add Dockerfile
+   [\#9632](https://github.com/vector-im/riot-web/pull/9632)
+ * Add Dockerfile (part 2)
+   [\#9426](https://github.com/vector-im/riot-web/pull/9426)
+ * Add new scalar staging url
+   [\#9601](https://github.com/vector-im/riot-web/pull/9601)
+
+Changes in [1.1.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.1.0-rc.1) (2019-04-30)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.8...v1.1.0-rc.1)
+
+ * Convert redeploy.py to buildkite
+   [\#9577](https://github.com/vector-im/riot-web/pull/9577)
+ * Add package step to buildkite pipeline
+   [\#9568](https://github.com/vector-im/riot-web/pull/9568)
+ * Don't fail if there's no local config to remove
+   [\#9571](https://github.com/vector-im/riot-web/pull/9571)
+ * Change jenkins script to package script
+   [\#9567](https://github.com/vector-im/riot-web/pull/9567)
+ * Remove config.json from package dir
+   [\#9555](https://github.com/vector-im/riot-web/pull/9555)
+ * use the release version of olm 3.1.0
+   [\#9550](https://github.com/vector-im/riot-web/pull/9550)
+ * Fix default for --include arg
+   [\#9517](https://github.com/vector-im/riot-web/pull/9517)
+ * update installation instructions with new repo
+   [\#9500](https://github.com/vector-im/riot-web/pull/9500)
+ * Use packages.matrix.org for Olm
+   [\#9498](https://github.com/vector-im/riot-web/pull/9498)
+ * Add separate platform electron build commands
+   [\#9412](https://github.com/vector-im/riot-web/pull/9412)
+ * Add support for custom profile directory
+   [\#9408](https://github.com/vector-im/riot-web/pull/9408)
+ * Improved mobile install guide
+   [\#9410](https://github.com/vector-im/riot-web/pull/9410)
+ * Remove vector-electron-desktop from README
+   [\#9404](https://github.com/vector-im/riot-web/pull/9404)
+ * Update from Weblate
+   [\#9398](https://github.com/vector-im/riot-web/pull/9398)
+ * bump olm version to 3.1.0-pre3
+   [\#9392](https://github.com/vector-im/riot-web/pull/9392)
+ * Add expiration to mobile guide cookie
+   [\#9383](https://github.com/vector-im/riot-web/pull/9383)
+ * Fix autolaunch setting appearing toggled off
+   [\#9368](https://github.com/vector-im/riot-web/pull/9368)
+ * Don't try to save files the user didn't want to save
+   [\#9352](https://github.com/vector-im/riot-web/pull/9352)
+ * Setup crypto store for restore session tests
+   [\#9325](https://github.com/vector-im/riot-web/pull/9325)
+ * Update from Weblate
+   [\#9333](https://github.com/vector-im/riot-web/pull/9333)
+ * Add "Save image as..." button to context menu on images
+   [\#9326](https://github.com/vector-im/riot-web/pull/9326)
+ * Configure auth footer links through Riot config
+   [\#9297](https://github.com/vector-im/riot-web/pull/9297)
+
+Changes in [1.0.8](https://github.com/vector-im/riot-web/releases/tag/v1.0.8) (2019-04-16)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.7...v1.0.8)
+
+ * No changes in this release. This is the same code as v1.0.7 from our new clean-room
+   packaging and signing infrastructure.
+
+Changes in [1.0.7](https://github.com/vector-im/riot-web/releases/tag/v1.0.7) (2019-04-08)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.6...v1.0.7)
+
+ * Hotfix: bump js-sdk to 1.0.4, see https://github.com/matrix-org/matrix-js-sdk/releases/tag/v1.0.4
+
+Changes in [1.0.6](https://github.com/vector-im/riot-web/releases/tag/v1.0.6) (2019-04-01)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.6-rc.1...v1.0.6)
+
+ * Add "Save image as..." button to context menu on images
+   [\#9327](https://github.com/vector-im/riot-web/pull/9327)
+
+Changes in [1.0.6-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.0.6-rc.1) (2019-03-27)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.5...v1.0.6-rc.1)
+
+ * Use `on_logged_in` action in tests
+   [\#9279](https://github.com/vector-im/riot-web/pull/9279)
+ * Convert away from `Promise.defer`
+   [\#9278](https://github.com/vector-im/riot-web/pull/9278)
+ * update react-sdk version in yarn lockfile
+   [\#9233](https://github.com/vector-im/riot-web/pull/9233)
+ * "Render simple counters in room header" details
+   [\#9154](https://github.com/vector-im/riot-web/pull/9154)
+ * Use medium agents for the more resource intensive builds
+   [\#9238](https://github.com/vector-im/riot-web/pull/9238)
+ * Add log grouping to buildkite
+   [\#9223](https://github.com/vector-im/riot-web/pull/9223)
+ * Switch to `git` protocol for CI dependencies
+   [\#9222](https://github.com/vector-im/riot-web/pull/9222)
+ * Support CI for matching branches on forks
+   [\#9212](https://github.com/vector-im/riot-web/pull/9212)
+ * Update from Weblate
+   [\#9199](https://github.com/vector-im/riot-web/pull/9199)
+ * Declare the officially supported browsers in the README
+   [\#9177](https://github.com/vector-im/riot-web/pull/9177)
+ * Document some desktop app things
+   [\#9011](https://github.com/vector-im/riot-web/pull/9011)
+ * Use Buildkite for CI
+   [\#9165](https://github.com/vector-im/riot-web/pull/9165)
+ * Update version number in issue templates
+   [\#9170](https://github.com/vector-im/riot-web/pull/9170)
+ * Remove node 8.x from the build matrix
+   [\#9159](https://github.com/vector-im/riot-web/pull/9159)
+ * Update Electron help menu link
+   [\#9157](https://github.com/vector-im/riot-web/pull/9157)
+
+Changes in [1.0.5](https://github.com/vector-im/riot-web/releases/tag/v1.0.5) (2019-03-21)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.4...v1.0.5)
+
+ * Hotfix for [\#9205](https://github.com/vector-im/riot-web/issues/9205) disabling jump prevention for typing notifications, while we're reworking this functionally to enable it again soon.
+
+Changes in [1.0.4](https://github.com/vector-im/riot-web/releases/tag/v1.0.4) (2019-03-18)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.4-rc.1...v1.0.4)
+
+ * No changes since rc.1
+
+Changes in [1.0.4-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.0.4-rc.1) (2019-03-13)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.3...v1.0.4-rc.1)
+
+ * Update from Weblate
+   [\#9152](https://github.com/vector-im/riot-web/pull/9152)
+ * Use modern Yarn version on Travis CI
+   [\#9151](https://github.com/vector-im/riot-web/pull/9151)
+ * Switch to `yarn` for dependency management
+   [\#9132](https://github.com/vector-im/riot-web/pull/9132)
+ * Update from Weblate
+   [\#9104](https://github.com/vector-im/riot-web/pull/9104)
+ * Don't copy the 32 bit linux deb
+   [\#9075](https://github.com/vector-im/riot-web/pull/9075)
+ * Change olm dependency to normal dep
+   [\#9068](https://github.com/vector-im/riot-web/pull/9068)
+ * Add modular.im hosting link to electron app config
+   [\#9047](https://github.com/vector-im/riot-web/pull/9047)
+ * Nudge karma to 3.1.2
+   [\#8991](https://github.com/vector-im/riot-web/pull/8991)
+ * Add support for localConfig at $appData/config.json.
+   [\#8983](https://github.com/vector-im/riot-web/pull/8983)
+
+Changes in [1.0.3](https://github.com/vector-im/riot-web/releases/tag/v1.0.3) (2019-03-06)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.2...v1.0.3)
+
+ * react-sdk 1.0.3 to fix ctrl+k shortcut and room list bugs
+
+Changes in [1.0.2](https://github.com/vector-im/riot-web/releases/tag/v1.0.2) (2019-03-06)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.2-rc.3...v1.0.2)
+
+ * New react-sdk for minor hosting link fixes
+
+Changes in [1.0.2-rc.3](https://github.com/vector-im/riot-web/releases/tag/v1.0.2-rc.3) (2019-03-05)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.2-rc.2...v1.0.2-rc.3)
+
+ * Add modular.im hosting link to electron app config
+   [\#9051](https://github.com/vector-im/riot-web/pull/9051)
+
+Changes in [1.0.2-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.0.2-rc.2) (2019-03-01)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.2-rc.1...v1.0.2-rc.2)
+
+ * Update to react-sdk rc.3
+
+Changes in [1.0.2-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.0.2-rc.1) (2019-03-01)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.1...v1.0.2-rc.1)
+
+ * Set a require alias for the webapp directory
+   [\#9014](https://github.com/vector-im/riot-web/pull/9014)
+ * Update from Weblate.
+   [\#8973](https://github.com/vector-im/riot-web/pull/8973)
+ * set chrome path for travis CI explicitly
+   [\#8987](https://github.com/vector-im/riot-web/pull/8987)
+ * Updated install spinner
+   [\#8984](https://github.com/vector-im/riot-web/pull/8984)
+ * Allow disabling update mechanism
+   [\#8911](https://github.com/vector-im/riot-web/pull/8911)
+ * Allow configuration of whether closing window closes or minimizes to tray
+   [\#8908](https://github.com/vector-im/riot-web/pull/8908)
+ * Fix language file path for Jenkins
+   [\#8854](https://github.com/vector-im/riot-web/pull/8854)
+ * Document and recommend `default_server_name`
+   [\#8832](https://github.com/vector-im/riot-web/pull/8832)
+ * Cache busting for icons & language files
+   [\#8710](https://github.com/vector-im/riot-web/pull/8710)
+ * Remove redesign issue template
+   [\#8722](https://github.com/vector-im/riot-web/pull/8722)
+ * Make scripts/make-icons.sh work on linux
+   [\#8550](https://github.com/vector-im/riot-web/pull/8550)
+
+Changes in [1.0.1](https://github.com/vector-im/riot-web/releases/tag/v1.0.1) (2019-02-15)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.0...v1.0.1)
+
+
+Changes in [1.0.0](https://github.com/vector-im/riot-web/releases/tag/v1.0.0) (2019-02-14)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.0-rc.2...v1.0.0)
+
+ * Add snipping lines to welcome page without guests
+   [\#8634](https://github.com/vector-im/riot-web/pull/8634)
+ * Add home page to fix loading tests
+   [\#8625](https://github.com/vector-im/riot-web/pull/8625)
+
+Changes in [1.0.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v1.0.0-rc.2) (2019-02-14)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v1.0.0-rc.1...v1.0.0-rc.2)
+
+ * Update from Weblate.
+   [\#8615](https://github.com/vector-im/riot-web/pull/8615)
+ * Replace favicon assets to ones with transparent backgrounds
+   [\#8600](https://github.com/vector-im/riot-web/pull/8600)
+ * Refreshed icons
+   [\#8594](https://github.com/vector-im/riot-web/pull/8594)
+ * Fix order of fetch-develop-deps / npm install
+   [\#8566](https://github.com/vector-im/riot-web/pull/8566)
+ * Revive building dark theme
+   [\#8540](https://github.com/vector-im/riot-web/pull/8540)
+ * Update from Weblate.
+   [\#8546](https://github.com/vector-im/riot-web/pull/8546)
+ * Repair app loading tests after welcome page
+   [\#8525](https://github.com/vector-im/riot-web/pull/8525)
+ * Support configurable welcome background and logo
+   [\#8528](https://github.com/vector-im/riot-web/pull/8528)
+ * Update from Weblate.
+   [\#8518](https://github.com/vector-im/riot-web/pull/8518)
+ * Document `embeddedPages` configuration
+   [\#8514](https://github.com/vector-im/riot-web/pull/8514)
+ * README.md : Syntax Coloring
+   [\#8502](https://github.com/vector-im/riot-web/pull/8502)
+
+Changes in [1.0.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v1.0.0-rc.1) (2019-02-08)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.9...v1.0.0-rc.1)
+
+ * Update from Weblate.
+   [\#8475](https://github.com/vector-im/riot-web/pull/8475)
+ * Add configurable welcome page
+   [\#8466](https://github.com/vector-im/riot-web/pull/8466)
+ * fix app tests after force enabling lazy loading + removing feature flag
+   [\#8464](https://github.com/vector-im/riot-web/pull/8464)
+ * Allow Electron to zoom with CommandOrControl+=
+   [\#8381](https://github.com/vector-im/riot-web/pull/8381)
+ * Hide sign in / create account for logged in users
+   [\#8368](https://github.com/vector-im/riot-web/pull/8368)
+ * Fix home page link target
+   [\#8365](https://github.com/vector-im/riot-web/pull/8365)
+ * Add auth background image and update Riot logo
+   [\#8364](https://github.com/vector-im/riot-web/pull/8364)
+ * New homepage
+   [\#8363](https://github.com/vector-im/riot-web/pull/8363)
+ * Spell homeserver correctly
+   [\#8358](https://github.com/vector-im/riot-web/pull/8358)
+ * Merge redesign into develop
+   [\#8321](https://github.com/vector-im/riot-web/pull/8321)
+ * Disable room directory test because it doesn't work
+   [\#8318](https://github.com/vector-im/riot-web/pull/8318)
+ * Tweak auth overflow on Windows and Linux
+   [\#8307](https://github.com/vector-im/riot-web/pull/8307)
+ * Clean up Custom Server Help dialog
+   [\#8296](https://github.com/vector-im/riot-web/pull/8296)
+ * Cache-bust olm.wasm
+   [\#8283](https://github.com/vector-im/riot-web/pull/8283)
+ * Completely disable other themes for now (#8277)
+   [\#8280](https://github.com/vector-im/riot-web/pull/8280)
+ * Remove support for team servers
+   [\#8271](https://github.com/vector-im/riot-web/pull/8271)
+ * Add target="_blank" to footer links
+   [\#8248](https://github.com/vector-im/riot-web/pull/8248)
+ * Fix device names on desktop
+   [\#8241](https://github.com/vector-im/riot-web/pull/8241)
+ * Fix literal &lt/&gt in notifications
+   [\#8238](https://github.com/vector-im/riot-web/pull/8238)
+ * Fix registration nextLink on desktop
+   [\#8239](https://github.com/vector-im/riot-web/pull/8239)
+ * Add returns to fetch-develop-deps
+   [\#8233](https://github.com/vector-im/riot-web/pull/8233)
+ * Update electron builder
+   [\#8231](https://github.com/vector-im/riot-web/pull/8231)
+ * Try fetching more branches for PRs
+   [\#8225](https://github.com/vector-im/riot-web/pull/8225)
+ * Use content hashing for font and image URLs
+   [\#8159](https://github.com/vector-im/riot-web/pull/8159)
+ * Develop->Experimental
+   [\#8156](https://github.com/vector-im/riot-web/pull/8156)
+ * Update from Weblate.
+   [\#8150](https://github.com/vector-im/riot-web/pull/8150)
+ * Correct the copying of e-mail addresses in the electron app
+   [\#8124](https://github.com/vector-im/riot-web/pull/8124)
+ * Start documenting keyboard shortcuts
+   [\#7165](https://github.com/vector-im/riot-web/pull/7165)
+ * Update issue templates
+   [\#7948](https://github.com/vector-im/riot-web/pull/7948)
+ * Added new colour var to all themes
+   [\#7927](https://github.com/vector-im/riot-web/pull/7927)
+ * Redesign: apply changes from dharma theme to status theme
+   [\#7541](https://github.com/vector-im/riot-web/pull/7541)
+ * Redesign: ignore setting and always show dharma theme for now
+   [\#7540](https://github.com/vector-im/riot-web/pull/7540)
+
+Changes in [0.17.9](https://github.com/vector-im/riot-web/releases/tag/v0.17.9) (2019-01-22)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.9-rc.1...v0.17.9)
+
+ * Bugfix in react-sdk for setting DM rooms
+
+Changes in [0.17.9-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.17.9-rc.1) (2019-01-17)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.8...v0.17.9-rc.1)
+
+ * Merge develop into experimental
+   [\#8003](https://github.com/vector-im/riot-web/pull/8003)
+ * Electron: Load app from custom protocol
+   [\#7943](https://github.com/vector-im/riot-web/pull/7943)
+ * Fix the IndexedDB worker
+   [\#7920](https://github.com/vector-im/riot-web/pull/7920)
+ * Make clear that the Debian package is for desktop
+   [\#7919](https://github.com/vector-im/riot-web/pull/7919)
+ * Run the Desktop app in a sandbox
+   [\#7907](https://github.com/vector-im/riot-web/pull/7907)
+ * Update to new electron single instance API
+   [\#7908](https://github.com/vector-im/riot-web/pull/7908)
+ * Update the tests to match https://github.com/matrix-org/matrix-react-
+   sdk/pull/2340
+   [\#7834](https://github.com/vector-im/riot-web/pull/7834)
+
+Changes in [0.17.8](https://github.com/vector-im/riot-web/releases/tag/v0.17.8) (2018-12-10)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.8-rc.1...v0.17.8)
+
+ * No changes since rc.1
+
+Changes in [0.17.8-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.17.8-rc.1) (2018-12-06)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.7...v0.17.8-rc.1)
+
+ * Update from Weblate.
+   [\#7784](https://github.com/vector-im/riot-web/pull/7784)
+ * Add a function to send a rageshake from the console
+   [\#7755](https://github.com/vector-im/riot-web/pull/7755)
+ * Re-apply "Run lint on travis builds and use modern node versions"
+   [\#7738](https://github.com/vector-im/riot-web/pull/7738)
+ * Revert "Run lint on travis builds and use modern node versions"
+   [\#7737](https://github.com/vector-im/riot-web/pull/7737)
+ * Run lint on travis builds and use modern node versions
+   [\#7490](https://github.com/vector-im/riot-web/pull/7490)
+ * Fix missing js-sdk logging
+   [\#7736](https://github.com/vector-im/riot-web/pull/7736)
+ * Add $accent-color-50pct as a CSS variable to the Status theme
+   [\#7710](https://github.com/vector-im/riot-web/pull/7710)
+
+Changes in [0.17.7](https://github.com/vector-im/riot-web/releases/tag/v0.17.7) (2018-11-22)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.6...v0.17.7)
+
+ * Warning when crypto DB is too new to use.
+ * Fix missing entries from js-sdk in rageshake logs
+
+Changes in [0.17.6](https://github.com/vector-im/riot-web/releases/tag/v0.17.6) (2018-11-19)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.6-rc.2...v0.17.6)
+
+ * No changes since rc.2
+
+Changes in [0.17.6-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.17.6-rc.2) (2018-11-15)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.6-rc.1...v0.17.6-rc.2)
+
+ * Update to js-sdk 0.14 and react-sdk rc.2. rc.1 was broken as it was built against
+   js-sdk 0.13 which does not use the new Olm 3.0 API.
+
+Changes in [0.17.6-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.17.6-rc.1) (2018-11-15)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.5...v0.17.6-rc.1)
+
+ * Update from Weblate.
+   [\#7708](https://github.com/vector-im/riot-web/pull/7708)
+ * Add Japanese (#7599)
+   [\#7673](https://github.com/vector-im/riot-web/pull/7673)
+ * Allow Webpack dev server to listen to all interfaces
+   [\#7674](https://github.com/vector-im/riot-web/pull/7674)
+ * Remove the request-only stuff we don't need anymore
+   [\#7637](https://github.com/vector-im/riot-web/pull/7637)
+ * Correct the author of the electron app
+   [\#7615](https://github.com/vector-im/riot-web/pull/7615)
+ * Mock fs, tls, and net to support request in the browser
+   [\#7552](https://github.com/vector-im/riot-web/pull/7552)
+ * Update chokidar to transitively get newer fsevents
+   [\#7598](https://github.com/vector-im/riot-web/pull/7598)
+ * Support WebAssembly version of Olm
+   [\#7385](https://github.com/vector-im/riot-web/pull/7385)
+
+Changes in [0.17.5](https://github.com/vector-im/riot-web/releases/tag/v0.17.5) (2018-11-13)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.4...v0.17.5)
+
+ * Include change that was supposed to be included in orevious version
+
+Changes in [0.17.4](https://github.com/vector-im/riot-web/releases/tag/v0.17.4) (2018-11-13)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.3...v0.17.4)
+
+ * Add banner with login/register links for users who aren't logged in
+
+Changes in [0.17.3](https://github.com/vector-im/riot-web/releases/tag/v0.17.3) (2018-10-29)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.3-rc.1...v0.17.3)
+
+ * Fix for autocompleting text emoji from react-sdk v0.14.2
+
+Changes in [0.17.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.17.3-rc.1) (2018-10-24)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.2...v0.17.3-rc.1)
+
+ * Update from Weblate.
+   [\#7549](https://github.com/vector-im/riot-web/pull/7549)
+ * Don't set tags on notifications
+   [\#7518](https://github.com/vector-im/riot-web/pull/7518)
+ * Update to latest electron builder
+   [\#7498](https://github.com/vector-im/riot-web/pull/7498)
+ * Fix Tinter.setTheme to not fire using Firefox
+   [\#6831](https://github.com/vector-im/riot-web/pull/6831)
+
+Changes in [0.17.2](https://github.com/vector-im/riot-web/releases/tag/v0.17.2) (2018-10-19)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.1...v0.17.2)
+
+ * Update react-sdk version to "Apply the user's tint once the MatrixClientPeg is moderately ready"
+ * Electron: don't set tags on notifications
+   [\#7518](https://github.com/vector-im/riot-web/pull/7518)
+
+Changes in [0.17.1](https://github.com/vector-im/riot-web/releases/tag/v0.17.1) (2018-10-18)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.0...v0.17.1)
+
+ * Stop electron crashing
+   [\#7517](https://github.com/vector-im/riot-web/pull/7517)
+
+Changes in [0.17.0](https://github.com/vector-im/riot-web/releases/tag/v0.17.0) (2018-10-16)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.17.0-rc.1...v0.17.0)
+
+ * Phased rollout of lazyloading
+   [\#7503](https://github.com/vector-im/riot-web/pull/7503)
+ * Update to latest electron builder
+   [\#7501](https://github.com/vector-im/riot-web/pull/7501)
+
+Changes in [0.17.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.17.0-rc.1) (2018-10-11)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.5...v0.17.0-rc.1)
+
+ * Revert "also commit the lock file when bumping version as it is now
+   committed to the repo"
+   [\#7483](https://github.com/vector-im/riot-web/pull/7483)
+ * Update from Weblate.
+   [\#7478](https://github.com/vector-im/riot-web/pull/7478)
+ *  Fix riot-web Promise.defer warnings (#7409)
+   [\#7444](https://github.com/vector-im/riot-web/pull/7444)
+ * Use HTTPS cloning for riot-web too
+   [\#7459](https://github.com/vector-im/riot-web/pull/7459)
+ * Disable webpack-dev-server auto reload
+   [\#7463](https://github.com/vector-im/riot-web/pull/7463)
+ * Silence bluebird warnings
+   [\#7462](https://github.com/vector-im/riot-web/pull/7462)
+ * Fix reskindex on matrix-react-side not being called if using build script
+   [\#7443](https://github.com/vector-im/riot-web/pull/7443)
+ * Fix double-closed tags
+   [\#7454](https://github.com/vector-im/riot-web/pull/7454)
+ * Document how to turn off Piwik and bug reports (#6738)
+   [\#7435](https://github.com/vector-im/riot-web/pull/7435)
+ * also commit the lock file when bumping version as it is now committed to the
+   repo
+   [\#7429](https://github.com/vector-im/riot-web/pull/7429)
+ * Update a bunch of deps
+   [\#7393](https://github.com/vector-im/riot-web/pull/7393)
+ * Don't show mobile guide if deep linking
+   [\#7415](https://github.com/vector-im/riot-web/pull/7415)
+ * Don't show custom server bit on matrix.org
+   [\#7408](https://github.com/vector-im/riot-web/pull/7408)
+ * Update Webpack to version 4
+   [\#6620](https://github.com/vector-im/riot-web/pull/6620)
+ * Webpack4
+   [\#7387](https://github.com/vector-im/riot-web/pull/7387)
+
+Changes in [0.16.6](https://github.com/vector-im/riot-web/releases/tag/v0.16.6) (2018-10-08)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.5...v0.16.6)
+
+ * Update to matrix-react-sdk v0.13.6
+
+Changes in [0.16.5](https://github.com/vector-im/riot-web/releases/tag/v0.16.5) (2018-10-01)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.5-rc.1...v0.16.5)
+
+ * Don't show mobile guide if deep linking
+   [\#7415](https://github.com/vector-im/riot-web/pull/7415)
+ * Don't show custom server bit on matrix.org
+   [\#7408](https://github.com/vector-im/riot-web/pull/7408)
+
+Changes in [0.16.5-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.16.5-rc.1) (2018-09-27)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.4...v0.16.5-rc.1)
+
+ * Update from Weblate.
+   [\#7395](https://github.com/vector-im/riot-web/pull/7395)
+ * Reduce the number of terminals required to build riot-web to 1
+   [\#7355](https://github.com/vector-im/riot-web/pull/7355)
+ * Small typo in release notes v0.16.3
+   [\#7274](https://github.com/vector-im/riot-web/pull/7274)
+
+Changes in [0.16.4](https://github.com/vector-im/riot-web/releases/tag/v0.16.4) (2018-09-10)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.4-rc.1...v0.16.4)
+
+ * No changes since rc.1
+
+Changes in [0.16.4-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.16.4-rc.1) (2018-09-07)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.3...v0.16.4-rc.1)
+
+ * Update from Weblate.
+   [\#7296](https://github.com/vector-im/riot-web/pull/7296)
+ * Fix config not loading & mobileguide script being loaded in riot
+   [\#7288](https://github.com/vector-im/riot-web/pull/7288)
+ * Instructions for installing mobile apps
+   [\#7272](https://github.com/vector-im/riot-web/pull/7272)
+ * Tidy up index.js
+   [\#7265](https://github.com/vector-im/riot-web/pull/7265)
+
+Changes in [0.16.3](https://github.com/vector-im/riot-web/releases/tag/v0.16.3) (2018-09-03)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.3-rc.2...v0.16.3)
+
+ * SECURITY FIX: This version (and release candidates) pull in an upstream security
+   fix from electron to fix CVE-2018-15685. Electron users should update as soon as
+   possible. Riot-web run outside of Electron is unaffected.
+
+Changes in [0.16.3-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.16.3-rc.2) (2018-08-31)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.3-rc.1...v0.16.3-rc.2)
+
+ * Update js-sdk to fix an exception causing the room list to become unresponsive.
+
+Changes in [0.16.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.16.3-rc.1) (2018-08-30)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.2...v0.16.3-rc.1)
+
+ * Update from Weblate.
+   [\#7245](https://github.com/vector-im/riot-web/pull/7245)
+ * Revert "Remove package-lock.json for now"
+   [\#7128](https://github.com/vector-im/riot-web/pull/7128)
+ * Remove package-lock.json for now
+   [\#7115](https://github.com/vector-im/riot-web/pull/7115)
+
+Changes in [0.16.2](https://github.com/vector-im/riot-web/releases/tag/v0.16.2) (2018-08-23)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.1...v0.16.2)
+
+ * Support new server notices format
+
+Changes in [0.16.1](https://github.com/vector-im/riot-web/releases/tag/v0.16.1) (2018-08-20)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.1-rc.1...v0.16.1)
+
+ * No changes since rc.1
+
+Changes in [0.16.1-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.16.1-rc.1) (2018-08-16)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.0...v0.16.1-rc.1)
+
+ * Update from Weblate.
+   [\#7178](https://github.com/vector-im/riot-web/pull/7178)
+ * CSS for MAU warning bar
+   [\#7152](https://github.com/vector-im/riot-web/pull/7152)
+ * CSS for user limit error
+   [\#7139](https://github.com/vector-im/riot-web/pull/7139)
+ * Unpin sanitize-html
+   [\#7132](https://github.com/vector-im/riot-web/pull/7132)
+ * Pin sanitize-html to 0.18.2
+   [\#7129](https://github.com/vector-im/riot-web/pull/7129)
+
+Changes in [0.16.0](https://github.com/vector-im/riot-web/releases/tag/v0.16.0) (2018-07-30)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.0-rc.2...v0.16.0)
+
+* Update react-sdk version for bugfixes with Jitsi widgets and the new composer
+
+Changes in [0.16.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.16.0-rc.2) (2018-07-24)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.16.0-rc.1...v0.16.0-rc.2)
+
+ * Update to react-sdk rc.2 to remove Jitsi conference calling from labs
+
+Changes in [0.16.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.16.0-rc.1) (2018-07-24)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.7...v0.16.0-rc.1)
+
+ * Update from Weblate.
+   [\#7082](https://github.com/vector-im/riot-web/pull/7082)
+ * Sample config for jitsi integration URL
+   [\#7055](https://github.com/vector-im/riot-web/pull/7055)
+
+Changes in [0.15.7](https://github.com/vector-im/riot-web/releases/tag/v0.15.7) (2018-07-09)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.7-rc.2...v0.15.7)
+
+ * No changes since rc.2
+
+Changes in [0.15.7-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.15.7-rc.2) (2018-07-06)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.7-rc.1...v0.15.7-rc.2)
+
+ * Update react-sdk and js-sdk
+
+Changes in [0.15.7-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.15.7-rc.1) (2018-07-04)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.6...v0.15.7-rc.1)
+
+ * add override for colour of room tile text within memberinfo (unreadable)
+   [\#6889](https://github.com/vector-im/riot-web/pull/6889)
+
+Changes in [0.15.6](https://github.com/vector-im/riot-web/releases/tag/v0.15.6) (2018-06-29)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.6-rc.2...v0.15.6)
+
+ * Pull in bug fixes from react-sdk
+
+Changes in [0.15.6-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.15.6-rc.2) (2018-06-22)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.6-rc.1...v0.15.6-rc.2)
+
+ * Update to react-sdk rc.2 for fix to slash commands
+
+Changes in [0.15.6-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.15.6-rc.1) (2018-06-21)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.5...v0.15.6-rc.1)
+
+ * Update from Weblate.
+   [\#6915](https://github.com/vector-im/riot-web/pull/6915)
+ * [electron] Fix desktop app --hidden flag
+   [\#6805](https://github.com/vector-im/riot-web/pull/6805)
+
+Changes in [0.15.5](https://github.com/vector-im/riot-web/releases/tag/v0.15.5) (2018-06-12)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.5-rc.1...v0.15.5)
+
+ * No changes since rc.1
+
+Changes in [0.15.5-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.15.5-rc.1) (2018-06-06)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.4...v0.15.5-rc.1)
+
+ * Update from Weblate.
+   [\#6846](https://github.com/vector-im/riot-web/pull/6846)
+
+Changes in [0.15.4](https://github.com/vector-im/riot-web/releases/tag/v0.15.4) (2018-05-25)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.4-rc.1...v0.15.4)
+
+ * Add cookie policy link to desktop app config
+
+Changes in [0.15.4-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.15.4-rc.1) (2018-05-24)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.3...v0.15.4-rc.1)
+
+ * Update from Weblate.
+   [\#6792](https://github.com/vector-im/riot-web/pull/6792)
+ * Hide URL options for e2e blob: URL images
+   [\#6765](https://github.com/vector-im/riot-web/pull/6765)
+ * Fix right click menu in electron
+   [\#6763](https://github.com/vector-im/riot-web/pull/6763)
+ * Update to electron 2.0.1
+   [\#6764](https://github.com/vector-im/riot-web/pull/6764)
+ * Add instructions for changing translated strings
+   [\#6528](https://github.com/vector-im/riot-web/pull/6528)
+
+Changes in [0.15.3](https://github.com/vector-im/riot-web/releases/tag/v0.15.3) (2018-05-18)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.2...v0.15.3)
+
+ * Fix right click menu in electron
+   [\#6763](https://github.com/vector-im/riot-web/pull/6763)
+ * Update to electron 2.0.1
+   [\#6764](https://github.com/vector-im/riot-web/pull/6764)
+ * Hide URL options for e2e blob: URL images
+   [\#6765](https://github.com/vector-im/riot-web/pull/6765)
+
+Changes in [0.15.2](https://github.com/vector-im/riot-web/releases/tag/v0.15.2) (2018-05-17)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.1...v0.15.2)
+
+ * Update to matrix-react-sdk v0.12.5 to fix image size jumps
+
+Changes in [0.15.1](https://github.com/vector-im/riot-web/releases/tag/v0.15.1) (2018-05-16)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0...v0.15.1)
+
+ * Fix package-lock.json which was causing errors building the Electron app
+ * Update Electron version
+
+Changes in [0.15.0](https://github.com/vector-im/riot-web/releases/tag/v0.15.0) (2018-05-16)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0-rc.6...v0.15.0)
+
+ * No changes since rc.6
+
+Changes in [0.15.0-rc.6](https://github.com/vector-im/riot-web/releases/tag/v0.15.0-rc.6) (2018-05-15)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0-rc.5...v0.15.0-rc.6)
+
+ * Update to matrix-react-sdk 0.12.4-rc.6
+
+Changes in [0.15.0-rc.5](https://github.com/vector-im/riot-web/releases/tag/v0.15.0-rc.5) (2018-05-15)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0-rc.4...v0.15.0-rc.5)
+
+ * Update to matrix-react-sdk 0.12.4-rc.5
+
+Changes in [0.15.0-rc.4](https://github.com/vector-im/riot-web/releases/tag/v0.15.0-rc.4) (2018-05-14)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0-rc.3...v0.15.0-rc.4)
+
+ * Update from Weblate.
+   [\#6726](https://github.com/vector-im/riot-web/pull/6726)
+ * Update to matrix-react-sdk 0.12.4-rc.4
+
+Changes in [0.15.0-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.15.0-rc.3) (2018-05-11)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0-rc.2...v0.15.0-rc.3)
+
+ * Update to matrix-react-sdk 0.12.4-rc.3
+
+Changes in [0.15.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.15.0-rc.2) (2018-05-09)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.15.0-rc.1...v0.15.0-rc.2)
+
+ * Update to matrix-react-sdk 0.12.4-rc.2
+
+Changes in [0.15.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.15.0-rc.1) (2018-05-09)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.3-rc.1...v0.15.0-rc.1)
+
+ * No changes since 0.14.3-rc.1
+
+Changes in [0.14.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.14.3-rc.1) (2018-05-09)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.2...v0.14.3-rc.1)
+
+ * Update from Weblate.
+   [\#6688](https://github.com/vector-im/riot-web/pull/6688)
+ * Don't show presence on matrix.org
+   [\#6638](https://github.com/vector-im/riot-web/pull/6638)
+ * Enforce loading babel-polyfill first
+   [\#6625](https://github.com/vector-im/riot-web/pull/6625)
+ * Update hoek
+   [\#6624](https://github.com/vector-im/riot-web/pull/6624)
+ * Fix args in the release wrapper script
+   [\#6614](https://github.com/vector-im/riot-web/pull/6614)
+
+Changes in [0.14.2](https://github.com/vector-im/riot-web/releases/tag/v0.14.2) (2018-04-30)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.2-rc.3...v0.14.2)
+
+ * No changes since rc.3
+
+Changes in [0.14.2-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.14.2-rc.3) (2018-04-26)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.2-rc.2...v0.14.2-rc.3)
+
+ * Fix CSS dependency versions to be the same as those in react-sdk to fix
+   left panel header positions.
+
+Changes in [0.14.2-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.14.2-rc.2) (2018-04-26)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.2-rc.1...v0.14.2-rc.2)
+
+ * Fix Download of attachments in e2e encrypted rooms in Firefox
+
+Changes in [0.14.2-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.14.2-rc.1) (2018-04-25)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.1...v0.14.2-rc.1)
+
+ * Update from Weblate.
+   [\#6602](https://github.com/vector-im/riot-web/pull/6602)
+ * Add readme bit on cross-origin renderer
+   [\#6600](https://github.com/vector-im/riot-web/pull/6600)
+ * Update from Weblate.
+   [\#6573](https://github.com/vector-im/riot-web/pull/6573)
+ * Copy media from react-sdk
+   [\#6588](https://github.com/vector-im/riot-web/pull/6588)
+ * Fix favicon
+   [\#6580](https://github.com/vector-im/riot-web/pull/6580)
+ * Update from Weblate.
+   [\#6569](https://github.com/vector-im/riot-web/pull/6569)
+ * move everything not explicitly riot (or status) branded into matrix-react-
+   sdk
+   [\#6500](https://github.com/vector-im/riot-web/pull/6500)
+ * Remove presence management
+   [\#5881](https://github.com/vector-im/riot-web/pull/5881)
+ * change vector-web repo to riot-web in changelog
+   [\#6480](https://github.com/vector-im/riot-web/pull/6480)
+ * Update from Weblate.
+   [\#6473](https://github.com/vector-im/riot-web/pull/6473)
+ * Bump source-map-loader version to avoid bug /w inline base64 maps
+   [\#6472](https://github.com/vector-im/riot-web/pull/6472)
+ * Add CSS for new group admin radio button
+   [\#6415](https://github.com/vector-im/riot-web/pull/6415)
+ * Rxl881/sticker picker styling
+   [\#6447](https://github.com/vector-im/riot-web/pull/6447)
+ * Stickerpacks
+   [\#6242](https://github.com/vector-im/riot-web/pull/6242)
+ * Force gemini on HomePage
+   [\#6368](https://github.com/vector-im/riot-web/pull/6368)
+ * Rename the Riot-Web Translations Room
+   [\#6348](https://github.com/vector-im/riot-web/pull/6348)
+ * Add disable-presence-by-hs option to sample config
+   [\#6350](https://github.com/vector-im/riot-web/pull/6350)
+ * Reword the BugReportDialog.js as per @lampholder
+   [\#6354](https://github.com/vector-im/riot-web/pull/6354)
+
+Changes in [0.14.1](https://github.com/vector-im/riot-web/releases/tag/v0.14.1) (2018-04-12)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0...v0.14.1)
+
+ * Remove presence management feature from labs
+ * Fix an issue where Riot would fail to load at all if certain
+   extensions were installed on Firefox
+ * Fix an issue where e2e cryptography could be disabled due to
+   a migration error.
+
+Changes in [0.14.0](https://github.com/vector-im/riot-web/releases/tag/v0.14.0) (2018-04-11)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0-rc.6...v0.14.0)
+
+ * Cosmetic changes for group UI
+
+Changes in [0.14.0-rc.6](https://github.com/vector-im/riot-web/releases/tag/v0.14.0-rc.6) (2018-04-09)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0-rc.5...v0.14.0-rc.6)
+
+ * Bump react-sdk to [rc.6](https://github.com/matrix-org/matrix-react-sdk/releases/tag/v0.12.0-rc.6)
+
+Changes in [0.14.0-rc.5](https://github.com/vector-im/riot-web/releases/tag/v0.14.0-rc.5) (2018-04-09)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0-rc.4...v0.14.0-rc.5)
+
+* Add CSS for new control to set group join policy
+
+Changes in [0.14.0-rc.4](https://github.com/vector-im/riot-web/releases/tag/v0.14.0-rc.4) (2018-03-22)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0-rc.3...v0.14.0-rc.4)
+
+ * Fix tagging rooms as direct messages
+
+Changes in [0.14.0-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.14.0-rc.3) (2018-03-20)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0-rc.2...v0.14.0-rc.3)
+
+ * Fix a bug where the badge on a room tile would not update
+   when a room was read from a different device.
+
+Changes in [0.14.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.14.0-rc.2) (2018-03-19)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.14.0-rc.1...v0.14.0-rc.2)
+
+ * Take TagPanel out of labs
+   [\#6347](https://github.com/vector-im/riot-web/pull/6347)
+ * Add languages (czech, galician and serbian)
+   [\#6343](https://github.com/vector-im/riot-web/pull/6343)
+
+Changes in [0.14.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.14.0-rc.1) (2018-03-19)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.5...v0.14.0-rc.1)
+
+ * Force update RoomSubList after reading a room
+   [\#6342](https://github.com/vector-im/riot-web/pull/6342)
+ * Ensure entire LeftPanel is faded when settings open
+   [\#6340](https://github.com/vector-im/riot-web/pull/6340)
+ * Update from Weblate.
+   [\#6330](https://github.com/vector-im/riot-web/pull/6330)
+ * Implement a simple shouldComponentUpdate for DNDRoomTile
+   [\#6313](https://github.com/vector-im/riot-web/pull/6313)
+ * Remove og:image with status.im URL
+   [\#6317](https://github.com/vector-im/riot-web/pull/6317)
+ * Add change delay warning in GroupView settings
+   [\#6316](https://github.com/vector-im/riot-web/pull/6316)
+ * Correctly position mx_TagPanel_clearButton
+   [\#6289](https://github.com/vector-im/riot-web/pull/6289)
+ * Fix gap between avatar and border
+   [\#6290](https://github.com/vector-im/riot-web/pull/6290)
+ * Fix bug where cannot send group invite on GroupMemberInfo phase
+   [\#6303](https://github.com/vector-im/riot-web/pull/6303)
+ * Fix themeing bug with Firefox where "disabled" ignored
+   [\#6301](https://github.com/vector-im/riot-web/pull/6301)
+ * Changes for E2E "fudge-button"
+   [\#6288](https://github.com/vector-im/riot-web/pull/6288)
+ * Make sure mx_TagPanel_tagTileContainer occupies full height
+   [\#6286](https://github.com/vector-im/riot-web/pull/6286)
+ * Add transparent CSS class for RoomTile
+   [\#6281](https://github.com/vector-im/riot-web/pull/6281)
+ * Fix crash; fs event received /w langauge file empty
+   [\#6273](https://github.com/vector-im/riot-web/pull/6273)
+ * Add setting to disable TagPanel
+   [\#6269](https://github.com/vector-im/riot-web/pull/6269)
+ * CSS for my groups microcopy
+   [\#6257](https://github.com/vector-im/riot-web/pull/6257)
+ * Add Bulgarian to the list of languages
+   [\#6246](https://github.com/vector-im/riot-web/pull/6246)
+ * Make media dropdown wider
+   [\#6245](https://github.com/vector-im/riot-web/pull/6245)
+ * Make dropdowns with long options degrade more gracefully
+   [\#6244](https://github.com/vector-im/riot-web/pull/6244)
+ * Fix un-tinted "View Community" icon in TagTile context menu
+   [\#6223](https://github.com/vector-im/riot-web/pull/6223)
+ * Fix RoomDropTarget and emptySubListTip to have containers
+   [\#6160](https://github.com/vector-im/riot-web/pull/6160)
+ * Fix syntax error of wrong use of self-closing HTML tag
+   [\#6154](https://github.com/vector-im/riot-web/pull/6154)
+ * Use translucent black for RoomSubList bg to fix tinting
+   [\#6227](https://github.com/vector-im/riot-web/pull/6227)
+ * CSS for changing "R" to "X" for clearing group filter
+   [\#6216](https://github.com/vector-im/riot-web/pull/6216)
+ * CSS for new global TagPanel filter
+   [\#6187](https://github.com/vector-im/riot-web/pull/6187)
+ * Separate the middle panel from the room list
+   [\#6194](https://github.com/vector-im/riot-web/pull/6194)
+ * Only use DNDRoomTile for editable sub lists
+   [\#6176](https://github.com/vector-im/riot-web/pull/6176)
+ * Adjust CSS to prevent scrollbars on message panel spinner
+   [\#6131](https://github.com/vector-im/riot-web/pull/6131)
+ * Implement riot-web side of dragging GroupTile avatars to TagPanel
+   [\#6143](https://github.com/vector-im/riot-web/pull/6143)
+ * Fix LeftPanel size being incorrect when TagPanel disabled
+   [\#6140](https://github.com/vector-im/riot-web/pull/6140)
+ * Fix TagPanel from collapsing to < 60px when LP collapsed
+   [\#6134](https://github.com/vector-im/riot-web/pull/6134)
+ * Temporary hack to constrain LLP container size.
+   [\#6138](https://github.com/vector-im/riot-web/pull/6138)
+ * Fix typo
+   [\#6137](https://github.com/vector-im/riot-web/pull/6137)
+ * Add context menu to TagPanel
+   [\#6127](https://github.com/vector-im/riot-web/pull/6127)
+ * Make room tagging flux-y
+   [\#6096](https://github.com/vector-im/riot-web/pull/6096)
+ * Move groups button to TagPanel
+   [\#6130](https://github.com/vector-im/riot-web/pull/6130)
+ * Fix long group name pushing settings cog into void
+   [\#6106](https://github.com/vector-im/riot-web/pull/6106)
+ * Fix horizontal scrollbar under certain circumstances
+   [\#6103](https://github.com/vector-im/riot-web/pull/6103)
+ * Split MImageBody into MFileBody to match JS Classes.
+   [\#6067](https://github.com/vector-im/riot-web/pull/6067)
+ * Add Catalan
+   [\#6040](https://github.com/vector-im/riot-web/pull/6040)
+ * Update from Weblate.
+   [\#5777](https://github.com/vector-im/riot-web/pull/5777)
+ * make FilteredList controlled, such that it can externally persist filter
+   [\#5718](https://github.com/vector-im/riot-web/pull/5718)
+ * Linear Rich Quoting
+   [\#6017](https://github.com/vector-im/riot-web/pull/6017)
+ * Highlight ViewSource and Devtools ViewSource
+   [\#5995](https://github.com/vector-im/riot-web/pull/5995)
+ * default url, not domain
+   [\#6022](https://github.com/vector-im/riot-web/pull/6022)
+ * T3chguy/num members tooltip
+   [\#5929](https://github.com/vector-im/riot-web/pull/5929)
+ * Swap RoomList to react-beautiful-dnd
+   [\#6008](https://github.com/vector-im/riot-web/pull/6008)
+ * CSS required as part of moving TagPanel from react-dnd to react-beautiful-
+   dnd
+   [\#5992](https://github.com/vector-im/riot-web/pull/5992)
+ * fix&refactor DateSeparator and MessageTimestamp
+   [\#5984](https://github.com/vector-im/riot-web/pull/5984)
+ * Iterative fixes on Rich Quoting
+   [\#5978](https://github.com/vector-im/riot-web/pull/5978)
+ * move piwik whitelists to conf and add piwik config.json info to readme
+   [\#5653](https://github.com/vector-im/riot-web/pull/5653)
+ * Implement Rich Quoting/Replies
+   [\#5804](https://github.com/vector-im/riot-web/pull/5804)
+ * Change author
+   [\#5950](https://github.com/vector-im/riot-web/pull/5950)
+ * Revert "Add a &nbsp; after timestamp"
+   [\#5944](https://github.com/vector-im/riot-web/pull/5944)
+ * Add a &nbsp; after timestamp
+   [\#3046](https://github.com/vector-im/riot-web/pull/3046)
+ * Corrected language name
+   [\#5938](https://github.com/vector-im/riot-web/pull/5938)
+ * Hide Options button from copy to clipboard
+   [\#2892](https://github.com/vector-im/riot-web/pull/2892)
+ * Fix for `If riot is narrow enough, such that 'Send a message (unecrypted)'
+   wraps to a second line, the timeline doesn't fit the window.`
+   [\#5900](https://github.com/vector-im/riot-web/pull/5900)
+ * Screenshot UI
+   [\#5849](https://github.com/vector-im/riot-web/pull/5849)
+ * add missing config.json entry such that scalar-staging widgets work
+   [\#5855](https://github.com/vector-im/riot-web/pull/5855)
+ * add dark theme styling to devtools input box
+   [\#5610](https://github.com/vector-im/riot-web/pull/5610)
+ * Fixes #1953 by adding oivoodoo as author
+   [\#5851](https://github.com/vector-im/riot-web/pull/5851)
+ * Instructions on security issues
+   [\#5824](https://github.com/vector-im/riot-web/pull/5824)
+ * Move DND wrapper to top level component
+   [\#5790](https://github.com/vector-im/riot-web/pull/5790)
+ * Widget title bar max / min visual cues.
+   [\#5786](https://github.com/vector-im/riot-web/pull/5786)
+ * Implement renumeration of ordered tags upon collision
+   [\#5759](https://github.com/vector-im/riot-web/pull/5759)
+ * Update imports for accessing KeyCode
+   [\#5751](https://github.com/vector-im/riot-web/pull/5751)
+ * Set html lang attribute from language setting
+   [\#5685](https://github.com/vector-im/riot-web/pull/5685)
+ * CSS for new TagPanel
+   [\#5723](https://github.com/vector-im/riot-web/pull/5723)
+ * getGroupStore no longer needs a matrix client
+   [\#5707](https://github.com/vector-im/riot-web/pull/5707)
+ * CSS required for moving group publication toggles to UserSettings
+   [\#5702](https://github.com/vector-im/riot-web/pull/5702)
+ * Make sure the SettingsStore is ready to load the theme before loading it
+   [\#5630](https://github.com/vector-im/riot-web/pull/5630)
+ * Add some aria-labels to RightPanel
+   [\#5661](https://github.com/vector-im/riot-web/pull/5661)
+ * Use badge count format for member count in RightPanel
+   [\#5657](https://github.com/vector-im/riot-web/pull/5657)
+ * Exclude the default language on page load
+   [\#5640](https://github.com/vector-im/riot-web/pull/5640)
+ * Use SettingsStore to get the default theme
+   [\#5615](https://github.com/vector-im/riot-web/pull/5615)
+ * Refactor translations
+   [\#5613](https://github.com/vector-im/riot-web/pull/5613)
+ * TintableSvgButton styling
+   [\#5605](https://github.com/vector-im/riot-web/pull/5605)
+ * Granular settings
+   [\#5468](https://github.com/vector-im/riot-web/pull/5468)
+ * CSS/components for custom presence controls
+   [\#5286](https://github.com/vector-im/riot-web/pull/5286)
+ * Set widget tile background colour
+   [\#5574](https://github.com/vector-im/riot-web/pull/5574)
+ * Widget styling tweaks
+   [\#5573](https://github.com/vector-im/riot-web/pull/5573)
+ * Center mixed content warnings in panel.
+   [\#5567](https://github.com/vector-im/riot-web/pull/5567)
+ * Status.im theme
+   [\#5578](https://github.com/vector-im/riot-web/pull/5578)
+
+Changes in [0.13.5](https://github.com/vector-im/riot-web/releases/tag/v0.13.5) (2018-02-09)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.4...v0.13.5)
+
+ * SECURITY UPDATE: Sanitise URLs from 'external_url'. Thanks to walle303 for contacting
+   us about this vulnerability.
+
+Changes in [0.13.4](https://github.com/vector-im/riot-web/releases/tag/v0.13.4) (2018-01-03)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.3...v0.13.4)
+
+ * Change config of riot.im electron build to fix some widgets not working. This only affects
+   electron builds using the riot.im config - for all other builds, this is identical to
+   v0.13.3.
+
+Changes in [0.13.3](https://github.com/vector-im/riot-web/releases/tag/v0.13.3) (2017-12-04)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.2...v0.13.3)
+
+ * Bump js-sdk, react-sdk version to pull in fix for [setting room publicity in a group](https://github.com/matrix-org/matrix-js-sdk/commit/aa3201ebb0fff5af2fb733080aa65ed1f7213de6).
+
+Changes in [0.13.2](https://github.com/vector-im/riot-web/releases/tag/v0.13.2) (2017-11-28)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.1...v0.13.2)
+
+
+Changes in [0.13.1](https://github.com/vector-im/riot-web/releases/tag/v0.13.1) (2017-11-17)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.0...v0.13.1)
+
+ * SECURITY UPDATE: Fix the force TURN option for inbound calls. This option forced the use
+   of TURN but only worked for outbound calls and not inbound calls. This means that if you
+   enabled this option expecting it to mask your IP address in calls, your IP would still
+   have been revealed to the room if you accepted an incoming call.
+ * Also adds the Slovak translation.
+
+Changes in [0.13.0](https://github.com/vector-im/riot-web/releases/tag/v0.13.0) (2017-11-15)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.0-rc.3...v0.13.0)
+
+
+Changes in [0.13.0-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.13.0-rc.3) (2017-11-14)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.0-rc.2...v0.13.0-rc.3)
+
+
+Changes in [0.13.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.13.0-rc.2) (2017-11-10)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.13.0-rc.1...v0.13.0-rc.2)
+
+ * Make groups a fully-fleged baked-in feature
+   [\#5566](https://github.com/vector-im/riot-web/pull/5566)
+
+Changes in [0.13.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.13.0-rc.1) (2017-11-10)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.7...v0.13.0-rc.1)
+
+ * Fix app tile margins.
+   [\#5561](https://github.com/vector-im/riot-web/pull/5561)
+ * Fix wrapping of long room topics (and overlap with apps)
+   [\#5549](https://github.com/vector-im/riot-web/pull/5549)
+ * Don't display widget iframes whilst loading.
+   [\#5555](https://github.com/vector-im/riot-web/pull/5555)
+ * Update from Weblate.
+   [\#5558](https://github.com/vector-im/riot-web/pull/5558)
+ * Adjust CSS for GroupView
+   [\#5543](https://github.com/vector-im/riot-web/pull/5543)
+ * CSS for adding rooms to a group with visibility
+   [\#5546](https://github.com/vector-im/riot-web/pull/5546)
+ * CSS for pinned indicators
+   [\#5511](https://github.com/vector-im/riot-web/pull/5511)
+ * Implement general-purpose tooltip "(?)"-style
+   [\#5540](https://github.com/vector-im/riot-web/pull/5540)
+ * CSS for improving group creation UX, namely setting long description
+   [\#5535](https://github.com/vector-im/riot-web/pull/5535)
+ * CSS for room notif pills in composer
+   [\#5531](https://github.com/vector-im/riot-web/pull/5531)
+ * Do not init a group store when no groupId specified
+   [\#5520](https://github.com/vector-im/riot-web/pull/5520)
+ * CSS for new pinned events indicator
+   [\#5293](https://github.com/vector-im/riot-web/pull/5293)
+ * T3chguy/devtools 1
+   [\#5471](https://github.com/vector-im/riot-web/pull/5471)
+ * Use margin to separate "perms" in the room directory
+   [\#5498](https://github.com/vector-im/riot-web/pull/5498)
+ * Add CSS for CreateGroupDialog to give group ID input suffix and prefix style
+   [\#5505](https://github.com/vector-im/riot-web/pull/5505)
+ * Fix group invites such that they look similar to room invites
+   [\#5504](https://github.com/vector-im/riot-web/pull/5504)
+ * CSS for Your Communities scrollbar
+   [\#5501](https://github.com/vector-im/riot-web/pull/5501)
+ * Add toggle to alter visibility of room-group association
+   [\#5497](https://github.com/vector-im/riot-web/pull/5497)
+ * CSS for room notification pills
+   [\#5494](https://github.com/vector-im/riot-web/pull/5494)
+ * Implement simple GroupRoomInfo
+   [\#5493](https://github.com/vector-im/riot-web/pull/5493)
+ * Add back bottom border to widget title bar
+   [\#5458](https://github.com/vector-im/riot-web/pull/5458)
+ * Prevent group name looking clickable for non-members
+   [\#5478](https://github.com/vector-im/riot-web/pull/5478)
+ * Fix instanceof check, was checking against the Package rather than class
+   [\#5472](https://github.com/vector-im/riot-web/pull/5472)
+ * Use correct group store state when rendering "Invite to this community"
+   [\#5455](https://github.com/vector-im/riot-web/pull/5455)
+ * Leverages ES6 in Notifications
+   [\#5453](https://github.com/vector-im/riot-web/pull/5453)
+ * Re-PR #4412
+   [\#5437](https://github.com/vector-im/riot-web/pull/5437)
+ * fix comma error of features example
+   [\#5410](https://github.com/vector-im/riot-web/pull/5410)
+ * Devtools: make filtering case-insensitive
+   [\#5387](https://github.com/vector-im/riot-web/pull/5387)
+ * Highlight group members icon in group member info
+   [\#5432](https://github.com/vector-im/riot-web/pull/5432)
+ * Use CSS to stop greyed Right/LeftPanel UI from being interactable
+   [\#5422](https://github.com/vector-im/riot-web/pull/5422)
+ * CSS for preventing editing of UI requiring user privilege if user
+   unprivileged
+   [\#5417](https://github.com/vector-im/riot-web/pull/5417)
+ * Only show UI for adding rooms/users to groups to privileged users
+   [\#5409](https://github.com/vector-im/riot-web/pull/5409)
+ * Only show "Invite to this community" when viewing group members
+   [\#5407](https://github.com/vector-im/riot-web/pull/5407)
+ * Add trash can icon for delete widget
+   [\#5397](https://github.com/vector-im/riot-web/pull/5397)
+ * CSS to improve MyGroups in general, and add placeholder
+   [\#5375](https://github.com/vector-im/riot-web/pull/5375)
+ * Rxl881/parallelshell
+   [\#4881](https://github.com/vector-im/riot-web/pull/4881)
+ * Custom server text was i18ned by key
+   [\#5371](https://github.com/vector-im/riot-web/pull/5371)
+ * Run prunei18n
+   [\#5370](https://github.com/vector-im/riot-web/pull/5370)
+ * Update from Weblate.
+   [\#5369](https://github.com/vector-im/riot-web/pull/5369)
+ * Add script to prune unused translations
+   [\#5339](https://github.com/vector-im/riot-web/pull/5339)
+ * CSS for improved MyGroups page
+   [\#5360](https://github.com/vector-im/riot-web/pull/5360)
+ * Add padding-right to Dialogs
+   [\#5346](https://github.com/vector-im/riot-web/pull/5346)
+ * Add div.warning and use the scss var
+   [\#5344](https://github.com/vector-im/riot-web/pull/5344)
+ * Groups->Communities
+   [\#5343](https://github.com/vector-im/riot-web/pull/5343)
+ * Make the 'add rooms' button clickable
+   [\#5342](https://github.com/vector-im/riot-web/pull/5342)
+ * Switch to gen-i18n script
+   [\#5338](https://github.com/vector-im/riot-web/pull/5338)
+ * Use _t as _t
+   [\#5334](https://github.com/vector-im/riot-web/pull/5334)
+ * fix groupview header editing visuals (pt 1)
+   [\#5330](https://github.com/vector-im/riot-web/pull/5330)
+ * bump version to prevent eslint errors
+   [\#5316](https://github.com/vector-im/riot-web/pull/5316)
+ * CSS for invited group members section
+   [\#5303](https://github.com/vector-im/riot-web/pull/5303)
+ * Handle long names in EntityTiles by overflowing correctly
+   [\#5302](https://github.com/vector-im/riot-web/pull/5302)
+ * Disable labs in electron
+   [\#5296](https://github.com/vector-im/riot-web/pull/5296)
+ * CSS for Modifying GroupView UI matrix-org/matrix-react-sdk#1475
+   [\#5295](https://github.com/vector-im/riot-web/pull/5295)
+ * Message/event pinning
+   [\#5142](https://github.com/vector-im/riot-web/pull/5142)
+ * Sorting of networks within a protocol based on name
+   [\#4054](https://github.com/vector-im/riot-web/pull/4054)
+ * allow hiding of notification body for privacy reasons
+   [\#4988](https://github.com/vector-im/riot-web/pull/4988)
+ * Don't use MXIDs on the lightbox if possible
+   [\#5281](https://github.com/vector-im/riot-web/pull/5281)
+ * CSS for lonely room message
+   [\#5267](https://github.com/vector-im/riot-web/pull/5267)
+ * Bring back dark theme code block border
+   [\#5037](https://github.com/vector-im/riot-web/pull/5037)
+ * CSS for remove avatar buttons
+   [\#5282](https://github.com/vector-im/riot-web/pull/5282)
+
+Changes in [0.12.7](https://github.com/vector-im/riot-web/releases/tag/v0.12.7) (2017-10-16)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.7-rc.3...v0.12.7)
+
+ * Released versions of react-sdk & js-sdk
+
+Changes in [0.12.7-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.12.7-rc.3) (2017-10-13)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.7-rc.2...v0.12.7-rc.3)
+
+ * Hide the join group button
+   [\#5275](https://github.com/vector-im/riot-web/pull/5275)
+
+Changes in [0.12.7-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.12.7-rc.2) (2017-10-13)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.7-rc.1...v0.12.7-rc.2)
+
+
+Changes in [0.12.7-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.12.7-rc.1) (2017-10-13)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.6...v0.12.7-rc.1)
+
+ * switch to new logos, and use import rather than VAR
+   [\#5203](https://github.com/vector-im/riot-web/pull/5203)
+ * Clarify what an integrations server is
+   [\#5266](https://github.com/vector-im/riot-web/pull/5266)
+ * Update from Weblate.
+   [\#5269](https://github.com/vector-im/riot-web/pull/5269)
+ * Remove trailing comma in JSON
+   [\#5167](https://github.com/vector-im/riot-web/pull/5167)
+ * Added default_federate property
+   [\#3849](https://github.com/vector-im/riot-web/pull/3849)
+ * CSS for greying out login form
+   [\#5197](https://github.com/vector-im/riot-web/pull/5197)
+ * Fix bug that made sub list placeholders not show for ILAG etc.
+   [\#5164](https://github.com/vector-im/riot-web/pull/5164)
+ * Factor out EditableItemList component from AliasSettings
+   [\#5161](https://github.com/vector-im/riot-web/pull/5161)
+ * Mark and remove some translations
+   [\#5110](https://github.com/vector-im/riot-web/pull/5110)
+ * CSS for "remove" button on GroupRoomTile
+   [\#5141](https://github.com/vector-im/riot-web/pull/5141)
+ * Create basic icon for the GroupRoomList tab and adding rooms to groups
+   [\#5140](https://github.com/vector-im/riot-web/pull/5140)
+ * Add button to get to MyGroups
+   [\#5131](https://github.com/vector-im/riot-web/pull/5131)
+ * Remove `key` prop pass-thru on HeaderButton
+   [\#5137](https://github.com/vector-im/riot-web/pull/5137)
+ * Implement "Add room to group" feature
+   [\#5125](https://github.com/vector-im/riot-web/pull/5125)
+ * Add Jitsi screensharing support in electron app
+   [\#4967](https://github.com/vector-im/riot-web/pull/4967)
+ * Refactor right panel header buttons
+   [\#5117](https://github.com/vector-im/riot-web/pull/5117)
+ * CSS for publicity status & toggle button
+   [\#5104](https://github.com/vector-im/riot-web/pull/5104)
+ * CSS for "X" in top right of features users/rooms
+   [\#5103](https://github.com/vector-im/riot-web/pull/5103)
+ * Include Finnish translation
+   [\#5051](https://github.com/vector-im/riot-web/pull/5051)
+ * Redesign membership section of GroupView
+   [\#5096](https://github.com/vector-im/riot-web/pull/5096)
+ * Make --config accept globs
+   [\#5090](https://github.com/vector-im/riot-web/pull/5090)
+ * CSS for GroupView: Add a User
+   [\#5093](https://github.com/vector-im/riot-web/pull/5093)
+ * T3chguy/devtools 1
+   [\#5074](https://github.com/vector-im/riot-web/pull/5074)
+ * Alter opacity for flair
+   [\#5085](https://github.com/vector-im/riot-web/pull/5085)
+ * Fix ugly integ button
+   [\#5082](https://github.com/vector-im/riot-web/pull/5082)
+ * Group Membership UI
+   [\#4830](https://github.com/vector-im/riot-web/pull/4830)
+
+Changes in [0.12.6](https://github.com/vector-im/riot-web/releases/tag/v0.12.6) (2017-09-21)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.5...v0.12.6)
+
+ * Use matrix-js-sdk v0.8.4 to fix build
+
+Changes in [0.12.5](https://github.com/vector-im/riot-web/releases/tag/v0.12.5) (2017-09-21)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.4...v0.12.5)
+
+ * Use react-sdk v0.10.5 to fix build
+
+Changes in [0.12.4](https://github.com/vector-im/riot-web/releases/tag/v0.12.4) (2017-09-20)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.4-rc.1...v0.12.4)
+
+ * No changes
+
+Changes in [0.12.4-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.12.4-rc.1) (2017-09-19)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.3...v0.12.4-rc.1)
+
+ * Fix test for new behaviour of 'joining' flag
+   [\#5053](https://github.com/vector-im/riot-web/pull/5053)
+ * fix really dumb blunder/typo preventing system from going to sleep.
+   [\#5080](https://github.com/vector-im/riot-web/pull/5080)
+ * T3chguy/devtools
+   [\#4735](https://github.com/vector-im/riot-web/pull/4735)
+ * CSS for unignore button in UserSettings
+   [\#5042](https://github.com/vector-im/riot-web/pull/5042)
+ * Fix alias on home page for identity room
+   [\#5044](https://github.com/vector-im/riot-web/pull/5044)
+ * generic contextual menu for tooltip/responses
+   [\#4989](https://github.com/vector-im/riot-web/pull/4989)
+ * Update from Weblate.
+   [\#5018](https://github.com/vector-im/riot-web/pull/5018)
+ * Avoid re-rendering RoomList on room switch
+   [\#5015](https://github.com/vector-im/riot-web/pull/5015)
+ * Fix menu on change keyboard language issue #4345
+   [\#4623](https://github.com/vector-im/riot-web/pull/4623)
+ * Make isInvite default to false
+   [\#4999](https://github.com/vector-im/riot-web/pull/4999)
+ * Revert "Implement sticky date separators"
+   [\#4991](https://github.com/vector-im/riot-web/pull/4991)
+ * Implement sticky date separators
+   [\#4939](https://github.com/vector-im/riot-web/pull/4939)
+
+Changes in [0.12.3](https://github.com/vector-im/riot-web/releases/tag/v0.12.3) (2017-09-06)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.3-rc.3...v0.12.3)
+
+ * No changes
+
+Changes in [0.12.3-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.12.3-rc.3) (2017-09-05)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.3-rc.2...v0.12.3-rc.3)
+
+ * Fix plurals in translations
+   [\#4971](https://github.com/vector-im/riot-web/pull/4971)
+ * Update from Weblate.
+   [\#4968](https://github.com/vector-im/riot-web/pull/4968)
+
+Changes in [0.12.3-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.12.3-rc.2) (2017-09-05)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.3-rc.1...v0.12.3-rc.2)
+
+ * New react-sdk version to pull in new translations and fix some translation bugs.
+
+
+Changes in [0.12.3-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.12.3-rc.1) (2017-09-01)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.2...v0.12.3-rc.1)
+
+ * Fix overflowing login/register buttons on some languages issue #4804
+   [\#4858](https://github.com/vector-im/riot-web/pull/4858)
+ * Update vector-im to riot-im on Login
+   [\#4943](https://github.com/vector-im/riot-web/pull/4943)
+ * lets let people know that the bug report actually sent properly :)
+   [\#4910](https://github.com/vector-im/riot-web/pull/4910)
+ * another s/vector/riot/ in README
+   [\#4934](https://github.com/vector-im/riot-web/pull/4934)
+ * fix two room list regressions
+   [\#4907](https://github.com/vector-im/riot-web/pull/4907)
+
+Changes in [0.12.2](https://github.com/vector-im/riot-web/releases/tag/v0.12.2) (2017-08-24)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.1...v0.12.2)
+
+ * Update react-sdk and js-sdk to fix bugs with incoming calls, messages and notifications
+   in encrypted rooms.
+
+Changes in [0.12.1](https://github.com/vector-im/riot-web/releases/tag/v0.12.1) (2017-08-23)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.1-rc.1...v0.12.1)
+
+ * [No changes]
+
+Changes in [0.12.1-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.12.1-rc.1) (2017-08-22)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.12.0-rc.2...v0.12.1-rc.1)
+
+ * Update from Weblate.
+   [\#4832](https://github.com/vector-im/riot-web/pull/4832)
+ * Misc styling fixes.
+   [\#4826](https://github.com/vector-im/riot-web/pull/4826)
+ * Show / Hide apps icons
+   [\#4774](https://github.com/vector-im/riot-web/pull/4774)
+
+Changes in [0.12.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.12.0-rc.1) (2017-08-16)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.4...v0.12.0-rc.1)
+
+ * Update from Weblate.
+   [\#4797](https://github.com/vector-im/riot-web/pull/4797)
+ * move focus-via-up/down cursors to LeftPanel
+   [\#4777](https://github.com/vector-im/riot-web/pull/4777)
+ * Remove userId property on RightPanel
+   [\#4775](https://github.com/vector-im/riot-web/pull/4775)
+ * Make member device info buttons fluid and stackable with flexbox
+   [\#4776](https://github.com/vector-im/riot-web/pull/4776)
+ * un-i18n Modal Analytics
+   [\#4688](https://github.com/vector-im/riot-web/pull/4688)
+ * Quote using innerText
+   [\#4773](https://github.com/vector-im/riot-web/pull/4773)
+ * Karma tweaks for riot-web
+   [\#4765](https://github.com/vector-im/riot-web/pull/4765)
+ * Fix typo with scripts/fetch-develop-deps.sh in Building From Source
+   [\#4764](https://github.com/vector-im/riot-web/pull/4764)
+ * Adjust CSS for optional avatars in pills
+   [\#4757](https://github.com/vector-im/riot-web/pull/4757)
+ * Fix crypto on develop
+   [\#4754](https://github.com/vector-im/riot-web/pull/4754)
+ * Fix signing key url in readme
+   [\#4464](https://github.com/vector-im/riot-web/pull/4464)
+ * update gitignore to allow .idea directory to exist in subdirs
+   [\#4749](https://github.com/vector-im/riot-web/pull/4749)
+ * tweak compact theme
+   [\#4665](https://github.com/vector-im/riot-web/pull/4665)
+ * Update draft-js from 0.10.1 to 0.11.0-alpha
+   [\#4740](https://github.com/vector-im/riot-web/pull/4740)
+ * electron support for mouse forward/back buttons in Windows
+   [\#4739](https://github.com/vector-im/riot-web/pull/4739)
+ * Update draft-js from 0.8.1 to 0.10.1
+   [\#4730](https://github.com/vector-im/riot-web/pull/4730)
+ * Make pills, emoji translucent when sending
+   [\#4693](https://github.com/vector-im/riot-web/pull/4693)
+ * Widget permissions styling and icon
+   [\#4690](https://github.com/vector-im/riot-web/pull/4690)
+ * CSS required for composer autoscroll
+   [\#4682](https://github.com/vector-im/riot-web/pull/4682)
+ * CSS for group edit UI
+   [\#4608](https://github.com/vector-im/riot-web/pull/4608)
+ * Fix a couple of minor errors in the room list
+   [\#4671](https://github.com/vector-im/riot-web/pull/4671)
+ * Styling for beta testing icon.
+   [\#4584](https://github.com/vector-im/riot-web/pull/4584)
+ * Increase the timeout for clearing indexeddbs
+   [\#4650](https://github.com/vector-im/riot-web/pull/4650)
+ * Make some adjustments to mx_UserPill and mx_RoomPill
+   [\#4597](https://github.com/vector-im/riot-web/pull/4597)
+ * Apply CSS to <pre> tags to distinguish them from each other
+   [\#4639](https://github.com/vector-im/riot-web/pull/4639)
+ * Use `catch` instead of `fail` to handle room tag error
+   [\#4643](https://github.com/vector-im/riot-web/pull/4643)
+ * CSS for decorated matrix.to links in the composer
+   [\#4583](https://github.com/vector-im/riot-web/pull/4583)
+ * Deflake the joining test
+   [\#4579](https://github.com/vector-im/riot-web/pull/4579)
+ * Bump react to 15.6 to fix build problems
+   [\#4577](https://github.com/vector-im/riot-web/pull/4577)
+ * Improve AppTile menu bar button styling.
+   [\#4567](https://github.com/vector-im/riot-web/pull/4567)
+ * Transform `async` functions to bluebird promises
+   [\#4572](https://github.com/vector-im/riot-web/pull/4572)
+ * use flushAllExpected in joining test
+   [\#4570](https://github.com/vector-im/riot-web/pull/4570)
+ * Switch riot-web to bluebird
+   [\#4565](https://github.com/vector-im/riot-web/pull/4565)
+ * loading tests: wait for login component
+   [\#4564](https://github.com/vector-im/riot-web/pull/4564)
+ * Remove CSS for the MessageComposerInputOld
+   [\#4568](https://github.com/vector-im/riot-web/pull/4568)
+ * Implement the focus_room_filter action
+   [\#4560](https://github.com/vector-im/riot-web/pull/4560)
+ * CSS for Rooms in Group View
+   [\#4530](https://github.com/vector-im/riot-web/pull/4530)
+ * more HomePage tweaks
+   [\#4557](https://github.com/vector-im/riot-web/pull/4557)
+ * Give HomePage an unmounted guard
+   [\#4556](https://github.com/vector-im/riot-web/pull/4556)
+ * Take RTE out of labs
+   [\#4500](https://github.com/vector-im/riot-web/pull/4500)
+ * CSS for Groups page
+   [\#4468](https://github.com/vector-im/riot-web/pull/4468)
+ * CSS for GroupView
+   [\#4442](https://github.com/vector-im/riot-web/pull/4442)
+ * remove unused class
+   [\#4525](https://github.com/vector-im/riot-web/pull/4525)
+ * Fix long words causing MessageComposer to widen
+   [\#4466](https://github.com/vector-im/riot-web/pull/4466)
+ * Add visual bell animation for RTE
+   [\#4516](https://github.com/vector-im/riot-web/pull/4516)
+ * Truncate auto-complete pills properly
+   [\#4502](https://github.com/vector-im/riot-web/pull/4502)
+ * Use chrome headless instead of phantomjs
+   [\#4512](https://github.com/vector-im/riot-web/pull/4512)
+ * Use external mock-request
+   [\#4489](https://github.com/vector-im/riot-web/pull/4489)
+ * fix Quote not closing contextual menu
+   [\#4443](https://github.com/vector-im/riot-web/pull/4443)
+ * Apply white-space: pre-wrap to mx_MEmoteBody
+   [\#4470](https://github.com/vector-im/riot-web/pull/4470)
+ * Add some style improvements to autocompletions
+   [\#4456](https://github.com/vector-im/riot-web/pull/4456)
+ * Styling for apps / widgets
+   [\#4447](https://github.com/vector-im/riot-web/pull/4447)
+ * Attempt to flush the rageshake logs on close
+   [\#4400](https://github.com/vector-im/riot-web/pull/4400)
+ * Update from Weblate.
+   [\#4401](https://github.com/vector-im/riot-web/pull/4401)
+ * improve update polling electron and provide a manual check for updates
+   button
+   [\#4176](https://github.com/vector-im/riot-web/pull/4176)
+ * Fix load failure in firefox when indexedDB is disabled
+   [\#4395](https://github.com/vector-im/riot-web/pull/4395)
+ * Change missed 'Redact' to 'Remove' in ImageView.
+   [\#4362](https://github.com/vector-im/riot-web/pull/4362)
+ * explicit convert to nativeImage to stabilise trayIcon on Windows [Electron]
+   [\#4355](https://github.com/vector-im/riot-web/pull/4355)
+ * Use _tJsx for PasswordNagBar (because it has <u>)
+   [\#4373](https://github.com/vector-im/riot-web/pull/4373)
+ * Clean up some log outputs from the integ tests
+   [\#4376](https://github.com/vector-im/riot-web/pull/4376)
+ * CSS for redeisng of password warning
+   [\#4367](https://github.com/vector-im/riot-web/pull/4367)
+ * Give _t to PasswordNagBar, add CSS for UserSettings password warning
+   [\#4366](https://github.com/vector-im/riot-web/pull/4366)
+ * Update from Weblate.
+   [\#4361](https://github.com/vector-im/riot-web/pull/4361)
+ * Update from Weblate.
+   [\#4360](https://github.com/vector-im/riot-web/pull/4360)
+ * Test 'return-to-app' functionality
+   [\#4352](https://github.com/vector-im/riot-web/pull/4352)
+ * Update from Weblate.
+   [\#4354](https://github.com/vector-im/riot-web/pull/4354)
+ * onLoadCompleted is now onTokenLoginCompleted
+   [\#4335](https://github.com/vector-im/riot-web/pull/4335)
+ * Tweak tests to match updates to matrixchat
+   [\#4325](https://github.com/vector-im/riot-web/pull/4325)
+ * Update from Weblate.
+   [\#4346](https://github.com/vector-im/riot-web/pull/4346)
+ * change dispatcher forward_event signature
+   [\#4337](https://github.com/vector-im/riot-web/pull/4337)
+ * Add border on hover for code blocks
+   [\#4259](https://github.com/vector-im/riot-web/pull/4259)
+
+Changes in [0.11.4](https://github.com/vector-im/riot-web/releases/tag/v0.11.4) (2017-06-22)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.3...v0.11.4)
+
+ * Update matrix-js-sdk and react-sdk to fix a regression where the
+   background indexedb worker was disabled, failures to open indexeddb
+   causing the app to fail to start, a race when starting that could break
+   switching to rooms, and the inability to invite users with mixed case
+   usernames.
+
+Changes in [0.11.3](https://github.com/vector-im/riot-web/releases/tag/v0.11.3) (2017-06-20)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.2...v0.11.3)
+
+ * Update to matrix-react-sdk 0.9.6 to fix infinite spinner bugs
+   and some parts of the app that had missed translation.
+
+Changes in [0.11.2](https://github.com/vector-im/riot-web/releases/tag/v0.11.2) (2017-06-19)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.2-rc.2...v0.11.2)
+
+ * Add more languages and translations
+ * Add a 'register' button
+
+Changes in [0.11.2-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.11.2-rc.2) (2017-06-16)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.2-rc.1...v0.11.2-rc.2)
+
+ * Update react-sdk to pull in fixes for URL previews, CAS
+   login, h2 in markdown and CAPTCHA forms.
+ * Enable Korean translation
+ * Update from Weblate.
+   [\#4323](https://github.com/vector-im/riot-web/pull/4323)
+ * Fix h2 in markdown being weird
+   [\#4332](https://github.com/vector-im/riot-web/pull/4332)
+
+Changes in [0.11.2-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.11.2-rc.1) (2017-06-15)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.1...v0.11.2-rc.1)
+
+ * Attempts to deflakify the joining test
+   [\#4313](https://github.com/vector-im/riot-web/pull/4313)
+ * Add a test for the login flow when there is a teamserver
+   [\#4315](https://github.com/vector-im/riot-web/pull/4315)
+ * Remove onload simulator from loading test
+   [\#4314](https://github.com/vector-im/riot-web/pull/4314)
+ * Update from Weblate.
+   [\#4305](https://github.com/vector-im/riot-web/pull/4305)
+ * Test that we handle stored mx_last_room_id correctly
+   [\#4292](https://github.com/vector-im/riot-web/pull/4292)
+ * Ask for email address after setting password for the first time
+   [\#4301](https://github.com/vector-im/riot-web/pull/4301)
+ * i18n for setting email after password flow
+   [\#4299](https://github.com/vector-im/riot-web/pull/4299)
+ * Update from Weblate.
+   [\#4290](https://github.com/vector-im/riot-web/pull/4290)
+ * Don't show the tooltips when filtering rooms
+   [\#4282](https://github.com/vector-im/riot-web/pull/4282)
+ * Update from Weblate.
+   [\#4272](https://github.com/vector-im/riot-web/pull/4272)
+ * Add missing VOIP Dropdown width
+   [\#4266](https://github.com/vector-im/riot-web/pull/4266)
+ * Update import and directory path in the Translations dev guide
+   [\#4261](https://github.com/vector-im/riot-web/pull/4261)
+ * Use Thai string for Thai in Language-Chooser
+   [\#4260](https://github.com/vector-im/riot-web/pull/4260)
+
+Changes in [0.11.1](https://github.com/vector-im/riot-web/releases/tag/v0.11.1) (2017-06-14)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.0...v0.11.1)
+
+ * Update to react-sdk 0.9.4 to prompt to set an
+   email address when setting a password and make
+   DM guessing smarter.
+
+Changes in [0.11.0](https://github.com/vector-im/riot-web/releases/tag/v0.11.0) (2017-06-12)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.0-rc.2...v0.11.0)
+
+ * More translations & minor fixes
+
+Changes in [0.11.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.11.0-rc.2) (2017-06-09)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.11.0-rc.1...v0.11.0-rc.2)
+
+ * Update to matrix-react-sdk rc.2 which fixes the flux
+   dependency version and an issue with the conference
+   call bar translation.
+
+
+Changes in [0.11.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.11.0-rc.1) (2017-06-09)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.10.2...v0.11.0-rc.1)
+
+ * Update from Weblate.
+   [\#4258](https://github.com/vector-im/riot-web/pull/4258)
+ * Update from Weblate.
+   [\#4254](https://github.com/vector-im/riot-web/pull/4254)
+ * Update from Weblate.
+   [\#4253](https://github.com/vector-im/riot-web/pull/4253)
+ * Expect to see HTTP /join/#some:alias when we the view knows it
+   [\#4252](https://github.com/vector-im/riot-web/pull/4252)
+ * Update from Weblate.
+   [\#4250](https://github.com/vector-im/riot-web/pull/4250)
+ * add explicit import to utf8 polyfill and rip out unused imports
+   [\#4169](https://github.com/vector-im/riot-web/pull/4169)
+ * Added styling for copy to clipboard button
+   [\#4204](https://github.com/vector-im/riot-web/pull/4204)
+ * Update from Weblate.
+   [\#4231](https://github.com/vector-im/riot-web/pull/4231)
+ * Update from Weblate.
+   [\#4218](https://github.com/vector-im/riot-web/pull/4218)
+ * Update CSS for ChatInviteDialog
+   [\#4226](https://github.com/vector-im/riot-web/pull/4226)
+ * change electron -> electron_app which was previously missed
+   [\#4212](https://github.com/vector-im/riot-web/pull/4212)
+ * New guest access
+   [\#4039](https://github.com/vector-im/riot-web/pull/4039)
+ * Align message timestamp centrally about the avatar mid-point
+   [\#4219](https://github.com/vector-im/riot-web/pull/4219)
+ * Remove '/' from homepage URL
+   [\#4221](https://github.com/vector-im/riot-web/pull/4221)
+ * Chop off 'origin/'
+   [\#4220](https://github.com/vector-im/riot-web/pull/4220)
+ * Update from Weblate.
+   [\#4214](https://github.com/vector-im/riot-web/pull/4214)
+ * adjust alignment of message menu button in compact layout
+   [\#4211](https://github.com/vector-im/riot-web/pull/4211)
+ * Update from Weblate.
+   [\#4207](https://github.com/vector-im/riot-web/pull/4207)
+ * Fix Tests in ILAG
+   [\#4209](https://github.com/vector-im/riot-web/pull/4209)
+ * Update from Weblate.
+   [\#4197](https://github.com/vector-im/riot-web/pull/4197)
+ * Fix tests for new-guest-access
+   [\#4201](https://github.com/vector-im/riot-web/pull/4201)
+ * i18n for SetPasswordDialog
+   [\#4198](https://github.com/vector-im/riot-web/pull/4198)
+ * Update from Weblate.
+   [\#4193](https://github.com/vector-im/riot-web/pull/4193)
+ * to make the windows volume mixer not explode as it can't resize icons.
+   [\#4183](https://github.com/vector-im/riot-web/pull/4183)
+ * provide react devtools in electron dev runs
+   [\#4186](https://github.com/vector-im/riot-web/pull/4186)
+ * Fix DeprecationWarning
+   [\#4184](https://github.com/vector-im/riot-web/pull/4184)
+ * room link should be a matrix.to one
+   [\#4178](https://github.com/vector-im/riot-web/pull/4178)
+ * Update home.html
+   [\#4163](https://github.com/vector-im/riot-web/pull/4163)
+ * Add missing translation for room directory
+   [\#4160](https://github.com/vector-im/riot-web/pull/4160)
+ * i18n welcome
+   [\#4129](https://github.com/vector-im/riot-web/pull/4129)
+ * Tom welcome page
+   [\#4038](https://github.com/vector-im/riot-web/pull/4038)
+ * Fix some tests that expect Directory (they should expect HomePage)
+   [\#4076](https://github.com/vector-im/riot-web/pull/4076)
+ * Add "Login" button to RHS when user is a guest
+   [\#4037](https://github.com/vector-im/riot-web/pull/4037)
+ * Rejig the PaswordNagBar
+   [\#4026](https://github.com/vector-im/riot-web/pull/4026)
+ * Allow team server config to be missing
+   [\#4024](https://github.com/vector-im/riot-web/pull/4024)
+ * Remove GuestWarningBar
+   [\#4020](https://github.com/vector-im/riot-web/pull/4020)
+ * Make left panel better for new users (mk III)
+   [\#4023](https://github.com/vector-im/riot-web/pull/4023)
+ * Implement default welcome page and allow custom URL /w config
+   [\#4015](https://github.com/vector-im/riot-web/pull/4015)
+ * Add warm-fuzzy for successful password entry
+   [\#3989](https://github.com/vector-im/riot-web/pull/3989)
+ * autoFocus new password input in SetPasswordDialog
+   [\#3982](https://github.com/vector-im/riot-web/pull/3982)
+ * Implement dialog to set password
+   [\#3921](https://github.com/vector-im/riot-web/pull/3921)
+ * Replace NeedToRegister with SetMxId dialog
+   [\#3924](https://github.com/vector-im/riot-web/pull/3924)
+ * Add welcomeUserId to sample config
+   [\#3906](https://github.com/vector-im/riot-web/pull/3906)
+ * CSS for mxIdDialog redesign
+   [\#3885](https://github.com/vector-im/riot-web/pull/3885)
+ * Implement PasswordNagBar
+   [\#3817](https://github.com/vector-im/riot-web/pull/3817)
+ * CSS for new SetMxIdDialog
+   [\#3762](https://github.com/vector-im/riot-web/pull/3762)
+
+Changes in [0.10.2](https://github.com/vector-im/riot-web/releases/tag/v0.10.2) (2017-06-06)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.10.1...v0.10.2)
+
+ * Hotfix for bugs where navigating straight to a URL like /#/login and
+   and /#/forgot_password
+
+
+Changes in [0.10.1](https://github.com/vector-im/riot-web/releases/tag/v0.10.1) (2017-06-02)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.10.0...v0.10.1)
+
+ * Update to matrix-react-sdk 0.9.1 to fix i18n error which broke start chat in some circumstances
+
+Changes in [0.10.0](https://github.com/vector-im/riot-web/releases/tag/v0.10.0) (2017-06-02)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.10.0-rc.2...v0.10.0)
+
+ * Update from Weblate.
+   [\#4152](https://github.com/vector-im/riot-web/pull/4152)
+
+Changes in [0.10.0-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.10.0-rc.2) (2017-06-02)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.10.0-rc.1...v0.10.0-rc.2)
+
+ * Update from Weblate.
+   [\#4150](https://github.com/vector-im/riot-web/pull/4150)
+ * styling for webrtc settings
+   [\#4019](https://github.com/vector-im/riot-web/pull/4019)
+ * Update from Weblate.
+   [\#4140](https://github.com/vector-im/riot-web/pull/4140)
+ * add styles for compact layout
+   [\#4132](https://github.com/vector-im/riot-web/pull/4132)
+ * Various tweaks to fetch-develop-deps
+   [\#4147](https://github.com/vector-im/riot-web/pull/4147)
+ * Don't try to build with node 6.0
+   [\#4145](https://github.com/vector-im/riot-web/pull/4145)
+ * Support 12hr time on DateSeparator
+   [\#4143](https://github.com/vector-im/riot-web/pull/4143)
+ * Update from Weblate.
+   [\#4137](https://github.com/vector-im/riot-web/pull/4137)
+ * Update from Weblate.
+   [\#4105](https://github.com/vector-im/riot-web/pull/4105)
+ * Update from Weblate.
+   [\#4094](https://github.com/vector-im/riot-web/pull/4094)
+ * Update from Weblate.
+   [\#4091](https://github.com/vector-im/riot-web/pull/4091)
+ * Update from Weblate.
+   [\#4089](https://github.com/vector-im/riot-web/pull/4089)
+ * Update from Weblate.
+   [\#4083](https://github.com/vector-im/riot-web/pull/4083)
+
+Changes in [0.10.0-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.10.0-rc.1) (2017-06-01)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.10...v0.10.0-rc.1)
+
+ * basic electron profile support
+   [\#4030](https://github.com/vector-im/riot-web/pull/4030)
+ * Finish translations for vector-im/riot-web
+   [\#4122](https://github.com/vector-im/riot-web/pull/4122)
+ * Translate src/vector
+   [\#4119](https://github.com/vector-im/riot-web/pull/4119)
+ * electron flashFrame was way too annoying
+   [\#4128](https://github.com/vector-im/riot-web/pull/4128)
+ * auto-launch support [Electron]
+   [\#4012](https://github.com/vector-im/riot-web/pull/4012)
+ * Show 12hr time on hover too
+   [\#4092](https://github.com/vector-im/riot-web/pull/4092)
+ * Translate src/notifications
+   [\#4087](https://github.com/vector-im/riot-web/pull/4087)
+ * Translate src/components/structures
+   [\#4084](https://github.com/vector-im/riot-web/pull/4084)
+ * Smaller font size on timestamp to better fit in the available space
+   [\#4085](https://github.com/vector-im/riot-web/pull/4085)
+ * Make travis run the build with several versions of node
+   [\#4079](https://github.com/vector-im/riot-web/pull/4079)
+ * Piwik Analytics
+   [\#4056](https://github.com/vector-im/riot-web/pull/4056)
+ * Update from Weblate.
+   [\#4077](https://github.com/vector-im/riot-web/pull/4077)
+ * managed to eat the eventStatus check, can't redact a local-echo etc
+   [\#4078](https://github.com/vector-im/riot-web/pull/4078)
+ * show redact in context menu only if has PL to/sent message
+   [\#3925](https://github.com/vector-im/riot-web/pull/3925)
+ * Update from Weblate.
+   [\#4064](https://github.com/vector-im/riot-web/pull/4064)
+ * Change redact -> remove to improve clarity
+   [\#3722](https://github.com/vector-im/riot-web/pull/3722)
+ * Update from Weblate.
+   [\#4058](https://github.com/vector-im/riot-web/pull/4058)
+ * Message Forwarding
+   [\#3688](https://github.com/vector-im/riot-web/pull/3688)
+ * Update from Weblate.
+   [\#4057](https://github.com/vector-im/riot-web/pull/4057)
+ * Fixed an input field's background color in dark theme
+   [\#4053](https://github.com/vector-im/riot-web/pull/4053)
+ * Update from Weblate.
+   [\#4051](https://github.com/vector-im/riot-web/pull/4051)
+ * Update from Weblate.
+   [\#4049](https://github.com/vector-im/riot-web/pull/4049)
+ * Update from Weblate.
+   [\#4048](https://github.com/vector-im/riot-web/pull/4048)
+ * Update from Weblate.
+   [\#4040](https://github.com/vector-im/riot-web/pull/4040)
+ * Update translating.md: Minor suggestions
+   [\#4041](https://github.com/vector-im/riot-web/pull/4041)
+ * tidy electron files, they weren't pwetty
+   [\#3993](https://github.com/vector-im/riot-web/pull/3993)
+ * Prevent Power Save when in call (Electron)
+   [\#3992](https://github.com/vector-im/riot-web/pull/3992)
+ * Translations!
+   [\#4035](https://github.com/vector-im/riot-web/pull/4035)
+ * Kieran gould/12hourtimestamp
+   [\#3961](https://github.com/vector-im/riot-web/pull/3961)
+ * Don't include src in the test resolve root
+   [\#4033](https://github.com/vector-im/riot-web/pull/4033)
+ * add moar context menus [Electron]
+   [\#4021](https://github.com/vector-im/riot-web/pull/4021)
+ * Add `Chat` to Linux app categories
+   [\#4022](https://github.com/vector-im/riot-web/pull/4022)
+ * add menu category for linux build of app
+   [\#3975](https://github.com/vector-im/riot-web/pull/3975)
+ * Electron Tray Improvements
+   [\#3909](https://github.com/vector-im/riot-web/pull/3909)
+ * More riot-web test deflakification
+   [\#3966](https://github.com/vector-im/riot-web/pull/3966)
+ * Script to fetch corresponding branches of dependent projects
+   [\#3945](https://github.com/vector-im/riot-web/pull/3945)
+ * Add type="text/css" to SVG logos
+   [\#3964](https://github.com/vector-im/riot-web/pull/3964)
+ * Fix some setState-after-unmount in roomdirectory
+   [\#3958](https://github.com/vector-im/riot-web/pull/3958)
+ * Attempt to deflakify joining test
+   [\#3956](https://github.com/vector-im/riot-web/pull/3956)
+
+Changes in [0.9.10](https://github.com/vector-im/riot-web/releases/tag/v0.9.10) (2017-05-22)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.10-rc.1...v0.9.10)
+
+ * No changes
+
+
+Changes in [0.9.10-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.10-rc.1) (2017-05-19)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.9...v0.9.10-rc.1)
+
+ * CSS for left_aligned Dropdowns, and adjustments for Country dd in Login
+   [\#3959](https://github.com/vector-im/riot-web/pull/3959)
+ * Add square flag pngs /w genflags.sh script
+   [\#3953](https://github.com/vector-im/riot-web/pull/3953)
+ * Add config for riot-bot on desktop app build
+   [\#3954](https://github.com/vector-im/riot-web/pull/3954)
+ * Desktop: 'copy link address'
+   [\#3952](https://github.com/vector-im/riot-web/pull/3952)
+ * Reduce rageshake log size to 1MB
+   [\#3943](https://github.com/vector-im/riot-web/pull/3943)
+ * CSS for putting country dd on same line as phone input
+   [\#3942](https://github.com/vector-im/riot-web/pull/3942)
+ * fix #3894
+   [\#3919](https://github.com/vector-im/riot-web/pull/3919)
+ * change vector->riot on the surface
+   [\#3894](https://github.com/vector-im/riot-web/pull/3894)
+ * move manifest.json outward so it is scoped properly
+   [\#3888](https://github.com/vector-im/riot-web/pull/3888)
+ * add to manifest
+   [\#3799](https://github.com/vector-im/riot-web/pull/3799)
+ * Automatically update component-index
+   [\#3886](https://github.com/vector-im/riot-web/pull/3886)
+ * move electron -> electron_app because npm smart
+   [\#3877](https://github.com/vector-im/riot-web/pull/3877)
+ * Fix bug report endpoint in config.sample.json.
+   [\#3863](https://github.com/vector-im/riot-web/pull/3863)
+ * Update 2 missed icons to the new icon
+   [\#3851](https://github.com/vector-im/riot-web/pull/3851)
+ * Make left panel better for new users (mk II)
+   [\#3804](https://github.com/vector-im/riot-web/pull/3804)
+ * match primary package.json
+   [\#3839](https://github.com/vector-im/riot-web/pull/3839)
+ * Re-add productName
+   [\#3829](https://github.com/vector-im/riot-web/pull/3829)
+ * Remove leading v in /version file, for SemVer and to match Electron ver
+   [\#3683](https://github.com/vector-im/riot-web/pull/3683)
+ * Fix scope of callback
+   [\#3790](https://github.com/vector-im/riot-web/pull/3790)
+ * Remember and Recall window layout/position state
+   [\#3622](https://github.com/vector-im/riot-web/pull/3622)
+ * Remove babelcheck
+   [\#3808](https://github.com/vector-im/riot-web/pull/3808)
+ * Include MXID and device id in rageshakes
+   [\#3809](https://github.com/vector-im/riot-web/pull/3809)
+ * import Modal
+   [\#3791](https://github.com/vector-im/riot-web/pull/3791)
+ * Pin filesize ver to fix break upstream
+   [\#3775](https://github.com/vector-im/riot-web/pull/3775)
+ * Improve Room Directory Look & Feel
+   [\#3751](https://github.com/vector-im/riot-web/pull/3751)
+ * Fix emote RRs alignment
+   [\#3742](https://github.com/vector-im/riot-web/pull/3742)
+ * Remove unused `placeholder` prop on RoomDropTarget
+   [\#3741](https://github.com/vector-im/riot-web/pull/3741)
+ * Modify CSS for matrix-org/matrix-react-sdk#833
+   [\#3732](https://github.com/vector-im/riot-web/pull/3732)
+ * Warn when exiting due to single-instance
+   [\#3727](https://github.com/vector-im/riot-web/pull/3727)
+ * Electron forgets it was maximized when you click on a notification
+   [\#3709](https://github.com/vector-im/riot-web/pull/3709)
+ * CSS to make h1 and h2 the same size as h1.
+   [\#3719](https://github.com/vector-im/riot-web/pull/3719)
+ * Prevent long room names/topics from pushing UI of the screen
+   [\#3721](https://github.com/vector-im/riot-web/pull/3721)
+ * Disable dropdown highlight on focus
+   [\#3717](https://github.com/vector-im/riot-web/pull/3717)
+ * Escape HTML Tags from Linux Notifications (electron)
+   [\#3564](https://github.com/vector-im/riot-web/pull/3564)
+ * styling for spoilerized access token view in Settings
+   [\#3651](https://github.com/vector-im/riot-web/pull/3651)
+ * Fix Webpack conf
+   [\#3690](https://github.com/vector-im/riot-web/pull/3690)
+ * Add config.json to .gitignore
+   [\#3599](https://github.com/vector-im/riot-web/pull/3599)
+ * add command line arg (--hidden) for electron app
+   [\#3641](https://github.com/vector-im/riot-web/pull/3641)
+ * fix ImageView Download functionality
+   [\#3640](https://github.com/vector-im/riot-web/pull/3640)
+ * Add cross-env into the mix
+   [\#3693](https://github.com/vector-im/riot-web/pull/3693)
+ * Remember acceptance for unsupported browsers.
+   [\#3694](https://github.com/vector-im/riot-web/pull/3694)
+ * Cosmetics to go with matrix-org/matrix-react-sdk#811
+   [\#3692](https://github.com/vector-im/riot-web/pull/3692)
+ * Cancel quicksearch on ESC
+   [\#3680](https://github.com/vector-im/riot-web/pull/3680)
+ * Optimise RoomList and implement quick-search functionality on it.
+   [\#3654](https://github.com/vector-im/riot-web/pull/3654)
+ * Progress updates for rageshake uploads
+   [\#3648](https://github.com/vector-im/riot-web/pull/3648)
+ * Factor out rageshake upload to a separate file
+   [\#3645](https://github.com/vector-im/riot-web/pull/3645)
+ * rageshake: fix race when collecting logs
+   [\#3644](https://github.com/vector-im/riot-web/pull/3644)
+ * Fix a flaky test
+   [\#3649](https://github.com/vector-im/riot-web/pull/3649)
+
+Changes in [0.9.9](https://github.com/vector-im/riot-web/releases/tag/v0.9.9) (2017-04-25)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.9-rc.2...v0.9.9)
+
+ * No changes
+
+
+Changes in [0.9.9-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.9.9-rc.2) (2017-04-24)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.9-rc.1...v0.9.9-rc.2)
+
+ * Fix bug where links to Riot would fail to open.
+
+
+Changes in [0.9.9-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.9-rc.1) (2017-04-21)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.8...v0.9.9-rc.1)
+
+ * Update js-sdk and matrix-react-sdk to fix registration without a captcha (https://github.com/vector-im/riot-web/issues/3621)
+
+
+Changes in [0.9.8](https://github.com/vector-im/riot-web/releases/tag/v0.9.8) (2017-04-12)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.8-rc.3...v0.9.8)
+
+ * No changes
+
+Changes in [0.9.8-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.9.8-rc.3) (2017-04-11)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.8-rc.2...v0.9.8-rc.3)
+
+ * Make the clear cache button work on desktop
+   [\#3598](https://github.com/vector-im/riot-web/pull/3598)
+
+Changes in [0.9.8-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.9.8-rc.2) (2017-04-10)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.8-rc.1...v0.9.8-rc.2)
+
+ * Redacted events bg: black lozenge -> torn paper
+   [\#3596](https://github.com/vector-im/riot-web/pull/3596)
+ * Add 'app' parameter to rageshake report
+   [\#3594](https://github.com/vector-im/riot-web/pull/3594)
+
+Changes in [0.9.8-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.8-rc.1) (2017-04-07)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.7...v0.9.8-rc.1)
+
+ * Add support for indexeddb sync in webworker
+   [\#3578](https://github.com/vector-im/riot-web/pull/3578)
+ * Add CSS to make Emote sender cursor : pointer
+   [\#3574](https://github.com/vector-im/riot-web/pull/3574)
+ * Remove rageshake server
+   [\#3565](https://github.com/vector-im/riot-web/pull/3565)
+ * Adjust CSS for matrix-org/matrix-react-sdk#789
+   [\#3566](https://github.com/vector-im/riot-web/pull/3566)
+ * Fix tests to reflect recent changes
+   [\#3537](https://github.com/vector-im/riot-web/pull/3537)
+ * Do not assume getTs will return comparable integer
+   [\#3536](https://github.com/vector-im/riot-web/pull/3536)
+ * Rename ReactPerf to Perf
+   [\#3535](https://github.com/vector-im/riot-web/pull/3535)
+ * Don't show phone number as target for email notifs
+   [\#3530](https://github.com/vector-im/riot-web/pull/3530)
+ * Fix people section again
+   [\#3458](https://github.com/vector-im/riot-web/pull/3458)
+ * dark theme invert inconsistent across browsers
+   [\#3479](https://github.com/vector-im/riot-web/pull/3479)
+ * CSS for adding phone number in UserSettings
+   [\#3451](https://github.com/vector-im/riot-web/pull/3451)
+ * Support for phone number registration/signin, mk2
+   [\#3426](https://github.com/vector-im/riot-web/pull/3426)
+ * Confirm redactions with a dialog
+   [\#3470](https://github.com/vector-im/riot-web/pull/3470)
+ * Better CSS for redactions
+   [\#3453](https://github.com/vector-im/riot-web/pull/3453)
+ * Fix the people section
+   [\#3448](https://github.com/vector-im/riot-web/pull/3448)
+ * Merge the two RoomTile context menus into one
+   [\#3395](https://github.com/vector-im/riot-web/pull/3395)
+ * Refactor screen set after login
+   [\#3385](https://github.com/vector-im/riot-web/pull/3385)
+ * CSS for redacted EventTiles
+   [\#3379](https://github.com/vector-im/riot-web/pull/3379)
+ * Height:100% for welcome pages on Safari
+   [\#3340](https://github.com/vector-im/riot-web/pull/3340)
+ * `view_room` dispatch from `onClick` RoomTile
+   [\#3376](https://github.com/vector-im/riot-web/pull/3376)
+ * Hide statusAreaBox_line entirely when inCall
+   [\#3350](https://github.com/vector-im/riot-web/pull/3350)
+ * Set padding-bottom: 0px for .mx_Dialog spinner
+   [\#3351](https://github.com/vector-im/riot-web/pull/3351)
+ * Support InteractiveAuth based registration
+   [\#3333](https://github.com/vector-im/riot-web/pull/3333)
+ * Expose notification option for username/MXID
+   [\#3334](https://github.com/vector-im/riot-web/pull/3334)
+ * Float the toggle in the top right of MELS
+   [\#3190](https://github.com/vector-im/riot-web/pull/3190)
+ * More aggressive rageshake log culling
+   [\#3311](https://github.com/vector-im/riot-web/pull/3311)
+ * Don't overflow directory network options
+   [\#3282](https://github.com/vector-im/riot-web/pull/3282)
+ * CSS for ban / kick reason prompt
+   [\#3250](https://github.com/vector-im/riot-web/pull/3250)
+ * Allow forgetting rooms you're banned from
+   [\#3246](https://github.com/vector-im/riot-web/pull/3246)
+ * Fix icon paths in manifest
+   [\#3245](https://github.com/vector-im/riot-web/pull/3245)
+ * Fix broken tests caused by adding IndexedDB support
+   [\#3242](https://github.com/vector-im/riot-web/pull/3242)
+ * CSS for un-ban button in RoomSettings
+   [\#3227](https://github.com/vector-im/riot-web/pull/3227)
+ * Remove z-index property on avatar initials
+   [\#3239](https://github.com/vector-im/riot-web/pull/3239)
+ * Reposition certain icons in the status bar
+   [\#3233](https://github.com/vector-im/riot-web/pull/3233)
+ * CSS for kick/ban confirmation dialog
+   [\#3224](https://github.com/vector-im/riot-web/pull/3224)
+ * Style for split-out interactive auth
+   [\#3217](https://github.com/vector-im/riot-web/pull/3217)
+ * Use the teamToken threaded through from react sdk
+   [\#3196](https://github.com/vector-im/riot-web/pull/3196)
+ * rageshake: Add file server with basic auth
+   [\#3169](https://github.com/vector-im/riot-web/pull/3169)
+ * Fix bug with home icon not appearing when logged in as team member
+   [\#3162](https://github.com/vector-im/riot-web/pull/3162)
+ * Add ISSUE_TEMPLATE
+   [\#2836](https://github.com/vector-im/riot-web/pull/2836)
+ * Store bug reports in separate directories
+   [\#3150](https://github.com/vector-im/riot-web/pull/3150)
+ * Quick and dirty support for custom welcome pages.
+   [\#2575](https://github.com/vector-im/riot-web/pull/2575)
+ * RTS Welcome Pages
+   [\#3103](https://github.com/vector-im/riot-web/pull/3103)
+ * rageshake: Abide by Go standards
+   [\#3149](https://github.com/vector-im/riot-web/pull/3149)
+ * Bug report server script
+   [\#3072](https://github.com/vector-im/riot-web/pull/3072)
+ * Bump olm version
+   [\#3125](https://github.com/vector-im/riot-web/pull/3125)
+
+Changes in [0.9.7](https://github.com/vector-im/riot-web/releases/tag/v0.9.7) (2017-02-04)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.7-rc.3...v0.9.7)
+
+ * Update to matrix-js-sdk 0.7.5 (no changes from 0.7.5-rc.3)
+ * Update to matrix-react-sdk 0.8.6 (no changes from 0.8.6-rc.3)
+
+Changes in [0.9.7-rc.3](https://github.com/vector-im/riot-web/releases/tag/v0.9.7-rc.3) (2017-02-03)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.7-rc.2...v0.9.7-rc.3)
+ * Update to latest Olm to fix key import/export and use of megolm sessions
+   created on more recent versions
+ * Update to latest matrix-react-sdk and matrix-js-sdk to fix e2e device
+   handling
+
+Changes in [0.9.7-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.9.7-rc.2) (2017-02-03)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.7-rc.1...v0.9.7-rc.2)
+
+ * Update matrix-js-sdk to get new device change
+   notifications interface for more reliable e2e crypto
+
+Changes in [0.9.7-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.7-rc.1) (2017-02-03)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.6...v0.9.7-rc.1)
+
+ * Better user interface for screen readers and keyboard navigation
+   [\#2946](https://github.com/vector-im/riot-web/pull/2946)
+ * Allow mxc: URLs for icons in the NetworkDropdown
+   [\#3118](https://github.com/vector-im/riot-web/pull/3118)
+ * make TopRightMenu more intuitive
+   [\#3117](https://github.com/vector-im/riot-web/pull/3117)
+ * Handle icons with width > height
+   [\#3110](https://github.com/vector-im/riot-web/pull/3110)
+ * Fix jenkins build
+   [\#3105](https://github.com/vector-im/riot-web/pull/3105)
+ * Add CSS for a support box in login
+   [\#3081](https://github.com/vector-im/riot-web/pull/3081)
+ * Allow a custom login logo to be displayed on login
+   [\#3082](https://github.com/vector-im/riot-web/pull/3082)
+ * Fix the width of input fields within login/reg box
+   [\#3080](https://github.com/vector-im/riot-web/pull/3080)
+ * Set BaseAvatar_image bg colour = #fff
+   [\#3057](https://github.com/vector-im/riot-web/pull/3057)
+ * only recalculate favicon if it changes
+   [\#3067](https://github.com/vector-im/riot-web/pull/3067)
+ * CSS tweak for email address lookup
+   [\#3064](https://github.com/vector-im/riot-web/pull/3064)
+ * Glue the dialog to rageshake: honour sendLogs flag.
+   [\#3061](https://github.com/vector-im/riot-web/pull/3061)
+ * Don't use hash-named directory for dev server
+   [\#3049](https://github.com/vector-im/riot-web/pull/3049)
+ * Implement bug reporting logic
+   [\#3000](https://github.com/vector-im/riot-web/pull/3000)
+ * Add css for bug report dialog
+   [\#3045](https://github.com/vector-im/riot-web/pull/3045)
+ * Increase the max-height of the expanded status bar
+   [\#3043](https://github.com/vector-im/riot-web/pull/3043)
+ * Hopefully, fix intermittent test failure
+   [\#3040](https://github.com/vector-im/riot-web/pull/3040)
+ * CSS for 'searching known users'
+   [\#2971](https://github.com/vector-im/riot-web/pull/2971)
+ * Animate status bar max-height and margin-top
+   [\#2981](https://github.com/vector-im/riot-web/pull/2981)
+ * Add eslint config
+   [\#3032](https://github.com/vector-im/riot-web/pull/3032)
+ * Re-position typing avatars relative to "is typing"
+   [\#3030](https://github.com/vector-im/riot-web/pull/3030)
+ * CSS for avatars that appear when users are typing
+   [\#2998](https://github.com/vector-im/riot-web/pull/2998)
+ * Add StartupWMClass
+   [\#3001](https://github.com/vector-im/riot-web/pull/3001)
+ * Fix link to image for event options menu
+   [\#3002](https://github.com/vector-im/riot-web/pull/3002)
+ * Make riot desktop single instance
+   [\#2999](https://github.com/vector-im/riot-web/pull/2999)
+ * Add electron tray icon
+   [\#2997](https://github.com/vector-im/riot-web/pull/2997)
+ * Fixes to electron desktop notifs
+   [\#2994](https://github.com/vector-im/riot-web/pull/2994)
+ * Auto-hide the electron menu bar
+   [\#2975](https://github.com/vector-im/riot-web/pull/2975)
+ * A couple of tweaks to the karma config
+   [\#2987](https://github.com/vector-im/riot-web/pull/2987)
+ * Deploy script
+   [\#2974](https://github.com/vector-im/riot-web/pull/2974)
+ * Use the postcss-webpack-loader
+   [\#2990](https://github.com/vector-im/riot-web/pull/2990)
+ * Switch CSS to using postcss, and implement a dark theme.
+   [\#2973](https://github.com/vector-im/riot-web/pull/2973)
+ * Update redeploy script to keep old bundles
+   [\#2969](https://github.com/vector-im/riot-web/pull/2969)
+ * Include current version in update check explicitly
+   [\#2967](https://github.com/vector-im/riot-web/pull/2967)
+ * Add another layer of directory to webpack chunks
+   [\#2966](https://github.com/vector-im/riot-web/pull/2966)
+ * Fix links to fonts and images from CSS
+   [\#2965](https://github.com/vector-im/riot-web/pull/2965)
+ * Put parent build hash in webpack output filenames
+   [\#2961](https://github.com/vector-im/riot-web/pull/2961)
+ * update README to point to new names/locations
+   [\#2846](https://github.com/vector-im/riot-web/pull/2846)
+
+Changes in [0.9.6](https://github.com/vector-im/riot-web/releases/tag/v0.9.6) (2017-01-16)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.6-rc.1...v0.9.6)
+
+ * Update to matrix-js-sdk 0.9.6 for video calling fix
+
+Changes in [0.9.6-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.6-rc.1) (2017-01-13)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.5...v0.9.6-rc.1)
+
+ * Build the js-sdk in the CI script
+   [\#2920](https://github.com/vector-im/riot-web/pull/2920)
+ * Hopefully fix Windows shortcuts
+   [\#2917](https://github.com/vector-im/riot-web/pull/2917)
+ * Update README now the js-sdk has a transpile step
+   [\#2921](https://github.com/vector-im/riot-web/pull/2921)
+ * Use the role for 'toggle dev tools'
+   [\#2915](https://github.com/vector-im/riot-web/pull/2915)
+ * Enable screen sharing easter-egg in desktop app
+   [\#2909](https://github.com/vector-im/riot-web/pull/2909)
+ * make electron send email validation URLs with a nextlink of riot.im
+   [\#2808](https://github.com/vector-im/riot-web/pull/2808)
+ * add Debian Stretch install steps to readme
+   [\#2809](https://github.com/vector-im/riot-web/pull/2809)
+ * Update desktop build instructions fixes #2792
+   [\#2793](https://github.com/vector-im/riot-web/pull/2793)
+ * CSS for the delete threepid button
+   [\#2784](https://github.com/vector-im/riot-web/pull/2784)
+
+Changes in [0.9.5](https://github.com/vector-im/riot-web/releases/tag/v0.9.5) (2016-12-24)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.4...v0.9.5)
+
+ * make electron send email validation URLs with a nextlink of riot.im rather than file:///
+ * add gnu-tar to debian electron build deps
+ * fix win32 shortcut in start menu
+
+Changes in [0.9.4](https://github.com/vector-im/riot-web/releases/tag/v0.9.4) (2016-12-22)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.3...v0.9.4)
+
+ * Update to libolm 2.1.0. This should help resolve a problem with browser
+   sessions being logged out ([\#2726](https://github.com/vector-im/riot-web/issues/2726)).
+
+Changes in [0.9.3](https://github.com/vector-im/riot-web/releases/tag/v0.9.3) (2016-12-22)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.2...v0.9.3)
+
+ * (from matrix-react-sdk) Fix regression where the date separator would be displayed
+   at the wrong time of day.
+ * README.md: fix GFMD for nativefier
+   [\#2755](https://github.com/vector-im/riot-web/pull/2755)
+
+Changes in [0.9.2](https://github.com/vector-im/riot-web/releases/tag/v0.9.2) (2016-12-16)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.1...v0.9.2)
+
+ * Remove the client side filtering from the room dir
+   [\#2750](https://github.com/vector-im/riot-web/pull/2750)
+ * Configure olm memory size
+   [\#2745](https://github.com/vector-im/riot-web/pull/2745)
+ * Support room dir 3rd party network filtering
+   [\#2747](https://github.com/vector-im/riot-web/pull/2747)
+
+Changes in [0.9.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.1) (2016-12-09)
+==========================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.1-rc.2...v0.9.1)
+
+ * Update README to say how to build the desktop app
+   [\#2732](https://github.com/vector-im/riot-web/pull/2732)
+ * Add signing ID in release_config.yaml
+   [\#2731](https://github.com/vector-im/riot-web/pull/2731)
+ * Makeover!
+   [\#2722](https://github.com/vector-im/riot-web/pull/2722)
+ * Fix broken tests
+   [\#2730](https://github.com/vector-im/riot-web/pull/2730)
+ * Make the 'loading' tests work in isolation
+   [\#2727](https://github.com/vector-im/riot-web/pull/2727)
+ * Use a PNG for the icon on non-Windows
+   [\#2708](https://github.com/vector-im/riot-web/pull/2708)
+ * Add missing brackets to call to toUpperCase
+   [\#2703](https://github.com/vector-im/riot-web/pull/2703)
+
+Changes in [0.9.1-rc.2](https://github.com/vector-im/riot-web/releases/tag/v0.9.1-rc.2) (2016-12-06)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.1-rc.1...v0.9.1-rc.2)
+
+ * Fix clicking on notifications
+   [\#2700](https://github.com/vector-im/riot-web/pull/2700)
+ * Desktop app: Only show window when ready
+   [\#2697](https://github.com/vector-im/riot-web/pull/2697)
+
+Changes in [0.9.1-rc.1](https://github.com/vector-im/riot-web/releases/tag/v0.9.1-rc.1) (2016-12-05)
+====================================================================================================
+[Full Changelog](https://github.com/vector-im/riot-web/compare/v0.9.0...v0.9.1-rc.1)
+
+ * Final bits to prepare electron distribtion:
+   [\#2653](https://github.com/vector-im/riot-web/pull/2653)
+ * Update name & repo to reflect renamed repository
+   [\#2692](https://github.com/vector-im/riot-web/pull/2692)
+ * Document cross_origin_renderer_url
+   [\#2680](https://github.com/vector-im/riot-web/pull/2680)
+ * Add css for the iframes for e2e attachments
+   [\#2659](https://github.com/vector-im/riot-web/pull/2659)
+ * Fix config location in some more places
+   [\#2670](https://github.com/vector-im/riot-web/pull/2670)
+ * CSS updates for s/block/blacklist for e2e
+   [\#2662](https://github.com/vector-im/riot-web/pull/2662)
+ * Update to electron 1.4.8
+   [\#2660](https://github.com/vector-im/riot-web/pull/2660)
+ * Add electron config
+   [\#2644](https://github.com/vector-im/riot-web/pull/2644)
+ * Move getDefaultDeviceName into the Platforms
+   [\#2643](https://github.com/vector-im/riot-web/pull/2643)
+ * Add Freenode & Mozilla domains
+   [\#2641](https://github.com/vector-im/riot-web/pull/2641)
+ * Include config.sample.json in dist tarball
+   [\#2614](https://github.com/vector-im/riot-web/pull/2614)
+
+Changes in [0.9.0](https://github.com/vector-im/vector-web/releases/tag/v0.9.0) (2016-11-19)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.4...v0.9.0)
+
+ * Add a cachebuster to /version
+   [\#2596](https://github.com/vector-im/vector-web/pull/2596)
+ * Add a 'View decrypted source' button
+   [\#2587](https://github.com/vector-im/vector-web/pull/2587)
+ * Fix changelog dialog to  read new version format
+   [\#2577](https://github.com/vector-im/vector-web/pull/2577)
+ * Build all of the vector dir in the build process
+   [\#2558](https://github.com/vector-im/vector-web/pull/2558)
+ * Support for get_app_version
+   [\#2553](https://github.com/vector-im/vector-web/pull/2553)
+ * Add CSS for mlist truncation
+   [\#2565](https://github.com/vector-im/vector-web/pull/2565)
+ * Add menu option for `external_url` if present
+   [\#2560](https://github.com/vector-im/vector-web/pull/2560)
+ * Make auto-update configureable
+   [\#2555](https://github.com/vector-im/vector-web/pull/2555)
+ * Missed files electron windows fixes
+   [\#2556](https://github.com/vector-im/vector-web/pull/2556)
+ * Add some CSS for  scalar error popup
+   [\#2554](https://github.com/vector-im/vector-web/pull/2554)
+ * Catch unhandled errors in the electron process
+   [\#2552](https://github.com/vector-im/vector-web/pull/2552)
+ * Slight grab-bag of fixes for electron on Windows
+   [\#2551](https://github.com/vector-im/vector-web/pull/2551)
+ * Electron app (take 3)
+   [\#2535](https://github.com/vector-im/vector-web/pull/2535)
+ * Use webpack-dev-server instead of http-server
+   [\#2542](https://github.com/vector-im/vector-web/pull/2542)
+ * Better support no-config when loading from file
+   [\#2541](https://github.com/vector-im/vector-web/pull/2541)
+ * Fix loading with no config from HTTP
+   [\#2540](https://github.com/vector-im/vector-web/pull/2540)
+ * Move 'new version' support into Platform
+   [\#2532](https://github.com/vector-im/vector-web/pull/2532)
+ * Add Notification support to the Web Platform
+   [\#2533](https://github.com/vector-im/vector-web/pull/2533)
+ * Use the defaults if given a blank config file
+   [\#2534](https://github.com/vector-im/vector-web/pull/2534)
+ * Implement Platforms
+   [\#2531](https://github.com/vector-im/vector-web/pull/2531)
+
+Changes in [0.8.4](https://github.com/vector-im/vector-web/releases/tag/v0.8.4) (2016-11-04)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.4-rc.2...v0.8.4)
+
+ * No changes
+
+Changes in [0.8.4-rc.2](https://github.com/vector-im/vector-web/releases/tag/v0.8.4-rc.2) (2016-11-02)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.4-rc.1...v0.8.4-rc.2)
+
+ * Fix the version in the generated distribution package
+
+Changes in [0.8.4-rc.1](https://github.com/vector-im/vector-web/releases/tag/v0.8.4-rc.1) (2016-11-02)
+======================================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.3...v0.8.4-rc.1)
+
+Breaking Changes
+----------------
+ * End-to-end encryption now requires one-time keys to be
+   signed, so end-to-end encryption will not interoperate
+   with previous releases of vector-web. End-to-end encryption
+   remains in beta.
+
+Other Changes
+-------------
+ * Rename the package script/output dir to 'dist'
+   [\#2528](https://github.com/vector-im/vector-web/pull/2528)
+ * Avoid errors if olm is missing
+   [\#2518](https://github.com/vector-im/vector-web/pull/2518)
+ * Put a cachebuster in the names of CSS and JS files
+   [\#2515](https://github.com/vector-im/vector-web/pull/2515)
+ * Bump to olm 2.0.0
+   [\#2517](https://github.com/vector-im/vector-web/pull/2517)
+ * Don't include the world in the published packages
+   [\#2516](https://github.com/vector-im/vector-web/pull/2516)
+ * Use webpack to copy olm.js
+   [\#2514](https://github.com/vector-im/vector-web/pull/2514)
+ * Don't include two copies of the CSS in the tarball
+   [\#2513](https://github.com/vector-im/vector-web/pull/2513)
+ * Correct text alignment on room directory search
+   [\#2512](https://github.com/vector-im/vector-web/pull/2512)
+ * Correct spelling of 'rel'
+   [\#2510](https://github.com/vector-im/vector-web/pull/2510)
+ * readme tweaks
+   [\#2507](https://github.com/vector-im/vector-web/pull/2507)
+ * s/vector/riot/ in the readme
+   [\#2491](https://github.com/vector-im/vector-web/pull/2491)
+ * Switch to babel 6, again
+   [\#2480](https://github.com/vector-im/vector-web/pull/2480)
+ * Revert "Switch to babel 6"
+   [\#2472](https://github.com/vector-im/vector-web/pull/2472)
+ * Switch to babel 6
+   [\#2461](https://github.com/vector-im/vector-web/pull/2461)
+
+Changes in [0.8.3](https://github.com/vector-im/vector-web/releases/tag/v0.8.3) (2016-10-12)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.2...v0.8.3)
+
+ * Centre images in dialog buttons
+   [\#2453](https://github.com/vector-im/vector-web/pull/2453)
+ * Only show quote option if RTE is enabled
+   [\#2448](https://github.com/vector-im/vector-web/pull/2448)
+ * Fix join button for 'matrix' networks
+   [\#2443](https://github.com/vector-im/vector-web/pull/2443)
+ * Don't stop paginating if no rooms match
+   [\#2422](https://github.com/vector-im/vector-web/pull/2422)
+
+Changes in [0.8.2](https://github.com/vector-im/vector-web/releases/tag/v0.8.2) (2016-10-05)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.1...v0.8.2)
+
+ * Add native joining of 3p networks to room dir
+   [\#2379](https://github.com/vector-im/vector-web/pull/2379)
+ * Update to linkify 2.1.3
+   [\#2406](https://github.com/vector-im/vector-web/pull/2406)
+ * Use 'Sign In' / 'Sign Out' universally
+   [\#2383](https://github.com/vector-im/vector-web/pull/2383)
+ * Prevent network dropdown resizing slightly
+   [\#2382](https://github.com/vector-im/vector-web/pull/2382)
+ * Room directory: indicate when there are no results
+   [\#2380](https://github.com/vector-im/vector-web/pull/2380)
+ * Room dir: New filtering & 3rd party networks
+   [\#2362](https://github.com/vector-im/vector-web/pull/2362)
+ * Update linkify version
+   [\#2359](https://github.com/vector-im/vector-web/pull/2359)
+ * Directory search join button
+   [\#2339](https://github.com/vector-im/vector-web/pull/2339)
+
+Changes in [0.8.1](https://github.com/vector-im/vector-web/releases/tag/v0.8.1) (2016-09-21)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.8.0...v0.8.1)
+
+
+Changes in [0.8.0](https://github.com/vector-im/vector-web/releases/tag/v0.8.0) (2016-09-21)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.5-r3...v0.8.0)
+
+ * Dbkr/rebrand
+   [\#2285](https://github.com/vector-im/vector-web/pull/2285)
+ * Listen for close_scalar and close the dialog box when received
+   [\#2282](https://github.com/vector-im/vector-web/pull/2282)
+ * Revert "improve lipstick and support scalar logout"
+   [\#2281](https://github.com/vector-im/vector-web/pull/2281)
+ * improve lipstick and support scalar logout
+   [\#2280](https://github.com/vector-im/vector-web/pull/2280)
+ * Fix changelog links
+   [\#2071](https://github.com/vector-im/vector-web/pull/2071)
+ * Paginate Room Directory
+   [\#2241](https://github.com/vector-im/vector-web/pull/2241)
+ * Make redeploy script symlink config
+   [\#2240](https://github.com/vector-im/vector-web/pull/2240)
+ * Update the version of olm to 1.3.0
+   [\#2210](https://github.com/vector-im/vector-web/pull/2210)
+ * Directory network selector
+   [\#2219](https://github.com/vector-im/vector-web/pull/2219)
+ * Wmwragg/two state sublist headers
+   [\#2235](https://github.com/vector-im/vector-web/pull/2235)
+ * Wmwragg/correct incoming call positioning
+   [\#2222](https://github.com/vector-im/vector-web/pull/2222)
+ * Wmwragg/remove old filter
+   [\#2211](https://github.com/vector-im/vector-web/pull/2211)
+ * Wmwragg/multi invite bugfix
+   [\#2198](https://github.com/vector-im/vector-web/pull/2198)
+ * Wmwragg/chat multi invite
+   [\#2181](https://github.com/vector-im/vector-web/pull/2181)
+ * shuffle bottomleftmenu around a bit
+   [\#2182](https://github.com/vector-im/vector-web/pull/2182)
+ * Improve autocomplete behaviour (styling)
+   [\#2175](https://github.com/vector-im/vector-web/pull/2175)
+ * First wave of E2E visuals
+   [\#2163](https://github.com/vector-im/vector-web/pull/2163)
+ * FilePanel and NotificationPanel support
+   [\#2113](https://github.com/vector-im/vector-web/pull/2113)
+ * Cursor: pointer on member info create room button
+   [\#2151](https://github.com/vector-im/vector-web/pull/2151)
+ * Support for adding DM rooms to the MemberInfo Panel
+   [\#2147](https://github.com/vector-im/vector-web/pull/2147)
+ * Wmwragg/one to one indicators
+   [\#2139](https://github.com/vector-im/vector-web/pull/2139)
+ * Added back the Directory listing button, with new tootlip
+   [\#2136](https://github.com/vector-im/vector-web/pull/2136)
+ * wmwragg/chat invite dialog fix
+   [\#2134](https://github.com/vector-im/vector-web/pull/2134)
+ * Wmwragg/one to one chat
+   [\#2110](https://github.com/vector-im/vector-web/pull/2110)
+ * Support toggling DM status of rooms
+   [\#2111](https://github.com/vector-im/vector-web/pull/2111)
+ * Formatting toolbar for RTE message composer.
+   [\#2082](https://github.com/vector-im/vector-web/pull/2082)
+ * jenkins.sh: install olm from jenkins artifacts
+   [\#2092](https://github.com/vector-im/vector-web/pull/2092)
+ * e2e device CSS
+   [\#2085](https://github.com/vector-im/vector-web/pull/2085)
+ * Bump to olm 1.1.0
+   [\#2069](https://github.com/vector-im/vector-web/pull/2069)
+ * Improve readability of the changelog dialog
+   [\#2056](https://github.com/vector-im/vector-web/pull/2056)
+ * Turn react consistency checks back on in develop builds
+   [\#2009](https://github.com/vector-im/vector-web/pull/2009)
+ * Wmwragg/direct chat sublist
+   [\#2028](https://github.com/vector-im/vector-web/pull/2028)
+
+Changes in [0.7.5-r3](https://github.com/vector-im/vector-web/releases/tag/v0.7.5-r3) (2016-09-02)
+==================================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.5-r2...v0.7.5-r3)
+
+ * Bump to matrix-react-sdk 0.6.5-r3 in order to fix bug #2020 (tightloop when flooded with join events)
+
+
+Changes in [0.7.5-r2](https://github.com/vector-im/vector-web/releases/tag/v0.7.5-r2) (2016-09-01)
+==================================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.5-r1...v0.7.5-r2)
+
+ * Bump to matrix-react-sdk 0.6.5-r1 in order to fix guest access
+
+Changes in [0.7.5-r1](https://github.com/vector-im/vector-web/releases/tag/v0.7.5-r1) (2016-08-28)
+==================================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.5...v0.7.5-r1)
+
+ * Correctly pin deps :(
+
+Changes in [0.7.5](https://github.com/vector-im/vector-web/releases/tag/v0.7.5) (2016-08-28)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.4-r1...v0.7.5)
+
+ * re-add leave button in RoomSettings
+ * add /user URLs
+ * recognise matrix.to links and other vector links
+ * fix linkify dependency
+ * fix avatar clicking in MemberInfo
+ * fix RoomTagContextMenu so it works on historical rooms
+ * warn people to put their Matrix HS on a separate domain to Vector
+ * fix zalgos again
+ * Add .travis.yml
+   [\#2007](https://github.com/vector-im/vector-web/pull/2007)
+ * add fancy changelog dialog
+   [\#1972](https://github.com/vector-im/vector-web/pull/1972)
+ * Update autocomplete design
+   [\#1978](https://github.com/vector-im/vector-web/pull/1978)
+ * Update encryption info in README
+   [\#2001](https://github.com/vector-im/vector-web/pull/2001)
+ * Added event/info message avatars back in
+   [\#2000](https://github.com/vector-im/vector-web/pull/2000)
+ * Wmwragg/chat message presentation
+   [\#1987](https://github.com/vector-im/vector-web/pull/1987)
+ * Make the notification slider work
+   [\#1982](https://github.com/vector-im/vector-web/pull/1982)
+ * Use cpx to copy olm.js, and add watcher
+   [\#1966](https://github.com/vector-im/vector-web/pull/1966)
+ * Make up a device display name
+   [\#1959](https://github.com/vector-im/vector-web/pull/1959)
+
+Changes in [0.7.4-r1](https://github.com/vector-im/vector-web/releases/tag/v0.7.4-r1) (2016-08-12)
+==================================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.4...v0.7.4-r1)
+ * Update to matrix-react-sdk 0.6.4-r1 to fix inviting multiple people
+
+
+Changes in [0.7.4](https://github.com/vector-im/vector-web/releases/tag/v0.7.4) (2016-08-11)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.3...v0.7.4)
+
+ * Don't show border on composer when not in RTE mode
+   [\#1954](https://github.com/vector-im/vector-web/pull/1954)
+ * Wmwragg/room tag menu
+   [\#1941](https://github.com/vector-im/vector-web/pull/1941)
+ * Don't redirect to mobile app if verifying 3pid
+   [\#1951](https://github.com/vector-im/vector-web/pull/1951)
+ * Make sure that we clear localstorage before *all* tests
+   [\#1950](https://github.com/vector-im/vector-web/pull/1950)
+ * Basic CSS for multi-invite dialog
+   [\#1942](https://github.com/vector-im/vector-web/pull/1942)
+ * More tests for the loading process:
+   [\#1947](https://github.com/vector-im/vector-web/pull/1947)
+ * Support for refactored login token handling
+   [\#1946](https://github.com/vector-im/vector-web/pull/1946)
+ * Various fixes and improvements to emojification.
+   [\#1935](https://github.com/vector-im/vector-web/pull/1935)
+ * More app-loading tests
+   [\#1938](https://github.com/vector-im/vector-web/pull/1938)
+ * Some tests of the application load process
+   [\#1936](https://github.com/vector-im/vector-web/pull/1936)
+ * Add 'enable labs' setting to sample config
+   [\#1930](https://github.com/vector-im/vector-web/pull/1930)
+ * Matthew/scalar
+   [\#1928](https://github.com/vector-im/vector-web/pull/1928)
+ * Fix unit tests
+   [\#1929](https://github.com/vector-im/vector-web/pull/1929)
+ * Wmwragg/mute mention state fix
+   [\#1926](https://github.com/vector-im/vector-web/pull/1926)
+ * CSS for deactivate account dialog
+   [\#1919](https://github.com/vector-im/vector-web/pull/1919)
+ * Wmwragg/mention state menu
+   [\#1900](https://github.com/vector-im/vector-web/pull/1900)
+ * Fix UnknownBody styling for #1901
+   [\#1913](https://github.com/vector-im/vector-web/pull/1913)
+ * Exclude olm from the webpack
+   [\#1914](https://github.com/vector-im/vector-web/pull/1914)
+ * Wmwragg/button updates
+   [\#1912](https://github.com/vector-im/vector-web/pull/1912)
+ * Wmwragg/button updates
+   [\#1828](https://github.com/vector-im/vector-web/pull/1828)
+ * CSS for device management UI
+   [\#1909](https://github.com/vector-im/vector-web/pull/1909)
+ * Fix a warning from RoomSubList
+   [\#1908](https://github.com/vector-im/vector-web/pull/1908)
+ * Fix notifications warning layout
+   [\#1907](https://github.com/vector-im/vector-web/pull/1907)
+ * Remove relayoutOnUpdate prop on gemini-scrollbar
+   [\#1883](https://github.com/vector-im/vector-web/pull/1883)
+ * Bump dependency versions
+   [\#1842](https://github.com/vector-im/vector-web/pull/1842)
+ * Wmwragg/mention state indicator round 2
+   [\#1835](https://github.com/vector-im/vector-web/pull/1835)
+ * Wmwragg/spinner fix
+   [\#1822](https://github.com/vector-im/vector-web/pull/1822)
+ * Wmwragg/mention state indicator
+   [\#1823](https://github.com/vector-im/vector-web/pull/1823)
+ * Revert "Presentation for inline link"
+   [\#1809](https://github.com/vector-im/vector-web/pull/1809)
+ * Wmwragg/modal restyle
+   [\#1806](https://github.com/vector-im/vector-web/pull/1806)
+ * Presentation for inline link
+   [\#1799](https://github.com/vector-im/vector-web/pull/1799)
+ * CSS for offline user colours
+   [\#1798](https://github.com/vector-im/vector-web/pull/1798)
+ * Wmwragg/typography updates
+   [\#1776](https://github.com/vector-im/vector-web/pull/1776)
+ * webpack: always use the olm from vector-web
+   [\#1766](https://github.com/vector-im/vector-web/pull/1766)
+ * feat: large emoji support
+   [\#1718](https://github.com/vector-im/vector-web/pull/1718)
+ * Autocomplete
+   [\#1717](https://github.com/vector-im/vector-web/pull/1717)
+ * #1664 Set a maximum height for codeblocks
+   [\#1670](https://github.com/vector-im/vector-web/pull/1670)
+ * CSS for device blocking
+   [\#1688](https://github.com/vector-im/vector-web/pull/1688)
+ * Fix joining rooms by typing the alias
+   [\#1685](https://github.com/vector-im/vector-web/pull/1685)
+ * Add ability to delete an alias from room directory
+   [\#1680](https://github.com/vector-im/vector-web/pull/1680)
+ * package.json: add olm as optionalDependency
+   [\#1678](https://github.com/vector-im/vector-web/pull/1678)
+ * Another go at enabling olm on vector.im/develop
+   [\#1675](https://github.com/vector-im/vector-web/pull/1675)
+ * CSS for unverify button
+   [\#1661](https://github.com/vector-im/vector-web/pull/1661)
+ * CSS fix for rooms with crypto enabled
+   [\#1660](https://github.com/vector-im/vector-web/pull/1660)
+ * Karma: fix warning by ignoring olm
+   [\#1652](https://github.com/vector-im/vector-web/pull/1652)
+ * Update for react-sdk dbkr/fix_peeking branch
+   [\#1639](https://github.com/vector-im/vector-web/pull/1639)
+ * Update README.md
+   [\#1641](https://github.com/vector-im/vector-web/pull/1641)
+ * Fix karma tests
+   [\#1643](https://github.com/vector-im/vector-web/pull/1643)
+ * Rich Text Editor
+   [\#1553](https://github.com/vector-im/vector-web/pull/1553)
+ * Fix RoomDirectory to join by alias whenever possible.
+   [\#1615](https://github.com/vector-im/vector-web/pull/1615)
+ * Make the config optional
+   [\#1612](https://github.com/vector-im/vector-web/pull/1612)
+ * CSS support for device verification
+   [\#1610](https://github.com/vector-im/vector-web/pull/1610)
+ * Don't use SdkConfig
+   [\#1609](https://github.com/vector-im/vector-web/pull/1609)
+ * serve config.json statically instead of bundling it
+   [\#1516](https://github.com/vector-im/vector-web/pull/1516)
+
+Changes in [0.7.3](https://github.com/vector-im/vector-web/releases/tag/v0.7.3) (2016-06-03)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.2...v0.7.3)
+
+* Update to react-sdk 0.6.3
+
+Changes in [0.7.2](https://github.com/vector-im/vector-web/releases/tag/v0.7.2) (2016-06-02)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.1...v0.7.2)
+
+ * Correctly bump the dep on new matrix-js-sdk and matrix-react-sdk
+
+Changes in [0.7.1](https://github.com/vector-im/vector-web/releases/tag/v0.7.1) (2016-06-02)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.7.0...v0.7.1)
+
+ * Fix accidentally committed local changes to the default config.json (doh!)
+
+Changes in [0.7.0](https://github.com/vector-im/vector-web/releases/tag/v0.7.0) (2016-06-02)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.6.1...v0.7.0)
+
+ * Update to matrix-react-sdk 0.6.0 - see
+   [changelog](https://github.com/matrix-org/matrix-react-sdk/blob/v0.6.0/CHANGELOG.md)
+ * Style selection color.
+   [\#1557](https://github.com/vector-im/vector-web/pull/1557)
+ * Fix NPE when loading the Settings page which infini-spinnered
+   [\#1518](https://github.com/vector-im/vector-web/pull/1518)
+ * Add option to enable email notifications
+   [\#1469](https://github.com/vector-im/vector-web/pull/1469)
+
+Changes in [0.6.1](https://github.com/vector-im/vector-web/releases/tag/v0.6.1) (2016-04-22)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.6.0...v0.6.1)
+
+ * Update to matrix-react-sdk 0.5.2 - see
+   [changelog](https://github.com/matrix-org/matrix-react-sdk/blob/v0.5.2/CHANGELOG.md)
+ * Don't relayout scrollpanels every time something changes
+   [\#1438](https://github.com/vector-im/vector-web/pull/1438)
+ * Include react-addons-perf for non-production builds
+   [\#1431](https://github.com/vector-im/vector-web/pull/1431)
+
+Changes in [0.6.0](https://github.com/vector-im/vector-web/releases/tag/v0.6.0) (2016-04-19)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.5.0...v0.6.0)
+
+ * Matthew/design tweaks
+   [\#1402](https://github.com/vector-im/vector-web/pull/1402)
+ * Improve handling of notification rules we can't parse
+   [\#1399](https://github.com/vector-im/vector-web/pull/1399)
+ * Do less mangling of jenkins builds
+   [\#1391](https://github.com/vector-im/vector-web/pull/1391)
+ * Start Notifications component refactor
+   [\#1386](https://github.com/vector-im/vector-web/pull/1386)
+ * make the UI fadable to help with decluttering
+   [\#1376](https://github.com/vector-im/vector-web/pull/1376)
+ * Get and display a user's pushers in settings
+   [\#1374](https://github.com/vector-im/vector-web/pull/1374)
+ * URL previewing support
+   [\#1343](https://github.com/vector-im/vector-web/pull/1343)
+ * 😄 Emoji autocomplete and unicode emoji to image conversion using emojione.
+   [\#1332](https://github.com/vector-im/vector-web/pull/1332)
+ * Show full-size avatar on MemberInfo avatar click
+   [\#1340](https://github.com/vector-im/vector-web/pull/1340)
+ * Numerous other changes via [matrix-react-sdk 0.5.1](https://github.com/matrix-org/matrix-react-sdk/blob/v0.5.1/CHANGELOG.md)
+
+Changes in [0.5.0](https://github.com/vector-im/vector-web/releases/tag/v0.5.0) (2016-03-30)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.4.1...v0.5.0)
+
+ * Prettier, animated placeholder :D
+   [\#1292](https://github.com/vector-im/vector-web/pull/1292)
+   (Disabled for now due to high CPU usage)
+ * RoomDirectory: use SimpleRoomHeader instead of RoomHeader
+   [\#1307](https://github.com/vector-im/vector-web/pull/1307)
+ * Tell webpack not to parse the highlight.js languages
+   [\#1277](https://github.com/vector-im/vector-web/pull/1277)
+ * CSS for https://github.com/matrix-org/matrix-react-sdk/pull/247
+   [\#1249](https://github.com/vector-im/vector-web/pull/1249)
+ * URI-decode the hash-fragment
+   [\#1254](https://github.com/vector-im/vector-web/pull/1254)
+
+Changes in [0.4.1](https://github.com/vector-im/vector-web/releases/tag/v0.4.1) (2016-03-23)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.4.0...v0.4.1)
+ * Update to matrix-react-sdk 0.3.1; see
+   https://github.com/matrix-org/matrix-react-sdk/blob/v0.3.1/CHANGELOG.md
+   (Disables debug logging)
+
+Changes in [0.4.0](https://github.com/vector-im/vector-web/releases/tag/v0.4.0) (2016-03-23)
+============================================================================================
+[Full Changelog](https://github.com/vector-im/vector-web/compare/v0.3.0...v0.4.0)
+
+ * Update to matrix-react-sdk 0.3.0; see
+   https://github.com/matrix-org/matrix-react-sdk/blob/master/CHANGELOG.md
+
+Other changes
+ * permalink button
+   [\#1232](https://github.com/vector-im/vector-web/pull/1232)
+ * make senderprofiles clickable
+   [\#1191](https://github.com/vector-im/vector-web/pull/1191)
+ * fix notif spam when logging in from a guest session by correctly logging out
+   first.
+   [\#1180](https://github.com/vector-im/vector-web/pull/1180)
+ * use new start_login_from_guest dispatch for cancellable logins from guest
+   accounts
+   [\#1165](https://github.com/vector-im/vector-web/pull/1165)
+ * Use then() chaining rather than manual callbacks
+   [\#1171](https://github.com/vector-im/vector-web/pull/1171)
+ * Remove trailing whitespace
+   [\#1163](https://github.com/vector-im/vector-web/pull/1163)
+ * Update the actions of default rules instead of overriding.
+   [\#1037](https://github.com/vector-im/vector-web/pull/1037)
+ * Update README to include `npm install` in react-sdk
+   [\#1137](https://github.com/vector-im/vector-web/pull/1137)
+
+Changes in vector v0.3.0 (2016-03-11)
+======================================
+ * Lots of new bug fixes and updates
+
+Changes in vector v0.2.0 (2016-02-24)
+======================================
+ * Refactor of matrix-react-sdk and vector to remove separation between views and
+   controllers
+ * Temporarily break the layering abstraction between vector and matrix-react-sdk
+   for expedience in developing vector.
+ * Vast numbers of new features, including read receipts, read-up-to markers,
+   updated look and feel, search, new room and user settings, and email invites.
+
+Changes in vector v0.1.2 (2015-10-28)
+======================================
+ * Support Room Avatars
+ * Fullscreen video calls
+ * Mute mic in VoIP calls
+ * Fix bug with multiple desktop notifications
+ * Context menu on messages
+ * Better hover-over on member list
+ * Support CAS auth
+ * Many other bug fixes
+
+Changes in vector v0.1.1 (2015-08-10)
+======================================
+
+ * Support logging in with an email address
+ * Use the Vector identity server
+ * Fix a bug where the client was not stopped properly on logout
+ * Fix bugs where field values would be forgotten if login or registration failed
+ * Improve URL bar navigation
+ * Add explanatory help text on advanced server options
+ * Fix a bug which caused execptions on malformed VoIP invitations
+ * Remove superfluous scrollbars on Firefox
+ * Numerous CSS fixes
+ * Improved accessibility
+ * Support command-click / middle click to open image in a new tab
+ * Improved room directory
+ * Fix display of text with many combining unicode points
+
+Changes in vector v0.1.0 (2015-08-10)
+======================================
+Initial release
diff --git a/docs/choosing-an-issue.md b/docs/choosing-an-issue.md
new file mode 100644
index 00000000000..24d7c671081
--- /dev/null
+++ b/docs/choosing-an-issue.md
@@ -0,0 +1,80 @@
+# Choosing an issue to work on
+
+So you want to contribute to Element Web? That is awesome!
+
+If you're not sure where to start, make sure you read
+[CONTRIBUTING.md](https://github.com/element-hq/element-web/blob/develop/CONTRIBUTING.md), and the
+[Development](../README.md#development) and
+[Setting up a dev environment](../README.md#setting-up-a-dev-environment)
+sections of the README.
+
+Maybe you've got something specific you'd like to work on? If so, make sure you
+create an issue and
+[discuss it with the developers](https://matrix.to/#/#element-dev:matrix.org)
+before you put a lot of time into it.
+
+If you're looking for inspiration on where to start, keep reading!
+
+## Finding a good first issue
+
+All the issues for Element Web live in the
+[element-web](https://github.com/element-hq/element-web) repository, including
+issues that actually need fixing in one of the related repos.
+
+The first place to look is for
+[issues tagged with "good first issue"](https://github.com/element-hq/element-web/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22).
+
+Look through that list and find something that catches your interest. If there
+is nothing, there, try gently asking in
+[#element-dev:matrix.org](https://matrix.to/#/#element-dev:matrix.org) for
+someone to add something.
+
+When you're looking through the list, here are some things that might make an
+issue a **GOOD** choice:
+
+- It is a problem or feature you care about.
+- It concerns a type of code you know a little about.
+- You think you can understand what's needed.
+- It already has approval from Element Web's designers (look for comments from
+  members of the
+  [Product](https://github.com/orgs/element-hq/teams/product/members) or
+  [Design](https://github.com/orgs/element-hq/teams/design/members) teams).
+
+Here are some things that might make it a **BAD** choice:
+
+- You don't understand it (maybe add a comment asking a clarifying question).
+- It sounds difficult, or is part of a larger change you don't know about.
+- **It is tagged with `X-Needs-Design` or `X-Needs-Product`.**
+
+**Element Web's Design and Product teams tend to be very busy**, so if you make
+changes that require approval from one of those teams, you will probably have
+to wait a very long time. The kind of change affected by this is changing the
+way the product works, or how it looks in a specific area.
+
+## Finding a good second issue
+
+Once you've fixed a few small things, you can consider taking on something a
+little larger. This should mostly be driven by what you find interesting, but
+you may also find the
+[Help Wanted](https://github.com/element-hq/element-web/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3A%22Help+Wanted%22)
+label useful.
+
+Note that the same comment applies as in the previous section: if you want to
+work in areas that require Design or Product approval, you should look to join
+existing work that is already designed, as getting approval for your random
+change will take a very long time.
+
+So you should **always avoid issues tagged with `X-Needs-Design` or
+`X-Needs-Product`**.
+
+## Asking questions
+
+Feel free to ask questions about the issues or how to choose them in the
+[#element-dev:matrix.org](https://matrix.to/#/#element-dev:matrix.org) Matrix
+room.
+
+## Thank you
+
+Thank you again for contributing to Element Web. We welcome your contributions
+and are grateful for your work. We find working on it great fun, and we hope
+you do too!
diff --git a/docs/ciderEditor.md b/docs/ciderEditor.md
new file mode 100644
index 00000000000..672991ef8e4
--- /dev/null
+++ b/docs/ciderEditor.md
@@ -0,0 +1,71 @@
+# The CIDER (Contenteditable-Input-Diff-Error-Reconcile) editor
+
+The CIDER editor is a custom editor written for Element.
+Most of the code can be found in the `/editor/` directory.
+It is used to power the composer main composer (both to send and edit messages), and might be used for other usecases where autocomplete is desired (invite box, ...).
+
+## High-level overview.
+
+The editor is backed by a model that contains parts.
+A part has some text and a type (plain text, pill, ...). When typing in the editor,
+the model validates the input and updates the parts.
+The parts are then reconciled with the DOM.
+
+## Inner workings
+
+When typing in the `contenteditable` element, the `input` event fires and
+the DOM of the editor is turned into a string. The way this is done has
+some logic to it to deal with adding newlines for block elements, to make sure
+the caret offset is calculated in the same way as the content string, and to ignore
+caret nodes (more on that later).
+For these reasons it doesn't use `innerText`, `textContent` or anything similar.
+The model addresses any content in the editor within as an offset within this string.
+The caret position is thus also converted from a position in the DOM tree
+to an offset in the content string. This happens in `getCaretOffsetAndText` in `dom.ts`.
+
+Once the content string and caret offset is calculated, it is passed to the `update()`
+method of the model. The model first calculates the same content string of its current parts,
+basically just concatenating their text. It then looks for differences between
+the current and the new content string. The diffing algorithm is very basic,
+and assumes there is only one change around the caret offset,
+so this should be very inexpensive. See `diff.ts` for details.
+
+The result of the diffing is the strings that were added and/or removed from
+the current content. These differences are then applied to the parts,
+where parts can apply validation logic to these changes.
+
+For example, if you type an @ in some plain text, the plain text part rejects
+that character, and this character is then presented to the part creator,
+which will turn it into a pill candidate part.
+Pill candidate parts are what opens the auto completion, and upon picking a completion,
+replace themselves with an actual pill which can't be edited anymore.
+
+The diffing is needed to preserve state in the parts apart from their text
+(which is the only thing the model receives from the DOM), e.g. to build
+the model incrementally. Any text that didn't change is assumed
+to leave the parts it intersects alone.
+
+The benefit of this is that we can use the `input` event, which is broadly supported,
+to find changes in the editor. We don't have to rely on keyboard events,
+which relate poorly to text input or changes, and don't need the `beforeinput` event,
+which isn't broadly supported yet.
+
+Once the parts of the model are updated, the DOM of the editor is then reconciled
+with the new model state, see `renderModel` in `render.ts` for this.
+If the model didn't reject the input and didn't make any additional changes,
+this won't make any changes to the DOM at all, and should thus be fairly efficient.
+
+For the browser to allow the user to place the caret between two pills,
+or between a pill and the start and end of the line, we need some extra DOM nodes.
+These DOM nodes are called caret nodes, and contain an invisble character, so
+the caret can be placed into them. The model is unaware of caret nodes, and they
+are only added to the DOM during the render phase. Likewise, when calculating
+the content string, caret nodes need to be ignored, as they would confuse the model.
+
+As part of the reconciliation, the caret position is also adjusted to any changes
+the model made to the input. The caret is passed around in two formats.
+The model receives the caret _offset_ within the content string (which includes
+an atNodeEnd flag to make it unambiguous if it is at a part and or the next part start).
+The model converts this to a caret _position_ internally, which has a partIndex
+and an offset within the part text, which is more natural to work with.
+From there on, the caret _position_ is used, also during reconciliation.
diff --git a/docs/conferencing.md b/docs/conferencing.md
deleted file mode 100644
index 874ce4cfd08..00000000000
--- a/docs/conferencing.md
+++ /dev/null
@@ -1,52 +0,0 @@
-# VoIP Conferencing
-
-This is a draft proposal for a naive voice/video conferencing implementation for
-Matrix clients.  There are many possible conferencing architectures possible for
-Matrix (Multipoint Conferencing Unit (MCU); Stream Forwarding Unit (SFU); Peer-
-to-Peer mesh (P2P), etc; events shared in the group room; events shared 1:1;
-possibly even out-of-band signalling).
-
-This is a starting point for a naive MCU implementation which could provide one
-possible Matrix-wide solution in  future, which retains backwards compatibility
-with standard 1:1 calling.
-
- * A client chooses to initiate a conference for a given room by starting a
-   voice or video call with a 'conference focus' user.  This is a virtual user
-   (typically Application Service) which implements a conferencing bridge.  It
-   isn't defined how the client discovers or selects this user.
-
- * The conference focus user MUST join the room in which the client has
-   initiated the conference - this may require the client to invite the
-   conference focus user to the room, depending on the room's `join_rules`. The
-   conference focus user needs to be in the room to let the bridge eject users
-   from the conference who have left the room in which it was initiated, and aid
-   discovery of the conference by other users in the room.  The bridge
-   identifies the room to join based on the user ID by which it was invited.
-   The format of this identifier is implementation dependent for now.
-
- * If a client leaves the group chat room, they MUST be ejected from the
-   conference. If a client leaves the 1:1 room with the conference focus user,
-   they SHOULD be ejected from the conference.
-
- * For now, rooms can contain multiple conference focus users - it's left to
-   user or client implementation to select which to converge on.  In future this
-   could be mediated using a state event (e.g. `im.vector.call.mcu`), but we
-   can't do that right now as by default normal users can't set arbitrary state
-   events on a room.
-
- * To participate in the conference, other clients initiates a standard 1:1
-   voice or video call to the conference focus user.
-
- * For best UX, clients SHOULD show the ongoing voice/video call in the UI
-   context of the group room rather than 1:1 with the focus user.  If a client
-   recognises a conference user present in the room, it MAY chose to highlight
-   this in the UI (e.g. with a "conference ongoing" notification, to aid
-   discovery).  Clients MAY hide the 1:1 room with the focus user (although in
-   future this room could be used for floor control or other direct
-   communication with the conference focus)
-
- * When all users have left the conference, the 'conference focus' user SHOULD
-   leave the room.
-
- * If a conference focus user joins a room but does not receive a 1:1 voice or
-   video call, it SHOULD time out after a period of time and leave the room.
diff --git a/docs/config.md b/docs/config.md
index a9d05d8618f..87a8ad91219 100644
--- a/docs/config.md
+++ b/docs/config.md
@@ -1,119 +1,527 @@
-Configuration
-=============
-
-You can configure the app by copying `config.sample.json` to
-`config.json` and customising it:
-
-For a good example, see https://develop.element.io/config.json.
-
-1. `default_server_config` sets the default homeserver and identity server URL for
-   Element to use. The object is the same as returned by [https://<server_name>/.well-known/matrix/client](https://matrix.org/docs/spec/client_server/latest.html#get-well-known-matrix-client),
-   with added support for a `server_name` under the `m.homeserver` section to display
-   a custom homeserver name. Alternatively, the config can contain a `default_server_name`
-   instead which is where Element will go to get that same object, although this option is
-   deprecated - see the `.well-known` link above for more information on using this option.
-   Note that the `default_server_name` is used to get a complete server configuration
-   whereas the `server_name` in the `default_server_config` is for display purposes only.
-   * *Note*: The URLs can also be individually specified as `default_hs_url` and
-     `default_is_url`, however these are deprecated. They are maintained for backwards
-     compatibility with older configurations. `default_is_url` is respected only
-     if `default_hs_url` is used.
-   * Element will fail to load if a mix of `default_server_config`, `default_server_name`, or
-     `default_hs_url` is specified. When multiple sources are specified, it is unclear
-     which should take priority and therefore the application cannot continue.
-   * As of Element 1.4.0, identity servers are optional. See [Identity servers](#identity-servers) below.
-1. `features`: Lookup of optional features that may be force-enabled (`true`) or force-disabled (`false`).
-   When features are not listed here, their defaults will be used, and users can turn them on/off if `showLabsSettings`
-   allows them to. The available optional experimental features vary from release to release and are 
-   [documented](labs.md). The feature flag process is [documented](feature-flags.md) as well.
-1. `showLabsSettings`: Shows the "labs" tab of user settings. Useful to allow users to turn on experimental features
-   they might not otherwise have access to.
-1. `brand`: String to pass to your homeserver when configuring email notifications, to let the
-   homeserver know what email template to use when talking to you.
-1. `branding`: Configures various branding and logo details, such as:
-    1. `welcomeBackgroundUrl`: An image to use as a wallpaper outside the app
-       during authentication flows. If an array is passed, an image is chosen randomly for each visit.
-    1. `authHeaderLogoUrl`: An logo image that is shown in the header during
-       authentication flows
-    1. `authFooterLinks`: a list of links to show in the authentication page footer:
-      `[{"text": "Link text", "url": "https://link.target"}, {"text": "Other link", ...}]`
-1. `reportEvent`: Configures the dialog for reporting content to the homeserver
-   admin.
-    1. `adminMessageMD`: An extra message to show on the reporting dialog to
-       mention homeserver-specific policies. Accepts Markdown.
-1. `integrations_ui_url`: URL to the web interface for the integrations server. The integrations
-   server is not Element and normally not your homeserver either. The integration server settings
-   may be left blank to disable integrations.
-1. `integrations_rest_url`: URL to the REST interface for the integrations server.
-1. `integrations_widgets_urls`: list of URLs to the REST interface for the widget integrations server.
-1. `bug_report_endpoint_url`: endpoint to send bug reports to (must be running a
-   https://github.com/matrix-org/rageshake server). Bug reports are sent when a user clicks
-   "Send Logs" within the application. Bug reports can be disabled by leaving the
-   `bug_report_endpoint_url` out of your config file.
-1. `roomDirectory`: config for the public room directory. This section is optional.
-1. `roomDirectory.servers`: List of other homeservers' directories to include in the drop
-   down list. Optional.
-1. `default_theme`: name of theme to use by default (e.g. 'light')
-1. `update_base_url` (electron app only): HTTPS URL to a web server to download
-   updates from. This should be the path to the directory containing `macos`
-   and `win32` (for update packages, not installer packages).
-1. `piwik`: Analytics can be disabled by setting `piwik: false` or by leaving the piwik config
-   option out of your config file. If you want to enable analytics, set `piwik` to be an object
-   containing the following properties:
-    1. `url`: The URL of the Piwik instance to use for collecting analytics
-    1. `whitelistedHSUrls`: a list of HS URLs to not redact from the analytics
-    1. `whitelistedISUrls`: a list of IS URLs to not redact from the analytics
-    1. `siteId`: The Piwik Site ID to use when sending analytics to the Piwik server configured above
-1. `welcomeUserId`: the user ID of a bot to invite whenever users register that can give them a tour
-1. `embeddedPages`: Configures the pages displayed in portions of Element that
-   embed static files, such as:
-    1. `welcomeUrl`: Initial content shown on the outside of the app when not
-       logged in. Defaults to `welcome.html` supplied with Element.
-    1. `homeUrl`: Content shown on the inside of the app when a specific room is
-       not selected. By default, no home page is configured. If one is set, a
-       button to access it will be shown in the top left menu.
-1. `defaultCountryCode`: The ISO 3166 alpha2 country code to use when showing
-   country selectors, like the phone number input on the registration page.
-   Defaults to `GB` if the given code is unknown or not provided.
-1. `settingDefaults`:  Defaults for settings that support the `config` level,
-   as an object mapping setting name to value (note that the "theme" setting
-   is special cased to the `default_theme` in the config file).
-1. `disable_custom_urls`: disallow the user to change the
-   default homeserver when signing up or logging in.
-1. `permalinkPrefix`: Used to change the URL that Element generates permalinks with.
-   By default, this is "https://matrix.to" to generate matrix.to (spec) permalinks.
-   Set this to your Riot instance URL if you run an unfederated server (eg:
-   "https://riot.example.org").
-1. `jitsi`: Used to change the default conference options. Learn more about the
-   Jitsi options at [jitsi.md](./jitsi.md).
-    1. `preferredDomain`: The domain name of the preferred Jitsi instance. Defaults
-       to `jitsi.riot.im`. This is used whenever a user clicks on the voice/video
-       call buttons - integration managers may use a different domain.
-1. `enable_presence_by_hs_url`: The property key should be the URL of the homeserver
-    and its value defines whether to enable/disable the presence status display
-    from that homeserver. If no options are configured, presence is shown for all
-    homeservers.
-1. `disable_guests`: Disables guest access tokens and auto-guest registrations.
-    Defaults to false (guests are allowed).
-1. `disable_login_language_selector`: Disables the login language selector. Defaults
-    to false (language selector is shown).
-1. `disable_3pid_login`: Disables 3rd party identity options on login and registration form
-    Defaults to false (3rd party identity options are shown).
-1. `default_federate`: Default option for room federation when creating a room
-    Defaults to true (room federation enabled).
-
-Note that `index.html` also has an og:image meta tag that is set to an image
-hosted on riot.im. This is the image used if links to your copy of Element
-appear in some websites like Facebook, and indeed Element itself. This has to be
-static in the HTML and an absolute URL (and HTTP rather than HTTPS), so it's
-not possible for this to be an option in config.json. If you'd like to change
-it, you can build Element, but run
-`RIOT_OG_IMAGE_URL="http://example.com/logo.png" yarn build`.
-Alternatively, you can edit the `og:image` meta tag in `index.html` directly
-each time you download a new version of Element.
-
-Identity servers
-================
+# Configuration
+
+### 🦖 Deprecation notice
+
+Configuration keys were previously a mix of camelCase and snake_case.
+We standardised to snake_case but added compatibility for camelCase to all settings.
+This backwards compatibility will be getting removed in a future release so please ensure you are using snake_case.
+
+---
+
+You can configure the app by copying `config.sample.json` to `config.json` or `config.$domain.json` and customising it.
+Element will attempt to load first `config.$domain.json` and if it fails `config.json`. This mechanism allows different
+configuration options depending on if you're hitting e.g. `app1.example.com` or `app2.example.com`. Configs are not mixed
+in any way, it either entirely uses the domain config, or entirely uses `config.json`.
+
+The possible configuration options are described here. If you run into issues, please visit
+[#element-web:matrix.org](https://matrix.to/#/#element-web:matrix.org) on Matrix.
+
+For a good example of a production-tuned config, see https://app.element.io/config.json
+
+For an example of a development/beta-tuned config, see https://develop.element.io/config.json
+
+After changing the config, the app will need to be reloaded. For web browsers this is a simple page refresh, however
+for the desktop app the application will need to be exited fully (including via the task tray) and re-started.
+
+## Homeserver configuration
+
+In order for Element to even start you will need to tell it what homeserver to connect to _by default_. Users will be
+able to use a different homeserver if they like, though this can be disabled with `"disable_custom_urls": true` in your
+config.
+
+One of the following options **must** be supplied:
+
+1. `default_server_config`: The preferred method of setting the homeserver connection information. Simply copy/paste
+   your [`/.well-known/matrix/client`](https://spec.matrix.org/latest/client-server-api/#getwell-knownmatrixclient)
+   into this field. For example:
+    ```json
+    {
+        "default_server_config": {
+            "m.homeserver": {
+                "base_url": "https://matrix-client.matrix.org"
+            },
+            "m.identity_server": {
+                "base_url": "https://vector.im"
+            }
+        }
+    }
+    ```
+2. `default_server_name`: A different method of connecting to the homeserver by looking up the connection information
+   using `.well-known`. When using this option, simply use your server's domain name (the part at the end of user IDs):
+   `"default_server_name": "matrix.org"`
+3. <del>`default_hs_url` and (optionally) `default_is_url`</del>: A very deprecated method of defining the connection
+   information. These are the same values seen as `base_url` in the `default_server_config` example, with `default_is_url`
+   being optional.
+
+If both `default_server_config` and `default_server_name` are used, Element will try to look up the connection
+information using `.well-known`, and if that fails, take `default_server_config` as the homeserver connection
+information.
+
+1. `enable_client_well_known_lookups`: Controls whether Element makes runtime requests to the logged-in user's
+   [`<server_name>/.well-known/matrix/...`](https://spec.matrix.org/latest/client-server-api/#getwell-knownmatrixclient)
+   endpoints (for example, polling for client configuration after login). Set it to `false` to stop Element making these
+   requests, so it only contacts the homeserver base URL; the `well_known` object returned inline in the `/login` response
+   is unaffected. Defaults to `true`.
+   This option covers those runtime requests only; login-time `.well-known` autodiscovery is separate. Setting
+   `default_server_config` with `disable_custom_urls: true` fixes the homeserver and removes the server picker, covering
+   the startup lookup and server selection. It also doesn't cover the legacy password login form (not shown for delegated authentication/OIDC) which performs its own `.well-known` lookup when a full Matrix ID is entered.
+
+## Labs flags
+
+Labs flags are optional, typically beta or in-development, features that can be turned on or off. The full range of
+labs flags and their development status are documented [here](./labs.md). If interested, the feature flag process is
+documented [here](./feature-flags.md).
+
+To force a labs flag on or off, use the following:
+
+```json
+{
+    "features": {
+        "feature_you_want_to_turn_on": true,
+        "feature_you_want_to_keep_off": false
+    }
+}
+```
+
+If you'd like the user to be able to self-select which labs flags they can turn on, add `"show_labs_settings": true` to
+your config. This will turn on the tab in user settings.
+
+**Note**: Feature support varies release-by-release. Check the [labs flag documentation](./labs.md) frequently if enabling
+the functionality.
+
+## Default settings
+
+Some settings additionally support being specified at the config level to affect the user experience of your Element Web
+instance. As of writing those settings are not fully documented, however a few are:
+
+1. `default_federate`: When `true` (default), rooms will be marked as "federatable" during creation. Typically this setting
+   shouldn't be used as the federation capabilities of a room **cannot** be changed after the room is created.
+2. `default_country_code`: An optional ISO 3166 alpha2 country code (eg: `GB`, the default) to use when showing phone number
+   inputs.
+3. `room_directory`: Optionally defines how the room directory component behaves. Currently only a single property, `servers`
+   is supported to add additional servers to the dropdown. For example:
+    ```json
+    {
+        "room_directory": {
+            "servers": ["matrix.org", "example.org"]
+        }
+    }
+    ```
+4. `setting_defaults`: Optional configuration for settings which are not described by this document and support the `config`
+   level. This list is incomplete. For example:
+    ```json
+    {
+        "setting_defaults": {
+            "MessageComposerInput.showStickersButton": false,
+            "MessageComposerInput.showPollsButton": false
+        }
+    }
+    ```
+    These values will take priority over the hardcoded defaults for the settings. For a list of available settings, see
+    [Settings.tsx](https://github.com/element-hq/element-web/blob/develop/src/settings/Settings.tsx).
+
+## Customisation & branding
+
+<!-- Author's note: https://english.stackexchange.com/questions/570116/alternative-ways-of-saying-white-labeled -->
+
+Element supports some customisation of the user experience through various branding and theme options. While it doesn't support
+complete re-branding/private labeling, a more personalised experience can be achieved for your users.
+
+1. `default_theme`: Typically either `light` (the default) or `dark`, this is the optional name of the colour theme to use.
+   If using custom themes, this can be a theme name from that as well.
+2. `default_device_display_name`: Optional public name for devices created by login and registration, instead of the default
+   templated string. Note that this option does not support templating, currently.
+3. `brand`: Optional name for the app. Defaults to `Element`. This is used throughout the application in various strings/locations.
+4. `permalink_prefix`: An optional URL pointing to an Element Web deployment. For example, `https://app.element.io`. This will
+   change all permalinks (via the "Share" menus) to point at the Element Web deployment rather than `matrix.to`.
+5. `desktop_builds`: Optional. Where the desktop builds for the application are, if available. This is explained in more detail
+   down below.
+6. `mobile_builds`: Optional. Like `desktop_builds`, except for the mobile apps. Also described in more detail down below.
+7. `mobile_guide_toast`: When `true` (default), users accessing the Element Web instance from a mobile device will be prompted to
+   download the app instead.
+8. `mobile_guide_app_variant`: Optional. The mobile app that the user is prompted to download from the `/mobile_guide` page. When omitted
+   the mobile guide will be configured for the new Element X apps. Allowed values are as follows:
+    1. `element`: Element X Android/iOS.
+    2. `element-classic`: Element Classic Android/iOS.
+    3. `element-pro`: Element Pro Android/iOS.
+9. `update_base_url`: For the desktop app only, the URL where to acquire update packages. If specified, must be a path to a directory
+   containing `macos` and `win32` directories, with the update packages within. Defaults to `https://packages.element.io/desktop/update/`
+   in production.
+10. `map_style_url`: Map tile server style URL for location sharing. e.g. `https://api.maptiler.com/maps/streets/style.json?key=YOUR_KEY_GOES_HERE`
+    This setting is ignored if your homeserver provides `/.well-known/matrix/client` in its well-known location, and the JSON file
+    at that location has a key `m.tile_server` (or the unstable version `org.matrix.msc3488.tile_server`). In this case, the
+    configuration found in the well-known location is used instead.
+11. `welcome_user_id`: **DEPRECATED** An optional user ID to start a DM with after creating an account. Defaults to nothing (no DM created).
+12. `custom_translations_url`: An optional URL to allow overriding of translatable strings. The JSON file must be in a format of
+    `{"affected|translation|key": {"languageCode": "new string"}}`. See https://github.com/matrix-org/matrix-react-sdk/pull/7886 for details.
+13. `branding`: Options for configuring various assets used within the app. Described in more detail down below.
+14. `embedded_pages`: Further optional URLs for various assets used within the app. Described in more detail down below.
+15. `disable_3pid_login`: When `false` (default), **enables** the options to log in with email address or phone number. Set to
+    `true` to hide these options.
+16. `disable_login_language_selector`: When `false` (default), **enables** the language selector on the login pages. Set to `true`
+    to hide this dropdown.
+17. `disable_guests`: When `false` (default), **enable** guest-related functionality (peeking/previewing rooms, etc) for unregistered
+    users. Set to `true` to disable this functionality.
+18. `user_notice`: Optional notice to show to the user, e.g. for sunsetting a deployment and pushing users to move in their own time.
+    Takes a configuration object as below:
+    1. `title`: Required. Title to show at the top of the notice.
+    2. `description`: Required. The description to use for the notice.
+    3. `show_once`: Optional. If true then the notice will only be shown once per device.
+19. `help_url`: The URL to point users to for help with the app, defaults to `https://element.io/help`.
+20. `help_encryption_url`: The URL to point users to for help with encryption, defaults to `https://element.io/help#encryption`.
+21. `help_key_storage_url`: The URL to point users to for help with key storage, defaults to `https://element.io/help#encryption5`.
+22. `force_verification`: If true, users must verify new logins (eg. with another device / their recovery key)
+
+### `desktop_builds` and `mobile_builds`
+
+These two options describe the various availability for the application. When the app needs to promote an alternative download,
+such as trying to get the user to use an Android app or the desktop app for encrypted search, the config options will be looked
+at to see if the link should be to somewhere else.
+
+Starting with `desktop_builds`, the following sub-properties are available:
+
+1. `available`: Required. When `true`, the desktop app can be downloaded from somewhere.
+2. `logo`: Required. A URL to a logo (SVG), intended to be shown at 24x24 pixels.
+3. `url`: Required. The download URL for the app. This is used as a hyperlink.
+4. `url_macos`: Optional. Direct link to download macOS desktop app.
+5. `url_win64`: Optional. Direct link to download Windows x86 64-bit desktop app.
+6. `url_win64arm`: Optional. Direct link to download Windows ARM 64-bit desktop app.
+7. `url_linux`: Optional. Direct link to download Linux desktop app.
+
+When `desktop_builds` is not specified at all, the app will assume desktop downloads are available from https://element.io
+
+For `mobile_builds`, the following subproperties are available:
+
+1. `ios`: The URL for where to download the iOS app, such as an App Store link. When explicitly `null`, the app will assume the
+   iOS app cannot be downloaded. When not provided, the default Element app will be assumed available.
+2. `android`: The same as `ios`, except for Android instead.
+3. `fdroid`: The same as `android`, except for FDroid instead.
+
+Together, these two options might look like the following in your config:
+
+```json
+{
+    "desktop_builds": {
+        "available": true,
+        "logo": "https://example.org/assets/logo-small.svg",
+        "url": "https://example.org/not_element/download"
+    },
+    "mobile_builds": {
+        "ios": null,
+        "android": "https://example.org/not_element/android",
+        "fdroid": "https://example.org/not_element/fdroid"
+    }
+}
+```
+
+### `branding` and `embedded_pages`
+
+These two options point at various URLs for changing different internal pages (like the welcome page) and logos within the
+application.
+
+Starting with `branding`, the following subproperties are available:
+
+1. `welcome_background_url`: When a string, the URL for the full-page image background of the login, registration, and welcome
+   pages. This property can additionally be an array to have the app choose an image at random from the selections.
+2. `logo_link_url`: When rendering the a brand Logo, if it is linkified, this is the link it should direct to. Defaults to `https://element.io`.
+3. `auth_header_logo_url`: A URL to the logo used on the login, registration, etc pages.
+4. `auth_footer_links`: A list of links to add to the footer during login, registration, etc. Each entry must have a `text` and
+   `url` property.
+
+`embedded_pages` can be configured as such:
+
+1. `welcome_url`: A URL to an HTML page to show as a welcome page (landing on `#/welcome`).
+   When not specified, a default internal component will be used instead.
+2. `home_url`: A URL to an HTML page to show within the app as the "home" page. When the app doesn't have a room/screen to
+   show the user, it will use the home page instead. The home page is additionally accessible from the user menu. By default,
+   no home page is set and therefore a hardcoded landing screen is used. More documentation and examples are [here](./custom-home.md).
+3. `login_for_welcome`: When `true` (default `false`), the app will use the login form as a welcome page instead of the welcome
+   page itself. This disables use of `welcome_url` and all welcome page functionality.
+
+Together, the options might look like this in your config:
+
+```json
+{
+    "branding": {
+        "welcome_background_url": "https://example.org/assets/background.jpg",
+        "auth_header_logo_url": "https://example.org/assets/logo.svg",
+        "auth_footer_links": [
+            { "text": "FAQ", "url": "https://example.org/faq" },
+            { "text": "Donate", "url": "https://example.org/donate" }
+        ]
+    },
+    "embedded_pages": {
+        "welcome_url": "https://example.org/assets/welcome.html",
+        "home_url": "https://example.org/assets/home.html"
+    }
+}
+```
+
+Note that `index.html` also has an og:image meta tag that is set to an image hosted on element.io. This is the image used if
+links to your copy of Element appear in some websites like Facebook, and indeed Element itself. This has to be static in the HTML
+and an absolute URL (and HTTP rather than HTTPS), so it's not possible for this to be an option in config.json. If you'd like to
+change it, you can build Element, but run `RIOT_OG_IMAGE_URL="http://example.com/logo.png" pnpm build`. Alternatively, you can edit
+the `og:image` meta tag in `index.html` directly each time you download a new version of Element.
+
+## SSO setup
+
+When Element is deployed alongside a homeserver with SSO-only login, some options to ease the user experience might want to be set:
+
+1. `logout_redirect_url`: Optional URL to redirect the user to after they have logged out. Some SSO systems support a page that the
+   user can be sent to in order to log them out of that system too, making logout symmetric between Element and the SSO system.
+2. `sso_redirect_options`: Options to define how to handle unauthenticated users. If the object contains `"immediate": true`, then
+   all unauthenticated users will be automatically redirected to the SSO/OIDC system to start their login. If instead you'd only like to
+   have users which land on the welcome page to be redirected, use `"on_welcome_page": true`. Additionally, there is an option to
+   redirect anyone landing on the login page, by using `"on_login_page": true`. As an example:
+    ```json
+    {
+        "sso_redirect_options": {
+            "immediate": false,
+            "on_welcome_page": true,
+            "on_login_page": true
+        }
+    }
+    ```
+    It is most common to use the `immediate` flag instead of `on_welcome_page`.
+
+## Native OIDC
+
+Static OIDC Client IDs are preferred and can be specified under `oidc_static_clients` as a mapping from `issuer` to configuration object containing `client_id`.
+Issuer must have a trailing forward slash. As an example:
+
+```json
+{
+    "oidc_static_clients": {
+        "https://auth.example.com/": {
+            "client_id": "example-client-id"
+        }
+    }
+}
+```
+
+If a matching static client is not found, the app will attempt to dynamically register a client using metadata specified under `oidc_metadata`.
+The app has sane defaults for the metadata properties below but on stricter policy identity providers they may not pass muster, e.g. `contacts` may be required.
+The following subproperties are available:
+
+1. `client_uri`: This is the base URI for the OIDC client registration, typically `logo_uri`, `tos_uri`, and `policy_uri` must be either on the same domain or a subdomain of this URI.
+2. `logo_uri`: Optional URI for the client logo.
+3. `tos_uri`: Optional URI for the client's terms of service.
+4. `policy_uri`: Optional URI for the client's privacy policy.
+
+As an example:
+
+```json
+{
+    "oidc_metadata": {
+        "client_uri": "https://example.com",
+        "logo_uri": "https://example.com/logo.png",
+        "tos_uri": "https://example.com/tos",
+        "policy_uri": "https://example.com/policy"
+    }
+}
+```
+
+## VoIP / Jitsi calls
+
+Currently, Element uses Jitsi to offer conference calls in rooms, with an experimental Element Call implementation in the works.
+A set of defaults are applied, pointing at our Jitsi and Element Call instances, to ensure conference calling works, however you
+can point Element at your own if you prefer.
+
+More information about the Jitsi setup can be found [here](./jitsi.md).
+
+The VoIP and Jitsi options are:
+
+1. `jitsi`: Optional configuration for how to start Jitsi conferences. Currently can only contain a single `preferred_domain`
+   value which points at the domain of the Jitsi instance. Defaults to `meet.element.io`. This is _not_ used if the Jitsi widget
+   was created by an integration manager, or if the homeserver provides Jitsi information in `/.well-known/matrix/client`. For
+   example:
+    ```json
+    {
+        "jitsi": {
+            "preferred_domain": "meet.jit.si"
+        }
+    }
+    ```
+2. `jitsi_widget`: Optional configuration for the built-in Jitsi widget. Currently can only contain a single `skip_built_in_welcome_screen`
+   value, denoting whether the "Join Conference" button should be shown. When `true` (default `false`), Jitsi calls will skip to
+   the call instead of having a screen with a single button on it. This is most useful if the Jitsi instance being used already
+   has a landing page for users to test audio and video before joining the call, otherwise users will automatically join the call.
+   For example:
+    ```json
+    {
+        "jitsi_widget": {
+            "skip_built_in_welcome_screen": true
+        }
+    }
+    ```
+3. `voip`: Optional configuration for various VoIP features. Currently can only contain a single `obey_asserted_identity` value to
+   send MSC3086-style asserted identity messages during VoIP calls in the room corresponding to the asserted identity. This _must_
+   only be set in trusted environments. The option defaults to `false`. For example:
+    ```json
+    {
+        "voip": {
+            "obey_asserted_identity": false
+        }
+    }
+    ```
+4. `widget_build_url`: Optional URL to have Element make a request to when a user presses the voice/video call buttons in the app,
+   if a call would normally be started by the action. The URL will be called with a `roomId` query parameter to identify the room
+   being called in. The URL must respond with a JSON object similar to the following:
+    ```json
+    {
+        "widget_id": "$arbitrary_string",
+        "widget": {
+            "creatorUserId": "@user:example.org",
+            "id": "$the_same_widget_id",
+            "type": "m.custom",
+            "waitForIframeLoad": true,
+            "name": "My Widget Name Here",
+            "avatar_url": "mxc://example.org/abc123",
+            "url": "https://example.org/widget.html",
+            "data": {
+                "title": "Subtitle goes here"
+            }
+        },
+        "layout": {
+            "container": "top",
+            "index": 0,
+            "width": 65,
+            "height": 50
+        }
+    }
+    ```
+    The `widget` is the `content` of a normal widget state event. The `layout` is the layout specifier for the widget being created,
+    as defined by the `io.element.widgets.layout` state event. By default this applies to all rooms, but the behaviour can be skipped for
+    2-person rooms, causing Element to fall back to 1:1 VoIP, by setting the option `widget_build_url_ignore_dm` to `true`.
+5. `audio_stream_url`: Optional URL to pass to Jitsi to enable live streaming. This option is considered experimental and may be removed
+   at any time without notice.
+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 enable legacy 1:1 calls or Jitsi calls.
+      It is a misconfiguration if its set to true while `element_call.disable` is also true!
+      Defaults to `false`.
+    - `disable`: A boolean flag specifying whether Element Call should be disabled.
+      If `true`, `element_call.use_exclusively` has no effect!
+      Defaults to `false`.
+    - `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),
+      for guest links. If this is set, Element Web will expose a "join" link
+      for public video rooms, which can then be shared to non-matrix users.
+      The target Element Call SPA is typically set up to use a homeserver that
+      allows users to register without email ("passwordless guest users") and to
+      federate.
+
+## Bug reporting
+
+If you run your own rageshake server to collect bug reports, the following options may be of interest:
+
+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. `existing_issues_url`: URL for where to find existing issues.
+3. `new_issue_url`: URL for where to submit new issues.
+
+If you would like to use [Sentry](https://sentry.io/) for rageshake data, add a `sentry` object to your config with the following values:
+
+1. `dsn`: The Sentry [DSN](https://docs.sentry.io/product/sentry-basics/dsn-explainer/).
+2. `environment`: Optional [environment](https://docs.sentry.io/product/sentry-basics/environments/) to pass to Sentry.
+
+For example:
+
+```json
+{
+    "sentry": {
+        "dsn": "dsn-goes-here",
+        "environment": "production"
+    }
+}
+```
+
+## Integration managers
+
+Integration managers are embedded applications within Element to help the user configure bots, bridges, and widgets. An integration manager
+is a separate piece of software not typically available with your homeserver. To disable integrations, set the options defined here to `null`.
+
+1. `integrations_ui_url`: The UI URL for the integration manager.
+2. `integrations_rest_url`: The REST interface URL for the integration manager.
+3. `integrations_widgets_urls`: A list of URLs the integration manager uses to host widgets.
+
+If you would like to use Scalar, the integration manager maintained by Element, the following options would apply:
+
+```json
+{
+    "integrations_ui_url": "https://scalar.vector.im/",
+    "integrations_rest_url": "https://scalar.vector.im/api",
+    "integrations_widgets_urls": [
+        "https://scalar.vector.im/_matrix/integrations/v1",
+        "https://scalar.vector.im/api",
+        "https://scalar-staging.vector.im/_matrix/integrations/v1",
+        "https://scalar-staging.vector.im/api"
+    ]
+}
+```
+
+For widgets in general (from an integration manager or not) there is also:
+
+- `default_widget_container_height`
+
+This controls the height that the top widget panel initially appears as and is the height in pixels, default 280.
+
+## Administrative options
+
+If you would like to include a custom message when someone is reporting an event, set the following Markdown-capable field:
+
+```json
+{
+    "report_event": {
+        "admin_message_md": "Please be sure to review our [terms of service](https://example.org/terms) before reporting a message."
+    }
+}
+```
+
+To add additional "terms and conditions" links throughout the app, use the following template:
+
+```json
+{
+    "terms_and_conditions_links": [{ "text": "Code of conduct", "url": "https://example.org/code-of-conduct" }]
+}
+```
+
+## Analytics
+
+To configure [Posthog](https://posthog.com/), add the following under `posthog` in your config:
+
+1. `api_host`: The hostname of the posthog server.
+2. `project_api_key`: The API key from posthog.
+
+When these configuration options are not present,
+analytics are deemed impossible and the user won't be asked to opt in to the system.
+
+There are additional root-level options which can be specified:
+
+1. `analytics_owner`: the company name used in dialogs talking about analytics - this defaults to `brand`,
+   and is useful when the provider of analytics is different from the provider of the Element instance.
+2. `privacy_policy_url`: URL to the privacy policy including the analytics collection policy.
+
+## Miscellaneous
+
+Element supports other options which don't quite fit into other sections of this document.
+
+To configure whether presence UI is shown for a given homeserver, set `enable_presence_by_hs_url`. It is recommended to
+set this value to the following at a minimum:
+
+```json
+{
+    "enable_presence_by_hs_url": {
+        "https://matrix.org": false,
+        "https://matrix-client.matrix.org": false
+    }
+}
+```
+
+## Identity servers
 
 The identity server is used for inviting other users to a room via third party
 identifiers like emails and phone numbers. It is not used to store your password
@@ -126,8 +534,8 @@ Element will check multiple sources when looking for an identity server to use i
 the following order of preference:
 
 1. The identity server set in the user's account data
-   * For a new user, no value is present in their account data. It is only set
-     if the user visits Settings and manually changes their identity server.
+    - For a new user, no value is present in their account data. It is only set
+      if the user visits Settings and manually changes their identity server.
 2. The identity server provided by the `.well-known` lookup that occurred at
    login
 3. The identity server provided by the Riot config file
@@ -140,7 +548,85 @@ Currently, the only two public identity servers are https://vector.im and
 https://matrix.org, however in the future identity servers will be
 decentralised.
 
-Desktop app configuration
-=========================
+## Desktop app configuration
+
+See https://github.com/element-hq/element-web/blob/develop/apps/desktop/README.md#user-specified-configjson
+
+## UI Features
+
+Parts of the UI can be disabled using UI features. These are settings which appear
+under `setting_defaults` and can only be `true` (default) or `false`. When `false`,
+parts of the UI relating to that feature will be disabled regardless of the user's
+preferences.
+
+Currently, the following UI feature flags are supported:
+
+- `UIFeature.urlPreviews` - Whether URL previews are enabled across the entire application.
+- `UIFeature.feedback` - Whether prompts to supply feedback are shown.
+- `UIFeature.voip` - Whether or not VoIP is shown readily to the user. When disabled,
+  Jitsi widgets will still work though they cannot easily be added.
+- `UIFeature.widgets` - Whether or not widgets will be shown.
+- `UIFeature.advancedSettings` - Whether or not sections titled "advanced" in room and
+  user settings are shown to the user.
+- `UIFeature.shareQrCode` - Whether or not the QR code on the share room/event dialog
+  is shown.
+- `UIFeature.shareSocial` - Whether or not the social icons on the share room/event dialog
+  are shown.
+- `UIFeature.identityServer` - Whether or not functionality requiring an identity server
+  is shown. When disabled, the user will not be able to interact with the identity
+  server (sharing email addresses, 3PID invites, etc).
+- `UIFeature.thirdPartyId` - Whether or not UI relating to third party identifiers (3PIDs)
+  is shown. Typically this is considered "contact information" on the homeserver, and is
+  not directly related to the identity server.
+- `UIFeature.registration` - Whether or not the registration page is accessible. Typically
+  useful if accounts are managed externally.
+- `UIFeature.passwordReset` - Whether or not the password reset page is accessible. Typically
+  useful if accounts are managed externally.
+- `UIFeature.deactivate` - Whether or not the deactivate account button is accessible. Typically
+  useful if accounts are managed externally.
+- `UIFeature.advancedEncryption` - Whether or not advanced encryption options are shown to the
+  user.
+- `UIFeature.roomHistorySettings` - Whether or not the room history settings are shown to the user.
+  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.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-web/tree/develop/packages/module-api).
+
+## Undocumented / developer options
+
+The following are undocumented or intended for developer use only.
+
+1. `fallback_hs_url`
+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.
+
+## Additional config options for Element Desktop
+
+1. `update_base_url`: Specifies the URL of the update server, see [document](https://github.com/element-hq/element-web/blob/develop/apps/desktop/docs/updates.md).
+2. `web_base_url`: Specifies the Element Web URL when performing actions such as popout widget. Defaults to `https://app.element.io/`.
+
+---
+
+The app contains a configuration file specified at build time using [these instructions](https://github.com/element-hq/element-web/blob/develop/apps/desktop/README.md#config).
+This config can be overwritten by the end using by creating a `config.json` file at the paths described [here](https://github.com/element-hq/element-web/blob/develop/apps/desktop/README.md#user-specified-configjson).
 
-See https://github.com/vector-im/riot-desktop#user-specified-configjson
+After changing the config, the app will need to be exited fully (including via the task tray) and re-started.
diff --git a/docs/custom-home.md b/docs/custom-home.md
new file mode 100644
index 00000000000..ef8d523f987
--- /dev/null
+++ b/docs/custom-home.md
@@ -0,0 +1,63 @@
+# Custom Home Page
+
+The home page is shown whenever the user is logged in, but no room is selected.
+A custom `home.html` replacing the default home page can be configured either in `.well-known/matrix/client` or `config.json`.
+Such a custom home page can be used to communicate helpful information and important rules to the users.
+
+## Configuration
+
+To provide a custom home page for all element-web/desktop users of a homeserver, include the following in `.well-known/matrix/client`:
+
+```
+{
+    "io.element.embedded_pages": {
+        "home_url": "https://example.org/home.html"
+    }
+}
+```
+
+The home page can be overridden in `config.json` to provide all users of an element-web installation with the same experience:
+
+```
+{
+    "embeddedPages": {
+        "homeUrl": "https://example.org/home.html"
+    }
+}
+```
+
+## `home.html` Example
+
+The following is a simple example for a custom `home.html`:
+
+```
+<style type="text/css">
+	.tos {
+		width: auto;
+		color: black;
+		background : #ffcccb;
+		font-weight: bold;
+	}
+</style>
+
+<h1>The example.org Matrix Server</h1>
+
+<div class="tos">
+	<p>Behave appropriately.</p>
+</div>
+
+<h2>Start Chatting</h2>
+<ul>
+	<li><a href="#/dm">Send a Direct Message</a></li>
+	<li><a href="#/directory">Explore Public Rooms</a></li>
+	<li><a href="#/new">Create a Group Chat</a></li>
+</ul>
+```
+
+When choosing colors, be aware that the home page may be displayed in either light or dark mode.
+
+It may be needed to set CORS headers for the `home.html` to enable element-desktop to fetch it, with e.g., the following nginx config:
+
+```
+add_header Access-Control-Allow-Origin *;
+```
diff --git a/docs/customisations.md b/docs/customisations.md
new file mode 100644
index 00000000000..42cb8c7c5c8
--- /dev/null
+++ b/docs/customisations.md
@@ -0,0 +1,79 @@
+# Customisations
+
+### 🦖 DEPRECATED
+
+Customisations have been deprecated in favour of the [Module API](https://github.com/element-hq/element-web/blob/develop/docs/modules.md).
+If you have use cases from customisations which are not yet available via the Module API please open an issue.
+Customisations will be removed from the codebase in a future release.
+
+---
+
+Element Web and the React SDK support "customisation points" that can be used to
+easily add custom logic specific to a particular deployment of Element Web.
+
+An example of this is the [media customisations
+module](https://github.com/element-hq/element-web/blob/develop/src/customisations/Media.ts).
+This module in the React SDK only defines some empty functions and their types:
+it does not do anything by default.
+
+To make use of these customisation points, you will first need to fork Element
+Web so that you can add your own code. Even though the default module is part of
+the React SDK, you can still override it from the Element Web layer:
+
+1. Copy the default customisation module to
+   `element-web/src/customisations/YourNameMedia.ts`
+2. Edit customisations points and make sure export the ones you actually want to
+   activate
+3. Create/add an entry to `customisations.json` next to the webpack config:
+
+```json
+{
+    "src/customisations/Media.ts": "src/customisations/YourNameMedia.ts"
+}
+```
+
+By isolating customisations to their own module, this approach should remove the
+chance of merge conflicts when updating your fork, and thus simplify ongoing
+maintenance.
+
+**Note**: The project deliberately does not exclude `customisations.json` from Git.
+This is to ensure that in shared projects it's possible to have a common config. By
+default, Element Web does _not_ ship with this file to prevent conflicts.
+
+### Custom components
+
+Maintainers can use the above system to override components if they wish. Maintenance and API surface compatibility are
+left as a responsibility for the project - the layering in Element Web (including the react-sdk) do not make guarantees
+that properties/state machines won't change.
+
+### Component visibility customisation
+
+UI for some actions can be hidden via the ComponentVisibility customisation:
+
+- inviting users to rooms and spaces,
+- creating rooms,
+- creating spaces,
+
+To customise visibility create a customisation module from [ComponentVisibility](https://github.com/element-hq/element-web/blob/master/src/customisations/ComponentVisibility.ts) following the instructions above.
+
+`shouldShowComponent` determines whether the active MatrixClient user should be able to use
+the given UI component. When `shouldShowComponent` returns falsy all UI components for that feature will be hidden.
+If shown, the user might still not be able to use the
+component depending on their contextual permissions. For example, invite options
+might be shown to the user, but they won't have permission to invite users to
+the current room: the button will appear disabled.
+
+For example, to only allow users who meet a certain condition to create spaces:
+
+```typescript
+function shouldShowComponent(component: UIComponent): boolean {
+    if (component === UIComponent.CreateSpaces) {
+        // customConditionCheck() is a function of your own creation
+        const userMeetsCondition = customConditionCheck(MatrixClientPeg.get().getUserId());
+        return userMeetsCondition;
+    }
+    return true;
+}
+```
+
+In this example, all UI related to creating a space will be hidden unless the users meets the custom condition.
diff --git a/docs/debugging.md b/docs/debugging.md
new file mode 100644
index 00000000000..0cbab968b1a
--- /dev/null
+++ b/docs/debugging.md
@@ -0,0 +1,28 @@
+# Debugging Element-Desktop
+
+There are two parts of the desktop app that you might want to debug.
+
+## The renderer process
+
+This is the regular element-web codeand can be debugged by just selecting 'toggle developer tools'
+from the menu, even on ppackaged builds. This then works the same as chrome dev tools for element web.
+
+## The main process
+
+This is debugged as a node app, so:
+
+1.  Open any chrome dev tools window
+1.  Start element with the `--inspect-brk` flag
+1.  Notice that you now have a little green icon in the top left of your chrome devtools window, click it.
+
+You are now debugging the code of the desktop app itself.
+
+## The main process of a package app
+
+When the app is shipped, electron's "fuses" are flipped, editing the electron binary itself to prevent certain features from being usable, one of which is debugging using `--inspect-brk` as above. You can flip the fuse back on Linux as follows:
+
+```
+sudo npx @electron/fuses write --app /opt/Element/element-desktop EnableNodeCliInspectArguments=on
+```
+
+A similar command will work, in theory, on mac and windows, except that this will break code signing (which is the point of fuses) so you would have to re-sign the app or somesuch.
diff --git a/docs/deprecated-modules.md b/docs/deprecated-modules.md
new file mode 100644
index 00000000000..9b95ebd5fd2
--- /dev/null
+++ b/docs/deprecated-modules.md
@@ -0,0 +1,54 @@
+# Deprecated Module system
+
+> [!CAUTION]
+> DEPRECATED. Use [Element web module api](https://github.com/element-hq/element-web/tree/develop/packages/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 `pnpm build` process but have an effect on user experience
+at runtime.
+
+## Installing modules
+
+If you already have a module you want to install, such as our [ILAG Module](https://github.com/element-hq/element-web-ilag-module),
+then copy `build_config.sample.yaml` to `build_config.yaml` in the same directory. In your new `build_config.yaml` simply
+add the reference to the module as described by the sample file, using the same syntax you would for `pnpm add`:
+
+```yaml
+modules:
+    # Our module happens to be published on NPM, so we use that syntax to reference it.
+    - "@vector-im/element-web-ilag-module@latest"
+```
+
+Then build the app as you normally would: `pnpm build` or `pnpm dist` (if compatible on your platform). If you are building
+the Docker image then ensure your `build_config.yaml` ends up in the build directory. Usually this works fine if you use
+the current directory as the build context (the `.` in `docker build -t my-element-web .`).
+
+## Writing modules
+
+While writing modules is meant to be easy, not everything is possible yet. For modules which want to do something we haven't
+exposed in the module API, the module API will need to be updated. This means a PR to both this repo
+and [`matrix-react-sdk-module-api`](https://github.com/matrix-org/matrix-react-sdk-module-api).
+
+Once your change to the module API is accepted, the `@matrix-org/react-sdk-module-api` dependency gets updated at the
+`element-web` layer (usually by us, the maintainers) to ensure your module can operate.
+
+If you're not adding anything to the module API, or your change was accepted per above, then start off with a clone of
+our [ILAG module](https://github.com/element-hq/element-web-ilag-module) which will give you a general idea for what the
+structure of a module is and how it works.
+
+The following requirements are key for any module:
+
+1. The module must depend on `@matrix-org/react-sdk-module-api` (usually as a dev dependency).
+2. The module's `main` entrypoint must have a `default` export for the `RuntimeModule` instance, supporting a constructor
+   which takes a single parameter: a `ModuleApi` instance. This instance is passed to `super()`.
+3. The module must be deployed in a way where `pnpm add` can access it, as that is how the build system will try to
+   install it. Note that while this is often NPM, it can also be a GitHub/GitLab repo or private NPM registry.
+   Be careful when using git dependencies in pnpm classic, many lifecycle scripts will not be executed which may mean
+   that your module is not built and thus may fail to be imported.
+
+... and that's pretty much it. As with any code, please be responsible and call things in line with the documentation.
+Both `RuntimeModule` and `ModuleApi` have extensive documentation to describe what is proper usage and how to set things
+up.
+
+If you have any questions then please visit [#element-dev:matrix.org](https://matrix.to/#/#element-dev:matrix.org) on
+Matrix and we'll help as best we can.
diff --git a/docs/e2ee.md b/docs/e2ee.md
index eca5557fb2e..2f960416b87 100644
--- a/docs/e2ee.md
+++ b/docs/e2ee.md
@@ -10,31 +10,49 @@ Set the following on your homeserver's
 
 ```json
 {
-  "io.element.e2ee": {
-    "default": false
-  }
+    "io.element.e2ee": {
+        "default": false
+    }
 }
 ```
 
-# Secure backup
+## Disabling encryption
 
-By default, Element strongly encourages (but does not require) users to set up
-Secure Backup so that cross-signing identity key and message keys can be
-recovered in case of a disaster where you lose access to all active devices.
-
-## Requiring secure backup
-
-To require Secure Backup to be configured before Element can be used, set the
-following on your homeserver's `/.well-known/matrix/client` config:
+Set the following on your homeserver's
+`/.well-known/matrix/client` config:
 
 ```json
 {
-  "io.element.e2ee": {
-    "secure_backup_required": true
-  }
+    "io.element.e2ee": {
+        "force_disable": true
+    }
 }
 ```
 
+When `force_disable` is true:
+
+- all rooms will be created with encryption disabled, and it will not be possible to enable
+  encryption from room settings.
+- any `io.element.e2ee.default` value will be disregarded.
+
+Note: If the server is configured to forcibly enable encryption for some or all rooms,
+this behaviour will be overridden.
+
+# Setting up recovery
+
+By default, Element strongly encourages (but does not require) users to set up
+recovery so that you can access history on your new devices as well as retain access to your message history and cryptographic identity when you lose all of your devices.
+
+## Removal of old settings
+
+Support for the configuration options `secure_backup_required` and `secure_backup_setup_methods`
+in the `/.well-known/matrix/client` config has been removed.
+
+Setting up recovery is now always recommended to all users by showing a one-off toast and a
+permanent red dot on the _Encryption_ tab in the _Settings_ dialog. When creating a new
+recovery key, the UI only supports auto-generated keys. Using an existing (custom) passphrase
+still works, but is not exposed in the UI when setting up recovery.
+
 # Compatibility
 
 The settings above were first proposed under a `im.vector.riot.e2ee` key, which
diff --git a/docs/feature-flags.md b/docs/feature-flags.md
index 5fb5545fdf8..359146674aa 100644
--- a/docs/feature-flags.md
+++ b/docs/feature-flags.md
@@ -5,10 +5,10 @@ flexibility and control over when and where those features are enabled.
 
 For example, flags make the following things possible:
 
-* Extended testing of a feature via labs on develop
-* Enabling features when ready instead of the first moment the code is released
-* Testing a feature with a specific set of users (by enabling only on a specific
-  Riot instance)
+- Extended testing of a feature via labs on develop
+- Enabling features when ready instead of the first moment the code is released
+- Testing a feature with a specific set of users (by enabling only on a specific
+  Element instance)
 
 The size of the feature controlled by a feature flag may vary widely: it could
 be a large project like reactions or a smaller change to an existing algorithm.
@@ -35,8 +35,9 @@ clients commit to doing the associated clean up work once a feature stabilises.
 When starting work on a feature, we should create a matching feature flag:
 
 1. Add a new
-   [setting](https://github.com/matrix-org/matrix-react-sdk/blob/develop/src/settings/Settings.ts)
+   [setting](https://github.com/element-hq/element-web/blob/develop/src/settings/Settings.tsx)
    of the form:
+
 ```js
     "feature_cats": {
         isFeature: true,
@@ -45,11 +46,14 @@ When starting work on a feature, we should create a matching feature flag:
         default: false,
     },
 ```
+
 2. Check whether the feature is enabled as appropriate:
+
 ```js
-    SettingsStore.getValue("feature_cats")
+SettingsStore.getValue("feature_cats");
 ```
-3. Document the feature in the [labs documentation](https://github.com/vector-im/riot-web/blob/develop/docs/labs.md)
+
+3. Document the feature in the [labs documentation](https://github.com/element-hq/element-web/blob/develop/docs/labs.md)
 
 With these steps completed, the feature is disabled by default, but can be
 enabled on develop and nightly by interested users for testing.
@@ -60,9 +64,9 @@ The following lists a few common options.
 ## Enabling by default on develop and nightly
 
 Set the feature to `true` in the
-[develop](https://github.com/vector-im/riot-web/blob/develop/riot.im/develop/config.json)
+[develop](https://github.com/element-hq/element-web/blob/develop/apps/web/element.io/develop/config.json)
 and
-[nightly](https://github.com/vector-im/riot-desktop/blob/develop/riot.im/nightly/config.json)
+[nightly](https://github.com/element-hq/element-web/blob/develop/apps/desktop/element.io/nightly/config.json)
 configs:
 
 ```json
@@ -74,34 +78,36 @@ configs:
 ## Enabling by default on staging, app, and release
 
 Set the feature to `true` in the
-[staging / app](https://github.com/vector-im/riot-web/blob/develop/riot.im/app/config.json)
+[staging / app](https://github.com/element-hq/element-web/blob/develop/apps/web/element.io/app/config.json)
 and
-[release](https://github.com/vector-im/riot-desktop/blob/develop/riot.im/release/config.json)
+[release](https://github.com/element-hq/element-web/blob/develop/apps/desktop/element.io/release/config.json)
 configs.
 
 **Note:** The above will only enable the feature for https://app.element.io and official Element
 Desktop builds. It will not be enabled for self-hosted installed, custom desktop builds, etc. To
-cover these cases, change the setting's `default` in `Settings.ts` to `true`.
+cover these cases, change the setting's `default` in `Settings.tsx` to `true`.
 
 ## Feature deployed successfully
 
 Once we're confident that a feature is working well, we should remove or convert the flag.
 
 If the feature is meant to be turned off/on by the user:
-1. Remove `isFeature` from the [setting](https://github.com/matrix-org/matrix-react-sdk/blob/develop/src/settings/Settings.ts)
+
+1. Remove `isFeature` from the [setting](https://github.com/element-hq/element-web/blob/develop/src/settings/Settings.ts)
 2. Change the `default` to `true` (if desired).
-3. Remove the feature from the [labs documentation](https://github.com/vector-im/riot-web/blob/develop/docs/labs.md)
+3. Remove the feature from the [labs documentation](https://github.com/element-hq/element-web/blob/develop/docs/labs.md)
 4. Celebrate! 🥳
 
 If the feature is meant to be forced on (non-configurable):
-1. Remove the [setting](https://github.com/matrix-org/matrix-react-sdk/blob/develop/src/settings/Settings.ts)
+
+1. Remove the [setting](https://github.com/element-hq/element-web/blob/develop/src/settings/Settings.ts)
 2. Remove all `getValue` lines that test for the feature.
-3. Remove the feature from the [labs documentation](https://github.com/vector-im/riot-web/blob/develop/docs/labs.md)
+3. Remove the feature from the [labs documentation](https://github.com/element-hq/element-web/blob/develop/docs/labs.md)
 4. If applicable, remove the feature state from
-   [develop](https://github.com/vector-im/riot-web/blob/develop/riot.im/develop/config.json),
-   [nightly](https://github.com/vector-im/riot-desktop/blob/develop/riot.im/nightly/config.json),
-   [staging / app](https://github.com/vector-im/riot-web/blob/develop/riot.im/app/config.json),
+   [develop](https://github.com/element-hq/element-web/blob/develop/apps/web/element.io/develop/config.json),
+   [nightly](https://github.com/element-hq/element-web/blob/develop/apps/desktop/element.io/nightly/config.json),
+   [staging / app](https://github.com/element-hq/element-web/blob/develop/apps/web/element.io/app/config.json),
    and
-   [release](https://github.com/vector-im/riot-desktop/blob/develop/riot.im/release/config.json)
+   [release](https://github.com/element-hq/element-web/blob/develop/apps/desktop/element.io/release/config.json)
    configs
 5. Celebrate! 🥳
diff --git a/docs/features/README.md b/docs/features/README.md
new file mode 100644
index 00000000000..05a38f029b2
--- /dev/null
+++ b/docs/features/README.md
@@ -0,0 +1,6 @@
+# Feature documention
+
+The idea of this folder is to document the features we support in different parts of the app.
+In case anyone needs to work on a given part, and isn't aware of all the features in the area,
+they will hopefully get an idea for all the supported functionality to know what to take into account
+when making changes.
diff --git a/docs/features/composer.md b/docs/features/composer.md
new file mode 100644
index 00000000000..1af4c9c8940
--- /dev/null
+++ b/docs/features/composer.md
@@ -0,0 +1,38 @@
+# Composer Features
+
+## Auto Complete
+
+- Hitting tab tries to auto-complete the word before the caret as a room member
+    - If no matching name is found, a visual bell is shown
+- @ + a letter opens auto complete for members starting with the given letter
+    - When inserting a user pill at the start in the composer, a colon and space is appended to the pill
+    - When inserting a user pill anywhere else in composer, only a space is appended to the pill
+- # + a letter opens auto complete for rooms starting with the given letter
+- : open auto complete for emoji
+- Pressing arrow-up/arrow-down while the autocomplete is open navigates between auto complete options
+- Pressing tab while the autocomplete is open goes to the next autocomplete option,
+  wrapping around at the end after reverting to the typed text first.
+
+## Formatting
+
+- When selecting text, a formatting bar appears above the selection.
+- The formatting bar allows to format the selected test as:
+  bold, italic, strikethrough, a block quote, and a code block (inline if no linebreak is selected).
+- Formatting is applied as markdown syntax.
+- Hitting ctrl/cmd+B also marks the selected text as bold
+- Hitting ctrl/cmd+I also marks the selected text as italic
+- Hitting ctrl/cmd+> also marks the selected text as a blockquote
+
+## Misc
+
+- When hitting the arrow-up button while having the caret at the start in the composer,
+  the last message sent by the syncing user is edited.
+- Clicking a display name on an event in the timeline inserts a user pill into the composer
+- Emoticons (like :-), >:-), :-/, ...) are replaced by emojis while typing if the relevant setting is enabled
+- Typing in the composer sends typing notifications in the room
+- Pressing ctrl/mod+z and ctrl/mod+y undoes/redoes modifications
+- Pressing shift+enter inserts a line break
+- Pressing enter sends the message.
+- Choosing "Quote" in the context menu of an event inserts a quote of the event body in the composer.
+- Choosing "Reply" in the context menu of an event shows a preview above the composer to reply to.
+- Pressing alt+arrow up/arrow down navigates in previously sent messages, putting them in the composer.
diff --git a/docs/features/keyboardShortcuts.md b/docs/features/keyboardShortcuts.md
new file mode 100644
index 00000000000..8d5f73d96b7
--- /dev/null
+++ b/docs/features/keyboardShortcuts.md
@@ -0,0 +1,59 @@
+# Keyboard shortcuts
+
+## Using the `KeyBindingManager`
+
+The `KeyBindingManager` (accessible using `getKeyBindingManager()`) is a class
+with several methods that allow you to get a `KeyBindingAction` based on a
+`KeyboardEvent | React.KeyboardEvent`.
+
+The event passed to the `KeyBindingManager` gets compared to the list of
+shortcuts that are retrieved from the `IKeyBindingsProvider`s. The
+`IKeyBindingsProvider` is in `KeyBindingDefaults`.
+
+### Examples
+
+Let's say we want to close a menu when the correct keys were pressed:
+
+```ts
+const onKeyDown = (ev: KeyboardEvent): void => {
+    let handled = true;
+    const action = getKeyBindingManager().getAccessibilityAction(ev);
+    switch (action) {
+        case KeyBindingAction.Escape:
+            closeMenu();
+            break;
+        default:
+            handled = false;
+            break;
+    }
+
+    if (handled) {
+        ev.preventDefault();
+        ev.stopPropagation();
+    }
+};
+```
+
+## Managing keyboard shortcuts
+
+There are a few things at play when it comes to keyboard shortcuts. The
+`KeyBindingManager` gets `IKeyBindingsProvider`s one of which is
+`defaultBindingsProvider` defined in `KeyBindingDefaults`. In
+`KeyBindingDefaults` a `getBindingsByCategory()` method is used to create
+`KeyBinding`s based on `KeyboardShortcutSetting`s defined in
+`KeyboardShortcuts`.
+
+### Adding keyboard shortcuts
+
+To add a keyboard shortcut there are two files we have to look at:
+`KeyboardShortcuts.ts` and `KeyBindingDefaults.ts`. In most cases we only need
+to edit `KeyboardShortcuts.ts`: add a `KeyBindingAction` and add the
+`KeyBindingAction` to the `KEYBOARD_SHORTCUTS` object.
+
+Though, to make matters worse, sometimes we want to add a shortcut that has
+multiple keybindings associated with. This keyboard shortcut won't be
+customizable as it would be rather difficult to manage both from the point of
+the settings and the UI. To do this, we have to add a `KeyBindingAction` and add
+the UI representation of that keyboard shortcut to the `getUIOnlyShortcuts()`
+method. Then, we also need to add the keybinding to the correct method in
+`KeyBindingDefaults`.
diff --git a/docs/gdb.md b/docs/gdb.md
new file mode 100644
index 00000000000..94a9c1b545a
--- /dev/null
+++ b/docs/gdb.md
@@ -0,0 +1,45 @@
+# Using gdb against Element-Desktop
+
+Occasionally it is useful to be able to connect to a running Element-Desktop
+with [`gdb`](https://sourceware.org/gdb/), or to analayze a coredump. For this,
+you will need debug symbols.
+
+1. If you don't already have the right version of Element-Desktop (eg because
+   you are analyzing someone else's coredump), download and unpack the tarball
+   from https://packages.element.io/desktop/install/linux/. If it was a
+   nightly, your best bet may be to download the deb from
+   https://packages.element.io/debian/pool/main/e/element-nightly/ and unpack
+   it.
+2. Figure out which version of Electron your Element-Desktop is based on. The
+   best way to do this is to figure out the version of Element-Desktop, then
+   look at
+   [`package.json`](https://github.com/element-hq/element-web/blob/develop/apps/desktop/package.json)
+   for the corresponding version. There will be an entry within `dependencies` of
+   `electron`: the value will tell you the version of Electron that was used for that version of Element-Desktop.
+
+3. Go to [Electron's releases page](https://github.com/electron/electron/releases/)
+   and find the version you just identified. Under "Assets", download
+   `electron-v<version>-linux-x64-debug.zip` (or, the -debug zip corresponding to your
+   architecture).
+
+4. The debug zip has a structure like:
+
+    ```
+    .
+    ├── debug
+    │   ├── chrome_crashpad_handler.debug
+    │   ├── electron.debug
+    │   ├── libEGL.so.debug
+    │   ├── libffmpeg.so.debug
+    │   ├── libGLESv2.so.debug
+    │   └── libvk_swiftshader.so.debug
+    ├── LICENSE
+    ├── LICENSES.chromium.html
+    └── version
+    ```
+
+    Take all the contents of `debug`, and copy them into the Element-Desktop directory,
+    so that `electron.debug` is alongside the `element-desktop-nightly` executable.
+
+5. You now have a thing you can gdb as normal, either as `gdb --args element-desktop-nightly`, or
+   `gdb element-desktop-nightly core`.
diff --git a/docs/generated/[id].md b/docs/generated/[id].md
new file mode 100644
index 00000000000..87e77682cbc
--- /dev/null
+++ b/docs/generated/[id].md
@@ -0,0 +1 @@
+<!-- @content -->
diff --git a/docs/generated/[id].paths.ts b/docs/generated/[id].paths.ts
new file mode 100644
index 00000000000..e77af1c51da
--- /dev/null
+++ b/docs/generated/[id].paths.ts
@@ -0,0 +1,26 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import genWorkflowMermaid from "../../scripts/gen-workflow-mermaid";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { type ResolvedRouteConfig } from "vitepress";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default {
+    async paths(): Promise<Partial<ResolvedRouteConfig>[]> {
+        const root = path.join(__dirname, "..", "..");
+
+        return [
+            {
+                params: { id: "automations" },
+                content: await genWorkflowMermaid([root, path.join(root, "node_modules", "matrix-js-sdk")]),
+            },
+        ];
+    },
+};
diff --git a/docs/icons.md b/docs/icons.md
new file mode 100644
index 00000000000..75a6e636bd3
--- /dev/null
+++ b/docs/icons.md
@@ -0,0 +1,56 @@
+# Icons
+
+Icons are loaded using [@svgr/webpack](https://www.npmjs.com/package/@svgr/webpack).
+This is configured in [element-web](https://github.com/vector-im/element-web/blob/develop/webpack.config.js#L458).
+
+Each `.svg` exports a `ReactComponent` at the named export `Icon`.
+Icons have `role="presentation"` and `aria-hidden` automatically applied. These can be overriden by passing props to the icon component.
+
+SVG file recommendations:
+
+- Colours should not be defined absolutely. Use `currentColor` instead.
+- SVG files should be taken from the design compound as they are. Some icons contain special padding.
+  This means that there should be icons for each size, e.g. warning-16px and warning-32px.
+
+Example usage:
+
+```
+import { Icon as FavoriteIcon } from 'res/img/element-icons/favorite.svg';
+
+const MyComponent = () => {
+    return <>
+        <FavoriteIcon className="mx_Icon mx_Icon_16">
+    </>;
+}
+```
+
+If possible, use the icon classes from [here](https://github.com/element-hq/element-web/blob/develop/apps/web/res/css/compound/_Icon.pcss).
+
+## Custom styling
+
+Icon components are svg elements and may be custom styled as usual.
+
+`_MyComponents.pcss`:
+
+```css
+.mx_MyComponent-icon {
+    height: 20px;
+    width: 20px;
+
+    * {
+        fill: $accent;
+    }
+}
+```
+
+`MyComponent.tsx`:
+
+```typescript
+import { Icon as FavoriteIcon } from 'res/img/element-icons/favorite.svg';
+
+const MyComponent = () => {
+    return <>
+        <FavoriteIcon className="mx_MyComponent-icon" role="img" aria-hidden="false">
+    </>;
+}
+```
diff --git a/docs/img/pr-checks.png b/docs/img/pr-checks.png
new file mode 100644
index 00000000000..08d441c19d7
Binary files /dev/null and b/docs/img/pr-checks.png differ
diff --git a/docs/index.md b/docs/index.md
new file mode 100644
index 00000000000..000fa01c5fa
--- /dev/null
+++ b/docs/index.md
@@ -0,0 +1 @@
+<!--@include: ../README.md-->
diff --git a/docs/install.md b/docs/install.md
new file mode 100644
index 00000000000..dcf275f329a
--- /dev/null
+++ b/docs/install.md
@@ -0,0 +1,114 @@
+# Installing Element Web
+
+**Familiarise yourself with the [Important Security Notes](../apps/web/README.md#important-security-notes) before starting, they apply to all installation methods.**
+
+_Note: that for the security of your chats will need to serve Element over HTTPS.
+Major browsers also do not allow you to use VoIP/video chats over HTTP, as WebRTC is only usable over HTTPS.
+There are some exceptions like when using localhost, which is considered a [secure context](https://developer.mozilla.org/docs/Web/Security/Secure_Contexts) and thus allowed._
+
+## Release tarball
+
+1. Download the latest version from <https://github.com/element-hq/element-web/releases>
+1. Untar the tarball on your web server
+1. Move (or symlink) the `element-x.x.x` directory to an appropriate name
+1. Configure the correct caching headers in your webserver (see [README.md](../apps/web/README.md#caching-requirements))
+1. Configure the app by copying `config.sample.json` to `config.json` and
+   modifying it. See the [configuration docs](config.md) for details.
+1. Enter the URL into your browser and log into Element!
+
+Releases are signed using gpg and the OpenPGP standard,
+and can be checked against the public key located at <https://packages.element.io/element-release-key.asc>.
+
+## Debian package
+
+Element Web is now also available as a Debian package for Debian and Ubuntu based systems.
+
+```shell
+sudo apt install -y wget apt-transport-https
+sudo wget -O /usr/share/keyrings/element-io-archive-keyring.gpg https://packages.element.io/debian/element-io-archive-keyring.gpg
+echo "deb [signed-by=/usr/share/keyrings/element-io-archive-keyring.gpg] https://packages.element.io/debian/ default main" | sudo tee /etc/apt/sources.list.d/element-io.list
+sudo apt update
+sudo apt install element-web
+```
+
+Configure the app by modifying `/etc/element-web/config.json`. See the [configuration docs](config.md) for details.
+
+Then point your chosen web server (e.g. Caddy, Nginx, Apache, etc) at the `/usr/share/element-web` webroot.
+
+## Docker
+
+The Docker image can be used to serve element-web as a web server. The easiest way to use
+it is to use the prebuilt image:
+
+```bash
+docker run --rm -p 127.0.0.1:80:80 vectorim/element-web
+```
+
+A server can also be made available to clients outside the local host by omitting the
+explicit local address as described in
+[docker run documentation](https://docs.docker.com/engine/reference/commandline/run/#publish-or-expose-port--p---expose):
+
+```bash
+docker run --rm -p 80:80 vectorim/element-web
+```
+
+To supply your own custom `config.json`, map a volume to `/app/config.json`. For example,
+if your custom config was located at `/etc/element-web/config.json` then your Docker command
+would be:
+
+```bash
+docker run --rm -p 127.0.0.1:80:80 -v /etc/element-web/config.json:/app/config.json vectorim/element-web
+```
+
+The Docker image is configured to run as an unprivileged (non-root) user by
+default. This should be fine on modern Docker runtimes, but binding to port 80
+on other runtimes may require root privileges. To resolve this, either run the
+image as root (`docker run --user 0`) or, better, change the port that nginx
+listens on via the `ELEMENT_WEB_PORT` environment variable.
+
+[Element Web Modules](https://github.com/element-hq/element-web/tree/develop/packages/module-api) can be dynamically loaded
+by being made available (e.g. via bind mount) in a directory within `/modules/`.
+The default entrypoint will be index.js in that directory but can be overridden if a package.json file is found with a `main` directive.
+These modules will be presented in a `/modules` subdirectory within the webroot, and automatically added to the config.json `modules` field.
+
+If you wish to use docker in read-only mode,
+you should follow the [upstream instructions](https://hub.docker.com/_/nginx#:~:text=Running%20nginx%20in%20read%2Donly%20mode)
+but additionally include the following directories:
+
+- /tmp/
+- /etc/nginx/conf.d/
+
+The behaviour of the docker image can be customised via the following
+environment variables:
+
+- `ELEMENT_WEB_PORT`
+
+    The port to listen on (within the docker container) for HTTP
+    traffic. Defaults to `80`.
+
+### Building the docker image
+
+To build the image yourself:
+
+```bash
+git clone https://github.com/element-hq/element-web.git element-web
+cd element-web
+git checkout master
+docker build .
+```
+
+If you're building a custom branch, or want to use the develop branch, check out the appropriate
+element-web branch and then run:
+
+```bash
+docker build -t \
+    --build-arg USE_CUSTOM_SDKS=true \
+    --build-arg JS_SDK_REPO="https://github.com/matrix-org/matrix-js-sdk.git" \
+    --build-arg JS_SDK_BRANCH="develop" \
+    .
+```
+
+## Kubernetes
+
+The provided element-web docker image can also be run from within a Kubernetes cluster.
+See the [Kubernetes example](kubernetes.md) for more details.
diff --git a/docs/jitsi-dev.md b/docs/jitsi-dev.md
index d685a221542..59dc9a1ad8c 100644
--- a/docs/jitsi-dev.md
+++ b/docs/jitsi-dev.md
@@ -1,7 +1,7 @@
 # Jitsi wrapper developer docs
 
-*If you're looking for information on how to set up Jitsi in your Element, see 
-[jitsi.md](./jitsi.md) instead.*
+_If you're looking for information on how to set up Jitsi in your Element, see
+[jitsi.md](./jitsi.md) instead._
 
 These docs are for developers wondering how the different conference buttons work
 within Element. If you're not a developer, you're probably looking for [jitsi.md](./jitsi.md).
@@ -46,24 +46,24 @@ end up creating a widget with a URL like `https://integrations.example.org?widge
 The integration manager's wrapper will typically have another iframe to isolate the
 widget from the client by yet another layer. The wrapper often provides other functionality
 which might not be available on the embedded site, such as a fullscreen button or the
-communication layer with the client (all widgets *should* be talking to the client
+communication layer with the client (all widgets _should_ be talking to the client
 over `postMessage`, even if they aren't going to be using the widget APIs).
 
-Widgets added with the `/addwidget` command will *not* be wrapped as they are not going
-through an integration manager. The widgets themselves *should* also work outside of
+Widgets added with the `/addwidget` command will _not_ be wrapped as they are not going
+through an integration manager. The widgets themselves _should_ also work outside of
 Element. Widgets currently have a "pop out" button which opens them in a new tab and
 therefore have no connection back to Riot.
 
 ## Jitsi widgets from integration managers
 
 Integration managers will create an entire widget event and send it over `postMessage`
-for the client to add to the room. This means that the integration manager gets to 
+for the client to add to the room. This means that the integration manager gets to
 decide the conference domain, conference name, and other aspects of the widget. As
 a result, users can end up with a Jitsi widget that does not use the same conference
 server they specified in their config.json - this is expected.
 
 Some integration managers allow the user to change the conference name while others
-will generate one for the user. 
+will generate one for the user.
 
 ## Jitsi widgets generated by Element itself
 
@@ -79,7 +79,7 @@ The Jitsi widget created by Element uses a local `jitsi.html` wrapper (or one ho
 required `postMessage` calls are fulfilled.
 
 **Note**: Per [jitsi.md](./jitsi.md) the `preferredDomain` can also come from the server's
-client .well-known data. 
+client .well-known data.
 
 ## The Jitsi wrapper in Element
 
@@ -92,9 +92,9 @@ and less risky to load. The local wrapper URL is populated with the conference i
 from the original widget (which could be a v1 or v2 widget) so the user joins the right
 call.
 
-Critically, when the widget URL is reconstructed it does *not* take into account the
+Critically, when the widget URL is reconstructed it does _not_ take into account the
 config.json's `preferredDomain` for Jitsi. If it did this, users would end up on different
-conference servers and therefore different calls entirely. 
+conference servers and therefore different calls entirely.
 
 **Note**: Per [jitsi.md](./jitsi.md) the `preferredDomain` can also come from the server's
 client .well-known data.
diff --git a/docs/jitsi.md b/docs/jitsi.md
index d289cc3818a..20e64db3798 100644
--- a/docs/jitsi.md
+++ b/docs/jitsi.md
@@ -4,10 +4,10 @@ Element uses [Jitsi](https://jitsi.org/) for conference calls, which provides op
 self-hosting your own server and supports most major platforms.
 
 1:1 calls, or calls between you and one other person, do not use Jitsi. Instead, those
-calls work directly between clients or via TURN servers configured on the respective 
+calls work directly between clients or via TURN servers configured on the respective
 homeservers.
 
-There's a number of ways to start a Jitsi call: the easiest way is to click on the 
+There's a number of ways to start a Jitsi call: the easiest way is to click on the
 voice or video buttons near the message composer in a room with more than 2 people. This
 will add a Jitsi widget which allows anyone in the room to join.
 
@@ -16,37 +16,43 @@ provide their own approaches for adding Jitsi widgets.
 
 ## Configuring Element to use your self-hosted Jitsi server
 
+You can host your own Jitsi server to use with Element. It's usually advisable to use a recent
+version of Jitsi. In particular, versions older than around 6826 will cause problems with
+Element 1.9.10 or newer.
+
 Element will use the Jitsi server that is embedded in the widget, even if it is not the
 one you configured. This is because conference calls must be held on a single Jitsi
 server and cannot be split over multiple servers.
 
-However, you can configure Element to *start* a conference with your Jitsi server by adding
+However, you can configure Element to _start_ a conference with your Jitsi server by adding
 to your [config](./config.md) the following:
+
 ```json
 {
-  "jitsi": {
-    "preferredDomain": "your.jitsi.example.org"
-  }
+    "jitsi": {
+        "preferred_domain": "your.jitsi.example.org"
+    }
 }
 ```
 
-The default is `jitsi.riot.im` (a free service offered by Element), and the demo site for
-Jitsi uses `meet.jit.si` (also free).
+Element's default is `meet.element.io` (a free service offered by Element). `meet.jit.si`
+is an instance hosted by Jitsi themselves and is also free to use.
 
 Once you've applied the config change, refresh Element and press the call button. This
-should start a new conference on your Jitsi server. 
+should start a new conference on your Jitsi server.
 
 **Note**: The widget URL will point to a `jitsi.html` page hosted by Element. The Jitsi
 domain will appear later in the URL as a configuration parameter.
 
 **Hint**: If you want everyone on your homeserver to use the same Jitsi server by
-default, and you are using riot-web 1.6 or newer, set the following on your homeserver's 
+default, and you are using element-web 1.6 or newer, set the following on your homeserver's
 `/.well-known/matrix/client` config:
+
 ```json
 {
-  "im.vector.riot.jitsi": {
-    "preferredDomain": "your.jitsi.example.org"
-  }
+    "im.vector.riot.jitsi": {
+        "preferredDomain": "your.jitsi.example.org"
+    }
 }
 ```
 
@@ -55,19 +61,50 @@ default, and you are using riot-web 1.6 or newer, set the following on your home
 Element Android (1.0.5+) supports custom Jitsi domains, similar to Element Web above.
 
 1:1 calls, or calls between you and one other person, do not use Jitsi. Instead, those
-calls work directly between clients or via TURN servers configured on the respective 
+calls work directly between clients or via TURN servers configured on the respective
 homeservers.
 
-For rooms with more than 2 joined members, when creating a Jitsi conference via call/video buttons of the toolbar (not via integration manager), Element Android will create a widget using the [wrapper](https://github.com/vector-im/element-web/blob/develop/docs/jitsi-dev.md) hosted on `app.element.io`.
-The domain used is the one specified by the `/.well-known/matrix/client` endpoint, and if not present it uses the fallback defined in `config.xml` (jitsi.riot.im)
+For rooms with more than 2 joined members, when creating a Jitsi conference via call/video buttons of the toolbar (not via integration manager), Element Android will create a widget using the [wrapper](https://github.com/element-hq/element-web/blob/develop/docs/jitsi-dev.md) hosted on `app.element.io`.
+The domain used is the one specified by the `/.well-known/matrix/client` endpoint, and if not present it uses the fallback defined in `config.json` (meet.element.io)
 
 For active Jitsi widgets in the room, a native Jitsi widget UI is created and points to the instance specified in the `domain` key of the widget content data.
 
 Element Android manages allowed native widgets permissions a bit differently than web widgets (as the data shared are different and never shared with the widget URL). For Jitsi widgets, permissions are requested only once per domain (consent saved in account data).
 
-## Element iOS
+# Jitsi Wrapper
+
+**Note**: These are developer docs. Please consult your client's documentation for
+instructions on setting up Jitsi.
+
+The react-sdk wraps all Jitsi call widgets in a local wrapper called `jitsi.html`
+which takes several parameters:
+
+_Query string_:
+
+- `widgetId`: The ID of the widget. This is needed for communication back to the
+  react-sdk.
+- `parentUrl`: The URL of the parent window. This is also needed for
+  communication back to the react-sdk.
+
+_Hash/fragment (formatted as a query string)_:
+
+- `conferenceDomain`: The domain to connect Jitsi Meet to.
+- `conferenceId`: The room or conference ID to connect Jitsi Meet to.
+- `isAudioOnly`: Boolean for whether this is a voice-only conference. May not
+  be present, should default to `false`.
+- `startWithAudioMuted`: Boolean for whether the calls start with audio
+  muted. May not be present.
+- `startWithVideoMuted`: Boolean for whether the calls start with video
+  muted. May not be present.
+- `displayName`: The display name of the user viewing the widget. May not
+  be present or could be null.
+- `avatarUrl`: The HTTP(S) URL for the avatar of the user viewing the widget. May
+  not be present or could be null.
+- `userId`: The MXID of the user viewing the widget. May not be present or could
+  be null.
+
+The react-sdk will assume that `jitsi.html` is at the path of wherever it is currently
+being served. For example, `https://develop.element.io/jitsi.html` or `vector://webapp/jitsi.html`.
 
-Currently the Element mobile apps do not support custom Jitsi servers and will instead
-use the default `jitsi.riot.im` server. When users on the mobile apps join the call,
-they will be joining a different conference which has the same name, but not the same
-participants. This is a known bug and which needs to be fixed.
+The `jitsi.html` wrapper can use the react-sdk's `WidgetApi` to communicate, making
+it easier to actually implement the feature.
diff --git a/docs/kubernetes.md b/docs/kubernetes.md
new file mode 100644
index 00000000000..39c10d330bf
--- /dev/null
+++ b/docs/kubernetes.md
@@ -0,0 +1,178 @@
+# Running in Kubernetes
+
+In case you would like to deploy element-web in a kubernetes cluster you can use
+the provided Kubernetes example below as a starting point. Note that this example assumes the
+Nginx ingress to be installed.
+
+Note that the content of the required `config.json` is defined inside this yaml because it needs
+to be put in your Kubernetes cluster as a `ConfigMap`.
+
+So to use it you must create a file with this content as a starting point and modify it so it meets
+the requirements of your environment.
+
+Then you can deploy it to your cluster with something like `kubectl apply -f my-element-web.yaml`.
+
+    # This is an example of a POSSIBLE config for deploying a single element-web instance in Kubernetes
+
+    # Use the element-web namespace to put it all in.
+
+    apiVersion: v1
+    kind: Namespace
+    metadata:
+      name: element-web
+
+    ---
+
+    # The config.json file is to be put into Kubernetes as a config file in such a way that
+    # the element web instance can read it.
+    # The code below shows how this can be done with the config.sample.json content.
+
+    apiVersion: v1
+    kind: ConfigMap
+    metadata:
+      name: element-config
+      namespace: element-web
+    data:
+      config.json: |
+        {
+            "default_server_config": {
+                "m.homeserver": {
+                    "base_url": "https://matrix-client.matrix.org",
+                    "server_name": "matrix.org"
+                },
+                "m.identity_server": {
+                    "base_url": "https://vector.im"
+                }
+            },
+            "disable_custom_urls": false,
+            "disable_guests": false,
+            "disable_login_language_selector": false,
+            "disable_3pid_login": false,
+            "brand": "Element",
+            "integrations_ui_url": "https://scalar.vector.im/",
+            "integrations_rest_url": "https://scalar.vector.im/api",
+            "integrations_widgets_urls": [
+                    "https://scalar.vector.im/_matrix/integrations/v1",
+                    "https://scalar.vector.im/api",
+                    "https://scalar-staging.vector.im/_matrix/integrations/v1",
+                    "https://scalar-staging.vector.im/api"
+            ],
+            "bug_report_endpoint_url": "https://rageshakes.element.io/api/submit",
+            "defaultCountryCode": "GB",
+            "show_labs_settings": false,
+            "features": { },
+            "default_federate": true,
+            "default_theme": "light",
+            "room_directory": {
+                "servers": [
+                        "matrix.org"
+                ]
+            },
+            "enable_presence_by_hs_url": {
+                "https://matrix.org": false,
+                "https://matrix-client.matrix.org": false
+            },
+            "setting_defaults": {
+                "breadcrumbs": true
+            },
+            "jitsi": {
+                "preferred_domain": "meet.element.io"
+            }
+        }
+
+
+    ---
+
+    # A deployment of the element-web for a single instance
+
+    apiVersion: apps/v1
+    kind: Deployment
+    metadata:
+      name: element
+      namespace: element-web
+    spec:
+      selector:
+        matchLabels:
+          app: element
+      replicas: 1
+      template:
+        metadata:
+          labels:
+            app: element
+        spec:
+          containers:
+          - name: element
+            image: vectorim/element-web:latest
+            volumeMounts:
+            - name: config-volume
+              mountPath: /app/config.json
+              subPath: config.json
+            ports:
+            - containerPort: 80
+              name: element
+              protocol: TCP
+            readinessProbe:
+                httpGet:
+                    path: /
+                    port: element
+                initialDelaySeconds: 2
+                periodSeconds: 3
+            livenessProbe:
+                httpGet:
+                    path: /
+                    port: element
+                initialDelaySeconds: 10
+                periodSeconds: 10
+          volumes:
+          - name: config-volume
+            configMap:
+              name: element-config
+
+    ---
+
+    # Wrap it all in a Service
+
+    apiVersion: v1
+    kind: Service
+    metadata:
+      name: element
+      namespace: element-web
+    spec:
+      selector:
+        app: element
+      ports:
+        - name: default
+          protocol: TCP
+          port: 80
+          targetPort: 80
+
+    ---
+
+    # An ingress definition to expose the service via a hostname
+
+    apiVersion: networking.k8s.io/v1
+    kind: Ingress
+    metadata:
+      name: element
+      namespace: element-web
+      annotations:
+        kubernetes.io/ingress.class: nginx
+        nginx.ingress.kubernetes.io/configuration-snippet: |
+          add_header X-Frame-Options SAMEORIGIN;
+          add_header X-Content-Type-Options nosniff;
+          add_header X-XSS-Protection "1; mode=block";
+          add_header Content-Security-Policy "frame-ancestors 'self'";
+    spec:
+      rules:
+        - host: element.example.nl
+          http:
+            paths:
+              - pathType: Prefix
+                path: /
+                backend:
+                  service:
+                    name: element
+                    port:
+                      number: 80
+
+    ---
diff --git a/docs/labs.md b/docs/labs.md
index 50f9e589ed4..79227004c81 100644
--- a/docs/labs.md
+++ b/docs/labs.md
@@ -4,56 +4,33 @@ If Labs is enabled in the [Element config](config.md), you can enable some of th
 to `Settings->Labs`. This list is non-exhaustive and subject to change, chat in
 [#element-web:matrix.org](https://matrix.to/#/#element-web:matrix.org) for more information.
 
+If a labs features gets more stable, it _may_ be promoted to a beta feature
+(see [Betas](https://github.com/element-hq/element-web/blob/develop/docs/betas.md)).
+
 **Be warned! Labs features are not finalised, they may be fragile, they may change, they may be
 dropped. Ask in the room if you are unclear about any details here.**
 
-## New spinner design (`feature_new_spinner`)
+## Render LaTeX maths in messages (`feature_latex_maths`)
 
-Replaces the old spinner image with a new, svg-based one featuring a sleeker design.
+Enables rendering of LaTeX maths in messages using [KaTeX](https://katex.org/). LaTeX between single dollar-signs is interpreted as inline maths and double dollar-signs as display maths (i.e. centred on its own line).
 
 ## Message pinning (`feature_pinning`)
 
 Allows you to pin messages in the room. To pin a message, use the 3 dots to the right of the message
 and select "Pin".
 
-## Custom status (`feature_custom_status`)
-
-An experimental approach for supporting custom status messages across DMs. To set a status, click on
-your avatar next to the message composer.
-
-## Custom tags (`feature_custom_tags`)
-
-An experimental approach for dealing with custom tags. Custom tags will appear in the bottom portion
-of the community filter panel.
-
-Setting custom tags is not supported by Element.
-
-## Render simple counters in room header (`feature_state_counters`)
-
-Allows rendering of labelled counters above the message list.
-
-Once enabled, send a custom state event to a room to set values:
-
-1. In a room, type `/devtools` to bring up the devtools interface
-2. Click "Send Custom Event"
-3. Toggle from "Event" to "State Event"
-4. Set the event type to: `re.jki.counter` and give it a unique key
-5. Specify the content in the following format:
-
-```
-{
-    "link": "",
-    "severity": "normal",
-    "title": "my counter",
-    "value": 0
-}
-```
+## Jump to date (`feature_jump_to_date`)
 
-That's it. Now should see your new counter under the header.
+Note: This labs feature is only visible when your homeserver has MSC3030 enabled
+(in Synapse, add `experimental_features` -> `msc3030_enabled` to your
+`homeserver.yaml`) which means `GET /_matrix/client/versions` responds with
+`org.matrix.msc3030` under the `unstable_features` key.
 
-## Multiple integration managers (`feature_many_integration_managers`)
+Adds a dropdown menu to the date separator headers in the timeline which allows
+you to jump to last week, last month, the beginning of the room, or choose a
+date from the calendar.
 
-Exposes a way to access all the integration managers known to Element. This is an implementation of [MSC1957](https://github.com/matrix-org/matrix-doc/pull/1957).
+Also adds the `/jumptodate 2022-01-31` slash command.
 
 ## New ways to ignore people (`feature_mjolnir`)
 
@@ -81,11 +58,6 @@ present in the room. The Bridge info tab pulls information from the `m.bridge` s
 bridges are not expected to be compatible, and users should not rely on this
 tab as the single source of truth just yet.
 
-## Presence indicator in room list (`feature_presence_in_room_list`)
-
-This adds a presence indicator in the room list next to DM rooms where the other
-person is online.
-
 ## Custom themes (`feature_custom_themes`)
 
 Custom themes are possible through Element's [theme support](./theming.md), though
@@ -95,14 +67,70 @@ theme definition.
 
 For some sample themes, check out [aaronraimist/element-themes](https://github.com/aaronraimist/element-themes).
 
-## Message preview tweaks
+## Live location sharing (`feature_location_share_live`) [In Development]
+
+Enables sharing your current location to the timeline, with live updates.
+
+## Video rooms (`feature_video_rooms`) [Beta]
+
+Enables support for creating video rooms, which are persistent video chats that users can jump in and out of.
+
+## Element Call video rooms (`feature_element_call_video_rooms`) [In Development]
+
+Enables support for video rooms that use Element Call rather than Jitsi, and causes the 'New video room' option to create Element Call video rooms rather than Jitsi ones.
+
+This flag will not have any effect unless `feature_video_rooms` is also enabled.
+
+## Disable per-sender encryption for Element Call (`feature_disable_call_per_sender_encryption`)
+
+The default for embedded Element Call in Element Web is per-participant encryption.
+This labs flag disables encryption for embedded Element Call in encrypted rooms.
+
+Under the hood this stops Element Web from adding the `perParticipantE2EE` flag for the Element Call widget url.
+
+This is useful while we experiment with encryption and to make calling compatible with platforms that don't use encryption yet.
+
+## Enable the notifications panel in the room header (`feature_notifications`)
+
+Unreliable in encrypted rooms.
+
+## Knock rooms (`feature_ask_to_join`) [In Development]
+
+Enables knock feature for rooms. This allows users to ask to join a room.
+
+## Exclude insecure devices when sending/receiving messages (`feature_exclude_insecure_devices`)
+
+Do not send or receive messages to/from devices that are not properly verified. Users with unverified devices will not
+receive your messages at all on those devices, and if they send messages, you will not be able to read them, but you
+will be aware that a message exists.
+
+## Encrypted state events (MSC4362) (`feature_msc4362_encrypted_state_events`)
+
+Encrypt most of the state events in the room, including the room name and topic.
+
+WARNING: this means that users joining a room who do not have access to its history will not be able to see the name or
+topic of the room, or any other room state information. It also means the room name and topic are not available before
+joining a room.
+
+## New notifications settings (`feature_notification_settings2`) [Beta]
+
+Replaces the legacy notification settings with a new one to manage push rules.
+
+## User status (`feature_user_status`)
+
+Enables setting a status message in your profile and to be able to view other's statuses.
+Requires [MSC4429](https://github.com/matrix-org/matrix-spec-proposals/pull/4429) and [MSC4426](https://github.com/matrix-org/matrix-spec-proposals/pull/4426).
+
+**Warning** This feature has options which are not backwards compatible, disabling
+it may have unintended consequences.
+
+## Log in with QR (`feature_login_with_qr`)
 
-To enable message previews for reactions in all rooms, enable `feature_roomlist_preview_reactions_all`.
-To enable message previews for reactions in DMs, enable `feature_roomlist_preview_reactions_dms`, ignored when it is enabled for all rooms.
+Enables logging in to Element Web/Desktop by using Element X to scan a QR code.
+Requires server support, based on the v2024 edition of [MSC4108](https://github.com/matrix-org/matrix-spec-proposals/pull/4108).
+Can only be configured via config.json, as labs flags cannot be set until after login, and are cleared on log out. The UI option is disabled.
+Note, this does not affect the existing `Link new device` flow using the same MSC.
 
-## Communities v2 prototyping (`feature_communities_v2_prototypes`) [In Development]
+## URL Preview Bundle (MSC4095) (`feature_msc4095_url_preview_bundle`)
 
-**This is a highly experimental implementation for parts of the communities v2 experience.** It does not
-represent what communities v2 will look/feel like and can/will change without notice. Due to the early
-stages this feature is in and the requirement for a compatible homeserver, we will not be accepting issues
-or feedback for this functionality at this time.
+Attaches URL preview information generated by the homeserver on messages sent.
diff --git a/docs/local-echo-dev.md b/docs/local-echo-dev.md
new file mode 100644
index 00000000000..c880ea70836
--- /dev/null
+++ b/docs/local-echo-dev.md
@@ -0,0 +1,38 @@
+# Local echo (developer docs)
+
+The React SDK provides some local echo functionality to allow for components to do something
+quickly and fall back when it fails. This is all available in the `local-echo` directory within
+`stores`.
+
+Echo is handled in EchoChambers, with `GenericEchoChamber` being the base implementation for all
+chambers. The `EchoChamber` class is provided as semantic access to a `GenericEchoChamber`
+implementation, such as the `RoomEchoChamber` (which handles echoable details of a room).
+
+Anything that can be locally echoed will be provided by the `GenericEchoChamber` implementation.
+The echo chamber will also need to deal with external changes, and has full control over whether
+or not something has successfully been echoed.
+
+An `EchoContext` is provided to echo chambers (usually with a matching type: `RoomEchoContext`
+gets provided to a `RoomEchoChamber` for example) with details about their intended area of
+effect, as well as manage `EchoTransaction`s. An `EchoTransaction` is simply a unit of work that
+needs to be locally echoed.
+
+The `EchoStore` manages echo chamber instances, builds contexts, and is generally less semantically
+accessible than the `EchoChamber` class. For separation of concerns, and to try and keep things
+tidy, this is an intentional design decision.
+
+**Note**: The local echo stack uses a "whenable" pattern, which is similar to thenables and
+`EventEmitter`. Whenables are ways of actioning a changing condition without having to deal
+with listeners being torn down. Once the reference count of the Whenable causes garbage collection,
+the Whenable's listeners will also be torn down. This is accelerated by the `IDestroyable` interface
+usage.
+
+## Audit functionality
+
+The UI supports a "Server isn't responding" dialog which includes a partial audit log-like
+structure to it. This is partially the reason for added complexity of `EchoTransaction`s
+and `EchoContext`s - this information feeds the UI states which then provide direct retry
+mechanisms.
+
+The `EchoStore` is responsible for ensuring that the appropriate non-urgent toast (lower left)
+is set up, where the dialog then drives through the contexts and transactions.
diff --git a/docs/media-handling.md b/docs/media-handling.md
new file mode 100644
index 00000000000..a4307fb7d4a
--- /dev/null
+++ b/docs/media-handling.md
@@ -0,0 +1,19 @@
+# Media handling
+
+Surely media should be as easy as just putting a URL into an `img` and calling it good, right?
+Not quite. Matrix uses something called a Matrix Content URI (better known as MXC URI) to identify
+content, which is then converted to a regular HTTPS URL on the homeserver. However, sometimes that
+URL can change depending on deployment considerations.
+
+The react-sdk features a [customisation endpoint](https://github.com/vector-im/element-web/blob/develop/docs/customisations.md)
+for media handling where all conversions from MXC URI to HTTPS URL happen. This is to ensure that
+those obscure deployments can route all their media to the right place.
+
+For development, there are currently two functions available: `mediaFromMxc` and `mediaFromContent`.
+The `mediaFromMxc` function should be self-explanatory. `mediaFromContent` takes an event content as
+a parameter and will automatically parse out the source media and thumbnail. Both functions return
+a `Media` object with a number of options on it, such as getting various common HTTPS URLs for the
+media.
+
+**It is extremely important that all media calls are put through this customisation endpoint.** So
+much so it's a lint rule to avoid accidental use of the wrong functions.
diff --git a/docs/memory-profiles-and-leaks.md b/docs/memory-profiles-and-leaks.md
index 49acd0fdba1..795e89965b8 100644
--- a/docs/memory-profiles-and-leaks.md
+++ b/docs/memory-profiles-and-leaks.md
@@ -1,11 +1,11 @@
 ## Memory leaks
 
-Element usually emits slow behaviour just before it is about to crash. Getting a 
+Element usually emits slow behaviour just before it is about to crash. Getting a
 memory snapshot (below) just before that happens is ideal in figuring out what
 is going wrong.
 
 Common symptoms are clicking on a room and it feels like the tab froze and scrolling
-becoming jumpy/staggered. 
+becoming jumpy/staggered.
 
 If you receive a white screen (electron) or the chrome crash page, it is likely
 run out of memory and it is too late for a memory profile. Please do report when
@@ -22,8 +22,8 @@ and anything newer is still in the warmup stages of the app.
 
 **Memory profiles can contain sensitive information.** If you are submitting a memory
 profile to us for debugging purposes, please pick the appropriate Element developer and
-send them over an encrypted private message. *Do not share your memory profile in
-public channels or with people you do not trust.*
+send them over an encrypted private message. _Do not share your memory profile in
+public channels or with people you do not trust._
 
 ### Taking a memory profile (Firefox)
 
diff --git a/docs/monorepo.md b/docs/monorepo.md
new file mode 100644
index 00000000000..9af7347484b
--- /dev/null
+++ b/docs/monorepo.md
@@ -0,0 +1,45 @@
+## Monorepo
+
+Some words about the structure of monorepo we are using here.
+
+### Structure
+
+The monorepo is focused around multiple Typescript projects coming together to form an Element Web & Element Desktop app.
+Some of the underlying typescript projects are useful for re-use elsewhere,
+e.g. `@element-hq/web-shared-components` is reused by https://github.com/element-hq/aurora.
+
+- `apps` - this directory holds the apps we build, `element-web` & `element-desktop`
+    - Things in here are not published to npm
+    - Things in here have very non-standard publishing steps, e.g. Element Desktop `.deb` ships via reprepro.
+    - Things in here are in lock-step versions with each other
+    - Things in here are represented as a group in Immutable Github Releases
+    - Things in here support pre-releases & hotfixes
+- `packages` - this directory holds some npm packages we maintain in order to build the `apps`
+    - Things in here are published to npm
+    - Things in here respect SemVer
+    - Things in here are independently versioned
+    - Things in here have a very simple publishing stage of `pnpm publish`
+    - Things in here do not support pre-releases & hotfixes
+- `modules` - this directory will hold some Element Web/Desktop modules we maintain in order to add environment-specific functionalities atop Element
+    - Things in here are not published to npm
+
+### Branches
+
+- `develop` - this is the default branch and should always be buildable, this is what developers use as a base branch for their pull requests
+    - Deployed via CD to develop.element.io
+- #TODO should we just use short-lived release branches? We'd need to effectively interlace them for the various packages which feels messy
+- `staging` - this branch is used to build the latest/next release.
+    - During a normal release cycle, `develop` is merged into `staging` to "cut" a release candidate
+        - Additional changes such as version bumps & changelogs are committed on top
+    - During a hotfix/security release, changes are directly cherry-picked to `staging` to "cut" a release based on the last release rather than `develop`
+    - When a release is finished, i.e. we've shipped the final release for a given version, we merge `staging->develop` to maintain continuity
+- `backport/*` - these branches are used for cherry-picking entire pull requests from `develop` to `staging`, either to patch a release candidate, or to perform a hotfix release
+- `<username>/*` - these feature branches are used for development, and may branch off `develop` or another feature branch
+
+### Tags
+
+- `v*` - these tags are used by the releases shown in the Github Releases UI, as in, the overall app release group
+- `<package>@*` - these tags represent the release state of an individual npm package from the `packages/*` dir
+
+Ultimately, the treatment of the 3 types of submodules we host in this repository is quite asymmetrical but this is by design,
+to simplify processes around projects which do not need the complexities of element-web & element-desktop.
diff --git a/docs/native-node-modules.md b/docs/native-node-modules.md
index 850573e389d..a5fbf34ae70 100644
--- a/docs/native-node-modules.md
+++ b/docs/native-node-modules.md
@@ -1,7 +1,7 @@
 # Native Node Modules
 
 For some features, the desktop version of Element can make use of native Node
-modules. These allow Riot to integrate with the desktop in ways that a browser
+modules. These allow Element to integrate with the desktop in ways that a browser
 cannot.
 
 While native modules enable powerful new features, they must be complied for
@@ -10,18 +10,50 @@ modules from source to ensure we can trust the compiled output. In the future,
 we may offer a pre-compiled path for those who want to use these features in a
 custom build of Element without installing the various build tools required.
 
-Do note that compiling a module for a particular operating system
-(Linux/macOS/Windows) will need to be done on that operating system.
-Cross-compiling from a host OS for a different target OS may be possible, but
-we don't support this flow with Element dependencies at this time.
+The process is automated by [vector-im/element-builder](https://github.com/vector-im/element-builder)
+when releasing.
 
-At the moment, we need to make some changes to the Element release process before
-we can support native Node modules at release time, so these features are
-currently disabled by default until that is resolved. The following sections
-explain the manual steps you can use with a custom build of Element to enable
-these features if you'd like to try them out.
+## Use docker
 
-## Adding Seshat for search in E2E encrypted rooms
+If you are building for Linux, you can build the native modules with:
+
+```
+pnpm docker:setup
+pnpm docker:install
+INDOCKER_SQLCIPHER_BUNDLED=1 pnpm docker:build:native
+```
+
+The above will build `matrix-seshat` in
+`docker/.hak/hakModules/matrix-seshat`. You can then either run `pnpm docker:build`
+to build the app inside docker, or:
+
+```
+pnpm link ./docker/.hak/hakModules/matrix-seshat
+```
+
+... and build the app with `pnpm build` or run it with `pnpm start`.
+
+(See also https://github.com/element-hq/element-web/blob/develop/apps/desktop/README.md#docker.)
+
+## Building
+
+Install the pre-requisites for your system:
+
+- [Windows pre-requisites](https://github.com/element-hq/element-web/blob/develop/apps/desktop/docs/windows-requirements.md)
+- Linux: TODO. Using the docker environment as above is recommended.
+- OS X: TODO
+
+Then optionally, [add seshat and dependencies to support search in E2E rooms](#adding-seshat-for-search-in-e2e-encrypted-rooms).
+
+Then, to build for an architecture selected automatically based on your system (recommended), run:
+
+```
+pnpm run build:native
+```
+
+If you need to build for a specific architecture, see [here](#compiling-for-specific-architectures).
+
+### Adding Seshat for search in E2E encrypted rooms
 
 Seshat is a native Node module that adds support for local event indexing and
 full text search in E2E encrypted rooms.
@@ -34,20 +66,20 @@ Seshat also depends on the SQLCipher library to store its data in encrypted form
 on disk. You'll need to install it via your OS package manager.
 
 After installing the Rust compiler and SQLCipher, Seshat support can be added
-using yarn inside the `electron_app/` directory:
+using pnpm at the root of this project:
 
-    yarn add matrix-seshat
+    pnpm add matrix-seshat
 
-You will have to rebuild the native libraries against electron's version of
+You will have to rebuild the native libraries against electron's version
 of node rather than your system node, using the `electron-build-env` tool.
-This is also needed to when pulling in changes to Seshat using `yarn link`.
-Again from the `electron_app/` directory:
+This is also needed to when pulling in changes to Seshat using `pnpm link`.
 
-    yarn add electron-build-env
+    pnpm add electron-build-env
 
 Recompiling Seshat itself can be done like so:
 
-    yarn run electron-build-env -- --electron 6.1.1 -- neon build matrix-seshat --release
+    ELECTRON_VERSION=$(electron --version)
+    pnpm electron-build-env -- --electron ${ELECTRON_VERSION#v} -- neon build matrix-seshat --release
 
 Please make sure to include all the `--` as well as the `--release` command line
 switch at the end. Modify your electron version accordingly depending on the
@@ -56,5 +88,93 @@ version that is installed on your system.
 After this is done the Electron version of Element can be run from the main folder
 as usual using:
 
-    yarn electron
+    pnpm start
+
+#### Statically linking libsqlcipher
+
+On Windows & macOS we always statically link libsqlcipher for it is not generally available.
+On Linux by default we will use a system package, on debian & ubuntu this is `libsqlcipher0`,
+but this is problematic for some other packages, and we found that it may crashes for unknown reasons.
+By including `SQLCIPHER_BUNDLED=1` in the build environment, the build scripts will fully statically
+link sqlcipher, including a static build of OpenSSL.
+
+More info can be found at https://github.com/matrix-org/seshat/issues/102
+and https://github.com/vector-im/element-web/issues/20926.
+
+### Compiling for specific architectures
+
+#### macOS
+
+On macOS, you can build universal native modules too:
+
+```
+pnpm run build:native:universal
+```
+
+...or you can build for a specific architecture:
+
+```
+pnpm run build:native --target x86_64-apple-darwin
+```
+
+or
+
+```
+pnpm run build:native --target aarch64-apple-darwin
+```
+
+You'll then need to create a built bundle with the same architecture.
+To bundle a universal build for macOS, run:
+
+```
+pnpm run build:universal
+```
+
+#### Windows
+
+If you're on Windows, you can choose to build specifically for 32 or 64 bit:
+
+```
+pnpm run build:32
+```
+
+or
+
+```
+pnpm run build:64
+```
+
+#### Cross compiling
+
+Compiling a module for a particular operating system (Linux/macOS/Windows) needs
+to be done on that operating system. Cross-compiling from a host OS for a different
+target OS may be possible, but we don't support this flow with Element dependencies
+at this time.
+
+#### Switching between architectures
+
+The native module build system keeps the different architectures
+separate, so you can keep native modules for several architectures at the same
+time and switch which are active using a `pnpm run hak copy` command, passing
+the appropriate architectures. This will error if you haven't yet built those
+architectures. eg:
+
+```
+pnpm run build:native --target x86_64-apple-darwin
+# We've now built & linked into place native modules for Intel
+pnpm run build:native --target aarch64-apple-darwin
+# We've now built Apple Silicon modules too, and linked them into place as the active ones
+
+pnpm run hak copy --target x86_64-apple-darwin
+# We've now switched back to our Intel modules
+pnpm run hak copy --target x86_64-apple-darwin --target aarch64-apple-darwin
+# Now our native modules are universal x86_64+aarch64 binaries
+```
+
+The current set of native modules are stored in `.hak/hakModules`,
+so you can use this to check what architecture is currently in place, eg:
 
+```
+$ lipo -info .hak/hakModules/keytar/build/Release/keytar.node
+Architectures in the fat file: .hak/hakModules/keytar/build/Release/keytar.node are: x86_64 arm64
+```
diff --git a/docs/oauth.md b/docs/oauth.md
new file mode 100644
index 00000000000..ebf930d4f03
--- /dev/null
+++ b/docs/oauth.md
@@ -0,0 +1,23 @@
+# OAuth2 and delegated authentication
+
+See https://areweoidcyet.com/client-implementation-guide/ for implementation details.
+
+Element Web uses [/auth_metadata](https://spec.matrix.org/v1.18/client-server-api/#get_matrixclientv1auth_metadata) to discover the configured provider.
+Where a valid configuration is discovered, OAuth2 native login flow will be the only login option offered.
+Element Web will attempt to [dynamically register](https://spec.matrix.org/v1.18/client-server-api/#client-registration) with the configured OP.
+Then, authentication will be completed [as described here](https://areweoidcyet.com/client-implementation-guide/).
+
+#### Statically configured OAuth2 clients
+
+Clients that are already registered with the OP can configure their `client_id` in `config.json`.
+Where static configuration exists for the OP dynamic client registration will not be attempted.
+
+```json
+{
+    "oidc_static_clients": {
+        "https://dummyoidcprovider.com/": {
+            "client_id": "abc123"
+        }
+    }
+}
+```
diff --git a/docs/packaging.md b/docs/packaging.md
new file mode 100644
index 00000000000..5ec079c204c
--- /dev/null
+++ b/docs/packaging.md
@@ -0,0 +1,46 @@
+## Packaging nightlies
+
+Element Desktop nightly builds are build automatically by the [Github Actions workflow](https://github.com/vector-im/element-web/blob/develop/.github/workflows/build_desktop_and_deploy.yaml).
+The schedule is currently set for once a day at 9am UTC. It will deploy to packages.element.io upon completion.
+
+## Triggering a manual nightly build
+
+Simply go to https://github.com/vector-im/element-web/actions/workflows/build_desktop_and_deploy.yaml
+
+1. Click `Run workflow`
+1. Feel free to make changes to the checkboxes depending on the circumstances
+1. Click the green `Run workflow`
+
+## Packaging releases
+
+The packaging is kicked off automagically for you when a Github Release for Element Web is published.
+
+### More detail on the github actions
+
+We moved to Github Actions for the following reasons:
+
+1. Removing single point of failure
+2. Improving reliability
+3. Unblocking the packaging on a single individual
+4. Improving parallelism
+
+The Windows builds are signed by SSL.com using their Cloud Key Adapter for eSigner.
+This allows us to use Microsoft's signtool to interface with eSigner and send them a hash of the exe along with
+credentials in exchange for a signed certificate which we attach onto all the relevant files.
+
+The Apple builds are signed using standard code signing means and then notarised to appease GateKeeper.
+
+The Linux builds are distributed via a signed reprepro repository.
+
+The packages.element.io site is a public Cloudflare R2 bucket which is deployed to solely from Github Actions.
+The main bucket in R2 is `packages-element-io` which is a direct mapping of packages.element.io,
+we have a workflow which generates the index.html files there to imitate a public index which Cloudflare does not currently support.
+The reprepro database lives in `packages-element-io-db`.
+There is an additional pair of buckets of same name but appended with `-test` which can be used for testing,
+these land on https://packages-element-io-test.element.io/.
+
+### Debian/Ubuntu Distributions
+
+We used to add a new distribution to match each Debian and Ubuntu release. As of April 2020, we have created a `default` distribution that everyone can use (since the packages have never differed by distribution anyway).
+
+The distribution configuration lives in https://github.com/vector-im/packages.element.io/blob/master/debian/conf/distributions as a canonical source.
diff --git a/docs/playwright.md b/docs/playwright.md
new file mode 100644
index 00000000000..58c943465a4
--- /dev/null
+++ b/docs/playwright.md
@@ -0,0 +1,427 @@
+# Playwright in Element Web
+
+## 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
+pnpm 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:** `pnpm 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
+
+### Element Web E2E Tests
+
+Our main Playwright tests run against a full Element Web instance with Synapse/Dendrite homeservers.
+
+**Run all E2E tests:**
+
+```sh
+pnpm run test:playwright
+```
+
+**Run a specific test file:**
+
+```sh
+pnpm run test:playwright playwright/e2e/register/register.spec.ts
+```
+
+**Run tests interactively with Playwright UI:**
+
+```sh
+pnpm run test:playwright:open
+```
+
+**Run screenshot tests only:**
+
+> [!WARNING]
+> This command run the playwright tests in a docker environment.
+
+```sh
+pnpm 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
+
+### Test Structure
+
+**Element Web tests** are located in the `playwright/` subdirectory:
+
+- `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: {
+        // Configuration options for the Synapse instance
+    },
+});
+```
+
+**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
+
+For general Playwright best practices, see:
+
+- <https://playwright.dev/docs/best-practices>
+- <https://playwright.dev/docs/test-assertions#auto-retrying-assertions> (recommended for avoiding flaky tests)
+
+### Getting a Homeserver
+
+Use the `homeserver` fixture to acquire a Homeserver instance:
+
+```typescript
+test("should do something", async ({ homeserver }) => {
+    // homeserver is a ready-to-use Synapse/Dendrite instance
+});
+```
+
+**The fixture provides:**
+
+- 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
+
+Use the `user` fixture to get a logged-in user:
+
+```typescript
+test("should do something", async ({ user }) => {
+    // user is logged in and ready to use
+});
+```
+
+**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
+
+To start with a user in a room:
+
+```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],
+    });
+
+    // 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 CI constraints, use the matrix-js-sdk module exposed on `window.matrixcs`:
+
+```typescript
+const matrixcs = window.matrixcs;
+```
+
+**Limitation:** Only accessible when the app is loaded. This may be revisited in the future.
+
+### Best Practices
+
+For more guidance, see the [Playwright best practices guide](https://playwright.dev/docs/best-practices).
+
+#### 1. Test from the User's Perspective
+
+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).
+
+**Screenshot location:** `playwright/snapshots/`
+
+**Rendering environment:** Linux Docker (for consistency across environments)
+
+### 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
+pnpm 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
+
+Test tags categorize tests for efficient subset execution.
+
+### Available Tags
+
+- **`@mergequeue`**: Slow or flaky tests covering rarely-updated app areas
+    - Not run on every PR commit
+    - Run in the Merge Queue
+
+- **`@screenshot`**: Tests using `toMatchScreenshot` for visual regression testing
+    - See the [Visual Testing](#visual-testing) section for detailed usage
+
+- **`@no-firefox`**: Tests unsupported in Firefox
+    - Automatically skipped in Firefox project
+    - Common reason: Service worker required (disabled in Playwright Firefox for routing)
+
+- **`@no-webkit`**: Tests unsupported in Webkit
+    - Automatically skipped in Webkit project
+    - Common reasons: Service worker required, microphone functionality unavailable
+
+### 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
+```
diff --git a/docs/pr-previews.md b/docs/pr-previews.md
new file mode 100644
index 00000000000..8f6a7c79807
--- /dev/null
+++ b/docs/pr-previews.md
@@ -0,0 +1,30 @@
+# Pull Request Previews
+
+Pull requests to the React SDK layer (and in the future other layers as well)
+automatically set up a preview site with a full deployment of Element with the
+changes from the pull request added in so that anyone can easily test and review
+them. This is especially useful for checking visual and interactive changes.
+
+To access the preview site, click the link in the description of the PR.
+
+The checks section could be collapsed at first, so you may need to click "Show
+all checks" to reveal them. Look for an entry that mentions `deploy-preview`. It
+may be at the end of the list, so you may need scroll a bit to see it. To access
+the preview site, click the "Details" link in the deploy preview row.
+
+**Important:** Please always use test accounts when logging into preview sites,
+as they may contain unreviewed and potentially dangerous code that could damage
+your account, exfiltrate encryption keys, etc.
+
+## FAQs
+
+### Are preview sites created for pull requests from contributors?
+
+Yes, they are created for all PRs from any author.
+
+### Do preview sites expire after some time period?
+
+No, there is no expiry date, so they should remain accessible indefinitely, but
+of course they obviously aren't meant to live beyond the development workflow,
+so please don't rely on them for anything important. They may disappear at any
+time without notice.
diff --git a/docs/readme-element-desktop.md b/docs/readme-element-desktop.md
new file mode 100644
index 00000000000..ac1eb8f79a9
--- /dev/null
+++ b/docs/readme-element-desktop.md
@@ -0,0 +1 @@
+<!--@include: ../apps/desktop/README.md-->
diff --git a/docs/readme-element-web.md b/docs/readme-element-web.md
new file mode 100644
index 00000000000..6ee3debd6d1
--- /dev/null
+++ b/docs/readme-element-web.md
@@ -0,0 +1 @@
+<!--@include: ../apps/web/README.md-->
diff --git a/docs/readme-shared-components.md b/docs/readme-shared-components.md
new file mode 100644
index 00000000000..52e0aa49ef8
--- /dev/null
+++ b/docs/readme-shared-components.md
@@ -0,0 +1 @@
+<!--@include: ../packages/shared-components/README.md-->
diff --git a/docs/release.md b/docs/release.md
new file mode 100644
index 00000000000..6d68aea3e58
--- /dev/null
+++ b/docs/release.md
@@ -0,0 +1,255 @@
+> Tip: Paste this into the browser console to make the checkboxes on this page tickable. (Bear in mind that your ticks will be lost if you reload though.)
+>
+> ```
+> document.querySelectorAll("input[type='checkbox']").forEach(i => {i.disabled = false;})
+> ```
+
+<details><summary><h1>Branches</h1></summary><blockquote>
+
+#### develop
+
+The develop branch holds the very latest and greatest code we have to offer, as such it may be less stable.
+It is auto-deployed on every commit to element-web or matrix-js-sdk to develop.element.io via GitHub Actions `build_develop.yml`.
+
+#### staging
+
+The staging branch corresponds to the very latest release regardless of whether it is an RC or not. Deployed to staging.element.io manually.
+It is auto-deployed on every release of element-web to staging.element.io via GitHub Actions `deploy.yml`.
+
+#### master
+
+The master branch is the most stable as it is the very latest non-RC release. Deployed to app.element.io manually.
+
+</blockquote></details>
+
+<details><summary><h1>Versions</h1></summary><blockquote>
+
+The matrix-js-sdk follows semver, most releases will bump the minor version number.
+Breaking changes will bump the major version number.
+Element Web & Element Desktop do not follow semver and always have matching version numbers. The patch version number is normally incremented for every release.
+
+</blockquote></details>
+
+<details><summary><h1>Release Types</h1></summary><blockquote>
+
+#### Release candidate
+
+A normal release begins with a Release Candidate on the Tick phase of the release cycle,
+and may contain as many further RCs as are needed before the Tock phase of cycle.
+Each subsequent RC may add additional commits via any of the means of preparation.
+
+A normal release is the most typical run-of-the-mill release,
+with at least one RC (Release Candidate) followed by a FINAL release.
+The typical cadence for these is every 2 weeks we'll do a new initial RC,
+then the following week we'll do that release cycle's FINAL release with sometimes more RCs in between, as needed.
+
+#### Final
+
+A normal release culminates with a Final release on the Tock phase of the cycle.
+This may be merely shipping the very latest RC with an adjusted version number,
+but can also include (hopefully small) additional changes present on `staging` if they are deemed safe to skip an RC.
+
+### Hotfix / Security
+
+This is an accelerated type of release which sits somewhere between RC and Final.
+They tend to contain few patches delta from the previous release but also skip any form of RC
+and in the case of Security the patch lands on GitHub only moments prior.
+For all intents and purposes they are the same as a Final release but with a different purpose.
+
+</blockquote></details>
+
+<details><summary><h1>Release Blockers</h1></summary><blockquote>
+
+You should become release rabbit on the day after the last full release.
+For that week, it's your job to keep an eye on the Releases room and see whether any issues marked `X-Release-Blocker` are opened,
+or were already open. You should chase people to fix them, so that on RC day you can make the release.
+
+If release-blocking issues are still open, you need to delay the release until they are fixed or reclassified.
+
+There are two labels for tracking release blockers.
+
+#### X-Release-Blocker
+
+This label applied to an issue means we cannot ship a release affected by the specific issue.
+This means we cannot cut branches for an RC but security & hotfix releases may still be fine.
+
+#### X-Upcoming-Release-Blocker
+
+This label applied to an issue means that the next (read: not current) release cycle will be affected by the specific issue.
+This label will automagically convert to `X-Release-Blocker` at the conclusion of a full release.
+
+</blockquote></details>
+
+<details><summary><h1>Repositories</h1></summary><blockquote>
+
+This release process revolves around our main repositories:
+
+- [Element Web](https://github.com/element-hq/element-web/)
+- [Matrix JS SDK](https://github.com/matrix-org/matrix-js-sdk/)
+
+We own other repositories, but they have more ad-hoc releases and are not part of the bi-weekly cycle:
+
+- https://github.com/matrix-org/matrix-web-i18n/
+- https://github.com/matrix-org/matrix-react-sdk-module-api
+
+</blockquote></details>
+
+<details><summary><h1>Prerequisites</h1></summary><blockquote>
+
+- You must be part of the 2 Releasers GitHub groups:
+    - <https://github.com/orgs/element-hq/teams/element-web-releasers>
+    - <https://github.com/orgs/matrix-org/teams/element-web-releasers>
+- You will need access to the **VPN** ([docs](https://gitlab.matrix.org/new-vector/internal/-/wikis/SRE/Tailscale)) to be able to follow the instructions under Deploy below.
+- You will need the ability to **SSH** in to the production machines to be able to follow the instructions under Deploy below. Ensure that your SSH key has a non-empty passphrase, and you registered your SSH key with Ops. Log a ticket at https://github.com/matrix-org/matrix-ansible-private and ask for:
+    - Two-factor authentication to be set up on your SSH key. (This is needed to get access to production).
+    - SSH access to `horme` (staging.element.io and app.element.io)
+    - Permission to sudo on horme as the user `element`
+- You need "**jumphost**" configuration in your local `~/.ssh/config`. This should have been set up as part of your onboarding.
+
+</blockquote></details>
+
+<details><summary><h1>Overview</h1></summary><blockquote>
+
+```mermaid
+flowchart TD
+    P[[Prepare staging branches]]
+    P --> R1
+
+    subgraph Releasing
+        R1[[Releasing matrix-js-sdk]]
+        R2[[Releasing element-web]]
+
+        R1 --> R2 --> R3
+    end
+
+    R3 --> D1
+
+    subgraph Deploying
+        D1[\Deploy staging.element.io/]
+        D2[\Check docker build/]
+        D3[\Deploy app.element.io/]
+        D4[\Check desktop package/]
+
+        D1 --> D2 --> D
+        D{FINAL?}
+        D -->|Yes| D3 --> D4
+    end
+
+    D -->|No| H1
+    D4 --> H1
+
+    subgraph Housekeeping
+        H1[\Update topics/]
+        H2[\Announce/]
+        H3[\Archive done column/]
+        H4[\Add diary entry/]
+        H5[\Renovate/]
+
+        H1 --> H2 --> H
+
+        H{FINAL?}
+        H -->|Yes| H3 --> H4 --> DONE
+        H -->|No| H5
+    end
+
+    DONE([You are done!])
+    H5 --> DONE
+```
+
+</blockquote></details>
+
+---
+
+# Preparation
+
+The goal of this stage is to get the code you want to ship onto the `staging` branch.
+There are multiple ways to accomplish this depending on the type of release you need to perform.
+
+For the first RC in a given release cycle the easiest way to prepare branches is using the
+[Cut branches automation](https://github.com/element-hq/element-web/actions/workflows/release_prepare.yml) -
+this will take `develop` and merge it into the `staging` on the chosen repositories.
+
+For subsequent RCs, if you need to include a change you may PR it directly to the `staging` branch or rely on the
+backport automation via labelling a PR to `develop` with `backport staging` which will cause a new PR to be opened
+which backports the requested change to the `staging` branch.
+
+For security, you may wish to merge the security advisory private fork or apply the patches manually and then push them directly to `staging`.
+It is worth noting that at the end of the Final/Hotfix/Security release `staging` is merged to `master` which is merged back into `develop` -
+this means that any commit which goes to `staging` will eventually make its way back to the default branch.
+
+- [ ] The staging branch is prepared
+
+# Releasing
+
+Shortly after concluding the preparation stage (or pushing any changes to `staging` in general);
+a draft release will be automatically made on the 4 project repositories with suggested changelogs and version numbers.
+
+_Note: we should add a step here to write summaries atop the changelogs manually, or via AI_
+
+Publishing the SDKs to npm also commits a dependency upgrade to the relevant downstream projects,
+if you skip a layer of this release (e.g. for a hotfix) then the dependency will remain on `#develop` which will be
+switched back to the version of the dependency from the master branch to not leak develop code into a release.
+
+### Matrix JS SDK
+
+- [ ] Check the draft release which has been generated by [the automation](https://github.com/matrix-org/matrix-js-sdk/actions/workflows/release-drafter.yml)
+- [ ] Make any changes to the release notes in the draft release as are necessary - **Do not click publish, only save draft**
+- [ ] Kick off a release using [the automation](https://github.com/matrix-org/matrix-js-sdk/actions/workflows/release.yml) - making sure to select the right type of release. For anything other than an RC: choose final. You should not need to ever switch off either of the Publishing options.
+
+### Element Web
+
+- [ ] Check the draft release which has been generated by [the automation](https://github.com/element-hq/element-web/actions/workflows/release-drafter.yml)
+- [ ] Make any changes to the release notes in the draft release as are necessary - **Do not click publish, only save draft**
+- [ ] Kick off a release using [the automation](https://github.com/element-hq/element-web/actions/workflows/release.yml) - making sure to select the right type of release. For anything other than an RC: choose final. You should not need to ever switch off either of the Publishing options.
+
+# Deploying
+
+We ship the SDKs to npm, this happens as part of the release process.
+We ship Element Web to dockerhub, ghcr.io, `*.element.io`, and packages.element.io.
+We ship Element Desktop to packages.element.io.
+
+- [ ] Check that element-web has shipped to dockerhub & ghcr.io
+- [ ] Check that the staging [deployment](https://github.com/element-hq/element-web/actions/workflows/deploy.yml) has completed successfully
+- [ ] Test staging.element.io
+
+For final releases additionally do these steps:
+
+- [ ] Deploy app.element.io. [See docs.](https://handbook.element.io/books/element-web-team/page/deploying-appstagingelementio)
+- [ ] Test app.element.io
+- [ ] Ensure Element Web package has shipped to packages.element.io
+- [ ] Ensure Element Desktop packages have shipped to packages.element.io
+
+If you need to roll back a deployment to staging.element.io,
+you can run the `deploy.yml` automation choosing an older tag which you wish to deploy.
+
+# Housekeeping
+
+We have some manual housekeeping to do in order to prepare for the next release.
+
+- [ ] Update topics using [the automation](https://github.com/element-hq/element-web/actions/workflows/update-topics.yaml). It will autodetect the current latest version. Don't forget the date you supply should be e.g. September 5th (including the "th") for the script to work.
+- [ ] Announce the release in [#element-web-announcements:matrix.org](https://matrix.to/#/#element-web-announcements:matrix.org)
+
+<details><summary>(show)</summary>
+
+With wording like:
+
+> Element Web v1.11.24 is here!
+>
+> This version adds ... and fixes bugs ...
+>
+> Check it out at app.element.io, in Element Desktop, or from Docker Hub. Changelog and more details at https://github.com/element-hq/element-web/releases/tag/v1.11.24
+
+</details>
+
+For the first RC of a given release cycle do these steps:
+
+- [ ] Go to the [matrix-js-sdk Renovate dashboard](https://github.com/matrix-org/matrix-js-sdk/issues/2406) and click the checkbox to create/update its PRs.
+
+- [ ] Go to the [element-web Renovate dashboard](https://github.com/element-hq/element-web/issues/22941) and click the checkbox to create/update its PRs.
+
+- [ ] Later, check back and merge the PRs that succeeded to build. The ones that failed will get picked up by the [maintainer](https://docs.google.com/document/d/1V5VINWXATMpz9UBw4IKmVVB8aw3CxM0Jt7igtHnDfSk/edit#).
+
+For final releases additionally do these steps:
+
+- [ ] Archive done column on the [team board](https://github.com/orgs/element-hq/projects/67/views/34) _Note: this should be automated_
+- [ ] Add entry to the [milestones diary](https://docs.google.com/document/d/1cpRFJdfNCo2Ps6jqzQmatzbYEToSrQpyBug0aP_iwZE/edit#heading=h.6y55fw4t283z). The document says only to add significant releases, but we add all of them just in case.
diff --git a/docs/review.md b/docs/review.md
index cf3af42b535..c565db52978 100644
--- a/docs/review.md
+++ b/docs/review.md
@@ -10,54 +10,91 @@ When reviewing code, here are some things we look for and also things we avoid:
 
 ### We review for
 
-* Correctness
-* Performance
-* Accessibility
-* Security
-* Quality via automated and manual testing
-* Comments and documentation where needed
-* Sharing knowledge of different areas among the team
-* Ensuring it's something we're comfortable maintaining for the long term
-* Progress indicators and local echo where appropriate with network activity
+- Correctness
+- Performance
+- Accessibility
+- Security
+- Quality via automated and manual testing
+- Comments and documentation where needed
+- Sharing knowledge of different areas among the team
+- Ensuring it's something we're comfortable maintaining for the long term
+- Progress indicators and local echo where appropriate with network activity
 
 ### We should avoid
 
-* Style nits that are already handled by the linter
-* Dramatically increasing scope
+- Style nits that are already handled by the linter
+- Dramatically increasing scope
 
 ### Good practices
 
-* Use empathetic language
-  * See also [Mindful Communication in Code
-    Reviews](https://kickstarter.engineering/a-guide-to-mindful-communication-in-code-reviews-48aab5282e5e)
-    and [How to Do Code Reviews Like a Human](https://mtlynch.io/human-code-reviews-1/)
-* Authors should prefer smaller commits for easier reviewing and bisection
-* Reviewers should be explicit about required versus optional changes
-  * Reviews are conversations and the PR author should feel comfortable
-    discussing and pushing back on changes before making them
-* Reviewers are encouraged to ask for tests where they believe it is reasonable
-* Core team should lead by example through their tone and language
-* Take the time to thank and point out good code changes
-* Using softer language like "please" and "what do you think?" goes a long way
+- Use empathetic language
+    - See also [Mindful Communication in Code
+      Reviews](https://kickstarter.engineering/a-guide-to-mindful-communication-in-code-reviews-48aab5282e5e)
+      and [How to Do Code Reviews Like a Human](https://mtlynch.io/human-code-reviews-1/)
+- Authors should prefer smaller commits for easier reviewing and bisection
+- Reviewers should be explicit about required versus optional changes
+    - Reviews are conversations and the PR author should feel comfortable
+      discussing and pushing back on changes before making them
+- Reviewers are encouraged to ask for tests where they believe it is reasonable
+- Core team should lead by example through their tone and language
+- Take the time to thank and point out good code changes
+- Using softer language like "please" and "what do you think?" goes a long way
   towards making others feel like colleagues working towards a common goal
 
 ### Workflow
 
-* Authors should request review from the riot-web team by default (if someone on
+- Authors should request review from the element-web team by default (if someone on
   the team is clearly the expert in an area, a direct review request to them may
   be more appropriate)
-* Reviewers should remove the team review request and request review from
+- Reviewers should remove the team review request and request review from
   themselves when starting a review to avoid double review
-* If there are multiple related PRs authors should reference each of the PRs in
+- If there are multiple related PRs authors should reference each of the PRs in
   the others before requesting review. Reviewers might start reviewing from
   different places and could miss other required PRs.
-* Avoid force pushing to a PR after the first round of review
-* Use the GitHub default of merge commits when landing (avoid alternate options
+- Avoid force pushing to a PR after the first round of review
+- Use the GitHub default of merge commits when landing (avoid alternate options
   like squash or rebase)
-* PR author merges after review (assuming they have write access)
-* Assign issues only when in progress to indicate to others what can be picked
+- PR author merges after review (assuming they have write access)
+- Assign issues only when in progress to indicate to others what can be picked
   up
 
+## Code Quality
+
+In the past, we have occasionally written different kinds of tests for
+Element and the SDKs, but it hasn't been a consistent focus. Going forward, we'd
+like to change that.
+
+- For new features, code reviewers will expect some form of automated testing to
+  be included by default
+- For bug fixes, regression tests are of course great to have, but we don't want
+  to block fixes on this, so we won't require them at this time
+
+The above policy is not a strict rule, but instead it's meant to be a
+conversation between the author and reviewer. As an author, try to think about
+writing a test when making your next change. As a reviewer, try to think about
+how you might test the area of code you are reviewing. If the reviewer agrees
+it would be quite difficult to test some new feature, then it's okay for them to
+accept the change without tests for now, but we'd eventually like to be more
+strict about this further down the road.
+
+If you do spot areas that are quite hard to test today, please let us know in
+[#element-dev:matrix.org](https://matrix.to/#/#element-dev:matrix.org). We can
+work on improving the app architecture and testing helpers so that future tests
+are easier for everyone to write, but we won't know which parts are difficult
+unless people shout when stumbling through them.
+
+We recognise that this testing policy will slow things down a bit, but overall
+it should encourage better long-term health of the app and give everyone more
+confidence when making changes as coverage increases over time.
+
+For changes guarded by a feature flag, we currently lean towards prioritising
+our ability to evolve quickly using such flags and thus we will not currently
+require tests to appear at the same time as the initial landing of features
+guarded by flags, as long as (for new flagged features going forward) the
+feature author understands that they are effectively deferring part of their
+work (adding tests) until later and tests are expected to appear before the
+feature can be enabled by default.
+
 ## Design and Product Review
 
 We want to ensure that all changes to Element fit with our design and product
@@ -67,18 +104,17 @@ perspective.
 In more detail, our usual process for changes that affect the UI or alter user
 functionality is:
 
-* For changes that will go live when merged, always flag Design and Product
+- For changes that will go live when merged, always flag Design and Product
   teams as appropriate
-* For changes guarded by a feature flag, Design and Product review is not
+- For changes guarded by a feature flag, Design and Product review is not
   required (though may still be useful) since we can continue tweaking
 
 As it can be difficult to review design work from looking at just the changed
-files in a PR, authors should be prepared for Design and / or Product teams to
-request a link to an ad-hoc build of Element (hosted anywhere) that can be used for
-the review. In the future, we [hope to automate
-this](https://github.com/vector-im/riot-web/issues/12624) for every PR.
+files in a PR, a [preview site](./pr-previews.md) that includes your changes
+will be added automatically so that anyone who's interested can try them out
+easily.
 
 Before starting work on a feature, it's best to ensure your plan aligns well
 with our vision for Element. Please chat with the team in
-[#element-dev:matrix.org](https://matrix.to/#/#element-dev:matrix.org) before you
-start so we can ensure it's something we'd be willing to merge.
+[#element-dev:matrix.org](https://matrix.to/#/#element-dev:matrix.org) before
+you start so we can ensure it's something we'd be willing to merge.
diff --git a/docs/room-list.md b/docs/room-list.md
new file mode 100644
index 00000000000..4e788ae6cc2
--- /dev/null
+++ b/docs/room-list.md
@@ -0,0 +1,214 @@
+# Room list
+
+The room list is the sorted, filtered list of rooms in the left-hand navigation panel, always
+scoped to the active space. It is a full [MVVM](MVVM.md) feature split across three layers:
+
+- **Model** — `RoomListStoreV3`, the store that keeps every room sorted and answers queries for
+  the rooms in the active space. It lives in
+  [`apps/web/src/stores/room-list-v3/`](https://github.com/element-hq/element-web/tree/develop/apps/web/src/stores/room-list-v3/).
+- **View models** — adapt the store (and other stores) into snapshots for the UI. They live in
+  [`apps/web/src/viewmodels/room-list/`](https://github.com/element-hq/element-web/tree/develop/apps/web/src/viewmodels/room-list/).
+- **Views** — the presentational React components, owned by `@element-hq/web-shared-components`.
+
+## Architecture
+
+```mermaid
+flowchart TD
+    events["Matrix events"] --> store
+    otherStores["Notification / preview / call stores, room events"] --> rlvm
+    otherStores --> itemVM
+    otherStores --> sectionHeaderVM
+
+    subgraph model["Model"]
+        store["RoomListStoreV3(owns the skip list)"]
+    end
+
+    subgraph vms["View models"]
+        rlvm["RoomListViewModel"]
+        itemVM["RoomListItemViewModel"]
+        sectionHeaderVM["RoomListSectionHeaderViewModel"]
+        headerVM["RoomListHeaderViewModel"]
+        searchVM["RoomListSearchViewModel"]
+    end
+
+    subgraph views["Views (Shared components)"]
+        rlview["RoomListView"]
+        virtualizedView["VirtualizedRoomListView"]
+        itemView["RoomListItemView"]
+        sectionHeaderView["RoomListSectionHeaderView"]
+        headerView["RoomListHeaderView"]
+        searchView["RoomListSearchView"]
+    end
+
+    rlvm -->|"consume events"| store
+    rlvm -->|"creates"| itemVM
+    rlvm -->|"creates"| sectionHeaderVM
+    rlview -->|"snapshot"| rlvm
+    rlview -->|"renders"| virtualizedView
+    virtualizedView -->|"renders"| itemView
+    virtualizedView -->|"renders"| sectionHeaderView
+    virtualizedView -->|"snapshot"| rlvm
+    itemView -->|"snapshot"| itemVM
+    sectionHeaderView -->|"snapshot"| sectionHeaderVM
+    headerView -->|"snapshot"| headerVM
+    searchView -->|"snapshot"| searchVM
+```
+
+## Model — the store
+
+`RoomListStoreV3` (the "V3" is the third implementation) is a singleton exposed as
+`RoomListStoreV3.instance`. Unlike the previous implementations, which re-computed lists on
+demand, V3 keeps every room permanently sorted so retrieval is cheap.
+
+**The skip list.** The core data structure is a
+[skip list](https://en.wikipedia.org/wiki/Skip_list): stacked linked lists that keep every room
+permanently sorted, so a room that changes is simply re-inserted into place and the rest of the
+list is untouched. Rooms are wrapped in `RoomNode`s that cache whether the room is in the active
+space and which filters it matches, so reading the list is just an ordered walk that drops the
+nodes outside the space or not matching the requested filters.
+
+**Sorters.** A sorter defines the order of the list. There are three: **Alphabetic** (by room
+name), **Recency** (most recent meaningful activity, with low-priority and muted rooms forced to
+the bottom), and **Unread** (by unread importance). The user's choice is persisted and can be
+changed at runtime, which rebuilds the list.
+
+**Filters.** A filter answers a single yes/no question about a room, and each room's matching
+filters are precomputed on its node. Filters serve two roles: **capability filters** back the
+primary filter chips in the UI (Unread, People, Rooms, Favourites, Mentions, Invites, Low
+Priority), and **section-tag filters** decide which section a room belongs to. Not all of the
+capability filters are offered as chips at all times: while sectioning is enabled, Favourites and
+Low Priority are hidden, since those rooms already have their own sections.
+
+**Sections.** The store groups rooms into named sections (Favourites, Low Priority, Chats, and
+user-created custom sections) using the section-tag filters described above. Sections are a topic
+of their own — see [Sections](#sections) below.
+
+**Spaces and updates.** The list is always scoped to the active space; rather than re-filter on
+every read, each node caches its active-space membership and the store recomputes that flag when
+the space changes. The store listens for the Matrix events that affect ordering or membership
+(receipts, tag changes, account data, push rules, decryption, timeline events, membership) and
+responds by re-inserting or removing the single affected room. Emissions to consumers are
+coalesced with `requestAnimationFrame`, so a burst of updates within a frame collapses into one
+notification.
+
+**Public surface.** This is the seam the view models bind to:
+
+- Events: `ListsUpdate` (lists changed), `ListsLoaded` (initial load done), `SectionCreated`,
+  and `RoomTagged` (a locally-initiated tag change, which drives the "chat moved" toast).
+- `getSortedRoomsInActiveSpace(filterKeys?)` returns the sorted, filtered rooms grouped into
+  sections. Narrower helpers exist too (DM rooms, server-notice rooms, the full sorted list).
+- Section mutators (`createSection` / `editSection` / `removeSection` / `reorderSection`) and
+  `resort`.
+
+Note that **sticky-room behaviour lives in the view model, not the store** — the store itself is
+unaware of a selected room.
+
+## Sections
+
+Sections are the named groups the room list displays. Membership is driven entirely by the Matrix
+`m.tag` account data on each room, so moving a room between sections is just a matter of changing
+its tags:
+
+- **Favourites** and **Low Priority** use the default `m.favourite` and `m.lowpriority` tags and
+  are pinned to the top and bottom of the list respectively.
+- **Chats** is a synthetic catch-all section (tag `chats`) for every room that isn't in any other
+  explicit section.
+- **Custom sections** are user-created. Each is identified by a generated tag of the form
+  `element.io.section.<uuid>`, and a room is placed in it by tagging the room with that tag.
+
+The store keeps an ordered list of section tags — Favourites first, Low Priority last, and the
+custom sections plus Chats reorderable in between (new custom sections are inserted just above
+Chats by default). Custom sections can be created, renamed, removed, and reordered through
+dialogs; that logic lives in [`section.ts`](https://github.com/element-hq/element-web/blob/develop/apps/web/src/stores/room-list-v3/section.ts).
+
+Each custom section also records the space it was created in, which controls the visibility of
+empty sections: an empty custom section is only shown in the space it belongs to, so sections
+created in one space don't clutter unrelated spaces. Legacy sections without a stored space (or
+whose space no longer exists) fall back to the Home meta-space. Note that this visibility rule is
+applied by `RoomListViewModel` when it builds its snapshot, not by the store.
+
+### Flat list mode
+
+When sectioning is turned off, the room list becomes a single flat list instead of a grouped one.
+This is triggered in two places:
+
+- If the `RoomList.showSections` setting is disabled, the store skips sectioning altogether and
+  `getSortedRoomsInActiveSpace()` returns a single `chats` section containing every room in the
+  active space.
+- Even with sectioning enabled, `RoomListViewModel` discards the sections it shouldn't render (the
+  empty ones, and custom sections belonging to another space) and treats what remains as flat
+  (`isFlatList`) if it is nothing at all, or the Chats catch-all on its own — for example when the
+  user has no favourite, low-priority, or custom-tagged rooms.
+
+In flat mode the view renders a `FlatVirtualizedList` (no section headers); otherwise it renders a
+`GroupedVirtualizedList` with headers and section drag-and-drop.
+
+### Settings
+
+Sections are configured entirely through settings:
+
+- **`RoomList.showSections`** — whether sectioning is enabled at all. When off, the list is flat
+  (see above).
+- **`RoomList.CustomSectionData`** (account level) — the custom-section definitions, keyed by tag.
+  Each entry stores the tag, the user-chosen name, and the space the section was created in.
+  Malformed entries are dropped when the data is read.
+- **`RoomList.OrderedCustomSections`** (account level) — the display order of the reorderable
+  sections (the custom sections and Chats). Favourites and Low Priority are not stored here since
+  they are always pinned to the top and bottom.
+- **`RoomList.SectionExpansionState`** (device level) — the expanded/collapsed state of each
+  section, stored per space and then per section tag. Sections default to expanded when no state
+  has been persisted.
+
+The account-level settings sync across a user's devices, while the expansion state is
+device-local so that collapsing a section on one device doesn't affect the others.
+
+## View models
+
+The view models in [`apps/web/src/viewmodels/room-list/`](https://github.com/element-hq/element-web/tree/develop/apps/web/src/viewmodels/room-list/)
+extend `BaseViewModel` and produce immutable snapshots consumed by the views (see [MVVM](MVVM.md)
+for the base pattern).
+
+**`RoomListViewModel`** is the root orchestrator and the **only** view model that subscribes to
+the store's list events and calls `getSortedRoomsInActiveSpace()`. It builds the top-level
+snapshot — whose sections carry only **room IDs**, not room objects — and owns the sticky-room
+logic, the active filter, the toasts, section drag-and-drop, and keyboard navigation. It also
+lazily creates and owns the child view models.
+
+**`RoomListItemViewModel`** (one per room) and **`RoomListSectionHeaderViewModel`** (one per
+section) are created on demand by the root view model. Crucially, they do **not** listen to the
+store's list events; instead they subscribe to fine-grained domain stores directly —
+notification state, message previews, calls, room events and settings — so a single row can
+update independently of the rest of the list. The section header view model draws on a narrower
+set of those, and is _fed_ its set of rooms imperatively by the parent so it can aggregate their
+notification state.
+
+**`RoomListHeaderViewModel`** (the header bar: space title, sort menu, create actions) and
+**`RoomListSearchViewModel`** (the search/dial/explore row) are decoupled siblings of the root
+view model. They do not share state directly; the header view model and the root view model talk
+through the global dispatcher, in both directions — collapse-all-sections, for instance, is
+requested by the header and the resulting state dispatched back to it.
+
+Permission and create-room helpers used by these view models live in
+[`utils.ts`](https://github.com/element-hq/element-web/blob/develop/apps/web/src/viewmodels/room-list/utils.ts).
+
+## Views
+
+The presentational components are owned by `@element-hq/web-shared-components` (developed in
+Storybook); `apps/web` supplies the view models, a `renderAvatar` callback and a key handler for
+landmark navigation, and the shared package owns the rendering. The app-side entry point is
+[`RoomListPanel`](https://github.com/element-hq/element-web/blob/develop/apps/web/src/components/views/rooms/RoomListPanel/RoomListPanel.tsx), which
+composes the search row, the header view, and the room list itself.
+
+The room list proper is `RoomListView`, which renders the filter chips and any toast above a body
+that is a loading skeleton, an empty state, or — in the usual case — `VirtualizedRoomListView`
+(built on [`react-virtuoso`](https://virtuoso.dev/)). Virtualization drives the lazy lifecycle of
+the child view models: as rows scroll into view the list calls back through
+`getRoomItemViewModel(id)` and `getSectionHeaderViewModel(tag)` to obtain the view model for each
+rendered room or header, and reports its visible range so off-screen item view models can be
+disposed. Because each row binds to its own view model, it re-renders on its own data without
+re-rendering the whole list.
+
+The list renders either as a flat list or a grouped list with section headers, depending on the
+`isFlatList` flag in the snapshot (see [Flat list mode](#flat-list-mode)); in the grouped case,
+drag-and-drop is wired back to the root view model, which reorders sections, moves rooms between
+them, and collapses the sections for the duration of a section drag.
diff --git a/docs/scrolling.md b/docs/scrolling.md
new file mode 100644
index 00000000000..5d88fb8e58f
--- /dev/null
+++ b/docs/scrolling.md
@@ -0,0 +1,27 @@
+# ScrollPanel
+
+## Updates
+
+During an onscroll event, we check whether we're getting close to the top or bottom edge of the loaded content. If close enough, we fire a request to load more through the callback passed in the `onFillRequest` prop. This returns a promise is passed down from `TimelinePanel`, where it will call paginate on the `TimelineWindow` and once the events are received back, update its state with the new events. This update trickles down to the `MessagePanel`, which rerenders all tiles and passed that to `ScrollPanel`. ScrollPanels `componentDidUpdate` method gets called, and we do the scroll housekeeping there (read below). Once the rerender has completed, the `setState` callback is called and we resolve the promise returned by `onFillRequest`. Now we check the DOM to see if we need more fill requests.
+
+## Prevent Shrinking
+
+ScrollPanel supports a mode to prevent it shrinking. This is used to prevent a jump when at the bottom of the timeline and people start and stop typing. It gets cleared automatically when 200px above the bottom of the timeline.
+
+## BACAT (Bottom-Aligned, Clipped-At-Top) scrolling
+
+BACAT scrolling implements a different way of restoring the scroll position in the timeline while tiles out of view are changing height or tiles are being added or removed. It was added in https://github.com/matrix-org/matrix-react-sdk/pull/2842.
+
+The motivation for the changes is having noticed that setting scrollTop while scrolling tends to not work well, with it interrupting ongoing scrolling and also querying scrollTop reporting outdated values and consecutive scroll adjustments cancelling each out previous ones. This seems to be worse on macOS than other platforms, presumably because of a higher resolution in scroll events there. Also see https://github.com/vector-im/element-web/issues/528. The BACAT approach allows to only have to change the scroll offset when adding or removing tiles.
+
+The approach taken instead is to vertically align the timeline tiles to the bottom of the scroll container (using flexbox) and give the timeline inside the scroll container an explicit height, initially set to a multiple of the PAGE_SIZE (400px at time of writing) as needed by the content. When scrolled up, we can compensate for anything that grew below the viewport by changing the height of the timeline to maintain what's currently visible in the viewport without adjusting the scrollTop and hence without jumping.
+
+For anything above the viewport growing or shrinking, we don't need to do anything as the timeline is bottom-aligned. We do need to update the height manually to keep all content visible as more is loaded. To maintain scroll position after the portion above the viewport changes height, we need to set the scrollTop, as we cannot balance it out with more height changes. We do this 100ms after the user has stopped scrolling, so setting scrollTop has not nasty side-effects.
+
+As of https://github.com/matrix-org/matrix-react-sdk/pull/4166, we are scrolling to compensate for height changes by calling `scrollBy(0, x)` rather than reading and than setting `scrollTop`, as reading `scrollTop` can (again, especially on macOS) easily return values that are out of sync with what is on the screen, probably because scrolling can be done [off the main thread](https://wiki.mozilla.org/Platform/GFX/APZ) in some circumstances. This seems to further prevent jumps.
+
+### How does it work?
+
+`componentDidUpdate` is called when a tile in the timeline is updated (as we rerender the whole timeline) or tiles are added or removed (see Updates section before). From here, `checkScroll` is called, which calls `restoreSavedScrollState`. Now, we increase the timeline height if something below the viewport grew by adjusting `this.bottomGrowth`. `bottomGrowth` is the height added to the timeline (on top of the height from the number of pages calculated at the last `updateHeight` run) to compensate for growth below the viewport. This is cleared during the next run of `updateHeight`. Remember that the tiles in the timeline are aligned to the bottom.
+
+From `restoreSavedScrollState` we also call `updateHeight` which waits until the user stops scrolling for 100ms and then recalculates the amount of pages of 400px the timeline should be sized to, to be able to show all of its (newly added) content. We have to adjust the scroll offset (which is why we wait until scrolling has stopped) now because the space above the viewport has likely changed.
diff --git a/docs/settings.md b/docs/settings.md
new file mode 100644
index 00000000000..e555cd7c1e8
--- /dev/null
+++ b/docs/settings.md
@@ -0,0 +1,236 @@
+# Settings Reference
+
+This document serves as developer documentation for using "Granular Settings". Granular Settings allow users to specify
+different values for a setting at particular levels of interest. For example, a user may say that in a particular room
+they want URL previews off, but in all other rooms they want them enabled. The `SettingsStore` helps mask the complexity
+of dealing with the different levels and exposes easy to use getters and setters.
+
+## Levels
+
+Granular Settings rely on a series of known levels in order to use the correct value for the scenario. These levels, in
+order of priority, are:
+
+- `device` - The current user's device
+- `room-device` - The current user's device, but only when in a specific room
+- `room-account` - The current user's account, but only when in a specific room
+- `account` - The current user's account
+- `room` - A specific room (setting for all members of the room)
+- `config` - Values are defined by the `setting_defaults` key (usually) in `config.json`
+- `default` - The hardcoded default for the settings
+
+Individual settings may control which levels are appropriate for them as part of the defaults. This is often to ensure
+that room administrators cannot force account-only settings upon participants.
+
+## Settings
+
+Settings are the different options a user may set or experience in the application. These are pre-defined in
+`src/settings/Settings.tsx` under the `SETTINGS` constant, and match the `ISetting` interface as defined there.
+
+Settings that support the config level can be set in the config file under the `setting_defaults` key (note that some
+settings, like the "theme" setting, are special cased in the config file):
+
+```json5
+{
+  ...
+  "setting_defaults": {
+    "settingName": true
+  },
+  ...
+}
+```
+
+### Getting values for a setting
+
+After importing `SettingsStore`, simply make a call to `SettingsStore.getValue`. The `roomId` parameter should always
+be supplied where possible, even if the setting does not have a per-room level value. This is to ensure that the value
+returned is best represented in the room, particularly if the setting ever gets a per-room level in the future.
+
+In settings pages it is often desired to have the value at a particular level instead of getting the calculated value.
+Call `SettingsStore.getValueAt` to get the value of a setting at a particular level, and optionally make it explicitly
+at that level. By default `getValueAt` will traverse the tree starting at the provided level; making it explicit means
+it will not go beyond the provided level. When using `getValueAt`, please be sure to use `SettingLevel` to represent the
+target level.
+
+### Setting values for a setting
+
+Values are defined at particular levels and should be done in a safe manner. There are two checks to perform to ensure a
+clean save: is the level supported and can the user actually set the value. In most cases, neither should be an issue
+although there are circumstances where this changes. An example of a safe call is:
+
+```javascript
+const isSupported = SettingsStore.isLevelSupported(SettingLevel.ROOM);
+if (isSupported) {
+    const canSetValue = SettingsStore.canSetValue("mySetting", "!curbf:matrix.org", SettingLevel.ROOM);
+    if (canSetValue) {
+        SettingsStore.setValue("mySetting", "!curbf:matrix.org", SettingLevel.ROOM, newValue);
+    }
+}
+```
+
+These checks may also be performed in different areas of the application to avoid the verbose example above. For
+instance, the component which allows changing the setting may be hidden conditionally on the above conditions.
+
+##### `SettingsFlag` component
+
+Where possible, the `SettingsFlag` component should be used to set simple "flip-a-bit" (true/false) settings. The
+`SettingsFlag` also supports simple radio button options, such as the theme the user would like to use.
+
+```TSX
+<SettingsFlag name="theSettingId" level={SettingsLevel.ROOM} roomId="!curbf:matrix.org"
+    label={_td("Your label here")} // optional, if falsey then the `SettingsStore` will be used
+    onChange={function(newValue) { }} // optional, called after saving
+    isExplicit={false} // this is passed along to `SettingsStore.getValueAt`, defaulting to false
+    manualSave={false} // if true, saving is delayed. You will need to call .save() on this component
+
+    // Options for radio buttons
+    group="your-radio-group" // this enables radio button support
+    value="yourValueHere" // the value for this particular option
+/>
+```
+
+### Getting the display name for a setting
+
+Simply call `SettingsStore.getDisplayName`. The appropriate display name will be returned and automatically translated
+for you. If a display name cannot be found, it will return `null`.
+
+## Features
+
+Feature flags are just like regular settings with some underlying semantics for how they are meant to be used. Usually
+a feature flag is used when a portion of the application is under development or not ready for full release yet, such
+as new functionality or experimental ideas. In these cases, the feature name _should_ be named with the `feature_*`
+convention and must be tagged with `isFeature: true` in the setting definition. By doing so, the feature will automatically
+appear in the "labs" section of the user's settings.
+
+Features can be controlled at the config level using the following structure:
+
+```json
+"features": {
+  "feature_lazyloading": true
+}
+```
+
+When `true`, the user will see the feature as enabled. Similarly, when `false` the user will see the feature as disabled.
+The user will only be able to change/see these states if `show_labs_settings: true` is in the config.
+
+### Determining if a feature is enabled
+
+Call `SettingsStore.getValue()` as you would for any other setting.
+
+### Enabling a feature
+
+Call `SettingsStore.setValue("feature_name", null, SettingLevel.DEVICE, true)`.
+
+### A note on UI features
+
+UI features are a different concept to plain features. Instead of being representative of unstable or
+unpredicatable behaviour, they are logical chunks of UI which can be disabled by deployments for ease
+of understanding with users. They are simply represented as boring settings with a convention of being
+named as `UIFeature.$location` where `$location` is a rough descriptor of what is toggled, such as
+`URLPreviews` or `Communities`.
+
+UI features also tend to have their own setting controller (see below) to manipulate settings which might
+be affected by the UI feature being disabled. For example, if URL previews are disabled as a UI feature
+then the URL preview options will use the `UIFeatureController` to ensure they remain disabled while the
+UI feature is disabled.
+
+## Setting controllers
+
+Settings may have environmental factors that affect their value or need additional code to be called when they are
+modified. A setting controller is able to override the calculated value for a setting and react to changes in that
+setting. Controllers are not a replacement for the level handlers and should only be used to ensure the environment is
+kept up to date with the setting where it is otherwise not possible. An example of this is the notification settings:
+they can only be considered enabled if the platform supports notifications, and enabling notifications requires
+additional steps to actually enable notifications.
+
+For more information, see `src/settings/controllers/SettingController.ts`.
+
+## Local echo
+
+`SettingsStore` will perform local echo on all settings to ensure that immediately getting values does not cause a
+split-brain scenario. As mentioned in the "Setting values for a setting" section, the appropriate checks should be done
+to ensure that the user is allowed to set the value. The local echo system assumes that the user has permission and that
+the request will go through successfully. The local echo only takes effect until the request to save a setting has
+completed (either successfully or otherwise).
+
+```javascript
+SettingsStore.setValue(...).then(() => {
+  // The value has actually been stored at this point.
+});
+SettingsStore.getValue(...); // this will return the value set in `setValue` above.
+```
+
+## Watching for changes
+
+Most use cases do not need to set up a watcher because they are able to react to changes as they are made, or the
+changes which are made are not significant enough for it to matter. Watchers are intended to be used in scenarios where
+it is important to react to changes made by other logged in devices. Typically, this would be done within the component
+itself, however the component should not be aware of the intricacies of setting inversion or remapping to particular
+data structures. Instead, a generic watcher interface is provided on `SettingsStore` to watch (and subsequently unwatch)
+for changes in a setting.
+
+An example of a watcher in action would be:
+
+```javascript
+class MyComponent extends React.Component {
+    settingWatcherRef = null;
+
+    componentDidMount() {
+        const callback = (settingName, roomId, level, newValAtLevel, newVal) => {
+            this.setState({ color: newVal });
+        };
+        this.settingWatcherRef = SettingsStore.watchSetting("roomColor", "!example:matrix.org", callback);
+    }
+
+    componentWillUnmount() {
+        SettingsStore.unwatchSetting(this.settingWatcherRef);
+    }
+}
+```
+
+# Maintainers Reference
+
+The granular settings system has a few complex parts to power it. This section is to document how the `SettingsStore` is
+supposed to work.
+
+### General information
+
+The `SettingsStore` uses the hardcoded `LEVEL_ORDER` constant to ensure that it is using the correct override procedure.
+The array is checked from left to right, simulating the behaviour of overriding values from the higher levels. Each
+level should be defined in this array, including `default`.
+
+Handlers (`src/settings/handlers/SettingsHandler.ts`) represent a single level and are responsible for getting and
+setting values at that level. Handlers also provide additional information to the `SettingsStore` such as if the level
+is supported or if the current user may set values at the level. The `SettingsStore` will use the handler to enforce
+checks and manipulate settings. Handlers are also responsible for dealing with migration patterns or legacy settings for
+their level (for example, a setting being renamed or using a different key from other settings in the underlying store).
+Handlers are provided to the `SettingsStore` via the `LEVEL_HANDLERS` constant. `SettingsStore` will optimize lookups by
+only considering handlers that are supported on the platform.
+
+Local echo is achieved through `src/settings/handlers/LocalEchoWrapper.ts` which acts as a wrapper around a given
+handler. This is automatically applied to all defined `LEVEL_HANDLERS` and proxies the calls to the wrapped handler
+where possible. The echo is achieved by a simple object cache stored within the class itself. The cache is invalidated
+immediately upon the proxied save call succeeding or failing.
+
+Controllers are notified of changes by the `SettingsStore`, and are given the opportunity to override values after the
+`SettingsStore` has deemed the value calculated. Controllers are invoked as the last possible step in the code.
+
+### Features
+
+See above for feature reference.
+
+### Watchers
+
+Watchers can appear complicated under the hood: there is a central `WatchManager` which handles the actual invocation
+of callbacks, and callbacks are managed by the SettingsStore by redirecting the caller's callback to a dedicated
+callback. This is done so that the caller can reuse the same function as their callback without worrying about whether
+or not it'll unsubscribe all watchers.
+
+Setting changes are emitted into the default `WatchManager`, which calculates the new value for the setting. Ideally,
+we'd also try and suppress updates which don't have a consequence on this value, however there's not an easy way to do
+this. Instead, we just dispatch an update for all changes and leave it up to the consumer to deduplicate.
+
+In practice, handlers which rely on remote changes (account data, room events, etc) will always attach a listener to the
+`MatrixClient`. They then watch for changes to events they care about and send off appropriate updates to the
+generalized `WatchManager` - a class specifically designed to deduplicate the logic of managing watchers. The handlers
+which are localized to the local client (device) generally just trigger the `WatchManager` when they manipulate the
+setting themselves as there's nothing to really 'watch'.
diff --git a/docs/skinning thoughts.md b/docs/skinning thoughts.md
deleted file mode 100644
index 46f9948ed84..00000000000
--- a/docs/skinning thoughts.md	
+++ /dev/null
@@ -1,68 +0,0 @@
-== Skinning refactor ==
-
-matrix-react-sdk
-  - base images
-  - base CSS
-  - all the components needed to build a workable app (including the top layer)
-
-element-web: the Element skin
-  - Element-specific classes (e.g. login header/footer)
-  - Element-specific themes
-    - light
-    - dark
-
-i.e. the only things which should go into element-web are bits which apply vector-specific skinning
-specifically "Stuff that any other brand would not want to use. (e.g. Element logos, links, T&Cs)"
- - Questions:
-   - Electron app?  (should probably be a separate repo in its own right?  but might as well go here for now)
-   - index.html & index.js?  (should be in matrix-react-sdk, given the SDK is useless without them?)
-
-ideally matrix-react-sdk itself should ship with a default skin which actually works built in.
-
-status skin (can go in the same app for now)
-  - has status theme
-    - which inherits from Element light theme
-    - how do we share graphics between skins?
-      - shove them into react-sdk, or...
-      - guess we do ../../vector/img 
-      - this means keeping the skin name in the images (unless /img is a shortcut to the right skin's images)
-
-out of scope:
-  - making the components more independent, so they can be used in isolation.
-  - that said, the bits which should probably be used by being embeded into a different app:
-    - login/reg
-    - RoomView + RoomSettings
-    - MessageComposer
-    - RoomList
-    - MemberList
-    - MemberInfo
-    - Voip UI
-    - UserSettings
-  - sharing different js-sdks between the different isolated modules
-
-other changes:
-  - how do we handle i18n?
-    - each skin should really be its own i18n project.  As long as all the commonality stuff is in matrix-react-sdk this shouldn't be too bad.
-  - ability to associate components with a given skin
-    - skins/vector/src <-- components
-    - skins/vector/css
-    - skins/vector/img
-    - skins/vector/fonts
-  - gather together themes (per skin) into a single place too
-    - skins/vector/themes/foo/css
-    - skins/vector/themes/foo/img
-    - skins/vector/themes/foo/fonts
-  - ideally riot-web would contain almost nothing but skins/vector directory. 
-  - ability to entirely replace CSS rather than override it for a given theme
-    - e.g. if we replace `Login.js` with `StatusLogin.js`, then we should similarly be able to replace `_Login.scss` with `_StatusLogin.scss`.
-
-random thoughts;
-   - should we be able to change the entire skin at runtime (more like wordpress) - to the extent of replacing entire components?
-     - might pose security issues if a theme can be swapped out to replace MatrixChat or other fundamental functionality at runtime
-   - if so, perhaps skins & themes should converge...
-
------------------
-
-Immediate plan for Status:
- * Implement it as a theme for the Element skin
- * Ideally move skins to a sensible level (possibly even including src?)
diff --git a/docs/skinning.md b/docs/skinning.md
new file mode 100644
index 00000000000..0186186c24a
--- /dev/null
+++ b/docs/skinning.md
@@ -0,0 +1,18 @@
+# Skinning
+
+Skinning in the context of the react-sdk is component replacement rather than CSS. This means you can override (replace)
+any accessible component in the project to implement custom behaviour, look & feel, etc. Depending on your approach,
+overriding CSS classes to apply custom styling is also possible, though harder to do.
+
+At present, the react-sdk offers no stable interface for components - this means properties and state can and do change
+at any time without notice. Once we determine the react-sdk to be stable enough to use as a proper SDK, we will adjust
+this policy. In the meantime, skinning is done completely at your own risk.
+
+The approach you take is up to you - we suggest using a module replacement plugin, as found in
+[webpack](https://webpack.js.org/plugins/normal-module-replacement-plugin/), though you're free to use whichever build
+system works for you. The react-sdk does not have any particular functions to call to load skins, so simply replace or
+extend the components/stores/etc you're after and build. As a reminder though, this is done completely at your own risk
+as we cannot guarantee a stable interface at this time.
+
+Taking a look at [element-web](https://github.com/vector-im/element-web)'s approach to skinning may be worthwhile, as it
+overrides some relatively simple components.
diff --git a/docs/theming.md b/docs/theming.md
index 9b90fb26066..b806f2b8544 100644
--- a/docs/theming.md
+++ b/docs/theming.md
@@ -1,31 +1,25 @@
-Theming Element
-============
+# Theming Element
 
 Themes are a very basic way of providing simple alternative look & feels to the
 Element app via CSS & custom imagery.
 
-They are *NOT* co be confused with 'skins', which describe apps which sit on top
-of matrix-react-sdk - e.g. in theory Element itself is a react-sdk skin.
-As of Jan 2017, skins are not fully supported; Element is the only available skin.
-
 To define a theme for Element:
 
- 1. Pick a name, e.g. `teal`. at time of writing we have `light` and `dark`.
- 2. Fork `src/skins/vector/css/themes/dark.scss` to be `teal.scss`
- 3. Fork `src/skins/vector/css/themes/_base.scss` to be `_teal.scss`
- 4. Override variables in `_teal.scss` as desired. You may wish to delete ones
-    which don't differ from `_base.scss`, to make it clear which are being
-    overridden. If every single colour is being changed (as per `_dark.scss`)
+1.  Pick a name, e.g. `teal`. at time of writing we have `light` and `dark`.
+2.  Fork `res/themes/dark/css/dark.pcss` to be `teal.pcss`
+3.  Fork `res/themes/dark/css/_base.pcss` to be `_teal.pcss`
+4.  Override variables in `_teal.pcss` as desired. You may wish to delete ones
+    which don't differ from `_base.pcss`, to make it clear which are being
+    overridden. If every single colour is being changed (as per `_dark.pcss`)
     then you might as well keep them all.
- 5. Add the theme to the list of entrypoints in webpack.config.js
- 6. Add the theme to the list of themes in matrix-react-sdk's UserSettings.js
- 7. Sit back and admire your handywork.
+5.  Add the theme to the list of entrypoints in webpack.config.js
+6.  Add the theme to the list of themes in theme.ts
+7.  Sit back and admire your handywork.
 
 In future, the assets for a theme will probably be gathered together into a
 single directory tree.
 
-Custom Themes
-=============
+# Custom Themes
 
 Themes derived from the built in themes may also be defined in settings.
 
@@ -33,10 +27,10 @@ To avoid name collisions, the internal name of a theme is
 `custom-${theme.name}`. So if you want to set the custom theme below as the
 default theme, you would use `default_theme: "custom-Electric Blue"`.
 
-eg. in config.json:
+e.g. in config.json:
 
-```
-"settingDefaults": {
+```json5
+"setting_defaults": {
         "custom_themes": [
             {
                 "name": "Electric Blue",
@@ -45,7 +39,7 @@ eg. in config.json:
                     "faces": [
                         {
                             "font-family": "Inter",
-                            "src": [{"url": "/fonts/Inter.ttf", "format": "ttf"}]
+                            "src": [{"url": "/fonts/Inter.ttf", "format": "truetype"}]
                         }
                     ],
                     "general": "Inter, sans",
@@ -65,8 +59,14 @@ eg. in config.json:
                     "timeline-text-color": "#2e2f32",
                     "timeline-text-secondary-color": "#61708b",
                     "timeline-highlights-color": "#f3f8fd",
-                    "username-colors": ["#ff0000", ...]
-                    "avatar-background-colors": ["#cc0000", ...]
+
+                    // These should both be 8 values long
+                    "username-colors": ["#ff0000", /*...*/],
+                    "avatar-background-colors": ["#cc0000", /*...*/]
+                },
+                "compound": {
+                    "--cpd-color-icon-accent-tertiary": "var(--cpd-color-blue-800)",
+                    "--cpd-color-text-action-accent": "var(--cpd-color-blue-900)"
                 }
             }, {
                 "name": "Deep Purple",
@@ -91,8 +91,6 @@ eg. in config.json:
     }
 ```
 
-`username-colors` is expected to contain 8 colors. `avatar-background-colors` is expected to contain 3 colors. Both values are optional and have fallbacks from the built-in theme.
-
-These are exposed as `--username-colors_0`, ... and `--avatar-background-colors_0`, ... respectively in CSS.
+`compound` may contain overrides for any [semantic design token](https://compound.element.io/?path=/docs/tokens-semantic-colors--docs) belonging to our design system. The above example shows how you might change the accent color to blue by setting the relevant semantic tokens to refer to blue [base tokens](https://compound.element.io/?path=/docs/tokens-color-palettes--docs).
 
 All properties in `fonts` are optional, and will default to the standard Riot fonts.
diff --git a/docs/translating-dev.md b/docs/translating-dev.md
index 1653b8c615b..c5f4bea75e9 100644
--- a/docs/translating-dev.md
+++ b/docs/translating-dev.md
@@ -2,19 +2,24 @@
 
 ## Requirements
 
-- A working [Development Setup](../../#setting-up-a-dev-environment)
-  - Including up-to-date versions of matrix-react-sdk and matrix-js-sdk
+- A working [Development Setup](../README.md#setting-up-a-dev-environment)
 - Latest LTS version of Node.js installed
 - Be able to understand English
-- Be able to understand the language you want to translate Element into
 
 ## Translating strings vs. marking strings for translation
 
-Translating strings are done with the `_t()` function found in matrix-react-sdk/lib/languageHandler.js. It is recommended to call this function wherever you introduce a string constant which should be translated. However, translating can not be performed until after the translation system has been initialized. Thus, sometimes translation must be performed at a different location in the source code than where the string is introduced. This breaks some tooling and makes it difficult to find translatable strings. Therefore, there is the alternative `_td()` function which is used to mark strings for translation, without actually performing the translation (which must still be performed separately, and after the translation system has been initialized).
+Translating strings are done with the `_t()` function found in `languageHandler`.
+It is recommended to call this function wherever you introduce a string constant which should be translated.
+However, translating can not be performed until after the translation system has been initialized.
+Thus, sometimes translation must be performed at a different location in the source code than where the string is introduced.
+This breaks some tooling and makes it difficult to find translatable strings.
+Therefore, there is the alternative `_td()` function which is used to mark strings for translation,
+without actually performing the translation (which must still be performed separately, and after the translation system has been initialized).
 
 Basically, whenever a translatable string is introduced, you should call either `_t()` immediately OR `_td()` and later `_t()`.
 
 Example:
+
 ```
 // Module-level constant
 const COLORS = {
@@ -28,36 +33,62 @@ function getColorName(hex) {
 }
 ```
 
+## Key naming rules
+
+These rules are based on https://github.com/element-hq/element-x-android/blob/develop/tools/localazy/README.md
+At this time we are not trying to have a translation key per UI element as some methodologies use,
+whilst that would offer the greatest flexibility, it would also make reuse between projects nigh impossible.
+We are aiming for a set of common strings to be shared then some more localised translations per context they may appear in.
+
+1. Ensure the string doesn't already exist in a related project, such as https://localazy.com/p/element
+2. Keys for common strings, i.e. strings that can be used at multiple places must start by `action_` if this is a verb, or `common_` if not
+3. Keys for common accessibility strings must start by `a11y_`. Example: `a11y_hide_password`
+4. Otherwise, try to group keys logically and nest where appropriate, such as `keyboard_` for strings relating to keyboard shortcuts.
+5. Ensure your translation keys do not include `.` or `|` or ` `. Try to balance string length against descriptiveness.
+6. Key names should match the meaning and purpose of the translations as closely as they can. E.g. "button_click_biscuits" -> "Click for biscuits"
+
 ## Adding new strings
 
- 1. Check if the import ``import { _t } from 'matrix-react-sdk/lib/languageHandler';`` is present. If not add it to the other import statements. Also import `_td` if needed.
- 1. Add ``_t()`` to your string. (Don't forget curly braces when you assign an expression to JSX attributes in the render method). If the string is introduced at a point before the translation system has not yet been initialized, use `_td()` instead, and call `_t()` at the appropriate time.
- 1. Run `yarn i18n` to update ``src/i18n/strings/en_EN.json``
- 1. If you added a string with a plural, you can add other English plural variants to ``src/i18n/strings/en_EN.json`` (remeber to edit the one in the same project as the source file containing your new translation).
+1. Check if the import `import { _t } from ".../languageHandler";` is present. If not add it to the other import statements. Also import `_td` if needed.
+1. Add `_t()` to your string passing the translation key you come up with based on the rules above. If the string is introduced at a point before the translation system has not yet been initialized, use `_td()` instead, and call `_t()` at the appropriate time.
+1. Run `pnpm i18n` to add the keys to `src/i18n/strings/en_EN.json`
+1. Modify the new entries in `src/i18n/strings/en_EN.json` with the English (UK) translations for the added keys.
+
+## Editing non-English UK existing strings
+
+Edits to existing **non-en_EN** 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.
+
+### Editing English UK (en_EN) strings
+
+Edits to `en_EN.json` **require** a PR, since there is a high chance that a test covers the string in use and may be impacted if it were to change. This also gives us a clean change history.
+
+When changing a string, be careful to rename the key if the meaning changes. For instance, if the key `button_click_biscuits` changed from "Click for biscuits" to "Click for vegetables", then they key should have changed to `button_click_vegetables`.
+
+## Removing existing strings
 
-## Editing 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.
 
-1. Edit every occurrence of the string inside `_t()` and `_td()` in the JSX files.
-1. Run `yarn i18n` to update `src/i18n/strings/en_EN.json`. (Be sure to run this in the same project as the JSX files you just edited.)
-1. Run `yarn prunei18n` to remove the old string from `src/i18n/strings/*.json`.
+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(STRING)`` use ``_t(STRING, {})``
+1. Extend your `_t()` call. Instead of `_t(TKEY)` use `_t(TKEY, {})`
 1. Decide how to name it. Please think about if the person who has to translate it can understand what it does. E.g. using the name 'recipient' is bad, because a translator does not know if it is the name of a person, an email address, a user ID, etc. Rather use e.g. recipientEmailAddress.
-1. Add it to the array in ``_t`` for example ``_t(STRING, {variable: this.variable})``
-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.
+1. Add it to the array in `_t` for example `_t(TKEY, {variable: this.variable})`
+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 prefered 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.
-- 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> })``.
+- 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.
+- 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
 
-- Do not use `_t()` inside ``getDefaultProps``: the translations aren't loaded when `getDefaultProps` is called, leading to missing translations. Use `_td()` to indicate that `_t()` will be called on the string later.
+- Do not use `_t()` inside `getDefaultProps`: the translations aren't loaded when `getDefaultProps` is called, leading to missing translations. Use `_td()` to indicate that `_t()` will be called on the string later.
 - If using translated strings as constants, translated strings can't be in constants loaded at class-load time since the translations won't be loaded. Mark the strings using `_td()` instead and perform the actual translation later.
 - If a string is presented in the UI with punctuation like a full stop, include this in the translation strings, since punctuation varies between languages too.
 - Avoid "translation in parts", i.e. concatenating translated strings or using translated strings in variable substitutions. Context is important for translations, and translating partial strings this way is simply not always possible.
 - 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 repetion, 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.
+- 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.
diff --git a/docs/translating.md b/docs/translating.md
index 1a00e630024..2b82453f933 100644
--- a/docs/translating.md
+++ b/docs/translating.md
@@ -6,59 +6,30 @@
 - Be able to understand English
 - Be able to understand the language you want to translate Element into
 
-## Step 0: Join #riotweb-translations:matrix.org
+## Join #element-translations:matrix.org
 
-1. Come and join https://matrix.to/#/#riotweb-translations:matrix.org
-2. Read scrollback and/or ask if anyone else is working on your language, and co-ordinate if needed.  In general little-or-no coordination is needed though :)
-
-## Step 1: Preparing your Weblate Profile
-
-1. Head to https://translate.riot.im and register either via Github or email
-2. After registering check if you got an email to verify your account and click the link (if there is none head to step 1.4)
-3. Log into weblate
-4. Head to https://translate.riot.im/accounts/profile/ and select the languages you know and maybe another language you know too.
-6. Head to https://translate.riot.im/accounts/profile/#subscriptions and select Element Web as Project
+1. Come and join https://matrix.to/#/#element-translations:matrix.org for general discussion
+2. Join https://matrix.to/#/#element-translators:matrix.org for language-specific rooms
+3. Read scrollback and/or ask if anyone else is working on your language, and co-ordinate if needed. In general little-or-no coordination is needed though :)
 
 ## How to check if your language already is being translated
 
-Go to https://translate.riot.im/projects/riot-web/ and visit the 2 sub-projects.
-If your language is listed go to Step 2a and if not go to Step 2b
-
-## Step 2a: Helping on existing languages.
-
-1. Head to one of the projects listed https://translate.riot.im/projects/riot-web/
-2. Click on the ``translate`` button on the right side of your language
-3. Fill in the translations in the writeable field. You will see the original English string and the string of your second language above.
-
-Head to the explanations under Steb 2b
-
-## Step 2b: Adding a new language
-
-1. Go to one of the projects listed https://translate.riot.im/projects/riot-web/
-2. Click the ``Start new translation`` button at the bottom
-3. Select a language
-4. Start translating like in 2a.3
-5. Repeat these steps for the other projects which are listed at the link of step 2b.1
-
-### What means the green button under the text field?
-
-The green button let you save our translations directly. Please only use it if you are 100% sure about that translation. If you do not know a translation please DO NOT click that button. Use the arrows above the translations field and click to the right.
-
-### What means the yellow button under the text field?
-
-The yellow button has to be used if you are unsure about the translation but you have a rough idea. It adds a new suggestion to the string which can than be reviewed by others.
-
-### What are "%(something)s"?
-
-These things are variables that are expanded when displayed by Element. They can be room names, usernames or similar. If you find one, you can move to the right place for your language, but not delete it as the variable will be missing if you do.
+Go to https://localazy.com/p/element-web. If your language is listed then you can get started. Have a read
+of https://localazy.com/docs/general/translating-strings if you need help getting started. If your language is not yet
+listed please express your wishes to start translating it in the general discussion room linked above.
 
-A special case is `%(urlStart)s` and `%(urlEnd)s` which are used to mark the beginning of a hyperlink (i.e. `<a href="/somewhere">` and `</a>`.  You must keep these markers surrounding the equivalent string in your language that needs to be hyperlinked.
+### What are `%(something)s`?
 
-### "I want to come back to this string. How?"
+These things are placeholders that are expanded when displayed by Element. They can be room names, usernames or similar.
+If you find one, you can move to the right place for your language, but not delete it as the variable will be missing if you do.
+A special case is `%(count)s` as this is also used to determine which pluralisation is used.
 
-You can use inside the translation field "Review needed" checkbox. It will be shown as Strings that need to be reviewed.
+### What are `<link>Something</link>`
 
+These things are markup tags, they encapsulate sections of translations to be marked up, with links, buttons, emphasis and such.
+You must keep these markers surrounding the equivalent string in your language that needs to be marked up.
 
-### Further reading
+### When will my translations be available?
 
-The official Weblate doc provides some more in-deepth explanation on how to do translations and talks about do and don'ts. You can find it at: https://docs.weblate.org/en/latest/user/translating.html
+We automatically pull changes from Localazy 3 times a week, so your translations should be available at https://develop.element.io
+within a few days of you submitting them and them being approved. They will then also be included in the following release cycle.
diff --git a/docs/updates.md b/docs/updates.md
new file mode 100644
index 00000000000..5f963cda936
--- /dev/null
+++ b/docs/updates.md
@@ -0,0 +1,15 @@
+The Desktop app is capable of self-updating on macOS and Windows.
+The update server base url is configurable as `update_base_url` in config.json and can be served by a static file host,
+CDN or object storage.
+
+Currently all packaging & deployment is handled by [Github actions](https://github.com/vector-im/element-web/blob/develop/.github/workflows/build_desktop_and_deploy.yaml)
+
+# Windows
+
+On Windows the update mechanism used is [Squirrel.Windows](https://github.com/Squirrel/Squirrel.Windows)
+and can be served by any compatible Squirrel server, such as https://github.com/Tiliq/squirrel-server
+
+# macOS
+
+On macOS the update mechanism used is [Squirrel.Mac](https://github.com/Squirrel/Squirrel.Mac)
+using the newer JSON format as documented [here](https://github.com/Squirrel/Squirrel.Mac#update-file-json-format).
diff --git a/docs/usercontent.md b/docs/usercontent.md
new file mode 100644
index 00000000000..cba488b1152
--- /dev/null
+++ b/docs/usercontent.md
@@ -0,0 +1,27 @@
+# Usercontent
+
+While decryption itself is safe to be done without a sandbox,
+letting the browser and user interact with the resulting data may be dangerous,
+previously `usercontent.riot.im` was used to act as a sandbox on a different origin to close the attack surface,
+it is now possible to do by using a combination of a sandboxed iframe and some code written into the app which consumes this SDK.
+
+Usercontent is an iframe sandbox target for allowing a user to safely download a decrypted attachment from a sandboxed origin where it cannot be used to XSS your Element session out from under you.
+
+Its function is to create an Object URL for the user/browser to use but bound to an origin different to that of the Element instance to protect against XSS.
+
+It exposes a function over a postMessage API, when sent an object with the matching fields to render a download link with the Object URL:
+
+```json5
+{
+    imgSrc: "", // the src of the image to display in the download link
+    imgStyle: "", // the style to apply to the image
+    style: "", // the style to apply to the download link
+    download: "", // download attribute to pass to the <a/> tag
+    textContent: "", // the text to put inside the download link
+    blob: "", // the data blob to wrap in an object url and allow the user to download
+}
+```
+
+If only imgSrc, imgStyle and style are passed then just update the existing link without overwriting other things about it.
+
+It is expected that this target be available at `usercontent/` relative to the root of the app, this can be seen in element-web's webpack config.
diff --git a/docs/widget-layouts.md b/docs/widget-layouts.md
new file mode 100644
index 00000000000..f2a837c2a84
--- /dev/null
+++ b/docs/widget-layouts.md
@@ -0,0 +1,61 @@
+# Widget layout support
+
+Rooms can have a default widget layout to auto-pin certain widgets, make the container different
+sizes, etc. These are defined through the `io.element.widgets.layout` state event (empty state key).
+
+Full example content:
+
+```json5
+{
+    widgets: {
+        "first-widget-id": {
+            container: "top",
+            index: 0,
+            width: 60,
+            height: 40,
+        },
+        "second-widget-id": {
+            container: "right",
+        },
+    },
+}
+```
+
+As shown, there are two containers possible for widgets. These containers have different behaviour
+and interpret the other options differently.
+
+## `top` container
+
+This is the "App Drawer" or any pinned widgets in a room. This is by far the most versatile container
+though does introduce potential usability issues upon members of the room (widgets take up space and
+therefore fewer messages can be shown).
+
+The `index` for a widget determines which order the widgets show up in from left to right. Widgets
+without an `index` will show up as the rightmost widgets. Tiebreaks (same `index` or multiple defined
+without an `index`) are resolved by comparing widget IDs. A maximum of 3 widgets can be in the top
+container - any which exceed this will be ignored (placed into the `right` container). Smaller numbers
+represent leftmost widgets.
+
+The `width` is relative width within the container in percentage points. This will be clamped to a
+range of 0-100 (inclusive). The widgets will attempt to scale to relative proportions when more than
+100% space is allocated. For example, if 3 widgets are defined at 40% width each then the client will
+attempt to show them at 33% width each.
+
+Note that the client may impose minimum widths on the widgets, such as a 10% minimum to avoid pinning
+hidden widgets. In general, widgets defined in the 30-70% range each will be free of these restrictions.
+
+The `height` is not in fact applied per-widget but is recorded per-widget for potential future
+capabilities in future containers. The top container will take the tallest `height` and use that for
+the height of the whole container, and thus all widgets in that container. The `height` is relative
+to the container, like with `width`, meaning that 100% will consume as much space as the client is
+willing to sacrifice to the widget container. Like with `width`, the client may impose minimums to avoid
+the container being uselessly small. Heights in the 30-100% range are generally acceptable. The height
+is also clamped to be within 0-100, inclusive.
+
+## `right` container
+
+This is the default container and has no special configuration. Widgets which overflow from the top
+container will be put in this container instead. Putting a widget in the right container does not
+automatically show it - it only mentions that widgets should not be in another container.
+
+The behaviour of this container may change in the future.
diff --git a/docs/windows-requirements.md b/docs/windows-requirements.md
new file mode 100644
index 00000000000..0a516b99196
--- /dev/null
+++ b/docs/windows-requirements.md
@@ -0,0 +1,45 @@
+# Windows
+
+## Requirements to build native modules
+
+We rely on Github Actions `windows-2022` plus a few extra utilities as per [the workflow](https://github.com/vector-im/element-web/blob/develop/.github/workflows/build_desktop_windows.yaml).
+
+If you want to build native modules, make sure that the following tools are installed on your system.
+
+- [Git for Windows](https://git-scm.com/download/win)
+- [Node 16](https://nodejs.org)
+- [Python 3](https://www.python.org/downloads/) (if you type 'python' into command prompt it will offer to install it from the windows store)
+- [Strawberry Perl](https://strawberryperl.com/)
+- [Rustup](https://rustup.rs/)
+- [NASM](https://www.nasm.us/)
+
+You can install the above tools using [Chocolatey](https://chocolatey.org/install):
+
+```cmd
+choco install --no-progress -y git nodejs-lts pnpm python StrawberryPerl rustup.install nasm magicsplat-tcl-tk
+```
+
+- [Build Tools for Visual Studio 2019](https://visualstudio.microsoft.com/downloads/#build-tools-for-visual-studio-2019) with the following configuration:
+    - On the Workloads tab:
+        - Desktop & Mobile -> C++ build tools
+    - On the Individual components tab:
+        - MSVC VS 2019 C++ build tools
+        - Windows 10 SDK (latest version available)
+        - C++ CMake tools for Windows
+
+Once installed make sure all those utilities are accessible in your `PATH`.
+
+If you want to be able to build x86 targets from an x64 host install the right toolchain:
+
+```cmd
+rustup toolchain install stable-i686-pc-windows-msvc
+rustup target add i686-pc-windows-msvc
+```
+
+In order to load all the C++ utilities installed by Visual Studio you can run the following in a terminal window.
+
+```
+call "C:\Program Files (x86)\Microsoft Visual Studio\2019\BuildTools\VC\Auxiliary\Build\vcvarsall.bat" amd64
+```
+
+You can replace `amd64` with `x86` depending on your CPU architecture.
diff --git a/element.io/README b/element.io/README
deleted file mode 100644
index ee3f1cda8af..00000000000
--- a/element.io/README
+++ /dev/null
@@ -1,12 +0,0 @@
-This directory contains the config files and deployment scripts for the official
-element.io distribution of Element Web.
-
-You probably do not want to build with this config unless you're building the
-official element.io distribution, but these files may be useful if you want to
-inspect the configuration used there.
-
-Element Desktop uses a separate config (see
-https://github.com/vector-im/riot-desktop/tree/develop/element.io).
-
-Deployment scripts (such as app/deploy.py) are meant to be run on the web server
-hosting the Element installation.
diff --git a/element.io/app/config.json b/element.io/app/config.json
deleted file mode 100644
index c8867d3dd62..00000000000
--- a/element.io/app/config.json
+++ /dev/null
@@ -1,40 +0,0 @@
-{
-    "default_server_name": "matrix.org",
-    "brand": "Element",
-    "integrations_ui_url": "https://scalar.vector.im/",
-    "integrations_rest_url": "https://scalar.vector.im/api",
-    "integrations_widgets_urls": [
-        "https://scalar.vector.im/_matrix/integrations/v1",
-        "https://scalar.vector.im/api",
-        "https://scalar-staging.vector.im/_matrix/integrations/v1",
-        "https://scalar-staging.vector.im/api",
-        "https://scalar-staging.riot.im/scalar/api"
-    ],
-    "hosting_signup_link": "https://element.io/matrix-services?utm_source=element-web&utm_medium=web",
-    "bug_report_endpoint_url": "https://element.io/bugreports/submit",
-    "showLabsSettings": false,
-    "piwik": {
-        "url": "https://piwik.riot.im/",
-        "siteId": 1,
-        "policyUrl": "https://element.io/cookie-policy"
-    },
-    "roomDirectory": {
-        "servers": [
-            "matrix.org"
-        ]
-    },
-    "enable_presence_by_hs_url": {
-        "https://matrix.org": false,
-        "https://matrix-client.matrix.org": false
-    },
-    "terms_and_conditions_links": [
-        {
-            "url": "https://element.io/privacy",
-            "text": "Privacy Policy"
-        },
-        {
-            "url": "https://element.io/cookie-policy",
-            "text": "Cookie Policy"
-        }
-    ]
-}
diff --git a/element.io/app/deploy.py b/element.io/app/deploy.py
deleted file mode 100755
index 33aa0af017e..00000000000
--- a/element.io/app/deploy.py
+++ /dev/null
@@ -1,191 +0,0 @@
-#!/usr/bin/env python
-#
-# download and unpack a riot-web tarball.
-#
-# Allows `bundles` to be extracted to a common directory, and a link to
-# config.json to be added.
-
-from __future__ import print_function
-
-import argparse
-import os
-import os.path
-import subprocess
-import sys
-import tarfile
-import shutil
-import glob
-
-try:
-    # python3
-    from urllib.request import urlretrieve
-except ImportError:
-    # python2
-    from urllib import urlretrieve
-
-class DeployException(Exception):
-    pass
-
-def create_relative_symlink(linkname, target):
-    relpath = os.path.relpath(target, os.path.dirname(linkname))
-    print ("Symlink %s -> %s" % (linkname, relpath))
-    os.symlink(relpath, linkname)
-
-
-def move_bundles(source, dest):
-    """Move the contents of the 'bundles' directory to a common dir
-
-    We check that we will not be overwriting anything before we proceed.
-
-    Args:
-        source (str): path to 'bundles' within the extracted tarball
-        dest (str): target common directory
-    """
-
-    if not os.path.isdir(dest):
-        os.mkdir(dest)
-
-    # build a map from source to destination, checking for non-existence as we go.
-    renames = {}
-    for f in os.listdir(source):
-        dst = os.path.join(dest, f)
-        if os.path.exists(dst):
-            print (
-                "Skipping bundle. The bundle includes '%s' which we have previously deployed."
-                % f
-            )
-        else:
-            renames[os.path.join(source, f)] = dst
-
-    for (src, dst) in renames.iteritems():
-        print ("Move %s -> %s" % (src, dst))
-        os.rename(src, dst)
-
-class Deployer:
-    def __init__(self):
-        self.packages_path = "."
-        self.bundles_path = None
-        self.should_clean = False
-        # filename -> symlink path e.g 'config.localhost.json' => '../localhost/config.json'
-        self.symlink_paths = {}
-        self.verify_signature = True
-
-    def deploy(self, tarball, extract_path):
-        """Download a tarball if necessary, and unpack it
-
-        Returns:
-            (str) the path to the unpacked deployment
-        """
-        print("Deploying %s to %s" % (tarball, extract_path))
-
-        name_str = os.path.basename(tarball).replace(".tar.gz", "")
-        extracted_dir = os.path.join(extract_path, name_str)
-        if os.path.exists(extracted_dir):
-            raise DeployException('Cannot unpack %s: %s already exists' % (
-                tarball, extracted_dir))
-
-        downloaded = False
-        if tarball.startswith("http://") or tarball.startswith("https://"):
-            tarball = self.download_and_verify(tarball)
-            print("Downloaded file: %s" % tarball)
-            downloaded = True
-
-        try:
-            with tarfile.open(tarball) as tar:
-                tar.extractall(extract_path)
-        finally:
-            if self.should_clean and downloaded:
-                os.remove(tarball)
-
-        print ("Extracted into: %s" % extracted_dir)
-
-        if self.symlink_paths:
-            for link_path, file_path in self.symlink_paths.iteritems():
-                create_relative_symlink(
-                    target=file_path,
-                    linkname=os.path.join(extracted_dir, link_path)
-                )
-
-        if self.bundles_path:
-            extracted_bundles = os.path.join(extracted_dir, 'bundles')
-            move_bundles(source=extracted_bundles, dest=self.bundles_path)
-
-            # replace the extracted_bundles dir (which may not be empty if some
-            # bundles were skipped) with a symlink to the common dir.
-            shutil.rmtree(extracted_bundles)
-            create_relative_symlink(
-                target=self.bundles_path,
-                linkname=extracted_bundles,
-            )
-        return extracted_dir
-
-    def download_and_verify(self, url):
-        tarball = self.download_file(url)
-
-        if self.verify_signature:
-            sigfile = self.download_file(url + ".asc")
-            subprocess.check_call(["gpg", "--verify", sigfile, tarball])
-
-        return tarball
-
-    def download_file(self, url):
-        if not os.path.isdir(self.packages_path):
-            os.mkdir(self.packages_path)
-        local_filename = os.path.join(self.packages_path,
-                                      url.split('/')[-1])
-        sys.stdout.write("Downloading %s -> %s..." % (url, local_filename))
-        sys.stdout.flush()
-        urlretrieve(url, local_filename)
-        print ("Done")
-        return local_filename
-
-if __name__ == "__main__":
-    parser = argparse.ArgumentParser("Deploy a Riot build on a web server.")
-    parser.add_argument(
-        "-p", "--packages-dir", default="./packages", help=(
-            "The directory to download the tarball into. (Default: '%(default)s')"
-        )
-    )
-    parser.add_argument(
-        "-e", "--extract-path", default="./deploys", help=(
-            "The location to extract .tar.gz files to. (Default: '%(default)s')"
-        )
-    )
-    parser.add_argument(
-        "-b", "--bundles-dir", nargs='?', default="./bundles", help=(
-            "A directory to move the contents of the 'bundles' directory to. A \
-            symlink to the bundles directory will also be written inside the \
-            extracted tarball. Example: './bundles'. \
-            (Default: '%(default)s')"
-        )
-    )
-    parser.add_argument(
-        "-c", "--clean", action="store_true", default=False, help=(
-            "Remove .tar.gz files after they have been downloaded and extracted. \
-            (Default: %(default)s)"
-        )
-    )
-    parser.add_argument(
-        "--include", nargs='*', default=['./config*.json'], help=(
-            "Symlink these files into the root of the deployed tarball. \
-             Useful for config files and home pages. Supports glob syntax. \
-             (Default: '%(default)s')"
-        )
-    )
-    parser.add_argument(
-        "tarball", help=(
-            "filename of tarball, or URL to download."
-        ),
-    )
-
-    args = parser.parse_args()
-
-    deployer = Deployer()
-    deployer.packages_path = args.packages_dir
-    deployer.bundles_path = args.bundles_dir
-    deployer.should_clean = args.clean
-
-    for include in args.include:
-        deployer.symlink_paths.update({ os.path.basename(pth): pth for pth in glob.iglob(include) })
-
-    deployer.deploy(args.tarball, args.extract_path)
diff --git a/element.io/develop/config.json b/element.io/develop/config.json
deleted file mode 100644
index bcf6142d182..00000000000
--- a/element.io/develop/config.json
+++ /dev/null
@@ -1,40 +0,0 @@
-{
-    "default_server_name": "matrix.org",
-    "brand": "Element",
-    "integrations_ui_url": "https://scalar-staging.vector.im/",
-    "integrations_rest_url": "https://scalar-staging.vector.im/api",
-    "integrations_widgets_urls": [
-        "https://scalar.vector.im/_matrix/integrations/v1",
-        "https://scalar.vector.im/api",
-        "https://scalar-staging.vector.im/_matrix/integrations/v1",
-        "https://scalar-staging.vector.im/api",
-        "https://scalar-staging.riot.im/scalar/api"
-    ],
-    "hosting_signup_link": "https://element.io/matrix-services?utm_source=element-web&utm_medium=web",
-    "bug_report_endpoint_url": "https://element.io/bugreports/submit",
-    "showLabsSettings": true,
-    "piwik": {
-        "url": "https://piwik.riot.im/",
-        "siteId": 1,
-        "policyUrl": "https://element.io/cookie-policy"
-    },
-    "roomDirectory": {
-        "servers": [
-            "matrix.org"
-        ]
-    },
-    "enable_presence_by_hs_url": {
-        "https://matrix.org": false,
-        "https://matrix-client.matrix.org": false
-    },
-    "terms_and_conditions_links": [
-        {
-            "url": "https://element.io/privacy",
-            "text": "Privacy Policy"
-        },
-        {
-            "url": "https://element.io/cookie-policy",
-            "text": "Cookie Policy"
-        }
-    ]
-}
diff --git a/knip.ts b/knip.ts
new file mode 100644
index 00000000000..d504ed1b7c6
--- /dev/null
+++ b/knip.ts
@@ -0,0 +1,138 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { type KnipConfig } from "knip";
+
+// Specify this as knip loads config files which may conditionally load plugins
+process.env.GITHUB_ACTIONS = "1";
+
+export default {
+    workspaces: {
+        "packages/shared-components": {
+            entry: ["src/index.ts!", "scripts/**"],
+            project: [
+                "**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx,mdx,pcss}!",
+                "!scripts/**!",
+                "!src/test/**!",
+                "!src/**/test-*!",
+                "!src/**/*-{mock,mocks,snapshot,actions}.*!",
+            ],
+        },
+        "packages/playwright-common": {
+            entry: ["src/fixtures/index.ts!", "src/testcontainers/index.ts!"],
+            project: [
+                "**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx,pcss}!",
+                "!src/flaky-reporter.ts!",
+                "!src/stale-screenshot-reporter.ts!",
+            ],
+            ignoreDependencies: [
+                // Used in playwright-screenshots.sh
+                "wait-on",
+            ],
+            ignoreBinaries: ["awk", "printf"],
+        },
+        "packages/module-api": {},
+        "apps/web": {
+            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",
+                "res/themes/*/css/*.pcss!",
+                "I18nWebpackPlugin.ts!",
+                "module_system/**!",
+                // Keep for now
+                "src/hooks/useLocalStorageState.ts!",
+                "src/hooks/useIsReleaseAnnouncementOpen.ts!",
+                "src/components/structures/ReleaseAnnouncement.tsx!",
+                "src/utils/arrays.ts!",
+                "src/utils/EventPresentationContextProvider.tsx!",
+                // This is just an awful side-effect import
+                "src/stores/LifecycleStore.ts!",
+            ],
+            project: [
+                "**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx,pcss}!",
+                "!scripts/**!",
+                "!src/test/**!",
+                "!recorder-worklet-loader.cjs!",
+                "!src/**/*-{mock,mocks,snapshot,actions}.*!",
+            ],
+            ignoreDependencies: [
+                // False positive
+                "sw.js",
+                // Used by webpack
+                "process",
+                "util",
+                // Embedded into webapp
+                "@element-hq/element-call-embedded",
+
+                // 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
+                // source of js-sdk, rather than the transpiled and annotated JS like you
+                // would with a normal library).
+                "@types/sdp-transform",
+            ],
+        },
+        "apps/desktop": {
+            entry: ["src/preload.cts!", "electron-builder.ts!", "scripts/**", "hak/**"],
+            project: ["**/*.{js,ts,pcss}"],
+            ignoreDependencies: [
+                // Brought in via hak scripts
+                "matrix-seshat",
+            ],
+            ignoreBinaries: [
+                // Used to build seshat (optional)
+                "rustc",
+                // Used by the fetch-package script (optional)
+                "gpg",
+                // Used for the macOS universal builds
+                "lipo",
+            ],
+        },
+        "modules": {
+            project: ["**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx,pcss}!", "!playwright/**!"],
+        },
+        "modules/*": {
+            entry: ["src/index.ts{x,}!"],
+            project: ["**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx,pcss}!", "!src/tests/**!", "!e2e/**!"],
+        },
+        ".": {
+            entry: ["scripts/**", "docs/**"],
+        },
+    },
+    ignoreDependencies: [
+        // Used by multiple packages, raises a false positive for some reason
+        "events",
+        // Used as a workaround for api-extractor not supporting typescript 7.0
+        "@typescript/old",
+    ],
+    ignoreExportsUsedInFile: true,
+    ignoreBinaries: [
+        // Optional for coverage:diff development script
+        "diff-cover",
+    ],
+    compilers: {
+        pcss: (text: string) =>
+            [...text.matchAll(/@import\s+(?:url\()?["']([^"']+)["']\)?[^;]*;/g)]
+                .map(([, specifier]) => `import "${specifier}";`)
+                .join("\n"),
+    },
+    nx: {
+        config: ["{nx,package,project}.json", "{apps,packages,modules}/**/{package,project}.json"],
+    },
+    playwright: {
+        config: ["playwright.config.ts", "playwright-merge.config.ts"],
+    },
+    tags: ["-knipignore"],
+    treatConfigHintsAsErrors: true,
+    treatTagHintsAsErrors: true,
+} satisfies KnipConfig;
diff --git a/localazy.json b/localazy.json
new file mode 100644
index 00000000000..61e7f8a4094
--- /dev/null
+++ b/localazy.json
@@ -0,0 +1,69 @@
+{
+    "readKey": "a7688614897667993891-866e2615b0a22e6ccef56aea9b10e815efa3e1296752a7a30bd9925f1a8f33e7",
+
+    "upload": {
+        "type": "json",
+        "keySeparator": "|",
+        "deprecate": "file",
+        "features": ["plural_object", "filter_untranslated"],
+        "files": [
+            {
+                "pattern": "apps/web/src/i18n/strings/en_EN.json",
+                "file": "element-web.json",
+                "lang": "inherited"
+            },
+            {
+                "group": "existing",
+                "pattern": "apps/web/src/i18n/strings/*.json",
+                "file": "element-web.json",
+                "excludes": ["apps/web/src/i18n/strings/en_EN.json"],
+                "lang": "${autodetectLang}"
+            },
+            {
+                "pattern": "apps/desktop/src/i18n/strings/en_EN.json",
+                "file": "element-desktop.json",
+                "lang": "inherited"
+            },
+            {
+                "group": "existing",
+                "pattern": "apps/desktop/src/i18n/strings/*.json",
+                "file": "element-desktop.json",
+                "excludes": ["apps/desktop/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}"
+            }
+        ]
+    },
+
+    "download": {
+        "files": [
+            {
+                "conditions": "equals: ${file}, element-web.json",
+                "output": "apps/web/src/i18n/strings/${langLsrUnderscore}.json"
+            },
+            {
+                "conditions": "equals: ${file}, element-desktop.json",
+                "output": "apps/desktop/src/i18n/strings/${langLsrUnderscore}.json"
+            },
+            {
+                "conditions": "equals: ${file}, shared-components.json",
+                "output": "packages/shared-components/src/i18n/strings/${langLsrUnderscore}.json"
+            }
+        ],
+        "includeSourceLang": "${includeSourceLang|false}",
+        "langAliases": {
+            "en": "en-EN"
+        }
+    }
+}
diff --git a/modules/.dockerignore b/modules/.dockerignore
new file mode 100644
index 00000000000..f83526d1331
--- /dev/null
+++ b/modules/.dockerignore
@@ -0,0 +1 @@
+**/node_modules/
\ No newline at end of file
diff --git a/modules/.gitignore b/modules/.gitignore
new file mode 100644
index 00000000000..331ec177d53
--- /dev/null
+++ b/modules/.gitignore
@@ -0,0 +1,13 @@
+lib/
+temp/
+coverage/
+
+/playwright-html-report/
+**/test-results
+**/_results
+# Only commit snapshots from Linux
+**/e2e/snapshots/**/*.png
+**/e2e/snapshots/**/*.yml
+!**/e2e/snapshots/**/*-linux.png
+!**/e2e/snapshots/**/*-linux.aria.yml
+/playwright-report/
diff --git a/modules/README.md b/modules/README.md
new file mode 100644
index 00000000000..46b62e7706b
--- /dev/null
+++ b/modules/README.md
@@ -0,0 +1 @@
+Element Web Modules (based on @element-hq/element-web-module-api) which we maintain live here.
diff --git a/modules/banner/README.md b/modules/banner/README.md
new file mode 100644
index 00000000000..6b85fad17ab
--- /dev/null
+++ b/modules/banner/README.md
@@ -0,0 +1,64 @@
+# @element-hq/element-web-module-banner
+
+Banner module for Element Web.
+Allows rendering a top bar with slide out left panel menu.
+
+Supports the following configuration options:
+
+| Key           | Type   | Description                                                                                    |
+| ------------- | ------ | ---------------------------------------------------------------------------------------------- |
+| logo_url      | string | URL to the logo to render in the banner                                                        |
+| logo_link_url | string | URL to send the user to when clicking the logo in the banner                                   |
+| title         | string | The title to render next to the logo, falls back to top level `brand` variable if unspecified. |
+| menu          | `Menu` | Data to render in the banner menu                                                              |
+
+The `Menu` type is fulfilled by the following discriminated union:
+
+### Univention menu
+
+| Key     | Type         | Description                                                                                                              |
+| ------- | ------------ | ------------------------------------------------------------------------------------------------------------------------ |
+| type    | "univention" | The type for this menu config                                                                                            |
+| ics_url | string       | URL to the UCS Intercom Service, https://docs.software-univention.de/intercom-service/latest/architecture.html#endpoints |
+
+### Static menu
+
+| Key        | Type         | Description                      |
+| ---------- | ------------ | -------------------------------- |
+| type       | "static"     | The type for this menu config    |
+| categories | `[]Category` | Categories to render in the menu |
+
+The `Category` type is fulfilled by the following interface:
+
+| Key   | Type     | Description                      |
+| ----- | -------- | -------------------------------- |
+| name  | string   | The name of this category        |
+| links | `[]Link` | Links to render in this category |
+
+The `Link` type is fulfilled by the following interface:
+
+| Key      | Type             | Description                             |
+| -------- | ---------------- | --------------------------------------- |
+| icon_uri | string           | URL to the icon to render for this link |
+| name     | string           | The name to render for this link        |
+| link_url | string           | The URL to link to                      |
+| target   | string, optional | The `target` to use for this link       |
+
+### All menus additionally support the following optional keys:
+
+| Key         | Type             | Description                                                               |
+| ----------- | ---------------- | ------------------------------------------------------------------------- |
+| logo_url    | string, optional | URL to the logo to render in the menu, defaults to banner logo if omitted |
+| logo_href   | string, optional | URL to send the user to when clicking the logo in the menu                |
+| logo_height | number, optional | Height of the logo in pixels, defaults to 32 if omitted                   |
+
+## Copyright & License
+
+Copyright (c) 2025 New Vector Ltd
+
+This software is multi licensed by New Vector Ltd (Element). It can be used either:
+
+(1) for free under the terms of the GNU Affero General Public License (as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version); OR
+
+(2) under the terms of a paid-for Element Commercial License agreement between you and Element (the terms of which may vary depending on what you and Element have agreed to).
+Unless required by applicable law or agreed to in writing, software distributed under the Licenses is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the Licenses for the specific language governing permissions and limitations under the Licenses.
diff --git a/modules/banner/e2e/banner.spec.ts b/modules/banner/e2e/banner.spec.ts
new file mode 100644
index 00000000000..ecb8c583e80
--- /dev/null
+++ b/modules/banner/e2e/banner.spec.ts
@@ -0,0 +1,279 @@
+/*
+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 input } from "zod/mini";
+
+import { test as base, expect } from "../../playwright/element-web-test.ts";
+import { type ConfigSchema } from "../src/config.ts";
+
+const test = base.extend<{
+    // Resolver for when to respond to the navigation.json request
+    navigationJsonResolver: PromiseWithResolvers<void>;
+}>({
+    navigationJsonResolver: async ({}, use) => {
+        await use(Promise.withResolvers<void>());
+    },
+});
+
+test.describe("Banner", () => {
+    test.use({
+        displayName: "Timmy",
+        page: async ({ context, page, moduleDir }, use) => {
+            for (const path of ["logo.svg", "app1.png", "app2.png", "opendesk/"]) {
+                await context.route(`/${path}*`, async (route) => {
+                    const file = new URL(route.request().url()).pathname;
+                    await route.fulfill({ path: `${moduleDir}/e2e/fixture/${file}` });
+                });
+            }
+
+            await page.goto("/");
+            await use(page);
+        },
+    });
+
+    test("should not error if config is missing", async ({ page }) => {
+        await expect(page.getByText("Your Element is misconfigured")).not.toBeVisible();
+        await expect(page.getByText("Errors in module configuration")).not.toBeVisible();
+        // We don't take a screenshot as we don't want to assert Element's styling, only our own
+    });
+
+    test.describe("invalid config", () => {
+        test.use({
+            config: {
+                "io.element.element-web-modules.banner": {
+                    type: "invalid",
+                } as any,
+            },
+        });
+
+        test("should render error", async ({ page }) => {
+            await expect(page.getByText("Your Element is misconfigured")).toBeVisible();
+            await expect(page.getByText("Errors in module configuration")).toBeVisible();
+            // We don't take a screenshot as we don't want to assert Element's styling, only our own
+        });
+    });
+
+    const configs: input<ConfigSchema>[] = [
+        {
+            logo_url: "http://localhost:8080/logo.svg",
+            logo_link_url: "https://example.com/portal",
+            menu: {
+                type: "static",
+                categories: [
+                    {
+                        name: "Applications",
+                        links: [
+                            {
+                                icon_uri: "http://localhost:8080/app1.png",
+                                name: "E-Mail",
+                                link_url: "https://example.com/email",
+                                target: "app1",
+                            },
+                            {
+                                icon_uri: "http://localhost:8080/app2.png",
+                                name: "Riot",
+                                link_url: "https://riot.im/app",
+                                target: "riot-im",
+                            },
+                        ],
+                    },
+                    {
+                        name: "Links",
+                        links: [
+                            {
+                                icon_uri: "http://localhost:8080/app1.png",
+                                name: "Link",
+                                link_url: "https://example.com/link1",
+                            },
+                        ],
+                    },
+                ],
+            },
+        },
+        {
+            logo_url: "http://localhost:8080/opendesk/logomark.svg",
+            logo_link_url: "https://example.com/portal",
+            menu: {
+                type: "univention",
+                logo_url: "http://localhost:8080/opendesk/logofull.svg",
+                ics_url: "http://localhost:8080/ics/",
+            },
+            theme: {
+                triggerBackgroundColorHover: "#571EFA",
+                triggerBackgroundColorPressed: "#4519C2",
+            },
+        },
+    ];
+
+    for (const config of configs) {
+        const type = config.menu.type;
+
+        test.describe(`${type} config`, () => {
+            test.use({
+                config: {
+                    "io.element.element-web-modules.banner": config,
+                },
+            });
+
+            test.beforeEach(async ({ context, moduleDir, navigationJsonResolver }) => {
+                await context.route("http://localhost:8080/ics/navigation.json*", async (route) => {
+                    await navigationJsonResolver.promise;
+                    await route.fulfill({
+                        path: `${moduleDir}/e2e/fixture/navigation.json`,
+                        contentType: "application/json",
+                    });
+                });
+                await context.route("http://localhost:8080/ics/silent", async (route) => {
+                    await route.fulfill({
+                        path: `${moduleDir}/e2e/fixture/silent/index.html`,
+                        contentType: "text/html",
+                    });
+                });
+            });
+
+            test("should render", { tag: ["@screenshot"] }, async ({ page, axe, navigationJsonResolver }) => {
+                await expect(page.getByRole("heading", { name: "Be in your element" })).toBeVisible();
+                await expect(page.getByLabel("Show portal")).toHaveAttribute("href", "https://example.com/portal");
+
+                const nav = page.locator("nav");
+
+                const trigger = page.getByLabel("Show menu");
+                await expect(trigger).toBeVisible();
+
+                // Assert the banner looks as we expect
+                await expect(nav).toMatchAriaSnapshot();
+                await expect(nav).toMatchScreenshot(`${type}_nav.png`);
+
+                // Check hover styles
+                await trigger.hover();
+                await expect(nav).toMatchScreenshot(`${type}_nav_hover.png`);
+
+                await test.step("open menu", async () => {
+                    await trigger.click();
+                    const sidebar = page.getByRole("dialog");
+
+                    if (type === "univention") {
+                        await expect(sidebar).toMatchScreenshot(`${type}_menu_loading.png`);
+                        navigationJsonResolver.resolve();
+                    }
+
+                    const emailApp = page.getByText("E-Mail");
+                    await expect(emailApp).toHaveAttribute("href", "https://example.com/email");
+                    await emailApp.hover();
+
+                    // Assert the sidebar looks as we expect
+                    await expect(axe).toHaveNoViolations();
+                    await expect(sidebar).toMatchAriaSnapshot();
+                    await expect(page).toMatchScreenshot(`${type}_menu.png`, {
+                        // We exclude this as we don't want to assert Element's styling, only our own
+                        css: `
+                            #matrixchat {
+                                opacity: 0;
+                                background: orchid;
+                            }
+                        `,
+                    });
+
+                    // Verify that the #matrixchat root got shrunk to fit rather than exploding the viewport
+                    const bodyBoundingBox = await page.locator("body").boundingBox();
+                    const rootBoundingBox = await page.locator("#matrixchat").boundingBox();
+                    const headerBoundingBox = await page.getByTestId("banner").boundingBox();
+                    expect(rootBoundingBox!.height).toBeLessThan(bodyBoundingBox!.height);
+                    expect(rootBoundingBox!.height + headerBoundingBox!.height).toEqual(bodyBoundingBox!.height);
+                });
+
+                await test.step("close menu", async () => {
+                    await expect(axe).toHaveNoViolations();
+
+                    // Assert it closes by clicking the overlay
+                    await page.getByTestId("dialog-overlay").click();
+                    await expect(page.getByRole("dialog")).not.toBeVisible();
+                });
+            });
+        });
+    }
+
+    test.describe("univention config", () => {
+        test.use({
+            config: {
+                "io.element.element-web-modules.banner": {
+                    logo_url: "http://localhost:8080/opendesk/logomark.svg",
+                    logo_link_url: "https://example.com/portal",
+                    menu: {
+                        type: "univention",
+                        logo_url: "http://localhost:8080/opendesk/logofull.svg",
+                        ics_url: "http://localhost:8080/ics/",
+                    },
+                },
+            },
+        });
+
+        test.beforeEach(async ({ context }) => {
+            await context.route("http://localhost:8080/ics/silent", async (route) => {
+                await route.fulfill({ status: 500 });
+            });
+            await context.route("http://localhost:8080/ics/navigation.json*", async (route) => {
+                await route.fulfill({ status: 500 });
+            });
+        });
+
+        test("should render error", { tag: ["@screenshot"] }, async ({ page, axe }) => {
+            await expect(page.getByRole("heading", { name: "Be in your element" })).toBeVisible();
+            await expect(page.getByLabel("Show portal")).toHaveAttribute("href", "https://example.com/portal");
+
+            const trigger = page.getByLabel("Show menu");
+
+            await trigger.click();
+            const sidebar = page.getByRole("dialog");
+            await expect(sidebar.getByText("Failed to load")).toBeVisible();
+            await expect(sidebar).toMatchScreenshot("univention_error.png");
+            await expect(axe).toHaveNoViolations();
+        });
+    });
+
+    test.describe("static config", () => {
+        test.use({
+            config: {
+                "io.element.element-web-modules.banner": {
+                    logo_url: "https://domain/logo1.png",
+                    logo_link_url: "https://domain",
+                    title: "Title",
+                    menu: {
+                        type: "static",
+                        logo_url: "https://domain/logo2.png",
+                        logo_href: "https://domain/menu-link",
+                        categories: [
+                            {
+                                name: "Category 1",
+                                links: [
+                                    {
+                                        icon_uri: "https://domain/app1/logo.png",
+                                        name: "App 1",
+                                        link_url: "https://domain/app1",
+                                    },
+                                ],
+                            },
+                        ],
+                    },
+                },
+            },
+        });
+
+        test("should show a href on the menu logo if one is specified", async ({ page }) => {
+            await expect(page.getByLabel("Show portal")).toHaveAttribute("href", "https://domain");
+
+            const trigger = page.getByLabel("Show menu");
+            await trigger.click();
+
+            const sidebar = page.getByRole("dialog");
+            await expect(sidebar.getByRole("link", { name: "Show portal" })).toHaveAttribute(
+                "href",
+                "https://domain/menu-link",
+            );
+        });
+    });
+});
diff --git a/modules/banner/e2e/fixture/app1.png b/modules/banner/e2e/fixture/app1.png
new file mode 100644
index 00000000000..2c34416b885
Binary files /dev/null and b/modules/banner/e2e/fixture/app1.png differ
diff --git a/modules/banner/e2e/fixture/app2.png b/modules/banner/e2e/fixture/app2.png
new file mode 100644
index 00000000000..ee42954c782
Binary files /dev/null and b/modules/banner/e2e/fixture/app2.png differ
diff --git a/modules/banner/e2e/fixture/logo.svg b/modules/banner/e2e/fixture/logo.svg
new file mode 100644
index 00000000000..90c502cacf9
--- /dev/null
+++ b/modules/banner/e2e/fixture/logo.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 13.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 14576)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<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"
+     width="789.322px" height="336.807px" viewBox="0 0 789.322 336.807" enable-background="new 0 0 789.322 336.807"
+     xml:space="preserve">
+<path d="M8.876,7.71v321.386h23.13v7.711H0V0h32.006v7.71H8.876z"/>
+    <path d="M97.989,109.594v16.264h0.463c4.338-6.191,9.563-10.998,15.684-14.406c6.117-3.402,13.129-5.11,21.027-5.11
+	c7.588,0,14.521,1.475,20.793,4.415c6.274,2.945,11.038,8.131,14.291,15.567c3.56-5.265,8.4-9.913,14.521-13.94
+	c6.117-4.025,13.358-6.042,21.724-6.042c6.351,0,12.234,0.776,17.66,2.325c5.418,1.549,10.065,4.027,13.938,7.434
+	c3.869,3.41,6.889,7.863,9.062,13.357c2.167,5.504,3.253,12.122,3.253,19.869v80.385h-32.993v-68.074
+	c0-4.025-0.154-7.82-0.465-11.385c-0.313-3.56-1.161-6.656-2.555-9.293c-1.395-2.631-3.45-4.724-6.157-6.274
+	c-2.711-1.543-6.391-2.322-11.037-2.322s-8.403,0.896-11.269,2.671c-2.868,1.784-5.112,4.109-6.737,6.971
+	c-1.626,2.869-2.711,6.12-3.252,9.762c-0.545,3.638-0.814,7.318-0.814,11.035v66.91h-32.991v-67.375c0-3.562-0.081-7.087-0.23-10.57
+	c-0.158-3.487-0.814-6.7-1.978-9.645c-1.162-2.94-3.099-5.304-5.809-7.088c-2.711-1.775-6.699-2.671-11.965-2.671
+	c-1.551,0-3.603,0.349-6.156,1.048c-2.556,0.697-5.036,2.016-7.435,3.949c-2.404,1.938-4.454,4.726-6.158,8.363
+	c-1.705,3.642-2.556,8.402-2.556,14.287v69.701h-32.99V109.594H97.989z"/>
+    <path d="M271.545,127.254c3.405-5.113,7.744-9.215,13.012-12.316c5.264-3.097,11.186-5.303,17.771-6.621
+	c6.582-1.315,13.205-1.976,19.865-1.976c6.042,0,12.158,0.428,18.354,1.277c6.195,0.855,11.85,2.522,16.962,4.997
+	c5.111,2.477,9.292,5.926,12.546,10.338c3.253,4.414,4.879,10.262,4.879,17.543v62.494c0,5.428,0.31,10.611,0.931,15.567
+	c0.615,4.959,1.701,8.676,3.251,11.153h-33.455c-0.621-1.86-1.126-3.755-1.511-5.693c-0.39-1.933-0.661-3.908-0.813-5.923
+	c-5.267,5.422-11.465,9.217-18.585,11.386c-7.127,2.163-14.407,3.251-21.842,3.251c-5.733,0-11.077-0.698-16.033-2.09
+	c-4.958-1.395-9.293-3.562-13.01-6.51c-3.718-2.938-6.622-6.656-8.713-11.147s-3.138-9.84-3.138-16.033
+	c0-6.813,1.199-12.43,3.604-16.84c2.399-4.417,5.495-7.939,9.295-10.575c3.793-2.632,8.129-4.607,13.01-5.923
+	c4.878-1.315,9.795-2.358,14.752-3.137c4.957-0.772,9.835-1.393,14.638-1.857c4.801-0.466,9.062-1.164,12.779-2.093
+	c3.718-0.929,6.658-2.282,8.829-4.065c2.165-1.781,3.172-4.375,3.02-7.785c0-3.56-0.58-6.389-1.742-8.479
+	c-1.161-2.09-2.711-3.719-4.646-4.88c-1.937-1.161-4.183-1.936-6.737-2.325c-2.557-0.382-5.309-0.58-8.248-0.58
+	c-6.506,0-11.617,1.395-15.335,4.183c-3.716,2.788-5.889,7.437-6.506,13.94h-32.991C266.2,138.793,268.133,132.362,271.545,127.254z
+	 M336.714,173.837c-2.09,0.696-4.337,1.275-6.736,1.741c-2.402,0.465-4.918,0.853-7.551,1.161c-2.635,0.313-5.268,0.698-7.899,1.163
+	c-2.48,0.461-4.919,1.086-7.317,1.857c-2.404,0.779-4.495,1.822-6.274,3.138c-1.784,1.317-3.216,2.985-4.3,4.994
+	c-1.085,2.014-1.626,4.571-1.626,7.668c0,2.94,0.541,5.422,1.626,7.431c1.084,2.017,2.558,3.604,4.416,4.765
+	s4.025,1.976,6.507,2.438c2.475,0.466,5.031,0.698,7.665,0.698c6.505,0,11.537-1.082,15.103-3.253
+	c3.561-2.166,6.192-4.762,7.899-7.785c1.702-3.019,2.749-6.072,3.137-9.174c0.384-3.097,0.58-5.576,0.58-7.434V170.93
+	C340.548,172.172,338.806,173.139,336.714,173.837z"/>
+    <path d="M461.826,109.594v22.072h-24.161v59.479c0,5.573,0.928,9.292,2.788,11.149c1.856,1.859,5.576,2.788,11.152,2.788
+	c1.859,0,3.638-0.076,5.343-0.232c1.703-0.152,3.33-0.388,4.878-0.696v25.557c-2.788,0.465-5.887,0.773-9.293,0.931
+	c-3.407,0.149-6.737,0.23-9.99,0.23c-5.111,0-9.953-0.35-14.521-1.048c-4.571-0.695-8.597-2.047-12.081-4.063
+	c-3.486-2.011-6.236-4.88-8.248-8.597c-2.016-3.714-3.021-8.595-3.021-14.639v-70.859h-19.98v-22.072h19.98V73.582h32.992v36.012
+	H461.826z"/>
+    <path d="M508.989,109.594v22.306h0.465c1.546-3.72,3.636-7.163,6.272-10.341c2.634-3.172,5.652-5.885,9.06-8.131
+	c3.405-2.242,7.047-3.985,10.923-5.228c3.868-1.237,7.898-1.859,12.081-1.859c2.168,0,4.566,0.39,7.202,1.163v30.67
+	c-1.551-0.312-3.41-0.584-5.576-0.814c-2.17-0.233-4.26-0.35-6.274-0.35c-6.041,0-11.152,1.01-15.332,3.021
+	c-4.182,2.014-7.55,4.761-10.107,8.247c-2.555,3.487-4.379,7.55-5.462,12.198c-1.083,4.645-1.625,9.682-1.625,15.102v54.133h-32.991
+	V109.594H508.989z"/>
+    <path d="M568.931,91.006V63.823h32.994v27.183H568.931z M601.925,109.594v120.117h-32.994V109.594H601.925z"/>
+    <path d="M619.116,109.594h37.637l21.144,31.365l20.911-31.365h36.476l-39.496,56.226l44.377,63.892h-37.64l-25.093-37.87
+	l-25.094,37.87H615.4l43.213-63.193L619.116,109.594z"/>
+    <path d="M780.444,329.096V7.71h-23.13V0h32.008v336.807h-32.008v-7.711H780.444z"/>
+</svg>
\ No newline at end of file
diff --git a/modules/banner/e2e/fixture/navigation.json b/modules/banner/e2e/fixture/navigation.json
new file mode 100644
index 00000000000..7365ff1371e
--- /dev/null
+++ b/modules/banner/e2e/fixture/navigation.json
@@ -0,0 +1,87 @@
+{
+    "categories": [
+        {
+            "identifier": "applications",
+            "display_name": "Anwendungen",
+            "entries": [
+                {
+                    "identifier": "app1",
+                    "display_name": "Portal",
+                    "icon_url": "http://localhost:8080/opendesk/app1.svg",
+                    "link": "https://example.com/app1",
+                    "target": "_blank"
+                },
+                {
+                    "identifier": "app2",
+                    "display_name": "Aufgaben",
+                    "icon_url": "http://localhost:8080/opendesk/app2.svg",
+                    "link": "https://example.com/app2",
+                    "target": "_blank"
+                },
+                {
+                    "identifier": "app3",
+                    "display_name": "Chat",
+                    "icon_url": "http://localhost:8080/opendesk/app3.svg",
+                    "link": "https://example.com/app3",
+                    "target": "_blank"
+                },
+                {
+                    "identifier": "app4",
+                    "display_name": "Dateien",
+                    "icon_url": "http://localhost:8080/opendesk/app4.svg",
+                    "link": "https://example.com/ap4",
+                    "target": "_blank"
+                },
+                {
+                    "identifier": "app5",
+                    "display_name": "E-Mail",
+                    "icon_url": "http://localhost:8080/opendesk/app5.svg",
+                    "link": "https://example.com/email",
+                    "target": "_blank"
+                },
+                {
+                    "identifier": "app6",
+                    "display_name": "Kelender",
+                    "icon_url": "http://localhost:8080/opendesk/app6.svg",
+                    "link": "https://example.com/app6",
+                    "target": "_blank"
+                },
+                {
+                    "identifier": "app7",
+                    "display_name": "Kontakte",
+                    "icon_url": "http://localhost:8080/opendesk/app7.svg",
+                    "link": "https://example.com/app7",
+                    "target": "_blank"
+                },
+                {
+                    "identifier": "app8",
+                    "display_name": "Notizen",
+                    "icon_url": "http://localhost:8080/opendesk/app8.svg",
+                    "link": "https://example.com/app8",
+                    "target": "_blank"
+                },
+                {
+                    "identifier": "app9",
+                    "display_name": "Projekte",
+                    "icon_url": "http://localhost:8080/opendesk/app9.svg",
+                    "link": "https://example.com/app9",
+                    "target": "_blank"
+                },
+                {
+                    "identifier": "app10",
+                    "display_name": "Videokonferenz",
+                    "icon_url": "http://localhost:8080/opendesk/app10.svg",
+                    "link": "https://example.com/app10",
+                    "target": "_blank"
+                },
+                {
+                    "identifier": "app11",
+                    "display_name": "Wiki",
+                    "icon_url": "http://localhost:8080/opendesk/app11.svg",
+                    "link": "https://example.com/app11",
+                    "target": "_blank"
+                }
+            ]
+        }
+    ]
+}
diff --git a/modules/banner/e2e/fixture/opendesk/app1.svg b/modules/banner/e2e/fixture/opendesk/app1.svg
new file mode 100644
index 00000000000..758e28621f3
--- /dev/null
+++ b/modules/banner/e2e/fixture/opendesk/app1.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0001 5.96045L6.48535 10.9613V18.4604H10.1625V13.7727H13.8397V18.4604H17.5148V10.9613L12.0001 5.96045Z" fill="#571EFA"/>
+</svg>
diff --git a/modules/banner/e2e/fixture/opendesk/app10.svg b/modules/banner/e2e/fixture/opendesk/app10.svg
new file mode 100644
index 00000000000..147057229c9
--- /dev/null
+++ b/modules/banner/e2e/fixture/opendesk/app10.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.8718 7.93982H7.49831C6.61769 7.93982 5.90381 8.6537 5.90381 9.53432V15.9078C5.90381 16.7884 6.61769 17.5023 7.49831 17.5023H13.8718C14.7524 17.5023 15.4663 16.7884 15.4663 15.9078V9.53432C15.4663 8.6537 14.7524 7.93982 13.8718 7.93982Z" fill="#571EFA"/>
+<path d="M20.5666 16.2273C18.6303 16.2273 17.0605 14.6575 17.0605 12.7212C17.0605 10.7848 18.6303 9.21509 20.5666 9.21509V16.2273Z" fill="#341291"/>
+</svg>
diff --git a/modules/banner/e2e/fixture/opendesk/app11.svg b/modules/banner/e2e/fixture/opendesk/app11.svg
new file mode 100644
index 00000000000..d853d42473f
--- /dev/null
+++ b/modules/banner/e2e/fixture/opendesk/app11.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.8906 16.7064C14.8906 18.0265 13.8201 19.097 12.5 19.097C11.1799 19.097 10.1094 18.0265 10.1094 16.7064V15.9103H14.8906V16.7064Z" fill="#341291"/>
+<path d="M12.5 6.3457C9.85974 6.3457 7.71875 8.4867 7.71875 11.127C7.71875 12.3526 8.18428 13.4681 8.94442 14.3137H16.0556C16.8157 13.4681 17.2812 12.3526 17.2812 11.127C17.2812 8.4867 15.1403 6.3457 12.5 6.3457Z" fill="#571EFA"/>
+</svg>
diff --git a/modules/banner/e2e/fixture/opendesk/app2.svg b/modules/banner/e2e/fixture/opendesk/app2.svg
new file mode 100644
index 00000000000..a537b521994
--- /dev/null
+++ b/modules/banner/e2e/fixture/opendesk/app2.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.60352 12.0848C7.92382 12.0848 8.99414 11.0145 8.99414 9.69421C8.99414 8.37391 7.92382 7.30359 6.60352 7.30359C5.28321 7.30359 4.21289 8.37391 4.21289 9.69421C4.21289 11.0145 5.28321 12.0848 6.60352 12.0848Z" fill="#571EFA"/>
+<path d="M20.1509 8.89624H10.5884V10.4907H20.1509V8.89624Z" fill="#341291"/>
+<path d="M6.60352 18.1395C7.92382 18.1395 8.99414 17.0692 8.99414 15.7489C8.99414 14.4286 7.92382 13.3583 6.60352 13.3583C5.28321 13.3583 4.21289 14.4286 4.21289 15.7489C4.21289 17.0692 5.28321 18.1395 6.60352 18.1395Z" fill="#571EFA"/>
+<path d="M20.1509 14.9509H10.5884V16.5454H20.1509V14.9509Z" fill="#341291"/>
+</svg>
diff --git a/modules/banner/e2e/fixture/opendesk/app3.svg b/modules/banner/e2e/fixture/opendesk/app3.svg
new file mode 100644
index 00000000000..90f21f0667d
--- /dev/null
+++ b/modules/banner/e2e/fixture/opendesk/app3.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.1368 11.1263C14.0161 11.1263 14.7313 10.4134 14.7313 9.53177V7.93727C14.7313 7.05794 14.0183 6.34277 13.1368 6.34277H6.761C5.88167 6.34277 5.1665 7.05569 5.1665 7.93727V14.313L8.35325 11.1263H13.1345H13.1368Z" fill="#341291"/>
+<path d="M18.2373 12.7206H11.8616C10.9823 12.7206 10.2671 13.4335 10.2671 14.3151V15.9096C10.2671 16.7889 10.98 17.5041 11.8616 17.5041H16.6428L19.8296 20.6908V14.3151C19.8296 13.4357 19.1167 12.7206 18.2351 12.7206H18.2373Z" fill="#571EFA"/>
+</svg>
diff --git a/modules/banner/e2e/fixture/opendesk/app4.svg b/modules/banner/e2e/fixture/opendesk/app4.svg
new file mode 100644
index 00000000000..6c78f1bf583
--- /dev/null
+++ b/modules/banner/e2e/fixture/opendesk/app4.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.06592 10.2686H17.2224C18.1017 10.2686 18.8168 10.9837 18.8168 11.863V16.644C18.8168 17.5233 18.1017 18.2384 17.2224 18.2384H7.66034C6.78105 18.2384 6.06592 17.5233 6.06592 16.644V10.2686Z" fill="#571EFA"/>
+<path d="M11.4834 8.67372H6.06592V7.71796C6.06592 6.83642 6.7788 6.12354 7.66034 6.12354H10.2105L11.4856 8.67372H11.4834Z" fill="#341291"/>
+</svg>
diff --git a/modules/banner/e2e/fixture/opendesk/app5.svg b/modules/banner/e2e/fixture/opendesk/app5.svg
new file mode 100644
index 00000000000..90d15399f3e
--- /dev/null
+++ b/modules/banner/e2e/fixture/opendesk/app5.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5388 12.7107L18.9609 7.89411C18.6516 7.61951 18.2459 7.45129 17.7982 7.45129H7.2794C6.83411 7.45129 6.42593 7.61951 6.1167 7.89411L12.5388 12.7107Z" fill="#571EFA"/>
+<path d="M14.0008 13.8069L12.5387 14.9028L11.0767 13.8069L5.52539 9.64343V16.2164C5.52539 17.1837 6.3096 17.9704 7.27934 17.9704H17.7981C18.7654 17.9704 19.552 17.1862 19.552 16.2164V9.64343L14.0008 13.8069Z" fill="#341291"/>
+</svg>
diff --git a/modules/banner/e2e/fixture/opendesk/app6.svg b/modules/banner/e2e/fixture/opendesk/app6.svg
new file mode 100644
index 00000000000..dbdba6b547c
--- /dev/null
+++ b/modules/banner/e2e/fixture/opendesk/app6.svg
@@ -0,0 +1,7 @@
+<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.67479 13.6771H4.21289V18.4584H8.67479V13.6771Z" fill="#571EFA"/>
+<path d="M14.7309 13.6771H10.269V18.4584H14.7309V13.6771Z" fill="#571EFA"/>
+<path d="M8.67479 7.30359H4.21289V12.0848H8.67479V7.30359Z" fill="#341291"/>
+<path d="M14.7309 7.30359H10.269V12.0848H14.7309V7.30359Z" fill="#571EFA"/>
+<path d="M20.7876 7.30359H16.3257V12.0848H20.7876V7.30359Z" fill="#571EFA"/>
+</svg>
diff --git a/modules/banner/e2e/fixture/opendesk/app7.svg b/modules/banner/e2e/fixture/opendesk/app7.svg
new file mode 100644
index 00000000000..e88e54cbfee
--- /dev/null
+++ b/modules/banner/e2e/fixture/opendesk/app7.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.03809 12.4022C9.35839 12.4022 10.4287 11.3319 10.4287 10.0116C10.4287 8.69129 9.35839 7.62097 8.03809 7.62097C6.71778 7.62097 5.64746 8.69129 5.64746 10.0116C5.64746 11.3319 6.71778 12.4022 8.03809 12.4022Z" fill="#571EFA"/>
+<path d="M16.9619 12.4022C18.2822 12.4022 19.3525 11.3319 19.3525 10.0116C19.3525 8.69129 18.2822 7.62097 16.9619 7.62097C15.6416 7.62097 14.5713 8.69129 14.5713 10.0116C14.5713 11.3319 15.6416 12.4022 16.9619 12.4022Z" fill="#341291"/>
+<path d="M4.21289 17.8214C4.21289 15.7097 5.92434 13.996 8.03834 13.996C10.1523 13.996 11.8638 15.7074 11.8638 17.8214H4.21289Z" fill="#571EFA"/>
+<path d="M13.1367 17.8214C13.1367 15.7097 14.8482 13.996 16.9622 13.996C19.0762 13.996 20.7876 15.7074 20.7876 17.8214H13.1367Z" fill="#341291"/>
+</svg>
diff --git a/modules/banner/e2e/fixture/opendesk/app8.svg b/modules/banner/e2e/fixture/opendesk/app8.svg
new file mode 100644
index 00000000000..1658f680ec0
--- /dev/null
+++ b/modules/banner/e2e/fixture/opendesk/app8.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.2369 17.5029H6.79199V19.0974H18.2369V17.5029Z" fill="#341291"/>
+<path d="M14.7599 6.78423L15.8867 7.91095C16.5096 8.53391 16.5096 9.54144 15.8867 10.1644L14.6902 11.3608L10.1429 15.9082H6.7627V12.528L11.3101 7.98067L12.5065 6.78423C13.1294 6.16128 14.137 6.16128 14.7599 6.78423Z" fill="#571EFA"/>
+</svg>
diff --git a/modules/banner/e2e/fixture/opendesk/app9.svg b/modules/banner/e2e/fixture/opendesk/app9.svg
new file mode 100644
index 00000000000..590bc7dc27a
--- /dev/null
+++ b/modules/banner/e2e/fixture/opendesk/app9.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.12451 19.095L6.12451 6.3457H4.53001L4.53001 19.095H6.12451Z" fill="#571EFA"/>
+<path d="M18.9089 13.5161H12.5354C11.6548 13.5161 10.9409 14.23 10.9409 15.1106V16.7029C10.9409 17.5835 11.6548 18.2974 12.5354 18.2974H18.9089C19.7895 18.2974 20.5034 17.5835 20.5034 16.7029V15.1106C20.5034 14.23 19.7895 13.5161 18.9089 13.5161Z" fill="#571EFA"/>
+<path d="M14.1277 7.1427H9.31276C8.43214 7.1427 7.71826 7.85658 7.71826 8.7372V10.3295C7.71826 11.2101 8.43214 11.924 9.31276 11.924H14.1277C15.0084 11.924 15.7222 11.2101 15.7222 10.3295V8.7372C15.7222 7.85658 15.0084 7.1427 14.1277 7.1427Z" fill="#341291"/>
+</svg>
diff --git a/modules/banner/e2e/fixture/opendesk/logofull.svg b/modules/banner/e2e/fixture/opendesk/logofull.svg
new file mode 100644
index 00000000000..eaadffcfe32
--- /dev/null
+++ b/modules/banner/e2e/fixture/opendesk/logofull.svg
@@ -0,0 +1,13 @@
+<svg width="113" height="31" viewBox="0 0 113 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="101" height="31" fill="white"/>
+<path d="M20.7634 21.3042V21.6881C20.7634 23.3086 19.4467 24.6263 17.8274 24.6263H10.936C9.31669 24.6263 8 23.3086 8 21.6881V14.7914C8 13.1708 9.31669 11.8531 10.936 11.8531H11.3196V21.306H20.7652L20.7634 21.3042Z" fill="#927AFA"/>
+<path d="M20.8913 19.0041H13.6162V10.9555C13.6162 8.20836 15.8497 5.97314 18.5948 5.97314H20.8931C24.0597 5.97314 26.6372 8.55266 26.6372 11.7216V13.2538C26.6372 16.4228 24.0597 19.0023 20.8931 19.0023L20.8913 19.0041ZM16.934 15.6819H20.8913C22.2278 15.6819 23.3157 14.5932 23.3157 13.2556V11.7234C23.3157 10.3859 22.2278 9.29713 20.8913 9.29713H18.593C17.6779 9.29713 16.934 10.0416 16.934 10.9573V15.6837V15.6819Z" fill="#571EFA"/>
+<path d="M36.0164 12.3705C38.6912 12.3705 40.4006 14.3353 40.4006 16.7418C40.4006 19.1482 38.6912 21.1131 36.0164 21.1131C33.3416 21.1131 31.6143 19.1482 31.6143 16.7418C31.6143 14.3353 33.3236 12.3705 36.0164 12.3705ZM36.0164 20.0459C38.0644 20.0459 39.1487 18.5209 39.1487 16.7418C39.1487 14.9626 38.0644 13.4376 36.0164 13.4376C33.9684 13.4376 32.8679 14.9626 32.8679 16.7418C32.8679 18.5209 33.9504 20.0459 36.0164 20.0459Z" fill="black"/>
+<path d="M42.0273 12.5399H43.281V14.6742C43.8736 13.2682 45.1272 12.3705 46.9555 12.3705C49.3096 12.3705 50.9001 14.1496 50.9001 16.758C50.9001 19.3664 49.3096 21.1131 46.9555 21.1131C45.093 21.1131 43.8574 20.1811 43.281 18.8094V24.0279H42.0273V12.5399ZM46.5646 20.0459C48.2577 20.0459 49.6465 18.995 49.6465 16.758C49.6465 14.521 48.2577 13.4376 46.5646 13.4376C44.8715 13.4376 43.3314 14.539 43.3314 16.758C43.3314 18.977 44.8895 20.0459 46.5646 20.0459Z" fill="black"/>
+<path d="M56.2153 12.3706C58.6199 12.3706 60.2284 13.8793 60.2284 16.4535V16.9618H53.4739C53.5243 18.7247 54.4213 20.0785 56.2838 20.0785C57.8238 20.0785 58.7226 19.2655 59.027 18.0109H60.2626C59.9078 19.5016 58.8919 21.1114 56.318 21.1114C53.5927 21.1114 52.2725 19.078 52.2725 16.6211C52.2725 13.91 53.8467 12.3688 56.2171 12.3688L56.2153 12.3706ZM58.991 15.9794C58.8721 14.3354 57.7716 13.4035 56.1973 13.4035C54.7239 13.4035 53.6234 14.3516 53.4883 15.9794H58.991Z" fill="black"/>
+<path d="M61.9883 12.5399H63.2419V14.8779C63.6994 13.3186 64.8846 12.3705 66.7291 12.3705C68.5735 12.3705 69.7425 13.5908 69.7425 15.7936V20.9436H68.4727V15.8946C68.4727 14.1496 67.7954 13.4376 66.3058 13.4376C64.4091 13.4376 63.2419 15.0311 63.2419 17.2844V20.9436H61.9883V12.5399Z" fill="black"/>
+<path d="M71.8589 8.9978H76.2448C77.4859 8.9978 78.581 9.15102 79.5303 9.45566C80.4777 9.7603 81.254 10.3534 81.8574 11.2348C82.4608 12.1163 82.7634 13.3583 82.7634 14.9626C82.7634 16.5669 82.4608 17.8269 81.8574 18.7066C81.254 19.588 80.4777 20.1811 79.5303 20.4857C78.581 20.7904 77.4877 20.9436 76.2448 20.9436H71.8589V8.9978ZM76.2448 18.5552C77.1022 18.5552 77.7885 18.4867 78.3018 18.3515C78.8152 18.2163 79.2331 17.8918 79.5555 17.3763C79.8779 16.8625 80.0382 16.0568 80.0382 14.9626C80.0382 13.8684 79.8743 13.0771 79.5483 12.5561C79.2204 12.037 78.8026 11.7089 78.2946 11.5737C77.7867 11.4385 77.104 11.37 76.2466 11.37H74.5697V18.5552H76.2466H76.2448Z" fill="black"/>
+<path d="M84.5322 14.2759C84.9105 13.6143 85.4346 13.1096 86.1065 12.7599C86.7783 12.4102 87.5493 12.2354 88.4174 12.2354C89.8404 12.2354 90.9518 12.6139 91.7533 13.371C92.5548 14.1281 92.9547 15.1736 92.9547 16.5057V17.2177H86.555C86.6 17.827 86.7928 18.3047 87.1314 18.649C87.47 18.9933 87.9329 19.1663 88.5201 19.1663C89.0281 19.1663 89.4477 19.06 89.781 18.8437C90.1142 18.6292 90.3249 18.3245 90.4168 17.9279H92.9727C92.8376 18.8761 92.3819 19.6458 91.6092 20.2317C90.8365 20.8193 89.8116 21.1131 88.5363 21.1131C87.5997 21.1131 86.7873 20.9239 86.0975 20.5453C85.4094 20.1668 84.8817 19.6386 84.5142 18.9608C84.1468 18.2831 83.9648 17.5043 83.9648 16.6229C83.9648 15.7414 84.154 14.9374 84.5322 14.2759ZM90.4492 15.8261C90.4042 15.2835 90.2042 14.8653 89.8476 14.5715C89.4928 14.2777 89.0317 14.1317 88.4679 14.1317C87.9041 14.1317 87.4664 14.2795 87.1224 14.5715C86.7783 14.8653 86.5838 15.2835 86.5388 15.8261H90.4492Z" fill="black"/>
+<path d="M95.2406 20.2821C94.4949 19.7287 94.1221 18.9157 94.1221 17.8414H96.696C96.696 18.3281 96.8491 18.6868 97.1535 18.9175C97.4579 19.15 97.9262 19.2654 98.5585 19.2654C99.0214 19.2654 99.3564 19.2059 99.5653 19.087C99.7743 18.968 99.8788 18.7787 99.8788 18.5191C99.8788 18.3389 99.8175 18.1911 99.6932 18.0793C99.569 17.9657 99.3708 17.8702 99.1006 17.7909L96.4925 17.0789C95.9161 16.9329 95.4207 16.6697 95.0029 16.2911C94.585 15.9126 94.376 15.3898 94.376 14.7229C94.376 13.9207 94.7057 13.306 95.3667 12.8752C96.0278 12.4462 96.95 12.2317 98.1352 12.2317C99.4447 12.2317 100.466 12.4949 101.199 13.0194C101.932 13.544 102.3 14.3047 102.3 15.2979H99.7257C99.7257 14.4741 99.2015 14.0613 98.1514 14.0613C97.7785 14.0613 97.4849 14.1244 97.2706 14.247C97.0563 14.3714 96.9482 14.5354 96.9482 14.7391C96.9482 15.0888 97.258 15.343 97.8794 15.5016L99.877 15.9937C100.655 16.1866 101.28 16.4822 101.748 16.8842C102.217 17.2844 102.451 17.8468 102.451 18.5696C102.451 19.3952 102.121 20.0243 101.46 20.4587C100.799 20.8932 99.8211 21.1113 98.5224 21.1113C97.0779 21.1113 95.9827 20.8337 95.237 20.2803L95.2406 20.2821Z" fill="black"/>
+<path d="M103.875 8.4895H106.449V15.7071L109.852 12.4029H113L108.751 16.5543L112.984 20.9436H109.852L106.449 17.3511V20.9436H103.875V8.4895Z" fill="black"/>
+</svg>
diff --git a/modules/banner/e2e/fixture/opendesk/logomark.svg b/modules/banner/e2e/fixture/opendesk/logomark.svg
new file mode 100644
index 00000000000..d23f0ec64cc
--- /dev/null
+++ b/modules/banner/e2e/fixture/opendesk/logomark.svg
@@ -0,0 +1,4 @@
+<svg width="35" height="36" viewBox="0 0 35 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.6929 25.8326V26.3232C21.6929 28.394 20.0294 30.0778 17.9837 30.0778H9.27732C7.23157 30.0778 5.56812 28.394 5.56812 26.3232V17.5102C5.56812 15.4394 7.23157 13.7556 9.27732 13.7556H9.76201V25.8349H21.6952L21.6929 25.8326Z" fill="#AA98FB"/>
+<path d="M21.8544 22.8933H12.6633V12.6084C12.6633 9.09797 15.4851 6.2417 18.953 6.2417H21.8567C25.8572 6.2417 29.1135 9.53793 29.1135 13.5874V15.5453C29.1135 19.5948 25.8572 22.891 21.8567 22.891L21.8544 22.8933ZM16.855 18.6481H21.8544C23.5429 18.6481 24.9173 17.2568 24.9173 15.5476V13.5897C24.9173 11.8805 23.5429 10.4893 21.8544 10.4893H18.9508C17.7948 10.4893 16.855 11.4406 16.855 12.6107V18.6504V18.6481Z" fill="#571EFA"/>
+</svg>
diff --git a/modules/banner/e2e/fixture/silent/index.html b/modules/banner/e2e/fixture/silent/index.html
new file mode 100644
index 00000000000..969c920d77c
--- /dev/null
+++ b/modules/banner/e2e/fixture/silent/index.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Univention Silent Login</title>
+    </head>
+    <body></body>
+</html>
diff --git a/modules/banner/e2e/snapshots/banner.spec.ts/Banner-static-config-should-render-1-linux.aria.yml b/modules/banner/e2e/snapshots/banner.spec.ts/Banner-static-config-should-render-1-linux.aria.yml
new file mode 100644
index 00000000000..602fa03a658
--- /dev/null
+++ b/modules/banner/e2e/snapshots/banner.spec.ts/Banner-static-config-should-render-1-linux.aria.yml
@@ -0,0 +1,6 @@
+- navigation:
+      - button "Show menu":
+            - img
+      - link "Show portal":
+            - /url: https://example.com/portal
+            - img "Portal logo"
diff --git a/modules/banner/e2e/snapshots/banner.spec.ts/Banner-static-config-should-render-2-linux.aria.yml b/modules/banner/e2e/snapshots/banner.spec.ts/Banner-static-config-should-render-2-linux.aria.yml
new file mode 100644
index 00000000000..3ce946d830d
--- /dev/null
+++ b/modules/banner/e2e/snapshots/banner.spec.ts/Banner-static-config-should-render-2-linux.aria.yml
@@ -0,0 +1,13 @@
+- dialog "Portal logo Close menu":
+      - heading "Portal logo Close menu" [level=2]:
+            - img "Portal logo"
+            - button "Close menu":
+                  - img
+      - heading "Applications" [level=2]
+      - link "E-Mail":
+            - /url: https://example.com/email
+      - link "Riot":
+            - /url: https://riot.im/app
+      - heading "Links" [level=2]
+      - link "Link":
+            - /url: https://example.com/link1
diff --git a/modules/banner/e2e/snapshots/banner.spec.ts/Banner-univention-config-should-render-1-linux.aria.yml b/modules/banner/e2e/snapshots/banner.spec.ts/Banner-univention-config-should-render-1-linux.aria.yml
new file mode 100644
index 00000000000..602fa03a658
--- /dev/null
+++ b/modules/banner/e2e/snapshots/banner.spec.ts/Banner-univention-config-should-render-1-linux.aria.yml
@@ -0,0 +1,6 @@
+- navigation:
+      - button "Show menu":
+            - img
+      - link "Show portal":
+            - /url: https://example.com/portal
+            - img "Portal logo"
diff --git a/modules/banner/e2e/snapshots/banner.spec.ts/Banner-univention-config-should-render-2-linux.aria.yml b/modules/banner/e2e/snapshots/banner.spec.ts/Banner-univention-config-should-render-2-linux.aria.yml
new file mode 100644
index 00000000000..47446acc170
--- /dev/null
+++ b/modules/banner/e2e/snapshots/banner.spec.ts/Banner-univention-config-should-render-2-linux.aria.yml
@@ -0,0 +1,28 @@
+- dialog "Portal logo Close menu":
+      - heading "Portal logo Close menu" [level=2]:
+            - img "Portal logo"
+            - button "Close menu":
+                  - img
+      - heading "Anwendungen" [level=2]
+      - link "Portal":
+            - /url: https://example.com/app1
+      - link "Aufgaben":
+            - /url: https://example.com/app2
+      - link "Chat":
+            - /url: https://example.com/app3
+      - link "Dateien":
+            - /url: https://example.com/ap4
+      - link "E-Mail":
+            - /url: https://example.com/email
+      - link "Kelender":
+            - /url: https://example.com/app6
+      - link "Kontakte":
+            - /url: https://example.com/app7
+      - link "Notizen":
+            - /url: https://example.com/app8
+      - link "Projekte":
+            - /url: https://example.com/app9
+      - link "Videokonferenz":
+            - /url: https://example.com/app10
+      - link "Wiki":
+            - /url: https://example.com/app11
diff --git a/modules/banner/e2e/snapshots/banner.spec.ts/static-menu-linux.png b/modules/banner/e2e/snapshots/banner.spec.ts/static-menu-linux.png
new file mode 100644
index 00000000000..81982d60c09
Binary files /dev/null and b/modules/banner/e2e/snapshots/banner.spec.ts/static-menu-linux.png differ
diff --git a/modules/banner/e2e/snapshots/banner.spec.ts/static-nav-hover-linux.png b/modules/banner/e2e/snapshots/banner.spec.ts/static-nav-hover-linux.png
new file mode 100644
index 00000000000..dfd945eff1d
Binary files /dev/null and b/modules/banner/e2e/snapshots/banner.spec.ts/static-nav-hover-linux.png differ
diff --git a/modules/banner/e2e/snapshots/banner.spec.ts/static-nav-linux.png b/modules/banner/e2e/snapshots/banner.spec.ts/static-nav-linux.png
new file mode 100644
index 00000000000..3f0e72f4e75
Binary files /dev/null and b/modules/banner/e2e/snapshots/banner.spec.ts/static-nav-linux.png differ
diff --git a/modules/banner/e2e/snapshots/banner.spec.ts/univention-error-linux.png b/modules/banner/e2e/snapshots/banner.spec.ts/univention-error-linux.png
new file mode 100644
index 00000000000..141dc9ece01
Binary files /dev/null and b/modules/banner/e2e/snapshots/banner.spec.ts/univention-error-linux.png differ
diff --git a/modules/banner/e2e/snapshots/banner.spec.ts/univention-menu-linux.png b/modules/banner/e2e/snapshots/banner.spec.ts/univention-menu-linux.png
new file mode 100644
index 00000000000..90f47fc8975
Binary files /dev/null and b/modules/banner/e2e/snapshots/banner.spec.ts/univention-menu-linux.png differ
diff --git a/modules/banner/e2e/snapshots/banner.spec.ts/univention-menu-loading-linux.png b/modules/banner/e2e/snapshots/banner.spec.ts/univention-menu-loading-linux.png
new file mode 100644
index 00000000000..b6ad9906190
Binary files /dev/null and b/modules/banner/e2e/snapshots/banner.spec.ts/univention-menu-loading-linux.png differ
diff --git a/modules/banner/e2e/snapshots/banner.spec.ts/univention-nav-hover-linux.png b/modules/banner/e2e/snapshots/banner.spec.ts/univention-nav-hover-linux.png
new file mode 100644
index 00000000000..01bf1563e10
Binary files /dev/null and b/modules/banner/e2e/snapshots/banner.spec.ts/univention-nav-hover-linux.png differ
diff --git a/modules/banner/e2e/snapshots/banner.spec.ts/univention-nav-linux.png b/modules/banner/e2e/snapshots/banner.spec.ts/univention-nav-linux.png
new file mode 100644
index 00000000000..691c7e6093a
Binary files /dev/null and b/modules/banner/e2e/snapshots/banner.spec.ts/univention-nav-linux.png differ
diff --git a/modules/banner/package.json b/modules/banner/package.json
new file mode 100644
index 00000000000..c165405c92f
--- /dev/null
+++ b/modules/banner/package.json
@@ -0,0 +1,35 @@
+{
+    "name": "@element-hq/element-web-module-banner",
+    "private": true,
+    "version": "1.0.0",
+    "type": "module",
+    "main": "lib/index.js",
+    "license": "SEE LICENSE IN README.md",
+    "scripts": {
+        "build": "nx build",
+        "lint:types": "nx lint:types"
+    },
+    "devDependencies": {
+        "@arcmantle/vite-plugin-import-css-sheet": "^1.0.12",
+        "@element-hq/element-web-module-api": "workspace:*",
+        "@types/node": "catalog:",
+        "@types/react": "catalog:",
+        "@types/react-dom": "catalog:",
+        "@vitejs/plugin-react": "catalog:",
+        "matrix-web-i18n": "^3.6.0",
+        "matrix-widget-api": "^1.17.0",
+        "react": "catalog:",
+        "typescript": "catalog:",
+        "vite": "catalog:",
+        "vite-plugin-node-polyfills": "catalog:",
+        "vite-plugin-svgr": "catalog:"
+    },
+    "dependencies": {
+        "@radix-ui/react-dialog": "^1.1.6",
+        "@vector-im/compound-design-tokens": "^10.0.0",
+        "@vector-im/compound-web": "^9.0.0",
+        "motion": "^12.4.10",
+        "styled-components": "^6.1.18",
+        "zod": "^4.0.0"
+    }
+}
diff --git a/modules/banner/project.json b/modules/banner/project.json
new file mode 100644
index 00000000000..83c471023ed
--- /dev/null
+++ b/modules/banner/project.json
@@ -0,0 +1,21 @@
+{
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "projectType": "library",
+    "targets": {
+        "build": {
+            "cache": true,
+            "command": "vite build",
+            "inputs": ["src"],
+            "outputs": ["{projectRoot}/lib"],
+            "options": { "cwd": "modules/banner" },
+            "dependsOn": ["^build"]
+        },
+        "lint:types": {
+            "command": "tsc --noEmit",
+            "options": {
+                "cwd": "modules/banner"
+            },
+            "dependsOn": ["^build"]
+        }
+    }
+}
diff --git a/modules/banner/src/Banner.tsx b/modules/banner/src/Banner.tsx
new file mode 100644
index 00000000000..112470d4e85
--- /dev/null
+++ b/modules/banner/src/Banner.tsx
@@ -0,0 +1,69 @@
+/*
+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 FC } from "react";
+import styled from "styled-components";
+import { type Api } from "@element-hq/element-web-module-api";
+import { Heading } from "@vector-im/compound-web";
+
+import { type ModuleConfig } from "./config";
+import UniventionMenu from "./Univention/Menu";
+import Menu from "./Menu";
+import Logo from "./Logo.tsx";
+
+const Root = styled.nav`
+    height: ${({ theme }): string => theme.bannerHeight};
+    background-color: ${({ theme }): string => theme.bannerBackgroundColor};
+    border-bottom: "var(--cpd-border-width-1) solid var(--cpd-color-bg-subtle-primary)";
+    display: flex;
+    gap: var(--cpd-space-3x);
+
+    h1 {
+        align-self: center;
+    }
+`;
+
+const LogoContainer = styled.div`
+    display: flex;
+    padding: var(--cpd-space-3x) 0;
+`;
+
+interface Props {
+    api: Api;
+    logoUrl: string;
+    href: string;
+    menu: ModuleConfig["menu"];
+    title: string;
+}
+
+const Banner: FC<Props> = ({ api, logoUrl, href, menu, title }) => {
+    let menuJsx;
+    switch (menu.type) {
+        case "static": {
+            menuJsx = <Menu api={api} config={menu} fallbackLogoUrl={logoUrl} />;
+            break;
+        }
+        case "univention": {
+            menuJsx = <UniventionMenu api={api} config={menu} fallbackLogoUrl={logoUrl} />;
+            break;
+        }
+    }
+
+    return (
+        <Root>
+            {menuJsx}
+            <LogoContainer>
+                <Logo api={api} src={logoUrl} href={href} height="100%" />
+            </LogoContainer>
+            <Heading size="sm" weight="medium" as="h1">
+                {title}
+            </Heading>
+        </Root>
+    );
+};
+
+export default Banner;
diff --git a/modules/banner/src/Logo.tsx b/modules/banner/src/Logo.tsx
new file mode 100644
index 00000000000..485f5afbbfa
--- /dev/null
+++ b/modules/banner/src/Logo.tsx
@@ -0,0 +1,42 @@
+/*
+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 FC } from "react";
+import styled from "styled-components";
+import { type Api } from "@element-hq/element-web-module-api";
+
+const Anchor = styled.a`
+    display: flex;
+`;
+
+const Image = styled.img<{
+    height?: string;
+}>`
+    align-self: center;
+    height: ${({ height }): string => height ?? "32px"};
+`;
+
+interface Props {
+    api: Api;
+    src: string;
+    height?: string;
+    href?: string;
+}
+
+const Logo: FC<Props> = ({ api, src, href, height }) => {
+    const img = <Image alt={api.i18n.translate("logo_alt")} src={src} height={height} />;
+
+    if (!href) return img;
+
+    return (
+        <Anchor aria-label={api.i18n.translate("logo_link_label")} href={href}>
+            {img}
+        </Anchor>
+    );
+};
+
+export default Logo;
diff --git a/modules/banner/src/Menu.tsx b/modules/banner/src/Menu.tsx
new file mode 100644
index 00000000000..7afb0ca9bde
--- /dev/null
+++ b/modules/banner/src/Menu.tsx
@@ -0,0 +1,271 @@
+/*
+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 ComponentProps, type FC, type JSX, useState } from "react";
+import { AnimatePresence, motion } from "motion/react";
+import * as Dialog from "@radix-ui/react-dialog";
+import styled, { useTheme } from "styled-components";
+import { InlineSpinner } from "@vector-im/compound-web";
+import { type Api } from "@element-hq/element-web-module-api";
+
+import { type StaticConfig } from "./config";
+import Logo from "./Logo.tsx";
+import TriggerIcon from "./trigger.svg?react";
+
+const Sidebar = styled(motion.div)`
+    padding: 0 var(--cpd-space-3x) var(--cpd-space-4x);
+    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
+    overflow: auto;
+    position: fixed;
+    left: 0;
+    top: 0;
+    height: 100%;
+    width: ${({ theme }): string => theme.menuWidth};
+    background: ${({ theme }): string => theme.menuBackgroundColor};
+    border-radius: 0 16px 16px 0;
+    font: var(--cpd-font-body-md-regular);
+    letter-spacing: var(--cpd-font-letter-spacing-body-md);
+    font-feature-settings: normal;
+`;
+
+const SidebarHeading = styled.div`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: var(--cpd-space-5x);
+`;
+
+const Trigger = styled.button`
+    align-items: center;
+    border: none;
+    cursor: pointer;
+    display: flex;
+    background-color: ${({ theme }): string => theme.triggerBackgroundColor};
+    color: ${({ theme }): string => theme.triggerColor};
+    width: ${({ theme }): string => theme.triggerWidth};
+
+    &:hover,
+    &:focus {
+        background-color: ${({ theme }): string => theme.triggerBackgroundColorHover};
+        color: ${({ theme }): string => theme.triggerColorContrast};
+    }
+
+    &:active,
+    &[data-expanded="true"] {
+        background-color: ${({ theme }): string => theme.triggerBackgroundColorPressed};
+        color: ${({ theme }): string => theme.triggerColorContrast};
+    }
+
+    svg {
+        margin: auto;
+    }
+`;
+
+const CloseButton = styled.button`
+    /* Reset button styles */
+    appearance: none;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+
+    height: 32px;
+    width: 32px;
+    cursor: pointer;
+    border-radius: 8px;
+
+    &:hover,
+    &:focus {
+        background-color: ${({ theme }): string => theme.menuButtonBackgroundColorHover};
+    }
+
+    &:active {
+        background-color: ${({ theme }): string => theme.menuButtonBackgroundColorPressed};
+    }
+`;
+
+const CategoryHeading = styled.h2`
+    line-height: var(--cpd-font-line-height-tight);
+    letter-spacing: var(--cpd-font-letter-spacing-heading-lg);
+    font-weight: 700;
+    font-size: 12px;
+    color: ${({ theme }): string => theme.subheadingColor};
+    margin-top: var(--cpd-space-4x);
+    margin-bottom: var(--cpd-space-2x);
+`;
+
+const LinkButton = styled.a`
+    font-size: 14px;
+    color: var(--cpd-color-text-action-primary);
+    font-weight: var(--cpd-font-weight-medium);
+    display: flex;
+    border-radius: 8px;
+    padding: var(--cpd-space-2x);
+    align-items: center;
+
+    &:link {
+        color: var(--cpd-color-text-action-primary);
+    }
+
+    &:hover,
+    &:focus {
+        background-color: ${({ theme }): string => theme.menuButtonBackgroundColorHover};
+    }
+
+    &:active {
+        background-color: ${({ theme }): string => theme.menuButtonBackgroundColorPressed};
+    }
+`;
+
+const LinkLogo = styled.img`
+    height: 24px;
+    width: 24px;
+    border-radius: 4px;
+    border: ${({ theme }): string => `var(--cpd-border-width-1) solid ${theme.menuButtonBackgroundColorPressed}`};
+    background-color: ${({ theme }): string => theme.menuBackgroundColor};
+    margin-right: var(--cpd-space-2x);
+`;
+
+const CentredContainer = styled.div`
+    display: flex;
+    height: 100%;
+    width: 100%;
+    align-items: center;
+    text-align: center;
+    font-weight: var(--cpd-font-weight-semibold);
+
+    svg {
+        margin: 0 auto;
+    }
+`;
+
+const Overlay = styled(motion.div)`
+    background-color: rgba(238, 239, 242, 0.5);
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+`;
+
+interface Props {
+    api: Api;
+    config: StaticConfig | Error | null; // null for loading
+    fallbackLogoUrl: string;
+}
+
+const Category: FC<{
+    data: StaticConfig["categories"][number];
+}> = ({ data }) => {
+    return (
+        <div>
+            <CategoryHeading>{data.name}</CategoryHeading>
+            {data.links.map((link) => (
+                <LinkButton key={link.link_url} href={link.link_url} target={link.target ?? "_blank"}>
+                    <LinkLogo src={link.icon_uri} role="presentation" /> {link.name}
+                </LinkButton>
+            ))}
+        </div>
+    );
+};
+
+const Menu: FC<Props> = ({ api, config, fallbackLogoUrl }) => {
+    const theme = useTheme();
+    const width = parseInt(theme.menuWidth.slice(0, -2), 10);
+    const [open, setOpen] = useState(false);
+
+    let content: JSX.Element;
+    const logoProps: Omit<ComponentProps<typeof Logo>, "api"> = {
+        src: fallbackLogoUrl,
+    };
+
+    if (config instanceof Error) {
+        content = <CentredContainer>{api.i18n.translate("univention_error")}</CentredContainer>;
+    } else if (config) {
+        content = (
+            <>
+                {config.categories.map((category) => (
+                    <Category key={category.name} data={category} />
+                ))}
+            </>
+        );
+        if (config.logo_url) {
+            logoProps.src = config.logo_url;
+        }
+        logoProps.height = config.logo_height !== undefined ? `${config.logo_height}px` : undefined;
+        logoProps.href = config.logo_href;
+    } else {
+        content = (
+            <CentredContainer>
+                <InlineSpinner size={32} />
+            </CentredContainer>
+        );
+    }
+
+    return (
+        <Dialog.Root open={open} onOpenChange={setOpen}>
+            <Dialog.Trigger asChild>
+                <Trigger aria-haspopup={true} aria-expanded={open} aria-label={api.i18n.translate("trigger_label")}>
+                    <TriggerIcon />
+                </Trigger>
+            </Dialog.Trigger>
+
+            <AnimatePresence>
+                {open && (
+                    <Dialog.Portal forceMount>
+                        <Dialog.Overlay asChild>
+                            <Overlay
+                                initial={{ opacity: 0 }}
+                                animate={{ opacity: 1 }}
+                                exit={{ opacity: 0 }}
+                                transition={{ duration: 0.3 }}
+                                data-testid="dialog-overlay"
+                            />
+                        </Dialog.Overlay>
+                        <Dialog.Content asChild>
+                            <Sidebar
+                                initial={{ x: -width }}
+                                animate={{ x: 0 }}
+                                exit={{ x: -width }}
+                                transition={{ type: "tween", ease: "easeInOut", duration: 0.3 }}
+                                aria-label={api.i18n.translate("menu_label")}
+                            >
+                                <Dialog.Title>
+                                    <SidebarHeading>
+                                        <Logo {...logoProps} api={api} />
+                                        <Dialog.Close asChild>
+                                            <CloseButton
+                                                aria-label={api.i18n.translate("close_label")}
+                                                onClick={() => setOpen(false)}
+                                            >
+                                                <svg
+                                                    width="20"
+                                                    height="20"
+                                                    viewBox="0 0 20 20"
+                                                    fill="none"
+                                                    xmlns="http://www.w3.org/2000/svg"
+                                                >
+                                                    <path
+                                                        d="M7.04167 13.9999L6 12.9583L8.9375 9.99992L6 7.06242L7.04167 6.02075L10 8.95825L12.9375 6.02075L13.9792 7.06242L11.0417 9.99992L13.9792 12.9583L12.9375 13.9999L10 11.0624L7.04167 13.9999Z"
+                                                        fill="currentColor"
+                                                    />
+                                                </svg>
+                                            </CloseButton>
+                                        </Dialog.Close>
+                                    </SidebarHeading>
+                                </Dialog.Title>
+                                {content}
+                            </Sidebar>
+                        </Dialog.Content>
+                    </Dialog.Portal>
+                )}
+            </AnimatePresence>
+        </Dialog.Root>
+    );
+};
+
+export default Menu;
diff --git a/modules/banner/src/Univention/Menu.tsx b/modules/banner/src/Univention/Menu.tsx
new file mode 100644
index 00000000000..c1b9ecc89c1
--- /dev/null
+++ b/modules/banner/src/Univention/Menu.tsx
@@ -0,0 +1,54 @@
+/*
+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 FC, useEffect, useState } from "react";
+import { type Api } from "@element-hq/element-web-module-api";
+
+import { type StaticConfig, type UniventionConfig } from "../config";
+import StaticMenu from "../Menu";
+import { fetchNavigation } from "./navigation";
+import SilentLogin from "./SilentLogin";
+
+interface Props {
+    api: Api;
+    config: UniventionConfig;
+    fallbackLogoUrl: string;
+}
+
+const Menu: FC<Props> = ({ api, config, fallbackLogoUrl }) => {
+    const [loggedIn, setLoggedIn] = useState(false);
+    const [data, setData] = useState<StaticConfig | Error>();
+    const language = api.i18n.language.toLowerCase().startsWith("de") ? "de-DE" : "en";
+
+    useEffect(() => {
+        let discard = false;
+
+        setData(undefined);
+        fetchNavigation(config.ics_url, language)
+            .then((data) => {
+                if (discard) return;
+                setData(data);
+            })
+            .catch((error) => {
+                if (discard) return;
+                setData(error);
+            });
+
+        return (): void => {
+            discard = true;
+        };
+    }, [config, language, loggedIn]);
+
+    return (
+        <>
+            {!loggedIn && <SilentLogin onLoggedIn={setLoggedIn} icsUrl={config.ics_url} />}
+            <StaticMenu api={api} config={data ?? null} fallbackLogoUrl={config.logo_url ?? fallbackLogoUrl} />
+        </>
+    );
+};
+
+export default Menu;
diff --git a/modules/banner/src/Univention/SilentLogin.tsx b/modules/banner/src/Univention/SilentLogin.tsx
new file mode 100644
index 00000000000..0395410136f
--- /dev/null
+++ b/modules/banner/src/Univention/SilentLogin.tsx
@@ -0,0 +1,40 @@
+/*
+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 FC, useEffect } from "react";
+import styled from "styled-components";
+
+const HiddenIFrame = styled.iframe`
+    display: none;
+`;
+
+interface Props {
+    icsUrl: string;
+    onLoggedIn(this: void, success: boolean): void;
+}
+
+const SilentLogin: FC<Props> = ({ onLoggedIn, icsUrl }) => {
+    const url = new URL("silent", icsUrl);
+
+    useEffect(() => {
+        const listener = (event: MessageEvent): void => {
+            if (event.origin === url.origin && typeof event.data === "object" && event.data["loggedIn"] === true) {
+                onLoggedIn(true);
+            }
+        };
+
+        window.addEventListener("message", listener);
+
+        return (): void => {
+            window.removeEventListener("message", listener);
+        };
+    }, [onLoggedIn, url.origin]);
+
+    return <HiddenIFrame src={url.href} />;
+};
+
+export default SilentLogin;
diff --git a/modules/banner/src/Univention/navigation.ts b/modules/banner/src/Univention/navigation.ts
new file mode 100644
index 00000000000..9bc413aa8a3
--- /dev/null
+++ b/modules/banner/src/Univention/navigation.ts
@@ -0,0 +1,86 @@
+/*
+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 { z } from "zod/mini";
+
+import { type StaticConfig } from "../config";
+
+/**
+ * Univention Central Navigation API
+ * https://docs.software-univention.de/nubus-kubernetes-customization/1.x/en/api/central-navigation.html
+ */
+const UniventionCentralNavigation = z.object({
+    categories: z.array(
+        z.object({
+            identifier: z.string(),
+            display_name: z.string(),
+            entries: z.array(
+                z.object({
+                    /**
+                     * A unique identifier for the navigation item.
+                     */
+                    identifier: z.string(),
+                    /**
+                     * The URL to the icon in SVG format.
+                     */
+                    icon_url: z.string(),
+                    /**
+                     * The label of the link.
+                     */
+                    display_name: z.string(),
+                    /**
+                     * The destination URL of the link.
+                     */
+                    link: z.string(),
+                    /**
+                     * The browsing context in which the browser opens the link.
+                     * Corresponds to the `target` property of `<a>` tags in HTML.
+                     */
+                    target: z.string(),
+                    /**
+                     * It’s usually empty.
+                     */
+                    keywords: z.optional(z.object({})),
+                }),
+            ),
+        }),
+    ),
+});
+
+type UniventionCentralNavigation = z.infer<typeof UniventionCentralNavigation>;
+
+function navigationToConfig(navigation: UniventionCentralNavigation): StaticConfig {
+    return {
+        type: "static",
+        categories: navigation.categories.map((category) => ({
+            name: category.display_name,
+            links: category.entries.map((entry) => ({
+                icon_uri: entry.icon_url,
+                name: entry.display_name,
+                link_url: entry.link,
+                target: entry.target,
+            })),
+        })),
+    };
+}
+
+export async function fetchNavigation(icsUrl: string, language: string): Promise<StaticConfig> {
+    const url = new URL("navigation.json", icsUrl);
+    url.search = `?language=${language}`;
+
+    const response = await fetch(url, {
+        credentials: "include",
+    });
+
+    if (!response.ok) {
+        throw new Error(`Failed to fetch navigation: ${response.status}`);
+    }
+
+    const data = await response.json();
+    const config = await UniventionCentralNavigation.parseAsync(data);
+    return navigationToConfig(config);
+}
diff --git a/modules/banner/src/config.ts b/modules/banner/src/config.ts
new file mode 100644
index 00000000000..c25770a86f3
--- /dev/null
+++ b/modules/banner/src/config.ts
@@ -0,0 +1,127 @@
+/*
+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 { z, type ZodMiniType, type input } from "zod/mini";
+
+import { Theme } from "./theme.ts";
+
+z.config(z.locales.en());
+
+const MenuConfig = z.object({
+    /**
+     * Alternative logo URL to display in the popover menu.
+     * Will use the main logo url if omitted.
+     */
+    logo_url: z.optional(z.url()),
+
+    /**
+     * Height in pixels to use when rendering the logo in the menu, defaults to 32px.
+     * The width will be set automatically to maintain the original aspect ratio.
+     */
+    logo_height: z.optional(z.number()),
+
+    /**
+     * Optional link href for the logo in the menu.
+     */
+    logo_href: z.optional(z.url()),
+});
+
+const StaticConfig = z.extend(MenuConfig, {
+    type: z.literal("static"),
+
+    /**
+     * Categories of links to display in the menu.
+     */
+    categories: z.array(
+        z.object({
+            /**
+             * The category display name
+             */
+            name: z.string(),
+            /**
+             * List of links to display in the category
+             */
+            links: z.array(
+                z.object({
+                    /**
+                     * The URL to the icon.
+                     */
+                    icon_uri: z.url(),
+                    /**
+                     * The label of the link.
+                     */
+                    name: z.string(),
+                    /**
+                     * The destination URL of the link.
+                     */
+                    link_url: z.url(),
+                    /**
+                     * The browsing context in which the browser opens the link.
+                     */
+                    target: z.optional(z.string()),
+                }),
+            ),
+        }),
+    ),
+});
+
+export type StaticConfig = z.infer<typeof StaticConfig>;
+
+const UniventionConfig = z.extend(MenuConfig, {
+    type: z.literal("univention"),
+
+    /**
+     * Base URL to an Intercom Service
+     * https://docs.software-univention.de/intercom-service/latest/architecture.html#endpoints
+     */
+    ics_url: z.url(),
+});
+
+export type UniventionConfig = z.infer<typeof UniventionConfig>;
+
+export const ModuleConfig = z.object({
+    /**
+     * The URL of the portal logo.svg file.
+     * @example `https://example.com/logo.svg`
+     */
+    logo_url: z.url(),
+
+    /**
+     * The URL of the portal.
+     * @example `https://example.com`
+     */
+    logo_link_url: z.url(),
+
+    /**
+     * The title to show to the right of the Logo
+     *
+     * Will fall back to `brand` variable if undefined, can be hidden by setting to the empty string.
+     */
+    title: z.optional(z.string()),
+
+    /**
+     * Configuration for the menu.
+     */
+    menu: z.discriminatedUnion("type", [StaticConfig, UniventionConfig]),
+
+    /**
+     * Theme variable overrides, optional.
+     */
+    theme: z.prefault(Theme, {}),
+});
+
+export type ModuleConfig = z.infer<typeof ModuleConfig>;
+
+export type ConfigSchema = ZodMiniType<z.output<typeof ModuleConfig>, z.input<typeof ModuleConfig>>;
+
+export const CONFIG_KEY = "io.element.element-web-modules.banner";
+
+declare module "@element-hq/element-web-module-api" {
+    export interface Config {
+        [CONFIG_KEY]?: input<ConfigSchema>;
+    }
+}
diff --git a/modules/banner/src/index.test.ts b/modules/banner/src/index.test.ts
new file mode 100644
index 00000000000..41756a6fe65
--- /dev/null
+++ b/modules/banner/src/index.test.ts
@@ -0,0 +1,35 @@
+/*
+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, expect, it, vi } from "vitest";
+import { type Api } from "@element-hq/element-web-module-api";
+
+import BannerModule from "./index";
+
+const makeApi = (config: unknown): Api => {
+    return {
+        config: {
+            get: vi.fn().mockReturnValue(config),
+        },
+        i18n: {
+            register: vi.fn(),
+        },
+    } as unknown as Api;
+};
+
+describe("BannerModule", () => {
+    describe("load", () => {
+        it("should do nothing if no config present", async () => {
+            const api = makeApi(null);
+
+            const module = new BannerModule(api);
+            await module.load();
+
+            expect(api.i18n.register).not.toHaveBeenCalled();
+        });
+    });
+});
diff --git a/modules/banner/src/index.tsx b/modules/banner/src/index.tsx
new file mode 100644
index 00000000000..4b65373f8c7
--- /dev/null
+++ b/modules/banner/src/index.tsx
@@ -0,0 +1,61 @@
+/*
+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 { ThemeProvider } from "styled-components";
+
+import type { Module, Api, ModuleFactory } from "@element-hq/element-web-module-api";
+import Translations from "./translations.json";
+import { ModuleConfig, CONFIG_KEY } from "./config";
+import Banner from "./Banner";
+import { name as ModuleName } from "../package.json";
+import style from "./style.css" with { type: "css" };
+
+class BannerModule implements Module {
+    public static readonly moduleApiVersion = "^1.0.0";
+
+    private config?: ModuleConfig;
+
+    public constructor(private api: Api) {}
+
+    public async load(): Promise<void> {
+        const rawConfig = this.api.config.get(CONFIG_KEY);
+        if (!rawConfig) {
+            console.debug(`No configuration found for module "${ModuleName}", skipping initialization.`);
+            return;
+        }
+
+        document.adoptedStyleSheets.push(style);
+
+        this.api.i18n.register(Translations);
+
+        try {
+            this.config = ModuleConfig.parse(rawConfig);
+        } catch (e) {
+            console.error("Failed to init module", e);
+            throw new Error(`Errors in module configuration for "${ModuleName}"`);
+        }
+
+        const div = document.createElement("div");
+        div.dataset.testid = "banner";
+        this.api.rootNode.before(div);
+
+        const root = this.api.createRoot(div);
+        root.render(
+            <ThemeProvider theme={this.config.theme}>
+                <Banner
+                    api={this.api}
+                    logoUrl={this.config.logo_url}
+                    href={this.config.logo_link_url}
+                    menu={this.config.menu}
+                    title={this.config.title ?? this.api.config.get("brand")}
+                />
+            </ThemeProvider>,
+        );
+    }
+}
+
+export default BannerModule satisfies ModuleFactory;
diff --git a/modules/banner/src/style.css b/modules/banner/src/style.css
new file mode 100644
index 00000000000..29a08db1187
--- /dev/null
+++ b/modules/banner/src/style.css
@@ -0,0 +1,17 @@
+/*
+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 "@vector-im/compound-web/dist/style.css" layer(compound-layer);
+
+/* Styles to ensure the banner does not push the app out of the viewport */
+body {
+    display: flex;
+    flex-direction: column;
+}
+#matrixchat {
+    flex: 1;
+}
diff --git a/modules/banner/src/theme.ts b/modules/banner/src/theme.ts
new file mode 100644
index 00000000000..3c715a955bf
--- /dev/null
+++ b/modules/banner/src/theme.ts
@@ -0,0 +1,31 @@
+/*
+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 { z } from "zod/mini";
+
+export const Theme = z.object({
+    textColor: z.prefault(z.string(), "var(--cpd-color-text-primary)"),
+    subheadingColor: z.prefault(z.string(), "var(--cpd-color-text-secondary)"),
+    bannerBackgroundColor: z.prefault(z.string(), "var(--cpd-color-bg-canvas-default)"),
+    bannerHeight: z.prefault(z.string(), "60px"),
+    triggerWidth: z.prefault(z.string(), "68px"),
+    triggerBackgroundColor: z.prefault(z.string(), "var(--cpd-color-bg-subtle-secondary)"),
+    triggerBackgroundColorHover: z.prefault(z.string(), "var(--cpd-color-bg-accent-hovered)"),
+    triggerBackgroundColorPressed: z.prefault(z.string(), "var(--cpd-color-bg-accent-pressed)"),
+    triggerColor: z.prefault(z.string(), "var(--cpd-color-icon-primary)"),
+    triggerColorContrast: z.prefault(z.string(), "var(--cpd-color-icon-on-solid-primary)"),
+    menuWidth: z.prefault(z.string(), "320px"),
+    menuBackgroundColor: z.prefault(z.string(), "var(--cpd-color-bg-canvas-default)"),
+    menuButtonBackgroundColorHover: z.prefault(z.string(), "var(--cpd-color-bg-action-secondary-hovered)"),
+    menuButtonBackgroundColorPressed: z.prefault(z.string(), "var(--cpd-color-bg-action-secondary-pressed)"),
+});
+
+export type Theme = z.infer<typeof Theme>;
+
+declare module "styled-components" {
+    export interface DefaultTheme extends Theme {}
+}
diff --git a/modules/banner/src/translations.json b/modules/banner/src/translations.json
new file mode 100644
index 00000000000..be2627e3aac
--- /dev/null
+++ b/modules/banner/src/translations.json
@@ -0,0 +1,26 @@
+{
+    "logo_alt": {
+        "en": "Portal logo",
+        "de": "Portal Logo"
+    },
+    "menu_label": {
+        "en": "Menu",
+        "de": "Menü"
+    },
+    "trigger_label": {
+        "en": "Show menu",
+        "de": "Menü anzeigen"
+    },
+    "close_label": {
+        "en": "Close menu",
+        "de": "Menü schließen"
+    },
+    "logo_link_label": {
+        "en": "Show portal",
+        "de": "Portal anzeigen"
+    },
+    "univention_error": {
+        "en": "Failed to load data from Univention",
+        "de": "Daten konnten nicht von Univention geladen werden"
+    }
+}
diff --git a/modules/banner/src/trigger.svg b/modules/banner/src/trigger.svg
new file mode 100644
index 00000000000..72273ad2871
--- /dev/null
+++ b/modules/banner/src/trigger.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M4.99992 16.6667C4.54159 16.6667 4.14922 16.5035 3.82284 16.1771C3.49645 15.8507 3.33325 15.4584 3.33325 15C3.33325 14.5417 3.49645 14.1493 3.82284 13.823C4.14922 13.4966 4.54159 13.3334 4.99992 13.3334C5.45825 13.3334 5.85061 13.4966 6.177 13.823C6.50339 14.1493 6.66659 14.5417 6.66659 15C6.66659 15.4584 6.50339 15.8507 6.177 16.1771C5.85061 16.5035 5.45825 16.6667 4.99992 16.6667ZM9.99992 16.6667C9.54158 16.6667 9.14922 16.5035 8.82284 16.1771C8.49645 15.8507 8.33325 15.4584 8.33325 15C8.33325 14.5417 8.49645 14.1493 8.82284 13.823C9.14922 13.4966 9.54158 13.3334 9.99992 13.3334C10.4583 13.3334 10.8506 13.4966 11.177 13.823C11.5034 14.1493 11.6666 14.5417 11.6666 15C11.6666 15.4584 11.5034 15.8507 11.177 16.1771C10.8506 16.5035 10.4583 16.6667 9.99992 16.6667ZM14.9999 16.6667C14.5416 16.6667 14.1492 16.5035 13.8228 16.1771C13.4964 15.8507 13.3333 15.4584 13.3333 15C13.3333 14.5417 13.4964 14.1493 13.8228 13.823C14.1492 13.4966 14.5416 13.3334 14.9999 13.3334C15.4583 13.3334 15.8506 13.4966 16.177 13.823C16.5034 14.1493 16.6666 14.5417 16.6666 15C16.6666 15.4584 16.5034 15.8507 16.177 16.1771C15.8506 16.5035 15.4583 16.6667 14.9999 16.6667ZM4.99992 11.6667C4.54159 11.6667 4.14922 11.5035 3.82284 11.1771C3.49645 10.8507 3.33325 10.4584 3.33325 10C3.33325 9.54171 3.49645 9.14935 3.82284 8.82296C4.14922 8.49657 4.54159 8.33337 4.99992 8.33337C5.45825 8.33337 5.85061 8.49657 6.177 8.82296C6.50339 9.14935 6.66659 9.54171 6.66659 10C6.66659 10.4584 6.50339 10.8507 6.177 11.1771C5.85061 11.5035 5.45825 11.6667 4.99992 11.6667ZM9.99992 11.6667C9.54158 11.6667 9.14922 11.5035 8.82284 11.1771C8.49645 10.8507 8.33325 10.4584 8.33325 10C8.33325 9.54171 8.49645 9.14935 8.82284 8.82296C9.14922 8.49657 9.54158 8.33337 9.99992 8.33337C10.4583 8.33337 10.8506 8.49657 11.177 8.82296C11.5034 9.14935 11.6666 9.54171 11.6666 10C11.6666 10.4584 11.5034 10.8507 11.177 11.1771C10.8506 11.5035 10.4583 11.6667 9.99992 11.6667ZM14.9999 11.6667C14.5416 11.6667 14.1492 11.5035 13.8228 11.1771C13.4964 10.8507 13.3333 10.4584 13.3333 10C13.3333 9.54171 13.4964 9.14935 13.8228 8.82296C14.1492 8.49657 14.5416 8.33337 14.9999 8.33337C15.4583 8.33337 15.8506 8.49657 16.177 8.82296C16.5034 9.14935 16.6666 9.54171 16.6666 10C16.6666 10.4584 16.5034 10.8507 16.177 11.1771C15.8506 11.5035 15.4583 11.6667 14.9999 11.6667ZM4.99992 6.66671C4.54159 6.66671 4.14922 6.50351 3.82284 6.17712C3.49645 5.85074 3.33325 5.45837 3.33325 5.00004C3.33325 4.54171 3.49645 4.14935 3.82284 3.82296C4.14922 3.49657 4.54159 3.33337 4.99992 3.33337C5.45825 3.33337 5.85061 3.49657 6.177 3.82296C6.50339 4.14935 6.66659 4.54171 6.66659 5.00004C6.66659 5.45837 6.50339 5.85074 6.177 6.17712C5.85061 6.50351 5.45825 6.66671 4.99992 6.66671ZM9.99992 6.66671C9.54158 6.66671 9.14922 6.50351 8.82284 6.17712C8.49645 5.85074 8.33325 5.45837 8.33325 5.00004C8.33325 4.54171 8.49645 4.14935 8.82284 3.82296C9.14922 3.49657 9.54158 3.33337 9.99992 3.33337C10.4583 3.33337 10.8506 3.49657 11.177 3.82296C11.5034 4.14935 11.6666 4.54171 11.6666 5.00004C11.6666 5.45837 11.5034 5.85074 11.177 6.17712C10.8506 6.50351 10.4583 6.66671 9.99992 6.66671ZM14.9999 6.66671C14.5416 6.66671 14.1492 6.50351 13.8228 6.17712C13.4964 5.85074 13.3333 5.45837 13.3333 5.00004C13.3333 4.54171 13.4964 4.14935 13.8228 3.82296C14.1492 3.49657 14.5416 3.33337 14.9999 3.33337C15.4583 3.33337 15.8506 3.49657 16.177 3.82296C16.5034 4.14935 16.6666 4.54171 16.6666 5.00004C16.6666 5.45837 16.5034 5.85074 16.177 6.17712C15.8506 6.50351 15.4583 6.66671 14.9999 6.66671Z" fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/modules/banner/src/vite-env.d.ts b/modules/banner/src/vite-env.d.ts
new file mode 100644
index 00000000000..bfeaf6b7afa
--- /dev/null
+++ b/modules/banner/src/vite-env.d.ts
@@ -0,0 +1,9 @@
+/*
+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.
+*/
+
+/// <reference types="vite-plugin-svgr/client" />
+/// <reference types="@arcmantle/vite-plugin-import-css-sheet/client" />
diff --git a/modules/banner/tsconfig.json b/modules/banner/tsconfig.json
new file mode 100644
index 00000000000..4678d3975af
--- /dev/null
+++ b/modules/banner/tsconfig.json
@@ -0,0 +1,8 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {
+        "noEmit": true,
+        "jsx": "react-jsx"
+    },
+    "include": ["src"]
+}
diff --git a/modules/banner/vite.config.ts b/modules/banner/vite.config.ts
new file mode 100644
index 00000000000..bbccf424bf4
--- /dev/null
+++ b/modules/banner/vite.config.ts
@@ -0,0 +1,33 @@
+/*
+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 { fileURLToPath } from "node:url";
+import { mergeConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import { nodePolyfills } from "vite-plugin-node-polyfills";
+import svgr from "vite-plugin-svgr";
+import { importCSSSheet } from "@arcmantle/vite-plugin-import-css-sheet";
+import baseConfig from "@element-hq/element-web-module-api/vite.base.ts";
+
+export default mergeConfig(baseConfig, {
+    build: {
+        lib: {
+            entry: fileURLToPath(import.meta.resolve("./src/index.tsx")),
+            name: "element-web-module-banner",
+            fileName: "index",
+            formats: ["es"],
+        },
+    },
+    plugins: [
+        importCSSSheet(),
+        react(),
+        svgr(),
+        nodePolyfills({
+            include: ["events"],
+        }),
+    ],
+});
diff --git a/modules/banner/vitest.config.ts b/modules/banner/vitest.config.ts
new file mode 100644
index 00000000000..3ef4e022b48
--- /dev/null
+++ b/modules/banner/vitest.config.ts
@@ -0,0 +1,14 @@
+/*
+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 { defineProject } from "vitest/config";
+
+export default defineProject({
+    test: {
+        exclude: ["./e2e/**/*", "./node_modules/**/*"],
+    },
+});
diff --git a/modules/package.json b/modules/package.json
new file mode 100644
index 00000000000..7f18fa985b1
--- /dev/null
+++ b/modules/package.json
@@ -0,0 +1,15 @@
+{
+    "name": "element-web-modules",
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "lint:types": "nx lint:types --",
+        "test:playwright": "nx test:playwright --",
+        "test:playwright:open": "nx test:playwright -- --ui",
+        "test:playwright:screenshots": "nx test:playwright:screenshots --"
+    },
+    "devDependencies": {
+        "@element-hq/element-web-playwright-common": "workspace:*"
+    },
+    "private": true
+}
diff --git a/modules/playwright.config.ts b/modules/playwright.config.ts
new file mode 100644
index 00000000000..54827761f9a
--- /dev/null
+++ b/modules/playwright.config.ts
@@ -0,0 +1,102 @@
+/*
+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 { defineConfig, devices, type Project } from "@playwright/test";
+import fs, { globSync } from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+import type { Options } from "./playwright/element-web-test.ts";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const chromeProject = {
+    ...devices["Desktop Chrome"],
+    channel: "chromium",
+    permissions: ["clipboard-write", "clipboard-read", "microphone"],
+    launchOptions: {
+        args: ["--use-fake-ui-for-media-stream", "--use-fake-device-for-media-stream", "--mute-audio"],
+    },
+    connectOptions: process.env.PW_TEST_CONNECT_WS_ENDPOINT
+        ? {
+              wsEndpoint: process.env.PW_TEST_CONNECT_WS_ENDPOINT,
+              exposeNetwork: "<loopback>",
+          }
+        : undefined,
+};
+
+/**
+We assume that all modules will have the following directory structure:
+<repo_root>
+└── modules/
+    └── my-module/
+        ├── e2e/
+        │   ├── test-1.spec.ts
+        │   └── test-2.spec.ts
+        └── package.json
+
+The following code maps each such module (my-module in the example above) to a separate
+playwright project.
+ */
+const projects: Project<Options>[] = [];
+
+// Get all the directories that hold playwright tests
+const moduleTestDirectories = globSync("*/e2e", { cwd: __dirname }).map((d) => path.join(__dirname, d));
+
+// Process each directory
+for (const testDirectory of moduleTestDirectories) {
+    // Based on the directory structure, the parent directory of the test directory holds package.json.
+    const moduleDirectory = path.join(testDirectory, "..");
+
+    // Get module name from package.json
+    const packageJson = JSON.parse(fs.readFileSync(path.join(moduleDirectory, "package.json"), "utf-8"));
+    const MODULE_PREFIX = "@element-hq/element-web-module-";
+    const name = packageJson.name.startsWith(MODULE_PREFIX)
+        ? packageJson.name.slice(MODULE_PREFIX.length)
+        : packageJson.name;
+
+    // Create playwright project
+    projects.push({
+        name,
+        use: {
+            ...chromeProject,
+            moduleDir: moduleDirectory,
+        },
+        testDir: testDirectory,
+        snapshotDir: `${testDirectory}/snapshots`,
+        outputDir: `${testDirectory}/_results`,
+    });
+}
+
+const baseURL = process.env["BASE_URL"] ?? "http://localhost:8080";
+
+export default defineConfig<Options>({
+    projects,
+    use: {
+        viewport: { width: 1280, height: 720 },
+        ignoreHTTPSErrors: true,
+        video: "retain-on-failure",
+        baseURL,
+        trace: "on-first-retry",
+    },
+    webServer: {
+        command: process.env.WEBAPP_PATH
+            ? `npx serve -p 8080 -L ${process.env.WEBAPP_PATH}`
+            : "docker run --rm -p 8080:80 ghcr.io/element-hq/element-web:develop",
+        url: `${baseURL}/config.json`,
+        reuseExistingServer: true,
+        timeout: (process.env.CI ? 30 : 120) * 1000,
+    },
+    workers: 1,
+    retries: process.env.CI ? 2 : 0,
+    reporter: process.env.CI
+        ? [["list"], ["blob"], ["github"]]
+        : [["list"], ["html", { outputFolder: "playwright-html-report" }]],
+    // When running the browser in docker, set the platform to `linux` as that is the platform where the browser is running
+    snapshotPathTemplate: `{snapshotDir}/{testFilePath}/{arg}-${process.env.PW_TEST_CONNECT_WS_ENDPOINT ? "linux" : "{platform}"}{ext}`,
+    forbidOnly: !!process.env.CI,
+});
diff --git a/modules/playwright/element-web-test.ts b/modules/playwright/element-web-test.ts
new file mode 100644
index 00000000000..ca8ca83f7ef
--- /dev/null
+++ b/modules/playwright/element-web-test.ts
@@ -0,0 +1,35 @@
+/*
+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 { test as base, expect, type TestFixtures } from "@element-hq/element-web-playwright-common";
+
+export interface Options {
+    moduleDir: string;
+    modules: string[];
+}
+
+export const test = base.extend<TestFixtures & Options>({
+    moduleDir: ["", { option: true }],
+    modules: async ({ moduleDir }, use) => {
+        await use([`${moduleDir}/lib/index.js`]);
+    },
+
+    page: async ({ page, modules, config }, use) => {
+        config.modules = [];
+        for (let i = 0; i < modules.length; i++) {
+            const module = `/modules/module-${i}/index.js`;
+            await page.route(module, async (route) => {
+                await route.fulfill({ path: modules[i] });
+            });
+            config.modules.push(module);
+        }
+
+        await use(page);
+    },
+});
+
+export { expect };
diff --git a/modules/project.json b/modules/project.json
new file mode 100644
index 00000000000..4e6fda6f67b
--- /dev/null
+++ b/modules/project.json
@@ -0,0 +1,22 @@
+{
+    "$schema": "../node_modules/nx/schemas/project-schema.json",
+    "projectType": "library",
+    "implicitDependencies": ["modules/*"],
+    "targets": {
+        "lint:types": {
+            "command": "tsc --noEmit",
+            "options": { "cwd": "modules" },
+            "dependsOn": ["^build:playwright"]
+        },
+        "test:playwright": {
+            "command": "playwright test",
+            "options": { "cwd": "modules" },
+            "dependsOn": ["^build:playwright", "^build"]
+        },
+        "test:playwright:screenshots": {
+            "command": "playwright-screenshots playwright test --update-snapshots --grep @screenshot",
+            "options": { "cwd": "modules" },
+            "dependsOn": ["^build:playwright", "^build"]
+        }
+    }
+}
diff --git a/modules/restricted-guests/README.md b/modules/restricted-guests/README.md
new file mode 100644
index 00000000000..3a925d018db
--- /dev/null
+++ b/modules/restricted-guests/README.md
@@ -0,0 +1,22 @@
+# @element-hq/element-web-module-restricted-guests
+
+Restricted Guests module for Element Web.
+
+Supports the following configuration options under the configuration key `io.element.element-web-modules.restricted-guests`:
+
+| Key                       | Type    | Description                                                                                                                                     |
+| ------------------------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
+| guest_user_homeserver_url | string  | URL of the homeserver on which to register the guest, must be running the synapse module.                                                       |
+| guest_user_prefix         | string  | Prefix to apply to all guests registered via the module, defaults to `@guest-`.                                                                 |
+| skip_single_sign_on       | boolean | If true, the user will be forwarded to the login page instead of to the SSO login. This is only required if the home server has no SSO support. |
+
+## Copyright & License
+
+Copyright (c) 2025 New Vector Ltd
+
+This software is multi licensed by New Vector Ltd (Element). It can be used either:
+
+(1) for free under the terms of the GNU Affero General Public License (as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version); OR
+
+(2) under the terms of a paid-for Element Commercial License agreement between you and Element (the terms of which may vary depending on what you and Element have agreed to).
+Unless required by applicable law or agreed to in writing, software distributed under the Licenses is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the Licenses for the specific language governing permissions and limitations under the Licenses.
diff --git a/modules/restricted-guests/e2e/restricted-guests.spec.ts b/modules/restricted-guests/e2e/restricted-guests.spec.ts
new file mode 100644
index 00000000000..da5838520a5
--- /dev/null
+++ b/modules/restricted-guests/e2e/restricted-guests.spec.ts
@@ -0,0 +1,320 @@
+/*
+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 MasConfig,
+    type StartedMatrixAuthenticationServiceContainer,
+    type StartedSynapseContainer,
+    type SynapseContainer,
+} from "@element-hq/element-web-playwright-common/lib/testcontainers/index.js";
+import { type Credentials } from "@element-hq/element-web-playwright-common/lib/utils/api";
+import { makePostgres, makeMas } from "@element-hq/element-web-playwright-common/lib/testcontainers/index.js";
+
+import { RestrictedGuestsSynapseContainer, RestrictedGuestsSynapseWithMasContainer } from "./services";
+import { test as subBase, expect } from "../../playwright/element-web-test";
+
+const MAS_CLIENT_ID = "01ARZ3NDEKTSV4RRFFQ69G5FAV";
+const MAS_CLIENT_SECRET = "restricted-guests-secret";
+const MAS_SHARED_SECRET = "restricted-guests-shared-secret";
+const MAS_INTERNAL_URL = "http://guest-mas:8080";
+const GUEST_HOMESERVER_NAME = "guest-homeserver";
+
+const MAS_HTTP_LISTENERS: NonNullable<MasConfig["http"]>["listeners"] = [
+    {
+        name: "web",
+        resources: [
+            { name: "discovery" },
+            { name: "human" },
+            { name: "oauth" },
+            { name: "compat" },
+            { name: "graphql" },
+            { name: "assets" },
+            { name: "adminapi" },
+        ],
+        binds: [
+            {
+                address: "[::]:8080",
+            },
+        ],
+        proxy_protocol: false,
+    },
+    {
+        name: "internal",
+        resources: [
+            {
+                name: "health",
+            },
+        ],
+        binds: [
+            {
+                address: "[::]:8081",
+            },
+        ],
+        proxy_protocol: false,
+    },
+];
+
+const BASE_MAS_CONFIG: Partial<MasConfig> = {
+    http: {
+        listeners: MAS_HTTP_LISTENERS,
+        public_base: "",
+    },
+    policy: {
+        data: {
+            admin_clients: [MAS_CLIENT_ID],
+            client_registration: {
+                allow_insecure_uris: true,
+            },
+        },
+    },
+    clients: [
+        {
+            client_id: MAS_CLIENT_ID,
+            client_auth_method: "client_secret_basic",
+            client_secret: MAS_CLIENT_SECRET,
+        },
+    ],
+};
+
+declare module "@element-hq/element-web-module-api" {
+    export interface Config {
+        embedded_pages?: {
+            login_for_welcome?: boolean;
+        };
+    }
+}
+
+// We do some wacky things here in order to run the test suite against multiple homeserver configurations
+const base = subBase.extend<
+    {
+        testRoomId: string;
+    },
+    {
+        auth: "mas" | "legacy";
+
+        bot: Credentials;
+        guestMas?: StartedMatrixAuthenticationServiceContainer;
+        guestHomeserver: StartedSynapseContainer;
+    }
+>({
+    testRoomId: [
+        async ({ homeserver, bot }, use) => {
+            const { room_id: roomId } = (await homeserver.csApi.request("POST", "/v3/createRoom", bot.accessToken, {
+                name: "Test room",
+                preset: "public_chat",
+                topic: "All about happy hour",
+                initial_state: [
+                    {
+                        // This is required to allow guests to join the room with this Synapse module
+                        type: "m.room.join_rule",
+                        state_key: "",
+                        content: { join_rule: "knock" },
+                    },
+                ],
+            })) as { room_id: string };
+            await use(roomId);
+        },
+        { scope: "test" },
+    ],
+    bot: [
+        async ({ homeserver }, use) => {
+            const bot = await homeserver.registerUser("bot", "pAs5w0rD!", "Bot");
+            await use(bot);
+        },
+        { scope: "worker" },
+    ],
+
+    auth: ["mas", { scope: "worker" }],
+    // Optional MAS on the default homeserver, enabled only when we are testing the non-guest login UX
+    mas: [
+        async ({ logger, network, postgres, auth, synapseConfig }, use) => {
+            if (auth !== "mas" || synapseConfig.allow_guest_access !== false) {
+                return use(undefined);
+            }
+            const container = await makeMas(
+                postgres,
+                network,
+                logger,
+                {
+                    ...BASE_MAS_CONFIG,
+                    matrix: {
+                        kind: "synapse",
+                        homeserver: "homeserver",
+                        endpoint: "http://homeserver:8008",
+                        secret: MAS_SHARED_SECRET,
+                    },
+                },
+                "mas",
+            );
+            await use(container);
+            await container.stop();
+        },
+        { scope: "worker" },
+    ],
+    // Optional MAS on the module homeserver
+    guestMas: [
+        async ({ logger, network, auth }, use) => {
+            if (auth !== "mas") {
+                return use(undefined);
+            }
+
+            // We need a separate postgres so it doesn't fight with the default MAS
+            const postgres = await makePostgres(network, logger, "guest-mas-postgres");
+
+            const container = await makeMas(
+                postgres,
+                network,
+                logger,
+                {
+                    ...BASE_MAS_CONFIG,
+                    matrix: {
+                        kind: "synapse",
+                        homeserver: GUEST_HOMESERVER_NAME,
+                        endpoint: "http://guest-homeserver:8008",
+                        secret: MAS_SHARED_SECRET,
+                    },
+                },
+                "guest-mas",
+            );
+            await use(container);
+            await container.stop();
+            await postgres.stop();
+        },
+        { scope: "worker" },
+    ],
+    // Module homeserver
+    guestHomeserver: [
+        async ({ logger, synapseConfig, network, guestMas }, use) => {
+            let container: SynapseContainer;
+            if (guestMas) {
+                container = new RestrictedGuestsSynapseWithMasContainer({
+                    adminApiBaseUrl: MAS_INTERNAL_URL,
+                    oauthBaseUrl: MAS_INTERNAL_URL,
+                    clientId: MAS_CLIENT_ID,
+                    clientSecret: MAS_CLIENT_SECRET,
+                }).withMatrixAuthenticationService(guestMas);
+            } else {
+                container = new RestrictedGuestsSynapseContainer();
+            }
+
+            const startedContainer = await container
+                .withConfig(synapseConfig)
+                .withConfig({
+                    server_name: GUEST_HOMESERVER_NAME,
+                })
+                .withNetwork(network)
+                .withNetworkAliases(GUEST_HOMESERVER_NAME)
+                .withLogConsumer(logger.getConsumer("guest_homeserver"))
+                .start();
+
+            await use(startedContainer);
+            await startedContainer.stop();
+        },
+        { scope: "worker" },
+    ],
+    displayName: "Tommy",
+    labsFlags: ["feature_ask_to_join"],
+    config: {
+        embedded_pages: {
+            login_for_welcome: true,
+        },
+    },
+});
+
+base.slow();
+for (const auth of ["mas", "legacy"] as const) {
+    for (const guestsEnabled of [true, false]) {
+        const test = base.extend({
+            auth,
+            synapseConfig: {
+                allow_guest_access: guestsEnabled,
+            },
+        });
+
+        test.describe(`Restricted guests auth=${auth} guests=${guestsEnabled}`, () => {
+            test("should not error if config is missing", async ({ page }) => {
+                await page.goto("/");
+                await expect(page.getByText("Your Element is misconfigured")).not.toBeVisible();
+                await expect(page.getByText("Errors in module configuration")).not.toBeVisible();
+            });
+
+            test.describe("with invalid config", () => {
+                test.use({
+                    config: {
+                        "io.element.element-web-modules.restricted-guests": {
+                            hs_url: "foo",
+                        },
+                    },
+                });
+
+                test("should render error", async ({ page }) => {
+                    await page.goto("/");
+                    await expect(page.getByText("Your Element is misconfigured")).toBeVisible();
+                    await expect(page.getByText("Errors in module configuration")).toBeVisible();
+                });
+            });
+
+            test.describe("with valid config", () => {
+                test.beforeEach(async ({ config, guestHomeserver, page, testRoomId }) => {
+                    config["io.element.element-web-modules.restricted-guests"] = {
+                        guest_user_homeserver_url: guestHomeserver.baseUrl,
+                    };
+                    // Go to a room we are not a member of
+                    await page.goto(`/#/room/${testRoomId}`);
+                });
+
+                if (guestsEnabled) {
+                    // The screenshots between the two auth type tests for guests should be identical.
+                    test(
+                        "should show the default room preview bar for logged in users",
+                        { tag: ["@screenshot"] },
+                        async ({ page, user, testRoomId }) => {
+                            // Go to a room we are not a member of
+                            await page.goto(`/#/room/${testRoomId}`);
+                            const button = page.getByRole("button", { name: "Join the discussion" });
+                            await expect(button).toBeVisible();
+                        },
+                    );
+
+                    test(
+                        "should show the module's room preview bar for guests",
+                        { tag: ["@screenshot"] },
+                        async ({ page }) => {
+                            const button = page.getByRole("button", { name: "Join as guest", exact: true });
+                            await expect(button).toBeVisible();
+                            await expect(page.locator(".mx_RoomPreviewBar")).toMatchScreenshot(`preview-bar.png`);
+
+                            await button.click();
+                            const dialog = page.getByRole("dialog");
+                            await expect(dialog).toMatchScreenshot(`dialog.png`);
+
+                            await dialog.getByPlaceholder("Name").fill("Jim");
+                            await dialog.getByRole("button", { name: "Continue as guest" }).click();
+
+                            await expect(page.getByText("Ask to join?")).toBeVisible();
+                        },
+                    );
+                } else {
+                    test("should show the module login ux", { tag: ["@screenshot"] }, async ({ page }) => {
+                        const button = page.getByRole("button", { name: "Join as guest", exact: true });
+                        await expect(button).toBeVisible();
+                        await expect(page.getByRole("main")).toMatchScreenshot(`login-${auth}.png`);
+
+                        await button.click();
+                        const dialog = page.getByRole("dialog");
+                        await expect(dialog).toMatchScreenshot(`dialog-login.png`);
+
+                        await dialog.getByPlaceholder("Name").fill("Jim");
+                        await dialog.getByRole("button", { name: "Continue as guest" }).click();
+
+                        await expect(page.getByText("Join the discussion")).toBeVisible();
+                    });
+                }
+            });
+        });
+    }
+}
diff --git a/modules/restricted-guests/e2e/services.ts b/modules/restricted-guests/e2e/services.ts
new file mode 100644
index 00000000000..5e556b1ebc9
--- /dev/null
+++ b/modules/restricted-guests/e2e/services.ts
@@ -0,0 +1,69 @@
+/*
+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 StartedSynapseContainer,
+    SynapseContainer,
+} from "@element-hq/element-web-playwright-common/lib/testcontainers/index.js";
+import { Readable } from "node:stream";
+import { GenericContainer, Wait } from "testcontainers";
+
+// We use the SynapseContainer as a base to have all of its utilities for config setting
+export class RestrictedGuestsSynapseContainer extends SynapseContainer {
+    protected getModuleConfig(): Record<string, unknown> {
+        return {};
+    }
+
+    public override async start(): Promise<StartedSynapseContainer> {
+        // Download the synapse module
+        const initContainer = await new GenericContainer("ghcr.io/element-hq/synapse-guest-module:861f7ee")
+            .withWaitStrategy(Wait.forOneShotStartup())
+            .start();
+        const tarStream = await initContainer.copyArchiveFromContainer(`/src/synapse_guest_module`);
+        await initContainer.stop();
+
+        this.withCopyArchivesToContainer([
+            {
+                tar: Readable.from(tarStream),
+                target: "/",
+            },
+        ]).withEnvironment({
+            PYTHONPATH: "/modules",
+        });
+
+        this.config.modules.push({
+            module: "synapse_guest_module.GuestModule",
+            config: this.getModuleConfig(),
+        });
+
+        return super.start();
+    }
+}
+
+interface RestrictedGuestsMasModuleConfig {
+    adminApiBaseUrl: string;
+    oauthBaseUrl?: string;
+    clientId: string;
+    clientSecret: string;
+}
+
+export class RestrictedGuestsSynapseWithMasContainer extends RestrictedGuestsSynapseContainer {
+    public constructor(private readonly masConfig: RestrictedGuestsMasModuleConfig) {
+        super();
+    }
+
+    protected override getModuleConfig(): Record<string, unknown> {
+        return {
+            mas: {
+                admin_api_base_url: this.masConfig.adminApiBaseUrl,
+                oauth_base_url: this.masConfig.oauthBaseUrl ?? this.masConfig.adminApiBaseUrl,
+                client_id: this.masConfig.clientId,
+                client_secret: this.masConfig.clientSecret,
+            },
+        };
+    }
+}
diff --git a/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/dialog-linux.png b/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/dialog-linux.png
new file mode 100644
index 00000000000..2f8c5f8ca3a
Binary files /dev/null and b/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/dialog-linux.png differ
diff --git a/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/dialog-login-linux.png b/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/dialog-login-linux.png
new file mode 100644
index 00000000000..336427c5370
Binary files /dev/null and b/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/dialog-login-linux.png differ
diff --git a/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/login-legacy-linux.png b/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/login-legacy-linux.png
new file mode 100644
index 00000000000..e958aa4ea93
Binary files /dev/null and b/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/login-legacy-linux.png differ
diff --git a/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/login-mas-linux.png b/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/login-mas-linux.png
new file mode 100644
index 00000000000..9d5fe7fd60d
Binary files /dev/null and b/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/login-mas-linux.png differ
diff --git a/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/preview-bar-linux.png b/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/preview-bar-linux.png
new file mode 100644
index 00000000000..e41a90c749c
Binary files /dev/null and b/modules/restricted-guests/e2e/snapshots/restricted-guests.spec.ts/preview-bar-linux.png differ
diff --git a/modules/restricted-guests/package.json b/modules/restricted-guests/package.json
new file mode 100644
index 00000000000..ed225d2244c
--- /dev/null
+++ b/modules/restricted-guests/package.json
@@ -0,0 +1,30 @@
+{
+    "name": "@element-hq/element-web-module-restricted-guests",
+    "private": true,
+    "version": "1.0.0",
+    "type": "module",
+    "main": "lib/index.js",
+    "license": "SEE LICENSE IN README.md",
+    "scripts": {
+        "build": "nx build",
+        "lint:types": "nx lint:types"
+    },
+    "devDependencies": {
+        "@arcmantle/vite-plugin-import-css-sheet": "^1.0.12",
+        "@element-hq/element-web-module-api": "workspace:*",
+        "@types/node": "catalog:",
+        "@types/react": "catalog:",
+        "@vitejs/plugin-react": "catalog:",
+        "react": "catalog:",
+        "testcontainers": "^12.0.1",
+        "typescript": "catalog:",
+        "vite": "catalog:",
+        "vite-plugin-node-polyfills": "catalog:"
+    },
+    "dependencies": {
+        "@vector-im/compound-design-tokens": "^10.0.0",
+        "@vector-im/compound-web": "^9.0.0",
+        "styled-components": "^6.1.18",
+        "zod": "^4.0.0"
+    }
+}
diff --git a/modules/restricted-guests/project.json b/modules/restricted-guests/project.json
new file mode 100644
index 00000000000..ea14124b75d
--- /dev/null
+++ b/modules/restricted-guests/project.json
@@ -0,0 +1,21 @@
+{
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "projectType": "library",
+    "targets": {
+        "build": {
+            "cache": true,
+            "command": "vite build",
+            "inputs": ["src"],
+            "outputs": ["{projectRoot}/lib"],
+            "options": { "cwd": "modules/restricted-guests" },
+            "dependsOn": ["^build"]
+        },
+        "lint:types": {
+            "command": "tsc --noEmit",
+            "options": {
+                "cwd": "modules/restricted-guests"
+            },
+            "dependsOn": ["^build"]
+        }
+    }
+}
diff --git a/modules/restricted-guests/src/AuthFooter.tsx b/modules/restricted-guests/src/AuthFooter.tsx
new file mode 100644
index 00000000000..be6bf18d34f
--- /dev/null
+++ b/modules/restricted-guests/src/AuthFooter.tsx
@@ -0,0 +1,59 @@
+/*
+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 FC } from "react";
+import { Button } from "@vector-im/compound-web";
+import { type AccountAuthInfo, type Api } from "@element-hq/element-web-module-api";
+import styled from "styled-components";
+
+import { type ModuleConfig } from "./config.ts";
+import RegisterDialog from "./RegisterDialog.tsx";
+
+interface Props {
+    api: Api;
+    config: ModuleConfig;
+    onLoggedIn(this: void, data: AccountAuthInfo): void;
+}
+
+const Container = styled.aside`
+    margin: var(--cpd-space-3x) 0;
+
+    button {
+        width: 100%;
+    }
+`;
+
+const AuthFooter: FC<Props> = ({ api, config, onLoggedIn }) => {
+    const onTryJoin = async (): Promise<void> => {
+        const { finished } = api.openDialog(
+            {
+                title: api.i18n.translate("register_dialog_title"),
+            },
+            RegisterDialog,
+            {
+                api,
+                config,
+            },
+        );
+
+        const { model: accountAuthInfo, ok } = await finished;
+
+        if (ok && accountAuthInfo) {
+            onLoggedIn(accountAuthInfo);
+        }
+    };
+
+    return (
+        <Container>
+            <Button onClick={onTryJoin} size="md" kind="secondary">
+                {api.i18n.translate("join_cta")}
+            </Button>
+        </Container>
+    );
+};
+
+export default AuthFooter;
diff --git a/modules/restricted-guests/src/RegisterDialog.tsx b/modules/restricted-guests/src/RegisterDialog.tsx
new file mode 100644
index 00000000000..1b445df2512
--- /dev/null
+++ b/modules/restricted-guests/src/RegisterDialog.tsx
@@ -0,0 +1,99 @@
+/*
+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 FC, useState, type JSX, type FormEvent } from "react";
+import { type Api, type AccountAuthInfo, type DialogProps } from "@element-hq/element-web-module-api";
+import { Form } from "@vector-im/compound-web";
+import styled from "styled-components";
+
+import { type ModuleConfig } from "./config.ts";
+
+interface RegisterDialogProps extends DialogProps<AccountAuthInfo> {
+    api: Api;
+    config: ModuleConfig;
+    showLoginLink?: boolean;
+}
+
+const enum State {
+    Idle,
+    Busy,
+    Error,
+}
+
+const StyledFormRoot = styled(Form.Root)`
+    font: var(--cpd-font-body-md-regular);
+    letter-spacing: var(--cpd-font-letter-spacing-body-md);
+    font-feature-settings: normal;
+`;
+
+const RegisterDialog: FC<RegisterDialogProps> = ({ api, config, onCancel, onSubmit, showLoginLink }) => {
+    const [username, setUsername] = useState("");
+    const [state, setState] = useState<State>(State.Idle);
+
+    async function trySubmit(ev: FormEvent): Promise<void> {
+        ev.preventDefault();
+        setState(State.Busy);
+
+        try {
+            const homeserverUrl = config.guest_user_homeserver_url;
+
+            const url = new URL("/_synapse/client/register_guest", homeserverUrl);
+
+            const response = await fetch(url, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ displayname: username }),
+            });
+
+            if (response.ok) {
+                const accountAuthInfo = await response.json();
+                onSubmit(accountAuthInfo);
+            }
+        } catch (e) {
+            console.error("Failed to create guest account", e);
+            setState(State.Error);
+        }
+    }
+
+    let message: JSX.Element | undefined;
+    if (state === State.Error) {
+        message = <Form.ErrorMessage>{api.i18n.translate("register_dialog_error")}</Form.ErrorMessage>;
+    } else if (state === State.Busy) {
+        message = <Form.LoadingMessage>{api.i18n.translate("register_dialog_busy")}</Form.LoadingMessage>;
+    }
+
+    const disabled = state !== State.Idle;
+
+    return (
+        <StyledFormRoot onSubmit={trySubmit}>
+            <Form.Field name="name">
+                <Form.Label>{api.i18n.translate("register_dialog_register_username_label")}</Form.Label>
+                <Form.TextControl
+                    disabled={disabled}
+                    value={username}
+                    onChange={(event) => {
+                        setUsername(event.currentTarget.value);
+                    }}
+                    placeholder={api.i18n.translate("register_dialog_field_label")}
+                />
+                {message}
+            </Form.Field>
+
+            {showLoginLink && (
+                <a href={config.skip_single_sign_on ? "/#/login" : "/#/start_sso"} onClick={onCancel}>
+                    {api.i18n.translate("register_dialog_existing_account")}
+                </a>
+            )}
+
+            <Form.Submit disabled={disabled || !username}>
+                {api.i18n.translate("register_dialog_continue_label")}
+            </Form.Submit>
+        </StyledFormRoot>
+    );
+};
+
+export default RegisterDialog;
diff --git a/modules/restricted-guests/src/RoomPreviewBar.tsx b/modules/restricted-guests/src/RoomPreviewBar.tsx
new file mode 100644
index 00000000000..bda49e57c5c
--- /dev/null
+++ b/modules/restricted-guests/src/RoomPreviewBar.tsx
@@ -0,0 +1,70 @@
+/*
+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 FC, type JSX } from "react";
+import { Button } from "@vector-im/compound-web";
+import { type Api } from "@element-hq/element-web-module-api";
+import styled from "styled-components";
+import { useWatchable } from "@element-hq/element-web-module-api";
+
+import { type ModuleConfig } from "./config.ts";
+import RegisterDialog from "./RegisterDialog.tsx";
+
+interface RoomPreviewBarProps {
+    api: Api;
+    config: ModuleConfig;
+    children: JSX.Element;
+    roomId?: string;
+    roomAlias?: string;
+    promptAskToJoin?: boolean;
+}
+
+const Container = styled.aside`
+    margin: auto;
+    font: var(--cpd-font-body-md-regular);
+    letter-spacing: var(--cpd-font-letter-spacing-body-md);
+    font-feature-settings: normal;
+`;
+
+const RoomPreviewBar: FC<RoomPreviewBarProps> = ({ api, config, roomId, roomAlias, promptAskToJoin, children }) => {
+    const profile = useWatchable(api.profile);
+    const isGuest = profile.isGuest;
+
+    if (promptAskToJoin || !isGuest || !(roomId || roomAlias)) return children;
+
+    const onTryJoin = async (): Promise<void> => {
+        const { finished } = api.openDialog(
+            {
+                title: api.i18n.translate("register_dialog_title"),
+            },
+            RegisterDialog,
+            {
+                api,
+                config,
+                showLoginLink: true,
+            },
+        );
+
+        const { model: accountAuthInfo, ok } = await finished;
+
+        if (ok && accountAuthInfo) {
+            await api.overwriteAccountAuth(accountAuthInfo);
+            await api.navigation.toMatrixToLink(`https://matrix.to/#/${roomId ?? roomAlias}`, true);
+        }
+    };
+
+    return (
+        <Container className="mx_RoomPreviewBar">
+            <div className="mx_RoomPreviewBar_message">{api.i18n.translate("join_message")}</div>
+            <div className="mx_RoomPreviewBar_actions">
+                <Button onClick={onTryJoin}>{api.i18n.translate("join_cta")}</Button>
+            </div>
+        </Container>
+    );
+};
+
+export default RoomPreviewBar;
diff --git a/modules/restricted-guests/src/config.ts b/modules/restricted-guests/src/config.ts
new file mode 100644
index 00000000000..c490ba17446
--- /dev/null
+++ b/modules/restricted-guests/src/config.ts
@@ -0,0 +1,47 @@
+/*
+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 { z, type ZodMiniType, type input } from "zod/mini";
+
+z.config(z.locales.en());
+
+export const ModuleConfig = z.object({
+    /**
+     * The URL of the homeserver where the guest users should be registered. This
+     * must have the `synapse-restricted-guests-module` installed.
+     * @example `https://synapse.local`
+     */
+    guest_user_homeserver_url: z.url(),
+
+    /**
+     * The username prefix that identifies guest users.
+     * @defaultValue `@guest-`
+     */
+    guest_user_prefix: z._default(z.string().check(z.regex(/@[a-zA-Z-_1-9]+/)), "@guest-"),
+
+    /**
+     * If true, the user will be forwarded to the login page instead of to the SSO
+     * login. This is only required if the home server has no SSO support.
+     * @defaultValue `false`
+     */
+    skip_single_sign_on: z._default(z.boolean(), false),
+});
+
+export type ModuleConfig = z.infer<typeof ModuleConfig>;
+
+type ConfigSchema = ZodMiniType<z.output<typeof ModuleConfig>, z.input<typeof ModuleConfig>>;
+
+export const CONFIG_KEY = "io.element.element-web-modules.restricted-guests";
+
+declare module "@element-hq/element-web-module-api" {
+    export interface Config {
+        [CONFIG_KEY]?: input<ConfigSchema>;
+        sso_redirect_options?: {
+            immediate?: boolean; // incompatible option
+        };
+    }
+}
diff --git a/modules/restricted-guests/src/index.test.ts b/modules/restricted-guests/src/index.test.ts
new file mode 100644
index 00000000000..7bb15935877
--- /dev/null
+++ b/modules/restricted-guests/src/index.test.ts
@@ -0,0 +1,35 @@
+/*
+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, expect, it, vi } from "vitest";
+import { type Api } from "@element-hq/element-web-module-api";
+
+import RestrictedGuestsModule from "./index";
+
+const makeApi = (config: unknown): Api => {
+    return {
+        config: {
+            get: vi.fn().mockReturnValue(config),
+        },
+        i18n: {
+            register: vi.fn(),
+        },
+    } as unknown as Api;
+};
+
+describe("RestrictedGuestsModule", () => {
+    describe("load", () => {
+        it("should do nothing if no config present", async () => {
+            const api = makeApi(null);
+
+            const module = new RestrictedGuestsModule(api);
+            await module.load();
+
+            expect(api.i18n.register).not.toHaveBeenCalled();
+        });
+    });
+});
diff --git a/modules/restricted-guests/src/index.tsx b/modules/restricted-guests/src/index.tsx
new file mode 100644
index 00000000000..09b051ba69a
--- /dev/null
+++ b/modules/restricted-guests/src/index.tsx
@@ -0,0 +1,88 @@
+/*
+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 { Module, Api, ModuleFactory } from "@element-hq/element-web-module-api";
+import Translations from "./translations.json";
+import { ModuleConfig, CONFIG_KEY } from "./config";
+import { name as ModuleName } from "../package.json";
+import RoomPreviewBar from "./RoomPreviewBar.tsx";
+import AuthFooter from "./AuthFooter.tsx";
+import style from "./style.css" with { type: "css" };
+
+const GUEST_INVISIBLE_COMPONENTS = [
+    "UIComponent.sendInvites",
+    "UIComponent.roomCreation",
+    "UIComponent.spaceCreation",
+    "UIComponent.exploreRooms",
+    "UIComponent.roomOptionsMenu",
+    "UIComponent.addIntegrations",
+];
+
+class RestrictedGuestsModule implements Module {
+    public static readonly moduleApiVersion = "^1.0.0";
+
+    private config?: ModuleConfig;
+
+    public constructor(private api: Api) {}
+
+    public async load(): Promise<void> {
+        const rawConfig = this.api.config.get(CONFIG_KEY);
+        if (!rawConfig) {
+            console.debug(`No configuration found for module "${ModuleName}", skipping initialization.`);
+            return;
+        }
+
+        document.adoptedStyleSheets.push(style);
+
+        this.api.i18n.register(Translations);
+
+        try {
+            this.config = ModuleConfig.parse(rawConfig);
+        } catch (e) {
+            console.error("Failed to init module", e);
+            throw new Error(`Errors in module configuration for "${ModuleName}"`);
+        }
+
+        const appConfig = this.api.config.get();
+        if (appConfig.sso_redirect_options?.immediate) {
+            console.warn(`${ModuleName} found incompatible option 'sso_redirect_options.immediate', turning it off.`);
+            appConfig.sso_redirect_options.immediate = false;
+        }
+
+        // Room preview bar customisations (for Matrix guest support)
+        this.api.customComponents.registerRoomPreviewBar((props, OriginalComponent) => (
+            <RoomPreviewBar {...props} api={this.api} config={this.config!}>
+                <OriginalComponent {...props} />
+            </RoomPreviewBar>
+        ));
+        this.api.customisations.registerShouldShowComponent(this.shouldShowComponent);
+
+        // Login component customisations (for no guest support)
+        this.api.customComponents.registerLoginComponent((props, OriginalComponent) => (
+            <OriginalComponent {...props}>
+                <AuthFooter onLoggedIn={props.onLoggedIn} api={this.api} config={this.config!} />
+            </OriginalComponent>
+        ));
+    }
+
+    /**
+     * Returns true, if the `userId` should see the `component`.
+     *
+     * @param component - the name of the component that is checked
+     * @returns true, if the user should see the component
+     */
+    public readonly shouldShowComponent = (component: string): boolean => {
+        const profile = this.api.profile.value;
+        if (this.config && (profile.isGuest || profile.userId?.startsWith(this.config.guest_user_prefix))) {
+            return GUEST_INVISIBLE_COMPONENTS.includes(component);
+        }
+
+        return true;
+    };
+}
+
+export default RestrictedGuestsModule satisfies ModuleFactory;
diff --git a/modules/restricted-guests/src/style.css b/modules/restricted-guests/src/style.css
new file mode 100644
index 00000000000..6d53d1c8909
--- /dev/null
+++ b/modules/restricted-guests/src/style.css
@@ -0,0 +1,8 @@
+/*
+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 "@vector-im/compound-web/dist/style.css" layer(compound-layer);
diff --git a/modules/restricted-guests/src/translations.json b/modules/restricted-guests/src/translations.json
new file mode 100644
index 00000000000..315a1e938d8
--- /dev/null
+++ b/modules/restricted-guests/src/translations.json
@@ -0,0 +1,38 @@
+{
+    "register_dialog_register_username_label": {
+        "en": "Username",
+        "de": "Benutzername"
+    },
+    "register_dialog_title": {
+        "en": "Request access",
+        "de": "Zugriff anfordern"
+    },
+    "register_dialog_busy": {
+        "en": "Creating your account...",
+        "de": "Erstelle dein Konto..."
+    },
+    "register_dialog_continue_label": {
+        "en": "Continue as guest",
+        "de": "Als Gast fortfahren"
+    },
+    "register_dialog_field_label": {
+        "en": "Name",
+        "de": "Name"
+    },
+    "register_dialog_existing_account": {
+        "en": "I already have an account.",
+        "de": "Ich habe bereits einen Account."
+    },
+    "register_dialog_error": {
+        "en": "The account creation failed.",
+        "de": "Die Anmeldung als Gastnutzer ist fehlgeschlagen."
+    },
+    "join_message": {
+        "en": "Join the room to participate",
+        "de": "Treten Sie dem Raum bei, um teilzunehmen"
+    },
+    "join_cta": {
+        "en": "Join as guest",
+        "de": "Als Gast beitreten"
+    }
+}
diff --git a/modules/restricted-guests/src/vite-env.d.ts b/modules/restricted-guests/src/vite-env.d.ts
new file mode 100644
index 00000000000..c7186595048
--- /dev/null
+++ b/modules/restricted-guests/src/vite-env.d.ts
@@ -0,0 +1,8 @@
+/*
+Copyright 2025 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="@arcmantle/vite-plugin-import-css-sheet/client" />
diff --git a/modules/restricted-guests/tsconfig.json b/modules/restricted-guests/tsconfig.json
new file mode 100644
index 00000000000..ada1a94c2af
--- /dev/null
+++ b/modules/restricted-guests/tsconfig.json
@@ -0,0 +1,8 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "lib",
+        "jsx": "react-jsx"
+    },
+    "include": ["src"]
+}
diff --git a/modules/restricted-guests/vite.config.ts b/modules/restricted-guests/vite.config.ts
new file mode 100644
index 00000000000..dd6c5b96811
--- /dev/null
+++ b/modules/restricted-guests/vite.config.ts
@@ -0,0 +1,31 @@
+/*
+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 { fileURLToPath } from "node:url";
+import { mergeConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import { nodePolyfills } from "vite-plugin-node-polyfills";
+import { importCSSSheet } from "@arcmantle/vite-plugin-import-css-sheet";
+import baseConfig from "@element-hq/element-web-module-api/vite.base.ts";
+
+export default mergeConfig(baseConfig, {
+    build: {
+        lib: {
+            entry: fileURLToPath(import.meta.resolve("./src/index.tsx")),
+            name: "element-web-module-restricted-guests",
+            fileName: "index",
+            formats: ["es"],
+        },
+    },
+    plugins: [
+        importCSSSheet(),
+        react(),
+        nodePolyfills({
+            include: ["events"],
+        }),
+    ],
+});
diff --git a/modules/restricted-guests/vitest.config.ts b/modules/restricted-guests/vitest.config.ts
new file mode 100644
index 00000000000..3ef4e022b48
--- /dev/null
+++ b/modules/restricted-guests/vitest.config.ts
@@ -0,0 +1,14 @@
+/*
+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 { defineProject } from "vitest/config";
+
+export default defineProject({
+    test: {
+        exclude: ["./e2e/**/*", "./node_modules/**/*"],
+    },
+});
diff --git a/modules/tsconfig.json b/modules/tsconfig.json
new file mode 100644
index 00000000000..03d3f708a87
--- /dev/null
+++ b/modules/tsconfig.json
@@ -0,0 +1,17 @@
+{
+    "$schema": "http://json.schemastore.org/tsconfig",
+    "compilerOptions": {
+        "target": "es2024",
+        "jsx": "react",
+        "lib": ["ESNext", "es2024", "dom", "dom.iterable"],
+        "types": ["node"],
+        "resolveJsonModule": true,
+        "esModuleInterop": true,
+        "moduleResolution": "bundler",
+        "module": "ESNext",
+        "allowImportingTsExtensions": true,
+        "skipLibCheck": true,
+        "noEmit": true
+    },
+    "include": ["playwright.config.ts", "playwright"]
+}
diff --git a/modules/widget-lifecycle/README.md b/modules/widget-lifecycle/README.md
new file mode 100644
index 00000000000..cfe2569e4e6
--- /dev/null
+++ b/modules/widget-lifecycle/README.md
@@ -0,0 +1,63 @@
+# @element-hq/element-web-module-widget-lifecycle
+
+Widget lifecycle module for Element Web.
+
+Supports the following configuration options under the configuration key `io.element.element-web-modules.widget-lifecycle`:
+
+| Key                | Type   | Description                                      |
+| ------------------ | ------ | ------------------------------------------------ |
+| widget_permissions | object | Map of widget URL patterns to approval settings. |
+
+Each widget configuration can use the following options:
+
+- `preload_approved` - if true, the preload dialog is not displayed for this widget.
+- `identity_approved` - if true, requests for an identity token are automatically accepted.
+- `capabilities_approved` - a list of capabilities that should be approved for this widget.
+
+The widget URL and capability strings can use a trailing `*` to match multiple widgets or capabilities.
+This is useful when widgets have multiple routes or capabilities include variable state keys.
+
+## Matching and precedence
+
+- Patterns ending in `*` are matched by prefix; other patterns must match exactly.
+- If multiple rules match, the most specific match wins per field.
+- The capabilities allow-list is not merged across rules; the most specific rule that defines it wins.
+
+## Example configuration (exact match)
+
+```json
+{
+    "io.element.element-web-modules.widget-lifecycle": {
+        "widget_permissions": {
+            "https://widget.example.com/": {
+                "preload_approved": true,
+                "identity_approved": true,
+                "capabilities_approved": [
+                    "org.matrix.msc2931.navigate",
+                    "org.matrix.msc2762.receive.state_event:m.room.power_levels"
+                ]
+            }
+        }
+    }
+}
+```
+
+## Example configuration (wildcards)
+
+```json
+{
+    "io.element.element-web-modules.widget-lifecycle": {
+        "widget_permissions": {
+            "https://widget.example.com/*": {
+                "preload_approved": true,
+                "identity_approved": true,
+                "capabilities_approved": [
+                    "org.matrix.msc2931.navigate",
+                    "org.matrix.msc2762.receive.state_event:m.room.power_levels",
+                    "org.matrix.msc2762.send.state_event:net.custom_event#*"
+                ]
+            }
+        }
+    }
+}
+```
diff --git a/modules/widget-lifecycle/e2e/fixture/widget.html b/modules/widget-lifecycle/e2e/fixture/widget.html
new file mode 100644
index 00000000000..4c293c5c6de
--- /dev/null
+++ b/modules/widget-lifecycle/e2e/fixture/widget.html
@@ -0,0 +1,76 @@
+<!--
+    Minimal fixture widget used by e2e tests to exercise the Matrix Widget API lifecycle:
+      1. Element requests capabilities  → widget declares what it needs
+      2. Element notifies approval      → widget requests an OpenID token
+      3. Element grants the token       → widget resolves the user's Matrix ID and displays it
+
+    The `caps` query parameter controls which capabilities the widget requests (comma-separated).
+    Pass `caps=none` to request none. Defaults to m.room.topic if omitted.
+    The `hsUrl` query parameter is required for the OpenID userinfo lookup in step 3.
+-->
+<!doctype html>
+<html lang="en">
+    <head>
+        <title>Demo Widget</title>
+        <script>
+            const getCapabilities = () => {
+                const caps = new URLSearchParams(window.location.search).get("caps");
+                if (!caps) {
+                    return ["org.matrix.msc2762.receive.state_event:m.room.topic"];
+                }
+                if (caps === "none") return [];
+                return caps
+                    .split(",")
+                    .map((cap) => cap.trim())
+                    .filter(Boolean);
+            };
+
+            let sendEventCount = 0;
+            window.onmessage = async (ev) => {
+                if (ev.data.action === "capabilities") {
+                    // Step 1: Element is asking what capabilities this widget needs.
+                    window.parent.postMessage(
+                        Object.assign(
+                            {
+                                response: {
+                                    capabilities: getCapabilities(),
+                                },
+                            },
+                            ev.data,
+                        ),
+                        "*",
+                    );
+                } else if (ev.data.action === "notify_capabilities") {
+                    // Step 2: Capabilities have been approved. Request an OpenID token
+                    // so we can identify the current user in step 3.
+                    window.parent.postMessage(
+                        {
+                            api: "fromWidget",
+                            widgetId: ev.data.widgetId,
+                            requestId: "widget-" + sendEventCount,
+                            action: "get_openid",
+                            data: {},
+                        },
+                        "*",
+                    );
+                } else if (ev.data.action === "get_openid" && ev.data.response?.state === "allowed") {
+                    // Step 3: Token granted — exchange it for the user's Matrix ID and display it.
+                    // Tests assert on this heading to verify identity was passed through correctly.
+                    const { access_token } = ev.data.response;
+
+                    const hsUrl = new URLSearchParams(window.location.search).get("hsUrl");
+                    const response = await fetch(
+                        `${hsUrl}/_matrix/federation/v1/openid/userinfo?access_token=${access_token}`,
+                    );
+                    const { sub } = await response.json();
+
+                    const titleElement = document.getElementById("title");
+                    titleElement.innerText = `Hello ${sub}!`;
+                }
+            };
+        </script>
+    </head>
+    <body>
+        <h1 id="title">Hello unknown!</h1>
+    </body>
+</html>
diff --git a/modules/widget-lifecycle/e2e/widget-lifecycle.spec.ts b/modules/widget-lifecycle/e2e/widget-lifecycle.spec.ts
new file mode 100644
index 00000000000..d3b55db6442
--- /dev/null
+++ b/modules/widget-lifecycle/e2e/widget-lifecycle.spec.ts
@@ -0,0 +1,243 @@
+/*
+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 SynapseContainer } from "@element-hq/element-web-playwright-common/lib/testcontainers/index.js";
+import { rejectToastIfExists } from "@element-hq/element-web-playwright-common";
+
+import { test, expect } from "../../playwright/element-web-test.ts";
+
+declare module "@element-hq/element-web-module-api" {
+    interface Config {
+        "io.element.element-web-modules.widget-lifecycle": {
+            widget_permissions: {
+                [url: string]: {
+                    preload_approved?: boolean;
+                    identity_approved?: boolean;
+                    capabilities_approved?: string[];
+                };
+            };
+        };
+    }
+}
+
+const WIDGET_URL = "http://localhost:8080/widget.html";
+
+test.use({
+    displayName: "Timmy",
+    synapseConfig: async ({ synapseConfig, _homeserver: homeserver }, use) => {
+        (homeserver as SynapseContainer).withConfigField("listeners[0].resources[0].names", ["client", "openid"]);
+        await use(synapseConfig);
+    },
+    page: async ({ context, page, moduleDir }, use) => {
+        await context.route(`${WIDGET_URL}*`, async (route) => {
+            await route.fulfill({ path: `${moduleDir}/e2e/fixture/widget.html`, contentType: "text/html" });
+        });
+
+        await page.goto("/");
+        await use(page);
+    },
+    bypassCSP: true,
+    launchOptions: {
+        args: ["--disable-web-security"],
+    },
+});
+
+test.describe("Widget Lifecycle", () => {
+    test.describe("trusted widgets", () => {
+        // Configure the module to pre-approve the widget URL for preloading, identity tokens,
+        // and the m.room.topic state event capability.
+        test.use({
+            config: {
+                "io.element.element-web-modules.widget-lifecycle": {
+                    widget_permissions: {
+                        [`${WIDGET_URL}*`]: {
+                            preload_approved: true,
+                            identity_approved: true,
+                            capabilities_approved: ["org.matrix.msc2762.receive.state_event:m.room.topic"],
+                        },
+                    },
+                },
+            },
+        });
+
+        test("auto-approves preload and identity", async ({ page, user, homeserver }, testInfo) => {
+            await rejectToastIfExists(page, "Verify this device");
+
+            // A bot creates a room with the widget pinned to the top panel, then invites the test user.
+            // Because the widget was added by a different user (the bot), Element would normally show a
+            // preload consent dialog before loading it — this test verifies that dialog is skipped.
+            const bot = await homeserver.registerUser(`bot_${testInfo.testId}`, "password", "Bot");
+            const { room_id: roomId } = await homeserver.csApi.request<{ room_id: string }>(
+                "POST",
+                "/v3/createRoom",
+                bot.accessToken,
+                {
+                    name: "Trusted Widget",
+                },
+            );
+            await homeserver.csApi.request<{ event_id: string }>(
+                "PUT",
+                `/v3/rooms/${encodeURIComponent(roomId)}/state/im.vector.modular.widgets/1`,
+                bot.accessToken,
+                {
+                    id: "1",
+                    creatorUserId: bot.userId,
+                    type: "custom",
+                    name: "Trusted Widget",
+                    url: `${WIDGET_URL}?hsUrl=${encodeURIComponent(homeserver.baseUrl)}&caps=org.matrix.msc2762.receive.state_event:m.room.topic`,
+                },
+            );
+            await homeserver.csApi.request(
+                "PUT",
+                `/v3/rooms/${encodeURIComponent(roomId)}/state/io.element.widgets.layout/`,
+                bot.accessToken,
+                {
+                    widgets: {
+                        "1": {
+                            container: "top",
+                        },
+                    },
+                },
+            );
+            await homeserver.csApi.request("POST", `/v3/rooms/${encodeURIComponent(roomId)}/invite`, bot.accessToken, {
+                user_id: user.userId,
+            });
+
+            await page.getByText("Trusted Widget").click();
+            await page.getByRole("button", { name: "Accept" }).click();
+
+            // No preload dialog should appear — the widget loads immediately.
+            await expect(page.getByRole("button", { name: "Continue" })).not.toBeVisible();
+
+            // The widget greets the user by ID, proving the identity token was also auto-approved
+            // and passed to the widget without any consent prompts.
+            await expect(
+                page
+                    .frameLocator('iframe[title="Trusted Widget"]')
+                    .getByRole("heading", { name: `Hello ${user.userId}!` }),
+            ).toBeVisible();
+        });
+
+        test("prompts for capabilities not in the allowlist", async ({ page, user, homeserver }, testInfo) => {
+            await rejectToastIfExists(page, "Verify this device");
+
+            const bot = await homeserver.registerUser(`bot_${testInfo.testId}`, "password", "Bot");
+            const { room_id: roomId } = await homeserver.csApi.request<{ room_id: string }>(
+                "POST",
+                "/v3/createRoom",
+                bot.accessToken,
+                {
+                    name: "Capabilities Widget",
+                },
+            );
+            // The widget requests two capabilities: m.room.topic (in the allowlist) and m.room.name (not in the allowlist).
+            await homeserver.csApi.request<{ event_id: string }>(
+                "PUT",
+                `/v3/rooms/${encodeURIComponent(roomId)}/state/im.vector.modular.widgets/1`,
+                bot.accessToken,
+                {
+                    id: "1",
+                    creatorUserId: bot.userId,
+                    type: "custom",
+                    name: "Capabilities Widget",
+                    url: `${WIDGET_URL}?hsUrl=${encodeURIComponent(homeserver.baseUrl)}&caps=org.matrix.msc2762.receive.state_event:m.room.topic,org.matrix.msc2762.receive.state_event:m.room.name`,
+                },
+            );
+            await homeserver.csApi.request(
+                "PUT",
+                `/v3/rooms/${encodeURIComponent(roomId)}/state/io.element.widgets.layout/`,
+                bot.accessToken,
+                {
+                    widgets: {
+                        "1": {
+                            container: "top",
+                        },
+                    },
+                },
+            );
+            await homeserver.csApi.request("POST", `/v3/rooms/${encodeURIComponent(roomId)}/invite`, bot.accessToken, {
+                user_id: user.userId,
+            });
+
+            await page.getByText("Capabilities Widget").click();
+            await page.getByRole("button", { name: "Accept" }).click();
+
+            // A capabilities approval dialog should appear since m.room.name was not pre-approved.
+            await expect(page.getByRole("button", { name: "Approve" })).toBeVisible();
+        });
+    });
+
+    test.describe("untrusted widgets", () => {
+        // No widget URLs are pre-approved, so all lifecycle prompts should be shown to the user.
+        test.use({
+            config: {
+                "io.element.element-web-modules.widget-lifecycle": {
+                    widget_permissions: {},
+                },
+            },
+        });
+
+        test("shows preload, capabilities, and OpenID dialogs for untrusted widgets", async ({
+            page,
+            user,
+            homeserver,
+        }, testInfo) => {
+            await rejectToastIfExists(page, "Verify this device");
+
+            const bot = await homeserver.registerUser(`bot_${testInfo.testId}`, "password", "Bot");
+            const { room_id: roomId } = await homeserver.csApi.request<{ room_id: string }>(
+                "POST",
+                "/v3/createRoom",
+                bot.accessToken,
+                {
+                    name: "Untrusted Widget",
+                },
+            );
+            await homeserver.csApi.request<{ event_id: string }>(
+                "PUT",
+                `/v3/rooms/${encodeURIComponent(roomId)}/state/im.vector.modular.widgets/1`,
+                bot.accessToken,
+                {
+                    id: "1",
+                    creatorUserId: bot.userId,
+                    type: "custom",
+                    name: "Untrusted Widget",
+                    url: `${WIDGET_URL}?hsUrl=${encodeURIComponent(homeserver.baseUrl)}&caps=org.matrix.msc2762.receive.state_event:m.room.topic`,
+                },
+            );
+            await homeserver.csApi.request(
+                "PUT",
+                `/v3/rooms/${encodeURIComponent(roomId)}/state/io.element.widgets.layout/`,
+                bot.accessToken,
+                {
+                    widgets: {
+                        "1": {
+                            container: "top",
+                        },
+                    },
+                },
+            );
+            await homeserver.csApi.request("POST", `/v3/rooms/${encodeURIComponent(roomId)}/invite`, bot.accessToken, {
+                user_id: user.userId,
+            });
+
+            await page.getByText("Untrusted Widget").click();
+            await page.getByRole("button", { name: "Accept" }).click();
+
+            // 1. Preload consent dialog — shown because the widget was added by another user (the bot).
+            await expect(page.getByRole("button", { name: "Continue" })).toBeVisible();
+            await page.getByRole("button", { name: "Continue" }).click();
+
+            // 2. Capabilities dialog — the widget requests m.room.topic once it loads.
+            await expect(page.getByRole("button", { name: "Approve" })).toBeVisible();
+            await page.getByRole("button", { name: "Approve" }).click();
+
+            // 3. OpenID identity dialog — the widget requests an identity token after capabilities are granted.
+            await expect(page.getByRole("button", { name: "Continue" })).toBeVisible();
+        });
+    });
+});
diff --git a/modules/widget-lifecycle/package.json b/modules/widget-lifecycle/package.json
new file mode 100644
index 00000000000..8abdc4924a2
--- /dev/null
+++ b/modules/widget-lifecycle/package.json
@@ -0,0 +1,23 @@
+{
+    "name": "@element-hq/element-web-module-widget-lifecycle",
+    "private": true,
+    "version": "1.0.0",
+    "type": "module",
+    "main": "lib/index.js",
+    "license": "SEE LICENSE IN README.md",
+    "scripts": {
+        "build": "nx build",
+        "lint:types": "nx lint:types",
+        "test:unit": "nx test:unit"
+    },
+    "devDependencies": {
+        "@element-hq/element-web-module-api": "workspace:*",
+        "@types/node": "catalog:",
+        "typescript": "catalog:",
+        "vite": "catalog:",
+        "vitest": "catalog:"
+    },
+    "dependencies": {
+        "zod": "^4.0.0"
+    }
+}
diff --git a/modules/widget-lifecycle/project.json b/modules/widget-lifecycle/project.json
new file mode 100644
index 00000000000..1e166c083d9
--- /dev/null
+++ b/modules/widget-lifecycle/project.json
@@ -0,0 +1,25 @@
+{
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "projectType": "library",
+    "targets": {
+        "build": {
+            "cache": true,
+            "command": "vite build",
+            "inputs": ["src"],
+            "outputs": ["{projectRoot}/lib"],
+            "options": { "cwd": "modules/widget-lifecycle" },
+            "dependsOn": ["^build"]
+        },
+        "test:unit": {
+            "command": "vitest run",
+            "options": { "cwd": "modules/widget-lifecycle" }
+        },
+        "lint:types": {
+            "command": "tsc --noEmit",
+            "options": {
+                "cwd": "modules/widget-lifecycle"
+            },
+            "dependsOn": ["^build"]
+        }
+    }
+}
diff --git a/modules/widget-lifecycle/src/WidgetLifecycleModule.test.ts b/modules/widget-lifecycle/src/WidgetLifecycleModule.test.ts
new file mode 100644
index 00000000000..79631029846
--- /dev/null
+++ b/modules/widget-lifecycle/src/WidgetLifecycleModule.test.ts
@@ -0,0 +1,153 @@
+/*
+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 { vi, describe, expect, it } from "vitest";
+
+import WidgetLifecycleModule, { type WidgetLifecycleApiAdapter } from "./WidgetLifecycleModule";
+import type {
+    CapabilitiesApprover,
+    IdentityApprover,
+    PreloadApprover,
+    WidgetDescriptor,
+    Api,
+} from "@element-hq/element-web-module-api";
+
+const createApi = (config: unknown = {}) => {
+    const handlers: {
+        preload?: PreloadApprover;
+        identity?: IdentityApprover;
+        capabilities?: CapabilitiesApprover;
+    } = {};
+
+    const widgetLifecycle: WidgetLifecycleApiAdapter = {
+        registerPreloadApprover: vi.fn((approver) => {
+            handlers.preload = approver;
+        }),
+        registerIdentityApprover: vi.fn((approver) => {
+            handlers.identity = approver;
+        }),
+        registerCapabilitiesApprover: vi.fn((approver) => {
+            handlers.capabilities = approver;
+        }),
+    };
+
+    return {
+        api: {
+            config: {
+                get: () => config,
+            },
+            widgetLifecycle,
+        } as Api,
+        handlers,
+    };
+};
+
+const widget: WidgetDescriptor = {
+    id: "widget-id",
+    templateUrl: "https://example.com/",
+    creatorUserId: "@user-id",
+    type: "com.example.custom",
+    origin: "example.com",
+};
+
+describe("WidgetLifecycleModule", () => {
+    it("does nothing when no config is present", async () => {
+        const { api } = createApi(null);
+
+        const module = new WidgetLifecycleModule(api);
+        await module.load();
+
+        expect(api.widgetLifecycle.registerPreloadApprover).not.toHaveBeenCalled();
+        expect(api.widgetLifecycle.registerIdentityApprover).not.toHaveBeenCalled();
+        expect(api.widgetLifecycle.registerCapabilitiesApprover).not.toHaveBeenCalled();
+    });
+
+    it("approves preload when configured", async () => {
+        const { api, handlers } = createApi({
+            widget_permissions: {
+                "https://example.com/": { preload_approved: true },
+            },
+        });
+
+        const module = new WidgetLifecycleModule(api);
+        await module.load();
+
+        expect(await handlers.preload?.(widget)).toBe(true);
+    });
+
+    it("approves identity when configured", async () => {
+        const { api, handlers } = createApi({
+            widget_permissions: {
+                "https://example.com/": { identity_approved: true },
+            },
+        });
+
+        const module = new WidgetLifecycleModule(api);
+        await module.load();
+
+        expect(await handlers.identity?.(widget)).toBe(true);
+    });
+
+    it("approves configured capabilities", async () => {
+        const { api, handlers } = createApi({
+            widget_permissions: {
+                "https://example.com/": {
+                    capabilities_approved: ["org.matrix.msc2931.navigate"],
+                },
+            },
+        });
+
+        const module = new WidgetLifecycleModule(api);
+        await module.load();
+
+        const approved = await handlers.capabilities?.(
+            widget,
+            new Set(["org.matrix.msc2931.navigate", "org.matrix.msc2762.timeline:*"]),
+        );
+
+        expect(approved).toEqual(new Set(["org.matrix.msc2931.navigate"]));
+    });
+
+    it("returns no approvals when not configured", async () => {
+        const { api, handlers } = createApi({});
+
+        const module = new WidgetLifecycleModule(api);
+        await module.load();
+
+        expect(await handlers.preload?.(widget)).toBe(false);
+        expect(await handlers.identity?.(widget)).toBe(false);
+        expect(await handlers.capabilities?.(widget, new Set(["org.matrix.msc2931.navigate"]))).toBeUndefined();
+    });
+
+    it("returns no approvals when config is missing", async () => {
+        const { api, handlers } = createApi(undefined);
+
+        const module = new WidgetLifecycleModule(api);
+        await module.load();
+
+        expect(await handlers.preload?.(widget)).toBe(false);
+        expect(await handlers.identity?.(widget)).toBe(false);
+        expect(await handlers.capabilities?.(widget, new Set(["org.matrix.msc2931.navigate"]))).toBeUndefined();
+    });
+
+    it("fails closed on invalid config", async () => {
+        const { api, handlers } = createApi({
+            widget_permissions: {
+                "https://example.com/": {
+                    preload_approved: null,
+                },
+            },
+        });
+
+        const module = new WidgetLifecycleModule(api);
+        await module.load();
+
+        expect(await handlers.preload?.(widget)).toBe(false);
+        expect(await handlers.identity?.(widget)).toBe(false);
+        expect(await handlers.capabilities?.(widget, new Set(["org.matrix.msc2931.navigate"]))).toBeUndefined();
+    });
+});
diff --git a/modules/widget-lifecycle/src/WidgetLifecycleModule.ts b/modules/widget-lifecycle/src/WidgetLifecycleModule.ts
new file mode 100644
index 00000000000..28ab258a2a9
--- /dev/null
+++ b/modules/widget-lifecycle/src/WidgetLifecycleModule.ts
@@ -0,0 +1,91 @@
+/*
+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 { Api, Module, WidgetDescriptor, WidgetLifecycleApi } from "@element-hq/element-web-module-api";
+import { CONFIG_KEY, parseWidgetLifecycleConfig, type WidgetLifecycleModuleConfig } from "./config";
+import { constructWidgetPermissions } from "./utils/constructWidgetPermissions";
+import { matchPattern } from "./utils/matchPattern";
+import { name as ModuleName } from "../package.json";
+
+/**
+ * Subset of {@link WidgetLifecycleApi} used by the module for registration only.
+ * @internal
+ */
+export type WidgetLifecycleApiAdapter = Pick<
+    WidgetLifecycleApi,
+    "registerPreloadApprover" | "registerIdentityApprover" | "registerCapabilitiesApprover"
+>;
+
+type ModuleApi = Pick<Api, "config" | "widgetLifecycle">;
+
+/**
+ * Module that auto-approves widget preloading, identity token requests, and capability
+ * requests based on URL-pattern rules defined in config.json.
+ */
+export default class WidgetLifecycleModule implements Module {
+    public static readonly moduleApiVersion = "^1.10.0";
+
+    private config: WidgetLifecycleModuleConfig = {};
+
+    public constructor(private api: ModuleApi) {}
+
+    public async load(): Promise<void> {
+        const rawConfig = this.api.config.get(CONFIG_KEY);
+        if (!rawConfig) {
+            console.debug(`No configuration found for module "${ModuleName}", skipping initialization.`);
+            return;
+        }
+
+        if (!this.api.widgetLifecycle) {
+            throw new Error(
+                "Widget lifecycle API is not available. Update Element Web to a build that provides widget lifecycle module support.",
+            );
+        }
+
+        try {
+            this.config = parseWidgetLifecycleConfig(rawConfig);
+        } catch (error) {
+            console.error("[WidgetLifecycle] Failed to init module", error);
+            this.config = {};
+        }
+
+        this.api.widgetLifecycle.registerPreloadApprover((widget) => this.preapprovePreload(widget));
+        this.api.widgetLifecycle.registerIdentityApprover((widget) => this.preapproveIdentity(widget));
+        this.api.widgetLifecycle.registerCapabilitiesApprover((widget, requested) =>
+            this.preapproveCapabilities(widget, requested),
+        );
+    }
+
+    private preapprovePreload(widget: WidgetDescriptor): boolean {
+        const configuration = constructWidgetPermissions(this.config, widget.templateUrl);
+        return configuration.preload_approved === true;
+    }
+
+    private preapproveIdentity(widget: WidgetDescriptor): boolean {
+        const configuration = constructWidgetPermissions(this.config, widget.templateUrl);
+        return configuration.identity_approved === true;
+    }
+
+    private preapproveCapabilities(
+        widget: WidgetDescriptor,
+        requestedCapabilities: Set<string>,
+    ): Set<string> | undefined {
+        const configuration = constructWidgetPermissions(this.config, widget.templateUrl);
+        const capabilitiesApproved = configuration.capabilities_approved;
+
+        if (!capabilitiesApproved) return undefined;
+
+        const approvedCapabilities = new Set<string>();
+        for (const requestedCapability of requestedCapabilities) {
+            if (capabilitiesApproved.some((capability) => matchPattern(requestedCapability, capability))) {
+                approvedCapabilities.add(requestedCapability);
+            }
+        }
+
+        return approvedCapabilities.size > 0 ? approvedCapabilities : undefined;
+    }
+}
diff --git a/modules/widget-lifecycle/src/config.test.ts b/modules/widget-lifecycle/src/config.test.ts
new file mode 100644
index 00000000000..c8f345a6a38
--- /dev/null
+++ b/modules/widget-lifecycle/src/config.test.ts
@@ -0,0 +1,88 @@
+/*
+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, expect, it } from "vitest";
+
+import { parseWidgetLifecycleConfig } from "./config";
+
+describe("parseWidgetLifecycleConfig", () => {
+    it("accepts missing configuration", () => {
+        expect(parseWidgetLifecycleConfig(undefined)).toEqual({});
+    });
+
+    it("accepts empty configuration", () => {
+        expect(parseWidgetLifecycleConfig({})).toEqual({});
+    });
+
+    it("accepts valid configuration", () => {
+        expect(
+            parseWidgetLifecycleConfig({
+                widget_permissions: {
+                    "https://localhost": {
+                        preload_approved: true,
+                        identity_approved: false,
+                        capabilities_approved: [],
+                    },
+                },
+            }),
+        ).toEqual({
+            "https://localhost": {
+                preload_approved: true,
+                identity_approved: false,
+                capabilities_approved: [],
+            },
+        });
+    });
+
+    it("accepts additional properties", () => {
+        expect(
+            parseWidgetLifecycleConfig({
+                widget_permissions: {
+                    "https://localhost": {
+                        preload_approved: true,
+                        identity_approved: false,
+                        capabilities_approved: ["capability"],
+                        additional: "tmp",
+                    },
+                },
+            }),
+        ).toEqual({
+            "https://localhost": {
+                preload_approved: true,
+                identity_approved: false,
+                capabilities_approved: ["capability"],
+                additional: "tmp",
+            },
+        });
+    });
+
+    it.each([
+        { preload_approved: null },
+        { preload_approved: 123 },
+        { identity_approved: null },
+        { identity_approved: 123 },
+        { capabilities_approved: null },
+        { capabilities_approved: 123 },
+        { capabilities_approved: [undefined] },
+        { capabilities_approved: [null] },
+        { capabilities_approved: [123] },
+        { capabilities_approved: [""] },
+    ])("rejects invalid widget configuration %j", (patch) => {
+        expect(() =>
+            parseWidgetLifecycleConfig({
+                widget_permissions: {
+                    "https://localhost": {
+                        preload_approved: true,
+                        identity_approved: false,
+                        capabilities_approved: ["capability"],
+                        ...patch,
+                    },
+                },
+            }),
+        ).toThrow();
+    });
+});
diff --git a/modules/widget-lifecycle/src/config.ts b/modules/widget-lifecycle/src/config.ts
new file mode 100644
index 00000000000..290ae589118
--- /dev/null
+++ b/modules/widget-lifecycle/src/config.ts
@@ -0,0 +1,54 @@
+/*
+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 { z } from "zod/mini";
+
+z.config(z.locales.en());
+
+/** The config.json key under which widget lifecycle module configuration is stored. */
+export const CONFIG_KEY = "io.element.element-web-modules.widget-lifecycle";
+
+const WidgetConfigurationSchema = z.partial(
+    z.looseObject({
+        preload_approved: z.boolean(),
+        identity_approved: z.boolean(),
+        capabilities_approved: z.array(z.string().check(z.minLength(1))),
+    }),
+);
+
+/** Per-widget approval settings: preload, identity, and capabilities. */
+export type WidgetConfiguration = z.infer<typeof WidgetConfigurationSchema>;
+
+const ModuleConfigSchema = z.partial(
+    z.looseObject({
+        widget_permissions: z.record(z.string(), WidgetConfigurationSchema),
+    }),
+);
+
+/** Map from URL patterns to their widget approval configuration. */
+export type WidgetLifecycleModuleConfig = Record<string, WidgetConfiguration>;
+
+declare module "@element-hq/element-web-module-api" {
+    export interface Config {
+        [CONFIG_KEY]?: z.input<typeof ModuleConfigSchema>;
+    }
+}
+
+/**
+ * Parse and validate the widget lifecycle module configuration.
+ * Returns an empty config if the input is falsy; throws on schema violations.
+ */
+export const parseWidgetLifecycleConfig = (value: unknown): WidgetLifecycleModuleConfig => {
+    if (!value) return {};
+
+    const result = ModuleConfigSchema.safeParse(value);
+    if (!result.success) {
+        throw new Error(`Errors in the module configuration for "${CONFIG_KEY}": ${result.error.message}`);
+    }
+
+    return result.data.widget_permissions ?? {};
+};
diff --git a/modules/widget-lifecycle/src/index.ts b/modules/widget-lifecycle/src/index.ts
new file mode 100644
index 00000000000..7cff3faaccc
--- /dev/null
+++ b/modules/widget-lifecycle/src/index.ts
@@ -0,0 +1,11 @@
+/*
+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 { ModuleFactory } from "@element-hq/element-web-module-api";
+import WidgetLifecycleModule from "./WidgetLifecycleModule";
+
+export default WidgetLifecycleModule satisfies ModuleFactory;
diff --git a/modules/widget-lifecycle/src/utils/constructWidgetPermissions.test.ts b/modules/widget-lifecycle/src/utils/constructWidgetPermissions.test.ts
new file mode 100644
index 00000000000..95ea897dc4f
--- /dev/null
+++ b/modules/widget-lifecycle/src/utils/constructWidgetPermissions.test.ts
@@ -0,0 +1,76 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2023 Nordeck IT + Consulting GmbH
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { describe, expect, it } from "vitest";
+
+import { constructWidgetPermissions, sortLongestMatchLast } from "./constructWidgetPermissions";
+
+describe("constructWidgetPermissions", () => {
+    it("finds exact match", () => {
+        expect(constructWidgetPermissions({ "https://a.com/": { preload_approved: true } }, "https://a.com/")).toEqual({
+            preload_approved: true,
+        });
+    });
+
+    it("finds prefix match", () => {
+        expect(
+            constructWidgetPermissions({ "https://a.com/*": { preload_approved: true } }, "https://a.com/some"),
+        ).toEqual({ preload_approved: true });
+    });
+
+    it("merges multiple permissions", () => {
+        expect(
+            constructWidgetPermissions(
+                {
+                    "https://b.com/path": {
+                        preload_approved: false,
+                        capabilities_approved: ["org.matrix.msc2762.timeline:*"],
+                    },
+                    "https://b.com/*": {
+                        preload_approved: true,
+                        identity_approved: true,
+                        capabilities_approved: ["org.matrix.msc2931.navigate"],
+                    },
+                },
+                "https://b.com/path",
+            ),
+        ).toEqual({
+            preload_approved: false,
+            identity_approved: true,
+            capabilities_approved: ["org.matrix.msc2762.timeline:*"],
+        });
+    });
+
+    it("skips unknown url", () => {
+        expect(constructWidgetPermissions({ "https://a.com/": { preload_approved: true } }, "https://a.com/x")).toEqual(
+            {},
+        );
+    });
+});
+
+describe("sortLongestMatchLast", () => {
+    it("sorts longest match last", () => {
+        expect(
+            [
+                "org.matrix.msc2762.receive.state_event:*",
+                "org.matrix.msc2762.receive.*",
+                "org.matrix.msc2762.receive.state_event:m.custom*",
+                "org.matrix.msc2762.receive.state_event:m.custom#state_key",
+                "org.matrix.msc2762.receive.state_event:m.custom#*",
+                "*",
+            ].sort(sortLongestMatchLast),
+        ).toEqual([
+            "*",
+            "org.matrix.msc2762.receive.*",
+            "org.matrix.msc2762.receive.state_event:*",
+            "org.matrix.msc2762.receive.state_event:m.custom*",
+            "org.matrix.msc2762.receive.state_event:m.custom#*",
+            "org.matrix.msc2762.receive.state_event:m.custom#state_key",
+        ]);
+    });
+});
diff --git a/modules/widget-lifecycle/src/utils/constructWidgetPermissions.ts b/modules/widget-lifecycle/src/utils/constructWidgetPermissions.ts
new file mode 100644
index 00000000000..07943c1b825
--- /dev/null
+++ b/modules/widget-lifecycle/src/utils/constructWidgetPermissions.ts
@@ -0,0 +1,28 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2023 Nordeck IT + Consulting GmbH
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import type { WidgetLifecycleModuleConfig, WidgetConfiguration } from "../config";
+import { matchPattern } from "./matchPattern";
+
+/**
+ * Returns the WidgetConfiguration for a widget.
+ * If multiple WidgetConfigurations match, the most specific match wins per field.
+ */
+export function constructWidgetPermissions(
+    config: WidgetLifecycleModuleConfig,
+    widgetUrl: string,
+): WidgetConfiguration {
+    const widgetPermissionsMatched = Object.keys(config).filter((pattern) => matchPattern(widgetUrl, pattern));
+
+    return widgetPermissionsMatched.sort(sortLongestMatchLast).reduce((prev, key) => ({ ...prev, ...config[key] }), {});
+}
+
+/** Sort strings alphabetically so longer, more-specific patterns are applied last. */
+export function sortLongestMatchLast(a: string, b: string): number {
+    return a.localeCompare(b, "en", { sensitivity: "base" });
+}
diff --git a/modules/widget-lifecycle/src/utils/matchPattern.test.ts b/modules/widget-lifecycle/src/utils/matchPattern.test.ts
new file mode 100644
index 00000000000..af3e32b44ed
--- /dev/null
+++ b/modules/widget-lifecycle/src/utils/matchPattern.test.ts
@@ -0,0 +1,35 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2023 Nordeck IT + Consulting GmbH
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { describe, expect, it } from "vitest";
+
+import { matchPattern } from "./matchPattern";
+
+describe("matchPattern", () => {
+    it.each([
+        "*",
+        "org.matrix.msc2762.receive.*",
+        "org.matrix.msc2762.receive.state_event:*",
+        "org.matrix.msc2762.receive.state_event:m.custom*",
+        "org.matrix.msc2762.receive.state_event:m.custom#*",
+        "org.matrix.msc2762.receive.state_event:m.custom#state_key",
+        "org.matrix.msc2762.receive.state_event:m.custom#state_key*",
+    ])("matches %s", (pattern) => {
+        expect(matchPattern("org.matrix.msc2762.receive.state_event:m.custom#state_key", pattern)).toBe(true);
+    });
+
+    it.each([
+        "org.matrix.msc2762.receive.state_event:",
+        "org.matrix.msc2762.receive.state_event:m.custom",
+        "org.matrix.msc2762.receive.state_event:m.custom#other_key",
+        "org.matrix.msc2762.receive.*:m.custom#state_key",
+        "org.matrix.msc2762.receive.room_event:m.custom",
+    ])("does not match %s", (pattern) => {
+        expect(matchPattern("org.matrix.msc2762.receive.state_event:m.custom#state_key", pattern)).toBe(false);
+    });
+});
diff --git a/modules/widget-lifecycle/src/utils/matchPattern.ts b/modules/widget-lifecycle/src/utils/matchPattern.ts
new file mode 100644
index 00000000000..82716492913
--- /dev/null
+++ b/modules/widget-lifecycle/src/utils/matchPattern.ts
@@ -0,0 +1,14 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2023 Nordeck IT + Consulting GmbH
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+/**
+ * Checks if string matches pattern. Pattern can end with '*' to support prefix matching.
+ */
+export function matchPattern(value: string, pattern: string): boolean {
+    return pattern.endsWith("*") ? value.startsWith(pattern.slice(0, pattern.length - 1)) : value === pattern;
+}
diff --git a/modules/widget-lifecycle/tsconfig.json b/modules/widget-lifecycle/tsconfig.json
new file mode 100644
index 00000000000..25392e3cc8f
--- /dev/null
+++ b/modules/widget-lifecycle/tsconfig.json
@@ -0,0 +1,7 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "lib"
+    },
+    "include": ["src"]
+}
diff --git a/modules/widget-lifecycle/vite.config.ts b/modules/widget-lifecycle/vite.config.ts
new file mode 100644
index 00000000000..6a88b800ca0
--- /dev/null
+++ b/modules/widget-lifecycle/vite.config.ts
@@ -0,0 +1,21 @@
+/*
+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 { fileURLToPath } from "node:url";
+import { mergeConfig } from "vitest/config";
+import baseConfig from "@element-hq/element-web-module-api/vite.base.ts";
+
+export default mergeConfig(baseConfig, {
+    build: {
+        lib: {
+            entry: fileURLToPath(import.meta.resolve("./src/index.ts")),
+            name: "element-web-module-widget-lifecycle",
+            fileName: "index",
+            formats: ["es"],
+        },
+    },
+});
diff --git a/modules/widget-lifecycle/vitest.config.ts b/modules/widget-lifecycle/vitest.config.ts
new file mode 100644
index 00000000000..3ef4e022b48
--- /dev/null
+++ b/modules/widget-lifecycle/vitest.config.ts
@@ -0,0 +1,14 @@
+/*
+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 { defineProject } from "vitest/config";
+
+export default defineProject({
+    test: {
+        exclude: ["./e2e/**/*", "./node_modules/**/*"],
+    },
+});
diff --git a/modules/widget-toggles/README.md b/modules/widget-toggles/README.md
new file mode 100644
index 00000000000..e117e706e23
--- /dev/null
+++ b/modules/widget-toggles/README.md
@@ -0,0 +1,16 @@
+# Widget Toggles Module
+
+Adds room header buttons for widgets in the room.
+
+This module needs to be configured to control what widget types get buttons added for them.
+The following config snippet enables the module and configures it to add buttons for both
+custom and jitsi widgets:
+
+```
+"modules": [
+    "/modules/widget-toggles/lib/index.js"
+],
+"io.element.element-web-modules.widget-toggles": {
+    "types": ["m.custom", "jitsi"]
+}
+```
diff --git a/modules/widget-toggles/e2e/fixture/widget.html b/modules/widget-toggles/e2e/fixture/widget.html
new file mode 100644
index 00000000000..c2c28e414e4
--- /dev/null
+++ b/modules/widget-toggles/e2e/fixture/widget.html
@@ -0,0 +1,5 @@
+<html>
+    <body>
+        <h1>This is the content of the widget</h1>
+    </body>
+</html>
diff --git a/modules/widget-toggles/e2e/snapshots/widget-toggles.spec.ts/widget-toggle-button-default-icon-linux.png b/modules/widget-toggles/e2e/snapshots/widget-toggles.spec.ts/widget-toggle-button-default-icon-linux.png
new file mode 100644
index 00000000000..a171d0adc8a
Binary files /dev/null and b/modules/widget-toggles/e2e/snapshots/widget-toggles.spec.ts/widget-toggle-button-default-icon-linux.png differ
diff --git a/modules/widget-toggles/e2e/widget-toggles.spec.ts b/modules/widget-toggles/e2e/widget-toggles.spec.ts
new file mode 100644
index 00000000000..7aa94f1f031
--- /dev/null
+++ b/modules/widget-toggles/e2e/widget-toggles.spec.ts
@@ -0,0 +1,186 @@
+/*
+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 Page } from "@playwright/test";
+import { type Credentials } from "@element-hq/element-web-playwright-common/lib/utils/api";
+import { type StartedHomeserverContainer } from "@element-hq/element-web-playwright-common/lib/testcontainers/HomeserverContainer";
+import { type Container } from "@element-hq/element-web-module-api";
+
+import { test as base, expect } from "../../playwright/element-web-test.ts";
+
+const test = base.extend<{
+    // Resolver for when to respond to the navigation.json request
+    navigationJsonResolver: PromiseWithResolvers<void>;
+}>({
+    navigationJsonResolver: async ({}, use) => {
+        await use(Promise.withResolvers<void>());
+    },
+});
+
+const TEST_WIDGET_NAME = "Name of the test widget";
+
+async function makeRoomWithWidgetAndGoTo(
+    homeserver: StartedHomeserverContainer,
+    user: Credentials,
+    page: Page,
+    avatarUrl?: string,
+): Promise<string> {
+    const { room_id: roomId } = await homeserver.csApi.request<{ room_id: string }>(
+        "POST",
+        "/v3/createRoom",
+        user.accessToken,
+        {
+            name: "Come on in we've got widgets",
+        },
+    );
+    await homeserver.csApi.request<{
+        event_id: string;
+    }>("PUT", `/v3/rooms/${encodeURIComponent(roomId)}/state/im.vector.modular.widgets/1`, user.accessToken, {
+        id: "1",
+        creatorUserId: user.userId,
+        type: "m.custom",
+        name: TEST_WIDGET_NAME,
+        url: `http://localhost:8080/widget.html`,
+        avatar_url: avatarUrl,
+    });
+
+    await page.goto(`/#/room/${roomId}`);
+
+    return roomId;
+}
+
+async function moveWidgetToContainer(
+    homeserver: StartedHomeserverContainer,
+    user: Credentials,
+    roomId: string,
+    container: Container,
+): Promise<void> {
+    await homeserver.csApi.request(
+        "PUT",
+        `/v3/user/${encodeURIComponent(user.userId)}/rooms/${encodeURIComponent(roomId)}/account_data/im.vector.web.settings`,
+        user.accessToken,
+        {
+            "Widgets.layout": {
+                widgets: {
+                    "1": { container },
+                },
+            },
+        },
+    );
+}
+
+test.describe("widget-toggles", () => {
+    test.use({
+        displayName: "Timmy",
+        page: async ({ context, page, moduleDir }, use) => {
+            await context.route("http://localhost:8080/widget.html*", async (route) => {
+                await route.fulfill({ path: `${moduleDir}/e2e/fixture/widget.html`, contentType: "text/html" });
+            });
+
+            await context.route("http://localhost:8080/wigeon.png", async (route) => {
+                await route.fulfill({ path: `${moduleDir}/e2e/fixture/wigeon.png`, contentType: "image/png" });
+            });
+
+            await page.goto("/");
+            await use(page);
+        },
+    });
+
+    test("should not error if config is missing", async ({ page }) => {
+        await expect(page.getByText("Your Element is misconfigured")).not.toBeVisible();
+        await expect(page.getByText("Errors in module configuration")).not.toBeVisible();
+        // We don't take a screenshot as we don't want to assert Element's styling, only our own
+    });
+
+    test.describe("with invalid config", () => {
+        test.use({
+            config: {
+                "io.element.element-web-modules.widget-toggles": {
+                    foo: "bar",
+                },
+            },
+        });
+
+        test("should render error", async ({ page }) => {
+            await expect(page.getByText("Your Element is misconfigured")).toBeVisible();
+            await expect(page.getByText("Errors in module configuration")).toBeVisible();
+            // We don't take a screenshot as we don't want to assert Element's styling, only our own
+        });
+    });
+
+    test.describe("with correct config", () => {
+        test.use({
+            config: {
+                "io.element.element-web-modules.widget-toggles": {
+                    types: ["m.custom"],
+                },
+            },
+        });
+
+        test(
+            "should render 'show' button for widget not in top",
+            { tag: ["@screenshot"] },
+            async ({ homeserver, page, user }) => {
+                await makeRoomWithWidgetAndGoTo(homeserver, user, page);
+
+                await expect(page.getByRole("button", { name: "Show " + TEST_WIDGET_NAME })).toBeVisible();
+            },
+        );
+
+        test(
+            "should render 'hide' button for widget in top",
+            { tag: ["@screenshot"] },
+            async ({ homeserver, page, user }) => {
+                const roomId = await makeRoomWithWidgetAndGoTo(homeserver, user, page);
+
+                await moveWidgetToContainer(homeserver, user, roomId, "top");
+
+                await expect(page.getByRole("button", { name: "Hide " + TEST_WIDGET_NAME })).toBeVisible();
+            },
+        );
+
+        test("should move widget to top when 'show' button is clicked", async ({ homeserver, page, user }) => {
+            await makeRoomWithWidgetAndGoTo(homeserver, user, page);
+
+            await page.getByRole("button", { name: "Show " + TEST_WIDGET_NAME }).click();
+            await expect(page.getByRole("button", { name: "Hide " + TEST_WIDGET_NAME })).toBeVisible();
+
+            await expect(page.locator('iframe[title="Name of the test widget"]')).toBeVisible();
+        });
+
+        test("should move widget to left when 'hide' button is clicked", async ({ homeserver, page, user }) => {
+            const roomId = await makeRoomWithWidgetAndGoTo(homeserver, user, page);
+            await moveWidgetToContainer(homeserver, user, roomId, "top");
+
+            await expect(page.locator('iframe[title="Name of the test widget"]')).toBeVisible();
+
+            await page.getByRole("button", { name: "Hide " + TEST_WIDGET_NAME }).click();
+
+            await expect(page.locator('iframe[title="Name of the test widget"]')).not.toBeVisible();
+        });
+
+        test("uses widget icon for button image if present", async ({ homeserver, page, user }) => {
+            await makeRoomWithWidgetAndGoTo(homeserver, user, page, "mxc://fakehomeserver/fake_content_id");
+
+            await expect(
+                page.getByRole("button", { name: "Show " + TEST_WIDGET_NAME }).getByRole("img"),
+            ).toHaveAttribute("src", /\/_matrix\/media\/v3\/download\/fakehomeserver\/fake_content_id$/);
+        });
+
+        test(
+            "uses built in icon for widgets with no avatar",
+            { tag: ["@screenshot"] },
+            async ({ homeserver, page, user }) => {
+                await makeRoomWithWidgetAndGoTo(homeserver, user, page);
+
+                await expect(page.getByRole("button", { name: "Show " + TEST_WIDGET_NAME })).toMatchScreenshot(
+                    "widget-toggle-button-default-icon.png",
+                );
+            },
+        );
+    });
+});
diff --git a/modules/widget-toggles/package.json b/modules/widget-toggles/package.json
new file mode 100644
index 00000000000..9a50c80b8c9
--- /dev/null
+++ b/modules/widget-toggles/package.json
@@ -0,0 +1,37 @@
+{
+    "name": "@element-hq/element-web-module-widget-toggle",
+    "private": true,
+    "version": "1.0.0",
+    "type": "module",
+    "main": "lib/index.js",
+    "license": "SEE LICENSE IN README.md",
+    "scripts": {
+        "build": "nx build",
+        "lint:types": "nx lint:types",
+        "test:unit": "nx test:unit"
+    },
+    "devDependencies": {
+        "@arcmantle/vite-plugin-import-css-sheet": "^1.0.12",
+        "@element-hq/element-web-module-api": "workspace:*",
+        "@testing-library/dom": "^10.4.1",
+        "@testing-library/react": "^16.3.2",
+        "@testing-library/user-event": "^14.6.1",
+        "@types/node": "catalog:",
+        "@types/react": "^19",
+        "@vitejs/plugin-react": "catalog:",
+        "@vitest/browser-playwright": "catalog:",
+        "react": "catalog:",
+        "typescript": "catalog:",
+        "vite": "catalog:",
+        "vite-plugin-node-polyfills": "catalog:",
+        "vite-plugin-svgr": "catalog:",
+        "vitest": "catalog:"
+    },
+    "dependencies": {
+        "@vector-im/compound-design-tokens": "^10.0.0",
+        "@vector-im/compound-web": "^9.0.0",
+        "matrix-widget-api": "^1.17.0",
+        "styled-components": "^6.3.11",
+        "zod": "^4.3.6"
+    }
+}
diff --git a/modules/widget-toggles/project.json b/modules/widget-toggles/project.json
new file mode 100644
index 00000000000..5c5854e3a63
--- /dev/null
+++ b/modules/widget-toggles/project.json
@@ -0,0 +1,25 @@
+{
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "projectType": "library",
+    "targets": {
+        "build": {
+            "cache": true,
+            "command": "vite build",
+            "inputs": ["src"],
+            "outputs": ["{projectRoot}/lib"],
+            "options": { "cwd": "modules/widget-toggles" },
+            "dependsOn": ["^build"]
+        },
+        "test:unit": {
+            "command": "vitest run",
+            "options": { "cwd": "modules/widget-toggles" }
+        },
+        "lint:types": {
+            "command": "tsc --noEmit",
+            "options": {
+                "cwd": "modules/widget-toggles"
+            },
+            "dependsOn": ["^build"]
+        }
+    }
+}
diff --git a/modules/widget-toggles/src/config.test.ts b/modules/widget-toggles/src/config.test.ts
new file mode 100644
index 00000000000..1a74765b7bf
--- /dev/null
+++ b/modules/widget-toggles/src/config.test.ts
@@ -0,0 +1,43 @@
+/*
+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, expect, test } from "vitest";
+
+import { WidgetTogglesConfig } from "./config";
+
+describe("WidgetTogglesConfig", () => {
+    test("parses a valid config with an array of widget types", () => {
+        const result = WidgetTogglesConfig.safeParse({ types: ["m.video", "m.audio"] });
+        expect(result.success).toBe(true);
+        if (result.success) {
+            expect(result.data.types).toEqual(["m.video", "m.audio"]);
+        }
+    });
+
+    test("parses a valid config with an empty types array", () => {
+        const result = WidgetTogglesConfig.safeParse({ types: [] });
+        expect(result.success).toBe(true);
+        if (result.success) {
+            expect(result.data.types).toEqual([]);
+        }
+    });
+
+    test("rejects a config missing the types field", () => {
+        const result = WidgetTogglesConfig.safeParse({});
+        expect(result.success).toBe(false);
+    });
+
+    test("rejects a config where types is not an array", () => {
+        const result = WidgetTogglesConfig.safeParse({ types: "m.video" });
+        expect(result.success).toBe(false);
+    });
+
+    test("rejects a config where types contains non-string values", () => {
+        const result = WidgetTogglesConfig.safeParse({ types: [1, 2, 3] });
+        expect(result.success).toBe(false);
+    });
+});
diff --git a/modules/widget-toggles/src/config.ts b/modules/widget-toggles/src/config.ts
new file mode 100644
index 00000000000..2c4bdb9d1a1
--- /dev/null
+++ b/modules/widget-toggles/src/config.ts
@@ -0,0 +1,27 @@
+/*
+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 { z, type input } from "zod/mini";
+
+z.config(z.locales.en());
+
+export const WidgetTogglesConfig = z.object({
+    /**
+     * The widget types to show a toggle for.
+     */
+    types: z.array(z.string()),
+});
+
+export type WidgetTogglesConfig = z.infer<typeof WidgetTogglesConfig>;
+
+export const CONFIG_KEY = "io.element.element-web-modules.widget-toggles";
+
+declare module "@element-hq/element-web-module-api" {
+    export interface Config {
+        [CONFIG_KEY]?: input<WidgetTogglesConfig>;
+    }
+}
diff --git a/modules/widget-toggles/src/index.test.ts b/modules/widget-toggles/src/index.test.ts
new file mode 100644
index 00000000000..e6a38bff70d
--- /dev/null
+++ b/modules/widget-toggles/src/index.test.ts
@@ -0,0 +1,164 @@
+/*
+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 { beforeEach, describe, expect, test, vi } from "vitest";
+import { render, type RenderResult, screen } from "@testing-library/react";
+import { type Api } from "@element-hq/element-web-module-api";
+import { type IWidget } from "matrix-widget-api";
+
+import WidgetToggleModule from "./index";
+import { CONFIG_KEY, WidgetTogglesConfig } from "./config";
+import { mockWidget, mockWidgetApi } from "./tests/mocks";
+
+const makeApi = (widgets: IWidget[] = []): Api => {
+    const addRoomHeaderButtonCallback = vi.fn();
+    return {
+        config: {
+            get: vi.fn().mockReturnValue({ types: ["m.custom"] }),
+        },
+        extras: {
+            addRoomHeaderButtonCallback,
+        },
+        widget: mockWidgetApi({
+            getWidgetsInRoom: vi.fn().mockReturnValue(widgets),
+        }),
+        i18n: {
+            translate: vi.fn().mockImplementation((key: string) => key),
+        },
+    } as unknown as Api;
+};
+
+vi.mock("../src/config", async () => {
+    return {
+        CONFIG_KEY: "fake_config_key",
+        WidgetTogglesConfig: {
+            parse: vi.fn(),
+        },
+    };
+});
+
+describe("WidgetToggleModule", () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+    });
+
+    describe("load", () => {
+        test("reads config using CONFIG_KEY", async () => {
+            const api = makeApi();
+
+            const module = new WidgetToggleModule(api);
+            await module.load();
+
+            expect(api.config.get).toHaveBeenCalledWith(CONFIG_KEY);
+        });
+
+        test("parses config with WidgetTogglesConfig.parse", async () => {
+            const api = makeApi();
+            const rawConfig = { types: ["m.custom"] };
+            (api.config.get as ReturnType<typeof vi.fn>).mockReturnValue(rawConfig);
+
+            const module = new WidgetToggleModule(api);
+            await module.load();
+
+            expect(WidgetTogglesConfig.parse).toHaveBeenCalledWith(rawConfig);
+        });
+
+        test("registers a room header button callback", async () => {
+            const api = makeApi();
+            (WidgetTogglesConfig.parse as ReturnType<typeof vi.fn>).mockReturnValue({ types: ["m.custom"] });
+
+            const module = new WidgetToggleModule(api);
+            await module.load();
+
+            expect(api.extras.addRoomHeaderButtonCallback).toHaveBeenCalledOnce();
+        });
+
+        test("throws error when config parsing fails", async () => {
+            const api = makeApi();
+            (WidgetTogglesConfig.parse as ReturnType<typeof vi.fn>).mockImplementation(() => {
+                throw new Error("Invalid config");
+            });
+
+            const module = new WidgetToggleModule(api);
+            await expect(module.load()).rejects.toThrow("Errors in module configuration for widget toggles module");
+        });
+    });
+
+    describe("room header button callback", () => {
+        const roomId = "!room:example.com";
+
+        const getCallback = async (api: Api): Promise<(roomId: string) => React.JSX.Element | undefined> => {
+            (WidgetTogglesConfig.parse as ReturnType<typeof vi.fn>).mockReturnValue({ types: ["m.custom"] });
+            const module = new WidgetToggleModule(api);
+            await module.load();
+            return (api.extras.addRoomHeaderButtonCallback as ReturnType<typeof vi.fn>).mock.calls[0][0];
+        };
+
+        const mockAndRender = async (api: Api): Promise<RenderResult> => {
+            (api.i18n.translate as ReturnType<typeof vi.fn>).mockImplementation(
+                (key: string, vars?: Record<string, string>) => {
+                    let result = key;
+                    if (vars) {
+                        for (const [k, v] of Object.entries(vars)) {
+                            result = result.replace(`%(${k})s`, v);
+                        }
+                    }
+                    return result;
+                },
+            );
+            const callback = await getCallback(api);
+
+            const result = callback(roomId);
+            expect(result).toBeDefined();
+            return render(result);
+        };
+
+        test("returns undefined when there are no widgets in the room", async () => {
+            const api = makeApi([]);
+            const callback = await getCallback(api);
+
+            const result = callback(roomId);
+            expect(result).toBeUndefined();
+        });
+
+        test("returns undefined when no widgets match the configured types", async () => {
+            const api = makeApi([mockWidget({ type: "m.other" })]);
+            const callback = await getCallback(api);
+
+            const result = callback(roomId);
+            expect(result).toBeUndefined();
+        });
+
+        test("renders WidgetToggle for each matching widget", async () => {
+            const api = makeApi([
+                mockWidget({ id: "w1", type: "m.custom", name: "Widget One" }),
+                mockWidget({ id: "w2", type: "m.custom", name: "Widget Two" }),
+            ]);
+            await mockAndRender(api);
+
+            expect(screen.getAllByRole("button").length).toBe(2);
+        });
+
+        test("does not render WidgetToggle for non-matching widget types", async () => {
+            const api = makeApi([
+                mockWidget({ id: "w1", type: "m.custom", name: "Widget One" }),
+                mockWidget({ id: "w2", type: "m.other", name: "Widget Other" }),
+            ]);
+            await mockAndRender(api);
+
+            expect(screen.getAllByRole("button").length).toBe(1);
+        });
+
+        test("calls getWidgetsInRoom with correct roomId", async () => {
+            const api = makeApi([]);
+            const callback = await getCallback(api);
+
+            callback(roomId);
+            expect(api.widget.getWidgetsInRoom).toHaveBeenCalledWith(roomId);
+        });
+    });
+});
diff --git a/modules/widget-toggles/src/index.tsx b/modules/widget-toggles/src/index.tsx
new file mode 100644
index 00000000000..aadb0519f3e
--- /dev/null
+++ b/modules/widget-toggles/src/index.tsx
@@ -0,0 +1,71 @@
+/*
+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 JSX } from "react";
+import { TooltipProvider } from "@vector-im/compound-web";
+
+import type { Module, Api, ModuleFactory } from "@element-hq/element-web-module-api";
+import { CONFIG_KEY, WidgetTogglesConfig } from "./config";
+import { WidgetToggle } from "./toggle";
+import { name as ModuleName } from "../package.json";
+
+class WidgetToggleModule implements Module {
+    public static readonly moduleApiVersion = "^1.12.0";
+    private config?: WidgetTogglesConfig;
+
+    public constructor(private api: Api) {}
+
+    public async load(): Promise<void> {
+        const rawConfig = this.api.config.get(CONFIG_KEY);
+        if (!rawConfig) {
+            console.debug(`No configuration found for module "${ModuleName}", skipping initialization.`);
+            return;
+        }
+
+        try {
+            this.config = WidgetTogglesConfig.parse(rawConfig);
+        } catch (e) {
+            console.error("Failed to init module", e);
+            throw new Error(`Errors in module configuration for widget toggles module`);
+        }
+
+        this.api.extras.addRoomHeaderButtonCallback((roomId: string) => {
+            const widgets = this.api.widget.getWidgetsInRoom(roomId);
+            const toggleElements: JSX.Element[] = [];
+
+            for (const widget of widgets) {
+                if (this.config?.types.includes(widget.type)) {
+                    toggleElements.push(
+                        <WidgetToggle
+                            app={widget}
+                            roomId={roomId}
+                            widgetApi={this.api.widget}
+                            i18nApi={this.api.i18n}
+                        />,
+                    );
+                }
+            }
+
+            if (toggleElements.length === 0) return undefined;
+
+            // XXX: We shouldn't have to add another TooltipProvider here, it should
+            // be using the one in MatrixChat in Element Web, but thanks to the fact
+            // that contexts are "magically" identified by class, it doesn't pick up the
+            // context because we use a different copy of compound-web. We'll probably
+            // need to fix this at some point, possibly by moving compound's tooltip stuff
+            // out to its own mini-module that can be provided at runtime by Element Web,
+            // unless React make contexts more sensible.
+            // Annoyingly this does actually cause the tooltips to behave a bit weirdly:
+            // there's a delay before the tooltip appears when yo move between these buttons
+            // and the rest of the header buttons, whereas moving between the other header
+            // buttons, the tooltips appear straight away once one has appeared.
+            return <TooltipProvider>{toggleElements}</TooltipProvider>;
+        });
+    }
+}
+
+export default WidgetToggleModule satisfies ModuleFactory;
diff --git a/modules/widget-toggles/src/tests/mocks.ts b/modules/widget-toggles/src/tests/mocks.ts
new file mode 100644
index 00000000000..e37cd67b013
--- /dev/null
+++ b/modules/widget-toggles/src/tests/mocks.ts
@@ -0,0 +1,45 @@
+/*
+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 I18nApi, type WidgetApi } from "@element-hq/element-web-module-api";
+import { type IWidget } from "matrix-widget-api";
+import { vi } from "vitest";
+
+export function mockWidget(overrides: Partial<IWidget> = {}): IWidget {
+    return {
+        id: "widget-1",
+        creatorUserId: "@user:example.com",
+        type: "m.custom",
+        name: "My Widget",
+        url: "https://example.com",
+        ...overrides,
+    };
+}
+
+export function mockWidgetApi(overrides: Partial<WidgetApi> = {}): WidgetApi {
+    return {
+        getWidgetsInRoom: vi.fn().mockReturnValue([]),
+        getAppAvatarUrl: vi.fn().mockReturnValue(null),
+        isAppInContainer: vi.fn().mockReturnValue(false),
+        moveAppToContainer: vi.fn(),
+        ...overrides,
+    } as unknown as WidgetApi;
+}
+
+export function mockI18nApi(): I18nApi {
+    return {
+        translate: vi.fn().mockImplementation((key: string, vars?: Record<string, string>) => {
+            let result = key;
+            if (vars) {
+                for (const [k, v] of Object.entries(vars)) {
+                    result = result.replace(`%(${k})s`, v);
+                }
+            }
+            return result;
+        }),
+    } as unknown as I18nApi;
+}
diff --git a/modules/widget-toggles/src/tests/setupTests.ts b/modules/widget-toggles/src/tests/setupTests.ts
new file mode 100644
index 00000000000..d7601a1499c
--- /dev/null
+++ b/modules/widget-toggles/src/tests/setupTests.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.
+*/
+
+import { afterEach } from "vitest";
+import { cleanup } from "@testing-library/react";
+
+afterEach(() => {
+    cleanup();
+});
diff --git a/modules/widget-toggles/src/toggle.test.tsx b/modules/widget-toggles/src/toggle.test.tsx
new file mode 100644
index 00000000000..0adfc9b33f0
--- /dev/null
+++ b/modules/widget-toggles/src/toggle.test.tsx
@@ -0,0 +1,82 @@
+/*
+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 { beforeEach, describe, expect, test, type vi } from "vitest";
+import { render, screen } from "@testing-library/react";
+import { type WidgetApi, type I18nApi } from "@element-hq/element-web-module-api";
+import { type IWidget } from "matrix-widget-api";
+import { type PropsWithChildren } from "react";
+import { TooltipProvider } from "@vector-im/compound-web";
+import userEvent from "@testing-library/user-event";
+
+import { WidgetToggle } from "./toggle";
+import { mockI18nApi, mockWidget, mockWidgetApi } from "./tests/mocks";
+
+const roomId = "!room:example.com";
+
+const wrapper = ({ children }: PropsWithChildren): React.JSX.Element => <TooltipProvider>{children}</TooltipProvider>;
+
+describe("WidgetToggle", () => {
+    let widgetApi: WidgetApi;
+    let i18nApi: I18nApi;
+    let app: IWidget;
+
+    beforeEach(() => {
+        widgetApi = mockWidgetApi();
+        i18nApi = mockI18nApi();
+        app = mockWidget();
+    });
+
+    test("displays avatar image when widget has an avatar URL", () => {
+        (widgetApi.getAppAvatarUrl as ReturnType<typeof vi.fn>).mockReturnValue("https://example.com/avatar.png");
+        render(<WidgetToggle app={app} roomId={roomId} widgetApi={widgetApi} i18nApi={i18nApi} />, { wrapper });
+        const img = screen.getByRole("img", { name: app.name });
+        expect(img).toBeDefined();
+        expect(img.getAttribute("src")).toBe("https://example.com/avatar.png");
+    });
+
+    test("renders the Jitsi avatar for Jitsi widgets", () => {
+        app = mockWidget({ type: "m.jitsi", name: "Jitsi" });
+        render(<WidgetToggle app={app} roomId={roomId} widgetApi={widgetApi} i18nApi={i18nApi} />, { wrapper });
+        const img = screen.getByRole("img", { name: "Jitsi" });
+        expect(img.getAttribute("src")).toMatch(/^data:image\/svg\+xml;base64,/);
+    });
+
+    test("shows 'Show' label when widget is not in container", () => {
+        (widgetApi.isAppInContainer as ReturnType<typeof vi.fn>).mockReturnValue(false);
+        render(<WidgetToggle app={app} roomId={roomId} widgetApi={widgetApi} i18nApi={i18nApi} />, { wrapper });
+        const button = screen.getByRole("button", { name: "Show My Widget" });
+        expect(button).toBeDefined();
+    });
+
+    test("shows 'Hide' label when widget is in container", () => {
+        (widgetApi.isAppInContainer as ReturnType<typeof vi.fn>).mockReturnValue(true);
+        render(<WidgetToggle app={app} roomId={roomId} widgetApi={widgetApi} i18nApi={i18nApi} />, { wrapper });
+        const button = screen.getByRole("button", { name: "Hide My Widget" });
+        expect(button).toBeDefined();
+    });
+
+    test("calls moveAppToContainer with 'top' when widget is not in container and button is clicked", async () => {
+        const user = userEvent.setup();
+
+        (widgetApi.isAppInContainer as ReturnType<typeof vi.fn>).mockReturnValue(false);
+        render(<WidgetToggle app={app} roomId={roomId} widgetApi={widgetApi} i18nApi={i18nApi} />, { wrapper });
+        const button = screen.getByRole("button", { name: "Show My Widget" });
+        await user.click(button);
+        expect(widgetApi.moveAppToContainer).toHaveBeenCalledWith(app, "top", roomId);
+    });
+
+    test("calls moveAppToContainer with 'right' when widget is in container and button is clicked", async () => {
+        const user = userEvent.setup();
+
+        (widgetApi.isAppInContainer as ReturnType<typeof vi.fn>).mockReturnValue(true);
+        render(<WidgetToggle app={app} roomId={roomId} widgetApi={widgetApi} i18nApi={i18nApi} />, { wrapper });
+        const button = screen.getByRole("button", { name: "Hide My Widget" });
+        await user.click(button);
+        expect(widgetApi.moveAppToContainer).toHaveBeenCalledWith(app, "right", roomId);
+    });
+});
diff --git a/modules/widget-toggles/src/toggle.tsx b/modules/widget-toggles/src/toggle.tsx
new file mode 100644
index 00000000000..741904c4421
--- /dev/null
+++ b/modules/widget-toggles/src/toggle.tsx
@@ -0,0 +1,93 @@
+/*
+ * Copyright 2024 Nordeck IT + Consulting GmbH
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { type I18nApi, type WidgetApi } from "@element-hq/element-web-module-api";
+import { IconButton, Tooltip } from "@vector-im/compound-web";
+import { type IWidget } from "matrix-widget-api";
+import React, { type JSX } from "react";
+import styled from "styled-components";
+
+type Props = { $isInContainer: boolean };
+
+const Img = styled.img<Props>`
+    border-color: ${(): string => "var(--cpd-color-text-action-accent)"};
+    border-radius: 50%;
+    border-style: solid;
+    border-width: ${({ $isInContainer }): string => ($isInContainer ? "2px" : "0px")};
+    box-sizing: border-box;
+    height: 24px;
+    width: 24px;
+`;
+
+const Svg = styled.svg<Props>`
+    height: 24px;
+    fill: ${({ $isInContainer }): string => ($isInContainer ? "var(--cpd-color-text-action-accent)" : "currentColor")};
+    width: 24px;
+`;
+
+function avatarUrl(app: IWidget, widgetApi: WidgetApi): string | null {
+    if (app.type.match(/jitsi/i)) {
+        return "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcng9IjQiIGZpbGw9IiM1QUJGRjIiLz4KICAgIDxwYXRoIGQ9Ik0zIDcuODc1QzMgNi44Mzk0NyAzLjgzOTQ3IDYgNC44NzUgNkgxMS4xODc1QzEyLjIyMyA2IDEzLjA2MjUgNi44Mzk0NyAxMy4wNjI1IDcuODc1VjEyLjg3NUMxMy4wNjI1IDEzLjkxMDUgMTIuMjIzIDE0Ljc1IDExLjE4NzUgMTQuNzVINC44NzVDMy44Mzk0NyAxNC43NSAzIDEzLjkxMDUgMyAxMi44NzVWNy44NzVaIiBmaWxsPSJ3aGl0ZSIvPgogICAgPHBhdGggZD0iTTE0LjM3NSA4LjQ0NjQ0TDE2LjEyMDggNy4xMTAzOUMxNi40ODA2IDYuODM1MDIgMTcgNy4wOTE1OCAxNyA3LjU0NDY4VjEzLjAzOTZDMTcgMTMuNTE5OSAxNi40MjUxIDEzLjc2NjkgMTYuMDc2NyAxMy40MzYzTDE0LjM3NSAxMS44MjE0VjguNDQ2NDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K";
+    }
+
+    return widgetApi.getAppAvatarUrl(app);
+}
+
+function isInContainer(app: IWidget, widgetApi: WidgetApi, roomId: string): boolean {
+    return widgetApi.isAppInContainer(app, "center", roomId) || widgetApi.isAppInContainer(app, "top", roomId);
+}
+
+type WidgetToggleProps = {
+    app: IWidget;
+    roomId: string;
+    widgetApi: WidgetApi;
+    i18nApi: I18nApi;
+};
+
+export function WidgetToggle({ app, roomId, widgetApi, i18nApi }: WidgetToggleProps): JSX.Element {
+    const appAvatarUrl = avatarUrl(app, widgetApi);
+    const appNameOrType = app.name ?? app.type;
+    const inContainer = isInContainer(app, widgetApi, roomId);
+
+    const label = i18nApi.translate(inContainer ? "Hide %(name)s" : "Show %(name)s", { name: appNameOrType });
+
+    const onClick = React.useCallback(
+        (event: React.MouseEvent<HTMLButtonElement>) => {
+            event.stopPropagation();
+            if (inContainer) {
+                widgetApi.moveAppToContainer(app, "right", roomId);
+            } else {
+                widgetApi.moveAppToContainer(app, "top", roomId);
+            }
+        },
+        [app, inContainer, roomId, widgetApi],
+    );
+
+    return (
+        <Tooltip label={label} key={app.id}>
+            <IconButton aria-label={label} onClick={onClick}>
+                {appAvatarUrl ? (
+                    <Img $isInContainer={inContainer} alt={appNameOrType} src={appAvatarUrl} />
+                ) : (
+                    <Svg $isInContainer={inContainer} role="presentation">
+                        <path d="M16 2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm4 2.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3ZM16 14h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2Zm.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3ZM4 14h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2Zm.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3Z M8 2H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2Z" />
+                    </Svg>
+                )}
+            </IconButton>
+        </Tooltip>
+    );
+}
diff --git a/modules/widget-toggles/tsconfig.json b/modules/widget-toggles/tsconfig.json
new file mode 100644
index 00000000000..32abda69d76
--- /dev/null
+++ b/modules/widget-toggles/tsconfig.json
@@ -0,0 +1,8 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {
+        "jsx": "react-jsx",
+        "noEmit": true
+    },
+    "include": ["src"]
+}
diff --git a/modules/widget-toggles/vite.config.ts b/modules/widget-toggles/vite.config.ts
new file mode 100644
index 00000000000..ee4a75323bb
--- /dev/null
+++ b/modules/widget-toggles/vite.config.ts
@@ -0,0 +1,34 @@
+/*
+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 { fileURLToPath } from "node:url";
+import react from "@vitejs/plugin-react";
+import { nodePolyfills } from "vite-plugin-node-polyfills";
+import svgr from "vite-plugin-svgr";
+import { importCSSSheet } from "@arcmantle/vite-plugin-import-css-sheet";
+import { mergeConfig } from "vitest/config";
+import baseConfig from "@element-hq/element-web-module-api/vite.base.ts";
+
+export default mergeConfig(baseConfig, {
+    build: {
+        lib: {
+            entry: fileURLToPath(import.meta.resolve("./src/index.tsx")),
+            name: "element-web-module-widget-toggles",
+            fileName: "index",
+            formats: ["es"],
+        },
+        minify: false,
+    },
+    plugins: [
+        importCSSSheet(),
+        react(),
+        svgr(),
+        nodePolyfills({
+            include: ["events"],
+        }),
+    ],
+});
diff --git a/modules/widget-toggles/vitest.config.ts b/modules/widget-toggles/vitest.config.ts
new file mode 100644
index 00000000000..77c6923a983
--- /dev/null
+++ b/modules/widget-toggles/vitest.config.ts
@@ -0,0 +1,22 @@
+/*
+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 { defineProject } from "vitest/config";
+import { playwright } from "@vitest/browser-playwright";
+
+export default defineProject({
+    test: {
+        exclude: ["./e2e/**/*", "./node_modules/**/*"],
+        browser: {
+            enabled: true,
+            headless: true,
+            provider: playwright({}),
+            instances: [{ browser: "chromium" }],
+        },
+        setupFiles: ["src/tests/setupTests.ts"],
+    },
+});
diff --git a/nx.json b/nx.json
new file mode 100644
index 00000000000..050a8c7d94d
--- /dev/null
+++ b/nx.json
@@ -0,0 +1,13 @@
+{
+    "$schema": "./node_modules/nx/schemas/nx-schema.json",
+    "defaultBase": "develop",
+    "targetDefaults": {
+        "build": {
+            "dependsOn": ["^build", "prebuild:*"]
+        }
+    },
+    "namedInputs": {
+        "src": ["{projectRoot}/src/**/*"]
+    },
+    "analytics": false
+}
diff --git a/oxlint.config.ts b/oxlint.config.ts
new file mode 100644
index 00000000000..93eb36835f0
--- /dev/null
+++ b/oxlint.config.ts
@@ -0,0 +1,620 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { defineConfig } from "oxlint";
+
+function buildRestrictedPropertiesOptions(
+    properties: string[],
+    message: string,
+): { object?: string; property: string; message: string }[] {
+    return properties.map((prop) => {
+        const [object, property] = prop.split(".");
+        return {
+            object: object === "*" ? undefined : object,
+            property,
+            message,
+        };
+    });
+}
+
+const defaultRestrictedProperties = [
+    { object: "window", property: "setImmediate", message: "Use setTimeout instead" },
+    ...buildRestrictedPropertiesOptions(["React.forwardRef", "*.forwardRef", "forwardRef"], "Use ref props instead."),
+] as const;
+const defaultRestrictedGlobals = [
+    {
+        name: "setImmediate",
+        message: "Use setTimeout instead.",
+    },
+];
+
+export default defineConfig({
+    $schema: "./node_modules/oxlint/configuration_schema.json",
+    plugins: [
+        "eslint",
+        "typescript",
+        "unicorn",
+        "import",
+        "jsdoc",
+        "node",
+        "promise",
+        "vitest",
+        "react",
+        "react-perf",
+        "jsx-a11y",
+    ],
+    jsPlugins: ["eslint-plugin-element-call"],
+    categories: {
+        correctness: "error",
+        perf: "error",
+        suspicious: "error",
+        restriction: "warn",
+    },
+    options: {
+        typeAware: true,
+        reportUnusedDisableDirectives: "warn",
+        maxWarnings: 0,
+        denyWarnings: true,
+    },
+    env: {
+        es6: true,
+    },
+    ignorePatterns: [
+        "**/lib",
+        "**/dist",
+        "**/node_modules",
+        "**/coverage",
+        "apps/web/src/vector/modernizr.cjs",
+        // Legacy skinning file that some people might still have
+        "apps/web/src/component-index.js",
+        // Auto-generated files
+        "apps/web/src/modules.ts",
+        "apps/web/src/modules.js",
+        // Test result files
+        "**/test-results",
+        "**/html-report",
+        // Shared components generated files
+        "/packages/shared-components/dist/",
+        "/packages/shared-components/src/i18n/i18nKeys.d.ts",
+        "/packages/shared-components/typedoc/",
+    ],
+    settings: {
+        "jsdoc": {
+            tagNamePreference: {
+                remark: "remarks",
+                privateRemarks: "privateRemarks",
+                experimental: "experimental",
+                deprecated: "deprecated",
+                typeParam: "typeParam",
+                defaultValue: "defaultValue",
+                packageDocumentation: "packageDocumentation",
+                alpha: "alpha",
+                knipignore: "knipignore",
+                resolves: "resolves",
+            },
+        },
+        "vitest": {
+            typecheck: true,
+        },
+        "jsx-a11y": {
+            components: {
+                Button: "button",
+                IconButton: "button",
+                AccessibleButton: "button",
+                RovingAccessibleButton: "button",
+                ContextMenuButton: "button",
+                ContextMenuTooltipButton: "button",
+            },
+            // polymorphicPropName: "as", // Would be good to enable in the future
+        },
+        "react": {
+            componentWrapperFunctions: ["withMatrixClientHOC"],
+        },
+    },
+    rules: {
+        "no-constant-condition": ["error", { checkLoops: "allExceptWhileTrue" }],
+        "typescript/unbound-method": ["error", { ignoreStatic: true }],
+        "typescript/no-empty-object-type": [
+            "error",
+            {
+                allowInterfaces: "with-single-extends",
+            },
+        ],
+        "prefer-const": ["error", { destructuring: "all" }],
+        "import/first": "error",
+        "new-cap": "error",
+        "typescript/no-unsafe-function-type": "error",
+        "react/rules-of-hooks": "error",
+        "no-extend-native": "error",
+        "no-inner-declarations": "error",
+        "typescript/no-unnecessary-type-constraint": "error",
+        "jsx-filename-extension": ["error", { allow: "as-needed", extensions: ["tsx"] }],
+
+        // Tune restriction ruleset
+        "no-undefined": "off",
+        "typescript/use-unknown-in-catch-callback-variable": "off",
+        "typescript/promise-function-async": "off",
+        "typescript/no-non-null-assertion": "off",
+        "typescript/no-invalid-void-type": "off",
+        "typescript/no-explicit-any": "off",
+        "typescript/no-import-type-side-effects": "off",
+        "typescript/no-dynamic-delete": "off",
+        "typescript/explicit-module-boundary-types": "off",
+        "no-param-reassign": "off",
+        "no-use-before-define": "off",
+        "class-methods-use-this": "off",
+        "no-plusplus": "off",
+        "no-default-export": "off",
+        "no-console": "off",
+        "complexity": "off",
+        "no-void": "off",
+        "no-empty-function": "off",
+        "default-case": "off",
+        "no-implicit-globals": "off",
+        "no-bitwise": "off",
+        "no-empty": "off",
+        "no-eq-null": "off",
+        "promise/catch-or-return": "off",
+        "node/no-process-env": "off", // We enable this for src in overrides
+        "unicorn/no-array-reduce": "off",
+        "unicorn/no-anonymous-default-export": "off",
+        "import/no-relative-parent-imports": "off",
+        "import/unambiguous": "off",
+        "import/no-cycle": "off",
+        "jsdoc/empty-tags": "off",
+        "vitest/require-test-timeout": "off",
+        "react/jsx-no-literals": "off",
+        "react/prefer-function-component": "off",
+        "react/forbid-component-props": "off",
+        "react/no-multi-comp": "off",
+        "react/no-danger": "off",
+        "react/only-export-components": "off",
+        "react/no-react-children": "off",
+        "react/no-clone-element": "off",
+
+        "unicorn/no-instanceof-array": "error",
+        "no-restricted-globals": ["error", ...defaultRestrictedGlobals],
+        "no-restricted-properties": ["error", ...defaultRestrictedProperties],
+        "import/no-duplicates": ["error"],
+
+        "element-call/copyright-header": [
+            "error",
+            "/*\nCopyright %%CURRENT_YEAR%% Element Creations Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE in the repository root for full details.\n*/\n\n",
+        ],
+
+        // Allow the use of underscore to show args are not used.
+        // This is helpful for seeing that a function implements
+        // an interface but won't be using one of it's arguments.
+        "no-unused-vars": ["error", { args: "none", ignoreRestSiblings: true }],
+
+        // Require method signatures to be explicit to help make signature changes more obvious in review
+        "typescript/explicit-function-return-type": [
+            "error",
+            {
+                allowExpressions: true,
+            },
+        ],
+
+        // Prevent invalid non-type re-exports of types, these can cause downstream build failures
+        "typescript/consistent-type-exports": ["error"],
+
+        // Prevent unnecessary runtime dependencies between files
+        "typescript/consistent-type-imports": ["error", { fixStyle: "inline-type-imports" }],
+
+        "jsx-a11y/control-has-associated-label": [
+            "error",
+            {
+                labelAttributes: ["label", "value"],
+                depth: 3,
+            },
+        ],
+
+        // Disable some perf rules
+        "no-await-in-loop": "off",
+
+        // Disable some opinionated rules
+        "unicorn/switch-case-braces": "off",
+        "sort-keys": "off",
+        "typescript/require-array-sort-compare": "off",
+        "no-extra-boolean-cast": "off",
+
+        // These would be nice to enable at some point
+        "unicorn/prefer-set-has": "off",
+        "unicorn/prefer-string-slice": "off",
+        "unicorn/prefer-number-properties": "off",
+        "unicorn/prefer-at": "off",
+        "unicorn/no-new-array": "off",
+        "unicorn/no-array-for-each": "off",
+        "unicorn/explicit-length-check": "off",
+        "unicorn/catch-error-name": "off",
+        "require-unicode-regexp": "off",
+        "typescript/restrict-template-expressions": "off",
+        "typescript/no-redundant-type-constituents": "off",
+        "typescript/no-useless-default-assignment": "off",
+        "typescript/no-duplicate-type-constituents": "off",
+        "typescript/no-floating-promises": "off",
+        "typescript/no-implied-eval": "off",
+        "typescript/no-misused-spread": "off",
+        "promise/valid-params": "off",
+        "react-perf/jsx-no-new-function-as-prop": "off",
+        "react-perf/jsx-no-new-object-as-prop": "off",
+        "react-perf/jsx-no-jsx-as-prop": "off",
+        "jsx-a11y/prefer-tag-over-role": "off",
+        "jsx-a11y/no-autofocus": "off",
+        "react/no-children-prop": "off",
+        "react-perf/jsx-no-new-array-as-prop": "off",
+        "react/no-did-update-set-state": "off",
+        "react/no-did-mount-set-state": "off",
+        "jsx-a11y/no-static-element-interactions": "off",
+        "jsx-a11y/no-noninteractive-element-interactions": "off",
+        "jsx-a11y/media-has-caption": "off",
+        "jsx-a11y/no-noninteractive-element-to-interactive-role": "off",
+        "jsx-a11y/aria-activedescendant-has-tabindex": "off",
+
+        // Rules within `suspicious` we do not yet comply with but probably should
+        "typescript/no-unsafe-type-assertion": "off",
+        "no-shadow": "off",
+        "unicorn/consistent-function-scoping": "off",
+        "typescript/consistent-return": "off",
+        "typescript/no-unsafe-enum-comparison": "off",
+        "typescript/no-unnecessary-type-conversion": "off",
+        "typescript/no-unnecessary-type-parameters": "off",
+        "typescript/no-unnecessary-boolean-literal-compare": "off",
+        "react/no-unstable-nested-components": "off",
+        "unicorn/no-array-sort": "off",
+        "unicorn/no-array-reverse": "off",
+        "unicorn/prefer-add-event-listener": "off",
+        "no-underscore-dangle": "off",
+        "import/no-named-as-default": "off",
+        "import/no-unassigned-import": "off",
+        "import/no-named-as-default-member": "off",
+        "promise/always-return": "off",
+        "preserve-caught-error": "off",
+        "react/react-in-jsx-scope": "off",
+        "unicorn/require-post-message-target-origin": "off",
+    },
+    overrides: [
+        {
+            files: ["apps/web/src/**/*", "{packages,modules}/*/src/**/*"],
+            rules: {
+                "no-restricted-globals": [
+                    "error",
+                    defaultRestrictedGlobals,
+                    {
+                        name: "Buffer",
+                        message: "Buffer is not available in the web.",
+                    },
+                ],
+                "node/no-process-env": "error",
+                "unicorn/prefer-node-protocol": "off",
+            },
+        },
+        {
+            files: ["{packages,apps,modules}/*/src/**/*"],
+            rules: {
+                // Enable this in the future, it has a lot of false positives right now
+                // "react/react-compiler": "error",
+            },
+        },
+        {
+            files: ["packages/shared-components/**/*"],
+            rules: {
+                "no-restricted-imports": [
+                    "error",
+                    {
+                        paths: [
+                            {
+                                name: "react",
+                                importNames: ["act"],
+                                message: "Please use @test-utils instead.",
+                            },
+                            {
+                                name: "@testing-library/react",
+                                message: "Please use @test-utils instead",
+                            },
+                        ],
+                    },
+                ],
+
+                // This would be good to apply globally in the future
+                "react/forbid-elements": [
+                    "error",
+                    {
+                        forbid: [
+                            { element: "h1", message: "Use Compound <Heading> instead" },
+                            { element: "h2", message: "Use Compound <Heading> instead" },
+                            { element: "h3", message: "Use Compound <Heading> instead" },
+                            { element: "h4", message: "Use Compound <Heading> instead" },
+                            { element: "h5", message: "Use Compound <Heading> instead" },
+                            { element: "h6", message: "Use Compound <Heading> instead" },
+                        ],
+                    },
+                ],
+            },
+        },
+        {
+            files: [
+                "apps/desktop/src/**/*",
+                "packages/playwright-common/src/**/*",
+                "**/scripts/**/*",
+                "apps/web/module_system/**/*",
+                "apps/web/webpack.config.ts",
+            ],
+            rules: {
+                "no-restricted-globals": "off",
+                "unicorn/prefer-node-protocol": "error",
+                // These files can use envvars
+                "node/no-process-env": "off",
+                // They do not depend on js-sdk for access to TypedEventEmitter so disable this rule
+                "no-restricted-imports": "off",
+                // They can use process.exit
+                "unicorn/no-process-exit": "off",
+                // They can use top level await
+                "node/no-top-level-await": "off",
+            },
+        },
+        {
+            files: ["apps/web/**/*"],
+            rules: {
+                "no-restricted-properties": [
+                    "error",
+                    ...defaultRestrictedProperties,
+                    ...buildRestrictedPropertiesOptions(
+                        ["window.innerHeight", "window.innerWidth", "window.visualViewport"],
+                        "Use UIStore to access window dimensions instead.",
+                    ),
+                    ...buildRestrictedPropertiesOptions(
+                        ["*.mxcUrlToHttp", "*.getHttpUriForMxc"],
+                        "Use Media helper instead to centralise access for customisation.",
+                    ),
+                ],
+
+                // Ban matrix-js-sdk/src imports in favour of matrix-js-sdk/src/matrix imports to prevent unleashing hell.
+                // Ban compound-design-tokens raw svg imports in favour of their React component counterparts
+                "no-restricted-imports": [
+                    "error",
+                    {
+                        paths: [
+                            {
+                                name: "events",
+                                message: "Please use TypedEventEmitter instead",
+                            },
+                            {
+                                name: "react",
+                                importNames: ["forwardRef"],
+                                message: "Use ref props instead.",
+                            },
+                            {
+                                name: "@testing-library/react",
+                                message: "Please use jest-matrix-react instead",
+                            },
+                            {
+                                name: "matrix-js-sdk",
+                                message: "Please use matrix-js-sdk/src/matrix instead",
+                            },
+                            {
+                                name: "matrix-js-sdk/",
+                                message: "Please use matrix-js-sdk/src/matrix instead",
+                            },
+                            {
+                                name: "matrix-js-sdk/src",
+                                message: "Please use matrix-js-sdk/src/matrix instead",
+                            },
+                            {
+                                name: "matrix-js-sdk/src/",
+                                message: "Please use matrix-js-sdk/src/matrix instead",
+                            },
+                            {
+                                name: "matrix-js-sdk/src/index",
+                                message: "Please use matrix-js-sdk/src/matrix instead",
+                            },
+                            {
+                                name: "emojibase-regex",
+                                message:
+                                    "This regex doesn't actually test for emoji. See the docs at https://emojibase.dev/docs/regex/ and prefer our own EMOJI_REGEX from HtmlUtils.",
+                            },
+                        ],
+                        patterns: [
+                            {
+                                group: [
+                                    "matrix-js-sdk/src/**",
+                                    "!matrix-js-sdk/src/matrix",
+                                    "!matrix-js-sdk/src/crypto-api",
+                                    "!matrix-js-sdk/src/types",
+                                    "!matrix-js-sdk/src/testing",
+                                    "!matrix-js-sdk/src/utils/**",
+                                    "matrix-js-sdk/src/utils/internal/**",
+                                    "matrix-js-sdk/lib",
+                                    "matrix-js-sdk/lib/",
+                                    "matrix-js-sdk/lib/**",
+                                    // XXX: Temporarily allow these as they are not available via the main export
+                                    "!matrix-js-sdk/src/logger",
+                                    "!matrix-js-sdk/src/errors",
+                                    "!matrix-js-sdk/src/utils",
+                                    "!matrix-js-sdk/src/version-support",
+                                    "!matrix-js-sdk/src/randomstring",
+                                    "!matrix-js-sdk/src/sliding-sync",
+                                    "!matrix-js-sdk/src/browser-index",
+                                    "!matrix-js-sdk/src/feature",
+                                    "!matrix-js-sdk/src/NamespacedValue",
+                                    "!matrix-js-sdk/src/ReEmitter",
+                                    "!matrix-js-sdk/src/event-mapper",
+                                    "!matrix-js-sdk/src/interactive-auth",
+                                    "!matrix-js-sdk/src/secret-storage",
+                                    "!matrix-js-sdk/src/room-hierarchy",
+                                    "!matrix-js-sdk/src/rendezvous",
+                                    "!matrix-js-sdk/src/indexeddb-worker",
+                                    "!matrix-js-sdk/src/pushprocessor",
+                                    "!matrix-js-sdk/src/extensible_events_v1",
+                                    "!matrix-js-sdk/src/extensible_events_v1/PollStartEvent",
+                                    "!matrix-js-sdk/src/extensible_events_v1/PollResponseEvent",
+                                    "!matrix-js-sdk/src/extensible_events_v1/PollEndEvent",
+                                    "!matrix-js-sdk/src/extensible_events_v1/InvalidEventError",
+                                    "!matrix-js-sdk/src/oidc",
+                                    "!matrix-js-sdk/src/oidc/discovery",
+                                    "!matrix-js-sdk/src/oidc/authorize",
+                                    "!matrix-js-sdk/src/oidc/validate",
+                                    "!matrix-js-sdk/src/oidc/error",
+                                    "!matrix-js-sdk/src/oidc/register",
+                                    "!matrix-js-sdk/src/webrtc",
+                                    "!matrix-js-sdk/src/webrtc/call",
+                                    "!matrix-js-sdk/src/webrtc/callFeed",
+                                    "!matrix-js-sdk/src/webrtc/mediaHandler",
+                                    "!matrix-js-sdk/src/webrtc/callEventTypes",
+                                    "!matrix-js-sdk/src/webrtc/callEventHandler",
+                                    "!matrix-js-sdk/src/webrtc/groupCallEventHandler",
+                                    "!matrix-js-sdk/src/models",
+                                    "!matrix-js-sdk/src/models/read-receipt",
+                                    "!matrix-js-sdk/src/models/relations-container",
+                                    "!matrix-js-sdk/src/models/related-relations",
+                                    "!matrix-js-sdk/src/matrixrtc",
+                                ],
+                                message: "Please use matrix-js-sdk/src/matrix instead",
+                            },
+                            {
+                                group: ["emojibase-regex/emoji*"],
+                                message:
+                                    "This regex doesn't actually test for emoji. See the docs at https://emojibase.dev/docs/regex/ and prefer our own EMOJI_REGEX from HtmlUtils.",
+                            },
+                            {
+                                group: ["@vector-im/compound-design-tokens/icons/*"],
+                                message: "Please use @vector-im/compound-design-tokens/assets/web/icons/* instead",
+                            },
+                            {
+                                group: ["**/packages/shared-components/**", "../packages/shared-components/**"],
+                                message: "Please use @element-hq/web-shared-components",
+                            },
+                        ],
+                    },
+                ],
+            },
+        },
+        {
+            files: [
+                "apps/*/playwright/**/*",
+                "packages/playwright-common/**/*",
+                "modules/*/e2e/**/*",
+                "modules/playwright/**/*",
+            ],
+            rules: {
+                // This is a common pattern for Playwright fixtures
+                "no-empty-pattern": "off",
+                // Playwright has a `use` method for fixtures which confuses this rule
+                "react-hooks/rules-of-hooks": "off",
+            },
+        },
+        {
+            files: [
+                "{packages,apps,modules}/*/src/**/*.{test,stories}.{ts,tsx}",
+                "{packages,apps,modules}/*/src/{tests,test}/*.{ts,tsx}",
+                "{packages,apps,modules}/*/src/**/__mocks__/*.{ts,tsx}",
+                "{packages,apps,modules}/*/{test,playwright,e2e}/**/*",
+                "{packages,apps,modules}/*/playwright.config.ts",
+                "{packages,apps,modules}/*/.storybook/**/*",
+                "{packages,apps,modules}/*/__mocks__/**/*",
+                "packages/playwright-common/src/**/*",
+            ],
+            rules: {
+                // Tests can be linted a little more flexibly
+                // We don't need super strict typing in test utilities
+                "no-import-assign": "off",
+                "no-unsafe-optional-chaining": "off",
+                "typescript/no-empty-object-type": "off",
+                "typescript/unbound-method": "off",
+                "typescript/no-floating-promises": "off",
+                "vitest/require-mock-type-parameters": "off",
+                "vitest/no-disabled-tests": "off",
+                "vitest/no-conditional-expect": "off",
+                "vitest/warn-todo": "off",
+                "vitest/require-to-throw-message": "off",
+                "vitest/prefer-snapshot-hint": "off",
+                "vitest/no-standalone-expect": [
+                    "error",
+                    {
+                        additionalTestBlockFunctions: ["beforeAll", "beforeEach"],
+                    },
+                ],
+                "vitest/expect-expect": [
+                    "error",
+                    {
+                        assertFunctionNames: ["expect*", "*Test", "assert*", "test*Factory"],
+                    },
+                ],
+                "jsdoc/check-tag-names": "off",
+                "typescript/explicit-function-return-type": "off",
+                "typescript/explicit-module-boundary-types": "off",
+                "typescript/explicit-member-accessibility": "off",
+                "no-proto": "off",
+
+                // Disable a11y rules for components in tests
+                "jsx-a11y/role-has-required-aria-props": "off",
+                "react/button-has-type": "off",
+                "jsx-a11y/interactive-supports-focus": "off",
+                "jsx-a11y/no-static-element-interactions": "off",
+                "jsx-a11y/anchor-ambiguous-text": "off",
+                "jsx-a11y/click-events-have-key-events": "off",
+                "jsx-a11y/media-has-caption": "off",
+                "jsx-a11y/no-noninteractive-element-to-interactive-role": "off",
+                "jsx-a11y/role-supports-aria-props": "off",
+
+                "react/jsx-no-constructed-context-values": "off",
+                "react/no-array-index-key": "off",
+                "react/forbid-elements": "off",
+                "typescript/no-extraneous-class": "off",
+                "no-new": "off",
+                "react/iframe-missing-sandbox": "off",
+                "promise/no-promise-in-callback": "off",
+
+                // This would be good to enable in the future
+                "typescript/await-thenable": "off",
+                "promise/no-callback-in-promise": "off",
+
+                // This rule requires strictNullChecks enabled
+                "typescript/no-unnecessary-boolean-literal-compare": "off",
+                "typescript/no-unnecessary-type-assertion": "off",
+            },
+        },
+        {
+            files: ["{packages,apps,modules}/*/src/**/*.stories.{ts,tsx}"],
+            jsPlugins: ["eslint-plugin-element-call", "eslint-plugin-storybook"],
+            rules: {
+                "storybook/meta-satisfies-type": "error",
+                "storybook/default-exports": "error",
+                "storybook/hierarchy-separator": "error",
+                "storybook/no-redundant-story-name": "error",
+                "storybook/no-renderer-packages": "error",
+                "storybook/no-stories-of": "error",
+                "storybook/story-exports": "error",
+                "storybook/use-storybook-expect": "error",
+                "storybook/use-storybook-testing-library": "error",
+                "storybook/no-uninstalled-addons": "error",
+                "jsx-filename-extension": ["error", { allow: "always", extensions: ["tsx"] }],
+            },
+        },
+        {
+            files: ["**/*.{cjs,js}"],
+            rules: {
+                "typescript/no-require-imports": "off",
+                "import/no-commonjs": "off",
+                "unicorn/prefer-module": "off",
+            },
+        },
+        {
+            files: ["apps/web/test/**/*-test.*"],
+            rules: {
+                // Jest is still CommonJS
+                "unicorn/prefer-module": "off",
+            },
+        },
+        {
+            files: ["**/*.d.ts"],
+            rules: {
+                "unicorn/require-module-specifiers": "off",
+            },
+        },
+    ],
+});
diff --git a/package.json b/package.json
index 0a151e0e287..2091fbf375f 100644
--- a/package.json
+++ b/package.json
@@ -1,170 +1,71 @@
 {
-  "name": "riot-web",
-  "productName": "Riot",
-  "version": "1.7.5",
-  "description": "A feature-rich client for Matrix.org",
-  "author": "New Vector Ltd.",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/vector-im/riot-web"
-  },
-  "license": "Apache-2.0",
-  "files": [
-    "lib",
-    "res",
-    "src",
-    "webpack.config.js",
-    "scripts",
-    "docs",
-    "release.sh",
-    "deploy",
-    "CHANGELOG.md",
-    "CONTRIBUTING.rst",
-    "LICENSE",
-    "README.md",
-    "AUTHORS.rst",
-    "package.json",
-    "contribute.json"
-  ],
-  "style": "bundle.css",
-  "scripts": {
-    "i18n": "matrix-gen-i18n",
-    "prunei18n": "matrix-prune-i18n",
-    "diff-i18n": "cp src/i18n/strings/en_EN.json src/i18n/strings/en_EN_orig.json && yarn i18n && node scripts/compare-file.js src/i18n/strings/en_EN_orig.json src/i18n/strings/en_EN.json",
-    "reskindex": "reskindex -h src/header",
-    "reskindex:watch": "reskindex -h src/header -w",
-    "reskindex:watch-react": "node scripts/yarn-sub.js matrix-react-sdk reskindex:watch",
-    "clean": "rimraf lib webapp",
-    "build": "yarn clean && yarn build:genfiles && yarn build:compile && yarn build:types && yarn build:bundle",
-    "build-stats": "yarn clean && yarn build:genfiles && yarn build:compile && yarn build:types && yarn build:bundle-stats",
-    "build:jitsi": "node scripts/build-jitsi.js",
-    "build:res": "node scripts/copy-res.js",
-    "build:genfiles": "yarn reskindex && yarn build:res && yarn build:jitsi",
-    "build:modernizr": "modernizr -c .modernizr.json -d src/vector/modernizr.js",
-    "build:compile": "babel -d lib --verbose --extensions \".ts,.js,.tsx\" src",
-    "build:bundle": "webpack --progress --bail --mode production",
-    "build:bundle-stats": "webpack --progress --bail --mode production --json > webpack-stats.json",
-    "build:types": "tsc --emitDeclarationOnly --jsx react",
-    "dist": "scripts/package.sh",
-    "start": "concurrently --kill-others-on-fail --prefix \"{time} [{name}]\" -n reskindex,reskindex-react,res,riot-js \"yarn reskindex:watch\" \"yarn reskindex:watch-react\" \"yarn start:res\" \"yarn start:js\"",
-    "start:res": "yarn build:jitsi && node scripts/copy-res.js -w",
-    "start:js": "webpack-dev-server --host=0.0.0.0 --output-filename=bundles/_dev_/[name].js --output-chunk-filename=bundles/_dev_/[name].js -w --progress --mode development",
-    "lint": "yarn lint:types && yarn lint:js && yarn lint:style",
-    "lint:js": "eslint src",
-    "lint:types": "tsc --noEmit --jsx react",
-    "lint:style": "stylelint 'res/css/**/*.scss'",
-    "test": "jest"
-  },
-  "dependencies": {
-    "browser-request": "^0.3.3",
-    "gfm.css": "^1.1.2",
-    "highlight.js": "^9.13.1",
-    "jsrsasign": "^9.1.5",
-    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#develop",
-    "matrix-react-sdk": "github:matrix-org/matrix-react-sdk#develop",
-    "olm": "https://packages.matrix.org/npm/olm/olm-3.1.4.tgz",
-    "prop-types": "^15.7.2",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
-    "sanitize-html": "^1.19.1",
-    "ua-parser-js": "^0.7.19",
-    "url": "^0.11.0"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.7.5",
-    "@babel/core": "^7.7.5",
-    "@babel/plugin-proposal-class-properties": "^7.7.4",
-    "@babel/plugin-proposal-decorators": "^7.7.4",
-    "@babel/plugin-proposal-export-default-from": "^7.7.4",
-    "@babel/plugin-proposal-numeric-separator": "^7.7.4",
-    "@babel/plugin-proposal-object-rest-spread": "^7.7.4",
-    "@babel/plugin-syntax-dynamic-import": "^7.7.4",
-    "@babel/plugin-transform-flow-comments": "^7.7.4",
-    "@babel/plugin-transform-runtime": "^7.7.6",
-    "@babel/preset-env": "^7.7.6",
-    "@babel/preset-flow": "^7.7.4",
-    "@babel/preset-react": "^7.7.4",
-    "@babel/preset-typescript": "^7.7.4",
-    "@babel/register": "^7.7.4",
-    "@babel/runtime": "^7.7.6",
-    "@types/flux": "^3.1.9",
-    "@types/modernizr": "^3.5.3",
-    "@types/node": "^12.12.41",
-    "@types/react": "16.9",
-    "@types/react-dom": "^16.9.4",
-    "autoprefixer": "^9.7.3",
-    "babel-eslint": "^10.0.3",
-    "babel-jest": "^24.9.0",
-    "babel-loader": "^8.0.6",
-    "canvas": "^2.6.1",
-    "chokidar": "^3.3.1",
-    "concurrently": "^4.0.1",
-    "cpx": "^1.3.2",
-    "css-loader": "^3.3.2",
-    "eslint": "7.3.1",
-    "eslint-config-matrix-org": "^0.1.2",
-    "eslint-plugin-babel": "^4.1.2",
-    "eslint-plugin-flowtype": "^2.50.3",
-    "eslint-plugin-react": "^7.11.1",
-    "eslint-plugin-react-hooks": "^2.2.0",
-    "extract-text-webpack-plugin": "^4.0.0-beta.0",
-    "fake-indexeddb": "^3.0.0",
-    "file-loader": "^5.0.2",
-    "fs-extra": "^0.30.0",
-    "html-webpack-plugin": "^3.2.0",
-    "jest": "^24.9.0",
-    "jest-environment-jsdom-fourteen": "^1.0.1",
-    "json-loader": "^0.5.3",
-    "loader-utils": "^1.2.3",
-    "matrix-mock-request": "^1.2.3",
-    "matrix-react-test-utils": "^0.2.2",
-    "mini-css-extract-plugin": "^0.8.0",
-    "minimist": "^1.2.0",
-    "mkdirp": "^0.5.1",
-    "modernizr": "^3.6.0",
-    "node-fetch": "^2.6.0",
-    "optimize-css-assets-webpack-plugin": "^5.0.3",
-    "postcss-easings": "^2.0.0",
-    "postcss-extend": "^1.0.5",
-    "postcss-hexrgba": "^2.0.0",
-    "postcss-import": "^12.0.1",
-    "postcss-loader": "^3.0.0",
-    "postcss-mixins": "^6.2.3",
-    "postcss-nested": "^4.2.1",
-    "postcss-preset-env": "^6.7.0",
-    "postcss-scss": "^2.0.0",
-    "postcss-simple-vars": "^5.0.2",
-    "postcss-strip-inline-comments": "^0.1.5",
-    "rimraf": "^2.4.3",
-    "shell-escape": "^0.2.0",
-    "stylelint": "^12.0.1",
-    "terser-webpack-plugin": "^2.3.0",
-    "typescript": "^3.7.3",
-    "webpack": "^4.41.2",
-    "webpack-cli": "^3.3.10",
-    "webpack-dev-server": "^3.9.0"
-  },
-  "jest": {
-    "testEnvironment": "jest-environment-jsdom-fourteen",
-    "testMatch": [
-      "<rootDir>/test/**/*-test.js"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/node_modules/matrix-react-sdk/test/setupTests.js"
-    ],
-    "moduleNameMapper": {
-      "\\.(css|scss)$": "<rootDir>/__mocks__/cssMock.js",
-      "\\.(gif|png|svg|ttf|woff2)$": "<rootDir>/node_modules/matrix-react-sdk/__mocks__/imageMock.js",
-      "\\$webapp/i18n/languages.json": "<rootDir>/node_modules/matrix-react-sdk/__mocks__/languages.json",
-      "^browser-request$": "<rootDir>/node_modules/matrix-react-sdk/__mocks__/browser-request.js",
-      "^react$": "<rootDir>/node_modules/react",
-      "^react-dom$": "<rootDir>/node_modules/react-dom",
-      "^matrix-js-sdk$": "<rootDir>/node_modules/matrix-js-sdk/src",
-      "^matrix-react-sdk$": "<rootDir>/node_modules/matrix-react-sdk/src"
+    "name": "element-web-monorepo",
+    "version": "0.0.0",
+    "description": "Element: the future of secure communication",
+    "author": "New Vector Ltd.",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/element-hq/element-web"
     },
-    "transformIgnorePatterns": [
-      "/node_modules/(?!matrix-js-sdk).+$",
-      "/node_modules/(?!matrix-react-sdk).+$"
-    ]
-  }
+    "license": "SEE LICENSE IN README.md",
+    "type": "module",
+    "scripts": {
+        "i18n": "pnpm -r i18n",
+        "i18n:sort": "pnpm -r i18n:sort",
+        "i18n:lint": "pnpm -r i18n:lint",
+        "lint": "pnpm -r --workspace-concurrency=1 lint:types && pnpm lint:fmt && pnpm lint:js && pnpm -r lint:style && pnpm lint:workflows && pnpm lint:knip",
+        "lint:fmt": "oxfmt --check",
+        "lint:fmt:fix": "oxfmt",
+        "lint:js": "nx run-many -t lint:prepare -p && oxlint",
+        "lint:js:fix": "oxlint --fix",
+        "lint:workflows": "find .github/workflows -type f \\( -iname '*.yaml' -o -iname '*.yml' \\) -print -exec action-validator {} ';'",
+        "lint:knip": "knip --no-tag-hints && knip --strict --exclude unlisted,dependencies,binaries",
+        "lint:unused-settings": "node scripts/find-unused-settings.ts",
+        "install:git-hooks": "husky",
+        "postinstall": "node scripts/pnpm-link.ts && pnpm run -r sane-postinstall",
+        "docs:dev": "vitepress dev docs",
+        "docs:build": "vitepress build docs",
+        "docs:preview": "vitepress preview docs",
+        "test:unit": "nx run-many -t test:unit:prepare -p && vitest run",
+        "coverage:diff": "diff-cover --config-file diff-cover.toml apps/web/coverage/lcov.info packages/shared-components/coverage/lcov.info coverage/lcov.info"
+    },
+    "devDependencies": {
+        "@action-validator/cli": "^0.6.0",
+        "@action-validator/core": "^0.6.0",
+        "@nx-tools/nx-container": "^7.2.1",
+        "@playwright/test": "catalog:",
+        "@types/node": "25",
+        "@typescript/native": "catalog:",
+        "@vitest/coverage-v8": "catalog:",
+        "cronstrue": "^3.0.0",
+        "eslint-plugin-element-call": "github:element-hq/element-call#livekit&path:/eslint",
+        "eslint-plugin-storybook": "^10.4.6",
+        "husky": "^9.0.0",
+        "knip": "6.29.0",
+        "lint-staged": "^17.0.0",
+        "lodash": "^4.17.21",
+        "mermaid": "^11.13.0",
+        "minimist": "^1.2.6",
+        "nx": "catalog:",
+        "oxfmt": "0.60.0",
+        "oxlint": "^1.70.0",
+        "oxlint-tsgolint": "^7.0.0",
+        "typescript": "catalog:ts6",
+        "vitepress": "^1.6.4",
+        "vitepress-plugin-mermaid": "^2.0.17",
+        "vitest": "catalog:",
+        "yaml": "^2.3.3"
+    },
+    "engines": {
+        "node": ">=22.18"
+    },
+    "devEngines": {
+        "packageManager": {
+            "name": "pnpm",
+            "version": "11.20.0",
+            "onFail": "download"
+        }
+    },
+    "private": true,
+    "nx": {}
 }
diff --git a/packages/module-api/.gitignore b/packages/module-api/.gitignore
new file mode 100644
index 00000000000..f3868f90cd0
--- /dev/null
+++ b/packages/module-api/.gitignore
@@ -0,0 +1,2 @@
+lib/
+temp/
diff --git a/packages/module-api/Dockerfile b/packages/module-api/Dockerfile
new file mode 100644
index 00000000000..0950c353bb1
--- /dev/null
+++ b/packages/module-api/Dockerfile
@@ -0,0 +1,24 @@
+ARG ELEMENT_VERSION=latest@sha256:9f9b546280e67e492d56f6e775c449e74356bffb98daaf211abc755276713fad
+
+FROM --platform=$BUILDPLATFORM node:lts-alpine@sha256:f70403e87646dc51b45295f4b8b70cdad0b63d2297c4c9899119b03f7af7a6b3 AS builder
+
+ARG BUILD_CONTEXT
+
+RUN apk add --no-cache jq
+
+WORKDIR /app
+COPY package.json yarn.lock ./
+# Copy the package.json files of all modules & packages to ensure the frozen workspace lockfile holds up
+RUN --mount=type=bind,target=/docker-context \
+    cd /docker-context/; \
+    find . -path ./node_modules -prune -o -name "package.json" -mindepth 0 -maxdepth 4 -exec cp --parents "{}" /app/ \;
+RUN yarn install --frozen-lockfile --ignore-scripts
+COPY tsconfig.json ./
+COPY ./$BUILD_CONTEXT ./$BUILD_CONTEXT
+RUN cd $BUILD_CONTEXT && yarn vite build
+RUN mkdir /modules
+RUN cp -r ./$BUILD_CONTEXT/lib/ /modules/$(jq -r '"\(.name)-v\(.version)"' ./$BUILD_CONTEXT/package.json)
+
+FROM ghcr.io/element-hq/element-web:${ELEMENT_VERSION}
+
+COPY --from=builder /modules /modules/
\ No newline at end of file
diff --git a/packages/module-api/README.md b/packages/module-api/README.md
new file mode 100644
index 00000000000..93186ed4387
--- /dev/null
+++ b/packages/module-api/README.md
@@ -0,0 +1,68 @@
+# @element-hq/element-web-module-api
+
+API surface for extending Element Web in a safe & predictable way.
+
+This project is still in early development but aims to replace matrix-react-sdk-module-api and Element Web deprecated customisations.
+
+## Using the API
+
+Modules are loaded by Element Web at runtime via a dynamic ecmascript import, but can be bundled into a webapp for deployment convenience.
+
+The module's default export MUST be a class which accepts a single argument, an instance of `ModuleApi`.
+This class must also bear a static property `moduleApiVersion` which is a semver range string
+and a `load` method which is called when the module is to be loaded.
+
+```typescript
+import type { Module, Api, ModuleFactory } from "@element-hq/element-web-module-api";
+
+class ExampleModule implements Module {
+    public static readonly moduleApiVersion = "^0.1.0";
+
+    public constructor(private api: Api) {}
+
+    public async load(): Promise<void> {
+        // Your extension code goes here
+    }
+}
+
+export default ExampleModule satisfies ModuleFactory;
+```
+
+### Accessing application configuration
+
+The `api` object passed to the module constructor provides access to the application configuration.
+You can extend the Config types using declaration merging, though please ensure that you do not trust the types you specify,
+and opt for runtime validation due to the dynamic nature of the configuration.
+
+```typescript
+// ...
+declare module "@element-hq/element-web-module-api" {
+    interface Config {
+        "this.is.my.config.key": string;
+    }
+}
+
+class ExampleModule implements Module {
+    // ...
+    public async load(): Promise<void> {
+        const configValue = this.api.config.get("this.is.my.config.key");
+        // Your extension code goes here
+    }
+}
+// ...
+```
+
+## Releases
+
+The API is versioned using semver, with the major version incremented for breaking changes.
+
+## Copyright & License
+
+Copyright (c) 2025 New Vector Ltd
+
+This software is multi licensed by New Vector Ltd (Element). It can be used either:
+
+(1) for free under the terms of the GNU Affero General Public License (as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version); OR
+
+(2) under the terms of a paid-for Element Commercial License agreement between you and Element (the terms of which may vary depending on what you and Element have agreed to).
+Unless required by applicable law or agreed to in writing, software distributed under the Licenses is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the Licenses for the specific language governing permissions and limitations under the Licenses.
diff --git a/packages/module-api/api-extractor.json b/packages/module-api/api-extractor.json
new file mode 100644
index 00000000000..dd2aafef653
--- /dev/null
+++ b/packages/module-api/api-extractor.json
@@ -0,0 +1,454 @@
+/**
+ * Config file for API Extractor.  For more info, please visit: https://api-extractor.com
+ */
+{
+    "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json",
+
+    /**
+     * Optionally specifies another JSON config file that this file extends from.  This provides a way for
+     * standard settings to be shared across multiple projects.
+     *
+     * If the path starts with "./" or "../", the path is resolved relative to the folder of the file that contains
+     * the "extends" field.  Otherwise, the first path segment is interpreted as an NPM package name, and will be
+     * resolved using NodeJS require().
+     *
+     * SUPPORTED TOKENS: none
+     * DEFAULT VALUE: ""
+     */
+    // "extends": "./shared/api-extractor-base.json"
+    // "extends": "my-package/include/api-extractor-base.json"
+
+    /**
+     * Determines the "<projectFolder>" token that can be used with other config file settings.  The project folder
+     * typically contains the tsconfig.json and package.json config files, but the path is user-defined.
+     *
+     * The path is resolved relative to the folder of the config file that contains the setting.
+     *
+     * The default value for "projectFolder" is the token "<lookup>", which means the folder is determined by traversing
+     * parent folders, starting from the folder containing api-extractor.json, and stopping at the first folder
+     * that contains a tsconfig.json file.  If a tsconfig.json file cannot be found in this way, then an error
+     * will be reported.
+     *
+     * SUPPORTED TOKENS: <lookup>
+     * DEFAULT VALUE: "<lookup>"
+     */
+    // "projectFolder": "..",
+
+    /**
+     * (REQUIRED) Specifies the .d.ts file to be used as the starting point for analysis.  API Extractor
+     * analyzes the symbols exported by this module.
+     *
+     * The file extension must be ".d.ts" and not ".ts".
+     *
+     * The path is resolved relative to the folder of the config file that contains the setting; to change this,
+     * prepend a folder token such as "<projectFolder>".
+     *
+     * SUPPORTED TOKENS: <projectFolder>, <packageName>, <unscopedPackageName>
+     */
+    "mainEntryPointFilePath": "<projectFolder>/lib/index.d.ts",
+
+    /**
+     * A list of NPM package names whose exports should be treated as part of this package.
+     *
+     * For example, suppose that Webpack is used to generate a distributed bundle for the project "library1",
+     * and another NPM package "library2" is embedded in this bundle.  Some types from library2 may become part
+     * of the exported API for library1, but by default API Extractor would generate a .d.ts rollup that explicitly
+     * imports library2.  To avoid this, we might specify:
+     *
+     *   "bundledPackages": [ "library2" ],
+     *
+     * This would direct API Extractor to embed those types directly in the .d.ts rollup, as if they had been
+     * local files for library1.
+     *
+     * The "bundledPackages" elements may specify glob patterns using minimatch syntax.  To ensure deterministic
+     * output, globs are expanded by matching explicitly declared top-level dependencies only.  For example,
+     * the pattern below will NOT match "@my-company/example" unless it appears in a field such as "dependencies"
+     * or "devDependencies" of the project's package.json file:
+     *
+     *   "bundledPackages": [ "@my-company/*" ],
+     */
+    "bundledPackages": ["shared-types"],
+
+    /**
+     * Specifies what type of newlines API Extractor should use when writing output files.  By default, the output files
+     * will be written with Windows-style newlines.  To use POSIX-style newlines, specify "lf" instead.
+     * To use the OS's default newline kind, specify "os".
+     *
+     * DEFAULT VALUE: "crlf"
+     */
+    // "newlineKind": "crlf",
+
+    /**
+     * Specifies how API Extractor sorts members of an enum when generating the .api.json file. By default, the output
+     * files will be sorted alphabetically, which is "by-name". To keep the ordering in the source code, specify
+     * "preserve".
+     *
+     * DEFAULT VALUE: "by-name"
+     */
+    // "enumMemberOrder": "by-name",
+
+    /**
+     * Set to true when invoking API Extractor's test harness. When `testMode` is true, the `toolVersion` field in the
+     * .api.json file is assigned an empty string to prevent spurious diffs in output files tracked for tests.
+     *
+     * DEFAULT VALUE: "false"
+     */
+    // "testMode": false,
+
+    /**
+     * Determines how the TypeScript compiler engine will be invoked by API Extractor.
+     */
+    "compiler": {
+        /**
+         * Specifies the path to the tsconfig.json file to be used by API Extractor when analyzing the project.
+         *
+         * The path is resolved relative to the folder of the config file that contains the setting; to change this,
+         * prepend a folder token such as "<projectFolder>".
+         *
+         * Note: This setting will be ignored if "overrideTsconfig" is used.
+         *
+         * SUPPORTED TOKENS: <projectFolder>, <packageName>, <unscopedPackageName>
+         * DEFAULT VALUE: "<projectFolder>/tsconfig.json"
+         */
+        // "tsconfigFilePath": "<projectFolder>/tsconfig.json",
+        /**
+         * Provides a compiler configuration that will be used instead of reading the tsconfig.json file from disk.
+         * The object must conform to the TypeScript tsconfig schema:
+         *
+         * http://json.schemastore.org/tsconfig
+         *
+         * If omitted, then the tsconfig.json file will be read from the "projectFolder".
+         *
+         * DEFAULT VALUE: no overrideTsconfig section
+         */
+        // "overrideTsconfig": {
+        //   . . .
+        // }
+        /**
+         * This option causes the compiler to be invoked with the --skipLibCheck option. This option is not recommended
+         * and may cause API Extractor to produce incomplete or incorrect declarations, but it may be required when
+         * dependencies contain declarations that are incompatible with the TypeScript engine that API Extractor uses
+         * for its analysis.  Where possible, the underlying issue should be fixed rather than relying on skipLibCheck.
+         *
+         * DEFAULT VALUE: false
+         */
+        // "skipLibCheck": true,
+    },
+
+    /**
+     * Configures how the API report file (*.api.md) will be generated.
+     */
+    "apiReport": {
+        /**
+         * (REQUIRED) Whether to generate an API report.
+         */
+        "enabled": true,
+
+        /**
+         * The base filename for the API report files, to be combined with "reportFolder" or "reportTempFolder"
+         * to produce the full file path.  The "reportFileName" should not include any path separators such as
+         * "\" or "/".  The "reportFileName" should not include a file extension, since API Extractor will automatically
+         * append an appropriate file extension such as ".api.md".  If the "reportVariants" setting is used, then the
+         * file extension includes the variant name, for example "my-report.public.api.md" or "my-report.beta.api.md".
+         * The "complete" variant always uses the simple extension "my-report.api.md".
+         *
+         * Previous versions of API Extractor required "reportFileName" to include the ".api.md" extension explicitly;
+         * for backwards compatibility, that is still accepted but will be discarded before applying the above rules.
+         *
+         * SUPPORTED TOKENS: <packageName>, <unscopedPackageName>
+         * DEFAULT VALUE: "<unscopedPackageName>"
+         */
+        // "reportFileName": "<unscopedPackageName>",
+
+        /**
+         * To support different approval requirements for different API levels, multiple "variants" of the API report can
+         * be generated.  The "reportVariants" setting specifies a list of variants to be generated.  If omitted,
+         * by default only the "complete" variant will be generated, which includes all @internal, @alpha, @beta,
+         * and @public items.  Other possible variants are "alpha" (@alpha + @beta + @public), "beta" (@beta + @public),
+         * and "public" (@public only).
+         *
+         * DEFAULT VALUE: [ "complete" ]
+         */
+        // "reportVariants": ["public", "beta"],
+
+        /**
+         * Specifies the folder where the API report file is written.  The file name portion is determined by
+         * the "reportFileName" setting.
+         *
+         * The API report file is normally tracked by Git.  Changes to it can be used to trigger a branch policy,
+         * e.g. for an API review.
+         *
+         * The path is resolved relative to the folder of the config file that contains the setting; to change this,
+         * prepend a folder token such as "<projectFolder>".
+         *
+         * SUPPORTED TOKENS: <projectFolder>, <packageName>, <unscopedPackageName>
+         * DEFAULT VALUE: "<projectFolder>/etc/"
+         */
+        "reportFolder": "<projectFolder>/"
+
+        /**
+         * Specifies the folder where the temporary report file is written.  The file name portion is determined by
+         * the "reportFileName" setting.
+         *
+         * After the temporary file is written to disk, it is compared with the file in the "reportFolder".
+         * If they are different, a production build will fail.
+         *
+         * The path is resolved relative to the folder of the config file that contains the setting; to change this,
+         * prepend a folder token such as "<projectFolder>".
+         *
+         * SUPPORTED TOKENS: <projectFolder>, <packageName>, <unscopedPackageName>
+         * DEFAULT VALUE: "<projectFolder>/temp/"
+         */
+        // "reportTempFolder": "<projectFolder>/temp/",
+
+        /**
+         * Whether "forgotten exports" should be included in the API report file. Forgotten exports are declarations
+         * flagged with `ae-forgotten-export` warnings. See https://api-extractor.com/pages/messages/ae-forgotten-export/ to
+         * learn more.
+         *
+         * DEFAULT VALUE: "false"
+         */
+        // "includeForgottenExports": false
+    },
+
+    /**
+     * Configures how the doc model file (*.api.json) will be generated.
+     */
+    "docModel": {
+        /**
+         * (REQUIRED) Whether to generate a doc model file.
+         */
+        "enabled": true
+
+        /**
+         * The output path for the doc model file.  The file extension should be ".api.json".
+         *
+         * The path is resolved relative to the folder of the config file that contains the setting; to change this,
+         * prepend a folder token such as "<projectFolder>".
+         *
+         * SUPPORTED TOKENS: <projectFolder>, <packageName>, <unscopedPackageName>
+         * DEFAULT VALUE: "<projectFolder>/temp/<unscopedPackageName>.api.json"
+         */
+        // "apiJsonFilePath": "<projectFolder>/temp/<unscopedPackageName>.api.json",
+
+        /**
+         * Whether "forgotten exports" should be included in the doc model file. Forgotten exports are declarations
+         * flagged with `ae-forgotten-export` warnings. See https://api-extractor.com/pages/messages/ae-forgotten-export/ to
+         * learn more.
+         *
+         * DEFAULT VALUE: "false"
+         */
+        // "includeForgottenExports": false,
+
+        /**
+         * The base URL where the project's source code can be viewed on a website such as GitHub or
+         * Azure DevOps. This URL path corresponds to the `<projectFolder>` path on disk.
+         *
+         * This URL is concatenated with the file paths serialized to the doc model to produce URL file paths to individual API items.
+         * For example, if the `projectFolderUrl` is "https://github.com/microsoft/rushstack/tree/main/apps/api-extractor" and an API
+         * item's file path is "api/ExtractorConfig.ts", the full URL file path would be
+         * "https://github.com/microsoft/rushstack/tree/main/apps/api-extractor/api/ExtractorConfig.js".
+         *
+         * This setting can be omitted if you don't need source code links in your API documentation reference.
+         *
+         * SUPPORTED TOKENS: none
+         * DEFAULT VALUE: ""
+         */
+        // "projectFolderUrl": "http://github.com/path/to/your/projectFolder"
+    },
+
+    /**
+     * Configures how the .d.ts rollup file will be generated.
+     */
+    "dtsRollup": {
+        /**
+         * (REQUIRED) Whether to generate the .d.ts rollup file.
+         */
+        "enabled": true,
+
+        /**
+         * Specifies the output path for a .d.ts rollup file to be generated without any trimming.
+         * This file will include all declarations that are exported by the main entry point.
+         *
+         * If the path is an empty string, then this file will not be written.
+         *
+         * The path is resolved relative to the folder of the config file that contains the setting; to change this,
+         * prepend a folder token such as "<projectFolder>".
+         *
+         * SUPPORTED TOKENS: <projectFolder>, <packageName>, <unscopedPackageName>
+         * DEFAULT VALUE: "<projectFolder>/dist/<unscopedPackageName>.d.ts"
+         */
+        "untrimmedFilePath": "<projectFolder>/lib/<unscopedPackageName>.d.ts",
+
+        /**
+         * Specifies the output path for a .d.ts rollup file to be generated with trimming for an "alpha" release.
+         * This file will include only declarations that are marked as "@public", "@beta", or "@alpha".
+         *
+         * If the path is an empty string, then this file will not be written.
+         *
+         * The path is resolved relative to the folder of the config file that contains the setting; to change this,
+         * prepend a folder token such as "<projectFolder>".
+         *
+         * SUPPORTED TOKENS: <projectFolder>, <packageName>, <unscopedPackageName>
+         * DEFAULT VALUE: ""
+         */
+        "alphaTrimmedFilePath": "<projectFolder>/lib/<unscopedPackageName>-alpha.d.ts",
+
+        /**
+         * Specifies the output path for a .d.ts rollup file to be generated with trimming for a "beta" release.
+         * This file will include only declarations that are marked as "@public" or "@beta".
+         *
+         * If the path is an empty string, then this file will not be written.
+         *
+         * The path is resolved relative to the folder of the config file that contains the setting; to change this,
+         * prepend a folder token such as "<projectFolder>".
+         *
+         * SUPPORTED TOKENS: <projectFolder>, <packageName>, <unscopedPackageName>
+         * DEFAULT VALUE: ""
+         */
+        "betaTrimmedFilePath": "<projectFolder>/lib/<unscopedPackageName>-beta.d.ts",
+
+        /**
+         * Specifies the output path for a .d.ts rollup file to be generated with trimming for a "public" release.
+         * This file will include only declarations that are marked as "@public".
+         *
+         * If the path is an empty string, then this file will not be written.
+         *
+         * The path is resolved relative to the folder of the config file that contains the setting; to change this,
+         * prepend a folder token such as "<projectFolder>".
+         *
+         * SUPPORTED TOKENS: <projectFolder>, <packageName>, <unscopedPackageName>
+         * DEFAULT VALUE: ""
+         */
+        "publicTrimmedFilePath": "<projectFolder>/lib/<unscopedPackageName>-public.d.ts"
+
+        /**
+         * When a declaration is trimmed, by default it will be replaced by a code comment such as
+         * "Excluded from this release type: exampleMember".  Set "omitTrimmingComments" to true to remove the
+         * declaration completely.
+         *
+         * DEFAULT VALUE: false
+         */
+        // "omitTrimmingComments": true
+    },
+
+    /**
+     * Configures how the tsdoc-metadata.json file will be generated.
+     */
+    "tsdocMetadata": {
+        /**
+         * Whether to generate the tsdoc-metadata.json file.
+         *
+         * DEFAULT VALUE: true
+         */
+        // "enabled": true,
+        /**
+         * Specifies where the TSDoc metadata file should be written.
+         *
+         * The path is resolved relative to the folder of the config file that contains the setting; to change this,
+         * prepend a folder token such as "<projectFolder>".
+         *
+         * The default value is "<lookup>", which causes the path to be automatically inferred from the "tsdocMetadata",
+         * "typings" or "main" fields of the project's package.json.  If none of these fields are set, the lookup
+         * falls back to "tsdoc-metadata.json" in the package folder.
+         *
+         * SUPPORTED TOKENS: <projectFolder>, <packageName>, <unscopedPackageName>
+         * DEFAULT VALUE: "<lookup>"
+         */
+        // "tsdocMetadataFilePath": "<projectFolder>/dist/tsdoc-metadata.json"
+    },
+
+    /**
+     * Configures how API Extractor reports error and warning messages produced during analysis.
+     *
+     * There are three sources of messages:  compiler messages, API Extractor messages, and TSDoc messages.
+     */
+    "messages": {
+        /**
+         * Configures handling of diagnostic messages reported by the TypeScript compiler engine while analyzing
+         * the input .d.ts files.
+         *
+         * TypeScript message identifiers start with "TS" followed by an integer.  For example: "TS2551"
+         *
+         * DEFAULT VALUE:  A single "default" entry with logLevel=warning.
+         */
+        "compilerMessageReporting": {
+            /**
+             * Configures the default routing for messages that don't match an explicit rule in this table.
+             */
+            "default": {
+                /**
+                 * Specifies whether the message should be written to the the tool's output log.  Note that
+                 * the "addToApiReportFile" property may supersede this option.
+                 *
+                 * Possible values: "error", "warning", "none"
+                 *
+                 * Errors cause the build to fail and return a nonzero exit code.  Warnings cause a production build fail
+                 * and return a nonzero exit code.  For a non-production build (e.g. when "api-extractor run" includes
+                 * the "--local" option), the warning is displayed but the build will not fail.
+                 *
+                 * DEFAULT VALUE: "warning"
+                 */
+                "logLevel": "warning"
+
+                /**
+                 * When addToApiReportFile is true:  If API Extractor is configured to write an API report file (.api.md),
+                 * then the message will be written inside that file; otherwise, the message is instead logged according to
+                 * the "logLevel" option.
+                 *
+                 * DEFAULT VALUE: false
+                 */
+                // "addToApiReportFile": false
+            }
+
+            // "TS2551": {
+            //   "logLevel": "warning",
+            //   "addToApiReportFile": true
+            // },
+            //
+            // . . .
+        },
+
+        /**
+         * Configures handling of messages reported by API Extractor during its analysis.
+         *
+         * API Extractor message identifiers start with "ae-".  For example: "ae-extra-release-tag"
+         *
+         * DEFAULT VALUE: See api-extractor-defaults.json for the complete table of extractorMessageReporting mappings
+         */
+        "extractorMessageReporting": {
+            "default": {
+                "logLevel": "warning"
+                // "addToApiReportFile": false
+            }
+
+            // "ae-extra-release-tag": {
+            //   "logLevel": "warning",
+            //   "addToApiReportFile": true
+            // },
+            //
+            // . . .
+        },
+
+        /**
+         * Configures handling of messages reported by the TSDoc parser when analyzing code comments.
+         *
+         * TSDoc message identifiers start with "tsdoc-".  For example: "tsdoc-link-tag-unescaped-text"
+         *
+         * DEFAULT VALUE:  A single "default" entry with logLevel=warning.
+         */
+        "tsdocMessageReporting": {
+            "default": {
+                "logLevel": "warning"
+                // "addToApiReportFile": false
+            }
+
+            // "tsdoc-link-tag-unescaped-text": {
+            //   "logLevel": "warning",
+            //   "addToApiReportFile": true
+            // },
+            //
+            // . . .
+        }
+    }
+}
diff --git a/packages/module-api/element-web-module-api.api.md b/packages/module-api/element-web-module-api.api.md
new file mode 100644
index 00000000000..d27bdc3315f
--- /dev/null
+++ b/packages/module-api/element-web-module-api.api.md
@@ -0,0 +1,618 @@
+## API Report File for "@element-hq/element-web-module-api"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { ComponentType } from 'react';
+import { IWidget } from 'matrix-widget-api';
+import { JSX } from 'react';
+import { ModuleApi } from '@matrix-org/react-sdk-module-api';
+import { ReactNode } from 'react';
+import { Root } from 'react-dom/client';
+import { RuntimeModule } from '@matrix-org/react-sdk-module-api';
+import { SVGAttributes } from 'react';
+
+// @public
+export interface AccountAuthApiExtension {
+    overwriteAccountAuth(accountInfo: AccountAuthInfo): Promise<void>;
+}
+
+// @public
+export interface AccountAuthInfo {
+    accessToken: string;
+    deviceId: string;
+    homeserverUrl: string;
+    refreshToken?: string;
+    userId: string;
+}
+
+// @public
+export interface AccountDataApi {
+    delete(eventType: string): Promise<void>;
+    get(eventType: string): Watchable<unknown>;
+    set(eventType: string, content: unknown): Promise<void>;
+}
+
+// @alpha @deprecated (undocumented)
+export interface AliasCustomisations {
+    // (undocumented)
+    getDisplayAliasForAliasSet?(canonicalAlias: string | null, altAliases: string[]): string | null;
+}
+
+// Warning: (ae-incompatible-release-tags) The symbol "Api" is marked as @public, but its signature references "LegacyModuleApiExtension" which is marked as @alpha
+// Warning: (ae-incompatible-release-tags) The symbol "Api" is marked as @public, but its signature references "LegacyCustomisationsApiExtension" which is marked as @alpha
+//
+// @public
+export interface Api extends LegacyModuleApiExtension, LegacyCustomisationsApiExtension, DialogApiExtension, AccountAuthApiExtension, ProfileApiExtension {
+    // @alpha
+    readonly builtins: BuiltinsApi;
+    readonly client: ClientApi;
+    // @alpha
+    readonly composer: ComposerApi;
+    readonly config: ConfigApi;
+    createRoot(element: Element): Root;
+    // @alpha
+    readonly customComponents: CustomComponentsApi;
+    // @alpha
+    readonly customisations: CustomisationsApi;
+    // @alpha
+    readonly extras: ExtrasApi;
+    readonly i18n: I18nApi;
+    readonly navigation: NavigationApi;
+    readonly rootNode: HTMLElement;
+    // @alpha
+    readonly settings: SettingsApi;
+    // @alpha
+    readonly storageHelper: StorageHelperApi;
+    readonly stores: StoresApi;
+    // @alpha
+    readonly widget: WidgetApi;
+    // @alpha
+    readonly widgetLifecycle: WidgetLifecycleApi;
+}
+
+// @alpha
+export interface BuiltinsApi {
+    renderNotificationDecoration(roomId: string): React.ReactNode;
+    renderRoomAvatar(roomId: string, size?: string): React.ReactNode;
+    renderRoomView(roomId: string, props?: RoomViewProps): React.ReactNode;
+}
+
+// @alpha
+export type CapabilitiesApprover = (widget: WidgetDescriptor, requestedCapabilities: Set<string>) => MaybePromise<Set<string> | undefined>;
+
+// @alpha @deprecated (undocumented)
+export interface ChatExportCustomisations<ExportFormat, ExportType> {
+    getForceChatExportParameters(): {
+        format?: ExportFormat;
+        range?: ExportType;
+        numberOfMessages?: number;
+        includeAttachments?: boolean;
+        sizeMb?: number;
+    };
+}
+
+// @public
+export interface ClientApi {
+    accountData: AccountDataApi;
+    getRoom: (id: string) => Room | null;
+}
+
+// @alpha @deprecated (undocumented)
+export interface ComponentVisibilityCustomisations {
+    shouldShowComponent?(component: "UIComponent.sendInvites" | "UIComponent.roomCreation" | "UIComponent.spaceCreation" | "UIComponent.exploreRooms" | "UIComponent.addIntegrations" | "UIComponent.filterContainer" | "UIComponent.roomOptionsMenu"): boolean;
+}
+
+// @alpha
+export interface ComposerApi {
+    addFileUploadOption(option: ComposerApiFileUploadOption): void;
+    insertPlaintextIntoComposer(plaintext: string, view: ComposerApiTarget): void;
+    openFileUploadConfirmation(files: File[], view: ComposerApiTarget): void;
+}
+
+// @alpha
+export type ComposerApiFileUploadOption = {
+    type: string;
+    label: string;
+    icon?: ComponentType<SVGAttributes<SVGElement>>;
+    onSelected: (roomId?: string, view?: ComposerApiTarget, relation?: {
+        inReplyToEventId?: string;
+        relType?: string;
+    }) => Promise<void> | void;
+};
+
+// @alpha
+export type ComposerApiTarget = {
+    view: "room";
+} | {
+    view: "thread";
+};
+
+// Warning: (ae-forgotten-export) The symbol "WebConfigJson" needs to be exported by the entry point index.d.ts
+//
+// @public
+export interface Config extends WebConfigJson {
+    // (undocumented)
+    brand: string;
+}
+
+// @public
+export interface ConfigApi {
+    // (undocumented)
+    get(): Config;
+    // (undocumented)
+    get<K extends keyof Config>(key: K): Config[K];
+    // (undocumented)
+    get<K extends keyof Config = never>(key?: K): Config | Config[K];
+}
+
+// @alpha
+export type Container = "top" | "right" | "center";
+
+// @alpha
+export interface CustomComponentsApi {
+    registerComposerPreview(filterFn: (composerText: string, roomId: string) => boolean, renderer: CustomComposerPreviewRenderFunction): void;
+    registerLoginComponent(renderer: CustomLoginRenderFunction): void;
+    registerMessageRenderer(eventTypeOrFilter: string | ((mxEvent: MatrixEvent) => boolean), renderer: CustomMessageRenderFunction, hints?: CustomMessageRenderHints): void;
+    registerRoomPreviewBar(renderer: CustomRoomPreviewBarRenderFunction): void;
+}
+
+// @alpha
+export type CustomComposerPreviewComponentProps = {
+    text: string;
+    roomId: string;
+    target?: ComposerApiTarget;
+    relation?: {
+        inReplyToEventId?: string;
+        relType?: string;
+    };
+};
+
+// @alpha
+export type CustomComposerPreviewRenderFunction = ExtendablePropsRenderFunction<CustomComposerPreviewComponentProps>;
+
+// @alpha
+export interface CustomisationsApi {
+    registerShouldShowComponent(fn: (this: void, component: UIComponent) => boolean | void): void;
+}
+
+// @alpha
+export type CustomLoginComponentProps = {
+    serverConfig: CustomLoginComponentPropsServerConfig;
+    fragmentAfterLogin?: string;
+    children?: ReactNode;
+    onLoggedIn(this: void, data: AccountAuthInfo): void;
+    onServerConfigChange(this: void, config: CustomLoginComponentPropsServerConfig): void;
+};
+
+// @alpha
+export interface CustomLoginComponentPropsServerConfig {
+    hsName: string;
+    hsUrl: string;
+}
+
+// @alpha
+export type CustomLoginRenderFunction = ExtendablePropsRenderFunction<CustomLoginComponentProps>;
+
+// @alpha
+export type CustomMessageComponentProps = {
+    mxEvent: MatrixEvent;
+};
+
+// @alpha
+export type CustomMessageRenderFunction = (
+props: CustomMessageComponentProps,
+originalComponent?: (props?: OriginalMessageComponentProps) => React.JSX.Element) => JSX.Element;
+
+// @alpha
+export type CustomMessageRenderHints = {
+    allowEditingEvent?: boolean;
+    allowDownloadingMedia?: (mxEvent: MatrixEvent) => Promise<boolean>;
+};
+
+// @alpha
+export type CustomRoomPreviewBarComponentProps = {
+    roomId?: string;
+    roomAlias?: string;
+};
+
+// @alpha
+export type CustomRoomPreviewBarRenderFunction = (
+props: CustomRoomPreviewBarComponentProps,
+originalComponent: (props: CustomRoomPreviewBarComponentProps) => JSX.Element) => JSX.Element;
+
+// @public
+export interface DialogApiExtension {
+    openDialog<M, P extends object>(initialOptions: DialogOptions, dialog: ComponentType<P & DialogProps<M>>, props: P): DialogHandle<M>;
+}
+
+// @public
+export type DialogHandle<M> = {
+    finished: Promise<{
+        ok: boolean;
+        model: M | null;
+    }>;
+    close(this: void): void;
+};
+
+// @public
+export interface DialogOptions {
+    title: string;
+}
+
+// @public
+export type DialogProps<M> = {
+    onSubmit(this: void, model: M): void;
+    onCancel(this: void): void;
+};
+
+// @alpha @deprecated (undocumented)
+export interface DirectoryCustomisations {
+    // (undocumented)
+    requireCanonicalAliasAccessToPublish?(): boolean;
+}
+
+// @alpha
+export type ExtendablePropsRenderFunction<BaseProps> = <P extends BaseProps>(
+props: P,
+originalComponent: (props: P) => JSX.Element) => JSX.Element;
+
+// @alpha
+export interface ExtrasApi {
+    addRoomHeaderButtonCallback(cb: RoomHeaderButtonsCallback): void;
+    getVisibleRoomBySpaceKey(spaceKey: string, cb: () => string[]): void;
+    setSpacePanelItem(spaceKey: string, props: SpacePanelItemProps): void;
+}
+
+// @public
+export interface I18nApi {
+    humanizeTime(this: void, timeMillis: number): string;
+    get language(): string;
+    register(this: void, translations: Partial<Translations>): void;
+    translate(this: void, key: keyof Translations, variables?: StringVariables): string;
+    translate(this: void, key: keyof Translations, variables: Variables | undefined, tags: Tags): ReactNode;
+}
+
+// @alpha
+export type IdentityApprover = (widget: WidgetDescriptor) => MaybePromise<boolean | undefined>;
+
+// @alpha @deprecated (undocumented)
+export type LegacyCustomisations<T extends object> = (customisations: T) => void;
+
+// @alpha @deprecated (undocumented)
+export interface LegacyCustomisationsApiExtension {
+    // @deprecated (undocumented)
+    readonly _registerLegacyAliasCustomisations: LegacyCustomisations<AliasCustomisations>;
+    // @deprecated (undocumented)
+    readonly _registerLegacyChatExportCustomisations: LegacyCustomisations<ChatExportCustomisations<never, never>>;
+    // @deprecated (undocumented)
+    readonly _registerLegacyComponentVisibilityCustomisations: LegacyCustomisations<ComponentVisibilityCustomisations>;
+    // @deprecated (undocumented)
+    readonly _registerLegacyDirectoryCustomisations: LegacyCustomisations<DirectoryCustomisations>;
+    // @deprecated (undocumented)
+    readonly _registerLegacyLifecycleCustomisations: LegacyCustomisations<LifecycleCustomisations>;
+    // @deprecated (undocumented)
+    readonly _registerLegacyMediaCustomisations: LegacyCustomisations<MediaCustomisations<never, never, never>>;
+    // @deprecated (undocumented)
+    readonly _registerLegacyRoomListCustomisations: LegacyCustomisations<RoomListCustomisations<never>>;
+    // @deprecated (undocumented)
+    readonly _registerLegacyUserIdentifierCustomisations: LegacyCustomisations<UserIdentifierCustomisations>;
+    // @deprecated (undocumented)
+    readonly _registerLegacyWidgetPermissionsCustomisations: LegacyCustomisations<WidgetPermissionsCustomisations<never, never>>;
+    // @deprecated (undocumented)
+    readonly _registerLegacyWidgetVariablesCustomisations: LegacyCustomisations<WidgetVariablesCustomisations>;
+}
+
+// @alpha @deprecated (undocumented)
+export interface LegacyModuleApiExtension {
+    // @deprecated
+    _registerLegacyModule(LegacyModule: RuntimeModuleConstructor): Promise<void>;
+}
+
+// @alpha @deprecated (undocumented)
+export interface LifecycleCustomisations {
+    // (undocumented)
+    onLoggedOutAndStorageCleared?(): void;
+}
+
+// @alpha
+export type LocationRenderFunction = () => JSX.Element;
+
+// @alpha
+export interface MatrixEvent {
+    content: Record<string, unknown>;
+    eventId: string;
+    originServerTs: number;
+    roomId: string;
+    sender: string;
+    stateKey?: string;
+    type: string;
+    unsigned: Record<string, unknown>;
+}
+
+// @public
+export type MaybePromise<T> = T | PromiseLike<T>;
+
+// @alpha @deprecated (undocumented)
+export interface Media {
+    // (undocumented)
+    downloadSource(): Promise<Response>;
+    // (undocumented)
+    getSquareThumbnailHttp(dim: number): string | null;
+    // (undocumented)
+    getThumbnailHttp(width: number, height: number, mode?: "scale" | "crop"): string | null;
+    // (undocumented)
+    getThumbnailOfSourceHttp(width: number, height: number, mode?: "scale" | "crop"): string | null;
+    // (undocumented)
+    readonly hasThumbnail: boolean;
+    // (undocumented)
+    readonly isEncrypted: boolean;
+    // (undocumented)
+    readonly srcHttp: string | null;
+    // (undocumented)
+    readonly srcMxc: string;
+    // (undocumented)
+    readonly thumbnailHttp: string | null;
+    // (undocumented)
+    readonly thumbnailMxc: string | null | undefined;
+}
+
+// @alpha @deprecated (undocumented)
+export interface MediaContructable<PreparedMedia> {
+    // (undocumented)
+    new (prepared: PreparedMedia): Media;
+}
+
+// @alpha @deprecated (undocumented)
+export interface MediaCustomisations<Content, Client, PreparedMedia> {
+    // (undocumented)
+    readonly Media: MediaContructable<PreparedMedia>;
+    // (undocumented)
+    mediaFromContent(content: Content, client?: Client): Media;
+    // (undocumented)
+    mediaFromMxc(mxc?: string, client?: Client): Media;
+}
+
+// @public
+export interface Module {
+    // (undocumented)
+    load(): Promise<void>;
+}
+
+// @public
+export interface ModuleFactory {
+    // (undocumented)
+    new (api: Api): Module;
+    // (undocumented)
+    readonly moduleApiVersion: string;
+    // (undocumented)
+    readonly prototype: Module;
+}
+
+// @public
+export class ModuleIncompatibleError extends Error {
+    constructor(pluginVersion: string);
+}
+
+// @public
+export class ModuleLoader {
+    constructor(api: Api);
+    // Warning: (ae-forgotten-export) The symbol "ModuleExport" needs to be exported by the entry point index.d.ts
+    //
+    // (undocumented)
+    load(moduleExport: ModuleExport): Promise<void>;
+    // (undocumented)
+    start(): Promise<void>;
+}
+
+// @public
+export interface NavigationApi {
+    openRoom(roomIdOrAlias: string, opts?: OpenRoomOptions): void;
+    // @alpha
+    registerLocationRenderer(path: string, renderer: LocationRenderFunction): void;
+    toMatrixToLink(link: string, join?: boolean): Promise<void>;
+}
+
+// @public
+export interface OpenRoomOptions {
+    autoJoin?: boolean;
+    viaServers?: string[];
+}
+
+// @alpha
+export type OriginalMessageComponentProps = {
+    showUrlPreview?: boolean;
+};
+
+// @alpha
+export type PreloadApprover = (widget: WidgetDescriptor) => MaybePromise<boolean | undefined>;
+
+// @public
+export interface Profile {
+    displayName?: string;
+    isGuest?: boolean;
+    userId?: string;
+}
+
+// @public
+export interface ProfileApiExtension {
+    readonly profile: Watchable<Profile>;
+}
+
+// @public
+export interface RichVariables {
+    // (undocumented)
+    [key: string]: SubstitutionValue;
+    // (undocumented)
+    count?: number;
+}
+
+// @public
+export interface Room {
+    getLastActiveTimestamp: () => number;
+    id: string;
+    name: Watchable<string>;
+}
+
+// @alpha
+export type RoomHeaderButtonsCallback = (roomId: string) => JSX.Element | undefined;
+
+// @alpha @deprecated (undocumented)
+export interface RoomListCustomisations<Room> {
+    isRoomVisible?(room: Room): boolean;
+}
+
+// @public
+export interface RoomListStoreApi {
+    getRooms(): Watchable<Room[]>;
+    waitForReady(): Promise<void>;
+}
+
+// @alpha
+export interface RoomViewProps {
+    enableReadReceiptsAndMarkersOnActivity?: boolean;
+    hideComposer?: boolean;
+    hideHeader?: boolean;
+    hidePinnedMessageBanner?: boolean;
+    hideRightPanel?: boolean;
+    hideWidgets?: boolean;
+}
+
+// @alpha @deprecated (undocumented)
+export type RuntimeModuleConstructor = new (api: ModuleApi) => RuntimeModule;
+
+// @alpha
+export interface SettingsApi {
+    getValue<T = any>(settingName: string, roomId?: string | null, excludeDefault?: boolean): T | undefined;
+}
+
+// @alpha
+export interface SpacePanelItemProps {
+    className?: string;
+    icon?: JSX.Element;
+    label: string;
+    onSelected: () => void;
+    style?: React.CSSProperties;
+    tooltip?: string;
+}
+
+// @alpha
+export interface StorageHelperApi {
+    getPickleKey(userId: string, deviceId: string): Promise<string | null>;
+}
+
+// @public
+export interface StoresApi {
+    roomListStore: RoomListStoreApi;
+}
+
+// @public
+export interface StringVariables {
+    // (undocumented)
+    [key: string]: number | string | null | undefined;
+    // (undocumented)
+    count?: number;
+}
+
+// @public
+export type SubstitutionValue = number | string | ReactNode | ((sub: string) => ReactNode);
+
+// @public
+export type Tags = Record<string, SubstitutionValue>;
+
+// @public
+export type Translations = Record<string, {
+    [ietfLanguageTag: string]: string;
+}>;
+
+// @alpha
+export const enum UIComponent {
+    AddIntegrations = "UIComponent.addIntegrations",
+    CreateRooms = "UIComponent.roomCreation",
+    CreateSpaces = "UIComponent.spaceCreation",
+    ExploreRooms = "UIComponent.exploreRooms",
+    FilterContainer = "UIComponent.filterContainer",
+    InviteUsers = "UIComponent.sendInvites",
+    RoomOptionsMenu = "UIComponent.roomOptionsMenu"
+}
+
+// @alpha @deprecated (undocumented)
+export interface UserIdentifierCustomisations {
+    getDisplayUserIdentifier(userId: string, opts: {
+        roomId?: string;
+        withDisplayName?: boolean;
+    }): string | null;
+}
+
+// @public
+export function useWatchable<T>(watchable: Watchable<T>): T;
+
+// @public
+export type Variables = StringVariables | RichVariables;
+
+// @public
+export class Watchable<T> {
+    constructor(currentValue: T);
+    // Warning: (ae-forgotten-export) The symbol "WatchFn" needs to be exported by the entry point index.d.ts
+    //
+    // (undocumented)
+    protected readonly listeners: Set<WatchFn<T>>;
+    protected onFirstWatch(): void;
+    protected onLastWatch(): void;
+    // (undocumented)
+    unwatch(listener: (value: T) => void): void;
+    get value(): T;
+    set value(value: T);
+    // (undocumented)
+    watch(listener: (value: T) => void): void;
+}
+
+// @alpha
+export interface WidgetApi {
+    getAppAvatarUrl(app: IWidget, width?: number, height?: number, resizeMethod?: string): string | null;
+    getWidgetsInRoom(roomId: string): IWidget[];
+    isAppInContainer(app: IWidget, container: Container, roomId: string): boolean;
+    moveAppToContainer(app: IWidget, container: Container, roomId: string): void;
+}
+
+// @alpha
+export type WidgetDescriptor = {
+    id: string;
+    templateUrl: string;
+    creatorUserId: string;
+    type: string;
+    origin: string;
+    roomId?: string;
+};
+
+// @alpha
+export interface WidgetLifecycleApi {
+    registerCapabilitiesApprover(approver: CapabilitiesApprover): void;
+    registerIdentityApprover(approver: IdentityApprover): void;
+    registerPreloadApprover(approver: PreloadApprover): void;
+}
+
+// @alpha @deprecated (undocumented)
+export interface WidgetPermissionsCustomisations<Widget, Capability> {
+    preapproveCapabilities?(widget: Widget, requestedCapabilities: Set<Capability>): Promise<Set<Capability>>;
+}
+
+// @alpha @deprecated (undocumented)
+export interface WidgetVariablesCustomisations {
+    isReady?(): Promise<void>;
+    provideVariables?(): {
+        currentUserId: string;
+        userDisplayName?: string;
+        userHttpAvatarUrl?: string;
+        clientId?: string;
+        clientTheme?: string;
+        clientLanguage?: string;
+        deviceId?: string;
+        baseUrl?: string;
+    };
+}
+
+// (No @packageDocumentation comment for this package)
+
+```
diff --git a/packages/module-api/package.json b/packages/module-api/package.json
new file mode 100644
index 00000000000..59033dc4e12
--- /dev/null
+++ b/packages/module-api/package.json
@@ -0,0 +1,75 @@
+{
+    "name": "@element-hq/element-web-module-api",
+    "type": "module",
+    "version": "1.16.0",
+    "description": "Module API surface for element-web",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/element-hq/element-web.git",
+        "directory": "packages/module-api"
+    },
+    "author": "element-hq",
+    "license": "SEE LICENSE IN README.md",
+    "engines": {
+        "node": ">=20.0.0"
+    },
+    "types": "./lib/element-web-module-api-alpha.d.ts",
+    "exports": {
+        ".": {
+            "types": "./lib/element-web-module-api-alpha.d.ts",
+            "import": "./lib/element-web-plugin-engine.js",
+            "require": "./lib/element-web-plugin-engine.umd.cjs"
+        },
+        "./vite.base.ts": {
+            "types": "./vite.base.ts",
+            "import": "./vite.base.ts"
+        }
+    },
+    "files": [
+        "lib",
+        "vite.base.ts"
+    ],
+    "scripts": {
+        "prepack": "nx build",
+        "lint:types": "nx lint:types",
+        "test:unit": "vitest",
+        "coverage": "pnpm test:unit --coverage",
+        "coverage:diff": "diff-cover --config-file ../../diff-cover.toml coverage/lcov.info"
+    },
+    "devDependencies": {
+        "@matrix-org/react-sdk-module-api": "^2.5.0",
+        "@microsoft/api-extractor": "^7.49.1",
+        "@types/node": "catalog:ts6",
+        "@types/react": "catalog:",
+        "@types/react-dom": "catalog:",
+        "@types/semver": "^7.5.8",
+        "@typescript/native": "catalog:",
+        "matrix-widget-api": "^1.17.0",
+        "rollup-plugin-external-globals": "^0.13.0",
+        "semver": "^7.6.3",
+        "shared-types": "workspace:*",
+        "typescript": "catalog:ts6",
+        "unplugin-dts": "catalog:",
+        "vite": "catalog:",
+        "vitest": "catalog:"
+    },
+    "peerDependencies": {
+        "@matrix-org/react-sdk-module-api": "*",
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "matrix-web-i18n": "*",
+        "matrix-widget-api": "*",
+        "react": "^19"
+    },
+    "peerDependenciesMeta": {
+        "@matrix-org/react-sdk-module-api": {
+            "optional": true
+        },
+        "matrix-widget-api": {
+            "optional": true
+        },
+        "matrix-web-i18n": {
+            "optional": true
+        }
+    }
+}
diff --git a/packages/module-api/project.json b/packages/module-api/project.json
new file mode 100644
index 00000000000..e7979345be6
--- /dev/null
+++ b/packages/module-api/project.json
@@ -0,0 +1,24 @@
+{
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "projectType": "library",
+    "root": "packages/module-api",
+    "targets": {
+        "build": {
+            "cache": true,
+            "inputs": ["src"],
+            "outputs": ["{projectRoot}/lib"],
+            "command": "vite build",
+            "options": { "cwd": "packages/module-api" }
+        },
+        "start": {
+            "command": "vite build --watch",
+            "options": { "cwd": "packages/module-api" },
+            "dependsOn": ["^start"],
+            "continuous": true
+        },
+        "lint:types": {
+            "command": "pnpm exec tsc --noEmit",
+            "options": { "cwd": "packages/module-api" }
+        }
+    }
+}
diff --git a/packages/module-api/src/@types/global.d.ts b/packages/module-api/src/@types/global.d.ts
new file mode 100644
index 00000000000..07eea174586
--- /dev/null
+++ b/packages/module-api/src/@types/global.d.ts
@@ -0,0 +1,12 @@
+/*
+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.
+*/
+
+declare global {
+    var __VERSION__: string; // injected by vite
+}
+
+export {};
diff --git a/packages/module-api/src/api/auth.ts b/packages/module-api/src/api/auth.ts
new file mode 100644
index 00000000000..5ecdcd3c25a
--- /dev/null
+++ b/packages/module-api/src/api/auth.ts
@@ -0,0 +1,45 @@
+/*
+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.
+*/
+
+/**
+ * Interface for account authentication information, used for overwriting the current account's authentication state.
+ * @public
+ */
+export interface AccountAuthInfo {
+    /**
+     * The user ID.
+     */
+    userId: string;
+    /**
+     * The device ID.
+     */
+    deviceId: string;
+    /**
+     * The access token belonging to this device ID and user ID.
+     */
+    accessToken: string;
+    /**
+     * The refresh token belonging to this device ID and user ID.
+     */
+    refreshToken?: string;
+    /**
+     * The homeserver URL where the credentials are valid.
+     */
+    homeserverUrl: string;
+}
+
+/**
+ * Methods to manage authentication in the application.
+ * @public
+ */
+export interface AccountAuthApiExtension {
+    /**
+     * Overwrite the current account's authentication state with the provided account information.
+     * @param accountInfo - The account authentication information to overwrite the current state with.
+     */
+    overwriteAccountAuth(accountInfo: AccountAuthInfo): Promise<void>;
+}
diff --git a/packages/module-api/src/api/builtins.ts b/packages/module-api/src/api/builtins.ts
new file mode 100644
index 00000000000..d4c461d0985
--- /dev/null
+++ b/packages/module-api/src/api/builtins.ts
@@ -0,0 +1,74 @@
+/*
+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.
+*/
+
+/**
+ * The props that must be passed to a RoomView component.
+ * @alpha Subject to change.
+ */
+export interface RoomViewProps {
+    /**
+     * If true, the room header will be hidden.
+     */
+    hideHeader?: boolean;
+    /**
+     * If true, the message composer will be hidden.
+     */
+    hideComposer?: boolean;
+    /**
+     * If true, the right panel will be hidden.
+     */
+    hideRightPanel?: boolean;
+    /**
+     * If true, the pinned message banner will be hidden.
+     */
+    hidePinnedMessageBanner?: boolean;
+    /**
+     * If true, the widgets will be hidden.
+     */
+    hideWidgets?: boolean;
+    /**
+     * If true, enable sending read receipts and markers on user activity in the room view. When the user interacts with the room view, read receipts and markers are sent.
+     * If false, the read receipts and markers are only send when the room view is focused. The user has to focus the room view in order to clear any unreads and to move the unread marker to the bottom of the view.
+     * @defaultValue true
+     */
+    enableReadReceiptsAndMarkersOnActivity?: boolean;
+}
+
+/**
+ * Exposes components and classes that are part of Element Web to allow modules to
+ * render the components as part of their custom components or use the classes
+ * (because they can't import the components from Element Web since it would cause
+ * a dependency cycle)
+ * @alpha
+ */
+export interface BuiltinsApi {
+    /**
+     * Render room avatar component from element-web.
+     *
+     * @alpha
+     * @param roomId - Id of the room
+     * @param size - Size of the avatar to render
+     */
+    renderRoomAvatar(roomId: string, size?: string): React.ReactNode;
+
+    /**
+     * Render room view component from element-web.
+     *
+     * @alpha
+     * @param roomId - Id of the room
+     * @param props - Additional props to pass to the room view
+     */
+    renderRoomView(roomId: string, props?: RoomViewProps): React.ReactNode;
+
+    /**
+     * Render notification decoration component from element-web.
+     *
+     * @alpha
+     * @param roomId - Id of the room
+     */
+    renderNotificationDecoration(roomId: string): React.ReactNode;
+}
diff --git a/packages/module-api/src/api/client.ts b/packages/module-api/src/api/client.ts
new file mode 100644
index 00000000000..64e2274e895
--- /dev/null
+++ b/packages/module-api/src/api/client.ts
@@ -0,0 +1,46 @@
+/*
+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 "../models/Room";
+import { type Watchable } from "./watchable";
+
+/**
+ * Modify account data stored on the homeserver.
+ * @public
+ */
+export interface AccountDataApi {
+    /**
+     * Returns a watchable with account data for this event type.
+     */
+    get(eventType: string): Watchable<unknown>;
+    /**
+     * Set account data on the homeserver.
+     */
+    set(eventType: string, content: unknown): Promise<void>;
+    /**
+     * Changes the content of this event to be empty.
+     */
+    delete(eventType: string): Promise<void>;
+}
+
+/**
+ * Access some limited functionality from the SDK.
+ * @public
+ */
+export interface ClientApi {
+    /**
+     * Use this to modify account data on the homeserver.
+     */
+    accountData: AccountDataApi;
+
+    /**
+     * Fetch room by id from SDK.
+     * @param id - Id of the room to get
+     * @returns Room object from SDK
+     */
+    getRoom: (id: string) => Room | null;
+}
diff --git a/packages/module-api/src/api/composer.ts b/packages/module-api/src/api/composer.ts
new file mode 100644
index 00000000000..c37af72fe86
--- /dev/null
+++ b/packages/module-api/src/api/composer.ts
@@ -0,0 +1,78 @@
+/*
+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 ComponentType, type SVGAttributes } from "react";
+
+/**
+ * An option presented to the user for uploading a file.
+ * @alpha Unlikely to change
+ */
+export type ComposerApiFileUploadOption = {
+    /**
+     * An unique string to refer to the type of upload
+     * @example org.example.my_uploader
+     */
+    type: string;
+    /**
+     * Human-readable string used in labelling for the option.
+     */
+    label: string;
+    /**
+     * An icon to attach to the option. If omitted, no icon is shown.
+     */
+    icon?: ComponentType<SVGAttributes<SVGElement>>;
+    /**
+     * Function called when the option is selected.
+     * @param roomId - The room ID of the room in focus.
+     * @param relation - Whether or not a thread and/or reply is in focus.
+     * @returns
+     */
+    onSelected: (
+        roomId?: string,
+        view?: ComposerApiTarget,
+        relation?: {
+            inReplyToEventId?: string;
+            relType?: string;
+        },
+    ) => Promise<void> | void;
+};
+
+/**
+ * When handling composer interactions, this represents the target composer.
+ * @alpha Likely to change. This is intentionally left as an object so it may be extended later.
+ */
+export type ComposerApiTarget = { view: "room" } | { view: "thread" };
+
+/**
+ * API to interact with the message composer.
+ * @alpha Likely to change
+ */
+export interface ComposerApi {
+    /**
+     * Add a new file upload option for the user.
+     * @throws If another option is already using the same `type`.
+     * @alpha Likely to change
+     */
+    addFileUploadOption(option: ComposerApiFileUploadOption): void;
+    /**
+     * Open the file upload confirmation dialog. This may be used in conjunction
+     * with `addFileUploadOption` to support an alternative file upload kind.
+     * @param files - The files to prompt for
+     * @param view - The target view to send the file into. Defaults to `{ view: "room" }`
+     * @returns Returns immediately, does not await action.
+     * @alpha Likely to change
+     */
+    openFileUploadConfirmation(files: File[], view: ComposerApiTarget): void;
+    /**
+     * Insert plaintext into the current composer.
+     * @param plaintext - The plain text to insert
+     * @param view - The target view to insert text into. Defaults to `{ view: "room" }`
+     * @returns Returns immediately, does not await action.
+     * @alpha Likely to change
+     */
+    insertPlaintextIntoComposer(plaintext: string, view: ComposerApiTarget): void;
+}
diff --git a/packages/module-api/src/api/config.ts b/packages/module-api/src/api/config.ts
new file mode 100644
index 00000000000..84e3e4cdb1f
--- /dev/null
+++ b/packages/module-api/src/api/config.ts
@@ -0,0 +1,28 @@
+/*
+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 WebConfigJson } from "shared-types";
+
+/**
+ * The configuration for the application.
+ * Should be extended via declaration merging.
+ * @public
+ */
+export interface Config extends WebConfigJson {
+    // The branding name of the application
+    brand: string;
+}
+
+/**
+ * API for accessing the configuration.
+ * @public
+ */
+export interface ConfigApi {
+    get(): Config;
+    get<K extends keyof Config>(key: K): Config[K];
+    get<K extends keyof Config = never>(key?: K): Config | Config[K];
+}
diff --git a/packages/module-api/src/api/custom-components.ts b/packages/module-api/src/api/custom-components.ts
new file mode 100644
index 00000000000..5ca2be000fa
--- /dev/null
+++ b/packages/module-api/src/api/custom-components.ts
@@ -0,0 +1,285 @@
+/*
+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 { JSX, ReactNode } from "react";
+import type { MatrixEvent } from "../models/event";
+import type { AccountAuthInfo } from "./auth.ts";
+import type { ComposerApiTarget } from "./composer.ts";
+
+/**
+ * Properties for all message components.
+ * @alpha Subject to change.
+ */
+export type CustomMessageComponentProps = {
+    /**
+     * The Matrix event for this textual body.
+     * @alpha
+     */
+    mxEvent: MatrixEvent;
+};
+
+/**
+ * Properties to alter the render function of the original component.
+ * @alpha Subject to change.
+ */
+export type OriginalMessageComponentProps = {
+    /**
+     * Should previews be shown for this event.
+     * This may be overriden by user preferences.
+     */
+    showUrlPreview?: boolean;
+};
+
+/**
+ * Hints to specify to Element when rendering events.
+ * @alpha Subject to change.
+ */
+export type CustomMessageRenderHints = {
+    /**
+     * Should the event be allowed to be edited in the client. This should
+     * be set to false if you override the render function, as the module
+     * API has no way to display message editing at the moment.
+     * Default is true.
+     */
+    allowEditingEvent?: boolean;
+    /**
+     * If an event contains media, this function will be called to check
+     * if the media can be prompted to be downloaded as a file.
+     * If this function is not supplied, media downloads are allowed.
+     */
+    allowDownloadingMedia?: (mxEvent: MatrixEvent) => Promise<boolean>;
+};
+
+/**
+ * Function used to render a message component.
+ * @alpha Subject to change.
+ */
+export type CustomMessageRenderFunction = (
+    /**
+     * Properties for the message to be renderered.
+     */
+    props: CustomMessageComponentProps,
+    /**
+     * Render function for the original component. This may be omitted if the message would not normally be rendered.
+     */
+    originalComponent?: (props?: OriginalMessageComponentProps) => React.JSX.Element,
+) => JSX.Element;
+
+/**
+ * Properties for all message components.
+ * @alpha Subject to change.
+ */
+export type CustomRoomPreviewBarComponentProps = {
+    roomId?: string;
+    roomAlias?: string;
+};
+
+/**
+ * Function used to render a room preview bar component.
+ * @alpha Unlikely to change
+ */
+export type CustomRoomPreviewBarRenderFunction = (
+    /**
+     * Properties for the room preview bar to be rendered.
+     */
+    props: CustomRoomPreviewBarComponentProps,
+    /**
+     * Render function for the original component.
+     */
+    originalComponent: (props: CustomRoomPreviewBarComponentProps) => JSX.Element,
+) => JSX.Element;
+
+/**
+ * Authentication server config object.
+ * @alpha Subject to change.
+ */
+export interface CustomLoginComponentPropsServerConfig {
+    /**
+     * The URL of the homeserver's client-server API
+     */
+    hsUrl: string;
+    /**
+     * The name of the homeserver to present to the user
+     */
+    hsName: string;
+}
+
+/**
+ * Properties for login component.
+ * @alpha Subject to change.
+ */
+export type CustomLoginComponentProps = {
+    /**
+     * The details of the currently chosen Matrix homeserver
+     */
+    serverConfig: CustomLoginComponentPropsServerConfig;
+    /**
+     * The URL fragment to send the user to after authentication is complete
+     */
+    fragmentAfterLogin?: string;
+    /**
+     * Additional components to render as children
+     */
+    children?: ReactNode;
+    /**
+     * Function to complete login
+     * @param data - the data to authenticate the user with
+     */
+    onLoggedIn(this: void, data: AccountAuthInfo): void;
+    /**
+     * Function to change the selected server
+     * @param config - new server configuration details
+     */
+    onServerConfigChange(this: void, config: CustomLoginComponentPropsServerConfig): void;
+};
+
+/**
+ * Function used to render a component with a superset of the known props.
+ * @alpha Unlikely to change
+ */
+export type ExtendablePropsRenderFunction<BaseProps> = <P extends BaseProps>(
+    /**
+     * Properties for the component to be rendered.
+     */
+    props: P,
+    /**
+     * Render function for the original component.
+     */
+    originalComponent: (props: P) => JSX.Element,
+) => JSX.Element;
+
+/**
+ * Function used to render a login component.
+ * @alpha Unlikely to change
+ */
+export type CustomLoginRenderFunction = ExtendablePropsRenderFunction<CustomLoginComponentProps>;
+
+/**
+ * Properties for composer preview.
+ * @alpha Subject to change.
+ */
+export type CustomComposerPreviewComponentProps = {
+    /**
+     * The plain text currently inside the composer.
+     */
+    text: string;
+    /**
+     * The ID of the room currently in focus.
+     */
+    roomId: string;
+    /**
+     * Details about the target of the composer.
+     */
+    target?: ComposerApiTarget;
+    /**
+     * Details about what relation the user may be responding to.
+     */
+    relation?: {
+        inReplyToEventId?: string;
+        relType?: string;
+    };
+};
+
+/**
+ * Function used to render a composer preview.
+ * @alpha Unlikely to change
+ */
+export type CustomComposerPreviewRenderFunction = ExtendablePropsRenderFunction<CustomComposerPreviewComponentProps>;
+
+/**
+ * API for inserting custom components into Element.
+ * @alpha Subject to change.
+ */
+export interface CustomComponentsApi {
+    /**
+     * Register a renderer for a message type in the timeline.
+     *
+     * The render function should return a rendered component.
+     *
+     * Multiple render function may be registered for a single event type, however the first matching
+     * result will be used. If no events match or are registered then the originalComponent is rendered.
+     *
+     * @param eventTypeOrFilter - The event type this renderer is for. Use a function for more complex filtering.
+     * @param renderer - The render function.
+     * @param hints - Hints that alter the way the tile is handled.
+     * @example
+     * ```
+     *  customComponents.registerMessageRenderer("m.room.message", (props, originalComponent) => {
+     *       return <YourCustomComponent mxEvent={props.mxEvent} />;
+     *  });
+     *  customComponents.registerMessageRenderer(
+     *      (mxEvent) => mxEvent.getType().matches(/m\.room\.(topic|name)/) && mxEvent.isState(),
+     *      (props, originalComponent) => {
+     *          return <YourCustomStateRenderer mxEvent={props.mxEvent} />;
+     *      }
+     * );
+     * ```
+     */
+    registerMessageRenderer(
+        eventTypeOrFilter: string | ((mxEvent: MatrixEvent) => boolean),
+        renderer: CustomMessageRenderFunction,
+        hints?: CustomMessageRenderHints,
+    ): void;
+
+    /**
+     * Register a renderer for the room preview bar.
+     *
+     * The render function should return a rendered component.
+     *
+     * @param renderer - The render function for the room preview bar.
+     * @example
+     * ```
+     *  customComponents.registerRoomPreviewBar((props, OriginalComponent) => {
+     *      if (props.roomId === "!some_special_room_id:server") {
+     *          return <YourCustomRoomPreviewBarComponent {...props} />;
+     *      }
+     *      return <YourCustomComponent mxEvent={props.mxEvent} />;
+     *  });
+     * ```
+     */
+    registerRoomPreviewBar(renderer: CustomRoomPreviewBarRenderFunction): void;
+
+    /**
+     * Register a renderer for the login component.
+     *
+     * The render function should return a rendered component.
+     *
+     * @param renderer - The render function for the login component.
+     * @example
+     * ```
+     *  customComponents.registerLoginComponent((props, OriginalComponent) => {
+     *      return <YourCustomComponent onLoggedIn={props.onLoggedIn} />;
+     *  });
+     * ```
+     */
+    registerLoginComponent(renderer: CustomLoginRenderFunction): void;
+
+    /**
+     * Register a renderer for replacing the preview above the message composer.
+     *
+     * The render function should return a rendered component.
+     *
+     * Multiple render function may be registered, however the first matching result will be used.
+     * If no events match or are registered then the originalComponent is rendered.
+     *
+     * @param filterFn - A filter function to determine if this renderer should be used.
+     * @param renderer - The render function.
+     * @example
+     * ```
+     *  customComponents.registerComposerPreview(
+     *      (composerText) => composerText === "hello!",
+     *      (props, originalComponent) => {
+     *          return <b>You've said hello!</b>;
+     *      }
+     * );
+     * ```
+     */
+    registerComposerPreview(
+        filterFn: (composerText: string, roomId: string) => boolean,
+        renderer: CustomComposerPreviewRenderFunction,
+    ): void;
+}
diff --git a/packages/module-api/src/api/customisations.ts b/packages/module-api/src/api/customisations.ts
new file mode 100644
index 00000000000..1a02c68ed04
--- /dev/null
+++ b/packages/module-api/src/api/customisations.ts
@@ -0,0 +1,65 @@
+/*
+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.
+*/
+
+/**
+ * Enum of UI components which can have their behaviour tweaked
+ * @alpha
+ */
+export const enum UIComponent {
+    /**
+     * Components that lead to a user being invited.
+     */
+    InviteUsers = "UIComponent.sendInvites",
+
+    /**
+     * Components that lead to a room being created that aren't already
+     * guarded by some other condition (ie: "only if you can edit this
+     * space" is *not* guarded by this component, but "start DM" is).
+     */
+    CreateRooms = "UIComponent.roomCreation",
+
+    /**
+     * Components that lead to a Space being created that aren't already
+     * guarded by some other condition (ie: "only if you can add subspaces"
+     * is *not* guarded by this component, but "create new space" is).
+     */
+    CreateSpaces = "UIComponent.spaceCreation",
+
+    /**
+     * Components that lead to the public room directory.
+     */
+    ExploreRooms = "UIComponent.exploreRooms",
+
+    /**
+     * Components that lead to the user being able to easily add widgets
+     * and integrations to the room, such as from the room information card.
+     */
+    AddIntegrations = "UIComponent.addIntegrations",
+
+    /**
+     * Component that lead to the user being able to search, dial, explore rooms
+     */
+    FilterContainer = "UIComponent.filterContainer",
+
+    /**
+     * Components that lead the user to room options menu.
+     */
+    RoomOptionsMenu = "UIComponent.roomOptionsMenu",
+}
+
+/**
+ * API for customising Element Web's components
+ * @alpha Subject to change.
+ */
+export interface CustomisationsApi {
+    /**
+     * Method to register a callback which can affect whether a given component is drawn or not.
+     * @param fn - the callback, if it returns true the component will be rendered, if false it will not be.
+     *   If undefined will defer to next callback, ultimately falling through to `true` if none return false.
+     */
+    registerShouldShowComponent(fn: (this: void, component: UIComponent) => boolean | void): void;
+}
diff --git a/packages/module-api/src/api/dialog.ts b/packages/module-api/src/api/dialog.ts
new file mode 100644
index 00000000000..cfbf9da6f41
--- /dev/null
+++ b/packages/module-api/src/api/dialog.ts
@@ -0,0 +1,68 @@
+/*
+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 ComponentType } from "react";
+
+/**
+ * Options for {@link Api#openDialog}.
+ * @public
+ */
+export interface DialogOptions {
+    /**
+     * The title of the dialog.
+     */
+    title: string;
+}
+
+/**
+ * Handle returned by {@link Api#openDialog}.
+ * @public
+ */
+export type DialogHandle<M> = {
+    /**
+     * Promise that resolves when the dialog is finished.
+     */
+    finished: Promise<{ ok: boolean; model: M | null }>;
+    /**
+     * Method to close the dialog.
+     */
+    close(this: void): void;
+};
+
+/**
+ * Props passed to the dialog body component.
+ * @public
+ */
+export type DialogProps<M> = {
+    /**
+     * Callback to submit the dialog.
+     * @param model - The model to submit with the dialog. This is typically the data collected.
+     */
+    onSubmit(this: void, model: M): void;
+    /**
+     * Cancel the dialog programmatically.
+     */
+    onCancel(this: void): void;
+};
+
+/**
+ * Methods to manage dialogs in the application.
+ * @public
+ */
+export interface DialogApiExtension {
+    /**
+     * Open a dialog with the given options and body component and return a handle to it.
+     * @param initialOptions - The initial options for the dialog, such as title and action label.
+     * @param dialog - The body component to render in the dialog. This component should accept props of type `P`.
+     * @param props - Additional props to pass to the body
+     */
+    openDialog<M, P extends object>(
+        initialOptions: DialogOptions,
+        dialog: ComponentType<P & DialogProps<M>>,
+        props: P,
+    ): DialogHandle<M>;
+}
diff --git a/packages/module-api/src/api/extras.ts b/packages/module-api/src/api/extras.ts
new file mode 100644
index 00000000000..ad437c49866
--- /dev/null
+++ b/packages/module-api/src/api/extras.ts
@@ -0,0 +1,86 @@
+/*
+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 JSX } from "react";
+
+/**
+ * Properties of an item added to the Space panel
+ * @alpha
+ */
+export interface SpacePanelItemProps {
+    /**
+     * A CSS class name for the item
+     */
+    className?: string;
+
+    /**
+     * An icon to show in the item. If not provided, no icon will be shown.
+     */
+    icon?: JSX.Element;
+
+    /**
+     * The label to show in the item
+     */
+    label: string;
+
+    /**
+     * A tooltip to show when hovering over the item
+     */
+    tooltip?: string;
+
+    /**
+     * Styles to apply to the item
+     */
+    style?: React.CSSProperties;
+
+    /**
+     * Callback when the item is selected
+     */
+    onSelected: () => void;
+}
+
+/**
+ * A callback that returns a JSX element representing the buttons.
+ *
+ * @alpha
+ * @param roomId - The ID of the room for which the header is being rendered.
+ * @returns A JSX element representing the buttons to be rendered in the room header, or undefined if no buttons should be rendered.
+ */
+export type RoomHeaderButtonsCallback = (roomId: string) => JSX.Element | undefined;
+
+/**
+ * API for inserting extra UI into Element Web.
+ * @alpha Subject to change.
+ */
+export interface ExtrasApi {
+    /**
+     * Inserts an item into the space panel as if it were a space button, below
+     * buttons for other spaces.
+     * If called again with the same spaceKey, will update the existing item.
+     * @param spaceKey - A key to identify this space-like item.
+     * @param props - Properties of the item to add.
+     */
+    setSpacePanelItem(spaceKey: string, props: SpacePanelItemProps): void;
+
+    /**
+     * Registers a callback to get the list of visible rooms for a given space.
+     *
+     * Element Web will call this callback when checking if a room is displayed for the given space. For example in case of message editing or replying.
+     * If the space added by the module displays a room view and doesn't provide this callback, Element Web won't be able to determine if a room is visible in that space and will redirect to display the room in its vanilla space/metaspace.
+     *
+     * @param spaceKey - The space key to get visible rooms for.
+     * @param cb - A callback that returns the list of visible room IDs.
+     */
+    getVisibleRoomBySpaceKey(spaceKey: string, cb: () => string[]): void;
+
+    /**
+     * Adds a callback to get extra buttons in the room header (which can vary depending on the room being displayed).
+     *
+     * @param cb - A callback that returns a JSX element representing the buttons (see {@link RoomHeaderButtonsCallback}).
+     */
+    addRoomHeaderButtonCallback(cb: RoomHeaderButtonsCallback): void;
+}
diff --git a/packages/module-api/src/api/i18n.ts b/packages/module-api/src/api/i18n.ts
new file mode 100644
index 00000000000..02f9f77d132
--- /dev/null
+++ b/packages/module-api/src/api/i18n.ts
@@ -0,0 +1,98 @@
+/*
+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 ReactNode } from "react";
+
+/**
+ * The translations for the module.
+ * @public
+ */
+export type Translations = Record<
+    string,
+    {
+        [ietfLanguageTag: string]: string;
+    }
+>;
+
+/**
+ * The value a variable or tag can take for a translation interpolation.
+ *
+ * When used as a function, `sub` is the text content wrapped between the tag
+ * in the translation string. For example, given `"Click <a>here</a>"`, the
+ * function receives `"here"` and should return a `ReactNode` wrapping it.
+ *
+ * @public
+ */
+export type SubstitutionValue = number | string | ReactNode | ((sub: string) => ReactNode);
+
+/**
+ * Variables to interpolate into a translation.
+ * @public
+ */
+export type Variables = StringVariables | RichVariables;
+
+/**
+ * Variables that are guaranteed to only contain primitive (string-safe) values
+ * @public
+ */
+export interface StringVariables {
+    count?: number;
+    [key: string]: number | string | null | undefined;
+}
+
+/**
+ * Variables that may contain ReactNodes or functions, requiring a ReactNode return
+ * @public
+ */
+export interface RichVariables {
+    count?: number;
+    [key: string]: SubstitutionValue;
+}
+
+/**
+ * Tags to interpolate into a translation, where the value is a ReactNode or a function that returns a ReactNode.
+ * This allows for more complex interpolations, such as links or formatted text.
+ * @public
+ */
+export type Tags = Record<string, SubstitutionValue>;
+
+/**
+ * The API for interacting with translations.
+ * @public
+ */
+export interface I18nApi {
+    /**
+     * Read the current language of the user in IETF Language Tag format
+     */
+    get language(): string;
+
+    /**
+     * Register translations for the module, may override app's existing translations
+     */
+    register(this: void, translations: Partial<Translations>): void;
+
+    /**
+     * Perform a translation, with optional variables
+     * @param key - The key to translate
+     * @param variables - Optional variables to interpolate into the translation
+     */
+    translate(this: void, key: keyof Translations, variables?: StringVariables): string;
+    /**
+     * Perform a translation, with optional variables
+     * @param key - The key to translate
+     * @param variables - Optional variables to interpolate into the translation
+     * @param tags - Optional tags to interpolate into the translation
+     */
+    translate(this: void, key: keyof Translations, variables: Variables | undefined, tags: Tags): ReactNode;
+
+    /**
+     * Convert a timestamp into a translated, human-readable time,
+     * using the current system time as a reference, eg. "5 minutes ago".
+     * @param timeMillis - The time in milliseconds since epoch
+     */
+    humanizeTime(this: void, timeMillis: number): string;
+}
diff --git a/packages/module-api/src/api/index.test.ts b/packages/module-api/src/api/index.test.ts
new file mode 100644
index 00000000000..8cd7a879fbf
--- /dev/null
+++ b/packages/module-api/src/api/index.test.ts
@@ -0,0 +1,22 @@
+/*
+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 { expect, test } from "vitest";
+
+import { type Api, isModule } from ".";
+
+const TestModule = {
+    default: class TestModule {
+        public static moduleApiVersion = "1.0.0";
+        public constructor(private readonly api: Api) {}
+        public async load(): Promise<void> {}
+    },
+};
+
+test("isModule correctly identifies valid modules", () => {
+    expect(isModule(TestModule)).toBe(true);
+});
diff --git a/packages/module-api/src/api/index.ts b/packages/module-api/src/api/index.ts
new file mode 100644
index 00000000000..151d385e16d
--- /dev/null
+++ b/packages/module-api/src/api/index.ts
@@ -0,0 +1,189 @@
+/*
+Copyright 2025 New Vector Ltd.
+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 { Root } from "react-dom/client";
+import { type LegacyModuleApiExtension } from "./legacy-modules";
+import { type LegacyCustomisationsApiExtension } from "./legacy-customisations";
+import { type ConfigApi } from "./config";
+import { type I18nApi } from "./i18n";
+import { type CustomComponentsApi } from "./custom-components";
+import { type NavigationApi } from "./navigation.ts";
+import { type DialogApiExtension } from "./dialog.ts";
+import { type AccountAuthApiExtension } from "./auth.ts";
+import { type ProfileApiExtension } from "./profile.ts";
+import { type ExtrasApi } from "./extras.ts";
+import { type BuiltinsApi } from "./builtins.ts";
+import { type StoresApi } from "./stores.ts";
+import { type ClientApi } from "./client.ts";
+import { type WidgetLifecycleApi } from "./widget-lifecycle.ts";
+import { type WidgetApi } from "./widget.ts";
+import { type CustomisationsApi } from "./customisations.ts";
+import { type ComposerApi } from "./composer.ts";
+import { type StorageHelperApi } from "./storage-helper.ts";
+import { type SettingsApi } from "./settings.ts";
+
+/**
+ * Module interface for modules to implement.
+ * @public
+ */
+export interface Module {
+    load(): Promise<void>;
+}
+
+const moduleSignature: Record<keyof Module, Type> = {
+    load: "function",
+};
+
+/**
+ * Module interface for modules to export as the default export.
+ * @public
+ */
+export interface ModuleFactory {
+    readonly moduleApiVersion: string;
+    new (api: Api): Module;
+    readonly prototype: Module;
+}
+
+const moduleFactorySignature: Record<keyof ModuleFactory, Type> = {
+    moduleApiVersion: "string",
+    prototype: "object",
+};
+
+export interface ModuleExport {
+    default: ModuleFactory;
+}
+
+const moduleExportSignature: Record<keyof ModuleExport, Type> = {
+    default: "function",
+};
+
+type Type = "function" | "string" | "number" | "boolean" | "object";
+
+function isInterface<T>(obj: unknown, type: "object" | "function", keys: Record<keyof T, Type>): obj is T {
+    if (obj === null || typeof obj !== type) return false;
+    for (const key in keys) {
+        if (typeof (obj as Record<keyof T, unknown>)[key] !== keys[key]) return false;
+    }
+    return true;
+}
+
+export function isModule(module: unknown): module is ModuleExport {
+    return (
+        isInterface(module, "object", moduleExportSignature) &&
+        isInterface(module.default, "function", moduleFactorySignature) &&
+        isInterface(module.default.prototype, "object", moduleSignature)
+    );
+}
+
+/**
+ * The API for modules to interact with the application.
+ * @public
+ */
+export interface Api
+    extends
+        LegacyModuleApiExtension,
+        LegacyCustomisationsApiExtension,
+        DialogApiExtension,
+        AccountAuthApiExtension,
+        ProfileApiExtension {
+    /**
+     * The API to read config.json values.
+     * Keys should be scoped to the module in reverse domain name notation.
+     * @public
+     */
+    readonly config: ConfigApi;
+    /**
+     * The internationalisation API.
+     * @public
+     */
+    readonly i18n: I18nApi;
+    /**
+     * The root node the main application is rendered to.
+     * Intended for rendering sibling React trees.
+     * @public
+     */
+    readonly rootNode: HTMLElement;
+
+    /**
+     * The custom message component API.
+     * @alpha
+     */
+    readonly customComponents: CustomComponentsApi;
+
+    /**
+     * Allows modules to render components that are part of Element Web.
+     * @alpha
+     */
+    readonly builtins: BuiltinsApi;
+
+    /**
+     * API to navigate the application.
+     * @public
+     */
+    readonly navigation: NavigationApi;
+
+    /**
+     * Allows modules to insert extra UI into Element Web.
+     * @alpha
+     */
+    readonly extras: ExtrasApi;
+
+    /**
+     * Allows modules to access a limited functionality of certain stores from Element Web.
+     */
+    readonly stores: StoresApi;
+
+    /**
+     * Access some very specific functionality from the client.
+     */
+    readonly client: ClientApi;
+
+    /**
+     * API for modules to auto-approve widget preloading, identity token requests, and capability requests.
+     * @alpha Subject to change.
+     */
+    readonly widgetLifecycle: WidgetLifecycleApi;
+
+    /**
+     * API for modules to interact with widgets in Element Web, including getting what widgets
+     * are active in a given room.
+     * @alpha Subject to change.
+     */
+    readonly widget: WidgetApi;
+
+    /**
+     * Allows modules to customise behaviour of app's components.
+     * @alpha Subject to change.
+     */
+    readonly customisations: CustomisationsApi;
+
+    /**
+     * Allows modules to customise the message composer.
+     * @alpha Subject to change.
+     */
+    readonly composer: ComposerApi;
+
+    /**
+     * Allows modules to access storage helper functions.
+     * @alpha Subject to change.
+     */
+    readonly storageHelper: StorageHelperApi;
+    /**
+     * Allows modules to read application settings.
+     * @alpha Subject to change.
+     */
+    readonly settings: SettingsApi;
+
+    /**
+     * Create a ReactDOM root for rendering React components.
+     * Exposed to allow modules to avoid needing to bundle their own ReactDOM.
+     * @param element - the element to render use as the root.
+     * @public
+     */
+    createRoot(element: Element): Root;
+}
diff --git a/packages/module-api/src/api/legacy-customisations.ts b/packages/module-api/src/api/legacy-customisations.ts
new file mode 100644
index 00000000000..6374789b5bc
--- /dev/null
+++ b/packages/module-api/src/api/legacy-customisations.ts
@@ -0,0 +1,259 @@
+/*
+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.
+*/
+
+/**
+ * The types here suck but these customisations are deprecated and will be removed soon.
+ */
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export interface AliasCustomisations {
+    // E.g. prefer one of the aliases over another
+    getDisplayAliasForAliasSet?(canonicalAlias: string | null, altAliases: string[]): string | null;
+}
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export interface ChatExportCustomisations<ExportFormat, ExportType> {
+    /**
+     * Force parameters in room chat export fields returned here are forced
+     * and not allowed to be edited in the chat export form
+     */
+    getForceChatExportParameters(): {
+        format?: ExportFormat;
+        range?: ExportType;
+        // must be < 10**8
+        // only used when range is 'LastNMessages'
+        // default is 100
+        numberOfMessages?: number;
+        includeAttachments?: boolean;
+        // maximum size of exported archive
+        // must be > 0 and < 8000
+        sizeMb?: number;
+    };
+}
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export interface ComponentVisibilityCustomisations {
+    /**
+     * Determines whether or not the active MatrixClient user should be able to use
+     * the given UI component. If shown, the user might still not be able to use the
+     * component depending on their contextual permissions. For example, invite options
+     * might be shown to the user but they won't have permission to invite users to
+     * the current room: the button will appear disabled.
+     * @param component - The component to check visibility for.
+     * @returns True (default) if the user is able to see the component, false otherwise.
+     */
+    shouldShowComponent?(
+        component:
+            | "UIComponent.sendInvites"
+            | "UIComponent.roomCreation"
+            | "UIComponent.spaceCreation"
+            | "UIComponent.exploreRooms"
+            | "UIComponent.addIntegrations"
+            | "UIComponent.filterContainer"
+            | "UIComponent.roomOptionsMenu",
+    ): boolean;
+}
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export interface DirectoryCustomisations {
+    requireCanonicalAliasAccessToPublish?(): boolean;
+}
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export interface LifecycleCustomisations {
+    onLoggedOutAndStorageCleared?(): void;
+}
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export interface Media {
+    readonly isEncrypted: boolean;
+    readonly srcMxc: string;
+    readonly thumbnailMxc: string | null | undefined;
+    readonly hasThumbnail: boolean;
+    readonly srcHttp: string | null;
+    readonly thumbnailHttp: string | null;
+    getThumbnailHttp(width: number, height: number, mode?: "scale" | "crop"): string | null;
+    getThumbnailOfSourceHttp(width: number, height: number, mode?: "scale" | "crop"): string | null;
+    getSquareThumbnailHttp(dim: number): string | null;
+    downloadSource(): Promise<Response>;
+}
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export interface MediaContructable<PreparedMedia> {
+    new (prepared: PreparedMedia): Media;
+}
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export interface MediaCustomisations<Content, Client, PreparedMedia> {
+    readonly Media: MediaContructable<PreparedMedia>;
+    mediaFromContent(content: Content, client?: Client): Media;
+    mediaFromMxc(mxc?: string, client?: Client): Media;
+}
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export interface RoomListCustomisations<Room> {
+    /**
+     * Determines if a room is visible in the room list or not. By default,
+     * all rooms are visible. Where special handling is performed by Element,
+     * those rooms will not be able to override their visibility in the room
+     * list - Element will make the decision without calling this function.
+     *
+     * This function should be as fast as possible to avoid slowing down the
+     * client.
+     * @param room - The room to check the visibility of.
+     * @returns True if the room should be visible, false otherwise.
+     */
+    isRoomVisible?(room: Room): boolean;
+}
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export interface UserIdentifierCustomisations {
+    /**
+     * Customise display of the user identifier
+     * hide userId for guests, display 3pid
+     *
+     * Set withDisplayName to true when user identifier will be displayed alongside user name
+     */
+    getDisplayUserIdentifier(userId: string, opts: { roomId?: string; withDisplayName?: boolean }): string | null;
+}
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export interface WidgetPermissionsCustomisations<Widget, Capability> {
+    /**
+     * Approves the widget for capabilities that it requested, if any can be
+     * approved. Typically this will be used to give certain widgets capabilities
+     * without having to prompt the user to approve them. This cannot reject
+     * capabilities that Element will be automatically granting, such as the
+     * ability for Jitsi widgets to stay on screen - those will be approved
+     * regardless.
+     * @param widget - The widget to approve capabilities for.
+     * @param requestedCapabilities - The capabilities the widget requested.
+     * @returns Resolves to the capabilities that are approved for use
+     * by the widget. If none are approved, this should return an empty Set.
+     */
+    preapproveCapabilities?(widget: Widget, requestedCapabilities: Set<Capability>): Promise<Set<Capability>>;
+}
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export interface WidgetVariablesCustomisations {
+    /**
+     * Provides a partial set of the variables needed to render any widget. If
+     * variables are missing or not provided then they will be filled with the
+     * application-determined defaults.
+     *
+     * This will not be called until after isReady() resolves.
+     * @returns The variables.
+     */
+    provideVariables?(): {
+        currentUserId: string;
+        userDisplayName?: string;
+        userHttpAvatarUrl?: string;
+        clientId?: string;
+        clientTheme?: string;
+        clientLanguage?: string;
+        deviceId?: string;
+        baseUrl?: string;
+    };
+    /**
+     * Resolves to whether or not the customisation point is ready for variables
+     * to be provided. This will block widgets being rendered.
+     * If not provided, the app will assume that the customisation is always ready.
+     * @returns a promise which resolves when ready.
+     */
+    isReady?(): Promise<void>;
+}
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export type LegacyCustomisations<T extends object> = (customisations: T) => void;
+
+/**
+ * @alpha
+ * @deprecated in favour of the new Module API
+ */
+export interface LegacyCustomisationsApiExtension {
+    /**
+     * @deprecated in favour of the new Module API
+     */
+    readonly _registerLegacyAliasCustomisations: LegacyCustomisations<AliasCustomisations>;
+    /**
+     * @deprecated in favour of the new Module API
+     */
+    readonly _registerLegacyChatExportCustomisations: LegacyCustomisations<ChatExportCustomisations<never, never>>;
+    /**
+     * @deprecated in favour of the new Module API
+     */
+    readonly _registerLegacyComponentVisibilityCustomisations: LegacyCustomisations<ComponentVisibilityCustomisations>;
+    /**
+     * @deprecated in favour of the new Module API
+     */
+    readonly _registerLegacyDirectoryCustomisations: LegacyCustomisations<DirectoryCustomisations>;
+    /**
+     * @deprecated in favour of the new Module API
+     */
+    readonly _registerLegacyLifecycleCustomisations: LegacyCustomisations<LifecycleCustomisations>;
+    /**
+     * @deprecated in favour of the new Module API
+     */
+    readonly _registerLegacyMediaCustomisations: LegacyCustomisations<MediaCustomisations<never, never, never>>;
+    /**
+     * @deprecated in favour of the new Module API
+     */
+    readonly _registerLegacyRoomListCustomisations: LegacyCustomisations<RoomListCustomisations<never>>;
+    /**
+     * @deprecated in favour of the new Module API
+     */
+    readonly _registerLegacyUserIdentifierCustomisations: LegacyCustomisations<UserIdentifierCustomisations>;
+    /**
+     * @deprecated in favour of the new Module API
+     */
+    readonly _registerLegacyWidgetPermissionsCustomisations: LegacyCustomisations<
+        WidgetPermissionsCustomisations<never, never>
+    >;
+    /**
+     * @deprecated in favour of the new Module API
+     */
+    readonly _registerLegacyWidgetVariablesCustomisations: LegacyCustomisations<WidgetVariablesCustomisations>;
+}
diff --git a/packages/module-api/src/api/legacy-modules.ts b/packages/module-api/src/api/legacy-modules.ts
new file mode 100644
index 00000000000..a2418c8aa6e
--- /dev/null
+++ b/packages/module-api/src/api/legacy-modules.ts
@@ -0,0 +1,28 @@
+/*
+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.
+*/
+
+// @ts-ignore -- optional interface, will gracefully degrade to `any` if `react-sdk-module-api` isn't installed
+import type { ModuleApi, RuntimeModule } from "@matrix-org/react-sdk-module-api";
+
+/**
+ * @alpha
+ * @deprecated in favour of the new module API
+ */
+export type RuntimeModuleConstructor = new (api: ModuleApi) => RuntimeModule;
+
+/**
+ * @alpha
+ * @deprecated in favour of the new module API
+ */
+export interface LegacyModuleApiExtension {
+    /**
+     * Register a legacy module based on \@matrix-org/react-sdk-module-api
+     * @param LegacyModule - the module class to register
+     * @deprecated provided only as a transition path for legacy modules
+     */
+    _registerLegacyModule(LegacyModule: RuntimeModuleConstructor): Promise<void>;
+}
diff --git a/packages/module-api/src/api/navigation.ts b/packages/module-api/src/api/navigation.ts
new file mode 100644
index 00000000000..76ff59f1c38
--- /dev/null
+++ b/packages/module-api/src/api/navigation.ts
@@ -0,0 +1,59 @@
+/*
+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 JSX } from "react";
+
+/**
+ * A function called to render a component when a user navigates to the corresponding
+ * location. Currently renders alongside just the SpacePanel.
+ * @alpha
+ */
+export type LocationRenderFunction = () => JSX.Element;
+
+/**
+ * The options available for changing the open behaviour.
+ * @public
+ */
+export interface OpenRoomOptions {
+    /**
+     * The list of servers to join via.
+     */
+    viaServers?: string[];
+
+    /**
+     * Whether to automatically join the room if we are not already in it.
+     */
+    autoJoin?: boolean;
+}
+
+/**
+ * API methods to navigate the application.
+ * @public
+ */
+export interface NavigationApi {
+    /**
+     * Navigate to a permalink, optionally causing a join if the user is not already a member of the room/space.
+     * @param link - The permalink to navigate to, e.g. `https://matrix.to/#/!roomId:example.com`.
+     * @param join - If true, the user will be made to attempt to join the room/space if they are not already a member.
+     */
+    toMatrixToLink(link: string, join?: boolean): Promise<void>;
+
+    /**
+     * Register a renderer for a given location path.
+     * @param path - The location path to register the renderer for.
+     * @param renderer - The function that will render the component for the location.
+     * @alpha
+     */
+    registerLocationRenderer(path: string, renderer: LocationRenderFunction): void;
+
+    /**
+     * Open a room in element-web.
+     * @param roomIdOrAlias - id/alias of the room to open
+     * @param opts - Options to control the open action, see {@link OpenRoomOptions}
+     */
+    openRoom(roomIdOrAlias: string, opts?: OpenRoomOptions): void;
+}
diff --git a/packages/module-api/src/api/profile.ts b/packages/module-api/src/api/profile.ts
new file mode 100644
index 00000000000..6be444f05f8
--- /dev/null
+++ b/packages/module-api/src/api/profile.ts
@@ -0,0 +1,38 @@
+/*
+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 Watchable } from "./watchable.ts";
+
+/**
+ * The profile of the user currently logged in.
+ * @public
+ */
+export interface Profile {
+    /**
+     * Indicates whether the user is a guest user.
+     */
+    isGuest?: boolean;
+    /**
+     * The user ID of the logged-in user, if undefined then no user is logged in.
+     */
+    userId?: string;
+    /**
+     * The display name of the logged-in user.
+     */
+    displayName?: string;
+}
+
+/**
+ * API extensions for modules to access the profile of the logged-in user.
+ * @public
+ */
+export interface ProfileApiExtension {
+    /**
+     * The profile of the user currently logged in.
+     */
+    readonly profile: Watchable<Profile>;
+}
diff --git a/packages/module-api/src/api/settings.ts b/packages/module-api/src/api/settings.ts
new file mode 100644
index 00000000000..12f40895115
--- /dev/null
+++ b/packages/module-api/src/api/settings.ts
@@ -0,0 +1,22 @@
+/*
+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.
+*/
+
+/**
+ * API for reading application settings.
+ * @alpha Subject to change.
+ */
+export interface SettingsApi {
+    /**
+     * Gets the value of a setting, computed across all applicable levels
+     * (device, room, account, config, default, etc.).
+     * @param settingName - The name of the setting to read.
+     * @param roomId - Room ID to read a room-scoped value for, or null/undefined for a
+     * non-room-scoped value.
+     * @param excludeDefault - If true, do not fall back to the setting's default value.
+     */
+    getValue<T = any>(settingName: string, roomId?: string | null, excludeDefault?: boolean): T | undefined;
+}
diff --git a/packages/module-api/src/api/storage-helper.ts b/packages/module-api/src/api/storage-helper.ts
new file mode 100644
index 00000000000..a9487ea7623
--- /dev/null
+++ b/packages/module-api/src/api/storage-helper.ts
@@ -0,0 +1,20 @@
+/*
+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.
+*/
+
+/**
+ * API for accessing functions that help with storing things.
+ * @alpha Subject to change.
+ */
+export interface StorageHelperApi {
+    /**
+     * Gets a previously stored pickle key, used for encrypting crypto data.
+     * @param userId - the user ID for the user that the pickle key is for.
+     * @param deviceId - the device ID that the pickle key is for.
+     * @returns the previously stored pickle key, or null if no pickle key has been stored.
+     */
+    getPickleKey(userId: string, deviceId: string): Promise<string | null>;
+}
diff --git a/packages/module-api/src/api/stores.ts b/packages/module-api/src/api/stores.ts
new file mode 100644
index 00000000000..9e5bfa252d3
--- /dev/null
+++ b/packages/module-api/src/api/stores.ts
@@ -0,0 +1,36 @@
+/*
+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 "../models/Room";
+import { type Watchable } from "./watchable";
+
+/**
+ * Provides some basic functionality of the Room List Store from element-web.
+ * @public
+ */
+export interface RoomListStoreApi {
+    /**
+     * Returns a watchable holding a flat list of sorted room.
+     */
+    getRooms(): Watchable<Room[]>;
+
+    /**
+     * Returns a promise that resolves when RLS is ready.
+     */
+    waitForReady(): Promise<void>;
+}
+
+/**
+ * Provides access to certain stores from element-web.
+ * @public
+ */
+export interface StoresApi {
+    /**
+     * Use this to access limited functionality of the RLS from element-web.
+     */
+    roomListStore: RoomListStoreApi;
+}
diff --git a/packages/module-api/src/api/watchable.test.ts b/packages/module-api/src/api/watchable.test.ts
new file mode 100644
index 00000000000..e55695c29c1
--- /dev/null
+++ b/packages/module-api/src/api/watchable.test.ts
@@ -0,0 +1,99 @@
+/*
+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 { expect, test, vi, vitest } from "vitest";
+
+import { Watchable } from "./watchable";
+
+test("initial value is set correctly", () => {
+    const watchable = new Watchable(42);
+    expect(watchable.value).toBe(42);
+});
+
+test("value can be updated", () => {
+    const watchable = new Watchable(100);
+    watchable.value = 200;
+    expect(watchable.value).toBe(200);
+});
+
+test("watchers are notified on value change", () => {
+    const watchable = new Watchable(1);
+    const listener = vitest.fn();
+
+    watchable.watch(listener);
+    watchable.value = 2; // This should trigger the listener
+    expect(listener).toHaveBeenCalledExactlyOnceWith(2);
+
+    watchable.unwatch(listener); // Clean up after the test
+});
+
+test("watchers are not notified if value does not change", () => {
+    const watchable = new Watchable(10);
+    const listener = vitest.fn();
+
+    watchable.watch(listener);
+    watchable.value = 10; // This should not trigger the listener
+    expect(listener).not.toHaveBeenCalled();
+
+    watchable.unwatch(listener); // Clean up after the test
+});
+
+test("when value is an object, shallow comparison works", () => {
+    const watchable = new Watchable({ a: 1, b: 2 });
+    const listener = vitest.fn();
+    watchable.watch(listener);
+
+    // Update with a new object that has the same properties
+    watchable.value = { a: 3, b: 2 }; // This should trigger the listener
+    expect(listener).toHaveBeenCalledExactlyOnceWith({ a: 3, b: 2 });
+    listener.mockClear();
+    watchable.value = { a: 3, b: 2 }; // This should not trigger the listener again
+    expect(listener).not.toHaveBeenCalled();
+
+    watchable.unwatch(listener); // Clean up after the test
+});
+
+test("onFirstWatch and onLastWatch are called when appropriate", () => {
+    const onFirstWatch = vi.fn();
+    const onLastWatch = vi.fn();
+    class CustomWatchable extends Watchable<number> {
+        protected onFirstWatch(): void {
+            onFirstWatch();
+        }
+        protected onLastWatch(): void {
+            onLastWatch();
+        }
+    }
+
+    const watchable = new CustomWatchable(10);
+    // No listeners yet, so expect no calls
+    expect(onFirstWatch).not.toHaveBeenCalled();
+    expect(onLastWatch).not.toHaveBeenCalled();
+
+    // Let's say that we have three listeners
+    const listeners = [vi.fn(), vi.fn(), vi.fn()];
+
+    // Let's add all of them via watch
+    for (const listener of listeners) {
+        watchable.watch(listener);
+    }
+
+    // Only expect onFirstWatch() to have been called once
+    expect(onFirstWatch).toHaveBeenCalledOnce();
+
+    // Let's remove all the listeners
+    for (const listener of listeners) {
+        watchable.unwatch(listener);
+    }
+
+    // Only expect onLastWatch to have been called once
+    expect(onLastWatch).toHaveBeenCalledOnce();
+
+    // Should call onFirstWatch again once we have more listeners
+    watchable.watch(vi.fn());
+    expect(onFirstWatch).toHaveBeenCalledTimes(2);
+});
diff --git a/packages/module-api/src/api/watchable.ts b/packages/module-api/src/api/watchable.ts
new file mode 100644
index 00000000000..69296571c8e
--- /dev/null
+++ b/packages/module-api/src/api/watchable.ts
@@ -0,0 +1,101 @@
+/*
+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 { useEffect, useState } from "react";
+
+type WatchFn<T> = (value: T) => void;
+
+function shallowCompare<T extends object>(obj1: T, obj2: T): boolean {
+    return (
+        Object.keys(obj1).length === Object.keys(obj2).length &&
+        Object.keys(obj1).every((key) => obj1[key as keyof T] === obj2[key as keyof T])
+    );
+}
+
+function isObject(value: unknown): value is object {
+    return value !== null && typeof value === "object";
+}
+
+/**
+ * Utility class to wrap a value and allow listeners to be notified when the value changes.
+ * If T is an object, it will use a shallow comparison to determine if the value has changed.
+ * @public
+ */
+export class Watchable<T> {
+    protected readonly listeners = new Set<WatchFn<T>>();
+
+    public constructor(private currentValue: T) {}
+
+    /**
+     * The value stored in this watchable.
+     * Warning: Could potentially return stale data if you haven't called {@link Watchable#watch}.
+     */
+    public get value(): T {
+        return this.currentValue;
+    }
+
+    public set value(value: T) {
+        // If the value hasn't changed, do nothing.
+        if (value === this.currentValue) {
+            return;
+        }
+        if (isObject(value) && isObject(this.currentValue) && shallowCompare(this.currentValue as object, value)) {
+            return;
+        }
+
+        this.currentValue = value;
+        for (const listener of this.listeners) {
+            listener(this.currentValue);
+        }
+    }
+
+    public watch(listener: (value: T) => void): void {
+        // Call onFirstWatch if there was no listener before.
+        if (this.listeners.size === 0) {
+            this.onFirstWatch();
+        }
+        this.listeners.add(listener);
+    }
+
+    public unwatch(listener: (value: T) => void): void {
+        const hasDeleted = this.listeners.delete(listener);
+        // Call onLastWatch if every listener has been removed.
+        if (hasDeleted && this.listeners.size === 0) {
+            this.onLastWatch();
+        }
+    }
+
+    /**
+     * This is called when the number of listeners go from zero to one.
+     * Could be used to add external event listeners.
+     */
+    protected onFirstWatch(): void {}
+
+    /**
+     * This is called when the number of listeners go from one to zero.
+     * Could be used to remove external event listeners.
+     */
+    protected onLastWatch(): void {}
+}
+
+/**
+ * A React hook to use an updated Watchable value.
+ * @param watchable - The Watchable instance to watch.
+ * @returns The live value of the Watchable.
+ * @public
+ */
+export function useWatchable<T>(watchable: Watchable<T>): T {
+    const [value, setValue] = useState<T>(watchable.value);
+    useEffect(() => {
+        setValue(watchable.value);
+        watchable.watch(setValue);
+        return (): void => {
+            watchable.unwatch(setValue);
+        };
+    }, [watchable]);
+    return value;
+}
diff --git a/packages/module-api/src/api/widget-lifecycle.ts b/packages/module-api/src/api/widget-lifecycle.ts
new file mode 100644
index 00000000000..6258629eab8
--- /dev/null
+++ b/packages/module-api/src/api/widget-lifecycle.ts
@@ -0,0 +1,76 @@
+/*
+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 { MaybePromise } from "../utils";
+
+/**
+ * A description of a widget passed to approver callbacks.
+ * Contains the information needed to make approval decisions.
+ * @alpha Subject to change.
+ */
+export type WidgetDescriptor = {
+    /** The unique identifier of the widget. */
+    id: string;
+    /** The template URL of the widget, which may contain `$matrix_*` placeholder variables. */
+    templateUrl: string;
+    /** The Matrix user ID of the user who created the widget. */
+    creatorUserId: string;
+    /** The widget type, e.g. `m.custom`, `m.jitsi`, `m.stickerpicker`. */
+    type: string;
+    /** The origin of the widget URL. */
+    origin: string;
+    /** The room ID the widget belongs to, if it is a room widget. */
+    roomId?: string;
+};
+
+/**
+ * Callback that decides whether a widget should be auto-approved for preloading
+ * (i.e. loaded without the user clicking "Continue").
+ * Return `true` to auto-approve, or any other value to defer to the default consent flow.
+ * @alpha Subject to change.
+ */
+export type PreloadApprover = (widget: WidgetDescriptor) => MaybePromise<boolean | undefined>;
+/**
+ * Callback that decides whether a widget should be auto-approved to receive
+ * the user's OpenID identity token.
+ * Return `true` to auto-approve, or any other value to defer to the default consent flow.
+ * @alpha Subject to change.
+ */
+export type IdentityApprover = (widget: WidgetDescriptor) => MaybePromise<boolean | undefined>;
+/**
+ * Callback that decides which of a widget's requested capabilities should be auto-approved.
+ * Return a `Set` of approved capability strings, or `undefined` to defer to the default consent flow.
+ * @alpha Subject to change.
+ */
+export type CapabilitiesApprover = (
+    widget: WidgetDescriptor,
+    requestedCapabilities: Set<string>,
+) => MaybePromise<Set<string> | undefined>;
+
+/**
+ * API for modules to auto-approve widget preloading, identity token requests, and capability requests.
+ * @alpha Subject to change.
+ */
+export interface WidgetLifecycleApi {
+    /**
+     * Register a handler that can auto-approve widget preloading.
+     * Returning true auto-approves; any other value results in no auto-approval.
+     */
+    registerPreloadApprover(approver: PreloadApprover): void;
+
+    /**
+     * Register a handler that can auto-approve identity token requests.
+     * Returning true auto-approves; any other value results in no auto-approval.
+     */
+    registerIdentityApprover(approver: IdentityApprover): void;
+
+    /**
+     * Register a handler that can auto-approve widget capabilities.
+     * Return a set containing the capabilities to approve.
+     */
+    registerCapabilitiesApprover(approver: CapabilitiesApprover): void;
+}
diff --git a/packages/module-api/src/api/widget.ts b/packages/module-api/src/api/widget.ts
new file mode 100644
index 00000000000..66c8b31e735
--- /dev/null
+++ b/packages/module-api/src/api/widget.ts
@@ -0,0 +1,68 @@
+/*
+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 IWidget } from "matrix-widget-api";
+
+/**
+ * Containers that control where a widget is displayed on the screen.
+ *
+ * "top" is the app drawer, and currently the only sensible value.
+ *
+ * "right" is the right panel, and the default for widgets. Setting
+ * this as a container on a widget is essentially like saying "no
+ * changes needed", though this may change in the future.
+ *
+ * "center" was uncodumented at time of porting this from an enum.
+ * Possibly when a widget replaces the main chat view like element call.
+ *
+ * @alpha Subject to change.
+ */
+export type Container = "top" | "right" | "center";
+
+/**
+ * An API for interfacing with widgets in Element Web, including getting what widgets
+ * are active in a given room.
+ * @alpha Subject to change.
+ */
+export interface WidgetApi {
+    /**
+     * Gets the widgets active in a given room.
+     *
+     * @param roomId - The room to get the widgets for.
+     */
+    getWidgetsInRoom(roomId: string): IWidget[];
+
+    /**
+     * Gets the URL of a widget's avatar, if it has one.
+     *
+     * @param app - The widget to get the avatar URL for.
+     * @param width - Optional width to resize the avatar to.
+     * @param height - Optional height to resize the avatar to.
+     * @param resizeMethod - Optional method to use when resizing the avatar.
+     * @returns The URL of the widget's avatar, or null if it doesn't have one.
+     */
+    getAppAvatarUrl(app: IWidget, width?: number, height?: number, resizeMethod?: string): string | null;
+
+    /**
+     * Checks if a widget is in a specific container in a given room.
+     *
+     * @param app - The widget to check.
+     * @param container - The container to check.
+     * @param roomId - The room to check in.
+     * @returns True if the widget is in the specified container, false otherwise.
+     */
+    isAppInContainer(app: IWidget, container: Container, roomId: string): boolean;
+
+    /**
+     * Moves a widget to a specific container in a given room.
+     *
+     * @param app - The widget to move.
+     * @param container - The container to move the widget to.
+     * @param roomId - The room to move the widget in.
+     */
+    moveAppToContainer(app: IWidget, container: Container, roomId: string): void;
+}
diff --git a/packages/module-api/src/index.ts b/packages/module-api/src/index.ts
new file mode 100644
index 00000000000..64dee60878d
--- /dev/null
+++ b/packages/module-api/src/index.ts
@@ -0,0 +1,41 @@
+/*
+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.
+*/
+
+export { ModuleLoader, ModuleIncompatibleError } from "./loader";
+export type { Api, Module, ModuleFactory } from "./api";
+export type { Config, ConfigApi } from "./api/config";
+export type {
+    I18nApi,
+    Variables,
+    StringVariables,
+    RichVariables,
+    Translations,
+    SubstitutionValue,
+    Tags,
+} from "./api/i18n";
+export type * from "./models/event";
+export type * from "./models/Room";
+export type * from "./api/composer";
+export type * from "./api/custom-components";
+export type * from "./api/extras";
+export type * from "./api/legacy-modules";
+export type * from "./api/legacy-customisations";
+export type * from "./api/auth";
+export type * from "./api/dialog";
+export type * from "./api/profile";
+export type * from "./api/navigation";
+export type * from "./api/builtins";
+export type * from "./api/stores";
+export type * from "./api/client";
+export type * from "./api/widget-lifecycle";
+export type * from "./api/widget";
+export type * from "./api/customisations";
+export { UIComponent } from "./api/customisations";
+export type * from "./api/storage-helper";
+export type * from "./api/settings";
+export * from "./api/watchable";
+export type * from "./utils";
diff --git a/packages/module-api/src/loader.test.ts b/packages/module-api/src/loader.test.ts
new file mode 100644
index 00000000000..8010c72af43
--- /dev/null
+++ b/packages/module-api/src/loader.test.ts
@@ -0,0 +1,58 @@
+/*
+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 { expect, test, describe, vi, beforeEach } from "vitest";
+
+import { type Api, ModuleIncompatibleError, ModuleLoader } from ".";
+
+describe("ModuleIncompatibleError", () => {
+    test("should extend Error", () => {
+        expect(new ModuleIncompatibleError("1.0.0")).toBeInstanceOf(Error);
+    });
+});
+
+describe("ModuleLoader", () => {
+    const mockApi = {} as Api;
+
+    beforeEach(() => {
+        vi.stubGlobal("__VERSION__", "1.0.1");
+    });
+
+    test("should load a module", async () => {
+        const TestModule = {
+            default: class TestModule {
+                public static moduleApiVersion = "^1.0.0";
+                public constructor(private readonly api: Api) {}
+                public async load(): Promise<void> {}
+            },
+        };
+
+        const spy = vi.spyOn(TestModule.default.prototype, "load");
+
+        const loader = new ModuleLoader(mockApi);
+        await loader.load(TestModule);
+        await loader.start();
+        expect(spy).toHaveBeenCalledWith();
+    });
+
+    test("should fail to load an incompatible module", async () => {
+        const TestModule = {
+            default: class TestModule {
+                public static moduleApiVersion = "^2";
+                public constructor(private readonly api: Api) {}
+                public async load(): Promise<void> {}
+            },
+        };
+
+        const spy = vi.spyOn(TestModule.default.prototype, "load");
+
+        const loader = new ModuleLoader(mockApi);
+        await expect(loader.load(TestModule)).rejects.toThrowError(ModuleIncompatibleError);
+        await loader.start();
+        expect(spy).not.toHaveBeenCalledWith();
+    });
+});
diff --git a/packages/module-api/src/loader.ts b/packages/module-api/src/loader.ts
new file mode 100644
index 00000000000..c057109f28e
--- /dev/null
+++ b/packages/module-api/src/loader.ts
@@ -0,0 +1,55 @@
+/*
+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 { satisfies } from "semver";
+
+import { type Api, isModule, type Module, type ModuleExport } from "./api";
+
+/**
+ * Error thrown when a module is incompatible with the engine version.
+ * @public
+ */
+export class ModuleIncompatibleError extends Error {
+    public constructor(pluginVersion: string) {
+        super(`Plugin version ${pluginVersion} is incompatible with engine version ${__VERSION__}`);
+    }
+}
+
+/**
+ * A module loader for loading and starting modules.
+ * @public
+ */
+export class ModuleLoader {
+    private modules: Module[] = [];
+    private started = false;
+
+    public constructor(private api: Api) {}
+
+    public async load(moduleExport: ModuleExport): Promise<void> {
+        if (this.started) {
+            throw new Error("PluginEngine.start() has already been called");
+        }
+
+        if (!isModule(moduleExport)) {
+            throw new Error("Invalid plugin");
+        }
+        if (!satisfies(__VERSION__, moduleExport.default.moduleApiVersion)) {
+            throw new ModuleIncompatibleError(moduleExport.default.moduleApiVersion);
+        }
+        const { default: Module } = moduleExport;
+        this.modules.push(new Module(this.api));
+    }
+
+    public async start(): Promise<void> {
+        if (this.started) {
+            throw new Error("PluginEngine.start() has already been called");
+        }
+        this.started = true;
+
+        await Promise.all(this.modules.map((plugin) => plugin.load()));
+    }
+}
diff --git a/packages/module-api/src/models/Room.ts b/packages/module-api/src/models/Room.ts
new file mode 100644
index 00000000000..eb67d8054e9
--- /dev/null
+++ b/packages/module-api/src/models/Room.ts
@@ -0,0 +1,28 @@
+/*
+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 Watchable } from "../api/watchable";
+
+/**
+ * Represents a room from element-web.
+ * @public
+ */
+export interface Room {
+    /**
+     * Id of this room.
+     */
+    id: string;
+    /**
+     * {@link Watchable} holding the name for this room.
+     */
+    name: Watchable<string>;
+    /**
+     * Get the timestamp of the last message in this room.
+     * @returns last active timestamp
+     */
+    getLastActiveTimestamp: () => number;
+}
diff --git a/packages/module-api/src/models/event.ts b/packages/module-api/src/models/event.ts
new file mode 100644
index 00000000000..b75606090e0
--- /dev/null
+++ b/packages/module-api/src/models/event.ts
@@ -0,0 +1,48 @@
+/*
+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.
+*/
+
+/**
+ * Representation of a Matrix event, as specified by the client server specification.
+ * @alpha Subject to change.
+ * @see https://spec.matrix.org/v1.14/client-server-api/#room-event-format
+ */
+export interface MatrixEvent {
+    /**
+     * The event ID of this event.
+     */
+    eventId: string;
+    /**
+     * The room ID which contains this event.
+     */
+    roomId: string;
+    /**
+     * The Matrix ID of the user who sent this event.
+     */
+    sender: string;
+    /**
+     * The content of the event.
+     * If the event was encrypted, this is the decrypted content.
+     */
+    content: Record<string, unknown>;
+    /**
+     * Contains optional extra information about the event.
+     */
+    unsigned: Record<string, unknown>;
+    /**
+     * The type of the event.
+     */
+    type: string;
+    /**
+     * The state key of the event.
+     * If this key is set, including `""` then the event is a state event.
+     */
+    stateKey?: string;
+    /**
+     * Timestamp (in milliseconds since the unix epoch) on originating homeserver when this event was sent.
+     */
+    originServerTs: number;
+}
diff --git a/packages/module-api/src/utils.ts b/packages/module-api/src/utils.ts
new file mode 100644
index 00000000000..8692b180c8a
--- /dev/null
+++ b/packages/module-api/src/utils.ts
@@ -0,0 +1,13 @@
+/*
+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.
+*/
+
+/**
+ * A value that may be a direct value or a Promise resolving to that value.
+ * Useful for callback APIs that can operate synchronously or asynchronously.
+ * @public
+ */
+export type MaybePromise<T> = T | PromiseLike<T>;
diff --git a/packages/module-api/tsconfig.json b/packages/module-api/tsconfig.json
new file mode 100644
index 00000000000..322d3c502af
--- /dev/null
+++ b/packages/module-api/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "$schema": "http://json.schemastore.org/tsconfig",
+    "compilerOptions": {
+        "rootDir": "./src",
+        "target": "esnext",
+        "lib": ["dom", "es2022", "esnext"],
+        "esModuleInterop": true,
+        "strict": true,
+        "declaration": true,
+        "module": "es2022",
+        "moduleResolution": "bundler",
+        "types": [],
+        "noEmit": true,
+        "jsx": "react-jsx",
+        "declarationMap": true,
+        "allowImportingTsExtensions": true
+    },
+    "include": ["src"]
+}
diff --git a/packages/module-api/vite.base.ts b/packages/module-api/vite.base.ts
new file mode 100644
index 00000000000..4be510c5875
--- /dev/null
+++ b/packages/module-api/vite.base.ts
@@ -0,0 +1,46 @@
+/*
+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.
+*/
+
+/**
+ * Base vite config for building Element modules
+ */
+
+import { defineConfig, esmExternalRequirePlugin } from "vite";
+import externalGlobals from "rollup-plugin-external-globals";
+
+export default defineConfig({
+    build: {
+        outDir: "lib",
+        target: "esnext",
+        sourcemap: true,
+        rolldownOptions: {
+            plugins: [
+                esmExternalRequirePlugin({
+                    external: ["react"],
+                }),
+            ],
+            output: {
+                globals: {
+                    // Reuse React from the host app
+                    react: "window.React",
+                },
+            },
+        },
+    },
+    plugins: [
+        externalGlobals({
+            // Reuse React from the host app
+            react: "window.React",
+        }),
+    ],
+    define: {
+        // Use production mode for the build as it is tested against production builds of Element Web,
+        // this is required for React JSX versions to be compatible.
+        "process.env.NODE_ENV": "'production'",
+        "process": { env: { NODE_ENV: "production" } },
+    },
+});
diff --git a/packages/module-api/vite.config.ts b/packages/module-api/vite.config.ts
new file mode 100644
index 00000000000..e465f9319ed
--- /dev/null
+++ b/packages/module-api/vite.config.ts
@@ -0,0 +1,52 @@
+/*
+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 path from "node:path";
+import { fileURLToPath } from "node:url";
+import { defineConfig } from "vitest/config";
+import dts from "unplugin-dts/vite";
+import externalGlobals from "rollup-plugin-external-globals";
+
+import packageJson from "./package.json" with { type: "json" };
+
+export default defineConfig({
+    build: {
+        lib: {
+            entry: fileURLToPath(import.meta.resolve("./src/index.ts")),
+            name: "element-web-plugin-engine",
+            fileName: "element-web-plugin-engine",
+        },
+        outDir: "lib",
+        target: "esnext",
+        sourcemap: true,
+    },
+    plugins: [
+        dts({
+            bundleTypes: {
+                configPath: "./api-extractor.json",
+                invokeOptions: {
+                    // Always overwrite element-web-module-api.api.md
+                    localBuild: true,
+                    // oxlint-disable-next-line unicorn/prefer-module
+                    typescriptCompilerFolder: path.resolve(require.resolve("@typescript/old"), "../.."),
+                },
+            },
+        }),
+        externalGlobals({
+            // Reuse React from the host app
+            react: "window.React",
+        }),
+    ],
+    define: {
+        // We cannot use `process.env.npm_package_version` as when building element-web with module-api set to `workspace`
+        // this would contain the version of element-web rather than that of the module-api.
+        __VERSION__: JSON.stringify(packageJson.version),
+        // Use production mode for the build as it is tested against production builds of Element Web,
+        // this is required for React JSX versions to be compatible.
+        process: { env: { NODE_ENV: "production" } },
+    },
+});
diff --git a/packages/module-api/vitest.config.ts b/packages/module-api/vitest.config.ts
new file mode 100644
index 00000000000..35df0613220
--- /dev/null
+++ b/packages/module-api/vitest.config.ts
@@ -0,0 +1,20 @@
+/*
+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 { defineProject } from "vitest/config";
+
+import viteConfig from "./vite.config";
+
+export default defineProject({
+    test: {
+        environment: "node",
+        pool: "threads",
+        globals: false,
+        include: ["src/**/*.test.{ts,tsx}"],
+    },
+    define: viteConfig.define,
+});
diff --git a/packages/playwright-common/.gitignore b/packages/playwright-common/.gitignore
new file mode 100644
index 00000000000..c3af857904e
--- /dev/null
+++ b/packages/playwright-common/.gitignore
@@ -0,0 +1 @@
+lib/
diff --git a/packages/playwright-common/Dockerfile b/packages/playwright-common/Dockerfile
new file mode 100644
index 00000000000..4f78434f610
--- /dev/null
+++ b/packages/playwright-common/Dockerfile
@@ -0,0 +1,32 @@
+# Expose the argument for use in FROM
+ARG PLAYWRIGHT_VERSION
+FROM mcr.microsoft.com/playwright:v${PLAYWRIGHT_VERSION}-noble
+# Expose the argument to this build stage
+ARG PLAYWRIGHT_VERSION
+
+WORKDIR /work
+
+# fonts-dejavu is needed for the same RTL rendering as on CI
+RUN apt-get update && \
+    apt-get -y install docker.io fonts-dejavu && \
+    apt-get purge -y --auto-remove && \
+    rm -rf /var/lib/apt/lists/*
+
+# Install the matching playwright runtime, the docker image only includes browsers
+RUN npm i -g playwright@${PLAYWRIGHT_VERSION}
+
+# switch to pwuser
+USER 1001:1001
+
+COPY docker-entrypoint.sh /docker-entrypoint.sh
+
+# We use `docker-init` as PID 1, which means that the container shuts down correctly on SIGTERM.
+#
+# (The problem is that PID 1 doesn't get default signal handlers, and
+# playwright server doesn't register a SIGTERM handler, so if that ends up as
+# PID 1, then it ignores SIGTERM. Likewise bash doesn't set a SIGTERM handler by default.
+#
+# The easiest solution is to use docker-init, which is in fact `tini` (https://github.com/krallin/tini).
+#
+# See https://github.com/krallin/tini/issues/8#issuecomment-146135930 for a good explanation of all this.)
+ENTRYPOINT ["/usr/bin/docker-init", "/docker-entrypoint.sh"]
diff --git a/packages/playwright-common/README.md b/packages/playwright-common/README.md
new file mode 100644
index 00000000000..47355e1dc84
--- /dev/null
+++ b/packages/playwright-common/README.md
@@ -0,0 +1,28 @@
+# @element-hq/element-web-playwright-common
+
+Set of Playwright & testcontainers utilities to make it easier to write tests for Element Web, Element Web Modules & Element Desktop.
+
+The main export includes a number of fixtures and custom assertions as documented in JSDoc.
+
+The `lib/testcontainers` export contains the following modules:
+
+- `SynapseContainer` - A testcontainer for running a Synapse server
+- `MatrixAuthenticationServiceContainer` - A testcontainer for running a Matrix Authentication Service
+- `MailpitContainer` - A testcontainer for running a Mailpit SMTP server
+
+There are a number of utils available in the `lib/utils` export.
+
+## Releases
+
+The API is versioned using semver, with the major version incremented for breaking changes.
+
+## Copyright & License
+
+Copyright (c) 2026 Element Creations Ltd
+
+This software is multi licensed by Element Creations Ltd (Element). It can be used either:
+
+(1) for free under the terms of the GNU Affero General Public License (as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version); OR
+
+(2) under the terms of a paid-for Element Commercial License agreement between you and Element (the terms of which may vary depending on what you and Element have agreed to).
+Unless required by applicable law or agreed to in writing, software distributed under the Licenses is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the Licenses for the specific language governing permissions and limitations under the Licenses.
diff --git a/packages/playwright-common/docker-entrypoint.sh b/packages/playwright-common/docker-entrypoint.sh
new file mode 100755
index 00000000000..995cfdfaff5
--- /dev/null
+++ b/packages/playwright-common/docker-entrypoint.sh
@@ -0,0 +1,7 @@
+#!/bin/bash
+
+# --unsafe allows clients to pass CLI flags to chromium for things like disabling
+# subpixel rendering which we need for consistent screenshots. 
+# Better might be to specify them statically here but unfortunately that's not an
+# option.
+exec /usr/bin/playwright run-server --port "$PORT" --host 0.0.0.0 --unsafe
diff --git a/packages/playwright-common/package.json b/packages/playwright-common/package.json
new file mode 100644
index 00000000000..f452ab0ca97
--- /dev/null
+++ b/packages/playwright-common/package.json
@@ -0,0 +1,45 @@
+{
+    "name": "@element-hq/element-web-playwright-common",
+    "type": "module",
+    "version": "6.0.0",
+    "license": "SEE LICENSE IN README.md",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/element-hq/element-web.git",
+        "directory": "packages/playwright-common"
+    },
+    "author": "element-hq",
+    "engines": {
+        "node": ">=20.0.0"
+    },
+    "main": "lib/index.js",
+    "types": "lib/index.d.ts",
+    "bin": {
+        "playwright-screenshots": "playwright-screenshots.sh"
+    },
+    "scripts": {
+        "prepack": "nx build:playwright",
+        "lint:types": "nx lint:types"
+    },
+    "devDependencies": {
+        "@element-hq/element-web-module-api": "workspace:*",
+        "@types/lodash-es": "^4.17.12",
+        "typescript": "catalog:"
+    },
+    "dependencies": {
+        "@axe-core/playwright": "^4.10.1",
+        "@testcontainers/postgresql": "^12.0.0",
+        "glob": "^13.0.5",
+        "lodash-es": "^4.17.23",
+        "mailpit-api": "^2.0.0",
+        "strip-ansi": "^7.1.0",
+        "testcontainers": "^12.0.0",
+        "wait-on": "^9.0.4",
+        "yaml": "^2.7.0"
+    },
+    "peerDependencies": {
+        "@element-hq/element-web-module-api": "*",
+        "@playwright/test": "catalog:",
+        "playwright-core": "catalog:"
+    }
+}
diff --git a/packages/playwright-common/playwright-screenshots.sh b/packages/playwright-common/playwright-screenshots.sh
new file mode 100755
index 00000000000..d860e34d12a
--- /dev/null
+++ b/packages/playwright-common/playwright-screenshots.sh
@@ -0,0 +1,52 @@
+#!/bin/bash
+
+set -e
+
+# Handle symlinks here as we tend to be executed as an npm binary
+SCRIPT_PATH=$(readlink -f "$0")
+SCRIPT_DIR=$(dirname "$SCRIPT_PATH")
+
+function build_image() {
+    local IMAGE_NAME="$1"
+
+    echo "playwright-screenshots: Building $IMAGE_NAME image in $SCRIPT_DIR"
+    docker build -t "$IMAGE_NAME" --build-arg "PLAYWRIGHT_VERSION=${IMAGE_NAME#*:}" "$SCRIPT_DIR"
+}
+
+WS_PORT=3000
+
+# Check the playwright version
+PW_VERSION=$(pnpm --silent -- playwright --version | awk '{print $2}')
+IMAGE_NAME="ghcr.io/element-hq/element-web/playwright-server:$PW_VERSION"
+
+# If the image exists in the repository, pull it; otherwise, build it.
+#
+# (This explicit test gives the user clearer progress info than just
+# `docker pull 2>/dev/null || build_image`.)
+if docker manifest inspect "$IMAGE_NAME" &>/dev/null; then
+    docker pull "$IMAGE_NAME"
+else
+    build_image "$IMAGE_NAME"
+fi
+
+# Start the playwright-server in docker
+CONTAINER=$(docker run --network=host -v /tmp:/tmp --rm -d -e PORT="$WS_PORT" "$IMAGE_NAME")
+# Set up an exit trap to clean up the docker container
+clean_up() {
+    ARG=$?
+    echo "playwright-screenshots: Stopping playwright-server"
+    docker stop "$CONTAINER" > /dev/null
+    exit $ARG
+}
+trap clean_up EXIT
+
+# Wait for playwright-server to be ready
+echo "playwright-screenshots: Waiting for playwright-server"
+pnpm --dir "$SCRIPT_DIR" exec wait-on "tcp:$WS_PORT"
+
+# Playwright seems to overwrite the last line from the console, so add an
+# extra newline to make sure this doesn't get lost.
+echo -e "playwright-screenshots: Running '$@'\n"
+
+# Run the test we were given, setting PW_TEST_CONNECT_WS_ENDPOINT accordingly
+PW_TEST_CONNECT_WS_ENDPOINT="http://localhost:$WS_PORT" "$@"
diff --git a/packages/playwright-common/project.json b/packages/playwright-common/project.json
new file mode 100644
index 00000000000..84d3364f490
--- /dev/null
+++ b/packages/playwright-common/project.json
@@ -0,0 +1,43 @@
+{
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "projectType": "library",
+    "root": "packages/playwright-common",
+    "targets": {
+        "build:playwright": {
+            "cache": true,
+            "command": "tsc",
+            "inputs": ["src"],
+            "outputs": ["{projectRoot}/lib"],
+            "options": { "cwd": "packages/playwright-common" },
+            "dependsOn": ["^build"]
+        },
+        "lint:types": {
+            "command": "pnpm exec tsc --noEmit",
+            "options": { "cwd": "packages/playwright-common" },
+            "dependsOn": ["^build"]
+        },
+        "docker:prebuild": {
+            "cache": true,
+            "command": "PLAYWRIGHT_VERSION=$(pnpm --silent -- playwright --version | awk '{print $2}') && printf '%s\\n' \"PLAYWRIGHT_VERSION=$PLAYWRIGHT_VERSION\" \"INPUT_TAGS=\\\"type=ref,event=branch\\ntype=raw,enable={{is_default_branch}},value=$PLAYWRIGHT_VERSION\\\"\" > .env.docker:build",
+            "inputs": [{ "runtime": "pnpm --silent -- playwright --version" }],
+            "outputs": ["{projectRoot}/.env.docker:build"],
+            "options": { "cwd": "packages/playwright-common" }
+        },
+        "docker:build": {
+            "executor": "@nx-tools/nx-container:build",
+            "dependsOn": ["docker:prebuild"],
+            "options": {
+                "load": true,
+                "engine": "docker",
+                "platforms": ["linux/amd64", "linux/arm64"],
+                "provenance": "true",
+                "sbom": true,
+                "build-args": ["PLAYWRIGHT_VERSION"],
+                "context": "{projectRoot}",
+                "metadata": {
+                    "images": ["ghcr.io/element-hq/element-web/playwright-server"]
+                }
+            }
+        }
+    }
+}
diff --git a/packages/playwright-common/src/expect/axe.ts b/packages/playwright-common/src/expect/axe.ts
new file mode 100644
index 00000000000..ab798d9a960
--- /dev/null
+++ b/packages/playwright-common/src/expect/axe.ts
@@ -0,0 +1,37 @@
+/*
+Copyright 2024-2025 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { test, expect as baseExpect, type ExpectMatcherState, type MatcherReturnType } from "@playwright/test";
+
+import type { AxeBuilder } from "@axe-core/playwright";
+
+export type Expectations = {
+    /**
+     * Assert that the given AxeBuilder instance has no violations.
+     * @param receiver - The AxeBuilder instance to check.
+     */
+    toHaveNoViolations: (this: ExpectMatcherState, receiver: AxeBuilder) => Promise<MatcherReturnType>;
+};
+
+export const expect = baseExpect.extend<Expectations>({
+    async toHaveNoViolations(this: ExpectMatcherState, receiver: AxeBuilder) {
+        const testInfo = test.info();
+        if (!testInfo) throw new Error(`toHaveNoViolations() must be called during the test`);
+
+        const results = await receiver.analyze();
+
+        await testInfo.attach("accessibility-scan-results", {
+            body: JSON.stringify(results, null, 2),
+            contentType: "application/json",
+        });
+
+        baseExpect(results.violations).toEqual([]);
+
+        return { pass: true, message: (): string => "", name: "toHaveNoViolations" };
+    },
+});
diff --git a/packages/playwright-common/src/expect/index.ts b/packages/playwright-common/src/expect/index.ts
new file mode 100644
index 00000000000..3ef2a00bf1e
--- /dev/null
+++ b/packages/playwright-common/src/expect/index.ts
@@ -0,0 +1,21 @@
+/*
+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 { mergeExpects, type Expect } from "@playwright/test";
+
+import {
+    expect as screenshotExpectations,
+    type Expectations as ScreenshotExpectations,
+    type ToMatchScreenshotOptions,
+} from "./screenshot.js";
+import { expect as axeExpectations, type Expectations as AxeExpectations } from "./axe.js";
+
+export const expect = mergeExpects(screenshotExpectations, axeExpectations) as Expect<
+    ScreenshotExpectations & AxeExpectations
+>;
+
+export type { ToMatchScreenshotOptions };
diff --git a/packages/playwright-common/src/expect/screenshot.ts b/packages/playwright-common/src/expect/screenshot.ts
new file mode 100644
index 00000000000..55eb21518cf
--- /dev/null
+++ b/packages/playwright-common/src/expect/screenshot.ts
@@ -0,0 +1,97 @@
+/*
+Copyright 2024-2025 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import {
+    test,
+    expect as baseExpect,
+    type ElementHandle,
+    type ExpectMatcherState,
+    type Locator,
+    type Page,
+    type PageAssertionsToHaveScreenshotOptions,
+    type MatcherReturnType,
+} from "@playwright/test";
+import path from "node:path";
+
+import { ANNOTATION } from "../stale-screenshot-reporter.js";
+
+// Taken from playwright utils, but it's not importable
+function sanitizeForFilePath(s: string): string {
+    // oxlint-disable-next-line no-control-regex
+    return s.replace(/[\x00-\x2C\x2E-\x2F\x3A-\x40\x5B-\x60\x7B-\x7F]+/g, "-");
+}
+
+// Based on https://github.com/microsoft/playwright/blob/2b77ed4d7aafa85a600caa0b0d101b72c8437eeb/packages/playwright/src/util.ts#L206C8-L210C2
+function sanitizeFilePathBeforeExtension(filePath: string): string {
+    const ext = path.extname(filePath);
+    const base = filePath.substring(0, filePath.length - ext.length);
+    return sanitizeForFilePath(base) + ext;
+}
+
+export interface ToMatchScreenshotOptions extends PageAssertionsToHaveScreenshotOptions {
+    css?: string;
+}
+
+export type Expectations = {
+    toMatchScreenshot: (
+        this: ExpectMatcherState,
+        receiver: Page | Locator,
+        name: `${string}.png`,
+        options?: ToMatchScreenshotOptions,
+    ) => Promise<MatcherReturnType>;
+    toMatchScreenshotDontOverride: (
+        this: ExpectMatcherState,
+        receiver: Page | Locator,
+        name: `${string}.png`,
+        options?: ToMatchScreenshotOptions,
+    ) => Promise<MatcherReturnType>;
+};
+
+const toMatchScreenshot = async (receiver: Page | Locator, name: string, options?: ToMatchScreenshotOptions) => {
+    const testInfo = test.info();
+    if (!testInfo) throw new Error(`toMatchScreenshot() must be called during the test`);
+
+    if (!testInfo.tags.includes("@screenshot")) {
+        throw new Error("toMatchScreenshot() must be used in a test tagged with @screenshot");
+    }
+
+    const page = "page" in receiver ? receiver.page() : receiver;
+
+    let style: ElementHandle<Element> | undefined;
+    if (options?.css) {
+        // We add a custom style tag before taking screenshots
+        style = (await page.addStyleTag({
+            content: options.css,
+        })) as ElementHandle<Element>;
+    }
+
+    const screenshotName = sanitizeFilePathBeforeExtension(name);
+    await baseExpect(receiver).toHaveScreenshot(screenshotName, options);
+
+    await style?.evaluate((tag) => tag.remove());
+
+    testInfo.annotations.push({
+        type: ANNOTATION,
+        description: testInfo.snapshotPath(screenshotName),
+    });
+
+    return { pass: true, message: (): string => "", name: "toMatchScreenshot" };
+};
+
+/**
+ * Provides an upgrade to the `toHaveScreenshot` expectation.
+ * Unfortunately, we can't just extend the existing `toHaveScreenshot` expectation
+ *
+ * Awfulness: we also provide a copy of the same function under a different name because, for reasons
+ * I couldn't fully say, overriding a function with one of the same name causes the base excpect function
+ * to actually point to the overridden one, causing infinite recursion, so there you go, everything is great.
+ */
+export const expect = baseExpect.extend<Expectations>({
+    toMatchScreenshot,
+    toMatchScreenshotDontOverride: toMatchScreenshot,
+});
diff --git a/packages/playwright-common/src/fixtures/axe.ts b/packages/playwright-common/src/fixtures/axe.ts
new file mode 100644
index 00000000000..c2f5c508752
--- /dev/null
+++ b/packages/playwright-common/src/fixtures/axe.ts
@@ -0,0 +1,26 @@
+/*
+Copyright 2024-2025 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { test as base } from "@playwright/test";
+import { AxeBuilder } from "@axe-core/playwright";
+
+export type TestFixtures = {
+    /**
+     * AxeBuilder instance for the current page
+     */
+    axe: AxeBuilder;
+};
+
+// This fixture is useful for simple component library tests that won't want any extra services like a homeserver, so we
+// explicitly avoid pulling anything more than playwright's base fixtures in.
+export const test = base.extend<TestFixtures>({
+    axe: async ({ page }, use) => {
+        const builder = new AxeBuilder({ page });
+        await use(builder);
+    },
+});
diff --git a/packages/playwright-common/src/fixtures/index.ts b/packages/playwright-common/src/fixtures/index.ts
new file mode 100644
index 00000000000..04dfb501894
--- /dev/null
+++ b/packages/playwright-common/src/fixtures/index.ts
@@ -0,0 +1,12 @@
+/*
+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.
+*/
+
+export { type Services, type WorkerOptions } from "./services.js";
+
+// We avoid using `mergeTests` because it drops useful type information about the fixtures.
+// `user` is the top of our stack of extensions (it extends services, axe, etc), so it includes everything.
+export { test } from "./user.js";
diff --git a/packages/playwright-common/src/fixtures/panel.ts b/packages/playwright-common/src/fixtures/panel.ts
new file mode 100644
index 00000000000..9bd8dda75cd
--- /dev/null
+++ b/packages/playwright-common/src/fixtures/panel.ts
@@ -0,0 +1,50 @@
+/*
+ * 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 { Page } from "playwright-core";
+import { test as base } from "./services.js";
+
+/**
+ * This is the width the panel by default.
+ * Rounding this number to a whole number would mean updating a whole
+ * bunch of screenshots.
+ */
+const LEFT_PANEL_WIDTH = "368.6875px";
+
+export type TestFixtures = {
+    /**
+     * Whether the left panel should have its width fixed.
+     * This is done because the library that we use for rendering collapsible
+     * panels uses math to calculate the width which can sometimes leads to +/-1px
+     * difference. While this does not matter to the user, it can lead to screenshot
+     * tests failing.
+     * Defaults to true, should be set to false via {@link base.use} when you want to test the collapse
+     * behaviour.
+     */
+    lockLeftPanelWidth: boolean;
+};
+
+export const test = base.extend<TestFixtures>({
+    lockLeftPanelWidth: true,
+    page: async ({ lockLeftPanelWidth, page }, use) => {
+        const listener = async (page: Page) => {
+            try {
+                await page.addStyleTag({
+                    content: `
+                        #left-panel {
+                            flex: 0 0 ${LEFT_PANEL_WIDTH} !important;
+                        }
+                `,
+                });
+            } catch (e) {
+                console.error("Failed to add style tag to stabilize left panel", e);
+            }
+        };
+        if (lockLeftPanelWidth) page.on("load", listener);
+        await use(page);
+        if (lockLeftPanelWidth) page.off("load", listener);
+    },
+});
diff --git a/packages/playwright-common/src/fixtures/services.ts b/packages/playwright-common/src/fixtures/services.ts
new file mode 100644
index 00000000000..3dcdf12e21f
--- /dev/null
+++ b/packages/playwright-common/src/fixtures/services.ts
@@ -0,0 +1,168 @@
+/*
+Copyright 2024-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 MailpitClient } from "mailpit-api";
+import { Network, type StartedNetwork } from "testcontainers";
+import { type StartedPostgreSqlContainer } from "@testcontainers/postgresql";
+
+import {
+    type SynapseConfig,
+    SynapseContainer,
+    type StartedMatrixAuthenticationServiceContainer,
+    type HomeserverContainer,
+    type StartedHomeserverContainer,
+    MailpitContainer,
+    type StartedMailpitContainer,
+} from "../testcontainers/index.js";
+import { Logger } from "../utils/logger.js";
+// We want to avoid using `mergeTests` in index.ts because it drops useful type information about the fixtures. Instead,
+// we add `axe` into our fixture suite by using its `test` as a base, so that there is a linear hierarchy.
+import { test as base } from "./axe.js";
+import { makePostgres } from "../testcontainers/postgres.js";
+
+/**
+ * Test-scoped fixtures available in the test
+ */
+export interface TestFixtures {
+    /**
+     * The mailpit client instance for the test.
+     * This is a fresh client instance with no messages from prior tests.
+     */
+    mailpitClient: MailpitClient;
+}
+
+export interface WorkerOptions {
+    /**
+     * The synapse configuration to use for the homeserver.
+     */
+    synapseConfig: Partial<SynapseConfig>;
+}
+
+/**
+ * Worker-scoped "service" fixtures available in the test
+ */
+export interface Services {
+    /**
+     * The logger instance for the worker.
+     */
+    logger: Logger;
+
+    /**
+     * The started testcontainers network instance for the worker.
+     */
+    network: StartedNetwork;
+
+    /**
+     * The started postgres container instance for the worker.
+     */
+    postgres: StartedPostgreSqlContainer;
+
+    /**
+     * The started mailpit container instance for the worker.
+     */
+    mailpit: StartedMailpitContainer;
+
+    /**
+     * The homeserver instance container to use for the worker.
+     */
+    _homeserver: HomeserverContainer<unknown>;
+    /**
+     * The started homeserver instance container for the worker.
+     */
+    homeserver: StartedHomeserverContainer;
+
+    /**
+     * The Matrix Authentication Service container instance for the worker.
+     * May be undefined if no delegated auth is in use.
+     */
+    mas?: StartedMatrixAuthenticationServiceContainer;
+}
+
+export const test = base.extend<TestFixtures, WorkerOptions & Services>({
+    logger: [
+        async ({}, use) => {
+            const logger = new Logger();
+            await use(logger);
+        },
+        { scope: "worker" },
+    ],
+    network: [
+        async ({}, use) => {
+            const network = await new Network().start();
+            await use(network);
+            await network.stop();
+        },
+        { scope: "worker" },
+    ],
+    postgres: [
+        async ({ logger, network }, use) => {
+            const container = await makePostgres(network, logger);
+            await use(container);
+            await container.stop();
+        },
+        { scope: "worker" },
+    ],
+
+    mailpit: [
+        async ({ logger, network }, use) => {
+            const container = await new MailpitContainer()
+                .withNetwork(network)
+                .withNetworkAliases("mailpit")
+                .withLogConsumer(logger.getConsumer("mailpit"))
+                .start();
+            await use(container);
+            await container.stop();
+        },
+        { scope: "worker" },
+    ],
+    mailpitClient: async ({ mailpit: container }, use) => {
+        await container.client.deleteMessages();
+        await use(container.client);
+    },
+
+    synapseConfig: [{}, { scope: "worker" }],
+    _homeserver: [
+        async ({ logger }, use) => {
+            const container = new SynapseContainer().withLogConsumer(logger.getConsumer("synapse"));
+            await use(container);
+        },
+        { scope: "worker" },
+    ],
+    homeserver: [
+        async ({ logger, network, _homeserver: homeserver, synapseConfig, mas }, use) => {
+            if (homeserver instanceof SynapseContainer) {
+                homeserver.withConfig(synapseConfig);
+            }
+            const container = await homeserver
+                .withNetwork(network)
+                .withNetworkAliases("homeserver")
+                .withLogConsumer(logger.getConsumer("homeserver"))
+                .withMatrixAuthenticationService(mas)
+                .start();
+
+            await use(container);
+            await container.stop();
+        },
+        { scope: "worker" },
+    ],
+    mas: [
+        async ({}, use) => {
+            // we stub the mas fixture to allow `homeserver` to depend on it to ensure
+            // when it is specified by `masHomeserver` it is started before the homeserver
+            await use(undefined);
+        },
+        { scope: "worker" },
+    ],
+
+    context: async ({ logger, context, request, homeserver }, use, testInfo) => {
+        homeserver.setRequest(request);
+        await logger.onTestStarted(context);
+        await use(context);
+        await logger.onTestFinished(testInfo);
+        await homeserver.onTestFinished(testInfo);
+    },
+});
diff --git a/packages/playwright-common/src/fixtures/user.ts b/packages/playwright-common/src/fixtures/user.ts
new file mode 100644
index 00000000000..a981b807975
--- /dev/null
+++ b/packages/playwright-common/src/fixtures/user.ts
@@ -0,0 +1,112 @@
+/*
+Copyright 2024-2025 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { type Page } from "@playwright/test";
+import { sample, uniqueId } from "lodash-es";
+
+// We want to avoid using `mergeTests` in index.ts because it drops useful type
+// information about the fixtures. Instead, we add `services` into our fixture
+// suite by using its `test` as a base, so that there is a linear hierarchy.
+import { test as base } from "./panel.js";
+import { type Credentials } from "../utils/api.js";
+
+/**
+ * Adds an initScript to the given page which will populate localStorage appropriately so that Element will use the given credentials.
+ */
+export async function populateLocalStorageWithCredentials(page: Page, credentials: Credentials) {
+    await page.addInitScript(
+        ({ credentials }) => {
+            window.localStorage.setItem("mx_hs_url", credentials.homeserverBaseUrl);
+            window.localStorage.setItem("mx_user_id", credentials.userId);
+            window.localStorage.setItem("mx_access_token", credentials.accessToken);
+            window.localStorage.setItem("mx_device_id", credentials.deviceId);
+            window.localStorage.setItem("mx_is_guest", "false");
+            window.localStorage.setItem("mx_has_pickle_key", "false");
+            window.localStorage.setItem("mx_has_access_token", "true");
+
+            if (credentials.oauthClientId) {
+                window.localStorage.setItem("mx_oidc_client_id", credentials.oauthClientId);
+            }
+
+            window.localStorage.setItem(
+                "mx_local_settings",
+                JSON.stringify({
+                    // Retain any other settings which may have already been set
+                    ...JSON.parse(window.localStorage.getItem("mx_local_settings") ?? "{}"),
+                    // Ensure the language is set to a consistent value
+                    language: "en",
+                }),
+            );
+        },
+        { credentials },
+    );
+}
+
+export interface TestFixtures {
+    /**
+     * The displayname to use for the user registered in {@link #credentials}.
+     *
+     * To set it, call `test.use({ displayName: "myDisplayName" })` in the test file or `describe` block.
+     * See {@link https://playwright.dev/docs/api/class-test#test-use}.
+     */
+    displayName?: string;
+
+    /**
+     * A test fixture which registers a test user on the {@link #homeserver} and supplies the details
+     * of the registered user.
+     */
+    credentials: Credentials;
+
+    /**
+     * The same as {@link https://playwright.dev/docs/api/class-fixtures#fixtures-page|`page`},
+     * but adds an initScript which will populate localStorage with the user's details from
+     * {@link #credentials} and {@link #homeserver}.
+     *
+     * Similar to {@link #user}, but doesn't load the app.
+     */
+    pageWithCredentials: Page;
+
+    /**
+     * A (rather poorly-named) test fixture which registers a user per {@link #credentials}, stores
+     * the credentials into localStorage per {@link #pageWithCredentials}, and then loads the front page of the
+     * app.
+     */
+    user: Credentials;
+}
+
+export const test = base.extend<TestFixtures>({
+    displayName: undefined,
+
+    // We don't directly depend upon the `context` fixture, but we do need to make sure that it has been run
+    // before this fixture, since it is responsible for configuring the APIRequestContext on the homeserver, so
+    // without it we cannot register the user.
+    credentials: async ({ context, homeserver, displayName: testDisplayName }, use, testInfo) => {
+        const names = ["Alice", "Bob", "Charlie", "Daniel", "Eve", "Frank", "Grace", "Hannah", "Isaac", "Judy"];
+        const password = uniqueId("password_");
+        const displayName = testDisplayName ?? sample(names)!;
+
+        const credentials = await homeserver.registerUser(`user_${testInfo.testId}`, password, displayName);
+        console.log(`Registered test user ${credentials.userId} with displayname ${displayName}`);
+
+        await use({
+            ...credentials,
+            displayName,
+        });
+    },
+
+    pageWithCredentials: async ({ page, credentials }, use) => {
+        await populateLocalStorageWithCredentials(page, credentials);
+        await use(page);
+    },
+
+    user: async ({ pageWithCredentials: page, credentials }, use) => {
+        await page.goto("/");
+        await page.waitForSelector(".mx_MatrixChat", { timeout: 30000 });
+        await use(credentials);
+    },
+});
diff --git a/packages/playwright-common/src/flaky-reporter.ts b/packages/playwright-common/src/flaky-reporter.ts
new file mode 100644
index 00000000000..4602cd9a68a
--- /dev/null
+++ b/packages/playwright-common/src/flaky-reporter.ts
@@ -0,0 +1,194 @@
+/*
+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.
+*/
+
+/**
+ * Flaky test reporter, creating & updating GitHub issues
+ * Only intended to run from within GitHub Actions
+ */
+
+import type { Reporter, TestCase } from "@playwright/test/reporter";
+
+const REPO = "element-hq/element-web";
+const LABEL = "Z-Flaky-Test";
+const ISSUE_TITLE_PREFIX = "Flaky playwright test: ";
+
+type PaginationLinks = {
+    prev?: string;
+    next?: string;
+    last?: string;
+    first?: string;
+};
+
+// oxlint-disable-next-line no-control-regex
+const ANSI_COLOUR_REGEX = /[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g;
+
+// We see quite a few test flakes which are caused by the app exploding
+// so we have some magic strings we check the logs for to better track the flake with its cause
+const SPECIAL_CASES: Record<string, string> = {
+    "ChunkLoadError": "ChunkLoadError",
+    "Unreachable code should not be executed": "Rust crypto panic",
+    "Out of bounds memory access": "Rust crypto memory error",
+};
+
+class FlakyReporter implements Reporter {
+    private flakes = new Map<string, TestCase[]>();
+
+    public onTestEnd(test: TestCase): void {
+        // Ignores flakes on Dendrite and Pinecone as they have their own flakes we do not track
+        if (["Dendrite", "Pinecone"].includes(test.parent.project()!.name)) return;
+
+        if (test.outcome() === "flaky") {
+            const failures: string[] = [];
+
+            const timedOutRuns = test.results.filter((result) => result.status === "timedOut");
+            const pageLogs = timedOutRuns.flatMap((result) =>
+                result.attachments.filter((attachment) => attachment.name.startsWith("page-")),
+            );
+
+            // If a test failed due to a systemic fault then the test is not flaky, the app is, record it as such.
+            const specialCases = Object.keys(SPECIAL_CASES).filter((log) =>
+                pageLogs.some((attachment) => attachment.name.startsWith("page-") && attachment.body?.includes(log)),
+            );
+            if (specialCases.length > 0) {
+                failures.push(...specialCases.map((specialCase) => SPECIAL_CASES[specialCase]));
+            }
+
+            // Check for fixtures failing to set up
+            const errorMessages = timedOutRuns
+                .map((r) => r.error?.message?.replace(ANSI_COLOUR_REGEX, ""))
+                .filter(Boolean) as string[];
+            for (const error of errorMessages) {
+                if (error.startsWith("Fixture") && error.endsWith("exceeded during setup.")) {
+                    failures.push(error);
+                }
+            }
+
+            if (failures.length < 1) {
+                failures.push(`${test.location.file.split("playwright/e2e/")[1]}: ${test.title}`);
+            }
+
+            for (const title of failures) {
+                if (!this.flakes.has(title)) {
+                    this.flakes.set(title, []);
+                }
+                this.flakes.get(title)!.push(test);
+            }
+        }
+    }
+
+    /**
+     * Parse link header to retrieve pagination links
+     * @see https://docs.github.com/en/rest/using-the-rest-api/using-pagination-in-the-rest-api?apiVersion=2022-11-28#using-link-headers
+     * @param link link header from response or undefined
+     * @returns an empty object if link is undefined otherwise returns a map from type to link
+     */
+    private parseLinkHeader(link: string): PaginationLinks {
+        /**
+         * link looks like:
+         * <https://api.github.com/repositories/1300192/issues?page=2>; rel="prev", <https://api.github.com/repositories/1300192/issues?page=4>;
+         */
+        const map: PaginationLinks = {};
+        if (!link) return map;
+        const matches = link.matchAll(/(<(?<link>.+?)>; rel="(?<type>.+?)")/g);
+        for (const match of matches) {
+            const { link, type } = match.groups!;
+            map[type as keyof PaginationLinks] = link;
+        }
+        return map;
+    }
+
+    /**
+     * Fetch all flaky test issues that were updated since Jan-1-2024
+     * @returns A promise that resolves to a list of issues
+     */
+    async getAllIssues(): Promise<any[]> {
+        const issues = [];
+        const { GITHUB_TOKEN, GITHUB_API_URL } = process.env;
+        // See https://docs.github.com/en/rest/issues/issues?apiVersion=2022-11-28#list-repository-issues
+        let url = `${GITHUB_API_URL}/repos/${REPO}/issues?labels=${LABEL}&state=all&per_page=100&sort=updated&since=2024-01-01`;
+        const headers = {
+            Authorization: `Bearer ${GITHUB_TOKEN}`,
+            Accept: "application / vnd.github + json",
+        };
+        while (url) {
+            // Fetch issues and add to list
+            const issuesResponse = await fetch(url, { headers });
+            const fetchedIssues = await issuesResponse.json();
+            issues.push(...fetchedIssues);
+
+            // Get the next link for fetching more results
+            const linkHeader = issuesResponse.headers.get("Link")!;
+            const parsed = this.parseLinkHeader(linkHeader);
+            url = parsed.next!;
+        }
+        return issues;
+    }
+
+    public async onExit(): Promise<void> {
+        if (this.flakes.size === 0) {
+            console.log("No flakes found");
+            return;
+        }
+
+        console.log("Found flakes: ");
+        for (const flake of this.flakes) {
+            console.log(flake);
+        }
+
+        const { GITHUB_TOKEN, GITHUB_API_URL, GITHUB_SERVER_URL, GITHUB_REPOSITORY, GITHUB_RUN_ID, GITHUB_EVENT_NAME } =
+            process.env;
+        if (!GITHUB_TOKEN) return;
+
+        const issues = await this.getAllIssues();
+        for (const [flake, results] of this.flakes) {
+            const title = ISSUE_TITLE_PREFIX + "`" + flake + "`";
+            const existingIssue = issues.find((issue) => issue.title === title);
+            const headers = { Authorization: `Bearer ${GITHUB_TOKEN}` };
+            let body = `${GITHUB_SERVER_URL}/${GITHUB_REPOSITORY}/actions/runs/${GITHUB_RUN_ID}`;
+
+            if (GITHUB_EVENT_NAME === "merge_group") {
+                body += " (merge queue run, may be a false positive)";
+            }
+
+            const labels = [LABEL, ...results.map((test) => `${LABEL}-${test.parent.project()?.name}`)];
+
+            if (existingIssue) {
+                console.log(`Found issue ${existingIssue.number} for ${flake}, adding comment...`);
+                // Ensure that the issue is open
+                await fetch(existingIssue.url, {
+                    method: "PATCH",
+                    headers,
+                    body: JSON.stringify({ state: "open" }),
+                });
+                await fetch(`${existingIssue.url}/labels`, {
+                    method: "POST",
+                    headers,
+                    body: JSON.stringify({ labels }),
+                });
+                await fetch(`${existingIssue.url}/comments`, {
+                    method: "POST",
+                    headers,
+                    body: JSON.stringify({ body }),
+                });
+            } else {
+                console.log(`Creating new issue for ${flake}...`);
+                await fetch(`${GITHUB_API_URL}/repos/${REPO}/issues`, {
+                    method: "POST",
+                    headers,
+                    body: JSON.stringify({
+                        title,
+                        body,
+                        labels: [...labels],
+                    }),
+                });
+            }
+        }
+    }
+}
+
+export default FlakyReporter;
diff --git a/packages/playwright-common/src/index.ts b/packages/playwright-common/src/index.ts
new file mode 100644
index 00000000000..8fbf36e2120
--- /dev/null
+++ b/packages/playwright-common/src/index.ts
@@ -0,0 +1,68 @@
+/*
+Copyright 2024-2025 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { type Config } from "@element-hq/element-web-module-api";
+
+import { test as base } from "./fixtures/index.js";
+import { routeConfigJson } from "./utils/config_json.js";
+
+export * from "./utils/config_json.js";
+export * from "./utils/context.js";
+export * from "./utils/release_accouncement.js";
+export * from "./utils/toasts.js";
+
+export { populateLocalStorageWithCredentials } from "./fixtures/user.js";
+
+// Enable experimental service worker support
+// See https://playwright.dev/docs/service-workers-experimental#how-to-enable
+process.env["PW_EXPERIMENTAL_SERVICE_WORKER_NETWORK_EVENTS"] = "1";
+
+export type { Config };
+
+// This is deliberately quite a minimal config.json, so that we can test that the default settings actually work.
+// We use the Module API Config interface so that all modules
+// which use declaration merging will have their config types correctly applied.
+export const CONFIG_JSON: Partial<Config> = {
+    default_server_config: {},
+
+    // The default language is set here for test consistency
+    setting_defaults: {
+        language: "en-GB",
+    },
+
+    // the location tests want a map style url.
+    map_style_url: "https://api.maptiler.com/maps/streets/style.json?key=fU3vlMsMn4Jb6dnEIFsx",
+
+    features: {
+        // We don't want to go through the feature announcement during the e2e test
+        feature_release_announcement: false,
+    },
+};
+
+export interface TestFixtures {
+    /**
+     * The contents of the config.json to send when the client requests it.
+     */
+    config: Partial<typeof CONFIG_JSON>;
+
+    labsFlags: string[];
+    disablePresence: boolean;
+}
+
+export const test = base.extend<TestFixtures>({
+    // We merge this atop the default CONFIG_JSON in the page fixture to make extending it easier
+    config: async ({}, use) => use({}),
+    labsFlags: async ({}, use) => use([]),
+    disablePresence: async ({}, use) => use(false),
+    page: async ({ homeserver, context, page, config, labsFlags, disablePresence }, use) => {
+        await routeConfigJson(context, homeserver.baseUrl, config, labsFlags, disablePresence);
+        await use(page);
+    },
+});
+
+export { expect, type ToMatchScreenshotOptions } from "./expect/index.js";
diff --git a/packages/playwright-common/src/stale-screenshot-reporter.ts b/packages/playwright-common/src/stale-screenshot-reporter.ts
new file mode 100644
index 00000000000..2d7b1ec095e
--- /dev/null
+++ b/packages/playwright-common/src/stale-screenshot-reporter.ts
@@ -0,0 +1,104 @@
+/*
+Copyright 2024 - 2025 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.
+*/
+
+/**
+ * Test reporter which compares the reported screenshots vs those on disk to find stale screenshots
+ * Only intended to run from within GitHub Actions
+ */
+
+import { glob } from "glob";
+import path from "node:path";
+import { type Reporter, type TestCase } from "@playwright/test/reporter";
+import { type FullConfig } from "@playwright/test";
+
+/**
+ * The annotation type used to mark screenshots in tests.
+ * `_` prefix hides it from the HTML reporter
+ */
+export const ANNOTATION = "_screenshot";
+
+class StaleScreenshotReporter implements Reporter {
+    private readonly snapshotRoots = new Set<string>();
+    private readonly screenshots = new Set<string>();
+    private readonly failing = new Set<string>();
+    private success = true;
+
+    public onBegin(config: FullConfig): void {
+        for (const project of config.projects) {
+            this.snapshotRoots.add(project.snapshotDir);
+        }
+    }
+
+    public onTestEnd(test: TestCase): void {
+        if (!test.ok()) {
+            this.failing.add(test.id);
+            return;
+        }
+        this.failing.delete(test.id); // delete if passed on re-run
+
+        for (const annotation of test.annotations) {
+            if (annotation.type === ANNOTATION && annotation.description) {
+                this.screenshots.add(annotation.description);
+            }
+        }
+    }
+
+    private error(msg: string, file: string) {
+        if (process.env.GITHUB_ACTIONS) {
+            console.log(`::error file=${file}::${msg}`);
+        }
+        console.error(msg, file);
+        this.success = false;
+    }
+
+    private async checkStaleScreenshots(): Promise<void> {
+        if (!this.snapshotRoots.size) {
+            this.error("No snapshot directories found, did you set the snapshotDir in your Playwright config?", "");
+            return;
+        }
+
+        const screenshotFiles = new Set<string>();
+        for (const snapshotRoot of this.snapshotRoots) {
+            const files = await glob(`**/*.png`, { cwd: snapshotRoot });
+            for (const file of files) {
+                screenshotFiles.add(path.join(snapshotRoot, file));
+            }
+        }
+
+        for (const screenshot of screenshotFiles) {
+            if (screenshot.split("-").at(-1) !== "linux.png") {
+                this.error(
+                    "Found screenshot belonging to different platform, this should not be checked in",
+                    screenshot,
+                );
+            }
+        }
+        for (const screenshot of this.screenshots) {
+            screenshotFiles.delete(screenshot);
+        }
+        if (screenshotFiles.size > 0) {
+            for (const screenshot of screenshotFiles) {
+                this.error("Stale screenshot file", screenshot);
+            }
+        }
+    }
+
+    public async onExit(): Promise<void> {
+        if (this.failing.size) {
+            this.error(`${this.failing.size} tests failed, skipping stale screenshot reporter.`, "");
+        } else {
+            await this.checkStaleScreenshots();
+        }
+
+        if (!this.success) {
+            process.exit(1);
+        }
+    }
+}
+
+export default StaleScreenshotReporter;
diff --git a/packages/playwright-common/src/testcontainers/HomeserverContainer.ts b/packages/playwright-common/src/testcontainers/HomeserverContainer.ts
new file mode 100644
index 00000000000..dcb5efa3866
--- /dev/null
+++ b/packages/playwright-common/src/testcontainers/HomeserverContainer.ts
@@ -0,0 +1,87 @@
+/*
+Copyright 2024-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 AbstractStartedContainer, type GenericContainer } from "testcontainers";
+import { type APIRequestContext, type TestInfo } from "@playwright/test";
+
+import { type StartedMatrixAuthenticationServiceContainer } from "./mas.js";
+import { type ClientServerApi, type Credentials } from "../utils/api.js";
+import { type StartedMailpitContainer } from "./mailpit.js";
+
+export interface HomeserverInstance {
+    readonly baseUrl: string;
+    readonly csApi: ClientServerApi;
+
+    /**
+     * Register a user on the given Homeserver using the shared registration secret.
+     * @param username the username of the user to register
+     * @param password the password of the user to register
+     * @param displayName optional display name to set on the newly registered user
+     */
+    registerUser(username: string, password: string, displayName?: string): Promise<Credentials>;
+
+    /**
+     * Logs into synapse with the given username/password
+     * @param userId login username
+     * @param password login password
+     */
+    loginUser(userId: string, password: string): Promise<Credentials>;
+
+    /**
+     * Sets a third party identifier for the given user. This only supports setting a single 3pid and will
+     * replace any others.
+     * @param userId The full ID of the user to edit (as returned from registerUser)
+     * @param medium The medium of the 3pid to set
+     * @param address The address of the 3pid to set
+     */
+    setThreepid(userId: string, medium: string, address: string): Promise<void>;
+}
+
+export interface HomeserverContainer<Config> extends GenericContainer {
+    /**
+     * Set a configuration field in the config
+     * @param key - the key to set
+     * @param value - the value to set
+     */
+    withConfigField<Key extends keyof Config>(key: Key, value: Config[Key]): this;
+
+    /**
+     * Merge a partial configuration into the config
+     * @param config - the partial configuration to merge
+     */
+    withConfig(config: Partial<Config>): this;
+
+    /**
+     * Set the SMTP server to use for sending emails
+     * @param mailpit - the mailpit container to use
+     */
+    withSmtpServer(mailpit: StartedMailpitContainer): this;
+    /**
+     * Set the MAS server to use for delegated auth
+     * @param mas - the MAS container to use
+     */
+    withMatrixAuthenticationService(mas?: StartedMatrixAuthenticationServiceContainer): this;
+
+    /**
+     * Start the container
+     */
+    start(): Promise<StartedHomeserverContainer>;
+}
+
+export interface StartedHomeserverContainer extends AbstractStartedContainer, HomeserverInstance {
+    /**
+     * Set the request context for the APIs
+     * @param request - the request context to set
+     */
+    setRequest(request: APIRequestContext): void;
+
+    /**
+     * Clean up the server to prevent rooms leaking between tests
+     * @param testInfo - the test info for the test that just finished
+     */
+    onTestFinished(testInfo: TestInfo): Promise<void>;
+}
diff --git a/packages/playwright-common/src/testcontainers/index.ts b/packages/playwright-common/src/testcontainers/index.ts
new file mode 100644
index 00000000000..c7dbb4fd687
--- /dev/null
+++ b/packages/playwright-common/src/testcontainers/index.ts
@@ -0,0 +1,18 @@
+/*
+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.
+*/
+
+export { PostgreSqlContainer, StartedPostgreSqlContainer } from "@testcontainers/postgresql";
+export { makePostgres } from "./postgres.js";
+export type { HomeserverInstance, HomeserverContainer, StartedHomeserverContainer } from "./HomeserverContainer.js";
+export { type SynapseConfig, SynapseContainer, StartedSynapseContainer } from "./synapse.js";
+export {
+    type MasConfig,
+    MatrixAuthenticationServiceContainer,
+    StartedMatrixAuthenticationServiceContainer,
+    makeMas,
+} from "./mas.js";
+export { type MailpitClient, MailpitContainer, StartedMailpitContainer } from "./mailpit.js";
diff --git a/packages/playwright-common/src/testcontainers/mailpit.ts b/packages/playwright-common/src/testcontainers/mailpit.ts
new file mode 100644
index 00000000000..cfa8ad2b275
--- /dev/null
+++ b/packages/playwright-common/src/testcontainers/mailpit.ts
@@ -0,0 +1,62 @@
+/*
+Copyright 2024-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 { AbstractStartedContainer, GenericContainer, type StartedTestContainer, Wait } from "testcontainers";
+import { MailpitClient } from "mailpit-api";
+
+export type { MailpitClient };
+
+/**
+ * A testcontainer for Mailpit.
+ *
+ * Exposes port 8025.
+ * Waits for listening ports.
+ * Disables SMTP authentication.
+ */
+export class MailpitContainer extends GenericContainer {
+    public constructor() {
+        super("axllent/mailpit:latest");
+
+        this.withExposedPorts(8025).withWaitStrategy(Wait.forListeningPorts()).withEnvironment({
+            MP_SMTP_AUTH_ALLOW_INSECURE: "true",
+            MP_SMTP_AUTH_ACCEPT_ANY: "true",
+        });
+    }
+
+    /**
+     * Start the Mailpit container.
+     */
+    public override async start(): Promise<StartedMailpitContainer> {
+        return new StartedMailpitContainer(await super.start());
+    }
+}
+
+/**
+ * A started Mailpit container.
+ */
+export class StartedMailpitContainer extends AbstractStartedContainer {
+    public readonly client: MailpitClient;
+
+    public constructor(container: StartedTestContainer) {
+        super(container);
+        this.client = new MailpitClient(`http://${container.getHost()}:${container.getMappedPort(8025)}`);
+    }
+
+    /**
+     * Get the hostname to use to connect to the Mailpit container from inside the docker network.
+     */
+    public get internalHost(): string {
+        return "mailpit";
+    }
+
+    /**
+     * Get the port to use to connect to the Mailpit container from inside the docker network.
+     */
+    public get internalSmtpPort(): number {
+        return 1025;
+    }
+}
diff --git a/packages/playwright-common/src/testcontainers/mas-config.ts b/packages/playwright-common/src/testcontainers/mas-config.ts
new file mode 100644
index 00000000000..b21481d1905
--- /dev/null
+++ b/packages/playwright-common/src/testcontainers/mas-config.ts
@@ -0,0 +1,1384 @@
+// oxlint-disable-next-line unicorn/no-abusive-eslint-disable
+/* eslint-disable */
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+
+/**
+ * Authentication method used by clients
+ */
+export type ClientAuthMethodConfig =
+    | "none"
+    | "client_secret_basic"
+    | "client_secret_post"
+    | "client_secret_jwt"
+    | "private_key_jwt";
+export type JsonWebKeyFor_JsonWebKeyPublicParameters = {
+    "use"?: JsonWebKeyUse;
+    "key_ops"?: JsonWebKeyOperation[];
+    "alg"?: JsonWebSignatureAlg;
+    "kid"?: string;
+    "x5u"?: string;
+    "x5c"?: string[];
+    "x5t"?: string;
+    "x5t#S256"?: string;
+    [k: string]: unknown;
+} & JsonWebKeyFor_JsonWebKeyPublicParameters1;
+/**
+ * JSON Web Key Use
+ */
+export type JsonWebKeyUse = "sig" | "enc";
+/**
+ * JSON Web Key Operation
+ */
+export type JsonWebKeyOperation =
+    | "sign"
+    | "verify"
+    | "encrypt"
+    | "decrypt"
+    | "wrapKey"
+    | "unwrapKey"
+    | "deriveKey"
+    | "deriveBits";
+/**
+ * JSON Web Signature "alg" parameter
+ */
+export type JsonWebSignatureAlg =
+    | "HS256"
+    | "HS384"
+    | "HS512"
+    | "RS256"
+    | "RS384"
+    | "RS512"
+    | "ES256"
+    | "ES384"
+    | "ES512"
+    | "PS256"
+    | "PS384"
+    | "PS512"
+    | "none"
+    | "EdDSA"
+    | "ES256K"
+    | "Ed25519"
+    | "Ed448";
+export type JsonWebKeyFor_JsonWebKeyPublicParameters1 =
+    | {
+          kty: "RSA";
+          n: string;
+          e: string;
+          [k: string]: unknown;
+      }
+    | {
+          kty: "EC";
+          crv: JsonWebKeyEcEllipticCurve;
+          x: string;
+          y: string;
+          [k: string]: unknown;
+      }
+    | {
+          kty: "OKP";
+          crv: JsonWebKeyOkpEllipticCurve;
+          x: string;
+          [k: string]: unknown;
+      };
+/**
+ * JSON Web Key EC Elliptic Curve
+ */
+export type JsonWebKeyEcEllipticCurve = "P-256" | "P-384" | "P-521" | "secp256k1";
+/**
+ * JSON Web Key OKP Elliptic Curve
+ */
+export type JsonWebKeyOkpEllipticCurve = "Ed25519" | "Ed448" | "X25519" | "X448";
+/**
+ * HTTP resources to mount
+ */
+export type Resource =
+    | {
+          name: "health";
+          [k: string]: unknown;
+      }
+    | {
+          name: "prometheus";
+          [k: string]: unknown;
+      }
+    | {
+          name: "discovery";
+          [k: string]: unknown;
+      }
+    | {
+          name: "human";
+          [k: string]: unknown;
+      }
+    | {
+          name: "graphql";
+          /**
+           * Enabled the GraphQL playground
+           */
+          playground?: boolean;
+          /**
+           * Allow access for OAuth 2.0 clients (undocumented)
+           */
+          undocumented_oauth2_access?: boolean;
+          [k: string]: unknown;
+      }
+    | {
+          name: "oauth";
+          [k: string]: unknown;
+      }
+    | {
+          name: "compat";
+          [k: string]: unknown;
+      }
+    | {
+          name: "assets";
+          /**
+           * Path to the directory to serve.
+           */
+          path?: string;
+          [k: string]: unknown;
+      }
+    | {
+          name: "adminapi";
+          [k: string]: unknown;
+      }
+    | {
+          name: "connection-info";
+          [k: string]: unknown;
+      };
+/**
+ * Configuration of a single listener
+ */
+export type BindConfig =
+    | {
+          /**
+           * Host on which to listen.
+           *
+           * Defaults to listening on all addresses
+           */
+          host?: string;
+          /**
+           * Port on which to listen.
+           */
+          port: number;
+          [k: string]: unknown;
+      }
+    | {
+          /**
+           * Host and port on which to listen
+           */
+          address: string;
+          [k: string]: unknown;
+      }
+    | {
+          /**
+           * Path to the socket
+           */
+          socket: string;
+          [k: string]: unknown;
+      }
+    | {
+          /**
+           * Index of the file descriptor. Note that this is offseted by 3 because of the standard input/output sockets, so setting here a value of `0` will grab the file descriptor `3`
+           */
+          fd?: number;
+          /**
+           * Whether the socket is a TCP socket or a UNIX domain socket. Defaults to TCP.
+           */
+          kind?: UnixOrTcp & string;
+          [k: string]: unknown;
+      };
+/**
+ * Kind of socket
+ */
+export type UnixOrTcp = "unix" | "tcp";
+export type IpNetwork = V4 | V6;
+export type V4 = Ipv4Network;
+export type Ipv4Network = string;
+export type V6 = Ipv6Network;
+export type Ipv6Network = string;
+export type Hostname = string;
+/**
+ * Options for controlling the level of protection provided for PostgreSQL SSL connections.
+ */
+export type PgSslMode = "disable" | "allow" | "prefer" | "require" | "verify-ca" | "verify-full";
+/**
+ * Exporter to use when exporting traces
+ */
+export type TracingExporterKind = "none" | "stdout" | "otlp";
+/**
+ * Propagation format for incoming and outgoing requests
+ */
+export type Propagator = "tracecontext" | "baggage" | "jaeger";
+/**
+ * Exporter to use when exporting metrics
+ */
+export type MetricsExporterKind = "none" | "stdout" | "otlp" | "prometheus";
+/**
+ * What backend should be used when sending emails
+ */
+export type EmailTransportKind = "blackhole" | "smtp" | "sendmail";
+/**
+ * Encryption mode to use
+ */
+export type EmailSmtpMode = "plain" | "starttls" | "tls";
+/**
+ * A hashing algorithm
+ */
+export type Algorithm = "bcrypt" | "argon2id" | "pbkdf2";
+/**
+ * The kind of homeserver it is.
+ */
+export type HomeserverKind = "synapse" | "synapse_read_only" | "synapse_legacy" | "synapse_modern";
+/**
+ * Authentication methods used against the OAuth 2.0 provider
+ */
+export type TokenAuthMethod =
+    | "none"
+    | "client_secret_basic"
+    | "client_secret_post"
+    | "client_secret_jwt"
+    | "private_key_jwt"
+    | "sign_in_with_apple";
+/**
+ * How to discover the provider's configuration
+ */
+export type DiscoveryMode = "oidc" | "insecure" | "disabled";
+/**
+ * Whether to use proof key for code exchange (PKCE) when requesting and exchanging the token.
+ */
+export type PkceMethod = "auto" | "always" | "never";
+/**
+ * The response mode we ask the provider to use for the callback
+ */
+export type ResponseMode = "query" | "form_post";
+/**
+ * How to handle a claim
+ */
+export type ImportAction = "ignore" | "suggest" | "force" | "require";
+/**
+ * How to handle an existing localpart claim
+ */
+export type OnConflict = "fail" | "add";
+/**
+ * What to do when receiving an OIDC Backchannel logout request.
+ */
+export type OnBackchannelLogout = "do_nothing" | "logout_browser_only" | "logout_all";
+/**
+ * Which service should be used for CAPTCHA protection
+ */
+export type CaptchaServiceKind = "recaptcha_v2" | "cloudflare_turnstile" | "hcaptcha";
+
+/**
+ * Application configuration root
+ */
+export interface RootConfig {
+    /**
+     * List of OAuth 2.0/OIDC clients config
+     */
+    clients?: ClientConfig[];
+    /**
+     * Configuration of the HTTP server
+     */
+    http?: HttpConfig;
+    /**
+     * Database connection configuration
+     */
+    database?: DatabaseConfig;
+    /**
+     * Configuration related to sending monitoring data
+     */
+    telemetry?: TelemetryConfig;
+    /**
+     * Configuration related to templates
+     */
+    templates?: TemplatesConfig;
+    /**
+     * Configuration related to sending emails
+     */
+    email?: EmailConfig;
+    /**
+     * Application secrets
+     */
+    secrets: SecretsConfig;
+    /**
+     * Configuration related to user passwords
+     */
+    passwords?: PasswordsConfig;
+    /**
+     * Configuration related to the homeserver
+     */
+    matrix: MatrixConfig;
+    /**
+     * Configuration related to the OPA policies
+     */
+    policy?: PolicyConfig;
+    /**
+     * Configuration related to limiting the rate of user actions to prevent abuse
+     */
+    rate_limiting?: RateLimitingConfig;
+    /**
+     * Configuration related to upstream OAuth providers
+     */
+    upstream_oauth2?: UpstreamOAuth2Config;
+    /**
+     * Configuration section for tweaking the branding of the service
+     */
+    branding?: BrandingConfig;
+    /**
+     * Configuration section to setup CAPTCHA protection on a few operations
+     */
+    captcha?: CaptchaConfig;
+    /**
+     * Configuration section to configure features related to account management
+     */
+    account?: AccountConfig;
+    /**
+     * Experimental configuration options
+     */
+    experimental?: ExperimentalConfig;
+    [k: string]: unknown;
+}
+/**
+ * An OAuth 2.0 client configuration
+ */
+export interface ClientConfig {
+    /**
+     * A ULID as per https://github.com/ulid/spec
+     */
+    client_id: string;
+    /**
+     * Authentication method used for this client
+     */
+    client_auth_method: ClientAuthMethodConfig;
+    /**
+     * Name of the `OAuth2` client
+     */
+    client_name?: string;
+    /**
+     * The client secret, used by the `client_secret_basic`, `client_secret_post` and `client_secret_jwt` authentication methods
+     */
+    client_secret?: string;
+    /**
+     * The JSON Web Key Set (JWKS) used by the `private_key_jwt` authentication method. Mutually exclusive with `jwks_uri`
+     */
+    jwks?: JsonWebKeySetFor_JsonWebKeyPublicParameters;
+    /**
+     * The URL of the JSON Web Key Set (JWKS) used by the `private_key_jwt` authentication method. Mutually exclusive with `jwks`
+     */
+    jwks_uri?: string;
+    /**
+     * List of allowed redirect URIs
+     */
+    redirect_uris?: string[];
+    [k: string]: unknown;
+}
+export interface JsonWebKeySetFor_JsonWebKeyPublicParameters {
+    keys: JsonWebKeyFor_JsonWebKeyPublicParameters[];
+    [k: string]: unknown;
+}
+/**
+ * Configuration related to the web server
+ */
+export interface HttpConfig {
+    /**
+     * List of listeners to run
+     */
+    listeners?: ListenerConfig[];
+    /**
+     * List of trusted reverse proxies that can set the `X-Forwarded-For` header
+     */
+    trusted_proxies?: IpNetwork[];
+    /**
+     * Public URL base from where the authentication service is reachable
+     */
+    public_base: string;
+    /**
+     * OIDC issuer URL. Defaults to `public_base` if not set.
+     */
+    issuer?: string;
+    [k: string]: unknown;
+}
+/**
+ * Configuration of a listener
+ */
+export interface ListenerConfig {
+    /**
+     * A unique name for this listener which will be shown in traces and in metrics labels
+     */
+    name?: string;
+    /**
+     * List of resources to mount
+     */
+    resources: Resource[];
+    /**
+     * HTTP prefix to mount the resources on
+     */
+    prefix?: string;
+    /**
+     * List of sockets to bind
+     */
+    binds: BindConfig[];
+    /**
+     * Accept `HAProxy`'s Proxy Protocol V1
+     */
+    proxy_protocol?: boolean;
+    /**
+     * If set, makes the listener use TLS with the provided certificate and key
+     */
+    tls?: TlsConfig;
+    [k: string]: unknown;
+}
+/**
+ * Configuration related to TLS on a listener
+ */
+export interface TlsConfig {
+    /**
+     * PEM-encoded X509 certificate chain
+     *
+     * Exactly one of `certificate` or `certificate_file` must be set.
+     */
+    certificate?: string;
+    /**
+     * File containing the PEM-encoded X509 certificate chain
+     *
+     * Exactly one of `certificate` or `certificate_file` must be set.
+     */
+    certificate_file?: string;
+    /**
+     * PEM-encoded private key
+     *
+     * Exactly one of `key` or `key_file` must be set.
+     */
+    key?: string;
+    /**
+     * File containing a PEM or DER-encoded private key
+     *
+     * Exactly one of `key` or `key_file` must be set.
+     */
+    key_file?: string;
+    /**
+     * Password used to decode the private key
+     *
+     * One of `password` or `password_file` must be set if the key is encrypted.
+     */
+    password?: string;
+    /**
+     * Password file used to decode the private key
+     *
+     * One of `password` or `password_file` must be set if the key is encrypted.
+     */
+    password_file?: string;
+    [k: string]: unknown;
+}
+/**
+ * Database connection configuration
+ */
+export interface DatabaseConfig {
+    /**
+     * Connection URI
+     *
+     * This must not be specified if `host`, `port`, `socket`, `username`, `password`, or `database` are specified.
+     */
+    uri?: string;
+    /**
+     * Name of host to connect to
+     *
+     * This must not be specified if `uri` is specified.
+     */
+    host?: Hostname;
+    /**
+     * Port number to connect at the server host
+     *
+     * This must not be specified if `uri` is specified.
+     */
+    port?: number;
+    /**
+     * Directory containing the UNIX socket to connect to
+     *
+     * This must not be specified if `uri` is specified.
+     */
+    socket?: string;
+    /**
+     * PostgreSQL user name to connect as
+     *
+     * This must not be specified if `uri` is specified.
+     */
+    username?: string;
+    /**
+     * Password to be used if the server demands password authentication
+     *
+     * This must not be specified if `uri` is specified.
+     */
+    password?: string;
+    /**
+     * The database name
+     *
+     * This must not be specified if `uri` is specified.
+     */
+    database?: string;
+    /**
+     * How to handle SSL connections
+     */
+    ssl_mode?: PgSslMode;
+    /**
+     * The PEM-encoded root certificate for SSL connections
+     *
+     * This must not be specified if the `ssl_ca_file` option is specified.
+     */
+    ssl_ca?: string;
+    /**
+     * Path to the root certificate for SSL connections
+     *
+     * This must not be specified if the `ssl_ca` option is specified.
+     */
+    ssl_ca_file?: string;
+    /**
+     * The PEM-encoded client certificate for SSL connections
+     *
+     * This must not be specified if the `ssl_certificate_file` option is specified.
+     */
+    ssl_certificate?: string;
+    /**
+     * Path to the client certificate for SSL connections
+     *
+     * This must not be specified if the `ssl_certificate` option is specified.
+     */
+    ssl_certificate_file?: string;
+    /**
+     * The PEM-encoded client key for SSL connections
+     *
+     * This must not be specified if the `ssl_key_file` option is specified.
+     */
+    ssl_key?: string;
+    /**
+     * Path to the client key for SSL connections
+     *
+     * This must not be specified if the `ssl_key` option is specified.
+     */
+    ssl_key_file?: string;
+    /**
+     * Set the maximum number of connections the pool should maintain
+     */
+    max_connections?: number;
+    /**
+     * Set the minimum number of connections the pool should maintain
+     */
+    min_connections?: number;
+    /**
+     * Set the amount of time to attempt connecting to the database
+     */
+    connect_timeout?: number;
+    /**
+     * Set a maximum idle duration for individual connections
+     */
+    idle_timeout?: number;
+    /**
+     * Set the maximum lifetime of individual connections
+     */
+    max_lifetime?: number;
+    [k: string]: unknown;
+}
+/**
+ * Configuration related to sending monitoring data
+ */
+export interface TelemetryConfig {
+    /**
+     * Configuration related to exporting traces
+     */
+    tracing?: TracingConfig;
+    /**
+     * Configuration related to exporting metrics
+     */
+    metrics?: MetricsConfig;
+    /**
+     * Configuration related to the Sentry integration
+     */
+    sentry?: SentryConfig;
+    [k: string]: unknown;
+}
+/**
+ * Configuration related to exporting traces
+ */
+export interface TracingConfig {
+    /**
+     * Exporter to use when exporting traces
+     */
+    exporter?: TracingExporterKind & string;
+    /**
+     * OTLP exporter: OTLP over HTTP compatible endpoint
+     */
+    endpoint?: string;
+    /**
+     * List of propagation formats to use for incoming and outgoing requests
+     */
+    propagators?: Propagator[];
+    /**
+     * Sample rate for traces
+     *
+     * Defaults to `1.0` if not set.
+     */
+    sample_rate?: number;
+    [k: string]: unknown;
+}
+/**
+ * Configuration related to exporting metrics
+ */
+export interface MetricsConfig {
+    /**
+     * Exporter to use when exporting metrics
+     */
+    exporter?: MetricsExporterKind & string;
+    /**
+     * OTLP exporter: OTLP over HTTP compatible endpoint
+     */
+    endpoint?: string;
+    [k: string]: unknown;
+}
+/**
+ * Configuration related to the Sentry integration
+ */
+export interface SentryConfig {
+    /**
+     * Sentry DSN
+     */
+    dsn?: string;
+    /**
+     * Environment to use when sending events to Sentry
+     *
+     * Defaults to `production` if not set.
+     */
+    environment?: string;
+    /**
+     * Sample rate for event submissions
+     *
+     * Defaults to `1.0` if not set.
+     */
+    sample_rate?: number;
+    /**
+     * Sample rate for tracing transactions
+     *
+     * Defaults to `0.0` if not set.
+     */
+    traces_sample_rate?: number;
+    [k: string]: unknown;
+}
+/**
+ * Configuration related to templates
+ */
+export interface TemplatesConfig {
+    /**
+     * Path to the folder which holds the templates
+     */
+    path?: string;
+    /**
+     * Path to the assets manifest
+     */
+    assets_manifest?: string;
+    /**
+     * Path to the translations
+     */
+    translations_path?: string;
+    [k: string]: unknown;
+}
+/**
+ * Configuration related to sending emails
+ */
+export interface EmailConfig {
+    /**
+     * Email address to use as From when sending emails
+     */
+    from?: string;
+    /**
+     * Email address to use as Reply-To when sending emails
+     */
+    reply_to?: string;
+    /**
+     * What backend should be used when sending emails
+     */
+    transport: EmailTransportKind;
+    /**
+     * SMTP transport: Connection mode to the relay
+     */
+    mode?: EmailSmtpMode;
+    /**
+     * SMTP transport: Hostname to connect to
+     */
+    hostname?: Hostname;
+    /**
+     * SMTP transport: Port to connect to. Default is 25 for plain, 465 for TLS and 587 for `StartTLS`
+     */
+    port?: number;
+    /**
+     * SMTP transport: Username for use to authenticate when connecting to the SMTP server
+     *
+     * Must be set if the `password` field is set
+     */
+    username?: string;
+    /**
+     * SMTP transport: Password for use to authenticate when connecting to the SMTP server
+     *
+     * Must be set if the `username` field is set
+     */
+    password?: string;
+    /**
+     * Sendmail transport: Command to use to send emails
+     */
+    command?: string;
+    [k: string]: unknown;
+}
+/**
+ * Application secrets
+ */
+export interface SecretsConfig {
+    /**
+     * List of private keys to use for signing and encrypting payloads
+     */
+    keys?: KeyConfig[];
+    /**
+     * File containing the encryption key for secure cookies.
+     */
+    encryption_file?: string;
+    /**
+     * Encryption key for secure cookies.
+     */
+    encryption?: string;
+    [k: string]: unknown;
+}
+/**
+ * A single key with its key ID and optional password.
+ */
+export interface KeyConfig {
+    kid: string;
+    password_file?: string;
+    password?: string;
+    key_file?: string;
+    key?: string;
+    [k: string]: unknown;
+}
+/**
+ * User password hashing config
+ */
+export interface PasswordsConfig {
+    /**
+     * Whether password-based authentication is enabled
+     */
+    enabled?: boolean;
+    /**
+     * The hashing schemes to use for hashing and validating passwords
+     *
+     * The hashing scheme with the highest version number will be used for hashing new passwords.
+     */
+    schemes?: HashingScheme[];
+    /**
+     * Score between 0 and 4 determining the minimum allowed password complexity. Scores are based on the ESTIMATED number of guesses needed to guess the password.
+     *
+     * - 0: less than 10^2 (100) - 1: less than 10^4 (10'000) - 2: less than 10^6 (1'000'000) - 3: less than 10^8 (100'000'000) - 4: any more than that
+     */
+    minimum_complexity?: number;
+    [k: string]: unknown;
+}
+/**
+ * Parameters for a password hashing scheme
+ */
+export interface HashingScheme {
+    /**
+     * The version of the hashing scheme. They must be unique, and the highest version will be used for hashing new passwords.
+     */
+    version: number;
+    /**
+     * The hashing algorithm to use
+     */
+    algorithm: Algorithm;
+    /**
+     * Whether to apply Unicode normalization to the password before hashing
+     *
+     * Defaults to `false`, and generally recommended to stay false. This is although recommended when importing password hashs from Synapse, as it applies an NFKC normalization to the password before hashing it.
+     */
+    unicode_normalization?: boolean;
+    /**
+     * Cost for the bcrypt algorithm
+     */
+    cost?: number;
+    /**
+     * An optional secret to use when hashing passwords. This makes it harder to brute-force the passwords in case of a database leak.
+     */
+    secret?: string;
+    /**
+     * Same as `secret`, but read from a file.
+     */
+    secret_file?: string;
+    [k: string]: unknown;
+}
+/**
+ * Configuration related to the Matrix homeserver
+ */
+export interface MatrixConfig {
+    /**
+     * The kind of homeserver it is.
+     */
+    kind?: HomeserverKind & string;
+    /**
+     * The server name of the homeserver.
+     */
+    homeserver?: string;
+    /**
+     * Shared secret to use for calls to the admin API
+     */
+    secret: string;
+    /**
+     * The base URL of the homeserver's client API
+     */
+    endpoint?: string;
+    [k: string]: unknown;
+}
+/**
+ * Application secrets
+ */
+export interface PolicyConfig {
+    /**
+     * Path to the WASM module
+     */
+    wasm_module?: string;
+    /**
+     * Entrypoint to use when evaluating client registrations
+     */
+    client_registration_entrypoint?: string;
+    /**
+     * Entrypoint to use when evaluating user registrations
+     */
+    register_entrypoint?: string;
+    /**
+     * Entrypoint to use when evaluating authorization grants
+     */
+    authorization_grant_entrypoint?: string;
+    /**
+     * Entrypoint to use when changing password
+     */
+    password_entrypoint?: string;
+    /**
+     * Entrypoint to use when adding an email address
+     */
+    email_entrypoint?: string;
+    /**
+     * Arbitrary data to pass to the policy
+     */
+    data?: {
+        [k: string]: unknown;
+    };
+    [k: string]: unknown;
+}
+/**
+ * Configuration related to sending emails
+ */
+export interface RateLimitingConfig {
+    /**
+     * Account Recovery-specific rate limits
+     */
+    account_recovery?: AccountRecoveryRateLimitingConfig;
+    /**
+     * Login-specific rate limits
+     */
+    login?: LoginRateLimitingConfig;
+    /**
+     * Controls how many registrations attempts are permitted based on source address.
+     */
+    registration?: RateLimiterConfiguration;
+    /**
+     * Email authentication-specific rate limits
+     */
+    email_authentication?: EmailauthenticationRateLimitingConfig;
+    [k: string]: unknown;
+}
+export interface AccountRecoveryRateLimitingConfig {
+    /**
+     * Controls how many account recovery attempts are permitted based on source IP address. This can protect against causing e-mail spam to many targets.
+     *
+     * Note: this limit also applies to re-sends.
+     */
+    per_ip?: RateLimiterConfiguration;
+    /**
+     * Controls how many account recovery attempts are permitted based on the e-mail address entered into the recovery form. This can protect against causing e-mail spam to one target.
+     *
+     * Note: this limit also applies to re-sends.
+     */
+    per_address?: RateLimiterConfiguration;
+    [k: string]: unknown;
+}
+export interface RateLimiterConfiguration {
+    /**
+     * A one-off burst of actions that the user can perform in one go without waiting.
+     */
+    burst: number;
+    /**
+     * How quickly the allowance replenishes, in number of actions per second. Can be fractional to replenish slower.
+     */
+    per_second: number;
+    [k: string]: unknown;
+}
+export interface LoginRateLimitingConfig {
+    /**
+     * Controls how many login attempts are permitted based on source IP address. This can protect against brute force login attempts.
+     *
+     * Note: this limit also applies to password checks when a user attempts to change their own password.
+     */
+    per_ip?: RateLimiterConfiguration;
+    /**
+     * Controls how many login attempts are permitted based on the account that is being attempted to be logged into. This can protect against a distributed brute force attack but should be set high enough to prevent someone's account being casually locked out.
+     *
+     * Note: this limit also applies to password checks when a user attempts to change their own password.
+     */
+    per_account?: RateLimiterConfiguration;
+    [k: string]: unknown;
+}
+export interface EmailauthenticationRateLimitingConfig {
+    /**
+     * Controls how many email authentication attempts are permitted based on the source IP address. This can protect against causing e-mail spam to many targets.
+     */
+    per_ip?: RateLimiterConfiguration;
+    /**
+     * Controls how many email authentication attempts are permitted based on the e-mail address entered into the authentication form. This can protect against causing e-mail spam to one target.
+     *
+     * Note: this limit also applies to re-sends.
+     */
+    per_address?: RateLimiterConfiguration;
+    /**
+     * Controls how many authentication emails are permitted to be sent per authentication session. This ensures not too many authentication codes are created for the same authentication session.
+     */
+    emails_per_session?: RateLimiterConfiguration;
+    /**
+     * Controls how many code authentication attempts are permitted per authentication session. This can protect against brute-forcing the code.
+     */
+    attempt_per_session?: RateLimiterConfiguration;
+    [k: string]: unknown;
+}
+/**
+ * Upstream OAuth 2.0 providers configuration
+ */
+export interface UpstreamOAuth2Config {
+    /**
+     * List of OAuth 2.0 providers
+     */
+    providers: Provider[];
+    [k: string]: unknown;
+}
+/**
+ * Configuration for one upstream OAuth 2 provider.
+ */
+export interface Provider {
+    /**
+     * Whether this provider is enabled.
+     *
+     * Defaults to `true`
+     */
+    enabled?: boolean;
+    /**
+     * A ULID as per https://github.com/ulid/spec
+     */
+    id: string;
+    /**
+     * The ID of the provider that was used by Synapse. In order to perform a Synapse-to-MAS migration, this must be specified.
+     *
+     * ## For providers that used OAuth 2.0 or OpenID Connect in Synapse
+     *
+     * ### For `oidc_providers`: This should be specified as `oidc-` followed by the ID that was configured as `idp_id` in one of the `oidc_providers` in the Synapse configuration. For example, if Synapse's configuration contained `idp_id: wombat` for this provider, then specify `oidc-wombat` here.
+     *
+     * ### For `oidc_config` (legacy): Specify `oidc` here.
+     */
+    synapse_idp_id?: string;
+    /**
+     * The OIDC issuer URL
+     *
+     * This is required if OIDC discovery is enabled (which is the default)
+     */
+    issuer?: string;
+    /**
+     * A human-readable name for the provider, that will be shown to users
+     */
+    human_name?: string;
+    /**
+     * A brand identifier used to customise the UI, e.g. `apple`, `google`, `github`, etc.
+     *
+     * Values supported by the default template are:
+     *
+     * - `apple` - `google` - `facebook` - `github` - `gitlab` - `twitter` - `discord`
+     */
+    brand_name?: string;
+    /**
+     * The client ID to use when authenticating with the provider
+     */
+    client_id: string;
+    /**
+     * The client secret to use when authenticating with the provider
+     *
+     * Used by the `client_secret_basic`, `client_secret_post`, and `client_secret_jwt` methods
+     */
+    client_secret?: string;
+    /**
+     * The method to authenticate the client with the provider
+     */
+    token_endpoint_auth_method: TokenAuthMethod;
+    /**
+     * Additional parameters for the `sign_in_with_apple` method
+     */
+    sign_in_with_apple?: SignInWithApple;
+    /**
+     * The JWS algorithm to use when authenticating the client with the provider
+     *
+     * Used by the `client_secret_jwt` and `private_key_jwt` methods
+     */
+    token_endpoint_auth_signing_alg?: JsonWebSignatureAlg;
+    /**
+     * Expected signature for the JWT payload returned by the token authentication endpoint.
+     *
+     * Defaults to `RS256`.
+     */
+    id_token_signed_response_alg?: JsonWebSignatureAlg;
+    /**
+     * The scopes to request from the provider
+     *
+     * Defaults to `openid`.
+     */
+    scope?: string;
+    /**
+     * How to discover the provider's configuration
+     *
+     * Defaults to `oidc`, which uses OIDC discovery with strict metadata verification
+     */
+    discovery_mode?: DiscoveryMode;
+    /**
+     * Whether to use proof key for code exchange (PKCE) when requesting and exchanging the token.
+     *
+     * Defaults to `auto`, which uses PKCE if the provider supports it.
+     */
+    pkce_method?: PkceMethod;
+    /**
+     * Whether to fetch the user profile from the userinfo endpoint, or to rely on the data returned in the `id_token` from the `token_endpoint`.
+     *
+     * Defaults to `false`.
+     */
+    fetch_userinfo?: boolean;
+    /**
+     * Expected signature for the JWT payload returned by the userinfo endpoint.
+     *
+     * If not specified, the response is expected to be an unsigned JSON payload.
+     */
+    userinfo_signed_response_alg?: JsonWebSignatureAlg;
+    /**
+     * The URL to use for the provider's authorization endpoint
+     *
+     * Defaults to the `authorization_endpoint` provided through discovery
+     */
+    authorization_endpoint?: string;
+    /**
+     * The URL to use for the provider's userinfo endpoint
+     *
+     * Defaults to the `userinfo_endpoint` provided through discovery
+     */
+    userinfo_endpoint?: string;
+    /**
+     * The URL to use for the provider's token endpoint
+     *
+     * Defaults to the `token_endpoint` provided through discovery
+     */
+    token_endpoint?: string;
+    /**
+     * The URL to use for getting the provider's public keys
+     *
+     * Defaults to the `jwks_uri` provided through discovery
+     */
+    jwks_uri?: string;
+    /**
+     * The response mode we ask the provider to use for the callback
+     */
+    response_mode?: ResponseMode;
+    /**
+     * How claims should be imported from the `id_token` provided by the provider
+     */
+    claims_imports?: ClaimsImports;
+    /**
+     * Additional parameters to include in the authorization request
+     *
+     * Orders of the keys are not preserved.
+     */
+    additional_authorization_parameters?: {
+        [k: string]: string;
+    };
+    /**
+     * Whether the `login_hint` should be forwarded to the provider in the authorization request.
+     *
+     * Defaults to `false`.
+     */
+    forward_login_hint?: boolean;
+    /**
+     * What to do when receiving an OIDC Backchannel logout request.
+     *
+     * Defaults to "do_nothing".
+     */
+    on_backchannel_logout?: OnBackchannelLogout;
+    [k: string]: unknown;
+}
+export interface SignInWithApple {
+    /**
+     * The private key file used to sign the `id_token`
+     */
+    private_key_file?: string;
+    /**
+     * The private key used to sign the `id_token`
+     */
+    private_key?: string;
+    /**
+     * The Team ID of the Apple Developer Portal
+     */
+    team_id: string;
+    /**
+     * The key ID of the Apple Developer Portal
+     */
+    key_id: string;
+    [k: string]: unknown;
+}
+/**
+ * How claims should be imported
+ */
+export interface ClaimsImports {
+    /**
+     * How to determine the subject of the user
+     */
+    subject?: SubjectImportPreference;
+    /**
+     * Import the localpart of the MXID
+     */
+    localpart?: LocalpartImportPreference;
+    /**
+     * Import the displayname of the user.
+     */
+    displayname?: DisplaynameImportPreference;
+    /**
+     * Import the email address of the user based on the `email` and `email_verified` claims
+     */
+    email?: EmailImportPreference;
+    /**
+     * Set a human-readable name for the upstream account for display purposes
+     */
+    account_name?: AccountNameImportPreference;
+    [k: string]: unknown;
+}
+/**
+ * What should be done for the subject attribute
+ */
+export interface SubjectImportPreference {
+    /**
+     * The Jinja2 template to use for the subject attribute
+     *
+     * If not provided, the default template is `{{ user.sub }}`
+     */
+    template?: string;
+    [k: string]: unknown;
+}
+/**
+ * What should be done for the localpart attribute
+ */
+export interface LocalpartImportPreference {
+    /**
+     * How to handle the attribute
+     */
+    action?: ImportAction;
+    /**
+     * The Jinja2 template to use for the localpart attribute
+     *
+     * If not provided, the default template is `{{ user.preferred_username }}`
+     */
+    template?: string;
+    /**
+     * How to handle conflicts on the claim, default value is `Fail`
+     */
+    on_conflict?: OnConflict;
+    [k: string]: unknown;
+}
+/**
+ * What should be done for the displayname attribute
+ */
+export interface DisplaynameImportPreference {
+    /**
+     * How to handle the attribute
+     */
+    action?: ImportAction;
+    /**
+     * The Jinja2 template to use for the displayname attribute
+     *
+     * If not provided, the default template is `{{ user.name }}`
+     */
+    template?: string;
+    [k: string]: unknown;
+}
+/**
+ * What should be done with the email attribute
+ */
+export interface EmailImportPreference {
+    /**
+     * How to handle the claim
+     */
+    action?: ImportAction;
+    /**
+     * The Jinja2 template to use for the email address attribute
+     *
+     * If not provided, the default template is `{{ user.email }}`
+     */
+    template?: string;
+    [k: string]: unknown;
+}
+/**
+ * What should be done for the account name attribute
+ */
+export interface AccountNameImportPreference {
+    /**
+     * The Jinja2 template to use for the account name. This name is only used for display purposes.
+     *
+     * If not provided, it will be ignored.
+     */
+    template?: string;
+    [k: string]: unknown;
+}
+/**
+ * Configuration section for tweaking the branding of the service
+ */
+export interface BrandingConfig {
+    /**
+     * A human-readable name. Defaults to the server's address.
+     */
+    service_name?: string;
+    /**
+     * Link to a privacy policy, displayed in the footer of web pages and emails. It is also advertised to clients through the `op_policy_uri` OIDC provider metadata.
+     */
+    policy_uri?: string;
+    /**
+     * Link to a terms of service document, displayed in the footer of web pages and emails. It is also advertised to clients through the `op_tos_uri` OIDC provider metadata.
+     */
+    tos_uri?: string;
+    /**
+     * Legal imprint, displayed in the footer in the footer of web pages and emails.
+     */
+    imprint?: string;
+    /**
+     * Logo displayed in some web pages.
+     */
+    logo_uri?: string;
+    [k: string]: unknown;
+}
+/**
+ * Configuration section to setup CAPTCHA protection on a few operations
+ */
+export interface CaptchaConfig {
+    /**
+     * Which service should be used for CAPTCHA protection
+     */
+    service?: CaptchaServiceKind;
+    /**
+     * The site key to use
+     */
+    site_key?: string;
+    /**
+     * The secret key to use
+     */
+    secret_key?: string;
+    [k: string]: unknown;
+}
+/**
+ * Configuration section to configure features related to account management
+ */
+export interface AccountConfig {
+    /**
+     * Whether users are allowed to change their email addresses. Defaults to `true`.
+     */
+    email_change_allowed?: boolean;
+    /**
+     * Whether users are allowed to change their display names. Defaults to `true`.
+     *
+     * This should be in sync with the policy in the homeserver configuration.
+     */
+    displayname_change_allowed?: boolean;
+    /**
+     * Whether to enable self-service password registration. Defaults to `false` if password authentication is enabled.
+     *
+     * This has no effect if password login is disabled.
+     */
+    password_registration_enabled?: boolean;
+    /**
+     * Whether users are allowed to change their passwords. Defaults to `true`.
+     *
+     * This has no effect if password login is disabled.
+     */
+    password_change_allowed?: boolean;
+    /**
+     * Whether email-based password recovery is enabled. Defaults to `false`.
+     *
+     * This has no effect if password login is disabled.
+     */
+    password_recovery_enabled?: boolean;
+    /**
+     * Whether users are allowed to delete their own account. Defaults to `true`.
+     */
+    account_deactivation_allowed?: boolean;
+    /**
+     * Whether users can log in with their email address. Defaults to `false`.
+     *
+     * This has no effect if password login is disabled.
+     */
+    login_with_email_allowed?: boolean;
+    /**
+     * Whether registration tokens are required for password registrations. Defaults to `false`.
+     *
+     * When enabled, users must provide a valid registration token during password registration. This has no effect if password registration is disabled.
+     */
+    registration_token_required?: boolean;
+    [k: string]: unknown;
+}
+/**
+ * Configuration sections for experimental options
+ *
+ * Do not change these options unless you know what you are doing.
+ */
+export interface ExperimentalConfig {
+    /**
+     * Time-to-live of access tokens in seconds. Defaults to 5 minutes.
+     */
+    access_token_ttl?: number;
+    /**
+     * Time-to-live of compatibility access tokens in seconds. Defaults to 5 minutes.
+     */
+    compat_token_ttl?: number;
+    /**
+     * Experimetal feature to automatically expire inactive sessions
+     *
+     * Disabled by default
+     */
+    inactive_session_expiration?: InactiveSessionExpirationConfig;
+    /**
+     * Experimental feature to show a plan management tab and iframe. This value is passed through "as is" to the client without any validation.
+     */
+    plan_management_iframe_uri?: string;
+    [k: string]: unknown;
+}
+/**
+ * Configuration options for the inactive session expiration feature
+ */
+export interface InactiveSessionExpirationConfig {
+    /**
+     * Time after which an inactive session is automatically finished
+     */
+    ttl: number;
+    /**
+     * Should compatibility sessions expire after inactivity
+     */
+    expire_compat_sessions?: boolean;
+    /**
+     * Should OAuth 2.0 sessions expire after inactivity
+     */
+    expire_oauth_sessions?: boolean;
+    /**
+     * Should user sessions expire after inactivity
+     */
+    expire_user_sessions?: boolean;
+    [k: string]: unknown;
+}
diff --git a/packages/playwright-common/src/testcontainers/mas.ts b/packages/playwright-common/src/testcontainers/mas.ts
new file mode 100644
index 00000000000..b879ec1f0a1
--- /dev/null
+++ b/packages/playwright-common/src/testcontainers/mas.ts
@@ -0,0 +1,377 @@
+/*
+Copyright 2024-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 {
+    AbstractStartedContainer,
+    GenericContainer,
+    type StartedTestContainer,
+    Wait,
+    type ExecResult,
+    type StartedNetwork,
+} from "testcontainers";
+import { type StartedPostgreSqlContainer } from "@testcontainers/postgresql";
+import * as YAML from "yaml";
+
+import { getFreePort } from "../utils/port.js";
+import { deepCopy } from "../utils/object.js";
+import { type Credentials } from "../utils/api.js";
+// This file can be updated by running:
+//
+//   curl -sL https://element-hq.github.io/matrix-authentication-service/config.schema.json \
+//     | npx json-schema-to-typescript -o packages/element-web-playwright-common/src/testconainers/mas-config.ts
+import type { RootConfig as MasConfig } from "./mas-config.js";
+import type { Logger } from "../utils/logger.js";
+
+export { type MasConfig };
+
+const DEFAULT_CONFIG = {
+    http: {
+        listeners: [
+            {
+                name: "web",
+                resources: [
+                    { name: "discovery" },
+                    { name: "human" },
+                    { name: "oauth" },
+                    { name: "compat" },
+                    { name: "graphql" },
+                    { name: "assets" },
+                ],
+                binds: [
+                    {
+                        address: "[::]:8080",
+                    },
+                ],
+                proxy_protocol: false,
+            },
+            {
+                name: "internal",
+                resources: [
+                    {
+                        name: "health",
+                    },
+                ],
+                binds: [
+                    {
+                        address: "[::]:8081",
+                    },
+                ],
+                proxy_protocol: false,
+            },
+        ],
+        public_base: "", // Needs to be set
+        issuer: "", // Needs to be set
+    },
+    database: {
+        host: "postgres",
+        port: 5432,
+        database: "postgres",
+        username: "postgres",
+        password: "p4S5w0rD",
+    },
+    email: {
+        from: '"Authentication Service" <root@localhost>',
+        reply_to: '"Authentication Service" <root@localhost>',
+        transport: "smtp",
+        mode: "plain",
+        hostname: "mailpit",
+        port: 1025,
+        username: "username",
+        password: "password",
+    },
+    secrets: {
+        encryption: "984b18e207c55ad5fbb2a49b217481a722917ee87b2308d4cf314c83fed8e3b5",
+        keys: [
+            {
+                kid: "YEAhzrKipJ",
+                key: "-----BEGIN RSA PRIVATE KEY-----\nMIIEowIBAAKCAQEAuIV+AW5vx52I4CuumgSxp6yvKfIAnRdALeZZCoFkIGxUli1B\nS79NJ3ls46oLh1pSD9RrhaMp6HTNoi4K3hnP9Q9v77pD7KwdFKG3UdG1zksIB0s/\n+/Ey/DmX4LPluwBBS7r/LkQ1jk745lENA++oiDqZf2D/uP8jCHlvaSNyVKTqi1ki\nOXPd4T4xBUjzuas9ze5jQVSYtfOidgnv1EzUipbIxgvH1jNt4raRlmP8mOq7xEnW\nR+cF5x6n/g17PdSEfrwO4kz6aKGZuMP5lVlDEEnMHKabFSQDBl7+Mpok6jXutbtA\nuiBnsKEahF9eoj4na4fpbRNPdIVyoaN5eGvm5wIDAQABAoIBAApyFCYEmHNWaa83\nCdVSOrRhRDE9r+c0r79pcNT1ajOjrk4qFa4yEC4R46YntCtfY5Hd1pBkIjU0l4d8\nz8Su9WTMEOwjQUEepS7L0NLi6kXZXYT8L40VpGs+32grBvBFHW0qEtQNrHJ36gMv\nx2rXoFTF7HaXiSJx3wvVxAbRqOE9tBXLsmNHaWaAdWQG5o77V9+zvMri3cAeEg2w\nVkKokb0dza7es7xG3tqS26k69SrwGeeuKo7qCHPH2cfyWmY5Yhv8iOoA59JzzbiK\nUdxyzCHskrPSpRKVkVVwmY3RBt282TmSRG7td7e5ESSj50P2e5BI5uu1Hp/dvU4F\nvYjV7kECgYEA6WqYoUpVsgQiqhvJwJIc/8gRm0mUy8TenI36z4Iim01Nt7fibWH7\nXnsFqLGjXtYNVWvBcCrUl9doEnRbJeG2eRGbGKYAWVrOeFvwM4fYvw9GoOiJdDj4\ncgWDe7eHbHE+UTqR7Nnr/UBfipoNWDh6X68HRBuXowh0Q6tOfxsrRFECgYEAyl/V\n4b8bFp3pKZZCb+KPSYsQf793cRmrBexPcLWcDPYbMZQADEZ/VLjbrNrpTOWxUWJT\nhr8MrWswnHO+l5AFu5CNO+QgV2dHLk+2w8qpdpFRPJCfXfo2D3wZ0c4cv3VCwv1V\n5y7f6XWVjDWZYV4wj6c3shxZJjZ+9Hbhf3/twbcCgYA6fuRRR3fCbRbi2qPtBrEN\nyO3gpMgNaQEA6vP4HPzfPrhDWmn8T5nXS61XYW03zxz4U1De81zj0K/cMBzHmZFJ\nNghQXQmpWwBzWVcREvJWr1Vb7erEnaJlsMwKrSvbGWYspSj82oAxr3hCG+lMOpsw\nb4S6pM+TpAK/EqdRY1WsgQKBgQCGoMaaTRXqL9bC0bEU2XVVCWxKb8c3uEmrwQ7/\n/fD4NmjUzI5TnDps1CVfkqoNe+hAKddDFqmKXHqUOfOaxDbsFje+lf5l5tDVoDYH\nfjTKKdYPIm7CiAeauYY7qpA5Vfq52Opixy4yEwUPp0CII67OggFtPaqY3zwJyWQt\n+57hdQKBgGCXM/KKt7ceUDcNJxSGjvu0zD9D5Sv2ihYlEBT/JLaTCCJdvzREevaJ\n1d+mpUAt0Lq6A8NWOMq8HPaxAik3rMQ0WtM5iG+XgsUqvTSb7NcshArDLuWGnW3m\nMC4rM0UBYAS4QweduUSH1imrwH/1Gu5+PxbiecceRMMggWpzu0Bq\n-----END RSA PRIVATE KEY-----\n",
+            },
+            {
+                kid: "8J1AxrlNZT",
+                key: "-----BEGIN EC PRIVATE KEY-----\nMHcCAQEEIF1cjfIOEdy3BXJ72x6fKpEB8WP1ddZAUJAaqqr/6CpToAoGCCqGSM49\nAwEHoUQDQgAEfHdNuI1Yeh3/uOq2PlnW2vymloOVpwBYebbw4VVsna9xhnutIdQW\ndE8hkX8Yb0pIDasrDiwllVLzSvsWJAI0Kw==\n-----END EC PRIVATE KEY-----\n",
+            },
+            {
+                kid: "3BW6un1EBi",
+                key: "-----BEGIN EC PRIVATE KEY-----\nMIGkAgEBBDA+3ZV17r8TsiMdw1cpbTSNbyEd5SMy3VS1Mk/kz6O2Ev/3QZut8GE2\nq3eGtLBoVQigBwYFK4EEACKhZANiAASs8Wxjk/uRimRKXnPr2/wDaXkN9wMDjYQK\nmZULb+0ZP1/cXmuXuri8hUGhQvIU8KWY9PkpV+LMPEdpE54mHPKSLjq5CDXoSZ/P\n9f7cdRaOZ000KQPZfIFR9ujJTtDN7Vs=\n-----END EC PRIVATE KEY-----\n",
+            },
+            {
+                kid: "pkZ0pTKK0X",
+                key: "-----BEGIN EC PRIVATE KEY-----\nMHQCAQEEIHenfsXYPc5yzjZKUfvmydDR1YRwdsfZYvwHf/2wsYxooAcGBSuBBAAK\noUQDQgAEON1x7Vlu+nA0KvC5vYSOHhDUkfLYNZwYSLPFVT02h9E13yFFMIJegIBl\nAer+6PMZpPc8ycyeH9N+U9NAyliBhQ==\n-----END EC PRIVATE KEY-----\n",
+            },
+        ],
+    },
+    passwords: {
+        enabled: true,
+        schemes: [
+            {
+                version: 1,
+                algorithm: "argon2id",
+            },
+        ],
+        minimum_complexity: 0,
+    },
+    policy: {
+        data: {
+            client_registration: {
+                // allow non-SSL and localhost URIs
+                allow_insecure_uris: true,
+            },
+        },
+    },
+    account: {
+        password_registration_enabled: true,
+    },
+    matrix: {
+        kind: "synapse",
+        secret: "", // Needs to be set
+    },
+    rate_limiting: {
+        login: {
+            burst: 10,
+            per_second: 1,
+        },
+        registration: {
+            burst: 10,
+            per_second: 1,
+        },
+    },
+    clients: [
+        {
+            client_id: "01ARZ3NDEKTSV4RRFFQ69G5FAV",
+            client_auth_method: "none",
+        },
+    ],
+} satisfies MasConfig;
+
+/**
+ * A container running the Matrix Authentication Service.
+ *
+ * Exposes the MAS API on port 8080 and the health check on port 8081.
+ * Waits for HTTP /health on port 8081 to be available.
+ */
+export class MatrixAuthenticationServiceContainer extends GenericContainer {
+    private config: MasConfig;
+    private readonly args = ["-c", "/config/config.yaml"];
+
+    public constructor(
+        db: StartedPostgreSqlContainer,
+        image: string = "ghcr.io/element-hq/matrix-authentication-service:latest",
+    ) {
+        super(image);
+
+        const initialConfig = deepCopy(DEFAULT_CONFIG);
+        initialConfig.database.host = db.getHostname();
+        initialConfig.database.username = db.getUsername();
+        initialConfig.database.password = db.getPassword();
+
+        this.config = initialConfig;
+
+        this.withExposedPorts(8080, 8081)
+            .withWaitStrategy(Wait.forHttp("/health", 8081))
+            .withCommand(["server", ...this.args]);
+    }
+
+    /**
+     * Adds additional configuration to the MAS config.
+     * @param config - additional config fields to add
+     */
+    public withConfig(config: Partial<MasConfig>): this {
+        this.config = {
+            ...this.config,
+            ...config,
+        };
+        return this;
+    }
+
+    /**
+     * Starts the MAS container
+     */
+    public override async start(): Promise<StartedMatrixAuthenticationServiceContainer> {
+        // MAS config issuer needs to know what URL it'll be accessed from, so we have to map the port manually
+        const port = await getFreePort();
+
+        this.config.http = {
+            ...this.config.http,
+            public_base: `http://localhost:${port}/`,
+            issuer: `http://localhost:${port}/`,
+        };
+
+        this.withExposedPorts({
+            container: 8080,
+            host: port,
+        }).withCopyContentToContainer([
+            {
+                target: "/config/config.yaml",
+                content: YAML.stringify(this.config),
+            },
+        ]);
+
+        return new StartedMatrixAuthenticationServiceContainer(
+            await super.start(),
+            `http://localhost:${port}`,
+            this.args,
+            this.config.matrix.secret,
+            this.config.clients![0].client_id,
+        );
+    }
+}
+
+/**
+ * A started Matrix Authentication Service container.
+ */
+export class StartedMatrixAuthenticationServiceContainer extends AbstractStartedContainer {
+    private adminTokenPromise?: Promise<string>;
+
+    public constructor(
+        container: StartedTestContainer,
+        public readonly baseUrl: string,
+        private readonly args: string[],
+        public readonly sharedSecret: string,
+        public readonly staticClientId: string,
+    ) {
+        super(container);
+    }
+
+    /**
+     * Retrieves a valid HS admin token
+     */
+    public async getAdminToken(): Promise<string> {
+        if (this.adminTokenPromise === undefined) {
+            this.adminTokenPromise = this.registerUserInternal(
+                "admin",
+                "totalyinsecureadminpassword",
+                undefined,
+                true,
+            ).then((res) => res.accessToken);
+        }
+        return this.adminTokenPromise;
+    }
+
+    public async manage(cmd: string, ...args: string[]): Promise<ExecResult> {
+        const result = await this.exec(["mas-cli", "manage", cmd, ...this.args, ...args]);
+        if (result.exitCode !== 0) {
+            throw new Error(`Failed mas-cli manage ${cmd}: ${result.output}`);
+        }
+        return result;
+    }
+
+    private async manageRegisterUser(
+        username: string,
+        password: string,
+        displayName?: string,
+        admin = false,
+    ): Promise<string> {
+        const args: string[] = [];
+        if (admin) args.push("-a");
+        const result = await this.manage(
+            "register-user",
+            ...args,
+            "-y",
+            "-p",
+            password,
+            "-d",
+            displayName ?? "",
+            username,
+        );
+
+        const registerLines = result.output.trim().split("\n");
+        const userId = registerLines
+            .find((line) => line.includes("Matrix ID: "))
+            ?.split(": ")
+            .pop();
+
+        if (!userId) {
+            throw new Error(`Failed to register user: ${result.output}`);
+        }
+
+        return userId;
+    }
+
+    private async manageIssueCompatibilityToken(
+        username: string,
+        admin = false,
+    ): Promise<{ accessToken: string; deviceId: string }> {
+        const args: string[] = [];
+        if (admin) args.push("--yes-i-want-to-grant-synapse-admin-privileges");
+        const result = await this.manage("issue-compatibility-token", ...args, username);
+
+        const parts = result.output.trim().split(/\s+/);
+        const accessToken = parts.find((part) => part.startsWith("mct_"));
+        const deviceId = parts.find((part) => part.startsWith("compat_session.device="))?.split("=")[1];
+
+        if (!accessToken || !deviceId) {
+            throw new Error(`Failed to issue compatibility token: ${result.output}`);
+        }
+
+        return { accessToken, deviceId };
+    }
+
+    private async registerUserInternal(
+        username: string,
+        password: string,
+        displayName?: string,
+        admin = false,
+    ): Promise<Omit<Credentials, "homeserverBaseUrl">> {
+        const userId = await this.manageRegisterUser(username, password, displayName, admin);
+        const { deviceId, accessToken } = await this.manageIssueCompatibilityToken(username, admin);
+
+        return {
+            userId,
+            accessToken,
+            deviceId,
+            homeServer: userId.slice(1).split(":").slice(1).join(":"),
+            displayName,
+            username,
+            password,
+        };
+    }
+
+    /**
+     * Registers a user
+     *
+     * @param username - the username of the user to register
+     * @param password - the password of the user to register
+     * @param displayName - optional display name to set on the newly registered user
+     */
+    public async registerUser(
+        username: string,
+        password: string,
+        displayName?: string,
+    ): Promise<Omit<Credentials, "homeserverBaseUrl">> {
+        return this.registerUserInternal(username, password, displayName, false);
+    }
+
+    /**
+     * Binds a 3pid
+     * @param username - the username of the user to bind the 3pid to
+     * @param medium - the medium of the 3pid to bind
+     * @param address - the address of the 3pid to bind
+     */
+    public async setThreepid(username: string, medium: string, address: string): Promise<void> {
+        if (medium !== "email") {
+            throw new Error("Only email threepids are supported by MAS");
+        }
+
+        await this.manage("add-email", username, address);
+    }
+}
+
+export async function makeMas(
+    postgres: StartedPostgreSqlContainer,
+    network: StartedNetwork,
+    logger: Logger,
+    config: Partial<MasConfig>,
+    name = "mas",
+): Promise<StartedMatrixAuthenticationServiceContainer> {
+    const container = await new MatrixAuthenticationServiceContainer(postgres)
+        .withNetwork(network)
+        .withNetworkAliases(name)
+        .withLogConsumer(logger.getConsumer(name))
+        .withConfig(config)
+        .start();
+    return container;
+}
diff --git a/packages/playwright-common/src/testcontainers/postgres.ts b/packages/playwright-common/src/testcontainers/postgres.ts
new file mode 100644
index 00000000000..0dd0eab27dd
--- /dev/null
+++ b/packages/playwright-common/src/testcontainers/postgres.ts
@@ -0,0 +1,40 @@
+/*
+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 { PostgreSqlContainer, type StartedPostgreSqlContainer } from "@testcontainers/postgresql";
+import { type StartedNetwork } from "testcontainers";
+
+import { type Logger } from "../utils/logger.js";
+
+export async function makePostgres(
+    network: StartedNetwork,
+    logger: Logger,
+    name = "postgres",
+): Promise<StartedPostgreSqlContainer> {
+    const container = await new PostgreSqlContainer("postgres:13.3-alpine")
+        .withNetwork(network)
+        .withNetworkAliases(name)
+        .withLogConsumer(logger.getConsumer(name))
+        .withTmpFs({
+            "/dev/shm/pgdata/data": "",
+        })
+        .withEnvironment({
+            PG_DATA: "/dev/shm/pgdata/data",
+        })
+        .withCommand([
+            "-c",
+            "shared_buffers=128MB",
+            "-c",
+            `fsync=off`,
+            "-c",
+            `synchronous_commit=off`,
+            "-c",
+            "full_page_writes=off",
+        ])
+        .start();
+    return container;
+}
diff --git a/packages/playwright-common/src/testcontainers/synapse.ts b/packages/playwright-common/src/testcontainers/synapse.ts
new file mode 100644
index 00000000000..795b9390464
--- /dev/null
+++ b/packages/playwright-common/src/testcontainers/synapse.ts
@@ -0,0 +1,644 @@
+/*
+Copyright 2024-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 {
+    AbstractStartedContainer,
+    GenericContainer,
+    type RestartOptions,
+    type StartedTestContainer,
+    Wait,
+} from "testcontainers";
+import { type APIRequestContext, type TestInfo } from "@playwright/test";
+import crypto from "node:crypto";
+import * as YAML from "yaml";
+import { set } from "lodash-es";
+
+import { getFreePort } from "../utils/port.js";
+import { randB64Bytes } from "../utils/rand.js";
+import { deepCopy } from "../utils/object.js";
+import { type HomeserverContainer, type StartedHomeserverContainer } from "./HomeserverContainer.js";
+import { type StartedMatrixAuthenticationServiceContainer } from "./mas.js";
+import { Api, ClientServerApi, type Verb, type Credentials } from "../utils/api.js";
+import { type StartedMailpitContainer } from "./mailpit.js";
+
+/**
+ * Incomplete type describing the configuration for a Synapse homeserver
+ */
+export interface SynapseConfig {
+    server_name: string;
+    public_baseurl: string;
+    pid_file: string;
+    web_client: boolean;
+    soft_file_limit: number;
+    log_config: string;
+    listeners: Array<{
+        port: number;
+        tls: boolean;
+        bind_addresses: string[];
+        type: string;
+        x_forwarded: boolean;
+        resources: Array<{
+            names: string[];
+            compress: boolean;
+        }>;
+    }>;
+    database: {
+        name: string;
+        args: {
+            database: string;
+        };
+    };
+    rc_messages_per_second: number;
+    rc_message_burst_count: number;
+    rc_registration: {
+        per_second: number;
+        burst_count: number;
+    };
+    rc_joins: {
+        local: {
+            per_second: number;
+            burst_count: number;
+        };
+        remote: {
+            per_second: number;
+            burst_count: number;
+        };
+    };
+    rc_joins_per_room: {
+        per_second: number;
+        burst_count: number;
+    };
+    rc_3pid_validation: {
+        per_second: number;
+        burst_count: number;
+    };
+    rc_invites: {
+        per_room: {
+            per_second: number;
+            burst_count: number;
+        };
+        per_user: {
+            per_second: number;
+            burst_count: number;
+        };
+    };
+    rc_login: {
+        address: {
+            per_second: number;
+            burst_count: number;
+        };
+        account: {
+            per_second: number;
+            burst_count: number;
+        };
+        failed_attempts: {
+            per_second: number;
+            burst_count: number;
+        };
+    };
+    rc_room_creation: {
+        per_second: number;
+        burst_count: number;
+    };
+    media_store_path: string;
+    max_upload_size: string;
+    max_image_pixels: string;
+    dynamic_thumbnails: boolean;
+    enable_registration: boolean;
+    enable_registration_without_verification: boolean;
+    disable_msisdn_registration: boolean;
+    registrations_require_3pid: string[];
+    enable_metrics: boolean;
+    report_stats: boolean;
+    registration_shared_secret: string;
+    macaroon_secret_key: string;
+    form_secret: string;
+    signing_key_path: string;
+    trusted_key_servers: never[];
+    password_config: {
+        enabled: boolean;
+    };
+    ui_auth?: {
+        session_timeout: `${number}s`;
+    };
+    background_updates: {
+        min_batch_size: number;
+        sleep_duration_ms: number;
+    };
+    enable_authenticated_media: boolean;
+    email?: {
+        enable_notifs: boolean;
+        smtp_host: string;
+        smtp_port: number;
+        smtp_user: string;
+        smtp_pass: string;
+        require_transport_security: false;
+        notif_from: string;
+        app_name: string;
+        notif_template_html: string;
+        notif_template_text: string;
+        notif_for_new_users: boolean;
+        client_base_url: string;
+    };
+    user_consent?: {
+        template_dir: string;
+        version: string;
+        server_notice_content: Record<string, unknown>;
+        send_server_notice_to_guests: boolean;
+        block_events_error: string;
+        require_at_registration: boolean;
+    };
+    server_notices?: {
+        system_mxid_localpart: string;
+        system_mxid_display_name: string;
+        system_mxid_avatar_url: string;
+        room_name: string;
+    };
+    allow_guest_access: boolean;
+    experimental_features: Record<string, boolean>;
+    matrix_rtc?: {
+        transports: Array<{ type: string; [field: string]: string }>;
+    };
+    oidc_providers: unknown[];
+    serve_server_wellknown: boolean;
+    presence: {
+        enabled: boolean;
+        include_offline_users_on_sync: boolean;
+    };
+    room_list_publication_rules: Array<{ action: string }>;
+    modules: Array<{ module: string; config?: Record<string, unknown> }>;
+    matrix_authentication_service?: {
+        enabled?: boolean;
+        endpoint?: string;
+        secret?: string | null;
+        secret_path?: string | null;
+    };
+    /**
+     * Server-wide retention rules.
+     * @see https://element-hq.github.io/synapse/latest/usage/configuration/config_documentation.html?highlight=retent#retention
+     */
+    retention?: {
+        enabled: boolean;
+        default_policy?: {
+            min_lifetime?: string;
+            max_lifetime?: string;
+        };
+        allowed_lifetime_min?: string;
+        allowed_lifetime_max?: string;
+    };
+}
+
+const DEFAULT_CONFIG: SynapseConfig = {
+    server_name: "localhost",
+    public_baseurl: "", // set by start method
+    pid_file: "/homeserver.pid",
+    web_client: false,
+    soft_file_limit: 0,
+    // Needs to be configured to log to the console like a good docker process
+    log_config: "/data/log.config",
+    listeners: [
+        {
+            // Listener is always port 8008 (configured in the container)
+            port: 8008,
+            tls: false,
+            bind_addresses: ["::"],
+            type: "http",
+            x_forwarded: true,
+            resources: [
+                {
+                    names: ["client"],
+                    compress: false,
+                },
+            ],
+        },
+    ],
+    database: {
+        // An sqlite in-memory database is fast & automatically wipes each time
+        name: "sqlite3",
+        args: {
+            database: ":memory:",
+        },
+    },
+    rc_messages_per_second: 10000,
+    rc_message_burst_count: 10000,
+    rc_registration: {
+        per_second: 10000,
+        burst_count: 10000,
+    },
+    rc_joins: {
+        local: {
+            per_second: 9999,
+            burst_count: 9999,
+        },
+        remote: {
+            per_second: 9999,
+            burst_count: 9999,
+        },
+    },
+    rc_joins_per_room: {
+        per_second: 9999,
+        burst_count: 9999,
+    },
+    rc_3pid_validation: {
+        per_second: 1000,
+        burst_count: 1000,
+    },
+    rc_invites: {
+        per_room: {
+            per_second: 1000,
+            burst_count: 1000,
+        },
+        per_user: {
+            per_second: 1000,
+            burst_count: 1000,
+        },
+    },
+    rc_login: {
+        address: {
+            per_second: 10000,
+            burst_count: 10000,
+        },
+        account: {
+            per_second: 10000,
+            burst_count: 10000,
+        },
+        failed_attempts: {
+            per_second: 10000,
+            burst_count: 10000,
+        },
+    },
+    rc_room_creation: {
+        per_second: 1000,
+        burst_count: 1000,
+    },
+    media_store_path: "/tmp/media_store",
+    max_upload_size: "50M",
+    max_image_pixels: "32M",
+    dynamic_thumbnails: false,
+    enable_registration: true,
+    enable_registration_without_verification: true,
+    disable_msisdn_registration: false,
+    registrations_require_3pid: [],
+    enable_metrics: false,
+    report_stats: false,
+    // These placeholders will be replaced with values generated at start
+    registration_shared_secret: "secret",
+    macaroon_secret_key: "secret",
+    form_secret: "secret",
+    // Signing key must be here: it will be generated to this file
+    signing_key_path: "/data/localhost.signing.key",
+    trusted_key_servers: [],
+    password_config: {
+        enabled: true,
+    },
+    background_updates: {
+        // Inhibit background updates as this Synapse isn't long-lived
+        min_batch_size: 100000,
+        sleep_duration_ms: 100000,
+    },
+    enable_authenticated_media: true,
+    allow_guest_access: false,
+    experimental_features: {},
+    matrix_rtc: undefined,
+    oidc_providers: [],
+    serve_server_wellknown: true,
+    presence: {
+        enabled: true,
+        include_offline_users_on_sync: true,
+    },
+    room_list_publication_rules: [{ action: "allow" }],
+    modules: [],
+};
+
+/**
+ * A Synapse testcontainer
+ *
+ * Exposes port 8008.
+ * Waits for HTTP /health 8008 to 200.
+ */
+export class SynapseContainer extends GenericContainer implements HomeserverContainer<SynapseConfig> {
+    protected config: SynapseConfig;
+    protected mas?: StartedMatrixAuthenticationServiceContainer;
+
+    public constructor(image = "ghcr.io/element-hq/synapse:develop") {
+        super(image);
+
+        this.config = deepCopy(DEFAULT_CONFIG);
+        this.config.registration_shared_secret = randB64Bytes(16);
+        this.config.macaroon_secret_key = randB64Bytes(16);
+        this.config.form_secret = randB64Bytes(16);
+
+        const signingKey = randB64Bytes(32);
+        this.withWaitStrategy(Wait.forHttp("/health", 8008)).withCopyContentToContainer([
+            { target: this.config.signing_key_path, content: `ed25519 x ${signingKey}` },
+            {
+                target: this.config.log_config,
+                content: YAML.stringify({
+                    version: 1,
+                    formatters: {
+                        precise: {
+                            format: "%(asctime)s - %(name)s - %(lineno)d - %(levelname)s - %(request)s - %(message)s",
+                        },
+                    },
+                    handlers: {
+                        console: {
+                            class: "logging.StreamHandler",
+                            formatter: "precise",
+                        },
+                    },
+                    loggers: {
+                        "synapse.storage.SQL": {
+                            level: "DEBUG",
+                        },
+                        "twisted": {
+                            handlers: ["console"],
+                            propagate: false,
+                        },
+                    },
+                    root: {
+                        level: "DEBUG",
+                        handlers: ["console"],
+                    },
+                    disable_existing_loggers: false,
+                }),
+            },
+        ]);
+    }
+
+    public withConfigField(key: string, value: unknown): this {
+        set(this.config, key, value);
+        return this;
+    }
+
+    public withConfig(config: Partial<SynapseConfig>): this {
+        this.config = {
+            ...this.config,
+            ...config,
+        };
+        return this;
+    }
+
+    public withSmtpServer(mailpit: StartedMailpitContainer): this {
+        this.config.email = {
+            enable_notifs: false,
+            smtp_host: mailpit.internalHost,
+            smtp_port: mailpit.internalSmtpPort,
+            smtp_user: "username",
+            smtp_pass: "password",
+            require_transport_security: false,
+            notif_from: "Your Friendly %(app)s homeserver <noreply@example.com>",
+            app_name: "Matrix",
+            notif_template_html: "notif_mail.html",
+            notif_template_text: "notif_mail.txt",
+            notif_for_new_users: true,
+            client_base_url: "http://localhost/element",
+        };
+        return this;
+    }
+
+    public withMatrixAuthenticationService(mas?: StartedMatrixAuthenticationServiceContainer): this {
+        if (mas) {
+            this.mas = mas;
+            this.withConfig({
+                matrix_authentication_service: {
+                    enabled: true,
+                    endpoint: `http://${mas.getHostname()}:8080/`,
+                    secret: mas.sharedSecret,
+                },
+                // Must be disabled when using MAS.
+                password_config: {
+                    enabled: false,
+                },
+                // Must be disabled when using MAS.
+                enable_registration: false,
+            });
+        }
+        return this;
+    }
+
+    public override async start(): Promise<StartedSynapseContainer> {
+        // Synapse config public_baseurl needs to know what URL it'll be accessed from, so we have to map the port manually
+        const port = await getFreePort();
+
+        this.withExposedPorts({
+            container: 8008,
+            host: port,
+        })
+            .withConfig({
+                public_baseurl: `http://localhost:${port}`,
+            })
+            .withCopyContentToContainer([
+                {
+                    target: "/data/homeserver.yaml",
+                    content: YAML.stringify(this.config),
+                },
+            ]);
+
+        const container = await super.start();
+        const baseUrl = `http://localhost:${port}`;
+        if (this.mas) {
+            return new StartedSynapseWithMasContainer(
+                container,
+                baseUrl,
+                this.config.registration_shared_secret,
+                this.mas,
+            );
+        }
+
+        return new StartedSynapseContainer(container, baseUrl, this.config.registration_shared_secret);
+    }
+}
+
+/**
+ * A started Synapse testcontainer
+ */
+export class StartedSynapseContainer extends AbstractStartedContainer implements StartedHomeserverContainer {
+    protected adminTokenPromise?: Promise<string>;
+    protected readonly adminApi: Api;
+    public readonly csApi: ClientServerApi;
+
+    public constructor(
+        container: StartedTestContainer,
+        public readonly baseUrl: string,
+        private readonly registrationSharedSecret: string,
+    ) {
+        super(container);
+        this.adminApi = new Api(`${this.baseUrl}/_synapse/admin`);
+        this.csApi = new ClientServerApi(this.baseUrl);
+    }
+
+    /**
+     * Restart the container
+     * Useful to reset the state of the homeserver between tests
+     * @param options - options to pass to the restart
+     */
+    public restart(options?: Partial<RestartOptions>): Promise<void> {
+        this.adminTokenPromise = undefined;
+        return super.restart(options);
+    }
+
+    public setRequest(request: APIRequestContext): void {
+        this.csApi.setRequest(request);
+        this.adminApi.setRequest(request);
+    }
+
+    public async onTestFinished(testInfo: TestInfo): Promise<void> {
+        // Clean up the server to prevent rooms leaking between tests
+        await this.deletePublicRooms();
+    }
+
+    protected async deletePublicRooms(): Promise<void> {
+        const token = await this.getAdminToken();
+        // We hide the rooms from the room directory to save time between tests and for portability between homeservers
+        const { chunk: rooms } = await this.csApi.request<{
+            chunk: { room_id: string }[];
+        }>("GET", "/v3/publicRooms", token, {});
+        await Promise.all(
+            rooms.map((room) =>
+                this.csApi.request("PUT", `/v3/directory/list/room/${room.room_id}`, token, { visibility: "private" }),
+            ),
+        );
+    }
+
+    private async registerUserInternal(
+        username: string,
+        password: string,
+        displayName?: string,
+        admin = false,
+    ): Promise<Credentials> {
+        const path = "/v1/register";
+        const { nonce } = await this.adminApi.request<{ nonce: string }>("GET", path, undefined, {});
+        const mac = crypto
+            .createHmac("sha1", this.registrationSharedSecret)
+            .update(`${nonce}\0${username}\0${password}\0${admin ? "" : "not"}admin`)
+            .digest("hex");
+        const data = await this.adminApi.request<{
+            home_server: string;
+            access_token: string;
+            user_id: string;
+            device_id: string;
+        }>("POST", path, undefined, {
+            nonce,
+            username,
+            password,
+            mac,
+            admin,
+            displayname: displayName,
+        });
+
+        return {
+            homeServer: data.home_server || data.user_id.split(":").slice(1).join(":"),
+            homeserverBaseUrl: this.baseUrl,
+            accessToken: data.access_token,
+            userId: data.user_id,
+            deviceId: data.device_id,
+            password,
+            displayName,
+            username,
+        };
+    }
+
+    protected async getAdminToken(): Promise<string> {
+        if (this.adminTokenPromise === undefined) {
+            this.adminTokenPromise = this.registerUserInternal(
+                "admin",
+                "totalyinsecureadminpassword",
+                undefined,
+                true,
+            ).then((res) => res.accessToken);
+        }
+        return this.adminTokenPromise;
+    }
+
+    private async adminRequest<R extends object>(verb: "GET", path: string, data?: never): Promise<R>;
+    private async adminRequest<R extends object>(verb: Verb, path: string, data?: object): Promise<R>;
+    private async adminRequest<R extends object>(verb: Verb, path: string, data?: object): Promise<R> {
+        const adminToken = await this.getAdminToken();
+        return this.adminApi.request(verb, path, adminToken, data);
+    }
+
+    /**
+     * Register a user on the given Homeserver using the shared registration secret.
+     * @param username - the username of the user to register
+     * @param password - the password of the user to register
+     * @param displayName - optional display name to set on the newly registered user
+     */
+    public registerUser(username: string, password: string, displayName?: string): Promise<Credentials> {
+        return this.registerUserInternal(username, password, displayName, false);
+    }
+
+    /**
+     * Logs into synapse with the given username/password
+     * @param userId - login username
+     * @param password - login password
+     */
+    public async loginUser(userId: string, password: string): Promise<Credentials> {
+        return {
+            ...(await this.csApi.loginUser(userId, password)),
+            homeserverBaseUrl: this.baseUrl,
+        };
+    }
+
+    /**
+     * Binds a 3pid
+     * @param userId - the username of the user to bind the 3pid to
+     * @param medium - the medium of the 3pid to bind
+     * @param address - the address of the 3pid to bind
+     */
+    public async setThreepid(userId: string, medium: string, address: string): Promise<void> {
+        await this.adminRequest("PUT", `/v2/users/${userId}`, {
+            threepids: [
+                {
+                    medium,
+                    address,
+                },
+            ],
+        });
+    }
+}
+
+/**
+ * A started Synapse container when delegating auth to MAS
+ */
+export class StartedSynapseWithMasContainer extends StartedSynapseContainer {
+    public constructor(
+        container: StartedTestContainer,
+        baseUrl: string,
+        registrationSharedSecret: string,
+        private readonly mas: StartedMatrixAuthenticationServiceContainer,
+    ) {
+        super(container, baseUrl, registrationSharedSecret);
+    }
+
+    protected async getAdminToken(): Promise<string> {
+        if (this.adminTokenPromise === undefined) {
+            this.adminTokenPromise = this.mas.getAdminToken();
+        }
+        return this.adminTokenPromise;
+    }
+
+    /**
+     * Register a user on the given Homeserver using the shared registration secret.
+     * @param username - the username of the user to register
+     * @param password - the password of the user to register
+     * @param displayName - optional display name to set on the newly registered user
+     */
+    public async registerUser(username: string, password: string, displayName?: string): Promise<Credentials> {
+        const registered = await this.mas.registerUser(username, password, displayName);
+        return { ...registered, homeserverBaseUrl: this.baseUrl, oauthClientId: this.mas.staticClientId };
+    }
+
+    /**
+     * Binds a 3pid
+     * @param userId - the username of the user to bind the 3pid to
+     * @param medium - the medium of the 3pid to bind
+     * @param address - the address of the 3pid to bind
+     */
+    public async setThreepid(userId: string, medium: string, address: string): Promise<void> {
+        return this.mas.setThreepid(userId, medium, address);
+    }
+}
diff --git a/packages/playwright-common/src/utils/api.ts b/packages/playwright-common/src/utils/api.ts
new file mode 100644
index 00000000000..7f7641fcb93
--- /dev/null
+++ b/packages/playwright-common/src/utils/api.ts
@@ -0,0 +1,122 @@
+/*
+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 APIRequestContext } from "@playwright/test";
+
+export type Verb = "GET" | "POST" | "PUT" | "DELETE";
+
+/**
+ * A generic API client.
+ */
+export class Api {
+    private _request?: APIRequestContext;
+
+    public constructor(private readonly baseUrl: string) {}
+
+    /**
+     * Set the request context to use for making requests.
+     * @param request - The request context to use.
+     */
+    public setRequest(request: APIRequestContext): void {
+        this._request = request;
+    }
+
+    /**
+     * Make a request to the API.
+     * @param verb - The HTTP verb to use.
+     * @param path - The path to request.
+     * @param token - The access token to use for the request.
+     * @param data - The data to send with the request.
+     */
+    public async request<R extends object>(verb: "GET", path: string, token?: string, data?: never): Promise<R>;
+    public async request<R extends object>(verb: Verb, path: string, token?: string, data?: object): Promise<R>;
+    public async request<R extends object>(verb: Verb, path: string, token?: string, data?: object): Promise<R> {
+        if (!this._request) {
+            throw new Error("No request context set");
+        }
+
+        const url = `${this.baseUrl}${path}`;
+        const res = await this._request.fetch(url, {
+            data,
+            method: verb,
+            headers: token
+                ? {
+                      Authorization: `Bearer ${token}`,
+                  }
+                : undefined,
+        });
+
+        if (!res.ok()) {
+            throw new Error(
+                `Request to ${url} failed with status ${res.status()}: ${JSON.stringify(await res.json())}`,
+            );
+        }
+
+        return res.json();
+    }
+}
+
+/**
+ * Credentials for a user.
+ */
+export interface Credentials {
+    /** The base URL of the homeserver's CS API. */
+    homeserverBaseUrl: string;
+
+    accessToken: string;
+    userId: string;
+    deviceId: string;
+
+    /** The domain part of the user's matrix ID. */
+    homeServer: string;
+
+    /** The OAuth2 Client ID used by this client for native OAuth2 sessions **/
+    oauthClientId?: string;
+
+    password: string | null; // null for password-less users
+    displayName?: string;
+    username: string; // the localpart of the userId
+}
+
+/**
+ * A client-server API for interacting with a Matrix homeserver.
+ */
+export class ClientServerApi extends Api {
+    public constructor(baseUrl: string) {
+        super(`${baseUrl}/_matrix/client`);
+    }
+
+    /**
+     * Register a user on the homeserver.
+     * @param userId - The user ID to register.
+     * @param password - The password to use for the user.
+     */
+    public async loginUser(userId: string, password: string): Promise<Omit<Credentials, "homeserverBaseUrl">> {
+        const json = await this.request<{
+            access_token: string;
+            user_id: string;
+            device_id: string;
+            home_server: string;
+        }>("POST", "/v3/login", undefined, {
+            type: "m.login.password",
+            identifier: {
+                type: "m.id.user",
+                user: userId,
+            },
+            password: password,
+        });
+
+        return {
+            password,
+            accessToken: json.access_token,
+            userId: json.user_id,
+            deviceId: json.device_id,
+            homeServer: json.home_server || json.user_id.split(":").slice(1).join(":"),
+            username: userId.slice(1).split(":")[0],
+        };
+    }
+}
diff --git a/packages/playwright-common/src/utils/config_json.ts b/packages/playwright-common/src/utils/config_json.ts
new file mode 100644
index 00000000000..cc97a07be55
--- /dev/null
+++ b/packages/playwright-common/src/utils/config_json.ts
@@ -0,0 +1,71 @@
+/*
+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 BrowserContext, type Page } from "@playwright/test";
+
+import { type Config, CONFIG_JSON } from "../index.js";
+
+/** Construct a suitable config.json for the given homeserver
+ *
+ * @param homeserverBaseUrl - The `baseUrl` of the homeserver that the client should be configured to connect to.
+ * @param additionalConfig - Additional config to add to the default config.json.
+ * @param labsFlags - Lab flags to enable in the client.
+ * @param disablePresence - Whether to disable presence for the given homeserver.
+ */
+export function buildConfigJson(
+    homeserverBaseUrl: string,
+    additionalConfig: Partial<Config> = {},
+    labsFlags: string[] = [],
+    disablePresence: boolean = false,
+): Partial<Config> {
+    const json = {
+        ...CONFIG_JSON,
+        ...additionalConfig,
+        default_server_config: {
+            "m.homeserver": {
+                base_url: homeserverBaseUrl,
+            },
+            ...additionalConfig.default_server_config,
+        },
+    };
+    json["features"] = {
+        ...json["features"],
+        // Enable the lab features
+        ...labsFlags.reduce<NonNullable<(typeof CONFIG_JSON)["features"]>>((obj, flag) => {
+            obj[flag] = true;
+            return obj;
+        }, {}),
+    };
+    if (disablePresence) {
+        json["enable_presence_by_hs_url"] = {
+            [homeserverBaseUrl]: false,
+        };
+    }
+    return json;
+}
+
+/**
+ * Add a route to the browser context/page which will serve a suitable config.json for the given homeserver.
+ *
+ * @param context - The browser context or page to route the config.json to.
+ * @param homeserverBaseUrl - The `baseUrl` of the homeserver that the client should be configured to connect to.
+ * @param additionalConfig - Additional config to add to the default config.json.
+ * @param labsFlags - Lab flags to enable in the client.
+ * @param disablePresence - Whether to disable presence for the given homeserver.
+ */
+export async function routeConfigJson(
+    context: BrowserContext | Page,
+    homeserverBaseUrl: string,
+    additionalConfig: Partial<Config> = {},
+    labsFlags: string[] = [],
+    disablePresence: boolean = false,
+): Promise<void> {
+    await context.route(`http://localhost:8080/config.json*`, async (route) => {
+        const json = buildConfigJson(homeserverBaseUrl, additionalConfig, labsFlags, disablePresence);
+        await route.fulfill({ json });
+    });
+}
diff --git a/packages/playwright-common/src/utils/context.ts b/packages/playwright-common/src/utils/context.ts
new file mode 100644
index 00000000000..c11477fe9c4
--- /dev/null
+++ b/packages/playwright-common/src/utils/context.ts
@@ -0,0 +1,38 @@
+/*
+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 Browser } from "playwright-core";
+import { type Page } from "@playwright/test";
+
+import { type Credentials } from "./api.js";
+import { type Config } from "../index.js";
+import { routeConfigJson } from "./config_json.js";
+import { populateLocalStorageWithCredentials } from "../fixtures/user.js";
+
+/** Create a new instance of the application, in a separate browser context, using the given credentials.
+ *
+ * @param browser - the browser to use
+ * @param credentials - the credentials to use for the new instance
+ * @param additionalConfig - additional config for the `config.json` for the new instance
+ * @param labsFlags - additional labs flags for the `config.json` for the new instance
+ * @param disablePresence - whether to disable presence for the new instance
+ */
+export async function createNewInstance(
+    browser: Browser,
+    credentials: Credentials,
+    additionalConfig: Partial<Config> = {},
+    labsFlags: string[] = [],
+    disablePresence: boolean = false,
+): Promise<Page> {
+    const context = await browser.newContext();
+    await routeConfigJson(context, credentials.homeserverBaseUrl, additionalConfig, labsFlags, disablePresence);
+    const page = await context.newPage();
+    await populateLocalStorageWithCredentials(page, credentials);
+    await page.goto("/");
+    await page.waitForSelector(".mx_MatrixChat", { timeout: 30000 });
+    return page;
+}
diff --git a/packages/playwright-common/src/utils/logger.ts b/packages/playwright-common/src/utils/logger.ts
new file mode 100644
index 00000000000..294a87067bc
--- /dev/null
+++ b/packages/playwright-common/src/utils/logger.ts
@@ -0,0 +1,79 @@
+/*
+Copyright 2024-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 BrowserContext, type Page, type TestInfo } from "@playwright/test";
+import { type Readable } from "node:stream";
+import stripAnsi from "strip-ansi";
+
+/**
+ * A logger that captures console logs from pages and testcontainers.
+ */
+export class Logger {
+    private pages: Page[] = [];
+    private logs: Record<string, string> = {};
+
+    /**
+     * Get a consumer function that captures logs for a given container.
+     * @param container - the human-readable name of the container.
+     */
+    public getConsumer(container: string) {
+        this.logs[container] = "";
+        return (stream: Readable) => {
+            stream.on("data", (chunk) => {
+                this.logs[container] += chunk.toString();
+            });
+            stream.on("err", (chunk) => {
+                this.logs[container] += "ERR " + chunk.toString();
+            });
+        };
+    }
+
+    /**
+     * Hook to call when a test starts.
+     * @param context - the browser context of the test.
+     */
+    public async onTestStarted(context: BrowserContext) {
+        this.pages = [];
+        for (const id in this.logs) {
+            if (id.startsWith("page-")) {
+                delete this.logs[id];
+            } else {
+                this.logs[id] = "";
+            }
+        }
+
+        context.on("console", (msg) => {
+            const page = msg.page();
+            if (!page) return;
+            let pageIdx = this.pages.indexOf(page);
+            if (pageIdx === -1) {
+                this.pages.push(page);
+                pageIdx = this.pages.length - 1;
+                this.logs[`page-${pageIdx}`] = `Console logs for page with URL: ${page.url()}\n\n`;
+            }
+            const type = msg.type();
+            const text = msg.text();
+            this.logs[`page-${pageIdx}`] += `${type}: ${text}\n`;
+        });
+    }
+
+    /**
+     * Hook to call when a test finishes.
+     * @param testInfo - the info about the test that just finished.
+     */
+    public async onTestFinished(testInfo: TestInfo) {
+        if (testInfo.status !== "passed") {
+            for (const id in this.logs) {
+                if (!this.logs[id]) continue;
+                await testInfo.attach(id, {
+                    body: stripAnsi(this.logs[id]),
+                    contentType: "text/plain",
+                });
+            }
+        }
+    }
+}
diff --git a/packages/playwright-common/src/utils/object.ts b/packages/playwright-common/src/utils/object.ts
new file mode 100644
index 00000000000..645e50bbad5
--- /dev/null
+++ b/packages/playwright-common/src/utils/object.ts
@@ -0,0 +1,16 @@
+/*
+Copyright 2024-2025 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
+Please see LICENSE files in the repository root for full details.
+*/
+
+/**
+ * Deep copy the given object. The object MUST NOT have circular references and
+ * MUST NOT have functions.
+ * @param obj - The object to deep copy.
+ * @returns A copy of the object without any references to the original.
+ */
+export function deepCopy<T>(obj: T): T {
+    return JSON.parse(JSON.stringify(obj));
+}
diff --git a/packages/playwright-common/src/utils/port.ts b/packages/playwright-common/src/utils/port.ts
new file mode 100644
index 00000000000..d39594caac9
--- /dev/null
+++ b/packages/playwright-common/src/utils/port.ts
@@ -0,0 +1,22 @@
+/*
+Copyright 2024-2025 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import * as net from "node:net";
+
+/**
+ * Get a free networking port on the system.
+ */
+export async function getFreePort(): Promise<number> {
+    return new Promise<number>((resolve) => {
+        const srv = net.createServer();
+        srv.listen(0, () => {
+            const port = (<net.AddressInfo>srv.address()).port;
+            srv.close(() => resolve(port));
+        });
+    });
+}
diff --git a/packages/playwright-common/src/utils/rand.ts b/packages/playwright-common/src/utils/rand.ts
new file mode 100644
index 00000000000..debb5bc69af
--- /dev/null
+++ b/packages/playwright-common/src/utils/rand.ts
@@ -0,0 +1,17 @@
+/*
+Copyright 2024-2025 New Vector Ltd.
+Copyright 2023 The Matrix.org Foundation C.I.C.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import crypto from "node:crypto";
+
+/**
+ * Generate a random base64 string of the given number of bytes.
+ * @param numBytes - The number of bytes to generate.
+ */
+export function randB64Bytes(numBytes: number): string {
+    return crypto.randomBytes(numBytes).toString("base64").replace(/=*$/, "");
+}
diff --git a/packages/playwright-common/src/utils/release_accouncement.ts b/packages/playwright-common/src/utils/release_accouncement.ts
new file mode 100644
index 00000000000..c297ca13626
--- /dev/null
+++ b/packages/playwright-common/src/utils/release_accouncement.ts
@@ -0,0 +1,17 @@
+/*
+ * 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 Page } from "playwright-core";
+
+/**
+ * Close the release announcement with the given name.
+ * @param page The Playwright page instance.
+ * @param name The name of the release announcement dialog.
+ */
+export async function closeReleaseAnnouncement(page: Page, name: string): Promise<void> {
+    await page.getByRole("dialog", { name }).getByRole("button", { name: "OK" }).click();
+}
diff --git a/packages/playwright-common/src/utils/toasts.ts b/packages/playwright-common/src/utils/toasts.ts
new file mode 100644
index 00000000000..2bd9f0f59c7
--- /dev/null
+++ b/packages/playwright-common/src/utils/toasts.ts
@@ -0,0 +1,161 @@
+/*
+ * 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 { expect, type Locator, type Page } from "@playwright/test";
+
+/**
+ * Assert that no toasts exist.
+ *
+ * @public
+ * @param page - Playwright page we are working with.
+ */
+export async function assertNoToasts(page: Page): Promise<void> {
+    await expect(page.locator(".mx_Toast_toast")).not.toBeVisible();
+}
+
+/**
+ * Find the toast with the supplied title. Fail if it does not exist.
+ *
+ * @public
+ * @param page - Playwright page we are working with.
+ * @param title - Expected title of the toast.
+ * @param timeout - Time in ms before we give up and decide the toast does
+ *                  not exist.
+ * @returns the Locator for the matching toast.
+ */
+export async function getToast(page: Page, title: string, timeout?: number): Promise<Locator> {
+    const toast = page.locator(".mx_Toast_toast", { hasText: title }).first();
+    await expect(toast).toBeVisible({ timeout });
+    return toast;
+}
+
+/**
+ * Find the toast with the supplied title, or return null if not found.
+ *
+ * @public
+ * @param page - Playwright page we are working with.
+ * @param title - Expected title of the toast.
+ * @param timeout - Time in ms before we give up and decide the toast does
+ *                  not exist.
+ * @returns the Locator for the matching toast, or null if it does not exist.
+ */
+export async function getToastIfExists(page: Page, title: string, timeout = 2000): Promise<Locator | null> {
+    const toast = page.locator(".mx_Toast_toast", { hasText: title }).first();
+    try {
+        await toast.waitFor({ state: "visible", timeout });
+        return toast;
+    } catch {
+        return null;
+    }
+}
+
+/**
+ * Accept the toast with the supplied title, or fail if it does not exist.
+ *
+ * Only works if this toast is at the top of the stack of toasts.
+ *
+ * @public
+ * @param page - Playwright page we are working with.
+ * @param title - Expected title of the toast.
+ */
+export async function acceptToast(page: Page, title: string): Promise<void> {
+    await clickToastButton(page, title, "primary");
+}
+
+/**
+ * Accept the toast with the supplied title, if it exists, or return after 2
+ * seconds if it is not found.
+ *
+ * Only works if this toast is at the top of the stack of toasts.
+ *
+ * @public
+ * @param page - Playwright page we are working with.
+ * @param title - Expected title of the toast.
+ *
+ * @returns true if the toast was found and the button was clicked, or false if the toast was not found (always returns true if `required` is true).
+ */
+export async function acceptToastIfExists(page: Page, title: string): Promise<boolean> {
+    return await clickToastButton(page, title, "primary", 2000, false);
+}
+
+/**
+ * Reject the toast with the supplied title, or fail if it does not exist.
+ *
+ * Only works if this toast is at the top of the stack of toasts.
+ *
+ * @public
+ * @param page - Playwright page we are working with.
+ * @param title - Expected title of the toast.
+ */
+export async function rejectToast(page: Page, title: string): Promise<void> {
+    await clickToastButton(page, title, "secondary");
+}
+
+/**
+ * Reject the toast with the supplied title, if it exists, or return after 2
+ * seconds if it is not found.
+ *
+ * Only works if this toast is at the top of the stack of toasts.
+ *
+ * @public
+ * @param page - Playwright page we are working with.
+ * @param title - Expected title of the toast.
+ * @param options.timeout - Time in ms before we give up and decide the toast does not exist.
+ *
+ * @returns true if the toast was found and the button was clicked, or false if the toast was not found (always returns true if `required` is true).
+ */
+export async function rejectToastIfExists(
+    page: Page,
+    title: string,
+    options: { timeout?: number } = {},
+): Promise<boolean> {
+    const { timeout = 2000 } = options;
+    return await clickToastButton(page, title, "secondary", timeout, false);
+}
+
+/**
+ * Find the toast with the supplied title and click a button on it.
+ *
+ * Only works if this toast is at the top of the stack of toasts.
+ *
+ * If `required` is false, you should supply a relatively short `timeout`
+ * (e.g. 2000, meaning 2 seconds) to prevent your test taking too long.
+ *
+ * @param page - Playwright page we are working with.
+ * @param title - Expected title of the toast.
+ * @param button - Which button to click on the toast. Allowed values are
+ *                 "primary", which will accept the toast, or "secondary",
+ *                 which will reject it.
+ * @param timeout - Time in ms before we give up and decide the toast does
+ *                  not exist. If `required` is true, defaults to `timeout`
+ *                  in `TestConfig.expect`. Otherwise, defaults to 2000 (2
+ *                  seconds).
+ * @param required - If true, fail the test (throw an exception) if the
+ *                   toast is not visible. Otherwise, just return after
+ *                   `timeout` if the toast is not visible.
+ * @returns true if the toast was found and the button was clicked, or false if the toast was not found (always returns true if `required` is true).
+ */
+async function clickToastButton(
+    page: Page,
+    title: string,
+    button: "primary" | "secondary",
+    timeout?: number,
+    required = true,
+): Promise<boolean> {
+    let toast: Locator | null;
+    if (required) {
+        toast = await getToast(page, title, timeout);
+    } else {
+        toast = await getToastIfExists(page, title, timeout);
+    }
+
+    if (toast) {
+        await toast.locator(`.mx_Toast_buttons button[data-kind="${button}"]`).click();
+        return true;
+    }
+    return false;
+}
diff --git a/packages/playwright-common/tsconfig.json b/packages/playwright-common/tsconfig.json
new file mode 100644
index 00000000000..4cee1a02691
--- /dev/null
+++ b/packages/playwright-common/tsconfig.json
@@ -0,0 +1,18 @@
+{
+    "$schema": "http://json.schemastore.org/tsconfig",
+    "compilerOptions": {
+        "rootDir": "./src",
+        "target": "esnext",
+        "lib": ["dom", "es2022", "esnext"],
+        "esModuleInterop": true,
+        "strict": true,
+        "declaration": true,
+        "outDir": "lib",
+        "declarationMap": true,
+        "module": "es2022",
+        "moduleResolution": "bundler",
+        "types": [],
+        "allowImportingTsExtensions": false
+    },
+    "include": ["src"]
+}
diff --git a/packages/shared-components/.gitignore b/packages/shared-components/.gitignore
new file mode 100644
index 00000000000..aea5132513e
--- /dev/null
+++ b/packages/shared-components/.gitignore
@@ -0,0 +1,14 @@
+# 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
+# Build storybook
+storybook-static
diff --git a/packages/shared-components/.storybook/ElementTheme.ts b/packages/shared-components/.storybook/ElementTheme.ts
new file mode 100644
index 00000000000..ae73dc4070b
--- /dev/null
+++ b/packages/shared-components/.storybook/ElementTheme.ts
@@ -0,0 +1,27 @@
+/*
+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 { create } from "storybook/theming";
+
+export default create({
+    base: "light",
+
+    // Colors
+    textColor: "#1b1d22",
+    colorSecondary: "#111111",
+
+    // UI
+    appBg: "#ffffff",
+    appContentBg: "#ffffff",
+
+    // Toolbar
+    barBg: "#ffffff",
+
+    brandTitle: "Web Shared Components",
+    brandUrl: "https://github.com/element-hq/element-web/tree/develop/packages/shared-components",
+    brandTarget: "_self",
+});
diff --git a/packages/shared-components/.storybook/app-web-root.css b/packages/shared-components/.storybook/app-web-root.css
new file mode 100644
index 00000000000..6745bafac10
--- /dev/null
+++ b/packages/shared-components/.storybook/app-web-root.css
@@ -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.
+*/
+
+/*
+ * Match the app/web shell baseline without importing app/web component styles.
+ * Shared component stories should inherit the same root typography and font
+ * feature settings as the real app, while still owning their component styling.
+ */
+@layer app-web {
+    :root[data-storybook-root-css="app-web"] {
+        [class^="cpd-theme"][class^="cpd-theme"] {
+            --cpd-font-family-sans:
+                "Inter", "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Arial", "Helvetica", sans-serif,
+                "Noto Color Emoji";
+        }
+
+        body {
+            font: var(--cpd-font-body-md-regular) !important;
+            letter-spacing: var(--cpd-font-letter-spacing-body-md) !important;
+            font-feature-settings:
+                "kern" 1,
+                "liga" 1,
+                "calt" 1 !important;
+
+            background-color: var(--cpd-color-bg-canvas-default);
+            color: var(--cpd-color-text-primary);
+            border: 0;
+            margin: 0;
+
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+        }
+
+        pre,
+        code {
+            font-family:
+                "Fira Code", "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Courier", monospace, "Noto Color Emoji";
+            font-size: 100% !important;
+        }
+    }
+
+    /* Username color classes - these are defined in the main app's _common.pcss
+   but need to be available in Storybook for components that use colorClass */
+    .mx_Username_color1 {
+        color: var(--cpd-color-text-decorative-1);
+    }
+
+    .mx_Username_color2 {
+        color: var(--cpd-color-text-decorative-2);
+    }
+
+    .mx_Username_color3 {
+        color: var(--cpd-color-text-decorative-3);
+    }
+
+    .mx_Username_color4 {
+        color: var(--cpd-color-text-decorative-4);
+    }
+
+    .mx_Username_color5 {
+        color: var(--cpd-color-text-decorative-5);
+    }
+
+    .mx_Username_color6 {
+        color: var(--cpd-color-text-decorative-6);
+    }
+}
diff --git a/packages/shared-components/.storybook/compound.css b/packages/shared-components/.storybook/compound.css
new file mode 100644
index 00000000000..dda8ccf13e0
--- /dev/null
+++ b/packages/shared-components/.storybook/compound.css
@@ -0,0 +1,12 @@
+/*
+ * 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.
+ */
+
+/* Shared cascade order: Compound tokens, Compound Web, shared components, then app overrides. */
+@layer compound-tokens, compound-web, shared-components, app-web;
+
+@import url("@vector-im/compound-design-tokens/assets/web/css/compound-design-tokens.css") layer(compound-tokens);
+@import url("@vector-im/compound-web/dist/style.css") layer(compound-web);
diff --git a/packages/shared-components/.storybook/languageAddon.tsx b/packages/shared-components/.storybook/languageAddon.tsx
new file mode 100644
index 00000000000..c2161d6c76b
--- /dev/null
+++ b/packages/shared-components/.storybook/languageAddon.tsx
@@ -0,0 +1,60 @@
+/*
+ * 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 Addon, types, useGlobals } from "storybook/manager-api";
+import { WithTooltip, IconButton, TooltipLinkList } from "storybook/internal/components";
+import React from "react";
+import { GlobeIcon } from "@storybook/icons";
+
+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 {
+    const normalisedLang = language.toLowerCase().replace("_", "-");
+    return new Intl.DisplayNames([normalisedLang], { type: "language", style: "short" }).of(normalisedLang) || language;
+}
+
+export const languageAddon: Addon = {
+    title: "Language Selector",
+    type: types.TOOL,
+    render: ({ active }) => {
+        // oxlint-disable-next-line react-hooks/rules-of-hooks
+        const [globals, updateGlobals] = useGlobals();
+        const selectedLanguage = globals.language || "en";
+
+        return (
+            <WithTooltip
+                placement="top"
+                trigger="click"
+                closeOnOutsideClick
+                tooltip={({ onHide }) => {
+                    return (
+                        <TooltipLinkList
+                            links={languages.map((language) => ({
+                                id: language,
+                                title: languageTitle(language),
+                                active: selectedLanguage === language,
+                                onClick: async () => {
+                                    // Update the global state with the selected language
+                                    updateGlobals({ language });
+                                    onHide();
+                                },
+                            }))}
+                        />
+                    );
+                }}
+            >
+                <IconButton title="Language">
+                    <GlobeIcon />
+                    {languageTitle(selectedLanguage)}
+                </IconButton>
+            </WithTooltip>
+        );
+    },
+};
diff --git a/packages/shared-components/.storybook/main.ts b/packages/shared-components/.storybook/main.ts
new file mode 100644
index 00000000000..990f5b51f7f
--- /dev/null
+++ b/packages/shared-components/.storybook/main.ts
@@ -0,0 +1,128 @@
+/*
+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 { StorybookConfig } from "@storybook/react-vite";
+import fs from "node:fs";
+import { nodePolyfills } from "vite-plugin-node-polyfills";
+import { mergeConfig, normalizePath, type Plugin } from "vite";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const srcRoot = normalizePath(path.join(__dirname, "..", "src"));
+const sharedComponentsLayer = "shared-components";
+
+// Get a list of available languages so the language selector can display them at runtime
+const languageFiles = fs.readdirSync(path.join(__dirname, "..", "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 path.dirname(fileURLToPath(import.meta.resolve(`${value}/package.json`)));
+}
+
+function layerSharedComponentCssModules(): Plugin {
+    return {
+        name: "element-web-shared-components-storybook-css-layer",
+        enforce: "pre",
+        transform(code, id) {
+            const cssPath = normalizePath(id.split("?")[0]);
+            if (!cssPath.startsWith(srcRoot) || !cssPath.endsWith(".module.css")) {
+                return;
+            }
+
+            return {
+                code: `@layer ${sharedComponentsLayer} {\n${code}\n}\n`,
+                map: null,
+            };
+        },
+    };
+}
+
+const config: StorybookConfig = {
+    stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+    addons: [
+        "@storybook/addon-docs",
+        "@storybook/addon-designs",
+        "@storybook/addon-a11y",
+        "@storybook/addon-vitest",
+        getAbsolutePath("storybook-addon-vis"),
+    ],
+    framework: "@storybook/react-vite",
+    core: {
+        disableTelemetry: true,
+    },
+    typescript: {
+        reactDocgen: "react-docgen-typescript",
+        reactDocgenTypescriptOptions: {
+            // The default exclude is ["**/**.stories.tsx"] which prevents
+            // docgen from extracting snapshot field descriptions from wrapper
+            // components defined in story files.
+            exclude: [],
+        },
+    },
+    async viteFinal(config) {
+        return mergeConfig(config, {
+            plugins: [
+                layerSharedComponentCssModules(),
+                // 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 === "/usercontent/" || req.url === "/usercontent") {
+                                // Mock usercontent endpoint used by encrypted download iframes.
+                                res.end("This is where /usercontent/ is loaded.");
+                            } 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();
+                            }
+                        });
+                    },
+                },
+            ],
+            server: {
+                allowedHosts: ["localhost", ".docker.internal"],
+            },
+        });
+    },
+    refs: {
+        "compound-web": {
+            title: "Compound Web",
+            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/manager.js b/packages/shared-components/.storybook/manager.js
new file mode 100644
index 00000000000..1b08ef78259
--- /dev/null
+++ b/packages/shared-components/.storybook/manager.js
@@ -0,0 +1,18 @@
+/*
+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 { addons } from "storybook/manager-api";
+import ElementTheme from "./ElementTheme";
+import { languageAddon } from "./languageAddon";
+
+addons.setConfig({
+    theme: ElementTheme,
+});
+
+addons.register("elementhq/language", () => addons.add("language", languageAddon));
diff --git a/packages/shared-components/.storybook/preview.css b/packages/shared-components/.storybook/preview.css
new file mode 100644
index 00000000000..842351b5e02
--- /dev/null
+++ b/packages/shared-components/.storybook/preview.css
@@ -0,0 +1,15 @@
+/*
+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.
+*/
+
+.docs-story {
+    background: var(--cpd-color-bg-canvas-default);
+}
+
+[class*="blurhash"] > canvas {
+    animation: none !important;
+    opacity: 1 !important;
+}
diff --git a/packages/shared-components/.storybook/preview.tsx b/packages/shared-components/.storybook/preview.tsx
new file mode 100644
index 00000000000..0b53a02d153
--- /dev/null
+++ b/packages/shared-components/.storybook/preview.tsx
@@ -0,0 +1,232 @@
+/*
+ * 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 { ArgTypes, Decorator, Preview, ReactRenderer, StrictArgs } from "@storybook/react-vite";
+import "@fontsource/inter/400.css";
+import "@fontsource/inter/500.css";
+import "@fontsource/inter/600.css";
+import "@fontsource/inter/700.css";
+
+import "./compound.css";
+import "./app-web-root.css";
+import "./preview.css";
+import React, { useLayoutEffect } from "react";
+import { TooltipProvider } from "@vector-im/compound-web";
+
+import { EventPresentationProvider, type EventDensity, type EventLayout, I18nApi, I18nContext } from "../src";
+import { setLanguage } from "../src/core/i18n/i18n";
+import { type StoryContext } from "storybook/internal/csf";
+import { DragDropProvider } from "@dnd-kit/react";
+import { PointerActivationConstraints, PointerSensor } from "@dnd-kit/dom";
+
+export const globalTypes = {
+    theme: {
+        name: "Theme",
+        description: "Global theme for components",
+        toolbar: {
+            icon: "circlehollow",
+            title: "Theme",
+            items: [
+                { title: "System", value: "system", icon: "browser" },
+                { title: "Light", value: "light", icon: "sun" },
+                { title: "Light (high contrast)", value: "light-hc", icon: "sun" },
+                { title: "Dark", value: "dark", icon: "moon" },
+                { title: "Dark (high contrast)", value: "dark-hc", icon: "moon" },
+            ],
+        },
+    },
+    language: {
+        name: "Language",
+        description: "Global language for components",
+    },
+    eventLayout: {
+        name: "Event layout",
+        description: "Global event layout for timeline components",
+        toolbar: {
+            icon: "component",
+            title: "Event layout",
+            items: [
+                { title: "Modern", value: "group" },
+                { title: "Bubble", value: "bubble" },
+                { title: "IRC", value: "irc" },
+            ],
+        },
+    },
+    eventDensity: {
+        name: "Event density",
+        description: "Global event density for timeline components",
+        toolbar: {
+            icon: "listunordered",
+            title: "Event density",
+            items: [
+                { title: "Default", value: "default" },
+                { title: "Compact", value: "compact" },
+            ],
+        },
+    },
+    rootCss: {
+        name: "Root CSS",
+        description: "Global root CSS for component previews",
+        toolbar: {
+            icon: "paintbrush",
+            title: "Root CSS",
+            items: [
+                { title: "Default", value: "storybook" },
+                { title: "Element Web", value: "app-web" },
+            ],
+        },
+    },
+    initialGlobals: {
+        theme: "light",
+        language: "en",
+        eventLayout: "group",
+        eventDensity: "default",
+        rootCss: "storybook",
+    },
+} satisfies ArgTypes;
+
+const allThemesClasses = globalTypes.theme.toolbar.items.map(({ value }) => `cpd-theme-${value}`);
+
+const RootCssSwitcher: React.FC<{
+    rootCss: string;
+}> = ({ rootCss }) => {
+    useLayoutEffect(() => {
+        if (rootCss === "app-web") {
+            document.documentElement.dataset.storybookRootCss = rootCss;
+        } else {
+            delete document.documentElement.dataset.storybookRootCss;
+        }
+
+        return () => {
+            delete document.documentElement.dataset.storybookRootCss;
+        };
+    }, [rootCss]);
+
+    return null;
+};
+
+const ThemeSwitcher: React.FC<{
+    theme: string;
+}> = ({ theme }) => {
+    useLayoutEffect(() => {
+        document.body.classList.remove(...allThemesClasses);
+        if (theme !== "system") {
+            document.body.classList.add(`cpd-theme-${theme}`);
+        }
+        return () => document.body.classList.remove(...allThemesClasses);
+    }, [theme]);
+
+    return null;
+};
+
+const withRootCss: Decorator = (Story, context) => {
+    return (
+        <>
+            <RootCssSwitcher rootCss={context.globals.rootCss} />
+            <Story />
+        </>
+    );
+};
+
+const withThemeProvider: Decorator = (Story, context) => {
+    return (
+        <>
+            <ThemeSwitcher theme={context.globals.theme} />
+            <Story />
+        </>
+    );
+};
+
+async function languageLoader(context: StoryContext<ReactRenderer, StrictArgs>): Promise<void> {
+    await setLanguage(context.globals.language);
+}
+
+const withTooltipProvider: Decorator = (Story) => {
+    return (
+        <TooltipProvider>
+            <Story />
+        </TooltipProvider>
+    );
+};
+
+const withI18nProvider: Decorator = (Story) => {
+    return (
+        <I18nContext.Provider value={new I18nApi()}>
+            <Story />
+        </I18nContext.Provider>
+    );
+};
+
+const withEventPresentationProvider: Decorator = (Story, context) => {
+    return (
+        <EventPresentationProvider
+            value={{
+                layout: context.globals.eventLayout as EventLayout,
+                density: context.globals.eventDensity as EventDensity,
+            }}
+        >
+            <Story />
+        </EventPresentationProvider>
+    );
+};
+
+/**
+ * Wrap all stories in a DragDropProvider that excludes the Accessibility plugin.
+ * dnd-kit's Accessibility plugin adds aria attributes (tabindex, aria-pressed, etc.)
+ * that conflict with the existing ARIA roles used in the room list components.
+ */
+const withDragDropProvider: Decorator = (Story) => {
+    return (
+        <DragDropProvider
+            sensors={[
+                // By default, the PointerSensor activates dragging immediately on pointer down, which interferes with keyboard navigation.
+                // So we start dragging after the pointer has moved by 5 pixels, to allow for click without dragging
+                PointerSensor.configure({
+                    activationConstraints: [new PointerActivationConstraints.Distance({ value: 5 })],
+                }),
+            ]}
+        >
+            <Story />
+        </DragDropProvider>
+    );
+};
+
+const preview: Preview = {
+    tags: ["autodocs", "snapshot"],
+    initialGlobals: {
+        rootCss: "storybook",
+        theme: "light",
+        language: "en",
+        eventLayout: "group",
+        eventDensity: "default",
+    },
+    decorators: [
+        withRootCss,
+        withThemeProvider,
+        withEventPresentationProvider,
+        withTooltipProvider,
+        withI18nProvider,
+        withDragDropProvider,
+    ],
+    parameters: {
+        options: {
+            storySort: {
+                method: "alphabetical",
+            },
+        },
+        a11y: {
+            /*
+             * Configure test behavior
+             * See: https://storybook.js.org/docs/next/writing-tests/accessibility-testing#test-behavior
+             */
+            test: "error",
+        },
+    },
+    loaders: [languageLoader],
+} satisfies Preview;
+
+export default preview;
diff --git a/packages/shared-components/.storybook/vitest.setup.ts b/packages/shared-components/.storybook/vitest.setup.ts
new file mode 100644
index 00000000000..2e2355e6823
--- /dev/null
+++ b/packages/shared-components/.storybook/vitest.setup.ts
@@ -0,0 +1,54 @@
+/*
+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;
+                }
+                /*
+                 * Mask spinner for video overlay during screenshot generation on playwright tests.
+                 */
+                [data-video-body-mask-target] {
+                    position: relative;
+                }
+                [data-video-body-mask-target]::after {
+                    content: "";
+                    position: absolute;
+                    inset-inline-start: 50%;
+                    inset-block-start: 50%;
+                    width: 112px;
+                    height: 112px;
+                    transform: translate(-50%, -50%);
+                    border-radius: 999px;
+                    background: #ff4fcf;
+                    pointer-events: none;
+                }
+                /* Hide all storybook elements */
+                .sb-wrapper {
+                    visibility: hidden !important;
+                }
+            `),
+        );
+        document.head.appendChild(style);
+    },
+});
diff --git a/packages/shared-components/.storybook/waitForImages.ts b/packages/shared-components/.storybook/waitForImages.ts
new file mode 100644
index 00000000000..d31efced8ce
--- /dev/null
+++ b/packages/shared-components/.storybook/waitForImages.ts
@@ -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.
+ */
+
+/**
+ * A Storybook `play` helper that waits for every CSS `background-image` inside the
+ * rendered story to finish decoding before the visual-regression snapshot is taken.
+ *
+ * Components such as `LinkPreview` render their thumbnails as CSS `background-image`s
+ * rather than `<img>` elements, so there is no load event for the snapshot machinery
+ * to await. A larger image (e.g. the tall test image) can therefore still be decoding
+ * when the screenshot is captured, producing a non-deterministic placeholder frame.
+ * Decoding the images up-front populates the browser cache so the background paints
+ * synchronously on the next frame.
+ */
+export async function waitForBackgroundImages(root: HTMLElement): Promise<void> {
+    const urls = new Set<string>();
+    for (const el of root.querySelectorAll<HTMLElement>("*")) {
+        const match = /url\(["']?(.+?)["']?\)/.exec(getComputedStyle(el).backgroundImage);
+        if (match) urls.add(match[1]);
+    }
+
+    await Promise.all(
+        [...urls].map(async (src) => {
+            const img = new Image();
+            img.src = src;
+            try {
+                await img.decode();
+            } catch {
+                // Ignore images that fail to decode; the snapshot captures whatever renders.
+            }
+        }),
+    );
+}
diff --git a/packages/shared-components/.storybook/withViewDocs.ts b/packages/shared-components/.storybook/withViewDocs.ts
new file mode 100644
index 00000000000..75385830eee
--- /dev/null
+++ b/packages/shared-components/.storybook/withViewDocs.ts
@@ -0,0 +1,62 @@
+/*
+ * 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.
+ */
+
+/**
+ * Copies the component description and props documentation from a View's
+ * `__docgenInfo` (injected at build time by Storybook's react-docgen-typescript
+ * Vite plugin) onto the story wrapper component.
+ *
+ * This lets Storybook's default `extractComponentDescription` pick up the
+ * View's JSDoc and display per-field descriptions in the ArgTypes table.
+ *
+ * **Important:** the wrapper must be defined as a named variable *before*
+ * being passed here so that react-docgen-typescript can extract its props.
+ *
+ * @example
+ * ```ts
+ * const MyViewWrapperImpl = (props: MyViewProps) => {
+ *     const vm = useMockedViewModel(props, {});
+ *     return <MyView vm={vm} />;
+ * };
+ * const MyViewWrapper = withViewDocs(MyViewWrapperImpl, MyView);
+ * ```
+ */
+export function withViewDocs<T extends (...args: never[]) => unknown>(wrapper: T, view: object): T {
+    const viewInfo = (view as { __docgenInfo?: DocgenInfo }).__docgenInfo;
+    const viewDescription = viewInfo?.description;
+    if (!viewDescription) return wrapper;
+
+    // The wrapper must be defined as a named variable (not inline) so that
+    // react-docgen-typescript can extract its props.  The docgen Vite plugin
+    // appends a `Wrapper.__docgenInfo = { … }` assignment at the *end* of the
+    // module, which runs **after** this function.  We install a setter trap so
+    // that the View's description is merged into the generated info.
+    let stored: DocgenInfo | undefined = (wrapper as { __docgenInfo?: DocgenInfo }).__docgenInfo;
+    Object.defineProperty(wrapper, "__docgenInfo", {
+        get() {
+            return stored;
+        },
+        set(incoming: DocgenInfo) {
+            stored = {
+                ...incoming,
+                description: incoming.description || viewDescription,
+            };
+        },
+        configurable: true,
+        enumerable: true,
+    });
+
+    // Also apply immediately for the current state.
+    stored = { ...stored, description: viewDescription };
+
+    return wrapper;
+}
+
+interface DocgenInfo {
+    description?: string;
+    props?: Record<string, unknown>;
+}
diff --git a/packages/shared-components/README.md b/packages/shared-components/README.md
new file mode 100644
index 00000000000..72f574edef9
--- /dev/null
+++ b/packages/shared-components/README.md
@@ -0,0 +1,385 @@
+# @element-hq/web-shared-components
+
+[Online storybook](https://shared-components-storybook.element.dev)
+
+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
+pnpm add @element-hq/web-shared-components
+pnpm 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");
+```
+
+### Sub-path Imports
+
+Callers running outside the browser DOM (e.g. inside an `AudioWorkletGlobalScope`
+or a worker) can pull in the small standalone `numbers` utility bundle without
+loading the rest of the package bundle, which transitively imports React,
+dnd-kit, and other code that touches `window` / `document`:
+
+```javascript
+import { percentageOf, percentageWithin } from "@element-hq/web-shared-components/numbers";
+```
+
+The sub-path exposes the same functions listed under [Formatting](#formatting)
+and ships as its own ES/CJS bundle in `dist/numbers.{js,umd.cjs}`. Prefer the
+main package entry for everything else.
+
+### 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:
+
+```tsx
+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
+- pnpm => 10
+
+### Setup
+
+```bash
+# Install dependencies
+pnpm install
+
+# Build the library
+pnpm prepack
+```
+
+### Running Storybook
+
+```bash
+pnpm 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).
+
+Use shallow, browse-oriented story titles such as `RoomList/RoomListSearchView` or `TimelineBody/DecryptionFailureBodyView`. Do not mirror the full source path in the Storybook title.
+
+#### 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` and `withViewDocs`:
+
+```tsx
+import React, { type JSX } from "react";
+import { fn } from "storybook/test";
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { MyComponentView, type MyComponentViewSnapshot, type MyComponentViewActions } from "./MyComponentView";
+import { useMockedViewModel } from "../../viewmodel";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+
+// Combine snapshot and actions for easier typing
+type MyComponentProps = MyComponentViewSnapshot & MyComponentViewActions;
+
+// Wrapper component that creates a mocked ViewModel.
+// Must be a named variable (not inline) for docgen to extract its props.
+const MyComponentViewWrapperImpl = ({ onAction, ...rest }: MyComponentProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onAction,
+    });
+    return <MyComponentView vm={vm} />;
+};
+// withViewDocs copies the View's JSDoc description onto the wrapper for Storybook autodocs
+const MyComponentViewWrapper = withViewDocs(MyComponentViewWrapperImpl, MyComponentView);
+
+// Must use `satisfies` (not `as` or `: Meta`) to preserve type info for docgen
+const meta = {
+    title: "Category/MyComponentView",
+    component: MyComponentViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        // Snapshot properties (state)
+        title: "Default Title",
+        isLoading: false,
+        // Action properties (callbacks)
+        onAction: fn(),
+    },
+} satisfies Meta<typeof MyComponentViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof MyComponentViewWrapper>;
+
+export const Default: Story = {};
+
+export const Loading: Story = {
+    args: {
+        isLoading: true,
+    },
+};
+```
+
+Thanks to this approach, we can directly use primitives in the story arguments instead of a view model object.
+
+> [!IMPORTANT]
+> Three requirements must be met for snapshot field documentation to appear in Storybook's ArgTypes table:
+>
+> 1. **Named wrapper variable** — the wrapper must be assigned to a named `const` (e.g. `MyComponentViewWrapperImpl`) before being passed to `withViewDocs`, so that `react-docgen-typescript` can extract its props.
+> 2. **`withViewDocs` call** — wraps the wrapper component with the original View to copy the View's JSDoc description.
+> 3. **`satisfies Meta`** — the meta object must use `satisfies Meta<...>` (not `as Meta<...>` or `: Meta<...> =`). Type assertions and annotations erase the inferred component type that docgen relies on.
+
+#### 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
+const meta = {
+    title: "RoomList/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",
+        },
+    },
+} satisfies Meta<typeof RoomListSearchViewWrapper>;
+
+export default meta;
+```
+
+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/core/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: "Core/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 `pnpm 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
+pnpm test:unit
+```
+
+### Visual Regression Tests
+
+These tests ensure the UI components render correctly.
+Built with Storybook and run under vitest using playwright.
+
+```bash
+pnpm 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
+pnpm 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/npm-publish.yaml)
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 00000000000..889a011878d
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 00000000000..a36c7b9d2b6
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/Clock/Clock.stories.tsx/single-digit-minutes-auto.png b/packages/shared-components/__vis__/linux/__baselines__/audio/Clock/Clock.stories.tsx/single-digit-minutes-auto.png
new file mode 100644
index 00000000000..b10ca2b05eb
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/audio/Clock/Clock.stories.tsx/single-digit-minutes-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 00000000000..9ee24b5c553
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/disabled-auto.png b/packages/shared-components/__vis__/linux/__baselines__/audio/PlayPauseButton/PlayPauseButton.stories.tsx/disabled-auto.png
new file mode 100644
index 00000000000..6e5636b92fb
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/audio/PlayPauseButton/PlayPauseButton.stories.tsx/disabled-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 00000000000..da83cd3ecd8
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 00000000000..a2dc2cfb3de
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 00000000000..0c856450919
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__/core/AvatarWithDetails/AvatarWithDetails.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/AvatarWithDetails/AvatarWithDetails.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..9c9171bbd43
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/AvatarWithDetails/AvatarWithDetails.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/EmojiPicker/EmojiPicker.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/EmojiPicker/EmojiPicker.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..a2d6d5eff5a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/EmojiPicker/EmojiPicker.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/EmojiPicker/EmojiPicker.stories.tsx/hide-quick-reactions-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/EmojiPicker/EmojiPicker.stories.tsx/hide-quick-reactions-auto.png
new file mode 100644
index 00000000000..367e184b0e4
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/EmojiPicker/EmojiPicker.stories.tsx/hide-quick-reactions-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/EmojiPicker/EmojiPicker.stories.tsx/with-recents-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/EmojiPicker/EmojiPicker.stories.tsx/with-recents-auto.png
new file mode 100644
index 00000000000..39f08fc585e
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/EmojiPicker/EmojiPicker.stories.tsx/with-recents-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/EmojiPicker/EmojiPicker.stories.tsx/with-selected-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/EmojiPicker/EmojiPicker.stories.tsx/with-selected-auto.png
new file mode 100644
index 00000000000..9a60f3edd61
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/EmojiPicker/EmojiPicker.stories.tsx/with-selected-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/FacePile/FacePileView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/FacePile/FacePileView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..2aa7004c518
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/FacePile/FacePileView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/MemberAvatar/MemberAvatarView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/MemberAvatar/MemberAvatarView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..b53127dc269
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/MemberAvatar/MemberAvatarView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..9dc97a2cfd1
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..0a0192f636f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/pill-input/Pill/Pill.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/pill-input/Pill/Pill.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..7aa5d727f8f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/pill-input/Pill/Pill.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/pill-input/Pill/Pill.stories.tsx/without-close-button-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/pill-input/Pill/Pill.stories.tsx/without-close-button-auto.png
new file mode 100644
index 00000000000..f62f538fd35
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/pill-input/Pill/Pill.stories.tsx/without-close-button-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/pill-input/PillInput/PillInput.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/pill-input/PillInput/PillInput.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..79d66f2045d
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/pill-input/PillInput/PillInput.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/pill-input/PillInput/PillInput.stories.tsx/no-child-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/pill-input/PillInput/PillInput.stories.tsx/no-child-auto.png
new file mode 100644
index 00000000000..0b2bf034da2
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/pill-input/PillInput/PillInput.stories.tsx/no-child-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..bdc40f5c924
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/hover-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/hover-auto.png
new file mode 100644
index 00000000000..bdc40f5c924
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/hover-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/selected-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/selected-auto.png
new file mode 100644
index 00000000000..699f8113293
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/selected-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/separator-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/separator-auto.png
new file mode 100644
index 00000000000..45100e219c6
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/separator-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/without-timestamp-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/without-timestamp-auto.png
new file mode 100644
index 00000000000..4a11e617b50
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichItem/RichItem.stories.tsx/without-timestamp-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichList/RichList.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichList/RichList.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..341955065cc
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichList/RichList.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichList/RichList.stories.tsx/empty-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichList/RichList.stories.tsx/empty-auto.png
new file mode 100644
index 00000000000..9f3a4e85388
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/rich-list/RichList/RichList.stories.tsx/empty-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/utils/LinkedText/LinkedText.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/utils/LinkedText/LinkedText.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..e62ad7d61a2
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/utils/LinkedText/LinkedText.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/utils/LinkedText/LinkedText.stories.tsx/with-room-alias-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/utils/LinkedText/LinkedText.stories.tsx/with-room-alias-auto.png
new file mode 100644
index 00000000000..39088d818b3
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/utils/LinkedText/LinkedText.stories.tsx/with-room-alias-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/utils/LinkedText/LinkedText.stories.tsx/with-user-id-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/utils/LinkedText/LinkedText.stories.tsx/with-user-id-auto.png
new file mode 100644
index 00000000000..ac06b200620
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/core/utils/LinkedText/LinkedText.stories.tsx/with-user-id-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 00000000000..2ec9a94fed6
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 00000000000..f08fa232657
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 00000000000..a725c2d9bc5
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__/menus/UserMenu/UserMenu.stories.tsx/condensed-auto.png b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/condensed-auto.png
new file mode 100644
index 00000000000..02e3e526ddf
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/condensed-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..874bddd1c53
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/guest-auto.png b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/guest-auto.png
new file mode 100644
index 00000000000..7d61c64fedb
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/guest-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/guest-open-auto.png b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/guest-open-auto.png
new file mode 100644
index 00000000000..aae28539bf4
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/guest-open-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/longer-name-auto.png b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/longer-name-auto.png
new file mode 100644
index 00000000000..3f869333afa
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/longer-name-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/no-avatar-auto.png b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/no-avatar-auto.png
new file mode 100644
index 00000000000..09c7442f325
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/no-avatar-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/open-auto.png b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/open-auto.png
new file mode 100644
index 00000000000..74fc2eca165
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/open-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/open-very-long-name-auto.png b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/open-very-long-name-auto.png
new file mode 100644
index 00000000000..fa9c2b4ed35
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/open-very-long-name-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/with-status-auto.png b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/with-status-auto.png
new file mode 100644
index 00000000000..3bacbd91136
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/with-status-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/with-status-open-auto.png b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/with-status-open-auto.png
new file mode 100644
index 00000000000..7087dd0c9c5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/menus/UserMenu/UserMenu.stories.tsx/with-status-open-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/clickable-auto.png b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/clickable-auto.png
new file mode 100644
index 00000000000..7aa23cf6388
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/clickable-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/dot-auto.png b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/dot-auto.png
new file mode 100644
index 00000000000..d00dcb7348f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/dot-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/hidden-auto.png b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/hidden-auto.png
new file mode 100644
index 00000000000..17fe39394f5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/hidden-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/highlight-auto.png b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/highlight-auto.png
new file mode 100644
index 00000000000..4182c6511af
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/highlight-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/knocked-auto.png b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/knocked-auto.png
new file mode 100644
index 00000000000..d8b0b93f7e3
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/knocked-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/notification-auto.png b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/notification-auto.png
new file mode 100644
index 00000000000..7aa23cf6388
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/notification-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/with-tooltip-auto.png b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/with-tooltip-auto.png
new file mode 100644
index 00000000000..4182c6511af
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx/with-tooltip-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..8f5c822828a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/hover-when-collapsed-1.png b/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/hover-when-collapsed-1.png
new file mode 100644
index 00000000000..c2f165daa3d
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/hover-when-collapsed-1.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/hover-when-expanded-1.png b/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/hover-when-expanded-1.png
new file mode 100644
index 00000000000..f9188daa982
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/hover-when-expanded-1.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/keyboard-focused-1.png b/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/keyboard-focused-1.png
new file mode 100644
index 00000000000..d79630a5a0e
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/keyboard-focused-1.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/left-panel-expanded-auto.png b/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/left-panel-expanded-auto.png
new file mode 100644
index 00000000000..81f90b0ad1f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/resize/separator/SeparatorView.stories.tsx/left-panel-expanded-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/collapse-sections-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/collapse-sections-auto.png
new file mode 100644
index 00000000000..381aeff689c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/collapse-sections-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 00000000000..22066efced1
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/display-section-release-announcement-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/display-section-release-announcement-auto.png
new file mode 100644
index 00000000000..18ad3fe6682
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/display-section-release-announcement-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/expand-sections-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/expand-sections-auto.png
new file mode 100644
index 00000000000..f38e9bdf4b4
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/expand-sections-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/long-title-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/long-title-auto.png
new file mode 100644
index 00000000000..eb6cabf64a9
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/long-title-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 00000000000..f4316d21a79
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 00000000000..c7e90b0a481
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/RoomListHeaderView/RoomListHeaderView.stories.tsx/sections-disabled-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/sections-disabled-auto.png
new file mode 100644
index 00000000000..22066efced1
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/sections-disabled-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 00000000000..eaca73c540b
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 00000000000..a1233ad9f16
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 00000000000..44774627086
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 00000000000..9f58a62407b
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 00000000000..9b548ce1c5f
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 00000000000..c659e1a656b
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 00000000000..2b451b41e87
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 00000000000..c659e1a656b
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 00000000000..56943ff8d8c
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/RoomListToast/RoomListToast.stories.tsx/chat-moved-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx/chat-moved-auto.png
new file mode 100644
index 00000000000..82a8c312355
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx/chat-moved-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx/section-created-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx/section-created-auto.png
new file mode 100644
index 00000000000..4129bb16484
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx/section-created-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx/unread-activity-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx/unread-activity-auto.png
new file mode 100644
index 00000000000..b9fd4809149
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx/unread-activity-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 00000000000..955007c819c
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 00000000000..034198b0c38
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-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 00000000000..99031eca297
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-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 00000000000..8c12c2b6f1f
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 00000000000..c653542504a
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 00000000000..a7bdb640db4
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 00000000000..987b586d256
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 00000000000..0a33b9bf28b
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-flat-list-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/large-flat-list-auto.png
new file mode 100644
index 00000000000..955007c819c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/large-flat-list-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/large-section-list-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/large-section-list-auto.png
new file mode 100644
index 00000000000..b73866777d4
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/large-section-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 00000000000..93e56c2eb5b
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/section-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/section-auto.png
new file mode 100644
index 00000000000..b11b6874f7f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/section-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/small-flat-list-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/small-flat-list-auto.png
new file mode 100644
index 00000000000..e770e80b4de
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/small-flat-list-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/small-section-list-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/small-section-list-auto.png
new file mode 100644
index 00000000000..a45493ebfdd
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/small-section-list-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/toast-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/toast-auto.png
new file mode 100644
index 00000000000..e72940a5314
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/toast-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/toast-over-sticky-section-1.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/toast-over-sticky-section-1.png
new file mode 100644
index 00000000000..2e9a1b62b7e
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/toast-over-sticky-section-1.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/unread-activity-below-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/unread-activity-below-auto.png
new file mode 100644
index 00000000000..8ad05ae6143
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/unread-activity-below-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 00000000000..2825951b13e
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 00000000000..a64e06b3d79
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/RoomListItemDragOverlayView/RoomListItemDragOverlayView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..2e5d6c7a1a5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/activity-indicator-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/activity-indicator-auto.png
new file mode 100644
index 00000000000..6ac546adbcc
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/activity-indicator-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/invited-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/invited-auto.png
new file mode 100644
index 00000000000..cfd3f0f556f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/invited-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/mention-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/mention-auto.png
new file mode 100644
index 00000000000..bacce8176c8
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/mention-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/mention-with-count-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/mention-with-count-auto.png
new file mode 100644
index 00000000000..f0653ae5ada
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/mention-with-count-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/muted-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/muted-auto.png
new file mode 100644
index 00000000000..d4dbca6e392
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/muted-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/muted-without-activity-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/muted-without-activity-auto.png
new file mode 100644
index 00000000000..d4dbca6e392
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/muted-without-activity-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/no-notification-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/no-notification-auto.png
new file mode 100644
index 00000000000..9f58a62407b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/no-notification-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/notification-with-count-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/notification-with-count-auto.png
new file mode 100644
index 00000000000..0b0b025fd1f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/notification-with-count-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/unsent-message-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/unsent-message-auto.png
new file mode 100644
index 00000000000..c2bcf320c59
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/unsent-message-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/video-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/video-call-auto.png
new file mode 100644
index 00000000000..9a6f8b5b352
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/video-call-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/video-call-without-activity-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/video-call-without-activity-auto.png
new file mode 100644
index 00000000000..9a6f8b5b352
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/video-call-without-activity-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/voice-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/voice-call-auto.png
new file mode 100644
index 00000000000..86f5cde837c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx/voice-call-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/bold-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/bold-auto.png
new file mode 100644
index 00000000000..8e70220255f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/bold-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..635921af21f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/first-item-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/first-item-auto.png
new file mode 100644
index 00000000000..e9aa6176ddc
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/first-item-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/invitation-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/invitation-auto.png
new file mode 100644
index 00000000000..0266dd1d1ee
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/invitation-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/last-item-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/last-item-auto.png
new file mode 100644
index 00000000000..44e9a3af0ca
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/last-item-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/long-content-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/long-content-auto.png
new file mode 100644
index 00000000000..1097864034a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/long-content-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/no-message-preview-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/no-message-preview-auto.png
new file mode 100644
index 00000000000..0bdabf8117d
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/no-message-preview-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/section-disabled-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/section-disabled-auto.png
new file mode 100644
index 00000000000..c17c835dff0
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/section-disabled-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/selected-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/selected-auto.png
new file mode 100644
index 00000000000..44e9a3af0ca
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/selected-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/unsent-message-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/unsent-message-auto.png
new file mode 100644
index 00000000000..ff5b404e621
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/unsent-message-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-hover-menu-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-hover-menu-auto.png
new file mode 100644
index 00000000000..635921af21f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-hover-menu-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-large-font-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-large-font-auto.png
new file mode 100644
index 00000000000..9f0a3aab768
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-large-font-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-mention-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-mention-auto.png
new file mode 100644
index 00000000000..0c6df345528
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-mention-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-notification-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-notification-auto.png
new file mode 100644
index 00000000000..ee37b5ae64b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-notification-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-user-status-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-user-status-auto.png
new file mode 100644
index 00000000000..fddb8cd7ef9
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-user-status-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-video-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-video-call-auto.png
new file mode 100644
index 00000000000..e96aa057303
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-video-call-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-voice-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-voice-call-auto.png
new file mode 100644
index 00000000000..7412a2419b2
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-voice-call-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-zoom-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-zoom-auto.png
new file mode 100644
index 00000000000..5db8d9b2941
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-zoom-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/without-hover-menu-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/without-hover-menu-auto.png
new file mode 100644
index 00000000000..635921af21f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx/without-hover-menu-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.stories.tsx/flat-list-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.stories.tsx/flat-list-auto.png
new file mode 100644
index 00000000000..65d2b7e41de
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.stories.tsx/flat-list-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.stories.tsx/sections-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.stories.tsx/sections-auto.png
new file mode 100644
index 00000000000..65d2b7e41de
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.stories.tsx/sections-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..5346ad54c1e
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/collapsed-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/collapsed-auto.png
new file mode 100644
index 00000000000..38c9cac030a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/collapsed-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..ba5808b75c2
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/first-header-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/first-header-auto.png
new file mode 100644
index 00000000000..bad1e366874
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/first-header-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/last-header-collapsed-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/last-header-collapsed-auto.png
new file mode 100644
index 00000000000..38c9cac030a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/last-header-collapsed-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/long-title-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/long-title-auto.png
new file mode 100644
index 00000000000..16913c2f3b1
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/long-title-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/unread-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/unread-auto.png
new file mode 100644
index 00000000000..ac2e293ab5f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/unread-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/with-notification-decoration-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/with-notification-decoration-auto.png
new file mode 100644
index 00000000000..69d727125a8
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/with-notification-decoration-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 00000000000..b592c21df2c
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-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx/sections-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx/sections-auto.png
new file mode 100644
index 00000000000..b051fc71aa4
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx/sections-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 00000000000..0a00318e8cf
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 00000000000..0a00318e8cf
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 00000000000..087388ef90e
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 00000000000..438606ccd5b
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 00000000000..68a558f12fc
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 00000000000..b0e3cace8f7
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 00000000000..9ed87499a33
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 00000000000..45073ab991f
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 00000000000..5a6a9ad6f33
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 00000000000..a2854168935
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__/room/WidgetPip/WidgetPipView.stories.tsx/with-element-call-widget-mock-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/WidgetPip/WidgetPipView.stories.tsx/with-element-call-widget-mock-auto.png
new file mode 100644
index 00000000000..b8747b3f964
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/WidgetPip/WidgetPipView.stories.tsx/with-element-call-widget-mock-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/WidgetPip/WidgetPipView.stories.tsx/with-grey-widget-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/WidgetPip/WidgetPipView.stories.tsx/with-grey-widget-auto.png
new file mode 100644
index 00000000000..826340d5791
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/WidgetPip/WidgetPipView.stories.tsx/with-grey-widget-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/critical-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/critical-auto.png
new file mode 100644
index 00000000000..155515af35a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/critical-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..f0be1266dcf
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/info-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/info-auto.png
new file mode 100644
index 00000000000..9e456444422
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/info-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/success-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/success-auto.png
new file mode 100644
index 00000000000..b607ad24d02
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/success-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/with-action-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/with-action-auto.png
new file mode 100644
index 00000000000..0db399b5afb
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/with-action-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/with-avatar-image-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/with-avatar-image-auto.png
new file mode 100644
index 00000000000..f20a4ce0814
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/with-avatar-image-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/with-loads-of-content-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/with-loads-of-content-auto.png
new file mode 100644
index 00000000000..e53356df7f2
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/with-loads-of-content-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/without-close-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/without-close-auto.png
new file mode 100644
index 00000000000..fd13d4ee0bc
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/Banner/Banner.stories.tsx/without-close-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..c4ff13650da
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx/with-image-and-loads-of-text-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx/with-image-and-loads-of-text-auto.png
new file mode 100644
index 00000000000..9d7f58f5567
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx/with-image-and-loads-of-text-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx/with-image-and-site-icon-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx/with-image-and-site-icon-auto.png
new file mode 100644
index 00000000000..2d66770a1ec
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx/with-image-and-site-icon-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx/with-image-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx/with-image-auto.png
new file mode 100644
index 00000000000..ee11cf34eab
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx/with-image-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/UploadButton/UploadButton.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/UploadButton/UploadButton.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..fb3b0a2aa85
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/UploadButton/UploadButton.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/composer/UploadButton/UploadButton.stories.tsx/with-open-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/composer/UploadButton/UploadButton.stories.tsx/with-open-auto.png
new file mode 100644
index 00000000000..5dbbc8f8b59
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/composer/UploadButton/UploadButton.stories.tsx/with-open-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..eed37c101a7
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx/only-basic-modification-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx/only-basic-modification-auto.png
new file mode 100644
index 00000000000..fcc53714a7e
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx/only-basic-modification-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..a09f12ac62b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/has-extra-class-names-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/has-extra-class-names-auto.png
new file mode 100644
index 00000000000..a09f12ac62b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/has-extra-class-names-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/long-localized-label-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/long-localized-label-auto.png
new file mode 100644
index 00000000000..11d647bdf5c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/long-localized-label-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/with-jump-to-date-picker-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/with-jump-to-date-picker-auto.png
new file mode 100644
index 00000000000..57890f534b7
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/with-jump-to-date-picker-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/with-jump-to-tooltip-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/with-jump-to-tooltip-auto.png
new file mode 100644
index 00000000000..243899a50cc
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx/with-jump-to-tooltip-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/ReadMarker/ReadMarker.stories.tsx/current-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/ReadMarker/ReadMarker.stories.tsx/current-auto.png
new file mode 100644
index 00000000000..bdb6e51256b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/ReadMarker/ReadMarker.stories.tsx/current-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/ReadMarker/ReadMarker.stories.tsx/ghost-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/ReadMarker/ReadMarker.stories.tsx/ghost-auto.png
new file mode 100644
index 00000000000..bdb6e51256b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/ReadMarker/ReadMarker.stories.tsx/ghost-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/ReadMarker/ReadMarker.stories.tsx/hidden-current-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/ReadMarker/ReadMarker.stories.tsx/hidden-current-auto.png
new file mode 100644
index 00000000000..2c12d0bf315
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/ReadMarker/ReadMarker.stories.tsx/hidden-current-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..143e9cd1f88
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/with-date-event-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/with-date-event-auto.png
new file mode 100644
index 00000000000..6b9d50031df
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/with-date-event-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/with-html-child-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/with-html-child-auto.png
new file mode 100644
index 00000000000..569216ff1c6
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/with-html-child-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/with-late-event-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/with-late-event-auto.png
new file mode 100644
index 00000000000..acc78bb9a40
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/with-late-event-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/without-children-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/without-children-auto.png
new file mode 100644
index 00000000000..2e132bb28b0
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx/without-children-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..215a6f1b359
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/emphasized-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/emphasized-auto.png
new file mode 100644
index 00000000000..caff6456359
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/emphasized-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/full-example-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/full-example-auto.png
new file mode 100644
index 00000000000..12007a7a984
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/full-example-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/with-color-class-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/with-color-class-auto.png
new file mode 100644
index 00000000000..08796c5a345
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/with-color-class-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/with-mxid-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/with-mxid-auto.png
new file mode 100644
index 00000000000..f3ffefb2651
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/with-mxid-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/with-tooltip-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/with-tooltip-auto.png
new file mode 100644
index 00000000000..6aebe332672
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/with-tooltip-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/with-user-status-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/with-user-status-auto.png
new file mode 100644
index 00000000000..ad7c25d3171
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx/with-user-status-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/E2eMessageSharedIcon.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/E2eMessageSharedIcon.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..391b8bda9b4
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/E2eMessageSharedIcon.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.stories.tsx/decryption-failure-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.stories.tsx/decryption-failure-auto.png
new file mode 100644
index 00000000000..5c0b3a949d1
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.stories.tsx/decryption-failure-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.stories.tsx/normal-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.stories.tsx/normal-auto.png
new file mode 100644
index 00000000000..391b8bda9b4
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.stories.tsx/normal-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.stories.tsx/warning-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.stories.tsx/warning-auto.png
new file mode 100644
index 00000000000..85a6b6770fa
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.stories.tsx/warning-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..b5461a95dde
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/disable-attempt-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/disable-attempt-auto.png
new file mode 100644
index 00000000000..3c5777ae667
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/disable-attempt-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/enabled-direct-message-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/enabled-direct-message-auto.png
new file mode 100644
index 00000000000..b1ffac53cb3
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/enabled-direct-message-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/enabled-local-room-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/enabled-local-room-auto.png
new file mode 100644
index 00000000000..713fc1b75bb
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/enabled-local-room-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/parameters-changed-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/parameters-changed-auto.png
new file mode 100644
index 00000000000..3ee892122f8
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/parameters-changed-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/state-encryption-enabled-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/state-encryption-enabled-auto.png
new file mode 100644
index 00000000000..e1327cdb5fb
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/state-encryption-enabled-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/unsupported-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/unsupported-auto.png
new file mode 100644
index 00000000000..6d7e2c8a22e
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/unsupported-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/with-timestamp-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/with-timestamp-auto.png
new file mode 100644
index 00000000000..d1e0c0fcb33
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx/with-timestamp-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..b4718dac915
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.stories.tsx/hidden-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.stories.tsx/hidden-auto.png
new file mode 100644
index 00000000000..17fe39394f5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.stories.tsx/hidden-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.stories.tsx/with-prefix-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.stories.tsx/with-prefix-auto.png
new file mode 100644
index 00000000000..e01c2844b93
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.stories.tsx/with-prefix-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..93b9d237275
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx/has-children-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx/has-children-auto.png
new file mode 100644
index 00000000000..253e153244a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx/has-children-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx/has-lock-solid-icon-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx/has-lock-solid-icon-auto.png
new file mode 100644
index 00000000000..d873c99a201
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx/has-lock-solid-icon-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx/is-crypto-event-bubble-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx/is-crypto-event-bubble-auto.png
new file mode 100644
index 00000000000..2d89f68c0ab
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx/is-crypto-event-bubble-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/ended-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/ended-auto.png
new file mode 100644
index 00000000000..ce148ddc967
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/ended-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/hidden-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/hidden-auto.png
new file mode 100644
index 00000000000..17fe39394f5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/hidden-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/started-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/started-auto.png
new file mode 100644
index 00000000000..80ef9c8ef99
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/started-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/updated-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/updated-auto.png
new file mode 100644
index 00000000000..6aa12cc0f78
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/updated-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/with-timestamp-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/with-timestamp-auto.png
new file mode 100644
index 00000000000..f7a924cbe38
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx/with-timestamp-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.stories.tsx/received-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.stories.tsx/received-auto.png
new file mode 100644
index 00000000000..fe9fbd0acdc
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.stories.tsx/received-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.stories.tsx/sent-by-me-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.stories.tsx/sent-by-me-auto.png
new file mode 100644
index 00000000000..6bbd8eab9ec
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.stories.tsx/sent-by-me-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.stories.tsx/with-timestamp-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.stories.tsx/with-timestamp-auto.png
new file mode 100644
index 00000000000..75662a5a4ef
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.stories.tsx/with-timestamp-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..5ad54ca745d
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.stories.tsx/changed-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.stories.tsx/changed-auto.png
new file mode 100644
index 00000000000..54413bae309
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.stories.tsx/changed-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.stories.tsx/removed-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.stories.tsx/removed-auto.png
new file mode 100644
index 00000000000..3951d681b81
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.stories.tsx/removed-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..9a960d25bdf
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx/with-link-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx/with-link-auto.png
new file mode 100644
index 00000000000..59f07c05a39
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx/with-link-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/decryption-failure-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/decryption-failure-auto.png
new file mode 100644
index 00000000000..2c8f9a6e79f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/decryption-failure-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..8edfaf8d6ab
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/hidden-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/hidden-auto.png
new file mode 100644
index 00000000000..6f86be0c068
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/hidden-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/narrow-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/narrow-auto.png
new file mode 100644
index 00000000000..a2ae0f4dfb8
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/narrow-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/with-notification-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/with-notification-auto.png
new file mode 100644
index 00000000000..570595a935a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx/with-notification-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx/bubble-layout-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx/bubble-layout-auto.png
new file mode 100644
index 00000000000..354aa3a808d
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx/bubble-layout-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..d4ba70c7af0
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx/without-actions-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx/without-actions-auto.png
new file mode 100644
index 00000000000..21df7119bc2
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx/without-actions-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/article-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/article-auto.png
new file mode 100644
index 00000000000..0c1983fd3b8
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/article-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..e773c6f5bad
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/social-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/social-auto.png
new file mode 100644
index 00000000000..33f68b6f9ac
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/social-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/social-with-image-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/social-with-image-auto.png
new file mode 100644
index 00000000000..3e9c274d232
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/social-with-image-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/title-and-description-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/title-and-description-auto.png
new file mode 100644
index 00000000000..52654ac68f7
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/title-and-description-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/title-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/title-auto.png
new file mode 100644
index 00000000000..0ae4d86b32e
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/title-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/video-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/video-auto.png
new file mode 100644
index 00000000000..c3d04a40290
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/video-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-site-icon-and-description-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-site-icon-and-description-auto.png
new file mode 100644
index 00000000000..36ac33c42ee
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-site-icon-and-description-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-site-icon-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-site-icon-auto.png
new file mode 100644
index 00000000000..69626fe5ecb
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-site-icon-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-tall-image-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-tall-image-auto.png
new file mode 100644
index 00000000000..16a0e9c2ba3
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-tall-image-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-tooltip-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-tooltip-auto.png
new file mode 100644
index 00000000000..27a4bd9ed95
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-tooltip-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-very-long-text-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-very-long-text-auto.png
new file mode 100644
index 00000000000..e3d544bab7b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-very-long-text-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..8c6ce55e5b4
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/in-bubble-layout-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/in-bubble-layout-auto.png
new file mode 100644
index 00000000000..2c5d5c37e23
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/in-bubble-layout-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/in-bubble-layout-narrow-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/in-bubble-layout-narrow-auto.png
new file mode 100644
index 00000000000..2c5d5c37e23
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/in-bubble-layout-narrow-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-hidden-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-hidden-auto.png
new file mode 100644
index 00000000000..020d822bd34
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-hidden-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-visible-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-visible-auto.png
new file mode 100644
index 00000000000..cb1fdc1a618
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-visible-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/with-compact-view-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/with-compact-view-auto.png
new file mode 100644
index 00000000000..ffe18d8fc21
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/with-compact-view-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/all-icon-actions-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/all-icon-actions-auto.png
new file mode 100644
index 00000000000..fbe332ea341
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/all-icon-actions-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/all-label-actions-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/all-label-actions-auto.png
new file mode 100644
index 00000000000..d1ad61b33eb
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/all-label-actions-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/decrypting-attachment-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/decrypting-attachment-auto.png
new file mode 100644
index 00000000000..3a54462aa8a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/decrypting-attachment-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/disabled-thread-reply-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/disabled-thread-reply-auto.png
new file mode 100644
index 00000000000..e61838b253c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/disabled-thread-reply-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/downloading-attachment-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/downloading-attachment-auto.png
new file mode 100644
index 00000000000..0a2a5367bc0
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/downloading-attachment-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/expanded-reply-chain-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/expanded-reply-chain-auto.png
new file mode 100644
index 00000000000..787771a6092
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/expanded-reply-chain-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/pinned-message-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/pinned-message-auto.png
new file mode 100644
index 00000000000..ce768a5dd91
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx/pinned-message-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..5065ea78276
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx/has-error-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx/has-error-auto.png
new file mode 100644
index 00000000000..e771b691647
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx/has-error-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx/no-media-name-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx/no-media-name-auto.png
new file mode 100644
index 00000000000..8178eb3e84b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx/no-media-name-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx/no-size-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx/no-size-auto.png
new file mode 100644
index 00000000000..1c6002d5241
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx/no-size-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..3e5ba0fdb5b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-backup-configured-verified-false-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-backup-configured-verified-false-auto.png
new file mode 100644
index 00000000000..77a50c780a5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-backup-configured-verified-false-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-backup-configured-verified-true-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-backup-configured-verified-true-auto.png
new file mode 100644
index 00000000000..3e5ba0fdb5b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-backup-configured-verified-true-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-error-block-icon-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-error-block-icon-auto.png
new file mode 100644
index 00000000000..d30a92ee7c7
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-error-block-icon-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-error-class-name-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-error-class-name-auto.png
new file mode 100644
index 00000000000..ca9185e5495
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-error-class-name-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/as-span-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/as-span-auto.png
new file mode 100644
index 00000000000..0c1ebb82188
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/as-span-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/big-emoji-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/big-emoji-auto.png
new file mode 100644
index 00000000000..dcb56d0ca38
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/big-emoji-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/code-block-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/code-block-auto.png
new file mode 100644
index 00000000000..d882baf7054
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/code-block-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/html-content-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/html-content-auto.png
new file mode 100644
index 00000000000..5ffcefc0c48
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/html-content-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/plain-text-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/plain-text-auto.png
new file mode 100644
index 00000000000..92698906e97
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/plain-text-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/with-highlight-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/with-highlight-auto.png
new file mode 100644
index 00000000000..b3980d52246
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx/with-highlight-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..b49b072ed7d
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.stories.tsx/with-reason-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.stories.tsx/with-reason-auto.png
new file mode 100644
index 00000000000..b43edbea202
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.stories.tsx/with-reason-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..2a3e46c6ab8
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/audio-info-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/audio-info-auto.png
new file mode 100644
index 00000000000..cb48427f3aa
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/audio-info-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/decryption-pending-download-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/decryption-pending-download-auto.png
new file mode 100644
index 00000000000..190df3e6040
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/decryption-pending-download-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..e35c56e1383
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/encrypted-iframe-download-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/encrypted-iframe-download-auto.png
new file mode 100644
index 00000000000..7d874ba1a05
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/encrypted-iframe-download-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/export-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/export-auto.png
new file mode 100644
index 00000000000..ea784ea575c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/export-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/invalid-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/invalid-auto.png
new file mode 100644
index 00000000000..4825f1ff70b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/invalid-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/long-filename-download-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/long-filename-download-auto.png
new file mode 100644
index 00000000000..bfc5a915700
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/long-filename-download-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/long-filename-info-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/long-filename-info-auto.png
new file mode 100644
index 00000000000..8ab3d3d2095
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/long-filename-info-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/unencrypted-download-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/unencrypted-download-auto.png
new file mode 100644
index 00000000000..190df3e6040
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/unencrypted-download-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/video-info-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/video-info-auto.png
new file mode 100644
index 00000000000..5b8eca9587b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx/video-info-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/animated-preview-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/animated-preview-auto.png
new file mode 100644
index 00000000000..bb67defe4f6
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/animated-preview-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..d89ea8ba0eb
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/error-state-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/error-state-auto.png
new file mode 100644
index 00000000000..a61b7cdf2ca
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/error-state-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/hidden-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/hidden-auto.png
new file mode 100644
index 00000000000..4f09d381a50
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/hidden-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/loading-with-blurhash-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/loading-with-blurhash-auto.png
new file mode 100644
index 00000000000..64733128ce3
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/loading-with-blurhash-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/loading-with-spinner-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/loading-with-spinner-auto.png
new file mode 100644
index 00000000000..1a2ca5f66b7
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/loading-with-spinner-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/with-tooltip-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/with-tooltip-auto.png
new file mode 100644
index 00000000000..c5958b2c82d
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx/with-tooltip-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/animated-preview-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/animated-preview-auto.png
new file mode 100644
index 00000000000..ac9f34b7b1a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/animated-preview-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..ddbe126ba84
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/loading-with-blurhash-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/loading-with-blurhash-auto.png
new file mode 100644
index 00000000000..16ea6246ae4
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/loading-with-blurhash-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/loading-with-spinner-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/loading-with-spinner-auto.png
new file mode 100644
index 00000000000..0f1746df791
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/loading-with-spinner-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/with-banner-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/with-banner-auto.png
new file mode 100644
index 00000000000..6b0893d5378
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx/with-banner-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx/error-state-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx/error-state-auto.png
new file mode 100644
index 00000000000..7142186d27a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx/error-state-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx/hidden-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx/hidden-auto.png
new file mode 100644
index 00000000000..788466864e4
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx/hidden-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx/loading-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx/loading-auto.png
new file mode 100644
index 00000000000..4f7e8249ff5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx/loading-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx/ready-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx/ready-auto.png
new file mode 100644
index 00000000000..fad468be85b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx/ready-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..3497f14767d
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..275a8302e67
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..116c9067918
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx/redacted-by-another-user-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx/redacted-by-another-user-auto.png
new file mode 100644
index 00000000000..308865a0cf6
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx/redacted-by-another-user-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx/self-redaction-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx/self-redaction-auto.png
new file mode 100644
index 00000000000..44372a51080
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx/self-redaction-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/caption-with-preview-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/caption-with-preview-auto.png
new file mode 100644
index 00000000000..5250dc03eda
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/caption-with-preview-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..e47c6b1f864
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/edited-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/edited-auto.png
new file mode 100644
index 00000000000..546e9cc1faf
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/edited-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/emote-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/emote-auto.png
new file mode 100644
index 00000000000..0fe444cb7cb
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/emote-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/highlight-link-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/highlight-link-auto.png
new file mode 100644
index 00000000000..e47c6b1f864
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/highlight-link-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/notice-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/notice-auto.png
new file mode 100644
index 00000000000..1112a2b9c0c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/notice-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/pending-moderation-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/pending-moderation-auto.png
new file mode 100644
index 00000000000..fbd29e42ff5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/pending-moderation-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/starter-link-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/starter-link-auto.png
new file mode 100644
index 00000000000..4fb76984cde
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx/starter-link-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..3faed1727fe
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.stories.tsx/multiline-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.stories.tsx/multiline-auto.png
new file mode 100644
index 00000000000..0889587c073
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.stories.tsx/multiline-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..6264a925739
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.stories.tsx/expanded-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.stories.tsx/expanded-auto.png
new file mode 100644
index 00000000000..965add6cf54
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.stories.tsx/expanded-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..0084a30c998
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/incoming-video-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/incoming-video-call-auto.png
new file mode 100644
index 00000000000..2074ef2e2bc
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/incoming-video-call-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/incoming-voice-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/incoming-voice-call-auto.png
new file mode 100644
index 00000000000..f64c33841a7
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/incoming-voice-call-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/outgoing-video-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/outgoing-video-call-auto.png
new file mode 100644
index 00000000000..c25642b2594
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/outgoing-video-call-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/outgoing-voice-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/outgoing-voice-call-auto.png
new file mode 100644
index 00000000000..2a67aaf2018
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/outgoing-voice-call-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/video-call-in-progress-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/video-call-in-progress-auto.png
new file mode 100644
index 00000000000..0b68335e8bc
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/video-call-in-progress-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/voice-call-in-progress-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/voice-call-in-progress-auto.png
new file mode 100644
index 00000000000..b1e3558aa40
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx/voice-call-in-progress-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..aacf440ce87
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx/room-call-ignored-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx/room-call-ignored-auto.png
new file mode 100644
index 00000000000..b83e4dbd4b5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx/room-call-ignored-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx/room-call-joined-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx/room-call-joined-auto.png
new file mode 100644
index 00000000000..638ec1f9db3
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx/room-call-joined-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx/room-call-without-other-participants-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx/room-call-without-other-participants-auto.png
new file mode 100644
index 00000000000..943216cf831
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx/room-call-without-other-participants-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..32dbc8d22b6
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/incoming-video-declined-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/incoming-video-declined-auto.png
new file mode 100644
index 00000000000..af03c8bfb9a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/incoming-video-declined-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/incoming-voice-declined-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/incoming-voice-declined-auto.png
new file mode 100644
index 00000000000..23d6e4af67f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/incoming-voice-declined-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/outgoing-video-declined-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/outgoing-video-declined-auto.png
new file mode 100644
index 00000000000..c26f702f296
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/outgoing-video-declined-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/outgoing-voice-declined-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/outgoing-voice-declined-auto.png
new file mode 100644
index 00000000000..bed6bc35dd9
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/outgoing-voice-declined-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/video-ended-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/video-ended-auto.png
new file mode 100644
index 00000000000..b794c3cc367
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/video-ended-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/voice-ended-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/voice-ended-auto.png
new file mode 100644
index 00000000000..32dbc8d22b6
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx/voice-ended-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/room/RoomTombstoneCallTileView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/room/RoomTombstoneCallTileView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..3b1c0066eec
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/call/tombstone/room/RoomTombstoneCallTileView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/add-reaction-button-active-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/add-reaction-button-active-auto.png
new file mode 100644
index 00000000000..5588f34e92f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/add-reaction-button-active-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/add-reaction-button-hidden-until-hover-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/add-reaction-button-hidden-until-hover-auto.png
new file mode 100644
index 00000000000..907ed9a98bf
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/add-reaction-button-hidden-until-hover-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..5ce5943eef6
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/hidden-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/hidden-auto.png
new file mode 100644
index 00000000000..9f58a62407b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/hidden-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/with-show-all-button-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/with-show-all-button-auto.png
new file mode 100644
index 00000000000..e03cf02af35
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx/with-show-all-button-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..ac28ab06049
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx/selected-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx/selected-auto.png
new file mode 100644
index 00000000000..73cc856f916
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx/selected-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx/with-tooltip-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx/with-tooltip-auto.png
new file mode 100644
index 00000000000..ec05cbd8495
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx/with-tooltip-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..3bc6f2374b3
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/many-senders-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/many-senders-auto.png
new file mode 100644
index 00000000000..5ec913f919c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/many-senders-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/no-tooltip-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/no-tooltip-auto.png
new file mode 100644
index 00000000000..8940f0d3013
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/no-tooltip-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/without-caption-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/without-caption-auto.png
new file mode 100644
index 00000000000..5993999dfe9
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/without-caption-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..56a96f7fac3
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/has-actions-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/has-actions-auto.png
new file mode 100644
index 00000000000..b9fe307d097
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/has-actions-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/has-href-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/has-href-auto.png
new file mode 100644
index 00000000000..b9fe307d097
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/has-href-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/has-inhibit-tooltip-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/has-inhibit-tooltip-auto.png
new file mode 100644
index 00000000000..b9fe307d097
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/has-inhibit-tooltip-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/has-ts-received-at-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/has-ts-received-at-auto.png
new file mode 100644
index 00000000000..0a31698ebb6
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx/has-ts-received-at-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/status/CustomStatusView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/status/CustomStatusView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..f2f3b296e34
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/status/CustomStatusView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/status/SetStatusView.stories.tsx/no-status-auto.png b/packages/shared-components/__vis__/linux/__baselines__/status/SetStatusView.stories.tsx/no-status-auto.png
new file mode 100644
index 00000000000..1d1fe0c80f7
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/status/SetStatusView.stories.tsx/no-status-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/status/SetStatusView.stories.tsx/open-auto.png b/packages/shared-components/__vis__/linux/__baselines__/status/SetStatusView.stories.tsx/open-auto.png
new file mode 100644
index 00000000000..1d1fe0c80f7
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/status/SetStatusView.stories.tsx/open-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/status/SetStatusView.stories.tsx/with-status-auto.png b/packages/shared-components/__vis__/linux/__baselines__/status/SetStatusView.stories.tsx/with-status-auto.png
new file mode 100644
index 00000000000..75eafc84cfd
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/status/SetStatusView.stories.tsx/with-status-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/status/StatusTextView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/status/StatusTextView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..dfcada0746b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/status/StatusTextView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/status/UserStatusIconView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/status/UserStatusIconView.stories.tsx/default-auto.png
new file mode 100644
index 00000000000..26facfe10bb
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/status/UserStatusIconView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/status/UserStatusIconView.stories.tsx/no-status-auto.png b/packages/shared-components/__vis__/linux/__baselines__/status/UserStatusIconView.stories.tsx/no-status-auto.png
new file mode 100644
index 00000000000..17fe39394f5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/status/UserStatusIconView.stories.tsx/no-status-auto.png differ
diff --git a/packages/shared-components/package.json b/packages/shared-components/package.json
new file mode 100644
index 00000000000..414e1a58022
--- /dev/null
+++ b/packages/shared-components/package.json
@@ -0,0 +1,132 @@
+{
+    "name": "@element-hq/web-shared-components",
+    "version": "0.1.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.cjs"
+            },
+            "import": {
+                "style": "./dist/element-web-shared-components.css",
+                "types": "./dist/element-web-shared-components.d.ts",
+                "default": "./dist/element-web-shared-components.js"
+            }
+        },
+        "./numbers": {
+            "require": {
+                "types": "./dist/numbers.d.ts",
+                "default": "./dist/numbers.umd.cjs"
+            },
+            "import": {
+                "types": "./dist/numbers.d.ts",
+                "default": "./dist/numbers.js"
+            }
+        },
+        "./dist/element-web-shared-components.css": {
+            "require": "./dist/element-web-shared-components.css",
+            "import": "./dist/element-web-shared-components.css"
+        }
+    },
+    "types": "dist/element-web-shared-components.d.ts",
+    "files": [
+        "dist",
+        "src",
+        "LICENSE",
+        "README.md",
+        "package.json"
+    ],
+    "scripts": {
+        "i18n": "matrix-gen-i18n src && pnpm i18n:sort && pnpm i18n:lint",
+        "i18n:sort": "matrix-sort-i18n src/i18n/strings/en_EN.json",
+        "i18n:lint": "matrix-i18n-lint && oxfmt src/i18n/strings/",
+        "test:unit": "nx test:unit",
+        "test:storybook": "nx test:storybook",
+        "test:storybook:update": "nx test:storybook:update",
+        "coverage": "pnpm test:unit --coverage",
+        "coverage:diff": "diff-cover --config-file ../../diff-cover.toml coverage/lcov.info",
+        "build": "nx build",
+        "prepack": "pnpm run build",
+        "storybook": "storybook dev -p 6007",
+        "build:storybook": "nx storybook",
+        "build:doc": "nx typedoc",
+        "lint": "pnpm lint:types",
+        "lint:types": "nx lint:types"
+    },
+    "dependencies": {
+        "@dnd-kit/abstract": "^0.5.0",
+        "@dnd-kit/dom": "^0.5.0",
+        "@dnd-kit/react": "^0.5.0",
+        "@element-hq/element-web-module-api": "workspace:*",
+        "@matrix-org/emojibase-bindings": "catalog:",
+        "@matrix-org/spec": "^1.7.0",
+        "@vector-im/compound-design-tokens": "catalog:",
+        "classnames": "^2.5.1",
+        "counterpart": "^0.18.6",
+        "events": "^3.3.0",
+        "html-react-parser": "^6.0.0",
+        "linkify-html": "4.3.3",
+        "linkify-react": "4.3.3",
+        "linkify-string": "4.3.3",
+        "linkifyjs": "4.3.3",
+        "lodash": "npm:lodash-es@^4.17.21",
+        "matrix-web-i18n": "catalog:",
+        "react-blurhash": "^0.3.0",
+        "react-merge-refs": "^3.0.2",
+        "react-resizable-panels": "4.12.2",
+        "react-virtuoso": "^4.14.0",
+        "temporal-polyfill": "^1.0.0"
+    },
+    "devDependencies": {
+        "@element-hq/element-web-playwright-common": "workspace:*",
+        "@fetch-mock/vitest": "^0.2.18",
+        "@fontsource/inter": "catalog:",
+        "@matrix-org/react-sdk-module-api": "^2.5.0",
+        "@microsoft/api-extractor": "^7.56.0",
+        "@playwright/test": "catalog:",
+        "@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",
+        "@testing-library/dom": "^10.4.1",
+        "@testing-library/react": "^16.3.2",
+        "@testing-library/user-event": "^14.6.1",
+        "@types/counterpart": "^0.18.4",
+        "@types/lodash": "^4.17.20",
+        "@types/react": "catalog:",
+        "@types/react-dom": "catalog:",
+        "@typescript/native": "catalog:",
+        "@vector-im/compound-web": "catalog:",
+        "@vitejs/plugin-react": "catalog:",
+        "@vitest/browser-playwright": "catalog:",
+        "oxfmt": "0.60.0",
+        "storybook": "^10.0.7",
+        "storybook-addon-vis": "^4.0.0",
+        "typedoc": "^0.28.16",
+        "typedoc-plugin-markdown": "^4.9.0",
+        "typedoc-plugin-missing-exports": "^4.1.2",
+        "typescript": "catalog:ts6",
+        "unplugin-dts": "catalog:",
+        "vite": "catalog:",
+        "vite-plugin-node-polyfills": "^0.28.0",
+        "vitest": "catalog:"
+    },
+    "engines": {
+        "node": ">=20.0.0"
+    },
+    "peerDependencies": {
+        "@vector-im/compound-web": "^8.3.5 || ^9.0.0",
+        "react-dom": "catalog:",
+        "react": "catalog:"
+    }
+}
diff --git a/packages/shared-components/project.json b/packages/shared-components/project.json
new file mode 100644
index 00000000000..a35c3793e8a
--- /dev/null
+++ b/packages/shared-components/project.json
@@ -0,0 +1,67 @@
+{
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "projectType": "library",
+    "targets": {
+        "build": {
+            "cache": true,
+            "command": "vite build",
+            "inputs": ["src"],
+            "outputs": ["{projectRoot}/dist"],
+            "options": { "cwd": "packages/shared-components" },
+            "dependsOn": ["^build"]
+        },
+        "start": {
+            "command": "vite build --watch",
+            "options": { "cwd": "packages/shared-components" },
+            "dependsOn": ["^start"],
+            "continuous": true
+        },
+        "typedoc": {
+            "cache": true,
+            "command": "typedoc",
+            "inputs": ["src", "{projectRoot}/typedoc.json"],
+            "outputs": ["{projectRoot}/typedoc"],
+            "options": { "cwd": "packages/shared-components" },
+            "dependsOn": ["^build"]
+        },
+        "storybook": {
+            "cache": true,
+            "inputs": ["src", "{projectRoot}/.storybook", "{projectRoot}/typedoc"],
+            "outputs": ["{projectRoot}/storybook-static"],
+            "executor": "nx:run-commands",
+            "options": {
+                "commands": ["storybook build", "node scripts/storybook-build-i18n.ts"],
+                "parallel": false,
+                "cwd": "packages/shared-components"
+            },
+            "dependsOn": ["build", "typedoc"]
+        },
+        "test:unit": {
+            "command": "vitest --project=unit",
+            "options": { "cwd": "packages/shared-components" }
+        },
+        "test:storybook": {
+            "command": "vitest --project=storybook",
+            "options": { "cwd": "packages/shared-components" },
+            "dependsOn": ["typedoc", "^build:playwright"]
+        },
+        "test:storybook:update": {
+            "command": "playwright-screenshots nx test:storybook --run --update",
+            "options": {
+                "env": {
+                    "CI": "1"
+                },
+                "cwd": "packages/shared-components"
+            },
+            "dependsOn": ["typedoc", "^build:playwright"]
+        },
+        "lint:types": {
+            "executor": "nx:run-commands",
+            "options": {
+                "commands": ["tsc --noEmit", "tsc --noEmit -p tsconfig.node.json"],
+                "cwd": "packages/shared-components"
+            },
+            "dependsOn": ["^build"]
+        }
+    }
+}
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 00000000000..677c7626665
--- /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 jsonStr = fs.readFileSync(translationsPath).toString();
+    const jsonBuffer = Buffer.from(jsonStr);
+    const digest = createHash("sha256").update(jsonBuffer).digest("hex").slice(0, 7);
+    const filename = `${lang}.${digest}.json`;
+
+    return [filename, jsonStr];
+}
+
+/**
+ * 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/src/@types/global.d.ts b/packages/shared-components/src/@types/global.d.ts
new file mode 100644
index 00000000000..5ba765299b8
--- /dev/null
+++ b/packages/shared-components/src/@types/global.d.ts
@@ -0,0 +1,15 @@
+/*
+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.
+*/
+
+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 00000000000..04531d8954a
--- /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/@types/react-syntax-highlighter.d.ts b/packages/shared-components/src/@types/react-syntax-highlighter.d.ts
new file mode 100644
index 00000000000..545cf17b5af
--- /dev/null
+++ b/packages/shared-components/src/@types/react-syntax-highlighter.d.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.
+*/
+
+// Temporary workaround until https://github.com/storybookjs/storybook/issues/35539 ships
+declare module "react-syntax-highlighter/dist/esm/prism-light";
diff --git a/packages/shared-components/src/audio/Clock/Clock.stories.tsx b/packages/shared-components/src/audio/Clock/Clock.stories.tsx
new file mode 100644
index 00000000000..90818e4b65b
--- /dev/null
+++ b/packages/shared-components/src/audio/Clock/Clock.stories.tsx
@@ -0,0 +1,36 @@
+/*
+ * 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 { Meta, StoryObj } from "@storybook/react-vite";
+import { Clock } from "./Clock";
+
+const meta = {
+    title: "Audio/Clock",
+    component: Clock,
+    tags: ["autodocs"],
+    args: {
+        seconds: 20,
+    },
+} satisfies Meta<typeof Clock>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const LotOfSeconds: Story = {
+    args: {
+        seconds: 99999999999999,
+    },
+};
+
+export const SingleDigitMinutes: Story = {
+    args: {
+        seconds: 100,
+        minutesMaxLength: 1,
+    },
+};
diff --git a/packages/shared-components/src/audio/Clock/Clock.test.tsx b/packages/shared-components/src/audio/Clock/Clock.test.tsx
new file mode 100644
index 00000000000..895f29d3eb7
--- /dev/null
+++ b/packages/shared-components/src/audio/Clock/Clock.test.tsx
@@ -0,0 +1,32 @@
+/*
+ * 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 { composeStories } from "@storybook/react-vite";
+import { render } from "@test-utils";
+import React from "react";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./Clock.stories.tsx";
+
+const { Default, LotOfSeconds, SingleDigitMinutes } = composeStories(stories);
+
+describe("Clock", () => {
+    it("renders the clock", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the clock with a lot of seconds", () => {
+        const { container } = render(<LotOfSeconds />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the clock with single digit minute", () => {
+        const { container } = render(<SingleDigitMinutes />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/audio/Clock/Clock.tsx b/packages/shared-components/src/audio/Clock/Clock.tsx
new file mode 100644
index 00000000000..54b86b85b81
--- /dev/null
+++ b/packages/shared-components/src/audio/Clock/Clock.tsx
@@ -0,0 +1,79 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021-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 JSX, type HTMLProps, useMemo } from "react";
+import { Temporal } from "temporal-polyfill";
+import classNames from "classnames";
+
+import { formatSeconds } from "../../core/utils/DateUtils";
+
+export interface Props extends Pick<HTMLProps<HTMLSpanElement>, "aria-live" | "role" | "className"> {
+    /**
+     * The number of seconds to display.
+     */
+    seconds: number;
+
+    /**
+     * The number of positions to pad the minutes part.
+     *
+     * @example
+     * If minutesMaxLength = 1, the clock will show 5:31 instead of 05:31.
+     */
+    minutesMaxLength?: number;
+
+    /**
+     * The number of positions to pad the hour part.
+     *
+     * @example
+     * If hoursMaxLength = 1, the clock will show 1:05:31 instead of 01:05:31.
+     */
+    hoursMaxLength?: number;
+}
+
+/**
+ * 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 function Clock({ seconds, className, minutesMaxLength, hoursMaxLength, ...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]);
+
+    return (
+        <time
+            dateTime={duration}
+            /* Keep class for backward compatibility with parent component */
+            className={classNames("mx_Clock", className)}
+            {...rest}
+        >
+            {formatSeconds(seconds, {
+                minutesMaxLength,
+                hoursMaxLength,
+            })}
+        </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
new file mode 100644
index 00000000000..ee41a0c8432
--- /dev/null
+++ b/packages/shared-components/src/audio/Clock/__snapshots__/Clock.test.tsx.snap
@@ -0,0 +1,34 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Clock > renders the clock 1`] = `
+<div>
+  <time
+    class="mx_Clock"
+    datetime="PT20S"
+  >
+    00:20
+  </time>
+</div>
+`;
+
+exports[`Clock > renders the clock with a lot of seconds 1`] = `
+<div>
+  <time
+    class="mx_Clock"
+    datetime="PT27777777777H46M39S"
+  >
+    27777777777:46:39
+  </time>
+</div>
+`;
+
+exports[`Clock > renders the clock with single digit minute 1`] = `
+<div>
+  <time
+    class="mx_Clock"
+    datetime="PT1M40S"
+  >
+    1:40
+  </time>
+</div>
+`;
diff --git a/packages/shared-components/src/audio/Clock/index.ts b/packages/shared-components/src/audio/Clock/index.ts
new file mode 100644
index 00000000000..bc261bb2832
--- /dev/null
+++ b/packages/shared-components/src/audio/Clock/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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 { Clock } from "./Clock";
diff --git a/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.module.css b/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.module.css
new file mode 100644
index 00000000000..bcf50ea8292
--- /dev/null
+++ b/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.module.css
@@ -0,0 +1,27 @@
+/*
+ * 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.
+ */
+
+.button {
+    position: relative;
+    width: 32px;
+    height: 32px;
+    min-width: 32px;
+    min-height: 32px;
+    border-radius: 32px;
+    background-color: var(--cpd-color-bg-subtle-primary);
+    padding: var(--cpd-space-1-5x);
+    box-sizing: border-box;
+}
+
+.button svg {
+    width: 20px;
+    height: 20px;
+}
+
+.button[disabled] svg {
+    opacity: 0.5;
+}
diff --git a/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.stories.tsx b/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.stories.tsx
new file mode 100644
index 00000000000..d1f1ff97fa1
--- /dev/null
+++ b/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.stories.tsx
@@ -0,0 +1,27 @@
+/*
+ * 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 { fn } from "storybook/test";
+
+import { PlayPauseButton } from "./PlayPauseButton";
+import type { Meta, StoryObj } from "@storybook/react-vite";
+
+const meta = {
+    title: "Audio/PlayPauseButton",
+    component: PlayPauseButton,
+    tags: ["autodocs"],
+    args: {
+        togglePlay: fn(),
+    },
+} satisfies Meta<typeof PlayPauseButton>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Playing: Story = { args: { playing: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.test.tsx b/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.test.tsx
new file mode 100644
index 00000000000..4b8b7cbee6b
--- /dev/null
+++ b/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.test.tsx
@@ -0,0 +1,51 @@
+/*
+ * 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 { composeStories } from "@storybook/react-vite";
+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";
+
+const { Default, Playing, Disabled } = composeStories(stories);
+
+describe("PlayPauseButton", () => {
+    it("renders the button in default state", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the button in playing state", () => {
+        const { container } = render(<Playing />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the button in disabled state", () => {
+        const { container } = render(<Disabled />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("calls togglePlay when clicked", async () => {
+        const user = userEvent.setup();
+        const togglePlay = fn();
+
+        const { getByRole } = render(<Default togglePlay={togglePlay} />);
+        await user.click(getByRole("button"));
+        expect(togglePlay).toHaveBeenCalled();
+    });
+
+    it("preserves consumer class names alongside shared styles", () => {
+        const { getByRole } = render(<Default className="custom-play-pause-button" />);
+        const button = getByRole("button");
+
+        expect(button).toHaveClass("custom-play-pause-button");
+        expect(button.className).toContain("PlayPauseButton-module_button");
+    });
+});
diff --git a/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.tsx b/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.tsx
new file mode 100644
index 00000000000..dcff19c4387
--- /dev/null
+++ b/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.tsx
@@ -0,0 +1,68 @@
+/*
+ * 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 HTMLAttributes, type JSX, type MouseEventHandler } from "react";
+import classNames from "classnames";
+import { IconButton } from "@vector-im/compound-web";
+import Play from "@vector-im/compound-design-tokens/assets/web/icons/play-solid";
+import Pause from "@vector-im/compound-design-tokens/assets/web/icons/pause-solid";
+
+import styles from "./PlayPauseButton.module.css";
+import { useI18n } from "../../core/i18n/i18nContext";
+
+export interface PlayPauseButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Whether the button is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+
+    /**
+     * Whether the audio is currently playing.
+     * @default false
+     */
+    playing?: boolean;
+
+    /**
+     * Function to toggle play/pause state.
+     */
+    togglePlay: MouseEventHandler<HTMLButtonElement>;
+}
+
+/**
+ * A button component that toggles between play and pause states for audio playback.
+ *
+ * @example
+ * ```tsx
+ * <PlayPauseButton playing={true} togglePlay={() => {}} />
+ * ```
+ */
+export function PlayPauseButton({
+    disabled = false,
+    playing = false,
+    togglePlay,
+    className,
+    ...rest
+}: Readonly<PlayPauseButtonProps>): JSX.Element {
+    const { translate: _t } = useI18n();
+
+    const label = playing ? _t("action|pause") : _t("action|play");
+
+    return (
+        <IconButton
+            size="32px"
+            aria-label={label}
+            tooltip={label}
+            onClick={togglePlay}
+            className={classNames(styles.button, className)}
+            disabled={disabled}
+            {...rest}
+        >
+            {playing ? <Pause /> : <Play />}
+        </IconButton>
+    );
+}
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
new file mode 100644
index 00000000000..5c15fc74fd7
--- /dev/null
+++ b/packages/shared-components/src/audio/PlayPauseButton/__snapshots__/PlayPauseButton.test.tsx.snap
@@ -0,0 +1,97 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`PlayPauseButton > renders the button in default state 1`] = `
+<div>
+  <button
+    aria-disabled="false"
+    aria-label="Play"
+    aria-labelledby="react-use-id-1"
+    class="_icon-button_1215g_8 PlayPauseButton-module_button"
+    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
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="m8.98 4.677 9.921 5.58c1.36.764 1.36 2.722 0 3.486l-9.92 5.58C7.647 20.073 6 19.11 6 17.58V6.42c0-1.53 1.647-2.493 2.98-1.743"
+        />
+      </svg>
+    </div>
+  </button>
+</div>
+`;
+
+exports[`PlayPauseButton > renders the button in disabled state 1`] = `
+<div>
+  <button
+    aria-disabled="true"
+    aria-label="Play"
+    aria-labelledby="react-use-id-1"
+    class="_icon-button_1215g_8 PlayPauseButton-module_button"
+    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%; --cpd-color-icon-tertiary: var(--cpd-color-icon-disabled);"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="m8.98 4.677 9.921 5.58c1.36.764 1.36 2.722 0 3.486l-9.92 5.58C7.647 20.073 6 19.11 6 17.58V6.42c0-1.53 1.647-2.493 2.98-1.743"
+        />
+      </svg>
+    </div>
+  </button>
+</div>
+`;
+
+exports[`PlayPauseButton > renders the button in playing state 1`] = `
+<div>
+  <button
+    aria-disabled="false"
+    aria-label="Pause"
+    aria-labelledby="react-use-id-1"
+    class="_icon-button_1215g_8 PlayPauseButton-module_button"
+    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
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8 4a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V6a2 2 0 0 0-2-2m8 0a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V6a2 2 0 0 0-2-2"
+        />
+      </svg>
+    </div>
+  </button>
+</div>
+`;
diff --git a/packages/shared-components/src/audio/PlayPauseButton/index.ts b/packages/shared-components/src/audio/PlayPauseButton/index.ts
new file mode 100644
index 00000000000..93a71cd7391
--- /dev/null
+++ b/packages/shared-components/src/audio/PlayPauseButton/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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 { PlayPauseButton } from "./PlayPauseButton";
diff --git a/packages/shared-components/src/audio/SeekBar/SeekBar.module.css b/packages/shared-components/src/audio/SeekBar/SeekBar.module.css
new file mode 100644
index 00000000000..54e3b7479f2
--- /dev/null
+++ b/packages/shared-components/src/audio/SeekBar/SeekBar.module.css
@@ -0,0 +1,99 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+/* CSS inspiration from: */
+/* * https://www.w3schools.com/howto/howto_js_rangeslider.asp */
+/* * https://stackoverflow.com/a/28283806 */
+/* * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */
+
+.seekBar {
+    /* default, overridden in JS */
+    --fillTo: 1;
+
+    /* Dev note: we deliberately do not have the -ms-track (and friends) selectors because we don't */
+    /* need to support IE. */
+
+    appearance: none; /* default style override */
+
+    width: 100%;
+    height: 1px;
+    background: var(--cpd-color-gray-600);
+    outline: none; /* remove blue selection border */
+    position: relative; /* for before+after pseudo elements later on */
+
+    cursor: pointer;
+
+    &::-webkit-slider-thumb {
+        appearance: none; /* default style override */
+
+        /* Dev note: This needs to be duplicated with the -moz-range-thumb selector */
+        /* because otherwise Edge (webkit) will fail to see the styles and just refuse */
+        /* to apply them. */
+        width: 8px;
+        height: 8px;
+        border-radius: 8px;
+        background-color: var(--cpd-color-gray-800);
+        cursor: pointer;
+    }
+
+    &::-moz-range-thumb {
+        width: 8px;
+        height: 8px;
+        border-radius: 8px;
+        background-color: var(--cpd-color-gray-800);
+        cursor: pointer;
+
+        /* Firefox adds a border on the thumb */
+        border: none;
+    }
+
+    /* This is for webkit support, but we can't limit the functionality of it to just webkit */
+    /* browsers. Firefox responds to webkit-prefixed values now, which means we can't use media */
+    /* or support queries to selectively apply the rule. An upside is that this CSS doesn't work */
+    /* in firefox, so it's just wasted CPU/GPU time. */
+    &::before {
+        /* ::before to ensure it ends up under the thumb */
+        content: "";
+        background-color: var(--cpd-color-gray-800);
+
+        /* Absolute positioning to ensure it overlaps with the existing bar */
+        position: absolute;
+        top: 0;
+        left: 0;
+
+        /* Sizing to match the bar */
+        width: 100%;
+        height: 1px;
+
+        /* And finally dynamic width without overly hurting the rendering engine. */
+        transform-origin: 0 100%;
+        transform: scaleX(var(--fillTo));
+    }
+
+    /* This is firefox's built-in support for the above, with 100% less hacks. */
+    &::-moz-range-progress {
+        background-color: var(--cpd-color-gray-800);
+        height: 1px;
+    }
+
+    &:disabled {
+        opacity: 0.5;
+    }
+
+    /* Increase clickable area for the slider (approximately same size as browser default) */
+    /* We do it this way to keep the same padding and margins of the element, avoiding margin math. */
+    /* Source: https://front-back.com/expand-clickable-areas-for-a-better-touch-experience/ */
+    &::after {
+        content: "";
+        position: absolute;
+        top: -6px;
+        bottom: -6px;
+        left: 0;
+        right: 0;
+    }
+}
diff --git a/packages/shared-components/src/audio/SeekBar/SeekBar.stories.tsx b/packages/shared-components/src/audio/SeekBar/SeekBar.stories.tsx
new file mode 100644
index 00000000000..b8a0e635691
--- /dev/null
+++ b/packages/shared-components/src/audio/SeekBar/SeekBar.stories.tsx
@@ -0,0 +1,41 @@
+/*
+ * 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 { useArgs } from "storybook/preview-api";
+
+import { SeekBar } from "./SeekBar";
+import type { Meta, StoryObj } from "@storybook/react-vite";
+
+const meta = {
+    title: "Audio/SeekBar",
+    component: SeekBar,
+    tags: ["autodocs"],
+    argTypes: {
+        value: {
+            control: { type: "range", min: 0, max: 100, step: 1 },
+        },
+    },
+    args: {
+        value: 50,
+    },
+    render: function Render(args) {
+        const [, updateArgs] = useArgs();
+        return <SeekBar onChange={(evt) => updateArgs({ value: parseInt(evt.target.value, 10) })} {...args} />;
+    },
+} satisfies Meta<typeof SeekBar>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Disabled: Story = {
+    args: {
+        disabled: true,
+    },
+};
diff --git a/packages/shared-components/src/audio/SeekBar/SeekBar.test.tsx b/packages/shared-components/src/audio/SeekBar/SeekBar.test.tsx
new file mode 100644
index 00000000000..0e3dc784325
--- /dev/null
+++ b/packages/shared-components/src/audio/SeekBar/SeekBar.test.tsx
@@ -0,0 +1,21 @@
+/*
+ * 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 { 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);
+
+describe("Seekbar", () => {
+    it("renders the clock", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/audio/SeekBar/SeekBar.tsx b/packages/shared-components/src/audio/SeekBar/SeekBar.tsx
new file mode 100644
index 00000000000..48882aae889
--- /dev/null
+++ b/packages/shared-components/src/audio/SeekBar/SeekBar.tsx
@@ -0,0 +1,60 @@
+/*
+ * 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 CSSProperties, type JSX, useEffect, useMemo, useState } from "react";
+import { throttle } from "lodash";
+import classNames from "classnames";
+
+import style from "./SeekBar.module.css";
+import { useI18n } from "../../core/i18n/i18nContext";
+
+export interface SeekBarProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * The current value of the seek bar, between 0 and 100.
+     * @default 0
+     */
+    value?: number;
+}
+
+interface ISeekCSS extends CSSProperties {
+    "--fillTo": number;
+}
+
+/**
+ * A seek bar component for audio playback.
+ *
+ * @example
+ * ```tsx
+ * <SeekBar value={50} onChange={(e) => console.log("New value", e.target.value)} />
+ * ```
+ */
+export function SeekBar({ value = 0, className, ...rest }: Readonly<SeekBarProps>): JSX.Element {
+    const { translate: _t } = useI18n();
+
+    const [newValue, setNewValue] = useState(value);
+    // Throttle the value setting to avoid excessive re-renders
+    const setThrottledValue = useMemo(() => throttle(setNewValue, 10), []);
+
+    useEffect(() => {
+        setThrottledValue(value);
+    }, [value, setThrottledValue]);
+
+    return (
+        <input
+            type="range"
+            className={classNames(style.seekBar, className)}
+            onMouseDown={(e) => e.stopPropagation()}
+            min={0}
+            max={100}
+            value={newValue}
+            step={1}
+            style={{ "--fillTo": newValue / 100 } as ISeekCSS}
+            aria-label={_t("a11y|seek_bar_label")}
+            {...rest}
+        />
+    );
+}
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
new file mode 100644
index 00000000000..5713504b9f7
--- /dev/null
+++ b/packages/shared-components/src/audio/SeekBar/__snapshots__/SeekBar.test.tsx.snap
@@ -0,0 +1,16 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Seekbar > renders the clock 1`] = `
+<div>
+  <input
+    aria-label="Audio seek bar"
+    class="SeekBar-module_seekBar"
+    max="100"
+    min="0"
+    step="1"
+    style="--fillTo: 0.5;"
+    type="range"
+    value="50"
+  />
+</div>
+`;
diff --git a/packages/shared-components/src/audio/SeekBar/index.ts b/packages/shared-components/src/audio/SeekBar/index.ts
new file mode 100644
index 00000000000..710310198e1
--- /dev/null
+++ b/packages/shared-components/src/audio/SeekBar/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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 { SeekBar } from "./SeekBar";
diff --git a/packages/shared-components/src/audio/playback.ts b/packages/shared-components/src/audio/playback.ts
new file mode 100644
index 00000000000..d7b0fa76346
--- /dev/null
+++ b/packages/shared-components/src/audio/playback.ts
@@ -0,0 +1,16 @@
+/*
+ * 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.
+ */
+
+/**
+ * Represents the possible states of playback.
+ * - "preparing": The audio is being prepared for playback (e.g., loading or buffering).
+ * - "decoding": The audio is being decoded and is not ready for playback.
+ * - "stopped": The playback has been stopped, with no progress on the timeline.
+ * - "paused": The playback is paused, with some progress on the timeline.
+ * - "playing": The playback is actively progressing through the timeline.
+ */
+export type PlaybackState = "decoding" | "stopped" | "paused" | "playing" | "preparing";
diff --git a/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.module.css b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.module.css
new file mode 100644
index 00000000000..62c71e3a9cf
--- /dev/null
+++ b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.module.css
@@ -0,0 +1,32 @@
+/*
+ * 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.
+ */
+
+.avatarWithDetails {
+    display: flex;
+    align-items: center;
+
+    border-radius: 12px;
+    background-color: var(--cpd-color-gray-200);
+    padding: var(--cpd-space-3x);
+    gap: var(--cpd-space-2x);
+
+    .title {
+        display: inline-block;
+
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: var(--cpd-font-size-body-md);
+
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .details {
+        font-size: var(--cpd-font-size-body-sm);
+        color: var(--cpd-color-text-secondary);
+    }
+}
diff --git a/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.stories.tsx b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.stories.tsx
new file mode 100644
index 00000000000..519b4ec2d3f
--- /dev/null
+++ b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.stories.tsx
@@ -0,0 +1,26 @@
+/*
+ * 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 Meta, type StoryObj } from "@storybook/react-vite";
+
+import { AvatarWithDetails } from "./AvatarWithDetails";
+
+const meta = {
+    title: "Core/AvatarWithDetails",
+    component: AvatarWithDetails,
+    tags: ["autodocs"],
+    args: {
+        avatar: <div style={{ width: 40, height: 40, backgroundColor: "#888", borderRadius: "50%" }} />,
+        details: "Details about the avatar go here",
+        title: "Room Name",
+    },
+} satisfies Meta<typeof AvatarWithDetails>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+export const Default: Story = {};
diff --git a/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.test.tsx b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.test.tsx
new file mode 100644
index 00000000000..157062656b1
--- /dev/null
+++ b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.test.tsx
@@ -0,0 +1,22 @@
+/*
+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 { composeStories } from "@storybook/react-vite";
+import { render } from "@test-utils";
+import React from "react";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./AvatarWithDetails.stories.tsx";
+
+const { Default } = composeStories(stories);
+
+describe("AvatarWithDetails", () => {
+    it("renders a textual event", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.tsx b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.tsx
new file mode 100644
index 00000000000..787506122a4
--- /dev/null
+++ b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.tsx
@@ -0,0 +1,65 @@
+/*
+ * 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 ComponentProps, type ElementType, type JSX, type PropsWithChildren } from "react";
+import React from "react";
+import classNames from "classnames";
+
+import styles from "./AvatarWithDetails.module.css";
+import { Flex } from "../utils/Flex";
+
+export type AvatarWithDetailsProps<C extends ElementType> = {
+    /**
+     * The HTML tag.
+     * @default "div"
+     */
+    as?: C;
+    /**
+     * The CSS class name.
+     */
+    className?: string;
+    /**
+     * The title/label next to the avatar. Usually the user or room name.
+     */
+    title: string;
+    /**
+     * A label with details to display under the avatar title.
+     * Commonly used to display the number of participants in a room.
+     */
+    details: React.ReactNode;
+    /** The avatar to display. */
+    avatar: React.ReactNode;
+} & ComponentProps<C>;
+
+/**
+ * A component to display an avatar with a title next to it in a grey box.
+ *
+ * @example
+ * ```tsx
+ * <AvatarWithDetails title="Room Name" details="10 participants" className="custom-class" />
+ * ```
+ */
+export function AvatarWithDetails<C extends React.ElementType = "div">({
+    as,
+    className,
+    details,
+    avatar,
+    title,
+    ...props
+}: PropsWithChildren<AvatarWithDetailsProps<C>>): JSX.Element {
+    const Component = as || "div";
+
+    return (
+        <Component className={classNames(styles.avatarWithDetails, className)} {...props}>
+            {avatar}
+            <Flex direction="column">
+                <span className={styles.title}>{title}</span>
+                <span className={styles.details}>{details}</span>
+            </Flex>
+        </Component>
+    );
+}
diff --git a/packages/shared-components/src/core/AvatarWithDetails/__snapshots__/AvatarWithDetails.test.tsx.snap b/packages/shared-components/src/core/AvatarWithDetails/__snapshots__/AvatarWithDetails.test.tsx.snap
new file mode 100644
index 00000000000..60a488a6477
--- /dev/null
+++ b/packages/shared-components/src/core/AvatarWithDetails/__snapshots__/AvatarWithDetails.test.tsx.snap
@@ -0,0 +1,28 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`AvatarWithDetails > renders a textual event 1`] = `
+<div>
+  <div
+    class="AvatarWithDetails-module_avatarWithDetails"
+  >
+    <div
+      style="width: 40px; height: 40px; background-color: rgb(136, 136, 136); border-radius: 50%;"
+    />
+    <div
+      class="Flex-module_flex"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="AvatarWithDetails-module_title"
+      >
+        Room Name
+      </span>
+      <span
+        class="AvatarWithDetails-module_details"
+      >
+        Details about the avatar go here
+      </span>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/core/AvatarWithDetails/index.ts b/packages/shared-components/src/core/AvatarWithDetails/index.ts
new file mode 100644
index 00000000000..a54f416d829
--- /dev/null
+++ b/packages/shared-components/src/core/AvatarWithDetails/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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 { AvatarWithDetails } from "./AvatarWithDetails";
diff --git a/packages/shared-components/src/core/EmojiPicker/Emoji.tsx b/packages/shared-components/src/core/EmojiPicker/Emoji.tsx
new file mode 100644
index 00000000000..c426876ab12
--- /dev/null
+++ b/packages/shared-components/src/core/EmojiPicker/Emoji.tsx
@@ -0,0 +1,93 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * Copyright 2020 The Matrix.org Foundation C.I.C.
+ * Copyright 2019 Tulir Asokan <tulir@maunium.net>
+ *
+ * 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 { type Emoji as IEmoji } from "@matrix-org/emojibase-bindings";
+import classNames from "classnames";
+
+import { RovingButton, type ButtonEvent } from "./RovingButton";
+import styles from "./EmojiPicker.module.css";
+
+interface IProps {
+    /**
+     * The emoji to render.
+     */
+    emoji: IEmoji;
+    /**
+     * Set of which emojis are already selected and should be decorated as such.
+     * If specified, emoji will use a checkbox role with aria-checked set appropriately.
+     */
+    selectedEmojis?: Set<string>;
+    /**
+     * Called when the emoji is clicked.
+     *
+     * @param ev - The button event
+     * @param emoji - The emoji that was clicked
+     */
+    onClick: (ev: ButtonEvent, emoji: IEmoji) => void;
+    /**
+     * Called when the mouse enters the emoji.
+     *
+     * @param emoji - The emoji that the mouse entered
+     */
+    onMouseEnter: (emoji: IEmoji) => void;
+    /**
+     * Called when the mouse leaves the emoji.
+     *
+     * @param emoji - The emoji that the mouse left
+     */
+    onMouseLeave: (emoji: IEmoji) => void;
+    /**
+     * If true, the emoji will be disabled and not clickable.
+     */
+    disabled?: boolean;
+    /**
+     * The id to use for the emoji button.
+     */
+    id?: string;
+    /**
+     * Optional class name to apply to the emoji button.
+     */
+    className?: string;
+}
+
+/**
+ * A single emoji cell rendered in the emoji picker.
+ */
+export const Emoji = React.memo(function Emoji({
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    emoji,
+    selectedEmojis,
+    disabled,
+    id,
+    className,
+}: IProps): React.ReactNode {
+    const isSelected = selectedEmojis?.has(emoji.unicode);
+
+    const onMouseEnterWrapped = useCallback(() => onMouseEnter(emoji), [onMouseEnter, emoji]);
+    const onMouseLeaveWrapped = useCallback(() => onMouseLeave(emoji), [onMouseLeave, emoji]);
+
+    return (
+        <RovingButton
+            id={id}
+            onClick={(ev) => onClick(ev, emoji)}
+            onMouseEnter={onMouseEnterWrapped}
+            onMouseLeave={onMouseLeaveWrapped}
+            className={className}
+            disabled={disabled || undefined}
+            role={selectedEmojis ? "checkbox" : undefined}
+            aria-checked={isSelected}
+            focusOnMouseOver
+        >
+            <div className={classNames(styles.item, { [styles.itemSelected]: isSelected })}>{emoji.unicode}</div>
+        </RovingButton>
+    );
+});
diff --git a/packages/shared-components/src/core/EmojiPicker/EmojiPicker.module.css b/packages/shared-components/src/core/EmojiPicker/EmojiPicker.module.css
new file mode 100644
index 00000000000..3ec00989bf4
--- /dev/null
+++ b/packages/shared-components/src/core/EmojiPicker/EmojiPicker.module.css
@@ -0,0 +1,227 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * Copyright 2019 Tulir Asokan <tulir@maunium.net>
+ *
+ * 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.
+ */
+
+.picker {
+    width: 340px;
+    height: min(450px, 80vh);
+    max-height: 80vh;
+
+    border-radius: 4px;
+
+    display: flex;
+    flex-direction: column;
+}
+
+.body {
+    margin-left: var(--cpd-space-1-5x);
+    flex: 1;
+    overflow-y: scroll;
+}
+
+.header {
+    padding: var(--cpd-space-1x) var(--cpd-space-2x) 0;
+    border-bottom: 1px solid var(--cpd-color-gray-400);
+}
+
+.anchor {
+    border: none;
+    padding: var(--cpd-space-1x) 0;
+    /* We have to explicitly inherit the font as button browser styles are implicitly ignorant */
+    font: inherit;
+    font-size: var(--cpd-font-size-heading-sm);
+    line-height: 1;
+    border-bottom: 2px solid transparent;
+    background-color: transparent;
+    border-radius: 4px 4px 0 0;
+
+    width: 36px;
+    height: 36px;
+
+    color: var(--cpd-color-text-primary);
+    display: inline-block;
+
+    /*
+     * These have 'text' in them because they're emoji, but it doesn't make sense for the user
+     * to be able to select it
+     */
+    user-select: none;
+
+    &:not(:disabled) {
+        cursor: pointer;
+    }
+
+    &:disabled {
+        filter: opacity(0.3);
+    }
+
+    &:not(:disabled):hover {
+        background-color: var(--cpd-color-bg-subtle-primary);
+        border-bottom: 2px solid var(--cpd-color-text-action-accent);
+    }
+}
+
+.anchorSelected {
+    border-bottom: 2px solid var(--cpd-color-text-action-accent);
+}
+
+.search {
+    margin: 8px;
+    border-radius: 4px;
+    border: 1px solid var(--cpd-color-border-interactive-secondary);
+    background-color: var(--cpd-color-bg-canvas-default);
+    display: flex;
+
+    input {
+        flex: 1;
+        border: none;
+        padding: var(--cpd-space-1x) var(--cpd-space-3x);
+        border-radius: 4px 0;
+
+        &::placeholder {
+            color: var(--cpd-color-text-secondary);
+        }
+    }
+
+    button {
+        border: none;
+        background-color: inherit;
+        margin: 0;
+        padding: var(--cpd-space-2x);
+        align-self: center;
+        width: 32px;
+        height: 32px;
+        cursor: pointer;
+
+        svg {
+            width: 100%;
+            height: 100%;
+        }
+    }
+}
+
+.searchIcon {
+    width: 18px;
+    margin: var(--cpd-space-2x);
+
+    svg {
+        width: 100%;
+        height: 100%;
+        color: var(--cpd-color-text-primary);
+    }
+}
+
+.category {
+    padding: 0 var(--cpd-space-3x);
+}
+
+.categoryLabel {
+    width: 304px;
+    font: var(--cpd-font-heading-sm-semibold);
+}
+
+.list {
+    padding: 0;
+    margin: 0;
+}
+
+/* A single row of emoji within the grid. Fixed to the width of EMOJIS_PER_ROW
+   cells so the row never wraps, offset to align with the category headers. */
+.row {
+    width: 304px;
+    margin: 0 var(--cpd-space-3x);
+}
+
+.itemWrapper {
+    display: inline-block;
+    list-style: none;
+    width: 38px;
+    cursor: pointer;
+
+    &:focus-within {
+        background-color: var(--cpd-color-bg-subtle-primary);
+    }
+}
+
+.bodyShowHighlight .itemWrapper [tabindex="0"] .item {
+    background-color: var(--cpd-color-bg-subtle-primary);
+}
+
+.item {
+    display: inline-block;
+    font-size: var(--cpd-font-size-heading-sm);
+    padding: 5px;
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    text-align: center;
+    border-radius: 4px;
+
+    &:hover {
+        background-color: var(--cpd-color-bg-subtle-primary);
+    }
+}
+
+.itemSelected {
+    color: rgb(0, 0, 0, 0.5);
+    border: 1px solid var(--cpd-color-text-action-accent);
+    padding: var(--cpd-space-1x);
+}
+
+.categoryLabel,
+.previewName {
+    font-size: 1rem;
+    font-weight: var(--cpd-font-weight-semibold);
+    margin: 0;
+}
+
+.footer {
+    border-top: 1px solid var(--cpd-color-gray-400);
+    min-height: 72px;
+    max-height: 72px;
+
+    display: flex;
+    align-items: center;
+}
+
+.previewEmoji {
+    font-size: var(--cpd-font-size-heading-xl);
+    padding: var(--cpd-space-2x) var(--cpd-space-4x);
+}
+
+.previewText {
+    display: flex;
+    flex: 1;
+    overflow: hidden;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    flex-direction: column;
+}
+
+.name {
+    text-transform: capitalize;
+}
+
+.shortcode {
+    color: var(--cpd-color-text-secondary);
+    overflow-wrap: break-word;
+    font: var(--cpd-font-body-md-regular);
+
+    &::before,
+    &::after {
+        content: ":";
+    }
+}
+
+.quick {
+    flex-direction: column;
+    justify-content: space-around;
+}
+
+.quickHeader .name {
+    margin-right: var(--cpd-space-1x);
+}
diff --git a/packages/shared-components/src/core/EmojiPicker/EmojiPicker.stories.tsx b/packages/shared-components/src/core/EmojiPicker/EmojiPicker.stories.tsx
new file mode 100644
index 00000000000..8f67ddc7736
--- /dev/null
+++ b/packages/shared-components/src/core/EmojiPicker/EmojiPicker.stories.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 { type Meta, type StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
+
+import { EmojiPicker } from "./EmojiPicker";
+
+const meta = {
+    title: "Core/EmojiPicker",
+    component: EmojiPicker,
+    tags: ["autodocs"],
+    args: {
+        onChoose: fn(() => true),
+        onFinished: fn(),
+        onRecordRecent: fn(),
+    },
+} satisfies Meta<typeof EmojiPicker>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithRecents: Story = {
+    args: {
+        recentEmojis: ["👍", "🎉", "❤️", "🚀"],
+    },
+};
+
+export const WithSelected: Story = {
+    args: {
+        selectedEmojis: new Set(["😀", "🙂"]),
+    },
+};
+
+export const DisabledEmoji: Story = {
+    // Disable screenshot because it doesn't actually look any different
+    tags: ["!snapshot"],
+    args: {
+        isEmojiDisabled: (unicode: string) => unicode === "😀",
+    },
+};
+
+export const HideQuickReactions: Story = {
+    args: {
+        showQuickReactions: false,
+    },
+};
diff --git a/packages/shared-components/src/core/EmojiPicker/EmojiPicker.test.tsx b/packages/shared-components/src/core/EmojiPicker/EmojiPicker.test.tsx
new file mode 100644
index 00000000000..9a62177f713
--- /dev/null
+++ b/packages/shared-components/src/core/EmojiPicker/EmojiPicker.test.tsx
@@ -0,0 +1,459 @@
+/*
+ * Copyright 2026 Element Creations 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 { DATA_BY_CATEGORY } from "@matrix-org/emojibase-bindings";
+import userEvent from "@testing-library/user-event";
+import { render, waitFor, screen } from "@test-utils";
+import { describe, expect, it, vi } from "vitest";
+
+import { EmojiPicker, filterEmojis } from "./EmojiPicker";
+
+describe("EmojiPicker", function () {
+    // Recent emojis as they would be provided by the app, most used first
+    const RECENT_EMOJIS = ["😀", "🎉", "❤️"];
+
+    // Helper to get the currently active emoji's text content from the grid
+    const getActiveEmojiText = (container: HTMLElement): string =>
+        container.querySelector('[role="gridcell"] [tabindex="0"]')?.textContent || "";
+
+    it("should disable the recent category when no recent emojis", () => {
+        render(<EmojiPicker onChoose={() => false} onFinished={vi.fn()} />);
+
+        const recentTab = screen.getByRole("tab", { name: "🕒" });
+        expect(recentTab).toBeDisabled();
+    });
+
+    it("should select the people category by default when no recent emojis", () => {
+        render(<EmojiPicker onChoose={() => false} onFinished={vi.fn()} />);
+
+        const peopleTab = screen.getByRole("tab", { name: "😀" });
+        expect(peopleTab).toHaveAttribute("aria-selected", "true");
+    });
+
+    it("should enable and select the recent category when recent emojis are supplied", () => {
+        render(<EmojiPicker onChoose={() => false} onFinished={vi.fn()} recentEmojis={RECENT_EMOJIS} />);
+
+        const recentTab = screen.getByRole("tab", { name: "🕒" });
+        expect(recentTab).toBeEnabled();
+        expect(recentTab).toHaveAttribute("aria-selected", "true");
+    });
+
+    it("should record recent emoji when onChoose does not return false", async () => {
+        const onChoose = vi.fn(() => true);
+        const onRecordRecent = vi.fn();
+        const { container } = render(
+            <EmojiPicker onChoose={onChoose} onFinished={vi.fn()} onRecordRecent={onRecordRecent} />,
+        );
+
+        await waitFor(() => {
+            expect(container.querySelector('[role="gridcell"]')).toBeInTheDocument();
+        });
+
+        await userEvent.click(container.querySelector('[role="gridcell"] [role="button"]')!);
+        expect(onChoose).toHaveBeenCalledWith("😀");
+        expect(onRecordRecent).toHaveBeenCalledWith("😀");
+    });
+
+    it("should not record recent emoji when onChoose returns false", async () => {
+        const onRecordRecent = vi.fn();
+        const { container } = render(
+            <EmojiPicker onChoose={() => false} onFinished={vi.fn()} onRecordRecent={onRecordRecent} />,
+        );
+
+        await waitFor(() => {
+            expect(container.querySelector('[role="gridcell"]')).toBeInTheDocument();
+        });
+
+        await userEvent.click(container.querySelector('[role="gridcell"] [role="button"]')!);
+        expect(onRecordRecent).not.toHaveBeenCalled();
+    });
+
+    it("should not mangle default order after filtering", async () => {
+        const { container } = render(<EmojiPicker onChoose={() => false} onFinished={vi.fn()} />);
+
+        // Extract the list of emoji currently visible in the grid
+        const getVisibleEmojis = (): string[] =>
+            Array.from(container.querySelectorAll('[role="gridcell"]')).map((cell) => cell.textContent || "");
+
+        await waitFor(() => {
+            expect(container.querySelector('[role="gridcell"]')).toBeInTheDocument();
+        });
+
+        // Wait for the virtualized rows to settle (out-of-view categories drop
+        // their transient initial rows once measured) before capturing.
+        const beforeEmojis = getVisibleEmojis();
+
+        const input = container.querySelector("input")!;
+
+        // Apply a filter and assert that the visible emoji have changed
+        await userEvent.type(input, "test");
+        await waitFor(() => expect(getVisibleEmojis()).not.toEqual(beforeEmojis));
+
+        // There may be different numbers of emoji before after since virtuoso may
+        // end up rendering more or fewer off screen. Chop any excess off so that it's
+        // just the *order* we're comparing.
+        await userEvent.clear(input);
+        await waitFor(() => {
+            const afterEmojis = getVisibleEmojis();
+            const length = Math.min(beforeEmojis.length, afterEmojis.length);
+            expect(afterEmojis.slice(0, length)).toEqual(beforeEmojis.slice(0, length));
+        });
+    });
+
+    it("should keep the filter applied when recentEmojis prop is changed", async () => {
+        const { container, rerender } = render(
+            <EmojiPicker onChoose={() => false} onFinished={vi.fn()} recentEmojis={[...RECENT_EMOJIS]} />,
+        );
+
+        const getVisibleEmojis = (): string[] =>
+            Array.from(container.querySelectorAll('[role="gridcell"]')).map((cell) => cell.textContent || "");
+
+        const input = container.querySelector("input")!;
+        await userEvent.type(input, "wave");
+        await waitFor(() => expect(getVisibleEmojis()).toContain("👋"));
+        const filtered = getVisibleEmojis();
+
+        // add another recently used emoji but it doesn't match the filter, so it should not change what's visible.
+        rerender(<EmojiPicker onChoose={() => false} onFinished={vi.fn()} recentEmojis={["🦡", ...RECENT_EMOJIS]} />);
+
+        expect(input).toHaveValue("wave");
+        expect(getVisibleEmojis()).toEqual(filtered);
+    });
+
+    it("sort emojis by shortcode and size", function () {
+        const sorted = filterEmojis(DATA_BY_CATEGORY.people, "heart");
+
+        expect(sorted[0].shortcodes[0]).toEqual("heart");
+        expect(sorted[1].shortcodes[0]).toEqual("heartbeat");
+    });
+
+    it("should allow keyboard navigation using arrow keys", async () => {
+        const onChoose = vi.fn();
+        const onFinished = vi.fn();
+        const { container } = render(<EmojiPicker onChoose={onChoose} onFinished={onFinished} />);
+
+        const input = container.querySelector("input")!;
+        await waitFor(() => expect(input).toHaveFocus());
+
+        function getEmoji(): string {
+            return getActiveEmojiText(container);
+        }
+
+        await waitFor(() => expect(getEmoji()).toEqual("😀"));
+        // First arrow key press shows highlight without navigating
+        await userEvent.keyboard("[ArrowDown]");
+        expect(getEmoji()).toEqual("😀");
+        // Subsequent arrow keys navigate
+        await userEvent.keyboard("[ArrowDown]");
+        expect(getEmoji()).toEqual("🙂");
+        await userEvent.keyboard("[ArrowUp]");
+        expect(getEmoji()).toEqual("😀");
+        await userEvent.keyboard("Flag");
+        await waitFor(() => expect(getEmoji()).not.toEqual("😀"));
+        await userEvent.keyboard("[ArrowRight]");
+        await userEvent.keyboard("[ArrowRight]");
+        expect(getEmoji()).toEqual("📫️");
+        await userEvent.keyboard("[ArrowDown]");
+        expect(getEmoji()).toEqual("🇦🇨");
+        await userEvent.keyboard("[ArrowLeft]");
+        expect(getEmoji()).toEqual("📭️");
+        await userEvent.keyboard("[ArrowUp]");
+        expect(getEmoji()).toEqual("⛳️");
+        await userEvent.keyboard("[ArrowRight]");
+        expect(getEmoji()).toEqual("📫️");
+        await userEvent.keyboard("[Enter]");
+
+        expect(onChoose).toHaveBeenCalledWith("📫️");
+        expect(onFinished).toHaveBeenCalled();
+    });
+
+    it("should move actual focus when navigating between emojis after Tab", async () => {
+        const onChoose = vi.fn();
+        const onFinished = vi.fn();
+        const { container } = render(<EmojiPicker onChoose={onChoose} onFinished={onFinished} />);
+
+        const input = container.querySelector("input")!;
+        await waitFor(() => expect(input).toHaveFocus());
+
+        // Wait for emojis to render
+        await waitFor(() => {
+            expect(container.querySelector('[role="gridcell"]')).toBeInTheDocument();
+        });
+
+        function getEmoji(): string {
+            return document.activeElement?.textContent || "";
+        }
+
+        function getVirtuallyFocusedEmoji(): string {
+            return getActiveEmojiText(container);
+        }
+
+        // Initially, arrow keys use virtual focus (aria-activedescendant)
+        // The first emoji is virtually focused by default
+        expect(input).toHaveFocus();
+        expect(getVirtuallyFocusedEmoji()).toEqual("😀");
+        expect(getEmoji()).toEqual(""); // No actual emoji has focus
+
+        // First arrow key press shows highlight without navigating
+        await userEvent.keyboard("[ArrowDown]");
+        expect(input).toHaveFocus(); // Input still has focus
+        expect(getVirtuallyFocusedEmoji()).toEqual("😀"); // Virtual focus stayed on first emoji
+        expect(getEmoji()).toEqual(""); // No actual emoji has focus
+
+        // Second arrow key press navigates
+        await userEvent.keyboard("[ArrowDown]");
+        expect(input).toHaveFocus(); // Input still has focus
+        expect(getVirtuallyFocusedEmoji()).toEqual("🙂"); // Virtual focus moved
+        expect(getEmoji()).toEqual(""); // No actual emoji has focus
+
+        // Tab to move actual focus to the emoji
+        await userEvent.keyboard("[Tab]");
+        expect(input).not.toHaveFocus();
+        expect(getEmoji()).toEqual("🙂"); // Now emoji has actual focus
+
+        // Arrow keys now move actual DOM focus between emojis
+        await userEvent.keyboard("[ArrowDown]");
+        expect(getEmoji()).toEqual("🤩"); // Actual focus moved down one row
+        expect(input).not.toHaveFocus();
+
+        await userEvent.keyboard("[ArrowUp]");
+        expect(getEmoji()).toEqual("🙂"); // Actual focus moved back up
+        expect(input).not.toHaveFocus();
+
+        await userEvent.keyboard("[ArrowRight]");
+        expect(getEmoji()).toEqual("🙃"); // Actual focus moved right
+        expect(input).not.toHaveFocus();
+    });
+
+    it("should not select emoji on Enter press before highlight is shown", async () => {
+        const onChoose = vi.fn();
+        const onFinished = vi.fn();
+        const { container } = render(<EmojiPicker onChoose={onChoose} onFinished={onFinished} />);
+
+        const input = container.querySelector("input")!;
+        await waitFor(() => expect(input).toHaveFocus());
+
+        // Wait for emojis to render
+        await waitFor(() => {
+            expect(container.querySelector('[role="gridcell"]')).toBeInTheDocument();
+        });
+
+        // Press Enter immediately without interacting with arrow keys or search
+        await userEvent.keyboard("[Enter]");
+
+        // onChoose and onFinished should not be called
+        expect(onChoose).not.toHaveBeenCalled();
+        expect(onFinished).not.toHaveBeenCalled();
+
+        // Now press arrow key to show highlight
+        await userEvent.keyboard("[ArrowDown]");
+
+        // Press Enter again - now it should work
+        await userEvent.keyboard("[Enter]");
+
+        // onChoose and onFinished should be called
+        expect(onChoose).toHaveBeenCalledWith("😀");
+        expect(onFinished).toHaveBeenCalled();
+    });
+
+    it("should reset to first emoji when filter is cleared after navigation", async () => {
+        const onChoose = vi.fn();
+        const onFinished = vi.fn();
+        const { container } = render(<EmojiPicker onChoose={onChoose} onFinished={onFinished} />);
+
+        const input = container.querySelector("input")!;
+        await waitFor(() => expect(input).toHaveFocus());
+
+        function getEmoji(): string {
+            return getActiveEmojiText(container);
+        }
+
+        // Initially on first emoji
+        await waitFor(() => expect(getEmoji()).toEqual("😀"));
+
+        // Show highlight with first arrow press
+        await userEvent.keyboard("[ArrowDown]");
+        expect(getEmoji()).toEqual("😀");
+
+        // Navigate to a different emoji
+        await userEvent.keyboard("[ArrowDown]");
+        expect(getEmoji()).toEqual("🙂");
+        await userEvent.keyboard("[ArrowDown]");
+        expect(getEmoji()).toEqual("🤩");
+
+        // Type a search query to filter emojis (this sets showHighlight=true)
+        await userEvent.type(input, "think");
+        await waitFor(() => {
+            // After filtering, we should be on the "thinking" emoji
+            expect(getEmoji()).toEqual("🤔");
+        });
+
+        // Clear the search filter
+        await userEvent.clear(input);
+
+        // After clearing, showHighlight is false, so the highlight is hidden
+        // The activeNode might still be on 🤔, but we can't see it
+
+        // Press arrow key - this should reset to first emoji AND show highlight
+        await userEvent.keyboard("[ArrowDown]");
+        await waitFor(() => {
+            expect(getEmoji()).toEqual("😀"); // Should now be on first emoji with highlight shown
+        });
+
+        // Next arrow key should navigate from first emoji
+        await userEvent.keyboard("[ArrowDown]");
+        expect(getEmoji()).toEqual("🙂");
+    });
+
+    it("should point aria-activedescendant at the active emoji while searching", async () => {
+        const { container } = render(<EmojiPicker onChoose={vi.fn()} onFinished={vi.fn()} />);
+
+        const input = container.querySelector("input")!;
+        await waitFor(() => expect(input).toHaveFocus());
+
+        function getActiveEmoji(): HTMLElement {
+            return container.querySelector<HTMLElement>('[role="gridcell"] [tabindex="0"]')!;
+        }
+
+        // With no query, the input must not claim an active descendant: doing so makes
+        // screen readers read out the first emoji merely on focusing the input.
+        await waitFor(() => expect(getActiveEmoji()).toBeInTheDocument());
+        expect(input).not.toHaveAttribute("aria-activedescendant");
+
+        // Once there's a query, the active emoji must be identified to screen readers,
+        // which requires the emoji cells to have IDs for aria-activedescendant to target.
+        await userEvent.type(input, "te");
+        await waitFor(() => expect(getActiveEmoji().textContent).toEqual("🧑‍🏫"));
+
+        const activeId = getActiveEmoji().id;
+        expect(activeId).not.toEqual("");
+        expect(input).toHaveAttribute("aria-activedescendant", activeId);
+        expect(container.querySelectorAll(`[id="${activeId}"]`)).toHaveLength(1);
+
+        // ...and it must follow the selection as the query changes
+        await userEvent.type(input, "s");
+        await waitFor(() => expect(getActiveEmoji().textContent).toEqual("🧪"));
+        expect(input).toHaveAttribute("aria-activedescendant", getActiveEmoji().id);
+        expect(getActiveEmoji().id).not.toEqual(activeId);
+    });
+
+    describe("Category keyboard selection", () => {
+        it("check tabindex for the first category when no recent emojis", async () => {
+            const { container } = render(<EmojiPicker onChoose={vi.fn()} onFinished={vi.fn()} />);
+
+            await waitFor(() => {
+                expect(container.querySelector('[data-category-id="people"]')).toBeInTheDocument();
+            });
+
+            // People category should have tabindex="0"
+            const peopleTab = container.querySelector('[title*="Smileys"]');
+            expect(peopleTab).toHaveAttribute("tabindex", "0");
+            expect(peopleTab).toHaveAttribute("aria-selected", "true");
+
+            // Other categories should have tabindex="-1"
+            const natureTab = container.querySelector('[title*="Animals"]');
+            expect(natureTab).toHaveAttribute("tabindex", "-1");
+        });
+
+        it("check tabindex for recent category when recent emojis exist", async () => {
+            const { container } = render(
+                <EmojiPicker recentEmojis={RECENT_EMOJIS.slice(0, 2)} onChoose={vi.fn()} onFinished={vi.fn()} />,
+            );
+
+            await waitFor(() => {
+                expect(container.querySelector('[data-category-id="recent"]')).toBeInTheDocument();
+            });
+
+            // Recent category should have tabindex="0"
+            const recentTab = container.querySelector('[title*="Frequently"]');
+            expect(recentTab).toHaveAttribute("tabindex", "0");
+            expect(recentTab).toHaveAttribute("aria-selected", "true");
+
+            // People category should have tabindex="-1"
+            const peopleTab = container.querySelector('[title*="Smileys"]');
+            expect(peopleTab).toHaveAttribute("tabindex", "-1");
+        });
+
+        it("should update table position when clicking on a different category tab", async () => {
+            const { container } = render(<EmojiPicker onChoose={vi.fn()} onFinished={vi.fn()} />);
+
+            await waitFor(() => {
+                expect(container.querySelector('[data-category-id="people"]')).toBeInTheDocument();
+            });
+
+            // Initially, people category should be visible
+            const peopleTab = container.querySelector('[title*="Smileys"]')!;
+            expect(peopleTab).toHaveAttribute("tabindex", "0");
+
+            // Click on nature category tab
+            const natureTab = container.querySelector('[title*="Animals"]')!;
+            await userEvent.click(natureTab);
+
+            // Wait for scroll and visibility update
+            await waitFor(() => {
+                const natureCategory = container.querySelector('[data-category-id="nature"]');
+                expect(natureCategory).toBeInTheDocument();
+            });
+        });
+
+        it("should navigate between category tabs using arrow keys", async () => {
+            const { container } = render(<EmojiPicker onChoose={vi.fn()} onFinished={vi.fn()} />);
+
+            await waitFor(() => {
+                expect(container.querySelector('[data-category-id="people"]')).toBeInTheDocument();
+            });
+
+            // Focus on the category header
+            const peopleTab = container.querySelector<HTMLButtonElement>('[title*="Smileys"]')!;
+            peopleTab.focus();
+            expect(peopleTab).toHaveFocus();
+
+            // Press ArrowRight to move to next category
+            await userEvent.keyboard("[ArrowRight]");
+
+            // Should focus on next enabled category and trigger scroll
+            await waitFor(() => {
+                // Verify focus moved away from people tab
+                expect(peopleTab).not.toHaveFocus();
+
+                // Verify some other category tab now has focus
+                const focusedTab = document.activeElement;
+                expect(focusedTab?.getAttribute("role")).toBe("tab");
+                expect(focusedTab).not.toBe(peopleTab);
+            });
+        });
+
+        it("should navigate to first/last category using Home/End keys", async () => {
+            const { container } = render(<EmojiPicker onChoose={vi.fn()} onFinished={vi.fn()} />);
+
+            await waitFor(() => {
+                expect(container.querySelector('[data-category-id="people"]')).toBeInTheDocument();
+            });
+
+            // Focus on the category header
+            const peopleTab = container.querySelector<HTMLButtonElement>('[title*="Smileys"]')!;
+            peopleTab.focus();
+
+            // Press End to jump to last category
+            await userEvent.keyboard("[End]");
+
+            await waitFor(() => {
+                const flagsTab = container.querySelector('[title*="Flags"]')!;
+                expect(flagsTab).toHaveFocus();
+            });
+
+            // Press Home to jump to first category
+            await userEvent.keyboard("[Home]");
+
+            await waitFor(() => {
+                expect(peopleTab).toHaveFocus();
+            });
+        });
+    });
+});
diff --git a/packages/shared-components/src/core/EmojiPicker/EmojiPicker.tsx b/packages/shared-components/src/core/EmojiPicker/EmojiPicker.tsx
new file mode 100644
index 00000000000..1903a860bc8
--- /dev/null
+++ b/packages/shared-components/src/core/EmojiPicker/EmojiPicker.tsx
@@ -0,0 +1,491 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * Copyright 2020 The Matrix.org Foundation C.I.C.
+ * Copyright 2019 Tulir Asokan <tulir@maunium.net>
+ *
+ * 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 Dispatch, useCallback, useId, useMemo, useRef, useState } from "react";
+import { DATA_BY_CATEGORY, getEmojiFromUnicode, type Emoji as IEmoji } from "@matrix-org/emojibase-bindings";
+import { type ListRange, Virtuoso, type Components, type VirtuosoHandle } from "react-virtuoso";
+import { Heading } from "@vector-im/compound-web";
+import classNames from "classnames";
+
+import { _t, _td } from "../i18n/i18n";
+import { AutoHideScrollbar } from "../utils/Scrollbar";
+import {
+    type IAction as RovingAction,
+    type IState as RovingState,
+    RovingGridIndexProvider,
+    RovingStateActionType,
+    type RovingTabIndexProviderProps,
+} from "../roving";
+import { Tabs } from "./Tabs";
+import { Search } from "./Search";
+import { Preview } from "./Preview";
+import { QuickReactions } from "./QuickReactions";
+import { Emoji } from "./Emoji";
+import { type ButtonEvent } from "./RovingButton";
+import styles from "./EmojiPicker.module.css";
+
+const ZERO_WIDTH_JOINER = "\u200D";
+
+export const EMOJI_HEIGHT = 35;
+export const EMOJIS_PER_ROW = 8;
+
+const CATEGORY_CONFIG: Category[] = [
+    { id: "recent", untranslatedName: _td("emoji|category_frequently_used"), emoji: "🕒" },
+    { id: "people", untranslatedName: _td("emoji|category_smileys_people"), emoji: "😀" },
+    { id: "nature", untranslatedName: _td("emoji|category_animals_nature"), emoji: "🐕" },
+    { id: "foods", untranslatedName: _td("emoji|category_food_drink"), emoji: "🍎" },
+    { id: "activity", untranslatedName: _td("emoji|category_activities"), emoji: "⚽️" },
+    { id: "places", untranslatedName: _td("emoji|category_travel_places"), emoji: "🚗" },
+    { id: "objects", untranslatedName: _td("emoji|category_objects"), emoji: "💡" },
+    { id: "symbols", untranslatedName: _td("emoji|category_symbols"), emoji: "⁉️" },
+    { id: "flags", untranslatedName: _td("emoji|category_flags"), emoji: "🏁" },
+];
+
+export type CategoryKey = keyof typeof DATA_BY_CATEGORY | "recent";
+
+export interface Category {
+    id: CategoryKey;
+    untranslatedName: TranslationKey;
+    // Emoji to show in the header for this category
+    emoji: string;
+}
+
+/**
+ * A single entry in the flat virtual list: either a category header or a row of
+ * emoji. Headers are interleaved with the rows so that they scroll inline with
+ * the content rather than staying pinned to the top.
+ */
+type ListItem = { type: "header"; category: Category } | { type: "row"; emojis: IEmoji[]; categoryId: CategoryKey };
+
+// Stable component identities so Virtuoso does not remount its internals on re-render.
+// The single Virtuoso renders a flat list that mixes category headers and emoji rows.
+// The Item wrapper picks its semantics per entry: a plain block for headers, a grid
+// row for emoji rows.
+const GridList: Components<ListItem>["List"] = ({ ref, ...props }) => {
+    return <div {...props} ref={ref} className={styles.list} role="grid" aria-multiselectable />;
+};
+
+const GridItem: Components<ListItem>["Item"] = ({ item, ...props }) => {
+    // Headers are interleaved with emoji rows as direct children of the role="grid"
+    // list, so they must also be grid rows: a grid may only own rows/rowgroups.
+    if (item.type === "header") {
+        return <div {...props} role="row" />;
+    }
+    return <div {...props} role="row" className={styles.row} />;
+};
+
+const gridComponents = { List: GridList, Item: GridItem };
+
+/**
+ * Props for {@link EmojiPicker}.
+ */
+export interface EmojiPickerProps {
+    /**
+     * Set of which emojis are already selected and should be decorated as such.
+     * If specified, emoji will use a checkbox role with aria-checked set appropriately.
+     */
+    selectedEmojis?: Set<string>;
+    /**
+     * Called when the user chooses an emoji.
+     *
+     * Return `false` to prevent the emoji being recorded as recently used.
+     */
+    onChoose: (unicode: string) => boolean;
+    /**
+     * Called when the picker is done, e.g. an emoji was chosen with Enter.
+     */
+    onFinished: () => void;
+    /**
+     * Returns whether the emoji with the given unicode should be disabled.
+     */
+    isEmojiDisabled?: (unicode: string) => boolean;
+    /**
+     * Recently used emoji (unicode strings, most relevant first) to show in the
+     * "Frequently Used" category. The category is hidden when empty or omitted.
+     */
+    recentEmojis?: string[];
+    /**
+     * Called with the chosen emoji unicode when it should be recorded as
+     * recently used, i.e. when {@link onChoose} did not return `false`.
+     */
+    onRecordRecent?: (unicode: string) => void;
+    /**
+     * Optional action resolver used to map keyboard events to roving actions,
+     * e.g. to apply app-level custom keybindings.
+     *
+     * When omitted, a default mapping based on `KeyboardEvent.key` is used.
+     */
+    getAction?: RovingTabIndexProviderProps["getAction"];
+    /**
+     * Whether to show the quick reactions at the bottom of the picker. Defaults to true.
+     * Previews of emoji are displayed in the same bar as will also be hidden when this is false.
+     */
+    showQuickReactions?: boolean;
+}
+
+/** Convert recent emoji characters to emoji data, removing unknowns and duplicates */
+function resolveRecentEmojis(recentEmojis: string[] | undefined): IEmoji[] {
+    return Array.from(
+        new Set((recentEmojis ?? []).map(getEmojiFromUnicode).filter((emoji): emoji is IEmoji => !!emoji)),
+    );
+}
+
+function emojiMatchesFilter(emoji: IEmoji, filter: string): boolean {
+    // If the query is an emoji containing a variation then strip it to provide more useful matches
+    if (filter.includes(ZERO_WIDTH_JOINER)) {
+        filter = filter.split(ZERO_WIDTH_JOINER, 2)[0];
+    }
+    return (
+        emoji.label.toLowerCase().includes(filter) ||
+        (Array.isArray(emoji.emoticon)
+            ? emoji.emoticon.some((x) => x.includes(filter))
+            : emoji.emoticon?.includes(filter)) ||
+        emoji.shortcodes.some((x) => x.toLowerCase().includes(filter)) ||
+        emoji.unicode.split(ZERO_WIDTH_JOINER).includes(filter)
+    );
+}
+
+/**
+ * Filter the given emoji by the (already lower-cased and trimmed) query and
+ * sort matches so the most relevant shortcodes come first. Returns the input
+ * unchanged when the filter is empty. Never mutates the input array.
+ *
+ * @param emojis - The emoji to filter
+ * @param lcFilter - The lower-cased and trimmed filter string
+ *
+ * @returns The filtered and sorted emoji
+ */
+export function filterEmojis(emojis: IEmoji[], lcFilter: string): IEmoji[] {
+    if (lcFilter === "") return emojis;
+
+    return emojis
+        .filter((emoji) => emojiMatchesFilter(emoji, lcFilter))
+        .sort((a, b) => {
+            const indexA = a.shortcodes[0].indexOf(lcFilter);
+            const indexB = b.shortcodes[0].indexOf(lcFilter);
+
+            // Prioritize emojis containing the filter in its shortcode
+            if (indexA == -1 || indexB == -1) {
+                return indexB - indexA;
+            }
+
+            // If both emojis start with the filter
+            // put the shorter emoji first
+            if (indexA == 0 && indexB == 0) {
+                return a.shortcodes[0].length - b.shortcodes[0].length;
+            }
+
+            // Prioritize emojis starting with the filter
+            return indexA - indexB;
+        });
+}
+
+/**
+ * A searchable emoji picker with categories, quick reactions and keyboard
+ * (roving grid) navigation.
+ */
+export function EmojiPicker({
+    selectedEmojis,
+    onChoose,
+    onFinished,
+    isEmojiDisabled,
+    recentEmojis,
+    onRecordRecent,
+    getAction,
+    showQuickReactions = true,
+}: EmojiPickerProps): React.ReactNode {
+    const [filter, setFilter] = useState("");
+    const [previewEmoji, setPreviewEmoji] = useState<IEmoji | undefined>(undefined);
+    // Track if user has interacted with arrow keys or search
+    const [showHighlight, setShowHighlight] = useState(false);
+    // The scroll container of the picker body, once mounted. The Virtuoso windows
+    // its rows against this shared scroll parent.
+    const [scrollElement, setScrollElement] = useState<HTMLDivElement | null>(null);
+
+    const searchRef = useRef<HTMLInputElement>(null);
+    const virtuosoRef = useRef<VirtuosoHandle>(null);
+
+    const recentlyUsed = useMemo(() => resolveRecentEmojis(recentEmojis), [recentEmojis]);
+
+    const lcFilter = filter.toLowerCase().trim(); // filter is case insensitive
+
+    // Compute emoji to show in each category and which categories are enabled
+    // (ie. non-empty) from the recently used list and the filter.
+    const { dataByCategory, enabledCategories } = useMemo(() => {
+        const dataByCategory = {} as Record<CategoryKey, IEmoji[]>;
+        const enabledCategories: CategoryKey[] = [];
+
+        for (const cat of CATEGORY_CONFIG) {
+            const emojis = filterEmojis(cat.id === "recent" ? recentlyUsed : DATA_BY_CATEGORY[cat.id], lcFilter);
+            dataByCategory[cat.id] = emojis;
+            if (emojis.length > 0) {
+                enabledCategories.push(cat.id);
+            }
+        }
+
+        return { dataByCategory, enabledCategories };
+    }, [lcFilter, recentlyUsed]);
+
+    const [selectedCategory, setSelectedCategory] = useState<CategoryKey>(
+        recentlyUsed.length > 0 ? "recent" : "people",
+    );
+
+    const collectScrollElement = useCallback((ref: HTMLDivElement | null): void => {
+        setScrollElement(ref);
+    }, []);
+
+    // Flatten into a list for virtuoso.
+    const items = useMemo<ListItem[]>(() => {
+        const flat: ListItem[] = [];
+        for (const cat of CATEGORY_CONFIG) {
+            const emojis = dataByCategory[cat.id];
+            if (emojis.length === 0) continue;
+            flat.push({ type: "header", category: cat });
+            for (let i = 0; i < emojis.length; i += EMOJIS_PER_ROW) {
+                flat.push({ type: "row", emojis: emojis.slice(i, i + EMOJIS_PER_ROW), categoryId: cat.id });
+            }
+        }
+        return flat;
+    }, [dataByCategory]);
+
+    const onRangeChanged = useCallback(
+        (range: ListRange): void => {
+            // Collect the categories that own any item within the rendered range. Each
+            // flat-list entry knows its category (headers directly, rows via categoryId),
+            // so a category is visible whenever one of its entries is in range - including
+            // when its header itself has scrolled out of view.
+            const visibleCategoryIds = new Set<CategoryKey>();
+            for (let i = range.startIndex; i <= range.endIndex; i++) {
+                const item = items[i];
+                if (!item) continue;
+                visibleCategoryIds.add(item.type === "header" ? item.category.id : item.categoryId);
+            }
+
+            setSelectedCategory(CATEGORY_CONFIG.find((cat) => visibleCategoryIds.has(cat.id))?.id ?? "people");
+        },
+        [items],
+    );
+
+    // Given a roving emoji button returns the role=gridcell element containing it
+    const getGridcell = useCallback((rovingNode?: Element): Element | undefined => {
+        return rovingNode?.parentElement ?? undefined;
+    }, []);
+
+    // Given a roving emoji button returns the role=row element containing it
+    const getRow = useCallback(
+        (rovingNode?: Element): Element | undefined => {
+            return getGridcell(rovingNode)?.parentElement ?? undefined;
+        },
+        [getGridcell],
+    );
+
+    // Given a role=gridcell node returns the roving emoji button contained within
+    const getRovingNode = useCallback((gridcellNode: Element): HTMLElement | undefined => {
+        const node = gridcellNode.children[0];
+        return node instanceof HTMLElement ? node : undefined;
+    }, []);
+
+    const onKeyDown = useCallback(
+        (ev: React.KeyboardEvent, state: RovingState, dispatch: Dispatch<RovingAction>): void => {
+            if (state.activeNode && ["ArrowDown", "ArrowRight", "ArrowLeft", "ArrowUp"].includes(ev.key)) {
+                // If highlight is not shown yet, show it and reset to first emoji
+                if (!showHighlight) {
+                    setShowHighlight(true);
+                    // Reset to first emoji when showing highlight for the first time (or after it was hidden)
+                    if (state.nodes.length > 0) {
+                        dispatch({
+                            type: RovingStateActionType.SetFocus,
+                            payload: { node: state.nodes[0] },
+                        });
+                    }
+                    ev.preventDefault();
+                    ev.stopPropagation();
+                    return;
+                }
+            }
+        },
+        [showHighlight],
+    );
+
+    const shouldMoveFocus = useCallback((): boolean => {
+        // If the search field is active, the grid will still move the selected element but we don't
+        // want it to change the focus because the user trying to type in the field.
+        // NB. This does still break the ability to navigate the text field with left/right arrows
+        // as they change the selected emoji in the grid. This seems… bad, but I'm keeping it how it was.
+        return document.activeElement !== searchRef.current;
+    }, []);
+
+    const onGridNavigation = useCallback(
+        (_ev: React.KeyboardEvent, focusNode: HTMLElement, state: RovingState): void => {
+            if (getRow(state.activeNode) !== getRow(focusNode)) {
+                focusNode.scrollIntoView({
+                    behavior: "auto",
+                    block: "center",
+                    inline: "center",
+                });
+            }
+        },
+        [getRow],
+    );
+
+    const scrollToCategory = useCallback(
+        (category: string): void => {
+            // Find the flat index of the category's header and scroll it to the top.
+            const index = items.findIndex((item) => item.type === "header" && item.category.id === category);
+            if (index >= 0) {
+                virtuosoRef.current?.scrollToIndex({ index, align: "start" });
+            }
+        },
+        [items],
+    );
+
+    const onChangeFilter = useCallback((newFilter: string): void => {
+        setFilter(newFilter);
+        // User has typed a query, show highlight.
+        // If the filter is cleared, hide the highlight again.
+        setShowHighlight(newFilter.trim() !== "");
+    }, []);
+
+    const onEnterFilter = useCallback((): void => {
+        // Only select emoji if highlight is shown
+        if (!showHighlight) return;
+
+        const btn = scrollElement?.querySelector<HTMLElement>('[role="gridcell"] [tabindex="0"]');
+        btn?.click();
+        onFinished();
+    }, [showHighlight, scrollElement, onFinished]);
+
+    const onHoverEmoji = useCallback((emoji: IEmoji): void => {
+        setPreviewEmoji(emoji);
+    }, []);
+
+    const onHoverEmojiEnd = useCallback((): void => {
+        setPreviewEmoji(undefined);
+    }, []);
+
+    const onClickEmoji = useCallback(
+        (ev: ButtonEvent, emoji: IEmoji): void => {
+            if (onChoose(emoji.unicode) !== false) {
+                onRecordRecent?.(emoji.unicode);
+            }
+            if ((ev as React.KeyboardEvent).key === "Enter") {
+                onFinished();
+            }
+        },
+        [onChoose, onRecordRecent, onFinished],
+    );
+
+    // Base for the IDs of the individual emoji cells: the search box points at the
+    // active cell with aria-activedescendant, which requires the cells to have IDs.
+    // It doesn't actually matter what the ID is, provided each is unique, because
+    // the search box queries the roving context for the active element and gets its ID.
+    // (generate a single unique ID and then suffix because hooks can't be called in
+    // a loop).
+    const emojiIdBase = useId();
+
+    const renderItem = useCallback(
+        (_index: number, item: ListItem): React.ReactNode => {
+            if (item.type === "header") {
+                const category = item.category;
+                return (
+                    <div className={styles.category} data-category-id={category.id} role="gridcell">
+                        <Heading as="h2" className={styles.categoryLabel}>
+                            {_t(category.untranslatedName)}
+                        </Heading>
+                    </div>
+                );
+            }
+            return item.emojis.map((emoji) => (
+                <div role="gridcell" className={styles.itemWrapper} key={emoji.hexcode}>
+                    <Emoji
+                        // The category is part of the ID because the same emoji can appear both in
+                        // its own category and in the recently used one.
+                        id={`${emojiIdBase}-${item.categoryId}-${emoji.hexcode}`}
+                        emoji={emoji}
+                        selectedEmojis={selectedEmojis}
+                        onClick={onClickEmoji}
+                        onMouseEnter={onHoverEmoji}
+                        onMouseLeave={onHoverEmojiEnd}
+                        disabled={isEmojiDisabled?.(emoji.unicode)}
+                    />
+                </div>
+            ));
+        },
+        [selectedEmojis, onClickEmoji, onHoverEmoji, onHoverEmojiEnd, isEmojiDisabled, emojiIdBase],
+    );
+
+    const pickerBodyId = useId();
+
+    return (
+        <RovingGridIndexProvider
+            getGridCell={getGridcell}
+            getRow={getRow}
+            getRovingNode={getRovingNode}
+            handleInputFields
+            moveFocus={shouldMoveFocus}
+            onGridNavigation={onGridNavigation}
+            onKeyDown={onKeyDown}
+            getAction={getAction}
+        >
+            {({ onKeyDownHandler }) => (
+                <section
+                    className={styles.picker}
+                    onKeyDown={onKeyDownHandler}
+                    aria-label={_t("emoji_picker|emoji_picker")}
+                >
+                    <Tabs
+                        categories={CATEGORY_CONFIG}
+                        enabledCategories={enabledCategories}
+                        selectedCategory={selectedCategory}
+                        onAnchorClick={scrollToCategory}
+                        pickerBodyId={pickerBodyId}
+                        getAction={getAction}
+                    />
+                    <Search
+                        query={filter}
+                        onChange={onChangeFilter}
+                        onEnter={onEnterFilter}
+                        onKeyDown={onKeyDownHandler}
+                        inputRef={searchRef}
+                        controlsId={pickerBodyId}
+                    />
+                    <AutoHideScrollbar
+                        id={pickerBodyId}
+                        className={classNames(styles.body, {
+                            [styles.bodyShowHighlight]: showHighlight,
+                        })}
+                        wrappedRef={collectScrollElement}
+                    >
+                        {scrollElement && (
+                            <Virtuoso
+                                ref={virtuosoRef}
+                                customScrollParent={scrollElement}
+                                data={items}
+                                defaultItemHeight={EMOJI_HEIGHT}
+                                components={gridComponents}
+                                itemContent={renderItem}
+                                rangeChanged={onRangeChanged}
+                            />
+                        )}
+                    </AutoHideScrollbar>
+                    {showQuickReactions &&
+                        (previewEmoji ? (
+                            <Preview emoji={previewEmoji} />
+                        ) : (
+                            <QuickReactions
+                                onClick={onClickEmoji}
+                                selectedEmojis={selectedEmojis}
+                                getAction={getAction}
+                            />
+                        ))}
+                </section>
+            )}
+        </RovingGridIndexProvider>
+    );
+}
diff --git a/packages/shared-components/src/core/EmojiPicker/Preview.tsx b/packages/shared-components/src/core/EmojiPicker/Preview.tsx
new file mode 100644
index 00000000000..746e174f81a
--- /dev/null
+++ b/packages/shared-components/src/core/EmojiPicker/Preview.tsx
@@ -0,0 +1,42 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * Copyright 2020 The Matrix.org Foundation C.I.C.
+ * Copyright 2019 Tulir Asokan <tulir@maunium.net>
+ *
+ * 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 Emoji } from "@matrix-org/emojibase-bindings";
+import classNames from "classnames";
+
+import styles from "./EmojiPicker.module.css";
+
+interface IProps {
+    /**
+     * The emoji to preview.
+     */
+    emoji: Emoji;
+}
+
+/**
+ * A preview of the selected emoji, showing the emoji itself, its name, and its shortcode.
+ */
+export const Preview: React.FC<IProps> = ({ emoji }) => {
+    const {
+        unicode,
+        label,
+        shortcodes: [shortcode],
+    } = emoji;
+
+    return (
+        <div className={styles.footer}>
+            <div className={styles.previewEmoji}>{unicode}</div>
+            <div className={styles.previewText}>
+                <div className={classNames(styles.name, styles.previewName)}>{label}</div>
+                <div className={styles.shortcode}>{shortcode}</div>
+            </div>
+        </div>
+    );
+};
diff --git a/packages/shared-components/src/core/EmojiPicker/QuickReactions.tsx b/packages/shared-components/src/core/EmojiPicker/QuickReactions.tsx
new file mode 100644
index 00000000000..66f53c2fb32
--- /dev/null
+++ b/packages/shared-components/src/core/EmojiPicker/QuickReactions.tsx
@@ -0,0 +1,90 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * Copyright 2020 The Matrix.org Foundation C.I.C.
+ * Copyright 2019 Tulir Asokan <tulir@maunium.net>
+ *
+ * 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, useState } from "react";
+import { getEmojiFromUnicode, type Emoji as IEmoji } from "@matrix-org/emojibase-bindings";
+import classNames from "classnames";
+
+import { _t } from "../i18n/i18n";
+import { Toolbar, type RovingTabIndexProviderProps } from "../roving";
+import { Emoji } from "./Emoji";
+import { type ButtonEvent } from "./RovingButton";
+import styles from "./EmojiPicker.module.css";
+import { Heading } from "@vector-im/compound-web";
+
+// NB. This is the variation-selector Heart in Quick Reactions as per the spec)
+const QUICK_REACTIONS = ["👍", "👎", "😄", "🎉", "😕", "❤️", "🚀", "👀"].map((emoji) => {
+    const data = getEmojiFromUnicode(emoji);
+    if (!data) {
+        throw new Error(`Emoji ${emoji} doesn't exist in emojibase`);
+    }
+    return data;
+});
+
+interface IProps {
+    /**
+     * Set of emojis already selected.
+     */
+    selectedEmojis?: Set<string>;
+    /**
+     * Called when an emoji is clicked.
+     *
+     * @param ev - The button event
+     * @param emoji - The emoji that was clicked
+     */
+    onClick: (ev: ButtonEvent, emoji: IEmoji) => void;
+    /**
+     * Optional function to override the default keyboard navigation mapping.
+     * When omitted, a default mapping based on `KeyboardEvent.key` is used.
+     */
+    getAction?: RovingTabIndexProviderProps["getAction"];
+}
+
+/**
+ * A row of quick reaction emojis at the bottom of the emoji picker.
+ */
+export const QuickReactions: React.FC<IProps> = ({ selectedEmojis, onClick, getAction }) => {
+    const [hover, setHover] = useState<IEmoji | undefined>(undefined);
+
+    const onMouseEnter = useCallback((emoji: IEmoji): void => {
+        setHover(emoji);
+    }, []);
+
+    const onMouseLeave = useCallback((): void => {
+        setHover(undefined);
+    }, []);
+
+    return (
+        <section className={classNames(styles.footer, styles.quick, styles.category)}>
+            <Heading as="h2" className={classNames(styles.quickHeader, styles.categoryLabel)}>
+                {!hover ? (
+                    _t("emoji|quick_reactions")
+                ) : (
+                    <React.Fragment>
+                        <span className={styles.name}>{hover.label}</span>
+                        <span className={styles.shortcode}>{hover.shortcodes[0]}</span>
+                    </React.Fragment>
+                )}
+            </Heading>
+            <Toolbar className={styles.list} aria-label={_t("emoji|quick_reactions")} getAction={getAction}>
+                {QUICK_REACTIONS.map((emoji) => (
+                    <Emoji
+                        key={emoji.hexcode}
+                        emoji={emoji}
+                        onClick={onClick}
+                        onMouseEnter={onMouseEnter}
+                        onMouseLeave={onMouseLeave}
+                        selectedEmojis={selectedEmojis}
+                        className={styles.itemWrapper}
+                    />
+                ))}
+            </Toolbar>
+        </section>
+    );
+};
diff --git a/packages/shared-components/src/core/EmojiPicker/RovingButton.tsx b/packages/shared-components/src/core/EmojiPicker/RovingButton.tsx
new file mode 100644
index 00000000000..ba135096618
--- /dev/null
+++ b/packages/shared-components/src/core/EmojiPicker/RovingButton.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 } from "react";
+
+import { useRovingTabIndex } from "../roving";
+
+/**
+ * An event which can trigger a button activation.
+ */
+export type ButtonEvent = React.MouseEvent | React.KeyboardEvent | React.FormEvent;
+
+interface RovingButtonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> {
+    /**
+     * Event handler for button activation. Invoked on click, Enter keydown and Space keyup.
+     */
+    onClick(this: void, ev: ButtonEvent): void;
+    /**
+     * Whether the button should be disabled. A disabled button keeps its role and
+     * remains discoverable by keyboard, but is marked `aria-disabled` and does not
+     * invoke `onClick`.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the button should take the active roving tab stop when the mouse
+     * moves over it.
+     */
+    focusOnMouseOver?: boolean;
+}
+
+/**
+ * A minimal button participating in the surrounding roving tabindex group.
+ *
+ * Rendered as a `div` with `role="button"` (overridable) rather than a native
+ * button so that keyboard activation events are observable by the caller:
+ * Enter is consumed on keydown and Space on keyup, mirroring native button
+ * behaviour, without also risking activation of other focusable elements that
+ * might receive focus as a result of the click handler running.
+ */
+export function RovingButton({
+    onClick,
+    disabled,
+    focusOnMouseOver,
+    onFocus,
+    onMouseOver,
+    onKeyDown,
+    onKeyUp,
+    role = "button",
+    children,
+    ...props
+}: RovingButtonProps): JSX.Element {
+    const [onFocusInternal, isActive, ref] = useRovingTabIndex<HTMLDivElement>();
+
+    let behaviourProps: React.HTMLAttributes<HTMLDivElement> = { onKeyDown, onKeyUp };
+    if (disabled) {
+        behaviourProps["aria-disabled"] = true;
+    } else {
+        behaviourProps = {
+            onClick,
+            onKeyDown: (e) => {
+                switch (e.key) {
+                    case "Enter":
+                        e.stopPropagation();
+                        e.preventDefault();
+                        onClick(e);
+                        break;
+                    case " ":
+                        e.stopPropagation();
+                        e.preventDefault();
+                        break;
+                    default:
+                        onKeyDown?.(e);
+                }
+            },
+            onKeyUp: (e) => {
+                switch (e.key) {
+                    case "Enter":
+                        e.stopPropagation();
+                        e.preventDefault();
+                        break;
+                    case " ":
+                        e.stopPropagation();
+                        e.preventDefault();
+                        onClick(e);
+                        break;
+                    default:
+                        onKeyUp?.(e);
+                }
+            },
+        };
+    }
+
+    return (
+        <div
+            {...props}
+            {...behaviourProps}
+            role={role}
+            ref={ref}
+            tabIndex={isActive ? 0 : -1}
+            onFocus={(event) => {
+                onFocusInternal();
+                onFocus?.(event);
+            }}
+            onMouseOver={(event) => {
+                if (focusOnMouseOver) onFocusInternal();
+                onMouseOver?.(event);
+            }}
+        >
+            {children}
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/core/EmojiPicker/Search.tsx b/packages/shared-components/src/core/EmojiPicker/Search.tsx
new file mode 100644
index 00000000000..8c4321a5ae2
--- /dev/null
+++ b/packages/shared-components/src/core/EmojiPicker/Search.tsx
@@ -0,0 +1,109 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * Copyright 2020 The Matrix.org Foundation C.I.C.
+ * Copyright 2019 Tulir Asokan <tulir@maunium.net>
+ *
+ * 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, useCallback, useContext, useEffect } from "react";
+import { CloseIcon, SearchIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../i18n/i18n";
+import { RovingTabIndexContext } from "../roving";
+import styles from "./EmojiPicker.module.css";
+
+interface IProps {
+    /**
+     * The current search query.
+     */
+    query: string;
+    /**
+     * Called when the search query changes.
+     *
+     * @param value - The new search query
+     */
+    onChange: (value: string) => void;
+    /**
+     * Called when the Enter key is pressed in the search input.
+     */
+    onEnter: () => void;
+    /**
+     * Called when a key is pressed in the search input.
+     *
+     * @param event - The keyboard event
+     */
+    onKeyDown: (event: React.KeyboardEvent) => void;
+    /**
+     * The id of the element that this search box controls, for aria-controls.
+     */
+    controlsId: string;
+    /**
+     * Ref to the search input, owned by the picker so it can inspect focus.
+     */
+    inputRef: React.RefObject<HTMLInputElement | null>;
+}
+
+/**
+ * The search input at the top of the emoji picker.
+ */
+export const Search: React.FC<IProps> = ({ query, onChange, onEnter, onKeyDown, inputRef, controlsId }) => {
+    const context = useContext(RovingTabIndexContext);
+
+    // This component gets mounted in a number of different places where the autoFocus attribute doesn't
+    // work, so focus the search box manually.
+    useEffect(() => {
+        inputRef.current?.focus();
+    }, [inputRef]);
+
+    const onInputKeyDown = useCallback(
+        (ev: React.KeyboardEvent): void => {
+            if (ev.key === "Enter") {
+                onEnter();
+                ev.stopPropagation();
+                ev.preventDefault();
+            } else {
+                onKeyDown(ev);
+            }
+        },
+        [onEnter, onKeyDown],
+    );
+
+    let rightButton: JSX.Element;
+    if (query) {
+        rightButton = (
+            <button type="button" onClick={() => onChange("")} title={_t("emoji_picker|cancel_search_label")}>
+                <CloseIcon />
+            </button>
+        );
+    } else {
+        rightButton = (
+            <span className={styles.searchIcon}>
+                <SearchIcon />
+            </span>
+        );
+    }
+
+    return (
+        <div className={styles.search}>
+            <input
+                autoFocus
+                type="text"
+                placeholder={_t("action|search")}
+                aria-label={_t("action|search")}
+                value={query}
+                onChange={(ev) => onChange(ev.target.value)}
+                onKeyDown={onInputKeyDown}
+                ref={inputRef}
+                // Setting aria-activedescendant on the input allows screen readers to identify the active emoji.
+                // Setting it when there is not a query causes screen readers to read out the first emoji when focusing the input, and it continually tells you you are in the table vs the input.
+                aria-activedescendant={query ? context.state.activeNode?.id : undefined}
+                aria-controls={controlsId}
+                aria-haspopup="grid"
+                aria-autocomplete="list"
+            />
+            {rightButton}
+        </div>
+    );
+};
diff --git a/packages/shared-components/src/core/EmojiPicker/Tabs.tsx b/packages/shared-components/src/core/EmojiPicker/Tabs.tsx
new file mode 100644
index 00000000000..66effceec26
--- /dev/null
+++ b/packages/shared-components/src/core/EmojiPicker/Tabs.tsx
@@ -0,0 +1,179 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * Copyright 2020 The Matrix.org Foundation C.I.C.
+ * Copyright 2019 Tulir Asokan <tulir@maunium.net>
+ *
+ * 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 } from "react";
+import classNames from "classnames";
+
+import { _t } from "../i18n/i18n";
+import { RovingAction, type RovingTabIndexProviderProps } from "../roving";
+import { type CategoryKey, type Category } from "./EmojiPicker";
+import styles from "./EmojiPicker.module.css";
+
+interface Props {
+    /**
+     * The categories to display in the tab bar.
+     */
+    categories: Category[];
+    /**
+     * The categories that are enabled and can be selected. Disabled categories will be rendered but not selectable.
+     */
+    enabledCategories: CategoryKey[];
+    /**
+     * The currently selected category.
+     */
+    selectedCategory: CategoryKey;
+    /**
+     * Called when a category tab is clicked.
+     *
+     * @param id - The id of the category that was clicked.
+     */
+    onAnchorClick: (id: CategoryKey) => void;
+    /**
+     * Id of the scrollable picker body that the tabs control (for aria-controls).
+     */
+    pickerBodyId: string;
+    /**
+     * Optional action resolver used to map keyboard events to
+     * {@link RovingAction} values, e.g. to apply app-level custom keybindings.
+     *
+     * When omitted, a default mapping based on `KeyboardEvent.key` is used.
+     */
+    getAction?: RovingTabIndexProviderProps["getAction"];
+}
+
+const getDefaultAction = (ev: React.KeyboardEvent): RovingAction | undefined => {
+    switch (ev.key) {
+        case "ArrowLeft":
+            return RovingAction.ArrowLeft;
+        case "ArrowRight":
+            return RovingAction.ArrowRight;
+        case "Home":
+            return RovingAction.Home;
+        case "End":
+            return RovingAction.End;
+        default:
+            return undefined;
+    }
+};
+
+/**
+ * The tab bar at the top of the emoji picker with a tab for each category.
+ */
+export const Tabs: React.FC<Props> = ({
+    categories,
+    enabledCategories,
+    selectedCategory,
+    onAnchorClick,
+    pickerBodyId,
+    getAction,
+}) => {
+    const findNearestEnabled = useCallback(
+        (index: number, delta: number): number | undefined => {
+            index += categories.length;
+            const cats = [...categories, ...categories, ...categories];
+
+            while (index < cats.length && index >= 0) {
+                if (enabledCategories.includes(cats[index].id)) return index % categories.length;
+                index += delta > 0 ? 1 : -1;
+            }
+        },
+        [categories, enabledCategories],
+    );
+
+    const changeCategoryAbsolute = useCallback(
+        (index: number, delta = 1): void => {
+            const category = categories[findNearestEnabled(index, delta)!];
+            if (category) {
+                onAnchorClick(category.id);
+                tabRefs.current[category.id]?.current?.focus();
+            }
+        },
+        [categories, findNearestEnabled, onAnchorClick],
+    );
+
+    const changeCategoryRelative = useCallback(
+        (delta: number): void => {
+            // Move to the next/previous category using the selected as the current.
+            const current = categories.findIndex((c) => c.id === selectedCategory);
+            changeCategoryAbsolute(current + delta, delta);
+        },
+        [categories, selectedCategory, changeCategoryAbsolute],
+    );
+
+    // Implements ARIA Tabs with Automatic Activation pattern
+    // https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html
+    const onKeyDown = useCallback(
+        (ev: React.KeyboardEvent): void => {
+            let handled = true;
+
+            const action = getAction?.(ev) ?? getDefaultAction(ev);
+            switch (action) {
+                case RovingAction.ArrowLeft:
+                    changeCategoryRelative(-1);
+                    break;
+                case RovingAction.ArrowRight:
+                    changeCategoryRelative(1);
+                    break;
+
+                case RovingAction.Home:
+                    changeCategoryAbsolute(0);
+                    break;
+                case RovingAction.End:
+                    changeCategoryAbsolute(categories.length - 1, -1);
+                    break;
+                default:
+                    handled = false;
+            }
+
+            if (handled) {
+                ev.preventDefault();
+                ev.stopPropagation();
+            }
+        },
+        [getAction, changeCategoryRelative, changeCategoryAbsolute, categories.length],
+    );
+
+    const tabRefs = useRef({} as Record<CategoryKey, React.RefObject<HTMLButtonElement | null>>);
+    if (!tabRefs.current.recent) {
+        for (const category of categories) {
+            tabRefs.current[category.id] = React.createRef<HTMLButtonElement>();
+        }
+    }
+
+    return (
+        <nav className={styles.header} role="tablist" aria-label={_t("emoji|categories")} onKeyDown={onKeyDown}>
+            {categories.map((category) => {
+                const classes = classNames(styles.anchor, {
+                    [styles.anchorSelected]: category.id === selectedCategory,
+                });
+                return (
+                    <button
+                        type="button"
+                        disabled={!enabledCategories.includes(category.id)}
+                        key={category.id}
+                        ref={tabRefs.current[category.id]}
+                        className={classes}
+                        onClick={() => onAnchorClick(category.id)}
+                        title={_t(category.untranslatedName)}
+                        role="tab"
+                        tabIndex={category.id === selectedCategory ? 0 : -1} // roving
+                        aria-selected={category.id === selectedCategory}
+                        // Normally with tabs, this would be the ID of a tabpanel role but this isn't a real
+                        // tab control, it controls a scroller and virtuoso doesn't render sections that are
+                        // off screen so they may not be in the DOM anyway. We point it at the whole scrollable
+                        // region instead.
+                        aria-controls={pickerBodyId}
+                    >
+                        {category.emoji}
+                    </button>
+                );
+            })}
+        </nav>
+    );
+};
diff --git a/packages/shared-components/src/core/EmojiPicker/index.ts b/packages/shared-components/src/core/EmojiPicker/index.ts
new file mode 100644
index 00000000000..ffca71ac9bf
--- /dev/null
+++ b/packages/shared-components/src/core/EmojiPicker/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 { EmojiPicker, type EmojiPickerProps } from "./EmojiPicker";
diff --git a/packages/shared-components/src/core/FacePile/FacePileView.stories.tsx b/packages/shared-components/src/core/FacePile/FacePileView.stories.tsx
new file mode 100644
index 00000000000..962bc131b84
--- /dev/null
+++ b/packages/shared-components/src/core/FacePile/FacePileView.stories.tsx
@@ -0,0 +1,56 @@
+/*
+ * 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 { type FacePileViewSnapshot, FacePileView } from "./FacePileView";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+import profileLink1 from "../../../static/profile-pics/profile1.png";
+import profileLink2 from "../../../static/profile-pics/profile2.png";
+import profileLink3 from "../../../static/profile-pics/profile3.png";
+import { MockViewModel, useMockedViewModel } from "../viewmodel";
+import { type MemberAvatarViewSnapshot } from "../MemberAvatar/MemberAvatarView";
+
+const FacePileViewWrapperImpl = (snapshot: FacePileViewSnapshot): React.ReactNode => {
+    const vm = useMockedViewModel(snapshot, {});
+    return <FacePileView vm={vm} />;
+};
+
+const FacePileViewWrapper = withViewDocs(FacePileViewWrapperImpl, FacePileView);
+
+type MockProp = { id: string; name: string; url?: string };
+
+export class MockMemberAvatarViewModel extends MockViewModel<MemberAvatarViewSnapshot> {
+    public constructor({ id, name, url }: MockProp) {
+        super({
+            id,
+            name,
+            size: "20px",
+            title: id,
+            url,
+        });
+    }
+}
+
+const meta = {
+    title: "Core/FacePileView",
+    component: FacePileViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        memberAvatarViewModels: [
+            new MockMemberAvatarViewModel({ id: "@bob:m.org", name: "Bob", url: profileLink1 }),
+            new MockMemberAvatarViewModel({ id: "@riley:m.org", name: "Riley", url: profileLink2 }),
+            new MockMemberAvatarViewModel({ id: "@andi:m.org", name: "Andi", url: profileLink3 }),
+        ],
+    },
+} satisfies Meta<typeof FacePileViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/core/FacePile/FacePileView.tsx b/packages/shared-components/src/core/FacePile/FacePileView.tsx
new file mode 100644
index 00000000000..878f1b320cc
--- /dev/null
+++ b/packages/shared-components/src/core/FacePile/FacePileView.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 from "react";
+import { AvatarStack } from "@vector-im/compound-web";
+
+import { type MemberAvatarViewModel, MemberAvatarView } from "../MemberAvatar/MemberAvatarView";
+import { useViewModel, type ViewModel } from "../viewmodel";
+
+export interface FacePileViewSnapshot {
+    /**
+     * The sub vms for the member avatars.
+     */
+    memberAvatarViewModels: MemberAvatarViewModel[];
+}
+
+export type FacePileViewModel = ViewModel<FacePileViewSnapshot>;
+
+export interface FacePileViewProps {
+    vm: FacePileViewModel;
+
+    /**
+     * Additional class names for this component.
+     */
+    classNames?: string;
+}
+
+/**
+ * View that renders a face pile view.
+ */
+export function FacePileView(props: FacePileViewProps): React.ReactNode {
+    const { memberAvatarViewModels } = useViewModel(props.vm);
+    if (memberAvatarViewModels.length === 0) return null;
+    return (
+        <AvatarStack className={props.classNames}>
+            {memberAvatarViewModels.map((vm) => (
+                <MemberAvatarView vm={vm} key={vm.getSnapshot().id} />
+            ))}
+        </AvatarStack>
+    );
+}
diff --git a/packages/shared-components/src/core/MemberAvatar/MemberAvatarView.stories.tsx b/packages/shared-components/src/core/MemberAvatar/MemberAvatarView.stories.tsx
new file mode 100644
index 00000000000..952edbd005d
--- /dev/null
+++ b/packages/shared-components/src/core/MemberAvatar/MemberAvatarView.stories.tsx
@@ -0,0 +1,44 @@
+/*
+ * 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 { type MemberAvatarViewSnapshot, MemberAvatarView } from "./MemberAvatarView";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+import profile from "../../../static/profile-pics/profile3.png";
+import { useMockedViewModel } from "../viewmodel";
+
+const MemberAvatarViewWrapperImpl = (snapshot: MemberAvatarViewSnapshot): React.ReactNode => {
+    const vm = useMockedViewModel(snapshot, {});
+    return <MemberAvatarView vm={vm} />;
+};
+
+const MemberAvatarViewWrapper = withViewDocs(MemberAvatarViewWrapperImpl, MemberAvatarView);
+
+const meta = {
+    title: "Core/MemberAvatarView",
+    component: MemberAvatarViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        url: {
+            control: "text",
+        },
+    },
+    args: {
+        id: "@bob:m.org",
+        name: "Bob",
+        size: "20px",
+        title: "@bob:m.org",
+        url: profile,
+    },
+} satisfies Meta<typeof MemberAvatarViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/core/MemberAvatar/MemberAvatarView.tsx b/packages/shared-components/src/core/MemberAvatar/MemberAvatarView.tsx
new file mode 100644
index 00000000000..b3b541c14c4
--- /dev/null
+++ b/packages/shared-components/src/core/MemberAvatar/MemberAvatarView.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 { Avatar } from "@vector-im/compound-web";
+
+import { useViewModel, type ViewModel } from "../viewmodel";
+
+export interface MemberAvatarViewSnapshot {
+    /**
+     * The display name of this member.
+     */
+    name: string;
+    /**
+     * The mxid of this member.
+     */
+    id: string;
+    /**
+     * The avatar url.
+     */
+    url?: string;
+    /**
+     * Size of the avatar.
+     */
+    size: string;
+    /**
+     * Title passed to the avatar container (button or span).
+     */
+    title?: string;
+}
+
+export type MemberAvatarViewModel = ViewModel<MemberAvatarViewSnapshot>;
+
+interface MemberAvatarViewProps {
+    vm: MemberAvatarViewModel;
+
+    /**
+     * Additional class names for this component.
+     */
+    classNames?: string;
+}
+
+/**
+ * View for rendering the avatar for a given member.
+ */
+export function MemberAvatarView(props: MemberAvatarViewProps): React.ReactNode {
+    const { name, id, url, size } = useViewModel(props.vm);
+
+    return <Avatar className={props.classNames} name={name} id={id} src={url} size={size} />;
+}
diff --git a/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx b/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx
new file mode 100644
index 00000000000..811d5075a9d
--- /dev/null
+++ b/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx
@@ -0,0 +1,113 @@
+/*
+Copyright 2026 Element Creations.
+
+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 { FlatVirtualizedList, type FlatVirtualizedListProps } from "./FlatVirtualizedList";
+import { type VirtualizedListContext } from "../virtualized-list";
+import { items, SimpleItemComponent } from "../story-mock";
+import { getContainerAccessibleProps, getItemAccessibleProps } from "../accessbility";
+
+const meta = {
+    title: "Core/FlatVirtualizedList",
+    component: FlatVirtualizedList<SimpleItemComponent, undefined>,
+    parameters: {
+        docs: {
+            description: {
+                component: `
+A flat virtualized list that renders large datasets efficiently using
+[react-virtuoso](https://virtuoso.dev/), while exposing full keyboard navigation.
+
+## Accessibility with **\`listbox\`** ARIA pattern
+
+This example uses the **\`listbox\`** ARIA pattern, which maps naturally to a
+flat list of selectable options.
+
+### Container props — \`getContainerAccessibleProps("listbox")\`
+
+Spread the result of \`getContainerAccessibleProps("listbox")\` directly onto the
+\`FlatVirtualizedList\` component to mark the scrollable container as a \`listbox\`:
+
+| Prop | Value | Purpose |
+|------|-------|---------|
+| \`role\` | \`"listbox"\` | Identifies the container as a listbox widget to assistive technologies. |
+
+\`\`\`tsx
+<FlatVirtualizedList
+  {...getContainerAccessibleProps("listbox")}
+  aria-label="My list"
+  {/* other props */}
+/>
+\`\`\`
+
+### Item props — \`getItemAccessibleProps("listbox", index, listSize)\`
+
+Spread the result of \`getItemAccessibleProps("listbox", index, listSize)\` onto each rendered
+item element so that screen readers can announce position and total count even when most DOM
+nodes are not mounted (virtualized):
+
+| Prop | Value | Purpose |
+|------|-------|---------|
+| \`role\` | \`"option"\` | Identifies the element as a selectable option within the listbox. |
+| \`aria-posinset\` | \`index + 1\` | 1-based position of this option within the full set. |
+| \`aria-setsize\` | \`listSize\` | Total number of options in the list. |
+
+The list uses a [roving tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex)
+pattern: \`context.tabIndexKey\` holds the key of the item that currently owns focus. Set
+\`tabIndex={0}\` on the matching item and \`tabIndex={-1}\` on every other to keep the list
+to a single tab stop while arrow-key navigation moves focus between items.
+
+\`\`\`tsx
+getItemComponent={(index, item, context, onFocus) => {
+  const selected = context.tabIndexKey === item.id;
+
+  return (
+    <button
+      type="button"
+      tabIndex={selected ? 0 : -1}
+      {...getItemAccessibleProps("listbox", index, items.length)}
+      onFocus={(e) => onFocus(item, e)}
+      onClick={() => console.log("Clicked item")}}
+    >
+      {item.label}
+    </button>
+  );
+}}
+\`\`\`
+                `,
+            },
+        },
+    },
+    args: {
+        items,
+        "getItemComponent": (
+            index: number,
+            item: SimpleItemComponent,
+            context: VirtualizedListContext<undefined>,
+            onFocus: (item: SimpleItemComponent, e: React.FocusEvent) => void,
+        ) => (
+            <SimpleItemComponent
+                key={item.id}
+                item={item}
+                context={context}
+                onFocus={onFocus}
+                {...getItemAccessibleProps("listbox", index, items.length)}
+            />
+        ),
+        "isItemFocusable": () => true,
+        "getItemKey": (item) => item.id,
+        "style": { height: "400px" },
+        "aria-label": "Flat virtualized list",
+        ...getContainerAccessibleProps("listbox"),
+    },
+} satisfies Meta<FlatVirtualizedListProps<SimpleItemComponent, undefined>>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.tsx b/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.tsx
new file mode 100644
index 00000000000..e414451149a
--- /dev/null
+++ b/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.tsx
@@ -0,0 +1,66 @@
+/*
+ * 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, useCallback } from "react";
+import { Virtuoso, type VirtuosoHandle } from "react-virtuoso";
+
+import { useVirtualizedList, type VirtualizedListContext, type VirtualizedListProps } from "../virtualized-list";
+
+export interface FlatVirtualizedListProps<Item, Context> extends VirtualizedListProps<Item, Context> {
+    /**
+     * Optional ref to the underlying Virtuoso handle, for imperative scrolling.
+     */
+    scrollHandleRef?: React.RefCallback<VirtuosoHandle>;
+
+    /**
+     * Function that renders each list item as a JSX element.
+     * @param index - The index of the item in the list
+     * @param item - The data item to render
+     * @param context - The context object containing the focused key and any additional data
+     * @param onFocus - A callback that is required to be called when the item component receives focus
+     * @returns JSX element representing the rendered item
+     */
+    getItemComponent: (
+        index: number,
+        item: Item,
+        context: VirtualizedListContext<Context>,
+        onFocus: (item: Item, e: React.FocusEvent) => void,
+    ) => JSX.Element;
+}
+
+/**
+ * A generic virtualized list component built on top of react-virtuoso.
+ * Provides keyboard navigation and virtualized rendering for performance with large lists.
+ *
+ * @template Item - The type of data items in the list
+ * @template Context - The type of additional context data passed to items
+ */
+export function FlatVirtualizedList<Item, Context>(props: FlatVirtualizedListProps<Item, Context>): React.ReactElement {
+    const { getItemComponent, scrollHandleRef, ...restProps } = props;
+    const { onFocusForGetItemComponent, ...virtuosoProps } = useVirtualizedList<Item, Context>(
+        restProps,
+        scrollHandleRef,
+    );
+
+    const getItemComponentInternal = useCallback(
+        (index: number, item: Item, context: VirtualizedListContext<Context>): JSX.Element =>
+            getItemComponent(index, item, context, onFocusForGetItemComponent),
+        [getItemComponent, onFocusForGetItemComponent],
+    );
+
+    return (
+        <Virtuoso
+            // note that either the container of direct children must be focusable to be axe
+            // compliant, so we leave tabIndex as the default so the container can be focused
+            // (virtuoso wraps the children inside another couple of elements so setting it
+            // on those doesn't seem to work, unfortunately)
+            itemContent={getItemComponentInternal}
+            data={props.items}
+            {...virtuosoProps}
+        />
+    );
+}
diff --git a/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/index.ts b/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/index.ts
new file mode 100644
index 00000000000..48f9f259969
--- /dev/null
+++ b/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/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 { FlatVirtualizedList } from "./FlatVirtualizedList";
+export type { FlatVirtualizedListProps } from "./FlatVirtualizedList";
diff --git a/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.module.css b/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.module.css
new file mode 100644
index 00000000000..76e35c99885
--- /dev/null
+++ b/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.module.css
@@ -0,0 +1,56 @@
+/*
+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.
+*/
+
+/*
+Wrapper that establishes the positioning context for the pinned overlay header.
+It must fill its parent so the virtualized scroller below it keeps its height.
+*/
+.stickyRoot {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 0;
+    /* Keep the pinned overlay and list content clipped to the panel bounds. */
+    overflow: hidden;
+}
+
+/*
+The pinned "current section" overlay header. It lives OUTSIDE the virtualized item stream so it never
+unmounts, and backstops the cover/reveal done by the sticky header rows (.stickyRow): once a tall
+section's real header row scrolls far enough that the virtualizer unmounts it, this overlay keeps that
+section's header visible at the top. A mounted real header row (z-index 2) sits exactly over it, so
+the hand-off is invisible. It is interactive (click toggles the section, hover highlights), so wheel
+events over it are forwarded to the scroller in JS to keep scrolling working.
+
+Only the relative order of this local 3-layer stack matters — room rows (normal flow) < this overlay
+< real sticky header rows (.stickyRow) — so the values are just 1 and 2, not tied to any global scale.
+*/
+.stickyHeader {
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline: 0;
+    z-index: 1;
+    pointer-events: auto;
+}
+
+/*
+Section-header rows pin natively, which is what produces the cover/reveal: `top: 0` sticks each
+header to the scroller's top; z-index above the overlay (1) so a mounted real header covers the
+overlay backstop, and so a stuck header covers the room rows scrolling beneath it. Consecutive stuck
+headers stack in DOM order, so the incoming header covers the current one on scroll-down and the
+top one slides off to reveal the previous on scroll-up. (Room rows stay in normal flow, not sticky.)
+
+The opaque background is essential: every header scrolled past the top stays stuck at top:0, so they
+overlap. Without an opaque fill they show through each other (overlapping text); with it, the current
+(top-most, last-in-DOM) header covers the rest, and sliding it down on scroll-up reveals the previous.
+*/
+.stickyRow {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+    background: var(--cpd-color-bg-canvas-default);
+}
diff --git a/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx b/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx
new file mode 100644
index 00000000000..539a0601c2f
--- /dev/null
+++ b/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx
@@ -0,0 +1,218 @@
+/*
+ * 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 Meta, type StoryObj } from "@storybook/react-vite";
+import React from "react";
+
+import { GroupedVirtualizedList, type GroupedVirtualizedListProps } from "./GroupedVirtualizedList";
+import { type VirtualizedListContext } from "../virtualized-list";
+import { GroupHeaderComponent, groups, SimpleItemComponent, type SimpleGroupHeader } from "../story-mock";
+import { getContainerAccessibleProps, getGroupHeaderAccessibleProps, getItemAccessibleProps } from "../accessbility";
+
+// Calculate total rows for ARIA props (group headers + items)
+const totalRows = groups.reduce((total, group) => total + 1 + group.items.length, 0);
+
+const meta = {
+    title: "Core/GroupedVirtualizedList",
+    component: GroupedVirtualizedList<SimpleGroupHeader, SimpleItemComponent, undefined>,
+    parameters: {
+        docs: {
+            description: {
+                component: `
+A grouped virtualized list that renders large datasets organised into labelled sections
+efficiently using [react-virtuoso](https://virtuoso.dev/), while exposing full keyboard
+navigation for both group headers and child items.
+
+## Accessibility with **\`treegrid\`** ARIA pattern
+
+This example uses the **\`treegrid\`** ARIA pattern. A treegrid models a
+two-level hierarchy: group headers sit at **level 1** and their child items sit at
+**level 2**. This lets assistive technologies announce both the group structure and the
+position of each item within its group.
+
+### Container props — \`getContainerAccessibleProps("treegrid", totalRows)\`
+
+Spread the result of \`getContainerAccessibleProps("treegrid", totalRows)\` directly onto the
+\`GroupedVirtualizedList\` component to mark the scrollable container as a \`treegrid\`:
+
+| Prop | Value | Purpose |
+|------|-------|---------|
+| \`role\` | \`"treegrid"\` | Identifies the container as a treegrid widget to assistive technologies. |
+| \`aria-rowcount\` | \`totalRows\` | Total number of rows in the treegrid (group headers + items). Because virtualization only mounts a subset of rows, browsers cannot count them from the DOM — this attribute supplies the true count so screen readers can announce e.g. *"row 12 of 53"*. |
+
+\`totalRows\` must include **every** row that will ever appear: one per group header plus one
+per item across all groups.
+
+\`\`\`tsx
+const totalRows = groups.reduce((total, group) => total + 1 + group.items.length, 0);
+
+<GroupedVirtualizedList
+  {...getContainerAccessibleProps("treegrid", totalRows)}
+  aria-label="My grouped list"
+  {/* other props */}
+/>
+\`\`\`
+
+---
+
+### Group header props — \`getGroupHeaderAccessibleProps(index, groupIndex, groupSize)\`
+
+Spread the result of \`getGroupHeaderAccessibleProps\` onto each rendered group header element
+to place it at level 1 in the tree hierarchy:
+
+| Prop | Value | Purpose |
+|------|-------|---------|
+| \`role\` | \`"row"\` | Identifies the element as a row within the treegrid. |
+| \`aria-level\` | \`1\` | Places the header at the root level of the tree hierarchy. |
+| \`aria-posinset\` | \`groupIndex + 1\` | 1-based position of this group among all groups. |
+| \`aria-rowindex\` | \`index + 1\` | 1-based position of this row in the full flat row sequence (headers + items). |
+| \`aria-setsize\` | \`groupSize\` | Total number of items inside this group. |
+
+The list also uses a [roving tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex)
+pattern: \`context.tabIndexKey\` holds the key of the element that currently owns focus. Set
+\`tabIndex={0}\` on the matching gridcell and \`tabIndex={-1}\` on every other to keep the
+list to a single tab stop while arrow-key navigation moves focus between rows.
+
+\`\`\`tsx
+getGroupHeaderComponent={(groupIndex, header, context, onFocus) => {
+  // Flat row index: sum of (1 header + N items) for every preceding group
+  const index = groups
+    .slice(0, groupIndex)
+    .reduce((sum, g) => sum + 1 + g.items.length, 0);
+
+  const groupSize = groups[groupIndex].items.length;
+  const selected = context.tabIndexKey === header.id;
+
+  return (
+    <div
+      {...getGroupHeaderAccessibleProps(index, groupIndex, groupSize)}
+    >
+      {/* Direct child must be a gridcell */}
+      <button
+        role="gridcell"
+        type="button"
+        tabIndex={selected ? 0 : -1}
+        onFocus={(e) => onFocus(header, e)}
+        onClick={() => console.log("Clicked group header")}}
+      >
+        {header.label}
+      </button>
+    </div>
+  );
+}}
+\`\`\`
+
+---
+
+### Item props — \`getItemAccessibleProps("treegrid", index, indexInGroup)\`
+
+Spread the result of \`getItemAccessibleProps("treegrid", index, indexInGroup)\` onto each
+rendered item element to place it at level 2 in the tree hierarchy:
+
+| Prop | Value | Purpose |
+|------|-------|---------|
+| \`role\` | \`"row"\` | Identifies the element as a row within the treegrid. |
+| \`aria-level\` | \`2\` | Places the item as a child of its group header at level 1. |
+| \`aria-rowindex\` | \`index + 1\` | 1-based position of this row in the full flat row sequence (headers + items). |
+| \`aria-posinset\` | \`indexInGroup + 1\` | 1-based position of this item within its own group. |
+
+Both \`index\` (flat row index across the whole treegrid) and \`indexInGroup\` (position
+within the item's group) must be computed before passing to the function.
+As with group headers, apply the [roving tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex)
+pattern using \`context.tabIndexKey\` to keep the list to a single tab stop.
+
+\`\`\`tsx
+getItemComponent={(_, item, context, onFocus, groupIndex) => {
+  const group = groups[groupIndex];
+  const indexInGroup = group.items.findIndex((i) => i.id === item.id);
+
+  // Flat row index: skip (1 header + N items) per preceding group, then add
+  // 1 for the current group's header, then the item's position within the group.
+  const index = groups
+    .slice(0, groupIndex)
+    .reduce((sum, g) => sum + 1 + g.items.length, indexInGroup + 1);
+
+  const selected = context.tabIndexKey === item.id;
+
+  return (
+    <div
+      {...getItemAccessibleProps("treegrid", index, indexInGroup)}
+    >
+      {/* Direct child must be a gridcell */}
+      <button
+        role="gridcell"
+        type="button"
+        tabIndex={selected ? 0 : -1}
+        onFocus={(e) => onFocus(item, e)}
+        onClick={() => console.log("Clicked item")}}
+      >
+        {item.label}
+      </button>
+    </div>
+  );
+}}
+\`\`\`
+                `,
+            },
+        },
+    },
+    args: {
+        groups,
+        "getItemComponent": (
+            _index: number,
+            item: SimpleItemComponent,
+            context: VirtualizedListContext<undefined>,
+            onFocus: (item: SimpleItemComponent, e: React.FocusEvent) => void,
+            groupIndex: number,
+        ) => {
+            const group = groups[groupIndex];
+            const indexInGroup = group.items.findIndex((i) => i.id === item.id);
+            const index = groups.slice(0, groupIndex).reduce((sum, g) => sum + 1 + g.items.length, indexInGroup + 1);
+
+            return (
+                <SimpleItemComponent
+                    key={item.id}
+                    item={item}
+                    context={context}
+                    onFocus={onFocus}
+                    {...getItemAccessibleProps("treegrid", index, indexInGroup)}
+                />
+            );
+        },
+        "getGroupHeaderComponent": (
+            groupIndex: number,
+            header: SimpleGroupHeader,
+            context: VirtualizedListContext<undefined>,
+            onFocus: (header: SimpleGroupHeader, e: React.FocusEvent) => void,
+        ) => {
+            const index = groups.slice(0, groupIndex).reduce((sum, g) => sum + 1 + g.items.length, 0);
+            const groupSize = groups[groupIndex].items.length;
+
+            return (
+                <GroupHeaderComponent
+                    key={header.id}
+                    header={header}
+                    context={context}
+                    onFocus={onFocus}
+                    {...getGroupHeaderAccessibleProps(index, groupIndex, groupSize)}
+                />
+            );
+        },
+        "isItemFocusable": () => true,
+        "isGroupHeaderFocusable": () => true,
+        "getItemKey": (item) => item.id,
+        "getHeaderKey": (header) => header.id,
+        "style": { height: "400px" },
+        "aria-label": "Grouped virtualized list",
+        ...getContainerAccessibleProps("treegrid", totalRows),
+    },
+} satisfies Meta<GroupedVirtualizedListProps<SimpleGroupHeader, SimpleItemComponent, undefined>>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.tsx b/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.tsx
new file mode 100644
index 00000000000..f3da466cb4e
--- /dev/null
+++ b/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.tsx
@@ -0,0 +1,421 @@
+/*
+ * 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,
+    useCallback,
+    useEffect,
+    useLayoutEffect,
+    useMemo,
+    useRef,
+    useState,
+} from "react";
+import { type Components, type ListItem, Virtuoso, type VirtuosoHandle } from "react-virtuoso";
+
+import { useVirtualizedList, type VirtualizedListContext, type VirtualizedListProps } from "../virtualized-list";
+import styles from "./GroupedVirtualizedList.module.css";
+
+/**
+ * Virtuoso row wrapper that makes section-header rows `position: sticky`, so a header pins to the
+ * top and the next one slides up to cover it (and reveals the previous on the way back) — native,
+ * compositor-driven cover/reveal. Room rows render in normal flow. Because Virtuoso unmounts rows
+ * scrolled out of its render window, a tall section's header eventually unmounts and stops sticking;
+ * the pinned overlay (rendered outside the list) backstops that gap.
+ */
+// oxlint-disable-next-line no-restricted-properties
+const StickyRowItem: Components["Item"] = React.forwardRef(function StickyRowItem(
+    // `item` and `context` are Virtuoso-injected props, not DOM attributes — pull them out so they
+    // aren't spread onto the div (`context` would otherwise render as `context="[object Object]"`).
+    { item, context, children, ...props },
+    ref,
+) {
+    const isHeader = item != null && typeof item === "object" && "header" in item;
+    return (
+        <div {...props} ref={ref as React.Ref<HTMLDivElement>} className={isHeader ? styles.stickyRow : undefined}>
+            {children}
+        </div>
+    );
+});
+
+/**
+ * A group of items for the grouped virtualized list.
+ * The `header` uses a dedicated `Header` type, separate from the `Item` type
+ * used for the group's child items.
+ */
+export interface Group<Header, Item> {
+    /** The data representing this group's header. */
+    header: Header;
+    /** The items belonging to this group. */
+    items: Item[];
+}
+
+/**
+ * Internal discriminated union used to bridge the separate `Item` / `Header`
+ * types into a single array that the keyboard-navigation hook can operate on.
+ * Discriminated by property name: `"header" in entry` vs `"item" in entry`.
+ */
+type NavigationEntry<Header, Item> = { header: Header } | { item: Item };
+
+export interface GroupedVirtualizedListProps<Header, Item, Context> extends Omit<
+    VirtualizedListProps<Item, Context>,
+    // `itemsRendered`, `onScroll` and `scrollPaddingTop` are owned internally to drive the pinned
+    // header (see renderStickyHeader) and keep keyboard focus clear of it.
+    "items" | "isItemFocusable" | "getItemKey" | "itemsRendered" | "onScroll" | "scrollPaddingTop"
+> {
+    /**
+     * Optional ref to the underlying Virtuoso handle, for imperative scrolling.
+     */
+    scrollHandleRef?: React.RefCallback<VirtuosoHandle>;
+
+    /**
+     * The groups to display in the virtualized list.
+     * Each group has a header and an array of child items.
+     */
+    groups: Group<Header, Item>[];
+
+    /**
+     * Function to get a unique key for an item.
+     * @param item - The item to get the key for
+     * @returns A unique key string
+     */
+    getItemKey: (item: Item) => string;
+
+    /**
+     * Function to get a unique key for a group header.
+     * @param header - The header to get the key for
+     * @returns A unique key string
+     */
+    getHeaderKey: (header: Header) => string;
+
+    /**
+     * Function to determine if an item can receive focus during keyboard navigation.
+     * @param item - The item to check
+     * @returns true if the item can be focused
+     */
+    isItemFocusable: (item: Item) => boolean;
+
+    /**
+     * Function to determine if a group header can receive focus during keyboard navigation.
+     * @param header - The header to check
+     * @returns true if the header can be focused
+     */
+    isGroupHeaderFocusable: (header: Header) => boolean;
+
+    /**
+     * Function that renders the group header as a JSX element.
+     * @param groupIndex - The index of the group in the list
+     * @param header - The header data for this group
+     * @param context - The context object containing the focused key and any additional data
+     * @param onFocus - A callback that must be called when the group header component receives
+     *   focus. Should be invoked as `onFocus(header, e)`.
+     * @returns JSX element representing the rendered group header
+     */
+    getGroupHeaderComponent: (
+        groupIndex: number,
+        header: Header,
+        context: VirtualizedListContext<Context>,
+        onFocus: (header: Header, e: React.FocusEvent) => void,
+    ) => JSX.Element;
+
+    /**
+     * Function that renders each list item as a JSX element.
+     * @param index - The index of the item in the list (relative to the entire list, not the group)
+     * @param item - The data item to render
+     * @param context - The context object containing the focused key and any additional data
+     * @param onFocus - A callback that is required to be called when the item component receives focus
+     * @param groupIndex - The index of the group this item belongs to
+     * @returns JSX element representing the rendered item
+     */
+    getItemComponent: (
+        index: number,
+        item: Item,
+        context: VirtualizedListContext<Context>,
+        onFocus: (item: Item, e: React.FocusEvent) => void,
+        groupIndex: number,
+    ) => JSX.Element;
+
+    /**
+     * Optional renderer for a "pinned" header that stays fixed at the top of the scroll
+     * viewport, reflecting the group the user is currently scrolled within.
+     *
+     * List rows — including real group headers — are virtualized and unmount once scrolled out
+     * of the render window, so a CSS `position: sticky` header would disappear partway through a
+     * tall group. This header is rendered OUTSIDE the virtualized stream, so it never unmounts.
+     *
+     * The real header rows remain the focusable, accessible elements driving keyboard navigation
+     * and screen-reader output; this overlay must therefore be purely presentational and is
+     * hidden from assistive technology by the caller.
+     *
+     * @param groupIndex - The index of the group currently pinned at the top
+     * @param header - The header data for that group
+     * @param context - The list context, including any additional context data
+     * @returns The presentational pinned header, or `null`/`undefined` to render nothing
+     */
+    renderStickyHeader?: (groupIndex: number, header: Header, context: VirtualizedListContext<Context>) => ReactNode;
+}
+
+/**
+ * A generic grouped virtualized list component built on top of react-virtuoso's Virtuoso.
+ * Provides keyboard navigation (including group headers) and virtualized rendering for
+ * performance with large lists.
+ *
+ * Group headers use a dedicated `Header` type, while child items use `Item`.
+ * Internally, a unified flat array interleaving headers and items is built using
+ * `flatMap` so that the keyboard-navigation hook can treat every focusable element
+ * uniformly.
+ *
+ * @template Header - The type of group header data
+ * @template Item - The type of data items in the list
+ * @template Context - The type of additional context data passed to items
+ */
+export function GroupedVirtualizedList<Header, Item, Context>(
+    props: GroupedVirtualizedListProps<Header, Item, Context>,
+): React.ReactElement {
+    const {
+        getItemComponent,
+        groups,
+        getGroupHeaderComponent,
+        isItemFocusable,
+        isGroupHeaderFocusable,
+        getItemKey,
+        getHeaderKey,
+        scrollHandleRef,
+        renderStickyHeader,
+        ...restProps
+    } = props;
+
+    // Measured height of the pinned overlay header. Drives both the push animation and the keyboard
+    // scroll padding (so focused items land below the overlay rather than behind it). 0 = no overlay.
+    const [headerHeight, setHeaderHeight] = useState(0);
+
+    // Build a flat array interleaving group headers with items.
+    // Each entry is either { header } or { item }.
+    const flatEntries = useMemo(
+        () =>
+            groups.flatMap<NavigationEntry<Header, Item>>((group) => [
+                { header: group.header },
+                ...group.items.map<NavigationEntry<Header, Item>>((item) => ({
+                    item,
+                })),
+            ]),
+        [groups],
+    );
+
+    // Pre-compute a lookup from flat index to group index.
+    // Each group contributes 1 header + N items, all mapped to the same group index.
+    const flatIndexToGroupIndex = useMemo(
+        () => groups.flatMap((group, groupIdx) => new Array(1 + group.items.length).fill(groupIdx)),
+        [groups],
+    );
+
+    // Per-item top padding for keyboard scrolling: reserve the overlay height for room items (so
+    // they land below the pinned header), but 0 for header items — a focused header should land at
+    // the exact top, where the overlay yields to the real (focusable) header.
+    const getScrollPaddingTop = useCallback(
+        (index: number): number => {
+            const entry = flatEntries[index];
+            return entry && "header" in entry ? 0 : headerHeight;
+        },
+        [flatEntries, headerHeight],
+    );
+
+    // Wrap getItemKey: dispatch to getHeaderKey or getItemKey based on entry type
+    const wrappedGetEntryKey = useCallback(
+        (entry: NavigationEntry<Header, Item>): string =>
+            "header" in entry ? getHeaderKey(entry.header) : getItemKey(entry.item),
+        [getHeaderKey, getItemKey],
+    );
+
+    // Wrap isItemFocusable: headers use isGroupHeaderFocusable, items use isItemFocusable
+    const wrappedIsEntryFocusable = useCallback(
+        (entry: NavigationEntry<Header, Item>): boolean =>
+            "header" in entry ? isGroupHeaderFocusable(entry.header) : isItemFocusable(entry.item),
+        [isGroupHeaderFocusable, isItemFocusable],
+    );
+
+    const {
+        onFocusForGetItemComponent,
+        scrollerRef: hookScrollerRef,
+        ...virtuosoProps
+    } = useVirtualizedList<NavigationEntry<Header, Item>, Context>(
+        {
+            ...(restProps as Omit<
+                VirtualizedListProps<NavigationEntry<Header, Item>, Context>,
+                "items" | "isItemFocusable" | "getItemKey"
+            >),
+            items: flatEntries,
+            isItemFocusable: wrappedIsEntryFocusable,
+            getItemKey: wrappedGetEntryKey,
+            // Keep keyboard-focused rooms clear of the pinned overlay header (headers get 0; see above).
+            scrollPaddingTop: getScrollPaddingTop,
+        },
+        scrollHandleRef,
+    );
+
+    // Convert (Item, e) → (NavigationEntry, e) for regular items
+    const onFocusForItem = useCallback(
+        (item: Item, e: React.FocusEvent): void => {
+            onFocusForGetItemComponent({ item }, e);
+        },
+        [onFocusForGetItemComponent],
+    );
+
+    // Convert (Header, e) → (NavigationEntry, e) for group headers
+    const onFocusForHeader = useCallback(
+        (header: Header, e: React.FocusEvent): void => {
+            onFocusForGetItemComponent({ header }, e);
+        },
+        [onFocusForGetItemComponent],
+    );
+
+    // Unified item renderer that dispatches to group header or item component
+    // based on the entry type at the given flat index.
+    const itemContent = useCallback(
+        (
+            flatIndex: number,
+            _entry: NavigationEntry<Header, Item>,
+            context: VirtualizedListContext<Context>,
+        ): JSX.Element => {
+            const entry = flatEntries[flatIndex];
+            const groupIndex = flatIndexToGroupIndex[flatIndex];
+
+            if ("header" in entry) {
+                return getGroupHeaderComponent(groupIndex, entry.header, context, onFocusForHeader);
+            }
+
+            // Item index in the flattened (non-header) items array:
+            // flatIndex minus the number of headers before it (groupIndex + 1).
+            const itemIndex = flatIndex - (groupIndex + 1);
+            return getItemComponent(itemIndex, entry.item, context, onFocusForItem, groupIndex);
+        },
+        [
+            flatEntries,
+            flatIndexToGroupIndex,
+            getGroupHeaderComponent,
+            getItemComponent,
+            onFocusForItem,
+            onFocusForHeader,
+        ],
+    );
+
+    // --- Pinned ("sticky") header tracking -------------------------------------------------
+    // Work out which section is at the top of the viewport so the overlay can mirror it: find the
+    // top-most rendered item by comparing each item's measured `offset` (from `itemsRendered`)
+    // against the live `scrollTop`, then take that item's group.
+    //
+    // We can't use Virtuoso's reported range for this. It also counts the rows rendered off-screen
+    // above the viewport (`increaseViewportBy`), so its start index sits ~a screenful too high.
+    // Right after you scroll into a new section that start index is still back in the previous
+    // section — so the overlay would keep showing the previous section's header until you'd
+    // scrolled well into the new one.
+    const renderedItemsRef = useRef<{ index: number; offset: number }[]>([]);
+    const overlayRef = useRef<HTMLDivElement>(null);
+    // The scroller element, held as a ref for imperative reads (`scrollTop`, while computing the
+    // pinned header) and writes (wheel forwarding). A ref rather than state because mutating a
+    // *state* value's `scrollTop` trips react-compiler's immutability check, and scroll updates are
+    // driven by Virtuoso's `onScroll` prop — so no effect needs to re-subscribe when it mounts.
+    const scrollerElRef = useRef<HTMLElement | null>(null);
+    const [currentGroupIndex, setCurrentGroupIndex] = useState(0);
+
+    // Recompute which section the overlay backstop should mirror. Runs on every scroll frame, but
+    // it's cheap — it only reads scrollTop + the cached item offsets and updates a single state value.
+    const updateSticky = useCallback((): void => {
+        const scroller = scrollerElRef.current;
+        if (!scroller || flatIndexToGroupIndex.length === 0) return;
+        const scrollTop = scroller.scrollTop;
+        const rendered = renderedItemsRef.current;
+
+        // Find the top-most rendered item: the greatest measured offset that's still at or above the
+        // fold (+1px rounding tolerance). Its group is the section currently at the top.
+        let topIndex = rendered.length ? rendered[0].index : 0;
+        let bestOffset = rendered.length ? rendered[0].offset : 0;
+        for (const item of rendered) {
+            if (item.offset <= scrollTop + 1 && item.offset > bestOffset) {
+                bestOffset = item.offset;
+                topIndex = item.index;
+            }
+        }
+
+        const groupIndex = flatIndexToGroupIndex[topIndex] ?? 0;
+        setCurrentGroupIndex((prev) => (prev === groupIndex ? prev : groupIndex));
+    }, [flatIndexToGroupIndex]);
+
+    // Capture the latest item offsets, then refresh the pinned header.
+    const handleItemsRendered = useCallback(
+        (items: ListItem<NavigationEntry<Header, Item>>[]): void => {
+            renderedItemsRef.current = items.map((item) => ({ index: item.index, offset: item.offset }));
+            updateSticky();
+        },
+        [updateSticky],
+    );
+
+    // Compose the hook's scroller ref so we can also capture the element for imperative use
+    // (reading scrollTop while computing the pinned header, and forwarding wheel events).
+    const handleScrollerRef = useCallback(
+        (element: HTMLElement | Window | null): void => {
+            hookScrollerRef?.(element);
+            scrollerElRef.current = element instanceof HTMLElement ? element : null;
+        },
+        [hookScrollerRef],
+    );
+
+    // The overlay is interactive (so it can be clicked/hovered), which means it would otherwise
+    // swallow wheel scrolling over the header strip. Forward those wheel deltas to the scroller.
+    const handleOverlayWheel = useCallback((e: React.WheelEvent): void => {
+        const el = scrollerElRef.current;
+        if (el) el.scrollTop += e.deltaY * (e.deltaMode === 1 ? 16 : 1);
+    }, []);
+
+    // Measure the pinned header's height (used by the keyboard scroll padding, so a focused room
+    // lands clear of it) whenever it could have changed. setState bails out when unchanged.
+    useLayoutEffect(() => {
+        if (overlayRef.current) setHeaderHeight(overlayRef.current.offsetHeight);
+    }, [currentGroupIndex, groups]);
+
+    // Groups can change (sections added/removed/reordered); re-evaluate against the new layout.
+    useEffect(() => {
+        updateSticky();
+    }, [groups, updateSticky]);
+
+    const stickyGroupIndex = Math.min(currentGroupIndex, groups.length - 1);
+    const stickyHeader =
+        renderStickyHeader && stickyGroupIndex >= 0
+            ? renderStickyHeader(stickyGroupIndex, groups[stickyGroupIndex].header, virtuosoProps.context)
+            : null;
+
+    return (
+        <div className={styles.stickyRoot}>
+            {stickyHeader != null && (
+                <div className={styles.stickyHeader} ref={overlayRef} onWheel={handleOverlayWheel}>
+                    {stickyHeader}
+                </div>
+            )}
+            <Virtuoso
+                // note that either the container of direct children must be focusable to be axe
+                // compliant, so we leave tabIndex as the default so the container can be focused
+                // (virtuoso wraps the children inside another couple of elements so setting it
+                // on those doesn't seem to work, unfortunately)
+                itemContent={itemContent}
+                data={flatEntries}
+                {...virtuosoProps}
+                components={
+                    { Item: StickyRowItem } as Components<
+                        NavigationEntry<Header, Item>,
+                        VirtualizedListContext<Context>
+                    >
+                }
+                scrollerRef={handleScrollerRef}
+                itemsRendered={handleItemsRendered}
+                // Keep the overlay backstop's section current as you scroll. The cover/reveal
+                // animation is native `position: sticky` (.stickyRow), so this only tracks which
+                // section the backstop should mirror.
+                onScroll={updateSticky}
+            />
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/index.ts b/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/index.ts
new file mode 100644
index 00000000000..d905cc055e5
--- /dev/null
+++ b/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/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 { GroupedVirtualizedList } from "./GroupedVirtualizedList";
+export type { GroupedVirtualizedListProps, Group } from "./GroupedVirtualizedList";
diff --git a/packages/shared-components/src/core/VirtualizedList/accessbility.ts b/packages/shared-components/src/core/VirtualizedList/accessbility.ts
new file mode 100644
index 00000000000..b414f16aab9
--- /dev/null
+++ b/packages/shared-components/src/core/VirtualizedList/accessbility.ts
@@ -0,0 +1,158 @@
+/*
+ * 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.
+ */
+
+/** The ARIA pattern used to make the virtualized list accessible. */
+export type Pattern = "listbox" | "treegrid";
+
+/** ARIA props for a `listbox` container element. */
+export type ListboxContainerProps = {
+    role: "listbox";
+};
+
+/** ARIA props for a `treegrid` container element, including the total row count. */
+export type TreegridContainerProps = {
+    /** The ARIA role identifying this element as a treegrid. */
+    "role": "treegrid";
+    /** The total number of rows in the treegrid, used by assistive technologies to announce list size. */
+    "aria-rowcount": number;
+};
+
+/**
+ * Returns the ARIA props to spread onto the virtualized list container element.
+ *
+ * @param pattern - `"listbox"` — returns {@link ListboxContainerProps}.
+ * @returns ARIA props for a `listbox` container.
+ */
+export function getContainerAccessibleProps(pattern: "listbox"): ListboxContainerProps;
+/**
+ * Returns the ARIA props to spread onto the virtualized list container element.
+ *
+ * @param pattern - `"treegrid"` — returns {@link TreegridContainerProps}.
+ * @param size - Total number of rows in the treegrid, set as `aria-rowcount`.
+ * @returns ARIA props for a `treegrid` container.
+ */
+export function getContainerAccessibleProps(pattern: "treegrid", size: number): TreegridContainerProps;
+export function getContainerAccessibleProps(
+    pattern: Pattern,
+    size?: number,
+): ListboxContainerProps | TreegridContainerProps {
+    switch (pattern) {
+        case "listbox":
+            return {
+                role: "listbox",
+            };
+        case "treegrid":
+            return {
+                "role": "treegrid",
+                "aria-rowcount": size!,
+            };
+    }
+}
+
+/** ARIA props for an item rendered inside a `listbox`. */
+export type ListboxItemProps = {
+    /** Identifies the element as a selectable option within the listbox. */
+    "role": "option";
+    /** The 1-based position of this option within the full set, used for virtual lists where not all DOM nodes are mounted. */
+    "aria-posinset": number;
+    /** The total number of options in the set. */
+    "aria-setsize": number;
+};
+
+/** ARIA props for an item rendered inside a `treegrid` at depth level 2 (i.e. a child row within a group). */
+export type TreegridItemProps = {
+    /** Identifies the element as a row within the treegrid. */
+    "role": "row";
+    /** The depth of this row in the tree hierarchy. Items are always at level 2 (inside a group). */
+    "aria-level": 2;
+    /** The 1-based index of this row within the full treegrid row sequence (headers + items). */
+    "aria-rowindex": number;
+    /** The 1-based position of this item within its group, used by assistive technologies to announce position. */
+    "aria-posinset": number;
+};
+
+/** ARIA props for a virtualized list item, either in a `listbox` or `treegrid`. */
+export type ItemAccessibleProps = ListboxItemProps | TreegridItemProps;
+
+/**
+ * Returns the ARIA props to spread onto a virtualized list item element.
+ *
+ * @param pattern - `"listbox"` — returns {@link ListboxItemProps}.
+ * @param index - The 0-based index of the item in the full flat list.
+ * @param listSize - The total number of items across the entire list.
+ * @returns ARIA props for a `listbox` option.
+ */
+export function getItemAccessibleProps(pattern: "listbox", index: number, listSize: number): ListboxItemProps;
+/**
+ * Returns the ARIA props to spread onto a virtualized list item element.
+ *
+ * @param pattern - `"treegrid"` — returns {@link TreegridItemProps}.
+ * @param index - The 0-based index of this row in the full flat treegrid row sequence (headers + items).
+ * @param indexInGroup - The 0-based index of this item within its group, used to compute `aria-posinset`.
+ * @returns ARIA props for a `treegrid` row at level 2.
+ */
+export function getItemAccessibleProps(pattern: "treegrid", index: number, indexInGroup: number): TreegridItemProps;
+export function getItemAccessibleProps(
+    pattern: Pattern,
+    index: number,
+    listSizeOrIndexInGroup: number,
+): ListboxItemProps | TreegridItemProps {
+    switch (pattern) {
+        case "listbox":
+            return {
+                "role": "option",
+                "aria-posinset": index + 1,
+                "aria-setsize": listSizeOrIndexInGroup,
+            };
+        case "treegrid":
+            return {
+                "role": "row",
+                "aria-level": 2,
+                "aria-rowindex": index + 1,
+                "aria-posinset": listSizeOrIndexInGroup + 1,
+            };
+    }
+}
+
+/** ARIA props for a group header row rendered inside a `treegrid` at depth level 1. */
+export type TreegridGroupHeaderProps = {
+    /** Identifies the element as a row within the treegrid. */
+    "role": "row";
+    /** The depth of this row in the tree hierarchy. Group headers are always at the root level (1). */
+    "aria-level": 1;
+    /** The 1-based position of this group among all groups. */
+    "aria-posinset": number;
+    /** The 1-based index of this row within the full treegrid row sequence (headers + items). */
+    "aria-rowindex": number;
+    /** The total number of groups in the treegrid. */
+    "aria-setsize": number;
+};
+
+/**
+ * Returns the ARIA props to spread onto a group header row element inside a `treegrid`.
+ *
+ * Group headers are rendered at `aria-level="1"` and act as the parent nodes for their
+ * child item rows (`aria-level="2"`).
+ *
+ * @param index - The 0-based index of this row in the full flat treegrid row sequence (headers + items), used to compute `aria-rowindex`.
+ * @param groupIndex - The 0-based index of this group among all groups, used to compute `aria-posinset`.
+ * @param groupSize - The total number of items in the group, set as `aria-setsize`.
+ * @returns ARIA props for a group header `row` at level 1.
+ */
+export function getGroupHeaderAccessibleProps(
+    index: number,
+    groupIndex: number,
+    groupSize: number,
+): TreegridGroupHeaderProps {
+    return {
+        "role": "row",
+        "aria-level": 1,
+        "aria-posinset": groupIndex + 1,
+        "aria-rowindex": index + 1,
+        "aria-setsize": groupSize,
+    };
+}
diff --git a/packages/shared-components/src/core/VirtualizedList/index.ts b/packages/shared-components/src/core/VirtualizedList/index.ts
new file mode 100644
index 00000000000..8aea34c326c
--- /dev/null
+++ b/packages/shared-components/src/core/VirtualizedList/index.ts
@@ -0,0 +1,17 @@
+/*
+ * 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 { FlatVirtualizedList } from "./FlatVirtualizedList";
+export type { FlatVirtualizedListProps } from "./FlatVirtualizedList";
+export { GroupedVirtualizedList } from "./GroupedVirtualizedList";
+export type { GroupedVirtualizedListProps, Group } from "./GroupedVirtualizedList";
+export type { VirtualizedListContext, ScrollIntoViewOnChange } from "./virtualized-list";
+export * from "./accessbility";
+
+// 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/core/VirtualizedList/story-mock.module.css b/packages/shared-components/src/core/VirtualizedList/story-mock.module.css
new file mode 100644
index 00000000000..44b1e35161e
--- /dev/null
+++ b/packages/shared-components/src/core/VirtualizedList/story-mock.module.css
@@ -0,0 +1,37 @@
+/*
+ * 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.
+ */
+
+.item {
+    all: unset;
+    width: 100%;
+    padding: 12px 16px;
+    border-bottom: 1px solid #e0e0e0;
+
+    button {
+        all: unset;
+    }
+}
+
+.itemSelected {
+    background-color: #559f24;
+}
+
+.group {
+    width: 100%;
+    padding: 8px;
+    background-color: #00adad;
+    border: 1px solid lightgrey;
+    font-weight: "bold";
+
+    button {
+        all: unset;
+    }
+}
+
+.groupSelected {
+    background-color: #559f24;
+}
diff --git a/packages/shared-components/src/core/VirtualizedList/story-mock.tsx b/packages/shared-components/src/core/VirtualizedList/story-mock.tsx
new file mode 100644
index 00000000000..7f8424eeb8d
--- /dev/null
+++ b/packages/shared-components/src/core/VirtualizedList/story-mock.tsx
@@ -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 React, { memo } from "react";
+import { type JSX } from "react";
+import classNames from "classnames";
+
+import { type VirtualizedListContext } from "./virtualized-list";
+import type { Group } from "./GroupedVirtualizedList";
+import styles from "./story-mock.module.css";
+import type { ItemAccessibleProps, TreegridGroupHeaderProps } from "./accessbility";
+
+export interface SimpleItemComponent {
+    id: string;
+    label: string;
+}
+
+export interface SimpleGroupHeader {
+    id: string;
+    label: string;
+}
+
+export const items: SimpleItemComponent[] = Array.from({ length: 50 }, (_, i) => ({
+    id: `item-${i}`,
+    label: `Item ${i + 1}`,
+}));
+
+export const groups: Group<SimpleGroupHeader, SimpleItemComponent>[] = [
+    { header: { id: "group-1", label: "Group 1" }, items: items.slice(0, 10) },
+    { header: { id: "group-2", label: "Group 2" }, items: items.slice(10, 30) },
+    { header: { id: "group-3", label: "Group 3" }, items: items.slice(30, 50) },
+];
+
+type SimpleItemComponentProps<Context> = ItemAccessibleProps & {
+    item: SimpleItemComponent;
+    context: Context;
+    onFocus: (item: SimpleItemComponent, e: React.FocusEvent) => void;
+};
+
+export const SimpleItemComponent = memo(function SimpleItemComponent({
+    item,
+    context,
+    onFocus,
+    ...rest
+}: SimpleItemComponentProps<VirtualizedListContext<undefined>>): JSX.Element {
+    const selected = context.tabIndexKey === item.id;
+    const { role } = rest;
+
+    const buttonProps = role === "row" ? { role: "gridcell" } : rest;
+    const button = (
+        <button
+            className={classNames(styles.item, { [styles.itemSelected]: selected })}
+            tabIndex={selected ? 0 : -1}
+            type="button"
+            {...buttonProps}
+            onFocus={(e) => onFocus(item, e)}
+        >
+            {item.label}
+        </button>
+    );
+
+    if (role === "option") return button;
+
+    return (
+        <div {...rest} {...{ "aria-selected": selected }}>
+            {button}
+        </div>
+    );
+});
+
+interface GroupHeaderComponentProps extends TreegridGroupHeaderProps {
+    header: SimpleGroupHeader;
+    context: VirtualizedListContext<undefined>;
+    onFocus: (header: SimpleGroupHeader, e: React.FocusEvent) => void;
+}
+
+export const GroupHeaderComponent = memo(function GroupHeaderComponent({
+    header,
+    context,
+    onFocus,
+    ...rest
+}: GroupHeaderComponentProps): JSX.Element {
+    const selected = context.tabIndexKey === header.id;
+
+    return (
+        <div
+            {...rest}
+            {...{ "aria-selected": selected }}
+            className={classNames(styles.group, { [styles.groupSelected]: selected })}
+        >
+            <button tabIndex={selected ? 0 : -1} type="button" role="gridcell" onFocus={(e) => onFocus(header, e)}>
+                {header.label}
+            </button>
+        </div>
+    );
+});
diff --git a/packages/shared-components/src/core/VirtualizedList/virtualized-list.test.tsx b/packages/shared-components/src/core/VirtualizedList/virtualized-list.test.tsx
new file mode 100644
index 00000000000..d677707adf3
--- /dev/null
+++ b/packages/shared-components/src/core/VirtualizedList/virtualized-list.test.tsx
@@ -0,0 +1,842 @@
+/*
+ * 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 { render, screen, fireEvent, waitFor, act } from "@test-utils";
+import { VirtuosoMockContext } from "react-virtuoso";
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+
+import { FlatVirtualizedList, type FlatVirtualizedListProps } from "./FlatVirtualizedList";
+import { GroupedVirtualizedList, type GroupedVirtualizedListProps } from "./GroupedVirtualizedList";
+import type { VirtualizedListContext } from "./virtualized-list";
+
+// ─── Test types ──────────────────────────────────────────────────────────────
+
+interface TestItem {
+    id: string;
+    name: string;
+    isFocusable?: boolean;
+}
+
+const SEPARATOR_ITEM = "SEPARATOR" as const;
+type TestItemWithSeparator = TestItem | typeof SEPARATOR_ITEM;
+
+interface TestGroupHeader {
+    id: string;
+    name: string;
+}
+
+// ─── Shared helpers ──────────────────────────────────────────────────────────
+
+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);
+};
+
+const getItemKey = (item: TestItemWithSeparator): string => (typeof item === "string" ? item : item.id);
+
+/** Renders an item element used by the default mock. */
+function renderItemElement(
+    index: number,
+    item: TestItemWithSeparator,
+    context: VirtualizedListContext<any>,
+): React.JSX.Element {
+    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} role="gridcell">
+            {item === SEPARATOR_ITEM ? "---" : item.name}
+        </div>
+    );
+}
+
+/** Renders a clickable item element used by the scroll-click test mock. */
+function renderClickableItemElement(
+    index: number,
+    item: TestItemWithSeparator,
+    context: VirtualizedListContext<any>,
+    onFocus: (item: TestItemWithSeparator, e: React.FocusEvent) => void,
+    onClick: () => void,
+): React.JSX.Element {
+    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}
+            role="button"
+            onClick={onClick}
+            onKeyDown={(e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                    onClick();
+                }
+            }}
+            onFocus={(e) => onFocus(item, e)}
+        >
+            {item === SEPARATOR_ITEM ? "---" : item.name}
+        </div>
+    );
+}
+
+// ─── Variant definitions ─────────────────────────────────────────────────────
+
+interface ListTestVariant {
+    name: string;
+    /** Build the JSX element for the given items and props. */
+    createComponent: (
+        items: TestItemWithSeparator[],
+        mockGetItemComponent: any,
+        mockIsItemFocusable: any,
+        extraProps?: Record<string, unknown>,
+    ) => React.JSX.Element;
+    /** Wire up the default `getItemComponent` mock (simple items, no onFocus). */
+    setupDefaultMock: (mockGetItemComponent: any, getItems: () => TestItemWithSeparator[]) => void;
+    /** Wire up the `getItemComponent` mock for the click-after-scroll test. */
+    setupClickTestMock: (mockGetItemComponent: any, mockOnClick: any, getItems: () => TestItemWithSeparator[]) => void;
+    /** Number of ArrowDown key presses after initial focus to reach the first regular item.
+     *  0 for flat lists, 1 for grouped lists (to skip past the group header). */
+    stepsToFirstItem: number;
+    /** CSS selector matching all elements that participate in keyboard navigation. */
+    navigableSelector: string;
+}
+
+const flatVariant: ListTestVariant = {
+    name: "FlatVirtualizedList",
+    stepsToFirstItem: 0,
+    navigableSelector: ".mx_item",
+
+    createComponent(items, mockGetItemComponent, mockIsItemFocusable, extraProps = {}) {
+        const props: FlatVirtualizedListProps<TestItemWithSeparator, any> = {
+            items,
+            "getItemComponent": mockGetItemComponent,
+            "isItemFocusable": mockIsItemFocusable,
+            getItemKey,
+            "role": "grid",
+            "aria-rowcount": items.length,
+            "aria-colcount": 1,
+            ...extraProps,
+        };
+        return <FlatVirtualizedList {...props} />;
+    },
+
+    setupDefaultMock(mockGetItemComponent, _getItems) {
+        mockGetItemComponent.mockImplementation(
+            (index: number, item: TestItemWithSeparator, context: VirtualizedListContext<any>) =>
+                renderItemElement(index, item, context),
+        );
+    },
+
+    setupClickTestMock(mockGetItemComponent, mockOnClick, _getItems) {
+        mockGetItemComponent.mockImplementation(
+            (
+                index: number,
+                item: TestItemWithSeparator,
+                context: VirtualizedListContext<any>,
+                onFocus: (item: TestItemWithSeparator, e: React.FocusEvent) => void,
+            ) => renderClickableItemElement(index, item, context, onFocus, () => mockOnClick(item)),
+        );
+    },
+};
+
+const groupedVariant: ListTestVariant = {
+    name: "GroupedVirtualizedList",
+    stepsToFirstItem: 1,
+    navigableSelector: ".mx_group_header, .mx_item",
+
+    createComponent(items, mockGetItemComponent, mockIsItemFocusable, extraProps = {}) {
+        const header: TestGroupHeader = { id: "test-group-header", name: "Group 0" };
+        const props: GroupedVirtualizedListProps<TestGroupHeader, TestItemWithSeparator, any> = {
+            "groups": [{ header, items }],
+            "getItemComponent": mockGetItemComponent,
+            "getGroupHeaderComponent": (
+                _groupIndex: number,
+                header: TestGroupHeader,
+                context: VirtualizedListContext<any>,
+                onFocus: (header: TestGroupHeader, e: React.FocusEvent) => void,
+            ) => (
+                <div
+                    className="mx_group_header"
+                    data-testid={`group-header-${header.id}`}
+                    // oxlint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+                    tabIndex={context.tabIndexKey === header.id ? 0 : -1}
+                    onFocus={(e) => onFocus(header, e)}
+                >
+                    {header.name}
+                </div>
+            ),
+            "isGroupHeaderFocusable": () => true,
+            "isItemFocusable": mockIsItemFocusable,
+            getItemKey,
+            "getHeaderKey": (header) => header.id,
+            "role": "grid",
+            "aria-rowcount": items.length,
+            "aria-colcount": 1,
+            ...extraProps,
+        };
+        return <GroupedVirtualizedList {...props} />;
+    },
+
+    setupDefaultMock(mockGetItemComponent, _getItems) {
+        mockGetItemComponent.mockImplementation(
+            (index: number, item: TestItemWithSeparator, context: VirtualizedListContext<any>) =>
+                renderItemElement(index, item, context),
+        );
+    },
+
+    setupClickTestMock(mockGetItemComponent, mockOnClick, _getItems) {
+        mockGetItemComponent.mockImplementation(
+            (
+                index: number,
+                item: TestItemWithSeparator,
+                context: VirtualizedListContext<any>,
+                onFocus: (item: TestItemWithSeparator, e: React.FocusEvent) => void,
+            ) => renderClickableItemElement(index, item, context, onFocus, () => mockOnClick(item)),
+        );
+    },
+};
+
+// ─── Shared test suite ───────────────────────────────────────────────────────
+
+const virtuosoWrapper = ({ children }: PropsWithChildren): React.JSX.Element => (
+    <VirtuosoMockContext.Provider value={{ viewportHeight: 400, itemHeight: 56 }}>
+        {children}
+    </VirtuosoMockContext.Provider>
+);
+
+describe.each<ListTestVariant>([flatVariant, groupedVariant])("$name", (variant) => {
+    const mockGetItemComponent = vi.fn();
+    const mockIsItemFocusable = vi.fn();
+
+    const defaultItems: TestItemWithSeparator[] = [
+        { id: "1", name: "Item 1" },
+        SEPARATOR_ITEM,
+        { id: "2", name: "Item 2" },
+        { id: "3", name: "Item 3" },
+    ];
+
+    /** Tracks whichever items were most recently passed to render / rerender,
+     *  so the grouped variant's mock can look them up by index. */
+    let currentItems: TestItemWithSeparator[] = defaultItems;
+
+    const getListComponent = (
+        items: TestItemWithSeparator[],
+        extraProps: Record<string, unknown> = {},
+    ): React.JSX.Element => {
+        currentItems = items;
+        return variant.createComponent(items, mockGetItemComponent, mockIsItemFocusable, extraProps);
+    };
+
+    const renderListWithHeight = (
+        overrides: { items?: TestItemWithSeparator[] } & Record<string, unknown> = {},
+    ): ReturnType<typeof render> => {
+        const { items: overrideItems, ...extraProps } = overrides;
+        const items = overrideItems ?? defaultItems;
+        return render(getListComponent(items, extraProps), { wrapper: virtuosoWrapper });
+    };
+
+    beforeEach(() => {
+        vi.clearAllMocks();
+        currentItems = defaultItems;
+        variant.setupDefaultMock(mockGetItemComponent, () => currentItems);
+        mockIsItemFocusable.mockImplementation((item: TestItemWithSeparator) => item !== SEPARATOR_ITEM);
+    });
+
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    describe("Rendering", () => {
+        it("should render the VirtualizedList component", () => {
+            renderListWithHeight();
+            expect(screen.getByRole("grid")).toBeDefined();
+        });
+
+        it("should render with empty items array", () => {
+            renderListWithHeight({ items: [] });
+            expect(screen.getByRole("grid")).toBeDefined();
+        });
+    });
+
+    /** Press ArrowDown the required number of times to move from the initial
+     *  focus target (e.g. a group header) to the first regular item. */
+    const navigateToFirstItem = (container: Element): void => {
+        for (let i = 0; i < variant.stepsToFirstItem; i++) {
+            fireEvent.keyDown(container, { code: "ArrowDown" });
+        }
+    };
+
+    describe("Keyboard Navigation", () => {
+        it("should handle ArrowDown key navigation", () => {
+            renderListWithHeight();
+            const container = screen.getByRole("grid");
+
+            fireEvent.focus(container);
+            navigateToFirstItem(container);
+            fireEvent.keyDown(container, { code: "ArrowDown" });
+
+            // ArrowDown should skip the non-focusable item at index 1 and go to index 2
+            const items = container.querySelectorAll(".mx_item");
+            expectTabIndex(items[2], "0");
+            expectTabIndex(items[0], "-1");
+            expectTabIndex(items[1], "-1");
+        });
+
+        it("should handle ArrowUp key navigation", () => {
+            renderListWithHeight();
+            const container = screen.getByRole("grid");
+
+            // First focus and navigate down past separator
+            fireEvent.focus(container);
+            navigateToFirstItem(container);
+            fireEvent.keyDown(container, { code: "ArrowDown" });
+
+            // Then navigate back up
+            fireEvent.keyDown(container, { code: "ArrowUp" });
+
+            // Verify focus moved back to first item
+            const items = container.querySelectorAll(".mx_item");
+            expectTabIndex(items[0], "0");
+            expectTabIndex(items[1], "-1");
+        });
+
+        it("should handle Home key navigation", () => {
+            renderListWithHeight();
+            const container = screen.getByRole("grid");
+
+            // First focus and navigate to a later item
+            fireEvent.focus(container);
+            navigateToFirstItem(container);
+            fireEvent.keyDown(container, { code: "ArrowDown" });
+            fireEvent.keyDown(container, { code: "ArrowDown" });
+
+            // Then press Home to go to first navigable element
+            fireEvent.keyDown(container, { code: "Home" });
+
+            // Verify focus moved to the very first navigable element
+            const allNav = container.querySelectorAll(variant.navigableSelector);
+            expectTabIndex(allNav[0], "0");
+            // Check that other navigable elements are not focused
+            for (let i = 1; i < allNav.length; i++) {
+                expectTabIndex(allNav[i], "-1");
+            }
+        });
+
+        it("should handle End key navigation", () => {
+            renderListWithHeight();
+            const container = screen.getByRole("grid");
+
+            // First focus on the list
+            fireEvent.focus(container);
+
+            // Then press End to go to last item
+            fireEvent.keyDown(container, { code: "End" });
+
+            // Verify focus moved to last visible navigable element
+            const allNav = container.querySelectorAll(variant.navigableSelector);
+            const lastIndex = allNav.length - 1;
+            expectTabIndex(allNav[lastIndex], "0");
+            // Check that other navigable elements are not focused
+            for (let i = 0; i < lastIndex; i++) {
+                expectTabIndex(allNav[i], "-1");
+            }
+        });
+
+        it("should handle PageDown key navigation", () => {
+            renderListWithHeight();
+            const container = screen.getByRole("grid");
+
+            // First focus on the list and navigate to first item
+            fireEvent.focus(container);
+            navigateToFirstItem(container);
+
+            // Then press PageDown to jump down by viewport size
+            fireEvent.keyDown(container, { code: "PageDown" });
+
+            // Verify focus moved down
+            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;
+            expectTabIndex(items[lastIndex], "0");
+            expectTabIndex(items[0], "-1");
+        });
+
+        it("should handle PageUp key navigation", () => {
+            renderListWithHeight();
+            const container = screen.getByRole("grid");
+
+            // First focus, navigate to first item, then End
+            fireEvent.focus(container);
+            navigateToFirstItem(container);
+            fireEvent.keyDown(container, { code: "End" });
+
+            // Then press PageUp to jump up by viewport size
+            fireEvent.keyDown(container, { code: "PageUp" });
+
+            // Verify focus moved up – use the variant's navigable selector so
+            // group headers (which are also navigable) are included.
+            const allNav = container.querySelectorAll(variant.navigableSelector);
+            // PageUp should move back to the first navigable element since we only have a few items
+            expectTabIndex(allNav[0], "0");
+            const lastIndex = allNav.length - 1;
+            expectTabIndex(allNav[lastIndex], "-1");
+        });
+
+        it("should not handle keyboard navigation when modifier keys are pressed", () => {
+            renderListWithHeight();
+            const container = screen.getByRole("grid");
+
+            fireEvent.focus(container);
+            navigateToFirstItem(container);
+
+            // Store initial state - first item should be focused
+            const initialItems = container.querySelectorAll(".mx_item");
+            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");
+            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");
+            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");
+            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");
+            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");
+            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", () => {
+            // Create items where every other item is not focusable
+            const mixedItems: TestItemWithSeparator[] = [
+                { id: "1", name: "Item 1", isFocusable: true },
+                { id: "2", name: "Item 2", isFocusable: false },
+                { id: "3", name: "Item 3", isFocusable: true },
+                SEPARATOR_ITEM,
+                { id: "4", name: "Item 4", isFocusable: true },
+            ];
+
+            mockIsItemFocusable.mockImplementation((item: TestItemWithSeparator) => {
+                if (item === SEPARATOR_ITEM) return false;
+                return item.isFocusable !== false;
+            });
+
+            renderListWithHeight({ items: mixedItems });
+            const container = screen.getByRole("grid");
+
+            fireEvent.focus(container);
+            navigateToFirstItem(container);
+            fireEvent.keyDown(container, { code: "ArrowDown" });
+
+            // 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");
+            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", () => {
+            const mixedItems: TestItemWithSeparator[] = [
+                { id: "1", name: "Item 1", isFocusable: true },
+                SEPARATOR_ITEM,
+                { id: "2", name: "Item 2", isFocusable: false },
+                { id: "3", name: "Item 3", isFocusable: true },
+            ];
+
+            mockIsItemFocusable.mockImplementation((item: TestItemWithSeparator) => {
+                if (item === SEPARATOR_ITEM) return false;
+                return item.isFocusable !== false;
+            });
+
+            renderListWithHeight({ items: mixedItems });
+            const container = screen.getByRole("grid");
+
+            // Focus and go to last item first, then navigate up
+            fireEvent.focus(container);
+            fireEvent.keyDown(container, { code: "End" });
+            fireEvent.keyDown(container, { code: "ArrowUp" });
+
+            // Verify it skipped non-focusable items and went to the first focusable item.
+            // For grouped lists the header sits above the first item, so ArrowUp from
+            // Item 2 (skipping the non-focusable entries) lands on Item 1.
+            const items = container.querySelectorAll(".mx_item");
+            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 navigable element when list gains focus for the first time", () => {
+            renderListWithHeight();
+            const container = screen.getByRole("grid");
+
+            // Initial focus should go to first navigable element
+            fireEvent.focus(container);
+
+            // Verify first navigable element gets focus
+            const allNav = container.querySelectorAll(variant.navigableSelector);
+            expectTabIndex(allNav[0], "0");
+            // Other navigable elements should not be focused
+            for (let i = 1; i < allNav.length; i++) {
+                expectTabIndex(allNav[i], "-1");
+            }
+        });
+
+        it("should restore last focused item when regaining focus", () => {
+            renderListWithHeight();
+            const container = screen.getByRole("grid");
+
+            // Focus and navigate to simulate previous usage
+            fireEvent.focus(container);
+            navigateToFirstItem(container);
+            fireEvent.keyDown(container, { code: "ArrowDown" });
+
+            // Verify item 2 is focused (ArrowDown skips separator)
+            let items = container.querySelectorAll(".mx_item");
+            expectTabIndex(items[2], "0");
+
+            // Simulate blur by focusing elsewhere
+            fireEvent.blur(container);
+
+            // Regain focus should restore last position
+            fireEvent.focus(container);
+
+            // Verify focus is restored to the previously focused item
+            items = container.querySelectorAll(".mx_item");
+            expectTabIndex(items[2], "0"); // Should still be item 2
+        });
+
+        it("should not interfere with focus if item is already focused", () => {
+            renderListWithHeight();
+            const container = screen.getByRole("grid");
+
+            // Focus once
+            fireEvent.focus(container);
+
+            // Focus again when already focused
+            fireEvent.focus(container);
+
+            expect(container).toBeDefined();
+        });
+
+        it("should not scroll to top when clicking an item after manual scroll", () => {
+            // Create a larger list to enable meaningful scrolling
+            const largerItems: TestItemWithSeparator[] = Array.from({ length: 50 }, (_, i) => ({
+                id: `item-${i}`,
+                name: `Item ${i}`,
+            }));
+
+            const mockOnClick = vi.fn();
+
+            variant.setupClickTestMock(mockGetItemComponent, mockOnClick, () => currentItems);
+
+            const { container } = renderListWithHeight({ items: largerItems });
+            const listContainer = screen.getByRole("grid");
+
+            // Step 1: Focus the list initially and navigate to the first regular item
+            fireEvent.focus(listContainer);
+            navigateToFirstItem(listContainer);
+
+            // Verify first item is focused and tabIndexKey is set to first item
+            let items = container.querySelectorAll(".mx_item");
+            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
+            // tabIndexKey should still point to "item-0" but "item-0" is no longer visible
+            fireEvent.scroll(listContainer, { target: { scrollTop: 300 } });
+
+            // Step 3: After scrolling, different items should now be visible
+            // but tabIndexKey should still point to "item-0" (which is no longer visible)
+            items = container.querySelectorAll(".mx_item");
+
+            // Verify that item-0 is no longer in the DOM (because it's scrolled out of view)
+            const item0 = container.querySelector("[data-testid='row-0']");
+            expect(item0).toBeNull();
+
+            // Find a visible item to click on (should be items from further down the list)
+            const visibleItems = container.querySelectorAll(".mx_item");
+            expect(visibleItems.length).toBeGreaterThan(0);
+            const clickTargetItem = visibleItems[0];
+
+            // Click on the visible item
+            fireEvent.click(clickTargetItem);
+            // The click should trigger the onFocus callback, which updates the tabIndexKey
+            // This simulates the real user interaction where clicking an item focuses it
+            fireEvent.focus(clickTargetItem);
+
+            // Verify the click was handled
+            expect(mockOnClick).toHaveBeenCalled();
+
+            // With the fix applied: the clicked item should become focused (tabindex="0")
+            // This validates that the fix prevents unwanted scrolling back to the top
+            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)
+            const item0AfterClick = container.querySelector("[data-testid='row-0']");
+            expect(item0AfterClick).toBeNull();
+        });
+    });
+
+    describe("Group header keyboard navigation", () => {
+        // These tests only exercise meaningful behaviour for the grouped variant;
+        // for the flat variant they degenerate to basic navigation assertions.
+        it("should navigate from first navigable element to the first item with ArrowDown", () => {
+            renderListWithHeight();
+            const container = screen.getByRole("grid");
+
+            fireEvent.focus(container);
+            navigateToFirstItem(container);
+
+            const items = container.querySelectorAll(".mx_item");
+            expectTabIndex(items[0], "0");
+        });
+
+        it("should navigate back to the first navigable element with ArrowUp from the first item", () => {
+            renderListWithHeight();
+            const container = screen.getByRole("grid");
+
+            fireEvent.focus(container);
+            navigateToFirstItem(container);
+            // Now press ArrowUp to go back before the first item
+            fireEvent.keyDown(container, { code: "ArrowUp" });
+
+            const allNav = container.querySelectorAll(variant.navigableSelector);
+            expectTabIndex(allNav[0], "0");
+        });
+    });
+
+    describe("Accessibility", () => {
+        it("should set correct ARIA attributes", () => {
+            renderListWithHeight();
+            const container = screen.getByRole("grid");
+
+            expectAttribute(container, "role", "grid");
+            expectAttribute(container, "aria-rowcount", "4");
+            expectAttribute(container, "aria-colcount", "1");
+        });
+
+        it("should update aria-rowcount when items change", () => {
+            const { rerender } = renderListWithHeight();
+            let container = screen.getByRole("grid");
+            expectAttribute(container, "aria-rowcount", "4");
+
+            const fewerItems: TestItemWithSeparator[] = [
+                { id: "1", name: "Item 1" },
+                { id: "2", name: "Item 2" },
+            ];
+            rerender(getListComponent(fewerItems));
+
+            container = screen.getByRole("grid");
+            expectAttribute(container, "aria-rowcount", "2");
+        });
+
+        it("should handle custom ARIA label", () => {
+            renderListWithHeight({ "aria-label": "Custom list label" });
+            const container = screen.getByRole("grid");
+
+            expectAttribute(container, "aria-label", "Custom list label");
+        });
+    });
+
+    describe("Focus preservation during keyboard navigation", () => {
+        /**
+         * Renders a 50-item list using real Virtuoso (no mock context) inside a
+         * fixed-height container.  Because the tests run in real Chromium,
+         * Virtuoso will measure the viewport, virtualise items, and honour
+         * scrollIntoView calls exactly as it does in production.
+         */
+        const ITEM_HEIGHT = 52;
+        const VIEWPORT_HEIGHT = 400;
+
+        const renderRealVirtualizedList = (): ReturnType<typeof render> => {
+            const largeItems: TestItemWithSeparator[] = Array.from({ length: 50 }, (_, i) => ({
+                id: `item-${i}`,
+                name: `Item ${i}`,
+            }));
+
+            mockIsItemFocusable.mockReturnValue(true);
+
+            mockGetItemComponent.mockImplementation(
+                (
+                    index: number,
+                    item: TestItemWithSeparator,
+                    context: any,
+                    onFocus: (item: TestItemWithSeparator, e: React.FocusEvent) => void,
+                ) => {
+                    const itemKey = typeof item === "string" ? item : item.id;
+                    const isFocused = context.tabIndexKey === itemKey;
+                    return (
+                        <button
+                            type="button"
+                            className="mx_item"
+                            data-testid={`row-${index}`}
+                            tabIndex={isFocused ? 0 : -1}
+                            role="gridcell"
+                            style={{ height: `${ITEM_HEIGHT}px`, display: "block", width: "100%" }}
+                            onFocus={(e) => onFocus(item, e)}
+                        >
+                            {item === SEPARATOR_ITEM ? "---" : item.name}
+                        </button>
+                    );
+                },
+            );
+
+            return render(
+                <FlatVirtualizedList
+                    items={largeItems}
+                    getItemComponent={mockGetItemComponent}
+                    isItemFocusable={mockIsItemFocusable}
+                    getItemKey={(item) => (typeof item === "string" ? item : item.id)}
+                    role="grid"
+                    style={{ height: `${VIEWPORT_HEIGHT}px` }}
+                    fixedItemHeight={ITEM_HEIGHT}
+                />,
+            );
+        };
+
+        it("should scroll down through many items with ArrowDown and virtualise earlier items out of the DOM", async () => {
+            const { container } = renderRealVirtualizedList();
+            const listContainer = screen.getByRole("grid");
+
+            // Wait for Virtuoso to finish its initial render.
+            await waitFor(() => {
+                expect(screen.getByTestId("row-0")).toBeDefined();
+            });
+
+            fireEvent.focus(listContainer);
+
+            const TARGET_INDEX = 20;
+
+            // Press ArrowDown many times — each press calls scrollIntoView which
+            // makes Virtuoso scroll and re-virtualise automatically.
+            for (let i = 0; i < TARGET_INDEX; i++) {
+                await act(async () => {
+                    fireEvent.keyDown(listContainer, { code: "ArrowDown" });
+                });
+            }
+
+            // The focused item should be item-20.
+            await waitFor(() => {
+                const focused = Array.from(container.querySelectorAll(".mx_item")).find(
+                    (el) => el.getAttribute("tabindex") === "0",
+                );
+                expect(focused).toBeDefined();
+                expect(focused!.textContent).toBe(`Item ${TARGET_INDEX}`);
+            });
+
+            // The first item should have been virtualised out of the DOM.
+            expect(container.querySelector("[data-testid='row-0']")).toBeNull();
+        });
+
+        it("should move focus from a focused child element to the scroller on keyboard navigation", async () => {
+            renderRealVirtualizedList();
+            const listContainer = screen.getByRole("grid");
+
+            // Wait for Virtuoso to finish its initial render.
+            await waitFor(() => {
+                expect(screen.getByTestId("row-0")).toBeDefined();
+            });
+
+            // Directly focus a child button (not the scroller itself).
+            // This simulates a user clicking/tabbing into a button inside the list.
+            const firstButton = screen.getByTestId("row-0");
+            await act(async () => {
+                firstButton.focus();
+            });
+
+            // Verify the child button has DOM focus, not the scroller.
+            expect(document.activeElement).toBe(firstButton);
+            expect(document.activeElement).not.toBe(listContainer);
+
+            // Press ArrowDown — the handler should detect that a child element
+            // has focus and move it to the scroller before scrolling, so that
+            // Virtuoso unmounting the child doesn't send focus to <body>.
+            await act(async () => {
+                fireEvent.keyDown(listContainer, { code: "ArrowDown" });
+            });
+
+            // After the keyDown, focus should have moved to the scroller element
+            // (not remain on the child button, and not escape to <body>).
+            expect(document.activeElement).toBe(listContainer);
+        });
+
+        it("should scroll up through many items with ArrowUp and virtualise later items out of the DOM", async () => {
+            const { container } = renderRealVirtualizedList();
+            const listContainer = screen.getByRole("grid");
+
+            await waitFor(() => {
+                expect(screen.getByTestId("row-0")).toBeDefined();
+            });
+
+            fireEvent.focus(listContainer);
+
+            // First navigate down to item-30.
+            for (let i = 0; i < 30; i++) {
+                await act(async () => {
+                    fireEvent.keyDown(listContainer, { code: "ArrowDown" });
+                });
+            }
+
+            await waitFor(() => {
+                const focused = Array.from(container.querySelectorAll(".mx_item")).find(
+                    (el) => el.getAttribute("tabindex") === "0",
+                );
+                expect(focused!.textContent).toBe("Item 30");
+            });
+
+            // Now navigate back up 20 times to item-10.
+            for (let i = 0; i < 20; i++) {
+                await act(async () => {
+                    fireEvent.keyDown(listContainer, { code: "ArrowUp" });
+                });
+            }
+
+            // The focused item should be item-10.
+            await waitFor(() => {
+                const focused = Array.from(container.querySelectorAll(".mx_item")).find(
+                    (el) => el.getAttribute("tabindex") === "0",
+                );
+                expect(focused).toBeDefined();
+                expect(focused!.textContent).toBe("Item 10");
+            });
+
+            // Items near the bottom (e.g. item-30) should have been virtualised out.
+            expect(container.querySelector("[data-testid='row-30']")).toBeNull();
+        });
+    });
+});
diff --git a/packages/shared-components/src/core/VirtualizedList/virtualized-list.ts b/packages/shared-components/src/core/VirtualizedList/virtualized-list.ts
new file mode 100644
index 00000000000..cb4656e1f66
--- /dev/null
+++ b/packages/shared-components/src/core/VirtualizedList/virtualized-list.ts
@@ -0,0 +1,481 @@
+/*
+ * 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 { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { type CalculateViewLocation, type ListRange, type VirtuosoHandle, type VirtuosoProps } from "react-virtuoso";
+
+/**
+ * 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 VirtualizedListContext<Context> = {
+    /** The key of item that should have tabIndex == 0 */
+    tabIndexKey?: string;
+    /** Whether an item in the list is currently focused */
+    focused: boolean;
+    /** Additional context data passed from the parent component */
+    context: Context;
+};
+
+export interface VirtualizedListProps<Item, Context> extends Omit<
+    VirtuosoProps<Item, VirtualizedListContext<Context>>,
+    "data" | "itemContent" | "context"
+> {
+    /**
+     * The array of items to display in the virtualized list.
+     * Each item will be passed to getItemComponent for rendering.
+     */
+    items: Item[];
+
+    /**
+     * Optional additional context data to pass to each rendered item.
+     * This will be available in the VirtualizedListContext passed to getItemComponent.
+     */
+    context?: Context;
+
+    /**
+     * Function to determine if an item can receive focus during keyboard navigation.
+     * @param item - The item to check for focusability
+     * @returns true if the item can be focused, false otherwise
+     */
+    isItemFocusable: (item: Item) => boolean;
+
+    /**
+     * Function to get the key to use for focusing an item.
+     * @param item - The item to get the key for
+     * @returns The key to use for focusing the item
+     */
+    getItemKey: (item: Item) => string;
+
+    /**
+     * Callback function to handle key down events on the list container.
+     * 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;
+
+    /**
+     * When true, keyboard navigation (Arrow keys, Home, End, Page Up/Down) is disabled.
+     * All key events are forwarded directly to `onKeyDown` instead.
+     * Use this to prevent the list from scrolling while an item is being dragged via keyboard.
+     */
+    disableKeyboardNavigation?: boolean;
+
+    /**
+     * 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;
+
+    /**
+     * Optional function to map from the items array index to the scroll index
+     * used by virtuoso's scrollIntoView. This is needed when the items array
+     * contains entries (such as group headers) that don't have a direct 1:1
+     * mapping with virtuoso's own item indices.
+     *
+     * @param itemsIndex - The index in the items array
+     * @returns The index to pass to virtuoso's scrollIntoView
+     */
+    mapScrollIndex?: (itemsIndex: number) => number;
+
+    /**
+     * Optional function to map from virtuoso's reported visible-range indices
+     * back to the items array indices. This is needed when virtuoso reports
+     * ranges in a different index space than the items array (e.g., in
+     * GroupedVirtuoso where group headers are not counted in the range).
+     *
+     * @param virtuosoIndex - The index reported by virtuoso's rangeChanged
+     * @returns The corresponding index in the items array
+     */
+    mapRangeIndex?: (virtuosoIndex: number) => number;
+
+    /**
+     * Optional space, in pixels, reserved at the top of the scroll viewport — e.g. for a pinned
+     * sticky header that overlays the top of the list. When set, keyboard navigation scrolls
+     * focused items to just below this offset rather than flush to the top, so the focused item
+     * (and its focus ring / hover affordances) is never hidden behind the pinned header.
+     *
+     * Pass a function to vary the reserved space per item index — e.g. return 0 for an item that is
+     * itself the pinned header (so it lands flush at the top) and the header height for the rest.
+     */
+    scrollPaddingTop?: number | ((index: number) => number);
+}
+
+/**
+ * Utility type for the prop scrollIntoViewOnChange allowing it to be memoised by a caller without repeating types
+ */
+export type ScrollIntoViewOnChange<Item, Context> = NonNullable<
+    VirtuosoProps<Item, VirtualizedListContext<Context>>["scrollIntoViewOnChange"]
+>;
+
+export interface UseVirtualizedListResult<Item, Context> extends Omit<
+    VirtuosoProps<Item, VirtualizedListContext<Context>>,
+    "data" | "itemContent" | "context" | "onKeyDown" | "onFocus" | "onBlur" | "rangeChanged" | "scrollerRef" | "ref"
+> {
+    ref: React.RefCallback<VirtuosoHandle>;
+    scrollerRef: (element: HTMLElement | Window | null) => void;
+    onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    onFocus: (e: React.FocusEvent) => void;
+    onBlur: (event: React.FocusEvent<HTMLDivElement>) => void;
+    rangeChanged: (range: ListRange) => void;
+    onFocusForGetItemComponent: (item: Item, e: React.FocusEvent) => void;
+    context: VirtualizedListContext<Context>;
+}
+
+/**
+ * Builds a Virtuoso `calculateViewLocation` that keeps `paddingTop` pixels clear at the top of the
+ * viewport (e.g. for a pinned sticky header). It honours the requested alignment and only insets
+ * the cases that would otherwise place the item against the top edge — so a focused item lands just
+ * below the pinned header instead of underneath it. `offset` is negative because Virtuoso adds it to
+ * the computed `scrollTop`, and a smaller scrollTop pushes the item further down the viewport.
+ */
+function reserveTopViewLocation(paddingTop: number): CalculateViewLocation {
+    return ({ itemTop, itemBottom, viewportTop, viewportBottom, locationParams: { align, behavior, ...rest } }) => {
+        if (align === "start" || (align === undefined && itemTop < viewportTop + paddingTop)) {
+            return { ...rest, behavior, align: "start", offset: -paddingTop };
+        }
+        if (align === "end" || (align === undefined && itemBottom > viewportBottom)) {
+            return { ...rest, behavior, align: "end" };
+        }
+        if (align === "center") {
+            return { ...rest, behavior, align: "center" };
+        }
+        return null;
+    };
+}
+
+/**
+ * A hook that provides keyboard navigation and focus management for a virtualized list
+ * built on top of react-virtuoso.
+ *
+ * Handles Arrow Up/Down, Home, End, Page Up/Down key navigation, focus tracking via
+ * a roving `tabIndex`, and automatic scrolling to keep the focused item visible.
+ *
+ * Returns props to spread onto a Virtuoso component along with an `onFocusForGetItemComponent`
+ * callback that each item must call on focus to keep the focus state in sync.
+ *
+ * @param props - The virtualized list configuration including items, focusability checks,
+ *                key extraction, and any pass-through Virtuoso props.
+ * @returns An object of props to wire up to a Virtuoso component, plus `onFocusForGetItemComponent`
+ *          for individual item focus handling.
+ */
+export function useVirtualizedList<Item, Context>(
+    props: VirtualizedListProps<Item, Context>,
+    handleRef?: React.RefCallback<VirtuosoHandle>,
+): UseVirtualizedListResult<Item, Context> {
+    // Extract our custom props to avoid conflicts with Virtuoso props
+    const {
+        items,
+        isItemFocusable,
+        getItemKey,
+        context,
+        onKeyDown,
+        disableKeyboardNavigation,
+        totalCount,
+        rangeChanged,
+        mapScrollIndex,
+        mapRangeIndex,
+        scrollerRef: externalScrollerRef,
+        scrollPaddingTop,
+        ...virtuosoProps
+    } = props;
+    /** Reference to the Virtuoso component for programmatic scrolling */
+    const virtuosoHandleRef = useRef<VirtuosoHandle>(null);
+    /** Reference to the DOM element containing the virtualized list */
+    const virtuosoDomRef = useRef<HTMLElement | Window>(null);
+    /** Key of the item that should have tabIndex == 0 */
+    const [tabIndexKey, setTabIndexKey] = useState<string | undefined>(
+        props.items[0] ? getItemKey(props.items[0]) : undefined,
+    );
+    /** Range of currently visible items in the viewport */
+    const [visibleRange, setVisibleRange] = useState<ListRange | undefined>(undefined);
+    /** Map from item keys to their indices in the items array */
+    const keyToIndexMap = useMemo(() => {
+        const map = new Map<string, number>();
+        items.forEach((item, index) => map.set(getItemKey(item), index));
+        return map;
+    }, [items, getItemKey]);
+    const [isFocused, setIsFocused] = useState<boolean>(false);
+
+    // Ensure the tabIndexKey is set if there is none already or if the existing key is no longer displayed
+    useEffect(() => {
+        if (items.length && (!tabIndexKey || keyToIndexMap.get(tabIndexKey) === undefined)) {
+            setTabIndexKey(getItemKey(items[0]));
+        }
+    }, [items, getItemKey, tabIndexKey, keyToIndexMap]);
+
+    /**
+     * Scrolls to a specific item index and sets it as focused.
+     * Updates tabIndexKey immediately so the UI reflects the new focus
+     * synchronously, then asks Virtuoso to scroll the item into view.
+     */
+    const scrollToIndex = useCallback(
+        (index: number, align?: "center" | "end" | "start"): void => {
+            // Ensure index is within bounds
+            const clampedIndex = Math.max(0, Math.min(index, items.length - 1));
+            if (items[clampedIndex]) {
+                const key = getItemKey(items[clampedIndex]);
+                setTabIndexKey(key);
+                const scrollIndex = mapScrollIndex ? mapScrollIndex(clampedIndex) : clampedIndex;
+                // Reserve space for a pinned header so the focused item isn't hidden behind it.
+                // The reserved amount can vary per item (e.g. 0 for the header that itself pins).
+                const paddingTop =
+                    typeof scrollPaddingTop === "function" ? scrollPaddingTop(clampedIndex) : (scrollPaddingTop ?? 0);
+                virtuosoHandleRef.current?.scrollIntoView({
+                    index: scrollIndex,
+                    align: align,
+                    behavior: "auto",
+                    ...(paddingTop > 0 ? { calculateViewLocation: reserveTopViewLocation(paddingTop) } : {}),
+                });
+            }
+        },
+        [items, getItemKey, mapScrollIndex, scrollPaddingTop],
+    );
+
+    /**
+     * Scrolls to an item, skipping over non-focusable items if necessary.
+     * This is used for keyboard navigation to ensure focus lands on valid items.
+     */
+    const scrollToItem = useCallback(
+        (index: number, isDirectionDown: boolean, align?: "center" | "end" | "start"): void => {
+            const totalRows = items.length;
+            let nextIndex: number | undefined;
+
+            for (let i = index; isDirectionDown ? i < totalRows : i >= 0; i = i + (isDirectionDown ? 1 : -1)) {
+                if (isItemFocusable(items[i])) {
+                    nextIndex = i;
+                    break;
+                }
+            }
+
+            if (nextIndex === undefined) {
+                return;
+            }
+
+            scrollToIndex(nextIndex, align);
+        },
+        [scrollToIndex, items, isItemFocusable],
+    );
+
+    /**
+     * Handles keyboard navigation for the list.
+     * Supports Arrow keys, Home, End, Page Up/Down, Enter, and Space.
+     */
+    const keyDownCallback = useCallback(
+        (e: React.KeyboardEvent<HTMLDivElement>) => {
+            const currentIndex = tabIndexKey ? keyToIndexMap.get(tabIndexKey) : undefined;
+            let handled = false;
+
+            // Guard against null/undefined events and modified keys which we don't want to handle here but do
+            // at the settings level shortcuts(E.g. Select next room, etc )
+            // Guard against null/undefined events and modified keys
+            if (!e || isModifiedKeyEvent(e)) {
+                onKeyDown?.(e);
+                return;
+            }
+
+            // When keyboard navigation is disabled (e.g. during a keyboard drag),
+            // forward all events to the parent handler without handling navigation.
+            if (disableKeyboardNavigation) {
+                onKeyDown?.(e);
+                return;
+            }
+
+            if (e.code === Key.ARROW_UP && currentIndex !== undefined) {
+                scrollToItem(currentIndex - 1, false);
+                handled = true;
+            } else if (e.code === Key.ARROW_DOWN && currentIndex !== undefined) {
+                scrollToItem(currentIndex + 1, true);
+                handled = true;
+            } else if (e.code === Key.HOME) {
+                scrollToIndex(0);
+                handled = true;
+            } else if (e.code === Key.END) {
+                scrollToIndex(items.length - 1);
+                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");
+                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");
+                handled = true;
+            }
+
+            if (handled) {
+                // If a child element (e.g. a button) currently has DOM focus rather than the
+                // scroller itself, move focus to the scroller before the scroll takes effect.
+                // Without this, when Virtuoso unmounts the focused child because it has been
+                // scrolled out of the visible range, the browser moves focus to <body> and
+                // subsequent keyboard events no longer reach this handler.
+                if (virtuosoDomRef.current instanceof HTMLElement) {
+                    const activeEl = document.activeElement;
+                    if (activeEl && activeEl !== virtuosoDomRef.current && virtuosoDomRef.current.contains(activeEl)) {
+                        virtuosoDomRef.current.focus({ preventScroll: true });
+                    }
+                }
+                e.stopPropagation();
+                e.preventDefault();
+            } else {
+                onKeyDown?.(e);
+            }
+        },
+        [
+            scrollToIndex,
+            scrollToItem,
+            tabIndexKey,
+            keyToIndexMap,
+            visibleRange,
+            items,
+            onKeyDown,
+            disableKeyboardNavigation,
+        ],
+    );
+
+    /**
+     * Callback ref for the Virtuoso scroller element.
+     * Stores the reference for use in focus management, and forwards it to an
+     * optional external scrollerRef provided by the consumer (e.g. to observe
+     * scroll position) since the hook owns the scrollerRef passed to Virtuoso.
+     */
+    const scrollerRef = useCallback(
+        (element: HTMLElement | Window | null) => {
+            virtuosoDomRef.current = element;
+            externalScrollerRef?.(element);
+        },
+        [externalScrollerRef],
+    );
+
+    /**
+     * Focus handler passed to each item component.
+     * Don't declare inside getItemComponent to avoid re-creating on each render.
+     */
+    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 List's onFocus doesn't also handle it.
+            const key = getItemKey(item);
+            setIsFocused(true);
+            setTabIndexKey(key);
+            e.stopPropagation();
+        },
+        [getItemKey],
+    );
+
+    /**
+     * Handles focus events on the list.
+     * Sets the focused state and scrolls to the focused item if it is not currently visible.
+     */
+    const onFocus = useCallback(
+        (e: React.FocusEvent): void => {
+            if (e?.currentTarget !== virtuosoDomRef.current || typeof tabIndexKey !== "string") {
+                return;
+            }
+
+            setIsFocused(true);
+            const index = keyToIndexMap.get(tabIndexKey);
+            if (
+                index !== undefined &&
+                visibleRange &&
+                (index < visibleRange.startIndex || index > visibleRange.endIndex)
+            ) {
+                scrollToIndex(index);
+            }
+            e.stopPropagation();
+            e.preventDefault();
+        },
+        [keyToIndexMap, visibleRange, scrollToIndex, tabIndexKey],
+    );
+
+    const onBlur = useCallback((event: React.FocusEvent<HTMLDivElement>): void => {
+        // Only set isFocused to false if the focus is moving outside the list
+        // This prevents the list from losing focus when interacting with menus inside it
+        if (!event.currentTarget.contains(event.relatedTarget)) {
+            setIsFocused(false);
+        }
+    }, []);
+
+    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) => {
+            const internalRange = mapRangeIndex
+                ? { startIndex: mapRangeIndex(range.startIndex), endIndex: mapRangeIndex(range.endIndex) }
+                : range;
+            setVisibleRange(internalRange);
+            rangeChanged?.(range);
+        },
+        [rangeChanged, mapRangeIndex],
+    );
+
+    const setRef = useCallback(
+        (handle: VirtuosoHandle | null) => {
+            virtuosoHandleRef.current = handle;
+            handleRef?.(handle);
+        },
+        [handleRef],
+    );
+
+    // Key items by id, not position, so react-virtuoso preserves (moves) the existing DOM
+    // node when an item's absolute index shifts — e.g. sections collapsing on drag start removes
+    // the rooms above a header, shifting its index. Without this, Virtuoso's default key is the
+    // index, so the wrapper (and the focused header inside it) remounts, the roving-tabindex effect
+    // refocuses the fresh node, and screen readers re-announce the header mid-drag.
+    const computeItemKey = useCallback((_index: number, item: Item): string => getItemKey(item), [getItemKey]);
+
+    return {
+        ...virtuosoProps,
+        computeItemKey,
+        ref: setRef,
+        scrollerRef,
+        onKeyDown: keyDownCallback,
+        onFocus,
+        onBlur,
+        rangeChanged: handleRangeChanged,
+        onFocusForGetItemComponent,
+        context: listContext,
+    };
+}
diff --git a/packages/shared-components/src/core/hooks/useListKeyboardNavigation.test.ts b/packages/shared-components/src/core/hooks/useListKeyboardNavigation.test.ts
new file mode 100644
index 00000000000..860b547ab43
--- /dev/null
+++ b/packages/shared-components/src/core/hooks/useListKeyboardNavigation.test.ts
@@ -0,0 +1,156 @@
+/*
+ * 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 KeyboardEvent } from "react";
+import { renderHook } from "@test-utils";
+import { vi, describe, expect, it, beforeEach, afterEach } from "vitest";
+
+import { useListKeyboardNavigation } from "./useListKeyboardNavigation";
+
+describe("useListKeyDown", () => {
+    let mockList: HTMLUListElement;
+    let mockItems: HTMLElement[];
+    let mockEvent: Partial<KeyboardEvent<HTMLUListElement>>;
+
+    beforeEach(() => {
+        // Create mock DOM elements
+        mockList = document.createElement("ul");
+        mockItems = [document.createElement("li"), document.createElement("li"), document.createElement("li")];
+
+        // Set up the DOM structure
+        mockItems.forEach((item, index) => {
+            item.setAttribute("tabindex", "0");
+            item.setAttribute("data-testid", `item-${index}`);
+            mockList.appendChild(item);
+        });
+
+        document.body.appendChild(mockList);
+
+        // Mock event object
+        mockEvent = {
+            preventDefault: vi.fn(),
+            key: "",
+        };
+
+        // Mock focus methods
+        mockItems.forEach((item) => {
+            item.focus = vi.fn();
+            item.click = vi.fn();
+        });
+    });
+
+    afterEach(() => {
+        document.body.removeChild(mockList);
+        vi.clearAllMocks();
+    });
+
+    function render(): {
+        current: {
+            listRef: React.RefObject<HTMLUListElement | null>;
+            onKeyDown: React.KeyboardEventHandler<HTMLUListElement>;
+            onFocus: React.FocusEventHandler<HTMLUListElement>;
+        };
+    } {
+        const { result } = renderHook(() => useListKeyboardNavigation());
+        result.current.listRef.current = mockList;
+        return result;
+    }
+
+    it.each([
+        ["Enter", "Enter"],
+        ["Space", " "],
+    ])("should handle %s key to click active element", (name, key) => {
+        const result = render();
+
+        // Mock document.activeElement
+        Object.defineProperty(document, "activeElement", {
+            value: mockItems[1],
+            configurable: true,
+        });
+
+        // Simulate key press
+        result.current.onKeyDown({
+            ...mockEvent,
+            key,
+        } as KeyboardEvent<HTMLUListElement>);
+
+        expect(mockItems[1].click).toHaveBeenCalledTimes(1);
+        expect(mockEvent.preventDefault).toHaveBeenCalledTimes(1);
+    });
+
+    it.each(
+        // key, finalPosition, startPosition
+        [
+            ["ArrowDown", 1, 0],
+            ["ArrowUp", 1, 2],
+            ["Home", 0, 1],
+            ["End", 2, 1],
+        ],
+    )("should handle %s to focus the %inth element", (key, finalPosition, startPosition) => {
+        const result = render();
+        mockList.contains = vi.fn().mockReturnValue(true);
+
+        Object.defineProperty(document, "activeElement", {
+            value: mockItems[startPosition],
+            configurable: true,
+        });
+
+        result.current.onKeyDown({
+            ...mockEvent,
+            key,
+        } as KeyboardEvent<HTMLUListElement>);
+
+        expect(mockItems[finalPosition].focus).toHaveBeenCalledTimes(1);
+        expect(mockEvent.preventDefault).toHaveBeenCalledTimes(1);
+    });
+
+    it.each([["ArrowDown"], ["ArrowUp"]])("should not handle %s when active element is not in list", (key) => {
+        const result = render();
+        mockList.contains = vi.fn().mockReturnValue(false);
+
+        const outsideElement = document.createElement("button");
+
+        Object.defineProperty(document, "activeElement", {
+            value: outsideElement,
+            configurable: true,
+        });
+
+        result.current.onKeyDown({
+            ...mockEvent,
+            key,
+        } as KeyboardEvent<HTMLUListElement>);
+
+        // No item should be focused
+        mockItems.forEach((item) => expect(item.focus).not.toHaveBeenCalled());
+        expect(mockEvent.preventDefault).toHaveBeenCalledTimes(1);
+    });
+
+    it("should not prevent default for unhandled keys", () => {
+        const result = render();
+
+        result.current.onKeyDown({
+            ...mockEvent,
+            key: "Tab",
+        } as KeyboardEvent<HTMLUListElement>);
+
+        expect(mockEvent.preventDefault).not.toHaveBeenCalled();
+    });
+
+    it("should focus the first item if list itself is focused", () => {
+        const result = render();
+        result.current.onFocus({ target: mockList } as React.FocusEvent<HTMLUListElement>);
+        expect(mockItems[0].focus).toHaveBeenCalledTimes(1);
+    });
+
+    it("should focus the selected item if list itself is focused", () => {
+        mockItems[1].setAttribute("aria-selected", "true");
+        const result = render();
+
+        result.current.onFocus({ target: mockList } as React.FocusEvent<HTMLUListElement>);
+        expect(mockItems[1].focus).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/packages/shared-components/src/core/hooks/useListKeyboardNavigation.ts b/packages/shared-components/src/core/hooks/useListKeyboardNavigation.ts
new file mode 100644
index 00000000000..71d87aa12ae
--- /dev/null
+++ b/packages/shared-components/src/core/hooks/useListKeyboardNavigation.ts
@@ -0,0 +1,92 @@
+/*
+ * 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,
+    useRef,
+    type RefObject,
+    type KeyboardEvent,
+    type KeyboardEventHandler,
+    type FocusEventHandler,
+    type FocusEvent,
+} from "react";
+
+/**
+ * A hook that provides keyboard navigation for a list of options.
+ */
+export function useListKeyboardNavigation(): {
+    listRef: RefObject<HTMLUListElement | null>;
+    onKeyDown: KeyboardEventHandler<HTMLUListElement>;
+    onFocus: FocusEventHandler<HTMLUListElement>;
+} {
+    const listRef = useRef<HTMLUListElement>(null);
+
+    const onFocus = useCallback((evt: FocusEvent<HTMLUListElement>) => {
+        if (!listRef.current) return;
+
+        if (evt.target === listRef.current) {
+            // By default, focus the selected item
+            let selectedChild = listRef.current?.firstElementChild;
+
+            // If there is a selected item, focus that instead
+            for (const child of listRef.current.children) {
+                if (child.getAttribute("aria-selected") === "true") {
+                    selectedChild = child;
+                    break;
+                }
+            }
+
+            (selectedChild as HTMLElement)?.focus();
+        }
+    }, []);
+
+    const onKeyDown = useCallback((evt: KeyboardEvent<HTMLUListElement>) => {
+        const { key } = evt;
+
+        let handled = false;
+
+        switch (key) {
+            case "Enter":
+            case " ": {
+                handled = true;
+                (document.activeElement as HTMLElement).click();
+                break;
+            }
+            case "ArrowDown": {
+                handled = true;
+                const currentFocus = document.activeElement;
+                if (listRef.current?.contains(currentFocus) && currentFocus) {
+                    (currentFocus.nextElementSibling as HTMLElement)?.focus();
+                }
+                break;
+            }
+            case "ArrowUp": {
+                handled = true;
+                const currentFocus = document.activeElement;
+                if (listRef.current?.contains(currentFocus) && currentFocus) {
+                    (currentFocus.previousElementSibling as HTMLElement)?.focus();
+                }
+                break;
+            }
+            case "Home": {
+                handled = true;
+                (listRef.current?.firstElementChild as HTMLElement)?.focus();
+                break;
+            }
+            case "End": {
+                handled = true;
+                (listRef.current?.lastElementChild as HTMLElement)?.focus();
+                break;
+            }
+        }
+
+        if (handled) {
+            evt.preventDefault();
+        }
+    }, []);
+    return { listRef, onKeyDown, onFocus };
+}
diff --git a/packages/shared-components/src/core/i18n/I18nApi.test.tsx b/packages/shared-components/src/core/i18n/I18nApi.test.tsx
new file mode 100644
index 00000000000..75f4ae6d8a7
--- /dev/null
+++ b/packages/shared-components/src/core/i18n/I18nApi.test.tsx
@@ -0,0 +1,41 @@
+/*
+ * 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 { describe, it, expect } from "vitest";
+import React from "react";
+
+import { I18nApi } from "./I18nApi";
+
+describe("I18nApi", () => {
+    it("can register a translation and use it", () => {
+        const i18n = new I18nApi();
+        i18n.register({
+            ["hello.world" as TranslationKey]: {
+                en: "Hello, World!",
+            },
+        });
+
+        expect(i18n.translate("hello.world" as TranslationKey)).toBe("Hello, World!");
+    });
+
+    it("can register a translation and use it with tags", () => {
+        const i18n = new I18nApi();
+        i18n.register({
+            ["hello.world" as TranslationKey]: {
+                en: "Hello, <Bold>World!</Bold>",
+            },
+        });
+
+        expect(
+            i18n.translate("hello.world" as TranslationKey, {}, { Bold: (sub) => <strong>{sub}</strong> }),
+        ).toStrictEqual(
+            <span>
+                Hello, <strong>World!</strong>
+            </span>,
+        );
+    });
+});
diff --git a/packages/shared-components/src/core/i18n/I18nApi.ts b/packages/shared-components/src/core/i18n/I18nApi.ts
new file mode 100644
index 00000000000..c2d3691791b
--- /dev/null
+++ b/packages/shared-components/src/core/i18n/I18nApi.ts
@@ -0,0 +1,60 @@
+/*
+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 I18nApi as II18nApi,
+    type Variables,
+    type StringVariables,
+    type Translations,
+    type Tags,
+} from "@element-hq/element-web-module-api";
+
+import { humanizeTime } from "../utils/humanize";
+import { _t, getLocale, registerTranslations } from "./i18n";
+
+export class I18nApi implements II18nApi {
+    /**
+     * Read the current language of the user in IETF Language Tag format
+     */
+    public get language(): string {
+        return getLocale();
+    }
+
+    /**
+     * Register translations for the module, may override app's existing translations
+     */
+    public register(this: void, translations: Partial<Translations>): void {
+        const langs: Record<string, Record<string, string>> = {};
+
+        for (const key in translations) {
+            for (const lang in translations[key]) {
+                langs[lang] = langs[lang] || {};
+                langs[lang][key] = translations[key][lang];
+            }
+        }
+
+        // Finally, tell counterpart about our translations
+        for (const lang in langs) {
+            registerTranslations(lang, langs[lang]);
+        }
+    }
+
+    /**
+     * Perform a translation, with optional variables
+     * @param key - The key to translate
+     * @param variables - Optional variables to interpolate into the translation
+     * @param tags - Optional tags to interpolate into the translation
+     */
+    public translate(this: void, key: TranslationKey, variables?: StringVariables): string;
+    public translate(this: void, key: TranslationKey, variables: Variables | undefined, tags: Tags): React.ReactNode;
+    public translate(this: void, key: TranslationKey, variables?: Variables, tags?: Tags): React.ReactNode | string {
+        if (tags) return _t(key, variables, tags);
+        return _t(key, variables!);
+    }
+
+    public humanizeTime = (timeMillis: number): string => humanizeTime(timeMillis, this);
+}
diff --git a/packages/shared-components/src/core/i18n/i18n.test.ts b/packages/shared-components/src/core/i18n/i18n.test.ts
new file mode 100644
index 00000000000..94aebd7c2fd
--- /dev/null
+++ b/packages/shared-components/src/core/i18n/i18n.test.ts
@@ -0,0 +1,47 @@
+/*
+ * 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 counterpart from "counterpart";
+import { vi, describe, it, beforeEach, expect } from "vitest";
+
+import { registerTranslations, setMissingEntryGenerator, getLocale, setLocale } from "./i18n";
+
+describe("i18n utils", () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+    });
+
+    it("should wrap 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", () => {
+        vi.spyOn(counterpart, "setMissingEntryGenerator");
+
+        const dummyFn = vi.fn();
+
+        setMissingEntryGenerator(dummyFn);
+        expect(counterpart.setMissingEntryGenerator).toHaveBeenCalledWith(dummyFn);
+    });
+
+    it("should wrap getLocale", () => {
+        vi.spyOn(counterpart, "getLocale");
+
+        getLocale();
+        expect(counterpart.getLocale).toHaveBeenCalled();
+    });
+
+    it("should wrap setLocale", () => {
+        vi.spyOn(counterpart, "setLocale");
+
+        setLocale("en");
+        expect(counterpart.setLocale).toHaveBeenCalledWith("en");
+    });
+});
diff --git a/packages/shared-components/src/core/i18n/i18n.tsx b/packages/shared-components/src/core/i18n/i18n.tsx
new file mode 100644
index 00000000000..ea6e0cf419e
--- /dev/null
+++ b/packages/shared-components/src/core/i18n/i18n.tsx
@@ -0,0 +1,445 @@
+/*
+ * 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.
+ */
+
+/*
+ * Translates text and optionally also replaces XML-ish elements in the text with e.g. React components
+ * @param {string} text The untranslated text, e.g "click <a>here</a> now to %(foo)s".
+ * @param {object} variables Variable substitutions, e.g { foo: 'bar' }
+ * @param {object} tags Tag substitutions e.g. { 'a': (sub) => <a>{sub}</a> }
+ *
+ * In both variables and tags, the values to substitute with can be either simple strings, React components,
+ * or functions that return the value to use in the substitution (e.g. return a React component). In case of
+ * a tag replacement, the function receives as the argument the text inside the element corresponding to the tag.
+ *
+ * Use tag substitutions if you need to translate text between tags (e.g. "<a>Click here!</a>"), otherwise
+ * you will end up with literal "<a>" in your output, rather than HTML. Note that you can also use variable
+ * substitution to insert React components, but you can't use it to translate text between tags.
+ *
+ * @returns a React <span> component if any non-strings were used in substitutions, otherwise a string
+ */
+import React from "react";
+import { KEY_SEPARATOR } from "matrix-web-i18n";
+import counterpart from "counterpart";
+
+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
+// Useful for debugging and testing
+const ANNOTATE_STRINGS = false;
+
+// We use english strings as keys, some of which contain full stops
+counterpart.setSeparator(KEY_SEPARATOR);
+
+// see `translateWithFallback` for an explanation of fallback handling
+const FALLBACK_LOCALE = "en";
+counterpart.setFallbackLocale(FALLBACK_LOCALE);
+
+// export wrappers around these functions because if we used counterpart directly from
+// element-web, it operates on a different instance of counterpart
+export function registerTranslations(locale: string, data: object): void {
+    counterpart.registerTranslations(locale, data);
+}
+
+export function setMissingEntryGenerator(callback: (value: string) => void): void {
+    counterpart.setMissingEntryGenerator(callback);
+}
+
+export function getLocale(): string {
+    return counterpart.getLocale();
+}
+
+export function setLocale(value: string): string {
+    return counterpart.setLocale(value);
+}
+
+// Function which only purpose is to mark that a string is translatable
+// Does not actually do anything. It's helpful for automatic extraction of translatable strings
+export function _td(s: TranslationKey): TranslationKey {
+    return s;
+}
+
+function isValidTranslation(translated: string): boolean {
+    return typeof translated === "string" && !translated.startsWith("missing translation:");
+}
+
+/**
+ * to improve screen reader experience translations that are not in the main page language
+ * eg a translation that fell back to english from another language
+ * should be wrapped with an appropriate `lang='en'` attribute
+ * counterpart's `translate` doesn't expose a way to determine if the resulting translation
+ * is in the target locale or a fallback locale
+ * for this reason, force fallbackLocale === locale in the first call to translate
+ * and fallback 'manually' so we can mark fallback strings appropriately
+ * */
+const translateWithFallback = (text: string, options?: IVariables): { translated: string; isFallback?: boolean } => {
+    const translated = counterpart.translate(text, { ...options, fallbackLocale: counterpart.getLocale() });
+    if (isValidTranslation(translated)) {
+        return { translated };
+    }
+
+    const fallbackTranslated = counterpart.translate(text, { ...options, locale: FALLBACK_LOCALE });
+    if (isValidTranslation(fallbackTranslated)) {
+        return { translated: fallbackTranslated, isFallback: true };
+    }
+
+    // Even the translation via FALLBACK_LOCALE failed; this can happen if
+    //
+    // 1. The string isn't in the translations dictionary, usually because you're in develop
+    // and haven't run pnpm i18n
+    // 2. Loading the translation resources over the network failed, which can happen due to
+    // to network or if the client tried to load a translation that's been removed from the
+    // server.
+    //
+    // At this point, its the lesser evil to show the i18n key which will be in English but not human-friendly,
+    // so the user can still make out *something*, rather than an opaque possibly-untranslated "missing translation" error.
+    return { translated: text, isFallback: true };
+};
+
+// Wrapper for counterpart's translation function so that it handles nulls and undefineds properly
+// Takes the same arguments as counterpart.translate()
+function safeCounterpartTranslate(text: string, variables?: IVariables): { translated: string; isFallback?: boolean } {
+    // Don't do substitutions in counterpart. We handle it ourselves so we can replace with React components
+    // However, still pass the variables to counterpart so that it can choose the correct plural if count is given
+    // It is enough to pass the count variable, but in the future counterpart might make use of other information too
+    const options: IVariables & {
+        interpolate: boolean;
+    } = { ...variables, interpolate: false };
+
+    // Horrible hack to avoid https://github.com/vector-im/element-web/issues/4191
+    // The interpolation library that counterpart uses does not support undefined/null
+    // values and instead will throw an error. This is a problem since everywhere else
+    // in JS land passing undefined/null will simply stringify instead, and when converting
+    // valid ES6 template strings to i18n strings it's extremely easy to pass undefined/null
+    // if there are no existing null guards. To avoid this making the app completely inoperable,
+    // we'll check all the values for undefined/null and stringify them here.
+    if (options && typeof options === "object") {
+        Object.keys(options).forEach((k) => {
+            if (options[k] === undefined) {
+                console.warn("safeCounterpartTranslate called with undefined interpolation name: " + k);
+                options[k] = "undefined";
+            }
+            if (options[k] === null) {
+                console.warn("safeCounterpartTranslate called with null interpolation name: " + k);
+                options[k] = "null";
+            }
+        });
+    }
+    return translateWithFallback(text, options);
+}
+
+/**
+ * The value a variable or tag can take for a translation interpolation.
+ */
+type SubstitutionValue = number | string | React.ReactNode | ((sub: string) => React.ReactNode);
+
+// Variables that are guaranteed to only contain primitive (string-safe) values
+export interface StringVariables {
+    count?: number;
+    [key: string]: number | string | null | undefined;
+}
+
+// Variables that may contain ReactNodes or functions, requiring a ReactNode return
+export interface RichVariables {
+    count?: number;
+    [key: string]: SubstitutionValue;
+}
+
+export type IVariables = StringVariables | RichVariables;
+
+export type Tags = Record<string, SubstitutionValue>;
+
+export type TranslatedString = string | React.ReactNode;
+
+// For development/testing purposes it is useful to also output the original string
+// Don't do that for release versions
+const annotateStrings = (result: TranslatedString, translationKey: TranslationKey): TranslatedString => {
+    if (!ANNOTATE_STRINGS) {
+        return result;
+    }
+
+    if (typeof result === "string") {
+        return `@@${translationKey}##${result}@@`;
+    } else {
+        return (
+            <span className="translated-string" data-orig-string={translationKey}>
+                {result}
+            </span>
+        );
+    }
+};
+
+// Returns string only when variables are primitives and no tags are provided
+export function _t(text: TranslationKey, variables?: StringVariables): string;
+// Returns ReactNode when variables contain ReactNodes (even without tags)
+export function _t(text: TranslationKey, variables: RichVariables): React.ReactNode;
+// Returns ReactNode when tags are provided (regardless of variables)
+export function _t(text: TranslationKey, variables: RichVariables | undefined, tags: Tags): React.ReactNode;
+export function _t(text: TranslationKey, variables?: StringVariables | RichVariables, tags?: Tags): TranslatedString {
+    const { translated } = safeCounterpartTranslate(text, variables);
+    const substituted = substitute(translated, variables, tags);
+    return annotateStrings(substituted, text);
+}
+
+/**
+ * Utility function to look up a string by its translation key without resolving variables & tags
+ * @param key - the translation key to return the value for
+ */
+export function lookupString(key: TranslationKey): string {
+    return safeCounterpartTranslate(key, {}).translated;
+}
+
+/*
+ * Wraps normal _t function and adds atttribution for translations that used a fallback locale
+ * Wraps translations that fell back from active locale to fallback locale with a `<span lang=<fallback locale>>`
+ * @param {string} text The untranslated text, e.g "click <a>here</a> now to %(foo)s".
+ * @param {object} variables Variable substitutions, e.g { foo: 'bar' }
+ * @param {object} tags Tag substitutions e.g. { 'a': (sub) => <a>{sub}</a> }
+ *
+ * @returns a React <span> component if any non-strings were used in substitutions
+ * or translation used a fallback locale, otherwise a string
+ */
+// eslint-next-line @typescript-eslint/naming-convention
+export function _tDom(text: TranslationKey, variables?: StringVariables): string;
+export function _tDom(text: TranslationKey, variables: RichVariables): React.ReactNode;
+export function _tDom(text: TranslationKey, variables: RichVariables, tags: Tags): React.ReactNode;
+export function _tDom(text: TranslationKey, variables?: IVariables, tags?: Tags): TranslatedString {
+    // The translation returns text so there's no XSS vector here (no unsafe HTML, no code execution)
+    const { translated, isFallback } = safeCounterpartTranslate(text, variables);
+    const substituted = substitute(translated, variables, tags);
+
+    // wrap en fallback translation with lang attribute for screen readers
+    const result = isFallback ? <span lang="en">{substituted}</span> : substituted;
+
+    return annotateStrings(result, text);
+}
+
+/**
+ * Sanitizes unsafe text for the sanitizer, ensuring references to variables will not be considered
+ * replaceable by the translation functions.
+ * @param {string} text The text to sanitize.
+ * @returns {string} The sanitized text.
+ */
+export function sanitizeForTranslation(text: string): string {
+    // Add a non-breaking space so the regex doesn't trigger when translating.
+    return text.replace(/%\(([^)]*)\)/g, "%\xa0($1)");
+}
+
+/*
+ * Similar to _t(), except only does substitutions, and no translation
+ * @param {string} text The text, e.g "click <a>here</a> now to %(foo)s".
+ * @param {object} variables Variable substitutions, e.g { foo: 'bar' }
+ * @param {object} tags Tag substitutions e.g. { 'a': (sub) => <a>{sub}</a> }
+ *
+ * The values to substitute with can be either simple strings, or functions that return the value to use in
+ * the substitution (e.g. return a React component). In case of a tag replacement, the function receives as
+ * the argument the text inside the element corresponding to the tag.
+ *
+ * @returns a React <span> component if any non-strings were used in substitutions, otherwise a string
+ */
+export function substitute(text: string, variables?: StringVariables): string;
+export function substitute(text: string, variables?: RichVariables): React.ReactNode;
+export function substitute(text: string, variables: RichVariables | undefined, tags: Tags | undefined): string;
+export function substitute(text: string, variables?: IVariables, tags?: Tags): string | React.ReactNode {
+    let result: React.ReactNode | string = text;
+
+    if (variables !== undefined) {
+        const regexpMapping: IVariables = {};
+        for (const variable in variables) {
+            regexpMapping[`%\\(${variable}\\)s`] = variables[variable];
+        }
+        result = replaceByRegexes(result as string, regexpMapping);
+    }
+
+    if (tags !== undefined) {
+        const regexpMapping: Tags = {};
+        for (const tag in tags) {
+            regexpMapping[`(<${tag}>(.*?)<\\/${tag}>|<${tag}>|<${tag}\\s*\\/>)`] = tags[tag];
+        }
+        result = replaceByRegexes(result as string, regexpMapping);
+    }
+
+    return result;
+}
+
+/**
+ * Replace parts of a text using regular expressions
+ * @param text - The text on which to perform substitutions
+ * @param mapping - A mapping from regular expressions in string form to replacement string or a
+ * function which will receive as the argument the capture groups defined in the regexp. E.g.
+ * { 'Hello (.?) World': (sub) => sub.toUpperCase() }
+ *
+ * @returns a React <span> component if any non-strings were used in substitutions, otherwise a string
+ */
+export function replaceByRegexes(text: string, mapping: IVariables): string;
+export function replaceByRegexes(text: string, mapping: Tags): React.ReactNode;
+export function replaceByRegexes(text: string, mapping: IVariables | Tags): string | React.ReactNode {
+    // We initially store our output as an array of strings and objects (e.g. React components).
+    // This will then be converted to a string or a <span> at the end
+    const output: SubstitutionValue[] = [text];
+
+    // If we insert any components we need to wrap the output in a span. React doesn't like just an array of components.
+    let shouldWrapInSpan = false;
+
+    for (const regexpString in mapping) {
+        // TODO: Cache regexps
+        const regexp = new RegExp(regexpString, "g");
+
+        // Loop over what output we have so far and perform replacements
+        // We look for matches: if we find one, we get three parts: everything before the match, the replaced part,
+        // and everything after the match. Insert all three into the output. We need to do this because we can insert objects.
+        // Otherwise there would be no need for the splitting and we could do simple replacement.
+        let matchFoundSomewhere = false; // If we don't find a match anywhere we want to log it
+        for (let outputIndex = 0; outputIndex < output.length; outputIndex++) {
+            const inputText = output[outputIndex];
+            if (typeof inputText !== "string") {
+                // We might have inserted objects earlier, don't try to replace them
+                continue;
+            }
+
+            // process every match in the string
+            // starting with the first
+            let match = regexp.exec(inputText);
+
+            if (!match) continue;
+            matchFoundSomewhere = true;
+
+            // The textual part before the first match
+            const head = inputText.slice(0, match.index);
+
+            const parts: SubstitutionValue[] = [];
+            // keep track of prevMatch
+            let prevMatch;
+            while (match) {
+                // store prevMatch
+                prevMatch = match;
+                const capturedGroups = match.slice(2);
+
+                let replaced: SubstitutionValue;
+                // If substitution is a function, call it
+                // oxlint-disable-next-line unicorn/no-instanceof-builtins
+                if (mapping[regexpString] instanceof Function) {
+                    replaced = ((mapping as Tags)[regexpString] as (...subs: string[]) => string)(...capturedGroups);
+                } else {
+                    replaced = mapping[regexpString];
+                }
+
+                if (typeof replaced === "object") {
+                    shouldWrapInSpan = true;
+                }
+
+                // Here we also need to check that it actually is a string before comparing against one
+                // The head and tail are always strings
+                if (typeof replaced !== "string" || replaced !== "") {
+                    parts.push(replaced);
+                }
+
+                // try the next match
+                match = regexp.exec(inputText);
+
+                // add the text between prevMatch and this one
+                // or the end of the string if prevMatch is the last match
+                let tail;
+                if (match) {
+                    const startIndex = prevMatch.index + prevMatch[0].length;
+                    tail = inputText.slice(startIndex, match.index);
+                } else {
+                    tail = inputText.slice(prevMatch.index + prevMatch[0].length);
+                }
+                if (tail) {
+                    parts.push(tail);
+                }
+            }
+
+            // Insert in reverse order as splice does insert-before and this way we get the final order correct
+            // remove the old element at the same time
+            output.splice(outputIndex, 1, ...parts);
+
+            if (head !== "") {
+                // Don't push empty nodes, they are of no use
+                output.splice(outputIndex, 0, head);
+            }
+        }
+        if (!matchFoundSomewhere) {
+            if (
+                // The current regexp did not match anything in the input. Missing
+                // matches is entirely possible because you might choose to show some
+                // variables only in the case of e.g. plurals. It's still a bit
+                // suspicious, and could be due to an error, so log it. However, not
+                // showing count is so common that it's not worth logging. And other
+                // commonly unused variables here, if there are any.
+                regexpString !== "%\\(count\\)s" &&
+                // Ignore the `locale` option which can be used to override the locale
+                // in counterpart
+                regexpString !== "%\\(locale\\)s"
+            ) {
+                console.log(`Could not find ${regexp} in ${text}`);
+            }
+        }
+    }
+
+    if (shouldWrapInSpan) {
+        return React.createElement("span", null, ...(output as Array<number | string | React.ReactNode>));
+    } else {
+        // eslint-disable-next-line @typescript-eslint/no-base-to-string
+        return output.join("");
+    }
+}
+
+type Languages = {
+    [lang: string]: string;
+};
+
+/**
+ * Sets the language for the application.
+ * In Element web,`languageHandler.setLanguage` should be used instead.
+ * @param language
+ */
+export async function setLanguage(language: string): Promise<void> {
+    const availableLanguages = await getLangsJson();
+    const chosenLanguage = language in availableLanguages ? language : "en";
+
+    const languageData = await getLanguage(i18nFolder + availableLanguages[chosenLanguage]);
+
+    counterpart.registerTranslations(chosenLanguage, languageData);
+    counterpart.setLocale(chosenLanguage);
+}
+
+interface ICounterpartTranslation {
+    [key: string]:
+        | string
+        | {
+              [pluralisation: string]: string;
+          };
+}
+
+async function getLanguage(langPath: string): Promise<ICounterpartTranslation> {
+    console.log("Loading language from", langPath);
+    const res = await fetch(langPath, { method: "GET" });
+
+    if (!res.ok) {
+        throw new Error(`Failed to load ${langPath}, got ${res.status}`);
+    }
+
+    return res.json();
+}
+
+export async function getLangsJson(): Promise<Languages> {
+    const url = i18nFolder + "languages.json";
+
+    const res = await fetch(url, { method: "GET" });
+
+    if (!res.ok) {
+        throw new Error(`Failed to load ${url}, got ${res.status}`);
+    }
+
+    return res.json();
+}
diff --git a/packages/shared-components/src/core/i18n/i18nContext.ts b/packages/shared-components/src/core/i18n/i18nContext.ts
new file mode 100644
index 00000000000..46c4185329d
--- /dev/null
+++ b/packages/shared-components/src/core/i18n/i18nContext.ts
@@ -0,0 +1,27 @@
+/*
+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 { createContext, useContext } from "react";
+import { type I18nApi } from "@element-hq/element-web-module-api";
+
+export const I18nContext = createContext<I18nApi | null>(null);
+I18nContext.displayName = "I18nContext";
+
+/**
+ * A hook to get the i18n API from the context. Will throw if no i18n context is found.
+ * @throws If no i18n context is found
+ * @returns The i18n API from the context
+ */
+export function useI18n(): I18nApi {
+    const i18n = useContext(I18nContext);
+
+    if (!i18n) {
+        throw new Error("useI18n must be used within an I18nContext.Provider");
+    }
+
+    return i18n;
+}
diff --git a/packages/shared-components/src/core/pill-input/Pill/Pill.module.css b/packages/shared-components/src/core/pill-input/Pill/Pill.module.css
new file mode 100644
index 00000000000..59df489e067
--- /dev/null
+++ b/packages/shared-components/src/core/pill-input/Pill/Pill.module.css
@@ -0,0 +1,17 @@
+/*
+ * 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.
+ */
+
+.pill {
+    background-color: var(--cpd-color-bg-action-primary-rest);
+    padding: var(--cpd-space-1x) var(--cpd-space-1-5x) var(--cpd-space-1x) var(--cpd-space-1x);
+    border-radius: 99px;
+}
+
+.label {
+    color: var(--cpd-color-text-on-solid-primary);
+    font: var(--cpd-font-body-sm-medium);
+}
diff --git a/packages/shared-components/src/core/pill-input/Pill/Pill.stories.tsx b/packages/shared-components/src/core/pill-input/Pill/Pill.stories.tsx
new file mode 100644
index 00000000000..2caeab0c48d
--- /dev/null
+++ b/packages/shared-components/src/core/pill-input/Pill/Pill.stories.tsx
@@ -0,0 +1,33 @@
+/*
+ * 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 { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Pill } from "./Pill";
+
+const meta = {
+    title: "Core/Pill",
+    component: Pill,
+    tags: ["autodocs"],
+    args: {
+        label: "Pill",
+        children: <div style={{ width: 20, height: 20, borderRadius: "100%", backgroundColor: "#ccc" }} />,
+        onClick: fn(),
+    },
+} satisfies Meta<typeof Pill>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const WithoutCloseButton: Story = {
+    args: {
+        onClick: undefined,
+    },
+};
diff --git a/packages/shared-components/src/core/pill-input/Pill/Pill.test.tsx b/packages/shared-components/src/core/pill-input/Pill/Pill.test.tsx
new file mode 100644
index 00000000000..867af1a9d43
--- /dev/null
+++ b/packages/shared-components/src/core/pill-input/Pill/Pill.test.tsx
@@ -0,0 +1,27 @@
+/*
+ * 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 { composeStories } from "@storybook/react-vite";
+import { render } from "@test-utils";
+import React from "react";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./Pill.stories";
+
+const { Default, WithoutCloseButton } = composeStories(stories);
+
+describe("Pill", () => {
+    it("renders the pill", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the pill without close button", () => {
+        const { container } = render(<WithoutCloseButton />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/core/pill-input/Pill/Pill.tsx b/packages/shared-components/src/core/pill-input/Pill/Pill.tsx
new file mode 100644
index 00000000000..2811c7854aa
--- /dev/null
+++ b/packages/shared-components/src/core/pill-input/Pill/Pill.tsx
@@ -0,0 +1,69 @@
+/*
+ * 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 MouseEventHandler, type JSX, type PropsWithChildren, type HTMLAttributes, useId } from "react";
+import classNames from "classnames";
+import { IconButton } from "@vector-im/compound-web";
+import CloseIcon from "@vector-im/compound-design-tokens/assets/web/icons/close";
+
+import { Flex } from "../../utils/Flex";
+import styles from "./Pill.module.css";
+import { useI18n } from "../../i18n/i18nContext";
+
+export interface PillProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
+    /**
+     * The text label to display inside the pill.
+     */
+    label: string;
+    /**
+     * Optional click handler for a close button.
+     * If provided, a close button will be rendered.
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+
+/**
+ * A pill component that can display a label and an optional close button.
+ * The badge can also contain child elements, such as icons or avatars.
+ *
+ * @example
+ * ```tsx
+ * <Pill label="New" onClick={() => console.log("Closed")}>
+ *     <SomeIcon />
+ * </Pill>
+ * ```
+ */
+export function Pill({ className, children, label, onClick, ...props }: PropsWithChildren<PillProps>): JSX.Element {
+    const id = useId();
+    const { translate: _t } = useI18n();
+
+    return (
+        <Flex
+            display="inline-flex"
+            gap="var(--cpd-space-1-5x)"
+            align="center"
+            className={classNames(styles.pill, className)}
+            {...props}
+        >
+            {children}
+            <span id={id} className={styles.label}>
+                {label}
+            </span>
+            {onClick && (
+                <IconButton
+                    aria-describedby={id}
+                    size="16px"
+                    onClick={onClick}
+                    aria-label={_t("action|delete")}
+                    className="mx_Dialog_nonDialogButton"
+                >
+                    <CloseIcon />
+                </IconButton>
+            )}
+        </Flex>
+    );
+}
diff --git a/packages/shared-components/src/core/pill-input/Pill/__snapshots__/Pill.test.tsx.snap b/packages/shared-components/src/core/pill-input/Pill/__snapshots__/Pill.test.tsx.snap
new file mode 100644
index 00000000000..5a3b75a0d58
--- /dev/null
+++ b/packages/shared-components/src/core/pill-input/Pill/__snapshots__/Pill.test.tsx.snap
@@ -0,0 +1,65 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Pill > renders the pill 1`] = `
+<div>
+  <div
+    class="Flex-module_flex Pill-module_pill"
+    style="--mx-flex-display: inline-flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1-5x); --mx-flex-wrap: nowrap;"
+  >
+    <div
+      style="width: 20px; height: 20px; border-radius: 100%; background-color: rgb(204, 204, 204);"
+    />
+    <span
+      class="Pill-module_label"
+      id="react-use-id-1"
+    >
+      Pill
+    </span>
+    <button
+      aria-describedby="react-use-id-1"
+      aria-label="Delete"
+      class="_icon-button_1215g_8 mx_Dialog_nonDialogButton"
+      data-kind="primary"
+      role="button"
+      style="--cpd-icon-button-size: 16px;"
+      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="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>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Pill > renders the pill without close button 1`] = `
+<div>
+  <div
+    class="Flex-module_flex Pill-module_pill"
+    style="--mx-flex-display: inline-flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1-5x); --mx-flex-wrap: nowrap;"
+  >
+    <div
+      style="width: 20px; height: 20px; border-radius: 100%; background-color: rgb(204, 204, 204);"
+    />
+    <span
+      class="Pill-module_label"
+      id="react-use-id-1"
+    >
+      Pill
+    </span>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/core/pill-input/Pill/index.ts b/packages/shared-components/src/core/pill-input/Pill/index.ts
new file mode 100644
index 00000000000..1e0a4b6b665
--- /dev/null
+++ b/packages/shared-components/src/core/pill-input/Pill/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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 { Pill } from "./Pill";
diff --git a/packages/shared-components/src/core/pill-input/PillInput/PillInput.module.css b/packages/shared-components/src/core/pill-input/PillInput/PillInput.module.css
new file mode 100644
index 00000000000..888da57746e
--- /dev/null
+++ b/packages/shared-components/src/core/pill-input/PillInput/PillInput.module.css
@@ -0,0 +1,34 @@
+/*
+ * 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.
+ */
+
+.pillInput {
+    background-color: var(--cpd-color-bg-subtle-secondary);
+    border-radius: 20px;
+    padding: var(--cpd-space-2x) var(--cpd-space-3x) var(--cpd-space-2x) var(--cpd-space-3x);
+    /* To match pill height in order to avoid the PillInput to grow when a pill is inserted */
+    min-height: 28px;
+}
+
+.pillInput:has(.input:focus) {
+    outline: var(--cpd-border-width-1) solid var(--cpd-color-gray-1400);
+}
+
+.input {
+    all: unset;
+    width: 100%;
+    flex: 1;
+    color: var(--cpd-color-text-primary);
+}
+
+.input::placeholder {
+    color: var(--cpd-color-text-secondary);
+    font: var(--cpd-font-body-md-regular);
+}
+
+.largerInput {
+    padding: var(--cpd-space-2x) 0;
+}
diff --git a/packages/shared-components/src/core/pill-input/PillInput/PillInput.stories.tsx b/packages/shared-components/src/core/pill-input/PillInput/PillInput.stories.tsx
new file mode 100644
index 00000000000..036aaed0b73
--- /dev/null
+++ b/packages/shared-components/src/core/pill-input/PillInput/PillInput.stories.tsx
@@ -0,0 +1,38 @@
+/*
+ * 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 { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { PillInput } from "./PillInput";
+
+const meta = {
+    title: "Core/PillInput",
+    component: PillInput,
+    tags: ["autodocs"],
+    args: {
+        children: (
+            <>
+                <div style={{ minWidth: 162, height: 28, backgroundColor: "#ccc", borderRadius: "99px" }} />
+                <div style={{ minWidth: 162, height: 28, backgroundColor: "#ccc", borderRadius: "99px" }} />
+            </>
+        ),
+        onChange: fn(),
+        onRemoveChildren: fn(),
+        inputProps: {
+            "placeholder": "Type something...",
+            "aria-label": "pill input",
+        },
+    },
+} satisfies Meta<typeof PillInput>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const NoChild: Story = { args: { children: undefined } };
diff --git a/packages/shared-components/src/core/pill-input/PillInput/PillInput.test.tsx b/packages/shared-components/src/core/pill-input/PillInput/PillInput.test.tsx
new file mode 100644
index 00000000000..aaaf8dbdf0d
--- /dev/null
+++ b/packages/shared-components/src/core/pill-input/PillInput/PillInput.test.tsx
@@ -0,0 +1,44 @@
+/*
+ * 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 { 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";
+
+const { Default, NoChild } = composeStories(stories);
+
+describe("PillInput", () => {
+    it("renders the pill input", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders only the input without children", () => {
+        const { container } = render(<NoChild />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("calls onRemoveChildren when backspace is pressed and input is empty", async () => {
+        const user = userEvent.setup();
+        const mockOnRemoveChildren = vi.fn();
+
+        render(<PillInput onRemoveChildren={mockOnRemoveChildren} />);
+
+        const input = screen.getByRole("textbox");
+
+        // Focus the input and press backspace (input should be empty by default)
+        await user.click(input);
+        await user.keyboard("{Backspace}");
+
+        expect(mockOnRemoveChildren).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/packages/shared-components/src/core/pill-input/PillInput/PillInput.tsx b/packages/shared-components/src/core/pill-input/PillInput/PillInput.tsx
new file mode 100644
index 00000000000..bcb2cb19320
--- /dev/null
+++ b/packages/shared-components/src/core/pill-input/PillInput/PillInput.tsx
@@ -0,0 +1,96 @@
+/*
+ * 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 PropsWithChildren,
+    type JSX,
+    useRef,
+    type KeyboardEventHandler,
+    type HTMLAttributes,
+    type HTMLProps,
+    Children,
+} from "react";
+import classNames from "classnames";
+import { omit } from "lodash";
+import { useMergeRefs } from "react-merge-refs";
+
+import styles from "./PillInput.module.css";
+import { Flex } from "../../utils/Flex";
+
+export interface PillInputProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Callback for when the user presses backspace on an empty input.
+     */
+    onRemoveChildren?: KeyboardEventHandler;
+    /**
+     * Props to pass to the input element.
+     */
+    inputProps?: HTMLProps<HTMLInputElement> & { "data-testid"?: string };
+}
+
+/**
+ * An input component that can contain multiple child elements and an input field.
+ *
+ * @example
+ * ```tsx
+ * <PillInput>
+ *   <div>Child 1</div>
+ *   <div>Child 2</div>
+ * </PillInput>
+ * ```
+ */
+export function PillInput({
+    className,
+    children,
+    onRemoveChildren,
+    inputProps,
+    ...props
+}: PropsWithChildren<PillInputProps>): JSX.Element {
+    const inputRef = useRef<HTMLInputElement>(null);
+    const inputAttributes = omit(inputProps, ["onKeyDown", "ref"]);
+    const ref = useMergeRefs([inputRef, inputProps?.ref]);
+
+    const hasChildren = Children.toArray(children).length > 0;
+
+    return (
+        <Flex
+            {...props}
+            gap="var(--cpd-space-1x)"
+            direction="column"
+            className={classNames(styles.pillInput, className)}
+            onClick={(evt) => {
+                evt.preventDefault();
+                evt.stopPropagation();
+                inputRef.current?.focus();
+            }}
+        >
+            {hasChildren && (
+                <Flex gap="var(--cpd-space-1x)" wrap="wrap" align="center">
+                    {children}
+                </Flex>
+            )}
+            <input
+                ref={ref}
+                autoComplete="off"
+                className={classNames(styles.input, { [styles.largerInput]: hasChildren })}
+                onKeyDown={(evt) => {
+                    const value = evt.currentTarget.value.trim();
+
+                    // If the input is empty and the user presses backspace, we call the onRemoveChildren handler
+                    if (evt.key === "Backspace" && !value) {
+                        evt.preventDefault();
+                        onRemoveChildren?.(evt);
+                        return;
+                    }
+
+                    inputProps?.onKeyDown?.(evt);
+                }}
+                {...inputAttributes}
+            />
+        </Flex>
+    );
+}
diff --git a/packages/shared-components/src/core/pill-input/PillInput/__snapshots__/PillInput.test.tsx.snap b/packages/shared-components/src/core/pill-input/PillInput/__snapshots__/PillInput.test.tsx.snap
new file mode 100644
index 00000000000..cd298542b37
--- /dev/null
+++ b/packages/shared-components/src/core/pill-input/PillInput/__snapshots__/PillInput.test.tsx.snap
@@ -0,0 +1,44 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`PillInput > renders only the input without children 1`] = `
+<div>
+  <div
+    class="Flex-module_flex PillInput-module_pillInput"
+    style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+  >
+    <input
+      aria-label="pill input"
+      autocomplete="off"
+      class="PillInput-module_input"
+      placeholder="Type something..."
+    />
+  </div>
+</div>
+`;
+
+exports[`PillInput > renders the pill input 1`] = `
+<div>
+  <div
+    class="Flex-module_flex PillInput-module_pillInput"
+    style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+  >
+    <div
+      class="Flex-module_flex"
+      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: wrap;"
+    >
+      <div
+        style="min-width: 162px; height: 28px; background-color: rgb(204, 204, 204); border-radius: 99px;"
+      />
+      <div
+        style="min-width: 162px; height: 28px; background-color: rgb(204, 204, 204); border-radius: 99px;"
+      />
+    </div>
+    <input
+      aria-label="pill input"
+      autocomplete="off"
+      class="PillInput-module_input PillInput-module_largerInput"
+      placeholder="Type something..."
+    />
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/core/pill-input/PillInput/index.ts b/packages/shared-components/src/core/pill-input/PillInput/index.ts
new file mode 100644
index 00000000000..76cb6e46252
--- /dev/null
+++ b/packages/shared-components/src/core/pill-input/PillInput/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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 { PillInput } from "./PillInput";
diff --git a/packages/shared-components/src/core/rich-list/RichItem/RichItem.module.css b/packages/shared-components/src/core/rich-list/RichItem/RichItem.module.css
new file mode 100644
index 00000000000..d1028f33e4b
--- /dev/null
+++ b/packages/shared-components/src/core/rich-list/RichItem/RichItem.module.css
@@ -0,0 +1,76 @@
+/*
+ * 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.
+ */
+
+.richItem {
+    /* Remove browser button style */
+    background: transparent;
+    border: none;
+    padding: var(--cpd-space-2x) var(--cpd-space-4x) var(--cpd-space-2x) var(--cpd-space-4x);
+    width: 100%;
+    box-sizing: border-box;
+    cursor: pointer;
+    text-align: start;
+
+    display: grid;
+    column-gap: var(--cpd-space-3x);
+    grid-template-columns: max-content 1fr max-content;
+    grid-template-areas:
+        "avatar title time"
+        "avatar description time";
+}
+
+.richItem:hover,
+.richItem:focus {
+    background-color: var(--cpd-color-bg-subtle-secondary);
+    border-radius: 12px;
+}
+
+.richItem:not(:last-child) {
+    border-bottom: var(--cpd-border-width-1) solid var(--cpd-color-gray-300);
+}
+
+.avatar {
+    grid-area: avatar;
+    align-self: center;
+}
+
+.title {
+    grid-area: title;
+    font: var(--cpd-font-body-sm-semibold);
+    color: var(--cpd-color-text-primary);
+}
+
+.description {
+    grid-area: description;
+}
+
+.timestamp {
+    grid-area: time;
+    align-self: center;
+}
+
+.title,
+.description {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+.description,
+.timestamp {
+    font: var(--cpd-font-body-sm-regular);
+    color: var(--cpd-color-text-secondary);
+}
+
+.checkmark {
+    grid-area: avatar;
+    align-self: center;
+    background-color: var(--cpd-color-icon-accent-primary);
+    width: 32px;
+    height: 32px;
+    border-radius: 100%;
+}
diff --git a/packages/shared-components/src/core/rich-list/RichItem/RichItem.stories.tsx b/packages/shared-components/src/core/rich-list/RichItem/RichItem.stories.tsx
new file mode 100644
index 00000000000..73b8138cde0
--- /dev/null
+++ b/packages/shared-components/src/core/rich-list/RichItem/RichItem.stories.tsx
@@ -0,0 +1,70 @@
+/*
+ * 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 { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { RichItem } from "./RichItem";
+
+const currentTimestamp = new Date("2025-03-09T12:00:00Z").getTime();
+
+const meta = {
+    title: "Core/RichItem",
+    component: RichItem,
+    tags: ["autodocs"],
+    args: {
+        avatar: <div style={{ width: 32, height: 32, backgroundColor: "#ccc", borderRadius: "50%" }} />,
+        title: "Rich Item Title",
+        description: "This is a description of the rich item.",
+        timestamp: currentTimestamp,
+        onClick: fn(),
+    },
+    beforeEach: () => {
+        Date.now = () => new Date("2025-08-01T12:00:00Z").getTime();
+    },
+    parameters: {
+        a11y: {
+            context: "button",
+        },
+    },
+    render: (args) => (
+        <ul role="listbox" style={{ all: "unset", listStyle: "none" }}>
+            <RichItem {...args} />
+        </ul>
+    ),
+} satisfies Meta<typeof RichItem>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Selected: Story = {
+    args: {
+        selected: true,
+    },
+};
+
+export const WithoutTimestamp: Story = {
+    args: {
+        timestamp: undefined,
+    },
+};
+
+export const Hover: Story = {
+    parameters: { pseudo: { hover: true } },
+};
+
+export const Separator: Story = {
+    render: (args) => (
+        <ul role="listbox" style={{ all: "unset", listStyle: "none" }}>
+            <RichItem {...args} />
+            <RichItem {...args} />
+        </ul>
+    ),
+};
diff --git a/packages/shared-components/src/core/rich-list/RichItem/RichItem.test.tsx b/packages/shared-components/src/core/rich-list/RichItem/RichItem.test.tsx
new file mode 100644
index 00000000000..27d3266aee6
--- /dev/null
+++ b/packages/shared-components/src/core/rich-list/RichItem/RichItem.test.tsx
@@ -0,0 +1,36 @@
+/*
+ * 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 { composeStories } from "@storybook/react-vite";
+import { render } from "@test-utils";
+import React from "react";
+import { describe, it, vi, beforeAll, expect } from "vitest";
+
+import * as stories from "./RichItem.stories";
+
+const { Default, Selected, WithoutTimestamp } = composeStories(stories);
+
+describe("RichItem", () => {
+    beforeAll(() => {
+        vi.useFakeTimers().setSystemTime(new Date("2025-08-01T12:00:00Z"));
+    });
+
+    it("renders the item in default state", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the item in selected state", () => {
+        const { container } = render(<Selected />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the item without timestamp", () => {
+        const { container } = render(<WithoutTimestamp />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/core/rich-list/RichItem/RichItem.tsx b/packages/shared-components/src/core/rich-list/RichItem/RichItem.tsx
new file mode 100644
index 00000000000..589f0e7d895
--- /dev/null
+++ b/packages/shared-components/src/core/rich-list/RichItem/RichItem.tsx
@@ -0,0 +1,98 @@
+/*
+ * 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 HTMLAttributes, type JSX, memo } from "react";
+import CheckIcon from "@vector-im/compound-design-tokens/assets/web/icons/check";
+
+import styles from "./RichItem.module.css";
+import { Flex } from "../../utils/Flex";
+import { useI18n } from "../../i18n/i18nContext";
+
+export interface RichItemProps extends HTMLAttributes<HTMLLIElement> {
+    /**
+     * Avatar to display at the start of the item
+     */
+    avatar: React.ReactNode;
+    /**
+     * Title to display at the top of the item
+     */
+    title: string;
+    /**
+     * Description to display below the title
+     */
+    description: string;
+    /**
+     * Timestamp to display at the end of the item
+     * The value is humanized (e.g. "5 minutes ago")
+     */
+    timestamp?: number;
+    /**
+     * Whether the item is selected
+     * This will replace the avatar with a checkmark
+     * @default false
+     */
+    selected?: boolean;
+}
+
+/**
+ * A rich item to display in a list, with an avatar, title, description and optional timestamp.
+ * If selected, the avatar is replaced with a checkmark.
+ * A separator is added between items in a list.
+ *
+ * @example
+ * ```tsx
+ *   <RichItem
+ *     avatar={<AvatarComponent />}
+ *     title="Rich Item Title"
+ *     description="This is a description of the rich item."
+ *     timestamp={Date.now() - 5 * 60 * 1000} // 5 minutes ago
+ *     selected={true}
+ *     onClick={() => console.log("Item clicked")}
+ *   />
+ * ```
+ */
+export const RichItem = memo(function RichItem({
+    avatar,
+    title,
+    description,
+    timestamp,
+    selected,
+    ...props
+}: RichItemProps): JSX.Element {
+    const i18n = useI18n();
+
+    return (
+        <li
+            className={styles.richItem}
+            role="option"
+            tabIndex={-1}
+            aria-selected={selected}
+            aria-label={title}
+            {...props}
+        >
+            {selected ? <Checkmark /> : <Flex className={styles.avatar}>{avatar}</Flex>}
+            <span className={styles.title}>{title}</span>
+            <span className={styles.description}>{description}</span>
+            {timestamp && (
+                <span role="timer" className={styles.timestamp}>
+                    {i18n.humanizeTime(timestamp)}
+                </span>
+            )}
+        </li>
+    );
+});
+
+/**
+ * A checkmark icon inside a circle, used to indicate selection.
+ */
+function Checkmark(): JSX.Element {
+    return (
+        <Flex align="center" justify="center" aria-hidden="true" className={styles.checkmark}>
+            <CheckIcon width="24px" height="24px" color="var(--cpd-color-icon-on-solid-primary)" />
+        </Flex>
+    );
+}
diff --git a/packages/shared-components/src/core/rich-list/RichItem/__snapshots__/RichItem.test.tsx.snap b/packages/shared-components/src/core/rich-list/RichItem/__snapshots__/RichItem.test.tsx.snap
new file mode 100644
index 00000000000..cfd9ef253fe
--- /dev/null
+++ b/packages/shared-components/src/core/rich-list/RichItem/__snapshots__/RichItem.test.tsx.snap
@@ -0,0 +1,129 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`RichItem > renders the item in default state 1`] = `
+<div>
+  <ul
+    role="listbox"
+    style="color-scheme: unset; forced-color-adjust: 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; animation-trigger: 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-shape: 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; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: 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; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: 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; rule-overlap: 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; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: 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; view-transition-scope: 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; list-style: none;"
+  >
+    <li
+      aria-label="Rich Item Title"
+      class="RichItem-module_richItem"
+      role="option"
+      tabindex="-1"
+    >
+      <div
+        class="Flex-module_flex RichItem-module_avatar"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <div
+          style="width: 32px; height: 32px; background-color: rgb(204, 204, 204); border-radius: 50%;"
+        />
+      </div>
+      <span
+        class="RichItem-module_title"
+      >
+        Rich Item Title
+      </span>
+      <span
+        class="RichItem-module_description"
+      >
+        This is a description of the rich item.
+      </span>
+      <span
+        class="RichItem-module_timestamp"
+        role="timer"
+      >
+        145 days ago
+      </span>
+    </li>
+  </ul>
+</div>
+`;
+
+exports[`RichItem > renders the item in selected state 1`] = `
+<div>
+  <ul
+    role="listbox"
+    style="color-scheme: unset; forced-color-adjust: 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; animation-trigger: 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-shape: 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; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: 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; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: 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; rule-overlap: 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; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: 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; view-transition-scope: 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; list-style: none;"
+  >
+    <li
+      aria-label="Rich Item Title"
+      aria-selected="true"
+      class="RichItem-module_richItem"
+      role="option"
+      tabindex="-1"
+    >
+      <div
+        aria-hidden="true"
+        class="Flex-module_flex RichItem-module_checkmark"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <svg
+          color="var(--cpd-color-icon-on-solid-primary)"
+          fill="currentColor"
+          height="24px"
+          viewBox="0 0 24 24"
+          width="24px"
+          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>
+      <span
+        class="RichItem-module_title"
+      >
+        Rich Item Title
+      </span>
+      <span
+        class="RichItem-module_description"
+      >
+        This is a description of the rich item.
+      </span>
+      <span
+        class="RichItem-module_timestamp"
+        role="timer"
+      >
+        145 days ago
+      </span>
+    </li>
+  </ul>
+</div>
+`;
+
+exports[`RichItem > renders the item without timestamp 1`] = `
+<div>
+  <ul
+    role="listbox"
+    style="color-scheme: unset; forced-color-adjust: 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; animation-trigger: 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-shape: 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; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: 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; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: 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; rule-overlap: 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; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: 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; view-transition-scope: 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; list-style: none;"
+  >
+    <li
+      aria-label="Rich Item Title"
+      class="RichItem-module_richItem"
+      role="option"
+      tabindex="-1"
+    >
+      <div
+        class="Flex-module_flex RichItem-module_avatar"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <div
+          style="width: 32px; height: 32px; background-color: rgb(204, 204, 204); border-radius: 50%;"
+        />
+      </div>
+      <span
+        class="RichItem-module_title"
+      >
+        Rich Item Title
+      </span>
+      <span
+        class="RichItem-module_description"
+      >
+        This is a description of the rich item.
+      </span>
+    </li>
+  </ul>
+</div>
+`;
diff --git a/packages/shared-components/src/core/rich-list/RichItem/index.ts b/packages/shared-components/src/core/rich-list/RichItem/index.ts
new file mode 100644
index 00000000000..03011442466
--- /dev/null
+++ b/packages/shared-components/src/core/rich-list/RichItem/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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 { RichItem } from "./RichItem";
diff --git a/packages/shared-components/src/core/rich-list/RichList/RichList.module.css b/packages/shared-components/src/core/rich-list/RichList/RichList.module.css
new file mode 100644
index 00000000000..9fd59ef1036
--- /dev/null
+++ b/packages/shared-components/src/core/rich-list/RichList/RichList.module.css
@@ -0,0 +1,30 @@
+/*
+ * 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.
+ */
+
+.richList {
+    height: inherit;
+}
+
+.title {
+    font: var(--cpd-font-body-sm-semibold);
+    color: var(--cpd-color-text-secondary);
+    padding: var(--cpd-space-2x) var(--cpd-space-4x) var(--cpd-space-2x) var(--cpd-space-4x);
+}
+
+.content {
+    width: 100%;
+    overflow: auto;
+    /* remove browser default ul padding/margin */
+    padding: 0;
+    margin: 0;
+}
+
+.empty {
+    margin-left: var(--cpd-space-6x);
+    font: var(--cpd-font-body-sm-regular);
+    color: var(--cpd-color-text-secondary);
+}
diff --git a/packages/shared-components/src/core/rich-list/RichList/RichList.stories.tsx b/packages/shared-components/src/core/rich-list/RichList/RichList.stories.tsx
new file mode 100644
index 00000000000..9ca502a7ded
--- /dev/null
+++ b/packages/shared-components/src/core/rich-list/RichList/RichList.stories.tsx
@@ -0,0 +1,50 @@
+/*
+ * 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 { RichList } from "./RichList";
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { RichItem } from "../RichItem";
+
+const avatar = <div style={{ width: 32, height: 32, backgroundColor: "#ccc", borderRadius: "50%" }} />;
+
+const meta = {
+    title: "Core/RichList",
+    component: RichList,
+    tags: ["autodocs"],
+    decorators: [
+        (Story) => (
+            <div style={{ height: "220px", overflow: "hidden" }}>
+                <Story />
+            </div>
+        ),
+    ],
+    args: {
+        title: "Rich List Title",
+        children: (
+            <>
+                <RichItem avatar={avatar} title="First Item" description="description" />
+                <RichItem selected={true} avatar={avatar} title="Second Item" description="description" />
+                <RichItem avatar={avatar} title="Third Item" description="description" />
+                <RichItem avatar={avatar} title="Fourth Item" description="description" />
+                <RichItem avatar={avatar} title="Fifth Item" description="description" />
+            </>
+        ),
+    },
+} satisfies Meta<typeof RichList>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Empty: Story = {
+    args: {
+        isEmpty: true,
+        children: "No items available",
+    },
+};
diff --git a/packages/shared-components/src/core/rich-list/RichList/RichList.test.tsx b/packages/shared-components/src/core/rich-list/RichList/RichList.test.tsx
new file mode 100644
index 00000000000..e77cc20b022
--- /dev/null
+++ b/packages/shared-components/src/core/rich-list/RichList/RichList.test.tsx
@@ -0,0 +1,27 @@
+/*
+ * 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 { composeStories } from "@storybook/react-vite";
+import { render } from "@test-utils";
+import React from "react";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./RichList.stories";
+
+const { Default, Empty } = composeStories(stories);
+
+describe("RichItem", () => {
+    it("renders the list", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the list with isEmpty=true", () => {
+        const { container } = render(<Empty />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/core/rich-list/RichList/RichList.tsx b/packages/shared-components/src/core/rich-list/RichList/RichList.tsx
new file mode 100644
index 00000000000..549491e2993
--- /dev/null
+++ b/packages/shared-components/src/core/rich-list/RichList/RichList.tsx
@@ -0,0 +1,80 @@
+/*
+ * 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 HTMLProps, type JSX, type PropsWithChildren, useId } from "react";
+import classNames from "classnames";
+
+import styles from "./RichList.module.css";
+import { Flex } from "../../utils/Flex";
+import { useListKeyboardNavigation } from "../../hooks/useListKeyboardNavigation";
+
+export interface RichListProps extends HTMLProps<HTMLDivElement> {
+    /**
+     * Title to display at the top of the list
+     */
+    title: string;
+    /**
+     * Attributes to pass to the title element
+     * This can be used to set accessibility attributes like `aria-level` or `role`
+     * @example
+     * ```tsx
+     * <RichList title="My List" titleAttributes={{ role: "heading", "aria-level": 2 }}>
+     * ```
+     */
+    titleAttributes?: HTMLProps<HTMLSpanElement>;
+    /**
+     * Indicates if the list should show an empty state.
+     * The list renders its children in a span instead of an ul.
+     */
+    isEmpty?: boolean;
+}
+
+/**
+ * A list component with a title and children.
+ *
+ * @example
+ * ```tsx
+ * <RichList title="My List">
+ *   <RichItem ... />
+ *   <RichItem ... />
+ * </RichList>
+ * ```
+ */
+export function RichList({
+    children,
+    title,
+    className,
+    titleAttributes,
+    isEmpty = false,
+    ...props
+}: PropsWithChildren<RichListProps>): JSX.Element {
+    const id = useId();
+    const { listRef, onKeyDown, onFocus } = useListKeyboardNavigation();
+
+    return (
+        <Flex className={classNames(styles.richList, className)} direction="column" {...props}>
+            <span id={id} className={styles.title} {...titleAttributes}>
+                {title}
+            </span>
+            {isEmpty ? (
+                <span className={styles.empty}>{children}</span>
+            ) : (
+                <ul
+                    ref={listRef}
+                    role="listbox"
+                    className={styles.content}
+                    aria-labelledby={id}
+                    tabIndex={0}
+                    onKeyDown={onKeyDown}
+                    onFocus={onFocus}
+                >
+                    {children}
+                </ul>
+            )}
+        </Flex>
+    );
+}
diff --git a/packages/shared-components/src/core/rich-list/RichList/__snapshots__/RichList.test.tsx.snap b/packages/shared-components/src/core/rich-list/RichList/__snapshots__/RichList.test.tsx.snap
new file mode 100644
index 00000000000..a6290de8c2e
--- /dev/null
+++ b/packages/shared-components/src/core/rich-list/RichList/__snapshots__/RichList.test.tsx.snap
@@ -0,0 +1,189 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`RichItem > renders the list 1`] = `
+<div>
+  <div
+    style="height: 220px; overflow: hidden;"
+  >
+    <div
+      class="Flex-module_flex RichList-module_richList"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="RichList-module_title"
+        id="react-use-id-1"
+      >
+        Rich List Title
+      </span>
+      <ul
+        aria-labelledby="react-use-id-1"
+        class="RichList-module_content"
+        role="listbox"
+        tabindex="0"
+      >
+        <li
+          aria-label="First Item"
+          class="RichItem-module_richItem"
+          role="option"
+          tabindex="-1"
+        >
+          <div
+            class="Flex-module_flex RichItem-module_avatar"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            <div
+              style="width: 32px; height: 32px; background-color: rgb(204, 204, 204); border-radius: 50%;"
+            />
+          </div>
+          <span
+            class="RichItem-module_title"
+          >
+            First Item
+          </span>
+          <span
+            class="RichItem-module_description"
+          >
+            description
+          </span>
+        </li>
+        <li
+          aria-label="Second Item"
+          aria-selected="true"
+          class="RichItem-module_richItem"
+          role="option"
+          tabindex="-1"
+        >
+          <div
+            aria-hidden="true"
+            class="Flex-module_flex RichItem-module_checkmark"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            <svg
+              color="var(--cpd-color-icon-on-solid-primary)"
+              fill="currentColor"
+              height="24px"
+              viewBox="0 0 24 24"
+              width="24px"
+              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>
+          <span
+            class="RichItem-module_title"
+          >
+            Second Item
+          </span>
+          <span
+            class="RichItem-module_description"
+          >
+            description
+          </span>
+        </li>
+        <li
+          aria-label="Third Item"
+          class="RichItem-module_richItem"
+          role="option"
+          tabindex="-1"
+        >
+          <div
+            class="Flex-module_flex RichItem-module_avatar"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            <div
+              style="width: 32px; height: 32px; background-color: rgb(204, 204, 204); border-radius: 50%;"
+            />
+          </div>
+          <span
+            class="RichItem-module_title"
+          >
+            Third Item
+          </span>
+          <span
+            class="RichItem-module_description"
+          >
+            description
+          </span>
+        </li>
+        <li
+          aria-label="Fourth Item"
+          class="RichItem-module_richItem"
+          role="option"
+          tabindex="-1"
+        >
+          <div
+            class="Flex-module_flex RichItem-module_avatar"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            <div
+              style="width: 32px; height: 32px; background-color: rgb(204, 204, 204); border-radius: 50%;"
+            />
+          </div>
+          <span
+            class="RichItem-module_title"
+          >
+            Fourth Item
+          </span>
+          <span
+            class="RichItem-module_description"
+          >
+            description
+          </span>
+        </li>
+        <li
+          aria-label="Fifth Item"
+          class="RichItem-module_richItem"
+          role="option"
+          tabindex="-1"
+        >
+          <div
+            class="Flex-module_flex RichItem-module_avatar"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            <div
+              style="width: 32px; height: 32px; background-color: rgb(204, 204, 204); border-radius: 50%;"
+            />
+          </div>
+          <span
+            class="RichItem-module_title"
+          >
+            Fifth Item
+          </span>
+          <span
+            class="RichItem-module_description"
+          >
+            description
+          </span>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`RichItem > renders the list with isEmpty=true 1`] = `
+<div>
+  <div
+    style="height: 220px; overflow: hidden;"
+  >
+    <div
+      class="Flex-module_flex RichList-module_richList"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="RichList-module_title"
+        id="react-use-id-1"
+      >
+        Rich List Title
+      </span>
+      <span
+        class="RichList-module_empty"
+      >
+        No items available
+      </span>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/core/rich-list/RichList/index.ts b/packages/shared-components/src/core/rich-list/RichList/index.ts
new file mode 100644
index 00000000000..88999fed3f7
--- /dev/null
+++ b/packages/shared-components/src/core/rich-list/RichList/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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 { RichList } from "./RichList";
diff --git a/packages/shared-components/src/core/roving/RovingGridIndex.stories.tsx b/packages/shared-components/src/core/roving/RovingGridIndex.stories.tsx
new file mode 100644
index 00000000000..2a36ec0c618
--- /dev/null
+++ b/packages/shared-components/src/core/roving/RovingGridIndex.stories.tsx
@@ -0,0 +1,281 @@
+/*
+ * 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 type { Meta, StoryObj } from "@storybook/react-vite";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+import { RovingGridIndexProvider, useRovingTabIndex } from ".";
+
+const gridStyle: React.CSSProperties = {
+    display: "inline-flex",
+    flexDirection: "column",
+    gap: 4,
+    padding: 12,
+    border: "1px solid var(--cpd-color-border-interactive-secondary)",
+    borderRadius: 8,
+};
+
+const containerStyle: React.CSSProperties = {
+    display: "inline-flex",
+    flexDirection: "column",
+    gap: 8,
+    alignItems: "flex-start",
+};
+
+const rowStyle: React.CSSProperties = {
+    display: "flex",
+    gap: 4,
+};
+
+const buttonStyle: React.CSSProperties = {
+    width: 44,
+    height: 36,
+};
+
+const activeCellLabelStyle: React.CSSProperties = {
+    color: "var(--cpd-color-text-secondary)",
+    font: "var(--cpd-font-body-sm-regular)",
+};
+
+const gridLabelStyle: React.CSSProperties = {
+    color: "var(--cpd-color-text-secondary)",
+    font: "var(--cpd-font-body-md-semibold)",
+};
+
+function GridButton({ label }: Readonly<{ label: string }>): JSX.Element {
+    const [onFocus, isActive, ref] = useRovingTabIndex<HTMLButtonElement>();
+
+    return (
+        <button
+            ref={ref}
+            id={`grid-button-${label}`}
+            style={buttonStyle}
+            tabIndex={isActive ? 0 : -1}
+            onFocus={onFocus}
+        >
+            {label}
+        </button>
+    );
+}
+
+function GridRows({ rows }: Readonly<{ rows: string[][] }>): JSX.Element {
+    return (
+        <>
+            {rows.map((row) => (
+                <div role="row" style={rowStyle} key={row.join("|")}>
+                    {row.map((label) => (
+                        <div role="gridcell" key={label}>
+                            <GridButton label={label} />
+                        </div>
+                    ))}
+                </div>
+            ))}
+        </>
+    );
+}
+
+function GridExample({
+    rows,
+    handleHomeEnd,
+    handleInputFields,
+    handleLoop,
+    moveFocus = true,
+    withInput,
+}: Readonly<{
+    rows: string[][];
+    handleHomeEnd?: boolean;
+    handleInputFields?: boolean;
+    handleLoop?: boolean;
+    moveFocus?: React.ComponentProps<typeof RovingGridIndexProvider>["moveFocus"];
+    withInput?: boolean;
+}>): JSX.Element {
+    const [activeLabel, setActiveLabel] = useState(rows[0]?.[0]);
+
+    return (
+        <RovingGridIndexProvider
+            handleHomeEnd={handleHomeEnd}
+            handleInputFields={handleInputFields}
+            handleLoop={handleLoop}
+            moveFocus={moveFocus}
+            onGridNavigation={(_event, target) => setActiveLabel(target.textContent ?? "")}
+        >
+            {({ onKeyDownHandler }) => (
+                <div style={containerStyle}>
+                    {withInput && (
+                        <input
+                            aria-label="Search"
+                            aria-activedescendant={activeLabel ? `grid-button-${activeLabel}` : undefined}
+                            onKeyDown={onKeyDownHandler}
+                            placeholder="Focus stays here; use arrow keys"
+                        />
+                    )}
+                    {withInput && <span style={activeCellLabelStyle}>Active cell: {activeLabel}</span>}
+                    <div
+                        role="grid"
+                        aria-label="Example roving grid"
+                        onKeyDown={onKeyDownHandler}
+                        style={gridStyle}
+                        tabIndex={-1}
+                    >
+                        <GridRows rows={rows} />
+                    </div>
+                </div>
+            )}
+        </RovingGridIndexProvider>
+    );
+}
+
+function MultipleGridExample({
+    grids,
+    handleHomeEnd,
+    handleLoop,
+}: Readonly<{
+    grids: Array<{
+        label: string;
+        rows: string[][];
+    }>;
+    handleHomeEnd?: boolean;
+    handleLoop?: boolean;
+}>): JSX.Element {
+    return (
+        <RovingGridIndexProvider handleHomeEnd={handleHomeEnd} handleLoop={handleLoop}>
+            {({ onKeyDownHandler }) => (
+                <div style={containerStyle}>
+                    {grids.map((grid) => (
+                        <section style={containerStyle} key={grid.label}>
+                            <span id={`grid-label-${grid.label}`} style={gridLabelStyle}>
+                                {grid.label}
+                            </span>
+                            <div
+                                role="grid"
+                                aria-labelledby={`grid-label-${grid.label}`}
+                                onKeyDown={onKeyDownHandler}
+                                style={gridStyle}
+                                tabIndex={-1}
+                            >
+                                <GridRows rows={grid.rows} />
+                            </div>
+                        </section>
+                    ))}
+                </div>
+            )}
+        </RovingGridIndexProvider>
+    );
+}
+
+const RovingGridIndexWrapper = withViewDocs(GridExample, RovingGridIndexProvider);
+
+const meta = {
+    title: "Core/RovingGridIndex",
+    component: RovingGridIndexWrapper,
+    tags: ["autodocs", "skip-test"],
+    args: {
+        rows: [],
+        handleHomeEnd: true,
+        handleLoop: true,
+    },
+    argTypes: {
+        handleHomeEnd: {
+            control: "boolean",
+        },
+        handleInputFields: {
+            control: false,
+            table: {
+                disable: true,
+            },
+        },
+        handleLoop: {
+            control: "boolean",
+        },
+        moveFocus: {
+            control: false,
+            table: {
+                disable: true,
+            },
+        },
+        withInput: {
+            control: false,
+            table: {
+                disable: true,
+            },
+        },
+    },
+} satisfies Meta<typeof RovingGridIndexWrapper>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const DefaultGrid: Story = {
+    args: {
+        rows: [
+            ["A1", "A2", "A3", "A4"],
+            ["B1", "B2", "B3", "B4"],
+            ["C1", "C2", "C3", "C4"],
+        ],
+        handleHomeEnd: true,
+    },
+};
+
+export const RaggedRows: Story = {
+    args: {
+        rows: [
+            ["A1", "A2", "A3", "A4"],
+            ["B1", "B2"],
+            ["C1", "C2", "C3"],
+        ],
+        handleHomeEnd: true,
+    },
+};
+
+export const VirtualFocus: Story = {
+    args: {
+        rows: [
+            ["A1", "A2", "A3"],
+            ["B1", "B2", "B3"],
+        ],
+        handleHomeEnd: true,
+        handleInputFields: true,
+        moveFocus: false,
+        withInput: true,
+    },
+};
+
+export const LoopingGrid: Story = {
+    args: {
+        rows: [
+            ["A1", "A2", "A3"],
+            ["B1", "B2", "B3"],
+        ],
+        handleHomeEnd: true,
+        handleLoop: true,
+    },
+};
+
+export const MultipleGrids: StoryObj<typeof MultipleGridExample> = {
+    render: (args) => <MultipleGridExample {...args} />,
+    args: {
+        grids: [
+            {
+                label: "Primary grid",
+                rows: [
+                    ["A1", "A2", "A3"],
+                    ["B1", "B2", "B3"],
+                ],
+            },
+            {
+                label: "Secondary grid",
+                rows: [
+                    ["C1", "C2"],
+                    ["D1", "D2", "D3"],
+                ],
+            },
+        ],
+        handleHomeEnd: true,
+    },
+};
diff --git a/packages/shared-components/src/core/roving/RovingGridIndex.test.tsx b/packages/shared-components/src/core/roving/RovingGridIndex.test.tsx
new file mode 100644
index 00000000000..bba48331e33
--- /dev/null
+++ b/packages/shared-components/src/core/roving/RovingGridIndex.test.tsx
@@ -0,0 +1,308 @@
+/*
+ * 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 ReactNode } from "react";
+import userEvent from "@testing-library/user-event";
+import { render, screen } from "@test-utils";
+import { describe, expect, it, vi } from "vitest";
+
+import { RovingGridIndexProvider, useRovingTabIndex } from ".";
+
+const offsetParentDescriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, "offsetParent");
+if (offsetParentDescriptor?.configurable !== false) {
+    Object.defineProperty(HTMLElement.prototype, "offsetParent", {
+        configurable: true,
+        get() {
+            return this.parentNode;
+        },
+    });
+}
+
+function GridButton({ label }: Readonly<{ label: string }>): React.ReactElement {
+    const [onFocus, isActive, ref] = useRovingTabIndex<HTMLButtonElement>();
+
+    return (
+        <button ref={ref} tabIndex={isActive ? 0 : -1} onFocus={onFocus}>
+            {label}
+        </button>
+    );
+}
+
+function DefaultGrid({
+    rows,
+    props,
+    beforeGrid,
+}: Readonly<{
+    rows: string[][];
+    props?: Partial<React.ComponentProps<typeof RovingGridIndexProvider>>;
+    beforeGrid?: ReactNode;
+}>): React.ReactElement {
+    return (
+        <RovingGridIndexProvider {...props}>
+            {({ onKeyDownHandler }) => (
+                <div>
+                    {beforeGrid &&
+                        React.isValidElement(beforeGrid) &&
+                        React.cloneElement(beforeGrid, {
+                            onKeyDown: onKeyDownHandler,
+                        } as Partial<React.HTMLAttributes<HTMLElement>>)}
+                    <div role="grid" aria-label="Roving grid" onKeyDown={onKeyDownHandler} tabIndex={-1}>
+                        {rows.map((row, rowIndex) => (
+                            <div role="row" key={rowIndex}>
+                                {row.map((label) => (
+                                    <div role="gridcell" key={label}>
+                                        <GridButton label={label} />
+                                    </div>
+                                ))}
+                            </div>
+                        ))}
+                    </div>
+                </div>
+            )}
+        </RovingGridIndexProvider>
+    );
+}
+
+const getButton = (name: string): HTMLButtonElement => screen.getByRole("button", { name });
+
+const expectTabIndexes = (labels: string[], activeLabel: string): void => {
+    for (const label of labels) {
+        expect(getButton(label)).toHaveAttribute("tabindex", label === activeLabel ? "0" : "-1");
+    }
+};
+
+describe("RovingGridIndexProvider", () => {
+    it("moves horizontally through registered grid cells", async () => {
+        const user = userEvent.setup();
+        render(<DefaultGrid rows={[["A1", "A2", "A3"]]} />);
+
+        expectTabIndexes(["A1", "A2", "A3"], "A1");
+
+        await user.tab();
+        expect(getButton("A1")).toHaveFocus();
+
+        await user.keyboard("{ArrowRight}");
+        expect(getButton("A2")).toHaveFocus();
+        expectTabIndexes(["A1", "A2", "A3"], "A2");
+
+        await user.keyboard("{ArrowLeft}");
+        expect(getButton("A1")).toHaveFocus();
+        expectTabIndexes(["A1", "A2", "A3"], "A1");
+    });
+
+    it("moves vertically while preserving the column", async () => {
+        const user = userEvent.setup();
+        render(
+            <DefaultGrid
+                rows={[
+                    ["A1", "A2", "A3"],
+                    ["B1", "B2", "B3"],
+                    ["C1", "C2", "C3"],
+                ]}
+            />,
+        );
+
+        await user.tab();
+        await user.keyboard("{ArrowRight}");
+        expect(getButton("A2")).toHaveFocus();
+
+        await user.keyboard("{ArrowDown}");
+        expect(getButton("B2")).toHaveFocus();
+        expectTabIndexes(["A2", "B2"], "B2");
+
+        await user.keyboard("{ArrowDown}");
+        expect(getButton("C2")).toHaveFocus();
+
+        await user.keyboard("{ArrowUp}");
+        expect(getButton("B2")).toHaveFocus();
+    });
+
+    it("clamps vertical movement for ragged rows", async () => {
+        const user = userEvent.setup();
+        render(
+            <DefaultGrid
+                rows={[
+                    ["A1", "A2", "A3"],
+                    ["B1", "B2"],
+                ]}
+            />,
+        );
+
+        await user.tab();
+        await user.keyboard("{ArrowRight}");
+        await user.keyboard("{ArrowRight}");
+        expect(getButton("A3")).toHaveFocus();
+
+        await user.keyboard("{ArrowDown}");
+        expect(getButton("B2")).toHaveFocus();
+        expectTabIndexes(["A3", "B2"], "B2");
+    });
+
+    it("moves vertically across separate grid containers", async () => {
+        const user = userEvent.setup();
+        render(
+            <RovingGridIndexProvider>
+                {({ onKeyDownHandler }) => (
+                    <>
+                        <div role="grid" aria-label="First roving grid" onKeyDown={onKeyDownHandler} tabIndex={-1}>
+                            <div role="row">
+                                {["A1", "A2", "A3"].map((label) => (
+                                    <div role="gridcell" key={label}>
+                                        <GridButton label={label} />
+                                    </div>
+                                ))}
+                            </div>
+                        </div>
+                        <div role="grid" aria-label="Second roving grid" onKeyDown={onKeyDownHandler} tabIndex={-1}>
+                            <div role="row">
+                                {["B1", "B2"].map((label) => (
+                                    <div role="gridcell" key={label}>
+                                        <GridButton label={label} />
+                                    </div>
+                                ))}
+                            </div>
+                        </div>
+                    </>
+                )}
+            </RovingGridIndexProvider>,
+        );
+
+        await user.tab();
+        await user.keyboard("{ArrowRight}");
+        await user.keyboard("{ArrowRight}");
+        expect(getButton("A3")).toHaveFocus();
+
+        await user.keyboard("{ArrowDown}");
+        expect(getButton("B2")).toHaveFocus();
+    });
+
+    it("keeps the active cell unchanged at grid boundaries", async () => {
+        const user = userEvent.setup();
+        render(<DefaultGrid rows={[["A1", "A2"]]} />);
+
+        await user.tab();
+        await user.keyboard("{ArrowLeft}");
+        expect(getButton("A1")).toHaveFocus();
+        expectTabIndexes(["A1", "A2"], "A1");
+    });
+
+    it("can update active state without moving DOM focus", async () => {
+        const user = userEvent.setup();
+        render(
+            <DefaultGrid
+                rows={[["A1", "A2"]]}
+                props={{ handleInputFields: true, moveFocus: false }}
+                beforeGrid={<input aria-label="Search" />}
+            />,
+        );
+
+        await user.click(screen.getByRole("textbox", { name: "Search" }));
+        expect(screen.getByRole("textbox", { name: "Search" })).toHaveFocus();
+
+        await user.keyboard("{ArrowRight}");
+        expect(screen.getByRole("textbox", { name: "Search" })).toHaveFocus();
+        expectTabIndexes(["A1", "A2"], "A2");
+    });
+
+    it("allows moveFocus to be decided per navigation target", async () => {
+        const user = userEvent.setup();
+        const moveFocus = vi.fn((target: HTMLElement) => target.textContent !== "A2");
+        render(
+            <DefaultGrid
+                rows={[["A1", "A2", "A3"]]}
+                props={{ handleInputFields: true, moveFocus }}
+                beforeGrid={<input aria-label="Search" />}
+            />,
+        );
+
+        await user.click(screen.getByRole("textbox", { name: "Search" }));
+        await user.keyboard("{ArrowRight}");
+
+        expect(moveFocus).toHaveBeenCalledWith(getButton("A2"), expect.anything(), expect.anything());
+        expect(screen.getByRole("textbox", { name: "Search" })).toHaveFocus();
+        expectTabIndexes(["A1", "A2", "A3"], "A2");
+
+        await user.keyboard("{ArrowRight}");
+        expect(getButton("A3")).toHaveFocus();
+    });
+
+    it("keeps native input arrow-key behaviour unless input handling is enabled", async () => {
+        const user = userEvent.setup();
+        render(
+            <DefaultGrid
+                rows={[["A1", "A2"]]}
+                props={{ moveFocus: false }}
+                beforeGrid={<input aria-label="Search" />}
+            />,
+        );
+
+        await user.click(screen.getByRole("textbox", { name: "Search" }));
+        await user.keyboard("{ArrowRight}");
+
+        expect(screen.getByRole("textbox", { name: "Search" })).toHaveFocus();
+        expectTabIndexes(["A1", "A2"], "A1");
+    });
+
+    it("scrolls the target into view when configured", async () => {
+        const user = userEvent.setup();
+        const scrollIntoView = vi.fn();
+        Object.defineProperty(HTMLElement.prototype, "scrollIntoView", {
+            configurable: true,
+            value: scrollIntoView,
+        });
+        render(<DefaultGrid rows={[["A1", "A2"]]} props={{ scrollIntoView: { block: "center" } }} />);
+
+        await user.tab();
+        await user.keyboard("{ArrowRight}");
+
+        expect(scrollIntoView).toHaveBeenCalledWith({ block: "center" });
+    });
+
+    it("supports custom grid markup resolvers", async () => {
+        const user = userEvent.setup();
+        render(
+            <RovingGridIndexProvider
+                getGridCell={(node) => node.closest("[data-grid-cell]") ?? undefined}
+                getRovingNode={(cell) => cell.querySelector("button") ?? undefined}
+            >
+                {({ onKeyDownHandler }) => (
+                    <div role="grid" aria-label="Roving grid" onKeyDown={onKeyDownHandler} tabIndex={-1}>
+                        <div role="row">
+                            <div data-grid-cell>
+                                <span>
+                                    <GridButton label="A1" />
+                                </span>
+                            </div>
+                            <div data-grid-cell>
+                                <span>
+                                    <GridButton label="A2" />
+                                </span>
+                            </div>
+                        </div>
+                        <div role="row">
+                            <div data-grid-cell>
+                                <span>
+                                    <GridButton label="B1" />
+                                </span>
+                            </div>
+                            <div data-grid-cell>
+                                <span>
+                                    <GridButton label="B2" />
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                )}
+            </RovingGridIndexProvider>,
+        );
+
+        await user.tab();
+        await user.keyboard("{ArrowDown}");
+
+        expect(getButton("B1")).toHaveFocus();
+    });
+});
diff --git a/packages/shared-components/src/core/roving/RovingGridIndex.tsx b/packages/shared-components/src/core/roving/RovingGridIndex.tsx
new file mode 100644
index 00000000000..cf93a00aa69
--- /dev/null
+++ b/packages/shared-components/src/core/roving/RovingGridIndex.tsx
@@ -0,0 +1,305 @@
+/*
+ * 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, type Dispatch, type KeyboardEvent } from "react";
+
+import {
+    checkInputableElement,
+    findNextSiblingElement,
+    findPreviousSiblingElement,
+    type IAction,
+    type IState,
+    RovingAction,
+    RovingStateActionType,
+    RovingTabIndexProvider,
+    type RovingTabIndexProviderProps,
+} from "./RovingTabIndex";
+
+/**
+ * Resolves the grid cell element that contains a registered roving node.
+ *
+ * The default expects the roving node to be a direct child of a `role="gridcell"`
+ * element.
+ */
+export type RovingGridCellResolver = (this: void, rovingNode: Element) => Element | undefined;
+
+/**
+ * Resolves the row element that contains a registered roving node.
+ *
+ * The default expects `rovingNode -> gridcell -> row`, where the row element is
+ * the grid cell's parent.
+ */
+export type RovingGridRowResolver = (this: void, rovingNode: Element) => Element | undefined;
+
+/**
+ * Resolves the registered roving node contained within a grid cell.
+ *
+ * The default expects the roving node to be the first child of the grid cell.
+ */
+export type RovingGridNodeResolver = (this: void, gridCell: Element) => HTMLElement | undefined;
+
+/**
+ * Controls whether grid navigation moves DOM focus to the active cell.
+ *
+ * Pass `false` for composite widgets that keep DOM focus elsewhere and expose
+ * the active grid item through `aria-activedescendant`.
+ */
+export type RovingGridMoveFocus =
+    | boolean
+    | ((this: void, target: HTMLElement, event: KeyboardEvent, state: IState) => boolean);
+
+/**
+ * Props for {@link RovingGridIndexProvider}.
+ */
+export interface RovingGridIndexProviderProps extends Omit<
+    RovingTabIndexProviderProps,
+    "handleUpDown" | "handleLeftRight" | "onKeyDown"
+> {
+    /**
+     * Optional callback invoked before grid handling and before the wrapped
+     * roving provider performs its own keyboard handling.
+     *
+     * Call `preventDefault()` on the event to suppress grid and fallback
+     * roving behaviour.
+     */
+    onKeyDown?(this: void, ev: KeyboardEvent, state: IState, dispatch: Dispatch<IAction>): void;
+    /**
+     * Whether arrow-key grid navigation should move DOM focus.
+     *
+     * Defaults to `true`. When `false`, the provider still updates the active
+     * roving node and tab stop.
+     */
+    moveFocus?: RovingGridMoveFocus;
+    /**
+     * Called after grid navigation resolves a target and updates roving state.
+     */
+    onGridNavigation?(
+        this: void,
+        event: KeyboardEvent,
+        target: HTMLElement,
+        state: IState,
+        dispatch: Dispatch<IAction>,
+    ): void;
+    /**
+     * Resolves the grid cell element for a registered roving node.
+     *
+     * Override this when the roving node is not a direct child of the grid cell.
+     */
+    getGridCell?: RovingGridCellResolver;
+    /**
+     * Resolves the row element for a registered roving node.
+     *
+     * Override this when grid rows are not direct parents of grid cells.
+     */
+    getRow?: RovingGridRowResolver;
+    /**
+     * Resolves the registered roving node inside a grid cell.
+     *
+     * Override this when the focusable element is not the grid cell's first
+     * child.
+     */
+    getRovingNode?: RovingGridNodeResolver;
+}
+
+const defaultGetGridCell: RovingGridCellResolver = (rovingNode) => rovingNode.parentElement ?? undefined;
+
+const defaultGetRovingNode: RovingGridNodeResolver = (gridCell) => {
+    const child = gridCell.children[0];
+    return child instanceof HTMLElement ? child : undefined;
+};
+
+type RovingGridNavigationAction =
+    | RovingAction.ArrowLeft
+    | RovingAction.ArrowRight
+    | RovingAction.ArrowUp
+    | RovingAction.ArrowDown;
+
+const isGridNavigationAction = (action: RovingAction | undefined): action is RovingGridNavigationAction => {
+    return (
+        action === RovingAction.ArrowLeft ||
+        action === RovingAction.ArrowRight ||
+        action === RovingAction.ArrowUp ||
+        action === RovingAction.ArrowDown
+    );
+};
+
+const getHorizontalTarget = (
+    action: RovingAction,
+    state: IState,
+    handleLoop: boolean | undefined,
+): HTMLElement | undefined => {
+    if (!state.activeNode) return undefined;
+
+    const activeIndex = state.nodes.indexOf(state.activeNode);
+    if (activeIndex === -1) return undefined;
+
+    if (action === RovingAction.ArrowLeft) {
+        return findPreviousSiblingElement(state.nodes, activeIndex - 1, handleLoop);
+    }
+
+    if (action === RovingAction.ArrowRight) {
+        return findNextSiblingElement(state.nodes, activeIndex + 1, handleLoop);
+    }
+};
+
+const getVerticalTarget = (
+    action: RovingAction,
+    state: IState,
+    getGridCell: RovingGridCellResolver,
+    getRow: RovingGridRowResolver,
+    getRovingNode: RovingGridNodeResolver,
+): HTMLElement | undefined => {
+    if (!state.activeNode) return undefined;
+
+    const row = getRow(state.activeNode);
+    const gridCell = getGridCell(state.activeNode);
+    if (!row || !gridCell) return undefined;
+
+    const columnIndex = Array.from(row.children).indexOf(gridCell);
+    const activeIndex = state.nodes.indexOf(state.activeNode);
+    if (columnIndex === -1 || activeIndex === -1) return undefined;
+
+    const nextRowProbeIndex =
+        action === RovingAction.ArrowUp
+            ? activeIndex - columnIndex - 1
+            : activeIndex - columnIndex + row.children.length;
+    const nextRow = getRow(state.nodes[nextRowProbeIndex]);
+
+    if (nextRow) {
+        if (!(nextRow instanceof HTMLElement) || nextRow.offsetParent === null || nextRow.children.length === 0) {
+            return undefined;
+        }
+
+        const nextColumnIndex = Math.min(columnIndex, nextRow.children.length - 1);
+        const target = getRovingNode(nextRow.children[nextColumnIndex]);
+        if (target?.offsetParent && state.nodes.includes(target)) {
+            return target;
+        }
+    }
+};
+
+const shouldMoveFocus = (
+    moveFocus: RovingGridMoveFocus | undefined,
+    target: HTMLElement,
+    event: KeyboardEvent,
+    state: IState,
+): boolean => {
+    if (typeof moveFocus === "function") return moveFocus(target, event, state);
+    return moveFocus ?? true;
+};
+
+/**
+ * Provides two-dimensional arrow-key navigation for roving tabindex grids.
+ *
+ * `RovingGridIndexProvider` reuses the same registration state as
+ * {@link RovingTabIndexProvider}. Descendants should still call
+ * {@link useRovingTabIndex}; this provider only changes how arrow keys resolve
+ * the next active node.
+ *
+ * By default, the provider expects each registered roving node to be rendered as
+ * the first child of a `role="gridcell"` element, and each grid cell to be a
+ * direct child of a row element. Override `getGridCell`, `getRow`, and
+ * `getRovingNode` for different markup.
+ */
+export const RovingGridIndexProvider: React.FC<RovingGridIndexProviderProps> = ({
+    children,
+    getAction,
+    getGridCell = defaultGetGridCell,
+    getRow,
+    getRovingNode = defaultGetRovingNode,
+    handleInputFields,
+    handleLoop,
+    moveFocus,
+    onGridNavigation,
+    onKeyDown,
+    scrollIntoView,
+    ...props
+}) => {
+    const resolvedGetRow = useCallback<RovingGridRowResolver>(
+        (rovingNode) => getRow?.(rovingNode) ?? getGridCell(rovingNode)?.parentElement ?? undefined,
+        [getGridCell, getRow],
+    );
+
+    const onGridKeyDown = useCallback(
+        (event: KeyboardEvent, state: IState, dispatch: Dispatch<IAction>): void => {
+            onKeyDown?.(event, state, dispatch);
+            if (event.defaultPrevented) return;
+
+            const action = getAction?.(event) ?? getDefaultGridAction(event);
+            if (!isGridNavigationAction(action) || !state.activeNode) return;
+
+            if (!handleInputFields && event.target instanceof HTMLElement && checkInputableElement(event.target)) {
+                return;
+            }
+
+            const target =
+                action === RovingAction.ArrowUp || action === RovingAction.ArrowDown
+                    ? getVerticalTarget(action, state, getGridCell, resolvedGetRow, getRovingNode)
+                    : getHorizontalTarget(action, state, handleLoop);
+
+            event.preventDefault();
+            event.stopPropagation();
+
+            if (!target) return;
+
+            if (shouldMoveFocus(moveFocus, target, event, state)) {
+                target.focus();
+            }
+
+            dispatch({
+                type: RovingStateActionType.SetFocus,
+                payload: { node: target },
+            });
+
+            if (scrollIntoView) {
+                target.scrollIntoView(scrollIntoView);
+            }
+
+            onGridNavigation?.(event, target, state, dispatch);
+        },
+        [
+            getAction,
+            getGridCell,
+            getRovingNode,
+            handleInputFields,
+            handleLoop,
+            moveFocus,
+            onGridNavigation,
+            onKeyDown,
+            resolvedGetRow,
+            scrollIntoView,
+        ],
+    );
+
+    return (
+        <RovingTabIndexProvider
+            {...props}
+            getAction={getAction}
+            handleInputFields={handleInputFields}
+            handleLoop={handleLoop}
+            onKeyDown={onGridKeyDown}
+            scrollIntoView={scrollIntoView}
+        >
+            {children}
+        </RovingTabIndexProvider>
+    );
+};
+
+const getDefaultGridAction = (ev: KeyboardEvent): RovingAction | undefined => {
+    switch (ev.key) {
+        case "ArrowLeft":
+            return RovingAction.ArrowLeft;
+        case "ArrowUp":
+            return RovingAction.ArrowUp;
+        case "ArrowRight":
+            return RovingAction.ArrowRight;
+        case "ArrowDown":
+            return RovingAction.ArrowDown;
+        default:
+            return undefined;
+    }
+};
diff --git a/packages/shared-components/src/core/roving/RovingTabIndex.stories.tsx b/packages/shared-components/src/core/roving/RovingTabIndex.stories.tsx
new file mode 100644
index 00000000000..90721efceb9
--- /dev/null
+++ b/packages/shared-components/src/core/roving/RovingTabIndex.stories.tsx
@@ -0,0 +1,361 @@
+/*
+ * 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 type { Meta, StoryObj } from "@storybook/react-vite";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+import {
+    checkInputableElement,
+    findNextSiblingElement,
+    findPreviousSiblingElement,
+    type IAction,
+    type IState,
+    RovingAction,
+    RovingStateActionType,
+    RovingTabIndexProvider,
+    useRovingTabIndex,
+} from ".";
+
+const toolbarStyle: React.CSSProperties = {
+    display: "inline-flex",
+    gap: 4,
+    padding: 12,
+    border: "1px solid var(--cpd-color-border-interactive-secondary)",
+    borderRadius: 8,
+};
+
+const containerStyle: React.CSSProperties = {
+    display: "inline-flex",
+    flexDirection: "column",
+    gap: 8,
+    alignItems: "flex-start",
+};
+
+const verticalToolbarStyle: React.CSSProperties = {
+    ...toolbarStyle,
+    flexDirection: "column",
+};
+
+const buttonStyle: React.CSSProperties = {
+    minWidth: 72,
+    height: 36,
+};
+
+const activeLabelStyle: React.CSSProperties = {
+    color: "var(--cpd-color-text-secondary)",
+    font: "var(--cpd-font-body-sm-regular)",
+};
+
+const toolbarLabelStyle: React.CSSProperties = {
+    color: "var(--cpd-color-text-secondary)",
+    font: "var(--cpd-font-body-md-semibold)",
+};
+
+const getAction = (event: React.KeyboardEvent): RovingAction | undefined => {
+    switch (event.key) {
+        case "Home":
+            return RovingAction.Home;
+        case "End":
+            return RovingAction.End;
+        case "ArrowLeft":
+            return RovingAction.ArrowLeft;
+        case "ArrowUp":
+            return RovingAction.ArrowUp;
+        case "ArrowRight":
+            return RovingAction.ArrowRight;
+        case "ArrowDown":
+            return RovingAction.ArrowDown;
+        default:
+            return undefined;
+    }
+};
+
+const getAdjacentNode = (state: IState, backwards: boolean, loop: boolean | undefined): HTMLElement | undefined => {
+    if (!state.activeNode) return undefined;
+
+    const currentIndex = state.nodes.indexOf(state.activeNode);
+    if (currentIndex === -1) return undefined;
+
+    const nextIndex = currentIndex + (backwards ? -1 : 1);
+    return backwards
+        ? findPreviousSiblingElement(state.nodes, nextIndex, loop)
+        : findNextSiblingElement(state.nodes, nextIndex, loop);
+};
+
+const getTargetNode = (
+    event: React.KeyboardEvent,
+    state: IState,
+    {
+        handleHomeEnd,
+        handleLeftRight,
+        handleLoop,
+        handleUpDown,
+    }: Pick<
+        React.ComponentProps<typeof RovingTabIndexProvider>,
+        "handleHomeEnd" | "handleLeftRight" | "handleLoop" | "handleUpDown"
+    >,
+): HTMLElement | undefined => {
+    switch (getAction(event)) {
+        case RovingAction.Home:
+            return handleHomeEnd ? findNextSiblingElement(state.nodes, 0) : undefined;
+        case RovingAction.End:
+            return handleHomeEnd ? findPreviousSiblingElement(state.nodes, state.nodes.length - 1) : undefined;
+        case RovingAction.ArrowRight:
+            return handleLeftRight ? getAdjacentNode(state, false, handleLoop) : undefined;
+        case RovingAction.ArrowDown:
+            return handleUpDown ? getAdjacentNode(state, false, handleLoop) : undefined;
+        case RovingAction.ArrowLeft:
+            return handleLeftRight ? getAdjacentNode(state, true, handleLoop) : undefined;
+        case RovingAction.ArrowUp:
+            return handleUpDown ? getAdjacentNode(state, true, handleLoop) : undefined;
+        default:
+            return undefined;
+    }
+};
+
+function RovingButton({
+    label,
+    onActiveLabelChange,
+}: Readonly<{ label: string; onActiveLabelChange?: (label: string) => void }>): JSX.Element {
+    const [onFocus, isActive, ref] = useRovingTabIndex<HTMLButtonElement>();
+
+    return (
+        <button
+            ref={ref}
+            style={buttonStyle}
+            tabIndex={isActive ? 0 : -1}
+            onFocus={() => {
+                onFocus();
+                onActiveLabelChange?.(label);
+            }}
+        >
+            {label}
+        </button>
+    );
+}
+
+function MultipleToolbarExample({
+    toolbars,
+    handleHomeEnd,
+    handleLeftRight,
+    handleLoop,
+}: Readonly<{
+    toolbars: Array<{
+        label: string;
+        items: string[];
+    }>;
+    handleHomeEnd?: boolean;
+    handleLeftRight?: boolean;
+    handleLoop?: boolean;
+}>): JSX.Element {
+    return (
+        <RovingTabIndexProvider handleHomeEnd={handleHomeEnd} handleLeftRight={handleLeftRight} handleLoop={handleLoop}>
+            {({ onKeyDownHandler }) => (
+                <div style={containerStyle}>
+                    {toolbars.map((toolbar, index) => (
+                        <section style={containerStyle} key={toolbar.label}>
+                            <span id={`toolbar-label-${index}`} style={toolbarLabelStyle}>
+                                {toolbar.label}
+                            </span>
+                            <div
+                                role="toolbar"
+                                aria-labelledby={`toolbar-label-${index}`}
+                                onKeyDown={onKeyDownHandler}
+                                style={toolbarStyle}
+                            >
+                                {toolbar.items.map((label) => (
+                                    <RovingButton key={label} label={label} />
+                                ))}
+                            </div>
+                        </section>
+                    ))}
+                </div>
+            )}
+        </RovingTabIndexProvider>
+    );
+}
+
+function RovingTabIndexExample({
+    labels,
+    handleHomeEnd,
+    handleInputFields,
+    handleLeftRight,
+    handleLoop,
+    handleUpDown,
+    orientation = "horizontal",
+    withInput,
+}: Readonly<{
+    labels: string[];
+    handleHomeEnd?: boolean;
+    handleInputFields?: boolean;
+    handleLeftRight?: boolean;
+    handleLoop?: boolean;
+    handleUpDown?: boolean;
+    orientation?: "horizontal" | "vertical";
+    withInput?: boolean;
+}>): JSX.Element {
+    const [activeLabel, setActiveLabel] = useState(labels[0]);
+    const onKeyDown = (event: React.KeyboardEvent, state: IState, dispatch: React.Dispatch<IAction>): void => {
+        const target = getTargetNode(event, state, { handleHomeEnd, handleLeftRight, handleLoop, handleUpDown });
+        if (!target) return;
+
+        setActiveLabel(target.textContent ?? "");
+
+        if (event.target instanceof HTMLElement && withInput && checkInputableElement(event.target)) {
+            event.preventDefault();
+            event.stopPropagation();
+            dispatch({
+                type: RovingStateActionType.SetFocus,
+                payload: {
+                    node: target,
+                },
+            });
+        }
+    };
+
+    return (
+        <RovingTabIndexProvider
+            handleHomeEnd={handleHomeEnd}
+            handleInputFields={handleInputFields}
+            handleLeftRight={handleLeftRight}
+            handleLoop={handleLoop}
+            handleUpDown={handleUpDown}
+            onKeyDown={onKeyDown}
+        >
+            {({ onKeyDownHandler }) => (
+                <div style={containerStyle}>
+                    {withInput && (
+                        <input
+                            aria-label="Toolbar input"
+                            onKeyDown={onKeyDownHandler}
+                            placeholder="Focus stays here; use arrow keys"
+                        />
+                    )}
+                    {withInput && <span style={activeLabelStyle}>Active item: {activeLabel}</span>}
+                    <div
+                        role="toolbar"
+                        aria-label="Example roving toolbar"
+                        aria-orientation={orientation}
+                        onKeyDown={onKeyDownHandler}
+                        style={orientation === "vertical" ? verticalToolbarStyle : toolbarStyle}
+                    >
+                        {labels.map((label) => (
+                            <RovingButton key={label} label={label} onActiveLabelChange={setActiveLabel} />
+                        ))}
+                    </div>
+                </div>
+            )}
+        </RovingTabIndexProvider>
+    );
+}
+
+const RovingTabIndexWrapper = withViewDocs(RovingTabIndexExample, RovingTabIndexProvider);
+
+const meta = {
+    title: "Core/RovingTabIndex",
+    component: RovingTabIndexWrapper,
+    tags: ["autodocs", "skip-test"],
+    args: {
+        labels: [],
+        handleHomeEnd: true,
+        handleLoop: true,
+        handleLeftRight: true,
+        handleUpDown: true,
+    },
+    argTypes: {
+        handleHomeEnd: {
+            control: "boolean",
+        },
+        handleInputFields: {
+            control: false,
+            table: {
+                disable: true,
+            },
+        },
+        handleLeftRight: {
+            control: "boolean",
+        },
+        handleLoop: {
+            control: "boolean",
+        },
+        handleUpDown: {
+            control: "boolean",
+        },
+        orientation: {
+            control: false,
+            table: {
+                disable: true,
+            },
+        },
+        withInput: {
+            control: false,
+            table: {
+                disable: true,
+            },
+        },
+    },
+} satisfies Meta<typeof RovingTabIndexWrapper>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const HorizontalToolbar: Story = {
+    args: {
+        labels: ["One", "Two", "Three", "Four"],
+        handleHomeEnd: true,
+        handleLeftRight: true,
+    },
+};
+
+export const LoopingToolbar: Story = {
+    args: {
+        labels: ["One", "Two", "Three", "Four"],
+        handleHomeEnd: true,
+        handleLeftRight: true,
+        handleLoop: true,
+    },
+};
+
+export const VerticalToolbar: Story = {
+    args: {
+        labels: ["One", "Two", "Three", "Four"],
+        handleHomeEnd: true,
+        handleLeftRight: false,
+        handleUpDown: true,
+        orientation: "vertical",
+    },
+};
+
+export const WithInput: Story = {
+    args: {
+        labels: ["One", "Two", "Three", "Four"],
+        handleHomeEnd: true,
+        handleLeftRight: true,
+        handleInputFields: false,
+        withInput: true,
+    },
+};
+
+export const MultipleToolbars: StoryObj<typeof MultipleToolbarExample> = {
+    render: (args) => <MultipleToolbarExample {...args} />,
+    args: {
+        toolbars: [
+            {
+                label: "Formatting toolbar",
+                items: ["Bold", "Italic", "Underline"],
+            },
+            {
+                label: "Insert toolbar",
+                items: ["Link", "Image", "Table"],
+            },
+        ],
+        handleHomeEnd: true,
+        handleLeftRight: true,
+    },
+};
diff --git a/packages/shared-components/src/core/roving/RovingTabIndex.test.tsx b/packages/shared-components/src/core/roving/RovingTabIndex.test.tsx
new file mode 100644
index 00000000000..a16a1c178b0
--- /dev/null
+++ b/packages/shared-components/src/core/roving/RovingTabIndex.test.tsx
@@ -0,0 +1,631 @@
+/*
+ * 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 HTMLAttributes } from "react";
+import userEvent from "@testing-library/user-event";
+import { act, fireEvent, render, type RenderResult } from "@test-utils";
+import { describe, expect, it, vi } from "vitest";
+
+import {
+    RovingAction,
+    RovingStateActionType,
+    RovingTabIndexProvider,
+    RovingTabIndexWrapper,
+    useRovingTabIndex,
+} from ".";
+import type { IState } from ".";
+import { reducer } from "./RovingTabIndex";
+
+const Button = (props: HTMLAttributes<HTMLButtonElement>): React.JSX.Element => {
+    const [onFocus, isActive, ref] = useRovingTabIndex<HTMLButtonElement>();
+    return <button {...props} onFocus={onFocus} tabIndex={isActive ? 0 : -1} ref={ref} />;
+};
+
+const expectTabIndexes = (buttons: NodeListOf<HTMLElement>, expectations: number[]): void => {
+    expect([...buttons].map((b) => b.tabIndex)).toStrictEqual(expectations);
+};
+
+const createButtonElement = (text: string): HTMLButtonElement => {
+    const button = document.createElement("button");
+    button.textContent = text;
+    return button;
+};
+
+const renderToolbar = (
+    ui: React.ReactNode,
+    props: Partial<React.ComponentProps<typeof RovingTabIndexProvider>> = {},
+): RenderResult => {
+    return render(
+        <RovingTabIndexProvider {...props}>
+            {({ onKeyDownHandler }) => (
+                <div aria-label="Roving test container" onKeyDown={onKeyDownHandler} role="toolbar">
+                    {ui}
+                </div>
+            )}
+        </RovingTabIndexProvider>,
+    );
+};
+
+const button1 = <Button key={1}>a</Button>;
+const button2 = <Button key={2}>b</Button>;
+const button3 = <Button key={3}>c</Button>;
+const button4 = <Button key={4}>d</Button>;
+
+Object.defineProperty(HTMLElement.prototype, "offsetParent", {
+    get() {
+        return this.parentNode;
+    },
+});
+
+describe("RovingTabIndex", () => {
+    it("renders children as expected", () => {
+        const { container } = render(
+            <RovingTabIndexProvider>
+                {() => (
+                    <div>
+                        <span>Test</span>
+                    </div>
+                )}
+            </RovingTabIndexProvider>,
+        );
+        expect(container.textContent).toBe("Test");
+        expect(container.innerHTML).toBe("<div><span>Test</span></div>");
+    });
+
+    it("works as expected with useRovingTabIndex", () => {
+        const { container, rerender } = render(
+            <RovingTabIndexProvider>
+                {() => (
+                    <>
+                        {button1}
+                        {button2}
+                        {button3}
+                    </>
+                )}
+            </RovingTabIndexProvider>,
+        );
+
+        expectTabIndexes(container.querySelectorAll("button"), [0, -1, -1]);
+
+        act(() => container.querySelectorAll("button")[2].focus());
+        expectTabIndexes(container.querySelectorAll("button"), [-1, -1, 0]);
+
+        act(() => container.querySelectorAll("button")[1].focus());
+        expectTabIndexes(container.querySelectorAll("button"), [-1, 0, -1]);
+
+        act(() => container.querySelectorAll("button")[1].blur());
+        expectTabIndexes(container.querySelectorAll("button"), [-1, 0, -1]);
+
+        rerender(
+            <RovingTabIndexProvider>
+                {() => (
+                    <>
+                        {button1}
+                        {button4}
+                        {button2}
+                        {button3}
+                    </>
+                )}
+            </RovingTabIndexProvider>,
+        );
+        expectTabIndexes(container.querySelectorAll("button"), [-1, -1, 0, -1]);
+
+        rerender(
+            <RovingTabIndexProvider>
+                {() => (
+                    <>
+                        {button1}
+                        {button4}
+                        {button3}
+                    </>
+                )}
+            </RovingTabIndexProvider>,
+        );
+        expectTabIndexes(container.querySelectorAll("button"), [-1, -1, 0]);
+    });
+
+    it("provides a ref to the dom element", () => {
+        const nodeRef = React.createRef<HTMLButtonElement>();
+        const MyButton = (props: HTMLAttributes<HTMLButtonElement>): React.JSX.Element => {
+            const [onFocus, isActive, ref] = useRovingTabIndex<HTMLButtonElement>(nodeRef);
+            return <button {...props} onFocus={onFocus} tabIndex={isActive ? 0 : -1} ref={ref} />;
+        };
+        const { container } = render(
+            <RovingTabIndexProvider>
+                {() => (
+                    <>
+                        <MyButton />
+                    </>
+                )}
+            </RovingTabIndexProvider>,
+        );
+        expect(nodeRef.current).toBe(container.querySelector("button"));
+    });
+
+    it("works as expected with RovingTabIndexWrapper", () => {
+        const { container } = render(
+            <RovingTabIndexProvider>
+                {() => (
+                    <>
+                        {button1}
+                        {button2}
+                        <RovingTabIndexWrapper>
+                            {({ onFocus, isActive, ref }) => (
+                                <button onFocus={onFocus} tabIndex={isActive ? 0 : -1} ref={ref}>
+                                    .
+                                </button>
+                            )}
+                        </RovingTabIndexWrapper>
+                    </>
+                )}
+            </RovingTabIndexProvider>,
+        );
+
+        expectTabIndexes(container.querySelectorAll("button"), [0, -1, -1]);
+
+        act(() => container.querySelectorAll("button")[2].focus());
+        expectTabIndexes(container.querySelectorAll("button"), [-1, -1, 0]);
+    });
+
+    describe("reducer functions as expected", () => {
+        it("SetFocus works as expected", () => {
+            const node1 = createButtonElement("Button 1");
+            const node2 = createButtonElement("Button 2");
+            expect(
+                reducer(
+                    {
+                        activeNode: node1,
+                        nodes: [node1, node2],
+                    },
+                    {
+                        type: RovingStateActionType.SetFocus,
+                        payload: {
+                            node: node2,
+                        },
+                    },
+                ),
+            ).toStrictEqual({
+                activeNode: node2,
+                nodes: [node1, node2],
+            });
+        });
+
+        it("Unregister works as expected", () => {
+            const unregisterButton1 = createButtonElement("Button 1");
+            const unregisterButton2 = createButtonElement("Button 2");
+            const unregisterButton3 = createButtonElement("Button 3");
+            const unregisterButton4 = createButtonElement("Button 4");
+
+            let state: IState = {
+                nodes: [unregisterButton1, unregisterButton2, unregisterButton3, unregisterButton4],
+            };
+
+            state = reducer(state, {
+                type: RovingStateActionType.Unregister,
+                payload: {
+                    node: unregisterButton2,
+                },
+            });
+            expect(state).toStrictEqual({
+                nodes: [unregisterButton1, unregisterButton3, unregisterButton4],
+            });
+
+            state = reducer(state, {
+                type: RovingStateActionType.Unregister,
+                payload: {
+                    node: unregisterButton3,
+                },
+            });
+            expect(state).toStrictEqual({
+                nodes: [unregisterButton1, unregisterButton4],
+            });
+
+            state = reducer(state, {
+                type: RovingStateActionType.Unregister,
+                payload: {
+                    node: unregisterButton4,
+                },
+            });
+            expect(state).toStrictEqual({
+                nodes: [unregisterButton1],
+            });
+
+            state = reducer(state, {
+                type: RovingStateActionType.Unregister,
+                payload: {
+                    node: unregisterButton1,
+                },
+            });
+            expect(state).toStrictEqual({
+                nodes: [],
+            });
+        });
+
+        it("Register works as expected", () => {
+            const ref1 = React.createRef<HTMLElement>();
+            const ref2 = React.createRef<HTMLElement>();
+            const ref3 = React.createRef<HTMLElement>();
+            const ref4 = React.createRef<HTMLElement>();
+
+            render(
+                <>
+                    <span ref={ref1} />
+                    <span ref={ref2} />
+                    <span ref={ref3} />
+                    <span ref={ref4} />
+                </>,
+            );
+
+            let state: IState = {
+                nodes: [],
+            };
+
+            state = reducer(state, {
+                type: RovingStateActionType.Register,
+                payload: {
+                    node: ref1.current!,
+                },
+            });
+            expect(state).toStrictEqual({
+                activeNode: ref1.current,
+                nodes: [ref1.current],
+            });
+
+            state = reducer(state, {
+                type: RovingStateActionType.Register,
+                payload: {
+                    node: ref2.current!,
+                },
+            });
+            expect(state).toStrictEqual({
+                activeNode: ref1.current,
+                nodes: [ref1.current, ref2.current],
+            });
+
+            state = reducer(state, {
+                type: RovingStateActionType.Register,
+                payload: {
+                    node: ref3.current!,
+                },
+            });
+            expect(state).toStrictEqual({
+                activeNode: ref1.current,
+                nodes: [ref1.current, ref2.current, ref3.current],
+            });
+
+            state = reducer(state, {
+                type: RovingStateActionType.Register,
+                payload: {
+                    node: ref4.current!,
+                },
+            });
+            expect(state).toStrictEqual({
+                activeNode: ref1.current,
+                nodes: [ref1.current, ref2.current, ref3.current, ref4.current],
+            });
+
+            state = reducer(state, {
+                type: RovingStateActionType.SetFocus,
+                payload: {
+                    node: ref2.current!,
+                },
+            });
+            expect(state).toStrictEqual({
+                activeNode: ref2.current,
+                nodes: [ref1.current, ref2.current, ref3.current, ref4.current],
+            });
+
+            state = reducer(state, {
+                type: RovingStateActionType.Unregister,
+                payload: {
+                    node: ref2.current!,
+                },
+            });
+            expect(state).toStrictEqual({
+                activeNode: ref3.current,
+                nodes: [ref1.current, ref3.current, ref4.current],
+            });
+
+            state = reducer(state, {
+                type: RovingStateActionType.Register,
+                payload: {
+                    node: ref2.current!,
+                },
+            });
+            expect(state).toStrictEqual({
+                activeNode: ref3.current,
+                nodes: [ref1.current, ref2.current, ref3.current, ref4.current],
+            });
+
+            state = reducer(state, {
+                type: RovingStateActionType.Unregister,
+                payload: {
+                    node: ref1.current!,
+                },
+            });
+            state = reducer(state, {
+                type: RovingStateActionType.Unregister,
+                payload: {
+                    node: ref4.current!,
+                },
+            });
+            expect(state).toStrictEqual({
+                activeNode: ref3.current,
+                nodes: [ref2.current, ref3.current],
+            });
+
+            state = reducer(state, {
+                type: RovingStateActionType.Register,
+                payload: {
+                    node: ref1.current!,
+                },
+            });
+
+            state = reducer(state, {
+                type: RovingStateActionType.Register,
+                payload: {
+                    node: ref4.current!,
+                },
+            });
+            expect(state).toStrictEqual({
+                activeNode: ref3.current,
+                nodes: [ref1.current, ref2.current, ref3.current, ref4.current],
+            });
+        });
+    });
+
+    describe("handles keyboard navigation", () => {
+        it("handles up/down arrow keys when handleUpDown=true", async () => {
+            const { container } = renderToolbar(
+                <>
+                    {button1}
+                    {button2}
+                    {button3}
+                </>,
+                { handleUpDown: true },
+            );
+
+            act(() => container.querySelectorAll("button")[0].focus());
+            expectTabIndexes(container.querySelectorAll("button"), [0, -1, -1]);
+
+            await userEvent.keyboard("[ArrowDown]");
+            expectTabIndexes(container.querySelectorAll("button"), [-1, 0, -1]);
+
+            await userEvent.keyboard("[ArrowDown]");
+            expectTabIndexes(container.querySelectorAll("button"), [-1, -1, 0]);
+
+            await userEvent.keyboard("[ArrowUp]");
+            expectTabIndexes(container.querySelectorAll("button"), [-1, 0, -1]);
+
+            await userEvent.keyboard("[ArrowUp]");
+            expectTabIndexes(container.querySelectorAll("button"), [0, -1, -1]);
+
+            await userEvent.keyboard("[ArrowUp]");
+            expectTabIndexes(container.querySelectorAll("button"), [0, -1, -1]);
+        });
+
+        it("handles left/right arrow keys when handleLeftRight=true", async () => {
+            const { container } = renderToolbar(
+                <>
+                    {button1}
+                    {button2}
+                    {button3}
+                </>,
+                { handleLeftRight: true },
+            );
+
+            act(() => container.querySelectorAll("button")[0].focus());
+            await userEvent.keyboard("[ArrowRight]");
+            expectTabIndexes(container.querySelectorAll("button"), [-1, 0, -1]);
+
+            await userEvent.keyboard("[ArrowLeft]");
+            expectTabIndexes(container.querySelectorAll("button"), [0, -1, -1]);
+        });
+
+        it("moves between multiple toolbar containers in one roving group", async () => {
+            const { container } = render(
+                <RovingTabIndexProvider handleLeftRight>
+                    {({ onKeyDownHandler }) => (
+                        <>
+                            <div aria-label="Formatting toolbar" onKeyDown={onKeyDownHandler} role="toolbar">
+                                <Button>Bold</Button>
+                                <Button>Italic</Button>
+                            </div>
+                            <div aria-label="Insert toolbar" onKeyDown={onKeyDownHandler} role="toolbar">
+                                <Button>Link</Button>
+                                <Button>Image</Button>
+                            </div>
+                        </>
+                    )}
+                </RovingTabIndexProvider>,
+            );
+
+            const buttons = container.querySelectorAll("button");
+            act(() => buttons[1].focus());
+            expectTabIndexes(buttons, [-1, 0, -1, -1]);
+
+            await userEvent.keyboard("[ArrowRight]");
+            expect(buttons[2]).toHaveFocus();
+            expectTabIndexes(buttons, [-1, -1, 0, -1]);
+
+            await userEvent.keyboard("[ArrowLeft]");
+            expect(buttons[1]).toHaveFocus();
+            expectTabIndexes(buttons, [-1, 0, -1, -1]);
+        });
+
+        it("handles Home, End, and loop across multiple toolbar containers", async () => {
+            const { container } = render(
+                <RovingTabIndexProvider handleHomeEnd handleLeftRight handleLoop>
+                    {({ onKeyDownHandler }) => (
+                        <>
+                            <div aria-label="Formatting toolbar" onKeyDown={onKeyDownHandler} role="toolbar">
+                                <Button>Bold</Button>
+                                <Button>Italic</Button>
+                            </div>
+                            <div aria-label="Insert toolbar" onKeyDown={onKeyDownHandler} role="toolbar">
+                                <Button>Link</Button>
+                                <Button>Image</Button>
+                            </div>
+                        </>
+                    )}
+                </RovingTabIndexProvider>,
+            );
+
+            const buttons = container.querySelectorAll("button");
+            act(() => buttons[2].focus());
+            expectTabIndexes(buttons, [-1, -1, 0, -1]);
+
+            await userEvent.keyboard("[End]");
+            expect(buttons[3]).toHaveFocus();
+            expectTabIndexes(buttons, [-1, -1, -1, 0]);
+
+            await userEvent.keyboard("[ArrowRight]");
+            expect(buttons[0]).toHaveFocus();
+            expectTabIndexes(buttons, [0, -1, -1, -1]);
+
+            await userEvent.keyboard("[Home]");
+            expect(buttons[0]).toHaveFocus();
+            expectTabIndexes(buttons, [0, -1, -1, -1]);
+        });
+
+        it("handles Home and End when handleHomeEnd=true", async () => {
+            const { container } = renderToolbar(
+                <>
+                    {button1}
+                    {button2}
+                    {button3}
+                </>,
+                { handleHomeEnd: true },
+            );
+
+            act(() => container.querySelectorAll("button")[1].focus());
+            expectTabIndexes(container.querySelectorAll("button"), [-1, 0, -1]);
+
+            await userEvent.keyboard("[End]");
+            expectTabIndexes(container.querySelectorAll("button"), [-1, -1, 0]);
+
+            await userEvent.keyboard("[Home]");
+            expectTabIndexes(container.querySelectorAll("button"), [0, -1, -1]);
+        });
+
+        it("loops when handleLoop=true", async () => {
+            const { container } = renderToolbar(
+                <>
+                    {button1}
+                    {button2}
+                    {button3}
+                </>,
+                { handleUpDown: true, handleLoop: true },
+            );
+
+            act(() => container.querySelectorAll("button")[2].focus());
+            await userEvent.keyboard("[ArrowDown]");
+            expectTabIndexes(container.querySelectorAll("button"), [0, -1, -1]);
+
+            await userEvent.keyboard("[ArrowUp]");
+            expectTabIndexes(container.querySelectorAll("button"), [-1, -1, 0]);
+        });
+
+        it("uses a custom getAction mapper", async () => {
+            const getAction = vi.fn((ev: React.KeyboardEvent): RovingAction | undefined => {
+                if (ev.key === "j") {
+                    return RovingAction.ArrowDown;
+                }
+
+                return undefined;
+            });
+
+            const { container } = renderToolbar(
+                <>
+                    {button1}
+                    {button2}
+                    {button3}
+                </>,
+                { handleUpDown: true, getAction },
+            );
+
+            act(() => container.querySelectorAll("button")[0].focus());
+            await userEvent.keyboard("j");
+
+            expect(getAction).toHaveBeenCalled();
+            expectTabIndexes(container.querySelectorAll("button"), [-1, 0, -1]);
+        });
+
+        it("handles input fields when handleInputFields=true", () => {
+            const { container, getByRole } = renderToolbar(
+                <>
+                    {button1}
+                    <input aria-label="Search input" />
+                    {button2}
+                </>,
+                { handleUpDown: true, handleInputFields: true },
+            );
+
+            act(() => container.querySelectorAll("button")[0].focus());
+            const input = getByRole("textbox", { name: "Search input" });
+
+            fireEvent.keyDown(input, { key: "ArrowDown" });
+            expectTabIndexes(container.querySelectorAll("button"), [-1, 0]);
+        });
+
+        it("moves from an input field with Tab when handleInputFields=false", () => {
+            const { container, getByRole } = renderToolbar(
+                <>
+                    {button1}
+                    <input aria-label="Search input" />
+                    {button2}
+                </>,
+            );
+
+            act(() => container.querySelectorAll("button")[0].focus());
+            const input = getByRole("textbox", { name: "Search input" });
+            act(() => input.focus());
+
+            fireEvent.keyDown(input, { key: "Tab" });
+            expectTabIndexes(container.querySelectorAll("button"), [-1, 0]);
+        });
+
+        it("stops provider processing when onKeyDown prevents default", () => {
+            const onKeyDown = vi.fn((event: React.KeyboardEvent): void => {
+                event.preventDefault();
+            });
+            const { container } = renderToolbar(
+                <>
+                    {button1}
+                    {button2}
+                    {button3}
+                </>,
+                { handleUpDown: true, onKeyDown },
+            );
+
+            act(() => container.querySelectorAll("button")[0].focus());
+            fireEvent.keyDown(container.querySelector('[role="toolbar"]')!, { key: "ArrowDown" });
+
+            expect(onKeyDown).toHaveBeenCalled();
+            expectTabIndexes(container.querySelectorAll("button"), [0, -1, -1]);
+        });
+
+        it("calls scrollIntoView if specified", async () => {
+            const { container } = renderToolbar(
+                <>
+                    {button1}
+                    {button2}
+                    {button3}
+                </>,
+                { handleUpDown: true, scrollIntoView: true },
+            );
+
+            act(() => container.querySelectorAll("button")[0].focus());
+            expectTabIndexes(container.querySelectorAll("button"), [0, -1, -1]);
+
+            const button = container.querySelectorAll("button")[1];
+            const mock = vi.spyOn(button, "scrollIntoView");
+            await userEvent.keyboard("[ArrowDown]");
+            expect(mock).toHaveBeenCalled();
+        });
+    });
+});
diff --git a/packages/shared-components/src/core/roving/RovingTabIndex.tsx b/packages/shared-components/src/core/roving/RovingTabIndex.tsx
new file mode 100644
index 00000000000..99637dfb6c2
--- /dev/null
+++ b/packages/shared-components/src/core/roving/RovingTabIndex.tsx
@@ -0,0 +1,613 @@
+/*
+ * 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, {
+    createContext,
+    useCallback,
+    useContext,
+    useMemo,
+    useRef,
+    useReducer,
+    type Dispatch,
+    type KeyboardEvent,
+    type ReactNode,
+    type Reducer,
+    type RefCallback,
+    type RefObject,
+} from "react";
+
+/**
+ * Returns whether an element should keep native arrow-key behaviour instead of
+ * being intercepted by roving focus navigation.
+ *
+ * This excludes radio buttons and checkboxes, which commonly participate in
+ * directional navigation patterns.
+ *
+ * @param el - The element being evaluated for native input behaviour.
+ * @returns `true` when the element should keep its own arrow-key handling.
+ */
+export function checkInputableElement(el: EventTarget): boolean {
+    return (
+        el instanceof Element &&
+        el.matches('input:not([type="radio"]):not([type="checkbox"]), textarea, select, [contenteditable=true]')
+    );
+}
+
+/**
+ * The current state of a roving tabindex group.
+ */
+export interface IState {
+    /**
+     * The element that currently owns the active tab stop.
+     */
+    activeNode?: HTMLElement;
+    /**
+     * Registered elements in DOM order.
+     */
+    nodes: HTMLElement[];
+}
+
+/**
+ * The value exposed by {@link RovingTabIndexContext}.
+ */
+export interface IContext {
+    state: IState;
+    dispatch: Dispatch<IAction>;
+}
+
+/**
+ * React context used by roving tabindex participants to register themselves and
+ * update the active item.
+ */
+export const RovingTabIndexContext = createContext<IContext>({
+    state: {
+        nodes: [], // list of nodes in DOM order
+    },
+    dispatch: () => {},
+});
+RovingTabIndexContext.displayName = "RovingTabIndexContext";
+
+/**
+ * Internal reducer action kinds used by the roving tabindex state machine.
+ */
+export enum RovingStateActionType {
+    Register = "REGISTER",
+    Unregister = "UNREGISTER",
+    SetFocus = "SET_FOCUS",
+    Update = "UPDATE",
+}
+
+/**
+ * An action dispatched to the roving tabindex reducer for node registration and
+ * focus updates.
+ */
+export interface IAction {
+    /**
+     * The reducer action kind.
+     */
+    type: Exclude<RovingStateActionType, RovingStateActionType.Update>;
+    /**
+     * Action payload carrying the target node.
+     */
+    payload: {
+        /**
+         * The DOM node affected by the action.
+         */
+        node: HTMLElement;
+    };
+}
+
+interface UpdateAction {
+    type: RovingStateActionType.Update;
+    payload?: never;
+}
+
+type Action = IAction | UpdateAction;
+
+/**
+ * Normalized navigation intents understood by the shared roving provider.
+ */
+export enum RovingAction {
+    Home = "HOME",
+    End = "END",
+    ArrowLeft = "ARROW_LEFT",
+    ArrowUp = "ARROW_UP",
+    ArrowRight = "ARROW_RIGHT",
+    ArrowDown = "ARROW_DOWN",
+    Tab = "TAB",
+}
+
+/**
+ * Props for {@link RovingTabIndexProvider}.
+ */
+export interface RovingTabIndexProviderProps {
+    /**
+     * Whether directional navigation should wrap from the last item to the first
+     * and vice versa.
+     */
+    handleLoop?: boolean;
+    /**
+     * Whether `Home` and `End` should move focus to the first and last item.
+     */
+    handleHomeEnd?: boolean;
+    /**
+     * Whether vertical arrow keys should move focus within the group.
+     */
+    handleUpDown?: boolean;
+    /**
+     * Whether horizontal arrow keys should move focus within the group.
+     */
+    handleLeftRight?: boolean;
+    /**
+     * Whether text inputs and similar controls should participate in roving
+     * keyboard handling instead of keeping their native arrow-key behaviour.
+     */
+    handleInputFields?: boolean;
+    /**
+     * Whether newly focused items should be scrolled into view.
+     *
+     * Pass `true` to use the browser default, or a scroll options object to
+     * control alignment and behaviour.
+     */
+    scrollIntoView?: boolean | ScrollIntoViewOptions;
+    /**
+     * Render prop receiving keyboard and drag-end handlers for the roving
+     * container.
+     */
+    children(
+        this: void,
+        renderProps: {
+            /**
+             * Handles keyboard navigation for the roving container.
+             */
+            onKeyDownHandler(this: void, ev: KeyboardEvent): void;
+            /**
+             * Re-sorts registered elements after DOM reordering, such as drag and
+             * drop.
+             */
+            onDragEndHandler(this: void): void;
+        },
+    ): ReactNode;
+    /**
+     * Optional callback invoked before the provider performs its own keyboard
+     * handling.
+     *
+     * Call `preventDefault()` on the event to suppress the built-in behaviour.
+     */
+    onKeyDown?(this: void, ev: KeyboardEvent, state: IState, dispatch: Dispatch<IAction>): void;
+    /**
+     * Optional action resolver used to map keyboard events to
+     * {@link RovingAction} values.
+     *
+     * When omitted, a default mapping based on `KeyboardEvent.key` is used.
+     */
+    getAction?(this: void, ev: KeyboardEvent): RovingAction | undefined;
+}
+
+const nodeSorter = (a: HTMLElement, b: HTMLElement): number => {
+    if (a === b) {
+        return 0;
+    }
+
+    const position = a.compareDocumentPosition(b);
+
+    if (position & Node.DOCUMENT_POSITION_FOLLOWING || position & Node.DOCUMENT_POSITION_CONTAINED_BY) {
+        return -1;
+    } else if (position & Node.DOCUMENT_POSITION_PRECEDING || position & Node.DOCUMENT_POSITION_CONTAINS) {
+        return 1;
+    } else {
+        return 0;
+    }
+};
+
+const getReplacementActiveNode = (nodes: HTMLElement[], removedIndex: number): HTMLElement | undefined => {
+    if (removedIndex >= nodes.length) {
+        return findPreviousSiblingElement(nodes, nodes.length - 1);
+    }
+
+    return findNextSiblingElement(nodes, removedIndex) || findPreviousSiblingElement(nodes, removedIndex);
+};
+
+const handleRemovedActiveNode = (state: IState, removedIndex: number): void => {
+    state.activeNode = getReplacementActiveNode(state.nodes, removedIndex);
+
+    if (document.activeElement === document.body) {
+        // if the focus got reverted to the body then the user was likely focused on the unmounted element
+        setTimeout(() => state.activeNode?.focus(), 0);
+    }
+};
+
+/**
+ * Reducer that tracks registered nodes and the currently active roving tab
+ * stop.
+ */
+export const reducer: Reducer<IState, Action> = (state: IState, action: Action) => {
+    switch (action.type) {
+        case RovingStateActionType.Register: {
+            // Our list of nodes was empty, set activeNode to this first item
+            state.activeNode ??= action.payload.node;
+
+            if (state.nodes.includes(action.payload.node)) return state;
+
+            // Sadly due to the potential of DOM elements swapping order we can't do anything fancy like a binary insert
+            state.nodes.push(action.payload.node);
+            state.nodes.sort(nodeSorter);
+
+            return { ...state };
+        }
+
+        case RovingStateActionType.Unregister: {
+            const oldIndex = state.nodes.indexOf(action.payload.node);
+
+            if (oldIndex === -1) {
+                return state; // already removed, this should not happen
+            }
+
+            if (state.nodes.splice(oldIndex, 1)[0] === state.activeNode) {
+                handleRemovedActiveNode(state, oldIndex);
+            }
+
+            return { ...state };
+        }
+
+        case RovingStateActionType.SetFocus: {
+            if (state.activeNode === action.payload.node) return state;
+            state.activeNode = action.payload.node;
+            return { ...state };
+        }
+
+        case RovingStateActionType.Update: {
+            state.nodes.sort(nodeSorter);
+            return { ...state };
+        }
+
+        default:
+            return state;
+    }
+};
+
+const findSiblingElementInRange = (
+    nodes: HTMLElement[],
+    startIndex: number,
+    endIndex: number,
+    step: 1 | -1,
+): HTMLElement | undefined => {
+    if (step === 1) {
+        for (let i = startIndex; i < endIndex; i += step) {
+            if (nodes[i]?.offsetParent !== null) {
+                return nodes[i];
+            }
+        }
+    } else {
+        for (let i = startIndex; i > endIndex; i += step) {
+            if (nodes[i]?.offsetParent !== null) {
+                return nodes[i];
+            }
+        }
+    }
+};
+
+/**
+ * Finds the next visible sibling element starting from a given index.
+ *
+ * @param nodes - Registered roving nodes in DOM order.
+ * @param startIndex - The index to begin searching from.
+ * @param loop - Whether to wrap around when no visible sibling is found.
+ * @returns The next visible sibling element, if one exists.
+ */
+export const findNextSiblingElement = (
+    nodes: HTMLElement[],
+    startIndex: number,
+    loop = false,
+): HTMLElement | undefined => {
+    const sibling = findSiblingElementInRange(nodes, startIndex, nodes.length, 1);
+
+    if (sibling || !loop) {
+        return sibling;
+    }
+
+    return findSiblingElementInRange(nodes.slice(0, startIndex), 0, startIndex, 1);
+};
+
+/**
+ * Finds the previous visible sibling element starting from a given index.
+ *
+ * @param nodes - Registered roving nodes in DOM order.
+ * @param startIndex - The index to begin searching from.
+ * @param loop - Whether to wrap around when no visible sibling is found.
+ * @returns The previous visible sibling element, if one exists.
+ */
+export const findPreviousSiblingElement = (
+    nodes: HTMLElement[],
+    startIndex: number,
+    loop = false,
+): HTMLElement | undefined => {
+    const sibling = findSiblingElementInRange(nodes, startIndex, -1, -1);
+
+    if (sibling || !loop) {
+        return sibling;
+    }
+
+    const loopNodes = nodes.slice(startIndex + 1);
+    return findSiblingElementInRange(loopNodes, loopNodes.length - 1, -1, -1);
+};
+
+const getDefaultAction = (ev: KeyboardEvent): RovingAction | undefined => {
+    switch (ev.key) {
+        case "Home":
+            return RovingAction.Home;
+        case "End":
+            return RovingAction.End;
+        case "ArrowLeft":
+            return RovingAction.ArrowLeft;
+        case "ArrowUp":
+            return RovingAction.ArrowUp;
+        case "ArrowRight":
+            return RovingAction.ArrowRight;
+        case "ArrowDown":
+            return RovingAction.ArrowDown;
+        case "Tab":
+            return RovingAction.Tab;
+        default:
+            return undefined;
+    }
+};
+
+interface NavigationResult {
+    handled: boolean;
+    focusNode?: HTMLElement;
+}
+
+interface StandardNavigationConfig {
+    enabled: boolean;
+    getFocusNode(state: IState): HTMLElement | undefined;
+}
+
+const getAdjacentFocusNode = (
+    nodes: HTMLElement[],
+    activeNode: HTMLElement | undefined,
+    backwards: boolean,
+    loop = false,
+): HTMLElement | undefined => {
+    if (nodes.length === 0 || !activeNode) {
+        return undefined;
+    }
+
+    const currentIndex = nodes.indexOf(activeNode);
+    const nextIndex = currentIndex + (backwards ? -1 : 1);
+
+    return backwards
+        ? findPreviousSiblingElement(nodes, nextIndex, loop)
+        : findNextSiblingElement(nodes, nextIndex, loop);
+};
+
+const getInputNavigationResult = (
+    action: RovingAction | undefined,
+    nodes: HTMLElement[],
+    activeNode: HTMLElement | undefined,
+    shiftKey: boolean,
+): NavigationResult => {
+    if (action !== RovingAction.Tab) {
+        return { handled: false };
+    }
+
+    return {
+        handled: true,
+        focusNode: getAdjacentFocusNode(nodes, activeNode, shiftKey),
+    };
+};
+
+const buildStandardNavigationConfig = (
+    state: IState,
+    handleHomeEnd: boolean,
+    handleUpDown: boolean,
+    handleLeftRight: boolean,
+    handleLoop: boolean,
+): Record<RovingAction, StandardNavigationConfig> => ({
+    [RovingAction.Home]: {
+        enabled: handleHomeEnd,
+        getFocusNode: (currentState) => findNextSiblingElement(currentState.nodes, 0),
+    },
+    [RovingAction.End]: {
+        enabled: handleHomeEnd,
+        getFocusNode: (currentState) => findPreviousSiblingElement(currentState.nodes, currentState.nodes.length - 1),
+    },
+    [RovingAction.ArrowDown]: {
+        enabled: handleUpDown,
+        getFocusNode: (currentState) =>
+            getAdjacentFocusNode(currentState.nodes, currentState.activeNode, false, handleLoop),
+    },
+    [RovingAction.ArrowRight]: {
+        enabled: handleLeftRight,
+        getFocusNode: (currentState) =>
+            getAdjacentFocusNode(currentState.nodes, currentState.activeNode, false, handleLoop),
+    },
+    [RovingAction.ArrowUp]: {
+        enabled: handleUpDown,
+        getFocusNode: (currentState) =>
+            getAdjacentFocusNode(currentState.nodes, currentState.activeNode, true, handleLoop),
+    },
+    [RovingAction.ArrowLeft]: {
+        enabled: handleLeftRight,
+        getFocusNode: (currentState) =>
+            getAdjacentFocusNode(currentState.nodes, currentState.activeNode, true, handleLoop),
+    },
+    [RovingAction.Tab]: {
+        enabled: false,
+        getFocusNode: () => undefined,
+    },
+});
+
+const getStandardNavigationResult = (
+    action: RovingAction | undefined,
+    state: IState,
+    handleHomeEnd: boolean,
+    handleUpDown: boolean,
+    handleLeftRight: boolean,
+    handleLoop: boolean,
+): NavigationResult => {
+    if (!action) {
+        return { handled: false };
+    }
+
+    const config = buildStandardNavigationConfig(state, handleHomeEnd, handleUpDown, handleLeftRight, handleLoop)[
+        action
+    ];
+
+    if (!config?.enabled) {
+        return { handled: false };
+    }
+
+    return {
+        handled: true,
+        focusNode: config.getFocusNode(state),
+    };
+};
+
+/**
+ * Provides shared roving tabindex state and keyboard handling for a group of
+ * focusable descendants.
+ */
+export const RovingTabIndexProvider: React.FC<RovingTabIndexProviderProps> = ({
+    children,
+    handleHomeEnd,
+    handleUpDown,
+    handleLeftRight,
+    handleLoop,
+    handleInputFields,
+    scrollIntoView,
+    onKeyDown,
+    getAction = getDefaultAction,
+}) => {
+    const [state, dispatch] = useReducer(reducer, {
+        nodes: [],
+    });
+
+    const context = useMemo<IContext>(() => ({ state, dispatch }), [state]);
+
+    const onKeyDownHandler = useCallback(
+        (ev: KeyboardEvent) => {
+            if (onKeyDown) {
+                onKeyDown(ev, context.state, context.dispatch);
+                if (ev.defaultPrevented) {
+                    return;
+                }
+            }
+
+            const action = getAction(ev);
+            // Don't interfere with input default keydown behaviour
+            // but allow people to move focus from it with Tab.
+            const isInputTarget = !handleInputFields && checkInputableElement(ev.target);
+            const { handled, focusNode } = isInputTarget
+                ? getInputNavigationResult(action, context.state.nodes, context.state.activeNode, ev.shiftKey)
+                : getStandardNavigationResult(
+                      action,
+                      context.state,
+                      handleHomeEnd ?? false,
+                      handleUpDown ?? false,
+                      handleLeftRight ?? false,
+                      handleLoop ?? false,
+                  );
+
+            if (handled) {
+                ev.preventDefault();
+                ev.stopPropagation();
+            }
+
+            if (focusNode) {
+                focusNode.focus();
+                // programmatic focus doesn't fire the onFocus handler, so we must do the do ourselves
+                dispatch({
+                    type: RovingStateActionType.SetFocus,
+                    payload: {
+                        node: focusNode,
+                    },
+                });
+                if (scrollIntoView) {
+                    focusNode.scrollIntoView(scrollIntoView);
+                }
+            }
+        },
+        [
+            context,
+            getAction,
+            onKeyDown,
+            handleHomeEnd,
+            handleUpDown,
+            handleLeftRight,
+            handleLoop,
+            handleInputFields,
+            scrollIntoView,
+        ],
+    );
+
+    const onDragEndHandler = useCallback(() => {
+        dispatch({
+            type: RovingStateActionType.Update,
+        });
+    }, []);
+
+    return (
+        <RovingTabIndexContext.Provider value={context}>
+            {children({ onKeyDownHandler, onDragEndHandler })}
+        </RovingTabIndexContext.Provider>
+    );
+};
+
+/**
+ * Registers a focusable element with the nearest
+ * {@link RovingTabIndexContext}.
+ *
+ * @param inputRef - Optional ref to reuse for the registered DOM node.
+ * @returns A tuple containing:
+ * `onFocus` to mark the item active,
+ * `isActive` to drive `tabIndex`,
+ * `ref` to register the DOM node,
+ * and `nodeRef` pointing at the registered node.
+ */
+export const useRovingTabIndex = <T extends HTMLElement>(
+    inputRef?: RefObject<T | null>,
+): [() => void, boolean, RefCallback<T>, RefObject<T | null>] => {
+    const context = useContext(RovingTabIndexContext);
+
+    let nodeRef = useRef<T | null>(null);
+
+    if (inputRef) {
+        // if we are given a ref, use it instead of ours
+        nodeRef = inputRef;
+    }
+
+    const ref = useCallback((node: T | null) => {
+        if (node) {
+            nodeRef.current = node;
+            context.dispatch({
+                type: RovingStateActionType.Register,
+                payload: { node },
+            });
+        } else {
+            context.dispatch({
+                type: RovingStateActionType.Unregister,
+                payload: { node: nodeRef.current! },
+            });
+            nodeRef.current = null;
+        }
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+    const onFocus = useCallback(() => {
+        if (!nodeRef.current) {
+            console.warn("useRovingTabIndex.onFocus called but the react ref does not point to any DOM element!");
+            return;
+        }
+        context.dispatch({
+            type: RovingStateActionType.SetFocus,
+            payload: { node: nodeRef.current },
+        });
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+    const isActive = context.state.activeNode === nodeRef.current;
+    return [onFocus, isActive, ref, nodeRef];
+};
diff --git a/packages/shared-components/src/core/roving/RovingTabIndexWrapper.ts b/packages/shared-components/src/core/roving/RovingTabIndexWrapper.ts
new file mode 100644
index 00000000000..a17dcb4be9c
--- /dev/null
+++ b/packages/shared-components/src/core/roving/RovingTabIndexWrapper.ts
@@ -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 { type ReactElement, type RefCallback, type RefObject } from "react";
+
+import type React from "react";
+import { useRovingTabIndex } from "./RovingTabIndex";
+
+interface IProps {
+    inputRef?: RefObject<HTMLElement | null>;
+    children(
+        this: void,
+        renderProps: {
+            onFocus: () => void;
+            isActive: boolean;
+            ref: RefCallback<HTMLElement>;
+        },
+    ): ReactElement;
+}
+
+/**
+ * Render-prop wrapper around {@link useRovingTabIndex} for class components and
+ * other places where hooks cannot be called directly.
+ */
+export const RovingTabIndexWrapper: React.FC<IProps> = ({ children, inputRef }) => {
+    const [onFocus, isActive, ref] = useRovingTabIndex(inputRef);
+    return children({ onFocus, isActive, ref });
+};
diff --git a/packages/shared-components/src/core/roving/Toolbar.tsx b/packages/shared-components/src/core/roving/Toolbar.tsx
new file mode 100644
index 00000000000..82bec14ba03
--- /dev/null
+++ b/packages/shared-components/src/core/roving/Toolbar.tsx
@@ -0,0 +1,83 @@
+/*
+ * Copyright 2026 Element Creations 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 Ref } from "react";
+
+import { RovingAction, RovingTabIndexProvider, type RovingTabIndexProviderProps } from "./RovingTabIndex";
+
+/**
+ * Props for {@link Toolbar}.
+ */
+export interface ToolbarProps extends Omit<React.HTMLProps<HTMLDivElement>, "onKeyDown"> {
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * Optional action resolver used to map keyboard events to
+     * {@link RovingAction} values, e.g. to apply app-level custom keybindings.
+     *
+     * When omitted, a default mapping based on `KeyboardEvent.key` is used.
+     */
+    getAction?: RovingTabIndexProviderProps["getAction"];
+}
+
+const getDefaultAction = (ev: React.KeyboardEvent): RovingAction | undefined => {
+    switch (ev.key) {
+        case "ArrowUp":
+            return RovingAction.ArrowUp;
+        case "ArrowDown":
+            return RovingAction.ArrowDown;
+        default:
+            return undefined;
+    }
+};
+
+/**
+ * This component implements the Toolbar design pattern from the WAI-ARIA Authoring Practices guidelines.
+ * https://www.w3.org/TR/wai-aria-practices-1.1/#toolbar
+ * All buttons passed in children must use RovingTabIndex to set `onFocus`, `isActive`, `ref`.
+ */
+export const Toolbar = ({ children, ref, getAction, ...props }: ToolbarProps): JSX.Element => {
+    const onKeyDown = (ev: React.KeyboardEvent): void => {
+        const target = ev.target as HTMLElement;
+        // Don't interfere with input default keydown behaviour
+        if (target.tagName === "INPUT") return;
+
+        let handled = true;
+
+        // HOME and END are handled by RovingTabIndexProvider
+        const action = getAction?.(ev) ?? getDefaultAction(ev);
+        switch (action) {
+            case RovingAction.ArrowUp:
+            case RovingAction.ArrowDown:
+                if (target.hasAttribute("aria-haspopup")) {
+                    target.click();
+                }
+                break;
+
+            default:
+                handled = false;
+        }
+
+        if (handled) {
+            ev.preventDefault();
+            ev.stopPropagation();
+        }
+    };
+
+    // We handle both up/down and left/right as is allowed in the above WAI ARIA best practices
+    return (
+        <RovingTabIndexProvider handleHomeEnd handleLeftRight handleUpDown onKeyDown={onKeyDown} getAction={getAction}>
+            {({ onKeyDownHandler }) => (
+                // This may be wrong but seems to work, this is a roving-toolbar, so the focus follows one of the children
+                // oxlint-disable-next-line jsx-a11y/interactive-supports-focus
+                <div {...props} onKeyDown={onKeyDownHandler} role="toolbar" ref={ref}>
+                    {children}
+                </div>
+            )}
+        </RovingTabIndexProvider>
+    );
+};
diff --git a/packages/shared-components/src/core/roving/index.ts b/packages/shared-components/src/core/roving/index.ts
new file mode 100644
index 00000000000..067f9c56703
--- /dev/null
+++ b/packages/shared-components/src/core/roving/index.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.
+ */
+
+export {
+    checkInputableElement,
+    findNextSiblingElement,
+    findPreviousSiblingElement,
+    RovingAction,
+    RovingStateActionType,
+    RovingTabIndexContext,
+    RovingTabIndexProvider,
+    useRovingTabIndex,
+} from "./RovingTabIndex";
+export type { IAction, IContext, IState, RovingTabIndexProviderProps } from "./RovingTabIndex";
+export { RovingGridIndexProvider } from "./RovingGridIndex";
+export type {
+    RovingGridCellResolver,
+    RovingGridIndexProviderProps,
+    RovingGridMoveFocus,
+    RovingGridNodeResolver,
+    RovingGridRowResolver,
+} from "./RovingGridIndex";
+export { RovingTabIndexWrapper } from "./RovingTabIndexWrapper";
+export { Toolbar } from "./Toolbar";
+export type { ToolbarProps } from "./Toolbar";
diff --git a/packages/shared-components/src/core/userStatus.ts b/packages/shared-components/src/core/userStatus.ts
new file mode 100644
index 00000000000..65144bd7d5c
--- /dev/null
+++ b/packages/shared-components/src/core/userStatus.ts
@@ -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.
+*/
+
+/**
+ * A tuple of an emoji and string representing a user's MSC4426 status.
+ * The emoji should be a single grapheme cluster.
+ */
+export interface UserStatus {
+    /**
+     * The emoji representing the user's status. This must be a single grapheme cluster.
+     */
+    emoji: string;
+    /**
+     * The text representing the user's status.
+     */
+    text: string;
+}
diff --git a/packages/shared-components/src/core/utils/Box/Box.module.css b/packages/shared-components/src/core/utils/Box/Box.module.css
new file mode 100644
index 00000000000..7daf7889b7b
--- /dev/null
+++ b/packages/shared-components/src/core/utils/Box/Box.module.css
@@ -0,0 +1,19 @@
+/*
+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.
+*/
+
+.box-flex {
+    flex: var(--mx-box-flex, unset);
+}
+
+.box-shrink {
+    flex-shrink: var(--mx-box-shrink, unset);
+}
+
+.box-grow {
+    flex-grow: var(--mx-box-grow, unset);
+}
diff --git a/packages/shared-components/src/core/utils/Box/Box.ts b/packages/shared-components/src/core/utils/Box/Box.ts
new file mode 100644
index 00000000000..d267cbc840c
--- /dev/null
+++ b/packages/shared-components/src/core/utils/Box/Box.ts
@@ -0,0 +1,78 @@
+/*
+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 classNames from "classnames";
+import React, { type JSX, useMemo } from "react";
+
+import styles from "./Box.module.css";
+
+type BoxProps = {
+    /**
+     * The type of the HTML element
+     * @default div
+     */
+    as?: string;
+    /**
+     * The CSS class name.
+     */
+    className?: string;
+    /**
+     * the on click event callback
+     */
+    onClick?: (e: React.MouseEvent) => void;
+    /**
+     * The flex space to use
+     * @default null
+     */
+    flex?: string | null;
+    /**
+     * The flex shrink factor
+     * @default null
+     */
+    shrink?: string | null;
+    /**
+     * The flex grow factor
+     * @default null
+     */
+    grow?: string | null;
+};
+
+/**
+ * A flex child helper
+ */
+export function Box({
+    as = "div",
+    flex = null,
+    shrink = null,
+    grow = null,
+    className,
+    children,
+    ...props
+}: React.PropsWithChildren<BoxProps>): JSX.Element {
+    const style = useMemo(() => {
+        const style: Record<string, string> = {};
+        if (flex) style["--mx-box-flex"] = flex;
+        if (shrink) style["--mx-box-shrink"] = shrink;
+        if (grow) style["--mx-box-grow"] = grow;
+        return style;
+    }, [flex, grow, shrink]);
+
+    return React.createElement(
+        as,
+        {
+            ...props,
+            className: classNames(className, {
+                [styles["box-flex"]]: !!flex,
+                [styles["box-shrink"]]: !!shrink,
+                [styles["box-grow"]]: !!grow,
+            }),
+            style,
+        },
+        children,
+    );
+}
diff --git a/packages/shared-components/src/core/utils/Box/index.ts b/packages/shared-components/src/core/utils/Box/index.ts
new file mode 100644
index 00000000000..ad4f27e89d9
--- /dev/null
+++ b/packages/shared-components/src/core/utils/Box/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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 { Box } from "./Box";
diff --git a/packages/shared-components/src/core/utils/DateUtils.test.ts b/packages/shared-components/src/core/utils/DateUtils.test.ts
new file mode 100644
index 00000000000..3ae4f81a368
--- /dev/null
+++ b/packages/shared-components/src/core/utils/DateUtils.test.ts
@@ -0,0 +1,44 @@
+/*
+ * 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 { describe, it, expect } from "vitest";
+
+import { formatSeconds, formatDateForInput } from "./DateUtils";
+
+function makeDate(year: number, month: number, day: number): Date {
+    const date = new Date(0);
+    date.setFullYear(year, month - 1, day);
+    date.setHours(0, 0, 0, 0);
+    return date;
+}
+
+describe("formatSeconds", () => {
+    it("correctly formats time with hours", () => {
+        expect(formatSeconds(60 * 60 * 3 + 60 * 31 + 55)).toBe("03:31:55");
+        expect(formatSeconds(60 * 60 * 3 + 60 * 0 + 55)).toBe("03:00:55");
+        expect(formatSeconds(60 * 60 * 3 + 60 * 31 + 0)).toBe("03:31:00");
+        expect(formatSeconds(-(60 * 60 * 3 + 60 * 31 + 0))).toBe("-03:31:00");
+    });
+
+    it("correctly formats time without hours", () => {
+        expect(formatSeconds(60 * 60 * 0 + 60 * 31 + 55)).toBe("31:55");
+        expect(formatSeconds(60 * 60 * 0 + 60 * 0 + 55)).toBe("00:55");
+        expect(formatSeconds(60 * 60 * 0 + 60 * 31 + 0)).toBe("31:00");
+        expect(formatSeconds(-(60 * 60 * 0 + 60 * 31 + 0))).toBe("-31:00");
+    });
+});
+
+describe("formatDateForInput", () => {
+    it.each([
+        ["1993-11-01", makeDate(1993, 11, 1)],
+        ["1066-10-14", makeDate(1066, 10, 14)],
+        ["0571-04-22", makeDate(571, 4, 22)],
+        ["0062-02-05", makeDate(62, 2, 5)],
+    ])("should format %s", (dateString: string, date: Date) => {
+        expect(formatDateForInput(date)).toBe(dateString);
+    });
+});
diff --git a/packages/shared-components/src/core/utils/DateUtils.ts b/packages/shared-components/src/core/utils/DateUtils.ts
new file mode 100644
index 00000000000..2cbcc9c263e
--- /dev/null
+++ b/packages/shared-components/src/core/utils/DateUtils.ts
@@ -0,0 +1,54 @@
+/*
+ * 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.
+ */
+
+/**
+ * Formats a number of seconds into a human-readable string.
+ * @param inSeconds
+ */
+export function formatSeconds(
+    inSeconds: number,
+    opts?: { hoursMaxLength?: number; minutesMaxLength?: number },
+): string {
+    const isNegative = inSeconds < 0;
+    inSeconds = Math.abs(inSeconds);
+
+    const hours = Math.floor(inSeconds / (60 * 60))
+        .toFixed(0)
+        .padStart(opts?.hoursMaxLength ?? 2, "0");
+
+    const minutes = Math.floor((inSeconds % (60 * 60)) / 60)
+        .toFixed(0)
+        .padStart(opts?.minutesMaxLength ?? 2, "0");
+
+    const seconds = Math.floor((inSeconds % (60 * 60)) % 60)
+        .toFixed(0)
+        .padStart(2, "0");
+
+    let output = "";
+    if (hours !== "00") output += `${hours}:`;
+    output += `${minutes}:${seconds}`;
+
+    if (isNegative) {
+        output = "-" + output;
+    }
+
+    return output;
+}
+
+/**
+ * Formats dates to be compatible with attributes of a `<input type="date">`. Dates
+ * should be formatted like "2020-06-23" (formatted according to ISO8601).
+ *
+ * @param date The date to format.
+ * @returns The date string in ISO8601 format ready to be used with an `<input>`
+ */
+export function formatDateForInput(date: Date): string {
+    const year = `${date.getFullYear()}`.padStart(4, "0");
+    const month = `${date.getMonth() + 1}`.padStart(2, "0");
+    const day = `${date.getDate()}`.padStart(2, "0");
+    return `${year}-${month}-${day}`;
+}
diff --git a/packages/shared-components/src/core/utils/Flex/Flex.module.css b/packages/shared-components/src/core/utils/Flex/Flex.module.css
new file mode 100644
index 00000000000..dba85c1faa2
--- /dev/null
+++ b/packages/shared-components/src/core/utils/Flex/Flex.module.css
@@ -0,0 +1,16 @@
+/*
+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.
+*/
+
+.flex {
+    display: var(--mx-flex-display, unset);
+    flex-direction: var(--mx-flex-direction, unset);
+    align-items: var(--mx-flex-align, unset);
+    justify-content: var(--mx-flex-justify, unset);
+    gap: var(--mx-flex-gap, unset);
+    flex-wrap: var(--mx-flex-wrap, unset);
+}
diff --git a/packages/shared-components/src/core/utils/Flex/Flex.ts b/packages/shared-components/src/core/utils/Flex/Flex.ts
new file mode 100644
index 00000000000..7404bf18749
--- /dev/null
+++ b/packages/shared-components/src/core/utils/Flex/Flex.ts
@@ -0,0 +1,88 @@
+/*
+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 classNames from "classnames";
+import React, { type JSX, type ComponentProps, type JSXElementConstructor, useMemo } from "react";
+
+import styles from "./Flex.module.css";
+
+type FlexProps<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = {
+    /**
+     * The type of the HTML element
+     * @default div
+     */
+    as?: T;
+    /**
+     * The CSS class name.
+     */
+    className?: string;
+    /**
+     * The type of flex container
+     * @default flex
+     */
+    display?: "flex" | "inline-flex";
+    /**
+     * The flow direction of the flex children
+     * @default row
+     */
+    direction?: "row" | "column" | "row-reverse" | "column-reverse";
+    /**
+     * The alignment of the flex children
+     * @default start
+     */
+    align?: "start" | "center" | "end" | "baseline" | "stretch" | "normal";
+    /**
+     * The justification of the flex children
+     * @default start
+     */
+    justify?: "start" | "center" | "end" | "space-between";
+    /**
+     * The wrapping of the flex children
+     * @default nowrap
+     */
+    wrap?: "wrap" | "nowrap" | "wrap-reverse";
+    /**
+     * The spacing between the flex children, expressed with the CSS unit
+     * @default 0
+     */
+    gap?: string;
+    /**
+     * the on click event callback
+     */
+    onClick?: (e: React.MouseEvent) => void;
+} & ComponentProps<T>;
+
+/**
+ * A flexbox container helper
+ */
+export function Flex<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "div">({
+    as = "div",
+    display = "flex",
+    direction = "row",
+    align = "start",
+    justify = "start",
+    gap = "0",
+    wrap = "nowrap",
+    className,
+    children,
+    ...props
+}: React.PropsWithChildren<FlexProps<T>>): JSX.Element {
+    const style = useMemo(
+        () => ({
+            "--mx-flex-display": display,
+            "--mx-flex-direction": direction,
+            "--mx-flex-align": align,
+            "--mx-flex-justify": justify,
+            "--mx-flex-gap": gap,
+            "--mx-flex-wrap": wrap,
+        }),
+        [align, direction, display, gap, justify, wrap],
+    );
+
+    return React.createElement(as, { ...props, className: classNames(styles.flex, className), style }, children);
+}
diff --git a/packages/shared-components/src/core/utils/Flex/index.ts b/packages/shared-components/src/core/utils/Flex/index.ts
new file mode 100644
index 00000000000..bea76c841f3
--- /dev/null
+++ b/packages/shared-components/src/core/utils/Flex/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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 { Flex } from "./Flex";
diff --git a/packages/shared-components/src/core/utils/FormattingUtils.stories.tsx b/packages/shared-components/src/core/utils/FormattingUtils.stories.tsx
new file mode 100644
index 00000000000..5f32ccea506
--- /dev/null
+++ b/packages/shared-components/src/core/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: "Core/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/core/utils/FormattingUtils.ts b/packages/shared-components/src/core/utils/FormattingUtils.ts
new file mode 100644
index 00000000000..851d88aa8c0
--- /dev/null
+++ b/packages/shared-components/src/core/utils/FormattingUtils.ts
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+
+/**
+ * format a size in bytes into a human readable form
+ * e.g: 1024 -> 1.00 KB
+ */
+export function formatBytes(bytes: number, decimals = 2): string {
+    if (bytes === 0) return "0 Bytes";
+
+    const k = 1024;
+    const dm = decimals < 0 ? 0 : decimals;
+    const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
+}
diff --git a/packages/shared-components/src/core/utils/LinkedText/LinkedText.module.css b/packages/shared-components/src/core/utils/LinkedText/LinkedText.module.css
new file mode 100644
index 00000000000..0c9c1ef4f81
--- /dev/null
+++ b/packages/shared-components/src/core/utils/LinkedText/LinkedText.module.css
@@ -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.
+ */
+
+.container {
+    a {
+        color: var(--cpd-color-text-link-external);
+    }
+    margin: 0;
+}
diff --git a/packages/shared-components/src/core/utils/LinkedText/LinkedText.stories.tsx b/packages/shared-components/src/core/utils/LinkedText/LinkedText.stories.tsx
new file mode 100644
index 00000000000..07418981fa2
--- /dev/null
+++ b/packages/shared-components/src/core/utils/LinkedText/LinkedText.stories.tsx
@@ -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 React, { type ComponentProps } from "react";
+import { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { LinkedText } from "./LinkedText";
+import { LinkedTextContext } from "./LinkedTextContext";
+
+const meta = {
+    title: "Core/LinkedText",
+    component: LinkedText,
+    decorators: [
+        (Story, { args }) => (
+            <LinkedTextContext.Provider
+                value={{
+                    userIdListener: args.userIdListener,
+                    roomAliasListener: args.roomAliasListener,
+                    urlTargetTransformer: args.urlTargetTransformer,
+                    hrefTransformer: args.hrefTransformer,
+                }}
+            >
+                <Story />
+            </LinkedTextContext.Provider>
+        ),
+    ],
+    args: {
+        children: "I love working on https://matrix.org.",
+    },
+    tags: ["autodocs"],
+} satisfies Meta<ComponentProps<typeof LinkedText> & ComponentProps<typeof LinkedTextContext>["value"]>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithUserId: Story = {
+    args: {
+        children: "I love talking to @alice:example.org.",
+        userIdListener: fn(),
+    },
+};
+
+export const WithRoomAlias: Story = {
+    args: {
+        children: "I love talking in #general:example.org.",
+        roomAliasListener: fn(),
+    },
+};
+
+export const WithCustomUrlTarget: Story = {
+    args: {
+        urlTargetTransformer: () => "_fake_target",
+    },
+    tags: ["skip-test"],
+};
+
+export const WithCustomHref: Story = {
+    args: {
+        hrefTransformer: () => {
+            return "https://example.org";
+        },
+    },
+    tags: ["skip-test"],
+};
diff --git a/packages/shared-components/src/core/utils/LinkedText/LinkedText.test.tsx b/packages/shared-components/src/core/utils/LinkedText/LinkedText.test.tsx
new file mode 100644
index 00000000000..46505a05f5e
--- /dev/null
+++ b/packages/shared-components/src/core/utils/LinkedText/LinkedText.test.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 { render } from "@test-utils";
+import { describe, it, expect, vitest } from "vitest";
+import React from "react";
+import { composeStories } from "@storybook/react-vite";
+import userEvent from "@testing-library/user-event";
+
+import * as stories from "./LinkedText.stories.tsx";
+import { LinkedText } from "./LinkedText.tsx";
+import { LinkifyOptionalSlashProtocols, PERMITTED_URL_SCHEMES } from "../linkify";
+import { LinkedTextContext } from "./LinkedTextContext";
+
+const { Default, WithUserId, WithRoomAlias, WithCustomHref, WithCustomUrlTarget } = composeStories(stories);
+
+describe("LinkedText", () => {
+    it.each(
+        PERMITTED_URL_SCHEMES.filter((protocol) => !LinkifyOptionalSlashProtocols.includes(protocol)).map(
+            (protocol) => `${protocol}://abcdef/`,
+        ),
+    )("renders protocol with no optional slash '%s'", (path) => {
+        const { getByRole } = render(
+            <LinkedTextContext value={{}}>
+                <LinkedText>Check out this link {path}</LinkedText>
+            </LinkedTextContext>,
+        );
+        expect(getByRole("link")).toBeInTheDocument();
+    });
+
+    it.each(LinkifyOptionalSlashProtocols.map((protocol) => `${protocol}://abcdef`))(
+        "renders protocol with optional slash '%s'",
+        (path) => {
+            const { getByRole } = render(
+                <LinkedTextContext value={{}}>
+                    <LinkedText>Check out this link {path}</LinkedText>
+                </LinkedTextContext>,
+            );
+            expect(getByRole("link")).toBeInTheDocument();
+        },
+    );
+
+    it("renders a standard link", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("does not linkify domains without a protocol.", () => {
+        const { queryAllByRole } = render(
+            <LinkedTextContext value={{}}>
+                <LinkedText>Check out this link github.com</LinkedText>
+            </LinkedTextContext>,
+        );
+        expect(queryAllByRole("link")).toHaveLength(0);
+    });
+
+    it("renders a user ID", () => {
+        const { container } = render(<WithUserId />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a room alias", () => {
+        const { container } = render(<WithRoomAlias />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a custom target", () => {
+        const { container } = render(<WithCustomUrlTarget />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a custom href", () => {
+        const { container } = render(<WithCustomHref />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("supports setting an onLinkClicked handler", async () => {
+        const fn = vitest.fn();
+        const { getAllByRole } = render(
+            <LinkedTextContext value={{}}>
+                <LinkedText onLinkClick={fn}>Check out this link https://google.com and https://example.org</LinkedText>
+            </LinkedTextContext>,
+        );
+        const links = getAllByRole("link");
+        expect(links).toHaveLength(2);
+        await userEvent.click(links[0]);
+        await userEvent.click(links[1]);
+        expect(fn).toHaveBeenCalledTimes(2);
+    });
+});
diff --git a/packages/shared-components/src/core/utils/LinkedText/LinkedText.tsx b/packages/shared-components/src/core/utils/LinkedText/LinkedText.tsx
new file mode 100644
index 00000000000..5290ce0935c
--- /dev/null
+++ b/packages/shared-components/src/core/utils/LinkedText/LinkedText.tsx
@@ -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 { Link, Text } from "@vector-im/compound-web";
+import React, { type ComponentProps } from "react";
+import classNames from "classnames";
+import Linkify from "linkify-react";
+
+import styles from "./LinkedText.module.css";
+import { generateLinkedTextOptions } from "../linkify";
+import { useLinkedTextContext } from "./LinkedTextContext";
+
+export type LinkedTextProps = ComponentProps<typeof Text> & {
+    /**
+     * Handler for when a link within the component is clicked. This will run
+     * *before* any LinkedTextContext handlers are run.
+     * @param ev The event raised by the click.
+     */
+    onLinkClick?: (ev: MouseEvent) => void;
+};
+/**
+ * A component that renders URLs as clickable links inside some plain text.
+ *
+ * Requires a `<LinkedTextContext.Provider>`
+ *
+ * @example
+ * ```tsx
+ * <LinkedTextContext.Provider value={...}>
+ *     <LinkedText>
+ *         I love working on https://matrix.org
+ *     </LinkedText>
+ * </LinkedTextContext.Provider>
+ * ```
+ */
+export function LinkedText({ children, className, onLinkClick, ...textProps }: LinkedTextProps): React.ReactNode {
+    const options = useLinkedTextContext();
+    const linkifyOptions = generateLinkedTextOptions({ ...options, onLinkClick });
+    return (
+        <Linkify
+            className={classNames(styles.container, className)}
+            as={Text}
+            options={{ ...linkifyOptions, render: Link }}
+            {...textProps}
+        >
+            {children}
+        </Linkify>
+    );
+}
diff --git a/packages/shared-components/src/core/utils/LinkedText/LinkedTextContext.ts b/packages/shared-components/src/core/utils/LinkedText/LinkedTextContext.ts
new file mode 100644
index 00000000000..00d190b17e8
--- /dev/null
+++ b/packages/shared-components/src/core/utils/LinkedText/LinkedTextContext.ts
@@ -0,0 +1,50 @@
+/*
+ * 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, useContext } from "react";
+
+import type { LinkEventListener, LinkifyMatrixOpaqueIdType } from "../linkify";
+
+export interface LinkedTextConfiguration {
+    /**
+     * Event handlers for URL links.
+     */
+    urlListener?: (href: string) => LinkEventListener;
+    /**
+     * Event handlers for room alias links.
+     */
+    roomAliasListener?: (href: string) => LinkEventListener;
+    /**
+     * Event handlers for user ID links.
+     */
+    userIdListener?: (href: string) => LinkEventListener;
+    /**
+     * Function that can be used to transform the `target` attribute on links, depending on the `href`.
+     */
+    urlTargetTransformer?: (href: string) => string;
+    /**
+     * Function that can be used to transform the `href` attribute on links, depending on the current href and target type.
+     */
+    hrefTransformer?: (href: string, target: LinkifyMatrixOpaqueIdType) => string;
+}
+
+export const LinkedTextContext = createContext<LinkedTextConfiguration | null>(null);
+LinkedTextContext.displayName = "LinkedTextContext";
+
+/**
+ * A hook to get the linked text configuration from the context. Will throw if no LinkedTextContext is found.
+ * @throws If no LinkedTextContext context is found
+ * @returns The linked text configuration from the context
+ */
+export function useLinkedTextContext(): LinkedTextConfiguration {
+    const config = useContext(LinkedTextContext);
+
+    if (!config) {
+        throw new Error("useLinkedTextContextOpts must be used within an LinkedTextContext.Provider");
+    }
+    return config;
+}
diff --git a/packages/shared-components/src/core/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap b/packages/shared-components/src/core/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap
new file mode 100644
index 00000000000..a7928026cb4
--- /dev/null
+++ b/packages/shared-components/src/core/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap
@@ -0,0 +1,96 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`LinkedText > renders a custom href 1`] = `
+<div>
+  <p
+    class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container"
+  >
+    I love working on 
+    <a
+      data-linkified="true"
+      href="https://example.org"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      https://matrix.org
+    </a>
+    .
+  </p>
+</div>
+`;
+
+exports[`LinkedText > renders a custom target 1`] = `
+<div>
+  <p
+    class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container"
+  >
+    I love working on 
+    <a
+      data-linkified="true"
+      href="https://matrix.org"
+      rel="noreferrer noopener"
+      target="_fake_target"
+    >
+      https://matrix.org
+    </a>
+    .
+  </p>
+</div>
+`;
+
+exports[`LinkedText > renders a room alias 1`] = `
+<div>
+  <p
+    class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container"
+  >
+    I love talking in 
+    <a
+      data-linkified="true"
+      href="#general:example.org"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      #general:example.org
+    </a>
+    .
+  </p>
+</div>
+`;
+
+exports[`LinkedText > renders a standard link 1`] = `
+<div>
+  <p
+    class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container"
+  >
+    I love working on 
+    <a
+      data-linkified="true"
+      href="https://matrix.org"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      https://matrix.org
+    </a>
+    .
+  </p>
+</div>
+`;
+
+exports[`LinkedText > renders a user ID 1`] = `
+<div>
+  <p
+    class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container"
+  >
+    I love talking to 
+    <a
+      data-linkified="true"
+      href="@alice:example.org"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      @alice:example.org
+    </a>
+    .
+  </p>
+</div>
+`;
diff --git a/packages/shared-components/src/core/utils/LinkedText/index.ts b/packages/shared-components/src/core/utils/LinkedText/index.ts
new file mode 100644
index 00000000000..ba7276e8710
--- /dev/null
+++ b/packages/shared-components/src/core/utils/LinkedText/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 { LinkedText, type LinkedTextProps } from "./LinkedText";
+export { LinkedTextContext, useLinkedTextContext } from "./LinkedTextContext";
diff --git a/packages/shared-components/src/core/utils/Scrollbar/AutoHideScrollbar.module.css b/packages/shared-components/src/core/utils/Scrollbar/AutoHideScrollbar.module.css
new file mode 100644
index 00000000000..b9f6a5843ea
--- /dev/null
+++ b/packages/shared-components/src/core/utils/Scrollbar/AutoHideScrollbar.module.css
@@ -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.
+ */
+
+.scrollbar {
+    overflow-x: hidden;
+    overflow-y: auto;
+    overflow-y: overlay; /* where supported */
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+
+    &::-webkit-scrollbar {
+        background-color: transparent;
+        width: 6px;
+        height: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background-color: transparent;
+    }
+
+    scrollbar-width: thin;
+    scrollbar-color: transparent transparent;
+
+    > * {
+        /* also set on first level children in case this scrollbar is used as container */
+        scrollbar-width: thin;
+    }
+}
+
+.scrollbar:hover {
+    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
+
+    :global(.cpd-theme-dark) &,
+    :global(.cpd-theme-dark-hc) & {
+        scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        border-radius: 3px;
+        background-color: rgba(0, 0, 0, 0.2);
+
+        :global(.cpd-theme-dark) &,
+        :global(.cpd-theme-dark-hc) & {
+            background-color: rgba(255, 255, 255, 0.2);
+        }
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    .scrollbar:hover {
+        scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
+
+        :global(.cpd-theme-light) &,
+        :global(.cpd-theme-light-hc) & {
+            scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
+        }
+
+        &::-webkit-scrollbar-thumb {
+            border-radius: 3px;
+            background-color: rgba(255, 255, 255, 0.2);
+
+            :global(.cpd-theme-light) &,
+            :global(.cpd-theme-light-hc) & {
+                background-color: rgba(0, 0, 0, 0.2);
+            }
+        }
+    }
+}
diff --git a/packages/shared-components/src/core/utils/Scrollbar/AutoHideScrollbar.stories.tsx b/packages/shared-components/src/core/utils/Scrollbar/AutoHideScrollbar.stories.tsx
new file mode 100644
index 00000000000..34391c23212
--- /dev/null
+++ b/packages/shared-components/src/core/utils/Scrollbar/AutoHideScrollbar.stories.tsx
@@ -0,0 +1,76 @@
+/*
+ * 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 { AutoHideScrollbar } from "./AutoHideScrollbar";
+
+const containerStyle: React.CSSProperties = {
+    border: "1px solid",
+    width: "200px",
+    height: "150px",
+};
+
+const meta = {
+    title: "Core/AutoHideScrollbar",
+    component: AutoHideScrollbar,
+    tags: ["autodocs", "skip-test"],
+    args: {
+        as: "div",
+        role: "container",
+        style: containerStyle,
+        children: (
+            <ul>
+                <li>Item 1</li>
+                <li>Item 2</li>
+                <li>Item 3</li>
+                <li>Item 4</li>
+                <li>Item 5</li>
+                <li>Item 6</li>
+                <li>Item 7</li>
+                <li>Item 8</li>
+                <li>Item 9</li>
+            </ul>
+        ),
+    },
+} satisfies Meta<typeof AutoHideScrollbar>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const NoOverflowY: Story = {
+    args: {
+        children: (
+            <ul>
+                <li>Item 1</li>
+                <li>Item 2</li>
+                <li>Item 3</li>
+            </ul>
+        ),
+    },
+};
+
+export const NoOverflowX: Story = {
+    args: {
+        children: (
+            <ul>
+                <li>Item 1 with a very long text</li>
+                <li>Item 2 with a very long text</li>
+                <li>Item 3 with a very long text</li>
+                <li>Item 4 with a very long text</li>
+                <li>Item 5 with a very long text</li>
+                <li>Item 6 with a very long text</li>
+                <li>Item 7 with a very long text</li>
+                <li>Item 8 with a very long text</li>
+                <li>Item 9 with a very long text</li>
+            </ul>
+        ),
+    },
+};
diff --git a/packages/shared-components/src/core/utils/Scrollbar/AutoHideScrollbar.test.tsx b/packages/shared-components/src/core/utils/Scrollbar/AutoHideScrollbar.test.tsx
new file mode 100644
index 00000000000..a80b5352d05
--- /dev/null
+++ b/packages/shared-components/src/core/utils/Scrollbar/AutoHideScrollbar.test.tsx
@@ -0,0 +1,141 @@
+/*
+ * 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 { fireEvent, render, screen, waitFor } from "@test-utils";
+import { afterEach, describe, expect, it, vi } from "vitest";
+
+import { AutoHideScrollbar } from "./AutoHideScrollbar";
+
+class RefUpdateProbe extends React.Component<any, { armed: boolean }> {
+    public state = { armed: false };
+
+    public wrappedRefCalls = 0;
+
+    private readonly wrappedRef = (node: HTMLDivElement | null): void => {
+        this.wrappedRefCalls += 1;
+
+        if (node && !this.state.armed) {
+            this.setState({ armed: true });
+        }
+    };
+
+    public render(): React.ReactNode {
+        return (
+            <>
+                <AutoHideScrollbar data-testid="scrollbar" wrappedRef={this.wrappedRef}>
+                    <div>Item 1</div>
+                </AutoHideScrollbar>
+                <div data-testid="status">{this.state.armed ? "armed" : "idle"}</div>
+            </>
+        );
+    }
+}
+
+describe("AutoHideScrollbar", () => {
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+
+    it("renders children with the default scrollbar props", () => {
+        render(
+            <AutoHideScrollbar data-testid="scrollbar">
+                <div>Item 1</div>
+            </AutoHideScrollbar>,
+        );
+
+        const scrollbar = screen.getByTestId("scrollbar");
+
+        expect(scrollbar).toHaveAttribute("tabindex", "-1");
+        expect(scrollbar.className).toContain("scrollbar");
+        expect(screen.getByText("Item 1")).toBeInTheDocument();
+    });
+
+    it("forwards props to the requested element", () => {
+        render(
+            <AutoHideScrollbar as="section" aria-label="Scrollable content" data-testid="scrollbar">
+                <div>Item 1</div>
+            </AutoHideScrollbar>,
+        );
+
+        const scrollbar = screen.getByTestId("scrollbar");
+
+        expect(scrollbar.tagName).toBe("SECTION");
+        expect(scrollbar).toHaveAttribute("aria-label", "Scrollable content");
+    });
+
+    it("attaches the scroll listener and reports the scroll container ref", async () => {
+        const onScroll = vi.fn<(event: Event) => void>();
+        const wrappedRef = vi.fn<(ref: HTMLDivElement | null) => void>();
+        const addEventListenerSpy = vi.spyOn(HTMLElement.prototype, "addEventListener");
+        const removeEventListenerSpy = vi.spyOn(HTMLElement.prototype, "removeEventListener");
+
+        const { unmount } = render(
+            <AutoHideScrollbar data-testid="scrollbar" onScroll={onScroll} wrappedRef={wrappedRef}>
+                <div style={{ height: 1000 }}>Scrollable content</div>
+            </AutoHideScrollbar>,
+        );
+
+        const scrollbar = screen.getByTestId("scrollbar");
+
+        await waitFor(() => expect(wrappedRef).toHaveBeenCalledWith(scrollbar));
+        expect(addEventListenerSpy).toHaveBeenCalledWith("scroll", onScroll, { passive: true });
+
+        fireEvent.scroll(scrollbar);
+        expect(onScroll).toHaveBeenCalledTimes(1);
+
+        unmount();
+
+        expect(removeEventListenerSpy).toHaveBeenCalledWith("scroll", onScroll);
+        expect(wrappedRef).toHaveBeenLastCalledWith(null);
+
+        fireEvent.scroll(scrollbar);
+        expect(onScroll).toHaveBeenCalledTimes(1);
+    });
+
+    it("provides wrappedRef before parent componentDidMount runs", () => {
+        const calls: Array<string> = [];
+
+        class TimingProbe extends React.Component {
+            private scrollNode: HTMLDivElement | null = null;
+
+            public componentDidMount(): void {
+                calls.push("parent-did-mount");
+                expect(this.scrollNode).not.toBeNull();
+            }
+
+            public render(): React.ReactNode {
+                return (
+                    <AutoHideScrollbar
+                        data-testid="scrollbar"
+                        wrappedRef={(node) => {
+                            calls.push(node ? "wrapped-ref" : "wrapped-ref-null");
+                            this.scrollNode = node;
+                        }}
+                    >
+                        <div>Item 1</div>
+                    </AutoHideScrollbar>
+                );
+            }
+        }
+
+        render(<TimingProbe />);
+
+        expect(calls).toEqual(["wrapped-ref", "parent-did-mount"]);
+        expect(screen.getByTestId("scrollbar")).toBeInTheDocument();
+    });
+
+    it("does not re-enter wrappedRef when the parent rerenders from the callback", async () => {
+        const probeRef = React.createRef<RefUpdateProbe>();
+
+        render(<RefUpdateProbe ref={probeRef} />);
+
+        await waitFor(() => expect(screen.getByTestId("status")).toHaveTextContent("armed"));
+        expect(probeRef.current?.wrappedRefCalls).toBe(1);
+        expect(screen.getByTestId("scrollbar")).toBeInTheDocument();
+    });
+});
diff --git a/packages/shared-components/src/core/utils/Scrollbar/AutoHideScrollbar.ts b/packages/shared-components/src/core/utils/Scrollbar/AutoHideScrollbar.ts
new file mode 100644
index 00000000000..3d892661477
--- /dev/null
+++ b/packages/shared-components/src/core/utils/Scrollbar/AutoHideScrollbar.ts
@@ -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 classNames from "classnames";
+import React, { type HTMLAttributes, type JSX, type ReactNode, type WheelEvent } from "react";
+
+import styles from "./AutoHideScrollbar.module.css";
+
+type DynamicHtmlElementProps<T extends keyof JSX.IntrinsicElements> =
+    JSX.IntrinsicElements[T] extends HTMLAttributes<object> ? DynamicElementProps<T> : DynamicElementProps<"div">;
+type DynamicElementProps<T extends keyof JSX.IntrinsicElements> = Partial<Omit<JSX.IntrinsicElements[T], "ref">>;
+
+/**
+ * Props for `AutoHideScrollbar`.
+ */
+export type AutoHideScrollbarProps<T extends keyof JSX.IntrinsicElements = "div"> = Omit<
+    DynamicHtmlElementProps<T>,
+    "onScroll"
+> & {
+    /** The type of the HTML element. @default div*/
+    as?: T;
+    /** Additional class names to append to the scrollbar root. */
+    className?: string;
+    /** Inline styles applied to the root element. */
+    style?: React.CSSProperties;
+    /** Tab index override; defaults to `-1`. */
+    tabIndex?: number;
+    /** Receives the mounted scroll container element. */
+    wrappedRef?: (ref: HTMLDivElement | null) => void;
+    /** Native scroll handler attached with a passive listener. */
+    onScroll?: (event: Event) => void;
+    /** Optional wheel handler forwarded to the root element. */
+    onWheel?: (event: WheelEvent) => void;
+    /** Scrollable content rendered inside the container. */
+    children: ReactNode;
+};
+
+/**
+ * Scroll container that hides native scrollbars until hovered.
+ * Any overflow-x is hidden by default.
+ */
+export function AutoHideScrollbar<T extends keyof JSX.IntrinsicElements = "div">(
+    props: AutoHideScrollbarProps<T>,
+): React.ReactNode {
+    const { as = "div" as T, className, onScroll, tabIndex, wrappedRef, children, ...otherProps } = props;
+    const containerRef = React.useRef<HTMLDivElement | null>(null);
+    const wrappedRefRef = React.useRef(wrappedRef);
+    wrappedRefRef.current = wrappedRef;
+
+    const collectContainer = React.useCallback((node: HTMLDivElement | null): void => {
+        containerRef.current = node;
+    }, []);
+
+    React.useLayoutEffect(() => {
+        wrappedRefRef.current?.(containerRef.current);
+
+        return (): void => {
+            wrappedRefRef.current?.(null);
+        };
+    }, []);
+
+    React.useLayoutEffect(() => {
+        const container = containerRef.current;
+
+        if (!container || !onScroll) {
+            return;
+        }
+
+        // Using the passive option to not block the main thread.
+        // https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#improving_scrolling_performance_with_passive_listeners
+        container.addEventListener("scroll", onScroll, { passive: true });
+
+        return (): void => {
+            container.removeEventListener("scroll", onScroll);
+        };
+    }, [onScroll]);
+
+    return React.createElement(
+        as,
+        {
+            ...otherProps,
+            ref: collectContainer,
+            className: classNames(styles.scrollbar, className),
+            // Firefox sometimes makes this element focusable due to
+            // overflow:scroll;, so force it out of tab order by default.
+            tabIndex: tabIndex ?? -1,
+        },
+        children,
+    );
+}
diff --git a/packages/shared-components/src/core/utils/Scrollbar/index.ts b/packages/shared-components/src/core/utils/Scrollbar/index.ts
new file mode 100644
index 00000000000..7d78b22b7b2
--- /dev/null
+++ b/packages/shared-components/src/core/utils/Scrollbar/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 { AutoHideScrollbar, type AutoHideScrollbarProps } from "./AutoHideScrollbar";
diff --git a/packages/shared-components/src/core/utils/ToastContext.test.tsx b/packages/shared-components/src/core/utils/ToastContext.test.tsx
new file mode 100644
index 00000000000..9ca9475d9c7
--- /dev/null
+++ b/packages/shared-components/src/core/utils/ToastContext.test.tsx
@@ -0,0 +1,66 @@
+/*
+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.
+*/
+
+import { describe, it, expect, vitest } from "vitest";
+import { render } from "@test-utils";
+import { Toast } from "@vector-im/compound-web";
+import React, { type JSX } from "react";
+
+import { ToastContext, ToastRack, useToastContext } from "./ToastContext";
+
+describe("ToastRack", () => {
+    it("should return a toast once one is displayed", () => {
+        const toastRack = new ToastRack();
+        toastRack.displayToast("Hello, world!");
+
+        expect(toastRack.getActiveToast()).toBe("Hello, world!");
+    });
+
+    it("calls update callback when a toast is added", () => {
+        const toastRack = new ToastRack();
+        const updateCallbackFn = vitest.fn();
+        toastRack.setCallback(updateCallbackFn);
+        toastRack.displayToast("Hello, world!");
+
+        expect(updateCallbackFn).toHaveBeenCalled();
+    });
+
+    it("removes toast when remove function is called", () => {
+        const toastRack = new ToastRack();
+        const removeFn = toastRack.displayToast("Hello, world!");
+        expect(toastRack.getActiveToast()).toBe("Hello, world!");
+        removeFn();
+        expect(toastRack.getActiveToast()).toBeUndefined();
+    });
+});
+
+describe("useToastContext", () => {
+    it("should fail if there is no context wrapper", () => {
+        function FailingComponent(): JSX.Element {
+            useToastContext();
+            return <p>Test</p>;
+        }
+        expect(() => render(<FailingComponent />)).toThrow(
+            "Component must be wrapped in <ToastContext.Provider /> to use useToastContext",
+        );
+    });
+    it("should succeed if there is a context wrapper", async () => {
+        function HappyComponent(): JSX.Element {
+            const toaster = useToastContext();
+            return <>{toaster.getActiveToast()}</>;
+        }
+        const rack = new ToastRack();
+        rack.displayToast(<Toast>Toast!</Toast>);
+        const { getByText } = render(
+            <ToastContext value={rack}>
+                <HappyComponent />
+            </ToastContext>,
+        );
+        expect(getByText("Toast!")).toBeVisible();
+    });
+});
diff --git a/packages/shared-components/src/core/utils/ToastContext.ts b/packages/shared-components/src/core/utils/ToastContext.ts
new file mode 100644
index 00000000000..4cdf2bc0c46
--- /dev/null
+++ b/packages/shared-components/src/core/utils/ToastContext.ts
@@ -0,0 +1,89 @@
+/*
+ * 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.
+ */
+
+import { type ReactNode, createContext, useCallback, useContext, useEffect, useState, useMemo } from "react";
+
+/**
+ * A ToastContext helps components display any kind of toast message and can be provided
+ * by a parent component such that their children can display toasts, eg. a settings dialog
+ * can provide a ToastContext such that controls within it can display toasts at the bottom
+ * of the dialog.
+ *
+ * It is not (at time of writing) used by the *other* toasts that appear in the top right
+ * corner of the app, however the name 'toast' as used in this class refers to the component
+ * of the same name in compound that it is written to manage.
+ */
+export const ToastContext = createContext<ToastRack | null>(null);
+ToastContext.displayName = "ToastContext";
+
+/**
+ * Returns the ToastRack in context in order to display toasts
+ */
+export function useToastContext(): ToastRack {
+    const rack = useContext(ToastContext);
+    if (!rack) {
+        throw new Error("Component must be wrapped in <ToastContext.Provider /> to use useToastContext");
+    }
+    return rack;
+}
+
+/**
+ * For components that wish to display toasts, return the currently active toast and
+ * the ToastRack object that should be provided to the context
+ */
+export function useActiveToast(): [ReactNode | undefined, ToastRack] {
+    const toastRack = useMemo(() => new ToastRack(), []);
+
+    const [activeToast, setActiveToast] = useState<ReactNode | undefined>(toastRack.getActiveToast());
+
+    const updateCallback = useCallback(() => {
+        setActiveToast(toastRack.getActiveToast());
+    }, [setActiveToast, toastRack]);
+
+    useEffect(() => {
+        toastRack.setCallback(updateCallback);
+    }, [toastRack, updateCallback]);
+
+    return [activeToast, toastRack];
+}
+
+interface DisplayedToast {
+    id: number;
+    contents: ReactNode;
+}
+
+type RemoveCallback = () => void;
+
+export class ToastRack {
+    private currentToast: DisplayedToast | undefined;
+    private updateCallback?: () => void;
+    private idSeq = 0;
+
+    public setCallback(cb: () => void): void {
+        this.updateCallback = cb;
+    }
+
+    public displayToast(contents: ReactNode): RemoveCallback {
+        const newToastId = ++this.idSeq;
+
+        this.currentToast = { id: newToastId, contents: contents };
+        this.updateCallback?.();
+        const removeFn = (): void => {
+            if (this.currentToast?.id === newToastId) {
+                this.currentToast = undefined;
+                this.updateCallback?.();
+            }
+        };
+
+        return removeFn;
+    }
+
+    public getActiveToast(): ReactNode | undefined {
+        return this.currentToast?.contents;
+    }
+}
diff --git a/packages/shared-components/src/core/utils/applyReplacerOnString.ts b/packages/shared-components/src/core/utils/applyReplacerOnString.ts
new file mode 100644
index 00000000000..bf5ab310269
--- /dev/null
+++ b/packages/shared-components/src/core/utils/applyReplacerOnString.ts
@@ -0,0 +1,35 @@
+/*
+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 JSX } from "react";
+import { Text, type HTMLReactParserOptions } from "html-react-parser";
+
+type Replacer = HTMLReactParserOptions["replace"];
+
+/**
+ * Applies a parser replacer to string content while passing through JSX elements unchanged.
+ *
+ * @param input Plain-text body content or pre-rendered JSX elements (for example emoji bodies).
+ * Non-string items are returned verbatim.
+ * @param replacer Optional replace callback to run on string items.
+ * @returns The original `input` when no replacer is provided; otherwise an array where string
+ * items are replaced and JSX elements are passed through unchanged.
+ */
+export function applyReplacerOnString(
+    input: string | JSX.Element[],
+    replacer?: Replacer,
+): JSX.Element | JSX.Element[] | string {
+    if (!replacer) return input;
+
+    const arr = Array.isArray(input) ? input : [input];
+    return arr.map((item, index): JSX.Element => {
+        if (typeof item === "string") {
+            return (replacer(new Text(item), 0) as JSX.Element) || item;
+        }
+        return item;
+    });
+}
diff --git a/packages/shared-components/src/core/utils/humanize.stories.tsx b/packages/shared-components/src/core/utils/humanize.stories.tsx
new file mode 100644
index 00000000000..a54215a3c21
--- /dev/null
+++ b/packages/shared-components/src/core/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: "Core/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/core/utils/humanize.test.ts b/packages/shared-components/src/core/utils/humanize.test.ts
new file mode 100644
index 00000000000..9cef35bab33
--- /dev/null
+++ b/packages/shared-components/src/core/utils/humanize.test.ts
@@ -0,0 +1,39 @@
+/*
+ * 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 { describe, it, beforeAll, vi, expect } from "vitest";
+
+import { humanizeTime } from "./humanize";
+
+describe("humanizeTime", () => {
+    const now = new Date("2025-08-01T12:00:00Z").getTime();
+
+    beforeAll(() => {
+        vi.useFakeTimers().setSystemTime(now);
+    });
+
+    it.each([
+        // Past
+        ["returns 'a few seconds ago' for <15s ago", now - 5000, "a few seconds ago"],
+        ["returns 'about a minute ago' for <75s ago", now - 60000, "about a minute ago"],
+        ["returns '20 minutes ago' for <45min ago", now - 20 * 60000, "20 minutes ago"],
+        ["returns 'about an hour ago' for <75min ago", now - 70 * 60000, "about an hour ago"],
+        ["returns '5 hours ago' for <23h ago", now - 5 * 3600000, "5 hours ago"],
+        ["returns 'about a day ago' for <26h ago", now - 25 * 3600000, "about a day ago"],
+        ["returns '3 days ago' for >26h ago", now - 3 * 24 * 3600000, "3 days ago"],
+        // Future
+        ["returns 'a few seconds from now' for <15s ahead", now + 5000, "a few seconds from now"],
+        ["returns 'about a minute from now' for <75s ahead", now + 60000, "about a minute from now"],
+        ["returns '20 minutes from now' for <45min ahead", now + 20 * 60000, "20 minutes from now"],
+        ["returns 'about an hour from now' for <75min ahead", now + 70 * 60000, "about an hour from now"],
+        ["returns '5 hours from now' for <23h ahead", now + 5 * 3600000, "5 hours from now"],
+        ["returns 'about a day from now' for <26h ahead", now + 25 * 3600000, "about a day from now"],
+        ["returns '3 days from now' for >26h ahead", now + 3 * 24 * 3600000, "3 days from now"],
+    ])("%s", (_, date, expected) => {
+        expect(humanizeTime(date)).toBe(expected);
+    });
+});
diff --git a/packages/shared-components/src/core/utils/humanize.ts b/packages/shared-components/src/core/utils/humanize.ts
new file mode 100644
index 00000000000..a5db5f72947
--- /dev/null
+++ b/packages/shared-components/src/core/utils/humanize.ts
@@ -0,0 +1,59 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2020, 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 { type I18nApi } from "@element-hq/element-web-module-api";
+
+import { _t as _tFromModule } from "../i18n/i18n";
+
+// These are the constants we use for when to break the text
+const MILLISECONDS_RECENT = 15000;
+const MILLISECONDS_1_MIN = 75000;
+const MINUTES_UNDER_1_HOUR = 45;
+const MINUTES_1_HOUR = 75;
+const HOURS_UNDER_1_DAY = 23;
+const HOURS_1_DAY = 26;
+
+/**
+ * Converts a timestamp into human-readable, translated, text.
+ * @param {number} timeMillis The time in millis to compare against.
+ * @returns {string} The humanized time.
+ */
+export function humanizeTime(timeMillis: number, i18nApi?: I18nApi): string {
+    const now = Date.now();
+    let msAgo = now - timeMillis;
+    const minutes = Math.abs(Math.ceil(msAgo / 60000));
+    const hours = Math.ceil(minutes / 60);
+    const days = Math.ceil(hours / 24);
+
+    const _t = i18nApi?.translate ?? _tFromModule;
+
+    if (msAgo >= 0) {
+        // Past
+        if (msAgo <= MILLISECONDS_RECENT) return _t("time|few_seconds_ago");
+        if (msAgo <= MILLISECONDS_1_MIN) return _t("time|about_minute_ago");
+        if (minutes <= MINUTES_UNDER_1_HOUR) return _t("time|n_minutes_ago", { num: minutes });
+        if (minutes <= MINUTES_1_HOUR) return _t("time|about_hour_ago");
+        if (hours <= HOURS_UNDER_1_DAY) return _t("time|n_hours_ago", { num: hours });
+        if (hours <= HOURS_1_DAY) return _t("time|about_day_ago");
+        return _t("time|n_days_ago", { num: days });
+    } else {
+        // Future
+        msAgo = Math.abs(msAgo);
+        if (msAgo <= MILLISECONDS_RECENT) return _t("time|in_few_seconds");
+        if (msAgo <= MILLISECONDS_1_MIN) return _t("time|in_about_minute");
+        if (minutes <= MINUTES_UNDER_1_HOUR) return _t("time|in_n_minutes", { num: minutes });
+        if (minutes <= MINUTES_1_HOUR) return _t("time|in_about_hour");
+        if (hours <= HOURS_UNDER_1_DAY) return _t("time|in_n_hours", { num: hours });
+        if (hours <= HOURS_1_DAY) return _t("time|in_about_day");
+        return _t("time|in_n_days", { num: days });
+    }
+}
+
+export function humanizeRelativeTime(i18nApi?: I18nApi): Intl.RelativeTimeFormat {
+    return new Intl.RelativeTimeFormat(i18nApi?.language, { style: "long", numeric: "auto" });
+}
diff --git a/packages/shared-components/src/core/utils/linkify.stories.tsx b/packages/shared-components/src/core/utils/linkify.stories.tsx
new file mode 100644
index 00000000000..354c548460e
--- /dev/null
+++ b/packages/shared-components/src/core/utils/linkify.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 { Markdown } from "@storybook/addon-docs/blocks";
+
+import type { Meta } from "@storybook/react-vite";
+import LinkifyMatrixOpaqueIdType from "../../../typedoc/enumerations/LinkifyMatrixOpaqueIdType.md?raw";
+import findLinksInString from "../../../typedoc/functions/findLinksInString.md?raw";
+import isLinkable from "../../../typedoc/functions/isLinkable.md?raw";
+import linkifyHtml from "../../../typedoc/functions/linkifyHtml.md?raw";
+import linkifyString from "../../../typedoc/functions/linkifyString.md?raw";
+import generateLinkedTextOptions from "../../../typedoc/functions/generateLinkedTextOptions.md?raw";
+import LinkedTextOptions from "../../../typedoc/interfaces/LinkedTextOptions.md?raw";
+
+const meta = {
+    title: "Core/Linkify",
+    parameters: {
+        docs: {
+            page: () => (
+                <>
+                    <h1>Linkify utilities</h1>
+                    <p>Supporting functions and types for parsing links from HTML/strings.</p>
+                    <h2>LinkifyMatrixOpaqueIdType</h2>
+                    <Markdown>{LinkifyMatrixOpaqueIdType}</Markdown>
+                    <h2>findLinksInString</h2>
+                    <Markdown>{findLinksInString}</Markdown>
+                    <h2>isLinkable</h2>
+                    <Markdown>{isLinkable}</Markdown>
+                    <h2>linkifyHtml</h2>
+                    <Markdown>{linkifyHtml}</Markdown>
+                    <h2>linkifyString</h2>
+                    <Markdown>{linkifyString}</Markdown>
+                    <h2>generateLinkedTextOptions</h2>
+                    <Markdown>{generateLinkedTextOptions}</Markdown>
+                    <h3>LinkedTextOptions</h3>
+                    <Markdown>{LinkedTextOptions}</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/core/utils/linkify.test.ts b/packages/shared-components/src/core/utils/linkify.test.ts
new file mode 100644
index 00000000000..54ee2ddd089
--- /dev/null
+++ b/packages/shared-components/src/core/utils/linkify.test.ts
@@ -0,0 +1,410 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 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 { describe, it, expect } from "vitest";
+
+import { findLinksInString, isLinkable, linkifyHtml, LinkifyMatrixOpaqueIdType } from "./linkify";
+
+describe("linkify-matrix", () => {
+    const linkTypesByInitialCharacter: Record<string, string> = {
+        "#": "roomalias",
+        "@": "userid",
+    };
+
+    describe.each(Object.entries(linkTypesByInitialCharacter))("handles '%s' (%s)", (char, type) => {
+        it("should not parse " + char + "foo without domain", () => {
+            const test = char + "foo";
+            const found = findLinksInString(test);
+            expect(isLinkable(test)).toEqual(false);
+            expect(found).toEqual([]);
+        });
+        describe("ip v4 tests", () => {
+            it("should properly parse IPs v4 as the domain name", () => {
+                const test = char + "potato:1.2.3.4";
+                expect(isLinkable(test)).toEqual(true);
+                const found = findLinksInString(test);
+                expect(found).toEqual([
+                    {
+                        href: char + "potato:1.2.3.4",
+                        type,
+                        isLink: true,
+                        start: 0,
+                        end: test.length,
+                        value: char + "potato:1.2.3.4",
+                    },
+                ]);
+            });
+            it("should properly parse IPs v4 with port as the domain name with attached", () => {
+                const test = char + "potato:1.2.3.4:1337";
+                expect(isLinkable(test)).toEqual(true);
+                const found = findLinksInString(test);
+                expect(found).toEqual([
+                    {
+                        href: char + "potato:1.2.3.4:1337",
+                        type,
+                        isLink: true,
+                        start: 0,
+                        end: test.length,
+                        value: char + "potato:1.2.3.4:1337",
+                    },
+                ]);
+            });
+            it("should properly parse IPs v4 as the domain name while ignoring missing port", () => {
+                const test = char + "potato:1.2.3.4:";
+                expect(isLinkable(test)).toEqual(false);
+                const found = findLinksInString(test);
+                expect(found).toEqual([
+                    {
+                        href: char + "potato:1.2.3.4",
+                        type,
+                        isLink: true,
+                        start: 0,
+                        end: test.length - 1,
+                        value: char + "potato:1.2.3.4",
+                    },
+                ]);
+            });
+        });
+        // Currently those tests are failing, as there's missing implementation.
+        describe.skip("ip v6 tests", () => {
+            it("should properly parse IPs v6 as the domain name", () => {
+                const test = char + "username:[1234:5678::abcd]";
+                expect(isLinkable(test)).toEqual(true);
+                const found = findLinksInString(test);
+                expect(found).toEqual([
+                    {
+                        href: char + "username:[1234:5678::abcd]",
+                        type,
+                        isLink: true,
+                        start: 0,
+                        end: test.length,
+                        value: char + "username:[1234:5678::abcd]",
+                    },
+                ]);
+            });
+
+            it("should properly parse IPs v6 with port as the domain name", () => {
+                const test = char + "username:[1234:5678::abcd]:1337";
+                expect(isLinkable(test)).toEqual(true);
+                const found = findLinksInString(test);
+                expect(found).toEqual([
+                    {
+                        href: char + "username:[1234:5678::abcd]:1337",
+                        type,
+                        isLink: true,
+                        start: 0,
+                        end: test.length,
+                        value: char + "username:[1234:5678::abcd]:1337",
+                    },
+                ]);
+            });
+            it("should properly parse IPs v6 while ignoring dangling comma when without port name as the domain name", () => {
+                const test = char + "username:[1234:5678::abcd]:";
+                expect(isLinkable(test)).toEqual(true);
+                const found = findLinksInString(test);
+                expect(found).toEqual([
+                    {
+                        href: char + "username:[1234:5678::abcd]:",
+                        type,
+                        isLink: true,
+                        start: 0,
+                        end: test.length - 1,
+                        value: char + "username:[1234:5678::abcd]:",
+                    },
+                ]);
+            });
+        });
+        it("properly parses " + char + "_foonetic_xkcd:matrix.org", () => {
+            const test = char + "_foonetic_xkcd:matrix.org";
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: char + "_foonetic_xkcd:matrix.org",
+                    type,
+                    value: char + "_foonetic_xkcd:matrix.org",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("properly parses " + char + "localhost:foo.com", () => {
+            const test = char + "localhost:foo.com";
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: char + "localhost:foo.com",
+                    type,
+                    value: char + "localhost:foo.com",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("properly parses " + char + "foo:localhost", () => {
+            const test = char + "foo:localhost";
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:localhost",
+                    type,
+                    value: char + "foo:localhost",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("accept " + char + "foo:bar.com", () => {
+            const test = char + "foo:bar.com";
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:bar.com",
+                    type,
+                    value: char + "foo:bar.com",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("accept " + char + "foo:com (mostly for (TLD|DOMAIN)+ mixing)", () => {
+            const test = char + "foo:com";
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:com",
+                    type,
+                    value: char + "foo:com",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("accept repeated TLDs (e.g .org.uk)", () => {
+            const test = char + "foo:bar.org.uk";
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:bar.org.uk",
+                    type,
+                    value: char + "foo:bar.org.uk",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("accept hyphens in name " + char + "foo-bar:server.com", () => {
+            const test = char + "foo-bar:server.com";
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo-bar:server.com",
+                    type,
+                    value: char + "foo-bar:server.com",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("ignores trailing `:`", () => {
+            const test = char + "foo:bar.com:";
+            expect(isLinkable(test)).toEqual(false);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    type,
+                    value: char + "foo:bar.com",
+                    href: char + "foo:bar.com",
+                    start: 0,
+                    end: test.length - ":".length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("accept :NUM (port specifier)", () => {
+            const test = char + "foo:bar.com:2225";
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:bar.com:2225",
+                    type,
+                    value: char + "foo:bar.com:2225",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("ignores duplicate :NUM (double port specifier)", () => {
+            const test = char + "foo:bar.com:2225:1234";
+            expect(isLinkable(test)).toEqual(false);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:bar.com:2225",
+                    type,
+                    value: char + "foo:bar.com:2225",
+                    start: 0,
+                    end: 17,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("ignores all the trailing :", () => {
+            const test = char + "foo:bar.com::::";
+            expect(isLinkable(test)).toEqual(false);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:bar.com",
+                    type,
+                    value: char + "foo:bar.com",
+                    end: test.length - 4,
+                    start: 0,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("properly parses room alias with dots in name", () => {
+            const test = char + "foo.asdf:bar.com::::";
+            expect(isLinkable(test)).toEqual(false);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo.asdf:bar.com",
+                    type,
+                    value: char + "foo.asdf:bar.com",
+                    start: 0,
+                    end: test.length - ":".repeat(4).length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("does not parse room alias with too many separators", () => {
+            const test = char + "foo:::bar.com";
+            expect(isLinkable(test)).toEqual(false);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: "http://bar.com",
+                    type: "url",
+                    value: "bar.com",
+                    isLink: true,
+                    start: 7,
+                    end: test.length,
+                },
+            ]);
+        });
+        it("properly parses room alias with hyphen in domain part", () => {
+            const test = char + "foo:bar.com-baz.com";
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:bar.com-baz.com",
+                    type,
+                    value: char + "foo:bar.com-baz.com",
+                    end: 20,
+                    start: 0,
+                    isLink: true,
+                },
+            ]);
+        });
+    });
+
+    describe("userid plugin", () => {
+        it("allows dots in localparts", () => {
+            const test = "@test.:matrix.org";
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
+            expect(found).toEqual([
+                {
+                    href: test,
+                    type: "userid",
+                    value: test,
+                    start: 0,
+                    end: test.length,
+
+                    isLink: true,
+                },
+            ]);
+        });
+    });
+
+    describe("matrix uri", () => {
+        const acceptedMatrixUris = [
+            "matrix:u/foo_bar:server.uk",
+            "matrix:r/foo-bar:server.uk",
+            "matrix:roomid/somewhere:example.org?via=elsewhere.ca",
+            "matrix:r/somewhere:example.org",
+            "matrix:r/somewhere:example.org/e/event",
+            "matrix:roomid/somewhere:example.org/e/event?via=elsewhere.ca",
+            "matrix:u/alice:example.org?action=chat",
+        ];
+        for (const matrixUri of acceptedMatrixUris) {
+            it("accepts " + matrixUri, () => {
+                expect(isLinkable(matrixUri)).toEqual(true);
+                const found = findLinksInString(matrixUri);
+                expect(found).toEqual([
+                    {
+                        href: matrixUri,
+                        type: LinkifyMatrixOpaqueIdType.URL,
+                        value: matrixUri,
+                        end: matrixUri.length,
+                        start: 0,
+                        isLink: true,
+                    },
+                ]);
+            });
+        }
+    });
+
+    describe("matrix-prefixed domains", () => {
+        const acceptedDomains = ["matrix.org", "matrix.to", "matrix-help.org", "matrix123.org"];
+        for (const domain of acceptedDomains) {
+            it("accepts " + domain, () => {
+                expect(isLinkable(domain)).toEqual(true);
+                const found = findLinksInString(domain);
+                expect(found).toEqual([
+                    {
+                        href: `http://${domain}`,
+                        type: LinkifyMatrixOpaqueIdType.URL,
+                        value: domain,
+                        end: domain.length,
+                        start: 0,
+                        isLink: true,
+                    },
+                ]);
+            });
+        }
+    });
+    describe("linkifyHtml", () => {
+        it("removes any existing data-linkified", () => {
+            expect(
+                linkifyHtml("<span data-linkfied><a data-linkfied href='evil://com'>evil.com</a></span>"),
+            ).toMatchInlineSnapshot(
+                `"<span data-linkfied=""><a data-linkfied="" href="evil://com">evil.com</a></span>"`,
+            );
+        });
+    });
+});
diff --git a/packages/shared-components/src/core/utils/linkify.ts b/packages/shared-components/src/core/utils/linkify.ts
new file mode 100644
index 00000000000..d41cb1b1d81
--- /dev/null
+++ b/packages/shared-components/src/core/utils/linkify.ts
@@ -0,0 +1,310 @@
+/*
+ * 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 * as linkifyjs from "linkifyjs";
+import { default as linkifyString } from "linkify-string"; // Only exported by this file, but imported for jsdoc.
+import { default as linkifyHtml } from "linkify-html"; // Only exported by this file, but imported for jsdoc.
+
+/**
+ * This file describes common linkify configuration settings such as supported protocols.
+ * The instance of "linkifyjs" is the canonical instance that all dependant apps should use.
+ *
+ * Plugins should be configured inside this file exclusively so as to avoid contamination of
+ * the global state.
+ */
+
+/**
+ * List of supported protocols natively by linkify. Kept in sync with upstreanm.
+ * @see https://github.com/nfrasser/linkifyjs/blob/main/packages/linkifyjs/src/scanner.mjs#L171-L177
+ */
+export const LinkifySupportedProtocols = ["file", "mailto", "http", "https", "ftp", "ftps"];
+
+/**
+ * Protocols that do not require a slash in the URL.
+ */
+export const LinkifyOptionalSlashProtocols = [
+    "bitcoin",
+    "geo",
+    "im",
+    "magnet",
+    "mailto",
+    "matrix",
+    "news",
+    "openpgp4fpr",
+    "sip",
+    "sms",
+    "smsto",
+    "tel",
+    "urn",
+    "xmpp",
+];
+
+/**
+ * URL schemes that are safe to be resolved by the app consuming the library.
+ */
+export const PERMITTED_URL_SCHEMES = [...LinkifySupportedProtocols, ...LinkifyOptionalSlashProtocols];
+
+export enum LinkifyMatrixOpaqueIdType {
+    URL = "url",
+    UserId = "userid",
+    RoomAlias = "roomalias",
+}
+
+/**
+ * Plugin function for linkifyjs to find Matrix Room or User IDs.
+ *
+ * Should be used exclusively by a `registerPlugin` function call.
+ */
+function parseOpaqueIdsToMatrixIds({
+    scanner,
+    parser,
+    token,
+    name,
+}: {
+    scanner: linkifyjs.ScannerInit;
+    parser: linkifyjs.ParserInit;
+    token: "#" | "@";
+    name: LinkifyMatrixOpaqueIdType;
+}): void {
+    const {
+        DOT,
+        // IPV4 necessity
+        NUM,
+        COLON,
+        SYM,
+        SLASH,
+        EQUALS,
+        HYPHEN,
+        UNDERSCORE,
+    } = scanner.tokens;
+
+    // Contains NUM, WORD, UWORD, EMOJI, TLD, UTLD, SCHEME, SLASH_SCHEME and LOCALHOST plus custom protocols (e.g. "matrix")
+    const { domain } = scanner.tokens.groups;
+
+    // Tokens we need that are not contained in the domain group
+    const additionalLocalpartTokens = [DOT, SYM, SLASH, EQUALS, UNDERSCORE, HYPHEN];
+    const additionalDomainpartTokens = [HYPHEN];
+
+    const matrixToken = linkifyjs.createTokenClass(name, { isLink: true });
+    const matrixTokenState = new linkifyjs.State(matrixToken) as any as linkifyjs.State<linkifyjs.MultiToken>; // linkify doesn't appear to type this correctly
+
+    const matrixTokenWithPort = linkifyjs.createTokenClass(name, { isLink: true });
+    const matrixTokenWithPortState = new linkifyjs.State(
+        matrixTokenWithPort,
+    ) as any as linkifyjs.State<linkifyjs.MultiToken>; // linkify doesn't appear to type this correctly
+
+    const initialState = parser.start.tt(token);
+
+    // Localpart
+    const localpartState = new linkifyjs.State<linkifyjs.MultiToken>();
+    initialState.ta(domain, localpartState);
+    initialState.ta(additionalLocalpartTokens, localpartState);
+    localpartState.ta(domain, localpartState);
+    localpartState.ta(additionalLocalpartTokens, localpartState);
+
+    // Domainpart
+    const domainStateDot = localpartState.tt(COLON);
+    domainStateDot.ta(domain, matrixTokenState);
+    domainStateDot.ta(additionalDomainpartTokens, matrixTokenState);
+    matrixTokenState.ta(domain, matrixTokenState);
+    matrixTokenState.ta(additionalDomainpartTokens, matrixTokenState);
+    matrixTokenState.tt(DOT, domainStateDot);
+
+    // Port suffixes
+    matrixTokenState.tt(COLON).tt(NUM, matrixTokenWithPortState);
+}
+
+export type LinkEventListener = linkifyjs.EventListeners;
+
+export interface LinkedTextOptions {
+    /**
+     * Event handlers for URL links.
+     */
+    urlListener?: (href: string) => LinkEventListener;
+    /**
+     * Event handlers for room alias links.
+     */
+    roomAliasListener?: (href: string) => LinkEventListener;
+    /**
+     * Event handlers for user ID links.
+     */
+    userIdListener?: (href: string) => LinkEventListener;
+    /**
+     * Function that can be used to transform the `target` attribute on links, depending on the `href`.
+     */
+    urlTargetTransformer?: (href: string) => string;
+    /**
+     * Function that can be used to transform the `href` attribute on links, depending on the current href and target type.
+     */
+    hrefTransformer?: (href: string, target: LinkifyMatrixOpaqueIdType) => string;
+    /**
+     * Function called before all listeners when a link is clicked.
+     */
+    onLinkClick?: (ev: MouseEvent) => void;
+}
+
+/**
+ * Generates a linkifyjs options object that is reasonably paired down
+ * to just the essentials required for an Element client.
+ *
+ * @returns A `linkifyjs` `Opts` object. Used by `linkifyString` and `linkifyHtml
+ * @see {@link linkifyHtml}
+ * @see {@link linkifyString}
+ */
+export function generateLinkedTextOptions({
+    urlListener,
+    roomAliasListener,
+    userIdListener,
+    urlTargetTransformer,
+    hrefTransformer,
+    onLinkClick,
+}: LinkedTextOptions): linkifyjs.Opts {
+    const events = (href: string, type: string): LinkEventListener => {
+        switch (type as LinkifyMatrixOpaqueIdType) {
+            case LinkifyMatrixOpaqueIdType.URL: {
+                if (urlListener) {
+                    return urlListener(href);
+                }
+                break;
+            }
+            case LinkifyMatrixOpaqueIdType.UserId:
+                if (userIdListener) {
+                    return userIdListener(href);
+                }
+                break;
+            case LinkifyMatrixOpaqueIdType.RoomAlias:
+                if (roomAliasListener) {
+                    return roomAliasListener(href);
+                }
+                break;
+        }
+
+        return {};
+    };
+
+    const attributes = (href: string, type: string): Record<string, unknown> => {
+        const attrs: Record<string, unknown> = {
+            [`data-${LINKIFIED_DATA_ATTRIBUTE}`]: "true",
+        };
+        // linkify-react doesn't respect `events` and needs it mapping to React attributes
+        // so we need to manually add the click handler to the attributes
+        // https://linkify.js.org/docs/linkify-react.html#events
+        const options = events(href, type);
+        if (options?.click) {
+            attrs.onClick = options.click;
+        }
+        if (onLinkClick) {
+            attrs.onClick = (ev: MouseEvent) => {
+                onLinkClick(ev);
+                options?.click?.(ev);
+            };
+        }
+
+        return attrs;
+    };
+
+    return {
+        rel: "noreferrer noopener",
+        ignoreTags: ["a", "pre", "code"],
+        defaultProtocol: "https",
+        events,
+        attributes,
+        target(href, type) {
+            if (type === LinkifyMatrixOpaqueIdType.URL && urlTargetTransformer) {
+                return urlTargetTransformer(href);
+            }
+            return "_blank";
+        },
+        ...(hrefTransformer
+            ? {
+                  formatHref: (href, type) => hrefTransformer(href, type as LinkifyMatrixOpaqueIdType),
+              }
+            : undefined),
+        // By default, ignore Matrix ID types.
+        // Other applications may implement their own version of LinkifyComponent.
+        validate: (value, type: string) =>
+            !!(type === LinkifyMatrixOpaqueIdType.UserId && userIdListener) ||
+            !!(type === LinkifyMatrixOpaqueIdType.RoomAlias && roomAliasListener) ||
+            !!(type === LinkifyMatrixOpaqueIdType.URL && URL.canParse(value)),
+    } satisfies linkifyjs.Opts;
+}
+
+/**
+ * Finds all links in a given string.
+ *
+ * @param str A string that may contain one or more strings.
+ * @returns A set of all links in the string.
+ */
+export function findLinksInString(str: string): ReturnType<typeof linkifyjs.find> {
+    return linkifyjs.find(str);
+}
+
+/**
+ * Is the provided value something that would be converted to a clickable
+ * link.
+ *
+ * E.g. 'https://matrix.org', `matrix.org` or 'example@matrix.org'
+ *
+ * @param str A string value to be tested if the entire value is linkable.
+ * @returns Whether or not the `str` value is a link.
+ * @see `PERMITTED_URL_SCHEMES` for permitted links.
+ * @see {@link linkifyjs.test}
+ */
+export function isLinkable(str: string): boolean {
+    return linkifyjs.test(str);
+}
+
+/**
+ * `data-linkified` is applied to all links generated by the linkifaction functions and `<LinkedText>`.
+ */
+export const LINKIFIED_DATA_ATTRIBUTE = "linkified";
+
+export { linkifyString, linkifyHtml };
+
+// Linkifyjs MUST be configured globally as it has no ability to be instanced seperately
+// so we ensure it's always configured the same way.
+let linkifyJSConfigured = false;
+function configureLinkifyJS(): void {
+    if (linkifyJSConfigured) {
+        return;
+    }
+    // Register plugins
+    linkifyjs.registerPlugin(LinkifyMatrixOpaqueIdType.RoomAlias, ({ scanner, parser }) => {
+        const token = scanner.tokens.POUND as "#";
+        parseOpaqueIdsToMatrixIds({
+            scanner,
+            parser,
+            token,
+            name: LinkifyMatrixOpaqueIdType.RoomAlias,
+        });
+    });
+
+    linkifyjs.registerPlugin(LinkifyMatrixOpaqueIdType.UserId, ({ scanner, parser }) => {
+        const token = scanner.tokens.AT as "@";
+        parseOpaqueIdsToMatrixIds({
+            scanner,
+            parser,
+            token,
+            name: LinkifyMatrixOpaqueIdType.UserId,
+        });
+    });
+
+    // 'mxc' is specialcased. They can be linked to
+    linkifyjs.registerCustomProtocol("mxc", false);
+
+    // Linkify supports some common protocols but not others, register all permitted url schemes if unsupported
+    // https://github.com/nfrasser/linkifyjs/blob/main/packages/linkifyjs/src/scanner.mjs#L171-L177
+    // This also handles registering the `matrix:` protocol scheme
+    PERMITTED_URL_SCHEMES.forEach((scheme) => {
+        if (!LinkifySupportedProtocols.includes(scheme)) {
+            linkifyjs.registerCustomProtocol(scheme, LinkifyOptionalSlashProtocols.includes(scheme));
+        }
+    });
+    linkifyJSConfigured = true;
+}
+
+configureLinkifyJS();
diff --git a/packages/shared-components/src/core/utils/numbers.stories.tsx b/packages/shared-components/src/core/utils/numbers.stories.tsx
new file mode 100644
index 00000000000..b1ee55b22d7
--- /dev/null
+++ b/packages/shared-components/src/core/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: "Core/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/core/utils/numbers.test.ts b/packages/shared-components/src/core/utils/numbers.test.ts
new file mode 100644
index 00000000000..7fa75cb81f3
--- /dev/null
+++ b/packages/shared-components/src/core/utils/numbers.test.ts
@@ -0,0 +1,162 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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 { describe, it, expect } from "vitest";
+
+import { clamp, defaultNumber, percentageOf, percentageWithin, sum } from "./numbers";
+
+describe("numbers", () => {
+    describe("defaultNumber", () => {
+        it("should use the default when the input is not a number", () => {
+            const def = 42;
+
+            let result = defaultNumber(null, def);
+            expect(result).toBe(def);
+
+            result = defaultNumber(undefined, def);
+            expect(result).toBe(def);
+
+            result = defaultNumber(Number.NaN, def);
+            expect(result).toBe(def);
+        });
+
+        it("should use the number when it is a number", () => {
+            const input = 24;
+            const def = 42;
+            const result = defaultNumber(input, def);
+            expect(result).toBe(input);
+        });
+    });
+
+    describe("clamp", () => {
+        it("should clamp high numbers", () => {
+            const input = 101;
+            const min = 0;
+            const max = 100;
+            const result = clamp(input, min, max);
+            expect(result).toBe(max);
+        });
+
+        it("should clamp low numbers", () => {
+            const input = -1;
+            const min = 0;
+            const max = 100;
+            const result = clamp(input, min, max);
+            expect(result).toBe(min);
+        });
+
+        it("should not clamp numbers in range", () => {
+            const input = 50;
+            const min = 0;
+            const max = 100;
+            const result = clamp(input, min, max);
+            expect(result).toBe(input);
+        });
+
+        it("should clamp floats", () => {
+            const min = -0.1;
+            const max = +0.1;
+
+            let result = clamp(-1.2, min, max);
+            expect(result).toBe(min);
+
+            result = clamp(1.2, min, max);
+            expect(result).toBe(max);
+
+            result = clamp(0.02, min, max);
+            expect(result).toBe(0.02);
+        });
+    });
+
+    describe("sum", () => {
+        it("should sum", () => {
+            // duh
+            const result = sum(1, 2, 1, 4);
+            expect(result).toBe(8);
+        });
+    });
+
+    describe("percentageWithin", () => {
+        it("should work within 0-100", () => {
+            const result = percentageWithin(0.4, 0, 100);
+            expect(result).toBe(40);
+        });
+
+        it("should work within 0-100 when pct > 1", () => {
+            const result = percentageWithin(1.4, 0, 100);
+            expect(result).toBe(140);
+        });
+
+        it("should work within 0-100 when pct < 0", () => {
+            const result = percentageWithin(-1.4, 0, 100);
+            expect(result).toBe(-140);
+        });
+
+        it("should work with ranges other than 0-100", () => {
+            const result = percentageWithin(0.4, 10, 20);
+            expect(result).toBe(14);
+        });
+
+        it("should work with ranges other than 0-100 when pct > 1", () => {
+            const result = percentageWithin(1.4, 10, 20);
+            expect(result).toBe(24);
+        });
+
+        it("should work with ranges other than 0-100 when pct < 0", () => {
+            const result = percentageWithin(-1.4, 10, 20);
+            expect(result).toBe(-4);
+        });
+
+        it("should work with floats", () => {
+            const result = percentageWithin(0.4, 10.2, 20.4);
+            expect(result).toBe(14.28);
+        });
+    });
+
+    // These are the inverse of percentageWithin
+    describe("percentageOf", () => {
+        it("should work within 0-100", () => {
+            const result = percentageOf(40, 0, 100);
+            expect(result).toBe(0.4);
+        });
+
+        it("should work within 0-100 when val > 100", () => {
+            const result = percentageOf(140, 0, 100);
+            expect(result).toBe(1.4);
+        });
+
+        it("should work within 0-100 when val < 0", () => {
+            const result = percentageOf(-140, 0, 100);
+            expect(result).toBe(-1.4);
+        });
+
+        it("should work with ranges other than 0-100", () => {
+            const result = percentageOf(14, 10, 20);
+            expect(result).toBe(0.4);
+        });
+
+        it("should work with ranges other than 0-100 when val > 100", () => {
+            const result = percentageOf(24, 10, 20);
+            expect(result).toBe(1.4);
+        });
+
+        it("should work with ranges other than 0-100 when val < 0", () => {
+            const result = percentageOf(-4, 10, 20);
+            expect(result).toBe(-1.4);
+        });
+
+        it("should work with floats", () => {
+            const result = percentageOf(14.28, 10.2, 20.4);
+            expect(result).toBe(0.4);
+        });
+
+        it("should return 0 for values that cause a division by zero", () => {
+            expect(percentageOf(0, 0, 0)).toBe(0);
+        });
+    });
+});
diff --git a/packages/shared-components/src/core/utils/numbers.ts b/packages/shared-components/src/core/utils/numbers.ts
new file mode 100644
index 00000000000..87e5ced83ff
--- /dev/null
+++ b/packages/shared-components/src/core/utils/numbers.ts
@@ -0,0 +1,35 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 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.
+*/
+
+/**
+ * Returns the default number if the given value, i, is not a number. Otherwise
+ * returns the given value.
+ * @param {*} i The value to check.
+ * @param {number} def The default value.
+ * @returns {number} Either the value or the default value, whichever is a number.
+ */
+export function defaultNumber(i: unknown, def: number): number {
+    return Number.isFinite(i) ? Number(i) : def;
+}
+
+export function clamp(i: number, min: number, max: number): number {
+    return Math.min(Math.max(i, min), max);
+}
+
+export function sum(...i: number[]): number {
+    return [...i].reduce((p, c) => c + p, 0);
+}
+
+export function percentageWithin(pct: number, min: number, max: number): number {
+    return pct * (max - min) + min;
+}
+
+export function percentageOf(val: number, min: number, max: number): number {
+    const percentage = (val - min) / (max - min);
+    return Number.isNaN(percentage) ? 0 : percentage;
+}
diff --git a/packages/shared-components/src/core/viewmodel/BaseViewModel.ts b/packages/shared-components/src/core/viewmodel/BaseViewModel.ts
new file mode 100644
index 00000000000..ffb961d8e07
--- /dev/null
+++ b/packages/shared-components/src/core/viewmodel/BaseViewModel.ts
@@ -0,0 +1,51 @@
+/*
+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 ViewModel } from "./ViewModel";
+import { Disposables } from "./Disposables";
+import { Snapshot } from "./Snapshot";
+import { ViewModelSubscriptions } from "./ViewModelSubscriptions";
+
+export abstract class BaseViewModel<T, P> implements ViewModel<T> {
+    protected subs: ViewModelSubscriptions;
+    protected snapshot: Snapshot<T>;
+    protected props: P;
+    protected disposables = new Disposables();
+
+    protected constructor(props: P, initialSnapshot: T) {
+        this.props = props;
+        this.subs = new ViewModelSubscriptions();
+        this.snapshot = new Snapshot(initialSnapshot, () => {
+            this.subs.emit();
+        });
+    }
+
+    public subscribe = (listener: () => void): (() => void) => {
+        return this.subs.add(listener);
+    };
+
+    /**
+     * Returns the current snapshot of the view model.
+     */
+    public getSnapshot = (): T => {
+        return this.snapshot.current;
+    };
+
+    /**
+     * Relinquish any resources held by this view-model.
+     */
+    public dispose(): void {
+        this.disposables.dispose();
+    }
+
+    /**
+     * Whether this view-model has been disposed.
+     */
+    public get isDisposed(): boolean {
+        return this.disposables.isDisposed;
+    }
+}
diff --git a/packages/shared-components/src/core/viewmodel/Disposables.ts b/packages/shared-components/src/core/viewmodel/Disposables.ts
new file mode 100644
index 00000000000..34934a55b77
--- /dev/null
+++ b/packages/shared-components/src/core/viewmodel/Disposables.ts
@@ -0,0 +1,70 @@
+/*
+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 { EventEmitter } from "events";
+
+/**
+ * Something that needs to be eventually disposed. This can be:
+ * - A function that does the disposing
+ * - An object containing a dispose method which does the disposing
+ */
+export type DisposableItem = { dispose: () => void } | (() => void);
+
+/**
+ * This class provides a way for the view-model to track any resource
+ * that it needs to eventually relinquish.
+ */
+export class Disposables {
+    private readonly disposables: DisposableItem[] = [];
+    private _isDisposed: boolean = false;
+
+    /**
+     * Relinquish all tracked disposable values
+     */
+    public dispose(): void {
+        if (this.isDisposed) return;
+        this._isDisposed = true;
+        for (const disposable of this.disposables) {
+            if (typeof disposable === "function") {
+                disposable();
+            } else {
+                disposable.dispose();
+            }
+        }
+    }
+
+    /**
+     * Track a value that needs to be eventually relinquished
+     */
+    public track<T extends DisposableItem>(disposable: T): T {
+        this.throwIfDisposed();
+        this.disposables.push(disposable);
+        return disposable;
+    }
+
+    /**
+     * Add an event listener that will be removed on dispose
+     */
+    public trackListener(emitter: EventEmitter, event: string | symbol, callback: (...args: unknown[]) => void): void {
+        this.throwIfDisposed();
+        emitter.on(event, callback);
+        this.track(() => {
+            emitter.off(event, callback);
+        });
+    }
+
+    private throwIfDisposed(): void {
+        if (this.isDisposed) throw new Error("Disposable is already disposed");
+    }
+
+    /**
+     * Whether this disposable has been disposed
+     */
+    public get isDisposed(): boolean {
+        return this._isDisposed;
+    }
+}
diff --git a/packages/shared-components/src/core/viewmodel/MockViewModel.ts b/packages/shared-components/src/core/viewmodel/MockViewModel.ts
new file mode 100644
index 00000000000..28a1456a5da
--- /dev/null
+++ b/packages/shared-components/src/core/viewmodel/MockViewModel.ts
@@ -0,0 +1,23 @@
+/*
+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 ViewModel } from "./ViewModel";
+
+/**
+ * A mock view model that returns a static snapshot passed in the constructor, with no updates.
+ */
+export class MockViewModel<T> implements ViewModel<T> {
+    public constructor(private snapshot: T) {}
+
+    public getSnapshot = (): T => {
+        return this.snapshot;
+    };
+
+    public subscribe(listener: () => void): () => void {
+        return () => undefined;
+    }
+}
diff --git a/packages/shared-components/src/core/viewmodel/Snapshot.ts b/packages/shared-components/src/core/viewmodel/Snapshot.ts
new file mode 100644
index 00000000000..7bff9e500b5
--- /dev/null
+++ b/packages/shared-components/src/core/viewmodel/Snapshot.ts
@@ -0,0 +1,47 @@
+/*
+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.
+*/
+
+/**
+ * This is the output of the viewmodel that the view consumes.
+ * Updating snapshot through this object will make react re-render
+ * components.
+ */
+export class Snapshot<T> {
+    public constructor(
+        private snapshot: T,
+        private emit: () => void,
+    ) {}
+
+    /**
+     * Replace current snapshot with a new snapshot value.
+     * @param snapshot New snapshot value
+     */
+    public set(snapshot: T): void {
+        this.snapshot = snapshot;
+        this.emit();
+    }
+
+    /**
+     * Update a part of the current snapshot by merging into the existing snapshot.
+     * Only emits if at least one of the merged fields has a different reference than the current value.
+     * @param snapshot A subset of the snapshot to merge into the current snapshot.
+     */
+    public merge(snapshot: Partial<T>): void {
+        const keys = Object.keys(snapshot) as Array<keyof T>;
+        const hasChanged = keys.some((key) => !Object.is(snapshot[key], this.snapshot[key]));
+        if (!hasChanged) return;
+        this.snapshot = { ...this.snapshot, ...snapshot };
+        this.emit();
+    }
+
+    /**
+     * The current value of the snapshot.
+     */
+    public get current(): T {
+        return this.snapshot;
+    }
+}
diff --git a/packages/shared-components/src/core/viewmodel/ViewModel.ts b/packages/shared-components/src/core/viewmodel/ViewModel.ts
new file mode 100644
index 00000000000..cbc19aafb95
--- /dev/null
+++ b/packages/shared-components/src/core/viewmodel/ViewModel.ts
@@ -0,0 +1,30 @@
+/*
+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 interface for a generic View Model passed to the shared components.
+ * The snapshot is of type T which is a type specifying a snapshot for the view in question.
+ */
+
+// Utility type to map all VM actions to unbound functions so that they do not have
+// to be called with the correct 'this' context. This prevents "cannot read X of undefined" bugs.
+type MapToVoidThis<T> = {
+    [K in keyof T]: T[K] extends (...args: infer A) => infer R ? (this: void, ...args: A) => R : T[K];
+};
+
+export type ViewModel<Snapshot, Actions = unknown> = {
+    /**
+     * The current snapshot of the view model.
+     */
+    getSnapshot: () => Snapshot;
+
+    /**
+     * Subscribes to changes in the view model.
+     * The listener will be called whenever the snapshot changes.
+     */
+    subscribe: (listener: () => void) => () => void;
+} & MapToVoidThis<Actions>;
diff --git a/packages/shared-components/src/core/viewmodel/ViewModelSubscriptions.ts b/packages/shared-components/src/core/viewmodel/ViewModelSubscriptions.ts
new file mode 100644
index 00000000000..a713782aecd
--- /dev/null
+++ b/packages/shared-components/src/core/viewmodel/ViewModelSubscriptions.ts
@@ -0,0 +1,34 @@
+/*
+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.
+*/
+
+/**
+ * Utility class for view models to manage subscriptions to their updates
+ */
+export class ViewModelSubscriptions {
+    private listeners = new Set<() => void>();
+
+    /**
+     * Subscribe to changes in the view model.
+     * @param listener Will be called whenever the snapshot changes.
+     * @returns A function to unsubscribe from the view model updates.
+     */
+    public add = (listener: () => void): (() => void) => {
+        this.listeners.add(listener);
+        return () => {
+            this.listeners.delete(listener);
+        };
+    };
+
+    /**
+     * Emit an update to all subscribed listeners.
+     */
+    public emit = (): void => {
+        for (const listener of this.listeners) {
+            listener();
+        }
+    };
+}
diff --git a/packages/shared-components/src/core/viewmodel/index.ts b/packages/shared-components/src/core/viewmodel/index.ts
new file mode 100644
index 00000000000..25e5ec60b88
--- /dev/null
+++ b/packages/shared-components/src/core/viewmodel/index.ts
@@ -0,0 +1,16 @@
+/*
+ * 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 * from "./BaseViewModel";
+export * from "./Disposables";
+export * from "./Snapshot";
+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/core/viewmodel/tests/Disposables.test.ts b/packages/shared-components/src/core/viewmodel/tests/Disposables.test.ts
new file mode 100644
index 00000000000..4b0cdedc11f
--- /dev/null
+++ b/packages/shared-components/src/core/viewmodel/tests/Disposables.test.ts
@@ -0,0 +1,58 @@
+/*
+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 { EventEmitter } from "events";
+import { describe, it, vi, expect } from "vitest";
+
+import { Disposables } from "..";
+
+describe("Disposable", () => {
+    it("isDisposed is true after dispose() is called", () => {
+        const disposables = new Disposables();
+        expect(disposables.isDisposed).toEqual(false);
+        disposables.dispose();
+        expect(disposables.isDisposed).toEqual(true);
+    });
+
+    it("dispose() calls the correct disposing function", () => {
+        const disposables = new Disposables();
+
+        const item1 = {
+            foo: 5,
+            dispose: vi.fn(),
+        };
+        disposables.track(item1);
+
+        const item2 = vi.fn();
+        disposables.track(item2);
+
+        disposables.dispose();
+
+        expect(item1.dispose).toHaveBeenCalledTimes(1);
+        expect(item2).toHaveBeenCalledTimes(1);
+    });
+
+    it("Throws error if acting on already disposed disposables", () => {
+        const disposables = new Disposables();
+        disposables.dispose();
+        expect(() => {
+            disposables.track(vi.fn);
+        }).toThrow();
+    });
+
+    it("Removes tracked event listeners on dispose", () => {
+        const disposables = new Disposables();
+        const emitter = new EventEmitter();
+
+        const fn = vi.fn();
+        disposables.trackListener(emitter, "FooEvent", fn);
+        emitter.emit("FooEvent");
+        expect(fn).toHaveBeenCalled();
+
+        disposables.dispose();
+        expect(emitter.listenerCount("FooEvent", fn)).toEqual(0);
+    });
+});
diff --git a/packages/shared-components/src/core/viewmodel/tests/Snapshot.test.ts b/packages/shared-components/src/core/viewmodel/tests/Snapshot.test.ts
new file mode 100644
index 00000000000..9d0301c6bee
--- /dev/null
+++ b/packages/shared-components/src/core/viewmodel/tests/Snapshot.test.ts
@@ -0,0 +1,59 @@
+/*
+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 { describe, it, vi, expect } from "vitest";
+
+import { Snapshot } from "..";
+
+interface TestSnapshot {
+    key1: string;
+    key2: number;
+    key3: boolean;
+}
+
+describe("Snapshot", () => {
+    it("should accept an initial value", () => {
+        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 = 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 }, 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 }, vi.fn());
+        snapshot.merge({ key2: 10 });
+        expect(snapshot.current).toStrictEqual({ key1: "foo", key2: 10, key3: false });
+    });
+
+    it("should not emit when merged values are unchanged", () => {
+        const emit = vi.fn();
+        const snapshot = new Snapshot<TestSnapshot>({ key1: "foo", key2: 5, key3: false }, emit);
+        snapshot.merge({ key1: "foo", key2: 5 });
+        expect(emit).not.toHaveBeenCalled();
+        expect(snapshot.current).toStrictEqual({ key1: "foo", key2: 5, key3: false });
+    });
+
+    it("should emit when at least one merged value differs", () => {
+        const emit = vi.fn();
+        const snapshot = new Snapshot<TestSnapshot>({ key1: "foo", key2: 5, key3: false }, emit);
+        snapshot.merge({ key1: "foo", key2: 10 });
+        expect(emit).toHaveBeenCalledTimes(1);
+        expect(snapshot.current).toStrictEqual({ key1: "foo", key2: 10, key3: false });
+    });
+});
diff --git a/packages/shared-components/src/core/viewmodel/tests/useCreateAutoDisposedViewModel.test.ts b/packages/shared-components/src/core/viewmodel/tests/useCreateAutoDisposedViewModel.test.ts
new file mode 100644
index 00000000000..0ff4f59d1dd
--- /dev/null
+++ b/packages/shared-components/src/core/viewmodel/tests/useCreateAutoDisposedViewModel.test.ts
@@ -0,0 +1,48 @@
+/*
+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 { renderHook } from "@test-utils";
+import { describe, it, expect } from "vitest";
+
+import { BaseViewModel } from "../BaseViewModel";
+import { useCreateAutoDisposedViewModel } from "../useCreateAutoDisposedViewModel";
+
+class TestViewModel extends BaseViewModel<{ count: number }, { initial: number }> {
+    public constructor(props: { initial: number }) {
+        super(props, { count: props.initial });
+    }
+
+    public increment(): void {
+        const newCount = this.getSnapshot().count + 1;
+        this.snapshot.set({ count: newCount });
+    }
+}
+
+describe("useAutoDisposedViewModel", () => {
+    it("should return view-model", () => {
+        const vmCreator = (): TestViewModel => new TestViewModel({ initial: 0 });
+        const { result } = renderHook(() => useCreateAutoDisposedViewModel(vmCreator));
+        const vm = result.current;
+        expect(vm).toBeInstanceOf(TestViewModel);
+        expect(vm.isDisposed).toStrictEqual(false);
+    });
+
+    it("should dispose view-model on unmount", () => {
+        const vmCreator = (): TestViewModel => new TestViewModel({ initial: 0 });
+        const { result, unmount } = renderHook(() => useCreateAutoDisposedViewModel(vmCreator));
+        const vm = result.current;
+        vm.increment();
+        unmount();
+        expect(vm.isDisposed).toStrictEqual(true);
+    });
+
+    it("should recreate view-model on react strict mode", async () => {
+        const vmCreator = (): TestViewModel => new TestViewModel({ initial: 0 });
+        const output = renderHook(() => useCreateAutoDisposedViewModel(vmCreator), { reactStrictMode: true });
+        const vm = output.result.current;
+        expect(vm.isDisposed).toStrictEqual(false);
+    });
+});
diff --git a/packages/shared-components/src/core/viewmodel/useCreateAutoDisposedViewModel.ts b/packages/shared-components/src/core/viewmodel/useCreateAutoDisposedViewModel.ts
new file mode 100644
index 00000000000..fa32ae6f4ff
--- /dev/null
+++ b/packages/shared-components/src/core/viewmodel/useCreateAutoDisposedViewModel.ts
@@ -0,0 +1,67 @@
+/*
+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 { useEffect, useState } from "react";
+
+import type { BaseViewModel } from "./BaseViewModel";
+
+type VmCreator<B extends BaseViewModel<unknown, unknown>> = () => B;
+
+/**
+ * Instantiate a view-model that gets disposed when the calling react component unmounts.
+ * In other words, this hook ties the lifecycle of a view-model to the lifecycle of a
+ * react component.
+ *
+ * @param vmCreator A function that returns a view-model instance
+ * @returns view-model instance from vmCreator
+ * @example
+ * const vm = useCreateAutoDisposedViewModel(() => new FooViewModel({prop1, prop2, ...});
+ */
+export function useCreateAutoDisposedViewModel<B extends BaseViewModel<unknown, unknown>>(vmCreator: VmCreator<B>): B {
+    /**
+     * The view-model instance may be replaced by a different instance in some scenarios.
+     * We want to be sure that whichever react component called this hook gets re-rendered
+     * when this happens, hence the state.
+     */
+    const [viewModel, setViewModel] = useState<B>(vmCreator);
+
+    /**
+     * Our intention here is to ensure that the dispose method of the view-model gets called
+     * when the component that uses this hook unmounts.
+     * We can do that by combining a useEffect cleanup with an empty dependency array.
+     */
+    useEffect(() => {
+        let toDispose = viewModel;
+
+        /**
+         * Because we use react strict mode, react will run our effects twice in dev mode to make
+         * sure that they are pure.
+         * This presents a complication - the vm instance that we created in our state initializer
+         * will get disposed on the first cleanup.
+         * So we'll recreate the view-model if it's already disposed.
+         */
+        if (viewModel.isDisposed) {
+            const newViewModel = vmCreator();
+            // Change toDispose so that we don't end up disposing the already disposed vm.
+            toDispose = newViewModel;
+            setViewModel(newViewModel);
+        }
+        return () => {
+            // Dispose the view-model when this component unmounts
+            toDispose.dispose();
+        };
+
+        /**
+         * We explicitly provide an empty dependency array as we don't expect the viewModel/viewCreator to
+         * change.
+         * Or to put it in another way, the only reason to use this hook is to create/dispose the view-model
+         * and that is something that should only happen at the start/end of the lifecycle of this component.
+         */
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+
+    return viewModel;
+}
diff --git a/packages/shared-components/src/core/viewmodel/useMockedViewModel.ts b/packages/shared-components/src/core/viewmodel/useMockedViewModel.ts
new file mode 100644
index 00000000000..dad041f1d7f
--- /dev/null
+++ b/packages/shared-components/src/core/viewmodel/useMockedViewModel.ts
@@ -0,0 +1,26 @@
+/*
+ * 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 { useMemo } from "react";
+
+import { MockViewModel } from "./MockViewModel";
+import { type ViewModel } from "./ViewModel";
+
+/**
+ * Hook helper to return a mocked view model created with the given snapshot and actions.
+ * This is useful for testing components in isolation with a mocked view model and allows to use primitive types in stories.
+ *
+ * @param snapshot
+ * @param actions
+ */
+export function useMockedViewModel<S, A>(snapshot: S, actions: A): ViewModel<S> & A {
+    return useMemo(() => {
+        const vm = new MockViewModel<S>(snapshot);
+        Object.assign(vm, actions);
+        return vm as unknown as ViewModel<S> & A;
+    }, [snapshot, actions]);
+}
diff --git a/packages/shared-components/src/core/viewmodel/useViewModel.ts b/packages/shared-components/src/core/viewmodel/useViewModel.ts
new file mode 100644
index 00000000000..ef7b8ec0daf
--- /dev/null
+++ b/packages/shared-components/src/core/viewmodel/useViewModel.ts
@@ -0,0 +1,21 @@
+/*
+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 { useSyncExternalStore } from "react";
+
+import { type ViewModel } from "./ViewModel";
+
+/**
+ * A small wrapper around useSyncExternalStore to use a view model in a shared component view
+ * @param vm The view model to use
+ * @returns The current snapshot
+ */
+export function useViewModel<T>(vm: ViewModel<T>): T {
+    // We need to pass the same getSnapshot function as getServerSnapshot as this
+    // is used when making the HTML chat export.
+    return useSyncExternalStore(vm.subscribe, vm.getSnapshot, vm.getSnapshot);
+}
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 00000000000..b763ef66642
--- /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 00000000000..9c0fcc3f402
--- /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 00000000000..c9946d52a0b
--- /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 00000000000..4cbcc5e910e
--- /dev/null
+++ b/packages/shared-components/src/crypto/SasEmoji/SasEmoji.tsx
@@ -0,0 +1,44 @@
+/*
+ * 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 "../../core/i18n/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) => (
+        // oxlint-disable-next-line react/no-array-index-key
+        <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 00000000000..8251e52ea4b
--- /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 00000000000..da977a98e0e
--- /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 00000000000..e85f735721b
--- /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="SasEmoji-module_container"
+  >
+    <div
+      class="SasEmoji-module_segment"
+    >
+      <div
+        aria-hidden="true"
+        class="SasEmoji-module_emoji"
+      >
+        🦋
+      </div>
+      <div
+        class="SasEmoji-module_label"
+      >
+        Butterfly
+      </div>
+    </div>
+    <div
+      class="SasEmoji-module_segment"
+    >
+      <div
+        aria-hidden="true"
+        class="SasEmoji-module_emoji"
+      >
+        🍄
+      </div>
+      <div
+        class="SasEmoji-module_label"
+      >
+        Mushroom
+      </div>
+    </div>
+    <div
+      class="SasEmoji-module_segment"
+    >
+      <div
+        aria-hidden="true"
+        class="SasEmoji-module_emoji"
+      >
+        ⚽
+      </div>
+      <div
+        class="SasEmoji-module_label"
+      >
+        Ball
+      </div>
+    </div>
+    <div
+      class="SasEmoji-module_segment"
+    >
+      <div
+        aria-hidden="true"
+        class="SasEmoji-module_emoji"
+      >
+        🌏
+      </div>
+      <div
+        class="SasEmoji-module_label"
+      >
+        Globe
+      </div>
+    </div>
+    <div
+      class="SasEmoji-module_segment"
+    >
+      <div
+        aria-hidden="true"
+        class="SasEmoji-module_emoji"
+      >
+        🦄
+      </div>
+      <div
+        class="SasEmoji-module_label"
+      >
+        Unicorn
+      </div>
+    </div>
+    <div
+      class="SasEmoji-module_segment"
+    >
+      <div
+        aria-hidden="true"
+        class="SasEmoji-module_emoji"
+      >
+        🚀
+      </div>
+      <div
+        class="SasEmoji-module_label"
+      >
+        Rocket
+      </div>
+    </div>
+    <div
+      class="SasEmoji-module_segment"
+    >
+      <div
+        aria-hidden="true"
+        class="SasEmoji-module_emoji"
+      >
+        🔧
+      </div>
+      <div
+        class="SasEmoji-module_label"
+      >
+        Spanner
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/packages/shared-components/src/crypto/SasEmoji/index.ts b/packages/shared-components/src/crypto/SasEmoji/index.ts
new file mode 100644
index 00000000000..5c6dc18fb7b
--- /dev/null
+++ b/packages/shared-components/src/crypto/SasEmoji/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 { SasEmoji } from "./SasEmoji.tsx";
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 00000000000..a3a2fef4980
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/cs.json
@@ -0,0 +1,289 @@
+{
+    "a11y": {
+        "seek_bar_label": "Panel posunu zvuku"
+    },
+    "action": {
+        "back": "Zpět",
+        "click": "Klikněte",
+        "close": "Zavřít",
+        "collapse": "Sbalit",
+        "delete": "Smazat",
+        "dismiss": "Zavřít",
+        "download": "Stáhnout",
+        "edit": "Upravit",
+        "explore_rooms": "Procházet místnosti",
+        "go": "Přejít",
+        "hide": "Skrýt",
+        "invite": "Pozvat",
+        "new_conversation": "Nová konverzace",
+        "new_room": "Nová místnost",
+        "new_section": "Nová sekce",
+        "new_video_room": "Nová video místnost",
+        "open_menu": "Otevřít nabídku",
+        "pause": "Pozastavit",
+        "pin": "Připnout",
+        "play": "Přehrát",
+        "react": "Reagovat",
+        "remove": "Odstranit",
+        "reply": "Odpovědět",
+        "reply_in_thread": "Odpovědět ve vlákně",
+        "retry": "Zkusit znovu",
+        "search": "Hledání",
+        "start_chat": "Zahájit konverzaci",
+        "unpin": "Odepnout",
+        "view_source": "Zobrazit zdroj"
+    },
+    "common": {
+        "attachment": "Příloha",
+        "encryption_enabled": "Šifrování povoleno",
+        "loading": "Načítání…",
+        "options": "Možnosti",
+        "preferences": "Předvolby",
+        "state_encryption_enabled": "Experimentální šifrování stavu povoleno"
+    },
+    "devtools": {
+        "toggle_event": "přepnout událost"
+    },
+    "keyboard": {
+        "shift": "Shift"
+    },
+    "left_panel": {
+        "open_dial_pad": "Otevřít číselník",
+        "separator_label": "Kliknutím nebo přetažením rozbalíte"
+    },
+    "menus": {
+        "user_menu": {
+            "create_an_account": "Vytvořit účet",
+            "got_an_account": "Máte účet?",
+            "manage_account": "Spravovat účet",
+            "sign_in": "Přihlásit se",
+            "title": "Uživatelská nabídka"
+        }
+    },
+    "notifications": {
+        "all_messages": "Všechny zprávy",
+        "default_settings": "Shoda s výchozím nastavením",
+        "mentions_keywords": "Zmínky a klíčová slova",
+        "mute_room": "Ztlumit místnost"
+    },
+    "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"
+        },
+        "jump_to_date": "Přejít na datum",
+        "jump_to_date_beginning": "Začátek místnosti",
+        "jump_to_date_prompt": "Vyberte datum, na které chcete přejít",
+        "pinned_message_badge": "Připnutá zpráva",
+        "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": {
+        "a11y": {
+            "default": "Otevřít místnost %(roomName)s",
+            "invitation": "Otevřít pozvánku do místnosti %(roomName)s.",
+            "mention": {
+                "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 zmínkami."
+            },
+            "unread": {
+                "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."
+            },
+            "unsent_message": "Otevřít místnost %(roomName)s s neodeslanou zprávou.",
+            "video_call": "Otevřete místnost %(roomName)s prostřednictvím videohovoru.",
+            "voice_call": "Otevřete místnost %(roomName)s pomocí hlasového hovoru."
+        },
+        "appearance": "Vzhled",
+        "chat_moved": "Chat byl přesunut",
+        "collapse_all_sections": "Sbalit všechny sekce",
+        "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 napíšete zprávu",
+            "no_invites": "Nemáte žádné nepřečtené pozvánky",
+            "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 ostatní 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_all_sections": "Rozbalit všechny sekce",
+        "expand_filters": "Rozbalit seznam filtrů",
+        "filters": {
+            "favourite": "Oblíbené",
+            "invites": "Pozvánky",
+            "low_priority": "Nízká priorita",
+            "mentions": "Zmínky",
+            "people": "Lidé",
+            "rooms": "Místnosti",
+            "unread": "Nepřečtené"
+        },
+        "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é",
+            "move_to_section": "Přejít na"
+        },
+        "notification_options": "Možnosti oznámení",
+        "open_space_menu": "Otevřít nabídku prostoru",
+        "primary_filters": "Filtry seznamu místností",
+        "room": {
+            "more_options": "Více možností"
+        },
+        "room_options": "Možnosti místnosti",
+        "section_created": "Sekce vytvořena",
+        "section_header": {
+            "edit_section": "Upravit sekci",
+            "more_options": "Další možnosti",
+            "remove_section": "Odstranit sekci",
+            "toggle": "Přepnout %(section)s sekci",
+            "toggle_unread": "Přepnout sekci %(section)s s nepřečtenými místnostmi"
+        },
+        "show_message_previews": "Zobrazit náhledy zpráv",
+        "sort": "Řadit",
+        "sort_type": {
+            "activity": "Poslední 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"
+    },
+    "threads": {
+        "error_start_thread_existing_relation": "Nelze vytvořit vlákno z události s existujícím vztahem"
+    },
+    "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": {
+        "call_tile": {
+            "declined": {
+                "call_declined": "Hovor odmítnut",
+                "call_declined_by_us": "Odmítli jste hovor"
+            },
+            "video_call_title": "Videohovor",
+            "voice_call_title": "Hlasový hovor"
+        },
+        "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á digitální identita odesílatele byla resetována",
+            "sender_unsigned_device": "Odesláno z nezabezpečeného zařízení.",
+            "unable_to_decrypt": "Nepodařilo se dešifrovat zprávu"
+        },
+        "download_action_decrypting": "Dešifrování",
+        "download_action_downloading": "Stahování",
+        "e2e_state": "Stav koncového šifrování",
+        "m.audio": {
+            "audio_player": "Audio přehrávač",
+            "error_downloading_audio": "Chyba při stahování audia",
+            "unnamed_audio": "Nepojmenovaný audio soubor"
+        },
+        "m.file": {
+            "error_invalid": "Neplatný soubor"
+        },
+        "m.room.avatar": {
+            "changed_img": "%(senderDisplayName)s změnil(a) avatar místnosti na <img/>",
+            "removed": "%(senderDisplayName)s odstranil(a) avatar místnosti."
+        },
+        "m.room.encryption": {
+            "disable_attempt": "Ignorovaný pokus o deaktivaci šifrování",
+            "disabled": "Šifrování není povoleno",
+            "enabled": "Zprávy v této místnosti jsou koncově šifrovány. Když lidé vstoupí, můžete je ověřit v jejich profilu, stačí klepnout na jejich profilový obrázek.",
+            "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 tomto chatu budou koncově šifrovány.",
+            "parameters_changed": "Některé parametry šifrování byly změněny.",
+            "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í podporováno."
+        },
+        "mab": {
+            "collapse_reply_chain": "Sbalit citace",
+            "copy_link_thread": "Kopírovat odkaz na vlákno",
+            "expand_reply_chain": "Rozbalit citace",
+            "label": "Akce zprávy",
+            "view_in_room": "Zobrazit v místnosti"
+        },
+        "message_shared_by": "%(displayName)s (%(userId)s) sdílel(a) tuto zprávu v době, kdy jste nebyli v místnosti.",
+        "message_timestamp_received_at": "Přijato: %(dateTime)s",
+        "message_timestamp_sent_at": "Odesláno: %(dateTime)s",
+        "mjolnir": {
+            "message_hidden": "Tohoto uživatele ignorujete, takže jsou jeho zprávy skryté. <a>Přesto zobrazit.</a>"
+        },
+        "pending_moderation": "Zpráva čeká na moderaci",
+        "pending_moderation_reason": "Zpráva čeká na moderaci: %(reason)s",
+        "url_preview": {
+            "close": "Zavřít náhled",
+            "open_link": "Otevřít odkaz",
+            "show_n_more": {
+                "one": "Zobrazit %(count)s další náhled",
+                "few": "Zobrazit %(count)s další náhledy",
+                "other": "Zobrazit %(count)s dalších náhledů"
+            },
+            "view_image": "Zobrazit obrázek"
+        }
+    },
+    "user_menu": {
+        "link_new_device": "Připojit nové zařízení",
+        "open_feedback": "Zpětná vazba",
+        "open_home": "Domov",
+        "open_security": "Zabezpečení a soukromí",
+        "open_settings": "Všechna nastavení"
+    },
+    "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 00000000000..7737ceb7b98
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/cy.json
@@ -0,0 +1,163 @@
+{
+    "a11y": {
+        "seek_bar_label": "Bar chwilio sain"
+    },
+    "action": {
+        "delete": "Dileu",
+        "dismiss": "Gwrthod",
+        "edit": "Golygu",
+        "explore_rooms": "Archwilio Ystafelloedd",
+        "invite": "Gwahodd",
+        "new_conversation": "Sgwrs newydd",
+        "new_room": "Ystafell newydd",
+        "new_video_room": "Ystafell fideo newydd",
+        "open_menu": "Agor dewislen",
+        "pause": "Oedi",
+        "play": "Chwarae",
+        "remove": "Tynnu",
+        "retry": "Ceisio eto",
+        "search": "Chwilio",
+        "start_chat": "Dechrau sgwrs"
+    },
+    "common": {
+        "preferences": "Dewisiadau"
+    },
+    "left_panel": {
+        "open_dial_pad": "Agor y pad deialu"
+    },
+    "notifications": {
+        "all_messages": "Pob neges",
+        "default_settings": "Cydweddu'r gosodiadau rhagosodedig",
+        "mentions_keywords": "Crybwylliadau ac allweddeiriau",
+        "mute_room": "Ystafell ddistaw"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Dewisiadau ystafell"
+        },
+        "history_visibility_badge": {
+            "private": "Dyw aelodau newydd ddim yn gweld hanes",
+            "shared": "Mae aelodau newydd yn gweld hanes",
+            "world_readable": "Gall unrhyw un weld hanes"
+        },
+        "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"
+        }
+    },
+    "room_list": {
+        "a11y": {
+            "default": "Agor ystafell %(roomName)s",
+            "invitation": "Agor gwahoddiad i ystafell %(roomName)s.",
+            "unsent_message": "Agor ystafell %(roomName)s gyda neges heb ei hanfon."
+        },
+        "appearance": "Gwedd",
+        "collapse_filters": "Cau 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 drwy anfon neges at rywun",
+            "no_invites": "Does gennych chi ddim gwahoddiadau heb eu darllen",
+            "no_mentions": "Does gennych chi ddim crybwylliadau heb eu darllen",
+            "no_people": "Does gennych chi ddim sgyrsiau uniongyrchol gydag unrhyw un eto",
+            "no_people_description": "Gallwch ddad-ddewis hidlwyr er mwyn gweld eich sgyrsiau eraill",
+            "no_rooms": "Dydych chi ddim mewn unrhyw ystafell eto",
+            "no_rooms_description": "Gallwch ddad-ddewis hidlwyr er mwyn gweld eich sgyrsiau eraill",
+            "no_unread": "Llongyfarchiadau! Does gennych chi ddim negeseuon heb eu darllen",
+            "show_activity": "Gweld yr holl weithgarwch",
+            "show_chats": "Dangos pob sgwrs"
+        },
+        "expand_filters": "Ehangu rhestr hidlo",
+        "filters": {
+            "favourite": "Ffefrynnau",
+            "invites": "Gwahoddiadau",
+            "low_priority": "Blaenoriaeth isel",
+            "mentions": "Crybwylliadau",
+            "people": "Pobl",
+            "rooms": "Ystafelloedd",
+            "unread": "Heb eu darllen"
+        },
+        "list_title": "Rhestr ystafelloedd",
+        "more_options": {
+            "copy_link": "Copïo dolen yr ystafell",
+            "favourited": "Ffafriwyd",
+            "leave_room": "Gadael yr ystafell",
+            "low_priority": "Blaenoriaeth isel",
+            "mark_read": "Marcio fel wedi'i ddarllen",
+            "mark_unread": "Marcio fel heb ei ddarllen"
+        },
+        "notification_options": "Dewisiadau hysbysu",
+        "open_space_menu": "Agor dewislen gofod",
+        "primary_filters": "Hidlau rhestr ystafelloedd",
+        "room": {
+            "more_options": "Rhagor o Ddewisiadau"
+        },
+        "room_options": "Dewisiadau Ystafelloedd",
+        "show_message_previews": "Dangos rhagolygon negeseuon",
+        "sort": "Trefnu",
+        "sort_type": {
+            "activity": "Gweithgaredd",
+            "atoz": "A-Z",
+            "unread_first": "Heb ei ddarllen yn gyntaf"
+        },
+        "space_menu": {
+            "home": "Cartref gofod",
+            "space_settings": "Gosodiadau gofod"
+        }
+    },
+    "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": {
+        "decryption_failure": {
+            "blocked": "Mae'r anfonwr wedi eich rhwystro rhag derbyn y neges hon oherwydd nad yw eich dyfais wedi'i 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 i gael mynediad at negeseuon hanesyddol",
+            "historical_event_user_not_joined": "Does gennych chi ddim mynediad i'r neges hon",
+            "sender_identity_previously_verified": "Ailosodwyd hunaniaeth ddilys yr anfonwr",
+            "sender_unsigned_device": "Wedi'i anfon o ddyfais anniogel.",
+            "unable_to_decrypt": "Methu dadgryptio'r neges"
+        },
+        "m.audio": {
+            "audio_player": "Chwaraewr sain",
+            "error_downloading_audio": "Gwall wrth llwytho i lawrsain",
+            "unnamed_audio": "Sain dienw"
+        }
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "Symud i'r chwith",
+            "move_right": "Symud i'r dde",
+            "remove": "Dileu i bawb",
+            "revoke": "Diddymu caniatâd",
+            "screenshot": "Cymryd llun",
+            "start_audio_stream": "Dechrau ffrydio sain"
+        }
+    }
+}
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 00000000000..9fa1776de59
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/da.json
@@ -0,0 +1,55 @@
+{
+    "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"
+    },
+    "notifications": {
+        "all_messages": "Alle beskeder"
+    },
+    "room_list": {
+        "collapse_filters": "Sammenfold filtreringslisten",
+        "empty": {
+            "no_people_description": "Du kan fravælge filtre for at se dine andre samtaler",
+            "no_rooms_description": "Du kan fravælge filtre, for at se dine andre samtaler"
+        },
+        "expand_filters": "Udvid filtreringslisten",
+        "filters": {
+            "favourite": "Foretrukne",
+            "invites": "Invitationer",
+            "low_priority": "Lav prioritet",
+            "mentions": "Nævnt",
+            "people": "Brugere",
+            "rooms": "Rum",
+            "unread": "Ulæste"
+        }
+    },
+    "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 00000000000..b451f510ad7
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/de_DE.json
@@ -0,0 +1,174 @@
+{
+    "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": {
+        "encryption_enabled": "Verschlüsselung aktiviert",
+        "preferences": "Einstellungen"
+    },
+    "left_panel": {
+        "open_dial_pad": "Wähltastatur öffnen"
+    },
+    "notifications": {
+        "all_messages": "All Nachrichten",
+        "mentions_keywords": "Erwähnungen und Schlüsselwörter",
+        "mute_room": "Chat stummschalten"
+    },
+    "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": {
+        "a11y": {
+            "default": "Öffne den Chat %(roomName)s",
+            "invitation": "Öffne die Chat Einladung zu %(roomName)s",
+            "mention": {
+                "one": "Öffne die Chat Einladung zu %(roomName)s mit einer Erwähnung.",
+                "other": "Öffne die Chat Einladung zu %(roomName)s mit %(count)s Erwähnungen."
+            },
+            "unread": {
+                "one": "Öffne den Chat %(roomName)s mit einer ungelesenen Nachricht.",
+                "other": "Öffne den Chat %(roomName)s mit %(count)s ungelesenen Nachrichten."
+            },
+            "unsent_message": "Öffne den Chat %(roomName)s mit einer ungesendeten Nachricht."
+        },
+        "appearance": "Darstellung",
+        "collapse_filters": "Filter Liste einklappen",
+        "empty": {
+            "no_chats": "Bisher keine Chats",
+            "no_chats_description": "Lege los, indem du jemandem schreibst oder eine Gruppe erstellst",
+            "no_chats_description_no_room_rights": "Lege los, indem du jemandem schreibst",
+            "no_invites": "Du hast keine ungelesenen Einladungen",
+            "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",
+        "filters": {
+            "favourite": "Favoriten",
+            "invites": "Einladungen",
+            "low_priority": "Niedrige Priorität",
+            "mentions": "Erwähnungen",
+            "people": "Personen",
+            "rooms": "Gruppen",
+            "unread": "Ungelesen"
+        },
+        "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"
+        },
+        "notification_options": "Benachrichtigungsoptionen",
+        "open_space_menu": "Menü für Spaces öffnen",
+        "primary_filters": "Filter für die Chatliste",
+        "room": {
+            "more_options": "Weitere Optionen"
+        },
+        "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"
+        },
+        "m.room.encryption": {
+            "disabled": "Verschlüsselung nicht aktiviert",
+            "enabled": "Nachrichten in diesem Chat sind Ende-zu-Ende-verschlüsselt. Wenn Personen beitreten, kannst du sie in ihrem Profil verifizieren, indem du auf deren Profilbild klickst.",
+            "enabled_dm": "Nachrichten hier sind Ende-zu-Ende-verschlüsselt. Verifiziere %(displayName)s in deren Profil – klicke auf deren Profilbild.",
+            "enabled_local": "Nachrichten in diesem Chat werden Ende-zu-Ende-verschlüsselt."
+        }
+    },
+    "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 00000000000..1a9693f88eb
--- /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 00000000000..d93dfba1000
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/en_EN.json
@@ -0,0 +1,360 @@
+{
+    "a11y": {
+        "seek_bar_label": "Audio seek bar"
+    },
+    "action": {
+        "back": "Back",
+        "cancel": "Cancel",
+        "click": "Click",
+        "close": "Close",
+        "collapse": "Collapse",
+        "delete": "Delete",
+        "dismiss": "Dismiss",
+        "download": "Download",
+        "edit": "Edit",
+        "explore_rooms": "Explore rooms",
+        "go": "Go",
+        "hide": "Hide",
+        "invite": "Invite",
+        "new_conversation": "New conversation",
+        "new_room": "New room",
+        "new_section": "New section",
+        "new_video_room": "New video room",
+        "open_menu": "Open menu",
+        "pause": "Pause",
+        "pin": "Pin",
+        "play": "Play",
+        "react": "React",
+        "remove": "Remove",
+        "reply": "Reply",
+        "reply_in_thread": "Reply in thread",
+        "retry": "Retry",
+        "save": "Save",
+        "search": "Search",
+        "start_chat": "Start chat",
+        "unpin": "Unpin",
+        "view_source": "View Source"
+    },
+    "common": {
+        "attachment": "Attachment",
+        "encryption_enabled": "Encryption enabled",
+        "loading": "Loading…",
+        "options": "Options",
+        "preferences": "Preferences",
+        "state_encryption_enabled": "Experimental state encryption enabled"
+    },
+    "devtools": {
+        "toggle_event": "toggle event"
+    },
+    "emoji": {
+        "categories": "Categories",
+        "category_activities": "Activities",
+        "category_animals_nature": "Animals & Nature",
+        "category_flags": "Flags",
+        "category_food_drink": "Food & Drink",
+        "category_frequently_used": "Frequently Used",
+        "category_objects": "Objects",
+        "category_smileys_people": "Smileys & People",
+        "category_symbols": "Symbols",
+        "category_travel_places": "Travel & Places",
+        "quick_reactions": "Quick Reactions"
+    },
+    "emoji_picker": {
+        "cancel_search_label": "Cancel search",
+        "emoji_picker": "Emoji picker"
+    },
+    "keyboard": {
+        "shift": "Shift"
+    },
+    "left_panel": {
+        "open_dial_pad": "Open dial pad",
+        "separator_label": "Click or drag to expand"
+    },
+    "menus": {
+        "user_menu": {
+            "clear_status": "Clear",
+            "create_an_account": "Create an account",
+            "got_an_account": "Got an account?",
+            "manage_account": "Manage account",
+            "sign_in": "Sign in",
+            "title": "User menu"
+        }
+    },
+    "notifications": {
+        "all_messages": "All messages",
+        "default_settings": "Match default settings",
+        "mentions_keywords": "Mentions and keywords",
+        "message_didnt_send": "Message didn't send. Click for info.",
+        "mute_room": "Mute room"
+    },
+    "release_announcement": {
+        "room_list_section_close": "Ok",
+        "room_list_section_description": " Group your chats into sections to keep conversations organised and easy to navigate.",
+        "room_list_section_title": "Introducing Sections"
+    },
+    "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"
+        },
+        "jump_to_date": "Jump to date",
+        "jump_to_date_beginning": "The beginning of the room",
+        "jump_to_date_prompt": "Pick a date to jump to",
+        "knock_sent": "Request to join sent",
+        "pinned_message_badge": "Pinned message",
+        "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",
+            "drag_cancelled": "Dragging cancelled",
+            "drag_end": "%(source)s was dropped on %(target)s",
+            "drag_end_after": "%(source)s was dropped after %(target)s",
+            "drag_end_before": "%(source)s was dropped before %(target)s",
+            "drag_end_original": "%(source)s returned to its original position",
+            "drag_instructions": "Press space to start or to stop dragging, arrow keys to move, and escape to cancel.",
+            "drag_over": "%(source)s is over %(target)s",
+            "drag_over_after": "%(source)s will be dropped after %(target)s",
+            "drag_over_before": "%(source)s will be dropped before %(target)s",
+            "drag_over_original": "%(source)s will return to its original position",
+            "drag_start": "Dragging %(source)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.",
+            "video_call": "Open room %(roomName)s with a video call.",
+            "voice_call": "Open room %(roomName)s with a voice call."
+        },
+        "appearance": "Appearance",
+        "chat_moved": "Chat moved",
+        "collapse_all_sections": "Collapse all sections",
+        "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_invites": "You don't have any unread invites",
+            "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_all_sections": "Expand all sections",
+        "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",
+            "move_to_section": "Move to",
+            "remove_from_section": "Remove from section"
+        },
+        "notification_options": "Notification options",
+        "open_space_menu": "Open space menu",
+        "primary_filters": "Room list filters",
+        "room": {
+            "more_options": "More Options"
+        },
+        "room_options": "Room Options",
+        "section_created": "Section created",
+        "section_header": {
+            "edit_section": "Edit section",
+            "more_options": "More options",
+            "remove_section": "Remove section",
+            "toggle": "Toggle %(section)s section",
+            "toggle_unread": "Toggle %(section)s section with unread rooms"
+        },
+        "show_message_previews": "Show message previews",
+        "sort": "Sort",
+        "sort_type": {
+            "activity": "Latest activity",
+            "atoz": "A-Z",
+            "unread_first": "Unread first"
+        },
+        "space_menu": {
+            "home": "Space home",
+            "space_settings": "Space settings"
+        },
+        "unread_messages": "Unread messages"
+    },
+    "status": {
+        "set_status": {
+            "away": "Away",
+            "be_right_back": "Be right back",
+            "choose_emoji": "Choose Emoji",
+            "custom": "Custom…",
+            "focus_time": "Focus Time",
+            "in_a_meeting": "In a meeting",
+            "on_the_road": "On the road",
+            "set_status_prompt": "What's your status?"
+        }
+    },
+    "terms": {
+        "tac_button": "Review terms and conditions"
+    },
+    "threads": {
+        "error_start_thread_existing_relation": "Can't create a thread from an event with an existing relation"
+    },
+    "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": {
+        "call_tile": {
+            "declined": {
+                "call_declined": "Call declined",
+                "call_declined_by_us": "You declined a call"
+            },
+            "ongoing": {
+                "common": {
+                    "call_started_by": "%(startedByDisplayName)s started a call",
+                    "join_button": "Join"
+                },
+                "dm": {
+                    "call_started": "Call started",
+                    "title": "Call in progress"
+                },
+                "room": {
+                    "join_count": {
+                        "one": "%(count)s joined",
+                        "other": "%(count)s joined"
+                    },
+                    "title": "Group call in progress"
+                }
+            },
+            "tombstone": {
+                "room": {
+                    "title": "Group call ended"
+                }
+            },
+            "video_call_title": "Video call",
+            "voice_call_title": "Voice call"
+        },
+        "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 digital identity was reset",
+            "sender_unsigned_device": "Sent from an insecure device.",
+            "unable_to_decrypt": "Unable to decrypt message"
+        },
+        "download_action_decrypting": "Decrypting",
+        "download_action_downloading": "Downloading",
+        "e2e_state": "State of the end-to-end encryption",
+        "m.audio": {
+            "audio_player": "Audio player",
+            "error_downloading_audio": "Error downloading audio",
+            "unnamed_audio": "Unnamed audio"
+        },
+        "m.file": {
+            "error_invalid": "Invalid file"
+        },
+        "m.room.avatar": {
+            "changed_img": "%(senderDisplayName)s changed the room avatar to<img/>",
+            "removed": "%(senderDisplayName)s removed the room avatar."
+        },
+        "m.room.encryption": {
+            "disable_attempt": "Ignored attempt to disable encryption",
+            "disabled": "Encryption not enabled",
+            "enabled": "Messages in this room are end-to-end encrypted. When people join, you can verify them in their profile, just tap on their profile picture.",
+            "enabled_dm": "Messages here are end-to-end encrypted. Verify %(displayName)s in their profile - tap on their profile picture.",
+            "enabled_local": "Messages in this chat will be end-to-end encrypted.",
+            "parameters_changed": "Some encryption parameters have been changed.",
+            "state_enabled": "Messages and state events in this room are end-to-end encrypted. When people join, you can verify them in their profile, just tap on their profile picture.",
+            "unsupported": "The encryption used by this room isn't supported."
+        },
+        "mab": {
+            "collapse_reply_chain": "Collapse quotes",
+            "copy_link_thread": "Copy link to thread",
+            "expand_reply_chain": "Expand quotes",
+            "label": "Message Actions",
+            "view_in_room": "View in room"
+        },
+        "message_shared_by": "%(displayName)s (%(userId)s) shared this message since you were not in the room when it was sent.",
+        "message_timestamp_received_at": "Received at: %(dateTime)s",
+        "message_timestamp_sent_at": "Sent at: %(dateTime)s",
+        "mjolnir": {
+            "message_hidden": "You have ignored this user, so their message is hidden.<a> Show anyways.</a>"
+        },
+        "pending_moderation": "Message pending moderation",
+        "pending_moderation_reason": "Message pending moderation: %(reason)s",
+        "url_preview": {
+            "close": "Close preview",
+            "open_link": "Open link",
+            "show_n_more": {
+                "one": "Show %(count)s other preview",
+                "other": "Show %(count)s other previews"
+            },
+            "view_image": "View image"
+        }
+    },
+    "user_menu": {
+        "link_new_device": "Link new device",
+        "open_feedback": "Feedback",
+        "open_home": "Home",
+        "open_security": "Security & Privacy",
+        "open_settings": "All settings"
+    },
+    "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 00000000000..83c74853276
--- /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 00000000000..3efb5cdeea9
--- /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 00000000000..765c51428f2
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/et.json
@@ -0,0 +1,354 @@
+{
+    "a11y": {
+        "seek_bar_label": "Heli kerimisriba"
+    },
+    "action": {
+        "back": "Tagasi",
+        "click": "Klõpsa",
+        "close": "Sulge",
+        "collapse": "Ahenda",
+        "delete": "Kustuta",
+        "dismiss": "Loobu",
+        "download": "Laadi alla",
+        "edit": "Muuda",
+        "explore_rooms": "Tutvu jututubadega",
+        "go": "Mine",
+        "hide": "Peida",
+        "invite": "Kutsu",
+        "new_conversation": "Uus vestlus",
+        "new_room": "Uus jututuba",
+        "new_section": "Uus jaotis",
+        "new_video_room": "Uus videotuba",
+        "open_menu": "Ava menüü",
+        "pause": "Peata",
+        "pin": "Tõste esile",
+        "play": "Esita",
+        "react": "Reageeri",
+        "remove": "Eemalda",
+        "reply": "Vasta",
+        "reply_in_thread": "Vasta jutulõngas",
+        "retry": "Proovi uuesti",
+        "search": "Otsing",
+        "start_chat": "Alusta vestlust",
+        "unpin": "Lõpeta esiletõstmine",
+        "view_source": "Vaata lähtekoodi"
+    },
+    "common": {
+        "attachment": "Manus",
+        "encryption_enabled": "Krüptimine on kasutusel",
+        "loading": "Laadin...",
+        "options": "Valikud",
+        "preferences": "Eelistused",
+        "state_encryption_enabled": "Katseline olekusündmuste krüptimine on kasutusel"
+    },
+    "devtools": {
+        "toggle_event": "lülita sündmus sisse/välja"
+    },
+    "emoji": {
+        "categories": "Kategooriad",
+        "category_activities": "Tegevused",
+        "category_animals_nature": "Loomad ja loodus",
+        "category_flags": "Lipud",
+        "category_food_drink": "Toit ja jook",
+        "category_frequently_used": "Enamkasutatud",
+        "category_objects": "Esemed",
+        "category_smileys_people": "Vigurnäod ja inimesed",
+        "category_symbols": "Sümbolid",
+        "category_travel_places": "Reisimine ja kohad",
+        "quick_reactions": "Reageeri lennult"
+    },
+    "emoji_picker": {
+        "cancel_search_label": "Katkesta otsing",
+        "emoji_picker": "Emojide valija"
+    },
+    "keyboard": {
+        "shift": "Shift"
+    },
+    "left_panel": {
+        "open_dial_pad": "Ava numbriklahvistik",
+        "separator_label": "Laiendamiseks klõpsa või lohista"
+    },
+    "menus": {
+        "user_menu": {
+            "clear_status": "Tühjenda",
+            "create_an_account": "Loo kasutajakonto",
+            "got_an_account": "Kas sul on kasutajakonto juba olemas?",
+            "manage_account": "Halda kasutajakontot",
+            "sign_in": "Logi sisse",
+            "title": "Kasutajamenüü"
+        }
+    },
+    "notifications": {
+        "all_messages": "Kõik sõnumid",
+        "default_settings": "Sobita vaikimisi seadistustega",
+        "mentions_keywords": "Mainimised ja märksõnad",
+        "mute_room": "Summuta jututuba"
+    },
+    "release_announcement": {
+        "room_list_section_close": "Sobib",
+        "room_list_section_description": "Võid omi vestlusi grupeerida jaotiste kaupa ning saad hoida vestlused korrastatuna ja hõlpsasti leitavatena.",
+        "room_list_section_title": "Võtame kasutusele jaotised"
+    },
+    "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"
+        },
+        "jump_to_date": "Vaata kuupäeva",
+        "jump_to_date_beginning": "Jututoa algus",
+        "jump_to_date_prompt": "Vali kuupäev, mida soovid vaadata",
+        "pinned_message_badge": "Esiletõstetud sõnum",
+        "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": {
+        "a11y": {
+            "default": "Ava jututuba: %(roomName)s",
+            "drag_cancelled": "Lohistamine on katkestatud",
+            "drag_end": "„%(source)s“ lohistati asukohta „%(target)s“",
+            "drag_end_after": "„%(source)s“ lohistati „%(target)s“ asukoha taha",
+            "drag_end_before": "„%(source)s“ lohistati „%(target)s“ asukoha ette",
+            "drag_end_original": "„%(source)s“ lohistati algsesse asukohta",
+            "drag_instructions": "Tühikuklahviga saad alustada lohistamist ja lõpetada seda. Nooleklahvid liigutavad kirjet ja Escape-nupp tühistab kogu tegevuse.",
+            "drag_over": "„%(source)s“ asub „%(target)s“ asukoha kohal",
+            "drag_over_after": "„%(source)s“ lohistatakse „%(target)s“ asukoha taha",
+            "drag_over_before": "„%(source)s“ lohistatakse „%(target)s“ asukoha ette",
+            "drag_over_original": "„%(source)s“ lohistatakse algsesse asukohta",
+            "drag_start": "Lohistan: %(source)s",
+            "invitation": "Ava %(roomName)s jututoa kutse.",
+            "mention": {
+                "one": "Ava %(roomName)s jututuba ühe lugemata mainimisega.",
+                "other": "Ava %(roomName)s jututuba %(count)s lugemata mainimisega."
+            },
+            "unread": {
+                "one": "Ava %(roomName)s jututuba ühe lugemata sõnumiga.",
+                "other": "Ava %(roomName)s jututuba %(count)s lugemata sõnumiga."
+            },
+            "unsent_message": "Ava „%(roomName)s“ jututuba saatmata sõnumiga.",
+            "video_call": "Ava %(roomName)s jututuba, kus on pooleli videokõne",
+            "voice_call": "Ava %(roomName)s jututuba, kus on pooleli häälkõne"
+        },
+        "appearance": "Välimus",
+        "chat_moved": "Vestlus on tõstetud mujale",
+        "collapse_all_sections": "Ahenda kõik jaotised",
+        "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_invites": "Sul pole lugemata kutseid",
+            "no_mentions": "Sul pole lugemata mainimisi",
+            "no_people": "Sul pole veel ühtegi otsevestlust kellegagi",
+            "no_people_description": "Kõikide oma 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_all_sections": "Laienda kõiki jaotisi",
+        "expand_filters": "Laienda filtriloendit",
+        "filters": {
+            "favourite": "Lemmikud",
+            "invites": "Kutsed",
+            "low_priority": "Vähetähtis",
+            "mentions": "Mainimised",
+            "people": "Osalejad",
+            "rooms": "Jututoad",
+            "unread": "Lugemata"
+        },
+        "list_title": "Jututubade loend",
+        "more_options": {
+            "copy_link": "Kopeeri jututoa link",
+            "favourited": "Märgitud lemmikuks",
+            "leave_room": "Lahku jututoast",
+            "low_priority": "Vähetähtis",
+            "mark_read": "Märgi loetuks",
+            "mark_unread": "Märgi mitteloetuks",
+            "move_to_section": "Tõsta teise jaotisse",
+            "remove_from_section": "Eemalda jaotisest"
+        },
+        "notification_options": "Teavituste eelistused",
+        "open_space_menu": "Ava kogukonna menüü",
+        "primary_filters": "Jututubade loendi filtrid",
+        "room": {
+            "more_options": "Täiendavad seadistused"
+        },
+        "room_options": "Jututoa valikud",
+        "section_created": "Jaotis on loodud",
+        "section_header": {
+            "edit_section": "Muuda jaotist",
+            "more_options": "Täiendavad valikud",
+            "remove_section": "Eemalda jaotis",
+            "toggle": "Lülita %(section)s jaotis sisse/välja",
+            "toggle_unread": "Lülita lugemata jututubadega %(section)s jaotis sisse/välja"
+        },
+        "show_message_previews": "Näita sõnumite eelvaateid",
+        "sort": "Järjesta",
+        "sort_type": {
+            "activity": "Viimatine aktiivsus",
+            "atoz": "Tähestiku järjekorras",
+            "unread_first": "Esmalt lugemata"
+        },
+        "space_menu": {
+            "home": "Kogukonna avaleht",
+            "space_settings": "Kogukonna seadistused"
+        },
+        "unread_messages": "Lugemata sõnumid"
+    },
+    "status": {
+        "set_status": {
+            "away": "Eemal",
+            "be_right_back": "Tulen kohe tagasi",
+            "focus_time": "Keskendumisaeg",
+            "in_a_meeting": "Koosolekul",
+            "on_the_road": "Olen liikumises",
+            "set_status_prompt": "Mis on sinu olek võrgus?"
+        }
+    },
+    "terms": {
+        "tac_button": "Vaata üle kasutustingimused"
+    },
+    "threads": {
+        "error_start_thread_existing_relation": "Jutulõnga ei saa luua sõnumist, mis juba on jutulõnga osa"
+    },
+    "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": {
+        "call_tile": {
+            "declined": {
+                "call_declined": "Osapool jättis kõnele vastamata",
+                "call_declined_by_us": "Sa jätsid kõne vastamata"
+            },
+            "ongoing": {
+                "common": {
+                    "call_started_by": "%(startedByDisplayName)s helistas",
+                    "join_button": "Liitu"
+                },
+                "dm": {
+                    "call_started": "Kõne algas",
+                    "title": "Kõne on pooleli"
+                },
+                "room": {
+                    "join_count": {
+                        "one": "%(count)s liituja",
+                        "other": "%(count)s liitujat"
+                    },
+                    "title": "Rühmakõne on pooleli"
+                }
+            },
+            "tombstone": {
+                "room": {
+                    "title": "Grupikõne on lõppenud"
+                }
+            },
+            "video_call_title": "Videokõne",
+            "voice_call_title": "Häälkõne"
+        },
+        "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"
+        },
+        "download_action_decrypting": "Dekrüptin",
+        "download_action_downloading": "Laadin alla",
+        "e2e_state": "Läbiva krüptimise olek",
+        "m.audio": {
+            "audio_player": "Meediaesitaja",
+            "error_downloading_audio": "Helifaili allalaadimine ei õnnestunud",
+            "unnamed_audio": "Nimetu helifail"
+        },
+        "m.file": {
+            "error_invalid": "Vigane fail"
+        },
+        "m.room.avatar": {
+            "changed_img": "%(senderDisplayName)s muutis jututoa uueks tunnuspildiks: <img/>",
+            "removed": "%(senderDisplayName)s eemaldas jututoa tunnuspildi."
+        },
+        "m.room.encryption": {
+            "disable_attempt": "Eirasin katset lõpetada krüptimise kasutamine",
+            "disabled": "Krüptimine ei ole kasutusel",
+            "enabled": "Sõnumid siin jututoas on läbivalt krüptitud. Kui uued kasutajad liituvad, siis klõpsides nende tunnuspilti saad neid verifitseerida.",
+            "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."
+        },
+        "mab": {
+            "collapse_reply_chain": "Peida tsiteeritud sisu",
+            "copy_link_thread": "Kopeeri jutulõnga link",
+            "expand_reply_chain": "Näita tsiteeritud sisu",
+            "label": "Tegevused sõnumitega",
+            "view_in_room": "Vaata jututoas"
+        },
+        "message_shared_by": "Kuna sa polnud sõnumi saatmise ajal jututoas, siis %(displayName)s (%(userId)s) jagas seda sõnumit sinuga.",
+        "message_timestamp_received_at": "Saabumise aeg: %(dateTime)s",
+        "message_timestamp_sent_at": "Saatmise aeg: %(dateTime)s",
+        "mjolnir": {
+            "message_hidden": "Sa eirad seda kasutajat, seega on tema sõnum peidetud. <a>Näita seda ikkagi.</a>"
+        },
+        "pending_moderation": "Sõnum on modereerimise ootel",
+        "pending_moderation_reason": "Sõnum on modereerimise ootel: %(reason)s",
+        "url_preview": {
+            "close": "Sulge eelvaade",
+            "open_link": "Ava link",
+            "show_n_more": {
+                "one": "Näita veel %(count)s muud eelvaadet",
+                "other": "Näita veel %(count)s muud eelvaadet"
+            },
+            "view_image": "Vaata pilti"
+        }
+    },
+    "user_menu": {
+        "link_new_device": "Seosta uus seade",
+        "open_feedback": "Tagasiside",
+        "open_home": "Avaleht",
+        "open_security": "Turvalisus ja privaatsus",
+        "open_settings": "Kõik seadistused"
+    },
+    "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 00000000000..0871bcdc0b4
--- /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 00000000000..f8d3acd71c6
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/fi.json
@@ -0,0 +1,41 @@
+{
+    "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"
+        }
+    },
+    "user_menu": {
+        "link_new_device": "Yhdistä uusi laite"
+    }
+}
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 00000000000..6e14dc2e2b2
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/fr.json
@@ -0,0 +1,337 @@
+{
+    "a11y": {
+        "seek_bar_label": "Barre de recherche audio"
+    },
+    "action": {
+        "back": "Retour",
+        "click": "Clic",
+        "close": "Fermer",
+        "collapse": "Réduire",
+        "delete": "Supprimer",
+        "dismiss": "Ignorer",
+        "download": "Télécharger",
+        "edit": "Modifier",
+        "explore_rooms": "Parcourir les salons",
+        "go": "C’est parti",
+        "hide": "Masquer",
+        "invite": "Inviter",
+        "new_conversation": "Nouvelle conversation",
+        "new_room": "Nouveau salon",
+        "new_section": "Nouvelle section",
+        "new_video_room": "Nouveau salon visio",
+        "open_menu": "Ouvrir le menu",
+        "pause": "Pause",
+        "pin": "Épingler",
+        "play": "Lecture",
+        "react": "Réagir",
+        "remove": "Supprimer",
+        "reply": "Répondre",
+        "reply_in_thread": "Répondre dans le fil de discussion",
+        "retry": "Réessayer",
+        "search": "Rechercher",
+        "start_chat": "Démarrer une discussion",
+        "unpin": "Désépingler",
+        "view_source": "Voir la source"
+    },
+    "common": {
+        "attachment": "Pièce jointe",
+        "encryption_enabled": "Chiffrement activé",
+        "loading": "Chargement…",
+        "options": "Options",
+        "preferences": "Préférences",
+        "state_encryption_enabled": "Chiffrement expérimental de l'état activé"
+    },
+    "devtools": {
+        "toggle_event": "afficher/masquer l’évènement"
+    },
+    "keyboard": {
+        "shift": "Maj"
+    },
+    "left_panel": {
+        "open_dial_pad": "Ouvrir le pavé de numérotation",
+        "separator_label": "Cliquez ou glissez pour agrandir"
+    },
+    "menus": {
+        "user_menu": {
+            "clear_status": "Effacer",
+            "create_an_account": "Créer un compte",
+            "got_an_account": "Tu as un compte ?",
+            "manage_account": "Gérer le compte",
+            "sign_in": "Se connecter",
+            "title": "Menu utilisateur"
+        }
+    },
+    "notifications": {
+        "all_messages": "Tous les messages",
+        "default_settings": "Correspondre aux paramètres par défaut",
+        "mentions_keywords": "Mentions et mots-clés",
+        "mute_room": "Rendre le salon muet"
+    },
+    "release_announcement": {
+        "room_list_section_close": "OK",
+        "room_list_section_description": " Regroupez vos discussions en sections afin que les conversations restent organisées et faciles à parcourir.",
+        "room_list_section_title": "Introduction des sections"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Options du salon"
+        },
+        "history_visibility_badge": {
+            "private": "Les nouveaux membres ne voient pas l'historique.",
+            "shared": "Les nouveaux membres voient l'historique",
+            "world_readable": "Tout le monde voit l'historique"
+        },
+        "jump_to_date": "Aller à la date",
+        "jump_to_date_beginning": "Le début du salon",
+        "jump_to_date_prompt": "Choisissez vers quelle date aller",
+        "pinned_message_badge": "Message épinglé",
+        "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": {
+        "a11y": {
+            "default": "Ouvrir salon %(roomName)s",
+            "drag_cancelled": "Glisser-déposer annulé",
+            "drag_end": "%(source)s a été déposé sur %(target)s",
+            "drag_end_after": "%(source)s a été déposé sur %(target)s",
+            "drag_end_before": "%(source)s a été déposé avant %(target)s",
+            "drag_end_original": "%(source)s est revenu à sa position initiale",
+            "drag_instructions": "Appuyer sur la barre Espace pour commencer ou arrêter le glisser-déposer, touches fléchées pour déplacer et Échap pour annuler.",
+            "drag_over": "%(source)s est au dessus de %(target)s",
+            "drag_over_after": "%(source)s sera déposé après %(target)s",
+            "drag_over_before": "%(source)s sera déposé avant %(target)s",
+            "drag_over_original": "%(source)s reprendra sa position initiale.",
+            "drag_start": "Glissé %(source)s",
+            "invitation": "Ouvrir l'invitation du salon %(roomName)s.",
+            "mention": {
+                "one": "Ouvrir le salon %(roomName)s avec 1 mention non lue.",
+                "other": "Ouvrir le salon %(roomName)s avec %(count)s mentions non lues."
+            },
+            "unread": {
+                "one": "Ouvrir le salon %(roomName)s avec 1 message non lu.",
+                "other": "Ouvrir le salon %(roomName)s avec %(count)s message non lus."
+            },
+            "unsent_message": "Ouvrir le salon %(roomName)s avec un message non envoyé.",
+            "video_call": "Ouvrir le salon %(roomName)s contenant un appel vidéo",
+            "voice_call": "Ouvrir le salon %(roomName)s contenant un appel vocal."
+        },
+        "appearance": "Apparence",
+        "chat_moved": "La conversation a été déplacée",
+        "collapse_all_sections": "Réduire toutes les sections",
+        "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_invites": "Vous n'avez aucune invitation non lue",
+            "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_all_sections": "Développer toutes les sections",
+        "expand_filters": "Développer la liste des filtres",
+        "filters": {
+            "favourite": "Favoris",
+            "invites": "Invitations",
+            "low_priority": "Priorité basse",
+            "mentions": "Mentions",
+            "people": "Personnes",
+            "rooms": "Salons",
+            "unread": "Non-lus"
+        },
+        "list_title": "Liste de salons",
+        "more_options": {
+            "copy_link": "Copier le lien du salon",
+            "favourited": "Ajouté aux favoris",
+            "leave_room": "Quitter le salon",
+            "low_priority": "Priorité basse",
+            "mark_read": "Marquer comme lu",
+            "mark_unread": "Marquer comme non lu",
+            "move_to_section": "Déplacer vers",
+            "remove_from_section": "Supprimer de la section"
+        },
+        "notification_options": "Paramètres de notifications",
+        "open_space_menu": "Ouvrir le menu de l’espace",
+        "primary_filters": "Filtre de la liste des salons",
+        "room": {
+            "more_options": "Plus d’options"
+        },
+        "room_options": "Options du salon",
+        "section_created": "Section créée",
+        "section_header": {
+            "edit_section": "Modifier la section",
+            "more_options": "Plus d’options",
+            "remove_section": "Supprimer la section",
+            "toggle": "Afficher/masquer la section %(section)s",
+            "toggle_unread": "Afficher ou masquer la section %(section)s avec des salons non lues"
+        },
+        "show_message_previews": "Afficher les aperçus des messages",
+        "sort": "Trier",
+        "sort_type": {
+            "activity": "Dernière activité",
+            "atoz": "A-Z",
+            "unread_first": "Non-lus en premier"
+        },
+        "space_menu": {
+            "home": "Accueil de l’espace",
+            "space_settings": "Paramètres de l'espace"
+        },
+        "unread_messages": "Messages non lus"
+    },
+    "status": {
+        "set_status": {
+            "away": "Absent",
+            "be_right_back": "Je reviens tout de suite",
+            "focus_time": "Temps de Concentration",
+            "in_a_meeting": "En réunion",
+            "on_the_road": "Sur la route",
+            "set_status_prompt": "Quel est votre statut ?"
+        }
+    },
+    "terms": {
+        "tac_button": "Voir les conditions générales"
+    },
+    "threads": {
+        "error_start_thread_existing_relation": "Impossible de créer un fil de discussion à partir d’un événement avec une relation existante"
+    },
+    "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": {
+        "call_tile": {
+            "declined": {
+                "call_declined": "Appel refusé",
+                "call_declined_by_us": "Vous avez rejeté un appel"
+            },
+            "ongoing": {
+                "common": {
+                    "call_started_by": "%(startedByDisplayName)s a démarré un appel",
+                    "join_button": "Rejoindre"
+                },
+                "dm": {
+                    "call_started": "Appel démarré",
+                    "title": "Appel en cours"
+                },
+                "room": {
+                    "join_count": {
+                        "one": "%(count)s participant",
+                        "other": "%(count)s participants"
+                    },
+                    "title": "Appel de groupe en cours"
+                }
+            },
+            "tombstone": {
+                "room": {
+                    "title": "L'appel de groupe est terminé"
+                }
+            },
+            "video_call_title": "Appel vidéo",
+            "voice_call_title": "Appel audio"
+        },
+        "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 aux messages historiques.",
+            "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 été réinitialisée",
+            "sender_unsigned_device": "Envoyé depuis un appareil non sécurisé.",
+            "unable_to_decrypt": "Impossible de déchiffrer le message"
+        },
+        "download_action_decrypting": "Déchiffrement",
+        "download_action_downloading": "Téléchargement en cours",
+        "e2e_state": "État du chiffrement de bout en bout",
+        "m.audio": {
+            "audio_player": "Lecteur audio",
+            "error_downloading_audio": "Erreur lors du téléchargement de l’audio",
+            "unnamed_audio": "Audio sans nom"
+        },
+        "m.file": {
+            "error_invalid": "Fichier invalide"
+        },
+        "m.room.avatar": {
+            "changed_img": "%(senderDisplayName)s a changé l'avatar du salon en <img/>",
+            "removed": "%(senderDisplayName)s a supprimé l'avatar du salon."
+        },
+        "m.room.encryption": {
+            "disable_attempt": "Essai de désactiver le chiffrement ignoré",
+            "disabled": "Chiffrement désactivé",
+            "enabled": "Les messages ici sont chiffrés de bout en bout. Quand les gens viennent, vous pouvez les vérifier dans leur profil, tapez simplement sur leur image de profil.",
+            "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 discussion 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."
+        },
+        "mab": {
+            "collapse_reply_chain": "Réduire les citations",
+            "copy_link_thread": "Copier le lien du fil de discussion",
+            "expand_reply_chain": "Étendre les citations",
+            "label": "Actions de message",
+            "view_in_room": "Voir dans le salon"
+        },
+        "message_shared_by": "%(displayName)s(%(userId)s ) a partagé ce message car vous n'étiez pas dans le salon lors de son envoi.",
+        "message_timestamp_received_at": "Reçu à : %(dateTime)s",
+        "message_timestamp_sent_at": "Envoyé à : %(dateTime)s",
+        "mjolnir": {
+            "message_hidden": "Vous avez ignoré cet utilisateur, son message est donc masqué. <a> Afficher quand même. </a>"
+        },
+        "pending_moderation": "Message en attente de modération",
+        "pending_moderation_reason": "Message en attente de modération : %(reason)s",
+        "url_preview": {
+            "close": "Fermer l’aperçu",
+            "open_link": "Ouvrir le lien",
+            "show_n_more": {
+                "one": "Montrer %(count)s autre preview",
+                "other": "Montrer %(count)s autres previews"
+            },
+            "view_image": "Afficher l'image"
+        }
+    },
+    "user_menu": {
+        "link_new_device": "Associer un nouvel appareil",
+        "open_feedback": "Commentaire",
+        "open_home": "Accueil",
+        "open_security": "Sécurité et confidentialité",
+        "open_settings": "Tous les paramètres"
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "Déplacer vers la gauche",
+            "move_right": "Déplacer vers la droite",
+            "remove": "Supprimer pour tout le monde",
+            "revoke": "Révoquer les autorisations",
+            "screenshot": "Prendre une photo",
+            "start_audio_stream": "Démarrer une diffusion audio"
+        }
+    }
+}
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 00000000000..2acc9ba7cad
--- /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 00000000000..8d19269362b
--- /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/hr.json b/packages/shared-components/src/i18n/strings/hr.json
new file mode 100644
index 00000000000..1514e428a0e
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/hr.json
@@ -0,0 +1,341 @@
+{
+    "a11y": {
+        "seek_bar_label": "Traka za traženje zvuka"
+    },
+    "action": {
+        "back": "Natrag",
+        "click": "Klikni",
+        "close": "Zatvori",
+        "collapse": "Sažmi",
+        "delete": "Izbriši",
+        "dismiss": "Odbaci",
+        "download": "Preuzmi",
+        "edit": "Uredi",
+        "explore_rooms": "Pretražuj sobe",
+        "go": "Idi",
+        "hide": "Sakrij",
+        "invite": "Pozovi",
+        "new_conversation": "Novi razgovor",
+        "new_room": "Nova soba",
+        "new_section": "Novi odjeljak",
+        "new_video_room": "Nova videosoba",
+        "open_menu": "Otvori izbornik",
+        "pause": "Pauziraj",
+        "pin": "Prikvači",
+        "play": "Reproduciraj",
+        "react": "Reagiraj",
+        "remove": "Ukloni",
+        "reply": "Odgovori",
+        "reply_in_thread": "Odgovori u niti",
+        "retry": "Pokušaj ponovno",
+        "search": "Pretraži",
+        "start_chat": "Započni razgovor",
+        "unpin": "Otkvači",
+        "view_source": "Prikaži izvor"
+    },
+    "common": {
+        "attachment": "Privitak",
+        "encryption_enabled": "Šifriranje je omogućeno",
+        "loading": "Učitavanje…",
+        "options": "Mogućnosti",
+        "preferences": "Osobne postavke",
+        "state_encryption_enabled": "Omogućeno je eksperimentalno šifriranje stanja"
+    },
+    "devtools": {
+        "toggle_event": "uključi/isključi događaj"
+    },
+    "keyboard": {
+        "shift": "Shift"
+    },
+    "left_panel": {
+        "open_dial_pad": "Otvori brojčanik",
+        "separator_label": "Kliknite ili povucite za proširivanje"
+    },
+    "menus": {
+        "user_menu": {
+            "clear_status": "Očisti",
+            "create_an_account": "Izradi račun",
+            "got_an_account": "Imate li račun?",
+            "manage_account": "Upravljanje računom",
+            "sign_in": "Prijava",
+            "title": "Korisnički izbornik"
+        }
+    },
+    "notifications": {
+        "all_messages": "Sve poruke",
+        "default_settings": "Uskladi zadane postavke",
+        "mentions_keywords": "Spominjanja i ključne riječi",
+        "mute_room": "Utišaj sobu"
+    },
+    "release_announcement": {
+        "room_list_section_close": "U redu",
+        "room_list_section_description": " Grupirajte svoje razgovore u odjeljke kako biste ih organizirali i olakšali navigaciju.",
+        "room_list_section_title": "Predstavljamo odjeljke"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Mogućnosti soba"
+        },
+        "history_visibility_badge": {
+            "private": "Novi članovi ne vide povijest",
+            "shared": "Novi članovi vide povijest",
+            "world_readable": "Svatko može vidjeti povijest"
+        },
+        "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",
+        "pinned_message_badge": "Prikvačena poruka",
+        "status_bar": {
+            "delete_all": "Izbriši sve",
+            "exceeded_resource_limit_description": "Za nastavak korištenja usluge obratite se administratoru usluge.",
+            "exceeded_resource_limit_title": "Vaša poruka nije poslana jer je ovaj matični poslužitelj premašio ograničenje resursa.",
+            "failed_to_create_room_title": "Nije moguće započeti razgovor s ovim korisnikom",
+            "homeserver_blocked_title": "Vaša poruka nije poslana jer je administrator blokirao ovaj matični poslužitelj.",
+            "monthly_user_limit_reached_title": "Vaša poruka nije poslana jer je ovaj matični poslužitelj dosegao mjesečno ograničenje aktivnih korisnika.",
+            "requires_consent_agreement_title": "Ne možete slati poruke dok ne pregledate i ne prihvatite naše uvjete i odredbe.",
+            "retry_all": "Pokušaj sve ponovno",
+            "select_messages_to_retry": "Možete odabrati sve ili pojedinačne poruke za ponovni pokušaj ili brisanje",
+            "server_connectivity_lost_description": "Poslane poruke bit će pohranjene dok se veza ponovno ne uspostavi.",
+            "server_connectivity_lost_title": "Izgubljena je veza s poslužiteljem.",
+            "some_messages_not_sent": "Neke od vaših poruka nisu poslane"
+        }
+    },
+    "room_list": {
+        "a11y": {
+            "default": "Otvori sobu %(roomName)s",
+            "drag_cancelled": "Povlačenje je otkazano",
+            "drag_end": "%(source)s je ispušten na %(target)s",
+            "drag_end_after": "%(source)s je ispušten nakon %(target)s",
+            "drag_end_before": "%(source)s je ispušten prije %(target)s",
+            "drag_end_original": "%(source)s se vratio u prvobitni položaj",
+            "drag_instructions": "Pritisnite razmaknicu za početak ili prekid povlačenja, tipke sa strelicama za pomicanje i Escape za otkazivanje.",
+            "drag_over": "%(source)s je iznad %(target)s",
+            "drag_over_after": "%(source)s će se ispustiti nakon %(target)s",
+            "drag_over_before": "%(source)s će se ispustiti prije %(target)s",
+            "drag_over_original": "%(source)s će se vratiti u svoj prvobitni položaj",
+            "drag_start": "Povlačenje %(source)s",
+            "invitation": "Otvorite pozivnicu za sobu %(roomName)s.",
+            "mention": {
+                "one": "Otvorite sobu %(roomName)s s jednim nepročitanim spominjanjem.",
+                "few": "Otvorite sobu %(roomName)s s %(count)s nepročitana spominjanja.",
+                "other": "Otvorite sobu %(roomName)s s %(count)s nepročitanih spominjanja."
+            },
+            "unread": {
+                "one": "Otvorite sobu %(roomName)s s jednom nepročitanom porukom.",
+                "few": "Otvorite sobu %(roomName)s s %(count)s nepročitane poruke.",
+                "other": "Otvorite sobu %(roomName)s s %(count)s nepročitanih poruka."
+            },
+            "unsent_message": "Otvorite sobu %(roomName)s s porukom koja nije poslana.",
+            "video_call": "Otvorite sobu %(roomName)s i pokrenite videopoziv.",
+            "voice_call": "Otvorite sobu %(roomName)s i pokrenite glasovni poziv."
+        },
+        "appearance": "Izgled",
+        "chat_moved": "Razgovor je premješten",
+        "collapse_all_sections": "Sažmi sve odjeljke",
+        "collapse_filters": "Sažmi popis filtara",
+        "empty": {
+            "no_chats": "Još nema razgovora",
+            "no_chats_description": "Započnite tako da nekome pošaljete poruku ili izradite sobu",
+            "no_chats_description_no_room_rights": "Započnite tako da nekome pošaljete poruku",
+            "no_invites": "Nemate nepročitanih pozivnica",
+            "no_mentions": "Nemate nepročitanih spominjanja",
+            "no_people": "Još nemate izravne razgovore ni s kim",
+            "no_people_description": "Možete poništiti odabir filtara kako biste vidjeli ostale razgovore",
+            "no_rooms": "Još niste ni u jednoj sobi",
+            "no_rooms_description": "Možete poništiti odabir filtara kako biste vidjeli ostale razgovore",
+            "no_unread": "Čestitamo! Nemate nepročitanih poruka",
+            "show_activity": "Prikaži sve aktivnosti",
+            "show_chats": "Prikaži sve razgovore"
+        },
+        "expand_all_sections": "Proširi sve odjeljke",
+        "expand_filters": "Proširi popis filtara",
+        "filters": {
+            "favourite": "Favoriti",
+            "invites": "Pozivnice",
+            "low_priority": "Niski prioritet",
+            "mentions": "Spominjanja",
+            "people": "Osobe",
+            "rooms": "Sobe",
+            "unread": "Nepročitano"
+        },
+        "list_title": "Popis soba",
+        "more_options": {
+            "copy_link": "Kopiraj poveznicu na sobu",
+            "favourited": "Označeno kao favorit",
+            "leave_room": "Napusti sobu",
+            "low_priority": "Niski prioritet",
+            "mark_read": "Označi kao pročitano",
+            "mark_unread": "Označi kao nepročitano",
+            "move_to_section": "Premjesti u",
+            "remove_from_section": "Ukloni iz odjeljka"
+        },
+        "notification_options": "Mogućnosti obavijesti",
+        "open_space_menu": "Otvori izbornik prostora",
+        "primary_filters": "Filtri popisa soba",
+        "room": {
+            "more_options": "Više mogućnosti"
+        },
+        "room_options": "Mogućnosti soba",
+        "section_created": "Odjeljak je izrađen",
+        "section_header": {
+            "edit_section": "Uredi odjeljak",
+            "more_options": "Više mogućnosti",
+            "remove_section": "Ukloni odjeljak",
+            "toggle": "Uključi/isključi odjeljak %(section)s",
+            "toggle_unread": "Uključi/isključi odjeljak %(section)s s nepročitanim sobama"
+        },
+        "show_message_previews": "Prikaži pretpreglede poruka",
+        "sort": "Razvrstaj",
+        "sort_type": {
+            "activity": "Najnovija aktivnost",
+            "atoz": "A – Z",
+            "unread_first": "Prvo nepročitano"
+        },
+        "space_menu": {
+            "home": "Početna stranica prostora",
+            "space_settings": "Postavke prostora"
+        },
+        "unread_messages": "Nepročitane poruke"
+    },
+    "status": {
+        "set_status": {
+            "away": "Odsutan/na",
+            "be_right_back": "Odmah se vraćam",
+            "focus_time": "Vrijeme za fokusiranje",
+            "in_a_meeting": "Na sastanku",
+            "on_the_road": "Na putu",
+            "set_status_prompt": "Kakav je tvoj status?"
+        }
+    },
+    "terms": {
+        "tac_button": "Pregledajte uvjete i odredbe"
+    },
+    "threads": {
+        "error_start_thread_existing_relation": "Nije moguće stvoriti nit iz događaja s postojećom povezanosti"
+    },
+    "time": {
+        "about_day_ago": "prije otprilike jednog dana",
+        "about_hour_ago": "prije otprilike sat vremena",
+        "about_minute_ago": "prije otprilike minutu",
+        "few_seconds_ago": "prije nekoliko sekunda",
+        "in_about_day": "otprilike za jedan dan",
+        "in_about_hour": "otprilike za sat vremena",
+        "in_about_minute": "otprilike za minutu",
+        "in_few_seconds": "za nekoliko sekunda",
+        "in_n_days": "%(num)s dana od sada",
+        "in_n_hours": "%(num)s sati od sada",
+        "in_n_minutes": "%(num)s minuta od sada",
+        "n_days_ago": "prije %(num)s dana",
+        "n_hours_ago": "prije %(num)s sati",
+        "n_minutes_ago": "prije %(num)s minuta"
+    },
+    "timeline": {
+        "call_tile": {
+            "declined": {
+                "call_declined": "Poziv je odbijen",
+                "call_declined_by_us": "Odbili ste poziv"
+            },
+            "ongoing": {
+                "common": {
+                    "call_started_by": "%(startedByDisplayName)s započeo/la je poziv",
+                    "join_button": "Pridruži se"
+                },
+                "dm": {
+                    "call_started": "Poziv je započeo",
+                    "title": "Poziv je u tijeku"
+                },
+                "room": {
+                    "join_count": {
+                        "one": "%(count)s se pridružio",
+                        "few": "%(count)s su se pridružila",
+                        "other": "%(count)s se pridružilo"
+                    },
+                    "title": "Grupni poziv je u tijeku"
+                }
+            },
+            "tombstone": {
+                "room": {
+                    "title": "Grupni poziv je završen"
+                }
+            },
+            "video_call_title": "Videopoziv",
+            "voice_call_title": "Glasovni poziv"
+        },
+        "decryption_failure": {
+            "blocked": "Pošiljatelj je blokirao primanje ove poruke jer vaš uređaj nije potvrđen",
+            "historical_event_no_key_backup": "Prijašnje poruke nisu dostupne na ovom uređaju",
+            "historical_event_unverified_device": "Trebate potvrditi ovaj uređaj kako biste mogli pristupiti prijašnjim porukama",
+            "historical_event_user_not_joined": "Nemate pristup ovoj poruci",
+            "sender_identity_previously_verified": "Pošiljateljev potvrđeni identitet je poništen",
+            "sender_unsigned_device": "Poslano s nesigurnog uređaja.",
+            "unable_to_decrypt": "Nije moguće dešifrirati poruku"
+        },
+        "download_action_decrypting": "Dešifriranje",
+        "download_action_downloading": "Preuzimanje",
+        "e2e_state": "Stanje sveobuhvatnog šifriranja",
+        "m.audio": {
+            "audio_player": "Reproduktor zvučnih sadržaja",
+            "error_downloading_audio": "Pogreška pri preuzimanju zvučnog zapisa",
+            "unnamed_audio": "Neimenovani zvučni zapis"
+        },
+        "m.file": {
+            "error_invalid": "Nevažeća datoteka"
+        },
+        "m.room.avatar": {
+            "changed_img": "%(senderDisplayName)s je promijenio/la avatar sobe u <img/>",
+            "removed": "%(senderDisplayName)s uklonio/la je avatar sobe."
+        },
+        "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."
+        },
+        "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_shared_by": "%(displayName)s (%(userId)s) podijelio/la je ovu poruku jer niste bili u sobi kada je poslana.",
+        "message_timestamp_received_at": "Primljeno u: %(dateTime)s",
+        "message_timestamp_sent_at": "Poslano u: %(dateTime)s",
+        "mjolnir": {
+            "message_hidden": "Ignorirali ste ovog korisnika, pa je njegova poruka skrivena.<a> Svejedno prikaži.</a>"
+        },
+        "pending_moderation": "Poruka čeka moderiranje",
+        "pending_moderation_reason": "Poruka čeka moderiranje: %(reason)s",
+        "url_preview": {
+            "close": "Zatvori pretpregled",
+            "open_link": "Otvori poveznicu",
+            "show_n_more": {
+                "one": "Prikaži %(count)s drugi pregled",
+                "few": "Prikaži %(count)s druga pregleda",
+                "other": "Prikaži %(count)s drugih pregleda"
+            },
+            "view_image": "Prikaži sliku"
+        }
+    },
+    "user_menu": {
+        "link_new_device": "Poveži novi uređaj",
+        "open_feedback": "Povratne informacije",
+        "open_home": "Početna stranica",
+        "open_security": "Sigurnost i privatnost",
+        "open_settings": "Sve postavke"
+    },
+    "widget": {
+        "context_menu": {
+            "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"
+        }
+    }
+}
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 00000000000..12ffe94bcc0
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/hu.json
@@ -0,0 +1,305 @@
+{
+    "a11y": {
+        "seek_bar_label": "Hang keresősávja"
+    },
+    "action": {
+        "back": "Vissza",
+        "click": "Kattintson",
+        "close": "Bezárás",
+        "collapse": "Összecsukás",
+        "delete": "Törlés",
+        "dismiss": "Eltüntetés",
+        "download": "Letöltés",
+        "edit": "Szerkesztés",
+        "explore_rooms": "Szobák felderítése",
+        "go": "Kezdés",
+        "hide": "Elrejtés",
+        "invite": "Meghívás",
+        "new_conversation": "Új beszélgetés",
+        "new_room": "Új szoba",
+        "new_section": "Új szakasz",
+        "new_video_room": "Új videószoba",
+        "open_menu": "Menü megnyitása",
+        "pause": "Szünet",
+        "pin": "Kitűzés",
+        "play": "Lejátszás",
+        "react": "Reakció",
+        "remove": "Eltávolítás",
+        "reply": "Válasz",
+        "reply_in_thread": "Válasz üzenetszálban",
+        "retry": "Újra",
+        "search": "Keresés",
+        "start_chat": "Csevegés indítása",
+        "unpin": "Kitűzés megszüntetése",
+        "view_source": "Forrás megjelenítése"
+    },
+    "common": {
+        "attachment": "Melléklet",
+        "encryption_enabled": "Titkosítás engedélyezve",
+        "loading": "Betöltés…",
+        "options": "Beállítások",
+        "preferences": "Beállítások",
+        "state_encryption_enabled": "Kísérleti állapottitkosítás engedélyezve"
+    },
+    "devtools": {
+        "toggle_event": "esemény be/ki"
+    },
+    "keyboard": {
+        "shift": "Shift"
+    },
+    "left_panel": {
+        "open_dial_pad": "Számlap megnyitása",
+        "separator_label": "Kattintson vagy húzza az egérrel a kibontáshoz"
+    },
+    "menus": {
+        "user_menu": {
+            "clear_status": "Törlés",
+            "create_an_account": "Fiók létrehozása",
+            "got_an_account": "Van már fiókja?",
+            "manage_account": "Fiók kezelése",
+            "sign_in": "Bejelentkezés",
+            "title": "Felhasználói menü"
+        }
+    },
+    "notifications": {
+        "all_messages": "Összes üzenet",
+        "default_settings": "Alapértelmezett beállításoknak megfelelően",
+        "mentions_keywords": "Említések és kulcsszavak",
+        "mute_room": "Szoba némítása"
+    },
+    "release_announcement": {
+        "room_list_section_close": "Rendben",
+        "room_list_section_description": " Csoportosítsa szakaszokba a csevegéseit, hogy a beszélgetések rendezettek és könnyen áttekinthetők legyenek.",
+        "room_list_section_title": "Szakaszok bemutatása"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Szobabeállítások"
+        },
+        "history_visibility_badge": {
+            "private": "Az új tagok nem látják az előzményeket",
+            "shared": "Az új tagok látják az előzményeket",
+            "world_readable": "Bárki láthatja az előzményeket"
+        },
+        "jump_to_date": "Ugrás időpontra",
+        "jump_to_date_beginning": "A szoba kezdete",
+        "jump_to_date_prompt": "Idő kiválasztása az ugráshoz",
+        "pinned_message_badge": "Kitűzött üzenet",
+        "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": {
+        "a11y": {
+            "default": "%(roomName)s szoba megnyitása",
+            "drag_cancelled": "Húzás megszakítva",
+            "drag_end": "A(z) %(source)s ide lett dobva: %(target)s",
+            "drag_end_after": "A(z) %(source)s a(z) %(target)s után lett dobva",
+            "drag_end_before": "A(z) %(source)s a(z) %(target)s elé lett dobva",
+            "drag_end_original": "A(z) %(source)s visszakerült az eredeti helyére",
+            "drag_instructions": "A húzás megkezdéséhez vagy leállításához nyomja meg a Szóköz billentyűt, a mozgatáshoz használja a nyílgombokat, a megszakításhoz pedig az Escape billentyűt.",
+            "drag_over": "A(z) %(source)s efölött van: %(target)s",
+            "drag_over_after": "A(z) %(source)s a(z) %(target)s mögé lesz dobva",
+            "drag_over_before": "A(z) %(source)s a(z) %(target)s elé lesz dobva",
+            "drag_over_original": "A(z) %(source)s visszakerül az eredeti helyére",
+            "drag_start": "A(z) %(source)s húzása",
+            "invitation": "%(roomName)s szoba meghívásának megnyitása.",
+            "mention": {
+                "one": "%(roomName)s szoba megnyitása 1 megemlítéssel.",
+                "other": "%(roomName)s szoba megnyitása %(count)s megemlítéssel."
+            },
+            "unread": {
+                "one": "%(roomName)s szoba megnyitása 1 olvasatlan üzenettel.",
+                "other": "%(roomName)s szoba megnyitása %(count)s olvasatlan üzenettel."
+            },
+            "unsent_message": "%(roomName)s szoba megnyitása elküldetlen üzenettel.",
+            "video_call": "Szoba megnyitása videóhívással itt: %(roomName)s",
+            "voice_call": "Szoba megnyitása hanghívással itt: %(roomName)s"
+        },
+        "appearance": "Megjelenítés",
+        "chat_moved": "Csevegés áthelyezve",
+        "collapse_all_sections": "Az összes szakasz összecsukása",
+        "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_invites": "Nincs olvasatlan meghívó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_all_sections": "Az összes szakasz kibontása",
+        "expand_filters": "Szűrőlista kibontása",
+        "filters": {
+            "favourite": "Kedvencek",
+            "invites": "Meghívók",
+            "low_priority": "Alacsony prioritás",
+            "mentions": "Említések",
+            "people": "Emberek",
+            "rooms": "Szobák",
+            "unread": "Olvasatlan"
+        },
+        "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",
+            "move_to_section": "Áthelyezés ide:",
+            "remove_from_section": "Eltávolítás a szakaszból"
+        },
+        "notification_options": "Értesítési beállítások",
+        "open_space_menu": "Tér menü megnyitása",
+        "primary_filters": "Szobalistaszűrők",
+        "room": {
+            "more_options": "További lehetőségek"
+        },
+        "room_options": "Szobabeállítások",
+        "section_created": "Szakasz létrehozva",
+        "section_header": {
+            "edit_section": "Szakasz szerkesztése",
+            "more_options": "További beállítások",
+            "remove_section": "Szakasz eltávolítása",
+            "toggle": "%(section)s szakasz be/ki",
+            "toggle_unread": "Olvasatlan szobákat tartalmazó %(section)s szakasz be/ki"
+        },
+        "show_message_previews": "Üzenetelőnézetek megjelenítése",
+        "sort": "Rendezés",
+        "sort_type": {
+            "activity": "Legutóbbi tevékenység",
+            "atoz": "A–Z",
+            "unread_first": "Olvasatlan elöl"
+        },
+        "space_menu": {
+            "home": "Kezdő tér",
+            "space_settings": "Térbeállítások"
+        },
+        "unread_messages": "Olvasatlan üzenetek"
+    },
+    "terms": {
+        "tac_button": "Általános Szerződési Feltételek elolvasása"
+    },
+    "threads": {
+        "error_start_thread_existing_relation": "Nem lehet üzenetszálat indítani olyan eseményről, amely már rendelkezik kapcsolattal"
+    },
+    "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": {
+        "call_tile": {
+            "declined": {
+                "call_declined": "Hívás elutasítva",
+                "call_declined_by_us": "Elutasított egy hívást"
+            },
+            "video_call_title": "Videóhívás",
+            "voice_call_title": "Hanghívás"
+        },
+        "decryption_failure": {
+            "blocked": "A feladó megakadályozta, hogy megkapja ezt az üzenetet, mert az eszköze nincs ellenőrizve.",
+            "historical_event_no_key_backup": "A korábbi üzenetek nem érhetők el ezen az eszközön",
+            "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 digitális személyazonossága alaphelyzetbe lett állítva",
+            "sender_unsigned_device": "Nem biztonságos eszközről küldve.",
+            "unable_to_decrypt": "Nem sikerült visszafejteni az üzenetet"
+        },
+        "download_action_decrypting": "Visszafejtés",
+        "download_action_downloading": "Letöltés",
+        "e2e_state": "A végpontok közti titkosítás állapota",
+        "m.audio": {
+            "audio_player": "Hanglejátszó",
+            "error_downloading_audio": "Hiba a hang letöltésekor",
+            "unnamed_audio": "Névtelen hang"
+        },
+        "m.file": {
+            "error_invalid": "Érvénytelen fájl"
+        },
+        "m.room.avatar": {
+            "changed_img": "%(senderDisplayName)s erre változtatta a szoba profilképét: <img/>",
+            "removed": "%(senderDisplayName)s törölte a szoba profilképét."
+        },
+        "m.room.encryption": {
+            "disable_attempt": "A titkosítás kikapcsolására tett kísérlet figyelmen kívül lett hagyva",
+            "disabled": "Titkosítás nincs engedélyezve",
+            "enabled": "Az ebben a szobában lévő üzenetek végpontok közti titkosítással rendelkeznek. Amikor valaki csatlakozik, akkor ellenőrizheti a profilján, csak kattintson a profilképére.",
+            "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 profilképére.",
+            "enabled_local": "Az üzenetek ebben a beszélgetésben végponti titkosítással lesznek 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 kattintson a profilképére.",
+            "unsupported": "A szobában használt titkosítás nem támogatott."
+        },
+        "mab": {
+            "collapse_reply_chain": "Idézetek összecsukása",
+            "copy_link_thread": "Hivatkozás másolása az üzenetszálba",
+            "expand_reply_chain": "Idézetek megjelenítése",
+            "label": "Üzenetműveletek",
+            "view_in_room": "Megjelenítés a szobában"
+        },
+        "message_shared_by": "%(displayName)s (%(userId)s) megosztotta ezt az üzenetet, mivel nem volt a szobában, amikor elküldték.",
+        "message_timestamp_received_at": "Érkezett: %(dateTime)s",
+        "message_timestamp_sent_at": "Elküldve: %(dateTime)s",
+        "mjolnir": {
+            "message_hidden": "Mellőzte ezt a felhasználót, így az üzenete rejtve van. <a>Megjelenítés mindenképp.</a>"
+        },
+        "pending_moderation": "Moderálásra váró üzenet",
+        "pending_moderation_reason": "Moderálásra váró üzenet: %(reason)s",
+        "url_preview": {
+            "close": "Előnézet bezárása",
+            "open_link": "Hivatkozás megnyitása",
+            "show_n_more": {
+                "one": "%(count)s további előnézet megjelenítése",
+                "other": "%(count)s további előnézet megjelenítése"
+            },
+            "view_image": "Kép megtekintése"
+        }
+    },
+    "user_menu": {
+        "link_new_device": "Új eszköz összekapcsolása",
+        "open_feedback": "Visszajelzés",
+        "open_home": "Kezdőlap",
+        "open_security": "Biztonság és adatvédelem",
+        "open_settings": "Összes beállítás"
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "Mozgatás balra",
+            "move_right": "Mozgatás jobbra",
+            "remove": "Visszavonás mindenkitől",
+            "revoke": "Jogosultságok visszavonása",
+            "screenshot": "Fénykép készítése",
+            "start_audio_stream": "Hangközvetítés indítása"
+        }
+    }
+}
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 00000000000..cb1a1432bcc
--- /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 00000000000..8db15ffcac1
--- /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 00000000000..284bb0df06c
--- /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 00000000000..523d5798c11
--- /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 00000000000..e803863efe0
--- /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 00000000000..5e7482c72a4
--- /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 00000000000..4c6b46a73bb
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/ko.json
@@ -0,0 +1,283 @@
+{
+    "a11y": {
+        "seek_bar_label": "오디오 탐색 바"
+    },
+    "action": {
+        "back": "돌아가기",
+        "click": "클릭",
+        "close": "닫기",
+        "collapse": "접기",
+        "delete": "삭제",
+        "dismiss": "버리기",
+        "download": "다운로드",
+        "edit": "편집",
+        "explore_rooms": "방 검색",
+        "go": "이동",
+        "hide": "숨기기",
+        "invite": "초대",
+        "new_conversation": "새로운 대화",
+        "new_room": "새로운 방",
+        "new_section": "새로운 섹션",
+        "new_video_room": "새로운 비디오룸",
+        "open_menu": "메뉴 열기",
+        "pause": "일시중지",
+        "pin": "고정",
+        "play": "재생",
+        "react": "리액션",
+        "remove": "제거",
+        "reply": "답장",
+        "reply_in_thread": "스레드로 답장",
+        "retry": "재시도",
+        "search": "찾기",
+        "start_chat": "채팅 시작",
+        "unpin": "고정 해제",
+        "view_source": "소스 보기"
+    },
+    "common": {
+        "attachment": "첨부 파일",
+        "encryption_enabled": "암호화 활성화됨",
+        "loading": "로딩 중…",
+        "options": "옵션",
+        "preferences": "환경설정",
+        "state_encryption_enabled": "실험적 상태 암호화가 활성화되었습니다."
+    },
+    "devtools": {
+        "toggle_event": "이벤트 토글"
+    },
+    "keyboard": {
+        "shift": "전환"
+    },
+    "left_panel": {
+        "open_dial_pad": "다이얼 패드 열기",
+        "separator_label": "클릭하거나 드래그하여 확대"
+    },
+    "menus": {
+        "user_menu": {
+            "create_an_account": "계정 만들기",
+            "got_an_account": "계정이 있으신가요?",
+            "manage_account": "계정 관리",
+            "sign_in": "로그인",
+            "title": "사용자 메뉴"
+        }
+    },
+    "notifications": {
+        "all_messages": "모든 메시지",
+        "default_settings": "기본 설정 따르기",
+        "mentions_keywords": "멘션 및 키워드",
+        "mute_room": "방 알림 끄기"
+    },
+    "room": {
+        "context_menu": {
+            "title": "채팅방 옵션"
+        },
+        "history_visibility_badge": {
+            "private": "신규 회원은 이전 기록을 볼 수 없습니다.",
+            "shared": "신규 회원은 기록을 볼 수 있습니다.",
+            "world_readable": "누구나 히스토리를 볼 수 있습니다"
+        },
+        "jump_to_date": "날짜로 이동",
+        "jump_to_date_beginning": "방의 시작 지점입니다.",
+        "jump_to_date_prompt": "이동할 날짜를 선택하세요.",
+        "pinned_message_badge": "고정된 메시지",
+        "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": {
+        "a11y": {
+            "default": "%(roomName)s 방 열기",
+            "invitation": "%(roomName)s 방 초대장 확인하기",
+            "mention": {
+                "other": "읽지 않은 언급 %(count)s개가 있는 %(roomName)s 방 열기"
+            },
+            "unread": {
+                "other": "읽지 않은 메세지 %(count)s개가 있는 %(roomName)s 방 열기"
+            },
+            "unsent_message": "전송되지 않은 메시지가 있는 %(roomName)s 방 열기",
+            "video_call": "%(roomName)s 대화방에서 영상 통화 시작",
+            "voice_call": "%(roomName)s 대화방에서 음성 통화 시작"
+        },
+        "appearance": "모양",
+        "chat_moved": "채팅이 이동되었습니다",
+        "collapse_all_sections": "모든 섹션 접기",
+        "collapse_filters": "필터 목록 접기",
+        "empty": {
+            "no_chats": "아직 채팅이 없습니다.",
+            "no_chats_description": "메시지를 보내거나 방을 만들어 활동을 시작해 보세요.",
+            "no_chats_description_no_room_rights": "메시지를 보내 대화를 시작해 보세요.",
+            "no_invites": "읽지 않은 초대장이 없습니다",
+            "no_mentions": "읽지 않은 멘션이 없습니다.",
+            "no_people": "아직 대화 중인 상대가 없습니다.",
+            "no_people_description": "다른 채팅을 확인하려면 적용된 필터를 해제해 주세요.",
+            "no_rooms": "아직 참여 중인 방이 없습니다.",
+            "no_rooms_description": "다른 채팅을 확인하려면 적용된 필터를 해제해 주세요.",
+            "no_unread": "축하합니다! 읽지 않은 메시지가 모두 확인되었습니다.",
+            "show_activity": "모든 활동 보기",
+            "show_chats": "모든 채팅 보기"
+        },
+        "expand_all_sections": "모든 섹션 펼치기",
+        "expand_filters": "필터 목록 펼치기",
+        "filters": {
+            "favourite": "즐겨찾기",
+            "invites": "초대",
+            "low_priority": "우선순위 낮음",
+            "mentions": "멘션",
+            "people": "사람",
+            "rooms": "채팅방",
+            "unread": "안 읽음"
+        },
+        "list_title": "채팅방 목록",
+        "more_options": {
+            "copy_link": "방 링크 복사",
+            "favourited": "즐겨찾기",
+            "leave_room": "방 떠나기",
+            "low_priority": "우선순위 낮음",
+            "mark_read": "읽음으로 표시",
+            "mark_unread": "읽지 않음으로 표시",
+            "move_to_section": "이동"
+        },
+        "notification_options": "알림 옵션",
+        "open_space_menu": "스페이스 메뉴 열기",
+        "primary_filters": "채팅방 목록 필터",
+        "room": {
+            "more_options": "옵션 더보기"
+        },
+        "room_options": "채팅방 옵션",
+        "section_created": "섹션 생성됨",
+        "section_header": {
+            "edit_section": "섹션 편집",
+            "more_options": "옵션 더보기",
+            "remove_section": "섹션 제거",
+            "toggle": "%(section)s 섹션 전환",
+            "toggle_unread": "읽지 않은 방이 있는 %(section)s 섹션 접기/펼치기"
+        },
+        "show_message_previews": "메시지 미리보기 표시",
+        "sort": "정렬",
+        "sort_type": {
+            "activity": "최근 활동",
+            "atoz": "A-Z",
+            "unread_first": "안읽은 글 우선"
+        },
+        "space_menu": {
+            "home": "스페이스 홈",
+            "space_settings": "스페이스 설정"
+        }
+    },
+    "terms": {
+        "tac_button": "이용 약관을 검토하세요."
+    },
+    "threads": {
+        "error_start_thread_existing_relation": "이미 관계가 설정된 항목에서는 스레드를 생성할 수 없습니다."
+    },
+    "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": {
+        "call_tile": {
+            "declined": {
+                "call_declined": "통화 거절",
+                "call_declined_by_us": "통화를 거절하셨습니다"
+            },
+            "video_call_title": "영상 통화",
+            "voice_call_title": "음성 통화"
+        },
+        "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": "메시지를 해독할 수 없습니다."
+        },
+        "download_action_decrypting": "복호화 중",
+        "download_action_downloading": "다운로드 중",
+        "e2e_state": "종단 간 암호화 현황",
+        "m.audio": {
+            "audio_player": "오디오 플레이어",
+            "error_downloading_audio": "오디오 다운로드 중 오류 발생",
+            "unnamed_audio": "이름 없는 오디오"
+        },
+        "m.file": {
+            "error_invalid": "잘못된 파일입니다."
+        },
+        "m.room.avatar": {
+            "changed_img": "%(senderDisplayName)s님이 방 아바타를 <img/>으로 변경했습니다.",
+            "removed": "%(senderDisplayName)s님이 방 아바타를 삭제했습니다."
+        },
+        "m.room.encryption": {
+            "disable_attempt": "암호화를 비활성화하려는 시도가 무시되었습니다.",
+            "disabled": "암호화가 활성화되지 않았습니다",
+            "enabled": "이 방의 메시지는 종단간 암호화로 보호됩니다. 새로운 사용자가 참여하면 프로필 사진을 탭하여 신원을 인증할 수 있습니다.",
+            "enabled_dm": "이곳의 메시지는 종단간 암호화로 보호됩니다. 프로필 사진을 탭하여 %(displayName)s 님을 인증하세요.",
+            "enabled_local": "이 채팅의 메시지는 종단간 암호화됩니다.",
+            "parameters_changed": "일부 암호화 설정이 변경되었습니다.",
+            "state_enabled": "이 방의 메시지와 상태 이벤트는 종단간 암호화로 보호됩니다. 새로운 사용자가 참여하면 프로필 사진을 탭하여 신원을 인증할 수 있습니다.",
+            "unsupported": "이 방에서 사용 중인 암호화 방식은 지원되지 않습니다."
+        },
+        "mab": {
+            "collapse_reply_chain": "인용문 접기",
+            "copy_link_thread": "스레드 링크 복사",
+            "expand_reply_chain": "인용문 펼치기",
+            "label": "메시지 작업",
+            "view_in_room": "대화방에서 보기"
+        },
+        "message_shared_by": "이 메시지가 전송될 당시 대화방에 계시지 않았기 때문에, %(displayName)s(%(userId)s)님이 이 메시지를 공유했습니다.",
+        "message_timestamp_received_at": "수신 시간: %(dateTime)s",
+        "message_timestamp_sent_at": "발송 시간: %(dateTime)s",
+        "mjolnir": {
+            "message_hidden": "이 사용자를 무시했습니다. 사용자의 메시지는 숨겨집니다. <a>무시하고 보이기.</a>"
+        },
+        "pending_moderation": "검토 대기 중인 메시지",
+        "pending_moderation_reason": "검토 대기 중인 메시지: %(reason)s",
+        "url_preview": {
+            "close": "미리보기 닫기",
+            "open_link": "링크 열기",
+            "show_n_more": {
+                "other": "외 %(count)s개의 미리보기 더 보기"
+            },
+            "view_image": "이미지 보기"
+        }
+    },
+    "user_menu": {
+        "link_new_device": "새 기기 연결",
+        "open_feedback": "피드백",
+        "open_home": "홈",
+        "open_security": "보안 및 개인정보 보호",
+        "open_settings": "모든 설정"
+    },
+    "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 00000000000..9889020efbb
--- /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 00000000000..de50724d9fc
--- /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 00000000000..5f2a3c04f12
--- /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 00000000000..7960042a967
--- /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 00000000000..ccba2331c4b
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/nb_NO.json
@@ -0,0 +1,171 @@
+{
+    "a11y": {
+        "seek_bar_label": "Søkelinje for lyd"
+    },
+    "action": {
+        "delete": "Slett",
+        "dismiss": "Avvis",
+        "edit": "Rediger",
+        "explore_rooms": "Se alle rom",
+        "invite": "Inviter",
+        "new_conversation": "Ny samtale",
+        "new_room": "Nytt rom",
+        "new_video_room": "Nytt videorom",
+        "open_menu": "Åpne meny",
+        "pause": "Sett på pause",
+        "play": "Spill av",
+        "remove": "Fjern",
+        "retry": "Prøv på nytt",
+        "search": "Søk",
+        "start_chat": "Start chat"
+    },
+    "common": {
+        "preferences": "Innstillinger"
+    },
+    "left_panel": {
+        "open_dial_pad": "Åpne nummerpanelet"
+    },
+    "notifications": {
+        "all_messages": "Alle meldinger",
+        "default_settings": "Match standardinnstillingene",
+        "mentions_keywords": "Omtaler og nøkkelord",
+        "mute_room": "Demp rommet"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Rominnstillinger"
+        },
+        "history_visibility_badge": {
+            "private": "Nye medlemmer ser ikke historikken",
+            "shared": "Nye medlemmer ser historikk",
+            "world_readable": "Alle kan se historikken"
+        },
+        "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"
+        }
+    },
+    "room_list": {
+        "a11y": {
+            "default": "Åpne rom %(roomName)s",
+            "invitation": "Invitasjon til det åpne rommet %(roomName)s.",
+            "mention": {
+                "one": "Åpent rom %(roomName)s med 1 ulest omtale.",
+                "other": "Åpne rom %(roomName)s med %(count)s uleste omtaler."
+            },
+            "unread": {
+                "one": "Åpent rom %(roomName)s med 1 ulest melding.",
+                "other": "Åpne rom %(roomName)s med %(count)s uleste meldinger."
+            },
+            "unsent_message": "Åpent rom %(roomName)s med en usendt melding."
+        },
+        "appearance": "Utseende",
+        "collapse_filters": "Skjul filterlisten",
+        "empty": {
+            "no_chats": "Ingen chat 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_invites": "Du har ingen uleste invitasjoner",
+            "no_mentions": "Du har ingen uleste omtaler",
+            "no_people": "Du har ikke direkte chatter med noen ennå",
+            "no_people_description": "Du kan fjerne filtrene for å se de andre chatene dine",
+            "no_rooms": "Du er ikke med i noen rom ennå",
+            "no_rooms_description": "Du kan fjerne filtrene for å se de andre chatene dine",
+            "no_unread": "Gratulerer! Du har ingen uleste meldinger",
+            "show_activity": "Se alle aktiviteter",
+            "show_chats": "Vis alle chatter"
+        },
+        "expand_filters": "Utvid filterlisten",
+        "filters": {
+            "favourite": "Favoritter",
+            "invites": "Invitasjoner",
+            "low_priority": "Lav prioritet",
+            "mentions": "Omtaler",
+            "people": "Personer",
+            "rooms": "Rom",
+            "unread": "Uleste"
+        },
+        "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"
+        },
+        "notification_options": "Varselsinnstillinger",
+        "open_space_menu": "Åpne Område-meny",
+        "primary_filters": "Filtre for romliste",
+        "room": {
+            "more_options": "Flere alternativer"
+        },
+        "room_options": "Rominnstillinger",
+        "show_message_previews": "Aktiver forhåndsvisning av meldinger",
+        "sort": "Sorter",
+        "sort_type": {
+            "activity": "Siste aktivitet",
+            "atoz": "A-Å",
+            "unread_first": "Ulest først"
+        },
+        "space_menu": {
+            "home": "Område hjem",
+            "space_settings": "Område-innstillinger"
+        }
+    },
+    "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": {
+        "decryption_failure": {
+            "blocked": "Avsenderen har blokkert deg fra å motta denne meldingen fordi enheten din ikke er verifisert",
+            "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 bekreftede identitet ble tilbakestilt",
+            "sender_unsigned_device": "Sendt fra en usikker enhet.",
+            "unable_to_decrypt": "Kan ikke dekryptere meldingen"
+        },
+        "m.audio": {
+            "audio_player": "Lydavspiller",
+            "error_downloading_audio": "Feil ved nedlasting av lyd",
+            "unnamed_audio": "Ikke navngitt lyd"
+        }
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "Flytt til venstre",
+            "move_right": "Flytt til høyre",
+            "remove": "Fjern for alle",
+            "revoke": "Trekk tilbake rettigheter",
+            "screenshot": "Ta et bilde",
+            "start_audio_stream": "Start lydstrøm"
+        }
+    }
+}
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 00000000000..26d4febbbcf
--- /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 00000000000..f38f092c58f
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/pl.json
@@ -0,0 +1,341 @@
+{
+    "a11y": {
+        "seek_bar_label": "Pasek wyszukiwania audio"
+    },
+    "action": {
+        "back": "Wróć",
+        "click": "Kliknij",
+        "close": "Zamknij",
+        "collapse": "Zwiń",
+        "delete": "Usuń",
+        "dismiss": "Zamknij",
+        "download": "Pobierz",
+        "edit": "Edytuj",
+        "explore_rooms": "Przeglądaj pokoje",
+        "go": "Przejdź",
+        "hide": "Ukryj",
+        "invite": "Zaproś",
+        "new_conversation": "Nowa rozmowa",
+        "new_room": "Nowy pokój",
+        "new_section": "Nowa sekcja",
+        "new_video_room": "Nowy pokój wideo",
+        "open_menu": "Otwórz menu",
+        "pause": "Wstrzymaj",
+        "pin": "Przypnij",
+        "play": "Odtwórz",
+        "react": "Dodaj reakcję",
+        "remove": "Usuń",
+        "reply": "Odpowiedz",
+        "reply_in_thread": "Odpowiedz w wątku",
+        "retry": "Ponów",
+        "search": "Szukaj",
+        "start_chat": "Rozpocznij czat",
+        "unpin": "Odepnij",
+        "view_source": "Wyświetl źródło"
+    },
+    "common": {
+        "attachment": "Załącznik",
+        "encryption_enabled": "Szyfrowanie włączone",
+        "loading": "Wczytywanie…",
+        "options": "Opcje",
+        "preferences": "Preferencje",
+        "state_encryption_enabled": "Eksperymentalne szyfrowanie włączone"
+    },
+    "devtools": {
+        "toggle_event": "przełącz zdarzenie"
+    },
+    "keyboard": {
+        "shift": "Shift"
+    },
+    "left_panel": {
+        "open_dial_pad": "Otwórz klawiaturę numeryczną",
+        "separator_label": "Kliknij lub przeciągnij, aby rozwinąć"
+    },
+    "menus": {
+        "user_menu": {
+            "clear_status": "Wyczyść",
+            "create_an_account": "Utwórz konto",
+            "got_an_account": "Masz już konto?",
+            "manage_account": "Zarządzaj kontem",
+            "sign_in": "Zaloguj się",
+            "title": "Menu użytkownika"
+        }
+    },
+    "notifications": {
+        "all_messages": "Wszystkie wiadomości",
+        "default_settings": "Dopasuj do ustawień domyślnych",
+        "mentions_keywords": "Wzmianki i słowa kluczowe",
+        "mute_room": "Wycisz pokój"
+    },
+    "release_announcement": {
+        "room_list_section_close": "Ok",
+        "room_list_section_description": "Grupuj swoje czaty w sekcje, aby zachować porządek i ułatwić nawigację.",
+        "room_list_section_title": "Przedstawiamy sekcje"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Ustawienia pokoju"
+        },
+        "history_visibility_badge": {
+            "private": "Nowi członkowie nie widzą historii",
+            "shared": "Nowi członkowie widzą historię",
+            "world_readable": "Każdy może zobaczyć historię"
+        },
+        "jump_to_date": "Przeskocz do daty",
+        "jump_to_date_beginning": "Początek pokoju",
+        "jump_to_date_prompt": "Wybierz datę, do której przeskoczyć",
+        "pinned_message_badge": "Przypięta wiadomość",
+        "status_bar": {
+            "delete_all": "Usuń wszystkie",
+            "exceeded_resource_limit_description": "Skontaktuj się ze swoim administratorem, aby móc dalej korzystać z usługi.",
+            "exceeded_resource_limit_title": "Wiadomość nie została wysłana, ponieważ serwer domowy przekroczył swój limit zasobów.",
+            "failed_to_create_room_title": "Nie udało się rozpocząć czatu z tym użytkownikiem",
+            "homeserver_blocked_title": "Wiadomość nie została wysłana, ponieważ serwer domowy został zablokowany przez swojego administratora.",
+            "monthly_user_limit_reached_title": "Wiadomość nie została wysłana, ponieważ serwer domowy osiągnął miesięczny limit aktywnych użytkowników.",
+            "requires_consent_agreement_title": "Nie możesz wysłać żadnej wiadomości, dopóki nie zapoznasz się oraz nie zaakceptujesz naszych obowiązujących zasad.",
+            "retry_all": "Ponów wszystkie",
+            "select_messages_to_retry": "Zaznacz wszystkie lub pojedyncze wiadomości do ponowienia lub usunięcia",
+            "server_connectivity_lost_description": "Wysłane wiadomości będą przechowywane aż do momentu odzyskania połączenia.",
+            "server_connectivity_lost_title": "Utracono połączenie z serwerem.",
+            "some_messages_not_sent": "Niektóre z Twoich wiadomości nie zostały wysłane"
+        }
+    },
+    "room_list": {
+        "a11y": {
+            "default": "Otwórz pokój %(roomName)s",
+            "drag_cancelled": "Przeciąganie anulowane",
+            "drag_end": "%(source)s został upuszczony na %(target)s",
+            "drag_end_after": "%(source)s został upuszczony po %(target)s",
+            "drag_end_before": "%(source)s został upuszczony przed %(target)s",
+            "drag_end_original": "%(source)s wrócił do pierwotnego położenia",
+            "drag_instructions": "Kliknij spację, aby rozpocząć przeciąganie, klawisze strzałek do poruszania się i klawisz Esc, by anulować.",
+            "drag_over": "%(source)s jest na %(target)s",
+            "drag_over_after": "%(source)s zostanie upuszczony po %(target)s",
+            "drag_over_before": "%(source)s zostanie upuszczony przed %(target)s",
+            "drag_over_original": "%(source)s wróci do pierwotnej pozycji",
+            "drag_start": "Przeciąganie %(source)s",
+            "invitation": "Otwórz zaproszenie pokoju %(roomName)s.",
+            "mention": {
+                "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."
+            },
+            "unread": {
+                "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."
+            },
+            "unsent_message": "Otwórz pokój %(roomName)s z niewysłaną wiadomością.",
+            "video_call": "Otwórz pokój %(roomName)s za pomocą połączenia wideo.",
+            "voice_call": "Otwórz pokój %(roomName)s za pomocą połączenia głosowego."
+        },
+        "appearance": "Wygląd",
+        "chat_moved": "Czat przeniesiony",
+        "collapse_all_sections": "Zwiń wszystkie sekcje",
+        "collapse_filters": "Zwiń listę filtrów",
+        "empty": {
+            "no_chats": "Nie ma jeszcze żadnych czatów",
+            "no_chats_description": "Zacznij od wysłania wiadomości lub utworzenia pokoju",
+            "no_chats_description_no_room_rights": "Zacznij od wysłania komuś wiadomości",
+            "no_invites": "Nie masz żadnych nieprzeczytanych zaproszeń",
+            "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": "Gratulacje! Nie masz żadnych nieprzeczytanych wiadomości.",
+            "show_activity": "Zobacz całą aktywność",
+            "show_chats": "Pokaż wszystkie czaty"
+        },
+        "expand_all_sections": "Rozwiń wszystkie sekcje",
+        "expand_filters": "Rozwiń listę filtrów",
+        "filters": {
+            "favourite": "Ulubione",
+            "invites": "Zaproszenia",
+            "low_priority": "Niski priorytet",
+            "mentions": "Wzmianki",
+            "people": "Osoby",
+            "rooms": "Pokoje",
+            "unread": "Nieprzeczytane"
+        },
+        "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",
+            "move_to_section": "Przenieś do",
+            "remove_from_section": "Usuń z sekcji"
+        },
+        "notification_options": "Opcje powiadomień",
+        "open_space_menu": "Otwórz menu przestrzeni",
+        "primary_filters": "Filtry listy pomieszczeń",
+        "room": {
+            "more_options": "Więcej opcji"
+        },
+        "room_options": "Opcje pokoju",
+        "section_created": "Sekcja utworzona",
+        "section_header": {
+            "edit_section": "Edytuj sekcję",
+            "more_options": "Więcej opcji",
+            "remove_section": "Usuń sekcję",
+            "toggle": "Przełącz sekcję %(section)s",
+            "toggle_unread": "Przełącz sekcję %(section)s z nieprzeczytanymi pokojami"
+        },
+        "show_message_previews": "Pokaż podglądy wiadomości",
+        "sort": "Sortuj",
+        "sort_type": {
+            "activity": "Ostatnia aktywność",
+            "atoz": "A-Z",
+            "unread_first": "Najpierw nieprzeczytane"
+        },
+        "space_menu": {
+            "home": "Strona główna przestrzeni",
+            "space_settings": "Ustawienia przestrzeni"
+        },
+        "unread_messages": "Nieprzeczytane wiadomości"
+    },
+    "status": {
+        "set_status": {
+            "away": "Z dala od urządzenia",
+            "be_right_back": "Zaraz wracam",
+            "focus_time": "W trakcie skupienia",
+            "in_a_meeting": "Na spotkaniu",
+            "on_the_road": "W trasie",
+            "set_status_prompt": "Jaki jest twój status?"
+        }
+    },
+    "terms": {
+        "tac_button": "Przejrzyj warunki użytkowania"
+    },
+    "threads": {
+        "error_start_thread_existing_relation": "Nie można utworzyć wątku z wydarzenia z istniejącą relacją"
+    },
+    "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": {
+        "call_tile": {
+            "declined": {
+                "call_declined": "Połączenie odrzucone",
+                "call_declined_by_us": "Odrzuciłeś połączenie"
+            },
+            "ongoing": {
+                "common": {
+                    "call_started_by": "%(startedByDisplayName)s rozpoczął rozmowę",
+                    "join_button": "Dołącz"
+                },
+                "dm": {
+                    "call_started": "Rozmowa rozpoczęta",
+                    "title": "Trwa połączenie"
+                },
+                "room": {
+                    "join_count": {
+                        "one": "%(count)s dołączył",
+                        "few": "%(count)s dołączyło",
+                        "many": "%(count)s dołączyło"
+                    },
+                    "title": "Trwa połączenie grupowe"
+                }
+            },
+            "tombstone": {
+                "room": {
+                    "title": "Połączenie grupowe zakończone"
+                }
+            },
+            "video_call_title": "Połączenie wideo",
+            "voice_call_title": "Połączenie głosowe"
+        },
+        "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 uzyskać dostęp do historii wiadomości",
+            "historical_event_user_not_joined": "Nie masz dostępu do tej wiadomości",
+            "sender_identity_previously_verified": "Zweryfikowana tożsamość cyfrowa nadawcy została zresetowana",
+            "sender_unsigned_device": "Wysłano z niezabezpieczonego urządzenia.",
+            "unable_to_decrypt": "Nie można odszyfrować wiadomości"
+        },
+        "download_action_decrypting": "Rozszyfrowuję",
+        "download_action_downloading": "Pobieranie",
+        "e2e_state": "Stan szyfrowania end-to-end",
+        "m.audio": {
+            "audio_player": "Odtwarzacz audio",
+            "error_downloading_audio": "Wystąpił błąd w trakcie pobierania audio",
+            "unnamed_audio": "Audio bez nazwy"
+        },
+        "m.file": {
+            "error_invalid": "Nieprawidłowy plik"
+        },
+        "m.room.avatar": {
+            "changed_img": "%(senderDisplayName)s zmienił awatar pokoju na <img/>",
+            "removed": "%(senderDisplayName)s usunął awatar pokoju."
+        },
+        "m.room.encryption": {
+            "disable_attempt": "Zignorowano próbę wyłączenia szyfrowania",
+            "disabled": "Nie włączono szyfrowania",
+            "enabled": "Wiadomości w tym pokoju są szyfrowane end-to-end. Możesz zweryfikować osoby, które dołączą klikając na ich zdjęcie profilowe.",
+            "enabled_dm": "Wiadomości tutaj są szyfrowane end-to-end. Aby zweryfikować profil %(displayName)s - kliknij na zdjęcie profilowe.",
+            "enabled_local": "Wiadomości na tym czacie będą szyfrowane end-to-end.",
+            "parameters_changed": "Niektóre parametry szyfrowania zostały zmienione.",
+            "state_enabled": "Wiadomości i zdarzenia stanowe w tym pokoju są szyfrowane end-to-end. Gdy ktoś dołączy, możesz go zweryfikować klikając na jego zdjęcie profilowe.",
+            "unsupported": "Szyfrowanie wykorzystywane przez ten pokój nie jest obsługiwane."
+        },
+        "mab": {
+            "collapse_reply_chain": "Zwiń cytaty",
+            "copy_link_thread": "Kopiuj link do wątku",
+            "expand_reply_chain": "Rozwiń cytaty",
+            "label": "Działania na wiadomościach",
+            "view_in_room": "Wyświetl w pokoju"
+        },
+        "message_shared_by": "%(displayName)s (%(userId)s) udostępnił tę wiadomość, kiedy nie było Cię w pokoju, gdy została wysłana.",
+        "message_timestamp_received_at": "Odebrano: %(dateTime)s",
+        "message_timestamp_sent_at": "Wysłano: %(dateTime)s",
+        "mjolnir": {
+            "message_hidden": "Zignorowałeś tego użytkownika, więc jego wiadomość jest ukryta.<a> Pokaż mimo to.</a>"
+        },
+        "pending_moderation": "Wiadomość oczekuje na moderację",
+        "pending_moderation_reason": "Wiadomość oczekuje na moderację: %(reason)s",
+        "url_preview": {
+            "close": "Zamknij podgląd",
+            "open_link": "Otwórz link",
+            "show_n_more": {
+                "one": "Pokaż %(count)s inny podgląd",
+                "few": "Pokaż %(count)s inne podglądy",
+                "many": "Pokaż %(count)s innych podglądów"
+            },
+            "view_image": "Wyświetl obraz"
+        }
+    },
+    "user_menu": {
+        "link_new_device": "Powiąż nowe urządzenie",
+        "open_feedback": "Opinia użytkownika",
+        "open_home": "Strona główna",
+        "open_security": "Bezpieczeństwo i prywatność",
+        "open_settings": "Wszystkie ustawienia"
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "Przenieś w lewo",
+            "move_right": "Przenieś w prawo",
+            "remove": "Usuń dla wszystkich",
+            "revoke": "Odbierz uprawnienia",
+            "screenshot": "Zrób zdjęcie",
+            "start_audio_stream": "Rozpocznij transmisję audio"
+        }
+    }
+}
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 00000000000..8021f07e411
--- /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 00000000000..3716eac2880
--- /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 00000000000..8889fbc9858
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/ru.json
@@ -0,0 +1,215 @@
+{
+    "a11y": {
+        "seek_bar_label": "Панель поиска аудио"
+    },
+    "action": {
+        "back": "Назад",
+        "click": "Нажмите",
+        "close": "Закрыть",
+        "collapse": "Свернуть",
+        "delete": "Удалить",
+        "dismiss": "Закрыть",
+        "download": "Скачать",
+        "edit": "Редактировать",
+        "explore_rooms": "Обзор комнат",
+        "go": "Перейти",
+        "hide": "Скрыть",
+        "invite": "Пригласить",
+        "new_conversation": "Новый диалог",
+        "new_room": "Новая комната",
+        "new_section": "Новый раздел",
+        "new_video_room": "Новая видеокомната",
+        "open_menu": "Открыть меню",
+        "pause": "Пауза",
+        "pin": "Закрепить",
+        "play": "Воспроизведение",
+        "react": "Реакции",
+        "remove": "Удалить",
+        "reply": "Ответить",
+        "reply_in_thread": "Ответить в ветке обсуждения",
+        "retry": "Повторить",
+        "search": "Поиск",
+        "start_chat": "Начать чат",
+        "unpin": "Открепить",
+        "view_source": "Показать источник"
+    },
+    "common": {
+        "attachment": "Вложение",
+        "encryption_enabled": "Шифрование включено",
+        "loading": "Загрузка…",
+        "options": "Опции",
+        "preferences": "Настройки",
+        "state_encryption_enabled": "Экспериментальное шифрование включено"
+    },
+    "left_panel": {
+        "open_dial_pad": "Открыть панель набора номера"
+    },
+    "menus": {
+        "user_menu": {
+            "create_an_account": "Создать учетную запись"
+        }
+    },
+    "notifications": {
+        "all_messages": "Все сообщения",
+        "default_settings": "Соответствует настройкам по умолчанию",
+        "mentions_keywords": "Упоминания и ключевые слова",
+        "mute_room": "Заглушить комнату"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Настройки комнаты"
+        },
+        "history_visibility_badge": {
+            "private": "Новые участники не видят историю",
+            "shared": "Новые участники видят историю",
+            "world_readable": "Кто угодно может видеть историю"
+        },
+        "jump_to_date": "Перейти к дате",
+        "jump_to_date_prompt": "Выберите дату для перехода",
+        "pinned_message_badge": "Закреплённое сообщение",
+        "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": {
+        "a11y": {
+            "default": "Открыть комнату %(roomName)s",
+            "invitation": "Открыть приглашение в комнату %(roomName)s.",
+            "mention": {
+                "one": "Открыть чат %(roomName)s с 1 непрочитанным упоминанием.",
+                "few": "Открыть чат %(roomName)s с %(count)s непрочитанными упоминаниями.",
+                "many": "Открыть чат %(roomName)s с %(count)s непрочитанными упоминаниями."
+            },
+            "unread": {
+                "one": "Открыть чат %(roomName)s с 1 непрочитанным сообщением.",
+                "few": "Открыть чат %(roomName)s с %(count)s непрочитанными сообщениями.",
+                "many": "Открыть чат %(roomName)s с %(count)s непрочитанными сообщениями."
+            },
+            "unsent_message": "Открыть комнату %(roomName)s с неотправленным сообщением."
+        },
+        "appearance": "Внешний вид",
+        "collapse_filters": "Свернуть список фильтров",
+        "empty": {
+            "no_chats": "Пока нет чатов",
+            "no_chats_description": "Начните с отправки сообщения или создания комнаты",
+            "no_chats_description_no_room_rights": "Начните переписку с отправки сообщения",
+            "no_invites": "У вас нет непросмотренных приглашений",
+            "no_mentions": "У вас нет непрочитанных упоминаний",
+            "no_people": "У вас нет личных чатов",
+            "no_people_description": "Вы можете убрать фильтры, чтобы просмотреть свои чаты",
+            "no_rooms": "Вы пока не состоите ни в одной комнате",
+            "no_rooms_description": "Вы можете убрать фильтры, чтобы увидеть свои чаты",
+            "no_unread": "Поздравляем! У вас нет непрочитанных сообщений",
+            "show_activity": "Посмотреть всю активность",
+            "show_chats": "Показать все чаты"
+        },
+        "expand_filters": "Раскрыть список фильтров",
+        "filters": {
+            "favourite": "Избранное",
+            "invites": "Приглашения",
+            "low_priority": "Низкий приоритет",
+            "mentions": "Упоминания",
+            "people": "Люди",
+            "rooms": "Комнаты",
+            "unread": "Непрочитанные"
+        },
+        "list_title": "Список комнат",
+        "more_options": {
+            "copy_link": "Скопировать ссылку на комнату",
+            "favourited": "Избранное",
+            "leave_room": "Покинуть комнату",
+            "low_priority": "Низкий приоритет",
+            "mark_read": "Отметить как прочитанное",
+            "mark_unread": "Отметить как непрочитанное"
+        },
+        "notification_options": "Параметры уведомлений",
+        "open_space_menu": "Открыть меню пространств",
+        "primary_filters": "Фильтры комнат",
+        "room": {
+            "more_options": "Другие параметры"
+        },
+        "room_options": "Настройки комнаты",
+        "show_message_previews": "Показать предварительный просмотр сообщений",
+        "sort": "Сортировать",
+        "sort_type": {
+            "activity": "Последняя активность",
+            "atoz": "А-Я",
+            "unread_first": "Сначала непрочитанные"
+        },
+        "space_menu": {
+            "home": "Пространство — Главная",
+            "space_settings": "Настройки Пространства"
+        }
+    },
+    "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": {
+        "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": "Безымянное аудио"
+        },
+        "m.room.encryption": {
+            "disable_attempt": "Проигнорированная попытка отключить шифрование",
+            "disabled": "Шифрование не включено",
+            "enabled": "Сообщения в этой комнате защищены сквозным шифрованием. Когда пользователи присоединяются, вы можете подтвердить их профиль, нажав на их аватар.",
+            "enabled_dm": "Сообщения защищены сквозным шифрованием. Подтвердите %(displayName)s в профиле, нажав на аватар.",
+            "enabled_local": "Сообщения в этом чате защищены сквозным шифрованием.",
+            "parameters_changed": "Некоторые параметры шифрования были изменены.",
+            "state_enabled": "Сообщения и события состояния в этой комнате защищены сквозным шифрованием. Когда пользователи присоединяются, вы можете подтвердить их профиль, нажав на аватар.",
+            "unsupported": "Шифрование, используемое в этой комнате, не поддерживается."
+        },
+        "mab": {
+            "view_in_room": "Просмотреть в чате"
+        },
+        "message_timestamp_received_at": "Получено в %(dateTime)s",
+        "message_timestamp_sent_at": "Отправлено в %(dateTime)s"
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "Переместить влево",
+            "move_right": "Переместить вправо",
+            "remove": "Скрыть для всех",
+            "revoke": "Отозвать разрешения",
+            "screenshot": "Сделать снимок",
+            "start_audio_stream": "Начать аудиотрансляцию"
+        }
+    }
+}
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 00000000000..16a359b810d
--- /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 00000000000..64e80a6300d
--- /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 00000000000..62fd22c1825
--- /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 00000000000..5fabdf72f2c
--- /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 00000000000..e50892d3edb
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/uk.json
@@ -0,0 +1,343 @@
+{
+    "a11y": {
+        "seek_bar_label": "Панель гортання аудіо"
+    },
+    "action": {
+        "back": "Назад",
+        "click": "Натисніть",
+        "close": "Закрити",
+        "collapse": "Згорнути",
+        "delete": "Видалити",
+        "dismiss": "Відхилити",
+        "download": "Завантажити",
+        "edit": "Змінити",
+        "explore_rooms": "Каталог кімнат",
+        "go": "Далі",
+        "hide": "Сховати",
+        "invite": "Запросити",
+        "new_conversation": "Нова розмова",
+        "new_room": "Нова кімната",
+        "new_section": "Новий розділ",
+        "new_video_room": "Нова відеокімната",
+        "open_menu": "Відкрити меню",
+        "pause": "Призупинити",
+        "pin": "Закріпити",
+        "play": "Відтворити",
+        "react": "Відреагувати",
+        "remove": "Вилучити",
+        "reply": "Відповісти",
+        "reply_in_thread": "Відповісти в гілці",
+        "retry": "Повторити спробу",
+        "search": "Пошук",
+        "start_chat": "Розпочати бесіду",
+        "unpin": "Відкріпити",
+        "view_source": "Переглянути джерело"
+    },
+    "common": {
+        "attachment": "Вкладення",
+        "encryption_enabled": "Шифрування ввімкнено",
+        "loading": "Завантаження…",
+        "options": "Параметри",
+        "preferences": "Налаштування",
+        "state_encryption_enabled": "Увімкнено експериментальне шифрування стану"
+    },
+    "emoji": {
+        "categories": "Категорії",
+        "category_activities": "Діяльність",
+        "category_animals_nature": "Тварини та природа",
+        "category_flags": "Прапори",
+        "category_food_drink": "Їжа та напої",
+        "category_frequently_used": "Часто використовувані",
+        "category_objects": "Об'єкти",
+        "category_smileys_people": "Смайлики та люди",
+        "category_symbols": "Символи",
+        "category_travel_places": "Подорожі та місця",
+        "quick_reactions": "Швидкі реакції"
+    },
+    "emoji_picker": {
+        "cancel_search_label": "Скасувати пошук",
+        "emoji_picker": "Панель емоджі"
+    },
+    "keyboard": {
+        "shift": "Shift"
+    },
+    "left_panel": {
+        "open_dial_pad": "Відкрити номеронабирач"
+    },
+    "menus": {
+        "user_menu": {
+            "clear_status": "Очистити",
+            "create_an_account": "Створити обліковий запис",
+            "got_an_account": "Маєте обліковий запис?",
+            "manage_account": "Керувати обліковим записом",
+            "sign_in": "Увійти",
+            "title": "Меню користувача"
+        }
+    },
+    "notifications": {
+        "all_messages": "Усі повідомлення",
+        "default_settings": "Згідно з усталеними налаштуваннями",
+        "mentions_keywords": "Згадки та ключові слова",
+        "mute_room": "Вимкнути сповіщення кімнати"
+    },
+    "release_announcement": {
+        "room_list_section_close": "ОК",
+        "room_list_section_description": "Об’єднуйте свої бесіди в розділи, щоб упорядкувати розмови та полегшити навігацію.",
+        "room_list_section_title": "Представляємо розділи"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Параметри кімнати"
+        },
+        "history_visibility_badge": {
+            "private": "Нові учасники не бачать історії",
+            "shared": "Нові учасники бачать історію",
+            "world_readable": "Будь-хто може бачити історію"
+        },
+        "jump_to_date": "Перейти до дати",
+        "jump_to_date_beginning": "Початок кімнати",
+        "jump_to_date_prompt": "Виберіть до якої дати перейти",
+        "pinned_message_badge": "Закріплене повідомлення",
+        "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": {
+        "a11y": {
+            "default": "Відкрити кімнату %(roomName)s",
+            "drag_cancelled": "Перетягування скасовано",
+            "drag_end_original": "%(source)s повернено у вихідне положення",
+            "invitation": "Відкрити запрошення кімнати %(roomName)s.",
+            "mention": {
+                "one": "Відкрити кімнату %(roomName)s з 1 непрочитаною згадкою.",
+                "few": "Відкрити кімнату %(roomName)s з %(count)s непрочитаними згадками.",
+                "many": "Відкрити кімнату %(roomName)s з %(count)s непрочитаними згадками."
+            },
+            "unread": {
+                "one": "Відкрити кімнату %(roomName)s з 1 непрочитаним повідомленням.",
+                "few": "Відкрити кімнату %(roomName)s з %(count)s непрочитаними повідомленнями.",
+                "many": "Відкрити кімнату %(roomName)s з %(count)s непрочитаними повідомленнями."
+            },
+            "unsent_message": "Відкрити кімнату %(roomName)s з ненадісланим повідомленням.",
+            "video_call": "Відкрити кімнату %(roomName)s за допомогою відеовиклику.",
+            "voice_call": "Відкрити кімнату %(roomName)s за допомогою голосового виклику."
+        },
+        "appearance": "Вигляд",
+        "chat_moved": "Бесіду переміщено",
+        "collapse_all_sections": "Згорнути всі розділи",
+        "collapse_filters": "Згорнути список фільтрів",
+        "empty": {
+            "no_chats": "Ще немає бесід",
+            "no_chats_description": "Почніть користування, надіславши комусь повідомлення або створивши кімнату",
+            "no_chats_description_no_room_rights": "Розпочніть користування, написавши комусь повідомлення",
+            "no_invites": "У вас немає непрочитаних запрошень",
+            "no_mentions": "У вас немає непрочитаних згадок",
+            "no_people": "У вас ще немає особистих бесід",
+            "no_people_description": "Ви можете очистити фільтри, щоб побачити інші ваші бесіди",
+            "no_rooms": "Ви ще не долучилися до жодної кімнати",
+            "no_rooms_description": "Ви можете очистити фільтри, щоб побачити інші ваші бесіди",
+            "no_unread": "Вітаємо! У вас немає непрочитаних повідомлень",
+            "show_activity": "Переглянути всю діяльність",
+            "show_chats": "Показати всі бесіди"
+        },
+        "expand_all_sections": "Розгорнути всі розділи",
+        "expand_filters": "Розгорнути список фільтрів",
+        "filters": {
+            "favourite": "Обране",
+            "invites": "Запрошення",
+            "low_priority": "Неважливі",
+            "mentions": "Згадки",
+            "people": "Люди",
+            "rooms": "Кімнати",
+            "unread": "Непрочитані"
+        },
+        "list_title": "Список кімнат",
+        "more_options": {
+            "copy_link": "Копіювати посилання на кімнату",
+            "favourited": "Додано до обраного",
+            "leave_room": "Вийти з кімнати",
+            "low_priority": "Неважливі",
+            "mark_read": "Позначити прочитаним",
+            "mark_unread": "Позначити непрочитаним",
+            "move_to_section": "Перемістити до",
+            "remove_from_section": "Вилучити з розділу"
+        },
+        "notification_options": "Параметри сповіщень",
+        "open_space_menu": "Відкрити меню простору",
+        "primary_filters": "Фільтри списку кімнат",
+        "room": {
+            "more_options": "Додаткові параметри"
+        },
+        "room_options": "Параметри кімнати",
+        "section_created": "Розділ створено",
+        "section_header": {
+            "edit_section": "Змінити розділ",
+            "more_options": "Додаткові параметри",
+            "remove_section": "Вилучити розділ"
+        },
+        "show_message_previews": "Показати попередній перегляд повідомлень",
+        "sort": "Сортувати",
+        "sort_type": {
+            "activity": "Останні дії",
+            "atoz": "А-Я",
+            "unread_first": "Спочатку непрочитані"
+        },
+        "space_menu": {
+            "home": "Домівка простору",
+            "space_settings": "Налаштування простору"
+        },
+        "unread_messages": "Непрочитані повідомлення"
+    },
+    "status": {
+        "set_status": {
+            "away": "Не на місці",
+            "be_right_back": "Зараз повернуся",
+            "focus_time": "Зосереджений(а)",
+            "in_a_meeting": "На зустрічі",
+            "on_the_road": "У дорозі",
+            "set_status_prompt": "Який ваш статус?"
+        }
+    },
+    "terms": {
+        "tac_button": "Перегляньте умови та положення"
+    },
+    "threads": {
+        "error_start_thread_existing_relation": "Неможливо створити тему на основі події, яка вже має зв’язок"
+    },
+    "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": {
+        "call_tile": {
+            "declined": {
+                "call_declined": "Виклик відхилено",
+                "call_declined_by_us": "Ви відхилили виклик"
+            },
+            "ongoing": {
+                "common": {
+                    "call_started_by": "%(startedByDisplayName)s розпочинає виклик",
+                    "join_button": "Приєднатися"
+                },
+                "dm": {
+                    "call_started": "Виклик розпочато",
+                    "title": "Виклик триває"
+                },
+                "room": {
+                    "join_count": {
+                        "one": "%(count)s приєднується",
+                        "few": "%(count)s приєдналися",
+                        "many": "%(count)s приєдналися"
+                    },
+                    "title": "Триває груповий виклик"
+                }
+            },
+            "tombstone": {
+                "room": {
+                    "title": "Груповий виклик завершено"
+                }
+            },
+            "video_call_title": "Відеовиклик",
+            "voice_call_title": "Голосовий виклик"
+        },
+        "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": "Не вдалося розшифрувати повідомлення"
+        },
+        "download_action_decrypting": "Розшифрування",
+        "download_action_downloading": "Завантаження",
+        "e2e_state": "Стан наскрізного шифрування",
+        "m.audio": {
+            "audio_player": "Звуковий програвач",
+            "error_downloading_audio": "Помилка завантаження аудіо",
+            "unnamed_audio": "Аудіо без назви"
+        },
+        "m.file": {
+            "error_invalid": "Недійсний файл"
+        },
+        "m.room.avatar": {
+            "changed_img": "%(senderDisplayName)s змінює аватар кімнати на <img/>",
+            "removed": "%(senderDisplayName)s вилучає аватар кімнати."
+        },
+        "m.room.encryption": {
+            "disable_attempt": "Знехтувана спроба вимкнути шифрування",
+            "disabled": "Шифрування не ввімкнено",
+            "enabled": "Повідомлення в цій кімнаті наскрізно зашифровані. Коли люди приєднуються, ви можете звірити їх у їхньому профілі, просто торкнувшись зображення профілю.",
+            "enabled_dm": "Повідомлення тут наскрізно зашифровані. Звірте %(displayName)s у їхньому профілі — торкніться їхнього зображення профілю.",
+            "enabled_local": "Повідомлення в цій бесіді будуть захищені наскрізним шифруванням.",
+            "parameters_changed": "Деякі параметри шифрування змінилися.",
+            "state_enabled": "Повідомлення та події стану в цій кімнаті захищені наскрізним шифруванням. Коли люди приєднуються, ви можете звірити їх у їхньому профілі, просто торкнувшись їхнього зображення профілю.",
+            "unsupported": "Шифрування, яке використовується в цій кімнаті, не підтримується."
+        },
+        "mab": {
+            "collapse_reply_chain": "Згорнути цитовані",
+            "copy_link_thread": "Копіювати посилання на гілку",
+            "expand_reply_chain": "Розгорнути цитовані",
+            "label": "Дії з повідомленням",
+            "view_in_room": "Переглянути в кімнаті"
+        },
+        "message_shared_by": "%(displayName)s (%(userId)s) поділилися цим повідомленням, оскільки вас не було в кімнаті, коли його надіслали.",
+        "message_timestamp_received_at": "Отримано: %(dateTime)s",
+        "message_timestamp_sent_at": "Надіслано: %(dateTime)s",
+        "mjolnir": {
+            "message_hidden": "Ви ігноруєте цього користувача, тож його повідомлення приховано. <a>Усе одно показати.</a>"
+        },
+        "pending_moderation": "Повідомлення очікує модерування",
+        "pending_moderation_reason": "Повідомлення очікує модерування: %(reason)s",
+        "url_preview": {
+            "close": "Закрити попередній перегляд",
+            "open_link": "Відкрити посилання",
+            "show_n_more": {
+                "one": "Показати ще %(count)s попередній перегляд",
+                "few": "Показати ще %(count)s попередні перегляди",
+                "many": "Показати ще %(count)s попередні перегляди"
+            },
+            "view_image": "Переглянути зображення"
+        }
+    },
+    "user_menu": {
+        "link_new_device": "Зв’язати новий пристрій",
+        "open_feedback": "Відгук",
+        "open_home": "Головна",
+        "open_security": "Безпека та приватність",
+        "open_settings": "Усі налаштування"
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "Перемістити вліво",
+            "move_right": "Перемістити вправо",
+            "remove": "Вилучити для всіх",
+            "revoke": "Відкликати дозволи",
+            "screenshot": "Зробити знімок",
+            "start_audio_stream": "Розпочати аудіотрансляцію"
+        }
+    }
+}
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 00000000000..edb065ffe80
--- /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 00000000000..4cbeb9eb9bd
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/zh_Hans.json
@@ -0,0 +1,345 @@
+{
+    "a11y": {
+        "seek_bar_label": "音频定位栏"
+    },
+    "action": {
+        "back": "返回",
+        "click": "点击",
+        "close": "关闭",
+        "collapse": "折叠",
+        "delete": "删除",
+        "dismiss": "忽略",
+        "download": "下载",
+        "edit": "编辑",
+        "explore_rooms": "查找房间",
+        "go": "转到",
+        "hide": "隐藏",
+        "invite": "邀请",
+        "new_conversation": "新对话",
+        "new_room": "新房间",
+        "new_section": "新区域",
+        "new_video_room": "新视频房间",
+        "open_menu": "打开菜单",
+        "pause": "暂停",
+        "pin": "置顶",
+        "play": "播放",
+        "react": "反应",
+        "remove": "移除",
+        "reply": "回复",
+        "reply_in_thread": "在消息列中回复",
+        "retry": "重试",
+        "search": "搜索",
+        "start_chat": "开始聊天",
+        "unpin": "取消置顶",
+        "view_source": "查看源代码"
+    },
+    "common": {
+        "attachment": "附件",
+        "encryption_enabled": "加密已启用",
+        "loading": "正在载入…",
+        "options": "选项",
+        "preferences": "偏好",
+        "state_encryption_enabled": "实验性的状态加密已启用"
+    },
+    "emoji": {
+        "categories": "类别",
+        "category_activities": "节假日",
+        "category_animals_nature": "动物和自然",
+        "category_flags": "旗帜",
+        "category_food_drink": "饮食",
+        "category_frequently_used": "经常使用",
+        "category_objects": "日常物品",
+        "category_smileys_people": "表情和人物",
+        "category_symbols": "符号",
+        "category_travel_places": "文旅景点",
+        "quick_reactions": "快速反应"
+    },
+    "emoji_picker": {
+        "cancel_search_label": "取消搜索",
+        "emoji_picker": "Emoji 选择器"
+    },
+    "left_panel": {
+        "open_dial_pad": "打开拨号键盘",
+        "separator_label": "点击或拖动以展开"
+    },
+    "menus": {
+        "user_menu": {
+            "clear_status": "清除",
+            "create_an_account": "创建账户",
+            "got_an_account": "已有账户？",
+            "manage_account": "管理账户",
+            "sign_in": "登录",
+            "title": "用户菜单"
+        }
+    },
+    "notifications": {
+        "all_messages": "所有消息",
+        "default_settings": "跟随系统设置",
+        "mentions_keywords": "提及与关键词",
+        "mute_room": "静默房间"
+    },
+    "release_announcement": {
+        "room_list_section_close": "确定",
+        "room_list_section_description": "分组聊天以便保持对话井然有序并方便浏览。",
+        "room_list_section_title": "“区域”功能已推出"
+    },
+    "room": {
+        "context_menu": {
+            "title": "房间选项"
+        },
+        "history_visibility_badge": {
+            "private": "新成员不能看到历史",
+            "shared": "新成员可以看到历史",
+            "world_readable": "任何人都可以看到历史"
+        },
+        "jump_to_date": "跳转到日期",
+        "jump_to_date_beginning": "房间的开头",
+        "jump_to_date_prompt": "选择日期以跳转",
+        "pinned_message_badge": "已被置顶的消息",
+        "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": {
+        "a11y": {
+            "default": "打开房间 %(roomName)s",
+            "drag_cancelled": "拖动已取消",
+            "drag_end": "%(source)s 已被拖动到 %(target)s 之上",
+            "drag_end_after": "%(source)s 已被拖动到 %(target)s 之后",
+            "drag_end_before": "%(source)s 已被拖动到 %(target)s 之前",
+            "drag_end_original": "%(source)s 已恢复到其原始位置",
+            "drag_instructions": "按空格键开始或停止拖动，按方向键移动，按 Esc 键取消。",
+            "drag_over": "%(source)s 位于 %(target)s 之上",
+            "drag_over_after": "%(source)s 将被拖动到 %(target)s 之后",
+            "drag_over_before": "%(source)s 将被拖动到 %(target)s 之前",
+            "drag_over_original": "%(source)s 将恢复到其原始位置",
+            "drag_start": "正在拖动 %(source)s",
+            "invitation": "打开房间 %(roomName)s 的邀请。",
+            "mention": {
+                "other": "打开包含 %(count)s 个未读提及的房间：%(roomName)s。"
+            },
+            "unread": {
+                "other": "打开包含 %(count)s 个未读消息的房间：%(roomName)s。"
+            },
+            "unsent_message": "打开包含尚未发送的消息的房间：%(roomName)s",
+            "video_call": "以视频通话方式打开房间 %(roomName)s。",
+            "voice_call": "以语音通话方式打开房间 %(roomName)s。"
+        },
+        "appearance": "外观",
+        "chat_moved": "聊天已移动",
+        "collapse_all_sections": "折叠所有区域",
+        "collapse_filters": "折叠过滤器列表",
+        "empty": {
+            "no_chats": "暂无聊天",
+            "no_chats_description": "首先向人们发送消息或创建房间。",
+            "no_chats_description_no_room_rights": "开始向某人发送消息",
+            "no_invites": "你没有任何未读邀请",
+            "no_mentions": "你没有任何未读提及",
+            "no_people": "你尚未与任何人私聊",
+            "no_people_description": "你可以取消选择筛选条件，以便查看其它聊天记录",
+            "no_rooms": "尚未处于任何房间",
+            "no_rooms_description": "你可以取消选择筛选条件，以便查看其它聊天记录",
+            "no_unread": "恭喜！你没有任何未读消息",
+            "show_activity": "查看所有活动",
+            "show_chats": "显示所有聊天"
+        },
+        "expand_all_sections": "展开所有区域",
+        "expand_filters": "展开过滤器列表",
+        "filters": {
+            "favourite": "收藏",
+            "invites": "邀请",
+            "low_priority": "低优先级",
+            "mentions": "提及",
+            "people": "人员",
+            "rooms": "房间",
+            "unread": "未读"
+        },
+        "list_title": "房间列表",
+        "more_options": {
+            "copy_link": "复制房间链接",
+            "favourited": "已收藏",
+            "leave_room": "离开房间",
+            "low_priority": "低优先级",
+            "mark_read": "设为已读",
+            "mark_unread": "设为未读",
+            "move_to_section": "移动到",
+            "remove_from_section": "从区域中移除"
+        },
+        "notification_options": "通知选项",
+        "open_space_menu": "打开空间菜单",
+        "primary_filters": "房间列表筛选器",
+        "room": {
+            "more_options": "更多选项"
+        },
+        "room_options": "房间选项",
+        "section_created": "区域已创建",
+        "section_header": {
+            "edit_section": "编辑区域",
+            "more_options": "更多选项",
+            "remove_section": "移除区域",
+            "toggle": "切换区域 %(section)s",
+            "toggle_unread": "切换到区域 %(section)s 中的未读房间"
+        },
+        "show_message_previews": "显示消息预览",
+        "sort": "排序",
+        "sort_type": {
+            "activity": "活动",
+            "atoz": "A-Z",
+            "unread_first": "未读优先"
+        },
+        "space_menu": {
+            "home": "空间主页",
+            "space_settings": "空间设置"
+        },
+        "unread_messages": "未读消息"
+    },
+    "status": {
+        "set_status": {
+            "away": "离开",
+            "be_right_back": "马上回来",
+            "focus_time": "专注时间",
+            "in_a_meeting": "正在开会",
+            "on_the_road": "在路上",
+            "set_status_prompt": "你的当前状态？"
+        }
+    },
+    "terms": {
+        "tac_button": "阅读条款与条件"
+    },
+    "threads": {
+        "error_start_thread_existing_relation": "无法从现有相关的事件中创建消息列"
+    },
+    "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": {
+        "call_tile": {
+            "declined": {
+                "call_declined": "通话已被拒接",
+                "call_declined_by_us": "你已拒接来电"
+            },
+            "ongoing": {
+                "common": {
+                    "call_started_by": "%(startedByDisplayName)s 已开始通话",
+                    "join_button": "加入"
+                },
+                "dm": {
+                    "call_started": "通话已开始",
+                    "title": "通话进行中"
+                },
+                "room": {
+                    "join_count": {
+                        "other": "%(count)s 人已加入"
+                    },
+                    "title": "群组通话进行中"
+                }
+            },
+            "tombstone": {
+                "room": {
+                    "title": "群组通话已结束"
+                }
+            },
+            "video_call_title": "视频通话",
+            "voice_call_title": "语音通话"
+        },
+        "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": "无法解密消息"
+        },
+        "download_action_decrypting": "正在解密",
+        "download_action_downloading": "正在下载",
+        "e2e_state": "端到端加密状态",
+        "m.audio": {
+            "audio_player": "音频播放器",
+            "error_downloading_audio": "下载音频时出错",
+            "unnamed_audio": "未命名的音频"
+        },
+        "m.file": {
+            "error_invalid": "无效文件"
+        },
+        "m.room.avatar": {
+            "changed_img": "%(senderDisplayName)s 将房间头像更改为 <img/>",
+            "removed": "%(senderDisplayName)s 已移除房间头像。"
+        },
+        "m.room.encryption": {
+            "disable_attempt": "已忽略尝试禁用加密",
+            "disabled": "加密未启用",
+            "enabled": "此处的消息是端到端加密的。当人员加入时，你可以在其个人资料中点击其头像验证。",
+            "enabled_dm": "此处的消息是端到端加密的。点击其个人资料图像以验证 %(displayName)s。",
+            "enabled_local": "此聊天中的消息将被端到端加密。",
+            "parameters_changed": "某些加密参数已被更改。",
+            "state_enabled": "此房间内的消息与状态事件已被端到端加密。当人员加入时，你可以点击他们的头像以验证其身份。",
+            "unsupported": "该房间使用的加密方式不受支持。"
+        },
+        "mab": {
+            "collapse_reply_chain": "折叠引用",
+            "copy_link_thread": "复制关联到此消息列的链接",
+            "expand_reply_chain": "展开引用",
+            "label": "消息操作",
+            "view_in_room": "在房间中查看"
+        },
+        "message_shared_by": "由于此消息在发送时你不位于此房间，%(displayName)s（%(userId)s）共享了此消息。",
+        "message_timestamp_received_at": "接收于 %(dateTime)s",
+        "message_timestamp_sent_at": "发送于 %(dateTime)s",
+        "mjolnir": {
+            "message_hidden": "你已忽略此用户，因此其消息已被隐藏。<a> 仍然显示</a>"
+        },
+        "pending_moderation": "消息等待审核",
+        "pending_moderation_reason": "消息等待审核：%(reason)s",
+        "url_preview": {
+            "close": "关闭预览",
+            "open_link": "打开链接",
+            "show_n_more": {
+                "one": "显示剩余 %(count)s 个预览",
+                "other": "显示剩余 %(count)s 个预览"
+            },
+            "view_image": "查看图像"
+        }
+    },
+    "user_menu": {
+        "link_new_device": "关联新设备",
+        "open_feedback": "反馈",
+        "open_home": "主页",
+        "open_security": "安全与隐私",
+        "open_settings": "所有设置"
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "向左移动",
+            "move_right": "向右移动",
+            "remove": "为所有人移除",
+            "revoke": "撤消权限",
+            "screenshot": "拍摄照片",
+            "start_audio_stream": "开始音频串流"
+        }
+    }
+}
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 00000000000..8f5e3ab9b3a
--- /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
new file mode 100644
index 00000000000..f483f4273e4
--- /dev/null
+++ b/packages/shared-components/src/index.ts
@@ -0,0 +1,101 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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.
+ */
+
+// Components
+export * from "./audio/Clock";
+export * from "./audio/PlayPauseButton";
+export * from "./audio/SeekBar";
+export * from "./core/AvatarWithDetails";
+export * from "./core/MemberAvatar/MemberAvatarView.tsx";
+export * from "./core/EmojiPicker";
+export * from "./core/FacePile/FacePileView.tsx";
+export * from "./core/roving";
+export * from "./room/composer/Banner";
+export * from "./room/composer/UploadButton";
+export * from "./room/composer/MessageComposerUrlPreview/index.ts";
+export * from "./crypto/SasEmoji";
+export * from "./menus/UserMenu";
+export * from "./notifications/NotificationBadgeView";
+export * from "./room/timeline/ReadMarker";
+export * from "./room/timeline/EventPresentation";
+export * from "./room/timeline/event-tile/body/EventContentBodyView";
+export * from "./room/timeline/event-tile/body/HiddenBodyView";
+export * from "./room/timeline/event-tile/body/HiddenMediaPlaceholder";
+export * from "./room/timeline/event-tile/body/RedactedBodyView";
+export * from "./room/timeline/event-tile/body/MFileBodyView";
+export * from "./room/timeline/event-tile/body/MImageBodyView";
+export * from "./room/timeline/event-tile/body/MImageReplyBodyView";
+export * from "./room/timeline/event-tile/body/MjolnirBodyView";
+export * from "./room/timeline/event-tile/body/MVideoBodyView";
+export * from "./room/timeline/event-tile/body/TextualBodyView";
+export * from "./room/timeline/event-tile/body/UnknownBodyView";
+export * from "./room/timeline/event-tile/body/ViewSourceEventView";
+export * from "./room/timeline/event-tile/EventTileView/TileErrorView";
+export * from "./core/pill-input/Pill";
+export * from "./core/pill-input/PillInput";
+export * from "./room/RoomStatusBar";
+export * from "./room/WidgetPip";
+export * from "./room/HistoryVisibilityBadge";
+export * from "./room/right-panel/WidgetContextMenuView";
+export * from "./room/timeline/DateSeparatorView";
+export * from "./room/timeline/TimelineSeparator";
+export * from "./room/timeline/event-tile/actions/ActionBarView";
+export * from "./room/timeline/event-tile/EventTileView/DisambiguatedProfile";
+export * from "./room/timeline/event-tile/EventTileView/E2eMessageSharedIcon";
+export * from "./room/timeline/event-tile/EventTileView/E2ePadlock";
+export * from "./room/timeline/event-tile/EventTileView/EncryptionEventView";
+export * from "./room/timeline/event-tile/EventTileView/EventPreviewView";
+export * from "./room/timeline/event-tile/call";
+export * from "./room/timeline/event-tile/EventTileView/EventTileBubble";
+export * from "./room/timeline/event-tile/EventTileView/MJitsiWidgetEventView";
+export * from "./room/timeline/event-tile/EventTileView/MKeyVerificationRequestView";
+export * from "./room/timeline/event-tile/EventTileView/PinnedMessageBadge";
+export * from "./room/timeline/event-tile/EventTileView/RoomAvatarEventView";
+export * from "./room/timeline/event-tile/EventTileView/TextualEventView";
+export * from "./room/timeline/event-tile/body/AudioPlayerView";
+export * from "./room/timeline/event-tile/body/DecryptionFailureBodyView";
+export * from "./room/timeline/event-tile/body/MediaBody";
+export * from "./room/timeline/event-tile/EventTileView/ThreadSummary";
+export * from "./room/timeline/event-tile/reactions/ReactionsRow";
+export * from "./room/timeline/event-tile/reactions/ReactionsRowButton";
+export * from "./room/timeline/event-tile/reactions/ReactionsRowButtonTooltip";
+export * from "./room/timeline/event-tile/timestamp/MessageTimestampView";
+export * from "./room/timeline/event-tile/UrlPreviewGroupView";
+export * from "./core/rich-list/RichItem";
+export * from "./core/rich-list/RichList";
+export * from "./room-list/RoomListHeaderView";
+export * from "./room-list/RoomListSearchView";
+export * from "./room-list/RoomListView";
+export * from "./room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView";
+export * from "./room-list/RoomListPrimaryFilters";
+export * from "./room-list/VirtualizedRoomListView";
+export * from "./room-list/VirtualizedRoomListView/RoomListSectionHeaderView";
+export * from "./room-list/VirtualizedRoomListView/RoomListItemWrapper";
+export * from "./core/utils/Box";
+export * from "./core/utils/Flex";
+export * from "./core/utils/LinkedText";
+export * from "./core/utils/Scrollbar";
+export * from "./core/VirtualizedList";
+export * from "./resize";
+
+// Utils
+export * from "./core/i18n/i18n";
+export * from "./core/i18n/i18nContext";
+export * from "./core/utils/humanize";
+export * from "./core/utils/DateUtils";
+export * from "./core/utils/numbers";
+export * from "./core/utils/FormattingUtils";
+export * from "./core/utils/ToastContext";
+export * from "./core/i18n/I18nApi";
+export * from "./core/utils/linkify";
+export type * from "./core/userStatus.ts";
+export * from "./status/SetStatusView";
+export * from "./status/StatusTextView";
+export * from "./status/UserStatusIconView";
+// MVVM
+export * from "./core/viewmodel";
diff --git a/packages/shared-components/src/menus/UserMenu/UserMenu.module.css b/packages/shared-components/src/menus/UserMenu/UserMenu.module.css
new file mode 100644
index 00000000000..a518d18e962
--- /dev/null
+++ b/packages/shared-components/src/menus/UserMenu/UserMenu.module.css
@@ -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.
+ */
+
+.wrapper {
+    display: flex;
+    align-items: center;
+    margin-top: var(--cpd-space-3x);
+    margin-bottom: var(--cpd-space-4x);
+}
+
+.container {
+    /* As per design, seperator should span whole width. */
+    div[role="separator"] {
+        margin-inline: 0;
+    }
+    max-width: 300px;
+    /* Override menu defaults */
+    padding-block: 0 !important;
+    section.profile {
+        margin-left: var(--cpd-space-6x);
+        margin-right: var(--cpd-space-6x);
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-2x);
+        > * {
+            margin: auto;
+            max-width: 100%;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            overflow-wrap: break-word;
+        }
+
+        .displayname {
+            text-wrap: balance;
+            text-align: center;
+        }
+
+        .userId {
+            color: var(--cpd-color-text-secondary);
+            text-align: center;
+        }
+
+        .createAccount {
+            margin-top: var(--cpd-space-1x);
+            margin-bottom: var(--cpd-space-2x);
+        }
+    }
+    .profilePrimary {
+        margin-top: var(--cpd-space-8x);
+        margin-bottom: var(--cpd-space-3x);
+    }
+    .profileSecondary {
+        margin-bottom: var(--cpd-space-4x);
+    }
+    section.actions {
+        margin: var(--cpd-space-2x) 0;
+        margin-bottom: var(--cpd-space-3x);
+        padding-top: 0;
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-1x);
+        font: var(--cpd-font-body-md-medium);
+        > button[data-kind="primary"] > svg {
+            color: var(--cpd-color-icon-secondary);
+        }
+    }
+}
+
+.avatarWrapper {
+    position: relative;
+    display: inline-flex;
+    overflow: visible;
+}
+
+.iconStatusEmoji {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 14px;
+    line-height: 1;
+    /* bottom edges aligned with the avatar */
+    bottom: 0;
+    /* center of circle on the right edge of the avatar */
+    right: -10px;
+    background-color: var(--cpd-color-bg-canvas-default);
+}
+
+.triggerButton {
+    border: none;
+    background: none;
+    padding: 0;
+    display: flex;
+    color: var(--cpd-color-body-primary);
+    cursor: pointer;
+    gap: var(--cpd-space-2x);
+    > span {
+        height: fit-content;
+        margin-top: auto;
+        margin-bottom: auto;
+        max-width: 200px;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        text-wrap: nowrap;
+    }
+    margin-left: var(--cpd-space-3x);
+    margin-right: var(--cpd-space-2x);
+    padding-inline-start: var(--cpd-space-1-5x);
+}
+
+.displayName {
+    max-width: 175px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
diff --git a/packages/shared-components/src/menus/UserMenu/UserMenu.stories.tsx b/packages/shared-components/src/menus/UserMenu/UserMenu.stories.tsx
new file mode 100644
index 00000000000..d206b560ff0
--- /dev/null
+++ b/packages/shared-components/src/menus/UserMenu/UserMenu.stories.tsx
@@ -0,0 +1,236 @@
+/*
+ * 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 Meta, type StoryObj } from "@storybook/react-vite";
+import React, { type JSX } from "react";
+import { fn } from "storybook/test";
+
+import { UserMenuView, type UserMenuViewSnapshot, type UserMenuViewActions } from "./UserMenu";
+import avatarUrl from "../../../static/element.png";
+import { MockViewModel, useMockedViewModel } from "../../core/viewmodel";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+import { type SetStatusViewSnapshot } from "../..";
+
+class MockSetStatusViewModel extends MockViewModel<SetStatusViewSnapshot> {
+    public setStatus = fn();
+    public clearStatus = fn();
+}
+
+const UserMenuWrapperImpl = (snapshot: UserMenuViewSnapshot): JSX.Element => {
+    const vm = useMockedViewModel<UserMenuViewSnapshot, UserMenuViewActions>(snapshot, {
+        setOpen: fn(),
+        createAccount: fn(),
+        signIn: fn(),
+        linkNewDevice: fn(),
+        openFeedback: fn(),
+        openHomePage: fn(),
+        openSecurity: fn(),
+        openSettings: fn(),
+        clearStatus: fn(),
+    });
+
+    return <UserMenuView vm={vm} />;
+};
+
+const UserMenuWrapper = withViewDocs(UserMenuWrapperImpl, UserMenuView);
+
+const meta = {
+    title: "Menus/UserMenu",
+    component: UserMenuWrapper,
+    tags: ["autodocs"],
+    args: {
+        open: false,
+        avatarUrl,
+        displayName: "Sally Sanderson",
+        userId: "@person-name:homeserver.com",
+        manageAccountHref: "#",
+        expanded: true,
+        actions: {
+            linkNewDevice: true,
+            openSecurity: true,
+            openFeedback: true,
+            openSettings: true,
+        },
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=11583-3479&t=DwFpi7Zlq9uJr1SQ-0",
+        },
+    },
+} satisfies Meta<typeof UserMenuWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    args: {
+        setStatusViewModel: new MockSetStatusViewModel({}),
+    },
+};
+
+export const LongerName: Story = {
+    args: {
+        displayName: "Sally Sanderson with a longer name",
+        setStatusViewModel: new MockSetStatusViewModel({}),
+    },
+};
+
+// Rules needed for any story where the menu is open, for the reasons
+// given in each rule.
+const MENU_OPEN_A11Y_RULES = [
+    {
+        // Menu contains a header which is invalid
+        id: "aria-required-children",
+        enabled: false,
+    },
+    {
+        // Menu pops open by default
+        id: "aria-hidden-focus",
+        enabled: false,
+    },
+];
+
+export const Open: Story = {
+    args: {
+        open: true,
+        displayName: "Sally Sanderson with a longer name",
+        userId: "@person-name:homeserver.com",
+        expanded: true,
+        showAvatar: true,
+        setStatusViewModel: new MockSetStatusViewModel({}),
+    },
+    parameters: {
+        a11y: {
+            /*
+             * Axe's context parameter
+             * See https://github.com/dequelabs/axe-core/blob/develop/doc/API.md#context-parameter
+             * to learn more.
+             */
+            config: {
+                rules: MENU_OPEN_A11Y_RULES,
+            },
+        },
+    },
+    // Only used for playwright tests for the menu.
+    // Steals focus if actually opened on the storybook page
+    tags: ["!dev", "!autodocs"],
+};
+
+export const OpenVeryLongName: Story = {
+    args: {
+        open: true,
+        displayName: "Sally Sanderandersonanonanonabibblybobblywooblywobblynobblynom with a name with a very long word",
+        userId: "@person-whose-username-some-might-consider-to-be-a-little-overly-long-although-thats-their-choice-and-we-must-respect-it:homeserver.com",
+        expanded: true,
+        showAvatar: true,
+        setStatusViewModel: new MockSetStatusViewModel({}),
+    },
+    parameters: {
+        a11y: {
+            config: {
+                rules: MENU_OPEN_A11Y_RULES,
+            },
+        },
+    },
+    // Only used for playwright tests for the menu.
+    // Steals focus if actually opened on the storybook page
+    tags: ["!dev", "!autodocs"],
+};
+
+export const Condensed: Story = {
+    args: {
+        displayName: "Sally Sanderson with a longer name",
+        expanded: false,
+        setStatusViewModel: new MockSetStatusViewModel({}),
+    },
+};
+
+export const NoAvatar: Story = {
+    args: {
+        displayName: "Sally Sanderson",
+        userId: "@person-name:homeserver.com",
+        expanded: true,
+        open: true,
+        showAvatar: false,
+        setStatusViewModel: new MockSetStatusViewModel({}),
+    },
+    parameters: Open.parameters,
+};
+
+export const Guest: Story = {
+    args: {
+        displayName: "Guest",
+        userId: "@guest:attendees.example.org",
+        manageAccountHref: undefined,
+        showAvatar: false,
+        setStatusViewModel: new MockSetStatusViewModel({}),
+        showUserStatus: false,
+        actions: {
+            createAccount: true,
+            signIn: true,
+            openHomePage: true,
+            openFeedback: true,
+            openSettings: true,
+        },
+    },
+};
+
+export const GuestOpen: Story = {
+    args: {
+        ...Guest.args,
+        open: true,
+    },
+    parameters: {
+        a11y: {
+            /*
+             * Axe's context parameter
+             * See https://github.com/dequelabs/axe-core/blob/develop/doc/API.md#context-parameter
+             * to learn more.
+             */
+            config: {
+                rules: MENU_OPEN_A11Y_RULES,
+            },
+        },
+    },
+    // Only used for playwright tests for the menu.
+    // Steals focus if actually opened on the storybook page
+    tags: ["!dev", "!autodocs"],
+};
+
+export const WithStatus: Story = {
+    args: {
+        userStatus: {
+            emoji: "🐹",
+            text: "On the wheel",
+        },
+        setStatusViewModel: new MockSetStatusViewModel({}),
+    },
+};
+
+export const WithStatusOpen: Story = {
+    args: {
+        open: true,
+        userStatus: {
+            emoji: "🐹",
+            text: "On the wheel",
+        },
+        setStatusViewModel: new MockSetStatusViewModel({
+            userStatus: {
+                emoji: "🐹",
+                text: "On the wheel",
+            },
+        }),
+    },
+    parameters: {
+        a11y: {
+            config: {
+                rules: MENU_OPEN_A11Y_RULES,
+            },
+        },
+    },
+};
diff --git a/packages/shared-components/src/menus/UserMenu/UserMenu.test.tsx b/packages/shared-components/src/menus/UserMenu/UserMenu.test.tsx
new file mode 100644
index 00000000000..822e77f582a
--- /dev/null
+++ b/packages/shared-components/src/menus/UserMenu/UserMenu.test.tsx
@@ -0,0 +1,57 @@
+/*
+ * 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 userEvent from "@testing-library/user-event";
+
+import * as stories from "./UserMenu.stories.tsx";
+
+const { Default, LongerName, Condensed, Guest, Open, NoAvatar, WithStatus, WithStatusOpen } = composeStories(stories);
+
+describe("UserMenu", () => {
+    it("renders a button", async () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders a button with a longer name", async () => {
+        const { container } = render(<LongerName />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders condensed view", async () => {
+        const { container } = render(<Condensed />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders the status emoji when set", async () => {
+        const { container } = render(<WithStatus />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders a menu", async () => {
+        const { baseElement, getByRole } = render(<Default />);
+        await userEvent.click(getByRole("button"));
+        expect(baseElement).toMatchSnapshot();
+    });
+    it("renders a guest menu", async () => {
+        const { baseElement, getByRole } = render(<Guest />);
+        await userEvent.click(getByRole("button"));
+        expect(baseElement).toMatchSnapshot();
+    });
+    it("renders an open menu", async () => {
+        const { baseElement } = render(<Open />);
+        expect(baseElement).toMatchSnapshot();
+    });
+    it("renders a menu without an avatar", async () => {
+        const { baseElement } = render(<NoAvatar />);
+        expect(baseElement).toMatchSnapshot();
+    });
+    it("renders an open menu with user status", async () => {
+        const { container } = render(<WithStatusOpen />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/menus/UserMenu/UserMenu.tsx b/packages/shared-components/src/menus/UserMenu/UserMenu.tsx
new file mode 100644
index 00000000000..b3375a9e5a9
--- /dev/null
+++ b/packages/shared-components/src/menus/UserMenu/UserMenu.tsx
@@ -0,0 +1,246 @@
+/*
+ * 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 { Avatar, Button, Link, Menu, MenuItem, Separator, Text } from "@vector-im/compound-web";
+import {
+    ChatProblemIcon,
+    DevicesIcon,
+    HomeIcon,
+    LockIcon,
+    PopOutIcon,
+    SettingsIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+import classNames from "classnames";
+
+import styles from "./UserMenu.module.css";
+import { useViewModel, type ViewModel } from "../../core/viewmodel";
+import { useI18n } from "../../core/i18n/i18nContext";
+import { type UserStatus } from "../../core/userStatus";
+import { SetStatusView, type SetStatusViewModel } from "../../status/SetStatusView";
+
+export interface UserMenuViewSnapshot {
+    /**
+     * Is the menu open or closed.
+     */
+    open: boolean;
+    /**
+     * Is the menu toggle expanded (avatar + displayname) or collapsed (avatar).
+     */
+    expanded: boolean;
+    /**
+     * Avatar URL for the user, if one is set.
+     */
+    avatarUrl?: string;
+    /**
+     * Should the avatar be visible.
+     */
+    showAvatar?: boolean;
+    /**
+     * Display name for the user.
+     */
+    displayName: string;
+    /**
+     * Matrix user ID for the user.
+     */
+    userId: string;
+    /**
+     * Account management URL if the user is using OIDC.
+     */
+    manageAccountHref?: string;
+    /**
+     * The user status to display, or undefined for no icon / status.
+     */
+    userStatus?: UserStatus;
+    /**
+     * Whether to show UI for user status.
+     * Temporary while user status is in labs.
+     * Default: true
+     */
+    showUserStatus?: boolean;
+    /**
+     * ViewModel for the set status view.
+     */
+    setStatusViewModel: SetStatusViewModel;
+    /**
+     * A set of actions that the user can perform from the menu.
+     */
+    actions: Partial<{
+        createAccount: boolean;
+        signIn: boolean;
+        openHomePage: boolean;
+        linkNewDevice: boolean;
+        openSecurity: boolean;
+        openFeedback: boolean;
+        openSettings: boolean;
+    }>;
+}
+
+export declare interface UserMenuViewActions {
+    /**
+     * Called when the menu is opened or closed.
+     */
+    setOpen: (open: boolean) => void;
+    /**
+     * Called to open the create new account view.
+     */
+    createAccount: () => void;
+    /**
+     * Called to open the sign in view.
+     */
+    signIn: () => void;
+    /**
+     * Called to change the view to the configured home page.
+     */
+    openHomePage: () => void;
+    /**
+     * Called to open the link new device flow.
+     */
+    linkNewDevice: () => void;
+    /**
+     * Called to open the security tab of the settings dialog.
+     */
+    openSecurity: () => void;
+    /**
+     * Called to open the feedback dialog.
+     */
+    openFeedback: () => void;
+    /**
+     * Called to open the settings dialog.
+     */
+    openSettings: () => void;
+    /**
+     * Called when the user clicks the button to clear their status.
+     */
+    clearStatus: () => void;
+}
+
+export type UserMenuViewProps = {
+    vm: ViewModel<UserMenuViewSnapshot, UserMenuViewActions>;
+    /**
+     * Class name for the wrapper
+     */
+    className?: string;
+};
+
+export function UserMenuView({ vm, className }: UserMenuViewProps): JSX.Element {
+    const {
+        userId,
+        displayName,
+        avatarUrl,
+        expanded,
+        open,
+        manageAccountHref,
+        actions,
+        showAvatar,
+        userStatus,
+        setStatusViewModel,
+        showUserStatus = true,
+    } = useViewModel(vm);
+    const { translate: _t } = useI18n();
+    const trigger = (
+        <button className={styles.triggerButton} aria-label={_t("menus|user_menu|title")} type="button">
+            <div className={styles.avatarWrapper}>
+                <Avatar id={userId} name={displayName} type="round" size="36px" src={avatarUrl} />
+                {userStatus && (
+                    <Text as="div" className={styles.iconStatusEmoji}>
+                        {userStatus.emoji}
+                    </Text>
+                )}
+            </div>
+        </button>
+    );
+
+    // The menu should appear to the right of the avatar, over the displayname if the menu is expanded,
+    // so the display name goes outside the menu block in a wrapper.
+    return (
+        <div className={classNames(styles.wrapper, className)}>
+            <Menu
+                open={open}
+                showTitle={false}
+                title={_t("menus|user_menu|title")}
+                trigger={trigger}
+                onOpenChange={vm.setOpen}
+                align="start"
+                side="right"
+                className={styles.container}
+            >
+                <section className={classNames(styles.profile, styles.profilePrimary)}>
+                    {showAvatar && <Avatar id={userId} name={displayName} type="round" size="64px" src={avatarUrl} />}
+                    <Text className={styles.displayname} type="body" size="lg" weight="semibold" as="span">
+                        {displayName}
+                    </Text>
+                    {showUserStatus && <SetStatusView vm={setStatusViewModel} />}
+                </section>
+                <section className={classNames(styles.profile, styles.profileSecondary)}>
+                    <Text data-testid="userId" size="md" as="span" type="body" className={styles.userId}>
+                        {userId}
+                    </Text>
+                    {manageAccountHref && (
+                        <Button as="a" size="md" kind="tertiary" href={manageAccountHref} Icon={PopOutIcon}>
+                            {_t("menus|user_menu|manage_account")}
+                        </Button>
+                    )}
+                    {actions.createAccount && (
+                        <Button
+                            className={styles.createAccount}
+                            size="md"
+                            as="button"
+                            kind="primary"
+                            onClick={vm.createAccount}
+                        >
+                            {_t("menus|user_menu|create_an_account")}
+                        </Button>
+                    )}
+                    {actions.signIn && (
+                        <Text as="span" weight="medium">
+                            {_t("menus|user_menu|got_an_account")}
+                            <Link as="button" onClick={vm.signIn}>
+                                {_t("menus|user_menu|sign_in")}
+                            </Link>
+                        </Text>
+                    )}
+                </section>
+                <Separator />
+                <section className={styles.actions}>
+                    {actions.openHomePage && (
+                        <MenuItem Icon={HomeIcon} label={_t("user_menu|open_home")} onSelect={vm.openHomePage} />
+                    )}
+                    {actions.linkNewDevice && (
+                        <MenuItem
+                            Icon={DevicesIcon}
+                            label={_t("user_menu|link_new_device")}
+                            onSelect={vm.linkNewDevice}
+                        />
+                    )}
+                    {actions.openSecurity && (
+                        <MenuItem Icon={LockIcon} label={_t("user_menu|open_security")} onSelect={vm.openSecurity} />
+                    )}
+                    {actions.openFeedback && (
+                        <MenuItem
+                            Icon={ChatProblemIcon}
+                            label={_t("user_menu|open_feedback")}
+                            onSelect={vm.openFeedback}
+                        />
+                    )}
+                    {actions.openSettings && (
+                        <MenuItem
+                            Icon={SettingsIcon}
+                            label={_t("user_menu|open_settings")}
+                            onSelect={vm.openSettings}
+                        />
+                    )}
+                </section>
+            </Menu>
+            {expanded && (
+                <Text type="heading" size="sm" as="span" weight="semibold" className={styles.displayName}>
+                    {displayName}
+                </Text>
+            )}
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/menus/UserMenu/__snapshots__/UserMenu.test.tsx.snap b/packages/shared-components/src/menus/UserMenu/__snapshots__/UserMenu.test.tsx.snap
new file mode 100644
index 00000000000..eca6f19cc52
--- /dev/null
+++ b/packages/shared-components/src/menus/UserMenu/__snapshots__/UserMenu.test.tsx.snap
@@ -0,0 +1,1284 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`UserMenu > renders a button 1`] = `
+<div>
+  <div
+    class="UserMenu-module_wrapper"
+  >
+    <button
+      aria-expanded="false"
+      aria-haspopup="menu"
+      aria-label="User menu"
+      class="UserMenu-module_triggerButton"
+      data-state="closed"
+      id="radix-react-use-id-1"
+      type="button"
+    >
+      <div
+        class="UserMenu-module_avatarWrapper"
+      >
+        <span
+          aria-label="@person-name:homeserver.com"
+          class="_avatar_va14e_8"
+          data-color="1"
+          data-type="round"
+          role="img"
+          style="--cpd-avatar-size: 36px;"
+        >
+          <img
+            alt=""
+            class="_image_va14e_43"
+            data-type="round"
+            height="36px"
+            loading="lazy"
+            referrerpolicy="no-referrer"
+            src="/static/element.png"
+            width="36px"
+          />
+        </span>
+      </div>
+    </button>
+    <span
+      class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 UserMenu-module_displayName"
+    >
+      Sally Sanderson
+    </span>
+  </div>
+</div>
+`;
+
+exports[`UserMenu > renders a button with a longer name 1`] = `
+<div>
+  <div
+    class="UserMenu-module_wrapper"
+  >
+    <button
+      aria-expanded="false"
+      aria-haspopup="menu"
+      aria-label="User menu"
+      class="UserMenu-module_triggerButton"
+      data-state="closed"
+      id="radix-react-use-id-1"
+      type="button"
+    >
+      <div
+        class="UserMenu-module_avatarWrapper"
+      >
+        <span
+          aria-label="@person-name:homeserver.com"
+          class="_avatar_va14e_8"
+          data-color="1"
+          data-type="round"
+          role="img"
+          style="--cpd-avatar-size: 36px;"
+        >
+          <img
+            alt=""
+            class="_image_va14e_43"
+            data-type="round"
+            height="36px"
+            loading="lazy"
+            referrerpolicy="no-referrer"
+            src="/static/element.png"
+            width="36px"
+          />
+        </span>
+      </div>
+    </button>
+    <span
+      class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 UserMenu-module_displayName"
+    >
+      Sally Sanderson with a longer name
+    </span>
+  </div>
+</div>
+`;
+
+exports[`UserMenu > renders a guest menu 1`] = `
+<body>
+  
+  
+
+
+  <div>
+    <div
+      class="UserMenu-module_wrapper"
+    >
+      <button
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-label="User menu"
+        class="UserMenu-module_triggerButton"
+        data-state="closed"
+        id="radix-react-use-id-1"
+        type="button"
+      >
+        <div
+          class="UserMenu-module_avatarWrapper"
+        >
+          <span
+            aria-label="@guest:attendees.example.org"
+            class="_avatar_va14e_8"
+            data-color="4"
+            data-type="round"
+            role="img"
+            style="--cpd-avatar-size: 36px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="36px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="/static/element.png"
+              width="36px"
+            />
+          </span>
+        </div>
+      </button>
+      <span
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 UserMenu-module_displayName"
+      >
+        Guest
+      </span>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`UserMenu > renders a menu 1`] = `
+<body>
+  
+  
+
+
+  <div>
+    <div
+      class="UserMenu-module_wrapper"
+    >
+      <button
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-label="User menu"
+        class="UserMenu-module_triggerButton"
+        data-state="closed"
+        id="radix-react-use-id-1"
+        type="button"
+      >
+        <div
+          class="UserMenu-module_avatarWrapper"
+        >
+          <span
+            aria-label="@person-name:homeserver.com"
+            class="_avatar_va14e_8"
+            data-color="1"
+            data-type="round"
+            role="img"
+            style="--cpd-avatar-size: 36px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="36px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="/static/element.png"
+              width="36px"
+            />
+          </span>
+        </div>
+      </button>
+      <span
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 UserMenu-module_displayName"
+      >
+        Sally Sanderson
+      </span>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`UserMenu > renders a menu without an avatar 1`] = `
+<body
+  data-scroll-locked="1"
+  style="pointer-events: none;"
+>
+  <span
+    aria-hidden="true"
+    data-aria-hidden="true"
+    data-radix-focus-guard=""
+    style="outline: none; opacity: 0; position: fixed; pointer-events: none;"
+    tabindex="0"
+  />
+  
+  
+
+
+  <div
+    aria-hidden="true"
+    data-aria-hidden="true"
+  >
+    <div
+      class="UserMenu-module_wrapper"
+    >
+      <button
+        aria-controls="radix-react-use-id-1"
+        aria-expanded="true"
+        aria-haspopup="menu"
+        aria-label="User menu"
+        class="UserMenu-module_triggerButton"
+        data-state="open"
+        id="radix-react-use-id-2"
+        type="button"
+      >
+        <div
+          class="UserMenu-module_avatarWrapper"
+        >
+          <span
+            aria-label="@person-name:homeserver.com"
+            class="_avatar_va14e_8"
+            data-color="1"
+            data-type="round"
+            role="img"
+            style="--cpd-avatar-size: 36px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="36px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="/static/element.png"
+              width="36px"
+            />
+          </span>
+        </div>
+      </button>
+      <span
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 UserMenu-module_displayName"
+      >
+        Sally Sanderson
+      </span>
+    </div>
+  </div>
+  <div
+    data-radix-popper-content-wrapper=""
+    dir="ltr"
+    style="position: fixed; left: 0px; top: 0px; transform: translate(0px, -200%); min-width: max-content; --radix-popper-transform-origin: ; z-index: auto;"
+  >
+    <div
+      aria-label="User menu"
+      aria-labelledby="radix-react-use-id-2"
+      aria-orientation="vertical"
+      class="UserMenu-module_container _menu_so651_8"
+      data-align="start"
+      data-orientation="vertical"
+      data-radix-menu-content=""
+      data-side="right"
+      data-state="open"
+      dir="ltr"
+      id="radix-react-use-id-1"
+      role="menu"
+      style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); animation: auto ease 0s 1 normal none running none; pointer-events: auto;"
+      tabindex="-1"
+    >
+      <section
+        class="UserMenu-module_profile UserMenu-module_profilePrimary"
+      >
+        <span
+          class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 UserMenu-module_displayname"
+        >
+          Sally Sanderson
+        </span>
+        <div
+          aria-invalid="false"
+          class="_container_1xtut_8"
+        >
+          <div
+            class="SetStatusView-module_setStatusContainer"
+          >
+            <a
+              aria-controls="react-use-id-3"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-label="What's your status?"
+              class="_link_13esb_8 SetStatusView-module_setStatusTrigger"
+              data-kind="primary"
+              data-size="md"
+              rel="noreferrer noopener"
+              role="combobox"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M15.536 15.536a1 1 0 0 0-1.415-1.415 3 3 0 0 1-2.12.879 3 3 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A5 5 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
+                />
+                <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"
+                />
+              </svg>
+              <span
+                class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60"
+              >
+                What's your status?
+              </span>
+            </a>
+          </div>
+          <div
+            class="_content_1xtut_62"
+          >
+            <ul
+              class="_content_1xtut_62"
+              id="react-use-id-3"
+              role="listbox"
+            >
+              <li
+                aria-selected="false"
+                role="option"
+                tabindex="0"
+              >
+                <span
+                  class="SetStatusView-module_dropdownEmoji"
+                >
+                  💬
+                </span>
+                <span>
+                  In a meeting
+                </span>
+                 
+              </li>
+              <li
+                aria-selected="false"
+                role="option"
+                tabindex="0"
+              >
+                <span
+                  class="SetStatusView-module_dropdownEmoji"
+                >
+                  💡
+                </span>
+                <span>
+                  Focus Time
+                </span>
+                 
+              </li>
+              <li
+                aria-selected="false"
+                role="option"
+                tabindex="0"
+              >
+                <span
+                  class="SetStatusView-module_dropdownEmoji"
+                >
+                  🚙
+                </span>
+                <span>
+                  On the road
+                </span>
+                 
+              </li>
+              <li
+                aria-selected="false"
+                role="option"
+                tabindex="0"
+              >
+                <span
+                  class="SetStatusView-module_dropdownEmoji"
+                >
+                  ☕️
+                </span>
+                <span>
+                  Be right back
+                </span>
+                 
+              </li>
+              <li
+                aria-selected="false"
+                role="option"
+                tabindex="0"
+              >
+                <span
+                  class="SetStatusView-module_dropdownEmoji"
+                >
+                  🌴
+                </span>
+                <span>
+                  Away
+                </span>
+                 
+              </li>
+              <li
+                aria-selected="false"
+                role="option"
+                tabindex="0"
+              >
+                <span
+                  class="SetStatusView-module_dropdownEmoji"
+                >
+                  ✍️
+                </span>
+                <span>
+                  Custom…
+                </span>
+                 
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+      <section
+        class="UserMenu-module_profile UserMenu-module_profileSecondary"
+      >
+        <span
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 UserMenu-module_userId"
+          data-testid="userId"
+        >
+          @person-name:homeserver.com
+        </span>
+        <a
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="tertiary"
+          data-size="md"
+          href="#"
+          role="link"
+          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="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>
+          Manage account
+        </a>
+      </section>
+      <div
+        class="_separator_13qwf_8"
+        data-kind="primary"
+        data-orientation="horizontal"
+        role="separator"
+      />
+      <section
+        class="UserMenu-module_actions"
+      >
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          data-orientation="vertical"
+          data-radix-collection-item=""
+          role="menuitem"
+          tabindex="-1"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Link new device
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          data-orientation="vertical"
+          data-radix-collection-item=""
+          role="menuitem"
+          tabindex="-1"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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 22zm0-2h12V10H6zM9 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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Security & Privacy
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          data-orientation="vertical"
+          data-radix-collection-item=""
+          role="menuitem"
+          tabindex="-1"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12.713 16.713A.97.97 0 0 1 12 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 16q0-.424.287-.713A.97.97 0 0 1 12 15q.424 0 .713.287.287.288.287.713 0 .424-.287.712m0-3.999A.97.97 0 0 1 12 13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 12V8q0-.424.287-.713A.97.97 0 0 1 12 7q.424 0 .713.287Q13 7.576 13 8v4q0 .424-.287.713"
+            />
+            <path
+              d="M2.95 16.3a10.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-1zm4.2 2.8a1 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.712l-.95 3.2z"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Feedback
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          data-orientation="vertical"
+          data-radix-collection-item=""
+          role="menuitem"
+          tabindex="-1"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0"
+            />
+            <path
+              d="M11.312 2h1.376A2.31 2.31 0 0 1 15 4.312v.247l.002.003c.01.014.031.033.064.047.03.013.056.013.07.01h.002l.177-.177a2.31 2.31 0 0 1 3.27 0l.973.974a2.31 2.31 0 0 1 0 3.269l-.177.177v.003a.13.13 0 0 0 .01.07.15.15 0 0 0 .047.063l.003.002h.247A2.31 2.31 0 0 1 22 11.312v1.376A2.31 2.31 0 0 1 19.688 15h-.247l-.003.002a.15.15 0 0 0-.047.064.13.13 0 0 0-.01.07v.002l.177.177a2.31 2.31 0 0 1 0 3.27l-.974.973a2.31 2.31 0 0 1-3.269 0l-.177-.177h-.003a.13.13 0 0 0-.07.01.15.15 0 0 0-.063.047l-.002.003v.247A2.31 2.31 0 0 1 12.688 22h-1.376A2.31 2.31 0 0 1 9 19.688v-.247l-.002-.003a.15.15 0 0 0-.064-.047.13.13 0 0 0-.07-.01h-.002l-.177.177a2.31 2.31 0 0 1-3.27 0l-.973-.974a2.31 2.31 0 0 1 0-3.269l.177-.177v-.003a.14.14 0 0 0-.01-.07.15.15 0 0 0-.047-.063L4.559 15h-.247A2.31 2.31 0 0 1 2 12.688v-1.376A2.31 2.31 0 0 1 4.312 9h.247l.003-.002a.15.15 0 0 0 .047-.064.14.14 0 0 0 .01-.07v-.002l-.177-.177a2.31 2.31 0 0 1 0-3.27l.974-.973a2.31 2.31 0 0 1 3.269 0l.177.177h.003a.14.14 0 0 0 .07-.01.15.15 0 0 0 .063-.047L9 4.559v-.247A2.31 2.31 0 0 1 11.312 2M11 4.312v.257c0 .893-.59 1.593-1.299 1.887-.716.297-1.622.21-2.248-.418l-.182-.182a.31.31 0 0 0-.441 0l-.974.974a.31.31 0 0 0 0 .44l.182.183c.627.626.715 1.531.418 2.248C6.162 10.41 5.462 11 4.569 11h-.257a.31.31 0 0 0-.312.312v1.376c0 .172.14.312.312.312h.257c.893 0 1.593.59 1.887 1.299.297.716.21 1.622-.418 2.248l-.182.182a.31.31 0 0 0 0 .441l.974.973a.31.31 0 0 0 .44 0l.183-.181c.626-.627 1.532-.715 2.248-.418.709.294 1.299.994 1.299 1.887v.257c0 .172.14.312.312.312h1.376c.172 0 .312-.14.312-.312v-.257c0-.893.59-1.593 1.299-1.887.716-.297 1.622-.21 2.249.418l.181.181c.122.122.32.122.441 0l.973-.973a.31.31 0 0 0 0-.44l-.181-.183c-.627-.626-.715-1.532-.418-2.248.294-.709.994-1.299 1.887-1.299h.257c.172 0 .312-.14.312-.312v-1.376a.31.31 0 0 0-.312-.312h-.257c-.893 0-1.593-.59-1.887-1.299-.297-.717-.21-1.622.418-2.248l.181-.182a.31.31 0 0 0 0-.441l-.973-.974a.31.31 0 0 0-.44 0l-.183.182c-.626.627-1.532.715-2.248.418C13.59 6.162 13 5.462 13 4.569v-.257A.31.31 0 0 0 12.688 4h-1.376a.31.31 0 0 0-.312.312"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            All settings
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+      </section>
+    </div>
+  </div>
+  <span
+    aria-hidden="true"
+    data-aria-hidden="true"
+    data-radix-focus-guard=""
+    style="outline: none; opacity: 0; position: fixed; pointer-events: none;"
+    tabindex="0"
+  />
+</body>
+`;
+
+exports[`UserMenu > renders an open menu 1`] = `
+<body
+  data-scroll-locked="1"
+  style="pointer-events: none;"
+>
+  <span
+    aria-hidden="true"
+    data-aria-hidden="true"
+    data-radix-focus-guard=""
+    style="outline: none; opacity: 0; position: fixed; pointer-events: none;"
+    tabindex="0"
+  />
+  
+  
+
+
+  <div
+    aria-hidden="true"
+    data-aria-hidden="true"
+  >
+    <div
+      class="UserMenu-module_wrapper"
+    >
+      <button
+        aria-controls="radix-react-use-id-1"
+        aria-expanded="true"
+        aria-haspopup="menu"
+        aria-label="User menu"
+        class="UserMenu-module_triggerButton"
+        data-state="open"
+        id="radix-react-use-id-2"
+        type="button"
+      >
+        <div
+          class="UserMenu-module_avatarWrapper"
+        >
+          <span
+            aria-label="@person-name:homeserver.com"
+            class="_avatar_va14e_8"
+            data-color="1"
+            data-type="round"
+            role="img"
+            style="--cpd-avatar-size: 36px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="36px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="/static/element.png"
+              width="36px"
+            />
+          </span>
+        </div>
+      </button>
+      <span
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 UserMenu-module_displayName"
+      >
+        Sally Sanderson with a longer name
+      </span>
+    </div>
+  </div>
+  <div
+    data-radix-popper-content-wrapper=""
+    dir="ltr"
+    style="position: fixed; left: 0px; top: 0px; transform: translate(0px, -200%); min-width: max-content; --radix-popper-transform-origin: ; z-index: auto;"
+  >
+    <div
+      aria-label="User menu"
+      aria-labelledby="radix-react-use-id-2"
+      aria-orientation="vertical"
+      class="UserMenu-module_container _menu_so651_8"
+      data-align="start"
+      data-orientation="vertical"
+      data-radix-menu-content=""
+      data-side="right"
+      data-state="open"
+      dir="ltr"
+      id="radix-react-use-id-1"
+      role="menu"
+      style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); animation: auto ease 0s 1 normal none running none; pointer-events: auto;"
+      tabindex="-1"
+    >
+      <section
+        class="UserMenu-module_profile UserMenu-module_profilePrimary"
+      >
+        <span
+          aria-label="@person-name:homeserver.com"
+          class="_avatar_va14e_8"
+          data-color="1"
+          data-type="round"
+          role="img"
+          style="--cpd-avatar-size: 64px;"
+        >
+          <img
+            alt=""
+            class="_image_va14e_43"
+            data-type="round"
+            height="64px"
+            loading="lazy"
+            referrerpolicy="no-referrer"
+            src="/static/element.png"
+            width="64px"
+          />
+        </span>
+        <span
+          class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 UserMenu-module_displayname"
+        >
+          Sally Sanderson with a longer name
+        </span>
+        <div
+          aria-invalid="false"
+          class="_container_1xtut_8"
+        >
+          <div
+            class="SetStatusView-module_setStatusContainer"
+          >
+            <a
+              aria-controls="react-use-id-3"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-label="What's your status?"
+              class="_link_13esb_8 SetStatusView-module_setStatusTrigger"
+              data-kind="primary"
+              data-size="md"
+              rel="noreferrer noopener"
+              role="combobox"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M15.536 15.536a1 1 0 0 0-1.415-1.415 3 3 0 0 1-2.12.879 3 3 0 0 1-2.122-.879 1 1 0 1 0-1.414 1.415A5 5 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
+                />
+                <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"
+                />
+              </svg>
+              <span
+                class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60"
+              >
+                What's your status?
+              </span>
+            </a>
+          </div>
+          <div
+            class="_content_1xtut_62"
+          >
+            <ul
+              class="_content_1xtut_62"
+              id="react-use-id-3"
+              role="listbox"
+            >
+              <li
+                aria-selected="false"
+                role="option"
+                tabindex="0"
+              >
+                <span
+                  class="SetStatusView-module_dropdownEmoji"
+                >
+                  💬
+                </span>
+                <span>
+                  In a meeting
+                </span>
+                 
+              </li>
+              <li
+                aria-selected="false"
+                role="option"
+                tabindex="0"
+              >
+                <span
+                  class="SetStatusView-module_dropdownEmoji"
+                >
+                  💡
+                </span>
+                <span>
+                  Focus Time
+                </span>
+                 
+              </li>
+              <li
+                aria-selected="false"
+                role="option"
+                tabindex="0"
+              >
+                <span
+                  class="SetStatusView-module_dropdownEmoji"
+                >
+                  🚙
+                </span>
+                <span>
+                  On the road
+                </span>
+                 
+              </li>
+              <li
+                aria-selected="false"
+                role="option"
+                tabindex="0"
+              >
+                <span
+                  class="SetStatusView-module_dropdownEmoji"
+                >
+                  ☕️
+                </span>
+                <span>
+                  Be right back
+                </span>
+                 
+              </li>
+              <li
+                aria-selected="false"
+                role="option"
+                tabindex="0"
+              >
+                <span
+                  class="SetStatusView-module_dropdownEmoji"
+                >
+                  🌴
+                </span>
+                <span>
+                  Away
+                </span>
+                 
+              </li>
+              <li
+                aria-selected="false"
+                role="option"
+                tabindex="0"
+              >
+                <span
+                  class="SetStatusView-module_dropdownEmoji"
+                >
+                  ✍️
+                </span>
+                <span>
+                  Custom…
+                </span>
+                 
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+      <section
+        class="UserMenu-module_profile UserMenu-module_profileSecondary"
+      >
+        <span
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 UserMenu-module_userId"
+          data-testid="userId"
+        >
+          @person-name:homeserver.com
+        </span>
+        <a
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="tertiary"
+          data-size="md"
+          href="#"
+          role="link"
+          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="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>
+          Manage account
+        </a>
+      </section>
+      <div
+        class="_separator_13qwf_8"
+        data-kind="primary"
+        data-orientation="horizontal"
+        role="separator"
+      />
+      <section
+        class="UserMenu-module_actions"
+      >
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          data-orientation="vertical"
+          data-radix-collection-item=""
+          role="menuitem"
+          tabindex="-1"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Link new device
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          data-orientation="vertical"
+          data-radix-collection-item=""
+          role="menuitem"
+          tabindex="-1"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            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 22zm0-2h12V10H6zM9 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>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Security & Privacy
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          data-orientation="vertical"
+          data-radix-collection-item=""
+          role="menuitem"
+          tabindex="-1"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12.713 16.713A.97.97 0 0 1 12 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 16q0-.424.287-.713A.97.97 0 0 1 12 15q.424 0 .713.287.287.288.287.713 0 .424-.287.712m0-3.999A.97.97 0 0 1 12 13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 12V8q0-.424.287-.713A.97.97 0 0 1 12 7q.424 0 .713.287Q13 7.576 13 8v4q0 .424-.287.713"
+            />
+            <path
+              d="M2.95 16.3a10.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-1zm4.2 2.8a1 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.712l-.95 3.2z"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            Feedback
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_bym9p_8 _interactive_bym9p_26"
+          data-kind="primary"
+          data-orientation="vertical"
+          data-radix-collection-item=""
+          role="menuitem"
+          tabindex="-1"
+        >
+          <svg
+            aria-hidden="true"
+            class="_icon_bym9p_51"
+            fill="currentColor"
+            height="24"
+            viewBox="0 0 24 24"
+            width="24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0"
+            />
+            <path
+              d="M11.312 2h1.376A2.31 2.31 0 0 1 15 4.312v.247l.002.003c.01.014.031.033.064.047.03.013.056.013.07.01h.002l.177-.177a2.31 2.31 0 0 1 3.27 0l.973.974a2.31 2.31 0 0 1 0 3.269l-.177.177v.003a.13.13 0 0 0 .01.07.15.15 0 0 0 .047.063l.003.002h.247A2.31 2.31 0 0 1 22 11.312v1.376A2.31 2.31 0 0 1 19.688 15h-.247l-.003.002a.15.15 0 0 0-.047.064.13.13 0 0 0-.01.07v.002l.177.177a2.31 2.31 0 0 1 0 3.27l-.974.973a2.31 2.31 0 0 1-3.269 0l-.177-.177h-.003a.13.13 0 0 0-.07.01.15.15 0 0 0-.063.047l-.002.003v.247A2.31 2.31 0 0 1 12.688 22h-1.376A2.31 2.31 0 0 1 9 19.688v-.247l-.002-.003a.15.15 0 0 0-.064-.047.13.13 0 0 0-.07-.01h-.002l-.177.177a2.31 2.31 0 0 1-3.27 0l-.973-.974a2.31 2.31 0 0 1 0-3.269l.177-.177v-.003a.14.14 0 0 0-.01-.07.15.15 0 0 0-.047-.063L4.559 15h-.247A2.31 2.31 0 0 1 2 12.688v-1.376A2.31 2.31 0 0 1 4.312 9h.247l.003-.002a.15.15 0 0 0 .047-.064.14.14 0 0 0 .01-.07v-.002l-.177-.177a2.31 2.31 0 0 1 0-3.27l.974-.973a2.31 2.31 0 0 1 3.269 0l.177.177h.003a.14.14 0 0 0 .07-.01.15.15 0 0 0 .063-.047L9 4.559v-.247A2.31 2.31 0 0 1 11.312 2M11 4.312v.257c0 .893-.59 1.593-1.299 1.887-.716.297-1.622.21-2.248-.418l-.182-.182a.31.31 0 0 0-.441 0l-.974.974a.31.31 0 0 0 0 .44l.182.183c.627.626.715 1.531.418 2.248C6.162 10.41 5.462 11 4.569 11h-.257a.31.31 0 0 0-.312.312v1.376c0 .172.14.312.312.312h.257c.893 0 1.593.59 1.887 1.299.297.716.21 1.622-.418 2.248l-.182.182a.31.31 0 0 0 0 .441l.974.973a.31.31 0 0 0 .44 0l.183-.181c.626-.627 1.532-.715 2.248-.418.709.294 1.299.994 1.299 1.887v.257c0 .172.14.312.312.312h1.376c.172 0 .312-.14.312-.312v-.257c0-.893.59-1.593 1.299-1.887.716-.297 1.622-.21 2.249.418l.181.181c.122.122.32.122.441 0l.973-.973a.31.31 0 0 0 0-.44l-.181-.183c-.627-.626-.715-1.532-.418-2.248.294-.709.994-1.299 1.887-1.299h.257c.172 0 .312-.14.312-.312v-1.376a.31.31 0 0 0-.312-.312h-.257c-.893 0-1.593-.59-1.887-1.299-.297-.717-.21-1.622.418-2.248l.181-.182a.31.31 0 0 0 0-.441l-.973-.974a.31.31 0 0 0-.44 0l-.183.182c-.626.627-1.532.715-2.248.418C13.59 6.162 13 5.462 13 4.569v-.257A.31.31 0 0 0 12.688 4h-1.376a.31.31 0 0 0-.312.312"
+            />
+          </svg>
+          <span
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
+          >
+            All settings
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_bym9p_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+        </button>
+      </section>
+    </div>
+  </div>
+  <span
+    aria-hidden="true"
+    data-aria-hidden="true"
+    data-radix-focus-guard=""
+    style="outline: none; opacity: 0; position: fixed; pointer-events: none;"
+    tabindex="0"
+  />
+</body>
+`;
+
+exports[`UserMenu > renders an open menu with user status 1`] = `
+<div
+  aria-hidden="true"
+  data-aria-hidden="true"
+>
+  <div
+    class="UserMenu-module_wrapper"
+  >
+    <button
+      aria-controls="radix-react-use-id-1"
+      aria-expanded="true"
+      aria-haspopup="menu"
+      aria-label="User menu"
+      class="UserMenu-module_triggerButton"
+      data-state="open"
+      id="radix-react-use-id-2"
+      type="button"
+    >
+      <div
+        class="UserMenu-module_avatarWrapper"
+      >
+        <span
+          aria-label="@person-name:homeserver.com"
+          class="_avatar_va14e_8"
+          data-color="1"
+          data-type="round"
+          role="img"
+          style="--cpd-avatar-size: 36px;"
+        >
+          <img
+            alt=""
+            class="_image_va14e_43"
+            data-type="round"
+            height="36px"
+            loading="lazy"
+            referrerpolicy="no-referrer"
+            src="/static/element.png"
+            width="36px"
+          />
+        </span>
+        <div
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 UserMenu-module_iconStatusEmoji"
+        >
+          🐹
+        </div>
+      </div>
+    </button>
+    <span
+      class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 UserMenu-module_displayName"
+    >
+      Sally Sanderson
+    </span>
+  </div>
+</div>
+`;
+
+exports[`UserMenu > renders condensed view 1`] = `
+<div>
+  <div
+    class="UserMenu-module_wrapper"
+  >
+    <button
+      aria-expanded="false"
+      aria-haspopup="menu"
+      aria-label="User menu"
+      class="UserMenu-module_triggerButton"
+      data-state="closed"
+      id="radix-react-use-id-1"
+      type="button"
+    >
+      <div
+        class="UserMenu-module_avatarWrapper"
+      >
+        <span
+          aria-label="@person-name:homeserver.com"
+          class="_avatar_va14e_8"
+          data-color="1"
+          data-type="round"
+          role="img"
+          style="--cpd-avatar-size: 36px;"
+        >
+          <img
+            alt=""
+            class="_image_va14e_43"
+            data-type="round"
+            height="36px"
+            loading="lazy"
+            referrerpolicy="no-referrer"
+            src="/static/element.png"
+            width="36px"
+          />
+        </span>
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`UserMenu > renders the status emoji when set 1`] = `
+<div>
+  <div
+    class="UserMenu-module_wrapper"
+  >
+    <button
+      aria-expanded="false"
+      aria-haspopup="menu"
+      aria-label="User menu"
+      class="UserMenu-module_triggerButton"
+      data-state="closed"
+      id="radix-react-use-id-1"
+      type="button"
+    >
+      <div
+        class="UserMenu-module_avatarWrapper"
+      >
+        <span
+          aria-label="@person-name:homeserver.com"
+          class="_avatar_va14e_8"
+          data-color="1"
+          data-type="round"
+          role="img"
+          style="--cpd-avatar-size: 36px;"
+        >
+          <img
+            alt=""
+            class="_image_va14e_43"
+            data-type="round"
+            height="36px"
+            loading="lazy"
+            referrerpolicy="no-referrer"
+            src="/static/element.png"
+            width="36px"
+          />
+        </span>
+        <div
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 UserMenu-module_iconStatusEmoji"
+        >
+          🐹
+        </div>
+      </div>
+    </button>
+    <span
+      class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 UserMenu-module_displayName"
+    >
+      Sally Sanderson
+    </span>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/menus/UserMenu/index.ts b/packages/shared-components/src/menus/UserMenu/index.ts
new file mode 100644
index 00000000000..b98ba958945
--- /dev/null
+++ b/packages/shared-components/src/menus/UserMenu/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 {
+    UserMenuView as UserMenu,
+    type UserMenuViewProps,
+    type UserMenuViewSnapshot as UserMenuSnapshot,
+    type UserMenuViewActions,
+} from "./UserMenu";
diff --git a/packages/shared-components/src/notifications/NotificationBadgeView/NotificationBadgeView.module.css b/packages/shared-components/src/notifications/NotificationBadgeView/NotificationBadgeView.module.css
new file mode 100644
index 00000000000..158bae064b1
--- /dev/null
+++ b/packages/shared-components/src/notifications/NotificationBadgeView/NotificationBadgeView.module.css
@@ -0,0 +1,73 @@
+/*
+ * 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.
+ */
+
+.notificationBadge {
+    box-sizing: border-box;
+    padding: 0;
+    border: 0;
+    font: inherit;
+}
+
+.notificationBadge:not(.visible) {
+    display: none;
+}
+
+.notificationBadge.visible {
+    background-color: var(--roomtile-default-badge-bg-color, var(--cpd-color-icon-secondary));
+    color: var(--cpd-color-text-on-solid-primary);
+    outline: 1px solid transparent;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+button.notificationBadge {
+    cursor: pointer;
+}
+
+.notificationBadge.visible.dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 8px;
+    background-color: var(--cpd-color-icon-primary);
+}
+
+.notificationBadge.visible.dot .count {
+    display: none;
+}
+
+.notificationBadge.visible.dot.notification {
+    background-color: var(--cpd-color-icon-success-primary);
+}
+
+.notificationBadge.visible.highlight {
+    background-color: var(--cpd-color-icon-critical-primary);
+}
+
+.notificationBadge.visible > svg {
+    width: 16px;
+    height: 16px;
+}
+
+.notificationBadge.visible.badge2Char {
+    width: 1rem;
+    height: 1rem;
+    border-radius: 1rem;
+}
+
+.notificationBadge.visible.badge3Char {
+    width: 1.625rem;
+    height: 1rem;
+    border-radius: 1rem;
+}
+
+.notificationBadge.visible .count {
+    font-size: 0.625rem;
+    line-height: 0.875rem;
+    font-weight: var(--cpd-font-weight-semibold);
+    color: var(--cpd-color-text-on-solid-primary);
+}
diff --git a/packages/shared-components/src/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx b/packages/shared-components/src/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx
new file mode 100644
index 00000000000..97b00827599
--- /dev/null
+++ b/packages/shared-components/src/notifications/NotificationBadgeView/NotificationBadgeView.stories.tsx
@@ -0,0 +1,98 @@
+/*
+ * 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 { useMockedViewModel } from "../../core/viewmodel";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+import {
+    NotificationBadgeView,
+    type NotificationBadgeViewActions,
+    type NotificationBadgeViewSnapshot,
+} from "./NotificationBadgeView";
+
+type WrapperProps = NotificationBadgeViewSnapshot & NotificationBadgeViewActions;
+
+const NotificationBadgeViewWrapperImpl = ({ onClick, ...snapshotProps }: WrapperProps): JSX.Element => {
+    const vm = useMockedViewModel(snapshotProps, {
+        onClick: onClick ?? fn(),
+    });
+
+    return <NotificationBadgeView vm={vm} />;
+};
+
+const NotificationBadgeViewWrapper = withViewDocs(NotificationBadgeViewWrapperImpl, NotificationBadgeView);
+
+const meta = {
+    title: "Notifications/NotificationBadgeView",
+    component: NotificationBadgeViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        shouldRender: true,
+        isVisible: true,
+        isNotification: false,
+        isHighlight: false,
+        isKnocked: false,
+        badgeType: "badge_2char",
+        symbol: "3",
+        isClickable: false,
+        ariaLabel: undefined,
+        tabIndex: undefined,
+        showUnsentTooltip: false,
+    },
+} satisfies Meta<typeof NotificationBadgeViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Notification: Story = {};
+
+export const Dot: Story = {
+    args: {
+        badgeType: "dot",
+        symbol: null,
+        isNotification: true,
+    },
+};
+
+export const Highlight: Story = {
+    args: {
+        isHighlight: true,
+        symbol: "!",
+    },
+};
+
+export const Knocked: Story = {
+    args: {
+        isKnocked: true,
+        symbol: "!",
+    },
+};
+
+export const Clickable: Story = {
+    args: {
+        isClickable: true,
+        ariaLabel: "Jump to first unread room",
+        tabIndex: 0,
+    },
+};
+
+export const WithTooltip: Story = {
+    args: {
+        isHighlight: true,
+        symbol: "!",
+        showUnsentTooltip: true,
+    },
+};
+
+export const Hidden: Story = {
+    args: {
+        shouldRender: false,
+    },
+};
diff --git a/packages/shared-components/src/notifications/NotificationBadgeView/NotificationBadgeView.test.tsx b/packages/shared-components/src/notifications/NotificationBadgeView/NotificationBadgeView.test.tsx
new file mode 100644
index 00000000000..35f8753631a
--- /dev/null
+++ b/packages/shared-components/src/notifications/NotificationBadgeView/NotificationBadgeView.test.tsx
@@ -0,0 +1,41 @@
+/*
+ * 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, screen } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import React from "react";
+import { describe, expect, it } from "vitest";
+
+import * as stories from "./NotificationBadgeView.stories";
+
+const { Notification, Dot, Knocked, Hidden } = composeStories(stories);
+
+describe("NotificationBadgeView", () => {
+    it("renders the default notification badge", () => {
+        const { container } = render(<Notification />);
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a dot badge", () => {
+        render(<Dot />);
+
+        expect(screen.getByTestId("notification-badge")).toHaveAttribute("data-badge-type", "dot");
+    });
+
+    it("renders a knocked badge icon", () => {
+        render(<Knocked />);
+
+        expect(screen.getByLabelText("Request to join sent")).toBeInTheDocument();
+    });
+
+    it("does not render when hidden", () => {
+        const { container } = render(<Hidden />);
+
+        expect(container.firstChild).toBeNull();
+    });
+});
diff --git a/packages/shared-components/src/notifications/NotificationBadgeView/NotificationBadgeView.tsx b/packages/shared-components/src/notifications/NotificationBadgeView/NotificationBadgeView.tsx
new file mode 100644
index 00000000000..4cec043510c
--- /dev/null
+++ b/packages/shared-components/src/notifications/NotificationBadgeView/NotificationBadgeView.tsx
@@ -0,0 +1,151 @@
+/*
+ * 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 MouseEventHandler } from "react";
+import classNames from "classnames";
+import { AskToJoinIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Tooltip } from "@vector-im/compound-web";
+
+import { type ViewModel, useViewModel } from "../../core/viewmodel";
+import { useI18n } from "../../core/i18n/i18nContext";
+import styles from "./NotificationBadgeView.module.css";
+
+export type NotificationBadgeType = "dot" | "badge_2char" | "badge_3char";
+
+export interface NotificationBadgeViewSnapshot {
+    /**
+     * Controls whether the badge root should render.
+     */
+    shouldRender: boolean;
+    /**
+     * Controls whether the badge receives the visible styling class.
+     */
+    isVisible: boolean;
+    /**
+     * Marks the badge as a regular notification.
+     */
+    isNotification: boolean;
+    /**
+     * Marks the badge as a highlight notification.
+     */
+    isHighlight: boolean;
+    /**
+     * Marks the badge as representing a knock request.
+     */
+    isKnocked: boolean;
+    /**
+     * Controls the visual badge shape.
+     */
+    badgeType: NotificationBadgeType;
+    /**
+     * Display text for non-knock badges.
+     */
+    symbol: string | null;
+    /**
+     * Whether to render the badge as an interactive control.
+     */
+    isClickable: boolean;
+    /**
+     * Accessible label for clickable badges.
+     */
+    ariaLabel?: string;
+    /**
+     * Tab index for clickable badges.
+     */
+    tabIndex?: number;
+    /**
+     * Whether to show the unsent-message tooltip.
+     */
+    showUnsentTooltip: boolean;
+}
+
+export interface NotificationBadgeViewActions {
+    /**
+     * Called when an interactive badge is activated.
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+
+export type NotificationBadgeViewModel = ViewModel<NotificationBadgeViewSnapshot> & NotificationBadgeViewActions;
+
+interface NotificationBadgeViewProps {
+    vm: NotificationBadgeViewModel;
+    className?: string;
+}
+
+export function NotificationBadgeView({ vm, className }: Readonly<NotificationBadgeViewProps>): JSX.Element {
+    const { translate: _t } = useI18n();
+    const {
+        shouldRender,
+        isVisible,
+        isNotification,
+        isHighlight,
+        isKnocked,
+        badgeType,
+        symbol,
+        isClickable,
+        ariaLabel,
+        tabIndex,
+        showUnsentTooltip,
+    } = useViewModel(vm);
+
+    if (!shouldRender) {
+        return <></>;
+    }
+
+    const classes = classNames(className, styles.notificationBadge, {
+        [styles.visible]: isVisible,
+        [styles.notification]: isNotification,
+        [styles.highlight]: isHighlight,
+        [styles.dot]: badgeType === "dot",
+        [styles.badge2Char]: badgeType === "badge_2char",
+        [styles.badge3Char]: badgeType === "badge_3char",
+        // Badges with text should always use light colors.
+        "cpd-theme-light": badgeType !== "dot",
+    });
+    const notificationLevel = isHighlight ? "highlight" : isNotification ? "notification" : undefined;
+
+    const content = isKnocked ? (
+        <AskToJoinIcon aria-label={_t("room|knock_sent")} />
+    ) : (
+        <span className={styles.count}>{symbol}</span>
+    );
+
+    const badge = isClickable ? (
+        <button
+            type="button"
+            data-testid="notification-badge"
+            data-badge-type={badgeType}
+            data-notification-level={notificationLevel}
+            className={classes}
+            aria-label={ariaLabel}
+            tabIndex={tabIndex}
+            onClick={vm.onClick}
+        >
+            {content}
+        </button>
+    ) : (
+        <div
+            data-testid="notification-badge"
+            data-badge-type={badgeType}
+            data-notification-level={notificationLevel}
+            className={classes}
+        >
+            {content}
+        </div>
+    );
+
+    if (showUnsentTooltip) {
+        return (
+            <Tooltip label={_t("notifications|message_didnt_send")} placement="right">
+                {badge}
+            </Tooltip>
+        );
+    }
+
+    return badge;
+}
diff --git a/packages/shared-components/src/notifications/NotificationBadgeView/__snapshots__/NotificationBadgeView.test.tsx.snap b/packages/shared-components/src/notifications/NotificationBadgeView/__snapshots__/NotificationBadgeView.test.tsx.snap
new file mode 100644
index 00000000000..2f5ce14acca
--- /dev/null
+++ b/packages/shared-components/src/notifications/NotificationBadgeView/__snapshots__/NotificationBadgeView.test.tsx.snap
@@ -0,0 +1,17 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`NotificationBadgeView > renders the default notification badge 1`] = `
+<div>
+  <div
+    class="NotificationBadgeView-module_notificationBadge NotificationBadgeView-module_visible NotificationBadgeView-module_badge2Char cpd-theme-light"
+    data-badge-type="badge_2char"
+    data-testid="notification-badge"
+  >
+    <span
+      class="NotificationBadgeView-module_count"
+    >
+      3
+    </span>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/notifications/NotificationBadgeView/index.ts b/packages/shared-components/src/notifications/NotificationBadgeView/index.ts
new file mode 100644
index 00000000000..1b1f91cca7b
--- /dev/null
+++ b/packages/shared-components/src/notifications/NotificationBadgeView/index.ts
@@ -0,0 +1,14 @@
+/*
+ * 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 {
+    NotificationBadgeView,
+    type NotificationBadgeType,
+    type NotificationBadgeViewActions,
+    type NotificationBadgeViewModel,
+    type NotificationBadgeViewSnapshot,
+} from "./NotificationBadgeView";
diff --git a/packages/shared-components/src/resize/group/GroupView.stories.tsx b/packages/shared-components/src/resize/group/GroupView.stories.tsx
new file mode 100644
index 00000000000..42c11c36683
--- /dev/null
+++ b/packages/shared-components/src/resize/group/GroupView.stories.tsx
@@ -0,0 +1,72 @@
+/*
+ * 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 { GroupView, type GroupViewActions, Panel, Separator } from "..";
+import { useMockedViewModel } from "../../core/viewmodel";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+import { Flex } from "../../core/utils/Flex";
+
+type GroupViewProps = GroupViewActions;
+
+const Wrapper = ({ onLeftPanelResized }: GroupViewProps): JSX.Element => {
+    const vm = useMockedViewModel(undefined, { onLeftPanelResized });
+    return (
+        <GroupView vm={vm}>
+            <Panel minSize="200px" maxSize="400px">
+                <Flex align="center" justify="center">
+                    LEFT CONTENT
+                </Flex>
+            </Panel>
+            <Separator />
+            <Panel>
+                <Flex align="center" justify="center">
+                    MAIN CONTENT
+                </Flex>
+            </Panel>
+        </GroupView>
+    );
+};
+
+const GroupViewWrapper = withViewDocs(Wrapper, GroupView);
+
+const meta = {
+    title: "Resize/GroupView",
+    component: GroupViewWrapper,
+    // This is a structural component, so nothing to visually test.
+    tags: ["autodocs", "!snapshot"],
+    args: {
+        onLeftPanelResized: fn(),
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/vlmt46QDdE4dgXDiyBJXqp/ER-33-Left-Panel?node-id=2503-46137&t=d52sHg9vUDKnQS1Y-4",
+        },
+    },
+} satisfies Meta<typeof GroupViewWrapper>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    decorators: [
+        (Story) => (
+            <div
+                style={{
+                    height: "600px",
+                }}
+            >
+                <Story />
+            </div>
+        ),
+    ],
+};
diff --git a/packages/shared-components/src/resize/group/GroupView.test.tsx b/packages/shared-components/src/resize/group/GroupView.test.tsx
new file mode 100644
index 00000000000..bcf8aef7f56
--- /dev/null
+++ b/packages/shared-components/src/resize/group/GroupView.test.tsx
@@ -0,0 +1,57 @@
+/*
+ * 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 { composeStories } from "@storybook/react-vite";
+import { describe, it, expect, vi } from "vitest";
+import userEvent from "@testing-library/user-event";
+
+import * as stories from "./GroupView.stories";
+import { BaseViewModel } from "../../core/viewmodel";
+import { GroupView, type GroupViewActions, Panel, Separator } from "..";
+
+const { Default } = composeStories(stories);
+
+class MockViewModel extends BaseViewModel<unknown, unknown> implements GroupViewActions {
+    public constructor() {
+        super(undefined, undefined);
+    }
+
+    public onLeftPanelResized: (newSize: number) => void = vi.fn();
+}
+
+function renderPanel(): MockViewModel {
+    const vm = new MockViewModel();
+    render(
+        <GroupView vm={vm}>
+            <Panel>Test</Panel>
+            <Separator />
+            <Panel>Test</Panel>
+        </GroupView>,
+    );
+    return vm;
+}
+
+describe("<GroupView />", () => {
+    it("renders Default story", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should call onLeftPanelResize", async () => {
+        const vm = renderPanel();
+        const separator = screen.getByRole("separator");
+        const user = userEvent.setup();
+        await user.pointer([
+            { target: separator, keys: "[MouseLeft>]" },
+            { coords: { x: 400, y: 200 } },
+            { keys: "[/MouseLeft]" },
+        ]);
+        expect(vm.onLeftPanelResized).toHaveBeenCalledOnce();
+    });
+});
diff --git a/packages/shared-components/src/resize/group/GroupView.tsx b/packages/shared-components/src/resize/group/GroupView.tsx
new file mode 100644
index 00000000000..bb7b377484f
--- /dev/null
+++ b/packages/shared-components/src/resize/group/GroupView.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 PropsWithChildren } from "react";
+import { Group, type Layout } from "react-resizable-panels";
+
+import { type ViewModel, useViewModel } from "../../core/viewmodel";
+import { LEFT_PANEL_ID } from "..";
+
+export interface GroupViewActions {
+    /**
+     * Indicates to the view-model that the left panel was resized.
+     * @param newSize The new size of the left panel
+     */
+    onLeftPanelResized: (newSize: number) => void;
+}
+
+interface Props {
+    vm: ViewModel<unknown, GroupViewActions>;
+}
+
+/**
+ * This the root component for collapsible left panel. Based on {@link Group} from react-resizable-panels.
+ */
+export function GroupView({ vm, children }: PropsWithChildren<Props>): React.ReactNode {
+    useViewModel(vm);
+
+    /**
+     * Take layout data provided by the library and pass just the size
+     * of the left panel to the vm.
+     */
+    const onLayoutChanged = (layout: Layout): void => {
+        const newSize = layout[LEFT_PANEL_ID];
+        vm.onLeftPanelResized(newSize);
+    };
+
+    return <Group onLayoutChanged={onLayoutChanged}>{children}</Group>;
+}
diff --git a/packages/shared-components/src/resize/group/__snapshots__/GroupView.test.tsx.snap b/packages/shared-components/src/resize/group/__snapshots__/GroupView.test.tsx.snap
new file mode 100644
index 00000000000..99a3aa2cc50
--- /dev/null
+++ b/packages/shared-components/src/resize/group/__snapshots__/GroupView.test.tsx.snap
@@ -0,0 +1,64 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<GroupView /> > renders Default story 1`] = `
+<div>
+  <div
+    style="height: 600px;"
+  >
+    <div
+      data-group="true"
+      data-testid="react-use-id-1"
+      id="react-use-id-1"
+      style="height: 100%; width: 100%; overflow: hidden; display: flex; flex-flow: row; touch-action: pan-y;"
+    >
+      <div
+        data-panel="true"
+        data-testid="react-use-id-2"
+        id="react-use-id-2"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 50 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            LEFT CONTENT
+          </div>
+        </div>
+      </div>
+      <div
+        aria-controls="react-use-id-2"
+        aria-orientation="vertical"
+        aria-valuemax="96.618"
+        aria-valuemin="48.309"
+        aria-valuenow="50"
+        data-separator="inactive"
+        data-testid="react-use-id-3"
+        id="react-use-id-3"
+        role="separator"
+        style="flex: 0 0 auto; touch-action: none;"
+        tabindex="0"
+      />
+      <div
+        data-panel="true"
+        data-testid="react-use-id-4"
+        id="react-use-id-4"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 50 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            MAIN CONTENT
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/resize/index.ts b/packages/shared-components/src/resize/index.ts
new file mode 100644
index 00000000000..00a2b962501
--- /dev/null
+++ b/packages/shared-components/src/resize/index.ts
@@ -0,0 +1,41 @@
+/*
+ * 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.
+ */
+
+/**
+ * This is the id given to the resizable container that holds
+ * the left panel contents.
+ */
+export const LEFT_PANEL_ID = "left-panel";
+
+export * from "./group/GroupView";
+export * from "./separator/SeparatorView";
+export * from "./panel/LeftResizablePanelView";
+
+/**
+ * Common snapshot for GroupView, SeparatorView and LeftResizablePanelView.
+ */
+export interface ResizerViewSnapshot {
+    /**
+     * Whether the left panel is collapsed or not.
+     */
+    isCollapsed: boolean;
+    /**
+     * This is the initial size of the panel if available; should be interpreted as percentage.
+     */
+    initialSize?: number;
+}
+
+/**
+ * Export relevant parts of the underlying library.
+ */
+export {
+    Group as ResizableGroup,
+    Panel,
+    Separator,
+    type PanelSize,
+    type PanelImperativeHandle,
+} from "react-resizable-panels";
diff --git a/packages/shared-components/src/resize/panel/LeftResizablePanelView.stories.tsx b/packages/shared-components/src/resize/panel/LeftResizablePanelView.stories.tsx
new file mode 100644
index 00000000000..96d2048e860
--- /dev/null
+++ b/packages/shared-components/src/resize/panel/LeftResizablePanelView.stories.tsx
@@ -0,0 +1,76 @@
+/*
+ * 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 {
+    ResizableGroup,
+    LeftResizablePanelView,
+    Panel,
+    Separator,
+    type LeftResizablePanelViewActions,
+    type ResizerViewSnapshot,
+} from "..";
+import { useMockedViewModel } from "../../core/viewmodel";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+import { Flex } from "../../core/utils/Flex";
+
+type LeftResizablePanelViewProps = ResizerViewSnapshot & LeftResizablePanelViewActions;
+
+const Wrapper = ({ onLeftPanelResize, setPanelHandle, ...snapshot }: LeftResizablePanelViewProps): JSX.Element => {
+    const vm = useMockedViewModel(snapshot, { onLeftPanelResize, setPanelHandle });
+    return (
+        <LeftResizablePanelView vm={vm} minSize="200px" maxSize="400px">
+            <Flex align="center" justify="center">
+                LEFT CONTENT
+            </Flex>
+        </LeftResizablePanelView>
+    );
+};
+
+const LeftResizablePanelViewWrapper = withViewDocs(Wrapper, LeftResizablePanelView);
+
+const meta = {
+    title: "Resize/LeftResizablePanelView",
+    component: LeftResizablePanelViewWrapper,
+    // This is a structural component, so nothing to visually test.
+    tags: ["autodocs", "!snapshot"],
+    args: {
+        initialSize: 20,
+        isCollapsed: false,
+        onLeftPanelResize: fn(),
+        setPanelHandle: fn(),
+    },
+} satisfies Meta<typeof LeftResizablePanelViewWrapper>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    decorators: [
+        (Story) => (
+            <div
+                style={{
+                    height: "600px",
+                }}
+            >
+                <ResizableGroup>
+                    <Story />
+                    <Separator />
+                    <Panel>
+                        <Flex align="center" justify="center">
+                            MAIN CONTENT
+                        </Flex>
+                    </Panel>
+                </ResizableGroup>
+            </div>
+        ),
+    ],
+};
diff --git a/packages/shared-components/src/resize/panel/LeftResizablePanelView.test.tsx b/packages/shared-components/src/resize/panel/LeftResizablePanelView.test.tsx
new file mode 100644
index 00000000000..449bffe9536
--- /dev/null
+++ b/packages/shared-components/src/resize/panel/LeftResizablePanelView.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, screen } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect, vi } from "vitest";
+import userEvent from "@testing-library/user-event";
+
+import * as stories from "./LeftResizablePanelView.stories";
+import { BaseViewModel } from "../../core/viewmodel";
+import {
+    ResizableGroup,
+    LEFT_PANEL_ID,
+    LeftResizablePanelView,
+    type LeftResizablePanelViewActions,
+    Panel,
+    type PanelImperativeHandle,
+    type PanelSize,
+    type ResizerViewSnapshot,
+    Separator,
+} from "..";
+
+const { Default } = composeStories(stories);
+
+class MockViewModel extends BaseViewModel<ResizerViewSnapshot, unknown> implements LeftResizablePanelViewActions {
+    public constructor(snapshot: ResizerViewSnapshot) {
+        super(undefined, snapshot);
+    }
+
+    public onLeftPanelResize: (panelSize: PanelSize) => void = vi.fn();
+    public setPanelHandle: (handle: PanelImperativeHandle) => void = vi.fn();
+}
+
+function renderPanel(initialSnapshot?: Partial<ResizerViewSnapshot>): MockViewModel {
+    const snapshot = { isCollapsed: false, isFocusedViaKeyboard: false, initialSize: 20, ...initialSnapshot };
+    const vm = new MockViewModel(snapshot);
+    render(
+        <ResizableGroup>
+            <LeftResizablePanelView vm={vm}>Left</LeftResizablePanelView>
+            <Separator />
+            <Panel>Test</Panel>
+        </ResizableGroup>,
+    );
+    return vm;
+}
+
+describe("<LeftResizablePanelView />", () => {
+    it("renders Default story", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should call setPanelHandle", () => {
+        const vm = renderPanel();
+        expect(vm.setPanelHandle).toHaveBeenCalled();
+    });
+
+    it("should call onLeftPanelResize", async () => {
+        const vm = renderPanel();
+        const separator = screen.getByRole("separator");
+        const user = userEvent.setup();
+        await user.pointer([
+            { target: separator, keys: "[MouseLeft>]" },
+            { coords: { x: 400, y: 200 } },
+            { keys: "[/MouseLeft]" },
+        ]);
+        expect(vm.onLeftPanelResize).toHaveBeenCalled();
+    });
+
+    it("should be inert when collapsed", () => {
+        renderPanel({ isCollapsed: true });
+        const panel = screen.getByTestId(LEFT_PANEL_ID);
+        expect(panel.getAttribute("inert")).not.toBeNull();
+    });
+});
diff --git a/packages/shared-components/src/resize/panel/LeftResizablePanelView.tsx b/packages/shared-components/src/resize/panel/LeftResizablePanelView.tsx
new file mode 100644
index 00000000000..9b3ac2fe7e8
--- /dev/null
+++ b/packages/shared-components/src/resize/panel/LeftResizablePanelView.tsx
@@ -0,0 +1,74 @@
+/*
+ * 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, { useEffect, type PropsWithChildren } from "react";
+import {
+    Panel,
+    type PanelProps,
+    usePanelCallbackRef,
+    type PanelImperativeHandle,
+    type PanelSize,
+} from "react-resizable-panels";
+
+import { type ViewModel, useViewModel } from "../../core/viewmodel";
+import { LEFT_PANEL_ID, type ResizerViewSnapshot } from "..";
+
+export interface LeftResizablePanelViewActions {
+    /**
+     * Indicates to the view-model that the left panel is being resized.
+     * @param panelSize The new panel size.
+     */
+    onLeftPanelResize: (panelSize: PanelSize) => void;
+
+    /**
+     * Pass the vm the object containing the API to interact with this panel.
+     * @param handle Object that can be used to access the imperative methods of the panel.
+     */
+    setPanelHandle: (handle: PanelImperativeHandle) => void;
+}
+
+type Props = {
+    vm: ViewModel<ResizerViewSnapshot, LeftResizablePanelViewActions>;
+    className?: string;
+} & Pick<PanelProps, "minSize" | "maxSize" | "defaultSize">;
+
+/**
+ * This is a custom panel component for the left-panel. It is used along with SeparatorView, Group and Panel to render
+ * collapsible room list.
+ */
+export function LeftResizablePanelView({
+    vm,
+    className,
+    children,
+    ...props
+}: PropsWithChildren<Props>): React.ReactNode {
+    const { initialSize, isCollapsed } = useViewModel(vm);
+    const [panelRef, setPanelRef] = usePanelCallbackRef();
+
+    useEffect(() => {
+        if (panelRef) vm.setPanelHandle(panelRef);
+    }, [vm, panelRef]);
+
+    const defaultSize = initialSize === undefined ? props.defaultSize : `${initialSize}%`;
+
+    return (
+        <Panel
+            inert={isCollapsed}
+            id={LEFT_PANEL_ID}
+            className={className}
+            collapsible
+            minSize={props.minSize}
+            maxSize={props.maxSize}
+            defaultSize={defaultSize}
+            onResize={vm.onLeftPanelResize}
+            panelRef={setPanelRef}
+            groupResizeBehavior="preserve-pixel-size"
+        >
+            {children}
+        </Panel>
+    );
+}
diff --git a/packages/shared-components/src/resize/panel/__snapshots__/LeftResizablePanelView.test.tsx.snap b/packages/shared-components/src/resize/panel/__snapshots__/LeftResizablePanelView.test.tsx.snap
new file mode 100644
index 00000000000..fa685fba157
--- /dev/null
+++ b/packages/shared-components/src/resize/panel/__snapshots__/LeftResizablePanelView.test.tsx.snap
@@ -0,0 +1,64 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<LeftResizablePanelView /> > renders Default story 1`] = `
+<div>
+  <div
+    style="height: 600px;"
+  >
+    <div
+      data-group="true"
+      data-testid="react-use-id-1"
+      id="react-use-id-1"
+      style="height: 100%; width: 100%; overflow: hidden; display: flex; flex-flow: row; touch-action: pan-y;"
+    >
+      <div
+        data-panel="true"
+        data-testid="left-panel"
+        id="left-panel"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 0 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            LEFT CONTENT
+          </div>
+        </div>
+      </div>
+      <div
+        aria-controls="left-panel"
+        aria-orientation="vertical"
+        aria-valuemax="96.618"
+        aria-valuemin="0"
+        aria-valuenow="0"
+        data-separator="inactive"
+        data-testid="react-use-id-2"
+        id="react-use-id-2"
+        role="separator"
+        style="flex: 0 0 auto; touch-action: none;"
+        tabindex="0"
+      />
+      <div
+        data-panel="true"
+        data-testid="react-use-id-3"
+        id="react-use-id-3"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 100 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            MAIN CONTENT
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/resize/separator/SeparatorView.module.css b/packages/shared-components/src/resize/separator/SeparatorView.module.css
new file mode 100644
index 00000000000..413e7311478
--- /dev/null
+++ b/packages/shared-components/src/resize/separator/SeparatorView.module.css
@@ -0,0 +1,88 @@
+/*
+ * 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.
+ */
+
+.separator {
+    /* Necessary to avoid weird focus outlines (doubled on one side, absent on one side etc...) */
+    outline-offset: -2px;
+
+    /* We set the separator container to relative so that the child container (activeSeparatorContainer)
+    can be absolutely positioned */
+    position: relative;
+
+    display: flex;
+    justify-content: center;
+}
+
+/* When type=border, we just render a 1px border */
+.separator[data-separator-type="border"] {
+    /*
+    We reserve 1px of space even though the actual separator is absolute positioned.
+    This keeps the panel looking the same as when the border was part of the panel.
+    */
+    width: 1px;
+
+    /* We can disable the browser focus ring since we show a thicker separator on focus */
+    outline: none;
+
+    .activeSeparatorContainer {
+        .activeSeparator {
+            width: 0px;
+            border-right: 1px solid var(--cpd-color-bg-subtle-primary);
+            outline: none;
+        }
+    }
+}
+
+/* When type=bar, we render the 12px separator */
+.separator[data-separator-type="bar"] {
+    width: 12px;
+    display: flex;
+    align-items: center;
+    border-right: 1px solid var(--cpd-color-bg-subtle-primary);
+}
+
+.separator[data-separator-type="bar"][data-separator="hover"],
+.separator:focus-visible {
+    background: var(--cpd-color-bg-action-tertiary-hovered);
+}
+
+/* When type=border and the user hovers/focuses the separator, we make the separator thicker */
+.separator[data-separator-type="border"]:is(
+    [data-separator="hover"],
+    [data-separator="active"],
+    [data-separator="focus"]
+),
+.separator[data-separator-type="border"]:focus-visible {
+    .activeSeparatorContainer {
+        .activeSeparator {
+            width: 0px;
+            border-right: 2px solid var(--cpd-color-border-interactive-secondary);
+            outline: none;
+        }
+    }
+}
+
+/* Container for the separator when the left panel is expanded */
+.activeSeparatorContainer {
+    display: flex;
+    justify-content: center;
+
+    /*
+    By making this container absolutely positioned an wide enough to cover the entire hit region,
+    we're able to intercept all the pointer events.
+    Without this, we'd only capture the events within a narrow 2px/1px border.
+    */
+    position: absolute;
+    width: 10px;
+    z-index: 100;
+    height: 100%;
+
+    .activeSeparator {
+        /* Fade in/ fade out the border */
+        transition: border 0.15s ease-in-out 0.3s;
+    }
+}
diff --git a/packages/shared-components/src/resize/separator/SeparatorView.stories.tsx b/packages/shared-components/src/resize/separator/SeparatorView.stories.tsx
new file mode 100644
index 00000000000..d5a3e5f0a74
--- /dev/null
+++ b/packages/shared-components/src/resize/separator/SeparatorView.stories.tsx
@@ -0,0 +1,203 @@
+/*
+ * 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 { expect, fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { ResizableGroup, Panel, type ResizerViewSnapshot, SeparatorView, type SeparatorViewActions } from "..";
+import { useMockedViewModel } from "../../core/viewmodel";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+import { Flex } from "../../core/utils/Flex";
+
+type SeparatorViewProps = ResizerViewSnapshot & SeparatorViewActions;
+
+const Wrapper = ({
+    onPointerDown,
+    onPointerMove,
+    onPointerUp,
+    onDoubleClick,
+    ...snapshot
+}: SeparatorViewProps): JSX.Element => {
+    const vm = useMockedViewModel(snapshot, { onPointerDown, onPointerMove, onPointerUp, onDoubleClick });
+    return <SeparatorView className="Separator" vm={vm} />;
+};
+
+const SeparatorViewWrapper = withViewDocs(Wrapper, SeparatorView);
+
+const meta = {
+    title: "Resize/SeparatorView",
+    component: SeparatorViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        onPointerUp: fn(),
+        onPointerMove: fn(),
+        onPointerDown: fn(),
+        onDoubleClick: fn(),
+        isCollapsed: true,
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=10603-14568&t=hvg0p1vDW5Cg6ZKY-4",
+        },
+    },
+} satisfies Meta<typeof SeparatorViewWrapper>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    decorators: [
+        (Story) => (
+            <div
+                style={{
+                    height: "600px",
+                }}
+            >
+                <ResizableGroup>
+                    <Panel collapsible defaultSize="0" minSize="200px" maxSize="400px">
+                        <Flex tabIndex={0} align="center" justify="center">
+                            LEFT CONTENT
+                        </Flex>
+                    </Panel>
+                    <Story />
+                    <Panel>
+                        <Flex align="center" justify="center">
+                            MAIN CONTENT
+                        </Flex>
+                    </Panel>
+                </ResizableGroup>
+            </div>
+        ),
+    ],
+};
+
+const commonDecorator = (Story: React.ComponentType): React.ReactElement => {
+    return (
+        <div
+            style={{
+                height: "600px",
+            }}
+        >
+            <ResizableGroup>
+                <Panel collapsible defaultSize="200px" minSize="200px" maxSize="400px">
+                    <Flex tabIndex={0} align="center" justify="center">
+                        LEFT CONTENT
+                    </Flex>
+                </Panel>
+                <Story />
+                <Panel>
+                    <Flex align="center" justify="center">
+                        MAIN CONTENT
+                    </Flex>
+                </Panel>
+            </ResizableGroup>
+        </div>
+    );
+};
+
+export const LeftPanelExpanded: Story = {
+    decorators: [(Story) => commonDecorator(Story)],
+    args: {
+        isCollapsed: false,
+    },
+};
+
+export const KeyboardFocused: Story = {
+    // We'll manually take a screenshot for this story
+    tags: ["autodocs", "!snapshot"],
+    decorators: [(Story) => commonDecorator(Story)],
+    args: {
+        isCollapsed: false,
+    },
+    play: async ({ canvas, canvasElement }) => {
+        const separator = canvas.getByRole("separator");
+        separator.focus();
+        // Wait for animations to finish
+        await new Promise((r) => setTimeout(r, 500));
+        await expect(canvasElement).toMatchImageSnapshot();
+    },
+};
+
+export const HoverWhenCollapsed: Story = {
+    // We'll manually take a screenshot for this story
+    tags: ["autodocs", "!snapshot"],
+    decorators: [
+        (Story) => (
+            <div
+                style={{
+                    height: "600px",
+                }}
+            >
+                <ResizableGroup>
+                    <Panel collapsible defaultSize="0" minSize="200px" maxSize="400px">
+                        <Flex tabIndex={0} align="center" justify="center">
+                            LEFT CONTENT
+                        </Flex>
+                    </Panel>
+                    <Story />
+                    <Panel>
+                        <Flex align="center" justify="center">
+                            MAIN CONTENT
+                        </Flex>
+                    </Panel>
+                </ResizableGroup>
+            </div>
+        ),
+    ],
+    play: async ({ canvas, canvasElement }) => {
+        const separator = canvas.getByRole("separator");
+        separator.dataset.separator = "hover";
+        await expect(canvasElement).toMatchImageSnapshot();
+    },
+};
+
+export const HoverWhenExpanded: Story = {
+    // We'll manually take a screenshot for this story
+    tags: ["autodocs", "!snapshot"],
+    args: {
+        isCollapsed: false,
+    },
+    decorators: [
+        (Story) => (
+            <div
+                style={{
+                    height: "600px",
+                }}
+            >
+                <ResizableGroup>
+                    <div
+                        style={{
+                            height: "600px",
+                            width: "200px",
+                        }}
+                    />
+                    <Panel collapsible defaultSize="0" minSize="200px" maxSize="400px">
+                        <Flex tabIndex={0} align="center" justify="center">
+                            LEFT CONTENT
+                        </Flex>
+                    </Panel>
+                    <Story />
+                    <Panel>
+                        <Flex align="center" justify="center">
+                            MAIN CONTENT
+                        </Flex>
+                    </Panel>
+                </ResizableGroup>
+            </div>
+        ),
+    ],
+    play: async ({ canvas, canvasElement }) => {
+        const separator = canvas.getByRole("separator");
+        separator.dataset.separator = "hover";
+        // Wait for animations to finish
+        await new Promise((r) => setTimeout(r, 500));
+        await expect(canvasElement).toMatchImageSnapshot();
+    },
+};
diff --git a/packages/shared-components/src/resize/separator/SeparatorView.test.tsx b/packages/shared-components/src/resize/separator/SeparatorView.test.tsx
new file mode 100644
index 00000000000..fc6ea141916
--- /dev/null
+++ b/packages/shared-components/src/resize/separator/SeparatorView.test.tsx
@@ -0,0 +1,83 @@
+/*
+ * 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 { composeStories } from "@storybook/react-vite";
+import { describe, it, expect, vi } from "vitest";
+import { userEvent } from "vitest/browser";
+
+import * as stories from "./SeparatorView.stories";
+import { BaseViewModel } from "../../core/viewmodel";
+import { ResizableGroup, Panel, type ResizerViewSnapshot, SeparatorView, type SeparatorViewActions } from "..";
+
+const { Default, LeftPanelExpanded, KeyboardFocused, HoverWhenCollapsed, HoverWhenExpanded } = composeStories(stories);
+
+class MockViewModel extends BaseViewModel<ResizerViewSnapshot, unknown> implements SeparatorViewActions {
+    public constructor(snapshot: ResizerViewSnapshot) {
+        super(undefined, snapshot);
+    }
+    public onPointerUp: () => void = vi.fn();
+    public onPointerMove: () => void = vi.fn();
+    public onPointerDown: () => void = vi.fn();
+    public onDoubleClick: () => void = vi.fn();
+}
+
+function renderPanel(initialSnapshot?: Partial<ResizerViewSnapshot>): MockViewModel {
+    const snapshot = { isCollapsed: true, isFocusedViaKeyboard: false, initialSize: 20, ...initialSnapshot };
+    const vm = new MockViewModel(snapshot);
+    render(
+        <ResizableGroup>
+            <Panel>Left</Panel>
+            <SeparatorView vm={vm} />
+            <Panel>Test</Panel>
+        </ResizableGroup>,
+    );
+    return vm;
+}
+
+describe("<SeparatorView />", () => {
+    it("renders Default story", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders LeftPanelExpanded story", () => {
+        const { container } = render(<LeftPanelExpanded />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders KeyboardFocused story", () => {
+        const { container } = render(<KeyboardFocused />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders HoverWhenCollapsed story", () => {
+        const { container } = render(<HoverWhenCollapsed />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders HoverWhenExpanded story", () => {
+        const { container } = render(<HoverWhenExpanded />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should call onPointerDown and onPointerUp on pointer events", async () => {
+        const vm = renderPanel();
+        const separator = screen.getByRole("separator");
+        await userEvent.click(separator);
+        expect(vm.onPointerDown).toHaveBeenCalledOnce();
+        expect(vm.onPointerUp).toHaveBeenCalledOnce();
+    });
+
+    it("should call onDoubleClick on double click", async () => {
+        const vm = renderPanel();
+        const separator = screen.getByRole("separator");
+        await userEvent.dblClick(separator);
+        expect(vm.onDoubleClick).toHaveBeenCalledOnce();
+    });
+});
diff --git a/packages/shared-components/src/resize/separator/SeparatorView.tsx b/packages/shared-components/src/resize/separator/SeparatorView.tsx
new file mode 100644
index 00000000000..ae45c58e903
--- /dev/null
+++ b/packages/shared-components/src/resize/separator/SeparatorView.tsx
@@ -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 React from "react";
+import { Separator } from "react-resizable-panels";
+import DragIcon from "@vector-im/compound-design-tokens/assets/web/icons/drag-list";
+import classNames from "classnames";
+import { Tooltip } from "@vector-im/compound-web";
+
+import { type ViewModel, useViewModel } from "../../core/viewmodel";
+import styles from "./SeparatorView.module.css";
+import { type ResizerViewSnapshot } from "..";
+import { useI18n } from "../../core/i18n/i18nContext";
+
+export interface SeparatorViewActions {
+    /**
+     * onPointerUp handler for separator.
+     */
+    onPointerUp: () => void;
+
+    /**
+     * onPointerMove handler for separator. Takes the event so that how far the pointer has travelled
+     * since it went down can be measured.
+     */
+    onPointerMove: (event: React.PointerEvent) => void;
+
+    /**
+     * onPointerDown handler for separator. Takes the event so that where the pointer went down can be
+     * measured from.
+     */
+    onPointerDown: (event: React.PointerEvent) => void;
+
+    /**
+     * onDoubleClick handler for the separator.
+     */
+    onDoubleClick: () => void;
+}
+
+interface Props {
+    vm: ViewModel<ResizerViewSnapshot, SeparatorViewActions>;
+    className?: string;
+}
+
+/**
+ * Custom separator for collapsible left-panel based on {@link Separator}.
+ */
+export function SeparatorView({ vm, className }: Props): React.ReactNode {
+    const { translate: _t } = useI18n();
+    const { isCollapsed } = useViewModel(vm);
+
+    /**
+     * There are two types of separator:
+     * - bar: This shows a thick bar separator with a resize icon in the middle; shown when the panel is collapsed.
+     * - border: This is just a thin separator; shown when the panel is expanded.
+     */
+    const type = isCollapsed ? "bar" : "border";
+
+    const barContent = (
+        <Tooltip description={_t("left_panel|separator_label")} placement="right">
+            <DragIcon
+                width="20px"
+                height="12px"
+                // Without a custom view-box, this svg would scale incorrectly and would appear tiny within the separator.
+                // See https://github.com/element-hq/compound/issues/242
+                viewBox="3.999704360961914 8.999704360961914 16.000295639038086 6.000591278076172"
+                transform="rotate(90)"
+            />
+        </Tooltip>
+    );
+
+    /**
+     * This border is:
+     * - a 1px border that separates the left panel and main content.
+     * - a 2px border when the panel is expanded and the user is interacting with the separator.
+     */
+    const border = (
+        <div className={styles.activeSeparatorContainer}>
+            <div className={styles.activeSeparator} />
+        </div>
+    );
+
+    return (
+        <Separator
+            className={classNames(styles.separator, className)}
+            onPointerUp={vm.onPointerUp}
+            onPointerMove={vm.onPointerMove}
+            onPointerDown={vm.onPointerDown}
+            aria-label={_t("left_panel|separator_label")}
+            data-separator-type={type}
+            onDoubleClick={vm.onDoubleClick}
+            disableDoubleClick
+        >
+            {type === "bar" ? barContent : border}
+        </Separator>
+    );
+}
diff --git a/packages/shared-components/src/resize/separator/__snapshots__/SeparatorView.test.tsx.snap b/packages/shared-components/src/resize/separator/__snapshots__/SeparatorView.test.tsx.snap
new file mode 100644
index 00000000000..6ad257d117c
--- /dev/null
+++ b/packages/shared-components/src/resize/separator/__snapshots__/SeparatorView.test.tsx.snap
@@ -0,0 +1,389 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<SeparatorView /> > renders Default story 1`] = `
+<div>
+  <div
+    style="height: 600px;"
+  >
+    <div
+      data-group="true"
+      data-testid="react-use-id-1"
+      id="react-use-id-1"
+      style="height: 100%; width: 100%; overflow: hidden; display: flex; flex-flow: row; touch-action: pan-y;"
+    >
+      <div
+        data-panel="true"
+        data-testid="react-use-id-2"
+        id="react-use-id-2"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 0 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+            tabindex="0"
+          >
+            LEFT CONTENT
+          </div>
+        </div>
+      </div>
+      <div
+        aria-controls="react-use-id-2"
+        aria-label="Click or drag to expand"
+        aria-orientation="vertical"
+        aria-valuemax="99.502"
+        aria-valuemin="0"
+        aria-valuenow="0"
+        class="SeparatorView-module_separator Separator"
+        data-separator="inactive"
+        data-separator-type="bar"
+        data-testid="react-use-id-3"
+        id="react-use-id-3"
+        role="separator"
+        style="flex: 0 0 auto; touch-action: none;"
+        tabindex="0"
+      >
+        <svg
+          fill="currentColor"
+          height="12px"
+          transform="rotate(90)"
+          viewBox="3.999704360961914 8.999704360961914 16.000295639038086 6.000591278076172"
+          width="20px"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M5 15a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 14q0-.424.287-.713A.97.97 0 0 1 5 13h14q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 19 15zm0-4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 10q0-.424.287-.713A.97.97 0 0 1 5 9h14q.424 0 .712.287Q20 9.576 20 10t-.288.713A.97.97 0 0 1 19 11z"
+          />
+        </svg>
+      </div>
+      <div
+        data-panel="true"
+        data-testid="react-use-id-4"
+        id="react-use-id-4"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 100 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            MAIN CONTENT
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<SeparatorView /> > renders HoverWhenCollapsed story 1`] = `
+<div>
+  <div
+    style="height: 600px;"
+  >
+    <div
+      data-group="true"
+      data-testid="react-use-id-1"
+      id="react-use-id-1"
+      style="height: 100%; width: 100%; overflow: hidden; display: flex; flex-flow: row; touch-action: pan-y;"
+    >
+      <div
+        data-panel="true"
+        data-testid="react-use-id-2"
+        id="react-use-id-2"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 0 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+            tabindex="0"
+          >
+            LEFT CONTENT
+          </div>
+        </div>
+      </div>
+      <div
+        aria-controls="react-use-id-2"
+        aria-label="Click or drag to expand"
+        aria-orientation="vertical"
+        aria-valuemax="99.502"
+        aria-valuemin="0"
+        aria-valuenow="0"
+        class="SeparatorView-module_separator Separator"
+        data-separator="inactive"
+        data-separator-type="bar"
+        data-testid="react-use-id-3"
+        id="react-use-id-3"
+        role="separator"
+        style="flex: 0 0 auto; touch-action: none;"
+        tabindex="0"
+      >
+        <svg
+          fill="currentColor"
+          height="12px"
+          transform="rotate(90)"
+          viewBox="3.999704360961914 8.999704360961914 16.000295639038086 6.000591278076172"
+          width="20px"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M5 15a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 14q0-.424.287-.713A.97.97 0 0 1 5 13h14q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 19 15zm0-4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 10q0-.424.287-.713A.97.97 0 0 1 5 9h14q.424 0 .712.287Q20 9.576 20 10t-.288.713A.97.97 0 0 1 19 11z"
+          />
+        </svg>
+      </div>
+      <div
+        data-panel="true"
+        data-testid="react-use-id-4"
+        id="react-use-id-4"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 100 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            MAIN CONTENT
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<SeparatorView /> > renders HoverWhenExpanded story 1`] = `
+<div>
+  <div
+    style="height: 600px;"
+  >
+    <div
+      data-group="true"
+      data-testid="react-use-id-1"
+      id="react-use-id-1"
+      style="height: 100%; width: 100%; overflow: hidden; display: flex; flex-flow: row; touch-action: pan-y;"
+    >
+      <div
+        style="height: 600px; width: 200px;"
+      />
+      <div
+        data-panel="true"
+        data-testid="react-use-id-2"
+        id="react-use-id-2"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 0 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+            tabindex="0"
+          >
+            LEFT CONTENT
+          </div>
+        </div>
+      </div>
+      <div
+        aria-controls="react-use-id-2"
+        aria-label="Click or drag to expand"
+        aria-orientation="vertical"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="0"
+        class="SeparatorView-module_separator Separator"
+        data-separator="inactive"
+        data-separator-type="border"
+        data-testid="react-use-id-3"
+        id="react-use-id-3"
+        role="separator"
+        style="flex: 0 0 auto; touch-action: none;"
+        tabindex="0"
+      >
+        <div
+          class="SeparatorView-module_activeSeparatorContainer"
+        >
+          <div
+            class="SeparatorView-module_activeSeparator"
+          />
+        </div>
+      </div>
+      <div
+        data-panel="true"
+        data-testid="react-use-id-4"
+        id="react-use-id-4"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 100 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            MAIN CONTENT
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<SeparatorView /> > renders KeyboardFocused story 1`] = `
+<div>
+  <div
+    style="height: 600px;"
+  >
+    <div
+      data-group="true"
+      data-testid="react-use-id-1"
+      id="react-use-id-1"
+      style="height: 100%; width: 100%; overflow: hidden; display: flex; flex-flow: row; touch-action: pan-y;"
+    >
+      <div
+        data-panel="true"
+        data-testid="react-use-id-2"
+        id="react-use-id-2"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 48.426 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+            tabindex="0"
+          >
+            LEFT CONTENT
+          </div>
+        </div>
+      </div>
+      <div
+        aria-controls="react-use-id-2"
+        aria-label="Click or drag to expand"
+        aria-orientation="vertical"
+        aria-valuemax="96.852"
+        aria-valuemin="0"
+        aria-valuenow="48.426"
+        class="SeparatorView-module_separator Separator"
+        data-separator="inactive"
+        data-separator-type="border"
+        data-testid="react-use-id-3"
+        id="react-use-id-3"
+        role="separator"
+        style="flex: 0 0 auto; touch-action: none;"
+        tabindex="0"
+      >
+        <div
+          class="SeparatorView-module_activeSeparatorContainer"
+        >
+          <div
+            class="SeparatorView-module_activeSeparator"
+          />
+        </div>
+      </div>
+      <div
+        data-panel="true"
+        data-testid="react-use-id-4"
+        id="react-use-id-4"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 51.574 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            MAIN CONTENT
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<SeparatorView /> > renders LeftPanelExpanded story 1`] = `
+<div>
+  <div
+    style="height: 600px;"
+  >
+    <div
+      data-group="true"
+      data-testid="react-use-id-1"
+      id="react-use-id-1"
+      style="height: 100%; width: 100%; overflow: hidden; display: flex; flex-flow: row; touch-action: pan-y;"
+    >
+      <div
+        data-panel="true"
+        data-testid="react-use-id-2"
+        id="react-use-id-2"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 48.426 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+            tabindex="0"
+          >
+            LEFT CONTENT
+          </div>
+        </div>
+      </div>
+      <div
+        aria-controls="react-use-id-2"
+        aria-label="Click or drag to expand"
+        aria-orientation="vertical"
+        aria-valuemax="96.852"
+        aria-valuemin="0"
+        aria-valuenow="48.426"
+        class="SeparatorView-module_separator Separator"
+        data-separator="inactive"
+        data-separator-type="border"
+        data-testid="react-use-id-3"
+        id="react-use-id-3"
+        role="separator"
+        style="flex: 0 0 auto; touch-action: none;"
+        tabindex="0"
+      >
+        <div
+          class="SeparatorView-module_activeSeparatorContainer"
+        >
+          <div
+            class="SeparatorView-module_activeSeparator"
+          />
+        </div>
+      </div>
+      <div
+        data-panel="true"
+        data-testid="react-use-id-4"
+        id="react-use-id-4"
+        style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 51.574 1 0px; overflow: visible;"
+      >
+        <div
+          style="max-height: 100%; max-width: 100%; flex-grow: 1; overflow: auto; touch-action: pan-y;"
+        >
+          <div
+            class="Flex-module_flex"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+          >
+            MAIN CONTENT
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
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 00000000000..252b3bde7a4
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.module.css
@@ -0,0 +1,30 @@
+/*
+ * 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 {
+    min-height: 60px;
+    padding: 0 var(--cpd-space-4x) 0 var(--cpd-space-3x);
+}
+
+.container {
+    flex: 1;
+    padding-bottom: var(--cpd-space-3x);
+    min-width: 0;
+}
+
+.title {
+    min-width: 0;
+
+    h1 {
+        /* Remove default h1 margin */
+        margin: unset;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        user-select: none; /* currently supported by Chrome, Edge, Opera and Firefox */
+    }
+}
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 00000000000..fd92c92ea44
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx
@@ -0,0 +1,158 @@
+/*
+ * 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 {
+    RoomListHeaderView,
+    type RoomListHeaderViewActions,
+    type RoomListHeaderViewSnapshot,
+} from "./RoomListHeaderView";
+import { useMockedViewModel } from "../../core/viewmodel";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+import { defaultSnapshot } from "./default-snapshot";
+
+type RoomListHeaderProps = RoomListHeaderViewSnapshot & RoomListHeaderViewActions;
+
+const RoomListHeaderViewWrapperImpl = ({
+    createChatRoom,
+    createRoom,
+    createVideoRoom,
+    openSpaceHome,
+    openSpaceSettings,
+    inviteInSpace,
+    openSpacePreferences,
+    sort,
+    toggleMessagePreview,
+    createSection,
+    collapseOrExpandSections,
+    closeSectionReleaseAnnouncement,
+    ...rest
+}: RoomListHeaderProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        createChatRoom,
+        createRoom,
+        createVideoRoom,
+        openSpaceHome,
+        openSpaceSettings,
+        inviteInSpace,
+        sort,
+        openSpacePreferences,
+        toggleMessagePreview,
+        createSection,
+        collapseOrExpandSections,
+        closeSectionReleaseAnnouncement,
+    });
+    return <RoomListHeaderView vm={vm} />;
+};
+const RoomListHeaderViewWrapper = withViewDocs(RoomListHeaderViewWrapperImpl, RoomListHeaderView);
+
+const meta = {
+    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(),
+        createSection: fn(),
+        collapseOrExpandSections: fn(),
+        closeSectionReleaseAnnouncement: fn(),
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/vlmt46QDdE4dgXDiyBJXqp/ER-33-Left-Panel?node-id=2925-19173",
+        },
+    },
+} satisfies Meta<typeof RoomListHeaderViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const NoSpaceMenu: Story = {
+    args: {
+        displaySpaceMenu: false,
+    },
+};
+
+export const LongTitle: Story = {
+    decorators: [
+        (Story) => (
+            <div style={{ width: "200px" }}>
+                <Story />
+            </div>
+        ),
+    ],
+    args: {
+        title: "Loooooooooooooooooooooooooooooooooooooong title",
+    },
+};
+
+export const CollapseSections: Story = {
+    args: {
+        collapseSections: "collapse",
+    },
+};
+
+export const ExpandSections: Story = {
+    args: {
+        collapseSections: "expand",
+    },
+};
+
+export const DisplaySectionReleaseAnnouncement: Story = {
+    decorators: [
+        (Story) => (
+            <div style={{ width: "300px" }}>
+                <Story />
+            </div>
+        ),
+    ],
+    args: {
+        displaySectionReleaseAnnouncement: true,
+    },
+    parameters: {
+        a11y: {
+            config: {
+                rules: [
+                    {
+                        // compound-web's ReleaseAnnouncement renders its header as <h3>,
+                        // which jumps from RoomListHeaderView's <h1> ("Rooms").
+                        id: "heading-order",
+                        enabled: false,
+                    },
+                ],
+            },
+        },
+    },
+};
+
+export const SectionsDisabled: Story = {
+    args: {
+        areSectionsEnabled: false,
+    },
+};
+
+export const NoComposeMenu: Story = {
+    args: {
+        canCreateRoom: false,
+        canCreateVideoRoom: false,
+        areSectionsEnabled: 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 00000000000..7c13b5c4ed2
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.test.tsx
@@ -0,0 +1,44 @@
+/*
+ * 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, NoSpaceMenu, CollapseSections, ExpandSections } = composeStories(stories);
+
+describe("RoomListHeaderView", () => {
+    it("renders the default state", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders without space menu", () => {
+        const { container } = render(<NoSpaceMenu />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders collapse button", () => {
+        const { container } = render(<CollapseSections />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders expand button", () => {
+        const { container } = render(<ExpandSections />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should bind the collapse all sections action", () => {
+        const { getByRole } = render(<CollapseSections />);
+        const collapseButton = getByRole("button", { name: "Collapse all sections" });
+        collapseButton.click();
+        expect(CollapseSections.args?.collapseOrExpandSections).toHaveBeenCalled();
+    });
+});
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 00000000000..45af90aeb6d
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.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 } from "react";
+import { IconButton, H1 } from "@vector-im/compound-web";
+import { CollapseAllIcon, ExpandAllIcon, ChatIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { type ViewModel, useViewModel } from "../../core/viewmodel";
+import { Flex } from "../../core/utils/Flex";
+import { useI18n } from "../../core/i18n/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";
+
+/**
+ * The available options for collapsing sections in the room list.
+ */
+export type CollapseSectionsOption = "collapse" | "expand";
+
+export interface RoomListHeaderViewSnapshot {
+    /**
+     * The title of the room list
+     */
+    title: string;
+    /**
+     * 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;
+    /**
+     * Whether sections are enabled in the room list.
+     */
+    areSectionsEnabled: boolean;
+    /**
+     * If "collapse", an icon to collapse all sections is shown.
+     * If "expand", an icon to expand all sections is shown.
+     * If undefined, no  icon are shown.
+     */
+    collapseSections?: CollapseSectionsOption;
+    /**
+     *  Whether to display the section release announcement
+     */
+    displaySectionReleaseAnnouncement: 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;
+    /**
+     * Create a new section in the room list.
+     */
+    createSection: () => void;
+    /**
+     * Collapse or expand all sections in the room list depending on the current state.
+     */
+    collapseOrExpandSections: () => void;
+    /**
+     * Close the section release announcement
+     */
+    closeSectionReleaseAnnouncement: () => 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, collapseSections, areSectionsEnabled, canCreateRoom, canCreateVideoRoom } =
+        useViewModel(vm);
+    const canOnlyStartChat = !areSectionsEnabled && !canCreateRoom && !canCreateVideoRoom;
+
+    return (
+        <Flex
+            as="header"
+            className={styles.header}
+            aria-label={_t("room|context_menu|title")}
+            align="end"
+            data-testid="room-list-header"
+        >
+            <Flex className={styles.container} justify="space-between" align="center" gap="var(--cpd-space-3x)">
+                <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} />
+                    {areSectionsEnabled && collapseSections && (
+                        <IconButton
+                            size="28px"
+                            style={{ padding: "4px" }}
+                            onClick={() => vm.collapseOrExpandSections()}
+                            tooltip={
+                                collapseSections === "collapse"
+                                    ? _t("room_list|collapse_all_sections")
+                                    : _t("room_list|expand_all_sections")
+                            }
+                        >
+                            {collapseSections === "collapse" ? (
+                                <CollapseAllIcon color="var(--cpd-color-icon-secondary)" aria-hidden />
+                            ) : (
+                                <ExpandAllIcon color="var(--cpd-color-icon-secondary)" aria-hidden />
+                            )}
+                        </IconButton>
+                    )}
+                    {canOnlyStartChat ? (
+                        <IconButton
+                            size="28px"
+                            style={{ padding: "4px" }} // Work around miscalculated padding on 28px button: https://github.com/element-hq/compound/issues/409
+                            onClick={(e) => vm.createChatRoom(e.nativeEvent)}
+                            tooltip={_t("action|start_chat")}
+                        >
+                            <ChatIcon color="var(--cpd-color-icon-secondary)" aria-hidden />
+                        </IconButton>
+                    ) : (
+                        <ComposeMenuView vm={vm} />
+                    )}
+                </Flex>
+            </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 00000000000..68e8085b7e6
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/__snapshots__/RoomListHeaderView.test.tsx.snap
@@ -0,0 +1,540 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`RoomListHeaderView > renders collapse button 1`] = `
+<div>
+  <header
+    aria-label="Room options"
+    class="Flex-module_flex RoomListHeaderView-module_header"
+    data-testid="room-list-header"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: end; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <div
+      class="Flex-module_flex RoomListHeaderView-module_container"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="Flex-module_flex RoomListHeaderView-module_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 SpaceMenuView-module_button"
+          data-kind="primary"
+          data-state="closed"
+          id="radix-react-use-id-1"
+          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-module_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="react-use-id-2"
+          class="_icon-button_1215g_8"
+          data-kind="primary"
+          data-state="closed"
+          id="radix-react-use-id-3"
+          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="react-use-id-4"
+          class="_icon-button_1215g_8"
+          data-kind="primary"
+          role="button"
+          style="--cpd-icon-button-size: 28px; padding: 4px;"
+          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
+                d="m12 16.975-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-.7l3.875-3.875q.575-.575 1.425-.575t1.425.575l3.875 3.875a.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-.275zm0-9.8 3.9-3.9A.95.95 0 0 1 16.6 3q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L13.425 8.55q-.575.575-1.425.575t-1.425-.575L6.7 4.675a.95.95 0 0 1-.275-.7q0-.425.275-.7A.95.95 0 0 1 7.4 3q.425 0 .7.275z"
+              />
+            </svg>
+          </div>
+        </button>
+        <button
+          aria-disabled="false"
+          aria-expanded="false"
+          aria-haspopup="menu"
+          aria-labelledby="react-use-id-5"
+          class="_icon-button_1215g_8"
+          data-kind="primary"
+          data-state="closed"
+          id="radix-react-use-id-6"
+          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
+              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
+                d="M11 13H6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h5V6q0-.424.287-.713A.97.97 0 0 1 12 5q.424 0 .713.287Q13 5.576 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 18z"
+              />
+            </svg>
+          </div>
+        </button>
+      </div>
+    </div>
+  </header>
+</div>
+`;
+
+exports[`RoomListHeaderView > renders expand button 1`] = `
+<div>
+  <header
+    aria-label="Room options"
+    class="Flex-module_flex RoomListHeaderView-module_header"
+    data-testid="room-list-header"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: end; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <div
+      class="Flex-module_flex RoomListHeaderView-module_container"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="Flex-module_flex RoomListHeaderView-module_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 SpaceMenuView-module_button"
+          data-kind="primary"
+          data-state="closed"
+          id="radix-react-use-id-1"
+          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-module_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="react-use-id-2"
+          class="_icon-button_1215g_8"
+          data-kind="primary"
+          data-state="closed"
+          id="radix-react-use-id-3"
+          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="react-use-id-4"
+          class="_icon-button_1215g_8"
+          data-kind="primary"
+          role="button"
+          style="--cpd-icon-button-size: 28px; padding: 4px;"
+          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
+                d="m12 19.2 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-3.875 3.875q-.575.575-1.425.575t-1.425-.575L6.7 16.7a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275zm0-14.25-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-.7l3.875-3.875Q11.15 3 12 3t1.425.575L17.3 7.45a.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>
+        </button>
+        <button
+          aria-disabled="false"
+          aria-expanded="false"
+          aria-haspopup="menu"
+          aria-labelledby="react-use-id-5"
+          class="_icon-button_1215g_8"
+          data-kind="primary"
+          data-state="closed"
+          id="radix-react-use-id-6"
+          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
+              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
+                d="M11 13H6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h5V6q0-.424.287-.713A.97.97 0 0 1 12 5q.424 0 .713.287Q13 5.576 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 18z"
+              />
+            </svg>
+          </div>
+        </button>
+      </div>
+    </div>
+  </header>
+</div>
+`;
+
+exports[`RoomListHeaderView > renders the default state 1`] = `
+<div>
+  <header
+    aria-label="Room options"
+    class="Flex-module_flex RoomListHeaderView-module_header"
+    data-testid="room-list-header"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: end; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <div
+      class="Flex-module_flex RoomListHeaderView-module_container"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="Flex-module_flex RoomListHeaderView-module_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 SpaceMenuView-module_button"
+          data-kind="primary"
+          data-state="closed"
+          id="radix-react-use-id-1"
+          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-module_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="react-use-id-2"
+          class="_icon-button_1215g_8"
+          data-kind="primary"
+          data-state="closed"
+          id="radix-react-use-id-3"
+          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="react-use-id-4"
+          class="_icon-button_1215g_8"
+          data-kind="primary"
+          data-state="closed"
+          id="radix-react-use-id-5"
+          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
+              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
+                d="M11 13H6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h5V6q0-.424.287-.713A.97.97 0 0 1 12 5q.424 0 .713.287Q13 5.576 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 18z"
+              />
+            </svg>
+          </div>
+        </button>
+      </div>
+    </div>
+  </header>
+</div>
+`;
+
+exports[`RoomListHeaderView > renders without space menu 1`] = `
+<div>
+  <header
+    aria-label="Room options"
+    class="Flex-module_flex RoomListHeaderView-module_header"
+    data-testid="room-list-header"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: end; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <div
+      class="Flex-module_flex RoomListHeaderView-module_container"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="Flex-module_flex RoomListHeaderView-module_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-module_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="react-use-id-1"
+          class="_icon-button_1215g_8"
+          data-kind="primary"
+          data-state="closed"
+          id="radix-react-use-id-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="react-use-id-3"
+          class="_icon-button_1215g_8"
+          data-kind="primary"
+          data-state="closed"
+          id="radix-react-use-id-4"
+          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
+              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
+                d="M11 13H6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h5V6q0-.424.287-.713A.97.97 0 0 1 12 5q.424 0 .713.287Q13 5.576 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 18z"
+              />
+            </svg>
+          </div>
+        </button>
+      </div>
+    </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 00000000000..5bfbc440931
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/default-snapshot.ts
@@ -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.
+ */
+
+import { type RoomListHeaderViewSnapshot } from "./RoomListHeaderView";
+
+export const defaultSnapshot: RoomListHeaderViewSnapshot = {
+    title: "Rooms",
+    displaySpaceMenu: true,
+    canCreateRoom: true,
+    canCreateVideoRoom: true,
+    canInviteInSpace: true,
+    canAccessSpaceSettings: true,
+    activeSortOption: "recent",
+    isMessagePreviewEnabled: true,
+    displaySectionReleaseAnnouncement: false,
+    areSectionsEnabled: 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 00000000000..9e7bf46c2ba
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/index.ts
@@ -0,0 +1,15 @@
+/*
+ * 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,
+    CollapseSectionsOption,
+} 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 00000000000..029a1226fa7
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/ComposeMenuView.test.tsx
@@ -0,0 +1,115 @@
+/*
+ * 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);
+    });
+
+    it("should create a new section", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel({ ...defaultSnapshot, isMessagePreviewEnabled: true });
+        render(<ComposeMenuView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "New conversation" }));
+        await user.click(screen.getByRole("menuitem", { name: "New section" }));
+        expect(vm.createSection).toHaveBeenCalled();
+    });
+});
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 00000000000..0292d9c9bb7
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/ComposeMenuView.tsx
@@ -0,0 +1,89 @@
+/*
+ * 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, ReleaseAnnouncement } from "@vector-im/compound-web";
+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 SectionIcon from "@vector-im/compound-design-tokens/assets/web/icons/section";
+import PlusIcon from "@vector-im/compound-design-tokens/assets/web/icons/plus";
+
+import { type RoomListHeaderViewModel } from "../RoomListHeaderView";
+import { useI18n } from "../../../core/i18n/i18nContext";
+import { useViewModel } from "../../../core/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, displaySectionReleaseAnnouncement, areSectionsEnabled } =
+        useViewModel(vm);
+
+    // 28px button with a 20px icon
+    const button = (
+        <IconButton size="28px" style={{ padding: "4px" }} tooltip={_t("action|new_conversation")}>
+            <PlusIcon color="var(--cpd-color-icon-secondary)" aria-hidden />
+        </IconButton>
+    );
+
+    if (displaySectionReleaseAnnouncement) {
+        return (
+            <ReleaseAnnouncement
+                open={displaySectionReleaseAnnouncement}
+                onClick={vm.closeSectionReleaseAnnouncement}
+                header={_t("release_announcement|room_list_section_title")}
+                description={_t("release_announcement|room_list_section_description")}
+                closeLabel={_t("release_announcement|room_list_section_close")}
+            >
+                {button}
+            </ReleaseAnnouncement>
+        );
+    }
+
+    return (
+        <Menu
+            open={open}
+            onOpenChange={setOpen}
+            showTitle={false}
+            title={_t("action|open_menu")}
+            align="start"
+            trigger={button}
+        >
+            <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
+                />
+            )}
+            {areSectionsEnabled && (
+                <MenuItem Icon={SectionIcon} label={_t("action|new_section")} onSelect={vm.createSection} 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 00000000000..255babced3f
--- /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;
+}
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 00000000000..894065a06d0
--- /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: "Latest 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: "Latest 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: "Latest 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: "Latest 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 00000000000..55e2bc29b82
--- /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 "../../../core/viewmodel";
+import { useI18n } from "../../../core/i18n/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 00000000000..ab29d4bc2ab
--- /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 00000000000..b2fe8adf315
--- /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 00000000000..52869b3d530
--- /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 "../../../core/viewmodel";
+import { useI18n } from "../../../core/i18n/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 00000000000..5ba0d2b6ea2
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/ComposeMenuView.test.tsx.snap
@@ -0,0 +1,39 @@
+// 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="react-use-id-1"
+    class="_icon-button_1215g_8"
+    data-kind="primary"
+    data-state="closed"
+    id="radix-react-use-id-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
+        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
+          d="M11 13H6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h5V6q0-.424.287-.713A.97.97 0 0 1 12 5q.424 0 .713.287Q13 5.576 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 18z"
+        />
+      </svg>
+    </div>
+  </button>
+</DocumentFragment>
+`;
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/OptionMenuView.test.tsx.snap b/packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/OptionMenuView.test.tsx.snap
new file mode 100644
index 00000000000..57c72ad9f7f
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/OptionMenuView.test.tsx.snap
@@ -0,0 +1,38 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<OptionMenuView /> > should match snapshot 1`] = `
+<DocumentFragment>
+  <button
+    aria-disabled="false"
+    aria-expanded="false"
+    aria-haspopup="menu"
+    aria-label="Room Options"
+    aria-labelledby="react-use-id-1"
+    class="_icon-button_1215g_8"
+    data-kind="primary"
+    data-state="closed"
+    id="radix-react-use-id-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>
+</DocumentFragment>
+`;
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 00000000000..664134cccf5
--- /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 SpaceMenuView-module_button"
+    data-kind="primary"
+    data-state="closed"
+    id="radix-react-use-id-1"
+    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 00000000000..b3f90d914b7
--- /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 00000000000..4f534cc4ae1
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/test-utils.ts
@@ -0,0 +1,31 @@
+/*
+ * 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 "../../core/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>();
+    public createSection = vi.fn<() => void>();
+    public collapseOrExpandSections = vi.fn<() => void>();
+    public closeSectionReleaseAnnouncement = vi.fn<() => void>();
+}
+
+export { defaultSnapshot } from "./default-snapshot";
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 00000000000..49d1900a351
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.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.
+ */
+
+.roomListPrimaryFilters {
+    padding: 0 var(--cpd-space-4x) var(--cpd-space-5x) 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;
+    user-select: none; /* currently supported by Chrome, Edge, Opera and Firefox */
+}
+
+/* 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 00000000000..e2d9adfa0ab
--- /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 = {
+    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",
+        },
+    },
+} satisfies Meta<typeof RoomListPrimaryFilters>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// All available filter IDs
+const allFilterIds: FilterId[] = ["unread", "people", "rooms", "mentions", "invites"];
+
+// 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 00000000000..333e8d6a3b1
--- /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 from "react";
+import { act, 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 00000000000..51cc951dd4b
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.tsx
@@ -0,0 +1,119 @@
+/*
+ * 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, 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 "../../core/utils/Flex";
+import { _t } from "../../core/i18n/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 = memo(function RoomListPrimaryFilters({
+    filterIds,
+    activeFilterId,
+    onToggleFilter,
+}: RoomListPrimaryFiltersProps): 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
+                        // oxlint-disable-next-line react/no-array-index-key
+                        key={`${filterId}-${index}`}
+                        role="option"
+                        tabIndex={0}
+                        aria-selected={filterId === activeFilterId}
+                        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 00000000000..cb705761a10
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/__snapshots__/RoomListPrimaryFilters.test.tsx.snap
@@ -0,0 +1,298 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<RoomListPrimaryFilters /> stories > snapshots > renders Default story 1`] = `
+<div>
+  <div
+    class="Flex-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+      id="react-use-id-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="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"
+      >
+        Mentions
+      </button>
+      <button
+        aria-hidden="false"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        Invites
+      </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-module_flex RoomListPrimaryFilters-module_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="react-use-id-1"
+        aria-expanded="false"
+        aria-label="Expand filter list"
+        class="_icon-button_1215g_8 RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+        id="react-use-id-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"
+        >
+          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-module_flex RoomListPrimaryFilters-module_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="react-use-id-1"
+        aria-expanded="false"
+        aria-label="Expand filter list"
+        class="_icon-button_1215g_8 RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+        id="react-use-id-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-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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+      id="react-use-id-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;"
+    />
+  </div>
+</div>
+`;
+
+exports[`<RoomListPrimaryFilters /> stories > snapshots > renders PeopleSelected story 1`] = `
+<div>
+  <div
+    class="Flex-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+      id="react-use-id-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"
+      >
+        Mentions
+      </button>
+      <button
+        aria-hidden="false"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        Invites
+      </button>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room-list/RoomListPrimaryFilters/index.ts b/packages/shared-components/src/room-list/RoomListPrimaryFilters/index.ts
new file mode 100644
index 00000000000..7697d4829cc
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/index.ts
@@ -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 00000000000..e3fbf74e548
--- /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 00000000000..73a580b4d9e
--- /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.module.css b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.module.css
new file mode 100644
index 00000000000..20b71a90bf7
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.module.css
@@ -0,0 +1,46 @@
+/*
+ * 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.
+ */
+
+.view {
+    /* From figma, this should be aligned with the room header */
+    min-height: 64px;
+    box-sizing: border-box;
+    border-bottom: var(--cpd-border-width-1) solid var(--cpd-color-bg-subtle-primary);
+    padding: 0 var(--cpd-space-3x);
+}
+
+.search {
+    /* The search button should take all the remaining space */
+    flex: 1;
+    font: var(--cpd-font-body-md-regular);
+    color: var(--cpd-color-text-secondary);
+    min-width: 0;
+
+    svg {
+        fill: var(--cpd-color-icon-secondary);
+    }
+}
+
+.search_container {
+    flex: 1;
+
+    /* Shrink and truncate the search text */
+    white-space: nowrap;
+    overflow: hidden;
+
+    kbd {
+        font-family: inherit;
+    }
+}
+
+.search_text {
+    min-width: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: start;
+}
diff --git a/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx
new file mode 100644
index 00000000000..18bd159dc7a
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx
@@ -0,0 +1,80 @@
+/*
+ * 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 type { Meta, StoryObj } from "@storybook/react-vite";
+import {
+    RoomListSearchView,
+    type RoomListSearchViewActions,
+    type RoomListSearchViewSnapshot,
+} from "./RoomListSearchView";
+import { useMockedViewModel } from "../../core/viewmodel";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+
+type RoomListSearchProps = RoomListSearchViewSnapshot & RoomListSearchViewActions;
+
+const RoomListSearchViewWrapperImpl = ({
+    onSearchClick,
+    onDialPadClick,
+    onExploreClick,
+    ...rest
+}: RoomListSearchProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onSearchClick,
+        onDialPadClick,
+        onExploreClick,
+    });
+    return <RoomListSearchView vm={vm} />;
+};
+const RoomListSearchViewWrapper = withViewDocs(RoomListSearchViewWrapperImpl, RoomListSearchView);
+
+const meta = {
+    title: "Room List/RoomListSearchView",
+    component: RoomListSearchViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        displayExploreButton: true,
+        displayDialButton: false,
+        searchShortcut: "⌘ K",
+        onSearchClick: fn(),
+        onDialPadClick: fn(),
+        onExploreClick: fn(),
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/vlmt46QDdE4dgXDiyBJXqp/ER-33-Left-Panel-2025?node-id=98-1979&t=vafb4zoYMNLRuAbh-4",
+        },
+    },
+} satisfies Meta<typeof RoomListSearchViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithDialPad: Story = {
+    args: {
+        displayDialButton: true,
+    },
+};
+
+export const WithoutExplore: Story = {
+    args: {
+        displayExploreButton: false,
+    },
+};
+
+export const AllButtons: Story = {
+    args: {
+        displayExploreButton: true,
+        displayDialButton: true,
+        searchShortcut: "⌘ K",
+    },
+};
diff --git a/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.test.tsx b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.test.tsx
new file mode 100644
index 00000000000..03b2aa7d55f
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.test.tsx
@@ -0,0 +1,104 @@
+/*
+ * 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 { 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 {
+    RoomListSearchView,
+    type RoomListSearchViewActions,
+    type RoomListSearchViewSnapshot,
+} from "./RoomListSearchView";
+import { MockViewModel } from "../../core/viewmodel/MockViewModel";
+
+const { Default, WithDialPad, WithoutExplore, AllButtons } = composeStories(stories);
+
+describe("RoomListSearchView", () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    describe("Storybook snapshots", () => {
+        it("renders the default state", () => {
+            const { container } = render(<Default />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders with dial pad button", () => {
+            const { container } = render(<WithDialPad />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders without explore button", () => {
+            const { container } = render(<WithoutExplore />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders with all buttons visible", () => {
+            const { container } = render(<AllButtons />);
+            expect(container).toMatchSnapshot();
+        });
+    });
+
+    describe("User interactions", () => {
+        const onSearchClick = vi.fn();
+        const onDialPadClick = vi.fn();
+        const onExploreClick = vi.fn();
+
+        class TestViewModel extends MockViewModel<RoomListSearchViewSnapshot> implements RoomListSearchViewActions {
+            public onSearchClick = onSearchClick;
+            public onDialPadClick = onDialPadClick;
+            public onExploreClick = onExploreClick;
+        }
+
+        it("should call onSearchClick when search button is clicked", async () => {
+            const user = userEvent.setup();
+            const vm = new TestViewModel({
+                displayExploreButton: false,
+                displayDialButton: false,
+                searchShortcut: "⌘ K",
+            });
+
+            render(<RoomListSearchView vm={vm} />);
+
+            await user.click(screen.getByRole("button", { name: "Search ⌘ K" }));
+            expect(onSearchClick).toHaveBeenCalledTimes(1);
+        });
+
+        it("should call onDialPadClick when dial pad button is clicked", async () => {
+            const user = userEvent.setup();
+            const vm = new TestViewModel({
+                displayExploreButton: false,
+                displayDialButton: true,
+                searchShortcut: "⌘ K",
+            });
+
+            render(<RoomListSearchView vm={vm} />);
+
+            await user.click(screen.getByRole("button", { name: "Open dial pad" }));
+            expect(onDialPadClick).toHaveBeenCalledTimes(1);
+        });
+
+        it("should call onExploreClick when explore button is clicked", async () => {
+            const user = userEvent.setup();
+            const vm = new TestViewModel({
+                displayExploreButton: true,
+                displayDialButton: false,
+                searchShortcut: "⌘ K",
+            });
+
+            render(<RoomListSearchView vm={vm} />);
+
+            await user.click(screen.getByRole("button", { name: "Explore rooms" }));
+            expect(onExploreClick).toHaveBeenCalledTimes(1);
+        });
+    });
+});
diff --git a/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.tsx b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.tsx
new file mode 100644
index 00000000000..09770d44a48
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.tsx
@@ -0,0 +1,118 @@
+/*
+ * 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 MouseEventHandler } from "react";
+import { Button } from "@vector-im/compound-web";
+import ExploreIcon from "@vector-im/compound-design-tokens/assets/web/icons/explore";
+import SearchIcon from "@vector-im/compound-design-tokens/assets/web/icons/search";
+import DialPadIcon from "@vector-im/compound-design-tokens/assets/web/icons/dial-pad";
+
+import styles from "./RoomListSearchView.module.css";
+import { type ViewModel, useViewModel } from "../../core/viewmodel";
+import { Flex } from "../../core/utils/Flex";
+import { useI18n } from "../../core/i18n/i18nContext";
+
+export interface RoomListSearchViewSnapshot {
+    /**
+     * Whether to display the explore button.
+     */
+    displayExploreButton: boolean;
+    /**
+     * Whether to display the dial pad button.
+     */
+    displayDialButton: boolean;
+    /**
+     * The keyboard shortcut text to display for the search action.
+     * For example: "⌘ K" on macOS or "Ctrl K" on other platforms.
+     */
+    searchShortcut: string;
+}
+
+export interface RoomListSearchViewActions {
+    /**
+     * Handles the click event on the search button.
+     */
+    onSearchClick: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Handles the click event on the dial pad button.
+     */
+    onDialPadClick: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Handles the click event on the explore button.
+     */
+    onExploreClick: MouseEventHandler<HTMLButtonElement>;
+}
+
+/**
+ * The view model for the room list search component.
+ */
+export type RoomListSearchViewModel = ViewModel<RoomListSearchViewSnapshot, RoomListSearchViewActions>;
+
+interface RoomListSearchViewProps {
+    /**
+     * The view model for the room list search component.
+     */
+    vm: RoomListSearchViewModel;
+}
+
+/**
+ * A search component to be displayed at the top of the room list.
+ * The component provides search functionality, optional dial pad access, and optional room exploration.
+ *
+ * @example
+ * ```tsx
+ * <RoomListSearchView vm={roomListSearchViewModel} />
+ * ```
+ */
+export function RoomListSearchView({ vm }: Readonly<RoomListSearchViewProps>): JSX.Element {
+    const { translate: _t } = useI18n();
+    const { displayExploreButton, displayDialButton, searchShortcut } = useViewModel(vm);
+
+    return (
+        <Flex
+            data-testid="room-list-search"
+            className={styles.view}
+            role="search"
+            gap="var(--cpd-space-2x)"
+            align="center"
+        >
+            <Button
+                id="room-list-search-button"
+                className={styles.search}
+                kind="secondary"
+                size="md"
+                Icon={SearchIcon}
+                onClick={vm.onSearchClick}
+            >
+                <Flex className={styles["search_container"]} as="span" justify="space-between">
+                    <span className={styles["search_text"]}>{_t("action|search")}</span>
+                    <kbd>{searchShortcut}</kbd>
+                </Flex>
+            </Button>
+            {displayDialButton && (
+                <Button
+                    kind="secondary"
+                    size="md"
+                    Icon={DialPadIcon}
+                    iconOnly={true}
+                    aria-label={_t("left_panel|open_dial_pad")}
+                    onClick={vm.onDialPadClick}
+                />
+            )}
+            {displayExploreButton && (
+                <Button
+                    kind="secondary"
+                    size="md"
+                    Icon={ExploreIcon}
+                    iconOnly={true}
+                    aria-label={_t("action|explore_rooms")}
+                    onClick={vm.onExploreClick}
+                />
+            )}
+        </Flex>
+    );
+}
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
new file mode 100644
index 00000000000..4660b9e5570
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListSearchView/__snapshots__/RoomListSearchView.test.tsx.snap
@@ -0,0 +1,290 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`RoomListSearchView > Storybook snapshots > renders the default state 1`] = `
+<div>
+  <div
+    class="Flex-module_flex RoomListSearchView-module_view"
+    data-testid="room-list-search"
+    role="search"
+    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_1nw83_8 RoomListSearchView-module_search _has-icon_1nw83_60"
+      data-kind="secondary"
+      data-size="md"
+      id="room-list-search-button"
+      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="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"
+        />
+      </svg>
+      <span
+        class="Flex-module_flex RoomListSearchView-module_search_container"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <span
+          class="RoomListSearchView-module_search_text"
+        >
+          Search
+        </span>
+        <kbd>
+          ⌘ K
+        </kbd>
+      </span>
+    </button>
+    <button
+      aria-label="Explore rooms"
+      class="_button_1nw83_8 _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="secondary"
+      data-size="md"
+      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="M12 13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 12q0-.424.287-.713A.97.97 0 0 1 12 11q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 12 13m0 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 20m0 0q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4t5.675 2.325T20 12t-2.325 5.675T12 20m1.675-5.85q.15-.075.275-.2t.2-.275l2.925-6.25q.125-.25-.062-.437-.188-.188-.438-.063l-6.25 2.925q-.15.075-.275.2t-.2.275l-2.925 6.25q-.125.25.063.438.186.186.437.062z"
+        />
+      </svg>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`RoomListSearchView > Storybook snapshots > renders with all buttons visible 1`] = `
+<div>
+  <div
+    class="Flex-module_flex RoomListSearchView-module_view"
+    data-testid="room-list-search"
+    role="search"
+    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_1nw83_8 RoomListSearchView-module_search _has-icon_1nw83_60"
+      data-kind="secondary"
+      data-size="md"
+      id="room-list-search-button"
+      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="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"
+        />
+      </svg>
+      <span
+        class="Flex-module_flex RoomListSearchView-module_search_container"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <span
+          class="RoomListSearchView-module_search_text"
+        >
+          Search
+        </span>
+        <kbd>
+          ⌘ K
+        </kbd>
+      </span>
+    </button>
+    <button
+      aria-label="Open dial pad"
+      class="_button_1nw83_8 _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="secondary"
+      data-size="md"
+      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="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>
+    </button>
+    <button
+      aria-label="Explore rooms"
+      class="_button_1nw83_8 _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="secondary"
+      data-size="md"
+      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="M12 13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 12q0-.424.287-.713A.97.97 0 0 1 12 11q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 12 13m0 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 20m0 0q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4t5.675 2.325T20 12t-2.325 5.675T12 20m1.675-5.85q.15-.075.275-.2t.2-.275l2.925-6.25q.125-.25-.062-.437-.188-.188-.438-.063l-6.25 2.925q-.15.075-.275.2t-.2.275l-2.925 6.25q-.125.25.063.438.186.186.437.062z"
+        />
+      </svg>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`RoomListSearchView > Storybook snapshots > renders with dial pad button 1`] = `
+<div>
+  <div
+    class="Flex-module_flex RoomListSearchView-module_view"
+    data-testid="room-list-search"
+    role="search"
+    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_1nw83_8 RoomListSearchView-module_search _has-icon_1nw83_60"
+      data-kind="secondary"
+      data-size="md"
+      id="room-list-search-button"
+      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="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"
+        />
+      </svg>
+      <span
+        class="Flex-module_flex RoomListSearchView-module_search_container"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <span
+          class="RoomListSearchView-module_search_text"
+        >
+          Search
+        </span>
+        <kbd>
+          ⌘ K
+        </kbd>
+      </span>
+    </button>
+    <button
+      aria-label="Open dial pad"
+      class="_button_1nw83_8 _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="secondary"
+      data-size="md"
+      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="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>
+    </button>
+    <button
+      aria-label="Explore rooms"
+      class="_button_1nw83_8 _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="secondary"
+      data-size="md"
+      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="M12 13a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 12q0-.424.287-.713A.97.97 0 0 1 12 11q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 12 13m0 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 20m0 0q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4t5.675 2.325T20 12t-2.325 5.675T12 20m1.675-5.85q.15-.075.275-.2t.2-.275l2.925-6.25q.125-.25-.062-.437-.188-.188-.438-.063l-6.25 2.925q-.15.075-.275.2t-.2.275l-2.925 6.25q-.125.25.063.438.186.186.437.062z"
+        />
+      </svg>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`RoomListSearchView > Storybook snapshots > renders without explore button 1`] = `
+<div>
+  <div
+    class="Flex-module_flex RoomListSearchView-module_view"
+    data-testid="room-list-search"
+    role="search"
+    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_1nw83_8 RoomListSearchView-module_search _has-icon_1nw83_60"
+      data-kind="secondary"
+      data-size="md"
+      id="room-list-search-button"
+      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="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"
+        />
+      </svg>
+      <span
+        class="Flex-module_flex RoomListSearchView-module_search_container"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <span
+          class="RoomListSearchView-module_search_text"
+        >
+          Search
+        </span>
+        <kbd>
+          ⌘ K
+        </kbd>
+      </span>
+    </button>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room-list/RoomListSearchView/index.ts b/packages/shared-components/src/room-list/RoomListSearchView/index.ts
new file mode 100644
index 00000000000..a750dca7db5
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListSearchView/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 { RoomListSearchViewModel, RoomListSearchViewSnapshot } from "./RoomListSearchView";
+export { RoomListSearchView } from "./RoomListSearchView";
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 00000000000..204e7615a45
--- /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 00000000000..c96151574e9
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListEmptyStateView.tsx
@@ -0,0 +1,167 @@
+/*
+ * 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 "../../core/utils/Flex";
+import { _t } from "../../core/i18n/i18n";
+import { useViewModel } from "../../core/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="md" kind="secondary" Icon={ChatIcon} onClick={vm.createChatRoom}>
+                        {_t("action|start_chat")}
+                    </Button>
+                    {snapshot.canCreateRoom && (
+                        <Button size="md" 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 "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!)}
+                />
+            );
+        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 00000000000..2f65f7969dd
--- /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 00000000000..6ab8b80de32
--- /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/RoomListToast/RoomListToast.module.css b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.module.css
new file mode 100644
index 00000000000..0844a1add79
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.module.css
@@ -0,0 +1,17 @@
+/*
+ * 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.
+ */
+
+.toast {
+    position: absolute;
+    bottom: var(--cpd-space-4x);
+    left: var(--cpd-space-3x);
+    right: var(--cpd-space-3x);
+    width: fit-content;
+    margin: 0 auto;
+    /* Put the toast over the sticky headers  */
+    z-index: 3;
+}
diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx
new file mode 100644
index 00000000000..83edd409794
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx
@@ -0,0 +1,59 @@
+/*
+ * 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 { RoomListToast } from "./RoomListToast";
+
+const meta = {
+    title: "Room List/RoomListToast",
+    component: RoomListToast,
+    tags: ["autodocs"],
+    args: {
+        type: "section_created",
+        onClose: fn(),
+        onClick: fn(),
+    },
+    argTypes: {
+        type: {
+            control: "select",
+            options: ["section_created", "chat_moved", "unread_activity"],
+        },
+    },
+    decorators: [
+        (Story) => (
+            <div style={{ position: "relative", width: "320px", height: "100px", backgroundColor: "grey" }}>
+                <Story />
+            </div>
+        ),
+    ],
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/qurBlLqjf3mRNpyZ1ffamm/ER-213---Sections?node-id=1233-22137&t=ftTEpAma7PgRaaqB-4",
+        },
+    },
+} satisfies Meta<typeof RoomListToast>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const SectionCreated: Story = {};
+
+export const ChatMoved: Story = {
+    args: {
+        type: "chat_moved",
+    },
+};
+
+export const UnreadActivity: Story = {
+    args: {
+        type: "unread_activity",
+    },
+};
diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.test.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.test.tsx
new file mode 100644
index 00000000000..7aa39162e09
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.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 React from "react";
+import { render, screen } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect } from "vitest";
+import userEvent from "@testing-library/user-event";
+
+import * as stories from "./RoomListToast.stories";
+
+const { SectionCreated, ChatMoved, UnreadActivity } = composeStories(stories);
+
+describe("<RoomListToast />", () => {
+    it("renders SectionCreated story", () => {
+        const { container } = render(<SectionCreated />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders ChatMoved story", () => {
+        const { container } = render(<ChatMoved />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders UnreadActivity story", () => {
+        const { container } = render(<UnreadActivity />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("calls onClose when the close button is clicked", async () => {
+        const user = userEvent.setup();
+        render(<SectionCreated />);
+        const closeButton = screen.getByRole("button", { name: "Close" });
+        await user.click(closeButton);
+        expect(SectionCreated.args.onClose).toHaveBeenCalled();
+    });
+
+    it("calls onClick when the unread-activity toast is clicked", async () => {
+        const user = userEvent.setup();
+        render(<UnreadActivity />);
+        await user.click(screen.getByRole("button", { name: "Unread messages" }));
+        expect(UnreadActivity.args.onClick).toHaveBeenCalled();
+    });
+});
diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.tsx
new file mode 100644
index 00000000000..ebdedeb3e93
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.tsx
@@ -0,0 +1,66 @@
+/*
+ * 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 MouseEventHandler } from "react";
+import { Toast } from "@vector-im/compound-web";
+import ArrowDownIcon from "@vector-im/compound-design-tokens/assets/web/icons/arrow-down";
+
+import styles from "./RoomListToast.module.css";
+import { useI18n } from "../../../core/i18n/i18nContext";
+
+export type ToastType =
+    // Transient, auto-dismissing event toasts with a close button.
+    | "section_created"
+    | "chat_moved"
+    // Persistent, clickable toast surfacing unread activity below the visible area.
+    | "unread_activity";
+
+interface RoomListToastProps {
+    /** The type of toast to display */
+    type: ToastType;
+    /** Callback when the close button is clicked (event toasts: "section_created", "chat_moved") */
+    onClose: MouseEventHandler<HTMLButtonElement>;
+    /** Callback when the toast itself is clicked ("unread_activity") */
+    onClick: MouseEventHandler<HTMLButtonElement>;
+}
+
+/**
+ * A toast component used for displaying messages in the room list view.
+ *
+ * The room list shows at most one toast at a time; which one (and the precedence between
+ * transient event toasts and the persistent unread-activity toast) is decided by the view
+ * model, so the view simply renders whichever {@link ToastType} it is given:
+ *
+ * - "section_created" / "chat_moved": transient event notifications with a close button.
+ * - "unread_activity": a persistent, clickable toast that jumps to the next unread room
+ *   below the visible area of the list.
+ *
+ * @example
+ * ```tsx
+ *   <RoomListToast type="section_created" onClose={onCloseHandler} onClick={onClickHandler} />
+ * ```
+ */
+export function RoomListToast({ type, onClose, onClick }: Readonly<RoomListToastProps>): JSX.Element {
+    const { translate: _t } = useI18n();
+
+    // The unread-activity toast is clickable as a whole (it scrolls to the unread room) rather
+    // than closeable, so it uses the clickable Toast variant with a leading arrow-down icon.
+    if (type === "unread_activity") {
+        return (
+            <Toast className={styles.toast} Icon={ArrowDownIcon} onClick={onClick}>
+                {_t("room_list|unread_messages")}
+            </Toast>
+        );
+    }
+
+    const text = type === "section_created" ? _t("room_list|section_created") : _t("room_list|chat_moved");
+    return (
+        <Toast className={styles.toast} onClose={onClose} tooltip={_t("action|close")}>
+            {text}
+        </Toast>
+    );
+}
diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListToast/__snapshots__/RoomListToast.test.tsx.snap b/packages/shared-components/src/room-list/RoomListView/RoomListToast/__snapshots__/RoomListToast.test.tsx.snap
new file mode 100644
index 00000000000..6e1bc733a7c
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListToast/__snapshots__/RoomListToast.test.tsx.snap
@@ -0,0 +1,119 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<RoomListToast /> > renders ChatMoved story 1`] = `
+<div>
+  <div
+    style="position: relative; width: 320px; height: 100px; background-color: grey;"
+  >
+    <div
+      class="_toast-container_1jkz7_8 RoomListToast-module_toast _has-close_1jkz7_59"
+    >
+      <div
+        class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _content_1jkz7_68"
+      >
+        Chat moved
+      </div>
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8 _close_1jkz7_75 _no-background_1215g_42"
+        data-kind="secondary"
+        role="button"
+        style="--cpd-icon-button-size: 24px;"
+        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="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>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListToast /> > renders SectionCreated story 1`] = `
+<div>
+  <div
+    style="position: relative; width: 320px; height: 100px; background-color: grey;"
+  >
+    <div
+      class="_toast-container_1jkz7_8 RoomListToast-module_toast _has-close_1jkz7_59"
+    >
+      <div
+        class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _content_1jkz7_68"
+      >
+        Section created
+      </div>
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8 _close_1jkz7_75 _no-background_1215g_42"
+        data-kind="secondary"
+        role="button"
+        style="--cpd-icon-button-size: 24px;"
+        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="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>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListToast /> > renders UnreadActivity story 1`] = `
+<div>
+  <div
+    style="position: relative; width: 320px; height: 100px; background-color: grey;"
+  >
+    <button
+      class="_toast-container_1jkz7_8 _clickable_1jkz7_33 RoomListToast-module_toast"
+      type="button"
+    >
+      <div
+        class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _content_1jkz7_68"
+      >
+        <svg
+          aria-hidden="true"
+          class="_icon_1jkz7_55"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 4.5a1 1 0 0 1 1 1v10.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 1 1 1.414-1.414L11 16.086V5.5a1 1 0 0 1 1-1"
+          />
+        </svg>
+        Unread messages
+      </div>
+    </button>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListToast/index.ts b/packages/shared-components/src/room-list/RoomListView/RoomListToast/index.ts
new file mode 100644
index 00000000000..3a6b6a5cf5d
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListToast/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 type { ToastType } from "./RoomListToast";
+export { RoomListToast } from "./RoomListToast";
diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListView.module.css b/packages/shared-components/src/room-list/RoomListView/RoomListView.module.css
new file mode 100644
index 00000000000..05b2bcb4a07
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListView.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.
+ */
+
+.list {
+    position: relative;
+    flex: 1;
+}
+
+.scrollbar {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    width: 100%;
+}
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 00000000000..82f350e0c64
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx
@@ -0,0 +1,298 @@
+/*
+ * 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 { expect, fn, waitFor } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import type { FilterId } from "../RoomListPrimaryFilters";
+import { RoomListView, type RoomListViewSnapshot, type RoomListViewActions } from "./RoomListView";
+import type { Room } from "../VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView";
+import { useMockedViewModel } from "../../core/viewmodel";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+import {
+    renderAvatar,
+    createGetRoomItemViewModel,
+    mockRoomIds,
+    mockSections,
+    createGetSectionHeaderViewModel,
+    mockSmallListSections,
+    mockLargeListSections,
+    mockLargeListRoomIds,
+} from "../story-mocks";
+
+type RoomListViewProps = RoomListViewSnapshot &
+    RoomListViewActions & { renderAvatar: (room: Room) => React.ReactElement };
+
+const mockFilterIds: FilterId[] = ["unread", "people", "rooms"];
+
+// Wrapper component that creates a mocked ViewModel
+const RoomListViewWrapperImpl = ({
+    onToggleFilter,
+    createChatRoom,
+    createRoom,
+    getRoomItemViewModel,
+    getSectionHeaderViewModel,
+    updateVisibleRooms,
+    updateVisibleFold,
+    renderAvatar: renderAvatarProp,
+    closeToast,
+    scrollToUnreadActivity,
+    setScrollToIndex,
+    changeRoomSection,
+    changeSectionOrder,
+    onSectionDragStart,
+    onSectionDragEnd,
+    ...rest
+}: RoomListViewProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onToggleFilter,
+        createChatRoom,
+        createRoom,
+        getRoomItemViewModel,
+        getSectionHeaderViewModel,
+        updateVisibleRooms,
+        updateVisibleFold,
+        closeToast,
+        scrollToUnreadActivity,
+        setScrollToIndex,
+        changeRoomSection,
+        changeSectionOrder,
+        onSectionDragStart,
+        onSectionDragEnd,
+    });
+    return <RoomListView vm={vm} renderAvatar={renderAvatarProp} />;
+};
+const RoomListViewWrapper = withViewDocs(RoomListViewWrapperImpl, RoomListView);
+
+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,
+        },
+        sections: mockSections,
+        canCreateRoom: true,
+        // Action properties (callbacks)
+        onToggleFilter: fn(),
+        createChatRoom: fn(),
+        createRoom: fn(),
+        getRoomItemViewModel: createGetRoomItemViewModel(mockRoomIds),
+        getSectionHeaderViewModel: createGetSectionHeaderViewModel(mockSections.map((section) => section.id)),
+        updateVisibleRooms: fn(),
+        updateVisibleFold: fn(),
+        renderAvatar,
+        isFlatList: true,
+        toast: undefined,
+        closeToast: fn(),
+        scrollToUnreadActivity: fn(),
+        setScrollToIndex: fn(),
+        changeRoomSection: fn(),
+        changeSectionOrder: fn(),
+        onSectionDragStart: fn(),
+        onSectionDragEnd: fn(),
+    },
+    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 Section: Story = {
+    args: {
+        isFlatList: false,
+    },
+};
+
+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"],
+        activeFilterId: "people",
+        roomListState: {
+            activeRoomIndex: undefined,
+            spaceId: "!space:server",
+            filterKeys: ["people"],
+        },
+    },
+};
+
+export const WithSelection: Story = {
+    args: {
+        roomListState: {
+            activeRoomIndex: 0,
+            spaceId: "!space:server",
+            filterKeys: undefined,
+        },
+    },
+};
+
+export const EmptyPeopleFilter: Story = {
+    args: {
+        isRoomListEmpty: true,
+        filterIds: ["people", "rooms"],
+        activeFilterId: "people",
+    },
+};
+
+export const EmptyRoomsFilter: Story = {
+    args: {
+        isRoomListEmpty: true,
+        filterIds: ["rooms", "people"],
+        activeFilterId: "rooms",
+    },
+};
+
+export const EmptyUnreadFilter: Story = {
+    args: {
+        isRoomListEmpty: true,
+        filterIds: ["unread", "people"],
+        activeFilterId: "unread",
+    },
+};
+
+export const EmptyInvitesFilter: Story = {
+    args: {
+        isRoomListEmpty: true,
+        filterIds: ["invites", "people"],
+        activeFilterId: "invites",
+    },
+};
+
+export const EmptyMentionsFilter: Story = {
+    args: {
+        isRoomListEmpty: true,
+
+        filterIds: ["mentions", "people"],
+        activeFilterId: "mentions",
+    },
+};
+
+export const SmallFlatList: Story = {
+    args: {
+        sections: mockSmallListSections,
+    },
+};
+
+export const LargeFlatList: Story = {
+    args: {
+        sections: mockLargeListSections,
+        getRoomItemViewModel: createGetRoomItemViewModel(mockLargeListRoomIds),
+        getSectionHeaderViewModel: createGetSectionHeaderViewModel(mockLargeListSections.map((section) => section.id)),
+    },
+};
+
+export const SmallSectionList: Story = {
+    args: {
+        isFlatList: false,
+        sections: mockSmallListSections,
+    },
+};
+
+export const LargeSectionList: Story = {
+    args: {
+        isFlatList: false,
+        sections: mockLargeListSections,
+        getRoomItemViewModel: createGetRoomItemViewModel(mockLargeListRoomIds),
+        getSectionHeaderViewModel: createGetSectionHeaderViewModel(mockLargeListSections.map((section) => section.id)),
+    },
+};
+
+export const Toast: Story = {
+    args: {
+        toast: "section_created",
+    },
+};
+
+export const UnreadActivityBelow: Story = {
+    args: {
+        toast: "unread_activity",
+    },
+};
+
+export const ToastOverStickySection: Story = {
+    tags: ["autodocs", "!snapshot"],
+    args: {
+        isFlatList: false,
+        toast: "unread_activity",
+    },
+    play: async ({ canvas, canvasElement }) => {
+        // Wait for the virtualized list to mount its rows before scrolling.
+        await canvas.findByRole("button", { name: "Toggle Favourites section" });
+        const scroller = canvasElement.querySelector<HTMLElement>('[role="treegrid"]')!;
+
+        // Scroll to the end of the list so the last section header ("Low-priority") gets mounted.
+        scroller.scrollTop = scroller.scrollHeight;
+        await canvas.findByRole("button", { name: "Toggle Low-priority section" });
+
+        // Scroll until the header row sits just above the bottom edge of the viewport, overlapping the toast.
+        const bottomOffset = 28;
+        await waitFor(() => {
+            const header = canvas.getByRole("button", { name: "Toggle Low-priority section" });
+            const gap = scroller.getBoundingClientRect().bottom - header.getBoundingClientRect().bottom;
+            if (Math.abs(gap - bottomOffset) > 1) {
+                scroller.scrollTop -= gap - bottomOffset;
+                throw new Error(`Header is not parked over the toast yet (gap: ${gap}px)`);
+            }
+        });
+
+        await expect(canvasElement).toMatchImageSnapshot();
+    },
+};
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 00000000000..a2c21b64622
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListView.test.tsx
@@ -0,0 +1,189 @@
+/*
+ * 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, vi } from "vitest";
+
+import * as stories from "./RoomListView.stories";
+
+// Stable UUIDs so snapshots don't change between runs.
+let uuidCounter = 0;
+vi.spyOn(crypto, "randomUUID").mockImplementation(
+    () => `00000000-0000-0000-0000-${String(++uuidCounter).padStart(12, "0")}` as ReturnType<typeof crypto.randomUUID>,
+);
+
+const {
+    Default,
+    Loading,
+    Empty,
+    EmptyWithoutCreatePermission,
+    WithActiveFilter,
+    SmallFlatList,
+    LargeFlatList,
+    SmallSectionList,
+    LargeSectionList,
+    EmptyPeopleFilter,
+    EmptyRoomsFilter,
+    EmptyUnreadFilter,
+    EmptyInvitesFilter,
+    EmptyMentionsFilter,
+    Toast,
+} = composeStories(stories);
+
+const renderWithMockContext = (component: React.ReactElement): ReturnType<typeof render> => {
+    return render(component, {
+        wrapper: ({ children }) => (
+            <VirtuosoMockContext.Provider value={{ viewportHeight: 600, itemHeight: 52 }}>
+                {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 SmallFlatList story", () => {
+        const { container } = renderWithMockContext(<SmallFlatList />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders LargeFlatList story", () => {
+        const { container } = renderWithMockContext(<LargeFlatList />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders SmallSectionList story", () => {
+        const { container } = renderWithMockContext(<SmallSectionList />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders LargeSectionList story", () => {
+        const { container } = renderWithMockContext(<LargeSectionList />);
+        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 Toast story", () => {
+        const { container } = renderWithMockContext(<Toast />);
+        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 closeToast when close button is clicked on toast", async () => {
+        const user = userEvent.setup();
+        renderWithMockContext(<Toast />);
+
+        await user.click(screen.getByRole("button", { name: "Close" }));
+
+        expect(Toast.args.closeToast).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 00000000000..e515197ed36
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListView.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, type ReactNode } from "react";
+
+import { useViewModel, type ViewModel } from "../../core/viewmodel";
+import { RoomListPrimaryFilters, type FilterId } from "../RoomListPrimaryFilters";
+import { RoomListLoadingSkeleton } from "./RoomListLoadingSkeleton";
+import { RoomListEmptyStateView } from "./RoomListEmptyStateView";
+import { VirtualizedRoomListView, type RoomListViewState } from "../VirtualizedRoomListView";
+import { type Room, type RoomListItemViewModel } from "../VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView";
+import { type RoomListSectionHeaderViewModel } from "../VirtualizedRoomListView/RoomListSectionHeaderView";
+import { type ToastType, RoomListToast } from "./RoomListToast";
+import styles from "./RoomListView.module.css";
+import { Flex } from "../../core/utils/Flex";
+import { AutoHideScrollbar } from "../../core/utils/Scrollbar";
+
+export type RoomListSection = {
+    /** Unique identifier for the section */
+    id: string;
+    /** Array of room IDs that belong to this section */
+    roomIds: string[];
+};
+
+/**
+ * Snapshot for the room list view
+ */
+export type RoomListViewSnapshot = {
+    /** 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 sections in the room list */
+    sections: RoomListSection[];
+    /** 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;
+    /** Whether the room list is displayed as a flat list */
+    isFlatList: boolean;
+    /**
+     * The single toast to display (if any). The view model owns which toast wins when more
+     * than one applies (e.g. a transient "chat_moved" event toast takes precedence over the
+     * persistent "unread_activity" toast), so the view just renders whatever it is given.
+     */
+    toast?: ToastType;
+};
+
+/**
+ * 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)
+     * Allow undefined to be returned if we don't have a view model for the room. In this case the room will not be rendered.
+     */
+    getRoomItemViewModel: (roomId: string) => RoomListItemViewModel | undefined;
+    /**
+     * Called when the rendered range changes (virtualization API). Indices are in room-index
+     * space (section header entries excluded): startIndex is inclusive, endIndex exclusive.
+     */
+    updateVisibleRooms: (startIndex: number, endIndex: number) => void;
+    /**
+     * Called when the last genuinely-visible item index changes (excluding the rendered
+     * overscan buffer), used to decide whether unread activity is below the fold.
+     */
+    updateVisibleFold: (visibleEndIndex: number) => void;
+    /** Get view model for a specific section header (virtualization API) */
+    getSectionHeaderViewModel: (sectionId: string) => RoomListSectionHeaderViewModel;
+    /** Called to close the toast message */
+    closeToast: () => void;
+    /** Called to scroll the next unread room below the visible area of the list into view */
+    scrollToUnreadActivity: () => void;
+    /**
+     * Registers (or, with `undefined`, clears) the imperative scroll handler the view model
+     * uses to scroll a virtualized item index into view. The view owns the scroll handle, so
+     * it provides this on mount; the view model calls it in response to user actions such as
+     * clicking the "unread activity" toast.
+     */
+    setScrollToIndex: (scrollToIndex: ((index: number) => void) | undefined) => void;
+    /** Called to change the section of a room */
+    changeRoomSection: (roomId: string, tag: string) => void;
+    /** Called to change the order of sections */
+    changeSectionOrder: (sourceTag: string, targetTag: string) => void;
+    /** Called when a section drag starts — collapses all sections */
+    onSectionDragStart: () => void;
+    /** Called when a section drag ends (drop or cancel) — restores expansion states */
+    onSectionDragEnd: () => void;
+}
+
+/**
+ * The view model type for the room list view
+ */
+export type RoomListViewModel = ViewModel<RoomListViewSnapshot, 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>
+            <Flex direction="column" className={styles.list}>
+                <AutoHideScrollbar className={styles.scrollbar}>
+                    {listBody}
+                    {snapshot.toast && (
+                        <RoomListToast
+                            type={snapshot.toast}
+                            onClose={vm.closeToast}
+                            onClick={vm.scrollToUnreadActivity}
+                        />
+                    )}
+                </AutoHideScrollbar>
+            </Flex>
+        </>
+    );
+};
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 00000000000..23fad55e270
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/__snapshots__/RoomListView.test.tsx.snap
@@ -0,0 +1,19586 @@
+// 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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          aria-label="Room list"
+          class="VirtualizedRoomListView-module_roomList"
+          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="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room General"
+                  aria-posinset="1"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold RoomListItemView-module_firstItem"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="General"
+                        >
+                          General
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in General"
+                        >
+                          Last message in General
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-2"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-3"
+                          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="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="react-use-id-4"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-5"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="1"
+                data-item-index="1"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Random"
+                  aria-posinset="2"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Random"
+                        >
+                          Random
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-6"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-7"
+                          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="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="react-use-id-8"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-9"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="2"
+                data-item-index="2"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Engineering"
+                  aria-posinset="3"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Engineering"
+                        >
+                          Engineering
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Engineering"
+                        >
+                          Last message in Engineering
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-10"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-11"
+                          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="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="react-use-id-12"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-13"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="3"
+                data-item-index="3"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Design"
+                  aria-posinset="4"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Design"
+                        >
+                          Design
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-14"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-15"
+                          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="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="react-use-id-16"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-17"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="4"
+                data-item-index="4"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Product"
+                  aria-posinset="5"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Product"
+                        >
+                          Product
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Product"
+                        >
+                          Last message in Product
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-18"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-19"
+                          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="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="react-use-id-20"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-21"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="5"
+                data-item-index="5"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Marketing"
+                        >
+                          Marketing
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-22"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-23"
+                          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="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="react-use-id-24"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-25"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="6"
+                data-item-index="6"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Sales"
+                  aria-posinset="7"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Sales"
+                        >
+                          Sales
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Sales"
+                        >
+                          Last message in Sales
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-26"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-27"
+                          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="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="react-use-id-28"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-29"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="7"
+                data-item-index="7"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Support"
+                  aria-posinset="8"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Support"
+                        >
+                          Support
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-30"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-31"
+                          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="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="react-use-id-32"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-33"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="8"
+                data-item-index="8"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Announcements"
+                  aria-posinset="9"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Announcements"
+                        >
+                          Announcements
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Announcements"
+                        >
+                          Last message in Announcements
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-34"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-35"
+                          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="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="react-use-id-36"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-37"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="9"
+                data-item-index="9"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Off-topic"
+                        >
+                          Off-topic
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-38"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-39"
+                          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="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="react-use-id-40"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-41"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="10"
+                data-item-index="10"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Team Alpha"
+                        >
+                          Team Alpha
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Team Alpha"
+                        >
+                          Last message in Team Alpha
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-42"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-43"
+                          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="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="react-use-id-44"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-45"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="11"
+                data-item-index="11"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Team Beta"
+                        >
+                          Team Beta
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-46"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-47"
+                          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="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="react-use-id-48"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-49"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="12"
+                data-item-index="12"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Project X"
+                        >
+                          Project X
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Project X"
+                        >
+                          Last message in Project X
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-50"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-51"
+                          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="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="react-use-id-52"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-53"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="13"
+                data-item-index="13"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Project Y"
+                        >
+                          Project Y
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-54"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-55"
+                          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="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="react-use-id-56"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-57"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="14"
+                data-item-index="14"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Water Cooler"
+                        >
+                          Water Cooler
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Water Cooler"
+                        >
+                          Last message in Water Cooler
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-58"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-59"
+                          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="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="react-use-id-60"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-61"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="15"
+                data-item-index="15"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Feedback"
+                        >
+                          Feedback
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-62"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-63"
+                          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="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="react-use-id-64"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-65"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="16"
+                data-item-index="16"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Ideas"
+                  aria-posinset="17"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Ideas"
+                        >
+                          Ideas
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Ideas"
+                        >
+                          Last message in Ideas
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-66"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-67"
+                          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="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="react-use-id-68"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-69"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="17"
+                data-item-index="17"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Bugs"
+                  aria-posinset="18"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Bugs"
+                        >
+                          Bugs
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-70"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-71"
+                          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="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="react-use-id-72"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-73"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="18"
+                data-item-index="18"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Features"
+                  aria-posinset="19"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Features"
+                        >
+                          Features
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Features"
+                        >
+                          Last message in Features
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-74"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-75"
+                          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="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="react-use-id-76"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-77"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="19"
+                data-item-index="19"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Releases"
+                  aria-posinset="20"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_lastItem"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Releases"
+                        >
+                          Releases
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-78"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-79"
+                          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="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="react-use-id-80"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-81"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+            </div>
+          </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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          class="Flex-module_flex RoomListEmptyStateView-module_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="RoomListEmptyStateView-module_title"
+          >
+            No chats yet
+          </span>
+          <span
+            class="RoomListEmptyStateView-module_description"
+          >
+            Get started by messaging someone or by creating a room
+          </span>
+          <div
+            class="Flex-module_flex RoomListEmptyStateView-module_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_1nw83_8 _has-icon_1nw83_60"
+              data-kind="secondary"
+              data-size="md"
+              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_1nw83_8 _has-icon_1nw83_60"
+              data-kind="secondary"
+              data-size="md"
+              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>
+  </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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          class="Flex-module_flex RoomListEmptyStateView-module_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="RoomListEmptyStateView-module_title"
+          >
+            You don't have any unread invites
+          </span>
+          <button
+            class="_button_1nw83_8"
+            data-kind="tertiary"
+            data-size="lg"
+            role="button"
+            tabindex="0"
+          >
+            See all activity
+          </button>
+        </div>
+      </div>
+    </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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          class="Flex-module_flex RoomListEmptyStateView-module_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="RoomListEmptyStateView-module_title"
+          >
+            You don't have any unread mentions
+          </span>
+          <button
+            class="_button_1nw83_8"
+            data-kind="tertiary"
+            data-size="lg"
+            role="button"
+            tabindex="0"
+          >
+            See all activity
+          </button>
+        </div>
+      </div>
+    </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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          class="Flex-module_flex RoomListEmptyStateView-module_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="RoomListEmptyStateView-module_title"
+          >
+            You don’t have direct chats with anyone yet
+          </span>
+          <span
+            class="RoomListEmptyStateView-module_description"
+          >
+            You can deselect filters in order to see your other chats
+          </span>
+        </div>
+      </div>
+    </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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          class="Flex-module_flex RoomListEmptyStateView-module_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="RoomListEmptyStateView-module_title"
+          >
+            You’re not in any room yet
+          </span>
+          <span
+            class="RoomListEmptyStateView-module_description"
+          >
+            You can deselect filters in order to see your other chats
+          </span>
+        </div>
+      </div>
+    </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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          class="Flex-module_flex RoomListEmptyStateView-module_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="RoomListEmptyStateView-module_title"
+          >
+            Congrats! You don’t have any unread messages
+          </span>
+          <button
+            class="_button_1nw83_8"
+            data-kind="tertiary"
+            data-size="lg"
+            role="button"
+            tabindex="0"
+          >
+            Show all chats
+          </button>
+        </div>
+      </div>
+    </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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          class="Flex-module_flex RoomListEmptyStateView-module_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="RoomListEmptyStateView-module_title"
+          >
+            No chats yet
+          </span>
+          <span
+            class="RoomListEmptyStateView-module_description"
+          >
+            Get started by messaging someone
+          </span>
+          <div
+            class="Flex-module_flex RoomListEmptyStateView-module_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_1nw83_8 _has-icon_1nw83_60"
+              data-kind="secondary"
+              data-size="md"
+              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>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders LargeFlatList 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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          aria-label="Room list"
+          class="VirtualizedRoomListView-module_roomList"
+          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: 3276px; padding-top: 0px;"
+            >
+              <div
+                data-index="0"
+                data-item-index="0"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room General"
+                  aria-posinset="1"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold RoomListItemView-module_firstItem"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="General"
+                        >
+                          General
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in General"
+                        >
+                          Last message in General
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-2"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-3"
+                          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="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="react-use-id-4"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-5"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="1"
+                data-item-index="1"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Random"
+                  aria-posinset="2"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Random"
+                        >
+                          Random
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-6"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-7"
+                          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="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="react-use-id-8"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-9"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="2"
+                data-item-index="2"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Engineering"
+                  aria-posinset="3"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Engineering"
+                        >
+                          Engineering
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Engineering"
+                        >
+                          Last message in Engineering
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-10"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-11"
+                          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="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="react-use-id-12"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-13"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="3"
+                data-item-index="3"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Design"
+                  aria-posinset="4"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Design"
+                        >
+                          Design
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-14"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-15"
+                          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="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="react-use-id-16"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-17"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="4"
+                data-item-index="4"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Product"
+                  aria-posinset="5"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Product"
+                        >
+                          Product
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Product"
+                        >
+                          Last message in Product
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-18"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-19"
+                          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="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="react-use-id-20"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-21"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="5"
+                data-item-index="5"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Marketing"
+                        >
+                          Marketing
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-22"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-23"
+                          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="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="react-use-id-24"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-25"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="6"
+                data-item-index="6"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Sales"
+                  aria-posinset="7"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Sales"
+                        >
+                          Sales
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Sales"
+                        >
+                          Last message in Sales
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-26"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-27"
+                          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="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="react-use-id-28"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-29"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="7"
+                data-item-index="7"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Support"
+                  aria-posinset="8"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Support"
+                        >
+                          Support
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-30"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-31"
+                          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="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="react-use-id-32"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-33"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="8"
+                data-item-index="8"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Announcements"
+                  aria-posinset="9"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Announcements"
+                        >
+                          Announcements
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Announcements"
+                        >
+                          Last message in Announcements
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-34"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-35"
+                          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="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="react-use-id-36"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-37"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="9"
+                data-item-index="9"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Off-topic"
+                        >
+                          Off-topic
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-38"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-39"
+                          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="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="react-use-id-40"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-41"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="10"
+                data-item-index="10"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Team Alpha"
+                        >
+                          Team Alpha
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Team Alpha"
+                        >
+                          Last message in Team Alpha
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-42"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-43"
+                          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="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="react-use-id-44"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-45"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="11"
+                data-item-index="11"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Team Beta"
+                        >
+                          Team Beta
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-46"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-47"
+                          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="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="react-use-id-48"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-49"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="12"
+                data-item-index="12"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Project X"
+                        >
+                          Project X
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Project X"
+                        >
+                          Last message in Project X
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-50"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-51"
+                          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="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="react-use-id-52"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-53"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="13"
+                data-item-index="13"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Project Y"
+                        >
+                          Project Y
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-54"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-55"
+                          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="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="react-use-id-56"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-57"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="14"
+                data-item-index="14"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Water Cooler"
+                        >
+                          Water Cooler
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Water Cooler"
+                        >
+                          Last message in Water Cooler
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-58"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-59"
+                          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="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="react-use-id-60"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-61"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="15"
+                data-item-index="15"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Feedback"
+                        >
+                          Feedback
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-62"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-63"
+                          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="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="react-use-id-64"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-65"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="16"
+                data-item-index="16"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Ideas"
+                  aria-posinset="17"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Ideas"
+                        >
+                          Ideas
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Ideas"
+                        >
+                          Last message in Ideas
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-66"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-67"
+                          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="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="react-use-id-68"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-69"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="17"
+                data-item-index="17"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Bugs"
+                  aria-posinset="18"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Bugs"
+                        >
+                          Bugs
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-70"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-71"
+                          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="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="react-use-id-72"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-73"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="18"
+                data-item-index="18"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Features"
+                  aria-posinset="19"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Features"
+                        >
+                          Features
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Features"
+                        >
+                          Last message in Features
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-74"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-75"
+                          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="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="react-use-id-76"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-77"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="19"
+                data-item-index="19"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Releases"
+                  aria-posinset="20"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Releases"
+                        >
+                          Releases
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-78"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-79"
+                          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="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="react-use-id-80"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-81"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="20"
+                data-item-index="20"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="General"
+                        >
+                          General
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in General"
+                        >
+                          Last message in General
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-82"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-83"
+                          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="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="react-use-id-84"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-85"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="21"
+                data-item-index="21"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Random"
+                  aria-posinset="22"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Random"
+                        >
+                          Random
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-86"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-87"
+                          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="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="react-use-id-88"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-89"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="22"
+                data-item-index="22"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Engineering"
+                  aria-posinset="23"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Engineering"
+                        >
+                          Engineering
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Engineering"
+                        >
+                          Last message in Engineering
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-90"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-91"
+                          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="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="react-use-id-92"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-93"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="23"
+                data-item-index="23"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Design"
+                  aria-posinset="24"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Design"
+                        >
+                          Design
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-94"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-95"
+                          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="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="react-use-id-96"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-97"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="24"
+                data-item-index="24"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Product"
+                  aria-posinset="25"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Product"
+                        >
+                          Product
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Product"
+                        >
+                          Last message in Product
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-98"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-99"
+                          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="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="react-use-id-100"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-101"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="25"
+                data-item-index="25"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Marketing"
+                        >
+                          Marketing
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-102"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-103"
+                          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="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="react-use-id-104"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-105"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="26"
+                data-item-index="26"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Sales"
+                  aria-posinset="27"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Sales"
+                        >
+                          Sales
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Sales"
+                        >
+                          Last message in Sales
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-106"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-107"
+                          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="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="react-use-id-108"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-109"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="27"
+                data-item-index="27"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Support"
+                  aria-posinset="28"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Support"
+                        >
+                          Support
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-110"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-111"
+                          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="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="react-use-id-112"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-113"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="28"
+                data-item-index="28"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Announcements"
+                  aria-posinset="29"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Announcements"
+                        >
+                          Announcements
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Announcements"
+                        >
+                          Last message in Announcements
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-114"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-115"
+                          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="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="react-use-id-116"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-117"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="29"
+                data-item-index="29"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Off-topic"
+                        >
+                          Off-topic
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-118"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-119"
+                          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="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="react-use-id-120"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-121"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="30"
+                data-item-index="30"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Team Alpha"
+                        >
+                          Team Alpha
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Team Alpha"
+                        >
+                          Last message in Team Alpha
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-122"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-123"
+                          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="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="react-use-id-124"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-125"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="31"
+                data-item-index="31"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Team Beta"
+                        >
+                          Team Beta
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-126"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-127"
+                          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="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="react-use-id-128"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-129"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="32"
+                data-item-index="32"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Project X"
+                        >
+                          Project X
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Project X"
+                        >
+                          Last message in Project X
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-130"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-131"
+                          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="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="react-use-id-132"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-133"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="33"
+                data-item-index="33"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Project Y"
+                        >
+                          Project Y
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-134"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-135"
+                          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="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="react-use-id-136"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-137"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="34"
+                data-item-index="34"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Water Cooler"
+                        >
+                          Water Cooler
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Water Cooler"
+                        >
+                          Last message in Water Cooler
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-138"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-139"
+                          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="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="react-use-id-140"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-141"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="35"
+                data-item-index="35"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Feedback"
+                        >
+                          Feedback
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-142"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-143"
+                          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="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="react-use-id-144"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-145"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="36"
+                data-item-index="36"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Ideas"
+                  aria-posinset="37"
+                  aria-selected="false"
+                  aria-setsize="100"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Ideas"
+                        >
+                          Ideas
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Ideas"
+                        >
+                          Last message in Ideas
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-146"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-147"
+                          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="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="react-use-id-148"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-149"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders LargeSectionList 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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          data-dnd-overlay="true"
+        />
+        <div
+          class="GroupedVirtualizedList-module_stickyRoot"
+        >
+          <div
+            class="GroupedVirtualizedList-module_stickyHeader"
+          >
+            <div
+              aria-hidden="true"
+              class="RoomListSectionHeaderView-module_stickyBackground"
+            >
+              <button
+                aria-expanded="true"
+                class="RoomListSectionHeaderView-module_header RoomListSectionHeaderView-module_firstHeader"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="Flex-module_flex RoomListSectionHeaderView-module_container"
+                  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="Flex-module_flex"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-0-5x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      class="RoomListSectionHeaderView-module_chevron"
+                      fill="var(--cpd-color-icon-secondary)"
+                      height="24px"
+                      viewBox="0 0 24 24"
+                      width="24px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+                      />
+                    </svg>
+                    <span
+                      class="RoomListSectionHeaderView-module_title"
+                    >
+                      Favourites
+                    </span>
+                  </div>
+                </div>
+              </button>
+            </div>
+          </div>
+          <div
+            aria-label="Room list"
+            aria-rowcount="103"
+            class="VirtualizedRoomListView-module_roomList"
+            data-testid="room-list"
+            data-virtuoso-scroller="true"
+            role="treegrid"
+            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: 3432px; padding-top: 0px;"
+              >
+                <div
+                  class="GroupedVirtualizedList-module_stickyRow"
+                  data-index="0"
+                  data-item-index="0"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-expanded="true"
+                    aria-level="1"
+                    aria-posinset="1"
+                    aria-rowindex="1"
+                    aria-setsize="23"
+                    role="row"
+                  >
+                    <div
+                      aria-expanded="true"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-expanded="true"
+                        aria-label="Toggle Favourites section"
+                        class="RoomListSectionHeaderView-module_header RoomListSectionHeaderView-module_firstHeader"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListSectionHeaderView-module_container"
+                          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="Flex-module_flex"
+                            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-0-5x); --mx-flex-wrap: nowrap;"
+                          >
+                            <svg
+                              class="RoomListSectionHeaderView-module_chevron"
+                              fill="var(--cpd-color-icon-secondary)"
+                              height="24px"
+                              viewBox="0 0 24 24"
+                              width="24px"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+                              />
+                            </svg>
+                            <span
+                              class="RoomListSectionHeaderView-module_title"
+                            >
+                              Favourites
+                            </span>
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="1"
+                  data-item-index="1"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="1"
+                    aria-rowindex="1"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room General"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="General"
+                              >
+                                General
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in General"
+                              >
+                                Last message in General
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-2"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-3"
+                                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="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="react-use-id-4"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-5"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            >
+                              <div
+                                class="Flex-module_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>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="2"
+                  data-item-index="2"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="2"
+                    aria-rowindex="2"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Random"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Random"
+                              >
+                                Random
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-6"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-7"
+                                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="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="react-use-id-8"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-9"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="3"
+                  data-item-index="3"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="3"
+                    aria-rowindex="3"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Engineering"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Engineering"
+                              >
+                                Engineering
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Engineering"
+                              >
+                                Last message in Engineering
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-10"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-11"
+                                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="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="react-use-id-12"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-13"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="4"
+                  data-item-index="4"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="4"
+                    aria-rowindex="4"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Design"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Design"
+                              >
+                                Design
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-14"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-15"
+                                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="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="react-use-id-16"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-17"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="5"
+                  data-item-index="5"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="5"
+                    aria-rowindex="5"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Product"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Product"
+                              >
+                                Product
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Product"
+                              >
+                                Last message in Product
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-18"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-19"
+                                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="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="react-use-id-20"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-21"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="6"
+                  data-item-index="6"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="6"
+                    aria-rowindex="6"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Marketing with 5 unread mentions."
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Marketing"
+                              >
+                                Marketing
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-22"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-23"
+                                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="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="react-use-id-24"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-25"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            >
+                              <div
+                                class="Flex-module_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>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="7"
+                  data-item-index="7"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="7"
+                    aria-rowindex="7"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Sales"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Sales"
+                              >
+                                Sales
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Sales"
+                              >
+                                Last message in Sales
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-26"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-27"
+                                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="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="react-use-id-28"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-29"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="8"
+                  data-item-index="8"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="8"
+                    aria-rowindex="8"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Support"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Support"
+                              >
+                                Support
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-30"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-31"
+                                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="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="react-use-id-32"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-33"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="9"
+                  data-item-index="9"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="9"
+                    aria-rowindex="9"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Announcements"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Announcements"
+                              >
+                                Announcements
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Announcements"
+                              >
+                                Last message in Announcements
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-34"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-35"
+                                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="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="react-use-id-36"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-37"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="10"
+                  data-item-index="10"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="10"
+                    aria-rowindex="10"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Off-topic"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Off-topic"
+                              >
+                                Off-topic
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-38"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-39"
+                                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="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="react-use-id-40"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-41"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="11"
+                  data-item-index="11"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="11"
+                    aria-rowindex="11"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Team Alpha with 10 unread mentions."
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Team Alpha"
+                              >
+                                Team Alpha
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Team Alpha"
+                              >
+                                Last message in Team Alpha
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-42"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-43"
+                                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="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="react-use-id-44"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-45"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            >
+                              <div
+                                class="Flex-module_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>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="12"
+                  data-item-index="12"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="12"
+                    aria-rowindex="12"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Team Beta"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Team Beta"
+                              >
+                                Team Beta
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-46"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-47"
+                                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="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="react-use-id-48"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-49"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="13"
+                  data-item-index="13"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="13"
+                    aria-rowindex="13"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Project X"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Project X"
+                              >
+                                Project X
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Project X"
+                              >
+                                Last message in Project X
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-50"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-51"
+                                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="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="react-use-id-52"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-53"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="14"
+                  data-item-index="14"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="14"
+                    aria-rowindex="14"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Project Y"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Project Y"
+                              >
+                                Project Y
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-54"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-55"
+                                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="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="react-use-id-56"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-57"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="15"
+                  data-item-index="15"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="15"
+                    aria-rowindex="15"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Water Cooler"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Water Cooler"
+                              >
+                                Water Cooler
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Water Cooler"
+                              >
+                                Last message in Water Cooler
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-58"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-59"
+                                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="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="react-use-id-60"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-61"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="16"
+                  data-item-index="16"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="16"
+                    aria-rowindex="16"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Feedback with 15 unread mentions."
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Feedback"
+                              >
+                                Feedback
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-62"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-63"
+                                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="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="react-use-id-64"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-65"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            >
+                              <div
+                                class="Flex-module_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>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="17"
+                  data-item-index="17"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="17"
+                    aria-rowindex="17"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Ideas"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Ideas"
+                              >
+                                Ideas
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Ideas"
+                              >
+                                Last message in Ideas
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-66"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-67"
+                                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="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="react-use-id-68"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-69"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="18"
+                  data-item-index="18"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="18"
+                    aria-rowindex="18"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Bugs"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Bugs"
+                              >
+                                Bugs
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-70"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-71"
+                                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="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="react-use-id-72"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-73"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="19"
+                  data-item-index="19"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="19"
+                    aria-rowindex="19"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Features"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Features"
+                              >
+                                Features
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Features"
+                              >
+                                Last message in Features
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-74"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-75"
+                                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="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="react-use-id-76"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-77"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="20"
+                  data-item-index="20"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="20"
+                    aria-rowindex="20"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Releases"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Releases"
+                              >
+                                Releases
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-78"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-79"
+                                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="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="react-use-id-80"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-81"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="21"
+                  data-item-index="21"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="21"
+                    aria-rowindex="21"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room General with 20 unread mentions."
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="General"
+                              >
+                                General
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in General"
+                              >
+                                Last message in General
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-82"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-83"
+                                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="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="react-use-id-84"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-85"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            >
+                              <div
+                                class="Flex-module_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>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="22"
+                  data-item-index="22"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="22"
+                    aria-rowindex="22"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Random"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Random"
+                              >
+                                Random
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-86"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-87"
+                                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="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="react-use-id-88"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-89"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="23"
+                  data-item-index="23"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="23"
+                    aria-rowindex="23"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Engineering"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Engineering"
+                              >
+                                Engineering
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Engineering"
+                              >
+                                Last message in Engineering
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-90"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-91"
+                                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="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="react-use-id-92"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-93"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="GroupedVirtualizedList-module_stickyRow"
+                  data-index="24"
+                  data-item-index="24"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-expanded="true"
+                    aria-level="1"
+                    aria-posinset="2"
+                    aria-rowindex="25"
+                    aria-setsize="29"
+                    role="row"
+                  >
+                    <div
+                      aria-expanded="true"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-expanded="true"
+                        aria-label="Toggle Chats section"
+                        class="RoomListSectionHeaderView-module_header"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListSectionHeaderView-module_container"
+                          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="Flex-module_flex"
+                            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-0-5x); --mx-flex-wrap: nowrap;"
+                          >
+                            <svg
+                              class="RoomListSectionHeaderView-module_chevron"
+                              fill="var(--cpd-color-icon-secondary)"
+                              height="24px"
+                              viewBox="0 0 24 24"
+                              width="24px"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+                              />
+                            </svg>
+                            <span
+                              class="RoomListSectionHeaderView-module_title"
+                            >
+                              Chats
+                            </span>
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="25"
+                  data-item-index="25"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="1"
+                    aria-rowindex="24"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Design"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Design"
+                              >
+                                Design
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-94"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-95"
+                                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="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="react-use-id-96"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-97"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="26"
+                  data-item-index="26"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="2"
+                    aria-rowindex="25"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Product"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Product"
+                              >
+                                Product
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Product"
+                              >
+                                Last message in Product
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-98"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-99"
+                                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="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="react-use-id-100"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-101"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="27"
+                  data-item-index="27"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="3"
+                    aria-rowindex="26"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Marketing with 25 unread mentions."
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Marketing"
+                              >
+                                Marketing
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-102"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-103"
+                                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="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="react-use-id-104"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-105"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            >
+                              <div
+                                class="Flex-module_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>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="28"
+                  data-item-index="28"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="4"
+                    aria-rowindex="27"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Sales"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Sales"
+                              >
+                                Sales
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Sales"
+                              >
+                                Last message in Sales
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-106"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-107"
+                                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="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="react-use-id-108"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-109"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="29"
+                  data-item-index="29"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="5"
+                    aria-rowindex="28"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Support"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Support"
+                              >
+                                Support
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-110"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-111"
+                                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="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="react-use-id-112"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-113"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="30"
+                  data-item-index="30"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="6"
+                    aria-rowindex="29"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Announcements"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Announcements"
+                              >
+                                Announcements
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Announcements"
+                              >
+                                Last message in Announcements
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-114"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-115"
+                                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="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="react-use-id-116"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-117"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="31"
+                  data-item-index="31"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="7"
+                    aria-rowindex="30"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Off-topic"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Off-topic"
+                              >
+                                Off-topic
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-118"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-119"
+                                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="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="react-use-id-120"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-121"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="32"
+                  data-item-index="32"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="8"
+                    aria-rowindex="31"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Team Alpha with 30 unread mentions."
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Team Alpha"
+                              >
+                                Team Alpha
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Team Alpha"
+                              >
+                                Last message in Team Alpha
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-122"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-123"
+                                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="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="react-use-id-124"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-125"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            >
+                              <div
+                                class="Flex-module_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>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="33"
+                  data-item-index="33"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="9"
+                    aria-rowindex="32"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Team Beta"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Team Beta"
+                              >
+                                Team Beta
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-126"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-127"
+                                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="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="react-use-id-128"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-129"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="34"
+                  data-item-index="34"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="10"
+                    aria-rowindex="33"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Project X"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Project X"
+                              >
+                                Project X
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Project X"
+                              >
+                                Last message in Project X
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-130"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-131"
+                                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="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="react-use-id-132"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-133"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="35"
+                  data-item-index="35"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="11"
+                    aria-rowindex="34"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Project Y"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Project Y"
+                              >
+                                Project Y
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-134"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-135"
+                                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="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="react-use-id-136"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-137"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="36"
+                  data-item-index="36"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="12"
+                    aria-rowindex="35"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000006"
+                        aria-haspopup="menu"
+                        aria-label="Open room Water Cooler"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Water Cooler"
+                              >
+                                Water Cooler
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in Water Cooler"
+                              >
+                                Last message in Water Cooler
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-138"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-139"
+                                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="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="react-use-id-140"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-141"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          class="RoomListLoadingSkeleton-module_skeleton"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders SmallFlatList 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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          aria-label="Room list"
+          class="VirtualizedRoomListView-module_roomList"
+          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="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room General"
+                  aria-posinset="1"
+                  aria-selected="false"
+                  aria-setsize="2"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold RoomListItemView-module_firstItem"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="General"
+                        >
+                          General
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in General"
+                        >
+                          Last message in General
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-2"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-3"
+                          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="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="react-use-id-4"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-5"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="1"
+                data-item-index="1"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Random"
+                  aria-posinset="2"
+                  aria-selected="false"
+                  aria-setsize="2"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_lastItem"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Random"
+                        >
+                          Random
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-6"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-7"
+                          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="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="react-use-id-8"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-9"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders SmallSectionList 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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          data-dnd-overlay="true"
+        />
+        <div
+          class="GroupedVirtualizedList-module_stickyRoot"
+        >
+          <div
+            class="GroupedVirtualizedList-module_stickyHeader"
+          >
+            <div
+              aria-hidden="true"
+              class="RoomListSectionHeaderView-module_stickyBackground"
+            >
+              <button
+                aria-expanded="true"
+                class="RoomListSectionHeaderView-module_header RoomListSectionHeaderView-module_firstHeader"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="Flex-module_flex RoomListSectionHeaderView-module_container"
+                  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="Flex-module_flex"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-0-5x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      class="RoomListSectionHeaderView-module_chevron"
+                      fill="var(--cpd-color-icon-secondary)"
+                      height="24px"
+                      viewBox="0 0 24 24"
+                      width="24px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+                      />
+                    </svg>
+                    <span
+                      class="RoomListSectionHeaderView-module_title"
+                    >
+                      Favourites
+                    </span>
+                  </div>
+                </div>
+              </button>
+            </div>
+          </div>
+          <div
+            aria-label="Room list"
+            aria-rowcount="4"
+            class="VirtualizedRoomListView-module_roomList"
+            data-testid="room-list"
+            data-virtuoso-scroller="true"
+            role="treegrid"
+            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
+                  class="GroupedVirtualizedList-module_stickyRow"
+                  data-index="0"
+                  data-item-index="0"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-expanded="true"
+                    aria-level="1"
+                    aria-posinset="1"
+                    aria-rowindex="1"
+                    aria-setsize="2"
+                    role="row"
+                  >
+                    <div
+                      aria-expanded="true"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000003"
+                        aria-expanded="true"
+                        aria-label="Toggle Favourites section"
+                        class="RoomListSectionHeaderView-module_header RoomListSectionHeaderView-module_firstHeader"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListSectionHeaderView-module_container"
+                          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="Flex-module_flex"
+                            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-0-5x); --mx-flex-wrap: nowrap;"
+                          >
+                            <svg
+                              class="RoomListSectionHeaderView-module_chevron"
+                              fill="var(--cpd-color-icon-secondary)"
+                              height="24px"
+                              viewBox="0 0 24 24"
+                              width="24px"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+                              />
+                            </svg>
+                            <span
+                              class="RoomListSectionHeaderView-module_title"
+                            >
+                              Favourites
+                            </span>
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="1"
+                  data-item-index="1"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="1"
+                    aria-rowindex="1"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000003"
+                        aria-haspopup="menu"
+                        aria-label="Open room General"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="General"
+                              >
+                                General
+                              </div>
+                              <div
+                                class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                                title="Last message in General"
+                              >
+                                Last message in General
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-2"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-3"
+                                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="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="react-use-id-4"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-5"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            >
+                              <div
+                                class="Flex-module_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>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  data-index="2"
+                  data-item-index="2"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-level="2"
+                    aria-posinset="2"
+                    aria-rowindex="2"
+                    role="row"
+                  >
+                    <div
+                      aria-selected="false"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000003"
+                        aria-haspopup="menu"
+                        aria-label="Open room Random"
+                        class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                        data-state="closed"
+                        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListItemView-module_container"
+                          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;"
+                        >
+                          <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                            >
+                              <div
+                                class="RoomListItemView-module_roomName"
+                                data-testid="room-name"
+                                title="Random"
+                              >
+                                Random
+                              </div>
+                            </div>
+                            <div
+                              class="Flex-module_flex RoomListItemView-module_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="react-use-id-6"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-7"
+                                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="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="react-use-id-8"
+                                class="_icon-button_1215g_8"
+                                data-kind="primary"
+                                data-state="closed"
+                                id="radix-react-use-id-9"
+                                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="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="RoomListItemView-module_notificationDecoration"
+                            />
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="GroupedVirtualizedList-module_stickyRow"
+                  data-index="3"
+                  data-item-index="3"
+                  data-known-size="52"
+                  style="overflow-anchor: none;"
+                >
+                  <div
+                    aria-expanded="true"
+                    aria-level="1"
+                    aria-posinset="2"
+                    aria-rowindex="4"
+                    aria-setsize="0"
+                    role="row"
+                  >
+                    <div
+                      aria-expanded="true"
+                      role="gridcell"
+                    >
+                      <button
+                        aria-describedby="00000000-0000-0000-0000-000000000003"
+                        aria-expanded="true"
+                        aria-label="Toggle Chats section"
+                        class="RoomListSectionHeaderView-module_header"
+                        tabindex="-1"
+                        type="button"
+                      >
+                        <div
+                          class="Flex-module_flex RoomListSectionHeaderView-module_container"
+                          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="Flex-module_flex"
+                            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-0-5x); --mx-flex-wrap: nowrap;"
+                          >
+                            <svg
+                              class="RoomListSectionHeaderView-module_chevron"
+                              fill="var(--cpd-color-icon-secondary)"
+                              height="24px"
+                              viewBox="0 0 24 24"
+                              width="24px"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+                              />
+                            </svg>
+                            <span
+                              class="RoomListSectionHeaderView-module_title"
+                            >
+                              Chats
+                            </span>
+                          </div>
+                        </div>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders Toast 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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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="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>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          aria-label="Room list"
+          class="VirtualizedRoomListView-module_roomList"
+          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="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room General"
+                  aria-posinset="1"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold RoomListItemView-module_firstItem"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="General"
+                        >
+                          General
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in General"
+                        >
+                          Last message in General
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-2"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-3"
+                          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="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="react-use-id-4"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-5"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="1"
+                data-item-index="1"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Random"
+                  aria-posinset="2"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Random"
+                        >
+                          Random
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-6"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-7"
+                          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="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="react-use-id-8"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-9"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="2"
+                data-item-index="2"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Engineering"
+                  aria-posinset="3"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Engineering"
+                        >
+                          Engineering
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Engineering"
+                        >
+                          Last message in Engineering
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-10"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-11"
+                          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="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="react-use-id-12"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-13"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="3"
+                data-item-index="3"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Design"
+                  aria-posinset="4"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Design"
+                        >
+                          Design
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-14"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-15"
+                          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="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="react-use-id-16"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-17"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="4"
+                data-item-index="4"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Product"
+                  aria-posinset="5"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Product"
+                        >
+                          Product
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Product"
+                        >
+                          Last message in Product
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-18"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-19"
+                          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="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="react-use-id-20"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-21"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="5"
+                data-item-index="5"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Marketing"
+                        >
+                          Marketing
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-22"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-23"
+                          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="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="react-use-id-24"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-25"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="6"
+                data-item-index="6"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Sales"
+                  aria-posinset="7"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Sales"
+                        >
+                          Sales
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Sales"
+                        >
+                          Last message in Sales
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-26"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-27"
+                          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="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="react-use-id-28"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-29"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="7"
+                data-item-index="7"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Support"
+                  aria-posinset="8"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Support"
+                        >
+                          Support
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-30"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-31"
+                          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="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="react-use-id-32"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-33"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="8"
+                data-item-index="8"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Announcements"
+                  aria-posinset="9"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Announcements"
+                        >
+                          Announcements
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Announcements"
+                        >
+                          Last message in Announcements
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-34"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-35"
+                          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="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="react-use-id-36"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-37"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="9"
+                data-item-index="9"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Off-topic"
+                        >
+                          Off-topic
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-38"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-39"
+                          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="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="react-use-id-40"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-41"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="10"
+                data-item-index="10"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Team Alpha"
+                        >
+                          Team Alpha
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Team Alpha"
+                        >
+                          Last message in Team Alpha
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-42"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-43"
+                          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="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="react-use-id-44"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-45"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="11"
+                data-item-index="11"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Team Beta"
+                        >
+                          Team Beta
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-46"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-47"
+                          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="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="react-use-id-48"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-49"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="12"
+                data-item-index="12"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Project X"
+                        >
+                          Project X
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Project X"
+                        >
+                          Last message in Project X
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-50"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-51"
+                          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="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="react-use-id-52"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-53"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="13"
+                data-item-index="13"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Project Y"
+                        >
+                          Project Y
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-54"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-55"
+                          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="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="react-use-id-56"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-57"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="14"
+                data-item-index="14"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Water Cooler"
+                        >
+                          Water Cooler
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Water Cooler"
+                        >
+                          Last message in Water Cooler
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-58"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-59"
+                          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="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="react-use-id-60"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-61"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="15"
+                data-item-index="15"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Feedback"
+                        >
+                          Feedback
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-62"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-63"
+                          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="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="react-use-id-64"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-65"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="16"
+                data-item-index="16"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Ideas"
+                  aria-posinset="17"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Ideas"
+                        >
+                          Ideas
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Ideas"
+                        >
+                          Last message in Ideas
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-66"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-67"
+                          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="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="react-use-id-68"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-69"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="17"
+                data-item-index="17"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Bugs"
+                  aria-posinset="18"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Bugs"
+                        >
+                          Bugs
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-70"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-71"
+                          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="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="react-use-id-72"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-73"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="18"
+                data-item-index="18"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Features"
+                  aria-posinset="19"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Features"
+                        >
+                          Features
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Features"
+                        >
+                          Last message in Features
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-74"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-75"
+                          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="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="react-use-id-76"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-77"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="19"
+                data-item-index="19"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Releases"
+                  aria-posinset="20"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_lastItem"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Releases"
+                        >
+                          Releases
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-78"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-79"
+                          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="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="react-use-id-80"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-81"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="_toast-container_1jkz7_8 RoomListToast-module_toast _has-close_1jkz7_59"
+        >
+          <div
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _content_1jkz7_68"
+          >
+            Section created
+          </div>
+          <button
+            aria-labelledby="react-use-id-82"
+            class="_icon-button_1215g_8 _close_1jkz7_75 _no-background_1215g_42"
+            data-kind="secondary"
+            role="button"
+            style="--cpd-icon-button-size: 24px;"
+            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="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>
+          </button>
+        </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-module_flex RoomListPrimaryFilters-module_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-module_flex RoomListPrimaryFilters-module_list"
+          id="react-use-id-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>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex RoomListView-module_list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="AutoHideScrollbar-module_scrollbar RoomListView-module_scrollbar"
+        tabindex="-1"
+      >
+        <div
+          aria-label="Room list"
+          class="VirtualizedRoomListView-module_roomList"
+          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="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room General"
+                  aria-posinset="1"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold RoomListItemView-module_firstItem"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="General"
+                        >
+                          General
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in General"
+                        >
+                          Last message in General
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-2"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-3"
+                          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="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="react-use-id-4"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-5"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="1"
+                data-item-index="1"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Random"
+                  aria-posinset="2"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Random"
+                        >
+                          Random
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-6"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-7"
+                          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="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="react-use-id-8"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-9"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="2"
+                data-item-index="2"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Engineering"
+                  aria-posinset="3"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Engineering"
+                        >
+                          Engineering
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Engineering"
+                        >
+                          Last message in Engineering
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-10"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-11"
+                          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="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="react-use-id-12"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-13"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="3"
+                data-item-index="3"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Design"
+                  aria-posinset="4"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Design"
+                        >
+                          Design
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-14"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-15"
+                          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="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="react-use-id-16"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-17"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="4"
+                data-item-index="4"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Product"
+                  aria-posinset="5"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Product"
+                        >
+                          Product
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Product"
+                        >
+                          Last message in Product
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-18"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-19"
+                          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="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="react-use-id-20"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-21"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="5"
+                data-item-index="5"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Marketing"
+                        >
+                          Marketing
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-22"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-23"
+                          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="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="react-use-id-24"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-25"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="6"
+                data-item-index="6"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Sales"
+                  aria-posinset="7"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Sales"
+                        >
+                          Sales
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Sales"
+                        >
+                          Last message in Sales
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-26"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-27"
+                          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="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="react-use-id-28"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-29"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="7"
+                data-item-index="7"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Support"
+                  aria-posinset="8"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Support"
+                        >
+                          Support
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-30"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-31"
+                          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="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="react-use-id-32"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-33"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="8"
+                data-item-index="8"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Announcements"
+                  aria-posinset="9"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Announcements"
+                        >
+                          Announcements
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Announcements"
+                        >
+                          Last message in Announcements
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-34"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-35"
+                          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="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="react-use-id-36"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-37"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="9"
+                data-item-index="9"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Off-topic"
+                        >
+                          Off-topic
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-38"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-39"
+                          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="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="react-use-id-40"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-41"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="10"
+                data-item-index="10"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Team Alpha"
+                        >
+                          Team Alpha
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Team Alpha"
+                        >
+                          Last message in Team Alpha
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-42"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-43"
+                          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="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="react-use-id-44"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-45"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="11"
+                data-item-index="11"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Team Beta"
+                        >
+                          Team Beta
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-46"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-47"
+                          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="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="react-use-id-48"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-49"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="12"
+                data-item-index="12"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Project X"
+                        >
+                          Project X
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Project X"
+                        >
+                          Last message in Project X
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-50"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-51"
+                          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="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="react-use-id-52"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-53"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="13"
+                data-item-index="13"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Project Y"
+                        >
+                          Project Y
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-54"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-55"
+                          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="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="react-use-id-56"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-57"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="14"
+                data-item-index="14"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Water Cooler"
+                        >
+                          Water Cooler
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Water Cooler"
+                        >
+                          Last message in Water Cooler
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-58"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-59"
+                          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="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="react-use-id-60"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-61"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="15"
+                data-item-index="15"
+                data-known-size="52"
+                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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Feedback"
+                        >
+                          Feedback
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-62"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-63"
+                          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="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="react-use-id-64"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-65"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      >
+                        <div
+                          class="Flex-module_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>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="16"
+                data-item-index="16"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Ideas"
+                  aria-posinset="17"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Ideas"
+                        >
+                          Ideas
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Ideas"
+                        >
+                          Last message in Ideas
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-66"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-67"
+                          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="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="react-use-id-68"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-69"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="17"
+                data-item-index="17"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Bugs"
+                  aria-posinset="18"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Bugs"
+                        >
+                          Bugs
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-70"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-71"
+                          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="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="react-use-id-72"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-73"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="18"
+                data-item-index="18"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Features"
+                  aria-posinset="19"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Features"
+                        >
+                          Features
+                        </div>
+                        <div
+                          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                          title="Last message in Features"
+                        >
+                          Last message in Features
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-74"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-75"
+                          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="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="react-use-id-76"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-77"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+              <div
+                data-index="19"
+                data-item-index="19"
+                data-known-size="52"
+                style="overflow-anchor: none;"
+              >
+                <button
+                  aria-haspopup="menu"
+                  aria-label="Open room Releases"
+                  aria-posinset="20"
+                  aria-selected="false"
+                  aria-setsize="20"
+                  class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_lastItem"
+                  data-state="closed"
+                  role="option"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <div
+                    class="Flex-module_flex RoomListItemView-module_container"
+                    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;"
+                  >
+                    <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                      >
+                        <div
+                          class="RoomListItemView-module_roomName"
+                          data-testid="room-name"
+                          title="Releases"
+                        >
+                          Releases
+                        </div>
+                      </div>
+                      <div
+                        class="Flex-module_flex RoomListItemView-module_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="react-use-id-78"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-79"
+                          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="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="react-use-id-80"
+                          class="_icon-button_1215g_8"
+                          data-kind="primary"
+                          data-state="closed"
+                          id="radix-react-use-id-81"
+                          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="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="RoomListItemView-module_notificationDecoration"
+                      />
+                    </div>
+                  </div>
+                </button>
+              </div>
+            </div>
+          </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 00000000000..adf56e4ed8a
--- /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.ts b/packages/shared-components/src/room-list/RoomListView/index.ts
new file mode 100644
index 00000000000..bae5b686b6e
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/index.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.
+ */
+
+export { RoomListView } from "./RoomListView";
+export type {
+    RoomListViewProps,
+    RoomListViewModel,
+    RoomListViewSnapshot,
+    RoomListViewActions,
+    RoomListSection,
+} from "./RoomListView";
+export { RoomListLoadingSkeleton } from "./RoomListLoadingSkeleton";
+export { RoomListEmptyStateView } from "./RoomListEmptyStateView";
+export type { RoomListEmptyStateViewProps } from "./RoomListEmptyStateView";
+export * from "../VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView";
+export * from "./RoomListToast";
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListAccessibilityPlugin.test.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListAccessibilityPlugin.test.ts
new file mode 100644
index 00000000000..70057f16422
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListAccessibilityPlugin.test.ts
@@ -0,0 +1,437 @@
+/*
+ * 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 { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { renderHook } from "@test-utils";
+
+import {
+    type A11yData,
+    type DragAnnouncementGetter,
+    RoomListAccessibilityPlugin,
+    type RoomListAccessibilityOptions,
+    useRoomListAccessibilityPlugin,
+} from "./RoomListAccessibilityPlugin";
+import { I18nContext } from "../../core/i18n/i18nContext";
+import { I18nApi } from "../../core/i18n/I18nApi";
+import type { RoomListViewModel } from "../RoomListView";
+
+// ---------------------------------------------------------------------------
+// Minimal mock manager compatible with the @dnd-kit/abstract Plugin base class
+// ---------------------------------------------------------------------------
+
+type EventHandler = (event: unknown) => void;
+
+function createMockManager(): {
+    monitor: { addEventListener: ReturnType<typeof vi.fn> };
+    registry: {
+        draggables: { readonly value: IterableIterator<{ handle: HTMLElement | null; element: HTMLElement | null }> };
+    };
+    dispatch: (eventName: string, event: unknown) => void;
+    draggableElements: { handle: HTMLElement | null; element: HTMLElement | null }[];
+} {
+    const listeners = new Map<string, EventHandler[]>();
+
+    const monitor = {
+        addEventListener: vi.fn((eventName: string, handler: EventHandler) => {
+            if (!listeners.has(eventName)) listeners.set(eventName, []);
+            listeners.get(eventName)!.push(handler);
+            return vi.fn(() => {
+                const fns = listeners.get(eventName);
+                if (fns) {
+                    const idx = fns.indexOf(handler);
+                    if (idx >= 0) fns.splice(idx, 1);
+                }
+            });
+        }),
+    };
+
+    // A list of fake draggable objects the effect iterates over.
+    const draggableElements: { handle: HTMLElement | null; element: HTMLElement | null }[] = [];
+
+    const registry = {
+        draggables: {
+            // Plain (non-reactive) getter – the effect runs once on construction.
+            get value() {
+                return draggableElements.values();
+            },
+        },
+    };
+
+    /** Trigger a monitor event on all registered handlers. */
+    const dispatch = (eventName: string, event: unknown): void => {
+        listeners.get(eventName)?.forEach((fn) => fn(event));
+    };
+
+    return { monitor, registry, dispatch, draggableElements };
+}
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+function createPlugin(
+    manager: ReturnType<typeof createMockManager>,
+    options?: RoomListAccessibilityOptions,
+): RoomListAccessibilityPlugin {
+    // RoomListAccessibilityPlugin extends Plugin<DragDropManager> from @dnd-kit/abstract.
+    // The base class only requires manager.monitor and manager.registry to exist, which our
+    // mock satisfies.
+    return new RoomListAccessibilityPlugin(manager as never, options);
+}
+
+function getLiveRegion(): HTMLElement | null {
+    return document.querySelector<HTMLElement>("[role='status'][aria-live='polite']");
+}
+
+function getAssertiveRegion(): HTMLElement | null {
+    return document.querySelector<HTMLElement>("[role='alert'][aria-live='assertive']");
+}
+
+function getInstructions(): HTMLElement | null {
+    return document.querySelector<HTMLElement>("[style*='display: none']");
+}
+
+// ---------------------------------------------------------------------------
+// Tests
+// ---------------------------------------------------------------------------
+
+describe("RoomListAccessibilityPlugin", () => {
+    let manager: ReturnType<typeof createMockManager>;
+
+    beforeEach(() => {
+        manager = createMockManager();
+    });
+
+    afterEach(() => {
+        // Clean up any DOM nodes left behind by tests that don't call destroy().
+        getLiveRegion()?.remove();
+        getAssertiveRegion()?.remove();
+        getInstructions()?.remove();
+    });
+
+    describe("construction", () => {
+        it("appends a polite aria-live region to the document body", () => {
+            const plugin = createPlugin(manager);
+
+            const region = getLiveRegion();
+            expect(region).not.toBeNull();
+            expect(region).toBeInTheDocument();
+            expect(region).toHaveAttribute("role", "status");
+            expect(region).toHaveAttribute("aria-live", "polite");
+            expect(region).toHaveAttribute("aria-atomic", "true");
+
+            plugin.destroy();
+        });
+
+        it("appends an assertive aria-live region to the document body", () => {
+            const plugin = createPlugin(manager);
+
+            const region = getAssertiveRegion();
+            expect(region).not.toBeNull();
+            expect(region).toBeInTheDocument();
+            expect(region).toHaveAttribute("role", "alert");
+            expect(region).toHaveAttribute("aria-live", "assertive");
+            expect(region).toHaveAttribute("aria-atomic", "true");
+
+            plugin.destroy();
+        });
+
+        it("appends a hidden instructions element when the instructions option is provided", () => {
+            const plugin = createPlugin(manager, { instructions: "Press Space to drag" });
+
+            const el = getInstructions();
+            expect(el).not.toBeNull();
+            expect(el).toBeInTheDocument();
+            expect(el?.textContent).toBe("Press Space to drag");
+            expect(el?.style.display).toBe("none");
+
+            plugin.destroy();
+        });
+
+        it("does not append an instructions element when the option is omitted", () => {
+            const plugin = createPlugin(manager);
+            expect(getInstructions()).toBeNull();
+            plugin.destroy();
+        });
+
+        it("adds aria-describedby pointing to the instructions element on existing draggables", () => {
+            const button = document.createElement("button");
+            button.setAttribute("aria-label", "Toggle Favourites section");
+            document.body.append(button);
+
+            manager.draggableElements.push({ handle: button, element: button });
+
+            const plugin = createPlugin(manager, { instructions: "Press Space to drag" });
+
+            // The ID is a generated UUID — verify the button points to the instructions element.
+            const instructionsId = button.getAttribute("aria-describedby");
+            expect(instructionsId).toBeTruthy();
+            expect(document.getElementById(instructionsId!)).toBe(getInstructions());
+
+            button.remove();
+            plugin.destroy();
+        });
+
+        it("does not overwrite an existing aria-describedby on a draggable", () => {
+            const button = document.createElement("button");
+            button.setAttribute("aria-describedby", "my-existing-id");
+            document.body.append(button);
+
+            manager.draggableElements.push({ handle: button, element: button });
+
+            const plugin = createPlugin(manager, { instructions: "Press Space to drag" });
+
+            expect(button).toHaveAttribute("aria-describedby", "my-existing-id");
+
+            button.remove();
+            plugin.destroy();
+        });
+    });
+
+    describe("dragstart and dragover announcements", () => {
+        it("writes a dragstart message to the live region", () => {
+            const plugin = createPlugin(manager, {
+                announcements: { dragstart: () => "Dragging Favourites" },
+            });
+
+            manager.dispatch("dragstart", {});
+
+            expect(getLiveRegion()?.textContent).toBe("Dragging Favourites");
+
+            plugin.destroy();
+        });
+
+        it("writes a dragover message to the live region", () => {
+            const plugin = createPlugin(manager, {
+                announcements: { dragover: () => "Dragging Favourites over Low Priority" },
+            });
+
+            manager.dispatch("dragover", {});
+
+            expect(getLiveRegion()?.textContent).toBe("Dragging Favourites over Low Priority");
+
+            plugin.destroy();
+        });
+
+        it("does not update the live region when the getter returns undefined", () => {
+            const plugin = createPlugin(manager, {
+                announcements: { dragstart: () => undefined },
+            });
+
+            manager.dispatch("dragstart", {});
+
+            expect(getLiveRegion()?.textContent).toBe("");
+
+            plugin.destroy();
+        });
+
+        it("does not update the live region when the message is the same as the current text", () => {
+            const get = vi.fn(() => "Dragging Favourites");
+            const plugin = createPlugin(manager, {
+                announcements: { dragstart: get },
+            });
+
+            manager.dispatch("dragstart", {});
+            manager.dispatch("dragstart", {});
+
+            // The getter was called twice but the live region text is set only once (dedup).
+            expect(get).toHaveBeenCalledTimes(2);
+            expect(getLiveRegion()?.textContent).toBe("Dragging Favourites");
+
+            plugin.destroy();
+        });
+
+        it("passes the raw dnd-kit event to the announcement getter", () => {
+            const getter = vi.fn(() => "Dragging Favourites");
+            const plugin = createPlugin(manager, {
+                announcements: { dragstart: getter },
+            });
+
+            const fakeEvent = { operation: { source: { id: "fav" } } };
+            manager.dispatch("dragstart", fakeEvent);
+
+            expect(getter).toHaveBeenCalledWith(fakeEvent);
+
+            plugin.destroy();
+        });
+    });
+
+    describe("dragend announcement", () => {
+        it("announces the drop message in the assertive live region", () => {
+            const plugin = createPlugin(manager, {
+                announcements: { dragend: () => "Favourites was dropped on Low Priority" },
+            });
+
+            manager.dispatch("dragend", { operation: { source: { id: "favourites" } } });
+
+            // The drop is announced in the assertive region: focus stays on the source element so
+            // there is no focus change to read, and an assertive region reliably announces on Chrome.
+            expect(getAssertiveRegion()?.textContent).toBe("Favourites was dropped on Low Priority");
+
+            plugin.destroy();
+        });
+
+        it("re-announces an identical message by clearing the region first", () => {
+            const plugin = createPlugin(manager, {
+                announcements: { dragend: () => "Dropped" },
+            });
+
+            manager.dispatch("dragend", { operation: { source: { id: "favourites" } } });
+            expect(getAssertiveRegion()?.textContent).toBe("Dropped");
+
+            // The same text set twice must still end up in the region (clear-then-set forces a change).
+            manager.dispatch("dragend", { operation: { source: { id: "favourites" } } });
+            expect(getAssertiveRegion()?.textContent).toBe("Dropped");
+
+            plugin.destroy();
+        });
+
+        it("does not announce when the getter returns undefined", () => {
+            const plugin = createPlugin(manager, {
+                announcements: { dragend: () => undefined },
+            });
+
+            manager.dispatch("dragend", { operation: { source: { id: "favourites" } } });
+
+            // Both live regions stay empty.
+            expect(getLiveRegion()?.textContent).toBe("");
+            expect(getAssertiveRegion()?.textContent).toBe("");
+
+            plugin.destroy();
+        });
+    });
+
+    describe("destroy", () => {
+        it("removes the live region from the document", () => {
+            const plugin = createPlugin(manager);
+            expect(getLiveRegion()).not.toBeNull();
+
+            plugin.destroy();
+
+            expect(getLiveRegion()).toBeNull();
+        });
+
+        it("removes the assertive live region from the document", () => {
+            const plugin = createPlugin(manager);
+            expect(getAssertiveRegion()).not.toBeNull();
+
+            plugin.destroy();
+
+            expect(getAssertiveRegion()).toBeNull();
+        });
+
+        it("removes the instructions element from the document", () => {
+            const plugin = createPlugin(manager, { instructions: "Press Space to drag" });
+            expect(getInstructions()).not.toBeNull();
+
+            plugin.destroy();
+
+            expect(getInstructions()).toBeNull();
+        });
+
+        it("calls the unsubscribe functions returned by monitor.addEventListener", () => {
+            // Capture the unsubscribe function spy that the mock returns.
+            let unsubscribeSpy: ReturnType<typeof vi.fn> | undefined;
+            manager.monitor.addEventListener.mockImplementation((_eventName: string, _handler: EventHandler) => {
+                unsubscribeSpy = vi.fn();
+                return unsubscribeSpy as unknown as ReturnType<typeof vi.fn<() => void>>;
+            });
+
+            const plugin = createPlugin(manager, {
+                announcements: { dragstart: () => "Dragging" },
+            });
+
+            plugin.destroy();
+
+            expect(unsubscribeSpy).toHaveBeenCalled();
+        });
+    });
+
+    describe("useRoomListAccessibilityPlugin announcements", () => {
+        const SECTION_TITLES: Record<string, string> = {
+            work: "Work",
+            fun: "Fun",
+        };
+        const ROOM_NAMES: Record<string, string> = {
+            "!room:server": "My Room",
+        };
+
+        function createMockVm(): RoomListViewModel {
+            return {
+                getSectionHeaderViewModel: (id: string) => ({
+                    getSnapshot: () => ({ title: SECTION_TITLES[id] ?? id }),
+                }),
+                getRoomItemViewModel: (id: string) => ({
+                    getSnapshot: () => ({ name: ROOM_NAMES[id] }),
+                }),
+            } as unknown as RoomListViewModel;
+        }
+
+        /** Render the hook and return the announcement getters it configures on the plugin. */
+        function getAnnouncements(
+            vm: RoomListViewModel,
+        ): Partial<Record<"dragstart" | "dragover" | "dragend", DragAnnouncementGetter>> {
+            const wrapper = ({ children }: { children: React.ReactNode }): React.ReactNode =>
+                React.createElement(I18nContext.Provider, { value: new I18nApi() }, children);
+            const { result } = renderHook(() => useRoomListAccessibilityPlugin(vm), { wrapper });
+
+            const descriptor = result.current([]).find(
+                (
+                    plugin,
+                ): plugin is {
+                    plugin: typeof RoomListAccessibilityPlugin;
+                    options: RoomListAccessibilityOptions;
+                } => typeof plugin === "object" && plugin.plugin === RoomListAccessibilityPlugin,
+            );
+            return descriptor!.options.announcements!;
+        }
+
+        const sectionSource = (id: string, index: number): A11yData["operation"]["source"] =>
+            ({ id, data: { type: "section", index } }) as A11yData["operation"]["source"];
+        const sectionTarget = (id: string, index: number): A11yData["operation"]["target"] =>
+            ({ id, data: { type: "section", index } }) as A11yData["operation"]["target"];
+
+        it("announces a section will return to its original position when dragged over a non-droppable area", () => {
+            const { dragover } = getAnnouncements(createMockVm());
+            const message = dragover!({
+                operation: { source: sectionSource("work", 1), target: null },
+                canceled: false,
+            });
+            expect(message).toBe("Work will return to its original position");
+        });
+
+        it("announces a section returned to its original position when dropped on a non-droppable area", () => {
+            const { dragend } = getAnnouncements(createMockVm());
+            const message = dragend!({
+                operation: { source: sectionSource("work", 1), target: null },
+                canceled: false,
+            });
+            expect(message).toBe("Work returned to its original position");
+        });
+
+        it("still announces the before/after target when a section is dragged over another section", () => {
+            const { dragover, dragend } = getAnnouncements(createMockVm());
+            // Source index 2 dropped onto target index 1 → dropped before the target.
+            const event: A11yData = {
+                operation: { source: sectionSource("fun", 2), target: sectionTarget("work", 1) },
+                canceled: false,
+            };
+            expect(dragover!(event)).toBe("Fun will be dropped before Work");
+            expect(dragend!(event)).toBe("Fun was dropped before Work");
+        });
+
+        it("announces cancellation even when there is no target", () => {
+            const { dragend } = getAnnouncements(createMockVm());
+            const message = dragend!({
+                operation: { source: sectionSource("work", 1), target: null },
+                canceled: true,
+            });
+            expect(message).toBe("Dragging cancelled");
+        });
+    });
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListAccessibilityPlugin.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListAccessibilityPlugin.ts
new file mode 100644
index 00000000000..8abc8967861
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListAccessibilityPlugin.ts
@@ -0,0 +1,276 @@
+/*
+ * 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 { useCallback, useMemo } from "react";
+import { configure, Plugin, type Plugins } from "@dnd-kit/abstract";
+import { Accessibility, type Draggable, type DragDropManager, type Droppable } from "@dnd-kit/dom";
+
+import { useI18n } from "../../core/i18n/i18nContext";
+import { isSectionDragData, type RoomListDragData } from "./dragAndDrop";
+import type { RoomListViewModel } from "../RoomListView";
+
+type Manager = DragDropManager;
+
+/** Shape of the dnd-kit monitor event passed to the announcement getters. */
+export type A11yData = {
+    operation: {
+        source: Draggable<RoomListDragData> | null;
+        target: Droppable<RoomListDragData> | null;
+    };
+    canceled: boolean;
+};
+
+/**
+ * Produces the screen-reader announcement for a drag lifecycle event, or `undefined`
+ * to stay silent. The event exposes `operation.source`, `operation.target` and (on
+ * `dragend`) `canceled`.
+ */
+export type DragAnnouncementGetter = (event: A11yData) => string | undefined;
+
+/**
+ * Options for {@link RoomListAccessibilityPlugin}.
+ *
+ * All fields are optional so the options type stays assignable to dnd-kit's generic
+ * `PluginOptions`.
+ */
+export interface RoomListAccessibilityOptions {
+    /** Announcement to emit for each drag lifecycle event. */
+    announcements?: Partial<Record<"dragstart" | "dragover" | "dragend", DragAnnouncementGetter>>;
+    /**
+     * Keyboard drag instructions read out when a draggable receives focus, wired to each
+     * draggable via `aria-describedby`.
+     */
+    instructions?: string;
+}
+
+/**
+ * Create the visually-hidden `aria-live` region used to announce drag progress.
+ *
+ * @param politeness - `"polite"` for progress (start/over) updates, `"assertive"` for the terminal
+ *   drop/cancel confirmation so it interrupts any pending progress chatter and is announced reliably.
+ */
+function createLiveRegion(id: string, politeness: "polite" | "assertive" = "polite"): HTMLDivElement {
+    const element = document.createElement("div");
+    element.id = id;
+    element.setAttribute("role", politeness === "assertive" ? "alert" : "status");
+    element.setAttribute("aria-live", politeness);
+    element.setAttribute("aria-atomic", "true");
+    Object.assign(element.style, {
+        position: "fixed",
+        width: "1px",
+        height: "1px",
+        margin: "-1px",
+        border: "0",
+        padding: "0",
+        overflow: "hidden",
+        clip: "rect(0 0 0 0)",
+        clipPath: "inset(100%)",
+        whiteSpace: "nowrap",
+    });
+    return element;
+}
+
+/**
+ * Create the hidden element holding the keyboard drag instructions. Only referenced via
+ * `aria-describedby` (never announced), so `display: none` is enough to hide it.
+ */
+function createInstructions(id: string, text: string): HTMLDivElement {
+    const element = document.createElement("div");
+    element.id = id;
+    element.style.display = "none";
+    element.textContent = text;
+    return element;
+}
+
+/**
+ * A dnd-kit plugin that manages the room list's drag-and-drop accessibility:
+ * - announces drag progress to screen readers via an `aria-live` region, and
+ * - exposes the keyboard drag instructions, wiring them to every draggable through
+ *   `aria-describedby`.
+ *
+ * This is a deliberately reduced replacement for dnd-kit's built-in `Accessibility`
+ * plugin. The built-in plugin also reflects `aria-pressed`/`aria-grabbed` onto the
+ * draggable `<button>`, which VoiceOver reads as "selected" the instant a keyboard drag
+ * starts. We filter the built-in plugin out (see VirtualizedRoomListView) and use this
+ * instead: it never mutates the draggable's pressed/grabbed ARIA state.
+ */
+export class RoomListAccessibilityPlugin extends Plugin<Manager, RoomListAccessibilityOptions> {
+    private liveRegion: HTMLDivElement;
+    private assertiveRegion: HTMLDivElement;
+    private instructions?: HTMLDivElement;
+    private readonly unsubscribers: Array<() => void> = [];
+
+    public constructor(manager: Manager, options?: RoomListAccessibilityOptions) {
+        super(manager, options);
+
+        const liveRegionId = crypto.randomUUID();
+        const assertiveRegionId = crypto.randomUUID();
+        const instructionsId = crypto.randomUUID();
+
+        // Create the live regions up front so they exist in the DOM before any text change,
+        // which assistive technologies require to reliably announce the first message.
+        this.liveRegion = createLiveRegion(liveRegionId);
+        this.assertiveRegion = createLiveRegion(assertiveRegionId, "assertive");
+        document.body.append(this.liveRegion, this.assertiveRegion);
+
+        const announcements = options?.announcements ?? {};
+        for (const [eventName, getAnnouncement] of Object.entries(announcements)) {
+            if (!getAnnouncement) continue;
+            let unsubscribe: () => void;
+            if (eventName === "dragend") {
+                unsubscribe = manager.monitor.addEventListener("dragend", (event) => {
+                    const a11yEvent = event as unknown as A11yData;
+                    const message = getAnnouncement(a11yEvent);
+                    // On drop the source element stays focused (focus never actually moves), so we need to announce the drop confirmation in the assertive region to ensure it is read.
+                    this.announceAssertive(message);
+                });
+            } else {
+                unsubscribe = manager.monitor.addEventListener(eventName as "dragstart", (event) => {
+                    this.announce(getAnnouncement(event as unknown as A11yData));
+                });
+            }
+            this.unsubscribers.push(unsubscribe);
+        }
+
+        if (options?.instructions) {
+            this.instructions = createInstructions(instructionsId, options.instructions);
+            document.body.append(this.instructions);
+
+            // Point every draggable at the instructions via aria-describedby. The effect re-runs
+            // as draggables register/unregister (the list is virtualized), so newly mounted items
+            // get described too. We never touch aria-pressed/aria-grabbed here.
+            this.registerEffect(() => {
+                if (!this.instructions) return;
+                for (const draggable of this.manager.registry.draggables.value) {
+                    const activator = draggable.handle ?? draggable.element;
+                    if (activator && !activator.hasAttribute("aria-describedby")) {
+                        activator.setAttribute("aria-describedby", instructionsId);
+                    }
+                }
+            });
+        }
+    }
+
+    private announce(message: string | undefined): void {
+        if (!message || this.liveRegion.textContent === message) return;
+        this.liveRegion.textContent = message;
+    }
+
+    /**
+     * Announce a terminal message (drop confirmation / cancellation) in the assertive live region.
+     *
+     * Unlike the polite progress region, the drop happens with focus parked on the source element
+     * and no focus change to trigger a re-read, so an assertive region is required for Chrome to
+     * announce it. It also interrupts any still-pending "… will be dropped …" progress chatter.
+     */
+    private announceAssertive(message: string | undefined): void {
+        if (!message) return;
+        // Always re-set (clearing first) so an identical message still re-announces, and so the
+        // assertive region reliably fires even right after a polite progress update.
+        this.assertiveRegion.textContent = "";
+        this.assertiveRegion.textContent = message;
+    }
+
+    public destroy(): void {
+        super.destroy();
+        for (const unsubscribe of this.unsubscribers) unsubscribe();
+        this.unsubscribers.length = 0;
+        this.liveRegion.remove();
+        this.assertiveRegion.remove();
+        this.instructions?.remove();
+    }
+}
+
+/**
+ * Configures {@link RoomListAccessibilityPlugin} for the room list and returns a `plugins`
+ * callback for `DragDropProvider`.
+ *
+ * It swaps dnd-kit's built-in Accessibility plugin (which adds the `aria-pressed` that
+ * VoiceOver reads as "selected") for {@link RoomListAccessibilityPlugin}, supplying it with
+ * localized announcements derived from the room list view model. The result is memoized so
+ * the plugin descriptor stays stable across renders and the plugin isn't torn down and
+ * recreated.
+ */
+export function useRoomListAccessibilityPlugin(
+    vm: RoomListViewModel,
+): (defaults: Plugins<Manager>) => Plugins<Manager> {
+    const { translate: _t } = useI18n();
+
+    // Get the display name of a draggable source: the section title for a section, or the
+    // room name for a room. Returns undefined if the source can't be resolved.
+    const getDragSourceName = useCallback(
+        (source: Draggable<RoomListDragData>): string | undefined => {
+            if (isSectionDragData(source.data)) {
+                return vm.getSectionHeaderViewModel(source.id as string).getSnapshot().title;
+            }
+            return vm.getRoomItemViewModel(source.id as string)?.getSnapshot().name;
+        },
+        [vm],
+    );
+
+    const announcements = useMemo(
+        () => ({
+            dragstart: ({ operation: { source } }: A11yData) => {
+                if (!source) return;
+                const sourceName = getDragSourceName(source);
+                if (sourceName === undefined) return;
+                return _t("room_list|a11y|drag_start", { source: sourceName });
+            },
+            dragover: ({ operation: { source, target } }: A11yData) => {
+                if (!source) return;
+                const sourceName = getDragSourceName(source);
+                if (sourceName === undefined) return;
+                // A section dragged over a non-droppable area (favourites/low-priority or its own original slot) has no target and snaps back to where it started.
+                if (isSectionDragData(source.data) && !target) {
+                    return _t("room_list|a11y|drag_over_original", { source: sourceName });
+                }
+                if (!target) return;
+                const targetTitle = vm.getSectionHeaderViewModel(target.id as string).getSnapshot().title;
+                if (isSectionDragData(source.data) && isSectionDragData(target.data)) {
+                    const droppedBefore = source.data.index > target.data.index;
+
+                    return droppedBefore
+                        ? _t("room_list|a11y|drag_over_before", { source: sourceName, target: targetTitle })
+                        : _t("room_list|a11y|drag_over_after", { source: sourceName, target: targetTitle });
+                }
+                return _t("room_list|a11y|drag_over", { source: sourceName, target: targetTitle });
+            },
+            dragend: ({ operation: { source, target }, canceled }: A11yData) => {
+                if (!source) return;
+                if (canceled) return _t("room_list|a11y|drag_cancelled");
+                const sourceName = getDragSourceName(source);
+                if (sourceName === undefined) return;
+                // A section dragged over a non-droppable area (favourites/low-priority or its own original slot) has no target and snaps back to where it started.
+                if (isSectionDragData(source.data) && !target) {
+                    return _t("room_list|a11y|drag_end_original", { source: sourceName });
+                }
+
+                if (!target) return;
+                const targetTitle = vm.getSectionHeaderViewModel(target.id as string).getSnapshot().title;
+                if (isSectionDragData(source.data) && isSectionDragData(target.data)) {
+                    const droppedBefore = source.data.index > target.data.index;
+                    return droppedBefore
+                        ? _t("room_list|a11y|drag_end_before", { source: sourceName, target: targetTitle })
+                        : _t("room_list|a11y|drag_end_after", { source: sourceName, target: targetTitle });
+                }
+                return _t("room_list|a11y|drag_end", { source: sourceName, target: targetTitle });
+            },
+        }),
+        [vm, _t, getDragSourceName],
+    );
+
+    const instructions = _t("room_list|a11y|drag_instructions");
+
+    return useCallback(
+        (defaults) => [
+            // remove the built-in Accessibility plugin
+            ...defaults.filter((plugin) => plugin !== Accessibility),
+            configure(RoomListAccessibilityPlugin, { announcements, instructions }),
+        ],
+        [announcements, instructions],
+    );
+}
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.module.css b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.module.css
new file mode 100644
index 00000000000..fec3b1f6085
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.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.
+ */
+
+.dragOverlay {
+    --padding-top: 0px;
+    --padding-bottom: 0px;
+}
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.stories.tsx
new file mode 100644
index 00000000000..d84a7a6d42f
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.stories.tsx
@@ -0,0 +1,83 @@
+/*
+ * 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, StoryObj } from "@storybook/react-vite";
+import {
+    type Room,
+    type RoomListItemViewActions,
+    type RoomListItemViewSnapshot,
+} from "../RoomListItemWrapper/RoomListItemView";
+import { RoomListItemDragOverlayView } from "./RoomListItemDragOverlayView";
+import { useMockedViewModel } from "../../../core/viewmodel";
+import { withViewDocs } from "../../../../.storybook/withViewDocs";
+import { defaultSnapshot } from "../RoomListItemWrapper/RoomListItemView/default-snapshot";
+import { mockedActions } from "../RoomListItemWrapper/RoomListItemView/mocked-actions";
+import { renderAvatar } from "../../story-mocks";
+
+type RoomListItemDragOverlayProps = RoomListItemViewSnapshot &
+    RoomListItemViewActions & {
+        renderAvatar: (room: Room) => React.ReactElement;
+    };
+
+const RoomListItemDragOverlayWrapperImpl = ({
+    onOpenRoom,
+    onMarkAsRead,
+    onMarkAsUnread,
+    onToggleFavorite,
+    onToggleLowPriority,
+    onInvite,
+    onCopyRoomLink,
+    onLeaveRoom,
+    onSetRoomNotifState,
+    onCreateSection,
+    onToggleSection,
+    onRemoveFromSection,
+    renderAvatar: renderAvatarProp,
+    ...rest
+}: RoomListItemDragOverlayProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onOpenRoom,
+        onMarkAsRead,
+        onMarkAsUnread,
+        onToggleFavorite,
+        onToggleLowPriority,
+        onInvite,
+        onCopyRoomLink,
+        onLeaveRoom,
+        onSetRoomNotifState,
+        onCreateSection,
+        onToggleSection,
+        onRemoveFromSection,
+    });
+    return <RoomListItemDragOverlayView vm={vm} renderAvatar={renderAvatarProp} />;
+};
+const RoomListItemDragOverlayWrapper = withViewDocs(RoomListItemDragOverlayWrapperImpl, RoomListItemDragOverlayView);
+
+const meta = {
+    title: "Room List/RoomListItemDragOverlayView",
+    component: RoomListItemDragOverlayWrapper,
+    tags: ["autodocs"],
+    decorators: [
+        (Story) => (
+            <div style={{ width: "320px", padding: "8px" }}>
+                <Story />
+            </div>
+        ),
+    ],
+    args: {
+        ...defaultSnapshot,
+        ...mockedActions,
+        renderAvatar,
+    },
+} satisfies Meta<typeof RoomListItemDragOverlayWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.test.tsx
new file mode 100644
index 00000000000..863fed8b136
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.test.tsx
@@ -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.
+ */
+
+import React from "react";
+import { render, screen } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./RoomListItemDragOverlayView.stories";
+import { defaultSnapshot } from "../RoomListItemWrapper/RoomListItemView/default-snapshot";
+
+const { Default } = composeStories(stories);
+
+describe("<RoomListItemDragOverlayView />", () => {
+    it("renders the room name from the view model", () => {
+        render(<Default />);
+        expect(screen.getByTestId("room-name")).toHaveTextContent(defaultSnapshot.name);
+    });
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.tsx
new file mode 100644
index 00000000000..391aebb394c
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/RoomListItemDragOverlayView.tsx
@@ -0,0 +1,50 @@
+/*
+ * 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, type ReactNode } from "react";
+import classNames from "classnames";
+
+import { Flex } from "../../../core/utils/Flex";
+import { type Room, RoomListItemContent, type RoomListItemViewModel } from "../RoomListItemWrapper/RoomListItemView";
+import roomListItemStyles from "../RoomListItemWrapper/RoomListItemView/RoomListItemView.module.css";
+import styles from "./RoomListItemDragOverlayView.module.css";
+
+/**
+ * Props for {@link RoomListItemDragOverlayView}.
+ */
+export interface RoomListItemDragOverlayViewProps {
+    /** The room item view model — same one used by the real list item */
+    vm: RoomListItemViewModel;
+    /** Function to render the room avatar */
+    renderAvatar: (room: Room) => ReactNode;
+}
+
+/**
+ * Visual clone of a room list item rendered inside the dnd drag overlay.
+ *
+ * Reuses {@link RoomListItemContent} for the inner layout and adds the outer
+ * wrapper styles that the live list item normally provides (height, width,
+ * typography), so the floating clone matches a real item.
+ */
+export const RoomListItemDragOverlayView = memo(function RoomListItemDragOverlayView({
+    vm,
+    renderAvatar,
+}: RoomListItemDragOverlayViewProps): JSX.Element {
+    return (
+        // Purely a visual clone that follows the drag. Hide it from the accessibility tree so the
+        // dragged room isn't duplicated (the real, still-focused item already exposes it, and drag
+        // feedback is narrated via the dnd live-region announcements).
+        <Flex
+            aria-hidden={true}
+            className={classNames(roomListItemStyles.roomListItem, styles.dragOverlay)}
+            gap="var(--cpd-space-3x)"
+            align="stretch"
+        >
+            <RoomListItemContent vm={vm} renderAvatar={renderAvatar} isDragging={true} />
+        </Flex>
+    );
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/index.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/index.ts
new file mode 100644
index 00000000000..0e0b212f74c
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemDragOverlayView/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 { RoomListItemDragOverlayView } from "./RoomListItemDragOverlayView";
+export type { RoomListItemDragOverlayViewProps } from "./RoomListItemDragOverlayView";
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.stories.tsx
new file mode 100644
index 00000000000..cca9e5eef34
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/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/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.test.tsx
new file mode 100644
index 00000000000..f79e092f4d4
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/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/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/NotificationDecoration.tsx
new file mode 100644
index 00000000000..a5033cb918f
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/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 "../../../../core/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/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemContent.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemContent.tsx
new file mode 100644
index 00000000000..d1937ef7a00
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemContent.tsx
@@ -0,0 +1,87 @@
+/*
+ * 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, type ReactNode } from "react";
+import { Text, Tooltip } from "@vector-im/compound-web";
+import classNames from "classnames";
+
+import { Flex } from "../../../../core/utils/Flex";
+import { useViewModel } from "../../../../core/viewmodel";
+import { NotificationDecoration } from "./NotificationDecoration";
+import { RoomListItemHoverMenu } from "./RoomListItemHoverMenu";
+import { type Room, type RoomListItemViewModel } from "./RoomListItemView";
+import styles from "./RoomListItemView.module.css";
+
+/**
+ * Props for {@link RoomListItemContent}.
+ */
+export interface RoomListItemContentProps {
+    /** The room item view model */
+    vm: RoomListItemViewModel;
+    /** Function to render the room avatar */
+    renderAvatar: (room: Room) => ReactNode;
+    /** Whether the item is being dragged */
+    isDragging?: boolean;
+}
+
+/**
+ * The inner content of a room list item: avatar, room name, message preview,
+ * hover menu and notification decoration. Used both inside the full
+ * {@link RoomListItemView} and inside the drag overlay.
+ */
+export const RoomListItemContent = memo(function RoomListItemContent({
+    vm,
+    renderAvatar,
+    isDragging = false,
+}: RoomListItemContentProps): JSX.Element {
+    const item = useViewModel(vm);
+
+    return (
+        <Flex
+            className={classNames(styles.container, {
+                [styles.dragging]: isDragging,
+            })}
+            gap="var(--cpd-space-3x)"
+            align="center"
+        >
+            {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.ellipsis}>
+                    <div className={styles.roomName} title={item.name} data-testid="room-name">
+                        {item.name}
+                        {item.userStatus && (
+                            <Tooltip description={item.userStatus.text}>
+                                <Text as="span" className={styles.userStatusEmoji}>
+                                    {item.userStatus.emoji}
+                                </Text>
+                            </Tooltip>
+                        )}
+                    </div>
+
+                    {item.messagePreview && (
+                        <Text as="div" size="sm" className={styles.ellipsis} title={item.messagePreview}>
+                            {item.messagePreview}
+                        </Text>
+                    )}
+                </div>
+                {!isDragging && (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>
+    );
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemContextMenu.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemContextMenu.tsx
new file mode 100644
index 00000000000..6a5c608d5e4
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/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 "../../../../core/i18n/i18n";
+import { MoreOptionContent, type RoomListItemViewModel } from "./RoomListItemMoreOptionsMenu";
+
+/**
+ * Props for RoomListItemContextMenu component
+ */
+export interface RoomListItemContextMenuProps {
+    /** The room item view model */
+    vm: RoomListItemViewModel;
+}
+
+/**
+ * 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/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemHoverMenu.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemHoverMenu.tsx
new file mode 100644
index 00000000000..e71723bb026
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/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 "../../../../core/utils/Flex";
+import { RoomListItemMoreOptionsMenu, type RoomListItemViewModel } from "./RoomListItemMoreOptionsMenu";
+import { RoomListItemNotificationMenu } from "./RoomListItemNotificationMenu";
+import styles from "./RoomListItemView.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: RoomListItemViewModel;
+}
+
+/**
+ * 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/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.module.css b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.module.css
new file mode 100644
index 00000000000..8956cab580a
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.module.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
+
+.sectionLabel {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 200px;
+    color: var(--cpd-color-text-primary);
+}
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.test.tsx
new file mode 100644
index 00000000000..0b641fb146d
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.test.tsx
@@ -0,0 +1,300 @@
+/*
+ * 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 } from "vitest";
+
+import { RoomListItemMoreOptionsMenu, MoreOptionContent } from "./RoomListItemMoreOptionsMenu";
+import { useMockedViewModel } from "../../../../core/viewmodel";
+import type { RoomListItemViewSnapshot } from "./RoomListItemView";
+import { defaultSnapshot } from "./default-snapshot";
+import { mockedActions as mockCallbacks } from "./mocked-actions";
+
+describe("<RoomListItemMoreOptionsMenu />", () => {
+    const renderMenu = (overrides: Partial<RoomListItemViewSnapshot> = {}): ReturnType<typeof render> => {
+        const TestComponent = (): JSX.Element => {
+            const vm = useMockedViewModel(
+                {
+                    ...defaultSnapshot,
+                    showMoreOptionsMenu: true,
+                    showNotificationMenu: false,
+                    ...overrides,
+                } as RoomListItemViewSnapshot,
+                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();
+    });
+
+    it("should call onCreateSection when new section is clicked", async () => {
+        const user = userEvent.setup();
+        // We need to render the MoreOptionContent directly here as radix is kind of messing in the test env
+        const TestComponent = (): JSX.Element => {
+            const vm = useMockedViewModel(defaultSnapshot, mockCallbacks);
+            return <MoreOptionContent vm={vm} />;
+        };
+        render(<TestComponent />);
+
+        const newSection = screen.getByRole("menuitem", { name: "New section" });
+        await user.click(newSection);
+
+        expect(mockCallbacks.onCreateSection).toHaveBeenCalled();
+    });
+
+    it("should call onRemoveFromSection when Remove from section is clicked", async () => {
+        const user = userEvent.setup();
+        const TestComponent = (): JSX.Element => {
+            const vm = useMockedViewModel({ ...defaultSnapshot, isInSection: true }, mockCallbacks);
+            return <MoreOptionContent vm={vm} />;
+        };
+        render(<TestComponent />);
+
+        const removeFromSection = screen.getByRole("menuitem", { name: "Remove from section" });
+        await user.click(removeFromSection);
+
+        expect(mockCallbacks.onRemoveFromSection).toHaveBeenCalled();
+    });
+
+    it("should render section items in move to section submenu", () => {
+        const sections = [
+            { tag: "m.favourite", name: "Favourites", isSelected: false },
+            { tag: "element.io.section.custom1", name: "Work", isSelected: true },
+            { tag: "element.io.section.custom2", name: "Personal", isSelected: false },
+        ];
+
+        const TestComponent = (): JSX.Element => {
+            const vm = useMockedViewModel({ ...defaultSnapshot, sections }, mockCallbacks);
+            return <MoreOptionContent vm={vm} />;
+        };
+        render(<TestComponent />);
+
+        const favouriteItem = screen.getByRole("menuitem", { name: "Favourites" });
+        expect(favouriteItem).toBeInTheDocument();
+        expect(favouriteItem).toHaveAttribute("aria-checked", "false");
+
+        const workItem = screen.getByRole("menuitem", { name: "Work" });
+        expect(workItem).toBeInTheDocument();
+        expect(workItem).toHaveAttribute("aria-checked", "true");
+
+        const personalItem = screen.getByRole("menuitem", { name: "Personal" });
+        expect(personalItem).toBeInTheDocument();
+        expect(personalItem).toHaveAttribute("aria-checked", "false");
+    });
+
+    it("should call onToggleSection when a section item is clicked", async () => {
+        const user = userEvent.setup();
+        const sections = [
+            { tag: "m.favourite", name: "Favourites", isSelected: false },
+            { tag: "element.io.section.custom1", name: "Work", isSelected: false },
+        ];
+
+        const TestComponent = (): JSX.Element => {
+            const vm = useMockedViewModel({ ...defaultSnapshot, sections }, mockCallbacks);
+            return <MoreOptionContent vm={vm} />;
+        };
+        render(<TestComponent />);
+
+        const workItem = screen.getByRole("menuitem", { name: "Work" });
+        await user.click(workItem);
+
+        expect(mockCallbacks.onToggleSection).toHaveBeenCalledWith("element.io.section.custom1");
+    });
+
+    it("should not render section items when sections array is empty", () => {
+        const TestComponent = (): JSX.Element => {
+            const vm = useMockedViewModel({ ...defaultSnapshot, sections: [] }, mockCallbacks);
+            return <MoreOptionContent vm={vm} />;
+        };
+        render(<TestComponent />);
+
+        expect(screen.getByRole("menuitem", { name: "New section" })).toBeInTheDocument();
+    });
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.tsx
new file mode 100644
index 00000000000..bc286ce6e2f
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.tsx
@@ -0,0 +1,184 @@
+/*
+ * 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, { useMemo, useState, type JSX } from "react";
+import { IconButton, Menu, MenuItem, Separator, SubMenu, ToggleMenuItem } from "@vector-im/compound-web";
+import {
+    MarkAsReadIcon,
+    MarkAsUnreadIcon,
+    FavouriteIcon,
+    ArrowDownIcon,
+    UserAddIcon,
+    LinkIcon,
+    LeaveIcon,
+    OverflowHorizontalIcon,
+    ArrowRightIcon,
+    CheckIcon,
+    MinusIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../../../core/i18n/i18n";
+import { useViewModel, type ViewModel } from "../../../../core/viewmodel";
+import type { RoomListItemViewSnapshot, RoomListItemViewActions } from "./RoomListItemView";
+import styles from "./RoomListItemMoreOptionsMenu.module.css";
+
+/**
+ * View model type for room list item
+ */
+export type RoomListItemViewModel = ViewModel<RoomListItemViewSnapshot, RoomListItemViewActions>;
+
+/**
+ * Props for RoomListItemMoreOptionsMenu component
+ */
+export interface RoomListItemMoreOptionsMenuProps {
+    /** The room item view model */
+    vm: RoomListItemViewModel;
+}
+
+/**
+ * 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"
+                    style={{ padding: "2px" }}
+                >
+                    <OverflowHorizontalIcon />
+                </IconButton>
+            }
+        >
+            <MoreOptionContent vm={vm} />
+        </Menu>
+    );
+}
+
+interface MoreOptionContentProps {
+    vm: RoomListItemViewModel;
+}
+
+export function MoreOptionContent({ vm }: MoreOptionContentProps): JSX.Element {
+    const snapshot = useViewModel(vm);
+    const hasSections = snapshot.sections.length > 0;
+    const isInSection = useMemo(() => snapshot.sections.some((section) => section.isSelected), [snapshot.sections]);
+    return (
+        <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()}
+            />
+            <Separator />
+            {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}
+                />
+            )}
+            {snapshot.areSectionsEnabled && (
+                <>
+                    <SubMenu
+                        trigger={
+                            <MenuItem
+                                Icon={ArrowRightIcon}
+                                label={_t("room_list|more_options|move_to_section")}
+                                onSelect={null}
+                            />
+                        }
+                    >
+                        {snapshot.sections.map((section) => (
+                            <MenuItem
+                                key={section.tag}
+                                label={section.name}
+                                labelProps={{ className: styles.sectionLabel }}
+                                onSelect={() => vm.onToggleSection(section.tag)}
+                                onClick={(evt) => evt.stopPropagation()}
+                                hideChevron={true}
+                                aria-checked={section.isSelected}
+                            >
+                                {section.isSelected && (
+                                    <CheckIcon color="var(--cpd-color-icon-tertiary)" width="24px" height="24px" />
+                                )}
+                            </MenuItem>
+                        ))}
+                        {hasSections && <Separator />}
+                        <MenuItem label={_t("action|new_section")} onSelect={vm.onCreateSection} hideChevron={true} />
+                    </SubMenu>
+                    {isInSection && (
+                        <MenuItem
+                            Icon={MinusIcon}
+                            label={_t("room_list|more_options|remove_from_section")}
+                            onSelect={vm.onRemoveFromSection}
+                            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/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemNotificationMenu.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemNotificationMenu.test.tsx
new file mode 100644
index 00000000000..8aa389a1c09
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemNotificationMenu.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 React, { type JSX } from "react";
+import { render, screen } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { describe, it, expect } from "vitest";
+
+import { RoomListItemNotificationMenu } from "./RoomListItemNotificationMenu";
+import { RoomNotifState } from "./RoomNotifs";
+import { useMockedViewModel } from "../../../../core/viewmodel";
+import type { RoomListItemViewSnapshot } from "./RoomListItemView";
+import { defaultSnapshot } from "./default-snapshot";
+import { mockedActions as mockCallbacks } from "./mocked-actions";
+
+describe("<RoomListItemNotificationMenu />", () => {
+    const renderMenu = (roomNotifState: RoomNotifState = RoomNotifState.AllMessages): ReturnType<typeof render> => {
+        const TestComponent = (): JSX.Element => {
+            const vm = useMockedViewModel(
+                {
+                    ...defaultSnapshot,
+                    showMoreOptionsMenu: false,
+                    showNotificationMenu: true,
+                    roomNotifState,
+                } as RoomListItemViewSnapshot,
+                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/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemNotificationMenu.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemNotificationMenu.tsx
new file mode 100644
index 00000000000..0225031c17b
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/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 "../../../../core/i18n/i18n";
+import { RoomNotifState } from "./RoomNotifs";
+import { useViewModel, type ViewModel } from "../../../../core/viewmodel";
+import type { RoomListItemViewSnapshot, RoomListItemViewActions } from "./RoomListItemView";
+
+/**
+ * View model type for room list item
+ */
+export type RoomListItemViewModel = ViewModel<RoomListItemViewSnapshot, RoomListItemViewActions>;
+
+/**
+ * Props for RoomListItemNotificationMenu component
+ */
+export interface RoomListItemNotificationMenuProps {
+    /** The room item view model */
+    vm: RoomListItemViewModel;
+}
+
+/**
+ * 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"
+                    style={{ padding: "2px" }}
+                    tooltip={_t("room_list|notification_options")}
+                    aria-label={_t("room_list|notification_options")}
+                >
+                    {isMuted ? <NotificationsOffSolidIcon /> : <NotificationsSolidIcon />}
+                </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={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/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.module.css b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.module.css
new file mode 100644
index 00000000000..f6a46413989
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.module.css
@@ -0,0 +1,151 @@
+/*
+ * 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.
+ */
+
+.roomListItem {
+    /* Remove button default style */
+    background: unset;
+    border: none;
+    text-align: unset;
+
+    /* Needed to position the selected marker */
+    position: relative;
+    cursor: pointer;
+    width: 100%;
+
+    /* Gap between items, accounted for in ROOM_LIST_ITEM_HEIGHT */
+    --padding-top: var(--cpd-space-1x);
+    --padding-bottom: var(--cpd-space-1x);
+    padding: var(--padding-top) 0 var(--padding-bottom) 0;
+
+    /* 44px height + padding */
+    min-height: calc(44px + var(--padding-top) + var(--padding-bottom));
+
+    font: var(--cpd-font-body-md-regular);
+    letter-spacing: var(--cpd-font-letter-spacing-body-md);
+    color: var(--cpd-color-text-secondary);
+
+    /* Hide the menu by default */
+    .hoverMenu {
+        display: none;
+    }
+}
+
+/* Show hover menu and background on hover/focus/menu-open states */
+.roomListItem:hover,
+/* keyboardActive is toggled in JS for keyboard focus only (see RoomListItemView), and kept while
+   focus is on the hover-menu buttons so they stay reachable by Tab — without revealing the menu on
+   mouse-focused or selected rows the way :focus-within would */
+.roomListItem.keyboardActive,
+/* 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"]) {
+    color: var(--cpd-color-text-primary);
+
+    .container {
+        background-color: var(--cpd-color-bg-action-tertiary-hovered);
+    }
+
+    /* Preserve selected background on hover/focus/menu-open states */
+    &.selected .container {
+        background-color: var(--cpd-color-bg-action-tertiary-selected);
+    }
+
+    .hoverMenu {
+        display: flex;
+    }
+
+    /* When the menu is visible, hide the notification decoration to avoid clutter */
+    .notificationDecoration {
+        display: none;
+    }
+}
+
+.container {
+    flex: 1;
+    margin: 0 var(--cpd-space-3x);
+    padding: 0 var(--cpd-space-2x);
+    border-radius: 8px;
+    min-width: 0;
+}
+
+.dragging {
+    outline: 1px solid var(--cpd-color-border-interactive-hovered);
+    background-color: color-mix(in srgb, var(--cpd-color-bg-action-tertiary-hovered) 95%, transparent);
+    color: var(--cpd-color-text-primary);
+}
+
+.dragSource .container {
+    opacity: 0.6;
+}
+
+.content {
+    flex: 1;
+    min-width: 0;
+}
+
+.text {
+    min-width: 0;
+}
+
+.ellipsis,
+.roomName {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.roomName {
+    /* Allow the room name to shrink and truncate when displayed next to the user status emoji */
+    min-width: 0;
+}
+
+.userStatusEmoji {
+    padding-left: var(--cpd-space-1-5x);
+}
+
+.selected {
+    .container {
+        background-color: var(--cpd-color-bg-action-tertiary-selected);
+        color: var(--cpd-color-text-primary);
+    }
+
+    /* Visual marker at the left on the container when the room is selected */
+    .container::before {
+        content: "";
+        position: absolute;
+        /* Marker height is 34px, room list item height is 44px. So position is at 5px at and bottom + padding */
+        top: calc(5px + var(--padding-top));
+        bottom: calc(5px + var(--padding-bottom));
+        left: 0;
+        width: 4px;
+        background-color: var(--cpd-color-bg-accent-rest);
+        border-radius: 0 8px 8px 0;
+    }
+}
+
+.bold .roomName {
+    font: var(--cpd-font-body-md-semibold);
+    color: var(--cpd-color-text-primary);
+}
+
+/* Set icon color for hover menu buttons */
+.hoverMenu svg {
+    fill: var(--cpd-color-icon-primary);
+}
+
+/*
+ * Remove top padding for the first item and bottom padding for the last item to align them with the container border.
+ * And adjust the selected marker position accordingly.
+ */
+.firstItem {
+    --padding-top: 0px;
+}
+
+.lastItem {
+    --padding-bottom: 0px;
+}
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx
new file mode 100644
index 00000000000..129df0a710f
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.stories.tsx
@@ -0,0 +1,329 @@
+/*
+ * 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, useEffect } from "react";
+import { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import {
+    type Room,
+    RoomListItemView,
+    type RoomListItemViewSnapshot,
+    type RoomListItemViewActions,
+} from "./RoomListItemView";
+import { useMockedViewModel } from "../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../.storybook/withViewDocs";
+import { defaultSnapshot } from "./default-snapshot";
+import { renderAvatar } from "../../../story-mocks";
+import { mockedActions } from "./mocked-actions";
+
+type RoomListItemProps = RoomListItemViewSnapshot &
+    RoomListItemViewActions & {
+        isSelected: boolean;
+        isFocused: boolean;
+        onFocus: (room: Room, e: React.FocusEvent) => void;
+        isFirstItem: boolean;
+        isLastItem: boolean;
+        renderAvatar: (room: Room) => React.ReactElement;
+    };
+
+// Wrapper component that creates a mocked ViewModel
+const RoomListItemWrapperImpl = ({
+    onOpenRoom,
+    onMarkAsRead,
+    onMarkAsUnread,
+    onToggleFavorite,
+    onToggleLowPriority,
+    onInvite,
+    onCopyRoomLink,
+    onLeaveRoom,
+    onSetRoomNotifState,
+    onCreateSection,
+    onToggleSection,
+    onRemoveFromSection,
+    isSelected,
+    isFocused,
+    onFocus,
+    isFirstItem,
+    isLastItem,
+    renderAvatar: renderAvatarProp,
+    ...rest
+}: RoomListItemProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onOpenRoom,
+        onMarkAsRead,
+        onMarkAsUnread,
+        onToggleFavorite,
+        onToggleLowPriority,
+        onInvite,
+        onCopyRoomLink,
+        onLeaveRoom,
+        onSetRoomNotifState,
+        onCreateSection,
+        onToggleSection,
+        onRemoveFromSection,
+    });
+    return (
+        <RoomListItemView
+            vm={vm}
+            isSelected={isSelected}
+            isFocused={isFocused}
+            onFocus={onFocus}
+            isFirstItem={isFirstItem}
+            isLastItem={isLastItem}
+            renderAvatar={renderAvatarProp}
+            role="option"
+        />
+    );
+};
+const RoomListItemWrapper = withViewDocs(RoomListItemWrapperImpl, RoomListItemView);
+
+const meta = {
+    title: "Room List/RoomListItemView",
+    component: RoomListItemWrapper,
+    tags: ["autodocs"],
+    decorators: [
+        (Story) => (
+            <div role="listbox" aria-label="Room list" style={{ width: "320px", padding: "8px" }}>
+                <Story />
+            </div>
+        ),
+    ],
+    args: {
+        ...defaultSnapshot,
+        ...mockedActions,
+        isSelected: false,
+        isFocused: false,
+        isFirstItem: false,
+        isLastItem: false,
+        onFocus: fn(),
+        renderAvatar,
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=10800-21153&t=gFDc2D7TMEffSSCo-0",
+        },
+    },
+} satisfies Meta<typeof RoomListItemWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const LongContent: Story = {
+    args: {
+        name: "Loooooooooooooooooooooooooooooooooooooong name",
+        messagePreview: "Loooooooooooooooooooooooooooooooooooooong preview",
+    },
+};
+
+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 WithVoiceCall: Story = {
+    args: {
+        isBold: true,
+        notification: {
+            hasAnyNotificationOrActivity: true,
+            isUnsentMessage: false,
+            invited: false,
+            isMention: false,
+            isActivityNotification: false,
+            isNotification: false,
+            hasUnreadCount: false,
+            count: 0,
+            muted: false,
+            callType: "voice",
+        },
+    },
+};
+
+export const WithVideoCall: Story = {
+    args: {
+        isBold: true,
+        notification: {
+            hasAnyNotificationOrActivity: true,
+            isUnsentMessage: false,
+            invited: false,
+            isMention: false,
+            isActivityNotification: false,
+            isNotification: false,
+            hasUnreadCount: false,
+            count: 0,
+            muted: false,
+            callType: "video",
+        },
+    },
+};
+
+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,
+    },
+};
+
+export const WithLargeFont: Story = {
+    args: {
+        isSelected: true,
+    },
+    // Render the story in an iframe to avoid affecting other story
+    parameters: {
+        docs: {
+            story: {
+                inline: false,
+                iframeHeight: 170,
+            },
+        },
+    },
+    decorators: [
+        (Story) => {
+            useEffect(() => {
+                const originalFontSize = getComputedStyle(document.documentElement).fontSize;
+                document.documentElement.style.setProperty("font-size", "36px");
+                return () => {
+                    document.documentElement.style.setProperty("font-size", originalFontSize);
+                };
+            }, []);
+            return <Story />;
+        },
+    ],
+};
+
+export const WithZoom: Story = {
+    args: {
+        isSelected: true,
+    },
+    decorators: [
+        (Story, context) => (
+            <div style={{ zoom: 2 }}>
+                <Story />
+            </div>
+        ),
+    ],
+};
+
+export const FirstItem: Story = {
+    args: {
+        isFirstItem: true,
+        isSelected: true,
+    },
+};
+
+export const LastItem: Story = {
+    args: {
+        isLastItem: true,
+        isSelected: true,
+    },
+};
+
+export const SectionDisabled: Story = {
+    args: {
+        areSectionsEnabled: false,
+    },
+};
+
+export const WithUserStatus: Story = {
+    args: {
+        userStatus: {
+            emoji: "🌭",
+            text: "Hot",
+        },
+    },
+};
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.test.tsx
new file mode 100644
index 00000000000..db239a9c4c6
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.test.tsx
@@ -0,0 +1,150 @@
+/*
+ * 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, waitFor } 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 "./RoomListItemView.stories";
+
+const {
+    Default,
+    Selected,
+    Bold,
+    WithNotification,
+    WithMention,
+    WithVoiceCall,
+    WithVideoCall,
+    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 WithVoiceCall story", () => {
+        const { container } = render(<WithVoiceCall />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders WithVideoCall story", () => {
+        const { container } = render(<WithVideoCall />);
+        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();
+    });
+
+    it("reveals the hover menu on keyboard focus and clears it when focus leaves", async () => {
+        // isFocused focuses the row via the keyboard on mount, so the hover menu is revealed.
+        const { container } = render(<WithHoverMenu isFocused={true} />);
+        const option = screen.getByRole("option");
+        const moreButton = container.querySelector('[aria-label="More Options"]');
+
+        expect(option.className).toMatch(/keyboardActive/);
+        expect(moreButton).toBeVisible();
+
+        // Focus leaving the row hides the menu again.
+        option.blur();
+        await waitFor(() => expect(option.className).not.toMatch(/keyboardActive/));
+        expect(moreButton).not.toBeVisible();
+    });
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.tsx
new file mode 100644
index 00000000000..5a87aab87b8
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomListItemView.tsx
@@ -0,0 +1,247 @@
+/*
+ * 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, useState, type ReactNode, type Ref } from "react";
+import classNames from "classnames";
+import { useMergeRefs } from "react-merge-refs";
+
+import { Flex } from "../../../../core/utils/Flex";
+import { type NotificationDecorationData } from "./NotificationDecoration";
+import { RoomListItemContextMenu } from "./RoomListItemContextMenu";
+import { RoomListItemContent } from "./RoomListItemContent";
+import { type RoomNotifState } from "./RoomNotifs";
+import styles from "./RoomListItemView.module.css";
+import { useViewModel, type ViewModel } from "../../../../core/viewmodel";
+import { type UserStatus } from "../../../../core/userStatus";
+import { _t } from "../../../../core/i18n/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 if (notification.callType === "voice") {
+        return _t("room_list|a11y|voice_call", { roomName });
+    } else if (notification.callType === "video") {
+        return _t("room_list|a11y|video_call", { roomName });
+    } else {
+        return _t("room_list|a11y|default", { roomName });
+    }
+}
+
+/**
+ * Describes a section that a room can be assigned to.
+ * Used to render toggle items in the "Move to section" submenu.
+ */
+export interface Section {
+    /** The tag that identifies this section (e.g. `m.favourite`, custom tag) */
+    tag: string;
+    /** The human-readable display name of the section */
+    name: string;
+    /** Whether the room currently belongs to this section */
+    isSelected: boolean;
+}
+
+/**
+ * Snapshot for a room list item.
+ * Contains all the data needed to render a room in the list.
+ */
+export interface RoomListItemViewSnapshot {
+    /** 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;
+    /** The MSC4426 user status of the other user in a DM room, if any */
+    userStatus?: UserStatus;
+    /** 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;
+    /** Available sections the room can be assigned to */
+    sections: Section[];
+    /** Whether sections are enabled in the room list */
+    areSectionsEnabled: boolean;
+}
+
+/**
+ * Actions interface for room list item operations.
+ * Implemented by the room item view model.
+ */
+export interface RoomListItemViewActions {
+    /** 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;
+    /** Called when creating a new section */
+    onCreateSection: () => void;
+    /** Called when toggling a room's membership in a section */
+    onToggleSection: (tag: string) => void;
+    /** Called when removing the room from a section */
+    onRemoveFromSection: () => void;
+}
+
+/**
+ * The view model type for a room list item
+ */
+export type RoomListItemViewModel = ViewModel<RoomListItemViewSnapshot, RoomListItemViewActions>;
+
+/**
+ * Props for RoomListItemView component
+ */
+export interface RoomListItemViewProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, "onFocus"> {
+    /** The room item view model */
+    vm: RoomListItemViewModel;
+    /** 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;
+    /** Whether this is the first item in the list */
+    isFirstItem: boolean;
+    /** Whether this is the last item in the list */
+    isLastItem: boolean;
+    /** Function to render the room avatar */
+    renderAvatar: (room: Room) => ReactNode;
+    /** Whether this item is the source of an active drag operation */
+    isDragSource?: boolean;
+    ref?: Ref<Element>;
+}
+
+/**
+ * A presentational room list item component.
+ * Displays room name, avatar, message preview, and notifications.
+ */
+export const RoomListItemView = memo(function RoomListItemView({
+    vm,
+    isSelected,
+    isFocused,
+    onFocus,
+    isFirstItem,
+    isLastItem,
+    renderAvatar,
+    isDragSource = false,
+    ref,
+    ...props
+}: RoomListItemViewProps): JSX.Element {
+    const internalRef = useRef<HTMLButtonElement>(null);
+    const mergedRef = useMergeRefs([ref, internalRef]);
+    const item = useViewModel(vm);
+
+    // Reveal the hover menu when the row is focused via the keyboard (not the mouse), and keep it
+    // revealed while focus moves onto the menu buttons so they stay reachable by Tab. A pure CSS
+    // :focus-visible rule can't do the latter: it drops the instant focus leaves the row for a child,
+    // hiding the menu mid-Tab and dropping focus to <body>. A :focus-within rule reveals it for mouse
+    // focus too, which clutters selected/clicked rows. So we mark keyboard focus in JS (using the
+    // browser's own :focus-visible determination) and keep it set until focus leaves the row entirely.
+    const [keyboardActive, setKeyboardActive] = useState(false);
+
+    useEffect(() => {
+        if (isFocused) {
+            internalRef.current?.focus({ preventScroll: true });
+        }
+    }, [isFocused]);
+
+    const onItemFocus = (e: React.FocusEvent<HTMLButtonElement>): void => {
+        onFocus(item.id, e);
+        // Only when focus enters the row from outside via the keyboard.
+        if (!e.currentTarget.contains(e.relatedTarget) && e.currentTarget.matches(":focus-visible")) {
+            setKeyboardActive(true);
+        }
+    };
+
+    const onItemBlur = (e: React.FocusEvent<HTMLButtonElement>): void => {
+        // Keep it revealed while focus is on a child menu button, and while one of the menus is open
+        // (focus is then in the portaled popover, outside the row). The latter means that when the
+        // menu closes with Escape, the trigger is still revealed, so the popover's own focus
+        // restoration lands on it instead of dropping to <body>. Clear once focus leaves for good.
+        if (!e.currentTarget.contains(e.relatedTarget) && !e.currentTarget.querySelector('[data-state="open"]')) {
+            setKeyboardActive(false);
+        }
+    };
+
+    // Generate a11y label from notification state and room name
+    const a11yLabel = getA11yLabel(item.name, item.notification);
+
+    return (
+        <RoomListItemContextMenu vm={vm}>
+            <Flex
+                as="button"
+                ref={mergedRef}
+                className={classNames(styles.roomListItem, "mx_RoomListItemView", {
+                    [styles.keyboardActive]: keyboardActive,
+                    [styles.selected]: isSelected,
+                    [styles.bold]: item.isBold,
+                    [styles.firstItem]: isFirstItem,
+                    [styles.lastItem]: isLastItem,
+                    [styles.dragSource]: isDragSource,
+                    mx_RoomListItemView_selected: isSelected,
+                })}
+                gap="var(--cpd-space-3x)"
+                align="stretch"
+                type="button"
+                aria-label={a11yLabel}
+                onClick={vm.onOpenRoom}
+                onFocus={onItemFocus}
+                onBlur={onItemBlur}
+                tabIndex={isFocused ? 0 : -1}
+                aria-selected={props.role === "option" ? isSelected : undefined}
+                {...props}
+            >
+                <RoomListItemContent vm={vm} renderAvatar={renderAvatar} />
+            </Flex>
+        </RoomListItemContextMenu>
+    );
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomNotifs.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/RoomNotifs.ts
new file mode 100644
index 00000000000..06fc0fc23df
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/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/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/__snapshots__/NotificationDecoration.test.tsx.snap b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/__snapshots__/NotificationDecoration.test.tsx.snap
new file mode 100644
index 00000000000..098f251c7b0
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/__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-module_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-module_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-module_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-module_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-module_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-module_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-module_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-module_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-module_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/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/__snapshots__/RoomListItemView.test.tsx.snap b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/__snapshots__/RoomListItemView.test.tsx.snap
new file mode 100644
index 00000000000..353ce9c7c43
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/__snapshots__/RoomListItemView.test.tsx.snap
@@ -0,0 +1,1532 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<RoomListItemView /> > renders Bold story 1`] = `
+<div>
+  <div
+    aria-label="Room list"
+    role="listbox"
+    style="width: 320px; padding: 8px;"
+  >
+    <button
+      aria-haspopup="menu"
+      aria-label="Open room Team Updates"
+      aria-selected="false"
+      class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+      data-state="closed"
+      role="option"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      tabindex="-1"
+      type="button"
+    >
+      <div
+        class="Flex-module_flex RoomListItemView-module_container"
+        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;"
+      >
+        <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+          >
+            <div
+              class="RoomListItemView-module_roomName"
+              data-testid="room-name"
+              title="Team Updates"
+            >
+              Team Updates
+            </div>
+            <div
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="Flex-module_flex RoomListItemView-module_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="react-use-id-1"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-2"
+              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="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="react-use-id-3"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-4"
+              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="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="RoomListItemView-module_notificationDecoration"
+          />
+        </div>
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders Default story 1`] = `
+<div>
+  <div
+    aria-label="Room list"
+    role="listbox"
+    style="width: 320px; padding: 8px;"
+  >
+    <button
+      aria-haspopup="menu"
+      aria-label="Open room General"
+      aria-selected="false"
+      class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+      data-state="closed"
+      role="option"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      tabindex="-1"
+      type="button"
+    >
+      <div
+        class="Flex-module_flex RoomListItemView-module_container"
+        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;"
+      >
+        <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+          >
+            <div
+              class="RoomListItemView-module_roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="Flex-module_flex RoomListItemView-module_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="react-use-id-1"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-2"
+              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="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="react-use-id-3"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-4"
+              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="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="RoomListItemView-module_notificationDecoration"
+          />
+        </div>
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders Invitation story 1`] = `
+<div>
+  <div
+    aria-label="Room list"
+    role="listbox"
+    style="width: 320px; padding: 8px;"
+  >
+    <button
+      aria-haspopup="menu"
+      aria-label="Open room Secret Project invitation."
+      aria-selected="false"
+      class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+      data-state="closed"
+      role="option"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      tabindex="-1"
+      type="button"
+    >
+      <div
+        class="Flex-module_flex RoomListItemView-module_container"
+        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;"
+      >
+        <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+          >
+            <div
+              class="RoomListItemView-module_roomName"
+              data-testid="room-name"
+              title="Secret Project"
+            >
+              Secret Project
+            </div>
+            <div
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+              title="Bob invited you"
+            >
+              Bob invited you
+            </div>
+          </div>
+          <div
+            class="Flex-module_flex RoomListItemView-module_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="react-use-id-1"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-2"
+              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="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="react-use-id-3"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-4"
+              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="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="RoomListItemView-module_notificationDecoration"
+          >
+            <div
+              class="Flex-module_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>
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders NoMessagePreview story 1`] = `
+<div>
+  <div
+    aria-label="Room list"
+    role="listbox"
+    style="width: 320px; padding: 8px;"
+  >
+    <button
+      aria-haspopup="menu"
+      aria-label="Open room General"
+      aria-selected="false"
+      class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+      data-state="closed"
+      role="option"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      tabindex="-1"
+      type="button"
+    >
+      <div
+        class="Flex-module_flex RoomListItemView-module_container"
+        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;"
+      >
+        <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+          >
+            <div
+              class="RoomListItemView-module_roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+          </div>
+          <div
+            class="Flex-module_flex RoomListItemView-module_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="react-use-id-1"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-2"
+              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="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="react-use-id-3"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-4"
+              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="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="RoomListItemView-module_notificationDecoration"
+          />
+        </div>
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders Selected story 1`] = `
+<div>
+  <div
+    aria-label="Room list"
+    role="listbox"
+    style="width: 320px; padding: 8px;"
+  >
+    <button
+      aria-haspopup="menu"
+      aria-label="Open room General"
+      aria-selected="true"
+      class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_selected mx_RoomListItemView_selected"
+      data-state="closed"
+      role="option"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      tabindex="-1"
+      type="button"
+    >
+      <div
+        class="Flex-module_flex RoomListItemView-module_container"
+        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;"
+      >
+        <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+          >
+            <div
+              class="RoomListItemView-module_roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="Flex-module_flex RoomListItemView-module_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="react-use-id-1"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-2"
+              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="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="react-use-id-3"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-4"
+              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="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="RoomListItemView-module_notificationDecoration"
+          />
+        </div>
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders UnsentMessage story 1`] = `
+<div>
+  <div
+    aria-label="Room list"
+    role="listbox"
+    style="width: 320px; padding: 8px;"
+  >
+    <button
+      aria-haspopup="menu"
+      aria-label="Open room General with an unsent message."
+      aria-selected="false"
+      class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+      data-state="closed"
+      role="option"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      tabindex="-1"
+      type="button"
+    >
+      <div
+        class="Flex-module_flex RoomListItemView-module_container"
+        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;"
+      >
+        <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+          >
+            <div
+              class="RoomListItemView-module_roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+              title="Failed to send message"
+            >
+              Failed to send message
+            </div>
+          </div>
+          <div
+            class="Flex-module_flex RoomListItemView-module_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="react-use-id-1"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-2"
+              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="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="react-use-id-3"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-4"
+              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="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="RoomListItemView-module_notificationDecoration"
+          >
+            <div
+              class="Flex-module_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>
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders WithHoverMenu story 1`] = `
+<div>
+  <div
+    aria-label="Room list"
+    role="listbox"
+    style="width: 320px; padding: 8px;"
+  >
+    <button
+      aria-haspopup="menu"
+      aria-label="Open room General"
+      aria-selected="false"
+      class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+      data-state="closed"
+      role="option"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      tabindex="-1"
+      type="button"
+    >
+      <div
+        class="Flex-module_flex RoomListItemView-module_container"
+        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;"
+      >
+        <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+          >
+            <div
+              class="RoomListItemView-module_roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="Flex-module_flex RoomListItemView-module_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="react-use-id-1"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-2"
+              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="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="react-use-id-3"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-4"
+              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="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="RoomListItemView-module_notificationDecoration"
+          />
+        </div>
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders WithMention story 1`] = `
+<div>
+  <div
+    aria-label="Room list"
+    role="listbox"
+    style="width: 320px; padding: 8px;"
+  >
+    <button
+      aria-haspopup="menu"
+      aria-label="Open room General with 1 unread mention."
+      aria-selected="false"
+      class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+      data-state="closed"
+      role="option"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      tabindex="-1"
+      type="button"
+    >
+      <div
+        class="Flex-module_flex RoomListItemView-module_container"
+        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;"
+      >
+        <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+          >
+            <div
+              class="RoomListItemView-module_roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="Flex-module_flex RoomListItemView-module_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="react-use-id-1"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-2"
+              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="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="react-use-id-3"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-4"
+              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="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="RoomListItemView-module_notificationDecoration"
+          >
+            <div
+              class="Flex-module_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>
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders WithNotification story 1`] = `
+<div>
+  <div
+    aria-label="Room list"
+    role="listbox"
+    style="width: 320px; padding: 8px;"
+  >
+    <button
+      aria-haspopup="menu"
+      aria-label="Open room General with 3 unread messages."
+      aria-selected="false"
+      class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+      data-state="closed"
+      role="option"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      tabindex="-1"
+      type="button"
+    >
+      <div
+        class="Flex-module_flex RoomListItemView-module_container"
+        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;"
+      >
+        <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+          >
+            <div
+              class="RoomListItemView-module_roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="Flex-module_flex RoomListItemView-module_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="react-use-id-1"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-2"
+              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="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="react-use-id-3"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-4"
+              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="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="RoomListItemView-module_notificationDecoration"
+          >
+            <div
+              class="Flex-module_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>
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders WithVideoCall story 1`] = `
+<div>
+  <div
+    aria-label="Room list"
+    role="listbox"
+    style="width: 320px; padding: 8px;"
+  >
+    <button
+      aria-haspopup="menu"
+      aria-label="Open room General with a video call."
+      aria-selected="false"
+      class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+      data-state="closed"
+      role="option"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      tabindex="-1"
+      type="button"
+    >
+      <div
+        class="Flex-module_flex RoomListItemView-module_container"
+        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;"
+      >
+        <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+          >
+            <div
+              class="RoomListItemView-module_roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="Flex-module_flex RoomListItemView-module_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="react-use-id-1"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-2"
+              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="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="react-use-id-3"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-4"
+              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="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="RoomListItemView-module_notificationDecoration"
+          >
+            <div
+              class="Flex-module_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>
+      </div>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders WithVoiceCall story 1`] = `
+<div>
+  <div
+    aria-label="Room list"
+    role="listbox"
+    style="width: 320px; padding: 8px;"
+  >
+    <button
+      aria-haspopup="menu"
+      aria-label="Open room General with a voice call."
+      aria-selected="false"
+      class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+      data-state="closed"
+      role="option"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      tabindex="-1"
+      type="button"
+    >
+      <div
+        class="Flex-module_flex RoomListItemView-module_container"
+        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;"
+      >
+        <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+          >
+            <div
+              class="RoomListItemView-module_roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="Flex-module_flex RoomListItemView-module_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="react-use-id-1"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-2"
+              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="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="react-use-id-3"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-4"
+              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="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="RoomListItemView-module_notificationDecoration"
+          >
+            <div
+              class="Flex-module_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>
+      </div>
+    </button>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/default-snapshot.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/default-snapshot.ts
new file mode 100644
index 00000000000..30ac314b1b2
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/default-snapshot.ts
@@ -0,0 +1,57 @@
+/*
+ * 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 RoomListItemViewSnapshot } from "./RoomListItemView";
+import { RoomNotifState } from "./RoomNotifs";
+
+export const mockRoom = { name: "General" };
+
+export const defaultSnapshot: RoomListItemViewSnapshot = {
+    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,
+    sections: [
+        {
+            tag: "m.favourite",
+            name: "Favourites",
+            isSelected: false,
+        },
+        {
+            tag: "element.io.section.work",
+            name: "Work with a very long name that should be truncated",
+            isSelected: true,
+        },
+        {
+            tag: "m.lowpriority",
+            name: "Low Priority",
+            isSelected: false,
+        },
+    ],
+    areSectionsEnabled: true,
+};
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/index.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/index.ts
new file mode 100644
index 00000000000..9d9b6595d68
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/index.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.
+ */
+
+export { RoomListItemView } from "./RoomListItemView";
+export type {
+    Room,
+    RoomListItemViewSnapshot,
+    RoomListItemViewModel,
+    RoomListItemViewActions,
+    RoomListItemViewProps,
+    Section,
+} from "./RoomListItemView";
+export { RoomListItemContent } from "./RoomListItemContent";
+export type { RoomListItemContentProps } from "./RoomListItemContent";
+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/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/mocked-actions.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/mocked-actions.ts
new file mode 100644
index 00000000000..846f4334405
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/mocked-actions.ts
@@ -0,0 +1,25 @@
+/*
+ * 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 { fn } from "storybook/test";
+
+import { type RoomListItemViewActions } from "./RoomListItemView";
+
+export const mockedActions: RoomListItemViewActions = {
+    onOpenRoom: fn(),
+    onMarkAsRead: fn(),
+    onMarkAsUnread: fn(),
+    onToggleFavorite: fn(),
+    onToggleLowPriority: fn(),
+    onInvite: fn(),
+    onCopyRoomLink: fn(),
+    onLeaveRoom: fn(),
+    onSetRoomNotifState: fn(),
+    onCreateSection: fn(),
+    onToggleSection: fn(),
+    onRemoveFromSection: fn(),
+};
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.stories.tsx
new file mode 100644
index 00000000000..d93815e6632
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.stories.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 { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { RoomListItemWrapper } from "./RoomListItemWrapper";
+import { createMockRoomItemViewModel, renderAvatar } from "../../story-mocks";
+
+const meta = {
+    title: "Room List/RoomListItemWrapper",
+    component: RoomListItemWrapper,
+    tags: ["autodocs"],
+    args: {
+        roomIndex: 0,
+        roomIndexInSection: 0,
+        roomCount: 10,
+        onFocus: fn(),
+        isFirstItem: false,
+        isLastItem: false,
+        renderAvatar,
+        isSelected: false,
+        isFocused: false,
+        vm: createMockRoomItemViewModel("!room:server", "Room name", 0),
+    },
+    decorators: [
+        (Story) => (
+            <div style={{ width: "320px", padding: "8px" }}>
+                <Story />
+            </div>
+        ),
+    ],
+} satisfies Meta<typeof RoomListItemWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const FlatList: Story = {
+    args: {
+        isInFlatList: true,
+    },
+    decorators: [
+        (Story) => (
+            <div role="listbox" aria-label="Room list">
+                <Story />
+            </div>
+        ),
+    ],
+};
+
+export const Sections: Story = {
+    args: {
+        isInFlatList: false,
+    },
+    decorators: [
+        (Story) => (
+            <div role="treegrid" aria-label="Room list" aria-rowcount={10}>
+                <Story />
+            </div>
+        ),
+    ],
+};
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.test.tsx
new file mode 100644
index 00000000000..0f91775c2f1
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.test.tsx
@@ -0,0 +1,59 @@
+/*
+ * 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, vi } from "vitest";
+
+import * as stories from "./RoomListItemWrapper.stories";
+
+const { Sections } = composeStories(stories);
+
+describe("<RoomListItemWrapper /> keyboard re-dispatch", () => {
+    it("ArrowLeft on the first room of a section re-dispatches as ArrowUp", async () => {
+        const user = userEvent.setup();
+        const onKeyDown = vi.fn();
+        render(
+            <div onKeyDown={onKeyDown}>
+                <Sections roomIndexInSection={0} isFocused={true} />
+            </div>,
+        );
+
+        // Make sure the room's button is focused before sending the key event.
+        const button = screen.getByRole("button", { name: /Room name/ });
+        button.focus();
+
+        await user.keyboard("{ArrowLeft}");
+
+        const arrowUpEvents = onKeyDown.mock.calls.filter(([event]) => event.code === "ArrowUp");
+        expect(arrowUpEvents).toHaveLength(1);
+    });
+
+    it("ArrowLeft on a non-first room of a section does NOT re-dispatch", async () => {
+        const user = userEvent.setup();
+        const onKeyDown = vi.fn();
+        render(
+            <div onKeyDown={onKeyDown}>
+                <Sections roomIndexInSection={2} isFocused={true} />
+            </div>,
+        );
+
+        const button = screen.getByRole("button", { name: /Room name/ });
+        button.focus();
+
+        await user.keyboard("{ArrowLeft}");
+
+        const arrowUpEvents = onKeyDown.mock.calls.filter(([event]) => event.code === "ArrowUp");
+        expect(arrowUpEvents).toHaveLength(0);
+
+        // The original ArrowLeft event should still bubble (the handler is a no-op for non-first items).
+        const arrowLeftEvents = onKeyDown.mock.calls.filter(([event]) => event.code === "ArrowLeft");
+        expect(arrowLeftEvents.length).toBeGreaterThan(0);
+    });
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.tsx
new file mode 100644
index 00000000000..f07e45ad80a
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemWrapper.tsx
@@ -0,0 +1,89 @@
+/*
+ * 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, { memo, type JSX } from "react";
+import { useDraggable } from "@dnd-kit/react";
+import { Feedback } from "@dnd-kit/dom";
+import { RestrictToVerticalAxis } from "@dnd-kit/abstract/modifiers";
+import { useMergeRefs } from "react-merge-refs";
+
+import { RoomListItemView, type RoomListItemViewProps } from "./RoomListItemView";
+import { getItemAccessibleProps } from "../../../core/VirtualizedList";
+import { useViewModel } from "../../../core/viewmodel";
+import { type RoomDragData } from "../dragAndDrop";
+
+export interface RoomListItemWrapperProps extends RoomListItemViewProps {
+    /** Index of this room in the list */
+    roomIndex: number;
+    /** Index of this room in its section */
+    roomIndexInSection: number;
+    /** Total number of rooms in the list */
+    roomCount: number;
+    /** Whether the room list is displayed as a flat list */
+    isInFlatList: boolean;
+}
+
+/**
+ * Wraps RoomListItemView with the correct accessibility and drag-and-drop props
+ * based on whether the list is flat (listbox) or grouped (treegrid).
+ */
+export const RoomListItemWrapper = memo(function RoomListItemWrapper({
+    roomIndex,
+    roomCount,
+    roomIndexInSection,
+    isInFlatList,
+    ...rest
+}: RoomListItemWrapperProps): JSX.Element {
+    if (isInFlatList) {
+        return <RoomListItemView {...rest} {...getItemAccessibleProps("listbox", roomIndex, roomCount)} />;
+    }
+
+    const isFirstInSection = roomIndexInSection === 0;
+    return (
+        <div {...getItemAccessibleProps("treegrid", roomIndex, roomIndexInSection)}>
+            <div role="gridcell" aria-selected={rest.isSelected}>
+                <DraggableWrapper
+                    {...rest}
+                    onKeyDown={(e) => {
+                        if (e.code === "ArrowLeft" && isFirstInSection) {
+                            // Move focus to the section header
+                            e.preventDefault();
+                            e.stopPropagation();
+                            e.currentTarget.dispatchEvent(
+                                new KeyboardEvent("keydown", {
+                                    code: "ArrowUp",
+                                    key: "ArrowUp",
+                                    bubbles: true,
+                                }),
+                            );
+                        }
+                    }}
+                />
+            </div>
+        </div>
+    );
+});
+
+/**
+ * Wraps RoomListItemView with the drag-and-drop functionality. This is only used for treegrid mode, as flat list items are not draggable.
+ */
+function DraggableWrapper(props: RoomListItemViewProps): JSX.Element {
+    const item = useViewModel(props.vm);
+    const {
+        ref: draggableRef,
+        handleRef,
+        isDragSource,
+    } = useDraggable<RoomDragData>({
+        id: item.id,
+        data: { type: "room" },
+        // We clone the item in the dnd overlay to avoid putting a hole in the list
+        plugins: [Feedback.configure({ feedback: "clone" })],
+        modifiers: [RestrictToVerticalAxis],
+    });
+    const dndRef = useMergeRefs([draggableRef, handleRef]);
+    return <RoomListItemView {...props} ref={dndRef} isDragSource={isDragSource} />;
+}
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/index.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/index.ts
new file mode 100644
index 00000000000..4d02469b76b
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/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 { RoomListItemWrapper } from "./RoomListItemWrapper";
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.module.css b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.module.css
new file mode 100644
index 00000000000..b4fb0d2c020
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.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.
+ */
+
+.dragOverlay {
+    padding-top: 0px;
+    padding-bottom: 0px;
+}
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.stories.tsx
new file mode 100644
index 00000000000..30a71a4671c
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.stories.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 React, { type JSX } from "react";
+import { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import {
+    type RoomListSectionHeaderViewSnapshot,
+    type RoomListSectionHeaderActions,
+} from "../RoomListSectionHeaderView";
+import { RoomListSectionHeaderDragOverlayView } from "./RoomListSectionHeaderDragOverlayView";
+import { useMockedViewModel } from "../../../core/viewmodel";
+import { withViewDocs } from "../../../../.storybook/withViewDocs";
+
+type RoomListSectionHeaderDragOverlayProps = RoomListSectionHeaderViewSnapshot & RoomListSectionHeaderActions;
+
+const RoomListSectionHeaderDragOverlayWrapperImpl = ({
+    onClick,
+    editSection,
+    removeSection,
+    ...rest
+}: RoomListSectionHeaderDragOverlayProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, { onClick, editSection, removeSection });
+    return <RoomListSectionHeaderDragOverlayView vm={vm} />;
+};
+const RoomListSectionHeaderDragOverlayWrapper = withViewDocs(
+    RoomListSectionHeaderDragOverlayWrapperImpl,
+    RoomListSectionHeaderDragOverlayView,
+);
+
+const meta = {
+    title: "Room List/RoomListSectionHeaderDragOverlayView",
+    component: RoomListSectionHeaderDragOverlayWrapper,
+    tags: ["autodocs"],
+    decorators: [
+        (Story) => (
+            <div style={{ width: "320px", padding: "8px" }}>
+                <Story />
+            </div>
+        ),
+    ],
+    args: {
+        id: "element.io.section.abc123",
+        title: "Work",
+        isExpanded: true,
+        isUnread: false,
+        displaySectionMenu: true,
+        canBeReordered: true,
+        onClick: fn(),
+        editSection: fn(),
+        removeSection: fn(),
+    },
+} satisfies Meta<typeof RoomListSectionHeaderDragOverlayWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.test.tsx
new file mode 100644
index 00000000000..c5bd2fec587
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.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 React from "react";
+import { render } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./RoomListSectionHeaderDragOverlayView.stories";
+
+const { Default } = composeStories(stories);
+
+describe("<RoomListSectionHeaderDragOverlayView /> stories", () => {
+    it("renders Default story", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.tsx
new file mode 100644
index 00000000000..ceddbf15edb
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/RoomListSectionHeaderDragOverlayView.tsx
@@ -0,0 +1,41 @@
+/*
+ * 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, { memo, type JSX } from "react";
+import classNames from "classnames";
+
+import { type RoomListSectionHeaderViewModel } from "../RoomListSectionHeaderView";
+import { RoomListSectionHeaderContent } from "../RoomListSectionHeaderView/RoomListSectionHeaderContent";
+import headerStyles from "../RoomListSectionHeaderView/RoomListSectionHeaderView.module.css";
+import styles from "./RoomListSectionHeaderDragOverlayView.module.css";
+
+/**
+ * Props for {@link RoomListSectionHeaderDragOverlayView}.
+ */
+export interface RoomListSectionHeaderDragOverlayViewProps {
+    /** The section header view model — same one used by the real section header */
+    vm: RoomListSectionHeaderViewModel;
+}
+
+/**
+ * Visual clone of a section header rendered inside the dnd drag overlay.
+ *
+ * Reuses {@link RoomListSectionHeaderContent} for the inner layout so the
+ * floating clone matches a real section header.
+ */
+export const RoomListSectionHeaderDragOverlayView = memo(function RoomListSectionHeaderDragOverlayView({
+    vm,
+}: RoomListSectionHeaderDragOverlayViewProps): JSX.Element {
+    return (
+        // Purely a visual clone that follows the drag. Hide it from the accessibility tree so the
+        // dragged section's title isn't duplicated (the real, still-focused header already exposes
+        // it, and drag feedback is narrated via the dnd live-region announcements).
+        <div aria-hidden={true} className={classNames(headerStyles.header, styles.dragOverlay)}>
+            <RoomListSectionHeaderContent vm={vm} isDragging={true} />
+        </div>
+    );
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/__snapshots__/RoomListSectionHeaderDragOverlayView.test.tsx.snap b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/__snapshots__/RoomListSectionHeaderDragOverlayView.test.tsx.snap
new file mode 100644
index 00000000000..46bb3a2f537
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/__snapshots__/RoomListSectionHeaderDragOverlayView.test.tsx.snap
@@ -0,0 +1,42 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<RoomListSectionHeaderDragOverlayView /> stories > renders Default story 1`] = `
+<div>
+  <div
+    style="width: 320px; padding: 8px;"
+  >
+    <div
+      aria-hidden="true"
+      class="RoomListSectionHeaderView-module_header RoomListSectionHeaderDragOverlayView-module_dragOverlay"
+    >
+      <div
+        class="Flex-module_flex RoomListSectionHeaderView-module_container RoomListSectionHeaderView-module_dragging"
+        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="Flex-module_flex"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-0-5x); --mx-flex-wrap: nowrap;"
+        >
+          <svg
+            class="RoomListSectionHeaderView-module_chevron"
+            fill="var(--cpd-color-icon-secondary)"
+            height="24px"
+            viewBox="0 0 24 24"
+            width="24px"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+            />
+          </svg>
+          <span
+            class="RoomListSectionHeaderView-module_title"
+          >
+            Work
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/index.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/index.ts
new file mode 100644
index 00000000000..5c32eb95644
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderDragOverlayView/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 { RoomListSectionHeaderDragOverlayView } from "./RoomListSectionHeaderDragOverlayView";
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderContent.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderContent.tsx
new file mode 100644
index 00000000000..ccc09f86459
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderContent.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, { memo, type JSX, useState } from "react";
+import ChevronRightIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-right";
+import classNames from "classnames";
+import { IconButton, Menu, MenuItem } from "@vector-im/compound-web";
+import { OverflowHorizontalIcon, EditIcon, DeleteIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { useViewModel } from "../../../core/viewmodel";
+import { _t } from "../../../core/i18n/i18n";
+import { Flex } from "../../../core/utils/Flex";
+import { type RoomListSectionHeaderViewModel } from "./RoomListSectionHeaderView";
+import styles from "./RoomListSectionHeaderView.module.css";
+import { NotificationDecoration } from "../RoomListItemWrapper/RoomListItemView";
+
+/**
+ * Props for {@link RoomListSectionHeaderContent}.
+ */
+export interface RoomListSectionHeaderContentProps {
+    /** The section header view model */
+    vm: RoomListSectionHeaderViewModel;
+    /** Whether the section header is being dragged — hides the interactive menu when true */
+    isDragging?: boolean;
+}
+
+/**
+ * The inner content of a section header: chevron, title, and menu (or static menu icon when dragging).
+ * Used both inside the full {@link RoomListSectionHeaderView} and inside the drag overlay.
+ */
+export const RoomListSectionHeaderContent = memo(function RoomListSectionHeaderContent({
+    vm,
+    isDragging = false,
+}: RoomListSectionHeaderContentProps): JSX.Element {
+    const { title, displaySectionMenu, notification, isExpanded } = useViewModel(vm);
+    return (
+        <Flex
+            className={classNames(styles.container, {
+                [styles.dragging]: isDragging,
+            })}
+            align="center"
+            justify="space-between"
+            gap="var(--cpd-space-2x)"
+        >
+            <Flex align="center" gap="var(--cpd-space-0-5x)">
+                <ChevronRightIcon
+                    className={styles.chevron}
+                    width="24px"
+                    height="24px"
+                    fill="var(--cpd-color-icon-secondary)"
+                />
+                <span className={styles.title}>{title}</span>
+            </Flex>
+            {!isExpanded && notification && (
+                <div className={styles.notificationDecoration} aria-hidden={true}>
+                    <NotificationDecoration {...notification} />
+                </div>
+            )}
+            {displaySectionMenu && !isDragging && <MenuComponent vm={vm} />}
+        </Flex>
+    );
+});
+
+interface MenuComponentProps {
+    vm: RoomListSectionHeaderViewModel;
+}
+
+function MenuComponent({ vm }: MenuComponentProps): JSX.Element {
+    const [open, setOpen] = useState(false);
+
+    return (
+        <Menu
+            open={open}
+            onOpenChange={setOpen}
+            title={_t("room_list|section_header|more_options")}
+            showTitle={false}
+            align="start"
+            trigger={
+                <IconButton
+                    className={styles.menu}
+                    tooltip={_t("room_list|section_header|more_options")}
+                    aria-label={_t("room_list|section_header|more_options")}
+                    size="24px"
+                    style={{ padding: "2px" }}
+                    color="var(--cpd-color-icon-primary)"
+                >
+                    <OverflowHorizontalIcon fill="var(--cpd-color-icon-primary)" />
+                </IconButton>
+            }
+        >
+            <div
+                // We don't want keyboard navigation events to bubble up to the ListView changing the focused item
+                onKeyDown={(e) => e.stopPropagation()}
+            >
+                <MenuItem
+                    hideChevron={true}
+                    Icon={EditIcon}
+                    label={_t("room_list|section_header|edit_section")}
+                    onSelect={() => vm.editSection()}
+                    onClick={(evt) => evt.stopPropagation()}
+                />
+                <MenuItem
+                    hideChevron={true}
+                    Icon={DeleteIcon}
+                    label={_t("room_list|section_header|remove_section")}
+                    onSelect={() => vm.removeSection()}
+                    onClick={(evt) => evt.stopPropagation()}
+                />
+            </div>
+        </Menu>
+    );
+}
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.module.css b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.module.css
new file mode 100644
index 00000000000..147d64f5c02
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.module.css
@@ -0,0 +1,169 @@
+/*
+ * 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 {
+    /* Remove button default style */
+    background: unset;
+    border: none;
+    text-align: unset;
+
+    width: 100%;
+    cursor: pointer;
+    font: var(--cpd-font-body-sm-regular);
+    letter-spacing: var(--cpd-font-letter-spacing-body-sm);
+    color: var(--cpd-color-text-secondary);
+    padding: var(--cpd-space-1x) 0;
+
+    &:hover,
+    /* keyboardActive is toggled in JS for keyboard focus only (see RoomListSectionHeaderView), and
+       kept while focus is on the menu button so it stays reachable by Tab — without revealing the
+       menu on a mouse-focused header the way :focus-within would */
+    &.keyboardActive,
+    &:has(button[data-state="open"]) {
+        color: var(--cpd-color-text-primary);
+
+        svg {
+            fill: var(--cpd-color-icon-primary);
+        }
+
+        .container {
+            background-color: var(--cpd-color-bg-action-tertiary-hovered);
+        }
+
+        .menu {
+            display: initial;
+        }
+
+        /* When a menu is present and revealed on hover, hide the decoration to avoid clutter.
+           Default sections have no menu, so their decoration stays visible on hover. */
+        .notificationDecoration {
+            display: none;
+        }
+    }
+
+    .chevron {
+        transition: transform 0.05s linear;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+        .chevron {
+            transition: none;
+        }
+    }
+
+    &[aria-expanded="true"] {
+        .chevron {
+            transform: rotate(90deg);
+        }
+    }
+
+    /* A focused header can be scrolled flush to the scroller's top edge (where it pins), so the
+       default outline would be clipped by overflow:auto. Inset it so the focus ring stays visible. */
+    &:focus-visible {
+        outline-offset: -2px;
+    }
+
+    &.unread {
+        font: var(--cpd-font-body-sm-semibold);
+        color: var(--cpd-color-text-primary);
+    }
+}
+
+.container {
+    position: relative;
+    margin: 0 var(--cpd-space-3x);
+    padding: var(--cpd-space-1-5x) var(--cpd-space-2x) var(--cpd-space-1-5x) var(--cpd-space-1x);
+    border-radius: 8px;
+
+    div {
+        min-width: 0;
+    }
+
+    svg {
+        flex-shrink: 0;
+    }
+}
+
+.title {
+    min-width: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.firstHeader {
+    padding-top: 0;
+}
+
+.lastHeader {
+    padding-bottom: 0;
+}
+
+.dropTarget .container {
+    box-shadow: inset 0 0 0 2px var(--cpd-color-border-accent-primary);
+}
+
+.dropTargetBottom .container::after,
+.dropTargetTop .container::before {
+    content: "";
+    position: absolute;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background-color: var(--cpd-color-border-accent-primary);
+}
+
+.dropTargetBottom .container::after {
+    bottom: 0;
+}
+
+.dropTargetTop .container::before {
+    top: 0;
+}
+
+.menu {
+    display: none;
+}
+
+.dragging {
+    outline: 1px solid var(--cpd-color-border-interactive-hovered);
+    background-color: color-mix(in srgb, var(--cpd-color-bg-action-tertiary-hovered) 95%, transparent);
+    color: var(--cpd-color-text-primary);
+}
+
+.dragSource .container {
+    opacity: 0.6;
+}
+
+/*
+Opaque backing for the pinned "current section" overlay header. The list rows scroll underneath it,
+so it must obscure them. The header button stays full width (so its pill aligns with the real header
+rows), while the opaque fill is painted by the pseudo-element below.
+*/
+.stickyBackground {
+    position: relative;
+    width: 100%;
+}
+
+/*
+The opaque fill. It stops short of the inline-end edge by the same gutter the room/header pills
+already leave clear (--cpd-space-3x), so the scroller's scrollbar — which floats in that gutter —
+stays visible instead of being covered by the pinned overlay. It's a separate inset layer (rather
+than a plain `background` on .stickyBackground) precisely so it can stop short of that gutter.
+
+An absolutely-positioned element paints ABOVE its statically-positioned siblings by default, so
+`z-index: -1` is needed to drop this fill behind the header's text/chevron/menu. It still covers the
+scrolling rows beneath because the overlay wrapper (.stickyHeader) owns the stacking context.
+*/
+.stickyBackground::before {
+    content: "";
+    position: absolute;
+    inset-block: 0;
+    inset-inline: 0 var(--cpd-space-3x);
+    z-index: -1;
+    background: var(--cpd-color-bg-canvas-default);
+}
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx
new file mode 100644
index 00000000000..e98d33bf76b
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx
@@ -0,0 +1,162 @@
+/*
+ * 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 { DragDropProvider } from "@dnd-kit/react";
+import { PointerActivationConstraints, PointerSensor } from "@dnd-kit/dom";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import {
+    RoomListSectionHeaderView,
+    type RoomListSectionHeaderViewSnapshot,
+    type RoomListSectionHeaderActions,
+    type RoomListSectionHeaderViewProps,
+} from "./RoomListSectionHeaderView";
+import { useMockedViewModel } from "../../../core/viewmodel";
+import { withViewDocs } from "../../../../.storybook/withViewDocs";
+
+type RoomListSectionHeaderProps = RoomListSectionHeaderViewSnapshot &
+    RoomListSectionHeaderActions &
+    Omit<RoomListSectionHeaderViewProps, "vm">;
+
+const RoomListSectionHeaderViewWrapperImpl = ({
+    onClick,
+    onFocus,
+    editSection,
+    removeSection,
+    isFocused,
+    sectionIndex,
+    sectionCount,
+    indexInList,
+    roomCountInSection,
+    ...rest
+}: RoomListSectionHeaderProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, { onClick, editSection, removeSection });
+    return (
+        <RoomListSectionHeaderView
+            vm={vm}
+            onFocus={onFocus}
+            isFocused={isFocused}
+            sectionIndex={sectionIndex}
+            sectionCount={sectionCount}
+            indexInList={indexInList}
+            roomCountInSection={roomCountInSection}
+        />
+    );
+};
+const RoomListSectionHeaderViewWrapper = withViewDocs(RoomListSectionHeaderViewWrapperImpl, RoomListSectionHeaderView);
+
+const meta = {
+    title: "Room List/RoomListSectionHeaderView",
+    component: RoomListSectionHeaderViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        id: "favourites",
+        title: "Favourites",
+        isExpanded: true,
+        isFocused: false,
+        isUnread: false,
+        notification: {
+            hasAnyNotificationOrActivity: false,
+            isUnsentMessage: false,
+            invited: false,
+            isMention: false,
+            isActivityNotification: false,
+            isNotification: false,
+            hasUnreadCount: false,
+            count: 0,
+            muted: false,
+        },
+        displaySectionMenu: true,
+        canBeReordered: true,
+        onClick: fn(),
+        onFocus: fn(),
+        editSection: fn(),
+        removeSection: fn(),
+        sectionIndex: 1,
+        sectionCount: 3,
+        roomCountInSection: 5,
+        indexInList: 3,
+    },
+    decorators: [
+        (Story) => (
+            <DragDropProvider
+                sensors={[
+                    PointerSensor.configure({
+                        activationConstraints: [new PointerActivationConstraints.Distance({ value: 5 })],
+                    }),
+                ]}
+            >
+                <div role="treegrid" style={{ width: "320px" }}>
+                    <Story />
+                </div>
+            </DragDropProvider>
+        ),
+    ],
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=10657-20703&p=f",
+        },
+    },
+} satisfies Meta<typeof RoomListSectionHeaderViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Collapsed: Story = {
+    args: {
+        isExpanded: false,
+    },
+};
+
+export const LongTitle: Story = {
+    args: {
+        title: "This is a very long title that should be truncated with an ellipsis",
+    },
+};
+
+export const FirstHeader: Story = {
+    args: {
+        sectionIndex: 0,
+    },
+};
+
+export const LastHeaderCollapsed: Story = {
+    args: {
+        isExpanded: false,
+        sectionIndex: 2,
+    },
+};
+
+export const Unread: Story = {
+    args: {
+        isUnread: true,
+    },
+};
+
+export const WithNotificationDecoration: Story = {
+    args: {
+        isUnread: true,
+        notification: {
+            hasAnyNotificationOrActivity: true,
+            isUnsentMessage: true,
+            invited: true,
+            isMention: true,
+            isActivityNotification: false,
+            isNotification: true,
+            hasUnreadCount: true,
+            count: 12,
+            muted: false,
+            callType: "video",
+        },
+        isExpanded: false,
+    },
+};
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.test.tsx
new file mode 100644
index 00000000000..7eb81bc605e
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.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, waitFor } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect, type Mock, afterEach, vi } from "vitest";
+import userEvent from "@testing-library/user-event";
+
+import * as stories from "./RoomListSectionHeaderView.stories";
+
+const { Default, Collapsed } = composeStories(stories);
+
+const HEADER_NAME = "Toggle Favourites section";
+
+describe("<RoomListSectionHeaderView /> stories", () => {
+    afterEach(() => {
+        // Storybook's fn() mocks aren't reset by vi.clearAllMocks; clear them by hand.
+        (Default.args.onClick as Mock).mockClear();
+        (Collapsed.args.onClick as Mock).mockClear();
+    });
+
+    it("renders Default story", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should call onClick when the header is clicked", async () => {
+        const user = userEvent.setup();
+
+        render(<Default />);
+        const button = screen.getByRole("button", { name: HEADER_NAME });
+        await user.click(button);
+        expect(Default.args.onClick).toHaveBeenCalled();
+    });
+
+    it("focuses the button when isFocused is true", () => {
+        render(<Default isFocused={true} />);
+        const button = screen.getByRole("button", { name: HEADER_NAME });
+        expect(document.activeElement).toBe(button);
+    });
+
+    it("reveals the section menu on keyboard focus and clears it when focus leaves", async () => {
+        // isFocused focuses the header via the keyboard on mount, so the menu is revealed.
+        render(<Default isFocused={true} />);
+        const button = screen.getByRole("button", { name: HEADER_NAME });
+        expect(button.className).toMatch(/keyboardActive/);
+
+        // Focus leaving the header hides the menu again.
+        button.blur();
+        await waitFor(() => expect(button.className).not.toMatch(/keyboardActive/));
+    });
+
+    it("expands a collapsed section on ArrowRight", async () => {
+        const user = userEvent.setup();
+        render(<Collapsed isFocused={true} />);
+        await user.keyboard("{ArrowRight}");
+        expect(Collapsed.args.onClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("does not call onClick on ArrowRight when already expanded", async () => {
+        const user = userEvent.setup();
+        render(<Default isFocused={true} />);
+        await user.keyboard("{ArrowRight}");
+        expect(Default.args.onClick).not.toHaveBeenCalled();
+    });
+
+    it("collapses an expanded section on ArrowLeft", async () => {
+        const user = userEvent.setup();
+        render(<Default isFocused={true} />);
+        await user.keyboard("{ArrowLeft}");
+        expect(Default.args.onClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("does not call onClick on ArrowLeft when already collapsed", async () => {
+        const user = userEvent.setup();
+        render(<Collapsed isFocused={true} />);
+        await user.keyboard("{ArrowLeft}");
+        expect(Collapsed.args.onClick).not.toHaveBeenCalled();
+    });
+
+    it("ArrowRight on an expanded section re-dispatches as ArrowDown", async () => {
+        const user = userEvent.setup();
+        const onKeyDown = vi.fn();
+        render(
+            <div onKeyDown={onKeyDown}>
+                <Default isFocused={true} />
+            </div>,
+        );
+        await user.keyboard("{ArrowRight}");
+
+        // The re-dispatched ArrowDown should bubble up to the parent listener.
+        const arrowDownEvents = onKeyDown.mock.calls.filter(([event]) => event.code === "ArrowDown");
+        expect(arrowDownEvents).toHaveLength(1);
+
+        // The original ArrowRight handler called preventDefault/stopPropagation, so
+        // it should not have called onClick (which is reserved for the toggle branch).
+        expect(Default.args.onClick).not.toHaveBeenCalled();
+    });
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.tsx
new file mode 100644
index 00000000000..bf1784f7077
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.tsx
@@ -0,0 +1,245 @@
+/*
+ * 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, { memo, type JSX, type FocusEvent, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
+import { useDraggable, useDragOperation, useDroppable } from "@dnd-kit/react";
+import { useMergeRefs } from "react-merge-refs";
+import { Feedback } from "@dnd-kit/dom";
+import { RestrictToVerticalAxis } from "@dnd-kit/abstract/modifiers";
+
+import { useViewModel, type ViewModel } from "../../../core/viewmodel";
+import styles from "./RoomListSectionHeaderView.module.css";
+import { useI18n } from "../../../core/i18n/i18nContext";
+import { getGroupHeaderAccessibleProps } from "../../../core/VirtualizedList";
+import { RoomListSectionHeaderContent } from "./RoomListSectionHeaderContent";
+import { isSectionDragData, type RoomListDragData, type SectionDragData } from "../dragAndDrop";
+import { type NotificationDecorationData } from "../RoomListItemWrapper/RoomListItemView/NotificationDecoration";
+
+/**
+ * The observable state snapshot for a room list section header.
+ */
+export interface RoomListSectionHeaderViewSnapshot {
+    /** Unique identifier for the section header (used for list keying) */
+    id: string;
+    /** The display title of the section header. */
+    title: string;
+    /** Whether the section is currently expanded. */
+    isExpanded: boolean;
+    /** Whether the section is unread (has any unread rooms) */
+    isUnread: boolean;
+    /** The merged notification decoration aggregating the notifications of the rooms in the section */
+    notification?: NotificationDecorationData;
+    /** Wether to display the section menu  */
+    displaySectionMenu: boolean;
+    /** Whether the section can be reordered via drag-and-drop  */
+    canBeReordered: boolean;
+}
+
+/**
+ * Actions that can be performed on a room list section header.
+ */
+export interface RoomListSectionHeaderActions {
+    /** Handler invoked when the section header is clicked or keyboard-toggled (toggles expand/collapse). */
+    onClick: () => void;
+    /** Handler invoked when the edit section button is clicked  */
+    editSection: () => void;
+    /** Handler invoked when the remove section button is clicked  */
+    removeSection: () => void;
+}
+
+/**
+ * The view model type for the room list section header, combining its snapshot and actions.
+ */
+export type RoomListSectionHeaderViewModel = ViewModel<RoomListSectionHeaderViewSnapshot, RoomListSectionHeaderActions>;
+
+/**
+ * Props for {@link RoomListSectionHeaderView}.
+ */
+export interface RoomListSectionHeaderViewProps {
+    /** The view model driving the section header's state and actions. */
+    vm: RoomListSectionHeaderViewModel;
+    /** Whether this header currently has focus within the roving tab index. */
+    isFocused: boolean;
+    /** Callback invoked when the header receives focus. */
+    onFocus: (headerId: string, e: FocusEvent) => void;
+    /** Index of this section in the list, sections and rooms included */
+    indexInList: number;
+    /** Index of this section in the list related to the others sections */
+    sectionIndex: number;
+    /** Total number of sections in the list */
+    sectionCount: number;
+    /** Number of rooms in this section */
+    roomCountInSection: number;
+}
+
+/**
+ * A collapsible section header in the room list.
+ *
+ * Renders a button that displays the section title alongside a chevron icon
+ * indicating the current expand/collapse state. Clicking the header toggles
+ * the section's expanded state via the view model.
+ *
+ * @example
+ * ```tsx
+ * <RoomListSectionHeaderView
+ *   vm={sectionHeaderViewModel}
+ *   isFocused={isHeaderFocused}
+ *   onFocus={() => setFocusedHeader(sectionId)}
+ *   sectionIndex={index}
+ *   sectionCount={totalSections}
+ *   roomCountInSection={roomCount}
+ * />
+ * ```
+ */
+export const RoomListSectionHeaderView = memo(function RoomListSectionHeaderView({
+    vm,
+    isFocused,
+    onFocus,
+    indexInList,
+    sectionIndex,
+    sectionCount,
+    roomCountInSection,
+}: Readonly<RoomListSectionHeaderViewProps>): JSX.Element {
+    const { translate: _t } = useI18n();
+    const { id, title, isExpanded, isUnread, canBeReordered } = useViewModel(vm);
+    const isLastSection = sectionIndex === sectionCount - 1;
+
+    const {
+        ref: draggableRef,
+        handleRef,
+        isDragSource,
+    } = useDraggable<SectionDragData>({
+        id,
+        data: { type: "section", index: sectionIndex },
+        plugins: [Feedback.configure({ feedback: "clone" })],
+        modifiers: [RestrictToVerticalAxis],
+        disabled: !canBeReordered,
+    });
+
+    const { source } = useDragOperation<RoomListDragData>();
+    const draggedData = source?.data;
+    const isDraggingSectionSource = isSectionDragData(draggedData);
+
+    // Keep the droppable enabled so rooms can still be dropped on default sections
+    // (Favourite / Low Priority). Only disable it for section drags on non-reorderable
+    // headers so they can't be used as reorder targets.
+    const { ref: droppableRef, isDropTarget } = useDroppable<SectionDragData>({
+        id,
+        data: { type: "section", index: sectionIndex },
+        disabled: isDragSource || (isDraggingSectionSource && !canBeReordered),
+    });
+
+    const isDraggingRoom = isDropTarget && draggedData?.type === "room";
+    const isDraggingSection = isDropTarget && isDraggingSectionSource;
+
+    const sourceSectionIndex = isSectionDragData(draggedData) ? draggedData.index : -1;
+    const isSourceAbove = isDraggingSection && sourceSectionIndex > sectionIndex;
+    const hasBottomBorder = isDraggingSection && !isSourceAbove;
+    const hasTopBorder = isDraggingSection && isSourceAbove;
+
+    // Keep the last expanded state we rendered while NOT dragging.
+    const lastExpandedRef = useRef(isExpanded);
+    if (!isDragSource) {
+        lastExpandedRef.current = isExpanded;
+    }
+    // While this header is the drag source, freeze aria-expanded at its pre-drag value. Section
+    // drag start collapses every section, flipping this focused header's aria-expanded true→false;
+    // announcing that state change is a second, redundant screen-reader announcement on top of the
+    // dnd "Dragging X" live-region announcement. The collapse is still reflected visually.
+    const ariaExpanded = isDragSource ? lastExpandedRef.current : isExpanded;
+
+    const internalRef = useRef<HTMLButtonElement>(null);
+    // Only wire up draggable refs when the section can be dragged. Otherwise dndkit will put incorrect and misleading a11y attributes
+    // on the default section (aka aria-disabled=true and aria-draggable=false)
+    const buttonRef = useMergeRefs([
+        ...(canBeReordered ? [draggableRef, handleRef] : []),
+        droppableRef,
+        internalRef,
+    ]) as React.Ref<HTMLButtonElement>;
+
+    useEffect(() => {
+        if (isFocused) {
+            internalRef.current?.focus({ preventScroll: true });
+        }
+    }, [isFocused]);
+
+    // Reveal the menu only on keyboard focus (not mouse), kept while focus is on the menu button so
+    // it stays reachable by Tab. See RoomListItemView for the full rationale.
+    const [keyboardActive, setKeyboardActive] = useState(false);
+
+    const onHeaderFocus = (e: React.FocusEvent<HTMLButtonElement>): void => {
+        onFocus(id, e);
+        if (!e.currentTarget.contains(e.relatedTarget) && e.currentTarget.matches(":focus-visible")) {
+            setKeyboardActive(true);
+        }
+    };
+
+    const onHeaderBlur = (e: React.FocusEvent<HTMLButtonElement>): void => {
+        // Keep it revealed while focus is on the menu button, and while the menu is open (focus is
+        // then in the portaled popover, outside the header). That way closing with Escape restores
+        // focus to the still-revealed trigger instead of dropping to <body>. Clear once focus leaves.
+        if (!e.currentTarget.contains(e.relatedTarget) && !e.currentTarget.querySelector('[data-state="open"]')) {
+            setKeyboardActive(false);
+        }
+    };
+
+    return (
+        <div
+            aria-expanded={ariaExpanded}
+            {...getGroupHeaderAccessibleProps(indexInList, sectionIndex, roomCountInSection)}
+        >
+            <div role="gridcell" aria-expanded={ariaExpanded}>
+                <button
+                    ref={buttonRef}
+                    type="button"
+                    className={classNames(styles.header, {
+                        [styles.keyboardActive]: keyboardActive,
+                        [styles.firstHeader]: sectionIndex === 0,
+                        // If the section is collapsed and it's the last one
+                        [styles.lastHeader]: !isExpanded && isLastSection,
+                        [styles.unread]: isUnread,
+                        [styles.dragSource]: isDragSource,
+                        [styles.dropTarget]: isDraggingRoom,
+                        [styles.dropTargetBottom]: hasBottomBorder,
+                        [styles.dropTargetTop]: hasTopBorder,
+                    })}
+                    onClick={() => !isDragSource && vm.onClick()}
+                    onKeyDown={(e) => {
+                        if ((e.code === "ArrowRight" && !isExpanded) || (e.code === "ArrowLeft" && isExpanded)) {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            vm.onClick();
+                        } else if (e.code === "ArrowRight" && isExpanded && roomCountInSection > 0) {
+                            // Move focus to the first room in the section
+                            e.preventDefault();
+                            e.stopPropagation();
+                            e.currentTarget.dispatchEvent(
+                                new KeyboardEvent("keydown", {
+                                    code: "ArrowDown",
+                                    key: "ArrowDown",
+                                    bubbles: true,
+                                }),
+                            );
+                        }
+                    }}
+                    aria-expanded={ariaExpanded}
+                    onFocus={onHeaderFocus}
+                    onBlur={onHeaderBlur}
+                    tabIndex={isFocused ? 0 : -1}
+                    aria-label={
+                        isUnread
+                            ? _t("room_list|section_header|toggle_unread", { section: title })
+                            : _t("room_list|section_header|toggle", { section: title })
+                    }
+                >
+                    <RoomListSectionHeaderContent vm={vm} />
+                </button>
+            </div>
+        </div>
+    );
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListStickySectionHeaderView.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListStickySectionHeaderView.tsx
new file mode 100644
index 00000000000..9e67b43a836
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListStickySectionHeaderView.tsx
@@ -0,0 +1,60 @@
+/*
+ * 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, { memo, type JSX } from "react";
+import classNames from "classnames";
+
+import { useViewModel } from "../../../core/viewmodel";
+import styles from "./RoomListSectionHeaderView.module.css";
+import { type RoomListSectionHeaderViewModel } from "./RoomListSectionHeaderView";
+import { RoomListSectionHeaderContent } from "./RoomListSectionHeaderContent";
+
+/**
+ * Props for {@link RoomListStickySectionHeaderView}.
+ */
+export interface RoomListStickySectionHeaderViewProps {
+    /** The view model for the section currently pinned at the top of the list. */
+    vm: RoomListSectionHeaderViewModel;
+    /** Whether this is the first section, so it can sit flush with the top edge like the real header. */
+    isFirst: boolean;
+}
+
+/**
+ * A clone of {@link RoomListSectionHeaderView} used as the pinned "current section" overlay at the
+ * top of the virtualized room list.
+ *
+ * It is mouse-interactive — clicking toggles the section and hovering highlights it — but it is
+ * hidden from assistive technology (`aria-hidden`) and removed from the tab order (`tabIndex={-1}`).
+ * The real header rows inside the list remain the focusable, keyboard-navigable, screen-reader
+ * elements, so the overlay is a mouse convenience that never duplicates anything for AT. It reuses
+ * {@link RoomListSectionHeaderContent} so the chevron, title, notification decoration and section
+ * menu stay identical to the real header; it only omits the real header's drag-and-drop wiring.
+ */
+export const RoomListStickySectionHeaderView = memo(function RoomListStickySectionHeaderView({
+    vm,
+    isFirst,
+}: Readonly<RoomListStickySectionHeaderViewProps>): JSX.Element {
+    const { isExpanded, isUnread } = useViewModel(vm);
+
+    return (
+        <div className={styles.stickyBackground} aria-hidden={true}>
+            {/* `aria-expanded` is reused only to drive the chevron rotation via the shared CSS. */}
+            <button
+                type="button"
+                className={classNames(styles.header, {
+                    [styles.firstHeader]: isFirst,
+                    [styles.unread]: isUnread,
+                })}
+                aria-expanded={isExpanded}
+                onClick={vm.onClick}
+                tabIndex={-1}
+            >
+                <RoomListSectionHeaderContent vm={vm} />
+            </button>
+        </div>
+    );
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/__snapshots__/RoomListSectionHeaderView.test.tsx.snap b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/__snapshots__/RoomListSectionHeaderView.test.tsx.snap
new file mode 100644
index 00000000000..7b83023b0f9
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/__snapshots__/RoomListSectionHeaderView.test.tsx.snap
@@ -0,0 +1,93 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<RoomListSectionHeaderView /> stories > renders Default story 1`] = `
+<div>
+  <div
+    role="treegrid"
+    style="width: 320px;"
+  >
+    <div
+      aria-expanded="true"
+      aria-level="1"
+      aria-posinset="2"
+      aria-rowindex="4"
+      aria-setsize="5"
+      role="row"
+    >
+      <div
+        aria-expanded="true"
+        role="gridcell"
+      >
+        <button
+          aria-expanded="true"
+          aria-label="Toggle Favourites section"
+          class="RoomListSectionHeaderView-module_header"
+          tabindex="-1"
+          type="button"
+        >
+          <div
+            class="Flex-module_flex RoomListSectionHeaderView-module_container"
+            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="Flex-module_flex"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-0-5x); --mx-flex-wrap: nowrap;"
+            >
+              <svg
+                class="RoomListSectionHeaderView-module_chevron"
+                fill="var(--cpd-color-icon-secondary)"
+                height="24px"
+                viewBox="0 0 24 24"
+                width="24px"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+                />
+              </svg>
+              <span
+                class="RoomListSectionHeaderView-module_title"
+              >
+                Favourites
+              </span>
+            </div>
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="More options"
+              aria-labelledby="react-use-id-1"
+              class="_icon-button_1215g_8 RoomListSectionHeaderView-module_menu"
+              color="var(--cpd-color-icon-primary)"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-react-use-id-2"
+              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="var(--cpd-color-icon-primary)"
+                  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>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/index.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/index.ts
new file mode 100644
index 00000000000..eef4eac0894
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/index.ts
@@ -0,0 +1,17 @@
+/*
+ * 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 { RoomListSectionHeaderView } from "./RoomListSectionHeaderView";
+export { RoomListSectionHeaderContent } from "./RoomListSectionHeaderContent";
+export type { RoomListSectionHeaderContentProps } from "./RoomListSectionHeaderContent";
+export type {
+    RoomListSectionHeaderViewModel,
+    RoomListSectionHeaderViewSnapshot,
+    RoomListSectionHeaderActions,
+} from "./RoomListSectionHeaderView";
+export { RoomListStickySectionHeaderView } from "./RoomListStickySectionHeaderView";
+export type { RoomListStickySectionHeaderViewProps } from "./RoomListStickySectionHeaderView";
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 00000000000..e42f1fbaca0
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.module.css
@@ -0,0 +1,13 @@
+/*
+ * 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 {
+    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 00000000000..17716a0a13f
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx
@@ -0,0 +1,134 @@
+/*
+ * 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 "./RoomListItemWrapper/RoomListItemView";
+import { VirtualizedRoomListView, type RoomListViewState } from "./VirtualizedRoomListView";
+import type { RoomListViewSnapshot, RoomListViewActions } from "../RoomListView";
+import { useMockedViewModel } from "../../core/viewmodel";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+import type { FilterId } from "../RoomListPrimaryFilters";
+import {
+    renderAvatar,
+    createGetRoomItemViewModel,
+    mock10RoomsIds,
+    createGetSectionHeaderViewModel,
+    mock10RoomsSections,
+} from "../story-mocks";
+
+type RoomListStoryProps = RoomListViewSnapshot &
+    RoomListViewActions & { renderAvatar: (room: Room) => React.ReactElement };
+
+// Wrapper component that creates a mocked ViewModel
+const RoomListWrapperImpl = ({
+    onToggleFilter,
+    createChatRoom,
+    createRoom,
+    getRoomItemViewModel,
+    getSectionHeaderViewModel,
+    updateVisibleRooms,
+    updateVisibleFold,
+    closeToast,
+    scrollToUnreadActivity,
+    setScrollToIndex,
+    renderAvatar: renderAvatarProp,
+    changeRoomSection,
+    changeSectionOrder,
+    onSectionDragStart,
+    onSectionDragEnd,
+    ...rest
+}: RoomListStoryProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onToggleFilter,
+        createChatRoom,
+        createRoom,
+        getRoomItemViewModel,
+        getSectionHeaderViewModel,
+        updateVisibleRooms,
+        updateVisibleFold,
+        closeToast,
+        scrollToUnreadActivity,
+        setScrollToIndex,
+        changeRoomSection,
+        changeSectionOrder,
+        onSectionDragStart,
+        onSectionDragEnd,
+    });
+
+    return (
+        <div style={{ height: "400px", border: "1px solid #ccc" }}>
+            <VirtualizedRoomListView vm={vm} renderAvatar={renderAvatarProp} />
+        </div>
+    );
+};
+const RoomListWrapper = withViewDocs(RoomListWrapperImpl, VirtualizedRoomListView);
+
+const mockFilterIds: FilterId[] = ["unread", "people"];
+
+const defaultRoomListState: RoomListViewState = {
+    activeRoomIndex: 0,
+    spaceId: "!space:server",
+    filterKeys: undefined,
+};
+
+const meta = {
+    title: "Room List/VirtualizedRoomListView",
+    component: RoomListWrapper,
+    tags: ["autodocs"],
+    args: {
+        isLoadingRooms: false,
+        isRoomListEmpty: false,
+        filterIds: mockFilterIds,
+        activeFilterId: undefined,
+        sections: mock10RoomsSections,
+        roomListState: defaultRoomListState,
+        canCreateRoom: true,
+        onToggleFilter: fn(),
+        createChatRoom: fn(),
+        createRoom: fn(),
+        getRoomItemViewModel: createGetRoomItemViewModel(mock10RoomsIds),
+        getSectionHeaderViewModel: createGetSectionHeaderViewModel(mock10RoomsSections.map((section) => section.id)),
+        updateVisibleRooms: fn(),
+        updateVisibleFold: fn(),
+        renderAvatar,
+        isFlatList: true,
+        closeToast: fn(),
+        scrollToUnreadActivity: fn(),
+        setScrollToIndex: fn(),
+        changeRoomSection: fn(),
+        changeSectionOrder: fn(),
+        onSectionDragStart: fn(),
+        onSectionDragEnd: fn(),
+    },
+    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>
+        ),
+    ],
+} satisfies Meta<typeof RoomListWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Sections: Story = {
+    args: {
+        isFlatList: false,
+    },
+};
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 00000000000..995081d006e
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.test.tsx
@@ -0,0 +1,271 @@
+/*
+ * 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, waitFor } from "@test-utils";
+import { VirtuosoMockContext } from "react-virtuoso";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect, beforeEach } from "vitest";
+import userEvent from "@testing-library/user-event";
+
+import * as stories from "./VirtualizedRoomListView.stories";
+import { KEYBOARD_DRAG_OFFSET } from "./VirtualizedRoomListView";
+
+const { Default, Sections } = composeStories(stories);
+
+const renderWithMockContext = (component: React.ReactElement): ReturnType<typeof render> => {
+    return render(component, {
+        wrapper: ({ children }) => (
+            <VirtuosoMockContext.Provider value={{ viewportHeight: 600, itemHeight: 52 }}>
+                {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();
+    });
+
+    describe("updateVisibleRooms range reporting", () => {
+        beforeEach(() => {
+            (Default.args.updateVisibleRooms as any).mockClear?.();
+            (Sections.args.updateVisibleRooms as any).mockClear?.();
+        });
+
+        it("reports an exclusive end bound in flat mode", () => {
+            renderWithMockContext(<Default />);
+            // 10 rooms, all rendered by the mock viewport: Virtuoso reports the inclusive
+            // range [0, 9], which must reach the view model as the exclusive window [0, 10).
+            expect(Default.args.updateVisibleRooms).toHaveBeenLastCalledWith(0, 10);
+        });
+
+        it("maps entry-space indices to room indices in grouped mode", () => {
+            renderWithMockContext(<Sections />);
+            // 13 entries (3 section headers + 10 rooms) are all rendered: Virtuoso reports the
+            // inclusive entry range [0, 12], which must map back to the room window [0, 10).
+            expect(Sections.args.updateVisibleRooms).toHaveBeenLastCalledWith(0, 10);
+        });
+    });
+
+    describe("drag and drop", () => {
+        beforeEach(() => {
+            // Storybook fn() spies are shared across tests; vi.clearAllMocks() may not
+            // reach them, so explicitly reset call history for the spies under test.
+            (Sections.args.changeRoomSection as any).mockClear?.();
+            (Sections.args.changeSectionOrder as any).mockClear?.();
+            (Sections.args.onSectionDragStart as any).mockClear?.();
+            (Sections.args.onSectionDragEnd as any).mockClear?.();
+        });
+
+        it("should call changeRoomSection when drag ends successfully", async () => {
+            // KeyboardSensor: Space=start, each ArrowDown moves the drag position by
+            // KEYBOARD_DRAG_OFFSET px, Space=drop. We need to travel ~150px down from "General"
+            // (room 0) so the drag position enters the target section header's droppable area;
+            // derive the keypress count from the offset so this stays correct if the offset changes.
+            const presses = Math.round(150 / KEYBOARD_DRAG_OFFSET);
+            const user = userEvent.setup();
+            renderWithMockContext(<Sections />);
+
+            const roomButton = await screen.findByRole("button", { name: "Open room General" });
+            roomButton.focus();
+
+            await user.keyboard(" "); // start drag
+
+            for (let i = 0; i < presses; i++) {
+                await user.keyboard("{ArrowDown}");
+            }
+
+            await user.keyboard(" "); // drop onto current target
+
+            await waitFor(() => {
+                expect(Sections.args.changeRoomSection).toHaveBeenCalledWith("!room0:server", "low-priority");
+            });
+        });
+
+        it("does not reflect aria-pressed onto draggable room items or section headers", async () => {
+            // dnd-kit's built-in Accessibility plugin reflects aria-pressed onto the draggable
+            // <button>, which VoiceOver reads as "selected" when a keyboard drag starts. We drop
+            // that plugin, so the attribute must never appear (before or during a drag).
+            const user = userEvent.setup();
+            renderWithMockContext(<Sections />);
+
+            const roomButton = await screen.findByRole("button", { name: "Open room General" });
+            const sectionHeader = await screen.findByLabelText("Toggle Favourites section");
+            expect(roomButton).not.toHaveAttribute("aria-pressed");
+            expect(sectionHeader).not.toHaveAttribute("aria-pressed");
+
+            roomButton.focus();
+            await user.keyboard(" "); // start drag
+            expect(roomButton).not.toHaveAttribute("aria-pressed");
+            await user.keyboard("{Escape}"); // cancel drag
+        });
+
+        it("announces drag progress in a live region", async () => {
+            const user = userEvent.setup();
+            renderWithMockContext(<Sections />);
+
+            const status = screen.getByRole("status");
+            expect(status).toHaveTextContent("");
+
+            const roomButton = await screen.findByRole("button", { name: "Open room General" });
+            roomButton.focus();
+
+            await user.keyboard(" "); // start drag
+            await waitFor(() => expect(status).toHaveTextContent("Dragging General"));
+
+            await user.keyboard("{Escape}"); // cancel
+        });
+
+        it("exposes keyboard drag instructions referenced by draggable items", async () => {
+            renderWithMockContext(<Sections />);
+
+            // The plugin creates a hidden instructions element and wires draggables to it.
+            const instructions = screen.getByText(
+                "Press space to start or to stop dragging, arrow keys to move, and escape to cancel.",
+            );
+            const roomButton = await screen.findByRole("button", { name: "Open room General" });
+            await waitFor(() => expect(roomButton).toHaveAttribute("aria-describedby", instructions.id));
+        });
+
+        it("should reorder sections via keyboard", async () => {
+            // KeyboardSensor: Space=start, each ArrowDown moves the drag position by
+            // KEYBOARD_DRAG_OFFSET px, Space=drop. We need to travel ~200px down from the
+            // "Favourites" section header to land on the "low-priority" section header — a valid
+            // section reorder; derive the keypress count from the offset so this stays correct
+            // if the offset changes.
+            const presses = Math.round(200 / KEYBOARD_DRAG_OFFSET);
+            const user = userEvent.setup();
+            renderWithMockContext(<Sections />);
+
+            const favouritesHeader = await screen.findByLabelText("Toggle Favourites section");
+            favouritesHeader.focus();
+
+            await user.keyboard(" "); // start drag
+
+            for (let i = 0; i < presses; i++) {
+                await user.keyboard("{ArrowDown}");
+            }
+
+            await user.keyboard(" "); // drop
+
+            await waitFor(() => {
+                expect(Sections.args.changeSectionOrder).toHaveBeenCalledWith("favourites", "low-priority");
+            });
+            expect(Sections.args.onSectionDragStart).toHaveBeenCalled();
+            expect(Sections.args.onSectionDragEnd).toHaveBeenCalled();
+        });
+    });
+
+    describe("pointer drag activation", () => {
+        beforeEach(() => {
+            (Sections.args.changeRoomSection as any).mockClear?.();
+        });
+
+        it("does not start a drag when a finger moves (touch scrolling the list)", async () => {
+            // For touch, dragging only activates after a 250ms hold; moving the finger first aborts
+            // it so the list scrolls instead of dragging a room. Simulate a finger press that moves
+            // immediately (as when scrolling) and assert no drag ever starts.
+            const user = userEvent.setup();
+            renderWithMockContext(<Sections />);
+
+            const status = screen.getByRole("status");
+            const roomButton = await screen.findByRole("button", { name: "Open room General" });
+
+            await user.pointer([
+                { keys: "[TouchA>]", target: roomButton, coords: { x: 20, y: 20 } },
+                { pointerName: "TouchA", coords: { x: 20, y: 140 } },
+                { keys: "[/TouchA]" },
+            ]);
+
+            expect(status).toHaveTextContent("");
+            expect(Sections.args.changeRoomSection).not.toHaveBeenCalled();
+        });
+
+        it("starts a drag when the mouse moves past the activation distance", async () => {
+            // For mouse, dragging activates as soon as the pointer moves past 5px, so the same
+            // press-and-move gesture that scrolls on touch drags the room into another section.
+            const user = userEvent.setup();
+            renderWithMockContext(<Sections />);
+
+            const status = screen.getByRole("status");
+            const roomButton = await screen.findByRole("button", { name: "Open room General" });
+
+            await user.pointer([
+                { keys: "[MouseLeft>]", target: roomButton, coords: { x: 20, y: 20 } },
+                { coords: { x: 20, y: 140 } },
+            ]);
+
+            // The drag has activated: the live region reflects the ongoing drag.
+            await waitFor(() => expect(status).toHaveTextContent("General"));
+
+            await user.pointer({ keys: "[/MouseLeft]" }); // release to drop
+
+            await waitFor(() => expect(Sections.args.changeRoomSection).toHaveBeenCalled());
+        });
+    });
+
+    describe("scrollToSectionTag", () => {
+        it("skips scroll when scrollToSectionTag does not match any section", () => {
+            const roomListState = {
+                activeRoomIndex: 0,
+                spaceId: "!space:server",
+                scrollToSectionTag: "nonexistent",
+            };
+            renderWithMockContext(<Sections roomListState={roomListState} />);
+            expect(screen.getByRole("treegrid", { name: "Room list" })).toBeInTheDocument();
+        });
+
+        it("scrolls to the section when scrollToSectionTag matches", () => {
+            // sections: favourites(3 rooms), chats(1 room), low-priority(6 rooms)
+            // flat index for "chats" = 3 rooms + 1 header = 4
+            const roomListState = {
+                activeRoomIndex: 0,
+                spaceId: "!space:server",
+                scrollToSectionTag: "chats",
+            };
+            renderWithMockContext(<Sections roomListState={roomListState} />);
+            expect(screen.getByRole("treegrid", { name: "Room list" })).toBeInTheDocument();
+        });
+    });
+});
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 00000000000..13ae53f6bd3
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.tsx
@@ -0,0 +1,684 @@
+/*
+ * 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, useEffect, useLayoutEffect, useMemo, useRef, type JSX, type ReactNode } from "react";
+import { type ScrollIntoViewLocation, type VirtuosoHandle } from "react-virtuoso";
+import { isEqual } from "lodash";
+import { DragDropProvider, DragOverlay, useDragOperation } from "@dnd-kit/react";
+import { KeyboardSensor, PointerActivationConstraints, PointerSensor } from "@dnd-kit/dom";
+
+import { type Room } from "./RoomListItemWrapper/RoomListItemView";
+import { useViewModel } from "../../core/viewmodel";
+import {
+    FlatVirtualizedList,
+    getContainerAccessibleProps,
+    type VirtualizedListContext,
+    GroupedVirtualizedList,
+    type GroupedVirtualizedListProps,
+} from "../../core/VirtualizedList";
+import type { RoomListViewSnapshot, RoomListViewModel } from "../RoomListView";
+import { RoomListSectionHeaderView, RoomListStickySectionHeaderView } from "./RoomListSectionHeaderView";
+import { RoomListSectionHeaderDragOverlayView } from "./RoomListSectionHeaderDragOverlayView";
+import { RoomListItemWrapper } from "./RoomListItemWrapper";
+import { RoomListItemDragOverlayView } from "./RoomListItemDragOverlayView";
+import { isSectionDragData, type RoomListDragData } from "./dragAndDrop";
+import { useRoomListAccessibilityPlugin } from "./RoomListAccessibilityPlugin";
+import styles from "./VirtualizedRoomListView.module.css";
+import { useI18n } from "../../core/i18n/i18nContext";
+
+/**
+ * Filter key type - opaque string type for filter identifiers
+ */
+export type FilterKey = string;
+
+/**
+ * State for the room list data (nested within RoomListViewSnapshot)
+ */
+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[];
+    /** Tag of a newly created section header to scroll into view */
+    scrollToSectionTag?: string;
+}
+
+/**
+ * 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 (44px item + 8px padding bottom) */
+const ROOM_LIST_ITEM_HEIGHT = 52;
+
+/**
+ * Number of pixels the keyboard sensor moves the dragged element per arrow keypress.
+ */
+export const KEYBOARD_DRAG_OFFSET = 17;
+
+/**
+ * Type for context used in ListView
+ */
+type Context = {
+    /** Space ID for context tracking */
+    spaceId: string;
+    /** Active filter keys for context tracking */
+    filterKeys: FilterKey[] | undefined;
+    /** Active room index for keyboard navigation */
+    activeRoomIndex: number | undefined;
+    /** Sections of the room list */
+    sections: RoomListViewSnapshot["sections"];
+    /** Total number of rooms in the list */
+    roomCount: number;
+    /** Number of sections in the list */
+    sectionCount: number;
+    /** Room list view model */
+    vm: RoomListViewModel;
+    /** List is in flat or section mode */
+    isFlatList: boolean;
+};
+
+/**
+ * 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 { translate: _t } = useI18n();
+    const snapshot = useViewModel(vm);
+    const { roomListState, sections, isFlatList } = snapshot;
+    const activeRoomIndex = roomListState.activeRoomIndex;
+    const scrollToSectionTag = roomListState.scrollToSectionTag;
+    const lastSpaceId = useRef<string | undefined>(undefined);
+    const lastFilterKeys = useRef<FilterKey[] | undefined>(undefined);
+    const virtuosoHandleRef = useRef<VirtuosoHandle | null>(null);
+    const setVirtuosoHandle = useCallback((handle: VirtuosoHandle | null) => {
+        virtuosoHandleRef.current = handle;
+    }, []);
+
+    // --- "Unread activity" toast fold tracking ---
+    // Virtuoso renders a large overscan buffer (EXTENDED_VIEWPORT_HEIGHT) below the
+    // visible area, so its reported range extends well past the actual fold. To show
+    // the toast as soon as an unread room scrolls just below the fold (rather than only
+    // once it leaves the overscan buffer), we measure the genuinely-visible last item
+    // from the scroller geometry and report it separately to the view model.
+    const foldScrollerRef = useRef<HTMLElement | null>(null);
+    const foldObserverRef = useRef<IntersectionObserver | null>(null);
+    // Observed item elements → whether each is currently on screen (intersecting). The keys
+    // are what we've asked the observer to watch; the values are their latest visibility.
+    const itemVisibilityRef = useRef<Map<Element, boolean>>(new Map());
+    const foldSyncRafRef = useRef<number | null>(null);
+    const lastReportedFoldIndex = useRef<number>(-1);
+
+    // Report the highest-index currently-visible item as the fold. Indices are read from
+    // each element's live data-item-index attribute (rather than a captured value) because
+    // Virtuoso recycles/reorders item DOM nodes as the list scrolls.
+    const reportFold = useCallback(() => {
+        let fold = -1;
+        for (const [el, isVisible] of itemVisibilityRef.current) {
+            if (!isVisible) continue;
+            const index = Number((el as HTMLElement).dataset.itemIndex);
+            if (Number.isFinite(index) && index > fold) fold = index;
+        }
+        if (fold !== lastReportedFoldIndex.current) {
+            lastReportedFoldIndex.current = fold;
+            vm.updateVisibleFold(fold);
+        }
+    }, [vm]);
+
+    // IntersectionObserver callback: track which item elements are genuinely on screen
+    // (excluding the overscan buffer). Fires as the user scrolls or the viewport resizes,
+    // with no per-frame layout reads.
+    const onItemIntersection = useCallback(
+        (entries: IntersectionObserverEntry[]) => {
+            for (const entry of entries) {
+                itemVisibilityRef.current.set(entry.target, entry.isIntersecting);
+            }
+            reportFold();
+        },
+        [reportFold],
+    );
+
+    // Observe newly-rendered item elements and release ones Virtuoso has recycled out of the
+    // DOM. The observer itself handles visibility as the user scrolls/resizes, so this only
+    // needs running when the rendered set changes (rangeChanged) or on first attach.
+    const syncObservedItems = useCallback(() => {
+        const scroller = foldScrollerRef.current;
+        const observer = foldObserverRef.current;
+        if (!scroller || !observer) return;
+        const current = new Set<Element>(scroller.querySelectorAll("[data-item-index]"));
+        for (const el of current) {
+            if (!itemVisibilityRef.current.has(el)) {
+                observer.observe(el);
+                itemVisibilityRef.current.set(el, false); // observed, not yet known visible
+            }
+        }
+        for (const el of itemVisibilityRef.current.keys()) {
+            if (!current.has(el)) {
+                observer.unobserve(el);
+                itemVisibilityRef.current.delete(el);
+            }
+        }
+        reportFold();
+    }, [reportFold]);
+
+    const scheduleSyncObservedItems = useCallback(() => {
+        if (foldSyncRafRef.current !== null) return;
+        foldSyncRafRef.current = requestAnimationFrame(() => {
+            foldSyncRafRef.current = null;
+            syncObservedItems();
+        });
+    }, [syncObservedItems]);
+
+    // Callback ref for Virtuoso's scroller element: (re)create an IntersectionObserver rooted
+    // at it. The initial sync is covered by the rangeChanged Virtuoso fires on mount.
+    const setScroller = useCallback(
+        (element: HTMLElement | Window | null) => {
+            foldObserverRef.current?.disconnect();
+            foldObserverRef.current = null;
+            itemVisibilityRef.current.clear();
+            lastReportedFoldIndex.current = -1;
+            if (foldSyncRafRef.current !== null) {
+                cancelAnimationFrame(foldSyncRafRef.current);
+                foldSyncRafRef.current = null;
+            }
+            const scroller = element instanceof HTMLElement ? element : null;
+            foldScrollerRef.current = scroller;
+            if (scroller) {
+                foldObserverRef.current = new IntersectionObserver(onItemIntersection, { root: scroller });
+                scheduleSyncObservedItems();
+            }
+        },
+        [onItemIntersection, scheduleSyncObservedItems],
+    );
+    const roomIds = useMemo(() => sections.flatMap((section) => section.roomIds), [sections]);
+    const roomCount = roomIds.length;
+    const sectionCount = sections.length;
+    const totalCount = roomCount + sectionCount;
+
+    const groups = useMemo(
+        () =>
+            sections.map((section) => ({
+                header: section.id,
+                items: section.roomIds,
+            })),
+        [sections],
+    );
+
+    // In a grouped list, Virtuoso's range counts section headers as entries, so entry indices
+    // don't match room indices. This maps an inclusive entry range to a [start, end) room-index
+    // range. A header entry maps to the section boundary: "from this section's first room" as a
+    // start, "up to the previous section's last room" as an end.
+    const mapEntryRangeToRoomRange = useCallback(
+        (startEntry: number, endEntry: number): [start: number, endExclusive: number] => {
+            let start: number | undefined;
+            let end: number | undefined;
+            let headerEntry = 0; // entry index of the current section's header
+            let roomsBefore = 0; // number of rooms in the sections above the current one
+            for (const section of sections) {
+                // Last entry of this section: the header entry followed by one entry per room
+                const lastEntry = headerEntry + section.roomIds.length;
+
+                // The range starts in this section: on the header (-1 clamped to the first room)
+                // or on one of its rooms
+                if (start === undefined && startEntry <= lastEntry) {
+                    start = roomsBefore + Math.max(0, startEntry - headerEntry - 1);
+                }
+
+                // The range ends in this section: on the header (0 rooms of this section
+                // included) or on one of its rooms (exclusive bound, hence no -1)
+                if (end === undefined && endEntry <= lastEntry) {
+                    end = roomsBefore + Math.max(0, endEntry - headerEntry);
+                }
+
+                // Both bounds found, no need to look at the remaining sections
+                if (start !== undefined && end !== undefined) break;
+
+                // Move to the next section
+                headerEntry = lastEntry + 1;
+                roomsBefore += section.roomIds.length;
+            }
+            // The range can transiently point past the sections when the list shrinks before
+            // Virtuoso reports the new range; fall back to the widest valid window.
+            return [start ?? 0, end ?? roomsBefore];
+        },
+        [sections],
+    );
+
+    /**
+     * Callback when the visible range changes
+     * Notifies the view model which rooms are visible
+     */
+    const rangeChanged = useCallback(
+        (range: { startIndex: number; endIndex: number }) => {
+            // Virtuoso's endIndex is inclusive; updateVisibleRooms takes an exclusive end.
+            if (isFlatList) {
+                vm.updateVisibleRooms(range.startIndex, range.endIndex + 1);
+            } else {
+                const [start, end] = mapEntryRangeToRoomRange(range.startIndex, range.endIndex);
+                vm.updateVisibleRooms(start, end);
+            }
+            // The rendered set changed; (un)observe items so the fold stays accurate.
+            scheduleSyncObservedItems();
+        },
+        [vm, scheduleSyncObservedItems, isFlatList, mapEntryRangeToRoomRange],
+    );
+
+    // Builds the accessibility plugin (live-region announcements) for keyboard/pointer drags,
+    // replacing dnd-kit's built-in Accessibility plugin.
+    const a11yPlugins = useRoomListAccessibilityPlugin(vm);
+
+    /**
+     * Get the item component for a specific index
+     * Gets the room's view model and passes it to RoomListItemView
+     *
+     * @param index - The index of the item in the list
+     * @param roomId - The ID of the room for this item
+     * @param context - The virtualization context containing list state
+     * @param onFocus - Callback to call when the item is focused
+     * @param isInLastSection - Whether this item is in the last section
+     * @param roomIndexInSection - The index of this room within its section
+     */
+    const getItemComponent = useCallback(
+        (
+            index: number,
+            roomId: string,
+            context: VirtualizedListContext<Context>,
+            onFocus: (item: string, e: React.FocusEvent) => void,
+            isInLastSection?: boolean,
+            roomIndexInSection?: number,
+        ): JSX.Element => {
+            const { activeRoomIndex, roomCount, vm, isFlatList } = context.context;
+            const isSelected = activeRoomIndex === index;
+            const roomItemVM = vm.getRoomItemViewModel(roomId);
+
+            // If we don't have a view model for this room, it means the room has been removed since the list was rendered - return an empty placeholder
+            if (!roomItemVM) {
+                return <React.Fragment key={`stale-${index}`} />;
+            }
+
+            // 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;
+
+            const isFirstItem = isFlatList && index === 0;
+            const isLastItem = Boolean((isFlatList || isInLastSection) && index === roomCount - 1);
+
+            return (
+                <RoomListItemWrapper
+                    key={roomId}
+                    vm={roomItemVM}
+                    renderAvatar={renderAvatar}
+                    isSelected={isSelected}
+                    isFocused={isFocused}
+                    onFocus={onFocus}
+                    roomIndex={index}
+                    // For a flat list, we don't have sections, so roomIndexInSection is unused and can be set to 0
+                    roomIndexInSection={roomIndexInSection || 0}
+                    roomCount={roomCount}
+                    isFirstItem={isFirstItem}
+                    isLastItem={isLastItem}
+                    isInFlatList={isFlatList}
+                />
+            );
+        },
+        [renderAvatar],
+    );
+
+    /**
+     * Get the item component for a specific index in a grouped list
+     * Gets the room's view model and passes it to RoomListItemView
+     */
+    const getItemComponentForGroupedList = useCallback(
+        (
+            index: number,
+            roomId: string,
+            context: VirtualizedListContext<Context>,
+            onFocus: (item: string, e: React.FocusEvent) => void,
+            groupIndex: number,
+        ): JSX.Element => {
+            const { sections } = context.context;
+            const roomIndexInSection = sections[groupIndex].roomIds.findIndex((id) => id === roomId);
+            const isInLastSection = groupIndex === sections.length - 1;
+            return getItemComponent(index, roomId, context, onFocus, isInLastSection, roomIndexInSection);
+        },
+        [getItemComponent],
+    );
+
+    /**
+     * Get the item component for a specific index in a flat list
+     * Gets the room's view model and passes it to RoomListItemView
+     */
+    const getItemComponentForFlatList = useCallback(
+        (
+            index: number,
+            roomId: string,
+            context: VirtualizedListContext<Context>,
+            onFocus: (item: string, e: React.FocusEvent) => void,
+        ): JSX.Element => {
+            return getItemComponent(index, roomId, context, onFocus);
+        },
+        [getItemComponent],
+    );
+
+    /**
+     * Get the group header component for a specific group
+     */
+    const getGroupHeaderComponent = useCallback(
+        (
+            groupIndex: number,
+            headerId: string,
+            context: VirtualizedListContext<Context>,
+            onFocus: (header: string, e: React.FocusEvent) => void,
+        ): JSX.Element => {
+            const { vm, sectionCount, sections } = context.context;
+            const sectionHeaderVM = vm.getSectionHeaderViewModel(headerId);
+            const indexInList = sections
+                .slice(0, groupIndex)
+                // +1 for each section header
+                .reduce((acc, section) => acc + section.roomIds.length + 1, 0);
+            const roomCountInSection = sections[groupIndex].roomIds.length;
+
+            // 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 === headerId;
+
+            return (
+                <RoomListSectionHeaderView
+                    // Stable key per section avoids a @dnd-kit registration race when a new section is inserted.
+                    key={headerId}
+                    vm={sectionHeaderVM}
+                    isFocused={isFocused}
+                    onFocus={onFocus}
+                    indexInList={indexInList}
+                    sectionIndex={groupIndex}
+                    sectionCount={sectionCount}
+                    roomCountInSection={roomCountInSection}
+                />
+            );
+        },
+        [],
+    );
+
+    /**
+     * Render the pinned "current section" overlay header for the grouped list.
+     * Presentational only — the real header rows in the list stay the accessible, focusable
+     * controls. See {@link RoomListStickySectionHeaderView}.
+     */
+    const renderStickyHeader = useCallback(
+        (groupIndex: number, headerId: string, context: VirtualizedListContext<Context>): ReactNode => {
+            const sectionHeaderVM = context.context.vm.getSectionHeaderViewModel(headerId);
+            return <RoomListStickySectionHeaderView key={headerId} vm={sectionHeaderVM} isFirst={groupIndex === 0} />;
+        },
+        [],
+    );
+
+    /**
+     * Get the key for a room item
+     * Since we're using virtualization, items are always room ID strings
+     */
+    const getItemKey = useCallback((item: string): string => item, []);
+
+    /**
+     * Get the key for a group header
+     * We are passing the section ID as the header key, which is a string, so we can return it directly
+     */
+    const getHeaderKey = useCallback((header: string): string => header, []);
+
+    const context = useMemo(
+        () => ({
+            spaceId: roomListState.spaceId || "",
+            filterKeys: roomListState.filterKeys,
+            sections,
+            activeRoomIndex,
+            roomCount,
+            sectionCount,
+            vm,
+            isFlatList,
+        }),
+        [
+            roomListState.spaceId,
+            roomListState.filterKeys,
+            sections,
+            activeRoomIndex,
+            roomCount,
+            sectionCount,
+            vm,
+            isFlatList,
+        ],
+    );
+
+    /**
+     * 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],
+    );
+
+    // Imperatively scroll to a newly created section header.
+    // scrollIntoView on virtuoso handle is more reliable in this case vs scrollIntoViewOnChange
+    useLayoutEffect(() => {
+        if (scrollToSectionTag === undefined) return;
+        const sectionIndex = sections.findIndex((s) => s.id === scrollToSectionTag);
+        if (sectionIndex === -1) return;
+        const flatIndex = sections.slice(0, sectionIndex).reduce((acc, s) => acc + s.roomIds.length + 1, 0);
+        virtuosoHandleRef.current?.scrollIntoView({
+            index: flatIndex,
+            align: "start",
+            behavior: "auto",
+        });
+    }, [scrollToSectionTag, sections]);
+
+    // Give the view model an imperative handle to scroll an item index into view (e.g. when the
+    // user clicks the "unread activity" toast, which is rendered by a sibling component). The view
+    // owns the scroll handle, so it registers the function here rather than the model pushing
+    // scroll requests through its snapshot.
+    useEffect(() => {
+        vm.setScrollToIndex((index) =>
+            virtuosoHandleRef.current?.scrollIntoView({ index, align: "center", behavior: "auto" }),
+        );
+        return () => vm.setScrollToIndex(undefined);
+    }, [vm]);
+
+    const isItemFocusable = useCallback(() => true, []);
+    const isGroupHeaderFocusable = useCallback(() => true, []);
+    const increaseViewportBy = useMemo(
+        () => ({
+            top: EXTENDED_VIEWPORT_HEIGHT,
+            bottom: EXTENDED_VIEWPORT_HEIGHT,
+        }),
+        [],
+    );
+
+    const commonProps = {
+        context,
+        scrollIntoViewOnChange,
+        // If fixedItemHeight is not set and initialTopMostItemIndex=undefined, virtuoso crashes
+        // If we don't set it, it works
+        ...(activeRoomIndex !== undefined ? { initialTopMostItemIndex: activeRoomIndex } : {}),
+        ["data-testid"]: "room-list",
+        ["aria-label"]: _t("room_list|list_title"),
+        getItemKey,
+        isItemFocusable,
+        rangeChanged,
+        "scrollerRef": setScroller,
+        onKeyDown,
+        increaseViewportBy,
+        "className": styles.roomList,
+    };
+
+    if (isFlatList) {
+        return (
+            <FlatVirtualizedList
+                {...commonProps}
+                {...getContainerAccessibleProps("listbox")}
+                scrollHandleRef={setVirtuosoHandle}
+                items={roomIds}
+                getItemComponent={getItemComponentForFlatList}
+            />
+        );
+    }
+
+    return (
+        <DragDropProvider<RoomListDragData>
+            onDragStart={(event) => {
+                const { source } = event.operation;
+                // Changing the state of sections (collapsed/expanded) while dragging a section header causes a double readback for the a11y announcement.
+                if (isSectionDragData(source?.data)) {
+                    vm.onSectionDragStart();
+                }
+            }}
+            onDragEnd={(event) => {
+                const { source, target } = event.operation;
+                if (isSectionDragData(source?.data)) {
+                    vm.onSectionDragEnd();
+                }
+                if (event.canceled || !source || !target) return;
+                if (isSectionDragData(source.data)) {
+                    vm.changeSectionOrder(String(source.id), String(target.id));
+                } else {
+                    vm.changeRoomSection(String(source.id), String(target.id));
+                }
+            }}
+            sensors={[
+                // By default, PointerSensor activates dragging immediately on mouse pointer down, which interferes
+                // with clicking a room and keyboard navigation, so for mouse/pen we require a small drag distance
+                // before a drag starts (allowing a plain click without dragging).
+                // For touch, a Delay constraint that aborts the drag if the finger moves before the delay elapses is used to avoid accidental drags when scrolling the list with a finger.
+                PointerSensor.configure({
+                    activationConstraints(event) {
+                        if (event.pointerType === "touch") {
+                            return [new PointerActivationConstraints.Delay({ value: 250, tolerance: 5 })];
+                        }
+                        return [new PointerActivationConstraints.Distance({ value: 5 })];
+                    },
+                }),
+                // By default, the KeyboardSensor uses both space and enter to start dragging, which interferes with the keyboard enter shortcut to open a room.
+                KeyboardSensor.configure({
+                    // The default 10px-per-keypress offset makes keyboard dragging feel sluggish.
+                    offset: KEYBOARD_DRAG_OFFSET,
+                    keyboardCodes: {
+                        start: ["Space"],
+                        cancel: ["Escape"],
+                        end: ["Space"],
+                        up: ["ArrowUp"],
+                        down: ["ArrowDown"],
+                        left: ["ArrowLeft"],
+                        right: ["ArrowRight"],
+                    },
+                }),
+            ]}
+            plugins={a11yPlugins}
+        >
+            <DragOverlay dropAnimation={null}>
+                <DragOverlayContent vm={vm} renderAvatar={renderAvatar} />
+            </DragOverlay>
+            <GroupedRoomList
+                {...commonProps}
+                {...getContainerAccessibleProps("treegrid", totalCount)}
+                scrollHandleRef={setVirtuosoHandle}
+                groups={groups}
+                getHeaderKey={getHeaderKey}
+                getGroupHeaderComponent={getGroupHeaderComponent}
+                getItemComponent={getItemComponentForGroupedList}
+                isGroupHeaderFocusable={isGroupHeaderFocusable}
+                renderStickyHeader={renderStickyHeader}
+            />
+        </DragDropProvider>
+    );
+}
+
+/**
+ * Inner component rendered inside DragDropProvider that renders the grouped virtualized list.
+ * Uses useDragOperation to detect active keyboard drags and disable the list's own keyboard
+ * navigation shortcuts while a drag is in progress, preventing unwanted list scrolling.
+ */
+function GroupedRoomList(props: GroupedVirtualizedListProps<string, string, Context>): JSX.Element {
+    const { source } = useDragOperation<RoomListDragData>();
+
+    return <GroupedVirtualizedList<string, string, Context> {...props} disableKeyboardNavigation={source !== null} />;
+}
+
+interface DragOverlayContentProps {
+    /**  The room list view model */
+    vm: RoomListViewModel;
+    /** Function to render the room avatar */
+    renderAvatar: (room: Room) => ReactNode;
+}
+
+/**
+ * Component rendered in the drag overlay when dragging a room item. Renders a copy of the dragged item to avoid dragging the actual element out of virtualization.
+ */
+function DragOverlayContent({ vm, renderAvatar }: DragOverlayContentProps): JSX.Element | null {
+    const { source } = useDragOperation<RoomListDragData>();
+    if (!source) return null;
+
+    if (isSectionDragData(source.data)) {
+        const sectionHeaderVM = vm.getSectionHeaderViewModel(String(source.id));
+        return <RoomListSectionHeaderDragOverlayView vm={sectionHeaderVM} />;
+    }
+
+    const itemVm = vm.getRoomItemViewModel(String(source.id));
+    if (!itemVm) return null;
+
+    return <RoomListItemDragOverlayView vm={itemVm} renderAvatar={renderAvatar} />;
+}
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 00000000000..14c320cfb24
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/__snapshots__/VirtualizedRoomListView.test.tsx.snap
@@ -0,0 +1,1328 @@
+// 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"
+        class="VirtualizedRoomListView-module_roomList"
+        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="52"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room General"
+                aria-posinset="1"
+                aria-selected="true"
+                aria-setsize="10"
+                class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_selected RoomListItemView-module_bold RoomListItemView-module_firstItem mx_RoomListItemView_selected"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="Flex-module_flex RoomListItemView-module_container"
+                  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;"
+                >
+                  <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                    >
+                      <div
+                        class="RoomListItemView-module_roomName"
+                        data-testid="room-name"
+                        title="General"
+                      >
+                        General
+                      </div>
+                      <div
+                        class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                        title="Last message in General"
+                      >
+                        Last message in General
+                      </div>
+                    </div>
+                    <div
+                      class="Flex-module_flex RoomListItemView-module_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="react-use-id-1"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-2"
+                        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="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="react-use-id-3"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-4"
+                        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="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="RoomListItemView-module_notificationDecoration"
+                    >
+                      <div
+                        class="Flex-module_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>
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="1"
+              data-item-index="1"
+              data-known-size="52"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Random"
+                aria-posinset="2"
+                aria-selected="false"
+                aria-setsize="10"
+                class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="Flex-module_flex RoomListItemView-module_container"
+                  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;"
+                >
+                  <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                    >
+                      <div
+                        class="RoomListItemView-module_roomName"
+                        data-testid="room-name"
+                        title="Random"
+                      >
+                        Random
+                      </div>
+                    </div>
+                    <div
+                      class="Flex-module_flex RoomListItemView-module_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="react-use-id-5"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-6"
+                        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="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="react-use-id-7"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-8"
+                        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="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="RoomListItemView-module_notificationDecoration"
+                    />
+                  </div>
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="2"
+              data-item-index="2"
+              data-known-size="52"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Engineering"
+                aria-posinset="3"
+                aria-selected="false"
+                aria-setsize="10"
+                class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="Flex-module_flex RoomListItemView-module_container"
+                  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;"
+                >
+                  <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                    >
+                      <div
+                        class="RoomListItemView-module_roomName"
+                        data-testid="room-name"
+                        title="Engineering"
+                      >
+                        Engineering
+                      </div>
+                      <div
+                        class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                        title="Last message in Engineering"
+                      >
+                        Last message in Engineering
+                      </div>
+                    </div>
+                    <div
+                      class="Flex-module_flex RoomListItemView-module_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="react-use-id-9"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-10"
+                        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="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="react-use-id-11"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-12"
+                        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="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="RoomListItemView-module_notificationDecoration"
+                    />
+                  </div>
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="3"
+              data-item-index="3"
+              data-known-size="52"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Design"
+                aria-posinset="4"
+                aria-selected="false"
+                aria-setsize="10"
+                class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="Flex-module_flex RoomListItemView-module_container"
+                  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;"
+                >
+                  <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                    >
+                      <div
+                        class="RoomListItemView-module_roomName"
+                        data-testid="room-name"
+                        title="Design"
+                      >
+                        Design
+                      </div>
+                    </div>
+                    <div
+                      class="Flex-module_flex RoomListItemView-module_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="react-use-id-13"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-14"
+                        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="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="react-use-id-15"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-16"
+                        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="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="RoomListItemView-module_notificationDecoration"
+                    />
+                  </div>
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="4"
+              data-item-index="4"
+              data-known-size="52"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Product"
+                aria-posinset="5"
+                aria-selected="false"
+                aria-setsize="10"
+                class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="Flex-module_flex RoomListItemView-module_container"
+                  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;"
+                >
+                  <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                    >
+                      <div
+                        class="RoomListItemView-module_roomName"
+                        data-testid="room-name"
+                        title="Product"
+                      >
+                        Product
+                      </div>
+                      <div
+                        class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                        title="Last message in Product"
+                      >
+                        Last message in Product
+                      </div>
+                    </div>
+                    <div
+                      class="Flex-module_flex RoomListItemView-module_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="react-use-id-17"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-18"
+                        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="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="react-use-id-19"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-20"
+                        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="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="RoomListItemView-module_notificationDecoration"
+                    />
+                  </div>
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="5"
+              data-item-index="5"
+              data-known-size="52"
+              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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="Flex-module_flex RoomListItemView-module_container"
+                  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;"
+                >
+                  <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                    >
+                      <div
+                        class="RoomListItemView-module_roomName"
+                        data-testid="room-name"
+                        title="Marketing"
+                      >
+                        Marketing
+                      </div>
+                    </div>
+                    <div
+                      class="Flex-module_flex RoomListItemView-module_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="react-use-id-21"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-22"
+                        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="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="react-use-id-23"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-24"
+                        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="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="RoomListItemView-module_notificationDecoration"
+                    >
+                      <div
+                        class="Flex-module_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>
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="6"
+              data-item-index="6"
+              data-known-size="52"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Sales"
+                aria-posinset="7"
+                aria-selected="false"
+                aria-setsize="10"
+                class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="Flex-module_flex RoomListItemView-module_container"
+                  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;"
+                >
+                  <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                    >
+                      <div
+                        class="RoomListItemView-module_roomName"
+                        data-testid="room-name"
+                        title="Sales"
+                      >
+                        Sales
+                      </div>
+                      <div
+                        class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                        title="Last message in Sales"
+                      >
+                        Last message in Sales
+                      </div>
+                    </div>
+                    <div
+                      class="Flex-module_flex RoomListItemView-module_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="react-use-id-25"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-26"
+                        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="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="react-use-id-27"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-28"
+                        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="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="RoomListItemView-module_notificationDecoration"
+                    />
+                  </div>
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="7"
+              data-item-index="7"
+              data-known-size="52"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Support"
+                aria-posinset="8"
+                aria-selected="false"
+                aria-setsize="10"
+                class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="Flex-module_flex RoomListItemView-module_container"
+                  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;"
+                >
+                  <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                    >
+                      <div
+                        class="RoomListItemView-module_roomName"
+                        data-testid="room-name"
+                        title="Support"
+                      >
+                        Support
+                      </div>
+                    </div>
+                    <div
+                      class="Flex-module_flex RoomListItemView-module_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="react-use-id-29"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-30"
+                        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="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="react-use-id-31"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-32"
+                        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="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="RoomListItemView-module_notificationDecoration"
+                    />
+                  </div>
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="8"
+              data-item-index="8"
+              data-known-size="52"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Announcements"
+                aria-posinset="9"
+                aria-selected="false"
+                aria-setsize="10"
+                class="Flex-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="Flex-module_flex RoomListItemView-module_container"
+                  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;"
+                >
+                  <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                    >
+                      <div
+                        class="RoomListItemView-module_roomName"
+                        data-testid="room-name"
+                        title="Announcements"
+                      >
+                        Announcements
+                      </div>
+                      <div
+                        class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 RoomListItemView-module_ellipsis"
+                        title="Last message in Announcements"
+                      >
+                        Last message in Announcements
+                      </div>
+                    </div>
+                    <div
+                      class="Flex-module_flex RoomListItemView-module_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="react-use-id-33"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-34"
+                        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="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="react-use-id-35"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-36"
+                        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="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="RoomListItemView-module_notificationDecoration"
+                    />
+                  </div>
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="9"
+              data-item-index="9"
+              data-known-size="52"
+              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-module_flex RoomListItemView-module_roomListItem mx_RoomListItemView RoomListItemView-module_bold RoomListItemView-module_lastItem"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  class="Flex-module_flex RoomListItemView-module_container"
+                  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;"
+                >
+                  <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-module_flex RoomListItemView-module_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="RoomListItemView-module_ellipsis"
+                    >
+                      <div
+                        class="RoomListItemView-module_roomName"
+                        data-testid="room-name"
+                        title="Off-topic"
+                      >
+                        Off-topic
+                      </div>
+                    </div>
+                    <div
+                      class="Flex-module_flex RoomListItemView-module_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="react-use-id-37"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-38"
+                        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="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="react-use-id-39"
+                        class="_icon-button_1215g_8"
+                        data-kind="primary"
+                        data-state="closed"
+                        id="radix-react-use-id-40"
+                        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="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="RoomListItemView-module_notificationDecoration"
+                    />
+                  </div>
+                </div>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/dragAndDrop.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/dragAndDrop.ts
new file mode 100644
index 00000000000..41aa1c26d09
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/dragAndDrop.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.
+ */
+
+/** Drag payload for a section header. */
+export type SectionDragData = { type: "section"; index: number };
+/** Drag payload for a room item. */
+export type RoomDragData = { type: "room" };
+/** Discriminated union of all drag payloads in the room list. */
+export type RoomListDragData = SectionDragData | RoomDragData;
+
+/**
+ * Type guard: true when the drag source is a section header. Narrows to {@link SectionDragData}.
+ */
+export function isSectionDragData(data: RoomListDragData | undefined): data is SectionDragData {
+    return data?.type === "section";
+}
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 00000000000..9becdbf1118
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/index.ts
@@ -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 { VirtualizedRoomListView } from "./VirtualizedRoomListView";
+export type { VirtualizedRoomListViewProps, RoomListViewState, FilterKey } from "./VirtualizedRoomListView";
+export * from "./RoomListSectionHeaderView";
+export * from "./RoomListItemWrapper";
+export * from "./RoomListItemDragOverlayView";
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 00000000000..4004fea2247
--- /dev/null
+++ b/packages/shared-components/src/room-list/story-mocks.tsx
@@ -0,0 +1,197 @@
+/*
+ * 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,
+    type RoomListItemViewModel,
+    type RoomListItemViewSnapshot,
+    RoomNotifState,
+} from "./VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView";
+import { type RoomListSectionHeaderViewModel } from "./VirtualizedRoomListView/RoomListSectionHeaderView";
+import { MockViewModel } from "../core/viewmodel";
+
+/**
+ * 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): RoomListItemViewSnapshot => ({
+    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,
+    sections: [],
+    areSectionsEnabled: true,
+});
+
+export function createMockRoomItemViewModel(roomId: string, name: string, index: number): RoomListItemViewModel {
+    const snapshot = createMockRoomSnapshot(roomId, name, index);
+    return {
+        getSnapshot: () => snapshot,
+        subscribe: fn(),
+        onOpenRoom: fn(),
+        onMarkAsRead: fn(),
+        onMarkAsUnread: fn(),
+        onToggleFavorite: fn(),
+        onToggleLowPriority: fn(),
+        onInvite: fn(),
+        onCopyRoomLink: fn(),
+        onLeaveRoom: fn(),
+        onSetRoomNotifState: fn(),
+        onCreateSection: fn(),
+        onToggleSection: fn(),
+        onRemoveFromSection: fn(),
+    };
+}
+
+/**
+ * Create a mock getRoomItemViewModel function for stories
+ */
+export const createGetRoomItemViewModel = (roomIds: string[]): ((roomId: string) => RoomListItemViewModel) => {
+    const viewModels = new Map<string, RoomListItemViewModel>();
+    roomIds.forEach((roomId, index) => {
+        const name = roomNames[index % roomNames.length];
+        viewModels.set(roomId, createMockRoomItemViewModel(roomId, name, index));
+    });
+
+    return (roomId: string) => viewModels.get(roomId)!;
+};
+
+export const createGetSectionHeaderViewModel = (
+    sectionIds: string[],
+): ((sectionId: string) => RoomListSectionHeaderViewModel) => {
+    const viewModels = new Map<string, RoomListSectionHeaderViewModel>();
+    sectionIds.forEach((sectionId) => {
+        const snapshot = {
+            id: sectionId,
+            title: sectionId[0].toUpperCase() + sectionId.slice(1),
+            isExpanded: true,
+            isUnread: false,
+            displaySectionMenu: false,
+            canBeReordered: true,
+        };
+        const vm = new MockViewModel(snapshot) as unknown as RoomListSectionHeaderViewModel;
+        Object.assign(vm, {
+            onClick: fn(),
+            onFocus: fn(),
+        });
+
+        viewModels.set(sectionId, vm);
+    });
+
+    return (sectionId: string) => viewModels.get(sectionId)!;
+};
+
+/**
+ * Mock room IDs for different list sizes
+ */
+export const mock10RoomsIds = Array.from({ length: 10 }, (_, i) => `!room${i}:server`);
+export const mock10RoomsSections = [
+    { id: "favourites", roomIds: mock10RoomsIds.slice(0, 3) },
+    { id: "chats", roomIds: mock10RoomsIds.slice(3, 4) },
+    { id: "low-priority", roomIds: mock10RoomsIds.slice(4) },
+];
+
+export const mockRoomIds = Array.from({ length: 20 }, (_, i) => `!room${i}:server`);
+export const mockSections = [
+    { id: "favourites", roomIds: mockRoomIds.slice(0, 5) },
+    { id: "chats", roomIds: mockRoomIds.slice(5, 15) },
+    { id: "low-priority", roomIds: mockRoomIds.slice(15) },
+];
+
+export const mockSmallListRoomIds = mockRoomIds.slice(0, 5);
+export const mockSmallListSections = [
+    { id: "favourites", roomIds: mockSmallListRoomIds.slice(0, 2) },
+    { id: "chats", roomIds: mockSmallListRoomIds.slice(2, 0) },
+];
+
+export const mockLargeListRoomIds = Array.from({ length: 100 }, (_, i) => `!room${i}:server`);
+export const mockLargeListSections = [
+    { id: "favourites", roomIds: mockLargeListRoomIds.slice(0, 23) },
+    { id: "chats", roomIds: mockLargeListRoomIds.slice(23, 52) },
+    { id: "low-priority", roomIds: mockLargeListRoomIds.slice(52) },
+];
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 00000000000..33983bd473d
--- /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 00000000000..2531daf96ba
--- /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 "@test-utils";
+
+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 00000000000..2961e368441
--- /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 "../../core/i18n/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 00000000000..51459abcdc3
--- /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_10dml_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_10dml_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_10dml_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_10dml_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 00000000000..e8958a99136
--- /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 00000000000..78300df3f9f
--- /dev/null
+++ b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.module.css
@@ -0,0 +1,30 @@
+/*
+ * 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.
+ */
+
+.container {
+    color: var(--cpd-color-text-primary);
+}
+
+.container svg {
+    color: var(--cpd-color-text-primary);
+}
+
+.secondaryAction.secondaryAction[data-kind="secondary"] > svg {
+    color: var(--cpd-color-text-secondary);
+}
+
+.primaryAction.primaryAction[data-kind="primary"] > svg {
+    color: var(--cpd-color-text-on-solid-primary);
+}
+
+.title {
+    color: var(--cpd-color-text-critical-primary);
+}
+
+.description {
+    color: var(--cpd-color-text-primary);
+}
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 00000000000..427b33fabf9
--- /dev/null
+++ b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.stories.tsx
@@ -0,0 +1,121 @@
+/*
+ * 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 StoryObj } from "@storybook/react-vite";
+import React, { type JSX } from "react";
+import { fn } from "storybook/test";
+
+import { useMockedViewModel } from "../../core/viewmodel";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+import {
+    RoomStatusBarState,
+    RoomStatusBarView,
+    type RoomStatusBarViewActions,
+    type RoomStatusBarViewSnapshot,
+} from "./RoomStatusBarView";
+
+type RoomStatusBarProps = RoomStatusBarViewSnapshot & RoomStatusBarViewActions;
+
+const RoomStatusBarViewWrapperImpl = ({
+    onResendAllClick,
+    onDeleteAllClick,
+    onRetryRoomCreationClick,
+    onTermsAndConditionsClicked,
+    ...rest
+}: RoomStatusBarProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onResendAllClick,
+        onDeleteAllClick,
+        onRetryRoomCreationClick,
+        onTermsAndConditionsClicked,
+    });
+    return <RoomStatusBarView vm={vm} />;
+};
+const RoomStatusBarViewWrapper = withViewDocs(RoomStatusBarViewWrapperImpl, RoomStatusBarView);
+
+const meta = {
+    title: "Room/RoomStatusBarView",
+    component: RoomStatusBarViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {},
+    args: {
+        onResendAllClick: fn(),
+        onDeleteAllClick: fn(),
+        onRetryRoomCreationClick: fn(),
+        onTermsAndConditionsClicked: fn(),
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=11019-2353&t=p8SkJGh9tJx09MTJ-4",
+        },
+    },
+} satisfies Meta<typeof RoomStatusBarViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof RoomStatusBarViewWrapper>;
+
+/**
+ * Rendered when the client has lost connection with the server.
+ */
+export const WithConnectionLost: Story = {
+    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: Story = {
+    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: Story = {
+    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: Story = {
+    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: Story = {
+    args: {
+        state: RoomStatusBarState.UnsentMessages,
+        isResending: true,
+    },
+};
+
+/**
+ * Rendered when a local room has failed to be created.
+ */
+export const WithLocalRoomRetry: Story = {
+    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 00000000000..58cc6e6e9f5
--- /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 00000000000..4247c0e9829
--- /dev/null
+++ b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.tsx
@@ -0,0 +1,307 @@
+/*
+ * 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 "../../core/viewmodel";
+import { useI18n } from "../../core/i18n/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 className={styles.title} id={bannerTitleId} weight="medium">
+                            {_t("room|status_bar|server_connectivity_lost_title")}
+                        </Text>
+                        <Text className={styles.description}>
+                            {_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}
+                            className={styles.primaryAction}
+                            kind="primary"
+                            size="md"
+                            as="a"
+                            href={snapshot.consentUri}
+                            target="_blank"
+                            rel="noreferrer noopener"
+                        >
+                            {_t("terms|tac_button")}
+                        </Button>
+                    }
+                >
+                    <div className={styles.container}>
+                        <Text className={styles.title} id={bannerTitleId} weight="medium">
+                            {_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="md"
+                                as="a"
+                                href={snapshot.adminContactHref}
+                                target="_blank"
+                                rel="noreferrer noopener"
+                            >
+                                Contact admin
+                            </Button>
+                        )
+                    }
+                >
+                    <div className={styles.container}>
+                        <Text className={styles.title} id={bannerTitleId} weight="medium">
+                            {{
+                                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}>
+                            {_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="md"
+                            kind="primary"
+                            className={styles.primaryAction}
+                            Icon={RestartIcon}
+                            onClick={retryRoomCreationClick}
+                        >
+                            {_t("action|retry")}
+                        </Button>
+                    }
+                >
+                    <Text className={styles.title} id={bannerTitleId} weight="medium">
+                        {_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="md"
+                                        kind="secondary"
+                                        Icon={DeleteIcon}
+                                        className={styles.secondaryAction}
+                                        onClick={deleteAllClick}
+                                    >
+                                        {_t("room|status_bar|delete_all")}
+                                    </Button>
+                                )}
+                                {vm.onResendAllClick && (
+                                    <Button
+                                        size="md"
+                                        kind="primary"
+                                        Icon={RestartIcon}
+                                        onClick={resendClick}
+                                        className={styles.primaryAction}
+                                    >
+                                        {_t("room|status_bar|retry_all")}
+                                    </Button>
+                                )}
+                            </>
+                        )
+                    }
+                    aria-labelledby={bannerTitleId}
+                >
+                    <div className={styles.container}>
+                        <Text className={styles.title} id={bannerTitleId} weight="medium">
+                            {_t("room|status_bar|some_messages_not_sent")}
+                        </Text>
+                        <Text className={styles.description}>{_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 00000000000..3847326cebb
--- /dev/null
+++ b/packages/shared-components/src/room/RoomStatusBar/__snapshots__/RoomStatusBarView.test.tsx.snap
@@ -0,0 +1,514 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`RoomStatusBarView > renders connection lost 1`] = `
+<div>
+  <div
+    aria-labelledby="react-use-id-1"
+    class="Banner-module_banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="Banner-module_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 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>
+    <div
+      class="Banner-module_content"
+    >
+      <div
+        class="RoomStatusBarView-module_container"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
+          id="react-use-id-1"
+        >
+          Connectivity to the server has been lost.
+        </p>
+        <p
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 RoomStatusBarView-module_description"
+        >
+          Sent messages will be stored until your connection has returned.
+        </p>
+      </div>
+    </div>
+    <div
+      class="Banner-module_actions"
+    />
+  </div>
+</div>
+`;
+
+exports[`RoomStatusBarView > renders consent link 1`] = `
+<div>
+  <div
+    aria-labelledby="react-use-id-1"
+    class="Banner-module_banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="Banner-module_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 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>
+    <div
+      class="Banner-module_content"
+    >
+      <div
+        class="RoomStatusBarView-module_container"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
+          id="react-use-id-1"
+        >
+          You can't send any messages until you review and agree to our terms and conditions.
+        </p>
+      </div>
+    </div>
+    <div
+      class="Banner-module_actions"
+    >
+      <a
+        class="_button_1nw83_8 RoomStatusBarView-module_primaryAction"
+        data-kind="primary"
+        data-size="md"
+        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="react-use-id-1"
+    class="Banner-module_banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="Banner-module_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 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>
+    <div
+      class="Banner-module_content"
+    >
+      <p
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
+        id="react-use-id-1"
+      >
+        Could not start a chat with this user
+      </p>
+    </div>
+    <div
+      class="Banner-module_actions"
+    >
+      <button
+        class="_button_1nw83_8 RoomStatusBarView-module_primaryAction _has-icon_1nw83_60"
+        data-kind="primary"
+        data-size="md"
+        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="react-use-id-1"
+    class="Banner-module_banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="Banner-module_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 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>
+    <div
+      class="Banner-module_content"
+    >
+      <div
+        class="RoomStatusBarView-module_container"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
+          id="react-use-id-1"
+        >
+          Your message wasn't sent because this homeserver has been blocked by its administrator.
+        </p>
+        <p
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 RoomStatusBarView-module_description"
+        >
+          Please contact your service administrator to continue using the service.
+        </p>
+      </div>
+    </div>
+    <div
+      class="Banner-module_actions"
+    >
+      <a
+        class="_button_1nw83_8"
+        data-kind="secondary"
+        data-size="md"
+        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="react-use-id-1"
+    class="Banner-module_banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="Banner-module_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 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>
+    <div
+      class="Banner-module_content"
+    >
+      <div
+        class="RoomStatusBarView-module_container"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
+          id="react-use-id-1"
+        >
+          Some of your messages have not been sent
+        </p>
+        <p
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 RoomStatusBarView-module_description"
+        >
+          You can select all or individual messages to retry or delete
+        </p>
+      </div>
+    </div>
+    <div
+      class="Banner-module_actions"
+    >
+      <button
+        class="_button_1nw83_8 RoomStatusBarView-module_secondaryAction _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        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
+        class="_button_1nw83_8 RoomStatusBarView-module_primaryAction _has-icon_1nw83_60"
+        data-kind="primary"
+        data-size="md"
+        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="react-use-id-1"
+    class="Banner-module_banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="Banner-module_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 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>
+    <div
+      class="Banner-module_content"
+    >
+      <div
+        class="RoomStatusBarView-module_container"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
+          id="react-use-id-1"
+        >
+          Some of your messages have not been sent
+        </p>
+        <p
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 RoomStatusBarView-module_description"
+        >
+          You can select all or individual messages to retry or delete
+        </p>
+      </div>
+    </div>
+    <div
+      class="Banner-module_actions"
+    >
+      <button
+        class="_button_1nw83_8 RoomStatusBarView-module_secondaryAction _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        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
+        class="_button_1nw83_8 RoomStatusBarView-module_primaryAction _has-icon_1nw83_60"
+        data-kind="primary"
+        data-size="md"
+        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="react-use-id-1"
+    class="Banner-module_banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="Banner-module_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 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>
+    <div
+      class="Banner-module_content"
+    >
+      <div
+        class="RoomStatusBarView-module_container"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
+          id="react-use-id-1"
+        >
+          Some of your messages have not been sent
+        </p>
+        <p
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 RoomStatusBarView-module_description"
+        >
+          You can select all or individual messages to retry or delete
+        </p>
+      </div>
+    </div>
+    <div
+      class="Banner-module_actions"
+    >
+      <button
+        class="_button_1nw83_8 RoomStatusBarView-module_secondaryAction _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        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
+        class="_button_1nw83_8 RoomStatusBarView-module_primaryAction _has-icon_1nw83_60"
+        data-kind="primary"
+        data-size="md"
+        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/room/RoomStatusBar/index.ts b/packages/shared-components/src/room/RoomStatusBar/index.ts
new file mode 100644
index 00000000000..43f1bfebc2a
--- /dev/null
+++ b/packages/shared-components/src/room/RoomStatusBar/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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.
+ */
+
+export * from "./RoomStatusBarView";
diff --git a/packages/shared-components/src/room/WidgetPip/WidgetPipView.module.css b/packages/shared-components/src/room/WidgetPip/WidgetPipView.module.css
new file mode 100644
index 00000000000..cc61d817545
--- /dev/null
+++ b/packages/shared-components/src/room/WidgetPip/WidgetPipView.module.css
@@ -0,0 +1,35 @@
+/*
+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.
+*/
+
+.container {
+    width: 304px; /* hardcoded to match figma -> might become a resizable pip in the future */
+    height: 278px; /* hardcoded to match figma -> might become a resizable pip in the future */
+
+    display: flex;
+    flex-direction: column;
+    padding: var(--cpd-space-3x);
+    background: var(--cpd-color-bg-canvas-default);
+    border: 1px solid var(--cpd-color-border-interactive-secondary);
+    border-radius: var(--cpd-space-6x);
+    gap: var(--cpd-space-2x);
+    box-shadow: 0 0 var(--cpd-space-2x) rgba(0, 0, 0, 0.1);
+}
+
+.header {
+    top: 0;
+    gap: var(--cpd-space-2x);
+    display: flex;
+    font: var(--cpd-font-body-md-semibold);
+    align-items: center;
+}
+
+.roundedCornerContainer {
+    border-radius: var(--cpd-space-4x);
+    overflow: hidden;
+    display: flex;
+    flex-grow: 1;
+}
diff --git a/packages/shared-components/src/room/WidgetPip/WidgetPipView.stories.tsx b/packages/shared-components/src/room/WidgetPip/WidgetPipView.stories.tsx
new file mode 100644
index 00000000000..c19cbcf2c6d
--- /dev/null
+++ b/packages/shared-components/src/room/WidgetPip/WidgetPipView.stories.tsx
@@ -0,0 +1,89 @@
+/*
+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, type StoryFn } from "@storybook/react-vite";
+import React, { type JSX } from "react";
+import { fn } from "storybook/test";
+
+import { useMockedViewModel } from "../../core/viewmodel";
+import { WidgetPipView, type WidgetPipViewActions, type WidgetPipViewSnapshot } from "./WidgetPipView";
+import { withViewDocs } from "../../../.storybook/withViewDocs";
+
+type WidgetPipViewProps = WidgetPipViewSnapshot & WidgetPipViewActions;
+
+// Helper components that are provided outside of this storybook
+const RoomAvatarMock: React.FC = () => (
+    <div style={{ width: 20, height: 20, borderRadius: "50%", backgroundColor: "grey" }} />
+);
+const PersistentAppMock: React.FC = () => <div style={{ backgroundColor: "grey", flexGrow: 1 }} />;
+
+const WidgetPipViewWrapperImpl = ({
+    onBackClick,
+    persistentAppComponent,
+    onStartMoving,
+    ...rest
+}: WidgetPipViewProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onBackClick,
+        persistentAppComponent,
+        onStartMoving,
+    });
+    return <WidgetPipView vm={vm} RoomAvatar={RoomAvatarMock} />;
+};
+
+const WidgetPipViewWrapper = withViewDocs(WidgetPipViewWrapperImpl, WidgetPipView);
+
+export default {
+    title: "Room/WidgetPipView",
+    component: WidgetPipViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {},
+    args: {
+        widgetId: "xyz",
+        roomId: "roomId",
+        roomName: "Room Name",
+        onBackClick: fn(),
+        persistentAppComponent: PersistentAppMock,
+        onStartMoving: fn(),
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/aOEkaJtaBmPy058V7uoqVr/Element-Call-Updates---Q1-2026--New-?node-id=21-31333&p=f&t=zBuFi63PKdQ0Nhab-0",
+        },
+    },
+} satisfies Meta<typeof WidgetPipViewWrapper>;
+
+const Template: StoryFn<typeof WidgetPipViewWrapper> = (args) => <WidgetPipViewWrapper {...args} />;
+
+/**
+ * Rendered when using a widget with just a grey background.
+ */
+export const WithGreyWidget = Template.bind({});
+WithGreyWidget.args = {};
+
+/**
+ * Rendered when using a transparent background widget like Element Call.
+ */
+export const WithElementCallWidgetMock = Template.bind({});
+const CallPill: React.FC = () => (
+    <div style={{ borderRadius: "50%", width: "50px", height: "50px", backgroundColor: "grey" }} />
+);
+WithElementCallWidgetMock.args = {
+    roomName: "Element Call Room",
+    persistentAppComponent: () => (
+        <div style={{ flexGrow: 1, display: "flex", flexDirection: "column" }}>
+            <div style={{ flexGrow: 4, backgroundColor: "gray", borderRadius: "24px" }} />
+            <div style={{ display: "flex", justifyContent: "space-between", margin: "10px" }}>
+                <CallPill />
+                <CallPill />
+                <CallPill />
+                <CallPill />
+            </div>
+        </div>
+    ),
+};
diff --git a/packages/shared-components/src/room/WidgetPip/WidgetPipView.test.tsx b/packages/shared-components/src/room/WidgetPip/WidgetPipView.test.tsx
new file mode 100644
index 00000000000..8de8a965d2e
--- /dev/null
+++ b/packages/shared-components/src/room/WidgetPip/WidgetPipView.test.tsx
@@ -0,0 +1,51 @@
+/*
+ * 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 { 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 { getByTestId } from "storybook/test";
+
+import * as stories from "./WidgetPipView.stories.tsx";
+
+const { WithGreyWidget } = composeStories(stories);
+
+describe("WidgetPipView", () => {
+    it("renders with gray widget", () => {
+        const { container } = render(<WithGreyWidget />);
+        expect(container).toMatchSnapshot();
+    });
+    it("detects back click action", async () => {
+        const onBackClick = vi.fn();
+        const { container, getByRole } = render(<WithGreyWidget onBackClick={onBackClick} />);
+        expect(container).toMatchSnapshot();
+
+        const button = getByRole("button", { name: "Back" });
+        await userEvent.click(button);
+        expect(onBackClick).toHaveBeenCalled();
+    });
+    it("detects double click triggers back", async () => {
+        const onBackClick = vi.fn();
+        const { container } = render(<WithGreyWidget onStartMoving={onBackClick} />);
+        expect(container).toMatchSnapshot();
+
+        const pipContainer = getByTestId(container, "widget-pip-container");
+        await userEvent.dblClick(pipContainer);
+        expect(onBackClick).toHaveBeenCalled();
+    });
+    it("detects on mouse down for drag", async () => {
+        const onStartMoving = vi.fn();
+        const { container } = render(<WithGreyWidget onStartMoving={onStartMoving} />);
+        expect(container).toMatchSnapshot();
+
+        const pipContainer = getByTestId(container, "widget-pip-container");
+        await userEvent.click(pipContainer);
+        expect(onStartMoving).toHaveBeenCalled();
+    });
+});
diff --git a/packages/shared-components/src/room/WidgetPip/WidgetPipView.tsx b/packages/shared-components/src/room/WidgetPip/WidgetPipView.tsx
new file mode 100644
index 00000000000..8454b89209f
--- /dev/null
+++ b/packages/shared-components/src/room/WidgetPip/WidgetPipView.tsx
@@ -0,0 +1,108 @@
+/*
+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 FC } from "react";
+import { ChevronLeftIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { IconButton } from "@vector-im/compound-web";
+
+import styles from "./WidgetPipView.module.css";
+import { useViewModel, type ViewModel } from "../../core/viewmodel";
+import { useI18n } from "../..";
+
+export interface WidgetPipViewActions {
+    /**
+     * Call this once the back button is clicked in the pip view.
+     * The view model will handle navigating back to the associated room.
+     * @param ev The mouse event that triggered the back click.
+     */
+    onBackClick: (ev: React.MouseEvent) => void;
+    /**
+     * The view model exposes the `<PersistentApp />` component via this action.
+     * `PersistentApp` is not available in shared components.
+     * It can be any React component that renders a widget.
+     * It will be mounted inside the PipView.
+     */
+    persistentAppComponent: React.FC<{
+        persistentWidgetId: string;
+        persistentRoomId: string;
+    }>;
+    /**
+     * Action that needs to be called when the pip view starts to get dragged.
+     * @param ev The mouse event that triggered the drag start.
+     */
+    onStartMoving: (ev: React.MouseEvent) => void;
+}
+
+export interface WidgetPipViewSnapshot {
+    /**
+     * The widget ID this view is rendering.
+     */
+    widgetId: string;
+    /**
+     * The room name the Pip View should use in the header.
+     */
+    roomName: string;
+    /**
+     * The room ID this PiP view’s widget is associated with.
+     */
+    roomId: string;
+}
+
+/**
+ * The view model for the widget PiP view.
+ */
+export type WidgetPipViewModel = ViewModel<WidgetPipViewSnapshot> & WidgetPipViewActions;
+
+export interface WidgetPipViewProps {
+    /**
+     * The WidgetPipViewModel to expose the WidgetPipViewSnapshot and to:
+     *  - handling the back button callback.
+     *  - exposing the persistentApp react component to the view.
+     */
+    vm: WidgetPipViewModel;
+    /**
+     * The avatar is passed as a React component.
+     * This allows any avatar implementation to be used in this view (like RoomAvatar).
+     */
+    // In the future the avatar component can/should also become a shared component.
+    // It would then be accessible in the shared component package and we could remove this prop.
+    RoomAvatar: React.FC<{ size: string }>;
+}
+
+/**
+ * A picture-in-picture view for a widget. Additional controls are shown if the
+ * widget represents a call.
+ */
+export const WidgetPipView: FC<WidgetPipViewProps> = ({ vm, RoomAvatar }) => {
+    const snapshot = useViewModel(vm);
+    const { translate: _t } = useI18n();
+    return (
+        // The interaction where we use the `onMouseDown` handler is only useful for dragging the widget around,
+        // which is not possible via the keyboard. The outcome of this interaction can only be changed
+        // if the user interacts with a mouse. Hence there is no use in providing an accessible alternative.
+        // In the future we might consider introducing alternative shortcuts for moving the PiP around
+        // with the keyboard.
+        <div data-testid="widget-pip-container" className={styles.container} onMouseDown={vm.onStartMoving}>
+            <div className={styles.header}>
+                <IconButton
+                    size="28px"
+                    data-testid="base-card-back-button"
+                    onClick={(ev) => vm.onBackClick(ev)}
+                    tooltip={_t("action|back")}
+                    kind="secondary"
+                >
+                    <ChevronLeftIcon />
+                </IconButton>
+                <RoomAvatar size="20px" />
+                {snapshot.roomName}
+            </div>
+            <div className={styles.roundedCornerContainer}>
+                <vm.persistentAppComponent persistentWidgetId={snapshot.widgetId} persistentRoomId={snapshot.roomId} />
+            </div>
+        </div>
+    );
+};
diff --git a/packages/shared-components/src/room/WidgetPip/__snapshots__/WidgetPipView.test.tsx.snap b/packages/shared-components/src/room/WidgetPip/__snapshots__/WidgetPipView.test.tsx.snap
new file mode 100644
index 00000000000..1bfa4fc50b6
--- /dev/null
+++ b/packages/shared-components/src/room/WidgetPip/__snapshots__/WidgetPipView.test.tsx.snap
@@ -0,0 +1,205 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`WidgetPipView > detects back click action 1`] = `
+<div>
+  <div
+    class="WidgetPipView-module_container"
+    data-testid="widget-pip-container"
+  >
+    <div
+      class="WidgetPipView-module_header"
+    >
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-back-button"
+        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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+            />
+          </svg>
+        </div>
+      </button>
+      <div
+        style="width: 20px; height: 20px; border-radius: 50%; background-color: grey;"
+      />
+      Room Name
+    </div>
+    <div
+      class="WidgetPipView-module_roundedCornerContainer"
+    >
+      <div
+        style="background-color: grey; flex-grow: 1;"
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`WidgetPipView > detects double click triggers back 1`] = `
+<div>
+  <div
+    class="WidgetPipView-module_container"
+    data-testid="widget-pip-container"
+  >
+    <div
+      class="WidgetPipView-module_header"
+    >
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-back-button"
+        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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+            />
+          </svg>
+        </div>
+      </button>
+      <div
+        style="width: 20px; height: 20px; border-radius: 50%; background-color: grey;"
+      />
+      Room Name
+    </div>
+    <div
+      class="WidgetPipView-module_roundedCornerContainer"
+    >
+      <div
+        style="background-color: grey; flex-grow: 1;"
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`WidgetPipView > detects on mouse down for drag 1`] = `
+<div>
+  <div
+    class="WidgetPipView-module_container"
+    data-testid="widget-pip-container"
+  >
+    <div
+      class="WidgetPipView-module_header"
+    >
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-back-button"
+        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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+            />
+          </svg>
+        </div>
+      </button>
+      <div
+        style="width: 20px; height: 20px; border-radius: 50%; background-color: grey;"
+      />
+      Room Name
+    </div>
+    <div
+      class="WidgetPipView-module_roundedCornerContainer"
+    >
+      <div
+        style="background-color: grey; flex-grow: 1;"
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`WidgetPipView > renders with gray widget 1`] = `
+<div>
+  <div
+    class="WidgetPipView-module_container"
+    data-testid="widget-pip-container"
+  >
+    <div
+      class="WidgetPipView-module_header"
+    >
+      <button
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8"
+        data-kind="secondary"
+        data-testid="base-card-back-button"
+        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="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.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-.275"
+            />
+          </svg>
+        </div>
+      </button>
+      <div
+        style="width: 20px; height: 20px; border-radius: 50%; background-color: grey;"
+      />
+      Room Name
+    </div>
+    <div
+      class="WidgetPipView-module_roundedCornerContainer"
+    >
+      <div
+        style="background-color: grey; flex-grow: 1;"
+      />
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/WidgetPip/index.ts b/packages/shared-components/src/room/WidgetPip/index.ts
new file mode 100644
index 00000000000..2c6899aa810
--- /dev/null
+++ b/packages/shared-components/src/room/WidgetPip/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 "./WidgetPipView";
diff --git a/packages/shared-components/src/room/composer/Banner/Banner.module.css b/packages/shared-components/src/room/composer/Banner/Banner.module.css
new file mode 100644
index 00000000000..c65f95caf00
--- /dev/null
+++ b/packages/shared-components/src/room/composer/Banner/Banner.module.css
@@ -0,0 +1,71 @@
+/*
+ * 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.
+ */
+
+.banner {
+    container-type: inline-size;
+    container-name: banner;
+    display: flex;
+    justify-content: start;
+    gap: var(--cpd-space-3x);
+    padding: var(--cpd-space-4x);
+
+    border-top: 1px solid var(--cpd-color-gray-400);
+}
+
+.banner[data-type="success"] {
+    background: var(--cpd-color-gradient-subtle-linear);
+    border-color: var(--cpd-color-green-900);
+}
+
+.banner[data-type="critical"] {
+    background: var(--cpd-color-gradient-critical-linear);
+    border-color: var(--cpd-color-border-critical-subtle);
+}
+
+.banner[data-type="info"] {
+    background: var(--cpd-color-gradient-info-linear);
+    border-color: var(--cpd-color-blue-900);
+}
+
+.banner[data-type="info"] :is(svg) {
+    color: var(--cpd-color-blue-900);
+}
+
+.banner[data-type="success"] :is(.content, svg) {
+    color: var(--cpd-color-green-900);
+}
+
+.banner[data-type="critical"] :is(.content, svg) {
+    color: var(--cpd-color-red-900);
+}
+
+.banner p {
+    margin: 0;
+}
+
+.icon {
+    display: flex;
+    align-items: flex-start;
+}
+
+.icon img {
+    height: 24px;
+    aspect-ratio: auto;
+    border-radius: 50%;
+}
+
+.actions {
+    margin-left: auto;
+
+    flex: 0;
+    display: flex;
+    flex-direction: row;
+    gap: var(--cpd-space-4x);
+    align-self: center;
+
+    white-space: nowrap;
+}
diff --git a/packages/shared-components/src/room/composer/Banner/Banner.stories.tsx b/packages/shared-components/src/room/composer/Banner/Banner.stories.tsx
new file mode 100644
index 00000000000..dd79f98174f
--- /dev/null
+++ b/packages/shared-components/src/room/composer/Banner/Banner.stories.tsx
@@ -0,0 +1,86 @@
+/*
+ * 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 { fn } from "storybook/test";
+import { type Meta, type StoryObj } from "@storybook/react-vite";
+import { Button } from "@vector-im/compound-web";
+
+import { Banner } from "./Banner";
+import avatarImage from "../../../../static/element.png";
+
+const meta = {
+    title: "Room/Banner",
+    component: Banner,
+    tags: ["autodocs"],
+    args: {
+        children: <p>Hello! This is a status banner.</p>,
+        onClose: fn(),
+    },
+} satisfies Meta<typeof Banner>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Info: Story = {
+    args: {
+        type: "info",
+    },
+};
+export const Success: Story = {
+    args: {
+        type: "success",
+    },
+};
+export const Critical: Story = {
+    args: {
+        type: "critical",
+    },
+};
+export const WithAction: Story = {
+    args: {
+        children: (
+            <p>
+                Alice's (<b>@alice:example.com</b>) identity was reset. <a href="https://example.org">Learn more</a>
+            </p>
+        ),
+        actions: (
+            <Button kind="primary" size="md">
+                Withdraw verification
+            </Button>
+        ),
+    },
+};
+
+export const WithAvatarImage: Story = {
+    args: {
+        avatar: <img alt="Example" src={avatarImage} />,
+    },
+};
+
+export const WithoutClose: Story = {
+    args: {
+        onClose: undefined,
+    },
+};
+
+export const WithLoadsOfContent: Story = {
+    args: {
+        type: "info",
+        children: (
+            <p>
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis massa facilisis, venenatis risus
+                consectetur, sagittis libero. Aenean et scelerisque justo. Nunc luctus, mi sed facilisis suscipit, magna
+                ante pharetra sem, eu rutrum purus quam quis arcu. Sed eleifend arcu vitae magna sodales, sit amet
+                fermentum urna dictum. Mauris vel velit pulvinar enim mollis tincidunt. Vivamus egestas rhoncus
+                sagittis. Curabitur auctor vehicula massa, et cursus lacus laoreet a. Maecenas et sollicitudin lectus,
+                in ligula.
+            </p>
+        ),
+    },
+};
diff --git a/packages/shared-components/src/room/composer/Banner/Banner.test.tsx b/packages/shared-components/src/room/composer/Banner/Banner.test.tsx
new file mode 100644
index 00000000000..0af64a1f2ea
--- /dev/null
+++ b/packages/shared-components/src/room/composer/Banner/Banner.test.tsx
@@ -0,0 +1,42 @@
+/*
+ * 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 { describe, it, expect } from "vitest";
+import { composeStories } from "@storybook/react-vite";
+
+import * as stories from "./Banner.stories.tsx";
+
+const { Default, Info, Success, WithAction, WithAvatarImage, Critical } = composeStories(stories);
+
+describe("AvatarWithDetails", () => {
+    it("renders a default banner", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders a info banner", () => {
+        const { container } = render(<Info />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders a success banner", () => {
+        const { container } = render(<Success />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders a critical banner", () => {
+        const { container } = render(<Critical />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders a banner with an action", () => {
+        const { container } = render(<WithAction />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders a banner with an avatar iamge", () => {
+        const { container } = render(<WithAvatarImage />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/room/composer/Banner/Banner.tsx b/packages/shared-components/src/room/composer/Banner/Banner.tsx
new file mode 100644
index 00000000000..96caf68cfd4
--- /dev/null
+++ b/packages/shared-components/src/room/composer/Banner/Banner.tsx
@@ -0,0 +1,92 @@
+/*
+ * 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 classNames from "classnames";
+import React, {
+    type MouseEventHandler,
+    type ReactElement,
+    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";
+import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error";
+import InfoIcon from "@vector-im/compound-design-tokens/assets/web/icons/info";
+
+import styles from "./Banner.module.css";
+import { _t } from "../../../core/i18n/i18n";
+
+interface BannerProps {
+    /**
+     * The type of the status banner.
+     */
+    type?: "success" | "info" | "critical";
+
+    /**
+     * The banner avatar.
+     */
+    avatar?: React.ReactNode;
+
+    /**
+     * Actions presented to the user in the right-hand side of the banner alongside the dismiss button.
+     */
+    actions?: ReactNode;
+    /**
+     * Called when the user presses the "dismiss" button.
+     */
+    onClose?: MouseEventHandler<HTMLButtonElement>;
+}
+
+/**
+ * A banner component used for displaying user-facing information above the message composer.
+ *
+ * @example
+ * ```tsx
+ *   <Banner  onClose={onCloseHandler} />
+ * ```
+ */
+export function Banner({
+    type,
+    children,
+    avatar,
+    className,
+    actions,
+    onClose,
+    ...props
+}: PropsWithChildren<BannerProps & HTMLAttributes<HTMLDivElement>>): ReactElement {
+    const classes = classNames(styles.banner, className);
+
+    const icon = useMemo((): ReactElement => {
+        switch (type) {
+            case "critical":
+                return <ErrorIcon fontSize={24} />;
+            case "info":
+                return <InfoIcon fontSize={24} />;
+            case "success":
+                return <CheckCircleIcon fontSize={24} />;
+            default:
+                return <InfoIcon fontSize={24} />;
+        }
+    }, [type]);
+
+    return (
+        <div {...props} className={classes} data-type={type}>
+            <div className={styles.icon}>{avatar ?? icon}</div>
+            <div className={styles.content}>{children}</div>
+            <div className={styles.actions}>
+                {actions}
+                {onClose && (
+                    <Button kind="secondary" size="md" onClick={onClose}>
+                        {_t("action|dismiss")}
+                    </Button>
+                )}
+            </div>
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/composer/Banner/__snapshots__/Banner.test.tsx.snap b/packages/shared-components/src/room/composer/Banner/__snapshots__/Banner.test.tsx.snap
new file mode 100644
index 00000000000..50b8cb4d07c
--- /dev/null
+++ b/packages/shared-components/src/room/composer/Banner/__snapshots__/Banner.test.tsx.snap
@@ -0,0 +1,299 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`AvatarWithDetails > renders a banner with an action 1`] = `
+<div>
+  <div
+    class="Banner-module_banner"
+  >
+    <div
+      class="Banner-module_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="Banner-module_content"
+    >
+      <p>
+        Alice's (
+        <b>
+          @alice:example.com
+        </b>
+        ) identity was reset. 
+        <a
+          href="https://example.org"
+        >
+          Learn more
+        </a>
+      </p>
+    </div>
+    <div
+      class="Banner-module_actions"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="primary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Withdraw verification
+      </button>
+      <button
+        class="_button_1nw83_8"
+        data-kind="secondary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Dismiss
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`AvatarWithDetails > renders a banner with an avatar iamge 1`] = `
+<div>
+  <div
+    class="Banner-module_banner"
+  >
+    <div
+      class="Banner-module_icon"
+    >
+      <img
+        alt="Example"
+        src="/static/element.png"
+      />
+    </div>
+    <div
+      class="Banner-module_content"
+    >
+      <p>
+        Hello! This is a status banner.
+      </p>
+    </div>
+    <div
+      class="Banner-module_actions"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="secondary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Dismiss
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`AvatarWithDetails > renders a critical banner 1`] = `
+<div>
+  <div
+    class="Banner-module_banner"
+    data-type="critical"
+  >
+    <div
+      class="Banner-module_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 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>
+    <div
+      class="Banner-module_content"
+    >
+      <p>
+        Hello! This is a status banner.
+      </p>
+    </div>
+    <div
+      class="Banner-module_actions"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="secondary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Dismiss
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`AvatarWithDetails > renders a default banner 1`] = `
+<div>
+  <div
+    class="Banner-module_banner"
+  >
+    <div
+      class="Banner-module_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="Banner-module_content"
+    >
+      <p>
+        Hello! This is a status banner.
+      </p>
+    </div>
+    <div
+      class="Banner-module_actions"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="secondary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Dismiss
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`AvatarWithDetails > renders a info banner 1`] = `
+<div>
+  <div
+    class="Banner-module_banner"
+    data-type="info"
+  >
+    <div
+      class="Banner-module_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="Banner-module_content"
+    >
+      <p>
+        Hello! This is a status banner.
+      </p>
+    </div>
+    <div
+      class="Banner-module_actions"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="secondary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Dismiss
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`AvatarWithDetails > renders a success banner 1`] = `
+<div>
+  <div
+    class="Banner-module_banner"
+    data-type="success"
+  >
+    <div
+      class="Banner-module_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="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>
+    </div>
+    <div
+      class="Banner-module_content"
+    >
+      <p>
+        Hello! This is a status banner.
+      </p>
+    </div>
+    <div
+      class="Banner-module_actions"
+    >
+      <button
+        class="_button_1nw83_8"
+        data-kind="secondary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Dismiss
+      </button>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/composer/Banner/index.ts b/packages/shared-components/src/room/composer/Banner/index.ts
new file mode 100644
index 00000000000..5945ff8fd12
--- /dev/null
+++ b/packages/shared-components/src/room/composer/Banner/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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.
+ */
+
+export * from "./Banner";
diff --git a/packages/shared-components/src/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.module.css b/packages/shared-components/src/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.module.css
new file mode 100644
index 00000000000..4db55d85e02
--- /dev/null
+++ b/packages/shared-components/src/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.module.css
@@ -0,0 +1,50 @@
+/*
+ * 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.
+ */
+
+.container {
+    container-type: inline-size;
+    container-name: banner;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--cpd-space-4x);
+    padding: var(--cpd-space-3x) var(--cpd-space-4x);
+    border-top: 1px solid var(--cpd-color-gray-400);
+
+    > div {
+        display: flex;
+        gap: var(--cpd-space-4x);
+        align-items: center;
+    }
+
+    .text {
+        display: flex;
+        flex-direction: column;
+        > a {
+            color: var(--cpd-color-text-action-accent);
+            font-weight: 400;
+            font-size: 13px;
+        }
+        > .description {
+            margin: 0;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 1;
+            line-clamp: 1;
+            overflow: hidden;
+            /* Cap the max width of a line so it doesn't go on forever. */
+            max-width: 40em;
+        }
+    }
+}
+
+.image {
+    width: 40px;
+    height: 40px;
+    border-radius: 6px;
+    object-fit: scale-down;
+}
diff --git a/packages/shared-components/src/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx b/packages/shared-components/src/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx
new file mode 100644
index 00000000000..f32e835e03a
--- /dev/null
+++ b/packages/shared-components/src/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.stories.tsx
@@ -0,0 +1,121 @@
+/*
+ * 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 siteIconFile from "../../../../static/element.png";
+import imagePreviewFile from "../../../../static/wideImage.png";
+import { MessageComposerUrlPreviewView, type MessageComposerUrlPreviewSnapshot } from "./MessageComposerUrlPreview";
+import { useMockedViewModel } from "../../../core/viewmodel";
+import { LinkedTextContext } from "../../../core/utils/LinkedText";
+import { withViewDocs } from "../../../../.storybook/withViewDocs";
+
+type MessageComposerUrlPreviewWrapperProps = MessageComposerUrlPreviewSnapshot;
+
+const MessageComposerUrlPreviewViewWrapperImpl = ({
+    ...rest
+}: MessageComposerUrlPreviewWrapperProps): JSX.Element | null => {
+    const vm = useMockedViewModel(rest, {});
+    return (
+        <LinkedTextContext.Provider value={{}}>
+            <MessageComposerUrlPreviewView vm={vm} />
+        </LinkedTextContext.Provider>
+    );
+};
+
+const MessageComposerUrlPreviewViewWrapper = withViewDocs(
+    MessageComposerUrlPreviewViewWrapperImpl,
+    MessageComposerUrlPreviewView,
+);
+
+export default {
+    title: "Composer/MessageComposerUrlPreview",
+    component: MessageComposerUrlPreviewViewWrapper,
+    tags: ["autodocs"],
+    args: {},
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/sI9A2kV2K4xeiyqJsL7Ey3/Link-Previews?node-id=243-8476&t=NNrkR2fxEeVenjbU-0",
+        },
+    },
+} satisfies Meta<typeof MessageComposerUrlPreviewViewWrapper>;
+
+const Template: StoryFn<typeof MessageComposerUrlPreviewViewWrapper> = (args) => (
+    <MessageComposerUrlPreviewViewWrapper {...args} />
+);
+
+export const Default = Template.bind({});
+Default.args = {
+    previews: [
+        {
+            title: "A simple title",
+            description: "A simple description",
+            link: "https://matrix.org",
+            siteName: "matrix.org",
+            showTooltipOnLink: false,
+        },
+    ],
+};
+
+export const WithImage = Template.bind({});
+WithImage.args = {
+    previews: [
+        {
+            ...Default.args.previews![0]!,
+            image: {
+                imageThumb: imagePreviewFile,
+                imageFull: imagePreviewFile,
+                alt: "The element logo",
+                playable: false,
+                mxcImageFull: "mxc://server/file",
+            },
+        },
+    ],
+};
+export const WithImageAndSiteIcon = Template.bind({});
+WithImageAndSiteIcon.args = {
+    previews: [
+        {
+            ...Default.args.previews![0]!,
+            siteIcon: siteIconFile,
+            image: {
+                imageThumb: imagePreviewFile,
+                imageFull: imagePreviewFile,
+                alt: "The element logo",
+                playable: false,
+                mxcImageFull: "mxc://server/file",
+            },
+        },
+    ],
+};
+
+export const WithImageAndLoadsOfText = Template.bind({});
+WithImageAndLoadsOfText.args = {
+    previews: [
+        {
+            ...Default.args.previews![0]!,
+            description: `Molestiae aliquam quos possimus molestiae id sit nulla rerum. Sunt cumque illum alias. Illo ipsa ut iure quia nulla magnam repellat.
+
+    Esse velit corporis sapiente temporibus quia ipsam. Pariatur est rem veritatis. Inventore sit consequatur odio ipsa error non assumenda. Est eum ex dignissimos voluptatibus voluptatem delectus modi. Nisi quia eius ea quibusdam. Aut eveniet maxime non.
+
+    Impedit qui minus soluta cupiditate. Illo blanditiis sint et dolores rem consequuntur rerum ut. Delectus tempore dolorem veritatis odit enim ut dolores. Sit quae rerum explicabo consequatur tenetur. Labore in doloremque libero.
+
+    Incidunt ut ea quae nobis. Reiciendis inventore quas qui eum voluptatem ex et qui. Adipisci quibusdam dolores hic inventore et suscipit cupiditate consequuntur.
+
+    Temporibus similique sint quo. Omnis tempora quidem explicabo in quidem magnam quia. Aut sunt accusantium ut et ut laborum debitis in. Enim nihil sit consectetur facilis quidem voluptatem. Quod impedit odit veritatis est laudantium tempore sit labore. Atque minima aliquam nostrum et.`,
+            image: {
+                imageThumb: imagePreviewFile,
+                imageFull: imagePreviewFile,
+                alt: "The element logo",
+                playable: false,
+                mxcImageFull: "mxc://server/file",
+            },
+        },
+    ],
+};
diff --git a/packages/shared-components/src/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.test.tsx b/packages/shared-components/src/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.test.tsx
new file mode 100644
index 00000000000..fc4022b2f81
--- /dev/null
+++ b/packages/shared-components/src/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.test.tsx
@@ -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.
+ */
+
+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 "./MessageComposerUrlPreview.stories.tsx";
+
+const { Default, WithImage } = composeStories(stories);
+
+describe("MessageComposerUrlPreview", () => {
+    it("renders a preview", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders a preview with an image", () => {
+        const { container } = render(<WithImage />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.tsx b/packages/shared-components/src/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.tsx
new file mode 100644
index 00000000000..4312cad8c21
--- /dev/null
+++ b/packages/shared-components/src/room/composer/MessageComposerUrlPreview/MessageComposerUrlPreview.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 } from "react";
+import { Text } from "@vector-im/compound-web";
+import classNames from "classnames";
+
+import { type UrlPreview } from "../../timeline/event-tile/UrlPreviewGroupView";
+import styles from "./MessageComposerUrlPreview.module.css";
+import { LinkSiteName, LinkTitle } from "../../timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview";
+import { useViewModel, type ViewModel } from "../../../core/viewmodel";
+
+/** Snapshot data for rendering a URL preview attached to the composer. */
+export interface MessageComposerUrlPreviewSnapshot {
+    /** URL preview to render. */
+    previews: UrlPreview[];
+    /** Content of the composer when the snapshot is computed */
+    content: string;
+}
+
+/** Props for MessageComposerUrlPreviewView. */
+export interface MessageComposerUrlPreviewProps {
+    /**
+     * The view model for the component.
+     */
+    vm: ViewModel<MessageComposerUrlPreviewSnapshot>;
+    /**
+     * Extra CSS classes to apply to the component.
+     */
+    className?: string;
+}
+
+/**
+ * MessageComposerUrlPreviewView renders a preview of all previewable URLs above the messasge composer.
+ */
+export function MessageComposerUrlPreviewView({ vm, className }: MessageComposerUrlPreviewProps): JSX.Element | null {
+    const { previews } = useViewModel(vm);
+    if (previews.length === 0) {
+        return null;
+    }
+
+    // Show only the first preview to revert back to previous behaviour
+    // But have previews fetch all URL previews in the message text
+    const previewViews = previews.slice(0, 1).map((preview) => (
+        <div key={preview.link} className={classNames(className, styles.container)}>
+            <div>
+                {preview?.image?.imageThumb && (
+                    <img className={styles.image} src={preview.image?.imageThumb} alt={preview.image.alt} />
+                )}
+                <div className={styles.text}>
+                    <LinkSiteName {...preview} />
+                    <LinkTitle {...preview} />
+                    <Text className={styles.description}>{preview?.description}</Text>
+                </div>
+            </div>
+        </div>
+    ));
+
+    return <>{previewViews}</>;
+}
diff --git a/packages/shared-components/src/room/composer/MessageComposerUrlPreview/__snapshots__/MessageComposerUrlPreview.test.tsx.snap b/packages/shared-components/src/room/composer/MessageComposerUrlPreview/__snapshots__/MessageComposerUrlPreview.test.tsx.snap
new file mode 100644
index 00000000000..3872de585c9
--- /dev/null
+++ b/packages/shared-components/src/room/composer/MessageComposerUrlPreview/__snapshots__/MessageComposerUrlPreview.test.tsx.snap
@@ -0,0 +1,80 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`MessageComposerUrlPreview > renders a preview 1`] = `
+<div>
+  <div
+    class="MessageComposerUrlPreview-module_container"
+  >
+    <div>
+      <div
+        class="MessageComposerUrlPreview-module_text"
+      >
+        <div
+          class="LinkPreview-module_siteName"
+        >
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+          >
+            matrix.org
+          </span>
+        </div>
+        <a
+          class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+          href="https://matrix.org"
+          rel="noreferrer noopener"
+          target="_blank"
+        >
+          A simple title
+        </a>
+        <p
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 MessageComposerUrlPreview-module_description"
+        >
+          A simple description
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`MessageComposerUrlPreview > renders a preview with an image 1`] = `
+<div>
+  <div
+    class="MessageComposerUrlPreview-module_container"
+  >
+    <div>
+      <img
+        alt="The element logo"
+        class="MessageComposerUrlPreview-module_image"
+        src="/static/wideImage.png"
+      />
+      <div
+        class="MessageComposerUrlPreview-module_text"
+      >
+        <div
+          class="LinkPreview-module_siteName"
+        >
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+          >
+            matrix.org
+          </span>
+        </div>
+        <a
+          class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+          href="https://matrix.org"
+          rel="noreferrer noopener"
+          target="_blank"
+        >
+          A simple title
+        </a>
+        <p
+          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 MessageComposerUrlPreview-module_description"
+        >
+          A simple description
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/composer/MessageComposerUrlPreview/index.ts b/packages/shared-components/src/room/composer/MessageComposerUrlPreview/index.ts
new file mode 100644
index 00000000000..b1d28063ff2
--- /dev/null
+++ b/packages/shared-components/src/room/composer/MessageComposerUrlPreview/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 * from "./MessageComposerUrlPreview";
diff --git a/packages/shared-components/src/room/composer/UploadButton/UploadButton.stories.tsx b/packages/shared-components/src/room/composer/UploadButton/UploadButton.stories.tsx
new file mode 100644
index 00000000000..fd32e8702f4
--- /dev/null
+++ b/packages/shared-components/src/room/composer/UploadButton/UploadButton.stories.tsx
@@ -0,0 +1,93 @@
+/*
+ * 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 { type StoryObj, type Meta } from "@storybook/react-vite";
+import { fn } from "storybook/test";
+import { AttachmentIcon, ReactionIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { UploadButton, type UploadButtonViewActions, type UploadButtonViewSnapshot } from "./UploadButton";
+import { useMockedViewModel } from "../../../core/viewmodel";
+import { withViewDocs } from "../../../../.storybook/withViewDocs";
+
+const UploadButtonWrapperImpl = ({
+    onUploadOptionSelected,
+    defaultOpen,
+    ...rest
+}: UploadButtonViewSnapshot & UploadButtonViewActions & { defaultOpen: boolean }): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onUploadOptionSelected,
+    });
+    return <UploadButton defaultOpen={defaultOpen} vm={vm} />;
+};
+
+const UploadButtonWrapper = withViewDocs(UploadButtonWrapperImpl, UploadButton);
+
+const meta = {
+    title: "Room/UploadButton",
+    component: UploadButtonWrapper,
+    tags: ["autodocs"],
+    args: {
+        defaultOpen: false,
+        onUploadOptionSelected: fn(),
+        options: [
+            {
+                type: "local",
+                label: "Attachment",
+                icon: AttachmentIcon,
+            },
+            {
+                label: "Fun Button",
+                icon: ReactionIcon,
+                type: "fun",
+            },
+        ],
+    },
+} satisfies Meta<typeof UploadButtonWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithOneOption: Story = {
+    // No visible difference
+    tags: ["skip-test"],
+    args: {
+        options: [
+            {
+                type: "local",
+                label: "Attachment",
+                icon: AttachmentIcon,
+            },
+        ],
+    },
+};
+
+export const WithOpen: Story = {
+    args: {
+        defaultOpen: true,
+    },
+    parameters: {
+        a11y: {
+            config: {
+                rules: [
+                    {
+                        // Menu contains a header which is invalid
+                        id: "aria-required-children",
+                        enabled: false,
+                    },
+                    {
+                        // Menu pops open by default
+                        id: "aria-hidden-focus",
+                        enabled: false,
+                    },
+                ],
+            },
+        },
+    },
+};
diff --git a/packages/shared-components/src/room/composer/UploadButton/UploadButton.test.tsx b/packages/shared-components/src/room/composer/UploadButton/UploadButton.test.tsx
new file mode 100644
index 00000000000..8781a58ba28
--- /dev/null
+++ b/packages/shared-components/src/room/composer/UploadButton/UploadButton.test.tsx
@@ -0,0 +1,46 @@
+/*
+ * 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 { render, screen } from "@test-utils";
+import { describe, it, expect } from "vitest";
+import { composeStories } from "@storybook/react-vite";
+import { userEvent } from "vitest/browser";
+import { fn } from "storybook/test";
+
+import * as stories from "./UploadButton.stories.tsx";
+
+const { Default, WithOneOption } = composeStories(stories);
+
+describe("UploadButton", () => {
+    it("renders a default button", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+    it("will provide one option when only one is available", async () => {
+        userEvent.setup();
+        const onUploadOptionSelected = fn();
+        const { getByRole } = render(<WithOneOption onUploadOptionSelected={onUploadOptionSelected} />);
+        await userEvent.click(getByRole("button", { name: "Attachment" }));
+        expect(onUploadOptionSelected).toHaveBeenCalledWith("local");
+    });
+    it("can open the menu and select an option", async () => {
+        const onUploadOptionSelected = fn();
+        const { container, getByRole } = render(<Default onUploadOptionSelected={onUploadOptionSelected} />);
+        await userEvent.click(getByRole("button", { name: "Attachment" }));
+        expect(container).toMatchSnapshot();
+        await userEvent.click(screen.getByRole("menuitem", { name: "Fun Button" }));
+        expect(onUploadOptionSelected).toHaveBeenCalledWith("fun");
+    });
+    it("can ctrl click to get the first option", async () => {
+        userEvent.setup();
+        const onUploadOptionSelected = fn();
+        const { getByRole } = render(<Default onUploadOptionSelected={onUploadOptionSelected} />);
+        await userEvent.keyboard("[ControlLeft>]");
+        await userEvent.click(getByRole("button", { name: "Attachment" }));
+        expect(onUploadOptionSelected).toHaveBeenCalledWith("local");
+    });
+});
diff --git a/packages/shared-components/src/room/composer/UploadButton/UploadButton.tsx b/packages/shared-components/src/room/composer/UploadButton/UploadButton.tsx
new file mode 100644
index 00000000000..bc488e3aa8f
--- /dev/null
+++ b/packages/shared-components/src/room/composer/UploadButton/UploadButton.tsx
@@ -0,0 +1,112 @@
+/*
+ * 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 ReactElement,
+    type PropsWithChildren,
+    useState,
+    type ComponentProps,
+    type SVGAttributes,
+    type ComponentType,
+    useCallback,
+    type MouseEventHandler,
+} from "react";
+import { IconButton, Menu, MenuItem } from "@vector-im/compound-web";
+import { AttachmentIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { useI18n } from "../../../core/i18n/i18nContext";
+import { useViewModel, type ViewModel } from "../../../core/viewmodel";
+
+export interface UploadButtonViewSnapshot {
+    options: { type: string; label: string; icon?: ComponentType<SVGAttributes<SVGElement>> }[];
+}
+
+export interface UploadButtonViewActions {
+    onUploadOptionSelected(this: void, type: string): void;
+}
+
+/**
+ * A composer button to initiate uploading files. The button may also be
+ * Ctrl+Clicked to pick the first option automatically.
+ *
+ * @example
+ * ```tsx
+ *   <UploadButton vm={} />
+ * ```
+ */
+export function UploadButton({
+    vm,
+    defaultOpen = false,
+    ...rootButtonProps
+}: PropsWithChildren<
+    { vm: ViewModel<UploadButtonViewSnapshot, UploadButtonViewActions>; defaultOpen?: boolean } & ComponentProps<
+        typeof IconButton
+    >
+>): ReactElement {
+    const i18n = useI18n();
+    const [open, setOpen] = useState(defaultOpen);
+    const { options } = useViewModel(vm);
+
+    // Ctrl+click is a shortcut to selecting the first item.
+    const onMenuClick: MouseEventHandler<HTMLButtonElement> = useCallback(
+        (ev) => {
+            if (!ev.ctrlKey) {
+                return;
+            }
+            ev.preventDefault();
+            ev.stopPropagation();
+            vm.onUploadOptionSelected(options[0].type);
+        },
+        [options, vm],
+    );
+    if (options.length === 1) {
+        const { label, icon: Icon } = options[0];
+        return (
+            <IconButton
+                size="26px"
+                {...rootButtonProps}
+                tooltip={label}
+                aria-label={label}
+                onClick={() => vm.onUploadOptionSelected(options[0].type)}
+            >
+                {Icon ? <Icon /> : <AttachmentIcon />}
+            </IconButton>
+        );
+    }
+
+    const trigger = (
+        <IconButton
+            {...rootButtonProps}
+            size="26px"
+            tooltip={i18n.translate("common|attachment")}
+            onClick={onMenuClick}
+            title={i18n.translate("common|attachment")}
+        >
+            <AttachmentIcon />
+        </IconButton>
+    );
+
+    return (
+        <Menu
+            side="top"
+            title={i18n.translate("common|attachment")}
+            showTitle={false}
+            trigger={trigger}
+            open={open}
+            onOpenChange={(o) => setOpen(o)}
+        >
+            {options.map((o) => (
+                <MenuItem
+                    key={o.label}
+                    label={o.label}
+                    Icon={o.icon}
+                    onSelect={() => vm.onUploadOptionSelected(o.type)}
+                />
+            ))}
+        </Menu>
+    );
+}
diff --git a/packages/shared-components/src/room/composer/UploadButton/__snapshots__/UploadButton.test.tsx.snap b/packages/shared-components/src/room/composer/UploadButton/__snapshots__/UploadButton.test.tsx.snap
new file mode 100644
index 00000000000..860dea27568
--- /dev/null
+++ b/packages/shared-components/src/room/composer/UploadButton/__snapshots__/UploadButton.test.tsx.snap
@@ -0,0 +1,79 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`UploadButton > can open the menu and select an option 1`] = `
+<div
+  aria-hidden="true"
+  data-aria-hidden="true"
+>
+  <button
+    aria-controls="radix-react-use-id-1"
+    aria-disabled="false"
+    aria-expanded="true"
+    aria-haspopup="menu"
+    aria-labelledby="react-use-id-2"
+    class="_icon-button_1215g_8"
+    data-kind="primary"
+    data-state="open"
+    id="radix-react-use-id-3"
+    role="button"
+    style="--cpd-icon-button-size: 26px;"
+    tabindex="0"
+    title="Attachment"
+    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="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>
+    </div>
+  </button>
+</div>
+`;
+
+exports[`UploadButton > renders a default button 1`] = `
+<div>
+  <button
+    aria-disabled="false"
+    aria-expanded="false"
+    aria-haspopup="menu"
+    aria-labelledby="react-use-id-1"
+    class="_icon-button_1215g_8"
+    data-kind="primary"
+    data-state="closed"
+    id="radix-react-use-id-2"
+    role="button"
+    style="--cpd-icon-button-size: 26px;"
+    tabindex="0"
+    title="Attachment"
+    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="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>
+    </div>
+  </button>
+</div>
+`;
diff --git a/packages/shared-components/src/room/composer/UploadButton/index.ts b/packages/shared-components/src/room/composer/UploadButton/index.ts
new file mode 100644
index 00000000000..2bbcd04eaa1
--- /dev/null
+++ b/packages/shared-components/src/room/composer/UploadButton/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 "./UploadButton";
diff --git a/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx
new file mode 100644
index 00000000000..3e127e7972d
--- /dev/null
+++ b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx
@@ -0,0 +1,87 @@
+/*
+ * 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, StoryObj } from "@storybook/react-vite";
+import {
+    type WidgetContextMenuViewActions,
+    type WidgetContextMenuViewSnapshot,
+    WidgetContextMenuView,
+} from "./WidgetContextMenuView";
+import { useMockedViewModel } from "../../../core/viewmodel/useMockedViewModel";
+import { withViewDocs } from "../../../../.storybook/withViewDocs";
+
+type WidgetContextMenuViewModelProps = WidgetContextMenuViewSnapshot & WidgetContextMenuViewActions;
+
+const WidgetContextMenuViewWrapperImpl = ({
+    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} />;
+};
+const WidgetContextMenuViewWrapper = withViewDocs(WidgetContextMenuViewWrapperImpl, WidgetContextMenuView);
+
+const meta = {
+    title: "Room/WidgetContextMenuView",
+    component: WidgetContextMenuViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        showStreamAudioStreamButton: true,
+        showEditButton: true,
+        showRevokeButton: true,
+        showDeleteButton: true,
+        showSnapshotButton: true,
+        showMoveButtons: [true, true],
+        canModify: true,
+        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(),
+    },
+} satisfies Meta<typeof WidgetContextMenuViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof WidgetContextMenuViewWrapper>;
+
+export const Default: Story = {};
+
+export const OnlyBasicModification: Story = {
+    args: {
+        showSnapshotButton: false,
+        showMoveButtons: [false, false],
+        showStreamAudioStreamButton: false,
+        showEditButton: false,
+    },
+};
diff --git a/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.test.tsx b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.test.tsx
new file mode 100644
index 00000000000..073d2bb963b
--- /dev/null
+++ b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/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 WidgetContextMenuViewActions,
+    type WidgetContextMenuViewSnapshot,
+    WidgetContextMenuView,
+} from "./WidgetContextMenuView";
+import * as stories from "./WidgetContextMenuView.stories.tsx";
+import { MockViewModel } from "../../../core/viewmodel/MockViewModel.ts";
+import { I18nApi } from "../../../core/i18n/I18nApi.ts";
+import { I18nContext } from "../../../core/i18n/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<WidgetContextMenuViewSnapshot>
+        implements WidgetContextMenuViewActions
+    {
+        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: WidgetContextMenuViewSnapshot = {
+        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/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.tsx b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.tsx
new file mode 100644
index 00000000000..1cad04b59e0
--- /dev/null
+++ b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/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 "../../../core/viewmodel/ViewModel.ts";
+import { useI18n } from "../../../core/i18n/i18nContext.ts";
+import { useViewModel } from "../../../core/viewmodel/useViewModel.ts";
+
+export interface WidgetContextMenuViewSnapshot {
+    /**
+     * 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 WidgetContextMenuViewActions {
+    /**
+     * 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<WidgetContextMenuViewSnapshot, WidgetContextMenuViewActions>;
+
+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/room/right-panel/WidgetContextMenuView/__snapshots__/WidgetContextMenuView.test.tsx.snap b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/__snapshots__/WidgetContextMenuView.test.tsx.snap
new file mode 100644
index 00000000000..1241161dfa6
--- /dev/null
+++ b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/__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-react-use-id-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-react-use-id-2"
+    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-react-use-id-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-react-use-id-2"
+    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/room/right-panel/WidgetContextMenuView/index.ts b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/index.ts
new file mode 100644
index 00000000000..57b5a911b72
--- /dev/null
+++ b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/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 { WidgetContextMenuViewSnapshot, WidgetContextMenuViewModel } from "./WidgetContextMenuView";
+export { WidgetContextMenuView } from "./WidgetContextMenuView";
diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorButton.tsx b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorButton.tsx
new file mode 100644
index 00000000000..d259d3325fc
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorButton.tsx
@@ -0,0 +1,59 @@
+/*
+ * 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, { forwardRef } from "react";
+import { Heading, Tooltip } from "@vector-im/compound-web";
+import ChevronDownIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-down";
+
+import { Flex } from "../../../core/utils/Flex";
+import { useI18n } from "../../../core/i18n/i18nContext";
+
+/** Props for DateSeparatorButton. */
+export interface DateSeparatorButtonProps {
+    /** Visible date label shown in the separator button. */
+    label: string;
+    /** Controls tooltip visibility when parent manages open state. */
+    tooltipOpen?: boolean;
+    /** Extra CSS classes to apply to the component. */
+    className?: string;
+    /** Called when the pointer enters the button trigger. */
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    /** Called when the pointer leaves the button trigger. */
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    /** Called when the button trigger receives focus. */
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    /** Called when the button trigger loses focus. */
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+}
+
+/** Interactive date separator button that forwards its ref to the underlying trigger element used by Compound Menu. */
+export const DateSeparatorButton = forwardRef<HTMLDivElement, DateSeparatorButtonProps>(function DateSeparatorButton(
+    { label, tooltipOpen, className, ...props },
+    forwardedRef,
+): React.ReactNode {
+    const { translate: _t } = useI18n();
+
+    return (
+        <Tooltip description={_t("room|jump_to_date")} placement="right" open={tooltipOpen}>
+            <Flex
+                ref={forwardedRef}
+                data-testid="jump-to-date-separator-button"
+                className={className}
+                aria-live="off"
+                aria-label={_t("room|jump_to_date")}
+                role="button"
+                tabIndex={0}
+                {...props}
+            >
+                <Heading as="h2" size="lg" aria-hidden="true">
+                    {label}
+                </Heading>
+                <ChevronDownIcon />
+            </Flex>
+        </Tooltip>
+    );
+});
diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorContextMenuView.module.css b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorContextMenuView.module.css
new file mode 100644
index 00000000000..75aa130936d
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorContextMenuView.module.css
@@ -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.
+ */
+
+.picker_menu {
+    max-inline-size: none;
+    padding: 0;
+    gap: 0;
+}
+
+.picker_menu_item {
+    padding: var(--cpd-space-3x) var(--cpd-space-5x);
+}
+
+.picker_separator {
+    margin-inline: 0;
+}
diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorContextMenuView.test.tsx b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorContextMenuView.test.tsx
new file mode 100644
index 00000000000..90c2c804e9f
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorContextMenuView.test.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 from "react";
+import { fireEvent, render, screen } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+
+import { type DateSeparatorViewModel, type DateSeparatorViewSnapshot } from "./DateSeparatorView";
+import { DateSeparatorContextMenuView } from "./DateSeparatorContextMenuView";
+
+class TestDateSeparatorViewModel implements DateSeparatorViewModel {
+    private listeners = new Set<() => void>();
+
+    public constructor(private snapshot: DateSeparatorViewSnapshot) {}
+
+    public getSnapshot = (): DateSeparatorViewSnapshot => this.snapshot;
+
+    public subscribe = (listener: () => void): (() => void) => {
+        this.listeners.add(listener);
+        return () => this.listeners.delete(listener);
+    };
+
+    public onLastWeekPicked = vi.fn<() => void>();
+    public onLastMonthPicked = vi.fn<() => void>();
+    public onBeginningPicked = vi.fn<() => void>();
+    public onDatePicked = vi.fn<(dateString: string) => void>();
+}
+
+function renderMenu({
+    open = true,
+    jumpToEnabled = true,
+    onOpenChange = vi.fn<(open: boolean) => void>(),
+}: {
+    open?: boolean;
+    jumpToEnabled?: boolean;
+    onOpenChange?: (open: boolean) => void;
+} = {}): { vm: TestDateSeparatorViewModel; onOpenChange: (open: boolean) => void } {
+    const vm = new TestDateSeparatorViewModel({
+        label: "Today",
+        jumpToEnabled,
+        jumpFromDate: "2025-01-15",
+    });
+
+    render(
+        <DateSeparatorContextMenuView
+            vm={vm}
+            open={open}
+            onOpenChange={onOpenChange}
+            trigger={
+                <button type="button" data-testid="jump-to-trigger">
+                    Trigger
+                </button>
+            }
+        />,
+    );
+
+    return { vm, onOpenChange };
+}
+
+describe("DateSeparatorContextMenuView", () => {
+    it("renders menu actions and date picker when open", () => {
+        renderMenu({ open: true, jumpToEnabled: true });
+
+        expect(screen.getByTestId("jump-to-date-last-week")).toBeInTheDocument();
+        expect(screen.getByTestId("jump-to-date-last-month")).toBeInTheDocument();
+        expect(screen.getByTestId("jump-to-date-beginning")).toBeInTheDocument();
+        expect(screen.getByTestId("jump-to-date-picker")).toBeInTheDocument();
+    });
+
+    it("calls onOpenChange for opening and closing transitions", async () => {
+        const user = userEvent.setup();
+        const onOpenChange = vi.fn<(open: boolean) => void>();
+
+        renderMenu({ open: false, jumpToEnabled: true, onOpenChange });
+        await user.click(screen.getByTestId("jump-to-trigger"));
+        expect(onOpenChange).toHaveBeenCalledWith(true);
+
+        renderMenu({ open: true, jumpToEnabled: true, onOpenChange });
+        await user.click(screen.getByTestId("jump-to-date-last-week"));
+        expect(onOpenChange).toHaveBeenCalledWith(false);
+    });
+
+    it("wires week/month/beginning menu actions to the correct callbacks", async () => {
+        const user = userEvent.setup();
+        const { vm } = renderMenu({ open: true, jumpToEnabled: true });
+
+        await user.click(screen.getByTestId("jump-to-date-last-week"));
+        await user.click(screen.getByTestId("jump-to-date-last-month"));
+        await user.click(screen.getByTestId("jump-to-date-beginning"));
+
+        expect(vm.onLastWeekPicked).toHaveBeenCalledTimes(1);
+        expect(vm.onLastMonthPicked).toHaveBeenCalledTimes(1);
+        expect(vm.onBeginningPicked).toHaveBeenCalledTimes(1);
+    });
+
+    it("submits date picker and closes the menu", async () => {
+        const user = userEvent.setup();
+        const onOpenChange = vi.fn<(open: boolean) => void>();
+        const { vm } = renderMenu({ open: true, jumpToEnabled: true, onOpenChange });
+
+        const dateInput = screen.getByLabelText("Pick a date to jump to");
+        fireEvent.input(dateInput, { target: { value: "2025-01-10" } });
+        await user.click(screen.getByRole("button", { name: "Go" }));
+
+        expect(vm.onDatePicked).toHaveBeenCalledWith("2025-01-10");
+        expect(onOpenChange).toHaveBeenCalledWith(false);
+    });
+
+    it("moves focus from date input to submit button on Tab", async () => {
+        const user = userEvent.setup();
+        renderMenu({ open: true, jumpToEnabled: true });
+
+        const dateInput = screen.getByLabelText("Pick a date to jump to");
+        const submitButton = screen.getByRole("button", { name: "Go" });
+        dateInput.focus();
+        await user.keyboard("{Tab}");
+
+        expect(submitButton).toHaveFocus();
+    });
+
+    it("moves focus from submit button back to date input on Shift+Tab", async () => {
+        const user = userEvent.setup();
+        renderMenu({ open: true, jumpToEnabled: true });
+
+        const dateInput = screen.getByLabelText("Pick a date to jump to");
+        const submitButton = screen.getByRole("button", { name: "Go" });
+        submitButton.focus();
+        await user.keyboard("{Shift>}{Tab}{/Shift}");
+
+        expect(dateInput).toHaveFocus();
+    });
+
+    it("closes the menu on Tab from the submit button", async () => {
+        const user = userEvent.setup();
+        const onOpenChange = vi.fn<(open: boolean) => void>();
+        const { vm } = renderMenu({ open: true, jumpToEnabled: true, onOpenChange });
+
+        const submitButton = screen.getByRole("button", { name: "Go" });
+        submitButton.focus();
+        await user.keyboard("{Tab}");
+
+        expect(onOpenChange).toHaveBeenCalledWith(false);
+        expect(vm.onDatePicked).not.toHaveBeenCalled();
+    });
+
+    it("submits date picker with Enter on the submit button", async () => {
+        const user = userEvent.setup();
+        const onOpenChange = vi.fn<(open: boolean) => void>();
+        const { vm } = renderMenu({ open: true, jumpToEnabled: true, onOpenChange });
+
+        const dateInput = screen.getByLabelText("Pick a date to jump to");
+        fireEvent.input(dateInput, { target: { value: "2025-01-11" } });
+
+        const submitButton = screen.getByRole("button", { name: "Go" });
+        submitButton.focus();
+        await user.keyboard("{Enter}");
+
+        expect(vm.onDatePicked).toHaveBeenCalledWith("2025-01-11");
+        expect(onOpenChange).toHaveBeenCalledWith(false);
+    });
+
+    it("submits date picker with Space on the submit button", async () => {
+        const user = userEvent.setup();
+        const onOpenChange = vi.fn<(open: boolean) => void>();
+        const { vm } = renderMenu({ open: true, jumpToEnabled: true, onOpenChange });
+
+        const dateInput = screen.getByLabelText("Pick a date to jump to");
+        fireEvent.input(dateInput, { target: { value: "2025-01-12" } });
+
+        const submitButton = screen.getByRole("button", { name: "Go" });
+        submitButton.focus();
+        await user.keyboard(" ");
+
+        expect(vm.onDatePicked).toHaveBeenCalledWith("2025-01-12");
+        expect(onOpenChange).toHaveBeenCalledWith(false);
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorContextMenuView.tsx b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorContextMenuView.tsx
new file mode 100644
index 00000000000..6137ddf327c
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorContextMenuView.tsx
@@ -0,0 +1,95 @@
+/*
+ * 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, useRef } from "react";
+import { Menu, MenuItem, Separator } from "@vector-im/compound-web";
+import { capitalize } from "lodash";
+
+import { useI18n } from "../../../core/i18n/i18nContext";
+import { humanizeRelativeTime } from "../../../core/utils/humanize";
+import { type DateSeparatorViewModel } from "./DateSeparatorView";
+import { DateSeparatorDatePickerView } from "./DateSeparatorDatePickerView";
+import styles from "./DateSeparatorContextMenuView.module.css";
+
+/**
+ * Props for DateSeparatorContextMenuView component.
+ */
+export interface DateSeparatorContextMenuViewProps {
+    /** The date separator view model. */
+    vm: DateSeparatorViewModel;
+    /** Whether the menu is open (controlled by the parent). */
+    open: boolean;
+    /** The element used as the menu trigger. */
+    trigger: React.ReactNode;
+    /** Called when the menu requests an open state change. */
+    onOpenChange?: (open: boolean) => void;
+}
+
+/**
+ * Date separator jump-to menu.
+ * Uses the wrapped child as the menu trigger.
+ */
+export const DateSeparatorContextMenuView: React.FC<PropsWithChildren<DateSeparatorContextMenuViewProps>> = ({
+    vm,
+    open,
+    trigger,
+    onOpenChange,
+}): JSX.Element => {
+    const i18n = useI18n();
+    const { translate: _t } = useI18n();
+    const dateInputRef = useRef<HTMLInputElement>(null);
+
+    const onKeyDown = (event: React.KeyboardEvent<HTMLElement>): void => {
+        if (event.key !== "ArrowDown") return;
+        event.preventDefault();
+        dateInputRef.current?.focus();
+    };
+
+    return (
+        <Menu
+            open={open}
+            onOpenChange={(newOpen) => {
+                onOpenChange?.(newOpen);
+            }}
+            title={_t("room|jump_to_date")}
+            showTitle={false}
+            trigger={trigger}
+            align="start"
+            className={styles.picker_menu}
+        >
+            <MenuItem
+                label={capitalize(humanizeRelativeTime(i18n).format(-1, "week"))}
+                onSelect={() => vm.onLastWeekPicked?.()}
+                data-testid="jump-to-date-last-week"
+                hideChevron={true}
+                className={styles.picker_menu_item}
+            />
+            <MenuItem
+                label={capitalize(humanizeRelativeTime(i18n).format(-1, "month"))}
+                onSelect={() => vm.onLastMonthPicked?.()}
+                data-testid="jump-to-date-last-month"
+                hideChevron={true}
+                className={styles.picker_menu_item}
+            />
+            <MenuItem
+                label={_t("room|jump_to_date_beginning")}
+                onSelect={() => vm.onBeginningPicked?.()}
+                data-testid="jump-to-date-beginning"
+                hideChevron={true}
+                className={styles.picker_menu_item}
+                onKeyDown={onKeyDown}
+            />
+            <Separator decorative className={styles.picker_separator} />
+            <DateSeparatorDatePickerView
+                vm={vm}
+                inputRef={dateInputRef}
+                onSubmitted={() => onOpenChange?.(false)}
+                onDismissed={() => onOpenChange?.(false)}
+            />
+        </Menu>
+    );
+};
diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorDatePickerView.module.css b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorDatePickerView.module.css
new file mode 100644
index 00000000000..f8e9894c38f
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorDatePickerView.module.css
@@ -0,0 +1,47 @@
+/*
+ * 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.
+ */
+
+.picker_menu_item {
+    padding: var(--cpd-space-3x) var(--cpd-space-5x);
+}
+
+.picker_form {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    padding: 0;
+    gap: var(--cpd-space-2x);
+    color: var(--cpd-color-text-primary);
+    font: var(--cpd-font-body-md-medium);
+}
+
+.picker_input {
+    &:focus-within {
+        border-color: var(--cpd-color-border-focused);
+    }
+}
+
+.picker_input_date {
+    font: inherit;
+    color-scheme: light;
+    padding: var(--cpd-space-2x);
+
+    :global(.cpd-theme-dark) &,
+    :global(.cpd-theme-dark-hc) & {
+        color-scheme: dark;
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    .picker_input_date {
+        color-scheme: dark;
+        :global(.cpd-theme-light) &,
+        :global(.cpd-theme-light-hc) & {
+            color-scheme: light;
+        }
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorDatePickerView.tsx b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorDatePickerView.tsx
new file mode 100644
index 00000000000..41285703ff2
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorDatePickerView.tsx
@@ -0,0 +1,132 @@
+/*
+ * 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, useRef, useState } from "react";
+import { Root, Submit, Field, TextControl, MenuItem } from "@vector-im/compound-web";
+
+import { formatDateForInput } from "../../../core/utils/DateUtils";
+import { useI18n } from "../../../core/i18n/i18nContext";
+import { useViewModel } from "../../../core/viewmodel";
+import { type DateSeparatorViewModel } from "./DateSeparatorView";
+import styles from "./DateSeparatorDatePickerView.module.css";
+
+/**
+ * Props for DateSeparatorDatePickerView component.
+ */
+export interface DateSeparatorDatePickerViewProps {
+    /** The date separator view model. */
+    vm: DateSeparatorViewModel;
+    /** Optional input ref shared with parent for focus management. */
+    inputRef?: React.RefObject<HTMLInputElement | null>;
+    /** Called after a date has been submitted. */
+    onSubmitted?: () => void;
+    /** Called when the picker is dismissed without submitting. */
+    onDismissed?: () => void;
+}
+
+/**
+ * Date picker menu item.
+ */
+export const DateSeparatorDatePickerView: React.FC<DateSeparatorDatePickerViewProps> = ({
+    vm,
+    inputRef,
+    onSubmitted,
+    onDismissed,
+}): JSX.Element => {
+    const snapshot = useViewModel(vm);
+    const date = snapshot.jumpFromDate ? new Date(snapshot.jumpFromDate) : new Date();
+    const dateInputDefaultValue = formatDateForInput(date);
+
+    const { translate: _t } = useI18n();
+    const dateInputId = useId();
+    const [dateValue, setDateValue] = useState(dateInputDefaultValue);
+    const localDateInputRef = useRef<HTMLInputElement>(null);
+    const dateInputRef = inputRef ?? localDateInputRef;
+    const submitButtonRef = useRef<HTMLButtonElement>(null);
+
+    const onDateInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {
+        if (event.key === "Tab") {
+            if (event.shiftKey) {
+                onDismissed?.();
+            } else {
+                event.preventDefault();
+                submitButtonRef.current?.focus();
+            }
+        }
+    };
+
+    const onDateValueInput = (event: React.InputEvent<HTMLInputElement>): void => {
+        setDateValue(event.currentTarget.value);
+    };
+
+    const submitDate = (): void => {
+        vm.onDatePicked?.(dateValue);
+        onSubmitted?.();
+    };
+
+    const onJumpToDateSubmit = (event: React.SubmitEvent<HTMLFormElement>): void => {
+        event.preventDefault();
+        submitDate();
+    };
+
+    const onSubmitButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>): void => {
+        if (event.key === "Tab") {
+            if (event.shiftKey) {
+                event.preventDefault();
+                dateInputRef.current?.focus();
+            } else {
+                onDismissed?.();
+            }
+        }
+
+        if (event.key == "Enter" || event.key == " " || event.key == "Spacebar") {
+            event.preventDefault();
+            submitDate();
+        }
+    };
+
+    const keepMenuOpenOnSelect = (event: Event): void => {
+        event.preventDefault();
+    };
+
+    return (
+        <MenuItem
+            as="div"
+            data-testid="jump-to-date-picker"
+            label={_t("room|jump_to_date")}
+            onSelect={keepMenuOpenOnSelect}
+            hideChevron={true}
+            className={styles.picker_menu_item}
+        >
+            <Root className={styles.picker_form} onSubmit={onJumpToDateSubmit}>
+                <Field name="jump-to-date-field" className={styles.picker_input}>
+                    <TextControl
+                        ref={dateInputRef}
+                        id={dateInputId}
+                        type="date"
+                        aria-label={_t("room|jump_to_date_prompt")}
+                        onInput={onDateValueInput}
+                        onKeyDown={onDateInputKeyDown}
+                        value={dateValue}
+                        max={formatDateForInput(new Date())}
+                        className={styles.picker_input_date}
+                    />
+                </Field>
+                <Submit
+                    ref={submitButtonRef}
+                    className={styles.picker_button}
+                    type="submit"
+                    kind="primary"
+                    size="md"
+                    onKeyDown={onSubmitButtonKeyDown}
+                >
+                    {_t("action|go")}
+                </Submit>
+            </Root>
+        </MenuItem>
+    );
+};
diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.module.css b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.module.css
new file mode 100644
index 00000000000..613a615881e
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.module.css
@@ -0,0 +1,25 @@
+/*
+ * 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 {
+    padding: 0 25px;
+    cursor: pointer;
+
+    h2 {
+        flex: 0 0 auto;
+        margin: 0;
+        font-size: inherit;
+        text-transform: capitalize;
+    }
+
+    svg {
+        align-self: center;
+        width: 16px;
+        height: 16px;
+        color: var(--cpd-color-icon-secondary);
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx
new file mode 100644
index 00000000000..add609722f5
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx
@@ -0,0 +1,92 @@
+/*
+ * 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 { expect, userEvent, within } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { DateSeparatorView, type DateSeparatorViewSnapshot, type DateSeparatorViewActions } from "./DateSeparatorView";
+import { useMockedViewModel } from "../../../core/viewmodel/useMockedViewModel";
+import { withViewDocs } from "../../../../.storybook/withViewDocs";
+
+type DateSeparatorProps = DateSeparatorViewSnapshot & DateSeparatorViewActions;
+
+const DateSeparatorViewWrapperImpl = ({
+    onLastWeekPicked,
+    onLastMonthPicked,
+    onBeginningPicked,
+    onDatePicked,
+    className,
+    ...rest
+}: DateSeparatorProps & { className?: string }): JSX.Element => {
+    const vm = useMockedViewModel(rest, { onLastWeekPicked, onLastMonthPicked, onBeginningPicked, onDatePicked });
+    return <DateSeparatorView vm={vm} className={className} />;
+};
+const DateSeparatorViewWrapper = withViewDocs(DateSeparatorViewWrapperImpl, DateSeparatorView);
+
+const meta = {
+    title: "Timeline/Timeline Meta/DateSeparatorView",
+    component: DateSeparatorViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        jumpToEnabled: { control: "boolean" },
+        jumpFromDate: { control: "text" },
+        className: { control: "text" },
+    },
+    args: {
+        label: "Today",
+    },
+} satisfies Meta<typeof DateSeparatorViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const HasExtraClassNames: Story = {
+    args: {
+        className: "extra_class_1 extra_class_2",
+    },
+};
+
+export const WithJumpToTooltip: Story = {
+    args: {
+        jumpToEnabled: true,
+        jumpFromDate: "2025-01-15",
+        onLastWeekPicked: () => console.log("onLastWeekPicked"),
+        onLastMonthPicked: () => console.log("onLastMonthPicked"),
+        onBeginningPicked: () => console.log("onBeginningPicked"),
+        onDatePicked: () => console.log("onDatePicked"),
+    },
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.hover(canvas.getByText("Today"));
+        await expect(within(canvasElement.ownerDocument.body).findByRole("tooltip")).resolves.toBeInTheDocument();
+    },
+};
+
+export const WithJumpToDatePicker: Story = {
+    args: {
+        jumpToEnabled: true,
+        jumpFromDate: "2025-01-15",
+        onLastWeekPicked: () => console.log("onLastWeekPicked"),
+        onLastMonthPicked: () => console.log("onLastMonthPicked"),
+        onBeginningPicked: () => console.log("onBeginningPicked"),
+        onDatePicked: () => console.log("onDatePicked"),
+    },
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.click(canvas.getByText("Today"));
+        await expect(within(canvasElement.ownerDocument.body).findByText("Jump to date")).resolves.toBeInTheDocument();
+    },
+};
+
+export const LongLocalizedLabel: Story = {
+    args: {
+        label: "Wednesday, December 17, 2025 at 11:59 PM Coordinated Universal Time",
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.test.tsx b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.test.tsx
new file mode 100644
index 00000000000..83eff4e179d
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.test.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 { render, screen, waitFor } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import React, { createRef } from "react";
+import { describe, it, expect } from "vitest";
+import userEvent from "@testing-library/user-event";
+
+import { BaseViewModel } from "../../../core/viewmodel/BaseViewModel";
+import { DateSeparatorButton } from "./DateSeparatorButton";
+import { DateSeparatorView, type DateSeparatorViewModel, type DateSeparatorViewSnapshot } from "./DateSeparatorView";
+import * as stories from "./DateSeparatorView.stories";
+
+const { Default, HasExtraClassNames, WithJumpToDatePicker, LongLocalizedLabel } = composeStories(stories);
+
+class MutableDateSeparatorViewModel
+    extends BaseViewModel<DateSeparatorViewSnapshot, undefined>
+    implements DateSeparatorViewModel
+{
+    public constructor(snapshot: DateSeparatorViewSnapshot) {
+        super(undefined, snapshot);
+    }
+
+    public setSnapshot(snapshot: DateSeparatorViewSnapshot): void {
+        this.snapshot.set(snapshot);
+    }
+
+    public onLastWeekPicked = (): void => undefined;
+    public onLastMonthPicked = (): void => undefined;
+    public onBeginningPicked = (): void => undefined;
+    public onDatePicked = (_dateString: string): void => undefined;
+}
+
+describe("DateSeparatorView", () => {
+    it("renders default story", () => {
+        const { container } = render(<Default />);
+        expect(screen.getByText("Today")).toBeInTheDocument();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders with extra class names", () => {
+        const { container } = render(<HasExtraClassNames />);
+        expect(container.firstElementChild).toHaveClass("extra_class_1");
+        expect(container.firstElementChild).toHaveClass("extra_class_2");
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders with jump to date picker story", async () => {
+        const { container } = render(<WithJumpToDatePicker />);
+        await userEvent.click(screen.getByTestId("jump-to-date-separator-button"));
+        await expect(screen.findByTestId("jump-to-date-last-week")).resolves.toBeInTheDocument();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders long localized label story", () => {
+        const { container } = render(<LongLocalizedLabel />);
+        expect(
+            screen.getByText("Wednesday, December 17, 2025 at 11:59 PM Coordinated Universal Time"),
+        ).toBeInTheDocument();
+        expect(container).toMatchSnapshot();
+    });
+
+    it("updates when view model snapshot changes", async () => {
+        const vm = new MutableDateSeparatorViewModel({ label: "Today" });
+        render(<DateSeparatorView vm={vm} />);
+
+        expect(screen.getByText("Today", { selector: "h2" })).toBeInTheDocument();
+        vm.setSnapshot({ label: "Yesterday" });
+        await waitFor(() => expect(screen.getByText("Yesterday", { selector: "h2" })).toBeInTheDocument());
+    });
+
+    it("forwards refs to the trigger element", () => {
+        const ref = createRef<HTMLDivElement>();
+
+        render(<DateSeparatorButton ref={ref} label="Today" />);
+
+        expect(ref.current).toBe(screen.getByTestId("jump-to-date-separator-button"));
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.tsx b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.tsx
new file mode 100644
index 00000000000..50aa7158763
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.tsx
@@ -0,0 +1,117 @@
+/*
+ * 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, useState } from "react";
+import { Heading } from "@vector-im/compound-web";
+
+import { type ViewModel } from "../../../core/viewmodel/ViewModel";
+import { useViewModel } from "../../../core/viewmodel/useViewModel";
+import styles from "./DateSeparatorView.module.css";
+import { Flex } from "../../../core/utils/Flex";
+import { TimelineSeparator } from "../TimelineSeparator";
+import { DateSeparatorContextMenuView } from "./DateSeparatorContextMenuView";
+import { DateSeparatorButton } from "./DateSeparatorButton";
+
+export interface DateSeparatorViewSnapshot {
+    /**
+     * Visible date label and the separator's accessible label.
+     */
+    label: string;
+    /**
+     * Controls whether the jump-to menu is rendered.
+     */
+    jumpToEnabled?: boolean;
+    /**
+     * Reference date as input format used to prefill the jump-to-date picker value.
+     */
+    jumpFromDate?: string;
+}
+
+export interface DateSeparatorViewActions {
+    /** Optional: Jump to messages from the last week. */
+    onLastWeekPicked?: () => void;
+    /** Optional: Jump to messages from the last month. */
+    onLastMonthPicked?: () => void;
+    /** Optional: Jump to the beginning of the room history. */
+    onBeginningPicked?: () => void;
+    /** Optional: Jump to the picked date of the room history. */
+    onDatePicked?: (date: string) => void;
+}
+
+/**
+ * The view model for the component.
+ */
+export type DateSeparatorViewModel = ViewModel<DateSeparatorViewSnapshot> & DateSeparatorViewActions;
+
+interface DateSeparatorViewProps {
+    /**
+     * The view model for the component.
+     */
+    vm: DateSeparatorViewModel;
+    /**
+     * Extra CSS classes to apply to the component.
+     */
+    className?: string;
+}
+
+/**
+ * Renders a timeline date separator.
+ * When `jumpToEnabled` is true, wraps the separator label with a jump-to menu trigger.
+ * The tooltip is disabled while the menu is open to avoid overlap.
+ *
+ * @example
+ * ```tsx
+ * <DateSeparatorView vm={vm} />
+ * ```
+ */
+export function DateSeparatorView({ vm, className }: Readonly<DateSeparatorViewProps>): JSX.Element {
+    const { label, jumpToEnabled } = useViewModel(vm);
+    const [isMenuOpen, setIsMenuOpen] = useState(false);
+    const [isTriggerHovered, setIsTriggerHovered] = useState(false);
+    const [isTriggerFocused, setIsTriggerFocused] = useState(false);
+    const onMenuOpenChange = (newOpen: boolean): void => {
+        setIsMenuOpen(newOpen);
+        if (newOpen) {
+            setIsTriggerHovered(false);
+            setIsTriggerFocused(false);
+        }
+    };
+
+    if (jumpToEnabled) {
+        return (
+            <TimelineSeparator label={label} className={classNames(className)} role="none">
+                <DateSeparatorContextMenuView
+                    vm={vm}
+                    open={isMenuOpen}
+                    onOpenChange={onMenuOpenChange}
+                    trigger={
+                        <DateSeparatorButton
+                            label={label}
+                            tooltipOpen={!isMenuOpen && (isTriggerHovered || isTriggerFocused)}
+                            className={styles.content}
+                            onMouseEnter={() => setIsTriggerHovered(true)}
+                            onMouseLeave={() => setIsTriggerHovered(false)}
+                            onFocus={(event) => setIsTriggerFocused(event.currentTarget.matches(":focus-visible"))}
+                            onBlur={() => setIsTriggerFocused(false)}
+                        />
+                    }
+                />
+            </TimelineSeparator>
+        );
+    }
+
+    return (
+        <TimelineSeparator label={label} className={classNames(className)}>
+            <Flex className={styles.content}>
+                <Heading as="h2" size="lg" aria-hidden="true">
+                    {label}
+                </Heading>
+            </Flex>
+        </TimelineSeparator>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/__snapshots__/DateSeparatorView.test.tsx.snap b/packages/shared-components/src/room/timeline/DateSeparatorView/__snapshots__/DateSeparatorView.test.tsx.snap
new file mode 100644
index 00000000000..0c87e7f34b2
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/DateSeparatorView/__snapshots__/DateSeparatorView.test.tsx.snap
@@ -0,0 +1,142 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`DateSeparatorView > renders default story 1`] = `
+<div>
+  <div
+    aria-label="Today"
+    class="Flex-module_flex TimelineSeparator-module_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"
+    />
+    <div
+      class="Flex-module_flex DateSeparatorView-module_content"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <h2
+        aria-hidden="true"
+        class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121"
+      >
+        Today
+      </h2>
+    </div>
+    <hr
+      role="none"
+    />
+  </div>
+</div>
+`;
+
+exports[`DateSeparatorView > renders long localized label story 1`] = `
+<div>
+  <div
+    aria-label="Wednesday, December 17, 2025 at 11:59 PM Coordinated Universal Time"
+    class="Flex-module_flex TimelineSeparator-module_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"
+    />
+    <div
+      class="Flex-module_flex DateSeparatorView-module_content"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <h2
+        aria-hidden="true"
+        class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121"
+      >
+        Wednesday, December 17, 2025 at 11:59 PM Coordinated Universal Time
+      </h2>
+    </div>
+    <hr
+      role="none"
+    />
+  </div>
+</div>
+`;
+
+exports[`DateSeparatorView > renders with extra class names 1`] = `
+<div>
+  <div
+    aria-label="Today"
+    class="Flex-module_flex extra_class_1 extra_class_2 TimelineSeparator-module_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"
+    />
+    <div
+      class="Flex-module_flex DateSeparatorView-module_content"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+    >
+      <h2
+        aria-hidden="true"
+        class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121"
+      >
+        Today
+      </h2>
+    </div>
+    <hr
+      role="none"
+    />
+  </div>
+</div>
+`;
+
+exports[`DateSeparatorView > renders with jump to date picker story 1`] = `
+<div>
+  <div
+    class="Flex-module_flex TimelineSeparator-module_timelineSeparator"
+    role="none"
+    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
+      aria-hidden="true"
+      data-aria-hidden="true"
+      role="none"
+    />
+    <div
+      aria-controls="radix-react-use-id-1"
+      aria-expanded="true"
+      aria-haspopup="menu"
+      aria-label="Jump to date"
+      aria-live="off"
+      class="Flex-module_flex DateSeparatorView-module_content"
+      data-state="open"
+      data-testid="jump-to-date-separator-button"
+      id="radix-react-use-id-2"
+      role="button"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      tabindex="0"
+      type="button"
+    >
+      <h2
+        aria-hidden="true"
+        class="_typography_6v6n8_153 _font-heading-lg-regular_6v6n8_121"
+      >
+        Today
+      </h2>
+      <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>
+    <hr
+      aria-hidden="true"
+      data-aria-hidden="true"
+      role="none"
+    />
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/index.ts b/packages/shared-components/src/room/timeline/DateSeparatorView/index.ts
new file mode 100644
index 00000000000..6fcfdb9ea65
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/DateSeparatorView/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 { DateSeparatorView, type DateSeparatorViewModel, type DateSeparatorViewSnapshot } from "./DateSeparatorView";
diff --git a/packages/shared-components/src/room/timeline/EventPresentation/EventPresentationContext.ts b/packages/shared-components/src/room/timeline/EventPresentation/EventPresentationContext.ts
new file mode 100644
index 00000000000..fdc239a75b4
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/EventPresentation/EventPresentationContext.ts
@@ -0,0 +1,56 @@
+/*
+ * 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, useContext } from "react";
+
+/** Event tile layout selected by the host surface. */
+export type EventLayout = "group" | "bubble" | "irc";
+
+/** Density variant applied within an event layout. */
+export type EventDensity = "default" | "compact";
+
+/** Presentation settings that shared event/timeline components can adapt to. */
+export interface EventPresentation {
+    /** Layout family used for event rendering. */
+    layout: EventLayout;
+    /** Spacing density used within the layout. */
+    density: EventDensity;
+}
+
+/** Default event presentation used when no provider is present. */
+export const DEFAULT_EVENT_PRESENTATION: EventPresentation = {
+    layout: "group",
+    density: "default",
+};
+
+const EventPresentationContext = createContext<EventPresentation>(DEFAULT_EVENT_PRESENTATION);
+EventPresentationContext.displayName = "EventPresentationContext";
+
+/** Provides event presentation settings to shared event/timeline components. */
+export const EventPresentationProvider = EventPresentationContext.Provider;
+
+/** Returns the current event presentation settings. */
+export function useEventPresentation(): EventPresentation {
+    return useContext(EventPresentationContext);
+}
+
+/** Returns the current event presentation settings attributes.
+ *
+ *  "data-event-layout": "group" | "bubble" | "irc"
+ *  "data-event-density": "default" | "compact"
+ */
+export function useEventPresentationAttributes(): {
+    "data-event-layout": EventLayout;
+    "data-event-density": EventDensity;
+} {
+    const { layout, density } = useEventPresentation();
+
+    return {
+        "data-event-layout": layout,
+        "data-event-density": density,
+    };
+}
diff --git a/packages/shared-components/src/room/timeline/EventPresentation/index.ts b/packages/shared-components/src/room/timeline/EventPresentation/index.ts
new file mode 100644
index 00000000000..cd21c7593be
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/EventPresentation/index.ts
@@ -0,0 +1,15 @@
+/*
+ * 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_EVENT_PRESENTATION,
+    EventPresentationProvider,
+    useEventPresentation,
+    type EventDensity,
+    type EventLayout,
+    type EventPresentation,
+} from "./EventPresentationContext";
diff --git a/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.module.css b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.module.css
new file mode 100644
index 00000000000..b2717d31b34
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.module.css
@@ -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.
+ */
+
+.readMarker {
+    height: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+}
+
+.line {
+    margin-top: 0;
+    position: relative;
+    top: -1px;
+    z-index: 1;
+    width: 99%;
+    opacity: 1;
+    border-top: solid 1px var(--cpd-color-icon-accent-tertiary);
+    border-bottom: solid 1px var(--cpd-color-icon-accent-tertiary);
+    will-change: width, opacity;
+    transition:
+        width 400ms easeinsine 1s,
+        opacity 400ms easeinsine 1s;
+}
diff --git a/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx
new file mode 100644
index 00000000000..226270e1409
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx
@@ -0,0 +1,60 @@
+/*
+ * 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 { ReadMarker, type ReadMarkerProps } from "./ReadMarker";
+
+const ReadMarkerWrapper = ({
+    className,
+    onCurrentMarkerRef,
+    onGhostLineRef,
+    onGhostTransitionEnd,
+    ...props
+}: Readonly<ReadMarkerProps>): JSX.Element => {
+    return (
+        <ul>
+            <ReadMarker
+                {...props}
+                className={className}
+                onCurrentMarkerRef={onCurrentMarkerRef ?? fn()}
+                onGhostLineRef={onGhostLineRef ?? fn()}
+                onGhostTransitionEnd={onGhostTransitionEnd ?? fn()}
+            />
+        </ul>
+    );
+};
+
+const meta = {
+    title: "Timeline/Timeline Meta/ReadMarker",
+    component: ReadMarkerWrapper,
+    tags: ["autodocs"],
+    args: {
+        eventId: "$event",
+        kind: "current",
+        showLine: true,
+    },
+} satisfies Meta<typeof ReadMarkerWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Current: Story = {};
+
+export const HiddenCurrent: Story = {
+    args: {
+        showLine: false,
+    },
+};
+
+export const Ghost: Story = {
+    args: {
+        kind: "ghost",
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.test.tsx b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.test.tsx
new file mode 100644
index 00000000000..37d8ad186f9
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.test.tsx
@@ -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.
+ */
+
+import { composeStories } from "@storybook/react-vite";
+import { fireEvent, render, screen } from "@test-utils";
+import React from "react";
+import { describe, expect, it, vi } from "vitest";
+
+import { ReadMarker } from "./ReadMarker";
+import * as stories from "./ReadMarker.stories";
+
+const { Current, HiddenCurrent, Ghost } = composeStories(stories);
+
+describe("ReadMarker", () => {
+    it("renders the current read marker", () => {
+        const { container } = render(<Current />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the hidden current read marker without a line", () => {
+        const { container } = render(<HiddenCurrent />);
+        expect(container).toMatchSnapshot();
+        expect(container.querySelector("hr")).toBeNull();
+    });
+
+    it("renders the ghost read marker", () => {
+        const { container } = render(<Ghost />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("applies custom className to the list item", () => {
+        render(
+            <ul>
+                <ReadMarker
+                    eventId="$event"
+                    kind="current"
+                    showLine={true}
+                    className="custom-read-marker compatibility-class"
+                />
+            </ul>,
+        );
+
+        const item = screen.getByRole("listitem");
+        expect(item).toHaveClass("custom-read-marker", "compatibility-class");
+        expect(item).toHaveAttribute("data-scroll-tokens", "$event");
+    });
+
+    it("wires ghost marker actions", () => {
+        const onGhostLineRef = vi.fn();
+        const onGhostTransitionEnd = vi.fn();
+
+        render(
+            <ul>
+                <ReadMarker
+                    eventId="$ghost"
+                    kind="ghost"
+                    onGhostLineRef={onGhostLineRef}
+                    onGhostTransitionEnd={onGhostTransitionEnd}
+                />
+            </ul>,
+        );
+
+        const line = screen.getByRole("separator");
+        fireEvent.transitionEnd(line);
+
+        expect(onGhostLineRef).toHaveBeenCalled();
+        expect(onGhostTransitionEnd).toHaveBeenCalledTimes(1);
+    });
+
+    it("wires the current marker ref", () => {
+        const onCurrentMarkerRef = vi.fn();
+
+        render(
+            <ul>
+                <ReadMarker eventId="$current" kind="current" showLine={true} onCurrentMarkerRef={onCurrentMarkerRef} />
+            </ul>,
+        );
+
+        expect(onCurrentMarkerRef).toHaveBeenCalled();
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.tsx b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.tsx
new file mode 100644
index 00000000000..48396b14cdf
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.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, { type JSX, type RefCallback, type TransitionEventHandler } from "react";
+import classNames from "classnames";
+
+import styles from "./ReadMarker.module.css";
+
+export type ReadMarkerKind = "current" | "ghost";
+
+export interface ReadMarkerProps {
+    /**
+     * The event ID this marker is associated with.
+     */
+    eventId: string;
+    /**
+     * Whether this is the active read marker or a ghost marker transitioning out.
+     */
+    kind: ReadMarkerKind;
+    /**
+     * Whether the visible line should be rendered for the active marker.
+     * Hidden active markers still render the host `<li>` to preserve layout calculations.
+     */
+    showLine?: boolean;
+    /**
+     * Ref callback for the active read marker `<li>`.
+     */
+    onCurrentMarkerRef?: RefCallback<HTMLLIElement>;
+    /**
+     * Ref callback for the ghost marker `<hr>`.
+     */
+    onGhostLineRef?: RefCallback<HTMLHRElement>;
+    /**
+     * Transition-end handler for the ghost marker `<hr>`.
+     */
+    onGhostTransitionEnd?: TransitionEventHandler<HTMLHRElement>;
+    /**
+     * Optional CSS className for the outer list item.
+     */
+    className?: string;
+}
+
+export function ReadMarker({
+    eventId,
+    kind,
+    showLine = true,
+    onCurrentMarkerRef,
+    onGhostLineRef,
+    onGhostTransitionEnd,
+    className,
+}: Readonly<ReadMarkerProps>): JSX.Element {
+    let line: JSX.Element | null = null;
+
+    if (kind === "ghost") {
+        line = (
+            <hr
+                className={styles.line}
+                ref={onGhostLineRef}
+                onTransitionEnd={onGhostTransitionEnd}
+                data-eventid={eventId}
+            />
+        );
+    } else if (showLine) {
+        line = <hr className={styles.line} />;
+    }
+
+    return (
+        <li
+            className={classNames(className, styles.readMarker)}
+            ref={kind === "current" ? onCurrentMarkerRef : undefined}
+            data-scroll-tokens={kind === "current" ? eventId : undefined}
+        >
+            {line}
+        </li>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/ReadMarker/__snapshots__/ReadMarker.test.tsx.snap b/packages/shared-components/src/room/timeline/ReadMarker/__snapshots__/ReadMarker.test.tsx.snap
new file mode 100644
index 00000000000..1edd576858c
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/ReadMarker/__snapshots__/ReadMarker.test.tsx.snap
@@ -0,0 +1,42 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ReadMarker > renders the current read marker 1`] = `
+<div>
+  <ul>
+    <li
+      class="ReadMarker-module_readMarker"
+      data-scroll-tokens="$event"
+    >
+      <hr
+        class="ReadMarker-module_line"
+      />
+    </li>
+  </ul>
+</div>
+`;
+
+exports[`ReadMarker > renders the ghost read marker 1`] = `
+<div>
+  <ul>
+    <li
+      class="ReadMarker-module_readMarker"
+    >
+      <hr
+        class="ReadMarker-module_line"
+        data-eventid="$event"
+      />
+    </li>
+  </ul>
+</div>
+`;
+
+exports[`ReadMarker > renders the hidden current read marker without a line 1`] = `
+<div>
+  <ul>
+    <li
+      class="ReadMarker-module_readMarker"
+      data-scroll-tokens="$event"
+    />
+  </ul>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/ReadMarker/index.ts b/packages/shared-components/src/room/timeline/ReadMarker/index.ts
new file mode 100644
index 00000000000..b172c3a943b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/ReadMarker/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 { ReadMarker, type ReadMarkerKind, type ReadMarkerProps } from "./ReadMarker";
diff --git a/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.module.css b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.module.css
new file mode 100644
index 00000000000..fea4615390c
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/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/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx
new file mode 100644
index 00000000000..60f91768d80
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx
@@ -0,0 +1,59 @@
+/*
+ * 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 TimelineSeparator from "./TimelineSeparator";
+import styles from "./TimelineSeparator.module.css";
+
+const meta = {
+    title: "Timeline/Timeline Meta/TimelineSeparator",
+    component: TimelineSeparator,
+    tags: ["autodocs"],
+    args: {
+        label: "Label Separator",
+        children: "Timeline Separator",
+    },
+} satisfies Meta<typeof TimelineSeparator>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithHtmlChild: Story = {
+    args: {
+        label: "Custom Label",
+        children: (
+            <h2 className={styles.timelineSeparator} aria-hidden="true">
+                Thursday
+            </h2>
+        ),
+    },
+};
+
+export const WithDateEvent: Story = {
+    args: {
+        label: "Date Event Separator",
+        children: "Wednesday",
+    },
+};
+
+export const WithLateEvent: Story = {
+    args: {
+        label: "Late Event Separator",
+        children: "Fri, Jan 9, 2026",
+    },
+};
+
+export const WithoutChildren: Story = {
+    args: {
+        children: undefined,
+        label: "Separator without children",
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.test.tsx b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.test.tsx
new file mode 100644
index 00000000000..859142b49cb
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/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/room/timeline/TimelineSeparator/TimelineSeparator.tsx b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.tsx
new file mode 100644
index 00000000000..898ef3163e6
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.tsx
@@ -0,0 +1,60 @@
+/*
+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 "../../../core/utils/Flex";
+
+/**
+ * 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"];
+    /**
+     * ARIA role for the separator container.
+     * Use "none" when the separator contains interactive controls.
+     * @default "separator"
+     */
+    role?: "separator" | "none";
+}
+
+/**
+ * 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, role = "separator" }) => {
+    // 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={role}
+            aria-label={role === "separator" ? label : undefined}
+            align="center"
+        >
+            <hr role="none" />
+            {children}
+            <hr role="none" />
+        </Flex>
+    );
+};
+
+export default TimelineSeparator;
diff --git a/packages/shared-components/src/room/timeline/TimelineSeparator/__snapshots__/TimelineSeparator.test.tsx.snap b/packages/shared-components/src/room/timeline/TimelineSeparator/__snapshots__/TimelineSeparator.test.tsx.snap
new file mode 100644
index 00000000000..1cae5057fd6
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/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-module_flex TimelineSeparator-module_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-module_flex TimelineSeparator-module_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-module_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-module_flex TimelineSeparator-module_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-module_flex TimelineSeparator-module_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-module_flex TimelineSeparator-module_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/room/timeline/TimelineSeparator/index.ts b/packages/shared-components/src/room/timeline/TimelineSeparator/index.ts
new file mode 100644
index 00000000000..c5812abb072
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/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/room/timeline/TimelineView/.gitkeep b/packages/shared-components/src/room/timeline/TimelineView/.gitkeep
new file mode 100644
index 00000000000..8b137891791
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/TimelineView/.gitkeep
@@ -0,0 +1 @@
+
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.module.css b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.module.css
new file mode 100644
index 00000000000..39b7c5227e7
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.module.css
@@ -0,0 +1,31 @@
+/*
+ * 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.
+ */
+
+.disambiguatedProfile {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: pointer;
+
+    .disambiguatedProfile_displayName {
+        font: var(--cpd-font-body-md-semibold);
+        letter-spacing: var(--cpd-letter-spacing-body-md);
+        margin-inline-end: 0;
+        /* keeps the height in check, important for the bubble apperance */
+        line-height: 1;
+    }
+
+    .disambiguatedProfile_mxid {
+        color: var(--cpd-color-text-secondary);
+        font-size: var(--cpd-font-size-body-sm);
+        margin-inline-start: 5px;
+    }
+
+    .userStatus {
+        margin-inline-start: 5px;
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx
new file mode 100644
index 00000000000..02cd5913bcd
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx
@@ -0,0 +1,112 @@
+/*
+ * 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 {
+    DisambiguatedProfileView,
+    type DisambiguatedProfileViewSnapshot,
+    type DisambiguatedProfileViewActions,
+} from "./DisambiguatedProfileView";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+
+type DisambiguatedProfileProps = DisambiguatedProfileViewSnapshot & DisambiguatedProfileViewActions;
+
+const DisambiguatedProfileViewWrapperImpl = ({
+    onClick,
+    className,
+    ...rest
+}: DisambiguatedProfileProps & { className?: string }): JSX.Element => {
+    const vm = useMockedViewModel(rest, { onClick });
+    return <DisambiguatedProfileView vm={vm} className={className} />;
+};
+const DisambiguatedProfileViewWrapper = withViewDocs(DisambiguatedProfileViewWrapperImpl, DisambiguatedProfileView);
+
+const meta = {
+    title: "Timeline/Timeline Event/DisambiguatedProfile",
+    component: DisambiguatedProfileViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        displayName: { control: "text" },
+        colorClass: { control: "text" },
+        className: { control: "text" },
+        displayIdentifier: { control: "text" },
+        title: { control: "text" },
+        emphasizeDisplayName: { control: "boolean" },
+        userStatus: {
+            status: { control: "string" },
+            emoji: { control: "string" },
+        },
+    },
+    args: {
+        displayName: "Alice",
+        emphasizeDisplayName: true,
+        onClick: fn(),
+    },
+} satisfies Meta<typeof DisambiguatedProfileViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithMxid: Story = {
+    args: {
+        displayName: "Alice",
+        displayIdentifier: "@alice:example.org",
+        colorClass: "mx_Username_color1",
+    },
+};
+
+export const WithColorClass: Story = {
+    args: {
+        displayName: "Bob",
+        colorClass: "mx_Username_color3",
+    },
+};
+
+export const Emphasized: Story = {
+    args: {
+        displayName: "Charlie",
+        emphasizeDisplayName: true,
+    },
+};
+
+export const WithTooltip: Story = {
+    args: {
+        displayName: "Diana",
+        title: "Diana (@diana:example.org)",
+    },
+};
+
+export const WithUserStatus: Story = {
+    args: {
+        displayName: "Eve",
+        title: "Eve (@eve:matrix.org)",
+        userStatus: {
+            emoji: "🏝️",
+            text: "On holiday",
+        },
+    },
+};
+
+export const FullExample: Story = {
+    args: {
+        displayName: "Eve",
+        displayIdentifier: "@eve:matrix.org",
+        colorClass: "mx_Username_color5",
+        title: "Eve (@eve:matrix.org)",
+        emphasizeDisplayName: true,
+        userStatus: {
+            emoji: "🏝️",
+            text: "On holiday",
+        },
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.test.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.test.tsx
new file mode 100644
index 00000000000..15a831b97bf
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.test.tsx
@@ -0,0 +1,222 @@
+/*
+ * 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 React from "react";
+import userEvent from "@testing-library/user-event";
+import { createEvent, fireEvent } from "@testing-library/dom";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { render, screen } from "@test-utils";
+
+import * as stories from "./DisambiguatedProfile.stories";
+import {
+    DisambiguatedProfileView,
+    type DisambiguatedProfileViewActions,
+    type DisambiguatedProfileViewSnapshot,
+} from "./DisambiguatedProfileView";
+import { MockViewModel } from "../../../../../core/viewmodel/MockViewModel";
+
+const { Default, WithMxid, WithColorClass, Emphasized, WithTooltip, FullExample } = composeStories(stories);
+
+describe("DisambiguatedProfileView", () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    it("renders the default state", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders with MXID for disambiguation", () => {
+        const { container } = render(<WithMxid />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders with color class", () => {
+        const { container } = render(<WithColorClass />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders with emphasized display name", () => {
+        const { container } = render(<Emphasized />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders with tooltip", () => {
+        const { container } = render(<WithTooltip />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the full example", () => {
+        const { container } = render(<FullExample />);
+        expect(container).toMatchSnapshot();
+    });
+
+    class DisambiguatedProfileViewModel
+        extends MockViewModel<DisambiguatedProfileViewSnapshot>
+        implements DisambiguatedProfileViewActions
+    {
+        public onClick?: DisambiguatedProfileViewActions["onClick"];
+
+        public constructor(snapshot: DisambiguatedProfileViewSnapshot, actions: DisambiguatedProfileViewActions = {}) {
+            super(snapshot);
+            this.onClick = actions.onClick;
+        }
+    }
+
+    const getProfileContainer = (displayName: string): HTMLDivElement => {
+        const profileContainer = screen.getByText(displayName).closest("div");
+        if (!profileContainer) {
+            throw new Error("Expected profile container to exist");
+        }
+        return profileContainer;
+    };
+
+    it("should display the display name", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            displayName: "Eve",
+        });
+
+        render(<DisambiguatedProfileView vm={vm} />);
+        expect(screen.getByText("Eve")).toBeInTheDocument();
+    });
+
+    it("should display the MXID when provided", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            displayName: "Test User",
+            displayIdentifier: "@test:example.org",
+        });
+
+        render(<DisambiguatedProfileView vm={vm} />);
+        expect(screen.getByText("@test:example.org")).toBeInTheDocument();
+    });
+
+    it("should call onClick when clicked", async () => {
+        const onClick = vi.fn();
+        const user = userEvent.setup();
+        const vm = new DisambiguatedProfileViewModel(
+            {
+                displayName: "Clickable User",
+            },
+            { onClick },
+        );
+
+        render(<DisambiguatedProfileView vm={vm} />);
+        await user.click(screen.getByText("Clickable User"));
+        expect(onClick).toHaveBeenCalled();
+    });
+
+    it("should set button semantics when onClick is provided", () => {
+        const vm = new DisambiguatedProfileViewModel(
+            {
+                displayName: "Keyboard User",
+            },
+            { onClick: vi.fn() },
+        );
+
+        render(<DisambiguatedProfileView vm={vm} />);
+        const profileContainer = getProfileContainer("Keyboard User");
+        expect(profileContainer).toHaveAttribute("role", "button");
+        expect(profileContainer).toHaveAttribute("tabIndex", "0");
+    });
+
+    it("should call onClick on keyboard activation keys", () => {
+        const onClick = vi.fn();
+        const vm = new DisambiguatedProfileViewModel(
+            {
+                displayName: "Keyboard User",
+            },
+            { onClick },
+        );
+
+        render(<DisambiguatedProfileView vm={vm} />);
+        const profileContainer = getProfileContainer("Keyboard User");
+
+        const enterEvent = createEvent.keyDown(profileContainer, { key: "Enter" });
+        fireEvent(profileContainer, enterEvent);
+
+        const spaceEvent = createEvent.keyDown(profileContainer, { key: " " });
+        fireEvent(profileContainer, spaceEvent);
+
+        expect(enterEvent.defaultPrevented).toBe(true);
+        expect(spaceEvent.defaultPrevented).toBe(true);
+        expect(onClick).toHaveBeenCalledTimes(2);
+    });
+
+    it("should not call onClick for non-activation keys", () => {
+        const onClick = vi.fn();
+        const vm = new DisambiguatedProfileViewModel(
+            {
+                displayName: "Keyboard User",
+            },
+            { onClick },
+        );
+
+        render(<DisambiguatedProfileView vm={vm} />);
+        const profileContainer = getProfileContainer("Keyboard User");
+
+        fireEvent.keyDown(profileContainer, { key: "Escape" });
+        expect(onClick).not.toHaveBeenCalled();
+    });
+
+    it("should not set button semantics when onClick is not provided", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            displayName: "Static User",
+        });
+
+        render(<DisambiguatedProfileView vm={vm} />);
+        const profileContainer = getProfileContainer("Static User");
+        expect(profileContainer).not.toHaveAttribute("role");
+        expect(profileContainer).not.toHaveAttribute("tabIndex");
+    });
+
+    it("should display tooltip title when provided", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            displayName: "User With Tooltip",
+            title: "User With Tooltip (@user:example.org)",
+        });
+
+        render(<DisambiguatedProfileView vm={vm} />);
+        expect(screen.getByText("User With Tooltip").closest("div")).toHaveAttribute(
+            "title",
+            "User With Tooltip (@user:example.org)",
+        );
+    });
+
+    it("should apply color class when provided", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            displayName: "Colored User",
+            colorClass: "mx_Username_color3",
+        });
+
+        render(<DisambiguatedProfileView vm={vm} />);
+        const displayNameElement = screen.getByText("Colored User");
+        expect(displayNameElement).toHaveClass("mx_Username_color3");
+    });
+
+    it("should apply emphasis styling when emphasizeDisplayName is true", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            displayName: "Emphasized User",
+            emphasizeDisplayName: true,
+        });
+
+        render(<DisambiguatedProfileView vm={vm} />);
+        const displayNameElement = screen.getByText("Emphasized User");
+        expect(displayNameElement).toHaveClass("mx_DisambiguatedProfile_displayName");
+    });
+
+    it("should apply custom className to the profile container", () => {
+        const vm = new DisambiguatedProfileViewModel({
+            displayName: "Classed User",
+        });
+
+        render(<DisambiguatedProfileView vm={vm} className="custom-profile another-class" />);
+        const profileContainer = getProfileContainer("Classed User");
+        expect(profileContainer).toHaveClass("custom-profile", "another-class");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfileView.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfileView.tsx
new file mode 100644
index 00000000000..6af6bd2162d
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfileView.tsx
@@ -0,0 +1,142 @@
+/*
+ * 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 KeyboardEventHandler, type MouseEventHandler } from "react";
+import classNames from "classnames";
+import { Text, Tooltip } from "@vector-im/compound-web";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import styles from "./DisambiguatedProfile.module.css";
+
+/**
+ * The snapshot representing the current state of the DisambiguatedProfile.
+ */
+export interface DisambiguatedProfileViewSnapshot {
+    /**
+     * The display name to show.
+     */
+    displayName: string;
+    /**
+     * The CSS class for coloring the display name (e.g., "mx_Username_color1").
+     * Undefined if coloring is not enabled.
+     */
+    colorClass?: string;
+    /**
+     * The formatted user identifier to display when disambiguation is needed.
+     * Undefined if disambiguation is not required.
+     */
+    displayIdentifier?: string;
+    /**
+     * The tooltip title text (pre-translated).
+     * Undefined if tooltip is not enabled.
+     */
+    title?: string;
+    /**
+     * Whether to emphasize the display name with additional styling.
+     */
+    emphasizeDisplayName?: boolean;
+
+    /**
+     * User status message
+     */
+    userStatus?: {
+        emoji: string;
+        text: string;
+    };
+}
+
+/**
+ * Actions that can be performed on the DisambiguatedProfile.
+ */
+export interface DisambiguatedProfileViewActions {
+    /**
+     * Optional click handler for the profile.
+     */
+    onClick?: MouseEventHandler<HTMLDivElement>;
+}
+
+/**
+ * The view model for DisambiguatedProfileView.
+ */
+export type DisambiguatedProfileViewModel = ViewModel<
+    DisambiguatedProfileViewSnapshot,
+    DisambiguatedProfileViewActions
+>;
+
+interface DisambiguatedProfileViewProps {
+    /**
+     * The view model for the disambiguated profile.
+     */
+    vm: DisambiguatedProfileViewModel;
+    /**
+     * Optional CSS class name applied to the profile container.
+     */
+    className?: string;
+}
+
+/**
+ * A component to display a user's profile with optional disambiguation.
+ * Shows the display name and optionally the MXID when disambiguation is needed
+ * (e.g., when multiple users have the same display name).
+ *
+ * @example
+ * ```tsx
+ * <DisambiguatedProfileView vm={disambiguatedProfileViewModel} />
+ * ```
+ */
+export function DisambiguatedProfileView({ vm, className }: Readonly<DisambiguatedProfileViewProps>): JSX.Element {
+    const { displayName, colorClass, displayIdentifier, title, emphasizeDisplayName, userStatus } = useViewModel(vm);
+
+    const userStatusEmoji = userStatus && userStatus.emoji;
+
+    const displayNameClasses = classNames(colorClass, {
+        [styles.disambiguatedProfile_displayName]: emphasizeDisplayName,
+        mx_DisambiguatedProfile_displayName: emphasizeDisplayName,
+    });
+
+    // Handle keyboard interaction for accessibility if onClick is provided
+    const handleKeyDown: KeyboardEventHandler<HTMLDivElement> | undefined = vm.onClick
+        ? (event) => {
+              if (event.key === "Enter" || event.key === " ") {
+                  event.preventDefault();
+                  vm.onClick?.(event as unknown as React.MouseEvent<HTMLDivElement>);
+              }
+          }
+        : undefined;
+
+    return (
+        <div
+            className={classNames(className, styles.disambiguatedProfile)}
+            title={title}
+            onClick={vm.onClick}
+            onKeyDown={handleKeyDown}
+            role={vm.onClick ? "button" : undefined}
+            tabIndex={vm.onClick ? 0 : undefined}
+        >
+            <span className={displayNameClasses} dir="auto">
+                {displayName}
+            </span>
+            {userStatus && (
+                <Tooltip description={userStatus.text}>
+                    <Text
+                        as="span"
+                        size="md"
+                        className={classNames("mx_DisambiguatedProfile_userStatus", styles.userStatus)}
+                    >
+                        {userStatusEmoji}
+                    </Text>
+                </Tooltip>
+            )}
+            {/* mx_DisambiguatedProfile_mxid is required for PCSS selectors like .mx_MemberTileView .mx_DisambiguatedProfile_mxid */}
+            {displayIdentifier && (
+                <span className={classNames("mx_DisambiguatedProfile_mxid", styles.disambiguatedProfile_mxid)}>
+                    {displayIdentifier}
+                </span>
+            )}
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/__snapshots__/DisambiguatedProfile.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/__snapshots__/DisambiguatedProfile.test.tsx.snap
new file mode 100644
index 00000000000..087c41314a0
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/__snapshots__/DisambiguatedProfile.test.tsx.snap
@@ -0,0 +1,120 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`DisambiguatedProfileView > renders the default state 1`] = `
+<div>
+  <div
+    class="DisambiguatedProfile-module_disambiguatedProfile"
+    role="button"
+    tabindex="0"
+  >
+    <span
+      class="DisambiguatedProfile-module_disambiguatedProfile_displayName mx_DisambiguatedProfile_displayName"
+      dir="auto"
+    >
+      Alice
+    </span>
+  </div>
+</div>
+`;
+
+exports[`DisambiguatedProfileView > renders the full example 1`] = `
+<div>
+  <div
+    class="DisambiguatedProfile-module_disambiguatedProfile"
+    role="button"
+    tabindex="0"
+    title="Eve (@eve:matrix.org)"
+  >
+    <span
+      class="mx_Username_color5 DisambiguatedProfile-module_disambiguatedProfile_displayName mx_DisambiguatedProfile_displayName"
+      dir="auto"
+    >
+      Eve
+    </span>
+    <span
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 mx_DisambiguatedProfile_userStatus DisambiguatedProfile-module_userStatus"
+    >
+      🏝️
+    </span>
+    <span
+      class="mx_DisambiguatedProfile_mxid DisambiguatedProfile-module_disambiguatedProfile_mxid"
+    >
+      @eve:matrix.org
+    </span>
+  </div>
+</div>
+`;
+
+exports[`DisambiguatedProfileView > renders with MXID for disambiguation 1`] = `
+<div>
+  <div
+    class="DisambiguatedProfile-module_disambiguatedProfile"
+    role="button"
+    tabindex="0"
+  >
+    <span
+      class="mx_Username_color1 DisambiguatedProfile-module_disambiguatedProfile_displayName mx_DisambiguatedProfile_displayName"
+      dir="auto"
+    >
+      Alice
+    </span>
+    <span
+      class="mx_DisambiguatedProfile_mxid DisambiguatedProfile-module_disambiguatedProfile_mxid"
+    >
+      @alice:example.org
+    </span>
+  </div>
+</div>
+`;
+
+exports[`DisambiguatedProfileView > renders with color class 1`] = `
+<div>
+  <div
+    class="DisambiguatedProfile-module_disambiguatedProfile"
+    role="button"
+    tabindex="0"
+  >
+    <span
+      class="mx_Username_color3 DisambiguatedProfile-module_disambiguatedProfile_displayName mx_DisambiguatedProfile_displayName"
+      dir="auto"
+    >
+      Bob
+    </span>
+  </div>
+</div>
+`;
+
+exports[`DisambiguatedProfileView > renders with emphasized display name 1`] = `
+<div>
+  <div
+    class="DisambiguatedProfile-module_disambiguatedProfile"
+    role="button"
+    tabindex="0"
+  >
+    <span
+      class="DisambiguatedProfile-module_disambiguatedProfile_displayName mx_DisambiguatedProfile_displayName"
+      dir="auto"
+    >
+      Charlie
+    </span>
+  </div>
+</div>
+`;
+
+exports[`DisambiguatedProfileView > renders with tooltip 1`] = `
+<div>
+  <div
+    class="DisambiguatedProfile-module_disambiguatedProfile"
+    role="button"
+    tabindex="0"
+    title="Diana (@diana:example.org)"
+  >
+    <span
+      class="DisambiguatedProfile-module_disambiguatedProfile_displayName mx_DisambiguatedProfile_displayName"
+      dir="auto"
+    >
+      Diana
+    </span>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/index.ts b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/index.ts
new file mode 100644
index 00000000000..3089ec37d4d
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/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 {
+    DisambiguatedProfileView,
+    type DisambiguatedProfileViewModel,
+    type DisambiguatedProfileViewSnapshot,
+    type DisambiguatedProfileViewActions,
+} from "./DisambiguatedProfileView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/E2eMessageSharedIcon.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/E2eMessageSharedIcon.stories.tsx
new file mode 100644
index 00000000000..a4dc6a65506
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/E2eMessageSharedIcon.stories.tsx
@@ -0,0 +1,46 @@
+/*
+ * 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, StoryObj } from "@storybook/react-vite";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import { E2eMessageSharedIconView, type E2eMessageSharedIconViewSnapshot } from "./E2eMessageSharedIconView";
+
+type E2eMessageSharedIconProps = E2eMessageSharedIconViewSnapshot & { className?: string };
+
+const E2eMessageSharedIconViewWrapperImpl = ({ className, ...rest }: E2eMessageSharedIconProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {});
+
+    return <E2eMessageSharedIconView vm={vm} className={className} />;
+};
+const E2eMessageSharedIconViewWrapper = withViewDocs(E2eMessageSharedIconViewWrapperImpl, E2eMessageSharedIconView);
+
+const meta = {
+    title: "Timeline/Timeline Event/E2eMessageSharedIconView",
+    component: E2eMessageSharedIconViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        displayName: "Bob",
+        userId: "@bob:example.com",
+        className: "",
+    },
+} satisfies Meta<typeof E2eMessageSharedIconViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const UnknownUser: Story = {
+    tags: ["skip-test"],
+    args: {
+        displayName: "@bob:example.com",
+        userId: "@bob:example.com",
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/E2eMessageSharedIcon.test.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/E2eMessageSharedIcon.test.tsx
new file mode 100644
index 00000000000..9f743bd020d
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/E2eMessageSharedIcon.test.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 { composeStories } from "@storybook/react-vite";
+import { describe, expect, it } from "vitest";
+import { render, screen } from "@test-utils";
+
+import { MockViewModel } from "../../../../../core/viewmodel";
+import {
+    E2eMessageSharedIconView,
+    type E2eMessageSharedIconViewModel,
+    type E2eMessageSharedIconViewSnapshot,
+} from "./E2eMessageSharedIconView";
+import * as stories from "./E2eMessageSharedIcon.stories";
+
+const { Default, UnknownUser } = composeStories(stories);
+
+describe("E2eMessageSharedIconView", () => {
+    it("renders the default shared-message icon", () => {
+        const { container } = render(<Default />);
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders an unknown user tooltip state", () => {
+        const { container } = render(<UnknownUser />);
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("applies a custom className to the icon container", () => {
+        const vm = new MockViewModel<E2eMessageSharedIconViewSnapshot>({
+            displayName: "Bob",
+            userId: "@bob:example.com",
+        }) as E2eMessageSharedIconViewModel;
+
+        render(<E2eMessageSharedIconView vm={vm} className="custom-shared-icon" />);
+
+        expect(screen.getByTestId("e2e-padlock")).toHaveClass("custom-shared-icon");
+    });
+
+    it("uses the shared translation for the icon accessible name", () => {
+        render(<Default />);
+
+        expect(screen.getByTestId("e2e-padlock")).toHaveAccessibleName(
+            "Bob (@bob:example.com) shared this message since you were not in the room when it was sent.",
+        );
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/E2eMessageSharedIconView.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/E2eMessageSharedIconView.tsx
new file mode 100644
index 00000000000..7b21f61e41b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/E2eMessageSharedIconView.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, { type JSX } from "react";
+
+import { _t } from "../../../../../core/i18n/i18n";
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import { E2ePadlock, E2ePadlockIcon } from "../E2ePadlock";
+
+export interface E2eMessageSharedIconViewSnapshot {
+    /**
+     * Display name for the user who shared keys for the message.
+     */
+    displayName: string;
+    /**
+     * User ID for the user who shared keys for the message.
+     */
+    userId: string;
+}
+
+export type E2eMessageSharedIconViewModel = ViewModel<E2eMessageSharedIconViewSnapshot>;
+
+interface E2eMessageSharedIconViewProps {
+    /**
+     * ViewModel providing the localized tooltip.
+     */
+    vm: E2eMessageSharedIconViewModel;
+    /**
+     * Optional CSS class name applied to the icon container.
+     */
+    className?: string;
+}
+
+/**
+ * Renders the end-to-end encryption icon used for messages whose keys were
+ * shared by another room member.
+ */
+export function E2eMessageSharedIconView({ vm, className }: Readonly<E2eMessageSharedIconViewProps>): JSX.Element {
+    const { displayName, userId } = useViewModel(vm);
+    // 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("timeline|message_shared_by", { displayName, userId });
+
+    return <E2ePadlock className={className} icon={E2ePadlockIcon.Normal} title={tooltip} />;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/__snapshots__/E2eMessageSharedIcon.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/__snapshots__/E2eMessageSharedIcon.test.tsx.snap
new file mode 100644
index 00000000000..2bfb63d23ab
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/__snapshots__/E2eMessageSharedIcon.test.tsx.snap
@@ -0,0 +1,61 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`E2eMessageSharedIconView > renders an unknown user tooltip state 1`] = `
+<div>
+  <div
+    aria-label="State of the end-to-end encryption"
+    aria-labelledby="react-use-id-1"
+    class="E2ePadlock-module_e2ePadlock E2ePadlock-module_normal"
+    data-testid="e2e-padlock"
+    role="img"
+    tabindex="0"
+  >
+    <svg
+      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[`E2eMessageSharedIconView > renders the default shared-message icon 1`] = `
+<div>
+  <div
+    aria-label="State of the end-to-end encryption"
+    aria-labelledby="react-use-id-1"
+    class="E2ePadlock-module_e2ePadlock E2ePadlock-module_normal"
+    data-testid="e2e-padlock"
+    role="img"
+    tabindex="0"
+  >
+    <svg
+      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/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/index.ts b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/index.ts
new file mode 100644
index 00000000000..496a42da2af
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2eMessageSharedIcon/index.ts
@@ -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 {
+    E2eMessageSharedIconView,
+    type E2eMessageSharedIconViewModel,
+    type E2eMessageSharedIconViewSnapshot,
+} from "./E2eMessageSharedIconView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.module.css b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.module.css
new file mode 100644
index 00000000000..4a5b1821d06
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.module.css
@@ -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.
+ */
+
+.e2ePadlock {
+    position: relative;
+    width: 14px;
+    height: 14px;
+    display: block;
+
+    svg {
+        height: inherit;
+        width: inherit;
+        display: block;
+    }
+}
+
+.normal,
+.decryptionFailure {
+    color: var(--cpd-color-icon-tertiary);
+}
+
+.warning {
+    color: var(--cpd-color-icon-critical-primary);
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.stories.tsx
new file mode 100644
index 00000000000..1cc00f68fd8
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.stories.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 type { Meta, StoryObj } from "@storybook/react-vite";
+import { E2ePadlock, E2ePadlockIcon } from "./E2ePadlock";
+
+const meta = {
+    title: "Timeline/Timeline Event/E2ePadlock",
+    component: E2ePadlock,
+    tags: ["autodocs"],
+    argTypes: {
+        icon: {
+            options: Object.values(E2ePadlockIcon),
+            control: { type: "select" },
+        },
+    },
+    args: {
+        icon: E2ePadlockIcon.Normal,
+        title: "The authenticity of this message could not be guaranteed",
+        className: "",
+    },
+} satisfies Meta<typeof E2ePadlock>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Normal: Story = {};
+
+export const Warning: Story = {
+    args: {
+        icon: E2ePadlockIcon.Warning,
+        title: "This message was sent unencrypted",
+    },
+};
+
+export const DecryptionFailure: Story = {
+    args: {
+        icon: E2ePadlockIcon.DecryptionFailure,
+        title: "Unable to decrypt message",
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.test.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.test.tsx
new file mode 100644
index 00000000000..43e0bf89ec7
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.test.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 from "react";
+import { composeStories } from "@storybook/react-vite";
+import { describe, expect, it } from "vitest";
+import { render, screen } from "@test-utils";
+
+import { E2ePadlock, E2ePadlockIcon } from "./E2ePadlock";
+import * as stories from "./E2ePadlock.stories";
+
+const { Normal, Warning, DecryptionFailure } = composeStories(stories);
+
+describe("E2ePadlock", () => {
+    it("renders a 'Normal' icon", () => {
+        const { container } = render(<Normal />);
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a 'Warning' icon", () => {
+        const { container } = render(<Warning />);
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a 'DecryptionFailure' icon", () => {
+        const { container } = render(<DecryptionFailure />);
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("applies a custom className to the icon container", () => {
+        render(<E2ePadlock icon={E2ePadlockIcon.Normal} title="Test tooltip" className="custom-e2e-padlock" />);
+
+        expect(screen.getByTestId("e2e-padlock")).toHaveClass("custom-e2e-padlock");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.tsx
new file mode 100644
index 00000000000..3596a6286ca
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/E2ePadlock.tsx
@@ -0,0 +1,81 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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 JSX } from "react";
+import classNames from "classnames";
+import { ErrorSolidIcon, InfoIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Tooltip } from "@vector-im/compound-web";
+
+import { _t } from "../../../../../core/i18n/i18n";
+import styles from "./E2ePadlock.module.css";
+
+/**
+ * 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",
+}
+
+export interface E2ePadlockProps {
+    /** The icon to display. */
+    icon: E2ePadlockIcon;
+
+    /** The tooltip for the icon, displayed on hover. */
+    title: string;
+
+    /** Optional CSS class name applied to the icon container. */
+    className?: string;
+}
+
+const icons: Record<E2ePadlockIcon, JSX.Element> = {
+    [E2ePadlockIcon.Normal]: <InfoIcon />,
+    [E2ePadlockIcon.Warning]: <ErrorSolidIcon />,
+    [E2ePadlockIcon.DecryptionFailure]: <ErrorSolidIcon />,
+};
+
+const iconClasses: Record<E2ePadlockIcon, string> = {
+    [E2ePadlockIcon.Normal]: styles.normal,
+    [E2ePadlockIcon.Warning]: styles.warning,
+    [E2ePadlockIcon.DecryptionFailure]: styles.decryptionFailure,
+};
+
+/**
+ * A small icon with tooltip, used in the left margin of an event tile to
+ * indicate a problem with an encrypted event.
+ *
+ * The icon is rendered with `data-testid="e2e-padlock"`.
+ */
+export function E2ePadlock({ icon, title, className }: Readonly<E2ePadlockProps>): JSX.Element {
+    // 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={title} isTriggerInteractive={true}>
+            <div
+                data-testid="e2e-padlock"
+                className={classNames(styles.e2ePadlock, iconClasses[icon], className)}
+                role="img"
+                // This is only tab indexed to act as a tooltip trigger
+                // oxlint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+                tabIndex={0}
+                aria-label={_t("timeline|e2e_state")}
+            >
+                {icons[icon]}
+            </div>
+        </Tooltip>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/__snapshots__/E2ePadlock.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/__snapshots__/E2ePadlock.test.tsx.snap
new file mode 100644
index 00000000000..6b7ca2ebe76
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/__snapshots__/E2ePadlock.test.tsx.snap
@@ -0,0 +1,81 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`E2ePadlock > renders a 'DecryptionFailure' icon 1`] = `
+<div>
+  <div
+    aria-label="State of the end-to-end encryption"
+    aria-labelledby="react-use-id-1"
+    class="E2ePadlock-module_e2ePadlock E2ePadlock-module_decryptionFailure"
+    data-testid="e2e-padlock"
+    role="img"
+    tabindex="0"
+  >
+    <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>
+</div>
+`;
+
+exports[`E2ePadlock > renders a 'Normal' icon 1`] = `
+<div>
+  <div
+    aria-label="State of the end-to-end encryption"
+    aria-labelledby="react-use-id-1"
+    class="E2ePadlock-module_e2ePadlock E2ePadlock-module_normal"
+    data-testid="e2e-padlock"
+    role="img"
+    tabindex="0"
+  >
+    <svg
+      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[`E2ePadlock > renders a 'Warning' icon 1`] = `
+<div>
+  <div
+    aria-label="State of the end-to-end encryption"
+    aria-labelledby="react-use-id-1"
+    class="E2ePadlock-module_e2ePadlock E2ePadlock-module_warning"
+    data-testid="e2e-padlock"
+    role="img"
+    tabindex="0"
+  >
+    <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>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/index.ts b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/index.ts
new file mode 100644
index 00000000000..0de4f646594
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/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 { E2ePadlock, E2ePadlockIcon, type E2ePadlockProps } from "./E2ePadlock";
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.module.css b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.module.css
new file mode 100644
index 00000000000..988fb197ba6
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.module.css
@@ -0,0 +1,14 @@
+/*
+ * 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 svg[data-state="supported"] {
+    color: var(--cpd-color-icon-primary);
+}
+
+.content svg[data-state="unsupported"] {
+    color: var(--cpd-color-icon-critical-primary);
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx
new file mode 100644
index 00000000000..107fbe457ab
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx
@@ -0,0 +1,95 @@
+/*
+ * 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, StoryObj } from "@storybook/react-vite";
+import { EncryptionEventView, EncryptionEventState, type EncryptionEventViewSnapshot } from "./EncryptionEventView";
+import { useMockedViewModel } from "../../../../../core/viewmodel/useMockedViewModel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+
+type EncryptionEventProps = EncryptionEventViewSnapshot;
+
+const EncryptionEventViewWrapperImpl = ({
+    className,
+    ...rest
+}: EncryptionEventProps & { className?: string }): JSX.Element => {
+    const vm = useMockedViewModel(rest, {});
+
+    return <EncryptionEventView vm={vm} className={className} />;
+};
+const EncryptionEventViewWrapper = withViewDocs(EncryptionEventViewWrapperImpl, EncryptionEventView);
+
+const meta = {
+    title: "Timeline/Timeline Event/EncryptionEventView",
+    component: EncryptionEventViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        state: {
+            options: Object.entries(EncryptionEventState)
+                .filter(([key, value]) => key === value)
+                .map(([key]) => key),
+            control: { type: "select" },
+        },
+    },
+    args: {
+        state: EncryptionEventState.ENABLED,
+        encryptedStateEvents: false,
+        userName: "Alice",
+        className: "",
+    },
+} satisfies Meta<typeof EncryptionEventViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const StateEncryptionEnabled: Story = {
+    args: {
+        state: EncryptionEventState.ENABLED,
+        encryptedStateEvents: true,
+    },
+};
+
+export const ParametersChanged: Story = {
+    args: {
+        state: EncryptionEventState.CHANGED,
+    },
+};
+
+export const DisableAttempt: Story = {
+    args: {
+        state: EncryptionEventState.DISABLE_ATTEMPT,
+    },
+};
+
+export const EnabledDirectMessage: Story = {
+    args: {
+        state: EncryptionEventState.ENABLED_DM,
+        userName: "Alice",
+    },
+};
+
+export const EnabledLocalRoom: Story = {
+    args: {
+        state: EncryptionEventState.ENABLED_LOCAL,
+    },
+};
+
+export const Unsupported: Story = {
+    args: {
+        state: EncryptionEventState.UNSUPPORTED,
+    },
+};
+
+export const WithTimestamp: Story = {
+    args: {
+        state: EncryptionEventState.ENABLED,
+        timestamp: <span>14:56</span>,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.test.tsx
new file mode 100644
index 00000000000..00e67136fc4
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.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 { render, screen } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect } from "vitest";
+import React from "react";
+
+import { EncryptionEventState, EncryptionEventView } from "./EncryptionEventView";
+import * as stories from "./EncryptionEventView.stories";
+import { MockViewModel } from "../../../../../core/viewmodel";
+
+const {
+    Default,
+    StateEncryptionEnabled,
+    ParametersChanged,
+    DisableAttempt,
+    EnabledDirectMessage,
+    EnabledLocalRoom,
+    Unsupported,
+    WithTimestamp,
+} = composeStories(stories);
+
+describe("EncryptionEventView", () => {
+    const renderView = (
+        state: EncryptionEventState,
+        encryptedStateEvents?: boolean,
+        userName?: string,
+        className?: string,
+    ): void => {
+        const vm = new MockViewModel({
+            state,
+            encryptedStateEvents,
+            userName,
+        });
+        render(<EncryptionEventView vm={vm} className={className} />);
+    };
+
+    it("renders Default story", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders StateEncryptionEnabled story", () => {
+        const { container } = render(<StateEncryptionEnabled />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders ParametersChanged story", () => {
+        const { container } = render(<ParametersChanged />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders DisableAttempt story", () => {
+        const { container } = render(<DisableAttempt />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders EnabledDirectMessage story", () => {
+        const { container } = render(<EnabledDirectMessage />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders EnabledLocalRoom story", () => {
+        const { container } = render(<EnabledLocalRoom />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders Unsupported story", () => {
+        const { container } = render(<Unsupported />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders WithTimestamp story", () => {
+        const { container } = render(<WithTimestamp />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("shows enabled room encryption copy", () => {
+        renderView(EncryptionEventState.ENABLED);
+
+        expect(screen.getByText("Encryption enabled")).toBeInTheDocument();
+        expect(
+            screen.getByText(
+                "Messages in this room are end-to-end encrypted. When people join, you can verify them in their profile, just tap on their profile picture.",
+            ),
+        ).toBeInTheDocument();
+    });
+
+    it("shows enabled state encryption copy", () => {
+        renderView(EncryptionEventState.ENABLED, true);
+
+        expect(screen.getByText("Experimental state encryption enabled")).toBeInTheDocument();
+        expect(
+            screen.getByText(
+                "Messages and state events in this room are end-to-end encrypted. When people join, you can verify them in their profile, just tap on their profile picture.",
+            ),
+        ).toBeInTheDocument();
+    });
+
+    it("shows changed encryption parameters copy", () => {
+        renderView(EncryptionEventState.CHANGED);
+
+        expect(screen.getByText("Encryption enabled")).toBeInTheDocument();
+        expect(screen.getByText("Some encryption parameters have been changed.")).toBeInTheDocument();
+    });
+
+    it("shows disable attempt copy", () => {
+        renderView(EncryptionEventState.DISABLE_ATTEMPT);
+
+        expect(screen.getByText("Encryption enabled")).toBeInTheDocument();
+        expect(screen.getByText("Ignored attempt to disable encryption")).toBeInTheDocument();
+    });
+
+    it("shows unsupported encryption copy", () => {
+        renderView(EncryptionEventState.UNSUPPORTED);
+
+        expect(screen.getByText("Encryption not enabled")).toBeInTheDocument();
+        expect(screen.getByText("The encryption used by this room isn't supported.")).toBeInTheDocument();
+    });
+
+    it("shows local room encryption copy", () => {
+        renderView(EncryptionEventState.ENABLED_LOCAL);
+
+        expect(screen.getByText("Encryption enabled")).toBeInTheDocument();
+        expect(screen.getByText("Messages in this chat will be end-to-end encrypted.")).toBeInTheDocument();
+    });
+
+    it("shows dm room encryption copy with display name", () => {
+        renderView(EncryptionEventState.ENABLED_DM, false, "Alice");
+
+        expect(screen.getByText("Encryption enabled")).toBeInTheDocument();
+        expect(
+            screen.getByText(
+                "Messages here are end-to-end encrypted. Verify Alice in their profile - tap on their profile picture.",
+            ),
+        ).toBeInTheDocument();
+    });
+
+    it("renders additional class name on the event tile bubble", () => {
+        renderView(EncryptionEventState.ENABLED, false, undefined, "custom-class");
+
+        expect(screen.getByText("Encryption enabled").parentElement).toHaveClass("custom-class");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.tsx
new file mode 100644
index 00000000000..69a5efb9404
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.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, { type JSX } from "react";
+import { LockSolidIcon, ErrorSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import classNames from "classnames";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import styles from "./EncryptionEventView.module.css";
+import { useI18n } from "../../../../../core/i18n/i18nContext";
+import { EventTileBubble } from "../EventTileBubble";
+
+export enum EncryptionEventState {
+    /** Encryption settings changed while encryption stayed enabled. */
+    CHANGED = "CHANGED",
+    /** Someone attempted to disable encryption in an encrypted room. */
+    DISABLE_ATTEMPT = "DISABLE_ATTEMPT",
+    /** Encryption was enabled in a regular room. */
+    ENABLED = "ENABLED",
+    /** Encryption was enabled in a DM room. */
+    ENABLED_DM = "ENABLED_DM",
+    /** Encryption was enabled in a local room. */
+    ENABLED_LOCAL = "ENABLED_LOCAL",
+    /** Encryption is unavailable/unsupported for this event context. */
+    UNSUPPORTED = "UNSUPPORTED",
+}
+
+export type EncryptionEventViewSnapshot = {
+    /** Which encryption event variant to render. */
+    state: EncryptionEventState;
+    /** Whether state-event encryption messaging should be shown. */
+    encryptedStateEvents?: boolean;
+    /** Display name for DM partner, used by ENABLED_DM subtitle text. */
+    userName?: string;
+    /** Optional timestamp element rendered in the EventTileBubble footer slot. */
+    timestamp?: JSX.Element;
+};
+
+/**
+ * ViewModel contract consumed by {@link EncryptionEventView}.
+ */
+export type EncryptionEventViewModel = ViewModel<EncryptionEventViewSnapshot>;
+
+export interface EncryptionEventViewProps {
+    /**
+     * ViewModel providing the current encryption event snapshot.
+     */
+    vm: ViewModel<EncryptionEventViewSnapshot>;
+    /**
+     * Optional CSS classes passed through to EventTileBubble.
+     */
+    className?: string;
+    /**
+     * Optional Ref forwarded to the root DOM element.
+     */
+    ref?: React.RefObject<HTMLDivElement>;
+}
+
+/**
+ * Renders a timeline bubble describing an encryption-related room event.
+ *
+ * Text and icon are selected from `snapshot.state` with optional context:
+ * - `encryptedStateEvents` switches to state-event specific wording.
+ * - `userName` is used for DM-specific subtitle text.
+ * - `timestamp` renders in the bubble footer slot.
+ *
+ * Use `className` for host-level styling, following the default React pattern.
+ *
+ * @example
+ * ```tsx
+ * <EncryptionEventView vm={encryptionEventVm} className="mx_EncryptionEvent" />
+ * ```
+ */
+export function EncryptionEventView({ vm, ref, className }: Readonly<EncryptionEventViewProps>): JSX.Element {
+    const { translate: _t } = useI18n();
+    const { state, encryptedStateEvents, userName, timestamp } = useViewModel(vm);
+
+    let icon = <LockSolidIcon data-state="supported" />;
+    let title = encryptedStateEvents ? _t("common|state_encryption_enabled") : _t("common|encryption_enabled");
+    let subtitle = "";
+
+    switch (state) {
+        case EncryptionEventState.CHANGED:
+            subtitle = _t("timeline|m.room.encryption|parameters_changed");
+            break;
+        case EncryptionEventState.DISABLE_ATTEMPT:
+            title = _t("common|encryption_enabled");
+            subtitle = _t("timeline|m.room.encryption|disable_attempt");
+            break;
+        case EncryptionEventState.ENABLED:
+            subtitle = encryptedStateEvents
+                ? _t("timeline|m.room.encryption|state_enabled")
+                : _t("timeline|m.room.encryption|enabled");
+            break;
+        case EncryptionEventState.ENABLED_DM:
+            subtitle = _t("timeline|m.room.encryption|enabled_dm", { displayName: userName });
+            break;
+        case EncryptionEventState.ENABLED_LOCAL:
+            subtitle = _t("timeline|m.room.encryption|enabled_local");
+            break;
+        case EncryptionEventState.UNSUPPORTED:
+        default:
+            icon = <ErrorSolidIcon data-state="unsupported" />;
+            title = _t("timeline|m.room.encryption|disabled");
+            subtitle = _t("timeline|m.room.encryption|unsupported");
+            break;
+    }
+
+    return (
+        <EventTileBubble
+            icon={icon}
+            className={classNames(className, styles.content)}
+            title={title}
+            subtitle={subtitle}
+            ref={ref}
+        >
+            {timestamp}
+        </EventTileBubble>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/__snapshots__/EncryptionEventView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/__snapshots__/EncryptionEventView.test.tsx.snap
new file mode 100644
index 00000000000..18a97231f5a
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/__snapshots__/EncryptionEventView.test.tsx.snap
@@ -0,0 +1,252 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`EncryptionEventView > renders Default story 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container EncryptionEventView-module_content"
+  >
+    <svg
+      data-state="supported"
+      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="EventTileBubble-module_title"
+    >
+      Encryption enabled
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Messages in this room are end-to-end encrypted. When people join, you can verify them in their profile, just tap on their profile picture.
+    </div>
+  </div>
+</div>
+`;
+
+exports[`EncryptionEventView > renders DisableAttempt story 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container EncryptionEventView-module_content"
+  >
+    <svg
+      data-state="supported"
+      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="EventTileBubble-module_title"
+    >
+      Encryption enabled
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Ignored attempt to disable encryption
+    </div>
+  </div>
+</div>
+`;
+
+exports[`EncryptionEventView > renders EnabledDirectMessage story 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container EncryptionEventView-module_content"
+  >
+    <svg
+      data-state="supported"
+      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="EventTileBubble-module_title"
+    >
+      Encryption enabled
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Messages here are end-to-end encrypted. Verify Alice in their profile - tap on their profile picture.
+    </div>
+  </div>
+</div>
+`;
+
+exports[`EncryptionEventView > renders EnabledLocalRoom story 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container EncryptionEventView-module_content"
+  >
+    <svg
+      data-state="supported"
+      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="EventTileBubble-module_title"
+    >
+      Encryption enabled
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Messages in this chat will be end-to-end encrypted.
+    </div>
+  </div>
+</div>
+`;
+
+exports[`EncryptionEventView > renders ParametersChanged story 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container EncryptionEventView-module_content"
+  >
+    <svg
+      data-state="supported"
+      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="EventTileBubble-module_title"
+    >
+      Encryption enabled
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Some encryption parameters have been changed.
+    </div>
+  </div>
+</div>
+`;
+
+exports[`EncryptionEventView > renders StateEncryptionEnabled story 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container EncryptionEventView-module_content"
+  >
+    <svg
+      data-state="supported"
+      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="EventTileBubble-module_title"
+    >
+      Experimental state encryption enabled
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Messages and state events in this room are end-to-end encrypted. When people join, you can verify them in their profile, just tap on their profile picture.
+    </div>
+  </div>
+</div>
+`;
+
+exports[`EncryptionEventView > renders Unsupported story 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container EncryptionEventView-module_content"
+  >
+    <svg
+      data-state="unsupported"
+      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="EventTileBubble-module_title"
+    >
+      Encryption not enabled
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      The encryption used by this room isn't supported.
+    </div>
+  </div>
+</div>
+`;
+
+exports[`EncryptionEventView > renders WithTimestamp story 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container EncryptionEventView-module_content"
+  >
+    <svg
+      data-state="supported"
+      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="EventTileBubble-module_title"
+    >
+      Encryption enabled
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Messages in this room are end-to-end encrypted. When people join, you can verify them in their profile, just tap on their profile picture.
+    </div>
+    <span>
+      14:56
+    </span>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/index.ts b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/index.ts
new file mode 100644
index 00000000000..746d62db4e6
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/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 {
+    EncryptionEventView,
+    EncryptionEventState,
+    type EncryptionEventViewSnapshot,
+    type EncryptionEventViewModel,
+} from "./EncryptionEventView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.module.css b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.module.css
new file mode 100644
index 00000000000..2a1f346dbfe
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.module.css
@@ -0,0 +1,17 @@
+/*
+ * 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.
+ */
+
+.eventPreview {
+    font: var(--cpd-font-body-sm-regular);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.eventPreview strong {
+    font: var(--cpd-font-body-sm-semibold);
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.stories.tsx
new file mode 100644
index 00000000000..583ad096757
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.stories.tsx
@@ -0,0 +1,58 @@
+/*
+ * 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, StoryObj } from "@storybook/react-vite";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import { EventPreviewView, type EventPreviewViewSnapshot } from "./EventPreviewView";
+
+type WrapperProps = EventPreviewViewSnapshot & {
+    className?: string;
+};
+
+const EventPreviewViewWrapperImpl = ({ className, ...snapshotProps }: WrapperProps): JSX.Element => {
+    const vm = useMockedViewModel(snapshotProps, {});
+
+    return <EventPreviewView vm={vm} className={className} />;
+};
+
+const EventPreviewViewWrapper = withViewDocs(EventPreviewViewWrapperImpl, EventPreviewView);
+
+const meta = {
+    title: "Timeline/EventTile/EventPreviewView",
+    component: EventPreviewViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        isVisible: true,
+        previewContent: "A short text message preview",
+        previewTooltip: "A short text message preview",
+    },
+} satisfies Meta<typeof EventPreviewViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithPrefix: Story = {
+    args: {
+        previewContent: (
+            <>
+                <strong>Image:</strong> city-map.png
+            </>
+        ),
+        previewTooltip: undefined,
+    },
+};
+
+export const Hidden: Story = {
+    args: {
+        isVisible: false,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.test.tsx
new file mode 100644
index 00000000000..87c472e8d53
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.test.tsx
@@ -0,0 +1,50 @@
+/*
+ * 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 { composeStories } from "@storybook/react-vite";
+import { render, screen } from "@test-utils";
+import { describe, expect, it } from "vitest";
+
+import { MockViewModel } from "../../../../../core/viewmodel";
+import { EventPreviewView, type EventPreviewViewModel, type EventPreviewViewSnapshot } from "./EventPreviewView";
+import * as stories from "./EventPreviewView.stories";
+
+const { Default, WithPrefix, Hidden } = composeStories(stories);
+
+describe("EventPreviewView", () => {
+    it("renders the default event preview", () => {
+        const { container } = render(<Default />);
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a prefixed event preview", () => {
+        const { container } = render(<WithPrefix />);
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("does not render when hidden", () => {
+        render(<Hidden />);
+
+        expect(screen.queryByText("A short text message preview")).not.toBeInTheDocument();
+    });
+
+    it("applies custom span props without using native title tooltips", () => {
+        const vm = new MockViewModel<EventPreviewViewSnapshot>({
+            isVisible: true,
+            previewContent: "Preview text",
+            previewTooltip: "Preview text",
+        }) as EventPreviewViewModel;
+
+        render(<EventPreviewView vm={vm} className="custom-preview" data-testid="event-preview" />);
+
+        expect(screen.getByTestId("event-preview")).toHaveClass("mx_EventPreview", "custom-preview");
+        expect(screen.getByTestId("event-preview")).not.toHaveAttribute("title");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.tsx
new file mode 100644
index 00000000000..3da9ce161df
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/EventPreviewView.tsx
@@ -0,0 +1,60 @@
+/*
+ * 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 ComponentPropsWithoutRef, type JSX, type ReactNode } from "react";
+import classNames from "classnames";
+import { Tooltip } from "@vector-im/compound-web";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import styles from "./EventPreviewView.module.css";
+
+export interface EventPreviewViewSnapshot {
+    /**
+     * Controls whether the preview should render.
+     */
+    isVisible: boolean;
+    /**
+     * Rendered preview content.
+     */
+    previewContent?: ReactNode;
+    /**
+     * Optional styled tooltip text for the preview content.
+     */
+    previewTooltip?: string;
+}
+
+export type EventPreviewViewModel = ViewModel<EventPreviewViewSnapshot>;
+
+type EventPreviewViewProps = Omit<ComponentPropsWithoutRef<"span">, "children" | "title"> & {
+    /**
+     * The view model for the event preview.
+     */
+    vm: EventPreviewViewModel;
+};
+
+/**
+ * Renders a compact preview of an event.
+ */
+export function EventPreviewView({ vm, className, ...props }: Readonly<EventPreviewViewProps>): JSX.Element {
+    const { isVisible, previewContent, previewTooltip } = useViewModel(vm);
+
+    if (!isVisible || !previewContent) {
+        return <></>;
+    }
+
+    const preview = (
+        <span {...props} className={classNames("mx_EventPreview", styles.eventPreview, className)}>
+            {previewContent}
+        </span>
+    );
+
+    if (!previewTooltip) {
+        return preview;
+    }
+
+    return <Tooltip description={previewTooltip}>{preview}</Tooltip>;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/__snapshots__/EventPreviewView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/__snapshots__/EventPreviewView.test.tsx.snap
new file mode 100644
index 00000000000..13681011a01
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/__snapshots__/EventPreviewView.test.tsx.snap
@@ -0,0 +1,24 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`EventPreviewView > renders a prefixed event preview 1`] = `
+<div>
+  <span
+    class="mx_EventPreview EventPreviewView-module_eventPreview"
+  >
+    <strong>
+      Image:
+    </strong>
+     city-map.png
+  </span>
+</div>
+`;
+
+exports[`EventPreviewView > renders the default event preview 1`] = `
+<div>
+  <span
+    class="mx_EventPreview EventPreviewView-module_eventPreview"
+  >
+    A short text message preview
+  </span>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/index.ts b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/index.ts
new file mode 100644
index 00000000000..58f422d4e19
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventPreviewView/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 { EventPreviewView, type EventPreviewViewModel, type EventPreviewViewSnapshot } from "./EventPreviewView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.module.css b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.module.css
new file mode 100644
index 00000000000..40c6156ba83
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/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/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx
new file mode 100644
index 00000000000..059d7b3a12b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.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 React from "react";
+import { LockSolidIcon, ErrorSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { EventTileBubble } from "./EventTileBubble";
+
+const meta = {
+    title: "Timeline/Timeline Event/EventTileBubble",
+    component: EventTileBubble,
+    tags: ["autodocs"],
+    args: {
+        icon: <ErrorSolidIcon />,
+        title: "Title goes here",
+        subtitle: "Subtitle goes here",
+        className: "custom-class",
+    },
+} satisfies Meta<typeof EventTileBubble>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const HasLockSolidIcon: Story = {
+    args: {
+        className: undefined,
+        icon: <LockSolidIcon />,
+        children: undefined,
+    },
+};
+
+export const HasChildren: Story = {
+    args: {
+        className: undefined,
+        children: <div>children</div>,
+    },
+};
+
+export const IsCryptoEventBubble: Story = {
+    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/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.test.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.test.tsx
new file mode 100644
index 00000000000..ecac4f6615b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/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/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.tsx
new file mode 100644
index 00000000000..7890e62302d
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/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/room/timeline/event-tile/EventTileView/EventTileBubble/__snapshots__/EventTileBubble.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/__snapshots__/EventTileBubble.test.tsx.snap
new file mode 100644
index 00000000000..d54c5151eee
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/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="EventTileBubble-module_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="EventTileBubble-module_title"
+    >
+      Title goes here
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Subtitle goes here
+    </div>
+  </div>
+</div>
+`;
+
+exports[`EventTileBubble > renders the event tile bubble as crypto event bubble 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_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="EventTileBubble-module_title"
+    >
+      Encryption enabled
+    </div>
+    <div
+      class="EventTileBubble-module_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="EventTileBubble-module_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="EventTileBubble-module_title"
+    >
+      Title goes here
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Subtitle goes here
+    </div>
+    <div>
+      children
+    </div>
+  </div>
+</div>
+`;
+
+exports[`EventTileBubble > renders the event tile bubble with icon 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_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="EventTileBubble-module_title"
+    >
+      Title goes here
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Subtitle goes here
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/index.ts b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/index.ts
new file mode 100644
index 00000000000..e9f58fc4697
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/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 { EventTileBubble, type EventTileBubbleProps } from "./EventTileBubble";
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx
new file mode 100644
index 00000000000..1fa6b3d5db4
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.stories.tsx
@@ -0,0 +1,73 @@
+/*
+ * 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, StoryObj } from "@storybook/react-vite";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import { MJitsiWidgetEventView, type MJitsiWidgetEventViewSnapshot } from "./MJitsiWidgetEventView";
+
+type MJitsiWidgetEventViewProps = MJitsiWidgetEventViewSnapshot & {
+    className?: string;
+};
+
+const MJitsiWidgetEventViewWrapperImpl = ({
+    className,
+    ...snapshot
+}: MJitsiWidgetEventViewProps): JSX.Element | null => {
+    const vm = useMockedViewModel(snapshot, {});
+
+    return <MJitsiWidgetEventView vm={vm} className={className} />;
+};
+
+const MJitsiWidgetEventViewWrapper = withViewDocs(MJitsiWidgetEventViewWrapperImpl, MJitsiWidgetEventView);
+
+const meta = {
+    title: "Timeline/Timeline Event/MJitsiWidgetEventView",
+    component: MJitsiWidgetEventViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        isVisible: true,
+        title: "Video conference started by Alice",
+        subtitle: "Join the conference at the top of this room",
+        className: "",
+    },
+} satisfies Meta<typeof MJitsiWidgetEventViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Started: Story = {};
+
+export const Updated: Story = {
+    args: {
+        title: "Video conference updated by Alice",
+        subtitle: "Join the conference from the room information card on the right",
+    },
+};
+
+export const Ended: Story = {
+    args: {
+        title: "Video conference ended by Alice",
+        subtitle: null,
+    },
+};
+
+export const Hidden: Story = {
+    args: {
+        isVisible: false,
+        title: "",
+        subtitle: null,
+    },
+};
+
+export const WithTimestamp: Story = {
+    args: {
+        timestamp: <span>14:56</span>,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.test.tsx
new file mode 100644
index 00000000000..7879ba79422
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.test.tsx
@@ -0,0 +1,82 @@
+/*
+ * 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, screen } from "@test-utils";
+import React from "react";
+import { describe, expect, it } from "vitest";
+
+import { MockViewModel } from "../../../../../core/viewmodel";
+import { MJitsiWidgetEventView } from "./MJitsiWidgetEventView";
+import * as stories from "./MJitsiWidgetEventView.stories";
+
+const { Started, Updated, Ended, Hidden, WithTimestamp } = composeStories(stories);
+
+describe("MJitsiWidgetEventView", () => {
+    it("renders the Started story", () => {
+        const { container } = render(<Started />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText("Video conference started by Alice")).toBeInTheDocument();
+        expect(screen.getByText("Join the conference at the top of this room")).toBeInTheDocument();
+    });
+
+    it("renders the Updated story", () => {
+        const { container } = render(<Updated />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText("Video conference updated by Alice")).toBeInTheDocument();
+        expect(screen.getByText("Join the conference from the room information card on the right")).toBeInTheDocument();
+    });
+
+    it("renders the Ended story without a subtitle", () => {
+        const { container } = render(<Ended />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText("Video conference ended by Alice")).toBeInTheDocument();
+        expect(screen.queryByText(/Join the conference/)).not.toBeInTheDocument();
+    });
+
+    it("renders nothing when hidden", () => {
+        const { container } = render(<Hidden />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.queryByText(/Video conference/)).not.toBeInTheDocument();
+    });
+
+    it("renders a timestamp", () => {
+        const { container } = render(<WithTimestamp />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText("14:56")).toBeInTheDocument();
+    });
+
+    it("applies a custom className to the root element", () => {
+        const vm = new MockViewModel({
+            isVisible: true,
+            title: "Video conference started by Alice",
+            subtitle: null,
+        });
+        const { container } = render(<MJitsiWidgetEventView vm={vm} className="custom-jitsi" />);
+
+        expect(container.firstChild).toHaveClass("custom-jitsi");
+    });
+
+    it("forwards the provided ref to the root element", () => {
+        const ref = React.createRef<HTMLDivElement>() as React.RefObject<HTMLDivElement>;
+        const vm = new MockViewModel({
+            isVisible: true,
+            title: "Video conference started by Alice",
+            subtitle: null,
+        });
+
+        render(<MJitsiWidgetEventView vm={vm} ref={ref} />);
+
+        expect(ref.current).toBeInstanceOf(HTMLDivElement);
+        expect(ref.current).toHaveTextContent("Video conference started by Alice");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.tsx
new file mode 100644
index 00000000000..1728d4b8c08
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/MJitsiWidgetEventView.tsx
@@ -0,0 +1,73 @@
+/*
+ * 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 { VideoCallSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import { EventTileBubble } from "../EventTileBubble";
+
+export interface MJitsiWidgetEventViewSnapshot {
+    /**
+     * Whether the event has enough context to render.
+     */
+    isVisible: boolean;
+    /**
+     * Main title text for the Jitsi widget event.
+     */
+    title: string;
+    /**
+     * Optional join prompt shown below the title.
+     */
+    subtitle: string | null;
+    /**
+     * Optional timestamp element rendered in the EventTileBubble footer slot.
+     */
+    timestamp?: JSX.Element;
+}
+
+export type MJitsiWidgetEventViewModel = ViewModel<MJitsiWidgetEventViewSnapshot>;
+
+export interface MJitsiWidgetEventViewProps {
+    /**
+     * ViewModel providing the current Jitsi widget event snapshot.
+     */
+    vm: MJitsiWidgetEventViewModel;
+    /**
+     * Optional CSS classes passed through to EventTileBubble.
+     */
+    className?: string;
+    /**
+     * Optional Ref forwarded to the root DOM element.
+     */
+    ref?: React.RefObject<HTMLDivElement>;
+}
+
+/**
+ * Renders a timeline bubble describing a Jitsi widget state event.
+ */
+export function MJitsiWidgetEventView({
+    vm,
+    className,
+    ref,
+}: Readonly<MJitsiWidgetEventViewProps>): JSX.Element | null {
+    const { isVisible, title, subtitle, timestamp } = useViewModel(vm);
+
+    if (!isVisible) return null;
+
+    return (
+        <EventTileBubble
+            icon={<VideoCallSolidIcon color="var(--cpd-color-icon-primary)" />}
+            className={className}
+            title={title}
+            subtitle={subtitle || undefined}
+            ref={ref}
+        >
+            {timestamp}
+        </EventTileBubble>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/__snapshots__/MJitsiWidgetEventView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/__snapshots__/MJitsiWidgetEventView.test.tsx.snap
new file mode 100644
index 00000000000..e4437f78d5f
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/__snapshots__/MJitsiWidgetEventView.test.tsx.snap
@@ -0,0 +1,125 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`MJitsiWidgetEventView > renders a timestamp 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container"
+  >
+    <svg
+      color="var(--cpd-color-icon-primary)"
+      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="EventTileBubble-module_title"
+    >
+      Video conference started by Alice
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Join the conference at the top of this room
+    </div>
+    <span>
+      14:56
+    </span>
+  </div>
+</div>
+`;
+
+exports[`MJitsiWidgetEventView > renders nothing when hidden 1`] = `<div />`;
+
+exports[`MJitsiWidgetEventView > renders the Ended story without a subtitle 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container"
+  >
+    <svg
+      color="var(--cpd-color-icon-primary)"
+      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="EventTileBubble-module_title"
+    >
+      Video conference ended by Alice
+    </div>
+  </div>
+</div>
+`;
+
+exports[`MJitsiWidgetEventView > renders the Started story 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container"
+  >
+    <svg
+      color="var(--cpd-color-icon-primary)"
+      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="EventTileBubble-module_title"
+    >
+      Video conference started by Alice
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Join the conference at the top of this room
+    </div>
+  </div>
+</div>
+`;
+
+exports[`MJitsiWidgetEventView > renders the Updated story 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container"
+  >
+    <svg
+      color="var(--cpd-color-icon-primary)"
+      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="EventTileBubble-module_title"
+    >
+      Video conference updated by Alice
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Join the conference from the room information card on the right
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/index.ts b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/index.ts
new file mode 100644
index 00000000000..5566a78512c
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MJitsiWidgetEventView/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 {
+    MJitsiWidgetEventView,
+    type MJitsiWidgetEventViewProps,
+    type MJitsiWidgetEventViewSnapshot,
+    type MJitsiWidgetEventViewModel,
+} from "./MJitsiWidgetEventView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.module.css b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.module.css
new file mode 100644
index 00000000000..5c3342207ba
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.module.css
@@ -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.
+ */
+
+.content {
+    svg {
+        color: var(--cpd-color-icon-primary);
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.stories.tsx
new file mode 100644
index 00000000000..8a181b3c6d1
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.stories.tsx
@@ -0,0 +1,60 @@
+/*
+ * 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, StoryObj } from "@storybook/react-vite";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import { MKeyVerificationRequestView, type MKeyVerificationRequestViewSnapshot } from "./MKeyVerificationRequestView";
+
+type MKeyVerificationRequestViewProps = MKeyVerificationRequestViewSnapshot & {
+    className?: string;
+};
+
+const MKeyVerificationRequestViewWrapperImpl = ({
+    className,
+    ...snapshot
+}: MKeyVerificationRequestViewProps): JSX.Element => {
+    const vm = useMockedViewModel(snapshot, {});
+
+    return <MKeyVerificationRequestView vm={vm} className={className} />;
+};
+
+const MKeyVerificationRequestViewWrapper = withViewDocs(
+    MKeyVerificationRequestViewWrapperImpl,
+    MKeyVerificationRequestView,
+);
+
+const meta = {
+    title: "Timeline/Timeline Event/MKeyVerificationRequestView",
+    component: MKeyVerificationRequestViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        title: "Alice wants to verify",
+        subtitle: "Alice (@alice:example.org)",
+        className: "",
+    },
+} satisfies Meta<typeof MKeyVerificationRequestViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Received: Story = {};
+
+export const SentByMe: Story = {
+    args: {
+        title: "You sent a verification request",
+        subtitle: "Bob (@bob:example.org)",
+    },
+};
+
+export const WithTimestamp: Story = {
+    args: {
+        timestamp: <span>14:56</span>,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.test.tsx
new file mode 100644
index 00000000000..c61a00b1382
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.test.tsx
@@ -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 { composeStories } from "@storybook/react-vite";
+import { render, screen } from "@test-utils";
+import React from "react";
+import { describe, expect, it } from "vitest";
+
+import { MockViewModel } from "../../../../../core/viewmodel";
+import { MKeyVerificationRequestView } from "./MKeyVerificationRequestView";
+import * as stories from "./MKeyVerificationRequestView.stories";
+
+const { Received, SentByMe, WithTimestamp } = composeStories(stories);
+
+describe("MKeyVerificationRequestView", () => {
+    it("renders the Received story", () => {
+        const { container } = render(<Received />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText("Alice wants to verify")).toBeInTheDocument();
+        expect(screen.getByText("Alice (@alice:example.org)")).toBeInTheDocument();
+    });
+
+    it("renders the SentByMe story", () => {
+        const { container } = render(<SentByMe />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText("You sent a verification request")).toBeInTheDocument();
+        expect(screen.getByText("Bob (@bob:example.org)")).toBeInTheDocument();
+    });
+
+    it("renders a timestamp", () => {
+        const { container } = render(<WithTimestamp />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText("14:56")).toBeInTheDocument();
+    });
+
+    it("applies a custom className to the root element", () => {
+        const vm = new MockViewModel({
+            title: "Alice wants to verify",
+            subtitle: "Alice (@alice:example.org)",
+        });
+        const { container } = render(<MKeyVerificationRequestView vm={vm} className="custom-verification" />);
+
+        expect(container.firstChild).toHaveClass("custom-verification");
+    });
+
+    it("forwards the provided ref to the root element", () => {
+        const ref = React.createRef<HTMLDivElement>() as React.RefObject<HTMLDivElement>;
+        const vm = new MockViewModel({
+            title: "Alice wants to verify",
+            subtitle: "Alice (@alice:example.org)",
+        });
+
+        render(<MKeyVerificationRequestView vm={vm} ref={ref} />);
+
+        expect(ref.current).toBeInstanceOf(HTMLDivElement);
+        expect(ref.current).toHaveTextContent("Alice wants to verify");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.tsx
new file mode 100644
index 00000000000..6814883e91e
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/MKeyVerificationRequestView.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 classNames from "classnames";
+import React, { type JSX } from "react";
+import { LockSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import { EventTileBubble } from "../EventTileBubble";
+import styles from "./MKeyVerificationRequestView.module.css";
+
+export interface MKeyVerificationRequestViewSnapshot {
+    /**
+     * Main title text for the verification request.
+     */
+    title: string;
+    /**
+     * Label for the other user involved in the request.
+     */
+    subtitle: string;
+    /**
+     * Optional timestamp element rendered in the EventTileBubble footer slot.
+     */
+    timestamp?: JSX.Element;
+}
+
+export type MKeyVerificationRequestViewModel = ViewModel<MKeyVerificationRequestViewSnapshot>;
+
+export interface MKeyVerificationRequestViewProps {
+    /**
+     * ViewModel providing the current verification request snapshot.
+     */
+    vm: MKeyVerificationRequestViewModel;
+    /**
+     * Optional CSS classes passed through to EventTileBubble.
+     */
+    className?: string;
+    /**
+     * Optional Ref forwarded to the root DOM element.
+     */
+    ref?: React.RefObject<HTMLDivElement>;
+}
+
+/**
+ * Renders a timeline bubble describing a key verification request message.
+ */
+export function MKeyVerificationRequestView({
+    vm,
+    className,
+    ref,
+}: Readonly<MKeyVerificationRequestViewProps>): JSX.Element {
+    const { title, subtitle, timestamp } = useViewModel(vm);
+
+    return (
+        <EventTileBubble
+            icon={<LockSolidIcon />}
+            className={classNames(styles.content, className)}
+            title={title}
+            subtitle={subtitle}
+            ref={ref}
+        >
+            {timestamp}
+        </EventTileBubble>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/__snapshots__/MKeyVerificationRequestView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/__snapshots__/MKeyVerificationRequestView.test.tsx.snap
new file mode 100644
index 00000000000..2ca016919de
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/__snapshots__/MKeyVerificationRequestView.test.tsx.snap
@@ -0,0 +1,94 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`MKeyVerificationRequestView > renders a timestamp 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container MKeyVerificationRequestView-module_content"
+  >
+    <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="EventTileBubble-module_title"
+    >
+      Alice wants to verify
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Alice (@alice:example.org)
+    </div>
+    <span>
+      14:56
+    </span>
+  </div>
+</div>
+`;
+
+exports[`MKeyVerificationRequestView > renders the Received story 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container MKeyVerificationRequestView-module_content"
+  >
+    <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="EventTileBubble-module_title"
+    >
+      Alice wants to verify
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Alice (@alice:example.org)
+    </div>
+  </div>
+</div>
+`;
+
+exports[`MKeyVerificationRequestView > renders the SentByMe story 1`] = `
+<div>
+  <div
+    class="EventTileBubble-module_container MKeyVerificationRequestView-module_content"
+  >
+    <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="EventTileBubble-module_title"
+    >
+      You sent a verification request
+    </div>
+    <div
+      class="EventTileBubble-module_subtitle"
+    >
+      Bob (@bob:example.org)
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/index.ts b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/index.ts
new file mode 100644
index 00000000000..641da39c234
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/MKeyVerificationRequestView/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 {
+    MKeyVerificationRequestView,
+    type MKeyVerificationRequestViewProps,
+    type MKeyVerificationRequestViewSnapshot,
+    type MKeyVerificationRequestViewModel,
+} from "./MKeyVerificationRequestView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.module.css b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.module.css
new file mode 100644
index 00000000000..cee0c3feaf9
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.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.
+ */
+
+.pinnedMessageBadge {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: var(--cpd-space-1x);
+    padding: var(--cpd-space-1x) var(--cpd-space-3x) var(--cpd-space-1x) var(--cpd-space-1x);
+    font: var(--cpd-font-body-xs-medium);
+    background-color: var(--cpd-color-bg-subtle-secondary);
+    color: var(--cpd-color-text-secondary);
+    border: 1px solid var(--cpd-color-alpha-gray-400);
+    border-radius: 99px;
+
+    svg {
+        fill: var(--cpd-color-icon-secondary);
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx
new file mode 100644
index 00000000000..a4a1b966376
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx
@@ -0,0 +1,25 @@
+/*
+ * 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 { Meta, StoryObj } from "@storybook/react-vite";
+import { PinnedMessageBadge } from "./PinnedMessageBadge";
+
+const meta = {
+    title: "Timeline/Timeline Event/PinnedMessageBadge",
+    component: PinnedMessageBadge,
+    args: {
+        "aria-describedby": "event-tile-description",
+        "tabIndex": 0,
+    },
+    tags: ["autodocs"],
+} satisfies Meta<typeof PinnedMessageBadge>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.test.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.test.tsx
new file mode 100644
index 00000000000..a2d74a6b9c7
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.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 React from "react";
+import { composeStories } from "@storybook/react-vite";
+import { describe, expect, it } from "vitest";
+import { render } from "@test-utils";
+
+import * as stories from "./PinnedMessageBadge.stories";
+
+const { Default } = composeStories(stories);
+
+describe("PinnedMessageBadge", () => {
+    it("renders the default badge", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.tsx
new file mode 100644
index 00000000000..9d87aecf27b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.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 React, { type HTMLAttributes, type JSX } from "react";
+import classNames from "classnames";
+import PinIcon from "@vector-im/compound-design-tokens/assets/web/icons/pin-solid";
+
+import styles from "./PinnedMessageBadge.module.css";
+import { _t } from "../../../../../core/i18n/i18n";
+
+export type PinnedMessageBadgeProps = HTMLAttributes<HTMLDivElement>;
+
+/**
+ * A badge indicating that a message is pinned.
+ */
+export function PinnedMessageBadge({ className, children, ...props }: Readonly<PinnedMessageBadgeProps>): JSX.Element {
+    return (
+        <div {...props} className={classNames(styles.pinnedMessageBadge, className)}>
+            <PinIcon width="16px" height="16px" />
+            {children ?? _t("room|pinned_message_badge")}
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/__snapshots__/PinnedMessageBadge.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/__snapshots__/PinnedMessageBadge.test.tsx.snap
new file mode 100644
index 00000000000..c588c68b29f
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/__snapshots__/PinnedMessageBadge.test.tsx.snap
@@ -0,0 +1,24 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`PinnedMessageBadge > renders the default badge 1`] = `
+<div>
+  <div
+    aria-describedby="event-tile-description"
+    class="PinnedMessageBadge-module_pinnedMessageBadge"
+    tabindex="0"
+  >
+    <svg
+      fill="currentColor"
+      height="16px"
+      viewBox="0 0 24 24"
+      width="16px"
+      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>
+    Pinned message
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/index.ts b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/index.ts
new file mode 100644
index 00000000000..5e74f31a572
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/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 { PinnedMessageBadge, type PinnedMessageBadgeProps } from "./PinnedMessageBadge";
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.module.css b/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.module.css
new file mode 100644
index 00000000000..24fcda18d0d
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.module.css
@@ -0,0 +1,31 @@
+/*
+ * 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.
+ */
+
+.textualEvent {
+    font-size: var(--cpd-font-size-body-sm);
+    line-height: normal;
+    overflow-y: hidden;
+    color: var(--cpd-color-text-secondary);
+}
+
+.textualEvent[data-event-layout="irc"] {
+    padding: 1px 0;
+    display: inline-block;
+    line-height: 1.125rem;
+}
+
+.avatarButton {
+    display: inline;
+    position: relative;
+    top: 3px;
+    margin-inline-start: 0.25em;
+    padding: 0;
+    border: 0;
+    background: none;
+    color: inherit;
+    cursor: pointer;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.stories.tsx
new file mode 100644
index 00000000000..121ce86b0ff
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.stories.tsx
@@ -0,0 +1,79 @@
+/*
+ * 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 { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import {
+    RoomAvatarEventView,
+    type RoomAvatarEventViewActions,
+    type RoomAvatarEventViewSnapshot,
+} from "./RoomAvatarEventView";
+
+type RoomAvatarEventViewStoryProps = RoomAvatarEventViewSnapshot &
+    RoomAvatarEventViewActions & {
+        className?: string;
+    };
+
+const RoomAvatarEventViewWrapperImpl = ({
+    onAvatarClick,
+    className,
+    ...snapshot
+}: RoomAvatarEventViewStoryProps): JSX.Element => {
+    const vm = useMockedViewModel(snapshot, { onAvatarClick });
+
+    return (
+        <RoomAvatarEventView
+            vm={vm}
+            className={className}
+            renderAvatar={() => (
+                <span
+                    aria-hidden="true"
+                    style={{
+                        display: "inline-block",
+                        width: 14,
+                        height: 14,
+                        borderRadius: "50%",
+                        background: "#0dbd8b",
+                    }}
+                />
+            )}
+        />
+    );
+};
+
+const RoomAvatarEventViewWrapper = withViewDocs(RoomAvatarEventViewWrapperImpl, RoomAvatarEventView);
+
+const meta = {
+    title: "Timeline/Timeline Event/RoomAvatarEventView",
+    component: RoomAvatarEventViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        senderDisplayName: "Alice",
+        roomName: "General",
+        avatarUrl: "mxc://example.org/avatar",
+        lightboxLabel: "Alice changed the avatar for General",
+        isRemoved: false,
+        onAvatarClick: fn(),
+        className: "",
+    },
+} satisfies Meta<typeof RoomAvatarEventViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Changed: Story = {};
+
+export const Removed: Story = {
+    args: {
+        avatarUrl: undefined,
+        isRemoved: true,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.test.tsx
new file mode 100644
index 00000000000..cf6ed287414
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.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, expect, it } from "vitest";
+
+import * as stories from "./RoomAvatarEventView.stories.tsx";
+
+const { Changed, Removed } = composeStories(stories);
+
+describe("RoomAvatarEventView", () => {
+    it("renders a changed room avatar event", () => {
+        const { container } = render(<Changed />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a removed room avatar event", () => {
+        const { container } = render(<Removed />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.tsx
new file mode 100644
index 00000000000..4fc54cc80c3
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/RoomAvatarEventView.tsx
@@ -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 classNames from "classnames";
+import React, { type JSX, type ReactNode, type Ref } from "react";
+
+import { useI18n } from "../../../../../core/i18n/i18nContext";
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import { useEventPresentationAttributes } from "../../../EventPresentation/EventPresentationContext";
+import styles from "./RoomAvatarEventView.module.css";
+
+export interface RoomAvatarEventViewSnapshot {
+    /**
+     * Display name for the event sender.
+     */
+    senderDisplayName: string;
+    /**
+     * Room name at the time the avatar event is rendered.
+     */
+    roomName: string;
+    /**
+     * MXC URL from the avatar event content.
+     */
+    avatarUrl?: string;
+    /**
+     * Accessible label for opening the avatar preview.
+     */
+    lightboxLabel: string;
+    /**
+     * Whether this event removed the room avatar.
+     */
+    isRemoved: boolean;
+}
+
+export interface RoomAvatarEventViewActions {
+    /**
+     * Invoked when the user opens the avatar image.
+     */
+    onAvatarClick(this: void): void;
+}
+
+export type RoomAvatarEventViewModel = ViewModel<RoomAvatarEventViewSnapshot, RoomAvatarEventViewActions>;
+
+export interface RoomAvatarEventViewProps {
+    /**
+     * ViewModel providing room avatar event state and actions.
+     */
+    vm: RoomAvatarEventViewModel;
+    /**
+     * Renders the avatar thumbnail using the host application's avatar implementation.
+     */
+    renderAvatar(snapshot: RoomAvatarEventViewSnapshot): ReactNode;
+    /**
+     * Optional CSS class names applied to the root element.
+     */
+    className?: string;
+    /**
+     * Optional ref forwarded to the root element.
+     */
+    ref?: Ref<HTMLElement>;
+}
+
+/**
+ * Renders a room avatar state event.
+ */
+export function RoomAvatarEventView({
+    vm,
+    renderAvatar,
+    className,
+    ref,
+}: Readonly<RoomAvatarEventViewProps>): JSX.Element {
+    const snapshot = useViewModel(vm);
+    const _t = useI18n().translate;
+    const eventPresentationAttributes = useEventPresentationAttributes();
+    const classes = classNames(styles.textualEvent, className);
+
+    if (snapshot.isRemoved) {
+        return (
+            <div className={classes} ref={ref as Ref<HTMLDivElement>} {...eventPresentationAttributes}>
+                {_t("timeline|m.room.avatar|removed", { senderDisplayName: snapshot.senderDisplayName })}
+            </div>
+        );
+    }
+
+    return (
+        <span className={classes} ref={ref} {...eventPresentationAttributes}>
+            {_t(
+                "timeline|m.room.avatar|changed_img",
+                { senderDisplayName: snapshot.senderDisplayName },
+                {
+                    img: () => (
+                        <button
+                            type="button"
+                            className={styles.avatarButton}
+                            onClick={vm.onAvatarClick}
+                            aria-label={snapshot.lightboxLabel}
+                        >
+                            {renderAvatar(snapshot)}
+                        </button>
+                    ),
+                },
+            )}
+        </span>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/__snapshots__/RoomAvatarEventView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/__snapshots__/RoomAvatarEventView.test.tsx.snap
new file mode 100644
index 00000000000..82fc07b6ba3
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/__snapshots__/RoomAvatarEventView.test.tsx.snap
@@ -0,0 +1,37 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`RoomAvatarEventView > renders a changed room avatar event 1`] = `
+<div>
+  <span
+    class="RoomAvatarEventView-module_textualEvent"
+    data-event-density="default"
+    data-event-layout="group"
+  >
+    <span>
+      Alice changed the room avatar to
+      <button
+        aria-label="Alice changed the avatar for General"
+        class="RoomAvatarEventView-module_avatarButton"
+        type="button"
+      >
+        <span
+          aria-hidden="true"
+          style="display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: rgb(13, 189, 139);"
+        />
+      </button>
+    </span>
+  </span>
+</div>
+`;
+
+exports[`RoomAvatarEventView > renders a removed room avatar event 1`] = `
+<div>
+  <div
+    class="RoomAvatarEventView-module_textualEvent"
+    data-event-density="default"
+    data-event-layout="group"
+  >
+    Alice removed the room avatar.
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/index.ts b/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/index.ts
new file mode 100644
index 00000000000..d2d6eb2aaed
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/RoomAvatarEventView/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 * from "./RoomAvatarEventView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/SenderProfileView/.gitkeep b/packages/shared-components/src/room/timeline/event-tile/EventTileView/SenderProfileView/.gitkeep
new file mode 100644
index 00000000000..8b137891791
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/SenderProfileView/.gitkeep
@@ -0,0 +1 @@
+
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.module.css b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.module.css
new file mode 100644
index 00000000000..8e74f81589c
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.module.css
@@ -0,0 +1,25 @@
+/*
+ * 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.
+ */
+
+.textualEvent {
+    font-size: var(--cpd-font-size-body-sm);
+    line-height: normal;
+
+    overflow-y: hidden;
+    color: var(--cpd-color-text-secondary);
+
+    a {
+        cursor: pointer;
+        color: var(--cpd-color-text-action-accent);
+    }
+}
+
+.textualEvent[data-event-layout="irc"] {
+    padding: 1px 0; /* add a 1px padding top and bottom because our larger emoji font otherwise gets cropped by anti-zalgo */
+    display: inline-block;
+    line-height: 1.125rem; /* $font-18px equivalent of the legacy --irc-line-height */
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx
new file mode 100644
index 00000000000..62a83b88195
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx
@@ -0,0 +1,39 @@
+/*
+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 Meta, type StoryObj } from "@storybook/react-vite";
+import React from "react";
+
+import { TextualEventView as TextualEventComponent } from "./TextualEventView";
+import { MockViewModel } from "../../../../../core/viewmodel/MockViewModel";
+
+const meta = {
+    title: "Timeline/Timeline Event/TextualEventView",
+    component: TextualEventComponent,
+    tags: ["autodocs"],
+    args: {
+        vm: new MockViewModel({ content: "Dummy textual event text" }),
+    },
+} satisfies Meta<typeof TextualEventComponent>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithLink: Story = {
+    args: {
+        vm: new MockViewModel({
+            content: (
+                <>
+                    <span>Dummy [🤒] textual event text </span>
+                    <a href="~">with link</a>
+                </>
+            ),
+        }),
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.test.tsx
new file mode 100644
index 00000000000..6d7f5ce755f
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.test.tsx
@@ -0,0 +1,27 @@
+/*
+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 { composeStories } from "@storybook/react-vite";
+import { render } from "@test-utils";
+import React from "react";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./TextualEventView.stories.tsx";
+
+const { Default, WithLink } = composeStories(stories);
+
+describe("TextualEventView", () => {
+    it("renders a textual event", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a textual event with link", () => {
+        const { container } = render(<WithLink />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.tsx
new file mode 100644
index 00000000000..b9e9d1e5c93
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.tsx
@@ -0,0 +1,41 @@
+/*
+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 classNames from "classnames";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import styles from "./TextualEventView.module.css";
+import { useEventPresentationAttributes } from "../../../EventPresentation/EventPresentationContext";
+
+export type TextualEventViewSnapshot = {
+    content: string | ReactNode;
+};
+
+export interface Props {
+    /** The view model for the tile error fallback. */
+    vm: ViewModel<TextualEventViewSnapshot>;
+
+    /** Optional host-level class names. */
+    className?: string;
+}
+
+/**
+ * Renders a plain textual timeline event without message-body decorations.
+ *
+ * This view is used for simple informational timeline entries where the
+ * content is already prepared by the view model.
+ */
+export function TextualEventView({ vm, className }: Readonly<Props>): JSX.Element {
+    const eventPresentationAttributes = useEventPresentationAttributes();
+    const snapshot = useViewModel(vm);
+    return (
+        <div className={classNames(styles.textualEvent, className)} {...eventPresentationAttributes}>
+            {snapshot.content}
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/__snapshots__/TextualEventView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/__snapshots__/TextualEventView.test.tsx.snap
new file mode 100644
index 00000000000..79ae9ad3ecb
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/__snapshots__/TextualEventView.test.tsx.snap
@@ -0,0 +1,32 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`TextualEventView > renders a textual event 1`] = `
+<div>
+  <div
+    class="TextualEventView-module_textualEvent"
+    data-event-density="default"
+    data-event-layout="group"
+  >
+    Dummy textual event text
+  </div>
+</div>
+`;
+
+exports[`TextualEventView > renders a textual event with link 1`] = `
+<div>
+  <div
+    class="TextualEventView-module_textualEvent"
+    data-event-density="default"
+    data-event-layout="group"
+  >
+    <span>
+      Dummy [🤒] textual event text 
+    </span>
+    <a
+      href="~"
+    >
+      with link
+    </a>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/index.ts b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/index.ts
new file mode 100644
index 00000000000..589130bd28a
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/index.ts
@@ -0,0 +1,8 @@
+/*
+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 { TextualEventView, type TextualEventViewSnapshot } from "./TextualEventView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.module.css b/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.module.css
new file mode 100644
index 00000000000..f04a3167b8e
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.module.css
@@ -0,0 +1,121 @@
+/*
+ * 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.
+ */
+
+.threadSummary,
+.content {
+    color: var(--cpd-color-text-secondary);
+}
+
+.threadSummary {
+    margin-top: var(--cpd-space-2x);
+    min-width: 267px;
+    max-width: min(calc(100% - var(--EventTile_group_line-spacing-inline-start, 0px)), 600px);
+    width: fit-content;
+    height: 40px;
+    position: relative;
+    background-color: var(--cpd-color-bg-subtle-secondary);
+    padding-inline: var(--cpd-space-3x) var(--cpd-space-4x);
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    border-radius: 8px;
+    box-sizing: border-box;
+    clear: both;
+    overflow: hidden;
+    border: 1px solid var(--cpd-color-bg-subtle-secondary);
+    font: var(--cpd-font-body-sm-regular);
+    appearance: none;
+    cursor: pointer;
+    text-align: start;
+}
+
+.threadSummary:hover,
+.threadSummary:focus {
+    border-color: var(--cpd-color-border-interactive-secondary);
+}
+
+.threadSummary:hover .chevron,
+.threadSummary:focus .chevron {
+    opacity: 1;
+    transform: translateX(0);
+}
+
+.sender,
+.content {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+.content {
+    font: var(--cpd-font-body-sm-regular);
+}
+
+.sender {
+    font-weight: var(--cpd-font-weight-semibold);
+}
+
+.content strong {
+    font: var(--cpd-font-body-sm-semibold);
+}
+
+.threadSummary .repliesAmount,
+.threadSummary .sender,
+.threadSummary .content {
+    line-height: var(--EventTile_ThreadSummary-line-height, 24px);
+}
+
+.threadSummary .content {
+    margin-left: var(--cpd-space-1x);
+    flex: 1;
+}
+
+.repliesAmount {
+    color: var(--cpd-color-text-secondary);
+    font-weight: var(--cpd-font-weight-semibold);
+    white-space: nowrap;
+    position: relative;
+    padding: 0 var(--cpd-space-3x) 0 var(--cpd-space-2x);
+}
+
+.avatar {
+    margin-inline-end: var(--cpd-space-2x);
+    flex-shrink: 0;
+}
+
+.threadIcon {
+    flex-shrink: 0;
+}
+
+.chevron {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    width: 60px;
+    box-sizing: border-box;
+    background: linear-gradient(270deg, var(--cpd-color-bg-canvas-default) 50%, transparent 100%);
+    opacity: 0;
+    transform: translateX(60px);
+    transition: all 0.1s ease-in-out;
+}
+
+.chevron svg {
+    position: absolute;
+    top: 50%;
+    right: var(--cpd-space-1x);
+    transform: translateY(-50%);
+    width: 24px;
+    height: 24px;
+    color: var(--cpd-color-text-secondary);
+}
+
+.narrow {
+    min-width: initial;
+    max-width: 100%;
+    width: initial;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx
new file mode 100644
index 00000000000..511b506172c
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.stories.tsx
@@ -0,0 +1,106 @@
+/*
+ * 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 { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import {
+    ThreadSummaryView,
+    type ThreadMessagePreviewViewSnapshot,
+    type ThreadSummaryViewActions,
+    type ThreadSummaryViewSnapshot,
+} from "./ThreadSummaryView";
+
+type WrapperProps = Omit<ThreadSummaryViewSnapshot, "previewVm"> &
+    Partial<ThreadSummaryViewActions> & {
+        preview: ThreadMessagePreviewViewSnapshot;
+    };
+
+const ThreadSummaryViewWrapperImpl = ({ onClick, preview, ...snapshotProps }: Readonly<WrapperProps>): JSX.Element => {
+    const previewVm = useMockedViewModel(preview, {});
+    const vm = useMockedViewModel(
+        {
+            ...snapshotProps,
+            previewVm,
+        },
+        {
+            onClick: onClick ?? fn(),
+        },
+    );
+
+    return <ThreadSummaryView vm={vm} />;
+};
+
+const ThreadSummaryViewWrapper = withViewDocs(ThreadSummaryViewWrapperImpl, ThreadSummaryView);
+
+const defaultPreview: ThreadMessagePreviewViewSnapshot = {
+    isVisible: true,
+    avatar: {
+        id: "@alice:example.org",
+        name: "Alice",
+        label: "User avatar",
+    },
+    showDisplayName: true,
+    senderName: "Alice",
+    previewContent: "Can you review the draft?",
+    previewTooltip: "Can you review the draft?",
+};
+
+const meta = {
+    title: "Timeline/Timeline Event/ThreadSummary",
+    component: ThreadSummaryViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        isVisible: true,
+        replyCountLabel: "3 replies",
+        openThreadLabel: "Open thread",
+        notificationIndicator: undefined,
+        narrow: false,
+        preview: defaultPreview,
+    },
+} satisfies Meta<typeof ThreadSummaryViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Narrow: Story = {
+    args: {
+        replyCountLabel: "3",
+        narrow: true,
+        preview: {
+            ...defaultPreview,
+            showDisplayName: false,
+        },
+    },
+};
+
+export const WithNotification: Story = {
+    args: {
+        notificationIndicator: "critical",
+    },
+};
+
+export const DecryptionFailure: Story = {
+    args: {
+        preview: {
+            ...defaultPreview,
+            previewContent: "Unable to decrypt message",
+            previewTooltip: "Unable to decrypt message",
+        },
+    },
+};
+
+export const Hidden: Story = {
+    args: {
+        isVisible: false,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.test.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.test.tsx
new file mode 100644
index 00000000000..6d4e742f8fe
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummary.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 { composeStories } from "@storybook/react-vite";
+import { render, screen } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+
+import { MockViewModel } from "../../../../../core/viewmodel";
+import {
+    ThreadSummaryView,
+    type ThreadMessagePreviewViewSnapshot,
+    type ThreadSummaryViewActions,
+    type ThreadSummaryViewModel,
+    type ThreadSummaryViewSnapshot,
+} from "./ThreadSummaryView";
+import * as stories from "./ThreadSummary.stories";
+
+const { Default, Narrow, WithNotification, DecryptionFailure, Hidden } = composeStories(stories);
+
+describe("ThreadSummaryView", () => {
+    it("renders the default thread summary", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the narrow thread summary", () => {
+        const { container } = render(<Narrow />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a notification indicator", () => {
+        const { container } = render(<WithNotification />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a decryption failure preview", () => {
+        const { container } = render(<DecryptionFailure />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("does not render when hidden", () => {
+        render(<Hidden />);
+        expect(screen.queryByRole("button", { name: "Open thread" })).not.toBeInTheDocument();
+    });
+
+    it("invokes the click action", async () => {
+        const user = userEvent.setup();
+        const onClick = vi.fn();
+        const previewVm = new MockViewModel<ThreadMessagePreviewViewSnapshot>({
+            isVisible: true,
+            showDisplayName: false,
+            previewContent: "Latest reply",
+        });
+        const vm = new (class extends MockViewModel<ThreadSummaryViewSnapshot> implements ThreadSummaryViewActions {
+            public constructor() {
+                super({
+                    isVisible: true,
+                    replyCountLabel: "1 reply",
+                    openThreadLabel: "Open thread",
+                    narrow: false,
+                    previewVm,
+                });
+            }
+
+            public onClick = onClick;
+        })() as ThreadSummaryViewModel;
+
+        render(<ThreadSummaryView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "Open thread" }));
+
+        expect(onClick).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummaryView.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummaryView.tsx
new file mode 100644
index 00000000000..d4fe7bf2fee
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/ThreadSummaryView.tsx
@@ -0,0 +1,184 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ * 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 ComponentPropsWithoutRef, type JSX, type MouseEventHandler, type ReactNode } from "react";
+import { Avatar, IndicatorIcon, Tooltip } from "@vector-im/compound-web";
+import { ChevronRightIcon, ThreadsSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import styles from "./ThreadSummary.module.css";
+
+export type ThreadSummaryNotificationIndicator = ComponentPropsWithoutRef<typeof IndicatorIcon>["indicator"];
+
+export interface ThreadMessagePreviewAvatar {
+    /**
+     * Optional class name supplied by the app for integration styling.
+     */
+    className?: string;
+    /**
+     * Stable id used for avatar colour hashing.
+     */
+    id: string;
+    /**
+     * Name used by the avatar fallback.
+     */
+    name: string;
+    /**
+     * Optional avatar image URL.
+     */
+    src?: string;
+    /**
+     * Accessible label for the avatar.
+     */
+    label: string;
+    /**
+     * Optional tooltip/title text for the avatar image.
+     */
+    title?: string;
+}
+
+export interface ThreadMessagePreviewViewSnapshot {
+    /**
+     * Controls whether the preview should render.
+     */
+    isVisible: boolean;
+    /**
+     * Sender avatar data.
+     */
+    avatar?: ThreadMessagePreviewAvatar;
+    /**
+     * Whether to render the sender display name.
+     */
+    showDisplayName: boolean;
+    /**
+     * Sender display name.
+     */
+    senderName?: string;
+    /**
+     * Rendered preview content.
+     */
+    previewContent?: ReactNode;
+    /**
+     * Optional styled tooltip text for the preview content.
+     */
+    previewTooltip?: string;
+}
+
+export type ThreadMessagePreviewViewModel = ViewModel<ThreadMessagePreviewViewSnapshot>;
+
+export interface ThreadSummaryViewSnapshot {
+    /**
+     * Controls whether the summary should render.
+     */
+    isVisible: boolean;
+    /**
+     * Text for the reply count section.
+     */
+    replyCountLabel: string;
+    /**
+     * Accessible label for opening the thread.
+     */
+    openThreadLabel: string;
+    /**
+     * Notification indicator shown on the thread icon.
+     */
+    notificationIndicator?: ThreadSummaryNotificationIndicator;
+    /**
+     * Whether the summary is being rendered in the narrow timeline layout.
+     */
+    narrow: boolean;
+    /**
+     * View model for the last-message preview.
+     */
+    previewVm: ThreadMessagePreviewViewModel;
+}
+
+export interface ThreadSummaryViewActions {
+    /**
+     * Invoked when the user opens the thread.
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+
+export type ThreadSummaryViewModel = ViewModel<ThreadSummaryViewSnapshot, ThreadSummaryViewActions>;
+
+type ThreadSummaryViewProps = Omit<ComponentPropsWithoutRef<"button">, "aria-label" | "onClick"> & {
+    /**
+     * The view model for the thread summary.
+     */
+    vm: ThreadSummaryViewModel;
+};
+
+interface ThreadMessagePreviewViewProps {
+    /**
+     * The view model for the thread message preview.
+     */
+    vm: ThreadMessagePreviewViewModel;
+}
+
+export function ThreadMessagePreviewView({ vm }: Readonly<ThreadMessagePreviewViewProps>): JSX.Element {
+    const { isVisible, avatar, showDisplayName, senderName, previewContent, previewTooltip } = useViewModel(vm);
+
+    if (!isVisible || !previewContent) {
+        return <></>;
+    }
+
+    const content = <span className={styles.content}>{previewContent}</span>;
+    const avatarClassName = avatar?.className ? `${styles.avatar} ${avatar.className}` : styles.avatar;
+
+    return (
+        <>
+            {avatar && (
+                <Avatar
+                    id={avatar.id}
+                    name={avatar.name}
+                    src={avatar.src}
+                    title={avatar.title}
+                    aria-label={avatar.label}
+                    type="round"
+                    size="24px"
+                    className={avatarClassName}
+                />
+            )}
+            {showDisplayName && senderName && <div className={styles.sender}>{senderName}</div>}
+            {previewTooltip ? <Tooltip description={previewTooltip}>{content}</Tooltip> : content}
+        </>
+    );
+}
+
+export function ThreadSummaryView({
+    vm,
+    className,
+    type = "button",
+    ...props
+}: Readonly<ThreadSummaryViewProps>): JSX.Element {
+    const { isVisible, replyCountLabel, openThreadLabel, notificationIndicator, narrow, previewVm } = useViewModel(vm);
+
+    if (!isVisible) {
+        return <></>;
+    }
+
+    const buttonClassName = [styles.threadSummary, className, narrow ? styles.narrow : undefined]
+        .filter(Boolean)
+        .join(" ");
+
+    return (
+        // oxlint-disable-next-line react/button-has-type
+        <button {...props} type={type} className={buttonClassName} onClick={vm.onClick} aria-label={openThreadLabel}>
+            <IndicatorIcon size="24px" indicator={notificationIndicator} className={styles.threadIcon}>
+                <ThreadsSolidIcon />
+            </IndicatorIcon>
+            <span className={styles.repliesAmount}>{replyCountLabel}</span>
+            <ThreadMessagePreviewView vm={previewVm} />
+            <div className={styles.chevron}>
+                <ChevronRightIcon />
+            </div>
+        </button>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/__snapshots__/ThreadSummary.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/__snapshots__/ThreadSummary.test.tsx.snap
new file mode 100644
index 00000000000..4cc93e529eb
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/__snapshots__/ThreadSummary.test.tsx.snap
@@ -0,0 +1,265 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ThreadSummaryView > renders a decryption failure preview 1`] = `
+<div>
+  <button
+    aria-label="Open thread"
+    class="ThreadSummary-module_threadSummary"
+    type="button"
+  >
+    <div
+      class="_indicator-icon_147l5_17 ThreadSummary-module_threadIcon"
+      style="--cpd-icon-button-size: 24px;"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
+        />
+      </svg>
+    </div>
+    <span
+      class="ThreadSummary-module_repliesAmount"
+    >
+      3 replies
+    </span>
+    <span
+      aria-label="User avatar"
+      class="_avatar_va14e_8 ThreadSummary-module_avatar _avatar-imageless_va14e_55"
+      data-color="3"
+      data-type="round"
+      role="img"
+      style="--cpd-avatar-size: 24px;"
+    >
+      A
+    </span>
+    <div
+      class="ThreadSummary-module_sender"
+    >
+      Alice
+    </div>
+    <span
+      class="ThreadSummary-module_content"
+    >
+      Unable to decrypt message
+    </span>
+    <div
+      class="ThreadSummary-module_chevron"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+    </div>
+  </button>
+</div>
+`;
+
+exports[`ThreadSummaryView > renders a notification indicator 1`] = `
+<div>
+  <button
+    aria-label="Open thread"
+    class="ThreadSummary-module_threadSummary"
+    type="button"
+  >
+    <div
+      class="_indicator-icon_147l5_17 ThreadSummary-module_threadIcon"
+      data-indicator="critical"
+      style="--cpd-icon-button-size: 24px;"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
+        />
+      </svg>
+    </div>
+    <span
+      class="ThreadSummary-module_repliesAmount"
+    >
+      3 replies
+    </span>
+    <span
+      aria-label="User avatar"
+      class="_avatar_va14e_8 ThreadSummary-module_avatar _avatar-imageless_va14e_55"
+      data-color="3"
+      data-type="round"
+      role="img"
+      style="--cpd-avatar-size: 24px;"
+    >
+      A
+    </span>
+    <div
+      class="ThreadSummary-module_sender"
+    >
+      Alice
+    </div>
+    <span
+      class="ThreadSummary-module_content"
+    >
+      Can you review the draft?
+    </span>
+    <div
+      class="ThreadSummary-module_chevron"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+    </div>
+  </button>
+</div>
+`;
+
+exports[`ThreadSummaryView > renders the default thread summary 1`] = `
+<div>
+  <button
+    aria-label="Open thread"
+    class="ThreadSummary-module_threadSummary"
+    type="button"
+  >
+    <div
+      class="_indicator-icon_147l5_17 ThreadSummary-module_threadIcon"
+      style="--cpd-icon-button-size: 24px;"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
+        />
+      </svg>
+    </div>
+    <span
+      class="ThreadSummary-module_repliesAmount"
+    >
+      3 replies
+    </span>
+    <span
+      aria-label="User avatar"
+      class="_avatar_va14e_8 ThreadSummary-module_avatar _avatar-imageless_va14e_55"
+      data-color="3"
+      data-type="round"
+      role="img"
+      style="--cpd-avatar-size: 24px;"
+    >
+      A
+    </span>
+    <div
+      class="ThreadSummary-module_sender"
+    >
+      Alice
+    </div>
+    <span
+      class="ThreadSummary-module_content"
+    >
+      Can you review the draft?
+    </span>
+    <div
+      class="ThreadSummary-module_chevron"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+    </div>
+  </button>
+</div>
+`;
+
+exports[`ThreadSummaryView > renders the narrow thread summary 1`] = `
+<div>
+  <button
+    aria-label="Open thread"
+    class="ThreadSummary-module_threadSummary ThreadSummary-module_narrow"
+    type="button"
+  >
+    <div
+      class="_indicator-icon_147l5_17 ThreadSummary-module_threadIcon"
+      style="--cpd-icon-button-size: 24px;"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
+        />
+      </svg>
+    </div>
+    <span
+      class="ThreadSummary-module_repliesAmount"
+    >
+      3
+    </span>
+    <span
+      aria-label="User avatar"
+      class="_avatar_va14e_8 ThreadSummary-module_avatar _avatar-imageless_va14e_55"
+      data-color="3"
+      data-type="round"
+      role="img"
+      style="--cpd-avatar-size: 24px;"
+    >
+      A
+    </span>
+    <span
+      class="ThreadSummary-module_content"
+    >
+      Can you review the draft?
+    </span>
+    <div
+      class="ThreadSummary-module_chevron"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
+        />
+      </svg>
+    </div>
+  </button>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/index.ts b/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/index.ts
new file mode 100644
index 00000000000..914bd0a2225
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/ThreadSummary/index.ts
@@ -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.
+ */
+
+export {
+    ThreadMessagePreviewView,
+    ThreadSummaryView,
+    type ThreadMessagePreviewAvatar,
+    type ThreadMessagePreviewViewModel,
+    type ThreadMessagePreviewViewSnapshot,
+    type ThreadSummaryNotificationIndicator,
+    type ThreadSummaryViewActions,
+    type ThreadSummaryViewModel,
+    type ThreadSummaryViewSnapshot,
+} from "./ThreadSummaryView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorBoundary/.gitkeep b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorBoundary/.gitkeep
new file mode 100644
index 00000000000..8b137891791
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorBoundary/.gitkeep
@@ -0,0 +1 @@
+
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.module.css b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.module.css
new file mode 100644
index 00000000000..7e0226ed4b2
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.module.css
@@ -0,0 +1,42 @@
+.tileErrorView {
+    font-size: var(--cpd-font-size-body-sm);
+
+    color: var(--cpd-color-text-secondary);
+    list-style: none;
+    text-align: center;
+
+    .line {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
+        gap: var(--cpd-space-2x);
+    }
+
+    .message {
+        padding: var(--cpd-space-1x) var(--cpd-space-4x);
+    }
+
+    .viewSourceButton {
+        appearance: none;
+        padding: 0;
+        border: 0;
+        background: none;
+        color: var(--cpd-color-text-action-primary);
+        cursor: pointer;
+        font: inherit;
+        text-decoration: underline;
+    }
+
+    .viewSourceButton:focus-visible {
+        outline: 2px solid var(--cpd-color-border-focused);
+        outline-offset: 2px;
+        border-radius: var(--cpd-space-1x);
+    }
+}
+
+.tileErrorView[data-event-layout="bubble"] {
+    .line {
+        flex-direction: column;
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx
new file mode 100644
index 00000000000..db60b2ed4f8
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx
@@ -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 React, { type ComponentProps, type JSX } from "react";
+import { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { TileErrorView, type TileErrorViewActions, type TileErrorViewSnapshot } from "./TileErrorView";
+
+type WrapperProps = TileErrorViewSnapshot &
+    Partial<TileErrorViewActions> &
+    Omit<ComponentProps<typeof TileErrorView>, "vm">;
+
+const TileErrorViewWrapperImpl = ({
+    className,
+    onBugReportClick = fn(),
+    onViewSourceClick = fn(),
+    ...snapshotProps
+}: WrapperProps): JSX.Element => {
+    const vm = useMockedViewModel(snapshotProps, {
+        onBugReportClick,
+        onViewSourceClick,
+    });
+
+    return <TileErrorView vm={vm} className={className} />;
+};
+
+const TileErrorViewWrapper = withViewDocs(TileErrorViewWrapperImpl, TileErrorView);
+
+const meta = {
+    title: "Timeline/Timeline Event/TileErrorView",
+    component: TileErrorViewWrapper,
+    tags: ["autodocs"],
+    decorators: [
+        (Story): JSX.Element => (
+            <ul>
+                <Story />
+            </ul>
+        ),
+    ],
+    args: {
+        message: "Can't load this message",
+        eventType: "m.room.message",
+        bugReportCtaLabel: "Submit debug logs",
+        viewSourceCtaLabel: "View source",
+    },
+} satisfies Meta<typeof TileErrorViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const BubbleLayout: Story = {
+    globals: {
+        eventLayout: "bubble",
+    },
+};
+
+export const WithoutActions: Story = {
+    args: {
+        bugReportCtaLabel: undefined,
+        viewSourceCtaLabel: undefined,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.test.tsx
new file mode 100644
index 00000000000..58c6526690d
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.test.tsx
@@ -0,0 +1,92 @@
+/*
+ * 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 MouseEventHandler } from "react";
+import { composeStories } from "@storybook/react-vite";
+import userEvent from "@testing-library/user-event";
+import { render, screen } from "@test-utils";
+import { describe, expect, it, vi } from "vitest";
+
+import { MockViewModel } from "../../../../../core/viewmodel";
+import {
+    TileErrorView,
+    type TileErrorViewActions,
+    type TileErrorViewModel,
+    type TileErrorViewSnapshot,
+} from "./TileErrorView";
+import * as stories from "./TileErrorView.stories";
+
+const { Default, BubbleLayout, WithoutActions } = composeStories(stories);
+
+describe("TileErrorView", () => {
+    it("renders the default tile error state", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the bubble layout variant", () => {
+        const { container } = render(<BubbleLayout />, {
+            presentation: { layout: "bubble" },
+        });
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the fallback text without actions", () => {
+        render(<WithoutActions />);
+
+        expect(screen.getByText("Can't load this message (m.room.message)")).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: "Submit debug logs" })).not.toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: "View source" })).not.toBeInTheDocument();
+    });
+
+    it("invokes bug-report and view-source actions", async () => {
+        const user = userEvent.setup();
+        const onBugReportClick = vi.fn();
+        const onViewSourceClick = vi.fn();
+
+        class TestTileErrorViewModel extends MockViewModel<TileErrorViewSnapshot> implements TileErrorViewActions {
+            public onBugReportClick?: MouseEventHandler<HTMLButtonElement>;
+            public onViewSourceClick?: MouseEventHandler<HTMLButtonElement>;
+
+            public constructor(snapshot: TileErrorViewSnapshot, actions: TileErrorViewActions) {
+                super(snapshot);
+                Object.assign(this, actions);
+            }
+        }
+
+        const vm = new TestTileErrorViewModel(
+            {
+                message: "Can't load this message",
+                eventType: "m.room.message",
+                bugReportCtaLabel: "Submit debug logs",
+                viewSourceCtaLabel: "View source",
+            },
+            {
+                onBugReportClick,
+                onViewSourceClick,
+            },
+        ) as TileErrorViewModel;
+
+        render(<TileErrorView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "Submit debug logs" }));
+        await user.click(screen.getByRole("button", { name: "View source" }));
+
+        expect(onBugReportClick).toHaveBeenCalledTimes(1);
+        expect(onViewSourceClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("applies a custom className to the root element", () => {
+        const vm = new MockViewModel<TileErrorViewSnapshot>({
+            message: "Can't load this message",
+        }) as TileErrorViewModel;
+
+        render(<TileErrorView vm={vm} className="custom-tile-error" />);
+
+        expect(screen.getByRole("status").closest("li")).toHaveClass("custom-tile-error");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.tsx
new file mode 100644
index 00000000000..873669e415f
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.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, type MouseEventHandler } from "react";
+import classNames from "classnames";
+import { Button } from "@vector-im/compound-web";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import styles from "./TileErrorView.module.css";
+import { useEventPresentationAttributes } from "../../../EventPresentation/EventPresentationContext";
+
+/** Snapshot data for rendering an event tile error fallback. */
+export interface TileErrorViewSnapshot {
+    /** Primary fallback text shown when a tile fails to render. */
+    message: string;
+    /** Optional event type appended to the fallback text. */
+    eventType?: string;
+    /** Optional label for the bug-report action button. */
+    bugReportCtaLabel?: string;
+    /** Optional label for the view-source action. */
+    viewSourceCtaLabel?: string;
+}
+
+/** User actions emitted by the tile error fallback. */
+export interface TileErrorViewActions {
+    /** Invoked when the bug-report button is clicked. */
+    onBugReportClick?: MouseEventHandler<HTMLButtonElement>;
+    /** Invoked when the view-source action is clicked. */
+    onViewSourceClick?: MouseEventHandler<HTMLButtonElement>;
+}
+
+/** View model contract for the tile error fallback. */
+export type TileErrorViewModel = ViewModel<TileErrorViewSnapshot, TileErrorViewActions>;
+
+interface TileErrorViewProps {
+    /**
+     * The view model for the tile error fallback.
+     */
+    vm: TileErrorViewModel;
+    /**
+     * Optional host-level class names.
+     */
+    className?: string;
+}
+
+/**
+ * Renders a timeline tile fallback when message content cannot be displayed.
+ *
+ * The component shows the fallback error message from the view model, optionally
+ * appends the event type in parentheses, and can render bug-report and view-source
+ * actions when their labels are provided.
+ */
+export function TileErrorView({ vm, className }: Readonly<TileErrorViewProps>): JSX.Element {
+    const eventPresentationAttributes = useEventPresentationAttributes();
+    const { message, eventType, bugReportCtaLabel, viewSourceCtaLabel } = useViewModel(vm);
+
+    return (
+        <li className={classNames(styles.tileErrorView, className)} {...eventPresentationAttributes}>
+            <div className={styles.line} role="status">
+                <span className={styles.message}>
+                    {message}
+                    {eventType && ` (${eventType})`}
+                </span>
+                {bugReportCtaLabel && (
+                    <Button kind="secondary" size="md" onClick={vm.onBugReportClick}>
+                        {bugReportCtaLabel}
+                    </Button>
+                )}
+                {viewSourceCtaLabel && (
+                    <button type="button" className={styles.viewSourceButton} onClick={vm.onViewSourceClick}>
+                        {viewSourceCtaLabel}
+                    </button>
+                )}
+            </div>
+        </li>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/__snapshots__/TileErrorView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/__snapshots__/TileErrorView.test.tsx.snap
new file mode 100644
index 00000000000..d45ebe33321
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/__snapshots__/TileErrorView.test.tsx.snap
@@ -0,0 +1,79 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`TileErrorView > renders the bubble layout variant 1`] = `
+<div>
+  <ul>
+    <li
+      class="TileErrorView-module_tileErrorView"
+      data-event-density="default"
+      data-event-layout="bubble"
+    >
+      <div
+        class="TileErrorView-module_line"
+        role="status"
+      >
+        <span
+          class="TileErrorView-module_message"
+        >
+          Can't load this message
+           (m.room.message)
+        </span>
+        <button
+          class="_button_1nw83_8"
+          data-kind="secondary"
+          data-size="md"
+          role="button"
+          tabindex="0"
+        >
+          Submit debug logs
+        </button>
+        <button
+          class="TileErrorView-module_viewSourceButton"
+          type="button"
+        >
+          View source
+        </button>
+      </div>
+    </li>
+  </ul>
+</div>
+`;
+
+exports[`TileErrorView > renders the default tile error state 1`] = `
+<div>
+  <ul>
+    <li
+      class="TileErrorView-module_tileErrorView"
+      data-event-density="default"
+      data-event-layout="group"
+    >
+      <div
+        class="TileErrorView-module_line"
+        role="status"
+      >
+        <span
+          class="TileErrorView-module_message"
+        >
+          Can't load this message
+           (m.room.message)
+        </span>
+        <button
+          class="_button_1nw83_8"
+          data-kind="secondary"
+          data-size="md"
+          role="button"
+          tabindex="0"
+        >
+          Submit debug logs
+        </button>
+        <button
+          class="TileErrorView-module_viewSourceButton"
+          type="button"
+        >
+          View source
+        </button>
+      </div>
+    </li>
+  </ul>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/index.ts b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/index.ts
new file mode 100644
index 00000000000..4c31e5c8d6d
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/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 {
+    TileErrorView,
+    type TileErrorViewActions,
+    type TileErrorViewModel,
+    type TileErrorViewSnapshot,
+} from "./TileErrorView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.module.css b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.module.css
new file mode 100644
index 00000000000..1ed1c10f699
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.module.css
@@ -0,0 +1,179 @@
+/*
+ * 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.preview {
+    background-color: #fff;
+}
+
+.containerCollapsed {
+    max-width: 100%;
+    display: flex;
+    border: 1px solid var(--cpd-color-border-interactive-secondary);
+    border-radius: 12px;
+    /* Get radius from cpd */
+    flex-direction: row;
+    color: var(--cpd-color-text-secondary);
+    overflow: clip;
+    gap: 8px;
+    padding: var(--cpd-space-3x) var(--cpd-space-4x);
+
+    background: var(--cpd-color-bg-subtle-secondary);
+
+    .textContent {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .preview {
+        flex-shrink: 0;
+        aspect-ratio: 1;
+        height: 2.7em;
+
+        button {
+            background-size: cover;
+            background-position: center;
+            background-repeat: no-repeat;
+            border-radius: 8px;
+            border: none;
+            height: 100%;
+            aspect-ratio: 1;
+        }
+    }
+
+    .siteName span {
+        line-height: 135%;
+    }
+
+    .title,
+    .siteName > span {
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+        line-clamp: 1;
+        overflow: hidden;
+        min-width: 0;
+    }
+}
+
+.containerExpanded {
+    box-sizing: border-box;
+    max-width: 100%;
+    width: 478px;
+    display: flex;
+    border: 1px solid var(--cpd-color-border-interactive-secondary);
+    border-radius: 12px;
+    /* Get radius from cpd */
+    flex-direction: column;
+    color: var(--cpd-color-text-secondary);
+    overflow: clip;
+
+    background: var(--cpd-color-bg-subtle-secondary);
+
+    &.inline {
+        flex-direction: row;
+        gap: var(--cpd-space-4x);
+        padding: var(--cpd-space-3x) var(--cpd-space-4x);
+
+        .title {
+            margin: 0;
+        }
+
+        .siteAvatar {
+            margin: auto 0;
+        }
+
+        .siteName {
+            margin: 0;
+        }
+    }
+
+    .textContent {
+        padding: var(--cpd-space-3x) var(--cpd-space-4x);
+
+        &.inline {
+            padding: 0;
+        }
+
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-1x);
+    }
+
+    .caption {
+        display: inline-flex;
+        flex-direction: column;
+        min-width: 0;
+        /* Prevent blowout */
+    }
+
+    .caption {
+        flex: 1;
+        overflow: hidden;
+        /* cause it to wrap rather than clip */
+    }
+
+    .preview {
+        display: flex;
+        position: relative;
+        max-width: 100%;
+        width: 478px;
+        height: 200px;
+        background-size: cover;
+        background-position: center;
+        border: none;
+        padding: 0;
+
+        .playButton[data-kind="primary"] {
+            padding: 0;
+            width: 50px;
+            height: 50px;
+            margin: auto;
+            background: var(--cpd-color-text-on-solid-primary);
+
+            > svg {
+                margin: auto;
+                border-radius: 50px;
+                color: var(--cpd-color-icon-primary);
+            }
+        }
+    }
+
+    .siteName {
+        margin-top: var(--cpd-space-1x);
+    }
+
+    .title,
+    .description {
+        line-clamp: 2;
+        -webkit-line-clamp: 2;
+    }
+}
+
+.siteName {
+    vertical-align: middle;
+    display: flex;
+    gap: var(--cpd-space-1-5x);
+
+    > * {
+        /* Center everything */
+        margin: auto 0;
+    }
+}
+
+.title,
+.description {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    white-space: normal;
+    margin: 0;
+}
+
+.title {
+    color: var(--cpd-color-text-primary);
+    text-decoration-line: none;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx
new file mode 100644
index 00000000000..21a530a63bd
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx
@@ -0,0 +1,194 @@
+/*
+ * 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, StoryFn } from "@storybook/react-vite";
+import { LinkPreview } from "./LinkPreview";
+import { LinkedTextContext } from "../../../../../core/utils/LinkedText";
+import { waitForBackgroundImages } from "../../../../../../.storybook/waitForImages";
+import imageFile from "../../../../../../static/element.png";
+import imageFileWide from "../../../../../../static/wideImage.png";
+import imageFileTall from "../../../../../../static/tallImage.png";
+
+export default {
+    title: "EventTiles/LinkPreview",
+    component: LinkPreview,
+    tags: ["autodocs"],
+    args: {
+        onImageClick: fn(),
+    },
+    play: async ({ canvasElement }) => {
+        await waitForBackgroundImages(canvasElement);
+    },
+    argTypes: {
+        siteName: {
+            control: "text",
+        },
+        author: {
+            control: "text",
+        },
+        siteIcon: { control: { type: "file", accept: ".png" } },
+        image: {},
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/sI9A2kV2K4xeiyqJsL7Ey3/Link-Previews?node-id=87-7920",
+        },
+    },
+} satisfies Meta<typeof LinkPreview>;
+
+const Template: StoryFn<typeof LinkPreview> = (args) => (
+    <LinkedTextContext.Provider value={{}}>
+        <LinkPreview {...args} />
+    </LinkedTextContext.Provider>
+);
+
+export const Default = Template.bind({});
+Default.args = {
+    title: "A simple title",
+    description: "A simple description",
+    link: "https://matrix.org",
+    siteName: "Site name",
+    image: {
+        imageThumb: imageFile,
+        imageFull: imageFile,
+        alt: "Element logo",
+        playable: false,
+        mxcImageFull: "mxc://server/file",
+    },
+};
+
+export const Title = Template.bind({});
+Title.args = {
+    title: "A simple title",
+    link: "https://matrix.org",
+    siteName: "matrix.org",
+};
+
+export const TitleAndDescription = Template.bind({});
+TitleAndDescription.args = {
+    title: "A simple title",
+    description: "A simple description with a link to https://matrix.org",
+    link: "https://matrix.org",
+    siteName: "matrix.org",
+};
+export const WithSiteIcon = Template.bind({});
+WithSiteIcon.args = {
+    title: "A simple title",
+    link: "https://matrix.org",
+    siteName: "matrix.org",
+    siteIcon: imageFile,
+};
+
+export const WithSiteIconAndDescription = Template.bind({});
+WithSiteIconAndDescription.args = {
+    title: "A simple title",
+    description: "A simple description with a link to https://matrix.org",
+    link: "https://matrix.org",
+    siteName: "matrix.org",
+    siteIcon: imageFile,
+};
+
+export const WithTooltip = Template.bind({});
+WithTooltip.args = {
+    title: "A simple title",
+    description: "A simple description",
+    showTooltipOnLink: true,
+    link: "https://matrix.org",
+    siteName: "matrix.org",
+};
+
+export const Article = Template.bind({});
+Article.args = {
+    title: "A linked article",
+    description:
+        "This is a basic description returned from the linked source, usually with a word or two about what the link contains.",
+    link: "https://matrix.org",
+    siteName: "blog.example.org",
+    image: {
+        imageThumb: imageFileWide,
+        imageFull: imageFileWide,
+        alt: "A dog",
+        playable: false,
+        mxcImageFull: "mxc://server/file",
+    },
+};
+
+export const Video = Template.bind({});
+Video.args = {
+    title: "A linked video",
+    description:
+        "This is a link to a video. You cannot play the video inline yet, but you can click the play button to open the link",
+    link: "https://matrix.org",
+    siteName: "blog.example.org",
+    image: {
+        imageThumb: imageFileWide,
+        imageFull: imageFileWide,
+        alt: "A dog",
+        playable: true,
+        mxcImageFull: "mxc://server/file",
+    },
+};
+
+export const Social = Template.bind({});
+Social.args = {
+    description: "Sending a small message",
+    link: "https://matrix.org",
+    siteName: "socialsite.example.org",
+    title: "Test user (@test)",
+    author: "@test",
+};
+
+export const SocialWithImage = Template.bind({});
+SocialWithImage.args = {
+    description: "Sending a message with an attached image.",
+    title: "Test user (@test)",
+    link: "https://matrix.org",
+    siteName: "socialsite.example.org",
+    author: "@test",
+    image: {
+        imageThumb: imageFileWide,
+        imageFull: imageFileWide,
+        alt: "A dog",
+        playable: false,
+        mxcImageFull: "mxc://server/file",
+    },
+};
+
+export const WithVeryLongText = Template.bind({});
+WithVeryLongText.args = {
+    title: "GitHub - element-hq/not-a-real-repo: A very very long PR title that should be rendered nicely",
+    description:
+        "This PR doesn't actually exist and neither does the repository. It might exist one day if we go into the business of making paradoxical repository names.",
+    link: "https://matrix.org",
+    siteName: "GitHub",
+    image: {
+        imageThumb: imageFile,
+        imageFull: imageFile,
+        alt: "Element logo",
+        playable: false,
+        mxcImageFull: "mxc://server/file",
+    },
+};
+
+export const WithTallImage = Template.bind({});
+WithTallImage.args = {
+    title: "A simple title",
+    description: "A simple description",
+    link: "https://matrix.org",
+    siteName: "Site name",
+    image: {
+        imageThumb: imageFileTall,
+        imageFull: imageFileTall,
+        alt: "Element logo",
+        playable: false,
+        mxcImageFull: "mxc://server/file",
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.test.tsx b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.test.tsx
new file mode 100644
index 00000000000..1fa218b6ca8
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.test.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 { render, screen } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect } from "vitest";
+import React from "react";
+import userEvent from "@testing-library/user-event";
+
+import * as stories from "./LinkPreview.stories.tsx";
+
+const { Default, WithTooltip, Title, TitleAndDescription, Video } = composeStories(stories);
+
+describe("LinkPreview", () => {
+    it("renders a preview", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders a preview with just a title", () => {
+        const { container } = render(<Title />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders a preview with just a title and description", () => {
+        const { container } = render(<TitleAndDescription />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders a preview with a tooltip", async () => {
+        const user = userEvent.setup();
+        render(<WithTooltip />);
+        await user.tab();
+        expect(screen.getByText("A simple title")).toHaveFocus();
+        // Tooltip has the URL
+        expect(await screen.findByText("https://matrix.org/")).toBeVisible();
+    });
+    it("renders a playable preview that can be opened with a click", () => {
+        const { container } = render(<Video />);
+        expect(container).toMatchSnapshot();
+        const button = screen.getByLabelText("Open link");
+        expect(button).toHaveAttribute("href", "https://matrix.org");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.tsx b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.tsx
new file mode 100644
index 00000000000..686bc2a2977
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.tsx
@@ -0,0 +1,204 @@
+/*
+ * 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 { Tooltip, Text, Avatar, Button } from "@vector-im/compound-web";
+import PlaySolidIcon from "@vector-im/compound-design-tokens/assets/web/icons/play-solid";
+import classNames from "classnames";
+
+import { useI18n } from "../../../../../core/i18n/i18nContext";
+import type { UrlPreview } from "../types";
+import { LinkedText } from "../../../../../core/utils/LinkedText";
+import styles from "./LinkPreview.module.css";
+
+export interface LinkPreviewActions {
+    onImageClick: () => void;
+}
+
+export type LinkPreviewProps = UrlPreview & LinkPreviewActions & { collapsed: boolean };
+
+export function LinkTitle({
+    title,
+    showTooltipOnLink,
+    link,
+}: Pick<LinkPreviewProps, "title" | "showTooltipOnLink" | "link">): JSX.Element {
+    const caption = new URL(link).toString();
+    const anchor = (
+        <Text
+            as="a"
+            type="body"
+            weight="semibold"
+            size="md"
+            className={styles.title}
+            href={link}
+            target="_blank"
+            rel="noreferrer noopener"
+        >
+            {title}
+        </Text>
+    );
+    return showTooltipOnLink ? <Tooltip label={caption}>{anchor}</Tooltip> : anchor;
+}
+
+export function LinkSiteName({ siteIcon, siteName }: { siteIcon?: string; siteName: string }): JSX.Element {
+    return (
+        <div className={styles.siteName}>
+            {siteIcon && <Avatar size="16px" name={siteName} id={siteName} src={siteIcon} />}
+            <Text as="span" size="sm" weight="regular">
+                {siteName}
+            </Text>
+        </div>
+    );
+}
+
+/**
+ * A condensed link preview that only contains the site icon, the title of the link and the site name.
+ */
+function LinkPreviewInline({
+    title,
+    showTooltipOnLink,
+    siteIcon,
+    siteName,
+    link,
+}: Omit<LinkPreviewProps, "image" | "description" | "author" | "onImageClick">): JSX.Element {
+    return (
+        <div className={classNames(styles.containerExpanded, styles.inline)}>
+            {siteIcon && (
+                <div className={styles.siteAvatar}>
+                    <Avatar type="square" size="48px" name={title} id={title} src={siteIcon} />
+                </div>
+            )}
+            <div className={classNames(styles.textContent, styles.inline)}>
+                <LinkTitle title={title} showTooltipOnLink={showTooltipOnLink} link={link} />
+                {siteName && <LinkSiteName siteName={siteName} />}
+            </div>
+        </div>
+    );
+}
+
+/**
+ * LinkPreview renders a single preview component for a single link on an event. It is usually rendered as part of
+ * a `UrlPreviewGroupView`.
+ */
+export function LinkPreview(props: LinkPreviewProps): JSX.Element {
+    if (props.collapsed) {
+        return <LinkPreviewCollapsed {...props} />;
+    } else {
+        return <LinkPreviewExpanded {...props} />;
+    }
+}
+
+function createImageClickHandler({ onImageClick, ...preview }: LinkPreviewProps): React.MouseEventHandler {
+    return (ev) => {
+        if (ev.button != 0 || ev.metaKey) return;
+        ev.preventDefault();
+
+        if (!preview.image?.imageFull) {
+            return;
+        }
+        onImageClick();
+    };
+}
+
+export function LinkPreviewCollapsed(preview: LinkPreviewProps): JSX.Element {
+    const { translate: _t } = useI18n();
+    let img: JSX.Element | undefined;
+
+    if (preview.image && !preview.image.playable) {
+        img = (
+            <div className={styles.preview}>
+                <button
+                    type="button"
+                    style={{
+                        backgroundImage: `url('${preview.image.imageThumb}')`,
+                    }}
+                    onClick={createImageClickHandler(preview)}
+                    aria-label={_t("timeline|url_preview|view_image")}
+                />
+            </div>
+        );
+    }
+
+    return (
+        <div className={styles.containerCollapsed}>
+            {img}
+            <div className={styles.textContent}>
+                <LinkTitle title={preview.title} showTooltipOnLink={preview.showTooltipOnLink} link={preview.link} />
+                {preview.siteName && <LinkSiteName siteName={preview.siteName} />}
+            </div>
+        </div>
+    );
+}
+
+export function LinkPreviewExpanded(preview: LinkPreviewProps): JSX.Element {
+    const { translate: _t } = useI18n();
+
+    if (!preview.image && !preview.author && !preview.description) {
+        return <LinkPreviewInline {...preview} />;
+    }
+
+    let img: JSX.Element | undefined;
+
+    if (preview.image) {
+        if (preview.image.playable) {
+            // Playable media do not have clickable images so we don't
+            // overlay buttons atop buttons, instead we render a
+            // button for them to open the media.
+            img = (
+                <div
+                    style={{
+                        backgroundImage: `url('${preview.image.imageThumb}')`,
+                    }}
+                    className={styles.preview}
+                >
+                    <Button
+                        as="a"
+                        href={preview.link}
+                        aria-label={_t("timeline|url_preview|open_link")}
+                        className={styles.playButton}
+                        target="_blank"
+                        rel="noreferrer noopener"
+                        kind="primary"
+                    >
+                        <PlaySolidIcon width="24px" height="24px" />
+                    </Button>
+                </div>
+            );
+        } else {
+            // Otherwise, the preview can be clicked on.
+            img = (
+                <button
+                    style={{
+                        backgroundImage: `url('${preview.image.imageThumb}')`,
+                    }}
+                    className={styles.preview}
+                    onClick={createImageClickHandler(preview)}
+                    aria-label={_t("timeline|url_preview|view_image")}
+                    type="button"
+                />
+            );
+        }
+    }
+
+    return (
+        <div className={styles.containerExpanded}>
+            {img}
+            <div className={styles.textContent}>
+                {preview.author && (
+                    <Text as="span" size="md" weight="semibold">
+                        {preview.author}
+                    </Text>
+                )}
+                <LinkTitle title={preview.title} showTooltipOnLink={preview.showTooltipOnLink} link={preview.link} />
+                <LinkedText type="body" size="md" className={styles.description}>
+                    {preview.description}
+                </LinkedText>
+                {preview.siteName && <LinkSiteName siteName={preview.siteName} siteIcon={preview.siteIcon} />}
+            </div>
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/__snapshots__/LinkPreview.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/__snapshots__/LinkPreview.test.tsx.snap
new file mode 100644
index 00000000000..e63f1951bb4
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/__snapshots__/LinkPreview.test.tsx.snap
@@ -0,0 +1,178 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`LinkPreview > renders a playable preview that can be opened with a click 1`] = `
+<div>
+  <div
+    class="LinkPreview-module_containerExpanded"
+  >
+    <div
+      class="LinkPreview-module_preview"
+      style="background-image: url("/static/wideImage.png");"
+    >
+      <a
+        aria-label="Open link"
+        class="_button_1nw83_8 LinkPreview-module_playButton"
+        data-kind="primary"
+        data-size="lg"
+        href="https://matrix.org"
+        rel="noreferrer noopener"
+        role="link"
+        tabindex="0"
+        target="_blank"
+      >
+        <svg
+          fill="currentColor"
+          height="24px"
+          viewBox="0 0 24 24"
+          width="24px"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="m8.98 4.677 9.921 5.58c1.36.764 1.36 2.722 0 3.486l-9.92 5.58C7.647 20.073 6 19.11 6 17.58V6.42c0-1.53 1.647-2.493 2.98-1.743"
+          />
+        </svg>
+      </a>
+    </div>
+    <div
+      class="LinkPreview-module_textContent"
+    >
+      <a
+        class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+        href="https://matrix.org"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        A linked video
+      </a>
+      <p
+        class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
+      >
+        This is a link to a video. You cannot play the video inline yet, but you can click the play button to open the link
+      </p>
+      <div
+        class="LinkPreview-module_siteName"
+      >
+        <span
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+        >
+          blog.example.org
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`LinkPreview > renders a preview 1`] = `
+<div>
+  <div
+    class="LinkPreview-module_containerExpanded"
+  >
+    <button
+      aria-label="View image"
+      class="LinkPreview-module_preview"
+      style="background-image: url("/static/element.png");"
+      type="button"
+    />
+    <div
+      class="LinkPreview-module_textContent"
+    >
+      <a
+        class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+        href="https://matrix.org"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        A simple title
+      </a>
+      <p
+        class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
+      >
+        A simple description
+      </p>
+      <div
+        class="LinkPreview-module_siteName"
+      >
+        <span
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+        >
+          Site name
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`LinkPreview > renders a preview with just a title 1`] = `
+<div>
+  <div
+    class="LinkPreview-module_containerExpanded LinkPreview-module_inline"
+  >
+    <div
+      class="LinkPreview-module_textContent LinkPreview-module_inline"
+    >
+      <a
+        class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+        href="https://matrix.org"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        A simple title
+      </a>
+      <div
+        class="LinkPreview-module_siteName"
+      >
+        <span
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+        >
+          matrix.org
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`LinkPreview > renders a preview with just a title and description 1`] = `
+<div>
+  <div
+    class="LinkPreview-module_containerExpanded"
+  >
+    <div
+      class="LinkPreview-module_textContent"
+    >
+      <a
+        class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+        href="https://matrix.org"
+        rel="noreferrer noopener"
+        target="_blank"
+      >
+        A simple title
+      </a>
+      <p
+        class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
+      >
+        A simple description with a link to 
+        <a
+          data-linkified="true"
+          href="https://matrix.org"
+          rel="noreferrer noopener"
+          target="_blank"
+        >
+          https://matrix.org
+        </a>
+      </p>
+      <div
+        class="LinkPreview-module_siteName"
+      >
+        <span
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+        >
+          matrix.org
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/index.ts b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/index.ts
new file mode 100644
index 00000000000..be300783a8c
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/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 { LinkPreview } from "./LinkPreview";
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.module.css b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.module.css
new file mode 100644
index 00000000000..0d40aee220e
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.module.css
@@ -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.
+ */
+
+.hideButton {
+    position: absolute;
+    top: var(--cpd-space-2x);
+    right: var(--cpd-space-2x);
+    z-index: 1;
+}
+
+.wrapper {
+    margin-top: var(--cpd-space-4x);
+    position: relative;
+    width: fit-content;
+    max-width: 100%;
+
+    .previewGroup {
+        display: flex;
+        flex-direction: column;
+        gap: var(--cpd-space-4x);
+        margin-bottom: var(--cpd-space-4x);
+
+        .toggleButton[data-kind="tertiary"] {
+            margin-left: auto;
+            margin-right: auto;
+            text-decoration: none;
+            color: var(--cpd-color-icon-accent-primary);
+            font-weight: var(--cpd-font-weight-regular);
+        }
+    }
+}
+
+.wrapper[data-event-density="compact"] {
+    .previewGroup {
+        gap: var(--cpd-space-2x);
+        margin-bottom: var(--cpd-space-2x);
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx
new file mode 100644
index 00000000000..4cf61dfb72e
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.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, { type JSX } from "react";
+import { fn } from "storybook/test";
+
+import imageFile from "../../../../../static/element.png";
+import tallImageFile from "../../../../../static/tallImage.png";
+import type { Decorator, Meta, StoryFn } from "@storybook/react-vite";
+import {
+    UrlPreviewGroupView,
+    type UrlPreviewGroupViewActions,
+    type UrlPreviewGroupViewSnapshot,
+} from "./UrlPreviewGroupView";
+import { useMockedViewModel } from "../../../../core/viewmodel";
+import { LinkedTextContext } from "../../../../core/utils/LinkedText";
+import { withViewDocs } from "../../../../../.storybook/withViewDocs";
+import { waitForBackgroundImages } from "../../../../../.storybook/waitForImages";
+
+type UrlPreviewGroupViewProps = UrlPreviewGroupViewSnapshot & UrlPreviewGroupViewActions;
+
+const UrlPreviewGroupViewWrapperImpl = ({
+    onHideClick,
+    onImageClick,
+    onTogglePreviewLimit,
+    ...rest
+}: UrlPreviewGroupViewProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onHideClick,
+        onImageClick,
+        onTogglePreviewLimit,
+    });
+    return (
+        <LinkedTextContext.Provider value={{}}>
+            <UrlPreviewGroupView vm={vm} />
+        </LinkedTextContext.Provider>
+    );
+};
+
+const UrlPreviewGroupViewWrapper = withViewDocs(UrlPreviewGroupViewWrapperImpl, UrlPreviewGroupView);
+
+/**
+ * Mimics the CSS context of .mx_EventTile_line (bubble layout) + TextualBodyView.root that
+ * surrounds UrlPreviewGroupView in the real app.
+ */
+const withBubbleLayoutContext: Decorator = (Story) => (
+    <div
+        style={{
+            display: "flex",
+            width: "fit-content",
+            maxWidth: "70%",
+            padding: "9px 60px 9px 9px",
+            background: "var(--cpd-color-bg-subtle-primary)",
+            borderRadius: "12px",
+        }}
+    >
+        <div style={{ overflowX: "hidden", overflowY: "hidden", maxWidth: "100%" }}>
+            <Story />
+        </div>
+    </div>
+);
+
+export default {
+    title: "Timeline/Timeline Event/UrlPreviewGroupView",
+    component: UrlPreviewGroupViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        onHideClick: fn(),
+        onImageClick: fn(),
+        onTogglePreviewLimit: fn(),
+    },
+    play: async ({ canvasElement }) => {
+        await waitForBackgroundImages(canvasElement);
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/sI9A2kV2K4xeiyqJsL7Ey3/Link-Previews?node-id=87-7920",
+        },
+    },
+} satisfies Meta<typeof UrlPreviewGroupViewWrapper>;
+
+const Template: StoryFn<typeof UrlPreviewGroupViewWrapper> = (args) => <UrlPreviewGroupViewWrapper {...args} />;
+
+export const Default = Template.bind({});
+Default.args = {
+    previews: [
+        {
+            title: "A simple title",
+            description: "A simple description",
+            link: "https://matrix.org",
+            showTooltipOnLink: false,
+            siteName: "matrix.org",
+            image: {
+                imageThumb: imageFile,
+                imageFull: imageFile,
+                alt: "The element logo",
+                playable: false,
+                mxcImageFull: "mxc://server/file",
+            },
+        },
+    ],
+};
+
+export const MultiplePreviewsHidden = Template.bind({});
+MultiplePreviewsHidden.args = {
+    previews: Default.args.previews,
+    overPreviewLimit: true,
+    previewsLimited: true,
+    totalPreviewCount: 10,
+};
+
+export const MultiplePreviewsVisible = Template.bind({});
+MultiplePreviewsVisible.args = {
+    previews: [
+        {
+            title: "One",
+            description: "A regular square image.",
+            link: "https://matrix.org/one",
+            siteName: "matrix.org",
+            showTooltipOnLink: false,
+            image: {
+                imageThumb: imageFile,
+                imageFull: imageFile,
+                alt: "The element logo",
+                playable: false,
+                mxcImageFull: "mxc://server/file",
+            },
+        },
+        // These images should appear the same size despite having different dimensions.
+        {
+            title: "Two",
+            description: "This one has a taller image which should crop nicely.",
+            link: "https://matrix.org/two",
+            siteName: "matrix.org",
+            showTooltipOnLink: false,
+            image: {
+                imageThumb: tallImageFile,
+                imageFull: tallImageFile,
+                alt: "A dog",
+                playable: false,
+                mxcImageFull: "mxc://server/file",
+            },
+        },
+        {
+            title: "Three",
+            description: "One more description",
+            link: "https://matrix.org/three",
+            siteName: "matrix.org",
+            showTooltipOnLink: false,
+            image: {
+                imageThumb: imageFile,
+                imageFull: imageFile,
+                alt: "The element logo",
+                playable: false,
+                mxcImageFull: "mxc://server/file",
+            },
+        },
+    ],
+    overPreviewLimit: true,
+    previewsLimited: false,
+    totalPreviewCount: 10,
+};
+
+export const WithCompactView = Template.bind({});
+WithCompactView.args = {
+    ...MultiplePreviewsVisible.args,
+};
+WithCompactView.globals = {
+    eventDensity: "compact",
+};
+
+// Testing that within the bubble layout, we still scale appropriately.
+
+export const InBubbleLayout = Default.bind({});
+InBubbleLayout.args = {
+    ...Default.args,
+};
+InBubbleLayout.globals = { eventLayout: "bubble" };
+// Purely for testing that bubbles have not regressed
+InBubbleLayout.tags = ["!autodocs"];
+InBubbleLayout.decorators = [withBubbleLayoutContext];
+
+export const InBubbleLayoutNarrow = Default.bind({});
+InBubbleLayoutNarrow.args = {
+    ...InBubbleLayout.args,
+};
+InBubbleLayoutNarrow.globals = { ...InBubbleLayout.globals };
+InBubbleLayoutNarrow.decorators = [...InBubbleLayout.decorators];
+InBubbleLayoutNarrow.parameters = {
+    initialGlobals: {
+        viewport: { value: "mobile1", isRotated: false },
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.test.tsx
new file mode 100644
index 00000000000..0885d88cb46
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.test.tsx
@@ -0,0 +1,36 @@
+/*
+ * 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 "./UrlPreviewGroupView.stories.tsx";
+
+const { Default, MultiplePreviewsHidden, MultiplePreviewsVisible, WithCompactView } = composeStories(stories);
+
+describe("UrlPreviewGroupView", () => {
+    it("renders a single preview", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders multiple previews", () => {
+        const { container } = render(<MultiplePreviewsVisible />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders multiple previews which are hidden", () => {
+        const { container } = render(<MultiplePreviewsHidden />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders with compact density", () => {
+        const { container } = render(<WithCompactView />, {
+            presentation: { density: "compact" },
+        });
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.tsx b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.tsx
new file mode 100644
index 00000000000..12285921fae
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.tsx
@@ -0,0 +1,115 @@
+/*
+ * 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 { Button, IconButton } from "@vector-im/compound-web";
+import CloseIcon from "@vector-im/compound-design-tokens/assets/web/icons/close";
+import classNames from "classnames";
+
+import { useViewModel, type ViewModel } from "../../../../core/viewmodel";
+import { useI18n } from "../../../../core/i18n/i18nContext";
+import type { UrlPreview } from "./types";
+import { LinkPreview } from "./LinkPreview";
+import styles from "./UrlPreviewGroupView.module.css";
+import { useEventPresentationAttributes } from "../../EventPresentation/EventPresentationContext";
+
+/** Snapshot data for rendering URL previews attached to an event. */
+export interface UrlPreviewGroupViewSnapshot {
+    /** URL previews to render. */
+    previews: Array<UrlPreview>;
+    /** Total number of previews available before limiting. */
+    totalPreviewCount: number;
+    /** Whether the preview list is currently limited. */
+    previewsLimited: boolean;
+    /** Whether more previews exist than are currently rendered. */
+    overPreviewLimit: boolean;
+}
+
+/** Props for the URL preview group view. */
+export interface UrlPreviewGroupViewProps {
+    /**
+     * The view model for the component.
+     */
+    vm: ViewModel<UrlPreviewGroupViewSnapshot> & UrlPreviewGroupViewActions;
+    /**
+     * Extra CSS classes to apply to the component.
+     */
+    className?: string;
+}
+
+/** User actions emitted by the URL preview group view. */
+export interface UrlPreviewGroupViewActions {
+    /** Invoked when the preview limit toggle is clicked. */
+    onTogglePreviewLimit: () => void;
+    /** Invoked when the hide-preview action is clicked. */
+    onHideClick: () => Promise<void>;
+    /** Invoked when a preview image is clicked. */
+    onImageClick: (preview: UrlPreview) => void;
+}
+
+/** View model contract for the URL preview group view. */
+export type UrlPreviewGroupViewModel = ViewModel<UrlPreviewGroupViewSnapshot, UrlPreviewGroupViewActions>;
+
+function HideButton({ onHideClick }: { onHideClick: UrlPreviewGroupViewActions["onHideClick"] }): JSX.Element {
+    const { translate: _t } = useI18n();
+    return (
+        <div className={styles.hideButton}>
+            <IconButton
+                kind="secondary"
+                size="28px"
+                onClick={onHideClick}
+                aria-label={_t("timeline|url_preview|close")}
+            >
+                <CloseIcon />
+            </IconButton>
+        </div>
+    );
+}
+
+/**
+ * Renders the URL preview group attached to a single event.
+ *
+ * The view lays out one or more link previews, can collapse or expand
+ * overflowed previews, and exposes a control to hide the group.
+ */
+export function UrlPreviewGroupView({ vm, className }: UrlPreviewGroupViewProps): JSX.Element | null {
+    const { translate: _t } = useI18n();
+    const eventPresentationAttributes = useEventPresentationAttributes();
+    const { previews, totalPreviewCount, previewsLimited, overPreviewLimit } = useViewModel(vm);
+    if (previews.length === 0) {
+        return null;
+    }
+
+    let toggleButton: JSX.Element | undefined;
+    if (overPreviewLimit) {
+        toggleButton = (
+            <Button className={styles.toggleButton} kind="tertiary" size="md" onClick={vm.onTogglePreviewLimit}>
+                {previewsLimited
+                    ? _t("timeline|url_preview|show_n_more", { count: totalPreviewCount - previews.length })
+                    : _t("action|collapse")}
+            </Button>
+        );
+    }
+
+    return (
+        <div className={classNames(className, styles.wrapper)} {...eventPresentationAttributes}>
+            <HideButton onHideClick={vm.onHideClick} />
+            <div className={styles.previewGroup}>
+                {previews.map((preview, i) => (
+                    <LinkPreview
+                        key={preview.link}
+                        onImageClick={() => vm.onImageClick(preview)}
+                        {...preview}
+                        image={preview.image}
+                        collapsed={i !== 0}
+                    />
+                ))}
+                {toggleButton}
+            </div>
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/__snapshots__/UrlPreviewGroupView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/__snapshots__/UrlPreviewGroupView.test.tsx.snap
new file mode 100644
index 00000000000..551b0b193f9
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/__snapshots__/UrlPreviewGroupView.test.tsx.snap
@@ -0,0 +1,484 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`UrlPreviewGroupView > renders a single preview 1`] = `
+<div>
+  <div
+    class="UrlPreviewGroupView-module_wrapper"
+    data-event-density="default"
+    data-event-layout="group"
+  >
+    <div
+      class="UrlPreviewGroupView-module_hideButton"
+    >
+      <button
+        aria-label="Close preview"
+        class="_icon-button_1215g_8"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="UrlPreviewGroupView-module_previewGroup"
+    >
+      <div
+        class="LinkPreview-module_containerExpanded"
+      >
+        <button
+          aria-label="View image"
+          class="LinkPreview-module_preview"
+          style="background-image: url("/static/element.png");"
+          type="button"
+        />
+        <div
+          class="LinkPreview-module_textContent"
+        >
+          <a
+            class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+            href="https://matrix.org"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            A simple title
+          </a>
+          <p
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
+          >
+            A simple description
+          </p>
+          <div
+            class="LinkPreview-module_siteName"
+          >
+            <span
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+            >
+              matrix.org
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`UrlPreviewGroupView > renders multiple previews 1`] = `
+<div>
+  <div
+    class="UrlPreviewGroupView-module_wrapper"
+    data-event-density="default"
+    data-event-layout="group"
+  >
+    <div
+      class="UrlPreviewGroupView-module_hideButton"
+    >
+      <button
+        aria-label="Close preview"
+        class="_icon-button_1215g_8"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="UrlPreviewGroupView-module_previewGroup"
+    >
+      <div
+        class="LinkPreview-module_containerExpanded"
+      >
+        <button
+          aria-label="View image"
+          class="LinkPreview-module_preview"
+          style="background-image: url("/static/element.png");"
+          type="button"
+        />
+        <div
+          class="LinkPreview-module_textContent"
+        >
+          <a
+            class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+            href="https://matrix.org/one"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            One
+          </a>
+          <p
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
+          >
+            A regular square image.
+          </p>
+          <div
+            class="LinkPreview-module_siteName"
+          >
+            <span
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+            >
+              matrix.org
+            </span>
+          </div>
+        </div>
+      </div>
+      <div
+        class="LinkPreview-module_containerCollapsed"
+      >
+        <div
+          class="LinkPreview-module_preview"
+        >
+          <button
+            aria-label="View image"
+            style="background-image: url("/static/tallImage.png");"
+            type="button"
+          />
+        </div>
+        <div
+          class="LinkPreview-module_textContent"
+        >
+          <a
+            class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+            href="https://matrix.org/two"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            Two
+          </a>
+          <div
+            class="LinkPreview-module_siteName"
+          >
+            <span
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+            >
+              matrix.org
+            </span>
+          </div>
+        </div>
+      </div>
+      <div
+        class="LinkPreview-module_containerCollapsed"
+      >
+        <div
+          class="LinkPreview-module_preview"
+        >
+          <button
+            aria-label="View image"
+            style="background-image: url("/static/element.png");"
+            type="button"
+          />
+        </div>
+        <div
+          class="LinkPreview-module_textContent"
+        >
+          <a
+            class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+            href="https://matrix.org/three"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            Three
+          </a>
+          <div
+            class="LinkPreview-module_siteName"
+          >
+            <span
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+            >
+              matrix.org
+            </span>
+          </div>
+        </div>
+      </div>
+      <button
+        class="_button_1nw83_8 UrlPreviewGroupView-module_toggleButton"
+        data-kind="tertiary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Collapse
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`UrlPreviewGroupView > renders multiple previews which are hidden 1`] = `
+<div>
+  <div
+    class="UrlPreviewGroupView-module_wrapper"
+    data-event-density="default"
+    data-event-layout="group"
+  >
+    <div
+      class="UrlPreviewGroupView-module_hideButton"
+    >
+      <button
+        aria-label="Close preview"
+        class="_icon-button_1215g_8"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="UrlPreviewGroupView-module_previewGroup"
+    >
+      <div
+        class="LinkPreview-module_containerExpanded"
+      >
+        <button
+          aria-label="View image"
+          class="LinkPreview-module_preview"
+          style="background-image: url("/static/element.png");"
+          type="button"
+        />
+        <div
+          class="LinkPreview-module_textContent"
+        >
+          <a
+            class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+            href="https://matrix.org"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            A simple title
+          </a>
+          <p
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
+          >
+            A simple description
+          </p>
+          <div
+            class="LinkPreview-module_siteName"
+          >
+            <span
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+            >
+              matrix.org
+            </span>
+          </div>
+        </div>
+      </div>
+      <button
+        class="_button_1nw83_8 UrlPreviewGroupView-module_toggleButton"
+        data-kind="tertiary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Show 9 other previews
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`UrlPreviewGroupView > renders with compact density 1`] = `
+<div>
+  <div
+    class="UrlPreviewGroupView-module_wrapper"
+    data-event-density="compact"
+    data-event-layout="group"
+  >
+    <div
+      class="UrlPreviewGroupView-module_hideButton"
+    >
+      <button
+        aria-label="Close preview"
+        class="_icon-button_1215g_8"
+        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="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>
+      </button>
+    </div>
+    <div
+      class="UrlPreviewGroupView-module_previewGroup"
+    >
+      <div
+        class="LinkPreview-module_containerExpanded"
+      >
+        <button
+          aria-label="View image"
+          class="LinkPreview-module_preview"
+          style="background-image: url("/static/element.png");"
+          type="button"
+        />
+        <div
+          class="LinkPreview-module_textContent"
+        >
+          <a
+            class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+            href="https://matrix.org/one"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            One
+          </a>
+          <p
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
+          >
+            A regular square image.
+          </p>
+          <div
+            class="LinkPreview-module_siteName"
+          >
+            <span
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+            >
+              matrix.org
+            </span>
+          </div>
+        </div>
+      </div>
+      <div
+        class="LinkPreview-module_containerCollapsed"
+      >
+        <div
+          class="LinkPreview-module_preview"
+        >
+          <button
+            aria-label="View image"
+            style="background-image: url("/static/tallImage.png");"
+            type="button"
+          />
+        </div>
+        <div
+          class="LinkPreview-module_textContent"
+        >
+          <a
+            class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+            href="https://matrix.org/two"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            Two
+          </a>
+          <div
+            class="LinkPreview-module_siteName"
+          >
+            <span
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+            >
+              matrix.org
+            </span>
+          </div>
+        </div>
+      </div>
+      <div
+        class="LinkPreview-module_containerCollapsed"
+      >
+        <div
+          class="LinkPreview-module_preview"
+        >
+          <button
+            aria-label="View image"
+            style="background-image: url("/static/element.png");"
+            type="button"
+          />
+        </div>
+        <div
+          class="LinkPreview-module_textContent"
+        >
+          <a
+            class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
+            href="https://matrix.org/three"
+            rel="noreferrer noopener"
+            target="_blank"
+          >
+            Three
+          </a>
+          <div
+            class="LinkPreview-module_siteName"
+          >
+            <span
+              class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
+            >
+              matrix.org
+            </span>
+          </div>
+        </div>
+      </div>
+      <button
+        class="_button_1nw83_8 UrlPreviewGroupView-module_toggleButton"
+        data-kind="tertiary"
+        data-size="md"
+        role="button"
+        tabindex="0"
+      >
+        Collapse
+      </button>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/index.ts b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/index.ts
new file mode 100644
index 00000000000..2b59dac4660
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/index.ts
@@ -0,0 +1,16 @@
+/*
+ * 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 {
+    UrlPreviewGroupView,
+    type UrlPreviewGroupViewSnapshot,
+    type UrlPreviewGroupViewProps,
+    type UrlPreviewGroupViewActions,
+    type UrlPreviewGroupViewModel,
+} from "./UrlPreviewGroupView";
+
+export { type UrlPreview } from "./types";
diff --git a/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/types.ts b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/types.ts
new file mode 100644
index 00000000000..aa5f5a554ed
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/types.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.
+ */
+
+export interface UrlPreview {
+    /**
+     * The URL for the preview.
+     */
+    link: string;
+    /**
+     * Should the link have a tooltip. Should be `true` if the platform does not provide a tooltip.
+     */
+    showTooltipOnLink: boolean;
+    /**
+     * The title of the page being previewed.
+     */
+    title: string;
+    /**
+     * The site name to be displayed alongside the title.
+     */
+    siteName: string;
+    /**
+     * The og:url value of the page, could be different from link
+     */
+    ogUrl?: string;
+    /**
+     * The HTTP URI of the the sites icon.
+     */
+    siteIcon?: string;
+    /**
+     * Description of the site. May contain links.
+     */
+    description?: string;
+    /**
+     * Preview image to display.
+     */
+    image?: {
+        /**
+         * The HTTP URI of the the thumbnail.
+         */
+        imageThumb: string;
+        /**
+         * The HTTP URI of the full image.
+         */
+        imageFull: string;
+        /**
+         * The mxc:// URI of the full image.
+         */
+        mxcImageFull: string;
+        /**
+         * The type/subtype of the image format
+         */
+        imageType?: string;
+        /**
+         * File size in bytes.
+         */
+        fileSize?: number;
+        /**
+         * The width of the thumbnail.
+         */
+        width?: number;
+        /**
+         * The height of the thumbnail.
+         */
+        height?: number;
+        /**
+         * Alt text for the image
+         */
+        alt?: string;
+
+        /**
+         * Is the media playable.
+         */
+        playable: boolean;
+    };
+
+    /**
+     * Author of the content, if specified.
+     */
+    author?: string;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarButton.tsx b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarButton.tsx
new file mode 100644
index 00000000000..44307ad56cc
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarButton.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, { type JSX, useLayoutEffect, useRef } from "react";
+import { useMergeRefs } from "react-merge-refs";
+import { Button, Tooltip } from "@vector-im/compound-web";
+
+import { useRovingTabIndex } from "../../../../../core/roving";
+import styles from "./ActionBarView.module.css";
+
+interface ActionBarButtonProps {
+    presentation: "icon" | "label";
+    buttonRef: React.Ref<HTMLButtonElement>;
+    label: string;
+    onActivate?: (anchor: HTMLElement | null) => void;
+    icon?: React.ComponentProps<typeof Button>["Icon"];
+    disabled?: boolean;
+    ariaPressed?: boolean;
+    ariaExpanded?: boolean;
+    tooltipDescription?: string;
+    tooltipCaption?: string;
+}
+
+export function ActionBarButton({
+    presentation,
+    buttonRef,
+    label,
+    onActivate,
+    icon,
+    disabled,
+    ariaPressed,
+    ariaExpanded,
+    tooltipDescription,
+    tooltipCaption,
+}: Readonly<ActionBarButtonProps>): JSX.Element {
+    const iconOnly = presentation === "icon";
+    const [onFocus, isActive, rovingRef] = useRovingTabIndex<HTMLButtonElement>();
+    const localRef = useRef<HTMLButtonElement | null>(null);
+    const ref = useMergeRefs([buttonRef, localRef, disabled ? null : rovingRef]);
+    const tabIndex = disabled || !isActive ? -1 : 0;
+
+    useLayoutEffect(() => {
+        if (!localRef.current) return;
+
+        localRef.current.tabIndex = tabIndex;
+    }, [tabIndex]);
+
+    const handleContextMenu = (event: React.MouseEvent<HTMLButtonElement>): void => {
+        event.preventDefault();
+        event.stopPropagation();
+        onActivate?.(event.currentTarget);
+    };
+
+    return (
+        <Tooltip description={tooltipDescription ?? label} caption={tooltipCaption} placement="top">
+            <Button
+                data-presentation={presentation}
+                ref={ref}
+                kind="tertiary"
+                size="md"
+                iconOnly={iconOnly}
+                aria-label={label}
+                aria-pressed={ariaPressed}
+                aria-expanded={ariaExpanded}
+                disabled={disabled}
+                onClick={(event) => onActivate?.(event.currentTarget)}
+                onContextMenu={handleContextMenu}
+                onFocus={disabled ? undefined : onFocus}
+                className={styles.toolbar_item}
+                Icon={iconOnly ? icon : undefined}
+            >
+                {iconOnly ? undefined : label}
+            </Button>
+        </Tooltip>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.module.css b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.module.css
new file mode 100644
index 00000000000..6b08fa635e0
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.module.css
@@ -0,0 +1,44 @@
+/*
+ * 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.
+ */
+
+.toolbar {
+    gap: var(--cpd-space-0-5x);
+    border-radius: 8px;
+    background-color: var(--cpd-color-bg-canvas-default);
+    border: var(--cpd-border-width-1) solid var(--cpd-color-border-disabled);
+
+    .toolbar_item {
+        align-items: center;
+        justify-content: center;
+        padding: 0;
+        min-block-size: 0;
+
+        margin: 3px;
+        border-radius: 6px;
+
+        &:hover {
+            background-color: var(--cpd-color-bg-subtle-secondary);
+            z-index: 1;
+        }
+    }
+
+    .toolbar_item[data-presentation="icon"] {
+        block-size: 28px;
+        inline-size: 28px;
+
+        color: var(--cpd-color-icon-secondary);
+    }
+
+    .toolbar_item[data-presentation="label"] {
+        padding-inline-start: var(--cpd-space-2x);
+        padding-inline-end: var(--cpd-space-2x);
+
+        font: var(--cpd-font-body-md-regular);
+        text-decoration: none;
+        white-space: nowrap;
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx
new file mode 100644
index 00000000000..2fc7f172d73
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx
@@ -0,0 +1,194 @@
+/*
+ * 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 { ActionBarAction, ActionBarView, type ActionBarViewActions, type ActionBarViewSnapshot } from "./ActionBarView";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+
+type ActionBarProps = ActionBarViewSnapshot & ActionBarViewActions;
+
+const ActionBarViewWrapperImpl = ({ ...snapshotAndActions }: ActionBarProps): JSX.Element => {
+    const {
+        onCancelClick = fn(),
+        onCopyLinkClick = fn(),
+        onDownloadClick = fn(),
+        onEditClick = fn(),
+        onHideClick = fn(),
+        onOptionsClick = fn(),
+        onPinClick = fn(),
+        onReactionsClick = fn(),
+        onRemoveClick = fn(),
+        onReplyClick = fn(),
+        onReplyInThreadClick = fn(),
+        onResendClick = fn(),
+        onToggleThreadExpanded = fn(),
+        onViewInRoomClick = fn(),
+        onViewSourceClick = fn(),
+        ...snapshot
+    } = snapshotAndActions;
+
+    const vm = useMockedViewModel(snapshot, {
+        onCancelClick,
+        onCopyLinkClick,
+        onDownloadClick,
+        onEditClick,
+        onHideClick,
+        onOptionsClick,
+        onPinClick,
+        onReactionsClick,
+        onRemoveClick,
+        onReplyClick,
+        onReplyInThreadClick,
+        onResendClick,
+        onToggleThreadExpanded,
+        onViewInRoomClick,
+        onViewSourceClick,
+    });
+
+    return <ActionBarView vm={vm} className="mx_MessageActionBar" />;
+};
+const ActionBarViewWrapper = withViewDocs(ActionBarViewWrapperImpl, ActionBarView);
+
+const meta = {
+    title: "Timeline/Timeline Action/ActionBarView",
+    component: ActionBarViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        presentation: {
+            control: { type: "select" },
+            options: ["icon", "label"],
+        },
+    },
+    args: {
+        actions: [
+            ActionBarAction.Hide,
+            ActionBarAction.Download,
+            ActionBarAction.React,
+            ActionBarAction.Reply,
+            ActionBarAction.ReplyInThread,
+            ActionBarAction.Edit,
+            ActionBarAction.Pin,
+            ActionBarAction.Resend,
+            ActionBarAction.Cancel,
+            ActionBarAction.Expand,
+            ActionBarAction.Options,
+            ActionBarAction.ViewInRoom,
+            ActionBarAction.CopyLink,
+            ActionBarAction.Remove,
+            ActionBarAction.ViewSource,
+        ],
+        presentation: "icon",
+        isDownloadEncrypted: false,
+        isDownloadLoading: false,
+        isPinned: false,
+        isQuoteExpanded: false,
+        isThreadReplyAllowed: true,
+    },
+} satisfies Meta<typeof ActionBarViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const AllIconActions: Story = {};
+
+export const AllLabelActions: Story = {
+    args: {
+        actions: [
+            ActionBarAction.Hide,
+            ActionBarAction.Download,
+            ActionBarAction.React,
+            ActionBarAction.Reply,
+            ActionBarAction.ReplyInThread,
+            ActionBarAction.Edit,
+            ActionBarAction.Pin,
+            ActionBarAction.Resend,
+            ActionBarAction.Cancel,
+            ActionBarAction.Expand,
+            ActionBarAction.Options,
+            ActionBarAction.ViewInRoom,
+            ActionBarAction.CopyLink,
+            ActionBarAction.Remove,
+            ActionBarAction.ViewSource,
+        ],
+        presentation: "label",
+    },
+};
+
+export const DownloadingAttachment: Story = {
+    args: {
+        actions: [ActionBarAction.Download, ActionBarAction.Options],
+        isDownloadLoading: true,
+        isDownloadEncrypted: false,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "Attachment download in progress. The download action is disabled and shows a spinner with the downloading label.",
+            },
+        },
+    },
+};
+
+export const DecryptingAttachment: Story = {
+    args: {
+        ...DownloadingAttachment.args,
+        isDownloadEncrypted: true,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "Encrypted attachment state. Uses the same loading UI as download, but with the decrypting label.",
+            },
+        },
+    },
+};
+
+export const PinnedMessage: Story = {
+    args: {
+        actions: [ActionBarAction.React, ActionBarAction.Reply, ActionBarAction.Pin, ActionBarAction.Options],
+        isPinned: true,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "Pinned-state variant showing the unpin affordance instead of pin.",
+            },
+        },
+    },
+};
+
+export const ExpandedReplyChain: Story = {
+    args: {
+        actions: [ActionBarAction.Reply, ActionBarAction.Expand, ActionBarAction.Options],
+        isQuoteExpanded: true,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "Reply-chain control in its expanded state, showing the collapse action and tooltip copy.",
+            },
+        },
+    },
+};
+
+export const DisabledThreadReply: Story = {
+    args: {
+        actions: [ActionBarAction.React, ActionBarAction.Reply, ActionBarAction.ReplyInThread, ActionBarAction.Options],
+        isThreadReplyAllowed: false,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "Thread reply action present but disabled.",
+            },
+        },
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.test.tsx
new file mode 100644
index 00000000000..63f0ecab732
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.test.tsx
@@ -0,0 +1,315 @@
+/*
+ * 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 { composeStories } from "@storybook/react-vite";
+import { fireEvent, render, screen } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { afterEach, describe, expect, it, vi } from "vitest";
+
+import * as stories from "./ActionBarView.stories.tsx";
+import {
+    ActionBarAction,
+    type ActionBarViewActions,
+    ActionBarView,
+    type ActionBarViewSnapshot,
+} from "./ActionBarView.tsx";
+import { MockViewModel } from "../../../../../core/viewmodel/MockViewModel.ts";
+
+const composedStories = composeStories(stories);
+
+const { DownloadingAttachment, DecryptingAttachment, PinnedMessage, ExpandedReplyChain, DisabledThreadReply } =
+    composedStories;
+
+describe("ActionBarView", () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    describe("story snapshots", () => {
+        for (const [storyName, Story] of Object.entries(composedStories)) {
+            it(`renders ${storyName}`, () => {
+                const { container } = render(<Story />);
+
+                expect(screen.getByRole("toolbar")).toBeInTheDocument();
+                expect(container).toMatchSnapshot();
+            });
+        }
+    });
+
+    it("renders retry and delete only when those are the resolved actions", () => {
+        const vm = new MockViewModel<ActionBarViewSnapshot>({
+            actions: [ActionBarAction.Resend, ActionBarAction.Cancel],
+            presentation: "icon",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: false,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        });
+
+        render(<ActionBarView vm={vm} />);
+
+        expect(screen.getByRole("button", { name: /retry/i })).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: /delete/i })).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: /options/i })).not.toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: /reply/i })).not.toBeInTheDocument();
+    });
+
+    it("renders a loading download action with the downloading label", () => {
+        render(<DownloadingAttachment />);
+
+        const button = screen.getByRole("button", { name: /downloading/i });
+        expect(button).toBeDisabled();
+    });
+
+    it("renders a loading download action with the decrypting label for encrypted media", () => {
+        render(<DecryptingAttachment />);
+
+        const button = screen.getByRole("button", { name: /decrypting/i });
+        expect(button).toBeDisabled();
+    });
+
+    it("renders the pinned message state with an unpin action", () => {
+        render(<PinnedMessage />);
+
+        expect(screen.getByRole("button", { name: /unpin/i })).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: /^pin$/i })).not.toBeInTheDocument();
+    });
+
+    it("renders the expanded reply chain state with a collapse action", () => {
+        render(<ExpandedReplyChain />);
+
+        expect(screen.getByRole("button", { name: /collapse/i })).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: /expand/i })).not.toBeInTheDocument();
+    });
+
+    it("renders a disabled thread reply button when thread reply is not allowed", () => {
+        render(<DisabledThreadReply />);
+
+        const threadButton = screen.getByRole("button", { name: /reply in thread/i });
+        expect(threadButton).toHaveAttribute("aria-disabled", "true");
+    });
+
+    it("renders thread-list actions in icon mode", () => {
+        const vm = new MockViewModel<ActionBarViewSnapshot>({
+            actions: [ActionBarAction.ViewInRoom, ActionBarAction.CopyLink],
+            presentation: "icon",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: false,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        });
+
+        render(<ActionBarView vm={vm} />);
+
+        expect(screen.getByRole("button", { name: /view in room/i })).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: /copy link/i })).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: /options/i })).not.toBeInTheDocument();
+    });
+
+    it("renders edit-history actions in label mode", () => {
+        const vm = new MockViewModel<ActionBarViewSnapshot>({
+            actions: [ActionBarAction.Remove, ActionBarAction.ViewSource],
+            presentation: "label",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: false,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        });
+
+        render(<ActionBarView vm={vm} />);
+
+        expect(screen.getByRole("button", { name: /remove/i })).toHaveTextContent(/remove/i);
+        expect(screen.getByRole("button", { name: /view source/i })).toHaveTextContent(/view source/i);
+    });
+
+    it("renders only the options button in the minimal state", () => {
+        const vm = new MockViewModel<ActionBarViewSnapshot>({
+            actions: [ActionBarAction.Options],
+            presentation: "icon",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: false,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        });
+
+        render(<ActionBarView vm={vm} />);
+
+        expect(screen.getByRole("button", { name: /options/i })).toBeInTheDocument();
+        expect(screen.getAllByRole("button")).toHaveLength(1);
+    });
+
+    it("uses roving tab index and arrow keys within the toolbar", async () => {
+        const user = userEvent.setup();
+
+        const minimalVm = new MockViewModel<ActionBarViewSnapshot>({
+            actions: [ActionBarAction.Options],
+            presentation: "icon",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: false,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        });
+
+        const pinnedVm = new MockViewModel<ActionBarViewSnapshot>({
+            actions: [ActionBarAction.React, ActionBarAction.Reply, ActionBarAction.Pin, ActionBarAction.Options],
+            presentation: "icon",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: true,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        });
+
+        const { rerender } = render(<ActionBarView vm={minimalVm} />);
+
+        const optionsButton = screen.getByRole("button", { name: /options/i });
+        expect(optionsButton).toHaveAttribute("tabindex", "0");
+
+        rerender(<ActionBarView vm={pinnedVm} />);
+
+        const reactButton = screen.getByRole("button", { name: /react/i });
+        const replyButton = screen.getByRole("button", { name: /^reply$/i });
+        const unpinButton = screen.getByRole("button", { name: /unpin/i });
+        const optionsButtonInToolbar = screen.getByRole("button", { name: /options/i });
+
+        expect(reactButton).toHaveAttribute("tabindex", "0");
+        expect(replyButton).toHaveAttribute("tabindex", "-1");
+        expect(unpinButton).toHaveAttribute("tabindex", "-1");
+        expect(optionsButtonInToolbar).toHaveAttribute("tabindex", "-1");
+
+        await user.tab();
+        expect(reactButton).toHaveFocus();
+
+        await user.keyboard("{ArrowRight}");
+        expect(replyButton).toHaveFocus();
+        expect(replyButton).toHaveAttribute("tabindex", "0");
+        expect(reactButton).toHaveAttribute("tabindex", "-1");
+
+        await user.keyboard("{End}");
+        expect(optionsButtonInToolbar).toHaveFocus();
+        expect(optionsButtonInToolbar).toHaveAttribute("tabindex", "0");
+
+        await user.keyboard("{ArrowLeft}");
+        expect(unpinButton).toHaveFocus();
+        expect(unpinButton).toHaveAttribute("tabindex", "0");
+    });
+
+    it("uses roving tab index and arrow keys within a label toolbar", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockViewModel<ActionBarViewSnapshot>({
+            actions: [ActionBarAction.Remove, ActionBarAction.ViewSource],
+            presentation: "label",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: false,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        });
+
+        render(<ActionBarView vm={vm} />);
+
+        const removeButton = screen.getByRole("button", { name: /remove/i });
+        const viewSourceButton = screen.getByRole("button", { name: /view source/i });
+
+        expect(removeButton).toHaveAttribute("tabindex", "0");
+        expect(viewSourceButton).toHaveAttribute("tabindex", "-1");
+
+        await user.tab();
+        expect(removeButton).toHaveFocus();
+
+        await user.keyboard("{ArrowRight}");
+        expect(viewSourceButton).toHaveFocus();
+        expect(viewSourceButton).toHaveAttribute("tabindex", "0");
+    });
+
+    it("applies a custom class name to the toolbar", () => {
+        const vm = new MockViewModel<ActionBarViewSnapshot>({
+            actions: [ActionBarAction.Options],
+            presentation: "icon",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: false,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        });
+
+        render(<ActionBarView vm={vm} className="extra_class_1 extra_class_2" />);
+
+        expect(screen.getByRole("toolbar")).toHaveClass("extra_class_1", "extra_class_2");
+    });
+
+    it("forwards click and context-menu actions with the triggering button as anchor", async () => {
+        const user = userEvent.setup();
+        const onReplyClick = vi.fn();
+        const onOptionsClick = vi.fn();
+
+        class ActionBarViewModel extends MockViewModel<ActionBarViewSnapshot> implements ActionBarViewActions {
+            public onReplyClick = onReplyClick;
+            public onOptionsClick = onOptionsClick;
+        }
+
+        const vm = new ActionBarViewModel({
+            actions: [ActionBarAction.Reply, ActionBarAction.Options],
+            presentation: "icon",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: false,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        });
+
+        render(<ActionBarView vm={vm} />);
+
+        const replyButton = screen.getByRole("button", { name: /^reply$/i });
+        const optionsButton = screen.getByRole("button", { name: /options/i });
+
+        await user.click(replyButton);
+        expect(onReplyClick).toHaveBeenCalledWith(replyButton);
+
+        fireEvent.contextMenu(optionsButton);
+        expect(onOptionsClick).toHaveBeenCalledWith(optionsButton);
+    });
+
+    it("forwards label-mode actions with the triggering button as anchor", async () => {
+        const user = userEvent.setup();
+        const onRemoveClick = vi.fn();
+        const onViewSourceClick = vi.fn();
+
+        class ActionBarViewModel extends MockViewModel<ActionBarViewSnapshot> implements ActionBarViewActions {
+            public onRemoveClick = onRemoveClick;
+            public onViewSourceClick = onViewSourceClick;
+        }
+
+        const vm = new ActionBarViewModel({
+            actions: [ActionBarAction.Remove, ActionBarAction.ViewSource],
+            presentation: "label",
+            isDownloadEncrypted: false,
+            isDownloadLoading: false,
+            isPinned: false,
+            isQuoteExpanded: false,
+            isThreadReplyAllowed: true,
+        });
+
+        render(<ActionBarView vm={vm} />);
+
+        const removeButton = screen.getByRole("button", { name: /remove/i });
+        const viewSourceButton = screen.getByRole("button", { name: /view source/i });
+
+        await user.click(removeButton);
+        expect(onRemoveClick).toHaveBeenCalledWith(removeButton);
+
+        fireEvent.contextMenu(viewSourceButton);
+        expect(onViewSourceClick).toHaveBeenCalledWith(viewSourceButton);
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.tsx b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.tsx
new file mode 100644
index 00000000000..e2d2039a0c2
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.tsx
@@ -0,0 +1,395 @@
+/*
+ * 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, useCallback, useMemo, useRef } from "react";
+import classNames from "classnames";
+import {
+    CollapseIcon,
+    DeleteIcon,
+    EditIcon,
+    ExpandIcon,
+    InlineCodeIcon,
+    LinkIcon,
+    PinIcon,
+    ReplyIcon,
+    RestartIcon,
+    UnpinIcon,
+    ThreadsIcon,
+    VisibilityOnIcon,
+    VisibilityOffIcon,
+    DownloadIcon,
+    OverflowHorizontalIcon,
+    ReactionAddIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+import { InlineSpinner } from "@vector-im/compound-web";
+
+import { RovingTabIndexProvider } from "../../../../../core/roving";
+import { useI18n } from "../../../../../core/i18n/i18nContext";
+import { Flex } from "../../../../../core/utils/Flex";
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import { ActionBarButton } from "./ActionBarButton";
+import styles from "./ActionBarView.module.css";
+
+/**
+ * Snapshot state for the message action toolbar.
+ *
+ * The snapshot carries the resolved actions to render plus the small amount of
+ * per-action state the view needs for labels, icons, and disabled state.
+ */
+export interface ActionBarViewSnapshot {
+    /** Explicitly resolved actions to render, in order. */
+    actions: ActionBarAction[];
+    /** Whether actions should render as icon buttons or label buttons. */
+    presentation?: "icon" | "label";
+    /** Whether an in-progress download should be presented as decrypting rather than downloading. */
+    isDownloadEncrypted: boolean;
+    /** Whether a media download or decryption is currently in progress. */
+    isDownloadLoading: boolean;
+    /** Whether the message is currently pinned. */
+    isPinned: boolean;
+    /** Whether the reply chain is currently expanded. */
+    isQuoteExpanded: boolean;
+    /** Whether starting or replying in a thread is allowed for this event. */
+    isThreadReplyAllowed: boolean;
+}
+
+/**
+ * Event handlers for toolbar actions.
+ *
+ * Each callback receives the triggering button so menus can be positioned from
+ * the action anchor when needed.
+ */
+export interface ActionBarViewActions {
+    onCancelClick?: (anchor: HTMLElement | null) => void;
+    onCopyLinkClick?: (anchor: HTMLElement | null) => void;
+    onDownloadClick?: (anchor: HTMLElement | null) => void;
+    onEditClick?: (anchor: HTMLElement | null) => void;
+    onHideClick?: (anchor: HTMLElement | null) => void;
+    onOptionsClick?: (anchor: HTMLElement | null) => void;
+    onPinClick?: (anchor: HTMLElement | null) => void;
+    onReactionsClick?: (anchor: HTMLElement | null) => void;
+    onRemoveClick?: (anchor: HTMLElement | null) => void;
+    onReplyClick?: (anchor: HTMLElement | null) => void;
+    onReplyInThreadClick?: (anchor: HTMLElement | null) => void;
+    onResendClick?: (anchor: HTMLElement | null) => void;
+    onToggleThreadExpanded?: (anchor: HTMLElement | null) => void;
+    onViewInRoomClick?: (anchor: HTMLElement | null) => void;
+    onViewSourceClick?: (anchor: HTMLElement | null) => void;
+}
+
+export type ActionBarViewModel = ViewModel<ActionBarViewSnapshot, ActionBarViewActions>;
+
+/**
+ * Resolved actions that `ActionBarView` can render.
+ *
+ * The order of actions in `ActionBarViewSnapshot.actions` defines the visual
+ * order of buttons in the toolbar.
+ */
+export enum ActionBarAction {
+    Cancel = "cancel",
+    CopyLink = "copyLink",
+    Download = "download",
+    Edit = "edit",
+    Expand = "expand",
+    Hide = "hide",
+    Options = "options",
+    Pin = "pin",
+    React = "react",
+    Remove = "remove",
+    Reply = "reply",
+    ReplyInThread = "replyInThread",
+    Resend = "resend",
+    ViewInRoom = "viewInRoom",
+    ViewSource = "viewSource",
+}
+
+interface ToolbarButtonMeta {
+    action: ActionBarAction;
+    disabled?: boolean;
+}
+
+interface ActionBarViewProps {
+    /** The view model for the component. */
+    vm: ActionBarViewModel;
+    /** Optional CSS class names to apply to the component container.*/
+    className?: string;
+}
+
+/**
+ * Compact toolbar for message-level actions such as reply, react, edit,
+ * download, and overflow options.
+ *
+ * Use `className` for host-level container styling, following standard React patterns.
+ *
+ * @example
+ * ```tsx
+ * <ActionBarView vm={actionBarVm} className="mx_MessageActionBar" />
+ * ```
+ */
+export function ActionBarView({ vm, className }: Readonly<ActionBarViewProps>): JSX.Element | null {
+    const { translate: _t } = useI18n();
+    const {
+        actions,
+        presentation = "icon",
+        isThreadReplyAllowed,
+        isDownloadEncrypted,
+        isDownloadLoading,
+        isPinned,
+        isQuoteExpanded,
+    } = useViewModel(vm);
+
+    // Track the live button element for each action and keep the callback refs stable
+    // so React does not detach and reattach them on every render.
+    const actionButtonRefs = useRef<Partial<Record<ActionBarAction, HTMLButtonElement | null>>>({});
+    const actionButtonRefSetters = useMemo(
+        () =>
+            Object.fromEntries(
+                Object.values(ActionBarAction).map((action) => [
+                    action,
+                    (element: HTMLButtonElement | null) => {
+                        actionButtonRefs.current[action] = element;
+                    },
+                ]),
+            ) as Record<ActionBarAction, React.RefCallback<HTMLButtonElement>>,
+        [],
+    );
+
+    const actionButtons: Partial<Record<ActionBarAction, JSX.Element>> = {};
+
+    actionButtons[ActionBarAction.Edit] = (
+        <ActionBarButton
+            key={ActionBarAction.Edit}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.Edit]}
+            label={_t("action|edit")}
+            onActivate={vm.onEditClick}
+            icon={EditIcon}
+        />
+    );
+
+    const pinDescription = isPinned ? _t("action|unpin") : _t("action|pin");
+    actionButtons[ActionBarAction.Pin] = (
+        <ActionBarButton
+            key={ActionBarAction.Pin}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.Pin]}
+            label={pinDescription}
+            onActivate={vm.onPinClick}
+            icon={isPinned ? UnpinIcon : PinIcon}
+            ariaPressed={isPinned}
+        />
+    );
+
+    actionButtons[ActionBarAction.Cancel] = (
+        <ActionBarButton
+            key={ActionBarAction.Cancel}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.Cancel]}
+            label={_t("action|delete")}
+            onActivate={vm.onCancelClick}
+            icon={DeleteIcon}
+        />
+    );
+
+    actionButtons[ActionBarAction.CopyLink] = (
+        <ActionBarButton
+            key={ActionBarAction.CopyLink}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.CopyLink]}
+            label={_t("timeline|mab|copy_link_thread")}
+            onActivate={vm.onCopyLinkClick}
+            icon={LinkIcon}
+        />
+    );
+
+    actionButtons[ActionBarAction.Reply] = (
+        <ActionBarButton
+            key={ActionBarAction.Reply}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.Reply]}
+            label={_t("action|reply")}
+            onActivate={vm.onReplyClick}
+            icon={ReplyIcon}
+        />
+    );
+
+    actionButtons[ActionBarAction.React] = (
+        <ActionBarButton
+            key={ActionBarAction.React}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.React]}
+            label={_t("action|react")}
+            onActivate={vm.onReactionsClick}
+            icon={ReactionAddIcon}
+        />
+    );
+
+    let downloadTitle = _t("action|download");
+    if (isDownloadLoading) {
+        downloadTitle = isDownloadEncrypted
+            ? _t("timeline|download_action_decrypting")
+            : _t("timeline|download_action_downloading");
+    }
+    actionButtons[ActionBarAction.Download] = (
+        <ActionBarButton
+            key={ActionBarAction.Download}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.Download]}
+            label={downloadTitle}
+            onActivate={vm.onDownloadClick}
+            icon={isDownloadLoading ? InlineSpinner : DownloadIcon}
+            disabled={isDownloadLoading}
+        />
+    );
+
+    actionButtons[ActionBarAction.Hide] = (
+        <ActionBarButton
+            key={ActionBarAction.Hide}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.Hide]}
+            label={_t("action|hide")}
+            onActivate={vm.onHideClick}
+            icon={VisibilityOffIcon}
+        />
+    );
+
+    const threadTooltipDescription = isThreadReplyAllowed
+        ? _t("action|reply_in_thread")
+        : _t("threads|error_start_thread_existing_relation");
+    actionButtons[ActionBarAction.ReplyInThread] = (
+        <ActionBarButton
+            key={ActionBarAction.ReplyInThread}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.ReplyInThread]}
+            label={_t("action|reply_in_thread")}
+            tooltipDescription={threadTooltipDescription}
+            onActivate={vm.onReplyInThreadClick}
+            icon={ThreadsIcon}
+            disabled={!isThreadReplyAllowed}
+        />
+    );
+
+    actionButtons[ActionBarAction.Resend] = (
+        <ActionBarButton
+            key={ActionBarAction.Resend}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.Resend]}
+            label={_t("action|retry")}
+            onActivate={vm.onResendClick}
+            icon={RestartIcon}
+        />
+    );
+
+    const expandDescription = isQuoteExpanded
+        ? _t("timeline|mab|collapse_reply_chain")
+        : _t("timeline|mab|expand_reply_chain");
+    actionButtons[ActionBarAction.Expand] = (
+        <ActionBarButton
+            key={ActionBarAction.Expand}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.Expand]}
+            label={expandDescription}
+            tooltipCaption={`${_t("keyboard|shift")} + ${_t("action|click")}`}
+            onActivate={vm.onToggleThreadExpanded}
+            icon={isQuoteExpanded ? CollapseIcon : ExpandIcon}
+            ariaExpanded={isQuoteExpanded}
+        />
+    );
+
+    actionButtons[ActionBarAction.Options] = (
+        <ActionBarButton
+            key={ActionBarAction.Options}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.Options]}
+            label={_t("common|options")}
+            onActivate={vm.onOptionsClick}
+            icon={OverflowHorizontalIcon}
+        />
+    );
+
+    actionButtons[ActionBarAction.Remove] = (
+        <ActionBarButton
+            key={ActionBarAction.Remove}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.Remove]}
+            label={_t("action|remove")}
+            onActivate={vm.onRemoveClick}
+            icon={DeleteIcon}
+        />
+    );
+
+    actionButtons[ActionBarAction.ViewInRoom] = (
+        <ActionBarButton
+            key={ActionBarAction.ViewInRoom}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.ViewInRoom]}
+            label={_t("timeline|mab|view_in_room")}
+            onActivate={vm.onViewInRoomClick}
+            icon={VisibilityOnIcon}
+        />
+    );
+
+    actionButtons[ActionBarAction.ViewSource] = (
+        <ActionBarButton
+            key={ActionBarAction.ViewSource}
+            presentation={presentation}
+            buttonRef={actionButtonRefSetters[ActionBarAction.ViewSource]}
+            label={_t("action|view_source")}
+            onActivate={vm.onViewSourceClick}
+            icon={InlineCodeIcon}
+        />
+    );
+
+    const isActionDisabled = useCallback(
+        (action: ActionBarAction): boolean => {
+            switch (action) {
+                case ActionBarAction.Download:
+                    return isDownloadLoading;
+                case ActionBarAction.ReplyInThread:
+                    return !isThreadReplyAllowed;
+                default:
+                    return false;
+            }
+        },
+        [isDownloadLoading, isThreadReplyAllowed],
+    );
+
+    const toolbarButtons = useMemo<ToolbarButtonMeta[]>(() => {
+        return actions.map((action) => ({
+            action,
+            disabled: isActionDisabled(action),
+        }));
+    }, [actions, isActionDisabled]);
+    const rovingProviderKey = toolbarButtons
+        .map(({ action, disabled }) => `${action}:${disabled ? "1" : "0"}`)
+        .join("|");
+
+    if (toolbarButtons.length === 0) {
+        return null;
+    }
+
+    // aria-live=off to not have this read out automatically as navigating around timeline, gets repetitive.
+    return (
+        <RovingTabIndexProvider key={rovingProviderKey} handleLeftRight handleHomeEnd handleLoop>
+            {({ onKeyDownHandler }) => (
+                // This may be wrong but seems to work, this is a roving-toolbar, so the focus follows one of the children
+                // oxlint-disable-next-line jsx-a11y/interactive-supports-focus
+                <Flex
+                    display="inline-flex"
+                    direction="row"
+                    role="toolbar"
+                    aria-label={_t("timeline|mab|label")}
+                    aria-live="off"
+                    onKeyDown={onKeyDownHandler}
+                    className={classNames(className, styles.toolbar)}
+                >
+                    {toolbarButtons.map((meta) => actionButtons[meta.action])}
+                </Flex>
+            )}
+        </RovingTabIndexProvider>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/__snapshots__/ActionBarView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/__snapshots__/ActionBarView.test.tsx.snap
new file mode 100644
index 00000000000..d48dee9bbcf
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/__snapshots__/ActionBarView.test.tsx.snap
@@ -0,0 +1,962 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
+<div>
+  <div
+    aria-label="Message Actions"
+    aria-live="off"
+    class="Flex-module_flex mx_MessageActionBar ActionBarView-module_toolbar"
+    role="toolbar"
+    style="--mx-flex-display: inline-flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <button
+      aria-label="Hide"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      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="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>
+    </button>
+    <button
+      aria-disabled="false"
+      aria-label="Download"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        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>
+    </button>
+    <button
+      aria-label="React"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M14.74 2.38C13.87 2.133 12.95 2 12 2 6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10c0-.95-.133-1.87-.38-2.74a5 5 0 0 1-1.886.687 8 8 0 1 1-5.68-5.68c.1-.684.339-1.323.687-1.887"
+        />
+        <path
+          d="M15.536 14.121a1 1 0 0 1 0 1.415A5 5 0 0 1 12 17c-1.38 0-2.632-.56-3.535-1.464a1 1 0 1 1 1.414-1.415A3 3 0 0 0 12 15c.829 0 1.577-.335 2.121-.879a1 1 0 0 1 1.415 0M8.5 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m8.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M18 6h-1a.97.97 0 0 1-.712-.287A.97.97 0 0 1 16 5q0-.424.288-.713A.97.97 0 0 1 17 4h1V3q0-.424.288-.712A.97.97 0 0 1 19 2q.424 0 .712.288Q20 2.575 20 3v1h1q.424 0 .712.287Q22 4.576 22 5t-.288.713A.97.97 0 0 1 21 6h-1v1q0 .424-.288.713A.97.97 0 0 1 19 8a.97.97 0 0 1-.712-.287A.97.97 0 0 1 18 7z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Reply"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M9.405 5.708c.39-.39.39-1.025 0-1.416a.996.996 0 0 0-1.412 0L3.294 9.006a1.004 1.004 0 0 0 0 1.416l4.699 4.714a.996.996 0 0 0 1.412 0c.39-.39.39-1.025 0-1.416l-3.043-3.053h9.153c1.887 0 3.485 1.604 3.485 3.666C19 16.396 17.402 18 15.515 18h-2.093a1 1 0 1 0 0 2h2.093C18.58 20 21 17.425 21 14.333s-2.419-5.666-5.485-5.666H6.456z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-disabled="false"
+      aria-label="Reply in thread"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <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 10a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 9q0-.424.287-.713A.97.97 0 0 1 7 8h10q.424 0 .712.287Q18 8.576 18 9t-.288.713A.97.97 0 0 1 17 10zm0 4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 13q0-.424.287-.713A.97.97 0 0 1 7 12h6q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 13 14z"
+        />
+        <path
+          d="M3.707 21.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6zM6 17h14V5H4v13.172l.586-.586A2 2 0 0 1 6 17"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Edit"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M15.706 2.637a2 2 0 0 1 2.829 0l2.828 2.828a2 2 0 0 1 0 2.829L9.605 20.052a1 1 0 0 1-.465.263L3.483 21.73a1 1 0 0 1-1.212-1.213l1.414-5.657a1 1 0 0 1 .263-.465zm1.224 7.262L14.102 7.07l-8.544 8.544-.943 3.771 3.771-.943z"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Pin"
+      aria-pressed="false"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M6.119 2a.5.5 0 0 0-.35.857L7.85 4.9a.5.5 0 0 1 .15.357v4.487a.5.5 0 0 1-.15.356l-3.7 3.644A.5.5 0 0 0 4 14.1v1.4a.5.5 0 0 0 .5.5H11v6a1 1 0 1 0 2 0v-6h6.5a.5.5 0 0 0 .5-.5v-1.4a.5.5 0 0 0-.15-.356l-3.7-3.644a.5.5 0 0 1-.15-.356V5.257a.5.5 0 0 1 .15-.357l2.081-2.043a.5.5 0 0 0-.35-.857zM10 4h4v5.744a2.5 2.5 0 0 0 .746 1.781L17.26 14H6.74l2.514-2.475A2.5 2.5 0 0 0 10 9.744z"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Retry"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <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>
+    </button>
+    <button
+      aria-label="Delete"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <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>
+    </button>
+    <button
+      aria-expanded="false"
+      aria-label="Expand quotes"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M21 3.997a1 1 0 0 0-.29-.702l-.005-.004A1 1 0 0 0 20 3h-8a1 1 0 1 0 0 2h5.586L5 17.586V12a1 1 0 1 0-2 0v8.003a1 1 0 0 0 .29.702l.005.004c.18.18.43.291.705.291h8a1 1 0 1 0 0-2H6.414L19 6.414V12a1 1 0 1 0 2 0z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Options"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        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>
+    </button>
+    <button
+      aria-label="View in room"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        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>
+    </button>
+    <button
+      aria-label="Copy link to thread"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Remove"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <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>
+    </button>
+    <button
+      aria-label="View Source"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M14.958 5.62a1 1 0 0 0-1.916-.574l-4 13.333a1 1 0 0 0 1.916.575zM5.974 7.232a1 1 0 0 0-1.409.128l-3.333 4a1 1 0 0 0 0 1.28l3.333 4a1 1 0 1 0 1.537-1.28L3.302 12l2.8-3.36a1 1 0 0 0-.128-1.408m12.053 0a1 1 0 0 1 1.408.128l3.333 4a1 1 0 0 1 0 1.28l-3.333 4a1 1 0 1 1-1.537-1.28l2.8-3.36-2.8-3.36a1 1 0 0 1 .128-1.408"
+        />
+      </svg>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
+<div>
+  <div
+    aria-label="Message Actions"
+    aria-live="off"
+    class="Flex-module_flex mx_MessageActionBar ActionBarView-module_toolbar"
+    role="toolbar"
+    style="--mx-flex-display: inline-flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <button
+      aria-label="Hide"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="0"
+    >
+      Hide
+    </button>
+    <button
+      aria-disabled="false"
+      aria-label="Download"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      Download
+    </button>
+    <button
+      aria-label="React"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      React
+    </button>
+    <button
+      aria-label="Reply"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      Reply
+    </button>
+    <button
+      aria-disabled="false"
+      aria-label="Reply in thread"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      Reply in thread
+    </button>
+    <button
+      aria-label="Edit"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      Edit
+    </button>
+    <button
+      aria-label="Pin"
+      aria-pressed="false"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      Pin
+    </button>
+    <button
+      aria-label="Retry"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      Retry
+    </button>
+    <button
+      aria-label="Delete"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      Delete
+    </button>
+    <button
+      aria-expanded="false"
+      aria-label="Expand quotes"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      Expand quotes
+    </button>
+    <button
+      aria-label="Options"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      Options
+    </button>
+    <button
+      aria-label="View in room"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      View in room
+    </button>
+    <button
+      aria-label="Copy link to thread"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      Copy link to thread
+    </button>
+    <button
+      aria-label="Remove"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      Remove
+    </button>
+    <button
+      aria-label="View Source"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item"
+      data-kind="tertiary"
+      data-presentation="label"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      View Source
+    </button>
+  </div>
+</div>
+`;
+
+exports[`ActionBarView > story snapshots > renders DecryptingAttachment 1`] = `
+<div>
+  <div
+    aria-label="Message Actions"
+    aria-live="off"
+    class="Flex-module_flex mx_MessageActionBar ActionBarView-module_toolbar"
+    role="toolbar"
+    style="--mx-flex-display: inline-flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <button
+      aria-disabled="true"
+      aria-label="Decrypting"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        class="_icon_1855a_18"
+        fill="currentColor"
+        height="20"
+        style="width: 20px; height: 20px;"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Options"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      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="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>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`ActionBarView > story snapshots > renders DisabledThreadReply 1`] = `
+<div>
+  <div
+    aria-label="Message Actions"
+    aria-live="off"
+    class="Flex-module_flex mx_MessageActionBar ActionBarView-module_toolbar"
+    role="toolbar"
+    style="--mx-flex-display: inline-flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <button
+      aria-label="React"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      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="M14.74 2.38C13.87 2.133 12.95 2 12 2 6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10c0-.95-.133-1.87-.38-2.74a5 5 0 0 1-1.886.687 8 8 0 1 1-5.68-5.68c.1-.684.339-1.323.687-1.887"
+        />
+        <path
+          d="M15.536 14.121a1 1 0 0 1 0 1.415A5 5 0 0 1 12 17c-1.38 0-2.632-.56-3.535-1.464a1 1 0 1 1 1.414-1.415A3 3 0 0 0 12 15c.829 0 1.577-.335 2.121-.879a1 1 0 0 1 1.415 0M8.5 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m8.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M18 6h-1a.97.97 0 0 1-.712-.287A.97.97 0 0 1 16 5q0-.424.288-.713A.97.97 0 0 1 17 4h1V3q0-.424.288-.712A.97.97 0 0 1 19 2q.424 0 .712.288Q20 2.575 20 3v1h1q.424 0 .712.287Q22 4.576 22 5t-.288.713A.97.97 0 0 1 21 6h-1v1q0 .424-.288.713A.97.97 0 0 1 19 8a.97.97 0 0 1-.712-.287A.97.97 0 0 1 18 7z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Reply"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M9.405 5.708c.39-.39.39-1.025 0-1.416a.996.996 0 0 0-1.412 0L3.294 9.006a1.004 1.004 0 0 0 0 1.416l4.699 4.714a.996.996 0 0 0 1.412 0c.39-.39.39-1.025 0-1.416l-3.043-3.053h9.153c1.887 0 3.485 1.604 3.485 3.666C19 16.396 17.402 18 15.515 18h-2.093a1 1 0 1 0 0 2h2.093C18.58 20 21 17.425 21 14.333s-2.419-5.666-5.485-5.666H6.456z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-disabled="true"
+      aria-label="Reply in thread"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <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 10a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 9q0-.424.287-.713A.97.97 0 0 1 7 8h10q.424 0 .712.287Q18 8.576 18 9t-.288.713A.97.97 0 0 1 17 10zm0 4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 6 13q0-.424.287-.713A.97.97 0 0 1 7 12h6q.424 0 .713.287.287.288.287.713 0 .424-.287.713A.97.97 0 0 1 13 14z"
+        />
+        <path
+          d="M3.707 21.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6zM6 17h14V5H4v13.172l.586-.586A2 2 0 0 1 6 17"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Options"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        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>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`ActionBarView > story snapshots > renders DownloadingAttachment 1`] = `
+<div>
+  <div
+    aria-label="Message Actions"
+    aria-live="off"
+    class="Flex-module_flex mx_MessageActionBar ActionBarView-module_toolbar"
+    role="toolbar"
+    style="--mx-flex-display: inline-flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <button
+      aria-disabled="true"
+      aria-label="Downloading"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        class="_icon_1855a_18"
+        fill="currentColor"
+        height="20"
+        style="width: 20px; height: 20px;"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Options"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      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="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>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`ActionBarView > story snapshots > renders ExpandedReplyChain 1`] = `
+<div>
+  <div
+    aria-label="Message Actions"
+    aria-live="off"
+    class="Flex-module_flex mx_MessageActionBar ActionBarView-module_toolbar"
+    role="toolbar"
+    style="--mx-flex-display: inline-flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <button
+      aria-label="Reply"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      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="M9.405 5.708c.39-.39.39-1.025 0-1.416a.996.996 0 0 0-1.412 0L3.294 9.006a1.004 1.004 0 0 0 0 1.416l4.699 4.714a.996.996 0 0 0 1.412 0c.39-.39.39-1.025 0-1.416l-3.043-3.053h9.153c1.887 0 3.485 1.604 3.485 3.666C19 16.396 17.402 18 15.515 18h-2.093a1 1 0 1 0 0 2h2.093C18.58 20 21 17.425 21 14.333s-2.419-5.666-5.485-5.666H6.456z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-expanded="true"
+      aria-label="Collapse quotes"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 11.034a1 1 0 0 0 .29.702l.005.005c.18.18.43.29.705.29h8a1 1 0 0 0 0-2h-5.586L22 3.445a1 1 0 0 0-1.414-1.414L14 8.617V3.031a1 1 0 1 0-2 0zm0 1.963a1 1 0 0 0-.29-.702l-.005-.004A1 1 0 0 0 11 12H3a1 1 0 1 0 0 2h5.586L2 20.586A1 1 0 1 0 3.414 22L10 15.414V21a1 1 0 0 0 2 0z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Options"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        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>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`ActionBarView > story snapshots > renders PinnedMessage 1`] = `
+<div>
+  <div
+    aria-label="Message Actions"
+    aria-live="off"
+    class="Flex-module_flex mx_MessageActionBar ActionBarView-module_toolbar"
+    role="toolbar"
+    style="--mx-flex-display: inline-flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <button
+      aria-label="React"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      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="M14.74 2.38C13.87 2.133 12.95 2 12 2 6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10c0-.95-.133-1.87-.38-2.74a5 5 0 0 1-1.886.687 8 8 0 1 1-5.68-5.68c.1-.684.339-1.323.687-1.887"
+        />
+        <path
+          d="M15.536 14.121a1 1 0 0 1 0 1.415A5 5 0 0 1 12 17c-1.38 0-2.632-.56-3.535-1.464a1 1 0 1 1 1.414-1.415A3 3 0 0 0 12 15c.829 0 1.577-.335 2.121-.879a1 1 0 0 1 1.415 0M8.5 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m8.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M18 6h-1a.97.97 0 0 1-.712-.287A.97.97 0 0 1 16 5q0-.424.288-.713A.97.97 0 0 1 17 4h1V3q0-.424.288-.712A.97.97 0 0 1 19 2q.424 0 .712.288Q20 2.575 20 3v1h1q.424 0 .712.287Q22 4.576 22 5t-.288.713A.97.97 0 0 1 21 6h-1v1q0 .424-.288.713A.97.97 0 0 1 19 8a.97.97 0 0 1-.712-.287A.97.97 0 0 1 18 7z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Reply"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M9.405 5.708c.39-.39.39-1.025 0-1.416a.996.996 0 0 0-1.412 0L3.294 9.006a1.004 1.004 0 0 0 0 1.416l4.699 4.714a.996.996 0 0 0 1.412 0c.39-.39.39-1.025 0-1.416l-3.043-3.053h9.153c1.887 0 3.485 1.604 3.485 3.666C19 16.396 17.402 18 15.515 18h-2.093a1 1 0 1 0 0 2h2.093C18.58 20 21 17.425 21 14.333s-2.419-5.666-5.485-5.666H6.456z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Unpin"
+      aria-pressed="true"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M5.457 2.083a1 1 0 0 0-1.414 1.414L8.04 7.494v2.25a.5.5 0 0 1-.15.356l-3.7 3.644a.5.5 0 0 0-.15.356v1.4a.5.5 0 0 0 .5.5h6.5v6a1 1 0 0 0 2 0v-6h3.506l4.497 4.497a1 1 0 0 0 1.414-1.414zM14.546 14 10.04 9.494v.25a2.5 2.5 0 0 1-.746 1.781L6.78 14z"
+          fill-rule="evenodd"
+        />
+        <path
+          d="M14.04 4v3.85l2.015 2.015a.5.5 0 0 1-.015-.12V5.257a.5.5 0 0 1 .15-.357l2.081-2.043a.5.5 0 0 0-.35-.857h-9.73l2 2z"
+        />
+      </svg>
+    </button>
+    <button
+      aria-label="Options"
+      class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
+      data-kind="tertiary"
+      data-presentation="icon"
+      data-size="md"
+      role="button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="20"
+        viewBox="0 0 24 24"
+        width="20"
+        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>
+    </button>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/index.ts b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/index.ts
new file mode 100644
index 00000000000..7d0beb58c27
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/index.ts
@@ -0,0 +1,14 @@
+/*
+ * 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 {
+    ActionBarView,
+    type ActionBarViewActions,
+    type ActionBarViewModel,
+    type ActionBarViewSnapshot,
+    ActionBarAction,
+} from "./ActionBarView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.module.css b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.module.css
new file mode 100644
index 00000000000..905719eedff
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.module.css
@@ -0,0 +1,36 @@
+/*
+ * 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.
+ */
+
+.audioPlayer {
+    padding: var(--cpd-space-4x) var(--cpd-space-3x) var(--cpd-space-3x) var(--cpd-space-3x);
+}
+
+.mediaInfo {
+    /* Makes the ellipsis on the file name work */
+    overflow: hidden;
+}
+
+.mediaName {
+    color: var(--cpd-color-text-primary);
+    font: var(--cpd-font-body-md-regular);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 100%;
+}
+
+.byline {
+    font: var(--cpd-font-body-xs-regular);
+}
+
+.clock {
+    white-space: nowrap;
+}
+
+.error {
+    color: var(--cpd-color-text-critical-primary);
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx
new file mode 100644
index 00000000000..11887fe4da3
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx
@@ -0,0 +1,77 @@
+/*
+ * 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 type { Meta, StoryObj } from "@storybook/react-vite";
+import { AudioPlayerView, type AudioPlayerViewActions, type AudioPlayerViewSnapshot } from "./AudioPlayerView";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+
+type AudioPlayerProps = AudioPlayerViewSnapshot & AudioPlayerViewActions;
+const AudioPlayerViewWrapperImpl = ({
+    togglePlay,
+    onKeyDown,
+    onSeekbarChange,
+    ...rest
+}: AudioPlayerProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        togglePlay,
+        onKeyDown,
+        onSeekbarChange,
+    });
+    return <AudioPlayerView vm={vm} />;
+};
+const AudioPlayerViewWrapper = withViewDocs(AudioPlayerViewWrapperImpl, AudioPlayerView);
+
+const meta = {
+    title: "Timeline/Timeline Body/AudioPlayerView",
+    component: AudioPlayerViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        playbackState: {
+            options: ["stopped", "playing", "paused", "decoding"],
+            control: { type: "select" },
+        },
+    },
+    args: {
+        mediaName: "Sample Audio",
+        durationSeconds: 300,
+        playedSeconds: 120,
+        percentComplete: 30,
+        playbackState: "stopped",
+        sizeBytes: 3500,
+        error: false,
+        togglePlay: fn(),
+        onKeyDown: fn(),
+        onSeekbarChange: fn(),
+    },
+} satisfies Meta<typeof AudioPlayerViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const NoMediaName: Story = {
+    args: {
+        mediaName: undefined,
+    },
+};
+
+export const NoSize: Story = {
+    args: {
+        sizeBytes: undefined,
+    },
+};
+
+export const HasError: Story = {
+    args: {
+        error: true,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.test.tsx
new file mode 100644
index 00000000000..9fadbc76bad
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.test.tsx
@@ -0,0 +1,83 @@
+/*
+ * 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 { 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";
+import { MockViewModel } from "../../../../../core/viewmodel/MockViewModel.ts";
+import { I18nContext } from "../../../../../core/i18n/i18nContext.ts";
+import { I18nApi } from "../../../../../core/i18n/I18nApi.ts";
+
+const { Default, NoMediaName, NoSize, HasError } = composeStories(stories);
+
+describe("AudioPlayerView", () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    it("renders the audio player in default state", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the audio player without media name", () => {
+        const { container } = render(<NoMediaName />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the audio player without size", () => {
+        const { container } = render(<NoSize />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the audio player in error state", () => {
+        const { container } = render(<HasError />);
+        expect(container).toMatchSnapshot();
+    });
+
+    const onKeyDown = vi.fn();
+    const togglePlay = vi.fn();
+    const onSeekbarChange = vi.fn();
+
+    class AudioPlayerViewModel extends MockViewModel<AudioPlayerViewSnapshot> implements AudioPlayerViewActions {
+        public onKeyDown = onKeyDown;
+        public togglePlay = togglePlay;
+        public onSeekbarChange = onSeekbarChange;
+    }
+
+    it("should attach vm methods", async () => {
+        const user = userEvent.setup();
+        const vm = new AudioPlayerViewModel({
+            playbackState: "stopped",
+            mediaName: "Test Audio",
+            durationSeconds: 300,
+            playedSeconds: 120,
+            percentComplete: 30,
+            sizeBytes: 3500,
+            error: false,
+        });
+
+        render(<AudioPlayerView vm={vm} />, {
+            wrapper: ({ children }) => <I18nContext.Provider value={new I18nApi()}>{children}</I18nContext.Provider>,
+        });
+        await user.click(screen.getByRole("button", { name: "Play" }));
+        expect(togglePlay).toHaveBeenCalled();
+
+        // user event doesn't support change events on sliders, so we use fireEvent
+        fireEvent.change(screen.getByRole("slider", { name: "Audio seek bar" }), { target: { value: "50" } });
+        expect(onSeekbarChange).toHaveBeenCalled();
+
+        await user.type(screen.getByLabelText("Audio player"), "{arrowup}");
+        expect(onKeyDown).toHaveBeenCalledWith(expect.objectContaining({ key: "ArrowUp" }));
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.tsx b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.tsx
new file mode 100644
index 00000000000..43110341310
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.tsx
@@ -0,0 +1,144 @@
+/*
+ * 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 ChangeEventHandler, type JSX, type KeyboardEventHandler, type MouseEventHandler } from "react";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import { MediaBody } from "../MediaBody";
+import { Flex } from "../../../../../core/utils/Flex";
+import styles from "./AudioPlayerView.module.css";
+import { PlayPauseButton } from "../../../../../audio/PlayPauseButton";
+import { type PlaybackState } from "../../../../../audio/playback";
+import { useI18n } from "../../../../../core/i18n/i18nContext";
+import { formatBytes } from "../../../../../core/utils/FormattingUtils";
+import { Clock } from "../../../../../audio/Clock";
+import { SeekBar } from "../../../../../audio/SeekBar";
+
+export interface AudioPlayerViewSnapshot {
+    /**
+     * The playback state of the audio player.
+     */
+    playbackState: PlaybackState;
+    /**
+     * Name of the media being played.
+     * @default Fallback to "timeline|m.audio|unnamed_audio" string if not provided.
+     */
+    mediaName?: string;
+    /**
+     * Size of the audio file in bytes.
+     * Hided if not provided.
+     */
+    sizeBytes?: number;
+    /**
+     * The duration of the audio clip in seconds.
+     */
+    durationSeconds: number;
+    /**
+     * The percentage of the audio that has been played.
+     * Ranges from 0 to 100.
+     */
+    percentComplete: number;
+    /**
+     * The number of seconds that have been played.
+     */
+    playedSeconds: number;
+    /**
+     * Indicates if there was an error downloading the audio.
+     */
+    error: boolean;
+}
+
+export interface AudioPlayerViewActions {
+    /**
+     * Handles key down events for the audio player.
+     */
+    onKeyDown: KeyboardEventHandler<HTMLDivElement>;
+    /**
+     * Toggles the play/pause state of the audio player.
+     */
+    togglePlay: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Handles changes to the seek bar.
+     */
+    onSeekbarChange: ChangeEventHandler<HTMLInputElement>;
+}
+
+/**
+ * The view model for the audio player.
+ */
+export type AudioPlayerViewModel = ViewModel<AudioPlayerViewSnapshot, AudioPlayerViewActions>;
+
+interface AudioPlayerViewProps {
+    /**
+     * The view model for the audio player.
+     */
+    vm: AudioPlayerViewModel;
+}
+
+/**
+ * AudioPlayer component displays an audio player with play/pause controls, seek bar, and media information.
+ * The component expects a view model that provides the current state of the audio playback,
+ *
+ * @example
+ * ```tsx
+ * <AudioPlayerView vm={audioPlayerViewModel} />
+ * ```
+ */
+export function AudioPlayerView({ vm }: Readonly<AudioPlayerViewProps>): JSX.Element {
+    const { translate: _t } = useI18n();
+
+    const {
+        playbackState,
+        mediaName = _t("timeline|m.audio|unnamed_audio"),
+        sizeBytes,
+        durationSeconds,
+        playedSeconds,
+        percentComplete,
+        error,
+    } = useViewModel(vm);
+    const fileSize = sizeBytes ? `(${formatBytes(sizeBytes)})` : null;
+    const disabled = playbackState === "decoding";
+
+    // tabIndex=0 to ensure that the whole component becomes a tab stop, where we handle keyboard
+    // events for accessibility
+    return (
+        <>
+            <MediaBody
+                className={styles.audioPlayer}
+                tabIndex={0}
+                onKeyDown={vm.onKeyDown}
+                aria-label={_t("timeline|m.audio|audio_player")}
+                role="region"
+            >
+                <Flex gap="var(--cpd-space-2x)" align="center">
+                    <PlayPauseButton
+                        // Prevent tabbing into the button
+                        // Keyboard navigation is handled at the MediaBody level
+                        tabIndex={-1}
+                        disabled={disabled}
+                        playing={playbackState === "playing"}
+                        togglePlay={vm.togglePlay}
+                    />
+                    <Flex direction="column" className={styles.mediaInfo}>
+                        <span className={styles.mediaName} data-testid="audio-player-name">
+                            {mediaName}
+                        </span>
+                        <Flex className={styles.byline} gap="var(--cpd-space-1-5x)">
+                            <Clock seconds={durationSeconds} />
+                            {fileSize}
+                        </Flex>
+                    </Flex>
+                </Flex>
+                <Flex align="center" gap="var(--cpd-space-1x)" data-testid="audio-player-seek">
+                    <SeekBar tabIndex={-1} disabled={disabled} value={percentComplete} onChange={vm.onSeekbarChange} />
+                    <Clock className={styles.clock} seconds={playedSeconds} role="timer" />
+                </Flex>
+            </MediaBody>
+            {error && <span className={styles.error}>{_t("timeline|m.audio|error_downloading_audio")}</span>}
+        </>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/__snapshots__/AudioPlayerView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/__snapshots__/AudioPlayerView.test.tsx.snap
new file mode 100644
index 00000000000..0bafc52fd7c
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/__snapshots__/AudioPlayerView.test.tsx.snap
@@ -0,0 +1,369 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`AudioPlayerView > renders the audio player in default state 1`] = `
+<div>
+  <div
+    aria-label="Audio player"
+    class="mx_MediaBody MediaBody-module_mediaBody AudioPlayerView-module_audioPlayer"
+    role="region"
+    tabindex="0"
+  >
+    <div
+      class="Flex-module_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-label="Play"
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8 PlayPauseButton-module_button"
+        data-kind="primary"
+        role="button"
+        style="--cpd-icon-button-size: 32px;"
+        tabindex="-1"
+      >
+        <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="m8.98 4.677 9.921 5.58c1.36.764 1.36 2.722 0 3.486l-9.92 5.58C7.647 20.073 6 19.11 6 17.58V6.42c0-1.53 1.647-2.493 2.98-1.743"
+            />
+          </svg>
+        </div>
+      </button>
+      <div
+        class="Flex-module_flex AudioPlayerView-module_mediaInfo"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <span
+          class="AudioPlayerView-module_mediaName"
+          data-testid="audio-player-name"
+        >
+          Sample Audio
+        </span>
+        <div
+          class="Flex-module_flex AudioPlayerView-module_byline"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1-5x); --mx-flex-wrap: nowrap;"
+        >
+          <time
+            class="mx_Clock"
+            datetime="PT5M"
+          >
+            05:00
+          </time>
+          (3.42 KB)
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex"
+      data-testid="audio-player-seek"
+      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;"
+    >
+      <input
+        aria-label="Audio seek bar"
+        class="SeekBar-module_seekBar"
+        max="100"
+        min="0"
+        step="1"
+        style="--fillTo: 0.3;"
+        tabindex="-1"
+        type="range"
+        value="30"
+      />
+      <time
+        class="mx_Clock AudioPlayerView-module_clock"
+        datetime="PT2M"
+        role="timer"
+      >
+        02:00
+      </time>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`AudioPlayerView > renders the audio player in error state 1`] = `
+<div>
+  <div
+    aria-label="Audio player"
+    class="mx_MediaBody MediaBody-module_mediaBody AudioPlayerView-module_audioPlayer"
+    role="region"
+    tabindex="0"
+  >
+    <div
+      class="Flex-module_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-label="Play"
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8 PlayPauseButton-module_button"
+        data-kind="primary"
+        role="button"
+        style="--cpd-icon-button-size: 32px;"
+        tabindex="-1"
+      >
+        <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="m8.98 4.677 9.921 5.58c1.36.764 1.36 2.722 0 3.486l-9.92 5.58C7.647 20.073 6 19.11 6 17.58V6.42c0-1.53 1.647-2.493 2.98-1.743"
+            />
+          </svg>
+        </div>
+      </button>
+      <div
+        class="Flex-module_flex AudioPlayerView-module_mediaInfo"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <span
+          class="AudioPlayerView-module_mediaName"
+          data-testid="audio-player-name"
+        >
+          Sample Audio
+        </span>
+        <div
+          class="Flex-module_flex AudioPlayerView-module_byline"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1-5x); --mx-flex-wrap: nowrap;"
+        >
+          <time
+            class="mx_Clock"
+            datetime="PT5M"
+          >
+            05:00
+          </time>
+          (3.42 KB)
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex"
+      data-testid="audio-player-seek"
+      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;"
+    >
+      <input
+        aria-label="Audio seek bar"
+        class="SeekBar-module_seekBar"
+        max="100"
+        min="0"
+        step="1"
+        style="--fillTo: 0.3;"
+        tabindex="-1"
+        type="range"
+        value="30"
+      />
+      <time
+        class="mx_Clock AudioPlayerView-module_clock"
+        datetime="PT2M"
+        role="timer"
+      >
+        02:00
+      </time>
+    </div>
+  </div>
+  <span
+    class="AudioPlayerView-module_error"
+  >
+    Error downloading audio
+  </span>
+</div>
+`;
+
+exports[`AudioPlayerView > renders the audio player without media name 1`] = `
+<div>
+  <div
+    aria-label="Audio player"
+    class="mx_MediaBody MediaBody-module_mediaBody AudioPlayerView-module_audioPlayer"
+    role="region"
+    tabindex="0"
+  >
+    <div
+      class="Flex-module_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-label="Play"
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8 PlayPauseButton-module_button"
+        data-kind="primary"
+        role="button"
+        style="--cpd-icon-button-size: 32px;"
+        tabindex="-1"
+      >
+        <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="m8.98 4.677 9.921 5.58c1.36.764 1.36 2.722 0 3.486l-9.92 5.58C7.647 20.073 6 19.11 6 17.58V6.42c0-1.53 1.647-2.493 2.98-1.743"
+            />
+          </svg>
+        </div>
+      </button>
+      <div
+        class="Flex-module_flex AudioPlayerView-module_mediaInfo"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <span
+          class="AudioPlayerView-module_mediaName"
+          data-testid="audio-player-name"
+        >
+          Unnamed audio
+        </span>
+        <div
+          class="Flex-module_flex AudioPlayerView-module_byline"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1-5x); --mx-flex-wrap: nowrap;"
+        >
+          <time
+            class="mx_Clock"
+            datetime="PT5M"
+          >
+            05:00
+          </time>
+          (3.42 KB)
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex"
+      data-testid="audio-player-seek"
+      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;"
+    >
+      <input
+        aria-label="Audio seek bar"
+        class="SeekBar-module_seekBar"
+        max="100"
+        min="0"
+        step="1"
+        style="--fillTo: 0.3;"
+        tabindex="-1"
+        type="range"
+        value="30"
+      />
+      <time
+        class="mx_Clock AudioPlayerView-module_clock"
+        datetime="PT2M"
+        role="timer"
+      >
+        02:00
+      </time>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`AudioPlayerView > renders the audio player without size 1`] = `
+<div>
+  <div
+    aria-label="Audio player"
+    class="mx_MediaBody MediaBody-module_mediaBody AudioPlayerView-module_audioPlayer"
+    role="region"
+    tabindex="0"
+  >
+    <div
+      class="Flex-module_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-label="Play"
+        aria-labelledby="react-use-id-1"
+        class="_icon-button_1215g_8 PlayPauseButton-module_button"
+        data-kind="primary"
+        role="button"
+        style="--cpd-icon-button-size: 32px;"
+        tabindex="-1"
+      >
+        <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="m8.98 4.677 9.921 5.58c1.36.764 1.36 2.722 0 3.486l-9.92 5.58C7.647 20.073 6 19.11 6 17.58V6.42c0-1.53 1.647-2.493 2.98-1.743"
+            />
+          </svg>
+        </div>
+      </button>
+      <div
+        class="Flex-module_flex AudioPlayerView-module_mediaInfo"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <span
+          class="AudioPlayerView-module_mediaName"
+          data-testid="audio-player-name"
+        >
+          Sample Audio
+        </span>
+        <div
+          class="Flex-module_flex AudioPlayerView-module_byline"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1-5x); --mx-flex-wrap: nowrap;"
+        >
+          <time
+            class="mx_Clock"
+            datetime="PT5M"
+          >
+            05:00
+          </time>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Flex-module_flex"
+      data-testid="audio-player-seek"
+      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;"
+    >
+      <input
+        aria-label="Audio seek bar"
+        class="SeekBar-module_seekBar"
+        max="100"
+        min="0"
+        step="1"
+        style="--fillTo: 0.3;"
+        tabindex="-1"
+        type="range"
+        value="30"
+      />
+      <time
+        class="mx_Clock AudioPlayerView-module_clock"
+        datetime="PT2M"
+        role="timer"
+      >
+        02:00
+      </time>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/index.ts
new file mode 100644
index 00000000000..4075f81ddee
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/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 { AudioPlayerViewModel, AudioPlayerViewSnapshot } from "./AudioPlayerView";
+export { AudioPlayerView } from "./AudioPlayerView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.module.css b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.module.css
new file mode 100644
index 00000000000..45e21088e4e
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/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/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx
new file mode 100644
index 00000000000..e8752f3a9c9
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx
@@ -0,0 +1,83 @@
+/*
+ * 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, StoryObj } from "@storybook/react-vite";
+import {
+    DecryptionFailureBodyView,
+    DecryptionFailureReason,
+    type DecryptionFailureBodyViewSnapshot,
+} from "./DecryptionFailureBodyView";
+import { useMockedViewModel } from "../../../../../core/viewmodel/useMockedViewModel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+
+type DecryptionFailureBodyProps = DecryptionFailureBodyViewSnapshot;
+
+const DecryptionFailureBodyViewWrapperImpl = ({
+    className,
+    ...rest
+}: DecryptionFailureBodyProps & { className?: string }): JSX.Element => {
+    const vm = useMockedViewModel(rest, {});
+
+    return <DecryptionFailureBodyView vm={vm} className={className} />;
+};
+const DecryptionFailureBodyViewWrapper = withViewDocs(DecryptionFailureBodyViewWrapperImpl, DecryptionFailureBodyView);
+
+const meta = {
+    title: "Timeline/Timeline Body/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,
+        className: "extra_class",
+    },
+} satisfies Meta<typeof DecryptionFailureBodyViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const HasErrorClassName: Story = {
+    args: {
+        decryptionFailureReason: DecryptionFailureReason.UNSIGNED_SENDER_DEVICE,
+        className: undefined,
+    },
+};
+
+export const HasErrorBlockIcon: Story = {
+    args: {
+        decryptionFailureReason: DecryptionFailureReason.SENDER_IDENTITY_PREVIOUSLY_VERIFIED,
+        className: undefined,
+    },
+};
+
+export const HasBackupConfiguredVerifiedFalse: Story = {
+    args: {
+        decryptionFailureReason: DecryptionFailureReason.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED,
+        isLocalDeviceVerified: false,
+        className: undefined,
+    },
+};
+
+export const HasBackupConfiguredVerifiedTrue: Story = {
+    args: {
+        decryptionFailureReason: DecryptionFailureReason.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED,
+        isLocalDeviceVerified: true,
+        className: undefined,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.test.tsx
new file mode 100644
index 00000000000..ad35f9f54aa
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.test.tsx
@@ -0,0 +1,148 @@
+/*
+ * 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 React from "react";
+import { describe, it, expect } from "vitest";
+
+import { DecryptionFailureBodyView, DecryptionFailureReason } from "./DecryptionFailureBodyView";
+import { MockViewModel } from "../../../../../core/viewmodel";
+
+describe("DecryptionFailureBodyView", () => {
+    function customRender(
+        decryptionFailureReason: DecryptionFailureReason,
+        isLocalDeviceVerified: boolean = false,
+        className: string | undefined = undefined,
+    ): ReturnType<typeof render> {
+        return render(
+            <DecryptionFailureBodyView
+                vm={new MockViewModel({ decryptionFailureReason, isLocalDeviceVerified })}
+                className={className}
+            />,
+        );
+    }
+
+    function customRenderWithRef(ref: React.RefObject<any>): ReturnType<typeof render> {
+        return render(
+            <DecryptionFailureBodyView
+                vm={new MockViewModel({ decryptionFailureReason: DecryptionFailureReason.UNABLE_TO_DECRYPT })}
+                ref={ref}
+            />,
+        );
+    }
+
+    it("applies custom className to the root element", () => {
+        const { container } = customRender(
+            DecryptionFailureReason.UNABLE_TO_DECRYPT,
+            false,
+            "extra_class_1 extra_class_2",
+        );
+
+        expect(container.firstChild).toHaveClass("extra_class_1", "extra_class_2");
+    });
+
+    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 digital 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/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.tsx b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.tsx
new file mode 100644
index 00000000000..0c48401d5ae
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.tsx
@@ -0,0 +1,190 @@
+/*
+ * 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 "../../../../../core/viewmodel/ViewModel";
+import { useViewModel } from "../../../../../core/viewmodel/useViewModel";
+import styles from "./DecryptionFailureBodyView.module.css";
+import { useI18n } from "../../../../../core/i18n/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;
+}
+
+/**
+ * The view model for the component.
+ *
+ * Snapshot data is intentionally content-focused (`decryptionFailureReason`
+ * plus optional `isLocalDeviceVerified`). Container styling is supplied
+ * via component props.
+ */
+export type DecryptionFailureBodyViewModel = ViewModel<DecryptionFailureBodyViewSnapshot>;
+
+interface DecryptionFailureBodyViewProps {
+    /**
+     * The view model for the component.
+     */
+    vm: DecryptionFailureBodyViewModel;
+    /**
+     * Optional CSS class names to apply to the component container.
+     */
+    className?: string;
+    /**
+     * React ref to attach to any React components returned
+     */
+    ref?: React.RefObject<HTMLDivElement>;
+}
+
+/**
+ * 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;
+}
+
+/**
+ * Renders a message-body placeholder for events that could not be decrypted.
+ *
+ * Message copy and warning styling are derived from snapshot values:
+ * - `decryptionFailureReason` selects the base text/variant.
+ * - `isLocalDeviceVerified` influences historical-backup messaging.
+ *
+ * Use `className` for host-level container styling, following standard React patterns.
+ *
+ * @example
+ * ```tsx
+ * <DecryptionFailureBodyView vm={decryptionFailureBodyVm} className="mx_DecryptionFailureBody" />
+ * ```
+ */
+export function DecryptionFailureBodyView({
+    vm,
+    ref,
+    className,
+}: Readonly<DecryptionFailureBodyViewProps>): JSX.Element {
+    const i18nApi = useI18n();
+    const { decryptionFailureReason, isLocalDeviceVerified } = useViewModel(vm);
+    const classes = classNames(styles.content, errorClassName(decryptionFailureReason), className);
+
+    return (
+        <div className={classes} ref={ref}>
+            {getErrorMessage(i18nApi, decryptionFailureReason, isLocalDeviceVerified)}
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/__snapshots__/DecryptionFailureBodyView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/__snapshots__/DecryptionFailureBodyView.test.tsx.snap
new file mode 100644
index 00000000000..0a27ac430d2
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/__snapshots__/DecryptionFailureBodyView.test.tsx.snap
@@ -0,0 +1,177 @@
+// 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="DecryptionFailureBodyView-module_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="DecryptionFailureBodyView-module_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="DecryptionFailureBodyView-module_content"
+  >
+    Unable to decrypt message
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > Should display "Unable to decrypt message and device verification is true" 1`] = `
+<div>
+  <div
+    class="DecryptionFailureBodyView-module_content"
+  >
+    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="DecryptionFailureBodyView-module_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="DecryptionFailureBodyView-module_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="DecryptionFailureBodyView-module_content DecryptionFailureBodyView-module_error"
+  >
+    <span>
+      <svg
+        class="DecryptionFailureBodyView-module_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="DecryptionFailureBodyView-module_content DecryptionFailureBodyView-module_error"
+  >
+    <span>
+      <svg
+        class="DecryptionFailureBodyView-module_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="DecryptionFailureBodyView-module_content DecryptionFailureBodyView-module_error"
+  >
+    <span>
+      <svg
+        class="DecryptionFailureBodyView-module_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 digital 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="DecryptionFailureBodyView-module_content DecryptionFailureBodyView-module_error"
+  >
+    <span>
+      <svg
+        class="DecryptionFailureBodyView-module_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 digital identity was reset
+    </span>
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > should handle undecryptable pre-join messages and device verification is false 1`] = `
+<div>
+  <div
+    class="DecryptionFailureBodyView-module_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="DecryptionFailureBodyView-module_content"
+  >
+    You don't have access to this message
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/index.ts
new file mode 100644
index 00000000000..bc533a89fd8
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/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 {
+    DecryptionFailureBodyView,
+    DecryptionFailureReason,
+    type DecryptionFailureBodyViewModel,
+    type DecryptionFailureBodyViewSnapshot,
+} from "./DecryptionFailureBodyView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.module.css b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.module.css
new file mode 100644
index 00000000000..dbb3f62bbbf
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.module.css
@@ -0,0 +1,89 @@
+/*
+ * 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.
+ */
+
+.EventTile_body {
+    overflow-y: hidden;
+    text-align: start;
+}
+
+.EventTile_bigEmoji {
+    font-size: 48px;
+    line-height: 57px;
+
+    .Emoji {
+        font-size: inherit !important;
+    }
+}
+
+.markdownBody {
+    font: var(--cpd-font-body-md-regular) !important;
+    letter-spacing: var(--cpd-font-letter-spacing-body-md);
+    font-family: inherit !important;
+    white-space: normal !important;
+    line-height: inherit !important;
+    background-color: inherit;
+    color: inherit; /* inherit the colour from the dark or light theme by default (but not for code blocks) */
+    flex: 1;
+
+    pre,
+    code {
+        font-family:
+            "Fira Code", "Apple Color Emoji", "Segoe UI Emoji", "Courier", monospace, "Noto Color Emoji" !important;
+        background-color: var(--cpd-color-bg-subtle-primary);
+    }
+
+    code:not(pre *) {
+        background-color: var(--cpd-color-bg-subtle-primary);
+        border: 1px solid var(--cpd-color-gray-400);
+        border-radius: var(--cpd-space-1x);
+        /* The horizontal padding is added by github-markdown-css .markdown-body */
+        padding: var(--cpd-space-0-5x) 0;
+        /* Avoid inline code blocks to be sticked when on multiple lines */
+        line-height: 1.375rem;
+        /* Avoid the border to be glued to the other words */
+        margin-right: var(--cpd-space-0-5x);
+    }
+
+    code {
+        white-space: pre-wrap; /* don't collapse spaces in inline code blocks */
+    }
+
+    pre {
+        /* have to use overlay rather than auto otherwise Linux and Windows */
+        /* Chrome gets very confused about vertical spacing: */
+        /* https://github.com/vector-im/vector-web/issues/754 */
+        overflow-x: overlay;
+        overflow-y: visible;
+
+        &::-webkit-scrollbar-corner {
+            background: transparent;
+        }
+
+        border: 1px solid var(--cpd-color-gray-400);
+
+        code {
+            white-space: pre; /* we want code blocks to be scrollable and not wrap */
+
+            > * {
+                display: inline;
+            }
+        }
+    }
+}
+
+.EventTile_searchHighlight {
+    background-color: var(--cpd-color-text-action-accent);
+    color: var(--cpd-color-text-on-solid-primary);
+    border-radius: 5px; /* no compund for 5px */
+    padding-inline: var(--cpd-space-0-5x);
+    cursor: pointer;
+
+    a {
+        background-color: var(--cpd-color-text-action-accent);
+        color: var(--cpd-color-text-on-solid-primary);
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx
new file mode 100644
index 00000000000..e86cb13a3a4
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx
@@ -0,0 +1,92 @@
+/*
+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, StoryObj } from "@storybook/react-vite";
+import { useMockedViewModel } from "../../../../../core/viewmodel/useMockedViewModel";
+import { EventContentBodyView, type EventContentBodyViewSnapshot } from "./EventContentBodyView";
+import styles from "./EventContentBody.module.css";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+
+type EventContentBodyStoryProps = EventContentBodyViewSnapshot & {
+    as: "div" | "span";
+};
+
+const EventContentBodyWrapperImpl = ({ as, ...snapshot }: EventContentBodyStoryProps): JSX.Element => {
+    const vm = useMockedViewModel(snapshot, {});
+    return <EventContentBodyView vm={vm} as={as} />;
+};
+const EventContentBodyWrapper = withViewDocs(EventContentBodyWrapperImpl, EventContentBodyView);
+
+const meta = {
+    title: "Timeline/Timeline Body/EventContentBody",
+    component: EventContentBodyWrapper,
+    tags: ["autodocs"],
+    args: {
+        as: "div",
+        className: styles.EventTile_body,
+        dir: "auto",
+    },
+} satisfies Meta<typeof EventContentBodyWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const PlainText: Story = {
+    args: {
+        body: "Hello, this is a plain text message.",
+        className: styles.EventTile_body,
+    },
+};
+
+export const BigEmoji: Story = {
+    args: {
+        body: [
+            <span key="wave" className={styles.Emoji} title=":wave:">
+                👋
+            </span>,
+            <span key="smile" className={styles.Emoji} title=":smile:">
+                😊
+            </span>,
+        ],
+        className: `${styles.EventTile_body} ${styles.EventTile_bigEmoji}`,
+    },
+};
+
+export const HtmlContent: Story = {
+    args: {
+        body: "This is bold and italic text with a link.",
+        formattedBody:
+            "<p>This is <strong>bold</strong> and <em>italic</em> text with a <a href='https://matrix.org'>link</a>.</p>",
+        className: `${styles.EventTile_body} ${styles.markdownBody}`,
+    },
+};
+
+export const CodeBlock: Story = {
+    args: {
+        body: 'function hello() {\n  console.log("Hello, world!");\n}',
+        formattedBody: '<pre><code>function hello() {\n  console.log("Hello, world!");\n}</code></pre>',
+        className: `${styles.EventTile_body} ${styles.markdownBody}`,
+    },
+};
+
+export const AsSpan: Story = {
+    args: {
+        as: "span",
+        body: "This is rendered as a span element.",
+        className: styles.EventTile_body,
+    },
+};
+
+export const WithHighlight: Story = {
+    args: {
+        body: "Message with a highlighted word.",
+        formattedBody: `Message with a <span class="${styles.EventTile_searchHighlight}">highlighted</span> word.`,
+        className: styles.EventTile_body,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.test.tsx
new file mode 100644
index 00000000000..d6a05592185
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.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 { composeStories } from "@storybook/react-vite";
+import { render, screen } from "@test-utils";
+import React from "react";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./EventContentBody.stories";
+
+const { PlainText, BigEmoji, HtmlContent, CodeBlock, AsSpan, WithHighlight } = composeStories(stories);
+
+describe("EventContentBodyView", () => {
+    it("renders plain text correctly", () => {
+        const { container } = render(<PlainText />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders big emoji correctly", () => {
+        const { container } = render(<BigEmoji />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders HTML content correctly", () => {
+        const { container } = render(<HtmlContent />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders code block correctly", () => {
+        const { container } = render(<CodeBlock />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders as span when specified", () => {
+        const { container } = render(<AsSpan />);
+        expect(container).toMatchSnapshot();
+        expect(container.querySelector("span")).toBeInTheDocument();
+    });
+
+    it("renders highlighted content correctly", () => {
+        const { container } = render(<WithHighlight />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("displays expected text content", () => {
+        render(<PlainText />);
+        expect(screen.getByText("Hello, this is a plain text message.")).toBeInTheDocument();
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBodyView.tsx b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBodyView.tsx
new file mode 100644
index 00000000000..dd84f3d8711
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBodyView.tsx
@@ -0,0 +1,110 @@
+/*
+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, type Ref } from "react";
+import parse, { type HTMLReactParserOptions } from "html-react-parser";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import { applyReplacerOnString } from "../../../../../core/utils/applyReplacerOnString";
+
+type Replacer = HTMLReactParserOptions["replace"];
+type ParseFormattedBody = (formattedBody: string, replacer?: Replacer) => ReturnType<typeof parse>;
+
+/**
+ * Snapshot interface for the EventContentBody view.
+ */
+export interface EventContentBodyViewSnapshot {
+    /**
+     * The plain/emoji body content to render when no formatted body is available.
+     */
+    body: string | JSX.Element[];
+    /**
+     * The raw formatted body HTML, if available.
+     */
+    formattedBody?: string;
+    /**
+     * The text/element replacer used for pills, spoilers, code blocks, etc.
+     */
+    replacer?: Replacer;
+    /**
+     * Optional parser implementation for formatted bodies.
+     * This allows callers to provide a parser that matches their replacer implementation.
+     */
+    parseFormattedBody?: ParseFormattedBody;
+    /**
+     * CSS class names to apply to the container element.
+     */
+    className: string;
+    /**
+     * The text direction attribute.
+     * Always "auto" for divs, controlled by includeDir prop for spans.
+     */
+    dir?: "auto";
+}
+
+export type EventContentBodyViewModel = ViewModel<EventContentBodyViewSnapshot>;
+
+interface EventContentBodyBaseViewProps {
+    /**
+     * The ViewModel providing the snapshot data.
+     */
+    vm: EventContentBodyViewModel;
+}
+
+export type EventContentBodyViewProps = EventContentBodyBaseViewProps &
+    (
+        | {
+              /**
+               * Render the content in a span element.
+               */
+              as: "span";
+              /**
+               * Optional ref to forward to the rendered span element.
+               */
+              ref?: Ref<HTMLSpanElement>;
+          }
+        | {
+              /**
+               * Render the content in a div element.
+               */
+              as: "div";
+              /**
+               * Optional ref to forward to the rendered div element.
+               */
+              ref?: Ref<HTMLDivElement>;
+          }
+    );
+
+/**
+ * View component for rendering Matrix event content body.
+ */
+export const EventContentBodyView = memo(function EventContentBodyView({
+    vm,
+    as,
+    ref,
+}: Readonly<EventContentBodyViewProps>): JSX.Element {
+    const { body, formattedBody, replacer, className, dir, parseFormattedBody } = useViewModel(vm);
+    const parseBody =
+        parseFormattedBody ??
+        ((formatted: string, inputReplacer?: Replacer) =>
+            parse(formatted, inputReplacer ? { replace: inputReplacer } : undefined));
+    const children = formattedBody ? parseBody(formattedBody, replacer) : applyReplacerOnString(body, replacer);
+
+    if (as === "span") {
+        return (
+            <span ref={ref} className={className} dir={dir}>
+                {children}
+            </span>
+        );
+    }
+
+    return (
+        <div ref={ref} className={className} dir={dir}>
+            {children}
+        </div>
+    );
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/__snapshots__/EventContentBody.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/__snapshots__/EventContentBody.test.tsx.snap
new file mode 100644
index 00000000000..964f4d93469
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/__snapshots__/EventContentBody.test.tsx.snap
@@ -0,0 +1,106 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`EventContentBodyView > renders HTML content correctly 1`] = `
+<div>
+  <div
+    class="EventContentBody-module_EventTile_body EventContentBody-module_markdownBody"
+    dir="auto"
+  >
+    <p>
+      This is 
+      <strong>
+        bold
+      </strong>
+       and 
+      <em>
+        italic
+      </em>
+       text with a 
+      <a
+        href="https://matrix.org"
+      >
+        link
+      </a>
+      .
+    </p>
+  </div>
+</div>
+`;
+
+exports[`EventContentBodyView > renders as span when specified 1`] = `
+<div>
+  <span
+    class="EventContentBody-module_EventTile_body"
+    dir="auto"
+  >
+    This is rendered as a span element.
+  </span>
+</div>
+`;
+
+exports[`EventContentBodyView > renders big emoji correctly 1`] = `
+<div>
+  <div
+    class="EventContentBody-module_EventTile_body EventContentBody-module_EventTile_bigEmoji"
+    dir="auto"
+  >
+    <span
+      class="EventContentBody-module_Emoji"
+      title=":wave:"
+    >
+      👋
+    </span>
+    <span
+      class="EventContentBody-module_Emoji"
+      title=":smile:"
+    >
+      😊
+    </span>
+  </div>
+</div>
+`;
+
+exports[`EventContentBodyView > renders code block correctly 1`] = `
+<div>
+  <div
+    class="EventContentBody-module_EventTile_body EventContentBody-module_markdownBody"
+    dir="auto"
+  >
+    <pre>
+      <code>
+        function hello() {
+  console.log("Hello, world!");
+}
+      </code>
+    </pre>
+  </div>
+</div>
+`;
+
+exports[`EventContentBodyView > renders highlighted content correctly 1`] = `
+<div>
+  <div
+    class="EventContentBody-module_EventTile_body"
+    dir="auto"
+  >
+    Message with a 
+    <span
+      class="EventContentBody-module_EventTile_searchHighlight"
+    >
+      highlighted
+    </span>
+     word.
+  </div>
+</div>
+`;
+
+exports[`EventContentBodyView > renders plain text correctly 1`] = `
+<div>
+  <div
+    class="EventContentBody-module_EventTile_body"
+    dir="auto"
+  >
+    Hello, this is a plain text message.
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/index.ts
new file mode 100644
index 00000000000..71f67980376
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/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 {
+    EventContentBodyView,
+    type EventContentBodyViewSnapshot,
+    type EventContentBodyViewModel,
+    type EventContentBodyViewProps,
+} from "./EventContentBodyView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.module.css b/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.module.css
new file mode 100644
index 00000000000..d3264a02e81
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.module.css
@@ -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.
+ */
+
+.content {
+    white-space: pre-wrap;
+    color: var(--cpd-color-text-secondary);
+    vertical-align: middle;
+    display: inline-flex;
+    align-items: center;
+    gap: var(--cpd-space-1-5x);
+}
+
+.icon {
+    width: 14px;
+    height: 14px;
+    color: var(--cpd-color-icon-secondary);
+    flex: 0 0 14px;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.stories.tsx
new file mode 100644
index 00000000000..92316060778
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.stories.tsx
@@ -0,0 +1,46 @@
+/*
+ * 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, StoryObj } from "@storybook/react-vite";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import { HiddenBodyView, type HiddenBodyViewSnapshot } from "./HiddenBodyView";
+
+type HiddenBodyViewProps = HiddenBodyViewSnapshot;
+
+const HiddenBodyViewWrapperImpl = ({
+    className,
+    ...rest
+}: HiddenBodyViewProps & { className?: string }): JSX.Element => {
+    const vm = useMockedViewModel(rest, {});
+
+    return <HiddenBodyView vm={vm} className={className} />;
+};
+
+const HiddenBodyViewWrapper = withViewDocs(HiddenBodyViewWrapperImpl, HiddenBodyView);
+
+const meta = {
+    title: "Timeline/Timeline Body/HiddenBodyView",
+    component: HiddenBodyViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        reason: undefined,
+    },
+} satisfies Meta<typeof HiddenBodyViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithReason: Story = {
+    args: {
+        reason: "spam",
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.test.tsx
new file mode 100644
index 00000000000..34bb4c8fd96
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.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, screen } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import React from "react";
+import { describe, expect, it } from "vitest";
+
+import { MockViewModel } from "../../../../../core/viewmodel";
+import { HiddenBodyView, type HiddenBodyViewModel, type HiddenBodyViewSnapshot } from "./HiddenBodyView";
+import * as stories from "./HiddenBodyView.stories";
+
+const { Default, WithReason } = composeStories(stories);
+
+describe("HiddenBodyView", () => {
+    it("renders the default hidden body", () => {
+        const { container } = render(<Default />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText("Message pending moderation")).toBeInTheDocument();
+    });
+
+    it("renders a hidden body with a reason", () => {
+        const { container } = render(<WithReason />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText("Message pending moderation: spam")).toBeInTheDocument();
+    });
+
+    it("applies a custom className to the root span", () => {
+        const vm = new MockViewModel<HiddenBodyViewSnapshot>({
+            reason: undefined,
+        }) as HiddenBodyViewModel;
+
+        const { container } = render(<HiddenBodyView vm={vm} className="custom-hidden another-class" />);
+
+        expect(container.firstChild).toHaveClass("custom-hidden", "another-class");
+    });
+
+    it("forwards the provided ref to the root span", () => {
+        const ref = React.createRef<HTMLSpanElement>();
+        const vm = new MockViewModel<HiddenBodyViewSnapshot>({
+            reason: undefined,
+        }) as HiddenBodyViewModel;
+
+        render(<HiddenBodyView vm={vm} ref={ref} />);
+
+        expect(ref.current).toBeInstanceOf(HTMLSpanElement);
+        expect(ref.current).toHaveTextContent("Message pending moderation");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.tsx b/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.tsx
new file mode 100644
index 00000000000..a1b9ced3934
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/HiddenBodyView.tsx
@@ -0,0 +1,56 @@
+/*
+ * 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, type Ref } from "react";
+import { VisibilityOffIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Text } from "@vector-im/compound-web";
+
+import { type ViewModel } from "../../../../../core/viewmodel";
+import { useViewModel } from "../../../../../core/viewmodel/useViewModel";
+import { useI18n } from "../../../../../core/i18n/i18nContext";
+import styles from "./HiddenBodyView.module.css";
+
+export interface HiddenBodyViewSnapshot {
+    /**
+     * Optional moderation reason supplied by the homeserver.
+     */
+    reason?: string;
+}
+
+export type HiddenBodyViewModel = ViewModel<HiddenBodyViewSnapshot>;
+
+interface HiddenBodyViewProps {
+    /**
+     * ViewModel providing the hidden message details.
+     */
+    vm: HiddenBodyViewModel;
+    /**
+     * Optional CSS class name applied to the root span.
+     */
+    className?: string;
+    /**
+     * Optional ref forwarded to the root span.
+     */
+    ref?: Ref<HTMLSpanElement>;
+}
+
+/**
+ * Renders a message-body placeholder for messages hidden pending moderation.
+ */
+export function HiddenBodyView({ vm, className, ref }: Readonly<HiddenBodyViewProps>): JSX.Element {
+    const { reason } = useViewModel(vm);
+    const _t = useI18n().translate;
+    const text = reason ? _t("timeline|pending_moderation_reason", { reason }) : _t("timeline|pending_moderation");
+
+    return (
+        <span className={classNames(styles.content, className)} ref={ref}>
+            <VisibilityOffIcon className={styles.icon} aria-hidden="true" />
+            <Text as="span">{text}</Text>
+        </span>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/__snapshots__/HiddenBodyView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/__snapshots__/HiddenBodyView.test.tsx.snap
new file mode 100644
index 00000000000..fb8d93fd803
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/__snapshots__/HiddenBodyView.test.tsx.snap
@@ -0,0 +1,55 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`HiddenBodyView > renders a hidden body with a reason 1`] = `
+<div>
+  <span
+    class="HiddenBodyView-module_content"
+  >
+    <svg
+      aria-hidden="true"
+      class="HiddenBodyView-module_icon"
+      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>
+    <span
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+    >
+      Message pending moderation: spam
+    </span>
+  </span>
+</div>
+`;
+
+exports[`HiddenBodyView > renders the default hidden body 1`] = `
+<div>
+  <span
+    class="HiddenBodyView-module_content"
+  >
+    <svg
+      aria-hidden="true"
+      class="HiddenBodyView-module_icon"
+      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>
+    <span
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+    >
+      Message pending moderation
+    </span>
+  </span>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/index.ts
new file mode 100644
index 00000000000..dc9e28d12f9
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/HiddenBodyView/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 { HiddenBodyView, type HiddenBodyViewSnapshot, type HiddenBodyViewModel } from "./HiddenBodyView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.module.css b/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.module.css
new file mode 100644
index 00000000000..bad872ee38e
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.module.css
@@ -0,0 +1,36 @@
+/*
+ * 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 {
+    border: none;
+    width: 100%;
+    height: 100%;
+    padding: var(--cpd-space-0x);
+    inset: var(--cpd-space-0x);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    cursor: pointer;
+    background-color: var(--cpd-color-bg-subtle-secondary);
+}
+
+.button:hover,
+.button:focus-visible {
+    background-color: var(--cpd-color-bg-canvas-default);
+}
+
+.content {
+    color: var(--cpd-color-text-action-accent);
+    display: inline-flex;
+    align-items: center;
+    gap: var(--cpd-space-1x);
+}
+
+.icon {
+    flex: 0 0 auto;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.stories.tsx
new file mode 100644
index 00000000000..f30454aa4e6
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.stories.tsx
@@ -0,0 +1,38 @@
+/*
+ * 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 { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import { HiddenMediaPlaceholder } from "./HiddenMediaPlaceholder";
+
+const HiddenMediaPlaceholderWrapper = withViewDocs(HiddenMediaPlaceholder, HiddenMediaPlaceholder);
+
+const meta = {
+    title: "Timeline/Timeline Body/HiddenMediaPlaceholder",
+    component: HiddenMediaPlaceholderWrapper,
+    tags: ["autodocs"],
+    args: {
+        children: "Show image",
+        onClick: fn(),
+        className: "",
+    },
+    decorators: [
+        (Story) => (
+            <div style={{ width: 320, height: 180 }}>
+                <Story />
+            </div>
+        ),
+    ],
+} satisfies Meta<typeof HiddenMediaPlaceholderWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.test.tsx
new file mode 100644
index 00000000000..6122407ef84
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.test.tsx
@@ -0,0 +1,47 @@
+/*
+ * 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, screen } from "@test-utils";
+import React from "react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+
+import { HiddenMediaPlaceholder } from "./HiddenMediaPlaceholder";
+import * as stories from "./HiddenMediaPlaceholder.stories";
+
+const { Default } = composeStories(stories);
+
+describe("HiddenMediaPlaceholder", () => {
+    it("renders the default story", () => {
+        const { container } = render(<Default />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByRole("button", { name: "Show image" })).toBeInTheDocument();
+    });
+
+    it("invokes the click handler", async () => {
+        const user = userEvent.setup();
+        const onClick = vi.fn();
+
+        render(<HiddenMediaPlaceholder onClick={onClick}>Show image</HiddenMediaPlaceholder>);
+
+        await user.click(screen.getByRole("button", { name: "Show image" }));
+
+        expect(onClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("applies a custom className to the root button", () => {
+        render(
+            <HiddenMediaPlaceholder onClick={vi.fn()} className="custom-hidden-media">
+                Show image
+            </HiddenMediaPlaceholder>,
+        );
+
+        expect(screen.getByRole("button", { name: "Show image" })).toHaveClass("custom-hidden-media");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.tsx b/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.tsx
new file mode 100644
index 00000000000..4aa3af9d545
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/HiddenMediaPlaceholder.tsx
@@ -0,0 +1,41 @@
+/*
+ * 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, type MouseEventHandler, type PropsWithChildren } from "react";
+import { VisibilityOnIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import styles from "./HiddenMediaPlaceholder.module.css";
+
+export type HiddenMediaPlaceholderProps = PropsWithChildren<{
+    /**
+     * CSS class names applied to the root button.
+     */
+    className?: string;
+    /**
+     * Invoked when the user chooses to reveal the hidden media.
+     */
+    onClick: MouseEventHandler<HTMLButtonElement>;
+}>;
+
+/**
+ * Renders a full-frame button used to reveal hidden media previews.
+ */
+export function HiddenMediaPlaceholder({
+    className,
+    onClick,
+    children,
+}: Readonly<HiddenMediaPlaceholderProps>): JSX.Element {
+    return (
+        <button type="button" onClick={onClick} className={classNames(styles.button, className)}>
+            <span className={styles.content}>
+                <VisibilityOnIcon className={styles.icon} aria-hidden="true" />
+                <span>{children}</span>
+            </span>
+        </button>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/__snapshots__/HiddenMediaPlaceholder.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/__snapshots__/HiddenMediaPlaceholder.test.tsx.snap
new file mode 100644
index 00000000000..11ecde221db
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/__snapshots__/HiddenMediaPlaceholder.test.tsx.snap
@@ -0,0 +1,35 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`HiddenMediaPlaceholder > renders the default story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 180px;"
+  >
+    <button
+      class="HiddenMediaPlaceholder-module_button"
+      type="button"
+    >
+      <span
+        class="HiddenMediaPlaceholder-module_content"
+      >
+        <svg
+          aria-hidden="true"
+          class="HiddenMediaPlaceholder-module_icon"
+          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>
+        <span>
+          Show image
+        </span>
+      </span>
+    </button>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/index.ts
new file mode 100644
index 00000000000..a332447ea69
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/HiddenMediaPlaceholder/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 { HiddenMediaPlaceholder, type HiddenMediaPlaceholderProps } from "./HiddenMediaPlaceholder";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.module.css b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.module.css
new file mode 100644
index 00000000000..1f13afb53f0
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.module.css
@@ -0,0 +1,75 @@
+/*
+ * 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 {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    gap: var(--cpd-space-2x);
+
+    & a {
+        display: flex;
+        flex-grow: 1;
+        text-decoration: none;
+        color: inherit;
+    }
+}
+
+.content [data-type="info"] {
+    display: inline-flex;
+    align-items: center;
+    flex-grow: 1;
+
+    & button {
+        display: flex;
+        margin: 0;
+        padding: 0;
+        border: none;
+        width: 100%;
+        min-block-size: unset;
+        color: inherit;
+        background-color: inherit;
+        gap: var(--cpd-space-3x);
+
+        & svg {
+            width: 16px;
+            height: 16px;
+            padding: var(--cpd-space-2x);
+            color: var(--cpd-color-text-secondary);
+            background-color: var(--cpd-color-bg-subtle-primary);
+            border-radius: 20px;
+        }
+
+        & span {
+            flex: 1;
+            min-width: 0;
+            text-align: start;
+            font: var(--cpd-font-body-md-regular);
+            letter-spacing: var(--cpd-font-letter-spacing-body-md);
+            color: var(--cpd-color-text-primary);
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+    }
+}
+
+.content [data-type="download"] {
+    align-items: center;
+    height: var(--cpd-space-9x);
+
+    & iframe {
+        margin: 0;
+        padding: 0;
+        border: none;
+        width: 100%;
+    }
+}
+
+.invalid {
+    color: var(--cpd-color-text-critical-primary);
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx
new file mode 100644
index 00000000000..9de31c78785
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx
@@ -0,0 +1,156 @@
+/*
+ * 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 ReactNode } from "react";
+import { expect, userEvent, within } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import {
+    FileBodyView,
+    FileBodyViewInfoIcon,
+    FileBodyViewState,
+    type FileBodyViewActions,
+    type FileBodyViewSnapshot,
+} from "./FileBodyView";
+import { useMockedViewModel } from "../../../../../core/viewmodel/useMockedViewModel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+
+type FileBodyViewProps = FileBodyViewSnapshot & FileBodyViewActions;
+
+const FileBodyViewWrapperImpl = ({
+    onInfoClick,
+    onDownloadClick,
+    onDownloadLinkClick,
+    onDownloadIframeLoad,
+    className,
+    ...snapshotProps
+}: FileBodyViewProps & { className?: string }): ReactNode => {
+    const vm = useMockedViewModel(snapshotProps, {
+        onInfoClick,
+        onDownloadClick,
+        onDownloadLinkClick,
+        onDownloadIframeLoad,
+    });
+
+    return <FileBodyView vm={vm} className={className} />;
+};
+
+const FileBodyViewWrapper = withViewDocs(FileBodyViewWrapperImpl, FileBodyView);
+
+const meta = {
+    title: "Timeline/Timeline Body/FileBodyView",
+    component: FileBodyViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        state: {
+            options: Object.entries(FileBodyViewState)
+                .filter(([key, value]) => key === value)
+                .map(([key]) => key),
+            control: { type: "select" },
+        },
+        infoIcon: {
+            options: Object.entries(FileBodyViewInfoIcon)
+                .filter(([key, value]) => key === value)
+                .map(([key]) => key),
+            control: { type: "select" },
+        },
+        showInfo: { control: "boolean" },
+        showDownload: { control: "boolean" },
+        className: { control: "text" },
+    },
+    args: {
+        state: FileBodyViewState.UNENCRYPTED,
+        showInfo: true,
+        infoLabel: "spec.pdf",
+        infoTooltip: "spec.pdf (22 KB)",
+        infoIcon: FileBodyViewInfoIcon.ATTACHMENT,
+        infoHref: "https://example.org/spec.pdf",
+        showDownload: true,
+        downloadLabel: "Download file",
+        downloadTitle: "Download title",
+        downloadHref: "https://example.org/download/spec.pdf",
+        className: undefined,
+    },
+} satisfies Meta<typeof FileBodyViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Export: Story = {
+    args: {
+        state: FileBodyViewState.EXPORT,
+    },
+};
+
+export const Invalid: Story = {
+    args: {
+        state: FileBodyViewState.INVALID,
+    },
+};
+
+export const LongFilenameInfo: Story = {
+    args: {
+        showDownload: false,
+        infoLabel: "a very long filename to show ellipsis.pdf",
+        infoTooltip: "a very long filename to show ellipsis.pdf (12 kB)",
+    },
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.hover(canvas.getByText("a very long filename to show ellipsis.pdf"));
+        await expect(
+            within(canvasElement.ownerDocument.body).findByText("a very long filename to show ellipsis.pdf (12 kB)"),
+        ).resolves.toBeInTheDocument();
+    },
+};
+
+export const AudioInfo: Story = {
+    args: {
+        showDownload: false,
+        infoIcon: FileBodyViewInfoIcon.AUDIO,
+        infoLabel: "voice-message.ogg",
+    },
+};
+
+export const VideoInfo: Story = {
+    args: {
+        showDownload: false,
+        infoIcon: FileBodyViewInfoIcon.VIDEO,
+        infoLabel: "clip.mp4",
+    },
+};
+
+export const UnencryptedDownload: Story = {
+    args: {
+        state: FileBodyViewState.UNENCRYPTED,
+        showInfo: false,
+    },
+};
+
+export const EncryptedIframeDownload: Story = {
+    args: {
+        state: FileBodyViewState.ENCRYPTED,
+        showInfo: false,
+    },
+};
+
+export const DecryptionPendingDownload: Story = {
+    args: {
+        state: FileBodyViewState.DECRYPTION_PENDING,
+        showInfo: false,
+    },
+};
+
+export const LongFilenameDownload: Story = {
+    args: {
+        state: FileBodyViewState.UNENCRYPTED,
+        showInfo: false,
+        showDownload: true,
+        downloadLabel: "a very long filename that show no ellipsis.pdf",
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.test.tsx
new file mode 100644
index 00000000000..1fbd2a21c9e
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.test.tsx
@@ -0,0 +1,288 @@
+/*
+ * 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 MouseEvent } from "react";
+import { composeStories } from "@storybook/react-vite";
+import { fireEvent, render, screen } from "@test-utils";
+import { describe, it, expect, vi } from "vitest";
+
+import { FileBodyView, FileBodyViewState, type FileBodyViewActions, type FileBodyViewSnapshot } from "./FileBodyView";
+import { MockViewModel } from "../../../../../core/viewmodel/MockViewModel";
+import { I18nApi } from "../../../../../index";
+import { I18nContext } from "../../../../../core/i18n/i18nContext";
+import * as stories from "./FileBodyView.stories";
+
+const renderWithI18n = (ui: React.ReactElement): ReturnType<typeof render> =>
+    render(ui, {
+        wrapper: ({ children }) => <I18nContext.Provider value={new I18nApi()}>{children}</I18nContext.Provider>,
+    });
+
+const {
+    Default,
+    Export,
+    Invalid,
+    AudioInfo,
+    VideoInfo,
+    LongFilenameInfo,
+    UnencryptedDownload,
+    EncryptedIframeDownload,
+    DecryptionPendingDownload,
+    LongFilenameDownload,
+} = composeStories(stories);
+
+const defaultSnapshot: FileBodyViewSnapshot = {
+    state: FileBodyViewState.UNENCRYPTED,
+    showInfo: true,
+};
+
+class TestViewModel extends MockViewModel<FileBodyViewSnapshot> implements FileBodyViewActions {
+    public onInfoClick?: () => void;
+    public onDownloadClick?: () => void;
+    public onDownloadLinkClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    public onDownloadIframeLoad?: () => void;
+
+    public constructor(snapshot: FileBodyViewSnapshot, actions: FileBodyViewActions = {}) {
+        super(snapshot);
+        this.onInfoClick = actions.onInfoClick;
+        this.onDownloadClick = actions.onDownloadClick;
+        this.onDownloadLinkClick = actions.onDownloadLinkClick;
+        this.onDownloadIframeLoad = actions.onDownloadIframeLoad;
+    }
+}
+
+describe("FileBodyView", () => {
+    it.each([
+        ["default", Default],
+        ["export", Export],
+        ["invalid", Invalid],
+        ["long-filename-info", LongFilenameInfo],
+        ["audio-info", AudioInfo],
+        ["video-info", VideoInfo],
+        ["unencrypted-download", UnencryptedDownload],
+        ["encrypted-iframe-download", EncryptedIframeDownload],
+        ["decryption-pending-download", DecryptionPendingDownload],
+        ["long-filename-download", LongFilenameDownload],
+    ])("matches snapshot for %s story", (_name, Story) => {
+        const { container } = renderWithI18n(<Story />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders info row in info-only mode", () => {
+        const vm = new TestViewModel(defaultSnapshot);
+
+        renderWithI18n(<FileBodyView vm={vm} />);
+
+        expect(screen.getByRole("button", { name: "Attachment" })).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: "Download" })).not.toBeInTheDocument();
+    });
+
+    it("renders info row in info-only mode using label and tooltip", () => {
+        const vm = new TestViewModel({
+            ...defaultSnapshot,
+            infoLabel: "spec.pdf",
+            infoTooltip: "spec.pdf (22 KB)",
+        });
+
+        renderWithI18n(<FileBodyView vm={vm} />);
+
+        expect(screen.getByRole("button", { name: "spec.pdf" })).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: "Attachment" })).not.toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: "Download" })).not.toBeInTheDocument();
+    });
+
+    it("uses href in export mode", () => {
+        const vm = new TestViewModel({
+            state: FileBodyViewState.EXPORT,
+            showInfo: true,
+            infoHref: "https://example.org/export.pdf",
+        });
+
+        renderWithI18n(<FileBodyView vm={vm} />);
+
+        const link = screen.getByRole("link");
+        expect(link).toHaveAttribute("href", "https://example.org/export.pdf");
+    });
+
+    it("uses href in unencrypted download mode", () => {
+        const vm = new TestViewModel({
+            state: FileBodyViewState.UNENCRYPTED,
+            showDownload: true,
+            downloadHref: "https://example.org/download.pdf",
+        });
+
+        renderWithI18n(<FileBodyView vm={vm} />);
+
+        const link = screen.getByRole("link", { name: "Download" });
+        expect(link).toHaveAttribute("href", "https://example.org/download.pdf");
+        expect(link).toHaveAttribute("target", "_blank");
+        expect(link).toHaveAttribute("rel", "noreferrer noopener");
+    });
+
+    it("renders safely when href is missing in EXPORT mode", () => {
+        const vm = new TestViewModel({ state: FileBodyViewState.EXPORT, showInfo: true });
+
+        const { container } = renderWithI18n(<FileBodyView vm={vm} />);
+
+        expect(screen.getByRole("button", { name: "Attachment" })).toBeInTheDocument();
+        expect(screen.queryByRole("link")).not.toBeInTheDocument();
+        expect(container.querySelector("a")).toBeInTheDocument();
+    });
+
+    it("renders safely when href is missing in UNENCRYPTED mode", () => {
+        const vm = new TestViewModel({ state: FileBodyViewState.UNENCRYPTED, showDownload: true });
+
+        renderWithI18n(<FileBodyView vm={vm} />);
+
+        expect(screen.getByText("Download")).toBeInTheDocument();
+    });
+
+    it("uses label as fallback tooltip content", () => {
+        const vm = new TestViewModel({
+            ...defaultSnapshot,
+            infoLabel: "spec.pdf",
+        });
+
+        renderWithI18n(<FileBodyView vm={vm} />);
+
+        expect(screen.getByRole("button", { name: "spec.pdf" })).toBeInTheDocument();
+    });
+
+    it("renders download button in decryption-pending mode", () => {
+        const vm = new TestViewModel({
+            ...defaultSnapshot,
+            state: FileBodyViewState.DECRYPTION_PENDING,
+            showDownload: true,
+        });
+
+        renderWithI18n(<FileBodyView vm={vm} />);
+
+        expect(screen.getByRole("button", { name: "Download" })).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: "spec.pdf" })).not.toBeInTheDocument();
+    });
+
+    it("invokes onInfoClick when info row is clicked", () => {
+        const onInfoClick = vi.fn();
+        const vm = new TestViewModel(defaultSnapshot, { onInfoClick });
+
+        renderWithI18n(<FileBodyView vm={vm} />);
+
+        fireEvent.click(screen.getByRole("button", { name: "Attachment" }));
+        expect(onInfoClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("invokes onDownloadClick in encrypted-pending mode", () => {
+        const onDownloadClick = vi.fn();
+        const vm = new TestViewModel(
+            {
+                ...defaultSnapshot,
+                state: FileBodyViewState.DECRYPTION_PENDING,
+                showDownload: true,
+            },
+            { onDownloadClick },
+        );
+
+        renderWithI18n(<FileBodyView vm={vm} />);
+
+        fireEvent.click(screen.getByRole("button", { name: "Download" }));
+        expect(onDownloadClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("invokes onDownloadLinkClick in unencrypted-download mode", () => {
+        const onDownloadLinkClick = vi.fn((event: MouseEvent<HTMLAnchorElement>) => event.preventDefault());
+        const vm = new TestViewModel(
+            {
+                ...defaultSnapshot,
+                state: FileBodyViewState.UNENCRYPTED,
+                showDownload: true,
+            },
+            { onDownloadLinkClick },
+        );
+
+        renderWithI18n(<FileBodyView vm={vm} />);
+
+        fireEvent.click(screen.getByRole("link", { name: "Download" }));
+        expect(onDownloadLinkClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("invokes onDownloadIframeLoad in encrypted-iframe-download mode", () => {
+        const onDownloadIframeLoad = vi.fn();
+        const vm = new TestViewModel(
+            {
+                ...defaultSnapshot,
+                state: FileBodyViewState.ENCRYPTED,
+                showDownload: true,
+            },
+            { onDownloadIframeLoad },
+        );
+
+        renderWithI18n(<FileBodyView vm={vm} />);
+
+        const iframe = screen.getByTitle("Download");
+        fireEvent.load(iframe);
+        expect(onDownloadIframeLoad).toHaveBeenCalledTimes(1);
+    });
+
+    it("wires refLink in encrypted-iframe-download mode", () => {
+        const vm = new TestViewModel({
+            ...defaultSnapshot,
+            state: FileBodyViewState.ENCRYPTED,
+            showDownload: true,
+        });
+        const refLink = React.createRef<HTMLAnchorElement>() as React.RefObject<HTMLAnchorElement>;
+
+        renderWithI18n(<FileBodyView vm={vm} refLink={refLink} />);
+
+        expect(refLink.current).toBeInstanceOf(HTMLAnchorElement);
+    });
+
+    it("wires refIFrame in encrypted-iframe-download mode", () => {
+        const vm = new TestViewModel({
+            ...defaultSnapshot,
+            state: FileBodyViewState.ENCRYPTED,
+            showDownload: true,
+        });
+        const refIFrame = React.createRef<HTMLIFrameElement>() as React.RefObject<HTMLIFrameElement>;
+
+        renderWithI18n(<FileBodyView vm={vm} refIFrame={refIFrame} />);
+
+        expect(refIFrame.current).toBeInstanceOf(HTMLIFrameElement);
+    });
+
+    it.each([FileBodyViewState.UNENCRYPTED, FileBodyViewState.DECRYPTION_PENDING, FileBodyViewState.ENCRYPTED])(
+        "hides info row in %s mode",
+        (state) => {
+            const vm = new TestViewModel({
+                ...defaultSnapshot,
+                state,
+                showInfo: false,
+                showDownload: true,
+            });
+
+            renderWithI18n(<FileBodyView vm={vm} />);
+
+            expect(screen.queryByRole("button", { name: "Attachment" })).not.toBeInTheDocument();
+        },
+    );
+
+    it("shows message in invalid mode", () => {
+        const vm = new TestViewModel({
+            state: FileBodyViewState.INVALID,
+        });
+
+        renderWithI18n(<FileBodyView vm={vm} />);
+
+        expect(screen.queryByRole("button", { name: "Attachment" })).not.toBeInTheDocument();
+        expect(screen.getByText("Invalid file")).toBeInTheDocument();
+    });
+
+    it("applies extra class names to the root element", () => {
+        const vm = new TestViewModel(defaultSnapshot);
+
+        const { container } = renderWithI18n(<FileBodyView vm={vm} className="custom-file-body another-class" />);
+        expect(container.firstElementChild).toHaveClass("custom-file-body", "another-class");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.tsx
new file mode 100644
index 00000000000..5bf6d242e62
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.tsx
@@ -0,0 +1,316 @@
+/*
+ * 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 ComponentType, type JSX, type MouseEvent } from "react";
+import classNames from "classnames";
+import { Button, Tooltip } from "@vector-im/compound-web";
+import {
+    AttachmentIcon,
+    DownloadIcon,
+    VideoCallSolidIcon,
+    VolumeOnSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import styles from "./FileBodyView.module.css";
+import { type ViewModel } from "../../../../../core/viewmodel/ViewModel";
+import { useViewModel } from "../../../../../core/viewmodel/useViewModel";
+import { useI18n } from "../../../../../core/i18n/i18nContext";
+import { MediaBody } from "../MediaBody";
+
+/**
+ * Which visual state to render for the component.
+ */
+export enum FileBodyViewState {
+    /** Export-only rendering where the info row links to the source file. */
+    EXPORT = "EXPORT",
+    /** Encrypted file before decryption has completed; shows the button that starts the flow. */
+    DECRYPTION_PENDING = "DECRYPTION_PENDING",
+    /** Encrypted file after decryption; renders the sandboxed iframe download path. */
+    ENCRYPTED = "ENCRYPTED",
+    /** Unencrypted file with a direct download link. */
+    UNENCRYPTED = "UNENCRYPTED",
+    /** Fallback for missing or unusable file metadata. */
+    INVALID = "INVALID",
+}
+
+/**
+ * Which info icon to render.
+ */
+export enum FileBodyViewInfoIcon {
+    ATTACHMENT = "ATTACHMENT",
+    AUDIO = "AUDIO",
+    DOWNLOAD = "DOWNLOAD",
+    VIDEO = "VIDEO",
+}
+
+export interface FileBodyViewSnapshot {
+    /**
+     * Primary rendering branch for the component.
+     * Controls the overall state (export, encrypted, unencrypted, invalid).
+     */
+    state: FileBodyViewState;
+    /**
+     * Whether to render the info row (icon + label + tooltip).
+     */
+    showInfo?: boolean;
+    /**
+     * Optional info label (normally the file name). Defaults to 'Attachment'.
+     */
+    infoLabel?: string;
+    /**
+     * Optional tooltip for info button. Defaults to infoLabel.
+     */
+    infoTooltip?: string;
+    /**
+     * Optional icon. Defaults to `ATTACHMENT`.
+     */
+    infoIcon?: FileBodyViewInfoIcon;
+    /**
+     * Optional URL used by the info row in `EXPORT`.
+     */
+    infoHref?: string;
+    /**
+     * Whether to render download controls for the current rendering branch.
+     */
+    showDownload?: boolean;
+    /**
+     * Optional download label (normally file/action text). Defaults to 'Download'.
+     */
+    downloadLabel?: string;
+    /**
+     * Optional title for encrypted iframe download flow.
+     * Defaults to `downloadLabel`.
+     */
+    downloadTitle?: string;
+    /**
+     * Optional URL used for `UNENCRYPTED` download links.
+     */
+    downloadHref?: string;
+}
+
+export interface FileBodyViewActions {
+    /**
+     * Click handler for the info row.
+     */
+    onInfoClick?: () => void;
+    /**
+     * Click handler for a download button.
+     */
+    onDownloadClick?: () => void;
+    /**
+     * Click handler for the unencrypted download anchor.
+     */
+    onDownloadLinkClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * Load handler for encrypted-download iframe.
+     */
+    onDownloadIframeLoad?: () => void;
+}
+
+/**
+ * The view model for the control.
+ */
+export type FileBodyViewModel = ViewModel<FileBodyViewSnapshot> & FileBodyViewActions;
+
+interface FileBodyViewProps {
+    /**
+     * The view model for the component.
+     */
+    vm: FileBodyViewModel;
+
+    /**
+     * Optional CSS class for host-level styling.
+     */
+    className?: string;
+
+    /**
+     * Optional iframe ref for encrypted download flow
+     */
+    refIFrame?: React.RefObject<HTMLIFrameElement>;
+
+    /**
+     * Optional hidden anchor ref used for encrypted download flow
+     */
+    refLink?: React.RefObject<HTMLAnchorElement>;
+}
+
+/**
+ * Create the correct icon to render in the view
+ */
+function getInfoIcon(infoIcon?: FileBodyViewInfoIcon): ComponentType<React.SVGAttributes<SVGElement>> {
+    if (infoIcon === FileBodyViewInfoIcon.AUDIO) {
+        return VolumeOnSolidIcon;
+    } else if (infoIcon === FileBodyViewInfoIcon.DOWNLOAD) {
+        return DownloadIcon;
+    } else if (infoIcon === FileBodyViewInfoIcon.VIDEO) {
+        return VideoCallSolidIcon;
+    }
+    return AttachmentIcon;
+}
+
+/**
+ * Renders the body of a file message for info, export, and download flows.
+ *
+ * Rendering is selected by `snapshot.state` from the view model and supports:
+ * - export link (`EXPORT`)
+ * - encrypted download flows (`DECRYPTION_PENDING`, `ENCRYPTED`)
+ * - unencrypted download flow (`UNENCRYPTED`)
+ * - invalid-file fallback (`INVALID`)
+ *
+ * Visibility/content for the info row and download controls are driven by snapshot fields:
+ * - `showInfo`, `infoLabel`, `infoTooltip`, `infoIcon`, `infoHref`
+ * - `showDownload`, `downloadLabel`, `downloadTitle`, `downloadHref`
+ *
+ * Common usage patterns:
+ * - info-only display: set `showInfo: true`, `showDownload: false`
+ * - export link (`EXPORT`)
+ * - download-only display: set `showInfo: false`, `showDownload: true`
+ *
+ * Note on using the encrypted iframe, `ENCRYPTED`:
+ * To make this rendering branch work, it is expected that a `usercontent/` target
+ * is available relative to the root of the application as is described in detail here,
+ * https://github.com/element-hq/element-web/blob/develop/docs/usercontent.md
+ *
+ * @example
+ * ```tsx
+ * <FileBodyView vm={fileBodyViewModel} />
+ * ```
+ */
+export function FileBodyView({ vm, refIFrame, refLink, className }: Readonly<FileBodyViewProps>): JSX.Element {
+    const { translate: _t } = useI18n();
+
+    const {
+        state,
+        showInfo,
+        infoLabel,
+        infoTooltip,
+        infoIcon,
+        infoHref,
+        showDownload,
+        downloadLabel,
+        downloadTitle,
+        downloadHref,
+    } = useViewModel(vm);
+
+    const resolvedInfoLabel = infoLabel ?? _t("common|attachment");
+    const resolvedInfoTooltip = infoTooltip ?? resolvedInfoLabel;
+    const resolvedInfoIcon = getInfoIcon(infoIcon);
+
+    const info = showInfo ? (
+        <Tooltip description={resolvedInfoTooltip} placement="right">
+            <MediaBody data-type="info">
+                <Button
+                    as="button"
+                    size="md"
+                    kind="secondary"
+                    aria-label={resolvedInfoLabel}
+                    Icon={resolvedInfoIcon}
+                    onClick={vm.onInfoClick}
+                >
+                    <span>{resolvedInfoLabel}</span>
+                </Button>
+            </MediaBody>
+        </Tooltip>
+    ) : null;
+
+    const classes = classNames(styles.content, className);
+
+    const resolvedDownloadLabel = downloadLabel ?? _t("action|download");
+    const resolvedDownloadTitle = downloadTitle ?? resolvedDownloadLabel;
+
+    switch (state) {
+        case FileBodyViewState.EXPORT:
+            return (
+                <span className={classes}>
+                    <a href={infoHref}>{info}</a>
+                </span>
+            );
+
+        case FileBodyViewState.DECRYPTION_PENDING:
+            return (
+                <span className={classes}>
+                    {info}
+                    {showDownload && (
+                        <div data-type="download">
+                            {/* Decrypt/download is triggered by the view model action, not by an anchor `href`. */}
+                            <Button size="md" kind="secondary" Icon={DownloadIcon} onClick={vm.onDownloadClick}>
+                                {resolvedDownloadLabel}
+                            </Button>
+                        </div>
+                    )}
+                </span>
+            );
+
+        case FileBodyViewState.ENCRYPTED:
+            return (
+                <span className={classes}>
+                    {info}
+                    {showDownload && (
+                        <div data-type="download">
+                            <div aria-hidden style={{ display: "none" }}>
+                                {/*
+                                 * Add dummy copy of the button
+                                 * We'll use it to learn how the download button
+                                 * would have been styled if it was rendered inline.
+                                 * this violates multiple eslint rules so ignore it completely */}
+                                {/* oxlint-disable-next-line jsx-a11y/control-has-associated-label */}
+                                <Button size="md" kind="secondary" Icon={DownloadIcon} as="a" ref={refLink} />
+                            </div>
+                            {/*
+                            TODO: Move iframe (and dummy link) into FileDownloader.
+                            We currently have it set up this way because of styles applied to the iframe
+                            itself which cannot be easily handled/overridden by the FileDownloader. In
+                            future, the download link may disappear entirely at which point it could also
+                            be suitable to just remove this bit of code.
+                            */}
+                            <iframe
+                                aria-hidden
+                                title={resolvedDownloadTitle}
+                                src="usercontent/"
+                                onLoad={vm.onDownloadIframeLoad}
+                                ref={refIFrame}
+                                sandbox="allow-scripts allow-downloads"
+                            />
+                        </div>
+                    )}
+                </span>
+            );
+
+        case FileBodyViewState.UNENCRYPTED:
+            return (
+                <span className={classes}>
+                    {info}
+                    {showDownload && (
+                        <div data-type="download">
+                            {/* Unencrypted media uses an anchor element with VM-controlled click behavior. */}
+                            <Button
+                                size="md"
+                                kind="secondary"
+                                Icon={DownloadIcon}
+                                as="a"
+                                href={downloadHref}
+                                target="_blank"
+                                rel="noreferrer noopener"
+                                onClick={vm.onDownloadLinkClick}
+                            >
+                                {resolvedDownloadLabel}
+                            </Button>
+                        </div>
+                    )}
+                </span>
+            );
+
+        case FileBodyViewState.INVALID:
+        default:
+            return (
+                <>
+                    <span className={classes}>{info}</span>
+                    <span className={classNames(classes, styles.invalid)}>{_t("timeline|m.file|error_invalid")}</span>
+                </>
+            );
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/__snapshots__/FileBodyView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/__snapshots__/FileBodyView.test.tsx.snap
new file mode 100644
index 00000000000..9c9af96fcae
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/__snapshots__/FileBodyView.test.tsx.snap
@@ -0,0 +1,421 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`FileBodyView > matches snapshot for audio-info story 1`] = `
+<div>
+  <span
+    class="FileBodyView-module_content"
+  >
+    <div
+      class="mx_MediaBody MediaBody-module_mediaBody"
+      data-type="info"
+    >
+      <button
+        aria-label="voice-message.ogg"
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        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="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>
+          voice-message.ogg
+        </span>
+      </button>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`FileBodyView > matches snapshot for decryption-pending-download story 1`] = `
+<div>
+  <span
+    class="FileBodyView-module_content"
+  >
+    <div
+      data-type="download"
+    >
+      <button
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        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="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>
+        Download file
+      </button>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`FileBodyView > matches snapshot for default story 1`] = `
+<div>
+  <span
+    class="FileBodyView-module_content"
+  >
+    <div
+      class="mx_MediaBody MediaBody-module_mediaBody"
+      data-type="info"
+    >
+      <button
+        aria-label="spec.pdf"
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        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="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>
+          spec.pdf
+        </span>
+      </button>
+    </div>
+    <div
+      data-type="download"
+    >
+      <a
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        href="https://example.org/download/spec.pdf"
+        rel="noreferrer noopener"
+        role="link"
+        tabindex="0"
+        target="_blank"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          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>
+        Download file
+      </a>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`FileBodyView > matches snapshot for encrypted-iframe-download story 1`] = `
+<div>
+  <span
+    class="FileBodyView-module_content"
+  >
+    <div
+      data-type="download"
+    >
+      <div
+        aria-hidden="true"
+        style="display: none;"
+      >
+        <a
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="secondary"
+          data-size="md"
+          role="link"
+          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="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>
+        </a>
+      </div>
+      <iframe
+        aria-hidden="true"
+        sandbox="allow-scripts allow-downloads"
+        src="usercontent/"
+        title="Download title"
+      />
+    </div>
+  </span>
+</div>
+`;
+
+exports[`FileBodyView > matches snapshot for export story 1`] = `
+<div>
+  <span
+    class="FileBodyView-module_content"
+  >
+    <a
+      href="https://example.org/spec.pdf"
+    >
+      <div
+        class="mx_MediaBody MediaBody-module_mediaBody"
+        data-type="info"
+      >
+        <button
+          aria-label="spec.pdf"
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="secondary"
+          data-size="md"
+          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="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>
+            spec.pdf
+          </span>
+        </button>
+      </div>
+    </a>
+  </span>
+</div>
+`;
+
+exports[`FileBodyView > matches snapshot for invalid story 1`] = `
+<div>
+  <span
+    class="FileBodyView-module_content"
+  >
+    <div
+      class="mx_MediaBody MediaBody-module_mediaBody"
+      data-type="info"
+    >
+      <button
+        aria-label="spec.pdf"
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        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="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>
+          spec.pdf
+        </span>
+      </button>
+    </div>
+  </span>
+  <span
+    class="FileBodyView-module_content FileBodyView-module_invalid"
+  >
+    Invalid file
+  </span>
+</div>
+`;
+
+exports[`FileBodyView > matches snapshot for long-filename-download story 1`] = `
+<div>
+  <span
+    class="FileBodyView-module_content"
+  >
+    <div
+      data-type="download"
+    >
+      <a
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        href="https://example.org/download/spec.pdf"
+        rel="noreferrer noopener"
+        role="link"
+        tabindex="0"
+        target="_blank"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          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>
+        a very long filename that show no ellipsis.pdf
+      </a>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`FileBodyView > matches snapshot for long-filename-info story 1`] = `
+<div>
+  <span
+    class="FileBodyView-module_content"
+  >
+    <div
+      class="mx_MediaBody MediaBody-module_mediaBody"
+      data-type="info"
+    >
+      <button
+        aria-label="a very long filename to show ellipsis.pdf"
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        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="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>
+          a very long filename to show ellipsis.pdf
+        </span>
+      </button>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`FileBodyView > matches snapshot for unencrypted-download story 1`] = `
+<div>
+  <span
+    class="FileBodyView-module_content"
+  >
+    <div
+      data-type="download"
+    >
+      <a
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        href="https://example.org/download/spec.pdf"
+        rel="noreferrer noopener"
+        role="link"
+        tabindex="0"
+        target="_blank"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          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>
+        Download file
+      </a>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`FileBodyView > matches snapshot for video-info story 1`] = `
+<div>
+  <span
+    class="FileBodyView-module_content"
+  >
+    <div
+      class="mx_MediaBody MediaBody-module_mediaBody"
+      data-type="info"
+    >
+      <button
+        aria-label="clip.mp4"
+        class="_button_1nw83_8 _has-icon_1nw83_60"
+        data-kind="secondary"
+        data-size="md"
+        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="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>
+          clip.mp4
+        </span>
+      </button>
+    </div>
+  </span>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/index.ts
new file mode 100644
index 00000000000..9581ffad13a
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/index.ts
@@ -0,0 +1,15 @@
+/*
+ * 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 {
+    FileBodyView,
+    FileBodyViewState,
+    FileBodyViewInfoIcon,
+    type FileBodyViewActions,
+    type FileBodyViewSnapshot,
+    type FileBodyViewModel,
+} from "./FileBodyView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.module.css b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.module.css
new file mode 100644
index 00000000000..dd5d82ad315
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.module.css
@@ -0,0 +1,144 @@
+/*
+ * 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.
+ */
+
+.root {
+    display: flex;
+    flex-direction: column;
+    gap: var(--cpd-space-2x);
+    min-width: var(--cpd-space-0x);
+}
+
+.link {
+    display: block;
+    width: fit-content;
+    color: inherit;
+    text-decoration: none;
+}
+
+.thumbnailContainer {
+    position: relative;
+    overflow: hidden;
+    contain: paint;
+    border-radius: 8px;
+}
+
+.placeholder {
+    position: absolute;
+    inset: var(--cpd-space-0x);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--cpd-color-bg-canvas-default);
+    z-index: 1;
+}
+
+.placeholderBlurhash {
+    background-color: transparent;
+}
+
+.blurhash {
+    width: 100%;
+    height: 100%;
+}
+
+.blurhash > canvas {
+    width: 100%;
+    height: 100%;
+    animation: blurhashPulse 1.75s infinite cubic-bezier(0.4, 0, 0.6, 1);
+}
+
+.mediaContent {
+    position: relative;
+    max-width: 100%;
+    max-height: 100%;
+}
+
+.image {
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+.banner {
+    position: absolute;
+    bottom: var(--cpd-space-2x);
+    left: var(--cpd-space-2x);
+    max-width: min(100%, 350px);
+    overflow: hidden;
+    padding: var(--cpd-space-1x);
+    border-radius: 8px;
+    background-color: rgb(0 0 0 / 0.6);
+    color: #fff;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font: var(--cpd-font-body-sm-regular);
+    user-select: none;
+    pointer-events: none;
+}
+
+.gifLabel {
+    position: absolute;
+    display: block;
+    top: var(--cpd-space-0x);
+    left: 14px; /* Preserve the original GIF badge offset from _MImageBody.pcss. */
+    padding: 5px; /* Preserve the original GIF badge padding from _MImageBody.pcss. */
+    border-radius: 5px; /* Preserve the original GIF badge corner radius from _MImageBody.pcss. */
+    background: rgba(0, 0, 0, 0.7);
+    border: 2px solid rgba(0, 0, 0, 0.2);
+    color: rgba(255, 255, 255, 1);
+    pointer-events: none;
+}
+
+.hiddenButton {
+    border: none;
+    width: 100%;
+    height: 100%;
+    padding: var(--cpd-space-0x);
+    inset: var(--cpd-space-0x);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    cursor: pointer;
+    background-color: var(--cpd-color-bg-subtle-secondary);
+}
+
+.hiddenButton:hover,
+.hiddenButton:focus-visible {
+    background-color: var(--cpd-color-bg-canvas-default);
+}
+
+.hiddenButtonContent {
+    display: flex;
+    color: var(--cpd-color-text-action-accent);
+}
+
+.hiddenButtonContent > svg {
+    margin-top: auto;
+    margin-bottom: auto;
+}
+
+.error {
+    display: block;
+    color: var(--cpd-color-text-critical-primary);
+}
+
+.errorIcon {
+    margin-right: var(--cpd-space-1x);
+    vertical-align: text-top;
+}
+
+@keyframes blurhashPulse {
+    0%,
+    100% {
+        opacity: 1;
+    }
+
+    50% {
+        opacity: 0.65;
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx
new file mode 100644
index 00000000000..285f804a08b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx
@@ -0,0 +1,157 @@
+/*
+ * 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 ReactNode } from "react";
+import { expect, fn, userEvent, within } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { useMockedViewModel } from "../../../../../core/viewmodel/useMockedViewModel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import {
+    ImageBodyView,
+    ImageBodyViewPlaceholder,
+    ImageBodyViewState,
+    type ImageBodyViewActions,
+    type ImageBodyViewSnapshot,
+} from "./ImageBodyView";
+import imageSrc from "../../../../../../static/image-body/install-spinner.png";
+import animatedGifSrc from "../../../../../../static/image-body/install-spinner.gif";
+const demoBlurhash = "LEHV6nWB2yk8pyo0adR*.7kCMdnj";
+const imageBodyViewStateOptions = [ImageBodyViewState.ERROR, ImageBodyViewState.HIDDEN, ImageBodyViewState.READY];
+const imageBodyViewPlaceholderOptions = [
+    ImageBodyViewPlaceholder.NONE,
+    ImageBodyViewPlaceholder.SPINNER,
+    ImageBodyViewPlaceholder.BLURHASH,
+];
+
+const thumbnailSrc = imageSrc;
+
+type ImageBodyViewProps = ImageBodyViewSnapshot &
+    ImageBodyViewActions & {
+        className?: string;
+        children?: ReactNode;
+    };
+
+const ImageBodyViewWrapperImpl = ({
+    onLinkClick,
+    onHiddenButtonClick,
+    onImageLoad,
+    onImageError,
+    className,
+    children,
+    ...snapshotProps
+}: ImageBodyViewProps): ReactNode => {
+    const vm = useMockedViewModel(snapshotProps, {
+        onLinkClick: onLinkClick ?? fn(),
+        onHiddenButtonClick: onHiddenButtonClick ?? fn(),
+        onImageLoad: onImageLoad ?? fn(),
+        onImageError: onImageError ?? fn(),
+    });
+
+    return (
+        <ImageBodyView vm={vm} className={className}>
+            {children}
+        </ImageBodyView>
+    );
+};
+
+const ImageBodyViewWrapper = withViewDocs(ImageBodyViewWrapperImpl, ImageBodyView);
+
+const meta = {
+    title: "Timeline/Timeline Body/ImageBodyView",
+    component: ImageBodyViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        state: {
+            options: imageBodyViewStateOptions,
+            control: { type: "select" },
+        },
+        placeholder: {
+            options: imageBodyViewPlaceholderOptions,
+            control: { type: "select" },
+        },
+        className: { control: "text" },
+    },
+    args: {
+        state: ImageBodyViewState.READY,
+        alt: "Element logo",
+        hiddenButtonLabel: "Show image",
+        errorLabel: "Unable to show image due to error",
+        src: imageSrc,
+        thumbnailSrc,
+        showAnimatedContentOnHover: false,
+        placeholder: ImageBodyViewPlaceholder.NONE,
+        blurhash: demoBlurhash,
+        maxWidth: 320,
+        maxHeight: 320,
+        aspectRatio: "1 / 1",
+        isSvg: false,
+        gifLabel: undefined,
+        bannerLabel: "install-spinner.png",
+        tooltipLabel: undefined,
+        linkUrl: imageSrc,
+        linkTarget: undefined,
+        className: undefined,
+        children: <div>File body slot</div>,
+    },
+} satisfies Meta<typeof ImageBodyViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Hidden: Story = {
+    args: {
+        state: ImageBodyViewState.HIDDEN,
+        linkUrl: undefined,
+        tooltipLabel: undefined,
+    },
+};
+
+export const LoadingWithSpinner: Story = {
+    args: {
+        placeholder: ImageBodyViewPlaceholder.SPINNER,
+    },
+};
+
+export const LoadingWithBlurhash: Story = {
+    args: {
+        placeholder: ImageBodyViewPlaceholder.BLURHASH,
+    },
+};
+
+export const AnimatedPreview: Story = {
+    args: {
+        src: animatedGifSrc,
+        thumbnailSrc,
+        linkUrl: animatedGifSrc,
+        showAnimatedContentOnHover: true,
+        gifLabel: "GIF",
+    },
+};
+
+export const ErrorState: Story = {
+    args: {
+        state: ImageBodyViewState.ERROR,
+        linkUrl: undefined,
+        children: undefined,
+    },
+};
+
+export const WithTooltip: Story = {
+    args: {
+        tooltipLabel: "Tooltip image name",
+    },
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.hover(canvas.getByRole("img", { name: "Element logo" }));
+        await expect(
+            within(canvasElement.ownerDocument.body).findByText("Tooltip image name"),
+        ).resolves.toBeInTheDocument();
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.test.tsx
new file mode 100644
index 00000000000..f1d0b26eb5b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.test.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 from "react";
+import { composeStories } from "@storybook/react-vite";
+import { fireEvent, render, screen } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+
+import { MockViewModel } from "../../../../../core/viewmodel/MockViewModel";
+import * as stories from "./ImageBodyView.stories";
+import {
+    ImageBodyView,
+    ImageBodyViewPlaceholder,
+    ImageBodyViewState,
+    type ImageBodyViewActions,
+    type ImageBodyViewSnapshot,
+} from "./ImageBodyView";
+
+const { Default, Hidden, LoadingWithSpinner, LoadingWithBlurhash, AnimatedPreview, ErrorState } =
+    composeStories(stories);
+
+class TestImageBodyViewModel extends MockViewModel<ImageBodyViewSnapshot> implements ImageBodyViewActions {
+    public onLinkClick?: ImageBodyViewActions["onLinkClick"];
+    public onHiddenButtonClick?: ImageBodyViewActions["onHiddenButtonClick"];
+    public onImageLoad?: ImageBodyViewActions["onImageLoad"];
+    public onImageError?: ImageBodyViewActions["onImageError"];
+
+    public constructor(snapshot: ImageBodyViewSnapshot, actions: ImageBodyViewActions = {}) {
+        super(snapshot);
+        this.onLinkClick = actions.onLinkClick;
+        this.onHiddenButtonClick = actions.onHiddenButtonClick;
+        this.onImageLoad = actions.onImageLoad;
+        this.onImageError = actions.onImageError;
+    }
+}
+
+describe("ImageBodyView", () => {
+    it.each([
+        ["default", Default],
+        ["hidden", Hidden],
+        ["loading-with-spinner", LoadingWithSpinner],
+        ["loading-with-blurhash", LoadingWithBlurhash],
+        ["animated-preview", AnimatedPreview],
+        ["error", ErrorState],
+    ])("matches snapshot for %s story", (_name, Story) => {
+        const { container } = render(<Story />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the hidden preview button and invokes the click handler", async () => {
+        const user = userEvent.setup();
+        const onHiddenButtonClick = vi.fn();
+        const vm = new TestImageBodyViewModel(
+            {
+                state: ImageBodyViewState.HIDDEN,
+                hiddenButtonLabel: "Show image",
+                maxWidth: 320,
+                maxHeight: 240,
+                aspectRatio: "4 / 3",
+            },
+            { onHiddenButtonClick },
+        );
+
+        render(<ImageBodyView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "Show image" }));
+        expect(onHiddenButtonClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("renders an error label when the media cannot be displayed", () => {
+        const vm = new TestImageBodyViewModel({
+            state: ImageBodyViewState.ERROR,
+            errorLabel: "Error decrypting image",
+        });
+
+        render(<ImageBodyView vm={vm} />);
+
+        expect(screen.getByText("Error decrypting image")).toBeInTheDocument();
+        expect(screen.queryByRole("img")).not.toBeInTheDocument();
+    });
+
+    it("renders a link wrapper and forwards the click handler", () => {
+        const onLinkClick = vi.fn();
+        const vm = new TestImageBodyViewModel(
+            {
+                state: ImageBodyViewState.READY,
+                alt: "Linked image",
+                src: "https://example.org/full.png",
+                thumbnailSrc: "https://example.org/thumb.png",
+                linkUrl: "https://example.org/full.png",
+                linkTarget: "_blank",
+                maxWidth: 320,
+                maxHeight: 240,
+                aspectRatio: "4 / 3",
+            },
+            { onLinkClick },
+        );
+
+        render(<ImageBodyView vm={vm} />);
+
+        const link = screen.getByRole("link");
+        expect(link).toHaveAttribute("href", "https://example.org/full.png");
+        expect(link).toHaveAttribute("target", "_blank");
+        expect(link).toHaveAttribute("rel", "noreferrer noopener");
+
+        fireEvent.click(link);
+        expect(onLinkClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("merges supplied class names with module classes", () => {
+        const vm = new TestImageBodyViewModel({
+            state: ImageBodyViewState.READY,
+            alt: "Custom class image",
+            src: "https://example.org/full.png",
+            thumbnailSrc: "https://example.org/thumb.png",
+            maxWidth: 320,
+            maxHeight: 240,
+            aspectRatio: "4 / 3",
+        });
+
+        const { container } = render(
+            <ImageBodyView
+                vm={vm}
+                className="customRoot"
+                containerClassName="customContainer"
+                imageClassName="customImage"
+            />,
+        );
+
+        const rootClassName = container.querySelector(".customRoot")?.className;
+        const containerClassName = container.querySelector(".customContainer")?.className;
+        const imageClassName = screen.getByRole("img", { name: "Custom class image" }).className;
+
+        expect(rootClassName).toContain("customRoot");
+        expect(rootClassName).not.toBe("customRoot");
+        expect(containerClassName).toContain("customContainer");
+        expect(containerClassName).not.toBe("customContainer");
+        expect(imageClassName).toContain("customImage");
+        expect(imageClassName).not.toBe("customImage");
+    });
+
+    it("swaps to the full source on hover for animated previews", async () => {
+        const user = userEvent.setup();
+        const vm = new TestImageBodyViewModel({
+            state: ImageBodyViewState.READY,
+            alt: "Animated image",
+            src: "https://example.org/full.gif",
+            thumbnailSrc: "https://example.org/thumb.png",
+            showAnimatedContentOnHover: true,
+            gifLabel: "GIF",
+            maxWidth: 320,
+            maxHeight: 240,
+            aspectRatio: "4 / 3",
+        });
+
+        render(<ImageBodyView vm={vm} />);
+
+        const image = screen.getByRole("img", { name: "Animated image" }) as HTMLImageElement;
+        expect(image).toHaveAttribute("src", "https://example.org/thumb.png");
+        expect(screen.getByText("GIF")).toBeInTheDocument();
+
+        await user.hover(image);
+        expect(image).toHaveAttribute("src", "https://example.org/full.gif");
+        expect(screen.queryByText("GIF")).not.toBeInTheDocument();
+    });
+
+    it("renders the configured placeholder state", () => {
+        const vm = new TestImageBodyViewModel({
+            state: ImageBodyViewState.READY,
+            alt: "Loading image",
+            src: "https://example.org/full.png",
+            placeholder: ImageBodyViewPlaceholder.SPINNER,
+            maxWidth: 320,
+            maxHeight: 240,
+            aspectRatio: "4 / 3",
+        });
+
+        render(<ImageBodyView vm={vm} />);
+
+        expect(screen.getByRole("progressbar")).toBeInTheDocument();
+    });
+
+    it("invokes image load and error handlers", () => {
+        const onImageLoad = vi.fn();
+        const onImageError = vi.fn();
+        const vm = new TestImageBodyViewModel(
+            {
+                state: ImageBodyViewState.READY,
+                alt: "Loaded image",
+                src: "https://example.org/full.png",
+                thumbnailSrc: "https://example.org/thumb.png",
+                maxWidth: 320,
+                maxHeight: 240,
+                aspectRatio: "4 / 3",
+            },
+            { onImageLoad, onImageError },
+        );
+
+        render(<ImageBodyView vm={vm} />);
+
+        const image = screen.getByRole("img", { name: "Loaded image" });
+        fireEvent.load(image);
+        fireEvent.error(image);
+
+        expect(onImageLoad).toHaveBeenCalledTimes(1);
+        expect(onImageError).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.tsx
new file mode 100644
index 00000000000..d18701eb93b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.tsx
@@ -0,0 +1,377 @@
+/*
+ * 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 CSSProperties,
+    type HTMLAttributeAnchorTarget,
+    type JSX,
+    type MouseEventHandler,
+    type PropsWithChildren,
+    type ReactEventHandler,
+    type Ref,
+    useState,
+} from "react";
+import classNames from "classnames";
+import { Blurhash } from "react-blurhash";
+import { ImageErrorIcon, VisibilityOnIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { InlineSpinner, Tooltip } from "@vector-im/compound-web";
+
+import { useI18n } from "../../../../../core/i18n/i18nContext";
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import styles from "./ImageBodyView.module.css";
+
+/**
+ * High-level rendering state for the shared image body view.
+ */
+export const enum ImageBodyViewState {
+    ERROR = "ERROR",
+    HIDDEN = "HIDDEN",
+    READY = "READY",
+}
+
+/**
+ * Placeholder variant shown over the media frame while the image is still settling.
+ */
+export const enum ImageBodyViewPlaceholder {
+    NONE = "NONE",
+    SPINNER = "SPINNER",
+    BLURHASH = "BLURHASH",
+}
+
+export interface ImageBodyViewSnapshot {
+    /**
+     * Controls whether the component renders an error state, a hidden-preview state,
+     * or a visible image frame.
+     */
+    state: ImageBodyViewState;
+    /**
+     * Image alt text.
+     */
+    alt?: string;
+    /**
+     * Label shown when media processing fails.
+     */
+    errorLabel?: string;
+    /**
+     * Label used by the hidden-media reveal button.
+     */
+    hiddenButtonLabel?: string;
+    /**
+     * Full-resolution image source.
+     */
+    src?: string;
+    /**
+     * Thumbnail/static preview image source.
+     * Falls back to `src` when omitted.
+     */
+    thumbnailSrc?: string;
+    /**
+     * Whether hovering or focusing the link should swap to the full-resolution image.
+     */
+    showAnimatedContentOnHover?: boolean;
+    /**
+     * Which placeholder to render over the image frame.
+     */
+    placeholder?: ImageBodyViewPlaceholder;
+    /**
+     * Blurhash string used when `placeholder` is `BLURHASH`.
+     */
+    blurhash?: string;
+    /**
+     * Maximum rendered width for the media frame.
+     */
+    maxWidth?: number;
+    /**
+     * Maximum rendered height for the media frame.
+     */
+    maxHeight?: number;
+    /**
+     * Aspect ratio reserved for the media frame.
+     */
+    aspectRatio?: CSSProperties["aspectRatio"];
+    /**
+     * Whether the displayed image is an SVG and should therefore use explicit width sizing.
+     */
+    isSvg?: boolean;
+    /**
+     * Optional badge shown for animated images when not hovered/focused.
+     */
+    gifLabel?: string;
+    /**
+     * Optional overlay banner shown while hovered/focused.
+     */
+    bannerLabel?: string;
+    /**
+     * Optional tooltip shown on the media frame.
+     */
+    tooltipLabel?: string;
+    /**
+     * Optional link target for the media frame.
+     */
+    linkUrl?: string;
+    /**
+     * Optional anchor target applied when `linkUrl` is provided.
+     */
+    linkTarget?: HTMLAttributeAnchorTarget;
+}
+
+export interface ImageBodyViewActions {
+    /**
+     * Invoked when the linked image is activated.
+     */
+    onLinkClick?: MouseEventHandler<HTMLAnchorElement>;
+    /**
+     * Invoked when the user chooses to reveal hidden media.
+     */
+    onHiddenButtonClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Invoked when the visible image loads.
+     */
+    onImageLoad?: ReactEventHandler<HTMLImageElement>;
+    /**
+     * Invoked when the visible image fails to load.
+     */
+    onImageError?: ReactEventHandler<HTMLImageElement>;
+}
+
+export type ImageBodyViewModel = ViewModel<ImageBodyViewSnapshot, ImageBodyViewActions>;
+
+interface ImageBodyViewProps {
+    /**
+     * The view model for the component.
+     */
+    vm: ImageBodyViewModel;
+    /**
+     * Optional host CSS class.
+     */
+    className?: string;
+    /**
+     * Optional CSS class applied to the media frame container.
+     */
+    containerClassName?: string;
+    /**
+     * Optional CSS class applied to the rendered image element.
+     */
+    imageClassName?: string;
+    /**
+     * Optional ref to the rendered image element.
+     */
+    imageRef?: Ref<HTMLImageElement>;
+    /**
+     * Optional supplemental content rendered after the media frame.
+     */
+    children?: PropsWithChildren["children"];
+}
+
+function renderPlaceholder({
+    placeholder,
+    blurhash,
+    maxWidth,
+    maxHeight,
+    loadingLabel,
+}: Pick<ImageBodyViewSnapshot, "placeholder" | "blurhash" | "maxWidth" | "maxHeight"> & {
+    loadingLabel: string;
+}): JSX.Element | null {
+    switch (placeholder) {
+        case ImageBodyViewPlaceholder.BLURHASH:
+            if (!blurhash) {
+                return <InlineSpinner aria-label={loadingLabel} role="progressbar" />;
+            }
+
+            return (
+                <Blurhash
+                    className={styles.blurhash}
+                    hash={blurhash}
+                    width={maxWidth ?? 320}
+                    height={maxHeight ?? 240}
+                />
+            );
+
+        case ImageBodyViewPlaceholder.SPINNER:
+            return <InlineSpinner aria-label={loadingLabel} role="progressbar" />;
+
+        case ImageBodyViewPlaceholder.NONE:
+        default:
+            return null;
+    }
+}
+
+/**
+ * Renders the body of an image message with ready, hidden, and error states.
+ *
+ * The media frame supports thumbnail fallbacks, optional loading placeholders,
+ * animated-content preview on hover/focus, and optional tooltip/banner labels.
+ * Supplemental content such as a file body row can be rendered after the image
+ * through `children`.
+ *
+ * @example
+ * ```tsx
+ * <ImageBodyView vm={imageBodyViewModel}>
+ *     <div>File body slot</div>
+ * </ImageBodyView>
+ * ```
+ */
+export function ImageBodyView({
+    vm,
+    className,
+    containerClassName,
+    imageClassName,
+    imageRef,
+    children,
+}: Readonly<ImageBodyViewProps>): JSX.Element {
+    const { translate: _t } = useI18n();
+    const {
+        state,
+        alt,
+        errorLabel,
+        hiddenButtonLabel,
+        src,
+        thumbnailSrc,
+        showAnimatedContentOnHover,
+        placeholder = ImageBodyViewPlaceholder.NONE,
+        blurhash,
+        maxWidth,
+        maxHeight,
+        aspectRatio,
+        isSvg,
+        gifLabel,
+        bannerLabel,
+        tooltipLabel,
+        linkUrl,
+        linkTarget,
+    } = useViewModel(vm);
+
+    const [hover, setHover] = useState(false);
+    const [focus, setFocus] = useState(false);
+    const hoverOrFocus = hover || focus;
+
+    const rootClassName = classNames(className, styles.root);
+    const resolvedContainerClassName = classNames(containerClassName, styles.thumbnailContainer);
+    const resolvedImageClassName = classNames(imageClassName, styles.image);
+
+    if (state === ImageBodyViewState.ERROR) {
+        return (
+            <span className={classNames(rootClassName, styles.error)}>
+                <ImageErrorIcon className={styles.errorIcon} width="16" height="16" />
+                {errorLabel}
+            </span>
+        );
+    }
+
+    const resolvedThumbnailSrc = thumbnailSrc ?? src;
+    const resolvedImageSrc = hoverOrFocus && showAnimatedContentOnHover && src ? src : resolvedThumbnailSrc;
+
+    // Reserve the media box on the container itself so the timeline doesn't jump
+    // while the image element or loading state is still settling.
+    const resolvedWidth = maxWidth === undefined ? undefined : `min(100%, ${maxWidth}px)`;
+    const containerStyle: CSSProperties = {
+        width: resolvedWidth,
+        maxWidth,
+        maxHeight,
+        aspectRatio,
+    };
+    const mediaStyle: CSSProperties | undefined = isSvg
+        ? {
+              width: resolvedWidth,
+              maxWidth,
+              maxHeight,
+          }
+        : undefined;
+
+    const placeholderNode = renderPlaceholder({
+        placeholder,
+        blurhash,
+        maxWidth,
+        maxHeight,
+        loadingLabel: _t("common|loading"),
+    });
+    const showPlaceholder = placeholderNode !== null;
+
+    const media =
+        state === ImageBodyViewState.HIDDEN ? (
+            <div style={{ width: maxWidth, height: maxHeight }}>
+                <button type="button" className={styles.hiddenButton} onClick={vm.onHiddenButtonClick}>
+                    <div className={styles.hiddenButtonContent}>
+                        <VisibilityOnIcon />
+                        <span>{hiddenButtonLabel}</span>
+                    </div>
+                </button>
+            </div>
+        ) : resolvedImageSrc ? (
+            <img
+                className={resolvedImageClassName}
+                src={resolvedImageSrc}
+                alt={alt}
+                ref={imageRef}
+                onError={vm.onImageError}
+                onLoad={vm.onImageLoad}
+                onMouseEnter={(): void => setHover(true)}
+                onMouseLeave={(): void => setHover(false)}
+            />
+        ) : null;
+
+    const banner =
+        state === ImageBodyViewState.READY && bannerLabel && hoverOrFocus ? (
+            <span className={styles.banner}>{bannerLabel}</span>
+        ) : null;
+
+    const gifBadge =
+        state === ImageBodyViewState.READY && gifLabel && !hoverOrFocus ? (
+            <p className={styles.gifLabel}>{gifLabel}</p>
+        ) : null;
+
+    let frame = (
+        <div className={resolvedContainerClassName} style={containerStyle}>
+            {showPlaceholder && (
+                <div
+                    className={classNames(styles.placeholder, {
+                        [styles.placeholderBlurhash]: placeholder === ImageBodyViewPlaceholder.BLURHASH && !!blurhash,
+                    })}
+                >
+                    {placeholderNode}
+                </div>
+            )}
+
+            <div className={styles.mediaContent} style={mediaStyle}>
+                {media}
+                {gifBadge}
+                {banner}
+            </div>
+        </div>
+    );
+
+    if (tooltipLabel) {
+        frame = (
+            <Tooltip description={tooltipLabel} placement="right" isTriggerInteractive={true}>
+                {frame}
+            </Tooltip>
+        );
+    }
+
+    if (state === ImageBodyViewState.READY && linkUrl) {
+        frame = (
+            <a
+                href={linkUrl}
+                target={linkTarget}
+                rel={linkTarget === "_blank" ? "noreferrer noopener" : undefined}
+                className={styles.link}
+                onClick={vm.onLinkClick}
+                onFocus={(): void => setFocus(true)}
+                onBlur={(): void => setFocus(false)}
+            >
+                {frame}
+            </a>
+        );
+    }
+
+    return (
+        <div className={rootClassName}>
+            {frame}
+            {children}
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/__snapshots__/ImageBodyView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/__snapshots__/ImageBodyView.test.tsx.snap
new file mode 100644
index 00000000000..1c047b6a3aa
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/__snapshots__/ImageBodyView.test.tsx.snap
@@ -0,0 +1,238 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ImageBodyView > matches snapshot for animated-preview story 1`] = `
+<div>
+  <div
+    class="ImageBodyView-module_root"
+  >
+    <a
+      class="ImageBodyView-module_link"
+      href="/static/image-body/install-spinner.gif"
+    >
+      <div
+        class="ImageBodyView-module_thumbnailContainer"
+        style="width: min(100%, 320px); max-width: 320px; max-height: 320px; aspect-ratio: 1 / 1;"
+      >
+        <div
+          class="ImageBodyView-module_mediaContent"
+        >
+          <img
+            alt="Element logo"
+            class="ImageBodyView-module_image"
+            src="/static/image-body/install-spinner.png"
+          />
+          <p
+            class="ImageBodyView-module_gifLabel"
+          >
+            GIF
+          </p>
+        </div>
+      </div>
+    </a>
+    <div>
+      File body slot
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImageBodyView > matches snapshot for default story 1`] = `
+<div>
+  <div
+    class="ImageBodyView-module_root"
+  >
+    <a
+      class="ImageBodyView-module_link"
+      href="/static/image-body/install-spinner.png"
+    >
+      <div
+        class="ImageBodyView-module_thumbnailContainer"
+        style="width: min(100%, 320px); max-width: 320px; max-height: 320px; aspect-ratio: 1 / 1;"
+      >
+        <div
+          class="ImageBodyView-module_mediaContent"
+        >
+          <img
+            alt="Element logo"
+            class="ImageBodyView-module_image"
+            src="/static/image-body/install-spinner.png"
+          />
+        </div>
+      </div>
+    </a>
+    <div>
+      File body slot
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImageBodyView > matches snapshot for error story 1`] = `
+<div>
+  <span
+    class="ImageBodyView-module_root ImageBodyView-module_error"
+  >
+    <svg
+      class="ImageBodyView-module_errorIcon"
+      fill="currentColor"
+      height="16"
+      viewBox="0 0 24 24"
+      width="16"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7.803a6 6 0 0 1-.72-2H5v-3.172l4-4 3.585 3.585a6 6 0 0 1 1.172-1.656l-3.343-3.343a2 2 0 0 0-2.828 0L5 13V5h14v7.083c.718.12 1.393.368 2 .72V5a2 2 0 0 0-2-2z"
+      />
+      <path
+        d="M17 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0m1 5a1 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>
+    Unable to show image due to error
+  </span>
+</div>
+`;
+
+exports[`ImageBodyView > matches snapshot for hidden story 1`] = `
+<div>
+  <div
+    class="ImageBodyView-module_root"
+  >
+    <div
+      class="ImageBodyView-module_thumbnailContainer"
+      style="width: min(100%, 320px); max-width: 320px; max-height: 320px; aspect-ratio: 1 / 1;"
+    >
+      <div
+        class="ImageBodyView-module_mediaContent"
+      >
+        <div
+          style="width: 320px; height: 320px;"
+        >
+          <button
+            class="ImageBodyView-module_hiddenButton"
+            type="button"
+          >
+            <div
+              class="ImageBodyView-module_hiddenButtonContent"
+            >
+              <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>
+              <span>
+                Show image
+              </span>
+            </div>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div>
+      File body slot
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImageBodyView > matches snapshot for loading-with-blurhash story 1`] = `
+<div>
+  <div
+    class="ImageBodyView-module_root"
+  >
+    <a
+      class="ImageBodyView-module_link"
+      href="/static/image-body/install-spinner.png"
+    >
+      <div
+        class="ImageBodyView-module_thumbnailContainer"
+        style="width: min(100%, 320px); max-width: 320px; max-height: 320px; aspect-ratio: 1 / 1;"
+      >
+        <div
+          class="ImageBodyView-module_placeholder ImageBodyView-module_placeholderBlurhash"
+        >
+          <div
+            class="ImageBodyView-module_blurhash"
+            style="display: inline-block; height: 320px; width: 320px; position: relative;"
+          >
+            <canvas
+              height="32"
+              style="position: absolute; inset: 0px; width: 100%; height: 100%;"
+              width="32"
+            />
+          </div>
+        </div>
+        <div
+          class="ImageBodyView-module_mediaContent"
+        >
+          <img
+            alt="Element logo"
+            class="ImageBodyView-module_image"
+            src="/static/image-body/install-spinner.png"
+          />
+        </div>
+      </div>
+    </a>
+    <div>
+      File body slot
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImageBodyView > matches snapshot for loading-with-spinner story 1`] = `
+<div>
+  <div
+    class="ImageBodyView-module_root"
+  >
+    <a
+      class="ImageBodyView-module_link"
+      href="/static/image-body/install-spinner.png"
+    >
+      <div
+        class="ImageBodyView-module_thumbnailContainer"
+        style="width: min(100%, 320px); max-width: 320px; max-height: 320px; aspect-ratio: 1 / 1;"
+      >
+        <div
+          class="ImageBodyView-module_placeholder"
+        >
+          <svg
+            aria-label="Loading…"
+            class="_icon_1855a_18"
+            fill="currentColor"
+            height="1em"
+            role="progressbar"
+            style="width: 20px; height: 20px;"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              clip-rule="evenodd"
+              d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </div>
+        <div
+          class="ImageBodyView-module_mediaContent"
+        >
+          <img
+            alt="Element logo"
+            class="ImageBodyView-module_image"
+            src="/static/image-body/install-spinner.png"
+          />
+        </div>
+      </div>
+    </a>
+    <div>
+      File body slot
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/index.ts
new file mode 100644
index 00000000000..a71a80c047d
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/index.ts
@@ -0,0 +1,15 @@
+/*
+ * 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 {
+    ImageBodyView,
+    ImageBodyViewPlaceholder,
+    ImageBodyViewState,
+    type ImageBodyViewActions,
+    type ImageBodyViewModel,
+    type ImageBodyViewSnapshot,
+} from "./ImageBodyView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.module.css b/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.module.css
new file mode 100644
index 00000000000..52dcbe4dd1d
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.module.css
@@ -0,0 +1,98 @@
+/*
+ * 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.
+ */
+
+.root {
+    display: flex;
+    column-gap: 4px;
+}
+
+.measureImage {
+    display: none;
+}
+
+.thumbnailContainer {
+    position: relative;
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    contain: paint;
+    border-radius: var(--MBody-border-radius);
+}
+
+.placeholder {
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100%;
+    width: 100%;
+    background-color: var(--cpd-color-bg-canvas-default);
+}
+
+.spinner {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    flex: 1;
+}
+
+.blurhash > canvas {
+    animation: blurhashPulse 1.75s infinite cubic-bezier(0.4, 0, 0.6, 1);
+}
+
+.mediaContent {
+    max-width: 100%;
+    max-height: 100%;
+}
+
+.image {
+    display: block;
+    height: 100%;
+    width: 100%;
+}
+
+.banner {
+    position: absolute;
+    bottom: 4px;
+    left: 4px;
+    padding: 4px;
+    border-radius: var(--MBody-border-radius);
+    font-size: 0.9375rem;
+    user-select: none;
+    pointer-events: none;
+    max-width: min(100%, 350px);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    background-color: rgb(0, 0, 0, 0.6);
+    color: #ffffff;
+}
+
+.gifLabel {
+    position: absolute;
+    display: block;
+    top: 0px;
+    left: 14px;
+    padding: 5px;
+    border-radius: 5px;
+    background: rgba(0, 0, 0, 0.7);
+    border: 2px solid rgba(0, 0, 0, 0.2);
+    color: #ffffff;
+    pointer-events: none;
+}
+
+@keyframes blurhashPulse {
+    0%,
+    100% {
+        opacity: 1;
+    }
+
+    50% {
+        opacity: 0.65;
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx
new file mode 100644
index 00000000000..15bf8205c65
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.stories.tsx
@@ -0,0 +1,92 @@
+/*
+ * 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 ReactNode } from "react";
+import { expect, userEvent, within } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import { ImageReplyBodyView, ImageReplyBodyViewPlaceholder, type ImageReplyBodyViewProps } from "./ImageReplyBodyView";
+import imageSrc from "../../../../../../static/image-body/install-spinner.png";
+
+const demoBlurhash = "LEHV6nWB2yk8pyo0adR*.7kCMdnj";
+
+type ImageReplyBodyViewWrapperProps = Omit<ImageReplyBodyViewProps, "aspectRatio"> & {
+    aspectRatio?: string;
+};
+
+const ImageReplyBodyViewWrapperImpl = (props: ImageReplyBodyViewWrapperProps): ReactNode => (
+    <ImageReplyBodyView {...props} />
+);
+
+const ImageReplyBodyViewWrapper = withViewDocs(ImageReplyBodyViewWrapperImpl, ImageReplyBodyView);
+
+const meta = {
+    title: "Timeline/Timeline Body/ImageReplyBodyView",
+    component: ImageReplyBodyViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        className: "",
+        src: imageSrc,
+        thumbnailSrc: imageSrc,
+        alt: "Reply preview",
+        maxWidth: 57,
+        maxHeight: 44,
+        aspectRatio: "57 / 43.95",
+        placeholder: ImageReplyBodyViewPlaceholder.NONE,
+        blurhash: demoBlurhash,
+    },
+    decorators: [
+        (Story) => (
+            <div style={{ maxWidth: 220 }}>
+                <Story />
+            </div>
+        ),
+    ],
+} satisfies Meta<typeof ImageReplyBodyViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithBanner: Story = {
+    args: {
+        bannerLabel: "image.png",
+    },
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.hover(canvas.getByRole("img", { name: "Reply preview" }));
+        await expect(canvas.findByText("image.png")).resolves.toBeInTheDocument();
+    },
+};
+
+export const LoadingWithSpinner: Story = {
+    args: {
+        placeholder: ImageReplyBodyViewPlaceholder.SPINNER,
+    },
+};
+
+export const LoadingWithBlurhash: Story = {
+    args: {
+        placeholder: ImageReplyBodyViewPlaceholder.BLURHASH,
+    },
+    // The blurhash <canvas> rasterizes to one of two ~33px-apart variants per run;
+    // tolerate that benign jitter rather than flake against the strict 3px default.
+    parameters: {
+        snapshot: {
+            failureThreshold: 100,
+        },
+    },
+};
+
+export const AnimatedPreview: Story = {
+    args: {
+        showAnimatedContentOnHover: true,
+        gifLabel: "GIF",
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.test.tsx
new file mode 100644
index 00000000000..74c3b5de0ff
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.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 { composeStories } from "@storybook/react-vite";
+import { fireEvent, render, screen } from "@test-utils";
+import React from "react";
+import { describe, expect, it, vi } from "vitest";
+
+import { ImageReplyBodyView, ImageReplyBodyViewPlaceholder } from "./ImageReplyBodyView";
+import * as stories from "./ImageReplyBodyView.stories";
+
+const { Default, WithBanner, LoadingWithSpinner, LoadingWithBlurhash, AnimatedPreview } = composeStories(stories);
+
+describe("ImageReplyBodyView", () => {
+    it.each([
+        ["default", Default],
+        ["with-banner", WithBanner],
+        ["loading-with-spinner", LoadingWithSpinner],
+        ["loading-with-blurhash", LoadingWithBlurhash],
+        ["animated-preview", AnimatedPreview],
+    ])("matches snapshot for %s story", (_name, Story) => {
+        const { container } = render(<Story />);
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("applies a custom className to the root element", () => {
+        render(
+            <ImageReplyBodyView
+                className="custom-reply-body"
+                src="https://example.org/image.png"
+                alt="Reply preview"
+                maxWidth={58}
+                maxHeight={44}
+                aspectRatio="4 / 3"
+            />,
+        );
+
+        expect(screen.getByRole("img", { name: "Reply preview" }).closest(".custom-reply-body")).not.toBeNull();
+    });
+
+    it("renders a hidden measuring image when dimensions are not known yet", () => {
+        const onImageLoad = vi.fn();
+
+        const { container } = render(
+            <ImageReplyBodyView src="https://example.org/image.png" alt="Reply preview" onImageLoad={onImageLoad} />,
+        );
+
+        const image = container.querySelector("img");
+        expect(image).toHaveAttribute("alt", "Reply preview");
+        expect(image).toHaveStyle({ display: "none" });
+
+        fireEvent.load(image!);
+        expect(onImageLoad).toHaveBeenCalledTimes(1);
+    });
+
+    it("renders an empty root when no image source is available", () => {
+        const { container } = render(<ImageReplyBodyView className="empty-reply-body" />);
+
+        expect(container.querySelector(".empty-reply-body")).not.toBeNull();
+        expect(screen.queryByRole("img")).not.toBeInTheDocument();
+    });
+
+    it("does not render the measuring image when dimensions and visible media are unavailable", () => {
+        const { container } = render(
+            <ImageReplyBodyView src="https://example.org/image.png" alt="Reply preview" showImage={false} />,
+        );
+
+        expect(container.querySelector("img")).toBeNull();
+    });
+
+    it("swaps animated preview content and overlays on hover", () => {
+        render(
+            <ImageReplyBodyView
+                src="https://example.org/full.gif"
+                thumbnailSrc="https://example.org/thumb.png"
+                alt="Animated reply preview"
+                maxWidth={58}
+                maxHeight={44}
+                aspectRatio="4 / 3"
+                showAnimatedContentOnHover
+                gifLabel="GIF"
+                bannerLabel="animated.gif"
+            />,
+        );
+
+        const image = screen.getByRole("img", { name: "Animated reply preview" });
+        expect(image).toHaveAttribute("src", "https://example.org/thumb.png");
+        expect(screen.getByText("GIF")).toBeInTheDocument();
+        expect(screen.queryByText("animated.gif")).not.toBeInTheDocument();
+
+        fireEvent.mouseEnter(image);
+        expect(image).toHaveAttribute("src", "https://example.org/full.gif");
+        expect(screen.queryByText("GIF")).not.toBeInTheDocument();
+        expect(screen.getByText("animated.gif")).toBeInTheDocument();
+
+        fireEvent.mouseLeave(image);
+        expect(image).toHaveAttribute("src", "https://example.org/thumb.png");
+        expect(screen.getByText("GIF")).toBeInTheDocument();
+        expect(screen.queryByText("animated.gif")).not.toBeInTheDocument();
+    });
+
+    it("invokes visible image load and error handlers", () => {
+        const onImageLoad = vi.fn();
+        const onImageError = vi.fn();
+
+        render(
+            <ImageReplyBodyView
+                src="https://example.org/image.png"
+                alt="Reply preview"
+                maxWidth={58}
+                maxHeight={44}
+                aspectRatio="4 / 3"
+                onImageLoad={onImageLoad}
+                onImageError={onImageError}
+            />,
+        );
+
+        const image = screen.getByRole("img", { name: "Reply preview" });
+        fireEvent.load(image);
+        fireEvent.error(image);
+
+        expect(onImageLoad).toHaveBeenCalledTimes(1);
+        expect(onImageError).toHaveBeenCalledTimes(1);
+    });
+
+    it("falls back to a spinner when the blurhash placeholder has no hash", () => {
+        render(
+            <ImageReplyBodyView
+                src="https://example.org/image.png"
+                alt="Reply preview"
+                maxWidth={58}
+                maxHeight={44}
+                aspectRatio="4 / 3"
+                placeholder={ImageReplyBodyViewPlaceholder.BLURHASH}
+            />,
+        );
+
+        expect(screen.getByRole("progressbar")).toBeInTheDocument();
+    });
+
+    it("uses explicit width sizing for SVG images", () => {
+        render(
+            <ImageReplyBodyView
+                src="https://example.org/image.svg"
+                alt="SVG reply preview"
+                maxWidth={58}
+                maxHeight={44}
+                aspectRatio="4 / 3"
+                isSvg
+            />,
+        );
+
+        expect(screen.getByRole("img", { name: "SVG reply preview" }).parentElement).toHaveStyle({
+            width: "58px",
+            maxWidth: "58px",
+            maxHeight: "44px",
+        });
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.tsx
new file mode 100644
index 00000000000..0ff18f2e485
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/ImageReplyBodyView.tsx
@@ -0,0 +1,229 @@
+/*
+ * 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 CSSProperties, type JSX, type ReactEventHandler, type Ref, useState } from "react";
+import { Blurhash } from "react-blurhash";
+import { InlineSpinner } from "@vector-im/compound-web";
+
+import { useI18n } from "../../../../../core/i18n/i18nContext";
+import styles from "./ImageReplyBodyView.module.css";
+
+export const enum ImageReplyBodyViewPlaceholder {
+    NONE = "NONE",
+    SPINNER = "SPINNER",
+    BLURHASH = "BLURHASH",
+}
+
+export interface ImageReplyBodyViewProps {
+    /**
+     * CSS class names applied to the root element.
+     */
+    className?: string;
+    /**
+     * Ref to the rendered image element.
+     */
+    imageRef?: Ref<HTMLImageElement>;
+    /**
+     * Full-resolution image source.
+     */
+    src?: string;
+    /**
+     * Thumbnail/static preview image source.
+     */
+    thumbnailSrc?: string;
+    /**
+     * Image alt text.
+     */
+    alt?: string;
+    /**
+     * Maximum rendered width for the media frame.
+     */
+    maxWidth?: number;
+    /**
+     * Maximum rendered height for the media frame.
+     */
+    maxHeight?: number;
+    /**
+     * Aspect ratio reserved for the media frame.
+     */
+    aspectRatio?: CSSProperties["aspectRatio"];
+    /**
+     * Whether the displayed image is an SVG and should therefore use explicit width sizing.
+     */
+    isSvg?: boolean;
+    /**
+     * Which placeholder to render over the image frame.
+     */
+    placeholder?: ImageReplyBodyViewPlaceholder;
+    /**
+     * Blurhash string used when `placeholder` is `BLURHASH`.
+     */
+    blurhash?: string;
+    /**
+     * Whether hovering the preview should swap to the full-resolution image.
+     */
+    showAnimatedContentOnHover?: boolean;
+    /**
+     * Whether the image element should be rendered inside the reserved media frame.
+     */
+    showImage?: boolean;
+    /**
+     * Optional badge shown for animated images when not hovered.
+     */
+    gifLabel?: string;
+    /**
+     * Optional overlay banner shown while hovered.
+     */
+    bannerLabel?: string;
+    /**
+     * Invoked when the rendered image loads.
+     */
+    onImageLoad?: ReactEventHandler<HTMLImageElement>;
+    /**
+     * Invoked when the rendered image fails to load.
+     */
+    onImageError?: ReactEventHandler<HTMLImageElement>;
+}
+
+function renderPlaceholder({
+    placeholder,
+    blurhash,
+    maxWidth,
+    maxHeight,
+    loadingLabel,
+}: Pick<ImageReplyBodyViewProps, "placeholder" | "blurhash" | "maxWidth" | "maxHeight"> & {
+    loadingLabel: string;
+}): JSX.Element | null {
+    switch (placeholder) {
+        case ImageReplyBodyViewPlaceholder.BLURHASH:
+            if (!blurhash) {
+                return (
+                    <div className={styles.spinner}>
+                        <InlineSpinner size={32} aria-label={loadingLabel} role="progressbar" />
+                    </div>
+                );
+            }
+
+            return (
+                <Blurhash className={styles.blurhash} hash={blurhash} width={maxWidth ?? 58} height={maxHeight ?? 44} />
+            );
+
+        case ImageReplyBodyViewPlaceholder.SPINNER:
+            return (
+                <div className={styles.spinner}>
+                    <InlineSpinner size={32} aria-label={loadingLabel} role="progressbar" />
+                </div>
+            );
+
+        case ImageReplyBodyViewPlaceholder.NONE:
+        default:
+            return null;
+    }
+}
+
+/**
+ * Presentational wrapper for the compact image preview used inside reply tiles.
+ */
+export function ImageReplyBodyView({
+    className,
+    imageRef,
+    src,
+    thumbnailSrc,
+    alt,
+    maxWidth,
+    maxHeight,
+    aspectRatio,
+    isSvg,
+    placeholder = ImageReplyBodyViewPlaceholder.NONE,
+    blurhash,
+    showAnimatedContentOnHover,
+    showImage = true,
+    gifLabel,
+    bannerLabel,
+    onImageLoad,
+    onImageError,
+}: Readonly<ImageReplyBodyViewProps>): JSX.Element {
+    const { translate: _t } = useI18n();
+    const [hover, setHover] = useState(false);
+    const resolvedThumbnailSrc = thumbnailSrc ?? src;
+    const resolvedImageSrc = hover && showAnimatedContentOnHover && src ? src : resolvedThumbnailSrc;
+
+    if (!resolvedImageSrc) {
+        return <div className={classNames(styles.root, className)} />;
+    }
+
+    if (maxWidth === undefined || maxHeight === undefined || aspectRatio === undefined) {
+        if (!showImage) {
+            return <div className={classNames(styles.root, className)} />;
+        }
+
+        return (
+            <div className={classNames(styles.root, className)}>
+                <img
+                    className={styles.measureImage}
+                    src={resolvedImageSrc}
+                    ref={imageRef}
+                    alt={alt}
+                    onError={onImageError}
+                    onLoad={onImageLoad}
+                />
+            </div>
+        );
+    }
+
+    const containerStyle: CSSProperties = {
+        maxWidth,
+        maxHeight,
+        aspectRatio,
+    };
+    const mediaStyle: CSSProperties = isSvg
+        ? {
+              width: maxWidth,
+              maxWidth,
+              maxHeight,
+          }
+        : {
+              width: "100%",
+              height: "100%",
+              maxWidth,
+              maxHeight,
+          };
+
+    const placeholderNode = renderPlaceholder({
+        placeholder,
+        blurhash,
+        maxWidth,
+        maxHeight,
+        loadingLabel: _t("common|loading"),
+    });
+
+    return (
+        <div className={classNames(styles.root, className)}>
+            <div className={styles.thumbnailContainer} style={containerStyle}>
+                {placeholderNode && <div className={styles.placeholder}>{placeholderNode}</div>}
+
+                <div className={styles.mediaContent} style={mediaStyle}>
+                    {showImage ? (
+                        <img
+                            className={styles.image}
+                            src={resolvedImageSrc}
+                            ref={imageRef}
+                            alt={alt}
+                            onError={onImageError}
+                            onLoad={onImageLoad}
+                            onMouseEnter={(): void => setHover(true)}
+                            onMouseLeave={(): void => setHover(false)}
+                        />
+                    ) : null}
+                    {gifLabel && !hover ? <p className={styles.gifLabel}>{gifLabel}</p> : null}
+                    {bannerLabel && hover ? <span className={styles.banner}>{bannerLabel}</span> : null}
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/__snapshots__/ImageReplyBodyView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/__snapshots__/ImageReplyBodyView.test.tsx.snap
new file mode 100644
index 00000000000..858f34ad2eb
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/__snapshots__/ImageReplyBodyView.test.tsx.snap
@@ -0,0 +1,185 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ImageReplyBodyView > matches snapshot for animated-preview story 1`] = `
+<div>
+  <div
+    style="max-width: 220px;"
+  >
+    <div
+      class="ImageReplyBodyView-module_root"
+    >
+      <div
+        class="ImageReplyBodyView-module_thumbnailContainer"
+        style="max-width: 57px; max-height: 44px; aspect-ratio: 57 / 43.95;"
+      >
+        <div
+          class="ImageReplyBodyView-module_mediaContent"
+          style="width: 100%; height: 100%; max-width: 57px; max-height: 44px;"
+        >
+          <img
+            alt="Reply preview"
+            class="ImageReplyBodyView-module_image"
+            src="/static/image-body/install-spinner.png"
+          />
+          <p
+            class="ImageReplyBodyView-module_gifLabel"
+          >
+            GIF
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImageReplyBodyView > matches snapshot for default story 1`] = `
+<div>
+  <div
+    style="max-width: 220px;"
+  >
+    <div
+      class="ImageReplyBodyView-module_root"
+    >
+      <div
+        class="ImageReplyBodyView-module_thumbnailContainer"
+        style="max-width: 57px; max-height: 44px; aspect-ratio: 57 / 43.95;"
+      >
+        <div
+          class="ImageReplyBodyView-module_mediaContent"
+          style="width: 100%; height: 100%; max-width: 57px; max-height: 44px;"
+        >
+          <img
+            alt="Reply preview"
+            class="ImageReplyBodyView-module_image"
+            src="/static/image-body/install-spinner.png"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImageReplyBodyView > matches snapshot for loading-with-blurhash story 1`] = `
+<div>
+  <div
+    style="max-width: 220px;"
+  >
+    <div
+      class="ImageReplyBodyView-module_root"
+    >
+      <div
+        class="ImageReplyBodyView-module_thumbnailContainer"
+        style="max-width: 57px; max-height: 44px; aspect-ratio: 57 / 43.95;"
+      >
+        <div
+          class="ImageReplyBodyView-module_placeholder"
+        >
+          <div
+            class="ImageReplyBodyView-module_blurhash"
+            style="display: inline-block; height: 44px; width: 57px; position: relative;"
+          >
+            <canvas
+              height="32"
+              style="position: absolute; inset: 0px; width: 100%; height: 100%;"
+              width="32"
+            />
+          </div>
+        </div>
+        <div
+          class="ImageReplyBodyView-module_mediaContent"
+          style="width: 100%; height: 100%; max-width: 57px; max-height: 44px;"
+        >
+          <img
+            alt="Reply preview"
+            class="ImageReplyBodyView-module_image"
+            src="/static/image-body/install-spinner.png"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImageReplyBodyView > matches snapshot for loading-with-spinner story 1`] = `
+<div>
+  <div
+    style="max-width: 220px;"
+  >
+    <div
+      class="ImageReplyBodyView-module_root"
+    >
+      <div
+        class="ImageReplyBodyView-module_thumbnailContainer"
+        style="max-width: 57px; max-height: 44px; aspect-ratio: 57 / 43.95;"
+      >
+        <div
+          class="ImageReplyBodyView-module_placeholder"
+        >
+          <div
+            class="ImageReplyBodyView-module_spinner"
+          >
+            <svg
+              aria-label="Loading…"
+              class="_icon_1855a_18"
+              fill="currentColor"
+              height="1em"
+              role="progressbar"
+              style="width: 32px; height: 32px;"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M12 4.031a8 8 0 1 0 8 8 1 1 0 0 1 2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10a1 1 0 1 1 0 2"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+        <div
+          class="ImageReplyBodyView-module_mediaContent"
+          style="width: 100%; height: 100%; max-width: 57px; max-height: 44px;"
+        >
+          <img
+            alt="Reply preview"
+            class="ImageReplyBodyView-module_image"
+            src="/static/image-body/install-spinner.png"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImageReplyBodyView > matches snapshot for with-banner story 1`] = `
+<div>
+  <div
+    style="max-width: 220px;"
+  >
+    <div
+      class="ImageReplyBodyView-module_root"
+    >
+      <div
+        class="ImageReplyBodyView-module_thumbnailContainer"
+        style="max-width: 57px; max-height: 44px; aspect-ratio: 57 / 43.95;"
+      >
+        <div
+          class="ImageReplyBodyView-module_mediaContent"
+          style="width: 100%; height: 100%; max-width: 57px; max-height: 44px;"
+        >
+          <img
+            alt="Reply preview"
+            class="ImageReplyBodyView-module_image"
+            src="/static/image-body/install-spinner.png"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/index.ts
new file mode 100644
index 00000000000..e76209c905c
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageReplyBodyView/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 { ImageReplyBodyView, ImageReplyBodyViewPlaceholder, type ImageReplyBodyViewProps } from "./ImageReplyBodyView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.module.css b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.module.css
new file mode 100644
index 00000000000..2ba89040f2b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.module.css
@@ -0,0 +1,52 @@
+.root {
+    overflow: hidden;
+}
+
+.container {
+    overflow: hidden;
+    border-radius: 8px;
+}
+
+.video {
+    position: relative;
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+.hiddenButton {
+    border: none;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    cursor: pointer;
+}
+
+.hiddenButtonContent {
+    display: flex;
+    align-items: center;
+}
+
+.hiddenButtonContent > svg {
+    margin-top: auto;
+    margin-bottom: auto;
+}
+
+.loadingContainer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+}
+
+.error {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--cpd-space-1x);
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx
new file mode 100644
index 00000000000..3b7d60371ce
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx
@@ -0,0 +1,99 @@
+/*
+ * 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 ReactNode } from "react";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import posterImage from "../../../../../../static/element.png";
+import {
+    VideoBodyView,
+    VideoBodyViewState,
+    type VideoBodyViewActions,
+    type VideoBodyViewSnapshot,
+} from "./VideoBodyView";
+import { useMockedViewModel } from "../../../../../core/viewmodel/useMockedViewModel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import demoVideo from "../../../../../../static/videoBodyDemo.webm";
+
+type VideoBodyViewProps = VideoBodyViewSnapshot &
+    VideoBodyViewActions & {
+        className?: string;
+        children?: ReactNode;
+    };
+
+const VideoBodyViewWrapperImpl = ({
+    onPreviewClick,
+    onPlay,
+    className,
+    children,
+    ...snapshotProps
+}: VideoBodyViewProps): ReactNode => {
+    const vm = useMockedViewModel(snapshotProps, { onPreviewClick, onPlay });
+
+    return (
+        <VideoBodyView vm={vm} className={className}>
+            {children}
+        </VideoBodyView>
+    );
+};
+
+const VideoBodyViewWrapper = withViewDocs(VideoBodyViewWrapperImpl, VideoBodyView);
+
+const meta = {
+    title: "Timeline/Timeline Body/VideoBodyView",
+    component: VideoBodyViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        state: {
+            options: Object.entries(VideoBodyViewState)
+                .filter(([key, value]) => key === value)
+                .map(([key]) => key),
+            control: { type: "select" },
+        },
+        className: { control: "text" },
+    },
+    args: {
+        state: VideoBodyViewState.READY,
+        videoLabel: "Product demo video",
+        hiddenButtonLabel: "Show video",
+        errorLabel: "Error decrypting video",
+        maxWidth: 320,
+        maxHeight: 180,
+        aspectRatio: "16/9",
+        src: demoVideo,
+        poster: posterImage,
+        preload: "none",
+        controls: true,
+        muted: false,
+        autoPlay: false,
+        className: undefined,
+        children: <div>File body slot</div>,
+    },
+} satisfies Meta<typeof VideoBodyViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Ready: Story = {};
+
+export const Hidden: Story = {
+    args: {
+        state: VideoBodyViewState.HIDDEN,
+    },
+};
+
+export const Loading: Story = {
+    args: {
+        state: VideoBodyViewState.LOADING,
+    },
+};
+
+export const ErrorState: Story = {
+    args: {
+        state: VideoBodyViewState.ERROR,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.test.tsx
new file mode 100644
index 00000000000..f4d1eba2a0b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.test.tsx
@@ -0,0 +1,129 @@
+/*
+ * 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 { composeStories } from "@storybook/react-vite";
+import { fireEvent, render, screen } from "@test-utils";
+import { describe, expect, it, vi } from "vitest";
+
+import { MockViewModel } from "../../../../../core/viewmodel/MockViewModel";
+import * as stories from "./VideoBodyView.stories";
+import {
+    VideoBodyView,
+    VideoBodyViewState,
+    type VideoBodyViewActions,
+    type VideoBodyViewSnapshot,
+} from "./VideoBodyView";
+
+const { Ready, Hidden, ErrorState } = composeStories(stories);
+
+class TestVideoBodyViewModel extends MockViewModel<VideoBodyViewSnapshot> implements VideoBodyViewActions {
+    public onPreviewClick?: VideoBodyViewActions["onPreviewClick"];
+    public onPlay?: VideoBodyViewActions["onPlay"];
+
+    public constructor(snapshot: VideoBodyViewSnapshot, actions: VideoBodyViewActions = {}) {
+        super(snapshot);
+        this.onPreviewClick = actions.onPreviewClick;
+        this.onPlay = actions.onPlay;
+    }
+}
+
+describe("VideoBodyView", () => {
+    it.each([
+        ["ready", Ready],
+        ["hidden", Hidden],
+        ["error", ErrorState],
+    ])("matches snapshot for %s story", (_name, Story) => {
+        const { container } = render(<Story />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the hidden preview button and wires the click handler", () => {
+        const onPreviewClick = vi.fn();
+        const vm = new TestVideoBodyViewModel(
+            {
+                state: VideoBodyViewState.HIDDEN,
+                hiddenButtonLabel: "Show video",
+                maxWidth: 320,
+                maxHeight: 180,
+                aspectRatio: "16/9",
+            },
+            { onPreviewClick },
+        );
+
+        render(<VideoBodyView vm={vm} />);
+
+        fireEvent.click(screen.getByRole("button", { name: "Show video" }));
+        expect(onPreviewClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("renders a loading spinner while the media is being prepared", () => {
+        const vm = new TestVideoBodyViewModel({
+            state: VideoBodyViewState.LOADING,
+            maxWidth: 320,
+            maxHeight: 180,
+            aspectRatio: "16/9",
+        });
+
+        render(<VideoBodyView vm={vm} />);
+
+        expect(screen.getByRole("progressbar")).toBeInTheDocument();
+    });
+
+    it("renders an error message when media processing fails", () => {
+        const vm = new TestVideoBodyViewModel({
+            state: VideoBodyViewState.ERROR,
+            errorLabel: "Error decrypting video",
+        });
+
+        render(<VideoBodyView vm={vm} />);
+
+        expect(screen.getByText("Error decrypting video")).toBeInTheDocument();
+    });
+
+    it("renders a video element with the expected attributes and file body content", () => {
+        const onPlay = vi.fn();
+        const vm = new TestVideoBodyViewModel(
+            {
+                state: VideoBodyViewState.READY,
+                videoLabel: "Product demo video",
+                maxWidth: 320,
+                maxHeight: 180,
+                aspectRatio: "16/9",
+                src: "https://example.org/demo.mp4",
+                poster: "https://example.org/demo-poster.jpg",
+                preload: "none",
+                controls: true,
+                muted: true,
+                autoPlay: true,
+            },
+            { onPlay },
+        );
+
+        const videoRef = React.createRef<HTMLVideoElement>();
+        render(
+            <VideoBodyView vm={vm} videoRef={videoRef}>
+                <div>File body slot</div>
+            </VideoBodyView>,
+        );
+
+        const video = screen.getByLabelText("Product demo video") as HTMLVideoElement;
+        expect(video).toHaveStyle({ position: "relative" });
+        expect(video).toHaveAttribute("src", "https://example.org/demo.mp4");
+        expect(video).toHaveAttribute("poster", "https://example.org/demo-poster.jpg");
+        expect(video).toHaveAttribute("preload", "none");
+        expect(video).toHaveAttribute("controlslist", "nodownload");
+        expect(video).toHaveAttribute("crossorigin", "anonymous");
+        expect(video.muted).toBe(true);
+        expect(video.autoplay).toBe(true);
+        expect(videoRef.current).toBe(video);
+        expect(screen.getByText("File body slot")).toBeInTheDocument();
+
+        fireEvent.play(video);
+        expect(onPlay).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.tsx
new file mode 100644
index 00000000000..a09af810734
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.tsx
@@ -0,0 +1,232 @@
+/*
+ * 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 CSSProperties,
+    type JSX,
+    type MouseEventHandler,
+    type PropsWithChildren,
+    type ReactEventHandler,
+    type Ref,
+} from "react";
+import classNames from "classnames";
+import { FileErrorIcon, VisibilityOnIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { InlineSpinner } from "@vector-im/compound-web";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import styles from "./VideoBodyView.module.css";
+
+/**
+ * Render states for the shared video body view.
+ */
+export const VideoBodyViewState = {
+    ERROR: "ERROR",
+    HIDDEN: "HIDDEN",
+    LOADING: "LOADING",
+    READY: "READY",
+} as const;
+
+export type VideoBodyViewState = (typeof VideoBodyViewState)[keyof typeof VideoBodyViewState];
+
+export interface VideoBodyViewSnapshot {
+    /**
+     * The current render state of the component.
+     */
+    state: VideoBodyViewState;
+    /**
+     * Accessible label applied to the video element.
+     */
+    videoLabel?: string;
+    /**
+     * Title applied to the video element.
+     */
+    videoTitle?: string;
+    /**
+     * Label shown in the hidden-preview placeholder.
+     */
+    hiddenButtonLabel?: string;
+    /**
+     * Label rendered when media cannot be processed.
+     */
+    errorLabel?: string;
+    /**
+     * Optional width constraint for the media frame.
+     */
+    maxWidth?: number;
+    /**
+     * Optional height constraint for the media frame.
+     */
+    maxHeight?: number;
+    /**
+     * Optional aspect ratio for the media frame.
+     */
+    aspectRatio?: CSSProperties["aspectRatio"];
+    /**
+     * Video source URL.
+     */
+    src?: string;
+    /**
+     * Poster image URL.
+     */
+    poster?: string;
+    /**
+     * Preload mode for the video.
+     */
+    preload?: "none" | "metadata" | "auto";
+    /**
+     * Whether native controls are visible.
+     */
+    controls?: boolean;
+    /**
+     * Whether the video is muted.
+     */
+    muted?: boolean;
+    /**
+     * Whether the video should autoplay.
+     */
+    autoPlay?: boolean;
+}
+
+export interface VideoBodyViewActions {
+    /**
+     * Invoked when the user chooses to reveal hidden media.
+     */
+    onPreviewClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Invoked when the video starts playing.
+     */
+    onPlay?: ReactEventHandler<HTMLVideoElement>;
+}
+
+export type VideoBodyViewModel = ViewModel<VideoBodyViewSnapshot, VideoBodyViewActions>;
+
+interface VideoBodyViewProps {
+    /**
+     * View model providing render state and actions.
+     */
+    vm: VideoBodyViewModel;
+    /**
+     * Optional host CSS class.
+     */
+    className?: string;
+    /**
+     * Optional CSS class applied to the media frame container.
+     */
+    containerClassName?: string;
+    /**
+     * Optional ref to the rendered video element.
+     */
+    videoRef?: Ref<HTMLVideoElement>;
+    /**
+     * Optional supplemental content rendered after the video frame.
+     */
+    children?: PropsWithChildren["children"];
+}
+
+/**
+ * Renders the body of a video message with ready, hidden, loading, and error states.
+ *
+ * The media frame preserves layout while loading and can render
+ * supplemental content such as a file body row after the video.
+ */
+export function VideoBodyView({
+    vm,
+    className,
+    containerClassName,
+    videoRef,
+    children,
+}: Readonly<VideoBodyViewProps>): JSX.Element {
+    const {
+        state,
+        videoLabel,
+        videoTitle,
+        hiddenButtonLabel,
+        errorLabel,
+        maxWidth,
+        maxHeight,
+        aspectRatio,
+        src,
+        poster,
+        preload,
+        controls,
+        muted,
+        autoPlay,
+    } = useViewModel(vm);
+
+    const rootClassName = classNames(className, styles.root);
+    const resolvedContainerClassName = classNames(containerClassName, styles.container);
+
+    // Reserve the media box on the container itself so the timeline doesn't jump
+    // while the video element or loading state is still settling.
+    const resolvedWidth = maxWidth === undefined ? undefined : `min(100%, ${maxWidth}px)`;
+    const containerStyle: CSSProperties = {
+        width: resolvedWidth,
+        maxWidth,
+        maxHeight,
+        aspectRatio,
+    };
+
+    if (state === VideoBodyViewState.ERROR) {
+        return (
+            <span className={classNames(rootClassName, styles.error)}>
+                <FileErrorIcon width="16" height="16" />
+                {errorLabel}
+            </span>
+        );
+    }
+
+    if (state === VideoBodyViewState.HIDDEN) {
+        return (
+            <span className={rootClassName}>
+                <div className={resolvedContainerClassName} style={containerStyle}>
+                    <button type="button" onClick={vm.onPreviewClick} className={styles.hiddenButton}>
+                        <div className={styles.hiddenButtonContent}>
+                            <VisibilityOnIcon />
+                            <span>{hiddenButtonLabel}</span>
+                        </div>
+                    </button>
+                </div>
+            </span>
+        );
+    }
+
+    if (state === VideoBodyViewState.LOADING) {
+        return (
+            <span className={rootClassName}>
+                <div className={resolvedContainerClassName} style={containerStyle}>
+                    <div className={styles.loadingContainer}>
+                        <InlineSpinner aria-label="Loading..." role="progressbar" />
+                    </div>
+                </div>
+            </span>
+        );
+    }
+
+    return (
+        <span className={rootClassName}>
+            <div className={resolvedContainerClassName} style={containerStyle} data-video-body-mask-target="">
+                {/* Captions will be supplied from app-side data once the VM wiring is in place. */}
+                <video
+                    className={styles.video}
+                    ref={videoRef}
+                    src={src}
+                    aria-label={videoLabel}
+                    title={videoTitle}
+                    controls={controls}
+                    controlsList="nodownload"
+                    crossOrigin="anonymous"
+                    preload={preload}
+                    muted={muted}
+                    autoPlay={autoPlay}
+                    poster={poster}
+                    onPlay={vm.onPlay}
+                />
+            </div>
+            {children}
+        </span>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/__snapshots__/VideoBodyView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/__snapshots__/VideoBodyView.test.tsx.snap
new file mode 100644
index 00000000000..f8111582776
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/__snapshots__/VideoBodyView.test.tsx.snap
@@ -0,0 +1,90 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`VideoBodyView > matches snapshot for error story 1`] = `
+<div>
+  <span
+    class="VideoBodyView-module_root VideoBodyView-module_error"
+  >
+    <svg
+      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>
+    Error decrypting video
+  </span>
+</div>
+`;
+
+exports[`VideoBodyView > matches snapshot for hidden story 1`] = `
+<div>
+  <span
+    class="VideoBodyView-module_root"
+  >
+    <div
+      class="VideoBodyView-module_container"
+      style="width: min(100%, 320px); max-width: 320px; max-height: 180px; aspect-ratio: 16 / 9;"
+    >
+      <button
+        class="VideoBodyView-module_hiddenButton"
+        type="button"
+      >
+        <div
+          class="VideoBodyView-module_hiddenButtonContent"
+        >
+          <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>
+          <span>
+            Show video
+          </span>
+        </div>
+      </button>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`VideoBodyView > matches snapshot for ready story 1`] = `
+<div>
+  <span
+    class="VideoBodyView-module_root"
+  >
+    <div
+      class="VideoBodyView-module_container"
+      data-video-body-mask-target=""
+      style="width: min(100%, 320px); max-width: 320px; max-height: 180px; aspect-ratio: 16 / 9;"
+    >
+      <video
+        aria-label="Product demo video"
+        class="VideoBodyView-module_video"
+        controls=""
+        controlslist="nodownload"
+        crossorigin="anonymous"
+        poster="/static/element.png"
+        preload="none"
+        src="/static/videoBodyDemo.webm"
+      />
+    </div>
+    <div>
+      File body slot
+    </div>
+  </span>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/index.ts
new file mode 100644
index 00000000000..feffe2d86ba
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/index.ts
@@ -0,0 +1,14 @@
+/*
+ * 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 {
+    VideoBodyView,
+    VideoBodyViewState,
+    type VideoBodyViewActions,
+    type VideoBodyViewModel,
+    type VideoBodyViewSnapshot,
+} from "./VideoBodyView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.module.css b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.module.css
new file mode 100644
index 00000000000..5ff54eb2e68
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.module.css
@@ -0,0 +1,18 @@
+/*
+ * 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.
+ */
+
+.mediaBody {
+    color: var(--cpd-color-text-secondary);
+    background-color: var(--cpd-color-bg-subtle-secondary);
+    border-radius: 8px;
+    max-width: 243px; /* use max-width instead of width so it fits within right panels */
+
+    padding: var(--cpd-space-1-5x) var(--cpd-space-3x);
+
+    font: var(--cpd-font-body-md-regular);
+    line-height: var(--cpd-font-size-heading-md);
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx
new file mode 100644
index 00000000000..6ee675f565f
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx
@@ -0,0 +1,23 @@
+/*
+ * 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 { MediaBody } from "./MediaBody";
+import type { Meta, StoryObj } from "@storybook/react-vite";
+
+const meta = {
+    title: "Timeline/Timeline Body/MediaBody",
+    component: MediaBody,
+    tags: ["autodocs"],
+    args: {
+        children: "Media content goes here",
+    },
+} satisfies Meta<typeof MediaBody>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.test.tsx
new file mode 100644
index 00000000000..303c7a05f0c
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.test.tsx
@@ -0,0 +1,22 @@
+/*
+ * 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 { composeStories } from "@storybook/react-vite";
+import { render } from "@test-utils";
+import React from "react";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./MediaBody.stories";
+
+const { Default } = composeStories(stories);
+
+describe("MediaBody", () => {
+    it("renders the media body", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.tsx
new file mode 100644
index 00000000000..86545db67a4
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.tsx
@@ -0,0 +1,48 @@
+/*
+ * 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 ComponentProps, type ElementType, type JSX, type PropsWithChildren } from "react";
+import React from "react";
+import classNames from "classnames";
+
+import styles from "./MediaBody.module.css";
+
+export type MediaBodyProps<C extends ElementType> = {
+    /**
+     * The HTML tag.
+     * @default "div"
+     */
+    as?: C;
+    /**
+     * The CSS class name.
+     */
+    className?: string;
+} & ComponentProps<C>;
+
+/**
+ * A component to display the body of a media message.
+ *
+ * @example
+ * ```tsx
+ * <MediaBody as="p" className="custom-class">Media body content</MediaBody>
+ * ```
+ */
+export function MediaBody<C extends React.ElementType = "div">({
+    as,
+    className,
+    children,
+    ...props
+}: PropsWithChildren<MediaBodyProps<C>>): JSX.Element {
+    const Component = as || "div";
+
+    // Keep Mx_MediaBody to support the compatibility with existing timeline and the all the layout
+    return (
+        <Component className={classNames("mx_MediaBody", styles.mediaBody, className)} {...props}>
+            {children}
+        </Component>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/__snapshots__/MediaBody.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/__snapshots__/MediaBody.test.tsx.snap
new file mode 100644
index 00000000000..3144691e27e
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/__snapshots__/MediaBody.test.tsx.snap
@@ -0,0 +1,11 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`MediaBody > renders the media body 1`] = `
+<div>
+  <div
+    class="mx_MediaBody MediaBody-module_mediaBody"
+  >
+    Media content goes here
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/index.ts
new file mode 100644
index 00000000000..e90b1756d33
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/index.ts
@@ -0,0 +1,8 @@
+/*
+ * 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 { MediaBody } from "./MediaBody";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.module.css b/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.module.css
new file mode 100644
index 00000000000..681b8036e96
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.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 {
+    /* Avoid reducing opacity here: it lowers the effective contrast of both text and inline controls, failing axe tests. */
+    color: var(--cpd-color-text-secondary);
+}
+
+.allowButton {
+    border: 0;
+    padding: 0;
+    background: transparent;
+    color: var(--cpd-color-text-action-accent);
+    cursor: pointer;
+    font: inherit;
+    text-decoration: underline;
+}
+
+.allowButton:hover,
+.allowButton:focus-visible {
+    text-decoration-thickness: var(--cpd-space-0-5x);
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.stories.tsx
new file mode 100644
index 00000000000..90bee472724
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.stories.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 { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import { MjolnirBodyView, type MjolnirBodyViewActions, type MjolnirBodyViewSnapshot } from "./MjolnirBodyView";
+
+type MjolnirBodyViewProps = MjolnirBodyViewSnapshot &
+    MjolnirBodyViewActions & {
+        className?: string;
+    };
+
+const MjolnirBodyViewWrapperImpl = ({ onAllow, className, ...snapshot }: MjolnirBodyViewProps): JSX.Element => {
+    const vm = useMockedViewModel(snapshot, { onAllow });
+
+    return <MjolnirBodyView vm={vm} className={className} />;
+};
+
+const MjolnirBodyViewWrapper = withViewDocs(MjolnirBodyViewWrapperImpl, MjolnirBodyView);
+
+const meta = {
+    title: "Timeline/Timeline Body/MjolnirBodyView",
+    component: MjolnirBodyViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        onAllow: fn(),
+        className: "",
+    },
+} satisfies Meta<typeof MjolnirBodyViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.test.tsx
new file mode 100644
index 00000000000..597b97a9103
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.test.tsx
@@ -0,0 +1,72 @@
+/*
+ * 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, screen } from "@test-utils";
+import React from "react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+
+import { MockViewModel } from "../../../../../core/viewmodel";
+import {
+    MjolnirBodyView,
+    type MjolnirBodyViewActions,
+    type MjolnirBodyViewModel,
+    type MjolnirBodyViewSnapshot,
+} from "./MjolnirBodyView";
+import * as stories from "./MjolnirBodyView.stories";
+
+const { Default } = composeStories(stories);
+
+class TestMjolnirBodyViewModel extends MockViewModel<MjolnirBodyViewSnapshot> implements MjolnirBodyViewActions {
+    public constructor(
+        snapshot: MjolnirBodyViewSnapshot,
+        public onAllow: MjolnirBodyViewActions["onAllow"],
+    ) {
+        super(snapshot);
+    }
+}
+
+describe("MjolnirBodyView", () => {
+    it("renders the default story", () => {
+        const { container } = render(<Default />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText(/You have ignored this user, so their message is hidden\./)).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: "Show anyways." })).toBeInTheDocument();
+    });
+
+    it("invokes the allow action", async () => {
+        const user = userEvent.setup();
+        const onAllow = vi.fn();
+        const vm = new TestMjolnirBodyViewModel({}, onAllow) as MjolnirBodyViewModel;
+
+        render(<MjolnirBodyView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "Show anyways." }));
+
+        expect(onAllow).toHaveBeenCalledTimes(1);
+        expect(onAllow).toHaveBeenCalledWith();
+    });
+
+    it("applies a custom className to the root element", () => {
+        const vm = new TestMjolnirBodyViewModel({}, vi.fn()) as MjolnirBodyViewModel;
+
+        const { container } = render(<MjolnirBodyView vm={vm} className="custom-mjolnir" />);
+
+        expect(container.firstChild).toHaveClass("custom-mjolnir");
+    });
+
+    it("forwards the provided ref to the root element", () => {
+        const ref = React.createRef<HTMLDivElement>();
+        const vm = new TestMjolnirBodyViewModel({}, vi.fn()) as MjolnirBodyViewModel;
+
+        render(<MjolnirBodyView vm={vm} ref={ref} />);
+
+        expect(ref.current).toBeInstanceOf(HTMLDivElement);
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.tsx
new file mode 100644
index 00000000000..7a793b4926b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/MjolnirBodyView.tsx
@@ -0,0 +1,73 @@
+/*
+ * 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, type Ref } from "react";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import { useI18n } from "../../../../../core/i18n/i18nContext";
+import styles from "./MjolnirBodyView.module.css";
+
+export type MjolnirBodyViewSnapshot = Record<never, never>;
+
+export interface MjolnirBodyViewActions {
+    /**
+     * Invoked when the user chooses to show the hidden message.
+     */
+    onAllow: () => void;
+}
+
+export type MjolnirBodyViewModel = ViewModel<MjolnirBodyViewSnapshot, MjolnirBodyViewActions>;
+
+interface MjolnirBodyViewProps {
+    /**
+     * ViewModel providing the action handler.
+     */
+    vm: MjolnirBodyViewModel;
+    /**
+     * Optional CSS class names applied to the root element.
+     */
+    className?: string;
+    /**
+     * Optional ref forwarded to the root element.
+     */
+    ref?: Ref<HTMLDivElement>;
+}
+
+/**
+ * Renders the placeholder shown when a message is hidden because its sender is ignored.
+ */
+export function MjolnirBodyView({ vm, className, ref }: Readonly<MjolnirBodyViewProps>): JSX.Element {
+    useViewModel(vm);
+    const _t = useI18n().translate;
+
+    return (
+        <div className={classNames(styles.content, className)} ref={ref}>
+            <i>
+                {_t(
+                    "timeline|mjolnir|message_hidden",
+                    {},
+                    {
+                        a: (sub) => (
+                            <button
+                                type="button"
+                                className={styles.allowButton}
+                                onClick={(event) => {
+                                    event.preventDefault();
+                                    event.stopPropagation();
+                                    vm.onAllow();
+                                }}
+                            >
+                                {sub}
+                            </button>
+                        ),
+                    },
+                )}
+            </i>
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/__snapshots__/MjolnirBodyView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/__snapshots__/MjolnirBodyView.test.tsx.snap
new file mode 100644
index 00000000000..c9a248bcbb1
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/__snapshots__/MjolnirBodyView.test.tsx.snap
@@ -0,0 +1,21 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`MjolnirBodyView > renders the default story 1`] = `
+<div>
+  <div
+    class="MjolnirBodyView-module_content"
+  >
+    <i>
+      <span>
+        You have ignored this user, so their message is hidden.
+        <button
+          class="MjolnirBodyView-module_allowButton"
+          type="button"
+        >
+           Show anyways.
+        </button>
+      </span>
+    </i>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/index.ts
new file mode 100644
index 00000000000..bbe47bd4bbb
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MjolnirBodyView/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 {
+    MjolnirBodyView,
+    type MjolnirBodyViewActions,
+    type MjolnirBodyViewModel,
+    type MjolnirBodyViewSnapshot,
+} from "./MjolnirBodyView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.module.css b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.module.css
new file mode 100644
index 00000000000..d39ee1e3d60
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.module.css
@@ -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.
+ */
+
+.content {
+    white-space: pre-wrap;
+    color: var(--cpd-color-text-secondary);
+    vertical-align: middle;
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.icon {
+    width: 14px;
+    height: 14px;
+    color: var(--cpd-color-icon-secondary);
+    flex: 0 0 14px;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx
new file mode 100644
index 00000000000..c1b2794fae4
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx
@@ -0,0 +1,62 @@
+/*
+ * 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 { expect, userEvent, within } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import { RedactedBodyView, type RedactedBodyViewSnapshot } from "./RedactedBodyView";
+
+type RedactedBodyProps = RedactedBodyViewSnapshot;
+
+const RedactedBodyViewWrapperImpl = ({
+    className,
+    ...rest
+}: RedactedBodyProps & { className?: string }): JSX.Element => {
+    const vm = useMockedViewModel(rest, {});
+
+    return <RedactedBodyView vm={vm} className={className} />;
+};
+
+const RedactedBodyViewWrapper = withViewDocs(RedactedBodyViewWrapperImpl, RedactedBodyView);
+
+const meta = {
+    title: "Timeline/Timeline Body/RedactedBodyView",
+    component: RedactedBodyViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        text: "Message deleted",
+        tooltip: "This message was deleted on Thu, 17 Nov 2022, 4:58:32 pm",
+        className: "",
+    },
+} satisfies Meta<typeof RedactedBodyViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.hover(canvas.getByText("Message deleted"));
+        await expect(within(canvasElement.ownerDocument.body).findByRole("tooltip")).resolves.toBeInTheDocument();
+    },
+};
+
+export const SelfRedaction: Story = {
+    args: {
+        text: "Message deleted",
+        tooltip: undefined,
+    },
+};
+
+export const RedactedByAnotherUser: Story = {
+    args: {
+        text: "Message deleted by Alice",
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.test.tsx
new file mode 100644
index 00000000000..582fb3c235b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.test.tsx
@@ -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 { render, screen } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import React from "react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it } from "vitest";
+
+import { MockViewModel } from "../../../../../core/viewmodel";
+import { RedactedBodyView, type RedactedBodyViewModel, type RedactedBodyViewSnapshot } from "./RedactedBodyView";
+import * as stories from "./RedactedBodyView.stories";
+
+const { Default, SelfRedaction } = composeStories(stories);
+
+describe("RedactedBodyView", () => {
+    it("renders the default redacted body", () => {
+        const { container } = render(<Default />);
+
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders without a tooltip when none is provided", () => {
+        const { container } = render(<SelfRedaction />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
+    });
+
+    it("shows the tooltip on hover when tooltip text exists", async () => {
+        const user = userEvent.setup();
+        const vm = new MockViewModel<RedactedBodyViewSnapshot>({
+            text: "Message deleted by Alice",
+            tooltip: "This message was deleted on Thu, 17 Nov 2022, 4:58:32 pm",
+        }) as RedactedBodyViewModel;
+
+        render(<RedactedBodyView vm={vm} />);
+
+        await user.hover(screen.getByText("Message deleted by Alice"));
+
+        expect(await screen.findByRole("tooltip")).toHaveTextContent(
+            "This message was deleted on Thu, 17 Nov 2022, 4:58:32 pm",
+        );
+    });
+
+    it("applies a custom className to the root span", () => {
+        const vm = new MockViewModel<RedactedBodyViewSnapshot>({
+            text: "Message deleted",
+        }) as RedactedBodyViewModel;
+
+        const { container } = render(<RedactedBodyView vm={vm} className="custom-redacted another-class" />);
+
+        expect(container.firstChild).toHaveClass("custom-redacted", "another-class");
+    });
+
+    it("forwards the provided ref to the root span", () => {
+        const ref = React.createRef<HTMLSpanElement>();
+        const vm = new MockViewModel<RedactedBodyViewSnapshot>({
+            text: "Message deleted",
+        }) as RedactedBodyViewModel;
+
+        render(<RedactedBodyView vm={vm} ref={ref} />);
+
+        expect(ref.current).toBeInstanceOf(HTMLSpanElement);
+        expect(ref.current).toHaveTextContent("Message deleted");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.tsx b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.tsx
new file mode 100644
index 00000000000..82e391bec76
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.tsx
@@ -0,0 +1,66 @@
+/*
+ * 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 Ref } from "react";
+import classNames from "classnames";
+import { DeleteIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Tooltip } from "@vector-im/compound-web";
+
+import { type ViewModel } from "../../../../../core/viewmodel";
+import { useViewModel } from "../../../../../core/viewmodel/useViewModel";
+import styles from "./RedactedBodyView.module.css";
+
+export interface RedactedBodyViewSnapshot {
+    /**
+     * Localized redaction message content.
+     */
+    text: string;
+    /**
+     * Optional localized tooltip shown with the redaction timestamp.
+     */
+    tooltip?: string;
+}
+
+export type RedactedBodyViewModel = ViewModel<RedactedBodyViewSnapshot>;
+
+interface RedactedBodyViewProps {
+    /**
+     * ViewModel providing the rendered text and tooltip.
+     */
+    vm: RedactedBodyViewModel;
+    /**
+     * Optional CSS class name applied to the root span.
+     */
+    className?: string;
+    /**
+     * Optional ref forwarded to the root span.
+     */
+    ref?: Ref<HTMLSpanElement>;
+}
+
+/**
+ * Renders the body for a redacted event.
+ *
+ * The view shows the delete icon with localized redaction text and can
+ * optionally wrap the content in a tooltip for extra context.
+ */
+export function RedactedBodyView({ vm, className, ref }: Readonly<RedactedBodyViewProps>): JSX.Element {
+    const { text, tooltip } = useViewModel(vm);
+
+    const content = (
+        <span className={classNames(styles.content, className)} ref={ref}>
+            <DeleteIcon className={styles.icon} aria-hidden="true" />
+            <span>{text}</span>
+        </span>
+    );
+
+    if (!tooltip) {
+        return content;
+    }
+
+    return <Tooltip description={tooltip}>{content}</Tooltip>;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/__snapshots__/RedactedBodyView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/__snapshots__/RedactedBodyView.test.tsx.snap
new file mode 100644
index 00000000000..83e30dfdc2a
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/__snapshots__/RedactedBodyView.test.tsx.snap
@@ -0,0 +1,51 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`RedactedBodyView > renders the default redacted body 1`] = `
+<div>
+  <span
+    class="RedactedBodyView-module_content"
+  >
+    <svg
+      aria-hidden="true"
+      class="RedactedBodyView-module_icon"
+      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>
+    <span>
+      Message deleted
+    </span>
+  </span>
+</div>
+`;
+
+exports[`RedactedBodyView > renders without a tooltip when none is provided 1`] = `
+<div>
+  <span
+    class="RedactedBodyView-module_content"
+  >
+    <svg
+      aria-hidden="true"
+      class="RedactedBodyView-module_icon"
+      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>
+    <span>
+      Message deleted
+    </span>
+  </span>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/index.ts
new file mode 100644
index 00000000000..9688b8b2810
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/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 { RedactedBodyView, type RedactedBodyViewSnapshot, type RedactedBodyViewModel } from "./RedactedBodyView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.module.css b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.module.css
new file mode 100644
index 00000000000..61c7e552168
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.module.css
@@ -0,0 +1,98 @@
+/*
+ * 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.
+ */
+
+.root {
+    overflow-y: hidden;
+    overflow-x: hidden;
+}
+
+.text,
+.caption {
+    white-space: pre-wrap;
+}
+
+.notice {
+    white-space: pre-wrap;
+    color: var(--cpd-color-text-secondary);
+}
+
+.emote {
+    white-space: pre-wrap;
+    text-align: start;
+}
+
+.annotated {
+    display: flex;
+}
+
+.annotatedInline {
+    display: inline-flex;
+}
+
+.annotation {
+    user-select: none;
+    display: inline-block;
+    margin-inline-start: 9px; /* Preserve legacy EventTile spacing for inline annotations like (edited) */
+    font-size: 12px; /* Match the legacy EventTile edited-marker size */
+    color: var(--cpd-color-text-secondary);
+}
+
+.editedMarker {
+    appearance: none;
+    background: none;
+    border: none;
+    height: max-content;
+    /* Keep the inward focus ring off the text while preserving the legacy 9px text gap. */
+    margin-inline-start: calc(9px - var(--cpd-space-0-5x));
+    padding: 0 var(--cpd-space-0-5x);
+    cursor: pointer;
+    font-family: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+}
+
+.bodyLink,
+.bodyAction {
+    color: inherit;
+    text-decoration: inherit;
+}
+
+.bodyAction {
+    appearance: none;
+    background: none;
+    border: none;
+    cursor: pointer;
+    font: inherit;
+    padding: 0;
+    text-align: inherit;
+}
+
+.emoteSender {
+    appearance: none;
+    background: none;
+    border: none;
+    padding: 0;
+    color: inherit;
+    cursor: pointer;
+    font-family: inherit;
+    font-size: inherit;
+    font-style: inherit;
+    font-weight: inherit;
+    letter-spacing: inherit;
+    line-height: inherit;
+    text-align: inherit;
+}
+
+.editedMarker:focus-visible {
+    border-radius: var(--cpd-space-0-5x);
+}
+
+.emoteSender:focus-visible {
+    outline: 2px solid var(--cpd-color-border-focused);
+    outline-offset: 2px;
+    border-radius: var(--cpd-space-0-5x);
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx
new file mode 100644
index 00000000000..c15d9abf768
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.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, type ReactElement, type ReactNode } from "react";
+import { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { useMockedViewModel } from "../../../../../core/viewmodel/useMockedViewModel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import {
+    TextualBodyView,
+    TextualBodyViewBodyWrapperKind,
+    TextualBodyViewKind,
+    type TextualBodyViewActions,
+    type TextualBodyViewSnapshot,
+} from "./TextualBodyView";
+
+type WrapperProps = TextualBodyViewSnapshot &
+    Partial<TextualBodyViewActions> & {
+        body: ReactElement;
+        urlPreviews?: ReactNode;
+        className?: string;
+    };
+
+const TextualBodyViewWrapperImpl = ({
+    body,
+    urlPreviews,
+    className,
+    onRootClick,
+    onBodyActionClick,
+    onEditedMarkerClick,
+    onEmoteSenderClick,
+    ...snapshotProps
+}: WrapperProps): JSX.Element => {
+    const vm = useMockedViewModel(snapshotProps, {
+        onRootClick: onRootClick ?? fn(),
+        onBodyActionClick: onBodyActionClick ?? fn(),
+        onEditedMarkerClick: onEditedMarkerClick ?? fn(),
+        onEmoteSenderClick: onEmoteSenderClick ?? fn(),
+    });
+
+    return <TextualBodyView vm={vm} body={body} urlPreviews={urlPreviews} className={className} />;
+};
+
+const TextualBodyViewWrapper = withViewDocs(TextualBodyViewWrapperImpl, TextualBodyView);
+
+const DefaultBody = <div>Hello, this is a textual message.</div>;
+const Preview = (
+    <div
+        style={{
+            marginTop: "8px",
+            padding: "8px",
+            borderRadius: "8px",
+            backgroundColor: "var(--cpd-color-bg-subtle-secondary)",
+        }}
+    >
+        URL preview
+    </div>
+);
+
+const TEXTUAL_BODY_VIEW_KIND_OPTIONS = [
+    TextualBodyViewKind.TEXT,
+    TextualBodyViewKind.NOTICE,
+    TextualBodyViewKind.EMOTE,
+    TextualBodyViewKind.CAPTION,
+];
+
+const TEXTUAL_BODY_VIEW_BODY_WRAPPER_KIND_OPTIONS = [
+    TextualBodyViewBodyWrapperKind.NONE,
+    TextualBodyViewBodyWrapperKind.LINK,
+    TextualBodyViewBodyWrapperKind.ACTION,
+];
+
+const meta = {
+    title: "Timeline/Timeline Body/TextualBody",
+    component: TextualBodyViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        kind: {
+            options: TEXTUAL_BODY_VIEW_KIND_OPTIONS,
+            control: { type: "select" },
+        },
+        bodyWrapper: {
+            options: TEXTUAL_BODY_VIEW_BODY_WRAPPER_KIND_OPTIONS,
+            control: { type: "select" },
+        },
+    },
+    args: {
+        kind: TextualBodyViewKind.TEXT,
+        bodyWrapper: TextualBodyViewBodyWrapperKind.NONE,
+        body: DefaultBody,
+        urlPreviews: undefined,
+        showEditedMarker: false,
+        editedMarkerText: "(edited)",
+        editedMarkerTooltip: "Edited yesterday at 11:48",
+        editedMarkerCaption: "View edit history",
+        showPendingModerationMarker: false,
+        pendingModerationText: "(Visible to you while moderation is pending)",
+        emoteSenderName: "Alice",
+        bodyActionAriaLabel: "Open starter link",
+    },
+} satisfies Meta<typeof TextualBodyViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Notice: Story = {
+    args: {
+        kind: TextualBodyViewKind.NOTICE,
+        body: <div>This is a notice message.</div>,
+    },
+};
+
+export const CaptionWithPreview: Story = {
+    args: {
+        kind: TextualBodyViewKind.CAPTION,
+        body: <div>Caption for the uploaded image.</div>,
+        urlPreviews: Preview,
+    },
+};
+
+export const Edited: Story = {
+    args: {
+        showEditedMarker: true,
+    },
+};
+
+export const PendingModeration: Story = {
+    args: {
+        showPendingModerationMarker: true,
+    },
+};
+
+export const HighlightLink: Story = {
+    args: {
+        bodyWrapper: TextualBodyViewBodyWrapperKind.LINK,
+        bodyLinkHref: "https://example.org/#/room/!room:example.org/$event",
+    },
+};
+
+export const StarterLink: Story = {
+    args: {
+        bodyWrapper: TextualBodyViewBodyWrapperKind.ACTION,
+        body: <div>Launch the integration flow.</div>,
+    },
+};
+
+export const Emote: Story = {
+    args: {
+        kind: TextualBodyViewKind.EMOTE,
+        body: <span>waves enthusiastically</span>,
+        showEditedMarker: true,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.test.tsx
new file mode 100644
index 00000000000..e004d74a660
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.test.tsx
@@ -0,0 +1,192 @@
+/*
+ * 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, { createRef, type MouseEventHandler } from "react";
+import { composeStories } from "@storybook/react-vite";
+import userEvent from "@testing-library/user-event";
+import { render, screen } from "@test-utils";
+import { describe, expect, it, vi } from "vitest";
+
+import { MockViewModel } from "../../../../../core/viewmodel";
+import {
+    TextualBodyView,
+    TextualBodyViewBodyWrapperKind,
+    TextualBodyViewKind,
+    type TextualBodyContentElement,
+    type TextualBodyViewActions,
+    type TextualBodyViewModel,
+    type TextualBodyViewSnapshot,
+} from "./TextualBodyView";
+import * as publicApi from "./index";
+import * as stories from "./TextualBody.stories";
+
+const { Default, Notice, CaptionWithPreview, Emote } = composeStories(stories);
+
+describe("TextualBodyView", () => {
+    it("renders the default message body", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the notice branch", () => {
+        const { container } = render(<Notice />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders caption messages with url previews", () => {
+        const { container } = render(<CaptionWithPreview />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders emote messages with annotations", () => {
+        const { container } = render(<Emote />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("re-exports the public TextualBodyView API", () => {
+        expect(publicApi.TextualBodyView).toBe(TextualBodyView);
+    });
+
+    it("forwards body refs to the rendered body element", () => {
+        const bodyRef = createRef<TextualBodyContentElement>();
+        const vm = new MockViewModel<TextualBodyViewSnapshot>({
+            kind: TextualBodyViewKind.TEXT,
+        }) as TextualBodyViewModel;
+
+        render(<TextualBodyView vm={vm} body={<div>Body content</div>} bodyRef={bodyRef} />);
+
+        expect(bodyRef.current).not.toBeNull();
+        expect(bodyRef.current?.textContent).toBe("Body content");
+    });
+
+    it("invokes edited marker, body action, and emote sender handlers", async () => {
+        const user = userEvent.setup();
+        const onEditedMarkerClick = vi.fn();
+        const onBodyActionClick = vi.fn();
+        const onEmoteSenderClick = vi.fn();
+
+        class TestTextualBodyViewModel
+            extends MockViewModel<TextualBodyViewSnapshot>
+            implements TextualBodyViewActions
+        {
+            public onEditedMarkerClick?: MouseEventHandler<HTMLButtonElement>;
+            public onBodyActionClick?: MouseEventHandler<HTMLButtonElement>;
+            public onEmoteSenderClick?: MouseEventHandler<HTMLButtonElement>;
+
+            public constructor(snapshot: TextualBodyViewSnapshot, actions: TextualBodyViewActions) {
+                super(snapshot);
+                Object.assign(this, actions);
+            }
+        }
+
+        const vm = new TestTextualBodyViewModel(
+            {
+                kind: TextualBodyViewKind.EMOTE,
+                bodyWrapper: TextualBodyViewBodyWrapperKind.ACTION,
+                bodyActionAriaLabel: "Open starter link",
+                showEditedMarker: true,
+                editedMarkerText: "(edited)",
+                editedMarkerTooltip: "Edited yesterday at 11:48",
+                editedMarkerCaption: "View edit history",
+                emoteSenderName: "Alice",
+            },
+            {
+                onEditedMarkerClick,
+                onBodyActionClick,
+                onEmoteSenderClick,
+            },
+        ) as TextualBodyViewModel;
+
+        render(<TextualBodyView vm={vm} body={<span>waves</span>} />);
+
+        await user.click(screen.getByRole("button", { name: "Alice" }));
+        await user.click(screen.getByRole("button", { name: "Open starter link" }));
+        await user.click(screen.getByRole("button", { name: "(edited)" }));
+
+        expect(onEmoteSenderClick).toHaveBeenCalledTimes(1);
+        expect(onBodyActionClick).toHaveBeenCalledTimes(1);
+        expect(onEditedMarkerClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("renders link-wrapped annotated bodies without an edited tooltip", async () => {
+        const user = userEvent.setup();
+        const onEditedMarkerClick = vi.fn();
+
+        class TestTextualBodyViewModel
+            extends MockViewModel<TextualBodyViewSnapshot>
+            implements TextualBodyViewActions
+        {
+            public onEditedMarkerClick?: MouseEventHandler<HTMLButtonElement>;
+
+            public constructor(snapshot: TextualBodyViewSnapshot, actions: TextualBodyViewActions) {
+                super(snapshot);
+                Object.assign(this, actions);
+            }
+        }
+
+        const vm = new TestTextualBodyViewModel(
+            {
+                kind: TextualBodyViewKind.TEXT,
+                bodyWrapper: TextualBodyViewBodyWrapperKind.LINK,
+                bodyLinkHref: "https://example.org/#/room/!room:example.org/$event",
+                showEditedMarker: true,
+                editedMarkerText: "(edited)",
+                showPendingModerationMarker: true,
+                pendingModerationText: "(Visible to you while moderation is pending)",
+            },
+            { onEditedMarkerClick },
+        ) as TextualBodyViewModel;
+
+        render(<TextualBodyView vm={vm} body={<div>Body content</div>} />);
+
+        expect(screen.getByRole("link")).toHaveAttribute("href", "https://example.org/#/room/!room:example.org/$event");
+        expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
+        expect(screen.getByText("(Visible to you while moderation is pending)")).toBeInTheDocument();
+
+        await user.click(screen.getByRole("button", { name: "(edited)" }));
+
+        expect(onEditedMarkerClick).toHaveBeenCalledTimes(1);
+    });
+
+    it("renders action wrappers as native buttons and activates them for Enter and Space key presses", async () => {
+        const user = userEvent.setup();
+        const onBodyActionClick = vi.fn();
+
+        class TestTextualBodyViewModel
+            extends MockViewModel<TextualBodyViewSnapshot>
+            implements TextualBodyViewActions
+        {
+            public onBodyActionClick?: MouseEventHandler<HTMLButtonElement>;
+
+            public constructor(snapshot: TextualBodyViewSnapshot, actions: TextualBodyViewActions) {
+                super(snapshot);
+                Object.assign(this, actions);
+            }
+        }
+
+        const vm = new TestTextualBodyViewModel(
+            {
+                kind: TextualBodyViewKind.TEXT,
+                bodyWrapper: TextualBodyViewBodyWrapperKind.ACTION,
+                bodyActionAriaLabel: "Open starter link",
+            },
+            { onBodyActionClick },
+        ) as TextualBodyViewModel;
+
+        render(<TextualBodyView vm={vm} body={<span>Launch the integration flow.</span>} />);
+
+        const action = screen.getByRole("button", { name: "Open starter link" });
+        expect(action).toHaveAttribute("type", "button");
+
+        action.focus();
+        await user.keyboard("{Escape}");
+        await user.keyboard("{Enter}");
+        await user.keyboard(" ");
+
+        expect(onBodyActionClick).toHaveBeenCalledTimes(2);
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBodyView.tsx b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBodyView.tsx
new file mode 100644
index 00000000000..e2f11b4aff2
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBodyView.tsx
@@ -0,0 +1,294 @@
+/*
+ * 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, {
+    cloneElement,
+    isValidElement,
+    type JSX,
+    type MouseEventHandler,
+    type ReactElement,
+    type ReactNode,
+    type Ref,
+} from "react";
+import classNames from "classnames";
+import { Tooltip } from "@vector-im/compound-web";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import styles from "./TextualBody.module.css";
+
+export const enum TextualBodyViewKind {
+    TEXT = "TEXT",
+    NOTICE = "NOTICE",
+    EMOTE = "EMOTE",
+    CAPTION = "CAPTION",
+}
+
+export const enum TextualBodyViewBodyWrapperKind {
+    NONE = "NONE",
+    LINK = "LINK",
+    ACTION = "ACTION",
+}
+
+export interface TextualBodyViewSnapshot {
+    /**
+     * Optional id passed to the root message-body element.
+     */
+    id?: string;
+    /**
+     * Controls the layout and styling branch for the body.
+     */
+    kind: TextualBodyViewKind;
+    /**
+     * Optional outer wrapper applied around the rendered body content.
+     */
+    bodyWrapper?: TextualBodyViewBodyWrapperKind;
+    /**
+     * Href used when `bodyWrapper` is `LINK`.
+     */
+    bodyLinkHref?: string;
+    /**
+     * Accessible label used when `bodyWrapper` is `ACTION`.
+     */
+    bodyActionAriaLabel?: string;
+    /**
+     * Whether to render the edited marker.
+     */
+    showEditedMarker?: boolean;
+    /**
+     * Visible label for the edited marker.
+     */
+    editedMarkerText?: string;
+    /**
+     * Accessible label announced for the edited marker action.
+     */
+    editedMarkerAriaLabel?: string;
+    /**
+     * Tooltip description for the edited marker.
+     */
+    editedMarkerTooltip?: string;
+    /**
+     * Optional tooltip caption for the edited marker.
+     */
+    editedMarkerCaption?: string;
+    /**
+     * Whether to render the pending-moderation marker.
+     */
+    showPendingModerationMarker?: boolean;
+    /**
+     * Visible label for the pending-moderation marker.
+     */
+    pendingModerationText?: string;
+    /**
+     * Sender label rendered for emote events.
+     */
+    emoteSenderName?: string;
+}
+
+export interface TextualBodyViewActions {
+    /**
+     * Capture-phase click handler attached to the root message-body container.
+     */
+    onRootClick?: MouseEventHandler<HTMLDivElement>;
+    /**
+     * Activation handler used when `bodyWrapper` is `ACTION`.
+     */
+    onBodyActionClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Click handler for the edited marker.
+     */
+    onEditedMarkerClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Click handler for the emote sender.
+     */
+    onEmoteSenderClick?: MouseEventHandler<HTMLButtonElement>;
+}
+
+export type TextualBodyViewModel = ViewModel<TextualBodyViewSnapshot, TextualBodyViewActions>;
+
+export type TextualBodyContentElement = HTMLDivElement | HTMLSpanElement;
+export type TextualBodyContentRef = Ref<TextualBodyContentElement>;
+
+interface TextualBodyViewProps {
+    /**
+     * The view model providing the layout state and event handlers.
+     */
+    vm: TextualBodyViewModel;
+    /**
+     * The message body element, typically `EventContentBodyView`.
+     */
+    body: ReactElement;
+    /**
+     * Optional ref to attach to the message body element.
+     */
+    bodyRef?: TextualBodyContentRef;
+    /**
+     * Optional URL preview subtree rendered after the body.
+     */
+    urlPreviews?: ReactNode;
+    /**
+     * Optional host-level class names.
+     */
+    className?: string;
+}
+
+/**
+ * Re-clones the supplied body element so consumers can observe the rendered
+ * body node via `bodyRef` without constraining the `body` prop shape.
+ */
+function attachBodyRef(body: ReactElement, bodyRef?: TextualBodyContentRef): ReactElement {
+    if (!bodyRef || !isValidElement(body)) {
+        return body;
+    }
+
+    return cloneElement(body as ReactElement<{ ref?: TextualBodyContentRef }>, { ref: bodyRef });
+}
+
+/**
+ * Renders a textual message body for timeline events.
+ *
+ * The view supports text, notice, emote, and caption layouts, optional
+ * link or action wrappers, edited and moderation markers, and appended
+ * URL previews.
+ */
+export function TextualBodyView({
+    vm,
+    body,
+    bodyRef,
+    urlPreviews,
+    className,
+}: Readonly<TextualBodyViewProps>): JSX.Element {
+    const {
+        id,
+        kind,
+        bodyWrapper = TextualBodyViewBodyWrapperKind.NONE,
+        bodyLinkHref,
+        bodyActionAriaLabel,
+        showEditedMarker,
+        editedMarkerText,
+        editedMarkerAriaLabel,
+        editedMarkerTooltip,
+        editedMarkerCaption,
+        showPendingModerationMarker,
+        pendingModerationText,
+        emoteSenderName,
+    } = useViewModel(vm);
+
+    const rootClasses = classNames(className, styles.root, {
+        [styles.text]: kind === TextualBodyViewKind.TEXT,
+        [styles.notice]: kind === TextualBodyViewKind.NOTICE,
+        [styles.emote]: kind === TextualBodyViewKind.EMOTE,
+        [styles.caption]: kind === TextualBodyViewKind.CAPTION,
+    });
+
+    let renderedBody: ReactNode = attachBodyRef(body, bodyRef);
+    const onEditedMarkerClick: MouseEventHandler<HTMLButtonElement> | undefined = vm.onEditedMarkerClick
+        ? (event): void => {
+              event.preventDefault();
+              event.stopPropagation();
+              vm.onEditedMarkerClick?.(event);
+          }
+        : undefined;
+
+    const markers: ReactNode[] = [];
+    if (showEditedMarker) {
+        const editedMarkerButton = (
+            <button
+                type="button"
+                className={classNames(styles.annotation, styles.editedMarker)}
+                onClick={onEditedMarkerClick}
+                aria-label={editedMarkerAriaLabel}
+                data-textual-body-edited-marker=""
+            >
+                <span>{editedMarkerText}</span>
+            </button>
+        );
+
+        markers.push(
+            editedMarkerTooltip ? (
+                <Tooltip
+                    key="edited-marker"
+                    description={editedMarkerTooltip}
+                    caption={editedMarkerCaption}
+                    isTriggerInteractive={true}
+                >
+                    {editedMarkerButton}
+                </Tooltip>
+            ) : (
+                React.cloneElement(editedMarkerButton, { key: "edited-marker" })
+            ),
+        );
+    }
+
+    if (showPendingModerationMarker) {
+        markers.push(
+            <span key="pending-moderation-marker" className={styles.annotation} data-textual-body-pending-moderation="">
+                {pendingModerationText}
+            </span>,
+        );
+    }
+
+    if (bodyWrapper === TextualBodyViewBodyWrapperKind.LINK && bodyLinkHref) {
+        renderedBody = (
+            <a href={bodyLinkHref} className={styles.bodyLink}>
+                {renderedBody}
+            </a>
+        );
+    } else if (bodyWrapper === TextualBodyViewBodyWrapperKind.ACTION) {
+        renderedBody = (
+            <button
+                type="button"
+                aria-label={bodyActionAriaLabel}
+                className={styles.bodyAction}
+                onClick={vm.onBodyActionClick}
+            >
+                {renderedBody}
+            </button>
+        );
+    }
+
+    if (markers.length > 0) {
+        const annotatedClasses = classNames(styles.annotated, {
+            [styles.annotatedInline]: kind === TextualBodyViewKind.EMOTE,
+        });
+
+        // Reply quotes need to tweak this wrapper so long edited messages still clamp nicely.
+        // Keep this hook stable so app CSS doesn't have to reach into CSS-module class names.
+        renderedBody =
+            kind === TextualBodyViewKind.EMOTE ? (
+                <span dir="auto" className={annotatedClasses} data-textual-body-annotation-wrapper="">
+                    {renderedBody}
+                    {markers}
+                </span>
+            ) : (
+                <div dir="auto" className={annotatedClasses} data-textual-body-annotation-wrapper="">
+                    {renderedBody}
+                    {markers}
+                </div>
+            );
+    }
+
+    if (kind === TextualBodyViewKind.EMOTE) {
+        return (
+            <div id={id} className={rootClasses} onClickCapture={vm.onRootClick} dir="auto">
+                *&nbsp;
+                <button type="button" className={styles.emoteSender} onClick={vm.onEmoteSenderClick}>
+                    {emoteSenderName}
+                </button>
+                &nbsp;
+                {renderedBody}
+                {urlPreviews}
+            </div>
+        );
+    }
+
+    return (
+        <div id={id} className={rootClasses} onClickCapture={vm.onRootClick}>
+            {renderedBody}
+            {urlPreviews}
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/__snapshots__/TextualBody.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/__snapshots__/TextualBody.test.tsx.snap
new file mode 100644
index 00000000000..fcbc847049e
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/__snapshots__/TextualBody.test.tsx.snap
@@ -0,0 +1,78 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`TextualBodyView > renders caption messages with url previews 1`] = `
+<div>
+  <div
+    class="TextualBody-module_root TextualBody-module_caption"
+  >
+    <div>
+      Caption for the uploaded image.
+    </div>
+    <div
+      style="margin-top: 8px; padding: 8px; border-radius: 8px; background-color: var(--cpd-color-bg-subtle-secondary);"
+    >
+      URL preview
+    </div>
+  </div>
+</div>
+`;
+
+exports[`TextualBodyView > renders emote messages with annotations 1`] = `
+<div>
+  <div
+    class="TextualBody-module_root TextualBody-module_emote"
+    dir="auto"
+  >
+    * 
+    <button
+      class="TextualBody-module_emoteSender"
+      type="button"
+    >
+      Alice
+    </button>
+     
+    <span
+      class="TextualBody-module_annotated TextualBody-module_annotatedInline"
+      data-textual-body-annotation-wrapper=""
+      dir="auto"
+    >
+      <span>
+        waves enthusiastically
+      </span>
+      <button
+        class="TextualBody-module_annotation TextualBody-module_editedMarker"
+        data-textual-body-edited-marker=""
+        type="button"
+      >
+        <span>
+          (edited)
+        </span>
+      </button>
+    </span>
+  </div>
+</div>
+`;
+
+exports[`TextualBodyView > renders the default message body 1`] = `
+<div>
+  <div
+    class="TextualBody-module_root TextualBody-module_text"
+  >
+    <div>
+      Hello, this is a textual message.
+    </div>
+  </div>
+</div>
+`;
+
+exports[`TextualBodyView > renders the notice branch 1`] = `
+<div>
+  <div
+    class="TextualBody-module_root TextualBody-module_notice"
+  >
+    <div>
+      This is a notice message.
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/index.ts
new file mode 100644
index 00000000000..dce11459c8b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/index.ts
@@ -0,0 +1,17 @@
+/*
+ * 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 {
+    TextualBodyView,
+    TextualBodyViewKind,
+    TextualBodyViewBodyWrapperKind,
+    type TextualBodyViewSnapshot,
+    type TextualBodyViewActions,
+    type TextualBodyViewModel,
+    type TextualBodyContentElement,
+    type TextualBodyContentRef,
+} from "./TextualBodyView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.module.css b/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.module.css
new file mode 100644
index 00000000000..a54ec03ad5f
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.module.css
@@ -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.
+ */
+
+.content {
+    white-space: pre-wrap;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.stories.tsx
new file mode 100644
index 00000000000..4aaa867bd6b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.stories.tsx
@@ -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.
+ */
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import { UnknownBodyView } from "./UnknownBodyView";
+
+const UnknownBodyViewWrapper = withViewDocs(UnknownBodyView, UnknownBodyView);
+
+const meta = {
+    title: "Timeline/Timeline Body/UnknownBodyView",
+    component: UnknownBodyViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        text: "Unsupported message body",
+        className: "",
+    },
+} satisfies Meta<typeof UnknownBodyViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Multiline: Story = {
+    args: {
+        text: "Unsupported message body\nwith preserved line breaks",
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.test.tsx
new file mode 100644
index 00000000000..34c5ed66b2d
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.test.tsx
@@ -0,0 +1,47 @@
+/*
+ * 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, screen } from "@test-utils";
+import React from "react";
+import { describe, expect, it } from "vitest";
+
+import { UnknownBodyView } from "./UnknownBodyView";
+import * as stories from "./UnknownBodyView.stories";
+
+const { Default, Multiline } = composeStories(stories);
+
+describe("UnknownBodyView", () => {
+    it("renders the default story", () => {
+        const { container } = render(<Default />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText("Unsupported message body")).toBeInTheDocument();
+    });
+
+    it("renders multiline content", () => {
+        const { container } = render(<Multiline />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText(/with preserved line breaks/)).toBeInTheDocument();
+    });
+
+    it("applies a custom className to the root element", () => {
+        const { container } = render(<UnknownBodyView text="Unsupported message body" className="custom-unknown" />);
+
+        expect(container.firstChild).toHaveClass("custom-unknown");
+    });
+
+    it("forwards the provided ref to the root element", () => {
+        const ref = React.createRef<HTMLDivElement>();
+
+        render(<UnknownBodyView text="Unsupported message body" ref={ref} />);
+
+        expect(ref.current).toBeInstanceOf(HTMLDivElement);
+        expect(ref.current).toHaveTextContent("Unsupported message body");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.tsx b/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.tsx
new file mode 100644
index 00000000000..ccd6b47f945
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/UnknownBodyView.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 classNames from "classnames";
+import React, { type JSX, type ReactNode, type Ref } from "react";
+
+import styles from "./UnknownBodyView.module.css";
+
+export interface UnknownBodyViewProps {
+    /**
+     * Fallback message body content.
+     */
+    text?: ReactNode;
+    /**
+     * Optional CSS class names applied to the root element.
+     */
+    className?: string;
+    /**
+     * Optional ref forwarded to the root element.
+     */
+    ref?: Ref<HTMLDivElement>;
+}
+
+/**
+ * Renders fallback body content for unsupported message types.
+ */
+export function UnknownBodyView({ text, className, ref }: Readonly<UnknownBodyViewProps>): JSX.Element {
+    return (
+        <div className={classNames(styles.content, className)} ref={ref}>
+            {text}
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/__snapshots__/UnknownBodyView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/__snapshots__/UnknownBodyView.test.tsx.snap
new file mode 100644
index 00000000000..0c662806214
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/__snapshots__/UnknownBodyView.test.tsx.snap
@@ -0,0 +1,22 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`UnknownBodyView > renders multiline content 1`] = `
+<div>
+  <div
+    class="UnknownBodyView-module_content"
+  >
+    Unsupported message body
+with preserved line breaks
+  </div>
+</div>
+`;
+
+exports[`UnknownBodyView > renders the default story 1`] = `
+<div>
+  <div
+    class="UnknownBodyView-module_content"
+  >
+    Unsupported message body
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/index.ts
new file mode 100644
index 00000000000..49eded1c673
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/UnknownBodyView/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 { UnknownBodyView, type UnknownBodyViewProps } from "./UnknownBodyView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.module.css b/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.module.css
new file mode 100644
index 00000000000..4789691b5f5
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.module.css
@@ -0,0 +1,64 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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.
+*/
+
+.content {
+    display: flex;
+    color: var(--cpd-color-text-secondary);
+    font-size: var(--cpd-font-size-body-xs);
+    width: 100%;
+    line-height: normal;
+}
+
+.source {
+    flex: 1;
+    overflow-inline: auto;
+}
+
+pre.source {
+    line-height: 1.2;
+    margin: 3.5px 0;
+}
+
+.toggle {
+    --ViewSourceEvent_toggle-size: 16px;
+
+    appearance: none;
+    border: 0;
+    padding: 0;
+    background: none;
+    color: var(--cpd-color-icon-accent-primary);
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    visibility: hidden;
+    width: var(--ViewSourceEvent_toggle-size);
+    min-width: var(--ViewSourceEvent_toggle-size);
+    height: var(--ViewSourceEvent_toggle-size);
+}
+
+.content:hover .toggle,
+.toggle:focus-visible {
+    visibility: visible;
+}
+
+.toggle:focus-visible {
+    outline: 2px solid var(--cpd-color-border-focused);
+    outline-offset: 2px;
+    border-radius: var(--cpd-space-1x);
+}
+
+.toggle svg {
+    width: var(--ViewSourceEvent_toggle-size);
+    height: var(--ViewSourceEvent_toggle-size);
+}
+
+.expanded .toggle {
+    align-self: flex-end;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.stories.tsx
new file mode 100644
index 00000000000..2e248660d30
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.stories.tsx
@@ -0,0 +1,77 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 } from "react";
+import { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import {
+    ViewSourceEventView,
+    type ViewSourceEventViewActions,
+    type ViewSourceEventViewSnapshot,
+} from "./ViewSourceEventView";
+
+type ViewSourceEventViewProps = ViewSourceEventViewSnapshot &
+    ViewSourceEventViewActions & {
+        className?: string;
+        expandedClassName?: string;
+    };
+
+const source = JSON.stringify(
+    {
+        type: "m.room.message",
+        sender: "@alice:example.org",
+        content: {
+            msgtype: "m.text",
+            body: "Hello",
+        },
+    },
+    null,
+    4,
+);
+
+const ViewSourceEventViewWrapperImpl = ({
+    onToggle,
+    className,
+    expandedClassName,
+    ...snapshot
+}: ViewSourceEventViewProps): JSX.Element => {
+    const vm = useMockedViewModel(snapshot, { onToggle });
+
+    return <ViewSourceEventView vm={vm} className={className} expandedClassName={expandedClassName} />;
+};
+
+const ViewSourceEventViewWrapper = withViewDocs(ViewSourceEventViewWrapperImpl, ViewSourceEventView);
+
+const meta = {
+    title: "Timeline/Timeline Event/ViewSourceEventView",
+    component: ViewSourceEventViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        expanded: false,
+        preview: '{ "type": m.room.message }',
+        source,
+        onToggle: fn(),
+        className: "",
+        expandedClassName: "",
+    },
+} satisfies Meta<typeof ViewSourceEventViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Expanded: Story = {
+    args: {
+        expanded: true,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.test.tsx
new file mode 100644
index 00000000000..0b75718aa52
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.test.tsx
@@ -0,0 +1,107 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 { composeStories } from "@storybook/react-vite";
+import { fireEvent, render, screen } from "@test-utils";
+import React from "react";
+import { describe, expect, it, vi } from "vitest";
+
+import { MockViewModel } from "../../../../../core/viewmodel";
+import {
+    ViewSourceEventView,
+    type ViewSourceEventViewActions,
+    type ViewSourceEventViewModel,
+    type ViewSourceEventViewSnapshot,
+} from "./ViewSourceEventView";
+import * as stories from "./ViewSourceEventView.stories";
+
+const { Default, Expanded } = composeStories(stories);
+
+class TestViewSourceEventViewModel
+    extends MockViewModel<ViewSourceEventViewSnapshot>
+    implements ViewSourceEventViewActions
+{
+    public constructor(
+        snapshot: ViewSourceEventViewSnapshot,
+        public onToggle: ViewSourceEventViewActions["onToggle"],
+    ) {
+        super(snapshot);
+    }
+}
+
+const createVm = (
+    snapshot: Partial<ViewSourceEventViewSnapshot> = {},
+    onToggle: ViewSourceEventViewActions["onToggle"] = vi.fn(),
+): ViewSourceEventViewModel =>
+    new TestViewSourceEventViewModel(
+        {
+            expanded: false,
+            preview: '{ "type": m.room.message }',
+            source: '{\n    "type": "m.room.message"\n}',
+            ...snapshot,
+        },
+        onToggle,
+    ) as ViewSourceEventViewModel;
+
+describe("ViewSourceEventView", () => {
+    const getToggleButton = (container: HTMLElement): HTMLButtonElement => {
+        const button = container.querySelector<HTMLButtonElement>('button[aria-label="toggle event"]');
+
+        if (!button) {
+            throw new Error("Expected view source toggle button to be rendered");
+        }
+
+        return button;
+    };
+
+    it("renders the default story", () => {
+        const { container } = render(<Default />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText('{ "type": m.room.message }')).toBeInTheDocument();
+        expect(getToggleButton(container)).toBeInTheDocument();
+    });
+
+    it("renders the expanded story", () => {
+        const { container } = render(<Expanded />);
+
+        expect(container).toMatchSnapshot();
+        expect(screen.getByText(/"sender": "@alice:example\.org"/)).toBeInTheDocument();
+    });
+
+    it("invokes the toggle action", () => {
+        const onToggle = vi.fn();
+        const vm = createVm({}, onToggle);
+
+        const { container } = render(<ViewSourceEventView vm={vm} />);
+
+        fireEvent.click(getToggleButton(container));
+
+        expect(onToggle).toHaveBeenCalledTimes(1);
+    });
+
+    it("applies custom class names to the root element", () => {
+        const vm = createVm({ expanded: true });
+
+        const { container } = render(
+            <ViewSourceEventView vm={vm} className="custom-source" expandedClassName="custom-expanded" />,
+        );
+
+        expect(container.firstChild).toHaveClass("custom-source", "custom-expanded");
+    });
+
+    it("forwards the provided ref to the root span", () => {
+        const ref = React.createRef<HTMLSpanElement>();
+        const vm = createVm();
+
+        render(<ViewSourceEventView vm={vm} ref={ref} />);
+
+        expect(ref.current).toBeInstanceOf(HTMLSpanElement);
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.tsx b/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.tsx
new file mode 100644
index 00000000000..b0809be9d59
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/ViewSourceEventView.tsx
@@ -0,0 +1,98 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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 MouseEventHandler, type Ref } from "react";
+import classNames from "classnames";
+import { CollapseIcon, ExpandIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Tooltip } from "@vector-im/compound-web";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import { useI18n } from "../../../../../core/i18n/i18nContext";
+import styles from "./ViewSourceEventView.module.css";
+
+export interface ViewSourceEventViewSnapshot {
+    /**
+     * Whether the full event source is visible.
+     */
+    expanded: boolean;
+    /**
+     * Collapsed one-line event summary.
+     */
+    preview: string;
+    /**
+     * Pretty-printed event source.
+     */
+    source: string;
+}
+
+export interface ViewSourceEventViewActions {
+    /**
+     * Invoked when the user expands or collapses the event source.
+     */
+    onToggle: MouseEventHandler<HTMLButtonElement>;
+}
+
+export type ViewSourceEventViewModel = ViewModel<ViewSourceEventViewSnapshot, ViewSourceEventViewActions>;
+
+interface ViewSourceEventViewProps {
+    /**
+     * ViewModel providing the event source snapshot and actions.
+     */
+    vm: ViewSourceEventViewModel;
+    /**
+     * Optional CSS class names applied to the root element.
+     */
+    className?: string;
+    /**
+     * Optional CSS class name applied to the root element while expanded.
+     */
+    expandedClassName?: string;
+    /**
+     * Optional ref forwarded to the root element.
+     */
+    ref?: Ref<HTMLSpanElement>;
+}
+
+/**
+ * Renders a collapsible event source preview for hidden timeline events.
+ */
+export function ViewSourceEventView({
+    vm,
+    className,
+    expandedClassName,
+    ref,
+}: Readonly<ViewSourceEventViewProps>): JSX.Element {
+    const { expanded, preview, source } = useViewModel(vm);
+    const _t = useI18n().translate;
+    const toggleLabel = _t("devtools|toggle_event");
+
+    const classes = classNames(
+        styles.content,
+        className,
+        {
+            [styles.expanded]: expanded,
+        },
+        expanded && expandedClassName,
+    );
+
+    return (
+        <span className={classes} ref={ref}>
+            {expanded ? (
+                <pre className={styles.source}>{source}</pre>
+            ) : (
+                <code className={styles.source}>{preview}</code>
+            )}
+            <Tooltip description={toggleLabel} placement="top">
+                <button type="button" aria-label={toggleLabel} className={styles.toggle} onClick={vm.onToggle}>
+                    {expanded ? <CollapseIcon /> : <ExpandIcon />}
+                </button>
+            </Tooltip>
+        </span>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/__snapshots__/ViewSourceEventView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/__snapshots__/ViewSourceEventView.test.tsx.snap
new file mode 100644
index 00000000000..79703e7c36c
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/__snapshots__/ViewSourceEventView.test.tsx.snap
@@ -0,0 +1,70 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ViewSourceEventView > renders the default story 1`] = `
+<div>
+  <span
+    class="ViewSourceEventView-module_content"
+  >
+    <code
+      class="ViewSourceEventView-module_source"
+    >
+      { "type": m.room.message }
+    </code>
+    <button
+      aria-label="toggle event"
+      class="ViewSourceEventView-module_toggle"
+      type="button"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M21 3.997a1 1 0 0 0-.29-.702l-.005-.004A1 1 0 0 0 20 3h-8a1 1 0 1 0 0 2h5.586L5 17.586V12a1 1 0 1 0-2 0v8.003a1 1 0 0 0 .29.702l.005.004c.18.18.43.291.705.291h8a1 1 0 1 0 0-2H6.414L19 6.414V12a1 1 0 1 0 2 0z"
+        />
+      </svg>
+    </button>
+  </span>
+</div>
+`;
+
+exports[`ViewSourceEventView > renders the expanded story 1`] = `
+<div>
+  <span
+    class="ViewSourceEventView-module_content ViewSourceEventView-module_expanded"
+  >
+    <pre
+      class="ViewSourceEventView-module_source"
+    >
+      {
+    "type": "m.room.message",
+    "sender": "@alice:example.org",
+    "content": {
+        "msgtype": "m.text",
+        "body": "Hello"
+    }
+}
+    </pre>
+    <button
+      aria-label="toggle event"
+      class="ViewSourceEventView-module_toggle"
+      type="button"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 11.034a1 1 0 0 0 .29.702l.005.005c.18.18.43.29.705.29h8a1 1 0 0 0 0-2h-5.586L22 3.445a1 1 0 0 0-1.414-1.414L14 8.617V3.031a1 1 0 1 0-2 0zm0 1.963a1 1 0 0 0-.29-.702l-.005-.004A1 1 0 0 0 11 12H3a1 1 0 1 0 0 2h5.586L2 20.586A1 1 0 1 0 3.414 22L10 15.414V21a1 1 0 0 0 2 0z"
+        />
+      </svg>
+    </button>
+  </span>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/index.ts b/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/index.ts
new file mode 100644
index 00000000000..6c642b4d934
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/body/ViewSourceEventView/index.ts
@@ -0,0 +1,10 @@
+/*
+Copyright 2026 Element Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2019 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.
+*/
+
+export * from "./ViewSourceEventView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/RootCallTileView.tsx b/packages/shared-components/src/room/timeline/event-tile/call/RootCallTileView.tsx
new file mode 100644
index 00000000000..0d880f9e207
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/RootCallTileView.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 React from "react";
+
+import { useViewModel, type ViewModel } from "../../../../core/viewmodel";
+import { RoomOngoingCallTileView, type RoomCallStartedTileViewModel } from "./ongoing/room/RoomOngoingCallTileView";
+import { DmOngoingCallTileView, type DmOngoingCallTileViewModel } from "./ongoing/dm/DmOngoingCallTileView";
+import {
+    RoomTombstoneCallTileView,
+    type RoomTombstoneCallTileViewModel,
+} from "./tombstone/room/RoomTombstoneCallTileView";
+import { DmTombstoneCallTileView, type DmTombstoneCallTileViewModel } from "./tombstone/dm/DmTombstoneCallTileView";
+
+/**
+ * Map from tile type to view model.
+ */
+interface TileTypeToViewModelMap {
+    "ongoing-call-room": RoomCallStartedTileViewModel;
+    "ongoing-call-dm": DmOngoingCallTileViewModel;
+    "tombstone-call-room": RoomTombstoneCallTileViewModel;
+    "tombstone-call-dm": DmTombstoneCallTileViewModel;
+}
+
+export interface RootCallTileViewSnapshot<Type extends keyof TileTypeToViewModelMap = keyof TileTypeToViewModelMap> {
+    tileType: Type;
+    tileViewModel: TileTypeToViewModelMap[Type];
+}
+
+export type RootCallTileViewModel = ViewModel<RootCallTileViewSnapshot>;
+
+interface Props {
+    vm: RootCallTileViewModel;
+}
+
+/**
+ * Root view for a call tile in the timeline.
+ */
+export function RootCallTileView({ vm }: Props): React.ReactNode {
+    const { tileType, tileViewModel } = useViewModel(vm);
+    switch (tileType) {
+        case "ongoing-call-room":
+            return <RoomOngoingCallTileView vm={tileViewModel as TileTypeToViewModelMap["ongoing-call-room"]} />;
+        case "ongoing-call-dm":
+            return <DmOngoingCallTileView vm={tileViewModel as TileTypeToViewModelMap["ongoing-call-dm"]} />;
+        case "tombstone-call-room":
+            return <RoomTombstoneCallTileView vm={tileViewModel as TileTypeToViewModelMap["tombstone-call-room"]} />;
+        case "tombstone-call-dm":
+            return <DmTombstoneCallTileView vm={tileViewModel as TileTypeToViewModelMap["tombstone-call-dm"]} />;
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/common.ts b/packages/shared-components/src/room/timeline/event-tile/call/common.ts
new file mode 100644
index 00000000000..d5b25a79570
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/common.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.
+ */
+
+/**
+ * Represents whether a call is a voice call or video call.
+ */
+export const enum CallType {
+    /**
+     * This is a voice call.
+     */
+    Voice = "voice",
+    /**
+     * This is a video call.
+     */
+    Video = "video",
+}
+
+/**
+ * Whether the call is incoming or outgoing.
+ */
+export const enum CallDirection {
+    Incoming = "Incoming",
+    Outgoing = "Outgoing",
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/index.ts b/packages/shared-components/src/room/timeline/event-tile/call/index.ts
new file mode 100644
index 00000000000..5ed5bb3989f
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/index.ts
@@ -0,0 +1,15 @@
+/*
+ * 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 * from "./tombstone/room/RoomTombstoneCallTileView";
+export * from "./tombstone/dm/DmTombstoneCallTileView";
+export type * from "./ongoing/common";
+export * from "./ongoing/room/RoomOngoingCallTileView";
+export * from "./ongoing/components/Duration/DurationView";
+export * from "./ongoing/dm/DmOngoingCallTileView";
+export * from "./RootCallTileView";
+export * from "./common";
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/call-mocks.ts b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/call-mocks.ts
new file mode 100644
index 00000000000..1b32b6d8e01
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/call-mocks.ts
@@ -0,0 +1,31 @@
+/*
+ * 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 FacePileViewSnapshot } from "../../../../../core/FacePile/FacePileView";
+import { type MemberAvatarViewSnapshot } from "../../../../../core/MemberAvatar/MemberAvatarView";
+import { MockViewModel } from "../../../../../core/viewmodel";
+
+type MockProp = { id: string; name: string; url?: string };
+
+export class MockMemberAvatarViewModel extends MockViewModel<MemberAvatarViewSnapshot> {
+    public constructor({ id, name, url }: MockProp) {
+        super({
+            id,
+            name,
+            size: "20px",
+            title: id,
+            url,
+        });
+    }
+}
+
+export class MockFacePileViewModel extends MockViewModel<FacePileViewSnapshot> {
+    public constructor(items: MockProp[]) {
+        const memberAvatarViewModels = items.slice(0, 3).map((item) => new MockMemberAvatarViewModel(item));
+        super({ memberAvatarViewModels });
+    }
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/common.module.css b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/common.module.css
new file mode 100644
index 00000000000..0fba861e053
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/common.module.css
@@ -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.
+ */
+
+.title {
+    font: var(--cpd-font-body-md-semibold);
+    color: var(--cpd-color-text-primary);
+    /* This height is from the figma design */
+    min-height: 23px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    width: 100%;
+}
+
+.content {
+    flex: 1;
+    overflow: hidden;
+    /* Width specified to allow the children to overflow and render with ellipsis */
+    min-width: 47px;
+}
+
+.avatar {
+    min-width: 20px;
+}
+
+.facepile {
+    min-width: fit-content;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/common.ts b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/common.ts
new file mode 100644
index 00000000000..0b5cbe31495
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/common.ts
@@ -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 { type FacePileViewModel } from "../../../../../core/FacePile/FacePileView";
+import { type MemberAvatarViewModel } from "../../../../../core/MemberAvatar/MemberAvatarView";
+import { type ViewModel } from "../../../../../core/viewmodel";
+import { type CallDirection } from "../common";
+import { type DurationViewModel } from "./components/Duration/DurationView";
+
+/**
+ * This snapshot type contains state used by both RoomOngoingCallTileView and
+ * DmOngoingCallTileView.
+ */
+export interface CommonOngoingCallTileViewSnapshot {
+    /**
+     * The display name of whoever started this call.
+     */
+    startedByDisplayName: string;
+
+    /**
+     * Vm for rendering the duration of this call.
+     */
+    durationViewModel?: DurationViewModel;
+
+    /**
+     * Avatar vm for the user who started this call.
+     */
+    memberAvatarViewModel: MemberAvatarViewModel;
+
+    /**
+     * Face pile view-model for the participants on this call.
+     */
+    facePileViewModel: FacePileViewModel;
+
+    /**
+     * Whether this is an incoming or outgoing call.
+     */
+    callDirection: CallDirection;
+
+    /**
+     * Whether our user has joined this call.
+     */
+    isJoined: boolean;
+
+    /**
+     * Whether our user can join this call or not.
+     */
+    isJoinable: boolean;
+
+    /**
+     * Whether this call has participants other than who started the call.
+     */
+    callHasOtherParticipants: boolean;
+}
+
+export interface CommonOngoingCallTileViewAction {
+    /**
+     * Join this call
+     */
+    join: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+
+export type CallStartedTileFooViewModel = ViewModel<CommonOngoingCallTileViewSnapshot>;
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/CallIcon/CallIcon.module.css b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/CallIcon/CallIcon.module.css
new file mode 100644
index 00000000000..316ca334074
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/CallIcon/CallIcon.module.css
@@ -0,0 +1,17 @@
+/*
+ * 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 {
+    min-width: 36px;
+    height: 36px;
+    border-radius: var(--cpd-space-2x);
+    background-color: var(--cpd-color-bg-subtle-secondary);
+}
+
+.icon {
+    color: var(--cpd-color-icon-primary);
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/CallIcon/CallIcon.tsx b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/CallIcon/CallIcon.tsx
new file mode 100644
index 00000000000..fa124e012e7
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/CallIcon/CallIcon.tsx
@@ -0,0 +1,31 @@
+/*
+ * 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 { CallType } from "../../../common";
+import { Flex } from "../../../../../../../core/utils/Flex";
+import styles from "./CallIcon.module.css";
+import { Icon } from "../Icon/Icon";
+
+interface Props {
+    /**
+     * The type of call.
+     */
+    callType: CallType;
+}
+
+/**
+ * Common call icon component that is used by ongoing call tiles.
+ */
+export function CallIcon(props: Props): React.ReactNode {
+    return (
+        <Flex align="center" justify="center" className={styles.container}>
+            <Icon classNames={styles.icon} callType={props.callType} height={20} width={20} />
+        </Flex>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/Duration/DurationView.module.css b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/Duration/DurationView.module.css
new file mode 100644
index 00000000000..37a84a3f8ce
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/Duration/DurationView.module.css
@@ -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.
+ */
+
+.container {
+    font: var(--cpd-font-body-xs-regular);
+    color: var(--cpd-color-text-secondary);
+    min-width: 30px;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/Duration/DurationView.tsx b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/Duration/DurationView.tsx
new file mode 100644
index 00000000000..b7183346e4f
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/Duration/DurationView.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 from "react";
+import classNames from "classnames";
+
+import styles from "./DurationView.module.css";
+import { useViewModel, type ViewModel } from "../../../../../../../core/viewmodel";
+import { Clock } from "../../../../../../../audio/Clock";
+
+export interface DurationViewSnapshot {
+    /**
+     * The number of seconds that this call has been ongoing for.
+     */
+    duration: number;
+}
+
+export type DurationViewModel = ViewModel<DurationViewSnapshot>;
+
+interface Props {
+    vm: DurationViewModel;
+
+    /**
+     * Additional class names for this component.
+     */
+    classNames?: string;
+}
+
+/**
+ * View to show the duration of the call.
+ */
+export function DurationView(props: Props): React.ReactNode {
+    const { duration } = useViewModel(props.vm);
+    const classes = classNames(styles.container, props.classNames);
+
+    return (
+        <div className={classes}>
+            (<Clock seconds={duration} minutesMaxLength={1} className={classes} />)
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/Icon/Icon.tsx b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/Icon/Icon.tsx
new file mode 100644
index 00000000000..a5b59213cb8
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/Icon/Icon.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 ComponentType, type SVGAttributes } from "react";
+import { VideoCallSolidIcon, VoiceCallSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { CallType } from "../../../common";
+
+interface Props extends SVGAttributes<SVGGElement> {
+    /**
+     * The type of this call i.e voice or video.
+     */
+    callType: CallType;
+    /**
+     * The extra class names to add to the icon.
+     */
+    classNames?: string;
+    /**
+     * Height of the icon
+     */
+    height: number;
+    /**
+     * Width of the icon
+     */
+    width: number;
+}
+
+/**
+ * Component that renders the correct svg icon based on call type.
+ */
+export const Icon: ComponentType<Props> = ({ callType, classNames, height, width, ...rest }: Props) => {
+    switch (callType) {
+        case CallType.Video:
+            return <VideoCallSolidIcon className={classNames} width={width} height={height} {...rest} />;
+        case CallType.Voice:
+            return <VoiceCallSolidIcon className={classNames} width={width} height={height} {...rest} />;
+    }
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/JoinButton/JoinButton.tsx b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/JoinButton/JoinButton.tsx
new file mode 100644
index 00000000000..05aa637cf6e
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/JoinButton/JoinButton.tsx
@@ -0,0 +1,36 @@
+/*
+ * 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 { Button } from "@vector-im/compound-web";
+import React, { type ComponentProps, type SVGAttributes } from "react";
+
+import { Icon } from "../Icon/Icon";
+import type { CallType } from "../../../common";
+import { useI18n } from "../../../../../../../core/i18n/i18nContext";
+
+interface Props extends ComponentProps<typeof Button> {
+    join: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    callType: CallType;
+}
+
+function withIcon(callType: CallType) {
+    return function ButtonIcon(props: SVGAttributes<SVGGElement>) {
+        return <Icon callType={callType} {...props} height={20} width={20} />;
+    };
+}
+
+/**
+ * Join button used by all ongoing call tiles.
+ */
+export function JoinButton({ join, callType, ...rest }: Props): React.ReactNode {
+    const { translate: _t } = useI18n();
+    return (
+        <Button onClick={join} Icon={withIcon(callType)} size="md" {...rest}>
+            {_t("timeline|call_tile|ongoing|common|join_button")}
+        </Button>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/TileContainer/TileContainer.module.css b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/TileContainer/TileContainer.module.css
new file mode 100644
index 00000000000..bad1b365471
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/TileContainer/TileContainer.module.css
@@ -0,0 +1,17 @@
+/*
+ * 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 {
+    min-height: 70px;
+    padding: var(--cpd-space-3x);
+    border: solid 1px var(--cpd-color-border-interactive-primary);
+    border-radius: var(--cpd-space-2x);
+    box-sizing: border-box;
+    width: 100%;
+    /* All call tiles have a 10px margin at the top and bottom */
+    margin: 10px 0;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/TileContainer/TileContainer.tsx b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/TileContainer/TileContainer.tsx
new file mode 100644
index 00000000000..3b2a9681009
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/components/TileContainer/TileContainer.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 React from "react";
+
+import styles from "./TileContainer.module.css";
+import { Flex } from "../../../../../../../core/utils/Flex";
+
+/**
+ * Common container inside which all ongoing call tiles render.
+ */
+export function TileContainer({ children }: React.PropsWithChildren): React.ReactNode {
+    return (
+        <Flex direction="row" align="center" className={styles.container}>
+            {children}
+        </Flex>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx
new file mode 100644
index 00000000000..0aee39a93b7
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.stories.tsx
@@ -0,0 +1,118 @@
+/*
+ * 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 { type DmOngoingCallTileViewSnapshot, DmOngoingCallTileView } from "./DmOngoingCallTileView";
+import { MockViewModel, useMockedViewModel } from "../../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../../.storybook/withViewDocs";
+import { type CommonOngoingCallTileViewAction } from "../common";
+import { CallDirection, CallType } from "../../common";
+import profileLink1 from "../../../../../../../static/profile-pics/profile1.png";
+import profileLink2 from "../../../../../../../static/profile-pics/profile2.png";
+import { MockFacePileViewModel, MockMemberAvatarViewModel } from "../call-mocks";
+
+const DmOngoingCallTileViewWrapperImpl = ({
+    join,
+    ...rest
+}: DmOngoingCallTileViewSnapshot & CommonOngoingCallTileViewAction): React.ReactNode => {
+    const vm = useMockedViewModel(rest, { join });
+    return <DmOngoingCallTileView vm={vm} />;
+};
+
+const DmOngoingCallTileViewWrapper = withViewDocs(DmOngoingCallTileViewWrapperImpl, DmOngoingCallTileView);
+
+const meta = {
+    title: "Timeline/Timeline Event/Call/Ongoing/DmOngoingCallTileView",
+    component: DmOngoingCallTileViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        callDirection: {
+            options: [CallDirection.Incoming, CallDirection.Outgoing],
+            control: { type: "radio" },
+        },
+        callType: {
+            options: [CallType.Voice, CallType.Video],
+            control: { type: "radio" },
+        },
+    },
+    args: {
+        callDirection: CallDirection.Incoming,
+        startedByDisplayName: "Bob",
+        durationViewModel: new MockViewModel({ duration: 100 }),
+        isJoinable: true,
+        isJoined: false,
+        join: () => {},
+        memberAvatarViewModel: new MockMemberAvatarViewModel({ id: "@bob:m.org", name: "Bob", url: profileLink1 }),
+        facePileViewModel: new MockFacePileViewModel([
+            { id: "@bob:m.org", name: "Bob", url: profileLink1 },
+            { id: "@riley:m.org", name: "Riley", url: profileLink2 },
+        ]),
+        callType: CallType.Voice,
+        callHasOtherParticipants: false,
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=11217-3901&t=OvT1LOc5wH4kXt0a-4",
+        },
+        visOptions: {
+            mask: [".duration"],
+        },
+    },
+} satisfies Meta<typeof DmOngoingCallTileViewWrapper>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const IncomingVoiceCall: Story = {
+    args: {
+        callDirection: CallDirection.Incoming,
+        callType: CallType.Voice,
+    },
+};
+
+export const IncomingVideoCall: Story = {
+    args: {
+        callDirection: CallDirection.Incoming,
+        callType: CallType.Video,
+    },
+};
+
+export const OutgoingVoiceCall: Story = {
+    args: {
+        callDirection: CallDirection.Outgoing,
+        callType: CallType.Voice,
+    },
+};
+
+export const OutgoingVideoCall: Story = {
+    args: {
+        callDirection: CallDirection.Outgoing,
+        callType: CallType.Video,
+    },
+};
+
+export const VoiceCallInProgress: Story = {
+    args: {
+        callType: CallType.Voice,
+        isJoined: true,
+        callHasOtherParticipants: true,
+    },
+};
+
+export const VideoCallInProgress: Story = {
+    args: {
+        callType: CallType.Video,
+        isJoined: true,
+        callHasOtherParticipants: true,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.test.tsx
new file mode 100644
index 00000000000..e98e298fef7
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.test.tsx
@@ -0,0 +1,56 @@
+/*
+ * 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 { describe, expect, it } from "vitest";
+import React from "react";
+import { render } from "@test-utils";
+
+import * as Stories from "./DmOngoingCallTileView.stories";
+
+const {
+    IncomingVideoCall,
+    IncomingVoiceCall,
+    OutgoingVideoCall,
+    OutgoingVoiceCall,
+    VideoCallInProgress,
+    VoiceCallInProgress,
+} = composeStories(Stories);
+
+describe("DmOngoingCallTileView", () => {
+    describe("renders the tile", () => {
+        it("IncomingVideoCall", () => {
+            const { container } = render(<IncomingVideoCall />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("IncomingVoiceCall", () => {
+            const { container } = render(<IncomingVoiceCall />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("OutgoingVideoCall", () => {
+            const { container } = render(<OutgoingVideoCall />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("OutgoingVoiceCall", () => {
+            const { container } = render(<OutgoingVoiceCall />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("VoiceCallInProgress", () => {
+            const { container } = render(<VoiceCallInProgress />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("VideoCallInProgress", () => {
+            const { container } = render(<VideoCallInProgress />);
+            expect(container).toMatchSnapshot();
+        });
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.tsx b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.tsx
new file mode 100644
index 00000000000..ffb8ddaa015
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/dm/DmOngoingCallTileView.tsx
@@ -0,0 +1,97 @@
+/*
+ * 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 { useViewModel, type ViewModel } from "../../../../../../core/viewmodel";
+import { TileContainer } from "../components/TileContainer/TileContainer";
+import { CallIcon } from "../components/CallIcon/CallIcon";
+import { CallDirection, type CallType } from "../../common";
+import { Flex } from "../../../../../../core/utils/Flex";
+import commonStyles from "../common.module.css";
+import { JoinButton } from "../components/JoinButton/JoinButton";
+import { DurationView } from "../components/Duration/DurationView";
+import { MemberAvatarView } from "../../../../../../core/MemberAvatar/MemberAvatarView";
+import { type CommonOngoingCallTileViewSnapshot, type CommonOngoingCallTileViewAction } from "../common";
+import { FacePileView } from "../../../../../../core/FacePile/FacePileView";
+import { useI18n } from "../../../../../../core/i18n/i18nContext";
+
+export interface DmOngoingCallTileViewSnapshot extends CommonOngoingCallTileViewSnapshot {
+    callType: CallType;
+}
+
+export type DmOngoingCallTileViewModel = ViewModel<DmOngoingCallTileViewSnapshot> & CommonOngoingCallTileViewAction;
+
+interface Props {
+    vm: DmOngoingCallTileViewModel;
+}
+
+/**
+ * View that renders the tile content for an ongoing call in a DM.
+ */
+export function DmOngoingCallTileView(props: Props): React.ReactNode {
+    const snapshot = useViewModel(props.vm);
+    const { callType, callDirection, isJoinable, isJoined, durationViewModel } = snapshot;
+    let content: React.ReactNode;
+    if (snapshot.callHasOtherParticipants) {
+        content = <CallJoinedContent snapshot={snapshot} />;
+    } else if (callDirection === CallDirection.Incoming) {
+        content = <IncomingCallContent snapshot={snapshot} />;
+    } else {
+        content = <OutgoingCallContent snapshot={snapshot} />;
+    }
+    return (
+        <TileContainer>
+            <Flex align="center" gap="var(--cpd-space-3x)" className={commonStyles.content}>
+                <CallIcon callType={callType} />
+                <Flex gap="6px" align="center" className={commonStyles.content}>
+                    {content}
+                </Flex>
+                <Flex align="center" gap="var(--cpd-space-3x)" wrap="wrap-reverse">
+                    {durationViewModel && <DurationView classNames="duration" vm={durationViewModel} />}
+                    {!isJoined && (
+                        <JoinButton disabled={!isJoinable} callType={callType} join={(ev) => props.vm.join(ev)} />
+                    )}
+                </Flex>
+            </Flex>
+        </TileContainer>
+    );
+}
+
+function IncomingCallContent({ snapshot }: { snapshot: DmOngoingCallTileViewSnapshot }): React.ReactNode {
+    const { translate: _t } = useI18n();
+    return (
+        <>
+            <MemberAvatarView classNames={commonStyles.avatar} vm={snapshot.memberAvatarViewModel} />
+            <div className={commonStyles.title}>
+                {_t("timeline|call_tile|ongoing|common|call_started_by", {
+                    startedByDisplayName: snapshot.startedByDisplayName,
+                })}
+            </div>
+        </>
+    );
+}
+
+function OutgoingCallContent({ snapshot }: { snapshot: DmOngoingCallTileViewSnapshot }): React.ReactNode {
+    const { translate: _t } = useI18n();
+    return (
+        <>
+            <MemberAvatarView classNames={commonStyles.avatar} vm={snapshot.memberAvatarViewModel} />
+            <div className={commonStyles.title}>{_t("timeline|call_tile|ongoing|dm|call_started")}</div>
+        </>
+    );
+}
+
+function CallJoinedContent({ snapshot }: { snapshot: DmOngoingCallTileViewSnapshot }): React.ReactNode {
+    const { translate: _t } = useI18n();
+    return (
+        <>
+            <FacePileView classNames={commonStyles.facepile} vm={snapshot.facePileViewModel} />
+            <div className={commonStyles.title}>{_t("timeline|call_tile|ongoing|dm|title")}</div>
+        </>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/dm/__snapshots__/DmOngoingCallTileView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/dm/__snapshots__/DmOngoingCallTileView.test.tsx.snap
new file mode 100644
index 00000000000..17735a29a72
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/dm/__snapshots__/DmOngoingCallTileView.test.tsx.snap
@@ -0,0 +1,603 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`DmOngoingCallTileView > renders the tile > IncomingVideoCall 1`] = `
+<div>
+  <div
+    class="Flex-module_flex TileContainer-module_container"
+    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;"
+  >
+    <div
+      class="Flex-module_flex common-module_content"
+      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;"
+    >
+      <div
+        class="Flex-module_flex CallIcon-module_container"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <svg
+          class="CallIcon-module_icon"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          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
+        class="Flex-module_flex common-module_content"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 6px; --mx-flex-wrap: nowrap;"
+      >
+        <span
+          aria-label="@bob:m.org"
+          class="_avatar_va14e_8 common-module_avatar"
+          data-color="1"
+          data-type="round"
+          role="img"
+          style="--cpd-avatar-size: 20px;"
+        >
+          <img
+            alt=""
+            class="_image_va14e_43"
+            data-type="round"
+            height="20px"
+            loading="lazy"
+            referrerpolicy="no-referrer"
+            src="/static/profile-pics/profile1.png"
+            width="20px"
+          />
+        </span>
+        <div
+          class="common-module_title"
+        >
+          Bob started a call
+        </div>
+      </div>
+      <div
+        class="Flex-module_flex"
+        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: wrap-reverse;"
+      >
+        <div
+          class="DurationView-module_container duration"
+        >
+          (
+          <time
+            class="mx_Clock DurationView-module_container duration"
+            datetime="PT1M40S"
+          >
+            1:40
+          </time>
+          )
+        </div>
+        <button
+          aria-disabled="false"
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="primary"
+          data-size="md"
+          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="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>
+          Join
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`DmOngoingCallTileView > renders the tile > IncomingVoiceCall 1`] = `
+<div>
+  <div
+    class="Flex-module_flex TileContainer-module_container"
+    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;"
+  >
+    <div
+      class="Flex-module_flex common-module_content"
+      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;"
+    >
+      <div
+        class="Flex-module_flex CallIcon-module_container"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <svg
+          class="CallIcon-module_icon"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          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
+        class="Flex-module_flex common-module_content"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 6px; --mx-flex-wrap: nowrap;"
+      >
+        <span
+          aria-label="@bob:m.org"
+          class="_avatar_va14e_8 common-module_avatar"
+          data-color="1"
+          data-type="round"
+          role="img"
+          style="--cpd-avatar-size: 20px;"
+        >
+          <img
+            alt=""
+            class="_image_va14e_43"
+            data-type="round"
+            height="20px"
+            loading="lazy"
+            referrerpolicy="no-referrer"
+            src="/static/profile-pics/profile1.png"
+            width="20px"
+          />
+        </span>
+        <div
+          class="common-module_title"
+        >
+          Bob started a call
+        </div>
+      </div>
+      <div
+        class="Flex-module_flex"
+        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: wrap-reverse;"
+      >
+        <div
+          class="DurationView-module_container duration"
+        >
+          (
+          <time
+            class="mx_Clock DurationView-module_container duration"
+            datetime="PT1M40S"
+          >
+            1:40
+          </time>
+          )
+        </div>
+        <button
+          aria-disabled="false"
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="primary"
+          data-size="md"
+          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="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>
+          Join
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`DmOngoingCallTileView > renders the tile > OutgoingVideoCall 1`] = `
+<div>
+  <div
+    class="Flex-module_flex TileContainer-module_container"
+    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;"
+  >
+    <div
+      class="Flex-module_flex common-module_content"
+      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;"
+    >
+      <div
+        class="Flex-module_flex CallIcon-module_container"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <svg
+          class="CallIcon-module_icon"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          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
+        class="Flex-module_flex common-module_content"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 6px; --mx-flex-wrap: nowrap;"
+      >
+        <span
+          aria-label="@bob:m.org"
+          class="_avatar_va14e_8 common-module_avatar"
+          data-color="1"
+          data-type="round"
+          role="img"
+          style="--cpd-avatar-size: 20px;"
+        >
+          <img
+            alt=""
+            class="_image_va14e_43"
+            data-type="round"
+            height="20px"
+            loading="lazy"
+            referrerpolicy="no-referrer"
+            src="/static/profile-pics/profile1.png"
+            width="20px"
+          />
+        </span>
+        <div
+          class="common-module_title"
+        >
+          Call started
+        </div>
+      </div>
+      <div
+        class="Flex-module_flex"
+        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: wrap-reverse;"
+      >
+        <div
+          class="DurationView-module_container duration"
+        >
+          (
+          <time
+            class="mx_Clock DurationView-module_container duration"
+            datetime="PT1M40S"
+          >
+            1:40
+          </time>
+          )
+        </div>
+        <button
+          aria-disabled="false"
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="primary"
+          data-size="md"
+          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="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>
+          Join
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`DmOngoingCallTileView > renders the tile > OutgoingVoiceCall 1`] = `
+<div>
+  <div
+    class="Flex-module_flex TileContainer-module_container"
+    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;"
+  >
+    <div
+      class="Flex-module_flex common-module_content"
+      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;"
+    >
+      <div
+        class="Flex-module_flex CallIcon-module_container"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <svg
+          class="CallIcon-module_icon"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          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
+        class="Flex-module_flex common-module_content"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 6px; --mx-flex-wrap: nowrap;"
+      >
+        <span
+          aria-label="@bob:m.org"
+          class="_avatar_va14e_8 common-module_avatar"
+          data-color="1"
+          data-type="round"
+          role="img"
+          style="--cpd-avatar-size: 20px;"
+        >
+          <img
+            alt=""
+            class="_image_va14e_43"
+            data-type="round"
+            height="20px"
+            loading="lazy"
+            referrerpolicy="no-referrer"
+            src="/static/profile-pics/profile1.png"
+            width="20px"
+          />
+        </span>
+        <div
+          class="common-module_title"
+        >
+          Call started
+        </div>
+      </div>
+      <div
+        class="Flex-module_flex"
+        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: wrap-reverse;"
+      >
+        <div
+          class="DurationView-module_container duration"
+        >
+          (
+          <time
+            class="mx_Clock DurationView-module_container duration"
+            datetime="PT1M40S"
+          >
+            1:40
+          </time>
+          )
+        </div>
+        <button
+          aria-disabled="false"
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="primary"
+          data-size="md"
+          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="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>
+          Join
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`DmOngoingCallTileView > renders the tile > VideoCallInProgress 1`] = `
+<div>
+  <div
+    class="Flex-module_flex TileContainer-module_container"
+    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;"
+  >
+    <div
+      class="Flex-module_flex common-module_content"
+      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;"
+    >
+      <div
+        class="Flex-module_flex CallIcon-module_container"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <svg
+          class="CallIcon-module_icon"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          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
+        class="Flex-module_flex common-module_content"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 6px; --mx-flex-wrap: nowrap;"
+      >
+        <div
+          class="_stacked-avatars_va14e_109 common-module_facepile"
+        >
+          <span
+            aria-label="@bob:m.org"
+            class="_avatar_va14e_8"
+            data-color="1"
+            data-type="round"
+            role="img"
+            style="--cpd-avatar-size: 20px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="20px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="/static/profile-pics/profile1.png"
+              width="20px"
+            />
+          </span>
+          <span
+            aria-label="@riley:m.org"
+            class="_avatar_va14e_8"
+            data-color="3"
+            data-type="round"
+            role="img"
+            style="--cpd-avatar-size: 20px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="20px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="/static/profile-pics/profile2.png"
+              width="20px"
+            />
+          </span>
+        </div>
+        <div
+          class="common-module_title"
+        >
+          Call in progress
+        </div>
+      </div>
+      <div
+        class="Flex-module_flex"
+        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: wrap-reverse;"
+      >
+        <div
+          class="DurationView-module_container duration"
+        >
+          (
+          <time
+            class="mx_Clock DurationView-module_container duration"
+            datetime="PT1M40S"
+          >
+            1:40
+          </time>
+          )
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`DmOngoingCallTileView > renders the tile > VoiceCallInProgress 1`] = `
+<div>
+  <div
+    class="Flex-module_flex TileContainer-module_container"
+    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;"
+  >
+    <div
+      class="Flex-module_flex common-module_content"
+      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;"
+    >
+      <div
+        class="Flex-module_flex CallIcon-module_container"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <svg
+          class="CallIcon-module_icon"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          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
+        class="Flex-module_flex common-module_content"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 6px; --mx-flex-wrap: nowrap;"
+      >
+        <div
+          class="_stacked-avatars_va14e_109 common-module_facepile"
+        >
+          <span
+            aria-label="@bob:m.org"
+            class="_avatar_va14e_8"
+            data-color="1"
+            data-type="round"
+            role="img"
+            style="--cpd-avatar-size: 20px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="20px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="/static/profile-pics/profile1.png"
+              width="20px"
+            />
+          </span>
+          <span
+            aria-label="@riley:m.org"
+            class="_avatar_va14e_8"
+            data-color="3"
+            data-type="round"
+            role="img"
+            style="--cpd-avatar-size: 20px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="20px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="/static/profile-pics/profile2.png"
+              width="20px"
+            />
+          </span>
+        </div>
+        <div
+          class="common-module_title"
+        >
+          Call in progress
+        </div>
+      </div>
+      <div
+        class="Flex-module_flex"
+        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: wrap-reverse;"
+      >
+        <div
+          class="DurationView-module_container duration"
+        >
+          (
+          <time
+            class="mx_Clock DurationView-module_container duration"
+            datetime="PT1M40S"
+          >
+            1:40
+          </time>
+          )
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.module.css b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.module.css
new file mode 100644
index 00000000000..7c98a0efbbf
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.module.css
@@ -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.
+ */
+
+.subContainer {
+    /* This height is from the figma design */
+    min-height: 23px;
+    width: 100%;
+    font: var(--cpd-font-body-md-regular);
+    color: var(--cpd-color-text-secondary);
+}
+
+.startedTextContainer {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx
new file mode 100644
index 00000000000..83ecbb7ef5f
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.stories.tsx
@@ -0,0 +1,97 @@
+/*
+ * 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 { type RoomOngoingCallTileViewSnapshot, RoomOngoingCallTileView } from "./RoomOngoingCallTileView";
+import { MockViewModel, useMockedViewModel } from "../../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../../.storybook/withViewDocs";
+import { type CommonOngoingCallTileViewAction } from "../common";
+import { CallDirection } from "../../common";
+import profileLink1 from "../../../../../../../static/profile-pics/profile1.png";
+import profileLink2 from "../../../../../../../static/profile-pics/profile2.png";
+import profileLink3 from "../../../../../../../static/profile-pics/profile3.png";
+import { MockFacePileViewModel, MockMemberAvatarViewModel } from "../call-mocks";
+
+const RoomOngoingCallTileViewWrapperImpl = ({
+    join,
+    ...rest
+}: RoomOngoingCallTileViewSnapshot & CommonOngoingCallTileViewAction): React.ReactNode => {
+    const vm = useMockedViewModel(rest, { join });
+    return <RoomOngoingCallTileView vm={vm} />;
+};
+
+const RoomOngoingCallTileViewWrapper = withViewDocs(RoomOngoingCallTileViewWrapperImpl, RoomOngoingCallTileView);
+
+const meta = {
+    title: "Timeline/Timeline Event/Call/Ongoing/RoomOngoingCallTileView",
+    component: RoomOngoingCallTileViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        callDirection: {
+            options: [CallDirection.Incoming, CallDirection.Outgoing],
+            control: { type: "radio" },
+        },
+        isCallIgnored: {
+            control: { type: "boolean" },
+        },
+    },
+    args: {
+        callDirection: CallDirection.Incoming,
+        startedByDisplayName: "Bob",
+        durationViewModel: new MockViewModel({ duration: 100 }),
+        isCallIgnored: false,
+        totalParticipants: 8,
+        callHasOtherParticipants: true,
+        isJoinable: true,
+        isJoined: false,
+        join: () => {},
+        memberAvatarViewModel: new MockMemberAvatarViewModel({ id: "@bob:m.org", name: "Bob", url: profileLink1 }),
+        facePileViewModel: new MockFacePileViewModel([
+            { id: "@bob:m.org", name: "Bob", url: profileLink1 },
+            { id: "@riley:m.org", name: "Riley", url: profileLink2 },
+            { id: "@andi:m.org", name: "Andi", url: profileLink3 },
+            { id: "@foo1:m.org", name: "Foo 1" },
+            { id: "@foo2:m.org", name: "Foo 2" },
+            { id: "@foo3:m.org", name: "Foo 3" },
+            { id: "@foo4:m.org", name: "Foo 4" },
+            { id: "@foo5:m.org", name: "Foo 5" },
+        ]),
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=11217-3901&t=OvT1LOc5wH4kXt0a-4",
+        },
+    },
+} satisfies Meta<typeof RoomOngoingCallTileViewWrapper>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const RoomCallWithoutOtherParticipants: Story = {
+    args: {
+        callHasOtherParticipants: false,
+        totalParticipants: 1,
+    },
+};
+
+export const RoomCallIgnored: Story = {
+    args: {
+        isCallIgnored: true,
+    },
+};
+
+export const RoomCallJoined: Story = {
+    args: {
+        isJoined: true,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.test.tsx
new file mode 100644
index 00000000000..9359c4c0bc9
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.test.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 { composeStories } from "@storybook/react-vite";
+import { describe, expect, it } from "vitest";
+import React from "react";
+import { render } from "@test-utils";
+
+import * as Stories from "./RoomOngoingCallTileView.stories";
+
+const { RoomCallIgnored, RoomCallJoined, RoomCallWithoutOtherParticipants } = composeStories(Stories);
+
+describe("RoomOngoingCallTileView", () => {
+    describe("renders the tile", () => {
+        it("RoomCallIgnored", () => {
+            const { container } = render(<RoomCallIgnored />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("RoomCallJoined", () => {
+            const { container } = render(<RoomCallJoined />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("RoomCallWithoutOtherParticipants", () => {
+            const { container } = render(<RoomCallWithoutOtherParticipants />);
+            expect(container).toMatchSnapshot();
+        });
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.tsx b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.tsx
new file mode 100644
index 00000000000..4f7ea61d719
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/RoomOngoingCallTileView.tsx
@@ -0,0 +1,108 @@
+/*
+ * 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 { useViewModel, type ViewModel } from "../../../../../../core/viewmodel";
+import { TileContainer } from "../components/TileContainer/TileContainer";
+import { CallIcon } from "../components/CallIcon/CallIcon";
+import { CallType } from "../../common";
+import { Flex } from "../../../../../../core/utils/Flex";
+import commonStyles from "../common.module.css";
+import styles from "./RoomOngoingCallTileView.module.css";
+import { JoinButton } from "../components/JoinButton/JoinButton";
+import { DurationView } from "../components/Duration/DurationView";
+import { MemberAvatarView } from "../../../../../../core/MemberAvatar/MemberAvatarView";
+import { FacePileView } from "../../../../../../core/FacePile/FacePileView";
+import type { CommonOngoingCallTileViewAction, CommonOngoingCallTileViewSnapshot } from "../common";
+import { useI18n } from "../../../../../../core/i18n/i18nContext";
+
+export interface RoomOngoingCallTileViewSnapshot extends CommonOngoingCallTileViewSnapshot {
+    /**
+     * The total number of participants in this call.
+     */
+    totalParticipants: number;
+
+    /**
+     * Whether the user ignored this call.
+     */
+    isCallIgnored?: boolean;
+}
+
+export type RoomCallStartedTileViewModel = ViewModel<RoomOngoingCallTileViewSnapshot> & CommonOngoingCallTileViewAction;
+
+interface Props {
+    vm: RoomCallStartedTileViewModel;
+}
+
+/**
+ * View that renders the tile content for an ongoing call in a room.
+ */
+export function RoomOngoingCallTileView(props: Props): React.ReactNode {
+    const snapshot = useViewModel(props.vm);
+    const { isJoinable, isJoined, isCallIgnored, callHasOtherParticipants, durationViewModel } = snapshot;
+    const { translate: _t } = useI18n();
+    return (
+        <TileContainer>
+            <Flex align="center" gap="var(--cpd-space-3x)" className={commonStyles.content}>
+                <CallIcon callType={CallType.Video} />
+                <Flex direction="column" className={commonStyles.content}>
+                    <div className={commonStyles.title}>{_t("timeline|call_tile|ongoing|room|title")}</div>
+
+                    {callHasOtherParticipants || isCallIgnored ? (
+                        <CallJoinedOrIgnoredContent snapshot={snapshot} />
+                    ) : (
+                        <CallStartedContent snapshot={snapshot} />
+                    )}
+                </Flex>
+                <Flex align="center" gap="var(--cpd-space-3x)" wrap="wrap-reverse">
+                    {durationViewModel && <DurationView classNames="duration" vm={durationViewModel} />}
+                    {!isJoined && (
+                        <JoinButton
+                            callType={CallType.Video}
+                            disabled={!isJoinable}
+                            join={(event) => {
+                                props.vm.join(event);
+                            }}
+                        />
+                    )}
+                </Flex>
+            </Flex>
+        </TileContainer>
+    );
+}
+
+/**
+ * This is the content of the tile when the call has participants other than who started the call or
+ * the call was ignored (by clicking decline button on the toast).
+ */
+function CallJoinedOrIgnoredContent({ snapshot }: { snapshot: RoomOngoingCallTileViewSnapshot }): React.ReactNode {
+    const { facePileViewModel, totalParticipants: count } = snapshot;
+    const { translate: _t } = useI18n();
+    return (
+        <Flex className={styles.subContainer} gap="6px" align="center">
+            <FacePileView classNames={commonStyles.facepile} vm={facePileViewModel} />
+            {_t("timeline|call_tile|ongoing|room|join_count", { count })}
+        </Flex>
+    );
+}
+
+/**
+ * This is the content of the tile when the call has just started.
+ */
+function CallStartedContent({ snapshot }: { snapshot: RoomOngoingCallTileViewSnapshot }): React.ReactNode {
+    const { memberAvatarViewModel, startedByDisplayName } = snapshot;
+    const { translate: _t } = useI18n();
+    return (
+        <Flex className={styles.subContainer} gap="6px" align="center">
+            <MemberAvatarView classNames={commonStyles.avatar} vm={memberAvatarViewModel} />
+            <div className={styles.startedTextContainer}>
+                {_t("timeline|call_tile|ongoing|common|call_started_by", { startedByDisplayName })}
+            </div>
+        </Flex>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/__snapshots__/RoomOngoingCallTileView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/__snapshots__/RoomOngoingCallTileView.test.tsx.snap
new file mode 100644
index 00000000000..e0ac849d585
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/ongoing/room/__snapshots__/RoomOngoingCallTileView.test.tsx.snap
@@ -0,0 +1,385 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`RoomOngoingCallTileView > renders the tile > RoomCallIgnored 1`] = `
+<div>
+  <div
+    class="Flex-module_flex TileContainer-module_container"
+    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;"
+  >
+    <div
+      class="Flex-module_flex common-module_content"
+      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;"
+    >
+      <div
+        class="Flex-module_flex CallIcon-module_container"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <svg
+          class="CallIcon-module_icon"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          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
+        class="Flex-module_flex common-module_content"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <div
+          class="common-module_title"
+        >
+          Group call in progress
+        </div>
+        <div
+          class="Flex-module_flex RoomOngoingCallTileView-module_subContainer"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 6px; --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="_stacked-avatars_va14e_109 common-module_facepile"
+          >
+            <span
+              aria-label="@bob:m.org"
+              class="_avatar_va14e_8"
+              data-color="1"
+              data-type="round"
+              role="img"
+              style="--cpd-avatar-size: 20px;"
+            >
+              <img
+                alt=""
+                class="_image_va14e_43"
+                data-type="round"
+                height="20px"
+                loading="lazy"
+                referrerpolicy="no-referrer"
+                src="/static/profile-pics/profile1.png"
+                width="20px"
+              />
+            </span>
+            <span
+              aria-label="@riley:m.org"
+              class="_avatar_va14e_8"
+              data-color="3"
+              data-type="round"
+              role="img"
+              style="--cpd-avatar-size: 20px;"
+            >
+              <img
+                alt=""
+                class="_image_va14e_43"
+                data-type="round"
+                height="20px"
+                loading="lazy"
+                referrerpolicy="no-referrer"
+                src="/static/profile-pics/profile2.png"
+                width="20px"
+              />
+            </span>
+            <span
+              aria-label="@andi:m.org"
+              class="_avatar_va14e_8"
+              data-color="4"
+              data-type="round"
+              role="img"
+              style="--cpd-avatar-size: 20px;"
+            >
+              <img
+                alt=""
+                class="_image_va14e_43"
+                data-type="round"
+                height="20px"
+                loading="lazy"
+                referrerpolicy="no-referrer"
+                src="/static/profile-pics/profile3.png"
+                width="20px"
+              />
+            </span>
+          </div>
+          8 joined
+        </div>
+      </div>
+      <div
+        class="Flex-module_flex"
+        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: wrap-reverse;"
+      >
+        <div
+          class="DurationView-module_container duration"
+        >
+          (
+          <time
+            class="mx_Clock DurationView-module_container duration"
+            datetime="PT1M40S"
+          >
+            1:40
+          </time>
+          )
+        </div>
+        <button
+          aria-disabled="false"
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="primary"
+          data-size="md"
+          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="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>
+          Join
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`RoomOngoingCallTileView > renders the tile > RoomCallJoined 1`] = `
+<div>
+  <div
+    class="Flex-module_flex TileContainer-module_container"
+    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;"
+  >
+    <div
+      class="Flex-module_flex common-module_content"
+      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;"
+    >
+      <div
+        class="Flex-module_flex CallIcon-module_container"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <svg
+          class="CallIcon-module_icon"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          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
+        class="Flex-module_flex common-module_content"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <div
+          class="common-module_title"
+        >
+          Group call in progress
+        </div>
+        <div
+          class="Flex-module_flex RoomOngoingCallTileView-module_subContainer"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 6px; --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="_stacked-avatars_va14e_109 common-module_facepile"
+          >
+            <span
+              aria-label="@bob:m.org"
+              class="_avatar_va14e_8"
+              data-color="1"
+              data-type="round"
+              role="img"
+              style="--cpd-avatar-size: 20px;"
+            >
+              <img
+                alt=""
+                class="_image_va14e_43"
+                data-type="round"
+                height="20px"
+                loading="lazy"
+                referrerpolicy="no-referrer"
+                src="/static/profile-pics/profile1.png"
+                width="20px"
+              />
+            </span>
+            <span
+              aria-label="@riley:m.org"
+              class="_avatar_va14e_8"
+              data-color="3"
+              data-type="round"
+              role="img"
+              style="--cpd-avatar-size: 20px;"
+            >
+              <img
+                alt=""
+                class="_image_va14e_43"
+                data-type="round"
+                height="20px"
+                loading="lazy"
+                referrerpolicy="no-referrer"
+                src="/static/profile-pics/profile2.png"
+                width="20px"
+              />
+            </span>
+            <span
+              aria-label="@andi:m.org"
+              class="_avatar_va14e_8"
+              data-color="4"
+              data-type="round"
+              role="img"
+              style="--cpd-avatar-size: 20px;"
+            >
+              <img
+                alt=""
+                class="_image_va14e_43"
+                data-type="round"
+                height="20px"
+                loading="lazy"
+                referrerpolicy="no-referrer"
+                src="/static/profile-pics/profile3.png"
+                width="20px"
+              />
+            </span>
+          </div>
+          8 joined
+        </div>
+      </div>
+      <div
+        class="Flex-module_flex"
+        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: wrap-reverse;"
+      >
+        <div
+          class="DurationView-module_container duration"
+        >
+          (
+          <time
+            class="mx_Clock DurationView-module_container duration"
+            datetime="PT1M40S"
+          >
+            1:40
+          </time>
+          )
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`RoomOngoingCallTileView > renders the tile > RoomCallWithoutOtherParticipants 1`] = `
+<div>
+  <div
+    class="Flex-module_flex TileContainer-module_container"
+    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;"
+  >
+    <div
+      class="Flex-module_flex common-module_content"
+      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;"
+    >
+      <div
+        class="Flex-module_flex CallIcon-module_container"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <svg
+          class="CallIcon-module_icon"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          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
+        class="Flex-module_flex common-module_content"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+      >
+        <div
+          class="common-module_title"
+        >
+          Group call in progress
+        </div>
+        <div
+          class="Flex-module_flex RoomOngoingCallTileView-module_subContainer"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 6px; --mx-flex-wrap: nowrap;"
+        >
+          <span
+            aria-label="@bob:m.org"
+            class="_avatar_va14e_8 common-module_avatar"
+            data-color="1"
+            data-type="round"
+            role="img"
+            style="--cpd-avatar-size: 20px;"
+          >
+            <img
+              alt=""
+              class="_image_va14e_43"
+              data-type="round"
+              height="20px"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+              src="/static/profile-pics/profile1.png"
+              width="20px"
+            />
+          </span>
+          <div
+            class="RoomOngoingCallTileView-module_startedTextContainer"
+          >
+            Bob started a call
+          </div>
+        </div>
+      </div>
+      <div
+        class="Flex-module_flex"
+        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: wrap-reverse;"
+      >
+        <div
+          class="DurationView-module_container duration"
+        >
+          (
+          <time
+            class="mx_Clock DurationView-module_container duration"
+            datetime="PT1M40S"
+          >
+            1:40
+          </time>
+          )
+        </div>
+        <button
+          aria-disabled="false"
+          class="_button_1nw83_8 _has-icon_1nw83_60"
+          data-kind="primary"
+          data-size="md"
+          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="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>
+          Join
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/tombstone/common.module.css b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/common.module.css
new file mode 100644
index 00000000000..800ca5adc4a
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/common.module.css
@@ -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.
+ */
+
+.container {
+    /* This is the height of the tile as per design */
+    min-height: 39px;
+    width: 100%;
+    border: 1px solid var(--cpd-color-border-interactive-secondary);
+    border-radius: var(--cpd-space-2x);
+    padding: var(--cpd-space-2x) var(--cpd-space-3x);
+    box-sizing: border-box;
+    /* All call tiles have a 10px margin at the top and bottom */
+    margin: 10px 0;
+}
+
+.title {
+    font: var(--cpd-font-body-md-semibold);
+    flex: 1;
+}
+
+.time {
+    font: var(--cpd-font-body-xs-regular);
+    color: var(--cpd-color-text-secondary);
+}
+
+.icon {
+    color: var(--cpd-color-icon-secondary);
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx
new file mode 100644
index 00000000000..06c691503b2
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.stories.tsx
@@ -0,0 +1,102 @@
+/*
+ * 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 { DmTombstoneCallTileView, type DmTombstoneCallTileViewSnapshot } from "./DmTombstoneCallTileView";
+import { useMockedViewModel } from "../../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../../.storybook/withViewDocs";
+import { CallDirection, CallType } from "../../common";
+
+const RoomTombstoneCallTileViewWrapperImpl = (snapshot: DmTombstoneCallTileViewSnapshot): React.ReactNode => {
+    const vm = useMockedViewModel(snapshot, {});
+    return <DmTombstoneCallTileView vm={vm} />;
+};
+
+const RoomTombstoneCallTileViewWrapper = withViewDocs(RoomTombstoneCallTileViewWrapperImpl, DmTombstoneCallTileView);
+
+const meta = {
+    title: "Timeline/Timeline Event/Call/Tombstone/DmTombstoneCallTileView",
+    component: RoomTombstoneCallTileViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        timestamp: {
+            control: { type: "text" },
+        },
+        callDirection: {
+            options: [CallDirection.Incoming, CallDirection.Outgoing],
+            control: { type: "radio" },
+        },
+
+        type: {
+            options: [CallType.Voice, CallType.Video],
+            control: { type: "radio" },
+        },
+    },
+    args: {
+        timestamp: "12:36",
+        callDirection: CallDirection.Incoming,
+        isCallDeclined: false,
+        type: CallType.Voice,
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=11217-3905&t=iEfhUcFrV01fQeyQ-4",
+        },
+    },
+} satisfies Meta<typeof RoomTombstoneCallTileViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const VoiceEnded: Story = {
+    args: {
+        type: CallType.Voice,
+    },
+};
+
+export const VideoEnded: Story = {
+    args: {
+        type: CallType.Video,
+    },
+};
+
+export const IncomingVoiceDeclined: Story = {
+    args: {
+        type: CallType.Voice,
+        callDirection: CallDirection.Incoming,
+        isCallDeclined: true,
+    },
+};
+
+export const IncomingVideoDeclined: Story = {
+    args: {
+        type: CallType.Video,
+        callDirection: CallDirection.Incoming,
+        isCallDeclined: true,
+    },
+};
+
+export const OutgoingVoiceDeclined: Story = {
+    args: {
+        type: CallType.Voice,
+        callDirection: CallDirection.Outgoing,
+        isCallDeclined: true,
+    },
+};
+
+export const OutgoingVideoDeclined: Story = {
+    args: {
+        type: CallType.Video,
+        callDirection: CallDirection.Outgoing,
+        isCallDeclined: true,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.test.tsx
new file mode 100644
index 00000000000..083b0223545
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.test.tsx
@@ -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 { composeStories } from "@storybook/react-vite";
+import { describe, expect, it } from "vitest";
+import React from "react";
+import { render } from "@test-utils";
+
+import * as Stories from "./DmTombstoneCallTileView.stories";
+
+const { IncomingVideoDeclined, OutgoingVideoDeclined, VideoEnded, VoiceEnded } = composeStories(Stories);
+
+describe("DmTombstoneCallTileView", () => {
+    describe("renders the tile", () => {
+        it("IncomingVideoDeclined", () => {
+            const { container } = render(<IncomingVideoDeclined />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("OutgoingVideoDeclined", () => {
+            const { container } = render(<OutgoingVideoDeclined />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("VideoEnded", () => {
+            const { container } = render(<VideoEnded />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("VoiceEnded", () => {
+            const { container } = render(<VoiceEnded />);
+            expect(container).toMatchSnapshot();
+        });
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.tsx b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.tsx
new file mode 100644
index 00000000000..0ee38f97d99
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/dm/DmTombstoneCallTileView.tsx
@@ -0,0 +1,96 @@
+/*
+ * 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 {
+    VideoCallSolidIcon,
+    VideoCallDeclinedSolidIcon,
+    VoiceCallDeclinedSolidIcon,
+    VoiceCallSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+import classnames from "classnames";
+
+import { useViewModel, type ViewModel } from "../../../../../../core/viewmodel";
+import { Flex } from "../../../../../../core/utils/Flex";
+import styles from "../common.module.css";
+import { useI18n } from "../../../../../../core/i18n/i18nContext";
+import { CallDirection, CallType } from "../../common";
+import { type RoomTombstoneCallTileViewSnapshot } from "../room/RoomTombstoneCallTileView";
+
+export interface DmTombstoneCallTileViewSnapshot extends RoomTombstoneCallTileViewSnapshot {
+    /**
+     * What type of call this tile needs to render for.
+     */
+    type: CallType;
+
+    /**
+     * Whether this is an incoming or outgoing call.
+     */
+    callDirection: CallDirection;
+
+    /**
+     * Whether this call was declined.
+     */
+    isCallDeclined: boolean;
+}
+
+export type DmTombstoneCallTileViewModel = ViewModel<DmTombstoneCallTileViewSnapshot>;
+
+export interface DmTombstoneCallTileViewProps {
+    vm: DmTombstoneCallTileViewModel;
+
+    /**
+     * Additional class names for this component.
+     */
+    className?: string;
+}
+
+function getIcon(type: CallType, isCallDeclined: boolean): React.ReactNode {
+    const VideoIcon = isCallDeclined ? VideoCallDeclinedSolidIcon : VideoCallSolidIcon;
+    const VoiceIcon = isCallDeclined ? VoiceCallDeclinedSolidIcon : VoiceCallSolidIcon;
+    switch (type) {
+        case CallType.Video:
+            return <VideoIcon className={styles.icon} width={20} height={20} />;
+        case CallType.Voice:
+            return <VoiceIcon className={styles.icon} width={20} height={20} />;
+    }
+}
+
+/**
+ * Renders the tombstone content for a tile in a DM.
+ */
+export function DmTombstoneCallTileView({ vm, className }: DmTombstoneCallTileViewProps): React.ReactNode {
+    const snapshot = useViewModel(vm);
+    const { type, timestamp, isCallDeclined } = snapshot;
+    const classNames = classnames(className, styles.container);
+    return (
+        <Flex className={classNames} align="center" gap="var(--cpd-space-2x)">
+            {getIcon(type, isCallDeclined)}
+            <div className={styles.title}>
+                {isCallDeclined ? <DeclinedContent snapshot={snapshot} /> : <NormalContent snapshot={snapshot} />}
+            </div>
+
+            <div className={styles.time}>{timestamp}</div>
+        </Flex>
+    );
+}
+
+function NormalContent(props: { snapshot: DmTombstoneCallTileViewSnapshot }): React.ReactNode {
+    const { type } = props.snapshot;
+    const { translate: _t } = useI18n();
+    return type === CallType.Voice
+        ? _t("timeline|call_tile|voice_call_title")
+        : _t("timeline|call_tile|video_call_title");
+}
+
+function DeclinedContent(props: { snapshot: DmTombstoneCallTileViewSnapshot }): React.ReactNode {
+    const { callDirection } = props.snapshot;
+    const { translate: _t } = useI18n();
+    return callDirection === CallDirection.Incoming
+        ? _t("timeline|call_tile|declined|call_declined_by_us")
+        : _t("timeline|call_tile|declined|call_declined");
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/tombstone/dm/__snapshots__/DmTombstoneCallTileView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/dm/__snapshots__/DmTombstoneCallTileView.test.tsx.snap
new file mode 100644
index 00000000000..f69892bb483
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/dm/__snapshots__/DmTombstoneCallTileView.test.tsx.snap
@@ -0,0 +1,129 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`DmTombstoneCallTileView > renders the tile > IncomingVideoDeclined 1`] = `
+<div>
+  <div
+    class="Flex-module_flex common-module_container"
+    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;"
+  >
+    <svg
+      class="common-module_icon"
+      fill="currentColor"
+      height="20"
+      viewBox="0 0 24 24"
+      width="20"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M2 8a4 4 0 0 1 4-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-4zm10.828 6.828q.3-.3.3-.707 0-.405-.3-.707L11.414 12l1.414-1.414q.3-.3.3-.707t-.3-.707-.707-.301q-.405 0-.707.3L10 10.587 8.586 9.172q-.3-.3-.707-.301-.407 0-.707.3t-.3.708q0 .405.3.707L8.586 12l-1.414 1.414q-.3.3-.3.707t.3.707.707.3q.405 0 .707-.3L10 13.414l1.414 1.414q.3.3.707.3t.707-.3"
+      />
+    </svg>
+    <div
+      class="common-module_title"
+    >
+      You declined a call
+    </div>
+    <div
+      class="common-module_time"
+    >
+      12:36
+    </div>
+  </div>
+</div>
+`;
+
+exports[`DmTombstoneCallTileView > renders the tile > OutgoingVideoDeclined 1`] = `
+<div>
+  <div
+    class="Flex-module_flex common-module_container"
+    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;"
+  >
+    <svg
+      class="common-module_icon"
+      fill="currentColor"
+      height="20"
+      viewBox="0 0 24 24"
+      width="20"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M2 8a4 4 0 0 1 4-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-4zm10.828 6.828q.3-.3.3-.707 0-.405-.3-.707L11.414 12l1.414-1.414q.3-.3.3-.707t-.3-.707-.707-.301q-.405 0-.707.3L10 10.587 8.586 9.172q-.3-.3-.707-.301-.407 0-.707.3t-.3.708q0 .405.3.707L8.586 12l-1.414 1.414q-.3.3-.3.707t.3.707.707.3q.405 0 .707-.3L10 13.414l1.414 1.414q.3.3.707.3t.707-.3"
+      />
+    </svg>
+    <div
+      class="common-module_title"
+    >
+      Call declined
+    </div>
+    <div
+      class="common-module_time"
+    >
+      12:36
+    </div>
+  </div>
+</div>
+`;
+
+exports[`DmTombstoneCallTileView > renders the tile > VideoEnded 1`] = `
+<div>
+  <div
+    class="Flex-module_flex common-module_container"
+    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;"
+  >
+    <svg
+      class="common-module_icon"
+      fill="currentColor"
+      height="20"
+      viewBox="0 0 24 24"
+      width="20"
+      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="common-module_title"
+    >
+      Video call
+    </div>
+    <div
+      class="common-module_time"
+    >
+      12:36
+    </div>
+  </div>
+</div>
+`;
+
+exports[`DmTombstoneCallTileView > renders the tile > VoiceEnded 1`] = `
+<div>
+  <div
+    class="Flex-module_flex common-module_container"
+    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;"
+  >
+    <svg
+      class="common-module_icon"
+      fill="currentColor"
+      height="20"
+      viewBox="0 0 24 24"
+      width="20"
+      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
+      class="common-module_title"
+    >
+      Voice call
+    </div>
+    <div
+      class="common-module_time"
+    >
+      12:36
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/tombstone/room/RoomTombstoneCallTileView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/room/RoomTombstoneCallTileView.stories.tsx
new file mode 100644
index 00000000000..94807886f86
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/room/RoomTombstoneCallTileView.stories.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 from "react";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { RoomTombstoneCallTileView, type RoomTombstoneCallTileViewSnapshot } from "./RoomTombstoneCallTileView";
+import { useMockedViewModel } from "../../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../../.storybook/withViewDocs";
+
+const RoomTombstoneCallTileViewWrapperImpl = ({ ...rest }: RoomTombstoneCallTileViewSnapshot): React.ReactNode => {
+    const vm = useMockedViewModel(rest, {});
+    return <RoomTombstoneCallTileView vm={vm} />;
+};
+
+const RoomTombstoneCallTileViewWrapper = withViewDocs(RoomTombstoneCallTileViewWrapperImpl, RoomTombstoneCallTileView);
+
+const meta = {
+    title: "Timeline/Timeline Event/Call/Tombstone/RoomTombstoneCallTileView",
+    component: RoomTombstoneCallTileViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        timestamp: {
+            control: { type: "text" },
+        },
+    },
+    args: {
+        timestamp: "12:36",
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=11217-3902&t=oRWAGiwV5pUV4OFF-4",
+        },
+    },
+} satisfies Meta<typeof RoomTombstoneCallTileViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/tombstone/room/RoomTombstoneCallTileView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/room/RoomTombstoneCallTileView.test.tsx
new file mode 100644
index 00000000000..3d3bbfc1cda
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/room/RoomTombstoneCallTileView.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 { composeStories } from "@storybook/react-vite";
+import { describe, expect, it } from "vitest";
+import React from "react";
+import { render } from "@test-utils";
+
+import * as Stories from "./RoomTombstoneCallTileView.stories";
+
+const { Default } = composeStories(Stories);
+
+describe("RoomTombstoneCallTileView", () => {
+    it("renders the tile", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/tombstone/room/RoomTombstoneCallTileView.tsx b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/room/RoomTombstoneCallTileView.tsx
new file mode 100644
index 00000000000..063b5414dc8
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/room/RoomTombstoneCallTileView.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 { VideoCallDeclinedSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import classnames from "classnames";
+
+import { useViewModel, type ViewModel } from "../../../../../../core/viewmodel";
+import { Flex } from "../../../../../../core/utils/Flex";
+import styles from "../common.module.css";
+import { useI18n } from "../../../../../../core/i18n/i18nContext";
+
+export type RoomTombstoneCallTileViewSnapshot = {
+    /**
+     * Time when this call was started.
+     */
+    timestamp: string;
+};
+
+export type RoomTombstoneCallTileViewModel = ViewModel<RoomTombstoneCallTileViewSnapshot>;
+
+export interface CallStartedTileViewProps {
+    vm: RoomTombstoneCallTileViewModel;
+
+    /**
+     * Additional class names for this component.
+     */
+    className?: string;
+}
+
+/**
+ * Renders the tombstone content for a call in a room.
+ */
+export function RoomTombstoneCallTileView({ vm, className }: CallStartedTileViewProps): React.ReactNode {
+    const { translate: _t } = useI18n();
+    const { timestamp } = useViewModel(vm);
+    const classNames = classnames(className, styles.container);
+    return (
+        <Flex className={classNames} align="center" gap="var(--cpd-space-2x)">
+            <VideoCallDeclinedSolidIcon className={styles.icon} width={20} height={20} />
+            <div className={styles.title}>{_t("timeline|call_tile|tombstone|room|title")}</div>
+            <div className={styles.time}>{timestamp}</div>
+        </Flex>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/call/tombstone/room/__snapshots__/RoomTombstoneCallTileView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/room/__snapshots__/RoomTombstoneCallTileView.test.tsx.snap
new file mode 100644
index 00000000000..44e3034915d
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/call/tombstone/room/__snapshots__/RoomTombstoneCallTileView.test.tsx.snap
@@ -0,0 +1,33 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`RoomTombstoneCallTileView > renders the tile 1`] = `
+<div>
+  <div
+    class="Flex-module_flex common-module_container"
+    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;"
+  >
+    <svg
+      class="common-module_icon"
+      fill="currentColor"
+      height="20"
+      viewBox="0 0 24 24"
+      width="20"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M2 8a4 4 0 0 1 4-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-4zm10.828 6.828q.3-.3.3-.707 0-.405-.3-.707L11.414 12l1.414-1.414q.3-.3.3-.707t-.3-.707-.707-.301q-.405 0-.707.3L10 10.587 8.586 9.172q-.3-.3-.707-.301-.407 0-.707.3t-.3.708q0 .405.3.707L8.586 12l-1.414 1.414q-.3.3-.3.707t.3.707.707.3q.405 0 .707-.3L10 13.414l1.414 1.414q.3.3.707.3t.707-.3"
+      />
+    </svg>
+    <div
+      class="common-module_title"
+    >
+      Group call ended
+    </div>
+    <div
+      class="common-module_time"
+    >
+      12:36
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.module.css b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.module.css
new file mode 100644
index 00000000000..5e469b1be5c
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.module.css
@@ -0,0 +1,70 @@
+/*
+ * 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.
+ */
+
+.reactionsRow {
+    color: var(--cpd-color-text-primary);
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--cpd-space-1x);
+}
+
+.showAllButton {
+    all: unset;
+    color: var(--cpd-color-text-secondary);
+    font-size: var(--cpd-font-size-body-xs);
+    line-height: 20px;
+    cursor: pointer;
+}
+
+.showAllButton:hover,
+.showAllButton:focus-visible {
+    color: var(--cpd-color-text-primary);
+}
+
+.addReactionButton {
+    all: unset;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+    padding: var(--cpd-space-1x);
+    margin-inline: var(--cpd-space-1x);
+    border-radius: var(--cpd-space-1x);
+    color: var(--cpd-color-icon-secondary);
+    visibility: hidden;
+    cursor: pointer;
+}
+
+.reactionsRow:hover .addReactionButton {
+    visibility: visible;
+}
+
+.addReactionButtonVisible {
+    visibility: visible;
+}
+
+.addReactionButtonActive {
+    visibility: visible;
+}
+
+.addReactionButtonDisabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+}
+
+.addReactionButton:hover,
+.addReactionButton:focus-visible,
+.addReactionButtonActive {
+    color: var(--cpd-color-icon-primary);
+}
+
+.addReactionButton svg {
+    width: 16px;
+    height: 16px;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx
new file mode 100644
index 00000000000..d2f55d896de
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx
@@ -0,0 +1,128 @@
+/*
+ * 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 { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { ReactionsRowButtonView } from "../ReactionsRowButton";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import { ReactionsRowView, type ReactionsRowViewActions, type ReactionsRowViewSnapshot } from "./ReactionsRowView";
+
+interface MockReactionButtonProps {
+    content: string;
+    count: number;
+    isSelected?: boolean;
+}
+
+const MockReactionButton = ({ content, count, isSelected }: Readonly<MockReactionButtonProps>): JSX.Element => {
+    const tooltipVm = useMockedViewModel(
+        {
+            formattedSenders: "Alice and Bob",
+            caption: undefined,
+            tooltipOpen: false,
+        },
+        {},
+    );
+
+    const vm = useMockedViewModel(
+        {
+            content,
+            count,
+            "isSelected": !!isSelected,
+            "isDisabled": false,
+            tooltipVm,
+            "aria-label": `${count} reactions for ${content}`,
+        },
+        {
+            onClick: fn(),
+        },
+    );
+
+    return <ReactionsRowButtonView vm={vm} />;
+};
+
+const DefaultReactionButtons = (): JSX.Element => (
+    <>
+        <MockReactionButton content="👍" count={4} isSelected />
+        <MockReactionButton content="🎉" count={2} />
+        <MockReactionButton content="👀" count={1} />
+    </>
+);
+
+type WrapperProps = ReactionsRowViewSnapshot & Partial<ReactionsRowViewActions>;
+
+const ReactionsRowViewWrapperImpl = ({
+    onShowAllClick,
+    onAddReactionClick,
+    onAddReactionContextMenu,
+    children,
+    className,
+    ...snapshotProps
+}: WrapperProps & { children?: ReactNode; className?: string }): JSX.Element => {
+    const vm = useMockedViewModel(snapshotProps, {
+        onShowAllClick: onShowAllClick ?? fn(),
+        onAddReactionClick: onAddReactionClick ?? fn(),
+        onAddReactionContextMenu: onAddReactionContextMenu ?? fn(),
+    });
+
+    return (
+        <ReactionsRowView vm={vm} className={className}>
+            {children}
+        </ReactionsRowView>
+    );
+};
+
+const ReactionsRowViewWrapper = withViewDocs(ReactionsRowViewWrapperImpl, ReactionsRowView);
+
+const meta = {
+    title: "Timeline/Timeline Reaction/ReactionsRow",
+    component: ReactionsRowViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        ariaLabel: "Reactions",
+        isVisible: true,
+        children: <DefaultReactionButtons />,
+        showAllButtonVisible: false,
+        showAllButtonLabel: "Show all",
+        showAddReactionButton: true,
+        addReactionButtonLabel: "Add reaction",
+        addReactionButtonVisible: true,
+        addReactionButtonActive: false,
+        addReactionButtonDisabled: false,
+    },
+} satisfies Meta<typeof ReactionsRowViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithShowAllButton: Story = {
+    args: {
+        showAllButtonVisible: true,
+    },
+};
+
+export const AddReactionButtonActive: Story = {
+    args: {
+        addReactionButtonActive: true,
+    },
+};
+
+export const AddReactionButtonHiddenUntilHover: Story = {
+    args: {
+        addReactionButtonVisible: false,
+    },
+};
+
+export const Hidden: Story = {
+    args: {
+        isVisible: false,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.test.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.test.tsx
new file mode 100644
index 00000000000..8332d3268ed
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.test.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 { composeStories } from "@storybook/react-vite";
+import { render, screen } from "@test-utils";
+import React, { type MouseEventHandler } from "react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+
+import { MockViewModel } from "../../../../../core/viewmodel";
+import {
+    ReactionsRowView,
+    type ReactionsRowViewActions,
+    type ReactionsRowViewModel,
+    type ReactionsRowViewSnapshot,
+} from "./ReactionsRowView";
+import * as stories from "./ReactionsRow.stories";
+
+const { Default, WithShowAllButton, Hidden } = composeStories(stories);
+
+describe("ReactionsRowView", () => {
+    it("renders the default reactions row", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the row with a show-all button", () => {
+        const { container } = render(<WithShowAllButton />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("does not render the row when hidden", () => {
+        render(<Hidden />);
+        expect(screen.queryByRole("toolbar")).not.toBeInTheDocument();
+    });
+
+    it("invokes show-all and add-reaction actions", async () => {
+        const user = userEvent.setup();
+
+        const onShowAllClick = vi.fn();
+        const onAddReactionClick = vi.fn();
+        const onAddReactionContextMenu = vi.fn();
+
+        class TestReactionsRowViewModel
+            extends MockViewModel<ReactionsRowViewSnapshot>
+            implements ReactionsRowViewActions
+        {
+            public onShowAllClick?: () => void;
+            public onAddReactionClick?: MouseEventHandler<HTMLButtonElement>;
+            public onAddReactionContextMenu?: MouseEventHandler<HTMLButtonElement>;
+
+            public constructor(snapshot: ReactionsRowViewSnapshot, actions: ReactionsRowViewActions) {
+                super(snapshot);
+                Object.assign(this, actions);
+            }
+        }
+
+        const vm = new TestReactionsRowViewModel(
+            {
+                ariaLabel: "Reactions",
+                isVisible: true,
+                showAllButtonVisible: true,
+                showAllButtonLabel: "Show all",
+                showAddReactionButton: true,
+                addReactionButtonLabel: "Add reaction",
+                addReactionButtonVisible: true,
+            },
+            {
+                onShowAllClick,
+                onAddReactionClick,
+                onAddReactionContextMenu,
+            },
+        ) as ReactionsRowViewModel;
+
+        render(
+            <ReactionsRowView vm={vm}>
+                <span>👍</span>
+            </ReactionsRowView>,
+        );
+
+        await user.click(screen.getByRole("button", { name: "Show all" }));
+        await user.click(screen.getByRole("button", { name: "Add reaction" }));
+        await user.pointer({ target: screen.getByRole("button", { name: "Add reaction" }), keys: "[MouseRight]" });
+
+        expect(onShowAllClick).toHaveBeenCalledTimes(1);
+        expect(onAddReactionClick).toHaveBeenCalledTimes(1);
+        expect(onAddReactionContextMenu).toHaveBeenCalledTimes(1);
+    });
+
+    it("applies custom className to the toolbar container", () => {
+        const vm = new MockViewModel<ReactionsRowViewSnapshot>({
+            ariaLabel: "Reactions",
+            isVisible: true,
+            addReactionButtonLabel: "Add reaction",
+        }) as ReactionsRowViewModel;
+
+        render(<ReactionsRowView vm={vm} className="custom-reactions-row another-class" />);
+
+        expect(screen.getByRole("toolbar", { name: "Reactions" })).toHaveClass("custom-reactions-row", "another-class");
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRowView.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRowView.tsx
new file mode 100644
index 00000000000..6268de30241
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRowView.tsx
@@ -0,0 +1,148 @@
+/*
+ * 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 MouseEventHandler, type PropsWithChildren } from "react";
+import classNames from "classnames";
+import { ReactionAddIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Tooltip } from "@vector-im/compound-web";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import styles from "./ReactionsRow.module.css";
+
+export interface ReactionsRowViewSnapshot {
+    /**
+     * Toolbar label announced by assistive technologies.
+     */
+    ariaLabel: string;
+    /**
+     * Controls whether the row should render at all.
+     */
+    isVisible: boolean;
+    /**
+     * Whether to render the "show all" button.
+     */
+    showAllButtonVisible?: boolean;
+    /**
+     * Label shown for the "show all" button.
+     */
+    showAllButtonLabel?: string;
+    /**
+     * Whether to render the add-reaction button.
+     */
+    showAddReactionButton?: boolean;
+    /**
+     * Accessible label for the add-reaction button.
+     */
+    addReactionButtonLabel: string;
+    /**
+     * Force the add-reaction button to be visible.
+     */
+    addReactionButtonVisible?: boolean;
+    /**
+     * Marks the add-reaction button as active.
+     */
+    addReactionButtonActive?: boolean;
+    /**
+     * Disables the add-reaction button.
+     */
+    addReactionButtonDisabled?: boolean;
+}
+
+export interface ReactionsRowViewActions {
+    /**
+     * Invoked when the user clicks the "show all" button.
+     */
+    onShowAllClick?: () => void;
+    /**
+     * Invoked when the user clicks the add-reaction button.
+     */
+    onAddReactionClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Invoked on right-click/context-menu for the add-reaction button.
+     */
+    onAddReactionContextMenu?: MouseEventHandler<HTMLButtonElement>;
+}
+
+export type ReactionsRowViewModel = ViewModel<ReactionsRowViewSnapshot, ReactionsRowViewActions>;
+
+interface ReactionsRowViewProps {
+    vm: ReactionsRowViewModel;
+    /**
+     * Optional CSS className for the row container.
+     */
+    className?: string;
+    /**
+     * Reaction button elements to render in the row.
+     */
+    children?: PropsWithChildren["children"];
+}
+
+/**
+ * Renders the reactions toolbar for an event tile.
+ *
+ * The row can show individual reaction buttons, an optional "show all"
+ * control, and the add-reaction affordance.
+ */
+export function ReactionsRowView({ vm, className, children }: Readonly<ReactionsRowViewProps>): JSX.Element {
+    const {
+        ariaLabel,
+        isVisible,
+        showAllButtonVisible,
+        showAllButtonLabel,
+        showAddReactionButton,
+        addReactionButtonLabel,
+        addReactionButtonVisible,
+        addReactionButtonActive,
+        addReactionButtonDisabled,
+    } = useViewModel(vm);
+
+    if (!isVisible) {
+        return <></>;
+    }
+
+    const addReactionButtonClasses = classNames(styles.addReactionButton, {
+        [styles.addReactionButtonVisible]: addReactionButtonVisible,
+        [styles.addReactionButtonActive]: addReactionButtonActive,
+        [styles.addReactionButtonDisabled]: addReactionButtonDisabled,
+    });
+
+    const onAddReactionContextMenu: MouseEventHandler<HTMLButtonElement> | undefined = vm.onAddReactionContextMenu
+        ? (event): void => {
+              event.preventDefault();
+              vm.onAddReactionContextMenu?.(event);
+          }
+        : undefined;
+
+    const addReactionButton = (
+        <button
+            type="button"
+            className={addReactionButtonClasses}
+            aria-label={addReactionButtonLabel}
+            disabled={addReactionButtonDisabled}
+            onClick={vm.onAddReactionClick}
+            onContextMenu={onAddReactionContextMenu}
+        >
+            <ReactionAddIcon />
+        </button>
+    );
+
+    return (
+        <div className={classNames(className, styles.reactionsRow)} role="toolbar" aria-label={ariaLabel}>
+            {children}
+            {showAllButtonVisible && (
+                <button type="button" className={styles.showAllButton} onClick={vm.onShowAllClick}>
+                    {showAllButtonLabel}
+                </button>
+            )}
+            {showAddReactionButton && (
+                <Tooltip description={addReactionButtonLabel} placement="right">
+                    {addReactionButton}
+                </Tooltip>
+            )}
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/__snapshots__/ReactionsRow.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/__snapshots__/ReactionsRow.test.tsx.snap
new file mode 100644
index 00000000000..0c9b68fa912
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/__snapshots__/ReactionsRow.test.tsx.snap
@@ -0,0 +1,183 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ReactionsRowView > renders the default reactions row 1`] = `
+<div>
+  <div
+    aria-label="Reactions"
+    class="ReactionsRow-module_reactionsRow"
+    role="toolbar"
+  >
+    <button
+      aria-label="4 reactions for 👍"
+      class="ReactionsRowButton-module_reactionsRowButton ReactionsRowButton-module_reactionsRowButtonSelected"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        aria-hidden="true"
+        class="ReactionsRowButton-module_reactionsRowButtonContent"
+      >
+        👍
+      </span>
+      <span
+        aria-hidden="true"
+        class="ReactionsRowButton-module_reactionsRowButtonCount"
+      >
+        4
+      </span>
+    </button>
+    <button
+      aria-label="2 reactions for 🎉"
+      class="ReactionsRowButton-module_reactionsRowButton"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        aria-hidden="true"
+        class="ReactionsRowButton-module_reactionsRowButtonContent"
+      >
+        🎉
+      </span>
+      <span
+        aria-hidden="true"
+        class="ReactionsRowButton-module_reactionsRowButtonCount"
+      >
+        2
+      </span>
+    </button>
+    <button
+      aria-label="1 reactions for 👀"
+      class="ReactionsRowButton-module_reactionsRowButton"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        aria-hidden="true"
+        class="ReactionsRowButton-module_reactionsRowButtonContent"
+      >
+        👀
+      </span>
+      <span
+        aria-hidden="true"
+        class="ReactionsRowButton-module_reactionsRowButtonCount"
+      >
+        1
+      </span>
+    </button>
+    <button
+      aria-label="Add reaction"
+      class="ReactionsRow-module_addReactionButton ReactionsRow-module_addReactionButtonVisible"
+      type="button"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M14.74 2.38C13.87 2.133 12.95 2 12 2 6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10c0-.95-.133-1.87-.38-2.74a5 5 0 0 1-1.886.687 8 8 0 1 1-5.68-5.68c.1-.684.339-1.323.687-1.887"
+        />
+        <path
+          d="M15.536 14.121a1 1 0 0 1 0 1.415A5 5 0 0 1 12 17c-1.38 0-2.632-.56-3.535-1.464a1 1 0 1 1 1.414-1.415A3 3 0 0 0 12 15c.829 0 1.577-.335 2.121-.879a1 1 0 0 1 1.415 0M8.5 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m8.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M18 6h-1a.97.97 0 0 1-.712-.287A.97.97 0 0 1 16 5q0-.424.288-.713A.97.97 0 0 1 17 4h1V3q0-.424.288-.712A.97.97 0 0 1 19 2q.424 0 .712.288Q20 2.575 20 3v1h1q.424 0 .712.287Q22 4.576 22 5t-.288.713A.97.97 0 0 1 21 6h-1v1q0 .424-.288.713A.97.97 0 0 1 19 8a.97.97 0 0 1-.712-.287A.97.97 0 0 1 18 7z"
+        />
+      </svg>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`ReactionsRowView > renders the row with a show-all button 1`] = `
+<div>
+  <div
+    aria-label="Reactions"
+    class="ReactionsRow-module_reactionsRow"
+    role="toolbar"
+  >
+    <button
+      aria-label="4 reactions for 👍"
+      class="ReactionsRowButton-module_reactionsRowButton ReactionsRowButton-module_reactionsRowButtonSelected"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        aria-hidden="true"
+        class="ReactionsRowButton-module_reactionsRowButtonContent"
+      >
+        👍
+      </span>
+      <span
+        aria-hidden="true"
+        class="ReactionsRowButton-module_reactionsRowButtonCount"
+      >
+        4
+      </span>
+    </button>
+    <button
+      aria-label="2 reactions for 🎉"
+      class="ReactionsRowButton-module_reactionsRowButton"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        aria-hidden="true"
+        class="ReactionsRowButton-module_reactionsRowButtonContent"
+      >
+        🎉
+      </span>
+      <span
+        aria-hidden="true"
+        class="ReactionsRowButton-module_reactionsRowButtonCount"
+      >
+        2
+      </span>
+    </button>
+    <button
+      aria-label="1 reactions for 👀"
+      class="ReactionsRowButton-module_reactionsRowButton"
+      tabindex="0"
+      type="button"
+    >
+      <span
+        aria-hidden="true"
+        class="ReactionsRowButton-module_reactionsRowButtonContent"
+      >
+        👀
+      </span>
+      <span
+        aria-hidden="true"
+        class="ReactionsRowButton-module_reactionsRowButtonCount"
+      >
+        1
+      </span>
+    </button>
+    <button
+      class="ReactionsRow-module_showAllButton"
+      type="button"
+    >
+      Show all
+    </button>
+    <button
+      aria-label="Add reaction"
+      class="ReactionsRow-module_addReactionButton ReactionsRow-module_addReactionButtonVisible"
+      type="button"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M14.74 2.38C13.87 2.133 12.95 2 12 2 6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10c0-.95-.133-1.87-.38-2.74a5 5 0 0 1-1.886.687 8 8 0 1 1-5.68-5.68c.1-.684.339-1.323.687-1.887"
+        />
+        <path
+          d="M15.536 14.121a1 1 0 0 1 0 1.415A5 5 0 0 1 12 17c-1.38 0-2.632-.56-3.535-1.464a1 1 0 1 1 1.414-1.415A3 3 0 0 0 12 15c.829 0 1.577-.335 2.121-.879a1 1 0 0 1 1.415 0M8.5 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m8.5-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M18 6h-1a.97.97 0 0 1-.712-.287A.97.97 0 0 1 16 5q0-.424.288-.713A.97.97 0 0 1 17 4h1V3q0-.424.288-.712A.97.97 0 0 1 19 2q.424 0 .712.288Q20 2.575 20 3v1h1q.424 0 .712.287Q22 4.576 22 5t-.288.713A.97.97 0 0 1 21 6h-1v1q0 .424-.288.713A.97.97 0 0 1 19 8a.97.97 0 0 1-.712-.287A.97.97 0 0 1 18 7z"
+        />
+      </svg>
+    </button>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/index.ts b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/index.ts
new file mode 100644
index 00000000000..4925bf02a0b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/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 {
+    ReactionsRowView,
+    type ReactionsRowViewSnapshot,
+    type ReactionsRowViewModel,
+    type ReactionsRowViewActions,
+} from "./ReactionsRowView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.module.css b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.module.css
new file mode 100644
index 00000000000..ab4360759b2
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.module.css
@@ -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.
+ */
+
+.reactionsRowButton {
+    display: inline-flex;
+    all: unset;
+    cursor: pointer;
+    line-height: var(--cpd-font-size-heading-sm);
+    padding: 1px var(--cpd-space-1-5x);
+    border: 1px solid var(--cpd-color-gray-400);
+    border-radius: 10px;
+    background-color: var(--cpd-color-gray-200);
+    user-select: none;
+    align-items: center;
+}
+
+.reactionsRowButtonSelected {
+    background-color: var(--cpd-color-green-300);
+    border-color: var(--cpd-color-green-800);
+}
+
+.reactionsRowButtonDisabled {
+    cursor: not-allowed;
+}
+
+.reactionsRowButtonContent {
+    max-width: 100px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    padding-right: var(--cpd-space-1x);
+}
+
+.reactionsRowButtonCount {
+    white-space: nowrap;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx
new file mode 100644
index 00000000000..5b6b3221c1b
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx
@@ -0,0 +1,96 @@
+/*
+ * 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 { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import { type ReactionsRowButtonTooltipViewSnapshot } from "../ReactionsRowButtonTooltip";
+import {
+    ReactionsRowButtonView,
+    type ReactionsRowButtonViewSnapshot,
+    type ReactionsRowButtonViewActions,
+} from "./ReactionsRowButtonView";
+
+type WrapperProps = Omit<ReactionsRowButtonViewSnapshot, "tooltipVm"> &
+    Partial<ReactionsRowButtonViewActions> & {
+        ariaLabel?: string;
+        tooltipFormattedSenders?: ReactionsRowButtonTooltipViewSnapshot["formattedSenders"];
+        tooltipCaption?: ReactionsRowButtonTooltipViewSnapshot["caption"];
+        tooltipOpen?: ReactionsRowButtonTooltipViewSnapshot["tooltipOpen"];
+    };
+
+const ReactionsRowButtonViewWrapperImpl = ({
+    tooltipFormattedSenders,
+    tooltipCaption,
+    tooltipOpen,
+    onClick,
+    ...snapshotProps
+}: WrapperProps): JSX.Element => {
+    const tooltipVm = useMockedViewModel(
+        {
+            formattedSenders: tooltipFormattedSenders,
+            caption: tooltipCaption,
+            tooltipOpen,
+        },
+        {},
+    );
+
+    const vm = useMockedViewModel(
+        {
+            ...snapshotProps,
+            tooltipVm,
+        },
+        {
+            onClick: onClick ?? fn(),
+        },
+    );
+
+    return <ReactionsRowButtonView vm={vm} />;
+};
+
+const ReactionsRowButtonViewWrapper = withViewDocs(ReactionsRowButtonViewWrapperImpl, ReactionsRowButtonView);
+
+const meta = {
+    title: "Timeline/Timeline Reaction/ReactionsRowButton",
+    component: ReactionsRowButtonViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        content: "👍",
+        count: 2,
+        ariaLabel: "Alice and Bob reacted with 👍",
+        isSelected: false,
+        isDisabled: false,
+        imageSrc: undefined,
+        imageAlt: undefined,
+        tooltipFormattedSenders: undefined,
+        tooltipCaption: undefined,
+        tooltipOpen: true,
+    },
+} satisfies Meta<typeof ReactionsRowButtonViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Selected: Story = {
+    args: {
+        isSelected: true,
+    },
+};
+
+export const WithTooltip: Story = {
+    args: {
+        count: 3,
+        tooltipFormattedSenders: "Alice, Bob and Charlie",
+        tooltipCaption: ":thumbsup:",
+        tooltipOpen: true,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.test.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.test.tsx
new file mode 100644
index 00000000000..0e13963dacf
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.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 "./ReactionsRowButton.stories";
+
+const { Default, Selected } = composeStories(stories);
+
+describe("ReactionsRowButton", () => {
+    it("renders the default reaction button", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the selected reaction button", () => {
+        const { container } = render(<Selected />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButtonView.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButtonView.tsx
new file mode 100644
index 00000000000..2e6e3461309
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButtonView.tsx
@@ -0,0 +1,107 @@
+/*
+ * 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 HTMLAttributes, type JSX } from "react";
+import classNames from "classnames";
+
+import { type ViewModel, useViewModel } from "../../../../../core/viewmodel";
+import { ReactionsRowButtonTooltipView, type ReactionsRowButtonTooltipViewModel } from "../ReactionsRowButtonTooltip";
+import styles from "./ReactionsRowButton.module.css";
+
+export interface ReactionsRowButtonViewSnapshot extends Pick<
+    HTMLAttributes<HTMLButtonElement>,
+    "className" | "aria-label"
+> {
+    /**
+     * The reaction content to display when not using a custom image.
+     */
+    content?: string;
+    /**
+     * The total number of reactions for this content.
+     */
+    count: number;
+    /**
+     * Whether the reaction button is selected by the current user.
+     */
+    isSelected: boolean;
+    /**
+     * Whether the reaction button is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * The image URL to render when using a custom reaction image.
+     */
+    imageSrc?: string;
+    /**
+     * The alt text for the custom reaction image.
+     */
+    imageAlt?: string;
+    /**
+     * View model for the tooltip wrapper.
+     */
+    tooltipVm: ReactionsRowButtonTooltipViewModel;
+}
+
+export interface ReactionsRowButtonViewActions {
+    /**
+     * Called when the user activates the reaction button.
+     */
+    onClick: () => void;
+}
+
+export type ReactionsRowButtonViewModel = ViewModel<ReactionsRowButtonViewSnapshot> & ReactionsRowButtonViewActions;
+
+interface ReactionsRowButtonViewProps {
+    /**
+     * The view model for the reactions row button.
+     */
+    vm: ReactionsRowButtonViewModel;
+}
+
+/**
+ * Renders a single reaction button within a reactions row.
+ *
+ * The button supports text or image reactions, selected and disabled
+ * styling, and wraps its content in the reactions tooltip view.
+ */
+export function ReactionsRowButtonView({ vm }: Readonly<ReactionsRowButtonViewProps>): JSX.Element {
+    const snapshot = useViewModel(vm) as ReactionsRowButtonViewSnapshot & { ariaLabel?: string };
+    const { content, count, className, isSelected, isDisabled, imageSrc, imageAlt, tooltipVm } = snapshot;
+    const ariaLabel = snapshot["aria-label"] ?? snapshot.ariaLabel;
+    const ariaDisabled = isDisabled ? true : undefined;
+    const classes = classNames(className, styles.reactionsRowButton, {
+        [styles.reactionsRowButtonSelected]: isSelected,
+        [styles.reactionsRowButtonDisabled]: isDisabled,
+    });
+
+    const reactionContent = imageSrc ? (
+        <img className={styles.reactionsRowButtonContent} alt={imageAlt ?? ""} src={imageSrc} width="16" height="16" />
+    ) : (
+        <span className={styles.reactionsRowButtonContent} aria-hidden="true">
+            {content ?? ""}
+        </span>
+    );
+
+    return (
+        <ReactionsRowButtonTooltipView vm={tooltipVm}>
+            <button
+                type="button"
+                className={classes}
+                tabIndex={0}
+                aria-label={ariaLabel}
+                aria-disabled={ariaDisabled}
+                onClick={isDisabled ? undefined : vm.onClick}
+            >
+                {reactionContent}
+                <span className={styles.reactionsRowButtonCount} aria-hidden="true">
+                    {count}
+                </span>
+            </button>
+        </ReactionsRowButtonTooltipView>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/__snapshots__/ReactionsRowButton.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/__snapshots__/ReactionsRowButton.test.tsx.snap
new file mode 100644
index 00000000000..087526bc017
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/__snapshots__/ReactionsRowButton.test.tsx.snap
@@ -0,0 +1,49 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ReactionsRowButton > renders the default reaction button 1`] = `
+<div>
+  <button
+    aria-label="Alice and Bob reacted with 👍"
+    class="ReactionsRowButton-module_reactionsRowButton"
+    tabindex="0"
+    type="button"
+  >
+    <span
+      aria-hidden="true"
+      class="ReactionsRowButton-module_reactionsRowButtonContent"
+    >
+      👍
+    </span>
+    <span
+      aria-hidden="true"
+      class="ReactionsRowButton-module_reactionsRowButtonCount"
+    >
+      2
+    </span>
+  </button>
+</div>
+`;
+
+exports[`ReactionsRowButton > renders the selected reaction button 1`] = `
+<div>
+  <button
+    aria-label="Alice and Bob reacted with 👍"
+    class="ReactionsRowButton-module_reactionsRowButton ReactionsRowButton-module_reactionsRowButtonSelected"
+    tabindex="0"
+    type="button"
+  >
+    <span
+      aria-hidden="true"
+      class="ReactionsRowButton-module_reactionsRowButtonContent"
+    >
+      👍
+    </span>
+    <span
+      aria-hidden="true"
+      class="ReactionsRowButton-module_reactionsRowButtonCount"
+    >
+      2
+    </span>
+  </button>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/index.ts b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/index.ts
new file mode 100644
index 00000000000..85ff09404a7
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/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 {
+    ReactionsRowButtonView,
+    type ReactionsRowButtonViewSnapshot,
+    type ReactionsRowButtonViewModel,
+    type ReactionsRowButtonViewActions,
+} from "./ReactionsRowButtonView";
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx
new file mode 100644
index 00000000000..050bbac1f87
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx
@@ -0,0 +1,77 @@
+/*
+ * 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, StoryObj } from "@storybook/react-vite";
+import { useMockedViewModel } from "../../../../../core/viewmodel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+import {
+    ReactionsRowButtonTooltipView,
+    type ReactionsRowButtonTooltipViewSnapshot,
+} from "./ReactionsRowButtonTooltipView";
+
+type WrapperProps = ReactionsRowButtonTooltipViewSnapshot & PropsWithChildren;
+
+const ReactionsRowButtonTooltipViewWrapperImpl = ({ children, ...snapshotProps }: WrapperProps): JSX.Element => {
+    const vm = useMockedViewModel(snapshotProps, {});
+    return <ReactionsRowButtonTooltipView vm={vm}>{children}</ReactionsRowButtonTooltipView>;
+};
+const ReactionsRowButtonTooltipViewWrapper = withViewDocs(
+    ReactionsRowButtonTooltipViewWrapperImpl,
+    ReactionsRowButtonTooltipView,
+);
+
+const meta = {
+    title: "Timeline/Timeline Reaction/ReactionsRowButtonTooltip",
+    component: ReactionsRowButtonTooltipViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        formattedSenders: { control: "text" },
+        caption: { control: "text" },
+    },
+    args: {
+        children: <button>👍 3</button>,
+    },
+} satisfies Meta<typeof ReactionsRowButtonTooltipViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    args: {
+        formattedSenders: "Alice, Bob and Charlie",
+        caption: ":thumbsup:",
+        tooltipOpen: true,
+    },
+};
+
+export const ManySenders: Story = {
+    args: {
+        formattedSenders: "Alice, Bob, Charlie, David, Eve, Frank and 2 others",
+        caption: ":heart:",
+        children: <button>❤️ 8</button>,
+        tooltipOpen: true,
+    },
+};
+
+export const WithoutCaption: Story = {
+    args: {
+        formattedSenders: "Alice and Bob",
+        caption: undefined,
+        children: <button>🎉 2</button>,
+        tooltipOpen: true,
+    },
+};
+
+export const NoTooltip: Story = {
+    args: {
+        formattedSenders: undefined,
+        caption: undefined,
+        children: <button>👍 1</button>,
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.test.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.test.tsx
new file mode 100644
index 00000000000..4c48d0d7896
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/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/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltipView.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltipView.tsx
new file mode 100644
index 00000000000..bbdf28f1bf0
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/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 "../../../../../core/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/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/__snapshots__/ReactionsRowButtonTooltip.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/__snapshots__/ReactionsRowButtonTooltip.test.tsx.snap
new file mode 100644
index 00000000000..f86ea59c476
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/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="react-use-id-1"
+  >
+    👍 3
+  </button>
+</div>
+`;
+
+exports[`ReactionsRowButtonTooltip > renders the tooltip with many senders 1`] = `
+<div>
+  <button
+    aria-describedby="react-use-id-1"
+  >
+    ❤️ 8
+  </button>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/index.ts b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/index.ts
new file mode 100644
index 00000000000..92a8a8d6116
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/index.ts
@@ -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/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.module.css b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.module.css
new file mode 100644
index 00000000000..284695c8610
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.module.css
@@ -0,0 +1,16 @@
+/*
+ * 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); /* override anchor color */
+    font-size: 0.625rem; /* There is no Compound equivalent to $font-10px */
+    font-variant-numeric: tabular-nums;
+    display: inline-block;
+    white-space: nowrap;
+    user-select: none;
+    text-decoration: none;
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx
new file mode 100644
index 00000000000..8fe29470707
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx
@@ -0,0 +1,88 @@
+/*
+ * 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 ReactNode } from "react";
+import { expect, userEvent, within } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import {
+    MessageTimestampView,
+    type MessageTimestampViewActions,
+    type MessageTimestampViewSnapshot,
+} from "./MessageTimestampView";
+import { useMockedViewModel } from "../../../../../core/viewmodel/useMockedViewModel";
+import { withViewDocs } from "../../../../../../.storybook/withViewDocs";
+
+type MessageTimestampProps = MessageTimestampViewSnapshot & MessageTimestampViewActions;
+const MessageTimestampWrapperImpl = ({
+    onClick,
+    onContextMenu,
+    className,
+    ...rest
+}: MessageTimestampProps & { className?: string }): ReactNode => {
+    const vm = useMockedViewModel(rest, {
+        onClick,
+        onContextMenu,
+    });
+    return <MessageTimestampView vm={vm} className={className} />;
+};
+const MessageTimestampWrapper = withViewDocs(MessageTimestampWrapperImpl, MessageTimestampView);
+
+const meta = {
+    title: "Timeline/Timeline Meta/MessageTimestampView",
+    component: MessageTimestampWrapper,
+    tags: ["autodocs"],
+    args: {
+        ts: "04:58",
+        tsSentAt: "Thu, 17 Nov 2022, 4:58:32 pm",
+        tsReceivedAt: "",
+        inhibitTooltip: false,
+        className: "",
+        href: "",
+    },
+} satisfies Meta<typeof MessageTimestampWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.hover(canvas.getByText("04:58"));
+        await expect(within(canvasElement.ownerDocument.body).findByRole("tooltip")).resolves.toBeInTheDocument();
+    },
+};
+
+export const HasTsReceivedAt: Story = {
+    args: {
+        tsReceivedAt: "Thu, 17 Nov 2022, 4:58:33 pm",
+    },
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.hover(canvas.getByText("04:58"));
+        await expect(within(canvasElement.ownerDocument.body).findByRole("tooltip")).resolves.toBeInTheDocument();
+    },
+};
+
+export const HasInhibitTooltip: Story = {
+    args: {
+        inhibitTooltip: true,
+    },
+};
+
+export const HasHref: Story = {
+    args: {
+        href: "~",
+    },
+};
+
+export const HasActions: Story = {
+    args: {
+        onClick: () => console.log("Clicked message timestamp"),
+        onContextMenu: () => console.log("Context menu on message timestamp"),
+    },
+};
diff --git a/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.test.tsx
new file mode 100644
index 00000000000..5c8b03c93a2
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.test.tsx
@@ -0,0 +1,238 @@
+/*
+ * 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, screen, fireEvent } 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 "./MessageTimestampView.stories.tsx";
+import {
+    MessageTimestampView,
+    type MessageTimestampViewActions,
+    type MessageTimestampViewSnapshot,
+} from "./MessageTimestampView";
+import { MockViewModel } from "../../../../../core/viewmodel/MockViewModel.ts";
+import { I18nContext } from "../../../../../core/i18n/i18nContext.ts";
+import { I18nApi } from "../../../../../core/i18n/I18nApi.ts";
+
+const { Default, HasHref } = composeStories(stories);
+
+const renderWithI18n = (ui: React.ReactElement): ReturnType<typeof render> =>
+    render(ui, {
+        wrapper: ({ children }) => <I18nContext.Provider value={new I18nApi()}>{children}</I18nContext.Provider>,
+    });
+
+describe("MessageTimestampView", () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    it("renders the message timestamp in default state", async () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("applies custom className to the timestamp element", async () => {
+        const vm = new MockViewModel<MessageTimestampViewSnapshot>({
+            ts: "04:58",
+            tsSentAt: "Thu, 17 Nov 2022, 4:58:32 pm",
+        });
+
+        renderWithI18n(<MessageTimestampView vm={vm} className="extra_class_1 extra_class_2" />);
+
+        const target = screen.getByText("04:58");
+        expect(target).toHaveClass("extra_class_1", "extra_class_2");
+    });
+
+    it("renders the message timestamp with href", async () => {
+        const { container } = render(<HasHref />);
+        expect(container).toMatchSnapshot();
+    });
+
+    const onClick = vi.fn((event: React.MouseEvent<HTMLElement>) => event.preventDefault());
+    const onContextMenu = vi.fn((event: React.MouseEvent<HTMLElement>) => event.preventDefault());
+
+    class MessageTimestampViewModel
+        extends MockViewModel<MessageTimestampViewSnapshot>
+        implements MessageTimestampViewActions
+    {
+        public onClick = onClick;
+        public onContextMenu = onContextMenu;
+    }
+
+    it("should attach vm methods with href", async () => {
+        const vm = new MessageTimestampViewModel({
+            ts: "04:58",
+            tsSentAt: "Thu, 17 Nov 2022, 4:58:32 pm",
+            href: "~",
+        });
+
+        renderWithI18n(<MessageTimestampView vm={vm} />);
+
+        const target = screen.getByRole("link");
+
+        fireEvent.click(target);
+        expect(onClick).toHaveBeenCalled();
+
+        fireEvent.contextMenu(target);
+        expect(onContextMenu).toHaveBeenCalled();
+    });
+
+    it("should attach vm methods without href", async () => {
+        const user = userEvent.setup();
+        const vm = new MessageTimestampViewModel({
+            ts: "04:58",
+            tsSentAt: "Thu, 17 Nov 2022, 4:58:32 pm",
+        });
+
+        renderWithI18n(<MessageTimestampView vm={vm} />);
+
+        const target = screen.getByRole("link", { hidden: true });
+
+        await user.click(target);
+        expect(onClick).toHaveBeenCalled();
+
+        await user.pointer({ target, keys: "[MouseRight]" });
+        expect(onContextMenu).toHaveBeenCalled();
+    });
+
+    it("should show full date & time on hover", async () => {
+        const user = userEvent.setup();
+        const vm = new MessageTimestampViewModel({
+            ts: "08:09",
+            tsSentAt: "Fri, Dec 17, 2021, 08:09:00",
+        });
+
+        renderWithI18n(<MessageTimestampView vm={vm} />);
+
+        await user.hover(screen.getByRole("link"));
+        expect((await screen.findByRole("tooltip")).textContent).toMatchInlineSnapshot(`"Fri, Dec 17, 2021, 08:09:00"`);
+    });
+
+    it("should show sent & received time on hover if passed", async () => {
+        const user = userEvent.setup();
+        const vm = new MessageTimestampViewModel({
+            ts: "08:09",
+            tsSentAt: "Fri, Dec 17, 2021, 08:09:00",
+            tsReceivedAt: "Received at: Sat, Dec 18, 2021, 08:09:00",
+        });
+
+        renderWithI18n(<MessageTimestampView vm={vm} />);
+
+        await user.hover(screen.getByRole("link"));
+        expect((await screen.findByRole("tooltip")).textContent).toMatchInlineSnapshot(
+            `"Sent at: Fri, Dec 17, 2021, 08:09:00Received at: Received at: Sat, Dec 18, 2021, 08:09:00"`,
+        );
+    });
+
+    it("handles keyboard activation on span when click handler is set", async () => {
+        const vm = new MessageTimestampViewModel({
+            ts: "12:34",
+            tsSentAt: "Mon, Jan 1, 2024, 12:34:00",
+        });
+
+        renderWithI18n(<MessageTimestampView vm={vm} />);
+
+        const target = screen.getByRole("link");
+        fireEvent.keyDown(target, { key: "Enter" });
+        fireEvent.keyDown(target, { key: " " });
+
+        expect(onClick).toHaveBeenCalledTimes(2);
+    });
+
+    it("ignores other keys when click handler is set", async () => {
+        const vm = new MessageTimestampViewModel({
+            ts: "13:14",
+            tsSentAt: "Tue, Jun 6, 2023, 13:14:00",
+        });
+
+        renderWithI18n(<MessageTimestampView vm={vm} />);
+
+        const target = screen.getByRole("link");
+        fireEvent.keyDown(target, { key: "Escape" });
+
+        expect(onClick).not.toHaveBeenCalled();
+    });
+
+    it("ignores keyboard activation when no click handler is provided", async () => {
+        const vm = new MessageTimestampViewModelNoActions({
+            ts: "15:16",
+            tsSentAt: "Wed, Jul 7, 2021, 15:16:00",
+        });
+
+        renderWithI18n(<MessageTimestampView vm={vm} />);
+
+        const target = screen.getByText("15:16");
+        fireEvent.keyDown(target, { key: "Enter" });
+
+        expect(onClick).not.toHaveBeenCalled();
+    });
+
+    it("does not wrap tooltip labels when received timestamp is empty", async () => {
+        const user = userEvent.setup();
+        const vm = new MessageTimestampViewModel({
+            ts: "09:10",
+            tsSentAt: "Tue, Feb 2, 2021, 09:10:00",
+            tsReceivedAt: "",
+        });
+
+        renderWithI18n(<MessageTimestampView vm={vm} />);
+
+        await user.hover(screen.getByRole("link"));
+        expect((await screen.findByRole("tooltip")).textContent).toMatchInlineSnapshot(`"Tue, Feb 2, 2021, 09:10:00"`);
+    });
+
+    class MessageTimestampViewModelNoActions extends MockViewModel<MessageTimestampViewSnapshot> {}
+
+    it("renders without tooltip when inhibited and no click handler is provided", async () => {
+        const vm = new MessageTimestampViewModelNoActions({
+            ts: "07:08",
+            tsSentAt: "Wed, Mar 3, 2021, 07:08:00",
+            inhibitTooltip: true,
+        });
+
+        renderWithI18n(<MessageTimestampView vm={vm} />);
+
+        const target = screen.getByText("07:08");
+        expect(target).not.toHaveAttribute("role");
+        expect(target).not.toHaveAttribute("tabindex");
+        expect(screen.queryByRole("tooltip")).toBeNull();
+    });
+
+    it("keeps link semantics when inhibited but click handler exists", async () => {
+        const vm = new MessageTimestampViewModel({
+            ts: "11:12",
+            tsSentAt: "Thu, Apr 4, 2024, 11:12:00",
+            inhibitTooltip: true,
+        });
+
+        renderWithI18n(<MessageTimestampView vm={vm} />);
+
+        const target = screen.getByRole("link");
+        expect(target).toHaveAttribute("tabindex", "0");
+        expect(screen.queryByRole("tooltip")).toBeNull();
+    });
+
+    it("exposes focusable span when tooltip is enabled without click handler", async () => {
+        const user = userEvent.setup();
+        const vm = new MessageTimestampViewModelNoActions({
+            ts: "03:04",
+            tsSentAt: "Fri, May 5, 2023, 03:04:00",
+        });
+
+        renderWithI18n(<MessageTimestampView vm={vm} />);
+
+        const target = screen.getByText("03:04");
+        expect(target).toHaveAttribute("tabindex", "0");
+        expect(target).not.toHaveAttribute("role");
+
+        await user.hover(target);
+        expect((await screen.findByRole("tooltip")).textContent).toMatchInlineSnapshot(`"Fri, May 5, 2023, 03:04:00"`);
+    });
+});
diff --git a/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.tsx b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.tsx
new file mode 100644
index 00000000000..228ac28b6c6
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.tsx
@@ -0,0 +1,144 @@
+/*
+ * 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 MouseEventHandler, type KeyboardEvent, type MouseEvent } from "react";
+import classNames from "classnames";
+import { Tooltip } from "@vector-im/compound-web";
+
+import styles from "./MessageTimestampView.module.css";
+import { type ViewModel } from "../../../../../core/viewmodel/ViewModel";
+import { useViewModel } from "../../../../../core/viewmodel/useViewModel";
+import { useI18n } from "../../../../../core/i18n/i18nContext";
+
+export interface MessageTimestampViewSnapshot {
+    /**
+     * The localized timestamp to render in the component
+     */
+    ts: string;
+    /**
+     * The localized sent timestamp formatted as full date
+     */
+    tsSentAt: string;
+    /**
+     * The localized received timestamp formatted as full date
+     * If specified will render both the sent-at and received-at timestamps in the tooltip
+     */
+    tsReceivedAt?: string;
+    /**
+     * If set to true then no tooltip will be shown
+     */
+    inhibitTooltip?: boolean;
+    /**
+     * If specified, will be rendered as an anchor bearing the href, a `span` element will be used otherwise
+     */
+    href?: string;
+}
+
+export interface MessageTimestampViewActions {
+    /**
+     * Optional onClick handler to attach to the DOM element
+     */
+    onClick?: MouseEventHandler<HTMLElement>;
+    /**
+     * Optional onContextMenu handler to attach to the DOM element
+     */
+    onContextMenu?: MouseEventHandler<HTMLElement>;
+}
+
+/**
+ * The view model for the message timestamp.
+ *
+ * Snapshot data describes timestamp content and rendering behavior, while
+ * host layout and placement styling is supplied via component props.
+ */
+export type MessageTimestampViewModel = ViewModel<MessageTimestampViewSnapshot> & MessageTimestampViewActions;
+
+interface MessageTimestampViewProps {
+    /**
+     * The view model for the message timestamp.
+     */
+    vm: MessageTimestampViewModel;
+    /**
+     * Optional CSS class name to apply to the component.
+     */
+    className?: string;
+}
+
+/**
+ * Displays a message timestamp with optional tooltip details.
+ *
+ * The view model provides the timestamp values and display options. The component
+ * can render as a link when `href` is set, and can show both sent-at and received-at
+ * times in the tooltip when `tsReceivedAt` is provided. Use `className` for
+ * host-level layout and placement styling.
+ *
+ * @example
+ * ```tsx
+ * <MessageTimestampView vm={messageTimestampViewModel} />
+ * ```
+ */
+export function MessageTimestampView({ vm, className }: Readonly<MessageTimestampViewProps>): JSX.Element {
+    const { translate: _t } = useI18n();
+
+    const { ts, tsSentAt, tsReceivedAt, inhibitTooltip, href } = useViewModel(vm);
+
+    const onKeyDown = (event: KeyboardEvent<HTMLElement>): void => {
+        if (vm.onClick) {
+            if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                vm.onClick?.(event as unknown as MouseEvent<HTMLElement>);
+            }
+        }
+    };
+
+    let label = tsSentAt;
+    let caption: string | undefined;
+    if (tsReceivedAt && tsReceivedAt?.length > 0) {
+        label = _t("timeline|message_timestamp_sent_at", { dateTime: label });
+        caption = _t("timeline|message_timestamp_received_at", {
+            dateTime: tsReceivedAt,
+        });
+    }
+
+    let content;
+    if (href) {
+        content = (
+            <a
+                href={href}
+                onClick={vm.onClick}
+                onKeyDown={onKeyDown}
+                onContextMenu={vm.onContextMenu}
+                className={classNames(className, styles.content)}
+                aria-live="off"
+            >
+                {ts}
+            </a>
+        );
+    } else {
+        content = (
+            <span
+                onClick={vm.onClick}
+                onKeyDown={onKeyDown}
+                onContextMenu={vm.onContextMenu}
+                className={classNames(className, styles.content)}
+                role={vm.onClick ? "link" : undefined}
+                aria-live="off"
+                tabIndex={vm.onClick || !inhibitTooltip ? 0 : undefined}
+            >
+                {ts}
+            </span>
+        );
+    }
+
+    if (inhibitTooltip) return content;
+
+    return (
+        <Tooltip description={label} caption={caption}>
+            {content}
+        </Tooltip>
+    );
+}
diff --git a/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/__snapshots__/MessageTimestampView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/__snapshots__/MessageTimestampView.test.tsx.snap
new file mode 100644
index 00000000000..453090f4139
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/__snapshots__/MessageTimestampView.test.tsx.snap
@@ -0,0 +1,25 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`MessageTimestampView > renders the message timestamp in default state 1`] = `
+<div>
+  <span
+    aria-live="off"
+    class="MessageTimestampView-module_content"
+    tabindex="0"
+  >
+    04:58
+  </span>
+</div>
+`;
+
+exports[`MessageTimestampView > renders the message timestamp with href 1`] = `
+<div>
+  <a
+    aria-live="off"
+    class="MessageTimestampView-module_content"
+    href="~"
+  >
+    04:58
+  </a>
+</div>
+`;
diff --git a/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/index.ts b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/index.ts
new file mode 100644
index 00000000000..7c2e6fa4404
--- /dev/null
+++ b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/index.ts
@@ -0,0 +1,14 @@
+/*
+ * 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 {
+    MessageTimestampViewModel,
+    MessageTimestampViewSnapshot,
+    MessageTimestampViewActions,
+} from "./MessageTimestampView";
+
+export { MessageTimestampView } from "./MessageTimestampView";
diff --git a/packages/shared-components/src/status/CustomStatusView.module.css b/packages/shared-components/src/status/CustomStatusView.module.css
new file mode 100644
index 00000000000..f0d759c28b8
--- /dev/null
+++ b/packages/shared-components/src/status/CustomStatusView.module.css
@@ -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.
+ */
+
+.customStatus {
+    display: flex;
+    width: 100%;
+    flex-direction: row !important;
+    align-items: center;
+    gap: var(--cpd-space-2x);
+    /* Match the 28px tall box the trigger/pill float in so nothing shifts vertically */
+    min-height: 28px;
+}
+
+.emojiButton {
+    flex-shrink: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 48px;
+    height: 48px;
+    padding: 0;
+    border: 1px solid var(--cpd-color-border-interactive-secondary);
+    border-radius: var(--cpd-radius-pill-effect);
+    background: var(--cpd-color-bg-canvas-default);
+    font-size: var(--cpd-font-size-heading-sm);
+    line-height: 1;
+    cursor: pointer;
+
+    &:hover,
+    &.selected {
+        background: var(--cpd-color-bg-subtle-secondary);
+        border-color: var(--cpd-color-border-interactive-hover);
+    }
+}
+
+.textField {
+    min-width: 0;
+    flex-grow: 1;
+}
+
+.action {
+    flex-shrink: 0;
+    cursor: pointer;
+}
+
+/* The picker sizes itself (340x450); drop the menu's default padding so it fills the popover */
+.pickerMenu {
+    padding: 0;
+}
diff --git a/packages/shared-components/src/status/CustomStatusView.stories.tsx b/packages/shared-components/src/status/CustomStatusView.stories.tsx
new file mode 100644
index 00000000000..ecd76b0abf9
--- /dev/null
+++ b/packages/shared-components/src/status/CustomStatusView.stories.tsx
@@ -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.
+ */
+
+import { type Meta, type StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
+
+import { CustomStatusView } from "./CustomStatusView";
+
+const meta = {
+    title: "Status/CustomStatusView",
+    component: CustomStatusView,
+    tags: ["autodocs"],
+    args: {
+        onSave: fn(),
+        onCancel: fn(),
+    },
+} satisfies Meta<typeof CustomStatusView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/status/CustomStatusView.test.tsx b/packages/shared-components/src/status/CustomStatusView.test.tsx
new file mode 100644
index 00000000000..c041dfdda50
--- /dev/null
+++ b/packages/shared-components/src/status/CustomStatusView.test.tsx
@@ -0,0 +1,76 @@
+/*
+ * 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 { describe, expect, it, vi } from "vitest";
+import userEvent from "@testing-library/user-event";
+import { render, screen, waitFor } from "@test-utils";
+
+import { CustomStatusView } from "./CustomStatusView";
+
+describe("CustomStatusView", () => {
+    it("shows the default emoji and a Cancel link while the text is empty", () => {
+        render(<CustomStatusView onSave={vi.fn()} onCancel={vi.fn()} />);
+        expect(screen.getByRole("textbox")).toHaveValue("");
+        expect(screen.getByRole("button", { name: "Cancel" })).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: "Save" })).not.toBeInTheDocument();
+    });
+
+    it("calls onCancel when the link is clicked with empty text", async () => {
+        const onCancel = vi.fn();
+        const onSave = vi.fn();
+        render(<CustomStatusView onCancel={onCancel} onSave={onSave} />);
+
+        await userEvent.click(screen.getByRole("button", { name: "Cancel" }));
+        expect(onCancel).toHaveBeenCalledTimes(1);
+        expect(onSave).not.toHaveBeenCalled();
+    });
+
+    it("toggles the link to Save and commits the status once text is entered", async () => {
+        const onCancel = vi.fn();
+        const onSave = vi.fn();
+        render(<CustomStatusView onCancel={onCancel} onSave={onSave} />);
+
+        await userEvent.type(screen.getByRole("textbox"), "In a meeting");
+        const save = await screen.findByRole("button", { name: "Save" });
+        await userEvent.click(save);
+
+        expect(onSave).toHaveBeenCalledWith({ emoji: "😄", text: "In a meeting" });
+        expect(onCancel).not.toHaveBeenCalled();
+    });
+
+    it("trims whitespace and ignores whitespace-only text", async () => {
+        const onCancel = vi.fn();
+        const onSave = vi.fn();
+        render(<CustomStatusView onCancel={onCancel} onSave={onSave} />);
+
+        await userEvent.type(screen.getByRole("textbox"), "   ");
+        // Still a Cancel link, as the trimmed text is empty
+        await userEvent.click(screen.getByRole("button", { name: "Cancel" }));
+        expect(onCancel).toHaveBeenCalledTimes(1);
+        expect(onSave).not.toHaveBeenCalled();
+    });
+
+    it("lets the user pick an emoji from the picker popover", async () => {
+        const onSave = vi.fn();
+        render(<CustomStatusView onSave={onSave} onCancel={vi.fn()} />);
+
+        await userEvent.click(screen.getByRole("button", { name: "Choose Emoji" }));
+        await waitFor(() => expect(screen.getByLabelText("Emoji picker")).toBeInTheDocument());
+
+        await userEvent.click(await screen.findByText("😇"));
+
+        // Picker closes and the trigger now shows the chosen emoji
+        await waitFor(() => expect(screen.queryByTestId("mx_EmojiPicker")).not.toBeInTheDocument());
+        expect(screen.getByRole("button", { name: "Choose Emoji" })).toHaveTextContent("😇");
+
+        await userEvent.type(screen.getByRole("textbox", { name: "What's your status?" }), "Angelic");
+        await userEvent.click(await screen.findByRole("button", { name: "Save" }));
+
+        expect(onSave).toHaveBeenCalledWith({ emoji: "😇", text: "Angelic" });
+    });
+});
diff --git a/packages/shared-components/src/status/CustomStatusView.tsx b/packages/shared-components/src/status/CustomStatusView.tsx
new file mode 100644
index 00000000000..9616bf3792a
--- /dev/null
+++ b/packages/shared-components/src/status/CustomStatusView.tsx
@@ -0,0 +1,128 @@
+/*
+ * 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, useCallback, useState } from "react";
+import { Field, Link, Menu, Root, TextControl } from "@vector-im/compound-web";
+
+import { _t, type UserStatus } from "..";
+import { EmojiPicker } from "../core/EmojiPicker";
+import styles from "./CustomStatusView.module.css";
+import classNames from "classnames";
+
+/**
+ * The emoji shown on the picker trigger before the user has chosen one.
+ */
+const DEFAULT_EMOJI = "😄";
+
+export interface CustomStatusViewProps {
+    /**
+     * Called when the user commits a custom status, i.e. clicks "Save" with
+     * non-empty text.
+     */
+    onSave: (status: UserStatus) => void;
+    /**
+     * Called when the user dismisses the editor without saving, i.e. clicks
+     * "Cancel" while the text is empty.
+     */
+    onCancel: () => void;
+}
+
+/**
+ * Editor for composing a custom user status text and choosing an emoji.
+ */
+export function CustomStatusView({ onSave, onCancel }: CustomStatusViewProps): JSX.Element {
+    const [emoji, setEmoji] = useState(DEFAULT_EMOJI);
+    const [text, setText] = useState("");
+    const [pickerOpen, setPickerOpen] = useState(false);
+
+    const trimmed = text.trim();
+
+    const onChooseEmoji = useCallback((unicode: string): boolean => {
+        setEmoji(unicode);
+        setPickerOpen(false);
+        // Don't record custom-status emoji as recently used composer reactions.
+        return false;
+    }, []);
+
+    const commit = useCallback(() => {
+        if (trimmed) {
+            onSave({ emoji, text: trimmed });
+        } else {
+            onCancel();
+        }
+    }, [trimmed, emoji, onSave, onCancel]);
+
+    const onActionKeyDown = useCallback(
+        (ev: React.KeyboardEvent<HTMLAnchorElement>) => {
+            if (ev.key === "Enter" || ev.key === " ") {
+                ev.preventDefault();
+                commit();
+            }
+        },
+        [commit],
+    );
+
+    const onSubmit = useCallback(
+        (ev: React.FormEvent<HTMLFormElement>) => {
+            ev.preventDefault();
+            // Only commit on submit (e.g. Enter) when there is something to save;
+            // an empty submit shouldn't silently cancel the editor.
+            if (trimmed) {
+                onSave({ emoji, text: trimmed });
+            }
+        },
+        [trimmed, emoji, onSave],
+    );
+
+    return (
+        <Root className={styles.customStatus} onSubmit={onSubmit}>
+            <Menu
+                open={pickerOpen}
+                onOpenChange={setPickerOpen}
+                title={_t("status|set_status|choose_emoji")}
+                showTitle={false}
+                align="start"
+                className={styles.pickerMenu}
+                trigger={
+                    <button
+                        type="button"
+                        className={classNames(styles.emojiButton, { [styles.selected]: pickerOpen })}
+                        aria-label={_t("status|set_status|choose_emoji")}
+                    >
+                        {emoji}
+                    </button>
+                }
+            >
+                <EmojiPicker
+                    onChoose={onChooseEmoji}
+                    onFinished={() => setPickerOpen(false)}
+                    showQuickReactions={false}
+                />
+            </Menu>
+            <Field name="custom-status" className={styles.textField}>
+                <TextControl
+                    value={text}
+                    onChange={(ev) => setText(ev.currentTarget.value)}
+                    placeholder={_t("status|set_status|set_status_prompt")}
+                    aria-label={_t("status|set_status|set_status_prompt")}
+                    autoFocus
+                />
+            </Field>
+            <Link
+                kind="primary"
+                size="md"
+                role="button"
+                tabIndex={0}
+                className={styles.action}
+                onClick={commit}
+                onKeyDown={onActionKeyDown}
+            >
+                {trimmed ? _t("action|save") : _t("action|cancel")}
+            </Link>
+        </Root>
+    );
+}
diff --git a/packages/shared-components/src/status/SetStatusView.module.css b/packages/shared-components/src/status/SetStatusView.module.css
new file mode 100644
index 00000000000..7c830a404ca
--- /dev/null
+++ b/packages/shared-components/src/status/SetStatusView.module.css
@@ -0,0 +1,36 @@
+/*
+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.
+*/
+
+.setStatusContainer {
+    /* Floats in a 28px tall box so it doesn't visually shift when it changes to the pill */
+    min-height: 28px;
+}
+
+.setStatusTrigger {
+    text-decoration: underline solid;
+    display: flex;
+    align-items: center;
+    width: fit-content;
+
+    svg {
+        width: 20px;
+        height: 20px;
+        margin-right: var(--cpd-space-1-5x);
+    }
+}
+
+.menuItem {
+    place-items: start;
+    gap: var(--cpd-space-1x);
+    color: var(--cpd-color-text-secondary);
+    font-weight: var(--cpd-font-weight-medium);
+    font-size: var(--cpd-font-size-body-md);
+}
+
+.dropdownEmoji {
+    margin-right: var(--cpd-space-1-5x);
+}
diff --git a/packages/shared-components/src/status/SetStatusView.stories.tsx b/packages/shared-components/src/status/SetStatusView.stories.tsx
new file mode 100644
index 00000000000..f063da4d393
--- /dev/null
+++ b/packages/shared-components/src/status/SetStatusView.stories.tsx
@@ -0,0 +1,74 @@
+/*
+ * 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 Meta, type StoryObj } from "@storybook/react-vite";
+import React, { type JSX } from "react";
+import { fn } from "storybook/test";
+
+import { SetStatusView, type SetStatusViewActions, type SetStatusViewSnapshot } from "./SetStatusView";
+import { useMockedViewModel } from "../core/viewmodel";
+import { withViewDocs } from "../../.storybook/withViewDocs";
+
+const SetStatusViewWrapperImpl = ({
+    setStatus,
+    clearStatus,
+    ...snapshot
+}: SetStatusViewSnapshot & SetStatusViewActions): JSX.Element => {
+    const vm = useMockedViewModel<SetStatusViewSnapshot, SetStatusViewActions>(snapshot, {
+        setStatus,
+        clearStatus,
+    });
+    return <SetStatusView vm={vm} />;
+};
+
+const SetStatusViewWrapper = withViewDocs(SetStatusViewWrapperImpl, SetStatusView);
+
+const meta = {
+    title: "Status/SetStatusView",
+    component: SetStatusViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        setStatus: fn(),
+        clearStatus: fn(),
+    },
+} satisfies Meta<typeof SetStatusViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const NoStatus: Story = {};
+
+export const WithStatus: Story = {
+    args: {
+        userStatus: { emoji: "🦩", text: "Flamboyant" },
+    },
+};
+
+// Rules needed for any story where the menu is open.
+const MENU_OPEN_A11Y_RULES = [
+    {
+        // Menu contains a header which is invalid
+        id: "aria-required-children",
+        enabled: false,
+    },
+    {
+        // Menu pops open by default
+        id: "aria-hidden-focus",
+        enabled: false,
+    },
+];
+
+export const Open: Story = {
+    parameters: {
+        a11y: {
+            config: {
+                rules: MENU_OPEN_A11Y_RULES,
+            },
+        },
+    },
+    tags: ["!dev", "!autodocs"],
+};
diff --git a/packages/shared-components/src/status/SetStatusView.test.tsx b/packages/shared-components/src/status/SetStatusView.test.tsx
new file mode 100644
index 00000000000..ef98343b367
--- /dev/null
+++ b/packages/shared-components/src/status/SetStatusView.test.tsx
@@ -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 React from "react";
+import { describe, expect, it, vi } from "vitest";
+import userEvent from "@testing-library/user-event";
+import { render, screen } from "@test-utils";
+
+import { SetStatusView, type SetStatusViewActions, type SetStatusViewSnapshot } from "./SetStatusView";
+import { MockViewModel } from "../core/viewmodel/MockViewModel";
+
+class SetStatusViewModel extends MockViewModel<SetStatusViewSnapshot> implements SetStatusViewActions {
+    public setStatus = vi.fn();
+    public clearStatus = vi.fn();
+}
+
+/**
+ * Open the dropdown and pick the "Custom…" entry, leaving it ready to enter a
+ * custom status / pick an emoji.
+ */
+async function openCustomEditor(): Promise<void> {
+    await userEvent.click(screen.getByRole("combobox"));
+    await userEvent.click(screen.getByRole("option", { name: "✍️Custom…" }));
+}
+
+describe("SetStatusView", () => {
+    it("lets the user type a custom status", async () => {
+        const vm = new SetStatusViewModel({});
+        render(<SetStatusView vm={vm} />);
+
+        await openCustomEditor();
+
+        await userEvent.type(screen.getByRole("textbox", { name: "What's your status?" }), "Happy");
+        await userEvent.click(await screen.findByRole("button", { name: "Save" }));
+
+        expect(vm.setStatus).toHaveBeenCalledWith({ emoji: "😄", text: "Happy" });
+    });
+
+    it("sets a custom status with an emoji chosen from the picker", async () => {
+        const vm = new SetStatusViewModel({});
+        render(<SetStatusView vm={vm} />);
+
+        await openCustomEditor();
+
+        await userEvent.click(screen.getByRole("button", { name: "Choose Emoji" }));
+        // Pick from the always-rendered quick reactions row
+        await userEvent.click(await screen.findByText("🤩"));
+
+        await userEvent.type(screen.getByRole("textbox", { name: "What's your status?" }), "Starstruck");
+        await userEvent.click(await screen.findByRole("button", { name: "Save" }));
+
+        expect(vm.setStatus).toHaveBeenCalledWith({ emoji: "🤩", text: "Starstruck" });
+    });
+
+    it("returns to the set status prompt if the custom editor is cancelled", async () => {
+        const vm = new SetStatusViewModel({});
+        render(<SetStatusView vm={vm} />);
+
+        await openCustomEditor();
+
+        await userEvent.click(screen.getByRole("button", { name: "Cancel" }));
+
+        expect(vm.setStatus).not.toHaveBeenCalled();
+        expect(screen.getByRole("combobox")).toBeInTheDocument();
+        expect(screen.queryByRole("textbox")).not.toBeInTheDocument();
+    });
+});
diff --git a/packages/shared-components/src/status/SetStatusView.tsx b/packages/shared-components/src/status/SetStatusView.tsx
new file mode 100644
index 00000000000..d87b84dc097
--- /dev/null
+++ b/packages/shared-components/src/status/SetStatusView.tsx
@@ -0,0 +1,145 @@
+/*
+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, useCallback } from "react";
+import { Dropdown, type DropdownTriggerProps, Link, Text } from "@vector-im/compound-web";
+import { ReactionIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t, _td, type UserStatus } from "..";
+import { useViewModel, type ViewModel } from "../core/viewmodel";
+import { StatusPillView } from "./StatusPillView";
+import { CustomStatusView } from "./CustomStatusView";
+import styles from "./SetStatusView.module.css";
+
+const STATUSES = {
+    in_a_meeting: { emoji: "💬", textKey: _td("status|set_status|in_a_meeting") },
+    focus_time: { emoji: "💡", textKey: _td("status|set_status|focus_time") },
+    on_the_road: { emoji: "🚙", textKey: _td("status|set_status|on_the_road") },
+    be_right_back: { emoji: "☕️", textKey: _td("status|set_status|be_right_back") },
+    away: { emoji: "🌴", textKey: _td("status|set_status|away") },
+    custom: { emoji: "✍️", textKey: _td("status|set_status|custom") },
+};
+type StatusValue = keyof typeof STATUSES;
+// No need to keep recompyuting this, it won't change
+const STATUS_KEYS = Object.keys(STATUSES) as StatusValue[];
+
+export interface SetStatusViewSnapshot {
+    /**
+     * The current user status, or undefined if no status is set.
+     */
+    userStatus?: UserStatus;
+}
+
+export interface SetStatusViewActions {
+    /**
+     * Called when the user clicks to start setting a status.
+     *
+     * If falsy, the default dropdown will open for the user to choose a status.
+     */
+    onSetStatusClick?: () => void;
+
+    /**
+     * Called when the user selects a preset status from the dropdown.
+     */
+    setStatus: (status: UserStatus) => void;
+
+    /**
+     * Called when the user clears their current status.
+     */
+    clearStatus: () => void;
+}
+
+export type SetStatusViewModel = ViewModel<SetStatusViewSnapshot, SetStatusViewActions>;
+
+export type SetStatusViewProps = {
+    vm: SetStatusViewModel;
+};
+
+function StatusOption({ value }: { value: StatusValue }): React.ReactNode {
+    return (
+        <>
+            <span className={styles.dropdownEmoji}>{STATUSES[value].emoji}</span>
+            <span>{_t(STATUSES[value].textKey)}</span>
+        </>
+    );
+}
+
+export function SetStatusView({ vm }: SetStatusViewProps): JSX.Element {
+    const { userStatus } = useViewModel(vm);
+    const [customMode, setCustomMode] = useState(false);
+
+    const renderItem = useCallback((value: StatusValue | null): React.ReactNode => {
+        if (value === null) return null;
+
+        return <StatusOption value={value} />;
+    }, []);
+
+    if (userStatus) {
+        return <StatusPillView status={userStatus} clearStatus={vm.clearStatus} />;
+    }
+
+    if (customMode) {
+        return (
+            <CustomStatusView
+                onSave={(status) => {
+                    setCustomMode(false);
+                    vm.setStatus(status);
+                }}
+                onCancel={() => setCustomMode(false)}
+            />
+        );
+    }
+
+    const renderTrigger = (props: DropdownTriggerProps): JSX.Element => {
+        const trigger = (
+            <div className={styles.setStatusContainer}>
+                <Link
+                    className={styles.setStatusTrigger}
+                    aria-label={_t("status|set_status|set_status_prompt")}
+                    {...props}
+                >
+                    <ReactionIcon />
+                    <Text as="span" type="body" size="md" weight="medium">
+                        {_t("status|set_status|set_status_prompt")}
+                    </Text>
+                </Link>
+            </div>
+        );
+
+        return trigger;
+    };
+
+    const onValueChange = (value: StatusValue): void => {
+        if (value === "custom") {
+            setCustomMode(true);
+            return;
+        }
+
+        const status = STATUSES[value];
+
+        if (!status) {
+            return;
+        }
+
+        vm.setStatus({
+            emoji: status.emoji,
+            text: _t(status.textKey),
+        });
+    };
+
+    return vm.onSetStatusClick ? (
+        renderTrigger({ onClick: vm.onSetStatusClick })
+    ) : (
+        <Dropdown<StatusValue>
+            values={STATUS_KEYS}
+            label={null}
+            trigger={renderTrigger}
+            onValueChange={onValueChange}
+            renderItem={renderItem}
+        />
+    );
+}
diff --git a/packages/shared-components/src/status/StatusPillView.module.css b/packages/shared-components/src/status/StatusPillView.module.css
new file mode 100644
index 00000000000..0d347c06f5a
--- /dev/null
+++ b/packages/shared-components/src/status/StatusPillView.module.css
@@ -0,0 +1,35 @@
+/*
+ * 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.
+ */
+
+.statusPill {
+    border-radius: 30px;
+    background: var(--cpd-color-bg-subtle-secondary);
+    display: inline-flex;
+    /* Disables filling to available width if we're in a flex container */
+    align-self: flex-start;
+    align-items: center;
+    padding-inline-start: var(--cpd-space-2x);
+    gap: 6px;
+    white-space: nowrap;
+    overflow: hidden;
+    max-width: 100%;
+
+    .menuStatusEmoji {
+        flex-shrink: 0;
+    }
+
+    .menuStatusText {
+        overflow: hidden;
+        min-width: 0;
+        text-overflow: ellipsis;
+    }
+
+    span {
+        font: var(--cpd-font-body-md-medium);
+        color: var(--cpd-color-text-secondary);
+    }
+}
diff --git a/packages/shared-components/src/status/StatusPillView.tsx b/packages/shared-components/src/status/StatusPillView.tsx
new file mode 100644
index 00000000000..bbab0b85f42
--- /dev/null
+++ b/packages/shared-components/src/status/StatusPillView.tsx
@@ -0,0 +1,44 @@
+/*
+ * 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 Ref, type HTMLAttributes } from "react";
+import { IconButton, Text } from "@vector-im/compound-web";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t, type UserStatus } from "..";
+import styles from "./StatusPillView.module.css";
+
+/**
+ * Displays a user's status message in a pill format with a button that can be used
+ * to clear the status.
+ */
+export const StatusPillView: React.FC<
+    {
+        status: UserStatus;
+        clearStatus: () => void;
+        ref?: Ref<HTMLDivElement>;
+    } & HTMLAttributes<HTMLDivElement>
+> = ({ status, clearStatus, ref, ...props }): JSX.Element => {
+    return (
+        <div ref={ref} {...props} className={styles.statusPill}>
+            <Text as="span" className={styles.menuStatusEmoji}>
+                {status.emoji}
+            </Text>
+            <Text as="span" className={styles.menuStatusText}>
+                {status.text}
+            </Text>
+            <IconButton
+                onClick={clearStatus}
+                aria-label={_t("menus|user_menu|clear_status")}
+                tooltip={_t("menus|user_menu|clear_status")}
+                size="28px"
+            >
+                <CloseIcon />
+            </IconButton>
+        </div>
+    );
+};
diff --git a/packages/shared-components/src/status/StatusTextView.module.css b/packages/shared-components/src/status/StatusTextView.module.css
new file mode 100644
index 00000000000..7b584b4f5c0
--- /dev/null
+++ b/packages/shared-components/src/status/StatusTextView.module.css
@@ -0,0 +1,25 @@
+/*
+ * 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.
+ */
+
+.statusText {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--cpd-space-1x);
+    max-width: 100%;
+
+    span {
+        font: var(--cpd-font-body-md-medium);
+        color: var(--cpd-color-text-secondary);
+    }
+
+    .menuStatusText {
+        overflow: hidden;
+        min-width: 0;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+}
diff --git a/packages/shared-components/src/status/StatusTextView.stories.tsx b/packages/shared-components/src/status/StatusTextView.stories.tsx
new file mode 100644
index 00000000000..c6613b83b67
--- /dev/null
+++ b/packages/shared-components/src/status/StatusTextView.stories.tsx
@@ -0,0 +1,24 @@
+/*
+ * 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 Meta, type StoryObj } from "@storybook/react-vite";
+
+import { StatusTextView } from "./StatusTextView";
+
+const meta = {
+    title: "Status/StatusTextView",
+    component: StatusTextView,
+    tags: ["autodocs"],
+    args: {
+        status: { emoji: "🦩", text: "Flamboyant" },
+    },
+} satisfies Meta<typeof StatusTextView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/status/StatusTextView.test.tsx b/packages/shared-components/src/status/StatusTextView.test.tsx
new file mode 100644
index 00000000000..b3d380fcaf8
--- /dev/null
+++ b/packages/shared-components/src/status/StatusTextView.test.tsx
@@ -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.
+ */
+
+import { composeStories } from "@storybook/react-vite";
+import React from "react";
+import { describe, expect, it } from "vitest";
+import { render, screen } from "@test-utils";
+
+import * as stories from "./StatusTextView.stories";
+
+const { Default } = composeStories(stories);
+
+describe("StatusTextView", () => {
+    it("should display the status text and emoji", () => {
+        render(<Default />);
+        expect(screen.getByText("Flamboyant")).toBeInTheDocument();
+        expect(screen.getByText("🦩")).toBeInTheDocument();
+    });
+});
diff --git a/packages/shared-components/src/status/StatusTextView.tsx b/packages/shared-components/src/status/StatusTextView.tsx
new file mode 100644
index 00000000000..b5e86abbdd1
--- /dev/null
+++ b/packages/shared-components/src/status/StatusTextView.tsx
@@ -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.
+ */
+
+import React, { type JSX, type FC } from "react";
+import { Text } from "@vector-im/compound-web";
+
+import { type UserStatus } from "..";
+import styles from "./StatusTextView.module.css";
+
+/**
+ * Displays a user's status message and emoji in simple text format
+ */
+export const StatusTextView: FC<
+    {
+        status: UserStatus;
+        ref?: React.Ref<HTMLDivElement>;
+    } & React.HTMLAttributes<HTMLDivElement>
+> = function StatusTextView({ status, ref, ...props }): JSX.Element {
+    return (
+        <div ref={ref} {...props} className={styles.statusText}>
+            <Text as="span" className={styles.menuStatusEmoji}>
+                {status.emoji}
+            </Text>
+            <Text as="span" className={styles.menuStatusText}>
+                {status.text}
+            </Text>
+        </div>
+    );
+};
diff --git a/packages/shared-components/src/status/UserStatusIconView.stories.tsx b/packages/shared-components/src/status/UserStatusIconView.stories.tsx
new file mode 100644
index 00000000000..30d95388732
--- /dev/null
+++ b/packages/shared-components/src/status/UserStatusIconView.stories.tsx
@@ -0,0 +1,31 @@
+/*
+ * 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 Meta, type StoryObj } from "@storybook/react-vite";
+
+import { UserStatusIconView, type UserStatusIconViewModel } from "./UserStatusIconView";
+import { MockViewModel } from "../core/viewmodel/MockViewModel";
+
+const meta = {
+    title: "Status/UserStatusIconView",
+    component: UserStatusIconView,
+    tags: ["autodocs"],
+    args: {
+        vm: new MockViewModel({ status: { emoji: "🐎", text: "on a horse" } }) as UserStatusIconViewModel,
+    },
+} satisfies Meta<typeof UserStatusIconView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const NoStatus: Story = {
+    args: {
+        vm: new MockViewModel({ status: undefined }) as UserStatusIconViewModel,
+    },
+};
diff --git a/packages/shared-components/src/status/UserStatusIconView.test.tsx b/packages/shared-components/src/status/UserStatusIconView.test.tsx
new file mode 100644
index 00000000000..5e04cb1c1c5
--- /dev/null
+++ b/packages/shared-components/src/status/UserStatusIconView.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 { composeStories } from "@storybook/react-vite";
+import React from "react";
+import { describe, expect, it } from "vitest";
+import userEvent from "@testing-library/user-event";
+import { render, screen, waitFor } from "@test-utils";
+
+import * as stories from "./UserStatusIconView.stories";
+
+const { Default, NoStatus } = composeStories(stories);
+
+describe("UserStatusIconView", () => {
+    it("renders nothing when the user has no status", () => {
+        const { container } = render(<NoStatus />);
+        expect(container).toBeEmptyDOMElement();
+    });
+
+    it("renders the status emoji", () => {
+        render(<Default />);
+        expect(screen.getByText("🐎")).toBeInTheDocument();
+    });
+
+    it("shows the status text in a tooltip on hover", async () => {
+        render(<Default />);
+
+        await userEvent.hover(screen.getByText("🐎"));
+        await waitFor(() => {
+            expect(screen.getByRole("tooltip")).toHaveTextContent("on a horse");
+        });
+    });
+});
diff --git a/packages/shared-components/src/status/UserStatusIconView.tsx b/packages/shared-components/src/status/UserStatusIconView.tsx
new file mode 100644
index 00000000000..6b1d724022b
--- /dev/null
+++ b/packages/shared-components/src/status/UserStatusIconView.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 React, { type JSX } from "react";
+import { Text, Tooltip } from "@vector-im/compound-web";
+
+import { type ViewModel, useViewModel } from "../core/viewmodel";
+import { type UserStatus } from "..";
+
+/**
+ * Snapshot for the UserStatusIconView.
+ */
+export interface UserStatusIconViewSnapshot {
+    /**
+     * The user's status, or undefined if not available.
+     */
+    status?: UserStatus;
+}
+
+/**
+ * The view model for UserStatusIconView.
+ */
+export type UserStatusIconViewModel = ViewModel<UserStatusIconViewSnapshot>;
+
+interface UserStatusIconViewProps {
+    /**
+     * The view model for the user status icon.
+     */
+    vm: UserStatusIconViewModel;
+}
+
+/**
+ * Displays the MSC4426 status emoji for a user, e.g. after their display name
+ * in the user mention autocomplete. Renders nothing if the user has no status.
+ */
+export function UserStatusIconView({ vm }: Readonly<UserStatusIconViewProps>): JSX.Element | null {
+    const { status } = useViewModel(vm);
+    if (!status) return null;
+    return (
+        <Tooltip description={status.text}>
+            <Text as="span">{status.emoji}</Text>
+        </Tooltip>
+    );
+}
diff --git a/packages/shared-components/src/test/setupTests.ts b/packages/shared-components/src/test/setupTests.ts
new file mode 100644
index 00000000000..f21999885cf
--- /dev/null
+++ b/packages/shared-components/src/test/setupTests.ts
@@ -0,0 +1,66 @@
+/*
+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 fetchMock from "@fetch-mock/vitest";
+import { cleanup } from "@test-utils";
+import { afterEach, expect } from "vitest";
+
+import { setLanguage } from "../../src/core/i18n/i18n";
+import en from "../i18n/strings/en_EN.json";
+
+const REACT_USE_ID = /_r_[a-z0-9]+_/g;
+
+function normaliseReactUseIds(snapshot: string): string {
+    // React useId values can vary between runs and make snapshots flaky:
+    // https://github.com/element-hq/element-web/issues/31765
+    // Avoid running the regex for DOM snapshots without React useId output.
+    if (!snapshot.includes("_r_")) return snapshot;
+
+    const ids = new Map<string, string>();
+    let nextId = 1;
+
+    return snapshot.replace(REACT_USE_ID, (id) => {
+        let replacement = ids.get(id);
+        if (!replacement) {
+            replacement = `react-use-id-${nextId++}`;
+            ids.set(id, replacement);
+        }
+        return replacement;
+    });
+}
+
+// Prevent this serializer from recursively matching the same DOM node when it calls serialize().
+let isSerializingDomSnapshot = false;
+
+expect.addSnapshotSerializer({
+    test: (value: unknown): value is Element | DocumentFragment =>
+        !isSerializingDomSnapshot && (value instanceof Element || value instanceof DocumentFragment),
+    print: (value: unknown, serialize: (value: unknown) => string): string => {
+        isSerializingDomSnapshot = true;
+        try {
+            return normaliseReactUseIds(serialize(value));
+        } finally {
+            isSerializingDomSnapshot = false;
+        }
+    },
+});
+
+function setupLanguageMock(): void {
+    fetchMock
+        .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/index.tsx b/packages/shared-components/src/test/utils/index.tsx
new file mode 100644
index 00000000000..decdd02b210
--- /dev/null
+++ b/packages/shared-components/src/test/utils/index.tsx
@@ -0,0 +1,74 @@
+/*
+Copyright 2025 Element Creations Ltd.
+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.
+*/
+
+// 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.
+
+import React, { type ReactElement } from "react";
+// eslint-disable-next-line no-restricted-imports
+import { render, type RenderOptions } from "@testing-library/react";
+import { TooltipProvider } from "@vector-im/compound-web";
+
+import {
+    DEFAULT_EVENT_PRESENTATION,
+    EventPresentationProvider,
+    I18nApi,
+    I18nContext,
+    type EventPresentation,
+} from "../..";
+
+type SharedRenderOptions = RenderOptions & {
+    presentation?: Partial<EventPresentation>;
+};
+
+const i18nApi = new I18nApi();
+
+const wrapWithTooltipProvider = (Wrapper: RenderOptions["wrapper"], presentation?: Partial<EventPresentation>) => {
+    return ({ children }: { children: React.ReactNode }) => {
+        const resolvedPresentation: EventPresentation | undefined = presentation
+            ? { ...DEFAULT_EVENT_PRESENTATION, ...presentation }
+            : undefined;
+        const content = resolvedPresentation ? (
+            <EventPresentationProvider value={resolvedPresentation}>
+                <TooltipProvider>{children}</TooltipProvider>
+            </EventPresentationProvider>
+        ) : (
+            <TooltipProvider>{children}</TooltipProvider>
+        );
+
+        if (Wrapper) {
+            return (
+                <I18nContext.Provider value={i18nApi}>
+                    <Wrapper>{content}</Wrapper>
+                </I18nContext.Provider>
+            );
+        } else {
+            return <I18nContext.Provider value={i18nApi}>{content}</I18nContext.Provider>;
+        }
+    };
+};
+
+const customRender = (ui: ReactElement, options: SharedRenderOptions = {}): ReturnType<typeof render> => {
+    const { presentation, wrapper, ...renderOptions } = options;
+
+    return render(ui, {
+        ...renderOptions,
+        wrapper: wrapWithTooltipProvider(wrapper, presentation) as RenderOptions["wrapper"],
+    });
+};
+
+// eslint-disable-next-line no-restricted-imports
+export * from "@testing-library/react";
+
+/**
+ * This custom render function wraps your component with a TooltipProvider.
+ * See https://testing-library.com/docs/react-testing-library/setup/#custom-render
+ */
+export { customRender as render };
diff --git a/packages/shared-components/static/README.md b/packages/shared-components/static/README.md
new file mode 100644
index 00000000000..6d3d003a65b
--- /dev/null
+++ b/packages/shared-components/static/README.md
@@ -0,0 +1,3 @@
+# static
+
+This directory contains resources to be used in component stories and tests to demonstate behaviours (e.g. images used in previews).
diff --git a/packages/shared-components/static/element.png b/packages/shared-components/static/element.png
new file mode 100644
index 00000000000..53ca7652b4e
Binary files /dev/null and b/packages/shared-components/static/element.png differ
diff --git a/packages/shared-components/static/image-body/install-spinner.gif b/packages/shared-components/static/image-body/install-spinner.gif
new file mode 100644
index 00000000000..ce6c17844a7
Binary files /dev/null and b/packages/shared-components/static/image-body/install-spinner.gif differ
diff --git a/packages/shared-components/static/image-body/install-spinner.png b/packages/shared-components/static/image-body/install-spinner.png
new file mode 100644
index 00000000000..75c3f48ad8f
Binary files /dev/null and b/packages/shared-components/static/image-body/install-spinner.png differ
diff --git a/packages/shared-components/static/profile-pics/profile1.png b/packages/shared-components/static/profile-pics/profile1.png
new file mode 100644
index 00000000000..94c52f3f83a
Binary files /dev/null and b/packages/shared-components/static/profile-pics/profile1.png differ
diff --git a/packages/shared-components/static/profile-pics/profile2.png b/packages/shared-components/static/profile-pics/profile2.png
new file mode 100644
index 00000000000..bb43ae7ca26
Binary files /dev/null and b/packages/shared-components/static/profile-pics/profile2.png differ
diff --git a/packages/shared-components/static/profile-pics/profile3.png b/packages/shared-components/static/profile-pics/profile3.png
new file mode 100644
index 00000000000..95c06110084
Binary files /dev/null and b/packages/shared-components/static/profile-pics/profile3.png differ
diff --git a/packages/shared-components/static/tallImage.png b/packages/shared-components/static/tallImage.png
new file mode 100644
index 00000000000..43ccc82c58e
Binary files /dev/null and b/packages/shared-components/static/tallImage.png differ
diff --git a/packages/shared-components/static/videoBodyDemo.webm b/packages/shared-components/static/videoBodyDemo.webm
new file mode 100644
index 00000000000..ec5a695fa4e
Binary files /dev/null and b/packages/shared-components/static/videoBodyDemo.webm differ
diff --git a/packages/shared-components/static/wideImage.png b/packages/shared-components/static/wideImage.png
new file mode 100644
index 00000000000..746015d81b1
Binary files /dev/null and b/packages/shared-components/static/wideImage.png differ
diff --git a/packages/shared-components/tsconfig.json b/packages/shared-components/tsconfig.json
new file mode 100644
index 00000000000..1915d5b02e7
--- /dev/null
+++ b/packages/shared-components/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "allowImportingTsExtensions": true,
+        "experimentalDecorators": false,
+        "emitDecoratorMetadata": false,
+        "resolveJsonModule": true,
+        "esModuleInterop": true,
+        "useDefineForClassFields": true,
+        "module": "es2022",
+        "moduleResolution": "bundler",
+        "target": "es2022",
+        "noUnusedLocals": true,
+        "sourceMap": false,
+        "declaration": true,
+        "jsx": "react",
+        "lib": ["es2022", "es2024.promise", "dom", "dom.iterable"],
+        "types": ["vite/client", "storybook-addon-vis/matcher"],
+        "strict": true,
+        "paths": {
+            "@test-utils": ["./src/test/utils/index"]
+        },
+        "noEmit": true
+    },
+    "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 00000000000..a34d2442f31
--- /dev/null
+++ b/packages/shared-components/tsconfig.node.json
@@ -0,0 +1,14 @@
+{
+    "compilerOptions": {
+        "composite": true,
+        "target": "ESNext",
+        "module": "esnext",
+        "moduleResolution": "bundler",
+        "esModuleInterop": true,
+        "strict": true,
+        "types": [],
+        "allowSyntheticDefaultImports": true,
+        "skipLibCheck": true
+    },
+    "include": ["vite.config.ts", "vitest.config.ts", "../../vitest.config.ts"]
+}
diff --git a/packages/shared-components/typedoc.json b/packages/shared-components/typedoc.json
new file mode 100644
index 00000000000..c8c09215613
--- /dev/null
+++ b/packages/shared-components/typedoc.json
@@ -0,0 +1,30 @@
+{
+    "$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/"
+        },
+        "linkifyjs": {
+            "*": "https://linkify.js.org/docs/"
+        }
+    }
+}
diff --git a/packages/shared-components/vite.config.ts b/packages/shared-components/vite.config.ts
new file mode 100644
index 00000000000..8652e269029
--- /dev/null
+++ b/packages/shared-components/vite.config.ts
@@ -0,0 +1,112 @@
+/*
+ * 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 { existsSync, readFileSync, renameSync, writeFileSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { defineConfig, esmExternalRequirePlugin, type Plugin } from "vite";
+import dts from "unplugin-dts/vite";
+import react from "@vitejs/plugin-react";
+import path from "node:path";
+
+const cssLayerOrder = "@layer compound-tokens, compound-web, shared-components, app-web;";
+const sharedComponentsLayer = "shared-components";
+
+const cssAssetFileName = "element-web-shared-components.css";
+
+function layerCssAssets(): Plugin {
+    return {
+        name: "element-web-shared-components-css-layer",
+        // Rename + layer-wrap the emitted CSS file. With multi-entry lib mode,
+        // vite/rolldown derives CSS filenames from the unscoped package name (dropping
+        // the `element-` prefix), so we rename on disk to keep the path stable for
+        // consumers importing `@element-hq/web-shared-components/.../*.css`.
+        writeBundle(options): void {
+            const outDir = options.dir ?? fileURLToPath(import.meta.resolve("./dist"));
+            const expectedPath = path.resolve(outDir, cssAssetFileName);
+            const renamedFromPath = path.resolve(outDir, "web-shared-components.css");
+
+            if (existsSync(renamedFromPath)) {
+                renameSync(renamedFromPath, expectedPath);
+            }
+
+            // No CSS emitted in this build (e.g. storybook's vite build doesn't produce
+            // the library CSS bundle), or already renamed and layered on a prior pass.
+            if (!existsSync(expectedPath)) return;
+
+            const source = readFileSync(expectedPath, "utf-8");
+            if (source.startsWith(cssLayerOrder)) return;
+            writeFileSync(expectedPath, `${cssLayerOrder}\n@layer ${sharedComponentsLayer} {\n${source}\n}\n`);
+        },
+    };
+}
+
+export default defineConfig({
+    build: {
+        lib: {
+            // Two entries: the main bundle and a standalone `numbers` utility that callers
+            // running outside the browser DOM (e.g. AudioWorkletGlobalScope) can import without
+            // pulling in the rest of the package — which transitively loads dnd-kit and
+            // other window/document-dependent code.
+            entry: {
+                "element-web-shared-components": fileURLToPath(import.meta.resolve("./src/index.ts")),
+                "numbers": fileURLToPath(import.meta.resolve("./src/core/utils/numbers.ts")),
+            },
+            name: "Element Web Shared Components",
+            // Multi-entry mode needs both formats explicit; UMD doesn't support multi-entry
+            // (single global), so we ship ES + CJS and use the `.umd.cjs` extension for CJS
+            // to keep the existing package.json `require` paths working.
+            formats: ["es", "cjs"],
+            fileName: (format, entryName) => `${entryName}.${format === "es" ? "js" : "umd.cjs"}`,
+        },
+        outDir: "dist",
+        rolldownOptions: {
+            // make sure to externalize deps that shouldn't be bundled
+            // into your library
+            external: [
+                "@matrix-org/emojibase-bindings",
+                "@vector-im/compound-design-tokens",
+                "@vector-im/compound-web",
+                "react-virtuoso",
+                "react-resizable-panels",
+            ],
+            plugins: [
+                esmExternalRequirePlugin({
+                    external: ["react", "react-dom"],
+                }),
+            ],
+            output: {
+                // Provide global variables to use in the UMD build
+                // for externalized deps
+                globals: {
+                    "react": "react",
+                    "@matrix-org/emojibase-bindings": "matrixEmojibaseBindings",
+                    "@vector-im/compound-design-tokens": "compoundDesignTokens",
+                    "@vector-im/compound-web": "compoundWeb",
+                    "react-virtuoso": "reactVirtuoso",
+                    "react-resizable-panels": "reactResizablePanels",
+                },
+            },
+        },
+    },
+    plugins: [
+        react(),
+        layerCssAssets(),
+        dts({
+            bundleTypes: {
+                invokeOptions: {
+                    localBuild: !!process.env.CI,
+                    // oxlint-disable-next-line unicorn/prefer-module
+                    typescriptCompilerFolder: path.resolve(require.resolve("@typescript/old"), "../.."),
+                },
+            },
+            include: ["src/**/*.{ts,tsx}"],
+            exclude: ["src/**/*.test.{ts,tsx}", "src/**/*.stories.{ts,tsx}"],
+            copyDtsFiles: false,
+        }),
+    ],
+});
diff --git a/packages/shared-components/vitest.config.ts b/packages/shared-components/vitest.config.ts
new file mode 100644
index 00000000000..e1ad7fcdac6
--- /dev/null
+++ b/packages/shared-components/vitest.config.ts
@@ -0,0 +1,139 @@
+/*
+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 { defineConfig } from "vitest/config";
+import { fileURLToPath } from "node:url";
+import { storybookTest } from "@storybook/addon-vitest/vitest-plugin";
+import { storybookVis } from "storybook-addon-vis/vitest-plugin";
+import { playwright, type PlaywrightProviderOptions } from "@vitest/browser-playwright";
+import { nodePolyfills } from "vite-plugin-node-polyfills";
+
+import rootConfig from "../../vitest.config";
+import react from "@vitejs/plugin-react";
+
+const commonContextOptions: PlaywrightProviderOptions["contextOptions"] = {
+    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: {
+            exclude: ["src/**/*.stories.tsx"],
+            provider: "v8",
+            include: ["src/**/*.{ts,tsx}"],
+            reporter: [["lcov", { projectRoot: "../../" }]],
+        },
+        reporters: rootConfig.test?.reporters,
+        onConsoleLog(log: string): boolean | void {
+            // Suppress the i18n language-loading log; it fires on every
+            // setLanguage() call in setup and adds noise to test output.
+            if (log.startsWith("Loading language from")) return false;
+        },
+        environment: "node",
+        pool: "threads",
+        globals: false,
+        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: "./.storybook",
+                        storybookScript: "storybook --ci",
+                        tags: {
+                            exclude: ["skip-test"],
+                        },
+                    }),
+                    storybookVis({
+                        // 3px of difference allowed before marking as failed
+                        failureThreshold: 3,
+                        // When running in CI=1 mode, set the platform to `linux` as that is the platform where the browser-in-docker is running
+                        snapshotRootDir: ({ ci, platform }) => `__vis__/${ci ? "linux" : platform}`,
+                    }),
+                ],
+                test: {
+                    name: "storybook",
+                    browser: {
+                        enabled: true,
+                        headless: true,
+                        provider: playwright({
+                            contextOptions: commonContextOptions,
+                            launchOptions: commonLaunchOptions,
+                            connectOptions: process.env.PW_TEST_CONNECT_WS_ENDPOINT
+                                ? {
+                                      wsEndpoint: process.env.PW_TEST_CONNECT_WS_ENDPOINT,
+                                      exposeNetwork: "<loopback>",
+                                  }
+                                : undefined,
+                        }),
+                        instances: [{ browser: "chromium" }],
+                    },
+                    setupFiles: [".storybook/vitest.setup.ts"],
+                },
+            },
+            {
+                extends: true,
+                // as any is workaround for https://github.com/davidmyersdev/vite-plugin-node-polyfills/issues/150
+                plugins: [nodePolyfills({ include: ["util"], globals: { global: false } }) as any],
+                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 while keeping names distinct across CSS modules.
+                        generateScopedName: "[name]_[local]",
+                    },
+                },
+            },
+        ],
+    },
+    optimizeDeps: {
+        include: [
+            "vite-plugin-node-polyfills/shims/buffer",
+            "vite-plugin-node-polyfills/shims/process",
+            "@vector-im/compound-design-tokens/assets/web/icons",
+            "storybook/preview-api",
+            // The room-list view pulls in a heavy dnd-kit + react-virtuoso graph. If these are left to
+            // runtime discovery, the browser-mode dep optimizer can re-bundle mid-run and reload the page,
+            // which fails the in-flight setupTests.ts import for the room-list unit suites. Pre-bundle the
+            // whole graph up front so the optimizer never needs to re-run while tests are loading.
+            "@dnd-kit/abstract",
+            "@dnd-kit/abstract/modifiers",
+            "@dnd-kit/dom",
+            "@dnd-kit/react",
+            "react-virtuoso",
+        ],
+    },
+    resolve: {
+        alias: {
+            "@test-utils": fileURLToPath(import.meta.resolve("./src/test/utils/index.tsx")),
+        },
+    },
+    plugins: [react()],
+});
diff --git a/packages/shared-types/lib/config.json.d.ts b/packages/shared-types/lib/config.json.d.ts
new file mode 100644
index 00000000000..a05dd19a9c7
--- /dev/null
+++ b/packages/shared-types/lib/config.json.d.ts
@@ -0,0 +1,226 @@
+/*
+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 { DeepPartial } from "./utils";
+import { ClientWellKnown } from "./matrix";
+
+// Convention decision: All config options are lower_snake_case
+// see docs/config.md for non-developer docs
+
+/**
+ * Type describing the `config.json` format for Element Web
+ * All fields are optional here, consumers should validate that fields are present before assuming otherwise
+ */
+export interface WebConfigJson {
+    // dev note: while true that this is arbitrary JSON, it's valuable to enforce that all
+    // config options are documented for "find all usages" sort of searching.
+
+    // Properties of this interface are roughly grouped by their subject matter, such as
+    // "instance customisation", "login stuff", "branding", etc. Use blank lines to denote
+    // a logical separation of properties, but keep similar ones near each other.
+
+    // Exactly one of the following must be supplied
+    default_server_config?: DeepPartial<Pick<ClientWellKnown, "m.homeserver" | "m.identity_server">>;
+    default_server_name?: string; // domain to do well-known lookup on
+    default_hs_url?: string; // http url
+
+    default_is_url?: string; // used in combination with default_hs_url, but for the identity server
+
+    fallback_hs_url?: string;
+
+    disable_custom_urls?: boolean;
+    disable_guests?: boolean;
+    disable_login_language_selector?: boolean;
+    disable_3pid_login?: boolean;
+
+    /**
+     * Whether the app may make runtime requests to the user's `<server_name>/.well-known/matrix/...`
+     * endpoints (such as the post-login client well-known poll). Set to false to disable these, so the app
+     * only contacts the homeserver base URL. Does not affect the `well_known` returned inline in the
+     * `/login` response. Defaults to true.
+     */
+    enable_client_well_known_lookups?: boolean;
+
+    brand?: string;
+    branding?: {
+        welcome_background_url?: string | string[]; // chosen at random if array
+        logo_link_url?: string;
+        auth_header_logo_url?: string;
+        auth_footer_links?: { text: string; url: string }[];
+    };
+
+    force_verification?: boolean; // if true, users must verify new logins
+
+    map_style_url?: string; // for location-shared maps
+
+    embedded_pages?: {
+        welcome_url?: string;
+        home_url?: string;
+        login_for_welcome?: boolean;
+    };
+
+    permalink_prefix?: string;
+
+    desktop_builds?: {
+        available?: boolean;
+        logo?: string; // url
+        url?: string; // download url
+        url_macos?: string;
+        url_win64?: string;
+        url_win64arm?: string;
+        url_linux?: string;
+    };
+    mobile_builds?: {
+        ios?: string; // download url
+        android?: string; // download url
+        fdroid?: string; // download url
+    };
+
+    mobile_guide_toast?: boolean;
+    mobile_guide_app_variant?: "element" | "element-classic" | "element-pro";
+
+    default_theme?: "light" | "dark" | string; // custom themes are strings
+    default_country_code?: string; // ISO 3166 alpha2 country code
+    default_federate?: boolean;
+    default_device_display_name?: string; // for device naming on login+registration
+
+    setting_defaults?: Record<string, any>; // <SettingName, Value>
+
+    integrations_ui_url?: string;
+    integrations_rest_url?: string;
+    integrations_widgets_urls?: string[];
+    default_widget_container_height?: number; // height in pixels
+
+    show_labs_settings?: boolean;
+    features?: Record<string, boolean>; // <FeatureName, EnabledBool>
+
+    /**
+     * Bug report endpoint URL. "local" means the logs should not be uploaded.
+     * Omission disables bug reporting
+     */
+    bug_report_endpoint_url?: string;
+    sentry?: {
+        dsn?: string;
+        environment?: string; // "production", etc
+    };
+
+    widget_build_url?: string; // url called to replace jitsi/call widget creation
+    widget_build_url_ignore_dm?: boolean;
+    audio_stream_url?: string;
+    jitsi?: {
+        preferred_domain?: string;
+    };
+    jitsi_widget?: {
+        skip_built_in_welcome_screen?: boolean;
+    };
+    voip?: {
+        obey_asserted_identity?: boolean; // MSC3086
+    };
+    element_call?: {
+        guest_spa_url?: string;
+        brand?: string;
+        use_exclusively?: boolean;
+        disable?: boolean;
+    };
+
+    logout_redirect_url?: string;
+
+    sso_redirect_options?: {
+        immediate?: boolean;
+        on_welcome_page?: boolean;
+        on_login_page?: boolean;
+    };
+
+    custom_translations_url?: string;
+
+    report_event?: {
+        admin_message_md?: string; // message for how to contact the server owner when reporting an event
+    };
+
+    room_directory?: {
+        servers?: string[];
+    };
+
+    posthog?: {
+        project_api_key?: string;
+        api_host?: string; // hostname
+    };
+    analytics_owner?: string; // defaults to `brand`
+    privacy_policy_url?: string; // location for cookie policy
+
+    enable_presence_by_hs_url?: Record<string, boolean>; // <HomeserverName, Enabled>
+
+    terms_and_conditions_links?: { url: string; text: string }[];
+    help_url?: string;
+    help_encryption_url?: string;
+    help_key_storage_url?: string;
+
+    latex_maths_delims?: {
+        inline?: {
+            left?: string;
+            right?: string;
+            pattern?: {
+                tex?: string;
+                latex?: string;
+            };
+        };
+        display?: {
+            left?: string;
+            right?: string;
+            pattern?: {
+                tex?: string;
+                latex?: string;
+            };
+        };
+    };
+
+    sync_timeline_limit?: number;
+    dangerously_allow_unsafe_and_insecure_passwords?: boolean; // developer option
+
+    user_notice?: {
+        title?: string;
+        description?: string;
+        show_once?: boolean;
+    };
+
+    feedback?: {
+        existing_issues_url?: string;
+        new_issue_url?: string;
+    };
+
+    /**
+     * Configuration for OIDC issuers where a static client_id has been issued for the app.
+     * Otherwise dynamic client registration is attempted.
+     * The issuer URL must have a trailing `/`.
+     * OPTIONAL
+     */
+    oidc_static_clients?: {
+        [issuer: string]: { client_id: string };
+    };
+
+    /**
+     * Configuration for OIDC dynamic registration where a static OIDC client is not configured.
+     */
+    oidc_metadata?: {
+        client_uri?: string;
+        logo_uri?: string;
+        tos_uri?: string;
+        policy_uri?: string;
+        contacts?: string[];
+    };
+
+    modules?: string[];
+}
+
+/**
+ * Type describing the `config.json` format for Element Desktop, a superset of Element Web's config.
+ * All fields are optional here, consumers should validate that fields are present before assuming otherwise
+ */
+export interface DesktopConfigJson extends WebConfigJson {
+    web_base_url?: string;
+    update_base_url?: string;
+}
diff --git a/packages/shared-types/lib/index.d.ts b/packages/shared-types/lib/index.d.ts
new file mode 100644
index 00000000000..d07922b4ab4
--- /dev/null
+++ b/packages/shared-types/lib/index.d.ts
@@ -0,0 +1,11 @@
+/*
+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.
+*/
+
+export type * from "./config.json.d.ts";
+export type * from "./utils.d.ts";
+export type * from "./matrix.d.ts";
+export type * from "./json.d.ts";
diff --git a/packages/shared-types/lib/index.js b/packages/shared-types/lib/index.js
new file mode 100644
index 00000000000..1be6a73d8c5
--- /dev/null
+++ b/packages/shared-types/lib/index.js
@@ -0,0 +1 @@
+// Dummy file to make Node happy to import `shared-types` lib.
diff --git a/packages/shared-types/lib/json.d.ts b/packages/shared-types/lib/json.d.ts
new file mode 100644
index 00000000000..cf7255954ad
--- /dev/null
+++ b/packages/shared-types/lib/json.d.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.
+*/
+
+/** Type representing a valid JSON value */
+export type JsonValue = null | string | number | boolean;
+
+/** Type representing a valid JSON array */
+export type JsonArray = Array<JsonValue | JsonObject | JsonArray>;
+
+/** Type representing a valid JSON object */
+export interface JsonObject {
+    [key: string]: JsonObject | JsonArray | JsonValue;
+}
+
+/** Type representing a valid JSON document */
+export type JsonDocument = JsonArray | JsonObject;
diff --git a/packages/shared-types/lib/matrix.d.ts b/packages/shared-types/lib/matrix.d.ts
new file mode 100644
index 00000000000..609f62a0dd3
--- /dev/null
+++ b/packages/shared-types/lib/matrix.d.ts
@@ -0,0 +1,43 @@
+/*
+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 { JsonDocument } from "./json";
+
+/**
+ * As specified by https://spec.matrix.org/latest/client-server-api/#getwell-knownmatrixclient
+ */
+export type ClientWellKnown = {
+    /**
+     * Used by clients to discover homeserver information.
+     */
+    "m.homeserver": {
+        /**
+         * The base URL for the homeserver for client-server connections.
+         */
+        base_url: string;
+        /**
+         * This field is not part of the spec but supported by Element Web's config.json
+         * @deprecated - we should figure out whether we want to keep this or not.
+         */
+        server_name?: string;
+    };
+    /**
+     * Used by clients to discover identity server information.
+     */
+    "m.identity_server"?: {
+        /**
+         * The base URL for the identity server for client-server connections.
+         */
+        base_url: string;
+    };
+} & {
+    /**
+     * Other properties
+     * Application-dependent keys using Java package naming convention.
+     */
+    [key: string]: JsonDocument;
+};
diff --git a/packages/shared-types/lib/utils.d.ts b/packages/shared-types/lib/utils.d.ts
new file mode 100644
index 00000000000..e68cf0bfba2
--- /dev/null
+++ b/packages/shared-types/lib/utils.d.ts
@@ -0,0 +1,83 @@
+/*
+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.
+*/
+
+/**
+ * Returns a union type of the keys of the Input type whose names start with the given string Str.
+ */
+export type KeysStartingWith<Input extends object, Str extends string> = {
+    [P in keyof Input]: P extends `${Str}${infer _X}` ? P : never; // we don't use _X
+}[keyof Input];
+
+/**
+ * Makes fields of T and its object children optional if they are defined in D.
+ * Useful for generating the input type for a given function if it applies an object of defaults.
+ */
+export type Defaultize<P, D> = P extends any
+    ? string extends keyof P
+        ? P
+        : Pick<P, Exclude<keyof P, keyof D>> &
+              Partial<Pick<P, Extract<keyof P, keyof D>>> &
+              Partial<Pick<D, Exclude<keyof D, keyof P>>>
+    : never;
+
+/**
+ * Makes fields of T and its object children non-optional if they are defined in D.
+ * Useful for generating a type which allows you to know which fields will be defined once you apply default values.
+ */
+export type ResolveDefaults<T, D> = {
+    [K in keyof T as K extends keyof D ? K : never]-?: SafeIndex<D, K> extends object
+        ? NonNullable<T[K]> extends any[]
+            ? NonNullable<T[K]>
+            : NonNullable<T[K]> extends object
+              ? ResolveDefaults<NonNullable<T[K]>, SafeIndex<D, K>>
+              : NonNullable<T[K]>
+        : NonNullable<T[K]>;
+} & {
+    [K in keyof T as K extends keyof D ? never : K]: T[K];
+} & {};
+
+type SafeIndex<D, K> = K extends keyof D ? D[K] : never;
+
+/**
+ * Applies the `readonly` modifier to all fields of T and its object children.
+ */
+export type DeepReadonly<T> = T extends (infer R)[]
+    ? DeepReadonlyArray<R>
+    : T extends Function
+      ? T
+      : T extends object
+        ? DeepReadonlyObject<T>
+        : T;
+
+interface DeepReadonlyArray<T> extends ReadonlyArray<DeepReadonly<T>> {}
+
+type DeepReadonlyObject<T> = {
+    readonly [P in keyof T]: DeepReadonly<T[P]>;
+};
+
+/**
+ * Like `Partial` but requires at least one property to be present.
+ */
+export type AtLeastOne<T, U = { [K in keyof T]: Pick<T, K> }> = Partial<T> & U[keyof U];
+
+/**
+ * Returns a union type of the keys of the input Object type whose values are assignable to the given Item type.
+ * Based on https://stackoverflow.com/a/57862073
+ */
+export type Assignable<Object, Item> = {
+    [Key in keyof Object]: Object[Key] extends Item ? Key : never;
+}[keyof Object];
+
+/**
+ * Like `Partial` but for applied to all nested objects.
+ * Based on https://dev.to/perennialautodidact/adventures-in-typescript-deeppartial-2f2a
+ */
+export type DeepPartial<T> = T extends object
+    ? {
+          [P in keyof T]?: DeepPartial<T[P]>;
+      }
+    : T;
diff --git a/packages/shared-types/package.json b/packages/shared-types/package.json
new file mode 100644
index 00000000000..6fd62d3c309
--- /dev/null
+++ b/packages/shared-types/package.json
@@ -0,0 +1,20 @@
+{
+    "name": "shared-types",
+    "type": "module",
+    "version": "0.0.0",
+    "private": true,
+    "description": "Shared types for Element Web & Desktop",
+    "author": "element-hq",
+    "license": "SEE LICENSE IN README.md",
+    "main": "./lib/index.js",
+    "types": "./lib/index.d.ts",
+    "files": [
+        "lib"
+    ],
+    "scripts": {
+        "lint:types": "tsc --noEmit"
+    },
+    "devDependencies": {
+        "typescript": "catalog:"
+    }
+}
diff --git a/packages/shared-types/tsconfig.json b/packages/shared-types/tsconfig.json
new file mode 100644
index 00000000000..b58ee71b24b
--- /dev/null
+++ b/packages/shared-types/tsconfig.json
@@ -0,0 +1,13 @@
+{
+    "$schema": "http://json.schemastore.org/tsconfig",
+    "compilerOptions": {
+        "rootDir": "./lib",
+        "target": "esnext",
+        "lib": ["es2024"],
+        "strict": true,
+        "types": [],
+        "allowImportingTsExtensions": true,
+        "noEmit": true
+    },
+    "include": ["lib"]
+}
diff --git a/patches/@arcmantle__vite-plugin-import-css-sheet.patch b/patches/@arcmantle__vite-plugin-import-css-sheet.patch
new file mode 100644
index 00000000000..477223146d2
--- /dev/null
+++ b/patches/@arcmantle__vite-plugin-import-css-sheet.patch
@@ -0,0 +1,10 @@
+diff --git a/client.d.ts b/client.d.ts
+index d884a7e4491d62031b7df17250957084c4b3f70e..bf2a78c177e14109c062d09cd35884470ef7ebf0 100644
+--- a/client.d.ts
++++ b/client.d.ts
+@@ -1,3 +1,4 @@
+ declare module '*.css' {
+-	export default styles as CSSStyleSheet;
++	const styles: CSSStyleSheet;
++	export default styles;
+ }
diff --git a/patches/@matrix-org__react-sdk-module-api.patch b/patches/@matrix-org__react-sdk-module-api.patch
new file mode 100644
index 00000000000..edc8a6f29f6
--- /dev/null
+++ b/patches/@matrix-org__react-sdk-module-api.patch
@@ -0,0 +1,89 @@
+diff --git a/lib/ModuleApi.d.ts b/lib/ModuleApi.d.ts
+index 917a7fc073ea208ed8e45ccca994ae2ca0493bb8..a2710c6f99b1c6a9186232f3d1aa4d5e8a903062 100644
+--- a/lib/ModuleApi.d.ts
++++ b/lib/ModuleApi.d.ts
+@@ -37,7 +37,7 @@ export interface ModuleApi {
+      * @returns Whether the user submitted the dialog or closed it, and the model returned by the
+      * dialog component if submitted.
+      */
+-    openDialog<M extends object, P extends DialogProps = DialogProps, C extends DialogContent<P> = DialogContent<P>>(initialTitleOrOptions: string | ModuleUiDialogOptions, body: (props: P, ref: React.RefObject<C>) => React.ReactNode, props?: Omit<P, keyof DialogProps>): Promise<{
++    openDialog<M extends object, P extends DialogProps = DialogProps, C extends DialogContent<P> = DialogContent<P>>(initialTitleOrOptions: string | ModuleUiDialogOptions, body: (props: P, ref: React.RefObject<C | null>) => React.ReactNode, props?: Omit<P, keyof DialogProps>): Promise<{
+         didOkOrSubmit: boolean;
+         model: M;
+     }>;
+diff --git a/lib/lifecycles/CryptoSetupExtensions.d.ts b/lib/lifecycles/CryptoSetupExtensions.d.ts
+index cb5f2e5224f36e4a258caf782d49bf925dd552b9..d3474c6847c0c65e953219bf6616c1d8a2c37b62 100644
+--- a/lib/lifecycles/CryptoSetupExtensions.d.ts
++++ b/lib/lifecycles/CryptoSetupExtensions.d.ts
+@@ -66,8 +66,8 @@ 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 */
+@@ -77,8 +77,8 @@ export interface ProvideCryptoSetupExtensions {
+ 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. */
+@@ -98,8 +98,8 @@ 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;
+diff --git a/lib/lifecycles/CryptoSetupExtensions.js b/lib/lifecycles/CryptoSetupExtensions.js
+index 5d422ed500ac5846e713a8e8ecddb3be75357b60..011c19fafd06d1f203df1383360c52a45e387dcf 100644
+--- a/lib/lifecycles/CryptoSetupExtensions.js
++++ b/lib/lifecycles/CryptoSetupExtensions.js
+@@ -124,34 +124,28 @@ var DefaultCryptoSetupExtensions = /*#__PURE__*/function (_CryptoSetupExtension)
+   (0, _createClass2["default"])(DefaultCryptoSetupExtensions, [{
+     key: "examineLoginResponse",
+     value: function examineLoginResponse(response, credentials) {
+-      console.log("Default empty examineLoginResponse() => void");
+     }
+   }, {
+     key: "persistCredentials",
+     value: function persistCredentials(credentials) {
+-      console.log("Default empty persistCredentials() => void");
+     }
+   }, {
+     key: "getSecretStorageKey",
+     value: function getSecretStorageKey() {
+-      console.log("Default empty getSecretStorageKey() => null");
+       return null;
+     }
+   }, {
+     key: "createSecretStorageKey",
+     value: function createSecretStorageKey() {
+-      console.log("Default empty createSecretStorageKey() => null");
+       return null;
+     }
+   }, {
+     key: "catchAccessSecretStorageError",
+     value: function catchAccessSecretStorageError(e) {
+-      console.log("Default catchAccessSecretStorageError() => void");
+     }
+   }, {
+     key: "setupEncryptionNeeded",
+     value: function setupEncryptionNeeded(args) {
+-      console.log("Default setupEncryptionNeeded() => false");
+       return false;
+     }
+   }, {
diff --git a/patches/@types__auto-launch.patch b/patches/@types__auto-launch.patch
new file mode 100644
index 00000000000..5a6f5fb113b
--- /dev/null
+++ b/patches/@types__auto-launch.patch
@@ -0,0 +1,18 @@
+diff --git a/index.d.ts b/index.d.ts
+index a30a77c..e512ce1 100644
+--- a/index.d.ts
++++ b/index.d.ts
+@@ -25,6 +25,13 @@ interface AutoLaunchOptions {
+ declare class AutoLaunch {
+     constructor(options: AutoLaunchOptions);
+ 
++    /**
++     * This type describes the internal options of the `auto-launch` package which allows us to update options after initialization.
++     */
++    readonly opts: {
++        isHiddenOnLaunch: boolean;
++    };
++
+     /**
+      * Enables auto-launch at start up.
+      */
diff --git a/patches/@vector-im__matrix-wysiwyg.patch b/patches/@vector-im__matrix-wysiwyg.patch
new file mode 100644
index 00000000000..b0d4d39be6b
--- /dev/null
+++ b/patches/@vector-im__matrix-wysiwyg.patch
@@ -0,0 +1,12 @@
+diff --git a/package.json b/package.json
+index 8163a3bea0bba33af6fc97cd21c1a04ddef548b7..dfef973c43d84b8f0453be7e67db89a654426c60 100644
+--- a/package.json
++++ b/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.patch b/patches/await-lock.patch
new file mode 100644
index 00000000000..0d44a687936
--- /dev/null
+++ b/patches/await-lock.patch
@@ -0,0 +1,14 @@
+diff --git a/package.json b/package.json
+index 84a2734a8989f43fd5368adbd4638b52560a11ab..cbda8398f3b4094b2d86152211811fe6c2342232 100644
+--- a/package.json
++++ b/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.patch b/patches/jest-fixed-jsdom.patch
new file mode 100644
index 00000000000..02c77377729
--- /dev/null
+++ b/patches/jest-fixed-jsdom.patch
@@ -0,0 +1,17 @@
+diff --git a/index.js b/index.js
+index ac8033b..b1ba8f0 100644
+--- a/index.js
++++ b/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/jsdom.patch b/patches/jsdom.patch
new file mode 100644
index 00000000000..fa6ad3c35df
--- /dev/null
+++ b/patches/jsdom.patch
@@ -0,0 +1,56 @@
+diff --git a/lib/jsdom/browser/Window.js b/lib/jsdom/browser/Window.js
+index 52d011c..f62f6d6 100644
+--- a/lib/jsdom/browser/Window.js
++++ b/lib/jsdom/browser/Window.js
+@@ -505,10 +505,10 @@ function installOwnProperties(window, options) {
+     event: makeReplaceablePropertyDescriptor("event", window),
+
+     // [LegacyUnforgeable]:
+-    window: { configurable: false },
+-    document: { configurable: false },
+-    location: { configurable: false },
+-    top: { configurable: false }
++    window: { configurable: true },
++    document: { configurable: true },
++    location: { configurable: true },
++    top: { configurable: true }
+   });
+
+
+diff --git a/lib/jsdom/living/generated/Location.js b/lib/jsdom/living/generated/Location.js
+index fc4d1dd..c855bd5 100644
+--- a/lib/jsdom/living/generated/Location.js
++++ b/lib/jsdom/living/generated/Location.js
+@@ -322,19 +322,19 @@ function getUnforgeables(globalObject) {
+       }
+     });
+     Object.defineProperties(unforgeables, {
+-      assign: { configurable: false, writable: false },
+-      replace: { configurable: false, writable: false },
+-      reload: { configurable: false, writable: false },
+-      href: { configurable: false },
+-      toString: { configurable: false, writable: false },
+-      origin: { configurable: false },
+-      protocol: { configurable: false },
+-      host: { configurable: false },
+-      hostname: { configurable: false },
+-      port: { configurable: false },
+-      pathname: { configurable: false },
+-      search: { configurable: false },
+-      hash: { configurable: false }
++      assign: { configurable: true, writable: false },
++      replace: { configurable: true, writable: false },
++      reload: { configurable: true, writable: false },
++      href: { configurable: true },
++      toString: { configurable: true, writable: false },
++      origin: { configurable: true },
++      protocol: { configurable: true },
++      host: { configurable: true },
++      hostname: { configurable: true },
++      port: { configurable: true },
++      pathname: { configurable: true },
++      search: { configurable: true },
++      hash: { configurable: true }
+     });
+     unforgeablesMap.set(globalObject, unforgeables);
+   }
diff --git a/patches/knip.patch b/patches/knip.patch
new file mode 100644
index 00000000000..1755323ff32
--- /dev/null
+++ b/patches/knip.patch
@@ -0,0 +1,18 @@
+diff --git a/dist/plugins/babel/index.js b/dist/plugins/babel/index.js
+index d451e0ab75c530b794e6925466e18e798b7df960..ca4eeb240ef200fe89964532764513279c45b45c 100644
+--- a/dist/plugins/babel/index.js
++++ b/dist/plugins/babel/index.js
+@@ -9,11 +9,13 @@ const config = ['babel.config.{json,js,cjs,mjs,cts,ts}', '.babelrc.{json,js,cjs,
+ const getName = (value) => [Array.isArray(value) ? value[0] : value].filter(name => typeof name === 'string');
+ export const getDependenciesFromConfig = (config) => {
+     const presets = config.presets?.flatMap(getName).map(name => resolveName(name, 'preset')) ?? [];
++    const presetIncludes = config.presets?.filter(preset => Array.isArray(preset) && typeof preset[1] === "object").flatMap(preset => preset[1]?.include ?? []).map(name => resolveName(name, 'plugin')) ?? [];
+     const plugins = config.plugins?.flatMap(getName).map(name => resolveName(name, 'plugin')) ?? [];
+     const nested = config.env ? Object.values(config.env).flatMap(getDependenciesFromConfig) : [];
+     const overrides = config.overrides ? [config.overrides].flat().flatMap(getDependenciesFromConfig) : [];
+     return compact([
+         ...presets.map(id => toDeferResolve(id)),
++        ...presetIncludes.map(id => toDeferResolve(id)),
+         ...plugins.map(id => toDeferResolve(id)),
+         ...(plugins.includes('@babel/plugin-transform-runtime')
+             ? [toDeferResolve('@babel/runtime', { optional: true })]
diff --git a/patches/linkify-html.patch b/patches/linkify-html.patch
new file mode 100644
index 00000000000..01f8aee4bac
--- /dev/null
+++ b/patches/linkify-html.patch
@@ -0,0 +1,13 @@
+diff --git a/dist/linkify-html.mjs b/dist/linkify-html.mjs
+index 63b1fe5019a58d73986974fc621701db33a4ac11..f61e3b7118ed6adc93da88ca9ecf2dce486989fd 100644
+--- a/dist/linkify-html.mjs
++++ b/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/patches/plist.patch b/patches/plist.patch
new file mode 100644
index 00000000000..5b70cdd5cf7
--- /dev/null
+++ b/patches/plist.patch
@@ -0,0 +1,22 @@
+diff --git a/lib/parse.js b/lib/parse.js
+index b5e7496a28d0664933a14f4fcd89682c8a349d3f..a5de9d1edb8ce22ed93ab1ed96493d223013c296 100644
+--- a/lib/parse.js
++++ b/lib/parse.js
+@@ -63,7 +63,7 @@ function invariant(test, message) {
+  */
+ 
+ function parse (xml) {
+-  var doc = new DOMParser().parseFromString(xml);
++  var doc = new DOMParser().parseFromString(xml, 'text/xml');
+   invariant(
+     doc.documentElement.nodeName === 'plist',
+     'malformed document. First element should be <plist>'
+@@ -131,7 +131,7 @@ function parsePlistXML (node) {
+     if (counter % 2 === 1) {
+       new_obj[key] = '';
+     }
+-    
++
+     return new_obj;
+ 
+   } else if (node.nodeName === 'array') {
diff --git a/patches/postcss-mixins.patch b/patches/postcss-mixins.patch
new file mode 100644
index 00000000000..3d58b3c9bd5
--- /dev/null
+++ b/patches/postcss-mixins.patch
@@ -0,0 +1,13 @@
+diff --git a/index.d.ts b/index.d.ts
+index 5b070312004db8492f02db50bf99f5057ce793eb..a9f642c723e59cb662810ef9d8e9f14664f58bb7 100644
+--- a/index.d.ts
++++ b/index.d.ts
+@@ -5,7 +5,7 @@ declare interface MixinOutput {
+ }
+ 
+ declare interface Mixin {
+-  (mixinAtRule: AtRule, ...args: string[])
++  (mixinAtRule: AtRule, ...args: string[]): void
+ }
+ 
+ declare type Mixins = Record<string, MixinOutput | Mixin>
diff --git a/patches/react-blurhash.patch b/patches/react-blurhash.patch
new file mode 100644
index 00000000000..337de063e43
--- /dev/null
+++ b/patches/react-blurhash.patch
@@ -0,0 +1,22 @@
+diff --git a/dist/index.d.ts b/dist/index.d.ts
+index 3adbd0a4561d9114277241af6994111f97e17cbf..32e8c13a574d860d589c2c8232795b8fc1e3195f 100644
+--- a/dist/index.d.ts
++++ b/dist/index.d.ts
+@@ -19,7 +19,7 @@ declare class Blurhash extends React.PureComponent<Props$1> {
+         resolutionY: number;
+     };
+     componentDidUpdate(): void;
+-    render(): JSX.Element;
++    render(): React.JSX.Element;
+ }
+ 
+ declare type Props = React.CanvasHTMLAttributes<HTMLCanvasElement> & {
+@@ -37,7 +37,7 @@ declare class BlurhashCanvas extends React.PureComponent<Props> {
+     componentDidUpdate(): void;
+     handleRef: (canvas: HTMLCanvasElement) => void;
+     draw: () => void;
+-    render(): JSX.Element;
++    render(): React.JSX.Element;
+ }
+ 
+ export { Blurhash, BlurhashCanvas };
diff --git a/playwright-merge.config.ts b/playwright-merge.config.ts
new file mode 100644
index 00000000000..3a30236e14f
--- /dev/null
+++ b/playwright-merge.config.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 { defineConfig } from "@playwright/test";
+
+export default defineConfig({
+    // Playwright only supports merging using a single testDir, specifying web here
+    // means that some parts of the report for Desktop will be incorrect, but this is minor.
+    // https://github.com/microsoft/playwright/issues/39855
+    testDir: "apps/web/playwright/e2e",
+    reporter: [
+        ["html", { open: "never" }],
+        ["./packages/playwright-common/src/flaky-reporter.ts"],
+        ["./packages/playwright-common/src/stale-screenshot-reporter.ts"],
+    ],
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 00000000000..c1d8f0b4e1d
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,27395 @@
+---
+lockfileVersion: '9.0'
+
+importers:
+
+  .:
+    configDependencies: {}
+    packageManagerDependencies:
+      '@pnpm/exe':
+        specifier: 11.20.0
+        version: 11.20.0
+      pnpm:
+        specifier: 11.20.0
+        version: 11.20.0
+
+packages:
+
+  '@pnpm/exe@11.20.0':
+    resolution: {integrity: sha512-6ZiImENLhgpKifw3CltPmwSMhFLgSeEsNjJQvxFs5uu0mjqH6Rq6f7FDA1J7lBPOerxctUstMu3n+KA2qrWRlA==}
+    hasBin: true
+
+  '@pnpm/linux-arm64@11.20.0':
+    resolution: {integrity: sha512-yrly8s9sGVKaHyO1soLP1z12YmOKOM0wNnVsKAEfeOoPsFkuf+3116kb4ysDlY8PZ5xJ9KDv+UXgDNOew7c7RA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@pnpm/linux-x64@11.20.0':
+    resolution: {integrity: sha512-B97xRRGMktHsPzIpEgK1BuCUtO3mwUTMpVW9fV+BoY/giCCoJvgTvZTqyY8gTKSNmiPrp7Twwn5Em0r04k2fAw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@pnpm/linuxstatic-arm64@11.20.0':
+    resolution: {integrity: sha512-pdgQdxExyVLPNedhXH6RFHYCabXzfA4gU21JFWa+aXVSKI49QA817FzfjLed+hlHL+JMH7HQZvooqw3VdvLTzQ==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@pnpm/linuxstatic-x64@11.20.0':
+    resolution: {integrity: sha512-n1pyBbXenYQJFi8nQ5Z0h4eUd9CTzbVFfnhODqYl27xqRxu8yODx5NzpCBfCczczcedCUU9NPq9McH0KtK7gyA==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@pnpm/macos-arm64@11.20.0':
+    resolution: {integrity: sha512-tGuwiSQWvNxKEnABtAWWLhoL3ACE6DKZstYRNjMIFouNZqHy8PsQGFnBMoKiSqtGEx7EQ7sLa+bpJsb7y6bXoA==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@pnpm/win-arm64@11.20.0':
+    resolution: {integrity: sha512-F4GacJqJaRDxgkpUsfefRcMC6jgrjYUnhDc/mfPPUvWUe3ioLm5LSdjyvtTbbIs8d/nojMQyV9H1PS1w7pFshg==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@pnpm/win-x64@11.20.0':
+    resolution: {integrity: sha512-0Db1+7D7TtvYT0ecBRhkaD8YSMcVyiArOtWqvm0UrIu8l7wWx9FgP/8NKbpg9qKHi00UxsLd03AVPl9hx2BzSw==}
+    cpu: [x64]
+    os: [win32]
+
+  '@reflink/reflink-darwin-arm64@0.1.19':
+    resolution: {integrity: sha512-ruy44Lpepdk1FqDz38vExBY/PVUsjxZA+chd9wozjUH9JjuDT/HEaQYA6wYN9mf041l0yLVar6BCZuWABJvHSA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@reflink/reflink-darwin-x64@0.1.19':
+    resolution: {integrity: sha512-By85MSWrMZa+c26TcnAy8SDk0sTUkYlNnwknSchkhHpGXOtjNDUOxJE9oByBnGbeuIE1PiQsxDG3Ud+IVV9yuA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@reflink/reflink-linux-arm64-gnu@0.1.19':
+    resolution: {integrity: sha512-7P+er8+rP9iNeN+bfmccM4hTAaLP6PQJPKWSA4iSk2bNvo6KU6RyPgYeHxXmzNKzPVRcypZQTpFgstHam6maVg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@reflink/reflink-linux-arm64-musl@0.1.19':
+    resolution: {integrity: sha512-37iO/Dp6m5DDaC2sf3zPtx/hl9FV3Xze4xoYidrxxS9bgP3S8ALroxRK6xBG/1TtfXKTvolvp+IjrUU6ujIGmA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@reflink/reflink-linux-x64-gnu@0.1.19':
+    resolution: {integrity: sha512-jbI8jvuYCaA3MVUdu8vLoLAFqC+iNMpiSuLbxlAgg7x3K5bsS8nOpTRnkLF7vISJ+rVR8W+7ThXlXlUQ93ulkw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@reflink/reflink-linux-x64-musl@0.1.19':
+    resolution: {integrity: sha512-e9FBWDe+lv7QKAwtKOt6A2W/fyy/aEEfr0g6j/hWzvQcrzHCsz07BNQYlNOjTfeytrtLU7k449H1PI95jA4OjQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@reflink/reflink-win32-arm64-msvc@0.1.19':
+    resolution: {integrity: sha512-09PxnVIQcd+UOn4WAW73WU6PXL7DwGS6wPlkMhMg2zlHHG65F3vHepOw06HFCq+N42qkaNAc8AKIabWvtk6cIQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@reflink/reflink-win32-x64-msvc@0.1.19':
+    resolution: {integrity: sha512-E//yT4ni2SyhwP8JRjVGWr3cbnhWDiPLgnQ66qqaanjjnMiu3O/2tjCPQXlcGc/DEYofpDc9fvhv6tALQsMV9w==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@reflink/reflink@0.1.19':
+    resolution: {integrity: sha512-DmCG8GzysnCZ15bres3N5AHCmwBwYgp0As6xjhQ47rAUTUXxJiK+lLUxaGsX3hd/30qUpVElh05PbGuxRPgJwA==}
+    engines: {node: '>= 10'}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  pnpm@11.20.0:
+    resolution: {integrity: sha512-mm8zCpW2ZEbqCI+vFSFAWooB8H/ecSTMmVjf7VLUu0NnN+ZbCPhfN7Rvy6N1CSVYrFEmK4FoRLIvY0Bu0Wa/7g==}
+    engines: {node: '>=22.13'}
+    hasBin: true
+
+snapshots:
+
+  '@pnpm/exe@11.20.0':
+    dependencies:
+      '@reflink/reflink': 0.1.19
+      detect-libc: 2.1.2
+    optionalDependencies:
+      '@pnpm/linux-arm64': 11.20.0
+      '@pnpm/linux-x64': 11.20.0
+      '@pnpm/linuxstatic-arm64': 11.20.0
+      '@pnpm/linuxstatic-x64': 11.20.0
+      '@pnpm/macos-arm64': 11.20.0
+      '@pnpm/win-arm64': 11.20.0
+      '@pnpm/win-x64': 11.20.0
+
+  '@pnpm/linux-arm64@11.20.0':
+    optional: true
+
+  '@pnpm/linux-x64@11.20.0':
+    optional: true
+
+  '@pnpm/linuxstatic-arm64@11.20.0':
+    optional: true
+
+  '@pnpm/linuxstatic-x64@11.20.0':
+    optional: true
+
+  '@pnpm/macos-arm64@11.20.0':
+    optional: true
+
+  '@pnpm/win-arm64@11.20.0':
+    optional: true
+
+  '@pnpm/win-x64@11.20.0':
+    optional: true
+
+  '@reflink/reflink-darwin-arm64@0.1.19':
+    optional: true
+
+  '@reflink/reflink-darwin-x64@0.1.19':
+    optional: true
+
+  '@reflink/reflink-linux-arm64-gnu@0.1.19':
+    optional: true
+
+  '@reflink/reflink-linux-arm64-musl@0.1.19':
+    optional: true
+
+  '@reflink/reflink-linux-x64-gnu@0.1.19':
+    optional: true
+
+  '@reflink/reflink-linux-x64-musl@0.1.19':
+    optional: true
+
+  '@reflink/reflink-win32-arm64-msvc@0.1.19':
+    optional: true
+
+  '@reflink/reflink-win32-x64-msvc@0.1.19':
+    optional: true
+
+  '@reflink/reflink@0.1.19':
+    optionalDependencies:
+      '@reflink/reflink-darwin-arm64': 0.1.19
+      '@reflink/reflink-darwin-x64': 0.1.19
+      '@reflink/reflink-linux-arm64-gnu': 0.1.19
+      '@reflink/reflink-linux-arm64-musl': 0.1.19
+      '@reflink/reflink-linux-x64-gnu': 0.1.19
+      '@reflink/reflink-linux-x64-musl': 0.1.19
+      '@reflink/reflink-win32-arm64-msvc': 0.1.19
+      '@reflink/reflink-win32-x64-msvc': 0.1.19
+
+  detect-libc@2.1.2: {}
+
+  pnpm@11.20.0: {}
+
+---
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  dedupePeers: true
+  excludeLinksFromLockfile: false
+
+catalogs:
+  default:
+    '@fontsource/inter':
+      specifier: 5.3.0
+      version: 5.3.0
+    '@matrix-org/emojibase-bindings':
+      specifier: 1.5.0
+      version: 1.5.0
+    '@playwright/test':
+      specifier: 1.61.1
+      version: 1.61.1
+    '@typescript/native':
+      specifier: npm:typescript@7.0.2
+      version: 7.0.2
+    '@vector-im/compound-design-tokens':
+      specifier: 10.2.1
+      version: 10.2.1
+    '@vector-im/compound-web':
+      specifier: 10.0.0
+      version: 10.0.0
+    '@vitejs/plugin-react':
+      specifier: 6.0.5
+      version: 6.0.5
+    '@vitest/browser-playwright':
+      specifier: 4.1.10
+      version: 4.1.10
+    '@vitest/coverage-v8':
+      specifier: 4.1.10
+      version: 4.1.10
+    '@vitest/spy':
+      specifier: 4.1.10
+      version: 4.1.10
+    matrix-web-i18n:
+      specifier: 3.6.0
+      version: 3.6.0
+    playwright-core:
+      specifier: 1.61.1
+      version: 1.61.1
+    react:
+      specifier: ^19.0.0
+      version: 19.2.8
+    react-dom:
+      specifier: ^19.0.0
+      version: 19.2.8
+    typescript:
+      specifier: 7.0.2
+      version: 7.0.2
+    unplugin-dts:
+      specifier: 1.0.1
+      version: 1.0.1
+    vite:
+      specifier: 8.2.0
+      version: 8.2.0
+    vite-plugin-node-polyfills:
+      specifier: 0.28.0
+      version: 0.28.0
+    vite-plugin-svgr:
+      specifier: 5.2.0
+      version: 5.2.0
+    vitest:
+      specifier: 4.1.10
+      version: 4.1.10
+  ts6:
+    typescript:
+      specifier: npm:@typescript/typescript6@6.0.2
+      version: 6.0.2
+
+overrides:
+  pretty-format@30>react-is: 19.2.8
+  '@types/react': ^19.2.10
+  '@types/react-dom': ^19.2.3
+  caniuse-lite: 1.0.30001806
+  matrix-widget-api: ^1.18.0
+  '@types/node': 25.9.3
+  config-file-ts: 0.2.8-rc1
+  node-abi: 4.33.0
+  markdown-it: ^14.3.0
+  axios@>1.0.0 <=1.16.1: ^1.16.1
+  esbuild@<=0.27.4: 0.27.4
+  brace-expansion@>=1 <1.1.18: ^1.1.18
+  brace-expansion@>=2 <2.1.4: ^2.1.4
+  brace-expansion@>=5 <=5.0.5: ^5.0.9
+  ip-address@>=10 <10.1.1: ^10.3.1
+  yaml@>=2 <2.8.3: ^2.8.4
+  protobufjs@7 <7.5.8: ^7.6.5
+  '@protobufjs/utf8@1 <1.1.1': ^1.1.1
+  undici@6 <6.28.0: ^6.28.0
+  undici@7 <7.28.0: ^7.29.0
+  undici@8 <8.9.0: ^8.9.0
+  vitepress>vite: ^6.4.3
+  dompurify@3 <=3.4.11: ^3.4.12
+  body-parser@2 <2.3.0: ^2.3.0
+  nx: 23.1.1
+  tar@7 <=7.5.20: ^7.5.21
+  svgo@3 <3.3.4: ^3.3.4
+  svgo@4 <4.0.2: ^4.0.2
+  fast-uri@3 <3.1.5: ^3.1.5
+  unplugin-dts>typescript: npm:@typescript/typescript6@6.0.2
+  '@microsoft/api-extractor>typescript': npm:@typescript/typescript6@6.0.2
+  '@arcmantle/vite-plugin-import-css-sheet>typescript': npm:@typescript/typescript6@6.0.2
+  react-docgen-typescript>typescript: npm:@typescript/typescript6@6.0.2
+
+packageExtensionsChecksum: sha256-kCJccFy7l6HmjcpzmxV958fHndI9zZq246f1ttgkURI=
+
+patchedDependencies:
+  '@arcmantle/vite-plugin-import-css-sheet': 8019aa9feca17db6bab3483612b4150c911d70b58fddc52bf2d7258a1484a747
+  '@matrix-org/react-sdk-module-api': 016146c9cc96e6363609d2b2ac0896ccef567882eb1d73b75a77b8a30929de96
+  '@types/auto-launch': b60dc9846a11a1684ce52c55493f29ea398d3dc44b88f66ab44e9843d6c01538
+  '@vector-im/matrix-wysiwyg': 7bdf6150f2905bc2f055a6bcaa7b9d78fa7ffde82e800bcc454ac7b0096bd65e
+  await-lock: b767a571946a4f8710ac54b1a7bec8a7c1570f9b85d75922392fae20d0578964
+  jest-fixed-jsdom: b4bc876eca343b57d231c1cf9817ddb13ff04503ece7794d1690f342f6289ad3
+  jsdom: 040623e87b1c8b676c2a705513c0276c0704dd1b23fc3a1bb77cde8128b64b5f
+  knip: 9ee905cce2466e391db69dfcea905b0fe2502afd935d1dc6a6ac94ffe2855c28
+  linkify-html: 1761c1eabe25d9fae83f74f27a20b3d24515840a4a8747bb04828df46bcfdea2
+  plist: 7a3c35087f0ab2a8efbac9e2899990f07d61e2b3e41d8d962ef0bdb0786e1af7
+  postcss-mixins: 30fc882486b610a1c252340c87a99f1030c50e698a3c57c837eff7232e29d6d0
+  react-blurhash: 58bc7f075478017ce27bcc252e8509876390db106246bd5b0a7446642cc4b505
+
+importers:
+
+  .:
+    devDependencies:
+      '@action-validator/cli':
+        specifier: ^0.6.0
+        version: 0.6.0(@action-validator/core@0.6.0)
+      '@action-validator/core':
+        specifier: ^0.6.0
+        version: 0.6.0
+      '@nx-tools/nx-container':
+        specifier: ^7.2.1
+        version: 7.3.0(@nx/devkit@22.6.5)(@nx/js@22.6.5)(dotenv@17.4.2)(nx@23.1.1)(tslib@2.8.1)
+      '@playwright/test':
+        specifier: 'catalog:'
+        version: 1.61.1
+      '@types/node':
+        specifier: 25.9.3
+        version: 25.9.3
+      '@typescript/native':
+        specifier: 'catalog:'
+        version: typescript@7.0.2
+      '@vitest/coverage-v8':
+        specifier: 'catalog:'
+        version: 4.1.10(@vitest/browser@4.1.10)(vitest@4.1.10)
+      cronstrue:
+        specifier: ^3.0.0
+        version: 3.24.0
+      eslint-plugin-element-call:
+        specifier: github:element-hq/element-call#livekit&path:/eslint
+        version: https://codeload.github.com/element-hq/element-call/tar.gz/2d64cf4b308c770118dbbdb914af332e5baa7702#path:/eslint
+      eslint-plugin-storybook:
+        specifier: ^10.4.6
+        version: 10.5.5(@typescript/typescript6@6.0.2)(eslint@8.57.1)(storybook@10.5.5)(supports-color@7.2.0)
+      husky:
+        specifier: ^9.0.0
+        version: 9.1.7
+      knip:
+        specifier: 6.29.0
+        version: 6.29.0(patch_hash=9ee905cce2466e391db69dfcea905b0fe2502afd935d1dc6a6ac94ffe2855c28)
+      lint-staged:
+        specifier: ^17.0.0
+        version: 17.2.0
+      lodash:
+        specifier: ^4.17.21
+        version: 4.18.1
+      mermaid:
+        specifier: ^11.13.0
+        version: 11.16.0
+      minimist:
+        specifier: ^1.2.6
+        version: 1.2.8
+      nx:
+        specifier: 23.1.1
+        version: 23.1.1
+      oxfmt:
+        specifier: 0.60.0
+        version: 0.60.0
+      oxlint:
+        specifier: ^1.70.0
+        version: 1.75.0(oxlint-tsgolint@7.0.2001)
+      oxlint-tsgolint:
+        specifier: ^7.0.0
+        version: 7.0.2001
+      typescript:
+        specifier: catalog:ts6
+        version: '@typescript/typescript6@6.0.2'
+      vitepress:
+        specifier: ^1.6.4
+        version: 1.6.4(@algolia/client-search@5.50.0)(@types/node@25.9.3)(@types/react@19.2.18)(@typescript/typescript6@6.0.2)(axios@1.19.0)(jiti@2.7.0)(lightningcss@1.33.0)(postcss@8.5.25)(qrcode@1.5.4)(react@19.2.8)(search-insights@2.17.3)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+      vitepress-plugin-mermaid:
+        specifier: ^2.0.17
+        version: 2.0.17(mermaid@11.16.0)(vitepress@1.6.4)
+      vitest:
+        specifier: 'catalog:'
+        version: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+      yaml:
+        specifier: ^2.8.4
+        version: 2.9.0
+
+  apps/desktop:
+    dependencies:
+      '@sentry/electron':
+        specifier: ^7.0.0
+        version: 7.16.0(@opentelemetry/core@2.10.0)(supports-color@10.2.2)
+      auto-launch:
+        specifier: ^5.0.5
+        version: 5.0.6
+      counterpart:
+        specifier: ^0.18.6
+        version: 0.18.6
+      electron-store:
+        specifier: ^11.0.0
+        version: 11.0.2
+      electron-window-state:
+        specifier: ^5.0.3
+        version: 5.0.3
+      minimist:
+        specifier: ^1.2.6
+        version: 1.2.8
+      png-to-ico:
+        specifier: ^3.0.0
+        version: 3.0.2
+      uuid:
+        specifier: ^14.0.0
+        version: 14.0.1
+    devDependencies:
+      '@babel/core':
+        specifier: ^7.18.10
+        version: 7.29.7(supports-color@10.2.2)
+      '@babel/preset-env':
+        specifier: ^7.18.10
+        version: 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/preset-typescript':
+        specifier: ^7.18.6
+        version: 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@electron/asar':
+        specifier: 4.2.1
+        version: 4.2.1
+      '@electron/fuses':
+        specifier: ^2.1.1
+        version: 2.1.3
+      '@playwright/test':
+        specifier: 'catalog:'
+        version: 1.61.1
+      '@types/auto-launch':
+        specifier: ^5.0.1
+        version: 5.0.5(patch_hash=b60dc9846a11a1684ce52c55493f29ea398d3dc44b88f66ab44e9843d6c01538)
+      '@types/counterpart':
+        specifier: ^0.18.1
+        version: 0.18.4
+      '@types/minimist':
+        specifier: ^1.2.1
+        version: 1.2.5
+      '@types/node':
+        specifier: 25.9.3
+        version: 25.9.3
+      '@types/pacote':
+        specifier: ^11.1.1
+        version: 11.1.8
+      '@typescript/native':
+        specifier: 'catalog:'
+        version: typescript@7.0.2
+      app-builder-lib:
+        specifier: 26.15.3
+        version: 26.15.3(dmg-builder@26.15.3)(electron-builder-squirrel-windows@26.15.3)(supports-color@10.2.2)
+      chokidar:
+        specifier: ^5.0.0
+        version: 5.0.0
+      detect-libc:
+        specifier: ^2.0.0
+        version: 2.1.2
+      electron:
+        specifier: 43.2.0
+        version: 43.2.0(supports-color@10.2.2)
+      electron-builder:
+        specifier: 26.15.3
+        version: 26.15.3(electron-builder-squirrel-windows@26.15.3)(supports-color@10.2.2)
+      electron-builder-squirrel-windows:
+        specifier: 26.15.3
+        version: 26.15.3(dmg-builder@26.15.3)(supports-color@10.2.2)
+      electron-devtools-installer:
+        specifier: ^4.0.0
+        version: 4.0.0
+      glob:
+        specifier: ^13.0.0
+        version: 13.0.6
+      matrix-web-i18n:
+        specifier: 'catalog:'
+        version: 3.6.0(supports-color@10.2.2)
+      memfs:
+        specifier: ^4.57.2
+        version: 4.64.0(tslib@2.8.1)
+      mkdirp:
+        specifier: ^3.0.0
+        version: 3.0.1
+      pacote:
+        specifier: ^22.0.0
+        version: 22.0.0(supports-color@10.2.2)
+      rimraf:
+        specifier: ^6.0.0
+        version: 6.1.3
+      shared-types:
+        specifier: workspace:*
+        version: link:../../packages/shared-types
+      tar:
+        specifier: ^7.5.21
+        version: 7.5.22
+      typescript:
+        specifier: catalog:ts6
+        version: '@typescript/typescript6@6.0.2'
+      vitest:
+        specifier: 'catalog:'
+        version: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+
+  apps/web:
+    dependencies:
+      '@babel/runtime':
+        specifier: ^7.12.5
+        version: 7.29.7
+      '@element-hq/element-web-module-api':
+        specifier: workspace:*
+        version: link:../../packages/module-api
+      '@element-hq/web-shared-components':
+        specifier: workspace:*
+        version: link:../../packages/shared-components
+      '@fontsource/fira-code':
+        specifier: ^5
+        version: 5.3.0
+      '@fontsource/inter':
+        specifier: 'catalog:'
+        version: 5.3.0
+      '@formatjs/intl-segmenter':
+        specifier: ^12.0.0
+        version: 12.2.13
+      '@matrix-org/analytics-events':
+        specifier: ^0.37.0
+        version: 0.37.0
+      '@matrix-org/emojibase-bindings':
+        specifier: 'catalog:'
+        version: 1.5.0
+      '@matrix-org/react-sdk-module-api':
+        specifier: ^2.4.0
+        version: 2.5.0(patch_hash=016146c9cc96e6363609d2b2ac0896ccef567882eb1d73b75a77b8a30929de96)(react@19.2.8)
+      '@sentry/browser':
+        specifier: ^10.0.0
+        version: 10.68.0
+      '@types/png-chunks-extract':
+        specifier: ^1.0.2
+        version: 1.0.2
+      '@vector-im/compound-design-tokens':
+        specifier: 'catalog:'
+        version: 10.2.1(@types/react@19.2.18)(react@19.2.8)
+      '@vector-im/compound-web':
+        specifier: 'catalog:'
+        version: 10.0.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.3.0)(@types/react-dom@19.2.3)(@types/react@19.2.18)(@vector-im/compound-design-tokens@10.2.1)(react-dom@19.2.8)(react@19.2.8)
+      '@vector-im/matrix-wysiwyg':
+        specifier: 2.40.0
+        version: 2.40.0(patch_hash=7bdf6150f2905bc2f055a6bcaa7b9d78fa7ffde82e800bcc454ac7b0096bd65e)(react@19.2.8)
+      '@zxcvbn-ts/core':
+        specifier: ^4.0.0
+        version: 4.1.2
+      '@zxcvbn-ts/language-common':
+        specifier: ^4.0.0
+        version: 4.1.3
+      '@zxcvbn-ts/language-en':
+        specifier: ^4.0.0
+        version: 4.1.1
+      await-lock:
+        specifier: ^3.0.0
+        version: 3.0.0(patch_hash=b767a571946a4f8710ac54b1a7bec8a7c1570f9b85d75922392fae20d0578964)
+      bloom-filters:
+        specifier: ^3.0.3
+        version: 3.0.4
+      blurhash:
+        specifier: ^2.0.3
+        version: 2.0.5
+      browserslist:
+        specifier: ^4.23.2
+        version: 4.28.7
+      classnames:
+        specifier: ^2.2.6
+        version: 2.5.1
+      commonmark:
+        specifier: ^0.31.0
+        version: 0.31.2
+      css-tree:
+        specifier: ^3.0.0
+        version: 3.2.1
+      diff-dom:
+        specifier: ^5.0.0
+        version: 5.2.1
+      diff-match-patch:
+        specifier: ^1.0.5
+        version: 1.0.5
+      domutils:
+        specifier: ^4.0.0
+        version: 4.0.2
+      emojibase-regex:
+        specifier: ^17.0.0
+        version: 17.0.0
+      escape-html:
+        specifier: ^1.0.3
+        version: 1.0.3
+      events:
+        specifier: ^3.3.0
+        version: 3.3.0
+      file-saver:
+        specifier: ^2.0.5
+        version: 2.0.5
+      filesize:
+        specifier: 11.0.22
+        version: 11.0.22
+      github-markdown-css:
+        specifier: ^5.5.1
+        version: 5.9.0
+      glob-to-regexp:
+        specifier: ^0.4.1
+        version: 0.4.1
+      highlight.js:
+        specifier: ^11.3.1
+        version: 11.11.1
+      html-entities:
+        specifier: ^2.0.0
+        version: 2.6.0
+      html-react-parser:
+        specifier: ^6.0.0
+        version: 6.1.5(@types/react@19.2.18)(react@19.2.8)
+      is-ip:
+        specifier: ^5.0.0
+        version: 5.0.1
+      jsrsasign:
+        specifier: ^11.0.0
+        version: 11.1.3
+      jszip:
+        specifier: ^3.7.0
+        version: 3.10.1
+      katex:
+        specifier: ^0.18.0
+        version: 0.18.1
+      lodash:
+        specifier: npm:lodash-es@4.18.1
+        version: lodash-es@4.18.1
+      maplibre-gl:
+        specifier: ^5.0.0
+        version: 5.24.0
+      matrix-encrypt-attachment:
+        specifier: ^1.0.3
+        version: 1.0.3
+      matrix-js-sdk:
+        specifier: github:matrix-org/matrix-js-sdk#develop
+        version: https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/a7396ee8e7ef4011f87d6f5c5a3103e92bb16bb3
+      matrix-widget-api:
+        specifier: ^1.18.0
+        version: 1.18.0
+      memoize-one:
+        specifier: ^6.0.0
+        version: 6.0.0
+      mime:
+        specifier: ^4.0.4
+        version: 4.1.0
+      opus-recorder:
+        specifier: ^8.0.3
+        version: 8.0.5
+      pako:
+        specifier: ^3.0.0
+        version: 3.0.1
+      png-chunks-extract:
+        specifier: ^1.0.0
+        version: 1.0.0
+      posthog-js:
+        specifier: 1.407.2
+        version: 1.407.2
+      qrcode:
+        specifier: 1.5.4
+        version: 1.5.4
+      re-resizable:
+        specifier: 6.11.2
+        version: 6.11.2(react-dom@19.2.8)(react@19.2.8)
+      react:
+        specifier: 'catalog:'
+        version: 19.2.8
+      react-beautiful-dnd:
+        specifier: ^13.1.0
+        version: 13.1.1(react-dom@19.2.8)(react@19.2.8)
+      react-blurhash:
+        specifier: ^0.3.0
+        version: 0.3.0(patch_hash=58bc7f075478017ce27bcc252e8509876390db106246bd5b0a7446642cc4b505)(blurhash@2.0.5)(react@19.2.8)
+      react-dom:
+        specifier: 'catalog:'
+        version: 19.2.8(react@19.2.8)
+      react-focus-lock:
+        specifier: ^2.5.1
+        version: 2.13.7(@types/react@19.2.18)(react@19.2.8)
+      react-string-replace:
+        specifier: ^2.0.0
+        version: 2.0.1
+      react-transition-group:
+        specifier: ^4.4.1
+        version: 4.4.5(react-dom@19.2.8)(react@19.2.8)
+      rfc4648:
+        specifier: ^1.4.0
+        version: 1.5.4
+      sanitize-filename:
+        specifier: ^1.6.3
+        version: 1.6.4
+      sanitize-html:
+        specifier: 2.17.6
+        version: 2.17.6
+      tar-js:
+        specifier: ^0.3.0
+        version: 0.3.0
+      ua-parser-js:
+        specifier: 1.0.40
+        version: 1.0.40
+      what-input:
+        specifier: ^5.2.10
+        version: 5.2.12
+    devDependencies:
+      '@babel/core':
+        specifier: ^7.12.10
+        version: 7.29.7(supports-color@10.2.2)
+      '@babel/plugin-proposal-decorators':
+        specifier: ^7.25.9
+        version: 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-proposal-export-default-from':
+        specifier: ^7.12.1
+        version: 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-syntax-dynamic-import':
+        specifier: ^7.8.3
+        version: 7.8.3(@babel/core@7.29.7)
+      '@babel/plugin-transform-class-properties':
+        specifier: ^7.12.1
+        version: 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-class-static-block':
+        specifier: ^7.26.0
+        version: 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-logical-assignment-operators':
+        specifier: ^7.20.7
+        version: 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-nullish-coalescing-operator':
+        specifier: ^7.12.1
+        version: 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-numeric-separator':
+        specifier: ^7.12.7
+        version: 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-object-rest-spread':
+        specifier: ^7.12.1
+        version: 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-optional-chaining':
+        specifier: ^7.12.7
+        version: 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-runtime':
+        specifier: ^7.12.10
+        version: 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/preset-env':
+        specifier: ^7.12.11
+        version: 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/preset-react':
+        specifier: ^7.12.10
+        version: 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/preset-typescript':
+        specifier: ^7.12.7
+        version: 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@element-hq/element-call-embedded':
+        specifier: 0.22.0
+        version: 0.22.0
+      '@element-hq/element-web-playwright-common':
+        specifier: workspace:*
+        version: link:../../packages/playwright-common
+      '@fetch-mock/jest':
+        specifier: ^0.2.20
+        version: 0.2.20(@jest/globals@30.4.1)(jest@30.4.2)
+      '@fetch-mock/vitest':
+        specifier: ^0.2.18
+        version: 0.2.18(vitest@4.1.10)
+      '@jest/globals':
+        specifier: ^30.2.0
+        version: 30.4.1(supports-color@10.2.2)
+      '@peculiar/webcrypto':
+        specifier: ^1.4.3
+        version: 1.7.1
+      '@playwright/test':
+        specifier: 'catalog:'
+        version: 1.61.1
+      '@principalstudio/html-webpack-inject-preload':
+        specifier: ^1.2.7
+        version: 1.2.7(html-webpack-plugin@5.6.8)(webpack@5.109.2)
+      '@sentry/webpack-plugin':
+        specifier: ^5.0.0
+        version: 5.4.0(rollup@4.60.1)(supports-color@10.2.2)(webpack@5.109.2)
+      '@svgr/webpack':
+        specifier: ^8.0.0
+        version: 8.1.0(@typescript/typescript6@6.0.2)(supports-color@10.2.2)
+      '@testing-library/dom':
+        specifier: ^10.4.0
+        version: 10.4.1
+      '@testing-library/jest-dom':
+        specifier: ^7.0.0
+        version: 7.0.0(@testing-library/dom@10.4.1)
+      '@testing-library/react':
+        specifier: ^16.0.0
+        version: 16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@testing-library/user-event':
+        specifier: ^14.5.2
+        version: 14.6.1(@testing-library/dom@10.4.1)
+      '@types/commonmark':
+        specifier: ^0.27.4
+        version: 0.27.10
+      '@types/css-tree':
+        specifier: ^2.3.8
+        version: 2.3.11
+      '@types/diff-match-patch':
+        specifier: ^1.0.32
+        version: 1.0.36
+      '@types/escape-html':
+        specifier: ^1.0.1
+        version: 1.0.4
+      '@types/express':
+        specifier: ^5.0.0
+        version: 5.0.6
+      '@types/file-saver':
+        specifier: ^2.0.3
+        version: 2.0.7
+      '@types/glob-to-regexp':
+        specifier: ^0.4.1
+        version: 0.4.4
+      '@types/jest':
+        specifier: 30.0.0
+        version: 30.0.0
+      '@types/jitsi-meet':
+        specifier: ^2.0.2
+        version: 2.0.5
+      '@types/jsrsasign':
+        specifier: ^10.5.4
+        version: 10.5.15
+      '@types/lodash':
+        specifier: ^4.14.168
+        version: 4.17.24
+      '@types/modernizr':
+        specifier: ^3.5.3
+        version: 3.5.6
+      '@types/node':
+        specifier: 25.9.3
+        version: 25.9.3
+      '@types/postcss-import':
+        specifier: ^14.0.3
+        version: 14.0.3
+      '@types/qrcode':
+        specifier: ^1.3.5
+        version: 1.5.6
+      '@types/react':
+        specifier: ^19.2.10
+        version: 19.2.18
+      '@types/react-beautiful-dnd':
+        specifier: ^13.0.0
+        version: 13.1.8
+      '@types/react-dom':
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.18)
+      '@types/react-transition-group':
+        specifier: ^4.4.0
+        version: 4.4.12(@types/react@19.2.18)
+      '@types/sanitize-html':
+        specifier: 2.16.1
+        version: 2.16.1
+      '@types/sdp-transform':
+        specifier: ^3.0.0
+        version: 3.0.0
+      '@types/semver':
+        specifier: ^7.5.8
+        version: 7.7.1
+      '@types/tar-js':
+        specifier: ^0.3.5
+        version: 0.3.5
+      '@types/ua-parser-js':
+        specifier: ^0.7.36
+        version: 0.7.39
+      '@typescript/native':
+        specifier: 'catalog:'
+        version: typescript@7.0.2
+      '@vitest/spy':
+        specifier: 'catalog:'
+        version: 4.1.10
+      babel-jest:
+        specifier: ^30.0.0
+        version: 30.4.1(@babel/core@7.29.7)(supports-color@10.2.2)
+      babel-loader:
+        specifier: ^10.0.0
+        version: 10.1.1(@babel/core@7.29.7)(webpack@5.109.2)
+      babel-plugin-jsx-remove-data-test-id:
+        specifier: ^3.0.0
+        version: 3.0.0(@babel/core@7.29.7)
+      blob-polyfill:
+        specifier: ^9.0.0
+        version: 9.0.20240710
+      copy-webpack-plugin:
+        specifier: ^14.0.0
+        version: 14.0.0(webpack@5.109.2)
+      css-loader:
+        specifier: ^7.0.0
+        version: 7.1.4(webpack@5.109.2)
+      css-minimizer-webpack-plugin:
+        specifier: ^8.0.0
+        version: 8.0.0(clean-css@5.3.3)(csso@5.0.5)(esbuild@0.27.4)(lightningcss@1.33.0)(webpack@5.109.2)
+      dotenv:
+        specifier: ^17.0.0
+        version: 17.4.2
+      express:
+        specifier: ^5.0.0
+        version: 5.2.1(supports-color@10.2.2)
+      fake-indexeddb:
+        specifier: ^6.0.0
+        version: 6.2.5
+      file-loader:
+        specifier: ^6.0.0
+        version: 6.2.0(webpack@5.109.2)
+      happy-dom:
+        specifier: ^20.10.2
+        version: 20.11.1
+      html-webpack-plugin:
+        specifier: ^5.5.3
+        version: 5.6.8(webpack@5.109.2)
+      identity-obj-proxy:
+        specifier: ^3.0.0
+        version: 3.0.0
+      jest:
+        specifier: ^30.0.0
+        version: 30.4.2(@types/node@25.9.3)(babel-plugin-macros@3.1.0)(supports-color@10.2.2)
+      jest-canvas-mock:
+        specifier: ^2.5.2
+        version: 2.5.8
+      jest-environment-jsdom:
+        specifier: ^30.2.0
+        version: 30.4.1(supports-color@10.2.2)
+      jest-fixed-jsdom:
+        specifier: ^0.0.11
+        version: 0.0.11(patch_hash=b4bc876eca343b57d231c1cf9817ddb13ff04503ece7794d1690f342f6289ad3)(jest-environment-jsdom@30.4.1)
+      jest-mock:
+        specifier: ^30.0.0
+        version: 30.4.1
+      jest-raw-loader:
+        specifier: ^1.0.1
+        version: 1.0.1
+      jsqr:
+        specifier: ^1.4.0
+        version: 1.4.0
+      matrix-web-i18n:
+        specifier: 'catalog:'
+        version: 3.6.0(supports-color@10.2.2)
+      mini-css-extract-plugin:
+        specifier: 2.10.2
+        version: 2.10.2(webpack@5.109.2)
+      modernizr:
+        specifier: ^3.12.0
+        version: 3.13.1
+      oxfmt:
+        specifier: 0.60.0
+        version: 0.60.0
+      playwright-core:
+        specifier: 'catalog:'
+        version: 1.61.1
+      postcss:
+        specifier: 8.5.25
+        version: 8.5.25
+      postcss-easings:
+        specifier: 4.0.0
+        version: 4.0.0(postcss@8.5.25)
+      postcss-hexrgba:
+        specifier: 2.1.0
+        version: 2.1.0(postcss@8.5.25)
+      postcss-import:
+        specifier: 16.1.1
+        version: 16.1.1(postcss@8.5.25)
+      postcss-loader:
+        specifier: 8.2.1
+        version: 8.2.1(@typescript/typescript6@6.0.2)(postcss@8.5.25)(webpack@5.109.2)
+      postcss-mixins:
+        specifier: 12.1.2
+        version: 12.1.2(patch_hash=30fc882486b610a1c252340c87a99f1030c50e698a3c57c837eff7232e29d6d0)(postcss@8.5.25)
+      postcss-nested:
+        specifier: 8.0.1
+        version: 8.0.1(postcss@8.5.25)
+      postcss-preset-env:
+        specifier: 11.3.2
+        version: 11.3.2(postcss@8.5.25)
+      postcss-scss:
+        specifier: 4.0.9
+        version: 4.0.9(postcss@8.5.25)
+      postcss-simple-vars:
+        specifier: 7.0.1
+        version: 7.0.1(postcss@8.5.25)
+      process:
+        specifier: ^0.11.10
+        version: 0.11.10
+      semver:
+        specifier: ^7.5.2
+        version: 7.8.5
+      shared-types:
+        specifier: workspace:*
+        version: link:../../packages/shared-types
+      source-map-loader:
+        specifier: ^5.0.0
+        version: 5.0.0(webpack@5.109.2)
+      stylelint:
+        specifier: ^17.0.0
+        version: 17.14.1(@typescript/typescript6@6.0.2)(supports-color@10.2.2)
+      stylelint-config-standard:
+        specifier: ^40.0.0
+        version: 40.0.0(stylelint@17.14.1)
+      stylelint-scss:
+        specifier: ^7.0.0
+        version: 7.2.0(stylelint@17.14.1)
+      stylelint-value-no-unknown-custom-properties:
+        specifier: ^6.0.1
+        version: 6.1.1(stylelint@17.14.1)
+      terser-webpack-plugin:
+        specifier: ^5.3.9
+        version: 5.6.1(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack@5.109.2)
+      testcontainers:
+        specifier: ^12.0.0
+        version: 12.0.4(supports-color@10.2.2)
+      typescript:
+        specifier: catalog:ts6
+        version: '@typescript/typescript6@6.0.2'
+      util:
+        specifier: ^0.12.5
+        version: 0.12.5
+      vite-plugin-svgr:
+        specifier: 'catalog:'
+        version: 5.2.0(@typescript/typescript6@6.0.2)(rollup@4.60.1)(supports-color@10.2.2)(vite@8.2.0)
+      vitest:
+        specifier: 'catalog:'
+        version: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+      vitest-canvas-mock:
+        specifier: ^1.1.4
+        version: 1.1.4(vitest@4.1.10)
+      web-streams-polyfill:
+        specifier: ^4.0.0
+        version: 4.3.0
+      webpack:
+        specifier: ^5.89.0
+        version: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+      webpack-bundle-analyzer:
+        specifier: ^5.0.0
+        version: 5.3.1
+      webpack-cli:
+        specifier: ^7.0.0
+        version: 7.2.2(js-yaml@4.3.1)(json5@2.2.3)(webpack-bundle-analyzer@5.3.1)(webpack-dev-server@6.0.0)(webpack@5.109.2)
+      webpack-dev-server:
+        specifier: ^6.0.0
+        version: 6.0.0(supports-color@10.2.2)(tslib@2.8.1)(webpack-cli@7.2.2)(webpack@5.109.2)
+      webpack-retry-chunk-load-plugin:
+        specifier: ^3.1.1
+        version: 3.1.1(webpack@5.109.2)
+      webpack-version-file-plugin:
+        specifier: ^0.5.0
+        version: 0.5.0(webpack@5.109.2)
+      yaml:
+        specifier: ^2.8.4
+        version: 2.9.0
+
+  modules:
+    devDependencies:
+      '@element-hq/element-web-playwright-common':
+        specifier: workspace:*
+        version: link:../packages/playwright-common
+
+  modules/banner:
+    dependencies:
+      '@radix-ui/react-dialog':
+        specifier: ^1.1.6
+        version: 1.1.23(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@vector-im/compound-design-tokens':
+        specifier: ^10.0.0
+        version: 10.2.1(@types/react@19.2.18)(react@19.2.8)
+      '@vector-im/compound-web':
+        specifier: ^9.0.0
+        version: 9.9.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.3.0)(@types/react-dom@19.2.3)(@types/react@19.2.18)(@vector-im/compound-design-tokens@10.2.1)(react-dom@19.2.8)(react@19.2.8)
+      motion:
+        specifier: ^12.4.10
+        version: 12.42.2(@emotion/is-prop-valid@1.4.0)(react-dom@19.2.8)(react@19.2.8)
+      styled-components:
+        specifier: ^6.1.18
+        version: 6.4.4(react-dom@19.2.8)(react@19.2.8)
+      zod:
+        specifier: ^4.0.0
+        version: 4.4.3
+    devDependencies:
+      '@arcmantle/vite-plugin-import-css-sheet':
+        specifier: ^1.0.12
+        version: 1.0.14(patch_hash=8019aa9feca17db6bab3483612b4150c911d70b58fddc52bf2d7258a1484a747)
+      '@element-hq/element-web-module-api':
+        specifier: workspace:*
+        version: link:../../packages/module-api
+      '@types/node':
+        specifier: 25.9.3
+        version: 25.9.3
+      '@types/react':
+        specifier: ^19.2.10
+        version: 19.2.18
+      '@types/react-dom':
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.18)
+      '@vitejs/plugin-react':
+        specifier: 'catalog:'
+        version: 6.0.5(vite@8.2.0)
+      matrix-web-i18n:
+        specifier: ^3.6.0
+        version: 3.6.0(supports-color@10.2.2)
+      matrix-widget-api:
+        specifier: ^1.18.0
+        version: 1.18.0
+      react:
+        specifier: 'catalog:'
+        version: 19.2.8
+      typescript:
+        specifier: 'catalog:'
+        version: 7.0.2
+      vite:
+        specifier: 'catalog:'
+        version: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+      vite-plugin-node-polyfills:
+        specifier: 'catalog:'
+        version: 0.28.0(rollup@4.60.1)(vite@8.2.0)
+      vite-plugin-svgr:
+        specifier: 'catalog:'
+        version: 5.2.0(rollup@4.60.1)(supports-color@10.2.2)(typescript@7.0.2)(vite@8.2.0)
+
+  modules/restricted-guests:
+    dependencies:
+      '@vector-im/compound-design-tokens':
+        specifier: ^10.0.0
+        version: 10.2.1(@types/react@19.2.18)(react@19.2.8)
+      '@vector-im/compound-web':
+        specifier: ^9.0.0
+        version: 9.9.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.3.0)(@types/react-dom@19.2.3)(@types/react@19.2.18)(@vector-im/compound-design-tokens@10.2.1)(react-dom@19.2.8)(react@19.2.8)
+      styled-components:
+        specifier: ^6.1.18
+        version: 6.4.4(react-dom@19.2.8)(react@19.2.8)
+      zod:
+        specifier: ^4.0.0
+        version: 4.4.3
+    devDependencies:
+      '@arcmantle/vite-plugin-import-css-sheet':
+        specifier: ^1.0.12
+        version: 1.0.14(patch_hash=8019aa9feca17db6bab3483612b4150c911d70b58fddc52bf2d7258a1484a747)
+      '@element-hq/element-web-module-api':
+        specifier: workspace:*
+        version: link:../../packages/module-api
+      '@types/node':
+        specifier: 25.9.3
+        version: 25.9.3
+      '@types/react':
+        specifier: ^19.2.10
+        version: 19.2.18
+      '@vitejs/plugin-react':
+        specifier: 'catalog:'
+        version: 6.0.5(vite@8.2.0)
+      react:
+        specifier: 'catalog:'
+        version: 19.2.8
+      testcontainers:
+        specifier: ^12.0.1
+        version: 12.0.4(supports-color@10.2.2)
+      typescript:
+        specifier: 'catalog:'
+        version: 7.0.2
+      vite:
+        specifier: 'catalog:'
+        version: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+      vite-plugin-node-polyfills:
+        specifier: 'catalog:'
+        version: 0.28.0(rollup@4.60.1)(vite@8.2.0)
+
+  modules/widget-lifecycle:
+    dependencies:
+      zod:
+        specifier: ^4.0.0
+        version: 4.4.3
+    devDependencies:
+      '@element-hq/element-web-module-api':
+        specifier: workspace:*
+        version: link:../../packages/module-api
+      '@types/node':
+        specifier: 25.9.3
+        version: 25.9.3
+      typescript:
+        specifier: 'catalog:'
+        version: 7.0.2
+      vite:
+        specifier: 'catalog:'
+        version: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+      vitest:
+        specifier: 'catalog:'
+        version: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+
+  modules/widget-toggles:
+    dependencies:
+      '@vector-im/compound-design-tokens':
+        specifier: ^10.0.0
+        version: 10.2.1(@types/react@19.2.18)(react@19.2.8)
+      '@vector-im/compound-web':
+        specifier: ^9.0.0
+        version: 9.9.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.3.0)(@types/react-dom@19.2.3)(@types/react@19.2.18)(@vector-im/compound-design-tokens@10.2.1)(react-dom@19.2.8)(react@19.2.8)
+      matrix-widget-api:
+        specifier: ^1.18.0
+        version: 1.18.0
+      styled-components:
+        specifier: ^6.3.11
+        version: 6.4.4(react-dom@19.2.8)(react@19.2.8)
+      zod:
+        specifier: ^4.3.6
+        version: 4.4.3
+    devDependencies:
+      '@arcmantle/vite-plugin-import-css-sheet':
+        specifier: ^1.0.12
+        version: 1.0.14(patch_hash=8019aa9feca17db6bab3483612b4150c911d70b58fddc52bf2d7258a1484a747)
+      '@element-hq/element-web-module-api':
+        specifier: workspace:*
+        version: link:../../packages/module-api
+      '@testing-library/dom':
+        specifier: ^10.4.1
+        version: 10.4.1
+      '@testing-library/react':
+        specifier: ^16.3.2
+        version: 16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@testing-library/user-event':
+        specifier: ^14.6.1
+        version: 14.6.1(@testing-library/dom@10.4.1)
+      '@types/node':
+        specifier: 25.9.3
+        version: 25.9.3
+      '@types/react':
+        specifier: ^19.2.10
+        version: 19.2.18
+      '@vitejs/plugin-react':
+        specifier: 'catalog:'
+        version: 6.0.5(vite@8.2.0)
+      '@vitest/browser-playwright':
+        specifier: 'catalog:'
+        version: 4.1.10(playwright@1.61.1)(vite@8.2.0)(vitest@4.1.10)
+      react:
+        specifier: 'catalog:'
+        version: 19.2.8
+      typescript:
+        specifier: 'catalog:'
+        version: 7.0.2
+      vite:
+        specifier: 'catalog:'
+        version: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+      vite-plugin-node-polyfills:
+        specifier: 'catalog:'
+        version: 0.28.0(rollup@4.60.1)(vite@8.2.0)
+      vite-plugin-svgr:
+        specifier: 'catalog:'
+        version: 5.2.0(rollup@4.60.1)(supports-color@7.2.0)(typescript@7.0.2)(vite@8.2.0)
+      vitest:
+        specifier: 'catalog:'
+        version: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+
+  packages/module-api:
+    dependencies:
+      matrix-web-i18n:
+        specifier: '*'
+        version: 3.6.0(supports-color@10.2.2)
+      react:
+        specifier: ^19
+        version: 19.2.8
+    devDependencies:
+      '@matrix-org/react-sdk-module-api':
+        specifier: ^2.5.0
+        version: 2.5.0(patch_hash=016146c9cc96e6363609d2b2ac0896ccef567882eb1d73b75a77b8a30929de96)(react@19.2.8)
+      '@microsoft/api-extractor':
+        specifier: ^7.49.1
+        version: 7.58.12(@types/node@25.9.3)
+      '@types/node':
+        specifier: 25.9.3
+        version: 25.9.3
+      '@types/react':
+        specifier: ^19.2.10
+        version: 19.2.18
+      '@types/react-dom':
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.18)
+      '@types/semver':
+        specifier: ^7.5.8
+        version: 7.7.1
+      '@typescript/native':
+        specifier: 'catalog:'
+        version: typescript@7.0.2
+      matrix-widget-api:
+        specifier: ^1.18.0
+        version: 1.18.0
+      rollup-plugin-external-globals:
+        specifier: ^0.13.0
+        version: 0.13.0(rollup@4.60.1)
+      semver:
+        specifier: ^7.6.3
+        version: 7.8.5
+      shared-types:
+        specifier: workspace:*
+        version: link:../shared-types
+      typescript:
+        specifier: catalog:ts6
+        version: '@typescript/typescript6@6.0.2'
+      unplugin-dts:
+        specifier: 'catalog:'
+        version: 1.0.1(@microsoft/api-extractor@7.58.12)(@typescript/typescript6@6.0.2)(esbuild@0.27.4)(rolldown@1.2.2)(rollup@4.60.1)(supports-color@10.2.2)(vite@8.2.0)(webpack@5.109.2)
+      vite:
+        specifier: 'catalog:'
+        version: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+      vitest:
+        specifier: 'catalog:'
+        version: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+
+  packages/playwright-common:
+    dependencies:
+      '@axe-core/playwright':
+        specifier: ^4.10.1
+        version: 4.12.1(playwright-core@1.61.1)
+      '@playwright/test':
+        specifier: 'catalog:'
+        version: 1.61.1
+      '@testcontainers/postgresql':
+        specifier: ^12.0.0
+        version: 12.0.4(supports-color@10.2.2)
+      glob:
+        specifier: ^13.0.5
+        version: 13.0.6
+      lodash-es:
+        specifier: ^4.17.23
+        version: 4.18.1
+      mailpit-api:
+        specifier: ^2.0.0
+        version: 2.1.0
+      playwright-core:
+        specifier: 'catalog:'
+        version: 1.61.1
+      strip-ansi:
+        specifier: ^7.1.0
+        version: 7.2.0
+      testcontainers:
+        specifier: ^12.0.0
+        version: 12.0.4(supports-color@10.2.2)
+      wait-on:
+        specifier: ^9.0.4
+        version: 9.1.0(debug@4.4.3)(supports-color@10.2.2)
+      yaml:
+        specifier: ^2.8.4
+        version: 2.9.0
+    devDependencies:
+      '@element-hq/element-web-module-api':
+        specifier: workspace:*
+        version: link:../module-api
+      '@types/lodash-es':
+        specifier: ^4.17.12
+        version: 4.17.12
+      typescript:
+        specifier: 'catalog:'
+        version: 7.0.2
+
+  packages/shared-components:
+    dependencies:
+      '@dnd-kit/abstract':
+        specifier: ^0.5.0
+        version: 0.5.0
+      '@dnd-kit/dom':
+        specifier: ^0.5.0
+        version: 0.5.0
+      '@dnd-kit/react':
+        specifier: ^0.5.0
+        version: 0.5.0(react-dom@19.2.8)(react@19.2.8)
+      '@element-hq/element-web-module-api':
+        specifier: workspace:*
+        version: link:../module-api
+      '@matrix-org/emojibase-bindings':
+        specifier: 'catalog:'
+        version: 1.5.0
+      '@matrix-org/spec':
+        specifier: ^1.7.0
+        version: 1.16.0
+      '@vector-im/compound-design-tokens':
+        specifier: 'catalog:'
+        version: 10.2.1(@types/react@19.2.18)(react@19.2.8)
+      classnames:
+        specifier: ^2.5.1
+        version: 2.5.1
+      counterpart:
+        specifier: ^0.18.6
+        version: 0.18.6
+      events:
+        specifier: ^3.3.0
+        version: 3.3.0
+      html-react-parser:
+        specifier: ^6.0.0
+        version: 6.1.5(@types/react@19.2.18)(react@19.2.8)
+      linkify-html:
+        specifier: 4.3.3
+        version: 4.3.3(patch_hash=1761c1eabe25d9fae83f74f27a20b3d24515840a4a8747bb04828df46bcfdea2)(linkifyjs@4.3.3)
+      linkify-react:
+        specifier: 4.3.3
+        version: 4.3.3(linkifyjs@4.3.3)(react@19.2.8)
+      linkify-string:
+        specifier: 4.3.3
+        version: 4.3.3(linkifyjs@4.3.3)
+      linkifyjs:
+        specifier: 4.3.3
+        version: 4.3.3
+      lodash:
+        specifier: npm:lodash-es@^4.17.21
+        version: lodash-es@4.18.1
+      matrix-web-i18n:
+        specifier: 'catalog:'
+        version: 3.6.0(supports-color@10.2.2)
+      react:
+        specifier: 'catalog:'
+        version: 19.2.8
+      react-blurhash:
+        specifier: ^0.3.0
+        version: 0.3.0(patch_hash=58bc7f075478017ce27bcc252e8509876390db106246bd5b0a7446642cc4b505)(blurhash@2.0.5)(react@19.2.8)
+      react-dom:
+        specifier: 'catalog:'
+        version: 19.2.8(react@19.2.8)
+      react-merge-refs:
+        specifier: ^3.0.2
+        version: 3.0.2(react@19.2.8)
+      react-resizable-panels:
+        specifier: 4.12.2
+        version: 4.12.2(react-dom@19.2.8)(react@19.2.8)
+      react-virtuoso:
+        specifier: ^4.14.0
+        version: 4.18.11(react-dom@19.2.8)(react@19.2.8)
+      temporal-polyfill:
+        specifier: ^1.0.0
+        version: 1.0.1
+    devDependencies:
+      '@element-hq/element-web-playwright-common':
+        specifier: workspace:*
+        version: link:../playwright-common
+      '@fetch-mock/vitest':
+        specifier: ^0.2.18
+        version: 0.2.18(vitest@4.1.10)
+      '@fontsource/inter':
+        specifier: 'catalog:'
+        version: 5.3.0
+      '@matrix-org/react-sdk-module-api':
+        specifier: ^2.5.0
+        version: 2.5.0(patch_hash=016146c9cc96e6363609d2b2ac0896ccef567882eb1d73b75a77b8a30929de96)(react@19.2.8)
+      '@microsoft/api-extractor':
+        specifier: ^7.56.0
+        version: 7.58.12(@types/node@25.9.3)
+      '@playwright/test':
+        specifier: 'catalog:'
+        version: 1.61.1
+      '@storybook/addon-a11y':
+        specifier: ^10.0.7
+        version: 10.5.5(storybook@10.5.5)
+      '@storybook/addon-designs':
+        specifier: ^11.0.1
+        version: 11.1.4(@storybook/addon-docs@10.5.5)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)(storybook@10.5.5)
+      '@storybook/addon-docs':
+        specifier: ^10.0.7
+        version: 10.5.5(@types/react-dom@19.2.3)(@types/react@19.2.18)(esbuild@0.27.4)(rollup@4.60.1)(storybook@10.5.5)(vite@8.2.0)(webpack@5.109.2)
+      '@storybook/addon-vitest':
+        specifier: ^10.1.11
+        version: 10.5.5(@vitest/browser-playwright@4.1.10)(@vitest/browser@4.1.10)(@vitest/runner@4.1.10)(react@19.2.8)(storybook@10.5.5)(vitest@4.1.10)
+      '@storybook/icons':
+        specifier: ^2.0.0
+        version: 2.1.0(react@19.2.8)
+      '@storybook/react-vite':
+        specifier: ^10.0.7
+        version: 10.5.5(@types/react-dom@19.2.3)(@types/react@19.2.18)(@typescript/typescript6@6.0.2)(esbuild@0.27.4)(react-dom@19.2.8)(react@19.2.8)(rollup@4.60.1)(storybook@10.5.5)(supports-color@10.2.2)(vite@8.2.0)(webpack@5.109.2)
+      '@testing-library/dom':
+        specifier: ^10.4.1
+        version: 10.4.1
+      '@testing-library/react':
+        specifier: ^16.3.2
+        version: 16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@testing-library/user-event':
+        specifier: ^14.6.1
+        version: 14.6.1(@testing-library/dom@10.4.1)
+      '@types/counterpart':
+        specifier: ^0.18.4
+        version: 0.18.4
+      '@types/lodash':
+        specifier: ^4.17.20
+        version: 4.17.24
+      '@types/react':
+        specifier: ^19.2.10
+        version: 19.2.18
+      '@types/react-dom':
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.18)
+      '@typescript/native':
+        specifier: 'catalog:'
+        version: typescript@7.0.2
+      '@vector-im/compound-web':
+        specifier: 'catalog:'
+        version: 10.0.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.3.0)(@types/react-dom@19.2.3)(@types/react@19.2.18)(@vector-im/compound-design-tokens@10.2.1)(react-dom@19.2.8)(react@19.2.8)
+      '@vitejs/plugin-react':
+        specifier: 'catalog:'
+        version: 6.0.5(vite@8.2.0)
+      '@vitest/browser-playwright':
+        specifier: 'catalog:'
+        version: 4.1.10(playwright@1.61.1)(vite@8.2.0)(vitest@4.1.10)
+      oxfmt:
+        specifier: 0.60.0
+        version: 0.60.0
+      storybook:
+        specifier: ^10.0.7
+        version: 10.5.5(@types/react@19.2.18)(prettier@2.8.8)(react@19.2.8)
+      storybook-addon-vis:
+        specifier: ^4.0.0
+        version: 4.2.3(@storybook/addon-vitest@10.5.5)(@typescript/typescript6@6.0.2)(@vitest/browser-playwright@4.1.10)(@vitest/browser@4.1.10)(babel-plugin-macros@3.1.0)(react@19.2.8)(storybook@10.5.5)(vitest@4.1.10)
+      typedoc:
+        specifier: ^0.28.16
+        version: 0.28.20(@typescript/typescript6@6.0.2)
+      typedoc-plugin-markdown:
+        specifier: ^4.9.0
+        version: 4.12.0(typedoc@0.28.20)
+      typedoc-plugin-missing-exports:
+        specifier: ^4.1.2
+        version: 4.1.4(typedoc@0.28.20)
+      typescript:
+        specifier: catalog:ts6
+        version: '@typescript/typescript6@6.0.2'
+      unplugin-dts:
+        specifier: 'catalog:'
+        version: 1.0.1(@microsoft/api-extractor@7.58.12)(@typescript/typescript6@6.0.2)(esbuild@0.27.4)(rolldown@1.2.2)(rollup@4.60.1)(supports-color@10.2.2)(vite@8.2.0)(webpack@5.109.2)
+      vite:
+        specifier: 'catalog:'
+        version: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+      vite-plugin-node-polyfills:
+        specifier: ^0.28.0
+        version: 0.28.0(rollup@4.60.1)(vite@8.2.0)
+      vitest:
+        specifier: 'catalog:'
+        version: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+
+  packages/shared-types:
+    devDependencies:
+      typescript:
+        specifier: 'catalog:'
+        version: 7.0.2
+
+packages:
+
+  '@action-validator/cli@0.6.0':
+    resolution: {integrity: sha512-Z8TYOK4GqUIpI0UuspUJPB6dhr0niTumhwI5iiZVqFRXm4u05bZawnFKltpvoFUfJg9mHbbIBlleqsRJAgl53Q==}
+    hasBin: true
+    peerDependencies:
+      '@action-validator/core': 0.6.0
+
+  '@action-validator/core@0.6.0':
+    resolution: {integrity: sha512-tPglwCr8Mm8SWzwnVewwFmqRx91F0WvMsM0BRAqH4CLalyGndm53Xvp+UcUSzswpk1wkjIDYI7RyEhWMLyPkig==}
+
+  '@actions/github@9.1.1':
+    resolution: {integrity: sha512-tL5JbYOBZHc0ngEnCsaDcryUizIUIlQyIMwy1Wkx93H5HzbBJ7TbiPx2PnFjBwZW0Vh05JmfFZhecE6gglYegA==}
+
+  '@actions/http-client@3.0.2':
+    resolution: {integrity: sha512-JP38FYYpyqvUsz+Igqlc/JG6YO9PaKuvqjM3iGvaLqFnJ7TFmcLyy2IDrY0bI0qCQug8E9K+elv5ZNfw62ZJzA==}
+
+  '@actions/io@1.1.3':
+    resolution: {integrity: sha512-wi9JjgKLYS7U/z8PPbco+PvTb/nRWjeoFlJ1Qer83k/3C5PHQi28hiVdeE2kHXmIL99mQFawx8qt/JPjZilJ8Q==}
+
+  '@adobe/css-tools@4.4.4':
+    resolution: {integrity: sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==}
+
+  '@algolia/abtesting@1.16.0':
+    resolution: {integrity: sha512-alHFZ68/i9qLC/muEB07VQ9r7cB8AvCcGX6dVQi2PNHhc/ZQRmmFAv8KK1ay4UiseGSFr7f0nXBKsZ/jRg7e4g==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/autocomplete-core@1.17.7':
+    resolution: {integrity: sha512-BjiPOW6ks90UKl7TwMv7oNQMnzU+t/wk9mgIDi6b1tXpUek7MW0lbNOUHpvam9pe3lVCf4xPFT+lK7s+e+fs7Q==}
+
+  '@algolia/autocomplete-plugin-algolia-insights@1.17.7':
+    resolution: {integrity: sha512-Jca5Ude6yUOuyzjnz57og7Et3aXjbwCSDf/8onLHSQgw1qW3ALl9mrMWaXb5FmPVkV3EtkD2F/+NkT6VHyPu9A==}
+    peerDependencies:
+      search-insights: '>= 1 < 3'
+
+  '@algolia/autocomplete-preset-algolia@1.17.7':
+    resolution: {integrity: sha512-ggOQ950+nwbWROq2MOCIL71RE0DdQZsceqrg32UqnhDz8FlO9rL8ONHNsI2R1MH0tkgVIDKI/D0sMiUchsFdWA==}
+    peerDependencies:
+      '@algolia/client-search': '>= 4.9.1 < 6'
+      algoliasearch: '>= 4.9.1 < 6'
+
+  '@algolia/autocomplete-shared@1.17.7':
+    resolution: {integrity: sha512-o/1Vurr42U/qskRSuhBH+VKxMvkkUVTLU6WZQr+L5lGZZLYWyhdzWjW0iGXY7EkwRTjBqvN2EsR81yCTGV/kmg==}
+    peerDependencies:
+      '@algolia/client-search': '>= 4.9.1 < 6'
+      algoliasearch: '>= 4.9.1 < 6'
+
+  '@algolia/client-abtesting@5.50.0':
+    resolution: {integrity: sha512-mfgUdLQNxOAvCZUGzPQxjahEWEPuQkKlV0ZtGmePOa9ZxIQZlk31vRBNbM6ScU8jTH41SCYE77G/lCifDr1SVw==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/client-analytics@5.50.0':
+    resolution: {integrity: sha512-5mjokeKYyPaP3Q8IYJEnutI+O4dW/Ixxx5IgsSxT04pCfGqPXxTOH311hTQxyNpcGGEOGrMv8n8Z+UMTPamioQ==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/client-common@5.50.0':
+    resolution: {integrity: sha512-emtOvR6dl3rX3sBJXXbofMNHU1qMQqQSWu319RMrNL5BWoBqyiq7y0Zn6cjJm7aGHV/Qbf+KCCYeWNKEMPI3BQ==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/client-insights@5.50.0':
+    resolution: {integrity: sha512-IerGH2/hcj/6bwkpQg/HHRqmlGN1XwygQWythAk0gZFBrghs9danJaYuSS3ShzLSVoIVth4jY5GDPX9Lbw5cgg==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/client-personalization@5.50.0':
+    resolution: {integrity: sha512-3idPJeXn5L0MmgP9jk9JJqblrQ/SguN93dNK9z9gfgyupBhHnJMOEjrRYcVgTIfvG13Y04wO+Q0FxE2Ut8PVbA==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/client-query-suggestions@5.50.0':
+    resolution: {integrity: sha512-q7qRoWrQK1a8m5EFQEmPlo7+pg9mVQ8X5jsChtChERre0uS2pdYEDixBBl0ydBSGkdGbLUDufcACIhH/077E4g==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/client-search@5.50.0':
+    resolution: {integrity: sha512-Jc360x4yqb3eEg4OY4KEIdGePBxZogivKI+OGIU8aLXgAYPTECvzeOBc90312yHA1hr3AeRlAFl0rIc8lQaIrQ==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/ingestion@1.50.0':
+    resolution: {integrity: sha512-OS3/Viao+NPpyBbEY3tf6hLewppG+UclD+9i0ju56mq2DrdMJFCkEky6Sk9S5VPcbLzxzg3BqBX6u9Q35w19aQ==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/monitoring@1.50.0':
+    resolution: {integrity: sha512-/znwgSiGufpbJVIoDmeQaHtTq+OMdDawFRbMSJVv+12n79hW+qdQXS8/Uu3BD3yn0BzgVFJEvrsHrCsInZKdhw==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/recommend@5.50.0':
+    resolution: {integrity: sha512-dHjUfu4jfjdQiKDpCpAnM7LP5yfG0oNShtfpF5rMCel6/4HIoqJ4DC4h5GKDzgrvJYtgAhblo0AYBmOM00T+lQ==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/requester-browser-xhr@5.50.0':
+    resolution: {integrity: sha512-bffIbUljAWnh/Ctu5uScORajuUavqmZ0ACYd1fQQeSSYA9NNN83ynO26pSc2dZRXpSK0fkc1//qSSFXMKGu+aw==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/requester-fetch@5.50.0':
+    resolution: {integrity: sha512-y0EwNvPGvkM+yTAqqO6Gpt9wVGm3CLDtpLvNEiB3VGvN3WzfkjZGtLUsG/ru2kVJIIU7QcV0puuYgEpBeFxcJg==}
+    engines: {node: '>= 14.0.0'}
+
+  '@algolia/requester-node-http@5.50.0':
+    resolution: {integrity: sha512-xpwefe4fCOWnZgXCbkGpqQY6jgBSCf2hmgnySbyzZIccrv3SoashHKGPE4x6vVG+gdHrGciMTAcDo9HOZwH22Q==}
+    engines: {node: '>= 14.0.0'}
+
+  '@antfu/install-pkg@1.1.0':
+    resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
+
+  '@apm-js-collab/code-transformer-bundler-plugins@0.7.3':
+    resolution: {integrity: sha512-qNbPwuMZ8f5ZuGj/ttPeB7a6C/S1bB6tNYaEL5vNiRKydSAxa4AU0gxCWgaP4fVju+AuwhcumSFjrEcGF9Dv7Q==}
+    engines: {node: '>=18.0.0'}
+
+  '@apm-js-collab/code-transformer@0.18.1':
+    resolution: {integrity: sha512-u1Hb6bHjWtkSpiprwVP6YaHC1DTN4RAU3zYkUDUe7WMnJwdyU1pwTL9dFKiSJB9IiLue/EQovmyx6xhU7FFtAQ==}
+    hasBin: true
+
+  '@apm-js-collab/tracing-hooks@0.13.0':
+    resolution: {integrity: sha512-mTvWz9rnQwx1U3h0XPTHaX7bgfkpipLLTQyjlC2cdhQpQEuoLT0AGzoydeoq2NxfEVv6fWOOETcSbb2nptleyw==}
+
+  '@arcmantle/vite-plugin-import-css-sheet@1.0.14':
+    resolution: {integrity: sha512-vDobFhMGZtHk7phye58k+aS3oAwINS7CSoB5K9CL088xHf3H0TS66wdSfv64z/m0l1Q4edf2z2Nuq1pIS5YfdQ==}
+    engines: {node: '>=22'}
+
+  '@asamuzakjp/css-color@3.2.0':
+    resolution: {integrity: sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==}
+
+  '@axe-core/playwright@4.12.1':
+    resolution: {integrity: sha512-rMd7xriptqKpP+w5265i4Hdkv2X5kbu6uiBi/B2I7uf3hieRBM3qDCfaKPtxfiYb2mKXfF+yLODJwIx+Jv1GDw==}
+    peerDependencies:
+      playwright-core: '>= 1.0.0'
+
+  '@babel/code-frame@7.29.7':
+    resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.29.7':
+    resolution: {integrity: sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.29.7':
+    resolution: {integrity: sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.29.8':
+    resolution: {integrity: sha512-gZbepsdh3WDtgZKWL+vTPh71LSBrm/Y4/QDZBVCcYfmeTEEuoOYwlSy+G1StfJg+/Zy550u/3TATbm7qDbbMtg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-annotate-as-pure@7.29.7':
+    resolution: {integrity: sha512-OoK6239jHPuSQOoS0kfTVKn0b/rVTk0seKq4Gd2UMLtmOVLjDC0ki3e+c90Trqv2gMfvJFqkiljrr568+qddiw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.29.7':
+    resolution: {integrity: sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-create-class-features-plugin@7.29.7':
+    resolution: {integrity: sha512-IY3ZD9Tmooqr3TUhc3DUWxiuo8xx1DWLhd5M7hQ+ZWJamqM2BbalrBJb2MisSLoYorOj75U03qULCxQTY9r3hg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-create-regexp-features-plugin@7.29.7':
+    resolution: {integrity: sha512-907Uymvqgg1dwUA+7IGwFAOSYzQOuzPXKNJ1yxzwPffzkYFg2q2eHi1fIOs6sXkG9NbIUMunnUlkYsfRFNvomg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-define-polyfill-provider@0.6.8':
+    resolution: {integrity: sha512-47UwBLPpQi1NoWzLuHNjRoHlYXMwIJoBf7MFou6viC/sIHWYygpvr0B6IAyh5sBdA2nr2LPIRww8lfaUVQINBA==}
+    peerDependencies:
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
+
+  '@babel/helper-globals@7.29.7':
+    resolution: {integrity: sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-member-expression-to-functions@7.29.7':
+    resolution: {integrity: sha512-j+7JYmk1JYDtACIGj0QJqqWZjoUpMoEikQGADMaHgCMCSDqd2+P32rfcibUNrGOMWrlzK1WJBdxrB3JJQZwWtg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.29.7':
+    resolution: {integrity: sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.29.7':
+    resolution: {integrity: sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-optimise-call-expression@7.29.7':
+    resolution: {integrity: sha512-+kmGVjcT9RGYzoDwdwEqEvGgKe3BYq+O1iGzjFubaNgZHwYHP6lsF2Yghf4kEuv9BV7tYDZ913aBW9am6YKong==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-plugin-utils@7.29.7':
+    resolution: {integrity: sha512-G7sHYigPY17oO5SYWnfD/0MTBwVR781S/JI643e/JhUYgVgWE/61SoW3NH9KWUKyKq5LVh3npif99Wkt6j86Jw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-remap-async-to-generator@7.29.7':
+    resolution: {integrity: sha512-16AMiW26DbXWBbr3B8wNozKM0ydMLB892vaOaJW/fPJdnT8vJk5sdkQcU/isqUxyCE0cEoa8wZOcbgDuC4b6Og==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-replace-supers@7.29.7':
+    resolution: {integrity: sha512-atfGXWSeCiF4DnKZIfmJfQRkSw9b9gNNXR1kqKjbhG4pGYCOnkp8OcTB8E3NXjBu8NpheSnOeNKz8KT7UNFTmQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.29.7':
+    resolution: {integrity: sha512-brcMGQaVzIeUb+6/bs1Av0f8YuNNjKY2JyvfRCsFuFsdKccEQ5Ges2y74D74NZ1Rz8lKJ9ksJkfqwQFJ/iNEyQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.29.7':
+    resolution: {integrity: sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.29.7':
+    resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.29.7':
+    resolution: {integrity: sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-wrap-function@7.29.7':
+    resolution: {integrity: sha512-iES0Skag9ERIF68aXadpO6dbXa03mNWK3sEqJaMnLNs/eC3l0lkImdfoy6Y09/SfkpawdAB4RjQ7PVA7TcVGdw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.29.7':
+    resolution: {integrity: sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.29.8':
+    resolution: {integrity: sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.29.7':
+    resolution: {integrity: sha512-j8SrR0zLZrRsC09DlszEx8FpMiwukKffYXMK0d5LmOglO7vGG6sz/BR/20yHqWH+Lnn31JTt2PE3hIWNgM2J6w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-bugfix-safari-class-field-initializer-scope@7.29.7':
+    resolution: {integrity: sha512-r8j8escF+U2FUHo0KOhPUdMzUO+jp9fInva6+ACVAF3Y97Ev+5iNZwiqTghmzNeWwDkOPlYuTcfb1vDaoZKmAQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.29.7':
+    resolution: {integrity: sha512-GE1TFSiuFeGsCxmYXZl8HwoPrVlwe4rHPFE8weieGKZqnDORK+Ar3vgWMgW+AOxQ6/2TgLSKx9p6W7O4rC6qgQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-bugfix-safari-rest-destructuring-rhs-array@7.29.7':
+    resolution: {integrity: sha512-oBNVCvnO5tND+xSopWvV8WNGfpTfgP4Zr/YXXSj8zfmcPktp5Ku/aZlsIowgSD4fjmgHn6sGmB9APVsU5zOdhA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.29.7':
+    resolution: {integrity: sha512-QQt9qKHZ2sg/kivaLr7lnQr8HVrQDdBNSfCsTjiDxRuX/K5ORyKq+Bu8Xr0cDE3Dfkv0cw28Ve0EKyKMvulkOw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.13.0
+
+  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.29.7':
+    resolution: {integrity: sha512-pn6QacGLgvCcwc+syUhKE/qSjV2D1IHDB84RNxWYSt1mW3K/SCtjinZ2p0cETJxAWBjPy3K/1lHwG5BjjPxNlw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-proposal-decorators@7.29.7':
+    resolution: {integrity: sha512-EtU0Hi3GvrTqD56xKmZvV/uCXK2ZbwVNPNLAquVItcAZpUhkXwWlo3Fmj0c2LxgSf2I8IDULeAepwNP1OefLXg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-proposal-export-default-from@7.29.7':
+    resolution: {integrity: sha512-p+G5BNXDcy3bOXplhY4HybQ1GxH3i2Tppmdm/3epyRu2VgJJZuUlZ61MqRTg582Q7ZLBdP7fePYvsumSEkMxcQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2':
+    resolution: {integrity: sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-async-generators@7.8.4':
+    resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-bigint@7.8.3':
+    resolution: {integrity: sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-class-properties@7.12.13':
+    resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-class-static-block@7.14.5':
+    resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-decorators@7.29.7':
+    resolution: {integrity: sha512-9MTTLbF39X6sqM92JPEsoI7++26hjZvzkxKZy64aMhWLH2mPkJ/Q3AV4QLmls3R14FpSpkOwQQfUh962JGQxxg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-dynamic-import@7.8.3':
+    resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-import-assertions@7.29.7':
+    resolution: {integrity: sha512-/An1OCBN93thpBAGyfsK2pcf0jvju1SAtKkL2Ny++B5Sy6sqgzXDQH1cZxWbF96Wuk+bn41MDA9bLd4VVAw6rw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-import-attributes@7.29.7':
+    resolution: {integrity: sha512-zGYcYfq/WmZ4V+kBIXQon9dSSc8ircGZqw9ZaNhhGj9nZkeBu1jHLBDQqYYi5WA9uawvA2sIMbry2nCFhf5Djg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-import-meta@7.10.4':
+    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-json-strings@7.8.3':
+    resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-jsx@7.29.7':
+    resolution: {integrity: sha512-TSu8+mHCoEaaCDEZ0I3+6mvTBYR4PCxQwf2z9/r5Tbztv6NaLR3B9thGTTxX2WGuGHJqRiAbKPeGTJ5XWXVg6A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-logical-assignment-operators@7.10.4':
+    resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3':
+    resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-numeric-separator@7.10.4':
+    resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-object-rest-spread@7.8.3':
+    resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-optional-catch-binding@7.8.3':
+    resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-optional-chaining@7.8.3':
+    resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-private-property-in-object@7.14.5':
+    resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-top-level-await@7.14.5':
+    resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-typescript@7.29.7':
+    resolution: {integrity: sha512-ngr+82Sh0xMz25TPCZi+nC2iTzjfCdWS2ONXTp/PtSCHCgaCNBpdMqgvJ2ccdLlClVZ7sisIgB914j/JFe+RZA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-unicode-sets-regex@7.18.6':
+    resolution: {integrity: sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-transform-arrow-functions@7.29.7':
+    resolution: {integrity: sha512-N7zArUXWzAMzm+/N0uPBeVB3Fam5lMxtUwMmDK5f/IBBS7a7p1qeUoxd/6CckXoxUdgsntq1Dh8xNW06maZbDQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-async-generator-functions@7.29.7':
+    resolution: {integrity: sha512-d98gXZkgswvkyohMBABkhm3GeXhYj8psWfwQ2C7gtfrKGTykQa/iOIi+JJhwMjPlZ6Vm2XN+DCf3Es1EoG4ZLA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-async-to-generator@7.29.7':
+    resolution: {integrity: sha512-pcUb2SS+RMo9TWVBwKGI5ShtoG7R+zBsFmCKDa6fe8c+hPr3XJlZgoE5j6i8W7gDjhyvy+85vmYexanvXh3d1w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-block-scoped-functions@7.29.7':
+    resolution: {integrity: sha512-cUSmjh72N+rN4PrkFlN1dJwNCwjVp5d38/CQrEsFggkD10UiFlBFgdH3tv5dNsLuHY+3S8db2xCHjhZcv5WgvA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-block-scoping@7.29.7':
+    resolution: {integrity: sha512-ONyr4+AZhKh8yKWInVxU9AXA9EbsyeLcL6V0dJy6M2/62vuvpGm29zzuymbTpdc451GEpDIdAyPLP3r+P61yKQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-class-properties@7.29.7':
+    resolution: {integrity: sha512-GtcpjFvanPfzNQi3eTitsCqtRRmmqzpy/A+yhTR1HaZo1Ly3EA8ZXxlPyHdR8/IuRMYc3E4wdGBewB2QKQjAaA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-class-static-block@7.29.7':
+    resolution: {integrity: sha512-kibJgmEdX2iMwsHY2tSZNDgj8PwIlCQz7FK9KuGKO8zsuoUwSEhoNnNVp/emKWrbY4HeO6kkXfdMqRKKKXBm2A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.12.0
+
+  '@babel/plugin-transform-classes@7.29.7':
+    resolution: {integrity: sha512-qV0OGGBVacduzQHE649JyCneOFI/maT+YKsO+K4Yi3xv2wTPNjM/W2o2gdzMwEAZz7fXNTHAe0NcSg30bIN69g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-computed-properties@7.29.7':
+    resolution: {integrity: sha512-RK7/IyU5phpuCdBAuig5VkzG/EnbDaui5SQGdU9BFrHdV+mV4cUjLMQ9lJDjLNtWHsqtiefpGZUXQP2BiTYMsA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-destructuring@7.29.7':
+    resolution: {integrity: sha512-iPX8aD6H9zV5s7ZsqTdNocPN/MGQ5sSMnElKrktxjJRMnB2jN/1p2+R7GkfD6CAYoVFqy5A4XnSIUeGgJzIWpg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-dotall-regex@7.29.7':
+    resolution: {integrity: sha512-3qc18hsD2RdZiyJNDNc7HQpv6xbncwh8FYtxNFFzclSyh/trPD9KkVR9BDECUjDLvb7yJVF15GfYUuC+LMkkiQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-duplicate-keys@7.29.7':
+    resolution: {integrity: sha512-6IvRRriEMqnBwD6chtxdLpMYCHWEzN+oL5cyQtjykya19UgzbmKhxmhZgKC/LHxS2nYr9Q/qYPZ5Lr6jOL9+yQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.29.7':
+    resolution: {integrity: sha512-2wiIyo2BjtgU7HufSeDnL9L2O7zr8jmhFKuSr65VpRkUiRKRNpb0mdlk56+XPPKoIrfHqzbMuglDvZun0RISsA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-transform-dynamic-import@7.29.7':
+    resolution: {integrity: sha512-giOlEm/EFjfjr+te9NsdjkUo2v4f8rS/SXPumRVHAtbNcyNlvtREkU1dZzaIDclNpnaVhlCqRdFKhJBjBikzLg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-explicit-resource-management@7.29.7':
+    resolution: {integrity: sha512-Rstj7coNz8sE+7Ju7ihpHLI564lsK5pUpNNlvptCIC/16E/S5hbl6n3kESPKdNRmqEWlpn5xpS5Q2dvXBsySLw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-exponentiation-operator@7.29.7':
+    resolution: {integrity: sha512-zFpMOTLZBdW5LfObqcSbL6kefg4R4eLdmvS0wbN9M6D5Mym/sKm9toOoWyVOa+xDjvCnuWcHls2YonXwHvH3CQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-export-namespace-from@7.29.7':
+    resolution: {integrity: sha512-24B2nOy2TeJSMheqwPD4DDQOV/elLSIlKxjZt4i05H5AgdPdWR3n18HnNrcJ+j76WJd9gbwb9jPjNYUy6RautA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-for-of@7.29.7':
+    resolution: {integrity: sha512-zeSIHh0+E1Um1WJRXCFlHQYu2ieJNdivLLjlBEp+dIBu3S51n+SZZmIXjxnItw6pz56Cn+KvK68BIBVsxq2JiQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-function-name@7.29.7':
+    resolution: {integrity: sha512-otRWaHXE6fbAGkePvaj/kvs3HsqXfPhlnzwSOlnFgbqCPMd975dW+4wZ00WFBt+/YlBGcJwNrARQTOJOb4ZrIg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-json-strings@7.29.7':
+    resolution: {integrity: sha512-RRnE2+eon1rJAq8MnoF1b5kTpY1vU88twHcvcKMrsqP/jxIRqDVs9iJB5fqPuqyeFAW0wJo4MlUIPpQCq/aRsg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-literals@7.29.7':
+    resolution: {integrity: sha512-DZ/oLP21ZuWx1vKqnoNv6/tvEK48AQOBRai40CX9dTjGluvT/YZCyY3rryDtyUqCEoyNroy5KKPwX2iQCiRvyw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-logical-assignment-operators@7.29.7':
+    resolution: {integrity: sha512-A0H91hh6W8MFRkp5TqJmMr39jzGD1A1E1Ysiv2O06Sfbhkapm+XyIzxWCEh5kqwOZ1/8QZ0dY3SeQ7XBqfJd5Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-member-expression-literals@7.29.7':
+    resolution: {integrity: sha512-hl1kwFZCCiDyfH25Xmco9jTrkPgnS9pmOzSG7W5I4SaGbLeqKv417hcU2RKmaxoPEgsoJh7ZPOrnPGq99bHoUg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-modules-amd@7.29.7':
+    resolution: {integrity: sha512-fxtQoH3m5ywUSIfaH0FGCzWu4McsYon5bD3K4XnskC7f+OyQMj7rsOMi4NvvmJ83WwBAg4UCe+ov4VZlqEvyew==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-modules-commonjs@7.29.7':
+    resolution: {integrity: sha512-j0vCldybPC5b5dwCQOJ21uKtHzt7hxLygJTg9eF1ScfaikEDNfzn94XoW5Fi+seBR0nCyL23xaBFFkq7dTM8XQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-modules-systemjs@7.29.7':
+    resolution: {integrity: sha512-TM2ZcQLoG2/y4HODiStCo10DibYhWhGWAwVv+EQKmG/7GFl0N+AAmUiXOMKM+aiJ9XBJ9AHVZBvTzMnJ2sM3cQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-modules-umd@7.29.7':
+    resolution: {integrity: sha512-B4UkaTK3QpgCwJnrxKfMPKdo92CN7OKXAlpAAnM3UPu0Q0lCCk57ylA9AJbRy2v8dDKOPAAWcoR6CMyeoHwRCA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-named-capturing-groups-regex@7.29.7':
+    resolution: {integrity: sha512-vuFoLwr4qnv2xbZ16SQd6uPcH5FNrLHhk/Jzo++0XJFcaDsr4gjJVg6j398oMHiC+83k/GiBzviwF5KBJkPUtQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-transform-new-target@7.29.7':
+    resolution: {integrity: sha512-fEo41GmsOUhOBlw8ioo6zvjX5Xc2Lqkzlyfqbpsk3eB6TReV18uhxZ0esfEokVbY2+PVJAQHNKxER6lGrzNd3A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-nullish-coalescing-operator@7.29.7':
+    resolution: {integrity: sha512-idmp1dFaekP9GbcMvG24Kvw2BfhFZjHnNJCkV4WuIY4PskJzwI3f1N5OdgYke38T7rftO6ERulFRn2cFeZwRkg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-numeric-separator@7.29.7':
+    resolution: {integrity: sha512-zR7fv/z14OjgHl4AgRtkDBvBMhIzCxqV/qN/2BCRC7LjFwvuzjYe7gDWxC4Wl/SNsLM6SE1IWvRPYMgSJaUvNw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-object-rest-spread@7.29.7':
+    resolution: {integrity: sha512-Ld98jn4c0smUywL57m7SgsHq3OpThOa6LqZJif3G6jYOovPleoFhVrBJ1WegRApSFB2wu4+RelAj9AC9G08Z4A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-object-super@7.29.7':
+    resolution: {integrity: sha512-Ea/diGcw0twB5IlZPO5sgET6fJsLJqPABqTuFWIR+iMPGPZJkATEIWx0wa+aEQ5UY1CBQyP/gkAiLEqn1vBiQA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-optional-catch-binding@7.29.7':
+    resolution: {integrity: sha512-sLsyndxK2VwX6yNUOakMb7Sh553ZTe/vVM1XJ+9Z5aW1ytsc8xOIwmyk05NNjN60vkc5/KqoTH6hB4V41LJhng==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-optional-chaining@7.29.7':
+    resolution: {integrity: sha512-6GM1dhvK3gNODkXcEcMCOLEDCLSoZ/sBbro2Ax8HURyasQ4NshagQixkRFdh5niI6E4gmA/jYI/4aT7rRos3ZQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-parameters@7.29.7':
+    resolution: {integrity: sha512-ZDOBqV/qLYJI0YElr8DcENEyARsFQeESqWXH6gZlghYXuPPjvweuDhP4VyEi4BlUBlLRFZVjxoZDMjxhLW766g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-private-methods@7.29.7':
+    resolution: {integrity: sha512-/6Rz4DK1ETDEM/bWHsPHcaEe7ZaT1EqSXjtSP/L0DijOYuaUhiRiOKcwpZ8P7zR4xXEHc2ITdiCgBm9Tpyv9ug==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-private-property-in-object@7.29.7':
+    resolution: {integrity: sha512-+BNo06dnrzdNNqCm1X6YUaVv0DKk8Q+JYcoZfOkLhYWNCXzlwTSRq8zGWayT1csjcpNXV9CQTBRRbmTLZac5cA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-property-literals@7.29.7':
+    resolution: {integrity: sha512-bOMRLQuI0A5ZqHq3OWJ89/rXpJ/NJrbVhXiP4zwPGMs6kpcVsuTUNjwoE30K0Qm3mf48a/TnRYYD6vPNqcg6jA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-constant-elements@7.27.1':
+    resolution: {integrity: sha512-edoidOjl/ZxvYo4lSBOQGDSyToYVkTAwyVoa2tkuYTSmjrB1+uAedoL5iROVLXkxH+vRgA7uP4tMg2pUJpZ3Ug==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-display-name@7.29.7':
+    resolution: {integrity: sha512-+1wdDMGNb4UPeY3Q4L5yLiYe6TXPXubs4NjrgRFw13hPRLJfEMw2Q5OXkee6/IfdqePIeW4Jjwe3aBh7SdKz4Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-development@7.29.7':
+    resolution: {integrity: sha512-Xfy3UVMF04+ypnFbkhvfqtmvwfe92qwQdbGZVonhE+6v35GzlofmOnA1szaZqzb9xYWr0nl1e5EMmzi0DNON1g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx@7.29.7':
+    resolution: {integrity: sha512-WsZulLVBUHXVj2cUcPVx6UE21TpalB6bHbSFErKT0Ib++ax24jjXe73FqlWvdylFOjiuPHYi6VCcgRad1ItN+A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-pure-annotations@7.29.7':
+    resolution: {integrity: sha512-H5E+HBgDpr6Q5t+Aj11tL7XkIui1jhbIoArVQnqjgXo5/3YxkN7ZEBcWF4RQlB0T4rrxJQbXS6kiFV6B7XTqUA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-regenerator@7.29.7':
+    resolution: {integrity: sha512-rNNFV0DBAJp988xW2DOntfDoYn1eR8GGF5AT5vYc+rjyfaQkM242c9tZUHHPe7KYaiJizXPWhQTzzdbXySyhBw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-regexp-modifiers@7.29.7':
+    resolution: {integrity: sha512-mB5Fs0VWrJ42ZCmc8114v60qetdaUVNkj9PmSZRmanCZM3S9hm0CFRLjRmYIsuXav14l2jvZ+4T8iiCGnhj3nQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-transform-reserved-words@7.29.7':
+    resolution: {integrity: sha512-5+YhdpVgmfSmwZyLMftfaiffLRMHjzIRHFHHLdibcSyJm2pasMrKHrO3Ptrt2DRshjvpgjEJJ1zVW14WPq/6QA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-runtime@7.29.7':
+    resolution: {integrity: sha512-xmAscdE/AsqRW7vutbPNoUmu/nF5SrLKPs7aoJgEjo35lLKA/Bc0i2rMv/hr1+Y0o1bQCiVtith3u2vdgRL39Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-shorthand-properties@7.29.7':
+    resolution: {integrity: sha512-I+WYbGBAiCn7nA6xBrlgPH+MB7HWb4u8pv5S0Pv7OtwNvIFvCCb24YlttKEeUFVurfBCEaOTnuhlqsb7f0Z5Dg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-spread@7.29.7':
+    resolution: {integrity: sha512-/u5K1QWada7tbYNqTjMh96718g9NTwh9tfPJMsSmVsQwGT447FskV+KcfeXkXq2GWki4EM/MuTdmBec+hOuVTQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-sticky-regex@7.29.7':
+    resolution: {integrity: sha512-BCHzNYJGe9l7EpwwDBN/ztlL2NYFFq8hp9ddjtUEM9f2O7S7kKV/lL6Fwo7IF7NSkYhPK2vO+86nIGltA90MsA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-template-literals@7.29.7':
+    resolution: {integrity: sha512-NCSEJ4sLFU2gqAub45HYh4fus2yQ36rr6ei6vpU7NdoJqCpxvEG8E6eJpscGyXP3VHD2Ny+fSXr04k1hoUrFqA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-typeof-symbol@7.29.7':
+    resolution: {integrity: sha512-223mNGoTkBiTEWFoK+Q6Go3tueMRclO8vxxxxquNCYuNI4jWOofFKJRRDu6SDrB8Sgo1UEGW9T4GAQ8ZyRso1A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-typescript@7.29.7':
+    resolution: {integrity: sha512-jK52h8LaLc7JarhQV2ofeFMts4H7vnOXnqZNA6fYglBTZewRBE51KWt3BUltW1P+KoPsYkHoJeXePuz4zo2LMw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-unicode-escapes@7.29.7':
+    resolution: {integrity: sha512-jCfXxSjf94lf4E0hKE0AByxF6F3/pVFqRdUUNkDJhsY0m1ZKjnN6ZYyMeHNpzflxb/0q5b7t3p+BE+SLF1WOtA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-unicode-property-regex@7.29.7':
+    resolution: {integrity: sha512-OgZ+zoAJgZLUCunsTRQ5LAjOywDv5zzZ2/hQ5aMw1pGXyY2rtE8/chXYUmu3AlVHKpm10KEdG9aMwbI/K76ZGw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-unicode-regex@7.29.7':
+    resolution: {integrity: sha512-7D/x/23/d/3VqZ0QA+LGbZMlGwZjztBygSWWWsfTPoQ1oQ6Q1P6Mr3d0kk42XabyUVw+fha3LqdRsFqeKqvCyA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-unicode-sets-regex@7.29.7':
+    resolution: {integrity: sha512-BLOhLht9DOJwIxlmp91wHvkXv1lguuHS3/FwUO8HL1H0u8s4hR1gASVFyilu9iGtcTRYqjTZmlsFFeQletntEg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/preset-env@7.29.7':
+    resolution: {integrity: sha512-GYzX36n1nsciIb0uyH0GHwxwtNwPQIcpxSeiVLDtG/B7jB5xXgchnmL1f/jCX5o+pwnaDBtO60ONSJhEBJfxYA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/preset-modules@0.1.6-no-external-plugins':
+    resolution: {integrity: sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0 || ^8.0.0-0 <8.0.0
+
+  '@babel/preset-react@7.29.7':
+    resolution: {integrity: sha512-C+PV1TFUPTmBQGoPBL8j2QmLpZ117YTCwxIZeJOM96GbYMFSc7/pOXU5lVykwnZxyTqQxRsvoRk6f2FktZgGHA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/preset-typescript@7.29.7':
+    resolution: {integrity: sha512-/Foi8vKY2EVbed/1eZx0gJEEwHAIxogrySI7rULcRIvhZzbvoE/b5qG5Ghc0WKAFKOHA9SD1x7RsFlOYdutIiQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/runtime@7.29.7':
+    resolution: {integrity: sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/runtime@8.0.0':
+    resolution: {integrity: sha512-sL6cvO2IfkSu/iU+zs2S/w01B7A8V7suXSIKEN4hPFFdZoiPGxrj5pAG0lCaqLWiEIrjKzdznIWuaLcxPR53qw==}
+
+  '@babel/template@7.29.7':
+    resolution: {integrity: sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.29.8':
+    resolution: {integrity: sha512-I5z7H3bf/41ktsNVLtpN0wAa336HkqIHQ5BuPLEhTkt1jVSyZpeNKIzTgEWmlxjdg81R0IgUCcaE+Ok3NvrfZg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.29.8':
+    resolution: {integrity: sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==}
+    engines: {node: '>=6.9.0'}
+
+  '@balena/dockerignore@1.0.2':
+    resolution: {integrity: sha512-wMue2Sy4GAVTk6Ic4tJVcnfdau+gx2EnG7S+uAEe+TWJFqE4YoWN4/H8MSLj4eYJKxGg26lZwboEniNiNwZQ6Q==}
+
+  '@bcoe/v8-coverage@0.2.3':
+    resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
+
+  '@bcoe/v8-coverage@1.0.2':
+    resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==}
+    engines: {node: '>=18'}
+
+  '@blazediff/core@1.9.1':
+    resolution: {integrity: sha512-ehg3jIkYKulZh+8om/O25vkvSsXXwC+skXmyA87FFx6A/45eqOkZsBltMw/TVteb0mloiGT8oGRTcjRAz66zaA==}
+
+  '@braintree/sanitize-url@6.0.4':
+    resolution: {integrity: sha512-s3jaWicZd0pkP0jf5ysyHUI/RE7MHos6qlToFcGWXVp+ykHOy77OUMrfbgJ9it2C5bow7OIQwYYaHjk9XlBQ2A==}
+
+  '@braintree/sanitize-url@7.1.2':
+    resolution: {integrity: sha512-jigsZK+sMF/cuiB7sERuo9V7N9jx+dhmHHnQyDSVdpZwVutaBu7WvNYqMDLSgFgfB30n452TP3vjDAvFC973mA==}
+
+  '@cacheable/memory@2.2.0':
+    resolution: {integrity: sha512-CTLKqLItRCEixEAewD3/j9DB3/o96gpTPD4eJ1v+DGOlxZRZncRQkGYqqnAGCscYd6RNeXfGeiuCphsPtqyIfQ==}
+
+  '@cacheable/utils@2.5.0':
+    resolution: {integrity: sha512-buipgOVDkkPXNR5+xBpDw7Zk2n1EvU7qBJCNUcL7rhQ//kfpOXPAvQ511Os0vpLYJ1pZnvudNytkQt2hst3wqA==}
+
+  '@chevrotain/types@11.1.2':
+    resolution: {integrity: sha512-U+HFai5+zmJCkK86QsaJtoITlboZHBqrVketcO2ROv865xfCMSFpELQoz1GkX5GzME8pTa+3kbKrZHQtI0gdbw==}
+
+  '@csstools/cascade-layer-name-parser@3.0.0':
+    resolution: {integrity: sha512-/3iksyevwRfSJx5yH0RkcrcYXwuhMQx3Juqf40t97PeEy2/Mz2TItZ/z/216qpe4GgOyFBP8MKIwVvytzHmfIQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.0
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/color-helpers@5.1.0':
+    resolution: {integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==}
+    engines: {node: '>=18'}
+
+  '@csstools/color-helpers@6.1.0':
+    resolution: {integrity: sha512-064IFJdjTfUqnjpCVpMOdbr8FLQBhinbZj6yRv2An2E41O/pLEXqfFRWqGq/SxlE5PEUYTlvWsG2r8MswAVvkg==}
+    engines: {node: '>=20.19.0'}
+
+  '@csstools/css-calc@2.1.4':
+    resolution: {integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-calc@3.3.0':
+    resolution: {integrity: sha512-c5ihYsPkdG6JCkU2zTMm4+k6r7RXuGxtWYhu5DHMIiF1FHzrfmHL5so11AoFpUv/tu61xfcmT4AmKoFfMPoqdQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.0
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-color-parser@3.1.0':
+    resolution: {integrity: sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-color-parser@4.1.9':
+    resolution: {integrity: sha512-paQcIaOO53Rk5+YrBaBjm/SgrV4INImjo2BT1DtQRYr+XeTRbeAYlS+jxXp9drqvKmtFnWRJKIalDLhZZDu42A==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.0
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-parser-algorithms@3.0.5':
+    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-parser-algorithms@4.0.0':
+    resolution: {integrity: sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-syntax-patches-for-csstree@1.1.7':
+    resolution: {integrity: sha512-fQ+05118eQS1cofO3aJpB5efgpBZMvIzwr/sbC8kDLVA5XLG8q1kJV5yzrUAI1f7lvhPnm8fgIjzFB8/O/5Dig==}
+    peerDependencies:
+      css-tree: ^3.2.1
+    peerDependenciesMeta:
+      css-tree:
+        optional: true
+
+  '@csstools/css-tokenizer@3.0.4':
+    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
+    engines: {node: '>=18'}
+
+  '@csstools/css-tokenizer@4.0.0':
+    resolution: {integrity: sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==}
+    engines: {node: '>=20.19.0'}
+
+  '@csstools/media-query-list-parser@5.0.0':
+    resolution: {integrity: sha512-T9lXmZOfnam3eMERPsszjY5NK0jX8RmThmmm99FZ8b7z8yMaFZWKwLWGZuTwdO3ddRY5fy13GmmEYZXB4I98Eg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.0
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/postcss-alpha-function@2.0.7':
+    resolution: {integrity: sha512-ueQMpNJfsIUqyOd38Kjc3c7rTaXDLKn0qr9krteAFx3fsSuawXQePAQ02AI5+RbMpdibv+Mfcs4d0AUl/SULsQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-cascade-layers@6.0.0':
+    resolution: {integrity: sha512-WhsECqmrEZQGqaPlBA7JkmF/CJ2/+wetL4fkL9sOPccKd32PQ1qToFM6gqSI5rkpmYqubvbxjEJhyMTHYK0vZQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-color-function-display-p3-linear@2.0.6':
+    resolution: {integrity: sha512-65C1CF/d9/ULr7dwmE5TBrRYZVa5sWLZX7mlR7WcBl1YwSYA8ntOvAhEEZmq8B2rBgosrOjZcDLnvFQuGaoRcA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-color-function@5.0.6':
+    resolution: {integrity: sha512-CHWuCfTg7afbSFMgVajmF1WU/bJ1rGBKGCj3L3tolDXZpQG2ZCQRu10ozfk1I10By9aRqQ43FTnAiDwBnbC+Hg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-color-mix-function@4.0.6':
+    resolution: {integrity: sha512-gWXS+Qx4GnIq4lRvBcabAcGF5IBkfcbZ7uoUvQw/3+JYDQVkD8SoKIFRoYhwKAOm+zTDJRYLMsjxWieBh9xOZw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-color-mix-variadic-function-arguments@2.0.6':
+    resolution: {integrity: sha512-+bL0RlSDLM/02Z2JgxMK2AIas8IIL4fQkFsjETmMIXFSmOH+iRx1YEKyMbc3SogmiR8zJ41Eid7Q8+bxj7+2Dg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-container-rule-prelude-list@1.0.1':
+    resolution: {integrity: sha512-c5qlevVGKHU+zDbVoUGSZl1Mw7Vl1gVRKv6cdIYnaoyM+9Ou23Ian0H5Gr2ZF+lsDWovPK03hOSAbkw6HS8aTg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-content-alt-text@3.0.2':
+    resolution: {integrity: sha512-LUT1eKBzb71pmky0ke2OHJHdcqHl1vtl++qzJei5FioMVWDzxVApElTZsoFwbqV8Et+UmxzieOuhwomuyRullw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-contrast-color-function@3.0.6':
+    resolution: {integrity: sha512-7H+LLv2+A5q/l9TdWLnLB7ZgMT92aOVImzVpYSHg9pCEHSeskbqssn05rKb+ysouRM8rbg649Q2g2kIKFqLYvQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-exponential-functions@3.0.3':
+    resolution: {integrity: sha512-mB/NoeHLBHh0LZiVSrFdRDA/NxSfmg4tSN9117IJH9bdC2BzSTVgc82h3Gu/sdBXay6kDH2sA7fbkTigMiEi2A==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-font-format-keywords@5.0.0':
+    resolution: {integrity: sha512-M1EjCe/J3u8fFhOZgRci74cQhJ7R0UFBX6T+WqoEvjrr8hVfMiV+HTYrzxLY5OW8YllvXYr5Q5t5OvJbsUSeDg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-font-width-property@1.0.0':
+    resolution: {integrity: sha512-AvmySApdijbjYQuXXh95tb7iVnqZBbJrv3oajO927ksE/mDmJBiszm+psW8orL2lRGR8j6ZU5Uv9/ou2Z5KRKA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-gamut-mapping@3.0.6':
+    resolution: {integrity: sha512-lopCMFvN6ohy33lLmOY46matUrpL1ymVGOyebflzMb44pXoGy+f27glXCXz0PfQmfv8On3a8eVTIQfkX7nf6gQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-gradients-interpolation-method@6.0.6':
+    resolution: {integrity: sha512-n23eZrwg8/XT6Ml42AAMd1PqRSm1LlrcGL+cbflpjL84xVZcWsXtHeKVzufg2uxICGnB4/t/iGa4XnOfySusEA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-hwb-function@5.0.6':
+    resolution: {integrity: sha512-KO1PBdiyzsxVOnripQbdMF8jXlBym3CtwEWHGQWfjRB2Q7BIU6sE9GGv2OrgG3TyqPOz5BgAwackYlYlVeHWvA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-ic-unit@5.0.2':
+    resolution: {integrity: sha512-1Wcp0ACoGKImCL9mYm6EIdqtT2JuJoeFp/06Efa6pRT0y3elLgF3jYer+c3+qUoBhV/2uDKtfWrCwAkHJ0CB9w==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-image-function@1.0.1':
+    resolution: {integrity: sha512-6V7+8npoBxVgO3JbIdKqI6eo1NAIQtO0oNSfLSgH439WYB43/kM+GneG4elkgglRo1ppgVhjXxmNqhI+K4pEzg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-initial@3.0.0':
+    resolution: {integrity: sha512-UVUrFmrTQyLomVepnjWlbBg7GoscLmXLwYFyjbcEnmpeGW7wde6lNpx5eM3eVwZI2M+7hCE3ykYnAsEPLcLa+Q==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-is-pseudo-class@6.0.0':
+    resolution: {integrity: sha512-1Hdy/ykg9RDo8vU8RiM2o+RaXO39WpFPaIkHxlAEJFofle/lc33tdQMKhBk3jR/Fe+uZNLOs3HlowFafyFptVw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-light-dark-function@3.0.2':
+    resolution: {integrity: sha512-Fu6si5QhRrT5lP7nmXxfowR8zNkYrqoolsWOZxPZBZpVTdoEKazN6v+K53vPcy1EM4Mlj6tSaEjMu4gAwC8yqw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-logical-float-and-clear@4.0.0':
+    resolution: {integrity: sha512-NGzdIRVj/VxOa/TjVdkHeyiJoDihONV0+uB0csUdgWbFFr8xndtfqK8iIGP9IKJzco+w0hvBF2SSk2sDSTAnOQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-logical-overflow@3.0.0':
+    resolution: {integrity: sha512-5cRg93QXVskM0MNepHpPcL0WLSf5Hncky0DrFDQY/4ozbH5lH7SX5ejayVpNTGSX7IpOvu7ykQDLOdMMGYzwpA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-logical-overscroll-behavior@3.0.0':
+    resolution: {integrity: sha512-82Jnl/5Wi5jb19nQE1XlBHrZcNL3PzOgcj268cDkfwf+xi10HBqufGo1Unwf5n8bbbEFhEKgyQW+vFsc9iY1jw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-logical-resize@4.0.0':
+    resolution: {integrity: sha512-L0T3q0gei/tGetCGZU0c7VN77VTivRpz1YZRNxjXYmW+85PKeI6U9YnSvDqLU2vBT2uN4kLEzfgZ0ThIZpN18A==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-logical-viewport-units@4.0.0':
+    resolution: {integrity: sha512-TA3AqVN/1IH3dKRC2UUWvprvwyOs2IeD7FDZk5Hz20w4q33yIuSg0i0gjyTUkcn90g8A4n7QpyZ2AgBrnYPnnA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-media-minmax@3.0.3':
+    resolution: {integrity: sha512-ch1tNS+1QayiHTGsyc53zv3AzrSd0zigjbkfLxoeuzzJyn32+P3V7em3u5vLVnqLMzBbEZK//GI13EVTIPRdDA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-media-queries-aspect-ratio-number-values@4.0.0':
+    resolution: {integrity: sha512-FDdC3lbrj8Vr0SkGIcSLTcRB7ApG6nlJFxOxkEF2C5hIZC1jtgjISFSGn/WjFdVkn8Dqe+Vx9QXI3axS2w1XHw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-mixins@1.0.0':
+    resolution: {integrity: sha512-rz6qjT2w9L3k65jGc2dX+3oGiSrYQ70EZPDrINSmSVoVys7lLBFH0tvEa8DW2sr9cbRVD/W+1sy8+7bfu0JUfg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-nested-calc@5.0.0':
+    resolution: {integrity: sha512-aPSw8P60e/i9BEfugauhikBqgjiwXcw3I9o4vXs+hktl4NSTgZRI0QHimxk9mst8N01A2TKDBxOln3mssRxiHQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-normalize-display-values@5.0.1':
+    resolution: {integrity: sha512-FcbEmoxDEGYvm2W3rQzVzcuo66+dDJjzzVDs+QwRmZLHYofGmMGwIKPqzF86/YW+euMDa7sh1xjWDvz/fzByZQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-oklab-function@5.0.6':
+    resolution: {integrity: sha512-6yZ+OySSaBybv12OfgKFBgCK1Se2mBbhh9eIDbUdWGHJUXZPQoLbtPj8S6Wg0lqe0nTqKgY/l8Ir9lHrm2TUBQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-position-area-property@2.0.0':
+    resolution: {integrity: sha512-TeEfzsJGB23Syv7yCm8AHCD2XTFujdjr9YYu9ebH64vnfCEvY4BG319jXAYSlNlf3Yc9PNJ6WnkDkUF5XVgSKQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-progressive-custom-properties@5.1.1':
+    resolution: {integrity: sha512-b9+lusgVDTHXRBgYKE9s0RKUyEn6Q/knmMDmYmSrkZjtpb0Nd71pBtgVMf9tSpOIb0K8hyzeyy6JyKFqg5rBJw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-property-rule-prelude-list@2.0.0':
+    resolution: {integrity: sha512-qcMAkc9AhpzHgmQCD8hoJgGYifcOAxd1exXjjxilMM6euwRE619xDa4UsKBCv/v4g+sS63sd6c29LPM8s2ylSQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-random-function@3.0.3':
+    resolution: {integrity: sha512-0EScyKxscGonwpi30Hj9DEAr0X8D2eDhOqqayQXE91gIqGli9UT+deLYqoogZLOy5GT+ncqltMqztc/q+0UkhA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-relative-color-syntax@4.0.6':
+    resolution: {integrity: sha512-4SUC+qfJE/8sV62oo/fcxNKSBgiSVqE8c7f9TBwvNY3WnD0YHJyEM3eIjXn1CxbMNl7gR6uBVuLuJB3xgr/O1w==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-scope-pseudo-class@5.0.0':
+    resolution: {integrity: sha512-kBrBFJcAji3MSHS4qQIihPvJfJC5xCabXLbejqDMiQi+86HD4eMBiTayAo46Urg7tlEmZZQFymFiJt+GH6nvXw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-sign-functions@2.0.3':
+    resolution: {integrity: sha512-2BCPwlpeQweTC/8S8oQFYhYD5kxYkiroLf3AUJV2kVoKkSZ+4WM4rSwySXlKrqXL8HfCryAwVrJg7B0jr/RnOw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-stepped-value-functions@5.0.3':
+    resolution: {integrity: sha512-nXMFQBz5Pi2LLG02iqm2k+scrqwtqJT9ta/gN8S79oBZ23M0E7O3wDJ20//3z5Q6HU5e+K0n+SmmxN6iWtbm6w==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-syntax-descriptor-syntax-production@2.0.0':
+    resolution: {integrity: sha512-elYcbdiBXAkPqvojB9kIBRuHY6htUhjSITtFQ+XiXnt6SvZCbNGxQmaaw6uZ7SPHu/+i/XVjzIt09/1k3SIerQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-system-ui-font-family@2.0.0':
+    resolution: {integrity: sha512-FyGZCgchFImFyiHS2x3rD5trAqatf/x23veBLTIgbaqyFfna6RNBD+Qf8HRSjt6HGMXOLhAjxJ3OoZg0bbn7Qw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-text-decoration-shorthand@5.0.4':
+    resolution: {integrity: sha512-LHQL1a0CW0j3oBEivwgp1Gqv+VUppWpEyedM9GBzE6yIT6tnZqY9v0ADX1jO6IptTZTdrnBwM+dveDIuUP+pTA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-trigonometric-functions@5.0.3':
+    resolution: {integrity: sha512-p9LTvLj+DFpl5RHbG/X9QGwg7BoMOBsRBZqsUAKKVvCw7MRCsk1P1llTUR/MW5nyZ4IsjFGDtDwTTj1reJjxvg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/postcss-unset-value@5.0.0':
+    resolution: {integrity: sha512-EoO54sS2KCIfesvHyFYAW99RtzwHdgaJzhl7cqKZSaMYKZv3fXSOehDjAQx8WZBKn1JrMd7xJJI1T1BxPF7/jA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@csstools/selector-resolve-nested@4.0.1':
+    resolution: {integrity: sha512-j3vdQu0XwLME5qOTWxm8cnmvsf423R2YL6DbKklCHZwkDm7UdKNu6RPlw4REIJhSlKBICY3B70/7QZdicLqZgg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss-selector-parser: ^7.1.1
+
+  '@csstools/selector-specificity@6.0.0':
+    resolution: {integrity: sha512-4sSgl78OtOXEX/2d++8A83zHNTgwCJMaR24FvsYL7Uf/VS8HZk9PTwR51elTbGqMuwH3szLvvOXEaVnqn0Z3zA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss-selector-parser: ^7.1.1
+
+  '@csstools/utilities@3.0.0':
+    resolution: {integrity: sha512-etDqA/4jYvOGBM6yfKCOsEXfH96BKztZdgGmGqKi2xHnDe0ILIBraRspwgYatJH9JsCZ5HCGoCst8w18EKOAdg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@discoveryjs/json-ext@0.6.3':
+    resolution: {integrity: sha512-4B4OijXeVNOPZlYA2oEwWOTkzyltLao+xbotHQeqN++Rv27Y6s818+n2Qkp8q+Fxhn0t/5lA5X1Mxktud8eayQ==}
+    engines: {node: '>=14.17.0'}
+
+  '@discoveryjs/json-ext@1.1.0':
+    resolution: {integrity: sha512-Xc3VhU02wqZ1HvHRJUwL09HkZSTvidqY5Ya0NXBSYOxAp+Ln9dcJr9fySI+CkONzP3PekQo9WdzCv0PGER/mOA==}
+    engines: {node: '>=14.17.0'}
+
+  '@dnd-kit/abstract@0.5.0':
+    resolution: {integrity: sha512-hi13iMJgjPX/KDYVKg5VeDIhmYiV6buc9bAX+tCLYf4QdyYjPbsXjn2sPo6m7fQ6SGJBEFgHJ2PemeKDUbwBaA==}
+
+  '@dnd-kit/collision@0.5.0':
+    resolution: {integrity: sha512-xUqRn3lS7oqLkT0AnnHS/STh/Czvwe1UapZFYiLbsUGxopMsQd4teaPCzPouOThoMdGEe+dHWjfqJl6t9iG4mQ==}
+
+  '@dnd-kit/dom@0.5.0':
+    resolution: {integrity: sha512-f2xFJp5SYQ8EW/Fbtaa8iBb66hpkWc7qa8vU826KW11/tb44sH+AisZnGtwOOTWTQ0GraqBDr5ixTErww+eKXw==}
+
+  '@dnd-kit/geometry@0.5.0':
+    resolution: {integrity: sha512-ubHQS1CiSDH8ssYH2xG5BnpwPSFP1tStXXjug7/Ba6qnQdu/EUH47l6QXKIksQnnanfVfDf0aGeevRxgZlj28A==}
+
+  '@dnd-kit/react@0.5.0':
+    resolution: {integrity: sha512-abQPLI8lmfVE+v/n+pqy5WFxrw6T2Yg0UQZsL78dp5DKci7dKTVDjvLWqvass+XTFtzJmsZEjk1NdqE6xG8Jiw==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+
+  '@dnd-kit/state@0.5.0':
+    resolution: {integrity: sha512-y7XbabQqjF58Lk8YmDQuR8l6QjN+Kh4qlGEjUvHuIeasLk1QP+9L5diXS98VMxQIivyMmUtX2//f+3N7qPJX4w==}
+
+  '@docsearch/css@3.8.2':
+    resolution: {integrity: sha512-y05ayQFyUmCXze79+56v/4HpycYF3uFqB78pLPrSV5ZKAlDuIAAJNhaRi8tTdRNXh05yxX/TyNnzD6LwSM89vQ==}
+
+  '@docsearch/js@3.8.2':
+    resolution: {integrity: sha512-Q5wY66qHn0SwA7Taa0aDbHiJvaFJLOJyHmooQ7y8hlwwQLQ/5WwCcoX0g7ii04Qi2DJlHsd0XXzJ8Ypw9+9YmQ==}
+
+  '@docsearch/react@3.8.2':
+    resolution: {integrity: sha512-xCRrJQlTt8N9GU0DG4ptwHRkfnSnD/YpdeaXe02iKfqs97TkZJv60yE+1eq/tjPcVnTW8dP5qLP7itifFVV5eg==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: '>= 16.8.0 < 19.0.0'
+      react-dom: '>= 16.8.0 < 19.0.0'
+      search-insights: '>= 1 < 3'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+      search-insights:
+        optional: true
+
+  '@electron-internal/extract-zip@1.0.3':
+    resolution: {integrity: sha512-OjKpjB7gohtEjZiq6nDx1egqjZJhGPN1iFOIED+NFhB/MMkXw/XRcHjh1DGXKT5z2W9eW7Jy2UKU3gpjvusFTQ==}
+    engines: {node: '>=22.12.0'}
+
+  '@electron/asar@3.4.1':
+    resolution: {integrity: sha512-i4/rNPRS84t0vSRa2HorerGRXWyF4vThfHesw0dmcWHp+cspK743UanA0suA5Q5y8kzY2y6YKrvbIUn69BCAiA==}
+    engines: {node: '>=10.12.0'}
+    hasBin: true
+
+  '@electron/asar@4.2.1':
+    resolution: {integrity: sha512-rGyEe7iy52zxiWuihV/h/AqQrFkx7YnUUJKW1bdufVDHCzIMP/XDrDI/NOzv/LLtzt3NduAzNa475WRmRnmswQ==}
+    engines: {node: '>=22.12.0'}
+    hasBin: true
+
+  '@electron/fuses@1.8.0':
+    resolution: {integrity: sha512-zx0EIq78WlY/lBb1uXlziZmDZI4ubcCXIMJ4uGjXzZW0nS19TjSPeXPAjzzTmKQlJUZm0SbmZhPKP7tuQ1SsEw==}
+    hasBin: true
+
+  '@electron/fuses@2.1.3':
+    resolution: {integrity: sha512-LoKJUXNiJ4JM8IIrUltSHI+8pkogaGj5wmJx81jE/Wk3g2w1/kfMbTEKNoY5kitGE8hiC12h32R/1SlywFtxXg==}
+    engines: {node: '>=22.12.0'}
+    hasBin: true
+
+  '@electron/get@3.1.0':
+    resolution: {integrity: sha512-F+nKc0xW+kVbBRhFzaMgPy3KwmuNTYX1fx6+FxxoSnNgwYX6LD7AKBTWkU0MQ6IBoe7dz069CNkR673sPAgkCQ==}
+    engines: {node: '>=14'}
+
+  '@electron/get@5.0.0':
+    resolution: {integrity: sha512-pjoBpru1KdEtcExBnuHAP1cAc/5faoedw0hzJkL3o4/IJp7HNF1+fbrdxT3gMYRX2oJfvnA/WXeCTVQpYYxyJA==}
+    engines: {node: '>=22.12.0'}
+
+  '@electron/notarize@2.5.0':
+    resolution: {integrity: sha512-jNT8nwH1f9X5GEITXaQ8IF/KdskvIkOFfB2CvwumsveVidzpSc+mvhhTMdAGSYF3O+Nq49lJ7y+ssODRXu06+A==}
+    engines: {node: '>= 10.0.0'}
+
+  '@electron/osx-sign@1.3.3':
+    resolution: {integrity: sha512-KZ8mhXvWv2rIEgMbWZ4y33bDHyUKMXnx4M0sTyPNK/vcB81ImdeY9Ggdqy0SWbMDgmbqyQ+phgejh6V3R2QuSg==}
+    engines: {node: '>=12.0.0'}
+    hasBin: true
+
+  '@electron/rebuild@4.0.4':
+    resolution: {integrity: sha512-Rzc39XPdk/+/wBG8MfwAHohXflep0ITUfulb6Rgz3R0NeSB1noE+E9/M/cb8ftCAiyDD9PPhLuuWgE1GaInbKg==}
+    engines: {node: '>=22.12.0'}
+    hasBin: true
+
+  '@electron/universal@2.0.3':
+    resolution: {integrity: sha512-Wn9sPYIVFRFl5HmwMJkARCCf7rqK/EurkfQ/rJZ14mHP3iYTjZSIOSVonEAnhWeAXwtw7zOekGRlc6yTtZ0t+g==}
+    engines: {node: '>=16.4'}
+
+  '@electron/windows-sign@1.2.2':
+    resolution: {integrity: sha512-dfZeox66AvdPtb2lD8OsIIQh12Tp0GNCRUDfBHIKGpbmopZto2/A8nSpYYLoedPIHpqkeblZ/k8OV0Gy7PYuyQ==}
+    engines: {node: '>=14.14'}
+    hasBin: true
+
+  '@element-hq/element-call-embedded@0.22.0':
+    resolution: {integrity: sha512-OhYxZq0+4Z+p8AwofGeptqjH/M2xSFdYQpIC5LrIujgR5XOWr8hgE4/50tGI6jA01iQzqkl6uOOnBvdZqRjrYQ==}
+
+  '@emnapi/core@1.10.0':
+    resolution: {integrity: sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==}
+
+  '@emnapi/core@1.11.2':
+    resolution: {integrity: sha512-TC8MkTuZUtcTSiFeuC0ksCh9QIJ5+F21MvZ4Wn4ORfYaFJ/0dsiudv5tVkejgwZlwQ39jL9WWDe2lz8x0WglOA==}
+
+  '@emnapi/core@1.4.5':
+    resolution: {integrity: sha512-XsLw1dEOpkSX/WucdqUhPWP7hDxSvZiY+fsUC14h+FtQ2Ifni4znbBt8punRX+Uj2JG/uDb8nEHVKvrVlvdZ5Q==}
+
+  '@emnapi/core@1.9.2':
+    resolution: {integrity: sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==}
+
+  '@emnapi/runtime@1.10.0':
+    resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==}
+
+  '@emnapi/runtime@1.11.2':
+    resolution: {integrity: sha512-kyOl3X0DuTiT1h2ft8r2fYO8JYtU9a9Xis/zBSiGArNaagCOWx90N1k2wxp18czFDH+OgcWGb5ZP/XMt3dcyPA==}
+
+  '@emnapi/runtime@1.4.5':
+    resolution: {integrity: sha512-++LApOtY0pEEz1zrd9vy1/zXVaVJJ/EbAF3u0fXIzPJEDtnITsBGbbK0EkM72amhl/R5b+5xx0Y/QhcVOpuulg==}
+
+  '@emnapi/runtime@1.9.2':
+    resolution: {integrity: sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==}
+
+  '@emnapi/wasi-threads@1.0.4':
+    resolution: {integrity: sha512-PJR+bOmMOPH8AtcTGAyYNiuJ3/Fcoj2XN/gBEWzDIKh254XO+mM9XoXHk5GNEhodxeMznbg7BlRojVbKN+gC6g==}
+
+  '@emnapi/wasi-threads@1.2.1':
+    resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
+
+  '@emnapi/wasi-threads@1.2.2':
+    resolution: {integrity: sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==}
+
+  '@emotion/is-prop-valid@1.4.0':
+    resolution: {integrity: sha512-QgD4fyscGcbbKwJmqNvUMSE02OsHUa+lAWKdEUIJKgqe5IwRSKd7+KhibEWdaKwgjLj0DRSHA9biAIqGBk05lw==}
+
+  '@emotion/memoize@0.9.0':
+    resolution: {integrity: sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==}
+
+  '@esbuild/aix-ppc64@0.27.4':
+    resolution: {integrity: sha512-cQPwL2mp2nSmHHJlCyoXgHGhbEPMrEEU5xhkcy3Hs/O7nGZqEpZ2sUtLaL9MORLtDfRvVl2/3PAuEkYZH0Ty8Q==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.27.4':
+    resolution: {integrity: sha512-gdLscB7v75wRfu7QSm/zg6Rx29VLdy9eTr2t44sfTW7CxwAtQghZ4ZnqHk3/ogz7xao0QAgrkradbBzcqFPasw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.27.4':
+    resolution: {integrity: sha512-X9bUgvxiC8CHAGKYufLIHGXPJWnr0OCdR0anD2e21vdvgCI8lIfqFbnoeOz7lBjdrAGUhqLZLcQo6MLhTO2DKQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.27.4':
+    resolution: {integrity: sha512-PzPFnBNVF292sfpfhiyiXCGSn9HZg5BcAz+ivBuSsl6Rk4ga1oEXAamhOXRFyMcjwr2DVtm40G65N3GLeH1Lvw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.27.4':
+    resolution: {integrity: sha512-b7xaGIwdJlht8ZFCvMkpDN6uiSmnxxK56N2GDTMYPr2/gzvfdQN8rTfBsvVKmIVY/X7EM+/hJKEIbbHs9oA4tQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.27.4':
+    resolution: {integrity: sha512-sR+OiKLwd15nmCdqpXMnuJ9W2kpy0KigzqScqHI3Hqwr7IXxBp3Yva+yJwoqh7rE8V77tdoheRYataNKL4QrPw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.27.4':
+    resolution: {integrity: sha512-jnfpKe+p79tCnm4GVav68A7tUFeKQwQyLgESwEAUzyxk/TJr4QdGog9sqWNcUbr/bZt/O/HXouspuQDd9JxFSw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.27.4':
+    resolution: {integrity: sha512-2kb4ceA/CpfUrIcTUl1wrP/9ad9Atrp5J94Lq69w7UwOMolPIGrfLSvAKJp0RTvkPPyn6CIWrNy13kyLikZRZQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.27.4':
+    resolution: {integrity: sha512-7nQOttdzVGth1iz57kxg9uCz57dxQLHWxopL6mYuYthohPKEK0vU0C3O21CcBK6KDlkYVcnDXY099HcCDXd9dA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.27.4':
+    resolution: {integrity: sha512-aBYgcIxX/wd5n2ys0yESGeYMGF+pv6g0DhZr3G1ZG4jMfruU9Tl1i2Z+Wnj9/KjGz1lTLCcorqE2viePZqj4Eg==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.27.4':
+    resolution: {integrity: sha512-oPtixtAIzgvzYcKBQM/qZ3R+9TEUd1aNJQu0HhGyqtx6oS7qTpvjheIWBbes4+qu1bNlo2V4cbkISr8q6gRBFA==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.27.4':
+    resolution: {integrity: sha512-8mL/vh8qeCoRcFH2nM8wm5uJP+ZcVYGGayMavi8GmRJjuI3g1v6Z7Ni0JJKAJW+m0EtUuARb6Lmp4hMjzCBWzA==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.27.4':
+    resolution: {integrity: sha512-1RdrWFFiiLIW7LQq9Q2NES+HiD4NyT8Itj9AUeCl0IVCA459WnPhREKgwrpaIfTOe+/2rdntisegiPWn/r/aAw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.27.4':
+    resolution: {integrity: sha512-tLCwNG47l3sd9lpfyx9LAGEGItCUeRCWeAx6x2Jmbav65nAwoPXfewtAdtbtit/pJFLUWOhpv0FpS6GQAmPrHA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.27.4':
+    resolution: {integrity: sha512-BnASypppbUWyqjd1KIpU4AUBiIhVr6YlHx/cnPgqEkNoVOhHg+YiSVxM1RLfiy4t9cAulbRGTNCKOcqHrEQLIw==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.27.4':
+    resolution: {integrity: sha512-+eUqgb/Z7vxVLezG8bVB9SfBie89gMueS+I0xYh2tJdw3vqA/0ImZJ2ROeWwVJN59ihBeZ7Tu92dF/5dy5FttA==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.27.4':
+    resolution: {integrity: sha512-S5qOXrKV8BQEzJPVxAwnryi2+Iq5pB40gTEIT69BQONqR7JH1EPIcQ/Uiv9mCnn05jff9umq/5nqzxlqTOg9NA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.27.4':
+    resolution: {integrity: sha512-xHT8X4sb0GS8qTqiwzHqpY00C95DPAq7nAwX35Ie/s+LO9830hrMd3oX0ZMKLvy7vsonee73x0lmcdOVXFzd6Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.27.4':
+    resolution: {integrity: sha512-RugOvOdXfdyi5Tyv40kgQnI0byv66BFgAqjdgtAKqHoZTbTF2QqfQrFwa7cHEORJf6X2ht+l9ABLMP0dnKYsgg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.27.4':
+    resolution: {integrity: sha512-2MyL3IAaTX+1/qP0O1SwskwcwCoOI4kV2IBX1xYnDDqthmq5ArrW94qSIKCAuRraMgPOmG0RDTA74mzYNQA9ow==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.27.4':
+    resolution: {integrity: sha512-u8fg/jQ5aQDfsnIV6+KwLOf1CmJnfu1ShpwqdwC0uA7ZPwFws55Ngc12vBdeUdnuWoQYx/SOQLGDcdlfXhYmXQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.27.4':
+    resolution: {integrity: sha512-JkTZrl6VbyO8lDQO3yv26nNr2RM2yZzNrNHEsj9bm6dOwwu9OYN28CjzZkH57bh4w0I2F7IodpQvUAEd1mbWXg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.27.4':
+    resolution: {integrity: sha512-/gOzgaewZJfeJTlsWhvUEmUG4tWEY2Spp5M20INYRg2ZKl9QPO3QEEgPeRtLjEWSW8FilRNacPOg8R1uaYkA6g==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.27.4':
+    resolution: {integrity: sha512-Z9SExBg2y32smoDQdf1HRwHRt6vAHLXcxD2uGgO/v2jK7Y718Ix4ndsbNMU/+1Qiem9OiOdaqitioZwxivhXYg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.27.4':
+    resolution: {integrity: sha512-DAyGLS0Jz5G5iixEbMHi5KdiApqHBWMGzTtMiJ72ZOLhbu/bzxgAe8Ue8CTS3n3HbIUHQz/L51yMdGMeoxXNJw==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.27.4':
+    resolution: {integrity: sha512-+knoa0BDoeXgkNvvV1vvbZX4+hizelrkwmGJBdT17t8FNPwG2lKemmuMZlmaNQ3ws3DKKCxpb4zRZEIp3UxFCg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@eslint-community/eslint-utils@4.10.1':
+    resolution: {integrity: sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/eslintrc@2.1.4':
+    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@eslint/js@8.57.1':
+    resolution: {integrity: sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@fetch-mock/jest@0.2.20':
+    resolution: {integrity: sha512-DGX2bhBInodaWPMV3+UZ530aVM3wDj16sAPjFzkrwb0JwNWIQK07CNbYprQ3Tmd2ixDJeaNx2E0aNb+hRb8FFA==}
+    engines: {node: '>=18.11.0'}
+    peerDependencies:
+      '@jest/globals': '*'
+      jest: '*'
+
+  '@fetch-mock/vitest@0.2.18':
+    resolution: {integrity: sha512-s2bG7/MSwVFun5gTzrkZzJSmcdSurTmxt5B+JA/4ALyx0Pfo1al0/MlZPBtZ358Kkjv9CpRlhpyLf6bt4OrtLQ==}
+    engines: {node: '>=18.11.0'}
+    peerDependencies:
+      vitest: '*'
+
+  '@figspec/components@2.1.0':
+    resolution: {integrity: sha512-PFKBX2oFz+vhThKTNsu7Mh4ZT3X7YCiM694UkAMT36j/p0tdmXs9Je0Sf88stTEcMgwYvNv9TZtvniYmgaE+bw==}
+
+  '@figspec/react@2.0.1':
+    resolution: {integrity: sha512-xflqJ3XQZVzm8+7dsm8OFxVAmBNNA3Mg65sqwNHiq7VRSMSD7qwH4BPsBy07ZaX+9nHeaacBpFZd3Q0aIsISqw==}
+    peerDependencies:
+      react: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@floating-ui/core@1.8.0':
+    resolution: {integrity: sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==}
+
+  '@floating-ui/dom@1.8.0':
+    resolution: {integrity: sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==}
+
+  '@floating-ui/react-dom@2.1.9':
+    resolution: {integrity: sha512-JDjEFGCpImxDCA7JJKviA0M9+RtmJdj0m/NVU5IMgBK+AmZouAQQ7/+2GLH0GXXY0YMw9oXPB8hKdbPYg5QLYg==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@floating-ui/react@0.27.17':
+    resolution: {integrity: sha512-LGVZKHwmWGg6MRHjLLgsfyaX2y2aCNgnD1zT/E6B+/h+vxg+nIJUqHPAlTzsHDyqdgEpJ1Np5kxWuFEErXzoGg==}
+    peerDependencies:
+      react: '>=17.0.0'
+      react-dom: '>=17.0.0'
+
+  '@floating-ui/utils@0.2.12':
+    resolution: {integrity: sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==}
+
+  '@fontsource/fira-code@5.3.0':
+    resolution: {integrity: sha512-EJL968RJRkakubAj/coU8pSUaeTE5UNoRjtzAr6kGiSZ3jWuN8/AKWHwym/PFUaQL1q7IL/H+EXs4358YhrTBQ==}
+
+  '@fontsource/inconsolata@5.2.8':
+    resolution: {integrity: sha512-lIZW+WOZYpUH91g9r6rYYhfTmptF3YPPM54ZOs8IYVeeL4SeiAu4tfj7mdr8llYEq31DLYgi6JtGIJa192gB0Q==}
+
+  '@fontsource/inter@5.3.0':
+    resolution: {integrity: sha512-RofMylZmjlJEfELXeNHFWBRcSs75rGU/6bV2S2jfnvv/3rPXPGe0LgUJTklcHZ9lM4OZmAVFhcJPnACfb91A3g==}
+
+  '@formatjs/fast-memoize@3.1.7':
+    resolution: {integrity: sha512-zXfhLpvA6T7+efdt9JLbBwZ00tT7NsBMDVnDu8rpHeNNv8KfRZAMo2gkG0k9lK/Nzc//3kJ9pImsfuJxk3KhUA==}
+
+  '@formatjs/intl-localematcher@0.8.13':
+    resolution: {integrity: sha512-kHEAFOkeJSPNi7c5PaKaRjxcBrJwzzt81ifUu+8uve1EDW/VJl83KsxmqgqNZLzcFEhSliZGvx3+pk/RH0IOmg==}
+
+  '@formatjs/intl-segmenter@12.2.13':
+    resolution: {integrity: sha512-jhxNn6FnvlIOYzn+VG4xRjcLRrLHlDGoRd723YuwdsNHZRvvcC4qvnh5xC5udSv0CiwbBKnPY3OzDNni2NxqIw==}
+
+  '@gar/promise-retry@1.0.3':
+    resolution: {integrity: sha512-GmzA9ckNokPypTg10pgpeHNQe7ph+iIKKmhKu3Ob9ANkswreCx7R3cKmY781K8QK3AqVL3xVh9A42JvIAbkkSA==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  '@gerrit0/mini-shiki@3.23.0':
+    resolution: {integrity: sha512-bEMORlG0cqdjVyCEuU0cDQbORWX+kYCeo0kV1lbxF5bt4r7SID2l9bqsxJEM0zndaxpOUT7riCyIVEuqq/Ynxg==}
+
+  '@grpc/grpc-js@1.14.4':
+    resolution: {integrity: sha512-k9Dj3DV/itK9D06Y8f190Qgop7/Ui+D0njFV3LHMPwPT75DpXLQohE9Wmz0QElrJnzsjB7KPWiKJbOl7IPDArQ==}
+    engines: {node: '>=12.10.0'}
+
+  '@grpc/proto-loader@0.7.15':
+    resolution: {integrity: sha512-tMXdRCfYVixjuFK+Hk0Q1s38gV9zDiDJfWL3h1rv4Qc39oILCu1TRTDt7+fGUI8K4G1Fj125Hx/ru3azECWTyQ==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  '@grpc/proto-loader@0.8.1':
+    resolution: {integrity: sha512-wtF6h+DY6M3YaDBPAmvuuA6jV8Sif9MjtOI5euKFWRgCDl5PeDpPsHR9u2l6St5ceY8AZgoNDww5+HvEsXFsGg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  '@hapi/address@5.1.1':
+    resolution: {integrity: sha512-A+po2d/dVoY7cYajycYI43ZbYMXukuopIsqCjh5QzsBCipDtdofHntljDlpccMjIfTy6UOkg+5KPriwYch2bXA==}
+    engines: {node: '>=14.0.0'}
+
+  '@hapi/formula@3.0.2':
+    resolution: {integrity: sha512-hY5YPNXzw1He7s0iqkRQi+uMGh383CGdyyIGYtB+W5N3KHPXoqychklvHhKCC9M3Xtv0OCs/IHw+r4dcHtBYWw==}
+
+  '@hapi/hoek@11.0.7':
+    resolution: {integrity: sha512-HV5undWkKzcB4RZUusqOpcgxOaq6VOAH7zhhIr2g3G8NF/MlFO75SjOr2NfuSx0Mh40+1FqCkagKLJRykUWoFQ==}
+
+  '@hapi/pinpoint@2.0.1':
+    resolution: {integrity: sha512-EKQmr16tM8s16vTT3cA5L0kZZcTMU5DUOZTuvpnY738m+jyP3JIUj+Mm1xc1rsLkGBQ/gVnfKYPwOmPg1tUR4Q==}
+
+  '@hapi/tlds@1.1.7':
+    resolution: {integrity: sha512-MgNjRwy9Ti92yVAixLmDc8dd1bJIKwO9qlWCfFQRwRmUEDPQHYn4G6hwPFvFGUTzAa0FsS+inMjLin7GnyBRhA==}
+    engines: {node: '>=14.0.0'}
+
+  '@hapi/topo@6.0.2':
+    resolution: {integrity: sha512-KR3rD5inZbGMrHmgPxsJ9dbi6zEK+C3ZwUwTa+eMwWLz7oijWUTWD2pMSNNYJAU6Qq+65NkxXjqHr/7LM2Xkqg==}
+
+  '@humanwhocodes/config-array@0.13.0':
+    resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
+    engines: {node: '>=10.10.0'}
+    deprecated: Use @eslint/config-array instead
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/object-schema@2.0.3':
+    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
+    deprecated: Use @eslint/object-schema instead
+
+  '@iconify-json/simple-icons@1.2.75':
+    resolution: {integrity: sha512-KvcCUbvcBWb0sbqLIxHoY8z5/piXY08wcY9gfMhF+ph3AfzGMaSmZFkUY71HSXAljQngXkgs4bdKdekO0HQWvg==}
+
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@iconify/utils@3.1.3':
+    resolution: {integrity: sha512-LPKOXPn/zV+zis1oOfGWogaXVpqUybF3ZS6SCZIsz8vg0ivVp9+fVqyYB7xq0aiST/VhUQYGO1qo6uoYSiEJqw==}
+
+  '@isaacs/cliui@8.0.2':
+    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+    engines: {node: '>=12'}
+
+  '@isaacs/fs-minipass@4.0.1':
+    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
+    engines: {node: '>=18.0.0'}
+
+  '@istanbuljs/load-nyc-config@1.1.0':
+    resolution: {integrity: sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==}
+    engines: {node: '>=8'}
+
+  '@istanbuljs/schema@0.1.6':
+    resolution: {integrity: sha512-+Sg6GCR/wy1oSmQDFq4LQDAhm3ETKnorxN+y5nbLULOR3P0c14f2Wurzj3/xqPXtasLFfHd5iRFQ7AJt4KH2cw==}
+    engines: {node: '>=8'}
+
+  '@jest/console@30.4.1':
+    resolution: {integrity: sha512-v3bhyxUh9Hgmo5p6hAOXe14/R3ZxZDOsvHleh4B07z3m/x4/ngPUXEm9XwK4sF4u+f+P2ORb0Ge+MgpaqRMVDA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/core@30.4.2':
+    resolution: {integrity: sha512-TZJA6cPJUFxoWhxaLo8t0VX/MZX2wPWr0uIDvLSHIvN4gu9h02vSzqI2kBADG1ExqQlC+cY09xKMSreivvrChQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+    peerDependenciesMeta:
+      node-notifier:
+        optional: true
+
+  '@jest/diff-sequences@30.0.1':
+    resolution: {integrity: sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/diff-sequences@30.4.0':
+    resolution: {integrity: sha512-zOpzlfUs45l6u7jm39qr87JCHUDsaeCtvL+kQe/Vn9jSnRB4/5IPXISm0h9I1vZW/o00Kn4UTJ2MOlhnUGwv3g==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/environment-jsdom-abstract@30.4.1':
+    resolution: {integrity: sha512-dSlKrqug3siYNHVnjwIldShY12wAH3spwRltO/+8VOjg0X+xEq7vOs3DbBs4LRKsu7OH+NUb9kuZUNBF9Ho3TA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      canvas: ^3.0.0
+      jsdom: '*'
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
+  '@jest/environment@30.4.1':
+    resolution: {integrity: sha512-AK9yNRqgKxiabqMoe4oW+3/TSSeV8vkdC7BGaxZdU0AFXfOpofTLqdru2GXKZghP3sdgwE9XXpnVwfZ8JnFV4w==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/expect-utils@30.4.1':
+    resolution: {integrity: sha512-ZBn5CglH8fBsQsvs4VWNzD4aWfUYks+IdOOQU3MEK71ol/BcVm+P+rtb1KpiFBpSWSCE27uOahyyf1vfqOVbcQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/expect@30.4.1':
+    resolution: {integrity: sha512-ginrj6TMgh2GshLUGCjO94Ptx9HhdZA/I6A9iUfyeLKFtdAjnKzHDgzgP9HYQgbxM1lbXScQ2eUBz2lGeVDPWA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/fake-timers@30.4.1':
+    resolution: {integrity: sha512-iW5umdmfPeWzehrVhugFQZqCchSCud5S1l2YT0O9ZhjRR0ExclANDZkiSBwzqtnlOn0J1JXvO+HZ6rkuyOVOgQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/get-type@30.1.0':
+    resolution: {integrity: sha512-eMbZE2hUnx1WV0pmURZY9XoXPkUYjpc55mb0CrhtdWLtzMQPFvu/rZkTLZFTsdaVQa+Tr4eWAteqcUzoawq/uA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/globals@30.4.1':
+    resolution: {integrity: sha512-ZbuY4cmXC8DkxYjfvT2DbcHWL2T6vmsMhXCDcmTB2T0y0gaezBI77ufq5ZAIdcRkYZ7NEQEDg1xFeKbxUJ5v5Q==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/pattern@30.4.0':
+    resolution: {integrity: sha512-RAWn3+f9u8BsHijKJ71uHcFp6vmyEt6VvoWXkl6hKF3qVIuWNmudVjg12DlBPGup/frIl5UcUlH5HfEuvHpEXg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/reporters@30.4.1':
+    resolution: {integrity: sha512-/SnkPCzEQpUaBH81kjdEdDdo2WZl5hxw+BmLDGWjRkm8o7XlhjwsU36cqwe5PGBE5WYpBvDzRSdXx9rbGuJtNA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+    peerDependenciesMeta:
+      node-notifier:
+        optional: true
+
+  '@jest/schemas@30.4.1':
+    resolution: {integrity: sha512-i6b4qw5qnP8c5FEeBJg/uZQ4ddrkN6Ca8qISJh0pr7a5hfn3h3v5x60BEbOC7OYAGZNMs1LfFLwnW2CuK8F57Q==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/snapshot-utils@30.4.1':
+    resolution: {integrity: sha512-ObY4ljvQ95mt6iwKtVLetR/4yXiAgl3H4nJxhztr0MTjrN97TwDYrnCp/kF60Ec9HdhkWTHSu+Hg05aXfngpOA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/source-map@30.0.1':
+    resolution: {integrity: sha512-MIRWMUUR3sdbP36oyNyhbThLHyJ2eEDClPCiHVbrYAe5g3CHRArIVpBw7cdSB5fr+ofSfIb2Tnsw8iEHL0PYQg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/test-result@30.4.1':
+    resolution: {integrity: sha512-/ZG7pgEiOmmWkN9TplKbOu4id2N5lh7FHwRwlkgBVAzGdRH+OkkQ8wX/kIxg4zmd3ZQvAL1RwL2yWsvNYYECTw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/test-sequencer@30.4.1':
+    resolution: {integrity: sha512-PeYE+4td5rKjoRPxztObrXU+H8hsjZfxKMXOcmrr34JerSyB/ROOxbbicz8B7A5j9R9VayDnVPvBmedqCsFCdw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/transform@30.4.1':
+    resolution: {integrity: sha512-Wz0LyktlTvRefoymh+n64hQ84KNXsRGcwdoZ8CSa0Ea+fgYcHZlnk+hDP7v2MS7il2bQ5uTEIxf4/NNfhMN4KQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/types@30.4.1':
+    resolution: {integrity: sha512-f1x/vJXIfjOlEmejYpbkbgw1gOqpPECwMvMEtBqe47j7H2Hg8h8w3o3ikhSXq3MI15kg+oQ0exWO0uCtTNJLoQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.7.0':
+    resolution: {integrity: sha512-qvsTEwEFefhdirGOPnu9Wp6ChfIwy2dBCRuETU3uE+4cC+PFoxMSiiEhxk4lOluA34eARHA0OxqsEUYDqRMgeQ==}
+    peerDependencies:
+      typescript: '>= 4.3.x'
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/source-map@0.3.11':
+    resolution: {integrity: sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@js-sdsl/ordered-map@4.4.2':
+    resolution: {integrity: sha512-iUKgm52T8HOE/makSxjqoWhe95ZJA1/G1sYsGev2JDKUSS14KAgg1LHb+Ba+IPow0xflbnSkOsZcO08C7w1gYw==}
+
+  '@jsonjoy.com/base64@1.1.2':
+    resolution: {integrity: sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/base64@17.67.0':
+    resolution: {integrity: sha512-5SEsJGsm15aP8TQGkDfJvz9axgPwAEm98S5DxOuYe8e1EbfajcDmgeXXzccEjh+mLnjqEKrkBdjHWS5vFNwDdw==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/buffers@1.2.1':
+    resolution: {integrity: sha512-12cdlDwX4RUM3QxmUbVJWqZ/mrK6dFQH4Zxq6+r1YXKXYBNgZXndx2qbCJwh3+WWkCSn67IjnlG3XYTvmvYtgA==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/buffers@17.67.0':
+    resolution: {integrity: sha512-tfExRpYxBvi32vPs9ZHaTjSP4fHAfzSmcahOfNxtvGHcyJel+aibkPlGeBB+7AoC6hL7lXIE++8okecBxx7lcw==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/codegen@1.0.0':
+    resolution: {integrity: sha512-E8Oy+08cmCf0EK/NMxpaJZmOxPqM+6iSe2S4nlSBrPZOORoDJILxtbSUEDKQyTamm/BVAhIGllOBNU79/dwf0g==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/codegen@17.67.0':
+    resolution: {integrity: sha512-idnkUplROpdBOV0HMcwhsCUS5TRUi9poagdGs70A6S4ux9+/aPuKbh8+UYRTLYQHtXvAdNfQWXDqZEx5k4Dj2Q==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/fs-core@4.64.0':
+    resolution: {integrity: sha512-zs2TAq7Six5jgMuoMNjpspAvOP3mhtgq/k1UyQodEzCtQi/N83y2/y+zcvnZSGp/Rxq96DBN+bValOBQAyn/ew==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/fs-fsa@4.64.0':
+    resolution: {integrity: sha512-nMWOVbkLFyEgmXZih3wyvxA9XpgyyqyfrINMHvEFqhi7uqfRl7c9ERJt6yX7vgMPrB9Uo+OJO+Spa0cFzPD01w==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/fs-node-builtins@4.64.0':
+    resolution: {integrity: sha512-/o7WRFhUWaM/fOrslwLZGnzn4RmRILykn+lAL+mNObqqRNw+CQSiij6hpCeZ+C7buhdoVo7go/OYqzaSUfDYmA==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/fs-node-to-fsa@4.64.0':
+    resolution: {integrity: sha512-WDD9WVs0hb7UAEKTgZW2f66WDrbj7gIIWwpP3spbLyXa0rghtUaFTB8L4gdR3ZCWwiKIsj38/CNijpVmpnuPUw==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/fs-node-utils@4.64.0':
+    resolution: {integrity: sha512-k5Indsx9hWW9xSF7Y6oSKKwtCUNhzZxadub3owhIlitc+iMRVlPPdX2duTKQWBL3qNWpXya8jykgaaWpheeS4w==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/fs-node@4.64.0':
+    resolution: {integrity: sha512-dO+NNkODbUli4uV42bcNrrLvq5rE7SNpdZ5TNd0dtbLsAaNK3MDiIC9lUi+brboGoIjW6vd2fB1qao60nrk5xA==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/fs-print@4.64.0':
+    resolution: {integrity: sha512-PHZFccchvkhWrwPWHjmVAhbC3vSHCtyZvlZfJJ3ho2bnzl450hXri6/8e6pbkWdH+SkmLXNml0sV8e5HDAfxKw==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/fs-snapshot@4.64.0':
+    resolution: {integrity: sha512-oM7UDeL83q6NBzzsfKAsYKXKVXlykKFqqOLh4xZZKAzzROTlInkPbc6LTDGThEOnPiFiUzA7tYziHG9xavd76Q==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/json-pack@1.21.0':
+    resolution: {integrity: sha512-+AKG+R2cfZMShzrF2uQw34v3zbeDYUqnQ+jg7ORic3BGtfw9p/+N6RJbq/kkV8JmYZaINknaEQ2m0/f693ZPpg==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/json-pack@17.67.0':
+    resolution: {integrity: sha512-t0ejURcGaZsn1ClbJ/3kFqSOjlryd92eQY465IYrezsXmPcfHPE/av4twRSxf6WE+TkZgLY+71vCZbiIiFKA/w==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/json-pointer@1.0.2':
+    resolution: {integrity: sha512-Fsn6wM2zlDzY1U+v4Nc8bo3bVqgfNTGcn6dMgs6FjrEnt4ZCe60o6ByKRjOGlI2gow0aE/Q41QOigdTqkyK5fg==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/json-pointer@17.67.0':
+    resolution: {integrity: sha512-+iqOFInH+QZGmSuaybBUNdh7yvNrXvqR+h3wjXm0N/3JK1EyyFAeGJvqnmQL61d1ARLlk/wJdFKSL+LHJ1eaUA==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/util@1.9.0':
+    resolution: {integrity: sha512-pLuQo+VPRnN8hfPqUTLTHk126wuYdXVxE6aDmjSeV4NCAgyxWbiOIeNJVtID3h1Vzpoi9m4jXezf73I6LgabgQ==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/util@17.67.0':
+    resolution: {integrity: sha512-6+8xBaz1rLSohlGh68D1pdw3AwDi9xydm8QNlAFkvnavCJYSze+pxoW2VKP8p308jtlMRLs5NTHfPlZLd4w7ew==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@keyv/bigmap@1.3.1':
+    resolution: {integrity: sha512-WbzE9sdmQtKy8vrNPa9BRnwZh5UF4s1KTmSK0KUVLo3eff5BlQNNWDnFOouNpKfPKDnms9xynJjsMYjMaT/aFQ==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      keyv: ^5.6.0
+
+  '@keyv/serialize@1.1.1':
+    resolution: {integrity: sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==}
+
+  '@kwsites/file-exists@1.1.1':
+    resolution: {integrity: sha512-m9/5YGR18lIwxSFDwfE3oA7bWuq9kdau6ugN4H2rJeyhFQZcG9AgSHkQtSD15a8WvTgfz9aikZMrKPHvbpqFiw==}
+
+  '@leichtgewicht/ip-codec@2.0.5':
+    resolution: {integrity: sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==}
+
+  '@lit-labs/react@2.1.3':
+    resolution: {integrity: sha512-OD9h2JynerBQUMNzb563jiVpxfvPF0HjQkKY2mx0lpVYvD7F+rtJpOGz6ek+6ufMidV3i+MPT9SX62OKWHFrQg==}
+
+  '@lit/react@1.0.8':
+    resolution: {integrity: sha512-p2+YcF+JE67SRX3mMlJ1TKCSTsgyOVdAwd/nxp3NuV1+Cb6MWALbN6nT7Ld4tpmYofcE5kcaSY1YBB9erY+6fw==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+
+  '@malept/cross-spawn-promise@2.0.0':
+    resolution: {integrity: sha512-1DpKU0Z5ThltBwjNySMC14g0CkbyhCaz9FkhxqNsZI6uAPJXFS8cMXlBKo26FJ8ZuW6S9GCMcR9IO5k2X5/9Fg==}
+    engines: {node: '>= 12.13.0'}
+
+  '@malept/flatpak-bundler@0.4.0':
+    resolution: {integrity: sha512-9QOtNffcOF/c1seMCDnjckb3R9WHcG34tky+FHpNKKCW0wc/scYLwMtO+ptyGUfMW0/b/n4qRiALlaFHc9Oj7Q==}
+    engines: {node: '>= 10.0.0'}
+
+  '@mapbox/jsonlint-lines-primitives@2.0.2':
+    resolution: {integrity: sha512-rY0o9A5ECsTQRVhv7tL/OyDpGAoUB4tTvLiW1DSzQGq4bvTPhNw1VpSNjDJc5GFZ2XuyOtSWSVN05qOtcD71qQ==}
+    engines: {node: '>= 0.6'}
+
+  '@mapbox/point-geometry@1.1.0':
+    resolution: {integrity: sha512-YGcBz1cg4ATXDCM/71L9xveh4dynfGmcLDqufR+nQQy3fKwsAZsWd/x4621/6uJaeB9mwOHE6hPeDgXz9uViUQ==}
+
+  '@mapbox/tiny-sdf@2.2.0':
+    resolution: {integrity: sha512-LVL4wgI9YAum5V+LNVQO6QgFBPw7/MIIY4XJPNsPDMrjEwcE+JfKk1LuIl8GnF197ejVdC9QdPaxrx5gfgdGXg==}
+
+  '@mapbox/unitbezier@0.0.1':
+    resolution: {integrity: sha512-nMkuDXFv60aBr9soUG5q+GvZYL+2KZHVvsqFCzqnkGEf46U2fvmytHaEVc1/YZbiLn8X+eR3QzX1+dwDO1lxlw==}
+
+  '@mapbox/vector-tile@2.0.4':
+    resolution: {integrity: sha512-AkOLcbgGTdXScosBWwmmD7cDlvOjkg/DetGva26pIRiZPdeJYjYKarIlb4uxVzi6bwHO6EWH82eZ5Nuv4T5DUg==}
+
+  '@mapbox/whoots-js@3.1.0':
+    resolution: {integrity: sha512-Es6WcD0nO5l+2BOQS4uLfNPYQaNDfbot3X1XUoloz+x0mPDS3eeORZJl06HXjwBG1fOGwCRnzK88LMdxKRrd6Q==}
+    engines: {node: '>=6.0.0'}
+
+  '@maplibre/geojson-vt@5.0.4':
+    resolution: {integrity: sha512-KGg9sma45S+stfH9vPCJk1J0lSDLWZgCT9Y8u8qWZJyjFlP8MNP1WGTxIMYJZjDvVT3PDn05kN1C95Sut1HpgQ==}
+
+  '@maplibre/geojson-vt@6.1.0':
+    resolution: {integrity: sha512-2eIY4gZxeKIVOZVNkAMb+5NgXhgsMQpOveTQAvnp53LYqHGJZDidk7Ew0Tged9PThidpbS+NFTh0g4zivhPDzQ==}
+
+  '@maplibre/maplibre-gl-style-spec@24.8.5':
+    resolution: {integrity: sha512-EzEJmMt6thioRH7GI9LWS7ahXTcAhAPGWCe6oTP2Ps4YnsXOOAfeqx854lZaiDnwURfHmcCKV1mr6oo0i23x6w==}
+    hasBin: true
+
+  '@maplibre/mlt@1.1.9':
+    resolution: {integrity: sha512-g/tD8EYJB97udq33ipuJ9a4Q7fcbZnTEnUrgnEc/tLMmEL+zaCbR+X5fkDBO2dgpaAMsLH179qE3UXg2N0Nc/g==}
+
+  '@maplibre/vt-pbf@4.3.0':
+    resolution: {integrity: sha512-jIvp8F5hQCcreqOOpEt42TJMUlsrEcpf/kI1T2v85YrQRV6PPXUcEXUg5karKtH6oh47XJZ4kHu56pUkOuqA7w==}
+
+  '@matrix-org/analytics-events@0.37.0':
+    resolution: {integrity: sha512-lHFX5dEPqKCXChLoNh919JaYjW6jUcyGEZNUSaazD1wNVUiL8SbDo9wd9sFlJOFpedZgLnhhlaBh1OSjKvvJ9w==}
+
+  '@matrix-org/emojibase-bindings@1.5.0':
+    resolution: {integrity: sha512-+W9/ow2Z3iQa7ZOF698PBhwNcgGkn36B5Sr8VDPx8N8CH7+Uw+7TrtbtKPZVdgf4m/THmgmfX40jS5YDBsLaYg==}
+
+  '@matrix-org/matrix-sdk-crypto-wasm@18.4.0':
+    resolution: {integrity: sha512-osxkU1DQ+05+anGHapjWyvZqdHUb94Id37gy54mCKn1Cq/D7iGT5oEUEhjp4oTnCLo4TOtI6ULJ/LHsapaIptQ==}
+    engines: {node: '>= 18'}
+
+  '@matrix-org/react-sdk-module-api@2.5.0':
+    resolution: {integrity: sha512-l/SmiO47gPIRd6YJJGj+B6qbxyypJF6SEsfYr7j9rSW6E85ZYCqf+TpMM2LmfwZRADyKfCVkaJbbBZYpoD02VA==}
+    peerDependencies:
+      react: ^18
+
+  '@matrix-org/spec@1.16.0':
+    resolution: {integrity: sha512-xUKHkwGXXISMCfTrx6JW6uGEK5O8IeZVOjBm7FX1h/ihpK6l50nlSIMRYdtz4V6q3pvOVBOCft4hPYTJVeTZDA==}
+
+  '@mdx-js/react@3.1.1':
+    resolution: {integrity: sha512-f++rKLQgUVYDAtECQ6fn/is15GkEH9+nZPM3MS0RcxVqoTfawHvDlSCH7JbMhAM6uJ32v3eXLvLmLvjGu7PTQw==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: '>=16'
+
+  '@mermaid-js/mermaid-mindmap@9.3.0':
+    resolution: {integrity: sha512-IhtYSVBBRYviH1Ehu8gk69pMDF8DSRqXBRDMWrEfHoaMruHeaP2DXA3PBnuwsMaCdPQhlUUcy/7DBLAEIXvCAw==}
+
+  '@mermaid-js/parser@1.2.0':
+    resolution: {integrity: sha512-oYPyv8A4As1yH5Bx+04iQEQxXuIQDe0GKCNSRgao6z8AM9jixXIfP0vsppRLvGf+nKIOb9/LdpWA4YuJiVvESA==}
+
+  '@microsoft/api-extractor-model@7.33.10':
+    resolution: {integrity: sha512-uPUK17xGxeQ3av6TN7awp+dTTSTvx8fZC0XFL1gyt7hFapYuxND3XLXH8vkmI7UjfW92oogzFAFqHSifmJROaw==}
+
+  '@microsoft/api-extractor@7.58.12':
+    resolution: {integrity: sha512-VNpgC/1LaroLbn+UKmwDYspq+9r3EHyj4vJ3qUy/g8vB0rKt+1Wgs7WFj/JGpgxhG8SNyXs1XwYwe7nqkk8IDg==}
+    hasBin: true
+
+  '@microsoft/tsdoc-config@0.18.1':
+    resolution: {integrity: sha512-9brPoVdfN9k9g0dcWkFeA7IH9bbcttzDJlXvkf8b2OBzd5MueR1V2wkKBL0abn0otvmkHJC6aapBOTJDDeMCZg==}
+
+  '@microsoft/tsdoc@0.16.0':
+    resolution: {integrity: sha512-xgAyonlVVS+q7Vc7qLW0UrJU7rSFcETRWsqdXZtjzRU8dF+6CkozTK4V4y1LwOX7j8r/vHphjDeMeGI4tNGeGA==}
+
+  '@napi-rs/wasm-runtime@0.2.4':
+    resolution: {integrity: sha512-9zESzOO5aDByvhIAsOy9TbpZ0Ur2AJbUI7UT73kcUTS2mxAMHOBaa1st/jAymNoCtvrit99kkzT1FZuXVcgfIQ==}
+
+  '@napi-rs/wasm-runtime@1.1.6':
+    resolution: {integrity: sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg==}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1
+      '@emnapi/runtime': ^1.7.1
+
+  '@noble/hashes@1.4.0':
+    resolution: {integrity: sha512-V1JJ1WTRUqHHrOSh597hURcMqVKVGL/ea3kv0gSnEdsEZ0/+VyPghM1lMNGc00z7CIQorSvbKpuJkxvuHbvdbg==}
+    engines: {node: '>= 16'}
+
+  '@noble/hashes@2.2.0':
+    resolution: {integrity: sha512-IYqDGiTXab6FniAgnSdZwgWbomxpy9FtYvLKs7wCUs2a8RkITG+DFGO1DM9cr+E3/RgADRpFjrKVaJ1z6sjtEg==}
+    engines: {node: '>= 20.19.0'}
+
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+
+  '@npmcli/agent@4.0.0':
+    resolution: {integrity: sha512-kAQTcEN9E8ERLVg5AsGwLNoFb+oEG6engbqAU2P43gD4JEIkNGMHdVQ096FsOAAYpZPB0RSt0zgInKIAS1l5QA==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  '@npmcli/agent@5.0.1':
+    resolution: {integrity: sha512-PsOUeQRpNOGH+Iks/YPY8AXtttvGVqNqKIo/Cp2LhI0jpeqW32JP14yYRym+OsTg+roH4Avw281YwHMp8X8L2Q==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@npmcli/fs@5.0.0':
+    resolution: {integrity: sha512-7OsC1gNORBEawOa5+j2pXN9vsicaIOH5cPXxoR6fJOmH6/EXpJB2CajXOu1fPRFun2m1lktEFX11+P89hqO/og==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  '@npmcli/fs@6.0.0':
+    resolution: {integrity: sha512-AheOs4swKka/XLtht6xxJDPezlQ7K2IYQ9Y8lST4JLDjnralnWuMM9AE2CdVcgQJ5omrXhsRzM7F7aYmeZBvKQ==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@npmcli/git@8.0.0':
+    resolution: {integrity: sha512-5P1oo+TbxZNAiiMBtpzHA8QyEGh5D69LYLexNWJEDXLdxnAZvT/SLitGJBXxjtCE4ftAcFOS/Tu2185MeIjooQ==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@npmcli/installed-package-contents@5.0.0':
+    resolution: {integrity: sha512-6Ay12sf2Lh7U1ifvnS1mq7TZFeh/rXHMXye+kV7jQrANIubaoVcleeh4HdFumxhsRYwm9OaHycB5lYmSwGrcIQ==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+    hasBin: true
+
+  '@npmcli/node-gyp@6.0.0':
+    resolution: {integrity: sha512-MFakpea4pcZNlHSTbMi15HK8RY8zl2UpgDtxhZCWOer+KRN3x7HFIMk/fKpOMgR55L4LIcA2qn8IHeyABhIFtw==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@npmcli/package-json@8.0.0':
+    resolution: {integrity: sha512-agNZzYQ18MR0wKp3Emg1q5QbcC8CXigYp3Z3CvB0Sax9Ge9aF4cVyyuSG+5SbACSrZUKTvMjVULWiE1RJA38wg==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@npmcli/promise-spawn@10.0.0':
+    resolution: {integrity: sha512-llZkSzeTsimFx64U+ThT2xQM2uEce8GIQUYvxgbB6ZFvBhV2LP9LeJJb3HT+syG0uCFLsTCHjV9SfC0WNU1vtA==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@npmcli/redact@4.0.0':
+    resolution: {integrity: sha512-gOBg5YHMfZy+TfHArfVogwgfBeQnKbbGo3pSUyK/gSI0AVu+pEiDVcKlQb0D8Mg1LNRZILZ6XG8I5dJ4KuAd9Q==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  '@npmcli/redact@5.0.0':
+    resolution: {integrity: sha512-3zcN5Q3yEmeyxXBzqB6fXPQFzYa2ROsGFSr69W0ArXIAGJqxl/aFECOVPD2kbkYPm0U/EHxFKgclK3UA9WQg5A==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@npmcli/run-script@11.0.0':
+    resolution: {integrity: sha512-leBRl6F5F0TvWut8m1/aZcMTUHi2vXjKeMJ/Ik1lW7Q7Yy16Dhtkklu+cEqQww1p1NeLnUNzV3+uwpzqRcy9vw==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@nx-tools/ci-context@7.3.0':
+    resolution: {integrity: sha512-RkLjAqrtIw2qmhBWYy+8iojLNNsX56r1lx1PY+RjKFI/nqrT8NP9zhy8gC3kxZKTb+fDjwKQZVcKukj0Rd+0iw==}
+    engines: {node: '>=20.19.0 <21 || >=22.12.0 <23 || >=24.0.0'}
+    peerDependencies:
+      tslib: ^2.6.0
+
+  '@nx-tools/container-metadata@7.3.0':
+    resolution: {integrity: sha512-6EE5OCXmAZBkOw8zP5/xn/mcajJTUePC9pPRrqcROq+U8TTY/T9fgo7hUmHHIgJNRRDvOOKskaJg/VjkjyMaKQ==}
+    engines: {node: '>=20.19.0 <21 || >=22.12.0 <23 || >=24.0.0'}
+    peerDependencies:
+      '@nx/devkit': '>=18.0.0 <24.0.0'
+      tslib: ^2.6.0
+
+  '@nx-tools/core@7.3.0':
+    resolution: {integrity: sha512-s5amDLPNqRSsZrqQ/E3p3XyQIYZhV3yRrQpelM0qKOxdMi9oEi4MfetqXCHm4qhu7DrE5hLO2ky8Cq1l3a/5TA==}
+    engines: {node: '>=20.19.0 <21 || >=22.12.0 <23 || >=24.0.0'}
+    peerDependencies:
+      '@nx/devkit': '>=18.0.0 <24.0.0'
+      tslib: ^2.6.0
+
+  '@nx-tools/nx-container@7.3.0':
+    resolution: {integrity: sha512-D2aWI5PIG7Kl9ZtXHL0RY7WYFNP9n6TrgITl/ujrQkaif7eWhCE76HVMIRZDqm7h2iHceElW4ylMPQG1Wbu7bQ==}
+    engines: {node: '>=20.19.0 <21 || >=22.12.0 <23 || >=24.0.0'}
+    peerDependencies:
+      '@nx/devkit': '>=18.0.0 <24.0.0'
+      '@nx/js': '>=18.0.0 <24.0.0'
+      dotenv: '>=16.0.0'
+      nx: 23.1.1
+      tslib: ^2.6.0
+
+  '@nx/devkit@22.6.5':
+    resolution: {integrity: sha512-9kvAI+kk2pfEXLqS8OyjI9XvWmp+Gdn7jPfxDAz8BOqxMyPy3p5hYl+jc4TIsLOWunAFl8azqrcYsHzEpaWCIA==}
+    peerDependencies:
+      nx: 23.1.1
+
+  '@nx/js@22.6.5':
+    resolution: {integrity: sha512-bmikz6qaBHfuAgsqPB/TfLIKfvI4g+EKIRAiU2FHnEtVWOKDAmSQXHFwE3rMS49jl2JLgxkdNjZHpg4g/OLy0g==}
+    peerDependencies:
+      verdaccio: ^6.0.5
+    peerDependenciesMeta:
+      verdaccio:
+        optional: true
+
+  '@nx/nx-darwin-arm64@23.1.1':
+    resolution: {integrity: sha512-Rq/RXLX5uIvJQfb6kuUgEirquT5ARaAgQyNaMZVnOPAL5wuxaDvQag8WX/WUCIgbUKZuGkclJwM7Vlnvtn3bdg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@nx/nx-darwin-x64@23.1.1':
+    resolution: {integrity: sha512-doWaPLPd6yUas3FhQJqMAScupCsToeTedK4RRWm700VhHoVdBTN4ejIBRBfoiT/SPAwY6EOHb8uFDJhGo7geMg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@nx/nx-freebsd-x64@23.1.1':
+    resolution: {integrity: sha512-9rDZKBPGuX8mid11RimJ2ENqDYZpPZhrqTlI9q/VnqcPLq0Bw/8AhqCKhBVlfNqJjbi4OsRQYDK7UkqIlcfThg==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@nx/nx-linux-arm-gnueabihf@23.1.1':
+    resolution: {integrity: sha512-NDR5X2HiD6WU3JEaDJmOLteIGIFqjrjkzoFWrQke2Y1oCRYu+UyFdPeaMVUyAs5OyUx4U+SD+eBQPTCNbWmazA==}
+    cpu: [arm]
+    os: [linux]
+
+  '@nx/nx-linux-arm64-gnu@23.1.1':
+    resolution: {integrity: sha512-tWDHJII8+aHweTzHelf5dGM6qGNmHbAPhCc3jrtrM0uE+UD/wt2Dpq7H3086Iyia9M9jGM9sYpuD/6W6WAFAMA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@nx/nx-linux-arm64-musl@23.1.1':
+    resolution: {integrity: sha512-t7iVMZ7Cj3LmPcfaYt9KOkojpuC5XRmtZ/0G+NBMA2GuRhCVbzpOgUCob0nQMV2TrTwn5oAWJeDc4xLni+oteg==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@nx/nx-linux-x64-gnu@23.1.1':
+    resolution: {integrity: sha512-stuCayctOt/4AFvxKYgGTPluUc0HW7DcyTz9yeTMl/zj0+FENEr8RCTjInD0Q5qVGzYphma6SssVSh432w5agw==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@nx/nx-linux-x64-musl@23.1.1':
+    resolution: {integrity: sha512-cZSUqGV+iHda39W91BNKSysSu6OFfR6M4ViQBcMtbwq3ce19gDr2f23MqGZEQZtaD/eSQ9UNEhx09nhrdYxWDg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@nx/nx-win32-arm64-msvc@23.1.1':
+    resolution: {integrity: sha512-iDlYbFHgTYV5lg1ypEt+LAj86o/uyy6vR0ha5pcUs4FqXzQgy14lOeyRod/EZs9Er3DIyJlEi/rpEvaP99/Hag==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@nx/nx-win32-x64-msvc@23.1.1':
+    resolution: {integrity: sha512-UD21AHWJ2PEA+PuANPCt+lj3kYpAzYNq+bm4VCbrt3KZd7zDPas0ns85UIhfrhsNiSmYzjWz2/JDk2S3cA6lGw==}
+    cpu: [x64]
+    os: [win32]
+
+  '@nx/workspace@22.6.5':
+    resolution: {integrity: sha512-/CZtv1ESSfZ1MVqSlCsmnBWysU1z5VdNlwANlqL6BV2X6RUHKDPVj4YuNPvCK+0LsqyzfJdUt3pcnBYxnT5TIg==}
+
+  '@octokit/auth-token@6.0.0':
+    resolution: {integrity: sha512-P4YJBPdPSpWTQ1NU4XYdvHvXJJDxM6YwpS0FZHRgP7YFkdVxsWcpWGy/NVqlAA7PcPCnMacXlRm1y2PFZRWL/w==}
+    engines: {node: '>= 20'}
+
+  '@octokit/core@7.0.6':
+    resolution: {integrity: sha512-DhGl4xMVFGVIyMwswXeyzdL4uXD5OGILGX5N8Y+f6W7LhC1Ze2poSNrkF/fedpVDHEEZ+PHFW0vL14I+mm8K3Q==}
+    engines: {node: '>= 20'}
+
+  '@octokit/endpoint@11.0.3':
+    resolution: {integrity: sha512-FWFlNxghg4HrXkD3ifYbS/IdL/mDHjh9QcsNyhQjN8dplUoZbejsdpmuqdA76nxj2xoWPs7p8uX2SNr9rYu0Ag==}
+    engines: {node: '>= 20'}
+
+  '@octokit/graphql@9.0.3':
+    resolution: {integrity: sha512-grAEuupr/C1rALFnXTv6ZQhFuL1D8G5y8CN04RgrO4FIPMrtm+mcZzFG7dcBm+nq+1ppNixu+Jd78aeJOYxlGA==}
+    engines: {node: '>= 20'}
+
+  '@octokit/openapi-types@22.2.0':
+    resolution: {integrity: sha512-QBhVjcUa9W7Wwhm6DBFu6ZZ+1/t/oYxqc2tp81Pi41YNuJinbFRx8B133qVOrAaBbF7D/m0Et6f9/pZt9Rc+tg==}
+
+  '@octokit/openapi-types@27.0.0':
+    resolution: {integrity: sha512-whrdktVs1h6gtR+09+QsNk2+FO+49j6ga1c55YZudfEG+oKJVvJLQi3zkOm5JjiUXAagWK2tI2kTGKJ2Ys7MGA==}
+
+  '@octokit/plugin-paginate-rest@14.0.0':
+    resolution: {integrity: sha512-fNVRE7ufJiAA3XUrha2omTA39M6IXIc6GIZLvlbsm8QOQCYvpq/LkMNGyFlB1d8hTDzsAXa3OKtybdMAYsV/fw==}
+    engines: {node: '>= 20'}
+    peerDependencies:
+      '@octokit/core': '>=6'
+
+  '@octokit/plugin-rest-endpoint-methods@17.0.0':
+    resolution: {integrity: sha512-B5yCyIlOJFPqUUeiD0cnBJwWJO8lkJs5d8+ze9QDP6SvfiXSz1BF+91+0MeI1d2yxgOhU/O+CvtiZ9jSkHhFAw==}
+    engines: {node: '>= 20'}
+    peerDependencies:
+      '@octokit/core': '>=6'
+
+  '@octokit/request-error@7.1.0':
+    resolution: {integrity: sha512-KMQIfq5sOPpkQYajXHwnhjCC0slzCNScLHs9JafXc4RAJI+9f+jNDlBNaIMTvazOPLgb4BnlhGJOTbnN0wIjPw==}
+    engines: {node: '>= 20'}
+
+  '@octokit/request@10.0.10':
+    resolution: {integrity: sha512-KxNC2pTqqhszMNrf12ZRd4PonRgyJdsM4F/jySiddQK+DsRcfBtUvqn8t7UsyZhnRJHvX46OohDt5N3VqIWC2w==}
+    engines: {node: '>= 20'}
+
+  '@octokit/types@16.0.0':
+    resolution: {integrity: sha512-sKq+9r1Mm4efXW1FCk7hFSeJo4QKreL/tTbR0rz/qx/r1Oa2VV83LTA/H/MuCOX7uCIJmQVRKBcbmWoySjAnSg==}
+
+  '@opentelemetry/api-logs@0.220.0':
+    resolution: {integrity: sha512-CmVa4ImJ+ynfrPMNaAXHET6Bhb44SwzmfyVJFq9ni2jgXJR/l7C6gfVFddNmHP+ZOkP9cf4f9DBe68qVLTHc9w==}
+    engines: {node: '>=8.0.0'}
+
+  '@opentelemetry/api@1.9.1':
+    resolution: {integrity: sha512-gLyJlPHPZYdAk1JENA9LeHejZe1Ti77/pTeFm/nMXmQH/HFZlcS/O2XJB+L8fkbrNSqhdtlvjBVjxwUYanNH5Q==}
+    engines: {node: '>=8.0.0'}
+
+  '@opentelemetry/core@2.10.0':
+    resolution: {integrity: sha512-/wNZ8twnEQQA4HoHu22+vcsdru6pWPWxW+7w+FlxT6Id7PE/WIbZmVKkte+PF72e0F2dnImFeHD2syyE1Mw6MQ==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.0.0 <1.10.0'
+
+  '@opentelemetry/instrumentation@0.220.0':
+    resolution: {integrity: sha512-xQx3E2WxP1mDvKzxLxX+CTCtNLa560YJZ3087qYHerl2YmiKpv7AH+dAy7vmx+eVrZ5BwhfWUAVoKOoxCNHcpw==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
+  '@opentelemetry/resources@2.10.0':
+    resolution: {integrity: sha512-q6MMm2zhggzsHVNbabYwut+a6nbuQQe3URUoxaojM/8K1IBfwwPzvxIjNi2/lI1TFe+fMHMW9MWhrtDLEXEnkA==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.3.0 <1.10.0'
+
+  '@opentelemetry/sdk-trace-base@2.10.0':
+    resolution: {integrity: sha512-GuYQQT7QD2EeO8lcZLRQzcbOyhqAzL+6WWTKTU9mSUBYBazkEDl+VrQcXQhbB08OWM9anD1aHleVadzulpOaUQ==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.3.0 <1.10.0'
+
+  '@opentelemetry/sdk-trace@2.10.0':
+    resolution: {integrity: sha512-MfQGq3GRmTh5fM/y+OjaO0vj6+luCB1XO2gfXCalKCfgKw0eHL++sm75DNweC6ohlp+aFvACqeE0fYayqdRaoQ==}
+    engines: {node: ^18.19.0 || >=20.6.0}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.3.0 <1.10.0'
+
+  '@opentelemetry/semantic-conventions@1.43.0':
+    resolution: {integrity: sha512-eSYWTm620tTk45EKSedaUL8MFYI8hW164hIXsgIHyxu3VobUB3fFCu5t0hQby6OoWRPsG1KkKUG2M5UadiLiVg==}
+    engines: {node: '>=14'}
+
+  '@oxc-parser/binding-android-arm-eabi@0.127.0':
+    resolution: {integrity: sha512-0LC7ye4hvqbIKxAzThzvswgHLFu2AURKzYLeSVvLdu2TBOYWQDmHnTqPLeA597BcUCxiLqLsS4CJ5uoI5WYWCQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxc-parser/binding-android-arm-eabi@0.140.0':
+    resolution: {integrity: sha512-ZfjDZ422mo7eo3b3VltqNsV9kmv1qt/sPEAMSl64iOSwhVfd0eIZ9LB79Mbs1xYXJnk7WSROwzBCKDIiVxPTvQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxc-parser/binding-android-arm64@0.127.0':
+    resolution: {integrity: sha512-b5jtVTH6AU5CJXHNdj7Jj9IEiR9yVjjnwHzPJhGyHGPdcsZSzBCkS9GBbV33niRMvKthDwQRFRJfI4a+k4PvYg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxc-parser/binding-android-arm64@0.140.0':
+    resolution: {integrity: sha512-Ia8jSvikUX6Sf+Ht+KOCUF/k1HpR0VlmqIYymubmWDebOEGtsyliHDR6JxsZ4IX3/c/GbrB1uh09aVGQv/LQmQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxc-parser/binding-darwin-arm64@0.127.0':
+    resolution: {integrity: sha512-obCE8B7ISKkJidjlhv9xRGJPOSDG2Yu6PRga9Ruaz35uintHxbp1Ki/Yc71wx4rj3Edrm0a1kzG1TAwit0wFpg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxc-parser/binding-darwin-arm64@0.140.0':
+    resolution: {integrity: sha512-G6VK0nK61pH0d0mBjUqSZbVxGqqO5uzeginLDQj+gOO6ObfJjXRwgkD/ol0w1INcnFeAb6YGGO7qc3ueGHaycQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxc-parser/binding-darwin-x64@0.127.0':
+    resolution: {integrity: sha512-JL6Xb5IwPQT8rUzlpsX7E+AgfcdNklXNPFp8pjCQQ5MQOQo5rtEB2ui+3Hgg9Sn7Y9Egj6YOLLiHhLpdAe12Aw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxc-parser/binding-darwin-x64@0.140.0':
+    resolution: {integrity: sha512-HazBOuZzd2pO1C2uMmp8Gv7mhzMHqKSKDS1OZfcLEvpIcgA+48J92HEtNanVHDIzRD9PRPCV6aS6fkZIWOVl8Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxc-parser/binding-freebsd-x64@0.127.0':
+    resolution: {integrity: sha512-SDQ/3MQFw58fqQz3Z1PhSKFF3JoCF4gmlNjziDm8X02tTahCw0qJbd7FGPDKw1i4VTBZene9JPyC3mHtSvi+wA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxc-parser/binding-freebsd-x64@0.140.0':
+    resolution: {integrity: sha512-9hSUU+HmTUyOe4JzMHxNGgLWNY7rrO+6ShicZwImNJacEAACDMIkuEQQkvXSL+WJN50jaNtLYJv8s4OcBdpyUQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.127.0':
+    resolution: {integrity: sha512-Av+D1MIqzV0YMGPT9we2SIZaMKD7Cxs4CvXSx/yxaWHewZjYEjScpOf5igc8IILASViw4WTnjlwUdI1KzVtDHQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.140.0':
+    resolution: {integrity: sha512-RAEuQsYtS0KcDFqN0ABTjyyNlokS91JeuDuoW9tEbG0JTbRNXnpQUdbYc/16JoA6Z/2ALbNrE3KmxtqDiuIjCQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm-musleabihf@0.127.0':
+    resolution: {integrity: sha512-Cs2fdJ8cPpFdeebj6p4dag8A4+56hPvZ0AhQQzlaLswGz1tz7bXt1nETLeorrM9+AMcWFFkqxcXwDGfTVidY8g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm-musleabihf@0.140.0':
+    resolution: {integrity: sha512-c4CkHvPvqfojouredJ0w3e6+jiBq0SbFyhH61kr/zPb/7XsaYTNKQ54vmlSsopfdQbNDX40ZeK9Abs2Qet6wcw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm64-gnu@0.127.0':
+    resolution: {integrity: sha512-qdOfTcT6SY8gsJrrV92uyEUyjqMGPpIB5JZUG6QN5dukYd+7/j0kX6MwK1DgQj39jtUYixxPiaRUiEN1+0CXgQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-arm64-gnu@0.140.0':
+    resolution: {integrity: sha512-yrjmLj8ixPB25yqvPGr28meGjb+keed7m1GqqY/0uqkhZIoT4t9zmfwUgFEtC33C7dtE+UQ7TU0IaVxf97SWJg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-arm64-musl@0.127.0':
+    resolution: {integrity: sha512-EoTCZneNFU/P2qrpEM+RHmQwt+CvDkyGESG6qhr7KaegXLZwePfbrkCDfAk8/rhxbDUVGsZILX+2tqPzFtoFWA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-parser/binding-linux-arm64-musl@0.140.0':
+    resolution: {integrity: sha512-ggGMQTN8Agwxp2WiLMpdY671dt0qTDJWiWlJeig3HnUwTnerRl0J2JdGVghWBeDcss2D9S2V2Js6dZHEiVabVA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-parser/binding-linux-ppc64-gnu@0.127.0':
+    resolution: {integrity: sha512-zALjmZYgxFLHjXeudcDF0xFGNydTAtkAeXAr2EuC17ywCyFxcmQra4w0BMde0Yi/re4Bi4iwEoEXtYN7l6eBLQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-ppc64-gnu@0.140.0':
+    resolution: {integrity: sha512-IgTs8xYAFgAUGNmR65tIqjlJ8vKgrfXzC515e9goSdfMyKQV4aJpd2pUUudU4u51G64H0/DSEJEXKOraxm9ZCA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-riscv64-gnu@0.127.0':
+    resolution: {integrity: sha512-fPP8M6zQLS7Jz7o9d5ArUSuAuSK3e+WCYVrCpdzeCOejidtZExJ9tjhDrAd3HEPqARBCPmdpqxESPFqy44vkBQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-riscv64-gnu@0.140.0':
+    resolution: {integrity: sha512-A1x+PMWZmSGaFVOx2YeNTFau8uD+QO14/vLP4GrcuvUPs3+nBkUOjy9Lus86ftHsDojjYMbvBelmKc3F7Rv08g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-riscv64-musl@0.127.0':
+    resolution: {integrity: sha512-7IcC4Ao02oGpfnjt+X/oF4U2mllo2qoSkw5xxiXNKL9MCTsTiAC6616beOuehdxGcnz1bRoPC1RQ2f1GQDdN+g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-parser/binding-linux-riscv64-musl@0.140.0':
+    resolution: {integrity: sha512-zBqpfRo2myWPrPo5xUjeZqlnPXPXsX8BcWtWff66/eGRQdbPjhzPgXa/F+AtxT2afUViPxbuDlwscMKzQ5tg+g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-parser/binding-linux-s390x-gnu@0.127.0':
+    resolution: {integrity: sha512-pbXIhiNFHoqWeqDNLiJ9JkpHz1IM9k4DXa66x+1GTWMG7iLxtkXgE53iiuKSXwmk3zIYmaPVfBvgcAhS583K4Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-s390x-gnu@0.140.0':
+    resolution: {integrity: sha512-2M1DPm/8w9I//YzFlFC9qXw+r2tJFh5CYwRlYTq2vUJQS7qoQftEDeCZ8EnN7KHtvSiXvYj8mZI5pR7DpXmcEw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-x64-gnu@0.127.0':
+    resolution: {integrity: sha512-MYCguB9RvBvlSd6gbuNI7QwiLoCCAlGnlRJFPrzLI6U1/9wkC/WK6LtBAUln55H1Ctqw45PWmqrobKoMhsYQzQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-x64-gnu@0.140.0':
+    resolution: {integrity: sha512-8aRDbZ/U/jO8N7go1MO72jtbpb4uswV8d7vOkMvt/BPgZiyEYvl1VIWK4ESxZZhnJ4tqwVldgX7dNiP/eB1Jdg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-x64-musl@0.127.0':
+    resolution: {integrity: sha512-5eY0B/bxf1xIUxb4NOTvOI3KWtBQfPWYyKAzgcrCt0mDibSZygVpO1Pz8bkeiSZ5Jj9+M09dkggG3H8I5d0Uyg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-parser/binding-linux-x64-musl@0.140.0':
+    resolution: {integrity: sha512-xRqpeI8U2sQQS1W5BMWRyMTxtagkuLG2dEWruet5lFsWHTvBth11/TpSaJatHdqVVwHN0q3uuoS9zRsGinq8hg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-parser/binding-openharmony-arm64@0.127.0':
+    resolution: {integrity: sha512-Gld0ajrFTUXNtdw20fVBuTQx66FA75nIVg+//pPfR3sXkuABB4mTBhl3r9JNzrJpgW//qiwxf0nWXUWGJSL3UQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxc-parser/binding-openharmony-arm64@0.140.0':
+    resolution: {integrity: sha512-GbGRe26MqAKciFRvXeHNQJ6VAHYs9R4miP89sEAncysM3n+f4lnyLWgsa9kklJNpfnxdq2yRoNYHFqwBckVimw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxc-parser/binding-wasm32-wasi@0.127.0':
+    resolution: {integrity: sha512-T6KVD7rhLzFlwGRXMnxUFfkCZD8FHnb968wVXW1mXzgRFc5RNXOBY2mPPDZ77x5Ln76ltLMgtPg0cOkU1NSrEQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [wasm32]
+
+  '@oxc-parser/binding-wasm32-wasi@0.140.0':
+    resolution: {integrity: sha512-vFiC1hqys+hkX1GnQkIoiTQJNiUm43Z0lO35ETKXTw0YtpW7+cN58YRRXFAQQ+TgpkIi3lrhcxdlnqz+Oi3ptQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [wasm32]
+
+  '@oxc-parser/binding-win32-arm64-msvc@0.127.0':
+    resolution: {integrity: sha512-Ujvw4X+LD1CCGULcsQcvb4YNVoBGqt+JHgNNzGGaCImELiZLk477ifUH53gIbE7EKd933NdTi25JWEr9K2HwXw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxc-parser/binding-win32-arm64-msvc@0.140.0':
+    resolution: {integrity: sha512-fGSQldwEYKhM+H8uLt76Op8hh5+FYaR6lvvQ1Txw3Mhn86DyQXLcI0fi1EkFlTK7F+46OCk/j0AJMzZQm6g5Xg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxc-parser/binding-win32-ia32-msvc@0.127.0':
+    resolution: {integrity: sha512-0cwxKO7KHQQQfo4Uf4B2SQrhgm+cJaP9OvFFhx52Tkg4bezsacu83GB2/In5bC415Ueeym+kXdnge/57rbSfTw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxc-parser/binding-win32-ia32-msvc@0.140.0':
+    resolution: {integrity: sha512-sDS2Bai+g3ZWYwfZqmosiSuFDBcVnZ3Ta6pszzsiJoLMqsJEWKcxXXbGa7b7yXr++W2lQNPb3ZRJ8czseqL7RA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxc-parser/binding-win32-x64-msvc@0.127.0':
+    resolution: {integrity: sha512-rOrnSQSCbhI2kowr9XxE7m9a8oQXnBHjnS6j95LxxAnEZ0+Fz20WlRXG4ondQb+ejjt2KOsa65sE6++L6kUd+w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@oxc-parser/binding-win32-x64-msvc@0.140.0':
+    resolution: {integrity: sha512-kHbE1zWyb5OQgJA6/5P4WjiuB01sYdQwtZnSSyE58FQEXDAMnyeeq4vj7KgN75i5SlBzOs8A5MrtlD3gOlDKqQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@oxc-project/types@0.127.0':
+    resolution: {integrity: sha512-aIYXQBo4lCbO4z0R3FHeucQHpF46l2LbMdxRvqvuRuW2OxdnSkcng5B8+K12spgLDj93rtN3+J2Vac/TIO+ciQ==}
+
+  '@oxc-project/types@0.140.0':
+    resolution: {integrity: sha512-h5LUOzGArYemnW1NMz/DuuQhBi96J6JL2Bk8zE4kvqxB5Sg3jxmCiH4uyOWHDkiKSt5vWlG4FIwCR/DbstcNRQ==}
+
+  '@oxc-project/types@0.142.0':
+    resolution: {integrity: sha512-7W+2q5AKQVU36fkaryontrHn3YDt1RyUYXatw9i5H8ocYe2sPKSFB6eS8WNPeRKiN1qAWWZUPm7gwFzJGrccqQ==}
+
+  '@oxc-resolver/binding-android-arm-eabi@11.24.2':
+    resolution: {integrity: sha512-y09e0L0SRI2OA2tUIrjBgoV3eH5hvUKXNkJqXmNo5V2WxIjyC7I7aJfRLMEVpA8yi95f90gFDvO0VMgrDw+vwA==}
+    cpu: [arm]
+    os: [android]
+
+  '@oxc-resolver/binding-android-arm64@11.24.2':
+    resolution: {integrity: sha512-cl4icWaZFnLdg8m6qtnh5rBMuGbxc/ptStFHLeCNwr+2cZjkjNwQu/jYRS0CHlnPecOJMpuS5M6/BH+0J/YkEg==}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxc-resolver/binding-darwin-arm64@11.24.2':
+    resolution: {integrity: sha512-At29QEMF6HajbQvgY8K6OXnHD1x9rad74xBEfmCB6ZqCGsdq75aK7tOYcTbOanMy8qdIBrfL3SMr3p/lfSlb9w==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxc-resolver/binding-darwin-x64@11.24.2':
+    resolution: {integrity: sha512-A5Kqr1EUj4oIL5CF4WRssq/o5P0Y11cwoFouMRmQ7YnC/A8V93nv1nb7aSU8HwcgmXropjLNkVTl4MN87cu28Q==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxc-resolver/binding-freebsd-x64@11.24.2':
+    resolution: {integrity: sha512-R5xkRBRRz7ceH/P5Jrc6G7FmdUdgpLYyESFAUDVTNQ9K0sGPxcp4ljiwEwEqsvNcQ4sYbMRrWcHHBCu7ksAJVw==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxc-resolver/binding-linux-arm-gnueabihf@11.24.2':
+    resolution: {integrity: sha512-k/RuYL4L/R58IBn3wT5ma3Wh4k62bp1eYCFRWCmMsasUOqL+H6sW0VGFadEzKWXFFlz+2uIMoeMk9ySSZJHgbg==}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-arm-musleabihf@11.24.2':
+    resolution: {integrity: sha512-bnHAak3ujYfH5pKk4NieFNbvYvernfoQDgwLddbZ3OtMYrem87/qjlA+u+aKG0oZcqSLGCful/6/CEA+aeAgaA==}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-arm64-gnu@11.24.2':
+    resolution: {integrity: sha512-vDT3KHgzYp47gmtNOqL2VNhCyl5Zv643eyxm//A68J8DeUGXrvD1pZFiaT4jSfe+RInfnn1R2yVHye4enx6RnA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-arm64-musl@11.24.2':
+    resolution: {integrity: sha512-+kMlQvbzfyEYtu5FcjE4p+ttBLpKW4d/AsAsuE69BxV6V4twZJeIQZFfD8gh/wqglY0MkPSezWXQH0jBV13MUw==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-resolver/binding-linux-ppc64-gnu@11.24.2':
+    resolution: {integrity: sha512-shjfMhmZ3gq9fv/w7bi3PnZlgOPG+2QAOFf0BJF0EgBSIGZ6PMLN2zbGEblTUYB/NKVDRyYhE2ff3dJ1QqNPkA==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-riscv64-gnu@11.24.2':
+    resolution: {integrity: sha512-zGelwFR5oRo+b69k8Lrzun86DyUHzfKN6cnjbR9l7Z7NIRznOE/2ZvPa1IUKqAL2PzAXOdwkfVqNvO1H2RlpAw==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-riscv64-musl@11.24.2':
+    resolution: {integrity: sha512-qxZ1SWCXJY0eyhAlP6Lmo9F2Nrtx7EkYj9oCgL8apDPCwXwCEDA2U697bbT81JIc2IrVjxO4KX6WU2N+oN9Z4w==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-resolver/binding-linux-s390x-gnu@11.24.2':
+    resolution: {integrity: sha512-sGCecF3cx2DFlH4t/z7ApnOnXqN48p5p5mlHDEnHTAukQa2P+qMVE4CwyWE9W+q/m3QJ7kKfGrIjax31f44oFQ==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-x64-gnu@11.24.2':
+    resolution: {integrity: sha512-k/VlMMcSzMlahb3/fENM4rTlsJ0s3fFROA0KXPBmKggqmTSaE383sl8F3KCOXPLmVsYfW6hCitMhXCEtNeZxxg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-x64-musl@11.24.2':
+    resolution: {integrity: sha512-8hbnZyNi97b/8wapYaIF9+t9GmZKBW2vunaOc3h9HGJptH7b7XpvZqOTBSm/MpTjr7H497BlgOaSfLUdhmy2bw==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-resolver/binding-openharmony-arm64@11.24.2':
+    resolution: {integrity: sha512-MvyGik3a6pVgZ0t/kWlbmFxFLmXQJwgLsY2eYFHLpy0wGwRbfzeIGgDwQ3kXqE30z+kSXennRkCrT7TUvkptNg==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxc-resolver/binding-wasm32-wasi@11.24.2':
+    resolution: {integrity: sha512-vHcssMPwO08RTvj/c0iOBz90attxyG3wQJ0dTcyEQK43LRpcdLWZlV5feBhv6Isn6ahbQIzHbCgfa81+RiML0Q==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@oxc-resolver/binding-win32-arm64-msvc@11.24.2':
+    resolution: {integrity: sha512-uokJqro2iBqkFvJdKQLP7d8/BUmFwESQFVmIJUQKj1Xn1a/LysJoe1vmeECLF5b3jsV8CAL5sEMJXX6SdK9Nhg==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxc-resolver/binding-win32-x64-msvc@11.24.2':
+    resolution: {integrity: sha512-UqGPmo56KDfLlfXFAFIrNflHT8tFxWGEivWg3Zeyp4Uy2NlKN1FGPr6/BxcLGG3+kZ6Wp14g5Uj+n71boqZfiw==}
+    cpu: [x64]
+    os: [win32]
+
+  '@oxfmt/binding-android-arm-eabi@0.60.0':
+    resolution: {integrity: sha512-1q4q4Jc8FlOMVojEisyFAVyl8h1yawNv6phjgmhGVEDeyeOdsSnSr9x0+D4mOnEKvpO5L4mxKZ/DP9X6U3A/Mw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxfmt/binding-android-arm64@0.60.0':
+    resolution: {integrity: sha512-tD41I6nCt9k8SQXft0CSjjU9jg6SwG7uMu7PxodSEHXl+GDW0868oy6tTtoJkyUze8YKFgTpz/k5LuPUnFiGLw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxfmt/binding-darwin-arm64@0.60.0':
+    resolution: {integrity: sha512-TTpzPug96Zxdyb46KvTyIUQDdsqbumXh2TKG9C23PCT0kF7JkW56Z/quPuG9rqOFKQIi1gpRNZ7DX18LwxXPnw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxfmt/binding-darwin-x64@0.60.0':
+    resolution: {integrity: sha512-CnOoWgQ7L+JL/YQaRJ+NyATciSfcftncm7y3kqyte1cGtFEGnStaCd1TAyrinkfQ7nRBfHrTs1/vTwUJr3WF2Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxfmt/binding-freebsd-x64@0.60.0':
+    resolution: {integrity: sha512-ychJo7S3hZxdO6eDZ9zM6F2lM9fpJS3EKS5CAUSWyprdLYxTu4gbaUKV/VBPTcMJwQa2Bpo+643y3OJ537pihA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxfmt/binding-linux-arm-gnueabihf@0.60.0':
+    resolution: {integrity: sha512-36IH5o55T2Fx7E0feDttt+mifxN6yk9pWv4KfhAIsP0dFnUq27331OwbpOsZdoXF9soOLWm7mQUz5+UUmyec4g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxfmt/binding-linux-arm-musleabihf@0.60.0':
+    resolution: {integrity: sha512-G1Ve7lAa6sFBolVI2LWHfEAqy0YKh4vnioH8uYO9kAEdgM7mR40IksIx9/Zk4+vbYew/sGa4J9Q4tZ3n9gXDHA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxfmt/binding-linux-arm64-gnu@0.60.0':
+    resolution: {integrity: sha512-LTQdRBf6uzj/h7Xk6lKzbGD2hrF/fK4YI9LIN1c0509tPUn8wRa3mCmrFQpEWJPLYGFrLFFMTYW1Ljj6VqW2Hw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-arm64-musl@0.60.0':
+    resolution: {integrity: sha512-2JMo3XPxMPx3hiqddSZYyaH+fKJm6cz0u8n1naYjP/CdOQOZW34i8lKBUfmbWiuFvd6KoYXLmhAyBuvojsYS7Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxfmt/binding-linux-ppc64-gnu@0.60.0':
+    resolution: {integrity: sha512-L3C+nBD13lr306tr/PjM3RMll+BVqgFrIgUyoeHuai5oueJrRLgO3j+GO5/Cbhtkf5PSlHYTI1JY7iqBd1qa6A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-riscv64-gnu@0.60.0':
+    resolution: {integrity: sha512-M4MsmvqlxFiPtSRGyBYQSZxchEf463AOyd+Dh4/9xDpjWBsRtDUTDMFN5EdHinjVK1/eDJQ8MLpcYjpYayaCnA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-riscv64-musl@0.60.0':
+    resolution: {integrity: sha512-OH+9UskYuxRB+GxqdGkVN8f5UpwhqG8YscNo1wl8+KJ62cd7wZdGga6iGLJIf8kibF1WBwvlfDUx3cez/VXwFg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxfmt/binding-linux-s390x-gnu@0.60.0':
+    resolution: {integrity: sha512-y7AAFutt9wFWBFOAn6+BHaV39usZmcr3YYH2385f+NHgPNpIF9HpqKp0jgUxPaUOCyG3oaX5VhJduL1Nw164rw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-x64-gnu@0.60.0':
+    resolution: {integrity: sha512-yKZ9+CXAI+1RO5nH/4Z/9M6DAsfOzd5bw/gtWk81KB4mpalMaRRSXfouc5/tHxazDmBek55HNPepNYBgaCew0Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-x64-musl@0.60.0':
+    resolution: {integrity: sha512-bCUGaF6hJOYnQzLJdHLZbvGsOd5oSvGAyJhPAKum2uyLYUuXmP8vqg690DWi2hqcnIoYpqSqCrjzE5aiUAgwQg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxfmt/binding-openharmony-arm64@0.60.0':
+    resolution: {integrity: sha512-GrUeZOvzP30ExxfCuQiyofuUGI+OmvAgFwOO5w5p9mGPlxcyuqI+6Sy9fAKFFfLQrqKYWFgc5sYA2Unj/29nPg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxfmt/binding-win32-arm64-msvc@0.60.0':
+    resolution: {integrity: sha512-WD4Q954kUl2TDJV/6q7UnE2rlKk047kXLJsr4bJ2mXRaAqNXcmV3nwKUsGCc3mz/jYDBnXtJEaBErJEybK8iQQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxfmt/binding-win32-ia32-msvc@0.60.0':
+    resolution: {integrity: sha512-HqDekjr8JXzVDUP1YthDZ1Y3CBEcuZT4WX3B+1kaxj8CvZA8Y2YhcEsXqoSop3tVsgjACxjnFQFDkBo0r/jq1Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxfmt/binding-win32-x64-msvc@0.60.0':
+    resolution: {integrity: sha512-tz78yhmGPKboTMHCHSaUqXK8JrmoSejgDcWeqAtg2s07ZGKQ3rH5Jn8NuXPGNG33CDbY2e9NoQWXIVEmKO21Rw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@oxlint-tsgolint/darwin-arm64@7.0.2001':
+    resolution: {integrity: sha512-CUJEdbSZ54+Xy9OXqOhWLTKZKV0BBiV7C2i/ygyVmXtkUNXx5YCzN8DpSSshTAKktoL7S+tnQ/ftFG/i7X896w==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxlint-tsgolint/darwin-x64@7.0.2001':
+    resolution: {integrity: sha512-pXfBb5BqONCcgrXQNUZWXgiYmRSWJzd97S8i41VVOh6ut0tyo+cJ5FKFpczDHxiVNfj/3e7c9B4MtztNdpIVCw==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxlint-tsgolint/linux-arm64@7.0.2001':
+    resolution: {integrity: sha512-roP7zujb/QDPzDwEKsFFpzNHHy91/Y7oX9vQXk78ekyZtcQj1QXDIMH33gjDdHBfRl4K9pZ36xhRgrP4Zr+R8A==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxlint-tsgolint/linux-x64@7.0.2001':
+    resolution: {integrity: sha512-UDezNqdECVmngu2TPnjaS1YoAmcTaBoI5lV9vk3VahBxoi+I5r9k3iJTT7qZoYWOXTD/7T7bNcwRgrocR6BscQ==}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxlint-tsgolint/win32-arm64@7.0.2001':
+    resolution: {integrity: sha512-uJZhqB6pdXLuN+AD1F5082byyQti/NPmJA77GtcFlmT2HzRelqbNls3SaIqxpjdFgvSBF9g0yOKGBkGFg7kX8Q==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxlint-tsgolint/win32-x64@7.0.2001':
+    resolution: {integrity: sha512-FkDRm8hx9OwzGQqyWG1tO5QrTLRApff9DzSgpz9QZau37BR8d1VYKOxMLGf6shPZntJFoTwIIJYT68VndYDCog==}
+    cpu: [x64]
+    os: [win32]
+
+  '@oxlint/binding-android-arm-eabi@1.75.0':
+    resolution: {integrity: sha512-lutovtFzJqlRaqpZrCqSSGaHZzl9nIxxpjLzhSRLunN6dCLylj0uzlCyQGaQDIys7rrv8kVXiFO+R4Zpn0bX7g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxlint/binding-android-arm64@1.75.0':
+    resolution: {integrity: sha512-hXI0hDgHkw4w5nfru72aG7y+2iQJmC4waH/KV6H/hbgA6yAP5jYNx0P9yug15Hs0tWl/+mda3Jjn/2gmDT48tw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxlint/binding-darwin-arm64@1.75.0':
+    resolution: {integrity: sha512-D91BWbK/dMYfCcrghspPIuKs2D9LF4Z/OabVSQjw1AO6PWxArD7teDA48bm0ySFqWDaPVqmQRl5GMWNglTXyrQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxlint/binding-darwin-x64@1.75.0':
+    resolution: {integrity: sha512-02mpwzf12BonZ6PT0TuQoomvEh2kVl2WGBIKWezCyToIS+rYkQZ6GXnARBAl9A4Ovm2V+Xe7M4KretyqmmcnJQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxlint/binding-freebsd-x64@1.75.0':
+    resolution: {integrity: sha512-qZJgLnDaBsiL5YESx2t/TZ8eXkL9fEkKoXEdzegROhlz9A0lgyGnZ0dAzJrh7LJAHQl2K9RdRueN2s/9N7+odg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxlint/binding-linux-arm-gnueabihf@1.75.0':
+    resolution: {integrity: sha512-7XlaWA5BJD3XpCfrEqjEe6Zseeb14S7QGa304XfwKignRaKQ+eIj775BQ7nIslggWickl4IsPUFqJ+/gAyNHVg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxlint/binding-linux-arm-musleabihf@1.75.0':
+    resolution: {integrity: sha512-av6Tpv8yrcMMMOadOqENBhlsLRcGFXXwoQ0hzHhsmS9FJ4Wioy8we427GbcMe2XTxmL2e60T67H1Dyr3up+tAA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxlint/binding-linux-arm64-gnu@1.75.0':
+    resolution: {integrity: sha512-WcUhd8fHT5plrA14lANevl+hOl815mVI5t2hU21oFWrZKFXIVV/Sr4rWQV0NzSvzBupbMLNc5ErEA6Ehxh5jMg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxlint/binding-linux-arm64-musl@1.75.0':
+    resolution: {integrity: sha512-UWzp5wRHFe/ESO3+eEaxXsTkYTGLYjnTsi/I5neEacXSItQ6WNleapfOAeA4x2b8nyhJ4uQxqvtv9pHv8kWJtQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxlint/binding-linux-ppc64-gnu@1.75.0':
+    resolution: {integrity: sha512-XEVRwGMLKCUKrvhLAz4F6AIh8MJrQVdSZtAmPpRZt9tGPsUnamPOcl3dS/ZQzJnar/Ymgc//+xho0L60Emzuxg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxlint/binding-linux-riscv64-gnu@1.75.0':
+    resolution: {integrity: sha512-mAG4DUXqfLC8cTjMD2kt3jDmVzFREYtDyeLNdLdsCcBc4Zbl2EMuiFektGBilQwkNjYnMvCqJs55U+Hyb+b+jw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxlint/binding-linux-riscv64-musl@1.75.0':
+    resolution: {integrity: sha512-95hrAvriAlI+pekSomTFIn0+bawMDlDwTNVmdjsFusTHyL2JWh7TWvRNG/Lkim72uN8OiCcO9wcaC6omLP5E3w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxlint/binding-linux-s390x-gnu@1.75.0':
+    resolution: {integrity: sha512-4b6f2+FrtruAESrCqIKcrarzfrSx+wk2QNcp+RT91/Prc+pMQMAfyZ1rG1c3tFQNl8Bc616tx40uNXyxNBRPbQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxlint/binding-linux-x64-gnu@1.75.0':
+    resolution: {integrity: sha512-nshAhrUvXFUWOvqQ2soIw7HFNWvpvEV4o0cYSqPtzLiPF5gKyYTDOOTJ6Rn8g8K/iGvPIrbDA4v8+5MvnjJrrg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxlint/binding-linux-x64-musl@1.75.0':
+    resolution: {integrity: sha512-e4jNxLKnxLC6sYBQRxrI2pgIIxnmMtF8U/VwNYcjTT/CLS+spH624cYVnj07bTKwaEWT37/e025isOs6j/0xqA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxlint/binding-openharmony-arm64@1.75.0':
+    resolution: {integrity: sha512-hZ2lH+1qLf/DiEP9UWuQTK2JWj/BgvMB4jhIV4SmNU1wfEiYYX4TynQyAZXx0j9X4qRYizAL042SKaV+8ynh4w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxlint/binding-win32-arm64-msvc@1.75.0':
+    resolution: {integrity: sha512-Ilj6PNzGDS3bCU0MSJH7Msh0NhH+T/mRp2shwg+q+GHeVlPwP5LEboW96aW+3kVKFk6zYZy1Xi5pZkqZh6X8KQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxlint/binding-win32-ia32-msvc@1.75.0':
+    resolution: {integrity: sha512-QVit2nOEOiPhkmsrksPSkoGCdnZRNkspt8fwoYyP09te1VEbnSj4LAxua4rc8FKTmWkySVe05j8iz9GXYfF1AQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxlint/binding-win32-x64-msvc@1.75.0':
+    resolution: {integrity: sha512-DSxnNkBUAYARPwJtR12Ig3deWr8w0H997xP6jy33i+e0SyYJw8FKuz4+cZtpmPEhQmvlPJE3X/2vNxDmLkd/rA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@peculiar/asn1-cms@2.8.0':
+    resolution: {integrity: sha512-NgekZOrSJFSBFLFoLfwePguAWAx7z1+f2TEsWFUMyiqqfntZ4+S/S5hzqME3q4pCA0iOsFKdwiQ35dwY24eVqA==}
+
+  '@peculiar/asn1-csr@2.8.0':
+    resolution: {integrity: sha512-akbF8+uvleHs8sejNPQxwmVFuInAg6FMNHOwMILXfP518YfFJwdR3jr6oNUPOaEJfuEhn/vkNOCIT6ASUd4mbg==}
+
+  '@peculiar/asn1-ecc@2.8.0':
+    resolution: {integrity: sha512-ohwlk+u9Rv2NOAY1c6MfHj45ATVF8R1DUN/WCgABiRtLi2ZftlZWZX7KvpAbU8v9xPcmoILfELeEABj/rn18AQ==}
+
+  '@peculiar/asn1-pfx@2.8.0':
+    resolution: {integrity: sha512-5yof1ytoB++RQtaFbqSUJ8pxDJtZT6vbVqZ8XoJ61ph7UjNVvfFwAilnCodqkNsAodpy13gDhoxZXw00pghnyg==}
+
+  '@peculiar/asn1-pkcs8@2.8.0':
+    resolution: {integrity: sha512-qAKXtLpBEw9LqhKpjw3ajZSXlBur+ipW+y2ivVBQAG6F6qRx94yO+1ZR4mvw+YaCfKSaOzLeYEzsPaBp4SJELA==}
+
+  '@peculiar/asn1-pkcs9@2.8.0':
+    resolution: {integrity: sha512-b5nDWCnkV60+cQ141D6sVVwK9nz64R5n3zSVnklGd+ECdkW2Ol3U1a6yYFlalpSOaD557yuJB64A+q42jG7lUQ==}
+
+  '@peculiar/asn1-rsa@2.8.0':
+    resolution: {integrity: sha512-zHEUlCqB2mk7x2lxDwHHJy7hWZOPdGHVlsmITWKB5/PbQo61atbu9PJ/0r9dQNMwFzbKPXZ8uK8/91eUhRznSg==}
+
+  '@peculiar/asn1-schema@2.8.0':
+    resolution: {integrity: sha512-7YT0U/ze0tF2QOBbE15gKZwy5tvgGyLRiRHLzhlbOpf7BT032oBSd0haZqXn5W6l26WLlu3dyxzjM+2638/z2Q==}
+
+  '@peculiar/asn1-x509-attr@2.8.0':
+    resolution: {integrity: sha512-tHjkfS/qhMnmrlB2J9NhflQlQ7In3khO3CfmVrriOlpTeErY9ZIKOso1hQ5JQiyrJ7ShvqVPk7E5fQmbclkSKA==}
+
+  '@peculiar/asn1-x509@2.8.0':
+    resolution: {integrity: sha512-N0CMuhWUzsWEVq6F1q9X6+VKUnWzSW+cSVg+aPaGGwDdbFoFWTYgin5MHwXgpWd6y9COMBxnfy/Qc+Xc7F0Zwg==}
+
+  '@peculiar/json-schema@1.1.12':
+    resolution: {integrity: sha512-coUfuoMeIB7B8/NMekxaDzLhaYmp0HZNPEjYRm9goRou8UZIC3z21s0sL9AWoCw4EG876QyO3kYrc61WNF9B/w==}
+    engines: {node: '>=8.0.0'}
+
+  '@peculiar/utils@2.0.3':
+    resolution: {integrity: sha512-+oL3HPFRIZ1St2K50lWCXiioIgSoxzz7R1J3uF6neO2yl1sgmpgY6XXJH4BdpoDkMWznQTeYF6oWNDZLCdQ4eQ==}
+
+  '@peculiar/webcrypto@1.7.1':
+    resolution: {integrity: sha512-ODOov0sGMJMf3jPonOkgGqPknTsu+DdQ7kD++gz8aI+aFMOMHFbWAA2taqXXVTdP+OTOQR/znGvSpmkeI0WTYQ==}
+    engines: {node: '>=14.18.0'}
+
+  '@peculiar/x509@1.14.3':
+    resolution: {integrity: sha512-C2Xj8FZ0uHWeCXXqX5B4/gVFQmtSkiuOolzAgutjTfseNOHT3pUjljDZsTSxXFGgio54bCzVFqmEOUrIVk8RDA==}
+    engines: {node: '>=20.0.0'}
+
+  '@pkgjs/parseargs@0.11.0':
+    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
+    engines: {node: '>=14'}
+
+  '@pkgr/core@0.2.9':
+    resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+
+  '@playwright/test@1.61.1':
+    resolution: {integrity: sha512-8nKv6+0RJSL9FE4jYOEGXnPeM/Hg12qZpmqzZjRh3qM0Y7c3z1mrOTfFLids72RDQYVh9WpLEfR5WdpNX4fkig==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  '@polka/url@1.0.0-next.29':
+    resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
+
+  '@posthog/browser-common@0.2.3':
+    resolution: {integrity: sha512-LJOUcBLLjFOqw6ZZsjrCuojliJHFU/GYeOV88T+lXyePXJQnxFzuAouDtwwHFHtoaaOjfQ0OvDMR7J468Nkomw==}
+
+  '@posthog/core@1.45.1':
+    resolution: {integrity: sha512-tLtvzomavb2PPWdGYKsusyIzIeL2Px47v348Smibkay7sMy/83TyPk+Ptsp2NdeOgJsbuwSxWkR2+XA0aSCAaA==}
+
+  '@posthog/types@1.398.0':
+    resolution: {integrity: sha512-sJMkl4k+u8yS/0fjHsKqE9xTdsAh30a2WvgChiptellnVoE0e8QJKFgqOMD2sk8FaEArPdeFklAhXvmENAt3Sg==}
+
+  '@preact/signals-core@1.14.2':
+    resolution: {integrity: sha512-RZHdBj9ZF4n40Rp4jS052EHHjBWf96P9oNdXPfhQTovCuWY9iQn3Gq+gOTJSgBO9A/JBuPfMOWsSX/lIU9Pc/A==}
+
+  '@principalstudio/html-webpack-inject-preload@1.2.7':
+    resolution: {integrity: sha512-KJKkiKG63ugBjf8U0e9jUcI9CLPTFIsxXplEDE0oi3mPpxd90X9SJovo3W2l7yh/ARKIYXhQq8fSXUN7M29TzQ==}
+    engines: {node: '>=10.23'}
+    peerDependencies:
+      html-webpack-plugin: ^4.0.0 || ^5.0.0
+      webpack: ^4.0.0 || ^5.0.0
+
+  '@protobufjs/aspromise@1.1.2':
+    resolution: {integrity: sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==}
+
+  '@protobufjs/base64@1.1.2':
+    resolution: {integrity: sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==}
+
+  '@protobufjs/codegen@2.0.5':
+    resolution: {integrity: sha512-zgXFLzW3Ap33e6d0Wlj4MGIm6Ce8O89n/apUaGNB/jx+hw+ruWEp7EwGUshdLKVRCxZW12fp9r40E1mQrf/34g==}
+
+  '@protobufjs/eventemitter@1.1.1':
+    resolution: {integrity: sha512-vW1GmwMZNnL+gMRaovlh9yZX74kc+TTU3FObkkurpMaRtBfLP3ldjS9KQWlwZgraRE0+dheEEoAxdzcJQ8eXZg==}
+
+  '@protobufjs/fetch@1.1.1':
+    resolution: {integrity: sha512-GpptLrs57adMSuHi3VNj0mAF8dwh36LMaYF6XyJ6JMWlVsc+t42tm1HSEDmOs3A8fC9yyeisgLhsTVQokOZ0zw==}
+
+  '@protobufjs/float@1.0.2':
+    resolution: {integrity: sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==}
+
+  '@protobufjs/path@1.1.2':
+    resolution: {integrity: sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==}
+
+  '@protobufjs/pool@1.1.0':
+    resolution: {integrity: sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==}
+
+  '@protobufjs/utf8@1.1.1':
+    resolution: {integrity: sha512-oOAWABowe8EAbMyWKM0tYDKi8Yaox52D+HWZhAIJqQXbqe0xI/GV7FhLWqlEKreMkfDjshR5FKgi3mnle0h6Eg==}
+
+  '@radix-ui/primitive@1.1.3':
+    resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
+
+  '@radix-ui/primitive@1.1.7':
+    resolution: {integrity: sha512-rqWnm76nYT8HoNNqEjpgJ7Pw/DrBj5iBTrmEPo6HTX5+VJyBNOqTdv4g89G63HuR5g0AaENoAcH7Is5fF2kZ8Q==}
+
+  '@radix-ui/react-arrow@1.1.7':
+    resolution: {integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-collection@1.1.7':
+    resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-compose-refs@1.1.2':
+    resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-compose-refs@1.1.5':
+    resolution: {integrity: sha512-+48PbAAbq3didjJxa+OaWY2ZwgAKsNiRGyeHKszblZMQ+kcpd9pAaT11cMkGEie0vsOi3QdeTE6d5Fe3Gn61kA==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-context-menu@2.2.16':
+    resolution: {integrity: sha512-O8morBEW+HsVG28gYDZPTrT9UUovQUlJue5YO836tiTJhuIWBm/zQHc7j388sHWtdH/xUZurK9olD2+pcqx5ww==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-context@1.1.2':
+    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-context@1.1.3':
+    resolution: {integrity: sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-context@1.2.2':
+    resolution: {integrity: sha512-RHCUGwKHDr0hDGg4X7ma4JG4/+12qxw8rkh5QKdDldlCvtja6nUx1Ef/8HVrJze81lEsgLQlqjzjGNHantgnQA==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-dialog@1.1.23':
+    resolution: {integrity: sha512-Ksw4WeROkO4rC9k/onilX/Ao2Cr1ku1unMNH+XSCcP4jSXYu7HDsg9n4ojMjVb22XpYjAQ9qfrFlVbru1vXDUA==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-direction@1.1.1':
+    resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-dismissable-layer@1.1.11':
+    resolution: {integrity: sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-dismissable-layer@1.1.19':
+    resolution: {integrity: sha512-8g4pfOL9HoKKLWGiypT+dphVqjFfmcXO5GBnhsG6zI+lxAx/8feQpr+1LSN8Re3hiZ+XkLNS4O9ztK11/LzQ6w==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-dropdown-menu@2.1.16':
+    resolution: {integrity: sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-focus-guards@1.1.3':
+    resolution: {integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-focus-guards@1.1.6':
+    resolution: {integrity: sha512-RNOJjfZMTyBM6xYmV3IVGXkPjIhcBAuv48POevAXwrGJhkWZ9p1rFoIS1JFooPuT193AZmRsCPhpoVJxx6OPoQ==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-focus-scope@1.1.16':
+    resolution: {integrity: sha512-wmRZ2WWLvmt6KHy2rNPOdPUjwq5xOHY02+m+udwJTn0aNIox/rkskAvJTyTLGhPK6KgrUjlJUJpgmx/+wFiFIQ==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-focus-scope@1.1.7':
+    resolution: {integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-form@0.1.8':
+    resolution: {integrity: sha512-QM70k4Zwjttifr5a4sZFts9fn8FzHYvQ5PiB19O2HsYibaHSVt9fH9rzB0XZo/YcM+b7t/p7lYCT/F5eOeF5yQ==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-id@1.1.1':
+    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-id@1.1.4':
+    resolution: {integrity: sha512-TMQp2llA+RYn7JcjnrMnz7wN4pcVttPZnRZo52PLQsoLVKzNlVwUeHmfePgTgRluXFvlD3GD5g5MOVVTJCO0qA==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-label@2.1.7':
+    resolution: {integrity: sha512-YT1GqPSL8kJn20djelMX7/cTRp/Y9w5IZHvfxQTVHrOqa2yMl7i/UfMqKRU5V7mEyKTrUVgJXhNQPVCG8PBLoQ==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-menu@2.1.16':
+    resolution: {integrity: sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-popper@1.2.8':
+    resolution: {integrity: sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-portal@1.1.17':
+    resolution: {integrity: sha512-vKQLcWypUnwZVvfV7UkGahH2g6ySe8M8R+zYBwPrv5byZ9QAW6cQVvNKo7GgmD+p8aYb6D9JBuvy8/WhOno2wQ==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-portal@1.1.9':
+    resolution: {integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-presence@1.1.10':
+    resolution: {integrity: sha512-3wyzCQ6+ubRA+D4uv9m95JYLXxmOHp05qjrkjeA7uKHHtjpPggQzc6DAb0URl7j67oR0K2foO4ip27TiX037Bw==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-presence@1.1.5':
+    resolution: {integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@2.1.10':
+    resolution: {integrity: sha512-MucOnzh6hR5mid6VpkbglRAMYMjKLqRnGBbjXkzjK52fuQDd1qbkx78a5P40mkcnVXJdEVxm26E9OPAiUq7nBg==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@2.1.3':
+    resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@2.1.4':
+    resolution: {integrity: sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-progress@1.1.8':
+    resolution: {integrity: sha512-+gISHcSPUJ7ktBy9RnTqbdKW78bcGke3t6taawyZ71pio1JewwGSJizycs7rLhGTvMJYCQB1DBK4KQsxs7U8dA==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-roving-focus@1.1.11':
+    resolution: {integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-separator@1.1.8':
+    resolution: {integrity: sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-slot@1.2.3':
+    resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-slot@1.2.4':
+    resolution: {integrity: sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-slot@1.3.3':
+    resolution: {integrity: sha512-qx7oqnYbxnK9kYI9m317qmFmEgo6ywqWvbTogdj7cL9p3/yx4M48p7Rnw5z3H890cL/ow/EeWJsuTykeZVXP5Q==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-callback-ref@1.1.1':
+    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-callback-ref@1.1.4':
+    resolution: {integrity: sha512-R6OUY2e2fA6Yn6s+VSx5KBV6Nx8LQEhu+cz7LCej18rQ1HLyg9PSC9jP/ZNx0o6FAIK9c0F1kHylzSxKsdlkrQ==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-controllable-state@1.2.2':
+    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-controllable-state@1.2.6':
+    resolution: {integrity: sha512-uEQJGT97ZA/TgP/Hydw47lHu+/vQj6z/0jA+WeTbK1o9Rx45GImjpD0tc3W5ad3D6XTSR6e1yEO0FvGq6WQfVQ==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-effect-event@0.0.2':
+    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-effect-event@0.0.5':
+    resolution: {integrity: sha512-7cshFL8HGS/7HEiHH+9kL9HBwp2sa9yX18Knwek6KYWmXwM7pegMgta2AXMQKI+rq3JnfSj9x8wYqFMTdG1Jgg==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-escape-keydown@1.1.1':
+    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-layout-effect@1.1.1':
+    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-layout-effect@1.1.4':
+    resolution: {integrity: sha512-K20DkRkUwDnxEYMBPcg3Y6voLkEy5p5QQmszZgLngKKiC7dzBR/aEuK3w1qlx2JWDUNH6FluahYdgR3BP+QbYw==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-rect@1.1.1':
+    resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-size@1.1.1':
+    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/rect@1.1.1':
+    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
+
+  '@renovatebot/pep440@4.2.4':
+    resolution: {integrity: sha512-r+Pwj9ud/5QOOHoSsD7mWzU0Qkj105UPOyPwihGAtbNCl9pqnWkEDNRM5an63QvsFsS9tt+X3o+npT3AKBiTVg==}
+    engines: {node: ^20.9.0 || ^22.11.0 || ^24, pnpm: '>=10.0.0'}
+
+  '@repobuddy/test@1.0.1':
+    resolution: {integrity: sha512-eNXZ6Cfs18EGQtPS/H68E0GQyQeB+al5sPcMgb70553CE0vs5Y7jDdO8Csgk/CHiuPy/rCKdN33OvvkSiGaG+A==}
+
+  '@rolldown/binding-android-arm64@1.2.2':
+    resolution: {integrity: sha512-l7x215OGvo1s52JWmR8U/DAVzEDWBCIbTm28aeJV/WDTSHgcKXaZTuBT0hJMs5NggilfJTW3clZVvd24yfKJxA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@rolldown/binding-darwin-arm64@1.2.2':
+    resolution: {integrity: sha512-9u9Xv6c1AJZT0FfwH5vrMG5Jjcwhc1MlyrPu0XfTqkzsmqfks2M6W/o5XwAJgVVN/jHpqqngC1WevHKKTIUtIA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rolldown/binding-darwin-x64@1.2.2':
+    resolution: {integrity: sha512-9W1mbGZAfW3oqd85bhBkmpyHCCzL1TeG/zFFP3vg7b0rlly8cxOcre5nXwz+LHazCwac2MNWgPdPCHndABjpWQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rolldown/binding-freebsd-x64@1.2.2':
+    resolution: {integrity: sha512-0p1lhiCSCyaerFwtrdZQUx7NqGk6LQnaRKWX7tFQqwQgvX0rjM15cIkm3pax1UpEakK14C4mOxx/jSqCBdBRqQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.2':
+    resolution: {integrity: sha512-e+cOJXrJ2L3zx6YzqPg+f6Wbk3V1cKB8bOhbaYdVYN3DdquzNdRAmrbETz1qnt5yp/c7JNlNjmITiA2cVneQ7w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-gnu@1.2.2':
+    resolution: {integrity: sha512-JsSMsj6sNat/MuhG5fnBD7QgbtpHKVe30x5/bAVirDHdhoQRXJkF6xc0Jqk8O4fiCUQAzMOoH9wZi3m60c8wtg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-arm64-musl@1.2.2':
+    resolution: {integrity: sha512-B5G/zJdHaoJn9vD50eGHWkiWfmq8Uhi3IiLPJTzmZTrAalk1bztUikSXo0qga18ibE0IXboyeMUnhPjhAJ45wQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-linux-ppc64-gnu@1.2.2':
+    resolution: {integrity: sha512-6mC/awzKka8W6EoekjegpfGkjz8jXWDX63pqu/HYVpyKtZfu65Jsh4QAH3Kej3CAv/c1oGX7psTmFEbr0mDxLA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-s390x-gnu@1.2.2':
+    resolution: {integrity: sha512-412MX9fJLdA1IK28EZnc8jYv2HRTleOZgfLQumJ5zy7OeJLZlg/CETwFaXjNmGVxG51cFHpKLqb5LKvBC+HsHA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-gnu@1.2.2':
+    resolution: {integrity: sha512-Q/+HI/ToJafZ1iCqGgVQXUEkIjufHCTF0gBQ2a5o3cg7GJ2h0qyq3nvvSmU+bGda2/7ygXpTY4TM6gO9OhQ0ZA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-musl@1.2.2':
+    resolution: {integrity: sha512-ZKp/w41n6wCvxzxQHtQSbuphfX3Y4cCvbjkKHusrLx4lh+JWLTU7StSltO/DKARISzbj368d+qUaCjI8K2wzXw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-openharmony-arm64@1.2.2':
+    resolution: {integrity: sha512-pxE6xD4KS3eAROkKK5yrhB9/3+vhlhVGMvlQLbdpzrBGDbKrnzx3RLwPaHvasLo6jgaiBLn7e04Df9C4tYhjmA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rolldown/binding-win32-arm64-msvc@1.2.2':
+    resolution: {integrity: sha512-4MqEue5re+xIZzAWsB8sj0P1kqZySWqIuN4t6QaIO/YA6SFwySOLruvWQFzfmqk8LBK2P30KCSJwf6mJCZZ5/A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rolldown/binding-win32-x64-msvc@1.2.2':
+    resolution: {integrity: sha512-NweNxxD0Nf9t8v7kodun45Ijp3EIwYY+uydPP6qBEYvfBqhIjN6dZMzlQja3tqX/aLs3F3Uz+AxDpKgRhpOZQg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@rolldown/pluginutils@1.0.1':
+    resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
+
+  '@rollup/plugin-inject@5.0.5':
+    resolution: {integrity: sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/pluginutils@5.4.0':
+    resolution: {integrity: sha512-MfPp06CjRLfXQ3wY0R8vJDYBy/MvVcc9OulEfR0B8Iv9ko+GCNaRZ+EpJYFl27LhKsZK0o420sYCRHCjfCgeUg==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/rollup-android-arm-eabi@4.60.1':
+    resolution: {integrity: sha512-d6FinEBLdIiK+1uACUttJKfgZREXrF0Qc2SmLII7W2AD8FfiZ9Wjd+rD/iRuf5s5dWrr1GgwXCvPqOuDquOowA==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.60.1':
+    resolution: {integrity: sha512-YjG/EwIDvvYI1YvYbHvDz/BYHtkY4ygUIXHnTdLhG+hKIQFBiosfWiACWortsKPKU/+dUwQQCKQM3qrDe8c9BA==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.60.1':
+    resolution: {integrity: sha512-mjCpF7GmkRtSJwon+Rq1N8+pI+8l7w5g9Z3vWj4T7abguC4Czwi3Yu/pFaLvA3TTeMVjnu3ctigusqWUfjZzvw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.60.1':
+    resolution: {integrity: sha512-haZ7hJ1JT4e9hqkoT9R/19XW2QKqjfJVv+i5AGg57S+nLk9lQnJ1F/eZloRO3o9Scy9CM3wQ9l+dkXtcBgN5Ew==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.60.1':
+    resolution: {integrity: sha512-czw90wpQq3ZsAVBlinZjAYTKduOjTywlG7fEeWKUA7oCmpA8xdTkxZZlwNJKWqILlq0wehoZcJYfBvOyhPTQ6w==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.60.1':
+    resolution: {integrity: sha512-KVB2rqsxTHuBtfOeySEyzEOB7ltlB/ux38iu2rBQzkjbwRVlkhAGIEDiiYnO2kFOkJp+Z7pUXKyrRRFuFUKt+g==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.1':
+    resolution: {integrity: sha512-L+34Qqil+v5uC0zEubW7uByo78WOCIrBvci69E7sFASRl0X7b/MB6Cqd1lky/CtcSVTydWa2WZwFuWexjS5o6g==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.1':
+    resolution: {integrity: sha512-n83O8rt4v34hgFzlkb1ycniJh7IR5RCIqt6mz1VRJD6pmhRi0CXdmfnLu9dIUS6buzh60IvACM842Ffb3xd6Gg==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.1':
+    resolution: {integrity: sha512-Nql7sTeAzhTAja3QXeAI48+/+GjBJ+QmAH13snn0AJSNL50JsDqotyudHyMbO2RbJkskbMbFJfIJKWA6R1LCJQ==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm64-musl@4.60.1':
+    resolution: {integrity: sha512-+pUymDhd0ys9GcKZPPWlFiZ67sTWV5UU6zOJat02M1+PiuSGDziyRuI/pPue3hoUwm2uGfxdL+trT6Z9rxnlMA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.1':
+    resolution: {integrity: sha512-VSvgvQeIcsEvY4bKDHEDWcpW4Yw7BtlKG1GUT4FzBUlEKQK0rWHYBqQt6Fm2taXS+1bXvJT6kICu5ZwqKCnvlQ==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-loong64-musl@4.60.1':
+    resolution: {integrity: sha512-4LqhUomJqwe641gsPp6xLfhqWMbQV04KtPp7/dIp0nzPxAkNY1AbwL5W0MQpcalLYk07vaW9Kp1PBhdpZYYcEw==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.1':
+    resolution: {integrity: sha512-tLQQ9aPvkBxOc/EUT6j3pyeMD6Hb8QF2BTBnCQWP/uu1lhc9AIrIjKnLYMEroIz/JvtGYgI9dF3AxHZNaEH0rw==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.1':
+    resolution: {integrity: sha512-RMxFhJwc9fSXP6PqmAz4cbv3kAyvD1etJFjTx4ONqFP9DkTkXsAMU4v3Vyc5BgzC+anz7nS/9tp4obsKfqkDHg==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.1':
+    resolution: {integrity: sha512-QKgFl+Yc1eEk6MmOBfRHYF6lTxiiiV3/z/BRrbSiW2I7AFTXoBFvdMEyglohPj//2mZS4hDOqeB0H1ACh3sBbg==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.1':
+    resolution: {integrity: sha512-RAjXjP/8c6ZtzatZcA1RaQr6O1TRhzC+adn8YZDnChliZHviqIjmvFwHcxi4JKPSDAt6Uhf/7vqcBzQJy0PDJg==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.1':
+    resolution: {integrity: sha512-wcuocpaOlaL1COBYiA89O6yfjlp3RwKDeTIA0hM7OpmhR1Bjo9j31G1uQVpDlTvwxGn2nQs65fBFL5UFd76FcQ==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-gnu@4.60.1':
+    resolution: {integrity: sha512-77PpsFQUCOiZR9+LQEFg9GClyfkNXj1MP6wRnzYs0EeWbPcHs02AXu4xuUbM1zhwn3wqaizle3AEYg5aeoohhg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-musl@4.60.1':
+    resolution: {integrity: sha512-5cIATbk5vynAjqqmyBjlciMJl1+R/CwX9oLk/EyiFXDWd95KpHdrOJT//rnUl4cUcskrd0jCCw3wpZnhIHdD9w==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-openbsd-x64@4.60.1':
+    resolution: {integrity: sha512-cl0w09WsCi17mcmWqqglez9Gk8isgeWvoUZ3WiJFYSR3zjBQc2J5/ihSjpl+VLjPqjQ/1hJRcqBfLjssREQILw==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.60.1':
+    resolution: {integrity: sha512-4Cv23ZrONRbNtbZa37mLSueXUCtN7MXccChtKpUnQNgF010rjrjfHx3QxkS2PI7LqGT5xXyYs1a7LbzAwT0iCA==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.1':
+    resolution: {integrity: sha512-i1okWYkA4FJICtr7KpYzFpRTHgy5jdDbZiWfvny21iIKky5YExiDXP+zbXzm3dUcFpkEeYNHgQ5fuG236JPq0g==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.1':
+    resolution: {integrity: sha512-u09m3CuwLzShA0EYKMNiFgcjjzwqtUMLmuCJLeZWjjOYA3IT2Di09KaxGBTP9xVztWyIWjVdsB2E9goMjZvTQg==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.60.1':
+    resolution: {integrity: sha512-k+600V9Zl1CM7eZxJgMyTUzmrmhB/0XZnF4pRypKAlAgxmedUA+1v9R+XOFv56W4SlHEzfeMtzujLJD22Uz5zg==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.60.1':
+    resolution: {integrity: sha512-lWMnixq/QzxyhTV6NjQJ4SFo1J6PvOX8vUx5Wb4bBPsEb+8xZ89Bz6kOXpfXj9ak9AHTQVQzlgzBEc1SyM27xQ==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rushstack/node-core-library@5.23.3':
+    resolution: {integrity: sha512-f6uuza7Um65bwsIJgf0MRs7IPA5IG+A+zs1AYGQvpZmLjtTGdfHowhQw4kwF0pPhJCrU4UHNhK8Qa6tLygYZCA==}
+    peerDependencies:
+      '@types/node': 25.9.3
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@rushstack/problem-matcher@0.2.1':
+    resolution: {integrity: sha512-gulfhBs6n+I5b7DvjKRfhMGyUejtSgOHTclF/eONr8hcgF1APEDjhxIsfdUYYMzC3rvLwGluqLjbwCFZ8nxrog==}
+    peerDependencies:
+      '@types/node': 25.9.3
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@rushstack/rig-package@0.7.3':
+    resolution: {integrity: sha512-aAA518n6wxxjCfnTAOjQnm7ngNE0FVHxHAw2pxKlIhxrMn0XQjGcXKF0oKWpjBgJOmsaJpVob/v+zr3zxgPWuA==}
+
+  '@rushstack/terminal@0.24.2':
+    resolution: {integrity: sha512-KB7PpvzDyKMw/RGU3TxOwxTs3OwZ4gq6+WHlTJN/JfQH4ezliNtWIqver78jTaAJyz/ZAAlJGH7a/M1WyFLFSw==}
+    peerDependencies:
+      '@types/node': 25.9.3
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@rushstack/ts-command-line@5.3.12':
+    resolution: {integrity: sha512-Vg2n24arSf7JvUNga2DMHYTbxnVq9L5OtVCp4Gfr8YC/kmL/bmdR8FQhGcpMzMYNY9Vdw3+TaimG11Sf+z1Tpw==}
+
+  '@sentry/browser-utils@10.67.0':
+    resolution: {integrity: sha512-HUzaf0xAnPAB+OHBkD7N1Py+CTbD5InHulQ/pdhX4JctWtxuwD8odMD1LzdPnW8J6gVHlDVvcVBR8mXMZYSLSw==}
+    engines: {node: '>=18'}
+
+  '@sentry/browser-utils@10.68.0':
+    resolution: {integrity: sha512-be8VtdjCngKc77cstJeV+gO15iH+blyXpBDk8yOehmtX4BkFO33mfTMNCWVR2LA0oOxjIHWRAhf77fIUEhzxPg==}
+    engines: {node: '>=18'}
+
+  '@sentry/browser@10.67.0':
+    resolution: {integrity: sha512-/ZhsAvte4rYhg0A0RtSFFgAgXhyMOfQIeOAfMfptN+X6IVSYOfkA9jtrP+Ej4+6vlaUFWRir1HweF56y63dEEA==}
+    engines: {node: '>=18'}
+
+  '@sentry/browser@10.68.0':
+    resolution: {integrity: sha512-8xVgk7oG2lajXnbXF6a7H1xMZ/U6icqSldHGzQu1+bajfrK8Gan9ULG/Xsj1VM1LlNeK6/7znDJ3u1jgvIwznw==}
+    engines: {node: '>=18'}
+
+  '@sentry/bundler-plugins@10.65.0':
+    resolution: {integrity: sha512-AYgv31l4wY/CwYAD/2Og59RT+TNjvhatcLOrEe5tFOpi9VcPAQ4xfPZIM6fXYGawofT52p6LhUECNSfNkNnc7Q==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      rollup: '>=3.2.0'
+      webpack: '>=5.0.0'
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+      webpack:
+        optional: true
+
+  '@sentry/cli-darwin@2.58.6':
+    resolution: {integrity: sha512-udAVvcyfNa0R+95GvPz/+43/N3TC0TYKdkQ7D7jhPSzbcMc7l2fxRNN5yB3UpCA5fWFnW4toeaqwDBhb/Wh3LA==}
+    engines: {node: '>=10'}
+    os: [darwin]
+
+  '@sentry/cli-linux-arm64@2.58.6':
+    resolution: {integrity: sha512-q8mEcNNmeXMy5i+jWT30TVpH7LcP4HD21CD5XRSPAd/a912HF6EpK0ybf/1USO14WOhoXbAGi9txwaWabSe33g==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux, freebsd, android]
+
+  '@sentry/cli-linux-arm@2.58.6':
+    resolution: {integrity: sha512-pD0LAt5PcUzAinBwvDqc66x9+2CabHEv486yP0gRjWO7SakbaxmfVq/EXd8VLq/Tzi39LAu422UYK1lpW3MILw==}
+    engines: {node: '>=10'}
+    cpu: [arm]
+    os: [linux, freebsd, android]
+
+  '@sentry/cli-linux-i686@2.58.6':
+    resolution: {integrity: sha512-q8vNJi1eOV/4vxAFWBsEwLHoSYapaZHIf4j76KJGJXFKTkEbsjCOOsKbwUIBTQQhRgV4DFWh3ryfsPS/que4Kg==}
+    engines: {node: '>=10'}
+    cpu: [x86, ia32]
+    os: [linux, freebsd, android]
+
+  '@sentry/cli-linux-x64@2.58.6':
+    resolution: {integrity: sha512-DZu956Mhi3ZRjTBe1WdbGV46ldVbA8d2rgp/fh51GsI25zjBHah4wZnPTSzpc+YqxU6pJpg579B/r3jrIK530Q==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux, freebsd, android]
+
+  '@sentry/cli-win32-arm64@2.58.6':
+    resolution: {integrity: sha512-nj0Ff/kmAB73EPDhR8B4O9r+NUHK5GkPCkGWC+kXVemqAJWL5jcJ5KdxG0l/S0z6RoEoltID8/43/B+TaMlT7A==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@sentry/cli-win32-i686@2.58.6':
+    resolution: {integrity: sha512-WNZiDzPbgsEMQWq4avsQ391v/xWKJDIWWWo9GYl+N/w5qcYKkoDW7wQG7T9FasI6ENn68phChTOAPXXxbfAdOg==}
+    engines: {node: '>=10'}
+    cpu: [x86, ia32]
+    os: [win32]
+
+  '@sentry/cli-win32-x64@2.58.6':
+    resolution: {integrity: sha512-R35WJ17oF4D2eqI1DR2sQQqr0fjRTt5xoP16WrTu91XM2lndRMFsnjh+/GttbxapLCBNlrjzia99MJ0PZHZpgA==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@sentry/cli@2.58.6':
+    resolution: {integrity: sha512-baBcNPLLfUi9WuL+Tpri9BFaAdvugZIKelC5X0tt0Zdy+K0K+PCVSrnNmwMWU/HyaF/SEv6b6UHnXIdqanBlcg==}
+    engines: {node: '>= 10'}
+    hasBin: true
+
+  '@sentry/conventions@0.15.1':
+    resolution: {integrity: sha512-ZLP8bRdMON3prWE2tJyImuYscCxdcJeIPIhrOs/rgyFm3C1nCh1B6gdvPj3AZ5zW08oSFFCsq7T+tYEW3h8MNA==}
+    engines: {node: '>=14'}
+
+  '@sentry/conventions@0.16.0':
+    resolution: {integrity: sha512-fO9PLmHdVURcSPUpWCItWAtgKiMwGdJHbovoSEyLplX5sxs2ugvI4CBPTrkkgqhObnZOD0CnWBKDzSVQYBKEyQ==}
+    engines: {node: '>=14'}
+
+  '@sentry/core@10.65.0':
+    resolution: {integrity: sha512-3aqtmM5NgNGo45BNaaBzi0LPQZAw//NEL4HKS5fXm12pJMa4KEkze8DEKnkTEIrGnWaOJKamecHKlnNg/Mqf/Q==}
+    engines: {node: '>=18'}
+
+  '@sentry/core@10.67.0':
+    resolution: {integrity: sha512-b6U3pJ8AUvN9aouq0vl+VZI8KT8RslBsfGMFuNwRr313zOmdmFJBZqTiUw9VGgJ2jGKxLO9alm9rlxBfX4hf+w==}
+    engines: {node: '>=18'}
+
+  '@sentry/core@10.68.0':
+    resolution: {integrity: sha512-5Amhx8ltVz7vb1bRGyf3c4J69/iHW8R/H+SJxTRILHlsSOBrnVVc/IQEYDC6PTRdRdZ3x2u7RVjxZi2Mhe525g==}
+    engines: {node: '>=18'}
+
+  '@sentry/electron@7.16.0':
+    resolution: {integrity: sha512-GgnsAGynr1IKfakRuW5AGlxQsIZi0cFUyzcn9ekrYy1cIyb85piVLN5u7W9pXzSzKopaGrxXBWubPBSRagyXjA==}
+    peerDependencies:
+      '@sentry/node-native': 10.67.0
+    peerDependenciesMeta:
+      '@sentry/node-native':
+        optional: true
+
+  '@sentry/feedback@10.67.0':
+    resolution: {integrity: sha512-I4ML2/SF3enwikb6ZSoRiqolQrx0zSzTSnUgwCmugICF/jpHW0th1pCray9R+t1Zzibw/Dpj4t/DNXaSDRa2MA==}
+    engines: {node: '>=18'}
+
+  '@sentry/feedback@10.68.0':
+    resolution: {integrity: sha512-XbdcXiBnpC3vgw46eHOPeD/ZQ+XzluP75ubdUcaPDW02hCh2nsdXiwjZ2DBImbpvIpTbJgjHf/sIlHWvcZJ2Mg==}
+    engines: {node: '>=18'}
+
+  '@sentry/node-core@10.67.0':
+    resolution: {integrity: sha512-dBHHRwZyan1pOnFJ+sNBvR8TkXbZAfZU/jpxmALS3JZ2/8AGR7cQKL+b7SleKuJ7iUDZyklN3Nqi0i5JkcA+HA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.9.0
+      '@opentelemetry/core': ^1.30.1 || ^2.1.0
+      '@opentelemetry/exporter-trace-otlp-http': '>=0.57.0 <1'
+      '@opentelemetry/instrumentation': '>=0.57.1 <1'
+      '@opentelemetry/sdk-trace-base': ^1.30.1 || ^2.1.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+      '@opentelemetry/core':
+        optional: true
+      '@opentelemetry/exporter-trace-otlp-http':
+        optional: true
+      '@opentelemetry/instrumentation':
+        optional: true
+      '@opentelemetry/sdk-trace-base':
+        optional: true
+
+  '@sentry/node@10.67.0':
+    resolution: {integrity: sha512-SFKpZGqOCEFSmP93NdDP6ikZp4NS7A/JR8+2ofK3jF6Y9Vyox7pX0pxdOnPLpFcPtMybMahfWqSAWJvsFs4RmA==}
+    engines: {node: '>=18'}
+
+  '@sentry/opentelemetry@10.67.0':
+    resolution: {integrity: sha512-oLTOrAK1rOqmYRktOJZwz37B1seXPx1W2FTMVtzTVNjMFA/LZwGzePeZzhUOgzZgfLHixMd/ceWtGqoxAndcjQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.9.0
+      '@opentelemetry/core': ^1.30.1 || ^2.1.0
+      '@opentelemetry/sdk-trace-base': ^1.30.1 || ^2.1.0
+
+  '@sentry/replay-canvas@10.67.0':
+    resolution: {integrity: sha512-neNA4T6MFtZzMdKYetiR+LZd9BNSd0q2szMn0wk+A15PqHE/IN7a34V6JZc9rCtmzB0wldh0eWGOBb49MSNKjA==}
+    engines: {node: '>=18'}
+
+  '@sentry/replay-canvas@10.68.0':
+    resolution: {integrity: sha512-HusYcr+He+ohnUDHunYrc5St6vdDnBXpUAndnT5ReyUMVSCiWKfY3paXowU/0787HwYfxdcpZgwC5u79+XbEIg==}
+    engines: {node: '>=18'}
+
+  '@sentry/replay@10.67.0':
+    resolution: {integrity: sha512-nkEUgPCR82EcyJkCf3XCE9H0R5KisCqyCAaSGxe7NpAoQbvASHx4MUNgXVAn+D0M494gvPZh6lFH7JgzqTcSqQ==}
+    engines: {node: '>=18'}
+
+  '@sentry/replay@10.68.0':
+    resolution: {integrity: sha512-ZoG2n16vbkx4GWSCnLIqUUN9xlUmccQFbQ2US2rhruQeHTUnHl/ukr8NHOQXZaEbwKyMkX9bEMwfmZHJm+wSTQ==}
+    engines: {node: '>=18'}
+
+  '@sentry/server-utils@10.67.0':
+    resolution: {integrity: sha512-GQ9t+RSTx5s3b/aZrLFuL4nrwPLMah5NiZk5cjxJmgmOSgm3nMdO8gdqCedDch5B13F3YsxtaQYjSJnzLz8M5A==}
+    engines: {node: '>=18'}
+
+  '@sentry/webpack-plugin@5.4.0':
+    resolution: {integrity: sha512-J3a0BvUZ75Qxy+v/Ap3Hx4ZEcSjlPHZ/jDtxdRhXQCyNeEb8xq0uUBTI9VLtGk2eNeNucOxOEJ5ngqdNjnEH/A==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      webpack: '>=5.0.0'
+
+  '@shikijs/core@2.5.0':
+    resolution: {integrity: sha512-uu/8RExTKtavlpH7XqnVYBrfBkUc20ngXiX9NSrBhOVZYv/7XQRKUyhtkeflY5QsxC0GbJThCerruZfsUaSldg==}
+
+  '@shikijs/engine-javascript@2.5.0':
+    resolution: {integrity: sha512-VjnOpnQf8WuCEZtNUdjjwGUbtAVKuZkVQ/5cHy/tojVVRIRtlWMYVjyWhxOmIq05AlSOv72z7hRNRGVBgQOl0w==}
+
+  '@shikijs/engine-oniguruma@2.5.0':
+    resolution: {integrity: sha512-pGd1wRATzbo/uatrCIILlAdFVKdxImWJGQ5rFiB5VZi2ve5xj3Ax9jny8QvkaV93btQEwR/rSz5ERFpC5mKNIw==}
+
+  '@shikijs/engine-oniguruma@3.23.0':
+    resolution: {integrity: sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g==}
+
+  '@shikijs/langs@2.5.0':
+    resolution: {integrity: sha512-Qfrrt5OsNH5R+5tJ/3uYBBZv3SuGmnRPejV9IlIbFH3HTGLDlkqgHymAlzklVmKBjAaVmkPkyikAV/sQ1wSL+w==}
+
+  '@shikijs/langs@3.23.0':
+    resolution: {integrity: sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg==}
+
+  '@shikijs/themes@2.5.0':
+    resolution: {integrity: sha512-wGrk+R8tJnO0VMzmUExHR+QdSaPUl/NKs+a4cQQRWyoc3YFbUzuLEi/KWK1hj+8BfHRKm2jNhhJck1dfstJpiw==}
+
+  '@shikijs/themes@3.23.0':
+    resolution: {integrity: sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA==}
+
+  '@shikijs/transformers@2.5.0':
+    resolution: {integrity: sha512-SI494W5X60CaUwgi8u4q4m4s3YAFSxln3tzNjOSYqq54wlVgz0/NbbXEb3mdLbqMBztcmS7bVTaEd2w0qMmfeg==}
+
+  '@shikijs/types@2.5.0':
+    resolution: {integrity: sha512-ygl5yhxki9ZLNuNpPitBWvcy9fsSKKaRuO4BAlMyagszQidxcpLAr0qiW/q43DtSIDxO6hEbtYLiFZNXO/hdGw==}
+
+  '@shikijs/types@3.23.0':
+    resolution: {integrity: sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ==}
+
+  '@shikijs/vscode-textmate@10.0.2':
+    resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
+
+  '@sigstore/bundle@5.0.0':
+    resolution: {integrity: sha512-wefjygudENbzbQMks1t5u34EP0fFoD0XvaEP7DOUP/sXKvogzEJYFw5E6pegGyp3onGWzVEYKVa3bNZWyTYX+A==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@sigstore/core@4.0.0':
+    resolution: {integrity: sha512-uFGJpKiMCKXV+61jsxQ0ECfr0wjDP+8qnT6pgfsOXbIk0j/KPfBSp2Dks/YcNcT/S4e3P267JKPL6gAwygJRuw==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@sigstore/protobuf-specs@0.5.0':
+    resolution: {integrity: sha512-MM8XIwUjN2bwvCg1QvrMtbBmpcSHrkhFSCu1D11NyPvDQ25HEc4oG5/OcQfd/Tlf/OxmKWERDj0zGE23jQaMwA==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
+  '@sigstore/sign@5.0.0':
+    resolution: {integrity: sha512-DSFivqz9/i5AkwZ5fq0YdjaJlc4o1WeS2Zffon0kqtChx0vy4W9NOjkEet9bF2vkzOufX72eVH8kZBIGtcBp1w==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@sigstore/tuf@5.0.0':
+    resolution: {integrity: sha512-Zyqg9tcHps3uRAlKHLNmsW4ohsUZAjb9G+31r7lg0ICh/JOcadzmJsIRdjKljlRHpaR0K4aJ2kXXIdywdcdMlA==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@sigstore/verify@4.0.0':
+    resolution: {integrity: sha512-yYQTYQkjkdp69M5f+XGOhX45RvgCwh0cz6r++hGRHi7G/NVPmIK7ISxY73fM5WVerIiYe/ZbVlMu47dDodBP6A==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@sinclair/typebox@0.34.49':
+    resolution: {integrity: sha512-brySQQs7Jtn0joV8Xh9ZV/hZb9Ozb0pmazDIASBkYKCjXrXU3mpcFahmK/z4YDhGkQvP9mWJbVyahdtU5wQA+A==}
+
+  '@sindresorhus/is@4.6.0':
+    resolution: {integrity: sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==}
+    engines: {node: '>=10'}
+
+  '@sindresorhus/merge-streams@4.0.0':
+    resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
+    engines: {node: '>=18'}
+
+  '@sinonjs/commons@3.0.1':
+    resolution: {integrity: sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==}
+
+  '@sinonjs/fake-timers@15.4.0':
+    resolution: {integrity: sha512-DsG+8/LscQIQg68J6Ef3dv10u6nVyetYn923s3/sus5eaGfTo1of5WMZSLf0UJc9KDuKPilPH0UDJCjvNbDNCA==}
+
+  '@standard-schema/spec@1.1.0':
+    resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
+
+  '@storybook/addon-a11y@10.5.5':
+    resolution: {integrity: sha512-nsMnSRe7pzepXIkUUqI/rL7sp8juXOluyypU4Dz0UuYHhw/cKaxfzuO+3WJN5EtEr/gcnKYb4awxH/duPGavUw==}
+    peerDependencies:
+      storybook: ^10.5.5
+
+  '@storybook/addon-designs@11.1.4':
+    resolution: {integrity: sha512-4NWq8iiCbAODyfbMXKlOmMcz+xLcfIKzxC0UMdWq2M4W9SkTwzX7qr/m+2+a0dqddAaZvOZ9zfIrZa5suHC1ow==}
+    peerDependencies:
+      '@storybook/addon-docs': ^0.0.0-0 || ^10.0.0 || ^10.0.0-0 || ^10.1.0-0 || ^10.2.0-0 || ^10.5.0-0 || ^10.6.0-0
+      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
+      storybook: ^0.0.0-0 || ^10.0.0 || ^10.0.0-0 || ^10.1.0-0 || ^10.2.0-0 || ^10.5.0-0 || ^10.6.0-0
+    peerDependenciesMeta:
+      '@storybook/addon-docs':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
+  '@storybook/addon-docs@10.5.5':
+    resolution: {integrity: sha512-0YpKlimS4XE0kQ8Maa5coeefQxdyDrBHg1wOP3WTPuBe4FolFSCDveR0ge2+vuUBk+fZfn2+l+3Q2jmAWaRGDg==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      storybook: ^10.5.5
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@storybook/addon-vitest@10.5.5':
+    resolution: {integrity: sha512-Ymq9ErkSkYiIDuqpJ2+hE5GCQ5J6TCLOWhutqArvwaeAO+HAibM82XNExpJ1/kvPqk9y961GDPkv2W15I88JIw==}
+    peerDependencies:
+      '@vitest/browser': ^3.0.0 || ^4.0.0
+      '@vitest/browser-playwright': ^4.0.0
+      '@vitest/runner': ^3.0.0 || ^4.0.0
+      storybook: ^10.5.5
+      vitest: ^3.0.0 || ^4.0.0
+    peerDependenciesMeta:
+      '@vitest/browser':
+        optional: true
+      '@vitest/browser-playwright':
+        optional: true
+      '@vitest/runner':
+        optional: true
+      vitest:
+        optional: true
+
+  '@storybook/builder-vite@10.5.5':
+    resolution: {integrity: sha512-dQoJ7gUl8y0z5rV9cE0mz6qTBNmN9R4GOLIZk98rJ8CwduNJOb9eGZXusDzzvnYcp8TnNkqDtyx4tXQSUDInPQ==}
+    peerDependencies:
+      storybook: ^10.5.5
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  '@storybook/csf-plugin@10.5.5':
+    resolution: {integrity: sha512-/euibhRFqklYCZqUseokojmfYcQpXshVY2QmA1qCuxMz9SzVFD3iSTw+aFLTxpsJGGdcZJk8fnm/rEthLzZ9jA==}
+    peerDependencies:
+      esbuild: 0.27.4
+      rollup: '*'
+      storybook: ^10.5.5
+      vite: '*'
+      webpack: '*'
+    peerDependenciesMeta:
+      esbuild:
+        optional: true
+      rollup:
+        optional: true
+      vite:
+        optional: true
+      webpack:
+        optional: true
+
+  '@storybook/global@5.0.0':
+    resolution: {integrity: sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==}
+
+  '@storybook/icons@2.1.0':
+    resolution: {integrity: sha512-Fxh9vYpX9bQqFeHRiY8h2ApeRGDzRSMLwJwNZ/AIRqnyOKHxRKL+yFe+ctEkVJmuptRE9u1Hrn8ZZNHyfDKKNg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@storybook/react-dom-shim@10.5.5':
+    resolution: {integrity: sha512-PIk7N3LLrZIxfNxmkvmQN1d5UQ70XEedT8n0GhBiXnM6XL09xPGB8n8TZXeJBRYluKhDQcAyQeT0/OZmcDVQJg==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      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
+      storybook: ^10.5.5
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@storybook/react-vite@10.5.5':
+    resolution: {integrity: sha512-Uy7VV72kVSkw6aDTAPQupXUeZX5LF6e4zqNvTZ+36qxsXAkaFgw7HPEm7L1tsaRfiV+s9anU7UvX47tfJpYGuQ==}
+    peerDependencies:
+      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
+      storybook: ^10.5.5
+      typescript: '>= 4.9.x'
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@storybook/react@10.5.5':
+    resolution: {integrity: sha512-T2Xj0ey7a9RHU6coYLC0L5lhjcdyhLCs9wNv15FvHvgmrRobkynEV72kq5vGW8tFkahNWI1X9+GZPQ6r8Nm38w==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      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
+      storybook: ^10.5.5
+      typescript: '>= 4.9.x'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+      typescript:
+        optional: true
+
+  '@svgr/babel-plugin-add-jsx-attribute@8.0.0':
+    resolution: {integrity: sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-remove-jsx-attribute@8.0.0':
+    resolution: {integrity: sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0':
+    resolution: {integrity: sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0':
+    resolution: {integrity: sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-svg-dynamic-title@8.0.0':
+    resolution: {integrity: sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-svg-em-dimensions@8.0.0':
+    resolution: {integrity: sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-transform-react-native-svg@8.1.0':
+    resolution: {integrity: sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-transform-svg-component@8.0.0':
+    resolution: {integrity: sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-preset@8.1.0':
+    resolution: {integrity: sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/core@8.1.0':
+    resolution: {integrity: sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==}
+    engines: {node: '>=14'}
+
+  '@svgr/hast-util-to-babel-ast@8.0.0':
+    resolution: {integrity: sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==}
+    engines: {node: '>=14'}
+
+  '@svgr/plugin-jsx@8.1.0':
+    resolution: {integrity: sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@svgr/core': '*'
+
+  '@svgr/plugin-svgo@8.1.0':
+    resolution: {integrity: sha512-Ywtl837OGO9pTLIN/onoWLmDQ4zFUycI1g76vuKGEz6evR/ZTJlJuz3G/fIkb6OVBJ2g0o6CGJzaEjfmEo3AHA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@svgr/core': '*'
+
+  '@svgr/webpack@8.1.0':
+    resolution: {integrity: sha512-LnhVjMWyMQV9ZmeEy26maJk+8HTIbd59cH4F2MJ439k9DqejRisfFNGAPvRYlKETuh9LrImlS8aKsBgKjMA8WA==}
+    engines: {node: '>=14'}
+
+  '@szmarczak/http-timer@4.0.6':
+    resolution: {integrity: sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==}
+    engines: {node: '>=10'}
+
+  '@testcontainers/postgresql@12.0.4':
+    resolution: {integrity: sha512-a/pLU6j5lpKKAlUTPwqweqMGhOSjgTSb6HBX69TOrXn32ifU37nnQDmNFTj8ddOAw+BQL9oTRkeOxVbZkqhgZA==}
+
+  '@testing-library/dom@10.4.1':
+    resolution: {integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==}
+    engines: {node: '>=18'}
+
+  '@testing-library/jest-dom@6.9.1':
+    resolution: {integrity: sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+
+  '@testing-library/jest-dom@7.0.0':
+    resolution: {integrity: sha512-HKAH9C6mBo5yBG6yRO5i43L2iisencAo5z+o5P/saHUoY+miC5ivXRxHBJcFyB5ypPNxHJdK3BoF/3O4DIptMg==}
+    engines: {node: '>=22', npm: '>=6', yarn: '>=1'}
+    peerDependencies:
+      '@testing-library/dom': '>=10 <11'
+
+  '@testing-library/react@16.3.2':
+    resolution: {integrity: sha512-XU5/SytQM+ykqMnAnvB2umaJNIOsLF3PVv//1Ew4CTcpz0/BRyy/af40qqrt7SjKpDdT1saBMc42CUok5gaw+g==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@testing-library/dom': ^10.0.0
+      '@types/react': ^19.2.10
+      '@types/react-dom': ^19.2.3
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@testing-library/user-event@14.6.1':
+    resolution: {integrity: sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@testing-library/dom': '>=7.21.4'
+
+  '@tufjs/canonical-json@2.0.0':
+    resolution: {integrity: sha512-yVtV8zsdo8qFHe+/3kw81dSLyF7D576A5cCFCi4X7B39tWT7SekaEFUnvnWJHz+9qO7qJTah1JbrDjWKqFtdWA==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+
+  '@tufjs/models@5.0.0':
+    resolution: {integrity: sha512-U4mVcdFGOi6pt8n38LdWZp67Svn7ppnU1Pj8SGOVaBi1X4gm+G4ztQlLfkoJbKSHfjA6WeaiJp2A4V83AJF6nQ==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  '@tybys/wasm-util@0.10.3':
+    resolution: {integrity: sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==}
+
+  '@tybys/wasm-util@0.9.0':
+    resolution: {integrity: sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==}
+
+  '@types/argparse@1.0.38':
+    resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==}
+
+  '@types/aria-query@5.0.4':
+    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
+
+  '@types/auto-launch@5.0.5':
+    resolution: {integrity: sha512-/nGvQZSzM/pvCMCh4Gt2kIeiUmOP/cKGJbjlInI+A+5MoV/7XmT56DJ6EU8bqc3+ItxEe4UC2GVspmPzcCc8cg==}
+
+  '@types/babel__core@7.20.5':
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+
+  '@types/babel__generator@7.27.0':
+    resolution: {integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==}
+
+  '@types/babel__template@7.4.4':
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+
+  '@types/babel__traverse@7.28.0':
+    resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
+
+  '@types/body-parser@1.19.6':
+    resolution: {integrity: sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==}
+
+  '@types/bonjour@3.5.13':
+    resolution: {integrity: sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==}
+
+  '@types/cacheable-request@6.0.3':
+    resolution: {integrity: sha512-IQ3EbTzGxIigb1I3qPZc1rWJnH0BmSKv5QYTalEwweFvyBDLSAe24zP0le/hyi7ecGfZVlIVAg4BZqb8WBwKqw==}
+
+  '@types/chai@5.2.3':
+    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+
+  '@types/commonmark@0.27.10':
+    resolution: {integrity: sha512-iEZobUnvlM+UX5fXWCmC4eQXwCs01Z8Xa1W0VjiWUF/XsNy4BHtskqJ9MyLZVMHbA0ezhyonCDqz3hMvsCm6Hg==}
+
+  '@types/connect-history-api-fallback@1.5.4':
+    resolution: {integrity: sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==}
+
+  '@types/connect@3.4.38':
+    resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
+
+  '@types/counterpart@0.18.4':
+    resolution: {integrity: sha512-aqBg5oAGo/qh/+wxUfuMadDu2WO0MEWOblyzwaM1Ske2xilUxBfgPqapAFVAfrVTDMVwa0UMarzGot8m64IAzA==}
+
+  '@types/css-tree@2.3.11':
+    resolution: {integrity: sha512-aEokibJOI77uIlqoBOkVbaQGC9zII0A+JH1kcTNKW2CwyYWD8KM6qdo+4c77wD3wZOQfJuNWAr9M4hdk+YhDIg==}
+
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-axis@3.0.6':
+    resolution: {integrity: sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==}
+
+  '@types/d3-brush@3.0.6':
+    resolution: {integrity: sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==}
+
+  '@types/d3-chord@3.0.6':
+    resolution: {integrity: sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-contour@3.0.6':
+    resolution: {integrity: sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==}
+
+  '@types/d3-delaunay@6.0.4':
+    resolution: {integrity: sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==}
+
+  '@types/d3-dispatch@3.0.7':
+    resolution: {integrity: sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==}
+
+  '@types/d3-drag@3.0.7':
+    resolution: {integrity: sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==}
+
+  '@types/d3-dsv@3.0.7':
+    resolution: {integrity: sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-fetch@3.0.7':
+    resolution: {integrity: sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==}
+
+  '@types/d3-force@3.0.10':
+    resolution: {integrity: sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==}
+
+  '@types/d3-format@3.0.4':
+    resolution: {integrity: sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==}
+
+  '@types/d3-geo@3.1.0':
+    resolution: {integrity: sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==}
+
+  '@types/d3-hierarchy@3.1.7':
+    resolution: {integrity: sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-polygon@3.0.2':
+    resolution: {integrity: sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==}
+
+  '@types/d3-quadtree@3.0.6':
+    resolution: {integrity: sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==}
+
+  '@types/d3-random@3.0.3':
+    resolution: {integrity: sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==}
+
+  '@types/d3-scale-chromatic@3.1.0':
+    resolution: {integrity: sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-selection@3.0.11':
+    resolution: {integrity: sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==}
+
+  '@types/d3-shape@3.1.8':
+    resolution: {integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==}
+
+  '@types/d3-time-format@4.0.3':
+    resolution: {integrity: sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
+  '@types/d3-transition@3.0.9':
+    resolution: {integrity: sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==}
+
+  '@types/d3-zoom@3.0.8':
+    resolution: {integrity: sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==}
+
+  '@types/d3@7.4.3':
+    resolution: {integrity: sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==}
+
+  '@types/debug@4.1.13':
+    resolution: {integrity: sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==}
+
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
+  '@types/diff-match-patch@1.0.36':
+    resolution: {integrity: sha512-xFdR6tkm0MWvBfO8xXCSsinYxHcqkQUlcHeSpMC2ukzOb6lwQAfDmW+Qt0AvlGd8HpsS28qKsB+oPeJn9I39jg==}
+
+  '@types/docker-modem@3.0.6':
+    resolution: {integrity: sha512-yKpAGEuKRSS8wwx0joknWxsmLha78wNMe9R2S3UNsVOkZded8UqOrV8KoeDXoXsjndxwyF3eIhyClGbO1SEhEg==}
+
+  '@types/dockerode@4.0.1':
+    resolution: {integrity: sha512-cmUpB+dPN955PxBEuXE3f6lKO1hHiIGYJA46IVF3BJpNsZGvtBDcRnlrHYHtOH/B6vtDOyl2kZ2ShAu3mgc27Q==}
+
+  '@types/doctrine@0.0.9':
+    resolution: {integrity: sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==}
+
+  '@types/escape-html@1.0.4':
+    resolution: {integrity: sha512-qZ72SFTgUAZ5a7Tj6kf2SHLetiH5S6f8G5frB2SPQ3EyF02kxdyBFf4Tz4banE3xCgGnKgWLt//a6VuYHKYJTg==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/estree@1.0.9':
+    resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
+
+  '@types/events@3.0.3':
+    resolution: {integrity: sha512-trOc4AAUThEz9hapPtSd7wf5tiQKvTtu5b371UxXdTuqzIh0ArcRspRP0i0Viu+LXstIQ1z96t1nsPxT9ol01g==}
+
+  '@types/express-serve-static-core@5.1.1':
+    resolution: {integrity: sha512-v4zIMr/cX7/d2BpAEX3KNKL/JrT1s43s96lLvvdTmza1oEvDudCqK9aF/djc/SWgy8Yh0h30TZx5VpzqFCxk5A==}
+
+  '@types/express@5.0.6':
+    resolution: {integrity: sha512-sKYVuV7Sv9fbPIt/442koC7+IIwK5olP1KWeD88e/idgoJqDm3JV/YUiPwkoKK92ylff2MGxSz1CSjsXelx0YA==}
+
+  '@types/file-saver@2.0.7':
+    resolution: {integrity: sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==}
+
+  '@types/fs-extra@9.0.13':
+    resolution: {integrity: sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==}
+
+  '@types/geojson@7946.0.16':
+    resolution: {integrity: sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==}
+
+  '@types/glob-to-regexp@0.4.4':
+    resolution: {integrity: sha512-nDKoaKJYbnn1MZxUY0cA1bPmmgZbg0cTq7Rh13d0KWYNOiKbqoR+2d89SnRPszGh7ROzSwZ/GOjZ4jPbmmZ6Eg==}
+
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
+  '@types/hoist-non-react-statics@3.3.7':
+    resolution: {integrity: sha512-PQTyIulDkIDro8P+IHbKCsw7U2xxBYflVzW/FgWdCAePD9xGSidgA76/GeJ6lBKoblyhf9pBY763gbrN+1dI8g==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+
+  '@types/html-minifier-terser@6.1.0':
+    resolution: {integrity: sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==}
+
+  '@types/http-cache-semantics@4.2.0':
+    resolution: {integrity: sha512-L3LgimLHXtGkWikKnsPg0/VFx9OGZaC+eN1u4r+OB1XRqH3meBIAVC2zr1WdMH+RHmnRkqliQAOHNJ/E0j/e0Q==}
+
+  '@types/http-errors@2.0.5':
+    resolution: {integrity: sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==}
+
+  '@types/istanbul-lib-coverage@2.0.6':
+    resolution: {integrity: sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==}
+
+  '@types/istanbul-lib-report@3.0.3':
+    resolution: {integrity: sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==}
+
+  '@types/istanbul-reports@3.0.4':
+    resolution: {integrity: sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==}
+
+  '@types/jest@30.0.0':
+    resolution: {integrity: sha512-XTYugzhuwqWjws0CVz8QpM36+T+Dz5mTEBKhNs/esGLnCIlGdRy+Dq78NRjd7ls7r8BC8ZRMOrKlkO1hU0JOwA==}
+
+  '@types/jitsi-meet@2.0.5':
+    resolution: {integrity: sha512-rlYDoTolCfuvgU/Zg936+jIJHvMSXIH2l9bHkBVH3J3WzSECwsVu9LbhUc5FTXtFy1uENXwTxVVtQqCs7WiDkA==}
+
+  '@types/jsdom@21.1.7':
+    resolution: {integrity: sha512-yOriVnggzrnQ3a9OKOCxaVuSug3w3/SbOj5i7VwXWZEyUNl3bLF9V3MfxGbZKuwqJOQyRfqXyROBB1CoZLFWzA==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/jsrsasign@10.5.15':
+    resolution: {integrity: sha512-3stUTaSRtN09PPzVWR6aySD9gNnuymz+WviNHoTb85dKu+BjaV4uBbWWGykBBJkfwPtcNZVfTn2lbX00U+yhpQ==}
+
+  '@types/keyv@3.1.4':
+    resolution: {integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
+
+  '@types/linkify-it@5.0.0':
+    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
+
+  '@types/lodash-es@4.17.12':
+    resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
+
+  '@types/lodash@4.17.24':
+    resolution: {integrity: sha512-gIW7lQLZbue7lRSWEFql49QJJWThrTFFeIMJdp3eH4tKoxm1OvEPg02rm4wCCSHS0cL3/Fizimb35b7k8atwsQ==}
+
+  '@types/markdown-it@14.1.2':
+    resolution: {integrity: sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==}
+
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/mdurl@2.0.0':
+    resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
+
+  '@types/mdx@2.0.14':
+    resolution: {integrity: sha512-T48PeuJtvLosNTPVhfnIp3i/n3a4g4Bad7YCq5k64D4u7NwDrAotikQ+5+sjtUvBmxCMlbo3dVL+C2dP0rWHzg==}
+
+  '@types/minimist@1.2.5':
+    resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==}
+
+  '@types/modernizr@3.5.6':
+    resolution: {integrity: sha512-yslwR0zZ3zAT1qXcCPxIcD23CZ6W6nKsl6JufSJHAmdwOBuYwCVJkaMsEo9yzxGV7ATfoX8S+RgtnajOEtKxYA==}
+
+  '@types/ms@2.1.0':
+    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
+
+  '@types/node-fetch@2.6.13':
+    resolution: {integrity: sha512-QGpRVpzSaUs30JBSGPjOg4Uveu384erbHBoT1zeONvyCfwQxIkUshLAOqN/k9EjGviPRmWTTe6aH2qySWKTVSw==}
+
+  '@types/node@25.9.3':
+    resolution: {integrity: sha512-603BddQMv3pUcr4U2dhujk83N2tTDVr/34wII2B6bJy6g+8WD6yUb11jszNs0gdi4PesVWl7ABt8nYMVpnLUcg==}
+
+  '@types/npm-package-arg@6.1.4':
+    resolution: {integrity: sha512-vDgdbMy2QXHnAruzlv68pUtXCjmqUk3WrBAsRboRovsOmxbfn/WiYCjmecyKjGztnMps5dWp4Uq2prp+Ilo17Q==}
+
+  '@types/npm-registry-fetch@8.0.9':
+    resolution: {integrity: sha512-7NxvodR5Yrop3pb6+n8jhJNyzwOX0+6F+iagNEoi9u1CGxruYAwZD8pvGc9prIkL0+FdX5Xp0p80J9QPrGUp/g==}
+
+  '@types/npmlog@7.0.0':
+    resolution: {integrity: sha512-hJWbrKFvxKyWwSUXjZMYTINsSOY6IclhvGOZ97M8ac2tmR9hMwmTnYaMdpGhvju9ctWLTPhCS+eLfQNluiEjQQ==}
+
+  '@types/pacote@11.1.8':
+    resolution: {integrity: sha512-/XLR0VoTh2JEO0jJg1q/e6Rh9bxjBq9vorJuQmtT7rRrXSiWz7e7NsvXVYJQ0i8JxMlBMPPYDTnrRe7MZRFA8Q==}
+
+  '@types/parse-json@4.0.2':
+    resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==}
+
+  '@types/picomatch@4.0.2':
+    resolution: {integrity: sha512-qHHxQ+P9PysNEGbALT8f8YOSHW0KJu6l2xU8DYY0fu/EmGxXdVnuTLvFUvBgPJMSqXq29SYHveejeAha+4AYgA==}
+
+  '@types/png-chunks-extract@1.0.2':
+    resolution: {integrity: sha512-z6djfFIbrrddtunoMJBOPlyZrnmeuG1kkvHUNi2QfpOb+JMMLuLliHHTmMyRi7k7LiTAut0HbdGCF6ibDtQAHQ==}
+
+  '@types/postcss-import@14.0.3':
+    resolution: {integrity: sha512-raZhRVTf6Vw5+QbmQ7LOHSDML71A5rj4+EqDzAbrZPfxfoGzFxMHRCq16VlddGIZpHELw0BG4G0YE2ANkdZiIQ==}
+
+  '@types/qrcode@1.5.6':
+    resolution: {integrity: sha512-te7NQcV2BOvdj2b1hCAHzAoMNuj65kNBMz0KBaxM6c3VGBOhU0dURQKOtH8CFNI/dsKkwlv32p26qYQTWoB5bw==}
+
+  '@types/qs@6.15.1':
+    resolution: {integrity: sha512-GZHUBZR9hckSUhrxmp1nG6NwdpM9fCunJwyThLW1X3AyHgd9IlHb6VANpQQqDr2o/qQp6McZ3y/IA2rVzKzSbw==}
+
+  '@types/range-parser@1.2.7':
+    resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==}
+
+  '@types/react-beautiful-dnd@13.1.8':
+    resolution: {integrity: sha512-E3TyFsro9pQuK4r8S/OL6G99eq7p8v29sX0PM7oT8Z+PJfZvSQTx4zTQbUJ+QZXioAF0e7TGBEcA1XhYhCweyQ==}
+
+  '@types/react-dom@19.2.3':
+    resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+
+  '@types/react-redux@7.1.34':
+    resolution: {integrity: sha512-GdFaVjEbYv4Fthm2ZLvj1VSCedV7TqE5y1kNwnjSdBOTXuRSgowux6J8TAct15T3CKBr63UMk+2CO7ilRhyrAQ==}
+
+  '@types/react-transition-group@4.4.12':
+    resolution: {integrity: sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+
+  '@types/react@19.2.18':
+    resolution: {integrity: sha512-AnzbBERsrLKtk2XSfTbYRLjQPdy116Sty4q+T+Bp3IC4l6jNBvreVPAHmpq9qhXQM7CXZPjLVmGMw9sy+hxQ3w==}
+
+  '@types/resolve@1.20.6':
+    resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
+
+  '@types/responselike@1.0.3':
+    resolution: {integrity: sha512-H/+L+UkTV33uf49PH5pCAUBVPNj2nDBXTN+qS1dOwyyg24l3CcicicCA7ca+HMvJBZcFgl5r8e+RR6elsb4Lyw==}
+
+  '@types/sanitize-html@2.16.1':
+    resolution: {integrity: sha512-n9wjs8bCOTyN/ynwD8s/nTcTreIHB1vf31vhLMGqUPNHaweKC4/fAl4Dj+hUlCTKYgm4P3k83fmiFfzkZ6sgMA==}
+
+  '@types/sdp-transform@3.0.0':
+    resolution: {integrity: sha512-TLwbrRILH3mwnrXgjZLb2LXursBR/dnumGgFWKm8Jw3nTJCAN0g80pvS4KVpXHz4DpYtne762lcXin9GmShGbg==}
+
+  '@types/seedrandom@3.0.8':
+    resolution: {integrity: sha512-TY1eezMU2zH2ozQoAFAQFOPpvP15g+ZgSfTZt31AUUH/Rxtnz3H+A/Sv1Snw2/amp//omibc+AEkTaA8KUeOLQ==}
+
+  '@types/semver@7.7.1':
+    resolution: {integrity: sha512-FmgJfu+MOcQ370SD0ev7EI8TlCAfKYU+B4m5T3yXc1CiRN94g/SZPtsCkk506aUDtlMnFZvasDwHHUcZUEaYuA==}
+
+  '@types/send@1.2.1':
+    resolution: {integrity: sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==}
+
+  '@types/serve-index@1.9.4':
+    resolution: {integrity: sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==}
+
+  '@types/serve-static@2.2.0':
+    resolution: {integrity: sha512-8mam4H1NHLtu7nmtalF7eyBH14QyOASmcxHhSfEoRyr0nP/YdoesEtU+uSRvMe96TW/HPTtkoKqQLl53N7UXMQ==}
+
+  '@types/ssh2-streams@0.1.13':
+    resolution: {integrity: sha512-faHyY3brO9oLEA0QlcO8N2wT7R0+1sHWZvQ+y3rMLwdY1ZyS1z0W3t65j9PqT4HmQ6ALzNe7RZlNuCNE0wBSWA==}
+
+  '@types/ssh2@0.5.52':
+    resolution: {integrity: sha512-lbLLlXxdCZOSJMCInKH2+9V/77ET2J6NPQHpFI0kda61Dd1KglJs+fPQBchizmzYSOJBgdTajhPqBO1xxLywvg==}
+
+  '@types/ssh2@1.15.5':
+    resolution: {integrity: sha512-N1ASjp/nXH3ovBHddRJpli4ozpk6UdDYIX4RJWFa9L1YKnzdhTlVmiGHm4DZnj/jLbqZpes4aeR30EFGQtvhQQ==}
+
+  '@types/ssri@7.1.5':
+    resolution: {integrity: sha512-odD/56S3B51liILSk5aXJlnYt99S6Rt9EFDDqGtJM26rKHApHcwyU/UoYHrzKkdkHMAIquGWCuHtQTbes+FRQw==}
+
+  '@types/stack-utils@2.0.3':
+    resolution: {integrity: sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==}
+
+  '@types/supercluster@7.1.3':
+    resolution: {integrity: sha512-Z0pOY34GDFl3Q6hUFYf3HkTwKEE02e7QgtJppBt+beEAxnyOpJua+voGFvxINBHa06GwLFFym7gRPY2SiKIfIA==}
+
+  '@types/tar-js@0.3.5':
+    resolution: {integrity: sha512-resGa1LAQLXI1tKDWnggDn7+o6fL4dZo7a8FcQKctBzC937UYp9iogiQonLElYduhzBarUUsMe/ntx/++xYgAA==}
+
+  '@types/tough-cookie@4.0.5':
+    resolution: {integrity: sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==}
+
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
+  '@types/ua-parser-js@0.7.39':
+    resolution: {integrity: sha512-P/oDfpofrdtF5xw433SPALpdSchtJmY7nsJItf8h3KXqOslkbySh8zq4dSWXH2oTjRvJ5PczVEoCZPow6GicLg==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@types/web-bluetooth@0.0.21':
+    resolution: {integrity: sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==}
+
+  '@types/whatwg-mimetype@3.0.2':
+    resolution: {integrity: sha512-c2AKvDT8ToxLIOUlN51gTiHXflsfIFisS4pO7pDPoKouJCESkhZnEy623gwP9laCy5lnLDAw1vAzu2vM2YLOrA==}
+
+  '@types/ws@8.18.1':
+    resolution: {integrity: sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==}
+
+  '@types/yargs-parser@21.0.3':
+    resolution: {integrity: sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==}
+
+  '@types/yargs@17.0.35':
+    resolution: {integrity: sha512-qUHkeCyQFxMXg79wQfTtfndEC+N9ZZg76HJftDJp+qH2tV7Gj4OJi7l+PiWwJ+pWtW8GwSmqsDj/oymhrTWXjg==}
+
+  '@typescript-eslint/project-service@8.66.0':
+    resolution: {integrity: sha512-7MthGPTt4BP69lSryqpqq8HQqxuzynssckL/jyDyk3+TNMQ3y2jFWkptCrktWvBrP+EH787Nl5N5Qpw7WZg+5g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/scope-manager@8.66.0':
+    resolution: {integrity: sha512-8TGcH25j9zqJ/IULB/ppyhRvxA8QYfFEZ7nfbg6/BN9spDgb8fPWQXlE5l8TWBL50EtUx007uZ1o9VOwrq2/9g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/tsconfig-utils@8.66.0':
+    resolution: {integrity: sha512-9D5gLYZG4rOjcoag8MQ/fWI8WqA9wcPDyOGyWtWFhvM1lHRbliqUSPIY5J3zqCU1tvSwzXxnnjhQhz5Ne7mJ4g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/types@8.66.0':
+    resolution: {integrity: sha512-H6gcYaSDOyvL3AD/jHUtUFo2jqGgn/F6nuyuZSu0QTesxL+cP4dQoIMrODRofuJC09g64+WgZ6tE19Y1N2YIFQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.66.0':
+    resolution: {integrity: sha512-8/x4INiiQb10jGgXYD7116/zQ+OL84ZIFn0za68wwFHCanT/VLbBEroWht8RV8fn0/ZCAoazHLQgwUC0UQcDfg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/utils@8.66.0':
+    resolution: {integrity: sha512-jasearZPolBw5NJNYGMwxzHMF83niVWmMU1VdHzG1CyfI2VS7f7nZltnKtHcg20hW+7Uo5GfK4MeDPoU3qI8EA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/visitor-keys@8.66.0':
+    resolution: {integrity: sha512-dkKR8q+lKciskj1Y3vthHktl+3cMLWGyVUP23bRiPZ5O9BRT++4EqDDV+TVeIKBL1VXVEqrJlz8MYbcnvJcAlg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript/typescript-aix-ppc64@7.0.2':
+    resolution: {integrity: sha512-MTKKkWB7p/0E9xi1d1tHtZ5PiLkGEMIq88pK2CubZjOsLtYTLqhgIgi6zepFa+9GHZ6h05NMCkQxGKiPXMxXtQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@typescript/typescript-darwin-arm64@7.0.2':
+    resolution: {integrity: sha512-gowzar9MwS/aRWp6f3a4KUqzRjAZjOsmGNCM6LcTgXum+dBfgsBVMN+AgvOCCbguXyick6LJhpBszxMebJ8syA==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@typescript/typescript-darwin-x64@7.0.2':
+    resolution: {integrity: sha512-SZ9xZInqApNlNGc9s0W1VSsktYSOe9cFqNOIqmN1Gs8SmkjKZYFt017G4VwPxASInODuAdbTW7sXiFUf893RgA==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@typescript/typescript-freebsd-arm64@7.0.2':
+    resolution: {integrity: sha512-W5NH4y/J0plIIS5b2xvTEkU7JFxyqdMAOgf+Ilhl0vHQXKO5dZoxd+C/jEtq56c4F3wk71RB4BMRQ2XdI+bwYQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@typescript/typescript-freebsd-x64@7.0.2':
+    resolution: {integrity: sha512-UMGDx5sTpzNw3WiPebH7l90IWfJggEd+egHt/q6p7/Cm3zqoV7VxkGXt+3DxPIw8CcmvAB0j3sVVfbhX+M4Tpw==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@typescript/typescript-linux-arm64@7.0.2':
+    resolution: {integrity: sha512-Qh4eU4/y3yDjnfjjyPYihMj5/ODIlmt+Bzu17OI+fiSRDW57QmU5SiN63exPRNJPKUzcc1INa1NXdrJ+MqHjUQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@typescript/typescript-linux-arm@7.0.2':
+    resolution: {integrity: sha512-gffT3xPz9sR7j/YJExkyPntrI0P2EP9XbOyWzth2/Gs0RstK+90RBcO0ncXoXy/beYll1SXw846Nf2zdnEz0QQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm]
+    os: [linux]
+
+  '@typescript/typescript-linux-loong64@7.0.2':
+    resolution: {integrity: sha512-uEHck9i8hoAzXPiYRib1O7miOnz23SxIeVl6F4LXox+qov1K35jHcEW6VHKvZI+pyvl7fZEP4MCU5LYvIq1GuQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@typescript/typescript-linux-mips64el@7.0.2':
+    resolution: {integrity: sha512-R4KvAMnE43W5Qeqb0Ly56O3mWMWIAgsMyz36DCaycd5nbg/9kzm0liw3JocfRqyJY0KPmzFjbswozXyW0DnIYA==}
+    engines: {node: '>=16.20.0'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@typescript/typescript-linux-ppc64@7.0.2':
+    resolution: {integrity: sha512-DORx5b3sd/4S7eayxm4FQv+A7CrkUIGRaHiwI8oiHTAI1fAPWhF4J0vAlkC8biAlHSVVwxMQ3tjZ2/DVbnQiiA==}
+    engines: {node: '>=16.20.0'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@typescript/typescript-linux-riscv64@7.0.2':
+    resolution: {integrity: sha512-wf0jqEDOjrPRnKwYRyyJDRo11KMbvMFrU+q4zqKyChODBzvlkbhNQfKvLxQCcwTpdDaXSHZTVuh0JoCrKCUMHQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@typescript/typescript-linux-s390x@7.0.2':
+    resolution: {integrity: sha512-IkwJc3L7yhytWd/ewjyxNDfOmswCm9GWMJT/ue/dU4aZNbwZeYAetq42VyLmsmSjvoX7z74X6ZaYCtzAr0EuGw==}
+    engines: {node: '>=16.20.0'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@typescript/typescript-linux-x64@7.0.2':
+    resolution: {integrity: sha512-EYdf2cNg7rgCWJnxCdJ+F3V39O8ihb37eHAu1LK8oAFizgTQbPOK7zHHXbPt8rX24COqODXeI3sIf0fCXG7H/A==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@typescript/typescript-netbsd-arm64@7.0.2':
+    resolution: {integrity: sha512-+polYF4MF04aPpO5FTkHran9yUQDSXqy5GiSDKpsll5jy3l3+g9QLhpf39T+ePtefhXLOGrLl0QIjkQP6VnelA==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@typescript/typescript-netbsd-x64@7.0.2':
+    resolution: {integrity: sha512-8YIT0EHM/3dq10ZOVF/A7pc/YSMtbcecct4rWtexrnSCHOPcpC2KTLXfTCR6vDpnSiY12heNb1GiN/wu+T/FyA==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@typescript/typescript-openbsd-arm64@7.0.2':
+    resolution: {integrity: sha512-APT8+ClYnuYm1u9+kgGXoMj2VzWzcymwh2gNSQVySHfkRDGOTVkoWLjCmOQSaO+PoqQ57B0flRp9SA+7GnnkzQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@typescript/typescript-openbsd-x64@7.0.2':
+    resolution: {integrity: sha512-yX7s+Q0Dln0Dt9tEzZsAjXXR/+ytBM7AlglaqyeMPxQszJ1JhlJdZ6jLA+IzldHtflX81em7lDao1xXu+aRRkg==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@typescript/typescript-sunos-x64@7.0.2':
+    resolution: {integrity: sha512-dLJDGaLZ1D4HPQn62u1n8mBDkJREwMsAkCdkwd4Ieqw+x3TUyTsqY0YiBCtE6H6OzzgGk3iuZ3vFWRS+E8/d1g==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@typescript/typescript-win32-arm64@7.0.2':
+    resolution: {integrity: sha512-Gyl1Vy6OsWesLzmq+EP0Fb7b4Nid5232AvcA2SFcdYreldpNtYFFofPjnt62y9hQy7VTaZp65ICJjuAQRaVcIQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@typescript/typescript-win32-x64@7.0.2':
+    resolution: {integrity: sha512-0BQ3HkAHHlKLSp1qRvf3SUhGpGsDuhB/jgFw75guyqbxJqEaS0Cw/VFO8i2nHglJUzQCRtMMR/IBAKE3ETMC4g==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@typescript/typescript6@6.0.2':
+    resolution: {integrity: sha512-mbCddXd+jm7hfx7w2YU64/Av4/NqqeG3GoRZgxPcgoTxYjhrcfJRw9ULch71SS4G+Q3bOXFhRvPqjguN0Hyp5w==}
+    hasBin: true
+
+  '@ungap/structured-clone@1.3.3':
+    resolution: {integrity: sha512-60YRaenCQcVjYEKOcG824+DRGGIQ3VKErcBoAEDJZz5bKIs2ZG+X/H9Nk+Q6EVkwJk5QNApxbrc5QtBSwtrXAg==}
+
+  '@unrs/resolver-binding-android-arm-eabi@1.12.2':
+    resolution: {integrity: sha512-g5T90pqg1bo/7mytQx6F4iBNC0Wsh9cu+z9veDbFjc7HjpesJFWD7QMS0NGStXM075+7dJPPVvBbpZlnrdpi/w==}
+    cpu: [arm]
+    os: [android]
+
+  '@unrs/resolver-binding-android-arm64@1.12.2':
+    resolution: {integrity: sha512-YGCRZv/9GLhwmz6mYDeTsm/92BAyR28l6c2ReweVW5pWgfsitWLY8upvfRlGdoyD8HjeTHSYJWyZGD4KJA/nFQ==}
+    cpu: [arm64]
+    os: [android]
+
+  '@unrs/resolver-binding-darwin-arm64@1.12.2':
+    resolution: {integrity: sha512-u9DiNT1auQMO20A9SyTuG3wUgQWB9Z7KjAg0uFuCDR1FsAY8A0CG2S6JpHS1xwm/w1G08bjXZDcyOCjv1WAm2w==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@unrs/resolver-binding-darwin-x64@1.12.2':
+    resolution: {integrity: sha512-f7rPLi/T1HVKZu/u6t87lroib16n8vrSzcyxI7lg4BGO9UF26KhQL44sd9eOUgrTYhvRXtWOIZT5PejdPyJfUA==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@unrs/resolver-binding-freebsd-x64@1.12.2':
+    resolution: {integrity: sha512-BpcOjWCJub6nRZUS2zA20pmLvjtqAtGejETaIyRLiZiQf++cbrjltLA5NN/xaXfqeOBOSlMFbemIl5/S5tljmg==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.12.2':
+    resolution: {integrity: sha512-vZTDvdSISZjJx66OzJqtsOhzifbqRjbmI1Mnu49fQDwog5GtDI4QidRiEAYbZCRj9C8YZEW+3ZjqsyS9GR4k2A==}
+    cpu: [arm]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.12.2':
+    resolution: {integrity: sha512-BiPI+IrIlwcW4nLLMM21+B1dFPzd55yAVgVGrdgDjNef+ch03GdxrcyaIz8X9SsQirh/kCQ7mviyWlMxdh2D7g==}
+    cpu: [arm]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-arm64-gnu@1.12.2':
+    resolution: {integrity: sha512-zJc0H99FEPoFfSrNpa91HYfxzfAJCr502oxNK1cfdC9hlaFI43RT+JFCann9JUgZmLzzntChHyn13Sgn9ljHNg==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-arm64-musl@1.12.2':
+    resolution: {integrity: sha512-KQ3Lki6l+Pz1k/eBipN41ES+YUK30beLGb9YqcB1O542cyLCNE6GaxrfcY3T6EezmGGk84wb5XyO9loTM9tkcA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-linux-loong64-gnu@1.12.2':
+    resolution: {integrity: sha512-3SJGEh1DborhG6pyxvhPzCT4bbSIVihsvgJc13P1bHG7KLdNDaF9T3gsTwFc7Jw/5Y5/iWOjkEx7Zy0NvCGX3Q==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-loong64-musl@1.12.2':
+    resolution: {integrity: sha512-jiuG/Obbel7uw1PwHNFfrkiKhLAF6mnyZ6aWlOAVN9WqKm8v0OFGnciJIHu8+CMvXLQ8AD51LPzAoUfT21D5Ew==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.12.2':
+    resolution: {integrity: sha512-q7xRvVpmcfeL+LlZg8Pbbo6QaTZwDU5BaGZbwfhkEsXJn3Was8xYfE0RBH266xZt0rM6B7i8xAYIvjthuUIWHg==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.12.2':
+    resolution: {integrity: sha512-0CVdx6lcnT3Q9inOH8tsMIOJ6ImndllMjqJHg8RLVdB7Vq4SfkEXl9mCSsVNuNA4MCYycRicCUxPCabVHJRr6A==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-riscv64-musl@1.12.2':
+    resolution: {integrity: sha512-iOwlRo9vnp6R6ohHQS11n0NnfdXx/omhkocmIfaPRpQhKZ+3BDMkkdRVh53qjkFkpPddf+FETA28NwGN7l5l+w==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-linux-s390x-gnu@1.12.2':
+    resolution: {integrity: sha512-HYJtLfXq94q8iZNFT1lknx258wlkkWhZeUXJRqzKBBUJ00CvZ+N33zgbCqimLjsyw5Va6uUxhVa12mI+kaveEw==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-x64-gnu@1.12.2':
+    resolution: {integrity: sha512-mPsUhunKKDih5O96Y6enDQyHc1SqBPlY1E/SfMWDM3EdJ95Z9CArPeCVwCCqbP45ljvivdEk8Fxn+SIb1rDAJQ==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-x64-musl@1.12.2':
+    resolution: {integrity: sha512-azrt6+5ydLd8Vt210AAFis/lZevSfPw93EJRIJG+xPu4WCJ8K0kppCTpMyLPcKT7H15M4Jnt2tMp5bOvCkRC6A==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-openharmony-arm64@1.12.2':
+    resolution: {integrity: sha512-YZ9hP4O0X9PQb8eO980qmLNGH4zT3I9+SZTdt0Pr0YyuGQhYKoOZkV02VzrzyOZJ5xIJ3UFIenKkUkGg8GjgWQ==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@unrs/resolver-binding-wasm32-wasi@1.12.2':
+    resolution: {integrity: sha512-tYFDIkMxSflfEc/h92ZWNsZlHSwgimbNHSO3PL2JWQHfCuC2q316jMyYU9TIWZsFK2bQwyK5VAdYgn8ygPj69A==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@unrs/resolver-binding-win32-arm64-msvc@1.12.2':
+    resolution: {integrity: sha512-qzNyg3xL0VPQmCaUh+N5jSitce6k+uCBfMDesWRnlULOZaqUkaJ0ybdT+UqlAWJoQjuqfIU/0Ptx9bteN4D82g==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@unrs/resolver-binding-win32-ia32-msvc@1.12.2':
+    resolution: {integrity: sha512-WD9sY00OfpHVGfsnHZoA8jVT+esS/Bg8z8jzxp5BnDCjjwsuKsPQrzswwpFy4J1AUJbXPRfkpcX0mXrzeXW79g==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@unrs/resolver-binding-win32-x64-msvc@1.12.2':
+    resolution: {integrity: sha512-nAB74NfSNKknqQ1RrYj6uz8FcXEomu/MATJZxh/x+BArzN2U3JbOYC0APYzUIGhVY3m5hRxA8VPNdPBoG8txlA==}
+    cpu: [x64]
+    os: [win32]
+
+  '@upsetjs/venn.js@2.0.0':
+    resolution: {integrity: sha512-WbBhLrooyePuQ1VZxrJjtLvTc4NVfpOyKx0sKqioq9bX1C1m7Jgykkn8gLrtwumBioXIqam8DLxp88Adbue6Hw==}
+
+  '@vector-im/compound-design-tokens@10.2.1':
+    resolution: {integrity: sha512-N8to81u7qVYRgQiMr8Fr1mM+s6ZHRsiGpXLFJiHTP4YDyc7vXW6MBUVuUaUGFcbmxq76lqPaZt2AsnD2barn6Q==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^17 || ^18 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      react:
+        optional: true
+
+  '@vector-im/compound-web@10.0.0':
+    resolution: {integrity: sha512-Gdxi+MjOTds1QwXw1bFy6NQnTgynNeSCmmOS7Q9c7pogaZQlpEYaEu6mPXww6T6TwBRgK7MNDXvF3k5C8h653Q==}
+    peerDependencies:
+      '@fontsource/inconsolata': ^5
+      '@fontsource/inter': ^5
+      '@types/react': ^19.2.10
+      '@vector-im/compound-design-tokens': '>=1.6.1 <11.0.0'
+      react: ^18 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@vector-im/compound-web@9.9.0':
+    resolution: {integrity: sha512-GjAEhzB/mt9MA7Y1ySe6/AlW26vodDu4hvTi1ThB5rTrt4KAiHMpvk+T56KV5Lwo0VvBxAyHMtm/IY5tkyH12A==}
+    peerDependencies:
+      '@fontsource/inconsolata': ^5
+      '@fontsource/inter': ^5
+      '@types/react': ^19.2.10
+      '@vector-im/compound-design-tokens': '>=1.6.1 <11.0.0'
+      react: ^18 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@vector-im/matrix-wysiwyg@2.40.0':
+    resolution: {integrity: sha512-8LRFLs5PEKYs4lOL7aJ4lL/hGCrvEvOYkCR3JggXYXDVMtX4LmfdlKYucSAe98pCmqAAbLRvlRcR1bTOYvM8ug==}
+    peerDependencies:
+      react: ^18.2.0 || ^19.0.0
+    bundledDependencies:
+      - '@vector-im/matrix-wysiwyg-wasm'
+
+  '@vitejs/plugin-react@6.0.5':
+    resolution: {integrity: sha512-BOVzne/NL162sMdResB25mUv+vWMF5NoAjNf09TeGlE7ZpszZWSD3winycicLJw72yeVsoCn/2kOhEuCvEShMA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      '@rolldown/plugin-babel': ^0.1.7 || ^0.2.0
+      babel-plugin-react-compiler: ^1.0.0
+      vite: ^8.0.0
+    peerDependenciesMeta:
+      '@rolldown/plugin-babel':
+        optional: true
+      babel-plugin-react-compiler:
+        optional: true
+
+  '@vitejs/plugin-vue@5.2.4':
+    resolution: {integrity: sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0
+      vue: ^3.2.25
+
+  '@vitest/browser-playwright@4.1.10':
+    resolution: {integrity: sha512-nMoXGEiRpT7m3W7NsbvrM2aKNwiNHZf+zEpUCvMteGjZFvfT96Q9fh7QyB98dvDWXiKvrLxA7bJ1mCOOv+JQPw==}
+    peerDependencies:
+      playwright: '*'
+      vitest: 4.1.10
+
+  '@vitest/browser@4.1.10':
+    resolution: {integrity: sha512-UDwuWGwXj646CBx/bQHOaJSX7np0I8JL/UKQYa1e4QrVHH8VdWtx8eaOuf8sy0ShwDgR6NjJAsp5eF6vjF6qng==}
+    peerDependencies:
+      vitest: 4.1.10
+
+  '@vitest/coverage-v8@4.1.10':
+    resolution: {integrity: sha512-IM49HmthevbgAO4anp1hwtoT9wYe59w0LR00gr+eagHE+ZJ5lK4sLPeO0ubgoJcwLk6dehU3R24N+FbEEKDc8g==}
+    peerDependencies:
+      '@vitest/browser': 4.1.10
+      vitest: 4.1.10
+    peerDependenciesMeta:
+      '@vitest/browser':
+        optional: true
+
+  '@vitest/expect@3.2.4':
+    resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
+
+  '@vitest/expect@4.1.10':
+    resolution: {integrity: sha512-YsCn+qAk1GWjQOWFEsEcL2gNQ0zmVmQu3T03qP6UyjhtmdtwtbuI+DASn/7iQB3HGTXkdBwGddzxPlmiql5vlA==}
+
+  '@vitest/mocker@4.1.10':
+    resolution: {integrity: sha512-v0xaezt+DKEmKfaxg133ldzADrwLGd7Ze1MfQQTYfvs8OqZIwbxyxaYURivwV7sWy5fqn3rH5uOrSp07bp44Ow==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/pretty-format@3.2.4':
+    resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==}
+
+  '@vitest/pretty-format@4.1.10':
+    resolution: {integrity: sha512-W1HsjSH4MXQ9YfmmhLAoIYf1HRfekQCGngeIgcei6MP5QQGWUe0gkopdZQaVCFO+JDJMrAJGwa5pRpNpvy4P8Q==}
+
+  '@vitest/runner@4.1.10':
+    resolution: {integrity: sha512-IKI6kpIH+LmpROplyLwBBaCfMgOZOMsygVa6BARD6ahA04VRuJSa6OaVG7kRvSEMD870Vd91rSSw0eegtWyLGg==}
+
+  '@vitest/snapshot@4.1.10':
+    resolution: {integrity: sha512-xRkfOT1qpTAi/Ti4Y1LtfRc3kEuqxGw59eN2jN9pRWMtS/XDevekhcFSqvQqjUNGksfjMJu3Y+oJ+4Ypn2OaJw==}
+
+  '@vitest/spy@3.2.4':
+    resolution: {integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==}
+
+  '@vitest/spy@4.1.10':
+    resolution: {integrity: sha512-PLf/Ugvoq5wO/b4rwYCR1h2PSIdXz7wnkQFMiUpLdtM7l6pqVFcQIBEHyT1+l+cj7mNwAfZHzqXqDyjvOuwbDw==}
+
+  '@vitest/utils@3.2.4':
+    resolution: {integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==}
+
+  '@vitest/utils@4.1.10':
+    resolution: {integrity: sha512-fy9am/HWxbaGt/Sawrp90vt6Y6jQwf1RX77cz3uwoJwJVMli/e1IEwRPnMNJ7vKfPTwo0diXifkpPvwH9v7nGA==}
+
+  '@volar/language-core@2.4.28':
+    resolution: {integrity: sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==}
+
+  '@volar/source-map@2.4.28':
+    resolution: {integrity: sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==}
+
+  '@volar/typescript@2.4.28':
+    resolution: {integrity: sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@vue/compiler-core@3.5.31':
+    resolution: {integrity: sha512-k/ueL14aNIEy5Onf0OVzR8kiqF/WThgLdFhxwa4e/KF/0qe38IwIdofoSWBTvvxQOesaz6riAFAUaYjoF9fLLQ==}
+
+  '@vue/compiler-dom@3.5.31':
+    resolution: {integrity: sha512-BMY/ozS/xxjYqRFL+tKdRpATJYDTTgWSo0+AJvJNg4ig+Hgb0dOsHPXvloHQ5hmlivUqw1Yt2pPIqp4e0v1GUw==}
+
+  '@vue/compiler-sfc@3.5.31':
+    resolution: {integrity: sha512-M8wpPgR9UJ8MiRGjppvx9uWJfLV7A/T+/rL8s/y3QG3u0c2/YZgff3d6SuimKRIhcYnWg5fTfDMlz2E6seUW8Q==}
+
+  '@vue/compiler-ssr@3.5.31':
+    resolution: {integrity: sha512-h0xIMxrt/LHOvJKMri+vdYT92BrK3HFLtDqq9Pr/lVVfE4IyKZKvWf0vJFW10Yr6nX02OR4MkJwI0c1HDa1hog==}
+
+  '@vue/devtools-api@7.7.9':
+    resolution: {integrity: sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==}
+
+  '@vue/devtools-kit@7.7.9':
+    resolution: {integrity: sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==}
+
+  '@vue/devtools-shared@7.7.9':
+    resolution: {integrity: sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==}
+
+  '@vue/reactivity@3.5.31':
+    resolution: {integrity: sha512-DtKXxk9E/KuVvt8VxWu+6Luc9I9ETNcqR1T1oW1gf02nXaZ1kuAx58oVu7uX9XxJR0iJCro6fqBLw9oSBELo5g==}
+
+  '@vue/runtime-core@3.5.31':
+    resolution: {integrity: sha512-AZPmIHXEAyhpkmN7aWlqjSfYynmkWlluDNPHMCZKFHH+lLtxP/30UJmoVhXmbDoP1Ng0jG0fyY2zCj1PnSSA6Q==}
+
+  '@vue/runtime-dom@3.5.31':
+    resolution: {integrity: sha512-xQJsNRmGPeDCJq/u813tyonNgWBFjzfVkBwDREdEWndBnGdHLHgkwNBQxLtg4zDrzKTEcnikUy1UUNecb3lJ6g==}
+
+  '@vue/server-renderer@3.5.31':
+    resolution: {integrity: sha512-GJuwRvMcdZX/CriUnyIIOGkx3rMV3H6sOu0JhdKbduaeCji6zb60iOGMY7tFoN24NfsUYoFBhshZtGxGpxO4iA==}
+    peerDependencies:
+      vue: 3.5.31
+
+  '@vue/shared@3.5.31':
+    resolution: {integrity: sha512-nBxuiuS9Lj5bPkPbWogPUnjxxWpkRniX7e5UBQDWl6Fsf4roq9wwV+cR7ezQ4zXswNvPIlsdj1slcLB7XCsRAw==}
+
+  '@vueuse/core@12.8.2':
+    resolution: {integrity: sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==}
+
+  '@vueuse/integrations@12.8.2':
+    resolution: {integrity: sha512-fbGYivgK5uBTRt7p5F3zy6VrETlV9RtZjBqd1/HxGdjdckBgBM4ugP8LHpjolqTj14TXTxSK1ZfgPbHYyGuH7g==}
+    peerDependencies:
+      async-validator: ^4
+      axios: ^1.16.1
+      change-case: ^5
+      drauu: ^0.4
+      focus-trap: ^7
+      fuse.js: ^7
+      idb-keyval: ^6
+      jwt-decode: ^4
+      nprogress: ^0.2
+      qrcode: ^1.5
+      sortablejs: ^1
+      universal-cookie: ^7
+    peerDependenciesMeta:
+      async-validator:
+        optional: true
+      axios:
+        optional: true
+      change-case:
+        optional: true
+      drauu:
+        optional: true
+      focus-trap:
+        optional: true
+      fuse.js:
+        optional: true
+      idb-keyval:
+        optional: true
+      jwt-decode:
+        optional: true
+      nprogress:
+        optional: true
+      qrcode:
+        optional: true
+      sortablejs:
+        optional: true
+      universal-cookie:
+        optional: true
+
+  '@vueuse/metadata@12.8.2':
+    resolution: {integrity: sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==}
+
+  '@vueuse/shared@12.8.2':
+    resolution: {integrity: sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==}
+
+  '@webassemblyjs/ast@1.14.1':
+    resolution: {integrity: sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==}
+
+  '@webassemblyjs/floating-point-hex-parser@1.13.2':
+    resolution: {integrity: sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==}
+
+  '@webassemblyjs/helper-api-error@1.13.2':
+    resolution: {integrity: sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==}
+
+  '@webassemblyjs/helper-buffer@1.14.1':
+    resolution: {integrity: sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==}
+
+  '@webassemblyjs/helper-numbers@1.13.2':
+    resolution: {integrity: sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==}
+
+  '@webassemblyjs/helper-wasm-bytecode@1.13.2':
+    resolution: {integrity: sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==}
+
+  '@webassemblyjs/helper-wasm-section@1.14.1':
+    resolution: {integrity: sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==}
+
+  '@webassemblyjs/ieee754@1.13.2':
+    resolution: {integrity: sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==}
+
+  '@webassemblyjs/leb128@1.13.2':
+    resolution: {integrity: sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==}
+
+  '@webassemblyjs/utf8@1.13.2':
+    resolution: {integrity: sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==}
+
+  '@webassemblyjs/wasm-edit@1.14.1':
+    resolution: {integrity: sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==}
+
+  '@webassemblyjs/wasm-gen@1.14.1':
+    resolution: {integrity: sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==}
+
+  '@webassemblyjs/wasm-opt@1.14.1':
+    resolution: {integrity: sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==}
+
+  '@webassemblyjs/wasm-parser@1.14.1':
+    resolution: {integrity: sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==}
+
+  '@webassemblyjs/wast-printer@1.14.1':
+    resolution: {integrity: sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==}
+
+  '@webcontainer/env@1.1.1':
+    resolution: {integrity: sha512-6aN99yL695Hi9SuIk1oC88l9o0gmxL1nGWWQ/kNy81HigJ0FoaoTXpytCj6ItzgyCEwA9kF1wixsTuv5cjsgng==}
+
+  '@xmldom/xmldom@0.8.13':
+    resolution: {integrity: sha512-KRYzxepc14G/CEpEGc3Yn+JKaAeT63smlDr+vjB8jRfgTBBI9wRj/nkQEO+ucV8p8I9bfKLWp37uHgFrbntPvw==}
+    engines: {node: '>=10.0.0'}
+
+  '@xtuc/ieee754@1.2.0':
+    resolution: {integrity: sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==}
+
+  '@xtuc/long@4.2.2':
+    resolution: {integrity: sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==}
+
+  '@yarnpkg/lockfile@1.1.0':
+    resolution: {integrity: sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==}
+
+  '@zkochan/js-yaml@0.0.7':
+    resolution: {integrity: sha512-nrUSn7hzt7J6JWgWGz78ZYI8wj+gdIJdk0Ynjpp8l+trkn58Uqsf6RYrYkEK+3X18EX+TNdtJI0WxAtc+L84SQ==}
+    hasBin: true
+
+  '@zxcvbn-ts/core@4.1.2':
+    resolution: {integrity: sha512-RQmxWB3AMI+HGQErQdUv6Aq32aQhp6xOxrfgCP0+T9MsLZoP3xtLHuT8O8VojsUxdmQVZfJlYkYb1A0wOwIS+Q==}
+
+  '@zxcvbn-ts/dictionary-compression@3.0.1':
+    resolution: {integrity: sha512-p3KyPzxGc3vWSap5hHA6SllbUCmh7s+NtpGyC3qEWrxYJT9t9TUAzjPm48Okipo+UUyPQfDlIvTcs9JRShBFiQ==}
+
+  '@zxcvbn-ts/language-common@4.1.3':
+    resolution: {integrity: sha512-g2bg4skmlJG9aJqC/nWziZzgYpSe/f3rKeGobrkdFiOrfZVFqqzUgC6BUQWuX54Sua9j0Jxxt+1bf4f/Mal1Kg==}
+
+  '@zxcvbn-ts/language-en@4.1.1':
+    resolution: {integrity: sha512-6UdzuBd3Uex8TKubohcn+uXRVAH34Zjs2eCfT4hQVo9zeTy7AkQRQfdV4OnHR5hQfW/XBrK/AGTZk7VBWh7wwQ==}
+
+  abbrev@4.0.0:
+    resolution: {integrity: sha512-a1wflyaL0tHtJSmLSOVybYhy22vRih4eduhhrkcjgrWGnRfrZtovJ2FRjxuTtkkj47O/baf0R86QU5OuYpz8fA==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  abbrev@5.0.0:
+    resolution: {integrity: sha512-/XrFJgzQQQHpti1raDJC6m4ws6aNktmjBlhk8Fdlk7LwCEuDoieEJJY9OFHjfiFJFFRM2tK+Ky/IsfbbmlMu1w==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  abort-controller@3.0.0:
+    resolution: {integrity: sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==}
+    engines: {node: '>=6.5'}
+
+  accepts@1.3.8:
+    resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==}
+    engines: {node: '>= 0.6'}
+
+  accepts@2.0.0:
+    resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==}
+    engines: {node: '>= 0.6'}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn-walk@8.3.5:
+    resolution: {integrity: sha512-HEHNfbars9v4pgpW6SO1KSPkfoS0xVOM/9UzkJltjlsHZmJasxg8aXkuZa7SMf8vKGIBhpUsPluQSqhJFCqebw==}
+    engines: {node: '>=0.4.0'}
+
+  acorn@8.18.0:
+    resolution: {integrity: sha512-lGq+9yr1/GuAWaVYIHRjvvySG5/4VfKIvC8EWxStPdcDh/Ka7FG3twP6v4d5BkravUilhIAsG4Qj83t02LWUPQ==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  address@1.2.2:
+    resolution: {integrity: sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==}
+    engines: {node: '>= 10.0.0'}
+
+  agent-base@6.0.2:
+    resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
+    engines: {node: '>= 6.0.0'}
+
+  agent-base@7.1.4:
+    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
+    engines: {node: '>= 14'}
+
+  agent-base@9.0.0:
+    resolution: {integrity: sha512-TQf59BsZnytt8GdJKLPfUZ54g/iaUL2OWDSFCCvMOhsHduDQxO8xC4PNeyIkVcA5KwL2phPSv0douC0fgWzmnA==}
+    engines: {node: '>= 20'}
+
+  ajv-draft-04@1.0.0:
+    resolution: {integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==}
+    peerDependencies:
+      ajv: ^8.5.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
+  ajv-formats@2.1.1:
+    resolution: {integrity: sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
+  ajv-formats@3.0.1:
+    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
+  ajv-keywords@3.5.2:
+    resolution: {integrity: sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==}
+    peerDependencies:
+      ajv: ^6.9.1
+
+  ajv-keywords@5.1.0:
+    resolution: {integrity: sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==}
+    peerDependencies:
+      ajv: ^8.8.2
+
+  ajv@6.15.0:
+    resolution: {integrity: sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==}
+
+  ajv@8.18.0:
+    resolution: {integrity: sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==}
+
+  ajv@8.20.0:
+    resolution: {integrity: sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==}
+
+  algoliasearch@5.50.0:
+    resolution: {integrity: sha512-yE5I83Q2s8euVou8Y3feXK08wyZInJWLYXgWO6Xti9jBUEZAGUahyeQ7wSZWkifLWVnQVKEz5RAmBlXG5nqxog==}
+    engines: {node: '>= 14.0.0'}
+
+  another-json@0.2.0:
+    resolution: {integrity: sha512-/Ndrl68UQLhnCdsAzEXLMFuOR546o2qbYRqCglaNHbjXrwG1ayTcdwr3zkSGOGtGXDyR5X9nCFfnyG2AFJIsqg==}
+
+  ansi-colors@4.1.3:
+    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
+    engines: {node: '>=6'}
+
+  ansi-escapes@4.3.2:
+    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
+    engines: {node: '>=8'}
+
+  ansi-html-community@0.0.8:
+    resolution: {integrity: sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==}
+    engines: {'0': node >= 0.8.0}
+    hasBin: true
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.2.2:
+    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
+    engines: {node: '>=12'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-styles@5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
+
+  ansi-styles@6.2.3:
+    resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
+    engines: {node: '>=12'}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  app-builder-lib@26.15.3:
+    resolution: {integrity: sha512-2VnyWkqsP5v5XbBhL3tD5Syx8iNPBYsoU7kY4S2fz7wg8Rj/nztWKCUzGKaFRTv0Xwf3/H058CR1Kvtd/3lRow==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      dmg-builder: 26.15.3
+      electron-builder-squirrel-windows: 26.15.3
+
+  applescript@1.0.0:
+    resolution: {integrity: sha512-yvtNHdWvtbYEiIazXAdp/NY+BBb65/DAseqlNiJQjOx9DynuzOYDbVLBJvuc0ve0VL9x6B3OHF6eH52y9hCBtQ==}
+
+  archiver-utils@5.0.2:
+    resolution: {integrity: sha512-wuLJMmIBQYCsGZgYLTy5FIB2pF6Lfb6cXMSF8Qywwk3t20zWnAi7zLcQFdKQmIB8wyZpY5ER38x08GbwtR2cLA==}
+    engines: {node: '>= 14'}
+
+  archiver@7.0.1:
+    resolution: {integrity: sha512-ZcbTaIqJOfCc03QwD468Unz/5Ir8ATtvAHsK+FdXbDIbGfihqh9mrvdcYunQzqn4HrvWWaFyaxJhGZagaJJpPQ==}
+    engines: {node: '>= 14'}
+
+  argparse@1.0.10:
+    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-hidden@1.2.6:
+    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
+    engines: {node: '>=10'}
+
+  aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
+
+  asn1.js@4.10.1:
+    resolution: {integrity: sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==}
+
+  asn1@0.2.6:
+    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
+
+  asn1js@3.0.10:
+    resolution: {integrity: sha512-S2s3aOytiKdFRdulw2qPE51MzjzVOisppcVv7jVFR+Kw0kxwvFrDcYA0h7Ndqbmj0HkMIXYWaoj7fli8kgx1eg==}
+    engines: {node: '>=12.0.0'}
+
+  assert@2.1.0:
+    resolution: {integrity: sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==}
+
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
+  ast-types@0.16.1:
+    resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
+    engines: {node: '>=4'}
+
+  ast-v8-to-istanbul@1.0.0:
+    resolution: {integrity: sha512-1fSfIwuDICFA4LKkCzRPO7F0hzFf0B7+Xqrl27ynQaa+Rh0e1Es0v6kWHPott3lU10AyAr7oKHa65OppjLn3Rg==}
+
+  astral-regex@2.0.0:
+    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
+    engines: {node: '>=8'}
+
+  astring@1.9.0:
+    resolution: {integrity: sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==}
+    hasBin: true
+
+  async-exit-hook@2.0.1:
+    resolution: {integrity: sha512-NW2cX8m1Q7KPA7a5M2ULQeZ2wR5qI5PAbw5L0UOMxdioVk9PMZ0h1TmyZEkPYrCvYjDlFICusOu1dlEKAAeXBw==}
+    engines: {node: '>=0.12.0'}
+
+  async-lock@1.4.1:
+    resolution: {integrity: sha512-Az2ZTpuytrtqENulXwO3GGv1Bztugx6TT37NIo7imr/Qo0gsYiGtSdBa2B6fsXhTpVZDNfu1Qn3pk531e3q+nQ==}
+
+  async@3.2.6:
+    resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
+
+  asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
+  at-least-node@1.0.0:
+    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
+    engines: {node: '>= 4.0.0'}
+
+  atomically@2.1.1:
+    resolution: {integrity: sha512-P4w9o2dqARji6P7MHprklbfiArZAWvo07yW7qs3pdljb3BWr12FIB7W+p0zJiuiVsUpRO0iZn1kFFcpPegg0tQ==}
+
+  auto-launch@5.0.6:
+    resolution: {integrity: sha512-OgxiAm4q9EBf9EeXdPBiVNENaWE3jUZofwrhAkWjHDYGezu1k3FRZHU8V2FBxGuSJOHzKmTJEd0G7L7/0xDGFA==}
+    engines: {node: '>=4.0.0'}
+
+  autoprefixer@10.5.0:
+    resolution: {integrity: sha512-FMhOoZV4+qR6aTUALKX2rEqGG+oyATvwBt9IIzVR5rMa2HRWPkxf+P+PAJLD1I/H5/II+HuZcBJYEFBpq39ong==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+
+  available-typed-arrays@1.0.7:
+    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
+    engines: {node: '>= 0.4'}
+
+  await-lock@3.0.0:
+    resolution: {integrity: sha512-eO6fLiSnrJrMdjWMNK8zbVRXPs2TKJg78iKZd9wDpN3na5tcoV6EoeiOlMgk2QaAQ1gIrK1YuMsJHXWqz89tSA==}
+
+  aws4@1.13.2:
+    resolution: {integrity: sha512-lHe62zvbTB5eEABUVi/AwVh0ZKY9rMMDhmm+eeyuuUQbQ3+J+fONVQOZyj+DdrvD4BY33uYniyRJ4UJIaSKAfw==}
+
+  axe-core@4.12.1:
+    resolution: {integrity: sha512-s7iGf5GaVMxEG0ENN9x+xTr7GFZCb1ZP/1uATUpCEK2X78nDB3RwbtFCo9pGAf9ru+VwoQ464DkaLEeRM08wJA==}
+    engines: {node: '>=4'}
+
+  axios@1.18.1:
+    resolution: {integrity: sha512-3nTvFlvpn9Zu/RkHUqtc7/+al4UpRW5az71ap5zccp6e8RAYEzhMTecX8Dz1wWDYrPpUoB1HAQEGEAEvUr7S9g==}
+
+  axios@1.19.0:
+    resolution: {integrity: sha512-ht/iuYZXEjFxLH/Hkezgd7m6JKlHHXEUSneaDz8uZe1Gj5QZtCnpyDsckvAiEnT89OEbCLmnte4R4sn7P0EKFw==}
+
+  b4a@1.8.1:
+    resolution: {integrity: sha512-aiqre1Nr0B/6DgE2N5vwTc+2/oQZ4Wh1t4NznYY4E00y8LCt6NqdRv81so00oo27D8MVKTpUa/MwUUtBLXCoDw==}
+    peerDependencies:
+      react-native-b4a: '*'
+    peerDependenciesMeta:
+      react-native-b4a:
+        optional: true
+
+  babel-jest@30.4.1:
+    resolution: {integrity: sha512-fATAbM8piYxkiXQp3RBXmZHxZVNJZAVXXfyeyCN2Tida3+qJ8ea9UxhiJ2y4fLO90ZImKt6k9FlcH2+rLkJGhw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      '@babel/core': ^7.11.0 || ^8.0.0-0
+
+  babel-loader@10.1.1:
+    resolution: {integrity: sha512-JwKSzk2kjIe7mgPK+/lyZ2QAaJcpahNAdM+hgR2HI8D0OJVkdj8Rl6J3kaLYki9pwF7P2iWnD8qVv80Lq1ABtg==}
+    engines: {node: ^18.20.0 || ^20.10.0 || >=22.0.0}
+    peerDependencies:
+      '@babel/core': ^7.12.0 || ^8.0.0-beta.1
+      '@rspack/core': ^1.0.0 || ^2.0.0-0
+      webpack: '>=5.61.0'
+    peerDependenciesMeta:
+      '@rspack/core':
+        optional: true
+      webpack:
+        optional: true
+
+  babel-plugin-const-enum@1.2.0:
+    resolution: {integrity: sha512-o1m/6iyyFnp9MRsK1dHF3bneqyf3AlM2q3A/YbgQr2pCat6B6XJVDv2TXqzfY2RYUi4mak6WAksSBPlyYGx9dg==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  babel-plugin-istanbul@7.0.1:
+    resolution: {integrity: sha512-D8Z6Qm8jCvVXtIRkBnqNHX0zJ37rQcFJ9u8WOS6tkYOsRdHBzypCstaxWiu5ZIlqQtviRYbgnRLSoCEvjqcqbA==}
+    engines: {node: '>=12'}
+
+  babel-plugin-jest-hoist@30.4.0:
+    resolution: {integrity: sha512-9EdtWM/sSfXLOGLwSn+GS6pIXyBnL07/8gyJlwFXjWy4DxMOyItqyUT29d4lQiS380EZwYlX7/At4PgBS+m2aA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  babel-plugin-jsx-remove-data-test-id@3.0.0:
+    resolution: {integrity: sha512-E4uM/LIUizjy2Z5tVAfa8pSXsYgoKWJ97kzuEMfsIxSLSNDWsAhgFVPkgNuakViX5dkNjw1DKIi0VpWP6djqbw==}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  babel-plugin-macros@3.1.0:
+    resolution: {integrity: sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==}
+    engines: {node: '>=10', npm: '>=6'}
+
+  babel-plugin-polyfill-corejs2@0.4.17:
+    resolution: {integrity: sha512-aTyf30K/rqAsNwN76zYrdtx8obu0E4KoUME29B1xj+B3WxgvWkp943vYQ+z8Mv3lw9xHXMHpvSPOBxzAkIa94w==}
+    peerDependencies:
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
+
+  babel-plugin-polyfill-corejs3@0.13.0:
+    resolution: {integrity: sha512-U+GNwMdSFgzVmfhNm8GJUX88AadB3uo9KpJqS3FaqNIPKgySuvMb+bHPsOmmuWyIcuqZj/pzt1RUIUZns4y2+A==}
+    peerDependencies:
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
+
+  babel-plugin-polyfill-corejs3@0.14.2:
+    resolution: {integrity: sha512-coWpDLJ410R781Npmn/SIBZEsAetR4xVi0SxLMXPaMO4lSf1MwnkGYMtkFxew0Dn8B3/CpbpYxN0JCgg8mn67g==}
+    peerDependencies:
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
+
+  babel-plugin-polyfill-regenerator@0.6.8:
+    resolution: {integrity: sha512-M762rNHfSF1EV3SLtnCJXFoQbbIIz0OyRwnCmV0KPC7qosSfCO0QLTSuJX3ayAebubhE6oYBAYPrBA5ljowaZg==}
+    peerDependencies:
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
+
+  babel-plugin-transform-typescript-metadata@0.3.2:
+    resolution: {integrity: sha512-mWEvCQTgXQf48yDqgN7CH50waTyYBeP2Lpqx4nNWab9sxEpdXVeKgfj1qYI2/TgUPQtNFZ85i3PemRtnXVYYJg==}
+    peerDependencies:
+      '@babel/core': ^7
+      '@babel/traverse': ^7
+    peerDependenciesMeta:
+      '@babel/traverse':
+        optional: true
+
+  babel-preset-current-node-syntax@1.2.0:
+    resolution: {integrity: sha512-E/VlAEzRrsLEb2+dv8yp3bo4scof3l9nR4lrld+Iy5NyVqgVYUJnDAmunkhPMisRI32Qc4iRiz425d8vM++2fg==}
+    peerDependencies:
+      '@babel/core': ^7.0.0 || ^8.0.0-0
+
+  babel-preset-jest@30.4.0:
+    resolution: {integrity: sha512-lBY4jxsNmCnSiu7kquw8ZC9F4+XLMOKypT3RnNHPvU2Kpd4W0xaPuLr5ZkRyOsvLYAY4yaW1ZwTW4xB7NIiZzg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      '@babel/core': ^7.11.0 || ^8.0.0-beta.1
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  balanced-match@4.0.3:
+    resolution: {integrity: sha512-1pHv8LX9CpKut1Zp4EXey7Z8OfH11ONNH6Dhi2WDUt31VVZFXZzKwXcysBgqSumFCmR+0dqjMK5v5JiFHzi0+g==}
+    engines: {node: 20 || >=22}
+
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
+  bare-events@2.9.1:
+    resolution: {integrity: sha512-Z0oHEHAFDZkffN8Qc39zNZjQlMDkPJRyyyZieU1VH7u8c5S+qHZ2S8ixdKIAxEjfHO7FJxXmJWgteOghVanIsg==}
+    peerDependencies:
+      bare-abort-controller: '*'
+    peerDependenciesMeta:
+      bare-abort-controller:
+        optional: true
+
+  bare-fs@4.7.3:
+    resolution: {integrity: sha512-xRgplks8SvcKkdlv2M6Z2LZmRsmqd+x0nXXGXeMEjwdibj1HSDrlnqBRLeYdMvsgCox7Bq0e+DHwfczOfsn6IA==}
+    engines: {bare: '>=1.16.0'}
+    peerDependencies:
+      bare-buffer: '*'
+    peerDependenciesMeta:
+      bare-buffer:
+        optional: true
+
+  bare-os@3.9.3:
+    resolution: {integrity: sha512-fF4Q7QsyKVF5Rj0qvI8BgUNjqzC2JvQlpTaPLjVJVxYVUX5Zr9un+y3w1HmA4nNKdFmRBT8z/WmrjvXzXVerKQ==}
+    engines: {bare: '>=1.14.0'}
+
+  bare-path@3.0.1:
+    resolution: {integrity: sha512-ghj2DSK/2e99a1anTVPCV4m4YIYtrbXhfM7V3D7XZLOTsybnYyaJloymGqssQc8l/or0UoDyRtNQkmkEF/ysgQ==}
+
+  bare-stream@2.13.3:
+    resolution: {integrity: sha512-Kc+brLqvEqGkjyfiwJmImAOqLZL7OsoLKuavx+hJjgVV3nLTOjloJyPMFxjUPerGGHrNH0fLU06jjykMLWrERQ==}
+    peerDependencies:
+      bare-abort-controller: '*'
+      bare-buffer: '*'
+      bare-events: '*'
+    peerDependenciesMeta:
+      bare-abort-controller:
+        optional: true
+      bare-buffer:
+        optional: true
+      bare-events:
+        optional: true
+
+  bare-url@2.4.5:
+    resolution: {integrity: sha512-K+y9xF1tN+CdPu4qWwr0QiK1Al07eFPGYK5M2pDXcmHdMdgC/tT/bpmMe1hrmRHaidKLkXrC+cRNYf3XVDUhSQ==}
+
+  base-x@5.0.1:
+    resolution: {integrity: sha512-M7uio8Zt++eg3jPj+rHMfCC+IuygQHHCOU+IYsVtik6FWjuYpVt/+MRKcgsAMHh8mMFAwnB+Bs+mTrFiXjMzKg==}
+
+  base64-arraybuffer@1.0.2:
+    resolution: {integrity: sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==}
+    engines: {node: '>= 0.6.0'}
+
+  base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+
+  baseline-browser-mapping@2.11.4:
+    resolution: {integrity: sha512-s4+sLr9mZ/CyqeRritFeYV/Zx73OAtmaHn6kkBS1XRoJn1hrg3xIDUcpicAEX68tkcIN0iBCgti31C8zxtkhsQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  batch@0.6.1:
+    resolution: {integrity: sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==}
+
+  bcrypt-pbkdf@1.0.2:
+    resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
+
+  before-after-hook@4.0.0:
+    resolution: {integrity: sha512-q6tR3RPqIB1pMiTRMFcZwuG5T8vwp+vUvEG0vuI6B+Rikh5BfPp2fQ82c925FOs+b0lcFQ8CFrL+KbilfZFhOQ==}
+
+  big.js@5.2.2:
+    resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==}
+
+  birpc@2.9.0:
+    resolution: {integrity: sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==}
+
+  bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
+
+  blob-polyfill@9.0.20240710:
+    resolution: {integrity: sha512-DPUO/EjNANCgSVg0geTy1vmUpu5hhp9tV2F7xUSTUd1jwe4XpwupGB+lt5PhVUqpqAk+zK1etqp6Pl/HVf71Ug==}
+
+  bloom-filters@3.0.4:
+    resolution: {integrity: sha512-BdnPWo2OpYhlvuP2fRzJBdioMCkm7Zp0HCf8NJgF5Mbyqy7VQ/CnTiVWMMyq4EZCBHwj0Kq6098gW2/3RsZsrA==}
+    engines: {node: '>=12'}
+
+  bluebird@3.7.2:
+    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
+
+  blurhash@2.0.5:
+    resolution: {integrity: sha512-cRygWd7kGBQO3VEhPiTgq4Wc43ctsM+o46urrmPOiuAe+07fzlSB9OJVdpgDL0jPqXUVQ9ht7aq7kxOeJHRK+w==}
+
+  bn.js@4.12.3:
+    resolution: {integrity: sha512-fGTi3gxV/23FTYdAoUtLYp6qySe2KE3teyZitipKNRuVYcBkoP/bB3guXN/XVKUe9mxCHXnc9C4ocyz8OmgN0g==}
+
+  bn.js@5.2.3:
+    resolution: {integrity: sha512-EAcmnPkxpntVL+DS7bO1zhcZNvCkxqtkd0ZY53h06GNQ3DEkkGZ/gKgmDv6DdZQGj9BgfSPKtJJ7Dp1GPP8f7w==}
+
+  body-parser@2.3.0:
+    resolution: {integrity: sha512-2cGmJupaNgg+QUwVLAucDuWuoMZ6EX9iHDRswZ5lsNYEmwPaRknMPCLZz07yTzVq/83p4o/wzbDZbBrTvGGTIw==}
+    engines: {node: '>=18'}
+
+  bonjour-service@1.4.2:
+    resolution: {integrity: sha512-lMskhnsW70yWHr4PhPeh2rvaIkLSaDpp+nmtbXBZaNKTXwxL73QOkW6HhbzqTImXjevn9TreGT4GACGBCGP9nQ==}
+
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
+  boolean@3.2.0:
+    resolution: {integrity: sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==}
+    deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
+
+  brace-expansion@1.1.18:
+    resolution: {integrity: sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==}
+
+  brace-expansion@2.1.4:
+    resolution: {integrity: sha512-hGfVzPxthbf3+2yjg/RBs60cB0FhqBS/zvdV/4wn4/BmN0bNMMHPc4V/BbFieqf1TKAGGAHnY4eSjajCl0f2Xg==}
+
+  brace-expansion@5.0.8:
+    resolution: {integrity: sha512-JZyDyq3D4AUifKTPOB7DELf6XsB3WdPuNxCtob1vFXPsSXhdAiHBWJ/tJ8HAc9aH84BK+5JFZLNkJKx3G9kzQg==}
+    engines: {node: 20 || >=22}
+
+  brace-expansion@5.0.9:
+    resolution: {integrity: sha512-ScQ4IuvIEF1TMlP7Zt+vjJ//9zlPb2SDcxWxM3bk8s6t6GGdJ7KO1dCcTidOPJKePW30LE/2cT7wCyPho9/Wxg==}
+    engines: {node: 20 || >=22}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  brorand@1.1.0:
+    resolution: {integrity: sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==}
+
+  browser-resolve@2.0.0:
+    resolution: {integrity: sha512-7sWsQlYL2rGLy2IWm8WL8DCTJvYLc/qlOnsakDac87SOoCd16WLsaAMdCiAqsTNHIe+SXfaqyxyo6THoWqs8WQ==}
+
+  browserify-aes@1.2.0:
+    resolution: {integrity: sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==}
+
+  browserify-cipher@1.0.1:
+    resolution: {integrity: sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==}
+
+  browserify-des@1.0.2:
+    resolution: {integrity: sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==}
+
+  browserify-rsa@4.1.1:
+    resolution: {integrity: sha512-YBjSAiTqM04ZVei6sXighu679a3SqWORA3qZTEqZImnlkDIFtKc6pNutpjyZ8RJTjQtuYfeetkxM11GwoYXMIQ==}
+    engines: {node: '>= 0.10'}
+
+  browserify-sign@4.2.5:
+    resolution: {integrity: sha512-C2AUdAJg6rlM2W5QMp2Q4KGQMVBwR1lIimTsUnutJ8bMpW5B52pGpR2gEnNBNwijumDo5FojQ0L9JrXA8m4YEw==}
+    engines: {node: '>= 0.10'}
+
+  browserify-zlib@0.2.0:
+    resolution: {integrity: sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==}
+
+  browserslist@4.28.7:
+    resolution: {integrity: sha512-JxV13hNrFxqjOc8alRbq9dK1MM79NEXYpma2B2J4wAtpWS5zIEIKqWPGCl7N4o7Uc7B7itylh7SuDujATRyyTw==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  bs58@6.0.0:
+    resolution: {integrity: sha512-PD0wEnEYg6ijszw/u8s+iI3H17cTymlrwkKhDhPZq+Sokl3AU4htyBFTjAeNAlCCmg0f53g6ih3jATyCKftTfw==}
+
+  bser@2.1.1:
+    resolution: {integrity: sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==}
+
+  buffer-crc32@1.0.0:
+    resolution: {integrity: sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==}
+    engines: {node: '>=8.0.0'}
+
+  buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
+  buffer-image-size@0.6.4:
+    resolution: {integrity: sha512-nEh+kZOPY1w+gcCMobZ6ETUp9WfibndnosbpwB1iJk/8Gt5ZF2bhS6+B6bPYz424KtwsR6Rflc3tCz1/ghX2dQ==}
+    engines: {node: '>=4.0'}
+
+  buffer-xor@1.0.3:
+    resolution: {integrity: sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==}
+
+  buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+
+  buffer@6.0.3:
+    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
+
+  buildcheck@0.0.7:
+    resolution: {integrity: sha512-lHblz4ahamxpTmnsk+MNTRWsjYKv965MwOrSJyeD588rR3Jcu7swE+0wN5F+PbL5cjgu/9ObkhfzEPuofEMwLA==}
+    engines: {node: '>=10.0.0'}
+
+  builder-util-runtime@9.7.0:
+    resolution: {integrity: sha512-g/kR520giAFYkSXTzcmF3kqQq7wi8F6N6SzeDgZrqTBN+VHdmgWOyTdD1yD7AATDId/yXLvuP34CxW46/BwCdw==}
+    engines: {node: '>=12.0.0'}
+
+  builder-util@26.15.3:
+    resolution: {integrity: sha512-q2hn7Mbo2nFNkVekPiHFx6Nfo3hURmES3tfBn+k5Pqxl2RkmP3QGqZUhH/q9Pch/4G05NRhPjDlVj1O8q4Txvw==}
+    engines: {node: '>=14.0.0'}
+
+  builtin-status-codes@3.0.0:
+    resolution: {integrity: sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==}
+
+  bundle-name@4.1.0:
+    resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
+    engines: {node: '>=18'}
+
+  byline@5.0.0:
+    resolution: {integrity: sha512-s6webAy+R4SR8XVuJWt2V2rGvhnrhxN+9S15GNuTK3wKPOXFF6RNc+8ug2XhH+2s4f+uudG4kUVYmYOQWL2g0Q==}
+    engines: {node: '>=0.10.0'}
+
+  bytes@3.1.2:
+    resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
+    engines: {node: '>= 0.8'}
+
+  bytestreamjs@2.0.1:
+    resolution: {integrity: sha512-U1Z/ob71V/bXfVABvNr/Kumf5VyeQRBEm6Txb0PQ6S7V5GpBM3w4Cbqz/xPDicR5tN0uvDifng8C+5qECeGwyQ==}
+    engines: {node: '>=6.0.0'}
+
+  cacache@20.0.4:
+    resolution: {integrity: sha512-M3Lab8NPYlZU2exsL3bMVvMrMqgwCnMWfdZbK28bn3pK6APT/Te/I8hjRPNu1uwORY9a1eEQoifXbKPQMfMTOA==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  cacache@21.0.1:
+    resolution: {integrity: sha512-pTwz/uj3Jyp6WXdJ6fWhR+7LVxVs6RyroQSn7KJwHsSxXuyGSp0pcMVcwSwTpCFq1X2YG8QBe0W+vN+cr0SwzA==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  cacheable-lookup@5.0.4:
+    resolution: {integrity: sha512-2/kNscPhpcxrOigMZzbiWF7dz8ilhb/nIHU3EyZiXWXpeq/au8qJ8VhdftMkty3n7Gj6HIGalQG8oiBNB3AJgA==}
+    engines: {node: '>=10.6.0'}
+
+  cacheable-request@7.0.4:
+    resolution: {integrity: sha512-v+p6ongsrp0yTGbJXjgxPow2+DL93DASP4kXCDKb8/bwRtt9OEF3whggkkDkGNzgcWy2XaF4a8nZglC7uElscg==}
+    engines: {node: '>=8'}
+
+  cacheable@2.5.0:
+    resolution: {integrity: sha512-60cyAOytib/OzBw1JNSoSV/boK1AtHryDIjvVBk7XbN4ugfkM3+Sry7fEjNgPMGgOjuaZPAp8ruZ0Cxafwyq9g==}
+
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
+  call-bind@1.0.8:
+    resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  camel-case@4.1.2:
+    resolution: {integrity: sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==}
+
+  camelcase-css@2.0.1:
+    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
+    engines: {node: '>= 6'}
+
+  camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+
+  camelcase@6.3.0:
+    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
+    engines: {node: '>=10'}
+
+  caniuse-api@3.0.0:
+    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
+
+  caniuse-lite@1.0.30001806:
+    resolution: {integrity: sha512-72Cuvd95zbSYPKq6Fhg8eDJRlzgWDf7/mtoZv6Qe/DYNCEBdNxoA3+rZAU2ZhGCpZlns3EssFavaZomckT5Uuw==}
+
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  chai@5.3.3:
+    resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
+    engines: {node: '>=18'}
+
+  chai@6.2.2:
+    resolution: {integrity: sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==}
+    engines: {node: '>=18'}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  chalk@5.2.0:
+    resolution: {integrity: sha512-ree3Gqw/nazQAPuJJEy+avdl7QfZMcUvmHIKgEZkGL+xOBzRvup5Hxo6LHuMceSxOabuJLJm5Yp/92R9eMmMvA==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
+  char-regex@1.0.2:
+    resolution: {integrity: sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==}
+    engines: {node: '>=10'}
+
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
+  check-error@2.1.3:
+    resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
+    engines: {node: '>= 16'}
+
+  chokidar@5.0.0:
+    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
+    engines: {node: '>= 20.19.0'}
+
+  chownr@1.1.4:
+    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
+
+  chownr@3.0.0:
+    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
+    engines: {node: '>=18'}
+
+  chrome-trace-event@1.0.4:
+    resolution: {integrity: sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==}
+    engines: {node: '>=6.0'}
+
+  chromium-pickle-js@0.2.0:
+    resolution: {integrity: sha512-1R5Fho+jBq0DDydt+/vHWj5KJNJCKdARKOCwZUen84I5BreWoLqRLANH1U87eJy1tiASPtMnGqJJq0ZsLoRPOw==}
+
+  ci-info@4.3.1:
+    resolution: {integrity: sha512-Wdy2Igu8OcBpI2pZePZ5oWjPC38tmDVx5WKUXKwlLYkA0ozo85sLsLvkBbBn/sZaSCMFOGZJ14fvW9t5/d7kdA==}
+    engines: {node: '>=8'}
+
+  ci-info@4.4.0:
+    resolution: {integrity: sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==}
+    engines: {node: '>=8'}
+
+  cipher-base@1.0.7:
+    resolution: {integrity: sha512-Mz9QMT5fJe7bKI7MH31UilT5cEK5EHHRCccw/YRFsRY47AuNgaV6HY3rscp0/I4Q+tTW/5zoqpSeRRI54TkDWA==}
+    engines: {node: '>= 0.10'}
+
+  cjs-module-lexer@2.2.0:
+    resolution: {integrity: sha512-4bHTS2YuzUvtoLjdy+98ykbNB5jS0+07EvFNXerqZQJ89F7DI6ET7OQo/HJuW6K0aVsKA9hj9/RVb2kQVOrPDQ==}
+
+  classnames@2.5.1:
+    resolution: {integrity: sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==}
+
+  clean-css@5.3.3:
+    resolution: {integrity: sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==}
+    engines: {node: '>= 10.0'}
+
+  cli-cursor@3.1.0:
+    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
+    engines: {node: '>=8'}
+
+  cli-spinners@2.6.1:
+    resolution: {integrity: sha512-x/5fWmGMnbKQAaNwN+UZlV79qBLM9JFnJuJ03gIi5whrob0xV0ofNVHy9DhwGdsMJQc2OKv0oGmLzvaqvAVv+g==}
+    engines: {node: '>=6'}
+
+  cliui@6.0.0:
+    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
+
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
+  clone-deep@4.0.1:
+    resolution: {integrity: sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==}
+    engines: {node: '>=6'}
+
+  clone-regexp@3.0.0:
+    resolution: {integrity: sha512-ujdnoq2Kxb8s3ItNBtnYeXdm07FcU0u8ARAT1lQ2YdMwQC+cdiXX8KoqMVuglztILivceTtp4ivqGSmEmhBUJw==}
+    engines: {node: '>=12'}
+
+  clone-response@1.0.3:
+    resolution: {integrity: sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==}
+
+  clone@1.0.4:
+    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
+    engines: {node: '>=0.8'}
+
+  co@4.6.0:
+    resolution: {integrity: sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==}
+    engines: {iojs: '>= 1.0.0', node: '>= 0.12.0'}
+
+  collect-v8-coverage@1.0.3:
+    resolution: {integrity: sha512-1L5aqIkwPfiodaMgQunkF1zRhNqifHBmtbbbxcr6yVxxBnliw4TDOW6NxpO8DJLgJ16OT+Y4ztZqP6p/FtXnAw==}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+
+  columnify@1.6.0:
+    resolution: {integrity: sha512-lomjuFZKfM6MSAnV9aCZC9sc0qGbmZdfygNv+nCpqVkSKdCxCklLtd16O0EILGkImHw9ZpHkAnHaB+8Zxq5W6Q==}
+    engines: {node: '>=8.0.0'}
+
+  combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
+  commander@11.1.0:
+    resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
+    engines: {node: '>=16'}
+
+  commander@14.0.3:
+    resolution: {integrity: sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==}
+    engines: {node: '>=20'}
+
+  commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+
+  commander@5.1.0:
+    resolution: {integrity: sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==}
+    engines: {node: '>= 6'}
+
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
+  commander@8.3.0:
+    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
+    engines: {node: '>= 12'}
+
+  commander@9.5.0:
+    resolution: {integrity: sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==}
+    engines: {node: ^12.20.0 || >=14}
+
+  commonmark@0.31.2:
+    resolution: {integrity: sha512-2fRLTyb9r/2835k5cwcAwOj0DEc44FARnMp5veGsJ+mEAZdi52sNopLu07ZyElQUz058H43whzlERDIaaSw4rg==}
+    hasBin: true
+
+  compare-version@0.1.2:
+    resolution: {integrity: sha512-pJDh5/4wrEnXX/VWRZvruAGHkzKdr46z11OlTPN+VrATlWWhSKewNCJ1futCO5C7eJB3nPMFZA1LeYtcFboZ2A==}
+    engines: {node: '>=0.10.0'}
+
+  compare-versions@6.1.1:
+    resolution: {integrity: sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==}
+
+  compress-commons@6.0.2:
+    resolution: {integrity: sha512-6FqVXeETqWPoGcfzrXb37E50NP0LXT8kAMu5ooZayhWWdgEY4lBEEcbQNXtkuKQsGduxiIcI4gOTsxTmuq/bSg==}
+    engines: {node: '>= 14'}
+
+  compressible@2.0.18:
+    resolution: {integrity: sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==}
+    engines: {node: '>= 0.6'}
+
+  compression@1.8.1:
+    resolution: {integrity: sha512-9mAqGPHLakhCLeNyxPkK4xVo746zQ/czLH1Ky+vkitMnWfWZps8r0qXuwhwizagCRttsL4lfG4pIOvaWLpAP0w==}
+    engines: {node: '>= 0.8.0'}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  conf@15.1.0:
+    resolution: {integrity: sha512-Uy5YN9KEu0WWDaZAVJ5FAmZoaJt9rdK6kH+utItPyGsCqCgaTKkrmZx3zoE0/3q6S3bcp3Ihkk+ZqPxWxFK5og==}
+    engines: {node: '>=20'}
+
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  confbox@0.2.2:
+    resolution: {integrity: sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==}
+
+  connect-history-api-fallback@2.0.0:
+    resolution: {integrity: sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==}
+    engines: {node: '>=0.8'}
+
+  console-browserify@1.2.0:
+    resolution: {integrity: sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==}
+
+  constants-browserify@1.0.0:
+    resolution: {integrity: sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==}
+
+  content-disposition@1.0.1:
+    resolution: {integrity: sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==}
+    engines: {node: '>=18'}
+
+  content-type@1.0.5:
+    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
+    engines: {node: '>= 0.6'}
+
+  content-type@2.0.0:
+    resolution: {integrity: sha512-j/O/d7GcZCyNl7/hwZAb606rzqkyvaDctLmckbxLzHvFBzTJHuGEdodATcP3yIRoDrLHkIATJuvzbFlp/ki2cQ==}
+    engines: {node: '>=18'}
+
+  convert-hrtime@5.0.0:
+    resolution: {integrity: sha512-lOETlkIeYSJWcbbcvjRKGxVMXJR+8+OQb/mTPbA4ObPMytYIsUbuOE0Jzy60hjARYszq1id0j8KgVhC+WGZVTg==}
+    engines: {node: '>=12'}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cookie-signature@1.2.2:
+    resolution: {integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==}
+    engines: {node: '>=6.6.0'}
+
+  cookie@0.7.2:
+    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
+    engines: {node: '>= 0.6'}
+
+  copy-anything@4.0.5:
+    resolution: {integrity: sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==}
+    engines: {node: '>=18'}
+
+  copy-webpack-plugin@14.0.0:
+    resolution: {integrity: sha512-3JLW90aBGeaTLpM7mYQKpnVdgsUZRExY55giiZgLuX/xTQRUs1dOCwbBnWnvY6Q6rfZoXMNwzOQJCSZPppfqXA==}
+    engines: {node: '>= 20.9.0'}
+    peerDependencies:
+      webpack: ^5.1.0
+
+  core-js-compat@3.49.0:
+    resolution: {integrity: sha512-VQXt1jr9cBz03b331DFDCCP90b3fanciLkgiOoy8SBHy06gNf+vQ1A3WFLqG7I8TipYIKeYK9wxd0tUrvHcOZA==}
+
+  core-js@3.49.0:
+    resolution: {integrity: sha512-es1U2+YTtzpwkxVLwAFdSpaIMyQaq0PBgm3YD1W3Qpsn1NAmO3KSgZfu+oGSWVu6NvLHoHCV/aYcsE5wiB7ALg==}
+
+  core-util-is@1.0.3:
+    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
+
+  cose-base@1.0.3:
+    resolution: {integrity: sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg==}
+
+  cose-base@2.2.0:
+    resolution: {integrity: sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==}
+
+  cosmiconfig@7.1.0:
+    resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==}
+    engines: {node: '>=10'}
+
+  cosmiconfig@8.3.6:
+    resolution: {integrity: sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  cosmiconfig@9.0.2:
+    resolution: {integrity: sha512-gtTZxTDau1wL7Y7zifc2dd8jHSK/k6BTx/2Xp/BpdlAdnlYWFVt7qhJqgwi7637yRwRQ3qL4ZidbB4I8tA5VOg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  counterpart@0.18.6:
+    resolution: {integrity: sha512-cAIDAYbC3x8S2DDbvFEJ4TzPtPYXma25/kfAkfmprNLlkPWeX4SdUp1c2xklfphqCU3HnDaivR4R3BrAYf5OMA==}
+
+  cpu-features@0.0.10:
+    resolution: {integrity: sha512-9IkYqtX3YHPCzoVg1Py+o9057a3i0fp7S530UWokCSaFVTc7CwXPRiOjRjBQQ18ZCNafx78YfnG+HALxtVmOGA==}
+    engines: {node: '>=10.0.0'}
+
+  crc-32@0.3.0:
+    resolution: {integrity: sha512-kucVIjOmMc1f0tv53BJ/5WIX+MGLcKuoBhnGqQrgKJNqLByb/sVMWfW/Aw6hw0jgcqjJ2pi9E5y32zOIpaUlsA==}
+    engines: {node: '>=0.8'}
+
+  crc-32@1.2.2:
+    resolution: {integrity: sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==}
+    engines: {node: '>=0.8'}
+    hasBin: true
+
+  crc32-stream@6.0.0:
+    resolution: {integrity: sha512-piICUB6ei4IlTv1+653yq5+KoqfBYmj9bw6LqXoOneTMDXk5nM1qt12mFW1caG3LlJXEKW1Bp0WggEmIfQB34g==}
+    engines: {node: '>= 14'}
+
+  create-ecdh@4.0.4:
+    resolution: {integrity: sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==}
+
+  create-hash@1.2.0:
+    resolution: {integrity: sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==}
+
+  create-hmac@1.1.7:
+    resolution: {integrity: sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==}
+
+  create-require@1.1.1:
+    resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
+
+  cronstrue@3.24.0:
+    resolution: {integrity: sha512-t/Ji3Ur2c/pzhIAWNwC0ftl3JAE4dLfCjAdZoTZXmPDZwcispnS1PaMcMS4OmIIXyIVouAz+yw+mfQiE3hz5OQ==}
+    hasBin: true
+
+  cross-dirname@0.1.0:
+    resolution: {integrity: sha512-+R08/oI0nl3vfPcqftZRpytksBXDzOUveBq/NBVx0sUp1axwzPQrKinNx5yd5sxPu8j1wIy8AfnVQ+5eFdha6Q==}
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  crypto-browserify@3.12.1:
+    resolution: {integrity: sha512-r4ESw/IlusD17lgQi1O20Fa3qNnsckR126TdUuBgAu7GBYSIPvdNyONd3Zrxh0xCwA4+6w/TDArBPsMvhur+KQ==}
+    engines: {node: '>= 0.10'}
+
+  css-blank-pseudo@8.0.1:
+    resolution: {integrity: sha512-C5B2e5hCM4llrQkUms+KnWEMVW8K1n2XvX9G7ppfMZJQ7KAS/4rNnkP1Cs+HhWriOz1mWWTMFD4j1J7s31Dgug==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  css-box-model@1.2.1:
+    resolution: {integrity: sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==}
+
+  css-declaration-sorter@7.3.1:
+    resolution: {integrity: sha512-gz6x+KkgNCjxq3Var03pRYLhyNfwhkKF1g/yoLgDNtFvVu0/fOLV9C8fFEZRjACp/XQLumjAYo7JVjzH3wLbxA==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss: ^8.0.9
+
+  css-functions-list@3.3.3:
+    resolution: {integrity: sha512-8HFEBPKhOpJPEPu70wJJetjKta86Gw9+CCyCnB3sui2qQfOvRyqBy4IKLKKAwdMpWb2lHXWk9Wb4Z6AmaUT1Pg==}
+    engines: {node: '>=12'}
+
+  css-has-pseudo@8.0.0:
+    resolution: {integrity: sha512-Uz/bsHRbOeir/5Oeuz85tq/yLJLxX+3dpoRdjNTshs6jjqwUg8XaEZGDd0ci3fw7l53Srw0EkJ8mYan0eW5uGQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  css-loader@7.1.4:
+    resolution: {integrity: sha512-vv3J9tlOl04WjiMvHQI/9tmIrCxVrj6PFbHemBB1iihpeRbi/I4h033eoFIhwxBBqLhI0KYFS7yvynBFhIZfTw==}
+    engines: {node: '>= 18.12.0'}
+    peerDependencies:
+      '@rspack/core': 0.x || ^1.0.0 || ^2.0.0-0
+      webpack: ^5.27.0
+    peerDependenciesMeta:
+      '@rspack/core':
+        optional: true
+      webpack:
+        optional: true
+
+  css-minimizer-webpack-plugin@8.0.0:
+    resolution: {integrity: sha512-9bEpzHs8gEq6/cbEj418jXL/YWjBUD2YTLLk905Npt2JODqnRITin0+So5Vx4Dp5vyi2Lpt9pp2QHzQ7fdxNrw==}
+    engines: {node: '>= 20.9.0'}
+    peerDependencies:
+      '@parcel/css': '*'
+      '@swc/css': '*'
+      clean-css: '*'
+      csso: '*'
+      esbuild: '*'
+      lightningcss: '*'
+      webpack: ^5.0.0
+    peerDependenciesMeta:
+      '@parcel/css':
+        optional: true
+      '@swc/css':
+        optional: true
+      clean-css:
+        optional: true
+      csso:
+        optional: true
+      esbuild:
+        optional: true
+      lightningcss:
+        optional: true
+
+  css-prefers-color-scheme@11.0.0:
+    resolution: {integrity: sha512-fv0mgtwUhh2m9iio3Kxc2CkrogjIaRdMFaaqyzSFdii17JF4cfPyMNX72B15ZW2Nrr/NZUpxI4dec1VMHYJvdw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  css-select@4.3.0:
+    resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
+
+  css-select@5.2.2:
+    resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
+
+  css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-tree@3.2.1:
+    resolution: {integrity: sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-what@6.2.2:
+    resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
+    engines: {node: '>= 6'}
+
+  css.escape@1.5.1:
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+
+  cssdb@8.9.0:
+    resolution: {integrity: sha512-J8jOU/hLjaXcO1LldOLraJSQpfLXRKof0I7mtbRyOy2AAXgqst0x9rlgi2qXeD6d0ou3ZLqcPAMqYVbpCbrxEw==}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  cssfontparser@1.2.1:
+    resolution: {integrity: sha512-6tun4LoZnj7VN6YeegOVb67KBX/7JJsqvj+pv3ZA7F878/eN33AbGa5b/S/wXxS/tcp8nc40xRUrsPlxIyNUPg==}
+
+  cssnano-preset-default@7.0.10:
+    resolution: {integrity: sha512-6ZBjW0Lf1K1Z+0OKUAUpEN62tSXmYChXWi2NAA0afxEVsj9a+MbcB1l5qel6BHJHmULai2fCGRthCeKSFbScpA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  cssnano-utils@5.0.1:
+    resolution: {integrity: sha512-ZIP71eQgG9JwjVZsTPSqhc6GHgEr53uJ7tK5///VfyWj6Xp2DBmixWHqJgPno+PqATzn48pL42ww9x5SSGmhZg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  cssnano@7.1.2:
+    resolution: {integrity: sha512-HYOPBsNvoiFeR1eghKD5C3ASm64v9YVyJB4Ivnl2gqKoQYvjjN/G0rztvKQq8OxocUtC6sjqY8jwYngIB4AByA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  cssstyle@4.6.0:
+    resolution: {integrity: sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==}
+    engines: {node: '>=18'}
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  csv-parse@5.6.0:
+    resolution: {integrity: sha512-l3nz3euub2QMg5ouu5U09Ew9Wf6/wQ8I++ch1loQ0ljmzhmfZYrH9fflS22i/PQEvsPvxCwxgz5q7UB8K1JO4Q==}
+
+  cuint@0.2.2:
+    resolution: {integrity: sha512-d4ZVpCW31eWwCMe1YT3ur7mUDnTXbgwyzaL320DrcRT45rfjYxkt5QWLrmOJ+/UEAI2+fQgKe/fCjR8l4TpRgw==}
+
+  cytoscape-cose-bilkent@4.1.0:
+    resolution: {integrity: sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape-fcose@2.2.0:
+    resolution: {integrity: sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape@3.34.0:
+    resolution: {integrity: sha512-62rNSrioXw93uliKFBwjukeQyeWwH2PqDrTac31r2P6464u3AUvTk0xS4LVvT251g7IgkFunrI48ZEZGjywSOg==}
+    engines: {node: '>=0.10'}
+
+  d3-array@2.12.1:
+    resolution: {integrity: sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==}
+
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-axis@3.0.0:
+    resolution: {integrity: sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==}
+    engines: {node: '>=12'}
+
+  d3-brush@3.0.0:
+    resolution: {integrity: sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==}
+    engines: {node: '>=12'}
+
+  d3-chord@3.0.1:
+    resolution: {integrity: sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-contour@4.0.2:
+    resolution: {integrity: sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==}
+    engines: {node: '>=12'}
+
+  d3-delaunay@6.0.4:
+    resolution: {integrity: sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==}
+    engines: {node: '>=12'}
+
+  d3-dispatch@3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
+    engines: {node: '>=12'}
+
+  d3-drag@3.0.0:
+    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
+    engines: {node: '>=12'}
+
+  d3-dsv@3.0.1:
+    resolution: {integrity: sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-fetch@3.0.1:
+    resolution: {integrity: sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==}
+    engines: {node: '>=12'}
+
+  d3-force@3.0.0:
+    resolution: {integrity: sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.2:
+    resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==}
+    engines: {node: '>=12'}
+
+  d3-geo@3.1.1:
+    resolution: {integrity: sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==}
+    engines: {node: '>=12'}
+
+  d3-hierarchy@3.1.2:
+    resolution: {integrity: sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@1.0.9:
+    resolution: {integrity: sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-polygon@3.0.1:
+    resolution: {integrity: sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==}
+    engines: {node: '>=12'}
+
+  d3-quadtree@3.0.1:
+    resolution: {integrity: sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==}
+    engines: {node: '>=12'}
+
+  d3-random@3.0.1:
+    resolution: {integrity: sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==}
+    engines: {node: '>=12'}
+
+  d3-sankey@0.12.3:
+    resolution: {integrity: sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ==}
+
+  d3-scale-chromatic@3.1.0:
+    resolution: {integrity: sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-selection@3.0.0:
+    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@1.3.7:
+    resolution: {integrity: sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
+  d3-transition@3.0.1:
+    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      d3-selection: 2 - 3
+
+  d3-zoom@3.0.0:
+    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
+    engines: {node: '>=12'}
+
+  d3@7.9.0:
+    resolution: {integrity: sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==}
+    engines: {node: '>=12'}
+
+  dagre-d3-es@7.0.14:
+    resolution: {integrity: sha512-P4rFMVq9ESWqmOgK+dlXvOtLwYg0i7u0HBGJER0LZDJT2VHIPAMZ/riPxqJceWMStH5+E61QxFra9kIS3AqdMg==}
+
+  data-urls@5.0.0:
+    resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==}
+    engines: {node: '>=18'}
+
+  date-names@0.1.13:
+    resolution: {integrity: sha512-IxxoeD9tdx8pXVcmqaRlPvrXIsSrSrIZzfzlOkm9u+hyzKp5Wk/odt9O/gd7Ockzy8n/WHeEpTVJ2bF3mMV4LA==}
+
+  dayjs@1.11.21:
+    resolution: {integrity: sha512-98IT+HOahAisibz/yjKbzuOBwYcjJ7BCLPzARyHiyEBmRz4fatF+KPJszEHXsGYjUG234aH/cOjW1wwTbKUZlA==}
+
+  debounce-fn@6.0.0:
+    resolution: {integrity: sha512-rBMW+F2TXryBwB54Q0d8drNEI+TfoS9JpNTAoVpukbWEhjXQq4rySFYLaqXMFXwdv61Zb2OHtj5bviSoimqxRQ==}
+    engines: {node: '>=18'}
+
+  debug@2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decamelize@1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+    engines: {node: '>=0.10.0'}
+
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
+  decompress-response@6.0.0:
+    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
+    engines: {node: '>=10'}
+
+  dedent@1.7.2:
+    resolution: {integrity: sha512-WzMx3mW98SN+zn3hgemf4OzdmyNhhhKz5Ay0pUfQiMQ3e1g+xmTJWp/pKdwKVXhdSkAEGIIzqeuWrL3mV/AXbA==}
+    peerDependencies:
+      babel-plugin-macros: ^3.1.0
+    peerDependenciesMeta:
+      babel-plugin-macros:
+        optional: true
+
+  deep-eql@5.0.2:
+    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
+    engines: {node: '>=6'}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+
+  default-browser-id@5.0.0:
+    resolution: {integrity: sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==}
+    engines: {node: '>=18'}
+
+  default-browser-id@5.0.1:
+    resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==}
+    engines: {node: '>=18'}
+
+  default-browser@5.2.1:
+    resolution: {integrity: sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==}
+    engines: {node: '>=18'}
+
+  default-browser@5.5.0:
+    resolution: {integrity: sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw==}
+    engines: {node: '>=18'}
+
+  defaults@1.0.4:
+    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
+
+  defer-to-connect@2.0.1:
+    resolution: {integrity: sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==}
+    engines: {node: '>=10'}
+
+  define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
+
+  define-lazy-prop@3.0.0:
+    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
+    engines: {node: '>=12'}
+
+  define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
+    engines: {node: '>= 0.4'}
+
+  delaunator@5.1.0:
+    resolution: {integrity: sha512-AGrQ4QSgssa1NGmWmLPqN5NY2KajF5MqxetNEO+o0n3ZwZZeTmt7bBnvzHWrmkZFxGgr4HdyFgelzgi06otLuQ==}
+
+  delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
+  depd@1.1.2:
+    resolution: {integrity: sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==}
+    engines: {node: '>= 0.6'}
+
+  depd@2.0.0:
+    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
+    engines: {node: '>= 0.8'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  des.js@1.1.0:
+    resolution: {integrity: sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  detect-newline@3.1.0:
+    resolution: {integrity: sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==}
+    engines: {node: '>=8'}
+
+  detect-node-es@1.1.0:
+    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+
+  detect-node@2.1.0:
+    resolution: {integrity: sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==}
+
+  detect-port@1.6.1:
+    resolution: {integrity: sha512-CmnVc+Hek2egPx1PeTFVta2W78xy2K/9Rkf6cC4T59S50tVnzKj+tnx5mmx5lwvCkujZ4uRrpRSuV+IVs3f90Q==}
+    engines: {node: '>= 4.0.0'}
+    hasBin: true
+
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
+  diff-dom@5.2.1:
+    resolution: {integrity: sha512-G6WquwIa/XOxiYDYRMxfJj+c+a6LXMv7zgXoAQ3eRjTYkc8Lc4Aq97krTu/B15r243FR7dyeSxDenzKtO6sbfA==}
+
+  diff-match-patch@1.0.5:
+    resolution: {integrity: sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==}
+
+  diff@8.0.4:
+    resolution: {integrity: sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw==}
+    engines: {node: '>=0.3.1'}
+
+  diffie-hellman@5.0.3:
+    resolution: {integrity: sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==}
+
+  dijkstrajs@1.0.3:
+    resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
+
+  dir-compare@4.2.0:
+    resolution: {integrity: sha512-2xMCmOoMrdQIPHdsTawECdNPwlVFB9zGcz3kuhmBO6U3oU+UQjsue0i8ayLKpgBcm+hcXPMVSGUN9d+pvJ6+VQ==}
+
+  dmg-builder@26.15.3:
+    resolution: {integrity: sha512-O3zJUFUYHJKgzPqioHxfxzBzlSC1eXCSr79gMSBKBP5AgjjpmrydMsMLotEg9fAJF36vdUncb+4ndRNxoPdlSQ==}
+
+  dns-packet@5.6.1:
+    resolution: {integrity: sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==}
+    engines: {node: '>=6'}
+
+  docker-compose@1.4.2:
+    resolution: {integrity: sha512-rPHigTKGaEHpkUmfd69QgaOp+Os5vGJwG/Ry8lcr8W/382AmI+z/D7qoa9BybKIkqNppaIbs8RYeHSevdQjWww==}
+    engines: {node: '>= 6.0.0'}
+
+  docker-modem@5.0.7:
+    resolution: {integrity: sha512-XJgGhoR/CLpqshm4d3L7rzH6t8NgDFUIIpztYlLHIApeJjMZKYJMz2zxPsYxnejq5h3ELYSw/RBsi3t5h7gNTA==}
+    engines: {node: '>= 8.0'}
+
+  dockerode@5.0.1:
+    resolution: {integrity: sha512-avsq/xk4YPIrn0CgleX5bjT9Y8IT1p9PxrNQ++RBQ2WEyFfHCTDsT9kmyxz+H/axnjAwg8wJWEIuPGOUuNupiA==}
+    engines: {node: '>= 14.17'}
+
+  doctrine@3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
+    engines: {node: '>=6.0.0'}
+
+  dom-accessibility-api@0.5.16:
+    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
+
+  dom-accessibility-api@0.6.3:
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+
+  dom-converter@0.2.0:
+    resolution: {integrity: sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==}
+
+  dom-helpers@5.2.1:
+    resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
+
+  dom-serializer@1.4.1:
+    resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==}
+
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  dom-serializer@3.0.0:
+    resolution: {integrity: sha512-x+9D6nkC8tdXOQUS32egtZpZFLP90+HBZmWjuT920srbJvD/zPgFB9t4k3pEhlw5BQrXStQtRc1Y1zuriXk+Nw==}
+    engines: {node: '>=20.19.0'}
+
+  domain-browser@4.22.0:
+    resolution: {integrity: sha512-IGBwjF7tNk3cwypFNH/7bfzBcgSCbaMOD3GsaY1AU/JRrnHnYgEM0+9kQt52iZxjNsjBtJYtao146V+f8jFZNw==}
+    engines: {node: '>=10'}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domelementtype@3.0.0:
+    resolution: {integrity: sha512-umCQid3jKbDmVjx8jGaW7uUykm4DEUeyV21hPxNMo2nV955DhUThwqyOIDtreepP31hl84X7G5U9ZfsWvIB3Pg==}
+    engines: {node: '>=20.19.0'}
+
+  domhandler@4.3.1:
+    resolution: {integrity: sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==}
+    engines: {node: '>= 4'}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domhandler@6.0.1:
+    resolution: {integrity: sha512-gYzvtM72ZtxQO0T048kd6HWSbbGCNOUwcnfQ01cqIJ4X2IYKFFHZ5mKvrQETcFXxsRObZulDaKmy//R7TPtsBg==}
+    engines: {node: '>=20.19.0'}
+
+  dompurify@3.4.12:
+    resolution: {integrity: sha512-zQvGet8Z2sWbQhCmfFz/T5QWH2oBmjnqK3qvOjaqaNLrLEF912WamU+ohnTp0TCep/MFVHpdJuCZEdFOdTnEFg==}
+
+  domutils@2.8.0:
+    resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==}
+
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
+
+  domutils@4.0.2:
+    resolution: {integrity: sha512-qI4JLRKnSzqFqr7hAlS5xQDusBCjKSEG4t4+7aNrIQMHBcsC2TGEhuyABJdYkgSewL57PNLYEiibY2iPKhKpaA==}
+    engines: {node: '>=20.19.0'}
+
+  dot-case@3.0.4:
+    resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
+
+  dot-prop@10.1.0:
+    resolution: {integrity: sha512-MVUtAugQMOff5RnBy2d9N31iG0lNwg1qAoAOn7pOK5wf94WIaE3My2p3uwTQuvS2AcqchkcR3bHByjaM0mmi7Q==}
+    engines: {node: '>=20'}
+
+  dotenv-expand@11.0.7:
+    resolution: {integrity: sha512-zIHwmZPRshsCdpMDyVsqGmgyP0yT8GAgXUnkdAoJisxvf33k7yO6OuoKmcTGuXPWSsm8Oh88nZicRLA9Y0rUeA==}
+    engines: {node: '>=12'}
+
+  dotenv-expand@12.0.3:
+    resolution: {integrity: sha512-uc47g4b+4k/M/SeaW1y4OApx+mtLWl92l5LMPP0GNXctZqELk+YGgOPIIC5elYmUH4OuoK3JLhuRUYegeySiFA==}
+    engines: {node: '>=12'}
+
+  dotenv@16.4.7:
+    resolution: {integrity: sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==}
+    engines: {node: '>=12'}
+
+  dotenv@16.6.1:
+    resolution: {integrity: sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==}
+    engines: {node: '>=12'}
+
+  dotenv@17.4.2:
+    resolution: {integrity: sha512-nI4U3TottKAcAD9LLud4Cb7b2QztQMUEfHbvhTH09bqXTxnSie8WnjPALV/WMCrJZ6UV/qHJ6L03OqO3LcdYZw==}
+    engines: {node: '>=12'}
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
+  duplexer2@0.1.4:
+    resolution: {integrity: sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA==}
+
+  earcut@3.0.2:
+    resolution: {integrity: sha512-X7hshQbLyMJ/3RPhyObLARM2sNxxmRALLKx1+NVFFnQ9gKzmCrxm9+uLIAdBcvc8FNLpctqlQ2V6AE92Ol9UDQ==}
+
+  eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
+  ee-first@1.1.1:
+    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
+
+  ejs@3.1.10:
+    resolution: {integrity: sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+
+  ejs@5.0.1:
+    resolution: {integrity: sha512-COqBPFMxuPTPspXl2DkVYaDS3HtrD1GpzOGkNTJ1IYkifq/r9h8SVEFrjA3D9/VJGOEoMQcrlhpntcSUrM8k6A==}
+    engines: {node: '>=0.12.18'}
+    hasBin: true
+
+  electron-builder-squirrel-windows@26.15.3:
+    resolution: {integrity: sha512-Jc19XPV9y9+2bAdZPkXuVNGNIEFBq9poHC61l8Kv6FdK7DRG3+Ic0rerC0DXOaeHNz8yW0fg/JnF8GQROOF5MA==}
+
+  electron-builder@26.15.3:
+    resolution: {integrity: sha512-a1KM5heqS3gQCZzizXEI8RjJy3QVogULPdeSknt76uLDpBIW/HDGsMg/XgP0riP6PI9COsRvFITKKGDqA8fJxA==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  electron-devtools-installer@4.0.0:
+    resolution: {integrity: sha512-9Tntu/jtfSn0n6N/ZI6IdvRqXpDyLQiDuuIbsBI+dL+1Ef7C8J2JwByw58P3TJiNeuqyV3ZkphpNWuZK5iSY2w==}
+
+  electron-publish@26.15.3:
+    resolution: {integrity: sha512-g/2bn8YTavY4cuS5F+jOS7zmZbXXBV8KZ8yHKfJjFPoKtzBqrpCdNPxBd3tqdBwP7BVd0lGzf7Bk2s0KesWZ4Q==}
+
+  electron-store@11.0.2:
+    resolution: {integrity: sha512-4VkNRdN+BImL2KcCi41WvAYbh6zLX5AUTi4so68yPqiItjbgTjqpEnGAqasgnG+lB6GuAyUltKwVopp6Uv+gwQ==}
+    engines: {node: '>=20'}
+
+  electron-to-chromium@1.5.396:
+    resolution: {integrity: sha512-yHiw2Y3C3H9U6TMbOfoWK/BPreiOPXRfTWPBwQBoZG6/8TB6eOPnsy5oaRYuatR7Fw2SJ4kKforgufeo7fq0EQ==}
+
+  electron-window-state@5.0.3:
+    resolution: {integrity: sha512-1mNTwCfkolXl3kMf50yW3vE2lZj0y92P/HYWFBrb+v2S/pCka5mdwN3cagKm458A7NjndSwijynXgcLWRodsVg==}
+    engines: {node: '>=8.0.0'}
+
+  electron-winstaller@5.4.0:
+    resolution: {integrity: sha512-bO3y10YikuUwUuDUQRM4KfwNkKhnpVO7IPdbsrejwN9/AABJzzTQ4GeHwyzNSrVO+tEH3/Np255a3sVZpZDjvg==}
+    engines: {node: '>=8.0.0'}
+
+  electron@43.2.0:
+    resolution: {integrity: sha512-80zvrgG7ZRXD+tD0IyLvrnN9n+veSxadMRsMaC9wKKP3iUbtC7rGM8+dVuCmOb0Rrwwv8ESW4awnUZh9Hbp1fA==}
+    engines: {node: '>= 22.12.0'}
+    hasBin: true
+
+  elliptic@6.6.1:
+    resolution: {integrity: sha512-RaddvvMatK2LJHqFJ+YA4WysVN5Ita9E35botqIYspQ4TkRAlCicdzKOjlyv/1Za5RyTNn7di//eEV0uTAfe3g==}
+
+  emittery@0.13.1:
+    resolution: {integrity: sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==}
+    engines: {node: '>=12'}
+
+  emoji-regex-xs@1.0.0:
+    resolution: {integrity: sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
+  emojibase-data@17.0.0:
+    resolution: {integrity: sha512-Yvgb5AWoHViHV/gq1qr5ZAarcBip+B27/ZLRsUJkbgAEaLlZ/fof9g882LTpmEpyhBNEC0m2SEmItljHsTygjA==}
+    peerDependencies:
+      emojibase: '*'
+
+  emojibase-regex@17.0.0:
+    resolution: {integrity: sha512-iWlqiz2l2zNf2lDqgN/7qjqKHVUX6H4D+8F5vDZkgjyWyRFXcA5K4rxkoTl7AJmyjHnoytw0m/do2SrGByui+g==}
+
+  emojibase@17.0.0:
+    resolution: {integrity: sha512-bXdpf4HPY3p41zK5swVKZdC/VynsMZ4LoLxdYDE+GucqkFwzcM1GVc4ODfYAlwoKaf2U2oNNUoOO78N96ovpBA==}
+    engines: {node: '>=18.12.0'}
+
+  emojis-list@3.0.0:
+    resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==}
+    engines: {node: '>= 4'}
+
+  empathic@2.0.1:
+    resolution: {integrity: sha512-YGRs8knHhKHVShLkFET/rWAU8kmHbOV5LwN938RHI0pljAJ1Gf6SzXsSmRaEzcXTtOOmVqJ5+WtQPL5uigY50Q==}
+    engines: {node: '>=14'}
+
+  encodeurl@2.0.0:
+    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
+    engines: {node: '>= 0.8'}
+
+  end-of-stream@1.4.5:
+    resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
+
+  enhanced-resolve@5.24.5:
+    resolution: {integrity: sha512-L1l8TNvomm6UVW5B253AGxQagSQr+vGwhMlrrfRS2qmhx46AMpMVJKQYLvWYbysTMY8VoicOvzHzoHMbyzB+4A==}
+    engines: {node: '>=10.13.0'}
+
+  enquirer@2.3.6:
+    resolution: {integrity: sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==}
+    engines: {node: '>=8.6'}
+
+  entities@2.2.0:
+    resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
+
+  entities@3.0.1:
+    resolution: {integrity: sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==}
+    engines: {node: '>=0.12'}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  entities@6.0.1:
+    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
+    engines: {node: '>=0.12'}
+
+  entities@7.0.1:
+    resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
+    engines: {node: '>=0.12'}
+
+  entities@8.0.0:
+    resolution: {integrity: sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==}
+    engines: {node: '>=20.19.0'}
+
+  env-paths@2.2.1:
+    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
+    engines: {node: '>=6'}
+
+  env-paths@3.0.0:
+    resolution: {integrity: sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  envinfo@7.21.0:
+    resolution: {integrity: sha512-Lw7I8Zp5YKHFCXL7+Dz95g4CcbMEpgvqZNNq3AmlT5XAV6CgAAk6gyAMqn2zjw08K9BHfcNuKrMiCPLByGafow==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  err-code@2.0.3:
+    resolution: {integrity: sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==}
+
+  error-ex@1.3.4:
+    resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
+
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  es-module-lexer@2.3.1:
+    resolution: {integrity: sha512-shc1dbU90Yl/xq1QrC7QRtfcwURZuVRfPhZbDoldJ1cn1gzDvBaBWlv0eFolj5+0znnPJz5TXLxsN77X/12KTA==}
+
+  es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
+    engines: {node: '>= 0.4'}
+
+  es-set-tostringtag@2.1.0:
+    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
+    engines: {node: '>= 0.4'}
+
+  es-toolkit@1.49.0:
+    resolution: {integrity: sha512-G5iZ6Pc/FNRY/soKZHC+TxGDD83rHUDXxzaWhGCX44vAv/tMs56WMusnm/KMNK+luUPsgA9U28cGr4RDlSzL2g==}
+
+  es6-error@4.1.1:
+    resolution: {integrity: sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==}
+
+  esbuild@0.27.4:
+    resolution: {integrity: sha512-Rq4vbHnYkK5fws5NF7MYTU68FPRE1ajX7heQ/8QXXWqNgqqJ/GkmmyxIzUnf2Sr/bakf8l54716CcMGHYhMrrQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+
+  escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+
+  escape-string-regexp@2.0.0:
+    resolution: {integrity: sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==}
+    engines: {node: '>=8'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
+  eslint-plugin-element-call@https://codeload.github.com/element-hq/element-call/tar.gz/2d64cf4b308c770118dbbdb914af332e5baa7702#path:/eslint:
+    resolution: {gitHosted: true, integrity: sha512-qGDBRFWHo6ZDWGjFah9vXP4xgqQ/IxFuuUJ2ge7NHP+q/rzzve9RY4aIvMb3XVM3QokXWJw9FKyNAxFRV+d8tg==, path: /eslint, tarball: https://codeload.github.com/element-hq/element-call/tar.gz/2d64cf4b308c770118dbbdb914af332e5baa7702}
+    version: 0.0.0
+
+  eslint-plugin-storybook@10.5.5:
+    resolution: {integrity: sha512-xGCrddoZ8pMmwc7M5mp+habWbvqBjRuyGVTJ6RpavpoAP6NBUfGSRXHuBs7cHRDpDSuErYeDiEo4XHTonRp68g==}
+    peerDependencies:
+      eslint: '>=8'
+      storybook: ^10.5.5
+
+  eslint-scope@5.1.1:
+    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
+    engines: {node: '>=8.0.0'}
+
+  eslint-scope@7.2.2:
+    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@5.0.1:
+    resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@8.57.1:
+    resolution: {integrity: sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
+    hasBin: true
+
+  espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@4.3.0:
+    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  etag@1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+
+  event-target-shim@5.0.1:
+    resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
+    engines: {node: '>=6'}
+
+  events-universal@1.0.1:
+    resolution: {integrity: sha512-LUd5euvbMLpwOF8m6ivPCbhQeSiYVNb8Vs0fQ8QjXo0JTkEHpz8pxdQf0gStltaPpw0Cca8b39KxvK9cfKRiAw==}
+
+  events@3.3.0:
+    resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
+    engines: {node: '>=0.8.x'}
+
+  evp_bytestokey@1.0.3:
+    resolution: {integrity: sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==}
+
+  except@0.1.3:
+    resolution: {integrity: sha512-ouwgJavvMOTOfy0RE8NGQFAIoWh8ehJhkuxDyXxngMVTxTq7HGE7gZopZhqKFnu5lZLI+qQdtvJ8n03ehp7RJg==}
+
+  execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+
+  exit-x@0.2.2:
+    resolution: {integrity: sha512-+I6B/IkJc1o/2tiURyz/ivu/O0nKNEArIUB5O7zBrlDVJr22SCLH3xTeEry428LvFhRzIA1g8izguxJ/gbNcVQ==}
+    engines: {node: '>= 0.8.0'}
+
+  expect-type@1.3.0:
+    resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
+    engines: {node: '>=12.0.0'}
+
+  expect@30.4.1:
+    resolution: {integrity: sha512-PMARsyh/JtqC20HoGqlFcIlQAyqUtW4PlI1rup1uhYJtKuwAjbvWi3GQMAn+STdHum/dk8xrKfUM1+5SAwpolA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  exponential-backoff@3.1.3:
+    resolution: {integrity: sha512-ZgEeZXj30q+I0EN+CbSSpIyPaJ5HVQD18Z1m+u1FXbAeT94mr1zw50q4q6jiiC447Nl/YTcIYSAftiGqetwXCA==}
+
+  express@5.2.1:
+    resolution: {integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==}
+    engines: {node: '>= 18'}
+
+  exsolve@1.0.8:
+    resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==}
+
+  extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+
+  fake-indexeddb@6.2.5:
+    resolution: {integrity: sha512-CGnyrvbhPlWYMngksqrSSUT1BAVP49dZocrHuK0SvtR0D5TMs5wP0o3j7jexDJW01KSadjBp1M/71o/KR3nD1w==}
+    engines: {node: '>=18'}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-fifo@1.3.2:
+    resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
+
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
+    engines: {node: '>=8.6.0'}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fast-uri@3.1.5:
+    resolution: {integrity: sha512-gHwA1O9LDIcKunMKhObS/HimwtehO1nPUECKAu5TpKgaO19fcWEl4bliWe1jWxVFvIXztJjjQ4L8XQ1EU9f7Jw==}
+
+  fastest-levenshtein@1.0.16:
+    resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
+    engines: {node: '>= 4.9.1'}
+
+  fastq@1.20.1:
+    resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
+
+  fb-watchman@2.0.2:
+    resolution: {integrity: sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==}
+
+  fd-package-json@2.0.0:
+    resolution: {integrity: sha512-jKmm9YtsNXN789RS/0mSzOC1NUq9mkVd65vbSSVsKdjGvYXBuE4oWe2QOEoFeRmJg+lPuZxpmrfFclNhoRMneQ==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  fetch-mock@12.6.0:
+    resolution: {integrity: sha512-oAy0OqAvjAvduqCeWveBix7LLuDbARPqZZ8ERYtBcCURA3gy7EALA3XWq0tCNxsSg+RmmJqyaeeZlOCV9abv6w==}
+    engines: {node: '>=18.11.0'}
+
+  fflate@0.4.8:
+    resolution: {integrity: sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==}
+
+  figures@3.2.0:
+    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
+    engines: {node: '>=8'}
+
+  file-entry-cache@11.1.5:
+    resolution: {integrity: sha512-+PFTHITI08JIGhnNpGNI8T8inUpgZfk3GNEqfT9R2zZV2iFXg3CvqzSl/uEhs7TSGujYRELEANyDvS8Fj7+S7Q==}
+
+  file-entry-cache@6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+
+  file-loader@6.2.0:
+    resolution: {integrity: sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==}
+    engines: {node: '>= 10.13.0'}
+    peerDependencies:
+      webpack: ^4.0.0 || ^5.0.0
+
+  file-saver@2.0.5:
+    resolution: {integrity: sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==}
+
+  file@0.2.2:
+    resolution: {integrity: sha512-gwabMtChzdnpDJdPEpz8Vr/PX0pU85KailuPV71Zw/un5yJVKvzukhB3qf6O3lnTwIe5CxlMYLh3jOK3w5xrLA==}
+
+  filelist@1.0.4:
+    resolution: {integrity: sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==}
+
+  filesize@11.0.22:
+    resolution: {integrity: sha512-RlCVs9CY+oSsRnNZn95J9vDXjNjOwddKyTFjOYtA4yxYVIxBnwiVVGJX+TFhsmu3uUf81JDGyijtYL9xgawlTw==}
+    engines: {node: '>= 10.8.0'}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  finalhandler@2.1.1:
+    resolution: {integrity: sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==}
+    engines: {node: '>= 18.0.0'}
+
+  find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@3.2.0:
+    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+
+  flat-cache@6.1.23:
+    resolution: {integrity: sha512-f++BY9pTk+983xK1FLzlLpmM0i0z+jHmx3QESGkURMXujQZz1k5wzwX6hjnQ8goaD0B+sYnDK1yZ6MTyZfUaqA==}
+
+  flat@5.0.2:
+    resolution: {integrity: sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==}
+    hasBin: true
+
+  flatted@3.4.4:
+    resolution: {integrity: sha512-5+ybhBZANEJxaH3X5evAFatUxLfEHSr7n6kYJ+1Qd0mUqr4eu9gIf6GDbWHf8RJijHrjjO8G+la14SlL2SeS1Q==}
+
+  focus-lock@1.3.6:
+    resolution: {integrity: sha512-Ik/6OCk9RQQ0T5Xw+hKNLWrjSMtv51dD4GRmJjbD5a58TIEpI5a5iXagKVl3Z5UuyslMCA8Xwnu76jQob62Yhg==}
+    engines: {node: '>=10'}
+
+  focus-trap@7.8.0:
+    resolution: {integrity: sha512-/yNdlIkpWbM0ptxno3ONTuf+2g318kh2ez3KSeZN5dZ8YC6AAmgeWz+GasYYiBJPFaYcSAPeu4GfhUaChzIJXA==}
+
+  follow-redirects@1.16.0:
+    resolution: {integrity: sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
+  for-each@0.3.5:
+    resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
+    engines: {node: '>= 0.4'}
+
+  foreachasync@3.0.0:
+    resolution: {integrity: sha512-J+ler7Ta54FwwNcx6wQRDhTIbNeyDcARMkOcguEqnEdtm0jKvN3Li3PDAb2Du3ubJYEWfYL83XMROXdsXAXycw==}
+
+  foreground-child@3.3.1:
+    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
+    engines: {node: '>=14'}
+
+  form-data@4.0.6:
+    resolution: {integrity: sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==}
+    engines: {node: '>= 6'}
+
+  formatly@0.3.0:
+    resolution: {integrity: sha512-9XNj/o4wrRFyhSMJOvsuyMwy8aUfBaZ1VrqHVfohyXf0Sw0e+yfKG+xZaY3arGCOMdwFsqObtzVOc1gU9KiT9w==}
+    engines: {node: '>=18.3.0'}
+    hasBin: true
+
+  forwarded@0.2.0:
+    resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
+    engines: {node: '>= 0.6'}
+
+  fraction.js@5.3.4:
+    resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
+
+  framer-motion@12.42.2:
+    resolution: {integrity: sha512-5XY9luDiu0oHfHBjpDthFMh0ES+122w6p/papSJBweMkO8Sn+PW2QaEgRblQBpWFnuvZS5qvarpt/hO2pjGmnw==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
+  fresh@2.0.0:
+    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
+    engines: {node: '>= 0.8'}
+
+  fs-constants@1.0.0:
+    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
+
+  fs-extra@10.1.0:
+    resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
+    engines: {node: '>=12'}
+
+  fs-extra@11.3.6:
+    resolution: {integrity: sha512-w8ZNZr2mKIc7qeNaQ9AVPT1+iFaI+Avd4xudVOvdDJ8VytREi1Ft5Ih7hd9jjehod8vAM5GMsfQ/TpPf4EyoEA==}
+    engines: {node: '>=14.14'}
+
+  fs-extra@11.4.0:
+    resolution: {integrity: sha512-EQsFzMUJkCKGr1ePqlYADkIUmHW1s3ZXr5Yqy6wbGrfUCphpl2maM/kyOIRA2HpP3AaFQTZXD4ldjek+nccddA==}
+    engines: {node: '>=14.14'}
+
+  fs-extra@7.0.1:
+    resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
+    engines: {node: '>=6 <7 || >=8'}
+
+  fs-extra@8.1.0:
+    resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
+    engines: {node: '>=6 <7 || >=8'}
+
+  fs-extra@9.1.0:
+    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
+    engines: {node: '>=10'}
+
+  fs-minipass@3.0.3:
+    resolution: {integrity: sha512-XUBA9XClHbnJWSfBzjkm6RvPsyg3sryZt06BEQoXcF7EK/xpGaQYJgQKDJSUH5SGZ76Y7pFx1QBnXz09rU5Fbw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+
+  fs@0.0.1-security:
+    resolution: {integrity: sha512-3XY9e1pP0CVEUCdj5BmfIZxRBTSDycnbqhIOGec9QYtmVH2fbLpj86CFWkrNOkt/Fvty4KZG5lTglL9j/gJ87w==}
+
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  function-timeout@0.1.1:
+    resolution: {integrity: sha512-0NVVC0TaP7dSTvn1yMiy6d6Q8gifzbvQafO46RtLG/kHJUBNd+pVRGOBoK44wNBvtSPUJRfdVvkFdD3p0xvyZg==}
+    engines: {node: '>=14.16'}
+
+  generator-function@2.0.1:
+    resolution: {integrity: sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==}
+    engines: {node: '>= 0.4'}
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
+  get-east-asian-width@1.6.0:
+    resolution: {integrity: sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==}
+    engines: {node: '>=18'}
+
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+
+  get-nonce@1.0.1:
+    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
+    engines: {node: '>=6'}
+
+  get-package-type@0.1.0:
+    resolution: {integrity: sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==}
+    engines: {node: '>=8.0.0'}
+
+  get-port@5.1.1:
+    resolution: {integrity: sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==}
+    engines: {node: '>=8'}
+
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
+  get-stream@5.2.0:
+    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
+    engines: {node: '>=8'}
+
+  get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+
+  get-tsconfig@4.14.0:
+    resolution: {integrity: sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==}
+
+  github-markdown-css@5.9.0:
+    resolution: {integrity: sha512-tmT5sY+zvg2302XLYEfH2mtkViIM1SWf2nvYoF5N1ZsO0V6B2qZTiw3GOzw4vpjLygK/KG35qRlPFweHqfzz5w==}
+    engines: {node: '>=10'}
+
+  gl-matrix@3.4.4:
+    resolution: {integrity: sha512-latSnyDNt/8zYUB6VIJ6PCh2jBjJX6gnDsoCZ7LyW7GkqrD51EWwa9qCoGixj8YqBtETQK/xY7OmpTF8xz1DdQ==}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  glob-to-regex.js@1.2.0:
+    resolution: {integrity: sha512-QMwlOQKU/IzqMUOAZWubUOT8Qft+Y0KQWnX9nK3ch0CJg0tTp4TvGZsTfudYKv2NzoQSyPcnA6TYeIQ3jGichQ==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  glob-to-regexp@0.4.1:
+    resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
+
+  glob@10.5.0:
+    resolution: {integrity: sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==}
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
+    hasBin: true
+
+  glob@13.0.6:
+    resolution: {integrity: sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==}
+    engines: {node: 18 || 20 || >=22}
+
+  glob@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
+
+  global-agent@3.0.0:
+    resolution: {integrity: sha512-PT6XReJ+D07JvGoxQMkT6qji/jVNfX/h364XHZOWeRzy64sSFr+xJ5OX7LI3b4MPQzdL4H8Y8M0xzPpsVMwA8Q==}
+    engines: {node: '>=10.0'}
+
+  global-modules@2.0.0:
+    resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==}
+    engines: {node: '>=6'}
+
+  global-prefix@3.0.0:
+    resolution: {integrity: sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==}
+    engines: {node: '>=6'}
+
+  globals@13.24.0:
+    resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
+    engines: {node: '>=8'}
+
+  globalthis@1.0.4:
+    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
+    engines: {node: '>= 0.4'}
+
+  globby@16.2.2:
+    resolution: {integrity: sha512-NLvV9ubZ6NDsJaOpKPy3cQeJpKi9DcWiyCiFUpJPA0YihRqiE6RWaLUmgNNPr8MgPpLZjnBjSmou7uZBRJv9wA==}
+    engines: {node: '>=20'}
+
+  globjoin@0.1.4:
+    resolution: {integrity: sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==}
+
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
+  got@11.8.6:
+    resolution: {integrity: sha512-6tfZ91bOr7bOXnK7PRDCGBLa1H4U080YHNaAQ2KsMGlLEzRbk44nsZF2E1IeRc3vtJHPVbKCYgdFbaGO2ljd8g==}
+    engines: {node: '>=10.19.0'}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+
+  hachure-fill@0.5.2:
+    resolution: {integrity: sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg==}
+
+  handlebars@4.7.9:
+    resolution: {integrity: sha512-4E71E0rpOaQuJR2A3xDZ+GM1HyWYv1clR58tC8emQNeQe3RH7MAzSbat+V0wG78LQBo6m6bzSG/L4pBuCsgnUQ==}
+    engines: {node: '>=0.4.7'}
+    hasBin: true
+
+  happy-dom@20.11.1:
+    resolution: {integrity: sha512-XSt8tMzbW9ymE7687xztkO1ckR7qJNQ3LywY9vlYGhGi3zXrGBHuUo2Cl1ztZaICW+1eAGdkLbj6iwVqDT33kg==}
+    engines: {node: '>=20.0.0'}
+
+  harmony-reflect@1.6.2:
+    resolution: {integrity: sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  has-flag@5.0.1:
+    resolution: {integrity: sha512-CsNUt5x9LUdx6hnk/E2SZLsDyvfqANZSUq4+D3D8RzDJ2M+HDTIkF60ibS1vHaK55vzgiZw1bEPFG9yH7l33wA==}
+    engines: {node: '>=12'}
+
+  has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+
+  hash-base@3.0.5:
+    resolution: {integrity: sha512-vXm0l45VbcHEVlTCzs8M+s0VeYsB2lnlAaThoLKGXr3bE/VWDOelNUnycUPEhKEaXARL2TEFjBOyUiM6+55KBg==}
+    engines: {node: '>= 0.10'}
+
+  hash-base@3.1.2:
+    resolution: {integrity: sha512-Bb33KbowVTIj5s7Ked1OsqHUeCpz//tPwR+E2zJgJKo9Z5XolZ9b6bdUgjmYlwnWhoOQKoTd1TYToZGn5mAYOg==}
+    engines: {node: '>= 0.8'}
+
+  hash.js@1.1.7:
+    resolution: {integrity: sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==}
+
+  hashery@1.5.1:
+    resolution: {integrity: sha512-iZyKG96/JwPz1N55vj2Ie2vXbhu440zfUfJvSwEqEbeLluk7NnapfGqa7LH0mOsnDxTF85Mx8/dyR6HfqcbmbQ==}
+    engines: {node: '>=20'}
+
+  hasown@2.0.4:
+    resolution: {integrity: sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==}
+    engines: {node: '>= 0.4'}
+
+  hast-util-to-html@9.0.5:
+    resolution: {integrity: sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==}
+
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
+  he@1.2.0:
+    resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
+    hasBin: true
+
+  highlight.js@11.11.1:
+    resolution: {integrity: sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==}
+    engines: {node: '>=12.0.0'}
+
+  hmac-drbg@1.0.1:
+    resolution: {integrity: sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==}
+
+  hoist-non-react-statics@3.3.2:
+    resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
+
+  hookable@5.5.3:
+    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
+
+  hookified@1.15.1:
+    resolution: {integrity: sha512-MvG/clsADq1GPM2KGo2nyfaWVyn9naPiXrqIe4jYjXNZQt238kWyOGrsyc/DmRAQ+Re6yeo6yX/yoNCG5KAEVg==}
+
+  hookified@2.2.0:
+    resolution: {integrity: sha512-p/LgFzRN5FeoD3DLS6bkUapeye6E4SI6yJs6KetENd18S+FBthqYq2amJUWpt5z0EQwwHemidjY5OqJGEKm5uA==}
+
+  hosted-git-info@10.1.1:
+    resolution: {integrity: sha512-DeOnSPAvOndYKfw075gt8yZzQ7S2hNztw34zBTfhIzLhmBTswIBg5/y+pqu/VD5cYWm5goAFTusDmUEmKZ0PEQ==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  hosted-git-info@4.1.0:
+    resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==}
+    engines: {node: '>=10'}
+
+  html-dom-parser@8.0.0:
+    resolution: {integrity: sha512-cWLJ8mt930VceOzVfY/J+T1ou9v3ENT0BgWqy5aEZjdFp37TYLXULjX8u0vD2rBpFAkK5IofOPl0y4Gq0QLIyA==}
+
+  html-encoding-sniffer@4.0.0:
+    resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
+    engines: {node: '>=18'}
+
+  html-entities@2.6.0:
+    resolution: {integrity: sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==}
+
+  html-escaper@2.0.2:
+    resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
+
+  html-escaper@3.0.3:
+    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
+
+  html-minifier-terser@6.1.0:
+    resolution: {integrity: sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  html-react-parser@6.1.5:
+    resolution: {integrity: sha512-jhdRR0fSkdkVlAmDIk5lS+IMSjCgFSfe+nI69DUwaxkWOgid2mk7RhoYxsQ7B6hzCghAI5YPz2B1jbskHhbaLg==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: 0.14 || 15 || 16 || 17 || 18 || 19
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  html-tags@5.1.0:
+    resolution: {integrity: sha512-n6l5uca7/y5joxZ3LUePhzmBFUJ+U2YWzhMa8XUTecSeSlQiZdF5XAd/Q3/WUl0VsXgUwWi8I7CNIwdI5WN1SQ==}
+    engines: {node: '>=20.10'}
+
+  html-void-elements@3.0.0:
+    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
+
+  html-webpack-plugin@5.6.8:
+    resolution: {integrity: sha512-MZmKQcTnhEh1SPSyMiEytIeDZDUoBZVorNHivQGXMASHf/BSGGOrKa2xQ5bGx3TCe1n109ecCt+cpww7wwWhKA==}
+    engines: {node: '>=10.13.0'}
+    peerDependencies:
+      '@rspack/core': 0.x || 1.x || 2.x
+      webpack: ^5.20.0
+    peerDependenciesMeta:
+      '@rspack/core':
+        optional: true
+      webpack:
+        optional: true
+
+  htmlparser2@10.1.0:
+    resolution: {integrity: sha512-VTZkM9GWRAtEpveh7MSF6SjjrpNVNNVJfFup7xTY3UpFtm67foy9HDVXneLtFVt4pMz5kZtgNcvCniNFb1hlEQ==}
+
+  htmlparser2@12.0.0:
+    resolution: {integrity: sha512-Tz7u1i95/g2x2jz81+x0FBVhBhY5aRTvD3tXXdFaljuNdzDLJ8UGNRrTcj2cgQvAg3iW/h77Fz15nLW0L0CrZw==}
+    engines: {node: '>=20.19.0'}
+
+  htmlparser2@6.1.0:
+    resolution: {integrity: sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==}
+
+  http-cache-semantics@4.2.0:
+    resolution: {integrity: sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==}
+
+  http-errors@1.8.1:
+    resolution: {integrity: sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==}
+    engines: {node: '>= 0.6'}
+
+  http-errors@2.0.1:
+    resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
+    engines: {node: '>= 0.8'}
+
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
+  http-proxy-agent@9.1.0:
+    resolution: {integrity: sha512-2NxoveTT58mjYT4n3RPTEfCZGLMbidoO8XEieXfpSYxu+PQJ1qpx4ypwH6N+uF9twBPIvRRgvkvW5HUTYWENig==}
+    engines: {node: '>= 20'}
+
+  http-proxy-middleware@4.2.0:
+    resolution: {integrity: sha512-ZA+oNOoM+GLoFTIzhkJptVQov73Srep2LBqhF8hG8CIPKO3nam1jonXVQ/QUH8RbwsmaaVz2SOJdzBNBHNtKbw==}
+    engines: {node: ^22.15.0 || ^24.0.0 || >=26.0.0}
+
+  http2-wrapper@1.0.3:
+    resolution: {integrity: sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==}
+    engines: {node: '>=10.19.0'}
+
+  https-browserify@1.0.0:
+    resolution: {integrity: sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==}
+
+  https-proxy-agent@5.0.1:
+    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
+    engines: {node: '>= 6'}
+
+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
+
+  https-proxy-agent@9.1.0:
+    resolution: {integrity: sha512-ag87y7cJJ9/3+GxFr8Oy4O5faDsGRGnBGsJj/YjOSsSx/5eadKLYTMPlzuR6obgoCDDm0abAAZitXXQkMOPSpA==}
+    engines: {node: '>= 20'}
+
+  httpxy@0.5.4:
+    resolution: {integrity: sha512-URfeibL0kTH6VuIxxaJDXWQWEk8fKr+9L8MGv6CuAiNy0fGnoVhWbXBvJR1mkdsvCDUxvhX9cW60k2AhtH5s6w==}
+
+  human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+
+  husky@9.1.7:
+    resolution: {integrity: sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  hyperdyperid@1.2.0:
+    resolution: {integrity: sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==}
+    engines: {node: '>=10.18'}
+
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
+  iconv-lite@0.7.3:
+    resolution: {integrity: sha512-IKXpvIzjnC9XTAUbVBcMfGS0EPaIXtW6v+zr+RRp+hqULEpo0owZax6wyRwPOJbWbzjYspQwusTsfVr0ifh4uQ==}
+    engines: {node: '>=0.10.0'}
+
+  icss-utils@5.1.0:
+    resolution: {integrity: sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  identity-obj-proxy@3.0.0:
+    resolution: {integrity: sha512-00n6YnVHKrinT9t0d9+5yZC6UBNJANpYEQvL2LlX6Ab9lnmxzIRcEmTPuyGScvl1+jKuCICX1Z0Ab1pPKKdikA==}
+    engines: {node: '>=4'}
+
+  ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+
+  ignore-walk@9.0.0:
+    resolution: {integrity: sha512-tCBEZV2z2FNpIDl2vrhiWzIHzs4qOAuIDEO85eS02vZ3L1U3P56qpPL8GuGGAijDktAEaq2swMkO/Fmbo7YmfQ==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  ignore@7.0.5:
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
+
+  ignore@7.0.6:
+    resolution: {integrity: sha512-BAg6QkE8W+TuQLrrw0Ugr7HegXduRuuj8/ti2kSOc+jz1dmx8/WNcjr6XGnq5YpDWxFwwaavqD0+jIUOKelTsw==}
+    engines: {node: '>= 4'}
+
+  immediate@3.0.6:
+    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
+
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
+    engines: {node: '>=6'}
+
+  import-in-the-middle@3.3.2:
+    resolution: {integrity: sha512-jTd2FfOgOWOdgjkHuk/1Ms8VKFXkPs15ymYBETw1sAOrO/dY3XeGVRWir9qBbw7pXr0T2eTFwfCZ+N02HmiNGA==}
+    engines: {node: '>=18'}
+
+  import-lazy@4.0.0:
+    resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
+    engines: {node: '>=8'}
+
+  import-local@3.2.0:
+    resolution: {integrity: sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  import-meta-resolve@4.2.0:
+    resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+
+  indexof@0.0.1:
+    resolution: {integrity: sha512-i0G7hLJ1z0DE8dsqJa2rycj9dBmNKgXBvotXtZYXakU9oivfB9Uj2ZBC27qqef2U58/ZLwalxa1X/RDCdkHtVg==}
+
+  inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
+  ini@7.0.0:
+    resolution: {integrity: sha512-ifK0CgjALofS5bkrcTy4RaQ9Vx2Knf/eLeIO+NaswQEpH1UblrtTSCIvN71qQDMq0PeQ/SSPojvEJp9vvvfr+w==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  inline-style-parser@0.2.9:
+    resolution: {integrity: sha512-IttN8BqKLxzUrnTqHI+/hwAJQItBAUjdoHERCDv+oOuX48VP6bzW8+QjOXSfoevzq3YrYAwX1uLHp8TqO9yIeg==}
+
+  internmap@1.0.1:
+    resolution: {integrity: sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==}
+
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
+  interpret@3.1.1:
+    resolution: {integrity: sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==}
+    engines: {node: '>=10.13.0'}
+
+  ip-address@10.4.0:
+    resolution: {integrity: sha512-oSK96Grm3aP6OrS263xVxbNDGVL7rzBtYdpGqlDG8iQdoenDoTs/nkki+DflYbAEE8Xl6o5YxhxlrKvI3nqKXQ==}
+    engines: {node: '>= 12'}
+
+  ip-regex@5.0.0:
+    resolution: {integrity: sha512-fOCG6lhoKKakwv+C6KdsOnGvgXnmgfmp0myi3bcNwj3qfwPAxRKWEuFhvEFF7ceYIz6+1jRZ+yguLFAmUNPEfw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  ipaddr.js@1.9.1:
+    resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
+    engines: {node: '>= 0.10'}
+
+  ipaddr.js@2.4.0:
+    resolution: {integrity: sha512-9VGk3HGanVE6JoZXHiCpnGy5X0jYDnN4EA4lntFPj+1vIWlFhIylq2CrrCOJH9EAhc5CYhq18F2Av2tgoAPsYQ==}
+    engines: {node: '>= 10'}
+
+  is-arguments@1.2.0:
+    resolution: {integrity: sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==}
+    engines: {node: '>= 0.4'}
+
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
+  is-buffer@2.0.5:
+    resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
+    engines: {node: '>=4'}
+
+  is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+
+  is-ci@4.1.0:
+    resolution: {integrity: sha512-Ab9bQDQ11lWootZUI5qxgN2ZXwxNI5hTwnsvOc1wyxQ7zQ8OkEDw79mI0+9jI3x432NfwbVRru+3noJfXF6lSQ==}
+    hasBin: true
+
+  is-core-module@2.16.2:
+    resolution: {integrity: sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==}
+    engines: {node: '>= 0.4'}
+
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-generator-fn@2.1.0:
+    resolution: {integrity: sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==}
+    engines: {node: '>=6'}
+
+  is-generator-function@1.1.2:
+    resolution: {integrity: sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==}
+    engines: {node: '>= 0.4'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-in-ssh@1.0.0:
+    resolution: {integrity: sha512-jYa6Q9rH90kR1vKB6NM7qqd1mge3Fx4Dhw5TVlK1MUBqhEOuCagrEHMevNuCcbECmXZ0ThXkRm+Ymr51HwEPAw==}
+    engines: {node: '>=20'}
+
+  is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
+  is-interactive@1.0.0:
+    resolution: {integrity: sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==}
+    engines: {node: '>=8'}
+
+  is-ip@5.0.1:
+    resolution: {integrity: sha512-FCsGHdlrOnZQcp0+XT5a+pYowf33itBalCl+7ovNXC/7o5BhIpG14M3OrpPPdBSIQJCm+0M5+9mO7S9VVTTCFw==}
+    engines: {node: '>=14.16'}
+
+  is-nan@1.3.2:
+    resolution: {integrity: sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==}
+    engines: {node: '>= 0.4'}
+
+  is-network-error@1.3.2:
+    resolution: {integrity: sha512-PhBY86zaxNZUuWP6h13Vu5oFe0XY6/UlKzQnYFELzGVHygP3MxmvTfYSG7GN3aIab/iWudSMgjSnG9Dq+nHrgA==}
+    engines: {node: '>=16'}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-path-inside@3.0.3:
+    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
+    engines: {node: '>=8'}
+
+  is-path-inside@4.0.0:
+    resolution: {integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==}
+    engines: {node: '>=12'}
+
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+
+  is-plain-object@2.0.4:
+    resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
+    engines: {node: '>=0.10.0'}
+
+  is-plain-object@5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
+  is-promise@4.0.0:
+    resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
+
+  is-reference@3.0.3:
+    resolution: {integrity: sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==}
+
+  is-regex@1.2.1:
+    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
+    engines: {node: '>= 0.4'}
+
+  is-regexp@3.1.0:
+    resolution: {integrity: sha512-rbku49cWloU5bSMI+zaRaXdQHXnthP6DZ/vLnfdSKyL4zUzuWnomtOEiZZOd+ioQ+avFo/qau3KPTc7Fjy1uPA==}
+    engines: {node: '>=12'}
+
+  is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+
+  is-typed-array@1.1.15:
+    resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
+    engines: {node: '>= 0.4'}
+
+  is-unicode-supported@0.1.0:
+    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
+    engines: {node: '>=10'}
+
+  is-what@5.5.0:
+    resolution: {integrity: sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==}
+    engines: {node: '>=18'}
+
+  is-wsl@3.1.0:
+    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
+    engines: {node: '>=16'}
+
+  is-wsl@3.1.1:
+    resolution: {integrity: sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==}
+    engines: {node: '>=16'}
+
+  isarray@1.0.0:
+    resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
+
+  isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+
+  isbinaryfile@4.0.10:
+    resolution: {integrity: sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==}
+    engines: {node: '>= 8.0.0'}
+
+  isbinaryfile@5.0.7:
+    resolution: {integrity: sha512-gnWD14Jh3FzS3CPhF0AxNOJ8CxqeblPTADzI38r0wt8ZyQl5edpy75myt08EG2oKvpyiqSqsx+Wkz9vtkbTqYQ==}
+    engines: {node: '>= 18.0.0'}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  isexe@3.1.5:
+    resolution: {integrity: sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==}
+    engines: {node: '>=18'}
+
+  isexe@4.0.0:
+    resolution: {integrity: sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==}
+    engines: {node: '>=20'}
+
+  isobject@3.0.1:
+    resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
+    engines: {node: '>=0.10.0'}
+
+  isomorphic-timers-promises@1.0.1:
+    resolution: {integrity: sha512-u4sej9B1LPSxTGKB/HiuzvEQnXH0ECYkSVQU39koSwmFAxhlEAFl9RdTvLv4TOTQUgBS5O3O5fwUxk6byBZ+IQ==}
+    engines: {node: '>=10'}
+
+  istanbul-lib-coverage@3.2.2:
+    resolution: {integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==}
+    engines: {node: '>=8'}
+
+  istanbul-lib-instrument@6.0.3:
+    resolution: {integrity: sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==}
+    engines: {node: '>=10'}
+
+  istanbul-lib-report@3.0.1:
+    resolution: {integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==}
+    engines: {node: '>=10'}
+
+  istanbul-lib-source-maps@5.0.6:
+    resolution: {integrity: sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==}
+    engines: {node: '>=10'}
+
+  istanbul-reports@3.2.0:
+    resolution: {integrity: sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==}
+    engines: {node: '>=8'}
+
+  jackspeak@3.4.3:
+    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
+
+  jake@10.9.4:
+    resolution: {integrity: sha512-wpHYzhxiVQL+IV05BLE2Xn34zW1S223hvjtqk0+gsPrwd/8JNLXJgZZM/iPFsYc1xyphF+6M6EvdE5E9MBGkDA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  jest-canvas-mock@2.5.8:
+    resolution: {integrity: sha512-RUZRaFHCnLjg0/UAodCai5PTsa7kQI1rUXE5wsQu9f2315dh2YSN7/i3fObTycs7PO09DLSiGXiJTALYIw2yuw==}
+
+  jest-changed-files@30.4.1:
+    resolution: {integrity: sha512-IuctmYrxi21iOSOaIXpJWalHyPAsVv0GeBHKDn8C1CA4W5htHn7INL+wdnL4Bo0+olEndvAFkmb++tIQJG+vvg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-circus@30.4.2:
+    resolution: {integrity: sha512-rvHH7VlY6LgbJXJTQ87GW62g1FntOtbhh0zT+v04kC+pgL6aBKyYINXxWukCpj3dcIBMw5/XUbtDS9dU9JTXeQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-cli@30.4.2:
+    resolution: {integrity: sha512-jfA2ocvVHMXS2QijrJ0d31ektP+d/W0T5RpcTX2Pq+3sVqHlsXVCM2+FmwpL+bdY8OfHpIg9xMxLF17Zg0U49Q==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    hasBin: true
+    peerDependencies:
+      node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+    peerDependenciesMeta:
+      node-notifier:
+        optional: true
+
+  jest-config@30.4.2:
+    resolution: {integrity: sha512-rNHAShJQqQwFNoL0hbf3BphSBOWnpOUAKvidLS/AjNVLPfoj5mSf4jQMfW3cYOs6hXeZC7nF7mDHaBnbxELOzg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      '@types/node': 25.9.3
+      esbuild-register: '>=3.4.0'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      esbuild-register:
+        optional: true
+      ts-node:
+        optional: true
+
+  jest-diff@30.4.1:
+    resolution: {integrity: sha512-CRpFK0RtLriVDGcPPAnR6HMVI8bSR2jnUIgralhauzYQZIb4RH9AtEInTuQr65LmmGggGcRT6HIASxwqsVsmlA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-docblock@30.4.0:
+    resolution: {integrity: sha512-ZPMabUZCx5MpbZ2eBYSvZ0J8fvo3dR9oM+eeUpb3aKNQFuS2tu3Duw1TNlMoP8k3WQgKGJuhcMFvwcVuq6T7oA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-each@30.4.1:
+    resolution: {integrity: sha512-/8MJbH6fuj48TstjrMf+u/pd06Qezz5xOXvZA6442heNOWr8bdeoGZX2d9fCn028CoMgYmroH9//zky5GfyYmA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-environment-jsdom@30.4.1:
+    resolution: {integrity: sha512-o3nfaN4zej7qgk2X0j8Jhq/S9nAVKs2xK3QeQxeHVvpkEPxaA1yxDGydR+iVI7zPy7Cp62Aq2h3Ja46QvfWHGA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
+  jest-environment-node@30.4.1:
+    resolution: {integrity: sha512-4FZYVOk85hz2AyT6BbarKy9u37g6DbrDyCdFhsnDdXqyrueYQvB+0zO4f/kqLCRD0BsPRXPMNJeQwihKZV8naw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-fixed-jsdom@0.0.11:
+    resolution: {integrity: sha512-3UkjgM79APnmLVDnelrxdwz4oybD5qw6NLyayl7iCX8C8tJHeqjL9fmNrRlIrNiVJSXkF5t9ZPJ+xlM0kSwwYg==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      jest-environment-jsdom: '>=28.0.0'
+
+  jest-haste-map@30.4.1:
+    resolution: {integrity: sha512-rFrcONd8jeFsyw+Z9CrScJgglRf2+NFmNam8dKu7n+SoHqNYT47mn0DdEcVUZJpvh7Iz6/si7f7yUH7GJHVgnw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-leak-detector@30.4.1:
+    resolution: {integrity: sha512-IpmyiioeHxiWDhesHnUFmOxcTzwCwKpgACgWajtAP+nYQXiY7DakTxB6Bx9JFiRMljr0AX1PvnQdaU1KFoz6NQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-matcher-utils@30.4.1:
+    resolution: {integrity: sha512-zvYfX5CaeEkFrrLS9suWe9rvJrm9J1Iv3ua8kIBv9GEPzcnsfBf0bob37la7s67fs0nlBC3EuvkOLnXQKxtx4A==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-message-util@30.4.1:
+    resolution: {integrity: sha512-kwCKIvq0MCW1HzLoGola9Te6JUdzgV0loyKJ3Qghrkz9i5/RRIHsL95BMQc2HBBhlBKC4j22K9p11TGHH8RBpQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-mock@30.4.1:
+    resolution: {integrity: sha512-/i8SVb8/NSB7RfNi8gfqu8gxLV23KaL5EpAttyb9iz8qWRIqXRLflycz/32wXsYkOnaUlx8NAKnJYtpsmXUmfw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-pnp-resolver@1.2.3:
+    resolution: {integrity: sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==}
+    engines: {node: '>=6'}
+    peerDependencies:
+      jest-resolve: '*'
+    peerDependenciesMeta:
+      jest-resolve:
+        optional: true
+
+  jest-raw-loader@1.0.1:
+    resolution: {integrity: sha512-g9oaAjeC4/rIJk1Wd3RxVbOfMizowM7LSjEJqa4R9qDX0OjQNABXOhH+GaznUp+DjTGVPi2vPPbQXyX87DOnYg==}
+
+  jest-regex-util@30.4.0:
+    resolution: {integrity: sha512-mWlvLviKIgIQ8VCuM1xRdD0TWp3zlzionlmDBjuXVBs+VkmXq6FgW9T4Emr7oGz/Rk6feDCGyiugolcQEyp3mg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-resolve-dependencies@30.4.2:
+    resolution: {integrity: sha512-gDiVh1I+GxYzz9oXlyw+1wv6VOYX1WYxMOfjsA3iGKePV2oxmbHhwxfkALxNxYy1ciw6APWwkW2zZONwP97aEQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-resolve@30.4.1:
+    resolution: {integrity: sha512-Zry8Yq/yJcNAZ7dJ5F2heic8AheXvbFZ7XI5V+h28nrYZ7Qoyy4dItq8OodjnYD270mvX+ZudmrNV9cysqhW5Q==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-runner@30.4.2:
+    resolution: {integrity: sha512-2dw0PslVYXxffXGpLo+Ejad+KcI1Qkjn7f4X4619gf21oCUmL+SPfjqIa/losUem3yEOvfNZe/F1HWUcNpODcg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-runtime@30.4.2:
+    resolution: {integrity: sha512-3/5e8iPz2k/VLqlr8DgTftYyLUv8Su3FkCAO2/Od81UsUTpSxOrS6O5x5KkoQwyUjmpYyDJKeyAvg2T2nvpNkQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-snapshot@30.4.1:
+    resolution: {integrity: sha512-tEOkkfOMppUyeiHwjZswOQ3lcnoTnws/q5FnGIaeIh/jmoU0ZlgMYRR8sTlTj+nNGCoJ0RDq6SfxGxCsyMTPmw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-util@30.4.1:
+    resolution: {integrity: sha512-vjQb1sACEiv13DKJMDToJpzVW0joCsIQrmbg0fi7CyOOt+g9jTuQl2A216pWRBYhOVt53XbL/2LbMKg1BECWOw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-validate@30.4.1:
+    resolution: {integrity: sha512-PDWi4SOwLnwqNDfHZjOcsEFyZ4fc/2W2gVL3DEoyqnB6jCQMLRtfBong8s6omIw3lI0HWOus12xfnFmQtjW3fw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-watcher@30.4.1:
+    resolution: {integrity: sha512-/l9UonmvCwjHH7d2h3iAwIloLc1H0S8mJZ/LNK3i86hqwPAz8otUJjP9MfYtz9Tt77Su5FD2xGjZn8d31IZHlw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-worker@27.5.1:
+    resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
+    engines: {node: '>= 10.13.0'}
+
+  jest-worker@30.4.1:
+    resolution: {integrity: sha512-SHynN/q/QD++iNyvMdy+WMmbCGk8jIsNcRxycXbWubSOhvo6T+j2afcfUSl+3hYsiBebOTo0cT7c2H7CXugu1g==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest@30.4.2:
+    resolution: {integrity: sha512-Yi1jqNC/Oq0N4hBgNH/YvBpP1P57QqundgytzYqy3yqAa7NZPNjSoi4SGbRAXDMdBzNE6xBCi5U7RgfrvMEUVQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    hasBin: true
+    peerDependencies:
+      node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+    peerDependenciesMeta:
+      node-notifier:
+        optional: true
+
+  jiti@2.7.0:
+    resolution: {integrity: sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==}
+    hasBin: true
+
+  jju@1.4.0:
+    resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==}
+
+  joi@18.2.3:
+    resolution: {integrity: sha512-N5A3KTWQpPWT4ExxxPlUx7WmykGXRzhNidWhV41d6Abu9YfI2NyWCJuxdPnslJCPWtbRpSVOWSnSS6GakLM/Rg==}
+    engines: {node: '>= 20'}
+
+  js-tokens@10.0.0:
+    resolution: {integrity: sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==}
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-yaml@3.15.1:
+    resolution: {integrity: sha512-S99WuO3HlhO3XN41EtYUNl9zzXjoJx7QvmipxsJVxtCBT0YHEFy+iOJhjSvrmV12nYhWpZaM8lPHkJm0yUMbag==}
+    hasBin: true
+
+  js-yaml@4.3.1:
+    resolution: {integrity: sha512-CY6crGq313MX8GkwvB7tzgp99vjQxY1++5y10/BKN/GUfHqWaOGQMNZkBvqSzsZKWk/ijwHlWzzkLulsGHhjWQ==}
+    hasBin: true
+
+  jsdom@26.1.0:
+    resolution: {integrity: sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+
+  json-parse-even-better-errors@6.0.0:
+    resolution: {integrity: sha512-2/8adwnK1/+Fdjyts4r6wSpfANWw8zdNhU9U/Llk59c6O+DjSisPWPykwoL8gZmocP9Dy64S7oie2g+Mia123A==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+
+  json-schema-typed@8.0.2:
+    resolution: {integrity: sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json-stringify-pretty-compact@4.0.0:
+    resolution: {integrity: sha512-3CNZ2DnrpByG9Nqj6Xo8vqbjT4F6N+tb4Gb28ESAZjYZ5yqvmc56J+/kuIwkaAMOyblTQhUW7PxMkUb8Q36N3Q==}
+
+  json-stringify-safe@5.0.1:
+    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
+
+  json-with-bigint@3.5.8:
+    resolution: {integrity: sha512-eq/4KP6K34kwa7TcFdtvnftvHCD9KvHOGGICWwMFc4dOOKF5t4iYqnfLK8otCRCRv06FXOzGGyqE8h8ElMvvdw==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  jsonc-parser@3.2.0:
+    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
+
+  jsonc-parser@3.3.1:
+    resolution: {integrity: sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==}
+
+  jsonfile@4.0.0:
+    resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
+
+  jsonfile@6.2.1:
+    resolution: {integrity: sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==}
+
+  jsonparse@1.3.1:
+    resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
+    engines: {'0': node >= 0.2.0}
+
+  jsqr@1.4.0:
+    resolution: {integrity: sha512-dxLob7q65Xg2DvstYkRpkYtmKm2sPJ9oFhrhmudT1dZvNFFTlroai3AWSpLey/w5vMcLBXRgOJsbXpdN9HzU/A==}
+
+  jsrsasign@11.1.3:
+    resolution: {integrity: sha512-nPnK5D/4lv0Dwr7TlzrKtAd8JlLZwFTqTUUB3NQCbtdobcRcohGFxjbPySDVh74iWUudcCsapYT6OxoyhJLhhA==}
+
+  jszip@3.10.1:
+    resolution: {integrity: sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==}
+
+  katex@0.16.47:
+    resolution: {integrity: sha512-Eeo8Ys1doU1z+x8AZsPpQu+p/QcZBI5PeOo7QGQdy2x2m0MU/hYagBbGOmXwr5KVbEfVuWv9LpnQWeehogurjg==}
+    hasBin: true
+
+  katex@0.18.1:
+    resolution: {integrity: sha512-Td8GCYSxDAoMhHOlKmCFMJ/hz5qlAAb71n66Dryw9nfCVfumLo7nhuotbvKom/XPADmrYC3O5QR71EPq4DarJQ==}
+    hasBin: true
+
+  kdbush@4.0.2:
+    resolution: {integrity: sha512-WbCVYJ27Sz8zi9Q7Q0xHC+05iwkm3Znipc2XTlrnJbsHMYktW4hPhXUE8Ys1engBrvffoSCqbil1JQAa7clRpA==}
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  keyv@5.6.0:
+    resolution: {integrity: sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==}
+
+  khroma@2.1.0:
+    resolution: {integrity: sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==}
+
+  kind-of@6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
+
+  knip@6.29.0:
+    resolution: {integrity: sha512-A3kXqSBky1tWBAqiU9srdtu0Larhzkuyor0aD/gg+ToiqyBncCCs2Q60sLsxmcKhV0OsKss9LV0hMPpwLv711Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
+  known-css-properties@0.37.0:
+    resolution: {integrity: sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ==}
+
+  kolorist@1.8.0:
+    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
+
+  launch-editor@2.14.1:
+    resolution: {integrity: sha512-QWBrQsMpH7gPr965dsKD/3cKWiNoTjpATQf++Xq63N6sKRGMwlVXz41O1IZTMfZQgBctD/K5Zt06+/I6pP6+HA==}
+
+  launder@1.7.1:
+    resolution: {integrity: sha512-mU6WRz5EusL9ZZuiZ5SO4Y6C0P9PAUR9iwdb6bzj4KDihm28DiHFw+/yk9DBH4f+Pv1wuzQ4e2jV3oQ7mkIqvw==}
+
+  layout-base@1.0.2:
+    resolution: {integrity: sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg==}
+
+  layout-base@2.0.1:
+    resolution: {integrity: sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg==}
+
+  lazy-val@1.0.5:
+    resolution: {integrity: sha512-0/BnGCCfyUMkBpeDgWihanIAF9JmZhHBgUhEqzvf+adhNGLoP6TaiI5oF8oyb3I45P+PcnrqihSf01M0l0G5+Q==}
+
+  lazystream@1.0.1:
+    resolution: {integrity: sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==}
+    engines: {node: '>= 0.6.3'}
+
+  leven@3.1.0:
+    resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
+    engines: {node: '>=6'}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lie@3.3.0:
+    resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
+
+  lightningcss-android-arm64@1.33.0:
+    resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.33.0:
+    resolution: {integrity: sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.33.0:
+    resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.33.0:
+    resolution: {integrity: sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.33.0:
+    resolution: {integrity: sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.33.0:
+    resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.33.0:
+    resolution: {integrity: sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.33.0:
+    resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.33.0:
+    resolution: {integrity: sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.33.0:
+    resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.33.0:
+    resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==}
+    engines: {node: '>= 12.0.0'}
+
+  lilconfig@3.1.3:
+    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
+    engines: {node: '>=14'}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  lines-and-columns@2.0.3:
+    resolution: {integrity: sha512-cNOjgCnLB+FnvWWtyRTzmB3POJ+cXxTA81LoW7u8JdmhfXzriropYwpjShnz1QLLWsQwY7nIxoDmcPTwphDK9w==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  linkify-html@4.3.3:
+    resolution: {integrity: sha512-VQH0xk8QilyWvRNQqyervP/zfe/KqE1bXB5NcwWoz8Oj9Yz5hWM0VvXs9vkLy7NlTao1jrmM1cqQv8rTmerctg==}
+    peerDependencies:
+      linkifyjs: '==4.3.3'
+
+  linkify-it@5.0.2:
+    resolution: {integrity: sha512-ONTm2jCMAVZjgQa/Fy1kScXsuOoF5NPTsoFBdE1KVIZ2vAh/r9+Bqo+0jINCBYnavTPQZz38QzFTme79ENoN3Q==}
+
+  linkify-react@4.3.3:
+    resolution: {integrity: sha512-bMWuN1YJ3hyDyojk4hzUugecN2RsTuibKAQBplUT2o+3uK33THdRL2qD0Zf3ibCXuBLBCyOE6Uj/S/1cY48Ygw==}
+    peerDependencies:
+      linkifyjs: '==4.3.3'
+      react: '>= 15.0.0'
+
+  linkify-string@4.3.3:
+    resolution: {integrity: sha512-k8BwpKz6t4jigzoi5hKUbji0M4kUqhQ7LXIKFRxb2VvG5m0+4YSck+VFLhOxxeiuVu3pLDuSVNRq9+IQKroFIw==}
+    peerDependencies:
+      linkifyjs: '==4.3.3'
+
+  linkifyjs@4.3.3:
+    resolution: {integrity: sha512-P8aEP5U/D1/IlTY2OeYsErdwh9bGuLE30NcXtKEjgdHcahveQoQwM2yZNsioQHsWFz0P7KKudisbrzCgR0sDHg==}
+
+  lint-staged@17.2.0:
+    resolution: {integrity: sha512-FchGnFe4i4B1C/a35SPU9bNGPEHSC1+1iV0plLjzBmKVe9klZrlRfSgK6Cw4VeHyqOXbJUXP0vON61uRftNQ0A==}
+    engines: {node: '>=22.22.1'}
+    hasBin: true
+
+  loader-utils@2.0.4:
+    resolution: {integrity: sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==}
+    engines: {node: '>=8.9.0'}
+
+  local-pkg@1.1.2:
+    resolution: {integrity: sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==}
+    engines: {node: '>=14'}
+
+  locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash-es@4.18.1:
+    resolution: {integrity: sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==}
+
+  lodash.camelcase@4.3.0:
+    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
+
+  lodash.debounce@4.0.8:
+    resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
+
+  lodash.memoize@4.1.2:
+    resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  lodash.truncate@4.4.2:
+    resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==}
+
+  lodash.uniq@4.5.0:
+    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
+
+  lodash@4.18.1:
+    resolution: {integrity: sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==}
+
+  log-symbols@4.1.0:
+    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
+    engines: {node: '>=10'}
+
+  loglevel@1.9.2:
+    resolution: {integrity: sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==}
+    engines: {node: '>= 0.6.0'}
+
+  long@5.3.2:
+    resolution: {integrity: sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==}
+
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
+  loupe@3.2.1:
+    resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
+
+  lower-case@2.0.2:
+    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
+
+  lowercase-keys@2.0.0:
+    resolution: {integrity: sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==}
+    engines: {node: '>=8'}
+
+  lru-cache@10.4.3:
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+
+  lru-cache@11.2.6:
+    resolution: {integrity: sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==}
+    engines: {node: 20 || >=22}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  lru-cache@6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
+    engines: {node: '>=10'}
+
+  lunr@2.3.9:
+    resolution: {integrity: sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==}
+
+  lz-string@1.5.0:
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    hasBin: true
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  magicast@0.5.2:
+    resolution: {integrity: sha512-E3ZJh4J3S9KfwdjZhe2afj6R9lGIN5Pher1pF39UGrXRqq/VDaGVIGN13BjHd2u8B61hArAGOnso7nBOouW3TQ==}
+
+  mailpit-api@2.1.0:
+    resolution: {integrity: sha512-ZZG5ShQS2E5QH9p1xeD2U2sfahKEEgRvtzIlJXsLUtLSUbYjmxPeuvciwayj0oxA+hn85xzIEt1v8FsXtwqKCA==}
+    engines: {node: '>=18.0.0'}
+
+  make-dir@4.0.0:
+    resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
+    engines: {node: '>=10'}
+
+  make-fetch-happen@15.0.5:
+    resolution: {integrity: sha512-uCbIa8jWWmQZt4dSnEStkVC6gdakiinAm4PiGsywIkguF0eWMdcjDz0ECYhUolFU3pFLOev9VNPCEygydXnddg==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  make-fetch-happen@16.0.1:
+    resolution: {integrity: sha512-uUv1yxHzaKVVEPfcFeGSNov/Cehjv08ovlY8ImTljgL7Q+SiA0dAYLQ6SYVa2kkKqNj4Y3aZEI7xv2teadie0A==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  makeerror@1.0.12:
+    resolution: {integrity: sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==}
+
+  maplibre-gl@5.24.0:
+    resolution: {integrity: sha512-ALyFxgtd5R+65UqZ/++lOqwWcC0SNho9c27fYSyLmG7AfnAul2o46F05aDJGPbFU57wos9dgcIySHs0Xe6ia3A==}
+    engines: {node: '>=16.14.0', npm: '>=8.1.0'}
+
+  mark.js@8.11.1:
+    resolution: {integrity: sha512-1I+1qpDt4idfgLQG+BNWmrqku+7/2bi5nLf4YwF8y8zXvmfiTBY3PV3ZibfrjBueCByROpuBjLLFCajqkgYoLQ==}
+
+  markdown-it@14.3.0:
+    resolution: {integrity: sha512-RCEsPjR+sr0x+AuYp601tKTkgFG4YEPLCzHST3cQ/fhlJkqAkz1L2/Qbp1j9qw5SBwQHFBoW8+hoN5xssOF0Tw==}
+    hasBin: true
+
+  marked@16.4.2:
+    resolution: {integrity: sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA==}
+    engines: {node: '>= 20'}
+    hasBin: true
+
+  matcher@3.0.0:
+    resolution: {integrity: sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==}
+    engines: {node: '>=10'}
+
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  mathml-tag-names@4.0.0:
+    resolution: {integrity: sha512-aa6AU2Pcx0VP/XWnh8IGL0SYSgQHDT6Ucror2j2mXeFAlN3ahaNs8EZtG1YiticMkSLj3Gt6VPFfZogt7G5iFQ==}
+
+  matrix-encrypt-attachment@1.0.3:
+    resolution: {integrity: sha512-NwfoDY/yHL9Zo8KrY5GP8ymAoZJpEFKEK+IgJKdWf5xtsIFf7KIU2pbw8+Eq592j//nSDOC+/Ff4Fk8gVvDZpw==}
+    engines: {node: '>=12.0'}
+
+  matrix-events-sdk@0.0.1:
+    resolution: {integrity: sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA==}
+
+  matrix-js-sdk@https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/a7396ee8e7ef4011f87d6f5c5a3103e92bb16bb3:
+    resolution: {gitHosted: true, integrity: sha512-gvEyrzy1d38RLC/Ig356H6hy5V+qT3ZXCZvV5rmo94wVwBerA/LEsIIm5WRHPT7cUdoQHmy0MMPRu/IZ0tkyEw==, tarball: https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/a7396ee8e7ef4011f87d6f5c5a3103e92bb16bb3}
+    version: 42.1.0
+    engines: {node: '>=22.0.0'}
+
+  matrix-web-i18n@3.6.0:
+    resolution: {integrity: sha512-oY4YZCU8OqDZzmCiJpo8XrATa7XNOB5oFyIpE7O0jjaIEeu6LnQrHmm/fpsYkPUENVzGJm1YdoOtvcBrQx+h2g==}
+    hasBin: true
+
+  matrix-widget-api@1.18.0:
+    resolution: {integrity: sha512-4T2f2koWmx05p1BLcT/9YGGGPSXpPT+PA4Oap/5fjhXsWPxMGJiGL97YpANMYLKsnE1sScYFeuyxIgdc1Qo+Ew==}
+
+  md5.js@1.3.5:
+    resolution: {integrity: sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==}
+
+  mdast-util-to-hast@13.2.1:
+    resolution: {integrity: sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==}
+
+  mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+
+  mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+
+  mdn-data@2.27.1:
+    resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
+
+  mdurl@1.0.1:
+    resolution: {integrity: sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==}
+
+  mdurl@2.0.0:
+    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
+
+  media-typer@1.1.0:
+    resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
+    engines: {node: '>= 0.8'}
+
+  memfs@4.64.0:
+    resolution: {integrity: sha512-Kw72fgY7Wn+sD8KmtNWSafl1dz0UvAsE/PHs3YVfLiaZuA3HxNm9sRLqAu0ATiBGJvME1PxZXbBZPv5GycDeAw==}
+    peerDependencies:
+      tslib: '2'
+
+  memoize-one@5.2.1:
+    resolution: {integrity: sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==}
+
+  memoize-one@6.0.0:
+    resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
+
+  memoize@11.0.0:
+    resolution: {integrity: sha512-cjsfZaC9b1clqPeIVMbb5dLHSXgdgGWGxdAU3oTUUkHiwWTKTBNnSmcqWJncNjYtBi3S8Rp0c5GIiyGztR8TRA==}
+    engines: {node: '>=22'}
+
+  meow@14.1.0:
+    resolution: {integrity: sha512-EDYo6VlmtnumlcBCbh1gLJ//9jvM/ndXHfVXIFrZVr6fGcwTUyCTFNTLCKuY3ffbK8L/+3Mzqnd58RojiZqHVw==}
+    engines: {node: '>=20'}
+
+  merge-descriptors@2.0.0:
+    resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
+    engines: {node: '>=18'}
+
+  merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  meriyah@6.1.4:
+    resolution: {integrity: sha512-Sz8FzjzI0kN13GK/6MVEsVzMZEPvOhnmmI1lU5+/1cGOiK3QUahntrNNtdVeihrO7t9JpoH75iMNXg6R6uWflQ==}
+    engines: {node: '>=18.0.0'}
+
+  mermaid@11.16.0:
+    resolution: {integrity: sha512-Zvm3kbstgdpvIJPPItlL7fppIZ3kibvc1oZIGxdvk9t6UFz6flv+Jw7FtRGKwfcI8OckmH04LqG6LlS6X4B1pA==}
+
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
+  miller-rabin@4.0.1:
+    resolution: {integrity: sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==}
+    hasBin: true
+
+  mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
+  mime-db@1.54.0:
+    resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@3.0.2:
+    resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
+    engines: {node: '>=18'}
+
+  mime@2.6.0:
+    resolution: {integrity: sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==}
+    engines: {node: '>=4.0.0'}
+    hasBin: true
+
+  mime@4.1.0:
+    resolution: {integrity: sha512-X5ju04+cAzsojXKes0B/S4tcYtFAJ6tTMuSPBEn9CPGlrWr8Fiw7qYeLT0XyH80HSoAoqWCaz+MWKh22P7G1cw==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+
+  mimic-function@5.0.1:
+    resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
+    engines: {node: '>=18'}
+
+  mimic-response@1.0.1:
+    resolution: {integrity: sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==}
+    engines: {node: '>=4'}
+
+  mimic-response@3.1.0:
+    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
+    engines: {node: '>=10'}
+
+  min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+
+  mini-css-extract-plugin@2.10.2:
+    resolution: {integrity: sha512-AOSS0IdEB95ayVkxn5oGzNQwqAi2J0Jb/kKm43t7H73s8+f5873g0yuj0PNvK4dO75mu5DHg4nlgp4k6Kga8eg==}
+    engines: {node: '>= 12.13.0'}
+    peerDependencies:
+      webpack: ^5.0.0
+
+  minimalistic-assert@1.0.1:
+    resolution: {integrity: sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==}
+
+  minimalistic-crypto-utils@1.0.1:
+    resolution: {integrity: sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==}
+
+  minimatch@10.2.3:
+    resolution: {integrity: sha512-Rwi3pnapEqirPSbWbrZaa6N3nmqq4Xer/2XooiOKyV3q12ML06f7MOuc5DVH8ONZIFhwIYQ3yzPH4nt7iWHaTg==}
+    engines: {node: 18 || 20 || >=22}
+
+  minimatch@10.2.4:
+    resolution: {integrity: sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==}
+    engines: {node: 18 || 20 || >=22}
+
+  minimatch@10.2.5:
+    resolution: {integrity: sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==}
+    engines: {node: 18 || 20 || >=22}
+
+  minimatch@10.2.6:
+    resolution: {integrity: sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==}
+    engines: {node: 18 || 20 || >=22}
+
+  minimatch@3.1.5:
+    resolution: {integrity: sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==}
+
+  minimatch@5.1.9:
+    resolution: {integrity: sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw==}
+    engines: {node: '>=10'}
+
+  minimatch@9.0.9:
+    resolution: {integrity: sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  minimizer-webpack-plugin@5.6.1:
+    resolution: {integrity: sha512-DoeAZz8Q1C1znwsUzej1fdoi4jCf7/+Em27ouLqfK/+3m8G+D7yDhUwrc3CNhjSzGUN1kn7Iv4sWmjflQHenpw==}
+    engines: {node: '>= 10.13.0'}
+    peerDependencies:
+      '@minify-html/node': '*'
+      '@swc/core': '*'
+      '@swc/css': '*'
+      '@swc/html': '*'
+      clean-css: '*'
+      cssnano: '*'
+      csso: '*'
+      esbuild: '*'
+      html-minifier-terser: '*'
+      lightningcss: '*'
+      postcss: '*'
+      uglify-js: '*'
+      webpack: ^5.1.0
+    peerDependenciesMeta:
+      '@minify-html/node':
+        optional: true
+      '@swc/core':
+        optional: true
+      '@swc/css':
+        optional: true
+      '@swc/html':
+        optional: true
+      clean-css:
+        optional: true
+      cssnano:
+        optional: true
+      csso:
+        optional: true
+      esbuild:
+        optional: true
+      html-minifier-terser:
+        optional: true
+      lightningcss:
+        optional: true
+      postcss:
+        optional: true
+      uglify-js:
+        optional: true
+
+  minipass-collect@2.0.1:
+    resolution: {integrity: sha512-D7V8PO9oaz7PWGLbCACuI1qEOsq7UKfLotx/C0Aet43fCUB/wfQ7DYeq2oR/svFJGYDHPr38SHATeaj/ZoKHKw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minipass-fetch@5.0.2:
+    resolution: {integrity: sha512-2d0q2a8eCi2IRg/IGubCNRJoYbA1+YPXAzQVRFmB45gdGZafyivnZ5YSEfo3JikbjGxOdntGFvBQGqaSMXlAFQ==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  minipass-fetch@6.0.0:
+    resolution: {integrity: sha512-AWI8bKapGmgx/J0E6IGYSKj8TiHebZkmKWSs8raPSw8KXwgEAJ+Bw3+LSdXHR6T/RHKAWCOYk2MiLrYluaUU6w==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  minipass-flush@1.0.5:
+    resolution: {integrity: sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==}
+    engines: {node: '>= 8'}
+
+  minipass-pipeline@1.2.4:
+    resolution: {integrity: sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==}
+    engines: {node: '>=8'}
+
+  minipass-sized@2.0.0:
+    resolution: {integrity: sha512-zSsHhto5BcUVM2m1LurnXY6M//cGhVaegT71OfOXoprxT6o780GZd792ea6FfrQkuU4usHZIUczAQMRUE2plzA==}
+    engines: {node: '>=8'}
+
+  minipass@3.3.6:
+    resolution: {integrity: sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==}
+    engines: {node: '>=8'}
+
+  minipass@7.1.3:
+    resolution: {integrity: sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minisearch@7.2.0:
+    resolution: {integrity: sha512-dqT2XBYUOZOiC5t2HRnwADjhNS2cecp9u+TJRiJ1Qp/f5qjkeT5APcGPjHw+bz89Ms8Jp+cG4AlE+QZ/QnDglg==}
+
+  minizlib@3.1.0:
+    resolution: {integrity: sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==}
+    engines: {node: '>= 18'}
+
+  mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+
+  mkdirp-classic@0.5.3:
+    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
+
+  mkdirp@0.5.6:
+    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
+    hasBin: true
+
+  mkdirp@3.0.1:
+    resolution: {integrity: sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  mlly@1.8.2:
+    resolution: {integrity: sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==}
+
+  modernizr@3.13.1:
+    resolution: {integrity: sha512-jc7F04Wd8ngu+fNZYMdWmho6bdiNNnt01lAEF6WAGRay7haGzjWEj5wfBC/zNgv5BySJ+h29/ERMFX+zEcijvg==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  module-details-from-path@1.0.4:
+    resolution: {integrity: sha512-EGWKgxALGMgzvxYF1UyGTy0HXX/2vHLkw6+NvDKW2jypWbHpjQuj4UMcqQWXHERJhVGKikolT06G3bcKe4fi7w==}
+
+  moment-timezone@0.6.2:
+    resolution: {integrity: sha512-lDsQv8FoGdBUdf0+TjGsq2orxKuXdwFlQ6Zw6TX3xIcTwTfEpCLyKqvEauvCHJ8iu3KBV8+uPhlv70YsNGdUBQ==}
+
+  moment@2.30.1:
+    resolution: {integrity: sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==}
+
+  moo-color@1.0.3:
+    resolution: {integrity: sha512-i/+ZKXMDf6aqYtBhuOcej71YSlbjT3wCO/4H1j8rPvxDJEifdwgg5MaFyu6iYAT8GBZJg2z0dkgK4YMzvURALQ==}
+
+  motion-dom@12.42.2:
+    resolution: {integrity: sha512-5gIMWLp/PycBtJRJWRgjxke5n8dlvkSn2DrYW+tr3XcqAZY1xZh6BJyooJXCM8wdfM7wfMjkBJNLge1CKPUIRA==}
+
+  motion-utils@12.39.0:
+    resolution: {integrity: sha512-8nadJAJjTtqRkmRF36FoJTrywK9nnFmnPwnSMyxaOCU7GDjN9RTMJIxx9De8ErM+vpPhMccr/6fo5WciyQLnMQ==}
+
+  motion@12.42.2:
+    resolution: {integrity: sha512-Atvv11yUKIid41cVrRBDVX5m8tF8kNpExRSlbpt6APClhDjtwQssgFHhQzejxw7/7YYbjHSPKBVbHo05BuJT5Q==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
+  mrmime@2.0.1:
+    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
+    engines: {node: '>=10'}
+
+  ms@2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  multicast-dns@7.2.5:
+    resolution: {integrity: sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==}
+    hasBin: true
+
+  murmurhash-js@1.0.0:
+    resolution: {integrity: sha512-TvmkNhkv8yct0SVBSy+o8wYzXjE4Zz3PCesbfs8HiCXXdcTuocApFv11UWlNFWKYsP2okqrhb7JNlSm9InBhIw==}
+
+  nan@2.28.0:
+    resolution: {integrity: sha512-fTsDz99OTq2sVePhGdp4qQhggZFtKr64ZNVyVajRKtMOkJxYekplBh577PiJB12v/D3s2E5cGtOI45LWp6rnLQ==}
+
+  nanoid@3.3.16:
+    resolution: {integrity: sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  napi-postinstall@0.3.4:
+    resolution: {integrity: sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  negotiator@0.6.3:
+    resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
+    engines: {node: '>= 0.6'}
+
+  negotiator@0.6.4:
+    resolution: {integrity: sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==}
+    engines: {node: '>= 0.6'}
+
+  negotiator@1.0.0:
+    resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
+    engines: {node: '>= 0.6'}
+
+  neo-async@2.6.2:
+    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
+
+  no-case@3.0.4:
+    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
+
+  node-abi@4.33.0:
+    resolution: {integrity: sha512-vLBWCKb+7LWsX+TbfzWOkw0W81m377tyx3hOweBTjO43CXZnRGS1/JPWs20fr0PgZyDXk6ROYrylsEycK8raDA==}
+    engines: {node: '>=22.12.0'}
+
+  node-api-version@0.2.1:
+    resolution: {integrity: sha512-2xP/IGGMmmSQpI1+O/k72jF/ykvZ89JeuKX3TLJAYPDVLUalrshrLHkeVcCCZqG/eEa635cr8IBYzgnDvM2O8Q==}
+
+  node-fetch@2.7.0:
+    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
+    engines: {node: 4.x || >=6.0.0}
+    peerDependencies:
+      encoding: ^0.1.0
+    peerDependenciesMeta:
+      encoding:
+        optional: true
+
+  node-gyp@12.2.0:
+    resolution: {integrity: sha512-q23WdzrQv48KozXlr0U1v9dwO/k59NHeSzn6loGcasyf0UnSrtzs8kRxM+mfwJSf0DkX0s43hcqgnSO4/VNthQ==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+    hasBin: true
+
+  node-gyp@13.0.0:
+    resolution: {integrity: sha512-FYYyBDWdc+kzoyPd5PqHUgM9DGs1C/Z4jxBZAOnA2GRUVXPivKRREq5q+VVPXVr9aGVqGMaMqyFHbviy/yb7Hg==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+    hasBin: true
+
+  node-int64@0.4.0:
+    resolution: {integrity: sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==}
+
+  node-releases@2.0.51:
+    resolution: {integrity: sha512-wRNIrw4DmVLKQlbgOMdkMx27Wrpzes2hh5Jtbi2bjPd+4wJstWIqP5A+lscnqbm0xxmT5Bpg8Lec5ItEBwx6BQ==}
+    engines: {node: '>=18'}
+
+  node-stdlib-browser@1.3.1:
+    resolution: {integrity: sha512-X75ZN8DCLftGM5iKwoYLA3rjnrAEs97MkzvSd4q2746Tgpg8b8XWiBGiBG4ZpgcAqBgtgPHTiAc8ZMCvZuikDw==}
+    engines: {node: '>=10'}
+
+  non-layered-tidy-tree-layout@2.0.2:
+    resolution: {integrity: sha512-gkXMxRzUH+PB0ax9dUN0yYF0S25BqeAYqhgMaLUFmpXLEk7Fcu8f4emJuOAY0V8kjDICxROIKsTAKsV/v355xw==}
+
+  nopt@10.0.1:
+    resolution: {integrity: sha512-df3sBr/6ax9hSGuC3CspvLlbnX8cP5L5nZwXF8cGN8l0zSWR6BvzmQ6jPUKjvo6+/xdpkNvEcucBNUdBeeV13g==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+    hasBin: true
+
+  nopt@9.0.0:
+    resolution: {integrity: sha512-Zhq3a+yFKrYwSBluL4H9XP3m3y5uvQkB/09CwDruCiRmR/UJYnn9W4R48ry0uGC70aeTPKLynBtscP9efFFcPw==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+    hasBin: true
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  normalize-url@6.1.0:
+    resolution: {integrity: sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==}
+    engines: {node: '>=10'}
+
+  npm-bundled@6.0.0:
+    resolution: {integrity: sha512-EqdodKEW6pYM+dPxA66TZQfMEqVDiuzjDM9edSjuPI1mXUbUJwVxkgqMZSJvs8RTXz2CGq8HUol/AffTZX5g8w==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  npm-install-checks@9.0.0:
+    resolution: {integrity: sha512-t05Izcgi7p15cpldqoiXYpjzlkTTvBw33sgjmL/JjcvtV0ydbm2O4iEXO8A6smqComu5FAQhUas86HTMQ6Z1Uw==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  npm-normalize-package-bin@6.0.0:
+    resolution: {integrity: sha512-tdt4aFn9QamlhdN3HV2D2ccpBwO5/fyjjbXUxYA6uBjyekMZcZvDq0aSj9t5Jo+tih6AYFnt/cuIRn9013e0Uw==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  npm-package-arg@14.0.0:
+    resolution: {integrity: sha512-69XQh3k+dtGa1p+7RaR57IuG3rCko96xr/nUfN4yDYBXbTYICiWcOpsFKLN2GtGE9cyIljE+f1exnaYt9MvM+Q==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  npm-packlist@11.2.0:
+    resolution: {integrity: sha512-TEuN5ZCDBmJ2kcoW7IgRRt3P09sL9mAC5gg1FWQcJVkEdIuAAgy1e459JahGKAjScLqqSodAJtYJ578kQGY+Ng==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  npm-pick-manifest@12.0.0:
+    resolution: {integrity: sha512-8Fs3YLrnNOhrCdPNZy18MzNgVC58LTDAFzq1FdZO/p3BHeCC/coz+t4F5Pxabys8HJpyTUorMea26GkXsb4J/Q==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  npm-registry-fetch@20.0.1:
+    resolution: {integrity: sha512-vzc1svxw/kw1IRjFsLi6gaxe1Olqm88V0tIfu2u5raL0b1gChe6ZEXNkyUlKxUC7s/egt5NxZHkbY18tMKKLfQ==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
+  nwsapi@2.2.23:
+    resolution: {integrity: sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==}
+
+  nx@23.1.1:
+    resolution: {integrity: sha512-oDdW2JgVllgfyyN6OqlRzeABw0QrlXdxyl9rtOUMMXQzlkpYA1RTs8jinJCe6QSo7aEn0dZ+Ar7dd09hMudBsg==}
+    hasBin: true
+    peerDependencies:
+      '@swc-node/register': ^1.11.1
+      '@swc/core': ^1.15.8
+    peerDependenciesMeta:
+      '@swc-node/register':
+        optional: true
+      '@swc/core':
+        optional: true
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  object-inspect@1.13.4:
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
+
+  object-is@1.1.6:
+    resolution: {integrity: sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==}
+    engines: {node: '>= 0.4'}
+
+  object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+
+  object.assign@4.1.7:
+    resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
+    engines: {node: '>= 0.4'}
+
+  obug@2.1.1:
+    resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
+
+  on-finished@2.4.1:
+    resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
+    engines: {node: '>= 0.8'}
+
+  on-headers@1.1.0:
+    resolution: {integrity: sha512-737ZY3yNnXy37FHkQxPzt4UZ2UWPWiCZWLvFZ4fu5cueciegX0zGPnrlY6bwRg4FdQOe9YU8MkmJwGhoMybl8A==}
+    engines: {node: '>= 0.8'}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+
+  oniguruma-to-es@3.1.1:
+    resolution: {integrity: sha512-bUH8SDvPkH3ho3dvwJwfonjlQ4R80vjyvrU8YpxuROddv55vAEJrTuCuCVUhhsHbtlD9tGGbaNApGQckXhS8iQ==}
+
+  open@10.1.0:
+    resolution: {integrity: sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==}
+    engines: {node: '>=18'}
+
+  open@10.2.0:
+    resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
+    engines: {node: '>=18'}
+
+  open@11.0.0:
+    resolution: {integrity: sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw==}
+    engines: {node: '>=20'}
+
+  opener@1.5.2:
+    resolution: {integrity: sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==}
+    hasBin: true
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  opus-recorder@8.0.5:
+    resolution: {integrity: sha512-tBRXc9Btds7i3bVfA7d5rekAlyOcfsivt5vSIXHxRV1Oa+s6iXFW8omZ0Lm3ABWotVcEyKt96iIIUcgbV07YOw==}
+
+  ora@5.4.1:
+    resolution: {integrity: sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==}
+    engines: {node: '>=10'}
+
+  os-browserify@0.3.0:
+    resolution: {integrity: sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==}
+
+  oxc-parser@0.127.0:
+    resolution: {integrity: sha512-bkgD4qHlN7WxLdX8bLXdaU54TtQtAIg/ZBAfm0aje/mo3MRDo3P0hZSgr4U7O3xfX+fQmR5AP04JS/TGcZLcFA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  oxc-parser@0.140.0:
+    resolution: {integrity: sha512-h6QFWd6lBMfjESqgQ27GjzrSDb0qbznp7VDQqp2zvgsrWut4vcchyMIzOVXvGQ2GMZgKw9RWrFNWv9WqGL0p7Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  oxc-resolver@11.24.2:
+    resolution: {integrity: sha512-FY91FiDBj7ls5MsFS9jN3tjz2o0/zsdSsymlakySaBwVJZorHhkWyICLZMKxlu1R9vYo+sd3z1jwb4J8x7bNDw==}
+
+  oxfmt@0.60.0:
+    resolution: {integrity: sha512-fViX6i+gJuZWY+jI/fnR6WRbRj70GZ9RlCd30MygJrHTUNc4DxvKHWw8vBjMjffv3PgU5qWDR0AzmojQByqaZA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      svelte: ^5.0.0
+      vite-plus: '*'
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+      vite-plus:
+        optional: true
+
+  oxlint-tsgolint@7.0.2001:
+    resolution: {integrity: sha512-KjK/XLcXr1DSyonKhsuFqJRiuKqcyG9j3LJ8nkOsrLzGvodBPqzHOKauy10asLMDI0sUpvb+1sxlzff3udZvfg==}
+    hasBin: true
+
+  oxlint@1.75.0:
+    resolution: {integrity: sha512-m9WzjRcRYA/uqIZDa9tclrieoPJ/ln1QYTKdFx6NUOs8uY5DiHlIwRQoCrHT6OM6O3ww3l2skY5gO7G7ZphE7g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      oxlint-tsgolint: '>=7.0.2001'
+      vite-plus: '*'
+    peerDependenciesMeta:
+      oxlint-tsgolint:
+        optional: true
+      vite-plus:
+        optional: true
+
+  p-cancelable@2.1.1:
+    resolution: {integrity: sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==}
+    engines: {node: '>=8'}
+
+  p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  p-map@7.0.4:
+    resolution: {integrity: sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==}
+    engines: {node: '>=18'}
+
+  p-retry@8.0.0:
+    resolution: {integrity: sha512-kFVqH1HxOHp8LupNsOys7bSV09VYTRLxarH/mokO4Rqhk6wGi70E0jh4VzvVGXfEVNggHoHLAMWsQqHyU1Ey9A==}
+    engines: {node: '>=22'}
+
+  p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+
+  package-json-from-dist@1.0.1:
+    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+
+  package-manager-detector@1.6.0:
+    resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==}
+
+  pacote@22.0.0:
+    resolution: {integrity: sha512-++VqeOZeL03uGM2MFLk96jGCSt1owBGkyFKoPr+trwNlZhCpjN2RrvwYxt8nTbs1wNMqSFYurq0TafVWkAIHig==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+    hasBin: true
+
+  pako@1.0.11:
+    resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
+
+  pako@3.0.1:
+    resolution: {integrity: sha512-GupotUUI0mlhugKjUs4bjOwLt3nrehy9Ys2dxC0GtgVef5cnKggkDMmf2bq2poCCuVXopWPmqsc9VDT2iJUy+w==}
+
+  param-case@3.0.4:
+    resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse-asn1@5.1.9:
+    resolution: {integrity: sha512-fIYNuZ/HastSb80baGOuPRo1O9cf4baWw5WsAp7dBuUzeTD/BoaG8sVTdlPFksBE2lF21dN+A1AnrpIjSWqHHg==}
+    engines: {node: '>= 0.10'}
+
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
+  parse-srcset@1.0.2:
+    resolution: {integrity: sha512-/2qh0lav6CmI15FzA3i/2Bzk2zCgQhGMkvhOhKNcBVQ1ldgpbfiNTVslmooUmWJcADi1f1kIeynbDRVzNlfR6Q==}
+
+  parse5@7.3.0:
+    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
+
+  parseurl@1.3.3:
+    resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
+    engines: {node: '>= 0.8'}
+
+  pascal-case@3.1.2:
+    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
+
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
+  path-data-parser@0.1.0:
+    resolution: {integrity: sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-is-absolute@1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
+  path-scurry@1.11.1:
+    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
+    engines: {node: '>=16 || 14 >=14.18'}
+
+  path-scurry@2.0.2:
+    resolution: {integrity: sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==}
+    engines: {node: 18 || 20 || >=22}
+
+  path-to-regexp@8.4.2:
+    resolution: {integrity: sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA==}
+
+  path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  pathval@2.0.1:
+    resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==}
+    engines: {node: '>= 14.16'}
+
+  pbf@4.0.1:
+    resolution: {integrity: sha512-SuLdBvS42z33m8ejRbInMapQe8n0D3vN/Xd5fmWM3tufNgRQFBpaW2YVJxQZV4iPNqb0vEFvssMEo5w9c6BTIA==}
+    hasBin: true
+
+  pbkdf2@3.1.5:
+    resolution: {integrity: sha512-Q3CG/cYvCO1ye4QKkuH7EXxs3VC/rI1/trd+qX2+PolbaKG0H+bgcZzrTt96mMyRtejk+JMCiLUn3y29W8qmFQ==}
+    engines: {node: '>= 0.10'}
+
+  pe-library@0.4.1:
+    resolution: {integrity: sha512-eRWB5LBz7PpDu4PUlwT0PhnQfTQJlDDdPa35urV4Osrm0t0AqQFGn+UIkU3klZvwJ8KPO3VbBFsXquA6p6kqZw==}
+    engines: {node: '>=12', npm: '>=6'}
+
+  perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.2:
+    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
+
+  picomatch@4.0.5:
+    resolution: {integrity: sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==}
+    engines: {node: '>=12'}
+
+  pify@2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+    engines: {node: '>=0.10.0'}
+
+  pirates@4.0.7:
+    resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
+    engines: {node: '>= 6'}
+
+  pixelmatch@7.2.0:
+    resolution: {integrity: sha512-xhcb4yHu9sM/G7foGzoLtXYcC0zHEaOXXjRKhGup0fw78Nf2Tkiapv4EQyMzrbcmQPsllAI7DbFY2UT7PlI9Pg==}
+    hasBin: true
+
+  pkg-dir@4.2.0:
+    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
+    engines: {node: '>=8'}
+
+  pkg-dir@5.0.0:
+    resolution: {integrity: sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==}
+    engines: {node: '>=10'}
+
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  pkg-types@2.3.0:
+    resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
+
+  pkijs@3.4.0:
+    resolution: {integrity: sha512-emEcLuomt2j03vxD54giVB4SxTjnsqkU692xZOZXHDVoYyypEm+b3jpiTcc+Cf+myooc+/Ly0z01jqeNHVgJGw==}
+    engines: {node: '>=16.0.0'}
+
+  playwright-core@1.61.1:
+    resolution: {integrity: sha512-h7Qlt6m4REp25qvIdvbDtVmD4LqVXfpRxhORv9L0jzETM05p4fuPJ3dKyuSXQxDSbXnmS79HAgi9589lGSpLkg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  playwright@1.61.1:
+    resolution: {integrity: sha512-DWnY5o3YbLWK4GovuAVwpqL+1VwGNdUGrRr++8j8PtQQzvAVZUIMjKQ90fY689sEJZJBbZVw1rXaOKSTitkzPQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  plist@3.1.0:
+    resolution: {integrity: sha512-uysumyrvkUX0rX/dEVqt8gC3sTBzd4zoWfLeS29nb53imdaXVvLINYXTI2GNqzaMuvacNx4uJQ8+b3zXR0pkgQ==}
+    engines: {node: '>=10.4.0'}
+
+  pluralizers@0.1.7:
+    resolution: {integrity: sha512-mw6AejUiCaMQ6uPN9ObjJDTnR5AnBSmnHHy3uVTbxrSFSxO5scfwpTs8Dxyb6T2v7GSulhvOq+pm9y+hXUvtOA==}
+
+  png-chunks-extract@1.0.0:
+    resolution: {integrity: sha512-ZiVwF5EJ0DNZyzAqld8BP1qyJBaGOFaq9zl579qfbkcmOwWLLO4I9L8i2O4j3HkI6/35i0nKG2n+dZplxiT89Q==}
+
+  png-to-ico@3.0.2:
+    resolution: {integrity: sha512-36vvp3/YF7LPYkUEOj08/WgB1wI63qW391YfOhOWckgOtGkarr9+EhPBimcCmRP7fJaG4EaXQhTTaQ8qqdj8aA==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  pngjs@5.0.0:
+    resolution: {integrity: sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==}
+    engines: {node: '>=10.13.0'}
+
+  pngjs@7.0.0:
+    resolution: {integrity: sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==}
+    engines: {node: '>=14.19.0'}
+
+  points-on-curve@0.2.0:
+    resolution: {integrity: sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==}
+
+  points-on-path@0.2.1:
+    resolution: {integrity: sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g==}
+
+  possible-typed-array-names@1.1.0:
+    resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
+    engines: {node: '>= 0.4'}
+
+  postcss-attribute-case-insensitive@8.0.0:
+    resolution: {integrity: sha512-fovIPEV35c2JzVXdmP+sp2xirbBMt54J+upU8u6TSj410kUU5+axgEzvBBSAX8KCybze8CFCelzFAw/FfWg2TA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-calc@10.1.1:
+    resolution: {integrity: sha512-NYEsLHh8DgG/PRH2+G9BTuUdtf9ViS+vdoQ0YA5OQdGsfN4ztiwtDWNtBl9EKeqNMFnIu8IKZ0cLxEQ5r5KVMw==}
+    engines: {node: ^18.12 || ^20.9 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.38
+
+  postcss-clamp@4.1.0:
+    resolution: {integrity: sha512-ry4b1Llo/9zz+PKC+030KUnPITTJAHeOwjfAyyB60eT0AorGLdzp52s31OsPRHRf8NchkgFoG2y6fCfn1IV1Ow==}
+    engines: {node: '>=7.6.0'}
+    peerDependencies:
+      postcss: ^8.4.6
+
+  postcss-color-functional-notation@8.0.6:
+    resolution: {integrity: sha512-JwHsQNb/zzjRN/RFdhWWb3bk6WiNs7KW85+vYtLP1YVL6MgPQn/2qNMgFrjD8Ymg+wfP3XlwtSrYUI+K4zPvHA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-color-hex-alpha@11.0.0:
+    resolution: {integrity: sha512-NCGa6vjIyrjosz9GqRxVKbONBklz5TeipYqTJp3IqbnBWlBq5e5EMtG6MaX4vqk9LzocPfMQkuRK9tfk+OQuKg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-color-rebeccapurple@11.0.0:
+    resolution: {integrity: sha512-g9561mx7cbdqx7XeO/L+lJzVlzu7bICyXr72efBVKZGxIhvBBJf9fGXn3Cb6U4Bwh3LbzQO2e9NWBLVYdX5Eag==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-colormin@7.0.5:
+    resolution: {integrity: sha512-ekIBP/nwzRWhEMmIxHHbXHcMdzd1HIUzBECaj5KEdLz9DVP2HzT065sEhvOx1dkLjYW7jyD0CngThx6bpFi2fA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-convert-values@7.0.8:
+    resolution: {integrity: sha512-+XNKuPfkHTCEo499VzLMYn94TiL3r9YqRE3Ty+jP7UX4qjewUONey1t7CG21lrlTLN07GtGM8MqFVp86D4uKJg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-custom-media@12.0.1:
+    resolution: {integrity: sha512-66syE14+VeqkUf0rRX0bvbTCbNRJF132jD+ceo8th1dap2YJEAqpdh5uG98CE3IbgHT7m9XM0GIlOazNWqQdeA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-custom-properties@15.0.1:
+    resolution: {integrity: sha512-cuyq8sd8dLY0GLbelz1KB8IMIoDECo6RVXMeHeXY2Uw3Q05k/d1GVITdaKLsheqrHbnxlwxzSRZQQ5u+rNtbMg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-custom-selectors@9.0.1:
+    resolution: {integrity: sha512-2XBELy4DmdVKimChfaZ2id9u9CSGYQhiJ53SvlfBvMTzLMW2VxuMb9rHsMSQw9kRq/zSbhT5x13EaK8JSmK8KQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-dir-pseudo-class@10.0.0:
+    resolution: {integrity: sha512-DmtIzULpyC8XaH4b5AaUgt4Jic4QmrECqidNCdR7u7naQFdnxX80YI06u238a+ZVRXwURDxVzy0s/UQnWmpVeg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-discard-comments@7.0.5:
+    resolution: {integrity: sha512-IR2Eja8WfYgN5n32vEGSctVQ1+JARfu4UH8M7bgGh1bC+xI/obsPJXaBpQF7MAByvgwZinhpHpdrmXtvVVlKcQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-discard-duplicates@7.0.2:
+    resolution: {integrity: sha512-eTonaQvPZ/3i1ASDHOKkYwAybiM45zFIc7KXils4mQmHLqIswXD9XNOKEVxtTFnsmwYzF66u4LMgSr0abDlh5w==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-discard-empty@7.0.1:
+    resolution: {integrity: sha512-cFrJKZvcg/uxB6Ijr4l6qmn3pXQBna9zyrPC+sK0zjbkDUZew+6xDltSF7OeB7rAtzaaMVYSdbod+sZOCWnMOg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-discard-overridden@7.0.1:
+    resolution: {integrity: sha512-7c3MMjjSZ/qYrx3uc1940GSOzN1Iqjtlqe8uoSg+qdVPYyRb0TILSqqmtlSFuE4mTDECwsm397Ya7iXGzfF7lg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-double-position-gradients@7.0.2:
+    resolution: {integrity: sha512-X62YBNOxoCVvoUpV3uxdg5h86nbzJwF0ogLrgHUL73YsX8FJ5pGeOxRuaUcqhHxQ4wcoKY+O55lJAyCGsxZLJA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-easings@4.0.0:
+    resolution: {integrity: sha512-KNpwHA3mTnf0UWcdwahQDaz7DDJ6QteVwdlLff98se854p6pyQW9iofwrD05vtlp33AAAxuUGCOhYwERRJGy6Q==}
+    engines: {node: '>=16.0'}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-focus-visible@11.0.0:
+    resolution: {integrity: sha512-VG1a9kBKizUBWS66t5xyB4uLONBnvZLCmZXxT40FALu8EF0QgVZBYy5ApC0KhmpHsv+pvHMJHB3agKHwmocWjw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-focus-within@10.0.0:
+    resolution: {integrity: sha512-dvql0fzUTG+gcJYp+KTbag5vAjuo94LDYZHkqDV1rnf5gPGer1v/SrmIZBdvKU8moep3HbcbujqGjzSb3DL53Q==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-font-variant@5.0.0:
+    resolution: {integrity: sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-gap-properties@7.0.0:
+    resolution: {integrity: sha512-PSDF2QoZMRUbsINvXObQgxx4HExRP85QTT8qS/YN9fBsCPWCqUuwqAD6E6PNp0BqL/jU1eyWUBORaOK/J/9LDA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-hexrgba@2.1.0:
+    resolution: {integrity: sha512-Bb8Ca/vTI/X2Pgq1O3VhOdXE0rg/hz6161MHMu93ebePw8d/I9GSOc+wbd151OGGxSyTz+z196tFeEpSafrJfA==}
+    peerDependencies:
+      postcss: ^8.1.4
+
+  postcss-image-set-function@8.0.0:
+    resolution: {integrity: sha512-rEGNkOkNusf4+IuMmfEoIdLuVmvbExGbmG+MIsyV6jR5UaWSoyPcAYHV/PxzVDCmudyF+2Nh/o6Ub2saqUdnuA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-import@16.1.1:
+    resolution: {integrity: sha512-2xVS1NCZAfjtVdvXiyegxzJ447GyqCeEI5V7ApgQVOWnros1p5lGNovJNapwPpMombyFBfqDwt7AD3n2l0KOfQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+
+  postcss-js@4.1.0:
+    resolution: {integrity: sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==}
+    engines: {node: ^12 || ^14 || >= 16}
+    peerDependencies:
+      postcss: ^8.4.21
+
+  postcss-lab-function@8.0.6:
+    resolution: {integrity: sha512-zFU65d+uKFTdkvJWPpEMgRwY0gh7RN5FD4aWfLxbeXeAkITSpODG6nH2GKAdbnA4jWjyPac1lw8osw+1ATMcWg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-loader@8.2.1:
+    resolution: {integrity: sha512-k98jtRzthjj3f76MYTs9JTpRqV1RaaMhEU0Lpw9OTmQZQdppg4B30VZ74BojuBHt3F4KyubHJoXCMUeM8Bqeow==}
+    engines: {node: '>= 18.12.0'}
+    peerDependencies:
+      '@rspack/core': 0.x || ^1.0.0 || ^2.0.0-0
+      postcss: ^7.0.0 || ^8.0.1
+      webpack: ^5.0.0
+    peerDependenciesMeta:
+      '@rspack/core':
+        optional: true
+      webpack:
+        optional: true
+
+  postcss-logical@9.0.0:
+    resolution: {integrity: sha512-A4LNd9dk3q/juEUA9Gd8ALhBO3TeOeYurnyHLlf2aAToD94VHR8c5Uv7KNmf8YVRhTxvWsyug4c5fKtARzyIRQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-media-query-parser@0.2.3:
+    resolution: {integrity: sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==}
+
+  postcss-merge-longhand@7.0.5:
+    resolution: {integrity: sha512-Kpu5v4Ys6QI59FxmxtNB/iHUVDn9Y9sYw66D6+SZoIk4QTz1prC4aYkhIESu+ieG1iylod1f8MILMs1Em3mmIw==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-merge-rules@7.0.7:
+    resolution: {integrity: sha512-njWJrd/Ms6XViwowaaCc+/vqhPG3SmXn725AGrnl+BgTuRPEacjiLEaGq16J6XirMJbtKkTwnt67SS+e2WGoew==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-minify-font-values@7.0.1:
+    resolution: {integrity: sha512-2m1uiuJeTplll+tq4ENOQSzB8LRnSUChBv7oSyFLsJRtUgAAJGP6LLz0/8lkinTgxrmJSPOEhgY1bMXOQ4ZXhQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-minify-gradients@7.0.1:
+    resolution: {integrity: sha512-X9JjaysZJwlqNkJbUDgOclyG3jZEpAMOfof6PUZjPnPrePnPG62pS17CjdM32uT1Uq1jFvNSff9l7kNbmMSL2A==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-minify-params@7.0.5:
+    resolution: {integrity: sha512-FGK9ky02h6Ighn3UihsyeAH5XmLEE2MSGH5Tc4tXMFtEDx7B+zTG6hD/+/cT+fbF7PbYojsmmWjyTwFwW1JKQQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-minify-selectors@7.0.5:
+    resolution: {integrity: sha512-x2/IvofHcdIrAm9Q+p06ZD1h6FPcQ32WtCRVodJLDR+WMn8EVHI1kvLxZuGKz/9EY5nAmI6lIQIrpo4tBy5+ug==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-mixins@12.1.2:
+    resolution: {integrity: sha512-90pSxmZVfbX9e5xCv7tI5RV1mnjdf16y89CJKbf/hD7GyOz1FCxcYMl8ZYA8Hc56dbApTKKmU9HfvgfWdCxlwg==}
+    engines: {node: ^20.0 || ^22.0 || >=24.0}
+    peerDependencies:
+      postcss: ^8.2.14
+
+  postcss-modules-extract-imports@3.1.0:
+    resolution: {integrity: sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-modules-local-by-default@4.2.0:
+    resolution: {integrity: sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-modules-scope@3.2.1:
+    resolution: {integrity: sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-modules-values@4.0.0:
+    resolution: {integrity: sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-nested@8.0.1:
+    resolution: {integrity: sha512-PvSIwDVh1NTw939iu4FBK+oeZfSm0cbErFAjXCTPiStammzobBNE2SiQNezy8Xp+Oud2uLXaLpTauv3UdxWjbQ==}
+    engines: {node: ^22.0.0 || ^24.0.0 || >= 26.0.0}
+    peerDependencies:
+      postcss: ^8.2.14
+
+  postcss-nesting@14.0.0:
+    resolution: {integrity: sha512-YGFOfVrjxYfeGTS5XctP1WCI5hu8Lr9SmntjfRC+iX5hCihEO+QZl9Ra+pkjqkgoVdDKvb2JccpElcowhZtzpw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-normalize-charset@7.0.1:
+    resolution: {integrity: sha512-sn413ofhSQHlZFae//m9FTOfkmiZ+YQXsbosqOWRiVQncU2BA3daX3n0VF3cG6rGLSFVc5Di/yns0dFfh8NFgQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-normalize-display-values@7.0.1:
+    resolution: {integrity: sha512-E5nnB26XjSYz/mGITm6JgiDpAbVuAkzXwLzRZtts19jHDUBFxZ0BkXAehy0uimrOjYJbocby4FVswA/5noOxrQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-normalize-positions@7.0.1:
+    resolution: {integrity: sha512-pB/SzrIP2l50ZIYu+yQZyMNmnAcwyYb9R1fVWPRxm4zcUFCY2ign7rcntGFuMXDdd9L2pPNUgoODDk91PzRZuQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-normalize-repeat-style@7.0.1:
+    resolution: {integrity: sha512-NsSQJ8zj8TIDiF0ig44Byo3Jk9e4gNt9x2VIlJudnQQ5DhWAHJPF4Tr1ITwyHio2BUi/I6Iv0HRO7beHYOloYQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-normalize-string@7.0.1:
+    resolution: {integrity: sha512-QByrI7hAhsoze992kpbMlJSbZ8FuCEc1OT9EFbZ6HldXNpsdpZr+YXC5di3UEv0+jeZlHbZcoCADgb7a+lPmmQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-normalize-timing-functions@7.0.1:
+    resolution: {integrity: sha512-bHifyuuSNdKKsnNJ0s8fmfLMlvsQwYVxIoUBnowIVl2ZAdrkYQNGVB4RxjfpvkMjipqvbz0u7feBZybkl/6NJg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-normalize-unicode@7.0.5:
+    resolution: {integrity: sha512-X6BBwiRxVaFHrb2WyBMddIeB5HBjJcAaUHyhLrM2FsxSq5TFqcHSsK7Zu1otag+o0ZphQGJewGH1tAyrD0zX1Q==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-normalize-url@7.0.1:
+    resolution: {integrity: sha512-sUcD2cWtyK1AOL/82Fwy1aIVm/wwj5SdZkgZ3QiUzSzQQofrbq15jWJ3BA7Z+yVRwamCjJgZJN0I9IS7c6tgeQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-normalize-whitespace@7.0.1:
+    resolution: {integrity: sha512-vsbgFHMFQrJBJKrUFJNZ2pgBeBkC2IvvoHjz1to0/0Xk7sII24T0qFOiJzG6Fu3zJoq/0yI4rKWi7WhApW+EFA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-opacity-percentage@3.0.0:
+    resolution: {integrity: sha512-K6HGVzyxUxd/VgZdX04DCtdwWJ4NGLG212US4/LA1TLAbHgmAsTWVR86o+gGIbFtnTkfOpb9sCRBx8K7HO66qQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-ordered-values@7.0.2:
+    resolution: {integrity: sha512-AMJjt1ECBffF7CEON/Y0rekRLS6KsePU6PRP08UqYW4UGFRnTXNrByUzYK1h8AC7UWTZdQ9O3Oq9kFIhm0SFEw==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-overflow-shorthand@7.0.0:
+    resolution: {integrity: sha512-9SLpjoUdGRoRrzoOdX66HbUs0+uDwfIAiXsRa7piKGOqPd6F4ZlON9oaDSP5r1Qpgmzw5L9Ht0undIK6igJPMA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-page-break@3.0.4:
+    resolution: {integrity: sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==}
+    peerDependencies:
+      postcss: ^8
+
+  postcss-place@11.0.0:
+    resolution: {integrity: sha512-fAifpyjQ+fuDRp2nmF95WbotqbpjdazebedahXdfBxy5sHembOLpBQ1cHveZD9ZmjK26tYM8tikeNaUlp/KfHA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-preset-env@11.3.2:
+    resolution: {integrity: sha512-O7aA42UBH/89RkGy1YXgJqb+LxZ2+zvR8bHn9qyYcYc+lOo4g9TuIpb75nZT1tN77Bd6pX3DMZ+eYohS4MfKQg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-pseudo-class-any-link@11.0.0:
+    resolution: {integrity: sha512-DNFZ4GMa3C3pU5dM+UCTG1CEeLtS1ZqV5DKSqCTJQMn1G5jnd/30fS8+A7H4o5bSD3MOcnx+VgI+xPE9Z5Wvig==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-reduce-initial@7.0.5:
+    resolution: {integrity: sha512-RHagHLidG8hTZcnr4FpyMB2jtgd/OcyAazjMhoy5qmWJOx1uxKh4ntk0Pb46ajKM0rkf32lRH4C8c9qQiPR6IA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-reduce-transforms@7.0.1:
+    resolution: {integrity: sha512-MhyEbfrm+Mlp/36hvZ9mT9DaO7dbncU0CvWI8V93LRkY6IYlu38OPg3FObnuKTUxJ4qA8HpurdQOo5CyqqO76g==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-replace-overflow-wrap@4.0.0:
+    resolution: {integrity: sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==}
+    peerDependencies:
+      postcss: ^8.0.3
+
+  postcss-resolve-nested-selector@0.1.6:
+    resolution: {integrity: sha512-0sglIs9Wmkzbr8lQwEyIzlDOOC9bGmfVKcJTaxv3vMmd3uo4o4DerC3En0bnmgceeql9BfC8hRkp7cg0fjdVqw==}
+
+  postcss-safe-parser@7.0.1:
+    resolution: {integrity: sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==}
+    engines: {node: '>=18.0'}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-scss@4.0.9:
+    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.4.29
+
+  postcss-selector-not@9.0.0:
+    resolution: {integrity: sha512-xhAtTdHnVU2M/CrpYOPyRUvg3njhVlKmn2GNYXDaRJV9Ygx4d5OkSkc7NINzjUqnbDFtaKXlISOBeyMXU/zyFQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-selector-parser@7.1.4:
+    resolution: {integrity: sha512-HeP7D2wyhkR+XaK6v4W8oRF62Dsz4flyuczALJp61GckGm42u1saSSJ/0auvcBqxs3jMRFEcPK34At/0JBKdOg==}
+    engines: {node: '>=4'}
+
+  postcss-simple-vars@7.0.1:
+    resolution: {integrity: sha512-5GLLXaS8qmzHMOjVxqkk1TZPf1jMqesiI7qLhnlyERalG0sMbHIbJqrcnrpmZdKCLglHnRHoEBB61RtGTsj++A==}
+    engines: {node: '>=14.0'}
+    peerDependencies:
+      postcss: ^8.2.1
+
+  postcss-svgo@7.1.0:
+    resolution: {integrity: sha512-KnAlfmhtoLz6IuU3Sij2ycusNs4jPW+QoFE5kuuUOK8awR6tMxZQrs5Ey3BUz7nFCzT3eqyFgqkyrHiaU2xx3w==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >= 18}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-unique-selectors@7.0.4:
+    resolution: {integrity: sha512-pmlZjsmEAG7cHd7uK3ZiNSW6otSZ13RHuZ/4cDN/bVglS5EpF2r2oxY99SuOHa8m7AWoBCelTS3JPpzsIs8skQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+  postcss@8.5.25:
+    resolution: {integrity: sha512-DTPx3RWSSnWyzLxQnlH0rJP+EW5ekl16ZU4/psbIhA0e53kJfdgaN5vKM+xP7yJtXVu+nfdVFmlgFDEKAe4Pyw==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  posthog-js@1.407.2:
+    resolution: {integrity: sha512-5deTvXopn+NJWEmCUw8Ix/ms3cv2+60WJ73Vgbvu2wSkZY/FIj2uqAgCnq7IewGpGC+tH7CAbPYFzH6hw8eW1w==}
+
+  postject@1.0.0-alpha.6:
+    resolution: {integrity: sha512-b9Eb8h2eVqNE8edvKdwqkrY6O7kAwmI8kcnBv1NScolYJbo59XUF0noFq+lxbC1yN20bmC0WBEbDC5H/7ASb0A==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  potpack@2.1.0:
+    resolution: {integrity: sha512-pcaShQc1Shq0y+E7GqJqvZj8DTthWV1KeHGdi0Z6IAin2Oi3JnLCOfwnCo84qc+HAp52wT9nK9H7FAJp5a44GQ==}
+
+  powershell-utils@0.1.0:
+    resolution: {integrity: sha512-dM0jVuXJPsDN6DvRpea484tCUaMiXWjuCn++HGTqUWzGDjv5tZkEZldAJ/UMlqRYGFrD/etByo4/xOuC/snX2A==}
+    engines: {node: '>=20'}
+
+  preact@10.29.3:
+    resolution: {integrity: sha512-D9NL1GAnJZhc3RndVs4gDdxEeU9TcHgywMrhhOsnpdlvFjdbx0gAsLUnH6JEhlJH5giL7Tx5biWPUSEXE/HPzw==}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier@2.8.8:
+    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+
+  pretty-error@4.0.0:
+    resolution: {integrity: sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==}
+
+  pretty-format@27.5.1:
+    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+
+  pretty-format@30.4.1:
+    resolution: {integrity: sha512-K6KiKMHTL4jjX4u3Kir2EW07nRfcqVTXIImx50wbjHQTcZPgg+gjVeNTIT3l3L1Rd4UefxfogquC9J37SoFyyw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  proc-log@6.1.0:
+    resolution: {integrity: sha512-iG+GYldRf2BQ0UDUAd6JQ/RwzaQy6mXmsk/IzlYyal4A4SNFw54MeH4/tLkF4I5WoWG9SQwuqWzS99jaFQHBuQ==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  proc-log@7.0.0:
+    resolution: {integrity: sha512-FYgfaA69XZ93zaXLoMNQ+ViDXGGBgR8aLh03txzcFhV+9xOXx7+8DLCULrKKpR9+GsH9ZfHm82aSUPpozX0Ztg==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  process-nextick-args@2.0.1:
+    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
+
+  process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+
+  progress@2.0.3:
+    resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==}
+    engines: {node: '>=0.4.0'}
+
+  promise-retry@2.0.1:
+    resolution: {integrity: sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==}
+    engines: {node: '>=10'}
+
+  prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+
+  proper-lockfile@4.1.2:
+    resolution: {integrity: sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==}
+
+  properties-file@3.7.0:
+    resolution: {integrity: sha512-bqVtLPcBjT7/11vRwoVj9J5zWqVXU+JkCPCLrBKKlbbFWLK3+j3ucTibvsO/pvq5lVzws5uUaIPRp7OKgDOcNg==}
+
+  properties-reader@3.0.1:
+    resolution: {integrity: sha512-WPn+h9RGEExOKdu4bsF4HksG/uzd3cFq3MFtq8PsFeExPse5Ha/VOjQNyHhjboBFwGXGev6muJYTSPAOkROq2g==}
+    engines: {node: '>=18'}
+
+  property-information@7.1.0:
+    resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
+
+  protobufjs@7.6.5:
+    resolution: {integrity: sha512-/FPD0nUc9jH6rfFjji9IBqOz4pcSE3CsT1m7Ep6Mdb0LxSUMj8hgl6GomOvZzpNpAqqGaXA0P3VSrZLFzIhQrw==}
+    engines: {node: '>=12.0.0'}
+
+  protocol-buffers-schema@3.6.1:
+    resolution: {integrity: sha512-VG2K63Igkiv9p76tk1lilczEK1cT+kCjKtkdhw1dQZV3k3IXJbd3o6Ho8b9zJZaHSnT2hKe4I+ObmX9w6m5SmQ==}
+
+  proxy-addr@2.0.7:
+    resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
+    engines: {node: '>= 0.10'}
+
+  proxy-agent-negotiate@1.1.0:
+    resolution: {integrity: sha512-N8IBcM3UgCVzz2L2Lqv8DVntDnnC8/hiV4nEDUPkqq72TPUgYWjQc+bdZlBPZK9LzPAvOY//gAt0S0DApoOXWQ==}
+    engines: {node: '>= 20'}
+    peerDependencies:
+      kerberos: ^2.0.0
+    peerDependenciesMeta:
+      kerberos:
+        optional: true
+
+  proxy-from-env@1.1.0:
+    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
+
+  proxy-from-env@2.1.0:
+    resolution: {integrity: sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==}
+    engines: {node: '>=10'}
+
+  public-encrypt@4.0.3:
+    resolution: {integrity: sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==}
+
+  pump@3.0.4:
+    resolution: {integrity: sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==}
+
+  punycode.js@2.3.1:
+    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
+    engines: {node: '>=6'}
+
+  punycode@1.4.1:
+    resolution: {integrity: sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  pure-rand@7.0.1:
+    resolution: {integrity: sha512-oTUZM/NAZS8p7ANR3SHh30kXB+zK2r2BPcEn/awJIbOvq82WoMN4p62AWWp3Hhw50G0xMsw1mhIBLqHw64EcNQ==}
+
+  pvtsutils@1.3.6:
+    resolution: {integrity: sha512-PLgQXQ6H2FWCaeRak8vvk1GW462lMxB5s3Jm673N82zI4vqtVUPuZdffdZbPDFRoU8kAhItWFtPCWiPpp4/EDg==}
+
+  pvutils@1.1.5:
+    resolution: {integrity: sha512-KTqnxsgGiQ6ZAzZCVlJH5eOjSnvlyEgx1m8bkRJfOhmGRqfo5KLvmAlACQkrjEtOQ4B7wF9TdSLIs9O90MX9xA==}
+    engines: {node: '>=16.0.0'}
+
+  qified@0.10.1:
+    resolution: {integrity: sha512-+Owyggi9IxT1ePKGafcI87ubSmxol6smwJ+RAHDQlx9+9cPwFWDiKFFCPuWhr9ignlGpZ9vDQLw67N4dcTVFEA==}
+    engines: {node: '>=20'}
+
+  qrcode@1.5.4:
+    resolution: {integrity: sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+
+  qs@6.15.3:
+    resolution: {integrity: sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==}
+    engines: {node: '>=0.6'}
+
+  quansync@0.2.11:
+    resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
+
+  query-selector-shadow-dom@1.0.1:
+    resolution: {integrity: sha512-lT5yCqEBgfoMYpf3F2xQRK7zEr1rhIIZuceDK6+xRkJQ4NMbHTwXqk4NkwDwQMNqXgG9r9fyHnzwNVs6zV5KRw==}
+
+  querystring-es3@0.2.1:
+    resolution: {integrity: sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==}
+    engines: {node: '>=0.4.x'}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  quick-lru@5.1.1:
+    resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
+    engines: {node: '>=10'}
+
+  quickselect@3.0.0:
+    resolution: {integrity: sha512-XdjUArbK4Bm5fLLvlm5KpTFOiOThgfWWI4axAZDWg4E/0mKdZyI9tNEfds27qCi1ze/vwTR16kvmmGhRra3c2g==}
+
+  raf-schd@4.0.3:
+    resolution: {integrity: sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ==}
+
+  randombytes@2.1.0:
+    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
+
+  randomfill@1.0.4:
+    resolution: {integrity: sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==}
+
+  range-parser@1.3.0:
+    resolution: {integrity: sha512-hek2mFQpPuI4E1BBKrSto+BU3e3x4xuarsbiwr3+lf7p44juvFMV0XFWQAP3xUyqXA4RrXLIoaSUGbSt056ZMw==}
+    engines: {node: '>= 0.6'}
+
+  raw-body@3.0.2:
+    resolution: {integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==}
+    engines: {node: '>= 0.10'}
+
+  re-resizable@6.11.2:
+    resolution: {integrity: sha512-2xI2P3OHs5qw7K0Ud1aLILK6MQxW50TcO+DetD9eIV58j84TqYeHoZcL9H4GXFXXIh7afhH8mv5iUCXII7OW7A==}
+    peerDependencies:
+      react: ^16.13.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.13.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  react-beautiful-dnd@13.1.1:
+    resolution: {integrity: sha512-0Lvs4tq2VcrEjEgDXHjT98r+63drkKEgqyxdA7qD3mvKwga6a5SscbdLPO2IExotU1jW8L0Ksdl0Cj2AF67nPQ==}
+    deprecated: 'react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672'
+    peerDependencies:
+      react: ^16.8.5 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.5 || ^17.0.0 || ^18.0.0
+
+  react-blurhash@0.3.0:
+    resolution: {integrity: sha512-XlKr4Ns1iYFRnk6DkAblNbAwN/bTJvxTVoxMvmTcURdc5oLoXZwqAF9N3LZUh/HT+QFlq5n6IS6VsDGsviYAiQ==}
+    peerDependencies:
+      blurhash: ^2.0.3
+      react: '>=15'
+
+  react-clientside-effect@1.2.8:
+    resolution: {integrity: sha512-ma2FePH0z3px2+WOu6h+YycZcEvFmmxIlAb62cF52bG86eMySciO/EQZeQMXd07kPCYB0a1dWDT5J+KE9mCDUw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+
+  react-docgen-typescript@2.4.0:
+    resolution: {integrity: sha512-ZtAp5XTO5HRzQctjPU0ybY0RRCQO19X/8fxn3w7y2VVTUbGHDKULPTL4ky3vB05euSgG5NpALhEhDPvQ56wvXg==}
+    peerDependencies:
+      typescript: '>= 4.3.x'
+
+  react-docgen@8.0.3:
+    resolution: {integrity: sha512-aEZ9qP+/M+58x2qgfSFEWH1BxLyHe5+qkLNJOZQb5iGS017jpbRnoKhNRrXPeA6RfBrZO5wZrT9DMC1UqE1f1w==}
+    engines: {node: ^20.9.0 || >=22}
+
+  react-dom@19.2.8:
+    resolution: {integrity: sha512-rVprimfGBG3DR+Tq0IQG2DT5PxKth1WIGDmj5yPmlzr4YBe7uyE+Du4oVqTDXZSHGGGXRtTJEGSSePyQCMBglQ==}
+    peerDependencies:
+      react: ^19.2.8
+
+  react-focus-lock@2.13.7:
+    resolution: {integrity: sha512-20lpZHEQrXPb+pp1tzd4ULL6DyO5D2KnR0G69tTDdydrmNhU7pdFmbQUYVyHUgp+xN29IuFR0PVuhOmvaZL9Og==}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+
+  react-is@17.0.2:
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+
+  react-is@18.3.1:
+    resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
+
+  react-is@19.2.8:
+    resolution: {integrity: sha512-s5un28nYxKJw5gvUHyW5PCC28CvBqLu9r3cWgzHT4Vo/5fqqkFcdRYsGcKf50WMPpjjFZS5d76fn3YCo2njKwQ==}
+
+  react-merge-refs@3.0.2:
+    resolution: {integrity: sha512-MSZAfwFfdbEvwkKWP5EI5chuLYnNUxNS7vyS0i1Jp+wtd8J4Ga2ddzhaE68aMol2Z4vCnRM/oGOo1a3V75UPlw==}
+    peerDependencies:
+      react: '>=16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0'
+    peerDependenciesMeta:
+      react:
+        optional: true
+
+  react-property@2.0.2:
+    resolution: {integrity: sha512-+PbtI3VuDV0l6CleQMsx2gtK0JZbZKbpdu5ynr+lbsuvtmgbNcS3VM0tuY2QjFNOcWxvXeHjDpy42RO+4U2rug==}
+
+  react-redux@7.2.9:
+    resolution: {integrity: sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==}
+    peerDependencies:
+      react: ^16.8.3 || ^17 || ^18
+      react-dom: '*'
+      react-native: '*'
+    peerDependenciesMeta:
+      react-dom:
+        optional: true
+      react-native:
+        optional: true
+
+  react-remove-scroll-bar@2.3.8:
+    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-remove-scroll@2.7.2:
+    resolution: {integrity: sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-resizable-panels@4.12.2:
+    resolution: {integrity: sha512-NwY5LCo4WrxVvDh0xoMML6EMLPONP/8ckKcIdpnojxexoatZdjLiRqLJQjQK5CPkd4SYiB/2M5BVrjZBQtOO7Q==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+
+  react-string-replace@2.0.1:
+    resolution: {integrity: sha512-J7y/IxZkwhOgCexu6GtkNH2FIa9f/z6ykvK1YXS8VLIdvcP8Vyx3LAUFsfIFvq3aQbmin2d+clFR1J50LnR2yA==}
+
+  react-style-singleton@2.2.3:
+    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-transition-group@4.4.5:
+    resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
+    peerDependencies:
+      react: '>=16.6.0'
+      react-dom: '>=16.6.0'
+
+  react-virtuoso@4.18.11:
+    resolution: {integrity: sha512-Qeeq9vqa5seCxACvzbQTUeq3s2/Bu+VlwOMF0jfy3E/ZKHLiXWwJpXBhv2rckqYkvm1XRVFLCBMCmqCU8JNEJg==}
+    peerDependencies:
+      react: '>=16 || >=17 || >= 18 || >= 19'
+      react-dom: '>=16 || >=17 || >= 18 || >=19'
+
+  react@19.2.8:
+    resolution: {integrity: sha512-PWaYA1L/q9u2u7xYQi+Y3L3Yfnie7XyLeaJICV1MGD6LprsBxcAqGjYyr0eY3p+QdsA+x/Irkt4Qif8D63+Sbw==}
+    engines: {node: '>=0.10.0'}
+
+  read-binary-file-arch@1.0.6:
+    resolution: {integrity: sha512-BNg9EN3DD3GsDXX7Aa8O4p92sryjkmzYYgmgTAc6CA4uGLEDzFfxOxugu21akOxpcXHiEgsYkC6nPsQvLLLmEg==}
+    hasBin: true
+
+  read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+
+  readable-stream@2.3.8:
+    resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
+
+  readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
+
+  readable-stream@4.7.0:
+    resolution: {integrity: sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  readdir-glob@1.1.3:
+    resolution: {integrity: sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==}
+
+  readdirp@5.0.0:
+    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
+    engines: {node: '>= 20.19.0'}
+
+  recast@0.23.12:
+    resolution: {integrity: sha512-dEWRjcINDu/F4l2dYx57ugBtD7HV9KXESyxhzw/MqWLeglJrsjJKqACPyUPg+6AF8mIgm+Zi0dZ3ACoIg+QtpA==}
+    engines: {node: '>= 4'}
+
+  rechoir@0.8.0:
+    resolution: {integrity: sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==}
+    engines: {node: '>= 10.13.0'}
+
+  redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+
+  redux@4.2.1:
+    resolution: {integrity: sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==}
+
+  reflect-metadata@0.1.14:
+    resolution: {integrity: sha512-ZhYeb6nRaXCfhnndflDK8qI6ZQ/YcWZCISRAWICW9XYqMUwjZM9Z0DveWX/ABN01oxSHwVxKQmxeYZSsm0jh5A==}
+
+  reflect-metadata@0.2.2:
+    resolution: {integrity: sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==}
+
+  regenerate-unicode-properties@10.2.2:
+    resolution: {integrity: sha512-m03P+zhBeQd1RGnYxrGyDAPpWX/epKirLrp8e3qevZdVkKtnCrjjWczIbYc8+xd6vcTStVlqfycTx1KR4LOr0g==}
+    engines: {node: '>=4'}
+
+  regenerate@1.4.2:
+    resolution: {integrity: sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==}
+
+  regex-recursion@6.0.2:
+    resolution: {integrity: sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==}
+
+  regex-utilities@2.3.0:
+    resolution: {integrity: sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==}
+
+  regex@6.1.0:
+    resolution: {integrity: sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg==}
+
+  regexparam@3.0.0:
+    resolution: {integrity: sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==}
+    engines: {node: '>=8'}
+
+  regexpu-core@6.4.0:
+    resolution: {integrity: sha512-0ghuzq67LI9bLXpOX/ISfve/Mq33a4aFRzoQYhnnok1JOFpmE/A2TBGkNVenOGEeSBCjIiWcc6MVOG5HEQv0sA==}
+    engines: {node: '>=4'}
+
+  regjsgen@0.8.0:
+    resolution: {integrity: sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==}
+
+  regjsparser@0.13.0:
+    resolution: {integrity: sha512-NZQZdC5wOE/H3UT28fVGL+ikOZcEzfMGk/c3iN9UGxzWHMa1op7274oyiUVrAG4B2EuFhus8SvkaYnhvW92p9Q==}
+    hasBin: true
+
+  relateurl@0.2.7:
+    resolution: {integrity: sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==}
+    engines: {node: '>= 0.10'}
+
+  renderkid@3.0.0:
+    resolution: {integrity: sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==}
+
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  require-in-the-middle@8.0.1:
+    resolution: {integrity: sha512-QT7FVMXfWOYFbeRBF6nu+I6tr2Tf3u0q8RIEjNob/heKY/nh7drD/k7eeMFmSQgnTtCzLDcCu/XEnpW2wk4xCQ==}
+    engines: {node: '>=9.3.0 || >=8.10.0 <9.0.0'}
+
+  require-main-filename@2.0.0:
+    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
+
+  requirejs@2.3.8:
+    resolution: {integrity: sha512-7/cTSLOdYkNBNJcDMWf+luFvMriVm7eYxp4BcFCsAX0wF421Vyce5SXP17c+Jd5otXKGNehIonFlyQXSowL6Mw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  resedit@1.7.2:
+    resolution: {integrity: sha512-vHjcY2MlAITJhC0eRD/Vv8Vlgmu9Sd3LX9zZvtGzU5ZImdTN3+d6e/4mnTyV8vEbyf1sgNIrWxhWlrys52OkEA==}
+    engines: {node: '>=12', npm: '>=6'}
+
+  resolve-alpn@1.2.1:
+    resolution: {integrity: sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==}
+
+  resolve-cwd@3.0.0:
+    resolution: {integrity: sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==}
+    engines: {node: '>=8'}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  resolve-from@5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+
+  resolve-protobuf-schema@2.1.0:
+    resolution: {integrity: sha512-kI5ffTiZWmJaS/huM8wZfEMer1eRd7oJQhDuxeCLe3t7N7mX3z94CN0xPxBQxFYQTSNz9T0i+v6inKqSdK8xrQ==}
+
+  resolve.exports@2.0.3:
+    resolution: {integrity: sha512-OcXjMsGdhL4XnbShKpAcSqPMzQoYkYyhbEaeSko47MjRP9NfEQMhZkXL1DoFlt9LWQn4YttrdnV6X2OiyzBi+A==}
+    engines: {node: '>=10'}
+
+  resolve@1.22.12:
+    resolution: {integrity: sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==}
+    engines: {node: '>= 0.4'}
+    hasBin: true
+
+  responselike@2.0.1:
+    resolution: {integrity: sha512-4gl03wn3hj1HP3yzgdI7d3lCkF95F21Pz4BPGvKHinyQzALR5CapwC8yIi0Rh58DEMQ/SguC03wFj2k0M/mHhw==}
+
+  restore-cursor@3.1.0:
+    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
+    engines: {node: '>=8'}
+
+  retry@0.12.0:
+    resolution: {integrity: sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==}
+    engines: {node: '>= 4'}
+
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rfc4648@1.5.4:
+    resolution: {integrity: sha512-rRg/6Lb+IGfJqO05HZkN50UtY7K/JhxJag1kP23+zyMfrvoB0B7RWv06MbOzoc79RgCdNTiUaNsTT1AJZ7Z+cg==}
+
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
+  rimraf@2.6.3:
+    resolution: {integrity: sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
+    hasBin: true
+
+  rimraf@3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
+    hasBin: true
+
+  rimraf@6.1.3:
+    resolution: {integrity: sha512-LKg+Cr2ZF61fkcaK1UdkH2yEBBKnYjTyWzTJT6KNPcSPaiT7HSdhtMXQuN5wkTX0Xu72KQ1l8S42rlmexS2hSA==}
+    engines: {node: 20 || >=22}
+    hasBin: true
+
+  ripemd160@2.0.3:
+    resolution: {integrity: sha512-5Di9UC0+8h1L6ZD2d7awM7E/T4uA1fJRlx6zk/NvdCCVEoAnFqvHmCuNeIKoCeIixBX/q8uM+6ycDvF8woqosA==}
+    engines: {node: '>= 0.8'}
+
+  roarr@2.15.4:
+    resolution: {integrity: sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==}
+    engines: {node: '>=8.0'}
+
+  robust-predicates@3.0.3:
+    resolution: {integrity: sha512-NS3levdsRIUOmiJ8FZWCP7LG3QpJyrs/TE0Zpf1yvZu8cAJJ6QMW92H1c7kWpdIHo8RvmLxN/o2JXTKHp74lUA==}
+
+  rolldown@1.2.2:
+    resolution: {integrity: sha512-opwpo1tQBAcpSUJDt94B7hhLNGOKjCdE//XXjeLrnx9b83bjnw45tXdg1b09yEw/VLFBJGZpwRULMmOZo7ol+A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
+  rollup-plugin-external-globals@0.13.0:
+    resolution: {integrity: sha512-wBS3hmoF0OtEnA0lWsmTC6Nhnkk2zjZbfhaX2gLo8VnfNGFdGhiYKwMpIPQPrYbAw+mAYUYmoHYktAl1eZHgVw==}
+    peerDependencies:
+      rollup: ^2.25.0 || ^3.3.0 || ^4.1.4
+
+  rollup@4.60.1:
+    resolution: {integrity: sha512-VmtB2rFU/GroZ4oL8+ZqXgSA38O6GR8KSIvWmEFv63pQ0G6KaBH9s07PO8XTXP4vI+3UJUEypOfjkGfmSBBR0w==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  roughjs@4.6.6:
+    resolution: {integrity: sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ==}
+
+  router@2.2.0:
+    resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
+    engines: {node: '>= 18'}
+
+  rrweb-cssom@0.8.0:
+    resolution: {integrity: sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==}
+
+  run-applescript@7.0.0:
+    resolution: {integrity: sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==}
+    engines: {node: '>=18'}
+
+  run-applescript@7.1.0:
+    resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
+    engines: {node: '>=18'}
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  rw@1.3.3:
+    resolution: {integrity: sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==}
+
+  rxjs@7.8.2:
+    resolution: {integrity: sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==}
+
+  safe-buffer@5.1.2:
+    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
+
+  safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+
+  safe-regex-test@1.1.0:
+    resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
+    engines: {node: '>= 0.4'}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  sanitize-filename@1.6.4:
+    resolution: {integrity: sha512-9ZyI08PsvdQl2r/bBIGubpVdR3RR9sY6RDiWFPreA21C/EFlQhmgo20UZlNjZMMZNubusLhAQozkA0Od5J21Eg==}
+
+  sanitize-html@2.17.6:
+    resolution: {integrity: sha512-M4bo9tfv1yfhQZZKkc6dL07ALrGJtfvNOuhX3hU9AVPR/uPQ+nKOJBqTYc7LfMQblTW04mtSWDJWEyLvygJsLA==}
+    engines: {node: '>=22.12.0'}
+
+  sax@1.6.0:
+    resolution: {integrity: sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==}
+    engines: {node: '>=11.0.0'}
+
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
+  scheduler@0.27.0:
+    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
+
+  schema-utils@3.3.0:
+    resolution: {integrity: sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==}
+    engines: {node: '>= 10.13.0'}
+
+  schema-utils@4.3.3:
+    resolution: {integrity: sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==}
+    engines: {node: '>= 10.13.0'}
+
+  sdp-transform@3.0.0:
+    resolution: {integrity: sha512-gfYVRGxjHkGF2NPeUWHw5u6T/KGFtS5/drPms73gaSuMaVHKCY3lpLnGDfswVQO0kddeePoti09AwhYP4zA8dQ==}
+    hasBin: true
+
+  search-insights@2.17.3:
+    resolution: {integrity: sha512-RQPdCYTa8A68uM2jwxoY842xDhvx3E5LFL1LxvxCNMev4o5mLuokczhzjAgGwUZBAmOKZknArSxLKmXtIi2AxQ==}
+
+  seedrandom@3.0.5:
+    resolution: {integrity: sha512-8OwmbklUNzwezjGInmZ+2clQmExQPvomqjL7LFqOYqtmuxRgQYqOD3mHaU+MvZn5FLUeVxVfQjwLZW/n/JFuqg==}
+
+  selfsigned@5.5.0:
+    resolution: {integrity: sha512-ftnu3TW4+3eBfLRFnDEkzGxSF/10BJBkaLJuBHZX0kiPS7bRdlpZGu6YGt4KngMkdTwJE6MbjavFpqHvqVt+Ew==}
+    engines: {node: '>=18'}
+
+  semifies@1.0.0:
+    resolution: {integrity: sha512-xXR3KGeoxTNWPD4aBvL5NUpMTT7WMANr3EWnaS190QVkY52lqqcVRD7Q05UVbBhiWDGWMlJEUam9m7uFFGVScw==}
+
+  semver-compare@1.0.0:
+    resolution: {integrity: sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==}
+
+  semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
+    hasBin: true
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.7.4:
+    resolution: {integrity: sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  semver@7.8.4:
+    resolution: {integrity: sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  semver@7.8.5:
+    resolution: {integrity: sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  send@1.2.1:
+    resolution: {integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==}
+    engines: {node: '>= 18'}
+
+  serialize-error@7.0.1:
+    resolution: {integrity: sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==}
+    engines: {node: '>=10'}
+
+  serialize-javascript@7.0.5:
+    resolution: {integrity: sha512-F4LcB0UqUl1zErq+1nYEEzSHJnIwb3AF2XWB94b+afhrekOUijwooAYqFyRbjYkm2PAKBabx6oYv/xDxNi8IBw==}
+    engines: {node: '>=20.0.0'}
+
+  serve-index@1.9.2:
+    resolution: {integrity: sha512-KDj11HScOaLmrPxl70KYNW1PksP4Nb/CLL2yvC+Qd2kHMPEEpfc4Re2e4FOay+bC/+XQl/7zAcWON3JVo5v3KQ==}
+    engines: {node: '>= 0.8.0'}
+
+  serve-static@2.2.1:
+    resolution: {integrity: sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==}
+    engines: {node: '>= 18'}
+
+  set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+
+  set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
+    engines: {node: '>= 0.4'}
+
+  setimmediate@1.0.5:
+    resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
+
+  setprototypeof@1.2.0:
+    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+
+  sha.js@2.4.12:
+    resolution: {integrity: sha512-8LzC5+bvI45BjpfXU8V5fdU2mfeKiQe1D1gIMn7XUlF3OTUrpdJpPPH4EMAnF0DsHHdSZqCdSss5qCmJKuiO3w==}
+    engines: {node: '>= 0.10'}
+    hasBin: true
+
+  shallow-clone@3.0.1:
+    resolution: {integrity: sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==}
+    engines: {node: '>=8'}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  shell-quote@1.9.0:
+    resolution: {integrity: sha512-Iov+JwFv/2HcTpcwNMKd8+IWNb8tboQJNQTkAY/LLVK7gGH9jy+LGkVqPxfekHl+yMmiqXszdGWXgkfml7hjqA==}
+    engines: {node: '>= 0.4'}
+
+  shiki@2.5.0:
+    resolution: {integrity: sha512-mI//trrsaiCIPsja5CNfsyNOqgAZUb6VpJA+340toL42UpzQlXpwRV9nch69X6gaUxrr9kaOOa6e3y3uAkGFxQ==}
+
+  side-channel-list@1.0.1:
+    resolution: {integrity: sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-map@1.0.1:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-weakmap@1.0.2:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
+
+  side-channel@1.1.1:
+    resolution: {integrity: sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==}
+    engines: {node: '>= 0.4'}
+
+  siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+
+  signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  sigstore@5.0.0:
+    resolution: {integrity: sha512-hJqJfoG/e4qFQaauQL00c6J6FrHLBGKtkFvW3JbTSIEFOhLrSjdSM/gWd/yUOfYo/gsERehTXGC1VZWX+9X4Dg==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  simple-update-notifier@2.0.0:
+    resolution: {integrity: sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==}
+    engines: {node: '>=10'}
+
+  sirv@3.0.2:
+    resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
+    engines: {node: '>=18'}
+
+  slash@3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+
+  slash@5.1.0:
+    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
+    engines: {node: '>=14.16'}
+
+  slice-ansi@4.0.0:
+    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
+    engines: {node: '>=10'}
+
+  smart-buffer@4.2.0:
+    resolution: {integrity: sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==}
+    engines: {node: '>= 6.0.0', npm: '>= 3.0.0'}
+
+  smol-toml@1.6.1:
+    resolution: {integrity: sha512-dWUG8F5sIIARXih1DTaQAX4SsiTXhInKf1buxdY9DIg4ZYPZK5nGM1VRIYmEbDbsHt7USo99xSLFu5Q1IqTmsg==}
+    engines: {node: '>= 18'}
+
+  smol-toml@1.7.1:
+    resolution: {integrity: sha512-PPlsspAZ4jbMBu5DMFhfUGDQLu/vrL4SyBROVS37x8ynnVmFIs1VPBz1Co8Xks3TvpIaZXmU85y4DrQ+UyVFoQ==}
+    engines: {node: '>= 18'}
+
+  snake-case@3.0.4:
+    resolution: {integrity: sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==}
+
+  socks-proxy-agent@10.1.0:
+    resolution: {integrity: sha512-WlMj/67cEJ6MDI1OcsnjuYKDNDoyPCCYZ249kuuXPiMDw9F8PXkVaQ7YWu3siTydfQ/4BEZcvGzu+aYvz7dDCQ==}
+    engines: {node: '>= 20'}
+
+  socks-proxy-agent@8.0.5:
+    resolution: {integrity: sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==}
+    engines: {node: '>= 14'}
+
+  socks@2.8.7:
+    resolution: {integrity: sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A==}
+    engines: {node: '>= 10.0.0', npm: '>= 3.0.0'}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  source-map-loader@5.0.0:
+    resolution: {integrity: sha512-k2Dur7CbSLcAH73sBcIkV5xjPV4SzqO1NJ7+XaQl8if3VODDUj3FNchNGpqgJSKbvUfJuhVdv8K2Eu8/TNl2eA==}
+    engines: {node: '>= 18.12.0'}
+    peerDependencies:
+      webpack: ^5.72.1
+
+  source-map-support@0.5.13:
+    resolution: {integrity: sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==}
+
+  source-map-support@0.5.19:
+    resolution: {integrity: sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==}
+
+  source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
+  spdx-exceptions@2.5.0:
+    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
+
+  spdx-expression-parse@4.0.0:
+    resolution: {integrity: sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==}
+
+  spdx-license-ids@3.0.22:
+    resolution: {integrity: sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==}
+
+  speakingurl@14.0.1:
+    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
+    engines: {node: '>=0.10.0'}
+
+  split-ca@1.0.1:
+    resolution: {integrity: sha512-Q5thBSxp5t8WPTTJQS59LrGqOZqOsrhDGDVm8azCqIBjSBd7nd9o2PM+mDulQQkh8h//4U6hFZnc/mul8t5pWQ==}
+
+  sprintf-js@1.0.3:
+    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
+
+  sprintf-js@1.1.3:
+    resolution: {integrity: sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==}
+
+  ssh-remote-port-forward@1.0.4:
+    resolution: {integrity: sha512-x0LV1eVDwjf1gmG7TTnfqIzf+3VPRz7vrNIjX6oYLbeCrf/PeVY6hkT68Mg+q02qXxQhrLjB0jfgvhevoCRmLQ==}
+
+  ssh2@1.17.0:
+    resolution: {integrity: sha512-wPldCk3asibAjQ/kziWQQt1Wh3PgDFpC0XpwclzKcdT1vql6KeYxf5LIt4nlFkUeR8WuphYMKqUA56X4rjbfgQ==}
+    engines: {node: '>=10.16.0'}
+
+  ssim.js@3.5.0:
+    resolution: {integrity: sha512-Aj6Jl2z6oDmgYFFbQqK7fght19bXdOxY7Tj03nF+03M9gCBAjeIiO8/PlEGMfKDwYpw4q6iBqVq2YuREorGg/g==}
+
+  ssri@13.0.1:
+    resolution: {integrity: sha512-QUiRf1+u9wPTL/76GTYlKttDEBWV1ga9ZXW8BG6kfdeyyM8LGPix9gROyg9V2+P0xNyF3X2Go526xKFdMZrHSQ==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  ssri@14.0.0:
+    resolution: {integrity: sha512-jQxKI0yx0ZnTKrqjKkLDV2DXkBQn3k49JVmVqDGcDwKDtGDbImD/GXsq04KD0VVzCQQ9wZJYal3RwR1GzWTSow==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  stack-utils@2.0.6:
+    resolution: {integrity: sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==}
+    engines: {node: '>=10'}
+
+  stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+
+  stat-mode@1.0.0:
+    resolution: {integrity: sha512-jH9EhtKIjuXZ2cWxmXS8ZP80XyC3iasQxMDV8jzhNJpfDb7VbQLVW4Wvsxz9QZvzV+G4YoSfBUVKDOyxLzi/sg==}
+    engines: {node: '>= 6'}
+
+  statuses@1.5.0:
+    resolution: {integrity: sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==}
+    engines: {node: '>= 0.6'}
+
+  statuses@2.0.2:
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
+
+  std-env@3.10.0:
+    resolution: {integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==}
+
+  std-env@4.1.0:
+    resolution: {integrity: sha512-Rq7ybcX2RuC55r9oaPVEW7/xu3tj8u4GeBYHBWCychFtzMIr86A7e3PPEBPT37sHStKX3+TiX/Fr/ACmJLVlLQ==}
+
+  storybook-addon-vis@4.2.3:
+    resolution: {integrity: sha512-G3uZf9f1uNUWXrreuR6szz/Bs0X8PLh0Hz/VrBdhxjTIBrraAi7u1hY/2+BQtCP86lUlHPSKpYxB/Por0MLBXA==}
+    peerDependencies:
+      '@storybook/addon-vitest': ^10.1.10
+      '@vitest/browser': ^4
+      storybook: ^10.1.10
+      vitest: ^4
+
+  storybook@10.5.5:
+    resolution: {integrity: sha512-UscBIBJDloUeqntukHOhP1a5W/vouePDJbzPSxj466WK801FZtzQiMffMtkjzJiWSuj20wfaYlB2QQKh9aOYAg==}
+    hasBin: true
+    peerDependencies:
+      '@types/react': ^19.2.10
+      prettier: ^2 || ^3
+      vite-plus: ^0.1.15 || ^0.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      prettier:
+        optional: true
+      vite-plus:
+        optional: true
+
+  stream-browserify@3.0.0:
+    resolution: {integrity: sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==}
+
+  stream-http@3.2.0:
+    resolution: {integrity: sha512-Oq1bLqisTyK3TSCXpPbT4sdeYNdmyZJv1LxpEm2vu1ZhK89kSE5YXwZc3cWk0MagGaKriBh9mCFbVGtO+vY29A==}
+
+  streamx@2.28.0:
+    resolution: {integrity: sha512-1Yowhzjf0ivGMrTIkY9hav5TxobO9qIVqUE41fiCGMGgc3CLlf4MY+9AHmZqBWgDTue0fY9zWjYFVyf6Diuobw==}
+
+  string-argv@0.3.2:
+    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
+    engines: {node: '>=0.6.19'}
+
+  string-length@4.0.2:
+    resolution: {integrity: sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==}
+    engines: {node: '>=10'}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+
+  string-width@8.2.2:
+    resolution: {integrity: sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==}
+    engines: {node: '>=20'}
+
+  string_decoder@1.1.1:
+    resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
+
+  string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.2.0:
+    resolution: {integrity: sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==}
+    engines: {node: '>=12'}
+
+  strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+
+  strip-bom@4.0.0:
+    resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
+    engines: {node: '>=8'}
+
+  strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+
+  strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+
+  strip-indent@4.1.1:
+    resolution: {integrity: sha512-SlyRoSkdh1dYP0PzclLE7r0M9sgbFKKMFXpFRUMNuKhQSbC6VQIGzq3E0qsfvGJaUFJPGv6Ws1NZ/haTAjfbMA==}
+    engines: {node: '>=12'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  strip-json-comments@5.0.3:
+    resolution: {integrity: sha512-1tB5mhVo7U+ETBKNf92xT4hrQa3pm0MZ0PQvuDnWgAAGHDsfp4lPSpiS6psrSiet87wyGPh9ft6wmhOMQ0hDiw==}
+    engines: {node: '>=14.16'}
+
+  stubborn-fs@2.0.0:
+    resolution: {integrity: sha512-Y0AvSwDw8y+nlSNFXMm2g6L51rBGdAQT20J3YSOqxC53Lo3bjWRtr2BKcfYoAf352WYpsZSTURrA0tqhfgudPA==}
+
+  stubborn-utils@1.0.2:
+    resolution: {integrity: sha512-zOh9jPYI+xrNOyisSelgym4tolKTJCQd5GBhK0+0xJvcYDcwlOoxF/rnFKQ2KRZknXSG9jWAp66fwP6AxN9STg==}
+
+  style-to-js@2.0.2:
+    resolution: {integrity: sha512-ctgbFvvi406Jvhi/s6TJtX6XYYCCTg6POgsL+SLmrl2RHFgwulepqtYPrtKuEmT8kmyk/+fxfNzuhRLO4zsASg==}
+
+  style-to-object@2.0.2:
+    resolution: {integrity: sha512-QmbXPUylqU80HAgTOJeEOdbA40W9KtxmjMhQy+tq+b8F2aoh3aQLuy82hh2jm2qsC9hR9eI0+eQidTMydKcqRA==}
+
+  styled-components@6.4.4:
+    resolution: {integrity: sha512-tJk5CmKUPMDoTsZQ8m0hHInBk9HFKUPSusqmbBuefDX+yUbMBWea2Ob/wdXFyHW8XZqXkprJscysAdKeGWNqlA==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      css-to-react-native: '>= 3.2.0'
+      react: '>= 16.8.0'
+      react-dom: '>= 16.8.0'
+      react-native: '>= 0.68.0'
+    peerDependenciesMeta:
+      css-to-react-native:
+        optional: true
+      react-dom:
+        optional: true
+      react-native:
+        optional: true
+
+  stylehacks@7.0.7:
+    resolution: {integrity: sha512-bJkD0JkEtbRrMFtwgpJyBbFIwfDDONQ1Ov3sDLZQP8HuJ73kBOyx66H4bOcAbVWmnfLdvQ0AJwXxOMkpujcO6g==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  stylelint-config-recommended@18.0.0:
+    resolution: {integrity: sha512-mxgT2XY6YZ3HWWe3Di8umG6aBmWmHTblTgu/f10rqFXnyWxjKWwNdjSWkgkwCtxIKnqjSJzvFmPT5yabVIRxZg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      stylelint: ^17.0.0
+
+  stylelint-config-standard@40.0.0:
+    resolution: {integrity: sha512-EznGJxOUhtWck2r6dJpbgAdPATIzvpLdK9+i5qPd4Lx70es66TkBPljSg4wN3Qnc6c4h2n+WbUrUynQ3fanjHw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      stylelint: ^17.0.0
+
+  stylelint-scss@7.2.0:
+    resolution: {integrity: sha512-6E79Bachv0Iz0gqRUZgdqdXCsiq26DWBWIBNHYtjTmAp3wJu6cp/I37VfW7BPntmh2puF3bY09XWl4HZGrLhzw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      stylelint: ^16.8.2 || ^17.0.0
+
+  stylelint-value-no-unknown-custom-properties@6.1.1:
+    resolution: {integrity: sha512-eQ1zidKD5t9zMEaskjGUY4W47lH76qMlmsDSmCAPEwtaGzB4Ls7ORTfysC1D6hamp2zFC+vN1vpQ+GFz3Tw3lw==}
+    engines: {node: '>=18.12.0'}
+    peerDependencies:
+      stylelint: '>=16'
+
+  stylelint@17.14.1:
+    resolution: {integrity: sha512-xVQwyiuxALUBNB2fBe0tmNemg9KqLtdj3T64mioFDar79B2cU8LIyz+3KL6LdiHs9NkeNfwxpKSaIVOY8f112g==}
+    engines: {node: '>=20.19.0'}
+    hasBin: true
+
+  stylis@4.3.6:
+    resolution: {integrity: sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==}
+
+  stylis@4.4.0:
+    resolution: {integrity: sha512-5Z9ZpRzfuH6l/UAvCPAPUo3665Nk2wLaZU3x+TLHKVzIz33+sbJqbtrYoC3KD4/uVOr2Zp+L0LySezP9OHV9yA==}
+
+  sugarss@5.0.1:
+    resolution: {integrity: sha512-ctS5RYCBVvPoZAnzIaX5QSShK8ZiZxD5HUqSxlusvEMC+QZQIPCPOIJg6aceFX+K2rf4+SH89eu++h1Zmsr2nw==}
+    engines: {node: '>=18.0'}
+    peerDependencies:
+      postcss: ^8.3.3
+
+  sumchecker@3.0.1:
+    resolution: {integrity: sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==}
+    engines: {node: '>= 8.0'}
+
+  super-regex@0.2.0:
+    resolution: {integrity: sha512-WZzIx3rC1CvbMDloLsVw0lkZVKJWbrkJ0k1ghKFmcnPrW1+jWbgTkTEWVtD9lMdmI4jZEz40+naBxl1dCUhXXw==}
+    engines: {node: '>=14.16'}
+
+  supercluster@8.0.1:
+    resolution: {integrity: sha512-IiOea5kJ9iqzD2t7QJq/cREyLHTtSmUT6gQsweojg9WH2sYJqZK9SswTu6jrscO6D1G5v5vYZ9ru/eq85lXeZQ==}
+
+  superjson@2.2.6:
+    resolution: {integrity: sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==}
+    engines: {node: '>=16'}
+
+  supports-color@10.2.2:
+    resolution: {integrity: sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==}
+    engines: {node: '>=18'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-color@8.1.1:
+    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
+    engines: {node: '>=10'}
+
+  supports-hyperlinks@4.5.0:
+    resolution: {integrity: sha512-ZW2OvfeCXrNTbLakPUzjQG922EeGCOteFSVoek5DKStTh898wf7zgtuFlzQN8HfZCxC3Eh02yJVrRW51hADf+w==}
+    engines: {node: '>=20'}
+
+  supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+
+  svg-parser@2.0.4:
+    resolution: {integrity: sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==}
+
+  svg-tags@1.0.0:
+    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
+
+  svgo@3.3.4:
+    resolution: {integrity: sha512-GsNRis4e8jxn2Y9ENz/8lbJ93CstG8svtMnuRaHbiF2LTJ5tK0/q3t/URPq9Zc7zVWBJnNnJMIp6bevK7bSmNg==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  svgo@4.0.2:
+    resolution: {integrity: sha512-ekx94z1rRc5LDi6oSUaeRnYhd0UOJxdtQCL2rF8xpWxD3TPAsISWOrxezqGovqS38GRZOdpDfvQe3ts6F7nsng==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
+  synckit@0.11.12:
+    resolution: {integrity: sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
+  tabbable@6.4.0:
+    resolution: {integrity: sha512-05PUHKSNE8ou2dwIxTngl4EzcnsCDZGJ/iCLtDflR/SHB/ny14rXc+qU5P4mG9JkusiV7EivzY9Mhm55AzAvCg==}
+
+  table@6.9.0:
+    resolution: {integrity: sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==}
+    engines: {node: '>=10.0.0'}
+
+  tagged-tag@1.0.0:
+    resolution: {integrity: sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng==}
+    engines: {node: '>=20'}
+
+  tapable@2.3.3:
+    resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
+    engines: {node: '>=6'}
+
+  tar-fs@2.1.5:
+    resolution: {integrity: sha512-OboTd8mmMhZDNPV+UjQcK9yKAatXu2aJ+r1w4im1Otd4M4fl2hwvdoXUxIYHFTHWK/3y3FarBP70v3vwmGlOxw==}
+
+  tar-fs@3.1.3:
+    resolution: {integrity: sha512-/hU4AXnIdZu+Gvl1pk0oI5f5HxWsCJRtY2aFaJdk9VvyL48DWU6iU5WAIPG+wIi1YvWA6eTJvIviP/tMAZZNwQ==}
+
+  tar-js@0.3.0:
+    resolution: {integrity: sha512-9uqP2hJUZNKRkwPDe5nXxXdzo6w+BFBPq9x/tyi5/U/DneuSesO/HMb0y5TeWpfcv49YDJTs7SrrZeeu8ZHWDA==}
+
+  tar-stream@2.2.0:
+    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
+    engines: {node: '>=6'}
+
+  tar-stream@3.2.0:
+    resolution: {integrity: sha512-ojzvCvVaNp6aOTFmG7jaRD0meowIAuPc3cMMhSgKiVWws1GyHbGd/xvnyuRKcKlMpt3qvxx6r0hreCNITP9hIg==}
+
+  tar@7.5.22:
+    resolution: {integrity: sha512-MFO/QzvtAOmJbkhOaCTvbGcFN9L9b+JunIsDwaKljSOdcLMea3NJ1k9Usz/rjdfSXTq4dfzfeS7W4p4YOAAHeA==}
+    engines: {node: '>=18'}
+
+  teex@1.0.1:
+    resolution: {integrity: sha512-eYE6iEI62Ni1H8oIa7KlDU6uQBtqr4Eajni3wX7rpfXD8ysFx8z0+dri+KWEPWpBsxXfxu58x/0jvTVT1ekOSg==}
+
+  temp-file@3.4.0:
+    resolution: {integrity: sha512-C5tjlC/HCtVUOi3KWVokd4vHVViOmGjtLwIh4MuzPo/nMYTV/p1urt3RnMz2IWXDdKEGJH3k5+KPxtqRsUYGtg==}
+
+  temp@0.9.4:
+    resolution: {integrity: sha512-yYrrsWnrXMcdsnu/7YMYAofM1ktpL5By7vZhf15CrXijWWrEYZks5AXBudalfSWJLlnen/QUJUB5aoB0kqZUGA==}
+    engines: {node: '>=6.0.0'}
+
+  temporal-polyfill@1.0.1:
+    resolution: {integrity: sha512-N2SoI9olnW7BUsU8RosDphZQl9s+WJ8O7PoJMFCr/e5/1rFkVI4GNOWaSeySG+UoP04foPYsnLWbJmbXOiShZg==}
+
+  temporal-spec@1.0.0:
+    resolution: {integrity: sha512-00Ahj1e1ifaERTMOIIGpOCdOo9IEk2m6GGSMedsn9a2SIsGLdOTbmME1Htv6IM82b6VHrzSUTIVc7YHy6hdhFQ==}
+
+  temporal-utils@1.0.1:
+    resolution: {integrity: sha512-HAixuesxFQIUaQk3ptX2jhfO/FsOkgVkDDMawvp6n/fkB1q6BKfs3lURw9I+pK/2e2e/q/vrLrxmeqauBoyGMQ==}
+
+  terser-webpack-plugin@5.6.1:
+    resolution: {integrity: sha512-201R5j+sJpK8nFWwKVyNfZot8FaJbLZDq5evriVzbV1wDtSXDjRUDRfJzHpAaxFDMEhsZL1QkeqM61wgsS3KaQ==}
+    engines: {node: '>= 10.13.0'}
+    peerDependencies:
+      '@minify-html/node': '*'
+      '@swc/core': '*'
+      '@swc/css': '*'
+      '@swc/html': '*'
+      clean-css: '*'
+      cssnano: '*'
+      csso: '*'
+      esbuild: '*'
+      html-minifier-terser: '*'
+      lightningcss: '*'
+      postcss: '*'
+      uglify-js: '*'
+      webpack: ^5.1.0
+    peerDependenciesMeta:
+      '@minify-html/node':
+        optional: true
+      '@swc/core':
+        optional: true
+      '@swc/css':
+        optional: true
+      '@swc/html':
+        optional: true
+      clean-css:
+        optional: true
+      cssnano:
+        optional: true
+      csso:
+        optional: true
+      esbuild:
+        optional: true
+      html-minifier-terser:
+        optional: true
+      lightningcss:
+        optional: true
+      postcss:
+        optional: true
+      uglify-js:
+        optional: true
+
+  terser@5.49.0:
+    resolution: {integrity: sha512-SNiDnXyHSrxVcIOtVbULzcTmniUiwcV7Nwdyj1twVubeTmbjoa8p69KKDpfkdoOavuM4/GRm1+ykI8qqnavHoA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  tersify@3.12.1:
+    resolution: {integrity: sha512-VwzXGHZSOB4T27s4uvh9v8FYrNXyfVz0nBQi28TDwrZoQwT8ZJUp1W2Ff73ekN07stJSb0D+pr6iXeNeFqTI6Q==}
+
+  test-exclude@6.0.0:
+    resolution: {integrity: sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==}
+    engines: {node: '>=8'}
+
+  testcontainers@12.0.4:
+    resolution: {integrity: sha512-QIR/8xF1+F/26cIM+9B4yyxNTbKJxAv3hygZyhPRgZ8Q2AhlPZjDdpXRuk16V37X4bgJRI3hXFhoEICMBA7Adg==}
+
+  text-decoder@1.2.7:
+    resolution: {integrity: sha512-vlLytXkeP4xvEq2otHeJfSQIRyWxo/oZGEbXrtEEF9Hnmrdly59sUbzZ/QgyWuLYHctCHxFF4tRQZNQ9k60ExQ==}
+
+  text-table@0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+
+  thingies@2.6.0:
+    resolution: {integrity: sha512-rMHRjmlFLM1R96UYPvpmnc3LYtdFrT33JIB7L9hetGue1qAPfn1N2LJeEjxUSidu1Iku+haLZXDuEXUHNGO/lg==}
+    engines: {node: '>=10.18'}
+    peerDependencies:
+      tslib: ^2
+
+  thunky@1.1.0:
+    resolution: {integrity: sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==}
+
+  time-span@5.1.0:
+    resolution: {integrity: sha512-75voc/9G4rDIJleOo4jPvN4/YC4GRZrY8yy1uU4lwrB3XEQbWve8zXoO5No4eFrGcTAMYyoY67p8jRQdtA1HbA==}
+    engines: {node: '>=12'}
+
+  timers-browserify@2.0.12:
+    resolution: {integrity: sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==}
+    engines: {node: '>=0.6.0'}
+
+  tiny-async-pool@1.3.0:
+    resolution: {integrity: sha512-01EAw5EDrcVrdgyCLgoSPvqznC0sVxDSVeiOz09FUpjh71G79VCqneOr+xvt7T1r76CF6ZZfPjHorN2+d+3mqA==}
+
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+
+  tinyexec@1.2.4:
+    resolution: {integrity: sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==}
+    engines: {node: '>=18'}
+
+  tinyglobby@0.2.17:
+    resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
+    engines: {node: '>=12.0.0'}
+
+  tinypool@2.1.0:
+    resolution: {integrity: sha512-Pugqs6M0m7Lv1I7FtxN4aoyToKg1C4tu+/381vH35y8oENM/Ai7f7C4StcoK4/+BSw9ebcS8jRiVrORFKCALLw==}
+    engines: {node: ^20.0.0 || >=22.0.0}
+
+  tinyqueue@3.0.0:
+    resolution: {integrity: sha512-gRa9gwYU3ECmQYv3lslts5hxuIa90veaEcxDYuu3QGOIAEM2mOZkVHp48ANJuu1CURtRdHKUBY5Lm1tHV+sD4g==}
+
+  tinyrainbow@2.0.0:
+    resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
+    engines: {node: '>=14.0.0'}
+
+  tinyrainbow@3.1.0:
+    resolution: {integrity: sha512-Bf+ILmBgretUrdJxzXM0SgXLZ3XfiaUuOj/IKQHuTXip+05Xn+uyEYdVg0kYDipTBcLrCVyUzAPz7QmArb0mmw==}
+    engines: {node: '>=14.0.0'}
+
+  tinyspy@4.0.4:
+    resolution: {integrity: sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==}
+    engines: {node: '>=14.0.0'}
+
+  tldts-core@6.1.86:
+    resolution: {integrity: sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==}
+
+  tldts@6.1.86:
+    resolution: {integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==}
+    hasBin: true
+
+  tmp-promise@3.0.3:
+    resolution: {integrity: sha512-RwM7MoPojPxsOBYnyd2hy0bxtIlVrihNs9pj5SUvY8Zz1sQcQG2tG1hSr8PDxfgEB8RNKDhqbIlroIarSNDNsQ==}
+
+  tmp@0.2.7:
+    resolution: {integrity: sha512-e0votIpp4Uo2AJYSzVHV6xCcawuiez3DzqDAbrTc3YxBkplN6e+dM13ZeIcZnDg/QpSuU2zfZ3rzwY8ukEnaXw==}
+    engines: {node: '>=14.14'}
+
+  tmpl@1.0.5:
+    resolution: {integrity: sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==}
+
+  to-buffer@1.2.2:
+    resolution: {integrity: sha512-db0E3UJjcFhpDhAF4tLo03oli3pwl3dbnzXOUIlRKrp+ldk/VUxzpWYZENsw2SZiuBjHAk7DfB0VU7NKdpb6sw==}
+    engines: {node: '>= 0.4'}
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  toidentifier@1.0.1:
+    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
+    engines: {node: '>=0.6'}
+
+  totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+
+  tough-cookie@5.1.2:
+    resolution: {integrity: sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==}
+    engines: {node: '>=16'}
+
+  tr46@0.0.3:
+    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
+
+  tr46@5.1.1:
+    resolution: {integrity: sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==}
+    engines: {node: '>=18'}
+
+  tree-dump@1.1.0:
+    resolution: {integrity: sha512-rMuvhU4MCDbcbnleZTFezWsaZXRFemSqAM+7jPnzUl1fo9w3YEKOxAeui0fz3OI4EU4hf23iyA7uQRVko+UaBA==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
+  truncate-utf8-bytes@1.0.2:
+    resolution: {integrity: sha512-95Pu1QXQvruGEhv62XCMO3Mm90GscOCClvrIUwCM0PYOXK3kaF3l3sIHxx71ThJfcbM2O5Au6SO3AWCSEfW4mQ==}
+
+  ts-api-utils@2.5.0:
+    resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
+  ts-dedent@2.3.0:
+    resolution: {integrity: sha512-JfJeIHke7y2egdGGgRAvpCwYFUsHlM2gPcrVOxFkznt/4uzQ7HFmvE63iFHVLBJNDuyDOQgijDK/tXH/f6Msjg==}
+    engines: {node: '>=6.10'}
+
+  tsconfig-paths@4.2.0:
+    resolution: {integrity: sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==}
+    engines: {node: '>=6'}
+
+  tslib@1.14.1:
+    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  tsyringe@4.10.0:
+    resolution: {integrity: sha512-axr3IdNuVIxnaK5XGEUFTu3YmAQ6lllgrvqfEoR16g/HGnYY/6We4oWENtAnzK6/LpJ2ur9PAb80RBt7/U4ugw==}
+    engines: {node: '>= 6.0.0'}
+
+  tty-browserify@0.0.1:
+    resolution: {integrity: sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==}
+
+  tuf-js@6.0.0:
+    resolution: {integrity: sha512-zlJVOIO68hmgo1//X4ENEcTGfuOTAtDPi8PsTsG+FyxD85E/ww1ZnwBbWo/yCEExGpI+Kilg7Z3qCdHX2BoJTQ==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  tunnel@0.0.6:
+    resolution: {integrity: sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==}
+    engines: {node: '>=0.6.11 <=0.7.0 || >=0.7.3'}
+
+  tweetnacl@0.14.5:
+    resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==}
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  type-detect@4.0.8:
+    resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
+    engines: {node: '>=4'}
+
+  type-fest@0.13.1:
+    resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==}
+    engines: {node: '>=10'}
+
+  type-fest@0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+
+  type-fest@0.21.3:
+    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
+    engines: {node: '>=10'}
+
+  type-fest@5.5.0:
+    resolution: {integrity: sha512-PlBfpQwiUvGViBNX84Yxwjsdhd1TUlXr6zjX7eoirtCPIr08NAmxwa+fcYBTeRQxHo9YC9wwF3m9i700sHma8g==}
+    engines: {node: '>=20'}
+
+  type-is@2.1.0:
+    resolution: {integrity: sha512-faYHw0anBbc/kWF3zFTEnxSFOAGUX9GFbOBthvDdLsIlEoWOFOtS0zgCiQYwIskL9iGXZL3kAXD8OoZ4GmMATA==}
+    engines: {node: '>= 18'}
+
+  type-plus@8.0.0-beta.8:
+    resolution: {integrity: sha512-egrpXQq2tV0abCf99+n4SCD/stT76qEwPBI1q7BqiVUe5pHWc+bm4vsOiNR84SmZTv4SoEl9UOZUdkEbS3POdw==}
+    peerDependencies:
+      typescript: '>= 5.6.0'
+
+  typed-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
+    engines: {node: '>= 0.4'}
+
+  typedoc-plugin-markdown@4.12.0:
+    resolution: {integrity: sha512-eJDEMAfxCmede22c/Jw7d0FA13ggAQv+KkwQYKYCdqI02cin6Rc9QRwbG/7XvvHWinuFejySnZVUWDtvGk3Vbg==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      typedoc: 0.28.x
+
+  typedoc-plugin-missing-exports@4.1.4:
+    resolution: {integrity: sha512-tIay6z6MRb/4+mfWgKNPR6qEM5rz9S8rTiz0JWmSb/66A6AlZIl9q+1lAFygj4n8GHH1fsqKYQNt9JbNcuE0Uw==}
+    peerDependencies:
+      typedoc: ^0.28.1
+
+  typedoc@0.28.20:
+    resolution: {integrity: sha512-uSKqkh8Cr48vllnEy+jdaAgOeR6Y+QCBW7usgUsKj7gJEfR7stw9U/fE49LBnj2tPRKPY0c0EBJSWe9Appmplg==}
+    engines: {node: '>= 18', pnpm: '>= 10'}
+    hasBin: true
+    peerDependencies:
+      typescript: 5.0.x || 5.1.x || 5.2.x || 5.3.x || 5.4.x || 5.5.x || 5.6.x || 5.7.x || 5.8.x || 5.9.x || 6.0.x
+
+  typescript@6.0.3:
+    resolution: {integrity: sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  typescript@7.0.2:
+    resolution: {integrity: sha512-8FYau96o3NKOhbjKi/qNvG/W5jhzxkbdm5sj9AbZ/5T5sWqn3hJgLfGx27sRKZWTvyzCP8dLRBTf5tBTSRVUNA==}
+    engines: {node: '>=16.20.0'}
+    hasBin: true
+
+  ua-parser-js@1.0.40:
+    resolution: {integrity: sha512-z6PJ8Lml+v3ichVojCiB8toQJBuwR42ySM4ezjXIqXK3M0HczmKQ3LF4rhU55PfD99KEEXQG6yb7iOMyvYuHew==}
+    hasBin: true
+
+  uc.micro@2.1.0:
+    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
+
+  ufo@1.6.3:
+    resolution: {integrity: sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==}
+
+  uglify-js@3.19.3:
+    resolution: {integrity: sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==}
+    engines: {node: '>=0.8.0'}
+    hasBin: true
+
+  uint8array-extras@1.5.0:
+    resolution: {integrity: sha512-rvKSBiC5zqCCiDZ9kAOszZcDvdAHwwIKJG33Ykj43OKcWsnmcBRL09YTU4nOeHZ8Y2a7l1MgTd08SBe9A8Qj6A==}
+    engines: {node: '>=18'}
+
+  unbash@4.0.4:
+    resolution: {integrity: sha512-60m9IVGbavD6jholbxt0jVBXZkEB/HsMZq7Tyaghseve2/Sf0zQRAIfWsD34sde+DKP2tBxJS2wP88ZM0D1FhA==}
+    engines: {node: '>=14'}
+
+  underscore@1.13.8:
+    resolution: {integrity: sha512-DXtD3ZtEQzc7M8m4cXotyHR+FAS18C64asBYY5vqZexfYryNNnDc02W4hKg3rdQuqOYas1jkseX0+nZXjTXnvQ==}
+
+  undici-types@7.24.6:
+    resolution: {integrity: sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==}
+
+  undici@6.28.0:
+    resolution: {integrity: sha512-LIY910g9TI13YS95lrMFrs8Rm/u/irgHeTWoKCoteeJ04CUJ92eEfj0rVn+7VKMPBpUPiUoBKfhNyLI23EE/KA==}
+    engines: {node: '>=18.17'}
+
+  undici@7.29.0:
+    resolution: {integrity: sha512-IDxfleLmmbSskfWSUATiN1nfn2rDuvnMOqb5CWR92iIfojA0Ud+ulOAAEQ57LPr9rWmsreUyf5lwyao+7GNNVw==}
+    engines: {node: '>=20.18.1'}
+
+  undici@8.10.0:
+    resolution: {integrity: sha512-HvltHd7avK13QIw/oLe4qoOLyoVSoafqJ2jYOrtMRBkbYT31eiBQ8O0ehRKZiEZCMEyLFQNIADpgCWC5fALvYQ==}
+    engines: {node: '>=22.19.0'}
+
+  unhomoglyph@1.0.6:
+    resolution: {integrity: sha512-7uvcWI3hWshSADBu4JpnyYbTVc7YlhF5GDW/oPD5AxIxl34k4wXR3WDkPnzLxkN32LiTCTKMQLtKVZiwki3zGg==}
+
+  unicode-canonical-property-names-ecmascript@2.0.1:
+    resolution: {integrity: sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==}
+    engines: {node: '>=4'}
+
+  unicode-match-property-ecmascript@2.0.0:
+    resolution: {integrity: sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==}
+    engines: {node: '>=4'}
+
+  unicode-match-property-value-ecmascript@2.2.1:
+    resolution: {integrity: sha512-JQ84qTuMg4nVkx8ga4A16a1epI9H6uTXAknqxkGF/aFfRLw1xC/Bp24HNLaZhHSkWd3+84t8iXnp1J0kYcZHhg==}
+    engines: {node: '>=4'}
+
+  unicode-property-aliases-ecmascript@2.2.0:
+    resolution: {integrity: sha512-hpbDzxUY9BFwX+UeBnxv3Sh1q7HFxj48DTmXchNgRa46lO8uj3/1iEn3MiNUYTg1g9ctIqXCCERn8gYZhHC5lQ==}
+    engines: {node: '>=4'}
+
+  unicorn-magic@0.4.0:
+    resolution: {integrity: sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw==}
+    engines: {node: '>=20'}
+
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+
+  unist-util-visit@5.1.0:
+    resolution: {integrity: sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==}
+
+  universal-user-agent@7.0.3:
+    resolution: {integrity: sha512-TmnEAEAsBJVZM/AADELsK76llnwcf9vMKuPz8JflO1frO8Lchitr0fNaN9d+Ap0BjKtqWqd/J17qeDnXh8CL2A==}
+
+  universalify@0.1.2:
+    resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
+    engines: {node: '>= 4.0.0'}
+
+  universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
+    engines: {node: '>= 10.0.0'}
+
+  unpartial@1.0.5:
+    resolution: {integrity: sha512-yAqaXcachjgZUnM2yIkf+4KJhmyuoj7stBvlnlZpB15OYVbKnLhgJfmLW7qkpzLHCdsm1bEFvhyN9hCmlZ3uuw==}
+    engines: {node: '>=6'}
+
+  unpipe@1.0.0:
+    resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
+    engines: {node: '>= 0.8'}
+
+  unplugin-dts@1.0.1:
+    resolution: {integrity: sha512-EdJZxdWP4Tm/xhe58/zAge3Tu0OKDYygm8rucRrcCZ4XzgA31jexUKhaJuEMddOPBDs9ONnq6vwigbjeBqkfuw==}
+    peerDependencies:
+      '@microsoft/api-extractor': '>=7'
+      '@rspack/core': ^1
+      '@vue/language-core': ~3.1.5
+      esbuild: 0.27.4
+      rolldown: '*'
+      rollup: '>=3'
+      typescript: '>=4'
+      vite: '>=3'
+      webpack: ^4 || ^5
+    peerDependenciesMeta:
+      '@microsoft/api-extractor':
+        optional: true
+      '@rspack/core':
+        optional: true
+      '@vue/language-core':
+        optional: true
+      esbuild:
+        optional: true
+      rolldown:
+        optional: true
+      rollup:
+        optional: true
+      vite:
+        optional: true
+      webpack:
+        optional: true
+
+  unplugin@2.3.11:
+    resolution: {integrity: sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==}
+    engines: {node: '>=18.12.0'}
+
+  unrs-resolver@1.12.2:
+    resolution: {integrity: sha512-dmlRxBJJayXjqTwC+JtF1HhJmgf3ftQ3YejFcZrf4+KKtJv0qDsK1pjqaaVjG7wJ5NJ6UVP1OqRMQ71Z4C3rxQ==}
+
+  untildify@3.0.3:
+    resolution: {integrity: sha512-iSk/J8efr8uPT/Z4eSUywnqyrQU7DSdMfdqK4iWEaUVVmcP5JcnpRqmVMwcwcnmI1ATFNgC5V90u09tBynNFKA==}
+    engines: {node: '>=4'}
+
+  unzip-crx-3@0.2.0:
+    resolution: {integrity: sha512-0+JiUq/z7faJ6oifVB5nSwt589v1KCduqIJupNVDoWSXZtWDmjDGO3RAEOvwJ07w90aoXoP4enKsR7ecMrJtWQ==}
+
+  unzipper@0.12.3:
+    resolution: {integrity: sha512-PZ8hTS+AqcGxsaQntl3IRBw65QrBI6lxzqDEL7IAo/XCEqRTKGfOX56Vea5TH9SZczRVxuzk1re04z/YjuYCJA==}
+
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  url@0.11.4:
+    resolution: {integrity: sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==}
+    engines: {node: '>= 0.4'}
+
+  use-callback-ref@1.3.3:
+    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-memo-one@1.1.3:
+    resolution: {integrity: sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+
+  use-sidecar@1.1.3:
+    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^19.2.10
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sync-external-store@1.6.0:
+    resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  utf8-byte-length@1.0.5:
+    resolution: {integrity: sha512-Xn0w3MtiQ6zoz2vFyUVruaCL53O/DwUvkEeOvj+uulMm0BkUGYWmBYVyElqZaSLhY6ZD0ulfU3aBra2aVT4xfA==}
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  util@0.12.5:
+    resolution: {integrity: sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==}
+
+  utila@0.4.0:
+    resolution: {integrity: sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==}
+
+  uuid@14.0.1:
+    resolution: {integrity: sha512-6ZxzVpzDXDa3bJWaHilVayA+BH/1zmxCJoVgvmqJnid/gPoKHxUrS/aC/T6LGQtNHT+XHG9fXPJB4d+IrU30Ew==}
+    hasBin: true
+
+  v8-to-istanbul@9.3.0:
+    resolution: {integrity: sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==}
+    engines: {node: '>=10.12.0'}
+
+  validate-npm-package-name@8.0.0:
+    resolution: {integrity: sha512-SCv6OOV6Xj2/3cXy3dGmADluJTNcL3o7hZAglNPTe+WYuEuvxgJzxPrSDLZhF+CwyQOubqgecjMmTJGMVLWjYQ==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  vary@1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+
+  vaul@1.1.2:
+    resolution: {integrity: sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+
+  vfile-message@4.0.3:
+    resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
+
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
+
+  vite-plugin-node-polyfills@0.28.0:
+    resolution: {integrity: sha512-NXct/ci2ef4fRyCfTb8fk2HmR80Rv7icLd+cRH41TnUugDzdKMFKqFPpZYCFUInZMMem9bkLv5pkq02+7Xu7+w==}
+    peerDependencies:
+      vite: ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  vite-plugin-svgr@5.2.0:
+    resolution: {integrity: sha512-qj2eAKF8C6PZWemVTvQA0xgQIcP1hHU6Buh7fl6BhvayWwnuxE+z417miKxeDvRWbDrupQ1oK99hfxElopJ3sQ==}
+    peerDependencies:
+      vite: '>=3.0.0'
+
+  vite@6.4.3:
+    resolution: {integrity: sha512-NTKlcQjlAK7MlQoyb6LgaqHc8sso/pVyUJYWMws3jg21uTJw/LddqIFPcPqP6PzpgbIcZyKI85sFE4HBrQDA8A==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': 25.9.3
+      jiti: '>=1.21.0'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      sass-embedded: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.8.4
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vite@8.2.0:
+    resolution: {integrity: sha512-pn+CFpM0lwDeKwmOq1ZaBK/9sjorZcgqxki6MbY/jPEVd9vichIlmlD4HmQ5wdP5EgqQCFRaACBxMC7uEGc6lQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': 25.9.3
+      '@vitejs/devtools': ^0.4.0
+      esbuild: 0.27.4
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.8.4
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      '@vitejs/devtools':
+        optional: true
+      esbuild:
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitepress-plugin-mermaid@2.0.17:
+    resolution: {integrity: sha512-IUzYpwf61GC6k0XzfmAmNrLvMi9TRrVRMsUyCA8KNXhg/mQ1VqWnO0/tBVPiX5UoKF1mDUwqn5QV4qAJl6JnUg==}
+    peerDependencies:
+      mermaid: 10 || 11
+      vitepress: ^1.0.0 || ^1.0.0-alpha
+
+  vitepress@1.6.4:
+    resolution: {integrity: sha512-+2ym1/+0VVrbhNyRoFFesVvBvHAVMZMK0rw60E3X/5349M1GuVdKeazuksqopEdvkKwKGs21Q729jX81/bkBJg==}
+    hasBin: true
+    peerDependencies:
+      markdown-it-mathjax3: ^4
+      postcss: ^8
+    peerDependenciesMeta:
+      markdown-it-mathjax3:
+        optional: true
+      postcss:
+        optional: true
+
+  vitest-canvas-mock@1.1.4:
+    resolution: {integrity: sha512-4boWHY+STwAxGl1+uwakNNoQky5EjPLC8HuponXNoAscYyT1h/F7RUvTkl4IyF/MiWr3V8Q626je3Iel3eArqA==}
+    peerDependencies:
+      vitest: ^3.0.0 || ^4.0.0
+
+  vitest-plugin-vis@5.1.1:
+    resolution: {integrity: sha512-A/MEvQhDpNAj/5b53GiN139glgWUe0Qh5cDupm25G+06FA/2K85bd3tK+Hi4fTaolNbL5WiLNgnQ8dOL+kC7Pw==}
+    peerDependencies:
+      '@vitest/browser': ^4
+      '@vitest/browser-playwright': ^4
+      '@vitest/browser-webdriverio': ^4
+      vitest: ^4
+    peerDependenciesMeta:
+      '@vitest/browser-playwright':
+        optional: true
+      '@vitest/browser-webdriverio':
+        optional: true
+
+  vitest@4.1.10:
+    resolution: {integrity: sha512-R9jUTe5S4Qb0HCd4TNqpC7oGcrMssMRGXLW80ubjWsW9VH5GF8y1Y0SFLY9AbqSk6nt0PnOx4H4WNJYZ13GUPw==}
+    engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@opentelemetry/api': ^1.9.0
+      '@types/node': 25.9.3
+      '@vitest/browser-playwright': 4.1.10
+      '@vitest/browser-preview': 4.1.10
+      '@vitest/browser-webdriverio': 4.1.10
+      '@vitest/coverage-istanbul': 4.1.10
+      '@vitest/coverage-v8': 4.1.10
+      '@vitest/ui': 4.1.10
+      happy-dom: '*'
+      jsdom: '*'
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@opentelemetry/api':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser-playwright':
+        optional: true
+      '@vitest/browser-preview':
+        optional: true
+      '@vitest/browser-webdriverio':
+        optional: true
+      '@vitest/coverage-istanbul':
+        optional: true
+      '@vitest/coverage-v8':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  vm-browserify@1.1.2:
+    resolution: {integrity: sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==}
+
+  vscode-uri@3.1.0:
+    resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
+
+  vue@3.5.31:
+    resolution: {integrity: sha512-iV/sU9SzOlmA/0tygSmjkEN6Jbs3nPoIPFhCMLD2STrjgOU8DX7ZtzMhg4ahVwf5Rp9KoFzcXeB1ZrVbLBp5/Q==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
+
+  wait-on@9.1.0:
+    resolution: {integrity: sha512-PymrLXHLBM1Ju/Xspb2ADUhbPSMvbnuNvy/mN2hWtpbJ3da0h3Ky1LqwKPG5QSVR57liyO0iUpfipYl/s5qNvA==}
+    engines: {node: '>=20.0.0'}
+    hasBin: true
+
+  walk-up-path@4.0.0:
+    resolution: {integrity: sha512-3hu+tD8YzSLGuFYtPRb48vdhKMi0KQV5sn+uWr8+7dMEq/2G/dtLrdDinkLjqq5TIbIBjYJ4Ax/n3YiaW7QM8A==}
+    engines: {node: 20 || >=22}
+
+  walk@2.3.15:
+    resolution: {integrity: sha512-4eRTBZljBfIISK1Vnt69Gvr2w/wc3U6Vtrw7qiN5iqYJPH7LElcYh/iU4XWhdCy2dZqv1ToMyYlybDylfG/5Vg==}
+
+  walker@1.0.8:
+    resolution: {integrity: sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==}
+
+  watchpack@2.5.2:
+    resolution: {integrity: sha512-6i/00NBjP4yGPs+caKSyRfpTF/8Torsu0MOW3mMzIbhgISFder8i7xbqgHlLMwJrdiN8ndBV3UA1/AfzPSr+jg==}
+    engines: {node: '>=10.13.0'}
+
+  wcwidth@1.0.1:
+    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
+
+  web-streams-polyfill@4.3.0:
+    resolution: {integrity: sha512-/Gnggvj9oSrEvJbDyyPtAnxBt5fGQM2iWOKQNu7ie1OxDgK40iZpyV3TKaRiEzVj1oA1UxKnEy9XPXh6PW3eVw==}
+    engines: {node: '>= 8'}
+
+  web-vitals@5.3.0:
+    resolution: {integrity: sha512-q6LWsLatGYZp5VGBIOvbTj6JBV2nOmC8KvWztXBmwJcfFAzhwKwbOxhUH306XY3CcaZDUlSmSuNPBsCn0bFu+g==}
+
+  webcrypto-core@1.9.2:
+    resolution: {integrity: sha512-gsXecm82UQNlTBURJGuqOWy1Ww08S3kZUcr3aOJS02Pk0xLtkfeUAVC0u0xhgdonFme80edSJUIJyuvL/7250Q==}
+
+  webidl-conversions@3.0.1:
+    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
+
+  webidl-conversions@7.0.0:
+    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
+    engines: {node: '>=12'}
+
+  webpack-bundle-analyzer@5.3.1:
+    resolution: {integrity: sha512-wP2EusncRGL1tZyMHC/umLkjPdYMkTL9nPEKh8G8dkYCJ9TyF6xnXFqjhdqmv5J900irN/g0P5jMvLT22krEXQ==}
+    engines: {node: '>= 20.9.0'}
+    hasBin: true
+
+  webpack-cli@7.2.2:
+    resolution: {integrity: sha512-lD0pALneslq8FfV+rwvm1BMW0AFAJrHHhNupAGN4asYjMvqrtRsenU4iKpiBo09gS4ntMxKGUxl9jhTEzVt0oA==}
+    engines: {node: '>=20.9.0'}
+    hasBin: true
+    peerDependencies:
+      js-yaml: ^4.0.0 || ^5.0.0
+      json5: ^2.2.3
+      toml: ^3.0.0 || ^4.0.0
+      webpack: ^5.101.0
+      webpack-bundle-analyzer: ^4.0.0 || ^5.0.0
+      webpack-dev-server: ^5.0.0 || ^6.0.0
+    peerDependenciesMeta:
+      js-yaml:
+        optional: true
+      json5:
+        optional: true
+      toml:
+        optional: true
+      webpack-bundle-analyzer:
+        optional: true
+      webpack-dev-server:
+        optional: true
+
+  webpack-dev-middleware@8.0.3:
+    resolution: {integrity: sha512-zWrde9VZDiRaFuWsjHO40wm9LxxtXEk8DdzFXdU7eU5ZpiANnZZDBbZgN3guxbEoKqUHd9YupBmynyioz42nkA==}
+    engines: {node: '>= 20.9.0'}
+    peerDependencies:
+      webpack: ^5.101.0
+    peerDependenciesMeta:
+      webpack:
+        optional: true
+
+  webpack-dev-server@6.0.0:
+    resolution: {integrity: sha512-q9SD4ItOGhZLeU6EGT10caDZdHjF50Pz1DtkRZZOPsfluMXOkacWKKOtSBSLVkPqKiF67eFUC0rI88U/tSFPEw==}
+    engines: {node: '>= 22.15.0'}
+    hasBin: true
+    peerDependencies:
+      webpack: ^5.101.0
+      webpack-cli: '*'
+    peerDependenciesMeta:
+      webpack:
+        optional: true
+      webpack-cli:
+        optional: true
+
+  webpack-merge@6.0.1:
+    resolution: {integrity: sha512-hXXvrjtx2PLYx4qruKl+kyRSLc52V+cCvMxRjmKwoA+CBbbF5GfIBtR6kCvl0fYGqTUPKB+1ktVmTHqMOzgCBg==}
+    engines: {node: '>=18.0.0'}
+
+  webpack-retry-chunk-load-plugin@3.1.1:
+    resolution: {integrity: sha512-BKq/7EcelyWUUI6SeBaUKB1G+fSZP0rlxIwRQ+aO6mK5tffljaHdpJ4I2q54rpaaKjSbwbZRQlaITXe93SL9nA==}
+    peerDependencies:
+      webpack: '>=5.0.0'
+
+  webpack-sources@3.5.1:
+    resolution: {integrity: sha512-jyuiGJdtvY434z5bUZrjz67v76/ePNvFZTp9Mdz29IlH4+GPsgyGjiv0fKI+M7BdkU6ADjulUcKAd3tUK3WlEw==}
+    engines: {node: '>=10.13.0'}
+
+  webpack-version-file-plugin@0.5.0:
+    resolution: {integrity: sha512-Ef5gGkD3OPtXU794XNt6JNzIv1dYmTqN3SfY25qRNg6/auOXGF4XBpPnisO9mJTUbIgBFcSEiV74uXJlrL0xfg==}
+    peerDependencies:
+      webpack: '>=5.0.0'
+
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
+  webpack@5.109.2:
+    resolution: {integrity: sha512-U9/cvLzxObKNEZ9+TtdqrHM5/9z3lgl2c+c4BzbqGxFQvQvBAq87yql5A8pQ+rrMbS496MZJeF5enVBndIy2hw==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    peerDependencies:
+      webpack-cli: '*'
+    peerDependenciesMeta:
+      webpack-cli:
+        optional: true
+
+  what-input@5.2.12:
+    resolution: {integrity: sha512-3yrSa7nGSXGJS6wZeSkO6VNm95pB1mZ9i3wFzC1hhY7mn4/afue/MvXz04OXNdBC8bfo4AB4RRd3Dem9jXM58Q==}
+
+  whatwg-encoding@3.1.1:
+    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
+    engines: {node: '>=18'}
+    deprecated: Use @exodus/bytes instead for a more spec-conformant and faster implementation
+
+  whatwg-mimetype@3.0.0:
+    resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
+    engines: {node: '>=12'}
+
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
+
+  whatwg-url@14.2.0:
+    resolution: {integrity: sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==}
+    engines: {node: '>=18'}
+
+  whatwg-url@5.0.0:
+    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
+
+  when-exit@2.1.5:
+    resolution: {integrity: sha512-VGkKJ564kzt6Ms1dbgPP/yuIoQCrsFAnRbptpC5wOEsDaNsbCB2bnfnaA8i/vRs5tjUSEOtIuvl9/MyVsvQZCg==}
+
+  which-module@2.0.1:
+    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
+
+  which-typed-array@1.1.20:
+    resolution: {integrity: sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==}
+    engines: {node: '>= 0.4'}
+
+  which@1.3.1:
+    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
+    hasBin: true
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  which@3.0.1:
+    resolution: {integrity: sha512-XA1b62dzQzLfaEOSQFTCOd5KFf/1VSzZo7/7TUjnya6u0vGGKzU96UQBZTAThCb2j4/xjBAyii1OhRLJEivHvg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
+
+  which@5.0.0:
+    resolution: {integrity: sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+    hasBin: true
+
+  which@6.0.1:
+    resolution: {integrity: sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+    hasBin: true
+
+  which@7.0.0:
+    resolution: {integrity: sha512-RancgH2dmbLdHl6LRhEqvklWMgl/Hdnun0Y90KhBOLkMefg8Qa7/Zel8Sm+8HEcP6DEjzsWzpkuBQEZok58isA==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+    hasBin: true
+
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  wildcard@2.0.1:
+    resolution: {integrity: sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==}
+
+  winreg@1.2.4:
+    resolution: {integrity: sha512-IHpzORub7kYlb8A43Iig3reOvlcBJGX9gZ0WycHhghHtA65X0LYnMRuJs+aH1abVnMJztQkvQNlltnbPi5aGIA==}
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  wordwrap@1.0.0:
+    resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
+
+  wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+
+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
+  write-file-atomic@5.0.1:
+    resolution: {integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  write-file-atomic@7.0.1:
+    resolution: {integrity: sha512-OTIk8iR8/aCRWBqvxrzxR0hgxWpnYBblY1S5hDWBQfk/VFmJwzmJgQFN3WsoUKHISv2eAwe+PpbUzyL1CKTLXg==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  ws@8.21.1:
+    resolution: {integrity: sha512-+0NTnW77fFN/DjQi6k/Sq/Yvk4Sgajw7urW8V+asjXnRgDs9gyGkdb7EzgfhA4goXsRIZKE28fzIXBHEzhuiWw==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  wsl-utils@0.1.0:
+    resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==}
+    engines: {node: '>=18'}
+
+  wsl-utils@0.3.1:
+    resolution: {integrity: sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg==}
+    engines: {node: '>=20'}
+
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlbuilder@15.1.1:
+    resolution: {integrity: sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg==}
+    engines: {node: '>=8.0'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
+  xtend@4.0.2:
+    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
+    engines: {node: '>=0.4'}
+
+  xxhashjs@0.2.2:
+    resolution: {integrity: sha512-AkTuIuVTET12tpsVIQo+ZU6f/qDmKuRUcjaqR+OIvm+aCBsZ95i7UVY5WJ9TMsSaZ0DA2WxoZ4acu0sPH+OKAw==}
+
+  y18n@4.0.3:
+    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
+  yaku@0.16.7:
+    resolution: {integrity: sha512-Syu3IB3rZvKvYk7yTiyl1bo/jiEFaaStrgv1V2TIJTqYPStSMQVO8EQjg/z+DRzLq/4LIIharNT3iH1hylEIRw==}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+
+  yallist@5.0.0:
+    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
+    engines: {node: '>=18'}
+
+  yaml@1.10.3:
+    resolution: {integrity: sha512-vIYeF1u3CjlhAFekPPAk2h/Kv4T3mAkMox5OymRiJQB0spDP10LHvt+K7G9Ny6NuuMAb25/6n1qyUjAcGNf/AA==}
+    engines: {node: '>= 6'}
+
+  yaml@2.9.0:
+    resolution: {integrity: sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==}
+    engines: {node: '>= 14.6'}
+    hasBin: true
+
+  yargs-parser@18.1.3:
+    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
+    engines: {node: '>=6'}
+
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs@15.4.1:
+    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
+    engines: {node: '>=8'}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
+  yargs@17.7.3:
+    resolution: {integrity: sha512-GZtjxm/J/4TSxuL3FNYjCmLktBTnIw/rVmKSIyKeYAZpmJB2ig9VauCC5xsa82GNKVKDAqpOn3KVzNt0zmrU0g==}
+    engines: {node: '>=12'}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  zip-stream@6.0.1:
+    resolution: {integrity: sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==}
+    engines: {node: '>= 14'}
+
+  zod@4.4.3:
+    resolution: {integrity: sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==}
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
+snapshots:
+
+  '@action-validator/cli@0.6.0(@action-validator/core@0.6.0)':
+    dependencies:
+      '@action-validator/core': 0.6.0
+      chalk: 5.2.0
+
+  '@action-validator/core@0.6.0': {}
+
+  '@actions/github@9.1.1':
+    dependencies:
+      '@actions/http-client': 3.0.2
+      '@octokit/core': 7.0.6
+      '@octokit/plugin-paginate-rest': 14.0.0(@octokit/core@7.0.6)
+      '@octokit/plugin-rest-endpoint-methods': 17.0.0(@octokit/core@7.0.6)
+      '@octokit/request': 10.0.10
+      '@octokit/request-error': 7.1.0
+      undici: 6.28.0
+
+  '@actions/http-client@3.0.2':
+    dependencies:
+      tunnel: 0.0.6
+      undici: 6.28.0
+
+  '@actions/io@1.1.3': {}
+
+  '@adobe/css-tools@4.4.4': {}
+
+  '@algolia/abtesting@1.16.0':
+    dependencies:
+      '@algolia/client-common': 5.50.0
+      '@algolia/requester-browser-xhr': 5.50.0
+      '@algolia/requester-fetch': 5.50.0
+      '@algolia/requester-node-http': 5.50.0
+
+  '@algolia/autocomplete-core@1.17.7(@algolia/client-search@5.50.0)(algoliasearch@5.50.0)(search-insights@2.17.3)':
+    dependencies:
+      '@algolia/autocomplete-plugin-algolia-insights': 1.17.7(@algolia/client-search@5.50.0)(algoliasearch@5.50.0)(search-insights@2.17.3)
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.50.0)(algoliasearch@5.50.0)
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - algoliasearch
+      - search-insights
+
+  '@algolia/autocomplete-plugin-algolia-insights@1.17.7(@algolia/client-search@5.50.0)(algoliasearch@5.50.0)(search-insights@2.17.3)':
+    dependencies:
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.50.0)(algoliasearch@5.50.0)
+      search-insights: 2.17.3
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - algoliasearch
+
+  '@algolia/autocomplete-preset-algolia@1.17.7(@algolia/client-search@5.50.0)(algoliasearch@5.50.0)':
+    dependencies:
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.50.0)(algoliasearch@5.50.0)
+      '@algolia/client-search': 5.50.0
+      algoliasearch: 5.50.0
+
+  '@algolia/autocomplete-shared@1.17.7(@algolia/client-search@5.50.0)(algoliasearch@5.50.0)':
+    dependencies:
+      '@algolia/client-search': 5.50.0
+      algoliasearch: 5.50.0
+
+  '@algolia/client-abtesting@5.50.0':
+    dependencies:
+      '@algolia/client-common': 5.50.0
+      '@algolia/requester-browser-xhr': 5.50.0
+      '@algolia/requester-fetch': 5.50.0
+      '@algolia/requester-node-http': 5.50.0
+
+  '@algolia/client-analytics@5.50.0':
+    dependencies:
+      '@algolia/client-common': 5.50.0
+      '@algolia/requester-browser-xhr': 5.50.0
+      '@algolia/requester-fetch': 5.50.0
+      '@algolia/requester-node-http': 5.50.0
+
+  '@algolia/client-common@5.50.0': {}
+
+  '@algolia/client-insights@5.50.0':
+    dependencies:
+      '@algolia/client-common': 5.50.0
+      '@algolia/requester-browser-xhr': 5.50.0
+      '@algolia/requester-fetch': 5.50.0
+      '@algolia/requester-node-http': 5.50.0
+
+  '@algolia/client-personalization@5.50.0':
+    dependencies:
+      '@algolia/client-common': 5.50.0
+      '@algolia/requester-browser-xhr': 5.50.0
+      '@algolia/requester-fetch': 5.50.0
+      '@algolia/requester-node-http': 5.50.0
+
+  '@algolia/client-query-suggestions@5.50.0':
+    dependencies:
+      '@algolia/client-common': 5.50.0
+      '@algolia/requester-browser-xhr': 5.50.0
+      '@algolia/requester-fetch': 5.50.0
+      '@algolia/requester-node-http': 5.50.0
+
+  '@algolia/client-search@5.50.0':
+    dependencies:
+      '@algolia/client-common': 5.50.0
+      '@algolia/requester-browser-xhr': 5.50.0
+      '@algolia/requester-fetch': 5.50.0
+      '@algolia/requester-node-http': 5.50.0
+
+  '@algolia/ingestion@1.50.0':
+    dependencies:
+      '@algolia/client-common': 5.50.0
+      '@algolia/requester-browser-xhr': 5.50.0
+      '@algolia/requester-fetch': 5.50.0
+      '@algolia/requester-node-http': 5.50.0
+
+  '@algolia/monitoring@1.50.0':
+    dependencies:
+      '@algolia/client-common': 5.50.0
+      '@algolia/requester-browser-xhr': 5.50.0
+      '@algolia/requester-fetch': 5.50.0
+      '@algolia/requester-node-http': 5.50.0
+
+  '@algolia/recommend@5.50.0':
+    dependencies:
+      '@algolia/client-common': 5.50.0
+      '@algolia/requester-browser-xhr': 5.50.0
+      '@algolia/requester-fetch': 5.50.0
+      '@algolia/requester-node-http': 5.50.0
+
+  '@algolia/requester-browser-xhr@5.50.0':
+    dependencies:
+      '@algolia/client-common': 5.50.0
+
+  '@algolia/requester-fetch@5.50.0':
+    dependencies:
+      '@algolia/client-common': 5.50.0
+
+  '@algolia/requester-node-http@5.50.0':
+    dependencies:
+      '@algolia/client-common': 5.50.0
+
+  '@antfu/install-pkg@1.1.0':
+    dependencies:
+      package-manager-detector: 1.6.0
+      tinyexec: 1.2.4
+
+  '@apm-js-collab/code-transformer-bundler-plugins@0.7.3':
+    dependencies:
+      '@apm-js-collab/code-transformer': 0.18.1
+      es-module-lexer: 2.3.1
+      magic-string: 0.30.21
+      module-details-from-path: 1.0.4
+
+  '@apm-js-collab/code-transformer@0.18.1':
+    dependencies:
+      '@types/estree': 1.0.9
+      astring: 1.9.0
+      esquery: 1.7.0
+      meriyah: 6.1.4
+      semifies: 1.0.0
+      source-map: 0.6.1
+
+  '@apm-js-collab/tracing-hooks@0.13.0(supports-color@10.2.2)':
+    dependencies:
+      '@apm-js-collab/code-transformer': 0.18.1
+      debug: 4.4.3(supports-color@10.2.2)
+      module-details-from-path: 1.0.4
+    transitivePeerDependencies:
+      - supports-color
+
+  '@arcmantle/vite-plugin-import-css-sheet@1.0.14(patch_hash=8019aa9feca17db6bab3483612b4150c911d70b58fddc52bf2d7258a1484a747)':
+    dependencies:
+      lightningcss: 1.33.0
+      typescript: '@typescript/typescript6@6.0.2'
+
+  '@asamuzakjp/css-color@3.2.0':
+    dependencies:
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5)(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-color-parser': 3.1.0(@csstools/css-parser-algorithms@3.0.5)(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      lru-cache: 10.4.3
+
+  '@axe-core/playwright@4.12.1(playwright-core@1.61.1)':
+    dependencies:
+      axe-core: 4.12.1
+      playwright-core: 1.61.1
+
+  '@babel/code-frame@7.29.7':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.29.7
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.29.7': {}
+
+  '@babel/core@7.29.7(supports-color@10.2.2)':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/generator': 7.29.8
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/helpers': 7.29.7
+      '@babel/parser': 7.29.8
+      '@babel/template': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+      '@babel/types': 7.29.8
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3(supports-color@10.2.2)
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/core@7.29.7(supports-color@7.2.0)':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/generator': 7.29.8
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helpers': 7.29.7
+      '@babel/parser': 7.29.8
+      '@babel/template': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+      '@babel/types': 7.29.8
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3(supports-color@7.2.0)
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.29.8':
+    dependencies:
+      '@babel/parser': 7.29.8
+      '@babel/types': 7.29.8
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
+
+  '@babel/helper-annotate-as-pure@7.29.7':
+    dependencies:
+      '@babel/types': 7.29.8
+
+  '@babel/helper-compilation-targets@7.29.7':
+    dependencies:
+      '@babel/compat-data': 7.29.7
+      '@babel/helper-validator-option': 7.29.7
+      browserslist: 4.28.7
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-create-class-features-plugin@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-member-expression-to-functions': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-optimise-call-expression': 7.29.7
+      '@babel/helper-replace-supers': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@10.2.2)
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-create-class-features-plugin@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-member-expression-to-functions': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-optimise-call-expression': 7.29.7
+      '@babel/helper-replace-supers': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@7.2.0)
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-create-regexp-features-plugin@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-annotate-as-pure': 7.29.7
+      regexpu-core: 6.4.0
+      semver: 6.3.1
+
+  '@babel/helper-define-polyfill-provider@0.6.8(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+      debug: 4.4.3(supports-color@10.2.2)
+      lodash.debounce: 4.0.8
+      resolve: 1.22.12
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-define-polyfill-provider@0.6.8(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+      debug: 4.4.3(supports-color@7.2.0)
+      lodash.debounce: 4.0.8
+      resolve: 1.22.12
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-globals@7.29.7': {}
+
+  '@babel/helper-member-expression-to-functions@7.29.7(supports-color@10.2.2)':
+    dependencies:
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+      '@babel/types': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-member-expression-to-functions@7.29.7(supports-color@7.2.0)':
+    dependencies:
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+      '@babel/types': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-imports@7.29.7(supports-color@10.2.2)':
+    dependencies:
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+      '@babel/types': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-imports@7.29.7(supports-color@7.2.0)':
+    dependencies:
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+      '@babel/types': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-module-imports': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-validator-identifier': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-module-imports': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-validator-identifier': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-optimise-call-expression@7.29.7':
+    dependencies:
+      '@babel/types': 7.29.8
+
+  '@babel/helper-plugin-utils@7.29.7': {}
+
+  '@babel/helper-remap-async-to-generator@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-wrap-function': 7.29.7(supports-color@10.2.2)
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-remap-async-to-generator@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-wrap-function': 7.29.7(supports-color@7.2.0)
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-replace-supers@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-member-expression-to-functions': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-optimise-call-expression': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-replace-supers@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-member-expression-to-functions': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-optimise-call-expression': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.29.7(supports-color@10.2.2)':
+    dependencies:
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+      '@babel/types': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.29.7(supports-color@7.2.0)':
+    dependencies:
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+      '@babel/types': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-string-parser@7.29.7': {}
+
+  '@babel/helper-validator-identifier@7.29.7': {}
+
+  '@babel/helper-validator-option@7.29.7': {}
+
+  '@babel/helper-wrap-function@7.29.7(supports-color@10.2.2)':
+    dependencies:
+      '@babel/template': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+      '@babel/types': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-wrap-function@7.29.7(supports-color@7.2.0)':
+    dependencies:
+      '@babel/template': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+      '@babel/types': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helpers@7.29.7':
+    dependencies:
+      '@babel/template': 7.29.7
+      '@babel/types': 7.29.8
+
+  '@babel/parser@7.29.8':
+    dependencies:
+      '@babel/types': 7.29.8
+
+  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-bugfix-safari-class-field-initializer-scope@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-bugfix-safari-rest-destructuring-rhs-array@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-bugfix-safari-rest-destructuring-rhs-array@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@10.2.2)
+      '@babel/plugin-transform-optional-chaining': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@7.2.0)
+      '@babel/plugin-transform-optional-chaining': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-proposal-decorators@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/plugin-syntax-decorators': 7.29.7(@babel/core@7.29.7)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-proposal-decorators@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/plugin-syntax-decorators': 7.29.7(@babel/core@7.29.7)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-proposal-export-default-from@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+
+  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-decorators@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-import-assertions@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-import-attributes@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-create-regexp-features-plugin': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-arrow-functions@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-async-generator-functions@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-remap-async-to-generator': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-async-generator-functions@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-remap-async-to-generator': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-async-to-generator@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-module-imports': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-remap-async-to-generator': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-async-to-generator@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-module-imports': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-remap-async-to-generator': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-block-scoped-functions@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-block-scoping@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-class-properties@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-class-properties@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-class-static-block@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-class-static-block@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-classes@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-globals': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-replace-supers': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-classes@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-globals': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-replace-supers': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-computed-properties@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/template': 7.29.7
+
+  '@babel/plugin-transform-destructuring@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-destructuring@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-dotall-regex@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-create-regexp-features-plugin': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-duplicate-keys@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-create-regexp-features-plugin': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-dynamic-import@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-explicit-resource-management@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/plugin-transform-destructuring': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-explicit-resource-management@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/plugin-transform-destructuring': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-exponentiation-operator@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-export-namespace-from@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-for-of@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-for-of@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-function-name@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-function-name@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-json-strings@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-literals@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-logical-assignment-operators@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-member-expression-literals@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-modules-amd@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-modules-amd@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-modules-commonjs@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-modules-commonjs@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-modules-systemjs@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-modules-systemjs@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-modules-umd@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-modules-umd@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-named-capturing-groups-regex@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-create-regexp-features-plugin': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-new-target@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-nullish-coalescing-operator@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-numeric-separator@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-object-rest-spread@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/plugin-transform-destructuring': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-parameters': 7.29.7(@babel/core@7.29.7)
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-object-rest-spread@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/plugin-transform-destructuring': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-parameters': 7.29.7(@babel/core@7.29.7)
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-object-super@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-replace-supers': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-object-super@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-replace-supers': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-optional-catch-binding@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-optional-chaining@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-optional-chaining@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-parameters@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-private-methods@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-private-methods@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-private-property-in-object@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-private-property-in-object@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-property-literals@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-react-constant-elements@7.27.1(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-react-display-name@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-react-jsx-development@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/plugin-transform-react-jsx': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-react-jsx@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-module-imports': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.7)
+      '@babel/types': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-react-pure-annotations@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-regenerator@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-regexp-modifiers@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-create-regexp-features-plugin': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-reserved-words@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-runtime@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-module-imports': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      babel-plugin-polyfill-corejs2: 0.4.17(@babel/core@7.29.7)(supports-color@10.2.2)
+      babel-plugin-polyfill-corejs3: 0.13.0(@babel/core@7.29.7)(supports-color@10.2.2)
+      babel-plugin-polyfill-regenerator: 0.6.8(@babel/core@7.29.7)(supports-color@10.2.2)
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-runtime@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-module-imports': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      babel-plugin-polyfill-corejs2: 0.4.17(@babel/core@7.29.7)(supports-color@7.2.0)
+      babel-plugin-polyfill-corejs3: 0.13.0(@babel/core@7.29.7)(supports-color@7.2.0)
+      babel-plugin-polyfill-regenerator: 0.6.8(@babel/core@7.29.7)(supports-color@7.2.0)
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-shorthand-properties@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-spread@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-spread@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-sticky-regex@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-template-literals@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-typeof-symbol@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-typescript@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@10.2.2)
+      '@babel/plugin-syntax-typescript': 7.29.7(@babel/core@7.29.7)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-typescript@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7(supports-color@7.2.0)
+      '@babel/plugin-syntax-typescript': 7.29.7(@babel/core@7.29.7)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-transform-unicode-escapes@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-unicode-property-regex@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-create-regexp-features-plugin': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-unicode-regex@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-create-regexp-features-plugin': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/plugin-transform-unicode-sets-regex@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-create-regexp-features-plugin': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-plugin-utils': 7.29.7
+
+  '@babel/preset-env@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/compat-data': 7.29.7
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-validator-option': 7.29.7
+      '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-bugfix-safari-class-field-initializer-scope': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-bugfix-safari-rest-destructuring-rhs-array': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.29.7)
+      '@babel/plugin-syntax-import-assertions': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-syntax-import-attributes': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.29.7)
+      '@babel/plugin-transform-arrow-functions': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-async-generator-functions': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-async-to-generator': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-block-scoped-functions': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-block-scoping': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-class-properties': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-class-static-block': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-classes': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-computed-properties': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-destructuring': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-dotall-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-duplicate-keys': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-duplicate-named-capturing-groups-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-dynamic-import': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-explicit-resource-management': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-exponentiation-operator': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-export-namespace-from': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-for-of': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-function-name': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-json-strings': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-literals': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-logical-assignment-operators': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-member-expression-literals': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-modules-amd': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-modules-commonjs': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-modules-systemjs': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-modules-umd': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-new-target': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-numeric-separator': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-object-rest-spread': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-object-super': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-optional-catch-binding': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-optional-chaining': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-parameters': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-private-methods': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-private-property-in-object': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-property-literals': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-regenerator': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-regexp-modifiers': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-reserved-words': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-shorthand-properties': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-spread': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-sticky-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-template-literals': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-typeof-symbol': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-unicode-escapes': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-unicode-property-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-unicode-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-unicode-sets-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.29.7)
+      babel-plugin-polyfill-corejs2: 0.4.17(@babel/core@7.29.7)(supports-color@10.2.2)
+      babel-plugin-polyfill-corejs3: 0.14.2(@babel/core@7.29.7)(supports-color@10.2.2)
+      babel-plugin-polyfill-regenerator: 0.6.8(@babel/core@7.29.7)(supports-color@10.2.2)
+      core-js-compat: 3.49.0
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/preset-env@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/compat-data': 7.29.7
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-validator-option': 7.29.7
+      '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-bugfix-safari-class-field-initializer-scope': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-bugfix-safari-rest-destructuring-rhs-array': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.29.7)
+      '@babel/plugin-syntax-import-assertions': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-syntax-import-attributes': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.29.7)
+      '@babel/plugin-transform-arrow-functions': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-async-generator-functions': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-async-to-generator': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-block-scoped-functions': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-block-scoping': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-class-properties': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-class-static-block': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-classes': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-computed-properties': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-destructuring': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-dotall-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-duplicate-keys': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-duplicate-named-capturing-groups-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-dynamic-import': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-explicit-resource-management': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-exponentiation-operator': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-export-namespace-from': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-for-of': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-function-name': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-json-strings': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-literals': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-logical-assignment-operators': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-member-expression-literals': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-modules-amd': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-modules-commonjs': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-modules-systemjs': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-modules-umd': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-new-target': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-numeric-separator': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-object-rest-spread': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-object-super': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-optional-catch-binding': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-optional-chaining': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-parameters': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-private-methods': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-private-property-in-object': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-property-literals': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-regenerator': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-regexp-modifiers': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-reserved-words': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-shorthand-properties': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-spread': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-sticky-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-template-literals': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-typeof-symbol': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-unicode-escapes': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-unicode-property-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-unicode-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-unicode-sets-regex': 7.29.7(@babel/core@7.29.7)
+      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.29.7)
+      babel-plugin-polyfill-corejs2: 0.4.17(@babel/core@7.29.7)(supports-color@7.2.0)
+      babel-plugin-polyfill-corejs3: 0.14.2(@babel/core@7.29.7)(supports-color@7.2.0)
+      babel-plugin-polyfill-regenerator: 0.6.8(@babel/core@7.29.7)(supports-color@7.2.0)
+      core-js-compat: 3.49.0
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/types': 7.29.8
+      esutils: 2.0.3
+
+  '@babel/preset-react@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-validator-option': 7.29.7
+      '@babel/plugin-transform-react-display-name': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-react-jsx': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-react-jsx-development': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-react-pure-annotations': 7.29.7(@babel/core@7.29.7)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/preset-typescript@7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-validator-option': 7.29.7
+      '@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-modules-commonjs': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/plugin-transform-typescript': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/preset-typescript@7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-validator-option': 7.29.7
+      '@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-modules-commonjs': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-typescript': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/runtime@7.29.7': {}
+
+  '@babel/runtime@8.0.0': {}
+
+  '@babel/template@7.29.7':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/parser': 7.29.8
+      '@babel/types': 7.29.8
+
+  '@babel/traverse@7.29.8(supports-color@10.2.2)':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/generator': 7.29.8
+      '@babel/helper-globals': 7.29.7
+      '@babel/parser': 7.29.8
+      '@babel/template': 7.29.7
+      '@babel/types': 7.29.8
+      debug: 4.4.3(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/traverse@7.29.8(supports-color@7.2.0)':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/generator': 7.29.8
+      '@babel/helper-globals': 7.29.7
+      '@babel/parser': 7.29.8
+      '@babel/template': 7.29.7
+      '@babel/types': 7.29.8
+      debug: 4.4.3(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.29.8':
+    dependencies:
+      '@babel/helper-string-parser': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
+
+  '@balena/dockerignore@1.0.2': {}
+
+  '@bcoe/v8-coverage@0.2.3': {}
+
+  '@bcoe/v8-coverage@1.0.2': {}
+
+  '@blazediff/core@1.9.1': {}
+
+  '@braintree/sanitize-url@6.0.4':
+    optional: true
+
+  '@braintree/sanitize-url@7.1.2': {}
+
+  '@cacheable/memory@2.2.0':
+    dependencies:
+      '@cacheable/utils': 2.5.0
+      '@keyv/bigmap': 1.3.1(keyv@5.6.0)
+      hookified: 1.15.1
+      keyv: 5.6.0
+
+  '@cacheable/utils@2.5.0':
+    dependencies:
+      hashery: 1.5.1
+      keyv: 5.6.0
+
+  '@chevrotain/types@11.1.2': {}
+
+  '@csstools/cascade-layer-name-parser@3.0.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/color-helpers@5.1.0': {}
+
+  '@csstools/color-helpers@6.1.0': {}
+
+  '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5)(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-calc@3.3.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-color-parser@3.1.0(@csstools/css-parser-algorithms@3.0.5)(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/color-helpers': 5.1.0
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5)(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-color-parser@4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/color-helpers': 6.1.0
+      '@csstools/css-calc': 3.3.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-syntax-patches-for-csstree@1.1.7(css-tree@3.2.1)':
+    optionalDependencies:
+      css-tree: 3.2.1
+
+  '@csstools/css-tokenizer@3.0.4': {}
+
+  '@csstools/css-tokenizer@4.0.0': {}
+
+  '@csstools/media-query-list-parser@5.0.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/postcss-alpha-function@2.0.7(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-color-parser': 4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-cascade-layers@6.0.0(postcss@8.5.25)':
+    dependencies:
+      '@csstools/selector-specificity': 6.0.0(postcss-selector-parser@7.1.4)
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  '@csstools/postcss-color-function-display-p3-linear@2.0.6(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-color-parser': 4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-color-function@5.0.6(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-color-parser': 4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-color-mix-function@4.0.6(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-color-parser': 4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-color-mix-variadic-function-arguments@2.0.6(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-color-parser': 4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-container-rule-prelude-list@1.0.1(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      postcss: 8.5.25
+
+  '@csstools/postcss-content-alt-text@3.0.2(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-contrast-color-function@3.0.6(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-color-parser': 4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-exponential-functions@3.0.3(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-calc': 3.3.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      postcss: 8.5.25
+
+  '@csstools/postcss-font-format-keywords@5.0.0(postcss@8.5.25)':
+    dependencies:
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  '@csstools/postcss-font-width-property@1.0.0(postcss@8.5.25)':
+    dependencies:
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-gamut-mapping@3.0.6(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-color-parser': 4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      postcss: 8.5.25
+
+  '@csstools/postcss-gradients-interpolation-method@6.0.6(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-color-parser': 4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-hwb-function@5.0.6(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-color-parser': 4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-ic-unit@5.0.2(postcss@8.5.25)':
+    dependencies:
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  '@csstools/postcss-image-function@1.0.1(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-initial@3.0.0(postcss@8.5.25)':
+    dependencies:
+      postcss: 8.5.25
+
+  '@csstools/postcss-is-pseudo-class@6.0.0(postcss@8.5.25)':
+    dependencies:
+      '@csstools/selector-specificity': 6.0.0(postcss-selector-parser@7.1.4)
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  '@csstools/postcss-light-dark-function@3.0.2(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-logical-float-and-clear@4.0.0(postcss@8.5.25)':
+    dependencies:
+      postcss: 8.5.25
+
+  '@csstools/postcss-logical-overflow@3.0.0(postcss@8.5.25)':
+    dependencies:
+      postcss: 8.5.25
+
+  '@csstools/postcss-logical-overscroll-behavior@3.0.0(postcss@8.5.25)':
+    dependencies:
+      postcss: 8.5.25
+
+  '@csstools/postcss-logical-resize@4.0.0(postcss@8.5.25)':
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  '@csstools/postcss-logical-viewport-units@4.0.0(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-media-minmax@3.0.3(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-calc': 3.3.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/media-query-list-parser': 5.0.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      postcss: 8.5.25
+
+  '@csstools/postcss-media-queries-aspect-ratio-number-values@4.0.0(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/media-query-list-parser': 5.0.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      postcss: 8.5.25
+
+  '@csstools/postcss-mixins@1.0.0(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      postcss: 8.5.25
+
+  '@csstools/postcss-nested-calc@5.0.0(postcss@8.5.25)':
+    dependencies:
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  '@csstools/postcss-normalize-display-values@5.0.1(postcss@8.5.25)':
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  '@csstools/postcss-oklab-function@5.0.6(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-color-parser': 4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-position-area-property@2.0.0(postcss@8.5.25)':
+    dependencies:
+      postcss: 8.5.25
+
+  '@csstools/postcss-progressive-custom-properties@5.1.1(postcss@8.5.25)':
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  '@csstools/postcss-property-rule-prelude-list@2.0.0(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      postcss: 8.5.25
+
+  '@csstools/postcss-random-function@3.0.3(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-calc': 3.3.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      postcss: 8.5.25
+
+  '@csstools/postcss-relative-color-syntax@4.0.6(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-color-parser': 4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  '@csstools/postcss-scope-pseudo-class@5.0.0(postcss@8.5.25)':
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  '@csstools/postcss-sign-functions@2.0.3(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-calc': 3.3.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      postcss: 8.5.25
+
+  '@csstools/postcss-stepped-value-functions@5.0.3(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-calc': 3.3.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      postcss: 8.5.25
+
+  '@csstools/postcss-syntax-descriptor-syntax-production@2.0.0(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-tokenizer': 4.0.0
+      postcss: 8.5.25
+
+  '@csstools/postcss-system-ui-font-family@2.0.0(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      postcss: 8.5.25
+
+  '@csstools/postcss-text-decoration-shorthand@5.0.4(postcss@8.5.25)':
+    dependencies:
+      '@csstools/color-helpers': 6.1.0
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  '@csstools/postcss-trigonometric-functions@5.0.3(postcss@8.5.25)':
+    dependencies:
+      '@csstools/css-calc': 3.3.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      postcss: 8.5.25
+
+  '@csstools/postcss-unset-value@5.0.0(postcss@8.5.25)':
+    dependencies:
+      postcss: 8.5.25
+
+  '@csstools/selector-resolve-nested@4.0.1(postcss-selector-parser@7.1.4)':
+    dependencies:
+      postcss-selector-parser: 7.1.4
+
+  '@csstools/selector-specificity@6.0.0(postcss-selector-parser@7.1.4)':
+    dependencies:
+      postcss-selector-parser: 7.1.4
+
+  '@csstools/utilities@3.0.0(postcss@8.5.25)':
+    dependencies:
+      postcss: 8.5.25
+
+  '@discoveryjs/json-ext@0.6.3': {}
+
+  '@discoveryjs/json-ext@1.1.0': {}
+
+  '@dnd-kit/abstract@0.5.0':
+    dependencies:
+      '@dnd-kit/geometry': 0.5.0
+      '@dnd-kit/state': 0.5.0
+      tslib: 2.8.1
+
+  '@dnd-kit/collision@0.5.0':
+    dependencies:
+      '@dnd-kit/abstract': 0.5.0
+      '@dnd-kit/geometry': 0.5.0
+      tslib: 2.8.1
+
+  '@dnd-kit/dom@0.5.0':
+    dependencies:
+      '@dnd-kit/abstract': 0.5.0
+      '@dnd-kit/collision': 0.5.0
+      '@dnd-kit/geometry': 0.5.0
+      '@dnd-kit/state': 0.5.0
+      tslib: 2.8.1
+
+  '@dnd-kit/geometry@0.5.0':
+    dependencies:
+      '@dnd-kit/state': 0.5.0
+      tslib: 2.8.1
+
+  '@dnd-kit/react@0.5.0(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@dnd-kit/abstract': 0.5.0
+      '@dnd-kit/dom': 0.5.0
+      '@dnd-kit/state': 0.5.0
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      tslib: 2.8.1
+
+  '@dnd-kit/state@0.5.0':
+    dependencies:
+      '@preact/signals-core': 1.14.2
+      tslib: 2.8.1
+
+  '@docsearch/css@3.8.2': {}
+
+  '@docsearch/js@3.8.2(@algolia/client-search@5.50.0)(@types/react@19.2.18)(react@19.2.8)(search-insights@2.17.3)':
+    dependencies:
+      '@docsearch/react': 3.8.2(@algolia/client-search@5.50.0)(@types/react@19.2.18)(react@19.2.8)(search-insights@2.17.3)
+      preact: 10.29.3
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - '@types/react'
+      - react
+      - react-dom
+      - search-insights
+
+  '@docsearch/react@3.8.2(@algolia/client-search@5.50.0)(@types/react@19.2.18)(react@19.2.8)(search-insights@2.17.3)':
+    dependencies:
+      '@algolia/autocomplete-core': 1.17.7(@algolia/client-search@5.50.0)(algoliasearch@5.50.0)(search-insights@2.17.3)
+      '@algolia/autocomplete-preset-algolia': 1.17.7(@algolia/client-search@5.50.0)(algoliasearch@5.50.0)
+      '@docsearch/css': 3.8.2
+      algoliasearch: 5.50.0
+    optionalDependencies:
+      '@types/react': 19.2.18
+      react: 19.2.8
+      search-insights: 2.17.3
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+
+  '@electron-internal/extract-zip@1.0.3': {}
+
+  '@electron/asar@3.4.1':
+    dependencies:
+      commander: 5.1.0
+      glob: 7.2.3
+      minimatch: 3.1.5
+
+  '@electron/asar@4.2.1':
+    dependencies:
+      glob: 13.0.6
+      minimatch: 10.2.6
+
+  '@electron/fuses@1.8.0':
+    dependencies:
+      chalk: 4.1.2
+      fs-extra: 9.1.0
+      minimist: 1.2.8
+
+  '@electron/fuses@2.1.3': {}
+
+  '@electron/get@3.1.0(supports-color@10.2.2)':
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+      env-paths: 2.2.1
+      fs-extra: 8.1.0
+      got: 11.8.6
+      progress: 2.0.3
+      semver: 6.3.1
+      sumchecker: 3.0.1(supports-color@10.2.2)
+    optionalDependencies:
+      global-agent: 3.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@electron/get@5.0.0(supports-color@10.2.2)':
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+      env-paths: 3.0.0
+      graceful-fs: 4.2.11
+      progress: 2.0.3
+      semver: 7.8.5
+      sumchecker: 3.0.1(supports-color@10.2.2)
+    optionalDependencies:
+      undici: 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@electron/notarize@2.5.0(supports-color@10.2.2)':
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+      fs-extra: 9.1.0
+      promise-retry: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@electron/osx-sign@1.3.3(supports-color@10.2.2)':
+    dependencies:
+      compare-version: 0.1.2
+      debug: 4.4.3(supports-color@10.2.2)
+      fs-extra: 10.1.0
+      isbinaryfile: 4.0.10
+      minimist: 1.2.8
+      plist: 3.1.0(patch_hash=7a3c35087f0ab2a8efbac9e2899990f07d61e2b3e41d8d962ef0bdb0786e1af7)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@electron/rebuild@4.0.4(supports-color@10.2.2)':
+    dependencies:
+      '@malept/cross-spawn-promise': 2.0.0
+      debug: 4.4.3(supports-color@10.2.2)
+      node-abi: 4.33.0
+      node-api-version: 0.2.1
+      node-gyp: 12.2.0(supports-color@10.2.2)
+      read-binary-file-arch: 1.0.6(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@electron/universal@2.0.3(supports-color@10.2.2)':
+    dependencies:
+      '@electron/asar': 3.4.1
+      '@malept/cross-spawn-promise': 2.0.0
+      debug: 4.4.3(supports-color@10.2.2)
+      dir-compare: 4.2.0
+      fs-extra: 11.4.0
+      minimatch: 9.0.9
+      plist: 3.1.0(patch_hash=7a3c35087f0ab2a8efbac9e2899990f07d61e2b3e41d8d962ef0bdb0786e1af7)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@electron/windows-sign@1.2.2(supports-color@10.2.2)':
+    dependencies:
+      cross-dirname: 0.1.0
+      debug: 4.4.3(supports-color@10.2.2)
+      fs-extra: 11.4.0
+      minimist: 1.2.8
+      postject: 1.0.0-alpha.6
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
+  '@element-hq/element-call-embedded@0.22.0': {}
+
+  '@emnapi/core@1.10.0':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.1
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/core@1.11.2':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.2
+      tslib: 2.8.1
+
+  '@emnapi/core@1.4.5':
+    dependencies:
+      '@emnapi/wasi-threads': 1.0.4
+      tslib: 2.8.1
+
+  '@emnapi/core@1.9.2':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.1
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.10.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.11.2':
+    dependencies:
+      tslib: 2.8.1
+
+  '@emnapi/runtime@1.4.5':
+    dependencies:
+      tslib: 2.8.1
+
+  '@emnapi/runtime@1.9.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.0.4':
+    dependencies:
+      tslib: 2.8.1
+
+  '@emnapi/wasi-threads@1.2.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.2':
+    dependencies:
+      tslib: 2.8.1
+
+  '@emotion/is-prop-valid@1.4.0':
+    dependencies:
+      '@emotion/memoize': 0.9.0
+
+  '@emotion/memoize@0.9.0': {}
+
+  '@esbuild/aix-ppc64@0.27.4':
+    optional: true
+
+  '@esbuild/android-arm64@0.27.4':
+    optional: true
+
+  '@esbuild/android-arm@0.27.4':
+    optional: true
+
+  '@esbuild/android-x64@0.27.4':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.27.4':
+    optional: true
+
+  '@esbuild/darwin-x64@0.27.4':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.27.4':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.27.4':
+    optional: true
+
+  '@esbuild/linux-arm64@0.27.4':
+    optional: true
+
+  '@esbuild/linux-arm@0.27.4':
+    optional: true
+
+  '@esbuild/linux-ia32@0.27.4':
+    optional: true
+
+  '@esbuild/linux-loong64@0.27.4':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.27.4':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.27.4':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.27.4':
+    optional: true
+
+  '@esbuild/linux-s390x@0.27.4':
+    optional: true
+
+  '@esbuild/linux-x64@0.27.4':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.27.4':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.27.4':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.27.4':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.27.4':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.27.4':
+    optional: true
+
+  '@esbuild/sunos-x64@0.27.4':
+    optional: true
+
+  '@esbuild/win32-arm64@0.27.4':
+    optional: true
+
+  '@esbuild/win32-ia32@0.27.4':
+    optional: true
+
+  '@esbuild/win32-x64@0.27.4':
+    optional: true
+
+  '@eslint-community/eslint-utils@4.10.1(eslint@8.57.1)':
+    dependencies:
+      eslint: 8.57.1(supports-color@7.2.0)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/eslintrc@2.1.4(supports-color@7.2.0)':
+    dependencies:
+      ajv: 6.15.0
+      debug: 4.4.3(supports-color@7.2.0)
+      espree: 9.6.1
+      globals: 13.24.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
+      js-yaml: 4.3.1
+      minimatch: 3.1.5
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@8.57.1': {}
+
+  '@fetch-mock/jest@0.2.20(@jest/globals@30.4.1)(jest@30.4.2)':
+    dependencies:
+      '@jest/globals': 30.4.1(supports-color@10.2.2)
+      fetch-mock: 12.6.0
+      jest: 30.4.2(@types/node@25.9.3)(babel-plugin-macros@3.1.0)(supports-color@10.2.2)
+
+  '@fetch-mock/vitest@0.2.18(vitest@4.1.10)':
+    dependencies:
+      fetch-mock: 12.6.0
+      vitest: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+
+  '@figspec/components@2.1.0': {}
+
+  '@figspec/react@2.0.1(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@figspec/components': 2.1.0
+      '@lit-labs/react': 2.1.3(@types/react@19.2.18)
+      react: 19.2.8
+    transitivePeerDependencies:
+      - '@types/react'
+
+  '@floating-ui/core@1.8.0':
+    dependencies:
+      '@floating-ui/utils': 0.2.12
+
+  '@floating-ui/dom@1.8.0':
+    dependencies:
+      '@floating-ui/core': 1.8.0
+      '@floating-ui/utils': 0.2.12
+
+  '@floating-ui/react-dom@2.1.9(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@floating-ui/dom': 1.8.0
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+
+  '@floating-ui/react@0.27.17(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.9(react-dom@19.2.8)(react@19.2.8)
+      '@floating-ui/utils': 0.2.12
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      tabbable: 6.4.0
+
+  '@floating-ui/utils@0.2.12': {}
+
+  '@fontsource/fira-code@5.3.0': {}
+
+  '@fontsource/inconsolata@5.2.8': {}
+
+  '@fontsource/inter@5.3.0': {}
+
+  '@formatjs/fast-memoize@3.1.7': {}
+
+  '@formatjs/intl-localematcher@0.8.13':
+    dependencies:
+      '@formatjs/fast-memoize': 3.1.7
+
+  '@formatjs/intl-segmenter@12.2.13':
+    dependencies:
+      '@formatjs/intl-localematcher': 0.8.13
+
+  '@gar/promise-retry@1.0.3': {}
+
+  '@gerrit0/mini-shiki@3.23.0':
+    dependencies:
+      '@shikijs/engine-oniguruma': 3.23.0
+      '@shikijs/langs': 3.23.0
+      '@shikijs/themes': 3.23.0
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+
+  '@grpc/grpc-js@1.14.4':
+    dependencies:
+      '@grpc/proto-loader': 0.8.1
+      '@js-sdsl/ordered-map': 4.4.2
+
+  '@grpc/proto-loader@0.7.15':
+    dependencies:
+      lodash.camelcase: 4.3.0
+      long: 5.3.2
+      protobufjs: 7.6.5
+      yargs: 17.7.3
+
+  '@grpc/proto-loader@0.8.1':
+    dependencies:
+      lodash.camelcase: 4.3.0
+      long: 5.3.2
+      protobufjs: 7.6.5
+      yargs: 17.7.3
+
+  '@hapi/address@5.1.1':
+    dependencies:
+      '@hapi/hoek': 11.0.7
+
+  '@hapi/formula@3.0.2': {}
+
+  '@hapi/hoek@11.0.7': {}
+
+  '@hapi/pinpoint@2.0.1': {}
+
+  '@hapi/tlds@1.1.7': {}
+
+  '@hapi/topo@6.0.2':
+    dependencies:
+      '@hapi/hoek': 11.0.7
+
+  '@humanwhocodes/config-array@0.13.0(supports-color@7.2.0)':
+    dependencies:
+      '@humanwhocodes/object-schema': 2.0.3
+      debug: 4.4.3(supports-color@7.2.0)
+      minimatch: 3.1.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/object-schema@2.0.3': {}
+
+  '@iconify-json/simple-icons@1.2.75':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify/types@2.0.0': {}
+
+  '@iconify/utils@3.1.3':
+    dependencies:
+      '@antfu/install-pkg': 1.1.0
+      '@iconify/types': 2.0.0
+      import-meta-resolve: 4.2.0
+
+  '@isaacs/cliui@8.0.2':
+    dependencies:
+      string-width: 5.1.2
+      string-width-cjs: string-width@4.2.3
+      strip-ansi: 7.2.0
+      strip-ansi-cjs: strip-ansi@6.0.1
+      wrap-ansi: 8.1.0
+      wrap-ansi-cjs: wrap-ansi@7.0.0
+
+  '@isaacs/fs-minipass@4.0.1':
+    dependencies:
+      minipass: 7.1.3
+
+  '@istanbuljs/load-nyc-config@1.1.0':
+    dependencies:
+      camelcase: 5.3.1
+      find-up: 4.1.0
+      get-package-type: 0.1.0
+      js-yaml: 3.15.1
+      resolve-from: 5.0.0
+
+  '@istanbuljs/schema@0.1.6': {}
+
+  '@jest/console@30.4.1':
+    dependencies:
+      '@jest/types': 30.4.1
+      '@types/node': 25.9.3
+      chalk: 4.1.2
+      jest-message-util: 30.4.1
+      jest-util: 30.4.1
+      slash: 3.0.0
+
+  '@jest/core@30.4.2(babel-plugin-macros@3.1.0)(supports-color@10.2.2)':
+    dependencies:
+      '@jest/console': 30.4.1
+      '@jest/pattern': 30.4.0
+      '@jest/reporters': 30.4.1(supports-color@10.2.2)
+      '@jest/test-result': 30.4.1
+      '@jest/transform': 30.4.1(supports-color@10.2.2)
+      '@jest/types': 30.4.1
+      '@types/node': 25.9.3
+      ansi-escapes: 4.3.2
+      chalk: 4.1.2
+      ci-info: 4.4.0
+      exit-x: 0.2.2
+      fast-json-stable-stringify: 2.1.0
+      graceful-fs: 4.2.11
+      jest-changed-files: 30.4.1
+      jest-config: 30.4.2(@types/node@25.9.3)(babel-plugin-macros@3.1.0)(supports-color@10.2.2)
+      jest-haste-map: 30.4.1
+      jest-message-util: 30.4.1
+      jest-regex-util: 30.4.0
+      jest-resolve: 30.4.1
+      jest-resolve-dependencies: 30.4.2(supports-color@10.2.2)
+      jest-runner: 30.4.2(supports-color@10.2.2)
+      jest-runtime: 30.4.2(supports-color@10.2.2)
+      jest-snapshot: 30.4.1(supports-color@10.2.2)
+      jest-util: 30.4.1
+      jest-validate: 30.4.1
+      jest-watcher: 30.4.1
+      pretty-format: 30.4.1
+      slash: 3.0.0
+    transitivePeerDependencies:
+      - babel-plugin-macros
+      - esbuild-register
+      - supports-color
+      - ts-node
+
+  '@jest/diff-sequences@30.0.1': {}
+
+  '@jest/diff-sequences@30.4.0': {}
+
+  '@jest/environment-jsdom-abstract@30.4.1(jsdom@26.1.0)':
+    dependencies:
+      '@jest/environment': 30.4.1
+      '@jest/fake-timers': 30.4.1
+      '@jest/types': 30.4.1
+      '@types/jsdom': 21.1.7
+      '@types/node': 25.9.3
+      jest-mock: 30.4.1
+      jest-util: 30.4.1
+      jsdom: 26.1.0(patch_hash=040623e87b1c8b676c2a705513c0276c0704dd1b23fc3a1bb77cde8128b64b5f)(supports-color@10.2.2)
+
+  '@jest/environment@30.4.1':
+    dependencies:
+      '@jest/fake-timers': 30.4.1
+      '@jest/types': 30.4.1
+      '@types/node': 25.9.3
+      jest-mock: 30.4.1
+
+  '@jest/expect-utils@30.4.1':
+    dependencies:
+      '@jest/get-type': 30.1.0
+
+  '@jest/expect@30.4.1(supports-color@10.2.2)':
+    dependencies:
+      expect: 30.4.1
+      jest-snapshot: 30.4.1(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@jest/fake-timers@30.4.1':
+    dependencies:
+      '@jest/types': 30.4.1
+      '@sinonjs/fake-timers': 15.4.0
+      '@types/node': 25.9.3
+      jest-message-util: 30.4.1
+      jest-mock: 30.4.1
+      jest-util: 30.4.1
+
+  '@jest/get-type@30.1.0': {}
+
+  '@jest/globals@30.4.1(supports-color@10.2.2)':
+    dependencies:
+      '@jest/environment': 30.4.1
+      '@jest/expect': 30.4.1(supports-color@10.2.2)
+      '@jest/types': 30.4.1
+      jest-mock: 30.4.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@jest/pattern@30.4.0':
+    dependencies:
+      '@types/node': 25.9.3
+      jest-regex-util: 30.4.0
+
+  '@jest/reporters@30.4.1(supports-color@10.2.2)':
+    dependencies:
+      '@bcoe/v8-coverage': 0.2.3
+      '@jest/console': 30.4.1
+      '@jest/test-result': 30.4.1
+      '@jest/transform': 30.4.1(supports-color@10.2.2)
+      '@jest/types': 30.4.1
+      '@jridgewell/trace-mapping': 0.3.31
+      '@types/node': 25.9.3
+      chalk: 4.1.2
+      collect-v8-coverage: 1.0.3
+      exit-x: 0.2.2
+      glob: 10.5.0
+      graceful-fs: 4.2.11
+      istanbul-lib-coverage: 3.2.2
+      istanbul-lib-instrument: 6.0.3(supports-color@10.2.2)
+      istanbul-lib-report: 3.0.1
+      istanbul-lib-source-maps: 5.0.6(supports-color@10.2.2)
+      istanbul-reports: 3.2.0
+      jest-message-util: 30.4.1
+      jest-util: 30.4.1
+      jest-worker: 30.4.1
+      slash: 3.0.0
+      string-length: 4.0.2
+      v8-to-istanbul: 9.3.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@jest/schemas@30.4.1':
+    dependencies:
+      '@sinclair/typebox': 0.34.49
+
+  '@jest/snapshot-utils@30.4.1':
+    dependencies:
+      '@jest/types': 30.4.1
+      chalk: 4.1.2
+      graceful-fs: 4.2.11
+      natural-compare: 1.4.0
+
+  '@jest/source-map@30.0.1':
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      callsites: 3.1.0
+      graceful-fs: 4.2.11
+
+  '@jest/test-result@30.4.1':
+    dependencies:
+      '@jest/console': 30.4.1
+      '@jest/types': 30.4.1
+      '@types/istanbul-lib-coverage': 2.0.6
+      collect-v8-coverage: 1.0.3
+
+  '@jest/test-sequencer@30.4.1':
+    dependencies:
+      '@jest/test-result': 30.4.1
+      graceful-fs: 4.2.11
+      jest-haste-map: 30.4.1
+      slash: 3.0.0
+
+  '@jest/transform@30.4.1(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@jest/types': 30.4.1
+      '@jridgewell/trace-mapping': 0.3.31
+      babel-plugin-istanbul: 7.0.1(supports-color@10.2.2)
+      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.4.1
+      jest-regex-util: 30.4.0
+      jest-util: 30.4.1
+      pirates: 4.0.7
+      slash: 3.0.0
+      write-file-atomic: 5.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@jest/types@30.4.1':
+    dependencies:
+      '@jest/pattern': 30.4.0
+      '@jest/schemas': 30.4.1
+      '@types/istanbul-lib-coverage': 2.0.6
+      '@types/istanbul-reports': 3.0.4
+      '@types/node': 25.9.3
+      '@types/yargs': 17.0.35
+      chalk: 4.1.2
+
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.7.0(@typescript/typescript6@6.0.2)(vite@8.2.0)':
+    dependencies:
+      glob: 13.0.6
+      react-docgen-typescript: 2.4.0(@typescript/typescript6@6.0.2)
+      vite: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+    optionalDependencies:
+      typescript: '@typescript/typescript6@6.0.2'
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/source-map@0.3.11':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@js-sdsl/ordered-map@4.4.2': {}
+
+  '@jsonjoy.com/base64@1.1.2(tslib@2.8.1)':
+    dependencies:
+      tslib: 2.8.1
+
+  '@jsonjoy.com/base64@17.67.0(tslib@2.8.1)':
+    dependencies:
+      tslib: 2.8.1
+
+  '@jsonjoy.com/buffers@1.2.1(tslib@2.8.1)':
+    dependencies:
+      tslib: 2.8.1
+
+  '@jsonjoy.com/buffers@17.67.0(tslib@2.8.1)':
+    dependencies:
+      tslib: 2.8.1
+
+  '@jsonjoy.com/codegen@1.0.0(tslib@2.8.1)':
+    dependencies:
+      tslib: 2.8.1
+
+  '@jsonjoy.com/codegen@17.67.0(tslib@2.8.1)':
+    dependencies:
+      tslib: 2.8.1
+
+  '@jsonjoy.com/fs-core@4.64.0(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/fs-node-builtins': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-node-utils': 4.64.0(tslib@2.8.1)
+      thingies: 2.6.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@jsonjoy.com/fs-fsa@4.64.0(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/fs-core': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-node-builtins': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-node-utils': 4.64.0(tslib@2.8.1)
+      thingies: 2.6.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@jsonjoy.com/fs-node-builtins@4.64.0(tslib@2.8.1)':
+    dependencies:
+      tslib: 2.8.1
+
+  '@jsonjoy.com/fs-node-to-fsa@4.64.0(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/fs-fsa': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-node-builtins': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-node-utils': 4.64.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@jsonjoy.com/fs-node-utils@4.64.0(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/fs-node-builtins': 4.64.0(tslib@2.8.1)
+      glob-to-regex.js: 1.2.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@jsonjoy.com/fs-node@4.64.0(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/fs-core': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-node-builtins': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-node-utils': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-print': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-snapshot': 4.64.0(tslib@2.8.1)
+      glob-to-regex.js: 1.2.0(tslib@2.8.1)
+      thingies: 2.6.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@jsonjoy.com/fs-print@4.64.0(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/fs-node-utils': 4.64.0(tslib@2.8.1)
+      tree-dump: 1.1.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@jsonjoy.com/fs-snapshot@4.64.0(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/buffers': 17.67.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-node-utils': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/json-pack': 17.67.0(tslib@2.8.1)
+      '@jsonjoy.com/util': 17.67.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@jsonjoy.com/json-pack@1.21.0(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/base64': 1.1.2(tslib@2.8.1)
+      '@jsonjoy.com/buffers': 1.2.1(tslib@2.8.1)
+      '@jsonjoy.com/codegen': 1.0.0(tslib@2.8.1)
+      '@jsonjoy.com/json-pointer': 1.0.2(tslib@2.8.1)
+      '@jsonjoy.com/util': 1.9.0(tslib@2.8.1)
+      hyperdyperid: 1.2.0
+      thingies: 2.6.0(tslib@2.8.1)
+      tree-dump: 1.1.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@jsonjoy.com/json-pack@17.67.0(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/base64': 17.67.0(tslib@2.8.1)
+      '@jsonjoy.com/buffers': 17.67.0(tslib@2.8.1)
+      '@jsonjoy.com/codegen': 17.67.0(tslib@2.8.1)
+      '@jsonjoy.com/json-pointer': 17.67.0(tslib@2.8.1)
+      '@jsonjoy.com/util': 17.67.0(tslib@2.8.1)
+      hyperdyperid: 1.2.0
+      thingies: 2.6.0(tslib@2.8.1)
+      tree-dump: 1.1.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@jsonjoy.com/json-pointer@1.0.2(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/codegen': 1.0.0(tslib@2.8.1)
+      '@jsonjoy.com/util': 1.9.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@jsonjoy.com/json-pointer@17.67.0(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/util': 17.67.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@jsonjoy.com/util@1.9.0(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/buffers': 1.2.1(tslib@2.8.1)
+      '@jsonjoy.com/codegen': 1.0.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@jsonjoy.com/util@17.67.0(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/buffers': 17.67.0(tslib@2.8.1)
+      '@jsonjoy.com/codegen': 17.67.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@keyv/bigmap@1.3.1(keyv@5.6.0)':
+    dependencies:
+      hashery: 1.5.1
+      hookified: 1.15.1
+      keyv: 5.6.0
+
+  '@keyv/serialize@1.1.1': {}
+
+  '@kwsites/file-exists@1.1.1(supports-color@10.2.2)':
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@leichtgewicht/ip-codec@2.0.5': {}
+
+  '@lit-labs/react@2.1.3(@types/react@19.2.18)':
+    dependencies:
+      '@lit/react': 1.0.8(@types/react@19.2.18)
+    transitivePeerDependencies:
+      - '@types/react'
+
+  '@lit/react@1.0.8(@types/react@19.2.18)':
+    dependencies:
+      '@types/react': 19.2.18
+
+  '@malept/cross-spawn-promise@2.0.0':
+    dependencies:
+      cross-spawn: 7.0.6
+
+  '@malept/flatpak-bundler@0.4.0(supports-color@10.2.2)':
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+      fs-extra: 9.1.0
+      lodash: 4.18.1
+      tmp-promise: 3.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@mapbox/jsonlint-lines-primitives@2.0.2': {}
+
+  '@mapbox/point-geometry@1.1.0': {}
+
+  '@mapbox/tiny-sdf@2.2.0': {}
+
+  '@mapbox/unitbezier@0.0.1': {}
+
+  '@mapbox/vector-tile@2.0.4':
+    dependencies:
+      '@mapbox/point-geometry': 1.1.0
+      '@types/geojson': 7946.0.16
+      pbf: 4.0.1
+
+  '@mapbox/whoots-js@3.1.0': {}
+
+  '@maplibre/geojson-vt@5.0.4': {}
+
+  '@maplibre/geojson-vt@6.1.0':
+    dependencies:
+      kdbush: 4.0.2
+
+  '@maplibre/maplibre-gl-style-spec@24.8.5':
+    dependencies:
+      '@mapbox/jsonlint-lines-primitives': 2.0.2
+      '@mapbox/unitbezier': 0.0.1
+      json-stringify-pretty-compact: 4.0.0
+      minimist: 1.2.8
+      quickselect: 3.0.0
+      tinyqueue: 3.0.0
+
+  '@maplibre/mlt@1.1.9':
+    dependencies:
+      '@mapbox/point-geometry': 1.1.0
+
+  '@maplibre/vt-pbf@4.3.0':
+    dependencies:
+      '@mapbox/point-geometry': 1.1.0
+      '@mapbox/vector-tile': 2.0.4
+      '@maplibre/geojson-vt': 5.0.4
+      '@types/geojson': 7946.0.16
+      '@types/supercluster': 7.1.3
+      pbf: 4.0.1
+      supercluster: 8.0.1
+
+  '@matrix-org/analytics-events@0.37.0': {}
+
+  '@matrix-org/emojibase-bindings@1.5.0':
+    dependencies:
+      emojibase: 17.0.0
+      emojibase-data: 17.0.0(emojibase@17.0.0)
+
+  '@matrix-org/matrix-sdk-crypto-wasm@18.4.0': {}
+
+  '@matrix-org/react-sdk-module-api@2.5.0(patch_hash=016146c9cc96e6363609d2b2ac0896ccef567882eb1d73b75a77b8a30929de96)(react@19.2.8)':
+    dependencies:
+      '@babel/runtime': 7.29.7
+      react: 19.2.8
+
+  '@matrix-org/spec@1.16.0': {}
+
+  '@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@types/mdx': 2.0.14
+      '@types/react': 19.2.18
+      react: 19.2.8
+
+  '@mermaid-js/mermaid-mindmap@9.3.0':
+    dependencies:
+      '@braintree/sanitize-url': 6.0.4
+      cytoscape: 3.34.0
+      cytoscape-cose-bilkent: 4.1.0(cytoscape@3.34.0)
+      cytoscape-fcose: 2.2.0(cytoscape@3.34.0)
+      d3: 7.9.0
+      khroma: 2.1.0
+      non-layered-tidy-tree-layout: 2.0.2
+    optional: true
+
+  '@mermaid-js/parser@1.2.0':
+    dependencies:
+      '@chevrotain/types': 11.1.2
+
+  '@microsoft/api-extractor-model@7.33.10(@types/node@25.9.3)':
+    dependencies:
+      '@microsoft/tsdoc': 0.16.0
+      '@microsoft/tsdoc-config': 0.18.1
+      '@rushstack/node-core-library': 5.23.3(@types/node@25.9.3)
+    transitivePeerDependencies:
+      - '@types/node'
+
+  '@microsoft/api-extractor@7.58.12(@types/node@25.9.3)':
+    dependencies:
+      '@microsoft/api-extractor-model': 7.33.10(@types/node@25.9.3)
+      '@microsoft/tsdoc': 0.16.0
+      '@microsoft/tsdoc-config': 0.18.1
+      '@rushstack/node-core-library': 5.23.3(@types/node@25.9.3)
+      '@rushstack/rig-package': 0.7.3
+      '@rushstack/terminal': 0.24.2(@types/node@25.9.3)
+      '@rushstack/ts-command-line': 5.3.12(@types/node@25.9.3)
+      diff: 8.0.4
+      minimatch: 10.2.3
+      resolve: 1.22.12
+      semver: 7.7.4
+      source-map: 0.6.1
+      typescript: '@typescript/typescript6@6.0.2'
+    transitivePeerDependencies:
+      - '@types/node'
+
+  '@microsoft/tsdoc-config@0.18.1':
+    dependencies:
+      '@microsoft/tsdoc': 0.16.0
+      ajv: 8.18.0
+      jju: 1.4.0
+      resolve: 1.22.12
+
+  '@microsoft/tsdoc@0.16.0': {}
+
+  '@napi-rs/wasm-runtime@0.2.4':
+    dependencies:
+      '@emnapi/core': 1.11.2
+      '@emnapi/runtime': 1.11.2
+      '@tybys/wasm-util': 0.9.0
+
+  '@napi-rs/wasm-runtime@1.1.6(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)':
+    dependencies:
+      '@emnapi/core': 1.10.0
+      '@emnapi/runtime': 1.10.0
+      '@tybys/wasm-util': 0.10.3
+    optional: true
+
+  '@napi-rs/wasm-runtime@1.1.6(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)':
+    dependencies:
+      '@emnapi/core': 1.11.2
+      '@emnapi/runtime': 1.11.2
+      '@tybys/wasm-util': 0.10.3
+    optional: true
+
+  '@napi-rs/wasm-runtime@1.1.6(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)':
+    dependencies:
+      '@emnapi/core': 1.9.2
+      '@emnapi/runtime': 1.9.2
+      '@tybys/wasm-util': 0.10.3
+    optional: true
+
+  '@noble/hashes@1.4.0': {}
+
+  '@noble/hashes@2.2.0': {}
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.20.1
+
+  '@npmcli/agent@4.0.0(supports-color@10.2.2)':
+    dependencies:
+      agent-base: 7.1.4
+      http-proxy-agent: 7.0.2(supports-color@10.2.2)
+      https-proxy-agent: 7.0.6(supports-color@10.2.2)
+      lru-cache: 11.2.6
+      socks-proxy-agent: 8.0.5(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@npmcli/agent@5.0.1(supports-color@10.2.2)':
+    dependencies:
+      agent-base: 9.0.0
+      http-proxy-agent: 9.1.0(supports-color@10.2.2)
+      https-proxy-agent: 9.1.0(supports-color@10.2.2)
+      lru-cache: 11.2.6
+      socks-proxy-agent: 10.1.0(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - kerberos
+      - supports-color
+
+  '@npmcli/fs@5.0.0':
+    dependencies:
+      semver: 7.8.5
+
+  '@npmcli/fs@6.0.0':
+    dependencies:
+      semver: 7.8.5
+
+  '@npmcli/git@8.0.0':
+    dependencies:
+      '@gar/promise-retry': 1.0.3
+      '@npmcli/promise-spawn': 10.0.0
+      ini: 7.0.0
+      lru-cache: 11.2.6
+      npm-pick-manifest: 12.0.0
+      proc-log: 7.0.0
+      semver: 7.8.5
+      which: 7.0.0
+
+  '@npmcli/installed-package-contents@5.0.0':
+    dependencies:
+      npm-bundled: 6.0.0
+      npm-normalize-package-bin: 6.0.0
+
+  '@npmcli/node-gyp@6.0.0': {}
+
+  '@npmcli/package-json@8.0.0':
+    dependencies:
+      '@npmcli/git': 8.0.0
+      glob: 13.0.6
+      hosted-git-info: 10.1.1
+      json-parse-even-better-errors: 6.0.0
+      proc-log: 7.0.0
+      semver: 7.8.5
+      spdx-expression-parse: 4.0.0
+
+  '@npmcli/promise-spawn@10.0.0':
+    dependencies:
+      which: 7.0.0
+
+  '@npmcli/redact@4.0.0': {}
+
+  '@npmcli/redact@5.0.0': {}
+
+  '@npmcli/run-script@11.0.0':
+    dependencies:
+      '@npmcli/node-gyp': 6.0.0
+      '@npmcli/package-json': 8.0.0
+      '@npmcli/promise-spawn': 10.0.0
+      node-gyp: 13.0.0
+      proc-log: 7.0.0
+
+  '@nx-tools/ci-context@7.3.0(@nx/devkit@22.6.5)(tslib@2.8.1)':
+    dependencies:
+      '@actions/github': 9.1.1
+      '@nx-tools/core': 7.3.0(@nx/devkit@22.6.5)(tslib@2.8.1)
+      '@octokit/openapi-types': 22.2.0
+      properties-file: 3.7.0
+      std-env: 3.10.0
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@nx/devkit'
+
+  '@nx-tools/container-metadata@7.3.0(@nx/devkit@22.6.5)(tslib@2.8.1)':
+    dependencies:
+      '@nx-tools/ci-context': 7.3.0(@nx/devkit@22.6.5)(tslib@2.8.1)
+      '@nx-tools/core': 7.3.0(@nx/devkit@22.6.5)(tslib@2.8.1)
+      '@nx/devkit': 22.6.5(nx@23.1.1)
+      '@renovatebot/pep440': 4.2.4
+      csv-parse: 5.6.0
+      handlebars: 4.7.9
+      moment-timezone: 0.6.2
+      semver: 7.8.5
+      tslib: 2.8.1
+
+  '@nx-tools/core@7.3.0(@nx/devkit@22.6.5)(tslib@2.8.1)':
+    dependencies:
+      '@actions/io': 1.1.3
+      '@nx/devkit': 22.6.5(nx@23.1.1)
+      csv-parse: 5.6.0
+      std-env: 3.10.0
+      tinyexec: 1.2.4
+      tinyrainbow: 3.1.0
+      tslib: 2.8.1
+
+  '@nx-tools/nx-container@7.3.0(@nx/devkit@22.6.5)(@nx/js@22.6.5)(dotenv@17.4.2)(nx@23.1.1)(tslib@2.8.1)':
+    dependencies:
+      '@nx-tools/container-metadata': 7.3.0(@nx/devkit@22.6.5)(tslib@2.8.1)
+      '@nx-tools/core': 7.3.0(@nx/devkit@22.6.5)(tslib@2.8.1)
+      '@nx/devkit': 22.6.5(nx@23.1.1)
+      '@nx/js': 22.6.5(@babel/traverse@7.29.8)(nx@23.1.1)(supports-color@7.2.0)
+      csv-parse: 5.6.0
+      dotenv: 17.4.2
+      handlebars: 4.7.9
+      nx: 23.1.1
+      semver: 7.8.5
+      tmp: 0.2.7
+      tslib: 2.8.1
+
+  '@nx/devkit@22.6.5(nx@23.1.1)':
+    dependencies:
+      '@zkochan/js-yaml': 0.0.7
+      ejs: 5.0.1
+      enquirer: 2.3.6
+      minimatch: 10.2.4
+      nx: 23.1.1
+      semver: 7.8.5
+      tslib: 2.8.1
+      yargs-parser: 21.1.1
+
+  '@nx/js@22.6.5(@babel/traverse@7.29.8)(nx@23.1.1)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/plugin-proposal-decorators': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-class-properties': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/plugin-transform-runtime': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/preset-env': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/preset-typescript': 7.29.7(@babel/core@7.29.7)(supports-color@7.2.0)
+      '@babel/runtime': 7.29.7
+      '@nx/devkit': 22.6.5(nx@23.1.1)
+      '@nx/workspace': 22.6.5
+      '@zkochan/js-yaml': 0.0.7
+      babel-plugin-const-enum: 1.2.0(@babel/core@7.29.7)(supports-color@7.2.0)
+      babel-plugin-macros: 3.1.0
+      babel-plugin-transform-typescript-metadata: 0.3.2(@babel/core@7.29.7)(@babel/traverse@7.29.8)
+      chalk: 4.1.2
+      columnify: 1.6.0
+      detect-port: 1.6.1(supports-color@7.2.0)
+      ignore: 5.3.2
+      js-tokens: 4.0.0
+      jsonc-parser: 3.2.0
+      npm-run-path: 4.0.1
+      picocolors: 1.1.1
+      picomatch: 4.0.4
+      semver: 7.8.5
+      source-map-support: 0.5.19
+      tinyglobby: 0.2.17
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - '@babel/traverse'
+      - '@swc-node/register'
+      - '@swc/core'
+      - nx
+      - supports-color
+
+  '@nx/nx-darwin-arm64@23.1.1':
+    optional: true
+
+  '@nx/nx-darwin-x64@23.1.1':
+    optional: true
+
+  '@nx/nx-freebsd-x64@23.1.1':
+    optional: true
+
+  '@nx/nx-linux-arm-gnueabihf@23.1.1':
+    optional: true
+
+  '@nx/nx-linux-arm64-gnu@23.1.1':
+    optional: true
+
+  '@nx/nx-linux-arm64-musl@23.1.1':
+    optional: true
+
+  '@nx/nx-linux-x64-gnu@23.1.1':
+    optional: true
+
+  '@nx/nx-linux-x64-musl@23.1.1':
+    optional: true
+
+  '@nx/nx-win32-arm64-msvc@23.1.1':
+    optional: true
+
+  '@nx/nx-win32-x64-msvc@23.1.1':
+    optional: true
+
+  '@nx/workspace@22.6.5':
+    dependencies:
+      '@nx/devkit': 22.6.5(nx@23.1.1)
+      '@zkochan/js-yaml': 0.0.7
+      chalk: 4.1.2
+      enquirer: 2.3.6
+      nx: 23.1.1
+      picomatch: 4.0.4
+      semver: 7.8.5
+      tslib: 2.8.1
+      yargs-parser: 21.1.1
+    transitivePeerDependencies:
+      - '@swc-node/register'
+      - '@swc/core'
+
+  '@octokit/auth-token@6.0.0': {}
+
+  '@octokit/core@7.0.6':
+    dependencies:
+      '@octokit/auth-token': 6.0.0
+      '@octokit/graphql': 9.0.3
+      '@octokit/request': 10.0.10
+      '@octokit/request-error': 7.1.0
+      '@octokit/types': 16.0.0
+      before-after-hook: 4.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/endpoint@11.0.3':
+    dependencies:
+      '@octokit/types': 16.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/graphql@9.0.3':
+    dependencies:
+      '@octokit/request': 10.0.10
+      '@octokit/types': 16.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/openapi-types@22.2.0': {}
+
+  '@octokit/openapi-types@27.0.0': {}
+
+  '@octokit/plugin-paginate-rest@14.0.0(@octokit/core@7.0.6)':
+    dependencies:
+      '@octokit/core': 7.0.6
+      '@octokit/types': 16.0.0
+
+  '@octokit/plugin-rest-endpoint-methods@17.0.0(@octokit/core@7.0.6)':
+    dependencies:
+      '@octokit/core': 7.0.6
+      '@octokit/types': 16.0.0
+
+  '@octokit/request-error@7.1.0':
+    dependencies:
+      '@octokit/types': 16.0.0
+
+  '@octokit/request@10.0.10':
+    dependencies:
+      '@octokit/endpoint': 11.0.3
+      '@octokit/request-error': 7.1.0
+      '@octokit/types': 16.0.0
+      content-type: 2.0.0
+      json-with-bigint: 3.5.8
+      universal-user-agent: 7.0.3
+
+  '@octokit/types@16.0.0':
+    dependencies:
+      '@octokit/openapi-types': 27.0.0
+
+  '@opentelemetry/api-logs@0.220.0':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+
+  '@opentelemetry/api@1.9.1': {}
+
+  '@opentelemetry/core@2.10.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/semantic-conventions': 1.43.0
+
+  '@opentelemetry/instrumentation@0.220.0(@opentelemetry/api@1.9.1)(supports-color@10.2.2)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/api-logs': 0.220.0
+      import-in-the-middle: 3.3.2
+      require-in-the-middle: 8.0.1(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/resources@2.10.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 2.10.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.43.0
+
+  '@opentelemetry/sdk-trace-base@2.10.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 2.10.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/resources': 2.10.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/sdk-trace': 2.10.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.43.0
+
+  '@opentelemetry/sdk-trace@2.10.0(@opentelemetry/api@1.9.1)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 2.10.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/resources': 2.10.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/semantic-conventions': 1.43.0
+
+  '@opentelemetry/semantic-conventions@1.43.0': {}
+
+  '@oxc-parser/binding-android-arm-eabi@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-android-arm-eabi@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-android-arm64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-android-arm64@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-darwin-arm64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-darwin-arm64@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-darwin-x64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-darwin-x64@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-freebsd-x64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-freebsd-x64@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm-musleabihf@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm-musleabihf@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm64-gnu@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm64-musl@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm64-musl@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-ppc64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-ppc64-gnu@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-riscv64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-riscv64-gnu@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-riscv64-musl@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-riscv64-musl@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-s390x-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-s390x-gnu@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-x64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-x64-gnu@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-x64-musl@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-x64-musl@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-openharmony-arm64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-openharmony-arm64@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-wasm32-wasi@0.127.0':
+    dependencies:
+      '@emnapi/core': 1.9.2
+      '@emnapi/runtime': 1.9.2
+      '@napi-rs/wasm-runtime': 1.1.6(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
+    optional: true
+
+  '@oxc-parser/binding-wasm32-wasi@0.140.0':
+    dependencies:
+      '@emnapi/core': 1.11.2
+      '@emnapi/runtime': 1.11.2
+      '@napi-rs/wasm-runtime': 1.1.6(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)
+    optional: true
+
+  '@oxc-parser/binding-win32-arm64-msvc@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-win32-arm64-msvc@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-win32-ia32-msvc@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-win32-ia32-msvc@0.140.0':
+    optional: true
+
+  '@oxc-parser/binding-win32-x64-msvc@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-win32-x64-msvc@0.140.0':
+    optional: true
+
+  '@oxc-project/types@0.127.0': {}
+
+  '@oxc-project/types@0.140.0': {}
+
+  '@oxc-project/types@0.142.0': {}
+
+  '@oxc-resolver/binding-android-arm-eabi@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-android-arm64@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-darwin-arm64@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-darwin-x64@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-freebsd-x64@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm-gnueabihf@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm-musleabihf@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm64-gnu@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm64-musl@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-ppc64-gnu@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-riscv64-gnu@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-riscv64-musl@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-s390x-gnu@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-x64-gnu@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-x64-musl@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-openharmony-arm64@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-wasm32-wasi@11.24.2':
+    dependencies:
+      '@emnapi/core': 1.11.2
+      '@emnapi/runtime': 1.11.2
+      '@napi-rs/wasm-runtime': 1.1.6(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.2)
+    optional: true
+
+  '@oxc-resolver/binding-win32-arm64-msvc@11.24.2':
+    optional: true
+
+  '@oxc-resolver/binding-win32-x64-msvc@11.24.2':
+    optional: true
+
+  '@oxfmt/binding-android-arm-eabi@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-android-arm64@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-darwin-arm64@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-darwin-x64@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-freebsd-x64@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm-gnueabihf@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm-musleabihf@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm64-gnu@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm64-musl@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-linux-ppc64-gnu@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-linux-riscv64-gnu@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-linux-riscv64-musl@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-linux-s390x-gnu@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-linux-x64-gnu@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-linux-x64-musl@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-openharmony-arm64@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-win32-arm64-msvc@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-win32-ia32-msvc@0.60.0':
+    optional: true
+
+  '@oxfmt/binding-win32-x64-msvc@0.60.0':
+    optional: true
+
+  '@oxlint-tsgolint/darwin-arm64@7.0.2001':
+    optional: true
+
+  '@oxlint-tsgolint/darwin-x64@7.0.2001':
+    optional: true
+
+  '@oxlint-tsgolint/linux-arm64@7.0.2001':
+    optional: true
+
+  '@oxlint-tsgolint/linux-x64@7.0.2001':
+    optional: true
+
+  '@oxlint-tsgolint/win32-arm64@7.0.2001':
+    optional: true
+
+  '@oxlint-tsgolint/win32-x64@7.0.2001':
+    optional: true
+
+  '@oxlint/binding-android-arm-eabi@1.75.0':
+    optional: true
+
+  '@oxlint/binding-android-arm64@1.75.0':
+    optional: true
+
+  '@oxlint/binding-darwin-arm64@1.75.0':
+    optional: true
+
+  '@oxlint/binding-darwin-x64@1.75.0':
+    optional: true
+
+  '@oxlint/binding-freebsd-x64@1.75.0':
+    optional: true
+
+  '@oxlint/binding-linux-arm-gnueabihf@1.75.0':
+    optional: true
+
+  '@oxlint/binding-linux-arm-musleabihf@1.75.0':
+    optional: true
+
+  '@oxlint/binding-linux-arm64-gnu@1.75.0':
+    optional: true
+
+  '@oxlint/binding-linux-arm64-musl@1.75.0':
+    optional: true
+
+  '@oxlint/binding-linux-ppc64-gnu@1.75.0':
+    optional: true
+
+  '@oxlint/binding-linux-riscv64-gnu@1.75.0':
+    optional: true
+
+  '@oxlint/binding-linux-riscv64-musl@1.75.0':
+    optional: true
+
+  '@oxlint/binding-linux-s390x-gnu@1.75.0':
+    optional: true
+
+  '@oxlint/binding-linux-x64-gnu@1.75.0':
+    optional: true
+
+  '@oxlint/binding-linux-x64-musl@1.75.0':
+    optional: true
+
+  '@oxlint/binding-openharmony-arm64@1.75.0':
+    optional: true
+
+  '@oxlint/binding-win32-arm64-msvc@1.75.0':
+    optional: true
+
+  '@oxlint/binding-win32-ia32-msvc@1.75.0':
+    optional: true
+
+  '@oxlint/binding-win32-x64-msvc@1.75.0':
+    optional: true
+
+  '@peculiar/asn1-cms@2.8.0':
+    dependencies:
+      '@peculiar/asn1-schema': 2.8.0
+      '@peculiar/asn1-x509': 2.8.0
+      '@peculiar/asn1-x509-attr': 2.8.0
+      asn1js: 3.0.10
+      tslib: 2.8.1
+
+  '@peculiar/asn1-csr@2.8.0':
+    dependencies:
+      '@peculiar/asn1-schema': 2.8.0
+      '@peculiar/asn1-x509': 2.8.0
+      asn1js: 3.0.10
+      tslib: 2.8.1
+
+  '@peculiar/asn1-ecc@2.8.0':
+    dependencies:
+      '@peculiar/asn1-schema': 2.8.0
+      '@peculiar/asn1-x509': 2.8.0
+      asn1js: 3.0.10
+      tslib: 2.8.1
+
+  '@peculiar/asn1-pfx@2.8.0':
+    dependencies:
+      '@peculiar/asn1-cms': 2.8.0
+      '@peculiar/asn1-pkcs8': 2.8.0
+      '@peculiar/asn1-rsa': 2.8.0
+      '@peculiar/asn1-schema': 2.8.0
+      asn1js: 3.0.10
+      tslib: 2.8.1
+
+  '@peculiar/asn1-pkcs8@2.8.0':
+    dependencies:
+      '@peculiar/asn1-schema': 2.8.0
+      '@peculiar/asn1-x509': 2.8.0
+      asn1js: 3.0.10
+      tslib: 2.8.1
+
+  '@peculiar/asn1-pkcs9@2.8.0':
+    dependencies:
+      '@peculiar/asn1-cms': 2.8.0
+      '@peculiar/asn1-pfx': 2.8.0
+      '@peculiar/asn1-pkcs8': 2.8.0
+      '@peculiar/asn1-schema': 2.8.0
+      '@peculiar/asn1-x509': 2.8.0
+      '@peculiar/asn1-x509-attr': 2.8.0
+      asn1js: 3.0.10
+      tslib: 2.8.1
+
+  '@peculiar/asn1-rsa@2.8.0':
+    dependencies:
+      '@peculiar/asn1-schema': 2.8.0
+      '@peculiar/asn1-x509': 2.8.0
+      asn1js: 3.0.10
+      tslib: 2.8.1
+
+  '@peculiar/asn1-schema@2.8.0':
+    dependencies:
+      '@peculiar/utils': 2.0.3
+      asn1js: 3.0.10
+      tslib: 2.8.1
+
+  '@peculiar/asn1-x509-attr@2.8.0':
+    dependencies:
+      '@peculiar/asn1-schema': 2.8.0
+      '@peculiar/asn1-x509': 2.8.0
+      asn1js: 3.0.10
+      tslib: 2.8.1
+
+  '@peculiar/asn1-x509@2.8.0':
+    dependencies:
+      '@peculiar/asn1-schema': 2.8.0
+      '@peculiar/utils': 2.0.3
+      asn1js: 3.0.10
+      tslib: 2.8.1
+
+  '@peculiar/json-schema@1.1.12':
+    dependencies:
+      tslib: 2.8.1
+
+  '@peculiar/utils@2.0.3':
+    dependencies:
+      tslib: 2.8.1
+
+  '@peculiar/webcrypto@1.7.1':
+    dependencies:
+      '@peculiar/asn1-schema': 2.8.0
+      '@peculiar/json-schema': 1.1.12
+      '@peculiar/utils': 2.0.3
+      tslib: 2.8.1
+      webcrypto-core: 1.9.2
+
+  '@peculiar/x509@1.14.3':
+    dependencies:
+      '@peculiar/asn1-cms': 2.8.0
+      '@peculiar/asn1-csr': 2.8.0
+      '@peculiar/asn1-ecc': 2.8.0
+      '@peculiar/asn1-pkcs9': 2.8.0
+      '@peculiar/asn1-rsa': 2.8.0
+      '@peculiar/asn1-schema': 2.8.0
+      '@peculiar/asn1-x509': 2.8.0
+      pvtsutils: 1.3.6
+      reflect-metadata: 0.2.2
+      tslib: 2.8.1
+      tsyringe: 4.10.0
+
+  '@pkgjs/parseargs@0.11.0':
+    optional: true
+
+  '@pkgr/core@0.2.9': {}
+
+  '@playwright/test@1.61.1':
+    dependencies:
+      playwright: 1.61.1
+
+  '@polka/url@1.0.0-next.29': {}
+
+  '@posthog/browser-common@0.2.3':
+    dependencies:
+      '@posthog/core': 1.45.1
+      '@posthog/types': 1.398.0
+
+  '@posthog/core@1.45.1':
+    dependencies:
+      '@posthog/types': 1.398.0
+
+  '@posthog/types@1.398.0': {}
+
+  '@preact/signals-core@1.14.2': {}
+
+  '@principalstudio/html-webpack-inject-preload@1.2.7(html-webpack-plugin@5.6.8)(webpack@5.109.2)':
+    dependencies:
+      html-webpack-plugin: 5.6.8(webpack@5.109.2)
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+
+  '@protobufjs/aspromise@1.1.2': {}
+
+  '@protobufjs/base64@1.1.2': {}
+
+  '@protobufjs/codegen@2.0.5': {}
+
+  '@protobufjs/eventemitter@1.1.1': {}
+
+  '@protobufjs/fetch@1.1.1':
+    dependencies:
+      '@protobufjs/aspromise': 1.1.2
+
+  '@protobufjs/float@1.0.2': {}
+
+  '@protobufjs/path@1.1.2': {}
+
+  '@protobufjs/pool@1.1.0': {}
+
+  '@protobufjs/utf8@1.1.1': {}
+
+  '@radix-ui/primitive@1.1.3': {}
+
+  '@radix-ui/primitive@1.1.7': {}
+
+  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-compose-refs@1.1.5(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-context-menu@2.2.16(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-context@1.1.2(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-context@1.1.3(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-context@1.2.2(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-dialog@1.1.23(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.7
+      '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-context': 1.2.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-dismissable-layer': 1.1.19(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-focus-guards': 1.1.6(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-focus-scope': 1.1.16(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-id': 1.1.4(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-portal': 1.1.17(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-presence': 1.1.10(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-primitive': 2.1.10(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-slot': 1.3.3(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-use-controllable-state': 1.2.6(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.2.18)(react@19.2.8)
+      aria-hidden: 1.2.6
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      react-remove-scroll: 2.7.2(@types/react@19.2.18)(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-direction@1.1.1(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-dismissable-layer@1.1.19(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.7
+      '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-primitive': 2.1.10(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-use-callback-ref': 1.1.4(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-use-effect-event': 0.0.5(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-focus-guards@1.1.6(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-focus-scope@1.1.16(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-primitive': 2.1.10(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-use-callback-ref': 1.1.4(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-form@0.1.8(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-label': 2.1.7(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-id@1.1.1(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-id@1.1.4(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-label@2.1.7(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-menu@2.1.16(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      aria-hidden: 1.2.6
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      react-remove-scroll: 2.7.2(@types/react@19.2.18)(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-popper@1.2.8(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.9(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/rect': 1.1.1
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-portal@1.1.17(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.10(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-presence@1.1.10(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-presence@1.1.5(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-primitive@2.1.10(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-slot': 1.3.3(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-primitive@2.1.4(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-slot': 1.2.4(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-progress@1.1.8(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-context': 1.1.3(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-separator@1.1.8(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@radix-ui/react-slot@1.2.3(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-slot@1.2.4(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-slot@1.3.3(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.5(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-use-callback-ref@1.1.4(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-use-controllable-state@1.2.6(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.7
+      '@radix-ui/react-use-effect-event': 0.0.5(@types/react@19.2.18)(react@19.2.8)
+      '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-use-effect-event@0.0.5(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.4(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-use-layout-effect@1.1.4(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-use-rect@1.1.1(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/rect': 1.1.1
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/react-use-size@1.1.1(@types/react@19.2.18)(react@19.2.8)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.18)(react@19.2.8)
+      react: 19.2.8
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  '@radix-ui/rect@1.1.1': {}
+
+  '@renovatebot/pep440@4.2.4': {}
+
+  '@repobuddy/test@1.0.1': {}
+
+  '@rolldown/binding-android-arm64@1.2.2':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.2.2':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.2.2':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.2.2':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.2':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.2.2':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.2.2':
+    optional: true
+
+  '@rolldown/binding-linux-ppc64-gnu@1.2.2':
+    optional: true
+
+  '@rolldown/binding-linux-s390x-gnu@1.2.2':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.2.2':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.2.2':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.2.2':
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.2.2':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.2.2':
+    optional: true
+
+  '@rolldown/pluginutils@1.0.1': {}
+
+  '@rollup/plugin-inject@5.0.5(rollup@4.60.1)':
+    dependencies:
+      '@rollup/pluginutils': 5.4.0(rollup@4.60.1)
+      estree-walker: 2.0.2
+      magic-string: 0.30.21
+    optionalDependencies:
+      rollup: 4.60.1
+
+  '@rollup/pluginutils@5.4.0(rollup@4.60.1)':
+    dependencies:
+      '@types/estree': 1.0.9
+      estree-walker: 2.0.2
+      picomatch: 4.0.5
+    optionalDependencies:
+      rollup: 4.60.1
+
+  '@rollup/rollup-android-arm-eabi@4.60.1':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.1':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.1':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.60.1':
+    optional: true
+
+  '@rushstack/node-core-library@5.23.3(@types/node@25.9.3)':
+    dependencies:
+      ajv: 8.20.0
+      ajv-draft-04: 1.0.0(ajv@8.20.0)
+      ajv-formats: 3.0.1(ajv@8.20.0)
+      fs-extra: 11.3.6
+      import-lazy: 4.0.0
+      jju: 1.4.0
+      resolve: 1.22.12
+      semver: 7.7.4
+    optionalDependencies:
+      '@types/node': 25.9.3
+
+  '@rushstack/problem-matcher@0.2.1(@types/node@25.9.3)':
+    optionalDependencies:
+      '@types/node': 25.9.3
+
+  '@rushstack/rig-package@0.7.3':
+    dependencies:
+      jju: 1.4.0
+      resolve: 1.22.12
+
+  '@rushstack/terminal@0.24.2(@types/node@25.9.3)':
+    dependencies:
+      '@rushstack/node-core-library': 5.23.3(@types/node@25.9.3)
+      '@rushstack/problem-matcher': 0.2.1(@types/node@25.9.3)
+      supports-color: 8.1.1
+    optionalDependencies:
+      '@types/node': 25.9.3
+
+  '@rushstack/ts-command-line@5.3.12(@types/node@25.9.3)':
+    dependencies:
+      '@rushstack/terminal': 0.24.2(@types/node@25.9.3)
+      '@types/argparse': 1.0.38
+      argparse: 1.0.10
+      string-argv: 0.3.2
+    transitivePeerDependencies:
+      - '@types/node'
+
+  '@sentry/browser-utils@10.67.0':
+    dependencies:
+      '@sentry/conventions': 0.16.0
+      '@sentry/core': 10.67.0
+
+  '@sentry/browser-utils@10.68.0':
+    dependencies:
+      '@sentry/conventions': 0.16.0
+      '@sentry/core': 10.68.0
+
+  '@sentry/browser@10.67.0':
+    dependencies:
+      '@sentry/browser-utils': 10.67.0
+      '@sentry/conventions': 0.16.0
+      '@sentry/core': 10.67.0
+      '@sentry/feedback': 10.67.0
+      '@sentry/replay': 10.67.0
+      '@sentry/replay-canvas': 10.67.0
+
+  '@sentry/browser@10.68.0':
+    dependencies:
+      '@sentry/browser-utils': 10.68.0
+      '@sentry/conventions': 0.16.0
+      '@sentry/core': 10.68.0
+      '@sentry/feedback': 10.68.0
+      '@sentry/replay': 10.68.0
+      '@sentry/replay-canvas': 10.68.0
+
+  '@sentry/bundler-plugins@10.65.0(rollup@4.60.1)(supports-color@10.2.2)(webpack@5.109.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@sentry/cli': 2.58.6(supports-color@10.2.2)
+      '@sentry/core': 10.65.0
+      dotenv: 17.4.2
+      find-up: 5.0.0
+      glob: 13.0.6
+      magic-string: 0.30.21
+    optionalDependencies:
+      rollup: 4.60.1
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+
+  '@sentry/cli-darwin@2.58.6':
+    optional: true
+
+  '@sentry/cli-linux-arm64@2.58.6':
+    optional: true
+
+  '@sentry/cli-linux-arm@2.58.6':
+    optional: true
+
+  '@sentry/cli-linux-i686@2.58.6':
+    optional: true
+
+  '@sentry/cli-linux-x64@2.58.6':
+    optional: true
+
+  '@sentry/cli-win32-arm64@2.58.6':
+    optional: true
+
+  '@sentry/cli-win32-i686@2.58.6':
+    optional: true
+
+  '@sentry/cli-win32-x64@2.58.6':
+    optional: true
+
+  '@sentry/cli@2.58.6(supports-color@10.2.2)':
+    dependencies:
+      https-proxy-agent: 5.0.1(supports-color@10.2.2)
+      node-fetch: 2.7.0
+      progress: 2.0.3
+      proxy-from-env: 1.1.0
+      which: 2.0.2
+    optionalDependencies:
+      '@sentry/cli-darwin': 2.58.6
+      '@sentry/cli-linux-arm': 2.58.6
+      '@sentry/cli-linux-arm64': 2.58.6
+      '@sentry/cli-linux-i686': 2.58.6
+      '@sentry/cli-linux-x64': 2.58.6
+      '@sentry/cli-win32-arm64': 2.58.6
+      '@sentry/cli-win32-i686': 2.58.6
+      '@sentry/cli-win32-x64': 2.58.6
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+
+  '@sentry/conventions@0.15.1': {}
+
+  '@sentry/conventions@0.16.0': {}
+
+  '@sentry/core@10.65.0':
+    dependencies:
+      '@sentry/conventions': 0.15.1
+
+  '@sentry/core@10.67.0':
+    dependencies:
+      '@sentry/conventions': 0.16.0
+
+  '@sentry/core@10.68.0':
+    dependencies:
+      '@sentry/conventions': 0.16.0
+
+  '@sentry/electron@7.16.0(@opentelemetry/core@2.10.0)(supports-color@10.2.2)':
+    dependencies:
+      '@sentry/browser': 10.67.0
+      '@sentry/core': 10.67.0
+      '@sentry/node': 10.67.0(@opentelemetry/core@2.10.0)(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - '@opentelemetry/core'
+      - '@opentelemetry/exporter-trace-otlp-http'
+      - supports-color
+
+  '@sentry/feedback@10.67.0':
+    dependencies:
+      '@sentry/core': 10.67.0
+
+  '@sentry/feedback@10.68.0':
+    dependencies:
+      '@sentry/core': 10.68.0
+
+  '@sentry/node-core@10.67.0(@opentelemetry/api@1.9.1)(@opentelemetry/core@2.10.0)(@opentelemetry/instrumentation@0.220.0)(@opentelemetry/sdk-trace-base@2.10.0)':
+    dependencies:
+      '@sentry/conventions': 0.16.0
+      '@sentry/core': 10.67.0
+      '@sentry/opentelemetry': 10.67.0(@opentelemetry/api@1.9.1)(@opentelemetry/core@2.10.0)(@opentelemetry/sdk-trace-base@2.10.0)
+      import-in-the-middle: 3.3.2
+    optionalDependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 2.10.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/instrumentation': 0.220.0(@opentelemetry/api@1.9.1)(supports-color@10.2.2)
+      '@opentelemetry/sdk-trace-base': 2.10.0(@opentelemetry/api@1.9.1)
+
+  '@sentry/node@10.67.0(@opentelemetry/core@2.10.0)(supports-color@10.2.2)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/instrumentation': 0.220.0(@opentelemetry/api@1.9.1)(supports-color@10.2.2)
+      '@opentelemetry/sdk-trace-base': 2.10.0(@opentelemetry/api@1.9.1)
+      '@sentry/conventions': 0.16.0
+      '@sentry/core': 10.67.0
+      '@sentry/node-core': 10.67.0(@opentelemetry/api@1.9.1)(@opentelemetry/core@2.10.0)(@opentelemetry/instrumentation@0.220.0)(@opentelemetry/sdk-trace-base@2.10.0)
+      '@sentry/opentelemetry': 10.67.0(@opentelemetry/api@1.9.1)(@opentelemetry/core@2.10.0)(@opentelemetry/sdk-trace-base@2.10.0)
+      '@sentry/server-utils': 10.67.0(supports-color@10.2.2)
+      import-in-the-middle: 3.3.2
+    transitivePeerDependencies:
+      - '@opentelemetry/core'
+      - '@opentelemetry/exporter-trace-otlp-http'
+      - supports-color
+
+  '@sentry/opentelemetry@10.67.0(@opentelemetry/api@1.9.1)(@opentelemetry/core@2.10.0)(@opentelemetry/sdk-trace-base@2.10.0)':
+    dependencies:
+      '@opentelemetry/api': 1.9.1
+      '@opentelemetry/core': 2.10.0(@opentelemetry/api@1.9.1)
+      '@opentelemetry/sdk-trace-base': 2.10.0(@opentelemetry/api@1.9.1)
+      '@sentry/conventions': 0.16.0
+      '@sentry/core': 10.67.0
+
+  '@sentry/replay-canvas@10.67.0':
+    dependencies:
+      '@sentry/core': 10.67.0
+      '@sentry/replay': 10.67.0
+
+  '@sentry/replay-canvas@10.68.0':
+    dependencies:
+      '@sentry/core': 10.68.0
+      '@sentry/replay': 10.68.0
+
+  '@sentry/replay@10.67.0':
+    dependencies:
+      '@sentry/browser-utils': 10.67.0
+      '@sentry/core': 10.67.0
+
+  '@sentry/replay@10.68.0':
+    dependencies:
+      '@sentry/browser-utils': 10.68.0
+      '@sentry/core': 10.68.0
+
+  '@sentry/server-utils@10.67.0(supports-color@10.2.2)':
+    dependencies:
+      '@apm-js-collab/code-transformer-bundler-plugins': 0.7.3
+      '@apm-js-collab/tracing-hooks': 0.13.0(supports-color@10.2.2)
+      '@sentry/conventions': 0.16.0
+      '@sentry/core': 10.67.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@sentry/webpack-plugin@5.4.0(rollup@4.60.1)(supports-color@10.2.2)(webpack@5.109.2)':
+    dependencies:
+      '@sentry/bundler-plugins': 10.65.0(rollup@4.60.1)(supports-color@10.2.2)(webpack@5.109.2)
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+    transitivePeerDependencies:
+      - encoding
+      - rollup
+      - supports-color
+
+  '@shikijs/core@2.5.0':
+    dependencies:
+      '@shikijs/engine-javascript': 2.5.0
+      '@shikijs/engine-oniguruma': 2.5.0
+      '@shikijs/types': 2.5.0
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.5
+
+  '@shikijs/engine-javascript@2.5.0':
+    dependencies:
+      '@shikijs/types': 2.5.0
+      '@shikijs/vscode-textmate': 10.0.2
+      oniguruma-to-es: 3.1.1
+
+  '@shikijs/engine-oniguruma@2.5.0':
+    dependencies:
+      '@shikijs/types': 2.5.0
+      '@shikijs/vscode-textmate': 10.0.2
+
+  '@shikijs/engine-oniguruma@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+
+  '@shikijs/langs@2.5.0':
+    dependencies:
+      '@shikijs/types': 2.5.0
+
+  '@shikijs/langs@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+
+  '@shikijs/themes@2.5.0':
+    dependencies:
+      '@shikijs/types': 2.5.0
+
+  '@shikijs/themes@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+
+  '@shikijs/transformers@2.5.0':
+    dependencies:
+      '@shikijs/core': 2.5.0
+      '@shikijs/types': 2.5.0
+
+  '@shikijs/types@2.5.0':
+    dependencies:
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/types@3.23.0':
+    dependencies:
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/vscode-textmate@10.0.2': {}
+
+  '@sigstore/bundle@5.0.0':
+    dependencies:
+      '@sigstore/protobuf-specs': 0.5.0
+
+  '@sigstore/core@4.0.0': {}
+
+  '@sigstore/protobuf-specs@0.5.0': {}
+
+  '@sigstore/sign@5.0.0(supports-color@10.2.2)':
+    dependencies:
+      '@gar/promise-retry': 1.0.3
+      '@sigstore/bundle': 5.0.0
+      '@sigstore/core': 4.0.0
+      '@sigstore/protobuf-specs': 0.5.0
+      make-fetch-happen: 16.0.1(supports-color@10.2.2)
+      proc-log: 7.0.0
+    transitivePeerDependencies:
+      - kerberos
+      - supports-color
+
+  '@sigstore/tuf@5.0.0(supports-color@10.2.2)':
+    dependencies:
+      '@sigstore/protobuf-specs': 0.5.0
+      tuf-js: 6.0.0(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@sigstore/verify@4.0.0':
+    dependencies:
+      '@sigstore/bundle': 5.0.0
+      '@sigstore/core': 4.0.0
+      '@sigstore/protobuf-specs': 0.5.0
+
+  '@sinclair/typebox@0.34.49': {}
+
+  '@sindresorhus/is@4.6.0': {}
+
+  '@sindresorhus/merge-streams@4.0.0': {}
+
+  '@sinonjs/commons@3.0.1':
+    dependencies:
+      type-detect: 4.0.8
+
+  '@sinonjs/fake-timers@15.4.0':
+    dependencies:
+      '@sinonjs/commons': 3.0.1
+
+  '@standard-schema/spec@1.1.0': {}
+
+  '@storybook/addon-a11y@10.5.5(storybook@10.5.5)':
+    dependencies:
+      '@storybook/global': 5.0.0
+      axe-core: 4.12.1
+      storybook: 10.5.5(@types/react@19.2.18)(prettier@2.8.8)(react@19.2.8)
+
+  '@storybook/addon-designs@11.1.4(@storybook/addon-docs@10.5.5)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)(storybook@10.5.5)':
+    dependencies:
+      '@figspec/react': 2.0.1(@types/react@19.2.18)(react@19.2.8)
+      storybook: 10.5.5(@types/react@19.2.18)(prettier@2.8.8)(react@19.2.8)
+    optionalDependencies:
+      '@storybook/addon-docs': 10.5.5(@types/react-dom@19.2.3)(@types/react@19.2.18)(esbuild@0.27.4)(rollup@4.60.1)(storybook@10.5.5)(vite@8.2.0)(webpack@5.109.2)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    transitivePeerDependencies:
+      - '@types/react'
+
+  '@storybook/addon-docs@10.5.5(@types/react-dom@19.2.3)(@types/react@19.2.18)(esbuild@0.27.4)(rollup@4.60.1)(storybook@10.5.5)(vite@8.2.0)(webpack@5.109.2)':
+    dependencies:
+      '@mdx-js/react': 3.1.1(@types/react@19.2.18)(react@19.2.8)
+      '@storybook/csf-plugin': 10.5.5(esbuild@0.27.4)(rollup@4.60.1)(storybook@10.5.5)(vite@8.2.0)(webpack@5.109.2)
+      '@storybook/icons': 2.1.0(react@19.2.8)
+      '@storybook/react-dom-shim': 10.5.5(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)(storybook@10.5.5)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      storybook: 10.5.5(@types/react@19.2.18)(prettier@2.8.8)(react@19.2.8)
+      ts-dedent: 2.3.0
+    optionalDependencies:
+      '@types/react': 19.2.18
+    transitivePeerDependencies:
+      - '@types/react-dom'
+      - esbuild
+      - rollup
+      - vite
+      - webpack
+
+  '@storybook/addon-vitest@10.5.5(@vitest/browser-playwright@4.1.10)(@vitest/browser@4.1.10)(@vitest/runner@4.1.10)(react@19.2.8)(storybook@10.5.5)(vitest@4.1.10)':
+    dependencies:
+      '@storybook/global': 5.0.0
+      '@storybook/icons': 2.1.0(react@19.2.8)
+      storybook: 10.5.5(@types/react@19.2.18)(prettier@2.8.8)(react@19.2.8)
+    optionalDependencies:
+      '@vitest/browser': 4.1.10(vite@8.2.0)(vitest@4.1.10)
+      '@vitest/browser-playwright': 4.1.10(playwright@1.61.1)(vite@8.2.0)(vitest@4.1.10)
+      '@vitest/runner': 4.1.10
+      vitest: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+    transitivePeerDependencies:
+      - react
+
+  '@storybook/builder-vite@10.5.5(esbuild@0.27.4)(rollup@4.60.1)(storybook@10.5.5)(vite@8.2.0)(webpack@5.109.2)':
+    dependencies:
+      '@storybook/csf-plugin': 10.5.5(esbuild@0.27.4)(rollup@4.60.1)(storybook@10.5.5)(vite@8.2.0)(webpack@5.109.2)
+      storybook: 10.5.5(@types/react@19.2.18)(prettier@2.8.8)(react@19.2.8)
+      ts-dedent: 2.3.0
+      vite: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+    transitivePeerDependencies:
+      - esbuild
+      - rollup
+      - webpack
+
+  '@storybook/csf-plugin@10.5.5(esbuild@0.27.4)(rollup@4.60.1)(storybook@10.5.5)(vite@8.2.0)(webpack@5.109.2)':
+    dependencies:
+      storybook: 10.5.5(@types/react@19.2.18)(prettier@2.8.8)(react@19.2.8)
+      unplugin: 2.3.11
+    optionalDependencies:
+      esbuild: 0.27.4
+      rollup: 4.60.1
+      vite: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+
+  '@storybook/global@5.0.0': {}
+
+  '@storybook/icons@2.1.0(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+
+  '@storybook/react-dom-shim@10.5.5(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)(storybook@10.5.5)':
+    dependencies:
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      storybook: 10.5.5(@types/react@19.2.18)(prettier@2.8.8)(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@storybook/react-vite@10.5.5(@types/react-dom@19.2.3)(@types/react@19.2.18)(@typescript/typescript6@6.0.2)(esbuild@0.27.4)(react-dom@19.2.8)(react@19.2.8)(rollup@4.60.1)(storybook@10.5.5)(supports-color@10.2.2)(vite@8.2.0)(webpack@5.109.2)':
+    dependencies:
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.7.0(@typescript/typescript6@6.0.2)(vite@8.2.0)
+      '@rollup/pluginutils': 5.4.0(rollup@4.60.1)
+      '@storybook/builder-vite': 10.5.5(esbuild@0.27.4)(rollup@4.60.1)(storybook@10.5.5)(vite@8.2.0)(webpack@5.109.2)
+      '@storybook/react': 10.5.5(@types/react-dom@19.2.3)(@types/react@19.2.18)(@typescript/typescript6@6.0.2)(react-dom@19.2.8)(react@19.2.8)(storybook@10.5.5)(supports-color@10.2.2)
+      empathic: 2.0.1
+      magic-string: 0.30.21
+      react: 19.2.8
+      react-docgen: 8.0.3(supports-color@10.2.2)
+      react-dom: 19.2.8(react@19.2.8)
+      resolve: 1.22.12
+      storybook: 10.5.5(@types/react@19.2.18)(prettier@2.8.8)(react@19.2.8)
+      tsconfig-paths: 4.2.0
+      vite: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+    optionalDependencies:
+      typescript: '@typescript/typescript6@6.0.2'
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+      - esbuild
+      - rollup
+      - supports-color
+      - webpack
+
+  '@storybook/react@10.5.5(@types/react-dom@19.2.3)(@types/react@19.2.18)(@typescript/typescript6@6.0.2)(react-dom@19.2.8)(react@19.2.8)(storybook@10.5.5)(supports-color@10.2.2)':
+    dependencies:
+      '@storybook/global': 5.0.0
+      '@storybook/react-dom-shim': 10.5.5(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)(storybook@10.5.5)
+      react: 19.2.8
+      react-docgen: 8.0.3(supports-color@10.2.2)
+      react-docgen-typescript: 2.4.0(@typescript/typescript6@6.0.2)
+      react-dom: 19.2.8(react@19.2.8)
+      storybook: 10.5.5(@types/react@19.2.18)(prettier@2.8.8)(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+      typescript: '@typescript/typescript6@6.0.2'
+    transitivePeerDependencies:
+      - supports-color
+
+  '@svgr/babel-plugin-add-jsx-attribute@8.0.0(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+
+  '@svgr/babel-plugin-remove-jsx-attribute@8.0.0(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+
+  '@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+
+  '@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+
+  '@svgr/babel-plugin-svg-dynamic-title@8.0.0(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+
+  '@svgr/babel-plugin-svg-em-dimensions@8.0.0(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+
+  '@svgr/babel-plugin-transform-react-native-svg@8.1.0(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+
+  '@svgr/babel-plugin-transform-svg-component@8.0.0(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+
+  '@svgr/babel-preset@8.1.0(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@svgr/babel-plugin-add-jsx-attribute': 8.0.0(@babel/core@7.29.7)
+      '@svgr/babel-plugin-remove-jsx-attribute': 8.0.0(@babel/core@7.29.7)
+      '@svgr/babel-plugin-remove-jsx-empty-expression': 8.0.0(@babel/core@7.29.7)
+      '@svgr/babel-plugin-replace-jsx-attribute-value': 8.0.0(@babel/core@7.29.7)
+      '@svgr/babel-plugin-svg-dynamic-title': 8.0.0(@babel/core@7.29.7)
+      '@svgr/babel-plugin-svg-em-dimensions': 8.0.0(@babel/core@7.29.7)
+      '@svgr/babel-plugin-transform-react-native-svg': 8.1.0(@babel/core@7.29.7)
+      '@svgr/babel-plugin-transform-svg-component': 8.0.0(@babel/core@7.29.7)
+
+  '@svgr/core@8.1.0(@typescript/typescript6@6.0.2)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@svgr/babel-preset': 8.1.0(@babel/core@7.29.7)
+      camelcase: 6.3.0
+      cosmiconfig: 8.3.6(@typescript/typescript6@6.0.2)
+      snake-case: 3.0.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@svgr/core@8.1.0(supports-color@10.2.2)(typescript@7.0.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@svgr/babel-preset': 8.1.0(@babel/core@7.29.7)
+      camelcase: 6.3.0
+      cosmiconfig: 8.3.6(typescript@7.0.2)
+      snake-case: 3.0.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@svgr/core@8.1.0(supports-color@7.2.0)(typescript@7.0.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@svgr/babel-preset': 8.1.0(@babel/core@7.29.7)
+      camelcase: 6.3.0
+      cosmiconfig: 8.3.6(typescript@7.0.2)
+      snake-case: 3.0.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@svgr/hast-util-to-babel-ast@8.0.0':
+    dependencies:
+      '@babel/types': 7.29.8
+      entities: 4.5.0
+
+  '@svgr/plugin-jsx@8.1.0(@svgr/core@8.1.0)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@svgr/babel-preset': 8.1.0(@babel/core@7.29.7)
+      '@svgr/core': 8.1.0(@typescript/typescript6@6.0.2)(supports-color@10.2.2)
+      '@svgr/hast-util-to-babel-ast': 8.0.0
+      svg-parser: 2.0.4
+    transitivePeerDependencies:
+      - supports-color
+
+  '@svgr/plugin-jsx@8.1.0(@svgr/core@8.1.0)(supports-color@7.2.0)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@svgr/babel-preset': 8.1.0(@babel/core@7.29.7)
+      '@svgr/core': 8.1.0(supports-color@7.2.0)(typescript@7.0.2)
+      '@svgr/hast-util-to-babel-ast': 8.0.0
+      svg-parser: 2.0.4
+    transitivePeerDependencies:
+      - supports-color
+
+  '@svgr/plugin-svgo@8.1.0(@svgr/core@8.1.0)(@typescript/typescript6@6.0.2)':
+    dependencies:
+      '@svgr/core': 8.1.0(@typescript/typescript6@6.0.2)(supports-color@10.2.2)
+      cosmiconfig: 8.3.6(@typescript/typescript6@6.0.2)
+      deepmerge: 4.3.1
+      svgo: 3.3.4
+    transitivePeerDependencies:
+      - typescript
+
+  '@svgr/webpack@8.1.0(@typescript/typescript6@6.0.2)(supports-color@10.2.2)':
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/plugin-transform-react-constant-elements': 7.27.1(@babel/core@7.29.7)
+      '@babel/preset-env': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/preset-react': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@babel/preset-typescript': 7.29.7(@babel/core@7.29.7)(supports-color@10.2.2)
+      '@svgr/core': 8.1.0(@typescript/typescript6@6.0.2)(supports-color@10.2.2)
+      '@svgr/plugin-jsx': 8.1.0(@svgr/core@8.1.0)(supports-color@10.2.2)
+      '@svgr/plugin-svgo': 8.1.0(@svgr/core@8.1.0)(@typescript/typescript6@6.0.2)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@szmarczak/http-timer@4.0.6':
+    dependencies:
+      defer-to-connect: 2.0.1
+
+  '@testcontainers/postgresql@12.0.4(supports-color@10.2.2)':
+    dependencies:
+      testcontainers: 12.0.4(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - bare-abort-controller
+      - bare-buffer
+      - react-native-b4a
+      - supports-color
+
+  '@testing-library/dom@10.4.1':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/runtime': 7.29.7
+      '@types/aria-query': 5.0.4
+      aria-query: 5.3.0
+      dom-accessibility-api: 0.5.16
+      lz-string: 1.5.0
+      picocolors: 1.1.1
+      pretty-format: 27.5.1
+
+  '@testing-library/jest-dom@6.9.1':
+    dependencies:
+      '@adobe/css-tools': 4.4.4
+      aria-query: 5.3.2
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
+      picocolors: 1.1.1
+      redent: 3.0.0
+
+  '@testing-library/jest-dom@7.0.0(@testing-library/dom@10.4.1)':
+    dependencies:
+      '@adobe/css-tools': 4.4.4
+      '@testing-library/dom': 10.4.1
+      aria-query: 5.3.2
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
+      picocolors: 1.1.1
+      redent: 3.0.0
+
+  '@testing-library/react@16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@babel/runtime': 7.29.7
+      '@testing-library/dom': 10.4.1
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+      '@types/react-dom': 19.2.3(@types/react@19.2.18)
+
+  '@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1)':
+    dependencies:
+      '@testing-library/dom': 10.4.1
+
+  '@tufjs/canonical-json@2.0.0': {}
+
+  '@tufjs/models@5.0.0':
+    dependencies:
+      '@tufjs/canonical-json': 2.0.0
+      minimatch: 10.2.6
+
+  '@tybys/wasm-util@0.10.3':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@tybys/wasm-util@0.9.0':
+    dependencies:
+      tslib: 2.8.1
+
+  '@types/argparse@1.0.38': {}
+
+  '@types/aria-query@5.0.4': {}
+
+  '@types/auto-launch@5.0.5(patch_hash=b60dc9846a11a1684ce52c55493f29ea398d3dc44b88f66ab44e9843d6c01538)': {}
+
+  '@types/babel__core@7.20.5':
+    dependencies:
+      '@babel/parser': 7.29.8
+      '@babel/types': 7.29.8
+      '@types/babel__generator': 7.27.0
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.28.0
+
+  '@types/babel__generator@7.27.0':
+    dependencies:
+      '@babel/types': 7.29.8
+
+  '@types/babel__template@7.4.4':
+    dependencies:
+      '@babel/parser': 7.29.8
+      '@babel/types': 7.29.8
+
+  '@types/babel__traverse@7.28.0':
+    dependencies:
+      '@babel/types': 7.29.8
+
+  '@types/body-parser@1.19.6':
+    dependencies:
+      '@types/connect': 3.4.38
+      '@types/node': 25.9.3
+
+  '@types/bonjour@3.5.13':
+    dependencies:
+      '@types/node': 25.9.3
+
+  '@types/cacheable-request@6.0.3':
+    dependencies:
+      '@types/http-cache-semantics': 4.2.0
+      '@types/keyv': 3.1.4
+      '@types/node': 25.9.3
+      '@types/responselike': 1.0.3
+
+  '@types/chai@5.2.3':
+    dependencies:
+      '@types/deep-eql': 4.0.2
+      assertion-error: 2.0.1
+
+  '@types/commonmark@0.27.10': {}
+
+  '@types/connect-history-api-fallback@1.5.4':
+    dependencies:
+      '@types/express-serve-static-core': 5.1.1
+      '@types/node': 25.9.3
+
+  '@types/connect@3.4.38':
+    dependencies:
+      '@types/node': 25.9.3
+
+  '@types/counterpart@0.18.4': {}
+
+  '@types/css-tree@2.3.11': {}
+
+  '@types/d3-array@3.2.2': {}
+
+  '@types/d3-axis@3.0.6':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-brush@3.0.6':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-chord@3.0.6': {}
+
+  '@types/d3-color@3.1.3': {}
+
+  '@types/d3-contour@3.0.6':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/geojson': 7946.0.16
+
+  '@types/d3-delaunay@6.0.4': {}
+
+  '@types/d3-dispatch@3.0.7': {}
+
+  '@types/d3-drag@3.0.7':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-dsv@3.0.7': {}
+
+  '@types/d3-ease@3.0.2': {}
+
+  '@types/d3-fetch@3.0.7':
+    dependencies:
+      '@types/d3-dsv': 3.0.7
+
+  '@types/d3-force@3.0.10': {}
+
+  '@types/d3-format@3.0.4': {}
+
+  '@types/d3-geo@3.1.0':
+    dependencies:
+      '@types/geojson': 7946.0.16
+
+  '@types/d3-hierarchy@3.1.7': {}
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+
+  '@types/d3-path@3.1.1': {}
+
+  '@types/d3-polygon@3.0.2': {}
+
+  '@types/d3-quadtree@3.0.6': {}
+
+  '@types/d3-random@3.0.3': {}
+
+  '@types/d3-scale-chromatic@3.1.0': {}
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+
+  '@types/d3-selection@3.0.11': {}
+
+  '@types/d3-shape@3.1.8':
+    dependencies:
+      '@types/d3-path': 3.1.1
+
+  '@types/d3-time-format@4.0.3': {}
+
+  '@types/d3-time@3.0.4': {}
+
+  '@types/d3-timer@3.0.2': {}
+
+  '@types/d3-transition@3.0.9':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-zoom@3.0.8':
+    dependencies:
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3@7.4.3':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-axis': 3.0.6
+      '@types/d3-brush': 3.0.6
+      '@types/d3-chord': 3.0.6
+      '@types/d3-color': 3.1.3
+      '@types/d3-contour': 3.0.6
+      '@types/d3-delaunay': 6.0.4
+      '@types/d3-dispatch': 3.0.7
+      '@types/d3-drag': 3.0.7
+      '@types/d3-dsv': 3.0.7
+      '@types/d3-ease': 3.0.2
+      '@types/d3-fetch': 3.0.7
+      '@types/d3-force': 3.0.10
+      '@types/d3-format': 3.0.4
+      '@types/d3-geo': 3.1.0
+      '@types/d3-hierarchy': 3.1.7
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-path': 3.1.1
+      '@types/d3-polygon': 3.0.2
+      '@types/d3-quadtree': 3.0.6
+      '@types/d3-random': 3.0.3
+      '@types/d3-scale': 4.0.9
+      '@types/d3-scale-chromatic': 3.1.0
+      '@types/d3-selection': 3.0.11
+      '@types/d3-shape': 3.1.8
+      '@types/d3-time': 3.0.4
+      '@types/d3-time-format': 4.0.3
+      '@types/d3-timer': 3.0.2
+      '@types/d3-transition': 3.0.9
+      '@types/d3-zoom': 3.0.8
+
+  '@types/debug@4.1.13':
+    dependencies:
+      '@types/ms': 2.1.0
+
+  '@types/deep-eql@4.0.2': {}
+
+  '@types/diff-match-patch@1.0.36': {}
+
+  '@types/docker-modem@3.0.6':
+    dependencies:
+      '@types/node': 25.9.3
+      '@types/ssh2': 1.15.5
+
+  '@types/dockerode@4.0.1':
+    dependencies:
+      '@types/docker-modem': 3.0.6
+      '@types/node': 25.9.3
+      '@types/ssh2': 1.15.5
+
+  '@types/doctrine@0.0.9': {}
+
+  '@types/escape-html@1.0.4': {}
+
+  '@types/estree@1.0.8': {}
+
+  '@types/estree@1.0.9': {}
+
+  '@types/events@3.0.3': {}
+
+  '@types/express-serve-static-core@5.1.1':
+    dependencies:
+      '@types/node': 25.9.3
+      '@types/qs': 6.15.1
+      '@types/range-parser': 1.2.7
+      '@types/send': 1.2.1
+
+  '@types/express@5.0.6':
+    dependencies:
+      '@types/body-parser': 1.19.6
+      '@types/express-serve-static-core': 5.1.1
+      '@types/serve-static': 2.2.0
+
+  '@types/file-saver@2.0.7': {}
+
+  '@types/fs-extra@9.0.13':
+    dependencies:
+      '@types/node': 25.9.3
+
+  '@types/geojson@7946.0.16': {}
+
+  '@types/glob-to-regexp@0.4.4': {}
+
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/hoist-non-react-statics@3.3.7(@types/react@19.2.18)':
+    dependencies:
+      '@types/react': 19.2.18
+      hoist-non-react-statics: 3.3.2
+
+  '@types/html-minifier-terser@6.1.0': {}
+
+  '@types/http-cache-semantics@4.2.0': {}
+
+  '@types/http-errors@2.0.5': {}
+
+  '@types/istanbul-lib-coverage@2.0.6': {}
+
+  '@types/istanbul-lib-report@3.0.3':
+    dependencies:
+      '@types/istanbul-lib-coverage': 2.0.6
+
+  '@types/istanbul-reports@3.0.4':
+    dependencies:
+      '@types/istanbul-lib-report': 3.0.3
+
+  '@types/jest@30.0.0':
+    dependencies:
+      expect: 30.4.1
+      pretty-format: 30.4.1
+
+  '@types/jitsi-meet@2.0.5': {}
+
+  '@types/jsdom@21.1.7':
+    dependencies:
+      '@types/node': 25.9.3
+      '@types/tough-cookie': 4.0.5
+      parse5: 7.3.0
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/jsrsasign@10.5.15': {}
+
+  '@types/keyv@3.1.4':
+    dependencies:
+      '@types/node': 25.9.3
+
+  '@types/linkify-it@5.0.0': {}
+
+  '@types/lodash-es@4.17.12':
+    dependencies:
+      '@types/lodash': 4.17.24
+
+  '@types/lodash@4.17.24': {}
+
+  '@types/markdown-it@14.1.2':
+    dependencies:
+      '@types/linkify-it': 5.0.0
+      '@types/mdurl': 2.0.0
+
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/mdurl@2.0.0': {}
+
+  '@types/mdx@2.0.14': {}
+
+  '@types/minimist@1.2.5': {}
+
+  '@types/modernizr@3.5.6': {}
+
+  '@types/ms@2.1.0': {}
+
+  '@types/node-fetch@2.6.13':
+    dependencies:
+      '@types/node': 25.9.3
+      form-data: 4.0.6
+
+  '@types/node@25.9.3':
+    dependencies:
+      undici-types: 7.24.6
+
+  '@types/npm-package-arg@6.1.4': {}
+
+  '@types/npm-registry-fetch@8.0.9':
+    dependencies:
+      '@types/node': 25.9.3
+      '@types/node-fetch': 2.6.13
+      '@types/npm-package-arg': 6.1.4
+      '@types/npmlog': 7.0.0
+      '@types/ssri': 7.1.5
+
+  '@types/npmlog@7.0.0':
+    dependencies:
+      '@types/node': 25.9.3
+
+  '@types/pacote@11.1.8':
+    dependencies:
+      '@types/node': 25.9.3
+      '@types/npm-registry-fetch': 8.0.9
+      '@types/npmlog': 7.0.0
+      '@types/ssri': 7.1.5
+
+  '@types/parse-json@4.0.2': {}
+
+  '@types/picomatch@4.0.2': {}
+
+  '@types/png-chunks-extract@1.0.2': {}
+
+  '@types/postcss-import@14.0.3':
+    dependencies:
+      postcss: 8.5.25
+
+  '@types/qrcode@1.5.6':
+    dependencies:
+      '@types/node': 25.9.3
+
+  '@types/qs@6.15.1': {}
+
+  '@types/range-parser@1.2.7': {}
+
+  '@types/react-beautiful-dnd@13.1.8':
+    dependencies:
+      '@types/react': 19.2.18
+
+  '@types/react-dom@19.2.3(@types/react@19.2.18)':
+    dependencies:
+      '@types/react': 19.2.18
+
+  '@types/react-redux@7.1.34':
+    dependencies:
+      '@types/hoist-non-react-statics': 3.3.7(@types/react@19.2.18)
+      '@types/react': 19.2.18
+      hoist-non-react-statics: 3.3.2
+      redux: 4.2.1
+
+  '@types/react-transition-group@4.4.12(@types/react@19.2.18)':
+    dependencies:
+      '@types/react': 19.2.18
+
+  '@types/react@19.2.18':
+    dependencies:
+      csstype: 3.2.3
+
+  '@types/resolve@1.20.6': {}
+
+  '@types/responselike@1.0.3':
+    dependencies:
+      '@types/node': 25.9.3
+
+  '@types/sanitize-html@2.16.1':
+    dependencies:
+      htmlparser2: 10.1.0
+
+  '@types/sdp-transform@3.0.0': {}
+
+  '@types/seedrandom@3.0.8': {}
+
+  '@types/semver@7.7.1': {}
+
+  '@types/send@1.2.1':
+    dependencies:
+      '@types/node': 25.9.3
+
+  '@types/serve-index@1.9.4':
+    dependencies:
+      '@types/express': 5.0.6
+
+  '@types/serve-static@2.2.0':
+    dependencies:
+      '@types/http-errors': 2.0.5
+      '@types/node': 25.9.3
+
+  '@types/ssh2-streams@0.1.13':
+    dependencies:
+      '@types/node': 25.9.3
+
+  '@types/ssh2@0.5.52':
+    dependencies:
+      '@types/node': 25.9.3
+      '@types/ssh2-streams': 0.1.13
+
+  '@types/ssh2@1.15.5':
+    dependencies:
+      '@types/node': 25.9.3
+
+  '@types/ssri@7.1.5':
+    dependencies:
+      '@types/node': 25.9.3
+
+  '@types/stack-utils@2.0.3': {}
+
+  '@types/supercluster@7.1.3':
+    dependencies:
+      '@types/geojson': 7946.0.16
+
+  '@types/tar-js@0.3.5': {}
+
+  '@types/tough-cookie@4.0.5': {}
+
+  '@types/trusted-types@2.0.7':
+    optional: true
+
+  '@types/ua-parser-js@0.7.39': {}
+
+  '@types/unist@3.0.3': {}
+
+  '@types/web-bluetooth@0.0.21': {}
+
+  '@types/whatwg-mimetype@3.0.2': {}
+
+  '@types/ws@8.18.1':
+    dependencies:
+      '@types/node': 25.9.3
+
+  '@types/yargs-parser@21.0.3': {}
+
+  '@types/yargs@17.0.35':
+    dependencies:
+      '@types/yargs-parser': 21.0.3
+
+  '@typescript-eslint/project-service@8.66.0(@typescript/typescript6@6.0.2)(supports-color@7.2.0)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.66.0(@typescript/typescript6@6.0.2)
+      '@typescript-eslint/types': 8.66.0
+      debug: 4.4.3(supports-color@7.2.0)
+      typescript: '@typescript/typescript6@6.0.2'
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.66.0':
+    dependencies:
+      '@typescript-eslint/types': 8.66.0
+      '@typescript-eslint/visitor-keys': 8.66.0
+
+  '@typescript-eslint/tsconfig-utils@8.66.0(@typescript/typescript6@6.0.2)':
+    dependencies:
+      typescript: '@typescript/typescript6@6.0.2'
+
+  '@typescript-eslint/types@8.66.0': {}
+
+  '@typescript-eslint/typescript-estree@8.66.0(@typescript/typescript6@6.0.2)(supports-color@7.2.0)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.66.0(@typescript/typescript6@6.0.2)(supports-color@7.2.0)
+      '@typescript-eslint/tsconfig-utils': 8.66.0(@typescript/typescript6@6.0.2)
+      '@typescript-eslint/types': 8.66.0
+      '@typescript-eslint/visitor-keys': 8.66.0
+      debug: 4.4.3(supports-color@7.2.0)
+      minimatch: 10.2.6
+      semver: 7.8.5
+      tinyglobby: 0.2.17
+      ts-api-utils: 2.5.0(@typescript/typescript6@6.0.2)
+      typescript: '@typescript/typescript6@6.0.2'
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.66.0(@typescript/typescript6@6.0.2)(eslint@8.57.1)(supports-color@7.2.0)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.10.1(eslint@8.57.1)
+      '@typescript-eslint/scope-manager': 8.66.0
+      '@typescript-eslint/types': 8.66.0
+      '@typescript-eslint/typescript-estree': 8.66.0(@typescript/typescript6@6.0.2)(supports-color@7.2.0)
+      eslint: 8.57.1(supports-color@7.2.0)
+      typescript: '@typescript/typescript6@6.0.2'
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@8.66.0':
+    dependencies:
+      '@typescript-eslint/types': 8.66.0
+      eslint-visitor-keys: 5.0.1
+
+  '@typescript/typescript-aix-ppc64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-darwin-arm64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-darwin-x64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-freebsd-arm64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-freebsd-x64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-arm64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-arm@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-loong64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-mips64el@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-ppc64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-riscv64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-s390x@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-x64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-netbsd-arm64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-netbsd-x64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-openbsd-arm64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-openbsd-x64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-sunos-x64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-win32-arm64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-win32-x64@7.0.2':
+    optional: true
+
+  '@typescript/typescript6@6.0.2':
+    dependencies:
+      '@typescript/old': typescript@6.0.3
+
+  '@ungap/structured-clone@1.3.3': {}
+
+  '@unrs/resolver-binding-android-arm-eabi@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-android-arm64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-darwin-arm64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-darwin-x64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-freebsd-x64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm64-musl@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-loong64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-loong64-musl@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-riscv64-musl@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-s390x-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-x64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-x64-musl@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-openharmony-arm64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-wasm32-wasi@1.12.2':
+    dependencies:
+      '@emnapi/core': 1.10.0
+      '@emnapi/runtime': 1.10.0
+      '@napi-rs/wasm-runtime': 1.1.6(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)
+    optional: true
+
+  '@unrs/resolver-binding-win32-arm64-msvc@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-win32-ia32-msvc@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-win32-x64-msvc@1.12.2':
+    optional: true
+
+  '@upsetjs/venn.js@2.0.0':
+    optionalDependencies:
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  '@vector-im/compound-design-tokens@10.2.1(@types/react@19.2.18)(react@19.2.8)':
+    optionalDependencies:
+      '@types/react': 19.2.18
+      react: 19.2.8
+
+  '@vector-im/compound-web@10.0.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.3.0)(@types/react-dom@19.2.3)(@types/react@19.2.18)(@vector-im/compound-design-tokens@10.2.1)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@floating-ui/react': 0.27.17(react-dom@19.2.8)(react@19.2.8)
+      '@floating-ui/react-dom': 2.1.9(react-dom@19.2.8)(react@19.2.8)
+      '@fontsource/inconsolata': 5.2.8
+      '@fontsource/inter': 5.3.0
+      '@radix-ui/react-context-menu': 2.2.16(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-dropdown-menu': 2.1.16(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-form': 0.1.8(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-progress': 1.1.8(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-separator': 1.1.8(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-slot': 1.3.3(@types/react@19.2.18)(react@19.2.8)
+      '@vector-im/compound-design-tokens': 10.2.1(@types/react@19.2.18)(react@19.2.8)
+      classnames: 2.5.1
+      react: 19.2.8
+      vaul: 1.1.2(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+    transitivePeerDependencies:
+      - '@types/react-dom'
+      - react-dom
+
+  '@vector-im/compound-web@9.9.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.3.0)(@types/react-dom@19.2.3)(@types/react@19.2.18)(@vector-im/compound-design-tokens@10.2.1)(react-dom@19.2.8)(react@19.2.8)':
+    dependencies:
+      '@floating-ui/react': 0.27.17(react-dom@19.2.8)(react@19.2.8)
+      '@floating-ui/react-dom': 2.1.9(react-dom@19.2.8)(react@19.2.8)
+      '@fontsource/inconsolata': 5.2.8
+      '@fontsource/inter': 5.3.0
+      '@radix-ui/react-context-menu': 2.2.16(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-dropdown-menu': 2.1.16(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-form': 0.1.8(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-progress': 1.1.8(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-separator': 1.1.8(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      '@radix-ui/react-slot': 1.3.3(@types/react@19.2.18)(react@19.2.8)
+      '@vector-im/compound-design-tokens': 10.2.1(@types/react@19.2.18)(react@19.2.8)
+      classnames: 2.5.1
+      react: 19.2.8
+      vaul: 1.1.2(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+    transitivePeerDependencies:
+      - '@types/react-dom'
+      - react-dom
+
+  '@vector-im/matrix-wysiwyg@2.40.0(patch_hash=7bdf6150f2905bc2f055a6bcaa7b9d78fa7ffde82e800bcc454ac7b0096bd65e)(react@19.2.8)':
+    dependencies:
+      react: 19.2.8
+
+  '@vitejs/plugin-react@6.0.5(vite@8.2.0)':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.1
+      vite: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+
+  '@vitejs/plugin-vue@5.2.4(vite@6.4.3)(vue@3.5.31)':
+    dependencies:
+      vite: 6.4.3(@types/node@25.9.3)(jiti@2.7.0)(lightningcss@1.33.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+      vue: 3.5.31(@typescript/typescript6@6.0.2)
+
+  '@vitest/browser-playwright@4.1.10(playwright@1.61.1)(vite@8.2.0)(vitest@4.1.10)':
+    dependencies:
+      '@vitest/browser': 4.1.10(vite@8.2.0)(vitest@4.1.10)
+      '@vitest/mocker': 4.1.10(vite@8.2.0)
+      playwright: 1.61.1
+      tinyrainbow: 3.1.0
+      vitest: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+
+  '@vitest/browser@4.1.10(vite@8.2.0)(vitest@4.1.10)':
+    dependencies:
+      '@blazediff/core': 1.9.1
+      '@vitest/mocker': 4.1.10(vite@8.2.0)
+      '@vitest/utils': 4.1.10
+      magic-string: 0.30.21
+      pngjs: 7.0.0
+      sirv: 3.0.2
+      tinyrainbow: 3.1.0
+      vitest: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+      ws: 8.21.1
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+
+  '@vitest/coverage-v8@4.1.10(@vitest/browser@4.1.10)(vitest@4.1.10)':
+    dependencies:
+      '@bcoe/v8-coverage': 1.0.2
+      '@vitest/utils': 4.1.10
+      ast-v8-to-istanbul: 1.0.0
+      istanbul-lib-coverage: 3.2.2
+      istanbul-lib-report: 3.0.1
+      istanbul-reports: 3.2.0
+      magicast: 0.5.2
+      obug: 2.1.1
+      std-env: 4.1.0
+      tinyrainbow: 3.1.0
+      vitest: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+    optionalDependencies:
+      '@vitest/browser': 4.1.10(vite@8.2.0)(vitest@4.1.10)
+
+  '@vitest/expect@3.2.4':
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/spy': 3.2.4
+      '@vitest/utils': 3.2.4
+      chai: 5.3.3
+      tinyrainbow: 2.0.0
+
+  '@vitest/expect@4.1.10':
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      '@types/chai': 5.2.3
+      '@vitest/spy': 4.1.10
+      '@vitest/utils': 4.1.10
+      chai: 6.2.2
+      tinyrainbow: 3.1.0
+
+  '@vitest/mocker@4.1.10(vite@8.2.0)':
+    dependencies:
+      '@vitest/spy': 4.1.10
+      estree-walker: 3.0.3
+      magic-string: 0.30.21
+    optionalDependencies:
+      vite: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+
+  '@vitest/pretty-format@3.2.4':
+    dependencies:
+      tinyrainbow: 2.0.0
+
+  '@vitest/pretty-format@4.1.10':
+    dependencies:
+      tinyrainbow: 3.1.0
+
+  '@vitest/runner@4.1.10':
+    dependencies:
+      '@vitest/utils': 4.1.10
+      pathe: 2.0.3
+
+  '@vitest/snapshot@4.1.10':
+    dependencies:
+      '@vitest/pretty-format': 4.1.10
+      '@vitest/utils': 4.1.10
+      magic-string: 0.30.21
+      pathe: 2.0.3
+
+  '@vitest/spy@3.2.4':
+    dependencies:
+      tinyspy: 4.0.4
+
+  '@vitest/spy@4.1.10': {}
+
+  '@vitest/utils@3.2.4':
+    dependencies:
+      '@vitest/pretty-format': 3.2.4
+      loupe: 3.2.1
+      tinyrainbow: 2.0.0
+
+  '@vitest/utils@4.1.10':
+    dependencies:
+      '@vitest/pretty-format': 4.1.10
+      convert-source-map: 2.0.0
+      tinyrainbow: 3.1.0
+
+  '@volar/language-core@2.4.28':
+    dependencies:
+      '@volar/source-map': 2.4.28
+
+  '@volar/source-map@2.4.28': {}
+
+  '@volar/typescript@2.4.28(@typescript/typescript6@6.0.2)':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      path-browserify: 1.0.1
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      typescript: '@typescript/typescript6@6.0.2'
+
+  '@vue/compiler-core@3.5.31':
+    dependencies:
+      '@babel/parser': 7.29.8
+      '@vue/shared': 3.5.31
+      entities: 7.0.1
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
+  '@vue/compiler-dom@3.5.31':
+    dependencies:
+      '@vue/compiler-core': 3.5.31
+      '@vue/shared': 3.5.31
+
+  '@vue/compiler-sfc@3.5.31':
+    dependencies:
+      '@babel/parser': 7.29.8
+      '@vue/compiler-core': 3.5.31
+      '@vue/compiler-dom': 3.5.31
+      '@vue/compiler-ssr': 3.5.31
+      '@vue/shared': 3.5.31
+      estree-walker: 2.0.2
+      magic-string: 0.30.21
+      postcss: 8.5.25
+      source-map-js: 1.2.1
+
+  '@vue/compiler-ssr@3.5.31':
+    dependencies:
+      '@vue/compiler-dom': 3.5.31
+      '@vue/shared': 3.5.31
+
+  '@vue/devtools-api@7.7.9':
+    dependencies:
+      '@vue/devtools-kit': 7.7.9
+
+  '@vue/devtools-kit@7.7.9':
+    dependencies:
+      '@vue/devtools-shared': 7.7.9
+      birpc: 2.9.0
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 1.0.0
+      speakingurl: 14.0.1
+      superjson: 2.2.6
+
+  '@vue/devtools-shared@7.7.9':
+    dependencies:
+      rfdc: 1.4.1
+
+  '@vue/reactivity@3.5.31':
+    dependencies:
+      '@vue/shared': 3.5.31
+
+  '@vue/runtime-core@3.5.31':
+    dependencies:
+      '@vue/reactivity': 3.5.31
+      '@vue/shared': 3.5.31
+
+  '@vue/runtime-dom@3.5.31':
+    dependencies:
+      '@vue/reactivity': 3.5.31
+      '@vue/runtime-core': 3.5.31
+      '@vue/shared': 3.5.31
+      csstype: 3.2.3
+
+  '@vue/server-renderer@3.5.31(vue@3.5.31)':
+    dependencies:
+      '@vue/compiler-ssr': 3.5.31
+      '@vue/shared': 3.5.31
+      vue: 3.5.31(@typescript/typescript6@6.0.2)
+
+  '@vue/shared@3.5.31': {}
+
+  '@vueuse/core@12.8.2(@typescript/typescript6@6.0.2)':
+    dependencies:
+      '@types/web-bluetooth': 0.0.21
+      '@vueuse/metadata': 12.8.2
+      '@vueuse/shared': 12.8.2(@typescript/typescript6@6.0.2)
+      vue: 3.5.31(@typescript/typescript6@6.0.2)
+    transitivePeerDependencies:
+      - typescript
+
+  '@vueuse/integrations@12.8.2(@typescript/typescript6@6.0.2)(axios@1.19.0)(focus-trap@7.8.0)(qrcode@1.5.4)':
+    dependencies:
+      '@vueuse/core': 12.8.2(@typescript/typescript6@6.0.2)
+      '@vueuse/shared': 12.8.2(@typescript/typescript6@6.0.2)
+      vue: 3.5.31(@typescript/typescript6@6.0.2)
+    optionalDependencies:
+      axios: 1.19.0(debug@4.4.3)(supports-color@7.2.0)
+      focus-trap: 7.8.0
+      qrcode: 1.5.4
+    transitivePeerDependencies:
+      - typescript
+
+  '@vueuse/metadata@12.8.2': {}
+
+  '@vueuse/shared@12.8.2(@typescript/typescript6@6.0.2)':
+    dependencies:
+      vue: 3.5.31(@typescript/typescript6@6.0.2)
+    transitivePeerDependencies:
+      - typescript
+
+  '@webassemblyjs/ast@1.14.1':
+    dependencies:
+      '@webassemblyjs/helper-numbers': 1.13.2
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+
+  '@webassemblyjs/floating-point-hex-parser@1.13.2': {}
+
+  '@webassemblyjs/helper-api-error@1.13.2': {}
+
+  '@webassemblyjs/helper-buffer@1.14.1': {}
+
+  '@webassemblyjs/helper-numbers@1.13.2':
+    dependencies:
+      '@webassemblyjs/floating-point-hex-parser': 1.13.2
+      '@webassemblyjs/helper-api-error': 1.13.2
+      '@xtuc/long': 4.2.2
+
+  '@webassemblyjs/helper-wasm-bytecode@1.13.2': {}
+
+  '@webassemblyjs/helper-wasm-section@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-buffer': 1.14.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+      '@webassemblyjs/wasm-gen': 1.14.1
+
+  '@webassemblyjs/ieee754@1.13.2':
+    dependencies:
+      '@xtuc/ieee754': 1.2.0
+
+  '@webassemblyjs/leb128@1.13.2':
+    dependencies:
+      '@xtuc/long': 4.2.2
+
+  '@webassemblyjs/utf8@1.13.2': {}
+
+  '@webassemblyjs/wasm-edit@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-buffer': 1.14.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+      '@webassemblyjs/helper-wasm-section': 1.14.1
+      '@webassemblyjs/wasm-gen': 1.14.1
+      '@webassemblyjs/wasm-opt': 1.14.1
+      '@webassemblyjs/wasm-parser': 1.14.1
+      '@webassemblyjs/wast-printer': 1.14.1
+
+  '@webassemblyjs/wasm-gen@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+      '@webassemblyjs/ieee754': 1.13.2
+      '@webassemblyjs/leb128': 1.13.2
+      '@webassemblyjs/utf8': 1.13.2
+
+  '@webassemblyjs/wasm-opt@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-buffer': 1.14.1
+      '@webassemblyjs/wasm-gen': 1.14.1
+      '@webassemblyjs/wasm-parser': 1.14.1
+
+  '@webassemblyjs/wasm-parser@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-api-error': 1.13.2
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+      '@webassemblyjs/ieee754': 1.13.2
+      '@webassemblyjs/leb128': 1.13.2
+      '@webassemblyjs/utf8': 1.13.2
+
+  '@webassemblyjs/wast-printer@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@xtuc/long': 4.2.2
+
+  '@webcontainer/env@1.1.1': {}
+
+  '@xmldom/xmldom@0.8.13': {}
+
+  '@xtuc/ieee754@1.2.0': {}
+
+  '@xtuc/long@4.2.2': {}
+
+  '@yarnpkg/lockfile@1.1.0': {}
+
+  '@zkochan/js-yaml@0.0.7':
+    dependencies:
+      argparse: 2.0.1
+
+  '@zxcvbn-ts/core@4.1.2':
+    dependencies:
+      fastest-levenshtein: 1.0.16
+
+  '@zxcvbn-ts/dictionary-compression@3.0.1': {}
+
+  '@zxcvbn-ts/language-common@4.1.3':
+    dependencies:
+      '@zxcvbn-ts/dictionary-compression': 3.0.1
+
+  '@zxcvbn-ts/language-en@4.1.1':
+    dependencies:
+      '@zxcvbn-ts/dictionary-compression': 3.0.1
+
+  abbrev@4.0.0: {}
+
+  abbrev@5.0.0: {}
+
+  abort-controller@3.0.0:
+    dependencies:
+      event-target-shim: 5.0.1
+
+  accepts@1.3.8:
+    dependencies:
+      mime-types: 2.1.35
+      negotiator: 0.6.3
+
+  accepts@2.0.0:
+    dependencies:
+      mime-types: 3.0.2
+      negotiator: 1.0.0
+
+  acorn-jsx@5.3.2(acorn@8.18.0):
+    dependencies:
+      acorn: 8.18.0
+
+  acorn-walk@8.3.5:
+    dependencies:
+      acorn: 8.18.0
+
+  acorn@8.18.0: {}
+
+  address@1.2.2: {}
+
+  agent-base@6.0.2(supports-color@10.2.2):
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  agent-base@6.0.2(supports-color@7.2.0):
+    dependencies:
+      debug: 4.4.3(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  agent-base@7.1.4: {}
+
+  agent-base@9.0.0: {}
+
+  ajv-draft-04@1.0.0(ajv@8.20.0):
+    optionalDependencies:
+      ajv: 8.20.0
+
+  ajv-formats@2.1.1(ajv@8.20.0):
+    optionalDependencies:
+      ajv: 8.20.0
+
+  ajv-formats@3.0.1(ajv@8.20.0):
+    optionalDependencies:
+      ajv: 8.20.0
+
+  ajv-keywords@3.5.2(ajv@6.15.0):
+    dependencies:
+      ajv: 6.15.0
+
+  ajv-keywords@5.1.0(ajv@8.20.0):
+    dependencies:
+      ajv: 8.20.0
+      fast-deep-equal: 3.1.3
+
+  ajv@6.15.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  ajv@8.18.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.1.5
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
+  ajv@8.20.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.1.5
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
+  algoliasearch@5.50.0:
+    dependencies:
+      '@algolia/abtesting': 1.16.0
+      '@algolia/client-abtesting': 5.50.0
+      '@algolia/client-analytics': 5.50.0
+      '@algolia/client-common': 5.50.0
+      '@algolia/client-insights': 5.50.0
+      '@algolia/client-personalization': 5.50.0
+      '@algolia/client-query-suggestions': 5.50.0
+      '@algolia/client-search': 5.50.0
+      '@algolia/ingestion': 1.50.0
+      '@algolia/monitoring': 1.50.0
+      '@algolia/recommend': 5.50.0
+      '@algolia/requester-browser-xhr': 5.50.0
+      '@algolia/requester-fetch': 5.50.0
+      '@algolia/requester-node-http': 5.50.0
+
+  another-json@0.2.0: {}
+
+  ansi-colors@4.1.3: {}
+
+  ansi-escapes@4.3.2:
+    dependencies:
+      type-fest: 0.21.3
+
+  ansi-html-community@0.0.8: {}
+
+  ansi-regex@5.0.1: {}
+
+  ansi-regex@6.2.2: {}
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansi-styles@5.2.0: {}
+
+  ansi-styles@6.2.3: {}
+
+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.2
+
+  app-builder-lib@26.15.3(dmg-builder@26.15.3)(electron-builder-squirrel-windows@26.15.3)(supports-color@10.2.2):
+    dependencies:
+      '@electron/asar': 3.4.1
+      '@electron/fuses': 1.8.0
+      '@electron/get': 3.1.0(supports-color@10.2.2)
+      '@electron/notarize': 2.5.0(supports-color@10.2.2)
+      '@electron/osx-sign': 1.3.3(supports-color@10.2.2)
+      '@electron/rebuild': 4.0.4(supports-color@10.2.2)
+      '@electron/universal': 2.0.3(supports-color@10.2.2)
+      '@malept/flatpak-bundler': 0.4.0(supports-color@10.2.2)
+      '@noble/hashes': 2.2.0
+      '@peculiar/webcrypto': 1.7.1
+      '@types/fs-extra': 9.0.13
+      ajv: 8.20.0
+      asn1js: 3.0.10
+      async-exit-hook: 2.0.1
+      builder-util: 26.15.3(supports-color@10.2.2)
+      builder-util-runtime: 9.7.0(supports-color@10.2.2)
+      chromium-pickle-js: 0.2.0
+      ci-info: 4.3.1
+      debug: 4.4.3(supports-color@10.2.2)
+      dmg-builder: 26.15.3(electron-builder-squirrel-windows@26.15.3)(supports-color@10.2.2)
+      dotenv: 16.6.1
+      dotenv-expand: 11.0.7
+      ejs: 3.1.10
+      electron-builder-squirrel-windows: 26.15.3(dmg-builder@26.15.3)(supports-color@10.2.2)
+      electron-publish: 26.15.3(supports-color@10.2.2)
+      fs-extra: 10.1.0
+      hosted-git-info: 4.1.0
+      isbinaryfile: 5.0.7
+      jiti: 2.7.0
+      js-yaml: 4.3.1
+      json5: 2.2.3
+      lazy-val: 1.0.5
+      minimatch: 10.2.6
+      pkijs: 3.4.0
+      plist: 3.1.0(patch_hash=7a3c35087f0ab2a8efbac9e2899990f07d61e2b3e41d8d962ef0bdb0786e1af7)
+      proper-lockfile: 4.1.2
+      resedit: 1.7.2
+      semver: 7.7.4
+      tar: 7.5.22
+      temp-file: 3.4.0
+      tiny-async-pool: 1.3.0
+      unzipper: 0.12.3
+      which: 5.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  applescript@1.0.0: {}
+
+  archiver-utils@5.0.2:
+    dependencies:
+      glob: 10.5.0
+      graceful-fs: 4.2.11
+      is-stream: 2.0.1
+      lazystream: 1.0.1
+      lodash: 4.18.1
+      normalize-path: 3.0.0
+      readable-stream: 4.7.0
+
+  archiver@7.0.1:
+    dependencies:
+      archiver-utils: 5.0.2
+      async: 3.2.6
+      buffer-crc32: 1.0.0
+      readable-stream: 4.7.0
+      readdir-glob: 1.1.3
+      tar-stream: 3.2.0
+      zip-stream: 6.0.1
+    transitivePeerDependencies:
+      - bare-abort-controller
+      - bare-buffer
+      - react-native-b4a
+
+  argparse@1.0.10:
+    dependencies:
+      sprintf-js: 1.0.3
+
+  argparse@2.0.1: {}
+
+  aria-hidden@1.2.6:
+    dependencies:
+      tslib: 2.8.1
+
+  aria-query@5.3.0:
+    dependencies:
+      dequal: 2.0.3
+
+  aria-query@5.3.2: {}
+
+  asn1.js@4.10.1:
+    dependencies:
+      bn.js: 4.12.3
+      inherits: 2.0.4
+      minimalistic-assert: 1.0.1
+
+  asn1@0.2.6:
+    dependencies:
+      safer-buffer: 2.1.2
+
+  asn1js@3.0.10:
+    dependencies:
+      pvtsutils: 1.3.6
+      pvutils: 1.1.5
+      tslib: 2.8.1
+
+  assert@2.1.0:
+    dependencies:
+      call-bind: 1.0.8
+      is-nan: 1.3.2
+      object-is: 1.1.6
+      object.assign: 4.1.7
+      util: 0.12.5
+
+  assertion-error@2.0.1: {}
+
+  ast-types@0.16.1:
+    dependencies:
+      tslib: 2.8.1
+
+  ast-v8-to-istanbul@1.0.0:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      estree-walker: 3.0.3
+      js-tokens: 10.0.0
+
+  astral-regex@2.0.0: {}
+
+  astring@1.9.0: {}
+
+  async-exit-hook@2.0.1: {}
+
+  async-lock@1.4.1: {}
+
+  async@3.2.6: {}
+
+  asynckit@0.4.0: {}
+
+  at-least-node@1.0.0: {}
+
+  atomically@2.1.1:
+    dependencies:
+      stubborn-fs: 2.0.0
+      when-exit: 2.1.5
+
+  auto-launch@5.0.6:
+    dependencies:
+      applescript: 1.0.0
+      mkdirp: 0.5.6
+      path-is-absolute: 1.0.1
+      untildify: 3.0.3
+      winreg: 1.2.4
+
+  autoprefixer@10.5.0(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.7
+      caniuse-lite: 1.0.30001806
+      fraction.js: 5.3.4
+      picocolors: 1.1.1
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  available-typed-arrays@1.0.7:
+    dependencies:
+      possible-typed-array-names: 1.1.0
+
+  await-lock@3.0.0(patch_hash=b767a571946a4f8710ac54b1a7bec8a7c1570f9b85d75922392fae20d0578964): {}
+
+  aws4@1.13.2: {}
+
+  axe-core@4.12.1: {}
+
+  axios@1.18.1(debug@4.4.3)(supports-color@7.2.0):
+    dependencies:
+      follow-redirects: 1.16.0(debug@4.4.3)
+      form-data: 4.0.6
+      https-proxy-agent: 5.0.1(supports-color@7.2.0)
+      proxy-from-env: 2.1.0
+    transitivePeerDependencies:
+      - debug
+      - supports-color
+
+  axios@1.19.0(debug@4.4.3)(supports-color@10.2.2):
+    dependencies:
+      follow-redirects: 1.16.0(debug@4.4.3)
+      form-data: 4.0.6
+      https-proxy-agent: 5.0.1(supports-color@10.2.2)
+      proxy-from-env: 2.1.0
+    transitivePeerDependencies:
+      - debug
+      - supports-color
+
+  axios@1.19.0(debug@4.4.3)(supports-color@7.2.0):
+    dependencies:
+      follow-redirects: 1.16.0(debug@4.4.3)
+      form-data: 4.0.6
+      https-proxy-agent: 5.0.1(supports-color@7.2.0)
+      proxy-from-env: 2.1.0
+    transitivePeerDependencies:
+      - debug
+      - supports-color
+    optional: true
+
+  b4a@1.8.1: {}
+
+  babel-jest@30.4.1(@babel/core@7.29.7)(supports-color@10.2.2):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@jest/transform': 30.4.1(supports-color@10.2.2)
+      '@types/babel__core': 7.20.5
+      babel-plugin-istanbul: 7.0.1(supports-color@10.2.2)
+      babel-preset-jest: 30.4.0(@babel/core@7.29.7)
+      chalk: 4.1.2
+      graceful-fs: 4.2.11
+      slash: 3.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  babel-loader@10.1.1(@babel/core@7.29.7)(webpack@5.109.2):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      find-up: 5.0.0
+    optionalDependencies:
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+
+  babel-plugin-const-enum@1.2.0(@babel/core@7.29.7)(supports-color@7.2.0):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/plugin-syntax-typescript': 7.29.7(@babel/core@7.29.7)
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  babel-plugin-istanbul@7.0.1(supports-color@10.2.2):
+    dependencies:
+      '@babel/helper-plugin-utils': 7.29.7
+      '@istanbuljs/load-nyc-config': 1.1.0
+      '@istanbuljs/schema': 0.1.6
+      istanbul-lib-instrument: 6.0.3(supports-color@10.2.2)
+      test-exclude: 6.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  babel-plugin-jest-hoist@30.4.0:
+    dependencies:
+      '@types/babel__core': 7.20.5
+
+  babel-plugin-jsx-remove-data-test-id@3.0.0(@babel/core@7.29.7):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+
+  babel-plugin-macros@3.1.0:
+    dependencies:
+      '@babel/runtime': 7.29.7
+      cosmiconfig: 7.1.0
+      resolve: 1.22.12
+
+  babel-plugin-polyfill-corejs2@0.4.17(@babel/core@7.29.7)(supports-color@10.2.2):
+    dependencies:
+      '@babel/compat-data': 7.29.7
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-define-polyfill-provider': 0.6.8(@babel/core@7.29.7)(supports-color@10.2.2)
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  babel-plugin-polyfill-corejs2@0.4.17(@babel/core@7.29.7)(supports-color@7.2.0):
+    dependencies:
+      '@babel/compat-data': 7.29.7
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-define-polyfill-provider': 0.6.8(@babel/core@7.29.7)(supports-color@7.2.0)
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  babel-plugin-polyfill-corejs3@0.13.0(@babel/core@7.29.7)(supports-color@10.2.2):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-define-polyfill-provider': 0.6.8(@babel/core@7.29.7)(supports-color@10.2.2)
+      core-js-compat: 3.49.0
+    transitivePeerDependencies:
+      - supports-color
+
+  babel-plugin-polyfill-corejs3@0.13.0(@babel/core@7.29.7)(supports-color@7.2.0):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-define-polyfill-provider': 0.6.8(@babel/core@7.29.7)(supports-color@7.2.0)
+      core-js-compat: 3.49.0
+    transitivePeerDependencies:
+      - supports-color
+
+  babel-plugin-polyfill-corejs3@0.14.2(@babel/core@7.29.7)(supports-color@10.2.2):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-define-polyfill-provider': 0.6.8(@babel/core@7.29.7)(supports-color@10.2.2)
+      core-js-compat: 3.49.0
+    transitivePeerDependencies:
+      - supports-color
+
+  babel-plugin-polyfill-corejs3@0.14.2(@babel/core@7.29.7)(supports-color@7.2.0):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-define-polyfill-provider': 0.6.8(@babel/core@7.29.7)(supports-color@7.2.0)
+      core-js-compat: 3.49.0
+    transitivePeerDependencies:
+      - supports-color
+
+  babel-plugin-polyfill-regenerator@0.6.8(@babel/core@7.29.7)(supports-color@10.2.2):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/helper-define-polyfill-provider': 0.6.8(@babel/core@7.29.7)(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  babel-plugin-polyfill-regenerator@0.6.8(@babel/core@7.29.7)(supports-color@7.2.0):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-define-polyfill-provider': 0.6.8(@babel/core@7.29.7)(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  babel-plugin-transform-typescript-metadata@0.3.2(@babel/core@7.29.7)(@babel/traverse@7.29.8):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/helper-plugin-utils': 7.29.7
+    optionalDependencies:
+      '@babel/traverse': 7.29.8(supports-color@7.2.0)
+
+  babel-preset-current-node-syntax@1.2.0(@babel/core@7.29.7):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.29.7)
+      '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.29.7)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.29.7)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.29.7)
+      '@babel/plugin-syntax-import-attributes': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.29.7)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.29.7)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.29.7)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.29.7)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.29.7)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.29.7)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.29.7)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.29.7)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.29.7)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.29.7)
+
+  babel-preset-jest@30.4.0(@babel/core@7.29.7):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      babel-plugin-jest-hoist: 30.4.0
+      babel-preset-current-node-syntax: 1.2.0(@babel/core@7.29.7)
+
+  balanced-match@1.0.2: {}
+
+  balanced-match@4.0.3: {}
+
+  balanced-match@4.0.4: {}
+
+  bare-events@2.9.1: {}
+
+  bare-fs@4.7.3:
+    dependencies:
+      bare-events: 2.9.1
+      bare-path: 3.0.1
+      bare-stream: 2.13.3(bare-events@2.9.1)
+      bare-url: 2.4.5
+      fast-fifo: 1.3.2
+    transitivePeerDependencies:
+      - bare-abort-controller
+      - react-native-b4a
+
+  bare-os@3.9.3: {}
+
+  bare-path@3.0.1:
+    dependencies:
+      bare-os: 3.9.3
+
+  bare-stream@2.13.3(bare-events@2.9.1):
+    dependencies:
+      b4a: 1.8.1
+      streamx: 2.28.0
+      teex: 1.0.1
+    optionalDependencies:
+      bare-events: 2.9.1
+    transitivePeerDependencies:
+      - react-native-b4a
+
+  bare-url@2.4.5:
+    dependencies:
+      bare-path: 3.0.1
+
+  base-x@5.0.1: {}
+
+  base64-arraybuffer@1.0.2: {}
+
+  base64-js@1.5.1: {}
+
+  baseline-browser-mapping@2.11.4: {}
+
+  batch@0.6.1: {}
+
+  bcrypt-pbkdf@1.0.2:
+    dependencies:
+      tweetnacl: 0.14.5
+
+  before-after-hook@4.0.0: {}
+
+  big.js@5.2.2: {}
+
+  birpc@2.9.0: {}
+
+  bl@4.1.0:
+    dependencies:
+      buffer: 5.7.1
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+
+  blob-polyfill@9.0.20240710: {}
+
+  bloom-filters@3.0.4:
+    dependencies:
+      '@types/seedrandom': 3.0.8
+      base64-arraybuffer: 1.0.2
+      is-buffer: 2.0.5
+      lodash: 4.18.1
+      long: 5.3.2
+      reflect-metadata: 0.1.14
+      seedrandom: 3.0.5
+      xxhashjs: 0.2.2
+
+  bluebird@3.7.2: {}
+
+  blurhash@2.0.5: {}
+
+  bn.js@4.12.3: {}
+
+  bn.js@5.2.3: {}
+
+  body-parser@2.3.0(supports-color@10.2.2):
+    dependencies:
+      bytes: 3.1.2
+      content-type: 2.0.0
+      debug: 4.4.3(supports-color@10.2.2)
+      http-errors: 2.0.1
+      iconv-lite: 0.7.3
+      on-finished: 2.4.1
+      qs: 6.15.3
+      raw-body: 3.0.2
+      type-is: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  bonjour-service@1.4.2:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      multicast-dns: 7.2.5
+
+  boolbase@1.0.0: {}
+
+  boolean@3.2.0:
+    optional: true
+
+  brace-expansion@1.1.18:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
+  brace-expansion@2.1.4:
+    dependencies:
+      balanced-match: 1.0.2
+
+  brace-expansion@5.0.8:
+    dependencies:
+      balanced-match: 4.0.4
+
+  brace-expansion@5.0.9:
+    dependencies:
+      balanced-match: 4.0.4
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  brorand@1.1.0: {}
+
+  browser-resolve@2.0.0:
+    dependencies:
+      resolve: 1.22.12
+
+  browserify-aes@1.2.0:
+    dependencies:
+      buffer-xor: 1.0.3
+      cipher-base: 1.0.7
+      create-hash: 1.2.0
+      evp_bytestokey: 1.0.3
+      inherits: 2.0.4
+      safe-buffer: 5.2.1
+
+  browserify-cipher@1.0.1:
+    dependencies:
+      browserify-aes: 1.2.0
+      browserify-des: 1.0.2
+      evp_bytestokey: 1.0.3
+
+  browserify-des@1.0.2:
+    dependencies:
+      cipher-base: 1.0.7
+      des.js: 1.1.0
+      inherits: 2.0.4
+      safe-buffer: 5.2.1
+
+  browserify-rsa@4.1.1:
+    dependencies:
+      bn.js: 5.2.3
+      randombytes: 2.1.0
+      safe-buffer: 5.2.1
+
+  browserify-sign@4.2.5:
+    dependencies:
+      bn.js: 5.2.3
+      browserify-rsa: 4.1.1
+      create-hash: 1.2.0
+      create-hmac: 1.1.7
+      elliptic: 6.6.1
+      inherits: 2.0.4
+      parse-asn1: 5.1.9
+      readable-stream: 2.3.8
+      safe-buffer: 5.2.1
+
+  browserify-zlib@0.2.0:
+    dependencies:
+      pako: 1.0.11
+
+  browserslist@4.28.7:
+    dependencies:
+      baseline-browser-mapping: 2.11.4
+      caniuse-lite: 1.0.30001806
+      electron-to-chromium: 1.5.396
+      node-releases: 2.0.51
+      update-browserslist-db: 1.2.3(browserslist@4.28.7)
+
+  bs58@6.0.0:
+    dependencies:
+      base-x: 5.0.1
+
+  bser@2.1.1:
+    dependencies:
+      node-int64: 0.4.0
+
+  buffer-crc32@1.0.0: {}
+
+  buffer-from@1.1.2: {}
+
+  buffer-image-size@0.6.4:
+    dependencies:
+      '@types/node': 25.9.3
+
+  buffer-xor@1.0.3: {}
+
+  buffer@5.7.1:
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+
+  buffer@6.0.3:
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+
+  buildcheck@0.0.7:
+    optional: true
+
+  builder-util-runtime@9.7.0(supports-color@10.2.2):
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+      sax: 1.6.0
+    transitivePeerDependencies:
+      - supports-color
+
+  builder-util@26.15.3(supports-color@10.2.2):
+    dependencies:
+      '@types/debug': 4.1.13
+      builder-util-runtime: 9.7.0(supports-color@10.2.2)
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3(supports-color@10.2.2)
+      fs-extra: 10.1.0
+      http-proxy-agent: 7.0.2(supports-color@10.2.2)
+      https-proxy-agent: 7.0.6(supports-color@10.2.2)
+      js-yaml: 4.3.1
+      sanitize-filename: 1.6.4
+      source-map-support: 0.5.21
+      stat-mode: 1.0.0
+      temp-file: 3.4.0
+      tiny-async-pool: 1.3.0
+    transitivePeerDependencies:
+      - supports-color
+
+  builtin-status-codes@3.0.0: {}
+
+  bundle-name@4.1.0:
+    dependencies:
+      run-applescript: 7.1.0
+
+  byline@5.0.0: {}
+
+  bytes@3.1.2: {}
+
+  bytestreamjs@2.0.1: {}
+
+  cacache@20.0.4:
+    dependencies:
+      '@npmcli/fs': 5.0.0
+      fs-minipass: 3.0.3
+      glob: 13.0.6
+      lru-cache: 11.2.6
+      minipass: 7.1.3
+      minipass-collect: 2.0.1
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      p-map: 7.0.4
+      ssri: 13.0.1
+
+  cacache@21.0.1:
+    dependencies:
+      '@npmcli/fs': 6.0.0
+      fs-minipass: 3.0.3
+      glob: 13.0.6
+      lru-cache: 11.2.6
+      minipass: 7.1.3
+      minipass-collect: 2.0.1
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      p-map: 7.0.4
+      ssri: 14.0.0
+
+  cacheable-lookup@5.0.4: {}
+
+  cacheable-request@7.0.4:
+    dependencies:
+      clone-response: 1.0.3
+      get-stream: 5.2.0
+      http-cache-semantics: 4.2.0
+      keyv: 4.5.4
+      lowercase-keys: 2.0.0
+      normalize-url: 6.1.0
+      responselike: 2.0.1
+
+  cacheable@2.5.0:
+    dependencies:
+      '@cacheable/memory': 2.2.0
+      '@cacheable/utils': 2.5.0
+      hookified: 1.15.1
+      keyv: 5.6.0
+      qified: 0.10.1
+
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
+  call-bind@1.0.8:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      get-intrinsic: 1.3.0
+      set-function-length: 1.2.2
+
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+
+  callsites@3.1.0: {}
+
+  camel-case@4.1.2:
+    dependencies:
+      pascal-case: 3.1.2
+      tslib: 2.8.1
+
+  camelcase-css@2.0.1: {}
+
+  camelcase@5.3.1: {}
+
+  camelcase@6.3.0: {}
+
+  caniuse-api@3.0.0:
+    dependencies:
+      browserslist: 4.28.7
+      caniuse-lite: 1.0.30001806
+      lodash.memoize: 4.1.2
+      lodash.uniq: 4.5.0
+
+  caniuse-lite@1.0.30001806: {}
+
+  ccount@2.0.1: {}
+
+  chai@5.3.3:
+    dependencies:
+      assertion-error: 2.0.1
+      check-error: 2.1.3
+      deep-eql: 5.0.2
+      loupe: 3.2.1
+      pathval: 2.0.1
+
+  chai@6.2.2: {}
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  chalk@5.2.0: {}
+
+  char-regex@1.0.2: {}
+
+  character-entities-html4@2.1.0: {}
+
+  character-entities-legacy@3.0.0: {}
+
+  check-error@2.1.3: {}
+
+  chokidar@5.0.0:
+    dependencies:
+      readdirp: 5.0.0
+
+  chownr@1.1.4: {}
+
+  chownr@3.0.0: {}
+
+  chrome-trace-event@1.0.4: {}
+
+  chromium-pickle-js@0.2.0: {}
+
+  ci-info@4.3.1: {}
+
+  ci-info@4.4.0: {}
+
+  cipher-base@1.0.7:
+    dependencies:
+      inherits: 2.0.4
+      safe-buffer: 5.2.1
+      to-buffer: 1.2.2
+
+  cjs-module-lexer@2.2.0: {}
+
+  classnames@2.5.1: {}
+
+  clean-css@5.3.3:
+    dependencies:
+      source-map: 0.6.1
+
+  cli-cursor@3.1.0:
+    dependencies:
+      restore-cursor: 3.1.0
+
+  cli-spinners@2.6.1: {}
+
+  cliui@6.0.0:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 6.2.0
+
+  cliui@8.0.1:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
+  clone-deep@4.0.1:
+    dependencies:
+      is-plain-object: 2.0.4
+      kind-of: 6.0.3
+      shallow-clone: 3.0.1
+
+  clone-regexp@3.0.0:
+    dependencies:
+      is-regexp: 3.1.0
+
+  clone-response@1.0.3:
+    dependencies:
+      mimic-response: 1.0.1
+
+  clone@1.0.4: {}
+
+  co@4.6.0: {}
+
+  collect-v8-coverage@1.0.3: {}
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  colord@2.9.3: {}
+
+  columnify@1.6.0:
+    dependencies:
+      strip-ansi: 6.0.1
+      wcwidth: 1.0.1
+
+  combined-stream@1.0.8:
+    dependencies:
+      delayed-stream: 1.0.0
+
+  comma-separated-tokens@2.0.3: {}
+
+  commander@11.1.0: {}
+
+  commander@14.0.3: {}
+
+  commander@2.20.3: {}
+
+  commander@5.1.0: {}
+
+  commander@7.2.0: {}
+
+  commander@8.3.0: {}
+
+  commander@9.5.0:
+    optional: true
+
+  commonmark@0.31.2:
+    dependencies:
+      entities: 3.0.1
+      mdurl: 1.0.1
+      minimist: 1.2.8
+
+  compare-version@0.1.2: {}
+
+  compare-versions@6.1.1: {}
+
+  compress-commons@6.0.2:
+    dependencies:
+      crc-32: 1.2.2
+      crc32-stream: 6.0.0
+      is-stream: 2.0.1
+      normalize-path: 3.0.0
+      readable-stream: 4.7.0
+
+  compressible@2.0.18:
+    dependencies:
+      mime-db: 1.54.0
+
+  compression@1.8.1(supports-color@10.2.2):
+    dependencies:
+      bytes: 3.1.2
+      compressible: 2.0.18
+      debug: 2.6.9(supports-color@10.2.2)
+      negotiator: 0.6.4
+      on-headers: 1.1.0
+      safe-buffer: 5.2.1
+      vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  concat-map@0.0.1: {}
+
+  conf@15.1.0:
+    dependencies:
+      ajv: 8.20.0
+      ajv-formats: 3.0.1(ajv@8.20.0)
+      atomically: 2.1.1
+      debounce-fn: 6.0.0
+      dot-prop: 10.1.0
+      env-paths: 3.0.0
+      json-schema-typed: 8.0.2
+      semver: 7.8.5
+      uint8array-extras: 1.5.0
+
+  confbox@0.1.8: {}
+
+  confbox@0.2.2: {}
+
+  connect-history-api-fallback@2.0.0: {}
+
+  console-browserify@1.2.0: {}
+
+  constants-browserify@1.0.0: {}
+
+  content-disposition@1.0.1: {}
+
+  content-type@1.0.5: {}
+
+  content-type@2.0.0: {}
+
+  convert-hrtime@5.0.0: {}
+
+  convert-source-map@2.0.0: {}
+
+  cookie-signature@1.2.2: {}
+
+  cookie@0.7.2: {}
+
+  copy-anything@4.0.5:
+    dependencies:
+      is-what: 5.5.0
+
+  copy-webpack-plugin@14.0.0(webpack@5.109.2):
+    dependencies:
+      glob-parent: 6.0.2
+      normalize-path: 3.0.0
+      schema-utils: 4.3.3
+      serialize-javascript: 7.0.5
+      tinyglobby: 0.2.17
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+
+  core-js-compat@3.49.0:
+    dependencies:
+      browserslist: 4.28.7
+
+  core-js@3.49.0: {}
+
+  core-util-is@1.0.3: {}
+
+  cose-base@1.0.3:
+    dependencies:
+      layout-base: 1.0.2
+
+  cose-base@2.2.0:
+    dependencies:
+      layout-base: 2.0.1
+
+  cosmiconfig@7.1.0:
+    dependencies:
+      '@types/parse-json': 4.0.2
+      import-fresh: 3.3.1
+      parse-json: 5.2.0
+      path-type: 4.0.0
+      yaml: 1.10.3
+
+  cosmiconfig@8.3.6(@typescript/typescript6@6.0.2):
+    dependencies:
+      import-fresh: 3.3.1
+      js-yaml: 4.3.1
+      parse-json: 5.2.0
+      path-type: 4.0.0
+    optionalDependencies:
+      typescript: '@typescript/typescript6@6.0.2'
+
+  cosmiconfig@8.3.6(typescript@7.0.2):
+    dependencies:
+      import-fresh: 3.3.1
+      js-yaml: 4.3.1
+      parse-json: 5.2.0
+      path-type: 4.0.0
+    optionalDependencies:
+      typescript: 7.0.2
+
+  cosmiconfig@9.0.2(@typescript/typescript6@6.0.2):
+    dependencies:
+      env-paths: 2.2.1
+      import-fresh: 3.3.1
+      js-yaml: 4.3.1
+      parse-json: 5.2.0
+    optionalDependencies:
+      typescript: '@typescript/typescript6@6.0.2'
+
+  counterpart@0.18.6:
+    dependencies:
+      date-names: 0.1.13
+      except: 0.1.3
+      extend: 3.0.2
+      pluralizers: 0.1.7
+      sprintf-js: 1.1.3
+
+  cpu-features@0.0.10:
+    dependencies:
+      buildcheck: 0.0.7
+      nan: 2.28.0
+    optional: true
+
+  crc-32@0.3.0: {}
+
+  crc-32@1.2.2: {}
+
+  crc32-stream@6.0.0:
+    dependencies:
+      crc-32: 1.2.2
+      readable-stream: 4.7.0
+
+  create-ecdh@4.0.4:
+    dependencies:
+      bn.js: 4.12.3
+      elliptic: 6.6.1
+
+  create-hash@1.2.0:
+    dependencies:
+      cipher-base: 1.0.7
+      inherits: 2.0.4
+      md5.js: 1.3.5
+      ripemd160: 2.0.3
+      sha.js: 2.4.12
+
+  create-hmac@1.1.7:
+    dependencies:
+      cipher-base: 1.0.7
+      create-hash: 1.2.0
+      inherits: 2.0.4
+      ripemd160: 2.0.3
+      safe-buffer: 5.2.1
+      sha.js: 2.4.12
+
+  create-require@1.1.1: {}
+
+  cronstrue@3.24.0: {}
+
+  cross-dirname@0.1.0:
+    optional: true
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  crypto-browserify@3.12.1:
+    dependencies:
+      browserify-cipher: 1.0.1
+      browserify-sign: 4.2.5
+      create-ecdh: 4.0.4
+      create-hash: 1.2.0
+      create-hmac: 1.1.7
+      diffie-hellman: 5.0.3
+      hash-base: 3.0.5
+      inherits: 2.0.4
+      pbkdf2: 3.1.5
+      public-encrypt: 4.0.3
+      randombytes: 2.1.0
+      randomfill: 1.0.4
+
+  css-blank-pseudo@8.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  css-box-model@1.2.1:
+    dependencies:
+      tiny-invariant: 1.3.3
+
+  css-declaration-sorter@7.3.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  css-functions-list@3.3.3: {}
+
+  css-has-pseudo@8.0.0(postcss@8.5.25):
+    dependencies:
+      '@csstools/selector-specificity': 6.0.0(postcss-selector-parser@7.1.4)
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+      postcss-value-parser: 4.2.0
+
+  css-loader@7.1.4(webpack@5.109.2):
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-modules-extract-imports: 3.1.0(postcss@8.5.25)
+      postcss-modules-local-by-default: 4.2.0(postcss@8.5.25)
+      postcss-modules-scope: 3.2.1(postcss@8.5.25)
+      postcss-modules-values: 4.0.0(postcss@8.5.25)
+      postcss-value-parser: 4.2.0
+      semver: 7.8.5
+    optionalDependencies:
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+
+  css-minimizer-webpack-plugin@8.0.0(clean-css@5.3.3)(csso@5.0.5)(esbuild@0.27.4)(lightningcss@1.33.0)(webpack@5.109.2):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      cssnano: 7.1.2(postcss@8.5.25)
+      jest-worker: 30.4.1
+      postcss: 8.5.25
+      schema-utils: 4.3.3
+      serialize-javascript: 7.0.5
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+    optionalDependencies:
+      clean-css: 5.3.3
+      csso: 5.0.5
+      esbuild: 0.27.4
+      lightningcss: 1.33.0
+
+  css-prefers-color-scheme@11.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  css-select@4.3.0:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.2.2
+      domhandler: 4.3.1
+      domutils: 2.8.0
+      nth-check: 2.1.1
+
+  css-select@5.2.2:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.2.2
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      nth-check: 2.1.1
+
+  css-tree@2.2.1:
+    dependencies:
+      mdn-data: 2.0.28
+      source-map-js: 1.2.1
+
+  css-tree@2.3.1:
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.2.1
+
+  css-tree@3.2.1:
+    dependencies:
+      mdn-data: 2.27.1
+      source-map-js: 1.2.1
+
+  css-what@6.2.2: {}
+
+  css.escape@1.5.1: {}
+
+  cssdb@8.9.0: {}
+
+  cssesc@3.0.0: {}
+
+  cssfontparser@1.2.1: {}
+
+  cssnano-preset-default@7.0.10(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.7
+      css-declaration-sorter: 7.3.1(postcss@8.5.25)
+      cssnano-utils: 5.0.1(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-calc: 10.1.1(postcss@8.5.25)
+      postcss-colormin: 7.0.5(postcss@8.5.25)
+      postcss-convert-values: 7.0.8(postcss@8.5.25)
+      postcss-discard-comments: 7.0.5(postcss@8.5.25)
+      postcss-discard-duplicates: 7.0.2(postcss@8.5.25)
+      postcss-discard-empty: 7.0.1(postcss@8.5.25)
+      postcss-discard-overridden: 7.0.1(postcss@8.5.25)
+      postcss-merge-longhand: 7.0.5(postcss@8.5.25)
+      postcss-merge-rules: 7.0.7(postcss@8.5.25)
+      postcss-minify-font-values: 7.0.1(postcss@8.5.25)
+      postcss-minify-gradients: 7.0.1(postcss@8.5.25)
+      postcss-minify-params: 7.0.5(postcss@8.5.25)
+      postcss-minify-selectors: 7.0.5(postcss@8.5.25)
+      postcss-normalize-charset: 7.0.1(postcss@8.5.25)
+      postcss-normalize-display-values: 7.0.1(postcss@8.5.25)
+      postcss-normalize-positions: 7.0.1(postcss@8.5.25)
+      postcss-normalize-repeat-style: 7.0.1(postcss@8.5.25)
+      postcss-normalize-string: 7.0.1(postcss@8.5.25)
+      postcss-normalize-timing-functions: 7.0.1(postcss@8.5.25)
+      postcss-normalize-unicode: 7.0.5(postcss@8.5.25)
+      postcss-normalize-url: 7.0.1(postcss@8.5.25)
+      postcss-normalize-whitespace: 7.0.1(postcss@8.5.25)
+      postcss-ordered-values: 7.0.2(postcss@8.5.25)
+      postcss-reduce-initial: 7.0.5(postcss@8.5.25)
+      postcss-reduce-transforms: 7.0.1(postcss@8.5.25)
+      postcss-svgo: 7.1.0(postcss@8.5.25)
+      postcss-unique-selectors: 7.0.4(postcss@8.5.25)
+
+  cssnano-utils@5.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  cssnano@7.1.2(postcss@8.5.25):
+    dependencies:
+      cssnano-preset-default: 7.0.10(postcss@8.5.25)
+      lilconfig: 3.1.3
+      postcss: 8.5.25
+
+  csso@5.0.5:
+    dependencies:
+      css-tree: 2.2.1
+
+  cssstyle@4.6.0:
+    dependencies:
+      '@asamuzakjp/css-color': 3.2.0
+      rrweb-cssom: 0.8.0
+
+  csstype@3.2.3: {}
+
+  csv-parse@5.6.0: {}
+
+  cuint@0.2.2: {}
+
+  cytoscape-cose-bilkent@4.1.0(cytoscape@3.34.0):
+    dependencies:
+      cose-base: 1.0.3
+      cytoscape: 3.34.0
+
+  cytoscape-fcose@2.2.0(cytoscape@3.34.0):
+    dependencies:
+      cose-base: 2.2.0
+      cytoscape: 3.34.0
+
+  cytoscape@3.34.0: {}
+
+  d3-array@2.12.1:
+    dependencies:
+      internmap: 1.0.1
+
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+
+  d3-axis@3.0.0: {}
+
+  d3-brush@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  d3-chord@3.0.1:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-color@3.1.0: {}
+
+  d3-contour@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-delaunay@6.0.4:
+    dependencies:
+      delaunator: 5.1.0
+
+  d3-dispatch@3.0.1: {}
+
+  d3-drag@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-selection: 3.0.0
+
+  d3-dsv@3.0.1:
+    dependencies:
+      commander: 7.2.0
+      iconv-lite: 0.6.3
+      rw: 1.3.3
+
+  d3-ease@3.0.1: {}
+
+  d3-fetch@3.0.1:
+    dependencies:
+      d3-dsv: 3.0.1
+
+  d3-force@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-timer: 3.0.1
+
+  d3-format@3.1.2: {}
+
+  d3-geo@3.1.1:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-hierarchy@3.1.2: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-path@1.0.9: {}
+
+  d3-path@3.1.0: {}
+
+  d3-polygon@3.0.1: {}
+
+  d3-quadtree@3.0.1: {}
+
+  d3-random@3.0.1: {}
+
+  d3-sankey@0.12.3:
+    dependencies:
+      d3-array: 2.12.1
+      d3-shape: 1.3.7
+
+  d3-scale-chromatic@3.1.0:
+    dependencies:
+      d3-color: 3.1.0
+      d3-interpolate: 3.0.1
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+
+  d3-selection@3.0.0: {}
+
+  d3-shape@1.3.7:
+    dependencies:
+      d3-path: 1.0.9
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-timer@3.0.1: {}
+
+  d3-transition@3.0.1(d3-selection@3.0.0):
+    dependencies:
+      d3-color: 3.1.0
+      d3-dispatch: 3.0.1
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-timer: 3.0.1
+
+  d3-zoom@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  d3@7.9.0:
+    dependencies:
+      d3-array: 3.2.4
+      d3-axis: 3.0.0
+      d3-brush: 3.0.0
+      d3-chord: 3.0.1
+      d3-color: 3.1.0
+      d3-contour: 4.0.2
+      d3-delaunay: 6.0.4
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-dsv: 3.0.1
+      d3-ease: 3.0.1
+      d3-fetch: 3.0.1
+      d3-force: 3.0.0
+      d3-format: 3.1.2
+      d3-geo: 3.1.1
+      d3-hierarchy: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-path: 3.1.0
+      d3-polygon: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-random: 3.0.1
+      d3-scale: 4.0.2
+      d3-scale-chromatic: 3.1.0
+      d3-selection: 3.0.0
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+      d3-timer: 3.0.1
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+      d3-zoom: 3.0.0
+
+  dagre-d3-es@7.0.14:
+    dependencies:
+      d3: 7.9.0
+      lodash-es: 4.18.1
+
+  data-urls@5.0.0:
+    dependencies:
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.2.0
+
+  date-names@0.1.13: {}
+
+  dayjs@1.11.21: {}
+
+  debounce-fn@6.0.0:
+    dependencies:
+      mimic-function: 5.0.1
+
+  debug@2.6.9(supports-color@10.2.2):
+    dependencies:
+      ms: 2.0.0
+    optionalDependencies:
+      supports-color: 10.2.2
+
+  debug@4.4.3(supports-color@10.2.2):
+    dependencies:
+      ms: 2.1.3
+    optionalDependencies:
+      supports-color: 10.2.2
+
+  debug@4.4.3(supports-color@7.2.0):
+    dependencies:
+      ms: 2.1.3
+    optionalDependencies:
+      supports-color: 7.2.0
+
+  decamelize@1.2.0: {}
+
+  decimal.js@10.6.0: {}
+
+  decompress-response@6.0.0:
+    dependencies:
+      mimic-response: 3.1.0
+
+  dedent@1.7.2(babel-plugin-macros@3.1.0):
+    optionalDependencies:
+      babel-plugin-macros: 3.1.0
+
+  deep-eql@5.0.2: {}
+
+  deep-is@0.1.4: {}
+
+  deepmerge@4.3.1: {}
+
+  default-browser-id@5.0.0: {}
+
+  default-browser-id@5.0.1: {}
+
+  default-browser@5.2.1:
+    dependencies:
+      bundle-name: 4.1.0
+      default-browser-id: 5.0.1
+
+  default-browser@5.5.0:
+    dependencies:
+      bundle-name: 4.1.0
+      default-browser-id: 5.0.1
+
+  defaults@1.0.4:
+    dependencies:
+      clone: 1.0.4
+
+  defer-to-connect@2.0.1: {}
+
+  define-data-property@1.1.4:
+    dependencies:
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  define-lazy-prop@3.0.0: {}
+
+  define-properties@1.2.1:
+    dependencies:
+      define-data-property: 1.1.4
+      has-property-descriptors: 1.0.2
+      object-keys: 1.1.1
+
+  delaunator@5.1.0:
+    dependencies:
+      robust-predicates: 3.0.3
+
+  delayed-stream@1.0.0: {}
+
+  depd@1.1.2: {}
+
+  depd@2.0.0: {}
+
+  dequal@2.0.3: {}
+
+  des.js@1.1.0:
+    dependencies:
+      inherits: 2.0.4
+      minimalistic-assert: 1.0.1
+
+  detect-libc@2.1.2: {}
+
+  detect-newline@3.1.0: {}
+
+  detect-node-es@1.1.0: {}
+
+  detect-node@2.1.0:
+    optional: true
+
+  detect-port@1.6.1(supports-color@7.2.0):
+    dependencies:
+      address: 1.2.2
+      debug: 4.4.3(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
+  diff-dom@5.2.1: {}
+
+  diff-match-patch@1.0.5: {}
+
+  diff@8.0.4: {}
+
+  diffie-hellman@5.0.3:
+    dependencies:
+      bn.js: 4.12.3
+      miller-rabin: 4.0.1
+      randombytes: 2.1.0
+
+  dijkstrajs@1.0.3: {}
+
+  dir-compare@4.2.0:
+    dependencies:
+      minimatch: 3.1.5
+      p-limit: 3.1.0
+
+  dmg-builder@26.15.3(electron-builder-squirrel-windows@26.15.3)(supports-color@10.2.2):
+    dependencies:
+      app-builder-lib: 26.15.3(dmg-builder@26.15.3)(electron-builder-squirrel-windows@26.15.3)(supports-color@10.2.2)
+      builder-util: 26.15.3(supports-color@10.2.2)
+      fs-extra: 10.1.0
+      js-yaml: 4.3.1
+    transitivePeerDependencies:
+      - electron-builder-squirrel-windows
+      - supports-color
+
+  dns-packet@5.6.1:
+    dependencies:
+      '@leichtgewicht/ip-codec': 2.0.5
+
+  docker-compose@1.4.2:
+    dependencies:
+      yaml: 2.9.0
+
+  docker-modem@5.0.7(supports-color@10.2.2):
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+      readable-stream: 3.6.2
+      split-ca: 1.0.1
+      ssh2: 1.17.0
+    transitivePeerDependencies:
+      - supports-color
+
+  dockerode@5.0.1(supports-color@10.2.2):
+    dependencies:
+      '@balena/dockerignore': 1.0.2
+      '@grpc/grpc-js': 1.14.4
+      '@grpc/proto-loader': 0.7.15
+      docker-modem: 5.0.7(supports-color@10.2.2)
+      protobufjs: 7.6.5
+      tar-fs: 2.1.5
+    transitivePeerDependencies:
+      - supports-color
+
+  doctrine@3.0.0:
+    dependencies:
+      esutils: 2.0.3
+
+  dom-accessibility-api@0.5.16: {}
+
+  dom-accessibility-api@0.6.3: {}
+
+  dom-converter@0.2.0:
+    dependencies:
+      utila: 0.4.0
+
+  dom-helpers@5.2.1:
+    dependencies:
+      '@babel/runtime': 7.29.7
+      csstype: 3.2.3
+
+  dom-serializer@1.4.1:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 4.3.1
+      entities: 2.2.0
+
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  dom-serializer@3.0.0:
+    dependencies:
+      domelementtype: 3.0.0
+      domhandler: 6.0.1
+      entities: 8.0.0
+
+  domain-browser@4.22.0: {}
+
+  domelementtype@2.3.0: {}
+
+  domelementtype@3.0.0: {}
+
+  domhandler@4.3.1:
+    dependencies:
+      domelementtype: 2.3.0
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  domhandler@6.0.1:
+    dependencies:
+      domelementtype: 3.0.0
+
+  dompurify@3.4.12:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+
+  domutils@2.8.0:
+    dependencies:
+      dom-serializer: 1.4.1
+      domelementtype: 2.3.0
+      domhandler: 4.3.1
+
+  domutils@3.2.2:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
+  domutils@4.0.2:
+    dependencies:
+      dom-serializer: 3.0.0
+      domelementtype: 3.0.0
+      domhandler: 6.0.1
+
+  dot-case@3.0.4:
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.8.1
+
+  dot-prop@10.1.0:
+    dependencies:
+      type-fest: 5.5.0
+
+  dotenv-expand@11.0.7:
+    dependencies:
+      dotenv: 16.6.1
+
+  dotenv-expand@12.0.3:
+    dependencies:
+      dotenv: 16.6.1
+
+  dotenv@16.4.7: {}
+
+  dotenv@16.6.1: {}
+
+  dotenv@17.4.2: {}
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  duplexer2@0.1.4:
+    dependencies:
+      readable-stream: 2.3.8
+
+  earcut@3.0.2: {}
+
+  eastasianwidth@0.2.0: {}
+
+  ee-first@1.1.1: {}
+
+  ejs@3.1.10:
+    dependencies:
+      jake: 10.9.4
+
+  ejs@5.0.1: {}
+
+  electron-builder-squirrel-windows@26.15.3(dmg-builder@26.15.3)(supports-color@10.2.2):
+    dependencies:
+      app-builder-lib: 26.15.3(dmg-builder@26.15.3)(electron-builder-squirrel-windows@26.15.3)(supports-color@10.2.2)
+      builder-util: 26.15.3(supports-color@10.2.2)
+      electron-winstaller: 5.4.0(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - dmg-builder
+      - supports-color
+
+  electron-builder@26.15.3(electron-builder-squirrel-windows@26.15.3)(supports-color@10.2.2):
+    dependencies:
+      app-builder-lib: 26.15.3(dmg-builder@26.15.3)(electron-builder-squirrel-windows@26.15.3)(supports-color@10.2.2)
+      builder-util: 26.15.3(supports-color@10.2.2)
+      builder-util-runtime: 9.7.0(supports-color@10.2.2)
+      chalk: 4.1.2
+      ci-info: 4.4.0
+      dmg-builder: 26.15.3(electron-builder-squirrel-windows@26.15.3)(supports-color@10.2.2)
+      fs-extra: 10.1.0
+      lazy-val: 1.0.5
+      simple-update-notifier: 2.0.0
+      yargs: 17.7.3
+    transitivePeerDependencies:
+      - electron-builder-squirrel-windows
+      - supports-color
+
+  electron-devtools-installer@4.0.0:
+    dependencies:
+      unzip-crx-3: 0.2.0
+
+  electron-publish@26.15.3(supports-color@10.2.2):
+    dependencies:
+      '@types/fs-extra': 9.0.13
+      aws4: 1.13.2
+      builder-util: 26.15.3(supports-color@10.2.2)
+      builder-util-runtime: 9.7.0(supports-color@10.2.2)
+      chalk: 4.1.2
+      form-data: 4.0.6
+      fs-extra: 10.1.0
+      lazy-val: 1.0.5
+      mime: 2.6.0
+    transitivePeerDependencies:
+      - supports-color
+
+  electron-store@11.0.2:
+    dependencies:
+      conf: 15.1.0
+      type-fest: 5.5.0
+
+  electron-to-chromium@1.5.396: {}
+
+  electron-window-state@5.0.3:
+    dependencies:
+      jsonfile: 4.0.0
+      mkdirp: 0.5.6
+
+  electron-winstaller@5.4.0(supports-color@10.2.2):
+    dependencies:
+      '@electron/asar': 3.4.1
+      debug: 4.4.3(supports-color@10.2.2)
+      fs-extra: 7.0.1
+      lodash: 4.18.1
+      temp: 0.9.4
+    optionalDependencies:
+      '@electron/windows-sign': 1.2.2(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  electron@43.2.0(supports-color@10.2.2):
+    dependencies:
+      '@electron-internal/extract-zip': 1.0.3
+      '@electron/get': 5.0.0(supports-color@10.2.2)
+      '@types/node': 25.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  elliptic@6.6.1:
+    dependencies:
+      bn.js: 4.12.3
+      brorand: 1.1.0
+      hash.js: 1.1.7
+      hmac-drbg: 1.0.1
+      inherits: 2.0.4
+      minimalistic-assert: 1.0.1
+      minimalistic-crypto-utils: 1.0.1
+
+  emittery@0.13.1: {}
+
+  emoji-regex-xs@1.0.0: {}
+
+  emoji-regex@8.0.0: {}
+
+  emoji-regex@9.2.2: {}
+
+  emojibase-data@17.0.0(emojibase@17.0.0):
+    dependencies:
+      emojibase: 17.0.0
+
+  emojibase-regex@17.0.0: {}
+
+  emojibase@17.0.0: {}
+
+  emojis-list@3.0.0: {}
+
+  empathic@2.0.1: {}
+
+  encodeurl@2.0.0: {}
+
+  end-of-stream@1.4.5:
+    dependencies:
+      once: 1.4.0
+
+  enhanced-resolve@5.24.5:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.3
+
+  enquirer@2.3.6:
+    dependencies:
+      ansi-colors: 4.1.3
+
+  entities@2.2.0: {}
+
+  entities@3.0.1: {}
+
+  entities@4.5.0: {}
+
+  entities@6.0.1: {}
+
+  entities@7.0.1: {}
+
+  entities@8.0.0: {}
+
+  env-paths@2.2.1: {}
+
+  env-paths@3.0.0: {}
+
+  envinfo@7.21.0: {}
+
+  err-code@2.0.3: {}
+
+  error-ex@1.3.4:
+    dependencies:
+      is-arrayish: 0.2.1
+
+  es-define-property@1.0.1: {}
+
+  es-errors@1.3.0: {}
+
+  es-module-lexer@2.3.1: {}
+
+  es-object-atoms@1.1.1:
+    dependencies:
+      es-errors: 1.3.0
+
+  es-set-tostringtag@2.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.4
+
+  es-toolkit@1.49.0: {}
+
+  es6-error@4.1.1:
+    optional: true
+
+  esbuild@0.27.4:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.27.4
+      '@esbuild/android-arm': 0.27.4
+      '@esbuild/android-arm64': 0.27.4
+      '@esbuild/android-x64': 0.27.4
+      '@esbuild/darwin-arm64': 0.27.4
+      '@esbuild/darwin-x64': 0.27.4
+      '@esbuild/freebsd-arm64': 0.27.4
+      '@esbuild/freebsd-x64': 0.27.4
+      '@esbuild/linux-arm': 0.27.4
+      '@esbuild/linux-arm64': 0.27.4
+      '@esbuild/linux-ia32': 0.27.4
+      '@esbuild/linux-loong64': 0.27.4
+      '@esbuild/linux-mips64el': 0.27.4
+      '@esbuild/linux-ppc64': 0.27.4
+      '@esbuild/linux-riscv64': 0.27.4
+      '@esbuild/linux-s390x': 0.27.4
+      '@esbuild/linux-x64': 0.27.4
+      '@esbuild/netbsd-arm64': 0.27.4
+      '@esbuild/netbsd-x64': 0.27.4
+      '@esbuild/openbsd-arm64': 0.27.4
+      '@esbuild/openbsd-x64': 0.27.4
+      '@esbuild/openharmony-arm64': 0.27.4
+      '@esbuild/sunos-x64': 0.27.4
+      '@esbuild/win32-arm64': 0.27.4
+      '@esbuild/win32-ia32': 0.27.4
+      '@esbuild/win32-x64': 0.27.4
+
+  escalade@3.2.0: {}
+
+  escape-html@1.0.3: {}
+
+  escape-string-regexp@1.0.5: {}
+
+  escape-string-regexp@2.0.0: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  escape-string-regexp@5.0.0: {}
+
+  eslint-plugin-element-call@https://codeload.github.com/element-hq/element-call/tar.gz/2d64cf4b308c770118dbbdb914af332e5baa7702#path:/eslint: {}
+
+  eslint-plugin-storybook@10.5.5(@typescript/typescript6@6.0.2)(eslint@8.57.1)(storybook@10.5.5)(supports-color@7.2.0):
+    dependencies:
+      '@typescript-eslint/types': 8.66.0
+      '@typescript-eslint/utils': 8.66.0(@typescript/typescript6@6.0.2)(eslint@8.57.1)(supports-color@7.2.0)
+      eslint: 8.57.1(supports-color@7.2.0)
+      storybook: 10.5.5(@types/react@19.2.18)(prettier@2.8.8)(react@19.2.8)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  eslint-scope@5.1.1:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 4.3.0
+
+  eslint-scope@7.2.2:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@5.0.1: {}
+
+  eslint@8.57.1(supports-color@7.2.0):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.10.1(eslint@8.57.1)
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/eslintrc': 2.1.4(supports-color@7.2.0)
+      '@eslint/js': 8.57.1
+      '@humanwhocodes/config-array': 0.13.0(supports-color@7.2.0)
+      '@humanwhocodes/module-importer': 1.0.1
+      '@nodelib/fs.walk': 1.2.8
+      '@ungap/structured-clone': 1.3.3
+      ajv: 6.15.0
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3(supports-color@7.2.0)
+      doctrine: 3.0.0
+      escape-string-regexp: 4.0.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      globals: 13.24.0
+      graphemer: 1.4.0
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      is-path-inside: 3.0.3
+      js-yaml: 4.3.1
+      json-stable-stringify-without-jsonify: 1.0.1
+      levn: 0.4.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.5
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+      strip-ansi: 6.0.1
+      text-table: 0.2.0
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@9.6.1:
+    dependencies:
+      acorn: 8.18.0
+      acorn-jsx: 5.3.2(acorn@8.18.0)
+      eslint-visitor-keys: 3.4.3
+
+  esprima@4.0.1: {}
+
+  esquery@1.7.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@4.3.0: {}
+
+  estraverse@5.3.0: {}
+
+  estree-walker@2.0.2: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+
+  esutils@2.0.3: {}
+
+  etag@1.8.1: {}
+
+  event-target-shim@5.0.1: {}
+
+  events-universal@1.0.1:
+    dependencies:
+      bare-events: 2.9.1
+    transitivePeerDependencies:
+      - bare-abort-controller
+
+  events@3.3.0: {}
+
+  evp_bytestokey@1.0.3:
+    dependencies:
+      md5.js: 1.3.5
+      safe-buffer: 5.2.1
+
+  except@0.1.3:
+    dependencies:
+      indexof: 0.0.1
+
+  execa@5.1.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+
+  exit-x@0.2.2: {}
+
+  expect-type@1.3.0: {}
+
+  expect@30.4.1:
+    dependencies:
+      '@jest/expect-utils': 30.4.1
+      '@jest/get-type': 30.1.0
+      jest-matcher-utils: 30.4.1
+      jest-message-util: 30.4.1
+      jest-mock: 30.4.1
+      jest-util: 30.4.1
+
+  exponential-backoff@3.1.3: {}
+
+  express@5.2.1(supports-color@10.2.2):
+    dependencies:
+      accepts: 2.0.0
+      body-parser: 2.3.0(supports-color@10.2.2)
+      content-disposition: 1.0.1
+      content-type: 1.0.5
+      cookie: 0.7.2
+      cookie-signature: 1.2.2
+      debug: 4.4.3(supports-color@10.2.2)
+      depd: 2.0.0
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      finalhandler: 2.1.1(supports-color@10.2.2)
+      fresh: 2.0.0
+      http-errors: 2.0.1
+      merge-descriptors: 2.0.0
+      mime-types: 3.0.2
+      on-finished: 2.4.1
+      once: 1.4.0
+      parseurl: 1.3.3
+      proxy-addr: 2.0.7
+      qs: 6.15.3
+      range-parser: 1.3.0
+      router: 2.2.0(supports-color@10.2.2)
+      send: 1.2.1(supports-color@10.2.2)
+      serve-static: 2.2.1(supports-color@10.2.2)
+      statuses: 2.0.2
+      type-is: 2.1.0
+      vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  exsolve@1.0.8: {}
+
+  extend@3.0.2: {}
+
+  fake-indexeddb@6.2.5: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-fifo@1.3.2: {}
+
+  fast-glob@3.3.3:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fast-uri@3.1.5: {}
+
+  fastest-levenshtein@1.0.16: {}
+
+  fastq@1.20.1:
+    dependencies:
+      reusify: 1.1.0
+
+  fb-watchman@2.0.2:
+    dependencies:
+      bser: 2.1.1
+
+  fd-package-json@2.0.0:
+    dependencies:
+      walk-up-path: 4.0.0
+
+  fdir@6.5.0(picomatch@4.0.5):
+    dependencies:
+      '@types/picomatch': 4.0.2
+    optionalDependencies:
+      picomatch: 4.0.5
+
+  fetch-mock@12.6.0:
+    dependencies:
+      '@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: {}
+
+  figures@3.2.0:
+    dependencies:
+      escape-string-regexp: 1.0.5
+
+  file-entry-cache@11.1.5:
+    dependencies:
+      flat-cache: 6.1.23
+
+  file-entry-cache@6.0.1:
+    dependencies:
+      flat-cache: 3.2.0
+
+  file-loader@6.2.0(webpack@5.109.2):
+    dependencies:
+      loader-utils: 2.0.4
+      schema-utils: 3.3.0
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+
+  file-saver@2.0.5: {}
+
+  file@0.2.2: {}
+
+  filelist@1.0.4:
+    dependencies:
+      minimatch: 5.1.9
+
+  filesize@11.0.22: {}
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  finalhandler@2.1.1(supports-color@10.2.2):
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      on-finished: 2.4.1
+      parseurl: 1.3.3
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  find-up@4.1.0:
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@3.2.0:
+    dependencies:
+      flatted: 3.4.4
+      keyv: 4.5.4
+      rimraf: 3.0.2
+
+  flat-cache@6.1.23:
+    dependencies:
+      cacheable: 2.5.0
+      flatted: 3.4.4
+      hookified: 1.15.1
+
+  flat@5.0.2: {}
+
+  flatted@3.4.4: {}
+
+  focus-lock@1.3.6:
+    dependencies:
+      tslib: 2.8.1
+
+  focus-trap@7.8.0:
+    dependencies:
+      tabbable: 6.4.0
+
+  follow-redirects@1.16.0(debug@4.4.3):
+    optionalDependencies:
+      debug: 4.4.3(supports-color@7.2.0)
+
+  for-each@0.3.5:
+    dependencies:
+      is-callable: 1.2.7
+
+  foreachasync@3.0.0: {}
+
+  foreground-child@3.3.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
+
+  form-data@4.0.6:
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      hasown: 2.0.4
+      mime-types: 2.1.35
+
+  formatly@0.3.0:
+    dependencies:
+      fd-package-json: 2.0.0
+
+  forwarded@0.2.0: {}
+
+  fraction.js@5.3.4: {}
+
+  framer-motion@12.42.2(@emotion/is-prop-valid@1.4.0)(react-dom@19.2.8)(react@19.2.8):
+    dependencies:
+      motion-dom: 12.42.2
+      motion-utils: 12.39.0
+      tslib: 2.8.1
+    optionalDependencies:
+      '@emotion/is-prop-valid': 1.4.0
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+
+  fresh@2.0.0: {}
+
+  fs-constants@1.0.0: {}
+
+  fs-extra@10.1.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.2.1
+      universalify: 2.0.1
+
+  fs-extra@11.3.6:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.2.1
+      universalify: 2.0.1
+
+  fs-extra@11.4.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.2.1
+      universalify: 2.0.1
+
+  fs-extra@7.0.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 4.0.0
+      universalify: 0.1.2
+
+  fs-extra@8.1.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 4.0.0
+      universalify: 0.1.2
+
+  fs-extra@9.1.0:
+    dependencies:
+      at-least-node: 1.0.0
+      graceful-fs: 4.2.11
+      jsonfile: 6.2.1
+      universalify: 2.0.1
+
+  fs-minipass@3.0.3:
+    dependencies:
+      minipass: 7.1.3
+
+  fs.realpath@1.0.0: {}
+
+  fs@0.0.1-security: {}
+
+  fsevents@2.3.2:
+    optional: true
+
+  fsevents@2.3.3:
+    optional: true
+
+  function-bind@1.1.2: {}
+
+  function-timeout@0.1.1: {}
+
+  generator-function@2.0.1: {}
+
+  gensync@1.0.0-beta.2: {}
+
+  get-caller-file@2.0.5: {}
+
+  get-east-asian-width@1.6.0: {}
+
+  get-intrinsic@1.3.0:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.4
+      math-intrinsics: 1.1.0
+
+  get-nonce@1.0.1: {}
+
+  get-package-type@0.1.0: {}
+
+  get-port@5.1.1: {}
+
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+
+  get-stream@5.2.0:
+    dependencies:
+      pump: 3.0.4
+
+  get-stream@6.0.1: {}
+
+  get-tsconfig@4.14.0:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+
+  github-markdown-css@5.9.0: {}
+
+  gl-matrix@3.4.4: {}
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-to-regex.js@1.2.0(tslib@2.8.1):
+    dependencies:
+      tslib: 2.8.1
+
+  glob-to-regexp@0.4.1: {}
+
+  glob@10.5.0:
+    dependencies:
+      foreground-child: 3.3.1
+      jackspeak: 3.4.3
+      minimatch: 9.0.9
+      minipass: 7.1.3
+      package-json-from-dist: 1.0.1
+      path-scurry: 1.11.1
+
+  glob@13.0.6:
+    dependencies:
+      minimatch: 10.2.6
+      minipass: 7.1.3
+      path-scurry: 2.0.2
+
+  glob@7.2.3:
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.5
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+
+  global-agent@3.0.0:
+    dependencies:
+      boolean: 3.2.0
+      es6-error: 4.1.1
+      matcher: 3.0.0
+      roarr: 2.15.4
+      semver: 7.8.5
+      serialize-error: 7.0.1
+    optional: true
+
+  global-modules@2.0.0:
+    dependencies:
+      global-prefix: 3.0.0
+
+  global-prefix@3.0.0:
+    dependencies:
+      ini: 1.3.8
+      kind-of: 6.0.3
+      which: 1.3.1
+
+  globals@13.24.0:
+    dependencies:
+      type-fest: 0.20.2
+
+  globalthis@1.0.4:
+    dependencies:
+      define-properties: 1.2.1
+      gopd: 1.2.0
+    optional: true
+
+  globby@16.2.2:
+    dependencies:
+      '@sindresorhus/merge-streams': 4.0.0
+      fast-glob: 3.3.3
+      ignore: 7.0.6
+      is-path-inside: 4.0.0
+      slash: 5.1.0
+      unicorn-magic: 0.4.0
+
+  globjoin@0.1.4: {}
+
+  gopd@1.2.0: {}
+
+  got@11.8.6:
+    dependencies:
+      '@sindresorhus/is': 4.6.0
+      '@szmarczak/http-timer': 4.0.6
+      '@types/cacheable-request': 6.0.3
+      '@types/responselike': 1.0.3
+      cacheable-lookup: 5.0.4
+      cacheable-request: 7.0.4
+      decompress-response: 6.0.0
+      http2-wrapper: 1.0.3
+      lowercase-keys: 2.0.0
+      p-cancelable: 2.1.1
+      responselike: 2.0.1
+
+  graceful-fs@4.2.11: {}
+
+  graphemer@1.4.0: {}
+
+  hachure-fill@0.5.2: {}
+
+  handlebars@4.7.9:
+    dependencies:
+      minimist: 1.2.8
+      neo-async: 2.6.2
+      source-map: 0.6.1
+      wordwrap: 1.0.0
+    optionalDependencies:
+      uglify-js: 3.19.3
+
+  happy-dom@20.11.1:
+    dependencies:
+      '@types/node': 25.9.3
+      '@types/whatwg-mimetype': 3.0.2
+      '@types/ws': 8.18.1
+      buffer-image-size: 0.6.4
+      entities: 7.0.1
+      whatwg-mimetype: 3.0.0
+      ws: 8.21.1
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+
+  harmony-reflect@1.6.2: {}
+
+  has-flag@4.0.0: {}
+
+  has-flag@5.0.1: {}
+
+  has-property-descriptors@1.0.2:
+    dependencies:
+      es-define-property: 1.0.1
+
+  has-symbols@1.1.0: {}
+
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.1.0
+
+  hash-base@3.0.5:
+    dependencies:
+      inherits: 2.0.4
+      safe-buffer: 5.2.1
+
+  hash-base@3.1.2:
+    dependencies:
+      inherits: 2.0.4
+      readable-stream: 2.3.8
+      safe-buffer: 5.2.1
+      to-buffer: 1.2.2
+
+  hash.js@1.1.7:
+    dependencies:
+      inherits: 2.0.4
+      minimalistic-assert: 1.0.1
+
+  hashery@1.5.1:
+    dependencies:
+      hookified: 1.15.1
+
+  hasown@2.0.4:
+    dependencies:
+      function-bind: 1.1.2
+
+  hast-util-to-html@9.0.5:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      comma-separated-tokens: 2.0.3
+      hast-util-whitespace: 3.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.1
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      stringify-entities: 4.0.4
+      zwitch: 2.0.4
+
+  hast-util-whitespace@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  he@1.2.0: {}
+
+  highlight.js@11.11.1: {}
+
+  hmac-drbg@1.0.1:
+    dependencies:
+      hash.js: 1.1.7
+      minimalistic-assert: 1.0.1
+      minimalistic-crypto-utils: 1.0.1
+
+  hoist-non-react-statics@3.3.2:
+    dependencies:
+      react-is: 16.13.1
+
+  hookable@5.5.3: {}
+
+  hookified@1.15.1: {}
+
+  hookified@2.2.0: {}
+
+  hosted-git-info@10.1.1:
+    dependencies:
+      lru-cache: 11.2.6
+
+  hosted-git-info@4.1.0:
+    dependencies:
+      lru-cache: 6.0.0
+
+  html-dom-parser@8.0.0:
+    dependencies:
+      domhandler: 6.0.1
+      htmlparser2: 12.0.0
+
+  html-encoding-sniffer@4.0.0:
+    dependencies:
+      whatwg-encoding: 3.1.1
+
+  html-entities@2.6.0: {}
+
+  html-escaper@2.0.2: {}
+
+  html-escaper@3.0.3: {}
+
+  html-minifier-terser@6.1.0:
+    dependencies:
+      camel-case: 4.1.2
+      clean-css: 5.3.3
+      commander: 8.3.0
+      he: 1.2.0
+      param-case: 3.0.4
+      relateurl: 0.2.7
+      terser: 5.49.0
+
+  html-react-parser@6.1.5(@types/react@19.2.18)(react@19.2.8):
+    dependencies:
+      domhandler: 6.0.1
+      html-dom-parser: 8.0.0
+      react: 19.2.8
+      react-property: 2.0.2
+      style-to-js: 2.0.2
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  html-tags@5.1.0: {}
+
+  html-void-elements@3.0.0: {}
+
+  html-webpack-plugin@5.6.8(webpack@5.109.2):
+    dependencies:
+      '@types/html-minifier-terser': 6.1.0
+      html-minifier-terser: 6.1.0
+      lodash: 4.18.1
+      pretty-error: 4.0.0
+      tapable: 2.3.3
+    optionalDependencies:
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+
+  htmlparser2@10.1.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      entities: 7.0.1
+
+  htmlparser2@12.0.0:
+    dependencies:
+      domelementtype: 3.0.0
+      domhandler: 6.0.1
+      domutils: 4.0.2
+      entities: 8.0.0
+
+  htmlparser2@6.1.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 4.3.1
+      domutils: 2.8.0
+      entities: 2.2.0
+
+  http-cache-semantics@4.2.0: {}
+
+  http-errors@1.8.1:
+    dependencies:
+      depd: 1.1.2
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 1.5.0
+      toidentifier: 1.0.1
+
+  http-errors@2.0.1:
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.2
+      toidentifier: 1.0.1
+
+  http-proxy-agent@7.0.2(supports-color@10.2.2):
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  http-proxy-agent@7.0.2(supports-color@7.2.0):
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
+  http-proxy-agent@9.1.0(supports-color@10.2.2):
+    dependencies:
+      agent-base: 9.0.0
+      debug: 4.4.3(supports-color@10.2.2)
+      proxy-agent-negotiate: 1.1.0
+    transitivePeerDependencies:
+      - kerberos
+      - supports-color
+
+  http-proxy-middleware@4.2.0(supports-color@10.2.2):
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+      httpxy: 0.5.4
+      is-glob: 4.0.3
+      is-plain-obj: 4.1.0
+      micromatch: 4.0.8
+    transitivePeerDependencies:
+      - supports-color
+
+  http2-wrapper@1.0.3:
+    dependencies:
+      quick-lru: 5.1.1
+      resolve-alpn: 1.2.1
+
+  https-browserify@1.0.0: {}
+
+  https-proxy-agent@5.0.1(supports-color@10.2.2):
+    dependencies:
+      agent-base: 6.0.2(supports-color@10.2.2)
+      debug: 4.4.3(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  https-proxy-agent@5.0.1(supports-color@7.2.0):
+    dependencies:
+      agent-base: 6.0.2(supports-color@7.2.0)
+      debug: 4.4.3(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  https-proxy-agent@7.0.6(supports-color@10.2.2):
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  https-proxy-agent@7.0.6(supports-color@7.2.0):
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
+  https-proxy-agent@9.1.0(supports-color@10.2.2):
+    dependencies:
+      agent-base: 9.0.0
+      debug: 4.4.3(supports-color@10.2.2)
+      proxy-agent-negotiate: 1.1.0
+    transitivePeerDependencies:
+      - kerberos
+      - supports-color
+
+  httpxy@0.5.4: {}
+
+  human-signals@2.1.0: {}
+
+  husky@9.1.7: {}
+
+  hyperdyperid@1.2.0: {}
+
+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
+  iconv-lite@0.7.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
+  icss-utils@5.1.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  identity-obj-proxy@3.0.0:
+    dependencies:
+      harmony-reflect: 1.6.2
+
+  ieee754@1.2.1: {}
+
+  ignore-walk@9.0.0:
+    dependencies:
+      minimatch: 10.2.6
+
+  ignore@5.3.2: {}
+
+  ignore@7.0.5: {}
+
+  ignore@7.0.6: {}
+
+  immediate@3.0.6: {}
+
+  import-fresh@3.3.1:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  import-in-the-middle@3.3.2:
+    dependencies:
+      cjs-module-lexer: 2.2.0
+      es-module-lexer: 2.3.1
+      module-details-from-path: 1.0.4
+
+  import-lazy@4.0.0: {}
+
+  import-local@3.2.0:
+    dependencies:
+      pkg-dir: 4.2.0
+      resolve-cwd: 3.0.0
+
+  import-meta-resolve@4.2.0: {}
+
+  imurmurhash@0.1.4: {}
+
+  indent-string@4.0.0: {}
+
+  indexof@0.0.1: {}
+
+  inflight@1.0.6:
+    dependencies:
+      once: 1.4.0
+      wrappy: 1.0.2
+
+  inherits@2.0.4: {}
+
+  ini@1.3.8: {}
+
+  ini@7.0.0: {}
+
+  inline-style-parser@0.2.9: {}
+
+  internmap@1.0.1: {}
+
+  internmap@2.0.3: {}
+
+  interpret@3.1.1: {}
+
+  ip-address@10.4.0: {}
+
+  ip-regex@5.0.0: {}
+
+  ipaddr.js@1.9.1: {}
+
+  ipaddr.js@2.4.0: {}
+
+  is-arguments@1.2.0:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-arrayish@0.2.1: {}
+
+  is-buffer@2.0.5: {}
+
+  is-callable@1.2.7: {}
+
+  is-ci@4.1.0:
+    dependencies:
+      ci-info: 4.4.0
+
+  is-core-module@2.16.2:
+    dependencies:
+      hasown: 2.0.4
+
+  is-docker@3.0.0: {}
+
+  is-extglob@2.1.1: {}
+
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-generator-fn@2.1.0: {}
+
+  is-generator-function@1.1.2:
+    dependencies:
+      call-bound: 1.0.4
+      generator-function: 2.0.1
+      get-proto: 1.0.1
+      has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-in-ssh@1.0.0: {}
+
+  is-inside-container@1.0.0:
+    dependencies:
+      is-docker: 3.0.0
+
+  is-interactive@1.0.0: {}
+
+  is-ip@5.0.1:
+    dependencies:
+      ip-regex: 5.0.0
+      super-regex: 0.2.0
+
+  is-nan@1.3.2:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+
+  is-network-error@1.3.2: {}
+
+  is-number@7.0.0: {}
+
+  is-path-inside@3.0.3: {}
+
+  is-path-inside@4.0.0: {}
+
+  is-plain-obj@4.1.0: {}
+
+  is-plain-object@2.0.4:
+    dependencies:
+      isobject: 3.0.1
+
+  is-plain-object@5.0.0: {}
+
+  is-potential-custom-element-name@1.0.1: {}
+
+  is-promise@4.0.0: {}
+
+  is-reference@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+
+  is-regex@1.2.1:
+    dependencies:
+      call-bound: 1.0.4
+      gopd: 1.2.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.4
+
+  is-regexp@3.1.0: {}
+
+  is-stream@2.0.1: {}
+
+  is-typed-array@1.1.15:
+    dependencies:
+      which-typed-array: 1.1.20
+
+  is-unicode-supported@0.1.0: {}
+
+  is-what@5.5.0: {}
+
+  is-wsl@3.1.0:
+    dependencies:
+      is-inside-container: 1.0.0
+
+  is-wsl@3.1.1:
+    dependencies:
+      is-inside-container: 1.0.0
+
+  isarray@1.0.0: {}
+
+  isarray@2.0.5: {}
+
+  isbinaryfile@4.0.10: {}
+
+  isbinaryfile@5.0.7: {}
+
+  isexe@2.0.0: {}
+
+  isexe@3.1.5: {}
+
+  isexe@4.0.0: {}
+
+  isobject@3.0.1: {}
+
+  isomorphic-timers-promises@1.0.1: {}
+
+  istanbul-lib-coverage@3.2.2: {}
+
+  istanbul-lib-instrument@6.0.3(supports-color@10.2.2):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/parser': 7.29.8
+      '@istanbuljs/schema': 0.1.6
+      istanbul-lib-coverage: 3.2.2
+      semver: 7.8.5
+    transitivePeerDependencies:
+      - supports-color
+
+  istanbul-lib-report@3.0.1:
+    dependencies:
+      istanbul-lib-coverage: 3.2.2
+      make-dir: 4.0.0
+      supports-color: 7.2.0
+
+  istanbul-lib-source-maps@5.0.6(supports-color@10.2.2):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      debug: 4.4.3(supports-color@10.2.2)
+      istanbul-lib-coverage: 3.2.2
+    transitivePeerDependencies:
+      - supports-color
+
+  istanbul-reports@3.2.0:
+    dependencies:
+      html-escaper: 2.0.2
+      istanbul-lib-report: 3.0.1
+
+  jackspeak@3.4.3:
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+    optionalDependencies:
+      '@pkgjs/parseargs': 0.11.0
+
+  jake@10.9.4:
+    dependencies:
+      async: 3.2.6
+      filelist: 1.0.4
+      picocolors: 1.1.1
+
+  jest-canvas-mock@2.5.8:
+    dependencies:
+      cssfontparser: 1.2.1
+      moo-color: 1.0.3
+
+  jest-changed-files@30.4.1:
+    dependencies:
+      execa: 5.1.1
+      jest-util: 30.4.1
+      p-limit: 3.1.0
+
+  jest-circus@30.4.2(babel-plugin-macros@3.1.0)(supports-color@10.2.2):
+    dependencies:
+      '@jest/environment': 30.4.1
+      '@jest/expect': 30.4.1(supports-color@10.2.2)
+      '@jest/test-result': 30.4.1
+      '@jest/types': 30.4.1
+      '@types/node': 25.9.3
+      chalk: 4.1.2
+      co: 4.6.0
+      dedent: 1.7.2(babel-plugin-macros@3.1.0)
+      is-generator-fn: 2.1.0
+      jest-each: 30.4.1
+      jest-matcher-utils: 30.4.1
+      jest-message-util: 30.4.1
+      jest-runtime: 30.4.2(supports-color@10.2.2)
+      jest-snapshot: 30.4.1(supports-color@10.2.2)
+      jest-util: 30.4.1
+      p-limit: 3.1.0
+      pretty-format: 30.4.1
+      pure-rand: 7.0.1
+      slash: 3.0.0
+      stack-utils: 2.0.6
+    transitivePeerDependencies:
+      - babel-plugin-macros
+      - supports-color
+
+  jest-cli@30.4.2(@types/node@25.9.3)(babel-plugin-macros@3.1.0)(supports-color@10.2.2):
+    dependencies:
+      '@jest/core': 30.4.2(babel-plugin-macros@3.1.0)(supports-color@10.2.2)
+      '@jest/test-result': 30.4.1
+      '@jest/types': 30.4.1
+      chalk: 4.1.2
+      exit-x: 0.2.2
+      import-local: 3.2.0
+      jest-config: 30.4.2(@types/node@25.9.3)(babel-plugin-macros@3.1.0)(supports-color@10.2.2)
+      jest-util: 30.4.1
+      jest-validate: 30.4.1
+      yargs: 17.7.3
+    transitivePeerDependencies:
+      - '@types/node'
+      - babel-plugin-macros
+      - esbuild-register
+      - supports-color
+      - ts-node
+
+  jest-config@30.4.2(@types/node@25.9.3)(babel-plugin-macros@3.1.0)(supports-color@10.2.2):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@jest/get-type': 30.1.0
+      '@jest/pattern': 30.4.0
+      '@jest/test-sequencer': 30.4.1
+      '@jest/types': 30.4.1
+      babel-jest: 30.4.1(@babel/core@7.29.7)(supports-color@10.2.2)
+      chalk: 4.1.2
+      ci-info: 4.4.0
+      deepmerge: 4.3.1
+      glob: 10.5.0
+      graceful-fs: 4.2.11
+      jest-circus: 30.4.2(babel-plugin-macros@3.1.0)(supports-color@10.2.2)
+      jest-docblock: 30.4.0
+      jest-environment-node: 30.4.1
+      jest-regex-util: 30.4.0
+      jest-resolve: 30.4.1
+      jest-runner: 30.4.2(supports-color@10.2.2)
+      jest-util: 30.4.1
+      jest-validate: 30.4.1
+      parse-json: 5.2.0
+      pretty-format: 30.4.1
+      slash: 3.0.0
+      strip-json-comments: 3.1.1
+    optionalDependencies:
+      '@types/node': 25.9.3
+    transitivePeerDependencies:
+      - babel-plugin-macros
+      - supports-color
+
+  jest-diff@30.4.1:
+    dependencies:
+      '@jest/diff-sequences': 30.4.0
+      '@jest/get-type': 30.1.0
+      chalk: 4.1.2
+      pretty-format: 30.4.1
+
+  jest-docblock@30.4.0:
+    dependencies:
+      detect-newline: 3.1.0
+
+  jest-each@30.4.1:
+    dependencies:
+      '@jest/get-type': 30.1.0
+      '@jest/types': 30.4.1
+      chalk: 4.1.2
+      jest-util: 30.4.1
+      pretty-format: 30.4.1
+
+  jest-environment-jsdom@30.4.1(supports-color@10.2.2):
+    dependencies:
+      '@jest/environment': 30.4.1
+      '@jest/environment-jsdom-abstract': 30.4.1(jsdom@26.1.0)
+      jsdom: 26.1.0(patch_hash=040623e87b1c8b676c2a705513c0276c0704dd1b23fc3a1bb77cde8128b64b5f)(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  jest-environment-node@30.4.1:
+    dependencies:
+      '@jest/environment': 30.4.1
+      '@jest/fake-timers': 30.4.1
+      '@jest/types': 30.4.1
+      '@types/node': 25.9.3
+      jest-mock: 30.4.1
+      jest-util: 30.4.1
+      jest-validate: 30.4.1
+
+  jest-fixed-jsdom@0.0.11(patch_hash=b4bc876eca343b57d231c1cf9817ddb13ff04503ece7794d1690f342f6289ad3)(jest-environment-jsdom@30.4.1):
+    dependencies:
+      jest-environment-jsdom: 30.4.1(supports-color@10.2.2)
+
+  jest-haste-map@30.4.1:
+    dependencies:
+      '@jest/types': 30.4.1
+      '@types/node': 25.9.3
+      anymatch: 3.1.3
+      fb-watchman: 2.0.2
+      graceful-fs: 4.2.11
+      jest-regex-util: 30.4.0
+      jest-util: 30.4.1
+      jest-worker: 30.4.1
+      picomatch: 4.0.5
+      walker: 1.0.8
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  jest-leak-detector@30.4.1:
+    dependencies:
+      '@jest/get-type': 30.1.0
+      pretty-format: 30.4.1
+
+  jest-matcher-utils@30.4.1:
+    dependencies:
+      '@jest/get-type': 30.1.0
+      chalk: 4.1.2
+      jest-diff: 30.4.1
+      pretty-format: 30.4.1
+
+  jest-message-util@30.4.1:
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@jest/types': 30.4.1
+      '@types/stack-utils': 2.0.3
+      chalk: 4.1.2
+      graceful-fs: 4.2.11
+      jest-util: 30.4.1
+      picomatch: 4.0.5
+      pretty-format: 30.4.1
+      slash: 3.0.0
+      stack-utils: 2.0.6
+
+  jest-mock@30.4.1:
+    dependencies:
+      '@jest/types': 30.4.1
+      '@types/node': 25.9.3
+      jest-util: 30.4.1
+
+  jest-pnp-resolver@1.2.3(jest-resolve@30.4.1):
+    optionalDependencies:
+      jest-resolve: 30.4.1
+
+  jest-raw-loader@1.0.1: {}
+
+  jest-regex-util@30.4.0: {}
+
+  jest-resolve-dependencies@30.4.2(supports-color@10.2.2):
+    dependencies:
+      jest-regex-util: 30.4.0
+      jest-snapshot: 30.4.1(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  jest-resolve@30.4.1:
+    dependencies:
+      chalk: 4.1.2
+      graceful-fs: 4.2.11
+      jest-haste-map: 30.4.1
+      jest-pnp-resolver: 1.2.3(jest-resolve@30.4.1)
+      jest-util: 30.4.1
+      jest-validate: 30.4.1
+      slash: 3.0.0
+      unrs-resolver: 1.12.2
+
+  jest-runner@30.4.2(supports-color@10.2.2):
+    dependencies:
+      '@jest/console': 30.4.1
+      '@jest/environment': 30.4.1
+      '@jest/test-result': 30.4.1
+      '@jest/transform': 30.4.1(supports-color@10.2.2)
+      '@jest/types': 30.4.1
+      '@types/node': 25.9.3
+      chalk: 4.1.2
+      emittery: 0.13.1
+      exit-x: 0.2.2
+      graceful-fs: 4.2.11
+      jest-docblock: 30.4.0
+      jest-environment-node: 30.4.1
+      jest-haste-map: 30.4.1
+      jest-leak-detector: 30.4.1
+      jest-message-util: 30.4.1
+      jest-resolve: 30.4.1
+      jest-runtime: 30.4.2(supports-color@10.2.2)
+      jest-util: 30.4.1
+      jest-watcher: 30.4.1
+      jest-worker: 30.4.1
+      p-limit: 3.1.0
+      source-map-support: 0.5.13
+    transitivePeerDependencies:
+      - supports-color
+
+  jest-runtime@30.4.2(supports-color@10.2.2):
+    dependencies:
+      '@jest/environment': 30.4.1
+      '@jest/fake-timers': 30.4.1
+      '@jest/globals': 30.4.1(supports-color@10.2.2)
+      '@jest/source-map': 30.0.1
+      '@jest/test-result': 30.4.1
+      '@jest/transform': 30.4.1(supports-color@10.2.2)
+      '@jest/types': 30.4.1
+      '@types/node': 25.9.3
+      chalk: 4.1.2
+      cjs-module-lexer: 2.2.0
+      collect-v8-coverage: 1.0.3
+      glob: 10.5.0
+      graceful-fs: 4.2.11
+      jest-haste-map: 30.4.1
+      jest-message-util: 30.4.1
+      jest-mock: 30.4.1
+      jest-regex-util: 30.4.0
+      jest-resolve: 30.4.1
+      jest-snapshot: 30.4.1(supports-color@10.2.2)
+      jest-util: 30.4.1
+      slash: 3.0.0
+      strip-bom: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  jest-snapshot@30.4.1(supports-color@10.2.2):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/generator': 7.29.8
+      '@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-syntax-typescript': 7.29.7(@babel/core@7.29.7)
+      '@babel/types': 7.29.8
+      '@jest/expect-utils': 30.4.1
+      '@jest/get-type': 30.1.0
+      '@jest/snapshot-utils': 30.4.1
+      '@jest/transform': 30.4.1(supports-color@10.2.2)
+      '@jest/types': 30.4.1
+      babel-preset-current-node-syntax: 1.2.0(@babel/core@7.29.7)
+      chalk: 4.1.2
+      expect: 30.4.1
+      graceful-fs: 4.2.11
+      jest-diff: 30.4.1
+      jest-matcher-utils: 30.4.1
+      jest-message-util: 30.4.1
+      jest-util: 30.4.1
+      pretty-format: 30.4.1
+      semver: 7.8.5
+      synckit: 0.11.12
+    transitivePeerDependencies:
+      - supports-color
+
+  jest-util@30.4.1:
+    dependencies:
+      '@jest/types': 30.4.1
+      '@types/node': 25.9.3
+      chalk: 4.1.2
+      ci-info: 4.4.0
+      graceful-fs: 4.2.11
+      picomatch: 4.0.5
+
+  jest-validate@30.4.1:
+    dependencies:
+      '@jest/get-type': 30.1.0
+      '@jest/types': 30.4.1
+      camelcase: 6.3.0
+      chalk: 4.1.2
+      leven: 3.1.0
+      pretty-format: 30.4.1
+
+  jest-watcher@30.4.1:
+    dependencies:
+      '@jest/test-result': 30.4.1
+      '@jest/types': 30.4.1
+      '@types/node': 25.9.3
+      ansi-escapes: 4.3.2
+      chalk: 4.1.2
+      emittery: 0.13.1
+      jest-util: 30.4.1
+      string-length: 4.0.2
+
+  jest-worker@27.5.1:
+    dependencies:
+      '@types/node': 25.9.3
+      merge-stream: 2.0.0
+      supports-color: 8.1.1
+
+  jest-worker@30.4.1:
+    dependencies:
+      '@types/node': 25.9.3
+      '@ungap/structured-clone': 1.3.3
+      jest-util: 30.4.1
+      merge-stream: 2.0.0
+      supports-color: 8.1.1
+
+  jest@30.4.2(@types/node@25.9.3)(babel-plugin-macros@3.1.0)(supports-color@10.2.2):
+    dependencies:
+      '@jest/core': 30.4.2(babel-plugin-macros@3.1.0)(supports-color@10.2.2)
+      '@jest/types': 30.4.1
+      import-local: 3.2.0
+      jest-cli: 30.4.2(@types/node@25.9.3)(babel-plugin-macros@3.1.0)(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - '@types/node'
+      - babel-plugin-macros
+      - esbuild-register
+      - supports-color
+      - ts-node
+
+  jiti@2.7.0: {}
+
+  jju@1.4.0: {}
+
+  joi@18.2.3:
+    dependencies:
+      '@hapi/address': 5.1.1
+      '@hapi/formula': 3.0.2
+      '@hapi/hoek': 11.0.7
+      '@hapi/pinpoint': 2.0.1
+      '@hapi/tlds': 1.1.7
+      '@hapi/topo': 6.0.2
+      '@standard-schema/spec': 1.1.0
+
+  js-tokens@10.0.0: {}
+
+  js-tokens@4.0.0: {}
+
+  js-yaml@3.15.1:
+    dependencies:
+      argparse: 1.0.10
+      esprima: 4.0.1
+
+  js-yaml@4.3.1:
+    dependencies:
+      argparse: 2.0.1
+
+  jsdom@26.1.0(patch_hash=040623e87b1c8b676c2a705513c0276c0704dd1b23fc3a1bb77cde8128b64b5f)(supports-color@10.2.2):
+    dependencies:
+      cssstyle: 4.6.0
+      data-urls: 5.0.0
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 4.0.0
+      http-proxy-agent: 7.0.2(supports-color@10.2.2)
+      https-proxy-agent: 7.0.6(supports-color@10.2.2)
+      is-potential-custom-element-name: 1.0.1
+      nwsapi: 2.2.23
+      parse5: 7.3.0
+      rrweb-cssom: 0.8.0
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 5.1.2
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 7.0.0
+      whatwg-encoding: 3.1.1
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.2.0
+      ws: 8.21.1
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  jsdom@26.1.0(patch_hash=040623e87b1c8b676c2a705513c0276c0704dd1b23fc3a1bb77cde8128b64b5f)(supports-color@7.2.0):
+    dependencies:
+      cssstyle: 4.6.0
+      data-urls: 5.0.0
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 4.0.0
+      http-proxy-agent: 7.0.2(supports-color@7.2.0)
+      https-proxy-agent: 7.0.6(supports-color@7.2.0)
+      is-potential-custom-element-name: 1.0.1
+      nwsapi: 2.2.23
+      parse5: 7.3.0
+      rrweb-cssom: 0.8.0
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 5.1.2
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 7.0.0
+      whatwg-encoding: 3.1.1
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.2.0
+      ws: 8.21.1
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    optional: true
+
+  jsesc@3.1.0: {}
+
+  json-buffer@3.0.1: {}
+
+  json-parse-even-better-errors@2.3.1: {}
+
+  json-parse-even-better-errors@6.0.0: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-schema-traverse@1.0.0: {}
+
+  json-schema-typed@8.0.2: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  json-stringify-pretty-compact@4.0.0: {}
+
+  json-stringify-safe@5.0.1:
+    optional: true
+
+  json-with-bigint@3.5.8: {}
+
+  json5@2.2.3: {}
+
+  jsonc-parser@3.2.0: {}
+
+  jsonc-parser@3.3.1: {}
+
+  jsonfile@4.0.0:
+    optionalDependencies:
+      graceful-fs: 4.2.11
+
+  jsonfile@6.2.1:
+    dependencies:
+      universalify: 2.0.1
+    optionalDependencies:
+      graceful-fs: 4.2.11
+
+  jsonparse@1.3.1: {}
+
+  jsqr@1.4.0: {}
+
+  jsrsasign@11.1.3: {}
+
+  jszip@3.10.1:
+    dependencies:
+      lie: 3.3.0
+      pako: 1.0.11
+      readable-stream: 2.3.8
+      setimmediate: 1.0.5
+
+  katex@0.16.47:
+    dependencies:
+      commander: 8.3.0
+
+  katex@0.18.1:
+    dependencies:
+      commander: 8.3.0
+
+  kdbush@4.0.2: {}
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
+  keyv@5.6.0:
+    dependencies:
+      '@keyv/serialize': 1.1.1
+
+  khroma@2.1.0: {}
+
+  kind-of@6.0.3: {}
+
+  knip@6.29.0(patch_hash=9ee905cce2466e391db69dfcea905b0fe2502afd935d1dc6a6ac94ffe2855c28):
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.5)
+      formatly: 0.3.0
+      get-tsconfig: 4.14.0
+      jiti: 2.7.0
+      oxc-parser: 0.140.0
+      oxc-resolver: 11.24.2
+      picomatch: 4.0.5
+      smol-toml: 1.7.1
+      strip-json-comments: 5.0.3
+      tinyglobby: 0.2.17
+      unbash: 4.0.4
+      yaml: 2.9.0
+      zod: 4.4.3
+
+  known-css-properties@0.37.0: {}
+
+  kolorist@1.8.0: {}
+
+  launch-editor@2.14.1:
+    dependencies:
+      picocolors: 1.1.1
+      shell-quote: 1.9.0
+
+  launder@1.7.1:
+    dependencies:
+      dayjs: 1.11.21
+
+  layout-base@1.0.2: {}
+
+  layout-base@2.0.1: {}
+
+  lazy-val@1.0.5: {}
+
+  lazystream@1.0.1:
+    dependencies:
+      readable-stream: 2.3.8
+
+  leven@3.1.0: {}
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lie@3.3.0:
+    dependencies:
+      immediate: 3.0.6
+
+  lightningcss-android-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.33.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.33.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.33.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.33.0:
+    optional: true
+
+  lightningcss@1.33.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.33.0
+      lightningcss-darwin-arm64: 1.33.0
+      lightningcss-darwin-x64: 1.33.0
+      lightningcss-freebsd-x64: 1.33.0
+      lightningcss-linux-arm-gnueabihf: 1.33.0
+      lightningcss-linux-arm64-gnu: 1.33.0
+      lightningcss-linux-arm64-musl: 1.33.0
+      lightningcss-linux-x64-gnu: 1.33.0
+      lightningcss-linux-x64-musl: 1.33.0
+      lightningcss-win32-arm64-msvc: 1.33.0
+      lightningcss-win32-x64-msvc: 1.33.0
+
+  lilconfig@3.1.3: {}
+
+  lines-and-columns@1.2.4: {}
+
+  lines-and-columns@2.0.3: {}
+
+  linkify-html@4.3.3(patch_hash=1761c1eabe25d9fae83f74f27a20b3d24515840a4a8747bb04828df46bcfdea2)(linkifyjs@4.3.3):
+    dependencies:
+      linkifyjs: 4.3.3
+
+  linkify-it@5.0.2:
+    dependencies:
+      uc.micro: 2.1.0
+
+  linkify-react@4.3.3(linkifyjs@4.3.3)(react@19.2.8):
+    dependencies:
+      linkifyjs: 4.3.3
+      react: 19.2.8
+
+  linkify-string@4.3.3(linkifyjs@4.3.3):
+    dependencies:
+      linkifyjs: 4.3.3
+
+  linkifyjs@4.3.3: {}
+
+  lint-staged@17.2.0:
+    dependencies:
+      picomatch: 4.0.5
+      string-argv: 0.3.2
+      tinyexec: 1.2.4
+    optionalDependencies:
+      yaml: 2.9.0
+
+  loader-utils@2.0.4:
+    dependencies:
+      big.js: 5.2.2
+      emojis-list: 3.0.0
+      json5: 2.2.3
+
+  local-pkg@1.1.2:
+    dependencies:
+      mlly: 1.8.2
+      pkg-types: 2.3.0
+      quansync: 0.2.11
+
+  locate-path@5.0.0:
+    dependencies:
+      p-locate: 4.1.0
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash-es@4.18.1: {}
+
+  lodash.camelcase@4.3.0: {}
+
+  lodash.debounce@4.0.8: {}
+
+  lodash.memoize@4.1.2: {}
+
+  lodash.merge@4.6.2: {}
+
+  lodash.truncate@4.4.2: {}
+
+  lodash.uniq@4.5.0: {}
+
+  lodash@4.18.1: {}
+
+  log-symbols@4.1.0:
+    dependencies:
+      chalk: 4.1.2
+      is-unicode-supported: 0.1.0
+
+  loglevel@1.9.2: {}
+
+  long@5.3.2: {}
+
+  loose-envify@1.4.0:
+    dependencies:
+      js-tokens: 4.0.0
+
+  loupe@3.2.1: {}
+
+  lower-case@2.0.2:
+    dependencies:
+      tslib: 2.8.1
+
+  lowercase-keys@2.0.0: {}
+
+  lru-cache@10.4.3: {}
+
+  lru-cache@11.2.6: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  lru-cache@6.0.0:
+    dependencies:
+      yallist: 4.0.0
+
+  lunr@2.3.9: {}
+
+  lz-string@1.5.0: {}
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  magicast@0.5.2:
+    dependencies:
+      '@babel/parser': 7.29.8
+      '@babel/types': 7.29.8
+      source-map-js: 1.2.1
+
+  mailpit-api@2.1.0: {}
+
+  make-dir@4.0.0:
+    dependencies:
+      semver: 7.8.5
+
+  make-fetch-happen@15.0.5(supports-color@10.2.2):
+    dependencies:
+      '@gar/promise-retry': 1.0.3
+      '@npmcli/agent': 4.0.0(supports-color@10.2.2)
+      '@npmcli/redact': 4.0.0
+      cacache: 20.0.4
+      http-cache-semantics: 4.2.0
+      minipass: 7.1.3
+      minipass-fetch: 5.0.2
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      negotiator: 1.0.0
+      proc-log: 6.1.0
+      ssri: 13.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  make-fetch-happen@16.0.1(supports-color@10.2.2):
+    dependencies:
+      '@gar/promise-retry': 1.0.3
+      '@npmcli/agent': 5.0.1(supports-color@10.2.2)
+      '@npmcli/redact': 5.0.0
+      cacache: 21.0.1
+      http-cache-semantics: 4.2.0
+      minipass: 7.1.3
+      minipass-fetch: 6.0.0
+      minipass-flush: 1.0.5
+      minipass-pipeline: 1.2.4
+      negotiator: 1.0.0
+      proc-log: 7.0.0
+      ssri: 14.0.0
+    transitivePeerDependencies:
+      - kerberos
+      - supports-color
+
+  makeerror@1.0.12:
+    dependencies:
+      tmpl: 1.0.5
+
+  maplibre-gl@5.24.0:
+    dependencies:
+      '@mapbox/jsonlint-lines-primitives': 2.0.2
+      '@mapbox/point-geometry': 1.1.0
+      '@mapbox/tiny-sdf': 2.2.0
+      '@mapbox/unitbezier': 0.0.1
+      '@mapbox/vector-tile': 2.0.4
+      '@mapbox/whoots-js': 3.1.0
+      '@maplibre/geojson-vt': 6.1.0
+      '@maplibre/maplibre-gl-style-spec': 24.8.5
+      '@maplibre/mlt': 1.1.9
+      '@maplibre/vt-pbf': 4.3.0
+      '@types/geojson': 7946.0.16
+      earcut: 3.0.2
+      gl-matrix: 3.4.4
+      kdbush: 4.0.2
+      murmurhash-js: 1.0.0
+      pbf: 4.0.1
+      potpack: 2.1.0
+      quickselect: 3.0.0
+      tinyqueue: 3.0.0
+
+  mark.js@8.11.1: {}
+
+  markdown-it@14.3.0:
+    dependencies:
+      argparse: 2.0.1
+      entities: 4.5.0
+      linkify-it: 5.0.2
+      mdurl: 2.0.0
+      punycode.js: 2.3.1
+      uc.micro: 2.1.0
+
+  marked@16.4.2: {}
+
+  matcher@3.0.0:
+    dependencies:
+      escape-string-regexp: 4.0.0
+    optional: true
+
+  math-intrinsics@1.1.0: {}
+
+  mathml-tag-names@4.0.0: {}
+
+  matrix-encrypt-attachment@1.0.3: {}
+
+  matrix-events-sdk@0.0.1: {}
+
+  matrix-js-sdk@https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/a7396ee8e7ef4011f87d6f5c5a3103e92bb16bb3:
+    dependencies:
+      '@babel/runtime': 8.0.0
+      '@matrix-org/matrix-sdk-crypto-wasm': 18.4.0
+      another-json: 0.2.0
+      bs58: 6.0.0
+      content-type: 2.0.0
+      loglevel: 1.9.2
+      matrix-events-sdk: 0.0.1
+      matrix-widget-api: 1.18.0
+      p-retry: 8.0.0
+      sdp-transform: 3.0.0
+      unhomoglyph: 1.0.6
+
+  matrix-web-i18n@3.6.0(supports-color@10.2.2):
+    dependencies:
+      '@babel/parser': 7.29.8
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+      lodash: 4.18.1
+      minimist: 1.2.8
+      walk: 2.3.15
+    transitivePeerDependencies:
+      - supports-color
+
+  matrix-widget-api@1.18.0:
+    dependencies:
+      '@types/events': 3.0.3
+      events: 3.3.0
+
+  md5.js@1.3.5:
+    dependencies:
+      hash-base: 3.1.2
+      inherits: 2.0.4
+      safe-buffer: 5.2.1
+
+  mdast-util-to-hast@13.2.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.3.3
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.1
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+
+  mdn-data@2.0.28: {}
+
+  mdn-data@2.0.30: {}
+
+  mdn-data@2.27.1: {}
+
+  mdurl@1.0.1: {}
+
+  mdurl@2.0.0: {}
+
+  media-typer@1.1.0: {}
+
+  memfs@4.64.0(tslib@2.8.1):
+    dependencies:
+      '@jsonjoy.com/fs-core': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-fsa': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-node': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-node-builtins': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-node-to-fsa': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-node-utils': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-print': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/fs-snapshot': 4.64.0(tslib@2.8.1)
+      '@jsonjoy.com/json-pack': 1.21.0(tslib@2.8.1)
+      '@jsonjoy.com/util': 1.9.0(tslib@2.8.1)
+      glob-to-regex.js: 1.2.0(tslib@2.8.1)
+      thingies: 2.6.0(tslib@2.8.1)
+      tree-dump: 1.1.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  memoize-one@5.2.1: {}
+
+  memoize-one@6.0.0: {}
+
+  memoize@11.0.0:
+    dependencies:
+      mimic-function: 5.0.1
+
+  meow@14.1.0: {}
+
+  merge-descriptors@2.0.0: {}
+
+  merge-stream@2.0.0: {}
+
+  merge2@1.4.1: {}
+
+  meriyah@6.1.4: {}
+
+  mermaid@11.16.0:
+    dependencies:
+      '@braintree/sanitize-url': 7.1.2
+      '@iconify/utils': 3.1.3
+      '@mermaid-js/parser': 1.2.0
+      '@types/d3': 7.4.3
+      '@upsetjs/venn.js': 2.0.0
+      cytoscape: 3.34.0
+      cytoscape-cose-bilkent: 4.1.0(cytoscape@3.34.0)
+      cytoscape-fcose: 2.2.0(cytoscape@3.34.0)
+      d3: 7.9.0
+      d3-sankey: 0.12.3
+      dagre-d3-es: 7.0.14
+      dayjs: 1.11.21
+      dompurify: 3.4.12
+      es-toolkit: 1.49.0
+      katex: 0.16.47
+      khroma: 2.1.0
+      marked: 16.4.2
+      roughjs: 4.6.6
+      stylis: 4.4.0
+      ts-dedent: 2.3.0
+      uuid: 14.0.1
+
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-encode@2.0.1: {}
+
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-symbol@2.0.1: {}
+
+  micromark-util-types@2.0.2: {}
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.2
+
+  miller-rabin@4.0.1:
+    dependencies:
+      bn.js: 4.12.3
+      brorand: 1.1.0
+
+  mime-db@1.52.0: {}
+
+  mime-db@1.54.0: {}
+
+  mime-types@2.1.35:
+    dependencies:
+      mime-db: 1.52.0
+
+  mime-types@3.0.2:
+    dependencies:
+      mime-db: 1.54.0
+
+  mime@2.6.0: {}
+
+  mime@4.1.0: {}
+
+  mimic-fn@2.1.0: {}
+
+  mimic-function@5.0.1: {}
+
+  mimic-response@1.0.1: {}
+
+  mimic-response@3.1.0: {}
+
+  min-indent@1.0.1: {}
+
+  mini-css-extract-plugin@2.10.2(webpack@5.109.2):
+    dependencies:
+      schema-utils: 4.3.3
+      tapable: 2.3.3
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+
+  minimalistic-assert@1.0.1: {}
+
+  minimalistic-crypto-utils@1.0.1: {}
+
+  minimatch@10.2.3:
+    dependencies:
+      brace-expansion: 5.0.9
+
+  minimatch@10.2.4:
+    dependencies:
+      brace-expansion: 5.0.9
+
+  minimatch@10.2.5:
+    dependencies:
+      brace-expansion: 5.0.9
+
+  minimatch@10.2.6:
+    dependencies:
+      brace-expansion: 5.0.9
+
+  minimatch@3.1.5:
+    dependencies:
+      brace-expansion: 1.1.18
+
+  minimatch@5.1.9:
+    dependencies:
+      brace-expansion: 2.1.4
+
+  minimatch@9.0.9:
+    dependencies:
+      brace-expansion: 2.1.4
+
+  minimist@1.2.8: {}
+
+  minimizer-webpack-plugin@5.6.1(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack@5.109.2):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      jest-worker: 27.5.1
+      schema-utils: 4.3.3
+      terser: 5.49.0
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+    optionalDependencies:
+      clean-css: 5.3.3
+      cssnano: 7.1.2(postcss@8.5.25)
+      csso: 5.0.5
+      esbuild: 0.27.4
+      html-minifier-terser: 6.1.0
+      lightningcss: 1.33.0
+      postcss: 8.5.25
+      uglify-js: 3.19.3
+
+  minipass-collect@2.0.1:
+    dependencies:
+      minipass: 7.1.3
+
+  minipass-fetch@5.0.2:
+    dependencies:
+      minipass: 7.1.3
+      minipass-sized: 2.0.0
+      minizlib: 3.1.0
+    optionalDependencies:
+      iconv-lite: 0.7.3
+
+  minipass-fetch@6.0.0:
+    dependencies:
+      minipass: 7.1.3
+      minipass-sized: 2.0.0
+      minizlib: 3.1.0
+    optionalDependencies:
+      iconv-lite: 0.7.3
+
+  minipass-flush@1.0.5:
+    dependencies:
+      minipass: 3.3.6
+
+  minipass-pipeline@1.2.4:
+    dependencies:
+      minipass: 3.3.6
+
+  minipass-sized@2.0.0:
+    dependencies:
+      minipass: 7.1.3
+
+  minipass@3.3.6:
+    dependencies:
+      yallist: 4.0.0
+
+  minipass@7.1.3: {}
+
+  minisearch@7.2.0: {}
+
+  minizlib@3.1.0:
+    dependencies:
+      minipass: 7.1.3
+
+  mitt@3.0.1: {}
+
+  mkdirp-classic@0.5.3: {}
+
+  mkdirp@0.5.6:
+    dependencies:
+      minimist: 1.2.8
+
+  mkdirp@3.0.1: {}
+
+  mlly@1.8.2:
+    dependencies:
+      acorn: 8.18.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.3
+
+  modernizr@3.13.1:
+    dependencies:
+      doctrine: 3.0.0
+      file: 0.2.2
+      lodash: 4.18.1
+      markdown-it: 14.3.0
+      mkdirp: 0.5.6
+      requirejs: 2.3.8
+      yargs: 15.4.1
+
+  module-details-from-path@1.0.4: {}
+
+  moment-timezone@0.6.2:
+    dependencies:
+      moment: 2.30.1
+
+  moment@2.30.1: {}
+
+  moo-color@1.0.3:
+    dependencies:
+      color-name: 1.1.4
+
+  motion-dom@12.42.2:
+    dependencies:
+      motion-utils: 12.39.0
+
+  motion-utils@12.39.0: {}
+
+  motion@12.42.2(@emotion/is-prop-valid@1.4.0)(react-dom@19.2.8)(react@19.2.8):
+    dependencies:
+      framer-motion: 12.42.2(@emotion/is-prop-valid@1.4.0)(react-dom@19.2.8)(react@19.2.8)
+      tslib: 2.8.1
+    optionalDependencies:
+      '@emotion/is-prop-valid': 1.4.0
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+
+  mrmime@2.0.1: {}
+
+  ms@2.0.0: {}
+
+  ms@2.1.3: {}
+
+  multicast-dns@7.2.5:
+    dependencies:
+      dns-packet: 5.6.1
+      thunky: 1.1.0
+
+  murmurhash-js@1.0.0: {}
+
+  nan@2.28.0:
+    optional: true
+
+  nanoid@3.3.16: {}
+
+  napi-postinstall@0.3.4: {}
+
+  natural-compare@1.4.0: {}
+
+  negotiator@0.6.3: {}
+
+  negotiator@0.6.4: {}
+
+  negotiator@1.0.0: {}
+
+  neo-async@2.6.2: {}
+
+  no-case@3.0.4:
+    dependencies:
+      lower-case: 2.0.2
+      tslib: 2.8.1
+
+  node-abi@4.33.0:
+    dependencies:
+      semver: 7.8.5
+
+  node-api-version@0.2.1:
+    dependencies:
+      semver: 7.8.5
+
+  node-fetch@2.7.0:
+    dependencies:
+      whatwg-url: 5.0.0
+
+  node-gyp@12.2.0(supports-color@10.2.2):
+    dependencies:
+      env-paths: 2.2.1
+      exponential-backoff: 3.1.3
+      graceful-fs: 4.2.11
+      make-fetch-happen: 15.0.5(supports-color@10.2.2)
+      nopt: 9.0.0
+      proc-log: 6.1.0
+      semver: 7.8.5
+      tar: 7.5.22
+      tinyglobby: 0.2.17
+      which: 6.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  node-gyp@13.0.0:
+    dependencies:
+      env-paths: 2.2.1
+      exponential-backoff: 3.1.3
+      graceful-fs: 4.2.11
+      nopt: 10.0.1
+      proc-log: 7.0.0
+      semver: 7.8.5
+      tar: 7.5.22
+      tinyglobby: 0.2.17
+      undici: 6.28.0
+      which: 7.0.0
+
+  node-int64@0.4.0: {}
+
+  node-releases@2.0.51: {}
+
+  node-stdlib-browser@1.3.1:
+    dependencies:
+      assert: 2.1.0
+      browser-resolve: 2.0.0
+      browserify-zlib: 0.2.0
+      buffer: 5.7.1
+      console-browserify: 1.2.0
+      constants-browserify: 1.0.0
+      create-require: 1.1.1
+      crypto-browserify: 3.12.1
+      domain-browser: 4.22.0
+      events: 3.3.0
+      https-browserify: 1.0.0
+      isomorphic-timers-promises: 1.0.1
+      os-browserify: 0.3.0
+      path-browserify: 1.0.1
+      pkg-dir: 5.0.0
+      process: 0.11.10
+      punycode: 1.4.1
+      querystring-es3: 0.2.1
+      readable-stream: 3.6.2
+      stream-browserify: 3.0.0
+      stream-http: 3.2.0
+      string_decoder: 1.3.0
+      timers-browserify: 2.0.12
+      tty-browserify: 0.0.1
+      url: 0.11.4
+      util: 0.12.5
+      vm-browserify: 1.1.2
+
+  non-layered-tidy-tree-layout@2.0.2:
+    optional: true
+
+  nopt@10.0.1:
+    dependencies:
+      abbrev: 5.0.0
+
+  nopt@9.0.0:
+    dependencies:
+      abbrev: 4.0.0
+
+  normalize-path@3.0.0: {}
+
+  normalize-url@6.1.0: {}
+
+  npm-bundled@6.0.0:
+    dependencies:
+      npm-normalize-package-bin: 6.0.0
+
+  npm-install-checks@9.0.0:
+    dependencies:
+      semver: 7.8.5
+
+  npm-normalize-package-bin@6.0.0: {}
+
+  npm-package-arg@14.0.0:
+    dependencies:
+      hosted-git-info: 10.1.1
+      proc-log: 7.0.0
+      semver: 7.8.5
+      validate-npm-package-name: 8.0.0
+
+  npm-packlist@11.2.0:
+    dependencies:
+      glob: 13.0.6
+      ignore-walk: 9.0.0
+      proc-log: 7.0.0
+
+  npm-pick-manifest@12.0.0:
+    dependencies:
+      npm-install-checks: 9.0.0
+      npm-normalize-package-bin: 6.0.0
+      npm-package-arg: 14.0.0
+      semver: 7.8.5
+
+  npm-registry-fetch@20.0.1(supports-color@10.2.2):
+    dependencies:
+      '@npmcli/redact': 5.0.0
+      jsonparse: 1.3.1
+      make-fetch-happen: 16.0.1(supports-color@10.2.2)
+      minipass: 7.1.3
+      minipass-fetch: 6.0.0
+      minizlib: 3.1.0
+      npm-package-arg: 14.0.0
+      proc-log: 7.0.0
+    transitivePeerDependencies:
+      - kerberos
+      - supports-color
+
+  npm-run-path@4.0.1:
+    dependencies:
+      path-key: 3.1.1
+
+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
+  nwsapi@2.2.23: {}
+
+  nx@23.1.1:
+    dependencies:
+      '@emnapi/core': 1.4.5
+      '@emnapi/runtime': 1.4.5
+      '@emnapi/wasi-threads': 1.0.4
+      '@jest/diff-sequences': 30.0.1
+      '@napi-rs/wasm-runtime': 0.2.4
+      '@tybys/wasm-util': 0.9.0
+      '@yarnpkg/lockfile': 1.1.0
+      '@zkochan/js-yaml': 0.0.7
+      agent-base: 6.0.2(supports-color@7.2.0)
+      ansi-colors: 4.1.3
+      ansi-regex: 5.0.1
+      ansi-styles: 4.3.0
+      argparse: 2.0.1
+      asynckit: 0.4.0
+      axios: 1.18.1(debug@4.4.3)(supports-color@7.2.0)
+      balanced-match: 4.0.3
+      base64-js: 1.5.1
+      bl: 4.1.0
+      brace-expansion: 5.0.8
+      buffer: 5.7.1
+      bundle-name: 4.1.0
+      call-bind-apply-helpers: 1.0.2
+      chalk: 4.1.2
+      cli-cursor: 3.1.0
+      cli-spinners: 2.6.1
+      cliui: 8.0.1
+      clone: 1.0.4
+      color-convert: 2.0.1
+      color-name: 1.1.4
+      combined-stream: 1.0.8
+      debug: 4.4.3(supports-color@7.2.0)
+      default-browser: 5.2.1
+      default-browser-id: 5.0.0
+      defaults: 1.0.4
+      define-lazy-prop: 3.0.0
+      delayed-stream: 1.0.0
+      dotenv: 16.4.7
+      dotenv-expand: 12.0.3
+      dunder-proto: 1.0.1
+      ejs: 5.0.1
+      emoji-regex: 8.0.0
+      end-of-stream: 1.4.5
+      enquirer: 2.3.6
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      es-set-tostringtag: 2.1.0
+      escalade: 3.2.0
+      escape-string-regexp: 1.0.5
+      figures: 3.2.0
+      flat: 5.0.2
+      follow-redirects: 1.16.0(debug@4.4.3)
+      form-data: 4.0.6
+      fs-constants: 1.0.0
+      function-bind: 1.1.2
+      get-caller-file: 2.0.5
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-flag: 4.0.0
+      has-symbols: 1.1.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.4
+      https-proxy-agent: 5.0.1(supports-color@7.2.0)
+      ieee754: 1.2.1
+      ignore: 7.0.5
+      inherits: 2.0.4
+      is-docker: 3.0.0
+      is-fullwidth-code-point: 3.0.0
+      is-inside-container: 1.0.0
+      is-interactive: 1.0.0
+      is-unicode-supported: 0.1.0
+      is-wsl: 3.1.0
+      isexe: 2.0.0
+      json5: 2.2.3
+      jsonc-parser: 3.3.1
+      lines-and-columns: 2.0.3
+      log-symbols: 4.1.0
+      math-intrinsics: 1.1.0
+      mime-db: 1.52.0
+      mime-types: 2.1.35
+      mimic-fn: 2.1.0
+      minimatch: 10.2.5
+      minimist: 1.2.8
+      ms: 2.1.3
+      npm-run-path: 4.0.1
+      once: 1.4.0
+      onetime: 5.1.2
+      open: 10.1.0
+      ora: 5.4.1
+      path-key: 3.1.1
+      picocolors: 1.1.1
+      proxy-from-env: 2.1.0
+      readable-stream: 3.6.2
+      require-directory: 2.1.1
+      resolve.exports: 2.0.3
+      restore-cursor: 3.1.0
+      run-applescript: 7.0.0
+      safe-buffer: 5.2.1
+      semver: 7.8.4
+      signal-exit: 3.0.7
+      smol-toml: 1.6.1
+      string-width: 4.2.3
+      string_decoder: 1.3.0
+      strip-ansi: 6.0.1
+      strip-bom: 3.0.0
+      supports-color: 7.2.0
+      tar-stream: 2.2.0
+      tmp: 0.2.7
+      tsconfig-paths: 4.2.0
+      tslib: 2.8.1
+      util-deprecate: 1.0.2
+      wcwidth: 1.0.1
+      which: 3.0.1
+      wrap-ansi: 7.0.0
+      wrappy: 1.0.2
+      y18n: 5.0.8
+      yaml: 2.9.0
+      yargs: 17.7.2
+      yargs-parser: 21.1.1
+    optionalDependencies:
+      '@nx/nx-darwin-arm64': 23.1.1
+      '@nx/nx-darwin-x64': 23.1.1
+      '@nx/nx-freebsd-x64': 23.1.1
+      '@nx/nx-linux-arm-gnueabihf': 23.1.1
+      '@nx/nx-linux-arm64-gnu': 23.1.1
+      '@nx/nx-linux-arm64-musl': 23.1.1
+      '@nx/nx-linux-x64-gnu': 23.1.1
+      '@nx/nx-linux-x64-musl': 23.1.1
+      '@nx/nx-win32-arm64-msvc': 23.1.1
+      '@nx/nx-win32-x64-msvc': 23.1.1
+
+  object-assign@4.1.1: {}
+
+  object-inspect@1.13.4: {}
+
+  object-is@1.1.6:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+
+  object-keys@1.1.1: {}
+
+  object.assign@4.1.7:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+      has-symbols: 1.1.0
+      object-keys: 1.1.1
+
+  obug@2.1.1: {}
+
+  on-finished@2.4.1:
+    dependencies:
+      ee-first: 1.1.1
+
+  on-headers@1.1.0: {}
+
+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
+
+  onetime@5.1.2:
+    dependencies:
+      mimic-fn: 2.1.0
+
+  oniguruma-to-es@3.1.1:
+    dependencies:
+      emoji-regex-xs: 1.0.0
+      regex: 6.1.0
+      regex-recursion: 6.0.2
+
+  open@10.1.0:
+    dependencies:
+      default-browser: 5.5.0
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      is-wsl: 3.1.1
+
+  open@10.2.0:
+    dependencies:
+      default-browser: 5.5.0
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      wsl-utils: 0.1.0
+
+  open@11.0.0:
+    dependencies:
+      default-browser: 5.5.0
+      define-lazy-prop: 3.0.0
+      is-in-ssh: 1.0.0
+      is-inside-container: 1.0.0
+      powershell-utils: 0.1.0
+      wsl-utils: 0.3.1
+
+  opener@1.5.2: {}
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  opus-recorder@8.0.5: {}
+
+  ora@5.4.1:
+    dependencies:
+      bl: 4.1.0
+      chalk: 4.1.2
+      cli-cursor: 3.1.0
+      cli-spinners: 2.6.1
+      is-interactive: 1.0.0
+      is-unicode-supported: 0.1.0
+      log-symbols: 4.1.0
+      strip-ansi: 6.0.1
+      wcwidth: 1.0.1
+
+  os-browserify@0.3.0: {}
+
+  oxc-parser@0.127.0:
+    dependencies:
+      '@oxc-project/types': 0.127.0
+    optionalDependencies:
+      '@oxc-parser/binding-android-arm-eabi': 0.127.0
+      '@oxc-parser/binding-android-arm64': 0.127.0
+      '@oxc-parser/binding-darwin-arm64': 0.127.0
+      '@oxc-parser/binding-darwin-x64': 0.127.0
+      '@oxc-parser/binding-freebsd-x64': 0.127.0
+      '@oxc-parser/binding-linux-arm-gnueabihf': 0.127.0
+      '@oxc-parser/binding-linux-arm-musleabihf': 0.127.0
+      '@oxc-parser/binding-linux-arm64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-arm64-musl': 0.127.0
+      '@oxc-parser/binding-linux-ppc64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-riscv64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-riscv64-musl': 0.127.0
+      '@oxc-parser/binding-linux-s390x-gnu': 0.127.0
+      '@oxc-parser/binding-linux-x64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-x64-musl': 0.127.0
+      '@oxc-parser/binding-openharmony-arm64': 0.127.0
+      '@oxc-parser/binding-wasm32-wasi': 0.127.0
+      '@oxc-parser/binding-win32-arm64-msvc': 0.127.0
+      '@oxc-parser/binding-win32-ia32-msvc': 0.127.0
+      '@oxc-parser/binding-win32-x64-msvc': 0.127.0
+
+  oxc-parser@0.140.0:
+    dependencies:
+      '@oxc-project/types': 0.140.0
+    optionalDependencies:
+      '@oxc-parser/binding-android-arm-eabi': 0.140.0
+      '@oxc-parser/binding-android-arm64': 0.140.0
+      '@oxc-parser/binding-darwin-arm64': 0.140.0
+      '@oxc-parser/binding-darwin-x64': 0.140.0
+      '@oxc-parser/binding-freebsd-x64': 0.140.0
+      '@oxc-parser/binding-linux-arm-gnueabihf': 0.140.0
+      '@oxc-parser/binding-linux-arm-musleabihf': 0.140.0
+      '@oxc-parser/binding-linux-arm64-gnu': 0.140.0
+      '@oxc-parser/binding-linux-arm64-musl': 0.140.0
+      '@oxc-parser/binding-linux-ppc64-gnu': 0.140.0
+      '@oxc-parser/binding-linux-riscv64-gnu': 0.140.0
+      '@oxc-parser/binding-linux-riscv64-musl': 0.140.0
+      '@oxc-parser/binding-linux-s390x-gnu': 0.140.0
+      '@oxc-parser/binding-linux-x64-gnu': 0.140.0
+      '@oxc-parser/binding-linux-x64-musl': 0.140.0
+      '@oxc-parser/binding-openharmony-arm64': 0.140.0
+      '@oxc-parser/binding-wasm32-wasi': 0.140.0
+      '@oxc-parser/binding-win32-arm64-msvc': 0.140.0
+      '@oxc-parser/binding-win32-ia32-msvc': 0.140.0
+      '@oxc-parser/binding-win32-x64-msvc': 0.140.0
+
+  oxc-resolver@11.24.2:
+    optionalDependencies:
+      '@oxc-resolver/binding-android-arm-eabi': 11.24.2
+      '@oxc-resolver/binding-android-arm64': 11.24.2
+      '@oxc-resolver/binding-darwin-arm64': 11.24.2
+      '@oxc-resolver/binding-darwin-x64': 11.24.2
+      '@oxc-resolver/binding-freebsd-x64': 11.24.2
+      '@oxc-resolver/binding-linux-arm-gnueabihf': 11.24.2
+      '@oxc-resolver/binding-linux-arm-musleabihf': 11.24.2
+      '@oxc-resolver/binding-linux-arm64-gnu': 11.24.2
+      '@oxc-resolver/binding-linux-arm64-musl': 11.24.2
+      '@oxc-resolver/binding-linux-ppc64-gnu': 11.24.2
+      '@oxc-resolver/binding-linux-riscv64-gnu': 11.24.2
+      '@oxc-resolver/binding-linux-riscv64-musl': 11.24.2
+      '@oxc-resolver/binding-linux-s390x-gnu': 11.24.2
+      '@oxc-resolver/binding-linux-x64-gnu': 11.24.2
+      '@oxc-resolver/binding-linux-x64-musl': 11.24.2
+      '@oxc-resolver/binding-openharmony-arm64': 11.24.2
+      '@oxc-resolver/binding-wasm32-wasi': 11.24.2
+      '@oxc-resolver/binding-win32-arm64-msvc': 11.24.2
+      '@oxc-resolver/binding-win32-x64-msvc': 11.24.2
+
+  oxfmt@0.60.0:
+    dependencies:
+      tinypool: 2.1.0
+    optionalDependencies:
+      '@oxfmt/binding-android-arm-eabi': 0.60.0
+      '@oxfmt/binding-android-arm64': 0.60.0
+      '@oxfmt/binding-darwin-arm64': 0.60.0
+      '@oxfmt/binding-darwin-x64': 0.60.0
+      '@oxfmt/binding-freebsd-x64': 0.60.0
+      '@oxfmt/binding-linux-arm-gnueabihf': 0.60.0
+      '@oxfmt/binding-linux-arm-musleabihf': 0.60.0
+      '@oxfmt/binding-linux-arm64-gnu': 0.60.0
+      '@oxfmt/binding-linux-arm64-musl': 0.60.0
+      '@oxfmt/binding-linux-ppc64-gnu': 0.60.0
+      '@oxfmt/binding-linux-riscv64-gnu': 0.60.0
+      '@oxfmt/binding-linux-riscv64-musl': 0.60.0
+      '@oxfmt/binding-linux-s390x-gnu': 0.60.0
+      '@oxfmt/binding-linux-x64-gnu': 0.60.0
+      '@oxfmt/binding-linux-x64-musl': 0.60.0
+      '@oxfmt/binding-openharmony-arm64': 0.60.0
+      '@oxfmt/binding-win32-arm64-msvc': 0.60.0
+      '@oxfmt/binding-win32-ia32-msvc': 0.60.0
+      '@oxfmt/binding-win32-x64-msvc': 0.60.0
+
+  oxlint-tsgolint@7.0.2001:
+    optionalDependencies:
+      '@oxlint-tsgolint/darwin-arm64': 7.0.2001
+      '@oxlint-tsgolint/darwin-x64': 7.0.2001
+      '@oxlint-tsgolint/linux-arm64': 7.0.2001
+      '@oxlint-tsgolint/linux-x64': 7.0.2001
+      '@oxlint-tsgolint/win32-arm64': 7.0.2001
+      '@oxlint-tsgolint/win32-x64': 7.0.2001
+
+  oxlint@1.75.0(oxlint-tsgolint@7.0.2001):
+    optionalDependencies:
+      '@oxlint/binding-android-arm-eabi': 1.75.0
+      '@oxlint/binding-android-arm64': 1.75.0
+      '@oxlint/binding-darwin-arm64': 1.75.0
+      '@oxlint/binding-darwin-x64': 1.75.0
+      '@oxlint/binding-freebsd-x64': 1.75.0
+      '@oxlint/binding-linux-arm-gnueabihf': 1.75.0
+      '@oxlint/binding-linux-arm-musleabihf': 1.75.0
+      '@oxlint/binding-linux-arm64-gnu': 1.75.0
+      '@oxlint/binding-linux-arm64-musl': 1.75.0
+      '@oxlint/binding-linux-ppc64-gnu': 1.75.0
+      '@oxlint/binding-linux-riscv64-gnu': 1.75.0
+      '@oxlint/binding-linux-riscv64-musl': 1.75.0
+      '@oxlint/binding-linux-s390x-gnu': 1.75.0
+      '@oxlint/binding-linux-x64-gnu': 1.75.0
+      '@oxlint/binding-linux-x64-musl': 1.75.0
+      '@oxlint/binding-openharmony-arm64': 1.75.0
+      '@oxlint/binding-win32-arm64-msvc': 1.75.0
+      '@oxlint/binding-win32-ia32-msvc': 1.75.0
+      '@oxlint/binding-win32-x64-msvc': 1.75.0
+      oxlint-tsgolint: 7.0.2001
+
+  p-cancelable@2.1.1: {}
+
+  p-limit@2.3.0:
+    dependencies:
+      p-try: 2.2.0
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@4.1.0:
+    dependencies:
+      p-limit: 2.3.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  p-map@7.0.4: {}
+
+  p-retry@8.0.0:
+    dependencies:
+      is-network-error: 1.3.2
+
+  p-try@2.2.0: {}
+
+  package-json-from-dist@1.0.1: {}
+
+  package-manager-detector@1.6.0: {}
+
+  pacote@22.0.0(supports-color@10.2.2):
+    dependencies:
+      '@gar/promise-retry': 1.0.3
+      '@npmcli/git': 8.0.0
+      '@npmcli/installed-package-contents': 5.0.0
+      '@npmcli/package-json': 8.0.0
+      '@npmcli/promise-spawn': 10.0.0
+      '@npmcli/run-script': 11.0.0
+      cacache: 21.0.1
+      fs-minipass: 3.0.3
+      minipass: 7.1.3
+      npm-package-arg: 14.0.0
+      npm-packlist: 11.2.0
+      npm-pick-manifest: 12.0.0
+      npm-registry-fetch: 20.0.1(supports-color@10.2.2)
+      proc-log: 7.0.0
+      sigstore: 5.0.0(supports-color@10.2.2)
+      ssri: 14.0.0
+      tar: 7.5.22
+    transitivePeerDependencies:
+      - kerberos
+      - supports-color
+
+  pako@1.0.11: {}
+
+  pako@3.0.1: {}
+
+  param-case@3.0.4:
+    dependencies:
+      dot-case: 3.0.4
+      tslib: 2.8.1
+
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  parse-asn1@5.1.9:
+    dependencies:
+      asn1.js: 4.10.1
+      browserify-aes: 1.2.0
+      evp_bytestokey: 1.0.3
+      pbkdf2: 3.1.5
+      safe-buffer: 5.2.1
+
+  parse-json@5.2.0:
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      error-ex: 1.3.4
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+
+  parse-srcset@1.0.2: {}
+
+  parse5@7.3.0:
+    dependencies:
+      entities: 6.0.1
+
+  parseurl@1.3.3: {}
+
+  pascal-case@3.1.2:
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.8.1
+
+  path-browserify@1.0.1: {}
+
+  path-data-parser@0.1.0: {}
+
+  path-exists@4.0.0: {}
+
+  path-is-absolute@1.0.1: {}
+
+  path-key@3.1.1: {}
+
+  path-parse@1.0.7: {}
+
+  path-scurry@1.11.1:
+    dependencies:
+      lru-cache: 10.4.3
+      minipass: 7.1.3
+
+  path-scurry@2.0.2:
+    dependencies:
+      lru-cache: 11.2.6
+      minipass: 7.1.3
+
+  path-to-regexp@8.4.2: {}
+
+  path-type@4.0.0: {}
+
+  pathe@2.0.3: {}
+
+  pathval@2.0.1: {}
+
+  pbf@4.0.1:
+    dependencies:
+      resolve-protobuf-schema: 2.1.0
+
+  pbkdf2@3.1.5:
+    dependencies:
+      create-hash: 1.2.0
+      create-hmac: 1.1.7
+      ripemd160: 2.0.3
+      safe-buffer: 5.2.1
+      sha.js: 2.4.12
+      to-buffer: 1.2.2
+
+  pe-library@0.4.1: {}
+
+  perfect-debounce@1.0.0: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.2: {}
+
+  picomatch@4.0.4: {}
+
+  picomatch@4.0.5: {}
+
+  pify@2.3.0: {}
+
+  pirates@4.0.7: {}
+
+  pixelmatch@7.2.0:
+    dependencies:
+      pngjs: 7.0.0
+
+  pkg-dir@4.2.0:
+    dependencies:
+      find-up: 4.1.0
+
+  pkg-dir@5.0.0:
+    dependencies:
+      find-up: 5.0.0
+
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.8.2
+      pathe: 2.0.3
+
+  pkg-types@2.3.0:
+    dependencies:
+      confbox: 0.2.2
+      exsolve: 1.0.8
+      pathe: 2.0.3
+
+  pkijs@3.4.0:
+    dependencies:
+      '@noble/hashes': 1.4.0
+      asn1js: 3.0.10
+      bytestreamjs: 2.0.1
+      pvtsutils: 1.3.6
+      pvutils: 1.1.5
+      tslib: 2.8.1
+
+  playwright-core@1.61.1: {}
+
+  playwright@1.61.1:
+    dependencies:
+      playwright-core: 1.61.1
+    optionalDependencies:
+      fsevents: 2.3.2
+
+  plist@3.1.0(patch_hash=7a3c35087f0ab2a8efbac9e2899990f07d61e2b3e41d8d962ef0bdb0786e1af7):
+    dependencies:
+      '@xmldom/xmldom': 0.8.13
+      base64-js: 1.5.1
+      xmlbuilder: 15.1.1
+
+  pluralizers@0.1.7: {}
+
+  png-chunks-extract@1.0.0:
+    dependencies:
+      crc-32: 0.3.0
+
+  png-to-ico@3.0.2:
+    dependencies:
+      '@types/node': 25.9.3
+      minimist: 1.2.8
+      pngjs: 7.0.0
+
+  pngjs@5.0.0: {}
+
+  pngjs@7.0.0: {}
+
+  points-on-curve@0.2.0: {}
+
+  points-on-path@0.2.1:
+    dependencies:
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+
+  possible-typed-array-names@1.1.0: {}
+
+  postcss-attribute-case-insensitive@8.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-calc@10.1.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+      postcss-value-parser: 4.2.0
+
+  postcss-clamp@4.1.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-color-functional-notation@8.0.6(postcss@8.5.25):
+    dependencies:
+      '@csstools/css-color-parser': 4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  postcss-color-hex-alpha@11.0.0(postcss@8.5.25):
+    dependencies:
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-color-rebeccapurple@11.0.0(postcss@8.5.25):
+    dependencies:
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-colormin@7.0.5(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.7
+      caniuse-api: 3.0.0
+      colord: 2.9.3
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-convert-values@7.0.8(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.7
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-custom-media@12.0.1(postcss@8.5.25):
+    dependencies:
+      '@csstools/cascade-layer-name-parser': 3.0.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/media-query-list-parser': 5.0.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      postcss: 8.5.25
+
+  postcss-custom-properties@15.0.1(postcss@8.5.25):
+    dependencies:
+      '@csstools/cascade-layer-name-parser': 3.0.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-custom-selectors@9.0.1(postcss@8.5.25):
+    dependencies:
+      '@csstools/cascade-layer-name-parser': 3.0.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-dir-pseudo-class@10.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-discard-comments@7.0.5(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-discard-duplicates@7.0.2(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-discard-empty@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-discard-overridden@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-double-position-gradients@7.0.2(postcss@8.5.25):
+    dependencies:
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-easings@4.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-focus-visible@11.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-focus-within@10.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-font-variant@5.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-gap-properties@7.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-hexrgba@2.1.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-image-set-function@8.0.0(postcss@8.5.25):
+    dependencies:
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-import@16.1.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.12
+
+  postcss-js@4.1.0(postcss@8.5.25):
+    dependencies:
+      camelcase-css: 2.0.1
+      postcss: 8.5.25
+
+  postcss-lab-function@8.0.6(postcss@8.5.25):
+    dependencies:
+      '@csstools/css-color-parser': 4.1.9(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/utilities': 3.0.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  postcss-loader@8.2.1(@typescript/typescript6@6.0.2)(postcss@8.5.25)(webpack@5.109.2):
+    dependencies:
+      cosmiconfig: 9.0.2(@typescript/typescript6@6.0.2)
+      jiti: 2.7.0
+      postcss: 8.5.25
+      semver: 7.8.5
+    optionalDependencies:
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+    transitivePeerDependencies:
+      - typescript
+
+  postcss-logical@9.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-media-query-parser@0.2.3: {}
+
+  postcss-merge-longhand@7.0.5(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+      stylehacks: 7.0.7(postcss@8.5.25)
+
+  postcss-merge-rules@7.0.7(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.7
+      caniuse-api: 3.0.0
+      cssnano-utils: 5.0.1(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-minify-font-values@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-minify-gradients@7.0.1(postcss@8.5.25):
+    dependencies:
+      colord: 2.9.3
+      cssnano-utils: 5.0.1(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-minify-params@7.0.5(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.7
+      cssnano-utils: 5.0.1(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-minify-selectors@7.0.5(postcss@8.5.25):
+    dependencies:
+      cssesc: 3.0.0
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-mixins@12.1.2(patch_hash=30fc882486b610a1c252340c87a99f1030c50e698a3c57c837eff7232e29d6d0)(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-js: 4.1.0(postcss@8.5.25)
+      postcss-simple-vars: 7.0.1(postcss@8.5.25)
+      sugarss: 5.0.1(postcss@8.5.25)
+      tinyglobby: 0.2.17
+
+  postcss-modules-extract-imports@3.1.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-modules-local-by-default@4.2.0(postcss@8.5.25):
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+      postcss-value-parser: 4.2.0
+
+  postcss-modules-scope@3.2.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-modules-values@4.0.0(postcss@8.5.25):
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.5.25)
+      postcss: 8.5.25
+
+  postcss-nested@8.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-nesting@14.0.0(postcss@8.5.25):
+    dependencies:
+      '@csstools/selector-resolve-nested': 4.0.1(postcss-selector-parser@7.1.4)
+      '@csstools/selector-specificity': 6.0.0(postcss-selector-parser@7.1.4)
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-normalize-charset@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-normalize-display-values@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-positions@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-repeat-style@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-string@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-timing-functions@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-unicode@7.0.5(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.7
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-url@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-whitespace@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-opacity-percentage@3.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-ordered-values@7.0.2(postcss@8.5.25):
+    dependencies:
+      cssnano-utils: 5.0.1(postcss@8.5.25)
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-overflow-shorthand@7.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-page-break@3.0.4(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-place@11.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-preset-env@11.3.2(postcss@8.5.25):
+    dependencies:
+      '@csstools/postcss-alpha-function': 2.0.7(postcss@8.5.25)
+      '@csstools/postcss-cascade-layers': 6.0.0(postcss@8.5.25)
+      '@csstools/postcss-color-function': 5.0.6(postcss@8.5.25)
+      '@csstools/postcss-color-function-display-p3-linear': 2.0.6(postcss@8.5.25)
+      '@csstools/postcss-color-mix-function': 4.0.6(postcss@8.5.25)
+      '@csstools/postcss-color-mix-variadic-function-arguments': 2.0.6(postcss@8.5.25)
+      '@csstools/postcss-container-rule-prelude-list': 1.0.1(postcss@8.5.25)
+      '@csstools/postcss-content-alt-text': 3.0.2(postcss@8.5.25)
+      '@csstools/postcss-contrast-color-function': 3.0.6(postcss@8.5.25)
+      '@csstools/postcss-exponential-functions': 3.0.3(postcss@8.5.25)
+      '@csstools/postcss-font-format-keywords': 5.0.0(postcss@8.5.25)
+      '@csstools/postcss-font-width-property': 1.0.0(postcss@8.5.25)
+      '@csstools/postcss-gamut-mapping': 3.0.6(postcss@8.5.25)
+      '@csstools/postcss-gradients-interpolation-method': 6.0.6(postcss@8.5.25)
+      '@csstools/postcss-hwb-function': 5.0.6(postcss@8.5.25)
+      '@csstools/postcss-ic-unit': 5.0.2(postcss@8.5.25)
+      '@csstools/postcss-image-function': 1.0.1(postcss@8.5.25)
+      '@csstools/postcss-initial': 3.0.0(postcss@8.5.25)
+      '@csstools/postcss-is-pseudo-class': 6.0.0(postcss@8.5.25)
+      '@csstools/postcss-light-dark-function': 3.0.2(postcss@8.5.25)
+      '@csstools/postcss-logical-float-and-clear': 4.0.0(postcss@8.5.25)
+      '@csstools/postcss-logical-overflow': 3.0.0(postcss@8.5.25)
+      '@csstools/postcss-logical-overscroll-behavior': 3.0.0(postcss@8.5.25)
+      '@csstools/postcss-logical-resize': 4.0.0(postcss@8.5.25)
+      '@csstools/postcss-logical-viewport-units': 4.0.0(postcss@8.5.25)
+      '@csstools/postcss-media-minmax': 3.0.3(postcss@8.5.25)
+      '@csstools/postcss-media-queries-aspect-ratio-number-values': 4.0.0(postcss@8.5.25)
+      '@csstools/postcss-mixins': 1.0.0(postcss@8.5.25)
+      '@csstools/postcss-nested-calc': 5.0.0(postcss@8.5.25)
+      '@csstools/postcss-normalize-display-values': 5.0.1(postcss@8.5.25)
+      '@csstools/postcss-oklab-function': 5.0.6(postcss@8.5.25)
+      '@csstools/postcss-position-area-property': 2.0.0(postcss@8.5.25)
+      '@csstools/postcss-progressive-custom-properties': 5.1.1(postcss@8.5.25)
+      '@csstools/postcss-property-rule-prelude-list': 2.0.0(postcss@8.5.25)
+      '@csstools/postcss-random-function': 3.0.3(postcss@8.5.25)
+      '@csstools/postcss-relative-color-syntax': 4.0.6(postcss@8.5.25)
+      '@csstools/postcss-scope-pseudo-class': 5.0.0(postcss@8.5.25)
+      '@csstools/postcss-sign-functions': 2.0.3(postcss@8.5.25)
+      '@csstools/postcss-stepped-value-functions': 5.0.3(postcss@8.5.25)
+      '@csstools/postcss-syntax-descriptor-syntax-production': 2.0.0(postcss@8.5.25)
+      '@csstools/postcss-system-ui-font-family': 2.0.0(postcss@8.5.25)
+      '@csstools/postcss-text-decoration-shorthand': 5.0.4(postcss@8.5.25)
+      '@csstools/postcss-trigonometric-functions': 5.0.3(postcss@8.5.25)
+      '@csstools/postcss-unset-value': 5.0.0(postcss@8.5.25)
+      autoprefixer: 10.5.0(postcss@8.5.25)
+      browserslist: 4.28.7
+      css-blank-pseudo: 8.0.1(postcss@8.5.25)
+      css-has-pseudo: 8.0.0(postcss@8.5.25)
+      css-prefers-color-scheme: 11.0.0(postcss@8.5.25)
+      cssdb: 8.9.0
+      postcss: 8.5.25
+      postcss-attribute-case-insensitive: 8.0.0(postcss@8.5.25)
+      postcss-clamp: 4.1.0(postcss@8.5.25)
+      postcss-color-functional-notation: 8.0.6(postcss@8.5.25)
+      postcss-color-hex-alpha: 11.0.0(postcss@8.5.25)
+      postcss-color-rebeccapurple: 11.0.0(postcss@8.5.25)
+      postcss-custom-media: 12.0.1(postcss@8.5.25)
+      postcss-custom-properties: 15.0.1(postcss@8.5.25)
+      postcss-custom-selectors: 9.0.1(postcss@8.5.25)
+      postcss-dir-pseudo-class: 10.0.0(postcss@8.5.25)
+      postcss-double-position-gradients: 7.0.2(postcss@8.5.25)
+      postcss-focus-visible: 11.0.0(postcss@8.5.25)
+      postcss-focus-within: 10.0.0(postcss@8.5.25)
+      postcss-font-variant: 5.0.0(postcss@8.5.25)
+      postcss-gap-properties: 7.0.0(postcss@8.5.25)
+      postcss-image-set-function: 8.0.0(postcss@8.5.25)
+      postcss-lab-function: 8.0.6(postcss@8.5.25)
+      postcss-logical: 9.0.0(postcss@8.5.25)
+      postcss-nesting: 14.0.0(postcss@8.5.25)
+      postcss-opacity-percentage: 3.0.0(postcss@8.5.25)
+      postcss-overflow-shorthand: 7.0.0(postcss@8.5.25)
+      postcss-page-break: 3.0.4(postcss@8.5.25)
+      postcss-place: 11.0.0(postcss@8.5.25)
+      postcss-pseudo-class-any-link: 11.0.0(postcss@8.5.25)
+      postcss-replace-overflow-wrap: 4.0.0(postcss@8.5.25)
+      postcss-selector-not: 9.0.0(postcss@8.5.25)
+
+  postcss-pseudo-class-any-link@11.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-reduce-initial@7.0.5(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.7
+      caniuse-api: 3.0.0
+      postcss: 8.5.25
+
+  postcss-reduce-transforms@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+
+  postcss-replace-overflow-wrap@4.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-resolve-nested-selector@0.1.6: {}
+
+  postcss-safe-parser@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-scss@4.0.9(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-selector-not@9.0.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-selector-parser@7.1.4:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss-simple-vars@7.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  postcss-svgo@7.1.0(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-value-parser: 4.2.0
+      svgo: 4.0.2
+
+  postcss-unique-selectors@7.0.4(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  postcss-value-parser@4.2.0: {}
+
+  postcss@8.5.25:
+    dependencies:
+      nanoid: 3.3.16
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  posthog-js@1.407.2:
+    dependencies:
+      '@posthog/browser-common': 0.2.3
+      '@posthog/core': 1.45.1
+      '@posthog/types': 1.398.0
+      core-js: 3.49.0
+      dompurify: 3.4.12
+      fflate: 0.4.8
+      preact: 10.29.3
+      query-selector-shadow-dom: 1.0.1
+      web-vitals: 5.3.0
+
+  postject@1.0.0-alpha.6:
+    dependencies:
+      commander: 9.5.0
+    optional: true
+
+  potpack@2.1.0: {}
+
+  powershell-utils@0.1.0: {}
+
+  preact@10.29.3: {}
+
+  prelude-ls@1.2.1: {}
+
+  prettier@2.8.8: {}
+
+  pretty-error@4.0.0:
+    dependencies:
+      lodash: 4.18.1
+      renderkid: 3.0.0
+
+  pretty-format@27.5.1:
+    dependencies:
+      ansi-regex: 5.0.1
+      ansi-styles: 5.2.0
+      react-is: 17.0.2
+
+  pretty-format@30.4.1:
+    dependencies:
+      '@jest/schemas': 30.4.1
+      ansi-styles: 5.2.0
+      react-is-18: react-is@18.3.1
+      react-is-19: react-is@19.2.8
+
+  proc-log@6.1.0: {}
+
+  proc-log@7.0.0: {}
+
+  process-nextick-args@2.0.1: {}
+
+  process@0.11.10: {}
+
+  progress@2.0.3: {}
+
+  promise-retry@2.0.1:
+    dependencies:
+      err-code: 2.0.3
+      retry: 0.12.0
+
+  prop-types@15.8.1:
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
+
+  proper-lockfile@4.1.2:
+    dependencies:
+      graceful-fs: 4.2.11
+      retry: 0.12.0
+      signal-exit: 3.0.7
+
+  properties-file@3.7.0: {}
+
+  properties-reader@3.0.1(supports-color@10.2.2):
+    dependencies:
+      '@kwsites/file-exists': 1.1.1(supports-color@10.2.2)
+      mkdirp: 3.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  property-information@7.1.0: {}
+
+  protobufjs@7.6.5:
+    dependencies:
+      '@protobufjs/aspromise': 1.1.2
+      '@protobufjs/base64': 1.1.2
+      '@protobufjs/codegen': 2.0.5
+      '@protobufjs/eventemitter': 1.1.1
+      '@protobufjs/fetch': 1.1.1
+      '@protobufjs/float': 1.0.2
+      '@protobufjs/path': 1.1.2
+      '@protobufjs/pool': 1.1.0
+      '@protobufjs/utf8': 1.1.1
+      '@types/node': 25.9.3
+      long: 5.3.2
+
+  protocol-buffers-schema@3.6.1: {}
+
+  proxy-addr@2.0.7:
+    dependencies:
+      forwarded: 0.2.0
+      ipaddr.js: 1.9.1
+
+  proxy-agent-negotiate@1.1.0: {}
+
+  proxy-from-env@1.1.0: {}
+
+  proxy-from-env@2.1.0: {}
+
+  public-encrypt@4.0.3:
+    dependencies:
+      bn.js: 4.12.3
+      browserify-rsa: 4.1.1
+      create-hash: 1.2.0
+      parse-asn1: 5.1.9
+      randombytes: 2.1.0
+      safe-buffer: 5.2.1
+
+  pump@3.0.4:
+    dependencies:
+      end-of-stream: 1.4.5
+      once: 1.4.0
+
+  punycode.js@2.3.1: {}
+
+  punycode@1.4.1: {}
+
+  punycode@2.3.1: {}
+
+  pure-rand@7.0.1: {}
+
+  pvtsutils@1.3.6:
+    dependencies:
+      tslib: 2.8.1
+
+  pvutils@1.1.5: {}
+
+  qified@0.10.1:
+    dependencies:
+      hookified: 2.2.0
+
+  qrcode@1.5.4:
+    dependencies:
+      dijkstrajs: 1.0.3
+      pngjs: 5.0.0
+      yargs: 15.4.1
+
+  qs@6.15.3:
+    dependencies:
+      es-define-property: 1.0.1
+      side-channel: 1.1.1
+
+  quansync@0.2.11: {}
+
+  query-selector-shadow-dom@1.0.1: {}
+
+  querystring-es3@0.2.1: {}
+
+  queue-microtask@1.2.3: {}
+
+  quick-lru@5.1.1: {}
+
+  quickselect@3.0.0: {}
+
+  raf-schd@4.0.3: {}
+
+  randombytes@2.1.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
+  randomfill@1.0.4:
+    dependencies:
+      randombytes: 2.1.0
+      safe-buffer: 5.2.1
+
+  range-parser@1.3.0: {}
+
+  raw-body@3.0.2:
+    dependencies:
+      bytes: 3.1.2
+      http-errors: 2.0.1
+      iconv-lite: 0.7.3
+      unpipe: 1.0.0
+
+  re-resizable@6.11.2(react-dom@19.2.8)(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+
+  react-beautiful-dnd@13.1.1(react-dom@19.2.8)(react@19.2.8):
+    dependencies:
+      '@babel/runtime': 7.29.7
+      css-box-model: 1.2.1
+      memoize-one: 5.2.1
+      raf-schd: 4.0.3
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      react-redux: 7.2.9(react-dom@19.2.8)(react@19.2.8)
+      redux: 4.2.1
+      use-memo-one: 1.1.3(react@19.2.8)
+    transitivePeerDependencies:
+      - react-native
+
+  react-blurhash@0.3.0(patch_hash=58bc7f075478017ce27bcc252e8509876390db106246bd5b0a7446642cc4b505)(blurhash@2.0.5)(react@19.2.8):
+    dependencies:
+      blurhash: 2.0.5
+      react: 19.2.8
+
+  react-clientside-effect@1.2.8(react@19.2.8):
+    dependencies:
+      '@babel/runtime': 7.29.7
+      react: 19.2.8
+
+  react-docgen-typescript@2.4.0(@typescript/typescript6@6.0.2):
+    dependencies:
+      typescript: '@typescript/typescript6@6.0.2'
+
+  react-docgen@8.0.3(supports-color@10.2.2):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@10.2.2)
+      '@babel/traverse': 7.29.8(supports-color@10.2.2)
+      '@babel/types': 7.29.8
+      '@types/babel__core': 7.20.5
+      '@types/babel__traverse': 7.28.0
+      '@types/doctrine': 0.0.9
+      '@types/resolve': 1.20.6
+      doctrine: 3.0.0
+      resolve: 1.22.12
+      strip-indent: 4.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  react-dom@19.2.8(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+      scheduler: 0.27.0
+
+  react-focus-lock@2.13.7(@types/react@19.2.18)(react@19.2.8):
+    dependencies:
+      '@babel/runtime': 7.29.7
+      focus-lock: 1.3.6
+      prop-types: 15.8.1
+      react: 19.2.8
+      react-clientside-effect: 1.2.8(react@19.2.8)
+      use-callback-ref: 1.3.3(@types/react@19.2.18)(react@19.2.8)
+      use-sidecar: 1.1.3(@types/react@19.2.18)(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  react-is@16.13.1: {}
+
+  react-is@17.0.2: {}
+
+  react-is@18.3.1: {}
+
+  react-is@19.2.8: {}
+
+  react-merge-refs@3.0.2(react@19.2.8):
+    optionalDependencies:
+      react: 19.2.8
+
+  react-property@2.0.2: {}
+
+  react-redux@7.2.9(react-dom@19.2.8)(react@19.2.8):
+    dependencies:
+      '@babel/runtime': 7.29.7
+      '@types/react-redux': 7.1.34
+      hoist-non-react-statics: 3.3.2
+      loose-envify: 1.4.0
+      prop-types: 15.8.1
+      react: 19.2.8
+      react-is: 17.0.2
+    optionalDependencies:
+      react-dom: 19.2.8(react@19.2.8)
+
+  react-remove-scroll-bar@2.3.8(@types/react@19.2.18)(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+      react-style-singleton: 2.2.3(@types/react@19.2.18)(react@19.2.8)
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  react-remove-scroll@2.7.2(@types/react@19.2.18)(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+      react-remove-scroll-bar: 2.3.8(@types/react@19.2.18)(react@19.2.8)
+      react-style-singleton: 2.2.3(@types/react@19.2.18)(react@19.2.8)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@19.2.18)(react@19.2.8)
+      use-sidecar: 1.1.3(@types/react@19.2.18)(react@19.2.8)
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  react-resizable-panels@4.12.2(react-dom@19.2.8)(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+
+  react-string-replace@2.0.1: {}
+
+  react-style-singleton@2.2.3(@types/react@19.2.18)(react@19.2.8):
+    dependencies:
+      get-nonce: 1.0.1
+      react: 19.2.8
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  react-transition-group@4.4.5(react-dom@19.2.8)(react@19.2.8):
+    dependencies:
+      '@babel/runtime': 7.29.7
+      dom-helpers: 5.2.1
+      loose-envify: 1.4.0
+      prop-types: 15.8.1
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+
+  react-virtuoso@4.18.11(react-dom@19.2.8)(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+
+  react@19.2.8: {}
+
+  read-binary-file-arch@1.0.6(supports-color@10.2.2):
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  read-cache@1.0.0:
+    dependencies:
+      pify: 2.3.0
+
+  readable-stream@2.3.8:
+    dependencies:
+      core-util-is: 1.0.3
+      inherits: 2.0.4
+      isarray: 1.0.0
+      process-nextick-args: 2.0.1
+      safe-buffer: 5.1.2
+      string_decoder: 1.1.1
+      util-deprecate: 1.0.2
+
+  readable-stream@3.6.2:
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
+
+  readable-stream@4.7.0:
+    dependencies:
+      abort-controller: 3.0.0
+      buffer: 6.0.3
+      events: 3.3.0
+      process: 0.11.10
+      string_decoder: 1.3.0
+
+  readdir-glob@1.1.3:
+    dependencies:
+      minimatch: 5.1.9
+
+  readdirp@5.0.0: {}
+
+  recast@0.23.12:
+    dependencies:
+      ast-types: 0.16.1
+      esprima: 4.0.1
+      source-map: 0.6.1
+      tiny-invariant: 1.3.3
+      tslib: 2.8.1
+
+  rechoir@0.8.0:
+    dependencies:
+      resolve: 1.22.12
+
+  redent@3.0.0:
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+
+  redux@4.2.1:
+    dependencies:
+      '@babel/runtime': 7.29.7
+
+  reflect-metadata@0.1.14: {}
+
+  reflect-metadata@0.2.2: {}
+
+  regenerate-unicode-properties@10.2.2:
+    dependencies:
+      regenerate: 1.4.2
+
+  regenerate@1.4.2: {}
+
+  regex-recursion@6.0.2:
+    dependencies:
+      regex-utilities: 2.3.0
+
+  regex-utilities@2.3.0: {}
+
+  regex@6.1.0:
+    dependencies:
+      regex-utilities: 2.3.0
+
+  regexparam@3.0.0: {}
+
+  regexpu-core@6.4.0:
+    dependencies:
+      regenerate: 1.4.2
+      regenerate-unicode-properties: 10.2.2
+      regjsgen: 0.8.0
+      regjsparser: 0.13.0
+      unicode-match-property-ecmascript: 2.0.0
+      unicode-match-property-value-ecmascript: 2.2.1
+
+  regjsgen@0.8.0: {}
+
+  regjsparser@0.13.0:
+    dependencies:
+      jsesc: 3.1.0
+
+  relateurl@0.2.7: {}
+
+  renderkid@3.0.0:
+    dependencies:
+      css-select: 4.3.0
+      dom-converter: 0.2.0
+      htmlparser2: 6.1.0
+      lodash: 4.18.1
+      strip-ansi: 6.0.1
+
+  require-directory@2.1.1: {}
+
+  require-from-string@2.0.2: {}
+
+  require-in-the-middle@8.0.1(supports-color@10.2.2):
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+      module-details-from-path: 1.0.4
+    transitivePeerDependencies:
+      - supports-color
+
+  require-main-filename@2.0.0: {}
+
+  requirejs@2.3.8: {}
+
+  resedit@1.7.2:
+    dependencies:
+      pe-library: 0.4.1
+
+  resolve-alpn@1.2.1: {}
+
+  resolve-cwd@3.0.0:
+    dependencies:
+      resolve-from: 5.0.0
+
+  resolve-from@4.0.0: {}
+
+  resolve-from@5.0.0: {}
+
+  resolve-pkg-maps@1.0.0: {}
+
+  resolve-protobuf-schema@2.1.0:
+    dependencies:
+      protocol-buffers-schema: 3.6.1
+
+  resolve.exports@2.0.3: {}
+
+  resolve@1.22.12:
+    dependencies:
+      es-errors: 1.3.0
+      is-core-module: 2.16.2
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
+  responselike@2.0.1:
+    dependencies:
+      lowercase-keys: 2.0.0
+
+  restore-cursor@3.1.0:
+    dependencies:
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+
+  retry@0.12.0: {}
+
+  reusify@1.1.0: {}
+
+  rfc4648@1.5.4: {}
+
+  rfdc@1.4.1: {}
+
+  rimraf@2.6.3:
+    dependencies:
+      glob: 7.2.3
+
+  rimraf@3.0.2:
+    dependencies:
+      glob: 7.2.3
+
+  rimraf@6.1.3:
+    dependencies:
+      glob: 13.0.6
+      package-json-from-dist: 1.0.1
+
+  ripemd160@2.0.3:
+    dependencies:
+      hash-base: 3.1.2
+      inherits: 2.0.4
+
+  roarr@2.15.4:
+    dependencies:
+      boolean: 3.2.0
+      detect-node: 2.1.0
+      globalthis: 1.0.4
+      json-stringify-safe: 5.0.1
+      semver-compare: 1.0.0
+      sprintf-js: 1.1.3
+    optional: true
+
+  robust-predicates@3.0.3: {}
+
+  rolldown@1.2.2:
+    dependencies:
+      '@oxc-project/types': 0.142.0
+      '@rolldown/pluginutils': 1.0.1
+    optionalDependencies:
+      '@rolldown/binding-android-arm64': 1.2.2
+      '@rolldown/binding-darwin-arm64': 1.2.2
+      '@rolldown/binding-darwin-x64': 1.2.2
+      '@rolldown/binding-freebsd-x64': 1.2.2
+      '@rolldown/binding-linux-arm-gnueabihf': 1.2.2
+      '@rolldown/binding-linux-arm64-gnu': 1.2.2
+      '@rolldown/binding-linux-arm64-musl': 1.2.2
+      '@rolldown/binding-linux-ppc64-gnu': 1.2.2
+      '@rolldown/binding-linux-s390x-gnu': 1.2.2
+      '@rolldown/binding-linux-x64-gnu': 1.2.2
+      '@rolldown/binding-linux-x64-musl': 1.2.2
+      '@rolldown/binding-openharmony-arm64': 1.2.2
+      '@rolldown/binding-win32-arm64-msvc': 1.2.2
+      '@rolldown/binding-win32-x64-msvc': 1.2.2
+
+  rollup-plugin-external-globals@0.13.0(rollup@4.60.1):
+    dependencies:
+      '@rollup/pluginutils': 5.4.0(rollup@4.60.1)
+      estree-walker: 3.0.3
+      is-reference: 3.0.3
+      magic-string: 0.30.21
+      rollup: 4.60.1
+
+  rollup@4.60.1:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.60.1
+      '@rollup/rollup-android-arm64': 4.60.1
+      '@rollup/rollup-darwin-arm64': 4.60.1
+      '@rollup/rollup-darwin-x64': 4.60.1
+      '@rollup/rollup-freebsd-arm64': 4.60.1
+      '@rollup/rollup-freebsd-x64': 4.60.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.60.1
+      '@rollup/rollup-linux-arm-musleabihf': 4.60.1
+      '@rollup/rollup-linux-arm64-gnu': 4.60.1
+      '@rollup/rollup-linux-arm64-musl': 4.60.1
+      '@rollup/rollup-linux-loong64-gnu': 4.60.1
+      '@rollup/rollup-linux-loong64-musl': 4.60.1
+      '@rollup/rollup-linux-ppc64-gnu': 4.60.1
+      '@rollup/rollup-linux-ppc64-musl': 4.60.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.60.1
+      '@rollup/rollup-linux-riscv64-musl': 4.60.1
+      '@rollup/rollup-linux-s390x-gnu': 4.60.1
+      '@rollup/rollup-linux-x64-gnu': 4.60.1
+      '@rollup/rollup-linux-x64-musl': 4.60.1
+      '@rollup/rollup-openbsd-x64': 4.60.1
+      '@rollup/rollup-openharmony-arm64': 4.60.1
+      '@rollup/rollup-win32-arm64-msvc': 4.60.1
+      '@rollup/rollup-win32-ia32-msvc': 4.60.1
+      '@rollup/rollup-win32-x64-gnu': 4.60.1
+      '@rollup/rollup-win32-x64-msvc': 4.60.1
+      fsevents: 2.3.3
+
+  roughjs@4.6.6:
+    dependencies:
+      hachure-fill: 0.5.2
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+      points-on-path: 0.2.1
+
+  router@2.2.0(supports-color@10.2.2):
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+      depd: 2.0.0
+      is-promise: 4.0.0
+      parseurl: 1.3.3
+      path-to-regexp: 8.4.2
+    transitivePeerDependencies:
+      - supports-color
+
+  rrweb-cssom@0.8.0: {}
+
+  run-applescript@7.0.0: {}
+
+  run-applescript@7.1.0: {}
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  rw@1.3.3: {}
+
+  rxjs@7.8.2:
+    dependencies:
+      tslib: 2.8.1
+
+  safe-buffer@5.1.2: {}
+
+  safe-buffer@5.2.1: {}
+
+  safe-regex-test@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-regex: 1.2.1
+
+  safer-buffer@2.1.2: {}
+
+  sanitize-filename@1.6.4:
+    dependencies:
+      truncate-utf8-bytes: 1.0.2
+
+  sanitize-html@2.17.6:
+    dependencies:
+      deepmerge: 4.3.1
+      escape-string-regexp: 4.0.0
+      htmlparser2: 12.0.0
+      is-plain-object: 5.0.0
+      launder: 1.7.1
+      parse-srcset: 1.0.2
+      postcss: 8.5.25
+
+  sax@1.6.0: {}
+
+  saxes@6.0.0:
+    dependencies:
+      xmlchars: 2.2.0
+
+  scheduler@0.27.0: {}
+
+  schema-utils@3.3.0:
+    dependencies:
+      '@types/json-schema': 7.0.15
+      ajv: 6.15.0
+      ajv-keywords: 3.5.2(ajv@6.15.0)
+
+  schema-utils@4.3.3:
+    dependencies:
+      '@types/json-schema': 7.0.15
+      ajv: 8.20.0
+      ajv-formats: 2.1.1(ajv@8.20.0)
+      ajv-keywords: 5.1.0(ajv@8.20.0)
+
+  sdp-transform@3.0.0: {}
+
+  search-insights@2.17.3: {}
+
+  seedrandom@3.0.5: {}
+
+  selfsigned@5.5.0:
+    dependencies:
+      '@peculiar/x509': 1.14.3
+      pkijs: 3.4.0
+
+  semifies@1.0.0: {}
+
+  semver-compare@1.0.0:
+    optional: true
+
+  semver@5.7.2: {}
+
+  semver@6.3.1: {}
+
+  semver@7.7.4: {}
+
+  semver@7.8.4: {}
+
+  semver@7.8.5: {}
+
+  send@1.2.1(supports-color@10.2.2):
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      fresh: 2.0.0
+      http-errors: 2.0.1
+      mime-types: 3.0.2
+      ms: 2.1.3
+      on-finished: 2.4.1
+      range-parser: 1.3.0
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  serialize-error@7.0.1:
+    dependencies:
+      type-fest: 0.13.1
+    optional: true
+
+  serialize-javascript@7.0.5: {}
+
+  serve-index@1.9.2(supports-color@10.2.2):
+    dependencies:
+      accepts: 1.3.8
+      batch: 0.6.1
+      debug: 2.6.9(supports-color@10.2.2)
+      escape-html: 1.0.3
+      http-errors: 1.8.1
+      mime-types: 2.1.35
+      parseurl: 1.3.3
+    transitivePeerDependencies:
+      - supports-color
+
+  serve-static@2.2.1(supports-color@10.2.2):
+    dependencies:
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      parseurl: 1.3.3
+      send: 1.2.1(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  set-blocking@2.0.0: {}
+
+  set-function-length@1.2.2:
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.3.0
+      gopd: 1.2.0
+      has-property-descriptors: 1.0.2
+
+  setimmediate@1.0.5: {}
+
+  setprototypeof@1.2.0: {}
+
+  sha.js@2.4.12:
+    dependencies:
+      inherits: 2.0.4
+      safe-buffer: 5.2.1
+      to-buffer: 1.2.2
+
+  shallow-clone@3.0.1:
+    dependencies:
+      kind-of: 6.0.3
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  shell-quote@1.9.0: {}
+
+  shiki@2.5.0:
+    dependencies:
+      '@shikijs/core': 2.5.0
+      '@shikijs/engine-javascript': 2.5.0
+      '@shikijs/engine-oniguruma': 2.5.0
+      '@shikijs/langs': 2.5.0
+      '@shikijs/themes': 2.5.0
+      '@shikijs/types': 2.5.0
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  side-channel-list@1.0.1:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-map@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-weakmap@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-map: 1.0.1
+
+  side-channel@1.1.1:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-list: 1.0.1
+      side-channel-map: 1.0.1
+      side-channel-weakmap: 1.0.2
+
+  siginfo@2.0.0: {}
+
+  signal-exit@3.0.7: {}
+
+  signal-exit@4.1.0: {}
+
+  sigstore@5.0.0(supports-color@10.2.2):
+    dependencies:
+      '@sigstore/bundle': 5.0.0
+      '@sigstore/core': 4.0.0
+      '@sigstore/protobuf-specs': 0.5.0
+      '@sigstore/sign': 5.0.0(supports-color@10.2.2)
+      '@sigstore/tuf': 5.0.0(supports-color@10.2.2)
+      '@sigstore/verify': 4.0.0
+    transitivePeerDependencies:
+      - kerberos
+      - supports-color
+
+  simple-update-notifier@2.0.0:
+    dependencies:
+      semver: 7.8.5
+
+  sirv@3.0.2:
+    dependencies:
+      '@polka/url': 1.0.0-next.29
+      mrmime: 2.0.1
+      totalist: 3.0.1
+
+  slash@3.0.0: {}
+
+  slash@5.1.0: {}
+
+  slice-ansi@4.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      astral-regex: 2.0.0
+      is-fullwidth-code-point: 3.0.0
+
+  smart-buffer@4.2.0: {}
+
+  smol-toml@1.6.1: {}
+
+  smol-toml@1.7.1: {}
+
+  snake-case@3.0.4:
+    dependencies:
+      dot-case: 3.0.4
+      tslib: 2.8.1
+
+  socks-proxy-agent@10.1.0(supports-color@10.2.2):
+    dependencies:
+      agent-base: 9.0.0
+      debug: 4.4.3(supports-color@10.2.2)
+      socks: 2.8.7
+    transitivePeerDependencies:
+      - supports-color
+
+  socks-proxy-agent@8.0.5(supports-color@10.2.2):
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3(supports-color@10.2.2)
+      socks: 2.8.7
+    transitivePeerDependencies:
+      - supports-color
+
+  socks@2.8.7:
+    dependencies:
+      ip-address: 10.4.0
+      smart-buffer: 4.2.0
+
+  source-map-js@1.2.1: {}
+
+  source-map-loader@5.0.0(webpack@5.109.2):
+    dependencies:
+      iconv-lite: 0.6.3
+      source-map-js: 1.2.1
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+
+  source-map-support@0.5.13:
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+
+  source-map-support@0.5.19:
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+
+  source-map-support@0.5.21:
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+
+  source-map@0.6.1: {}
+
+  space-separated-tokens@2.0.2: {}
+
+  spdx-exceptions@2.5.0: {}
+
+  spdx-expression-parse@4.0.0:
+    dependencies:
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.22
+
+  spdx-license-ids@3.0.22: {}
+
+  speakingurl@14.0.1: {}
+
+  split-ca@1.0.1: {}
+
+  sprintf-js@1.0.3: {}
+
+  sprintf-js@1.1.3: {}
+
+  ssh-remote-port-forward@1.0.4:
+    dependencies:
+      '@types/ssh2': 0.5.52
+      ssh2: 1.17.0
+
+  ssh2@1.17.0:
+    dependencies:
+      asn1: 0.2.6
+      bcrypt-pbkdf: 1.0.2
+    optionalDependencies:
+      cpu-features: 0.0.10
+      nan: 2.28.0
+
+  ssim.js@3.5.0: {}
+
+  ssri@13.0.1:
+    dependencies:
+      minipass: 7.1.3
+
+  ssri@14.0.0:
+    dependencies:
+      minipass: 7.1.3
+
+  stack-utils@2.0.6:
+    dependencies:
+      escape-string-regexp: 2.0.0
+
+  stackback@0.0.2: {}
+
+  stat-mode@1.0.0: {}
+
+  statuses@1.5.0: {}
+
+  statuses@2.0.2: {}
+
+  std-env@3.10.0: {}
+
+  std-env@4.1.0: {}
+
+  storybook-addon-vis@4.2.3(@storybook/addon-vitest@10.5.5)(@typescript/typescript6@6.0.2)(@vitest/browser-playwright@4.1.10)(@vitest/browser@4.1.10)(babel-plugin-macros@3.1.0)(react@19.2.8)(storybook@10.5.5)(vitest@4.1.10):
+    dependencies:
+      '@repobuddy/test': 1.0.1
+      '@storybook/addon-vitest': 10.5.5(@vitest/browser-playwright@4.1.10)(@vitest/browser@4.1.10)(@vitest/runner@4.1.10)(react@19.2.8)(storybook@10.5.5)(vitest@4.1.10)
+      '@storybook/icons': 2.1.0(react@19.2.8)
+      '@vitest/browser': 4.1.10(vite@8.2.0)(vitest@4.1.10)
+      glob: 13.0.6
+      is-ci: 4.1.0
+      memoize: 11.0.0
+      pathe: 2.0.3
+      storybook: 10.5.5(@types/react@19.2.18)(prettier@2.8.8)(react@19.2.8)
+      type-plus: 8.0.0-beta.8(@typescript/typescript6@6.0.2)
+      vitest: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+      vitest-plugin-vis: 5.1.1(@typescript/typescript6@6.0.2)(@vitest/browser-playwright@4.1.10)(@vitest/browser@4.1.10)(babel-plugin-macros@3.1.0)(vitest@4.1.10)
+    transitivePeerDependencies:
+      - '@vitest/browser-playwright'
+      - '@vitest/browser-webdriverio'
+      - babel-plugin-macros
+      - react
+      - typescript
+
+  storybook@10.5.5(@types/react@19.2.18)(prettier@2.8.8)(react@19.2.8):
+    dependencies:
+      '@storybook/global': 5.0.0
+      '@storybook/icons': 2.1.0(react@19.2.8)
+      '@testing-library/dom': 10.4.1
+      '@testing-library/jest-dom': 6.9.1
+      '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
+      '@vitest/expect': 3.2.4
+      '@vitest/spy': 3.2.4
+      '@webcontainer/env': 1.1.1
+      esbuild: 0.27.4
+      jsonc-parser: 3.3.1
+      open: 10.2.0
+      oxc-parser: 0.127.0
+      oxc-resolver: 11.24.2
+      recast: 0.23.12
+      semver: 7.8.5
+      use-sync-external-store: 1.6.0(react@19.2.8)
+      ws: 8.21.1
+    optionalDependencies:
+      '@types/react': 19.2.18
+      prettier: 2.8.8
+    transitivePeerDependencies:
+      - bufferutil
+      - react
+      - utf-8-validate
+
+  stream-browserify@3.0.0:
+    dependencies:
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+
+  stream-http@3.2.0:
+    dependencies:
+      builtin-status-codes: 3.0.0
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+      xtend: 4.0.2
+
+  streamx@2.28.0:
+    dependencies:
+      events-universal: 1.0.1
+      fast-fifo: 1.3.2
+      text-decoder: 1.2.7
+    transitivePeerDependencies:
+      - bare-abort-controller
+      - react-native-b4a
+
+  string-argv@0.3.2: {}
+
+  string-length@4.0.2:
+    dependencies:
+      char-regex: 1.0.2
+      strip-ansi: 6.0.1
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@5.1.2:
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.2.0
+
+  string-width@8.2.2:
+    dependencies:
+      get-east-asian-width: 1.6.0
+      strip-ansi: 7.2.0
+
+  string_decoder@1.1.1:
+    dependencies:
+      safe-buffer: 5.1.2
+
+  string_decoder@1.3.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
+  stringify-entities@4.0.4:
+    dependencies:
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-ansi@7.2.0:
+    dependencies:
+      ansi-regex: 6.2.2
+
+  strip-bom@3.0.0: {}
+
+  strip-bom@4.0.0: {}
+
+  strip-final-newline@2.0.0: {}
+
+  strip-indent@3.0.0:
+    dependencies:
+      min-indent: 1.0.1
+
+  strip-indent@4.1.1: {}
+
+  strip-json-comments@3.1.1: {}
+
+  strip-json-comments@5.0.3: {}
+
+  stubborn-fs@2.0.0:
+    dependencies:
+      stubborn-utils: 1.0.2
+
+  stubborn-utils@1.0.2: {}
+
+  style-to-js@2.0.2:
+    dependencies:
+      style-to-object: 2.0.2
+
+  style-to-object@2.0.2:
+    dependencies:
+      inline-style-parser: 0.2.9
+
+  styled-components@6.4.4(react-dom@19.2.8)(react@19.2.8):
+    dependencies:
+      '@emotion/is-prop-valid': 1.4.0
+      csstype: 3.2.3
+      react: 19.2.8
+      stylis: 4.3.6
+    optionalDependencies:
+      react-dom: 19.2.8(react@19.2.8)
+
+  stylehacks@7.0.7(postcss@8.5.25):
+    dependencies:
+      browserslist: 4.28.7
+      postcss: 8.5.25
+      postcss-selector-parser: 7.1.4
+
+  stylelint-config-recommended@18.0.0(stylelint@17.14.1):
+    dependencies:
+      stylelint: 17.14.1(@typescript/typescript6@6.0.2)(supports-color@10.2.2)
+
+  stylelint-config-standard@40.0.0(stylelint@17.14.1):
+    dependencies:
+      stylelint: 17.14.1(@typescript/typescript6@6.0.2)(supports-color@10.2.2)
+      stylelint-config-recommended: 18.0.0(stylelint@17.14.1)
+
+  stylelint-scss@7.2.0(stylelint@17.14.1):
+    dependencies:
+      '@csstools/css-calc': 3.3.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-syntax-patches-for-csstree': 1.1.7(css-tree@3.2.1)
+      '@csstools/css-tokenizer': 4.0.0
+      css-tree: 3.2.1
+      is-plain-object: 5.0.0
+      known-css-properties: 0.37.0
+      postcss-media-query-parser: 0.2.3
+      postcss-resolve-nested-selector: 0.1.6
+      postcss-selector-parser: 7.1.4
+      postcss-value-parser: 4.2.0
+      stylelint: 17.14.1(@typescript/typescript6@6.0.2)(supports-color@10.2.2)
+
+  stylelint-value-no-unknown-custom-properties@6.1.1(stylelint@17.14.1):
+    dependencies:
+      postcss-value-parser: 4.2.0
+      resolve: 1.22.12
+      stylelint: 17.14.1(@typescript/typescript6@6.0.2)(supports-color@10.2.2)
+
+  stylelint@17.14.1(@typescript/typescript6@6.0.2)(supports-color@10.2.2):
+    dependencies:
+      '@csstools/css-calc': 3.3.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-syntax-patches-for-csstree': 1.1.7(css-tree@3.2.1)
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/media-query-list-parser': 5.0.0(@csstools/css-parser-algorithms@4.0.0)(@csstools/css-tokenizer@4.0.0)
+      '@csstools/selector-resolve-nested': 4.0.1(postcss-selector-parser@7.1.4)
+      '@csstools/selector-specificity': 6.0.0(postcss-selector-parser@7.1.4)
+      colord: 2.9.3
+      cosmiconfig: 9.0.2(@typescript/typescript6@6.0.2)
+      css-functions-list: 3.3.3
+      css-tree: 3.2.1
+      debug: 4.4.3(supports-color@10.2.2)
+      fast-glob: 3.3.3
+      fastest-levenshtein: 1.0.16
+      file-entry-cache: 11.1.5
+      global-modules: 2.0.0
+      globby: 16.2.2
+      globjoin: 0.1.4
+      html-tags: 5.1.0
+      ignore: 7.0.6
+      import-meta-resolve: 4.2.0
+      mathml-tag-names: 4.0.0
+      meow: 14.1.0
+      micromatch: 4.0.8
+      normalize-path: 3.0.0
+      picocolors: 1.1.1
+      postcss: 8.5.25
+      postcss-safe-parser: 7.0.1(postcss@8.5.25)
+      postcss-selector-parser: 7.1.4
+      postcss-value-parser: 4.2.0
+      string-width: 8.2.2
+      supports-hyperlinks: 4.5.0
+      svg-tags: 1.0.0
+      table: 6.9.0
+      write-file-atomic: 7.0.1
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  stylis@4.3.6: {}
+
+  stylis@4.4.0: {}
+
+  sugarss@5.0.1(postcss@8.5.25):
+    dependencies:
+      postcss: 8.5.25
+
+  sumchecker@3.0.1(supports-color@10.2.2):
+    dependencies:
+      debug: 4.4.3(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  super-regex@0.2.0:
+    dependencies:
+      clone-regexp: 3.0.0
+      function-timeout: 0.1.1
+      time-span: 5.1.0
+
+  supercluster@8.0.1:
+    dependencies:
+      kdbush: 4.0.2
+
+  superjson@2.2.6:
+    dependencies:
+      copy-anything: 4.0.5
+
+  supports-color@10.2.2: {}
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  supports-color@8.1.1:
+    dependencies:
+      has-flag: 4.0.0
+
+  supports-hyperlinks@4.5.0:
+    dependencies:
+      has-flag: 5.0.1
+      supports-color: 10.2.2
+
+  supports-preserve-symlinks-flag@1.0.0: {}
+
+  svg-parser@2.0.4: {}
+
+  svg-tags@1.0.0: {}
+
+  svgo@3.3.4:
+    dependencies:
+      commander: 7.2.0
+      css-select: 5.2.2
+      css-tree: 2.3.1
+      css-what: 6.2.2
+      csso: 5.0.5
+      picocolors: 1.1.1
+      sax: 1.6.0
+
+  svgo@4.0.2:
+    dependencies:
+      commander: 11.1.0
+      css-select: 5.2.2
+      css-tree: 3.2.1
+      css-what: 6.2.2
+      csso: 5.0.5
+      picocolors: 1.1.1
+      sax: 1.6.0
+
+  symbol-tree@3.2.4: {}
+
+  synckit@0.11.12:
+    dependencies:
+      '@pkgr/core': 0.2.9
+
+  tabbable@6.4.0: {}
+
+  table@6.9.0:
+    dependencies:
+      ajv: 8.20.0
+      lodash.truncate: 4.4.2
+      slice-ansi: 4.0.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  tagged-tag@1.0.0: {}
+
+  tapable@2.3.3: {}
+
+  tar-fs@2.1.5:
+    dependencies:
+      chownr: 1.1.4
+      mkdirp-classic: 0.5.3
+      pump: 3.0.4
+      tar-stream: 2.2.0
+
+  tar-fs@3.1.3:
+    dependencies:
+      pump: 3.0.4
+      tar-stream: 3.2.0
+    optionalDependencies:
+      bare-fs: 4.7.3
+      bare-path: 3.0.1
+    transitivePeerDependencies:
+      - bare-abort-controller
+      - bare-buffer
+      - react-native-b4a
+
+  tar-js@0.3.0: {}
+
+  tar-stream@2.2.0:
+    dependencies:
+      bl: 4.1.0
+      end-of-stream: 1.4.5
+      fs-constants: 1.0.0
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+
+  tar-stream@3.2.0:
+    dependencies:
+      b4a: 1.8.1
+      bare-fs: 4.7.3
+      fast-fifo: 1.3.2
+      streamx: 2.28.0
+    transitivePeerDependencies:
+      - bare-abort-controller
+      - bare-buffer
+      - react-native-b4a
+
+  tar@7.5.22:
+    dependencies:
+      '@isaacs/fs-minipass': 4.0.1
+      chownr: 3.0.0
+      minipass: 7.1.3
+      minizlib: 3.1.0
+      yallist: 5.0.0
+
+  teex@1.0.1:
+    dependencies:
+      streamx: 2.28.0
+    transitivePeerDependencies:
+      - bare-abort-controller
+      - react-native-b4a
+
+  temp-file@3.4.0:
+    dependencies:
+      async-exit-hook: 2.0.1
+      fs-extra: 10.1.0
+
+  temp@0.9.4:
+    dependencies:
+      mkdirp: 0.5.6
+      rimraf: 2.6.3
+
+  temporal-polyfill@1.0.1:
+    dependencies:
+      temporal-spec: 1.0.0
+      temporal-utils: 1.0.1
+
+  temporal-spec@1.0.0: {}
+
+  temporal-utils@1.0.1: {}
+
+  terser-webpack-plugin@5.6.1(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack@5.109.2):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      jest-worker: 27.5.1
+      schema-utils: 4.3.3
+      terser: 5.49.0
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+    optionalDependencies:
+      clean-css: 5.3.3
+      cssnano: 7.1.2(postcss@8.5.25)
+      csso: 5.0.5
+      esbuild: 0.27.4
+      html-minifier-terser: 6.1.0
+      lightningcss: 1.33.0
+      postcss: 8.5.25
+      uglify-js: 3.19.3
+
+  terser@5.49.0:
+    dependencies:
+      '@jridgewell/source-map': 0.3.11
+      acorn: 8.18.0
+      commander: 2.20.3
+      source-map-support: 0.5.21
+
+  tersify@3.12.1:
+    dependencies:
+      acorn: 8.18.0
+      is-buffer: 2.0.5
+      unpartial: 1.0.5
+
+  test-exclude@6.0.0:
+    dependencies:
+      '@istanbuljs/schema': 0.1.6
+      glob: 7.2.3
+      minimatch: 3.1.5
+
+  testcontainers@12.0.4(supports-color@10.2.2):
+    dependencies:
+      '@balena/dockerignore': 1.0.2
+      '@types/dockerode': 4.0.1
+      archiver: 7.0.1
+      async-lock: 1.4.1
+      byline: 5.0.0
+      debug: 4.4.3(supports-color@10.2.2)
+      docker-compose: 1.4.2
+      dockerode: 5.0.1(supports-color@10.2.2)
+      get-port: 5.1.1
+      proper-lockfile: 4.1.2
+      properties-reader: 3.0.1(supports-color@10.2.2)
+      ssh-remote-port-forward: 1.0.4
+      tar-fs: 3.1.3
+      tmp: 0.2.7
+      undici: 8.10.0
+    transitivePeerDependencies:
+      - bare-abort-controller
+      - bare-buffer
+      - react-native-b4a
+      - supports-color
+
+  text-decoder@1.2.7:
+    dependencies:
+      b4a: 1.8.1
+    transitivePeerDependencies:
+      - react-native-b4a
+
+  text-table@0.2.0: {}
+
+  thingies@2.6.0(tslib@2.8.1):
+    dependencies:
+      tslib: 2.8.1
+
+  thunky@1.1.0: {}
+
+  time-span@5.1.0:
+    dependencies:
+      convert-hrtime: 5.0.0
+
+  timers-browserify@2.0.12:
+    dependencies:
+      setimmediate: 1.0.5
+
+  tiny-async-pool@1.3.0:
+    dependencies:
+      semver: 5.7.2
+
+  tiny-invariant@1.3.3: {}
+
+  tinybench@2.9.0: {}
+
+  tinyexec@1.2.4: {}
+
+  tinyglobby@0.2.17:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.5)
+      picomatch: 4.0.5
+
+  tinypool@2.1.0: {}
+
+  tinyqueue@3.0.0: {}
+
+  tinyrainbow@2.0.0: {}
+
+  tinyrainbow@3.1.0: {}
+
+  tinyspy@4.0.4: {}
+
+  tldts-core@6.1.86: {}
+
+  tldts@6.1.86:
+    dependencies:
+      tldts-core: 6.1.86
+
+  tmp-promise@3.0.3:
+    dependencies:
+      tmp: 0.2.7
+
+  tmp@0.2.7: {}
+
+  tmpl@1.0.5: {}
+
+  to-buffer@1.2.2:
+    dependencies:
+      isarray: 2.0.5
+      safe-buffer: 5.2.1
+      typed-array-buffer: 1.0.3
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  toidentifier@1.0.1: {}
+
+  totalist@3.0.1: {}
+
+  tough-cookie@5.1.2:
+    dependencies:
+      tldts: 6.1.86
+
+  tr46@0.0.3: {}
+
+  tr46@5.1.1:
+    dependencies:
+      punycode: 2.3.1
+
+  tree-dump@1.1.0(tslib@2.8.1):
+    dependencies:
+      tslib: 2.8.1
+
+  trim-lines@3.0.1: {}
+
+  truncate-utf8-bytes@1.0.2:
+    dependencies:
+      utf8-byte-length: 1.0.5
+
+  ts-api-utils@2.5.0(@typescript/typescript6@6.0.2):
+    dependencies:
+      typescript: '@typescript/typescript6@6.0.2'
+
+  ts-dedent@2.3.0: {}
+
+  tsconfig-paths@4.2.0:
+    dependencies:
+      json5: 2.2.3
+      minimist: 1.2.8
+      strip-bom: 3.0.0
+
+  tslib@1.14.1: {}
+
+  tslib@2.8.1: {}
+
+  tsyringe@4.10.0:
+    dependencies:
+      tslib: 1.14.1
+
+  tty-browserify@0.0.1: {}
+
+  tuf-js@6.0.0(supports-color@10.2.2):
+    dependencies:
+      '@gar/promise-retry': 1.0.3
+      '@tufjs/models': 5.0.0
+      debug: 4.4.3(supports-color@10.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  tunnel@0.0.6: {}
+
+  tweetnacl@0.14.5: {}
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  type-detect@4.0.8: {}
+
+  type-fest@0.13.1:
+    optional: true
+
+  type-fest@0.20.2: {}
+
+  type-fest@0.21.3: {}
+
+  type-fest@5.5.0:
+    dependencies:
+      tagged-tag: 1.0.0
+
+  type-is@2.1.0:
+    dependencies:
+      content-type: 2.0.0
+      media-typer: 1.1.0
+      mime-types: 3.0.2
+
+  type-plus@8.0.0-beta.8(@typescript/typescript6@6.0.2):
+    dependencies:
+      tersify: 3.12.1
+      typescript: '@typescript/typescript6@6.0.2'
+      unpartial: 1.0.5
+
+  typed-array-buffer@1.0.3:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-typed-array: 1.1.15
+
+  typedoc-plugin-markdown@4.12.0(typedoc@0.28.20):
+    dependencies:
+      typedoc: 0.28.20(@typescript/typescript6@6.0.2)
+
+  typedoc-plugin-missing-exports@4.1.4(typedoc@0.28.20):
+    dependencies:
+      typedoc: 0.28.20(@typescript/typescript6@6.0.2)
+
+  typedoc@0.28.20(@typescript/typescript6@6.0.2):
+    dependencies:
+      '@gerrit0/mini-shiki': 3.23.0
+      lunr: 2.3.9
+      markdown-it: 14.3.0
+      minimatch: 10.2.6
+      typescript: '@typescript/typescript6@6.0.2'
+      yaml: 2.9.0
+
+  typescript@6.0.3: {}
+
+  typescript@7.0.2:
+    optionalDependencies:
+      '@typescript/typescript-aix-ppc64': 7.0.2
+      '@typescript/typescript-darwin-arm64': 7.0.2
+      '@typescript/typescript-darwin-x64': 7.0.2
+      '@typescript/typescript-freebsd-arm64': 7.0.2
+      '@typescript/typescript-freebsd-x64': 7.0.2
+      '@typescript/typescript-linux-arm': 7.0.2
+      '@typescript/typescript-linux-arm64': 7.0.2
+      '@typescript/typescript-linux-loong64': 7.0.2
+      '@typescript/typescript-linux-mips64el': 7.0.2
+      '@typescript/typescript-linux-ppc64': 7.0.2
+      '@typescript/typescript-linux-riscv64': 7.0.2
+      '@typescript/typescript-linux-s390x': 7.0.2
+      '@typescript/typescript-linux-x64': 7.0.2
+      '@typescript/typescript-netbsd-arm64': 7.0.2
+      '@typescript/typescript-netbsd-x64': 7.0.2
+      '@typescript/typescript-openbsd-arm64': 7.0.2
+      '@typescript/typescript-openbsd-x64': 7.0.2
+      '@typescript/typescript-sunos-x64': 7.0.2
+      '@typescript/typescript-win32-arm64': 7.0.2
+      '@typescript/typescript-win32-x64': 7.0.2
+
+  ua-parser-js@1.0.40: {}
+
+  uc.micro@2.1.0: {}
+
+  ufo@1.6.3: {}
+
+  uglify-js@3.19.3:
+    optional: true
+
+  uint8array-extras@1.5.0: {}
+
+  unbash@4.0.4: {}
+
+  underscore@1.13.8: {}
+
+  undici-types@7.24.6: {}
+
+  undici@6.28.0: {}
+
+  undici@7.29.0:
+    optional: true
+
+  undici@8.10.0: {}
+
+  unhomoglyph@1.0.6: {}
+
+  unicode-canonical-property-names-ecmascript@2.0.1: {}
+
+  unicode-match-property-ecmascript@2.0.0:
+    dependencies:
+      unicode-canonical-property-names-ecmascript: 2.0.1
+      unicode-property-aliases-ecmascript: 2.2.0
+
+  unicode-match-property-value-ecmascript@2.2.1: {}
+
+  unicode-property-aliases-ecmascript@2.2.0: {}
+
+  unicorn-magic@0.4.0: {}
+
+  unist-util-is@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-visit@5.1.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  universal-user-agent@7.0.3: {}
+
+  universalify@0.1.2: {}
+
+  universalify@2.0.1: {}
+
+  unpartial@1.0.5: {}
+
+  unpipe@1.0.0: {}
+
+  unplugin-dts@1.0.1(@microsoft/api-extractor@7.58.12)(@typescript/typescript6@6.0.2)(esbuild@0.27.4)(rolldown@1.2.2)(rollup@4.60.1)(supports-color@10.2.2)(vite@8.2.0)(webpack@5.109.2):
+    dependencies:
+      '@rollup/pluginutils': 5.4.0(rollup@4.60.1)
+      '@volar/typescript': 2.4.28(@typescript/typescript6@6.0.2)
+      compare-versions: 6.1.1
+      debug: 4.4.3(supports-color@10.2.2)
+      kolorist: 1.8.0
+      local-pkg: 1.1.2
+      magic-string: 0.30.21
+      typescript: '@typescript/typescript6@6.0.2'
+      unplugin: 2.3.11
+    optionalDependencies:
+      '@microsoft/api-extractor': 7.58.12(@types/node@25.9.3)
+      esbuild: 0.27.4
+      rolldown: 1.2.2
+      rollup: 4.60.1
+      vite: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  unplugin@2.3.11:
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      acorn: 8.18.0
+      picomatch: 4.0.5
+      webpack-virtual-modules: 0.6.2
+
+  unrs-resolver@1.12.2:
+    dependencies:
+      napi-postinstall: 0.3.4
+    optionalDependencies:
+      '@unrs/resolver-binding-android-arm-eabi': 1.12.2
+      '@unrs/resolver-binding-android-arm64': 1.12.2
+      '@unrs/resolver-binding-darwin-arm64': 1.12.2
+      '@unrs/resolver-binding-darwin-x64': 1.12.2
+      '@unrs/resolver-binding-freebsd-x64': 1.12.2
+      '@unrs/resolver-binding-linux-arm-gnueabihf': 1.12.2
+      '@unrs/resolver-binding-linux-arm-musleabihf': 1.12.2
+      '@unrs/resolver-binding-linux-arm64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-arm64-musl': 1.12.2
+      '@unrs/resolver-binding-linux-loong64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-loong64-musl': 1.12.2
+      '@unrs/resolver-binding-linux-ppc64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-riscv64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-riscv64-musl': 1.12.2
+      '@unrs/resolver-binding-linux-s390x-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-x64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-x64-musl': 1.12.2
+      '@unrs/resolver-binding-openharmony-arm64': 1.12.2
+      '@unrs/resolver-binding-wasm32-wasi': 1.12.2
+      '@unrs/resolver-binding-win32-arm64-msvc': 1.12.2
+      '@unrs/resolver-binding-win32-ia32-msvc': 1.12.2
+      '@unrs/resolver-binding-win32-x64-msvc': 1.12.2
+
+  untildify@3.0.3: {}
+
+  unzip-crx-3@0.2.0:
+    dependencies:
+      jszip: 3.10.1
+      mkdirp: 0.5.6
+      yaku: 0.16.7
+
+  unzipper@0.12.3:
+    dependencies:
+      bluebird: 3.7.2
+      duplexer2: 0.1.4
+      fs-extra: 11.4.0
+      graceful-fs: 4.2.11
+      node-int64: 0.4.0
+
+  update-browserslist-db@1.2.3(browserslist@4.28.7):
+    dependencies:
+      browserslist: 4.28.7
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  url@0.11.4:
+    dependencies:
+      punycode: 1.4.1
+      qs: 6.15.3
+
+  use-callback-ref@1.3.3(@types/react@19.2.18)(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  use-memo-one@1.1.3(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+
+  use-sidecar@1.1.3(@types/react@19.2.18)(react@19.2.8):
+    dependencies:
+      detect-node-es: 1.1.0
+      react: 19.2.8
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.2.18
+
+  use-sync-external-store@1.6.0(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+
+  utf8-byte-length@1.0.5: {}
+
+  util-deprecate@1.0.2: {}
+
+  util@0.12.5:
+    dependencies:
+      inherits: 2.0.4
+      is-arguments: 1.2.0
+      is-generator-function: 1.1.2
+      is-typed-array: 1.1.15
+      which-typed-array: 1.1.20
+
+  utila@0.4.0: {}
+
+  uuid@14.0.1: {}
+
+  v8-to-istanbul@9.3.0:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      '@types/istanbul-lib-coverage': 2.0.6
+      convert-source-map: 2.0.0
+
+  validate-npm-package-name@8.0.0: {}
+
+  vary@1.1.2: {}
+
+  vaul@1.1.2(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8):
+    dependencies:
+      '@radix-ui/react-dialog': 1.1.23(@types/react-dom@19.2.3)(@types/react@19.2.18)(react-dom@19.2.8)(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+
+  vfile-message@4.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-stringify-position: 4.0.0
+
+  vfile@6.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile-message: 4.0.3
+
+  vite-plugin-node-polyfills@0.28.0(rollup@4.60.1)(vite@8.2.0):
+    dependencies:
+      '@rollup/plugin-inject': 5.0.5(rollup@4.60.1)
+      node-stdlib-browser: 1.3.1
+      vite: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+    transitivePeerDependencies:
+      - rollup
+
+  vite-plugin-svgr@5.2.0(@typescript/typescript6@6.0.2)(rollup@4.60.1)(supports-color@10.2.2)(vite@8.2.0):
+    dependencies:
+      '@rollup/pluginutils': 5.4.0(rollup@4.60.1)
+      '@svgr/core': 8.1.0(@typescript/typescript6@6.0.2)(supports-color@10.2.2)
+      '@svgr/plugin-jsx': 8.1.0(@svgr/core@8.1.0)(supports-color@10.2.2)
+      vite: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+      - typescript
+
+  vite-plugin-svgr@5.2.0(rollup@4.60.1)(supports-color@10.2.2)(typescript@7.0.2)(vite@8.2.0):
+    dependencies:
+      '@rollup/pluginutils': 5.4.0(rollup@4.60.1)
+      '@svgr/core': 8.1.0(supports-color@10.2.2)(typescript@7.0.2)
+      '@svgr/plugin-jsx': 8.1.0(@svgr/core@8.1.0)(supports-color@10.2.2)
+      vite: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+      - typescript
+
+  vite-plugin-svgr@5.2.0(rollup@4.60.1)(supports-color@7.2.0)(typescript@7.0.2)(vite@8.2.0):
+    dependencies:
+      '@rollup/pluginutils': 5.4.0(rollup@4.60.1)
+      '@svgr/core': 8.1.0(supports-color@7.2.0)(typescript@7.0.2)
+      '@svgr/plugin-jsx': 8.1.0(@svgr/core@8.1.0)(supports-color@7.2.0)
+      vite: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+      - typescript
+
+  vite@6.4.3(@types/node@25.9.3)(jiti@2.7.0)(lightningcss@1.33.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0):
+    dependencies:
+      esbuild: 0.27.4
+      fdir: 6.5.0(picomatch@4.0.5)
+      picomatch: 4.0.5
+      postcss: 8.5.25
+      rollup: 4.60.1
+      tinyglobby: 0.2.17
+    optionalDependencies:
+      '@types/node': 25.9.3
+      fsevents: 2.3.3
+      jiti: 2.7.0
+      lightningcss: 1.33.0
+      sugarss: 5.0.1(postcss@8.5.25)
+      terser: 5.49.0
+      yaml: 2.9.0
+
+  vite@8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0):
+    dependencies:
+      lightningcss: 1.33.0
+      picomatch: 4.0.5
+      postcss: 8.5.25
+      rolldown: 1.2.2
+      tinyglobby: 0.2.17
+    optionalDependencies:
+      '@types/node': 25.9.3
+      esbuild: 0.27.4
+      fsevents: 2.3.3
+      jiti: 2.7.0
+      sugarss: 5.0.1(postcss@8.5.25)
+      terser: 5.49.0
+      yaml: 2.9.0
+
+  vitepress-plugin-mermaid@2.0.17(mermaid@11.16.0)(vitepress@1.6.4):
+    dependencies:
+      mermaid: 11.16.0
+      vitepress: 1.6.4(@algolia/client-search@5.50.0)(@types/node@25.9.3)(@types/react@19.2.18)(@typescript/typescript6@6.0.2)(axios@1.19.0)(jiti@2.7.0)(lightningcss@1.33.0)(postcss@8.5.25)(qrcode@1.5.4)(react@19.2.8)(search-insights@2.17.3)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+    optionalDependencies:
+      '@mermaid-js/mermaid-mindmap': 9.3.0
+
+  vitepress@1.6.4(@algolia/client-search@5.50.0)(@types/node@25.9.3)(@types/react@19.2.18)(@typescript/typescript6@6.0.2)(axios@1.19.0)(jiti@2.7.0)(lightningcss@1.33.0)(postcss@8.5.25)(qrcode@1.5.4)(react@19.2.8)(search-insights@2.17.3)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0):
+    dependencies:
+      '@docsearch/css': 3.8.2
+      '@docsearch/js': 3.8.2(@algolia/client-search@5.50.0)(@types/react@19.2.18)(react@19.2.8)(search-insights@2.17.3)
+      '@iconify-json/simple-icons': 1.2.75
+      '@shikijs/core': 2.5.0
+      '@shikijs/transformers': 2.5.0
+      '@shikijs/types': 2.5.0
+      '@types/markdown-it': 14.1.2
+      '@vitejs/plugin-vue': 5.2.4(vite@6.4.3)(vue@3.5.31)
+      '@vue/devtools-api': 7.7.9
+      '@vue/shared': 3.5.31
+      '@vueuse/core': 12.8.2(@typescript/typescript6@6.0.2)
+      '@vueuse/integrations': 12.8.2(@typescript/typescript6@6.0.2)(axios@1.19.0)(focus-trap@7.8.0)(qrcode@1.5.4)
+      focus-trap: 7.8.0
+      mark.js: 8.11.1
+      minisearch: 7.2.0
+      shiki: 2.5.0
+      vite: 6.4.3(@types/node@25.9.3)(jiti@2.7.0)(lightningcss@1.33.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+      vue: 3.5.31(@typescript/typescript6@6.0.2)
+    optionalDependencies:
+      postcss: 8.5.25
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - '@types/node'
+      - '@types/react'
+      - async-validator
+      - axios
+      - change-case
+      - drauu
+      - fuse.js
+      - idb-keyval
+      - jiti
+      - jwt-decode
+      - less
+      - lightningcss
+      - nprogress
+      - qrcode
+      - react
+      - react-dom
+      - sass
+      - sass-embedded
+      - search-insights
+      - sortablejs
+      - stylus
+      - sugarss
+      - terser
+      - tsx
+      - typescript
+      - universal-cookie
+      - yaml
+
+  vitest-canvas-mock@1.1.4(vitest@4.1.10):
+    dependencies:
+      cssfontparser: 1.2.1
+      moo-color: 1.0.3
+      vitest: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+
+  vitest-plugin-vis@5.1.1(@typescript/typescript6@6.0.2)(@vitest/browser-playwright@4.1.10)(@vitest/browser@4.1.10)(babel-plugin-macros@3.1.0)(vitest@4.1.10):
+    dependencies:
+      '@vitest/browser': 4.1.10(vite@8.2.0)(vitest@4.1.10)
+      dedent: 1.7.2(babel-plugin-macros@3.1.0)
+      glob: 13.0.6
+      is-ci: 4.1.0
+      mkdirp: 3.0.1
+      pathe: 2.0.3
+      pixelmatch: 7.2.0
+      pngjs: 7.0.0
+      rimraf: 6.1.3
+      ssim.js: 3.5.0
+      type-plus: 8.0.0-beta.8(@typescript/typescript6@6.0.2)
+      vitest: 4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0)
+    optionalDependencies:
+      '@vitest/browser-playwright': 4.1.10(playwright@1.61.1)(vite@8.2.0)(vitest@4.1.10)
+    transitivePeerDependencies:
+      - babel-plugin-macros
+      - typescript
+
+  vitest@4.1.10(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(@vitest/browser-playwright@4.1.10)(@vitest/coverage-v8@4.1.10)(happy-dom@20.11.1)(jsdom@26.1.0)(vite@8.2.0):
+    dependencies:
+      '@vitest/expect': 4.1.10
+      '@vitest/mocker': 4.1.10(vite@8.2.0)
+      '@vitest/pretty-format': 4.1.10
+      '@vitest/runner': 4.1.10
+      '@vitest/snapshot': 4.1.10
+      '@vitest/spy': 4.1.10
+      '@vitest/utils': 4.1.10
+      es-module-lexer: 2.3.1
+      expect-type: 1.3.0
+      magic-string: 0.30.21
+      obug: 2.1.1
+      pathe: 2.0.3
+      picomatch: 4.0.5
+      std-env: 4.1.0
+      tinybench: 2.9.0
+      tinyexec: 1.2.4
+      tinyglobby: 0.2.17
+      tinyrainbow: 3.1.0
+      vite: 8.2.0(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1)(terser@5.49.0)(yaml@2.9.0)
+      why-is-node-running: 2.3.0
+    optionalDependencies:
+      '@opentelemetry/api': 1.9.1
+      '@types/node': 25.9.3
+      '@vitest/browser-playwright': 4.1.10(playwright@1.61.1)(vite@8.2.0)(vitest@4.1.10)
+      '@vitest/coverage-v8': 4.1.10(@vitest/browser@4.1.10)(vitest@4.1.10)
+      happy-dom: 20.11.1
+      jsdom: 26.1.0(patch_hash=040623e87b1c8b676c2a705513c0276c0704dd1b23fc3a1bb77cde8128b64b5f)(supports-color@7.2.0)
+    transitivePeerDependencies:
+      - msw
+
+  vm-browserify@1.1.2: {}
+
+  vscode-uri@3.1.0: {}
+
+  vue@3.5.31(@typescript/typescript6@6.0.2):
+    dependencies:
+      '@vue/compiler-dom': 3.5.31
+      '@vue/compiler-sfc': 3.5.31
+      '@vue/runtime-dom': 3.5.31
+      '@vue/server-renderer': 3.5.31(vue@3.5.31)
+      '@vue/shared': 3.5.31
+    optionalDependencies:
+      typescript: '@typescript/typescript6@6.0.2'
+
+  w3c-xmlserializer@5.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
+
+  wait-on@9.1.0(debug@4.4.3)(supports-color@10.2.2):
+    dependencies:
+      axios: 1.19.0(debug@4.4.3)(supports-color@10.2.2)
+      joi: 18.2.3
+      lodash: 4.18.1
+      minimist: 1.2.8
+      rxjs: 7.8.2
+    transitivePeerDependencies:
+      - debug
+      - supports-color
+
+  walk-up-path@4.0.0: {}
+
+  walk@2.3.15:
+    dependencies:
+      foreachasync: 3.0.0
+
+  walker@1.0.8:
+    dependencies:
+      makeerror: 1.0.12
+
+  watchpack@2.5.2:
+    dependencies:
+      graceful-fs: 4.2.11
+
+  wcwidth@1.0.1:
+    dependencies:
+      defaults: 1.0.4
+
+  web-streams-polyfill@4.3.0: {}
+
+  web-vitals@5.3.0: {}
+
+  webcrypto-core@1.9.2:
+    dependencies:
+      '@peculiar/asn1-schema': 2.8.0
+      '@peculiar/json-schema': 1.1.12
+      '@peculiar/utils': 2.0.3
+      asn1js: 3.0.10
+      tslib: 2.8.1
+
+  webidl-conversions@3.0.1: {}
+
+  webidl-conversions@7.0.0: {}
+
+  webpack-bundle-analyzer@5.3.1:
+    dependencies:
+      '@discoveryjs/json-ext': 0.6.3
+      acorn: 8.18.0
+      acorn-walk: 8.3.5
+      commander: 14.0.3
+      escape-string-regexp: 5.0.0
+      html-escaper: 3.0.3
+      opener: 1.5.2
+      picocolors: 1.1.1
+      sirv: 3.0.2
+      ws: 8.21.1
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+
+  webpack-cli@7.2.2(js-yaml@4.3.1)(json5@2.2.3)(webpack-bundle-analyzer@5.3.1)(webpack-dev-server@6.0.0)(webpack@5.109.2):
+    dependencies:
+      '@discoveryjs/json-ext': 1.1.0
+      commander: 14.0.3
+      cross-spawn: 7.0.6
+      envinfo: 7.21.0
+      import-local: 3.2.0
+      interpret: 3.1.1
+      rechoir: 0.8.0
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+      webpack-merge: 6.0.1
+    optionalDependencies:
+      js-yaml: 4.3.1
+      json5: 2.2.3
+      webpack-bundle-analyzer: 5.3.1
+      webpack-dev-server: 6.0.0(supports-color@10.2.2)(tslib@2.8.1)(webpack-cli@7.2.2)(webpack@5.109.2)
+
+  webpack-dev-middleware@8.0.3(tslib@2.8.1)(webpack@5.109.2):
+    dependencies:
+      memfs: 4.64.0(tslib@2.8.1)
+      mime-types: 3.0.2
+      on-finished: 2.4.1
+      range-parser: 1.3.0
+      schema-utils: 4.3.3
+    optionalDependencies:
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+    transitivePeerDependencies:
+      - tslib
+
+  webpack-dev-server@6.0.0(supports-color@10.2.2)(tslib@2.8.1)(webpack-cli@7.2.2)(webpack@5.109.2):
+    dependencies:
+      '@types/bonjour': 3.5.13
+      '@types/connect-history-api-fallback': 1.5.4
+      '@types/express': 5.0.6
+      '@types/express-serve-static-core': 5.1.1
+      '@types/serve-index': 1.9.4
+      '@types/serve-static': 2.2.0
+      '@types/ws': 8.18.1
+      ansi-html-community: 0.0.8
+      bonjour-service: 1.4.2
+      chokidar: 5.0.0
+      compression: 1.8.1(supports-color@10.2.2)
+      connect-history-api-fallback: 2.0.0
+      express: 5.2.1(supports-color@10.2.2)
+      graceful-fs: 4.2.11
+      http-proxy-middleware: 4.2.0(supports-color@10.2.2)
+      ipaddr.js: 2.4.0
+      launch-editor: 2.14.1
+      open: 11.0.0
+      p-retry: 8.0.0
+      schema-utils: 4.3.3
+      selfsigned: 5.5.0
+      serve-index: 1.9.2(supports-color@10.2.2)
+      tinyglobby: 0.2.17
+      webpack-dev-middleware: 8.0.3(tslib@2.8.1)(webpack@5.109.2)
+      ws: 8.21.1
+    optionalDependencies:
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+      webpack-cli: 7.2.2(js-yaml@4.3.1)(json5@2.2.3)(webpack-bundle-analyzer@5.3.1)(webpack-dev-server@6.0.0)(webpack@5.109.2)
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - tslib
+      - utf-8-validate
+
+  webpack-merge@6.0.1:
+    dependencies:
+      clone-deep: 4.0.1
+      flat: 5.0.2
+      wildcard: 2.0.1
+
+  webpack-retry-chunk-load-plugin@3.1.1(webpack@5.109.2):
+    dependencies:
+      prettier: 2.8.8
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+
+  webpack-sources@3.5.1: {}
+
+  webpack-version-file-plugin@0.5.0(webpack@5.109.2):
+    dependencies:
+      ejs: 3.1.10
+      fs: 0.0.1-security
+      underscore: 1.13.8
+      webpack: 5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2)
+
+  webpack-virtual-modules@0.6.2: {}
+
+  webpack@5.109.2(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack-cli@7.2.2):
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/json-schema': 7.0.15
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/wasm-edit': 1.14.1
+      '@webassemblyjs/wasm-parser': 1.14.1
+      acorn: 8.18.0
+      browserslist: 4.28.7
+      chrome-trace-event: 1.0.4
+      enhanced-resolve: 5.24.5
+      es-module-lexer: 2.3.1
+      eslint-scope: 5.1.1
+      events: 3.3.0
+      graceful-fs: 4.2.11
+      mime-db: 1.54.0
+      minimizer-webpack-plugin: 5.6.1(clean-css@5.3.3)(cssnano@7.1.2)(csso@5.0.5)(esbuild@0.27.4)(html-minifier-terser@6.1.0)(lightningcss@1.33.0)(postcss@8.5.25)(uglify-js@3.19.3)(webpack@5.109.2)
+      neo-async: 2.6.2
+      schema-utils: 4.3.3
+      tapable: 2.3.3
+      watchpack: 2.5.2
+      webpack-sources: 3.5.1
+    optionalDependencies:
+      webpack-cli: 7.2.2(js-yaml@4.3.1)(json5@2.2.3)(webpack-bundle-analyzer@5.3.1)(webpack-dev-server@6.0.0)(webpack@5.109.2)
+    transitivePeerDependencies:
+      - '@minify-html/node'
+      - '@swc/core'
+      - '@swc/css'
+      - '@swc/html'
+      - clean-css
+      - cssnano
+      - csso
+      - esbuild
+      - html-minifier-terser
+      - lightningcss
+      - postcss
+      - uglify-js
+
+  what-input@5.2.12: {}
+
+  whatwg-encoding@3.1.1:
+    dependencies:
+      iconv-lite: 0.6.3
+
+  whatwg-mimetype@3.0.0: {}
+
+  whatwg-mimetype@4.0.0: {}
+
+  whatwg-url@14.2.0:
+    dependencies:
+      tr46: 5.1.1
+      webidl-conversions: 7.0.0
+
+  whatwg-url@5.0.0:
+    dependencies:
+      tr46: 0.0.3
+      webidl-conversions: 3.0.1
+
+  when-exit@2.1.5: {}
+
+  which-module@2.0.1: {}
+
+  which-typed-array@1.1.20:
+    dependencies:
+      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@1.3.1:
+    dependencies:
+      isexe: 2.0.0
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  which@3.0.1:
+    dependencies:
+      isexe: 2.0.0
+
+  which@5.0.0:
+    dependencies:
+      isexe: 3.1.5
+
+  which@6.0.1:
+    dependencies:
+      isexe: 4.0.0
+
+  which@7.0.0:
+    dependencies:
+      isexe: 4.0.0
+
+  why-is-node-running@2.3.0:
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+
+  wildcard@2.0.1: {}
+
+  winreg@1.2.4: {}
+
+  word-wrap@1.2.5: {}
+
+  wordwrap@1.0.0: {}
+
+  wrap-ansi@6.2.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@8.1.0:
+    dependencies:
+      ansi-styles: 6.2.3
+      string-width: 5.1.2
+      strip-ansi: 7.2.0
+
+  wrappy@1.0.2: {}
+
+  write-file-atomic@5.0.1:
+    dependencies:
+      imurmurhash: 0.1.4
+      signal-exit: 4.1.0
+
+  write-file-atomic@7.0.1:
+    dependencies:
+      signal-exit: 4.1.0
+
+  ws@8.21.1: {}
+
+  wsl-utils@0.1.0:
+    dependencies:
+      is-wsl: 3.1.1
+
+  wsl-utils@0.3.1:
+    dependencies:
+      is-wsl: 3.1.1
+      powershell-utils: 0.1.0
+
+  xml-name-validator@5.0.0: {}
+
+  xmlbuilder@15.1.1: {}
+
+  xmlchars@2.2.0: {}
+
+  xtend@4.0.2: {}
+
+  xxhashjs@0.2.2:
+    dependencies:
+      cuint: 0.2.2
+
+  y18n@4.0.3: {}
+
+  y18n@5.0.8: {}
+
+  yaku@0.16.7: {}
+
+  yallist@3.1.1: {}
+
+  yallist@4.0.0: {}
+
+  yallist@5.0.0: {}
+
+  yaml@1.10.3: {}
+
+  yaml@2.9.0: {}
+
+  yargs-parser@18.1.3:
+    dependencies:
+      camelcase: 5.3.1
+      decamelize: 1.2.0
+
+  yargs-parser@21.1.1: {}
+
+  yargs@15.4.1:
+    dependencies:
+      cliui: 6.0.0
+      decamelize: 1.2.0
+      find-up: 4.1.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      require-main-filename: 2.0.0
+      set-blocking: 2.0.0
+      string-width: 4.2.3
+      which-module: 2.0.1
+      y18n: 4.0.3
+      yargs-parser: 18.1.3
+
+  yargs@17.7.2:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+
+  yargs@17.7.3:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+
+  yocto-queue@0.1.0: {}
+
+  zip-stream@6.0.1:
+    dependencies:
+      archiver-utils: 5.0.2
+      compress-commons: 6.0.2
+      readable-stream: 4.7.0
+
+  zod@4.4.3: {}
+
+  zwitch@2.0.4: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
new file mode 100644
index 00000000000..3d4b5bb72ca
--- /dev/null
+++ b/pnpm-workspace.yaml
@@ -0,0 +1,216 @@
+linkWorkspacePackages: true
+cleanupUnusedCatalogs: true
+ignorePatchFailures: false
+ignoreWorkspaceRootCheck: true
+minimumReleaseAgeStrict: true
+dedupePeerDependents: true
+dedupePeers: true
+
+packages:
+    - "apps/*"
+    - "packages/*"
+    - "modules"
+    - "modules/*"
+
+catalog:
+    # typescript
+    "typescript": 7.0.2
+    "@typescript/native": npm:typescript@7.0.2
+    "@types/node": ts7.0
+    # react
+    react: ^19.0.0
+    react-dom: ^19.0.0
+    "@types/react": ^19.2.10
+    "@types/react-dom": ^19.2.3
+    # playwright
+    "@playwright/test": 1.61.1
+    "playwright-core": 1.61.1
+    # Compound
+    "@vector-im/compound-design-tokens": 10.2.1
+    "@vector-im/compound-web": 10.0.0
+    # i18n
+    matrix-web-i18n: 3.6.0
+    # emojibase
+    "@matrix-org/emojibase-bindings": 1.5.0
+    # fonts
+    "@fontsource/inter": 5.3.0
+    # vite
+    vite: 8.2.0
+    vite-plugin-node-polyfills: 0.28.0
+    vite-plugin-svgr: 5.2.0
+    vitest: 4.1.10
+    "@vitest/spy": 4.1.10
+    "@vitest/coverage-v8": 4.1.10
+    "@vitest/browser-playwright": 4.1.10
+    "@vitejs/plugin-react": 6.0.5
+    unplugin-dts: 1.0.1
+    # nx
+    nx: 23.1.1
+
+catalogs:
+    ts6:
+        typescript: npm:@typescript/typescript6@6.0.2
+        "@types/node": ts6.0
+
+packageExtensions:
+    fdir:
+        dependencies:
+            # Fix missing type dependency
+            "@types/picomatch": 4.0.2
+    "@joshwooding/vite-plugin-react-docgen-typescript":
+        peerDependencies:
+            # Silence warning
+            vite: "^8.0.0"
+    "@vitest/mocker":
+        peerDependencies:
+            vite: "^8.0.0"
+    vitest:
+        peerDependencies:
+            vite: "^8.0.0"
+
+allowBuilds:
+    # Needed to make the git dependency in layered.sh happy
+    matrix-js-sdk: true
+    "matrix-js-sdk@git+https://github.com/matrix-org/matrix-js-sdk.git": true
+    # Installs the CLI, which we do not need
+    "@sentry/cli": false
+    # Installs nx cloud client, which we do not need
+    nx: false
+    # Runs `vp config` to set up git hooks, which we do not need
+    unrs-resolver: false
+    # Prints funding banner
+    core-js: false
+    # Builds native bindings, which we do not need
+    cpu-features: false
+    # Copies the 7z binaries which match our arch, though somehow works without it
+    electron-winstaller: false
+    # Installs esbuild binary, though somehow works without it
+    esbuild: false
+    # Performs additional version checks, which we do not need
+    protobufjs: false
+    # Builds optional crypto binding, which we do not need
+    ssh2: false
+    # The following are to make wrangler-action happy - https://github.com/cloudflare/wrangler-action/issues/436
+    sharp: true
+    workerd: true
+
+patchedDependencies:
+    # Workaround for missing types export
+    "@vector-im/matrix-wysiwyg": patches/@vector-im__matrix-wysiwyg.patch
+    # Workaround for lack of React 19 support
+    react-blurhash: patches/react-blurhash.patch
+    # Workaround for https://github.com/nfrasser/linkifyjs/issues/429
+    linkify-html: patches/linkify-html.patch
+    # Workaround for typescript incompatibilities in an archived dependency - soon to be deleted
+    "@matrix-org/react-sdk-module-api": patches/@matrix-org__react-sdk-module-api.patch
+    # Workaround to access a private API
+    "@types/auto-launch": patches/@types__auto-launch.patch
+    # Workaround for jest still using commonjs and not being able to use the ESM version of await-lock
+    await-lock: patches/await-lock.patch
+    # Workaround for global type mismatches
+    jest-fixed-jsdom: patches/jest-fixed-jsdom.patch
+    # Workaround for jsdom being super opinionated and making it hard to tweak global properties
+    jsdom: patches/jsdom.patch
+    # Workaround for missing return types
+    postcss-mixins: patches/postcss-mixins.patch
+    # Workaround for some babel rules being false positively flagged
+    knip: patches/knip.patch
+    # Workaround for being stuck on an old version of plist due to electron-builder not supporting ESM yet
+    plist: patches/plist.patch
+    # Workaround for type fails
+    "@arcmantle/vite-plugin-import-css-sheet": patches/@arcmantle__vite-plugin-import-css-sheet.patch
+
+peerDependencyRules:
+    allowedVersions:
+        react: "19"
+        react-dom: "19"
+        eslint: "8"
+        vite: "8"
+
+allowedDeprecatedVersions:
+    eslint: "8"
+    react-beautiful-dnd: "13"
+
+overrides:
+    pretty-format@30>react-is: 19.2.8
+    "@types/react": "catalog:"
+    "@types/react-dom": "catalog:"
+    caniuse-lite: 1.0.30001806
+    matrix-widget-api: "^1.18.0"
+    "@types/node": 25.9.3
+    config-file-ts: 0.2.8-rc1
+    node-abi: 4.33.0
+
+    # https://github.com/advisories/GHSA-6v5v-wf23-fmfq
+    markdown-it: ^14.3.0
+    axios@>1.0.0 <=1.16.1: ^1.16.1
+    # https://github.com/advisories/GHSA-g7r4-m6w7-qqqr
+    esbuild@<=0.27.4: 0.27.4
+    # https://github.com/advisories/GHSA-3jxr-9vmj-r5cp
+    # https://github.com/advisories/GHSA-mh99-v99m-4gvg
+    # https://github.com/advisories/GHSA-rgw5-rvv9-x895
+    brace-expansion@>=1 <1.1.18: ^1.1.18
+    # https://github.com/advisories/GHSA-rgw5-rvv9-x895
+    # https://github.com/advisories/GHSA-mh99-v99m-4gvg
+    brace-expansion@>=2 <2.1.4: ^2.1.4
+    # https://github.com/advisories/GHSA-rgw5-rvv9-x895
+    brace-expansion@>=5 <=5.0.5: ^5.0.9
+    # https://github.com/advisories/GHSA-mwp4-54f8-5fhr
+    ip-address@>=10 <10.1.1: ^10.3.1
+    yaml@>=2 <2.8.3: ^2.8.4
+    # https://github.com/advisories/GHSA-f38q-mgvj-vph7
+    # https://github.com/advisories/GHSA-j3f2-48v5-ccww
+    protobufjs@7 <7.5.8: ^7.6.5
+    "@protobufjs/utf8@1 <1.1.1": ^1.1.1
+    # https://github.com/advisories/GHSA-v3r7-h72x-cjcm
+    # https://github.com/advisories/GHSA-m8rv-5g2x-5cg5
+    # https://github.com/advisories/GHSA-8xcm-r25x-g524
+    undici@6 <6.28.0: ^6.28.0
+    # https://github.com/advisories/GHSA-vmh5-mc38-953g
+    # https://github.com/advisories/GHSA-vxpw-j846-p89q
+    # https://github.com/advisories/GHSA-hm92-r4w5-c3mj
+    # https://github.com/advisories/GHSA-p88m-4jfj-68fv
+    # https://github.com/advisories/GHSA-pr7r-676h-xcf6
+    # https://github.com/advisories/GHSA-35p6-xmwp-9g52
+    # https://github.com/advisories/GHSA-g8m3-5g58-fq7m
+    # https://github.com/advisories/GHSA-m8rv-5g2x-5cg5
+    undici@7 <7.28.0: ^7.29.0
+    # https://github.com/advisories/GHSA-m8rv-5g2x-5cg5
+    # https://github.com/advisories/GHSA-8xcm-r25x-g524
+    # https://github.com/advisories/GHSA-4cwx-7wf7-3272
+    undici@8 <8.9.0: ^8.9.0
+    # https://github.com/advisories/GHSA-fx2h-pf6j-xcff
+    # https://github.com/advisories/GHSA-4w7w-66w2-5vf9
+    # https://github.com/advisories/GHSA-v6wh-96g9-6wx3
+    # vitepress is the only consumer of vite <8; pin it to a patched vite 6 (it does not support vite 8).
+    vitepress>vite: ^6.4.3
+    # https://github.com/advisories/GHSA-c2j3-45gr-mqc4
+    dompurify@3 <=3.4.11: ^3.4.12
+    # https://github.com/advisories/GHSA-v422-hmwv-36x6
+    body-parser@2 <2.3.0: ^2.3.0
+    # https://github.com/advisories/GHSA-g2r8-wvmj-jf5w
+    nx: "catalog:"
+    # https://github.com/advisories/GHSA-r292-9mhp-454m
+    tar@7 <=7.5.20: ^7.5.21
+    # https://github.com/advisories/GHSA-2p49-hgcm-8545
+    svgo@3 <3.3.4: ^3.3.4
+    # https://github.com/advisories/GHSA-2p49-hgcm-8545
+    svgo@4 <4.0.2: ^4.0.2
+    # https://github.com/advisories/GHSA-7p8r-x3mc-p8w7
+    fast-uri@3 <3.1.5: ^3.1.5
+
+    # Convince api-extractor to use a newer Typescript version
+    "unplugin-dts>typescript": "catalog:ts6"
+    "@microsoft/api-extractor>typescript": "catalog:ts6"
+    # Hold some things back from ts7
+    "@arcmantle/vite-plugin-import-css-sheet>typescript": "catalog:ts6"
+    "react-docgen-typescript>typescript": "catalog:ts6"
+
+minimumReleaseAgeExclude:
+    - "matrix-js-sdk"
+    - "@matrix-org/*"
+    - "@vector-im/*"
+    - "@element-hq/*"
+    # Temporary for testing purposes
+    - "@typescript/*"
+    - typescript@7.0.2
diff --git a/release.sh b/release.sh
deleted file mode 100755
index 79da9301339..00000000000
--- a/release.sh
+++ /dev/null
@@ -1,70 +0,0 @@
-#!/bin/bash
-#
-# Script to perform a release of element-web.
-#
-# Requires github-changelog-generator; to install, do
-#   pip install git+https://github.com/matrix-org/github-changelog-generator.git
-
-set -e
-
-orig_args=$@
-
-# chomp any args starting with '-' as these need to go
-# through to the release script and otherwise we'll get
-# confused about what the version arg is.
-while [[ "$1" == -* ]]; do
-    shift
-done
-
-cd `dirname $0`
-
-for i in matrix-js-sdk matrix-react-sdk
-do
-    echo "Checking version of $i..."
-    depver=`cat package.json | jq -r .dependencies[\"$i\"]`
-    latestver=`yarn info -s $i dist-tags.next`
-    if [ "$depver" != "$latestver" ]
-    then
-        echo "The latest version of $i is $latestver but package.json depends on $depver."
-        echo -n "Type 'u' to auto-upgrade, 'c' to continue anyway, or 'a' to abort:"
-        read resp
-        if [ "$resp" != "u" ] && [ "$resp" != "c" ]
-        then
-            echo "Aborting."
-            exit 1
-        fi
-        if [ "$resp" == "u" ]
-        then
-            echo "Upgrading $i to $latestver..."
-            yarn add -E $i@$latestver
-            git add -u
-            # The `-e` flag opens the editor and gives you a chance to check
-            # the upgrade for correctness.
-            git commit -m "Upgrade $i to $latestver" -e
-        fi
-    fi
-done
-
-./node_modules/matrix-js-sdk/release.sh -u vector-im -z "$orig_args"
-
-release="${1#v}"
-tag="v${release}"
-prerelease=0
-# We check if this build is a prerelease by looking to
-# see if the version has a hyphen in it. Crude,
-# but semver doesn't support postreleases so anything
-# with a hyphen is a prerelease.
-echo $release | grep -q '-' && prerelease=1
-
-if [ $prerelease -eq 0 ]
-then
-    # For a release, reset SDK deps back to the `develop` branch.
-    for i in matrix-js-sdk matrix-react-sdk
-    do
-        echo "Resetting $i to develop branch..."
-        yarn add github:matrix-org/$i#develop
-        git add -u
-        git commit -m "Reset $i back to develop branch"
-    done
-    git push origin develop
-fi
diff --git a/release_config.yaml b/release_config.yaml
deleted file mode 100644
index 49d7ccd519b..00000000000
--- a/release_config.yaml
+++ /dev/null
@@ -1 +0,0 @@
-signing_id: releases@riot.im
diff --git a/res/css/structures/ErrorView.scss b/res/css/structures/ErrorView.scss
deleted file mode 100644
index f75ee6956f4..00000000000
--- a/res/css/structures/ErrorView.scss
+++ /dev/null
@@ -1,101 +0,0 @@
-/*
-Copyright 2020 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-// import font-size variables manually, ideally this scss would get loaded by the theme which has all variables in context
-@import "../../../node_modules/matrix-react-sdk/res/css/_font-sizes.scss";
-
-.mx_ErrorView {
-    background: #c5e0f7;
-    background: -moz-linear-gradient(top, #c5e0f7 0%, #ffffff 100%);
-    background: -webkit-linear-gradient(top, #c5e0f7 0%, #ffffff 100%);
-    background: linear-gradient(to bottom, #c5e0f7 0%, #ffffff 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5e0f7', endColorstr='#ffffff',GradientType=0 );
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-    width: 100%;
-    min-height: 100%;
-    height: auto;
-    color: #000;
-
-    .mx_ErrorView_container {
-        max-width: 680px;
-        margin: auto;
-    }
-
-    .mx_Button {
-        border: 0;
-        border-radius: 4px;
-        font-size: $font-18px;
-        margin-left: 4px;
-        margin-right: 4px;
-        min-width: 80px;
-        background-color: #03B381;
-        color: #fff;
-        cursor: pointer;
-        padding: 12px 22px;
-        word-break: break-word;
-        text-decoration: none;
-    }
-
-    .mx_Center {
-        justify-content: center;
-    }
-
-    .mx_HomePage_header {
-        color: #2E2F32;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    font-size: $font-16px;
-    h1 {
-        font-size: $font-32px;
-    }
-    h2 {
-        font-size: $font-24px;
-        color: #000;
-    }
-
-    .mx_HomePage_col {
-        display: flex;
-        flex-direction: row;
-    }
-
-    .mx_HomePage_row {
-        flex: 1 1 0;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-    }
-
-    .mx_HomePage_logo {
-        margin: auto 20px auto 0;
-    }
-
-    h1, h2 {
-        font-weight: 600;
-        margin-bottom: 32px;
-    }
-
-    .mx_Spacer {
-        margin-top: 24px;
-    }
-
-    .mx_FooterLink {
-        color: #368BD6;
-        text-decoration: none;
-    }
-}
diff --git a/res/decoder-ring/datatypes.js b/res/decoder-ring/datatypes.js
deleted file mode 100644
index 93a779e0790..00000000000
--- a/res/decoder-ring/datatypes.js
+++ /dev/null
@@ -1,107 +0,0 @@
-/*
- * Quick-n-dirty algebraic datatypes.
- *
- * These let us handle the possibility of failure without having to constantly write code to check for it.
- * We can apply all of the transformations we need as if the data is present using `map`.
- * If there's a None, or a FetchError, or a Pending, those are left untouched.
- *
- * I've used perhaps an odd bit of terminology from scalaz in `fold`.  This is basically a `switch` statement:
- * You pass it a set of functions to handle the various different states of the datatype, and if it finds the
- * function it'll call it on its value.
- *
- * It's handy to have this in functional style when dealing with React as we can dispatch different ways of rendering
- * really simply:
- * ```
- * bundleFetchStatus.fold({
- *     some: (fetchStatus) => <ProgressBar fetchsStatus={fetchStatus} />,
- * }),
- * ```
- */
-
-
-class Optional {
-    static from(value) {
-        return value && Some.of(value) || None;
-    }
-    map(f) {
-        return this;
-    }
-    flatMap(f) {
-        return this;
-    }
-    fold({ none }) {
-        return none && none();
-    }
-}
-class Some extends Optional {
-    constructor(value) {
-        super();
-        this.value = value;
-    }
-    map(f) {
-        return Some.of(f(this.value));
-    }
-    flatMap(f) {
-        return f(this.value);
-    }
-    fold({ some }) {
-        return some && some(this.value);
-    }
-    static of(value) {
-        return new Some(value);
-    }
-}
-const None = new Optional();
-
-class FetchStatus {
-    constructor(opt = {}) {
-        this.opt = { at: Date.now(), ...opt };
-    }
-    map(f) {
-        return this;
-    }
-    flatMap(f) {
-        return this;
-    }
-}
-class Success extends FetchStatus {
-    static of(value) {
-        return new Success(value);
-    }
-    constructor(value, opt) {
-        super(opt);
-        this.value = value;
-    }
-    map(f) {
-        return new Success(f(this.value), this.opt);
-    }
-    flatMap(f) {
-        return f(this.value, this.opt);
-    }
-    fold({ success }) {
-        return success instanceof Function ? success(this.value, this.opt) : undefined;
-    }
-}
-class Pending extends FetchStatus {
-    static of(opt) {
-        return new Pending(opt);
-    }
-    constructor(opt) {
-        super(opt);
-    }
-    fold({ pending }) {
-        return pending instanceof Function ? pending(this.opt) : undefined;
-    }
-}
-class FetchError extends FetchStatus {
-    static of(reason, opt) {
-        return new FetchError(reason, opt);
-    }
-    constructor(reason, opt) {
-        super(opt);
-        this.reason = reason;
-    }
-    fold({ error }) {
-        return error instanceof Function ? error(this.reason, this.opt) : undefined;
-    }
-}
diff --git a/res/decoder-ring/index.html b/res/decoder-ring/index.html
deleted file mode 100644
index 9984815f01e..00000000000
--- a/res/decoder-ring/index.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<html>
-    <head>
-        <title>Rageshake decoder ring</title>
-        <script crossorigin src="https://unpkg.com/source-map@0.7.3/dist/source-map.js"></script>
-        <script>
-            sourceMap.SourceMapConsumer.initialize({
-                "lib/mappings.wasm": "https://unpkg.com/source-map@0.7.3/lib/mappings.wasm"
-            });
-        </script>
-        <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
-        <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
-        <!--<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
-        <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>-->
-        <script crossorigin src="https://unpkg.com/rxjs/bundles/rxjs.umd.min.js"></script>
-        <script src="datatypes.js"></script>
-        <script src="decoder.js"></script>
-
-        <style>
-            @keyframes spin {
-                from {transform:rotate(0deg);}
-                to {transform:rotate(359deg);}
-            }
-
-            body {
-                font-family: sans-serif
-            }
-
-            .spinner {
-                animation: spin 4s infinite linear;
-                display: inline-block;
-                text-align: center;
-                vertical-align: middle;
-                font-size: larger;
-            }
-
-            .progress {
-                padding-left: 0.5em;
-                padding-right: 0.5em;
-            }
-
-            .bundle input {
-                width: 24ex;
-            }
-
-            .valid::after {
-                content: "✓"
-            }
-
-            label {
-                width: 3em;
-                margin-right: 1em;
-                display: inline-block;
-            }
-
-            input:valid {
-                border: 1px solid green;
-            }
-
-            .inputs > div {
-                margin-bottom: 0.5em;
-            }
-        </style>
-    </head>
-    <body>
-        <header><h2>Decoder ring</h2></header>
-        <content id="main">Waiting for javascript to run...</content>
-        <script type="text/javascript">
-            document.addEventListener("DOMContentLoaded", () => {
-                try {
-                    ReactDOM.render(React.createElement(Decoder.BundlePicker), document.getElementById("main"))
-                } catch (e) {
-                    const n = document.createElement("div");
-                    n.innerText = `Error starting: ${e.message}`;
-                    document.getElementById("main").appendChild(n);
-                }
-            });
-        </script>
-    </body>
-</html>
diff --git a/res/manifest.json b/res/manifest.json
deleted file mode 100644
index 69465591e0d..00000000000
--- a/res/manifest.json
+++ /dev/null
@@ -1,85 +0,0 @@
-{
-    "name": "Element",
-    "short_name": "Element",
-    "display": "standalone",
-    "theme_color": "#76CFA6",
-    "start_url": "index.html",
-    "icons": [
-        {
-            "src": "/vector-icons/44.png",
-            "sizes": "44x44",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/1240x600.png",
-            "sizes": "1240x600",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/300.png",
-            "sizes": "300x300",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/150.png",
-            "sizes": "150x150",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/88.png",
-            "sizes": "88x88",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/24.png",
-            "sizes": "24x24",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/50.png",
-            "sizes": "50x50",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/620x300.png",
-            "sizes": "620x300",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/1024.png",
-            "sizes": "1024x1024",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/180.png",
-            "sizes": "180x180",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/152.png",
-            "sizes": "152x152",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/120.png",
-            "sizes": "120x120",
-            "type": "image/png"
-        },
-        {
-            "src": "/vector-icons/76.png",
-            "sizes": "76x76",
-            "type": "image/png"
-        }
-    ],
-    "related_applications": [
-        {
-            "platform": "play",
-            "url": "https://play.google.com/store/apps/details?id=im.vector.app",
-            "id": "im.vector.app"
-        },
-        {
-            "platform": "itunes",
-            "url": "https://apps.apple.com/app/vector/id1083446067"
-        }
-    ]
-}
diff --git a/res/sw.js b/res/sw.js
deleted file mode 100644
index 038b82c9b41..00000000000
--- a/res/sw.js
+++ /dev/null
@@ -1 +0,0 @@
-self.addEventListener('fetch',() => {});
diff --git a/res/themes/element/img/logos/element-logo.svg b/res/themes/element/img/logos/element-logo.svg
deleted file mode 100644
index b30aafe1f66..00000000000
--- a/res/themes/element/img/logos/element-logo.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M414 204C414 180.804 432.804 162 456 162C610.64 162 736 287.36 736 442C736 465.196 717.196 484 694 484C670.804 484 652 465.196 652 442C652 333.752 564.248 246 456 246C432.804 246 414 227.196 414 204Z" fill="#0DBD8B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M610 820C610 843.196 591.196 862 568 862C413.36 862 288 736.64 288 582C288 558.804 306.804 540 330 540C353.196 540 372 558.804 372 582C372 690.248 459.752 778 568 778C591.196 778 610 796.804 610 820Z" fill="#0DBD8B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M204 610C180.804 610 162 591.196 162 568C162 413.36 287.36 288 442 288C465.196 288 484 306.804 484 330C484 353.196 465.196 372 442 372C333.752 372 246 459.752 246 568C246 591.196 227.196 610 204 610Z" fill="#0DBD8B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M820 414C843.196 414 862 432.804 862 456C862 610.64 736.64 736 582 736C558.804 736 540 717.196 540 694C540 670.804 558.804 652 582 652C690.248 652 778 564.248 778 456C778 432.804 796.804 414 820 414Z" fill="#0DBD8B"/>
-</svg>
diff --git a/res/vector-icons/1024.png b/res/vector-icons/1024.png
deleted file mode 100644
index 83d6a16b113..00000000000
Binary files a/res/vector-icons/1024.png and /dev/null differ
diff --git a/res/vector-icons/120.png b/res/vector-icons/120.png
deleted file mode 100644
index 48b8ecf91cb..00000000000
Binary files a/res/vector-icons/120.png and /dev/null differ
diff --git a/res/vector-icons/1240x600.png b/res/vector-icons/1240x600.png
deleted file mode 100644
index aeaa12de425..00000000000
Binary files a/res/vector-icons/1240x600.png and /dev/null differ
diff --git a/res/vector-icons/150.png b/res/vector-icons/150.png
deleted file mode 100644
index 14d589a0263..00000000000
Binary files a/res/vector-icons/150.png and /dev/null differ
diff --git a/res/vector-icons/152.png b/res/vector-icons/152.png
deleted file mode 100644
index 65d42b33e96..00000000000
Binary files a/res/vector-icons/152.png and /dev/null differ
diff --git a/res/vector-icons/180.png b/res/vector-icons/180.png
deleted file mode 100644
index 7de76f75e3f..00000000000
Binary files a/res/vector-icons/180.png and /dev/null differ
diff --git a/res/vector-icons/24.png b/res/vector-icons/24.png
deleted file mode 100644
index 87355fe9bb9..00000000000
Binary files a/res/vector-icons/24.png and /dev/null differ
diff --git a/res/vector-icons/300.png b/res/vector-icons/300.png
deleted file mode 100644
index 1f1b42f3527..00000000000
Binary files a/res/vector-icons/300.png and /dev/null differ
diff --git a/res/vector-icons/44.png b/res/vector-icons/44.png
deleted file mode 100644
index a60d3a02f29..00000000000
Binary files a/res/vector-icons/44.png and /dev/null differ
diff --git a/res/vector-icons/50.png b/res/vector-icons/50.png
deleted file mode 100644
index 23e1eaa3976..00000000000
Binary files a/res/vector-icons/50.png and /dev/null differ
diff --git a/res/vector-icons/620x300.png b/res/vector-icons/620x300.png
deleted file mode 100644
index 2bf3805f573..00000000000
Binary files a/res/vector-icons/620x300.png and /dev/null differ
diff --git a/res/vector-icons/76.png b/res/vector-icons/76.png
deleted file mode 100644
index e44a47fc08a..00000000000
Binary files a/res/vector-icons/76.png and /dev/null differ
diff --git a/res/vector-icons/88.png b/res/vector-icons/88.png
deleted file mode 100644
index 98e44a9176e..00000000000
Binary files a/res/vector-icons/88.png and /dev/null differ
diff --git a/res/vector-icons/apple-touch-icon-114.png b/res/vector-icons/apple-touch-icon-114.png
deleted file mode 100644
index 16b0b289d51..00000000000
Binary files a/res/vector-icons/apple-touch-icon-114.png and /dev/null differ
diff --git a/res/vector-icons/apple-touch-icon-120.png b/res/vector-icons/apple-touch-icon-120.png
deleted file mode 100644
index 1c91a55ef10..00000000000
Binary files a/res/vector-icons/apple-touch-icon-120.png and /dev/null differ
diff --git a/res/vector-icons/apple-touch-icon-144.png b/res/vector-icons/apple-touch-icon-144.png
deleted file mode 100644
index 354259f5d78..00000000000
Binary files a/res/vector-icons/apple-touch-icon-144.png and /dev/null differ
diff --git a/res/vector-icons/apple-touch-icon-152.png b/res/vector-icons/apple-touch-icon-152.png
deleted file mode 100644
index dace2c8bc29..00000000000
Binary files a/res/vector-icons/apple-touch-icon-152.png and /dev/null differ
diff --git a/res/vector-icons/apple-touch-icon-180.png b/res/vector-icons/apple-touch-icon-180.png
deleted file mode 100644
index e9409c84b94..00000000000
Binary files a/res/vector-icons/apple-touch-icon-180.png and /dev/null differ
diff --git a/res/vector-icons/apple-touch-icon-57.png b/res/vector-icons/apple-touch-icon-57.png
deleted file mode 100644
index d2e5a516b80..00000000000
Binary files a/res/vector-icons/apple-touch-icon-57.png and /dev/null differ
diff --git a/res/vector-icons/apple-touch-icon-60.png b/res/vector-icons/apple-touch-icon-60.png
deleted file mode 100644
index 7c37f2ec313..00000000000
Binary files a/res/vector-icons/apple-touch-icon-60.png and /dev/null differ
diff --git a/res/vector-icons/apple-touch-icon-72.png b/res/vector-icons/apple-touch-icon-72.png
deleted file mode 100644
index b580cc52c01..00000000000
Binary files a/res/vector-icons/apple-touch-icon-72.png and /dev/null differ
diff --git a/res/vector-icons/apple-touch-icon-76.png b/res/vector-icons/apple-touch-icon-76.png
deleted file mode 100644
index e37586cc991..00000000000
Binary files a/res/vector-icons/apple-touch-icon-76.png and /dev/null differ
diff --git a/res/vector-icons/browserconfig.xml b/res/vector-icons/browserconfig.xml
deleted file mode 100644
index 0ac493167d2..00000000000
--- a/res/vector-icons/browserconfig.xml
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-  <msapplication>
-    <tile>
-      <square70x70logo src="/vector-icons/mstile-70.png"/>
-      <square150x150logo src="/vector-icons/mstile-150.png"/>
-      <square310x310logo src="/vector-icons/mstile-310.png"/>
-      <wide310x150logo src="/vector-icons/mstile-310x150.png"/>
-      <TileColor>#da532c</TileColor>
-    </tile>
-  </msapplication>
-</browserconfig>
diff --git a/res/vector-icons/favicon.ico b/res/vector-icons/favicon.ico
deleted file mode 100644
index 6ad5fb08651..00000000000
Binary files a/res/vector-icons/favicon.ico and /dev/null differ
diff --git a/res/vector-icons/mstile-150.png b/res/vector-icons/mstile-150.png
deleted file mode 100644
index 79fe7a1bd19..00000000000
Binary files a/res/vector-icons/mstile-150.png and /dev/null differ
diff --git a/res/vector-icons/mstile-310.png b/res/vector-icons/mstile-310.png
deleted file mode 100644
index cfafd744d77..00000000000
Binary files a/res/vector-icons/mstile-310.png and /dev/null differ
diff --git a/res/vector-icons/mstile-310x150.png b/res/vector-icons/mstile-310x150.png
deleted file mode 100644
index bd001159ecc..00000000000
Binary files a/res/vector-icons/mstile-310x150.png and /dev/null differ
diff --git a/res/vector-icons/mstile-70.png b/res/vector-icons/mstile-70.png
deleted file mode 100644
index 7470321851c..00000000000
Binary files a/res/vector-icons/mstile-70.png and /dev/null differ
diff --git a/res/welcome.html b/res/welcome.html
deleted file mode 100644
index bca3c66a302..00000000000
--- a/res/welcome.html
+++ /dev/null
@@ -1,200 +0,0 @@
-<style type="text/css">
-
-/* we deliberately inline style here to avoid flash-of-CSS problems, and to avoid
- * voodoo where we have to set display: none by default
- */
-
-h1::after {
-    content: "!";
-}
-
-.mx_Parent {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    text-align: center;
-    padding: 25px 35px;
-    color: #2e2f32;
-}
-
-.mx_Logo {
-    height: 54px;
-    margin-top: 2px;
-}
-
-.mx_ButtonGroup {
-    margin-top: 10px;
-}
-
-.mx_ButtonRow {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-justify-content: space-around;
-    -ms-flex-pack: distribute;
-    justify-content: space-around;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    margin: 12px 0 0;
-}
-
-.mx_ButtonRow > * {
-    margin: 0 10px;
-}
-
-.mx_ButtonRow > *:first-child {
-    margin-left: 0;
-}
-
-.mx_ButtonRow > *:last-child {
-    margin-right: 0;
-}
-
-.mx_ButtonParent {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    padding: 10px 20px;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
-    flex-direction: row;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    border-radius: 4px;
-    width: 150px;
-    background-repeat: no-repeat;
-    background-position: 10px center;
-    text-decoration: none;
-    color: #2e2f32 !important;
-}
-
-.mx_ButtonLabel {
-    margin-left: 20px;
-}
-
-.mx_Header_title {
-    font-size: 24px;
-    font-weight: 600;
-    margin: 20px 0 0;
-}
-
-.mx_Header_subtitle {
-    font-size: 12px;
-    font-weight: normal;
-    margin: 8px 0 0;
-}
-
-.mx_ButtonSignIn {
-    background-color: #368BD6;
-    color: white !important;
-}
-
-.mx_ButtonCreateAccount {
-    background-color: #0DBD8B;
-    color: white !important;
-}
-
-.mx_SecondaryButton {
-    background-color: #FFFFFF;
-    color: #2E2F32;
-}
-
-.mx_Button_iconSignIn {
-    background-image: url('welcome/images/icon-sign-in.svg');
-}
-.mx_Button_iconCreateAccount {
-    background-image: url('welcome/images/icon-create-account.svg');
-}
-.mx_Button_iconHelp {
-    background-image: url('welcome/images/icon-help.svg');
-}
-.mx_Button_iconRoomDirectory {
-    background-image: url('welcome/images/icon-room-directory.svg');
-}
-
-/*
-.mx_WelcomePage_loggedIn is applied by EmbeddedPage from the Welcome component
-If it is set on the page, we should show the buttons. Otherwise, we have to assume
-we don't have an account and should hide them. No account == no guest account either.
- */
-.mx_WelcomePage:not(.mx_WelcomePage_loggedIn) .mx_WelcomePage_guestFunctions {
-    display: none;
-}
-
-.mx_ButtonRow.mx_WelcomePage_guestFunctions {
-    margin-top: 20px;
-}
-.mx_ButtonRow.mx_WelcomePage_guestFunctions > div {
-    margin: 0 auto;
-}
-
-@media only screen and (max-width: 480px) {
-    .mx_ButtonRow {
-        flex-direction: column;
-    }
-
-    .mx_ButtonRow > * {
-        margin: 0 0 10px 0;
-    }
-}
-
-</style>
-
-<div class="mx_Parent">
-    <a href="https://riot.im" target="_blank" rel="noopener">
-        <img src="welcome/images/logo.svg" alt="" class="mx_Logo"/>
-    </a>
-    <h1 class="mx_Header_title">_t("Welcome to Element")</h1>
-    <h4 class="mx_Header_subtitle">_t("Decentralised, encrypted chat &amp; collaboration powered by [matrix]")</h4>
-    <div class="mx_ButtonGroup">
-        <div class="mx_ButtonRow">
-            <a href="#/login" class="mx_ButtonParent mx_ButtonSignIn mx_Button_iconSignIn">
-                <div class="mx_ButtonLabel">_t("Sign In")</div>
-            </a>
-            <a href="#/register" class="mx_ButtonParent mx_ButtonCreateAccount mx_Button_iconCreateAccount">
-                <div class="mx_ButtonLabel">_t("Create Account")</div>
-            </a>
-        </div>
-        <!-- The comments below are meant to be used by Ansible as a quick way
-             to strip out the marked content when desired.
-             See https://github.com/vector-im/riot-web/issues/8622.
-             TODO: Strip out these comments and rely on the guest flag -->
-        <!-- BEGIN Ansible: Remove these lines when guest access is disabled -->
-        <div class="mx_ButtonRow mx_WelcomePage_guestFunctions">
-            <div>
-                <a href="#/directory" class="mx_ButtonParent mx_SecondaryButton mx_Button_iconRoomDirectory">
-                    <div class="mx_ButtonLabel">_t("Explore rooms")</div>
-                </a>
-            </div>
-        </div>
-        <!-- END Ansible: Remove these lines when guest access is disabled -->
-    </div>
-</div>
diff --git a/res/welcome/images/icon-create-account.svg b/res/welcome/images/icon-create-account.svg
deleted file mode 100644
index 7bbef7f632c..00000000000
--- a/res/welcome/images/icon-create-account.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 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 9ZM5.25 9C5.25 8.58579 5.58579 8.25 6 8.25H8.25V6C8.25 5.58579 8.58579 5.25 9 5.25C9.41421 5.25 9.75 5.58579 9.75 6V8.25H12C12.4142 8.25 12.75 8.58579 12.75 9C12.75 9.41421 12.4142 9.75 12 9.75H9.75V12C9.75 12.4142 9.41421 12.75 9 12.75C8.58579 12.75 8.25 12.4142 8.25 12V9.75H6C5.58579 9.75 5.25 9.41421 5.25 9Z" fill="white"/>
-</svg>
diff --git a/res/welcome/images/icon-help.svg b/res/welcome/images/icon-help.svg
deleted file mode 100644
index dc96f8e0cf0..00000000000
--- a/res/welcome/images/icon-help.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g id="Experiments" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="Home" transform="translate(-672.000000, -577.000000)" stroke="#000000" stroke-width="1.6">
-            <g id="Group-11" transform="translate(621.000000, 176.000000)">
-                <g id="Group-10" transform="translate(39.000000, 391.000000)">
-                    <g id="help-circle" transform="translate(13.000000, 11.000000)">
-                        <circle id="Oval" cx="10" cy="10" r="10"></circle>
-                        <path d="M7.09,7 C7.57543688,5.62004444 8.98538362,4.79140632 10.4271763,5.0387121 C11.868969,5.28601788 12.9221794,6.53715293 12.92,8 C12.92,10 9.92,11 9.92,11" id="Path"></path>
-                        <path d="M10,15 L10.0050017,15.0050017" id="Path"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/res/welcome/images/icon-room-directory.svg b/res/welcome/images/icon-room-directory.svg
deleted file mode 100644
index 3786ce11535..00000000000
--- a/res/welcome/images/icon-room-directory.svg
+++ /dev/null
@@ -1,4 +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 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 9ZM13.375 5.3266C13.5583 4.92826 13.0716 4.44152 12.6733 4.62491L7.66968 6.9285C7.33893 7.08077 7.08014 7.33956 6.92787 7.67031L4.62428 12.6739C4.44089 13.0722 4.92763 13.559 5.32597 13.3756L10.3295 11.072C10.6603 10.9197 10.9191 10.6609 11.0714 10.3302L13.375 5.3266Z" fill="black"/>
-<path d="M9.8835 9.88413C9.39534 10.3723 8.60389 10.3723 8.11573 9.88413C7.62757 9.39597 7.62757 8.60452 8.11573 8.11636C8.60389 7.62821 9.39534 7.62821 9.8835 8.11636C10.3717 8.60452 10.3717 9.39597 9.8835 9.88413Z" fill="black"/>
-</svg>
diff --git a/res/welcome/images/icon-sign-in.svg b/res/welcome/images/icon-sign-in.svg
deleted file mode 100644
index 9bc2fefa3f6..00000000000
--- a/res/welcome/images/icon-sign-in.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 8.25C1.58579 8.25 1.25 8.58579 1.25 9C1.25 9.41421 1.58579 9.75 2 9.75L2 8.25ZM2 9.75C2.0026 9.75 2.00521 9.75 2.00781 9.75C2.01042 9.75 2.01302 9.75 2.01562 9.75C2.01823 9.75 2.02083 9.75 2.02344 9.75C2.02604 9.75 2.02865 9.75 2.03125 9.75C2.03385 9.75 2.03646 9.75 2.03906 9.75C2.04167 9.75 2.04427 9.75 2.04688 9.75C2.04948 9.75 2.05208 9.75 2.05469 9.75C2.05729 9.75 2.0599 9.75 2.0625 9.75C2.0651 9.75 2.06771 9.75 2.07031 9.75C2.07292 9.75 2.07552 9.75 2.07813 9.75C2.08073 9.75 2.08333 9.75 2.08594 9.75C2.08854 9.75 2.09115 9.75 2.09375 9.75C2.09635 9.75 2.09896 9.75 2.10156 9.75C2.10417 9.75 2.10677 9.75 2.10938 9.75C2.11198 9.75 2.11458 9.75 2.11719 9.75C2.11979 9.75 2.1224 9.75 2.125 9.75C2.1276 9.75 2.13021 9.75 2.13281 9.75C2.13542 9.75 2.13802 9.75 2.14062 9.75C2.14323 9.75 2.14583 9.75 2.14844 9.75C2.15104 9.75 2.15365 9.75 2.15625 9.75C2.15885 9.75 2.16146 9.75 2.16406 9.75C2.16667 9.75 2.16927 9.75 2.17188 9.75C2.17448 9.75 2.17708 9.75 2.17969 9.75C2.18229 9.75 2.1849 9.75 2.1875 9.75C2.1901 9.75 2.19271 9.75 2.19531 9.75C2.19792 9.75 2.20052 9.75 2.20313 9.75C2.20573 9.75 2.20833 9.75 2.21094 9.75C2.21354 9.75 2.21615 9.75 2.21875 9.75C2.22135 9.75 2.22396 9.75 2.22656 9.75C2.22917 9.75 2.23177 9.75 2.23438 9.75C2.23698 9.75 2.23958 9.75 2.24219 9.75C2.24479 9.75 2.2474 9.75 2.25 9.75C2.2526 9.75 2.25521 9.75 2.25781 9.75C2.26042 9.75 2.26302 9.75 2.26562 9.75C2.26823 9.75 2.27083 9.75 2.27344 9.75C2.27604 9.75 2.27865 9.75 2.28125 9.75C2.28385 9.75 2.28646 9.75 2.28906 9.75C2.29167 9.75 2.29427 9.75 2.29688 9.75C2.29948 9.75 2.30208 9.75 2.30469 9.75C2.30729 9.75 2.3099 9.75 2.3125 9.75C2.3151 9.75 2.31771 9.75 2.32031 9.75C2.32292 9.75 2.32552 9.75 2.32813 9.75C2.33073 9.75 2.33333 9.75 2.33594 9.75C2.33854 9.75 2.34115 9.75 2.34375 9.75C2.34635 9.75 2.34896 9.75 2.35156 9.75C2.35417 9.75 2.35677 9.75 2.35938 9.75C2.36198 9.75 2.36458 9.75 2.36719 9.75C2.36979 9.75 2.3724 9.75 2.375 9.75C2.3776 9.75 2.38021 9.75 2.38281 9.75C2.38542 9.75 2.38802 9.75 2.39063 9.75C2.39323 9.75 2.39583 9.75 2.39844 9.75C2.40104 9.75 2.40365 9.75 2.40625 9.75C2.40885 9.75 2.41146 9.75 2.41406 9.75C2.41667 9.75 2.41927 9.75 2.42188 9.75C2.42448 9.75 2.42708 9.75 2.42969 9.75C2.43229 9.75 2.4349 9.75 2.4375 9.75C2.4401 9.75 2.44271 9.75 2.44531 9.75C2.44792 9.75 2.45052 9.75 2.45313 9.75C2.45573 9.75 2.45833 9.75 2.46094 9.75C2.46354 9.75 2.46615 9.75 2.46875 9.75C2.47135 9.75 2.47396 9.75 2.47656 9.75C2.47917 9.75 2.48177 9.75 2.48438 9.75C2.48698 9.75 2.48958 9.75 2.49219 9.75C2.49479 9.75 2.4974 9.75 2.5 9.75C2.5026 9.75 2.50521 9.75 2.50781 9.75C2.51042 9.75 2.51302 9.75 2.51562 9.75C2.51823 9.75 2.52083 9.75 2.52344 9.75C2.52604 9.75 2.52865 9.75 2.53125 9.75C2.53385 9.75 2.53646 9.75 2.53906 9.75C2.54167 9.75 2.54427 9.75 2.54688 9.75C2.54948 9.75 2.55208 9.75 2.55469 9.75C2.55729 9.75 2.5599 9.75 2.5625 9.75C2.5651 9.75 2.56771 9.75 2.57031 9.75C2.57292 9.75 2.57552 9.75 2.57812 9.75C2.58073 9.75 2.58333 9.75 2.58594 9.75C2.58854 9.75 2.59115 9.75 2.59375 9.75C2.59635 9.75 2.59896 9.75 2.60156 9.75C2.60417 9.75 2.60677 9.75 2.60938 9.75C2.61198 9.75 2.61458 9.75 2.61719 9.75C2.61979 9.75 2.6224 9.75 2.625 9.75C2.6276 9.75 2.63021 9.75 2.63281 9.75C2.63542 9.75 2.63802 9.75 2.64062 9.75C2.64323 9.75 2.64583 9.75 2.64844 9.75C2.65104 9.75 2.65365 9.75 2.65625 9.75C2.65885 9.75 2.66146 9.75 2.66406 9.75C2.66667 9.75 2.66927 9.75 2.67188 9.75C2.67448 9.75 2.67708 9.75 2.67969 9.75C2.68229 9.75 2.6849 9.75 2.6875 9.75C2.6901 9.75 2.69271 9.75 2.69531 9.75C2.69792 9.75 2.70052 9.75 2.70312 9.75C2.70573 9.75 2.70833 9.75 2.71094 9.75C2.71354 9.75 2.71615 9.75 2.71875 9.75C2.72135 9.75 2.72396 9.75 2.72656 9.75C2.72917 9.75 2.73177 9.75 2.73438 9.75C2.73698 9.75 2.73958 9.75 2.74219 9.75C2.74479 9.75 2.7474 9.75 2.75 9.75C2.7526 9.75 2.75521 9.75 2.75781 9.75C2.76042 9.75 2.76302 9.75 2.76563 9.75C2.76823 9.75 2.77083 9.75 2.77344 9.75C2.77604 9.75 2.77865 9.75 2.78125 9.75C2.78385 9.75 2.78646 9.75 2.78906 9.75C2.79167 9.75 2.79427 9.75 2.79688 9.75C2.79948 9.75 2.80208 9.75 2.80469 9.75C2.80729 9.75 2.8099 9.75 2.8125 9.75C2.8151 9.75 2.81771 9.75 2.82031 9.75C2.82292 9.75 2.82552 9.75 2.82813 9.75C2.83073 9.75 2.83333 9.75 2.83594 9.75C2.83854 9.75 2.84115 9.75 2.84375 9.75C2.84635 9.75 2.84896 9.75 2.85156 9.75C2.85417 9.75 2.85677 9.75 2.85938 9.75C2.86198 9.75 2.86458 9.75 2.86719 9.75C2.86979 9.75 2.8724 9.75 2.875 9.75C2.8776 9.75 2.88021 9.75 2.88281 9.75C2.88542 9.75 2.88802 9.75 2.89063 9.75C2.89323 9.75 2.89583 9.75 2.89844 9.75C2.90104 9.75 2.90365 9.75 2.90625 9.75C2.90885 9.75 2.91146 9.75 2.91406 9.75C2.91667 9.75 2.91927 9.75 2.92188 9.75C2.92448 9.75 2.92708 9.75 2.92969 9.75C2.93229 9.75 2.9349 9.75 2.9375 9.75C2.9401 9.75 2.94271 9.75 2.94531 9.75C2.94792 9.75 2.95052 9.75 2.95313 9.75C2.95573 9.75 2.95833 9.75 2.96094 9.75C2.96354 9.75 2.96615 9.75 2.96875 9.75C2.97135 9.75 2.97396 9.75 2.97656 9.75C2.97917 9.75 2.98177 9.75 2.98438 9.75C2.98698 9.75 2.98958 9.75 2.99219 9.75C2.99479 9.75 2.9974 9.75 3 9.75C3.0026 9.75 3.00521 9.75 3.00781 9.75C3.01042 9.75 3.01302 9.75 3.01562 9.75C3.01823 9.75 3.02083 9.75 3.02344 9.75C3.02604 9.75 3.02865 9.75 3.03125 9.75C3.03385 9.75 3.03646 9.75 3.03906 9.75C3.04167 9.75 3.04427 9.75 3.04688 9.75C3.04948 9.75 3.05208 9.75 3.05469 9.75C3.05729 9.75 3.0599 9.75 3.0625 9.75C3.0651 9.75 3.06771 9.75 3.07031 9.75C3.07292 9.75 3.07552 9.75 3.07812 9.75C3.08073 9.75 3.08333 9.75 3.08594 9.75C3.08854 9.75 3.09115 9.75 3.09375 9.75C3.09635 9.75 3.09896 9.75 3.10156 9.75C3.10417 9.75 3.10677 9.75 3.10938 9.75C3.11198 9.75 3.11458 9.75 3.11719 9.75C3.11979 9.75 3.1224 9.75 3.125 9.75C3.1276 9.75 3.13021 9.75 3.13281 9.75C3.13542 9.75 3.13802 9.75 3.14062 9.75C3.14323 9.75 3.14583 9.75 3.14844 9.75C3.15104 9.75 3.15365 9.75 3.15625 9.75C3.15885 9.75 3.16146 9.75 3.16406 9.75C3.16667 9.75 3.16927 9.75 3.17188 9.75C3.17448 9.75 3.17708 9.75 3.17969 9.75C3.18229 9.75 3.1849 9.75 3.1875 9.75C3.1901 9.75 3.19271 9.75 3.19531 9.75C3.19792 9.75 3.20052 9.75 3.20312 9.75C3.20573 9.75 3.20833 9.75 3.21094 9.75C3.21354 9.75 3.21615 9.75 3.21875 9.75C3.22135 9.75 3.22396 9.75 3.22656 9.75C3.22917 9.75 3.23177 9.75 3.23438 9.75C3.23698 9.75 3.23958 9.75 3.24219 9.75C3.24479 9.75 3.2474 9.75 3.25 9.75C3.2526 9.75 3.25521 9.75 3.25781 9.75C3.26042 9.75 3.26302 9.75 3.26562 9.75C3.26823 9.75 3.27083 9.75 3.27344 9.75C3.27604 9.75 3.27865 9.75 3.28125 9.75C3.28385 9.75 3.28646 9.75 3.28906 9.75C3.29167 9.75 3.29427 9.75 3.29688 9.75C3.29948 9.75 3.30208 9.75 3.30469 9.75C3.30729 9.75 3.3099 9.75 3.3125 9.75C3.3151 9.75 3.31771 9.75 3.32031 9.75C3.32292 9.75 3.32552 9.75 3.32812 9.75C3.33073 9.75 3.33333 9.75 3.33594 9.75C3.33854 9.75 3.34115 9.75 3.34375 9.75C3.34635 9.75 3.34896 9.75 3.35156 9.75C3.35417 9.75 3.35677 9.75 3.35938 9.75C3.36198 9.75 3.36458 9.75 3.36719 9.75C3.36979 9.75 3.3724 9.75 3.375 9.75C3.3776 9.75 3.38021 9.75 3.38281 9.75C3.38542 9.75 3.38802 9.75 3.39062 9.75C3.39323 9.75 3.39583 9.75 3.39844 9.75C3.40104 9.75 3.40365 9.75 3.40625 9.75C3.40885 9.75 3.41146 9.75 3.41406 9.75C3.41667 9.75 3.41927 9.75 3.42188 9.75C3.42448 9.75 3.42708 9.75 3.42969 9.75C3.43229 9.75 3.4349 9.75 3.4375 9.75C3.4401 9.75 3.44271 9.75 3.44531 9.75C3.44792 9.75 3.45052 9.75 3.45312 9.75C3.45573 9.75 3.45833 9.75 3.46094 9.75C3.46354 9.75 3.46615 9.75 3.46875 9.75C3.47135 9.75 3.47396 9.75 3.47656 9.75C3.47917 9.75 3.48177 9.75 3.48438 9.75C3.48698 9.75 3.48958 9.75 3.49219 9.75C3.49479 9.75 3.4974 9.75 3.5 9.75C3.5026 9.75 3.50521 9.75 3.50781 9.75C3.51042 9.75 3.51302 9.75 3.51562 9.75C3.51823 9.75 3.52083 9.75 3.52344 9.75C3.52604 9.75 3.52865 9.75 3.53125 9.75C3.53385 9.75 3.53646 9.75 3.53906 9.75C3.54167 9.75 3.54427 9.75 3.54688 9.75C3.54948 9.75 3.55208 9.75 3.55469 9.75C3.55729 9.75 3.5599 9.75 3.5625 9.75C3.5651 9.75 3.56771 9.75 3.57031 9.75C3.57292 9.75 3.57552 9.75 3.57812 9.75C3.58073 9.75 3.58333 9.75 3.58594 9.75C3.58854 9.75 3.59115 9.75 3.59375 9.75C3.59635 9.75 3.59896 9.75 3.60156 9.75C3.60417 9.75 3.60677 9.75 3.60938 9.75C3.61198 9.75 3.61458 9.75 3.61719 9.75C3.61979 9.75 3.6224 9.75 3.625 9.75C3.6276 9.75 3.63021 9.75 3.63281 9.75C3.63542 9.75 3.63802 9.75 3.64062 9.75C3.64323 9.75 3.64583 9.75 3.64844 9.75C3.65104 9.75 3.65365 9.75 3.65625 9.75C3.65885 9.75 3.66146 9.75 3.66406 9.75C3.66667 9.75 3.66927 9.75 3.67188 9.75C3.67448 9.75 3.67708 9.75 3.67969 9.75C3.68229 9.75 3.6849 9.75 3.6875 9.75C3.6901 9.75 3.69271 9.75 3.69531 9.75C3.69792 9.75 3.70052 9.75 3.70312 9.75C3.70573 9.75 3.70833 9.75 3.71094 9.75C3.71354 9.75 3.71615 9.75 3.71875 9.75C3.72135 9.75 3.72396 9.75 3.72656 9.75C3.72917 9.75 3.73177 9.75 3.73438 9.75C3.73698 9.75 3.73958 9.75 3.74219 9.75C3.74479 9.75 3.7474 9.75 3.75 9.75C3.7526 9.75 3.75521 9.75 3.75781 9.75C3.76042 9.75 3.76302 9.75 3.76562 9.75C3.76823 9.75 3.77083 9.75 3.77344 9.75C3.77604 9.75 3.77865 9.75 3.78125 9.75C3.78385 9.75 3.78646 9.75 3.78906 9.75C3.79167 9.75 3.79427 9.75 3.79688 9.75C3.79948 9.75 3.80208 9.75 3.80469 9.75C3.80729 9.75 3.8099 9.75 3.8125 9.75C3.8151 9.75 3.81771 9.75 3.82031 9.75C3.82292 9.75 3.82552 9.75 3.82812 9.75C3.83073 9.75 3.83333 9.75 3.83594 9.75C3.83854 9.75 3.84115 9.75 3.84375 9.75C3.84635 9.75 3.84896 9.75 3.85156 9.75C3.85417 9.75 3.85677 9.75 3.85938 9.75C3.86198 9.75 3.86458 9.75 3.86719 9.75C3.86979 9.75 3.8724 9.75 3.875 9.75C3.8776 9.75 3.88021 9.75 3.88281 9.75C3.88542 9.75 3.88802 9.75 3.89062 9.75C3.89323 9.75 3.89583 9.75 3.89844 9.75C3.90104 9.75 3.90365 9.75 3.90625 9.75C3.90885 9.75 3.91146 9.75 3.91406 9.75C3.91667 9.75 3.91927 9.75 3.92188 9.75C3.92448 9.75 3.92708 9.75 3.92969 9.75C3.93229 9.75 3.9349 9.75 3.9375 9.75C3.9401 9.75 3.94271 9.75 3.94531 9.75C3.94792 9.75 3.95052 9.75 3.95312 9.75C3.95573 9.75 3.95833 9.75 3.96094 9.75C3.96354 9.75 3.96615 9.75 3.96875 9.75C3.97135 9.75 3.97396 9.75 3.97656 9.75C3.97917 9.75 3.98177 9.75 3.98438 9.75C3.98698 9.75 3.98958 9.75 3.99219 9.75C3.99479 9.75 3.9974 9.75 4 9.75C4.0026 9.75 4.00521 9.75 4.00781 9.75C4.01042 9.75 4.01302 9.75 4.01562 9.75C4.01823 9.75 4.02083 9.75 4.02344 9.75C4.02604 9.75 4.02865 9.75 4.03125 9.75C4.03385 9.75 4.03646 9.75 4.03906 9.75C4.04167 9.75 4.04427 9.75 4.04688 9.75C4.04948 9.75 4.05208 9.75 4.05469 9.75C4.05729 9.75 4.0599 9.75 4.0625 9.75C4.0651 9.75 4.06771 9.75 4.07031 9.75C4.07292 9.75 4.07552 9.75 4.07812 9.75C4.08073 9.75 4.08333 9.75 4.08594 9.75C4.08854 9.75 4.09115 9.75 4.09375 9.75C4.09635 9.75 4.09896 9.75 4.10156 9.75C4.10417 9.75 4.10677 9.75 4.10938 9.75C4.11198 9.75 4.11458 9.75 4.11719 9.75C4.11979 9.75 4.1224 9.75 4.125 9.75C4.1276 9.75 4.13021 9.75 4.13281 9.75C4.13542 9.75 4.13802 9.75 4.14062 9.75C4.14323 9.75 4.14583 9.75 4.14844 9.75C4.15104 9.75 4.15365 9.75 4.15625 9.75C4.15885 9.75 4.16146 9.75 4.16406 9.75C4.16667 9.75 4.16927 9.75 4.17188 9.75C4.17448 9.75 4.17708 9.75 4.17969 9.75C4.18229 9.75 4.1849 9.75 4.1875 9.75C4.1901 9.75 4.19271 9.75 4.19531 9.75C4.19792 9.75 4.20052 9.75 4.20312 9.75C4.20573 9.75 4.20833 9.75 4.21094 9.75C4.21354 9.75 4.21615 9.75 4.21875 9.75C4.22135 9.75 4.22396 9.75 4.22656 9.75C4.22917 9.75 4.23177 9.75 4.23438 9.75C4.23698 9.75 4.23958 9.75 4.24219 9.75C4.24479 9.75 4.2474 9.75 4.25 9.75C4.2526 9.75 4.25521 9.75 4.25781 9.75C4.26042 9.75 4.26302 9.75 4.26562 9.75C4.26823 9.75 4.27083 9.75 4.27344 9.75C4.27604 9.75 4.27865 9.75 4.28125 9.75C4.28385 9.75 4.28646 9.75 4.28906 9.75C4.29167 9.75 4.29427 9.75 4.29688 9.75C4.29948 9.75 4.30208 9.75 4.30469 9.75C4.30729 9.75 4.3099 9.75 4.3125 9.75C4.3151 9.75 4.31771 9.75 4.32031 9.75C4.32292 9.75 4.32552 9.75 4.32812 9.75C4.33073 9.75 4.33333 9.75 4.33594 9.75C4.33854 9.75 4.34115 9.75 4.34375 9.75C4.34635 9.75 4.34896 9.75 4.35156 9.75C4.35417 9.75 4.35677 9.75 4.35938 9.75C4.36198 9.75 4.36458 9.75 4.36719 9.75C4.36979 9.75 4.3724 9.75 4.375 9.75C4.3776 9.75 4.38021 9.75 4.38281 9.75C4.38542 9.75 4.38802 9.75 4.39062 9.75C4.39323 9.75 4.39583 9.75 4.39844 9.75C4.40104 9.75 4.40365 9.75 4.40625 9.75C4.40885 9.75 4.41146 9.75 4.41406 9.75C4.41667 9.75 4.41927 9.75 4.42188 9.75C4.42448 9.75 4.42708 9.75 4.42969 9.75C4.43229 9.75 4.4349 9.75 4.4375 9.75C4.4401 9.75 4.44271 9.75 4.44531 9.75C4.44792 9.75 4.45052 9.75 4.45312 9.75C4.45573 9.75 4.45833 9.75 4.46094 9.75C4.46354 9.75 4.46615 9.75 4.46875 9.75C4.47135 9.75 4.47396 9.75 4.47656 9.75C4.47917 9.75 4.48177 9.75 4.48438 9.75C4.48698 9.75 4.48958 9.75 4.49219 9.75C4.49479 9.75 4.4974 9.75 4.5 9.75C4.5026 9.75 4.50521 9.75 4.50781 9.75C4.51042 9.75 4.51302 9.75 4.51562 9.75C4.51823 9.75 4.52083 9.75 4.52344 9.75C4.52604 9.75 4.52865 9.75 4.53125 9.75C4.53385 9.75 4.53646 9.75 4.53906 9.75C4.54167 9.75 4.54427 9.75 4.54688 9.75C4.54948 9.75 4.55208 9.75 4.55469 9.75C4.55729 9.75 4.5599 9.75 4.5625 9.75C4.5651 9.75 4.56771 9.75 4.57031 9.75C4.57292 9.75 4.57552 9.75 4.57812 9.75C4.58073 9.75 4.58333 9.75 4.58594 9.75C4.58854 9.75 4.59115 9.75 4.59375 9.75C4.59635 9.75 4.59896 9.75 4.60156 9.75C4.60417 9.75 4.60677 9.75 4.60938 9.75C4.61198 9.75 4.61458 9.75 4.61719 9.75C4.61979 9.75 4.6224 9.75 4.625 9.75C4.6276 9.75 4.63021 9.75 4.63281 9.75C4.63542 9.75 4.63802 9.75 4.64062 9.75C4.64323 9.75 4.64583 9.75 4.64844 9.75C4.65104 9.75 4.65365 9.75 4.65625 9.75C4.65885 9.75 4.66146 9.75 4.66406 9.75C4.66667 9.75 4.66927 9.75 4.67188 9.75C4.67448 9.75 4.67708 9.75 4.67969 9.75C4.68229 9.75 4.6849 9.75 4.6875 9.75C4.6901 9.75 4.69271 9.75 4.69531 9.75C4.69792 9.75 4.70052 9.75 4.70312 9.75C4.70573 9.75 4.70833 9.75 4.71094 9.75C4.71354 9.75 4.71615 9.75 4.71875 9.75C4.72135 9.75 4.72396 9.75 4.72656 9.75C4.72917 9.75 4.73177 9.75 4.73438 9.75C4.73698 9.75 4.73958 9.75 4.74219 9.75C4.74479 9.75 4.7474 9.75 4.75 9.75C4.7526 9.75 4.75521 9.75 4.75781 9.75C4.76042 9.75 4.76302 9.75 4.76562 9.75C4.76823 9.75 4.77083 9.75 4.77344 9.75C4.77604 9.75 4.77865 9.75 4.78125 9.75C4.78385 9.75 4.78646 9.75 4.78906 9.75C4.79167 9.75 4.79427 9.75 4.79688 9.75C4.79948 9.75 4.80208 9.75 4.80469 9.75C4.80729 9.75 4.8099 9.75 4.8125 9.75C4.8151 9.75 4.81771 9.75 4.82031 9.75C4.82292 9.75 4.82552 9.75 4.82812 9.75C4.83073 9.75 4.83333 9.75 4.83594 9.75C4.83854 9.75 4.84115 9.75 4.84375 9.75C4.84635 9.75 4.84896 9.75 4.85156 9.75C4.85417 9.75 4.85677 9.75 4.85938 9.75C4.86198 9.75 4.86458 9.75 4.86719 9.75C4.86979 9.75 4.8724 9.75 4.875 9.75C4.8776 9.75 4.88021 9.75 4.88281 9.75C4.88542 9.75 4.88802 9.75 4.89062 9.75C4.89323 9.75 4.89583 9.75 4.89844 9.75C4.90104 9.75 4.90365 9.75 4.90625 9.75C4.90885 9.75 4.91146 9.75 4.91406 9.75C4.91667 9.75 4.91927 9.75 4.92188 9.75C4.92448 9.75 4.92708 9.75 4.92969 9.75C4.93229 9.75 4.9349 9.75 4.9375 9.75C4.9401 9.75 4.94271 9.75 4.94531 9.75C4.94792 9.75 4.95052 9.75 4.95312 9.75C4.95573 9.75 4.95833 9.75 4.96094 9.75C4.96354 9.75 4.96615 9.75 4.96875 9.75C4.97135 9.75 4.97396 9.75 4.97656 9.75C4.97917 9.75 4.98177 9.75 4.98438 9.75C4.98698 9.75 4.98958 9.75 4.99219 9.75C4.99479 9.75 4.9974 9.75 5 9.75C5.0026 9.75 5.00521 9.75 5.00781 9.75C5.01042 9.75 5.01302 9.75 5.01562 9.75C5.01823 9.75 5.02083 9.75 5.02344 9.75C5.02604 9.75 5.02865 9.75 5.03125 9.75C5.03385 9.75 5.03646 9.75 5.03906 9.75C5.04167 9.75 5.04427 9.75 5.04688 9.75C5.04948 9.75 5.05208 9.75 5.05469 9.75C5.05729 9.75 5.0599 9.75 5.0625 9.75C5.0651 9.75 5.06771 9.75 5.07031 9.75C5.07292 9.75 5.07552 9.75 5.07812 9.75C5.08073 9.75 5.08333 9.75 5.08594 9.75C5.08854 9.75 5.09115 9.75 5.09375 9.75C5.09635 9.75 5.09896 9.75 5.10156 9.75C5.10417 9.75 5.10677 9.75 5.10938 9.75C5.11198 9.75 5.11458 9.75 5.11719 9.75C5.11979 9.75 5.1224 9.75 5.125 9.75C5.1276 9.75 5.13021 9.75 5.13281 9.75C5.13542 9.75 5.13802 9.75 5.14062 9.75C5.14323 9.75 5.14583 9.75 5.14844 9.75C5.15104 9.75 5.15365 9.75 5.15625 9.75C5.15885 9.75 5.16146 9.75 5.16406 9.75C5.16667 9.75 5.16927 9.75 5.17188 9.75C5.17448 9.75 5.17708 9.75 5.17969 9.75C5.18229 9.75 5.1849 9.75 5.1875 9.75C5.1901 9.75 5.19271 9.75 5.19531 9.75C5.19792 9.75 5.20052 9.75 5.20312 9.75C5.20573 9.75 5.20833 9.75 5.21094 9.75C5.21354 9.75 5.21615 9.75 5.21875 9.75C5.22135 9.75 5.22396 9.75 5.22656 9.75C5.22917 9.75 5.23177 9.75 5.23438 9.75C5.23698 9.75 5.23958 9.75 5.24219 9.75C5.24479 9.75 5.2474 9.75 5.25 9.75C5.2526 9.75 5.25521 9.75 5.25781 9.75C5.26042 9.75 5.26302 9.75 5.26562 9.75C5.26823 9.75 5.27083 9.75 5.27344 9.75C5.27604 9.75 5.27865 9.75 5.28125 9.75C5.28385 9.75 5.28646 9.75 5.28906 9.75C5.29167 9.75 5.29427 9.75 5.29688 9.75C5.29948 9.75 5.30208 9.75 5.30469 9.75C5.30729 9.75 5.3099 9.75 5.3125 9.75C5.3151 9.75 5.31771 9.75 5.32031 9.75C5.32292 9.75 5.32552 9.75 5.32812 9.75C5.33073 9.75 5.33333 9.75 5.33594 9.75C5.33854 9.75 5.34115 9.75 5.34375 9.75C5.34635 9.75 5.34896 9.75 5.35156 9.75C5.35417 9.75 5.35677 9.75 5.35938 9.75C5.36198 9.75 5.36458 9.75 5.36719 9.75C5.36979 9.75 5.3724 9.75 5.375 9.75C5.3776 9.75 5.38021 9.75 5.38281 9.75C5.38542 9.75 5.38802 9.75 5.39062 9.75C5.39323 9.75 5.39583 9.75 5.39844 9.75C5.40104 9.75 5.40365 9.75 5.40625 9.75C5.40885 9.75 5.41146 9.75 5.41406 9.75C5.41667 9.75 5.41927 9.75 5.42188 9.75C5.42448 9.75 5.42708 9.75 5.42969 9.75C5.43229 9.75 5.4349 9.75 5.4375 9.75C5.4401 9.75 5.44271 9.75 5.44531 9.75C5.44792 9.75 5.45052 9.75 5.45312 9.75C5.45573 9.75 5.45833 9.75 5.46094 9.75C5.46354 9.75 5.46615 9.75 5.46875 9.75C5.47135 9.75 5.47396 9.75 5.47656 9.75C5.47917 9.75 5.48177 9.75 5.48438 9.75C5.48698 9.75 5.48958 9.75 5.49219 9.75C5.49479 9.75 5.4974 9.75 5.5 9.75C5.5026 9.75 5.50521 9.75 5.50781 9.75C5.51042 9.75 5.51302 9.75 5.51562 9.75C5.51823 9.75 5.52083 9.75 5.52344 9.75C5.52604 9.75 5.52865 9.75 5.53125 9.75C5.53385 9.75 5.53646 9.75 5.53906 9.75C5.54167 9.75 5.54427 9.75 5.54688 9.75C5.54948 9.75 5.55208 9.75 5.55469 9.75C5.55729 9.75 5.5599 9.75 5.5625 9.75C5.5651 9.75 5.56771 9.75 5.57031 9.75C5.57292 9.75 5.57552 9.75 5.57812 9.75C5.58073 9.75 5.58333 9.75 5.58594 9.75C5.58854 9.75 5.59115 9.75 5.59375 9.75C5.59635 9.75 5.59896 9.75 5.60156 9.75C5.60417 9.75 5.60677 9.75 5.60938 9.75C5.61198 9.75 5.61458 9.75 5.61719 9.75C5.61979 9.75 5.6224 9.75 5.625 9.75C5.6276 9.75 5.63021 9.75 5.63281 9.75C5.63542 9.75 5.63802 9.75 5.64062 9.75C5.64323 9.75 5.64583 9.75 5.64844 9.75C5.65104 9.75 5.65365 9.75 5.65625 9.75C5.65885 9.75 5.66146 9.75 5.66406 9.75C5.66667 9.75 5.66927 9.75 5.67188 9.75C5.67448 9.75 5.67708 9.75 5.67969 9.75C5.68229 9.75 5.6849 9.75 5.6875 9.75C5.6901 9.75 5.69271 9.75 5.69531 9.75C5.69792 9.75 5.70052 9.75 5.70312 9.75C5.70573 9.75 5.70833 9.75 5.71094 9.75C5.71354 9.75 5.71615 9.75 5.71875 9.75C5.72135 9.75 5.72396 9.75 5.72656 9.75C5.72917 9.75 5.73177 9.75 5.73438 9.75C5.73698 9.75 5.73958 9.75 5.74219 9.75C5.74479 9.75 5.7474 9.75 5.75 9.75C5.7526 9.75 5.75521 9.75 5.75781 9.75C5.76042 9.75 5.76302 9.75 5.76562 9.75C5.76823 9.75 5.77083 9.75 5.77344 9.75C5.77604 9.75 5.77865 9.75 5.78125 9.75C5.78385 9.75 5.78646 9.75 5.78906 9.75C5.79167 9.75 5.79427 9.75 5.79688 9.75C5.79948 9.75 5.80208 9.75 5.80469 9.75C5.80729 9.75 5.8099 9.75 5.8125 9.75C5.8151 9.75 5.81771 9.75 5.82031 9.75C5.82292 9.75 5.82552 9.75 5.82812 9.75C5.83073 9.75 5.83333 9.75 5.83594 9.75C5.83854 9.75 5.84115 9.75 5.84375 9.75C5.84635 9.75 5.84896 9.75 5.85156 9.75C5.85417 9.75 5.85677 9.75 5.85938 9.75C5.86198 9.75 5.86458 9.75 5.86719 9.75C5.86979 9.75 5.8724 9.75 5.875 9.75C5.8776 9.75 5.88021 9.75 5.88281 9.75C5.88542 9.75 5.88802 9.75 5.89062 9.75C5.89323 9.75 5.89583 9.75 5.89844 9.75C5.90104 9.75 5.90365 9.75 5.90625 9.75C5.90885 9.75 5.91146 9.75 5.91406 9.75C5.91667 9.75 5.91927 9.75 5.92188 9.75C5.92448 9.75 5.92708 9.75 5.92969 9.75C5.93229 9.75 5.9349 9.75 5.9375 9.75C5.9401 9.75 5.94271 9.75 5.94531 9.75C5.94792 9.75 5.95052 9.75 5.95312 9.75C5.95573 9.75 5.95833 9.75 5.96094 9.75C5.96354 9.75 5.96615 9.75 5.96875 9.75C5.97135 9.75 5.97396 9.75 5.97656 9.75C5.97917 9.75 5.98177 9.75 5.98438 9.75C5.98698 9.75 5.98958 9.75 5.99219 9.75C5.99479 9.75 5.9974 9.75 6 9.75V8.25C5.9974 8.25 5.99479 8.25 5.99219 8.25C5.98958 8.25 5.98698 8.25 5.98438 8.25C5.98177 8.25 5.97917 8.25 5.97656 8.25C5.97396 8.25 5.97135 8.25 5.96875 8.25C5.96615 8.25 5.96354 8.25 5.96094 8.25C5.95833 8.25 5.95573 8.25 5.95312 8.25C5.95052 8.25 5.94792 8.25 5.94531 8.25C5.94271 8.25 5.9401 8.25 5.9375 8.25C5.9349 8.25 5.93229 8.25 5.92969 8.25C5.92708 8.25 5.92448 8.25 5.92188 8.25C5.91927 8.25 5.91667 8.25 5.91406 8.25C5.91146 8.25 5.90885 8.25 5.90625 8.25C5.90365 8.25 5.90104 8.25 5.89844 8.25C5.89583 8.25 5.89323 8.25 5.89062 8.25C5.88802 8.25 5.88542 8.25 5.88281 8.25C5.88021 8.25 5.8776 8.25 5.875 8.25C5.8724 8.25 5.86979 8.25 5.86719 8.25C5.86458 8.25 5.86198 8.25 5.85938 8.25C5.85677 8.25 5.85417 8.25 5.85156 8.25C5.84896 8.25 5.84635 8.25 5.84375 8.25C5.84115 8.25 5.83854 8.25 5.83594 8.25C5.83333 8.25 5.83073 8.25 5.82812 8.25C5.82552 8.25 5.82292 8.25 5.82031 8.25C5.81771 8.25 5.8151 8.25 5.8125 8.25C5.8099 8.25 5.80729 8.25 5.80469 8.25C5.80208 8.25 5.79948 8.25 5.79688 8.25C5.79427 8.25 5.79167 8.25 5.78906 8.25C5.78646 8.25 5.78385 8.25 5.78125 8.25C5.77865 8.25 5.77604 8.25 5.77344 8.25C5.77083 8.25 5.76823 8.25 5.76562 8.25C5.76302 8.25 5.76042 8.25 5.75781 8.25C5.75521 8.25 5.7526 8.25 5.75 8.25C5.7474 8.25 5.74479 8.25 5.74219 8.25C5.73958 8.25 5.73698 8.25 5.73438 8.25C5.73177 8.25 5.72917 8.25 5.72656 8.25C5.72396 8.25 5.72135 8.25 5.71875 8.25C5.71615 8.25 5.71354 8.25 5.71094 8.25C5.70833 8.25 5.70573 8.25 5.70312 8.25C5.70052 8.25 5.69792 8.25 5.69531 8.25C5.69271 8.25 5.6901 8.25 5.6875 8.25C5.6849 8.25 5.68229 8.25 5.67969 8.25C5.67708 8.25 5.67448 8.25 5.67188 8.25C5.66927 8.25 5.66667 8.25 5.66406 8.25C5.66146 8.25 5.65885 8.25 5.65625 8.25C5.65365 8.25 5.65104 8.25 5.64844 8.25C5.64583 8.25 5.64323 8.25 5.64062 8.25C5.63802 8.25 5.63542 8.25 5.63281 8.25C5.63021 8.25 5.6276 8.25 5.625 8.25C5.6224 8.25 5.61979 8.25 5.61719 8.25C5.61458 8.25 5.61198 8.25 5.60938 8.25C5.60677 8.25 5.60417 8.25 5.60156 8.25C5.59896 8.25 5.59635 8.25 5.59375 8.25C5.59115 8.25 5.58854 8.25 5.58594 8.25C5.58333 8.25 5.58073 8.25 5.57812 8.25C5.57552 8.25 5.57292 8.25 5.57031 8.25C5.56771 8.25 5.5651 8.25 5.5625 8.25C5.5599 8.25 5.55729 8.25 5.55469 8.25C5.55208 8.25 5.54948 8.25 5.54688 8.25C5.54427 8.25 5.54167 8.25 5.53906 8.25C5.53646 8.25 5.53385 8.25 5.53125 8.25C5.52865 8.25 5.52604 8.25 5.52344 8.25C5.52083 8.25 5.51823 8.25 5.51562 8.25C5.51302 8.25 5.51042 8.25 5.50781 8.25C5.50521 8.25 5.5026 8.25 5.5 8.25C5.4974 8.25 5.49479 8.25 5.49219 8.25C5.48958 8.25 5.48698 8.25 5.48438 8.25C5.48177 8.25 5.47917 8.25 5.47656 8.25C5.47396 8.25 5.47135 8.25 5.46875 8.25C5.46615 8.25 5.46354 8.25 5.46094 8.25C5.45833 8.25 5.45573 8.25 5.45312 8.25C5.45052 8.25 5.44792 8.25 5.44531 8.25C5.44271 8.25 5.4401 8.25 5.4375 8.25C5.4349 8.25 5.43229 8.25 5.42969 8.25C5.42708 8.25 5.42448 8.25 5.42188 8.25C5.41927 8.25 5.41667 8.25 5.41406 8.25C5.41146 8.25 5.40885 8.25 5.40625 8.25C5.40365 8.25 5.40104 8.25 5.39844 8.25C5.39583 8.25 5.39323 8.25 5.39062 8.25C5.38802 8.25 5.38542 8.25 5.38281 8.25C5.38021 8.25 5.3776 8.25 5.375 8.25C5.3724 8.25 5.36979 8.25 5.36719 8.25C5.36458 8.25 5.36198 8.25 5.35938 8.25C5.35677 8.25 5.35417 8.25 5.35156 8.25C5.34896 8.25 5.34635 8.25 5.34375 8.25C5.34115 8.25 5.33854 8.25 5.33594 8.25C5.33333 8.25 5.33073 8.25 5.32812 8.25C5.32552 8.25 5.32292 8.25 5.32031 8.25C5.31771 8.25 5.3151 8.25 5.3125 8.25C5.3099 8.25 5.30729 8.25 5.30469 8.25C5.30208 8.25 5.29948 8.25 5.29688 8.25C5.29427 8.25 5.29167 8.25 5.28906 8.25C5.28646 8.25 5.28385 8.25 5.28125 8.25C5.27865 8.25 5.27604 8.25 5.27344 8.25C5.27083 8.25 5.26823 8.25 5.26562 8.25C5.26302 8.25 5.26042 8.25 5.25781 8.25C5.25521 8.25 5.2526 8.25 5.25 8.25C5.2474 8.25 5.24479 8.25 5.24219 8.25C5.23958 8.25 5.23698 8.25 5.23438 8.25C5.23177 8.25 5.22917 8.25 5.22656 8.25C5.22396 8.25 5.22135 8.25 5.21875 8.25C5.21615 8.25 5.21354 8.25 5.21094 8.25C5.20833 8.25 5.20573 8.25 5.20312 8.25C5.20052 8.25 5.19792 8.25 5.19531 8.25C5.19271 8.25 5.1901 8.25 5.1875 8.25C5.1849 8.25 5.18229 8.25 5.17969 8.25C5.17708 8.25 5.17448 8.25 5.17188 8.25C5.16927 8.25 5.16667 8.25 5.16406 8.25C5.16146 8.25 5.15885 8.25 5.15625 8.25C5.15365 8.25 5.15104 8.25 5.14844 8.25C5.14583 8.25 5.14323 8.25 5.14062 8.25C5.13802 8.25 5.13542 8.25 5.13281 8.25C5.13021 8.25 5.1276 8.25 5.125 8.25C5.1224 8.25 5.11979 8.25 5.11719 8.25C5.11458 8.25 5.11198 8.25 5.10938 8.25C5.10677 8.25 5.10417 8.25 5.10156 8.25C5.09896 8.25 5.09635 8.25 5.09375 8.25C5.09115 8.25 5.08854 8.25 5.08594 8.25C5.08333 8.25 5.08073 8.25 5.07812 8.25C5.07552 8.25 5.07292 8.25 5.07031 8.25C5.06771 8.25 5.0651 8.25 5.0625 8.25C5.0599 8.25 5.05729 8.25 5.05469 8.25C5.05208 8.25 5.04948 8.25 5.04688 8.25C5.04427 8.25 5.04167 8.25 5.03906 8.25C5.03646 8.25 5.03385 8.25 5.03125 8.25C5.02865 8.25 5.02604 8.25 5.02344 8.25C5.02083 8.25 5.01823 8.25 5.01562 8.25C5.01302 8.25 5.01042 8.25 5.00781 8.25C5.00521 8.25 5.0026 8.25 5 8.25C4.9974 8.25 4.99479 8.25 4.99219 8.25C4.98958 8.25 4.98698 8.25 4.98438 8.25C4.98177 8.25 4.97917 8.25 4.97656 8.25C4.97396 8.25 4.97135 8.25 4.96875 8.25C4.96615 8.25 4.96354 8.25 4.96094 8.25C4.95833 8.25 4.95573 8.25 4.95312 8.25C4.95052 8.25 4.94792 8.25 4.94531 8.25C4.94271 8.25 4.9401 8.25 4.9375 8.25C4.9349 8.25 4.93229 8.25 4.92969 8.25C4.92708 8.25 4.92448 8.25 4.92188 8.25C4.91927 8.25 4.91667 8.25 4.91406 8.25C4.91146 8.25 4.90885 8.25 4.90625 8.25C4.90365 8.25 4.90104 8.25 4.89844 8.25C4.89583 8.25 4.89323 8.25 4.89062 8.25C4.88802 8.25 4.88542 8.25 4.88281 8.25C4.88021 8.25 4.8776 8.25 4.875 8.25C4.8724 8.25 4.86979 8.25 4.86719 8.25C4.86458 8.25 4.86198 8.25 4.85938 8.25C4.85677 8.25 4.85417 8.25 4.85156 8.25C4.84896 8.25 4.84635 8.25 4.84375 8.25C4.84115 8.25 4.83854 8.25 4.83594 8.25C4.83333 8.25 4.83073 8.25 4.82812 8.25C4.82552 8.25 4.82292 8.25 4.82031 8.25C4.81771 8.25 4.8151 8.25 4.8125 8.25C4.8099 8.25 4.80729 8.25 4.80469 8.25C4.80208 8.25 4.79948 8.25 4.79688 8.25C4.79427 8.25 4.79167 8.25 4.78906 8.25C4.78646 8.25 4.78385 8.25 4.78125 8.25C4.77865 8.25 4.77604 8.25 4.77344 8.25C4.77083 8.25 4.76823 8.25 4.76562 8.25C4.76302 8.25 4.76042 8.25 4.75781 8.25C4.75521 8.25 4.7526 8.25 4.75 8.25C4.7474 8.25 4.74479 8.25 4.74219 8.25C4.73958 8.25 4.73698 8.25 4.73438 8.25C4.73177 8.25 4.72917 8.25 4.72656 8.25C4.72396 8.25 4.72135 8.25 4.71875 8.25C4.71615 8.25 4.71354 8.25 4.71094 8.25C4.70833 8.25 4.70573 8.25 4.70312 8.25C4.70052 8.25 4.69792 8.25 4.69531 8.25C4.69271 8.25 4.6901 8.25 4.6875 8.25C4.6849 8.25 4.68229 8.25 4.67969 8.25C4.67708 8.25 4.67448 8.25 4.67188 8.25C4.66927 8.25 4.66667 8.25 4.66406 8.25C4.66146 8.25 4.65885 8.25 4.65625 8.25C4.65365 8.25 4.65104 8.25 4.64844 8.25C4.64583 8.25 4.64323 8.25 4.64062 8.25C4.63802 8.25 4.63542 8.25 4.63281 8.25C4.63021 8.25 4.6276 8.25 4.625 8.25C4.6224 8.25 4.61979 8.25 4.61719 8.25C4.61458 8.25 4.61198 8.25 4.60938 8.25C4.60677 8.25 4.60417 8.25 4.60156 8.25C4.59896 8.25 4.59635 8.25 4.59375 8.25C4.59115 8.25 4.58854 8.25 4.58594 8.25C4.58333 8.25 4.58073 8.25 4.57812 8.25C4.57552 8.25 4.57292 8.25 4.57031 8.25C4.56771 8.25 4.5651 8.25 4.5625 8.25C4.5599 8.25 4.55729 8.25 4.55469 8.25C4.55208 8.25 4.54948 8.25 4.54688 8.25C4.54427 8.25 4.54167 8.25 4.53906 8.25C4.53646 8.25 4.53385 8.25 4.53125 8.25C4.52865 8.25 4.52604 8.25 4.52344 8.25C4.52083 8.25 4.51823 8.25 4.51562 8.25C4.51302 8.25 4.51042 8.25 4.50781 8.25C4.50521 8.25 4.5026 8.25 4.5 8.25C4.4974 8.25 4.49479 8.25 4.49219 8.25C4.48958 8.25 4.48698 8.25 4.48438 8.25C4.48177 8.25 4.47917 8.25 4.47656 8.25C4.47396 8.25 4.47135 8.25 4.46875 8.25C4.46615 8.25 4.46354 8.25 4.46094 8.25C4.45833 8.25 4.45573 8.25 4.45312 8.25C4.45052 8.25 4.44792 8.25 4.44531 8.25C4.44271 8.25 4.4401 8.25 4.4375 8.25C4.4349 8.25 4.43229 8.25 4.42969 8.25C4.42708 8.25 4.42448 8.25 4.42188 8.25C4.41927 8.25 4.41667 8.25 4.41406 8.25C4.41146 8.25 4.40885 8.25 4.40625 8.25C4.40365 8.25 4.40104 8.25 4.39844 8.25C4.39583 8.25 4.39323 8.25 4.39062 8.25C4.38802 8.25 4.38542 8.25 4.38281 8.25C4.38021 8.25 4.3776 8.25 4.375 8.25C4.3724 8.25 4.36979 8.25 4.36719 8.25C4.36458 8.25 4.36198 8.25 4.35938 8.25C4.35677 8.25 4.35417 8.25 4.35156 8.25C4.34896 8.25 4.34635 8.25 4.34375 8.25C4.34115 8.25 4.33854 8.25 4.33594 8.25C4.33333 8.25 4.33073 8.25 4.32812 8.25C4.32552 8.25 4.32292 8.25 4.32031 8.25C4.31771 8.25 4.3151 8.25 4.3125 8.25C4.3099 8.25 4.30729 8.25 4.30469 8.25C4.30208 8.25 4.29948 8.25 4.29688 8.25C4.29427 8.25 4.29167 8.25 4.28906 8.25C4.28646 8.25 4.28385 8.25 4.28125 8.25C4.27865 8.25 4.27604 8.25 4.27344 8.25C4.27083 8.25 4.26823 8.25 4.26562 8.25C4.26302 8.25 4.26042 8.25 4.25781 8.25C4.25521 8.25 4.2526 8.25 4.25 8.25C4.2474 8.25 4.24479 8.25 4.24219 8.25C4.23958 8.25 4.23698 8.25 4.23438 8.25C4.23177 8.25 4.22917 8.25 4.22656 8.25C4.22396 8.25 4.22135 8.25 4.21875 8.25C4.21615 8.25 4.21354 8.25 4.21094 8.25C4.20833 8.25 4.20573 8.25 4.20312 8.25C4.20052 8.25 4.19792 8.25 4.19531 8.25C4.19271 8.25 4.1901 8.25 4.1875 8.25C4.1849 8.25 4.18229 8.25 4.17969 8.25C4.17708 8.25 4.17448 8.25 4.17188 8.25C4.16927 8.25 4.16667 8.25 4.16406 8.25C4.16146 8.25 4.15885 8.25 4.15625 8.25C4.15365 8.25 4.15104 8.25 4.14844 8.25C4.14583 8.25 4.14323 8.25 4.14062 8.25C4.13802 8.25 4.13542 8.25 4.13281 8.25C4.13021 8.25 4.1276 8.25 4.125 8.25C4.1224 8.25 4.11979 8.25 4.11719 8.25C4.11458 8.25 4.11198 8.25 4.10938 8.25C4.10677 8.25 4.10417 8.25 4.10156 8.25C4.09896 8.25 4.09635 8.25 4.09375 8.25C4.09115 8.25 4.08854 8.25 4.08594 8.25C4.08333 8.25 4.08073 8.25 4.07812 8.25C4.07552 8.25 4.07292 8.25 4.07031 8.25C4.06771 8.25 4.0651 8.25 4.0625 8.25C4.0599 8.25 4.05729 8.25 4.05469 8.25C4.05208 8.25 4.04948 8.25 4.04688 8.25C4.04427 8.25 4.04167 8.25 4.03906 8.25C4.03646 8.25 4.03385 8.25 4.03125 8.25C4.02865 8.25 4.02604 8.25 4.02344 8.25C4.02083 8.25 4.01823 8.25 4.01562 8.25C4.01302 8.25 4.01042 8.25 4.00781 8.25C4.00521 8.25 4.0026 8.25 4 8.25C3.9974 8.25 3.99479 8.25 3.99219 8.25C3.98958 8.25 3.98698 8.25 3.98438 8.25C3.98177 8.25 3.97917 8.25 3.97656 8.25C3.97396 8.25 3.97135 8.25 3.96875 8.25C3.96615 8.25 3.96354 8.25 3.96094 8.25C3.95833 8.25 3.95573 8.25 3.95312 8.25C3.95052 8.25 3.94792 8.25 3.94531 8.25C3.94271 8.25 3.9401 8.25 3.9375 8.25C3.9349 8.25 3.93229 8.25 3.92969 8.25C3.92708 8.25 3.92448 8.25 3.92188 8.25C3.91927 8.25 3.91667 8.25 3.91406 8.25C3.91146 8.25 3.90885 8.25 3.90625 8.25C3.90365 8.25 3.90104 8.25 3.89844 8.25C3.89583 8.25 3.89323 8.25 3.89062 8.25C3.88802 8.25 3.88542 8.25 3.88281 8.25C3.88021 8.25 3.8776 8.25 3.875 8.25C3.8724 8.25 3.86979 8.25 3.86719 8.25C3.86458 8.25 3.86198 8.25 3.85938 8.25C3.85677 8.25 3.85417 8.25 3.85156 8.25C3.84896 8.25 3.84635 8.25 3.84375 8.25C3.84115 8.25 3.83854 8.25 3.83594 8.25C3.83333 8.25 3.83073 8.25 3.82812 8.25C3.82552 8.25 3.82292 8.25 3.82031 8.25C3.81771 8.25 3.8151 8.25 3.8125 8.25C3.8099 8.25 3.80729 8.25 3.80469 8.25C3.80208 8.25 3.79948 8.25 3.79688 8.25C3.79427 8.25 3.79167 8.25 3.78906 8.25C3.78646 8.25 3.78385 8.25 3.78125 8.25C3.77865 8.25 3.77604 8.25 3.77344 8.25C3.77083 8.25 3.76823 8.25 3.76562 8.25C3.76302 8.25 3.76042 8.25 3.75781 8.25C3.75521 8.25 3.7526 8.25 3.75 8.25C3.7474 8.25 3.74479 8.25 3.74219 8.25C3.73958 8.25 3.73698 8.25 3.73438 8.25C3.73177 8.25 3.72917 8.25 3.72656 8.25C3.72396 8.25 3.72135 8.25 3.71875 8.25C3.71615 8.25 3.71354 8.25 3.71094 8.25C3.70833 8.25 3.70573 8.25 3.70312 8.25C3.70052 8.25 3.69792 8.25 3.69531 8.25C3.69271 8.25 3.6901 8.25 3.6875 8.25C3.6849 8.25 3.68229 8.25 3.67969 8.25C3.67708 8.25 3.67448 8.25 3.67188 8.25C3.66927 8.25 3.66667 8.25 3.66406 8.25C3.66146 8.25 3.65885 8.25 3.65625 8.25C3.65365 8.25 3.65104 8.25 3.64844 8.25C3.64583 8.25 3.64323 8.25 3.64062 8.25C3.63802 8.25 3.63542 8.25 3.63281 8.25C3.63021 8.25 3.6276 8.25 3.625 8.25C3.6224 8.25 3.61979 8.25 3.61719 8.25C3.61458 8.25 3.61198 8.25 3.60938 8.25C3.60677 8.25 3.60417 8.25 3.60156 8.25C3.59896 8.25 3.59635 8.25 3.59375 8.25C3.59115 8.25 3.58854 8.25 3.58594 8.25C3.58333 8.25 3.58073 8.25 3.57812 8.25C3.57552 8.25 3.57292 8.25 3.57031 8.25C3.56771 8.25 3.5651 8.25 3.5625 8.25C3.5599 8.25 3.55729 8.25 3.55469 8.25C3.55208 8.25 3.54948 8.25 3.54688 8.25C3.54427 8.25 3.54167 8.25 3.53906 8.25C3.53646 8.25 3.53385 8.25 3.53125 8.25C3.52865 8.25 3.52604 8.25 3.52344 8.25C3.52083 8.25 3.51823 8.25 3.51562 8.25C3.51302 8.25 3.51042 8.25 3.50781 8.25C3.50521 8.25 3.5026 8.25 3.5 8.25C3.4974 8.25 3.49479 8.25 3.49219 8.25C3.48958 8.25 3.48698 8.25 3.48438 8.25C3.48177 8.25 3.47917 8.25 3.47656 8.25C3.47396 8.25 3.47135 8.25 3.46875 8.25C3.46615 8.25 3.46354 8.25 3.46094 8.25C3.45833 8.25 3.45573 8.25 3.45312 8.25C3.45052 8.25 3.44792 8.25 3.44531 8.25C3.44271 8.25 3.4401 8.25 3.4375 8.25C3.4349 8.25 3.43229 8.25 3.42969 8.25C3.42708 8.25 3.42448 8.25 3.42188 8.25C3.41927 8.25 3.41667 8.25 3.41406 8.25C3.41146 8.25 3.40885 8.25 3.40625 8.25C3.40365 8.25 3.40104 8.25 3.39844 8.25C3.39583 8.25 3.39323 8.25 3.39062 8.25C3.38802 8.25 3.38542 8.25 3.38281 8.25C3.38021 8.25 3.3776 8.25 3.375 8.25C3.3724 8.25 3.36979 8.25 3.36719 8.25C3.36458 8.25 3.36198 8.25 3.35938 8.25C3.35677 8.25 3.35417 8.25 3.35156 8.25C3.34896 8.25 3.34635 8.25 3.34375 8.25C3.34115 8.25 3.33854 8.25 3.33594 8.25C3.33333 8.25 3.33073 8.25 3.32812 8.25C3.32552 8.25 3.32292 8.25 3.32031 8.25C3.31771 8.25 3.3151 8.25 3.3125 8.25C3.3099 8.25 3.30729 8.25 3.30469 8.25C3.30208 8.25 3.29948 8.25 3.29688 8.25C3.29427 8.25 3.29167 8.25 3.28906 8.25C3.28646 8.25 3.28385 8.25 3.28125 8.25C3.27865 8.25 3.27604 8.25 3.27344 8.25C3.27083 8.25 3.26823 8.25 3.26562 8.25C3.26302 8.25 3.26042 8.25 3.25781 8.25C3.25521 8.25 3.2526 8.25 3.25 8.25C3.2474 8.25 3.24479 8.25 3.24219 8.25C3.23958 8.25 3.23698 8.25 3.23438 8.25C3.23177 8.25 3.22917 8.25 3.22656 8.25C3.22396 8.25 3.22135 8.25 3.21875 8.25C3.21615 8.25 3.21354 8.25 3.21094 8.25C3.20833 8.25 3.20573 8.25 3.20312 8.25C3.20052 8.25 3.19792 8.25 3.19531 8.25C3.19271 8.25 3.1901 8.25 3.1875 8.25C3.1849 8.25 3.18229 8.25 3.17969 8.25C3.17708 8.25 3.17448 8.25 3.17188 8.25C3.16927 8.25 3.16667 8.25 3.16406 8.25C3.16146 8.25 3.15885 8.25 3.15625 8.25C3.15365 8.25 3.15104 8.25 3.14844 8.25C3.14583 8.25 3.14323 8.25 3.14062 8.25C3.13802 8.25 3.13542 8.25 3.13281 8.25C3.13021 8.25 3.1276 8.25 3.125 8.25C3.1224 8.25 3.11979 8.25 3.11719 8.25C3.11458 8.25 3.11198 8.25 3.10938 8.25C3.10677 8.25 3.10417 8.25 3.10156 8.25C3.09896 8.25 3.09635 8.25 3.09375 8.25C3.09115 8.25 3.08854 8.25 3.08594 8.25C3.08333 8.25 3.08073 8.25 3.07812 8.25C3.07552 8.25 3.07292 8.25 3.07031 8.25C3.06771 8.25 3.0651 8.25 3.0625 8.25C3.0599 8.25 3.05729 8.25 3.05469 8.25C3.05208 8.25 3.04948 8.25 3.04688 8.25C3.04427 8.25 3.04167 8.25 3.03906 8.25C3.03646 8.25 3.03385 8.25 3.03125 8.25C3.02865 8.25 3.02604 8.25 3.02344 8.25C3.02083 8.25 3.01823 8.25 3.01562 8.25C3.01302 8.25 3.01042 8.25 3.00781 8.25C3.00521 8.25 3.0026 8.25 3 8.25C2.9974 8.25 2.99479 8.25 2.99219 8.25C2.98958 8.25 2.98698 8.25 2.98438 8.25C2.98177 8.25 2.97917 8.25 2.97656 8.25C2.97396 8.25 2.97135 8.25 2.96875 8.25C2.96615 8.25 2.96354 8.25 2.96094 8.25C2.95833 8.25 2.95573 8.25 2.95313 8.25C2.95052 8.25 2.94792 8.25 2.94531 8.25C2.94271 8.25 2.9401 8.25 2.9375 8.25C2.9349 8.25 2.93229 8.25 2.92969 8.25C2.92708 8.25 2.92448 8.25 2.92188 8.25C2.91927 8.25 2.91667 8.25 2.91406 8.25C2.91146 8.25 2.90885 8.25 2.90625 8.25C2.90365 8.25 2.90104 8.25 2.89844 8.25C2.89583 8.25 2.89323 8.25 2.89063 8.25C2.88802 8.25 2.88542 8.25 2.88281 8.25C2.88021 8.25 2.8776 8.25 2.875 8.25C2.8724 8.25 2.86979 8.25 2.86719 8.25C2.86458 8.25 2.86198 8.25 2.85938 8.25C2.85677 8.25 2.85417 8.25 2.85156 8.25C2.84896 8.25 2.84635 8.25 2.84375 8.25C2.84115 8.25 2.83854 8.25 2.83594 8.25C2.83333 8.25 2.83073 8.25 2.82813 8.25C2.82552 8.25 2.82292 8.25 2.82031 8.25C2.81771 8.25 2.8151 8.25 2.8125 8.25C2.8099 8.25 2.80729 8.25 2.80469 8.25C2.80208 8.25 2.79948 8.25 2.79688 8.25C2.79427 8.25 2.79167 8.25 2.78906 8.25C2.78646 8.25 2.78385 8.25 2.78125 8.25C2.77865 8.25 2.77604 8.25 2.77344 8.25C2.77083 8.25 2.76823 8.25 2.76563 8.25C2.76302 8.25 2.76042 8.25 2.75781 8.25C2.75521 8.25 2.7526 8.25 2.75 8.25C2.7474 8.25 2.74479 8.25 2.74219 8.25C2.73958 8.25 2.73698 8.25 2.73438 8.25C2.73177 8.25 2.72917 8.25 2.72656 8.25C2.72396 8.25 2.72135 8.25 2.71875 8.25C2.71615 8.25 2.71354 8.25 2.71094 8.25C2.70833 8.25 2.70573 8.25 2.70312 8.25C2.70052 8.25 2.69792 8.25 2.69531 8.25C2.69271 8.25 2.6901 8.25 2.6875 8.25C2.6849 8.25 2.68229 8.25 2.67969 8.25C2.67708 8.25 2.67448 8.25 2.67188 8.25C2.66927 8.25 2.66667 8.25 2.66406 8.25C2.66146 8.25 2.65885 8.25 2.65625 8.25C2.65365 8.25 2.65104 8.25 2.64844 8.25C2.64583 8.25 2.64323 8.25 2.64062 8.25C2.63802 8.25 2.63542 8.25 2.63281 8.25C2.63021 8.25 2.6276 8.25 2.625 8.25C2.6224 8.25 2.61979 8.25 2.61719 8.25C2.61458 8.25 2.61198 8.25 2.60938 8.25C2.60677 8.25 2.60417 8.25 2.60156 8.25C2.59896 8.25 2.59635 8.25 2.59375 8.25C2.59115 8.25 2.58854 8.25 2.58594 8.25C2.58333 8.25 2.58073 8.25 2.57812 8.25C2.57552 8.25 2.57292 8.25 2.57031 8.25C2.56771 8.25 2.5651 8.25 2.5625 8.25C2.5599 8.25 2.55729 8.25 2.55469 8.25C2.55208 8.25 2.54948 8.25 2.54688 8.25C2.54427 8.25 2.54167 8.25 2.53906 8.25C2.53646 8.25 2.53385 8.25 2.53125 8.25C2.52865 8.25 2.52604 8.25 2.52344 8.25C2.52083 8.25 2.51823 8.25 2.51562 8.25C2.51302 8.25 2.51042 8.25 2.50781 8.25C2.50521 8.25 2.5026 8.25 2.5 8.25C2.4974 8.25 2.49479 8.25 2.49219 8.25C2.48958 8.25 2.48698 8.25 2.48438 8.25C2.48177 8.25 2.47917 8.25 2.47656 8.25C2.47396 8.25 2.47135 8.25 2.46875 8.25C2.46615 8.25 2.46354 8.25 2.46094 8.25C2.45833 8.25 2.45573 8.25 2.45313 8.25C2.45052 8.25 2.44792 8.25 2.44531 8.25C2.44271 8.25 2.4401 8.25 2.4375 8.25C2.4349 8.25 2.43229 8.25 2.42969 8.25C2.42708 8.25 2.42448 8.25 2.42188 8.25C2.41927 8.25 2.41667 8.25 2.41406 8.25C2.41146 8.25 2.40885 8.25 2.40625 8.25C2.40365 8.25 2.40104 8.25 2.39844 8.25C2.39583 8.25 2.39323 8.25 2.39063 8.25C2.38802 8.25 2.38542 8.25 2.38281 8.25C2.38021 8.25 2.3776 8.25 2.375 8.25C2.3724 8.25 2.36979 8.25 2.36719 8.25C2.36458 8.25 2.36198 8.25 2.35938 8.25C2.35677 8.25 2.35417 8.25 2.35156 8.25C2.34896 8.25 2.34635 8.25 2.34375 8.25C2.34115 8.25 2.33854 8.25 2.33594 8.25C2.33333 8.25 2.33073 8.25 2.32813 8.25C2.32552 8.25 2.32292 8.25 2.32031 8.25C2.31771 8.25 2.3151 8.25 2.3125 8.25C2.3099 8.25 2.30729 8.25 2.30469 8.25C2.30208 8.25 2.29948 8.25 2.29688 8.25C2.29427 8.25 2.29167 8.25 2.28906 8.25C2.28646 8.25 2.28385 8.25 2.28125 8.25C2.27865 8.25 2.27604 8.25 2.27344 8.25C2.27083 8.25 2.26823 8.25 2.26562 8.25C2.26302 8.25 2.26042 8.25 2.25781 8.25C2.25521 8.25 2.2526 8.25 2.25 8.25C2.2474 8.25 2.24479 8.25 2.24219 8.25C2.23958 8.25 2.23698 8.25 2.23438 8.25C2.23177 8.25 2.22917 8.25 2.22656 8.25C2.22396 8.25 2.22135 8.25 2.21875 8.25C2.21615 8.25 2.21354 8.25 2.21094 8.25C2.20833 8.25 2.20573 8.25 2.20313 8.25C2.20052 8.25 2.19792 8.25 2.19531 8.25C2.19271 8.25 2.1901 8.25 2.1875 8.25C2.1849 8.25 2.18229 8.25 2.17969 8.25C2.17708 8.25 2.17448 8.25 2.17188 8.25C2.16927 8.25 2.16667 8.25 2.16406 8.25C2.16146 8.25 2.15885 8.25 2.15625 8.25C2.15365 8.25 2.15104 8.25 2.14844 8.25C2.14583 8.25 2.14323 8.25 2.14062 8.25C2.13802 8.25 2.13542 8.25 2.13281 8.25C2.13021 8.25 2.1276 8.25 2.125 8.25C2.1224 8.25 2.11979 8.25 2.11719 8.25C2.11458 8.25 2.11198 8.25 2.10938 8.25C2.10677 8.25 2.10417 8.25 2.10156 8.25C2.09896 8.25 2.09635 8.25 2.09375 8.25C2.09115 8.25 2.08854 8.25 2.08594 8.25C2.08333 8.25 2.08073 8.25 2.07813 8.25C2.07552 8.25 2.07292 8.25 2.07031 8.25C2.06771 8.25 2.0651 8.25 2.0625 8.25C2.0599 8.25 2.05729 8.25 2.05469 8.25C2.05208 8.25 2.04948 8.25 2.04688 8.25C2.04427 8.25 2.04167 8.25 2.03906 8.25C2.03646 8.25 2.03385 8.25 2.03125 8.25C2.02865 8.25 2.02604 8.25 2.02344 8.25C2.02083 8.25 2.01823 8.25 2.01562 8.25C2.01302 8.25 2.01042 8.25 2.00781 8.25C2.00521 8.25 2.0026 8.25 2 8.25L2 9.75Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7 1C6.44772 1 6 1.44772 6 2V8.99268L6.00092 8.24268L6.01459 8.24269L6.02826 8.24271L6.04193 8.24273L6.0556 8.24274L6.06927 8.24276L6.08295 8.24278L6.09662 8.24279L6.11029 8.24281L6.12396 8.24283L6.13763 8.24284L6.15131 8.24286L6.16498 8.24288L6.17865 8.24289L6.19232 8.24291L6.20599 8.24293L6.21967 8.24294L6.23334 8.24296L6.24701 8.24298L6.26068 8.24299L6.27435 8.24301L6.28802 8.24303L6.3017 8.24304L6.31537 8.24306L6.32904 8.24308L6.34271 8.24309L6.35638 8.24311L6.37006 8.24313L6.38373 8.24314L6.3974 8.24316L6.41107 8.24318L6.42474 8.24319L6.43842 8.24321L6.45209 8.24323L6.46576 8.24324L6.47943 8.24326L6.4931 8.24328L6.50677 8.24329L6.52045 8.24331L6.53412 8.24333L6.54779 8.24334L6.56146 8.24336L6.57513 8.24338L6.58881 8.24339L6.60248 8.24341L6.61615 8.24343L6.62982 8.24344L6.64349 8.24346L6.65717 8.24348L6.67084 8.24349L6.68451 8.24351L6.69818 8.24353L6.71185 8.24354L6.72552 8.24356L6.7392 8.24358L6.75287 8.24359L6.76654 8.24361L6.78021 8.24363L6.79388 8.24364L6.80756 8.24366L6.82123 8.24368L6.8349 8.24369L6.84857 8.24371L6.86224 8.24373L6.87592 8.24374L6.88959 8.24376L6.90326 8.24378L6.91693 8.24379L6.9306 8.24381L6.94427 8.24383L6.95795 8.24384L6.97162 8.24386L6.98529 8.24388L6.99896 8.24389L7.01263 8.24391L7.02631 8.24393L7.03998 8.24394L7.05365 8.24396L7.06732 8.24398L7.08099 8.24399L7.09467 8.24401L7.10834 8.24403L7.12201 8.24404L7.13568 8.24406L7.14935 8.24408L7.16302 8.24409L7.1767 8.24411L7.19037 8.24413L7.20404 8.24414L7.21771 8.24416L7.23138 8.24418L7.24506 8.24419L7.25873 8.24421L7.2724 8.24423L7.28607 8.24425L7.29974 8.24426L7.31342 8.24428L7.32709 8.2443L7.34076 8.24431L7.35443 8.24433L7.3681 8.24435L7.38177 8.24436L7.39545 8.24438L7.40912 8.2444L7.42279 8.24441L7.43646 8.24443L7.45013 8.24445L7.46381 8.24446L7.47748 8.24448L7.49115 8.2445L7.50482 8.24451L7.51849 8.24453L7.53217 8.24455L7.54584 8.24456L7.55951 8.24458L7.57318 8.2446L7.58685 8.24461L7.60052 8.24463L7.6142 8.24465L7.62787 8.24466L7.64154 8.24468L7.65521 8.2447L7.66888 8.24471L7.68256 8.24473L7.69623 8.24475L7.7099 8.24476L7.72357 8.24478L7.73724 8.2448L7.75092 8.24481L7.76459 8.24483L7.77826 8.24485L7.79193 8.24486L7.8056 8.24488L7.81927 8.2449L7.83295 8.24491L7.84662 8.24493L7.86029 8.24495L7.87396 8.24496L7.88763 8.24498L7.90131 8.245L7.91498 8.24501L7.92865 8.24503L7.94232 8.24505L7.95599 8.24506L7.96967 8.24508L7.98334 8.2451L7.99701 8.24511L8.01068 8.24513L8.02435 8.24515L8.03802 8.24516L8.0517 8.24518L8.06537 8.2452L8.07904 8.24521L8.09271 8.24523L8.10638 8.24525L8.12006 8.24526L8.13373 8.24528L8.1474 8.2453L8.16107 8.24531L8.17474 8.24533L8.18842 8.24535L8.20209 8.24536L8.21576 8.24538L8.22943 8.2454L8.2431 8.24541L8.25677 8.24543L8.27045 8.24545L8.28412 8.24546L8.29779 8.24548L8.31146 8.2455L8.32513 8.24551L8.33881 8.24553L8.35248 8.24555L8.36615 8.24556L8.37982 8.24558L8.39349 8.2456L8.40717 8.24561L8.42084 8.24563L8.43451 8.24565L8.44818 8.24566L8.46185 8.24568L8.47552 8.2457L8.4892 8.24571L8.50287 8.24573L8.51654 8.24575L8.53021 8.24576L8.54388 8.24578L8.55756 8.2458L8.57123 8.24581L8.5849 8.24583L8.59857 8.24585L8.61224 8.24586L8.62592 8.24588L8.63959 8.2459L8.65326 8.24591L8.66693 8.24593L8.6806 8.24595L8.69427 8.24596L8.70795 8.24598L8.72162 8.246L8.73529 8.24601L8.74896 8.24603L8.76263 8.24605L8.77631 8.24606L8.78998 8.24608L8.80365 8.2461L8.81732 8.24611L8.83099 8.24613L8.84467 8.24615L8.85834 8.24616L8.87201 8.24618L8.88568 8.2462L8.89935 8.24621L8.91302 8.24623L8.9267 8.24625L8.94037 8.24626L8.95404 8.24628L8.96771 8.2463L8.98138 8.24631L8.99506 8.24633L9.00873 8.24635L9.0224 8.24636L9.03607 8.24638L9.04974 8.2464L9.06342 8.24641L9.07709 8.24643L9.09076 8.24645L9.10443 8.24646L9.1181 8.24648L9.13177 8.2465L9.14545 8.24651L9.15912 8.24653L9.17279 8.24655L9.18646 8.24656L9.20013 8.24658L9.21381 8.2466L9.22748 8.24661L9.24115 8.24663L9.25482 8.24665L9.26849 8.24667L9.28217 8.24668L9.29584 8.2467L9.30951 8.24672L9.32318 8.24673L9.33685 8.24675L9.35052 8.24677L9.3642 8.24678L9.37787 8.2468L9.39154 8.24682L9.40521 8.24683L9.41888 8.24685L9.43256 8.24687L9.44623 8.24688L9.4599 8.2469L9.47357 8.24692L9.48724 8.24693L9.50091 8.24695L9.51459 8.24697L9.52826 8.24698L9.54193 8.247L9.5556 8.24702L9.56927 8.24703L9.58295 8.24705L9.59662 8.24707L9.61029 8.24708L9.62396 8.2471L9.63763 8.24712L9.65131 8.24713L9.66498 8.24715L9.67865 8.24717L9.69232 8.24718L9.70599 8.2472L9.71966 8.24722L9.73334 8.24723L9.74701 8.24725L9.76068 8.24727L9.77435 8.24728L9.78802 8.2473L9.8017 8.24732L9.81537 8.24733L9.82904 8.24735L9.84271 8.24737L9.85638 8.24738L9.87006 8.2474L9.88373 8.24742L9.8974 8.24743L9.91107 8.24745L9.92474 8.24747L9.93841 8.24748L9.95209 8.2475L9.96576 8.24752L9.97943 8.24753L9.9931 8.24755L10.0068 8.24757L10.0204 8.24758L10.0341 8.2476L10.0478 8.24762L10.0615 8.24763L10.0751 8.24765L10.0888 8.24767L10.1025 8.24768L10.1161 8.2477L10.1298 8.24772L10.1435 8.24773L10.1572 8.24775L10.1708 8.24777L10.1845 8.24778L10.1982 8.2478L10.2119 8.24782L10.2255 8.24783L10.2392 8.24785L10.2529 8.24787L10.2665 8.24788L10.2802 8.2479L10.2939 8.24792L10.3076 8.24793L10.3212 8.24795L10.3349 8.24797L10.3486 8.24798L10.3622 8.248L10.3759 8.24802L10.3896 8.24803L10.4033 8.24805L10.4169 8.24807L10.4306 8.24808L10.4443 8.2481L10.4579 8.24812L10.4716 8.24813L10.4853 8.24815L10.499 8.24817L10.5126 8.24818L10.5263 8.2482L10.54 8.24822L10.5536 8.24823L10.5673 8.24825L10.581 8.24827L10.5947 8.24828L10.6083 8.2483L10.622 8.24832L10.6357 8.24833L10.6494 8.24835L10.663 8.24837L10.6767 8.24838L10.6904 8.2484L10.704 8.24842L10.7177 8.24843L10.7314 8.24845L10.7451 8.24847L10.7587 8.24848L10.7724 8.2485L10.7861 8.24852L10.7997 8.24853L10.8134 8.24855L10.8271 8.24857L10.8408 8.24858L10.8544 8.2486L10.8681 8.24862L10.8818 8.24863L10.8954 8.24865L10.9091 8.24867L10.9228 8.24868L10.9365 8.2487L10.9501 8.24872L10.9638 8.24873L10.9775 8.24875L10.9911 8.24877L11.0048 8.24878L11.0185 8.2488L11.0322 8.24882L11.0458 8.24883L11.0595 8.24885L11.0732 8.24887L11.0869 8.24888L11.1005 8.2489L11.1142 8.24892L11.1279 8.24893L11.1415 8.24895L11.1552 8.24897L11.1689 8.24898L11.1826 8.249L11.1962 8.24902L11.2099 8.24903L11.2236 8.24905L11.2372 8.24907L11.2509 8.24908L11.2646 8.2491L11.2783 8.24912L11.2919 8.24914L11.3056 8.24915L11.3193 8.24917L11.3329 8.24919L11.3466 8.2492L11.3603 8.24922L11.374 8.24924L11.3876 8.24925L11.4013 8.24927L11.415 8.24929L11.4286 8.2493L11.4423 8.24932L11.456 8.24934L11.4697 8.24935L11.4833 8.24937L11.497 8.24939L11.5107 8.2494L11.5244 8.24942L11.538 8.24944L11.5517 8.24945L11.5654 8.24947L11.579 8.24949L11.5927 8.2495L11.6064 8.24952L11.6201 8.24954L11.6337 8.24955L11.6474 8.24957L11.6611 8.24959L11.6747 8.2496L11.6884 8.24962L11.7021 8.24964L11.7158 8.24965L11.7294 8.24967L11.7431 8.24969L11.7568 8.2497L11.7704 8.24972L11.7841 8.24974L11.7978 8.24975L11.8115 8.24977L11.8251 8.24979L11.8388 8.2498L11.8525 8.24982L11.8661 8.24984L11.8798 8.24985L11.8935 8.24987L11.9072 8.24989L11.9208 8.2499L11.9345 8.24992L11.9482 8.24994L11.9619 8.24995L11.9755 8.24997L11.9892 8.24999L12.0029 8.25L12.0165 8.25002L12.0302 8.25004L12.0439 8.25005L12.0576 8.25007L12.0712 8.25009L12.0849 8.2501L12.0986 8.25012L12.1122 8.25014L12.1259 8.25015L12.1396 8.25017L12.1533 8.25019L12.1669 8.2502L12.1806 8.25022L12.1943 8.25024L12.2044 8.25025L9.47343 5.51931C9.18053 5.22642 9.18053 4.75154 9.47343 4.45865C9.76632 4.16576 10.2412 4.16576 10.5341 4.45865L14.5378 8.46231C14.8306 8.7552 14.8306 9.23008 14.5378 9.52297L10.5341 13.5266C10.2412 13.8195 9.76632 13.8195 9.47343 13.5266C9.18053 13.2337 9.18053 12.7589 9.47343 12.466L12.1892 9.75023L12.1788 9.75022L12.1651 9.7502L12.1514 9.75019L12.1378 9.75017L12.1241 9.75015L12.1104 9.75014L12.0967 9.75012L12.0831 9.7501L12.0694 9.75008L12.0557 9.75007L12.0421 9.75005L12.0284 9.75004L12.0147 9.75002L12.001 9.75L11.9874 9.74998L11.9737 9.74997L11.96 9.74995L11.9463 9.74994L11.9327 9.74992L11.919 9.7499L11.9053 9.74988L11.8917 9.74987L11.878 9.74985L11.8643 9.74984L11.8506 9.74982L11.837 9.7498L11.8233 9.74978L11.8096 9.74977L11.796 9.74975L11.7823 9.74973L11.7686 9.74972L11.7549 9.7497L11.7413 9.74968L11.7276 9.74967L11.7139 9.74965L11.7003 9.74963L11.6866 9.74962L11.6729 9.7496L11.6592 9.74958L11.6456 9.74957L11.6319 9.74955L11.6182 9.74953L11.6046 9.74952L11.5909 9.7495L11.5772 9.74948L11.5635 9.74947L11.5499 9.74945L11.5362 9.74943L11.5225 9.74942L11.5088 9.7494L11.4952 9.74938L11.4815 9.74937L11.4678 9.74935L11.4542 9.74933L11.4405 9.74932L11.4268 9.7493L11.4131 9.74928L11.3995 9.74927L11.3858 9.74925L11.3721 9.74923L11.3585 9.74922L11.3448 9.7492L11.3311 9.74918L11.3174 9.74917L11.3038 9.74915L11.2901 9.74913L11.2764 9.74912L11.2628 9.7491L11.2491 9.74908L11.2354 9.74907L11.2217 9.74905L11.2081 9.74903L11.1944 9.74902L11.1807 9.749L11.1671 9.74898L11.1534 9.74897L11.1397 9.74895L11.126 9.74893L11.1124 9.74892L11.0987 9.7489L11.085 9.74888L11.0713 9.74887L11.0577 9.74885L11.044 9.74883L11.0303 9.74882L11.0167 9.7488L11.003 9.74878L10.9893 9.74877L10.9756 9.74875L10.962 9.74873L10.9483 9.74872L10.9346 9.7487L10.921 9.74868L10.9073 9.74867L10.8936 9.74865L10.8799 9.74863L10.8663 9.74862L10.8526 9.7486L10.8389 9.74858L10.8253 9.74857L10.8116 9.74855L10.7979 9.74853L10.7842 9.74852L10.7706 9.7485L10.7569 9.74848L10.7432 9.74847L10.7296 9.74845L10.7159 9.74843L10.7022 9.74842L10.6885 9.7484L10.6749 9.74838L10.6612 9.74837L10.6475 9.74835L10.6338 9.74833L10.6202 9.74832L10.6065 9.7483L10.5928 9.74828L10.5792 9.74827L10.5655 9.74825L10.5518 9.74823L10.5381 9.74822L10.5245 9.7482L10.5108 9.74818L10.4971 9.74817L10.4835 9.74815L10.4698 9.74813L10.4561 9.74812L10.4424 9.7481L10.4288 9.74808L10.4151 9.74807L10.4014 9.74805L10.3878 9.74803L10.3741 9.74802L10.3604 9.748L10.3467 9.74798L10.3331 9.74797L10.3194 9.74795L10.3057 9.74793L10.2921 9.74792L10.2784 9.7479L10.2647 9.74788L10.251 9.74787L10.2374 9.74785L10.2237 9.74783L10.21 9.74782L10.1963 9.7478L10.1827 9.74778L10.169 9.74777L10.1553 9.74775L10.1417 9.74773L10.128 9.74771L10.1143 9.7477L10.1006 9.74768L10.087 9.74767L10.0733 9.74765L10.0596 9.74763L10.046 9.74761L10.0323 9.7476L10.0186 9.74758L10.0049 9.74757L9.99127 9.74755L9.9776 9.74753L9.96393 9.74751L9.95026 9.7475L9.93658 9.74748L9.92291 9.74747L9.90924 9.74745L9.89557 9.74743L9.8819 9.74741L9.86822 9.7474L9.85455 9.74738L9.84088 9.74736L9.82721 9.74735L9.81354 9.74733L9.79987 9.74731L9.78619 9.7473L9.77252 9.74728L9.75885 9.74726L9.74518 9.74725L9.73151 9.74723L9.71783 9.74721L9.70416 9.7472L9.69049 9.74718L9.67682 9.74716L9.66315 9.74715L9.64947 9.74713L9.6358 9.74711L9.62213 9.7471L9.60846 9.74708L9.59479 9.74706L9.58112 9.74705L9.56744 9.74703L9.55377 9.74701L9.5401 9.747L9.52643 9.74698L9.51276 9.74696L9.49908 9.74695L9.48541 9.74693L9.47174 9.74691L9.45807 9.7469L9.4444 9.74688L9.43072 9.74686L9.41705 9.74685L9.40338 9.74683L9.38971 9.74681L9.37604 9.7468L9.36237 9.74678L9.34869 9.74676L9.33502 9.74675L9.32135 9.74673L9.30768 9.74671L9.29401 9.7467L9.28033 9.74668L9.26666 9.74666L9.25299 9.74665L9.23932 9.74663L9.22565 9.74661L9.21197 9.7466L9.1983 9.74658L9.18463 9.74656L9.17096 9.74655L9.15729 9.74653L9.14362 9.74651L9.12994 9.7465L9.11627 9.74648L9.1026 9.74646L9.08893 9.74645L9.07526 9.74643L9.06158 9.74641L9.04791 9.7464L9.03424 9.74638L9.02057 9.74636L9.0069 9.74635L8.99322 9.74633L8.97955 9.74631L8.96588 9.7463L8.95221 9.74628L8.93854 9.74626L8.92487 9.74625L8.91119 9.74623L8.89752 9.74621L8.88385 9.7462L8.87018 9.74618L8.85651 9.74616L8.84283 9.74615L8.82916 9.74613L8.81549 9.74611L8.80182 9.7461L8.78815 9.74608L8.77447 9.74606L8.7608 9.74605L8.74713 9.74603L8.73346 9.74601L8.71979 9.746L8.70612 9.74598L8.69244 9.74596L8.67877 9.74595L8.6651 9.74593L8.65143 9.74591L8.63776 9.7459L8.62408 9.74588L8.61041 9.74586L8.59674 9.74585L8.58307 9.74583L8.5694 9.74581L8.55572 9.7458L8.54205 9.74578L8.52838 9.74576L8.51471 9.74575L8.50104 9.74573L8.48737 9.74571L8.47369 9.7457L8.46002 9.74568L8.44635 9.74566L8.43268 9.74565L8.41901 9.74563L8.40533 9.74561L8.39166 9.7456L8.37799 9.74558L8.36432 9.74556L8.35065 9.74555L8.33697 9.74553L8.3233 9.74551L8.30963 9.7455L8.29596 9.74548L8.28229 9.74546L8.26862 9.74545L8.25494 9.74543L8.24127 9.74541L8.2276 9.7454L8.21393 9.74538L8.20026 9.74536L8.18658 9.74535L8.17291 9.74533L8.15924 9.74531L8.14557 9.7453L8.1319 9.74528L8.11822 9.74526L8.10455 9.74524L8.09088 9.74523L8.07721 9.74521L8.06354 9.7452L8.04987 9.74518L8.03619 9.74516L8.02252 9.74514L8.00885 9.74513L7.99518 9.74511L7.98151 9.7451L7.96783 9.74508L7.95416 9.74506L7.94049 9.74504L7.92682 9.74503L7.91315 9.74501L7.89947 9.745L7.8858 9.74498L7.87213 9.74496L7.85846 9.74494L7.84479 9.74493L7.83112 9.74491L7.81744 9.74489L7.80377 9.74488L7.7901 9.74486L7.77643 9.74484L7.76276 9.74483L7.74908 9.74481L7.73541 9.74479L7.72174 9.74478L7.70807 9.74476L7.6944 9.74474L7.68072 9.74473L7.66705 9.74471L7.65338 9.74469L7.63971 9.74468L7.62604 9.74466L7.61237 9.74464L7.59869 9.74463L7.58502 9.74461L7.57135 9.74459L7.55768 9.74458L7.54401 9.74456L7.53033 9.74454L7.51666 9.74453L7.50299 9.74451L7.48932 9.74449L7.47565 9.74448L7.46197 9.74446L7.4483 9.74444L7.43463 9.74443L7.42096 9.74441L7.40729 9.74439L7.39362 9.74438L7.37994 9.74436L7.36627 9.74434L7.3526 9.74433L7.33893 9.74431L7.32526 9.74429L7.31158 9.74428L7.29791 9.74426L7.28424 9.74424L7.27057 9.74423L7.2569 9.74421L7.24322 9.74419L7.22955 9.74418L7.21588 9.74416L7.20221 9.74414L7.18854 9.74413L7.17487 9.74411L7.16119 9.74409L7.14752 9.74408L7.13385 9.74406L7.12018 9.74404L7.10651 9.74403L7.09283 9.74401L7.07916 9.74399L7.06549 9.74398L7.05182 9.74396L7.03815 9.74394L7.02447 9.74393L7.0108 9.74391L6.99713 9.74389L6.98346 9.74388L6.96979 9.74386L6.95612 9.74384L6.94244 9.74383L6.92877 9.74381L6.9151 9.74379L6.90143 9.74378L6.88776 9.74376L6.87408 9.74374L6.86041 9.74373L6.84674 9.74371L6.83307 9.74369L6.8194 9.74368L6.80572 9.74366L6.79205 9.74364L6.77838 9.74363L6.76471 9.74361L6.75104 9.74359L6.73737 9.74358L6.72369 9.74356L6.71002 9.74354L6.69635 9.74353L6.68268 9.74351L6.66901 9.74349L6.65533 9.74348L6.64166 9.74346L6.62799 9.74344L6.61432 9.74343L6.60065 9.74341L6.58698 9.74339L6.5733 9.74338L6.55963 9.74336L6.54596 9.74334L6.53229 9.74333L6.51862 9.74331L6.50494 9.74329L6.49127 9.74328L6.4776 9.74326L6.46393 9.74324L6.45026 9.74323L6.43658 9.74321L6.42291 9.74319L6.40924 9.74318L6.39557 9.74316L6.3819 9.74314L6.36823 9.74313L6.35455 9.74311L6.34088 9.74309L6.32721 9.74308L6.31354 9.74306L6.29987 9.74304L6.28619 9.74303L6.27252 9.74301L6.25885 9.74299L6.24518 9.74298L6.23151 9.74296L6.21783 9.74294L6.20416 9.74293L6.19049 9.74291L6.17682 9.74289L6.16315 9.74288L6.14948 9.74286L6.1358 9.74284L6.12213 9.74283L6.10846 9.74281L6.09479 9.74279L6.08112 9.74277L6.06744 9.74276L6.05377 9.74274L6.0401 9.74273L6.02643 9.74271L6.01276 9.74269L6 9.74268V16C6 16.5523 6.44771 17 7 17H16C16.5523 17 17 16.5523 17 16V2C17 1.44772 16.5523 1 16 1H7Z" fill="white"/>
-</svg>
diff --git a/res/welcome/images/logo.svg b/res/welcome/images/logo.svg
deleted file mode 100644
index b30aafe1f66..00000000000
--- a/res/welcome/images/logo.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M414 204C414 180.804 432.804 162 456 162C610.64 162 736 287.36 736 442C736 465.196 717.196 484 694 484C670.804 484 652 465.196 652 442C652 333.752 564.248 246 456 246C432.804 246 414 227.196 414 204Z" fill="#0DBD8B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M610 820C610 843.196 591.196 862 568 862C413.36 862 288 736.64 288 582C288 558.804 306.804 540 330 540C353.196 540 372 558.804 372 582C372 690.248 459.752 778 568 778C591.196 778 610 796.804 610 820Z" fill="#0DBD8B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M204 610C180.804 610 162 591.196 162 568C162 413.36 287.36 288 442 288C465.196 288 484 306.804 484 330C484 353.196 465.196 372 442 372C333.752 372 246 459.752 246 568C246 591.196 227.196 610 204 610Z" fill="#0DBD8B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M820 414C843.196 414 862 432.804 862 456C862 610.64 736.64 736 582 736C558.804 736 540 717.196 540 694C540 670.804 558.804 652 582 652C690.248 652 778 564.248 778 456C778 432.804 796.804 414 820 414Z" fill="#0DBD8B"/>
-</svg>
diff --git a/scripts/analyse_unused_exports.ts b/scripts/analyse_unused_exports.ts
new file mode 100755
index 00000000000..a07c0e5d3a3
--- /dev/null
+++ b/scripts/analyse_unused_exports.ts
@@ -0,0 +1,75 @@
+#!/usr/bin/env node
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import * as fs from "node:fs";
+import { exec } from "node:child_process";
+import { fileURLToPath } from "node:url";
+
+const includeJSSDK = process.argv.includes("--include-js-sdk");
+const ignore: string[] = [];
+
+ignore.push(
+    ...Object.values<string>(
+        JSON.parse(fs.readFileSync(fileURLToPath(import.meta.resolve("../components.json")), "utf-8")),
+    ),
+);
+ignore.push("/index.ts");
+ignore.push("/jest-matrix-react.tsx");
+ignore.push("/customisations/");
+ignore.push("/test-utils/");
+
+// The following ignores are temporary and false-positives which need to be fixed
+ignore.push("/useLocalStorageState.ts");
+ignore.push("/blurhash.worker.ts");
+ignore.push("/OpenSpotlightPayload.ts");
+ignore.push("/PinnedMessageBadge.tsx");
+ignore.push("/editor/mock.ts");
+ignore.push("DeviceIsolationModeController.ts");
+ignore.push("urls.ts");
+ignore.push("/json.ts");
+ignore.push("/ReleaseAnnouncementStore.ts");
+ignore.push("/WidgetLayoutStore.ts");
+ignore.push("/common.ts");
+
+// We ignore js-sdk by default as it may export for other non element-web projects
+if (!includeJSSDK) ignore.push("matrix-js-sdk");
+
+const command = `pnpm ts-prune --ignore "${ignore.join("|")}" | grep -v "(used in module)"`;
+
+exec(command, (error, stdout, stderr) => {
+    if (error) throw error;
+    // We have to do this as piping the output of ts-prune causes the return
+    // code to be 0
+    if (stderr) throw Error(stderr);
+
+    let lines = stdout.split("\n");
+    // Remove the first line as that is the command that was being run and we
+    // log that only in case of an error
+    lines.splice(0, 1);
+    // Remove the last line as it is empty
+    lines.pop();
+
+    // ts-prune has bug where if the unused export is in a dependency, the path
+    // won't have an "/" character at the start, so we try to fix that for
+    // better UX
+    // TODO: This might break on Windows
+    lines = lines.reduce<string[]>((newLines, line) => {
+        if (!line.startsWith("/")) newLines.push("/" + line);
+        else newLines.push(line);
+        return newLines;
+    }, []);
+
+    // If an unused export has been found, we error
+    if (lines.length > 0) {
+        console.log(`Command that was run: ${command}`);
+        console.log(lines.join("\n"));
+        throw Error("Unused exports found!");
+    }
+
+    console.log("Success - no unused exports found!");
+});
diff --git a/scripts/build-jitsi.js b/scripts/build-jitsi.js
deleted file mode 100644
index 464ec6ea690..00000000000
--- a/scripts/build-jitsi.js
+++ /dev/null
@@ -1,24 +0,0 @@
-// This is a JS script so that the directory is created in-process on Windows.
-// If the script isn't run in-process, there's a risk of it racing or never running
-// due to file associations in Windows.
-// Sorry.
-
-const fs = require("fs");
-const path = require("path");
-const mkdirp = require("mkdirp");
-const fetch = require("node-fetch");
-
-console.log("Making webapp directory");
-mkdirp.sync("webapp");
-
-// curl -s https://jitsi.riot.im/libs/external_api.min.js > ./webapp/jitsi_external_api.min.js
-console.log("Downloading Jitsi script");
-const fname = path.join("webapp", "jitsi_external_api.min.js");
-fetch("https://jitsi.riot.im/libs/external_api.min.js").then(res => {
-   const stream = fs.createWriteStream(fname);
-   return new Promise((resolve, reject) => {
-       res.body.pipe(stream);
-       res.body.on('error', err => reject(err));
-       res.body.on('finish', () => resolve());
-   });
-}).then(() => console.log('Done with Jitsi download'));
diff --git a/scripts/check-i18n.pl b/scripts/check-i18n.pl
deleted file mode 120000
index 7d74c7a4635..00000000000
--- a/scripts/check-i18n.pl
+++ /dev/null
@@ -1 +0,0 @@
-../../matrix-react-sdk/scripts/check-i18n.pl
\ No newline at end of file
diff --git a/scripts/ci_package.sh b/scripts/ci_package.sh
deleted file mode 100755
index 4c6f280012e..00000000000
--- a/scripts/ci_package.sh
+++ /dev/null
@@ -1,17 +0,0 @@
-#!/bin/bash
-
-# Runs package.sh setting the version to git hashes of the element-web,
-# react-sdk & js-sdk checkouts, for the case where these dependencies
-# are git checkouts.
-
-set -ex
-
-rm dist/riot-*.tar.gz || true # rm previous artifacts without failing if it doesn't exist
-
-# Since the deps are fetched from git, we can rev-parse
-REACT_SHA=$(cd node_modules/matrix-react-sdk; git rev-parse --short=12 HEAD)
-JSSDK_SHA=$(cd node_modules/matrix-js-sdk; git rev-parse --short=12 HEAD)
-
-VECTOR_SHA=$(git rev-parse --short=12 HEAD) # use the ACTUAL SHA rather than assume develop
-
-CI_PACKAGE=true DIST_VERSION=$VECTOR_SHA-react-$REACT_SHA-js-$JSSDK_SHA scripts/package.sh -d
diff --git a/scripts/compare-file.js b/scripts/compare-file.js
deleted file mode 100644
index f53275ebfa6..00000000000
--- a/scripts/compare-file.js
+++ /dev/null
@@ -1,10 +0,0 @@
-const fs = require("fs");
-
-if (process.argv.length < 4) throw new Error("Missing source and target file arguments");
-
-const sourceFile = fs.readFileSync(process.argv[2], 'utf8');
-const targetFile = fs.readFileSync(process.argv[3], 'utf8');
-
-if (sourceFile !== targetFile) {
-    throw new Error("Files do not match");
-}
diff --git a/scripts/copy-res.js b/scripts/copy-res.js
deleted file mode 100755
index 68d131c7c6b..00000000000
--- a/scripts/copy-res.js
+++ /dev/null
@@ -1,290 +0,0 @@
-#!/usr/bin/env node
-
-const loaderUtils = require("loader-utils");
-
-// copies the resources into the webapp directory.
-//
-
-// Languages are listed manually so we can choose when to include
-// a translation in the app (because having a translation with only
-// 3 strings translated is just frustrating)
-// This could readily be automated, but it's nice to explicitly
-// control when new languages are available.
-const INCLUDE_LANGS = [
-    {'value': 'bg', 'label': 'Български'},
-    {'value': 'ca', 'label': 'Català'},
-    {'value': 'cs', 'label': 'čeština'},
-    {'value': 'da', 'label': 'Dansk'},
-    {'value': 'de_DE', 'label': 'Deutsch'},
-    {'value': 'el', 'label': 'Ελληνικά'},
-    {'value': 'en_EN', 'label': 'English'},
-    {'value': 'en_US', 'label': 'English (US)'},
-    {'value': 'eo', 'label': 'Esperanto'},
-    {'value': 'es', 'label': 'Español'},
-    {'value': 'eu', 'label': 'Euskara'},
-    {'value': 'fi', 'label': 'Suomi'},
-    {'value': 'fr', 'label': 'Français'},
-    {'value': 'gl', 'label': 'Galego'},
-    {'value': 'hi', 'label': 'हिन्दी'},
-    {'value': 'hu', 'label': 'Magyar'},
-    {'value': 'is', 'label': 'íslenska'},
-    {'value': 'it', 'label': 'Italiano'},
-    {'value': 'ja', 'label': '日本語'},
-    {'value': 'jbo', 'label': 'banjubu\'o'},
-    {'value': 'kab', 'label': 'Taqbaylit'},
-    {'value': 'ko', 'label': '한국어'},
-    {'value': 'lt', 'label': 'Lietuvių'},
-    {'value': 'lv', 'label': 'Latviešu'},
-    {'value': 'nb_NO', 'label': 'Norwegian Bokmål'},
-    {'value': 'nl', 'label': 'Nederlands'},
-    {'value': 'nn', 'label': 'Norsk Nynorsk'},
-    {'value': 'pl', 'label': 'Polski'},
-    {'value': 'pt', 'label': 'Português'},
-    {'value': 'pt_BR', 'label': 'Português do Brasil'},
-    {'value': 'ru', 'label': 'Русский'},
-    {'value': 'sk', 'label': 'Slovenčina'},
-    {'value': 'sq', 'label': 'Shqip'},
-    {'value': 'sr', 'label': 'српски'},
-    {'value': 'sv', 'label': 'Svenska'},
-    {'value': 'te', 'label': 'తెలుగు'},
-    {'value': 'th', 'label': 'ไทย'},
-    {'value': 'tr', 'label': 'Türkçe'},
-    {'value': 'uk', 'label': 'українська мова'},
-    {'value': 'vls', 'label': 'West-Vlaams'},
-    {'value': 'zh_Hans', 'label': '简体中文'}, // simplified chinese
-    {'value': 'zh_Hant', 'label': '繁體中文'}, // traditional chinese
-];
-
-// cpx includes globbed parts of the filename in the destination, but excludes
-// common parents. Hence, "res/{a,b}/**": the output will be "dest/a/..." and
-// "dest/b/...".
-const COPY_LIST = [
-    ["res/manifest.json", "webapp"],
-    ["res/sw.js", "webapp"],
-    ["res/welcome.html", "webapp"],
-    ["res/welcome/**", "webapp/welcome"],
-    ["res/themes/**", "webapp/themes"],
-    ["res/vector-icons/**", "webapp/vector-icons"],
-    ["res/decoder-ring/**", "webapp/decoder-ring"],
-    ["node_modules/matrix-react-sdk/res/media/**", "webapp/media"],
-    ["node_modules/olm/olm_legacy.js", "webapp", { directwatch: 1 }],
-    ["./config.json", "webapp", { directwatch: 1 }],
-    ["contribute.json", "webapp"],
-];
-
-const parseArgs = require('minimist');
-const Cpx = require('cpx');
-const chokidar = require('chokidar');
-const fs = require('fs');
-const rimraf = require('rimraf');
-
-const argv = parseArgs(
-    process.argv.slice(2), {}
-);
-
-const watch = argv.w;
-const verbose = argv.v;
-
-function errCheck(err) {
-    if (err) {
-        console.error(err.message);
-        process.exit(1);
-    }
-}
-
-// Check if webapp exists
-if (!fs.existsSync('webapp')) {
-    fs.mkdirSync('webapp');
-}
-// Check if i18n exists
-if (!fs.existsSync('webapp/i18n/')) {
-    fs.mkdirSync('webapp/i18n/');
-}
-
-function next(i, err) {
-    errCheck(err);
-
-    if (i >= COPY_LIST.length) {
-        return;
-    }
-
-    const ent = COPY_LIST[i];
-    const source = ent[0];
-    const dest = ent[1];
-    const opts = ent[2] || {};
-    let cpx = undefined;
-
-    if (!opts.lang) {
-        cpx = new Cpx.Cpx(source, dest);
-    }
-
-    if (verbose && cpx) {
-        cpx.on("copy", (event) => {
-            console.log(`Copied: ${event.srcPath} --> ${event.dstPath}`);
-        });
-        cpx.on("remove", (event) => {
-            console.log(`Removed: ${event.path}`);
-        });
-    }
-
-    const cb = (err) => { next(i + 1, err) };
-
-    if (watch) {
-        if (opts.directwatch) {
-            // cpx -w creates a watcher for the parent of any files specified,
-            // which in the case of config.json is '.', which inevitably takes
-            // ages to crawl. So we create our own watcher on the files
-            // instead.
-            const copy = () => { cpx.copy(errCheck) };
-            chokidar.watch(source)
-                .on('add', copy)
-                .on('change', copy)
-                .on('ready', cb)
-                .on('error', errCheck);
-        } else {
-            cpx.on('watch-ready', cb);
-            cpx.on("watch-error", cb);
-            cpx.watch();
-        }
-    } else {
-        cpx.copy(cb);
-    }
-}
-
-function genLangFile(lang, dest) {
-    const reactSdkFile = 'node_modules/matrix-react-sdk/src/i18n/strings/' + lang + '.json';
-    const riotWebFile = 'src/i18n/strings/' + lang + '.json';
-
-    let translations = {};
-    [reactSdkFile, riotWebFile].forEach(function(f) {
-        if (fs.existsSync(f)) {
-            try {
-                Object.assign(
-                    translations,
-                    JSON.parse(fs.readFileSync(f).toString())
-                );
-            } catch (e) {
-                console.error("Failed: " + f, e);
-                throw e;
-            }
-        }
-    });
-
-    translations = weblateToCounterpart(translations);
-
-    const json = JSON.stringify(translations, null, 4);
-    const jsonBuffer = Buffer.from(json);
-    const digest = loaderUtils.getHashDigest(jsonBuffer, null, null, 7);
-    const filename = `${lang}.${digest}.json`;
-
-    fs.writeFileSync(dest + filename, json);
-    if (verbose) {
-        console.log("Generated language file: " + filename);
-    }
-
-    return filename;
-}
-
-function genLangList(langFileMap) {
-    const languages = {};
-    INCLUDE_LANGS.forEach(function(lang) {
-        const normalizedLanguage = lang.value.toLowerCase().replace("_", "-");
-        const languageParts = normalizedLanguage.split('-');
-        if (languageParts.length == 2 && languageParts[0] == languageParts[1]) {
-            languages[languageParts[0]] = {'fileName': langFileMap[lang.value], 'label': lang.label};
-        } else {
-            languages[normalizedLanguage] = {'fileName': langFileMap[lang.value], 'label': lang.label};
-        }
-    });
-    fs.writeFile('webapp/i18n/languages.json', JSON.stringify(languages, null, 4), function(err) {
-        if (err) {
-            console.error("Copy Error occured: " + err);
-            throw new Error("Failed to generate languages.json");
-        }
-    });
-    if (verbose) {
-        console.log("Generated languages.json");
-    }
-}
-
-/**
- * Convert translation key from weblate format
- * (which only supports a single level) to counterpart
- * which requires object values for 'count' translations.
- *
- * eg.
- *     "there are %(count)s badgers|one": "a badger",
- *     "there are %(count)s badgers|other": "%(count)s badgers"
- *   becomes
- *     "there are %(count)s badgers": {
- *         "one": "a badger",
- *         "other": "%(count)s badgers"
- *     }
- */
-function weblateToCounterpart(inTrs) {
-    const outTrs = {};
-
-    for (const key of Object.keys(inTrs)) {
-        const keyParts = key.split('|', 2);
-        if (keyParts.length === 2) {
-            let obj = outTrs[keyParts[0]];
-            if (obj === undefined) {
-                obj = {};
-                outTrs[keyParts[0]] = obj;
-            }
-            obj[keyParts[1]] = inTrs[key];
-        } else {
-            outTrs[key] = inTrs[key];
-        }
-    }
-
-    return outTrs;
-}
-
-/**
-watch the input files for a given language,
-regenerate the file, adding its content-hashed filename to langFileMap
-and regenerating languages.json with the new filename
-*/
-function watchLanguage(lang, dest, langFileMap) {
-    const reactSdkFile = 'node_modules/matrix-react-sdk/src/i18n/strings/' + lang + '.json';
-    const riotWebFile = 'src/i18n/strings/' + 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
-    // appears empty. Possibly https://github.com/nodejs/node/issues/6112
-    let makeLangDebouncer;
-    const makeLang = () => {
-        if (makeLangDebouncer) {
-            clearTimeout(makeLangDebouncer);
-        }
-        makeLangDebouncer = setTimeout(() => {
-            const filename = genLangFile(lang, dest);
-            langFileMap[lang]=filename;
-            genLangList(langFileMap);
-        }, 500);
-    };
-
-    [reactSdkFile, riotWebFile].forEach(function(f) {
-        chokidar.watch(f)
-            .on('add', makeLang)
-            .on('change', makeLang)
-            .on('error', errCheck);
-    });
-}
-
-// language resources
-const I18N_DEST = "webapp/i18n/";
-const I18N_FILENAME_MAP = INCLUDE_LANGS.reduce((m, l) => {
-    const filename = genLangFile(l.value, I18N_DEST);
-    m[l.value] = filename;
-    return m;
-}, {});
-genLangList(I18N_FILENAME_MAP);
-
-if (watch) {
-    INCLUDE_LANGS.forEach(l => watchLanguage(l.value, I18N_DEST, I18N_FILENAME_MAP));
-}
-
-// non-language resources
-next(0);
diff --git a/scripts/deploy.py b/scripts/deploy.py
deleted file mode 100755
index 33aa0af017e..00000000000
--- a/scripts/deploy.py
+++ /dev/null
@@ -1,191 +0,0 @@
-#!/usr/bin/env python
-#
-# download and unpack a riot-web tarball.
-#
-# Allows `bundles` to be extracted to a common directory, and a link to
-# config.json to be added.
-
-from __future__ import print_function
-
-import argparse
-import os
-import os.path
-import subprocess
-import sys
-import tarfile
-import shutil
-import glob
-
-try:
-    # python3
-    from urllib.request import urlretrieve
-except ImportError:
-    # python2
-    from urllib import urlretrieve
-
-class DeployException(Exception):
-    pass
-
-def create_relative_symlink(linkname, target):
-    relpath = os.path.relpath(target, os.path.dirname(linkname))
-    print ("Symlink %s -> %s" % (linkname, relpath))
-    os.symlink(relpath, linkname)
-
-
-def move_bundles(source, dest):
-    """Move the contents of the 'bundles' directory to a common dir
-
-    We check that we will not be overwriting anything before we proceed.
-
-    Args:
-        source (str): path to 'bundles' within the extracted tarball
-        dest (str): target common directory
-    """
-
-    if not os.path.isdir(dest):
-        os.mkdir(dest)
-
-    # build a map from source to destination, checking for non-existence as we go.
-    renames = {}
-    for f in os.listdir(source):
-        dst = os.path.join(dest, f)
-        if os.path.exists(dst):
-            print (
-                "Skipping bundle. The bundle includes '%s' which we have previously deployed."
-                % f
-            )
-        else:
-            renames[os.path.join(source, f)] = dst
-
-    for (src, dst) in renames.iteritems():
-        print ("Move %s -> %s" % (src, dst))
-        os.rename(src, dst)
-
-class Deployer:
-    def __init__(self):
-        self.packages_path = "."
-        self.bundles_path = None
-        self.should_clean = False
-        # filename -> symlink path e.g 'config.localhost.json' => '../localhost/config.json'
-        self.symlink_paths = {}
-        self.verify_signature = True
-
-    def deploy(self, tarball, extract_path):
-        """Download a tarball if necessary, and unpack it
-
-        Returns:
-            (str) the path to the unpacked deployment
-        """
-        print("Deploying %s to %s" % (tarball, extract_path))
-
-        name_str = os.path.basename(tarball).replace(".tar.gz", "")
-        extracted_dir = os.path.join(extract_path, name_str)
-        if os.path.exists(extracted_dir):
-            raise DeployException('Cannot unpack %s: %s already exists' % (
-                tarball, extracted_dir))
-
-        downloaded = False
-        if tarball.startswith("http://") or tarball.startswith("https://"):
-            tarball = self.download_and_verify(tarball)
-            print("Downloaded file: %s" % tarball)
-            downloaded = True
-
-        try:
-            with tarfile.open(tarball) as tar:
-                tar.extractall(extract_path)
-        finally:
-            if self.should_clean and downloaded:
-                os.remove(tarball)
-
-        print ("Extracted into: %s" % extracted_dir)
-
-        if self.symlink_paths:
-            for link_path, file_path in self.symlink_paths.iteritems():
-                create_relative_symlink(
-                    target=file_path,
-                    linkname=os.path.join(extracted_dir, link_path)
-                )
-
-        if self.bundles_path:
-            extracted_bundles = os.path.join(extracted_dir, 'bundles')
-            move_bundles(source=extracted_bundles, dest=self.bundles_path)
-
-            # replace the extracted_bundles dir (which may not be empty if some
-            # bundles were skipped) with a symlink to the common dir.
-            shutil.rmtree(extracted_bundles)
-            create_relative_symlink(
-                target=self.bundles_path,
-                linkname=extracted_bundles,
-            )
-        return extracted_dir
-
-    def download_and_verify(self, url):
-        tarball = self.download_file(url)
-
-        if self.verify_signature:
-            sigfile = self.download_file(url + ".asc")
-            subprocess.check_call(["gpg", "--verify", sigfile, tarball])
-
-        return tarball
-
-    def download_file(self, url):
-        if not os.path.isdir(self.packages_path):
-            os.mkdir(self.packages_path)
-        local_filename = os.path.join(self.packages_path,
-                                      url.split('/')[-1])
-        sys.stdout.write("Downloading %s -> %s..." % (url, local_filename))
-        sys.stdout.flush()
-        urlretrieve(url, local_filename)
-        print ("Done")
-        return local_filename
-
-if __name__ == "__main__":
-    parser = argparse.ArgumentParser("Deploy a Riot build on a web server.")
-    parser.add_argument(
-        "-p", "--packages-dir", default="./packages", help=(
-            "The directory to download the tarball into. (Default: '%(default)s')"
-        )
-    )
-    parser.add_argument(
-        "-e", "--extract-path", default="./deploys", help=(
-            "The location to extract .tar.gz files to. (Default: '%(default)s')"
-        )
-    )
-    parser.add_argument(
-        "-b", "--bundles-dir", nargs='?', default="./bundles", help=(
-            "A directory to move the contents of the 'bundles' directory to. A \
-            symlink to the bundles directory will also be written inside the \
-            extracted tarball. Example: './bundles'. \
-            (Default: '%(default)s')"
-        )
-    )
-    parser.add_argument(
-        "-c", "--clean", action="store_true", default=False, help=(
-            "Remove .tar.gz files after they have been downloaded and extracted. \
-            (Default: %(default)s)"
-        )
-    )
-    parser.add_argument(
-        "--include", nargs='*', default=['./config*.json'], help=(
-            "Symlink these files into the root of the deployed tarball. \
-             Useful for config files and home pages. Supports glob syntax. \
-             (Default: '%(default)s')"
-        )
-    )
-    parser.add_argument(
-        "tarball", help=(
-            "filename of tarball, or URL to download."
-        ),
-    )
-
-    args = parser.parse_args()
-
-    deployer = Deployer()
-    deployer.packages_path = args.packages_dir
-    deployer.bundles_path = args.bundles_dir
-    deployer.should_clean = args.clean
-
-    for include in args.include:
-        deployer.symlink_paths.update({ os.path.basename(pth): pth for pth in glob.iglob(include) })
-
-    deployer.deploy(args.tarball, args.extract_path)
diff --git a/scripts/docker-link-repos.sh b/scripts/docker-link-repos.sh
old mode 100644
new mode 100755
index cf824d87ad2..5e066090034
--- a/scripts/docker-link-repos.sh
+++ b/scripts/docker-link-repos.sh
@@ -1,39 +1,28 @@
-#!/bin/bash
+#!/usr/bin/env bash
 
 set -ex
 
 # Automatically link to develop if we're building develop, but only if the caller
 # hasn't asked us to build something else
 BRANCH=$(git rev-parse --abbrev-ref HEAD)
-if [ $USE_CUSTOM_SDKS == false ] && [ $BRANCH == 'develop' ]
+if [[ $USE_CUSTOM_SDKS == false ]] && [[ $BRANCH == 'develop' ]]
 then
     echo "using develop dependencies for react-sdk and js-sdk"
     USE_CUSTOM_SDKS=true
     JS_SDK_BRANCH='develop'
-    REACT_SDK_BRANCH='develop'
 fi
 
-if [ $USE_CUSTOM_SDKS == false ]
+if [[ $USE_CUSTOM_SDKS == false ]]
 then
-    echo "skipping react-sdk and js-sdk installs: USE_CUSTOM_SDKS is false"
+    echo "skipping js-sdk install: USE_CUSTOM_SDKS is false"
     exit 0
 fi
 
 echo "Linking js-sdk"
-git clone --depth 1 --branch $JS_SDK_BRANCH $JS_SDK_REPO js-sdk
+git clone --depth 1 --branch $JS_SDK_BRANCH "$JS_SDK_REPO" js-sdk
 cd js-sdk
-yarn link
-yarn --network-timeout=100000 install
+pnpm install
 cd ../
 
-echo "Linking react-sdk"
-git clone --depth 1 --branch $REACT_SDK_BRANCH $REACT_SDK_REPO react-sdk
-cd react-sdk
-yarn link
-yarn link matrix-js-sdk
-yarn --network-timeout=100000 install
-cd ../
-
-echo "Setting up element-web with react-sdk and js-sdk packages"
-yarn link matrix-js-sdk
-yarn link matrix-react-sdk
+echo "Setting up element-web with js-sdk package"
+pnpm link ./js-sdk
diff --git a/scripts/docker-package.sh b/scripts/docker-package.sh
new file mode 100755
index 00000000000..b9b6b6c2844
--- /dev/null
+++ b/scripts/docker-package.sh
@@ -0,0 +1,21 @@
+#!/usr/bin/env bash
+
+set -ex
+
+BRANCH=$(git rev-parse --abbrev-ref HEAD)
+
+DIR=$(dirname "$0")
+
+# If the branch comes out as HEAD then we're probably checked out to a tag, so if the thing is *not*
+# coming out as HEAD then we're on a branch. When we're on a branch, we want to resolve ourselves to
+# a few SHAs rather than a version.
+if [[ $BRANCH != HEAD && ! $BRANCH =~ heads/v.+ ]]
+then
+    DIST_VERSION=$("$DIR"/get-version-from-git.sh)
+else
+    DIST_VERSION=$(git describe --abbrev=0 --tags)
+fi
+
+DIST_VERSION=$("$DIR"/normalize-version.sh "$DIST_VERSION")
+
+VERSION=$DIST_VERSION pnpm --dir apps/web build
diff --git a/scripts/docker-write-version.sh b/scripts/docker-write-version.sh
deleted file mode 100644
index 87014b4ff19..00000000000
--- a/scripts/docker-write-version.sh
+++ /dev/null
@@ -1,22 +0,0 @@
-#!/bin/sh
-
-set -ex
-
-TAG=$(git describe --tags)
-BRANCH=$(git rev-parse --abbrev-ref HEAD)
-DIST_VERSION=$TAG
-
-# If the branch comes out as HEAD then we're probably checked out to a tag, so if the thing is *not*
-# coming out as HEAD then we're on a branch. When we're on a branch, we want to resolve ourselves to
-# a few SHAs rather than a version.
-# Docker Hub doesn't always check out the tag and sometimes checks out the branch, so we should look
-# for an appropriately tagged branch as well (heads/v1.2.3).
-if [[ $BRANCH != HEAD && ! $BRANCH =~ heads/v.+ ]]
-then
-    REACT_SHA=$(cd node_modules/matrix-react-sdk; git rev-parse --short=12 HEAD)
-    JSSDK_SHA=$(cd node_modules/matrix-js-sdk; git rev-parse --short=12 HEAD)
-    VECTOR_SHA=$(git rev-parse --short=12 HEAD) # use the ACTUAL SHA rather than assume develop
-    DIST_VERSION=$VECTOR_SHA-react-$REACT_SHA-js-$JSSDK_SHA
-fi
-
-echo $DIST_VERSION > /src/webapp/version
diff --git a/scripts/fetch-develop.deps.sh b/scripts/fetch-develop.deps.sh
deleted file mode 100755
index a45159c256a..00000000000
--- a/scripts/fetch-develop.deps.sh
+++ /dev/null
@@ -1,113 +0,0 @@
-#!/bin/bash
-
-# Fetches the js-sdk and matrix-react-sdk dependencies for development
-# or testing purposes
-# If there exists a branch of that dependency with the same name as
-# the branch the current checkout is on, use that branch. Otherwise,
-# use develop.
-
-set -ex
-
-GIT_CLONE_ARGS=("$@")
-[ -z "$defbranch" ] && defbranch="develop"
-
-# clone a specific branch of a github repo
-function clone() {
-    org=$1
-    repo=$2
-    branch=$3
-
-    # Chop 'origin' off the start as jenkins ends up using
-    # branches on the origin, but this doesn't work if we
-    # specify the branch when cloning.
-    branch=${branch#origin/}
-
-    if [ -n "$branch" ]
-    then
-        echo "Trying to use $org/$repo#$branch"
-        git clone git://github.com/$org/$repo.git $repo --branch $branch \
-            "${GIT_CLONE_ARGS[@]}"
-        return $?
-    fi
-    return 1
-}
-
-function dodep() {
-    deforg=$1
-    defrepo=$2
-    rm -rf $defrepo
-
-    # Try the PR author's branch in case it exists on the deps as well.
-    # Try the target branch of the push or PR.
-    # Use the default branch as the last resort.
-    if [[ "$BUILDKITE" == true ]]; then
-        # If BUILDKITE_BRANCH is set, it will contain either:
-        #   * "branch" when the author's branch and target branch are in the same repo
-        #   * "author:branch" when the author's branch is in their fork
-        # We can split on `:` into an array to check.
-        BUILDKITE_BRANCH_ARRAY=(${BUILDKITE_BRANCH//:/ })
-        if [[ "${#BUILDKITE_BRANCH_ARRAY[@]}" == "2" ]]; then
-            prAuthor=${BUILDKITE_BRANCH_ARRAY[0]}
-            prBranch=${BUILDKITE_BRANCH_ARRAY[1]}
-        else
-            prAuthor=$deforg
-            prBranch=$BUILDKITE_BRANCH
-        fi
-        clone $prAuthor $defrepo $prBranch ||
-        clone $deforg $defrepo $BUILDKITE_PULL_REQUEST_BASE_BRANCH ||
-        clone $deforg $defrepo $defbranch ||
-        return $?
-    else
-        clone $deforg $defrepo $ghprbSourceBranch ||
-        clone $deforg $defrepo $GIT_BRANCH ||
-        clone $deforg $defrepo `git rev-parse --abbrev-ref HEAD` ||
-        clone $deforg $defrepo $defbranch ||
-        return $?
-    fi
-
-    echo "$defrepo set to branch "`git -C "$defrepo" rev-parse --abbrev-ref HEAD`
-}
-
-##############################
-
-echo -en 'travis_fold:start:matrix-js-sdk\r'
-echo 'Setting up matrix-js-sdk'
-
-dodep matrix-org matrix-js-sdk
-
-pushd matrix-js-sdk
-yarn link
-yarn install
-yarn build
-popd
-
-yarn link matrix-js-sdk
-
-echo -en 'travis_fold:end:matrix-js-sdk\r'
-
-##############################
-
-echo -en 'travis_fold:start:matrix-react-sdk\r'
-echo 'Setting up matrix-react-sdk'
-
-dodep matrix-org matrix-react-sdk
-
-pushd matrix-react-sdk
-yarn link
-yarn link matrix-js-sdk
-yarn install
-yarn build
-popd
-
-yarn link matrix-react-sdk
-
-echo -en 'travis_fold:end:matrix-react-sdk\r'
-
-##############################
-
-# Link the reskindex binary in place: if we used `yarn link`,
-# Yarn would do this for us, but we don't because we'd have
-# to define the Yarn binary prefix somewhere so it could put the
-# intermediate symlinks there. Instead, we do it ourselves.
-mkdir -p node_modules/.bin
-ln -sfv ../matrix-react-sdk/scripts/reskindex.js node_modules/.bin/reskindex
diff --git a/scripts/fetchdep.sh b/scripts/fetchdep.sh
new file mode 100755
index 00000000000..b326c0e6b43
--- /dev/null
+++ b/scripts/fetchdep.sh
@@ -0,0 +1,96 @@
+#!/bin/bash
+
+set -x
+
+deforg="$1"
+defrepo="$2"
+defbranch="$3"
+
+rm -r "$defrepo" || true
+
+# figure out where to look for pull requests:
+#   - We may have been told an explicit repo via the PR_ORG/PR_REPO/PR_NUMBER env vars
+#   - otherwise, check the $GITHUB_ env vars which are set by Github Actions
+#   - failing that, fall back to the element-hq/element-web repo.
+#
+# in ether case, the PR_NUMBER variable must be set explicitly.
+default_org_repo=${GITHUB_REPOSITORY:-"element-hq/element-web"}
+PR_ORG=${PR_ORG:-${default_org_repo%%/*}}
+PR_REPO=${PR_REPO:-${default_org_repo##*/}}
+
+# A function that clones a branch of a repo based on the org, repo and branch
+clone() {
+    org=$1
+    repo=$2
+    branch=$3
+    if [ -n "$branch" ]
+    then
+        echo "Trying to use $org/$repo#$branch"
+        # Disable auth prompts: https://serverfault.com/a/665959
+        if GIT_TERMINAL_PROMPT=0 git clone "https://github.com/$org/$repo.git" "$repo" --branch "$branch" --depth 1; then
+            git -C "$repo" log -1
+            exit 0
+        fi
+    fi
+}
+
+# A function that gets info about a PR from the GitHub API based on its number
+getPRInfo() {
+    number=$1
+    if [ -n "$number" ]; then
+        echo "Getting info about a PR with number $number"
+
+        apiEndpoint="https://api.github.com/repos/$PR_ORG/$PR_REPO/pulls/$number"
+
+        head=$(curl "$apiEndpoint" | jq -r '.head.label')
+    fi
+}
+
+# Some CIs don't give us enough info, so we just get the PR number and ask the
+# GH API for more info - "fork:branch". Some give us this directly.
+if [ -n "$PR_NUMBER" ]; then
+    # GitHub
+    getPRInfo "$PR_NUMBER"
+elif [ -n "$REVIEW_ID" ]; then
+    # Netlify
+    getPRInfo "$REVIEW_ID"
+fi
+
+# for forks, $head will be in the format "fork:branch", so we split it by ":"
+# into an array. On non-forks, this has the effect of splitting into a single
+# element array given ":" shouldn't appear in the head - it'll just be the
+# branch name. Based on the results, we clone.
+# shellcheck disable=SC2206
+BRANCH_ARRAY=(${head//:/ })
+TRY_ORG=$deforg
+TRY_BRANCH=${BRANCH_ARRAY[0]}
+if [[ "$head" == *":"* ]]; then
+    # ... but only match that fork if it's a real fork
+    if [ "${BRANCH_ARRAY[0]}" != "$PR_ORG" ]; then
+        TRY_ORG=${BRANCH_ARRAY[0]}
+    fi
+    TRY_BRANCH=${BRANCH_ARRAY[1]}
+fi
+clone "$TRY_ORG" "$defrepo" "$TRY_BRANCH"
+
+# For merge queue runs we need to extract the temporary branch name
+# the ref_name will look like `gh-readonly-queue/<branch>/pr-<number>-<sha>`
+if [[ "$GITHUB_EVENT_NAME" == "merge_group" ]]; then
+    withoutPrefix=${GITHUB_REF_NAME#gh-readonly-queue/}
+    clone "$deforg" "$defrepo" "${withoutPrefix%%/pr-*}"
+fi
+
+# Try the target branch of the push or PR, or the branch that was pushed to
+# (ie. the 'master' branch should use matching 'master' dependencies)
+base_or_branch=$GITHUB_BASE_REF
+if [[ "$GITHUB_EVENT_NAME" == "push" ]]; then
+    base_or_branch=${GITHUB_REF}
+fi
+if [ -n "$base_or_branch" ]; then
+    clone "$deforg" "$defrepo" "$base_or_branch"
+fi
+
+# Try HEAD which is the branch name in Netlify (not BRANCH which is pull/xxxx/head for PR builds)
+clone "$deforg" "$defrepo" "$HEAD"
+# Use the default branch as the last resort.
+clone "$deforg" "$defrepo" "$defbranch"
diff --git a/scripts/find-unused-settings.ts b/scripts/find-unused-settings.ts
new file mode 100755
index 00000000000..9d85d35003f
--- /dev/null
+++ b/scripts/find-unused-settings.ts
@@ -0,0 +1,228 @@
+#!/usr/bin/env node
+/*
+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.
+*/
+
+// Finds settings declared in apps/web/src/settings/Settings.tsx which are never
+// referenced anywhere else in apps/ outside of settings/ directories. This is a
+// rough heuristic (plain string search over the codebase) rather than a full
+// type-aware usage analysis, but setting names are unique enough in practice.
+
+import * as fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { execFileSync } from "node:child_process";
+import ts from "typescript";
+
+const ROOT = fileURLToPath(import.meta.resolve(".."));
+const SETTINGS_DIR = path.join(ROOT, "apps/web/src/settings");
+const SETTINGS_FILE = path.join(SETTINGS_DIR, "Settings.tsx");
+
+const EXCLUDE_GLOBS = [
+    // Only the settings *definitions* directory should be excluded from the usage search -
+    // there are plenty of other directories literally named "settings" (e.g.
+    // apps/web/src/components/views/settings/) which hold real usages and must stay included.
+    "apps/web/src/settings/**",
+    "*/*/test/**",
+    "*-test.*",
+    "*.test.*",
+].map((pattern) => path.relative(ROOT, pattern));
+
+// See https://docs.github.com/en/actions/using-workflows/workflow-commands-for-github-actions#setting-an-error-message
+const SETTINGS_FILE_RELATIVE = path.relative(ROOT, SETTINGS_FILE);
+
+// Settings that are only ever referenced from inside another setting's `controller: ...`
+// expression in Settings.tsx (both live in the excluded settings/ directory) are treated as
+// used. This is detected automatically by scanning controller text for other settings'
+// search terms, but keep this list as a manual escape hatch for cases the heuristic can't
+// see (e.g. usage mediated through a helper function rather than a literal reference).
+const KNOWN_USED_OVERRIDES = new Set<string>([
+    "test_setting", // only used in tests
+]);
+
+interface DeclaredSetting {
+    // The literal setting name (as passed to SettingsStore), used for reporting.
+    name: string;
+    // Text(s) that count as "usage" when found via git grep, e.g. both the enum
+    // member reference (`UIFeature.Registration`) and its resolved value.
+    searchTerms: string[];
+    line: number;
+    // Source text of this setting's own `controller: ...` property, if any. Settings are
+    // sometimes only ever read by another setting's controller (e.g. a UIFeatureController
+    // gating a different setting) - see KNOWN_USED_VIA_CONTROLLER below for how this is used.
+    controllerText?: string;
+}
+
+function parseFile(filePath: string): ts.SourceFile {
+    const content = fs.readFileSync(filePath, "utf-8");
+    return ts.createSourceFile(filePath, content, ts.ScriptTarget.Latest, true, ts.ScriptKind.TSX);
+}
+
+/** Maps `EnumName.MemberName` -> its string literal value, for every string enum under settings/. */
+function buildEnumLookup(): Map<string, string> {
+    const lookup = new Map<string, string>();
+    const files = fs.readdirSync(SETTINGS_DIR).filter((f) => f.endsWith(".ts") || f.endsWith(".tsx"));
+
+    for (const file of files) {
+        const sourceFile = parseFile(path.join(SETTINGS_DIR, file));
+
+        const visit = (node: ts.Node): void => {
+            if (ts.isEnumDeclaration(node)) {
+                for (const member of node.members) {
+                    if (member.initializer && ts.isStringLiteral(member.initializer)) {
+                        const memberName = member.name.getText(sourceFile);
+                        lookup.set(`${node.name.text}.${memberName}`, member.initializer.text);
+                    }
+                }
+            }
+            ts.forEachChild(node, visit);
+        };
+        visit(sourceFile);
+    }
+
+    return lookup;
+}
+
+/** Extracts every top-level key of `export const SETTINGS = { ... }` via the TS AST. */
+function extractSettingNames(enumLookup: Map<string, string>): DeclaredSetting[] {
+    const sourceFile = parseFile(SETTINGS_FILE);
+    const settings: DeclaredSetting[] = [];
+
+    let settingsObject: ts.ObjectLiteralExpression | undefined;
+    ts.forEachChild(sourceFile, (node) => {
+        if (
+            ts.isVariableStatement(node) &&
+            node.declarationList.declarations.some((d) => ts.isIdentifier(d.name) && d.name.text === "SETTINGS")
+        ) {
+            const decl = node.declarationList.declarations.find(
+                (d) => ts.isIdentifier(d.name) && d.name.text === "SETTINGS",
+            )!;
+            if (decl.initializer && ts.isObjectLiteralExpression(decl.initializer)) {
+                settingsObject = decl.initializer;
+            }
+        }
+    });
+
+    if (!settingsObject) {
+        throw new Error("Could not find `export const SETTINGS` object literal in Settings.tsx");
+    }
+
+    for (const prop of settingsObject.properties) {
+        if (!ts.isPropertyAssignment(prop)) continue;
+
+        const line = sourceFile.getLineAndCharacterOfPosition(prop.getStart(sourceFile)).line + 1;
+        const propName = prop.name;
+        const controllerText = findControllerText(prop.initializer, sourceFile);
+
+        if (ts.isIdentifier(propName) || ts.isStringLiteral(propName)) {
+            const name = propName.text;
+            settings.push({ name, searchTerms: [name], line, controllerText });
+        } else if (ts.isComputedPropertyName(propName)) {
+            const enumRef = propName.expression.getText(sourceFile);
+            const value = enumLookup.get(enumRef);
+            if (!value) {
+                console.warn(`Warning: could not resolve computed setting key [${enumRef}] at Settings.tsx:${line}`);
+                continue;
+            }
+            // Code typically references these via the enum member (e.g. `UIFeature.Registration`)
+            // rather than the resolved string, so both count as usage.
+            settings.push({ name: value, searchTerms: [enumRef, value], line, controllerText });
+        }
+    }
+
+    return settings;
+}
+
+/** Returns the source text of a setting definition's `controller: ...` property, if it has one. */
+function findControllerText(settingValue: ts.Expression, sourceFile: ts.SourceFile): string | undefined {
+    if (!ts.isObjectLiteralExpression(settingValue)) return undefined;
+
+    for (const member of settingValue.properties) {
+        if (ts.isPropertyAssignment(member) && ts.isIdentifier(member.name) && member.name.text === "controller") {
+            return member.initializer.getText(sourceFile);
+        }
+    }
+
+    return undefined;
+}
+
+/**
+ * Checks whether any of the given search terms appears anywhere under apps/ outside the
+ * settings definitions directory. Relies on the `git` binary being available on PATH.
+ */
+function isUsedOutsideSettings(searchTerms: string[]): boolean {
+    const patternArgs = searchTerms.flatMap((term) => ["-e", term]);
+    const excludeArgs = EXCLUDE_GLOBS.map((term) => `:(exclude)${term}`);
+    try {
+        execFileSync("git", ["grep", "-F", "-q", ...patternArgs, "--", "apps", ...excludeArgs], { cwd: ROOT });
+        return true;
+    } catch (e) {
+        if (typeof (e as { status?: number }).status === "number") return false;
+        throw e;
+    }
+}
+
+/** Checks whether another setting's `controller` expression references one of this setting's search terms. */
+function isReferencedByOtherController(setting: DeclaredSetting, allSettings: DeclaredSetting[]): boolean {
+    return allSettings.some(
+        (other) =>
+            other.name !== setting.name &&
+            other.controllerText !== undefined &&
+            setting.searchTerms.some((term) => other.controllerText!.includes(term)),
+    );
+}
+
+function printAnnotation(line: number, message: string): void {
+    const escape = (s: string): string => s.replaceAll("%", "%25").replaceAll("\r", "%0D").replaceAll("\n", "%0A");
+    console.log(`::error file=${SETTINGS_FILE_RELATIVE},line=${line},title=Unused setting::${escape(message)}`);
+}
+
+/** De-duplicates settings by name, keeping the first occurrence. */
+function dedupeSettingsByName(settings: DeclaredSetting[]): Map<string, DeclaredSetting> {
+    const firstByName = new Map<string, DeclaredSetting>();
+    for (const setting of settings) {
+        if (!firstByName.has(setting.name)) firstByName.set(setting.name, setting);
+    }
+    return firstByName;
+}
+
+function findUnusedSettings(candidates: Iterable<DeclaredSetting>, allSettings: DeclaredSetting[]): DeclaredSetting[] {
+    const unused: DeclaredSetting[] = [];
+    for (const setting of candidates) {
+        if (KNOWN_USED_OVERRIDES.has(setting.name)) continue;
+        if (isUsedOutsideSettings(setting.searchTerms)) continue;
+        if (isReferencedByOtherController(setting, allSettings)) continue;
+        unused.push(setting);
+    }
+    return unused;
+}
+
+function reportUnused(unused: DeclaredSetting[]): void {
+    unused.sort((a, b) => a.line - b.line);
+    console.error(`⛔ Found ${unused.length} setting(s) declared with no usage:\n`);
+    for (const { name, line } of unused) {
+        console.error(`  Settings.tsx:${line}: "${name}"`);
+        if (process.env.GITHUB_ACTIONS === "true") {
+            printAnnotation(line, `Setting "${name}" is declared but never used outside ${EXCLUDE_GLOBS}`);
+        }
+    }
+}
+
+function main(): void {
+    const enumLookup = buildEnumLookup();
+    const settings = extractSettingNames(enumLookup);
+    const firstByName = dedupeSettingsByName(settings);
+    const unused = findUnusedSettings(firstByName.values(), settings);
+
+    if (unused.length > 0) {
+        reportUnused(unused);
+        process.exit(1);
+    }
+
+    console.log(`✅ All ${firstByName.size} settings appear to be used.`);
+}
+
+main();
diff --git a/scripts/gen-workflow-mermaid.ts b/scripts/gen-workflow-mermaid.ts
new file mode 100755
index 00000000000..dd667772928
--- /dev/null
+++ b/scripts/gen-workflow-mermaid.ts
@@ -0,0 +1,677 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import fs from "node:fs/promises";
+import path from "node:path";
+import YAML from "yaml";
+import parseArgs from "minimist";
+import cronstrue from "cronstrue";
+import _ from "lodash";
+import url from "node:url";
+
+/**
+ * Generates unique ID strings (incremental base36) representing the given inputs.
+ */
+class IdGenerator<T> {
+    private id = 0;
+    private map = new Map<T, string>();
+
+    public get(s: T): string {
+        if (this.map.has(s)) return this.map.get(s)!;
+        const id = "ID" + this.id.toString(36).toLowerCase();
+        this.map.set(s, id);
+        this.id++;
+        return id;
+    }
+
+    public debug(): void {
+        console.log("```");
+        console.log(this.map);
+        console.log("```");
+    }
+}
+
+/**
+ * Type representing a node on a graph with additional metadata
+ */
+interface Node {
+    // Workflows are keyed by project/name??id
+    // Jobs are keyed by id
+    // Triggers are keyed by id
+    id: string;
+    name: string;
+    shape:
+        | "round edges"
+        | "stadium"
+        | "subroutine"
+        | "cylinder"
+        | "circle"
+        | "flag"
+        | "rhombus"
+        | "hexagon"
+        | "parallelogram"
+        | "parallelogram_alt"
+        | "trapezoid"
+        | "trapezoid_alt"
+        | "double_circle";
+    link?: string;
+}
+
+/**
+ * Type representing a directed edge on a graph with an optional label
+ */
+type Edge<T> = [source: T, destination: T, label?: string];
+
+class Graph<T extends Node> {
+    public nodes = new Map<string, T>();
+    public edges: Edge<T>[] = [];
+
+    public addNode(node: T): void {
+        if (!this.nodes.has(node.id)) {
+            this.nodes.set(node.id, node);
+        }
+    }
+
+    public removeNode(node: T): Edge<T>[] {
+        if (!this.nodes.has(node.id)) return [];
+        this.nodes.delete(node.id);
+        const [removedEdges, keptEdges] = _.partition(
+            this.edges,
+            ([source, destination]) => source === node || destination === node,
+        );
+        this.edges = keptEdges;
+        return removedEdges;
+    }
+
+    public addEdge(source: T, destination: T, label?: string): void {
+        if (this.edges.some(([_source, _destination]) => _source === source && _destination === destination)) return;
+        this.edges.push([source, destination, label]);
+    }
+
+    // Removes nodes without any edges
+    public cull(): void {
+        const seenNodes = new Set<Node>();
+        this.edges.forEach(([source, destination]) => {
+            seenNodes.add(source);
+            seenNodes.add(destination);
+        });
+        this.nodes.forEach((node) => {
+            if (!seenNodes.has(node)) {
+                this.nodes.delete(node.id);
+            }
+        });
+    }
+
+    public get roots(): Set<T> {
+        const roots = new Set(this.nodes.values());
+        this.edges.forEach(([source, destination]) => {
+            roots.delete(destination);
+        });
+        return roots;
+    }
+
+    private componentsRecurse(root: T, visited: Set<T>): T[] {
+        if (visited.has(root)) return [root];
+        visited.add(root);
+
+        const neighbours = [root];
+        this.edges.forEach(([source, destination]) => {
+            if (source === root) {
+                neighbours.push(...this.componentsRecurse(destination, visited));
+            } else if (destination === root) {
+                neighbours.push(...this.componentsRecurse(source, visited));
+            }
+        });
+
+        return neighbours;
+    }
+
+    public get components(): Graph<T>[] {
+        const graphs: Graph<T>[] = [];
+        const visited = new Set<T>();
+        this.nodes.forEach((node) => {
+            if (visited.has(node)) return;
+
+            const graph = new Graph<T>();
+            graphs.push(graph);
+
+            const nodes = this.componentsRecurse(node, visited);
+            nodes.forEach((node) => {
+                graph.addNode(node);
+                this.edges.forEach((edge) => {
+                    if (edge[0] === node || edge[1] === node) {
+                        graph.addEdge(...edge);
+                    }
+                });
+            });
+        });
+
+        return graphs;
+    }
+}
+
+/**
+ * Type representing a GitHub project
+ */
+interface Project {
+    url: string;
+    name: string;
+    path: string;
+    workflows: Map<string, Workflow>;
+}
+
+/**
+ * Type representing a GitHub Actions Workflow
+ */
+interface Workflow extends Node {
+    path: string;
+    project: Project;
+    jobs: Job[];
+    on: WorkflowYaml["on"];
+}
+
+/**
+ * Type representing a job within a GitHub Actions Workflow
+ */
+interface Job extends Node {
+    jobId: string; // id relative to workflow
+    needs?: string[];
+    strategy?: {
+        matrix: {
+            [key: string]: string[];
+        } & {
+            include?: Record<string, string>[];
+            exclude?: Record<string, string>[];
+        };
+    };
+}
+
+/**
+ * Type representing the YAML structure of a GitHub Actions Workflow file
+ */
+interface WorkflowYaml {
+    name: string;
+    on: {
+        workflow_run?: {
+            workflows: string[];
+        }; // Magic
+        workflow_call?: unknown; // Reusable
+        workflow_dispatch?: unknown; // Manual
+        pull_request?: unknown;
+        merge_group?: unknown;
+        push?: {
+            tags?: string[];
+            branches?: string[];
+        };
+        schedule?: { cron: string }[];
+        release?: unknown;
+        //
+        label?: unknown;
+        issues?: unknown;
+    };
+    jobs: {
+        [job: string]: {
+            name?: string;
+            needs?: string | string[];
+            strategy?: Job["strategy"];
+        };
+    };
+}
+
+/**
+ * Type representing a trigger of a GitHub Actions Workflow
+ */
+type Trigger = Node;
+
+// TODO workflow_call reusables
+
+const TRIGGERS: {
+    [key in keyof WorkflowYaml["on"]]: (
+        data: NonNullable<WorkflowYaml["on"][key]>,
+        workflow: Workflow,
+    ) => Trigger | Trigger[];
+} = {
+    workflow_dispatch: () => ({
+        id: "on:workflow_dispatch",
+        name: "Manual",
+        shape: "circle",
+    }),
+    issues: (_, { project }) => ({ id: `on:issues/${project.name}`, name: `${project.name} Issues`, shape: "circle" }),
+    label: (_, { project }) => ({ id: "on:label", name: "on: Label", shape: "circle" }),
+    release: (_, { project }) => ({
+        id: `on:release/${project.name}`,
+        name: `${project.name} Release`,
+        shape: "circle",
+    }),
+    push: (data, { project }) => {
+        const nodes: Trigger[] = [];
+        data.tags?.forEach((tag) => {
+            const name = `Push ${project.name}<br>tag ${tag}`;
+            nodes.push({ id: `on:push/${project.name}/tag/${tag}`, name, shape: "circle" });
+        });
+        data.branches?.forEach((branch) => {
+            const name = `Push ${project.name}<br>${branch}`;
+            nodes.push({ id: `on:push/${project.name}/branch/${branch}`, name, shape: "circle" });
+        });
+        return nodes;
+    },
+    schedule: (data) =>
+        data.map(({ cron }) => ({
+            id: `on:schedule/${cron}`,
+            name: cronstrue.toString(cron).replaceAll(", ", "<br>"),
+            shape: "circle",
+        })),
+    pull_request: (_, { project }) => ({
+        id: `on:pull_request/${project.name}`,
+        name: `Pull Request<br>${project.name}`,
+        shape: "circle",
+    }),
+    // TODO should we be just dropping these?
+    workflow_run: (data) => data.workflows.map((parent) => workflows.get(parent)).filter(Boolean) as Workflow[],
+};
+
+const triggers = new Map<string, Trigger>(); // keyed by trigger id
+const projects = new Map<string, Project>(); // keyed by project name
+const workflows = new Map<string, Workflow>(); // keyed by workflow name
+
+function getTriggerNodes(key: keyof WorkflowYaml["on"], workflow: Workflow, on?: string[]): Trigger[] {
+    if (!TRIGGERS[key]) return [];
+
+    if (on && !on.includes(key)) {
+        return [];
+    }
+
+    const data = workflow.on[key]!;
+    const nodes = toArray(TRIGGERS[key](data, workflow));
+    return nodes.map((node) => {
+        if (triggers.has(node.id)) return triggers.get(node.id)!;
+        triggers.set(node.id, node);
+        return node;
+    });
+}
+
+function readFile(...pathSegments: string[]): Promise<string> {
+    return fs.readFile(path.join(...pathSegments), { encoding: "utf-8" });
+}
+
+async function readJson<T extends object>(...pathSegments: string[]): Promise<T> {
+    return JSON.parse(await readFile(...pathSegments));
+}
+
+async function readYaml<T extends object>(...pathSegments: string[]): Promise<T> {
+    return YAML.parse(await readFile(...pathSegments));
+}
+
+function toArray<T>(v: T | T[]): T[] {
+    return Array.isArray(v) ? v : [v];
+}
+
+function cartesianProduct<T>(sets: T[][]): T[][] {
+    return sets.reduce<T[][]>(
+        (results, ids) =>
+            results
+                .map((result) => ids.map((id) => [...result, id]))
+                .reduce((nested, result) => [...nested, ...result]),
+        [[]],
+    );
+}
+
+function shallowCompare(obj1: Record<string, any>, obj2: Record<string, any>): boolean {
+    return (
+        Object.keys(obj1).length === Object.keys(obj2).length &&
+        Object.keys(obj1).every((key) => obj1[key] === obj2[key])
+    );
+}
+
+class MermaidFlowchartPrinter {
+    private static INDENT = 4;
+    private currentIndent = 0;
+    private text = "";
+    private readonly markdown: boolean;
+    public readonly idGenerator = new IdGenerator();
+
+    private print(text: string): void {
+        this.text += " ".repeat(this.currentIndent) + text + "\n";
+    }
+
+    public finish(print: boolean): string {
+        this.indent(-1);
+        if (this.markdown) this.print("```\n");
+        if (print) console.log(this.text);
+        return this.text;
+    }
+
+    private indent(delta = 1): void {
+        this.currentIndent += delta * MermaidFlowchartPrinter.INDENT;
+    }
+
+    public constructor(direction: "TD" | "TB" | "BT" | "RL" | "LR", title?: string, markdown = false) {
+        this.markdown = markdown;
+        if (this.markdown) {
+            this.print("```mermaid");
+        }
+        // Print heading
+        if (title) {
+            this.print("---");
+            this.print(`title: ${title}`);
+            this.print("---");
+        }
+        this.print(`flowchart ${direction}`);
+        this.indent();
+    }
+
+    public subgraph(id: string, name: string, fn: () => void): void {
+        this.print(`subgraph ${this.idGenerator.get(id)}["${name}"]`);
+        this.indent();
+        fn();
+        this.indent(-1);
+        this.print("end");
+    }
+
+    public node(node: Node): void {
+        const id = this.idGenerator.get(node.id);
+        const name = node.name.replaceAll('"', "'");
+        switch (node.shape) {
+            case "round edges":
+                this.print(`${id}("${name}")`);
+                break;
+            case "stadium":
+                this.print(`${id}(["${name}"])`);
+                break;
+            case "subroutine":
+                this.print(`${id}[["${name}"]]`);
+                break;
+            case "cylinder":
+                this.print(`${id}[("${name}")]`);
+                break;
+            case "circle":
+                this.print(`${id}(("${name}"))`);
+                break;
+            case "flag":
+                this.print(`${id}>"${name}"]`);
+                break;
+            case "rhombus":
+                this.print(`${id}{"${name}"}`);
+                break;
+            case "hexagon":
+                this.print(`${id}{{"${name}"}}`);
+                break;
+            case "parallelogram":
+                this.print(`${id}[/"${name}"/]`);
+                break;
+            case "parallelogram_alt":
+                this.print(`${id}[\\"${name}"\\]`);
+                break;
+            case "trapezoid":
+                this.print(`${id}[/"${name}"\\]`);
+                break;
+            case "trapezoid_alt":
+                this.print(`${id}[\\"${name}"/]`);
+                break;
+            case "double_circle":
+                this.print(`${id}((("${name}")))`);
+                break;
+        }
+
+        if (node.link) {
+            this.print(`click ${id} href "${node.link}" "Click to open workflow"`);
+        }
+    }
+
+    public edge(source: Node, destination: Node, text?: string): void {
+        const sourceId = this.idGenerator.get(source.id);
+        const destinationId = this.idGenerator.get(destination.id);
+        if (text) {
+            this.print(`${sourceId}-- ${text} -->${destinationId}`);
+        } else {
+            this.print(`${sourceId} --> ${destinationId}`);
+        }
+    }
+}
+
+function debugGraph(name: string, graph: Graph<any>): void {
+    console.log("```");
+    console.log(`## ${name}`);
+    console.log(new Map(graph.nodes));
+    console.log(graph.edges.map((edge) => ({ source: edge[0].id, destination: edge[1].id, text: edge[2] })));
+    console.log("```");
+    console.log("");
+}
+
+export default async function main(dirs: string[], on?: string[], print = false, debug = false): Promise<string> {
+    // Data ingest
+    for (const projectPath of dirs) {
+        const {
+            name,
+            repository: { url },
+        } = await readJson<{ name: string; repository: { url: string } }>(projectPath, "package.json");
+        const workflowsPath = path.join(projectPath, ".github", "workflows");
+
+        let files: string[];
+        try {
+            files = await fs.readdir(workflowsPath);
+        } catch (e) {
+            console.error(`Could not read ${workflowsPath}`, e);
+            continue;
+        }
+
+        const project: Project = {
+            name,
+            url,
+            path: projectPath,
+            workflows: new Map(),
+        };
+
+        for (const file of files.filter((f) => f.endsWith(".yml") || f.endsWith(".yaml"))) {
+            const data = await readYaml<WorkflowYaml>(workflowsPath, file);
+            const name = data.name ?? file;
+            const workflow: Workflow = {
+                id: `${project.name}/${name}`,
+                name,
+                shape: "hexagon",
+                path: path.join(workflowsPath, file),
+                project,
+                link: `${project.url}/blob/develop/.github/workflows/${file}`,
+
+                on: data.on,
+                jobs: [],
+            };
+
+            for (const jobId in data.jobs) {
+                const job = data.jobs[jobId];
+                workflow.jobs.push({
+                    id: `${workflow.name}/${jobId}`,
+                    jobId,
+                    name: job.name ?? jobId,
+                    strategy: job.strategy,
+                    needs: job.needs ? toArray(job.needs) : undefined,
+                    shape: "subroutine",
+                    link: `${project.url}/blob/develop/.github/workflows/${file}`,
+                });
+            }
+
+            project.workflows.set(name, workflow);
+            workflows.set(name, workflow);
+        }
+
+        projects.set(name, project);
+    }
+
+    const graph = new Graph<Workflow | Node>();
+    for (const workflow of workflows.values()) {
+        if (on && !on.some((trigger) => trigger in workflow.on)) {
+            continue;
+        }
+
+        graph.addNode(workflow);
+        Object.keys(workflow.on).forEach((trigger) => {
+            const nodes = getTriggerNodes(trigger as keyof WorkflowYaml["on"], workflow, on);
+            nodes.forEach((node) => {
+                graph.addNode(node);
+                graph.addEdge(node, workflow, "project" in node ? "workflow_run" : undefined);
+            });
+        });
+    }
+
+    // TODO separate disconnected nodes into their own graph
+    graph.cull();
+
+    // This is an awful hack to make the output graphs much better by allowing the splitting of certain nodes //
+    const bifurcatedNodes = [triggers.get("on:workflow_dispatch")].filter(Boolean) as Node[];
+    const removedEdgeMap = new Map<Node, Edge<any>[]>();
+    for (const node of bifurcatedNodes) {
+        removedEdgeMap.set(node, graph.removeNode(node));
+    }
+
+    const components = graph.components;
+    for (const node of bifurcatedNodes) {
+        const removedEdges = removedEdgeMap.get(node)!;
+        components.forEach((graph) => {
+            removedEdges.forEach((edge) => {
+                if (graph.nodes.has(edge[1].id)) {
+                    graph.addNode(node);
+                    graph.addEdge(...edge);
+                }
+            });
+        });
+    }
+    ////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+    if (debug) {
+        debugGraph("global", graph);
+    }
+
+    let text = "";
+    components.forEach((graph) => {
+        const title = [...graph.roots]
+            .map((root) => root.name)
+            .join(" & ")
+            .replaceAll("<br>", " ");
+        const printer = new MermaidFlowchartPrinter("LR", title, true);
+        graph.nodes.forEach((node) => {
+            if ("project" in node) {
+                // TODO unsure about this edge
+                // if (node.jobs.length === 1) {
+                //     printer.node(node);
+                //     return;
+                // }
+
+                // TODO handle job.if on github.event_name
+
+                const subgraph = new Graph<Job>();
+                for (const job of node.jobs) {
+                    subgraph.addNode(job);
+                    if (job.needs) {
+                        toArray(job.needs).forEach((req) => {
+                            subgraph.addEdge(
+                                node.jobs.find((job) => job.jobId === req)!,
+                                job,
+                                "needs",
+                            );
+                        });
+                    }
+                }
+
+                printer.subgraph(node.id, node.name, () => {
+                    subgraph.edges.forEach(([source, destination, text]) => {
+                        printer.edge(source, destination, text);
+                    });
+
+                    subgraph.nodes.forEach((job) => {
+                        if (!job.strategy?.matrix) {
+                            printer.node(job);
+                            return;
+                        }
+
+                        let variations = cartesianProduct(
+                            Object.keys(job.strategy.matrix)
+                                .filter(
+                                    (key) =>
+                                        key !== "include" &&
+                                        key !== "exclude" &&
+                                        Array.isArray(job.strategy!.matrix[key]),
+                                )
+                                .map((matrixKey) => {
+                                    return job.strategy!.matrix[matrixKey].map((value) => ({ [matrixKey]: value }));
+                                }),
+                        )
+                            .map((variation) => Object.assign({}, ...variation))
+                            .filter((variation) => Object.keys(variation).length > 0);
+
+                        if (job.strategy.matrix.include) {
+                            variations.push(...job.strategy.matrix.include);
+                        }
+                        job.strategy.matrix.exclude?.forEach((exclusion) => {
+                            variations = variations.filter((variation) => {
+                                return !shallowCompare(exclusion, variation);
+                            });
+                        });
+
+                        // TODO validate edge case
+                        if (variations.length === 0) {
+                            printer.node(job);
+                            return;
+                        }
+
+                        const jobName = job.name.replace(/\${{.+}}/g, "").replace(/(?:\(\)| )+/g, " ");
+                        printer.subgraph(job.id, jobName, () => {
+                            variations.forEach((variation, i) => {
+                                let variationName = job.name;
+                                if (variationName.includes("${{ matrix.")) {
+                                    Object.keys(variation).map((key) => {
+                                        variationName = variationName.replace(`\${{ matrix.${key} }}`, variation[key]);
+                                    });
+                                } else {
+                                    variationName = `${variationName} (${Object.values(variation).join(", ")})`;
+                                }
+
+                                printer.node({ ...job, id: `${job.id}-variation-${i}`, name: variationName });
+                            });
+                        });
+                    });
+                });
+                return;
+            }
+
+            printer.node(node);
+        });
+        graph.edges.forEach(([sourceName, destinationName, text]) => {
+            printer.edge(sourceName, destinationName, text);
+        });
+        text += printer.finish(print);
+
+        if (debug) {
+            printer.idGenerator.debug();
+            debugGraph("subgraph", graph);
+        }
+    });
+
+    return text;
+}
+
+if (import.meta.url.startsWith("file:")) {
+    const modulePath = url.fileURLToPath(import.meta.url);
+    if (process.argv[1] === modulePath) {
+        const argv = parseArgs<{
+            debug: boolean;
+            on: string | string[];
+        }>(process.argv.slice(2), {
+            string: ["on"],
+            boolean: ["debug"],
+        });
+
+        const on = typeof argv.on === "string" || Array.isArray(argv.on) ? toArray(argv.on) : undefined;
+        main(argv._, on, true, argv.debug)
+            .then((ret) => {
+                process.exit(0);
+            })
+            .catch((e) => {
+                console.error(e);
+                process.exit(1);
+            });
+    }
+}
diff --git a/scripts/genflags.sh b/scripts/genflags.sh
deleted file mode 100755
index d960c6de0f8..00000000000
--- a/scripts/genflags.sh
+++ /dev/null
@@ -1,70 +0,0 @@
-# Copyright 2017 Vector Creations Ltd
-#
-# Licensed under the Apache License, Version 2.0 (the "License");
-# you may not use this file except in compliance with the License.
-# You may obtain a copy of the License at
-#
-#    http://www.apache.org/licenses/LICENSE-2.0
-#
-# Unless required by applicable law or agreed to in writing, software
-# distributed under the License is distributed on an "AS IS" BASIS,
-# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-# See the License for the specific language governing permissions and
-# limitations under the License.
-
-# genflags.sh - Generates pngs for use with CountryDropdown.js
-#
-# Dependencies:
-#   - imagemagick --with-rsvg (because default imagemagick SVG
-#       renderer does not produce accurate results)
-#
-# on macOS, this is most easily done with:
-#   brew install imagemagick --with-librsvg
-#
-# This will clone the googlei18n flag repo before converting
-# all phonenumber.js-supported country flags (as SVGs) into
-# PNGs that can be used by CountryDropdown.js.
-
-# Allow CTRL+C to terminate the script
-trap "echo Exited!; exit;" SIGINT SIGTERM
-
-# git clone the google repo to get flag SVGs
-git clone git@github.com:googlei18n/region-flags
-for f in region-flags/svg/*.svg; do
-    # Skip state flags
-    if [[ $f =~ [A-Z]{2}-[A-Z]{2,3}.svg ]] ; then
-        echo "Skipping state flag "$f
-        continue
-    fi
-
-    # Skip countries not included in phonenumber.js
-    if [[ $f =~ (AC|CP|DG|EA|EU|IC|TA|UM|UN|XK).svg ]] ; then
-        echo "Skipping non-phonenumber supported flag "$f
-        continue
-    fi
-
-    # Run imagemagick convert
-    #   -background none : transparent background
-    #   -resize 50x30    : resize the flag to have a height of 15px (2x)
-    #       By default, aspect ratio is respected so the width will
-    #       be correct and not necessarily 25px.
-    #   -filter Lanczos  : use sharper resampling to avoid muddiness
-    #   -gravity Center  : keep the image central when adding an -extent
-    #   -border 1        : add a 1px border around the flag
-    #   -bordercolor     : set the border colour
-    #   -extent 54x54    : surround the image with padding so that it
-    #       has the dimensions 27x27px (2x).
-    convert $f -background none -filter Lanczos -resize 50x30 \
-        -gravity Center -border 1 -bordercolor \#e0e0e0 \
-        -extent 54x54 $f.png
-
-    # $f.png will be region-flags/svg/XX.svg.png at this point
-
-    # Extract filename from path $f
-    newname=${f##*/}
-    # Replace .svg with .png
-    newname=${newname%.svg}.png
-    # Move the file to flags directory
-    mv $f.png ../res/flags/$newname
-    echo "Generated res/flags/"$newname
-done
diff --git a/scripts/get-version-from-git.sh b/scripts/get-version-from-git.sh
new file mode 100755
index 00000000000..7b2e5943070
--- /dev/null
+++ b/scripts/get-version-from-git.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/env bash
+
+# Echoes a version based on the git hashes of the element-web & js-sdk checkouts, for the case where
+# these dependencies are git checkouts.
+
+set -e
+
+# Since the deps are fetched from git & linked, we can rev-parse
+JSSDK_SHA=$(git -C $(pnpm -w root)/matrix-js-sdk rev-parse --short=12 HEAD)
+VECTOR_SHA=$(git rev-parse --short=12 HEAD) # use the ACTUAL SHA rather than assume develop
+echo "$VECTOR_SHA-js-$JSSDK_SHA"
diff --git a/scripts/issues-burndown.pl b/scripts/issues-burndown.pl
index 03af5ed7cc4..e5cd2447011 100755
--- a/scripts/issues-burndown.pl
+++ b/scripts/issues-burndown.pl
@@ -18,7 +18,7 @@
     login => 'ara4n', pass => read_password("github password: "),
 );
 
-$gh->set_default_user_repo('vector-im', 'riot-web');
+$gh->set_default_user_repo('element-hq', 'element-web');
 
 #my @issues = $gh->issue->repos_issues({ state => 'all', milestone => 3 });
 my @issues = $gh->issue->repos_issues({ state => 'all' });
diff --git a/scripts/issues-no-state.pl b/scripts/issues-no-state.pl
index 748809c59ae..cb84e882c66 100755
--- a/scripts/issues-no-state.pl
+++ b/scripts/issues-no-state.pl
@@ -18,7 +18,7 @@
     login => 'ara4n', pass => read_password("github password: "),
 );
 
-$gh->set_default_user_repo('vector-im', 'riot-web');
+$gh->set_default_user_repo('element-hq', 'element-web');
 
 #my @issues = $gh->issue->repos_issues({ state => 'all', milestone => 3 });
 my @issues = $gh->issue->repos_issues({ state => 'all' });
diff --git a/scripts/layered.sh b/scripts/layered.sh
new file mode 100755
index 00000000000..5b172aaaae3
--- /dev/null
+++ b/scripts/layered.sh
@@ -0,0 +1,42 @@
+#!/usr/bin/env bash
+
+set -ex
+
+# Creates a layered environment with the full repo for the app and SDKs cloned
+# and linked. This gives an element-web dev environment ready to build with
+# matching branches of matrix-js-sdk so that changes can be tested
+# in element-web.
+
+# Note that this style is different from the recommended developer setup: this
+# file nests js-sdk inside element-web, while the local
+# development setup places them all at the same level. We are nesting them here
+# because some CI systems do not allow moving to a directory above the checkout
+# for the primary repo (element-web in this case).
+
+# Install dependencies
+pnpm install --frozen-lockfile $@
+
+# Pass appropriate repo to fetchdep.sh
+export PR_ORG=element-hq
+export PR_REPO=element-web
+
+js_sdk_dep=$(jq -r '.dependencies["matrix-js-sdk"]' < $(pnpm -w root)/../apps/web/package.json)
+
+# Set up the js-sdk (unless package.json pins a specific version)
+if [ "$js_sdk_dep" = "github:matrix-org/matrix-js-sdk#develop" ]; then
+    echo "layered.sh: Cloning matching branch of matrix-js-sdk"
+    scripts/fetchdep.sh matrix-org matrix-js-sdk develop
+
+    if [ -n "$JS_SDK_GITHUB_BASE_REF" ]; then
+        echo "layered.sh: Switching js-sdk to $JS_SDK_GITHUB_BASE_REF"
+        git -C matrix-js-sdk fetch --depth 1 origin $JS_SDK_GITHUB_BASE_REF
+        git -C matrix-js-sdk -c advice.detachedHead=false checkout $JS_SDK_GITHUB_BASE_REF
+    fi
+    pnpm -C matrix-js-sdk install --frozen-lockfile --ignore-scripts
+
+    # Link into into element-web & the monorepo
+    pnpm -C apps/web link ./matrix-js-sdk
+    pnpm link ./matrix-js-sdk
+else
+    echo "layered.sh: Skipping matrix-js-sdk fetch and link as package.json pins $js_sdk_dep"
+fi
diff --git a/scripts/make-icons.sh b/scripts/make-icons.sh
deleted file mode 100755
index 2db5293df31..00000000000
--- a/scripts/make-icons.sh
+++ /dev/null
@@ -1,117 +0,0 @@
-#!/bin/bash
-#
-# Converts an svg logo into the various image resources required by
-# the various platforms deployments.
-#
-# On debian-based systems you need these deps:
-#   apt-get install xmlstarlet python3-cairosvg icnsutils
-
-if [ $# != 1 ]
-then
-    echo "Usage: $0 <svg file>"
-    exit
-fi
-
-set -e
-set -x
-
-tmpdir=`mktemp -d 2>/dev/null || mktemp -d -t 'icontmp'`
-
-for i in 1024 512 310 256 192 180 152 150 144 128 120 114 96 76 72 70 64 60 57 48 36 32 24 16
-do
-    #convert -background none -density 1000 -resize $i -extent $i -gravity center "$1" "$tmpdir/$i.png"
-
-    # Above is the imagemagick command to render an svg to png. Unfortunately, its support for SVGs
-    # with CSS isn't very good (with rsvg and even moreso the built in renderer) so we use cairosvg.
-    # This can be installed with:
-    #    pip install cairosvg==1.0.22 # Version 2 doesn't support python 2
-    #    pip install tinycss
-    #    pip install cssselect # These are necessary for CSS support
-    # You'll also need xmlstarlet from your favourite package manager
-    #
-    # Cairosvg doesn't suport rendering at a specific size (https://github.com/Kozea/CairoSVG/issues/83#issuecomment-215720176)
-    # so we have to 'resize the svg' first (add width and height attributes to the svg element) to make it render at the
-    # size we need.
-    # XXX: This will break if the svg already has width and height attributes
-    cp "$1" "$tmpdir/tmp.svg"
-    xmlstarlet ed -N x="http://www.w3.org/2000/svg" --insert "/x:svg" --type attr -n width -v $i "$tmpdir/tmp.svg" > "$tmpdir/tmp2.svg"
-    xmlstarlet ed -N x="http://www.w3.org/2000/svg" --insert "/x:svg" --type attr -n height -v $i "$tmpdir/tmp2.svg" > "$tmpdir/tmp3.svg"
-    cairosvg -f png -o "$tmpdir/$i.png"  "$tmpdir/tmp3.svg"
-    rm "$tmpdir/tmp.svg" "$tmpdir/tmp2.svg" "$tmpdir/tmp3.svg"
-done
-
-# one more for the non-square mstile
-cp "$1" "$tmpdir/tmp.svg"
-xmlstarlet ed -N x="http://www.w3.org/2000/svg" --insert "/x:svg" --type attr -n width -v 310 "$tmpdir/tmp.svg" > "$tmpdir/tmp2.svg"
-xmlstarlet ed -N x="http://www.w3.org/2000/svg" --insert "/x:svg" --type attr -n height -v 150 "$tmpdir/tmp2.svg" > "$tmpdir/tmp3.svg"
-cairosvg -f png -o "$tmpdir/310x150.png"  "$tmpdir/tmp3.svg"
-rm "$tmpdir/tmp.svg" "$tmpdir/tmp2.svg" "$tmpdir/tmp3.svg"
-
-mkdir "$tmpdir/Riot.iconset"
-cp "$tmpdir/16.png" "$tmpdir/Riot.iconset/icon_16x16.png"
-cp "$tmpdir/32.png" "$tmpdir/Riot.iconset/icon_16x16@2x.png"
-cp "$tmpdir/32.png" "$tmpdir/Riot.iconset/icon_32x32.png"
-cp "$tmpdir/64.png" "$tmpdir/Riot.iconset/icon_32x32@2x.png"
-cp "$tmpdir/128.png" "$tmpdir/Riot.iconset/icon_128x128.png"
-cp "$tmpdir/256.png" "$tmpdir/Riot.iconset/icon_128x128@2x.png"
-cp "$tmpdir/256.png" "$tmpdir/Riot.iconset/icon_256x256.png"
-cp "$tmpdir/512.png" "$tmpdir/Riot.iconset/icon_256x256@2x.png"
-cp "$tmpdir/512.png" "$tmpdir/Riot.iconset/icon_512x512.png"
-cp "$tmpdir/1024.png" "$tmpdir/Riot.iconset/icon_512x512@2x.png"
-
-if [ -x "$(command -v iconutil)" ]; then
-  # available on macos
-  iconutil -c icns -o electron_app/build/icon.icns "$tmpdir/Riot.iconset"
-elif [ -x "$(command -v png2icns)" ]; then
-  # available on linux
-  # png2icns is more finicky about its input than iconutil
-  # 1. it doesn't support a 64x64 (aka 32x32@2x)
-  # 2. it doesn't like duplicates (128x128@2x == 256x256)
-  rm "$tmpdir/Riot.iconset/icon_128x128@2x.png"
-  rm "$tmpdir/Riot.iconset/icon_256x256@2x.png"
-  rm "$tmpdir/Riot.iconset/icon_16x16@2x.png"
-  rm "$tmpdir/Riot.iconset/icon_32x32@2x.png"
-  png2icns electron_app/build/icon.icns "$tmpdir"/Riot.iconset/*png
-else
-  echo "WARNING: Unsupported platform. Skipping icns build"
-fi
-
-cp "$tmpdir/36.png" "res/vector-icons/android-chrome-36x36.png"
-cp "$tmpdir/48.png" "res/vector-icons/android-chrome-48x48.png"
-cp "$tmpdir/72.png" "res/vector-icons/android-chrome-72x72.png"
-cp "$tmpdir/96.png" "res/vector-icons/android-chrome-96x96.png"
-cp "$tmpdir/144.png" "res/vector-icons/android-chrome-144x144.png"
-cp "$tmpdir/192.png" "res/vector-icons/android-chrome-192x192.png"
-cp "$tmpdir/180.png" "res/vector-icons/apple-touch-icon.png"
-cp "$tmpdir/180.png" "res/vector-icons/apple-touch-icon-precomposed.png"
-cp "$tmpdir/57.png" "res/vector-icons/apple-touch-icon-57x57.png"
-cp "$tmpdir/60.png" "res/vector-icons/apple-touch-icon-60x60.png"
-cp "$tmpdir/72.png" "res/vector-icons/apple-touch-icon-72x72.png"
-cp "$tmpdir/76.png" "res/vector-icons/apple-touch-icon-76x76.png"
-cp "$tmpdir/114.png" "res/vector-icons/apple-touch-icon-114x114.png"
-cp "$tmpdir/120.png" "res/vector-icons/apple-touch-icon-120x120.png"
-cp "$tmpdir/144.png" "res/vector-icons/apple-touch-icon-144x144.png"
-cp "$tmpdir/152.png" "res/vector-icons/apple-touch-icon-152x152.png"
-cp "$tmpdir/180.png" "res/vector-icons/apple-touch-icon-180x180.png"
-cp "$tmpdir/16.png" "res/vector-icons/favicon-16x16.png"
-cp "$tmpdir/32.png" "res/vector-icons/favicon-32x32.png"
-cp "$tmpdir/96.png" "res/vector-icons/favicon-96x96.png"
-cp "$tmpdir/70.png" "res/vector-icons/mstile-70x70.png"
-cp "$tmpdir/144.png" "res/vector-icons/mstile-144x144.png"
-cp "$tmpdir/150.png" "res/vector-icons/mstile-150x150.png"
-cp "$tmpdir/310.png" "res/vector-icons/mstile-310x310.png"
-cp "$tmpdir/310x150.png" "res/vector-icons/mstile-310x150.png"
-cp "$tmpdir/180.png" "electron_app/img/riot.png"
-
-convert "$tmpdir/16.png" "$tmpdir/32.png" "$tmpdir/64.png" "$tmpdir/128.png"  "$tmpdir/256.png" "res/vector-icons/favicon.ico"
-
-cp "res/vector-icons/favicon.ico" "electron_app/build/icon.ico"
-cp "res/vector-icons/favicon.ico" "electron_app/img/riot.ico"
-
-# https://github.com/electron-userland/electron-builder/blob/3f97b86993d4ea5172e562b182230a194de0f621/src/targets/LinuxTargetHelper.ts#L127
-for i in 24 96 16 48 64 128 256 512
-do
-    cp "$tmpdir/$i.png" "electron_app/build/icons/${i}x${i}.png"
-done
-
-rm -r "$tmpdir"
diff --git a/scripts/normalize-version.sh b/scripts/normalize-version.sh
new file mode 100755
index 00000000000..5337d116f6d
--- /dev/null
+++ b/scripts/normalize-version.sh
@@ -0,0 +1,10 @@
+#!/usr/bin/env bash
+
+set -e
+
+# If $1 looks like v1.2.3 or v1.2.3-foo, strip the leading v, then print it to stdout
+if [[ $1 =~ ^v[[:digit:]]+\.[[:digit:]]+\.[[:digit:]]+(-.+)?$ ]]; then
+    echo ${1:1}
+else
+    echo $1
+fi
diff --git a/scripts/package.sh b/scripts/package.sh
deleted file mode 100755
index 70569fdacb2..00000000000
--- a/scripts/package.sh
+++ /dev/null
@@ -1,35 +0,0 @@
-#!/bin/bash
-
-set -e
-
-if [ -n "$DIST_VERSION" ]; then
-    version=$DIST_VERSION
-else
-    version=`git describe --dirty --tags || echo unknown`
-fi
-
-yarn clean
-yarn build
-
-# include the sample config in the tarball. Arguably this should be done by
-# `yarn build`, but it's just too painful.
-cp config.sample.json webapp/
-
-mkdir -p dist
-cp -r webapp riot-$version
-
-# Just in case you have a local config, remove it before packaging
-rm riot-$version/config.json || true
-
-# if $version looks like semver with leading v, strip it before writing to file
-if [[ ${version} =~ ^v[[:digit:]]+\.[[:digit:]]+\.[[:digit:]]+(-.+)?$ ]]; then
-    echo ${version:1} > riot-$version/version
-else
-    echo ${version} > riot-$version/version
-fi
-
-tar chvzf dist/riot-$version.tar.gz riot-$version
-rm -r riot-$version
-
-echo
-echo "Packaged dist/riot-$version.tar.gz"
diff --git a/scripts/pnpm-link.ts b/scripts/pnpm-link.ts
new file mode 100755
index 00000000000..e05db133def
--- /dev/null
+++ b/scripts/pnpm-link.ts
@@ -0,0 +1,75 @@
+#!/usr/bin/env node
+
+/*
+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.
+*/
+
+// Utility script to mimic yarn classic `link` behaviour
+// to enable rapid development of libraries like matrix-js-sdk using symlinks/directory junctions
+// reads .link-config file for DEPENDENCY=PATH values and removes those dependencies from node_modules,
+// replacing them with a symlink/directory junction.
+// This tool is a helpful substitute to `pnpm link` as that modifies the package.json & pnpm-lock.yaml files.
+
+import * as fs from "node:fs/promises";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { execSync } from "node:child_process";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const configPath = path.join(__dirname, "..", ".link-config");
+const nodeModulesPath = path.join(__dirname, "..", "node_modules");
+
+try {
+    if (process.env.PLAYWRIGHT_COMMON_DOCKER) process.exit(0); // Skip in docker env
+
+    const configFile = await fs.readFile(configPath, "utf-8");
+    for (const line of configFile.trim().split("\n")) {
+        if (!line || line.startsWith("#")) continue;
+        const [dependency, targetPath, dir] = line.split("=");
+        const nodeModules = dir ? path.join(dir, "node_modules") : nodeModulesPath;
+        const dependencyPath = path.join(nodeModules, dependency);
+
+        try {
+            try {
+                const stat = await fs.lstat(dependencyPath);
+                console.log(`Existing is ${stat.isSymbolicLink() ? "symlink" : "directory"}`);
+                if (stat.isSymbolicLink()) {
+                    const linkPath = await fs.readlink(dependencyPath);
+                    if (linkPath === targetPath) {
+                        // already done
+                        continue;
+                    } else {
+                        await fs.unlink(dependencyPath);
+                    }
+                } else {
+                    await fs.rm(dependencyPath, { recursive: true });
+                }
+            } catch (e: any) {
+                // fs.lstat throws ENOENT if the path doesn't exist (on Windows)
+                if (e.code === "ENOENT") {
+                    console.log("Received ENOENT error on dependency path - assuming it doesn't exist");
+                } else {
+                    throw e;
+                }
+            }
+
+            console.log(`Linking ${dependency} to ${targetPath}`);
+            await fs.symlink(targetPath, dependencyPath, "junction"); // use a junction type to avoid EPERM errors on Windows
+
+            const pkgJson = JSON.parse(await fs.readFile(path.join(targetPath, "package.json"), "utf-8"));
+            const pkgManager =
+                pkgJson.devEngines?.packageManager?.name ?? pkgJson.packageManager?.split("@").at(0) ?? "yarn";
+            // pnpm install may have wiped out the `node_modules` dir so we have to restore it
+            execSync(`${pkgManager} install --ignore-scripts --frozen-lockfile`, {
+                cwd: dependencyPath,
+            });
+        } catch (e) {
+            console.error(`Failed to link ${dependency}`, e);
+        }
+    }
+} catch {
+    // Ignore config file not existing
+}
diff --git a/scripts/redeploy.py b/scripts/redeploy.py
deleted file mode 100755
index 064bbfaa298..00000000000
--- a/scripts/redeploy.py
+++ /dev/null
@@ -1,308 +0,0 @@
-#!/usr/bin/env python
-#
-# auto-deploy script for https://riot.im/develop
-#
-# Listens for buildkite webhook pokes (https://buildkite.com/docs/apis/webhooks)
-# When it gets one, downloads the artifact from buildkite
-# and deploys it as the new version.
-#
-# Requires the following python packages:
-#
-#   - requests
-#   - flask
-#
-from __future__ import print_function
-import json, requests, tarfile, argparse, os, errno
-import time
-import traceback
-from urlparse import urljoin
-import glob
-import re
-import shutil
-import threading
-from Queue import Queue
-
-from flask import Flask, jsonify, request, abort
-
-from deploy import Deployer, DeployException
-
-app = Flask(__name__)
-
-deployer = None
-arg_extract_path = None
-arg_symlink = None
-arg_webhook_token = None
-arg_api_token = None
-
-workQueue = Queue()
-
-def create_symlink(source, linkname):
-    try:
-        os.symlink(source, linkname)
-    except OSError, e:
-        if e.errno == errno.EEXIST:
-            # atomic modification
-            os.symlink(source, linkname + ".tmp")
-            os.rename(linkname + ".tmp", linkname)
-        else:
-            raise e
-
-def req_headers():
-    return {
-        "Authorization": "Bearer %s" % (arg_api_token,),
-    }
-
-# Buildkite considers a poke to have failed if it has to wait more than 10s for
-# data (any data, not just the initial response) and it normally takes longer than
-# that to download an artifact from buildkite. Apparently there is no way in flask
-# to finish the response and then keep doing stuff, so instead this has to involve
-# threading. Sigh.
-def worker_thread():
-    while True:
-        toDeploy = workQueue.get()
-        deploy_buildkite_artifact(*toDeploy)
-
-@app.route("/", methods=["POST"])
-def on_receive_buildkite_poke():
-    got_webhook_token = request.headers.get('X-Buildkite-Token')
-    if got_webhook_token != arg_webbook_token:
-        print("Denying request with incorrect webhook token: %s" % (got_webhook_token,))
-        abort(400, "Incorrect webhook token")
-        return
-
-    required_api_prefix = None
-    if arg_buildkite_org is not None:
-        required_api_prefix = 'https://api.buildkite.com/v2/organizations/%s' % (arg_buildkite_org,)
-
-    incoming_json = request.get_json()
-    if not incoming_json:
-        abort(400, "No JSON provided!")
-        return
-    print("Incoming JSON: %s" % (incoming_json,))
-
-    event = incoming_json.get("event")
-    if event is None:
-        abort(400, "No 'event' specified")
-        return
-
-    if event == 'ping':
-        print("Got ping request - responding")
-        return jsonify({'response': 'pong!'})
-
-    if event != 'build.finished':
-        print("Rejecting '%s' event")
-        abort(400, "Unrecognised event")
-        return
-
-    build_obj = incoming_json.get("build")
-    if build_obj is None:
-        abort(400, "No 'build' object")
-        return
-
-    build_url = build_obj.get('url')
-    if build_url is None:
-        abort(400, "build has no url")
-        return
-
-    if required_api_prefix is not None and not build_url.startswith(required_api_prefix):
-        print("Denying poke for build url with incorrect prefix: %s" % (build_url,))
-        abort(400, "Invalid build url")
-        return
-
-    build_num = build_obj.get('number')
-    if build_num is None:
-        abort(400, "build has no number")
-        return
-
-    pipeline_obj = incoming_json.get("pipeline")
-    if pipeline_obj is None:
-        abort(400, "No 'pipeline' object")
-        return
-
-    pipeline_name = pipeline_obj.get('name')
-    if pipeline_name is None:
-        abort(400, "pipeline has no name")
-        return
-
-    artifacts_url = build_url + "/artifacts"
-    artifacts_resp = requests.get(artifacts_url, headers=req_headers())
-    artifacts_resp.raise_for_status()
-    artifacts_array = artifacts_resp.json()
-    
-    artifact_to_deploy = None
-    for artifact in artifacts_array:
-        if re.match(r"dist/.*.tar.gz", artifact['path']):
-            artifact_to_deploy = artifact
-    if artifact_to_deploy is None:
-        print("No suitable artifacts found")
-        return jsonify({})
-
-    # double paranoia check: make sure the artifact is on the right org too
-    if required_api_prefix is not None and not artifact_to_deploy['url'].startswith(required_api_prefix):
-        print("Denying poke for build url with incorrect prefix: %s" % (artifact_to_deploy['url'],))
-        abort(400, "Refusing to deploy artifact from URL %s", artifact_to_deploy['url'])
-        return
-
-    # there's no point building up a queue of things to deploy, so if there are any pending jobs,
-    # remove them
-    while not workQueue.empty():
-        try:
-            workQueue.get(False)
-        except:
-            pass
-    workQueue.put([artifact_to_deploy, pipeline_name, build_num])
-
-    return jsonify({})
-
-def deploy_buildkite_artifact(artifact, pipeline_name, build_num):
-    artifact_response = requests.get(artifact['url'], headers=req_headers())
-    artifact_response.raise_for_status()
-    artifact_obj = artifact_response.json()
-
-    # we extract into a directory based on the build number. This avoids the
-    # problem of multiple builds building the same git version and thus having
-    # the same tarball name. That would lead to two potential problems:
-    #   (a) sometimes jenkins serves corrupted artifacts; we would replace
-    #       a good deploy with a bad one
-    #   (b) we'll be overwriting the live deployment, which means people might
-    #       see half-written files.
-    build_dir = os.path.join(arg_extract_path, "%s-#%s" % (pipeline_name, build_num))
-    try:
-        extracted_dir = deploy_tarball(artifact_obj, build_dir)
-    except DeployException as e:
-        traceback.print_exc()
-        abort(400, e.message)
-
-    create_symlink(source=extracted_dir, linkname=arg_symlink)
-
-def deploy_tarball(artifact, build_dir):
-    """Download a tarball from jenkins and unpack it
-
-    Returns:
-        (str) the path to the unpacked deployment
-    """
-    if os.path.exists(build_dir):
-        raise DeployException(
-            "Not deploying. We have previously deployed this build."
-        )
-    os.mkdir(build_dir)
-
-    print("Fetching artifact %s -> %s..." % (artifact['download_url'], artifact['filename']))
-
-    # Download the tarball here as buildkite needs auth to do this
-    # we don't pgp-sign buildkite artifacts, relying on HTTPS and buildkite
-    # not being evil. If that's not good enough for you, don't use riot.im/develop.
-    resp = requests.get(artifact['download_url'], stream=True, headers=req_headers())
-    resp.raise_for_status()
-    with open(artifact['filename'], 'wb') as ofp:
-        shutil.copyfileobj(resp.raw, ofp)
-    print("...download complete. Deploying...")
-
-    # we rely on the fact that flask only serves one request at a time to
-    # ensure that we do not overwrite a tarball from a concurrent request.
-
-    return deployer.deploy(artifact['filename'], build_dir)
-
-
-if __name__ == "__main__":
-    parser = argparse.ArgumentParser("Runs a Vector redeployment server.")
-    parser.add_argument(
-        "-p", "--port", dest="port", default=4000, type=int, help=(
-            "The port to listen on for requests from Jenkins."
-        )
-    )
-    parser.add_argument(
-        "-e", "--extract", dest="extract", default="./extracted", help=(
-            "The location to extract .tar.gz files to."
-        )
-    )
-    parser.add_argument(
-        "-b", "--bundles-dir", dest="bundles_dir", help=(
-            "A directory to move the contents of the 'bundles' directory to. A \
-            symlink to the bundles directory will also be written inside the \
-            extracted tarball. Example: './bundles'."
-        )
-    )
-    parser.add_argument(
-        "-c", "--clean", dest="clean", action="store_true", default=False, help=(
-            "Remove .tar.gz files after they have been downloaded and extracted."
-        )
-    )
-    parser.add_argument(
-        "-s", "--symlink", dest="symlink", default="./latest", help=(
-            "Write a symlink to this location pointing to the extracted tarball. \
-            New builds will keep overwriting this symlink. The symlink will point \
-            to the /vector directory INSIDE the tarball."
-        )
-    )
-
-    # --include ../../config.json ./localhost.json homepages/*
-    parser.add_argument(
-        "--include", nargs='*', default='./config*.json', help=(
-            "Symlink these files into the root of the deployed tarball. \
-             Useful for config files and home pages. Supports glob syntax. \
-             (Default: '%(default)s')"
-        )
-    )
-    parser.add_argument(
-        "--test", dest="tarball_uri", help=(
-            "Don't start an HTTP listener. Instead download a build from Jenkins \
-            immediately."
-        ),
-    )
-
-    parser.add_argument(
-        "--webhook-token", dest="webhook_token", help=(
-            "Only accept pokes with this buildkite token."
-        ), required=True,
-    )
-
-    parser.add_argument(
-        "--api-token", dest="api_token", help=(
-            "API access token for buildkite. Require read_artifacts scope."
-        ), required=True,
-    )
-
-    # We require a matching webhook token, but because we take everything else
-    # about what to deploy from the poke body, we can be a little more paranoid
-    # and only accept builds / artifacts from a specific buildkite org
-    parser.add_argument(
-        "--org", dest="buildkite_org", help=(
-            "Lock down to this buildkite org"
-        )
-    )
-
-    args = parser.parse_args()
-    arg_extract_path = args.extract
-    arg_symlink = args.symlink
-    arg_webbook_token = args.webhook_token
-    arg_api_token = args.api_token
-    arg_buildkite_org = args.buildkite_org
-
-    if not os.path.isdir(arg_extract_path):
-        os.mkdir(arg_extract_path)
-
-    deployer = Deployer()
-    deployer.bundles_path = args.bundles_dir
-    deployer.should_clean = args.clean
-
-    for include in args.include:
-        deployer.symlink_paths.update({ os.path.basename(pth): pth for pth in glob.iglob(include) })
-
-    if args.tarball_uri is not None:
-        build_dir = os.path.join(arg_extract_path, "test-%i" % (time.time()))
-        deploy_tarball(args.tarball_uri, build_dir)
-    else:
-        print(
-            "Listening on port %s. Extracting to %s%s. Symlinking to %s. Include files: %s" %
-            (args.port,
-             arg_extract_path,
-             " (clean after)" if deployer.should_clean else "",
-             arg_symlink,
-             deployer.symlink_paths,
-            )
-        )
-        fred = threading.Thread(target=worker_thread)
-        fred.daemon = True
-        fred.start()
-        app.run(port=args.port, debug=False)
diff --git a/scripts/yarn-sub.js b/scripts/yarn-sub.js
deleted file mode 100644
index 817ad33c924..00000000000
--- a/scripts/yarn-sub.js
+++ /dev/null
@@ -1,22 +0,0 @@
-const path = require('path');
-const child_process = require('child_process');
-
-const moduleName = process.argv[2];
-if (!moduleName) {
-    console.error("Expected module name");
-    process.exit(1);
-}
-
-const argString = process.argv.length > 3 ? process.argv.slice(3).join(" ") : "";
-if (!argString) {
-    console.error("Expected an yarn argument string to use");
-    process.exit(1);
-}
-
-const modulePath = path.dirname(require.resolve(`${moduleName}/package.json`));
-
-child_process.execSync("yarn " + argString, {
-    env: process.env,
-    cwd: modulePath,
-    stdio: ['inherit', 'inherit', 'inherit'],
-});
diff --git a/src/@types/global.d.ts b/src/@types/global.d.ts
deleted file mode 100644
index 469ef59c696..00000000000
--- a/src/@types/global.d.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
-Copyright 2020 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import "matrix-react-sdk/src/@types/global"; // load matrix-react-sdk's type extensions first
-import type {Renderer} from "react-dom";
-
-declare global {
-    interface Window {
-        mxSendRageshake: (text: string, withLogs?: boolean) => void;
-        matrixChat: ReturnType<Renderer>;
-
-        // electron-only
-        ipcRenderer: any;
-
-        // opera-only
-        opera: any;
-
-        // https://developer.mozilla.org/en-US/docs/Web/API/InstallTrigger
-        InstallTrigger: any;
-    }
-
-    interface Navigator {
-        // PWA badging extensions https://w3c.github.io/badging/
-        setAppBadge?(count: number): Promise<void>;
-        clearAppBadge?(): Promise<void>;
-    }
-}
-
-// add method which is missing from the node typing
-declare module "url" {
-    interface Url {
-        format(): string;
-    }
-}
diff --git a/src/async-components/structures/CompatibilityView.tsx b/src/async-components/structures/CompatibilityView.tsx
deleted file mode 100644
index 05a09c6b893..00000000000
--- a/src/async-components/structures/CompatibilityView.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-/*
-Copyright 2020 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import * as React from "react";
-import { _t } from "matrix-react-sdk/src/languageHandler";
-import SdkConfig from 'matrix-react-sdk/src/SdkConfig';
-
-// directly import the style here as this layer does not support rethemedex at this time so no matrix-react-sdk
-// scss variables will be accessible.
-import "../../../res/css/structures/ErrorView.scss";
-
-interface IProps {
-    onAccept(): void;
-}
-
-const CompatibilityView: React.FC<IProps> = ({ onAccept }) => {
-    const brand = SdkConfig.get().brand;
-    return <div className="mx_ErrorView">
-        <div className="mx_ErrorView_container">
-            <div className="mx_HomePage_header">
-                <span className="mx_HomePage_logo">
-                    <img height="42" src="themes/element/img/logos/element-logo.svg" alt="Element" />
-                </span>
-                <h1>{ _t("Unsupported browser") }</h1>
-            </div>
-
-            <div className="mx_HomePage_col">
-                <div className="mx_HomePage_row">
-                    <div>
-                        <h2 id="step1_heading">{ _t("Your browser can't run %(brand)s", { brand }) }</h2>
-                        <p>
-                            { _t(
-                                "%(brand)s uses advanced browser features which aren't " +
-                                "supported by your current browser.",
-                                { brand },
-                            ) }
-                        </p>
-                        <p>
-                            { _t(
-                                'Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, ' +
-                                'or <safariLink>Safari</safariLink> for the best experience.',
-                                {},
-                                {
-                                    'chromeLink': (sub) => <a href="https://www.google.com/chrome">{sub}</a>,
-                                    'firefoxLink': (sub) => <a href="https://firefox.com">{sub}</a>,
-                                    'safariLink': (sub) => <a href="https://apple.com/safari">{sub}</a>,
-                                },
-                            )}
-                        </p>
-                        <p>
-                            { _t(
-                                "You can continue using your current browser, but some or all features may not work " +
-                                "and the look and feel of the application may be incorrect.",
-                            ) }
-                        </p>
-                        <button onClick={onAccept}>
-                            { _t("I understand the risks and wish to continue") }
-                        </button>
-                    </div>
-                </div>
-            </div>
-
-            <div className="mx_HomePage_col">
-                <div className="mx_HomePage_row">
-                    <div>
-                        <h2 id="step2_heading">Use Element on mobile</h2>
-                        <p><strong>iOS</strong> (iPhone or iPad)</p>
-                        <a
-                            href="https://apps.apple.com/app/vector/id1083446067"
-                            target="_blank"
-                            className="mx_ClearDecoration"
-                        >
-                            <img height="48" src="themes/element/img/download/apple.svg" alt="Apple App Store" />
-                        </a>
-                        <p className="mx_Spacer"><strong>Android</strong></p>
-                        <a
-                            href="https://play.google.com/store/apps/details?id=im.vector.app"
-                            target="_blank"
-                            className="mx_ClearDecoration"
-                        >
-                            <img height="48" src="themes/element/img/download/google.svg" alt="Google Play Store" />
-                        </a>
-                        <a
-                            href="https://f-droid.org/repository/browse/?fdid=im.vector.app"
-                            target="_blank"
-                            className="mx_ClearDecoration"
-                        >
-                            <img height="48" src="themes/element/img/download/fdroid.svg" alt="F-Droid" />
-                        </a>
-                    </div>
-                </div>
-            </div>
-
-            <div className="mx_HomePage_row mx_Center mx_Spacer">
-                <p className="mx_Spacer">
-                    <a href="https://element.io" target="_blank" className="mx_FooterLink">
-                        { _t("Go to element.io") }
-                    </a>
-                </p>
-            </div>
-        </div>
-    </div>;
-};
-
-export default CompatibilityView;
diff --git a/src/async-components/structures/ErrorView.tsx b/src/async-components/structures/ErrorView.tsx
deleted file mode 100644
index acde7ac0a26..00000000000
--- a/src/async-components/structures/ErrorView.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
-Copyright 2020 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import * as React from "react";
-import { _t } from "matrix-react-sdk/src/languageHandler";
-
-// directly import the style here as this layer does not support rethemedex at this time so no matrix-react-sdk
-// scss variables will be accessible.
-import "../../../res/css/structures/ErrorView.scss";
-
-interface IProps {
-    // both of these should already be internationalised
-    title: string;
-    messages?: string[];
-}
-
-const ErrorView: React.FC<IProps> = ({title, messages}) => {
-    return <div className="mx_ErrorView">
-        <div className="mx_ErrorView_container">
-            <div className="mx_HomePage_header">
-                <span className="mx_HomePage_logo">
-                    <img height="42" src="themes/element/img/logos/element-logo.svg" alt="Element" />
-                </span>
-                <h1>{ _t("Failed to start") }</h1>
-            </div>
-            <div className="mx_HomePage_col">
-                <div className="mx_HomePage_row">
-                    <div>
-                        <h2 id="step1_heading">{ title }</h2>
-                        {messages && messages.map(msg => <p key={msg}>
-                            { msg }
-                        </p>)}
-                    </div>
-                </div>
-            </div>
-            <div className="mx_HomePage_row mx_Center mx_Spacer">
-                <p className="mx_Spacer">
-                    <a href="https://element.io" target="_blank" className="mx_FooterLink">
-                        { _t("Go to element.io") }
-                    </a>
-                </p>
-            </div>
-        </div>
-    </div>;
-};
-
-export default ErrorView;
-
diff --git a/src/components/structures/VectorEmbeddedPage.js b/src/components/structures/VectorEmbeddedPage.js
deleted file mode 100644
index bf3e7275901..00000000000
--- a/src/components/structures/VectorEmbeddedPage.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-Copyright 2017 Vector Creations Ltd
-Copyright 2019 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-import EmbeddedPage from 'matrix-react-sdk/src/components/structures/EmbeddedPage';
-import sanitizeHtml from 'sanitize-html';
-import { _t } from 'matrix-react-sdk/src/languageHandler';
-
-export default class VectorEmbeddedPage extends EmbeddedPage {
-    static replaces = 'EmbeddedPage';
-
-    // we're overriding the base component here, for Element-specific tweaks
-    translate(s) {
-        s = sanitizeHtml(_t(s));
-        // ugly fix for https://github.com/vector-im/riot-web/issues/4243
-        // eslint-disable-next-line max-len
-        s = s.replace(/\[matrix\]/, '<a href="https://matrix.org" target="_blank" rel="noreferrer noopener"><img width="79" height="34" alt="Matrix" style="padding-left: 1px;vertical-align: middle" src="welcome/images/matrix.svg"/></a>');
-        return s;
-    }
-}
diff --git a/src/components/views/auth/VectorAuthFooter.js b/src/components/views/auth/VectorAuthFooter.js
deleted file mode 100644
index 21bba868d68..00000000000
--- a/src/components/views/auth/VectorAuthFooter.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2019 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import React from 'react';
-import SdkConfig from 'matrix-react-sdk/src/SdkConfig';
-import { _t } from 'matrix-react-sdk/src/languageHandler';
-
-const VectorAuthFooter = () => {
-    const brandingConfig = SdkConfig.get().branding;
-    let links = [
-        {"text": "Blog", "url": "https://element.io/blog"},
-        {"text": "Twitter", "url": "https://twitter.com/element_hq"},
-        {"text": "GitHub", "url": "https://github.com/vector-im/riot-web"},
-    ];
-
-    if (brandingConfig && brandingConfig.authFooterLinks) {
-        links = brandingConfig.authFooterLinks;
-    }
-
-    const authFooterLinks = [];
-    for (const linkEntry of links) {
-        authFooterLinks.push(
-            <a href={linkEntry.url} key={linkEntry.text} target="_blank" rel="noreferrer noopener">
-                {linkEntry.text}
-            </a>,
-        );
-    }
-
-    return (
-        <div className="mx_AuthFooter">
-            {authFooterLinks}
-            <a href="https://matrix.org" target="_blank" rel="noreferrer noopener">{ _t('Powered by Matrix') }</a>
-        </div>
-    );
-};
-
-VectorAuthFooter.replaces = 'AuthFooter';
-
-export default VectorAuthFooter;
diff --git a/src/components/views/auth/VectorAuthHeaderLogo.js b/src/components/views/auth/VectorAuthHeaderLogo.js
deleted file mode 100644
index 821d38e687d..00000000000
--- a/src/components/views/auth/VectorAuthHeaderLogo.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2019 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-'use strict';
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import SdkConfig from 'matrix-react-sdk/src/SdkConfig';
-
-export default class VectorAuthHeaderLogo extends React.PureComponent {
-    static replaces = 'AuthHeaderLogo'
-
-    static propTypes = {
-        icon: PropTypes.string,
-    }
-
-    render() {
-        const brandingConfig = SdkConfig.get().branding;
-        let logoUrl = "themes/element/img/logos/element-logo.svg";
-        if (brandingConfig && brandingConfig.authHeaderLogoUrl) {
-            logoUrl = brandingConfig.authHeaderLogoUrl;
-        }
-
-        return (
-            <div className="mx_AuthHeaderLogo">
-                <img src={logoUrl} alt="Element" />
-            </div>
-        );
-    }
-}
diff --git a/src/components/views/auth/VectorAuthPage.js b/src/components/views/auth/VectorAuthPage.js
deleted file mode 100644
index 19fd618073c..00000000000
--- a/src/components/views/auth/VectorAuthPage.js
+++ /dev/null
@@ -1,85 +0,0 @@
-/*
-Copyright 2019, 2020 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import React from 'react';
-import * as sdk from 'matrix-react-sdk/src/index';
-import SdkConfig from 'matrix-react-sdk/src/SdkConfig';
-
-export default class VectorAuthPage extends React.PureComponent {
-    static replaces = 'AuthPage'
-
-    static welcomeBackgroundUrl;
-
-    // cache the url as a static to prevent it changing without refreshing
-    static getWelcomeBackgroundUrl() {
-        if (VectorAuthPage.welcomeBackgroundUrl) return VectorAuthPage.welcomeBackgroundUrl;
-
-        const brandingConfig = SdkConfig.get().branding;
-        VectorAuthPage.welcomeBackgroundUrl = "themes/element/img/backgrounds/lake.jpg";
-        if (brandingConfig && brandingConfig.welcomeBackgroundUrl) {
-            if (Array.isArray(brandingConfig.welcomeBackgroundUrl)) {
-                const index = Math.floor(Math.random() * brandingConfig.welcomeBackgroundUrl.length);
-                VectorAuthPage.welcomeBackgroundUrl = brandingConfig.welcomeBackgroundUrl[index];
-            } else {
-                VectorAuthPage.welcomeBackgroundUrl = brandingConfig.welcomeBackgroundUrl;
-            }
-        }
-
-        return VectorAuthPage.welcomeBackgroundUrl;
-    }
-
-    render() {
-        const AuthFooter = sdk.getComponent('auth.AuthFooter');
-
-        const pageStyle = {
-            background: `center/cover fixed url(${VectorAuthPage.getWelcomeBackgroundUrl()})`,
-        };
-
-        const modalStyle = {
-            position: 'relative',
-            background: 'initial',
-        };
-
-        const blurStyle = {
-            position: 'absolute',
-            top: 0,
-            right: 0,
-            bottom: 0,
-            left: 0,
-            filter: 'blur(40px)',
-            background: pageStyle.background,
-        };
-
-        const modalContentStyle = {
-            display: 'flex',
-            zIndex: 1,
-            background: 'rgba(255, 255, 255, 0.59)',
-            borderRadius: '8px',
-        };
-
-        return (
-            <div className="mx_AuthPage" style={pageStyle}>
-                <div className="mx_AuthPage_modal" style={modalStyle}>
-                    <div className="mx_AuthPage_modalBlur" style={blurStyle} />
-                    <div className="mx_AuthPage_modalContent" style={modalContentStyle}>
-                        { this.props.children }
-                    </div>
-                </div>
-                <AuthFooter />
-            </div>
-        );
-    }
-}
diff --git a/src/favicon.ts b/src/favicon.ts
deleted file mode 100644
index a7f4d15bd25..00000000000
--- a/src/favicon.ts
+++ /dev/null
@@ -1,255 +0,0 @@
-/*
-Copyright 2020 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-interface IParams {
-    // colour parameters
-    bgColor: string;
-    textColor: string;
-    // font styling parameters
-    fontFamily: string;
-    fontWeight: "normal" | "italic" | "bold" | "bolder" | "lighter" | number;
-
-    // positioning parameters
-    isUp: boolean;
-    isLeft: boolean;
-}
-
-const defaults: IParams = {
-    bgColor: "#d00",
-    textColor: "#fff",
-    fontFamily: "sans-serif", // Arial,Verdana,Times New Roman,serif,sans-serif,...
-    fontWeight: "bold", // normal,italic,oblique,bold,bolder,lighter,100,200,300,400,500,600,700,800,900
-
-    isUp: false,
-    isLeft: false,
-};
-
-// Allows dynamic rendering of a circular badge atop the loaded favicon
-// supports colour, font and basic positioning parameters.
-// Based upon https://github.com/ejci/favico.js/blob/master/favico.js [MIT license]
-export default class Favicon {
-    private readonly browser = {
-        ff: typeof window.InstallTrigger !== "undefined",
-        opera: !!window.opera || navigator.userAgent.includes("Opera"),
-    };
-
-    private readonly params: IParams;
-    private readonly canvas: HTMLCanvasElement;
-    private readonly baseImage: HTMLImageElement;
-    private context: CanvasRenderingContext2D;
-    private icons: HTMLLinkElement[];
-
-    private isReady = false;
-    // callback to run once isReady is asserted, allows for a badge to be queued for when it can be shown
-    private readyCb = () => {};
-
-    constructor(params: Partial<IParams> = {}) {
-        this.params = {...defaults, ...params};
-
-        this.icons = Favicon.getIcons();
-        // create work canvas
-        this.canvas = document.createElement("canvas");
-        // create clone of favicon as a base
-        this.baseImage = document.createElement("img");
-
-        const lastIcon = this.icons[this.icons.length - 1];
-        if (lastIcon.hasAttribute("href")) {
-            this.baseImage.setAttribute("crossOrigin", "anonymous");
-            this.baseImage.onload = () => {
-                // get height and width of the favicon
-                this.canvas.height = (this.baseImage.height > 0) ? this.baseImage.height : 32;
-                this.canvas.width = (this.baseImage.width > 0) ? this.baseImage.width : 32;
-                this.context = this.canvas.getContext("2d");
-                this.ready();
-            };
-            this.baseImage.setAttribute("src", lastIcon.getAttribute("href"));
-        } else {
-            this.canvas.height = this.baseImage.height = 32;
-            this.canvas.width = this.baseImage.width = 32;
-            this.context = this.canvas.getContext("2d");
-            this.ready();
-        }
-    }
-
-    private reset() {
-        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
-        this.context.drawImage(this.baseImage, 0, 0, this.canvas.width, this.canvas.height);
-    }
-
-    private options(n: number | string, params: IParams) {
-        const opt = {
-            n: ((typeof n) === "number") ? Math.abs(n as number | 0) : n,
-            len: ("" + n).length,
-            // badge positioning constants as percentages
-            x: 0.4,
-            y: 0.4,
-            w: 0.6,
-            h: 0.6,
-        };
-
-        // apply positional transformations
-        if (params.isUp) {
-            if (opt.y < 0.6) {
-                opt.y = opt.y - 0.4;
-            } else {
-                opt.y = opt.y - 2 * opt.y + (1 - opt.w);
-            }
-        }
-        if (params.isLeft) {
-            if (opt.x < 0.6) {
-                opt.x = opt.x - 0.4;
-            } else {
-                opt.x = opt.x - 2 * opt.x + (1 - opt.h);
-            }
-        }
-
-        // scale the position to the canvas
-        opt.x = this.canvas.width * opt.x;
-        opt.y = this.canvas.height * opt.y;
-        opt.w = this.canvas.width * opt.w;
-        opt.h = this.canvas.height * opt.h;
-        return opt;
-    }
-
-    private circle(n: number | string, opts?: Partial<IParams>) {
-        const params = {...this.params, ...opts};
-        const opt = this.options(n, params);
-
-        let more = false;
-        if (opt.len === 2) {
-            opt.x = opt.x - opt.w * 0.4;
-            opt.w = opt.w * 1.4;
-            more = true;
-        } else if (opt.len >= 3) {
-            opt.x = opt.x - opt.w * 0.65;
-            opt.w = opt.w * 1.65;
-            more = true;
-        }
-
-        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
-        this.context.drawImage(this.baseImage, 0, 0, this.canvas.width, this.canvas.height);
-        this.context.beginPath();
-        const fontSize = Math.floor(opt.h * (opt.n > 99 ? 0.85 : 1)) + "px";
-        this.context.font = `${params.fontWeight} ${fontSize} ${params.fontFamily}`;
-        this.context.textAlign = "center";
-
-        if (more) {
-            this.context.moveTo(opt.x + opt.w / 2, opt.y);
-            this.context.lineTo(opt.x + opt.w - opt.h / 2, opt.y);
-            this.context.quadraticCurveTo(opt.x + opt.w, opt.y, opt.x + opt.w, opt.y + opt.h / 2);
-            this.context.lineTo(opt.x + opt.w, opt.y + opt.h - opt.h / 2);
-            this.context.quadraticCurveTo(opt.x + opt.w, opt.y + opt.h, opt.x + opt.w - opt.h / 2, opt.y + opt.h);
-            this.context.lineTo(opt.x + opt.h / 2, opt.y + opt.h);
-            this.context.quadraticCurveTo(opt.x, opt.y + opt.h, opt.x, opt.y + opt.h - opt.h / 2);
-            this.context.lineTo(opt.x, opt.y + opt.h / 2);
-            this.context.quadraticCurveTo(opt.x, opt.y, opt.x + opt.h / 2, opt.y);
-        } else {
-            this.context.arc(opt.x + opt.w / 2, opt.y + opt.h / 2, opt.h / 2, 0, 2 * Math.PI);
-        }
-
-        this.context.fillStyle = params.bgColor;
-        this.context.fill();
-        this.context.closePath();
-        this.context.beginPath();
-        this.context.stroke();
-        this.context.fillStyle = params.textColor;
-
-        if ((typeof opt.n) === "number" && opt.n > 999) {
-            const count = ((opt.n > 9999) ? 9 : Math.floor(opt.n as number / 1000)) + "k+";
-            this.context.fillText(count, Math.floor(opt.x + opt.w / 2), Math.floor(opt.y + opt.h - opt.h * 0.2));
-        } else {
-            this.context.fillText("" + opt.n, Math.floor(opt.x + opt.w / 2), Math.floor(opt.y + opt.h - opt.h * 0.15));
-        }
-
-        this.context.closePath();
-    }
-
-    private ready() {
-        if (this.isReady) return;
-        this.isReady = true;
-        this.readyCb();
-    }
-
-    private setIcon(canvas) {
-        setImmediate(() => {
-            this.setIconSrc(canvas.toDataURL("image/png"));
-        });
-    }
-
-    private setIconSrc(url) {
-        // if is attached to fav icon
-        if (this.browser.ff || this.browser.opera) {
-            // for FF we need to "recreate" element, attach to dom and remove old <link>
-            const old = this.icons[this.icons.length - 1];
-            const newIcon = window.document.createElement("link");
-            this.icons = [newIcon];
-            newIcon.setAttribute("rel", "icon");
-            newIcon.setAttribute("type", "image/png");
-            window.document.getElementsByTagName("head")[0].appendChild(newIcon);
-            newIcon.setAttribute("href", url);
-            if (old.parentNode) {
-                old.parentNode.removeChild(old);
-            }
-        } else {
-            this.icons.forEach(icon => {
-                icon.setAttribute("href", url);
-            });
-        }
-    }
-
-    public badge(content: number | string, opts?: Partial<IParams>) {
-        if (!this.isReady) {
-            this.readyCb = () => {
-                this.badge(content, opts);
-            }
-            return;
-        }
-
-        if (typeof content === "string" || content > 0) {
-            this.circle(content, opts);
-        } else {
-            this.reset();
-        }
-
-        this.setIcon(this.canvas);
-    }
-
-    private static getLinks() {
-        const icons: HTMLLinkElement[] = [];
-        const links = window.document.getElementsByTagName("head")[0].getElementsByTagName("link");
-        for (let i = 0; i < links.length; i++) {
-            if ((/(^|\s)icon(\s|$)/i).test(links[i].getAttribute("rel"))) {
-                icons.push(links[i]);
-            }
-        }
-        return icons;
-    }
-
-    private static getIcons() {
-        // get favicon link elements
-        let elms = Favicon.getLinks();
-        if (elms.length === 0) {
-            elms = [window.document.createElement("link")];
-            elms[0].setAttribute("rel", "icon");
-            window.document.getElementsByTagName("head")[0].appendChild(elms[0]);
-        }
-
-        elms.forEach(item => {
-            item.setAttribute("type", "image/png");
-        });
-        return elms;
-    }
-}
diff --git a/src/header b/src/header
deleted file mode 100644
index e80658c1039..00000000000
--- a/src/header
+++ /dev/null
@@ -1,15 +0,0 @@
-/*
-Copyright 2018 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
diff --git a/src/i18n/strings/ar.json b/src/i18n/strings/ar.json
deleted file mode 100644
index 09dbc0f4257..00000000000
--- a/src/i18n/strings/ar.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-    "Dismiss": "تجاهل",
-    "Unknown device": "جهاز مجهول",
-    "You need to be using HTTPS to place a screen-sharing call.": "تحتاج الى استخدام الاتصال الآمن (HTTPS) للسماح بمشاركة الشاشة.",
-    "powered by Matrix": "مشغل بواسطة Matrix",
-    "Welcome to Element": "مرحبا بك في Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "دردشة مشفرة غير مركزية  &amp;تطبيق تعاوني مدعوم بواسطة [matrix]",
-    "Create Account": "انشاء حساب",
-    "Explore rooms": "استكشف غرف المحادثات",
-    "Sign In": "الدخول",
-    "Missing indexeddb worker script!": "منفذ السكريبت الخاص ب Indexeddb غير موجود!",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "خطأ في الاعدادات: يمكنك فقط تحديد واحد فقط من: default_server_config، default_server_name، أو default_hs_url.",
-    "Invalid configuration: no default server specified.": "اعدادات خاطئة: لم يتم تحديد السيرفر الافتراضي.",
-    "Your Element is misconfigured": "تطبيقك معد بطريقة خاطئة",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "اعداداتك تحتوى على بنية JSON غير صحيحة. يرجى تصحيح المشكلة واعادة تحديث الصفحة.",
-    "The message from the parser is: %(message)s": "الرسالة من المدقق هي:%(message)s",
-    "Invalid JSON": "JSON خاطئ",
-    "Unable to load config file: please refresh the page to try again.": "لم نستطع تحميل ملف الاعداد: يرجى تحديث الصفحة للمحاولة مرة اخرى.",
-    "Unexpected error preparing the app. See console for details.": "حدث خطأ غير متوقع عند تجهيز التطبيق. انظر الى منصة التحكم للمزيد من التفاصيل.",
-    "Download Completed": "تم اكتمال التحميل",
-    "Open": "فتح",
-    "Open user settings": "فتح اعدادات المستخدم",
-    "Previous/next recently visited room or community": "السابقة/اللاحقة الغرفة او المجتمع الذي تمت زيارته مؤخرا",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s سطح المكتب (%(platformName)s)",
-    "Go to your browser to complete Sign In": "اذهب الى المتصفح لاكمال تسجيل الدخول",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "متصفح غير متوافق",
-    "Your browser can't run %(brand)s": "متصفحك لايمكنه تشغيل %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s يستخدم مزايا المتصفح المتقدمة والتي لا يدعمها متصفحك الحالي.",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "يرجى تثبيت <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "يمكنك الاستمرار في استخدام متصفحك الحالي، ولكن بعض او كل المزايا ربما لا تعمل ويكون شكل التطبيق وشعورك تجاهه غير صحيح.",
-    "I understand the risks and wish to continue": "ادرك المخاطر وارغب في الاستمرار",
-    "Go to element.io": "اذهب الى Element.io",
-    "Failed to start": "فشل الاقلاع"
-}
diff --git a/src/i18n/strings/az.json b/src/i18n/strings/az.json
deleted file mode 100644
index 6958694e77e..00000000000
--- a/src/i18n/strings/az.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-    "Unknown device": "Naməlum qurğu",
-    "You need to be using HTTPS to place a screen-sharing call.": "İş stolunun birgə istifadəsi üçün HTTPS-dan istifadə tələb olunur.",
-    "Invalid JSON": "Yanlış JSON",
-    "Sign In": "Daxil ol",
-    "Create Account": "Hesab Aç",
-    "Explore rooms": "Otaqları kəşf edin",
-    "Unexpected error preparing the app. See console for details.": "Proqramın başlanmasında gözlənilməz xəta. İzah üçün konsola baxın",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Yanlış konfiqurasiya: bunlardan yalnız birini təyin edin - default_server_config, default_server_name, və ya default_hs_url.",
-    "Invalid configuration: no default server specified.": "Yanlış konfiqurasiya: ilkin server təyin edilməyib",
-    "The message from the parser is: %(message)s": "Sözügedən mesaj: %(message)s",
-    "powered by Matrix": "Matrix tərəfindən təchiz edilmişdir",
-    "Dismiss": "Nəzərə almayın",
-    "Welcome to Element": "Element-ə xoş gəlmişsiniz",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "[matrix] tərəfindən təchiz edilmiş mərkəziləşdirilməmiş, şifrələnmiş çat və əməkdaşlıq platforması"
-}
diff --git a/src/i18n/strings/basefile.json b/src/i18n/strings/basefile.json
deleted file mode 100644
index 9e26dfeeb6e..00000000000
--- a/src/i18n/strings/basefile.json
+++ /dev/null
@@ -1 +0,0 @@
-{}
\ No newline at end of file
diff --git a/src/i18n/strings/be.json b/src/i18n/strings/be.json
deleted file mode 100644
index 2078f53ee6c..00000000000
--- a/src/i18n/strings/be.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-    "Dismiss": "Aдхіліць",
-    "powered by Matrix": "працуе на Matrix"
-}
diff --git a/src/i18n/strings/bg.json b/src/i18n/strings/bg.json
deleted file mode 100644
index bc60010669a..00000000000
--- a/src/i18n/strings/bg.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-    "Unknown device": "Непознато устройство",
-    "You need to be using HTTPS to place a screen-sharing call.": "Трябва да използвате HTTPS, за да споделите екрана си.",
-    "Dismiss": "Затвори",
-    "powered by Matrix": "базирано на Matrix",
-    "Welcome to Element": "Добре дошли в Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Децентрализиран, шифрован чат и съвместна работа, базирани на [matrix]",
-    "Sign In": "Вписване",
-    "Create Account": "Създай профил",
-    "Explore rooms": "Открий стаи",
-    "Unexpected error preparing the app. See console for details.": "Неочаквана грешка при подготвянето на приложението. Вижте конзолата за подробности.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Невалидна конфигурация: може да е указано само едно от: default_server_config, default_server_name, или default_hs_url.",
-    "Invalid configuration: no default server specified.": "Невалидна конфигурация: не е указан сървър по подразбиране.",
-    "The message from the parser is: %(message)s": "Грешката от парсъра е: %(message)s",
-    "Invalid JSON": "Невалиден JSON",
-    "Open user settings": "Отвори потребителските настройки",
-    "Go to your browser to complete Sign In": "Отидете в браузъра за да завършите влизането",
-    "Missing indexeddb worker script!": "Липсва indexdb worker скриптът!",
-    "Unable to load config file: please refresh the page to try again.": "Неуспешно зареждане на конфигурационния файл: презаредете страницата за да опитате пак.",
-    "Previous/next recently visited room or community": "Предишна/следваща наскоро-посетена стая или общност",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Desktop (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Неподдържан браузър",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Инсталирайте <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink> или <safariLink>Safari</safariLink> за най-добра работа.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Може да продължите да използвате сегашния си браузър, но някои или всички функции може да се окажат неработещи, или пък външния вид на приложението да изглежда неправилен.",
-    "I understand the risks and wish to continue": "Разбирам рисковете и желая да продължа",
-    "Go to element.io": "Отиди на element.io",
-    "Failed to start": "Неуспешно стартиране",
-    "Your Element is misconfigured": "Вашият Element не е конфигуриран правилно",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Вашата Element конфигурация съдържа невалиден JSON. Коригирайте проблема и презаредете страницата.",
-    "Download Completed": "Свалянето завърши",
-    "Open": "Отвори",
-    "Your browser can't run %(brand)s": "Браузърът ви не може да изпълни %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s използва модерни функции на браузъра, които не се поддържат от Вашия."
-}
diff --git a/src/i18n/strings/bn_BD.json b/src/i18n/strings/bn_BD.json
deleted file mode 100644
index 9e26dfeeb6e..00000000000
--- a/src/i18n/strings/bn_BD.json
+++ /dev/null
@@ -1 +0,0 @@
-{}
\ No newline at end of file
diff --git a/src/i18n/strings/bs.json b/src/i18n/strings/bs.json
deleted file mode 100644
index 9e26dfeeb6e..00000000000
--- a/src/i18n/strings/bs.json
+++ /dev/null
@@ -1 +0,0 @@
-{}
\ No newline at end of file
diff --git a/src/i18n/strings/ca.json b/src/i18n/strings/ca.json
deleted file mode 100644
index d4be8f45f3f..00000000000
--- a/src/i18n/strings/ca.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-    "Dismiss": "Omet",
-    "Unknown device": "Dispositiu desconegut",
-    "Welcome to Element": "Us donem la benvinguda a Element",
-    "You need to be using HTTPS to place a screen-sharing call.": "Heu d'utilitzar HTTPS per poder fer una trucada amb pantalla compartida.",
-    "powered by Matrix": "amb tecnologia de Matrix",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Xat descentralitzat, encriptat i col·laboratiu amb tecnologia de [matrix]",
-    "Create Account": "Crea un compte",
-    "Explore rooms": "Exploreu les sales",
-    "Sign In": "Inicia la sessió",
-    "Invalid configuration: no default server specified.": "Configuració no vàlida: no s'ha especificat cap servidor per defecte.",
-    "Invalid JSON": "JSON no vàlid",
-    "Go to your browser to complete Sign In": "Aneu al vostre navegador per completar l'inici de sessió"
-}
diff --git a/src/i18n/strings/cs.json b/src/i18n/strings/cs.json
deleted file mode 100644
index b2a50714549..00000000000
--- a/src/i18n/strings/cs.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-    "Welcome to Element": "Vítá vás Element",
-    "Unknown device": "Neznámé zařízení",
-    "You need to be using HTTPS to place a screen-sharing call.": "Pro uskutečnění hovoru se sdílením obrazovky musíte používat HTTPS.",
-    "Dismiss": "Zahodit",
-    "powered by Matrix": "používá protokol Matrix",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Decentralizovaný, šifrovaný chat a spolupráce na platformě [matrix]",
-    "Sign In": "Přihlásit se",
-    "Create Account": "Vytvořit účet",
-    "Explore rooms": "Procházet místnosti",
-    "The message from the parser is: %(message)s": "Zpráva z parseru je: %(message)s",
-    "Invalid JSON": "Neplatný JSON",
-    "Unexpected error preparing the app. See console for details.": "Neočekávaná chyba při přípravě aplikace. Podrobnosti najdete v konzoli.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Neplatná konfigurace: je možné specifikovat pouze jednu volbu z default_server_config, default_server_name, nebo default_hs_url.",
-    "Invalid configuration: no default server specified.": "Neplatná konfigurace: není zadán výchozí server.",
-    "Open user settings": "Otevřít uživatelské nastavení",
-    "Go to your browser to complete Sign In": "Přejděte do prohlížeče a dokončete přihlášení",
-    "Your Element is misconfigured": "Váš Element je nesprávně nastaven",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Vaše konfigurace Elementu obsahuje nesprávná data JSON. Vyřešte prosím problém a načtěte znovu stránku.",
-    "Unable to load config file: please refresh the page to try again.": "Nepodařilo se načíst konfigurační soubor: abyste to zkusili znovu, načtěte prosím znovu stránku.",
-    "Download Completed": "Stahování dokončeno",
-    "Open": "Otevřít",
-    "Previous/next recently visited room or community": "Předchozí/další nedávno navštívená místnost či skupina",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Nepodporovaný prohlížeč",
-    "Your browser can't run %(brand)s": "Váš prohlížeč nedokáže spustit %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s využívá pokročilých funkcí prohlížeče, které ten váš nepodporuje.",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Pro nejlepší zážitek si prosím nainstalujte prohlížeč <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, nebo <safariLink>Safari</safariLink>.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Můžete pokračovat v užívání vašeho současného prohlížeče, ale některé (nebo dokonce všechny) funkce nemusí fungovat a vzhled a chování aplikace nemusí být správné.",
-    "I understand the risks and wish to continue": "Rozumím a přesto chci pokračovat",
-    "Go to element.io": "Přejít na element.io"
-}
diff --git a/src/i18n/strings/cy.json b/src/i18n/strings/cy.json
deleted file mode 100644
index dcee3439ad5..00000000000
--- a/src/i18n/strings/cy.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-    "The message from the parser is: %(message)s": "Y neges gan y dosrannudd yn: %(message)s",
-    "Invalid JSON": "JSON annilys",
-    "Unexpected error preparing the app. See console for details.": "Gwall annisgwyl wrth baratoi'r app. Gweler y consol am fanylion.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Gosodiad annilys: dim ond un o default_server_config, default_server_name, neu default_hs_url y gall ei nodi.",
-    "Invalid configuration: no default server specified.": "Gosodiad annilys: ni nodwyd gweinydd diofyn.",
-    "Unknown device": "Dyfais anhysbys",
-    "You need to be using HTTPS to place a screen-sharing call.": "Mae angen i chi fod yn defnyddio HTTPS i osod galwad rhannu sgrin.",
-    "powered by Matrix": "pwerwyd gan Matrix",
-    "Dismiss": "Wfftio",
-    "Welcome to Element": "Croeso i Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Sgwrsio a chydweithredu datganoledig a amgryptiedig â phwerwyd gan [matrix]",
-    "Sign In": "Mewngofnodi",
-    "Create Account": "Creu Cyfrif",
-    "Explore rooms": "Archwilio Ystafelloedd",
-    "Go to your browser to complete Sign In": "Ewch i'ch porwr i gwblhau Mewngofnodi"
-}
diff --git a/src/i18n/strings/da.json b/src/i18n/strings/da.json
deleted file mode 100644
index d31f055503f..00000000000
--- a/src/i18n/strings/da.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-    "Dismiss": "Afslut",
-    "powered by Matrix": "Drevet af Matrix",
-    "Unknown device": "Ukendt enhed",
-    "You need to be using HTTPS to place a screen-sharing call.": "Du skal bruge HTTPS for at lave skærmdelings opkald.",
-    "Welcome to Element": "Velkommen til Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Decentraliseret, krypteret chat &amp; samarbejde baseret på [matrix]",
-    "The message from the parser is: %(message)s": "Beskeden fra parseren er: %(message)s",
-    "Invalid JSON": "Ugyldig JSON",
-    "Unexpected error preparing the app. See console for details.": "Uventet fejl ved forberedelse af appen. Se konsollen for detaljer.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Ugyldig konfiguration: kan kun angive en af default_server_config, default_server_name eller default_hs_url.",
-    "Invalid configuration: no default server specified.": "Ugyldig konfiguration: ingen standardserver angivet.",
-    "Sign In": "Log ind",
-    "Create Account": "Opret brugerkonto",
-    "Explore rooms": "Udforsk rum",
-    "Missing indexeddb worker script!": "Manglende indexeddb worker script!",
-    "Unable to load config file: please refresh the page to try again.": "Ikke i stand til at loade config fil: genopfrisk venligst siden for at prøve igen.",
-    "Open user settings": "Åbn brugerindstillinger",
-    "Previous/next recently visited room or community": "Forrige/næste besøgte rum eller fællesskab",
-    "Go to your browser to complete Sign In": "Gå til din browser for at færdiggøre Log ind"
-}
diff --git a/src/i18n/strings/de_DE.json b/src/i18n/strings/de_DE.json
deleted file mode 100644
index 1007742d6b8..00000000000
--- a/src/i18n/strings/de_DE.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "powered by Matrix": "betrieben mit Matrix",
-    "Dismiss": "Ausblenden",
-    "Unknown device": "Unbekanntes Gerät",
-    "You need to be using HTTPS to place a screen-sharing call.": "Du musst HTTPS nutzen um einen Anruf mit Bildschirmfreigabe durchzuführen.",
-    "Welcome to Element": "Willkommen bei Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Dezentrale, verschlüsselte Chat- &amp; Kollaborationslösung unterstützt von [matrix]",
-    "Sign In": "Anmelden",
-    "Create Account": "Account erstellen",
-    "Explore rooms": "Erkunde Räume",
-    "Unexpected error preparing the app. See console for details.": "Unerwarteter Fehler bei der Vorbereitung der App. Siehe Konsole für Details.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Ungültige Konfiguration: Es kann nur eine der Optionen default_server_config, default_server_name oder default_hs_url angegeben werden.",
-    "Invalid configuration: no default server specified.": "Ungültige Konfiguration: Es wurde kein Standardserver angegeben.",
-    "The message from the parser is: %(message)s": "Die Nachricht des Parsers ist: %(message)s",
-    "Invalid JSON": "Ungültiges JSON",
-    "Go to your browser to complete Sign In": "Gehe zu deinem Browser, um die Anmeldung abzuschließen",
-    "Open user settings": "Öffne Nutzer-Einstellungen",
-    "Unable to load config file: please refresh the page to try again.": "Konfigurationsdatei kann nicht geladen werden: Bitte aktualisiere die Seite, um es erneut zu versuchen.",
-    "Missing indexeddb worker script!": "Fehlendes indexeddb Worker-Skript!",
-    "Previous/next recently visited room or community": "Vorheriger/nächster kürzlich besuchter Raum oder Community",
-    "Unsupported browser": "Nicht unterstützter Browser",
-    "Go to element.io": "Gehe zu element.io",
-    "Failed to start": "Start fehlgeschlagen",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Desktop (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Bitte installiere <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, oder <safariLink>Safari</safariLink> für das beste Erlebnis.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Du kannst mit diesem Browser weitermachen, aber einiges könnte nicht funktionieren und die Darstellung könnte fehlerhaft sein.",
-    "I understand the risks and wish to continue": "Ich verstehe die Risiken und möchte fortfahren",
-    "Your Element is misconfigured": "Dein Element ist fehlkonfiguriert",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Deine Element Konfiguration enthält ungültiges JSON. Bitte korrigiere das Problem und lade die Seite neu.",
-    "Download Completed": "Download fertiggestellt",
-    "Open": "Öffnen",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s verwendet erweiterte Browserfunktionen, die von Ihrem aktuellen Browser nicht unterstützt werden.",
-    "Your browser can't run %(brand)s": "Dein Browser kann %(brand)s nicht ausführen",
-    "Powered by Matrix": "Betrieben mit Matrix"
-}
diff --git a/src/i18n/strings/el.json b/src/i18n/strings/el.json
deleted file mode 100644
index b4c9b28192b..00000000000
--- a/src/i18n/strings/el.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-    "Dismiss": "Απόρριψη",
-    "Unknown device": "Άγνωστη συσκευή",
-    "You need to be using HTTPS to place a screen-sharing call.": "Απαιτείται η χρήση HTTPS για την πραγματοποίηση κλήσης διαμοιρασμού επιφάνειας εργασίας.",
-    "powered by Matrix": "λειτουργεί με το Matrix",
-    "Welcome to Element": "Καλώς ήλθατε στο Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Αποκεντρωμένη, κρυπτογραφημένη συνομιλία και συνεργασία χρησιμοποιώντας το [matrix]",
-    "Sign In": "Σύνδεση",
-    "Create Account": "Δημιουργία Λογαριασμού",
-    "The message from the parser is: %(message)s": "Το μήνυμα από τον αναλυτή είναι: %(message)s",
-    "Invalid JSON": "Μη έγκυρο JSON",
-    "Unexpected error preparing the app. See console for details.": "Απρόοπτο σφάλμα κατά την προετοιμασία της εφαρμογής. Δείτε το τερματικό για λεπτομέρειες.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Μη έγκυρη ρύθμιση παραμέτρων: δυνατότητα ορισμού μόνο ένα από τα default_server_config, default_server_name, ή default_hs_url.",
-    "Invalid configuration: no default server specified.": "Μη έγκυρη ρύθμιση παραμέτρων: δεν έχει οριστεί προκαθορισμένος διακομιστής.",
-    "Explore rooms": "Εξερευνήστε δωμάτια"
-}
diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json
deleted file mode 100644
index 9c71b85849b..00000000000
--- a/src/i18n/strings/en_EN.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-    "Missing indexeddb worker script!": "Missing indexeddb worker script!",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.",
-    "Invalid configuration: no default server specified.": "Invalid configuration: no default server specified.",
-    "Your Element is misconfigured": "Your Element is misconfigured",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.",
-    "The message from the parser is: %(message)s": "The message from the parser is: %(message)s",
-    "Invalid JSON": "Invalid JSON",
-    "Unable to load config file: please refresh the page to try again.": "Unable to load config file: please refresh the page to try again.",
-    "Unexpected error preparing the app. See console for details.": "Unexpected error preparing the app. See console for details.",
-    "Download Completed": "Download Completed",
-    "Open": "Open",
-    "Dismiss": "Dismiss",
-    "Open user settings": "Open user settings",
-    "Previous/next recently visited room or community": "Previous/next recently visited room or community",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Desktop (%(platformName)s)",
-    "Go to your browser to complete Sign In": "Go to your browser to complete Sign In",
-    "Unknown device": "Unknown device",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "You need to be using HTTPS to place a screen-sharing call.": "You need to be using HTTPS to place a screen-sharing call.",
-    "Powered by Matrix": "Powered by Matrix",
-    "Unsupported browser": "Unsupported browser",
-    "Your browser can't run %(brand)s": "Your browser can't run %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s uses advanced browser features which aren't supported by your current browser.",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.",
-    "I understand the risks and wish to continue": "I understand the risks and wish to continue",
-    "Go to element.io": "Go to element.io",
-    "Failed to start": "Failed to start",
-    "Welcome to Element": "Welcome to Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Decentralised, encrypted chat &amp; collaboration powered by [matrix]",
-    "Sign In": "Sign In",
-    "Create Account": "Create Account",
-    "Explore rooms": "Explore rooms"
-}
diff --git a/src/i18n/strings/en_US.json b/src/i18n/strings/en_US.json
deleted file mode 100644
index d6026903fc2..00000000000
--- a/src/i18n/strings/en_US.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-    "Dismiss": "Dismiss",
-    "powered by Matrix": "powered by Matrix",
-    "Unknown device": "Unknown device",
-    "You need to be using HTTPS to place a screen-sharing call.": "You need to be using HTTPS to place a screen-sharing call.",
-    "Welcome to Element": "Welcome to Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Decentralised, encrypted chat &amp; collaboration powered by [matrix]",
-    "Sign In": "Sign In",
-    "Create Account": "Create Account",
-    "Explore rooms": "Explore rooms",
-    "The message from the parser is: %(message)s": "The message from the parser is: %(message)s",
-    "Invalid JSON": "Invalid JSON",
-    "Unexpected error preparing the app. See console for details.": "Unexpected error preparing the app. See console for details.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.",
-    "Invalid configuration: no default server specified.": "Invalid configuration: no default server specified."
-}
diff --git a/src/i18n/strings/eo.json b/src/i18n/strings/eo.json
deleted file mode 100644
index 89edcd1c38d..00000000000
--- a/src/i18n/strings/eo.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Dismiss": "Rezigni",
-    "powered by Matrix": "povigita per Matrix",
-    "Unknown device": "Nekonata aparato",
-    "You need to be using HTTPS to place a screen-sharing call.": "Vi devas uzi HTTPS por ekranvidadi.",
-    "Welcome to Element": "Bonvenon al Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Malcentra, ĉifrita babilado &amp; kunlaboro povigita per [matrix]",
-    "Sign In": "Saluti",
-    "Create Account": "Krei konton",
-    "Explore rooms": "Esplori ĉambrojn",
-    "Unexpected error preparing the app. See console for details.": "Neatendita eraro okazis dum la preparado de la aplikaĵo. Rigardu la konzolon por detaloj.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Nevalida agordo: vi povas specifi nur unu elekteblon el « default_server_config », « default_server_name », aŭ « default_hs_url ».",
-    "Invalid configuration: no default server specified.": "Nevalida agordo: neniu implicita servilo estas specifita.",
-    "The message from the parser is: %(message)s": "La mesaĝo el la analizilo estas: %(message)s",
-    "Invalid JSON": "Nevalida JSON",
-    "Go to your browser to complete Sign In": "Iru al via foliumilo por fini la saluton",
-    "Open user settings": "Malfermi agordojn de uzanto",
-    "Unable to load config file: please refresh the page to try again.": "Ne povas enlegi agordan dosieron: bonvolu reprovi per aktualigo de la paĝo.",
-    "Previous/next recently visited room or community": "Antaŭa/sekva freŝe vizitita ĉambro aŭ komunumo",
-    "Missing indexeddb worker script!": "Mankas fonskripto «indexeddb»!",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s labortabla (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Nesubtenata foliumilo",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Bonvolu instali foliumilon <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, aŭ <safariLink>Safari</safariLink>, por la plej bona sperto.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Vi povas daŭre uzadi vian nunan foliumilon, sed iuj (eĉ ĉiuj) funkcioj eble ne funkcios, kaj la aspekto de la aplikaĵo eble ne estos ĝusta.",
-    "I understand the risks and wish to continue": "Mi komprenas la riskon kaj volas pluiĝi",
-    "Go to element.io": "Iri al element.io",
-    "Failed to start": "Malsukcesis starti",
-    "Download Completed": "Elŝuto finiĝis",
-    "Open": "Malfermi",
-    "Your Element is misconfigured": "Via Elemento estas misagordita",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Via agordaro de Elemento enhavas nevalidajn datumojn de JSON. Bonvolu korekti la problemon kaj aktualigi la paĝon.",
-    "Your browser can't run %(brand)s": "Via foliumilo ne povas ruli %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s uzas specialajn funkciojn de foliumilo, kiujn via nuna foliumilo ne subtenas.",
-    "Powered by Matrix": "Povigata de Matrix"
-}
diff --git a/src/i18n/strings/es.json b/src/i18n/strings/es.json
deleted file mode 100644
index f48ad2c15f2..00000000000
--- a/src/i18n/strings/es.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Unknown device": "Dispositivo desconocido",
-    "Dismiss": "Omitir",
-    "powered by Matrix": "con el poder de Matrix",
-    "You need to be using HTTPS to place a screen-sharing call.": "Debes usar HTTPS para hacer una llamada con pantalla compartida.",
-    "Welcome to Element": "Bienvenido a Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Conversaciones cifradas y descentralizadas &amp; colaboración impulsada por [matrix]",
-    "Sign In": "Iniciar sesión",
-    "Create Account": "Crear cuenta",
-    "Explore rooms": "Explorar salas",
-    "Unexpected error preparing the app. See console for details.": "Error inesperado preparando la aplicación. Vea la consola para más detalles.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Configuración errónea: sólo puede especificar uno de default_server_config, default_server_name, o default_hs_url.",
-    "Invalid configuration: no default server specified.": "Configuración errónea: no se ha especificado servidor.",
-    "The message from the parser is: %(message)s": "El mensaje del parser es: %(message)s",
-    "Invalid JSON": "JSON inválido",
-    "Open user settings": "Abrir opciones de usuario",
-    "Go to your browser to complete Sign In": "Abre tu navegador web para completar el registro",
-    "Missing indexeddb worker script!": "Falta el script de trabajo indexeddb!",
-    "Unable to load config file: please refresh the page to try again.": "No se ha podido cargar el archivo de configuración. Recarga la página para intentar nuevamente.",
-    "Previous/next recently visited room or community": "Anterior/siguiente sala o comunidad visitada recientemente",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Escritorio (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Navegador no soportado",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Por favor, instale <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, o <safariLink>Safari</safariLink> para la mejor experiencia.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Puedes seguir utilizando tu navegador actual, pero puede que algunas funcionalidades no estén disponibles o que algunas partes de la aplicación se muestren de forma incorrecta.",
-    "I understand the risks and wish to continue": "Entiendo los riesgos y deseo continuar",
-    "Go to element.io": "Ir a element.io",
-    "Failed to start": "Fallo al iniciar",
-    "Your Element is misconfigured": "Tu elemento está mal configurado",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Su configuración de Element contiene JSON inválido. Por favor corríjalo e inténtelo de nuevo.",
-    "Download Completed": "Descarga completada",
-    "Open": "Abrir",
-    "Your browser can't run %(brand)s": "Su navegador es incompatible con %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s usa funciones avanzadas que su navegador actual no soporta.",
-    "Powered by Matrix": "Desarrollado por Matrix"
-}
diff --git a/src/i18n/strings/et.json b/src/i18n/strings/et.json
deleted file mode 100644
index 8b6dc8d1d14..00000000000
--- a/src/i18n/strings/et.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "The message from the parser is: %(message)s": "Sõnum parserist on: %(message)s",
-    "Invalid JSON": "Vigane JSON",
-    "Unknown device": "Tundmatu seade",
-    "Invalid configuration: no default server specified.": "Vigane seadistus: vaikimisi server on määramata.",
-    "Unable to load config file: please refresh the page to try again.": "Seadistuste faili laadimine ei õnnestunud: uuesti proovimiseks palun lae leht uuesti.",
-    "Unexpected error preparing the app. See console for details.": "Rakenduse ettevalmistamisel tekkis ootamatu viga. Täpsema teabe leiad konsoolist.",
-    "Open user settings": "Ava kasutaja seadistused",
-    "Go to your browser to complete Sign In": "Sisselogimiseks ava oma brauser",
-    "Dismiss": "Loobu",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Matrix'i protokollil põhinev hajutatud ja krüpteeritud suhtlus- ning ühistöörakendus",
-    "Explore rooms": "Uuri jututubasid",
-    "Missing indexeddb worker script!": "Lahendusest puudub indexeddb skript!",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Vigane seadistus. Sa võid määrata vaid ühe alljärgnevatest: default_server_config, default_server_name või default_hs_url.",
-    "Previous/next recently visited room or community": "Eelmine/järgmine hiljuti kasutatud jututuba või kogukond",
-    "You need to be using HTTPS to place a screen-sharing call.": "Ekraani jagava kõne jaoks pead kasutama HTTPS-ühendust.",
-    "powered by Matrix": "põhineb Matrix'il",
-    "Welcome to Element": "Tere tulemast Element kasutajaks",
-    "Sign In": "Logi sisse",
-    "Create Account": "Loo konto",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s'i töölauaversioon (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Sellele brauserile puudub tugi",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Parima kasutuskogemuse jaoks palun paigalda <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink> või <safariLink>Safari</safariLink>.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Sa võid jätkata praeguse brauseri kasutamist, kuid mõned või kõik funktsionaalsused ei pruugi toimida ning rakenduse välimus võib vigane olla.",
-    "I understand the risks and wish to continue": "Ma mõistan riske ja soovin jätkata",
-    "Go to element.io": "Mine element.io lehele",
-    "Failed to start": "Käivitamine ei õnnestunud",
-    "Download Completed": "Allalaadimine on lõpetatud",
-    "Open": "Ava",
-    "Your Element is misconfigured": "Sinu Element on valesti seadistatud",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Sinu Element'i seadistustes on vigased JSON-vormingus andmed. Palun paranda see viga ja lae leht uuesti.",
-    "Your browser can't run %(brand)s": "%(brand)s ei toimi sinu brauseris",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s kasutab mitmeid uusi brauseri-põhiseid tehnoloogiaid, mis ei ole veel sinu veebibrauseris toetatud.",
-    "Powered by Matrix": "Põhineb Matrix'il"
-}
diff --git a/src/i18n/strings/eu.json b/src/i18n/strings/eu.json
deleted file mode 100644
index 030f1138b02..00000000000
--- a/src/i18n/strings/eu.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Dismiss": "Baztertu",
-    "powered by Matrix": "Matrix-ekin egina",
-    "Unknown device": "Gailu ezezaguna",
-    "You need to be using HTTPS to place a screen-sharing call.": "HTTPS erabili behar duzu sekretuak partekatzeko dei bat ezartzeko.",
-    "Welcome to Element": "Ongi etorri Element mezularitzara",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Txat eta elkarlan deszentralizatua eta zifratua [matrix] sarean",
-    "Sign In": "Hasi saioa",
-    "Create Account": "Sortu kontua",
-    "Explore rooms": "Arakatu gelak",
-    "Unexpected error preparing the app. See console for details.": "Ustekabeko errorea aplikazioa prestatzean. Ikusi xehetasunak kontsolan.",
-    "Invalid configuration: no default server specified.": "Konfigurazio baliogabea: Ez da lehenetsitako zerbitzaririk zehaztu.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Konfigurazio baliogabea: default_server_config, default_server_name, edo default_hs_url bat bakarra zehaztu daiteke.",
-    "The message from the parser is: %(message)s": "Prozesatzailearen mezua hau da: %(message)s",
-    "Invalid JSON": "JSON baliogabea",
-    "Go to your browser to complete Sign In": "Joan zure nabigatzailera izena ematen bukatzeko",
-    "Open user settings": "Ireki erabiltzailearen ezarpenak",
-    "Missing indexeddb worker script!": "indexeddb langile scripta falta da!",
-    "Unable to load config file: please refresh the page to try again.": "Ezin izan da konfigurazio fitxategia kargatu: Saiatu orria birkargatzen.",
-    "Previous/next recently visited room or community": "Berriki bisitatutako aurreko/hurrengo gela edo komunitatea",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Desktop (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Onartu gabeko nabigatzailea",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Instalatu <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, edo <safariLink>Safari</safariLink> esperientzia hobe baterako.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Zure oraingo nabigatzailea erabiltzen jarraitu dezakezu, baina ezaugarri batzuk agian ez dute funtzionatuko eta itxura desegokia izan daiteke.",
-    "I understand the risks and wish to continue": "Arriskuak ulertzen ditut eta jarraitu nahi dut",
-    "Go to element.io": "Joan element.io gunera",
-    "Failed to start": "Huts egin du abiatzean",
-    "Your Element is misconfigured": "Zure Element ez dago ondo konfiguratuta",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Zure Element-en konfigurazioak JSON baliogabea dauka. Mesedez, konpondu arazoa eta birkargatu orria.",
-    "Download Completed": "Deskarga burututa",
-    "Open": "Ireki",
-    "Your browser can't run %(brand)s": "Zure nabigatzaileak ezin du %(brand)s exekutatu",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s-(e)k zure oraingo nabigatzaile honek euskarririk ematen ez dien ezaugarri aurreratuak erabiltzen ditu.",
-    "Powered by Matrix": "Matrixekin egina"
-}
diff --git a/src/i18n/strings/fa.json b/src/i18n/strings/fa.json
deleted file mode 100644
index 2b504cf3820..00000000000
--- a/src/i18n/strings/fa.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "powered by Matrix": "قدرت‌یافته از ماتریکس",
-    "Unknown device": "دستگاه ناشناخته",
-    "Welcome to Element": "به Element خوش‌آمدید",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "چت غیر‌متمرکز، رمزنگاری‌شده &amp; قدرت‌گرفته از ماتریکس",
-    "Dismiss": "نادیده بگیر",
-    "You need to be using HTTPS to place a screen-sharing call.": "شما باید از ارتباط امن HTTPS برای به‌راه‌اندازی یک چتِ شامل به اشتراک‌گذاری صفحه‌ی کامیپوتر استفاده کنید.",
-    "Invalid JSON": "JSON اشتباه",
-    "Open user settings": "تنظیمات کاربر",
-    "Go to your browser to complete Sign In": "برای تکمیل ورود به مرورگر خود بروید",
-    "Sign In": "ورود",
-    "Create Account": "ایجاد اکانت",
-    "Explore rooms": "کاوش اتاق",
-    "Missing indexeddb worker script!": "اسکریپت کارگر نمایه پایگاه داده از دست رفته است!",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "پیکربندی نامعتبر: فقط میتوانید یکی از default_server_config، default_server_name یا default_hs_url را مشخص کنید.",
-    "Invalid configuration: no default server specified.": "پیکربندی نامعتبر: سرور پیشفرض مشخص نشده است.",
-    "Your Element is misconfigured": "Element شما پیکربندی نشده است",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "پیکربندی المنت شما شامل JSON نا معتبر است. لطفا مشکل را اصلاح کنید و صفحه را بارگذاری مجدد کنید.",
-    "The message from the parser is: %(message)s": "پیام از طرف تجزیه کننده: %(message)s",
-    "Unable to load config file: please refresh the page to try again.": "قادر به بارگذاری فایل پیکربندی نیست: لطفا برای تلاش مجدد صفحه را تازه کنید.",
-    "Unexpected error preparing the app. See console for details.": "خطای غیر منتظره در آماده سازی برنامه. کنسول را برای جزئیات مشاهده کنید.",
-    "Download Completed": "بارگیری کامل شد",
-    "Open": "باز",
-    "Previous/next recently visited room or community": "قبلی/بعدی اتاق ها یا اجتماع های اخیرا بازدید شده",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s میزکار %(platformName)s",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s%(browserName)s، %(osName)s",
-    "Unsupported browser": "مرورگر پش‬تبانی نشده",
-    "Your browser can't run %(brand)s": "مرورگر شما نمیتواند %(brand)s را اجرا کند",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s از ویژگی های پیشرفته مرورگر استفاده میکند که که در مرورگر فعلی شما پشتیبانی نمیشوند.",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "لطفا برای تجربه بهتر <chromeLink>کروم</chromeLink>، <firefoxLink>فایرفاکس</firefoxLink>، یا <safariLink>سافاری</safariLink> را نصب کنید.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "شما میتوانید با مرورگر فعلی خود ادامه دهید، اما ممکن است برخی یا کل ویژگی ها کار نکنند و نگاه و احساس از برنامه ممکن است درست نباشد.",
-    "I understand the risks and wish to continue": "از خطرات این کار آگاهم و مایلم که ادامه بدهم",
-    "Go to element.io": "برو به element.io",
-    "Failed to start": "مشکل در آغاز",
-    "Powered by Matrix": "قدرت‌گرفته از ماتریکس"
-}
diff --git a/src/i18n/strings/fi.json b/src/i18n/strings/fi.json
deleted file mode 100644
index 64b60b0753d..00000000000
--- a/src/i18n/strings/fi.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Dismiss": "Hylkää",
-    "Unknown device": "Tuntematon laite",
-    "Welcome to Element": "Tervetuloa Element-sovellukseen",
-    "You need to be using HTTPS to place a screen-sharing call.": "Sinun täytyy käyttää HTTPS-yhteyttä, jotta voit jakaa ruudun puhelussa.",
-    "powered by Matrix": "moottorina Matrix",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Hajautettua ja salattua viestintää Matrix-teknologialla",
-    "Sign In": "Kirjaudu",
-    "Create Account": "Luo tili",
-    "Explore rooms": "Selaa huoneita",
-    "Unexpected error preparing the app. See console for details.": "Odottamaton virhe sovellusta valmisteltaessa. Katso konsolista lisätietoja.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Virheellinen asetus. Vain yhden seuraavista voi määrittää: default_server_config, default_server_name, tai default_hs_url.",
-    "Invalid configuration: no default server specified.": "Virheellinen asetus: oletuspalvelinta ei ole määritetty.",
-    "The message from the parser is: %(message)s": "Viesti jäsentimeltä: %(message)s",
-    "Invalid JSON": "Virheellinen JSON",
-    "Missing indexeddb worker script!": "Indexeddb-suorittajan skripti puuttuu!",
-    "Unable to load config file: please refresh the page to try again.": "Asetustiedostoa ei voi ladata. Yritä uudelleen lataamalla sivu uudelleen.",
-    "Open user settings": "Avaa käyttäjäasetukset",
-    "Previous/next recently visited room or community": "Edellinen/seuraava hiljattain vierailtu huone tai yhteisö",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)sin työpöytäversio (%(platformName)s)",
-    "Go to your browser to complete Sign In": "Tee kirjautuminen loppuun selaimessasi",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Selainta ei tueta",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Asenna <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink> tai <safariLink>Safari</safariLink>, jotta kaikki toimii parhaiten.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Voit käyttää edelleen nykyistä selaintasi, mutta jotkut tai kaikki ominaisuudet eivät ehkä toimi ja sovelluksen ulkoasu voi olla virheellinen.",
-    "I understand the risks and wish to continue": "Ymmärrän riskit ja haluan jatkaa",
-    "Failed to start": "Käynnistys ei onnistunut",
-    "Download Completed": "Lataus valmis",
-    "Open": "Avaa",
-    "Go to element.io": "Mene osoitteeseen riot.im",
-    "Your Element is misconfigured": "Elementisi asetukset ovat pielessä",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Element-asetuksesi sisältävät epäkelpoa JSONia. Korjaa ongelma ja lataa sivu uudelleen.",
-    "Powered by Matrix": "Moottorina Matrix",
-    "Your browser can't run %(brand)s": "%(brand)s ei toimi selaimessasi",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s käyttää edistyneitä selaimen ominaisuuksia, joita nykyinen selaimesi ei tue."
-}
diff --git a/src/i18n/strings/fr.json b/src/i18n/strings/fr.json
deleted file mode 100644
index dd7784b685d..00000000000
--- a/src/i18n/strings/fr.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Dismiss": "Ignorer",
-    "powered by Matrix": "propulsé par Matrix",
-    "Unknown device": "Appareil inconnu",
-    "You need to be using HTTPS to place a screen-sharing call.": "Vous devez utiliser HTTPS pour effectuer un appel avec partage d’écran.",
-    "Welcome to Element": "Bienvenue sur Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Discussion &amp; collaboration décentralisées et chiffrées, propulsées par [matrix]",
-    "Sign In": "Se connecter",
-    "Create Account": "Créer un compte",
-    "Explore rooms": "Explorer les salons",
-    "Unexpected error preparing the app. See console for details.": "Une erreur inattendue est survenue pendant la préparation de l’application. Consultez la console pour avoir des détails.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Configuration invalide : il ne faut spécifier qu’un des trois champs entre default_server_config, default_server_name et default_hs_url.",
-    "Invalid configuration: no default server specified.": "Configuration invalide : aucun serveur par défaut spécifié.",
-    "The message from the parser is: %(message)s": "Le message de l’analyseur est : %(message)s",
-    "Invalid JSON": "JSON non valide",
-    "Go to your browser to complete Sign In": "Utilisez votre navigateur pour terminer la connexion",
-    "Open user settings": "Ouvrir les paramètres utilisateur",
-    "Missing indexeddb worker script!": "Script du worker IndexedDB manquant !",
-    "Unable to load config file: please refresh the page to try again.": "Impossible de charger le fichier de configuration : rafraichissez la page pour réessayer.",
-    "Previous/next recently visited room or community": "Salon ou communauté visité récemment précédent/suivant",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Navigateur non pris en charge",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Veuillez installer <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink> ou <safariLink>Safari</safariLink> pour une expérience optimale.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Vous pouvez continuer à utiliser votre navigateur actuel, mais vous risquez de trouver que certaines fonctionnalités et/ou l'apparence de l'application sont incorrectes.",
-    "I understand the risks and wish to continue": "Je comprends les risques et souhaite continuer",
-    "Go to element.io": "Aller vers element.io",
-    "Failed to start": "Échec au démarrage",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s pour bureau (%(platformName)s)",
-    "Download Completed": "Téléchargement terminé",
-    "Open": "Ouvrir",
-    "Your Element is misconfigured": "Votre Element est mal configuré",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "La configuration de votre Element contient du JSON invalide. Veuillez corriger le problème et recharger la page.",
-    "Your browser can't run %(brand)s": "Votre navigateur ne peut pas exécuter %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s nécessite des fonctionnalités avancées que votre navigateur actuel ne supporte pas.",
-    "Powered by Matrix": "Propulsé par Matrix"
-}
diff --git a/src/i18n/strings/ga.json b/src/i18n/strings/ga.json
deleted file mode 100644
index 2b46f756e78..00000000000
--- a/src/i18n/strings/ga.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-    "Unknown device": "Gléas nár aithníodh",
-    "You need to be using HTTPS to place a screen-sharing call.": "Ní mór HTTPS a úsáid chun glaoch comhroinnt scáileáin a chur.",
-    "powered by Matrix": "cumhachtaithe ag Matrix",
-    "Dismiss": "Cuir uait",
-    "Welcome to Element": "Fáilte romhat chuig Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Meán comhrá agus comhoibriú, díláraithe agus criptithe, cumhachtaithe ag [matrix]",
-    "Sign In": "Sínigh Isteach",
-    "Create Account": "Déan cuntas a chruthú",
-    "Explore rooms": "Breathnaigh thart ar na seomraí"
-}
diff --git a/src/i18n/strings/gl.json b/src/i18n/strings/gl.json
deleted file mode 100644
index d37ae419dd0..00000000000
--- a/src/i18n/strings/gl.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Dismiss": "Rexeitar",
-    "powered by Matrix": "funciona grazas a Matrix",
-    "Unknown device": "Dispositivo descoñecido",
-    "You need to be using HTTPS to place a screen-sharing call.": "Precisa utilizar HTTPS para establecer unha chamada de pantalla compartida.",
-    "Welcome to Element": "Benvida/o a Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Conversas e colaboración descentralizada e cifrada grazas a [matrix]",
-    "Sign In": "Conectar",
-    "Create Account": "Crear conta",
-    "Explore rooms": "Explorar salas",
-    "The message from the parser is: %(message)s": "A mensaxe desde o intérprete é: %(message)s",
-    "Invalid JSON": "JSON non válido",
-    "Unexpected error preparing the app. See console for details.": "Fallo non agardado ao preparar a app. Detalles na consola.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Configuración non válida: só se pode indicar un de default_server_config, default_server_name, ou default_hs_url.",
-    "Invalid configuration: no default server specified.": "Configuración non válida: non se indicou servidor por omisión.",
-    "Missing indexeddb worker script!": "Falta o script indexeddb!",
-    "Unable to load config file: please refresh the page to try again.": "Non se cargou o ficheiro de configuración: actualiza a páxina para reintentalo.",
-    "Open user settings": "Abrir axustes da usuaria",
-    "Previous/next recently visited room or community": "Anterior/seguinte sala ou comunidade recentes",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Desktop (%(platformName)s)",
-    "Go to your browser to complete Sign In": "Abre o navegador para realizar a Conexión",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Navegador non soportado",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Instala <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, ou <safariLink>Safari</safariLink> para ter unha mellor experiencia.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Podes continuar co teu navegador, pero algunhas características poderían non funcionar e o aspecto da aplicación podería non ser o correcto.",
-    "I understand the risks and wish to continue": "Entendo os riscos e desexo continuar",
-    "Go to element.io": "Ir a element.io",
-    "Failed to start": "Fallou o inicio",
-    "Download Completed": "Descarga realizada",
-    "Open": "Abrir",
-    "Your Element is misconfigured": "Element non está ben configurado",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "A configuración de Element contén JSON non válido. Corrixe o problema e recarga a páxina.",
-    "Your browser can't run %(brand)s": "O teu navegador non pode executar %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s utiliza características avanzadas do navegador que non están dispoñibles no teu navegador.",
-    "Powered by Matrix": "Funciona grazas a Matrix"
-}
diff --git a/src/i18n/strings/he.json b/src/i18n/strings/he.json
deleted file mode 100644
index 555c001aabd..00000000000
--- a/src/i18n/strings/he.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-    "Dismiss": "שחרר",
-    "powered by Matrix": "מופעל ע\"י Matrix",
-    "Unknown device": "מכשיר לא ידוע",
-    "You need to be using HTTPS to place a screen-sharing call.": "עליך להשתמש ב HTTPS בכדי לבצע שיחת ווידאו משותפת.",
-    "Welcome to Element": "ברוכים הבאים ל Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "צ'ט מוצפן &amp; ושת\"פ נעשה ע\"י ה [matrix]",
-    "Invalid JSON": "JSON לא חוקי",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "תצורה שגויה: ניתן לציין רק אחד מהבאים, default_server_config, default_server_name, או default_hs_url.",
-    "Invalid configuration: no default server specified.": "תצורה שגויה: לא צוין שרת ברירת מחדל.",
-    "Open user settings": "פתיחת הגדרות משתמש",
-    "Go to your browser to complete Sign In": "עבור לדפדפן להמשך ההתחברות"
-}
diff --git a/src/i18n/strings/hi.json b/src/i18n/strings/hi.json
deleted file mode 100644
index 8aa012a8601..00000000000
--- a/src/i18n/strings/hi.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-    "Unknown device": "अज्ञात यन्त्र",
-    "You need to be using HTTPS to place a screen-sharing call.": "स्क्रीन साझा की कॉल करने के लिए आपको HTTPS का उपयोग करने की आवश्यकता है।",
-    "Dismiss": "खारिज",
-    "powered by Matrix": "मैट्रिक्स द्वारा संचालित",
-    "Welcome to Element": "Element में आपका स्वागत है",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "[मैट्रिक्स] द्वारा संचालित विकेंद्रीकृत, एन्क्रिप्टेड चैट और सहयोगिता",
-    "Sign In": "साइन करना",
-    "Create Account": "खाता बनाएं",
-    "Explore rooms": "रूम का अन्वेषण करें"
-}
diff --git a/src/i18n/strings/hr.json b/src/i18n/strings/hr.json
deleted file mode 100644
index a3dfce0429e..00000000000
--- a/src/i18n/strings/hr.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-    "Unknown device": "Nepoznati uređaj",
-    "You need to be using HTTPS to place a screen-sharing call.": "Morate koristiti HTTPS kako biste pokrenuli poziv s dijeljenjem ekrana.",
-    "Dismiss": "Odbaci",
-    "powered by Matrix": "powered by Matrix",
-    "Welcome to Element": "Dobrodošli u Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Decentralizirani, enkriptirani chat &amp; kolaboracija powered by [matrix]"
-}
diff --git a/src/i18n/strings/hu.json b/src/i18n/strings/hu.json
deleted file mode 100644
index e33e527d5d6..00000000000
--- a/src/i18n/strings/hu.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Dismiss": "Eltüntetés",
-    "powered by Matrix": "a gépházban: Matrix",
-    "Unknown device": "Ismeretlen eszköz",
-    "You need to be using HTTPS to place a screen-sharing call.": "Képernyőmegosztás indításához HTTPS-t kell használnod.",
-    "Welcome to Element": "Üdvözöl a Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Decentralizált, titkosított csevegés és kollaboráció [matrix] alapokon",
-    "Sign In": "Bejelentkezés",
-    "Create Account": "Fiók létrehozása",
-    "Explore rooms": "Szobák felderítése",
-    "Unexpected error preparing the app. See console for details.": "Váratlan hiba történt az alkalmazás előkészítésénél. A részletekért nézd meg a konzolt.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Érvénytelen konfiguráció: csak egyet lehet megadni a default_server_config, default_server_name és default_hs_url közül.",
-    "Invalid configuration: no default server specified.": "Érvénytelen konfiguráció: nincs megadva alapértelmezett kiszolgáló.",
-    "The message from the parser is: %(message)s": "A feldolgozó algoritmus üzenete: %(message)s",
-    "Invalid JSON": "Érvénytelen JSON",
-    "Go to your browser to complete Sign In": "A böngészőben fejezd be a bejelentkezést",
-    "Open user settings": "Felhasználói beállítások megnyitása",
-    "Missing indexeddb worker script!": "Hiányzó indexeddb worker parancsfájl!",
-    "Unable to load config file: please refresh the page to try again.": "A konfigurációs fájlt nem sikerült betölteni: frissítsd az oldalt és próbáld meg újra.",
-    "Previous/next recently visited room or community": "Előző/következő nemrég meglátogatott szobák vagy közösségek",
-    "%(brand)s Desktop (%(platformName)s)": "Asztali %(brand)s (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "A böngésző nem támogatott",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "A legjobb élmény eléréséhez kérlek telepíts <chromeLink>Chrome-ot</chromeLink>, <firefoxLink>Firefoxot</firefoxLink> vagy <safariLink>Safarit</safariLink>.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Folytathatod a jelenlegi böngésződdel, de néhány vagy az összes funkció használhatatlan lehet, vagy hibák lehetnek az alkalmazás kinézetében és viselkedésében.",
-    "I understand the risks and wish to continue": "Megértettem a kockázatot és folytatom",
-    "Go to element.io": "Irány a element.io",
-    "Failed to start": "Az indítás sikertelen",
-    "Download Completed": "A letöltés befejeződött",
-    "Open": "Megnyitás",
-    "Your Element is misconfigured": "Az Element hibásan van beállítva",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Az Element érvénytelen JSON-t tartalmazó konfigurációval rendelkezik. Kérlek javítsd és töltsd újra az oldalt.",
-    "Your browser can't run %(brand)s": "A böngésződ nem tudja futtatni ezt: %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s haladó böngésző funkciókat használ amiket a jelenlegi böngésződ nem támogat.",
-    "Powered by Matrix": "A gépházban: Matrix"
-}
diff --git a/src/i18n/strings/id.json b/src/i18n/strings/id.json
deleted file mode 100644
index 86cd1a41c65..00000000000
--- a/src/i18n/strings/id.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-    "Dismiss": "Abaikan",
-    "powered by Matrix": "didukung oleh Matrix",
-    "Unknown device": "Perangkat Tidak Diketahui",
-    "You need to be using HTTPS to place a screen-sharing call.": "Anda perlu menggunakan HTTPS untuk melakukan panggilan berbagi-layar.",
-    "Welcome to Element": "Selamat datang di Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Obrolan terenkripsi, terdesentralisasi &amp; kolaborasi didukung oleh [matrix]"
-}
diff --git a/src/i18n/strings/is.json b/src/i18n/strings/is.json
deleted file mode 100644
index 7e1fc152c39..00000000000
--- a/src/i18n/strings/is.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-    "powered by Matrix": "keyrt með Matrix",
-    "Welcome to Element": "Velkomin í Element",
-    "Unknown device": "Óþekkt tæki",
-    "Dismiss": "Hafna",
-    "You need to be using HTTPS to place a screen-sharing call.": "Þú verður að nota HTTPS til að hringja samtal með deilingu á skjá.",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Dulritað dreifvinnsluspjall &amp; samstarfstól keyrt með [matrix]",
-    "Open": "Opna",
-    "Unsupported browser": "Óstuddur vafri",
-    "Your browser can't run %(brand)s": "Vafri þinn geta ekki keyrt upp %(brand)s",
-    "Sign In": "Skrá inn",
-    "Create Account": "Stofna Reikning",
-    "Explore rooms": "Kanna herbergi",
-    "Missing indexeddb worker script!": "Að vanta indexeddb vinnumaður tölvuhandrit!",
-    "The message from the parser is: %(message)s": "Skilaboðið frá þáttaranum er %(message)s",
-    "Invalid JSON": "Ógilt JSON",
-    "Download Completed": "Niðurhalið Búið",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "vinsamlegast setja upp <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, eða <safariLink>Safari</safariLink> fyrir besta reynsluna.",
-    "I understand the risks and wish to continue": "Ég skil áhættuna og óska að halda áfram",
-    "Go to element.io": "farðu í element.io"
-}
diff --git a/src/i18n/strings/it.json b/src/i18n/strings/it.json
deleted file mode 100644
index d503c07aa61..00000000000
--- a/src/i18n/strings/it.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Dismiss": "Chiudi",
-    "powered by Matrix": "offerto da Matrix",
-    "Unknown device": "Dispositivo sconosciuto",
-    "You need to be using HTTPS to place a screen-sharing call.": "Devi usare HTTPS per effettuare una chiamata con la condivisione dello schermo.",
-    "Welcome to Element": "Benvenuti su Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Chat criptate, decentralizzate e collaborazioni offerte da [matrix]",
-    "Sign In": "Accedi",
-    "Create Account": "Crea account",
-    "Explore rooms": "Esplora stanze",
-    "Unexpected error preparing the app. See console for details.": "Errore inaspettato preparando l'app. Vedi la console per i dettagli.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Configurazione non valida: specificare solo uno di default_server_config, default_server_name, o default_hs_url.",
-    "Invalid configuration: no default server specified.": "Configurazione non valida: nessun server predefinito specificato.",
-    "The message from the parser is: %(message)s": "Il messaggio dal parser è: %(message)s",
-    "Invalid JSON": "JSON non valido",
-    "Go to your browser to complete Sign In": "Vai nel tuo browser per completare l'accesso",
-    "Open user settings": "Apri impostazioni utente",
-    "Missing indexeddb worker script!": "Script di lavoro indexeddb mancante!",
-    "Unable to load config file: please refresh the page to try again.": "Impossibile caricare il file di configurazione: ricarica la pagina per riprovare.",
-    "Previous/next recently visited room or community": "Avanti/indietro stanze o comunità visitate di recente",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Desktop (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Browser non supportato",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Installa <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, o <safariLink>Safari</safariLink> per una migliore esperienza.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Puoi comunque usare il browser attuale, ma alcune o tutte le caratteristiche potrebbero non funzionare e l'aspetto dell'applicazione potrebbe essere sbagliato.",
-    "I understand the risks and wish to continue": "Capisco i rischi e desidero continuare",
-    "Go to element.io": "Vai su element.io",
-    "Failed to start": "Avvio fallito",
-    "Download Completed": "Scaricamento completato",
-    "Open": "Apri",
-    "Your Element is misconfigured": "Il tuo elemento è configurato male",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "La configurazione del tuo elemento contiene un JSON non valido. Correggi il problema e ricarica la pagina.",
-    "Your browser can't run %(brand)s": "Il tuo browser non può eseguire %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s usa funzionalità avanzate del browser che non sono supportate dal tuo browser attuale.",
-    "Powered by Matrix": "Offerto da Matrix"
-}
diff --git a/src/i18n/strings/ja.json b/src/i18n/strings/ja.json
deleted file mode 100644
index eeaf0d4dbc9..00000000000
--- a/src/i18n/strings/ja.json
+++ /dev/null
@@ -1,34 +0,0 @@
-{
-    "Welcome to Element": "Element へようこそ",
-    "Unknown device": "不明な端末",
-    "Dismiss": "やめる",
-    "powered by Matrix": "powered by Matrix",
-    "You need to be using HTTPS to place a screen-sharing call.": "画面共有通話を行うにはHTTPS通信を使う必要があります。",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "[matrix] による、分散型で暗号化された会話とコラボレーション",
-    "Unexpected error preparing the app. See console for details.": "アプリケーションの準備中に予期しないエラーが発生しました。詳細はコンソールを参照してください。",
-    "Invalid configuration: no default server specified.": "不正な設定です：デフォルトのサーバーが設定されていません。",
-    "Sign In": "サインイン",
-    "Create Account": "アカウント作成",
-    "Explore rooms": "部屋を探索する",
-    "The message from the parser is: %(message)s": "パーザーのメッセージ: %(message)s",
-    "Invalid JSON": "妥当でないJSON",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "無効な設定: default_server_config、default_server_name、または default_hs_urlのいずれか一つのみが指定できます。",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "最高のユーザー体験を得るためには、<chromeLink>Chrome</chromeLink>や<firefoxLink>Firefox</firefoxLink>、もしくは<safariLink>Safari</safariLink>をインストールしてください。",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "現在のブラウザを使い続けることもできますが、いくつか (もしくは全ての) 機能が動作しない可能性や、外観が崩れる可能性があります。",
-    "I understand the risks and wish to continue": "リスクを理解したうえで続行する",
-    "Missing indexeddb worker script!": "IndexedDBのワーカースクリプトがありません！",
-    "Unable to load config file: please refresh the page to try again.": "設定ファイルの読み込みに失敗しました: ページを再読み込みしてもう一度お試しください。",
-    "Download Completed": "ダウンロード完了",
-    "Open": "開く",
-    "Open user settings": "ユーザー設定を開く",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)sデスクトップ版(%(platformName)s)",
-    "Go to your browser to complete Sign In": "サインインを完了させるためにブラウザへ移動してください",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s(%(browserName)s, %(osName)s)",
-    "Unsupported browser": "サポートされていないブラウザ",
-    "Go to element.io": "element.ioへ移動",
-    "Failed to start": "起動に失敗しました",
-    "Your Element is misconfigured": "Elementの設定が間違っています",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Elementの設定ファイルに不正なJSONが含まれています。問題を修正してからページを再読込してください。",
-    "Your browser can't run %(brand)s": "このブラウザでは%(brand)sが動きません",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)sはブラウザの高度な機能を使う必要がありますが、このブラウザではその機能がサポートされていないようです。"
-}
diff --git a/src/i18n/strings/jbo.json b/src/i18n/strings/jbo.json
deleted file mode 100644
index dfdb59549dc..00000000000
--- a/src/i18n/strings/jbo.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Unknown device": "se samtcise'u vau je na slabu",
-    "You need to be using HTTPS to place a screen-sharing call.": ".i lo nu do pilno la'au xy. bu ty. ty. py. sy. li'u sarcu lo nu do co'a vidni benji",
-    "Dismiss": "nu mipri",
-    "powered by Matrix": ".i la .meitriks. cu jicmu",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": ".i la .meitriks. cu jicmu lo nu catni be na ku je mifra tavla je ke kansa gunka",
-    "Invalid JSON": ".i le veirdjeisano na drani",
-    "Download Completed": ".i mo'u kibycpa",
-    "Open": "nu viska",
-    "%(brand)s Desktop (%(platformName)s)": ".i la'o zoi. %(brand)s .zoi samtci .i le vanbi na kibrbrauzero .i la'o zoi. %(platformName)s .zoi samcmu",
-    "Go to your browser to complete Sign In": ".i do ka'e pilno pa kibrbrauzero lo nu mo'u co'a jaspu",
-    "%(appName)s (%(browserName)s, %(osName)s)": ".i la'o zoi. %(appName)s .zoi samtci .i la'o zoi. %(browserName)s .zoi kibrbrauzero .i la'o zoi. %(osName)s .zoi samcmu",
-    "Unsupported browser": ".i le kibrbrauzero na kakne",
-    "Your browser can't run %(brand)s": ".i na ka'e pilno le kibrbrauzero lo nu pilno la'o zoi. %(brand)s .zoi",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": ".i la'o zoi. %(brand)s .zoi pilno pa na jai se kakne be le kibrbrauzero",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": ".i ko ci'erse'a <chromeLink>la .krom.</chromeLink> ja <firefoxLink>la .fairfoks.</firefoxLink> ja <safariLink>la .safaris.</safariLink>",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": ".i do ka'e za'o pilno le kibrbrauzero .i ku'i la'a spofu pa jo nai ro te pilno vau je na drani fa le jvinu",
-    "I understand the risks and wish to continue": ".i mi jimpe le du'u ckape vau vau je za'o djica",
-    "Go to element.io": "nu viska le se judri be zoi zoi. element.io .zoi",
-    "Failed to start": ".i da nabmi fi lo nu co'a pilno",
-    "Welcome to Element": ".i fi'i zo'e do pilno la .elyment.",
-    "Sign In": "nu co'a jaspu",
-    "Create Account": "nu pa re'u co'a jaspu",
-    "Explore rooms": "nu facki le du'u ve zilbe'i",
-    "Missing indexeddb worker script!": ".i na pa gunka samtci pe la'o zoi. indexeddb .zoi vanbi",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": ".i le tcimi'e vreji na drani le ka jai do'e fai gi jo nai zoi zoi. default_server_config .zoi gi zoi zoi. default_server_name .zoi gi zoi zoi. default_hs_url .zoi cmene da",
-    "Invalid configuration: no default server specified.": ".i le tcimi'e vreji na drani le ka jai do'e zmicu'a fo le ka samtcise'u",
-    "Your Element is misconfigured": ".i le tcimi'e be la .elyment. be'o vreji na drani",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": ".i le tcimi'e be la .elyment. be'o vreji na drani le ka veirdjeisano .i gau ko drani je ba kibycpa le kibypapri",
-    "The message from the parser is: %(message)s": ".i notci fi le genturfa'i fa zoi zoi. %(message)s .zoi",
-    "Unable to load config file: please refresh the page to try again.": ".i da nabmi fi lo nu samymo'i le tcimi'e vreji .i ko ba zukte le ka kibycpa le kibypapri kei le ka troci",
-    "Unexpected error preparing the app. See console for details.": ".i da nabmi fi lo nu co'a ka'e pilno le samtci .i ko tcidu le notci be fi le samymi'etci",
-    "Open user settings": "nu viska le pilno tcimi'e tutci",
-    "Previous/next recently visited room or community": "ve zilbe'i vau ja girzu vau je bo lamli'e vau ja se lamli'e",
-    "Powered by Matrix": ".i la .meitriks. cu jicmu"
-}
diff --git a/src/i18n/strings/ka.json b/src/i18n/strings/ka.json
deleted file mode 100644
index b16781e89d9..00000000000
--- a/src/i18n/strings/ka.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-    "Unknown device": "უცნობი მოწყობილობა",
-    "You need to be using HTTPS to place a screen-sharing call.": "ეკრანის გაზიარების ფუნქციის მქონე ზარისთვის საჭიროა, იყენებდეთ HTTPS-ს.",
-    "Dismiss": "უარის თქმა",
-    "powered by Matrix": "Matrix-ზე დაფუძნებული",
-    "Welcome to Element": "კეთილი იყოს თქვენი მობრძანება Element-ზე",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "დეცენტრალიზებული, დაშიფრული ჩატი &amp; კოლაბორაცია, დაფუძნებული [matrix]-ზე"
-}
diff --git a/src/i18n/strings/kab.json b/src/i18n/strings/kab.json
deleted file mode 100644
index 9a3ccd2ad83..00000000000
--- a/src/i18n/strings/kab.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Invalid JSON": "JSON armeɣtu",
-    "Open user settings": "Ldi iɣewwaṛen n useqdac",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s n tnarit (%(platformName)s)",
-    "Go to your browser to complete Sign In": "Ddu ɣer iminig akken ad tkemleḍ ajerred",
-    "Unknown device": "Ibenk arussin",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Create Account": "Rnu amiḍan",
-    "powered by Matrix": "s lmendad n Matrix",
-    "Dismiss": "Agwi",
-    "Sign In": "Kcem",
-    "Explore rooms": "Snirem tixxamin",
-    "Missing indexeddb worker script!": "Asekript n uxeddam Indexeddb ulac-it!",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Tawila d tarmeɣtut: mudd-d kan yiwen seg default_server_config, default_server_name, neɣ default_hs_url.",
-    "Invalid configuration: no default server specified.": "Tawila d tarmeɣtut: ulac aqeddac amezwer i d-yettwafernen.",
-    "The message from the parser is: %(message)s": "Izen n umaslaḍ d: %(message)s",
-    "Unable to load config file: please refresh the page to try again.": "Yegguma ad d-yali ufaylu n twila: ma ulac aɣilif smiren asebter akken ad tεerḍeḍ tikkelt-nniḍen.",
-    "Unexpected error preparing the app. See console for details.": "Tella-d tuccḍa lawan n uheyyi n usnas: Wali tadiwent i wugar telqeyt.",
-    "Previous/next recently visited room or community": "Taxxamt neɣ tamɣiwent wuɣur kecmen imerza send/seld",
-    "You need to be using HTTPS to place a screen-sharing call.": "Ilaq-ak(am) ad tesqedceḍ HTTPs akken ad tesεeddiḍ asiwel s beṭṭu n ugdil.",
-    "Unsupported browser": "Ur yettusefrak ara yiminig",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Ma ulac aɣilif, sebded <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, neɣ<safariLink>Safari</safariLink> i tirmit igerrzen.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Tzemreḍ ad tkemmleḍ deg useqdec n yiminig-ik(im) amiran, maca kra n tmahilin neɣ akk zemrent ur nteddu ara, rnu arwes n usnas yezmer ad d-iban d armeɣtu.",
-    "I understand the risks and wish to continue": "Gziɣ ayen ara d-yeḍrun maca bɣiɣ ad kemmleɣ",
-    "Go to element.io": "Ṛuḥ ɣer element.io",
-    "Failed to start": "Asenker ur yeddi ara",
-    "Welcome to Element": "Ansuf ɣer Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Adiwenni &amp; attekki araslemmas d uwgelhan s lmendad n [matrix]",
-    "Your Element is misconfigured": "Aferdis-inek·inem ur yettuswel ara akken iwata",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Deg twila n uferdis-inek·inem yella JSON d arameɣtu. Ttxil-k·m seɣti ugur syen ales asali n usebter.",
-    "Download Completed": "Asider yemmed",
-    "Open": "Ldi",
-    "Your browser can't run %(brand)s": "Iminig-inek·inem ur isselkan ara %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s isseqdac timahilin n yiminig leqqayen ur yessefrak ara yiminig-ik·im amiran.",
-    "Powered by Matrix": "Iteddu s lmendad n Matrix"
-}
diff --git a/src/i18n/strings/ko.json b/src/i18n/strings/ko.json
deleted file mode 100644
index 6d2d7106115..00000000000
--- a/src/i18n/strings/ko.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-    "Dismiss": "버리기",
-    "powered by Matrix": "Matrix의 지원을 받음",
-    "Unknown device": "알 수 없는 기기",
-    "Welcome to Element": "Element에 오신 것을 환영합니다",
-    "You need to be using HTTPS to place a screen-sharing call.": "화면 공유 전화를 걸려면 HTTPS를 사용해야 합니다.",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "분산되고, 암호화된 대화 &amp; [matrix]의 지원으로 협력",
-    "The message from the parser is: %(message)s": "파서에서 온 메시지: %(message)s",
-    "Invalid JSON": "잘못된 JSON",
-    "Unexpected error preparing the app. See console for details.": "앱을 준비하는 동안 예기치 않은 오류가 발생했습니다. 자세한 내용은 콘솔을 확인하세요.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "잘못된 설정: default_server_config 와 defalut_server_name, default_hs_url 중 하나만 지정할 수 있습니다.",
-    "Invalid configuration: no default server specified.": "잘못된 설정: 기본 서버가 지정되지 않았습니다.",
-    "Sign In": "로그인",
-    "Create Account": "계정 만들기",
-    "Explore rooms": "방 검색",
-    "Unable to load config file: please refresh the page to try again.": "설정 파일을 불러오는 데 실패: 페이지를 새로고침한 후에 다시 시도해 주십시오.",
-    "Open user settings": "사용자 설정 열기",
-    "Previous/next recently visited room or community": "최근에 방문한 이전/다음 방 또는 커뮤니티",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s 데스크탑 (%(platformName)s)",
-    "Go to your browser to complete Sign In": "로그인을 완료하려면 브라우저로 이동해주세요",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "지원되지 않는 브라우저",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "최상의 경험을 위해 <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, 또는 <safariLink>Safari</safariLink>를 설치해주세요.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "현재 사용중이신 브라우저를 계속 사용하셔도 됩니다, 다만 일부 기능들이 작동하지 않을 수 있으며 애플리케이션이 잘못돼 보일 수 있습니다.",
-    "I understand the risks and wish to continue": "위험하다는 것을 이해했으며 계속하고 싶습니다",
-    "Go to element.io": "element.io으로 가기",
-    "Failed to start": "시작 실패"
-}
diff --git a/src/i18n/strings/lt.json b/src/i18n/strings/lt.json
deleted file mode 100644
index 7fbe1245426..00000000000
--- a/src/i18n/strings/lt.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-    "Unknown device": "Nežinomas įrenginys",
-    "powered by Matrix": "veikia su Matrix",
-    "Welcome to Element": "Sveiki atvykę į Element",
-    "You need to be using HTTPS to place a screen-sharing call.": "Norint skambinti naudojant ekrano vaizdo dalijimosi funkciją, jūs turite naudoti HTTPS.",
-    "Dismiss": "Atmesti",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Decentralizuoti, šifruoti pokalbiai ir bendradarbiavimas, veikiantis su [matrix]",
-    "Sign In": "Prisijungti",
-    "Create Account": "Sukurti paskyrą",
-    "Explore rooms": "Žvalgyti kambarius",
-    "The message from the parser is: %(message)s": "Analizatoriaus žinutė yra: %(message)s",
-    "Invalid JSON": "Klaidingas JSON",
-    "Unexpected error preparing the app. See console for details.": "Netikėta klaida ruošiant programą. Norėdami sužinoti daugiau detalių, žiūrėkite konsolę.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Klaidinga konfigūracija: galima nurodyti tik vieną iš default_server_config, default_server_name, arba default_hs_url.",
-    "Invalid configuration: no default server specified.": "Klaidinga konfigūracija: nenurodytas numatytasis serveris.",
-    "Go to your browser to complete Sign In": "Norėdami užbaigti prisijungimą, eikite į naršyklę",
-    "Open user settings": "Atidaryti vartotojo nustatymus",
-    "Missing indexeddb worker script!": "Trūksta indexeddb worker skripto!",
-    "Unable to load config file: please refresh the page to try again.": "Nepavyko įkelti konfigūracijos failo: atnaujinkite puslapį, kad pabandytumėte dar kartą.",
-    "Previous/next recently visited room or community": "Ankstesnis/sekantis neseniai lankytas kambarys ar bendruomenė",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Kompiuteriui (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Nepalaikoma naršyklė",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Jūs galite toliau naudotis savo dabartine naršykle, bet kai kurios arba visos funkcijos gali neveikti ir programos išvaizda bei sąsaja gali būti neteisingai rodoma.",
-    "I understand the risks and wish to continue": "Suprantu šią riziką ir noriu tęsti",
-    "Go to element.io": "Eiti į element.io",
-    "Failed to start": "Nepavyko paleisti",
-    "Your Element is misconfigured": "Jūsų Element yra neteisingai sukonfigūruotas",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Jūsų Element konfigūracijoje yra klaidingas JSON. Ištaisykite problemą ir iš naujo įkelkite puslapį.",
-    "Download Completed": "Atsisiuntimas baigtas",
-    "Open": "Atidaryti",
-    "Your browser can't run %(brand)s": "Jūsų naršyklė negali paleisti %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s naudoja išplėstines naršyklės funkcijas, kurių jūsų dabartinė naršyklė nepalaiko.",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Geriausiam veikimui suinstaliuokite <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, arba <safariLink>Safari</safariLink>."
-}
diff --git a/src/i18n/strings/lv.json b/src/i18n/strings/lv.json
deleted file mode 100644
index 3968ca98aa0..00000000000
--- a/src/i18n/strings/lv.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-    "Dismiss": "Atteikt",
-    "powered by Matrix": "Tiek darbināta ar Matrix",
-    "Unknown device": "Nezināma ierīce",
-    "You need to be using HTTPS to place a screen-sharing call.": "Lai izmantotu ekrāna kopīgošanas zvanu, nepieciešams izmantot HTTPS savienojumu.",
-    "Welcome to Element": "Esiet gaidīti Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Decentralizēta, šifrēta čata &amp; kopdarbošanās sistēma uz [matrix] bāzes",
-    "Sign In": "Ienākt",
-    "Create Account": "Izveidot kontu",
-    "Explore rooms": "Atklāt istabas",
-    "Unexpected error preparing the app. See console for details.": "Negaidīta kļūda, sagatavojot lietotni. Sīkāku informāciju skatiet konsolē.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Nederīga konfigurācija: var norādīt tikai vienu no default_server_config, default_server_name, vai default_hs_url.",
-    "Invalid configuration: no default server specified.": "Nekorekta konfigurācija: nav norādīts noklusējuma serveris.",
-    "The message from the parser is: %(message)s": "Ziņojums no parsētāja ir: %(message)s",
-    "Invalid JSON": "Nederīgs JSON",
-    "Unable to load config file: please refresh the page to try again.": "Neizdevās ielādēt config datni: lūdzu pārlādē lapu lai mēģinātu vēlreiz.",
-    "Open user settings": "Atver lietotāja iestatījumus",
-    "Go to your browser to complete Sign In": "Aizej uz savu pārlūku lai pabeigtu Piekļuvi",
-    "Unsupported browser": "Neatbalstīts pārlūks",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Lūdzu instalē <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, vai <safariLink>Safari</safariLink> priekš labākās pieredzes.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Tu vari turpināt izmantot savu pašreizējo pārlūku, bet dažas vai visas funkcijas nestrādās, un lietotnes izskats var būt nepareizs.",
-    "I understand the risks and wish to continue": "Es pieņemu riskus un vēlos turpināt",
-    "Go to element.io": "Ej uz element.io",
-    "Failed to start": "Neizdevās palaist"
-}
diff --git a/src/i18n/strings/ml.json b/src/i18n/strings/ml.json
deleted file mode 100644
index f873d3ded0f..00000000000
--- a/src/i18n/strings/ml.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-    "Dismiss": "ഒഴിവാക്കുക",
-    "powered by Matrix": "മാട്രിക്സില്‍ പ്രവര്‍ത്തിക്കുന്നു",
-    "Unknown device": "അപരിചിത ഡിവൈസ്",
-    "You need to be using HTTPS to place a screen-sharing call.": "സ്ക്രീന്‍ ഷെയറിങ്ങ് കോള്‍ നടത്തണമെങ്കില്‍ https ഉപയോഗിക്കണം.",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "വികേന്ദ്രീകൃത , എന്‍ക്രിപ്റ്റഡ് ചാറ്റ് &amp; മാട്രിക്സ് നല്‍കുന്ന കൊളാബൊറേഷന്‍"
-}
diff --git a/src/i18n/strings/mn.json b/src/i18n/strings/mn.json
deleted file mode 100644
index a4bea556b77..00000000000
--- a/src/i18n/strings/mn.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-    "The message from the parser is: %(message)s": "Парсераас ирсэн мессеж нь: %(message)s",
-    "Invalid JSON": "Буруу ЖСОН",
-    "Unexpected error preparing the app. See console for details.": "Апп бэлдэх үед гарах ёсгүй алдаа. Дэлгэрэнгүйг консолоос харна уу.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Буруу тохиргоо: default_server_config, default_server_name, эсвэл default_hs_url утгын зөвхөн аль нэгийг л зааж болно.",
-    "Invalid configuration: no default server specified.": "Буруу тохиргоо: Өгөгдсөл серверийг зааж өгөөгүй байна.",
-    "Unknown device": "Үл мэдэгдэх төхөөрөмж",
-    "You need to be using HTTPS to place a screen-sharing call.": "Та дэлгэц хуваалцах дуудлага хийхдээ HTTPS ашиглах ёстой.",
-    "powered by Matrix": "Matrix - Ивээв",
-    "Dismiss": "Орхих",
-    "Welcome to Element": "Element -д тавтай морил",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Төвлөрсөн бус, нууцлалтай чат &amp;  хамтын ажиллагааг [matrix] - ивээв",
-    "Sign In": "Нэвтрэх",
-    "Create Account": "Хэрэглэгч үүсгэх",
-    "Explore rooms": "Өрөөнүүд үзэх",
-    "Open user settings": "Хэрэглэгчийн тохиргоо нээх",
-    "Go to your browser to complete Sign In": "Бүрэн нэвтрэхийн тулд вэб хөтөч рүү шилжинэ үү"
-}
diff --git a/src/i18n/strings/nb_NO.json b/src/i18n/strings/nb_NO.json
deleted file mode 100644
index 2485a03ad01..00000000000
--- a/src/i18n/strings/nb_NO.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-    "powered by Matrix": "Drevet av Matrix",
-    "Unknown device": "Ukjent enhet",
-    "You need to be using HTTPS to place a screen-sharing call.": "Du er nødt til å bruke HTTPS for å ha en samtale med skjermdeling.",
-    "Dismiss": "Avvis",
-    "Welcome to Element": "Velkommen til Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Desentralisert, kryptert chat &amp; samarbeid drevet av [matrix]",
-    "Sign In": "Logg inn",
-    "Create Account": "Opprett konto",
-    "Explore rooms": "Se alle rom",
-    "The message from the parser is: %(message)s": "Meldingen fra parseren er: %(message)s",
-    "Invalid JSON": "Ugyldig JSON",
-    "Invalid configuration: no default server specified.": "Ugyldig konfigurasjon: ingen standardserver spesifisert.",
-    "Unexpected error preparing the app. See console for details.": "Uventet feil oppsto mens appen ble gjort klar. Se konsollen for detaljer.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Ugyldig konfigurasjon: Spesifiser kun en av følgende: default_server_config, default_server_name eller default_hs_url.",
-    "Open user settings": "Åpne brukerinnstillinger",
-    "Go to your browser to complete Sign In": "Gå til nettleseren din for å fullføre innloggingen"
-}
diff --git a/src/i18n/strings/ne.json b/src/i18n/strings/ne.json
deleted file mode 100644
index 9e26dfeeb6e..00000000000
--- a/src/i18n/strings/ne.json
+++ /dev/null
@@ -1 +0,0 @@
-{}
\ No newline at end of file
diff --git a/src/i18n/strings/nl.json b/src/i18n/strings/nl.json
deleted file mode 100644
index 32d3dac7860..00000000000
--- a/src/i18n/strings/nl.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-    "Dismiss": "Afwijzen",
-    "powered by Matrix": "draait op Matrix",
-    "Unknown device": "Onbekend apparaat",
-    "You need to be using HTTPS to place a screen-sharing call.": "Oproepen met schermdelen vergen HTTPS.",
-    "Welcome to Element": "Welkom bij Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Gedecentraliseerd en versleuteld chatten &amp; samenwerken dankzij [matrix]",
-    "Sign In": "Aanmelden",
-    "Create Account": "Account aanmaken",
-    "Explore rooms": "Gesprekken ontdekken",
-    "Unexpected error preparing the app. See console for details.": "Er is een onverwachte fout opgetreden bij het voorbereiden van de app. Zie de console voor details.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Configuratiefout: kan slechts één van default_server_config, default_server_name, of default_hs_url opgeven.",
-    "Invalid configuration: no default server specified.": "Configuratie ongeldig: geen standaardserver opgegeven.",
-    "The message from the parser is: %(message)s": "De ontleder meldt: %(message)s",
-    "Invalid JSON": "Ongeldige JSON",
-    "Go to your browser to complete Sign In": "Ga naar uw browser om de aanmelding te voltooien",
-    "Open user settings": "Open de gebruikersinstellingen",
-    "Missing indexeddb worker script!": "Het indexeddb script ontbreekt!",
-    "Unable to load config file: please refresh the page to try again.": "Kan het configuratiebestand niet laden. Herlaad de pagina alstublieft.",
-    "Previous/next recently visited room or community": "Vorige/volgende recent bezochte kamer of gemeenschap",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Desktop (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Niet-ondersteunde browser",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Installeer <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, of <safariLink>Safari</safariLink> voor de beste gebruikservaring.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "U kunt uw huidige browser blijven gebruiken, maar sommige of alle features zouden niet kunnen werken en de uitstraling van het programma kan verkeerd zijn.",
-    "I understand the risks and wish to continue": "Ik begrijp de risico's en wil verder gaan",
-    "Go to element.io": "Ga naar element.io",
-    "Failed to start": "Opstarten gefaald"
-}
diff --git a/src/i18n/strings/nn.json b/src/i18n/strings/nn.json
deleted file mode 100644
index 3189edcaf1d..00000000000
--- a/src/i18n/strings/nn.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-    "Unknown device": "Ukjend eining",
-    "You need to be using HTTPS to place a screen-sharing call.": "Du må bruka HTTPS for å ha ein samtale med skjermdeling.",
-    "Dismiss": "Avvis",
-    "powered by Matrix": "Matrixdriven",
-    "Welcome to Element": "Velkomen til Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Desentralisert, kryptert nettprat &amp; samarbeid drive av [matrix]",
-    "Sign In": "Logg inn",
-    "Create Account": "Opprett konto",
-    "Explore rooms": "Utforsk romma",
-    "The message from the parser is: %(message)s": "Meldinga frå kodetolkaren er: %(message)s",
-    "Invalid JSON": "Ugyldig JSON",
-    "Unexpected error preparing the app. See console for details.": "Uventa feil under lasting av programmet. Sjå konsollen for detaljar.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Ugyldig oppsett: berre muleg å berre spesifiere ein av default_server_config, default_server_name eller default_hs_url.",
-    "Invalid configuration: no default server specified.": "Ugyldig oppsett:  ingen \"default server\" er spesifisert.",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Oppsettet for din Element inneheld ugyldig JSON. Sjekk konfigurasjonsfila, deretter last om sida.",
-    "Unable to load config file: please refresh the page to try again.": "Fekk ikkje til å lasta konfigurasjonsfila: last inn sida for å prøva om att.",
-    "Go to your browser to complete Sign In": "Opna nettlesaren din for å fullføra innlogginga",
-    "Unsupported browser": "Nettlesaren er ikkje støtta",
-    "Your browser can't run %(brand)s": "Din nettlesar kan ikkje køyra %(brand)s",
-    "Go to element.io": "Gå til element.io"
-}
diff --git a/src/i18n/strings/oc.json b/src/i18n/strings/oc.json
deleted file mode 100644
index 002f260cb6d..00000000000
--- a/src/i18n/strings/oc.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-    "The message from the parser is: %(message)s": "Lo messatge de l’analisaire es : %(message)s",
-    "Invalid JSON": "Invalid JSON",
-    "Unexpected error preparing the app. See console for details.": "Error inesperada en preparant l’aplicacion. Vejatz la consòla pels detalhs.",
-    "Go to your browser to complete Sign In": "Anatz al navegador per acabar la connexion",
-    "Unknown device": "Periferic desconegut",
-    "powered by Matrix": "propulsat per Matrix",
-    "Dismiss": "Refusar",
-    "Welcome to Element": "La benvenguda a Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Messatjariá chifrada, descentralizada e collaborativa propulsada per [matrix]",
-    "Sign In": "Se connectar",
-    "Create Account": "Crear un compte",
-    "Explore rooms": "Percórrer las salas"
-}
diff --git a/src/i18n/strings/pl.json b/src/i18n/strings/pl.json
deleted file mode 100644
index eec83f8b654..00000000000
--- a/src/i18n/strings/pl.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-    "Dismiss": "Zamknij",
-    "powered by Matrix": "napędzany przez Matrix",
-    "Unknown device": "Nieznane urządzenie",
-    "You need to be using HTTPS to place a screen-sharing call.": "Musisz używać bezpiecznego protokołu HTTPS aby użyć połączenia współdzielenia ekranu.",
-    "Welcome to Element": "Witamy w Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Zdecentralizowany, szyfrowany czat &amp; współpraca oparta na [matrix]",
-    "Create Account": "Stwórz konto",
-    "Sign In": "Zaloguj",
-    "Explore rooms": "Przeglądaj pokoje",
-    "The message from the parser is: %(message)s": "Wiadomość od parsera to: %(message)s",
-    "Invalid JSON": "Błędny JSON",
-    "Unexpected error preparing the app. See console for details.": "Niespodziewany błąd podczas przygotowywania aplikacji. Otwórz konsolę po szczegóły.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Błędna konfiguracja. Akceptowalne wartości to: default_server_config, default_server_name, default_hs_url.",
-    "Invalid configuration: no default server specified.": "Błędna konfiguracja: nie wybrano domyślnego serwera.",
-    "Open user settings": "Otwórz ustawienia użytkownika",
-    "Go to your browser to complete Sign In": "Aby dokończyć proces rejestracji, przejdź do swojej przeglądarki",
-    "Missing indexeddb worker script!": "Brakujący skrypt workera indexeddb!",
-    "Unable to load config file: please refresh the page to try again.": "Nie udało się załadować pliku konfiguracyjnego: odśwież stronę aby spróbować ponownie.",
-    "Previous/next recently visited room or community": "Poprzedni/następny niedawno odwiedzony pokój lub społeczność",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Desktop (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Niewspierana przeglądarka",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Zainstaluj <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, lub <safariLink>Safari</safariLink> w celu zapewnienia najlepszego działania.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Możesz kontynuować używanie obecnej przeglądarki, lecz niektóre lub wszystkie funkcje mogą nie działać oraz wygląd aplikacji może być niepoprawny.",
-    "I understand the risks and wish to continue": "Rozumiem ryzyko i chcę kontynuować",
-    "Go to element.io": "Przejdź do element.io",
-    "Failed to start": "Nie udało się wystartować"
-}
diff --git a/src/i18n/strings/pt.json b/src/i18n/strings/pt.json
deleted file mode 100644
index c29ed4a2af8..00000000000
--- a/src/i18n/strings/pt.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-    "Dismiss": "Descartar",
-    "powered by Matrix": "powered by Matrix",
-    "Unknown device": "Dispositivo desconhecido",
-    "You need to be using HTTPS to place a screen-sharing call.": "Necessita de estar a usar HTTPS para poder iniciar uma chamada com partilha de ecrã.",
-    "Welcome to Element": "Bem-vindo ao Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Chat descentralizado, encriptado &amp; colaborativo powered by [matrix]",
-    "The message from the parser is: %(message)s": "A mensagem do parser é: %(message)s",
-    "Invalid JSON": "JSON inválido",
-    "Unexpected error preparing the app. See console for details.": "Erro inesperado na preparação da aplicação. Veja a consola para mais detalhes.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Configuração inválida: só pode especificar uma das default_server_config, default_server_name, ou default_hs_url.",
-    "Invalid configuration: no default server specified.": "Configuração inválida: servidor padrão não especificado.",
-    "Sign In": "Iniciar sessão",
-    "Create Account": "Criar conta",
-    "Explore rooms": "Explorar rooms",
-    "Go to your browser to complete Sign In": "Abra o seu navegador para completar o inicio de sessão"
-}
diff --git a/src/i18n/strings/pt_BR.json b/src/i18n/strings/pt_BR.json
deleted file mode 100644
index 9ad9220a7ce..00000000000
--- a/src/i18n/strings/pt_BR.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Dismiss": "Descartar",
-    "powered by Matrix": "oferecido por Matrix",
-    "Unknown device": "Aparelho desconhecido",
-    "You need to be using HTTPS to place a screen-sharing call.": "Você precisa usar HTTPS para compartilhar a tela durante uma chamada.",
-    "Welcome to Element": "Seja bem-vinda(o) a Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Chat descentralizado, criptografado e colaborativo construído com [matrix]",
-    "Sign In": "Entrar",
-    "Create Account": "Criar Conta",
-    "Explore rooms": "Explorar salas",
-    "The message from the parser is: %(message)s": "A mensagem do parser é: %(message)s",
-    "Invalid JSON": "JSON inválido",
-    "Unexpected error preparing the app. See console for details.": "Erro inesperado preparando o aplicativo. Veja o console para mais detalhes.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Configuração inválida: você só pode especificar um valor dentre default_server_config, default_server_name, ou default_hs_url.",
-    "Invalid configuration: no default server specified.": "Configuração inválida: servidor padrão não especificado.",
-    "Unable to load config file: please refresh the page to try again.": "Não foi possível carregar o arquivo de configuração: por favor, atualize a página para tentar novamente.",
-    "Download Completed": "Download concluído",
-    "Open user settings": "Abrir configurações do usuário",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Navegador não suportado",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Por favor, instale o <chromeLink>Chrome</chromeLink>, o <firefoxLink>Firefox</firefoxLink> ou o <safariLink>Safari</safariLink> para obter a melhor experiência de uso.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Você pode continuar usando o navegador atual, mas alguns dos recursos podem não funcionar e a aparência do aplicativo pode estar incorreta.",
-    "I understand the risks and wish to continue": "Entendo os riscos e desejo continuar",
-    "Go to element.io": "Vá para element.io",
-    "Failed to start": "Falha ao iniciar",
-    "Missing indexeddb worker script!": "O script indexeddb não foi encontrado!",
-    "Open": "Abrir",
-    "Previous/next recently visited room or community": "Anterior/Próxima sala ou comunidade visitada recentemente",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s para Computador (%(platformName)s)",
-    "Go to your browser to complete Sign In": "Vá para o seu navegador para concluir o login",
-    "Your Element is misconfigured": "Seu Element está desconfigurado",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Sua configuração do Element contém JSON inválido. Por favor, corrija o problema e recarregue a página.",
-    "Your browser can't run %(brand)s": "Seu navegador não consegue rodar o %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s usa recursos avançados que não são suportados pelo seu navegador de internet atual.",
-    "Powered by Matrix": "Construído com tecnologia Matrix"
-}
diff --git a/src/i18n/strings/ro.json b/src/i18n/strings/ro.json
deleted file mode 100644
index 59571870a17..00000000000
--- a/src/i18n/strings/ro.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-    "Unknown device": "Device necunoscut",
-    "Dismiss": "Închide",
-    "powered by Matrix": "propulsat de Matrix",
-    "Welcome to Element": "Bun venit pe Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Chat decentralizat, criptat &amp; colaborare propulsata de [matrix]",
-    "You need to be using HTTPS to place a screen-sharing call.": "Trebuie să folosești HTTPS pentru a plasa un apel de tip screen-sharing.",
-    "Sign In": "Autentificare",
-    "Create Account": "Înregistare",
-    "Explore rooms": "Explorează camerele",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Configuratie invalida: se poate specifica doar una dintre default_server_config, default_server_name, or default_hs_url.",
-    "Invalid JSON": "JSON invalid",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Desktop (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Acest browser nu este suportat",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Instalati va rog <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> pentru o experienta mai buna.",
-    "I understand the risks and wish to continue": "Inteleg riscul si doresc sa continui",
-    "Go to element.io": "Acceseaza element.io",
-    "Failed to start": "Nu reuseste sa porneasca"
-}
diff --git a/src/i18n/strings/ru.json b/src/i18n/strings/ru.json
deleted file mode 100644
index fed1c23a106..00000000000
--- a/src/i18n/strings/ru.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Dismiss": "Закрыть",
-    "powered by Matrix": "основано на Matrix",
-    "Unknown device": "Неизвестное устройство",
-    "You need to be using HTTPS to place a screen-sharing call.": "Для трансляции рабочего стола требуется использование HTTPS.",
-    "Welcome to Element": "Добро пожаловать в Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Децентрализованный, шифрованный чат и совместное рабочее пространство на основе [matrix]",
-    "Sign In": "Войти",
-    "Create Account": "Создать учётную запись",
-    "Explore rooms": "Список комнат",
-    "Unexpected error preparing the app. See console for details.": "Неожиданная ошибка при подготовке приложения. Подробности см. в консоли.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Неверная конфигурация: может указывать только один из следующих параметров: default_server_config, default_server_name или default_hs_url.",
-    "Invalid configuration: no default server specified.": "Неверная конфигурация: сервер по умолчанию не указан.",
-    "The message from the parser is: %(message)s": "Сообщение из парсера: %(message)s",
-    "Invalid JSON": "Нерабочий JSON",
-    "Go to your browser to complete Sign In": "Перейдите в браузер для завершения входа",
-    "Open user settings": "Открыть настройки пользователя",
-    "Missing indexeddb worker script!": "Отсутствует скрипт воркера для indexeddb!",
-    "Unable to load config file: please refresh the page to try again.": "Не удалось загрузить файл конфигурации. Попробуйте обновить страницу.",
-    "Previous/next recently visited room or community": "Предыдущая/следующая недавно посещённая комната или сообщество",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s десктоп (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Неподдерживаемый браузер",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Пожалуйста поставьте <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, или <safariLink>Safari</safariLink> для лучшей совместимости.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Вы можете продолжать пользоваться этим браузером но некоторые возможности будут недоступны и интерфейс может быть отрисован неправильно.",
-    "I understand the risks and wish to continue": "Я понимаю риск и хочу продолжить",
-    "Go to element.io": "К element.io",
-    "Failed to start": "Старт не удался",
-    "Your Element is misconfigured": "Ваш Element неверно настроен",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Конфигурация Element содержит неверный JSON. Исправьте проблему и обновите страницу.",
-    "Download Completed": "Загрузка завершена",
-    "Open": "Открыть",
-    "Your browser can't run %(brand)s": "Ваш браузер не может запустить %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s использует расширенные возможности, которые не поддерживаются вашим браузером.",
-    "Powered by Matrix": "На технологии Matrix"
-}
diff --git a/src/i18n/strings/sco.json b/src/i18n/strings/sco.json
deleted file mode 100644
index 7078a336c22..00000000000
--- a/src/i18n/strings/sco.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-    "Unexpected error preparing the app. See console for details.": "Unexpectit error came up gittin the app set up. See the console? Mair details ur thare."
-}
diff --git a/src/i18n/strings/si.json b/src/i18n/strings/si.json
deleted file mode 100644
index 6b6ee57ba06..00000000000
--- a/src/i18n/strings/si.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-    "Unknown device": "නොදන්නා උපකරණය",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)"
-}
diff --git a/src/i18n/strings/sk.json b/src/i18n/strings/sk.json
deleted file mode 100644
index a70dac93af0..00000000000
--- a/src/i18n/strings/sk.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-    "Unknown device": "Neznáme zariadenie",
-    "You need to be using HTTPS to place a screen-sharing call.": "Ak si želáte spustiť zdieľanie obrazovky, musíte byť pripojení cez protokol HTTPS.",
-    "Dismiss": "Zamietnuť",
-    "powered by Matrix": "poháňa Matrix",
-    "Welcome to Element": "Víta vás Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Decentralizovaný, šifrovaný chat a spolupráca na platforme [matrix]",
-    "Sign In": "Prihlásiť sa",
-    "Create Account": "Vytvoriť účet",
-    "Explore rooms": "Preskúmať miestnosti",
-    "The message from the parser is: %(message)s": "Správa z parsera je: %(message)s",
-    "Invalid JSON": "Neplatný JSON",
-    "Unexpected error preparing the app. See console for details.": "Neočakávaná chyba počas pripravovania aplikácie. Pre podrobnosti pozri konzolu.",
-    "Invalid configuration: no default server specified.": "Neplatné nastavenie: nebol určený východiskový server.",
-    "Missing indexeddb worker script!": "Chýba indexovaný databázový skript pracovníka!",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Neplatná konfigurácia: je možné špecifikovať len jednu možnosť z default_server_config, default_server_name, alebo default_hs_url.",
-    "Unable to load config file: please refresh the page to try again.": "Nemožno načítať konfiguračný súbor: prosím obnovte stránku a skúste to znova.",
-    "Open user settings": "Otvoriť používateľské nastavenia",
-    "Previous/next recently visited room or community": "Predchádzajúca/ďalšia nedávno navštívená miestnosť alebo komunita",
-    "Go to your browser to complete Sign In": "Prejdite do prehliadača a dokončite prihlásenie",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Desktop (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Nepodporovaný prehliadač",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Prosím, nainštalujte si <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink> alebo <safariLink>Safari</safariLink> pre najlepší zážitok.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Môžete naďalej používať váš súčasný prehliadač, ale niektoré alebo všetky funkcie nemusia fungovať a zážitok z aplikácie nemusí byť optimálny.",
-    "I understand the risks and wish to continue": "Rozumiem riziku a chcem pokračovať",
-    "Go to element.io": "Prejsť na element.io",
-    "Failed to start": "Zapnutie zlyhalo",
-    "Download Completed": "Preberanie dokončené",
-    "Open": "Otvoriť",
-    "Your Element is misconfigured": "Váš Element je nesprávne nastavený",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Vaša konfigurácia Elementu obsahuje nesprávne JSON. Prosím, opravte chybu a obnovte stránku.",
-    "Your browser can't run %(brand)s": "Váš prehliadač nerozbehne %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s používa pokročilé funkcie prehliadača, ktoré nie sú podporované vaším aktuálnym prehliadačom."
-}
diff --git a/src/i18n/strings/sl.json b/src/i18n/strings/sl.json
deleted file mode 100644
index 8d130a37334..00000000000
--- a/src/i18n/strings/sl.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Unknown device": "Neznana naprava",
-    "You need to be using HTTPS to place a screen-sharing call.": "Za klic s skupno rabo zaslona potrebujete HTTPS.",
-    "powered by Matrix": "poganja Matrix",
-    "Dismiss": "Opusti",
-    "Welcome to Element": "Dobrodošli v Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Decentralizirano šifrirano sporočanje &amp; sodelovanje s pomočjo [matrix]",
-    "Sign In": "Prijava",
-    "Create Account": "Registracija",
-    "Explore rooms": "Raziščite sobe",
-    "Missing indexeddb worker script!": "Manjka skript za IndexDB!",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Neveljavna konfiguracija: lahko izberete samo eno izmed default_server_config, default_server_name ali default_hs_url.",
-    "Invalid configuration: no default server specified.": "Neveljavna konfiguracija: privzeti strežnik ni nastavljen.",
-    "Your Element is misconfigured": "Vaš Element je napačno nastavljen",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Konfiguracije vašega Elementa vsebujejo neveljaven JSON. Prosim, popravite napako in znova naložite stran.",
-    "The message from the parser is: %(message)s": "Sporočilo parserja je: %(message)s",
-    "Invalid JSON": "Neveljaven JSON",
-    "Unable to load config file: please refresh the page to try again.": "Ni uspelo naložiti konfiguracijske datoteke: prosim, ponovno naložite stran.",
-    "Unexpected error preparing the app. See console for details.": "Nepričakovana napaka pri pripravi aplikacije: Za več poglejte konzolo.",
-    "Download Completed": "Prenos zaključen",
-    "Open": "Odpri",
-    "Open user settings": "Odpri uporabniške nastavitve",
-    "Previous/next recently visited room or community": "Prejšnja/naslednja soba ali skupnost, ki je bila pred kratkim odprta",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s namizje za (%(platformName)s)",
-    "Go to your browser to complete Sign In": "Nadaljujte s prijavo v spletnem brskalniku",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Powered by Matrix": "Poganja Matrix",
-    "Unsupported browser": "Nepodprt brskalnik",
-    "Your browser can't run %(brand)s": "Vaš brskalnik ne more poganjati %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s uporablja napredne lastnosti brskalnika, ki jih vaš trenutni brskalnik ne podpira.",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Za najboljšo izkušnjo, prosim namestite <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink> ali <safariLink>Safari</safariLink>.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Lahko nadaljujete z uporabo vašega trenutnega brskalnika, vendar lahko to privede do manjkajočih funkcionalnosti ali napačnega izgleda aplikacije.",
-    "I understand the risks and wish to continue": "Razumem riziko in želim vseeno nadaljevati",
-    "Go to element.io": "Pojdi na element.io",
-    "Failed to start": "Neuspel zagon"
-}
diff --git a/src/i18n/strings/sq.json b/src/i18n/strings/sq.json
deleted file mode 100644
index 3e4987bc21f..00000000000
--- a/src/i18n/strings/sq.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Unknown device": "Pajisje e panjohur",
-    "You need to be using HTTPS to place a screen-sharing call.": "Që të bëni një thirrje me ndarje ekrani, duhet të jeni duke përdorur HTTPS-në.",
-    "Dismiss": "Mos e merr parasysh",
-    "powered by Matrix": "bazuar në Matrix",
-    "Welcome to Element": "Mirë se vini te Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Fjalosje &amp; bashkëpunim të decentralizuar, të fshehtëzuar, bazuar në [matrix]",
-    "Sign In": "Hyni",
-    "Create Account": "Krijoni Llogari",
-    "Explore rooms": "Eksploroni dhoma",
-    "Unexpected error preparing the app. See console for details.": "Gabim i papritur gjatë përgatitjes së aplikacionit. Për hollësi, shihni konsolën.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Formësim i pavlefshëm: mund të caktohet vetëm një prej default_server_config, default_server_name, ose default_hs_url.",
-    "Invalid configuration: no default server specified.": "Formësim i pavlefshëm: s’është caktuar shërbyes parazgjedhje.",
-    "The message from the parser is: %(message)s": "Mesazhi prej procesit është: %(message)s",
-    "Invalid JSON": "JSON i pavlefshëm",
-    "Go to your browser to complete Sign In": "Që të plotësoni Hyrjen, kaloni te shfletuesi juaj",
-    "Open user settings": "Hapni rregullime përdoruesi",
-    "Unable to load config file: please refresh the page to try again.": "S’arrihet të ngarkohet kartelë formësimesh: ju lutemi, rifreskoni faqen dhe riprovoni.",
-    "Previous/next recently visited room or community": "Dhomë ose bashkësi e mëparshme/pasuese e vizituar së fundi",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Desktop (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Shfletues i pambuluar",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Ju lutemi, për funksionimin më të mirë, instaloni <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, ose <safariLink>Safari</safariLink>.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Mund të vazhdoni të përdorni shfletuesin tuaj të tanishëm, por disa ose krejt veçoritë mund të mos funksionojnë dhe pamja dhe ndjesitë prej aplikacionit të mos jenë të sakta.",
-    "I understand the risks and wish to continue": "I kuptoj rreziqet dhe dëshiroj të vazhdoj",
-    "Go to element.io": "Shko te element.io",
-    "Failed to start": "S’u arrit të nisej",
-    "Missing indexeddb worker script!": "Mungon programth worker-i indexeddb-je!",
-    "Download Completed": "Shkarkim i Plotësuar",
-    "Open": "Hape",
-    "Your Element is misconfigured": "Element-i juaj është i keqformësuar",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Formësimi juaj i Element-it përmban JSON të pavlefshëm. Ju lutemi, ndreqeni problemin dhe ringarkoni faqen.",
-    "Your browser can't run %(brand)s": "Shfletuesi juaj s’mund të xhirojë %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s përdor veçori të thelluara të shfletuesit, të cilat shfletuesi juaj i tanishëm s’i mbulon.",
-    "Powered by Matrix": "Bazuar në Matrix"
-}
diff --git a/src/i18n/strings/sr.json b/src/i18n/strings/sr.json
deleted file mode 100644
index 560fa14f10d..00000000000
--- a/src/i18n/strings/sr.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-    "Unknown device": "Непознати уређај",
-    "You need to be using HTTPS to place a screen-sharing call.": "Морате користити HTTPS да бисте започели позив са дељењем екрана.",
-    "Dismiss": "Одбаци",
-    "powered by Matrix": "покреће Матрикс",
-    "Welcome to Element": "Добродошли у Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Децентрализовано, шифровано ћаскање и сарадња коју покреће [matrix]",
-    "Sign In": "Пријава",
-    "Create Account": "Направи налог",
-    "Explore rooms": "Истражи собе",
-    "Invalid configuration: no default server specified.": "Погрешно подешавање: подразумевани сервер није наведен.",
-    "The message from the parser is: %(message)s": "Порука из парсера: %(message)s",
-    "Invalid JSON": "Погрешан JSON",
-    "Unexpected error preparing the app. See console for details.": "Неочекивана грешка приликом припреме апликације. Погледајте конзолу за више детаља.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Погрешно подешавање: можете навести само једну вредност од default_server_config, default_server_name, or default_hs_url.",
-    "Missing indexeddb worker script!": "Недостаје скрипта indexeddb радника!",
-    "Your Element is misconfigured": "Ваша Елемент апликација је лоше подешена",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Подешавање ваше Елемент апликације садржи неисправни JSON. Поправите проблем па поново учитајте ову страницу.",
-    "Unable to load config file: please refresh the page to try again.": "Не могу да учитам датотеку подешавања: освежите страницу и покушајте поново.",
-    "Download Completed": "Преузимање завршено",
-    "Open": "Отвори",
-    "Open user settings": "Отвори корисничка подешавања",
-    "Previous/next recently visited room or community": "Претходно/следеће недавно посећене собе или заједнице",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s радна површ (%(platformName)s)",
-    "Go to your browser to complete Sign In": "Отворите ваш прегледач за довршавање пријаве",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Неподржан прегледач",
-    "Your browser can't run %(brand)s": "Ваш прегледач не може покретати %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s користи напредне могућности које нису подржане у вашем тренутном прегледачу.",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Инсталирајте <chromeLink>Хром</chromeLink>, <firefoxLink>Фајерфокс</firefoxLink>, или <safariLink>Сафари</safariLink> за најбољи доживљај.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Можете наставити користећи тренутни прегледач али неке могућности можда неће радити и изглед и доживљај апликације може бити лош.",
-    "I understand the risks and wish to continue": "Разумем могуће последице и желим наставити",
-    "Go to element.io": "Иди на element.io",
-    "Failed to start": "Неуспех при покретању"
-}
diff --git a/src/i18n/strings/sr_Latn.json b/src/i18n/strings/sr_Latn.json
deleted file mode 100644
index ea4b29af897..00000000000
--- a/src/i18n/strings/sr_Latn.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-    "The message from the parser is: %(message)s": "Poruka iz parsera je: %(message)s",
-    "Invalid JSON": "Pogrešan JSON",
-    "Unexpected error preparing the app. See console for details.": "Neočekivana greška prilikom pripreme aplikacije. Pogledajte konzolu za više detalja.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Pogrešno podešavanje: možete navesti samo jednu vrednost od default_server_config, default_server_name, or default_hs_url.",
-    "Invalid configuration: no default server specified.": "Pogrešno podešavanje: podrazumevani server nije naveden.",
-    "Unknown device": "Nepoznat uređaj",
-    "You need to be using HTTPS to place a screen-sharing call.": "Treba da koristite HTTPS da bi ste započeli poziv sa deljenjem ekrana.",
-    "powered by Matrix": "pokreće Matriks",
-    "Dismiss": "Odbaci",
-    "Welcome to Element": "Dobrodošli u Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Decentralizovano, šifrovano ćaskanje &amp; i saradnja koju pokreće [matrix]",
-    "Sign In": "Prijavite se",
-    "Create Account": "Napravite nalog",
-    "Explore rooms": "Istražite sobe"
-}
diff --git a/src/i18n/strings/sv.json b/src/i18n/strings/sv.json
deleted file mode 100644
index 6f88bb93b6c..00000000000
--- a/src/i18n/strings/sv.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Dismiss": "Avvisa",
-    "powered by Matrix": "drivs av Matrix",
-    "Unknown device": "Okänd enhet",
-    "You need to be using HTTPS to place a screen-sharing call.": "Du måste använda HTTPS för att ringa med skärmdelning.",
-    "Welcome to Element": "Välkommen till Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Decentraliserad, krypterad chatt &amp; samarbetsplattform baserad på [matrix]",
-    "Sign In": "Logga in",
-    "Create Account": "Skapa konto",
-    "Explore rooms": "Utforska rum",
-    "The message from the parser is: %(message)s": "Meddelandet från parsern är: %(message)s",
-    "Invalid JSON": "Ogiltig JSON",
-    "Unexpected error preparing the app. See console for details.": "Oväntat fel vid appstart. Se konsolen för mer information.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Ogiltiga inställningar: det är enbart möjligt att specificera en default_config, default_server, eller default_hs_url.",
-    "Invalid configuration: no default server specified.": "Ogiltiga inställningar: ingen standardserver specificerad.",
-    "Open user settings": "Öppna användarinställningar",
-    "Go to your browser to complete Sign In": "Gå till din webbläsare för att slutföra inloggningen",
-    "Missing indexeddb worker script!": "Saknar IndexedDB-workerscript!",
-    "Unable to load config file: please refresh the page to try again.": "Kan inte ladda konfigurationsfilen: ladda om sidan för att försöka igen.",
-    "Previous/next recently visited room or community": "Föregående/nästa nyligen besökt rum eller gemenskap",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s skrivbord (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "Webbläsaren stöds ej",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Installera <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, eller <safariLink>Safari</safariLink> för den bästa upplevelsen.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Du kan fortsätta använda din nuvarande webbläsare, men vissa eller alla funktioner kanske inte fungerar och utseendet och känslan av applikationen kan var felaktig.",
-    "I understand the risks and wish to continue": "Jag förstår riskerna och vill fortsätta",
-    "Go to element.io": "Gå till element.io",
-    "Failed to start": "Misslyckade att starta",
-    "Your Element is misconfigured": "Din Element är felkonfigurerad",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Din Elementkonfiguration innehåller ogiltig JSON. Vänligen rätta till problemet och ladda om sidan.",
-    "Download Completed": "Nedladdning slutförd",
-    "Open": "Öppna",
-    "Powered by Matrix": "Drivs av Matrix",
-    "Your browser can't run %(brand)s": "Din webbläsare kan inte köra %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s använder avancerade webbläsarfunktioner som inte stöds av din aktuella webbläsare."
-}
diff --git a/src/i18n/strings/ta.json b/src/i18n/strings/ta.json
deleted file mode 100644
index 6e6f4725e04..00000000000
--- a/src/i18n/strings/ta.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-    "Dismiss": "நீக்கு",
-    "powered by Matrix": "Matrix-ஆல் ஆனது",
-    "Unknown device": "தெரியாத கருவி",
-    "You need to be using HTTPS to place a screen-sharing call.": "நீங்கள் திரைபகிர்வு அழைப்பை மேற்க்கொள்ள  HTTPS-ஐ பயன்படுத்த வேண்டும்.",
-    "Welcome to Element": "Element -ற்க்கு வரவேற்க்கிறோம்",
-    "The message from the parser is: %(message)s": "பாகுபடுத்தி அனுப்பிய செய்தி: %(message)s",
-    "Invalid JSON": "தவறான JSON",
-    "Unexpected error preparing the app. See console for details.": "பயன்பாட்டைத் தயாரிப்பதில் எதிர்பாராத பிழை. விவரங்களுக்கு console ஐப் பார்க்கவும்.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "தவறான உள்ளமைவு: default_server_config, default_server_name அல்லது default_hs_url இல் ஒன்றை மட்டுமே குறிப்பிட முடியும்.",
-    "Invalid configuration: no default server specified.": "தவறான உள்ளமைவு: இயல்புநிலை சேவையகம் குறிப்பிடப்படவில்லை.",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "[matrix] ஆல் இயக்கப்படும் பரவலாக்கப்பட்ட, மறைகுறியாக்கப்பட்ட அரட்டை &amp; ஒத்துழைப்பு",
-    "Sign In": "உள்நுழைக",
-    "Create Account": "உங்கள் கணக்கை துவங்குங்கள்",
-    "Explore rooms": "அறைகளை ஆராயுங்கள்"
-}
diff --git a/src/i18n/strings/te.json b/src/i18n/strings/te.json
deleted file mode 100644
index 4afc3b0f6b6..00000000000
--- a/src/i18n/strings/te.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-    "Dismiss": "రద్దుచేసే",
-    "Unknown device": "తెలుయని పరికరం",
-    "You need to be using HTTPS to place a screen-sharing call.": "తెర ని పంచే కాల్ కి HTTPS అవసరం."
-}
diff --git a/src/i18n/strings/th.json b/src/i18n/strings/th.json
deleted file mode 100644
index d9740a9aaf3..00000000000
--- a/src/i18n/strings/th.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-    "powered by Matrix": "ใช้เทคโนโลยี Matrix",
-    "Dismiss": "ไม่สนใจ",
-    "Unknown device": "อุปกรณ์ที่ไม่รู้จัก",
-    "You need to be using HTTPS to place a screen-sharing call.": "คุณต้องใช้ HTTPS เพื่อเริ่มติดต่อแบบแบ่งปันหน้าจอ",
-    "Welcome to Element": "ยินดีต้อนรับสู่ Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "ระบบแชทและประสานงาน ไร้ศูนย์กลางและเข้ารหัสได้ โดยใช้เทคโนโลยีจาก [matrix]",
-    "The message from the parser is: %(message)s": "ข้อความจากparserคือ:%(message)s",
-    "Invalid JSON": "JSON ไม่ถูกต้อง",
-    "Sign In": "เข้าสู่ระบบ",
-    "Create Account": "สร้างบัญชี",
-    "Explore rooms": "สำรวจห้อง"
-}
diff --git a/src/i18n/strings/tr.json b/src/i18n/strings/tr.json
deleted file mode 100644
index 48ef2459fe0..00000000000
--- a/src/i18n/strings/tr.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-    "Dismiss": "Kapat",
-    "powered by Matrix": "Matrix'den besleniyor",
-    "Unknown device": "Bilinmeyen aygıt",
-    "You need to be using HTTPS to place a screen-sharing call.": "Ekran paylaşımlı arama yapmak için HTTPS kullanıyor olmalısınız.",
-    "Welcome to Element": "Element'e hoş geldiniz",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Merkezsiz, şifreli sohbet &amp; işbirliği ile Matrix tarafından desteklenmektedir",
-    "Sign In": "Giriş Yap",
-    "Create Account": "Hesap Oluştur",
-    "Explore rooms": "Odaları keşfet",
-    "Invalid JSON": "Geçersiz JSON",
-    "Unexpected error preparing the app. See console for details.": "Uygulama hazırlanırken beklenmeyen bir hata oldu. Detaylar için konsola bakın.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Geçersiz yapılandırma: default_server_config, default_server_name, yada default_hs_url den sadece birisi seçilebilir.",
-    "Invalid configuration: no default server specified.": "Geçersiz yapılandırma: varsayılan sunucu seçilmemiş.",
-    "The message from the parser is: %(message)s": "Ayrıştırıcıdan gelen mesaj: %(message)s",
-    "Go to your browser to complete Sign In": "Oturum açmayı tamamlamak için tarayıcınıza gidin",
-    "Open user settings": "Kullanıcı ayarlarını aç",
-    "Your Element is misconfigured": "Element uygulaması hatalı ayarlanmış",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Element uygulamasının ayarları hatalı JSON içeriyor. Lütfen hatayı düzeltip sayfayı yenileyin.",
-    "Unable to load config file: please refresh the page to try again.": "Yapılandırma (config) dosyası yüklenemedi: lütfen yeniden denemek için sayfayı yenileyin.",
-    "Download Completed": "İndirme Tamamlandı",
-    "Unsupported browser": "Desteklenmeyen tarayıcı",
-    "Your browser can't run %(brand)s": "",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s, kullandığınız tarayıcı tarafından desteklenmeyen, gelişmiş tarayıcı özellikleri kullanıyor.",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Daha iyi bir deneyim için lütfen <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink> ya da <safariLink>Safari</safariLink> tarayıcılarından birini yükleyin.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Şu anda kullanmış olduğunuz tarayıcınızı kullanmaya devam edebilirsiniz ancak uygulamanın sunduğu bazı ya da bütün özellikler çalışmayabilir ve deneyiminizi kötü yönde etkileyebilir.",
-    "I understand the risks and wish to continue": "Riskleri anlıyorum ve devam etmek istiyorum",
-    "Go to element.io": "element.io adresine git",
-    "Failed to start": "Başlatılamadı"
-}
diff --git a/src/i18n/strings/uk.json b/src/i18n/strings/uk.json
deleted file mode 100644
index fe57f2f679d..00000000000
--- a/src/i18n/strings/uk.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Dismiss": "Відхилити",
-    "powered by Matrix": "працює на Matrix",
-    "Unknown device": "Невідомий пристрій",
-    "You need to be using HTTPS to place a screen-sharing call.": "Ви маєте використовувати HTTPS щоб зробити виклик із поширенням екрану.",
-    "Welcome to Element": "Ласкаво просимо до Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Децентралізована, зашифрована балачка та засіб для співробітництва, що працює на [matrix]",
-    "Sign In": "Увійти",
-    "Create Account": "Створити обліковий запис",
-    "Explore rooms": "Шукати кімнати",
-    "Unexpected error preparing the app. See console for details.": "Неочікувана помилка при готуванні програми. Дивіться деталі у виводі консолі.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Невірна конфігурація: можна вказати лише default_server_config, default_server_name або default_hs_url.",
-    "Invalid configuration: no default server specified.": "Невірна конфігурація: не вказано усталений сервер.",
-    "The message from the parser is: %(message)s": "Аналізатор повідомляє: %(message)s",
-    "Invalid JSON": "Хибний JSON",
-    "Unsupported browser": "Непідтримуваний переглядач",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "Для найкращих вражень від користування встановіть, будь ласка, <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, або <safariLink>Safari</safariLink>.",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "Ви можете продовжити, користуючись вашим поточним переглядачем, але деякі функції можуть не працювати, а застосунок може виглядати неправильно.",
-    "I understand the risks and wish to continue": "Я усвідомлюю ризик і бажаю продовжити",
-    "Go to element.io": "Перейти на element.io",
-    "Failed to start": "Запуск не вдався",
-    "Download Completed": "Завантаження завершено",
-    "Missing indexeddb worker script!": "Відсутній скрипт воркеру для IndexedDB!",
-    "Your Element is misconfigured": "Ваш Element налаштовано неправильно",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Ваша конфігурація Element містить хибний JSON. Виправте проблему та оновіть сторінку.",
-    "Unable to load config file: please refresh the page to try again.": "Неможливо завантажити файл конфігурації. Оновіть, будь ласка, сторінку.",
-    "Open": "Відкрити",
-    "Open user settings": "Відкрити користувацькі налаштування",
-    "Previous/next recently visited room or community": "Попередня/наступна нещодавно відвідана кімната чи спільнота",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s Desktop (%(platformName)s)",
-    "Go to your browser to complete Sign In": "Перейдіть у ваш переглядач щоб завершити входження",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Powered by Matrix": "Працює на Matrix",
-    "Your browser can't run %(brand)s": "Ваш переглядач неспроможний запустити %(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "%(brand)s використовує передові властивості, які ваш переглядач не підтримує."
-}
diff --git a/src/i18n/strings/vi.json b/src/i18n/strings/vi.json
deleted file mode 100644
index ddf67f5dfe5..00000000000
--- a/src/i18n/strings/vi.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-    "Unknown device": "Thiết bị không được nhận biết",
-    "You need to be using HTTPS to place a screen-sharing call.": "Bạn phải sử dụng HTTPS để dùng chức năng chia sẻ màn hình.",
-    "Dismiss": "Bỏ qua",
-    "powered by Matrix": "tài trợ bởi Matrix",
-    "Welcome to Element": "Chào mừng tới Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Chat phân tán, mã hóa &amp; giao tiếp được tài trợ bởi [matrix]",
-    "Unexpected error preparing the app. See console for details.": "Lỗi xảy ra trong lúc chuẩn bị app. Xem console log để biết chi tiết.",
-    "The message from the parser is: %(message)s": "Nội dung tin là: %(message)s",
-    "Invalid JSON": "JSON không hợp lệ",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Thiết lập không hợp lệ: chỉ có thể điền một trong số default_server_config, default_server_name, hoặc default_hs_url.",
-    "Invalid configuration: no default server specified.": "Cấu hình không hợp lệ: máy chủ mặc định không được thiết lập.",
-    "Sign In": "Đăng nhập",
-    "Create Account": "Tạo tài khoản",
-    "Explore rooms": "Khám phá phòng chat"
-}
diff --git a/src/i18n/strings/vls.json b/src/i18n/strings/vls.json
deleted file mode 100644
index 2a4fdc4c209..00000000000
--- a/src/i18n/strings/vls.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-    "Unexpected error preparing the app. See console for details.": "’t Is een onverwachte foute ipgetreedn by ’t voorbereidn van den app. Bekykt de console vo details.",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "Oungeldige configuroasje: ku moar één van default_server_config, default_server_name, of default_hs_url ingeevn.",
-    "Invalid configuration: no default server specified.": "Oungeldige configuroasje: geen standoardserver ingegeevn.",
-    "Unknown device": "Ounbekend toestel",
-    "You need to be using HTTPS to place a screen-sharing call.": "Je moet HTTPS gebruukn vo een iproep me schermdeeln te kunn startn.",
-    "powered by Matrix": "meuglik gemakt deur Matrix",
-    "Dismiss": "Afwyzn",
-    "Welcome to Element": "Welgekommn by Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "Gedecentraliseerd en versleuteld chattn &amp; soamenwerkn meuglik gemakt deur [matrix]",
-    "Sign In": "Anmeldn",
-    "Create Account": "Account anmoakn",
-    "Explore rooms": "Gesprekkn ountdekkn",
-    "The message from the parser is: %(message)s": "’t Bericht van de verwerker is: %(message)s",
-    "Invalid JSON": "Oungeldigen JSON",
-    "Go to your browser to complete Sign In": "Goa noa je browser voe d’anmeldienge te voltooin"
-}
diff --git a/src/i18n/strings/zh_Hans.json b/src/i18n/strings/zh_Hans.json
deleted file mode 100644
index 89b796ab82e..00000000000
--- a/src/i18n/strings/zh_Hans.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Dismiss": "标记为已读",
-    "powered by Matrix": "由 Matrix 驱动",
-    "Unknown device": "未知设备",
-    "You need to be using HTTPS to place a screen-sharing call.": "您需要使用 HTTPS 以进行共享屏幕通话。",
-    "Welcome to Element": "欢迎来到 Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "去中心化、加密聊天&amp;与协作，由 [matrix] 驱动",
-    "Sign In": "登入",
-    "Create Account": "创建帐号",
-    "Explore rooms": "探索聊天室",
-    "The message from the parser is: %(message)s": "语法分析器的信息：%(message)s",
-    "Invalid JSON": "无效的 JSON",
-    "Unexpected error preparing the app. See console for details.": "软件准备时出错，详细信息请查看控制台。",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "无效的配置：只能设置 default_server_config，default_server_name，或 default_hs_url 中的一个。",
-    "Invalid configuration: no default server specified.": "无效的配置：没有设置默认服务器。",
-    "Missing indexeddb worker script!": "缺少 IndexedDB 辅助脚本！",
-    "Unable to load config file: please refresh the page to try again.": "无法加载配置文件：请再次刷新页面。",
-    "Open user settings": "打开用户设置",
-    "Previous/next recently visited room or community": "上一个 / 下一个最近访问的聊天室或社区",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s 桌面版 (%(platformName)s)",
-    "Go to your browser to complete Sign In": "去您的浏览器完成登录",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "不支持的浏览器",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "请安装 <chromeLink>Chrome</chromeLink>、<firefoxLink>Firefox</firefoxLink> 或 <safariLink>Safari</safariLink> 以获得最佳体验。",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "您可以继续使用您目前的浏览器，但部分或全部的功能可能无法正常工作，应用程序的外观可能也看起来不正确。",
-    "I understand the risks and wish to continue": "我了解风险并希望继续",
-    "Go to element.io": "去 element.io",
-    "Failed to start": "启动失败",
-    "Your Element is misconfigured": "Element 配置错误",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Element 配置文件中包含无效的JSON，请改正错误并重新加载页面。",
-    "Download Completed": "下载成功",
-    "Open": "打开",
-    "Your browser can't run %(brand)s": "浏览器无法运行%(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "当前浏览器不支持%(brand)s调用的高级浏览器特性。",
-    "Powered by Matrix": "Powered by Matrix"
-}
diff --git a/src/i18n/strings/zh_Hant.json b/src/i18n/strings/zh_Hant.json
deleted file mode 100644
index b054181197b..00000000000
--- a/src/i18n/strings/zh_Hant.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-    "Dismiss": "關閉",
-    "powered by Matrix": "由 Matrix 提供",
-    "Unknown device": "未知裝置",
-    "You need to be using HTTPS to place a screen-sharing call.": "你需要使用 HTTPS 來撥打螢幕分享的通話。",
-    "Welcome to Element": "歡迎來到 Element",
-    "Decentralised, encrypted chat &amp; collaboration powered by [matrix]": "去中心化、保密的聊天與協作，由 [matrix] 提供",
-    "Sign In": "登入",
-    "Create Account": "建立帳號",
-    "Explore rooms": "探索聊天室",
-    "Unexpected error preparing the app. See console for details.": "準備應用程式時發生未預期的錯誤。請見主控台以取得更多資訊。",
-    "Invalid configuration: can only specify one of default_server_config, default_server_name, or default_hs_url.": "無效的設定：只能指定 default_server_config、default_server_name 或 default_hs_url 其中之一。",
-    "Invalid configuration: no default server specified.": "無效設定：未指定預設的伺服器。",
-    "The message from the parser is: %(message)s": "從解析器而來的訊息為：%(message)s",
-    "Invalid JSON": "無效的 JSON",
-    "Go to your browser to complete Sign In": "到您的瀏覽器完成登入",
-    "Open user settings": "開啟使用者設定",
-    "Missing indexeddb worker script!": "缺少 indexeddb 輔助指令稿！",
-    "Unable to load config file: please refresh the page to try again.": "無法載入設定檔：請重新整理頁面以再試一次。",
-    "Previous/next recently visited room or community": "上一個／下一個最近造訪的聊天室或社群",
-    "%(brand)s Desktop (%(platformName)s)": "%(brand)s 桌面版 (%(platformName)s)",
-    "%(appName)s (%(browserName)s, %(osName)s)": "%(appName)s (%(browserName)s, %(osName)s)",
-    "Unsupported browser": "不支援的瀏覽器",
-    "Please install <chromeLink>Chrome</chromeLink>, <firefoxLink>Firefox</firefoxLink>, or <safariLink>Safari</safariLink> for the best experience.": "請安裝 <chromeLink>Chrome</chromeLink>、<firefoxLink>Firefox</firefoxLink> 或 <safariLink>Safari</safariLink> 以取得最佳體驗。",
-    "You can continue using your current browser, but some or all features may not work and the look and feel of the application may be incorrect.": "您可以繼續使用您目前的瀏覽器，但部份或全部的功能可能會無法運作，而應用程式的外觀與感覺可能也會不正確。",
-    "I understand the risks and wish to continue": "我了解風險並希望繼續",
-    "Go to element.io": "到 element.io",
-    "Failed to start": "啟動失敗",
-    "Download Completed": "下載完成",
-    "Open": "開啟",
-    "Your Element is misconfigured": "Element 配置錯誤",
-    "Your Element configuration contains invalid JSON. Please correct the problem and reload the page.": "Element 的配置中包含無效JSON，請更正錯誤並重新加載網頁。",
-    "Your browser can't run %(brand)s": "當前瀏覽器無法運行%(brand)s",
-    "%(brand)s uses advanced browser features which aren't supported by your current browser.": "當前瀏覽器不支持%(brand)s使用的高級特性。",
-    "Powered by Matrix": "威力本源 Matrix"
-}
diff --git a/src/vector/app.tsx b/src/vector/app.tsx
deleted file mode 100644
index 445a37ba55c..00000000000
--- a/src/vector/app.tsx
+++ /dev/null
@@ -1,261 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2017 Vector Creations Ltd
-Copyright 2018, 2019 New Vector Ltd
-Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
-Copyright 2020 The Matrix.org Foundation C.I.C.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import React from 'react';
-// add React and ReactPerf to the global namespace, to make them easier to access via the console
-// this incidentally means we can forget our React imports in JSX files without penalty.
-window.React = React;
-
-import url from 'url';
-import * as sdk from 'matrix-react-sdk';
-import PlatformPeg from 'matrix-react-sdk/src/PlatformPeg';
-import * as VectorConferenceHandler from 'matrix-react-sdk/src/VectorConferenceHandler';
-import {_td, newTranslatableError} from 'matrix-react-sdk/src/languageHandler';
-import AutoDiscoveryUtils from 'matrix-react-sdk/src/utils/AutoDiscoveryUtils';
-import {AutoDiscovery} from "matrix-js-sdk/src/autodiscovery";
-import * as Lifecycle from "matrix-react-sdk/src/Lifecycle";
-import type MatrixChatType from "matrix-react-sdk/src/components/structures/MatrixChat";
-import {MatrixClientPeg} from 'matrix-react-sdk/src/MatrixClientPeg';
-import SdkConfig from "matrix-react-sdk/src/SdkConfig";
-import CallHandler from 'matrix-react-sdk/src/CallHandler';
-
-import {parseQs, parseQsFromFragment} from './url_utils';
-import VectorBasePlatform from "./platform/VectorBasePlatform";
-
-let lastLocationHashSet: string = null;
-
-// Parse the given window.location and return parameters that can be used when calling
-// MatrixChat.showScreen(screen, params)
-function getScreenFromLocation(location: Location) {
-    const fragparts = parseQsFromFragment(location);
-    return {
-        screen: fragparts.location.substring(1),
-        params: fragparts.params,
-    };
-}
-
-// Here, we do some crude URL analysis to allow
-// deep-linking.
-function routeUrl(location: Location) {
-    if (!window.matrixChat) return;
-
-    console.log("Routing URL ", location.href);
-    const s = getScreenFromLocation(location);
-    (window.matrixChat as MatrixChatType).showScreen(s.screen, s.params);
-}
-
-function onHashChange(ev: HashChangeEvent) {
-    if (decodeURIComponent(window.location.hash) === lastLocationHashSet) {
-        // we just set this: no need to route it!
-        return;
-    }
-    routeUrl(window.location);
-}
-
-// This will be called whenever the SDK changes screens,
-// so a web page can update the URL bar appropriately.
-function onNewScreen(screen: string) {
-    console.log("newscreen " + screen);
-    const hash = '#/' + screen;
-    lastLocationHashSet = hash;
-    window.location.hash = hash;
-}
-
-// We use this to work out what URL the SDK should
-// pass through when registering to allow the user to
-// click back to the client having registered.
-// It's up to us to recognise if we're loaded with
-// this URL and tell MatrixClient to resume registration.
-//
-// If we're in electron, we should never pass through a file:// URL otherwise
-// the identity server will try to 302 the browser to it, which breaks horribly.
-// so in that instance, hardcode to use app.element.io for now instead.
-function makeRegistrationUrl(params: object) {
-    let url;
-    if (window.location.protocol === "vector:") {
-        url = 'https://app.element.io/#/register';
-    } else {
-        url = (
-            window.location.protocol + '//' +
-            window.location.host +
-            window.location.pathname +
-            '#/register'
-        );
-    }
-
-    const keys = Object.keys(params);
-    for (let i = 0; i < keys.length; ++i) {
-        if (i === 0) {
-            url += '?';
-        } else {
-            url += '&';
-        }
-        const k = keys[i];
-        url += k + '=' + encodeURIComponent(params[k]);
-    }
-    return url;
-}
-
-function onTokenLoginCompleted() {
-    // if we did a token login, we're now left with the token, hs and is
-    // url as query params in the url; a little nasty but let's redirect to
-    // clear them.
-    const parsedUrl = url.parse(window.location.href);
-    parsedUrl.search = "";
-    const formatted = url.format(parsedUrl);
-    console.log(`Redirecting to ${formatted} to drop loginToken from queryparams`);
-    window.location.href = formatted;
-}
-
-export async function loadApp(fragParams: {}) {
-    // XXX: the way we pass the path to the worker script from webpack via html in body's dataset is a hack
-    // but alternatives seem to require changing the interface to passing Workers to js-sdk
-    const vectorIndexeddbWorkerScript = document.body.dataset.vectorIndexeddbWorkerScript;
-    if (!vectorIndexeddbWorkerScript) {
-        // If this is missing, something has probably gone wrong with
-        // the bundling. The js-sdk will just fall back to accessing
-        // indexeddb directly with no worker script, but we want to
-        // make sure the indexeddb script is present, so fail hard.
-        throw newTranslatableError(_td("Missing indexeddb worker script!"));
-    }
-    MatrixClientPeg.setIndexedDbWorkerScript(vectorIndexeddbWorkerScript);
-    CallHandler.setConferenceHandler(VectorConferenceHandler);
-
-    window.addEventListener('hashchange', onHashChange);
-
-    const platform = PlatformPeg.get();
-
-    const params = parseQs(window.location);
-
-    const urlWithoutQuery = window.location.protocol + '//' + window.location.host + window.location.pathname;
-    console.log("Vector starting at " + urlWithoutQuery);
-
-    (platform as VectorBasePlatform).startUpdater();
-
-    // Don't bother loading the app until the config is verified
-    const config = await verifyServerConfig();
-    const MatrixChat = sdk.getComponent('structures.MatrixChat');
-    return <MatrixChat
-        onNewScreen={onNewScreen}
-        makeRegistrationUrl={makeRegistrationUrl}
-        ConferenceHandler={VectorConferenceHandler}
-        config={config}
-        realQueryParams={params}
-        startingFragmentQueryParams={fragParams}
-        enableGuest={!config.disable_guests}
-        onTokenLoginCompleted={onTokenLoginCompleted}
-        initialScreenAfterLogin={getScreenFromLocation(window.location)}
-        defaultDeviceDisplayName={platform.getDefaultDeviceDisplayName()}
-    />;
-}
-
-async function verifyServerConfig() {
-    let validatedConfig;
-    try {
-        console.log("Verifying homeserver configuration");
-
-        // Note: the query string may include is_url and hs_url - we only respect these in the
-        // context of email validation. Because we don't respect them otherwise, we do not need
-        // to parse or consider them here.
-
-        // Note: Although we throw all 3 possible configuration options through a .well-known-style
-        // verification, we do not care if the servers are online at this point. We do moderately
-        // care if they are syntactically correct though, so we shove them through the .well-known
-        // validators for that purpose.
-
-        const config = SdkConfig.get();
-        let wkConfig = config['default_server_config']; // overwritten later under some conditions
-        const serverName = config['default_server_name'];
-        const hsUrl = config['default_hs_url'];
-        const isUrl = config['default_is_url'];
-
-        const incompatibleOptions = [wkConfig, serverName, hsUrl].filter(i => !!i);
-        if (incompatibleOptions.length > 1) {
-            // noinspection ExceptionCaughtLocallyJS
-            throw newTranslatableError(_td(
-                "Invalid configuration: can only specify one of default_server_config, default_server_name, " +
-                "or default_hs_url.",
-            ));
-        }
-        if (incompatibleOptions.length < 1) {
-            // noinspection ExceptionCaughtLocallyJS
-            throw newTranslatableError(_td("Invalid configuration: no default server specified."));
-        }
-
-        if (hsUrl) {
-            console.log("Config uses a default_hs_url - constructing a default_server_config using this information");
-            console.warn(
-                "DEPRECATED CONFIG OPTION: In the future, default_hs_url will not be accepted. Please use " +
-                "default_server_config instead.",
-            );
-
-            wkConfig = {
-                "m.homeserver": {
-                    "base_url": hsUrl,
-                },
-            };
-            if (isUrl) {
-                wkConfig["m.identity_server"] = {
-                    "base_url": isUrl,
-                };
-            }
-        }
-
-        let discoveryResult = null;
-        if (wkConfig) {
-            console.log("Config uses a default_server_config - validating object");
-            discoveryResult = await AutoDiscovery.fromDiscoveryConfig(wkConfig);
-        }
-
-        if (serverName) {
-            console.log("Config uses a default_server_name - doing .well-known lookup");
-            console.warn(
-                "DEPRECATED CONFIG OPTION: In the future, default_server_name will not be accepted. Please " +
-                "use default_server_config instead.",
-            );
-            discoveryResult = await AutoDiscovery.findClientConfig(serverName);
-        }
-
-        validatedConfig = AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult, true);
-    } catch (e) {
-        const {hsUrl, isUrl, userId} = Lifecycle.getLocalStorageSessionVars();
-        if (hsUrl && userId) {
-            console.error(e);
-            console.warn("A session was found - suppressing config error and using the session's homeserver");
-
-            console.log("Using pre-existing hsUrl and isUrl: ", {hsUrl, isUrl});
-            validatedConfig = await AutoDiscoveryUtils.validateServerConfigWithStaticUrls(hsUrl, isUrl, true);
-        } else {
-            // the user is not logged in, so scream
-            throw e;
-        }
-    }
-
-    validatedConfig.isDefault = true;
-
-    // Just in case we ever have to debug this
-    console.log("Using homeserver config:", validatedConfig);
-
-    // Add the newly built config to the actual config for use by the app
-    console.log("Updating SdkConfig with validated discovery information");
-    SdkConfig.add({"validated_server_config": validatedConfig});
-
-    return SdkConfig.get();
-}
diff --git a/src/vector/getconfig.ts b/src/vector/getconfig.ts
deleted file mode 100644
index f9ec5a19515..00000000000
--- a/src/vector/getconfig.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
-Copyright 2018, 2020 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import request from 'browser-request';
-
-// Load the config file. First try to load up a domain-specific config of the
-// form "config.$domain.json" and if that fails, fall back to config.json.
-export async function getVectorConfig(relativeLocation='') {
-    if (relativeLocation !== '' && !relativeLocation.endsWith('/')) relativeLocation += '/';
-
-    const specificConfigPromise = getConfig(`${relativeLocation}config.${document.domain}.json`);
-    const generalConfigPromise = getConfig(relativeLocation + "config.json");
-
-    try {
-        const configJson = await specificConfigPromise;
-        // 404s succeed with an empty json config, so check that there are keys
-        if (Object.keys(configJson).length === 0) {
-            throw new Error(); // throw to enter the catch
-        }
-        return configJson;
-    } catch (e) {
-        return await generalConfigPromise;
-    }
-}
-
-function getConfig(configJsonFilename: string): Promise<{}> {
-    return new Promise(function(resolve, reject) {
-        request(
-            { method: "GET", url: configJsonFilename, qs: { cachebuster: Date.now() } },
-            (err, response, body) => {
-                try {
-                    if (err || response.status < 200 || response.status >= 300) {
-                        // Lack of a config isn't an error, we should
-                        // just use the defaults.
-                        // Also treat a blank config as no config, assuming
-                        // the status code is 0, because we don't get 404s
-                        // from file: URIs so this is the only way we can
-                        // not fail if the file doesn't exist when loading
-                        // from a file:// URI.
-                        if (response) {
-                            if (response.status == 404 || (response.status == 0 && body == '')) {
-                                resolve({});
-                            }
-                        }
-                        reject({err: err, response: response});
-                        return;
-                    }
-
-                    // We parse the JSON ourselves rather than use the JSON
-                    // parameter, since this throws a parse error on empty
-                    // which breaks if there's no config.json and we're
-                    // loading from the filesystem (see above).
-                    resolve(JSON.parse(body));
-                } catch (e) {
-                    reject({err: e});
-                }
-            },
-        );
-    });
-}
diff --git a/src/vector/index.html b/src/vector/index.html
deleted file mode 100644
index 4cda4b37a54..00000000000
--- a/src/vector/index.html
+++ /dev/null
@@ -1,92 +0,0 @@
-<!doctype html>
-<html lang="en" style="height: 100%;">
-  <head>
-    <meta charset="utf-8">
-    <title>Element</title>
-    <link rel="apple-touch-icon" sizes="57x57" href="<%= require('../../res/vector-icons/apple-touch-icon-57.png') %>">
-    <link rel="apple-touch-icon" sizes="60x60" href="<%= require('../../res/vector-icons/apple-touch-icon-60.png') %>">
-    <link rel="apple-touch-icon" sizes="72x72" href="<%= require('../../res/vector-icons/apple-touch-icon-72.png') %>">
-    <link rel="apple-touch-icon" sizes="76x76" href="<%= require('../../res/vector-icons/apple-touch-icon-76.png') %>">
-    <link rel="apple-touch-icon" sizes="114x114" href="<%= require('../../res/vector-icons/apple-touch-icon-114.png') %>">
-    <link rel="apple-touch-icon" sizes="120x120" href="<%= require('../../res/vector-icons/apple-touch-icon-120.png') %>">
-    <link rel="apple-touch-icon" sizes="144x144" href="<%= require('../../res/vector-icons/apple-touch-icon-144.png') %>">
-    <link rel="apple-touch-icon" sizes="152x152" href="<%= require('../../res/vector-icons/apple-touch-icon-152.png') %>">
-    <link rel="apple-touch-icon" sizes="180x180" href="<%= require('../../res/vector-icons/apple-touch-icon-180.png') %>">
-    <link rel="manifest" href="manifest.json">
-    <meta name="referrer" content="no-referrer">
-    <link rel="shortcut icon" href="<%= require('../../res/vector-icons/favicon.ico') %>">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="apple-mobile-web-app-title" content="Element">
-    <meta name="application-name" content="Element">
-    <meta name="msapplication-TileColor" content="#da532c">
-    <meta name="msapplication-TileImage" content="<%= require('../../res/vector-icons/mstile-150.png') %>">
-    <meta name="msapplication-config" content="<%= require('../../res/vector-icons/browserconfig.xml') %>">
-    <meta name="theme-color" content="#ffffff">
-    <meta property="og:image" content="<%= htmlWebpackPlugin.options.vars.og_image_url %>" />
-    <meta http-equiv="Content-Security-Policy" content="
-        default-src 'none';
-        style-src 'self' 'unsafe-inline';
-        script-src 'self' 'unsafe-eval' https://www.recaptcha.net https://www.gstatic.com;
-        img-src * blob: data:;
-        connect-src *;
-        font-src 'self' data:;
-        media-src * blob: data:;
-        child-src * blob: data:;
-        worker-src 'self';
-        frame-src * blob: data:;
-        form-action 'self';
-        object-src 'self';
-        manifest-src 'self';
-    ">
-    <% for (var i=0; i < htmlWebpackPlugin.files.css.length; i++) {
-        var file = htmlWebpackPlugin.files.css[i];
-        var match = file.match(/^bundles\/.*?\/theme-(.*)\.css$/);
-        if (match) {
-            var title = match[1].charAt(0).toUpperCase() + match[1].slice(1);
-        %>
-           <link rel="stylesheet" disabled="disabled" title="<%= title %>" href="<%= file %>">
-        <% } else { %>
-           <link rel="stylesheet" href="<%= file %>">
-        <% }
-    } %>
-  </head>
-  <body style="height: 100%; margin: 0;" data-vector-indexeddb-worker-script="<%= htmlWebpackPlugin.files.chunks['indexeddb-worker'].entry %>">
-    <noscript>Sorry, Element requires JavaScript to be enabled.</noscript> <!-- TODO: Translate this? -->
-    <section id="matrixchat" style="height: 100%; overflow: auto;" class="notranslate"></section>
-    <script src="<%= htmlWebpackPlugin.files.chunks['bundle'].entry %>"></script>
-
-    <!-- Legacy supporting Prefetch images -->
-    <img src="<%= require('matrix-react-sdk/res/img/warning.svg') %>" width="24" height="23" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
-    <img src="<%= require('matrix-react-sdk/res/img/e2e/warning.svg') %>" width="24" height="23" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
-    <img src="<%= require('matrix-react-sdk/res/img/feather-customised/warning-triangle.svg') %>" width="24" height="23" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
-    <img src="<%= require('matrix-react-sdk/res/img/format/bold.svg') %>" width="25" height="22" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
-    <img src="<%= require('matrix-react-sdk/res/img/format/code.svg') %>" width="25" height="22" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
-    <img src="<%= require('matrix-react-sdk/res/img/format/italics.svg') %>" width="25" height="22" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
-    <img src="<%= require('matrix-react-sdk/res/img/format/quote.svg') %>" width="25" height="22" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
-    <img src="<%= require('matrix-react-sdk/res/img/format/strikethrough.svg') %>" width="25" height="22" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
-
-    <audio id="messageAudio">
-        <source src="media/message.ogg" type="audio/ogg" />
-        <source src="media/message.mp3" type="audio/mpeg" />
-    </audio>
-    <audio id="ringAudio" loop>
-        <source src="media/ring.ogg" type="audio/ogg" />
-        <source src="media/ring.mp3" type="audio/mpeg" />
-    </audio>
-    <audio id="ringbackAudio" loop>
-        <source src="media/ringback.ogg" type="audio/ogg" />
-        <source src="media/ringback.mp3" type="audio/mpeg" />
-    </audio>
-    <audio id="callendAudio">
-        <source src="media/callend.ogg" type="audio/ogg" />
-        <source src="media/callend.mp3" type="audio/mpeg" />
-    </audio>
-    <audio id="busyAudio">
-        <source src="media/busy.ogg" type="audio/ogg" />
-        <source src="media/busy.mp3" type="audio/mpeg" />
-    </audio>
-    <audio id="remoteAudio"></audio>
-    <!-- let CSS themes pass constants to the app -->
-    <div id="mx_theme_accentColor"></div><div id="mx_theme_secondaryAccentColor"></div><div id="mx_theme_tertiaryAccentColor"></div>
-  </body>
-</html>
diff --git a/src/vector/index.ts b/src/vector/index.ts
deleted file mode 100644
index fab92665f9e..00000000000
--- a/src/vector/index.ts
+++ /dev/null
@@ -1,230 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2017 Vector Creations Ltd
-Copyright 2018, 2019 New Vector Ltd
-Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
-Copyright 2020 The Matrix.org Foundation C.I.C.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-// Require common CSS here; this will make webpack process it into bundle.css.
-// Our own CSS (which is themed) is imported via separate webpack entry points
-// in webpack.config.js
-require('gfm.css/gfm.css');
-require('highlight.js/styles/github.css');
-
-// These are things that can run before the skin loads - be careful not to reference the react-sdk though.
-import {parseQsFromFragment} from "./url_utils";
-import './modernizr';
-
-// load service worker if available on this platform
-if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.register('sw.js');
-}
-
-async function settled(...promises: Array<Promise<any>>) {
-    for (const prom of promises) {
-        try {
-            await prom;
-        } catch (e) {
-            console.error(e);
-        }
-    }
-}
-
-function checkBrowserFeatures() {
-    if (!window.Modernizr) {
-        console.error("Cannot check features - Modernizr global is missing.");
-        return false;
-    }
-
-    // custom checks atop Modernizr because it doesn't have ES2018/ES2019 checks in it for some features we depend on,
-    // Modernizr requires rules to be lowercase with no punctuation:
-    // ES2018: http://www.ecma-international.org/ecma-262/9.0/#sec-promise.prototype.finally
-    window.Modernizr.addTest("promiseprototypefinally", () =>
-        window.Promise && window.Promise.prototype && typeof window.Promise.prototype.finally === "function");
-    // ES2019: http://www.ecma-international.org/ecma-262/10.0/#sec-object.fromentries
-    window.Modernizr.addTest("objectfromentries", () =>
-        window.Object && typeof window.Object.fromEntries === "function");
-
-    const featureList = Object.keys(window.Modernizr);
-
-    let featureComplete = true;
-    for (let i = 0; i < featureList.length; i++) {
-        if (window.Modernizr[featureList[i]] === undefined) {
-            console.error(
-                "Looked for feature '%s' but Modernizr has no results for this. " +
-                "Has it been configured correctly?", featureList[i],
-            );
-            return false;
-        }
-        if (window.Modernizr[featureList[i]] === false) {
-            console.error("Browser missing feature: '%s'", featureList[i]);
-            // toggle flag rather than return early so we log all missing features rather than just the first.
-            featureComplete = false;
-        }
-    }
-    return featureComplete;
-}
-
-const supportedBrowser = checkBrowserFeatures();
-
-// React depends on Map & Set which we check for using modernizr's es6collections
-// if modernizr fails we may not have a functional react to show the error message.
-// try in react but fallback to an `alert`
-// We start loading stuff but don't block on it until as late as possible to allow
-// the browser to use as much parallelism as it can.
-// Load parallelism is based on research in https://github.com/vector-im/riot-web/issues/12253
-async function start() {
-    // load init.ts async so that its code is not executed immediately and we can catch any exceptions
-    const {
-        rageshakePromise,
-        preparePlatform,
-        loadOlm,
-        loadConfig,
-        loadSkin,
-        loadLanguage,
-        loadTheme,
-        loadApp,
-        showError,
-        showIncompatibleBrowser,
-        _t,
-    } = await import(
-        /* webpackChunkName: "init" */
-        /* webpackPreload: true */
-        "./init");
-
-    try {
-        // give rageshake a chance to load/fail, we don't actually assert rageshake loads, we allow it to fail if no IDB
-        await settled(rageshakePromise);
-
-        const fragparts = parseQsFromFragment(window.location);
-
-        // don't try to redirect to the native apps if we're
-        // verifying a 3pid (but after we've loaded the config)
-        // or if the user is following a deep link
-        // (https://github.com/vector-im/riot-web/issues/7378)
-        const preventRedirect = fragparts.params.client_secret || fragparts.location.length > 0;
-
-        if (!preventRedirect) {
-            const isIos = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
-            const isAndroid = /Android/.test(navigator.userAgent);
-            if (isIos || isAndroid) {
-                if (document.cookie.indexOf("element_mobile_redirect_to_guide=false") === -1) {
-                    window.location.href = "mobile_guide/";
-                    return;
-                }
-            }
-        }
-
-        const loadOlmPromise = loadOlm();
-        // set the platform for react sdk
-        preparePlatform();
-        // load config requires the platform to be ready
-        const loadConfigPromise = loadConfig();
-        await settled(loadConfigPromise); // wait for it to settle
-        // keep initialising so that we can show any possible error with as many features (theme, i18n) as possible
-
-        // Load language after loading config.json so that settingsDefaults.language can be applied
-        const loadLanguagePromise = loadLanguage();
-        // as quickly as we possibly can, set a default theme...
-        const loadThemePromise = loadTheme();
-        const loadSkinPromise = loadSkin();
-
-        // await things settling so that any errors we have to render have features like i18n running
-        await settled(loadSkinPromise, loadThemePromise, loadLanguagePromise);
-
-        let acceptBrowser = supportedBrowser;
-        if (!acceptBrowser && window.localStorage) {
-            acceptBrowser = Boolean(window.localStorage.getItem("mx_accepts_unsupported_browser"));
-        }
-
-        // ##########################
-        // error handling begins here
-        // ##########################
-        if (!acceptBrowser) {
-            await new Promise(resolve => {
-                console.error("Browser is missing required features.");
-                // take to a different landing page to AWOOOOOGA at the user
-                showIncompatibleBrowser(() => {
-                    if (window.localStorage) {
-                        window.localStorage.setItem('mx_accepts_unsupported_browser', String(true));
-                    }
-                    console.log("User accepts the compatibility risks.");
-                    resolve();
-                });
-            });
-        }
-
-        try {
-            // await config here
-            await loadConfigPromise;
-        } catch (error) {
-            // Now that we've loaded the theme (CSS), display the config syntax error if needed.
-            if (error.err && error.err instanceof SyntaxError) {
-                // This uses the default brand since the app config is unavailable.
-                return showError(_t("Your Element is misconfigured"), [
-                    _t("Your Element configuration contains invalid JSON. " +
-                        "Please correct the problem and reload the page."),
-                    _t(
-                        "The message from the parser is: %(message)s",
-                        { message: error.err.message || _t("Invalid JSON") },
-                    ),
-                ]);
-            }
-            return showError(_t("Unable to load config file: please refresh the page to try again."));
-        }
-
-        // ##################################
-        // app load critical path starts here
-        // assert things started successfully
-        // ##################################
-        await loadOlmPromise;
-        await loadSkinPromise;
-        await loadThemePromise;
-        await loadLanguagePromise;
-
-        // Finally, load the app. All of the other react-sdk imports are in this file which causes the skinner to
-        // run on the components.
-        await loadApp(fragparts.params);
-    } catch (err) {
-        console.error(err);
-        // Like the compatibility page, AWOOOOOGA at the user
-        // This uses the default brand since the app config is unavailable.
-        await showError(_t("Your Element is misconfigured"), [
-            err.translatedMessage || _t("Unexpected error preparing the app. See console for details."),
-        ]);
-    }
-}
-
-start().catch(err => {
-    console.error(err);
-    // show the static error in an iframe to not lose any context / console data
-    // with some basic styling to make the iframe full page
-    delete document.body.style.height;
-    const iframe = document.createElement("iframe");
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore - typescript seems to only like the IE syntax for iframe sandboxing
-    iframe["sandbox"] = "";
-    iframe.src = supportedBrowser ? "static/unable-to-load.html" : "static/incompatible-browser.html";
-    iframe.style.width = "100%";
-    iframe.style.height = "100%";
-    iframe.style.position = "absolute";
-    iframe.style.top = "0";
-    iframe.style.left = "0";
-    iframe.style.right = "0";
-    iframe.style.bottom = "0";
-    iframe.style.border = "0";
-    document.getElementById("matrixchat").appendChild(iframe);
-});
diff --git a/src/vector/indexeddb-worker.js b/src/vector/indexeddb-worker.js
deleted file mode 100644
index 3cb2cb9f4eb..00000000000
--- a/src/vector/indexeddb-worker.js
+++ /dev/null
@@ -1,21 +0,0 @@
-/*
-Copyright 2017 Vector Creations Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import {IndexedDBStoreWorker} from 'matrix-js-sdk/src/indexeddb-worker.js';
-
-const remoteWorker = new IndexedDBStoreWorker(postMessage);
-
-global.onmessage = remoteWorker.onMessage;
diff --git a/src/vector/init.tsx b/src/vector/init.tsx
deleted file mode 100644
index 139e67a3bf8..00000000000
--- a/src/vector/init.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2017 Vector Creations Ltd
-Copyright 2018, 2019, 2020 New Vector Ltd
-Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-import olmWasmPath from "olm/olm.wasm";
-import Olm from 'olm';
-import * as ReactDOM from "react-dom";
-import * as React from "react";
-
-import * as languageHandler from "matrix-react-sdk/src/languageHandler";
-import SettingsStore from "matrix-react-sdk/src/settings/SettingsStore";
-import ElectronPlatform from "./platform/ElectronPlatform";
-import PWAPlatform from "./platform/PWAPlatform";
-import WebPlatform from "./platform/WebPlatform";
-import PlatformPeg from "matrix-react-sdk/src/PlatformPeg";
-import SdkConfig from "matrix-react-sdk/src/SdkConfig";
-import {setTheme} from "matrix-react-sdk/src/theme";
-
-import { initRageshake } from "./rageshakesetup";
-
-
-export const rageshakePromise = initRageshake();
-
-export function preparePlatform() {
-    if (window.ipcRenderer) {
-        console.log("Using Electron platform");
-        PlatformPeg.set(new ElectronPlatform());
-    } else if (window.matchMedia('(display-mode: standalone)').matches) {
-        console.log("Using PWA platform");
-        PlatformPeg.set(new PWAPlatform());
-    } else {
-        console.log("Using Web platform");
-        PlatformPeg.set(new WebPlatform());
-    }
-}
-
-export async function loadConfig() {
-    // XXX: We call this twice, once here and once in MatrixChat as a prop. We call it here to ensure
-    // granular settings are loaded correctly and to avoid duplicating the override logic for the theme.
-    //
-    // Note: this isn't called twice for some wrappers, like the Jitsi wrapper.
-    SdkConfig.put(await PlatformPeg.get().getConfig() || {});
-}
-
-export function loadOlm(): Promise<void> {
-    /* Load Olm. We try the WebAssembly version first, and then the legacy,
-     * asm.js version if that fails. For this reason we need to wait for this
-     * to finish before continuing to load the rest of the app. In future
-     * we could somehow pass a promise down to react-sdk and have it wait on
-     * that so olm can be loading in parallel with the rest of the app.
-     *
-     * We also need to tell the Olm js to look for its wasm file at the same
-     * level as index.html. It really should be in the same place as the js,
-     * ie. in the bundle directory, but as far as I can tell this is
-     * completely impossible with webpack. We do, however, use a hashed
-     * filename to avoid caching issues.
-     */
-    return Olm.init({
-        locateFile: () => olmWasmPath,
-    }).then(() => {
-        console.log("Using WebAssembly Olm");
-    }).catch((e) => {
-        console.log("Failed to load Olm: trying legacy version", e);
-        return new Promise((resolve, reject) => {
-            const s = document.createElement('script');
-            s.src = 'olm_legacy.js'; // XXX: This should be cache-busted too
-            s.onload = resolve;
-            s.onerror = reject;
-            document.body.appendChild(s);
-        }).then(() => {
-            // Init window.Olm, ie. the one just loaded by the script tag,
-            // not 'Olm' which is still the failed wasm version.
-            return window.Olm.init();
-        }).then(() => {
-            console.log("Using legacy Olm");
-        }).catch((e) => {
-            console.log("Both WebAssembly and asm.js Olm failed!", e);
-        });
-    });
-}
-
-export async function loadLanguage() {
-    const prefLang = SettingsStore.getValue("language", null, /*excludeDefault=*/true);
-    let langs = [];
-
-    if (!prefLang) {
-        languageHandler.getLanguagesFromBrowser().forEach((l) => {
-            langs.push(...languageHandler.getNormalizedLanguageKeys(l));
-        });
-    } else {
-        langs = [prefLang];
-    }
-    try {
-        await languageHandler.setLanguage(langs);
-        document.documentElement.setAttribute("lang", languageHandler.getCurrentLanguage());
-    } catch (e) {
-        console.error("Unable to set language", e);
-    }
-}
-
-export async function loadSkin() {
-    // Ensure the skin is the very first thing to load for the react-sdk. We don't even want to reference
-    // the SDK until we have to in imports.
-    console.log("Loading skin...");
-    // load these async so that its code is not executed immediately and we can catch any exceptions
-    const [sdk, skin] = await Promise.all([
-        import(
-            /* webpackChunkName: "matrix-react-sdk" */
-            /* webpackPreload: true */
-            "matrix-react-sdk"),
-        import(
-            /* webpackChunkName: "riot-web-component-index" */
-            /* webpackPreload: true */
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore - this module is generated so may fail lint
-            "../component-index"),
-    ]);
-    sdk.loadSkin(skin);
-    console.log("Skin loaded!");
-}
-
-export async function loadTheme() {
-    setTheme();
-}
-
-export async function loadApp(fragParams: {}) {
-    // load app.js async so that its code is not executed immediately and we can catch any exceptions
-    const module = await import(
-        /* webpackChunkName: "riot-web-app" */
-        /* webpackPreload: true */
-        "./app");
-    window.matrixChat = ReactDOM.render(await module.loadApp(fragParams),
-        document.getElementById('matrixchat'));
-}
-
-export async function showError(title: string, messages?: string[]) {
-    const ErrorView = (await import(
-        /* webpackChunkName: "error-view" */
-        "../async-components/structures/ErrorView")).default;
-    window.matrixChat = ReactDOM.render(<ErrorView title={title} messages={messages} />,
-        document.getElementById('matrixchat'));
-}
-
-export async function showIncompatibleBrowser(onAccept) {
-    const CompatibilityView = (await import(
-        /* webpackChunkName: "compatibility-view" */
-        "../async-components/structures/CompatibilityView")).default;
-    window.matrixChat = ReactDOM.render(<CompatibilityView onAccept={onAccept} />,
-        document.getElementById('matrixchat'));
-}
-
-export const _t = languageHandler._t;
diff --git a/src/vector/jitsi/index.html b/src/vector/jitsi/index.html
deleted file mode 100644
index 1259eb1c4a1..00000000000
--- a/src/vector/jitsi/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Jitsi Widget</title>
-</head>
-<body>
-<div id="jitsiContainer"><!-- the js will put the conference here --></div>
-<div id="joinButtonContainer">
-    <div class="joinConferenceFloating">
-        <div class="joinConferencePrompt">
-            <!-- TODO: i18n -->
-            <h2>Jitsi Video Conference</h2>
-            <div id="widgetActionContainer">
-                <button type="button" id="joinButton">Join Conference</button>
-            </div>
-        </div>
-    </div>
-</div>
-<!-- This script is not webpacked, and the script is downloaded at build time -->
-<script src="./jitsi_external_api.min.js"></script>
-</body>
-</html>
diff --git a/src/vector/jitsi/index.scss b/src/vector/jitsi/index.scss
deleted file mode 100644
index fc33c9d8d02..00000000000
--- a/src/vector/jitsi/index.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-/*
-Copyright 2020 New Vector Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-// TODO: Match the user's theme: https://github.com/vector-im/riot-web/issues/12794
-
-@font-face {
-    font-family: 'Nunito';
-    font-style: normal;
-    font-weight: 400;
-    src: url('~matrix-react-sdk/res/fonts/Nunito/Nunito-Regular.ttf') format('truetype');
-}
-
-body {
-    font-family: Nunito, Arial, Helvetica, sans-serif;
-    background-color: #181b21;
-    color: #edf3ff;
-}
-
-body, html {
-    padding: 0;
-    margin: 0;
-}
-
-#jitsiContainer {
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-}
-
-#joinButtonContainer {
-    display: table;
-    position: absolute;
-    height: 100%;
-    width: 100%;
-}
-
-.joinConferenceFloating {
-    display: table-cell;
-    vertical-align: middle;
-}
-
-.joinConferencePrompt {
-    margin-left: auto;
-    margin-right: auto;
-    width: 90%;
-    text-align: center;
-}
-
-#joinButton {
-    // A mix of AccessibleButton styles
-    cursor: pointer;
-    padding: 7px 18px;
-    text-align: center;
-    border-radius: 4px;
-    display: inline-block;
-    font-size: 14px;
-    color: #ffffff;
-    background-color: #03b381;
-    border: 0;
-}
diff --git a/src/vector/jitsi/index.ts b/src/vector/jitsi/index.ts
deleted file mode 100644
index 6e697fee2f3..00000000000
--- a/src/vector/jitsi/index.ts
+++ /dev/null
@@ -1,218 +0,0 @@
-/*
-Copyright 2020 New Vector Ltd.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-// We have to trick webpack into loading our CSS for us.
-require("./index.scss");
-
-import * as qs from 'querystring';
-import {Capability, WidgetApi} from 'matrix-react-sdk/src/widgets/WidgetApi';
-import {KJUR} from 'jsrsasign';
-
-const JITSI_OPENIDTOKEN_JWT_AUTH = 'openidtoken-jwt';
-
-// Dev note: we use raw JS without many dependencies to reduce bundle size.
-// We do not need all of React to render a Jitsi conference.
-
-declare let JitsiMeetExternalAPI: any;
-
-let inConference = false;
-
-// Jitsi params
-let jitsiDomain: string;
-let conferenceId: string;
-let displayName: string;
-let avatarUrl: string;
-let userId: string;
-let jitsiAuth: string;
-let roomId: string;
-
-let widgetApi: WidgetApi;
-
-(async function() {
-    try {
-        // The widget's options are encoded into the fragment to avoid leaking info to the server. The widget
-        // spec on the other hand requires the widgetId and parentUrl to show up in the regular query string.
-        const widgetQuery = qs.parse(window.location.hash.substring(1));
-        const query = Object.assign({}, qs.parse(window.location.search.substring(1)), widgetQuery);
-        const qsParam = (name: string, optional = false): string => {
-            if (!optional && (!query[name] || typeof (query[name]) !== 'string')) {
-                throw new Error(`Expected singular ${name} in query string`);
-            }
-            return <string>query[name];
-        };
-
-        // If we have these params, expect a widget API to be available (ie. to be in an iframe
-        // inside a matrix client). Otherwise, assume we're on our own, eg. have been popped
-        // out into a browser.
-        const parentUrl = qsParam('parentUrl', true);
-        const widgetId = qsParam('widgetId', true);
-
-        // Set this up as early as possible because Element will be hitting it almost immediately.
-        if (parentUrl && widgetId) {
-            widgetApi = new WidgetApi(qsParam('parentUrl'), qsParam('widgetId'), [
-                Capability.AlwaysOnScreen,
-            ]);
-            widgetApi.expectingExplicitReady = true;
-        }
-
-        // Populate the Jitsi params now
-        jitsiDomain = qsParam('conferenceDomain');
-        conferenceId = qsParam('conferenceId');
-        displayName = qsParam('displayName', true);
-        avatarUrl = qsParam('avatarUrl', true); // http not mxc
-        userId = qsParam('userId');
-        jitsiAuth = qsParam('auth', true);
-        roomId = qsParam('roomId', true);
-
-        if (widgetApi) {
-            await widgetApi.waitReady();
-            await widgetApi.setAlwaysOnScreen(false); // start off as detachable from the screen
-
-            // See https://github.com/matrix-org/prosody-mod-auth-matrix-user-verification
-            if (jitsiAuth === JITSI_OPENIDTOKEN_JWT_AUTH) {
-                // Request credentials, give callback to continue when received
-                widgetApi.requestOpenIDCredentials(credentialsResponseCallback);
-            } else {
-                enableJoinButton();
-            }
-            // TODO: register widgetApi listeners for PTT controls (https://github.com/vector-im/riot-web/issues/12795)
-        } else {
-            enableJoinButton();
-        }
-    } catch (e) {
-        console.error("Error setting up Jitsi widget", e);
-        document.getElementById("widgetActionContainer").innerText = "Failed to load Jitsi widget";
-    }
-})();
-
-/**
- * Enable or show error depending on what the credentials response is.
- */
-function credentialsResponseCallback() {
-    if (widgetApi.openIDCredentials) {
-        console.info('Successfully got OpenID credentials.');
-        enableJoinButton();
-    } else {
-        console.warn('OpenID credentials request was blocked by user.');
-        document.getElementById("widgetActionContainer").innerText = "Failed to load Jitsi widget";
-    }
-}
-
-function enableJoinButton() {
-    document.getElementById("joinButton").onclick = () => joinConference();
-}
-
-function switchVisibleContainers() {
-    inConference = !inConference;
-    document.getElementById("jitsiContainer").style.visibility = inConference ? 'unset' : 'hidden';
-    document.getElementById("joinButtonContainer").style.visibility = inConference ? 'hidden' : 'unset';
-}
-
-/**
- * Create a JWT token fot jitsi openidtoken-jwt auth
- *
- * See https://github.com/matrix-org/prosody-mod-auth-matrix-user-verification
- */
-function createJWTToken() {
-    // Header
-    const header = {alg: 'HS256', typ: 'JWT'};
-    // Payload
-    const payload = {
-        // As per Jitsi token auth, `iss` needs to be set to something agreed between
-        // JWT generating side and Prosody config. Since we have no configuration for
-        // the widgets, we can't set one anywhere. Using the Jitsi domain here probably makes sense.
-        iss: jitsiDomain,
-        sub: jitsiDomain,
-        aud: `https://${jitsiDomain}`,
-        room: "*",
-        context: {
-            matrix: {
-                token: widgetApi.openIDCredentials.accessToken,
-                room_id: roomId,
-            },
-            user: {
-                avatar: avatarUrl,
-                name: displayName,
-            },
-        },
-    };
-    // Sign JWT
-    // The secret string here is irrelevant, we're only using the JWT
-    // to transport data to Prosody in the Jitsi stack.
-    return KJUR.jws.JWS.sign(
-        'HS256',
-        JSON.stringify(header),
-        JSON.stringify(payload),
-        'notused',
-    );
-}
-
-function joinConference() { // event handler bound in HTML
-    let jwt;
-    if (jitsiAuth === JITSI_OPENIDTOKEN_JWT_AUTH) {
-        if (!widgetApi.openIDCredentials || !widgetApi.openIDCredentials.accessToken) {
-            // We've failing to get a token, don't try to init conference
-            console.warn('Expected to have an OpenID credential, cannot initialize widget.');
-            document.getElementById("widgetActionContainer").innerText = "Failed to load Jitsi widget";
-            return;
-        }
-        jwt = createJWTToken();
-    }
-
-    switchVisibleContainers();
-
-    if (widgetApi) {
-        // ignored promise because we don't care if it works
-        // noinspection JSIgnoredPromiseFromCall
-        widgetApi.setAlwaysOnScreen(true);
-    }
-
-    console.warn(
-        "[Jitsi Widget] The next few errors about failing to parse URL parameters are fine if " +
-        "they mention 'external_api' or 'jitsi' in the stack. They're just Jitsi Meet trying to parse " +
-        "our fragment values and not recognizing the options.",
-    );
-    const options = {
-        width: "100%",
-        height: "100%",
-        parentNode: document.querySelector("#jitsiContainer"),
-        roomName: conferenceId,
-        interfaceConfigOverwrite: {
-            SHOW_JITSI_WATERMARK: false,
-            SHOW_WATERMARK_FOR_GUESTS: false,
-            MAIN_TOOLBAR_BUTTONS: [],
-            VIDEO_LAYOUT_FIT: "height",
-        },
-        jwt: jwt,
-    };
-
-    const meetApi = new JitsiMeetExternalAPI(jitsiDomain, options);
-    if (displayName) meetApi.executeCommand("displayName", displayName);
-    if (avatarUrl) meetApi.executeCommand("avatarUrl", avatarUrl);
-    if (userId) meetApi.executeCommand("email", userId);
-
-    meetApi.on("readyToClose", () => {
-        switchVisibleContainers();
-
-        if (widgetApi) {
-            // ignored promise because we don't care if it works
-            // noinspection JSIgnoredPromiseFromCall
-            widgetApi.setAlwaysOnScreen(false);
-        }
-
-        document.getElementById("jitsiContainer").innerHTML = "";
-    });
-}
diff --git a/src/vector/mobile_guide/index.html b/src/vector/mobile_guide/index.html
deleted file mode 100644
index da49907f9cc..00000000000
--- a/src/vector/mobile_guide/index.html
+++ /dev/null
@@ -1,341 +0,0 @@
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<head>
-
-<style type="text/css">
-
-/* By default, hide the custom IS stuff - enabled in JS */
-#custom_is, #is_url {
-    display: none;
-}
-
-body {
-    background: #f9fafb;
-    max-width: 680px;
-    margin: auto;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
-
-.mx_Button {
-    border: 0;
-    border-radius: 4px;
-    font-size: 18px;
-    margin-left: 4px;
-    margin-right: 4px;
-    min-width: 80px;
-    background-color: #03B381;
-    color: #fff;
-    cursor: pointer;
-    padding: 12px 22px;
-    word-break: break-word;
-    text-decoration: none;
-}
-
-.mx_Center {
-    justify-content: center;
-}
-
-.mx_ClearDecoration {
-    text-decoration: none !important;
-}
-
-.mx_HomePage_header {
-    color: #2E2F32;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.mx_HomePage h3 {
-    margin-top: 30px;
-}
-
-.mx_HomePage_header {
-    align-items: center;
-}
-
-.mx_HomePage_col {
-    display: flex;
-    flex-direction: row;
-}
-
-.mx_HomePage_row {
-    flex: 1 1 0;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-}
-
-.mx_HomePage_logo {
-    margin-right: 20px;
-}
-
-.mx_HomePage_container {
-    display: block ! important;
-    margin: 10px 20px;
-}
-
-.mx_HomePage_errorContainer {
-    display: none; /* shown in JS if needed */
-    margin: 20px;
-    border: 1px solid red;
-    background-color: #ffb9b9;
-    padding: 5px;
-}
-
-.mx_HomePage_container h1,
-.mx_HomePage_container h2,
-.mx_HomePage_container h3,
-.mx_HomePage_container h4 {
-    font-weight: 600;
-    margin-bottom: 32px;
-}
-
-.mx_Spacer {
-    margin-top: 24px;
-}
-
-.mx_FooterLink {
-    color: #0dbd8b;
-    text-decoration: none;
-}
-
-.mx_Subtext {
-    font-size: 14px;
-}
-
-.mx_SubtextTop {
-    margin-top: 32px;
-}
-
-@media screen and (max-width: 1120px) {
-  body {
-      font-size: 20px;
-  }
-  h1 {
-      font-size: 20px;
-  }
-  h4 {
-      font-size: 16px;
-  }
-  .mx_Button {
-    font-size: 18px;
-    padding: 14px 28px;
-  }
-  .mx_HomePage_header {
-      justify-content: left;
-  }
-  .mx_Spacer {
-      margin-top: 24px;
-  }
-}
-
-
-
-</style>
-
-<meta name="apple-itunes-app" content="app-id=id1083446067">
-
-</head>
-
-<body>
-
-  <div class="mx_HomePage_errorContainer">
-    <!-- populated by JS if needed -->
-  </div>
-
-  <div class="mx_HomePage_container">
-      <div class="mx_HomePage_header">
-          <span class="mx_HomePage_logo">
-            <svg width="34" height="42" viewBox="0 0 34 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M13.08 8.68C13.08 7.75216 13.8321 7 14.76 7C20.9456 7 25.96 12.0144 25.96 18.2C25.96 19.1278 25.2078 19.88 24.28 19.88C23.3521 19.88 22.6 19.1278 22.6 18.2C22.6 13.8701 19.0899 10.36 14.76 10.36C13.8321 10.36 13.08 9.60784 13.08 8.68Z" fill="#0DBD8B"/>
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M20.92 33.32C20.92 34.2478 20.1679 35 19.24 35C13.0544 35 8.04001 29.9856 8.04001 23.8C8.04001 22.8722 8.79217 22.12 9.72001 22.12C10.6478 22.12 11.4 22.8722 11.4 23.8C11.4 28.1299 14.9101 31.64 19.24 31.64C20.1679 31.64 20.92 32.3922 20.92 33.32Z" fill="#0DBD8B"/>
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.68 24.9199C3.75216 24.9199 3 24.1678 3 23.2399C3 17.0543 8.01441 12.0399 14.2 12.0399C15.1278 12.0399 15.88 12.7921 15.88 13.7199C15.88 14.6478 15.1278 15.3999 14.2 15.3999C9.87009 15.3999 6.36 18.91 6.36 23.2399C6.36 24.1678 5.60784 24.9199 4.68 24.9199Z" fill="#0DBD8B"/>
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M29.32 17.0801C30.2478 17.0801 31 17.8322 31 18.7601C31 24.9457 25.9856 29.9601 19.8 29.9601C18.8722 29.9601 18.12 29.2079 18.12 28.2801C18.12 27.3522 18.8722 26.6001 19.8 26.6001C24.1299 26.6001 27.64 23.09 27.64 18.7601C27.64 17.8322 28.3922 17.0801 29.32 17.0801Z" fill="#0DBD8B"/>
-            </svg>    
-          </span>
-          <p>Set up Element on iOS or Android</p>
-      </div>
-      <div class="mx_HomePage_col">
-        <div class="mx_HomePage_row">
-          <div>
-              <h2 id="step1_heading">Install the app</h2>
-              <p><strong>iOS</strong> (iPhone or iPad)</p>
-              <a href="https://apps.apple.com/app/vector/id1083446067" target="_blank" class="mx_ClearDecoration">
-                <svg width="144px" height="48px" viewBox="0 0 120 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-                    <desc>Download on the App Store.</desc>
-                    <defs></defs>
-                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-                        <g id="App-Store-badge" fill-rule="nonzero">
-                            <g id="Group">
-                                <g id="Shape">
-                                    <path d="M110.13477,0 L9.53468,0 C9.16798,0 8.80568,0 8.43995,0.002 C8.1338,0.004 7.83009,0.00981 7.521,0.0147 C6.84951368,0.0226018036 6.17960647,0.0816762599 5.5171,0.19141 C4.85552408,0.303532628 4.21467252,0.51491574 3.61622,0.81841 C3.01849941,1.12447171 2.47234502,1.52216753 1.99757,1.99707 C1.5203025,2.47063699 1.12246318,3.01801638 0.81935,3.61816 C0.515400242,4.21710912 0.304640498,4.8589383 0.19435,5.52148 C0.0830109412,6.18318491 0.0230983806,6.85252054 0.01515,7.52348 C0.00587,7.83008 0.00489,8.1377 0,8.44434 L0,31.5586 C0.00489,31.8691 0.00587,32.1699 0.01515,32.4805 C0.023100818,33.1514262 0.0830133796,33.8207284 0.19435,34.4824 C0.304335953,35.145329 0.515108158,35.7875266 0.81935,36.3867 C1.12232555,36.9849029 1.52022081,37.5300662 1.99757,38.001 C2.47054482,38.478014 3.01705224,38.8759804 3.61622,39.1797 C4.21466797,39.4840065 4.85545044,39.6966478 5.5171,39.8105 C6.1797191,39.9193547 6.84955741,39.9784532 7.521,39.9873 C7.83009,39.9941 8.1338,39.998 8.43995,39.998 C8.80567,40 9.168,40 9.53468,40 L110.13477,40 C110.49417,40 110.85937,40 111.21877,39.998 C111.52347,39.998 111.83597,39.9941 112.14067,39.9873 C112.810843,39.9789237 113.47942,39.9198215 114.14067,39.8105 C114.804454,39.6958464 115.447534,39.4832614 116.04887,39.1797 C116.647497,38.8758046 117.1935,38.4778491 117.66607,38.001 C118.142188,37.5282218 118.540932,36.9834573 118.84767,36.3867 C119.149629,35.7870908 119.358395,35.1449445 119.46677,34.4824 C119.578285,33.8206376 119.640323,33.1514843 119.65237,32.4805 C119.65627,32.1699 119.65627,31.8691 119.65627,31.5586 C119.66407,31.1953 119.66407,30.834 119.66407,30.4648 L119.66407,9.53613 C119.66407,9.16992 119.66407,8.80664 119.65627,8.44434 C119.65627,8.1377 119.65627,7.83008 119.65237,7.52344 C119.640326,6.85242244 119.578287,6.18323567 119.46677,5.52144 C119.358093,4.8592816 119.149339,4.21750328 118.84767,3.61812 C118.230394,2.41519608 117.251573,1.4360254 116.04887,0.81832 C115.447532,0.51556738 114.804383,0.30424041 114.14067,0.19132 C113.479535,0.0811027831 112.810888,0.0220077649 112.14067,0.01456 C111.83597,0.00968 111.52347,0.00382 111.21877,0.00187 C110.85937,-0.00013 110.49417,-0.00013 110.13477,-0.00013 L110.13477,0 Z" fill="#A6A6A6"></path>
-                                    <path d="M8.44483,39.125 C8.14015,39.125 7.84283,39.1211 7.54054,39.1143 C6.91432177,39.1061407 6.28956717,39.051625 5.6714,38.9512 C5.0949903,38.8519282 4.53660424,38.6672645 4.01466,38.4033 C3.4975017,38.1415227 3.02581177,37.7982729 2.61766,37.3867 C2.20360033,36.9799753 1.85887673,36.508244 1.59715,35.9902 C1.33253926,35.4687891 1.14941288,34.9098996 1.05415,34.333 C0.951274358,33.7131149 0.895614374,33.0863132 0.88765,32.458 C0.88131,32.2471 0.87301,31.5449 0.87301,31.5449 L0.87301,8.44434 C0.87301,8.44434 0.88185,7.75293 0.8877,7.5498 C0.895325827,6.92248205 0.950662148,6.2966531 1.05323,5.67773 C1.14866872,5.09925008 1.33193687,4.53874887 1.59669,4.01563 C1.85745482,3.49794385 2.20026458,3.02586029 2.61183,2.61768 C3.02293283,2.20562142 3.49613161,1.86060412 4.01417,1.59521 C4.53491467,1.3320936 5.09224545,1.14873255 5.66749,1.05127 C6.28768733,0.949836139 6.91461084,0.894996084 7.543,0.88721 L8.44532,0.875 L111.21387,0.875 L112.12697,0.8877 C112.749643,0.895099198 113.370872,0.949450006 113.98537,1.05029 C114.566438,1.14897507 115.129577,1.33361553 115.65627,1.59814 C116.694088,2.13298605 117.538542,2.97916295 118.07127,4.01807 C118.331797,4.53757756 118.512239,5.09350676 118.60647,5.66699 C118.710259,6.29099138 118.768347,6.92173834 118.78027,7.5542 C118.78317,7.8374 118.78317,8.1416 118.78317,8.44434 C118.79107,8.81934 118.79107,9.17627 118.79107,9.53613 L118.79107,30.4648 C118.79107,30.8281 118.79107,31.1826 118.78317,31.54 C118.78317,31.8652 118.78317,32.1631 118.77927,32.4697 C118.767605,33.0908757 118.710486,33.7103642 118.60837,34.3232 C118.51506,34.9042612 118.33293,35.4675131 118.06837,35.9932 C117.804793,36.5056211 117.462049,36.9732662 117.05277,37.3789 C116.644251,37.7926846 116.171729,38.1379427 115.65337,38.4014 C115.128136,38.6673937 114.565826,38.8527403 113.98537,38.9512 C113.36725,39.052161 112.742435,39.1066802 112.11617,39.1143 C111.82327,39.1211 111.51657,39.125 111.21877,39.125 L110.13477,39.127 L8.44483,39.125 Z" fill="#000000"></path>
-                                </g>
-                                <g id="_Group_" transform="translate(9.000000, 8.000000)" fill="#FFFFFF">
-                                    <g id="_Group_2">
-                                        <g id="_Group_3">
-                                            <path d="M15.76888,12.30068 C15.790737,10.6042091 16.6801229,9.03718611 18.12544,8.14862 C17.2095126,6.84051277 15.730392,6.04087835 14.13428,5.99094 C12.45504,5.81468 10.82709,6.99577 9.97138,6.99577 C9.09911,6.99577 7.78161,6.00844 6.36288,6.03763 C4.49620126,6.09793842 2.79813717,7.13352548 1.88996,8.7655 C-0.04404,12.11392 1.39855,17.03497 3.25116,19.74158 C4.17806,21.06693 5.26134,22.54738 6.67879,22.49488 C8.06585,22.43735 8.58389,21.6104 10.25819,21.6104 C11.91695,21.6104 12.40298,22.49488 13.84919,22.4615 C15.33757,22.43734 16.27532,21.13026 17.1697,19.79236 C17.8356761,18.8479997 18.3481437,17.8042759 18.68812,16.69985 C16.9203766,15.9521813 15.7709432,14.2200343 15.76888,12.30068 Z" id="_Path_"></path>
-                                            <path d="M13.03725,4.21089 C13.8487766,3.23668191 14.248585,1.98450245 14.15177,0.72027 C12.9119378,0.850490487 11.7666802,1.44304968 10.94419,2.37988 C10.1320187,3.30418903 9.72057463,4.51343268 9.80048,5.74127 C11.0569368,5.75420677 12.2499161,5.19015322 13.03725,4.21089 Z" id="_Path_2"></path>
-                                        </g>
-                                    </g>
-                                    <g id="Group" transform="translate(25.000000, 9.000000)">
-                                        <path d="M8.30227,10.13965 L3.56887,10.13965 L2.43215,13.4961 L0.42727,13.4961 L4.91067,1.0781 L6.99367,1.0781 L11.47707,13.4961 L9.438,13.4961 L8.30227,10.13965 Z M4.0591,8.59082 L7.8111,8.59082 L5.96149,3.14355 L5.90973,3.14355 L4.0591,8.59082 Z" id="Shape"></path>
-                                        <path d="M21.15969,8.96973 C21.15969,11.78321 19.65383,13.59082 17.38137,13.59082 C16.2067553,13.6522646 15.1003324,13.0370307 14.53274,12.00682 L14.48974,12.00682 L14.48974,16.4912 L12.63134,16.4912 L12.63134,4.44238 L14.4302,4.44238 L14.4302,5.94824 L14.46438,5.94824 C15.0571883,4.92448792 16.1648043,4.30951884 17.34719,4.34765 C19.645,4.34766 21.15969,6.16406 21.15969,8.96973 Z M19.24953,8.96973 C19.24953,7.13673 18.30226,5.93164 16.85695,5.93164 C15.43703,5.93164 14.48195,7.16211 14.48195,8.96973 C14.48195,10.79395 15.43703,12.01563 16.85695,12.01563 C18.30227,12.01563 19.24953,10.81934 19.24953,8.96973 Z" id="Shape"></path>
-                                        <path d="M31.12453,8.96973 C31.12453,11.78321 29.61867,13.59082 27.34621,13.59082 C26.1715953,13.6522646 25.0651724,13.0370307 24.49758,12.00682 L24.45458,12.00682 L24.45458,16.4912 L22.59618,16.4912 L22.59618,4.44238 L24.395,4.44238 L24.395,5.94824 L24.42918,5.94824 C25.0219926,4.92448854 26.1296128,4.30952307 27.312,4.34766 C29.60988,4.34766 31.12453,6.16406 31.12453,8.96973 Z M29.21437,8.96973 C29.21437,7.13673 28.2671,5.93164 26.82179,5.93164 C25.40187,5.93164 24.44679,7.16211 24.44679,8.96973 C24.44679,10.79395 25.40187,12.01563 26.82179,12.01563 C28.26711,12.01563 29.21438,10.81934 29.21438,8.96973 L29.21437,8.96973 Z" id="Shape"></path>
-                                        <path d="M37.71047,10.03613 C37.84817,11.26758 39.04447,12.07613 40.67922,12.07613 C42.24563,12.07613 43.37258,11.26754 43.37258,10.15718 C43.37258,9.19331 42.69289,8.61618 41.08352,8.22066 L39.47415,7.83296 C37.19388,7.28218 36.13528,6.21577 36.13528,4.4853 C36.13528,2.34272 38.00247,0.87104 40.65383,0.87104 C43.27783,0.87104 45.07668,2.34272 45.13723,4.4853 L43.26123,4.4853 C43.14893,3.24604 42.12451,2.498 40.62744,2.498 C39.13037,2.498 38.10596,3.25484 38.10596,4.3564 C38.10596,5.23433 38.76026,5.75093 40.36084,6.1464 L41.729,6.48234 C44.27685,7.08488 45.33545,8.10834 45.33545,9.92472 C45.33545,12.24796 43.48486,13.70304 40.5415,13.70304 C37.78759,13.70304 35.92822,12.28214 35.8081,10.03604 L37.71047,10.03613 Z" id="Shape"></path>
-                                        <path d="M49.34621,2.2998 L49.34621,4.44238 L51.06789,4.44238 L51.06789,5.91406 L49.34621,5.91406 L49.34621,10.90527 C49.34621,11.68066 49.69094,12.04199 50.44777,12.04199 C50.6521614,12.0384259 50.8562221,12.0240726 51.0591,11.99899 L51.0591,13.46188 C50.7188283,13.5254596 50.3729708,13.5542545 50.02687,13.54782 C48.19387,13.54782 47.47902,12.85934 47.47902,11.10348 L47.47902,5.91406 L46.16262,5.91406 L46.16262,4.44238 L47.479,4.44238 L47.479,2.2998 L49.34621,2.2998 Z" id="Shape"></path>
-                                        <path d="M52.065,8.96973 C52.065,6.1211 53.74273,4.33106 56.35895,4.33106 C58.98395,4.33106 60.65387,6.12106 60.65387,8.96973 C60.65387,11.82618 58.99274,13.6084 56.35895,13.6084 C53.72609,13.6084 52.065,11.82617 52.065,8.96973 Z M58.76031,8.96973 C58.76031,7.01563 57.8648,5.86231 56.35894,5.86231 C54.85308,5.86231 53.95855,7.02442 53.95855,8.96973 C53.95855,10.93164 54.85308,12.07618 56.35894,12.07618 C57.8648,12.07618 58.76027,10.93164 58.76027,8.96973 L58.76031,8.96973 Z" id="Shape"></path>
-                                        <path d="M62.18606,4.44238 L63.95852,4.44238 L63.95852,5.98338 L64.00152,5.98338 C64.248696,4.99136841 65.1576526,4.30863156 66.17925,4.34764 C66.393414,4.34689223 66.6069872,4.37015075 66.81597,4.41698 L66.81597,6.15526 C66.545601,6.07264332 66.2635596,6.03471129 65.98097,6.04296 C65.4346182,6.02079544 64.9058709,6.23853473 64.5335615,6.63900597 C64.161252,7.03947722 63.9825766,7.58267074 64.04445,8.12596 L64.04445,13.49608 L62.18605,13.49608 L62.18606,4.44238 Z" id="Shape"></path>
-                                        <path d="M75.3843,10.83691 C75.1343,12.48046 73.53371,13.60839 71.48586,13.60839 C68.85207,13.60839 67.21731,11.84374 67.21731,9.01269 C67.21731,6.17285 68.86086,4.33105 71.40774,4.33105 C73.91262,4.33105 75.48782,6.05175 75.48782,8.79687 L75.48782,9.43359 L69.09329,9.43359 L69.09329,9.54589 C69.0335874,10.2199216 69.2663316,10.8871194 69.7323199,11.3777699 C70.1983083,11.8684204 70.8526275,12.1352333 71.52884,12.11034 C72.4306823,12.1948396 73.2809431,11.6769777 73.61966,10.8369 L75.3843,10.83691 Z M69.1020624,8.13477 L73.62844,8.13476 C73.6621655,7.52909749 73.4416965,6.93682308 73.0201501,6.50063155 C72.5986036,6.06444001 72.0142008,5.82388041 71.40774,5.83691 C70.7964818,5.83326223 70.2090907,6.07393463 69.7761255,6.50543324 C69.3431603,6.93693186 69.1004963,7.52350292 69.1020624,8.13477 Z" id="Shape"></path>
-                                    </g>
-                                </g>
-                            </g>
-                            <g id="_Group_4" transform="translate(35.000000, 8.000000)" fill="#FFFFFF">
-                                <g id="Group">
-                                    <path d="M2.82619,0.731 C3.61513656,0.674384181 4.38789226,0.974547428 4.93176129,1.54887182 C5.47563032,2.12319621 5.73328587,2.91114479 5.63381,3.69584 C5.63381,5.60209 4.60354,6.69784 2.82619,6.69784 L0.67092,6.69784 L0.67092,0.731 L2.82619,0.731 Z M1.59767,5.854 L2.72267,5.854 C3.28649194,5.88770201 3.83548652,5.66555901 4.21721851,5.24925179 C4.5989505,4.83294457 4.77277961,4.26679442 4.69044,3.708 C4.76678901,3.15152453 4.59045658,2.59004622 4.20967108,2.17713398 C3.82888557,1.76422175 3.28349567,1.5430863 2.72267,1.57421 L1.59767,1.57421 L1.59767,5.854 Z" id="Shape"></path>
-                                    <path d="M6.68068,4.44434 C6.60346713,3.63722505 6.99048366,2.85611193 7.67941593,2.42859737 C8.36834819,2.0010828 9.24008181,2.0010828 9.92901407,2.42859737 C10.6179463,2.85611193 11.0049629,3.63722505 10.92775,4.44434 C11.0064319,5.25232226 10.6197687,6.03495038 9.93022554,6.4633853 C9.24068243,6.89182022 8.36774757,6.89182022 7.67820446,6.4633853 C6.98866134,6.03495038 6.60199806,5.25232226 6.68068,4.44434 Z M10.01368,4.44434 C10.01368,3.46827 9.5752,2.89747 8.80568,2.89747 C8.03322,2.89747 7.59868,3.46827 7.59868,4.44435 C7.59868,5.42824 8.03325,5.99464 8.80568,5.99464 C9.57522,5.99463 10.01369,5.42432 10.01369,4.44434 L10.01368,4.44434 Z" id="Shape"></path>
-                                    <polygon id="Shape" points="16.57326 6.69775 15.65139 6.69775 14.72073 3.38134 14.65042 3.38134 13.72366 6.69775 12.81057 6.69775 11.56936 2.19482 12.47073 2.19482 13.27737 5.63082 13.34378 5.63082 14.26956 2.19482 15.1221 2.19482 16.04788 5.63082 16.11819 5.63082 16.92092 2.19482 17.80959 2.19482"></polygon>
-                                    <path d="M18.85354,2.19482 L19.709,2.19482 L19.709,2.91015 L19.77541,2.91015 C20.0063449,2.38347794 20.5459729,2.06130747 21.11916,2.1079 C21.5629768,2.07453177 21.9978859,2.2447899 22.3010908,2.57060207 C22.6042957,2.89641424 22.7428931,3.34242376 22.67775,3.7827 L22.67775,6.6977 L21.78908,6.6977 L21.78908,4.00586 C21.78908,3.28223 21.47463,2.92236 20.8174,2.92236 C20.5163658,2.90833912 20.2242202,3.02648257 20.0175546,3.24581678 C19.810889,3.465151 19.710315,3.76380101 19.7422,4.06347 L19.7422,6.69775 L18.85353,6.69775 L18.85354,2.19482 Z" id="Shape"></path>
-                                    <polygon id="Shape" points="24.09377 0.437 24.98244 0.437 24.98244 6.69774 24.09377 6.69774"></polygon>
-                                    <path d="M26.21779,4.44434 C26.1406364,3.63717225 26.527714,2.85603936 27.2166974,2.4285182 C27.9056808,2.00099704 28.7774592,2.00099704 29.4664426,2.4285182 C30.155426,2.85603936 30.5425036,3.63717225 30.46535,4.44434 C30.543932,5.25235119 30.1571979,6.03495719 29.4676205,6.46337324 C28.7780432,6.89178929 27.9050968,6.89178929 27.2155195,6.46337324 C26.5259421,6.03495719 26.139208,5.25235119 26.21779,4.44434 Z M29.55079,4.44434 C29.55079,3.46827 29.11231,2.89747 28.34279,2.89747 C27.57033,2.89747 27.13579,3.46827 27.13579,4.44435 C27.13579,5.42824 27.57036,5.99464 28.34279,5.99464 C29.11232,5.99463 29.5508,5.42432 29.5508,4.44434 L29.55079,4.44434 Z" id="Shape"></path>
-                                    <path d="M31.4009,5.42432 C31.4009,4.61377 32.00442,4.14649 33.0757,4.08008 L34.29543,4.00977 L34.29543,3.6211 C34.29543,3.14551 33.98098,2.87696 33.37356,2.87696 C32.87747,2.87696 32.53372,3.05909 32.43508,3.37745 L31.57473,3.37745 C31.66555,2.60401 32.39309,2.10792 33.41457,2.10792 C34.54348,2.10792 35.1802,2.66992 35.1802,3.6211 L35.1802,6.69776 L34.32473,6.69776 L34.32473,6.06495 L34.25442,6.06495 C33.9638686,6.52707633 33.4471736,6.79716323 32.90188,6.77195 C32.5196161,6.81171181 32.1383711,6.68791066 31.8523958,6.43115244 C31.5664205,6.17439423 31.4024061,5.80864331 31.4009,5.42432 Z M34.29543,5.03955 L34.29543,4.66309 L33.19582,4.7334 C32.5757,4.7749 32.29445,4.98584 32.29445,5.38281 C32.29445,5.78808 32.64601,6.02392 33.12945,6.02392 C33.4156361,6.05288986 33.7013264,5.96447505 33.9211204,5.77891559 C34.1409144,5.59335613 34.2759916,5.32654106 34.29543,5.03955 Z" id="Shape"></path>
-                                    <path d="M36.34816,4.44434 C36.34816,3.02149 37.07961,2.12012 38.2173,2.12012 C38.7917768,2.09365013 39.3298275,2.40147287 39.59816,2.91012 L39.66457,2.91012 L39.66457,0.437 L40.55324,0.437 L40.55324,6.69774 L39.70168,6.69774 L39.70168,5.98631 L39.63137,5.98631 C39.3427542,6.49073698 38.7980745,6.79335648 38.21731,6.77195 C37.0718,6.772 36.34816,5.87061 36.34816,4.44434 Z M37.26616,4.44434 C37.26616,5.39942 37.71636,5.97413 38.46929,5.97413 C39.21829,5.97413 39.6812,5.39113 39.6812,4.44825 C39.6812,3.50977 39.21343,2.91846 38.46929,2.91846 C37.72121,2.91846 37.26613,3.49707 37.26613,4.44434 L37.26616,4.44434 Z" id="Shape"></path>
-                                    <path d="M44.23,4.44434 C44.1527871,3.63722505 44.5398037,2.85611193 45.2287359,2.42859737 C45.9176682,2.0010828 46.7894018,2.0010828 47.4783341,2.42859737 C48.1672663,2.85611193 48.5542829,3.63722505 48.47707,4.44434 C48.5557519,5.25232226 48.1690887,6.03495038 47.4795455,6.4633853 C46.7900024,6.89182022 45.9170676,6.89182022 45.2275245,6.4633853 C44.5379813,6.03495038 44.1513181,5.25232226 44.23,4.44434 Z M47.563,4.44434 C47.563,3.46827 47.12452,2.89747 46.355,2.89747 C45.58254,2.89747 45.148,3.46827 45.148,4.44435 C45.148,5.42824 45.58257,5.99464 46.355,5.99464 C47.12453,5.99463 47.563,5.42432 47.563,4.44434 Z" id="Shape"></path>
-                                    <path d="M49.66945,2.19482 L50.52492,2.19482 L50.52492,2.91015 L50.59133,2.91015 C50.8222649,2.38347794 51.3618929,2.06130747 51.93508,2.1079 C52.3788968,2.07453177 52.8138059,2.2447899 53.1170108,2.57060207 C53.4202157,2.89641424 53.5588131,3.34242376 53.49367,3.7827 L53.49367,6.6977 L52.605,6.6977 L52.605,4.00586 C52.605,3.28223 52.29055,2.92236 51.63332,2.92236 C51.3322858,2.90833912 51.0401402,3.02648257 50.8334746,3.24581678 C50.626809,3.465151 50.526235,3.76380101 50.55812,4.06347 L50.55812,6.69775 L49.66945,6.69775 L49.66945,2.19482 Z" id="Shape"></path>
-                                    <path d="M58.51516,1.07373 L58.51516,2.21533 L59.49075,2.21533 L59.49075,2.96387 L58.51516,2.96387 L58.51516,5.2793 C58.51516,5.75098 58.7095,5.95752 59.15188,5.95752 C59.2651356,5.95715754 59.3782775,5.95030966 59.49075,5.93701 L59.49075,6.67724 C59.3311595,6.70579072 59.1694656,6.72098004 59.00735,6.72265 C58.01907,6.72265 57.62551,6.37499 57.62551,5.50683 L57.62551,2.96383 L56.91067,2.96383 L56.91067,2.21529 L57.62551,2.21529 L57.62551,1.07373 L58.51516,1.07373 Z" id="Shape"></path>
-                                    <path d="M60.70461,0.437 L61.58547,0.437 L61.58547,2.91845 L61.65578,2.91845 C61.8978078,2.38716856 62.4468801,2.06458754 63.02878,2.11181 C63.4700766,2.08779728 63.8990983,2.26180371 64.1989893,2.58643385 C64.4988802,2.91106399 64.6384049,3.35250564 64.57956,3.79052 L64.57956,6.69775 L63.69,6.69775 L63.69,4.00975 C63.69,3.29051 63.355,2.92625 62.72711,2.92625 C62.417939,2.90089367 62.1133391,3.01329096 61.8947423,3.2333935 C61.6761456,3.45349605 61.5658419,3.75886031 61.59332,4.06785 L61.59332,6.69773 L60.70465,6.69773 L60.70461,0.437 Z" id="Shape"></path>
-                                    <path d="M69.76125,5.48193 C69.512057,6.33130948 68.6900989,6.88010304 67.81008,6.78466 C67.2096439,6.8005102 66.6325914,6.5516307 66.2320282,6.10405516 C65.8314651,5.65647963 65.6478864,5.05545594 65.73,4.46045 C65.6500674,3.86379048 65.8329582,3.26180373 66.2312908,2.81044696 C66.6296234,2.35909018 67.204202,2.10277675 67.80617,2.10791 C69.0591,2.10791 69.81496,2.96391 69.81496,4.37791 L69.81496,4.688 L66.63527,4.688 L66.63527,4.7378 C66.607132,5.07194014 66.7212507,5.40244775 66.9495608,5.6480407 C67.1778709,5.89363365 67.4991879,6.03152392 67.83449,6.0278 C68.2692619,6.07999468 68.6924825,5.86433304 68.90578,5.4819 L69.76125,5.48193 Z M66.63525,4.03076 L68.90966,4.03076 C68.9323129,3.72516044 68.8248585,3.42420507 68.6137769,3.20205909 C68.4026954,2.97991311 68.1076175,2.85723623 67.80126,2.86426 C67.490752,2.86035891 67.191828,2.98202124 66.9722963,3.20164888 C66.7527647,3.42127653 66.6312331,3.72025374 66.63527,4.03076 L66.63525,4.03076 Z" id="Shape"></path>
-                                </g>
-                            </g>
-                        </g>
-                    </g>
-                </svg>
-              </a>
-              <p class="mx_Spacer"><strong>Android</strong></p>
-              <a href="https://play.google.com/store/apps/details?id=im.vector.app" target="_blank" class="mx_ClearDecoration">
-                <svg width="162px" height="48px" viewBox="0 0 162 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-                    <!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
-                    <desc>Created with Sketch.</desc>
-                    <defs>
-                        <linearGradient x1="91.488428%" y1="4.9481245%" x2="-38.3517333%" y2="71.9074222%" id="linearGradient-1">
-                            <stop stop-color="#00A0FF" offset="0%"></stop>
-                            <stop stop-color="#00A1FF" offset="1%"></stop>
-                            <stop stop-color="#00BEFF" offset="26%"></stop>
-                            <stop stop-color="#00D2FF" offset="51%"></stop>
-                            <stop stop-color="#00DFFF" offset="76%"></stop>
-                            <stop stop-color="#00E3FF" offset="100%"></stop>
-                        </linearGradient>
-                        <linearGradient x1="107.684729%" y1="50%" x2="-130.640394%" y2="50%" id="linearGradient-2">
-                            <stop stop-color="#FFE000" offset="0%"></stop>
-                            <stop stop-color="#FFBD00" offset="41%"></stop>
-                            <stop stop-color="#FFA500" offset="78%"></stop>
-                            <stop stop-color="#FF9C00" offset="100%"></stop>
-                        </linearGradient>
-                        <linearGradient x1="86.219293%" y1="17.8768889%" x2="-50.1497903%" y2="194.702638%" id="linearGradient-3">
-                            <stop stop-color="#FF3A44" offset="0%"></stop>
-                            <stop stop-color="#C31162" offset="100%"></stop>
-                        </linearGradient>
-                        <linearGradient x1="-18.7537448%" y1="-54.0521474%" x2="42.1210306%" y2="24.9170664%" id="linearGradient-4">
-                            <stop stop-color="#32A071" offset="0%"></stop>
-                            <stop stop-color="#2DA771" offset="7%"></stop>
-                            <stop stop-color="#15CF74" offset="48%"></stop>
-                            <stop stop-color="#06E775" offset="80%"></stop>
-                            <stop stop-color="#00F076" offset="100%"></stop>
-                        </linearGradient>
-                    </defs>
-                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-                        <g id="Google-Play-badge" fill-rule="nonzero">
-                            <rect id="Rectangle-path" fill="#000000" x="0" y="0" width="162" height="48" rx="6"></rect>
-                            <path d="M156,0.96 C158.783515,0.96 161.04,3.21648486 161.04,6 L161.04,42 C161.04,44.7835151 158.783515,47.04 156,47.04 L6,47.04 C3.21648486,47.04 0.96,44.7835151 0.96,42 L0.96,6 C0.96,3.21648486 3.21648486,0.96 6,0.96 L156,0.96 Z M156,0 L6,0 C2.6862915,2.13162821e-15 0,2.6862915 0,6 L0,42 C0,45.3137085 2.6862915,48 6,48 L156,48 C159.313708,48 162,45.3137085 162,42 L162,6 C162,2.6862915 159.313708,2.13162821e-15 156,0 Z" id="Shape" fill="#A6A6A6"></path>
-                            <path d="M56.904,12.288 C56.9452243,13.1774773 56.6199211,14.0449523 56.004,14.688 C55.3157397,15.4029639 54.3557806,15.791311 53.364,15.756 C51.8428083,15.7440945 50.4769778,14.8214594 49.8980302,13.4146952 C49.3190825,12.007931 49.6398426,10.3911869 50.712,9.312 C51.4086396,8.60079116 52.3686947,8.20981851 53.364,8.232 C53.8713092,8.23030972 54.3736031,8.33240198 54.84,8.532 C55.2742254,8.70714427 55.6607809,8.98266787 55.968,9.336 L55.332,9.972 C54.8464162,9.39441174 54.1174618,9.07882784 53.364,9.12 C52.6066192,9.11628465 51.8804152,9.42130519 51.3528432,9.96472697 C50.8252713,10.5081487 50.541874,11.2430609 50.568,12 C50.5519223,13.1438276 51.2255718,14.1850074 52.2755199,14.63911 C53.325468,15.0932125 54.5455111,14.8710548 55.368,14.076 C55.7372514,13.6758439 55.9502196,13.1562016 55.968,12.612 L53.364,12.612 L53.364,11.748 L56.856,11.748 C56.8880078,11.9262169 56.9040713,12.1069316 56.904,12.288 Z M62.4,9.288 L59.16,9.288 L59.16,11.568 L62.112,11.568 L62.112,12.432 L59.16,12.432 L59.16,14.712 L62.4,14.712 L62.4,15.6 L58.2,15.6 L58.2,8.4 L62.4,8.4 L62.4,9.288 Z M66.336,15.6 L65.412,15.6 L65.412,9.288 L63.396,9.288 L63.396,8.4 L68.4,8.4 L68.4,9.288 L66.336,9.288 L66.336,15.6 Z M71.928,15.6 L71.928,8.4 L72.852,8.4 L72.852,15.6 L71.928,15.6 Z M76.956,15.6 L76.032,15.6 L76.032,9.288 L74.016,9.288 L74.016,8.4 L78.96,8.4 L78.96,9.288 L76.956,9.288 L76.956,15.6 Z M88.332,14.664 C86.8715878,16.1162735 84.5124122,16.1162735 83.052,14.664 C81.6363227,13.1654806 81.6363227,10.8225194 83.052,9.324 C83.7503981,8.62049603 84.7006989,8.22483956 85.692,8.22483956 C86.6833011,8.22483956 87.6336019,8.62049603 88.332,9.324 C89.7537186,10.8201118 89.7537186,13.1678882 88.332,14.664 Z M83.736,14.064 C84.8175887,15.1410781 86.5664113,15.1410781 87.648,14.064 C88.710238,12.8930054 88.710238,11.1069946 87.648,9.936 C86.5664113,8.85892192 84.8175887,8.85892192 83.736,9.936 C82.673762,11.1069946 82.673762,12.8930054 83.736,14.064 Z M90.696,15.6 L90.696,8.4 L91.824,8.4 L95.328,14.004 L95.328,8.4 L96.252,8.4 L96.252,15.6 L95.292,15.6 L91.632,9.732 L91.632,15.6 L90.696,15.6 Z" id="Shape" stroke="#FFFFFF" stroke-width="0.5" fill="#FFFFFF"></path>
-                            <path d="M81.768,26.1 C78.95451,26.1132401 76.6832087,28.4024174 76.692025,31.2159247 C76.7008414,34.0294321 78.9864446,36.3043299 81.7999624,36.2999373 C84.6134801,36.2955447 86.8919688,34.0135212 86.892,31.2 C86.9117676,29.8372485 86.3774779,28.5248517 85.4115062,27.5634044 C84.4455344,26.6019571 83.1306436,26.0738348 81.768,26.1 Z M81.768,34.296 C80.4998728,34.3846863 79.3064075,33.6891762 78.7584256,32.5421245 C78.2104436,31.3950728 78.419323,30.0296194 79.285159,29.0988456 C80.1509951,28.1680719 81.4978054,27.8611589 82.6814254,28.3248997 C83.8650454,28.7886405 84.6449026,29.9287792 84.648,31.2 C84.6870513,31.9952063 84.4032392,32.7724713 83.8609684,33.3554125 C83.3186976,33.9383536 82.5639505,34.2775396 81.768,34.296 Z M70.596,26.1 C67.7809194,26.1066237 65.503593,28.3928962 65.5080063,31.2079812 C65.5124195,34.0230661 67.796903,36.302187 70.6119906,36.2999843 C73.4270781,36.2977816 75.7079922,34.0150884 75.708,31.2 C75.7277676,29.8372485 75.1934779,28.5248517 74.2275062,27.5634044 C73.2615344,26.6019571 71.9466436,26.0738348 70.584,26.1 L70.596,26.1 Z M70.596,34.296 C69.3272109,34.3896877 68.1302658,33.6976456 67.5784221,32.5513159 C67.0265783,31.4049863 67.2321873,30.0377538 68.096776,29.1044321 C68.9613648,28.1711103 70.3089091,27.8617171 71.4940246,28.3244312 C72.6791401,28.7871453 73.4605457,29.9277613 73.464,31.2 C73.5030513,31.9952063 73.2192392,32.7724713 72.6769684,33.3554125 C72.1346976,33.9383536 71.3799505,34.2775396 70.584,34.296 L70.596,34.296 Z M57.288,27.672 L57.288,29.832 L62.472,29.832 C62.3907161,30.8493646 61.9678136,31.8093534 61.272,32.556 C60.2232275,33.6242696 58.7718519,34.1995896 57.276,34.14 C54.0948398,34.14 51.516,31.5611602 51.516,28.38 C51.516,25.1988398 54.0948398,22.62 57.276,22.62 C58.7373549,22.5961666 60.1485143,23.1528625 61.2,24.168 L62.724,22.644 C61.2899035,21.1918298 59.3288621,20.3823049 57.288,20.4 C54.3827529,20.2869348 51.6484723,21.7724061 50.1622249,24.2712685 C48.6759775,26.7701308 48.6759775,29.8818692 50.1622249,32.3807315 C51.6484723,34.8795939 54.3827529,36.3650652 57.288,36.252 C59.366118,36.3459052 61.3832889,35.5364115 62.82,34.032 C64.0772109,32.6507059 64.7484517,30.8349134 64.692,28.968 C64.6958722,28.5131858 64.6556846,28.0590658 64.572,27.612 L57.288,27.672 Z M111.66,29.352 C111.019296,27.4670521 109.281513,26.1732637 107.292,26.1 C105.965236,26.097406 104.696574,26.6440891 103.787255,27.6102403 C102.877937,28.5763915 102.409075,29.8758277 102.492,31.2 C102.462529,32.5551554 102.985397,33.864034 103.940463,34.8258889 C104.895528,35.7877438 106.20067,36.3198705 107.556,36.3 C109.26103,36.3091908 110.856772,35.4617346 111.804,34.044 L110.064,32.844 C109.535695,33.7247306 108.583028,34.2626004 107.556,34.26 C106.49231,34.3005421 105.51197,33.6866398 105.084,32.712 L111.912,29.892 L111.66,29.352 Z M104.7,31.056 C104.650862,30.3061971 104.905591,29.568174 105.40676,29.0083093 C105.907929,28.4484447 106.613352,28.113866 107.364,28.08 C108.155244,28.0278619 108.90128,28.4528191 109.26,29.16 L104.7,31.056 Z M99.156,36 L101.4,36 L101.4,21 L99.156,21 L99.156,36 Z M95.484,27.24 L95.4,27.24 C94.7159545,26.4752121 93.7380686,26.0386559 92.712,26.04 C89.9881763,26.172086 87.8476045,28.4189755 87.8476045,31.146 C87.8476045,33.8730245 89.9881763,36.119914 92.712,36.252 C93.7413947,36.2693085 94.7256191,35.8299226 95.4,35.052 L95.472,35.052 L95.472,35.784 C95.472,37.74 94.428,38.784 92.748,38.784 C91.6035636,38.7572129 90.5888737,38.0412401 90.18,36.972 L88.224,37.788 C88.977218,39.6201732 90.767077,40.81183 92.748,40.8 C95.376,40.8 97.548,39.252 97.548,35.484 L97.548,26.4 L95.484,26.4 L95.484,27.24 Z M92.916,34.296 C91.3114651,34.1545918 90.0808516,32.810754 90.0808516,31.2 C90.0808516,29.589246 91.3114651,28.2454082 92.916,28.104 C93.6913435,28.143789 94.4177831,28.4949242 94.9306198,29.0777958 C95.4434564,29.6606674 95.6992476,30.4259002 95.64,31.2 C95.7061618,31.9776593 95.451189,32.7485174 94.9343644,33.3333452 C94.4175397,33.9181731 93.6838925,34.2660166 92.904,34.296 L92.916,34.296 Z M122.172,21 L116.808,21 L116.808,36 L119.052,36 L119.052,30.312 L122.184,30.312 C123.927221,30.4372366 125.594369,29.5782107 126.504156,28.0859676 C127.413943,26.5937244 127.413943,24.7182756 126.504156,23.2260324 C125.594369,21.7337893 123.927221,20.8747634 122.184,21 L122.172,21 Z M122.172,28.2 L119.04,28.2 L119.04,23.088 L122.22,23.088 C123.641581,23.088 124.794,24.2404191 124.794,25.662 C124.794,27.0835809 123.641581,28.236 122.22,28.236 L122.172,28.2 Z M136.008,26.04 C134.338455,25.9402067 132.768824,26.8405056 132.012,28.332 L134.004,29.16 C134.405287,28.4204018 135.20535,27.9874267 136.044,28.056 C136.619434,27.9887935 137.197744,28.1555641 137.649034,28.5188522 C138.100324,28.8821403 138.386758,29.4114899 138.444,29.988 L138.444,30.144 C137.723271,29.7623989 136.919511,29.5645502 136.104,29.568 C133.956,29.568 131.784,30.768 131.784,32.94 C131.826825,33.8756506 132.246288,34.7541954 132.946958,35.3757568 C133.647627,35.9973182 134.569918,36.3090392 135.504,36.24 C136.655075,36.3226597 137.759483,35.7704558 138.384,34.8 L138.456,34.8 L138.456,36 L140.616,36 L140.616,30.228 C140.616,27.6 138.624,26.076 136.068,26.076 L136.008,26.04 Z M135.732,34.26 C135,34.26 133.98,33.888 133.98,32.988 C133.98,31.788 135.252,31.392 136.38,31.392 C137.09285,31.3744103 137.797357,31.5484649 138.42,31.896 C138.264835,33.239298 137.143828,34.2630486 135.792,34.296 L135.732,34.26 Z M148.488,26.4 L145.92,32.904 L145.848,32.904 L143.184,26.4 L140.784,26.4 L144.78,35.496 L142.5,40.548 L144.84,40.548 L150.984,26.4 L148.488,26.4 Z M128.316,36 L130.56,36 L130.56,21 L128.316,21 L128.316,36 Z" id="Shape" fill="#FFFFFF"></path>
-                            <path d="M12.528,9.048 C12.1368779,9.51733 11.9394644,10.1181539 11.976,10.728 L11.976,37.272 C11.9394644,37.8818461 12.1368779,38.48267 12.528,38.952 L12.612,39.036 L27.48,24.18 L27.48,23.832 L12.612,8.964 L12.528,9.048 Z" id="Shape" fill="url(#linearGradient-1)"></path>
-                            <path d="M32.4,29.136 L27.48,24.18 L27.48,23.832 L32.4,18.864 L32.508,18.924 L38.4,22.272 C40.08,23.22 40.08,24.78 38.4,25.74 L32.532,29.076 L32.4,29.136 Z" id="Shape" fill="url(#linearGradient-2)"></path>
-                            <path d="M32.544,29.064 L27.48,24 L12.528,38.952 C13.2344613,39.5730269 14.2829148,39.6032707 15.024,39.024 L32.556,29.064" id="Shape" fill="url(#linearGradient-3)"></path>
-                            <path d="M32.544,18.936 L15.012,8.976 C14.2709148,8.39672927 13.2224613,8.42697312 12.516,9.048 L27.48,24 L32.544,18.936 Z" id="Shape" fill="url(#linearGradient-4)"></path>
-                            <path d="M32.4,28.956 L15.012,38.856 C14.3004462,39.3880037 13.3235538,39.3880037 12.612,38.856 L12.528,38.94 L12.612,39.024 C13.3222149,39.5600151 14.3017851,39.5600151 15.012,39.024 L32.544,29.064 L32.4,28.956 Z" id="Shape" fill="#000000" opacity="0.2"></path>
-                            <path d="M12.528,38.784 C12.1368779,38.31467 11.9394644,37.7138461 11.976,37.104 L11.976,37.284 C11.9394644,37.8938461 12.1368779,38.49467 12.528,38.964 L12.612,38.88 L12.528,38.784 Z M38.4,25.56 L32.4,28.956 L32.508,29.064 L38.4,25.728 C39.0804841,25.4083358 39.5381621,24.7492796 39.6,24 C39.4632354,24.6778055 39.0200471,25.2539503 38.4,25.56 Z" id="Shape" fill="#000000" opacity="0.12"></path>
-                            <path d="M15.012,9.144 L38.4,22.44 C39.0200471,22.7460497 39.4632354,23.3221945 39.6,24 C39.5381621,23.2507204 39.0804841,22.5916642 38.4,22.272 L15.012,8.976 C13.332,8.028 11.964,8.82 11.964,10.74 L11.964,10.92 C12,8.988 13.344,8.196 15.012,9.144 Z" id="Shape" fill="#FFFFFF" opacity="0.25"></path>
-                        </g>
-                    </g>
-                </svg>
-              <a href="https://f-droid.org/repository/browse/?fdid=im.vector.app" target="_blank" class="mx_ClearDecoration">
-                <svg width="164px" height="48px" viewBox="0 0 157 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-                    <desc>Get it on F-Droid.</desc>
-                    <defs>
-                        <radialGradient cx="0.55528181%" cy="0.456156968%" fx="0.55528181%" fy="0.456156968%" r="99.5501799%" gradientTransform="translate(0.005553,0.004562),scale(0.985441,1.000000),rotate(90.000001),translate(-0.005553,-0.004562)" id="radialGradient-1">
-                            <stop stop-color="#FFFFFF" stop-opacity="0.098039" offset="0%"></stop>
-                            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
-                        </radialGradient>
-                    </defs>
-                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-                        <g id="F-Droid-badge">
-                            <rect id="Rectangle-path" fill="#000000" fill-rule="nonzero" x="0" y="0" width="157" height="46" rx="5.6097561"></rect>
-                            <g id="Group" transform="translate(49.623214, 5.890244)" fill="#FFFFFF" fill-rule="nonzero">
-                                <path d="M5.68003571,6.29863415 L5.68003571,4.42449878 L4.13843589,4.42449878 L4.13843589,3.64866951 L6.61432589,3.64866951 L6.61432589,6.64455976 C6.24995506,6.90316951 5.84820327,7.09946423 5.40907054,7.2334439 C4.96995649,7.36430642 4.50125542,7.42973768 4.00296732,7.42973768 C2.91295744,7.42973768 2.0596344,7.1119263 1.44299821,6.47630354 C0.829483333,5.83757671 0.522725893,4.94958037 0.522725893,3.81231451 C0.522725893,2.67194459 0.829483333,1.78394825 1.44299821,1.14832549 C2.0596344,0.509598659 2.91295744,0.190235244 4.00296732,0.190235244 C4.45765054,0.190235244 4.88898,0.24631878 5.29695571,0.358485854 C5.70805274,0.470652927 6.08644143,0.635785447 6.43212179,0.853883415 L6.43212179,1.85873098 C6.08332012,1.56274154 5.71271601,1.33995943 5.32030946,1.19038463 C4.92790292,1.04082854 4.51525458,0.966050488 4.08236446,0.966050488 C3.22903208,0.966050488 2.58748149,1.20440902 2.15771268,1.6811261 C1.73104649,2.15784317 1.51771339,2.86824398 1.51771339,3.81232854 C1.51771339,4.75329033 1.73104649,5.46212976 2.15771268,5.93884683 C2.58748149,6.4155639 3.22903208,6.65392244 4.08236446,6.65392244 C4.41559696,6.65392244 4.71301851,6.6258802 4.97462911,6.56979573 C5.2362397,6.51059598 5.47136589,6.4202387 5.68000768,6.2987239 L5.68003571,6.29863415 Z" id="Shape"></path>
-                                <polygon id="Shape" points="8.34342857 0.316390244 12.7531661 0.316390244 12.7531661 1.1109 9.28683036 1.1109 9.28683036 3.17666463 12.6082214 3.17666463 12.6082214 3.97117439 9.28683036 3.97117439 9.28683036 6.49963171 12.8372732 6.49963171 12.8372732 7.29414146 8.34342857 7.29414146 8.34342857 0.316446341"></polygon>
-                                <polygon id="Shape" points="13.4319107 0.316390244 19.3320268 0.316390244 19.3320268 1.1109 16.8561368 1.1109 16.8561368 7.29425366 15.9078287 7.29425366 15.9078287 1.1109 13.4319387 1.1109 13.4319387 0.316390244"></polygon>
-                                <polygon id="Shape" points="23.2920714 0.316390244 24.2356975 0.316390244 24.2356975 7.29408537 23.2920714 7.29408537"></polygon>
-                                <polygon id="Shape" points="25.1480357 0.316390244 31.0481518 0.316390244 31.0481518 1.1109 28.5722618 1.1109 28.5722618 7.29425366 27.6239537 7.29425366 27.6239537 1.1109 25.1480637 1.1109 25.1480637 0.316390244"></polygon>
-                                <path d="M37.8398036,0.956463415 C37.1546481,0.956463415 36.6096432,1.21195976 36.2047887,1.72295244 C35.803037,2.23394512 35.6021611,2.93032154 35.6021611,3.81208171 C35.6021611,4.69071911 35.803037,5.38553415 36.2047887,5.89652683 C36.6096432,6.40751951 37.1546481,6.66301585 37.8398036,6.66301585 C38.524959,6.66301585 39.066852,6.40751951 39.4654825,5.89652683 C39.8672343,5.38553415 40.0681102,4.69071911 40.0681102,3.81208171 C40.0681102,2.93032154 39.8672343,2.23394512 39.4654825,1.72295244 C39.0673754,1.21209065 38.5253515,0.956659756 37.8394111,0.956659756 L37.8398036,0.956463415 Z M37.8398036,0.18997439 C38.817708,0.18997439 39.5993998,0.518687398 40.1848789,1.17611341 C40.7703768,1.83043537 41.0631257,2.70908211 41.0631257,3.81205366 C41.0631257,4.91192114 40.7703768,5.79056789 40.1848789,6.4479939 C39.5993811,7.10231585 38.8176893,7.42947683 37.8398036,7.42947683 C36.8587965,7.42947683 36.0739835,7.10231585 35.4853643,6.4479939 C34.8998664,5.79369065 34.6071175,4.9150439 34.6071175,3.81205366 C34.6071175,2.70906341 34.8998664,1.83041667 35.4853643,1.17611341 C36.0739648,0.518687398 36.8587779,0.18997439 37.8398036,0.18997439 Z" id="Shape"></path>
-                                <polygon id="Shape" points="42.5385893 0.316390244 43.8092239 0.316390244 46.9018436 6.15390244 46.9018436 0.316390244 47.817462 0.316390244 47.817462 7.29408537 46.5468273 7.29408537 43.4542077 1.45657317 43.4542077 7.29408537 42.5385893 7.29408537"></polygon>
-                                <path d="M14.4888571,14.6357134 L14.4888571,19.7020244 L13.8851641,19.7020244 C13.7044646,18.9049341 13.5319795,18.3009504 13.3677089,17.8900732 C13.2034365,17.4791959 12.981674,17.1176285 12.7024214,16.8053707 C11.9303365,15.9260976 10.3984651,15.486461 8.10680714,15.486461 C7.46615369,15.486461 7.03493637,15.5686346 6.81315518,15.7329817 C6.5995978,15.8891143 6.49281911,16.201372 6.49281911,16.6697549 L6.49281911,22.5369988 C7.74949196,22.5369988 8.64887768,22.269937 9.19097625,21.7358134 C9.73307482,21.2016898 10.1191173,20.2114744 10.3491036,18.7651671 L10.97744,18.7651671 L10.97744,27.3071427 L10.3491036,27.3071427 C10.1684059,25.8444362 9.80290431,24.8336516 9.25259875,24.274789 C8.70229506,23.7077923 7.78236851,23.4119618 6.49281911,23.3872976 L6.49281911,29.2668829 C6.49281911,29.9653724 6.66530417,30.4296545 7.01027429,30.6597293 C7.3552444,30.8815951 8.10678845,31.0171829 9.26490643,31.0664927 L9.26490643,31.695122 L0.184699286,31.695122 L0.184699286,31.0664927 C1.12105476,30.9678844 1.72475714,30.8076417 1.99580643,30.5857646 C2.26685571,30.3638988 2.40238036,29.9242622 2.40238036,29.2668549 L2.40238036,17.051611 C2.40238036,16.4024313 2.25042679,15.9545858 1.94651964,15.7080744 C1.6426125,15.4615443 1.05533905,15.3136337 0.184699286,15.2643427 L0.184699286,14.6357134 L14.4888571,14.6357134 Z" id="Shape"></path>
-                                <polygon id="Shape" points="21.6099286 24.4473171 21.6099286 27.380939 15.4743125 27.380939 15.4743125 24.4473171"></polygon>
-                                <path d="M25.1956964,29.4035366 L25.1956964,16.9540854 C25.1956964,16.378861 25.0478548,15.9720976 24.7521714,15.7337951 C24.4564881,15.4954927 23.9061751,15.3393638 23.1012323,15.2654085 L23.1012323,14.6367793 L30.7891859,14.6367793 C33.7050871,14.6367793 35.9926145,15.3804553 37.651768,16.8678073 C39.3191267,18.3469504 40.1528061,20.3848813 40.1528061,22.9816 C40.1528061,25.5948114 39.3191267,27.7025837 37.651768,29.3049171 C35.9844093,30.8990976 33.7913623,31.6961878 31.072627,31.6961878 L23.1012323,31.6961878 L23.1012323,31.0675585 C23.8322355,31.0429074 24.3620171,30.8991013 24.690577,30.6361402 C25.027342,30.3731923 25.1957245,29.9623244 25.1957245,29.4035366 L25.1956964,29.4035366 Z M29.2737714,16.374878 L29.2737714,29.3541707 C29.2737714,29.9211675 29.3764382,30.3073898 29.5817718,30.5128378 C29.7871054,30.7100581 30.1731478,30.8086683 30.7398991,30.8086683 C32.3497659,30.8086683 33.585954,30.2293394 34.4484634,29.0706817 C34.8591492,28.503685 35.179476,27.7107085 35.4094436,26.6917524 C35.647635,25.6727963 35.7667307,24.5634671 35.7667307,23.3637646 C35.7667307,21.194285 35.4217606,19.4275858 34.7318204,18.0636671 C33.8776095,16.3462215 32.5552583,15.4874988 30.7647668,15.4874988 C29.7709194,15.4874988 29.2739957,15.7833293 29.2739957,16.3749902 L29.2737714,16.374878 Z" id="Shape"></path>
-                                <path d="M46.4748036,20.0576829 L46.4748036,22.1284683 C47.0661889,21.2820683 47.6247164,20.6739801 48.1503861,20.3042037 C48.6842608,19.9344272 49.2633198,19.749539 49.887563,19.749539 C50.4789484,19.749539 50.9676576,19.9385411 51.3536907,20.3165451 C51.7397238,20.6863215 51.9327404,21.1547175 51.9327404,21.7217329 C51.9327404,22.2147744 51.7848987,22.6215378 51.4892154,22.9420232 C51.193532,23.2542809 50.8116015,23.4104098 50.3434237,23.4104098 C50.0148826,23.4104098 49.7397307,23.3446709 49.5179682,23.2131932 C49.2962057,23.0817136 49.0662287,22.8475156 48.8280373,22.5105993 C48.556988,22.1161586 48.3228992,21.9189383 48.1257707,21.9189383 C47.7068798,21.9189383 47.3454807,22.1572407 47.0415736,22.6338456 C46.7376664,23.1022415 46.5857129,23.6651338 46.5857129,24.3225224 L46.5857129,29.0927785 C46.5857129,29.8734322 46.6965941,30.3911285 46.9183566,30.6458676 C47.1483429,30.8923976 47.6493692,31.0403082 48.4214354,31.0895993 L48.4214354,31.6935737 L41.706879,31.6935737 L41.7068818,31.0895993 C42.2654093,30.990991 42.6309109,30.8430804 42.8033866,30.6458676 C42.9840843,30.4486472 43.0744331,30.0911936 43.0744331,29.5735066 L43.0744331,22.1532017 C43.0744331,21.6437237 42.9799808,21.28627 42.7910761,21.0808407 C42.6103766,20.8754115 42.2489776,20.7357192 41.706879,20.6617639 L41.706879,20.0577895 L46.4749129,20.0577895 L46.4748036,20.0576829 Z" id="Shape"></path>
-                                <path d="M58.2021429,19.7519512 C59.8284386,19.7519512 61.1795731,20.3394984 62.2555464,21.5145927 C63.3397436,22.6814593 63.8818421,24.1482236 63.8818421,25.9148854 C63.8818421,27.673413 63.3397436,29.1361569 62.2555464,30.3031171 C61.1795731,31.4699837 59.8284386,32.0534171 58.2021429,32.0534171 C56.5512131,32.0534171 55.1877429,31.4699837 54.1117321,30.3031171 C53.0357588,29.1362504 52.4977721,27.6489171 52.4977721,25.8411171 C52.4977721,24.1236715 53.0480852,22.6814967 54.1487113,21.5145927 C55.2493373,20.3394984 56.6004718,19.7519512 58.2021148,19.7519512 L58.2021429,19.7519512 Z M58.2267862,20.5408232 C57.6929115,20.5408232 57.282235,20.7174931 56.9947568,21.0708329 C56.7155024,21.4159638 56.5142714,21.9952927 56.3910637,22.8088195 C56.2678599,23.6223463 56.2062579,24.7851553 56.2062579,26.2972463 C56.2062579,28.1461659 56.349997,29.4363163 56.6374752,30.1676976 C56.9331586,30.8990415 57.4547257,31.2647134 58.2021765,31.2647134 C58.9331797,31.2647134 59.4424204,30.8826049 59.7298986,30.1183878 C60.025582,29.3541707 60.1734236,28.0024065 60.1734236,26.0630951 C60.1734236,23.9923472 60.0296845,22.5542862 59.7422063,21.7489122 C59.4629519,20.943613 58.9578138,20.5409634 58.2267919,20.5409634 L58.2267862,20.5408232 Z" id="Shape"></path>
-                                <path d="M69.7332321,20.0576829 L69.7332321,29.6472805 C69.7332321,30.1238854 69.8194747,30.4690163 69.9919597,30.6826732 C70.1644448,30.8881024 70.4724545,31.0236902 70.9159888,31.0894366 L70.9159888,31.693411 L64.891383,31.693411 L64.8913942,31.0894366 C65.4663506,30.9497406 65.8318522,30.7936117 65.987899,30.62105 C66.1439589,30.4402663 66.2219888,30.0910215 66.2219888,29.5733159 L66.2219888,22.153011 C66.2219888,21.6353053 66.1398526,21.2860606 65.9755801,21.1052768 C65.8113077,20.9244931 65.4499086,20.7765825 64.891383,20.6615451 L64.891383,20.0575707 L69.7334312,20.0575707 L69.7332321,20.0576829 Z M66.5792143,14.8313537 C66.9652474,14.4451407 67.4293132,14.2520341 67.9714118,14.2520341 C68.5135104,14.2520341 68.9693617,14.4451407 69.3389659,14.8313537 C69.7167939,15.2175667 69.9057079,15.6818488 69.9057079,16.2242 C69.9057079,16.7747602 69.7167939,17.2349378 69.3389659,17.6047329 C68.9693617,17.9745093 68.5052959,18.1593976 67.9467684,18.1593976 C67.3882409,18.1593976 66.9241751,17.9745093 66.5545709,17.6047329 C66.1849667,17.2349565 66.0001646,16.7665606 66.0001646,16.1995451 C66.0001646,15.6654215 66.1931812,15.2093577 66.5792143,14.8313537 Z" id="Shape"></path>
-                                <path d="M80.0335536,32.0289024 L80.0335536,30.3895354 C79.4421682,31.0140508 78.9041815,31.4495736 78.4195936,31.6961037 C77.9349869,31.9344061 77.3559279,32.0535573 76.6824166,32.0535573 C75.360028,32.0535573 74.2676632,31.4947695 73.405322,30.3771939 C72.542906,29.2514093 72.111698,27.8298037 72.111698,26.1123768 C72.111698,24.2881028 72.5716613,22.7719728 73.4915879,21.5639866 C74.4115144,20.3560191 75.5655579,19.7520354 76.9537182,19.7520354 C77.5286746,19.7520354 78.0379154,19.8670821 78.4814404,20.0971756 C78.9249654,20.3272691 79.4177771,20.7340325 79.9598757,21.3174659 L79.9598757,16.6953073 C79.9598757,16.1200829 79.8489945,15.7502972 79.627232,15.58595 C79.4136746,15.421601 78.883893,15.3065542 78.0378873,15.2408098 L78.0378873,14.6368354 L83.4712087,14.6368354 L83.4712087,29.1447866 C83.4712087,29.6789102 83.5738755,30.0486959 83.7792091,30.2541439 C83.9927665,30.4595732 84.3870234,30.5787244 84.9619798,30.6115976 L84.9619798,31.1909171 L83.3972786,31.3881337 C82.1734636,31.5196133 81.0523154,31.7332702 80.0338339,32.0291044 L80.0335536,32.0289024 Z M79.9596318,28.8734146 L79.9596318,22.734939 C79.7789323,22.2583341 79.507883,21.8803301 79.1464839,21.6009268 C78.7933087,21.3133146 78.4072663,21.1695085 77.9883566,21.1695085 C77.2573534,21.1695085 76.7152548,21.5557309 76.3620609,22.3281756 C76.0170908,23.0923927 75.8446057,24.2880187 75.8446057,25.9150537 C75.8446057,27.5174431 76.0047738,28.7048415 76.3251098,29.4772488 C76.6454459,30.2496935 77.1423696,30.6359159 77.8158809,30.6359159 C78.3744084,30.6359159 78.90419,30.3483037 79.4052256,29.7730793 C79.553071,29.6087302 79.6803811,29.4361648 79.7871561,29.2553829 C79.9021474,29.0746011 79.959643,28.9472315 79.959643,28.8732744 L79.9596318,28.8734146 Z" id="Shape"></path>
-                            </g>
-                            <path d="M40.46675,6.67476829 L37.3323571,10.7342683" id="Shape" stroke="#769616" stroke-width="1.84532927" fill="#8AB000" fill-rule="nonzero" stroke-linecap="round"></path>
-                            <path d="M40.4527321,5.75 C40.7872823,5.75886341 41.014708,5.88950341 41.1763059,6.08111585 C39.6808809,7.85918415 39.428952,8.14166341 37.3875595,10.6732622 C36.6353612,11.6468354 35.8517911,11.1436683 36.6039893,10.1700951 L39.7395036,6.11031463 C39.9084496,5.88474354 40.1711695,5.75748902 40.4527882,5.7498878 L40.4527321,5.75 Z" id="Shape" fill-opacity="0.29804" fill="#FFFFFF" fill-rule="nonzero"></path>
-                            <path d="M41.1816607,6.09023171 C41.2730684,6.19940037 41.5956921,6.68413659 41.1982579,7.23888537 L38.0627436,11.2986659 C37.3105454,12.272239 37.2143829,10.8467159 37.2143829,10.8467159 C37.2143829,10.8467159 39.9695927,7.51788659 41.1817168,6.09020366 L41.1816607,6.09023171 Z" id="Shape" fill-opacity="0.2" fill="#263238" fill-rule="nonzero"></path>
-                            <path d="M40.6545893,5.92334146 C40.9778691,5.92334146 41.3627714,6.02785963 41.2626839,6.51281463 C41.1862782,6.88305854 37.8241036,10.9964122 37.8241036,10.9964122 C37.0719054,11.9699854 35.9844561,11.4955963 36.7366543,10.5221634 L39.8606739,6.48257805 C40.0526737,6.26852098 40.3096379,5.93371951 40.6546454,5.92322927 L40.6545893,5.92334146 Z" id="Shape" fill="#8AB000" fill-rule="nonzero"></path>
-                            <path d="M8.87470536,6.67476829 L12.0105,10.7342683" id="Shape" stroke="#769616" stroke-width="1.84532927" fill="#8AB000" fill-rule="nonzero" stroke-linecap="round"></path>
-                            <path d="M8.89124643,5.75 C8.55669625,5.75886341 8.32927054,5.88950341 8.16767268,6.08111585 C9.66309768,7.85918415 9.91502661,8.14166341 11.9564191,10.6732622 C12.7086173,11.6468354 13.4921875,11.1436683 12.7399893,10.1700951 L9.604475,6.11087561 C9.43552898,5.88530451 9.17280911,5.75805 8.89119036,5.75044878 L8.89124643,5.75 Z" id="Shape" fill-opacity="0.29804" fill="#FFFFFF" fill-rule="nonzero"></path>
-                            <path d="M8.16147679,6.09023171 C8.07006914,6.19940037 7.74744536,6.68413659 8.14487964,7.23888537 L11.2803939,11.2986659 C12.0325921,12.272239 12.1287546,10.8467159 12.1287546,10.8467159 C12.1287546,10.8467159 9.37354482,7.51788659 8.16142071,6.09020366 L8.16147679,6.09023171 Z" id="Shape" fill-opacity="0.2" fill="#263238" fill-rule="nonzero"></path>
-                            <path d="M8.68966964,5.92334146 C8.36638982,5.92334146 7.9814875,6.02785963 8.081575,6.51281463 C8.15798073,6.88305854 11.5201554,10.9964122 11.5201554,10.9964122 C12.2723536,11.9699854 13.3598029,11.4955963 12.6076046,10.5221634 L9.483585,6.48257805 C9.29154036,6.26856585 9.03445286,5.93366341 8.68961357,5.92328537 L8.68966964,5.92334146 Z" id="Shape" fill="#8AB000" fill-rule="nonzero"></path>
-                            <rect id="Rectangle-path" fill="#AEEA00" fill-rule="nonzero" x="10.6535714" y="9.25609756" width="28.0357143" height="9.53658537" rx="2.21439512"></rect>
-                            <rect id="Rectangle-path" fill-opacity="0.2" fill="#263238" fill-rule="nonzero" x="10.6535714" y="11.4113659" width="28.0357143" height="7.38131707" rx="2.21439512"></rect>
-                            <rect id="Rectangle-path" fill-opacity="0.29804" fill="#FFFFFF" fill-rule="nonzero" x="10.6535714" y="9.25806098" width="28.0357143" height="7.38131707" rx="2.21439512"></rect>
-                            <rect id="Rectangle-path" fill="#AEEA00" fill-rule="nonzero" x="10.6535714" y="10.098122" width="28.0357143" height="7.85421951" rx="2.21439512"></rect>
-                            <rect id="Rectangle-path" fill="#1976D2" fill-rule="nonzero" x="10.6535714" y="19.6341463" width="28.0357143" height="19.0731707" rx="2.21439512"></rect>
-                            <rect id="Rectangle-path" fill-opacity="0.2" fill="#263238" fill-rule="nonzero" x="10.6535714" y="29.1118293" width="28.0357143" height="9.5954878" rx="2.21439512"></rect>
-                            <rect id="Rectangle-path" fill-opacity="0.2" fill="#FFFFFF" fill-rule="nonzero" x="10.6535714" y="19.5752439" width="28.0357143" height="9.5954878" rx="2.21439512"></rect>
-                            <rect id="Rectangle-path" fill="#1976D2" fill-rule="nonzero" x="10.6535714" y="20.4756098" width="28.0357143" height="17.3902439" rx="2.21439512"></rect>
-                            <path d="M24.6714286,24.5735366 C22.5461252,24.5735366 20.7467089,26.0384683 20.2201982,28.0061463 L22.5906179,28.0061463 C22.9995748,27.2788415 23.767473,26.7879598 24.6714005,26.7879598 C26.0087882,26.7879598 27.0692111,27.8488768 27.0692111,29.1868598 C27.0692111,30.5248427 26.0087882,31.5857598 24.6714005,31.5857598 C23.7068318,31.5857598 22.8924223,31.0301695 22.5099311,30.2205134 L20.1827425,30.2205134 C20.6565741,32.2619878 22.49339,33.8000988 24.6715407,33.8000988 C27.2051002,33.8000988 29.2825746,31.7215439 29.2825746,29.1869159 C29.2825746,26.6521756 27.204988,24.5737329 24.6715407,24.5737329 L24.6714286,24.5735366 Z" id="Shape" fill="#0D47A1" fill-rule="nonzero"></path>
-                            <ellipse id="Oval" stroke="#0D47A1" stroke-width="1.40243902" stroke-linecap="round" cx="24.6714286" cy="29.187561" rx="7.04593571" ry="7.04921951"></ellipse>
-                            <ellipse id="Oval" fill-opacity="0.2" fill="#263238" fill-rule="nonzero" cx="17.5699821" cy="14.1480854" rx="2.49002" ry="2.86013415"></ellipse>
-                            <ellipse id="Oval" fill="#FFFFFF" fill-rule="nonzero" cx="17.5699821" cy="14.5172073" rx="2.49002" ry="2.49118049"></ellipse>
-                            <ellipse id="Oval" fill-opacity="0.2" fill="#263238" fill-rule="nonzero" cx="31.9579107" cy="14.1480854" rx="2.49002" ry="2.86013415"></ellipse>
-                            <ellipse id="Oval" fill="#FFFFFF" fill-rule="nonzero" cx="31.9579107" cy="14.5172073" rx="2.49002" ry="2.49118049"></ellipse>
-                            <path d="M8.89152679,5.74242683 C8.53321466,5.73295225 8.20186636,5.93202601 8.04184972,6.25291205 C7.88183308,6.57379808 7.92213189,6.95837436 8.14518804,7.23908171 L10.8014598,10.6784232 C10.7075486,10.9245568 10.6536163,11.19065 10.6536163,11.4705768 L10.6536163,16.5785402 C10.6536163,17.8053098 11.6406977,18.7928512 12.8668957,18.7928512 L36.4760511,18.7928512 C37.7022491,18.7928512 38.6893306,17.8052817 38.6893306,16.5785402 L38.6893306,11.4705768 C38.6893306,11.1904873 38.6360487,10.9241305 38.5420337,10.6778622 L41.1977728,7.23908171 C41.4136365,6.96742572 41.4588967,6.59756916 41.3149131,6.28183678 C41.1709296,5.96610439 40.8620538,5.75789519 40.5154957,5.74295976 C40.2117646,5.72988939 39.9211038,5.86740249 39.7384859,6.11056707 L37.2114307,9.3827378 C36.9843414,9.30055488 36.7376271,9.25483537 36.4796986,9.25483537 L12.8705432,9.25483537 C12.6122305,9.25483537 12.3657882,9.30072317 12.1356991,9.38138305 L9.60687766,6.10921232 C9.43781797,5.88409848 9.17527379,5.74853032 8.89392945,5.74107207 L8.89152679,5.74242683 Z M12.8669911,19.6341463 C11.640793,19.6341463 10.6537116,20.6216878 10.6537116,21.8484573 L10.6537116,36.4930061 C10.6537116,37.7197756 11.640793,38.7073171 12.8669911,38.7073171 L36.4761464,38.7073171 C37.7023445,38.7073171 38.6894259,37.7197756 38.6894259,36.4930061 L38.6894259,21.8484573 C38.6922295,20.6232866 37.7053723,19.635689 36.4802116,19.635689 L12.8710562,19.635689 L12.8669911,19.6341463 Z" id="Shape" fill="url(#radialGradient-1)" fill-rule="nonzero"></path>
-                        </g>
-                    </g>
-                </svg>
-              </a>
-          </div>
-        </div>
-      </div>
-      <div id="step2_container" class="mx_HomePage_col mx_Spacer" style="display: none;">
-        <div class="mx_HomePage_row">
-          <div>
-              <h2>2: Configure your app</h2>
-              <a class="mx_Button" id="configure_element_button" href="#">Configure</a>
-              <p class="mx_Subtext mx_SubtextTop">Tap the button above, or manually enable <em>Use custom server</em> and enter:</p>
-              <p class="mx_Subtext">Homeserver: <em id="hs_url"></em></p>
-              <p class="mx_Subtext" id="custom_is">Identity Server: <em id="is_url"></em></p>
-          </div>
-        </div>
-      </div>
-      <div class="mx_HomePage_row mx_Center mx_Spacer">
-         <p class="mx_Spacer">
-             <a id="back_to_element_button" href="#" class="mx_FooterLink">
-                 Go to Desktop Site
-             </a>
-         </p>
-      </div>
-  </div>
-
-</body>
diff --git a/src/vector/mobile_guide/index.js b/src/vector/mobile_guide/index.js
deleted file mode 100644
index 9a2af3c6a1c..00000000000
--- a/src/vector/mobile_guide/index.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import {getVectorConfig} from '../getconfig';
-
-function onBackToElementClick() {
-    // Cookie should expire in 4 hours
-    document.cookie = 'element_mobile_redirect_to_guide=false;path=/;max-age=14400';
-    window.location.href = '../';
-}
-
-// NEVER pass user-controlled content to this function! Hardcoded strings only please.
-function renderConfigError(message) {
-    const contactMsg = "If this is unexpected, please contact your system administrator " +
-        "or technical support representative.";
-    message = `<h2>Error loading Element</h2><p>${message}</p><p>${contactMsg}</p>`;
-
-    const toHide = document.getElementsByClassName("mx_HomePage_container");
-    const errorContainers = document.getElementsByClassName("mx_HomePage_errorContainer");
-
-    for (const e of toHide) {
-        // We have to clear the content because .style.display='none'; doesn't work
-        // due to an !important in the CSS.
-        e.innerHTML = '';
-    }
-    for (const e of errorContainers) {
-        e.style.display = 'block';
-        e.innerHTML = message;
-    }
-}
-
-async function initPage() {
-    document.getElementById('back_to_element_button').onclick = onBackToElementClick;
-
-    const config = await getVectorConfig('..');
-
-    // We manually parse the config similar to how validateServerConfig works because
-    // calling that function pulls in roughly 4mb of JS we don't use.
-
-    const wkConfig = config['default_server_config']; // overwritten later under some conditions
-    const serverName = config['default_server_name'];
-    const defaultHsUrl = config['default_hs_url'];
-    const defaultIsUrl = config['default_is_url'];
-
-    const incompatibleOptions = [wkConfig, serverName, defaultHsUrl].filter(i => !!i);
-    if (incompatibleOptions.length > 1) {
-        return renderConfigError(
-            "Invalid configuration: can only specify one of default_server_config, default_server_name, " +
-            "or default_hs_url.",
-        );
-    }
-    if (incompatibleOptions.length < 1) {
-        return renderConfigError("Invalid configuration: no default server specified.");
-    }
-
-    let hsUrl = '';
-    let isUrl = '';
-
-    if (wkConfig && wkConfig['m.homeserver']) {
-        hsUrl = wkConfig['m.homeserver']['base_url'];
-
-        if (wkConfig['m.identity_server']) {
-            isUrl = wkConfig['m.identity_server']['base_url'];
-        }
-    }
-
-    if (serverName) {
-        // We also do our own minimal .well-known validation to avoid pulling in the js-sdk
-        try {
-            const result = await fetch(`https://${serverName}/.well-known/matrix/client`);
-            const wkConfig = await result.json();
-            if (wkConfig && wkConfig['m.homeserver']) {
-                hsUrl = wkConfig['m.homeserver']['base_url'];
-
-                if (wkConfig['m.identity_server']) {
-                    isUrl = wkConfig['m.identity_server']['base_url'];
-                }
-            }
-        } catch (e) {
-            console.error(e);
-            return renderConfigError("Unable to fetch homeserver configuration");
-        }
-    }
-
-    if (defaultHsUrl) {
-        hsUrl = defaultHsUrl;
-        isUrl = defaultIsUrl;
-    }
-
-    if (!hsUrl) {
-        return renderConfigError("Unable to locate homeserver");
-    }
-
-    if (hsUrl && !hsUrl.endsWith('/')) hsUrl += '/';
-    if (isUrl && !isUrl.endsWith('/')) isUrl += '/';
-
-    if (hsUrl !== 'https://matrix.org/') {
-        document.getElementById('configure_element_button').href =
-            "https://mobile.element.io?hs_url=" + encodeURIComponent(hsUrl) +
-            "&is_url=" + encodeURIComponent(isUrl);
-        document.getElementById('step1_heading').innerHTML= '1: Install the app';
-        document.getElementById('step2_container').style.display = 'block';
-        document.getElementById('hs_url').innerText = hsUrl;
-
-        if (isUrl) {
-            document.getElementById('custom_is').style.display = 'block';
-            document.getElementById('is_url').style.display = 'block';
-            document.getElementById('is_url').innerText = isUrl;
-        }
-    }
-}
-
-initPage();
diff --git a/src/vector/modernizr.js b/src/vector/modernizr.js
deleted file mode 100644
index 19bfb143915..00000000000
--- a/src/vector/modernizr.js
+++ /dev/null
@@ -1,3 +0,0 @@
-/*! modernizr 3.10.0 (Custom Build) | MIT *
- * https://modernizr.com/download/?-cors-cryptography-cssanimations-cssfilters-displaytable-es5date-es5function-es5object-es5undefined-es6array-es6collections-es6string-fetch-flexbox-json-localstorage-objectfit-promises-sandbox-svg-svgasimg-svgfilters-urlparser-urlsearchparams-setclasses-cssclassprefix:modernizr_ !*/
-!function(e,t,n,r){function o(e,t){return typeof e===t}function i(e){var t=C.className,n=Modernizr._config.classPrefix||"";if(_&&(t=t.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+n+"no-js(\\s|$)");t=t.replace(r,"$1"+n+"js$2")}Modernizr._config.enableClasses&&(e.length>0&&(t+=" "+n+e.join(" "+n)),_?C.className.baseVal=t:C.className=t)}function s(e,t){return!!~(""+e).indexOf(t)}function a(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):_?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function l(){var e=n.body;return e||(e=a(_?"svg":"body"),e.fake=!0),e}function f(e,t,r,o){var i,s,f,u,d="modernizr",c=a("div"),p=l();if(parseInt(r,10))for(;r--;)f=a("div"),f.id=o?o[r]:d+(r+1),c.appendChild(f);return i=a("style"),i.type="text/css",i.id="s"+d,(p.fake?p:c).appendChild(i),p.appendChild(c),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(n.createTextNode(e)),c.id=d,p.fake&&(p.style.background="",p.style.overflow="hidden",u=C.style.overflow,C.style.overflow="hidden",C.appendChild(p)),s=t(c,e),p.fake?(p.parentNode.removeChild(p),C.style.overflow=u,C.offsetHeight):c.parentNode.removeChild(c),!!s}function u(e){return e.replace(/([A-Z])/g,function(e,t){return"-"+t.toLowerCase()}).replace(/^ms-/,"-ms-")}function d(e,n,r){var o;if("getComputedStyle"in t){o=getComputedStyle.call(t,e,n);var i=t.console;if(null!==o)r&&(o=o.getPropertyValue(r));else if(i){var s=i.error?"error":"log";i[s].call(i,"getComputedStyle returning null, its possible modernizr test results are inaccurate")}}else o=!n&&e.currentStyle&&e.currentStyle[r];return o}function c(e,n){var o=e.length;if("CSS"in t&&"supports"in t.CSS){for(;o--;)if(t.CSS.supports(u(e[o]),n))return!0;return!1}if("CSSSupportsRule"in t){for(var i=[];o--;)i.push("("+u(e[o])+":"+n+")");return i=i.join(" or "),f("@supports ("+i+") { #modernizr { position: absolute; } }",function(e){return"absolute"===d(e,null,"position")})}return r}function p(e){return e.replace(/([a-z])-([a-z])/g,function(e,t,n){return t+n.toUpperCase()}).replace(/^-/,"")}function y(e,t,n,i){function l(){u&&(delete P.style,delete P.modElem)}if(i=!o(i,"undefined")&&i,!o(n,"undefined")){var f=c(e,n);if(!o(f,"undefined"))return f}for(var u,d,y,m,g,h=["modernizr","tspan","samp"];!P.style&&h.length;)u=!0,P.modElem=a(h.shift()),P.style=P.modElem.style;for(y=e.length,d=0;d<y;d++)if(m=e[d],g=P.style[m],s(m,"-")&&(m=p(m)),P.style[m]!==r){if(i||o(n,"undefined"))return l(),"pfx"!==t||m;try{P.style[m]=n}catch(e){}if(P.style[m]!==g)return l(),"pfx"!==t||m}return l(),!1}function m(e,t){return function(){return e.apply(t,arguments)}}function g(e,t,n){var r;for(var i in e)if(e[i]in t)return!1===n?e[i]:(r=t[e[i]],o(r,"function")?m(r,n||t):r);return!1}function h(e,t,n,r,i){var s=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+O.join(s+" ")+s).split(" ");return o(t,"string")||o(t,"undefined")?y(a,t,r,i):(a=(e+" "+E.join(s+" ")+s).split(" "),g(a,t,n))}function v(e,t,n){return h(e,r,r,t,n)}function S(e,t){if("object"==typeof e)for(var n in e)k(e,n)&&S(n,e[n]);else{e=e.toLowerCase();var r=e.split("."),o=Modernizr[r[0]];if(2===r.length&&(o=o[r[1]]),void 0!==o)return Modernizr;t="function"==typeof t?t():t,1===r.length?Modernizr[r[0]]=t:(!Modernizr[r[0]]||Modernizr[r[0]]instanceof Boolean||(Modernizr[r[0]]=new Boolean(Modernizr[r[0]])),Modernizr[r[0]][r[1]]=t),i([(t&&!1!==t?"":"no-")+r.join("-")]),Modernizr._trigger(e,t)}return Modernizr}var b=[],w={_version:"3.10.0",_config:{classPrefix:'modernizr_',enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,t){var n=this;setTimeout(function(){t(n[e])},0)},addTest:function(e,t,n){b.push({name:e,fn:t,options:n})},addAsyncTest:function(e){b.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=w,Modernizr=new Modernizr;var T=[],C=n.documentElement,_="svg"===C.nodeName.toLowerCase(),x="Moz O ms Webkit",O=w._config.usePrefixes?x.split(" "):[];w._cssomPrefixes=O;var j={elem:a("modernizr")};Modernizr._q.push(function(){delete j.elem});var P={style:j.elem.style};Modernizr._q.unshift(function(){delete P.style});var E=w._config.usePrefixes?x.toLowerCase().split(" "):[];w._domPrefixes=E,w.testAllProps=h,w.testAllProps=v,Modernizr.addTest("cssanimations",v("animationName","a",!0)),(w.testStyles=f)("#modernizr{display: table; direction: ltr}#modernizr div{display: table-cell; padding: 10px}",function(e){var t,n=e.childNodes;t=n[0].offsetLeft<n[1].offsetLeft,Modernizr.addTest("displaytable",t,{aliases:["display-table"]})},2);var A=w._config.usePrefixes?" -webkit- -moz- -o- -ms- ".split(" "):["",""];w._prefixes=A;var z="CSS"in t&&"supports"in t.CSS,N="supportsCSS"in t;Modernizr.addTest("supports",z||N),Modernizr.addTest("cssfilters",function(){if(Modernizr.supports)return v("filter","blur(2px)");var e=a("a");return e.style.cssText=A.join("filter:blur(2px); "),!!e.style.length&&(n.documentMode===r||n.documentMode>9)}),Modernizr.addTest("flexbox",v("flexBasis","1px",!0));var L=function(e){var n,o=A.length,i=t.CSSRule;if(void 0===i)return r;if(!e)return!1;if(e=e.replace(/^@/,""),(n=e.replace(/-/g,"_").toUpperCase()+"_RULE")in i)return"@"+e;for(var s=0;s<o;s++){var a=A[s];if(a.toUpperCase()+"_"+n in i)return"@-"+a.toLowerCase()+"-"+e}return!1};w.atRule=L;var R=w.prefixed=function(e,t,n){return 0===e.indexOf("@")?L(e):(-1!==e.indexOf("-")&&(e=p(e)),t?h(e,t,n):h(e,"pfx"))};Modernizr.addTest("objectfit",!!R("objectFit"),{aliases:["object-fit"]}),Modernizr.addTest("es5date",function(){var e=!1;try{e=!!Date.parse("2013-04-12T06:06:37.307Z")}catch(e){}return!!(Date.now&&Date.prototype&&Date.prototype.toISOString&&Date.prototype.toJSON&&e)}),Modernizr.addTest("es5function",function(){return!(!Function.prototype||!Function.prototype.bind)}),Modernizr.addTest("es5object",function(){return!!(Object.keys&&Object.create&&Object.getPrototypeOf&&Object.getOwnPropertyNames&&Object.isSealed&&Object.isFrozen&&Object.isExtensible&&Object.getOwnPropertyDescriptor&&Object.defineProperty&&Object.defineProperties&&Object.seal&&Object.freeze&&Object.preventExtensions)}),Modernizr.addTest("es5undefined",function(){var e,n;try{n=t.undefined,t.undefined=12345,e=void 0===t.undefined,t.undefined=n}catch(e){return!1}return e}),Modernizr.addTest("es6array",!!(Array.prototype&&Array.prototype.copyWithin&&Array.prototype.fill&&Array.prototype.find&&Array.prototype.findIndex&&Array.prototype.keys&&Array.prototype.entries&&Array.prototype.values&&Array.from&&Array.of)),Modernizr.addTest("es6collections",!!(t.Map&&t.Set&&t.WeakMap&&t.WeakSet)),Modernizr.addTest("promises",function(){return"Promise"in t&&"resolve"in t.Promise&&"reject"in t.Promise&&"all"in t.Promise&&"race"in t.Promise&&function(){var e;return new t.Promise(function(t){e=t}),"function"==typeof e}()}),Modernizr.addTest("es6string",!!(String.fromCodePoint&&String.raw&&String.prototype.codePointAt&&String.prototype.repeat&&String.prototype.startsWith&&String.prototype.endsWith&&String.prototype.includes)),Modernizr.addTest("svg",!!n.createElementNS&&!!n.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect);var k;!function(){var e={}.hasOwnProperty;k=o(e,"undefined")||o(e.call,"undefined")?function(e,t){return t in e&&o(e.constructor.prototype[t],"undefined")}:function(t,n){return e.call(t,n)}}(),w._l={},w.on=function(e,t){this._l[e]||(this._l[e]=[]),this._l[e].push(t),Modernizr.hasOwnProperty(e)&&setTimeout(function(){Modernizr._trigger(e,Modernizr[e])},0)},w._trigger=function(e,t){if(this._l[e]){var n=this._l[e];setTimeout(function(){var e;for(e=0;e<n.length;e++)(0,n[e])(t)},0),delete this._l[e]}},Modernizr._q.push(function(){w.addTest=S}),Modernizr.addTest("svgasimg",n.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")),Modernizr.addTest("svgfilters",function(){var e=!1;try{e="SVGFEColorMatrixElement"in t&&2===SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_SATURATE}catch(e){}return e}),Modernizr.addTest("urlparser",function(){var e;try{return e=new URL("http://modernizr.com/"),"http://modernizr.com/"===e.href}catch(e){return!1}}),Modernizr.addTest("urlsearchparams","URLSearchParams"in t),Modernizr.addTest("cors","XMLHttpRequest"in t&&"withCredentials"in new XMLHttpRequest);var M=R("crypto",t);Modernizr.addTest("crypto",!!R("subtle",M)),Modernizr.addTest("sandbox","sandbox"in a("iframe")),Modernizr.addTest("json","JSON"in t&&"parse"in JSON&&"stringify"in JSON),Modernizr.addTest("fetch","fetch"in t),Modernizr.addTest("localstorage",function(){var e="modernizr";try{return localStorage.setItem(e,e),localStorage.removeItem(e),!0}catch(e){return!1}}),function(){var e,t,n,r,i,s,a;for(var l in b)if(b.hasOwnProperty(l)){if(e=[],t=b[l],t.name&&(e.push(t.name.toLowerCase()),t.options&&t.options.aliases&&t.options.aliases.length))for(n=0;n<t.options.aliases.length;n++)e.push(t.options.aliases[n].toLowerCase());for(r=o(t.fn,"function")?t.fn():t.fn,i=0;i<e.length;i++)s=e[i],a=s.split("."),1===a.length?Modernizr[a[0]]=r:(Modernizr[a[0]]&&(!Modernizr[a[0]]||Modernizr[a[0]]instanceof Boolean)||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=r),T.push((r?"":"no-")+a.join("-"))}}(),i(T),delete w.addTest,delete w.addAsyncTest;for(var V=0;V<Modernizr._q.length;V++)Modernizr._q[V]();e.Modernizr=Modernizr}(window,window,document);
\ No newline at end of file
diff --git a/src/vector/platform/ElectronPlatform.tsx b/src/vector/platform/ElectronPlatform.tsx
deleted file mode 100644
index 1ce7eefde39..00000000000
--- a/src/vector/platform/ElectronPlatform.tsx
+++ /dev/null
@@ -1,568 +0,0 @@
-/*
-Copyright 2016 Aviral Dasgupta
-Copyright 2016 OpenMarket Ltd
-Copyright 2018 New Vector Ltd
-Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
-Copyright 2020 The Matrix.org Foundation C.I.C.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import VectorBasePlatform from './VectorBasePlatform';
-import {UpdateCheckStatus} from "matrix-react-sdk/src/BasePlatform";
-import BaseEventIndexManager, {
-    CrawlerCheckpoint,
-    EventAndProfile,
-    IndexStats,
-    MatrixEvent,
-    MatrixProfile,
-    SearchArgs,
-    SearchResult,
-} from 'matrix-react-sdk/src/indexing/BaseEventIndexManager';
-import dis from 'matrix-react-sdk/src/dispatcher/dispatcher';
-import {_t, _td} from 'matrix-react-sdk/src/languageHandler';
-import SdkConfig from 'matrix-react-sdk/src/SdkConfig';
-import * as rageshake from 'matrix-react-sdk/src/rageshake/rageshake';
-import {MatrixClient} from "matrix-js-sdk/src/client";
-import {Room} from "matrix-js-sdk/src/models/room";
-import Modal from "matrix-react-sdk/src/Modal";
-import InfoDialog from "matrix-react-sdk/src/components/views/dialogs/InfoDialog";
-import Spinner from "matrix-react-sdk/src/components/views/elements/Spinner";
-import {Categories, Modifiers, registerShortcut} from "matrix-react-sdk/src/accessibility/KeyboardShortcuts";
-import {Key} from "matrix-react-sdk/src/Keyboard";
-import React from "react";
-import {randomString} from "matrix-js-sdk/src/randomstring";
-import {Action} from "matrix-react-sdk/src/dispatcher/actions";
-import {ActionPayload} from "matrix-react-sdk/src/dispatcher/payloads";
-import {showToast as showUpdateToast} from "matrix-react-sdk/src/toasts/UpdateToast";
-import {CheckUpdatesPayload} from "matrix-react-sdk/src/dispatcher/payloads/CheckUpdatesPayload";
-import ToastStore from "matrix-react-sdk/src/stores/ToastStore";
-import GenericExpiringToast from "matrix-react-sdk/src/components/views/toasts/GenericExpiringToast";
-
-const ipcRenderer = window.ipcRenderer;
-const isMac = navigator.platform.toUpperCase().includes('MAC');
-
-function platformFriendlyName(): string {
-    // used to use window.process but the same info is available here
-    if (navigator.userAgent.includes('Macintosh')) {
-        return 'macOS';
-    } else if (navigator.userAgent.includes('FreeBSD')) {
-        return 'FreeBSD';
-    } else if (navigator.userAgent.includes('OpenBSD')) {
-        return 'OpenBSD';
-    } else if (navigator.userAgent.includes('SunOS')) {
-        return 'SunOS';
-    } else if (navigator.userAgent.includes('Windows')) {
-        return 'Windows';
-    } else if (navigator.userAgent.includes('Linux')) {
-        return 'Linux';
-    } else {
-        return 'Unknown';
-    }
-}
-
-function _onAction(payload: ActionPayload) {
-    // Whitelist payload actions, no point sending most across
-    if (['call_state'].includes(payload.action)) {
-        ipcRenderer.send('app_onAction', payload);
-    }
-}
-
-function getUpdateCheckStatus(status: boolean | string) {
-    if (status === true) {
-        return { status: UpdateCheckStatus.Downloading };
-    } else if (status === false) {
-        return { status: UpdateCheckStatus.NotAvailable };
-    } else {
-        return {
-            status: UpdateCheckStatus.Error,
-            detail: status,
-        };
-    }
-}
-
-interface IPCPayload {
-    id?: number;
-    error?: string;
-    reply?: any;
-}
-
-class SeshatIndexManager extends BaseEventIndexManager {
-    private pendingIpcCalls: Record<number, { resolve, reject }> = {};
-    private nextIpcCallId = 0;
-
-    constructor() {
-        super();
-
-        ipcRenderer.on('seshatReply', this._onIpcReply);
-    }
-
-    async _ipcCall(name: string, ...args: any[]): Promise<any> {
-        // TODO this should be moved into the preload.js file.
-        const ipcCallId = ++this.nextIpcCallId;
-        return new Promise((resolve, reject) => {
-            this.pendingIpcCalls[ipcCallId] = {resolve, reject};
-            window.ipcRenderer.send('seshat', {id: ipcCallId, name, args});
-        });
-    }
-
-    _onIpcReply = (ev: {}, payload: IPCPayload) => {
-        if (payload.id === undefined) {
-            console.warn("Ignoring IPC reply with no ID");
-            return;
-        }
-
-        if (this.pendingIpcCalls[payload.id] === undefined) {
-            console.warn("Unknown IPC payload ID: " + payload.id);
-            return;
-        }
-
-        const callbacks = this.pendingIpcCalls[payload.id];
-        delete this.pendingIpcCalls[payload.id];
-        if (payload.error) {
-            callbacks.reject(payload.error);
-        } else {
-            callbacks.resolve(payload.reply);
-        }
-    };
-
-    async supportsEventIndexing(): Promise<boolean> {
-        return this._ipcCall('supportsEventIndexing');
-    }
-
-    async initEventIndex(): Promise<void> {
-        return this._ipcCall('initEventIndex');
-    }
-
-    async addEventToIndex(ev: MatrixEvent, profile: MatrixProfile): Promise<void> {
-        return this._ipcCall('addEventToIndex', ev, profile);
-    }
-
-    async deleteEvent(eventId: string): Promise<boolean> {
-        return this._ipcCall('deleteEvent', eventId);
-    }
-
-    async isEventIndexEmpty(): Promise<boolean> {
-        return this._ipcCall('isEventIndexEmpty');
-    }
-
-    async isRoomIndexed(roomId: string): Promise<boolean> {
-        return this._ipcCall('isRoomIndexed', roomId);
-    }
-
-    async commitLiveEvents(): Promise<void> {
-        return this._ipcCall('commitLiveEvents');
-    }
-
-    async searchEventIndex(searchConfig: SearchArgs): Promise<SearchResult> {
-        return this._ipcCall('searchEventIndex', searchConfig);
-    }
-
-    async addHistoricEvents(
-        events: [EventAndProfile],
-        checkpoint: CrawlerCheckpoint | null,
-        oldCheckpoint: CrawlerCheckpoint | null,
-    ): Promise<boolean> {
-        return this._ipcCall('addHistoricEvents', events, checkpoint, oldCheckpoint);
-    }
-
-    async addCrawlerCheckpoint(checkpoint: CrawlerCheckpoint): Promise<void> {
-        return this._ipcCall('addCrawlerCheckpoint', checkpoint);
-    }
-
-    async removeCrawlerCheckpoint(checkpoint: CrawlerCheckpoint): Promise<void> {
-        return this._ipcCall('removeCrawlerCheckpoint', checkpoint);
-    }
-
-    async loadFileEvents(args): Promise<[EventAndProfile]> {
-        return this._ipcCall('loadFileEvents', args);
-    }
-
-    async loadCheckpoints(): Promise<[CrawlerCheckpoint]> {
-        return this._ipcCall('loadCheckpoints');
-    }
-
-    async closeEventIndex(): Promise<void> {
-        return this._ipcCall('closeEventIndex');
-    }
-
-    async getStats(): Promise<IndexStats> {
-        return this._ipcCall('getStats');
-    }
-
-    async getUserVersion(): Promise<number> {
-        return this._ipcCall('getUserVersion');
-    }
-
-    async setUserVersion(version: number): Promise<void> {
-        return this._ipcCall('setUserVersion', version);
-    }
-
-    async deleteEventIndex(): Promise<void> {
-        return this._ipcCall('deleteEventIndex');
-    }
-}
-
-export default class ElectronPlatform extends VectorBasePlatform {
-    private eventIndexManager: BaseEventIndexManager = new SeshatIndexManager();
-    private pendingIpcCalls: Record<number, { resolve, reject }> = {};
-    private nextIpcCallId = 0;
-    // this is the opaque token we pass to the HS which when we get it in our callback we can resolve to a profile
-    private ssoID: string = randomString(32);
-
-    constructor() {
-        super();
-
-        dis.register(_onAction);
-        /*
-            IPC Call `check_updates` returns:
-            true if there is an update available
-            false if there is not
-            or the error if one is encountered
-         */
-        ipcRenderer.on('check_updates', (event, status) => {
-            dis.dispatch<CheckUpdatesPayload>({
-                action: Action.CheckUpdates,
-                ...getUpdateCheckStatus(status),
-            });
-        });
-
-        // try to flush the rageshake logs to indexeddb before quit.
-        ipcRenderer.on('before-quit', function() {
-            console.log('riot-desktop closing');
-            rageshake.flush();
-        });
-
-        ipcRenderer.on('ipcReply', this._onIpcReply);
-        ipcRenderer.on('update-downloaded', this.onUpdateDownloaded);
-
-        ipcRenderer.on('preferences', () => {
-            dis.fire(Action.ViewUserSettings);
-        });
-
-        ipcRenderer.on('userDownloadCompleted', (ev, {path, name}) => {
-            const onAccept = () => {
-                ipcRenderer.send('userDownloadOpen', {path});
-            };
-
-            ToastStore.sharedInstance().addOrReplaceToast({
-                key: `DOWNLOAD_TOAST_${path}`,
-                title: _t("Download Completed"),
-                props: {
-                    description: name,
-                    acceptLabel: _t("Open"),
-                    onAccept,
-                    dismissLabel: _t("Dismiss"),
-                    numSeconds: 10,
-                },
-                component: GenericExpiringToast,
-                priority: 99,
-            });
-        });
-
-        // register OS-specific shortcuts
-        if (isMac) {
-            registerShortcut(Categories.NAVIGATION, {
-                keybinds: [{
-                    modifiers: [Modifiers.COMMAND],
-                    key: Key.COMMA,
-                }],
-                description: _td("Open user settings"),
-            });
-
-            registerShortcut(Categories.NAVIGATION, {
-                keybinds: [{
-                    modifiers: [Modifiers.COMMAND],
-                    key: Key.SQUARE_BRACKET_LEFT,
-                }, {
-                    modifiers: [Modifiers.COMMAND],
-                    key: Key.SQUARE_BRACKET_RIGHT,
-                }],
-                description: _td("Previous/next recently visited room or community"),
-            });
-        } else {
-            registerShortcut(Categories.NAVIGATION, {
-                keybinds: [{
-                    modifiers: [Modifiers.ALT],
-                    key: Key.ARROW_LEFT,
-                }, {
-                    modifiers: [Modifiers.ALT],
-                    key: Key.ARROW_RIGHT,
-                }],
-                description: _td("Previous/next recently visited room or community"),
-            });
-        }
-
-        this._ipcCall("startSSOFlow", this.ssoID);
-    }
-
-    async getConfig(): Promise<{}> {
-        return this._ipcCall('getConfig');
-    }
-
-    onUpdateDownloaded = async (ev, {releaseNotes, releaseName}) => {
-        dis.dispatch<CheckUpdatesPayload>({
-            action: Action.CheckUpdates,
-            status: UpdateCheckStatus.Ready,
-        });
-        if (this.shouldShowUpdate(releaseName)) {
-            showUpdateToast(await this.getAppVersion(), releaseName, releaseNotes);
-        }
-    };
-
-    getHumanReadableName(): string {
-        return 'Electron Platform'; // no translation required: only used for analytics
-    }
-
-    setNotificationCount(count: number) {
-        if (this.notificationCount === count) return;
-        super.setNotificationCount(count);
-
-        ipcRenderer.send('setBadgeCount', count);
-    }
-
-    supportsNotifications(): boolean {
-        return true;
-    }
-
-    maySendNotifications(): boolean {
-        return true;
-    }
-
-    displayNotification(title: string, msg: string, avatarUrl: string, room: Room): Notification {
-        // GNOME notification spec parses HTML tags for styling...
-        // Electron Docs state all supported linux notification systems follow this markup spec
-        // https://github.com/electron/electron/blob/master/docs/tutorial/desktop-environment-integration.md#linux
-        // maybe we should pass basic styling (italics, bold, underline) through from MD
-        // we only have to strip out < and > as the spec doesn't include anything about things like &amp;
-        // so we shouldn't assume that all implementations will treat those properly. Very basic tag parsing is done.
-        if (navigator.userAgent.includes('Linux')) {
-            msg = msg.replace(/</g, '&lt;').replace(/>/g, '&gt;');
-        }
-
-        // Notifications in Electron use the HTML5 notification API
-        const notifBody = {
-            body: msg,
-            silent: true, // we play our own sounds
-        };
-        if (avatarUrl) notifBody['icon'] = avatarUrl;
-        const notification = new window.Notification(title, notifBody);
-
-        notification.onclick = () => {
-            dis.dispatch({
-                action: 'view_room',
-                room_id: room.roomId,
-            });
-            window.focus();
-            this._ipcCall('focusWindow');
-        };
-
-        return notification;
-    }
-
-    loudNotification(ev: Event, room: Object) {
-        ipcRenderer.send('loudNotification');
-    }
-
-    async getAppVersion(): Promise<string> {
-        return this._ipcCall('getAppVersion');
-    }
-
-    supportsAutoLaunch(): boolean {
-        return true;
-    }
-
-    async getAutoLaunchEnabled(): Promise<boolean> {
-        return this._ipcCall('getAutoLaunchEnabled');
-    }
-
-    async setAutoLaunchEnabled(enabled: boolean): Promise<void> {
-        return this._ipcCall('setAutoLaunchEnabled', enabled);
-    }
-
-    supportsAutoHideMenuBar(): boolean {
-        // This is irelevant on Mac as Menu bars don't live in the app window
-        return !isMac;
-    }
-
-    async getAutoHideMenuBarEnabled(): Promise<boolean> {
-        return this._ipcCall('getAutoHideMenuBarEnabled');
-    }
-
-    async setAutoHideMenuBarEnabled(enabled: boolean): Promise<void> {
-        return this._ipcCall('setAutoHideMenuBarEnabled', enabled);
-    }
-
-    supportsMinimizeToTray(): boolean {
-        // Things other than Mac support tray icons
-        return !isMac;
-    }
-
-    async getMinimizeToTrayEnabled(): Promise<boolean> {
-        return this._ipcCall('getMinimizeToTrayEnabled');
-    }
-
-    async setMinimizeToTrayEnabled(enabled: boolean): Promise<void> {
-        return this._ipcCall('setMinimizeToTrayEnabled', enabled);
-    }
-
-    async canSelfUpdate(): Promise<boolean> {
-        const feedUrl = await this._ipcCall('getUpdateFeedUrl');
-        return Boolean(feedUrl);
-    }
-
-    startUpdateCheck() {
-        super.startUpdateCheck();
-        ipcRenderer.send('check_updates');
-    }
-
-    installUpdate() {
-        // IPC to the main process to install the update, since quitAndInstall
-        // doesn't fire the before-quit event so the main process needs to know
-        // it should exit.
-        ipcRenderer.send('install_update');
-    }
-
-    getDefaultDeviceDisplayName(): string {
-        const brand = SdkConfig.get().brand;
-        return _t('%(brand)s Desktop (%(platformName)s)', {
-            brand,
-            platformName: platformFriendlyName(),
-        });
-    }
-
-    screenCaptureErrorString(): string | null {
-        return null;
-    }
-
-    requestNotificationPermission(): Promise<string> {
-        return Promise.resolve('granted');
-    }
-
-    reload() {
-        // we used to remote to the main process to get it to
-        // reload the webcontents, but in practice this is unnecessary:
-        // the normal way works fine.
-        window.location.reload(false);
-    }
-
-    async _ipcCall(name: string, ...args: any[]): Promise<any> {
-        const ipcCallId = ++this.nextIpcCallId;
-        return new Promise((resolve, reject) => {
-            this.pendingIpcCalls[ipcCallId] = {resolve, reject};
-            window.ipcRenderer.send('ipcCall', {id: ipcCallId, name, args});
-            // Maybe add a timeout to these? Probably not necessary.
-        });
-    }
-
-    _onIpcReply = (ev, payload) => {
-        if (payload.id === undefined) {
-            console.warn("Ignoring IPC reply with no ID");
-            return;
-        }
-
-        if (this.pendingIpcCalls[payload.id] === undefined) {
-            console.warn("Unknown IPC payload ID: " + payload.id);
-            return;
-        }
-
-        const callbacks = this.pendingIpcCalls[payload.id];
-        delete this.pendingIpcCalls[payload.id];
-        if (payload.error) {
-            callbacks.reject(payload.error);
-        } else {
-            callbacks.resolve(payload.reply);
-        }
-    };
-
-    getEventIndexingManager(): BaseEventIndexManager | null {
-        return this.eventIndexManager;
-    }
-
-    setLanguage(preferredLangs: string[]) {
-        this._ipcCall('setLanguage', preferredLangs).catch(error => {
-            console.log("Failed to send setLanguage IPC to Electron");
-            console.error(error);
-        });
-    }
-
-    getSSOCallbackUrl(fragmentAfterLogin: string): URL {
-        const url = super.getSSOCallbackUrl(fragmentAfterLogin);
-        url.protocol = "element";
-        url.searchParams.set("element-desktop-ssoid", this.ssoID);
-        return url;
-    }
-
-    startSingleSignOn(mxClient: MatrixClient, loginType: "sso" | "cas", fragmentAfterLogin: string) {
-        // this will get intercepted by electron-main will-navigate
-        super.startSingleSignOn(mxClient, loginType, fragmentAfterLogin);
-        Modal.createTrackedDialog('Electron', 'SSO', InfoDialog, {
-            title: _t("Go to your browser to complete Sign In"),
-            description: <Spinner />,
-        });
-    }
-
-    _navigateForwardBack(back: boolean) {
-        this._ipcCall(back ? "navigateBack" : "navigateForward");
-    }
-
-    onKeyDown(ev: KeyboardEvent): boolean {
-        let handled = false;
-
-        switch (ev.key) {
-            case Key.SQUARE_BRACKET_LEFT:
-            case Key.SQUARE_BRACKET_RIGHT:
-                if (isMac && ev.metaKey && !ev.altKey && !ev.ctrlKey && !ev.shiftKey) {
-                    this._navigateForwardBack(ev.key === Key.SQUARE_BRACKET_LEFT);
-                    handled = true;
-                }
-                break;
-
-            case Key.ARROW_LEFT:
-            case Key.ARROW_RIGHT:
-                if (!isMac && ev.altKey && !ev.metaKey && !ev.ctrlKey && !ev.shiftKey) {
-                    this._navigateForwardBack(ev.key === Key.ARROW_LEFT);
-                    handled = true;
-                }
-                break;
-        }
-
-        return handled;
-    }
-
-    async getPickleKey(userId: string, deviceId: string): Promise<string | null> {
-        try {
-            return await this._ipcCall('getPickleKey', userId, deviceId);
-        } catch (e) {
-            // if we can't connect to the password storage, assume there's no
-            // pickle key
-            return null;
-        }
-    }
-
-    async createPickleKey(userId: string, deviceId: string): Promise<string | null> {
-        try {
-            return await this._ipcCall('createPickleKey', userId, deviceId);
-        } catch (e) {
-            // if we can't connect to the password storage, assume there's no
-            // pickle key
-            return null;
-        }
-    }
-
-    async destroyPickleKey(userId: string, deviceId: string): Promise<void> {
-        try {
-            await this._ipcCall('destroyPickleKey', userId, deviceId);
-        } catch (e) {}
-    }
-}
diff --git a/src/vector/platform/PWAPlatform.ts b/src/vector/platform/PWAPlatform.ts
deleted file mode 100644
index cca3a8e7da3..00000000000
--- a/src/vector/platform/PWAPlatform.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-/*
-Copyright 2020 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import WebPlatform from "./WebPlatform";
-
-export default class PWAPlatform extends WebPlatform {
-    setNotificationCount(count: number) {
-        if (!navigator.setAppBadge) return super.setNotificationCount(count);
-        if (this.notificationCount === count) return;
-        this.notificationCount = count;
-
-        navigator.setAppBadge(count).catch(e => {
-            console.error("Failed to update PWA app badge", e);
-        });
-    }
-}
diff --git a/src/vector/platform/VectorBasePlatform.ts b/src/vector/platform/VectorBasePlatform.ts
deleted file mode 100644
index 8345c3f9970..00000000000
--- a/src/vector/platform/VectorBasePlatform.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
-Copyright 2016 Aviral Dasgupta
-Copyright 2016 OpenMarket Ltd
-Copyright 2018, 2020 New Vector Ltd
-Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import BasePlatform from 'matrix-react-sdk/src/BasePlatform';
-import {_t} from 'matrix-react-sdk/src/languageHandler';
-import {getVectorConfig} from "../getconfig";
-
-import Favicon from "../../favicon";
-
-/**
- * Vector-specific extensions to the BasePlatform template
- */
-export default abstract class VectorBasePlatform extends BasePlatform {
-    protected _favicon: Favicon;
-
-    async getConfig(): Promise<{}> {
-        return getVectorConfig();
-    }
-
-    getHumanReadableName(): string {
-        return 'Vector Base Platform'; // no translation required: only used for analytics
-    }
-
-    /**
-     * Delay creating the `Favicon` instance until first use (on the first notification) as
-     * it uses canvas, which can trigger a permission prompt in Firefox's resist fingerprinting mode.
-     * See https://github.com/vector-im/riot-web/issues/9605.
-     */
-    get favicon() {
-        if (this._favicon) {
-            return this._favicon;
-        }
-        return this._favicon = new Favicon();
-    }
-
-    _updateFavicon() {
-        let bgColor = "#d00";
-        let notif: string | number = this.notificationCount;
-
-        if (this.errorDidOccur) {
-            notif = notif || "×";
-            bgColor = "#f00";
-        }
-
-        this.favicon.badge(notif, { bgColor });
-    }
-
-    setNotificationCount(count: number) {
-        if (this.notificationCount === count) return;
-        super.setNotificationCount(count);
-        this._updateFavicon();
-    }
-
-    setErrorStatus(errorDidOccur: boolean) {
-        if (this.errorDidOccur === errorDidOccur) return;
-        super.setErrorStatus(errorDidOccur);
-        this._updateFavicon();
-    }
-
-    /**
-     * Begin update polling, if applicable
-     */
-    startUpdater() {
-    }
-
-    /**
-     * Get a sensible default display name for the
-     * device Vector is running on
-     */
-    getDefaultDeviceDisplayName(): string {
-        return _t("Unknown device");
-    }
-}
diff --git a/src/vector/platform/WebPlatform.ts b/src/vector/platform/WebPlatform.ts
deleted file mode 100644
index 2e739a26601..00000000000
--- a/src/vector/platform/WebPlatform.ts
+++ /dev/null
@@ -1,214 +0,0 @@
-/*
-Copyright 2016 Aviral Dasgupta
-Copyright 2016 OpenMarket Ltd
-Copyright 2017-2020 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import VectorBasePlatform from './VectorBasePlatform';
-import {UpdateCheckStatus} from "matrix-react-sdk/src/BasePlatform";
-import request from 'browser-request';
-import dis from 'matrix-react-sdk/src/dispatcher/dispatcher';
-import {_t} from 'matrix-react-sdk/src/languageHandler';
-import {Room} from "matrix-js-sdk/src/models/room";
-import {hideToast as hideUpdateToast, showToast as showUpdateToast} from "matrix-react-sdk/src/toasts/UpdateToast";
-import {Action} from "matrix-react-sdk/src/dispatcher/actions";
-import { CheckUpdatesPayload } from 'matrix-react-sdk/src/dispatcher/payloads/CheckUpdatesPayload';
-
-import url from 'url';
-import UAParser from 'ua-parser-js';
-
-const POKE_RATE_MS = 10 * 60 * 1000; // 10 min
-
-export default class WebPlatform extends VectorBasePlatform {
-    private runningVersion: string = null;
-
-    getHumanReadableName(): string {
-        return 'Web Platform'; // no translation required: only used for analytics
-    }
-
-    /**
-     * Returns true if the platform supports displaying
-     * notifications, otherwise false.
-     */
-    supportsNotifications(): boolean {
-        return Boolean(window.Notification);
-    }
-
-    /**
-     * Returns true if the application currently has permission
-     * to display notifications. Otherwise false.
-     */
-    maySendNotifications(): boolean {
-        return window.Notification.permission === 'granted';
-    }
-
-    /**
-     * Requests permission to send notifications. Returns
-     * a promise that is resolved when the user has responded
-     * to the request. The promise has a single string argument
-     * that is 'granted' if the user allowed the request or
-     * 'denied' otherwise.
-     */
-    requestNotificationPermission(): Promise<string> {
-        // annoyingly, the latest spec says this returns a
-        // promise, but this is only supported in Chrome 46
-        // and Firefox 47, so adapt the callback API.
-        return new Promise(function(resolve, reject) {
-            window.Notification.requestPermission((result) => {
-                resolve(result);
-            });
-        });
-    }
-
-    displayNotification(title: string, msg: string, avatarUrl: string, room: Room) {
-        const notifBody = {
-            body: msg,
-            tag: "vector",
-            silent: true, // we play our own sounds
-        };
-        if (avatarUrl) notifBody['icon'] = avatarUrl;
-        const notification = new window.Notification(title, notifBody);
-
-        notification.onclick = function() {
-            dis.dispatch({
-                action: 'view_room',
-                room_id: room.roomId,
-            });
-            window.focus();
-            notification.close();
-        };
-    }
-
-    _getVersion(): Promise<string> {
-        // We add a cachebuster to the request to make sure that we know about
-        // the most recent version on the origin server. That might not
-        // actually be the version we'd get on a reload (particularly in the
-        // presence of intermediate caching proxies), but still: we're trying
-        // to tell the user that there is a new version.
-
-        return new Promise(function(resolve, reject) {
-            request(
-                {
-                    method: "GET",
-                    url: "version",
-                    qs: { cachebuster: Date.now() },
-                },
-                (err, response, body) => {
-                    if (err || response.status < 200 || response.status >= 300) {
-                        if (err === null) err = { status: response.status };
-                        reject(err);
-                        return;
-                    }
-
-                    const ver = body.trim();
-                    resolve(ver);
-                },
-            );
-        });
-    }
-
-    getAppVersion(): Promise<string> {
-        if (this.runningVersion !== null) {
-            return Promise.resolve(this.runningVersion);
-        }
-        return this._getVersion();
-    }
-
-    startUpdater() {
-        this.pollForUpdate();
-        setInterval(this.pollForUpdate, POKE_RATE_MS);
-    }
-
-    async canSelfUpdate(): Promise<boolean> {
-        return true;
-    }
-
-    pollForUpdate = () => {
-        return this._getVersion().then((ver) => {
-            if (this.runningVersion === null) {
-                this.runningVersion = ver;
-            } else if (this.runningVersion !== ver) {
-                if (this.shouldShowUpdate(ver)) {
-                    showUpdateToast(this.runningVersion, ver);
-                }
-                return { status: UpdateCheckStatus.Ready };
-            } else {
-                hideUpdateToast();
-            }
-
-            return { status: UpdateCheckStatus.NotAvailable };
-        }, (err) => {
-            console.error("Failed to poll for update", err);
-            return {
-                status: UpdateCheckStatus.Error,
-                detail: err.message || err.status ? err.status.toString() : 'Unknown Error',
-            };
-        });
-    };
-
-    startUpdateCheck() {
-        super.startUpdateCheck();
-        this.pollForUpdate().then((updateState) => {
-            dis.dispatch<CheckUpdatesPayload>({
-                action: Action.CheckUpdates,
-                ...updateState,
-            });
-        });
-    }
-
-    installUpdate() {
-        window.location.reload(true);
-    }
-
-    getDefaultDeviceDisplayName(): string {
-        // strip query-string and fragment from uri
-        const u = url.parse(window.location.href);
-        u.protocol = "";
-        u.search = "";
-        u.hash = "";
-        // Remove trailing slash if present
-        u.pathname = u.pathname.replace(/\/$/, "");
-
-        let appName = u.format();
-        // Remove leading slashes if present
-        appName = appName.replace(/^\/\//, "");
-        // `appName` is now in the format `develop.element.io`.
-
-        const ua = new UAParser();
-        const browserName = ua.getBrowser().name || "unknown browser";
-        let osName = ua.getOS().name || "unknown OS";
-        // Stylise the value from the parser to match Apple's current branding.
-        if (osName === "Mac OS") osName = "macOS";
-        return _t('%(appName)s (%(browserName)s, %(osName)s)', {
-            appName,
-            browserName,
-            osName,
-        });
-    }
-
-    screenCaptureErrorString(): string | null {
-        // it won't work at all if you're not on HTTPS so whine whine whine
-        if (window.location.protocol !== "https:") {
-            return _t("You need to be using HTTPS to place a screen-sharing call.");
-        }
-        return null;
-    }
-
-    reload() {
-        // forceReload=false since we don't really need new HTML/JS files
-        // we just need to restart the JS runtime.
-        window.location.reload(false);
-    }
-}
diff --git a/src/vector/rageshakesetup.ts b/src/vector/rageshakesetup.ts
deleted file mode 100644
index e495557429e..00000000000
--- a/src/vector/rageshakesetup.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
-Copyright 2018 New Vector Ltd
-Copyright 2020 The Matrix.org Foundation C.I.C.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-/*
- * Separate file that sets up rageshake logging when imported.
- * This is necessary so that rageshake logging is set up before
- * anything else. Webpack puts all import statements at the top
- * of the file before any code, so imports will always be
- * evaluated first. Other imports can cause other code to be
- * evaluated (eg. the loglevel library in js-sdk, which if set
- * up before rageshake causes some js-sdk logging to be missing
- * from the rageshake.)
- */
-
-import * as rageshake from "matrix-react-sdk/src/rageshake/rageshake";
-import SdkConfig from "matrix-react-sdk/src/SdkConfig";
-import sendBugReport from "matrix-react-sdk/src/rageshake/submit-rageshake";
-
-export function initRageshake() {
-    const prom = rageshake.init();
-    prom.then(() => {
-        console.log("Initialised rageshake.");
-        console.log("To fix line numbers in Chrome: " +
-            "Meatball menu → Settings → Blackboxing → Add /rageshake\\.js$");
-
-        window.addEventListener('beforeunload', (e) => {
-            console.log('riot-web closing');
-            // try to flush the logs to indexeddb
-            rageshake.flush();
-        });
-
-        rageshake.cleanup();
-    }, (err) => {
-        console.error("Failed to initialise rageshake: " + err);
-    });
-    return prom;
-}
-
-window.mxSendRageshake = function(text: string, withLogs?: boolean) {
-    if (withLogs === undefined) withLogs = true;
-    if (!text || !text.trim()) {
-        console.error("Cannot send a rageshake without a message - please tell us what went wrong");
-        return;
-    }
-    sendBugReport(SdkConfig.get().bug_report_endpoint_url, {
-        userText: text,
-        sendLogs: withLogs,
-        progressCallback: console.log.bind(console),
-    }).then(() => {
-        console.log("Bug report sent!");
-    }, (err) => {
-        console.error(err);
-    });
-};
diff --git a/src/vector/static/incompatible-browser.html b/src/vector/static/incompatible-browser.html
deleted file mode 100644
index bc839d6b384..00000000000
--- a/src/vector/static/incompatible-browser.html
+++ /dev/null
@@ -1,475 +0,0 @@
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<head>
-    <style type="text/css">
-
-        /* By default, hide the custom IS stuff - enabled in JS */
-        #custom_is, #is_url {
-            display: none;
-        }
-
-        html {
-            height: 100%;
-        }
-
-        body {
-            background: #f9fafb;
-            max-width: 680px;
-            margin: auto;
-            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-        }
-
-        .mx_Button {
-            border: 0;
-            border-radius: 4px;
-            font-size: 18px;
-            margin-left: 4px;
-            margin-right: 4px;
-            min-width: 80px;
-            background-color: #03B381;
-            color: #fff;
-            cursor: pointer;
-            padding: 12px 22px;
-            word-break: break-word;
-            text-decoration: none;
-        }
-
-        .mx_Center {
-            justify-content: center;
-        }
-
-        .mx_ClearDecoration {
-            text-decoration: none !important;
-        }
-
-        .mx_HomePage_header {
-            color: #2E2F32;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-
-        .mx_HomePage h3 {
-            margin-top: 30px;
-        }
-
-        .mx_HomePage_header {
-            align-items: center;
-        }
-
-        .mx_HomePage_col {
-            display: flex;
-            flex-direction: row;
-        }
-
-        .mx_HomePage_row {
-            flex: 1 1 0;
-            display: flex;
-            flex-direction: row;
-            flex-wrap: wrap;
-        }
-
-        .mx_HomePage_logo {
-            margin-right: 20px;
-            margin-top: -10px;
-        }
-
-        .mx_HomePage_container {
-            display: block ! important;
-            margin: 10px 20px;
-        }
-
-        .mx_HomePage_container h1,
-        .mx_HomePage_container h2 {
-            font-weight: 600;
-            margin-bottom: 32px;
-        }
-
-        .mx_Spacer {
-            margin-top: 24px;
-        }
-
-        .mx_FooterLink {
-            color: #0dbd8b;
-            text-decoration: none;
-        }
-
-        .mx_Subtext {
-            font-size: 14px;
-        }
-
-        .mx_SubtextTop {
-            margin-top: 32px;
-        }
-
-        @media screen and (max-width: 1120px) {
-            body {
-                font-size: 20px;
-            }
-
-            h1 {
-                font-size: 20px;
-            }
-
-            h4 {
-                font-size: 16px;
-            }
-
-            .mx_Button {
-                font-size: 18px;
-                padding: 14px 28px;
-            }
-
-            .mx_HomePage_header {
-                justify-content: left;
-            }
-
-            .mx_Spacer {
-                margin-top: 24px;
-            }
-        }
-
-    </style>
-
-    <meta name="apple-itunes-app" content="app-id=id1083446067">
-</head>
-
-<body>
-
-<div class="mx_HomePage_container">
-    <div class="mx_HomePage_header">
-          <span class="mx_HomePage_logo">
-            <svg width="34" height="42" viewBox="0 0 34 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M13.08 8.68C13.08 7.75216 13.8321 7 14.76 7C20.9456 7 25.96 12.0144 25.96 18.2C25.96 19.1278 25.2078 19.88 24.28 19.88C23.3521 19.88 22.6 19.1278 22.6 18.2C22.6 13.8701 19.0899 10.36 14.76 10.36C13.8321 10.36 13.08 9.60784 13.08 8.68Z" fill="#0DBD8B"/>
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M20.92 33.32C20.92 34.2478 20.1679 35 19.24 35C13.0544 35 8.04001 29.9856 8.04001 23.8C8.04001 22.8722 8.79217 22.12 9.72001 22.12C10.6478 22.12 11.4 22.8722 11.4 23.8C11.4 28.1299 14.9101 31.64 19.24 31.64C20.1679 31.64 20.92 32.3922 20.92 33.32Z" fill="#0DBD8B"/>
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.68 24.9199C3.75216 24.9199 3 24.1678 3 23.2399C3 17.0543 8.01441 12.0399 14.2 12.0399C15.1278 12.0399 15.88 12.7921 15.88 13.7199C15.88 14.6478 15.1278 15.3999 14.2 15.3999C9.87009 15.3999 6.36 18.91 6.36 23.2399C6.36 24.1678 5.60784 24.9199 4.68 24.9199Z" fill="#0DBD8B"/>
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M29.32 17.0801C30.2478 17.0801 31 17.8322 31 18.7601C31 24.9457 25.9856 29.9601 19.8 29.9601C18.8722 29.9601 18.12 29.2079 18.12 28.2801C18.12 27.3522 18.8722 26.6001 19.8 26.6001C24.1299 26.6001 27.64 23.09 27.64 18.7601C27.64 17.8322 28.3922 17.0801 29.32 17.0801Z" fill="#0DBD8B"/>
-            </svg>   
-          </span>
-        <h1>Unsupported browser</h1>
-    </div>
-    <div class="mx_HomePage_col">
-        <div class="mx_HomePage_row">
-            <div>
-                <h2 id="step1_heading">Your browser can't run Element</h2>
-                <p>Element uses many advanced browser features, some of which are not available or experimental in your current browser.</p>
-                <p>Please install <a href="https://www.google.com/chrome">Chrome</a>, <a href="https://firefox.com">Firefox</a>,
-                    or <a href="https://apple.com/safari">Safari</a> for the best experience.</p>
-            </div>
-        </div>
-    </div>
-    <div class="mx_HomePage_col">
-        <div class="mx_HomePage_row">
-            <div>
-                <h2 id="step2_heading">Use Element on mobile</h2>
-                <p><strong>iOS</strong> (iPhone or iPad)</p>
-                <a href="https://apps.apple.com/app/vector/id1083446067" target="_blank"
-                   class="mx_ClearDecoration">
-                    <svg width="144px" height="48px" viewBox="0 0 120 40" version="1.1"
-                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-                        <desc>Download on the App Store.</desc>
-                        <defs></defs>
-                        <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-                            <g id="App-Store-badge" fill-rule="nonzero">
-                                <g id="Group">
-                                    <g id="Shape">
-                                        <path
-                                            d="M110.13477,0 L9.53468,0 C9.16798,0 8.80568,0 8.43995,0.002 C8.1338,0.004 7.83009,0.00981 7.521,0.0147 C6.84951368,0.0226018036 6.17960647,0.0816762599 5.5171,0.19141 C4.85552408,0.303532628 4.21467252,0.51491574 3.61622,0.81841 C3.01849941,1.12447171 2.47234502,1.52216753 1.99757,1.99707 C1.5203025,2.47063699 1.12246318,3.01801638 0.81935,3.61816 C0.515400242,4.21710912 0.304640498,4.8589383 0.19435,5.52148 C0.0830109412,6.18318491 0.0230983806,6.85252054 0.01515,7.52348 C0.00587,7.83008 0.00489,8.1377 0,8.44434 L0,31.5586 C0.00489,31.8691 0.00587,32.1699 0.01515,32.4805 C0.023100818,33.1514262 0.0830133796,33.8207284 0.19435,34.4824 C0.304335953,35.145329 0.515108158,35.7875266 0.81935,36.3867 C1.12232555,36.9849029 1.52022081,37.5300662 1.99757,38.001 C2.47054482,38.478014 3.01705224,38.8759804 3.61622,39.1797 C4.21466797,39.4840065 4.85545044,39.6966478 5.5171,39.8105 C6.1797191,39.9193547 6.84955741,39.9784532 7.521,39.9873 C7.83009,39.9941 8.1338,39.998 8.43995,39.998 C8.80567,40 9.168,40 9.53468,40 L110.13477,40 C110.49417,40 110.85937,40 111.21877,39.998 C111.52347,39.998 111.83597,39.9941 112.14067,39.9873 C112.810843,39.9789237 113.47942,39.9198215 114.14067,39.8105 C114.804454,39.6958464 115.447534,39.4832614 116.04887,39.1797 C116.647497,38.8758046 117.1935,38.4778491 117.66607,38.001 C118.142188,37.5282218 118.540932,36.9834573 118.84767,36.3867 C119.149629,35.7870908 119.358395,35.1449445 119.46677,34.4824 C119.578285,33.8206376 119.640323,33.1514843 119.65237,32.4805 C119.65627,32.1699 119.65627,31.8691 119.65627,31.5586 C119.66407,31.1953 119.66407,30.834 119.66407,30.4648 L119.66407,9.53613 C119.66407,9.16992 119.66407,8.80664 119.65627,8.44434 C119.65627,8.1377 119.65627,7.83008 119.65237,7.52344 C119.640326,6.85242244 119.578287,6.18323567 119.46677,5.52144 C119.358093,4.8592816 119.149339,4.21750328 118.84767,3.61812 C118.230394,2.41519608 117.251573,1.4360254 116.04887,0.81832 C115.447532,0.51556738 114.804383,0.30424041 114.14067,0.19132 C113.479535,0.0811027831 112.810888,0.0220077649 112.14067,0.01456 C111.83597,0.00968 111.52347,0.00382 111.21877,0.00187 C110.85937,-0.00013 110.49417,-0.00013 110.13477,-0.00013 L110.13477,0 Z"
-                                            fill="#A6A6A6"></path>
-                                        <path
-                                            d="M8.44483,39.125 C8.14015,39.125 7.84283,39.1211 7.54054,39.1143 C6.91432177,39.1061407 6.28956717,39.051625 5.6714,38.9512 C5.0949903,38.8519282 4.53660424,38.6672645 4.01466,38.4033 C3.4975017,38.1415227 3.02581177,37.7982729 2.61766,37.3867 C2.20360033,36.9799753 1.85887673,36.508244 1.59715,35.9902 C1.33253926,35.4687891 1.14941288,34.9098996 1.05415,34.333 C0.951274358,33.7131149 0.895614374,33.0863132 0.88765,32.458 C0.88131,32.2471 0.87301,31.5449 0.87301,31.5449 L0.87301,8.44434 C0.87301,8.44434 0.88185,7.75293 0.8877,7.5498 C0.895325827,6.92248205 0.950662148,6.2966531 1.05323,5.67773 C1.14866872,5.09925008 1.33193687,4.53874887 1.59669,4.01563 C1.85745482,3.49794385 2.20026458,3.02586029 2.61183,2.61768 C3.02293283,2.20562142 3.49613161,1.86060412 4.01417,1.59521 C4.53491467,1.3320936 5.09224545,1.14873255 5.66749,1.05127 C6.28768733,0.949836139 6.91461084,0.894996084 7.543,0.88721 L8.44532,0.875 L111.21387,0.875 L112.12697,0.8877 C112.749643,0.895099198 113.370872,0.949450006 113.98537,1.05029 C114.566438,1.14897507 115.129577,1.33361553 115.65627,1.59814 C116.694088,2.13298605 117.538542,2.97916295 118.07127,4.01807 C118.331797,4.53757756 118.512239,5.09350676 118.60647,5.66699 C118.710259,6.29099138 118.768347,6.92173834 118.78027,7.5542 C118.78317,7.8374 118.78317,8.1416 118.78317,8.44434 C118.79107,8.81934 118.79107,9.17627 118.79107,9.53613 L118.79107,30.4648 C118.79107,30.8281 118.79107,31.1826 118.78317,31.54 C118.78317,31.8652 118.78317,32.1631 118.77927,32.4697 C118.767605,33.0908757 118.710486,33.7103642 118.60837,34.3232 C118.51506,34.9042612 118.33293,35.4675131 118.06837,35.9932 C117.804793,36.5056211 117.462049,36.9732662 117.05277,37.3789 C116.644251,37.7926846 116.171729,38.1379427 115.65337,38.4014 C115.128136,38.6673937 114.565826,38.8527403 113.98537,38.9512 C113.36725,39.052161 112.742435,39.1066802 112.11617,39.1143 C111.82327,39.1211 111.51657,39.125 111.21877,39.125 L110.13477,39.127 L8.44483,39.125 Z"
-                                            fill="#000000"></path>
-                                    </g>
-                                    <g id="_Group_" transform="translate(9.000000, 8.000000)" fill="#FFFFFF">
-                                        <g id="_Group_2">
-                                            <g id="_Group_3">
-                                                <path
-                                                    d="M15.76888,12.30068 C15.790737,10.6042091 16.6801229,9.03718611 18.12544,8.14862 C17.2095126,6.84051277 15.730392,6.04087835 14.13428,5.99094 C12.45504,5.81468 10.82709,6.99577 9.97138,6.99577 C9.09911,6.99577 7.78161,6.00844 6.36288,6.03763 C4.49620126,6.09793842 2.79813717,7.13352548 1.88996,8.7655 C-0.04404,12.11392 1.39855,17.03497 3.25116,19.74158 C4.17806,21.06693 5.26134,22.54738 6.67879,22.49488 C8.06585,22.43735 8.58389,21.6104 10.25819,21.6104 C11.91695,21.6104 12.40298,22.49488 13.84919,22.4615 C15.33757,22.43734 16.27532,21.13026 17.1697,19.79236 C17.8356761,18.8479997 18.3481437,17.8042759 18.68812,16.69985 C16.9203766,15.9521813 15.7709432,14.2200343 15.76888,12.30068 Z"
-                                                    id="_Path_"></path>
-                                                <path
-                                                    d="M13.03725,4.21089 C13.8487766,3.23668191 14.248585,1.98450245 14.15177,0.72027 C12.9119378,0.850490487 11.7666802,1.44304968 10.94419,2.37988 C10.1320187,3.30418903 9.72057463,4.51343268 9.80048,5.74127 C11.0569368,5.75420677 12.2499161,5.19015322 13.03725,4.21089 Z"
-                                                    id="_Path_2"></path>
-                                            </g>
-                                        </g>
-                                        <g id="Group" transform="translate(25.000000, 9.000000)">
-                                            <path
-                                                d="M8.30227,10.13965 L3.56887,10.13965 L2.43215,13.4961 L0.42727,13.4961 L4.91067,1.0781 L6.99367,1.0781 L11.47707,13.4961 L9.438,13.4961 L8.30227,10.13965 Z M4.0591,8.59082 L7.8111,8.59082 L5.96149,3.14355 L5.90973,3.14355 L4.0591,8.59082 Z"
-                                                id="Shape"></path>
-                                            <path
-                                                d="M21.15969,8.96973 C21.15969,11.78321 19.65383,13.59082 17.38137,13.59082 C16.2067553,13.6522646 15.1003324,13.0370307 14.53274,12.00682 L14.48974,12.00682 L14.48974,16.4912 L12.63134,16.4912 L12.63134,4.44238 L14.4302,4.44238 L14.4302,5.94824 L14.46438,5.94824 C15.0571883,4.92448792 16.1648043,4.30951884 17.34719,4.34765 C19.645,4.34766 21.15969,6.16406 21.15969,8.96973 Z M19.24953,8.96973 C19.24953,7.13673 18.30226,5.93164 16.85695,5.93164 C15.43703,5.93164 14.48195,7.16211 14.48195,8.96973 C14.48195,10.79395 15.43703,12.01563 16.85695,12.01563 C18.30227,12.01563 19.24953,10.81934 19.24953,8.96973 Z"
-                                                id="Shape"></path>
-                                            <path
-                                                d="M31.12453,8.96973 C31.12453,11.78321 29.61867,13.59082 27.34621,13.59082 C26.1715953,13.6522646 25.0651724,13.0370307 24.49758,12.00682 L24.45458,12.00682 L24.45458,16.4912 L22.59618,16.4912 L22.59618,4.44238 L24.395,4.44238 L24.395,5.94824 L24.42918,5.94824 C25.0219926,4.92448854 26.1296128,4.30952307 27.312,4.34766 C29.60988,4.34766 31.12453,6.16406 31.12453,8.96973 Z M29.21437,8.96973 C29.21437,7.13673 28.2671,5.93164 26.82179,5.93164 C25.40187,5.93164 24.44679,7.16211 24.44679,8.96973 C24.44679,10.79395 25.40187,12.01563 26.82179,12.01563 C28.26711,12.01563 29.21438,10.81934 29.21438,8.96973 L29.21437,8.96973 Z"
-                                                id="Shape"></path>
-                                            <path
-                                                d="M37.71047,10.03613 C37.84817,11.26758 39.04447,12.07613 40.67922,12.07613 C42.24563,12.07613 43.37258,11.26754 43.37258,10.15718 C43.37258,9.19331 42.69289,8.61618 41.08352,8.22066 L39.47415,7.83296 C37.19388,7.28218 36.13528,6.21577 36.13528,4.4853 C36.13528,2.34272 38.00247,0.87104 40.65383,0.87104 C43.27783,0.87104 45.07668,2.34272 45.13723,4.4853 L43.26123,4.4853 C43.14893,3.24604 42.12451,2.498 40.62744,2.498 C39.13037,2.498 38.10596,3.25484 38.10596,4.3564 C38.10596,5.23433 38.76026,5.75093 40.36084,6.1464 L41.729,6.48234 C44.27685,7.08488 45.33545,8.10834 45.33545,9.92472 C45.33545,12.24796 43.48486,13.70304 40.5415,13.70304 C37.78759,13.70304 35.92822,12.28214 35.8081,10.03604 L37.71047,10.03613 Z"
-                                                id="Shape"></path>
-                                            <path
-                                                d="M49.34621,2.2998 L49.34621,4.44238 L51.06789,4.44238 L51.06789,5.91406 L49.34621,5.91406 L49.34621,10.90527 C49.34621,11.68066 49.69094,12.04199 50.44777,12.04199 C50.6521614,12.0384259 50.8562221,12.0240726 51.0591,11.99899 L51.0591,13.46188 C50.7188283,13.5254596 50.3729708,13.5542545 50.02687,13.54782 C48.19387,13.54782 47.47902,12.85934 47.47902,11.10348 L47.47902,5.91406 L46.16262,5.91406 L46.16262,4.44238 L47.479,4.44238 L47.479,2.2998 L49.34621,2.2998 Z"
-                                                id="Shape"></path>
-                                            <path
-                                                d="M52.065,8.96973 C52.065,6.1211 53.74273,4.33106 56.35895,4.33106 C58.98395,4.33106 60.65387,6.12106 60.65387,8.96973 C60.65387,11.82618 58.99274,13.6084 56.35895,13.6084 C53.72609,13.6084 52.065,11.82617 52.065,8.96973 Z M58.76031,8.96973 C58.76031,7.01563 57.8648,5.86231 56.35894,5.86231 C54.85308,5.86231 53.95855,7.02442 53.95855,8.96973 C53.95855,10.93164 54.85308,12.07618 56.35894,12.07618 C57.8648,12.07618 58.76027,10.93164 58.76027,8.96973 L58.76031,8.96973 Z"
-                                                id="Shape"></path>
-                                            <path
-                                                d="M62.18606,4.44238 L63.95852,4.44238 L63.95852,5.98338 L64.00152,5.98338 C64.248696,4.99136841 65.1576526,4.30863156 66.17925,4.34764 C66.393414,4.34689223 66.6069872,4.37015075 66.81597,4.41698 L66.81597,6.15526 C66.545601,6.07264332 66.2635596,6.03471129 65.98097,6.04296 C65.4346182,6.02079544 64.9058709,6.23853473 64.5335615,6.63900597 C64.161252,7.03947722 63.9825766,7.58267074 64.04445,8.12596 L64.04445,13.49608 L62.18605,13.49608 L62.18606,4.44238 Z"
-                                                id="Shape"></path>
-                                            <path
-                                                d="M75.3843,10.83691 C75.1343,12.48046 73.53371,13.60839 71.48586,13.60839 C68.85207,13.60839 67.21731,11.84374 67.21731,9.01269 C67.21731,6.17285 68.86086,4.33105 71.40774,4.33105 C73.91262,4.33105 75.48782,6.05175 75.48782,8.79687 L75.48782,9.43359 L69.09329,9.43359 L69.09329,9.54589 C69.0335874,10.2199216 69.2663316,10.8871194 69.7323199,11.3777699 C70.1983083,11.8684204 70.8526275,12.1352333 71.52884,12.11034 C72.4306823,12.1948396 73.2809431,11.6769777 73.61966,10.8369 L75.3843,10.83691 Z M69.1020624,8.13477 L73.62844,8.13476 C73.6621655,7.52909749 73.4416965,6.93682308 73.0201501,6.50063155 C72.5986036,6.06444001 72.0142008,5.82388041 71.40774,5.83691 C70.7964818,5.83326223 70.2090907,6.07393463 69.7761255,6.50543324 C69.3431603,6.93693186 69.1004963,7.52350292 69.1020624,8.13477 Z"
-                                                id="Shape"></path>
-                                        </g>
-                                    </g>
-                                </g>
-                                <g id="_Group_4" transform="translate(35.000000, 8.000000)" fill="#FFFFFF">
-                                    <g id="Group">
-                                        <path
-                                            d="M2.82619,0.731 C3.61513656,0.674384181 4.38789226,0.974547428 4.93176129,1.54887182 C5.47563032,2.12319621 5.73328587,2.91114479 5.63381,3.69584 C5.63381,5.60209 4.60354,6.69784 2.82619,6.69784 L0.67092,6.69784 L0.67092,0.731 L2.82619,0.731 Z M1.59767,5.854 L2.72267,5.854 C3.28649194,5.88770201 3.83548652,5.66555901 4.21721851,5.24925179 C4.5989505,4.83294457 4.77277961,4.26679442 4.69044,3.708 C4.76678901,3.15152453 4.59045658,2.59004622 4.20967108,2.17713398 C3.82888557,1.76422175 3.28349567,1.5430863 2.72267,1.57421 L1.59767,1.57421 L1.59767,5.854 Z"
-                                            id="Shape"></path>
-                                        <path
-                                            d="M6.68068,4.44434 C6.60346713,3.63722505 6.99048366,2.85611193 7.67941593,2.42859737 C8.36834819,2.0010828 9.24008181,2.0010828 9.92901407,2.42859737 C10.6179463,2.85611193 11.0049629,3.63722505 10.92775,4.44434 C11.0064319,5.25232226 10.6197687,6.03495038 9.93022554,6.4633853 C9.24068243,6.89182022 8.36774757,6.89182022 7.67820446,6.4633853 C6.98866134,6.03495038 6.60199806,5.25232226 6.68068,4.44434 Z M10.01368,4.44434 C10.01368,3.46827 9.5752,2.89747 8.80568,2.89747 C8.03322,2.89747 7.59868,3.46827 7.59868,4.44435 C7.59868,5.42824 8.03325,5.99464 8.80568,5.99464 C9.57522,5.99463 10.01369,5.42432 10.01369,4.44434 L10.01368,4.44434 Z"
-                                            id="Shape"></path>
-                                        <polygon id="Shape"
-                                                 points="16.57326 6.69775 15.65139 6.69775 14.72073 3.38134 14.65042 3.38134 13.72366 6.69775 12.81057 6.69775 11.56936 2.19482 12.47073 2.19482 13.27737 5.63082 13.34378 5.63082 14.26956 2.19482 15.1221 2.19482 16.04788 5.63082 16.11819 5.63082 16.92092 2.19482 17.80959 2.19482"></polygon>
-                                        <path
-                                            d="M18.85354,2.19482 L19.709,2.19482 L19.709,2.91015 L19.77541,2.91015 C20.0063449,2.38347794 20.5459729,2.06130747 21.11916,2.1079 C21.5629768,2.07453177 21.9978859,2.2447899 22.3010908,2.57060207 C22.6042957,2.89641424 22.7428931,3.34242376 22.67775,3.7827 L22.67775,6.6977 L21.78908,6.6977 L21.78908,4.00586 C21.78908,3.28223 21.47463,2.92236 20.8174,2.92236 C20.5163658,2.90833912 20.2242202,3.02648257 20.0175546,3.24581678 C19.810889,3.465151 19.710315,3.76380101 19.7422,4.06347 L19.7422,6.69775 L18.85353,6.69775 L18.85354,2.19482 Z"
-                                            id="Shape"></path>
-                                        <polygon id="Shape"
-                                                 points="24.09377 0.437 24.98244 0.437 24.98244 6.69774 24.09377 6.69774"></polygon>
-                                        <path
-                                            d="M26.21779,4.44434 C26.1406364,3.63717225 26.527714,2.85603936 27.2166974,2.4285182 C27.9056808,2.00099704 28.7774592,2.00099704 29.4664426,2.4285182 C30.155426,2.85603936 30.5425036,3.63717225 30.46535,4.44434 C30.543932,5.25235119 30.1571979,6.03495719 29.4676205,6.46337324 C28.7780432,6.89178929 27.9050968,6.89178929 27.2155195,6.46337324 C26.5259421,6.03495719 26.139208,5.25235119 26.21779,4.44434 Z M29.55079,4.44434 C29.55079,3.46827 29.11231,2.89747 28.34279,2.89747 C27.57033,2.89747 27.13579,3.46827 27.13579,4.44435 C27.13579,5.42824 27.57036,5.99464 28.34279,5.99464 C29.11232,5.99463 29.5508,5.42432 29.5508,4.44434 L29.55079,4.44434 Z"
-                                            id="Shape"></path>
-                                        <path
-                                            d="M31.4009,5.42432 C31.4009,4.61377 32.00442,4.14649 33.0757,4.08008 L34.29543,4.00977 L34.29543,3.6211 C34.29543,3.14551 33.98098,2.87696 33.37356,2.87696 C32.87747,2.87696 32.53372,3.05909 32.43508,3.37745 L31.57473,3.37745 C31.66555,2.60401 32.39309,2.10792 33.41457,2.10792 C34.54348,2.10792 35.1802,2.66992 35.1802,3.6211 L35.1802,6.69776 L34.32473,6.69776 L34.32473,6.06495 L34.25442,6.06495 C33.9638686,6.52707633 33.4471736,6.79716323 32.90188,6.77195 C32.5196161,6.81171181 32.1383711,6.68791066 31.8523958,6.43115244 C31.5664205,6.17439423 31.4024061,5.80864331 31.4009,5.42432 Z M34.29543,5.03955 L34.29543,4.66309 L33.19582,4.7334 C32.5757,4.7749 32.29445,4.98584 32.29445,5.38281 C32.29445,5.78808 32.64601,6.02392 33.12945,6.02392 C33.4156361,6.05288986 33.7013264,5.96447505 33.9211204,5.77891559 C34.1409144,5.59335613 34.2759916,5.32654106 34.29543,5.03955 Z"
-                                            id="Shape"></path>
-                                        <path
-                                            d="M36.34816,4.44434 C36.34816,3.02149 37.07961,2.12012 38.2173,2.12012 C38.7917768,2.09365013 39.3298275,2.40147287 39.59816,2.91012 L39.66457,2.91012 L39.66457,0.437 L40.55324,0.437 L40.55324,6.69774 L39.70168,6.69774 L39.70168,5.98631 L39.63137,5.98631 C39.3427542,6.49073698 38.7980745,6.79335648 38.21731,6.77195 C37.0718,6.772 36.34816,5.87061 36.34816,4.44434 Z M37.26616,4.44434 C37.26616,5.39942 37.71636,5.97413 38.46929,5.97413 C39.21829,5.97413 39.6812,5.39113 39.6812,4.44825 C39.6812,3.50977 39.21343,2.91846 38.46929,2.91846 C37.72121,2.91846 37.26613,3.49707 37.26613,4.44434 L37.26616,4.44434 Z"
-                                            id="Shape"></path>
-                                        <path
-                                            d="M44.23,4.44434 C44.1527871,3.63722505 44.5398037,2.85611193 45.2287359,2.42859737 C45.9176682,2.0010828 46.7894018,2.0010828 47.4783341,2.42859737 C48.1672663,2.85611193 48.5542829,3.63722505 48.47707,4.44434 C48.5557519,5.25232226 48.1690887,6.03495038 47.4795455,6.4633853 C46.7900024,6.89182022 45.9170676,6.89182022 45.2275245,6.4633853 C44.5379813,6.03495038 44.1513181,5.25232226 44.23,4.44434 Z M47.563,4.44434 C47.563,3.46827 47.12452,2.89747 46.355,2.89747 C45.58254,2.89747 45.148,3.46827 45.148,4.44435 C45.148,5.42824 45.58257,5.99464 46.355,5.99464 C47.12453,5.99463 47.563,5.42432 47.563,4.44434 Z"
-                                            id="Shape"></path>
-                                        <path
-                                            d="M49.66945,2.19482 L50.52492,2.19482 L50.52492,2.91015 L50.59133,2.91015 C50.8222649,2.38347794 51.3618929,2.06130747 51.93508,2.1079 C52.3788968,2.07453177 52.8138059,2.2447899 53.1170108,2.57060207 C53.4202157,2.89641424 53.5588131,3.34242376 53.49367,3.7827 L53.49367,6.6977 L52.605,6.6977 L52.605,4.00586 C52.605,3.28223 52.29055,2.92236 51.63332,2.92236 C51.3322858,2.90833912 51.0401402,3.02648257 50.8334746,3.24581678 C50.626809,3.465151 50.526235,3.76380101 50.55812,4.06347 L50.55812,6.69775 L49.66945,6.69775 L49.66945,2.19482 Z"
-                                            id="Shape"></path>
-                                        <path
-                                            d="M58.51516,1.07373 L58.51516,2.21533 L59.49075,2.21533 L59.49075,2.96387 L58.51516,2.96387 L58.51516,5.2793 C58.51516,5.75098 58.7095,5.95752 59.15188,5.95752 C59.2651356,5.95715754 59.3782775,5.95030966 59.49075,5.93701 L59.49075,6.67724 C59.3311595,6.70579072 59.1694656,6.72098004 59.00735,6.72265 C58.01907,6.72265 57.62551,6.37499 57.62551,5.50683 L57.62551,2.96383 L56.91067,2.96383 L56.91067,2.21529 L57.62551,2.21529 L57.62551,1.07373 L58.51516,1.07373 Z"
-                                            id="Shape"></path>
-                                        <path
-                                            d="M60.70461,0.437 L61.58547,0.437 L61.58547,2.91845 L61.65578,2.91845 C61.8978078,2.38716856 62.4468801,2.06458754 63.02878,2.11181 C63.4700766,2.08779728 63.8990983,2.26180371 64.1989893,2.58643385 C64.4988802,2.91106399 64.6384049,3.35250564 64.57956,3.79052 L64.57956,6.69775 L63.69,6.69775 L63.69,4.00975 C63.69,3.29051 63.355,2.92625 62.72711,2.92625 C62.417939,2.90089367 62.1133391,3.01329096 61.8947423,3.2333935 C61.6761456,3.45349605 61.5658419,3.75886031 61.59332,4.06785 L61.59332,6.69773 L60.70465,6.69773 L60.70461,0.437 Z"
-                                            id="Shape"></path>
-                                        <path
-                                            d="M69.76125,5.48193 C69.512057,6.33130948 68.6900989,6.88010304 67.81008,6.78466 C67.2096439,6.8005102 66.6325914,6.5516307 66.2320282,6.10405516 C65.8314651,5.65647963 65.6478864,5.05545594 65.73,4.46045 C65.6500674,3.86379048 65.8329582,3.26180373 66.2312908,2.81044696 C66.6296234,2.35909018 67.204202,2.10277675 67.80617,2.10791 C69.0591,2.10791 69.81496,2.96391 69.81496,4.37791 L69.81496,4.688 L66.63527,4.688 L66.63527,4.7378 C66.607132,5.07194014 66.7212507,5.40244775 66.9495608,5.6480407 C67.1778709,5.89363365 67.4991879,6.03152392 67.83449,6.0278 C68.2692619,6.07999468 68.6924825,5.86433304 68.90578,5.4819 L69.76125,5.48193 Z M66.63525,4.03076 L68.90966,4.03076 C68.9323129,3.72516044 68.8248585,3.42420507 68.6137769,3.20205909 C68.4026954,2.97991311 68.1076175,2.85723623 67.80126,2.86426 C67.490752,2.86035891 67.191828,2.98202124 66.9722963,3.20164888 C66.7527647,3.42127653 66.6312331,3.72025374 66.63527,4.03076 L66.63525,4.03076 Z"
-                                            id="Shape"></path>
-                                    </g>
-                                </g>
-                            </g>
-                        </g>
-                    </svg>
-                </a>
-                <p class="mx_Spacer"><strong>Android</strong></p>
-                <a href="https://play.google.com/store/apps/details?id=im.vector.app" target="_blank"
-                   class="mx_ClearDecoration">
-                    <svg width="162px" height="48px" viewBox="0 0 162 48" version="1.1"
-                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-                        <!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
-                        <desc>Created with Sketch.</desc>
-                        <defs>
-                            <linearGradient x1="91.488428%" y1="4.9481245%" x2="-38.3517333%" y2="71.9074222%"
-                                            id="linearGradient-1">
-                                <stop stop-color="#00A0FF" offset="0%"></stop>
-                                <stop stop-color="#00A1FF" offset="1%"></stop>
-                                <stop stop-color="#00BEFF" offset="26%"></stop>
-                                <stop stop-color="#00D2FF" offset="51%"></stop>
-                                <stop stop-color="#00DFFF" offset="76%"></stop>
-                                <stop stop-color="#00E3FF" offset="100%"></stop>
-                            </linearGradient>
-                            <linearGradient x1="107.684729%" y1="50%" x2="-130.640394%" y2="50%" id="linearGradient-2">
-                                <stop stop-color="#FFE000" offset="0%"></stop>
-                                <stop stop-color="#FFBD00" offset="41%"></stop>
-                                <stop stop-color="#FFA500" offset="78%"></stop>
-                                <stop stop-color="#FF9C00" offset="100%"></stop>
-                            </linearGradient>
-                            <linearGradient x1="86.219293%" y1="17.8768889%" x2="-50.1497903%" y2="194.702638%"
-                                            id="linearGradient-3">
-                                <stop stop-color="#FF3A44" offset="0%"></stop>
-                                <stop stop-color="#C31162" offset="100%"></stop>
-                            </linearGradient>
-                            <linearGradient x1="-18.7537448%" y1="-54.0521474%" x2="42.1210306%" y2="24.9170664%"
-                                            id="linearGradient-4">
-                                <stop stop-color="#32A071" offset="0%"></stop>
-                                <stop stop-color="#2DA771" offset="7%"></stop>
-                                <stop stop-color="#15CF74" offset="48%"></stop>
-                                <stop stop-color="#06E775" offset="80%"></stop>
-                                <stop stop-color="#00F076" offset="100%"></stop>
-                            </linearGradient>
-                        </defs>
-                        <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-                            <g id="Google-Play-badge" fill-rule="nonzero">
-                                <rect id="Rectangle-path" fill="#000000" x="0" y="0" width="162" height="48"
-                                      rx="6"></rect>
-                                <path
-                                    d="M156,0.96 C158.783515,0.96 161.04,3.21648486 161.04,6 L161.04,42 C161.04,44.7835151 158.783515,47.04 156,47.04 L6,47.04 C3.21648486,47.04 0.96,44.7835151 0.96,42 L0.96,6 C0.96,3.21648486 3.21648486,0.96 6,0.96 L156,0.96 Z M156,0 L6,0 C2.6862915,2.13162821e-15 0,2.6862915 0,6 L0,42 C0,45.3137085 2.6862915,48 6,48 L156,48 C159.313708,48 162,45.3137085 162,42 L162,6 C162,2.6862915 159.313708,2.13162821e-15 156,0 Z"
-                                    id="Shape" fill="#A6A6A6"></path>
-                                <path
-                                    d="M56.904,12.288 C56.9452243,13.1774773 56.6199211,14.0449523 56.004,14.688 C55.3157397,15.4029639 54.3557806,15.791311 53.364,15.756 C51.8428083,15.7440945 50.4769778,14.8214594 49.8980302,13.4146952 C49.3190825,12.007931 49.6398426,10.3911869 50.712,9.312 C51.4086396,8.60079116 52.3686947,8.20981851 53.364,8.232 C53.8713092,8.23030972 54.3736031,8.33240198 54.84,8.532 C55.2742254,8.70714427 55.6607809,8.98266787 55.968,9.336 L55.332,9.972 C54.8464162,9.39441174 54.1174618,9.07882784 53.364,9.12 C52.6066192,9.11628465 51.8804152,9.42130519 51.3528432,9.96472697 C50.8252713,10.5081487 50.541874,11.2430609 50.568,12 C50.5519223,13.1438276 51.2255718,14.1850074 52.2755199,14.63911 C53.325468,15.0932125 54.5455111,14.8710548 55.368,14.076 C55.7372514,13.6758439 55.9502196,13.1562016 55.968,12.612 L53.364,12.612 L53.364,11.748 L56.856,11.748 C56.8880078,11.9262169 56.9040713,12.1069316 56.904,12.288 Z M62.4,9.288 L59.16,9.288 L59.16,11.568 L62.112,11.568 L62.112,12.432 L59.16,12.432 L59.16,14.712 L62.4,14.712 L62.4,15.6 L58.2,15.6 L58.2,8.4 L62.4,8.4 L62.4,9.288 Z M66.336,15.6 L65.412,15.6 L65.412,9.288 L63.396,9.288 L63.396,8.4 L68.4,8.4 L68.4,9.288 L66.336,9.288 L66.336,15.6 Z M71.928,15.6 L71.928,8.4 L72.852,8.4 L72.852,15.6 L71.928,15.6 Z M76.956,15.6 L76.032,15.6 L76.032,9.288 L74.016,9.288 L74.016,8.4 L78.96,8.4 L78.96,9.288 L76.956,9.288 L76.956,15.6 Z M88.332,14.664 C86.8715878,16.1162735 84.5124122,16.1162735 83.052,14.664 C81.6363227,13.1654806 81.6363227,10.8225194 83.052,9.324 C83.7503981,8.62049603 84.7006989,8.22483956 85.692,8.22483956 C86.6833011,8.22483956 87.6336019,8.62049603 88.332,9.324 C89.7537186,10.8201118 89.7537186,13.1678882 88.332,14.664 Z M83.736,14.064 C84.8175887,15.1410781 86.5664113,15.1410781 87.648,14.064 C88.710238,12.8930054 88.710238,11.1069946 87.648,9.936 C86.5664113,8.85892192 84.8175887,8.85892192 83.736,9.936 C82.673762,11.1069946 82.673762,12.8930054 83.736,14.064 Z M90.696,15.6 L90.696,8.4 L91.824,8.4 L95.328,14.004 L95.328,8.4 L96.252,8.4 L96.252,15.6 L95.292,15.6 L91.632,9.732 L91.632,15.6 L90.696,15.6 Z"
-                                    id="Shape" stroke="#FFFFFF" stroke-width="0.5" fill="#FFFFFF"></path>
-                                <path
-                                    d="M81.768,26.1 C78.95451,26.1132401 76.6832087,28.4024174 76.692025,31.2159247 C76.7008414,34.0294321 78.9864446,36.3043299 81.7999624,36.2999373 C84.6134801,36.2955447 86.8919688,34.0135212 86.892,31.2 C86.9117676,29.8372485 86.3774779,28.5248517 85.4115062,27.5634044 C84.4455344,26.6019571 83.1306436,26.0738348 81.768,26.1 Z M81.768,34.296 C80.4998728,34.3846863 79.3064075,33.6891762 78.7584256,32.5421245 C78.2104436,31.3950728 78.419323,30.0296194 79.285159,29.0988456 C80.1509951,28.1680719 81.4978054,27.8611589 82.6814254,28.3248997 C83.8650454,28.7886405 84.6449026,29.9287792 84.648,31.2 C84.6870513,31.9952063 84.4032392,32.7724713 83.8609684,33.3554125 C83.3186976,33.9383536 82.5639505,34.2775396 81.768,34.296 Z M70.596,26.1 C67.7809194,26.1066237 65.503593,28.3928962 65.5080063,31.2079812 C65.5124195,34.0230661 67.796903,36.302187 70.6119906,36.2999843 C73.4270781,36.2977816 75.7079922,34.0150884 75.708,31.2 C75.7277676,29.8372485 75.1934779,28.5248517 74.2275062,27.5634044 C73.2615344,26.6019571 71.9466436,26.0738348 70.584,26.1 L70.596,26.1 Z M70.596,34.296 C69.3272109,34.3896877 68.1302658,33.6976456 67.5784221,32.5513159 C67.0265783,31.4049863 67.2321873,30.0377538 68.096776,29.1044321 C68.9613648,28.1711103 70.3089091,27.8617171 71.4940246,28.3244312 C72.6791401,28.7871453 73.4605457,29.9277613 73.464,31.2 C73.5030513,31.9952063 73.2192392,32.7724713 72.6769684,33.3554125 C72.1346976,33.9383536 71.3799505,34.2775396 70.584,34.296 L70.596,34.296 Z M57.288,27.672 L57.288,29.832 L62.472,29.832 C62.3907161,30.8493646 61.9678136,31.8093534 61.272,32.556 C60.2232275,33.6242696 58.7718519,34.1995896 57.276,34.14 C54.0948398,34.14 51.516,31.5611602 51.516,28.38 C51.516,25.1988398 54.0948398,22.62 57.276,22.62 C58.7373549,22.5961666 60.1485143,23.1528625 61.2,24.168 L62.724,22.644 C61.2899035,21.1918298 59.3288621,20.3823049 57.288,20.4 C54.3827529,20.2869348 51.6484723,21.7724061 50.1622249,24.2712685 C48.6759775,26.7701308 48.6759775,29.8818692 50.1622249,32.3807315 C51.6484723,34.8795939 54.3827529,36.3650652 57.288,36.252 C59.366118,36.3459052 61.3832889,35.5364115 62.82,34.032 C64.0772109,32.6507059 64.7484517,30.8349134 64.692,28.968 C64.6958722,28.5131858 64.6556846,28.0590658 64.572,27.612 L57.288,27.672 Z M111.66,29.352 C111.019296,27.4670521 109.281513,26.1732637 107.292,26.1 C105.965236,26.097406 104.696574,26.6440891 103.787255,27.6102403 C102.877937,28.5763915 102.409075,29.8758277 102.492,31.2 C102.462529,32.5551554 102.985397,33.864034 103.940463,34.8258889 C104.895528,35.7877438 106.20067,36.3198705 107.556,36.3 C109.26103,36.3091908 110.856772,35.4617346 111.804,34.044 L110.064,32.844 C109.535695,33.7247306 108.583028,34.2626004 107.556,34.26 C106.49231,34.3005421 105.51197,33.6866398 105.084,32.712 L111.912,29.892 L111.66,29.352 Z M104.7,31.056 C104.650862,30.3061971 104.905591,29.568174 105.40676,29.0083093 C105.907929,28.4484447 106.613352,28.113866 107.364,28.08 C108.155244,28.0278619 108.90128,28.4528191 109.26,29.16 L104.7,31.056 Z M99.156,36 L101.4,36 L101.4,21 L99.156,21 L99.156,36 Z M95.484,27.24 L95.4,27.24 C94.7159545,26.4752121 93.7380686,26.0386559 92.712,26.04 C89.9881763,26.172086 87.8476045,28.4189755 87.8476045,31.146 C87.8476045,33.8730245 89.9881763,36.119914 92.712,36.252 C93.7413947,36.2693085 94.7256191,35.8299226 95.4,35.052 L95.472,35.052 L95.472,35.784 C95.472,37.74 94.428,38.784 92.748,38.784 C91.6035636,38.7572129 90.5888737,38.0412401 90.18,36.972 L88.224,37.788 C88.977218,39.6201732 90.767077,40.81183 92.748,40.8 C95.376,40.8 97.548,39.252 97.548,35.484 L97.548,26.4 L95.484,26.4 L95.484,27.24 Z M92.916,34.296 C91.3114651,34.1545918 90.0808516,32.810754 90.0808516,31.2 C90.0808516,29.589246 91.3114651,28.2454082 92.916,28.104 C93.6913435,28.143789 94.4177831,28.4949242 94.9306198,29.0777958 C95.4434564,29.6606674 95.6992476,30.4259002 95.64,31.2 C95.7061618,31.9776593 95.451189,32.7485174 94.9343644,33.3333452 C94.4175397,33.9181731 93.6838925,34.2660166 92.904,34.296 L92.916,34.296 Z M122.172,21 L116.808,21 L116.808,36 L119.052,36 L119.052,30.312 L122.184,30.312 C123.927221,30.4372366 125.594369,29.5782107 126.504156,28.0859676 C127.413943,26.5937244 127.413943,24.7182756 126.504156,23.2260324 C125.594369,21.7337893 123.927221,20.8747634 122.184,21 L122.172,21 Z M122.172,28.2 L119.04,28.2 L119.04,23.088 L122.22,23.088 C123.641581,23.088 124.794,24.2404191 124.794,25.662 C124.794,27.0835809 123.641581,28.236 122.22,28.236 L122.172,28.2 Z M136.008,26.04 C134.338455,25.9402067 132.768824,26.8405056 132.012,28.332 L134.004,29.16 C134.405287,28.4204018 135.20535,27.9874267 136.044,28.056 C136.619434,27.9887935 137.197744,28.1555641 137.649034,28.5188522 C138.100324,28.8821403 138.386758,29.4114899 138.444,29.988 L138.444,30.144 C137.723271,29.7623989 136.919511,29.5645502 136.104,29.568 C133.956,29.568 131.784,30.768 131.784,32.94 C131.826825,33.8756506 132.246288,34.7541954 132.946958,35.3757568 C133.647627,35.9973182 134.569918,36.3090392 135.504,36.24 C136.655075,36.3226597 137.759483,35.7704558 138.384,34.8 L138.456,34.8 L138.456,36 L140.616,36 L140.616,30.228 C140.616,27.6 138.624,26.076 136.068,26.076 L136.008,26.04 Z M135.732,34.26 C135,34.26 133.98,33.888 133.98,32.988 C133.98,31.788 135.252,31.392 136.38,31.392 C137.09285,31.3744103 137.797357,31.5484649 138.42,31.896 C138.264835,33.239298 137.143828,34.2630486 135.792,34.296 L135.732,34.26 Z M148.488,26.4 L145.92,32.904 L145.848,32.904 L143.184,26.4 L140.784,26.4 L144.78,35.496 L142.5,40.548 L144.84,40.548 L150.984,26.4 L148.488,26.4 Z M128.316,36 L130.56,36 L130.56,21 L128.316,21 L128.316,36 Z"
-                                    id="Shape" fill="#FFFFFF"></path>
-                                <path
-                                    d="M12.528,9.048 C12.1368779,9.51733 11.9394644,10.1181539 11.976,10.728 L11.976,37.272 C11.9394644,37.8818461 12.1368779,38.48267 12.528,38.952 L12.612,39.036 L27.48,24.18 L27.48,23.832 L12.612,8.964 L12.528,9.048 Z"
-                                    id="Shape" fill="url(#linearGradient-1)"></path>
-                                <path
-                                    d="M32.4,29.136 L27.48,24.18 L27.48,23.832 L32.4,18.864 L32.508,18.924 L38.4,22.272 C40.08,23.22 40.08,24.78 38.4,25.74 L32.532,29.076 L32.4,29.136 Z"
-                                    id="Shape" fill="url(#linearGradient-2)"></path>
-                                <path
-                                    d="M32.544,29.064 L27.48,24 L12.528,38.952 C13.2344613,39.5730269 14.2829148,39.6032707 15.024,39.024 L32.556,29.064"
-                                    id="Shape" fill="url(#linearGradient-3)"></path>
-                                <path
-                                    d="M32.544,18.936 L15.012,8.976 C14.2709148,8.39672927 13.2224613,8.42697312 12.516,9.048 L27.48,24 L32.544,18.936 Z"
-                                    id="Shape" fill="url(#linearGradient-4)"></path>
-                                <path
-                                    d="M32.4,28.956 L15.012,38.856 C14.3004462,39.3880037 13.3235538,39.3880037 12.612,38.856 L12.528,38.94 L12.612,39.024 C13.3222149,39.5600151 14.3017851,39.5600151 15.012,39.024 L32.544,29.064 L32.4,28.956 Z"
-                                    id="Shape" fill="#000000" opacity="0.2"></path>
-                                <path
-                                    d="M12.528,38.784 C12.1368779,38.31467 11.9394644,37.7138461 11.976,37.104 L11.976,37.284 C11.9394644,37.8938461 12.1368779,38.49467 12.528,38.964 L12.612,38.88 L12.528,38.784 Z M38.4,25.56 L32.4,28.956 L32.508,29.064 L38.4,25.728 C39.0804841,25.4083358 39.5381621,24.7492796 39.6,24 C39.4632354,24.6778055 39.0200471,25.2539503 38.4,25.56 Z"
-                                    id="Shape" fill="#000000" opacity="0.12"></path>
-                                <path
-                                    d="M15.012,9.144 L38.4,22.44 C39.0200471,22.7460497 39.4632354,23.3221945 39.6,24 C39.5381621,23.2507204 39.0804841,22.5916642 38.4,22.272 L15.012,8.976 C13.332,8.028 11.964,8.82 11.964,10.74 L11.964,10.92 C12,8.988 13.344,8.196 15.012,9.144 Z"
-                                    id="Shape" fill="#FFFFFF" opacity="0.25"></path>
-                            </g>
-                        </g>
-                    </svg>
-                </a>
-                <a href="https://f-droid.org/repository/browse/?fdid=im.vector.app" target="_blank"
-                   class="mx_ClearDecoration">
-                    <svg width="164px" height="48px" viewBox="0 0 157 46" version="1.1"
-                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-                        <desc>Get it on F-Droid.</desc>
-                        <defs>
-                            <radialGradient cx="0.55528181%" cy="0.456156968%" fx="0.55528181%" fy="0.456156968%"
-                                            r="99.5501799%"
-                                            gradientTransform="translate(0.005553,0.004562),scale(0.985441,1.000000),rotate(90.000001),translate(-0.005553,-0.004562)"
-                                            id="radialGradient-1">
-                                <stop stop-color="#FFFFFF" stop-opacity="0.098039" offset="0%"></stop>
-                                <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
-                            </radialGradient>
-                        </defs>
-                        <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-                            <g id="F-Droid-badge">
-                                <rect id="Rectangle-path" fill="#000000" fill-rule="nonzero" x="0" y="0" width="157"
-                                      height="46" rx="5.6097561"></rect>
-                                <g id="Group" transform="translate(49.623214, 5.890244)" fill="#FFFFFF"
-                                   fill-rule="nonzero">
-                                    <path
-                                        d="M5.68003571,6.29863415 L5.68003571,4.42449878 L4.13843589,4.42449878 L4.13843589,3.64866951 L6.61432589,3.64866951 L6.61432589,6.64455976 C6.24995506,6.90316951 5.84820327,7.09946423 5.40907054,7.2334439 C4.96995649,7.36430642 4.50125542,7.42973768 4.00296732,7.42973768 C2.91295744,7.42973768 2.0596344,7.1119263 1.44299821,6.47630354 C0.829483333,5.83757671 0.522725893,4.94958037 0.522725893,3.81231451 C0.522725893,2.67194459 0.829483333,1.78394825 1.44299821,1.14832549 C2.0596344,0.509598659 2.91295744,0.190235244 4.00296732,0.190235244 C4.45765054,0.190235244 4.88898,0.24631878 5.29695571,0.358485854 C5.70805274,0.470652927 6.08644143,0.635785447 6.43212179,0.853883415 L6.43212179,1.85873098 C6.08332012,1.56274154 5.71271601,1.33995943 5.32030946,1.19038463 C4.92790292,1.04082854 4.51525458,0.966050488 4.08236446,0.966050488 C3.22903208,0.966050488 2.58748149,1.20440902 2.15771268,1.6811261 C1.73104649,2.15784317 1.51771339,2.86824398 1.51771339,3.81232854 C1.51771339,4.75329033 1.73104649,5.46212976 2.15771268,5.93884683 C2.58748149,6.4155639 3.22903208,6.65392244 4.08236446,6.65392244 C4.41559696,6.65392244 4.71301851,6.6258802 4.97462911,6.56979573 C5.2362397,6.51059598 5.47136589,6.4202387 5.68000768,6.2987239 L5.68003571,6.29863415 Z"
-                                        id="Shape"></path>
-                                    <polygon id="Shape"
-                                             points="8.34342857 0.316390244 12.7531661 0.316390244 12.7531661 1.1109 9.28683036 1.1109 9.28683036 3.17666463 12.6082214 3.17666463 12.6082214 3.97117439 9.28683036 3.97117439 9.28683036 6.49963171 12.8372732 6.49963171 12.8372732 7.29414146 8.34342857 7.29414146 8.34342857 0.316446341"></polygon>
-                                    <polygon id="Shape"
-                                             points="13.4319107 0.316390244 19.3320268 0.316390244 19.3320268 1.1109 16.8561368 1.1109 16.8561368 7.29425366 15.9078287 7.29425366 15.9078287 1.1109 13.4319387 1.1109 13.4319387 0.316390244"></polygon>
-                                    <polygon id="Shape"
-                                             points="23.2920714 0.316390244 24.2356975 0.316390244 24.2356975 7.29408537 23.2920714 7.29408537"></polygon>
-                                    <polygon id="Shape"
-                                             points="25.1480357 0.316390244 31.0481518 0.316390244 31.0481518 1.1109 28.5722618 1.1109 28.5722618 7.29425366 27.6239537 7.29425366 27.6239537 1.1109 25.1480637 1.1109 25.1480637 0.316390244"></polygon>
-                                    <path
-                                        d="M37.8398036,0.956463415 C37.1546481,0.956463415 36.6096432,1.21195976 36.2047887,1.72295244 C35.803037,2.23394512 35.6021611,2.93032154 35.6021611,3.81208171 C35.6021611,4.69071911 35.803037,5.38553415 36.2047887,5.89652683 C36.6096432,6.40751951 37.1546481,6.66301585 37.8398036,6.66301585 C38.524959,6.66301585 39.066852,6.40751951 39.4654825,5.89652683 C39.8672343,5.38553415 40.0681102,4.69071911 40.0681102,3.81208171 C40.0681102,2.93032154 39.8672343,2.23394512 39.4654825,1.72295244 C39.0673754,1.21209065 38.5253515,0.956659756 37.8394111,0.956659756 L37.8398036,0.956463415 Z M37.8398036,0.18997439 C38.817708,0.18997439 39.5993998,0.518687398 40.1848789,1.17611341 C40.7703768,1.83043537 41.0631257,2.70908211 41.0631257,3.81205366 C41.0631257,4.91192114 40.7703768,5.79056789 40.1848789,6.4479939 C39.5993811,7.10231585 38.8176893,7.42947683 37.8398036,7.42947683 C36.8587965,7.42947683 36.0739835,7.10231585 35.4853643,6.4479939 C34.8998664,5.79369065 34.6071175,4.9150439 34.6071175,3.81205366 C34.6071175,2.70906341 34.8998664,1.83041667 35.4853643,1.17611341 C36.0739648,0.518687398 36.8587779,0.18997439 37.8398036,0.18997439 Z"
-                                        id="Shape"></path>
-                                    <polygon id="Shape"
-                                             points="42.5385893 0.316390244 43.8092239 0.316390244 46.9018436 6.15390244 46.9018436 0.316390244 47.817462 0.316390244 47.817462 7.29408537 46.5468273 7.29408537 43.4542077 1.45657317 43.4542077 7.29408537 42.5385893 7.29408537"></polygon>
-                                    <path
-                                        d="M14.4888571,14.6357134 L14.4888571,19.7020244 L13.8851641,19.7020244 C13.7044646,18.9049341 13.5319795,18.3009504 13.3677089,17.8900732 C13.2034365,17.4791959 12.981674,17.1176285 12.7024214,16.8053707 C11.9303365,15.9260976 10.3984651,15.486461 8.10680714,15.486461 C7.46615369,15.486461 7.03493637,15.5686346 6.81315518,15.7329817 C6.5995978,15.8891143 6.49281911,16.201372 6.49281911,16.6697549 L6.49281911,22.5369988 C7.74949196,22.5369988 8.64887768,22.269937 9.19097625,21.7358134 C9.73307482,21.2016898 10.1191173,20.2114744 10.3491036,18.7651671 L10.97744,18.7651671 L10.97744,27.3071427 L10.3491036,27.3071427 C10.1684059,25.8444362 9.80290431,24.8336516 9.25259875,24.274789 C8.70229506,23.7077923 7.78236851,23.4119618 6.49281911,23.3872976 L6.49281911,29.2668829 C6.49281911,29.9653724 6.66530417,30.4296545 7.01027429,30.6597293 C7.3552444,30.8815951 8.10678845,31.0171829 9.26490643,31.0664927 L9.26490643,31.695122 L0.184699286,31.695122 L0.184699286,31.0664927 C1.12105476,30.9678844 1.72475714,30.8076417 1.99580643,30.5857646 C2.26685571,30.3638988 2.40238036,29.9242622 2.40238036,29.2668549 L2.40238036,17.051611 C2.40238036,16.4024313 2.25042679,15.9545858 1.94651964,15.7080744 C1.6426125,15.4615443 1.05533905,15.3136337 0.184699286,15.2643427 L0.184699286,14.6357134 L14.4888571,14.6357134 Z"
-                                        id="Shape"></path>
-                                    <polygon id="Shape"
-                                             points="21.6099286 24.4473171 21.6099286 27.380939 15.4743125 27.380939 15.4743125 24.4473171"></polygon>
-                                    <path
-                                        d="M25.1956964,29.4035366 L25.1956964,16.9540854 C25.1956964,16.378861 25.0478548,15.9720976 24.7521714,15.7337951 C24.4564881,15.4954927 23.9061751,15.3393638 23.1012323,15.2654085 L23.1012323,14.6367793 L30.7891859,14.6367793 C33.7050871,14.6367793 35.9926145,15.3804553 37.651768,16.8678073 C39.3191267,18.3469504 40.1528061,20.3848813 40.1528061,22.9816 C40.1528061,25.5948114 39.3191267,27.7025837 37.651768,29.3049171 C35.9844093,30.8990976 33.7913623,31.6961878 31.072627,31.6961878 L23.1012323,31.6961878 L23.1012323,31.0675585 C23.8322355,31.0429074 24.3620171,30.8991013 24.690577,30.6361402 C25.027342,30.3731923 25.1957245,29.9623244 25.1957245,29.4035366 L25.1956964,29.4035366 Z M29.2737714,16.374878 L29.2737714,29.3541707 C29.2737714,29.9211675 29.3764382,30.3073898 29.5817718,30.5128378 C29.7871054,30.7100581 30.1731478,30.8086683 30.7398991,30.8086683 C32.3497659,30.8086683 33.585954,30.2293394 34.4484634,29.0706817 C34.8591492,28.503685 35.179476,27.7107085 35.4094436,26.6917524 C35.647635,25.6727963 35.7667307,24.5634671 35.7667307,23.3637646 C35.7667307,21.194285 35.4217606,19.4275858 34.7318204,18.0636671 C33.8776095,16.3462215 32.5552583,15.4874988 30.7647668,15.4874988 C29.7709194,15.4874988 29.2739957,15.7833293 29.2739957,16.3749902 L29.2737714,16.374878 Z"
-                                        id="Shape"></path>
-                                    <path
-                                        d="M46.4748036,20.0576829 L46.4748036,22.1284683 C47.0661889,21.2820683 47.6247164,20.6739801 48.1503861,20.3042037 C48.6842608,19.9344272 49.2633198,19.749539 49.887563,19.749539 C50.4789484,19.749539 50.9676576,19.9385411 51.3536907,20.3165451 C51.7397238,20.6863215 51.9327404,21.1547175 51.9327404,21.7217329 C51.9327404,22.2147744 51.7848987,22.6215378 51.4892154,22.9420232 C51.193532,23.2542809 50.8116015,23.4104098 50.3434237,23.4104098 C50.0148826,23.4104098 49.7397307,23.3446709 49.5179682,23.2131932 C49.2962057,23.0817136 49.0662287,22.8475156 48.8280373,22.5105993 C48.556988,22.1161586 48.3228992,21.9189383 48.1257707,21.9189383 C47.7068798,21.9189383 47.3454807,22.1572407 47.0415736,22.6338456 C46.7376664,23.1022415 46.5857129,23.6651338 46.5857129,24.3225224 L46.5857129,29.0927785 C46.5857129,29.8734322 46.6965941,30.3911285 46.9183566,30.6458676 C47.1483429,30.8923976 47.6493692,31.0403082 48.4214354,31.0895993 L48.4214354,31.6935737 L41.706879,31.6935737 L41.7068818,31.0895993 C42.2654093,30.990991 42.6309109,30.8430804 42.8033866,30.6458676 C42.9840843,30.4486472 43.0744331,30.0911936 43.0744331,29.5735066 L43.0744331,22.1532017 C43.0744331,21.6437237 42.9799808,21.28627 42.7910761,21.0808407 C42.6103766,20.8754115 42.2489776,20.7357192 41.706879,20.6617639 L41.706879,20.0577895 L46.4749129,20.0577895 L46.4748036,20.0576829 Z"
-                                        id="Shape"></path>
-                                    <path
-                                        d="M58.2021429,19.7519512 C59.8284386,19.7519512 61.1795731,20.3394984 62.2555464,21.5145927 C63.3397436,22.6814593 63.8818421,24.1482236 63.8818421,25.9148854 C63.8818421,27.673413 63.3397436,29.1361569 62.2555464,30.3031171 C61.1795731,31.4699837 59.8284386,32.0534171 58.2021429,32.0534171 C56.5512131,32.0534171 55.1877429,31.4699837 54.1117321,30.3031171 C53.0357588,29.1362504 52.4977721,27.6489171 52.4977721,25.8411171 C52.4977721,24.1236715 53.0480852,22.6814967 54.1487113,21.5145927 C55.2493373,20.3394984 56.6004718,19.7519512 58.2021148,19.7519512 L58.2021429,19.7519512 Z M58.2267862,20.5408232 C57.6929115,20.5408232 57.282235,20.7174931 56.9947568,21.0708329 C56.7155024,21.4159638 56.5142714,21.9952927 56.3910637,22.8088195 C56.2678599,23.6223463 56.2062579,24.7851553 56.2062579,26.2972463 C56.2062579,28.1461659 56.349997,29.4363163 56.6374752,30.1676976 C56.9331586,30.8990415 57.4547257,31.2647134 58.2021765,31.2647134 C58.9331797,31.2647134 59.4424204,30.8826049 59.7298986,30.1183878 C60.025582,29.3541707 60.1734236,28.0024065 60.1734236,26.0630951 C60.1734236,23.9923472 60.0296845,22.5542862 59.7422063,21.7489122 C59.4629519,20.943613 58.9578138,20.5409634 58.2267919,20.5409634 L58.2267862,20.5408232 Z"
-                                        id="Shape"></path>
-                                    <path
-                                        d="M69.7332321,20.0576829 L69.7332321,29.6472805 C69.7332321,30.1238854 69.8194747,30.4690163 69.9919597,30.6826732 C70.1644448,30.8881024 70.4724545,31.0236902 70.9159888,31.0894366 L70.9159888,31.693411 L64.891383,31.693411 L64.8913942,31.0894366 C65.4663506,30.9497406 65.8318522,30.7936117 65.987899,30.62105 C66.1439589,30.4402663 66.2219888,30.0910215 66.2219888,29.5733159 L66.2219888,22.153011 C66.2219888,21.6353053 66.1398526,21.2860606 65.9755801,21.1052768 C65.8113077,20.9244931 65.4499086,20.7765825 64.891383,20.6615451 L64.891383,20.0575707 L69.7334312,20.0575707 L69.7332321,20.0576829 Z M66.5792143,14.8313537 C66.9652474,14.4451407 67.4293132,14.2520341 67.9714118,14.2520341 C68.5135104,14.2520341 68.9693617,14.4451407 69.3389659,14.8313537 C69.7167939,15.2175667 69.9057079,15.6818488 69.9057079,16.2242 C69.9057079,16.7747602 69.7167939,17.2349378 69.3389659,17.6047329 C68.9693617,17.9745093 68.5052959,18.1593976 67.9467684,18.1593976 C67.3882409,18.1593976 66.9241751,17.9745093 66.5545709,17.6047329 C66.1849667,17.2349565 66.0001646,16.7665606 66.0001646,16.1995451 C66.0001646,15.6654215 66.1931812,15.2093577 66.5792143,14.8313537 Z"
-                                        id="Shape"></path>
-                                    <path
-                                        d="M80.0335536,32.0289024 L80.0335536,30.3895354 C79.4421682,31.0140508 78.9041815,31.4495736 78.4195936,31.6961037 C77.9349869,31.9344061 77.3559279,32.0535573 76.6824166,32.0535573 C75.360028,32.0535573 74.2676632,31.4947695 73.405322,30.3771939 C72.542906,29.2514093 72.111698,27.8298037 72.111698,26.1123768 C72.111698,24.2881028 72.5716613,22.7719728 73.4915879,21.5639866 C74.4115144,20.3560191 75.5655579,19.7520354 76.9537182,19.7520354 C77.5286746,19.7520354 78.0379154,19.8670821 78.4814404,20.0971756 C78.9249654,20.3272691 79.4177771,20.7340325 79.9598757,21.3174659 L79.9598757,16.6953073 C79.9598757,16.1200829 79.8489945,15.7502972 79.627232,15.58595 C79.4136746,15.421601 78.883893,15.3065542 78.0378873,15.2408098 L78.0378873,14.6368354 L83.4712087,14.6368354 L83.4712087,29.1447866 C83.4712087,29.6789102 83.5738755,30.0486959 83.7792091,30.2541439 C83.9927665,30.4595732 84.3870234,30.5787244 84.9619798,30.6115976 L84.9619798,31.1909171 L83.3972786,31.3881337 C82.1734636,31.5196133 81.0523154,31.7332702 80.0338339,32.0291044 L80.0335536,32.0289024 Z M79.9596318,28.8734146 L79.9596318,22.734939 C79.7789323,22.2583341 79.507883,21.8803301 79.1464839,21.6009268 C78.7933087,21.3133146 78.4072663,21.1695085 77.9883566,21.1695085 C77.2573534,21.1695085 76.7152548,21.5557309 76.3620609,22.3281756 C76.0170908,23.0923927 75.8446057,24.2880187 75.8446057,25.9150537 C75.8446057,27.5174431 76.0047738,28.7048415 76.3251098,29.4772488 C76.6454459,30.2496935 77.1423696,30.6359159 77.8158809,30.6359159 C78.3744084,30.6359159 78.90419,30.3483037 79.4052256,29.7730793 C79.553071,29.6087302 79.6803811,29.4361648 79.7871561,29.2553829 C79.9021474,29.0746011 79.959643,28.9472315 79.959643,28.8732744 L79.9596318,28.8734146 Z"
-                                        id="Shape"></path>
-                                </g>
-                                <path d="M40.46675,6.67476829 L37.3323571,10.7342683" id="Shape" stroke="#769616"
-                                      stroke-width="1.84532927" fill="#8AB000" fill-rule="nonzero"
-                                      stroke-linecap="round"></path>
-                                <path
-                                    d="M40.4527321,5.75 C40.7872823,5.75886341 41.014708,5.88950341 41.1763059,6.08111585 C39.6808809,7.85918415 39.428952,8.14166341 37.3875595,10.6732622 C36.6353612,11.6468354 35.8517911,11.1436683 36.6039893,10.1700951 L39.7395036,6.11031463 C39.9084496,5.88474354 40.1711695,5.75748902 40.4527882,5.7498878 L40.4527321,5.75 Z"
-                                    id="Shape" fill-opacity="0.29804" fill="#FFFFFF" fill-rule="nonzero"></path>
-                                <path
-                                    d="M41.1816607,6.09023171 C41.2730684,6.19940037 41.5956921,6.68413659 41.1982579,7.23888537 L38.0627436,11.2986659 C37.3105454,12.272239 37.2143829,10.8467159 37.2143829,10.8467159 C37.2143829,10.8467159 39.9695927,7.51788659 41.1817168,6.09020366 L41.1816607,6.09023171 Z"
-                                    id="Shape" fill-opacity="0.2" fill="#263238" fill-rule="nonzero"></path>
-                                <path
-                                    d="M40.6545893,5.92334146 C40.9778691,5.92334146 41.3627714,6.02785963 41.2626839,6.51281463 C41.1862782,6.88305854 37.8241036,10.9964122 37.8241036,10.9964122 C37.0719054,11.9699854 35.9844561,11.4955963 36.7366543,10.5221634 L39.8606739,6.48257805 C40.0526737,6.26852098 40.3096379,5.93371951 40.6546454,5.92322927 L40.6545893,5.92334146 Z"
-                                    id="Shape" fill="#8AB000" fill-rule="nonzero"></path>
-                                <path d="M8.87470536,6.67476829 L12.0105,10.7342683" id="Shape" stroke="#769616"
-                                      stroke-width="1.84532927" fill="#8AB000" fill-rule="nonzero"
-                                      stroke-linecap="round"></path>
-                                <path
-                                    d="M8.89124643,5.75 C8.55669625,5.75886341 8.32927054,5.88950341 8.16767268,6.08111585 C9.66309768,7.85918415 9.91502661,8.14166341 11.9564191,10.6732622 C12.7086173,11.6468354 13.4921875,11.1436683 12.7399893,10.1700951 L9.604475,6.11087561 C9.43552898,5.88530451 9.17280911,5.75805 8.89119036,5.75044878 L8.89124643,5.75 Z"
-                                    id="Shape" fill-opacity="0.29804" fill="#FFFFFF" fill-rule="nonzero"></path>
-                                <path
-                                    d="M8.16147679,6.09023171 C8.07006914,6.19940037 7.74744536,6.68413659 8.14487964,7.23888537 L11.2803939,11.2986659 C12.0325921,12.272239 12.1287546,10.8467159 12.1287546,10.8467159 C12.1287546,10.8467159 9.37354482,7.51788659 8.16142071,6.09020366 L8.16147679,6.09023171 Z"
-                                    id="Shape" fill-opacity="0.2" fill="#263238" fill-rule="nonzero"></path>
-                                <path
-                                    d="M8.68966964,5.92334146 C8.36638982,5.92334146 7.9814875,6.02785963 8.081575,6.51281463 C8.15798073,6.88305854 11.5201554,10.9964122 11.5201554,10.9964122 C12.2723536,11.9699854 13.3598029,11.4955963 12.6076046,10.5221634 L9.483585,6.48257805 C9.29154036,6.26856585 9.03445286,5.93366341 8.68961357,5.92328537 L8.68966964,5.92334146 Z"
-                                    id="Shape" fill="#8AB000" fill-rule="nonzero"></path>
-                                <rect id="Rectangle-path" fill="#AEEA00" fill-rule="nonzero" x="10.6535714"
-                                      y="9.25609756" width="28.0357143" height="9.53658537" rx="2.21439512"></rect>
-                                <rect id="Rectangle-path" fill-opacity="0.2" fill="#263238" fill-rule="nonzero"
-                                      x="10.6535714" y="11.4113659" width="28.0357143" height="7.38131707"
-                                      rx="2.21439512"></rect>
-                                <rect id="Rectangle-path" fill-opacity="0.29804" fill="#FFFFFF" fill-rule="nonzero"
-                                      x="10.6535714" y="9.25806098" width="28.0357143" height="7.38131707"
-                                      rx="2.21439512"></rect>
-                                <rect id="Rectangle-path" fill="#AEEA00" fill-rule="nonzero" x="10.6535714"
-                                      y="10.098122" width="28.0357143" height="7.85421951" rx="2.21439512"></rect>
-                                <rect id="Rectangle-path" fill="#1976D2" fill-rule="nonzero" x="10.6535714"
-                                      y="19.6341463" width="28.0357143" height="19.0731707" rx="2.21439512"></rect>
-                                <rect id="Rectangle-path" fill-opacity="0.2" fill="#263238" fill-rule="nonzero"
-                                      x="10.6535714" y="29.1118293" width="28.0357143" height="9.5954878"
-                                      rx="2.21439512"></rect>
-                                <rect id="Rectangle-path" fill-opacity="0.2" fill="#FFFFFF" fill-rule="nonzero"
-                                      x="10.6535714" y="19.5752439" width="28.0357143" height="9.5954878"
-                                      rx="2.21439512"></rect>
-                                <rect id="Rectangle-path" fill="#1976D2" fill-rule="nonzero" x="10.6535714"
-                                      y="20.4756098" width="28.0357143" height="17.3902439" rx="2.21439512"></rect>
-                                <path
-                                    d="M24.6714286,24.5735366 C22.5461252,24.5735366 20.7467089,26.0384683 20.2201982,28.0061463 L22.5906179,28.0061463 C22.9995748,27.2788415 23.767473,26.7879598 24.6714005,26.7879598 C26.0087882,26.7879598 27.0692111,27.8488768 27.0692111,29.1868598 C27.0692111,30.5248427 26.0087882,31.5857598 24.6714005,31.5857598 C23.7068318,31.5857598 22.8924223,31.0301695 22.5099311,30.2205134 L20.1827425,30.2205134 C20.6565741,32.2619878 22.49339,33.8000988 24.6715407,33.8000988 C27.2051002,33.8000988 29.2825746,31.7215439 29.2825746,29.1869159 C29.2825746,26.6521756 27.204988,24.5737329 24.6715407,24.5737329 L24.6714286,24.5735366 Z"
-                                    id="Shape" fill="#0D47A1" fill-rule="nonzero"></path>
-                                <ellipse id="Oval" stroke="#0D47A1" stroke-width="1.40243902" stroke-linecap="round"
-                                         cx="24.6714286" cy="29.187561" rx="7.04593571" ry="7.04921951"></ellipse>
-                                <ellipse id="Oval" fill-opacity="0.2" fill="#263238" fill-rule="nonzero"
-                                         cx="17.5699821" cy="14.1480854" rx="2.49002" ry="2.86013415"></ellipse>
-                                <ellipse id="Oval" fill="#FFFFFF" fill-rule="nonzero" cx="17.5699821"
-                                         cy="14.5172073" rx="2.49002" ry="2.49118049"></ellipse>
-                                <ellipse id="Oval" fill-opacity="0.2" fill="#263238" fill-rule="nonzero"
-                                         cx="31.9579107" cy="14.1480854" rx="2.49002" ry="2.86013415"></ellipse>
-                                <ellipse id="Oval" fill="#FFFFFF" fill-rule="nonzero" cx="31.9579107"
-                                         cy="14.5172073" rx="2.49002" ry="2.49118049"></ellipse>
-                                <path
-                                    d="M8.89152679,5.74242683 C8.53321466,5.73295225 8.20186636,5.93202601 8.04184972,6.25291205 C7.88183308,6.57379808 7.92213189,6.95837436 8.14518804,7.23908171 L10.8014598,10.6784232 C10.7075486,10.9245568 10.6536163,11.19065 10.6536163,11.4705768 L10.6536163,16.5785402 C10.6536163,17.8053098 11.6406977,18.7928512 12.8668957,18.7928512 L36.4760511,18.7928512 C37.7022491,18.7928512 38.6893306,17.8052817 38.6893306,16.5785402 L38.6893306,11.4705768 C38.6893306,11.1904873 38.6360487,10.9241305 38.5420337,10.6778622 L41.1977728,7.23908171 C41.4136365,6.96742572 41.4588967,6.59756916 41.3149131,6.28183678 C41.1709296,5.96610439 40.8620538,5.75789519 40.5154957,5.74295976 C40.2117646,5.72988939 39.9211038,5.86740249 39.7384859,6.11056707 L37.2114307,9.3827378 C36.9843414,9.30055488 36.7376271,9.25483537 36.4796986,9.25483537 L12.8705432,9.25483537 C12.6122305,9.25483537 12.3657882,9.30072317 12.1356991,9.38138305 L9.60687766,6.10921232 C9.43781797,5.88409848 9.17527379,5.74853032 8.89392945,5.74107207 L8.89152679,5.74242683 Z M12.8669911,19.6341463 C11.640793,19.6341463 10.6537116,20.6216878 10.6537116,21.8484573 L10.6537116,36.4930061 C10.6537116,37.7197756 11.640793,38.7073171 12.8669911,38.7073171 L36.4761464,38.7073171 C37.7023445,38.7073171 38.6894259,37.7197756 38.6894259,36.4930061 L38.6894259,21.8484573 C38.6922295,20.6232866 37.7053723,19.635689 36.4802116,19.635689 L12.8710562,19.635689 L12.8669911,19.6341463 Z"
-                                    id="Shape" fill="url(#radialGradient-1)" fill-rule="nonzero"></path>
-                            </g>
-                        </g>
-                    </svg>
-                </a>
-            </div>
-        </div>
-    </div>
-    <div class="mx_HomePage_row mx_Center mx_Spacer">
-        <p class="mx_Spacer">
-            <a href="https://element.io" target="_blank" class="mx_FooterLink">
-                Go to element.io
-            </a>
-        </p>
-    </div>
-</div>
-
-</body>
diff --git a/src/vector/static/unable-to-load.html b/src/vector/static/unable-to-load.html
deleted file mode 100644
index 3d06779dbe7..00000000000
--- a/src/vector/static/unable-to-load.html
+++ /dev/null
@@ -1,183 +0,0 @@
-
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<head>
-    <style type="text/css">
-
-        /* By default, hide the custom IS stuff - enabled in JS */
-        #custom_is, #is_url {
-            display: none;
-        }
-
-        html {
-            height: 100%;
-        }
-
-        body {
-            background: #f9fafb;
-            max-width: 680px;
-            margin: auto;
-            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-        }
-
-        .mx_Button {
-            border: 0;
-            border-radius: 4px;
-            font-size: 18px;
-            margin-left: 4px;
-            margin-right: 4px;
-            min-width: 80px;
-            background-color: #03B381;
-            color: #fff;
-            cursor: pointer;
-            padding: 12px 22px;
-            word-break: break-word;
-            text-decoration: none;
-        }
-
-        .mx_Center {
-            justify-content: center;
-        }
-
-        .mx_ClearDecoration {
-            text-decoration: none !important;
-        }
-
-        .mx_HomePage_header {
-            color: #2E2F32;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-
-        .mx_HomePage h3 {
-            margin-top: 30px;
-        }
-
-        .mx_HomePage_header {
-            align-items: center;
-        }
-
-        .mx_HomePage_col {
-            display: flex;
-            flex-direction: row;
-        }
-
-        .mx_HomePage_row {
-            flex: 1 1 0;
-            display: flex;
-            flex-direction: row;
-            flex-wrap: wrap;
-        }
-
-        .mx_HomePage_logo {
-            margin-right: 20px;
-            margin-top: -10px;
-        }
-
-        .mx_HomePage_container {
-            display: block ! important;
-            margin: 10px 20px;
-        }
-
-        .mx_HomePage_errorContainer {
-            display: none; /* shown in JS if needed */
-            margin: 20px;
-            border: 1px solid red;
-            background-color: #ffb9b9;
-            padding: 5px;
-        }
-
-        .mx_HomePage_container h1,
-        .mx_HomePage_container h2,
-        .mx_HomePage_container h3,
-        .mx_HomePage_container h4 {
-            font-weight: 600;
-            margin-bottom: 32px;
-        }
-
-        .mx_Spacer {
-            margin-top: 24px;
-        }
-
-        .mx_FooterLink {
-            color: ##0dbd8b;
-            text-decoration: none;
-        }
-
-        .mx_Subtext {
-            font-size: 14px;
-        }
-
-        .mx_SubtextTop {
-            margin-top: 32px;
-        }
-
-        @media screen and (max-width: 1120px) {
-            body {
-                font-size: 20px;
-            }
-
-            h1 {
-                font-size: 20px;
-            }
-
-            h4 {
-                font-size: 16px;
-            }
-
-            .mx_Button {
-                font-size: 18px;
-                padding: 14px 28px;
-            }
-
-            .mx_HomePage_header {
-                justify-content: left;
-            }
-
-            .mx_Spacer {
-                margin-top: 24px;
-            }
-        }
-    </style>
-
-    <meta name="apple-itunes-app" content="app-id=id1083446067">
-
-</head>
-
-<body>
-
-<div class="mx_HomePage_errorContainer">
-    <!-- populated by JS if needed -->
-</div>
-
-<div class="mx_HomePage_container">
-    <div class="mx_HomePage_header">
-          <span class="mx_HomePage_logo">
-            <svg width="34" height="42" viewBox="0 0 34 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M13.08 8.68C13.08 7.75216 13.8321 7 14.76 7C20.9456 7 25.96 12.0144 25.96 18.2C25.96 19.1278 25.2078 19.88 24.28 19.88C23.3521 19.88 22.6 19.1278 22.6 18.2C22.6 13.8701 19.0899 10.36 14.76 10.36C13.8321 10.36 13.08 9.60784 13.08 8.68Z" fill="#0DBD8B"/>
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M20.92 33.32C20.92 34.2478 20.1679 35 19.24 35C13.0544 35 8.04001 29.9856 8.04001 23.8C8.04001 22.8722 8.79217 22.12 9.72001 22.12C10.6478 22.12 11.4 22.8722 11.4 23.8C11.4 28.1299 14.9101 31.64 19.24 31.64C20.1679 31.64 20.92 32.3922 20.92 33.32Z" fill="#0DBD8B"/>
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.68 24.9199C3.75216 24.9199 3 24.1678 3 23.2399C3 17.0543 8.01441 12.0399 14.2 12.0399C15.1278 12.0399 15.88 12.7921 15.88 13.7199C15.88 14.6478 15.1278 15.3999 14.2 15.3999C9.87009 15.3999 6.36 18.91 6.36 23.2399C6.36 24.1678 5.60784 24.9199 4.68 24.9199Z" fill="#0DBD8B"/>
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M29.32 17.0801C30.2478 17.0801 31 17.8322 31 18.7601C31 24.9457 25.9856 29.9601 19.8 29.9601C18.8722 29.9601 18.12 29.2079 18.12 28.2801C18.12 27.3522 18.8722 26.6001 19.8 26.6001C24.1299 26.6001 27.64 23.09 27.64 18.7601C27.64 17.8322 28.3922 17.0801 29.32 17.0801Z" fill="#0DBD8B"/>
-            </svg>
-          </span>
-        <h1>Unable to load</h1>
-    </div>
-    <div class="mx_HomePage_col">
-        <div class="mx_HomePage_row">
-            <div>
-                <h2 id="step1_heading">Element can't load</h2>
-                <p>Something went wrong and Element was unable to load.</p>
-            </div>
-        </div>
-    </div>
-    <div class="mx_HomePage_row mx_Center mx_Spacer">
-        <p class="mx_Spacer">
-            <a href="https://element.io" target="_blank" class="mx_FooterLink">
-                Go to element.io
-            </a>
-        </p>
-    </div>
-</div>
-
-</body>
diff --git a/src/vector/url_utils.ts b/src/vector/url_utils.ts
deleted file mode 100644
index 1e14fb5c86c..00000000000
--- a/src/vector/url_utils.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
-Copyright 2018, 2020 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import * as qs from 'querystring';
-
-// We want to support some name / value pairs in the fragment
-// so we're re-using query string like format
-//
-// returns {location, params}
-export function parseQsFromFragment(location: Location) {
-    // if we have a fragment, it will start with '#', which we need to drop.
-    // (if we don't, this will return '').
-    const fragment = location.hash.substring(1);
-
-    // our fragment may contain a query-param-like section. we need to fish
-    // this out *before* URI-decoding because the params may contain ? and &
-    // characters which are only URI-encoded once.
-    const hashparts = fragment.split('?');
-
-    const result = {
-        location: decodeURIComponent(hashparts[0]),
-        params: <qs.ParsedUrlQuery>{},
-    };
-
-    if (hashparts.length > 1) {
-        result.params = qs.parse(hashparts[1]);
-    }
-    return result;
-}
-
-export function parseQs(location: Location) {
-    return qs.parse(location.search.substring(1));
-}
diff --git a/test/.eslintrc.js b/test/.eslintrc.js
deleted file mode 100644
index 4cc4659d7d8..00000000000
--- a/test/.eslintrc.js
+++ /dev/null
@@ -1,5 +0,0 @@
-module.exports = {
-    env: {
-        mocha: true,
-    },
-}
diff --git a/test/app-tests/joining-test.js b/test/app-tests/joining-test.js
deleted file mode 100644
index 744037325ce..00000000000
--- a/test/app-tests/joining-test.js
+++ /dev/null
@@ -1,235 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-/* joining.js: tests for the various paths when joining a room */
-
-import PlatformPeg from 'matrix-react-sdk/src/PlatformPeg';
-import WebPlatform from '../../src/vector/platform/WebPlatform';
-import * as sdk from "matrix-react-sdk";
-import * as jssdk from "matrix-js-sdk";
-import "../skin-sdk";
-import "../jest-mocks";
-import React from "react";
-import ReactDOM from "react-dom";
-import ReactTestUtils from "react-dom/test-utils";
-import {makeType} from "matrix-react-sdk/src/utils/TypeUtils";
-import {ValidatedServerConfig} from "matrix-react-sdk/src/utils/AutoDiscoveryUtils";
-import {sleep} from "../test-utils";
-import * as test_utils from "../test-utils";
-import MockHttpBackend from "matrix-mock-request";
-import "fake-indexeddb/auto";
-
-
-const MatrixChat = sdk.getComponent('structures.MatrixChat');
-const RoomDirectory = sdk.getComponent('structures.RoomDirectory');
-const RoomPreviewBar = sdk.getComponent('rooms.RoomPreviewBar');
-const RoomView = sdk.getComponent('structures.RoomView');
-
-const HS_URL='http://localhost';
-const IS_URL='http://localhost';
-const USER_ID='@me:localhost';
-const ACCESS_TOKEN='access_token';
-
-describe('joining a room', function() {
-    describe('over federation', function() {
-        let parentDiv;
-        let httpBackend;
-        let matrixChat;
-
-        beforeEach(function() {
-            test_utils.beforeEach(this);
-            httpBackend = new MockHttpBackend();
-            jssdk.request(httpBackend.requestFn);
-            parentDiv = document.createElement('div');
-
-            // uncomment this to actually add the div to the UI, to help with
-            // debugging (but slow things down)
-            // document.body.appendChild(parentDiv);
-        });
-
-        afterEach(function() {
-            if (parentDiv) {
-                ReactDOM.unmountComponentAtNode(parentDiv);
-                parentDiv.remove();
-                parentDiv = null;
-            }
-        });
-
-        // TODO: Re-enable test
-        // The test is currently disabled because the room directory now resides in a dialog,
-        // which is not accessible from the MatrixChat component anymore. Convincing react that
-        // the dialog does exist and is under a different tree is incredibly difficult though,
-        // so for now the test has been disabled. We should revisit this test when someone has
-        // the time to kill to figure this out. Problem area is highlighted within the test.
-        xit('should not get stuck at a spinner', function() {
-            const ROOM_ALIAS = '#alias:localhost';
-            const ROOM_ID = '!id:localhost';
-
-            httpBackend.when('GET', '/pushrules').respond(200, {});
-            httpBackend.when('POST', '/filter').respond(200, { filter_id: 'fid' });
-
-            // note that we deliberately do *not* set an expectation for a
-            // presence update - setting one makes the first httpBackend.flush
-            // return before the first /sync arrives.
-
-            // start with a logged-in client
-            localStorage.setItem("mx_hs_url", HS_URL );
-            localStorage.setItem("mx_is_url", IS_URL );
-            localStorage.setItem("mx_access_token", ACCESS_TOKEN );
-            localStorage.setItem("mx_user_id", USER_ID);
-
-            PlatformPeg.set(new WebPlatform());
-
-            const config = {
-                validated_server_config: makeType(ValidatedServerConfig, {
-                    hsUrl: HS_URL,
-                    hsName: "TEST_ENVIRONMENT",
-                    hsNameIsDifferent: false, // yes, we lie
-                    isUrl: IS_URL,
-                }),
-            };
-
-            const mc = (
-                <MatrixChat
-                    config={config}
-                    serverConfig={config.validated_server_config}
-                    makeRegistrationUrl={()=>{throw new Error("unimplemented");}}
-                    initialScreenAfterLogin={{
-                        screen: 'directory',
-                    }}
-                />
-            );
-            matrixChat = ReactDOM.render(mc, parentDiv);
-
-            let roomView;
-
-            // wait for /sync to happen. This may take some time, as the client
-            // has to initialise indexeddb.
-            console.log("waiting for /sync");
-            httpBackend.when('GET', '/sync')
-                .respond(200, {});
-
-            return httpBackend.flushAllExpected({
-                timeout: 1000,
-            }).then(() => {
-                // wait for the directory requests
-                httpBackend.when('POST', '/publicRooms').respond(200, {chunk: []});
-                httpBackend.when('GET', '/thirdparty/protocols').respond(200, {});
-                return httpBackend.flushAllExpected();
-            }).then(() => {
-                console.log(`${Date.now()} App made requests for directory view; switching to a room.`);
-
-                // TODO: Make this look in the right spot for the directory dialog.
-                // See the comment block at the top of the test for a bit more information. The short
-                // story here is that the RoomDirectory does not exist under matrixChat anymore, or even
-                // the parentDiv we have access to. Asking React to find the RoomDirectory as a child of
-                // the document results in it complaining that you didn't give it a component tree to
-                // search in. When you do get a reference to the component tree based off the document
-                // root and ask it to search, it races and can't find the component in time. To top it
-                // all off, MatrixReactTestUtils can't find the element in time either even with a very
-                // high number of attempts. Assuming we can get a reference to the RoomDirectory in a
-                // dialog, the rest of the test should be fine.
-                const roomDir = ReactTestUtils.findRenderedComponentWithType(
-                    matrixChat, RoomDirectory,
-                );
-
-                // enter an alias in the input, and simulate enter
-                const input = ReactTestUtils.findRenderedDOMComponentWithTag(
-                    roomDir, 'input');
-                input.value = ROOM_ALIAS;
-                ReactTestUtils.Simulate.change(input);
-                ReactTestUtils.Simulate.keyUp(input, {key: 'Enter'});
-
-                // that should create a roomview which will start a peek; wait
-                // for the peek.
-                httpBackend.when('GET', '/directory/room/'+encodeURIComponent(ROOM_ALIAS)).respond(200, { room_id: ROOM_ID });
-                httpBackend.when('GET', '/rooms/'+encodeURIComponent(ROOM_ID)+"/initialSync")
-                    .respond(401, {errcode: 'M_GUEST_ACCESS_FORBIDDEN'});
-
-                return httpBackend.flushAllExpected();
-            }).then(() => {
-                console.log(`${Date.now()} App made room preview request`);
-
-                // we should now have a roomview
-                roomView = ReactTestUtils.findRenderedComponentWithType(
-                    matrixChat, RoomView);
-
-                // the preview bar may take a tick to be displayed
-                return sleep(1);
-            }).then(() => {
-                const previewBar = ReactTestUtils.findRenderedComponentWithType(
-                    roomView, RoomPreviewBar);
-
-                const joinLink = ReactTestUtils.findRenderedDOMComponentWithTag(
-                    previewBar, 'a');
-
-                ReactTestUtils.Simulate.click(joinLink);
-
-                httpBackend.when('POST', '/join/'+encodeURIComponent(ROOM_ALIAS))
-                    .respond(200, {room_id: ROOM_ID});
-            }).then(() => {
-                // wait for the join request to be made
-                return sleep(1);
-            }).then(() => {
-                // and again, because the state update has to go to the store and
-                // then one dispatch within the store, then to the view
-                // XXX: This is *super flaky*: a better way would be to declare
-                // that we expect a certain state transition to happen, then wait
-                // for that transition to occur.
-                return sleep(1);
-            }).then(() => {
-                // the roomview should now be loading
-                expect(roomView.state.room).toBe(null);
-                expect(roomView.state.joining).toBe(true);
-
-                // there should be a spinner
-                ReactTestUtils.findRenderedDOMComponentWithClass(
-                    roomView, "mx_Spinner");
-
-                // flush it through
-                return httpBackend.flush('/join/'+encodeURIComponent(ROOM_ALIAS));
-            }).then(() => {
-                httpBackend.verifyNoOutstandingExpectation();
-
-                return sleep(1);
-            }).then(() => {
-                // NB. we don't expect the 'joining' flag to reset at any point:
-                // it will stay set and we observe whether we have Room object for
-                // the room and whether our member event shows we're joined.
-
-                // now send the room down the /sync pipe
-                httpBackend.when('GET', '/sync').
-                    respond(200, {
-                        rooms: {
-                            join: {
-                                [ROOM_ID]: {
-                                    state: {},
-                                    timeline: {
-                                        events: [],
-                                        limited: true,
-                                    },
-                                },
-                            },
-                        },
-                    });
-                return httpBackend.flush();
-            }).then(() => {
-                // now the room should have loaded
-                expect(roomView.state.room).toExist();
-            });
-        });
-    });
-});
diff --git a/test/app-tests/loading-test.js b/test/app-tests/loading-test.js
deleted file mode 100644
index f08cb957f51..00000000000
--- a/test/app-tests/loading-test.js
+++ /dev/null
@@ -1,745 +0,0 @@
-/*
-Copyright 2016 OpenMarket Ltd
-Copyright 2020 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-/* loading.js: test the myriad paths we have for loading the application */
-
-import PlatformPeg from 'matrix-react-sdk/src/PlatformPeg';
-import WebPlatform from '../../src/vector/platform/WebPlatform';
-import '../skin-sdk';
-import "../jest-mocks";
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ReactTestUtils from 'react-dom/test-utils';
-import MatrixReactTestUtils from 'matrix-react-test-utils';
-import * as jssdk from 'matrix-js-sdk';
-import * as sdk from 'matrix-react-sdk';
-import {MatrixClientPeg} from 'matrix-react-sdk/src/MatrixClientPeg';
-import {Views} from 'matrix-react-sdk/src/components/structures/MatrixChat';
-import dis from 'matrix-react-sdk/src/dispatcher/dispatcher';
-import * as test_utils from '../test-utils';
-import MockHttpBackend from 'matrix-mock-request';
-import {parseQs, parseQsFromFragment} from '../../src/vector/url_utils';
-import {makeType} from "matrix-react-sdk/src/utils/TypeUtils";
-import {ValidatedServerConfig} from "matrix-react-sdk/src/utils/AutoDiscoveryUtils";
-import {sleep} from "../test-utils";
-import "fake-indexeddb/auto";
-import {cleanLocalstorage} from "../test-utils";
-import {IndexedDBCryptoStore} from "matrix-js-sdk/src/crypto/store/indexeddb-crypto-store";
-
-const DEFAULT_HS_URL='http://my_server';
-const DEFAULT_IS_URL='http://my_is';
-
-describe('loading:', function() {
-    let parentDiv;
-    let httpBackend;
-
-    // an Object simulating the window.location
-    let windowLocation;
-
-    // the mounted MatrixChat
-    let matrixChat;
-
-    // a promise which resolves when the MatrixChat calls onTokenLoginCompleted
-    let tokenLoginCompletePromise;
-
-    beforeEach(function() {
-        httpBackend = new MockHttpBackend();
-        jssdk.request(httpBackend.requestFn);
-        parentDiv = document.createElement('div');
-
-        // uncomment this to actually add the div to the UI, to help with
-        // debugging (but slow things down)
-        // document.body.appendChild(parentDiv);
-
-        windowLocation = null;
-        matrixChat = null;
-    });
-
-    afterEach(async function() {
-        console.log(`${Date.now()}: loading: afterEach`);
-        if (parentDiv) {
-            ReactDOM.unmountComponentAtNode(parentDiv);
-            parentDiv.remove();
-            parentDiv = null;
-        }
-
-        // unmounting should have cleared the MatrixClientPeg
-        expect(MatrixClientPeg.get()).toBe(null);
-
-        // clear the indexeddbs so we can start from a clean slate next time.
-        await Promise.all([
-            test_utils.deleteIndexedDB('matrix-js-sdk:crypto'),
-            test_utils.deleteIndexedDB('matrix-js-sdk:riot-web-sync'),
-        ]);
-        cleanLocalstorage();
-        console.log(`${Date.now()}: loading: afterEach complete`);
-    });
-
-    /* simulate the load process done by index.js
-     *
-     * TODO: it would be nice to factor some of this stuff out of index.js so
-     * that we can test it rather than our own implementation of it.
-     */
-    function loadApp(opts) {
-        opts = opts || {};
-        const queryString = opts.queryString || "";
-        const uriFragment = opts.uriFragment || "";
-
-        windowLocation = {
-            search: queryString,
-            hash: uriFragment,
-            toString: function() { return this.search + this.hash; },
-        };
-
-        function onNewScreen(screen) {
-            console.log(Date.now() + " newscreen "+screen);
-            const hash = '#/' + screen;
-            windowLocation.hash = hash;
-            console.log(Date.now() + " browser URI now "+ windowLocation);
-        }
-
-        // Parse the given window.location and return parameters that can be used when calling
-        // MatrixChat.showScreen(screen, params)
-        function getScreenFromLocation(location) {
-            const fragparts = parseQsFromFragment(location);
-            return {
-                screen: fragparts.location.substring(1),
-                params: fragparts.params,
-            };
-        }
-
-        const MatrixChat = sdk.getComponent('structures.MatrixChat');
-        const fragParts = parseQsFromFragment(windowLocation);
-
-        const config = Object.assign({
-            default_hs_url: DEFAULT_HS_URL,
-            default_is_url: DEFAULT_IS_URL,
-            validated_server_config: makeType(ValidatedServerConfig, {
-                hsUrl: DEFAULT_HS_URL,
-                hsName: "TEST_ENVIRONMENT",
-                hsNameIsDifferent: false, // yes, we lie
-                isUrl: DEFAULT_IS_URL,
-            }),
-            embeddedPages: {
-                homeUrl: 'data:text/html;charset=utf-8;base64,PGh0bWw+PC9odG1sPg==',
-            },
-        }, opts.config || {});
-
-        PlatformPeg.set(new WebPlatform());
-
-        const params = parseQs(windowLocation);
-
-        tokenLoginCompletePromise = new Promise(resolve => {
-            matrixChat = ReactDOM.render(
-                <MatrixChat
-                    onNewScreen={onNewScreen}
-                    config={config}
-                    serverConfig={config.validated_server_config}
-                    realQueryParams={params}
-                    startingFragmentQueryParams={fragParts.params}
-                    enableGuest={true}
-                    onTokenLoginCompleted={resolve}
-                    initialScreenAfterLogin={getScreenFromLocation(windowLocation)}
-                    makeRegistrationUrl={() => {throw new Error('Not implemented');}}
-                />, parentDiv,
-            );
-        });
-    }
-
-    // set an expectation that we will get a call to /sync, then flush
-    // http requests until we do.
-    //
-    // returns a promise resolving to the received request
-    async function expectAndAwaitSync(opts) {
-        let syncRequest = null;
-        const isGuest = opts && opts.isGuest;
-        if (!isGuest) {
-            httpBackend.when('GET', '/_matrix/client/versions')
-                .respond(200, {
-                    "versions": ["r0.3.0"],
-                    "unstable_features": {
-                        "m.lazy_load_members": true
-                    }
-                });
-            // the call to create the LL filter
-            httpBackend.when('POST', '/filter').respond(200, { filter_id: 'llfid' });
-        }
-        httpBackend.when('GET', '/sync')
-            .check((r) => {syncRequest = r;})
-            .respond(200, {});
-
-        for (let attempts = 10; attempts > 0; attempts--) {
-            console.log(Date.now() + " waiting for /sync");
-            if (syncRequest) {
-                return syncRequest;
-            }
-            await httpBackend.flush();
-        }
-        throw new Error("Gave up waiting for /sync");
-    }
-
-    describe("Clean load with no stored credentials:", function() {
-        it('gives a welcome page by default', function() {
-            loadApp();
-
-            return sleep(1).then(() => {
-                // at this point, we're trying to do a guest registration;
-                // we expect a spinner
-                assertAtLoadingSpinner(matrixChat);
-
-                httpBackend.when('POST', '/register').check(function(req) {
-                    expect(req.queryParams.kind).toEqual('guest');
-                }).respond(403, "Guest access is disabled");
-
-                return httpBackend.flush();
-            }).then(() => {
-                // Wait for another trip around the event loop for the UI to update
-                return awaitWelcomeComponent(matrixChat);
-            }).then(() => {
-                expect(windowLocation.hash).toEqual("#/welcome");
-            });
-        });
-
-        it('should follow the original link after successful login', function() {
-            loadApp({
-                uriFragment: "#/room/!room:id",
-            });
-
-            // Pass the liveliness checks
-            httpBackend.when("GET", "/versions").respond(200, {versions: ["r0.4.0"]});
-            httpBackend.when("GET", "/api/v1").respond(200, {});
-
-            return sleep(1).then(() => {
-                // at this point, we're trying to do a guest registration;
-                // we expect a spinner
-                assertAtLoadingSpinner(matrixChat);
-
-                httpBackend.when('POST', '/register').check(function(req) {
-                    expect(req.queryParams.kind).toEqual('guest');
-                }).respond(403, "Guest access is disabled");
-
-                return httpBackend.flush();
-            }).then(() => {
-                // Wait for another trip around the event loop for the UI to update
-                return sleep(10);
-            }).then(() => {
-                return moveFromWelcomeToLogin(matrixChat);
-            }).then(() => {
-                return completeLogin(matrixChat);
-            }).then(() => {
-                // once the sync completes, we should have a room view
-                return awaitRoomView(matrixChat);
-            }).then(() => {
-                httpBackend.verifyNoOutstandingExpectation();
-                expect(windowLocation.hash).toEqual("#/room/!room:id");
-
-                // and the localstorage should have been updated
-                expect(localStorage.getItem('mx_user_id')).toEqual('@user:id');
-                expect(localStorage.getItem('mx_access_token')).toEqual('access_token');
-                expect(localStorage.getItem('mx_hs_url')).toEqual(DEFAULT_HS_URL);
-                expect(localStorage.getItem('mx_is_url')).toEqual(DEFAULT_IS_URL);
-            });
-        });
-
-        it('should not register as a guest when using a #/login link', function() {
-            loadApp({
-                uriFragment: "#/login",
-            });
-
-            // Pass the liveliness checks
-            httpBackend.when("GET", "/versions").respond(200, {versions: ["r0.4.0"]});
-            httpBackend.when("GET", "/api/v1").respond(200, {});
-
-            return awaitLoginComponent(matrixChat).then(() => {
-                // we expect a single <Login> component
-                ReactTestUtils.findRenderedComponentWithType(
-                    matrixChat, sdk.getComponent('structures.auth.Login'));
-
-                // the only outstanding request should be a GET /login
-                // (in particular there should be no /register request for
-                // guest registration).
-                const allowedRequests = [
-                    "/_matrix/client/r0/login",
-                    "/versions",
-                    "/api/v1",
-                ];
-                for (const req of httpBackend.requests) {
-                    if (req.method === 'GET' && allowedRequests.find(p => req.path.endsWith(p))) {
-                        continue;
-                    }
-
-                    throw new Error(`Unexpected HTTP request to ${req}`);
-                }
-                return completeLogin(matrixChat);
-            }).then(() => {
-                // once the sync completes, we should have a room view
-                ReactTestUtils.findRenderedComponentWithType(
-                    matrixChat, sdk.getComponent('structures.EmbeddedPage'));
-                expect(windowLocation.hash).toEqual("#/home");
-            });
-        });
-    });
-
-    describe("MatrixClient rehydrated from stored credentials:", function() {
-        beforeEach(async function() {
-            localStorage.setItem("mx_hs_url", "http://localhost" );
-            localStorage.setItem("mx_is_url", "http://localhost" );
-            localStorage.setItem("mx_access_token", "access_token");
-            localStorage.setItem("mx_user_id", "@me:localhost");
-            localStorage.setItem("mx_last_room_id", "!last_room:id");
-
-            // Create a crypto store as well to satisfy storage consistency checks
-            const cryptoStore = new IndexedDBCryptoStore(
-                indexedDB,
-                "matrix-js-sdk:crypto",
-            );
-            await cryptoStore.startup();
-        });
-
-        it('shows the last known room by default', function() {
-            httpBackend.when('GET', '/pushrules').respond(200, {});
-
-            loadApp();
-
-            return awaitLoggedIn(matrixChat).then(() => {
-                // we are logged in - let the sync complete
-                return expectAndAwaitSync();
-            }).then(() => {
-                // once the sync completes, we should have a room view
-                return awaitRoomView(matrixChat);
-            }).then(() => {
-                httpBackend.verifyNoOutstandingExpectation();
-                expect(windowLocation.hash).toEqual("#/room/!last_room:id");
-            });
-        });
-
-        it('shows a home page by default if we have no joined rooms', function() {
-            localStorage.removeItem("mx_last_room_id");
-
-            httpBackend.when('GET', '/pushrules').respond(200, {});
-
-            loadApp();
-
-            return awaitLoggedIn(matrixChat).then(() => {
-                // we are logged in - let the sync complete
-                return expectAndAwaitSync();
-            }).then(() => {
-                // once the sync completes, we should have a home page
-                httpBackend.verifyNoOutstandingExpectation();
-                ReactTestUtils.findRenderedComponentWithType(
-                    matrixChat, sdk.getComponent('structures.EmbeddedPage'));
-                expect(windowLocation.hash).toEqual("#/home");
-            });
-        });
-
-        it('shows a room view if we followed a room link', function() {
-            httpBackend.when('GET', '/pushrules').respond(200, {});
-
-            loadApp({
-                uriFragment: "#/room/!room:id",
-            });
-
-            return awaitLoggedIn(matrixChat).then(() => {
-                // we are logged in - let the sync complete
-                return expectAndAwaitSync();
-            }).then(() => {
-                // once the sync completes, we should have a room view
-                return awaitRoomView(matrixChat);
-            }).then(() => {
-                httpBackend.verifyNoOutstandingExpectation();
-                expect(windowLocation.hash).toEqual("#/room/!room:id");
-            });
-        });
-
-        describe('/#/login link:', function() {
-            beforeEach(function() {
-                loadApp({
-                    uriFragment: "#/login",
-                });
-
-                // give the UI a chance to display
-                return awaitLoginComponent(matrixChat);
-            });
-
-            it('shows a login view', function() {
-                // Pass the liveliness checks
-                httpBackend.when("GET", "/versions").respond(200, {versions: ["r0.4.0"]});
-                httpBackend.when("GET", "/api/v1").respond(200, {});
-
-                // we expect a single <Login> component
-                ReactTestUtils.findRenderedComponentWithType(
-                    matrixChat, sdk.getComponent('structures.auth.Login'),
-                );
-
-                // the only outstanding request should be a GET /login
-                // (in particular there should be no /register request for
-                // guest registration, nor /sync, etc).
-                const allowedRequests = [
-                    "/_matrix/client/r0/login",
-                    "/versions",
-                    "/api/v1",
-                ];
-                for (const req of httpBackend.requests) {
-                    if (req.method === 'GET' && allowedRequests.find(p => req.path.endsWith(p))) {
-                        continue;
-                    }
-
-                    throw new Error(`Unexpected HTTP request to ${req}`);
-                }
-            });
-
-            it('shows the homepage after login', function() {
-                // Pass the liveliness checks
-                httpBackend.when("GET", "/versions").respond(200, {versions: ["r0.4.0"]});
-                httpBackend.when("GET", "/api/v1").respond(200, {});
-
-                return completeLogin(matrixChat).then(() => {
-                    // we should see a home page, even though we previously had
-                    // a stored mx_last_room_id
-                    ReactTestUtils.findRenderedComponentWithType(
-                        matrixChat, sdk.getComponent('structures.EmbeddedPage'));
-                    expect(windowLocation.hash).toEqual("#/home");
-                });
-            });
-        });
-    });
-
-    describe('Guest auto-registration:', function() {
-        it('shows a welcome page by default', function() {
-            loadApp();
-
-            return sleep(1).then(() => {
-                // at this point, we're trying to do a guest registration;
-                // we expect a spinner
-                assertAtLoadingSpinner(matrixChat);
-
-                httpBackend.when('POST', '/register').check(function(req) {
-                    expect(req.queryParams.kind).toEqual('guest');
-                }).respond(200, {
-                    user_id: "@guest:localhost",
-                    access_token: "secret_token",
-                });
-
-                return httpBackend.flush();
-            }).then(() => {
-                return awaitLoggedIn(matrixChat);
-            }).then(() => {
-                // we are logged in - let the sync complete
-                return expectAndAwaitSync({isGuest: true});
-            }).then(() => {
-                // once the sync completes, we should have a welcome page
-                httpBackend.verifyNoOutstandingExpectation();
-                ReactTestUtils.findRenderedComponentWithType(
-                    matrixChat, sdk.getComponent('auth.Welcome'));
-                expect(windowLocation.hash).toEqual("#/welcome");
-            });
-        });
-
-        it('uses the default homeserver to register with', function() {
-            loadApp();
-
-            return sleep(1).then(() => {
-                // at this point, we're trying to do a guest registration;
-                // we expect a spinner
-                assertAtLoadingSpinner(matrixChat);
-
-                httpBackend.when('POST', '/register').check(function(req) {
-                    expect(req.path.startsWith(DEFAULT_HS_URL)).toBe(true);
-                    expect(req.queryParams.kind).toEqual('guest');
-                }).respond(200, {
-                    user_id: "@guest:localhost",
-                    access_token: "secret_token",
-                });
-
-                return httpBackend.flush();
-            }).then(() => {
-                return awaitLoggedIn(matrixChat);
-            }).then(() => {
-                return expectAndAwaitSync({isGuest: true});
-            }).then((req) => {
-                expect(req.path.startsWith(DEFAULT_HS_URL)).toBe(true);
-
-                // once the sync completes, we should have a welcome page
-                httpBackend.verifyNoOutstandingExpectation();
-                ReactTestUtils.findRenderedComponentWithType(
-                    matrixChat, sdk.getComponent('auth.Welcome'));
-                expect(windowLocation.hash).toEqual("#/welcome");
-                expect(MatrixClientPeg.get().baseUrl).toEqual(DEFAULT_HS_URL);
-                expect(MatrixClientPeg.get().idBaseUrl).toEqual(DEFAULT_IS_URL);
-            });
-        });
-
-        it('shows a room view if we followed a room link', function() {
-            loadApp({
-                uriFragment: "#/room/!room:id",
-            });
-            return sleep(1).then(() => {
-                // at this point, we're trying to do a guest registration;
-                // we expect a spinner
-                assertAtLoadingSpinner(matrixChat);
-
-                httpBackend.when('POST', '/register').check(function(req) {
-                    expect(req.queryParams.kind).toEqual('guest');
-                }).respond(200, {
-                    user_id: "@guest:localhost",
-                    access_token: "secret_token",
-                });
-
-                return httpBackend.flush();
-            }).then(() => {
-                return awaitLoggedIn(matrixChat);
-            }).then(() => {
-                return expectAndAwaitSync({isGuest: true});
-            }).then(() => {
-                // once the sync completes, we should have a room view
-                return awaitRoomView(matrixChat);
-            }).then(() => {
-                httpBackend.verifyNoOutstandingExpectation();
-                expect(windowLocation.hash).toEqual("#/room/!room:id");
-            });
-        });
-
-        describe('Login as user', function() {
-            beforeEach(function() {
-                // first we have to load the homepage
-                loadApp();
-
-                httpBackend.when('POST', '/register').check(function(req) {
-                    expect(req.queryParams.kind).toEqual('guest');
-                }).respond(200, {
-                    user_id: "@guest:localhost",
-                    access_token: "secret_token",
-                });
-
-                return httpBackend.flush().then(() => {
-                    return awaitLoggedIn(matrixChat);
-                }).then(() => {
-                    // we got a sync spinner - let the sync complete
-                    return expectAndAwaitSync();
-                }).then(() => {
-                    // once the sync completes, we should have a home page
-                    ReactTestUtils.findRenderedComponentWithType(
-                        matrixChat, sdk.getComponent('structures.EmbeddedPage'));
-
-                    // we simulate a click on the 'login' button by firing off
-                    // the relevant dispatch.
-                    //
-                    // XXX: is it an anti-pattern to access the react-sdk's
-                    // dispatcher in this way? Is it better to find the login
-                    // button and simulate a click? (we might have to arrange
-                    // for it to be shown - it's not always, due to the
-                    // collapsing left panel
-
-                    dis.dispatch({ action: 'start_login' });
-
-                    return awaitLoginComponent(matrixChat);
-                });
-            });
-
-            it('should give us a login page', function() {
-                expect(windowLocation.hash).toEqual("#/login");
-
-                // we expect a single <Login> component
-                ReactTestUtils.findRenderedComponentWithType(
-                    matrixChat, sdk.getComponent('structures.auth.Login'),
-                );
-            });
-
-            /*
-            // ILAG renders this obsolete. I think.
-            it('should allow us to return to the app', function() {
-                const login = ReactTestUtils.findRenderedComponentWithType(
-                    matrixChat, sdk.getComponent('structures.auth.Login')
-                );
-
-                const linkText = 'Return to app';
-
-                const returnToApp = ReactTestUtils.scryRenderedDOMComponentsWithTag(
-                    login, 'a').find((e) => e.innerText === linkText);
-
-                if (!returnToApp) {
-                    throw new Error(`Couldn't find '${linkText}' link`);
-                }
-
-                ReactTestUtils.Simulate.click(returnToApp);
-
-                return sleep(1).then(() => {
-                    // we should be straight back into the home page
-                    ReactTestUtils.findRenderedComponentWithType(
-                        matrixChat, sdk.getComponent('structures.EmbeddedPage'));
-                });
-            });
-            */
-        });
-    });
-
-    describe('Token login:', function() {
-        it('logs in successfully', function() {
-            localStorage.setItem("mx_sso_hs_url", "https://homeserver");
-            localStorage.setItem("mx_sso_is_url", "https://idserver");
-            loadApp({
-                queryString: "?loginToken=secretToken",
-            });
-
-            return sleep(1).then(() => {
-                // we expect a spinner while we're logging in
-                assertAtLoadingSpinner(matrixChat);
-
-                httpBackend.when('POST', '/login').check(function(req) {
-                    expect(req.path).toMatch(new RegExp("^https://homeserver/"));
-                    expect(req.data.type).toEqual("m.login.token");
-                    expect(req.data.token).toEqual("secretToken");
-                }).respond(200, {
-                    user_id: "@user:localhost",
-                    device_id: 'DEVICE_ID',
-                    access_token: "access_token",
-                });
-
-                return httpBackend.flush();
-            }).then(() => {
-                // at this point, MatrixChat should fire onTokenLoginCompleted, which
-                // makes index.js reload the app. We're not going to attempt to
-                // simulate the reload - just check that things are left in the
-                // right state for the reloaded app.
-
-                return tokenLoginCompletePromise;
-            }).then(() => {
-                // check that the localstorage has been set up in such a way that
-                // the reloaded app can pick up where we leave off.
-                expect(localStorage.getItem('mx_user_id')).toEqual('@user:localhost');
-                expect(localStorage.getItem('mx_access_token')).toEqual('access_token');
-                expect(localStorage.getItem('mx_hs_url')).toEqual('https://homeserver');
-                expect(localStorage.getItem('mx_is_url')).toEqual('https://idserver');
-            });
-        });
-    });
-
-    // check that we have a Login component, send a 'user:pass' login,
-    // and await the HTTP requests.
-    async function completeLogin(matrixChat) {
-        // we expect a single <Login> component
-        const login = ReactTestUtils.findRenderedComponentWithType(
-            matrixChat, sdk.getComponent('structures.auth.Login'));
-
-        // When we switch to the login component, it'll hit the login endpoint
-        // for proof of life and to get flows. We'll only give it one option.
-        httpBackend.when('GET', '/login')
-            .respond(200, {"flows": [{"type": "m.login.password"}]});
-        httpBackend.flush(); // We already would have tried the GET /login request
-
-        // Give the component some time to finish processing the login flows before
-        // continuing.
-        await sleep(100);
-
-        httpBackend.when('POST', '/login').check(function(req) {
-            expect(req.data.type).toEqual('m.login.password');
-            expect(req.data.identifier.type).toEqual('m.id.user');
-            expect(req.data.identifier.user).toEqual('user');
-            expect(req.data.password).toEqual('pass');
-        }).respond(200, {
-            user_id: '@user:id',
-            device_id: 'DEVICE_ID',
-            access_token: 'access_token',
-        });
-        login.onPasswordLogin("user", undefined, undefined, "pass");
-
-        return httpBackend.flush().then(() => {
-            // Wait for another trip around the event loop for the UI to update
-            return sleep(1);
-        }).then(() => {
-            httpBackend.when('GET', '/pushrules').respond(200, {});
-            return expectAndAwaitSync().catch((e) => {
-                throw new Error("Never got /sync after login: did the client start?");
-            });
-        }).then(() => {
-            httpBackend.verifyNoOutstandingExpectation();
-        });
-    }
-});
-
-// assert that we are on the loading page
-function assertAtLoadingSpinner(matrixChat) {
-    const domComponent = ReactDOM.findDOMNode(matrixChat);
-    expect(domComponent.className).toEqual("mx_MatrixChat_splash");
-
-    // just the spinner
-    expect(domComponent.children.length).toEqual(1);
-}
-
-function awaitLoggedIn(matrixChat) {
-    if (matrixChat.state.view === Views.LOGGED_IN) {
-        return Promise.resolve();
-    }
-    return new Promise(resolve => {
-        const onAction = ({ action }) => {
-            if (action !== "on_logged_in") {
-                return;
-            }
-            console.log(Date.now() + ": Received on_logged_in action");
-            dis.unregister(dispatcherRef);
-            resolve();
-        };
-        const dispatcherRef = dis.register(onAction);
-        console.log(Date.now() + ": Waiting for on_logged_in action");
-    });
-}
-
-function awaitRoomView(matrixChat, retryLimit, retryCount) {
-    if (retryLimit === undefined) {
-        retryLimit = 5;
-    }
-    if (retryCount === undefined) {
-        retryCount = 0;
-    }
-
-    if (matrixChat.state.view !== Views.LOGGED_IN || !matrixChat.state.ready) {
-        console.log(Date.now() + " Awaiting room view: not ready yet.");
-        if (retryCount >= retryLimit) {
-            throw new Error("MatrixChat still not ready after " +
-                            retryCount + " tries");
-        }
-        return sleep(0).then(() => {
-            return awaitRoomView(matrixChat, retryLimit, retryCount + 1);
-        });
-    }
-
-    console.log(Date.now() + " Awaiting room view: now ready.");
-
-    // state looks good, check the rendered output
-    ReactTestUtils.findRenderedComponentWithType(
-        matrixChat, sdk.getComponent('structures.RoomView'));
-    return Promise.resolve();
-}
-
-function awaitLoginComponent(matrixChat, attempts) {
-    return MatrixReactTestUtils.waitForRenderedComponentWithType(
-        matrixChat, sdk.getComponent('structures.auth.Login'), attempts,
-    );
-}
-
-function awaitWelcomeComponent(matrixChat, attempts) {
-    return MatrixReactTestUtils.waitForRenderedComponentWithType(
-        matrixChat, sdk.getComponent('auth.Welcome'), attempts,
-    );
-}
-
-function moveFromWelcomeToLogin(matrixChat) {
-    ReactTestUtils.findRenderedComponentWithType(
-        matrixChat, sdk.getComponent('auth.Welcome'));
-    dis.dispatch({ action: 'start_login' });
-    return awaitLoginComponent(matrixChat);
-}
diff --git a/test/jest-mocks.js b/test/jest-mocks.js
deleted file mode 100644
index e924768b9bd..00000000000
--- a/test/jest-mocks.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// https://jestjs.io/docs/en/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
-Object.defineProperty(window, 'matchMedia', {
-    writable: true,
-    value: jest.fn().mockImplementation(query => ({
-        matches: false,
-        media: query,
-        onchange: null,
-        addListener: jest.fn(), // deprecated
-        removeListener: jest.fn(), // deprecated
-        addEventListener: jest.fn(),
-        removeEventListener: jest.fn(),
-        dispatchEvent: jest.fn(),
-    })),
-});
diff --git a/test/skin-sdk.js b/test/skin-sdk.js
deleted file mode 100644
index eaeff52043e..00000000000
--- a/test/skin-sdk.js
+++ /dev/null
@@ -1,9 +0,0 @@
-/*
- * skin-sdk.js
- *
- * Skins the react-sdk with the vector components
- */
-
-import * as sdk from "matrix-react-sdk";
-import * as skin from "../src/component-index";
-sdk.loadSkin(skin);
diff --git a/test/test-utils.js b/test/test-utils.js
deleted file mode 100644
index 734f96067b1..00000000000
--- a/test/test-utils.js
+++ /dev/null
@@ -1,39 +0,0 @@
-export function cleanLocalstorage() {
-    window.localStorage.clear();
-}
-
-export function deleteIndexedDB(dbName) {
-    return new Promise((resolve, reject) => {
-        if (!window.indexedDB) {
-            resolve();
-            return;
-        }
-
-        const startTime = Date.now();
-        console.log(`${startTime}: Removing indexeddb instance: ${dbName}`);
-        const req = window.indexedDB.deleteDatabase(dbName);
-
-        req.onblocked = () => {
-            console.log(`${Date.now()}: can't yet delete indexeddb ${dbName} because it is open elsewhere`);
-        };
-
-        req.onerror = (ev) => {
-            reject(new Error(
-                `${Date.now()}: unable to delete indexeddb ${dbName}: ${ev.target.error}`,
-            ));
-        };
-
-        req.onsuccess = () => {
-            const now = Date.now();
-            console.log(`${now}: Removed indexeddb instance: ${dbName} in ${now-startTime} ms`);
-            resolve();
-        };
-    }).catch((e) => {
-        console.error(`${Date.now()}: Error removing indexeddb instance ${dbName}: ${e}`);
-        throw e;
-    });
-}
-
-export function sleep(ms) {
-    return new Promise((resolve) => { setTimeout(resolve, ms); });
-}
diff --git a/tsconfig.json b/tsconfig.json
deleted file mode 100644
index e16688adb32..00000000000
--- a/tsconfig.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "compilerOptions": {
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "resolveJsonModule": true,
-    "esModuleInterop": true,
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "target": "es2016",
-    "noImplicitAny": false,
-    "sourceMap": false,
-    "outDir": "./lib",
-    "declaration": true,
-    "jsx": "react",
-    "types": [
-      "node",
-      "react",
-      "flux"
-    ],
-    "lib": [
-      "es2019",
-      "dom",
-      "dom.iterable"
-    ]
-  },
-  "include": [
-    "./src/**/*.ts",
-    "./src/**/*.tsx"
-  ]
-}
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 00000000000..84125c408b5
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,72 @@
+/*
+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 { defineConfig, type ViteUserConfig } from "vitest/config";
+import { type Reporter } from "vitest/node";
+import { env } from "node:process";
+
+const reporters: NonNullable<ViteUserConfig["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 }]);
+
+    // if we're running against the develop branch, also enable the slow test reporter
+    if (env["GITHUB_REF"] == "refs/heads/develop") {
+        reporters.push(slowTestReporter);
+    }
+}
+
+export default defineConfig({
+    oxc: {
+        // Configure the ts loader to handle all the files we may throw at it
+        include: /\.[cm]?tsx?$/,
+    },
+    test: {
+        projects: [
+            "{apps,modules,packages}/*/vitest.config.ts",
+            // We run shared-components separately for now as vitest lacks support for nested projects
+            // https://github.com/vitest-dev/vitest/issues/8544
+            "!packages/shared-components",
+        ],
+        coverage: {
+            provider: "v8",
+            include: ["{apps,modules,packages}/*/src/**/*.{cts,ts,tsx}"],
+            exclude: [
+                // Exclude test files
+                "**/*.{stories,test}.{ts,tsx}",
+                // Exclude test utilities
+                "**/src/test/**",
+                // Exclude mocks
+                "**/src/**/*-{mock,mocks}.{ts,tsx}",
+                // Exclude type definition files
+                "**/*.d.ts",
+                // Exclude playwright-common as it is just test utilities
+                "packages/playwright-common/**",
+            ],
+            reporter: [["lcov"]],
+        },
+        reporters,
+    },
+});
diff --git a/webpack.config.js b/webpack.config.js
deleted file mode 100644
index 23db22890b7..00000000000
--- a/webpack.config.js
+++ /dev/null
@@ -1,415 +0,0 @@
-const path = require('path');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const TerserPlugin = require('terser-webpack-plugin');
-const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
-const webpack = require("webpack");
-
-let og_image_url = process.env.RIOT_OG_IMAGE_URL;
-if (!og_image_url) og_image_url = 'https://app.element.io/themes/element/img/logos/opengraph.png';
-
-module.exports = (env, argv) => {
-    if (process.env.CI_PACKAGE) {
-        // Don't run minification for CI builds (this is only set for runs on develop)
-        // We override this via environment variable to avoid duplicating the scripts
-        // in `package.json` just for a different mode.
-        argv.mode = "development";
-    }
-
-    const development = {};
-    if (argv.mode === "production") {
-        development['devtool'] = 'nosources-source-map';
-    } else {
-        // This makes the sourcemaps human readable for developers. We use eval-source-map
-        // because the plain source-map devtool ruins the alignment.
-        development['devtool'] = 'eval-source-map';
-    }
-
-    // Resolve the directories for the react-sdk and js-sdk for later use. We resolve these early so we
-    // don't have to call them over and over. We also resolve to the package.json instead of the src
-    // directory so we don't have to rely on a index.js or similar file existing.
-    const reactSdkSrcDir = path.resolve(require.resolve("matrix-react-sdk/package.json"), '..', 'src');
-    const jsSdkSrcDir = path.resolve(require.resolve("matrix-js-sdk/package.json"), '..', 'src');
-
-    return {
-        ...development,
-
-        entry: {
-            "bundle": "./src/vector/index.ts",
-            "indexeddb-worker": "./src/vector/indexeddb-worker.js",
-            "mobileguide": "./src/vector/mobile_guide/index.js",
-            "jitsi": "./src/vector/jitsi/index.ts",
-            "usercontent": "./node_modules/matrix-react-sdk/src/usercontent/index.js",
-
-            // CSS themes
-            "theme-legacy": "./node_modules/matrix-react-sdk/res/themes/legacy-light/css/legacy-light.scss",
-            "theme-legacy-dark": "./node_modules/matrix-react-sdk/res/themes/legacy-dark/css/legacy-dark.scss",
-            "theme-light": "./node_modules/matrix-react-sdk/res/themes/light/css/light.scss",
-            "theme-dark": "./node_modules/matrix-react-sdk/res/themes/dark/css/dark.scss",
-            "theme-light-custom": "./node_modules/matrix-react-sdk/res/themes/light-custom/css/light-custom.scss",
-            "theme-dark-custom": "./node_modules/matrix-react-sdk/res/themes/dark-custom/css/dark-custom.scss",
-        },
-
-        optimization: {
-            // Put all of our CSS into one useful place - this is needed for MiniCssExtractPlugin.
-            // Previously we used a different extraction plugin that did this magic for us, but
-            // now we need to consider that the CSS needs to be bundled up together.
-            splitChunks: {
-                cacheGroups: {
-                    styles: {
-                        name: 'styles',
-                        test: /\.css$/,
-                        enforce: true,
-                        // Do not add `chunks: 'all'` here because you'll break the app entry point.
-                    },
-                    default: {
-                        reuseExistingChunk: true,
-                    },
-                },
-            },
-
-            // This fixes duplicate files showing up in chrome with sourcemaps enabled.
-            // See https://github.com/webpack/webpack/issues/7128 for more info.
-            namedModules: false,
-
-            // Minification is normally enabled by default for webpack in production mode, but
-            // we use a CSS optimizer too and need to manage it ourselves.
-            minimize: argv.mode === 'production',
-            minimizer: argv.mode === 'production' ? [new TerserPlugin({}), new OptimizeCSSAssetsPlugin({})] : [],
-        },
-
-        resolve: {
-            // We define an alternative import path so we can safely use src/ across the react-sdk
-            // and js-sdk. We already import from src/ where possible to ensure our source maps are
-            // extremely accurate (and because we're capable of compiling the layers manually rather
-            // than relying on partially-mangled output from babel), though we do need to fix the
-            // package level import (stuff like `import {Thing} from "matrix-js-sdk"` for example).
-            // We can't use the aliasing down below to point at src/ because that'll fail to resolve
-            // the package.json for the dependency. Instead, we rely on the package.json of each
-            // layer to have our custom alternate fields to load things in the right order. These are
-            // the defaults of webpack prepended with `matrix_src_`.
-            mainFields: ['matrix_src_browser', 'matrix_src_main', 'browser', 'main'],
-            aliasFields: ['matrix_src_browser', 'browser'],
-
-            // We need to specify that TS can be resolved without an extension
-            extensions: ['.js', '.json', '.ts', '.tsx'],
-            alias: {
-                // alias any requires to the react module to the one in our path,
-                // otherwise we tend to get the react source included twice when
-                // using `npm link` / `yarn link`.
-                "react": path.resolve(__dirname, 'node_modules/react'),
-                "react-dom": path.resolve(__dirname, 'node_modules/react-dom'),
-
-                // same goes for js-sdk - we don't need two copies.
-                "matrix-js-sdk": path.resolve(__dirname, 'node_modules/matrix-js-sdk'),
-                // and prop-types and sanitize-html
-                "prop-types": path.resolve(__dirname, 'node_modules/prop-types'),
-                "sanitize-html": path.resolve(__dirname, 'node_modules/sanitize-html'),
-
-                // Define a variable so the i18n stuff can load
-                "$webapp": path.resolve(__dirname, 'webapp'),
-            },
-        },
-
-        module: {
-            noParse: [
-                // for cross platform compatibility use [\\\/] as the path separator
-                // this ensures that the regex trips on both Windows and *nix
-
-                // don't parse the languages within highlight.js. They cause stack
-                // overflows (https://github.com/webpack/webpack/issues/1721), and
-                // there is no need for webpack to parse them - they can just be
-                // included as-is.
-                /highlight\.js[\\\/]lib[\\\/]languages/,
-
-                // olm takes ages for webpack to process, and it's already heavily
-                // optimised, so there is little to gain by us uglifying it.
-                /olm[\\\/](javascript[\\\/])?olm\.js$/,
-            ],
-            rules: [
-                {
-                    test: /\.(ts|js)x?$/,
-                    include: (f) => {
-                        // our own source needs babel-ing
-                        if (f.startsWith(path.resolve(__dirname, 'src'))) return true;
-
-                        // we use the original source files of react-sdk and js-sdk, so we need to
-                        // run them through babel. Because the path tested is the resolved, absolute
-                        // path, these could be anywhere thanks to yarn link. We must also not
-                        // include node modules inside these modules, so we add 'src'.
-                        if (f.startsWith(reactSdkSrcDir)) return true;
-                        if (f.startsWith(jsSdkSrcDir)) return true;
-
-                        // but we can't run all of our dependencies through babel (many of them still
-                        // use module.exports which breaks if babel injects an 'include' for its
-                        // polyfills: probably fixable but babeling all our dependencies is probably
-                        // not necessary anyway). So, for anything else, don't babel.
-                        return false;
-                    },
-                    loader: 'babel-loader',
-                    options: {
-                        cacheDirectory: true
-                    }
-                },
-                {
-                    test: /\.css$/,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        {
-                            loader: 'css-loader',
-                            options: {
-                                importLoaders: 1,
-                                sourceMap: true,
-                            }
-                        },
-                        {
-                            loader: 'postcss-loader',
-                            ident: 'postcss',
-                            options: {
-                                sourceMap: true,
-                                plugins: () => [
-                                    // Note that we use significantly fewer plugins on the plain
-                                    // CSS parser. If we start to parse plain CSS, we end with all
-                                    // kinds of nasty problems (like stylesheets not loading).
-                                    //
-                                    // You might have noticed that we're also sending regular CSS
-                                    // through PostCSS. This looks weird, and in fact is probably
-                                    // not what you'd expect, however in order for our CSS build
-                                    // to work nicely we have to do this. Because down the line
-                                    // our SCSS stylesheets reference plain CSS we have to load
-                                    // the plain CSS through PostCSS so it can find it safely. This
-                                    // also acts like a babel-for-css by transpiling our (S)CSS
-                                    // down/up to the right browser support (prefixes, etc).
-                                    // Further, if we don't do this then PostCSS assumes that our
-                                    // plain CSS is SCSS and it really doesn't like that, even
-                                    // though plain CSS should be compatible. The chunking options
-                                    // at the top of this webpack config help group the SCSS and
-                                    // plain CSS together for the bundler.
-
-                                    require("postcss-simple-vars")(),
-                                    require("postcss-strip-inline-comments")(),
-                                    require("postcss-hexrgba")(),
-
-                                    // It's important that this plugin is last otherwise we end
-                                    // up with broken CSS.
-                                    require('postcss-preset-env')({stage: 3, browsers: 'last 2 versions'}),
-                                ],
-                                parser: "postcss-scss",
-                                "local-plugins": true,
-                            },
-                        },
-                    ]
-                },
-                {
-                    test: /\.scss$/,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        {
-                            loader: 'css-loader',
-                            options: {
-                                importLoaders: 1,
-                                sourceMap: true,
-                            }
-                        },
-                        {
-                            loader: 'postcss-loader',
-                            ident: 'postcss',
-                            options: {
-                                sourceMap: true,
-                                plugins: () => [
-                                    // Note that we use slightly different plugins for SCSS.
-
-                                    require('postcss-import')(),
-                                    require("postcss-mixins")(),
-                                    require("postcss-simple-vars")(),
-                                    require("postcss-extend")(),
-                                    require("postcss-nested")(),
-                                    require("postcss-easings")(),
-                                    require("postcss-strip-inline-comments")(),
-                                    require("postcss-hexrgba")(),
-
-                                    // It's important that this plugin is last otherwise we end
-                                    // up with broken CSS.
-                                    require('postcss-preset-env')({stage: 3, browsers: 'last 2 versions'}),
-                                ],
-                                parser: "postcss-scss",
-                                "local-plugins": true,
-                            },
-                        },
-                    ]
-                },
-                {
-                    test: /\.wasm$/,
-                    loader: "file-loader",
-                    type: "javascript/auto", // https://github.com/webpack/webpack/issues/6725
-                    options: {
-                        name: '[name].[hash:7].[ext]',
-                        outputPath: '.',
-                    },
-                },
-                {
-                    // cache-bust languages.json file placed in
-                    // riot-web/webapp/i18n during build by copy-res.js
-                    test: /\.*languages.json$/,
-                    type: "javascript/auto",
-                    loader: 'file-loader',
-                    options: {
-                        name: 'i18n/[name].[hash:7].[ext]',
-                    },
-                },
-                {
-                    test: /\.(gif|png|svg|ttf|woff|woff2|xml|ico)$/,
-                    // Use a content-based hash in the name so that we can set a long cache
-                    // lifetime for assets while still delivering changes quickly.
-                    oneOf: [
-                        {
-                            // Assets referenced in CSS files
-                            issuer: /\.(scss|css)$/,
-                            loader: 'file-loader',
-                            options: {
-                                esModule: false,
-                                name: '[name].[hash:7].[ext]',
-                                outputPath: getImgOutputPath,
-                                publicPath: function(url, resourcePath) {
-                                    // CSS image usages end up in the `bundles/[hash]` output
-                                    // directory, so we adjust the final path to navigate up
-                                    // twice.
-                                    const outputPath = getImgOutputPath(url, resourcePath);
-                                    return toPublicPath(path.join("../..", outputPath));
-                                },
-                            },
-                        },
-                        {
-                            // Assets referenced in HTML and JS files
-                            loader: 'file-loader',
-                            options: {
-                                esModule: false,
-                                name: '[name].[hash:7].[ext]',
-                                outputPath: getImgOutputPath,
-                                publicPath: function(url, resourcePath) {
-                                    const outputPath = getImgOutputPath(url, resourcePath);
-                                    return toPublicPath(outputPath);
-                                },
-                            },
-                        },
-                    ],
-                },
-            ]
-        },
-
-        plugins: [
-            // This exports our CSS using the splitChunks and loaders above.
-            new MiniCssExtractPlugin({
-                filename: 'bundles/[hash]/[name].css',
-                ignoreOrder: false, // Enable to remove warnings about conflicting order
-            }),
-
-            // This is the app's main entry point.
-            new HtmlWebpackPlugin({
-                template: './src/vector/index.html',
-
-                // we inject the links ourselves via the template, because
-                // HtmlWebpackPlugin will screw up our formatting like the names
-                // of the themes and which chunks we actually care about.
-                inject: false,
-                excludeChunks: ['mobileguide', 'usercontent', 'jitsi'],
-                minify: argv.mode === 'production',
-                vars: {
-                    og_image_url: og_image_url,
-                },
-            }),
-
-            // This is the jitsi widget wrapper (embedded, so isolated stack)
-            new HtmlWebpackPlugin({
-                template: './src/vector/jitsi/index.html',
-                filename: 'jitsi.html',
-                minify: argv.mode === 'production',
-                chunks: ['jitsi'],
-            }),
-
-            // This is the mobile guide's entry point (separate for faster mobile loading)
-            new HtmlWebpackPlugin({
-                template: './src/vector/mobile_guide/index.html',
-                filename: 'mobile_guide/index.html',
-                minify: argv.mode === 'production',
-                chunks: ['mobileguide'],
-            }),
-
-            // These are the static error pages for when the javascript env is *really unsupported*
-            new HtmlWebpackPlugin({
-                template: './src/vector/static/unable-to-load.html',
-                filename: 'static/unable-to-load.html',
-                minify: argv.mode === 'production',
-                chunks: [],
-            }),
-            new HtmlWebpackPlugin({
-                template: './src/vector/static/incompatible-browser.html',
-                filename: 'static/incompatible-browser.html',
-                minify: argv.mode === 'production',
-                chunks: [],
-            }),
-
-            // This is the usercontent sandbox's entry point (separate for iframing)
-            new HtmlWebpackPlugin({
-                template: './node_modules/matrix-react-sdk/src/usercontent/index.html',
-                filename: 'usercontent/index.html',
-                minify: argv.mode === 'production',
-                chunks: ['usercontent'],
-            }),
-        ],
-
-        output: {
-            path: path.join(__dirname, "webapp"),
-
-            // The generated JS (and CSS, from the extraction plugin) are put in a
-            // unique subdirectory for the build. There will only be one such
-            // 'bundle' directory in the generated tarball; however, hosting
-            // servers can collect 'bundles' from multiple versions into one
-            // directory and symlink it into place - this allows users who loaded
-            // an older version of the application to continue to access webpack
-            // chunks even after the app is redeployed.
-            filename: "bundles/[hash]/[name].js",
-            chunkFilename: "bundles/[hash]/[name].js",
-        },
-
-        // configuration for the webpack-dev-server
-        devServer: {
-            // serve unwebpacked assets from webapp.
-            contentBase: './webapp',
-
-            // Only output errors, warnings, or new compilations.
-            // This hides the massive list of modules.
-            stats: 'minimal',
-
-            // hot module replacement doesn't work (I think we'd need react-hot-reload?)
-            // so webpack-dev-server reloads the page on every update which is quite
-            // tedious in Riot since that can take a while.
-            hot: false,
-            inline: false,
-        },
-    };
-};
-
-/**
- * Merge assets found via CSS and imports into a single tree, while also preserving
- * directories under `res`.
- *
- * @param {string} url The adjusted name of the file, such as `warning.1234567.svg`.
- * @param {string} resourcePath The absolute path to the source file with unmodified name.
- * @return {string} The returned paths will look like `img/warning.1234567.svg`.
- */
-function getImgOutputPath(url, resourcePath) {
-    const prefix = /^.*[/\\]res[/\\]/;
-    const outputDir = path.dirname(resourcePath).replace(prefix, "");
-    return path.join(outputDir, path.basename(url));
-}
-
-/**
- * Convert path to public path format, which always uses forward slashes, since it will
- * be placed directly into things like CSS files.
- *
- * @param {string} path Some path to a file.
- */
-function toPublicPath(path) {
-    return path.replace(/\\/g, '/');
-}
diff --git a/yarn.lock b/yarn.lock
deleted file mode 100644
index 441250b72cd..00000000000
--- a/yarn.lock
+++ /dev/null
@@ -1,12563 +0,0 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-
-"@babel/cli@^7.7.5":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.10.1.tgz#b6e5cd43a17b8f639442ab027976408ebe6d79a0"
-  integrity sha512-cVB+dXeGhMOqViIaZs3A9OUAe4pKw4SBNdMw6yHJMYR7s4TB+Cei7ThquV/84O19PdIFWuwe03vxxES0BHUm5g==
-  dependencies:
-    commander "^4.0.1"
-    convert-source-map "^1.1.0"
-    fs-readdir-recursive "^1.1.0"
-    glob "^7.0.0"
-    lodash "^4.17.13"
-    make-dir "^2.1.0"
-    slash "^2.0.0"
-    source-map "^0.5.0"
-  optionalDependencies:
-    chokidar "^2.1.8"
-
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.1", "@babel/code-frame@^7.5.5":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.10.1.tgz#d5481c5095daa1c57e16e54c6f9198443afb49ff"
-  integrity sha512-IGhtTmpjGbYzcEDOw7DcQtbQSXcG9ftmAXtWTu9V936vDye4xjjekktFAtgZsWpzTj/X01jocB46mTywm/4SZw==
-  dependencies:
-    "@babel/highlight" "^7.10.1"
-
-"@babel/compat-data@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.10.1.tgz#b1085ffe72cd17bf2c0ee790fc09f9626011b2db"
-  integrity sha512-CHvCj7So7iCkGKPRFUfryXIkU2gSBw7VSZFYLsqVhrS47269VK2Hfi9S/YcublPMW8k1u2bQBlbDruoQEm4fgw==
-  dependencies:
-    browserslist "^4.12.0"
-    invariant "^2.2.4"
-    semver "^5.5.0"
-
-"@babel/core@>=7.2.2", "@babel/core@^7.1.0", "@babel/core@^7.7.5":
-  version "7.10.2"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.10.2.tgz#bd6786046668a925ac2bd2fd95b579b92a23b36a"
-  integrity sha512-KQmV9yguEjQsXqyOUGKjS4+3K8/DlOCE2pZcq4augdQmtTy5iv5EHtmMSJ7V4c1BIPjuwtZYqYLCq9Ga+hGBRQ==
-  dependencies:
-    "@babel/code-frame" "^7.10.1"
-    "@babel/generator" "^7.10.2"
-    "@babel/helper-module-transforms" "^7.10.1"
-    "@babel/helpers" "^7.10.1"
-    "@babel/parser" "^7.10.2"
-    "@babel/template" "^7.10.1"
-    "@babel/traverse" "^7.10.1"
-    "@babel/types" "^7.10.2"
-    convert-source-map "^1.7.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.1"
-    json5 "^2.1.2"
-    lodash "^4.17.13"
-    resolve "^1.3.2"
-    semver "^5.4.1"
-    source-map "^0.5.0"
-
-"@babel/generator@^7.10.1", "@babel/generator@^7.10.2", "@babel/generator@^7.4.0":
-  version "7.10.2"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.10.2.tgz#0fa5b5b2389db8bfdfcc3492b551ee20f5dd69a9"
-  integrity sha512-AxfBNHNu99DTMvlUPlt1h2+Hn7knPpH5ayJ8OqDWSeLld+Fi2AYBTC/IejWDM9Edcii4UzZRCsbUt0WlSDsDsA==
-  dependencies:
-    "@babel/types" "^7.10.2"
-    jsesc "^2.5.1"
-    lodash "^4.17.13"
-    source-map "^0.5.0"
-
-"@babel/helper-annotate-as-pure@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.10.1.tgz#f6d08acc6f70bbd59b436262553fb2e259a1a268"
-  integrity sha512-ewp3rvJEwLaHgyWGe4wQssC2vjks3E80WiUe2BpMb0KhreTjMROCbxXcEovTrbeGVdQct5VjQfrv9EgC+xMzCw==
-  dependencies:
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-builder-binary-assignment-operator-visitor@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.10.1.tgz#0ec7d9be8174934532661f87783eb18d72290059"
-  integrity sha512-cQpVq48EkYxUU0xozpGCLla3wlkdRRqLWu1ksFMXA9CM5KQmyyRpSEsYXbao7JUkOw/tAaYKCaYyZq6HOFYtyw==
-  dependencies:
-    "@babel/helper-explode-assignable-expression" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-builder-react-jsx-experimental@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx-experimental/-/helper-builder-react-jsx-experimental-7.10.1.tgz#9a7d58ad184d3ac3bafb1a452cec2bad7e4a0bc8"
-  integrity sha512-irQJ8kpQUV3JasXPSFQ+LCCtJSc5ceZrPFVj6TElR6XCHssi3jV8ch3odIrNtjJFRZZVbrOEfJMI79TPU/h1pQ==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.10.1"
-    "@babel/helper-module-imports" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-builder-react-jsx@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx/-/helper-builder-react-jsx-7.10.1.tgz#a327f0cf983af5554701b1215de54a019f09b532"
-  integrity sha512-KXzzpyWhXgzjXIlJU1ZjIXzUPdej1suE6vzqgImZ/cpAsR/CC8gUcX4EWRmDfWz/cs6HOCPMBIJ3nKoXt3BFuw==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-compilation-targets@^7.10.2":
-  version "7.10.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.10.2.tgz#a17d9723b6e2c750299d2a14d4637c76936d8285"
-  integrity sha512-hYgOhF4To2UTB4LTaZepN/4Pl9LD4gfbJx8A34mqoluT8TLbof1mhUlYuNWTEebONa8+UlCC4X0TEXu7AOUyGA==
-  dependencies:
-    "@babel/compat-data" "^7.10.1"
-    browserslist "^4.12.0"
-    invariant "^2.2.4"
-    levenary "^1.1.1"
-    semver "^5.5.0"
-
-"@babel/helper-create-class-features-plugin@^7.10.1":
-  version "7.10.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.10.2.tgz#7474295770f217dbcf288bf7572eb213db46ee67"
-  integrity sha512-5C/QhkGFh1vqcziq1vAL6SI9ymzUp8BCYjFpvYVhWP4DlATIb3u5q3iUd35mvlyGs8fO7hckkW7i0tmH+5+bvQ==
-  dependencies:
-    "@babel/helper-function-name" "^7.10.1"
-    "@babel/helper-member-expression-to-functions" "^7.10.1"
-    "@babel/helper-optimise-call-expression" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/helper-replace-supers" "^7.10.1"
-    "@babel/helper-split-export-declaration" "^7.10.1"
-
-"@babel/helper-create-regexp-features-plugin@^7.10.1", "@babel/helper-create-regexp-features-plugin@^7.8.3":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.10.1.tgz#1b8feeab1594cbcfbf3ab5a3bbcabac0468efdbd"
-  integrity sha512-Rx4rHS0pVuJn5pJOqaqcZR4XSgeF9G/pO/79t+4r7380tXFJdzImFnxMU19f83wjSrmKHq6myrM10pFHTGzkUA==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.10.1"
-    "@babel/helper-regex" "^7.10.1"
-    regexpu-core "^4.7.0"
-
-"@babel/helper-define-map@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.10.1.tgz#5e69ee8308648470dd7900d159c044c10285221d"
-  integrity sha512-+5odWpX+OnvkD0Zmq7panrMuAGQBu6aPUgvMzuMGo4R+jUOvealEj2hiqI6WhxgKrTpFoFj0+VdsuA8KDxHBDg==
-  dependencies:
-    "@babel/helper-function-name" "^7.10.1"
-    "@babel/types" "^7.10.1"
-    lodash "^4.17.13"
-
-"@babel/helper-explode-assignable-expression@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.10.1.tgz#e9d76305ee1162ca467357ae25df94f179af2b7e"
-  integrity sha512-vcUJ3cDjLjvkKzt6rHrl767FeE7pMEYfPanq5L16GRtrXIoznc0HykNW2aEYkcnP76P0isoqJ34dDMFZwzEpJg==
-  dependencies:
-    "@babel/traverse" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-function-name@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.10.1.tgz#92bd63829bfc9215aca9d9defa85f56b539454f4"
-  integrity sha512-fcpumwhs3YyZ/ttd5Rz0xn0TpIwVkN7X0V38B9TWNfVF42KEkhkAAuPCQ3oXmtTRtiPJrmZ0TrfS0GKF0eMaRQ==
-  dependencies:
-    "@babel/helper-get-function-arity" "^7.10.1"
-    "@babel/template" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-get-function-arity@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.1.tgz#7303390a81ba7cb59613895a192b93850e373f7d"
-  integrity sha512-F5qdXkYGOQUb0hpRaPoetF9AnsXknKjWMZ+wmsIRsp5ge5sFh4c3h1eH2pRTTuy9KKAA2+TTYomGXAtEL2fQEw==
-  dependencies:
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-hoist-variables@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.10.1.tgz#7e77c82e5dcae1ebf123174c385aaadbf787d077"
-  integrity sha512-vLm5srkU8rI6X3+aQ1rQJyfjvCBLXP8cAGeuw04zeAM2ItKb1e7pmVmLyHb4sDaAYnLL13RHOZPLEtcGZ5xvjg==
-  dependencies:
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-member-expression-to-functions@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.10.1.tgz#432967fd7e12a4afef66c4687d4ca22bc0456f15"
-  integrity sha512-u7XLXeM2n50gb6PWJ9hoO5oO7JFPaZtrh35t8RqKLT1jFKj9IWeD1zrcrYp1q1qiZTdEarfDWfTIP8nGsu0h5g==
-  dependencies:
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-module-imports@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.10.1.tgz#dd331bd45bccc566ce77004e9d05fe17add13876"
-  integrity sha512-SFxgwYmZ3HZPyZwJRiVNLRHWuW2OgE5k2nrVs6D9Iv4PPnXVffuEHy83Sfx/l4SqF+5kyJXjAyUmrG7tNm+qVg==
-  dependencies:
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-module-transforms@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.10.1.tgz#24e2f08ee6832c60b157bb0936c86bef7210c622"
-  integrity sha512-RLHRCAzyJe7Q7sF4oy2cB+kRnU4wDZY/H2xJFGof+M+SJEGhZsb+GFj5j1AD8NiSaVBJ+Pf0/WObiXu/zxWpFg==
-  dependencies:
-    "@babel/helper-module-imports" "^7.10.1"
-    "@babel/helper-replace-supers" "^7.10.1"
-    "@babel/helper-simple-access" "^7.10.1"
-    "@babel/helper-split-export-declaration" "^7.10.1"
-    "@babel/template" "^7.10.1"
-    "@babel/types" "^7.10.1"
-    lodash "^4.17.13"
-
-"@babel/helper-optimise-call-expression@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.1.tgz#b4a1f2561870ce1247ceddb02a3860fa96d72543"
-  integrity sha512-a0DjNS1prnBsoKx83dP2falChcs7p3i8VMzdrSbfLhuQra/2ENC4sbri34dz/rWmDADsmF1q5GbfaXydh0Jbjg==
-  dependencies:
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.1", "@babel/helper-plugin-utils@^7.8.0":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.1.tgz#ec5a5cf0eec925b66c60580328b122c01230a127"
-  integrity sha512-fvoGeXt0bJc7VMWZGCAEBEMo/HAjW2mP8apF5eXK0wSqwLAVHAISCWRoLMBMUs2kqeaG77jltVqu4Hn8Egl3nA==
-
-"@babel/helper-regex@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-regex/-/helper-regex-7.10.1.tgz#021cf1a7ba99822f993222a001cc3fec83255b96"
-  integrity sha512-7isHr19RsIJWWLLFn21ubFt223PjQyg1HY7CZEMRr820HttHPpVvrsIN3bUOo44DEfFV4kBXO7Abbn9KTUZV7g==
-  dependencies:
-    lodash "^4.17.13"
-
-"@babel/helper-remap-async-to-generator@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.10.1.tgz#bad6aaa4ff39ce8d4b82ccaae0bfe0f7dbb5f432"
-  integrity sha512-RfX1P8HqsfgmJ6CwaXGKMAqbYdlleqglvVtht0HGPMSsy2V6MqLlOJVF/0Qyb/m2ZCi2z3q3+s6Pv7R/dQuZ6A==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.10.1"
-    "@babel/helper-wrap-function" "^7.10.1"
-    "@babel/template" "^7.10.1"
-    "@babel/traverse" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-replace-supers@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.10.1.tgz#ec6859d20c5d8087f6a2dc4e014db7228975f13d"
-  integrity sha512-SOwJzEfpuQwInzzQJGjGaiG578UYmyi2Xw668klPWV5n07B73S0a9btjLk/52Mlcxa+5AdIYqws1KyXRfMoB7A==
-  dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.10.1"
-    "@babel/helper-optimise-call-expression" "^7.10.1"
-    "@babel/traverse" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-simple-access@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.10.1.tgz#08fb7e22ace9eb8326f7e3920a1c2052f13d851e"
-  integrity sha512-VSWpWzRzn9VtgMJBIWTZ+GP107kZdQ4YplJlCmIrjoLVSi/0upixezHCDG8kpPVTBJpKfxTH01wDhh+jS2zKbw==
-  dependencies:
-    "@babel/template" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-split-export-declaration@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.1.tgz#c6f4be1cbc15e3a868e4c64a17d5d31d754da35f"
-  integrity sha512-UQ1LVBPrYdbchNhLwj6fetj46BcFwfS4NllJo/1aJsT+1dLTEnXJL0qHqtY7gPzF8S2fXBJamf1biAXV3X077g==
-  dependencies:
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-validator-identifier@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.1.tgz#5770b0c1a826c4f53f5ede5e153163e0318e94b5"
-  integrity sha512-5vW/JXLALhczRCWP0PnFDMCJAchlBvM7f4uk/jXritBnIa6E1KmqmtrS3yn1LAnxFBypQ3eneLuXjsnfQsgILw==
-
-"@babel/helper-wrap-function@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.10.1.tgz#956d1310d6696257a7afd47e4c42dfda5dfcedc9"
-  integrity sha512-C0MzRGteVDn+H32/ZgbAv5r56f2o1fZSA/rj/TYo8JEJNHg+9BdSmKBUND0shxWRztWhjlT2cvHYuynpPsVJwQ==
-  dependencies:
-    "@babel/helper-function-name" "^7.10.1"
-    "@babel/template" "^7.10.1"
-    "@babel/traverse" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/helpers@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.10.1.tgz#a6827b7cb975c9d9cef5fd61d919f60d8844a973"
-  integrity sha512-muQNHF+IdU6wGgkaJyhhEmI54MOZBKsFfsXFhboz1ybwJ1Kl7IHlbm2a++4jwrmY5UYsgitt5lfqo1wMFcHmyw==
-  dependencies:
-    "@babel/template" "^7.10.1"
-    "@babel/traverse" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/highlight@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.10.1.tgz#841d098ba613ba1a427a2b383d79e35552c38ae0"
-  integrity sha512-8rMof+gVP8mxYZApLF/JgNDAkdKa+aJt3ZYxF8z6+j/hpeXL7iMsKCPHa2jNMHu/qqBwzQF4OHNoYi8dMA/rYg==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.10.1"
-    chalk "^2.0.0"
-    js-tokens "^4.0.0"
-
-"@babel/parser@^7.1.0", "@babel/parser@^7.10.1", "@babel/parser@^7.10.2", "@babel/parser@^7.4.3", "@babel/parser@^7.7.0":
-  version "7.10.2"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.10.2.tgz#871807f10442b92ff97e4783b9b54f6a0ca812d0"
-  integrity sha512-PApSXlNMJyB4JiGVhCOlzKIif+TKFTvu0aQAhnTvfP/z3vVSN6ZypH5bfUNwFXXjRQtUEBNFd2PtmCmG2Py3qQ==
-
-"@babel/plugin-proposal-async-generator-functions@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.10.1.tgz#6911af5ba2e615c4ff3c497fe2f47b35bf6d7e55"
-  integrity sha512-vzZE12ZTdB336POZjmpblWfNNRpMSua45EYnRigE2XsZxcXcIyly2ixnTJasJE4Zq3U7t2d8rRF7XRUuzHxbOw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/helper-remap-async-to-generator" "^7.10.1"
-    "@babel/plugin-syntax-async-generators" "^7.8.0"
-
-"@babel/plugin-proposal-class-properties@^7.10.1", "@babel/plugin-proposal-class-properties@^7.7.4":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.10.1.tgz#046bc7f6550bb08d9bd1d4f060f5f5a4f1087e01"
-  integrity sha512-sqdGWgoXlnOdgMXU+9MbhzwFRgxVLeiGBqTrnuS7LC2IBU31wSsESbTUreT2O418obpfPdGUR2GbEufZF1bpqw==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-proposal-decorators@^7.7.4":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.10.1.tgz#9373c2d8db45345c6e30452ad77b469758e5c8f7"
-  integrity sha512-xBfteh352MTke2U1NpclzMDmAmCdQ2fBZjhZQQfGTjXw6qcRYMkt528sA1U8o0ThDCSeuETXIj5bOGdxN+5gkw==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-decorators" "^7.10.1"
-
-"@babel/plugin-proposal-dynamic-import@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.10.1.tgz#e36979dc1dc3b73f6d6816fc4951da2363488ef0"
-  integrity sha512-Cpc2yUVHTEGPlmiQzXj026kqwjEQAD9I4ZC16uzdbgWgitg/UHKHLffKNCQZ5+y8jpIZPJcKcwsr2HwPh+w3XA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.0"
-
-"@babel/plugin-proposal-export-default-from@^7.7.4":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.10.1.tgz#59ea2a4f09dbb0358c73dab27def3d21a27bd370"
-  integrity sha512-Xfc1CfHapIkwZ/+AI+j4Ha3g233ol0EEdy6SmnUuQQiZX78SfQXHd8tmntc5zqCkwPnIHoiZa6l6p0OAvxYXHw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-export-default-from" "^7.10.1"
-
-"@babel/plugin-proposal-json-strings@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.10.1.tgz#b1e691ee24c651b5a5e32213222b2379734aff09"
-  integrity sha512-m8r5BmV+ZLpWPtMY2mOKN7wre6HIO4gfIiV+eOmsnZABNenrt/kzYBwrh+KOfgumSWpnlGs5F70J8afYMSJMBg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-json-strings" "^7.8.0"
-
-"@babel/plugin-proposal-nullish-coalescing-operator@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.10.1.tgz#02dca21673842ff2fe763ac253777f235e9bbf78"
-  integrity sha512-56cI/uHYgL2C8HVuHOuvVowihhX0sxb3nnfVRzUeVHTWmRHTZrKuAh/OBIMggGU/S1g/1D2CRCXqP+3u7vX7iA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
-
-"@babel/plugin-proposal-numeric-separator@^7.10.1", "@babel/plugin-proposal-numeric-separator@^7.7.4":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.10.1.tgz#a9a38bc34f78bdfd981e791c27c6fdcec478c123"
-  integrity sha512-jjfym4N9HtCiNfyyLAVD8WqPYeHUrw4ihxuAynWj6zzp2gf9Ey2f7ImhFm6ikB3CLf5Z/zmcJDri6B4+9j9RsA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.1"
-
-"@babel/plugin-proposal-object-rest-spread@^7.10.1", "@babel/plugin-proposal-object-rest-spread@^7.7.4":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.10.1.tgz#cba44908ac9f142650b4a65b8aa06bf3478d5fb6"
-  integrity sha512-Z+Qri55KiQkHh7Fc4BW6o+QBuTagbOp9txE+4U1i79u9oWlf2npkiDx+Rf3iK3lbcHBuNy9UOkwuR5wOMH3LIQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
-    "@babel/plugin-transform-parameters" "^7.10.1"
-
-"@babel/plugin-proposal-optional-catch-binding@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.10.1.tgz#c9f86d99305f9fa531b568ff5ab8c964b8b223d2"
-  integrity sha512-VqExgeE62YBqI3ogkGoOJp1R6u12DFZjqwJhqtKc2o5m1YTUuUWnos7bZQFBhwkxIFpWYJ7uB75U7VAPPiKETA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
-
-"@babel/plugin-proposal-optional-chaining@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.10.1.tgz#15f5d6d22708629451a91be28f8facc55b0e818c"
-  integrity sha512-dqQj475q8+/avvok72CF3AOSV/SGEcH29zT5hhohqqvvZ2+boQoOr7iGldBG5YXTO2qgCgc2B3WvVLUdbeMlGA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.0"
-
-"@babel/plugin-proposal-private-methods@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.10.1.tgz#ed85e8058ab0fe309c3f448e5e1b73ca89cdb598"
-  integrity sha512-RZecFFJjDiQ2z6maFprLgrdnm0OzoC23Mx89xf1CcEsxmHuzuXOdniEuI+S3v7vjQG4F5sa6YtUp+19sZuSxHg==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-proposal-unicode-property-regex@^7.10.1", "@babel/plugin-proposal-unicode-property-regex@^7.4.4":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.10.1.tgz#dc04feb25e2dd70c12b05d680190e138fa2c0c6f"
-  integrity sha512-JjfngYRvwmPwmnbRZyNiPFI8zxCZb8euzbCG/LxyKdeTb59tVciKo9GK9bi6JYKInk1H11Dq9j/zRqIH4KigfQ==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-async-generators@^7.8.0":
-  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-class-properties@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.10.1.tgz#d5bc0645913df5b17ad7eda0fa2308330bde34c5"
-  integrity sha512-Gf2Yx/iRs1JREDtVZ56OrjjgFHCaldpTnuy9BHla10qyVT3YkIIGEtoDWhyop0ksu1GvNjHIoYRBqm3zoR1jyQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-decorators@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.10.1.tgz#16b869c4beafc9a442565147bda7ce0967bd4f13"
-  integrity sha512-a9OAbQhKOwSle1Vr0NJu/ISg1sPfdEkfRKWpgPuzhnWWzForou2gIeUIIwjAMHRekhhpJ7eulZlYs0H14Cbi+g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-dynamic-import@^7.7.4", "@babel/plugin-syntax-dynamic-import@^7.8.0":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
-  integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-export-default-from@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.10.1.tgz#634f58f36b5d6320d80f75441fdc61e1c05c33b0"
-  integrity sha512-+rcL4S/mN1Ss4zhSCbxzv1Wsf12eauvgTjWi0krXEeX1zd6qSxYnJoniE5Ssr5w2WPt61oUCJyXIFQIqO/29zw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-flow@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.10.1.tgz#cd4bbca62fb402babacb174f64f8734310d742f0"
-  integrity sha512-b3pWVncLBYoPP60UOTc7NMlbtsHQ6ITim78KQejNHK6WJ2mzV5kCcg4mIWpasAfJEgwVTibwo2e+FU7UEIKQUg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-json-strings@^7.8.0":
-  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.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.10.1.tgz#0ae371134a42b91d5418feb3c8c8d43e1565d2da"
-  integrity sha512-+OxyOArpVFXQeXKLO9o+r2I4dIoVoy6+Uu0vKELrlweDM3QJADZj+Z+5ERansZqIZBcLj42vHnDI8Rz9BnRIuQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.0":
-  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.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.1.tgz#25761ee7410bc8cf97327ba741ee94e4a61b7d99"
-  integrity sha512-uTd0OsHrpe3tH5gRPTxG8Voh99/WCU78vIm5NMRYPAqC8lR4vajt6KkCAknCHrx24vkPdd/05yfdGSB4EIY2mg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-object-rest-spread@^7.0.0", "@babel/plugin-syntax-object-rest-spread@^7.8.0":
-  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.0":
-  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.0":
-  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-top-level-await@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.10.1.tgz#8b8733f8c57397b3eaa47ddba8841586dcaef362"
-  integrity sha512-hgA5RYkmZm8FTFT3yu2N9Bx7yVVOKYT6yEdXXo6j2JTm0wNxgqaGeQVaSHRjhfnQbX91DtjFB6McRFSlcJH3xQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-typescript@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.10.1.tgz#5e82bc27bb4202b93b949b029e699db536733810"
-  integrity sha512-X/d8glkrAtra7CaQGMiGs/OGa6XgUzqPcBXCIGFCpCqnfGlT0Wfbzo/B89xHhnInTaItPK8LALblVXcUOEh95Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-arrow-functions@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.10.1.tgz#cb5ee3a36f0863c06ead0b409b4cc43a889b295b"
-  integrity sha512-6AZHgFJKP3DJX0eCNJj01RpytUa3SOGawIxweHkNX2L6PYikOZmoh5B0d7hIHaIgveMjX990IAa/xK7jRTN8OA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-async-to-generator@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.10.1.tgz#e5153eb1a3e028f79194ed8a7a4bf55f862b2062"
-  integrity sha512-XCgYjJ8TY2slj6SReBUyamJn3k2JLUIiiR5b6t1mNCMSvv7yx+jJpaewakikp0uWFQSF7ChPPoe3dHmXLpISkg==
-  dependencies:
-    "@babel/helper-module-imports" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/helper-remap-async-to-generator" "^7.10.1"
-
-"@babel/plugin-transform-block-scoped-functions@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.10.1.tgz#146856e756d54b20fff14b819456b3e01820b85d"
-  integrity sha512-B7K15Xp8lv0sOJrdVAoukKlxP9N59HS48V1J3U/JGj+Ad+MHq+am6xJVs85AgXrQn4LV8vaYFOB+pr/yIuzW8Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-block-scoping@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.10.1.tgz#47092d89ca345811451cd0dc5d91605982705d5e"
-  integrity sha512-8bpWG6TtF5akdhIm/uWTyjHqENpy13Fx8chg7pFH875aNLwX8JxIxqm08gmAT+Whe6AOmaTeLPe7dpLbXt+xUw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    lodash "^4.17.13"
-
-"@babel/plugin-transform-classes@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.10.1.tgz#6e11dd6c4dfae70f540480a4702477ed766d733f"
-  integrity sha512-P9V0YIh+ln/B3RStPoXpEQ/CoAxQIhRSUn7aXqQ+FZJ2u8+oCtjIXR3+X0vsSD8zv+mb56K7wZW1XiDTDGiDRQ==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.10.1"
-    "@babel/helper-define-map" "^7.10.1"
-    "@babel/helper-function-name" "^7.10.1"
-    "@babel/helper-optimise-call-expression" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/helper-replace-supers" "^7.10.1"
-    "@babel/helper-split-export-declaration" "^7.10.1"
-    globals "^11.1.0"
-
-"@babel/plugin-transform-computed-properties@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.10.1.tgz#59aa399064429d64dce5cf76ef9b90b7245ebd07"
-  integrity sha512-mqSrGjp3IefMsXIenBfGcPXxJxweQe2hEIwMQvjtiDQ9b1IBvDUjkAtV/HMXX47/vXf14qDNedXsIiNd1FmkaQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-destructuring@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.10.1.tgz#abd58e51337815ca3a22a336b85f62b998e71907"
-  integrity sha512-V/nUc4yGWG71OhaTH705pU8ZSdM6c1KmmLP8ys59oOYbT7RpMYAR3MsVOt6OHL0WzG7BlTU076va9fjJyYzJMA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-dotall-regex@^7.10.1", "@babel/plugin-transform-dotall-regex@^7.4.4":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.10.1.tgz#920b9fec2d78bb57ebb64a644d5c2ba67cc104ee"
-  integrity sha512-19VIMsD1dp02RvduFUmfzj8uknaO3uiHHF0s3E1OHnVsNj8oge8EQ5RzHRbJjGSetRnkEuBYO7TG1M5kKjGLOA==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-duplicate-keys@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.10.1.tgz#c900a793beb096bc9d4d0a9d0cde19518ffc83b9"
-  integrity sha512-wIEpkX4QvX8Mo9W6XF3EdGttrIPZWozHfEaDTU0WJD/TDnXMvdDh30mzUl/9qWhnf7naicYartcEfUghTCSNpA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-exponentiation-operator@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.10.1.tgz#279c3116756a60dd6e6f5e488ba7957db9c59eb3"
-  integrity sha512-lr/przdAbpEA2BUzRvjXdEDLrArGRRPwbaF9rvayuHRvdQ7lUTTkZnhZrJ4LE2jvgMRFF4f0YuPQ20vhiPYxtA==
-  dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-flow-comments@^7.7.4":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-comments/-/plugin-transform-flow-comments-7.10.1.tgz#1befb98f8d37245b70770a1f83c67057e41bd4a9"
-  integrity sha512-A1yDAD/3pU+NyCHRvm+GQE2xiyRV6mGDyhMdTKPqgs5aRcc2MR4wmnHJJIB91f8NwMNl8dxmN6nmj/7FCr6Jgw==
-  dependencies:
-    "@babel/generator" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-flow" "^7.10.1"
-
-"@babel/plugin-transform-flow-strip-types@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.10.1.tgz#59eafbff9ae85ec8932d4c16c068654be814ec5e"
-  integrity sha512-i4o0YwiJBIsIx7/liVCZ3Q2WkWr1/Yu39PksBOnh/khW2SwIFsGa5Ze+MSon5KbDfrEHP9NeyefAgvUSXzaEkw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-flow" "^7.10.1"
-
-"@babel/plugin-transform-for-of@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.10.1.tgz#ff01119784eb0ee32258e8646157ba2501fcfda5"
-  integrity sha512-US8KCuxfQcn0LwSCMWMma8M2R5mAjJGsmoCBVwlMygvmDUMkTCykc84IqN1M7t+agSfOmLYTInLCHJM+RUoz+w==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-function-name@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.10.1.tgz#4ed46fd6e1d8fde2a2ec7b03c66d853d2c92427d"
-  integrity sha512-//bsKsKFBJfGd65qSNNh1exBy5Y9gD9ZN+DvrJ8f7HXr4avE5POW6zB7Rj6VnqHV33+0vXWUwJT0wSHubiAQkw==
-  dependencies:
-    "@babel/helper-function-name" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-literals@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.10.1.tgz#5794f8da82846b22e4e6631ea1658bce708eb46a"
-  integrity sha512-qi0+5qgevz1NHLZroObRm5A+8JJtibb7vdcPQF1KQE12+Y/xxl8coJ+TpPW9iRq+Mhw/NKLjm+5SHtAHCC7lAw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-member-expression-literals@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.10.1.tgz#90347cba31bca6f394b3f7bd95d2bbfd9fce2f39"
-  integrity sha512-UmaWhDokOFT2GcgU6MkHC11i0NQcL63iqeufXWfRy6pUOGYeCGEKhvfFO6Vz70UfYJYHwveg62GS83Rvpxn+NA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-modules-amd@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.10.1.tgz#65950e8e05797ebd2fe532b96e19fc5482a1d52a"
-  integrity sha512-31+hnWSFRI4/ACFr1qkboBbrTxoBIzj7qA69qlq8HY8p7+YCzkCT6/TvQ1a4B0z27VeWtAeJd6pr5G04dc1iHw==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-    babel-plugin-dynamic-import-node "^2.3.3"
-
-"@babel/plugin-transform-modules-commonjs@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.10.1.tgz#d5ff4b4413ed97ffded99961056e1fb980fb9301"
-  integrity sha512-AQG4fc3KOah0vdITwt7Gi6hD9BtQP/8bhem7OjbaMoRNCH5Djx42O2vYMfau7QnAzQCa+RJnhJBmFFMGpQEzrg==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/helper-simple-access" "^7.10.1"
-    babel-plugin-dynamic-import-node "^2.3.3"
-
-"@babel/plugin-transform-modules-systemjs@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.10.1.tgz#9962e4b0ac6aaf2e20431ada3d8ec72082cbffb6"
-  integrity sha512-ewNKcj1TQZDL3YnO85qh9zo1YF1CHgmSTlRQgHqe63oTrMI85cthKtZjAiZSsSNjPQ5NCaYo5QkbYqEw1ZBgZA==
-  dependencies:
-    "@babel/helper-hoist-variables" "^7.10.1"
-    "@babel/helper-module-transforms" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-    babel-plugin-dynamic-import-node "^2.3.3"
-
-"@babel/plugin-transform-modules-umd@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.10.1.tgz#ea080911ffc6eb21840a5197a39ede4ee67b1595"
-  integrity sha512-EIuiRNMd6GB6ulcYlETnYYfgv4AxqrswghmBRQbWLHZxN4s7mupxzglnHqk9ZiUpDI4eRWewedJJNj67PWOXKA==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-named-capturing-groups-regex@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.8.3.tgz#a2a72bffa202ac0e2d0506afd0939c5ecbc48c6c"
-  integrity sha512-f+tF/8UVPU86TrCb06JoPWIdDpTNSGGcAtaD9mLP0aYGA0OS0j7j7DHJR0GTFrUZPUU6loZhbsVZgTh0N+Qdnw==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.8.3"
-
-"@babel/plugin-transform-new-target@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.10.1.tgz#6ee41a5e648da7632e22b6fb54012e87f612f324"
-  integrity sha512-MBlzPc1nJvbmO9rPr1fQwXOM2iGut+JC92ku6PbiJMMK7SnQc1rytgpopveE3Evn47gzvGYeCdgfCDbZo0ecUw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-object-super@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.10.1.tgz#2e3016b0adbf262983bf0d5121d676a5ed9c4fde"
-  integrity sha512-WnnStUDN5GL+wGQrJylrnnVlFhFmeArINIR9gjhSeYyvroGhBrSAXYg/RHsnfzmsa+onJrTJrEClPzgNmmQ4Gw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/helper-replace-supers" "^7.10.1"
-
-"@babel/plugin-transform-parameters@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.10.1.tgz#b25938a3c5fae0354144a720b07b32766f683ddd"
-  integrity sha512-tJ1T0n6g4dXMsL45YsSzzSDZCxiHXAQp/qHrucOq5gEHncTA3xDxnd5+sZcoQp+N1ZbieAaB8r/VUCG0gqseOg==
-  dependencies:
-    "@babel/helper-get-function-arity" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-property-literals@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.10.1.tgz#cffc7315219230ed81dc53e4625bf86815b6050d"
-  integrity sha512-Kr6+mgag8auNrgEpbfIWzdXYOvqDHZOF0+Bx2xh4H2EDNwcbRb9lY6nkZg8oSjsX+DH9Ebxm9hOqtKW+gRDeNA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-react-display-name@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.10.1.tgz#e6a33f6d48dfb213dda5e007d0c7ff82b6a3d8ef"
-  integrity sha512-rBjKcVwjk26H3VX8pavMxGf33LNlbocMHdSeldIEswtQ/hrjyTG8fKKILW1cSkODyRovckN/uZlGb2+sAV9JUQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-react-jsx-development@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.10.1.tgz#1ac6300d8b28ef381ee48e6fec430cc38047b7f3"
-  integrity sha512-XwDy/FFoCfw9wGFtdn5Z+dHh6HXKHkC6DwKNWpN74VWinUagZfDcEJc3Y8Dn5B3WMVnAllX8Kviaw7MtC5Epwg==
-  dependencies:
-    "@babel/helper-builder-react-jsx-experimental" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-jsx" "^7.10.1"
-
-"@babel/plugin-transform-react-jsx-self@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.10.1.tgz#22143e14388d72eb88649606bb9e46f421bc3821"
-  integrity sha512-4p+RBw9d1qV4S749J42ZooeQaBomFPrSxa9JONLHJ1TxCBo3TzJ79vtmG2S2erUT8PDDrPdw4ZbXGr2/1+dILA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-jsx" "^7.10.1"
-
-"@babel/plugin-transform-react-jsx-source@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.10.1.tgz#30db3d4ee3cdebbb26a82a9703673714777a4273"
-  integrity sha512-neAbaKkoiL+LXYbGDvh6PjPG+YeA67OsZlE78u50xbWh2L1/C81uHiNP5d1fw+uqUIoiNdCC8ZB+G4Zh3hShJA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-jsx" "^7.10.1"
-
-"@babel/plugin-transform-react-jsx@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.10.1.tgz#91f544248ba131486decb5d9806da6a6e19a2896"
-  integrity sha512-MBVworWiSRBap3Vs39eHt+6pJuLUAaK4oxGc8g+wY+vuSJvLiEQjW1LSTqKb8OUPtDvHCkdPhk7d6sjC19xyFw==
-  dependencies:
-    "@babel/helper-builder-react-jsx" "^7.10.1"
-    "@babel/helper-builder-react-jsx-experimental" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-jsx" "^7.10.1"
-
-"@babel/plugin-transform-react-pure-annotations@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.10.1.tgz#f5e7c755d3e7614d4c926e144f501648a5277b70"
-  integrity sha512-mfhoiai083AkeewsBHUpaS/FM1dmUENHBMpS/tugSJ7VXqXO5dCN1Gkint2YvM1Cdv1uhmAKt1ZOuAjceKmlLA==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-regenerator@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.10.1.tgz#10e175cbe7bdb63cc9b39f9b3f823c5c7c5c5490"
-  integrity sha512-B3+Y2prScgJ2Bh/2l9LJxKbb8C8kRfsG4AdPT+n7ixBHIxJaIG8bi8tgjxUMege1+WqSJ+7gu1YeoMVO3gPWzw==
-  dependencies:
-    regenerator-transform "^0.14.2"
-
-"@babel/plugin-transform-reserved-words@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.10.1.tgz#0fc1027312b4d1c3276a57890c8ae3bcc0b64a86"
-  integrity sha512-qN1OMoE2nuqSPmpTqEM7OvJ1FkMEV+BjVeZZm9V9mq/x1JLKQ4pcv8riZJMNN3u2AUGl0ouOMjRr2siecvHqUQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-runtime@^7.7.6":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.10.1.tgz#fd1887f749637fb2ed86dc278e79eb41df37f4b1"
-  integrity sha512-4w2tcglDVEwXJ5qxsY++DgWQdNJcCCsPxfT34wCUwIf2E7dI7pMpH8JczkMBbgBTNzBX62SZlNJ9H+De6Zebaw==
-  dependencies:
-    "@babel/helper-module-imports" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-    resolve "^1.8.1"
-    semver "^5.5.1"
-
-"@babel/plugin-transform-shorthand-properties@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.10.1.tgz#e8b54f238a1ccbae482c4dce946180ae7b3143f3"
-  integrity sha512-AR0E/lZMfLstScFwztApGeyTHJ5u3JUKMjneqRItWeEqDdHWZwAOKycvQNCasCK/3r5YXsuNG25funcJDu7Y2g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-spread@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.10.1.tgz#0c6d618a0c4461a274418460a28c9ccf5239a7c8"
-  integrity sha512-8wTPym6edIrClW8FI2IoaePB91ETOtg36dOkj3bYcNe7aDMN2FXEoUa+WrmPc4xa1u2PQK46fUX2aCb+zo9rfw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-sticky-regex@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.10.1.tgz#90fc89b7526228bed9842cff3588270a7a393b00"
-  integrity sha512-j17ojftKjrL7ufX8ajKvwRilwqTok4q+BjkknmQw9VNHnItTyMP5anPFzxFJdCQs7clLcWpCV3ma+6qZWLnGMA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/helper-regex" "^7.10.1"
-
-"@babel/plugin-transform-template-literals@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.10.1.tgz#914c7b7f4752c570ea00553b4284dad8070e8628"
-  integrity sha512-t7B/3MQf5M1T9hPCRG28DNGZUuxAuDqLYS03rJrIk2prj/UV7Z6FOneijhQhnv/Xa039vidXeVbvjK2SK5f7Gg==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-typeof-symbol@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.10.1.tgz#60c0239b69965d166b80a84de7315c1bc7e0bb0e"
-  integrity sha512-qX8KZcmbvA23zDi+lk9s6hC1FM7jgLHYIjuLgULgc8QtYnmB3tAVIYkNoKRQ75qWBeyzcoMoK8ZQmogGtC/w0g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-typescript@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.10.1.tgz#2c54daea231f602468686d9faa76f182a94507a6"
-  integrity sha512-v+QWKlmCnsaimLeqq9vyCsVRMViZG1k2SZTlcZvB+TqyH570Zsij8nvVUZzOASCRiQFUxkLrn9Wg/kH0zgy5OQ==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-syntax-typescript" "^7.10.1"
-
-"@babel/plugin-transform-unicode-escapes@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.10.1.tgz#add0f8483dab60570d9e03cecef6c023aa8c9940"
-  integrity sha512-zZ0Poh/yy1d4jeDWpx/mNwbKJVwUYJX73q+gyh4bwtG0/iUlzdEu0sLMda8yuDFS6LBQlT/ST1SJAR6zYwXWgw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-unicode-regex@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.10.1.tgz#6b58f2aea7b68df37ac5025d9c88752443a6b43f"
-  integrity sha512-Y/2a2W299k0VIUdbqYm9X2qS6fE0CUBhhiPpimK6byy7OJ/kORLlIX+J6UrjgNu5awvs62k+6RSslxhcvVw2Tw==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/preset-env@^7.7.6":
-  version "7.10.2"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.10.2.tgz#715930f2cf8573b0928005ee562bed52fb65fdfb"
-  integrity sha512-MjqhX0RZaEgK/KueRzh+3yPSk30oqDKJ5HP5tqTSB1e2gzGS3PLy7K0BIpnp78+0anFuSwOeuCf1zZO7RzRvEA==
-  dependencies:
-    "@babel/compat-data" "^7.10.1"
-    "@babel/helper-compilation-targets" "^7.10.2"
-    "@babel/helper-module-imports" "^7.10.1"
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-proposal-async-generator-functions" "^7.10.1"
-    "@babel/plugin-proposal-class-properties" "^7.10.1"
-    "@babel/plugin-proposal-dynamic-import" "^7.10.1"
-    "@babel/plugin-proposal-json-strings" "^7.10.1"
-    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.10.1"
-    "@babel/plugin-proposal-numeric-separator" "^7.10.1"
-    "@babel/plugin-proposal-object-rest-spread" "^7.10.1"
-    "@babel/plugin-proposal-optional-catch-binding" "^7.10.1"
-    "@babel/plugin-proposal-optional-chaining" "^7.10.1"
-    "@babel/plugin-proposal-private-methods" "^7.10.1"
-    "@babel/plugin-proposal-unicode-property-regex" "^7.10.1"
-    "@babel/plugin-syntax-async-generators" "^7.8.0"
-    "@babel/plugin-syntax-class-properties" "^7.10.1"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.0"
-    "@babel/plugin-syntax-json-strings" "^7.8.0"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.1"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.0"
-    "@babel/plugin-syntax-top-level-await" "^7.10.1"
-    "@babel/plugin-transform-arrow-functions" "^7.10.1"
-    "@babel/plugin-transform-async-to-generator" "^7.10.1"
-    "@babel/plugin-transform-block-scoped-functions" "^7.10.1"
-    "@babel/plugin-transform-block-scoping" "^7.10.1"
-    "@babel/plugin-transform-classes" "^7.10.1"
-    "@babel/plugin-transform-computed-properties" "^7.10.1"
-    "@babel/plugin-transform-destructuring" "^7.10.1"
-    "@babel/plugin-transform-dotall-regex" "^7.10.1"
-    "@babel/plugin-transform-duplicate-keys" "^7.10.1"
-    "@babel/plugin-transform-exponentiation-operator" "^7.10.1"
-    "@babel/plugin-transform-for-of" "^7.10.1"
-    "@babel/plugin-transform-function-name" "^7.10.1"
-    "@babel/plugin-transform-literals" "^7.10.1"
-    "@babel/plugin-transform-member-expression-literals" "^7.10.1"
-    "@babel/plugin-transform-modules-amd" "^7.10.1"
-    "@babel/plugin-transform-modules-commonjs" "^7.10.1"
-    "@babel/plugin-transform-modules-systemjs" "^7.10.1"
-    "@babel/plugin-transform-modules-umd" "^7.10.1"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.8.3"
-    "@babel/plugin-transform-new-target" "^7.10.1"
-    "@babel/plugin-transform-object-super" "^7.10.1"
-    "@babel/plugin-transform-parameters" "^7.10.1"
-    "@babel/plugin-transform-property-literals" "^7.10.1"
-    "@babel/plugin-transform-regenerator" "^7.10.1"
-    "@babel/plugin-transform-reserved-words" "^7.10.1"
-    "@babel/plugin-transform-shorthand-properties" "^7.10.1"
-    "@babel/plugin-transform-spread" "^7.10.1"
-    "@babel/plugin-transform-sticky-regex" "^7.10.1"
-    "@babel/plugin-transform-template-literals" "^7.10.1"
-    "@babel/plugin-transform-typeof-symbol" "^7.10.1"
-    "@babel/plugin-transform-unicode-escapes" "^7.10.1"
-    "@babel/plugin-transform-unicode-regex" "^7.10.1"
-    "@babel/preset-modules" "^0.1.3"
-    "@babel/types" "^7.10.2"
-    browserslist "^4.12.0"
-    core-js-compat "^3.6.2"
-    invariant "^2.2.2"
-    levenary "^1.1.1"
-    semver "^5.5.0"
-
-"@babel/preset-flow@^7.7.4":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.10.1.tgz#29498ec23baf9aa6dae50c568ceba09d71692b82"
-  integrity sha512-FuQsibb5PaX07fF1XUO5gjjxdEZbcJv8+ugPDaeFEsBIvUTib8hCtEJow/c2F0jq9ZUjpHCQ8IQKNHRvKE1kJQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-transform-flow-strip-types" "^7.10.1"
-
-"@babel/preset-modules@^0.1.3":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.3.tgz#13242b53b5ef8c883c3cf7dddd55b36ce80fbc72"
-  integrity sha512-Ra3JXOHBq2xd56xSF7lMKXdjBn3T772Y1Wet3yWnkDly9zHvJki029tAFzvAAK5cf4YV3yoxuP61crYRol6SVg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/plugin-proposal-unicode-property-regex" "^7.4.4"
-    "@babel/plugin-transform-dotall-regex" "^7.4.4"
-    "@babel/types" "^7.4.4"
-    esutils "^2.0.2"
-
-"@babel/preset-react@^7.7.4":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.10.1.tgz#e2ab8ae9a363ec307b936589f07ed753192de041"
-  integrity sha512-Rw0SxQ7VKhObmFjD/cUcKhPTtzpeviEFX1E6PgP+cYOhQ98icNqtINNFANlsdbQHrmeWnqdxA4Tmnl1jy5tp3Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-transform-react-display-name" "^7.10.1"
-    "@babel/plugin-transform-react-jsx" "^7.10.1"
-    "@babel/plugin-transform-react-jsx-development" "^7.10.1"
-    "@babel/plugin-transform-react-jsx-self" "^7.10.1"
-    "@babel/plugin-transform-react-jsx-source" "^7.10.1"
-    "@babel/plugin-transform-react-pure-annotations" "^7.10.1"
-
-"@babel/preset-typescript@^7.7.4":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.10.1.tgz#a8d8d9035f55b7d99a2461a0bdc506582914d07e"
-  integrity sha512-m6GV3y1ShiqxnyQj10600ZVOFrSSAa8HQ3qIUk2r+gcGtHTIRw0dJnFLt1WNXpKjtVw7yw1DAPU/6ma2ZvgJuA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-    "@babel/plugin-transform-typescript" "^7.10.1"
-
-"@babel/register@^7.7.4":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.10.1.tgz#b6567c5cb5049f44bbf8c35d6ff68ca3c43238ed"
-  integrity sha512-sl96+kB3IA2B9EzpwwBmYadOT14vw3KaXOknGDbJaZCOj52GDA4Tivudq9doCJcB+bEIKCEARZYwRgBBsCGXyg==
-  dependencies:
-    find-cache-dir "^2.0.0"
-    lodash "^4.17.13"
-    make-dir "^2.1.0"
-    pirates "^4.0.0"
-    source-map-support "^0.5.16"
-
-"@babel/runtime-corejs3@^7.8.3":
-  version "7.10.2"
-  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.10.2.tgz#3511797ddf9a3d6f3ce46b99cc835184817eaa4e"
-  integrity sha512-+a2M/u7r15o3dV1NEizr9bRi+KUVnrs/qYxF0Z06DAPx/4VCWaz1WA7EcbE+uqGgt39lp5akWGmHsTseIkHkHg==
-  dependencies:
-    core-js-pure "^3.0.0"
-    regenerator-runtime "^0.13.4"
-
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7":
-  version "7.10.2"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.10.2.tgz#d103f21f2602497d38348a32e008637d506db839"
-  integrity sha512-6sF3uQw2ivImfVIl62RZ7MXhO2tap69WeWK57vAaimT6AZbE4FbqjdEJIN1UqoD6wI6B+1n9UiagafH1sxjOtg==
-  dependencies:
-    regenerator-runtime "^0.13.4"
-
-"@babel/runtime@^7.10.5":
-  version "7.10.5"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.10.5.tgz#303d8bd440ecd5a491eae6117fd3367698674c5c"
-  integrity sha512-otddXKhdNn7d0ptoFRHtMLa8LqDxLYwTjB4nYgM1yy5N6gU/MUf8zqyyLltCH3yAVitBzmwK4us+DD0l/MauAg==
-  dependencies:
-    regenerator-runtime "^0.13.4"
-
-"@babel/template@^7.10.1", "@babel/template@^7.4.0":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.10.1.tgz#e167154a94cb5f14b28dc58f5356d2162f539811"
-  integrity sha512-OQDg6SqvFSsc9A0ej6SKINWrpJiNonRIniYondK2ViKhB06i3c0s+76XUft71iqBEe9S1OKsHwPAjfHnuvnCig==
-  dependencies:
-    "@babel/code-frame" "^7.10.1"
-    "@babel/parser" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/traverse@^7.1.0", "@babel/traverse@^7.10.1", "@babel/traverse@^7.4.3", "@babel/traverse@^7.7.0":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.10.1.tgz#bbcef3031e4152a6c0b50147f4958df54ca0dd27"
-  integrity sha512-C/cTuXeKt85K+p08jN6vMDz8vSV0vZcI0wmQ36o6mjbuo++kPMdpOYw23W2XH04dbRt9/nMEfA4W3eR21CD+TQ==
-  dependencies:
-    "@babel/code-frame" "^7.10.1"
-    "@babel/generator" "^7.10.1"
-    "@babel/helper-function-name" "^7.10.1"
-    "@babel/helper-split-export-declaration" "^7.10.1"
-    "@babel/parser" "^7.10.1"
-    "@babel/types" "^7.10.1"
-    debug "^4.1.0"
-    globals "^11.1.0"
-    lodash "^4.17.13"
-
-"@babel/types@^7.0.0", "@babel/types@^7.10.1", "@babel/types@^7.10.2", "@babel/types@^7.3.0", "@babel/types@^7.4.0", "@babel/types@^7.4.4", "@babel/types@^7.7.0":
-  version "7.10.2"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.10.2.tgz#30283be31cad0dbf6fb00bd40641ca0ea675172d"
-  integrity sha512-AD3AwWBSz0AWF0AkCN9VPiWrvldXq+/e3cHa4J89vo4ymjz1XwrBFFVZmkJTsQIPNk+ZVomPSXUJqq8yyjZsng==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.10.1"
-    lodash "^4.17.13"
-    to-fast-properties "^2.0.0"
-
-"@cnakazawa/watch@^1.0.3":
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.4.tgz#f864ae85004d0fcab6f50be9141c4da368d1656a"
-  integrity sha512-v9kIhKwjeZThiWrLmj0y17CWoyddASLj9O2yvbZkbvw/N3rWOYy9zkV66ursAoVr0mV15bL8g0c4QZUE6cdDoQ==
-  dependencies:
-    exec-sh "^0.3.2"
-    minimist "^1.2.0"
-
-"@csstools/convert-colors@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
-  integrity sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==
-
-"@jest/console@^24.7.1", "@jest/console@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-24.9.0.tgz#79b1bc06fb74a8cfb01cbdedf945584b1b9707f0"
-  integrity sha512-Zuj6b8TnKXi3q4ymac8EQfc3ea/uhLeCGThFqXeC8H9/raaH8ARPUTdId+XyGd03Z4In0/VjD2OYFcBF09fNLQ==
-  dependencies:
-    "@jest/source-map" "^24.9.0"
-    chalk "^2.0.1"
-    slash "^2.0.0"
-
-"@jest/core@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-24.9.0.tgz#2ceccd0b93181f9c4850e74f2a9ad43d351369c4"
-  integrity sha512-Fogg3s4wlAr1VX7q+rhV9RVnUv5tD7VuWfYy1+whMiWUrvl7U3QJSJyWcDio9Lq2prqYsZaeTv2Rz24pWGkJ2A==
-  dependencies:
-    "@jest/console" "^24.7.1"
-    "@jest/reporters" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    ansi-escapes "^3.0.0"
-    chalk "^2.0.1"
-    exit "^0.1.2"
-    graceful-fs "^4.1.15"
-    jest-changed-files "^24.9.0"
-    jest-config "^24.9.0"
-    jest-haste-map "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-regex-util "^24.3.0"
-    jest-resolve "^24.9.0"
-    jest-resolve-dependencies "^24.9.0"
-    jest-runner "^24.9.0"
-    jest-runtime "^24.9.0"
-    jest-snapshot "^24.9.0"
-    jest-util "^24.9.0"
-    jest-validate "^24.9.0"
-    jest-watcher "^24.9.0"
-    micromatch "^3.1.10"
-    p-each-series "^1.0.0"
-    realpath-native "^1.1.0"
-    rimraf "^2.5.4"
-    slash "^2.0.0"
-    strip-ansi "^5.0.0"
-
-"@jest/environment@^24.3.0", "@jest/environment@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-24.9.0.tgz#21e3afa2d65c0586cbd6cbefe208bafade44ab18"
-  integrity sha512-5A1QluTPhvdIPFYnO3sZC3smkNeXPVELz7ikPbhUj0bQjB07EoE9qtLrem14ZUYWdVayYbsjVwIiL4WBIMV4aQ==
-  dependencies:
-    "@jest/fake-timers" "^24.9.0"
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    jest-mock "^24.9.0"
-
-"@jest/fake-timers@^24.3.0", "@jest/fake-timers@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-24.9.0.tgz#ba3e6bf0eecd09a636049896434d306636540c93"
-  integrity sha512-eWQcNa2YSwzXWIMC5KufBh3oWRIijrQFROsIqt6v/NS9Io/gknw1jsAC9c+ih/RQX4A3O7SeWAhQeN0goKhT9A==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-mock "^24.9.0"
-
-"@jest/reporters@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-24.9.0.tgz#86660eff8e2b9661d042a8e98a028b8d631a5b43"
-  integrity sha512-mu4X0yjaHrffOsWmVLzitKmmmWSQ3GGuefgNscUSWNiUNcEOSEQk9k3pERKEQVBb0Cnn88+UESIsZEMH3o88Gw==
-  dependencies:
-    "@jest/environment" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
-    exit "^0.1.2"
-    glob "^7.1.2"
-    istanbul-lib-coverage "^2.0.2"
-    istanbul-lib-instrument "^3.0.1"
-    istanbul-lib-report "^2.0.4"
-    istanbul-lib-source-maps "^3.0.1"
-    istanbul-reports "^2.2.6"
-    jest-haste-map "^24.9.0"
-    jest-resolve "^24.9.0"
-    jest-runtime "^24.9.0"
-    jest-util "^24.9.0"
-    jest-worker "^24.6.0"
-    node-notifier "^5.4.2"
-    slash "^2.0.0"
-    source-map "^0.6.0"
-    string-length "^2.0.0"
-
-"@jest/source-map@^24.3.0", "@jest/source-map@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-24.9.0.tgz#0e263a94430be4b41da683ccc1e6bffe2a191714"
-  integrity sha512-/Xw7xGlsZb4MJzNDgB7PW5crou5JqWiBQaz6xyPd3ArOg2nfn/PunV8+olXbbEZzNl591o5rWKE9BRDaFAuIBg==
-  dependencies:
-    callsites "^3.0.0"
-    graceful-fs "^4.1.15"
-    source-map "^0.6.0"
-
-"@jest/test-result@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-24.9.0.tgz#11796e8aa9dbf88ea025757b3152595ad06ba0ca"
-  integrity sha512-XEFrHbBonBJ8dGp2JmF8kP/nQI/ImPpygKHwQ/SY+es59Z3L5PI4Qb9TQQMAEeYsThG1xF0k6tmG0tIKATNiiA==
-  dependencies:
-    "@jest/console" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-
-"@jest/test-sequencer@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-24.9.0.tgz#f8f334f35b625a4f2f355f2fe7e6036dad2e6b31"
-  integrity sha512-6qqsU4o0kW1dvA95qfNog8v8gkRN9ph6Lz7r96IvZpHdNipP2cBcb07J1Z45mz/VIS01OHJ3pY8T5fUY38tg4A==
-  dependencies:
-    "@jest/test-result" "^24.9.0"
-    jest-haste-map "^24.9.0"
-    jest-runner "^24.9.0"
-    jest-runtime "^24.9.0"
-
-"@jest/transform@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-24.9.0.tgz#4ae2768b296553fadab09e9ec119543c90b16c56"
-  integrity sha512-TcQUmyNRxV94S0QpMOnZl0++6RMiqpbH/ZMccFB/amku6Uwvyb1cjYX7xkp5nGNkbX4QPH/FcB6q1HBTHynLmQ==
-  dependencies:
-    "@babel/core" "^7.1.0"
-    "@jest/types" "^24.9.0"
-    babel-plugin-istanbul "^5.1.0"
-    chalk "^2.0.1"
-    convert-source-map "^1.4.0"
-    fast-json-stable-stringify "^2.0.0"
-    graceful-fs "^4.1.15"
-    jest-haste-map "^24.9.0"
-    jest-regex-util "^24.9.0"
-    jest-util "^24.9.0"
-    micromatch "^3.1.10"
-    pirates "^4.0.1"
-    realpath-native "^1.1.0"
-    slash "^2.0.0"
-    source-map "^0.6.1"
-    write-file-atomic "2.4.1"
-
-"@jest/types@^24.3.0", "@jest/types@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-24.9.0.tgz#63cb26cb7500d069e5a389441a7c6ab5e909fc59"
-  integrity sha512-XKK7ze1apu5JWQ5eZjHITP66AX+QsLlbaJRBGYr8pNzwcAE2JVkwnf0yqjHTsDRcjR0mujy/NmZMXw5kl+kGBw==
-  dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^1.1.1"
-    "@types/yargs" "^13.0.0"
-
-"@mrmlnc/readdir-enhanced@^2.2.1":
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde"
-  integrity sha512-bPHp6Ji8b41szTOcaP63VlnbbO5Ny6dwAATtY6JTjh5N2OLrb5Qk/Th5cRkRQhkWCt+EJsYrNB0MiL+Gpn6e3g==
-  dependencies:
-    call-me-maybe "^1.0.1"
-    glob-to-regexp "^0.3.0"
-
-"@nodelib/fs.stat@^1.1.2":
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
-  integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
-
-"@types/babel__core@^7.1.0":
-  version "7.1.8"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.8.tgz#057f725aca3641f49fc11c7a87a9de5ec588a5d7"
-  integrity sha512-KXBiQG2OXvaPWFPDS1rD8yV9vO0OuWIqAEqLsbfX0oU2REN5KuoMnZ1gClWcBhO5I3n6oTVAmrMufOvRqdmFTQ==
-  dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
-    "@types/babel__generator" "*"
-    "@types/babel__template" "*"
-    "@types/babel__traverse" "*"
-
-"@types/babel__generator@*":
-  version "7.6.1"
-  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.1.tgz#4901767b397e8711aeb99df8d396d7ba7b7f0e04"
-  integrity sha512-bBKm+2VPJcMRVwNhxKu8W+5/zT7pwNEqeokFOmbvVSqGzFneNxYcEBro9Ac7/N9tlsaPYnZLK8J1LWKkMsLAew==
-  dependencies:
-    "@babel/types" "^7.0.0"
-
-"@types/babel__template@*":
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.0.2.tgz#4ff63d6b52eddac1de7b975a5223ed32ecea9307"
-  integrity sha512-/K6zCpeW7Imzgab2bLkLEbz0+1JlFSrUMdw7KoIIu+IUdu51GWaBZpd3y1VXGVXzynvGa4DaIaxNZHiON3GXUg==
-  dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
-
-"@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
-  version "7.0.12"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.0.12.tgz#22f49a028e69465390f87bb103ebd61bd086b8f5"
-  integrity sha512-t4CoEokHTfcyfb4hUaF9oOHu9RmmNWnm1CP0YmMqOOfClKascOmvlEM736vlqeScuGvBDsHkf8R2INd4DWreQA==
-  dependencies:
-    "@babel/types" "^7.3.0"
-
-"@types/color-name@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
-  integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
-
-"@types/eslint-visitor-keys@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
-  integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==
-
-"@types/fbemitter@*":
-  version "2.0.32"
-  resolved "https://registry.yarnpkg.com/@types/fbemitter/-/fbemitter-2.0.32.tgz#8ed204da0f54e9c8eaec31b1eec91e25132d082c"
-  integrity sha1-jtIE2g9U6cjq7DGx7skeJRMtCCw=
-
-"@types/flux@^3.1.9":
-  version "3.1.9"
-  resolved "https://registry.yarnpkg.com/@types/flux/-/flux-3.1.9.tgz#ddfc9641ee2e2e6cb6cd730c6a48ef82e2076711"
-  integrity sha512-bSbDf4tTuN9wn3LTGPnH9wnSSLtR5rV7UPWFpM00NJ1pSTBwCzeZG07XsZ9lBkxwngrqjDtM97PLt5IuIdCQUA==
-  dependencies:
-    "@types/fbemitter" "*"
-    "@types/react" "*"
-
-"@types/glob@^7.1.1":
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.1.2.tgz#06ca26521353a545d94a0adc74f38a59d232c987"
-  integrity sha512-VgNIkxK+j7Nz5P7jvUZlRvhuPSmsEfS03b0alKcq5V/STUKAa3Plemsn5mrQUO7am6OErJ4rhGEGJbACclrtRA==
-  dependencies:
-    "@types/minimatch" "*"
-    "@types/node" "*"
-
-"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.2.tgz#79d7a78bad4219f4c03d6557a1c72d9ca6ba62d5"
-  integrity sha512-rsZg7eL+Xcxsxk2XlBt9KcG8nOp9iYdKCOikY9x2RFJCyOdNj4MKPQty0e8oZr29vVAzKXr1BmR+kZauti3o1w==
-
-"@types/istanbul-lib-report@*":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#c14c24f18ea8190c118ee7562b7ff99a36552686"
-  integrity sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==
-  dependencies:
-    "@types/istanbul-lib-coverage" "*"
-
-"@types/istanbul-reports@^1.1.1":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-1.1.2.tgz#e875cc689e47bce549ec81f3df5e6f6f11cfaeb2"
-  integrity sha512-P/W9yOX/3oPZSpaYOCQzGqgCQRXn0FFO/V8bWrCQs+wLmvVVxk6CRBXALEvNs9OHIatlnlFokfhuDo2ug01ciw==
-  dependencies:
-    "@types/istanbul-lib-coverage" "*"
-    "@types/istanbul-lib-report" "*"
-
-"@types/json-schema@^7.0.3", "@types/json-schema@^7.0.4":
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.4.tgz#38fd73ddfd9b55abb1e1b2ed578cb55bd7b7d339"
-  integrity sha512-8+KAKzEvSUdeo+kmqnKrqgeE+LcA0tjYWFY7RPProVYwnqDjukzO+3b6dLD56rYX5TdWejnEOLJYOIeh4CXKuA==
-
-"@types/json5@^0.0.29":
-  version "0.0.29"
-  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
-  integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4=
-
-"@types/minimatch@*":
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
-  integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==
-
-"@types/modernizr@^3.5.3":
-  version "3.5.3"
-  resolved "https://registry.yarnpkg.com/@types/modernizr/-/modernizr-3.5.3.tgz#8ef99e6252191c1d88647809109dc29884ba6d7a"
-  integrity sha512-jhMOZSS0UGYTS9pqvt6q3wtT3uvOSve5piTEmTMx3zzTuBLvSIMxSIBIc3d5lajVD5h4xc41AMZD2M5orN3PxA==
-
-"@types/node@*":
-  version "14.0.11"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.0.11.tgz#61d4886e2424da73b7b25547f59fdcb534c165a3"
-  integrity sha512-lCvvI24L21ZVeIiyIUHZ5Oflv1hhHQ5E1S25IRlKIXaRkVgmXpJMI3wUJkmym2bTbCe+WoIibQnMVAU3FguaOg==
-
-"@types/node@^12.12.41":
-  version "12.12.44"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.12.44.tgz#0d400a1453adcb359b133acceae4dd8bb0e0a159"
-  integrity sha512-jM6QVv0Sm5d3nW+nUD5jSzPcO6oPqboitSNcwgBay9hifVq/Rauq1PYnROnsmuw45JMBiTnsPAno0bKu2e2xrg==
-
-"@types/parse-json@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
-  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
-
-"@types/prop-types@*":
-  version "15.7.3"
-  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.3.tgz#2ab0d5da2e5815f94b0b9d4b95d1e5f243ab2ca7"
-  integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==
-
-"@types/q@^1.5.1":
-  version "1.5.4"
-  resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.4.tgz#15925414e0ad2cd765bfef58842f7e26a7accb24"
-  integrity sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug==
-
-"@types/react-dom@^16.9.4":
-  version "16.9.8"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.8.tgz#fe4c1e11dfc67155733dfa6aa65108b4971cb423"
-  integrity sha512-ykkPQ+5nFknnlU6lDd947WbQ6TE3NNzbQAkInC2EKY1qeYdTKp7onFusmYZb+ityzx2YviqT6BXSu+LyWWJwcA==
-  dependencies:
-    "@types/react" "*"
-
-"@types/react@*", "@types/react@16.9":
-  version "16.9.35"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.35.tgz#a0830d172e8aadd9bd41709ba2281a3124bbd368"
-  integrity sha512-q0n0SsWcGc8nDqH2GJfWQWUOmZSJhXV64CjVN5SvcNti3TdEaA3AH0D8DwNmMdzjMAC/78tB8nAZIlV8yTz+zQ==
-  dependencies:
-    "@types/prop-types" "*"
-    csstype "^2.2.0"
-
-"@types/stack-utils@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
-  integrity sha512-l42BggppR6zLmpfU6fq9HEa2oGPEI8yrSPL3GITjfRInppYFahObbIQOQK3UGxEnyQpltZLaPe75046NOZQikw==
-
-"@types/unist@*", "@types/unist@^2.0.0", "@types/unist@^2.0.2":
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.3.tgz#9c088679876f374eb5983f150d4787aa6fb32d7e"
-  integrity sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ==
-
-"@types/vfile-message@*":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@types/vfile-message/-/vfile-message-2.0.0.tgz#690e46af0fdfc1f9faae00cd049cc888957927d5"
-  integrity sha512-GpTIuDpb9u4zIO165fUy9+fXcULdD8HFRNli04GehoMVbeNq7D6OBnqSmg3lxZnC+UvgUhEWKxdKiwYUkGltIw==
-  dependencies:
-    vfile-message "*"
-
-"@types/vfile@^3.0.0":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@types/vfile/-/vfile-3.0.2.tgz#19c18cd232df11ce6fa6ad80259bc86c366b09b9"
-  integrity sha512-b3nLFGaGkJ9rzOcuXRfHkZMdjsawuDD0ENL9fzTophtBg8FJHSGbH7daXkEpcwy3v7Xol3pAvsmlYyFhR4pqJw==
-  dependencies:
-    "@types/node" "*"
-    "@types/unist" "*"
-    "@types/vfile-message" "*"
-
-"@types/yargs-parser@*":
-  version "15.0.0"
-  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-15.0.0.tgz#cb3f9f741869e20cce330ffbeb9271590483882d"
-  integrity sha512-FA/BWv8t8ZWJ+gEOnLLd8ygxH/2UFbAvgEonyfN6yWGLKc7zVjbpl2Y4CTjid9h2RfgPP6SEt6uHwEOply00yw==
-
-"@types/yargs@^13.0.0":
-  version "13.0.9"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-13.0.9.tgz#44028e974343c7afcf3960f1a2b1099c39a7b5e1"
-  integrity sha512-xrvhZ4DZewMDhoH1utLtOAwYQy60eYFoXeje30TzM3VOvQlBwQaEpKFq5m34k1wOw2AKIi2pwtiAjdmhvlBUzg==
-  dependencies:
-    "@types/yargs-parser" "*"
-
-"@typescript-eslint/eslint-plugin@^3.4.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-3.7.0.tgz#0f91aa3c83d019591719e597fbdb73a59595a263"
-  integrity sha512-4OEcPON3QIx0ntsuiuFP/TkldmBGXf0uKxPQlGtS/W2F3ndYm8Vgdpj/woPJkzUc65gd3iR+qi3K8SDQP/obFg==
-  dependencies:
-    "@typescript-eslint/experimental-utils" "3.7.0"
-    debug "^4.1.1"
-    functional-red-black-tree "^1.0.1"
-    regexpp "^3.0.0"
-    semver "^7.3.2"
-    tsutils "^3.17.1"
-
-"@typescript-eslint/experimental-utils@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-3.7.0.tgz#0ee21f6c48b2b30c63211da23827725078d5169a"
-  integrity sha512-xpfXXAfZqhhqs5RPQBfAFrWDHoNxD5+sVB5A46TF58Bq1hRfVROrWHcQHHUM9aCBdy9+cwATcvCbRg8aIRbaHQ==
-  dependencies:
-    "@types/json-schema" "^7.0.3"
-    "@typescript-eslint/types" "3.7.0"
-    "@typescript-eslint/typescript-estree" "3.7.0"
-    eslint-scope "^5.0.0"
-    eslint-utils "^2.0.0"
-
-"@typescript-eslint/parser@^3.4.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-3.7.0.tgz#3e9cd9df9ea644536feb6e5acdb8279ecff96ce9"
-  integrity sha512-2LZauVUt7jAWkcIW7djUc3kyW+fSarNEuM3RF2JdLHR9BfX/nDEnyA4/uWz0wseoWVZbDXDF7iF9Jc342flNqQ==
-  dependencies:
-    "@types/eslint-visitor-keys" "^1.0.0"
-    "@typescript-eslint/experimental-utils" "3.7.0"
-    "@typescript-eslint/types" "3.7.0"
-    "@typescript-eslint/typescript-estree" "3.7.0"
-    eslint-visitor-keys "^1.1.0"
-
-"@typescript-eslint/types@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-3.7.0.tgz#09897fab0cb95479c01166b10b2c03c224821077"
-  integrity sha512-reCaK+hyKkKF+itoylAnLzFeNYAEktB0XVfSQvf0gcVgpz1l49Lt6Vo9x4MVCCxiDydA0iLAjTF/ODH0pbfnpg==
-
-"@typescript-eslint/typescript-estree@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-3.7.0.tgz#66872e6da120caa4b64e6b4ca5c8702afc74738d"
-  integrity sha512-xr5oobkYRebejlACGr1TJ0Z/r0a2/HUf0SXqPvlgUMwiMqOCu/J+/Dr9U3T0IxpE5oLFSkqMx1FE/dKaZ8KsOQ==
-  dependencies:
-    "@typescript-eslint/types" "3.7.0"
-    "@typescript-eslint/visitor-keys" "3.7.0"
-    debug "^4.1.1"
-    glob "^7.1.6"
-    is-glob "^4.0.1"
-    lodash "^4.17.15"
-    semver "^7.3.2"
-    tsutils "^3.17.1"
-
-"@typescript-eslint/visitor-keys@3.7.0":
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-3.7.0.tgz#ac0417d382a136e4571a0b0dcfe52088cb628177"
-  integrity sha512-k5PiZdB4vklUpUX4NBncn5RBKty8G3ihTY+hqJsCdMuD0v4jofI5xuqwnVcWxfv6iTm2P/dfEa2wMUnsUY8ODw==
-  dependencies:
-    eslint-visitor-keys "^1.1.0"
-
-"@webassemblyjs/ast@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.9.0.tgz#bd850604b4042459a5a41cd7d338cbed695ed964"
-  integrity sha512-C6wW5L+b7ogSDVqymbkkvuW9kruN//YisMED04xzeBBqjHa2FYnmvOlS6Xj68xWQRgWvI9cIglsjFowH/RJyEA==
-  dependencies:
-    "@webassemblyjs/helper-module-context" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/wast-parser" "1.9.0"
-
-"@webassemblyjs/floating-point-hex-parser@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.9.0.tgz#3c3d3b271bddfc84deb00f71344438311d52ffb4"
-  integrity sha512-TG5qcFsS8QB4g4MhrxK5TqfdNe7Ey/7YL/xN+36rRjl/BlGE/NcBvJcqsRgCP6Z92mRE+7N50pRIi8SmKUbcQA==
-
-"@webassemblyjs/helper-api-error@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.9.0.tgz#203f676e333b96c9da2eeab3ccef33c45928b6a2"
-  integrity sha512-NcMLjoFMXpsASZFxJ5h2HZRcEhDkvnNFOAKneP5RbKRzaWJN36NC4jqQHKwStIhGXu5mUWlUUk7ygdtrO8lbmw==
-
-"@webassemblyjs/helper-buffer@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.9.0.tgz#a1442d269c5feb23fcbc9ef759dac3547f29de00"
-  integrity sha512-qZol43oqhq6yBPx7YM3m9Bv7WMV9Eevj6kMi6InKOuZxhw+q9hOkvq5e/PpKSiLfyetpaBnogSbNCfBwyB00CA==
-
-"@webassemblyjs/helper-code-frame@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.9.0.tgz#647f8892cd2043a82ac0c8c5e75c36f1d9159f27"
-  integrity sha512-ERCYdJBkD9Vu4vtjUYe8LZruWuNIToYq/ME22igL+2vj2dQ2OOujIZr3MEFvfEaqKoVqpsFKAGsRdBSBjrIvZA==
-  dependencies:
-    "@webassemblyjs/wast-printer" "1.9.0"
-
-"@webassemblyjs/helper-fsm@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-fsm/-/helper-fsm-1.9.0.tgz#c05256b71244214671f4b08ec108ad63b70eddb8"
-  integrity sha512-OPRowhGbshCb5PxJ8LocpdX9Kl0uB4XsAjl6jH/dWKlk/mzsANvhwbiULsaiqT5GZGT9qinTICdj6PLuM5gslw==
-
-"@webassemblyjs/helper-module-context@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-module-context/-/helper-module-context-1.9.0.tgz#25d8884b76839871a08a6c6f806c3979ef712f07"
-  integrity sha512-MJCW8iGC08tMk2enck1aPW+BE5Cw8/7ph/VGZxwyvGbJwjktKkDK7vy7gAmMDx88D7mhDTCNKAW5tED+gZ0W8g==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-
-"@webassemblyjs/helper-wasm-bytecode@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz#4fed8beac9b8c14f8c58b70d124d549dd1fe5790"
-  integrity sha512-R7FStIzyNcd7xKxCZH5lE0Bqy+hGTwS3LJjuv1ZVxd9O7eHCedSdrId/hMOd20I+v8wDXEn+bjfKDLzTepoaUw==
-
-"@webassemblyjs/helper-wasm-section@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.9.0.tgz#5a4138d5a6292ba18b04c5ae49717e4167965346"
-  integrity sha512-XnMB8l3ek4tvrKUUku+IVaXNHz2YsJyOOmz+MMkZvh8h1uSJpSen6vYnw3IoQ7WwEuAhL8Efjms1ZWjqh2agvw==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-buffer" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/wasm-gen" "1.9.0"
-
-"@webassemblyjs/ieee754@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.9.0.tgz#15c7a0fbaae83fb26143bbacf6d6df1702ad39e4"
-  integrity sha512-dcX8JuYU/gvymzIHc9DgxTzUUTLexWwt8uCTWP3otys596io0L5aW02Gb1RjYpx2+0Jus1h4ZFqjla7umFniTg==
-  dependencies:
-    "@xtuc/ieee754" "^1.2.0"
-
-"@webassemblyjs/leb128@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.9.0.tgz#f19ca0b76a6dc55623a09cffa769e838fa1e1c95"
-  integrity sha512-ENVzM5VwV1ojs9jam6vPys97B/S65YQtv/aanqnU7D8aSoHFX8GyhGg0CMfyKNIHBuAVjy3tlzd5QMMINa7wpw==
-  dependencies:
-    "@xtuc/long" "4.2.2"
-
-"@webassemblyjs/utf8@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.9.0.tgz#04d33b636f78e6a6813227e82402f7637b6229ab"
-  integrity sha512-GZbQlWtopBTP0u7cHrEx+73yZKrQoBMpwkGEIqlacljhXCkVM1kMQge/Mf+csMJAjEdSwhOyLAS0AoR3AG5P8w==
-
-"@webassemblyjs/wasm-edit@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.9.0.tgz#3fe6d79d3f0f922183aa86002c42dd256cfee9cf"
-  integrity sha512-FgHzBm80uwz5M8WKnMTn6j/sVbqilPdQXTWraSjBwFXSYGirpkSWE2R9Qvz9tNiTKQvoKILpCuTjBKzOIm0nxw==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-buffer" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/helper-wasm-section" "1.9.0"
-    "@webassemblyjs/wasm-gen" "1.9.0"
-    "@webassemblyjs/wasm-opt" "1.9.0"
-    "@webassemblyjs/wasm-parser" "1.9.0"
-    "@webassemblyjs/wast-printer" "1.9.0"
-
-"@webassemblyjs/wasm-gen@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.9.0.tgz#50bc70ec68ded8e2763b01a1418bf43491a7a49c"
-  integrity sha512-cPE3o44YzOOHvlsb4+E9qSqjc9Qf9Na1OO/BHFy4OI91XDE14MjFN4lTMezzaIWdPqHnsTodGGNP+iRSYfGkjA==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/ieee754" "1.9.0"
-    "@webassemblyjs/leb128" "1.9.0"
-    "@webassemblyjs/utf8" "1.9.0"
-
-"@webassemblyjs/wasm-opt@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.9.0.tgz#2211181e5b31326443cc8112eb9f0b9028721a61"
-  integrity sha512-Qkjgm6Anhm+OMbIL0iokO7meajkzQD71ioelnfPEj6r4eOFuqm4YC3VBPqXjFyyNwowzbMD+hizmprP/Fwkl2A==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-buffer" "1.9.0"
-    "@webassemblyjs/wasm-gen" "1.9.0"
-    "@webassemblyjs/wasm-parser" "1.9.0"
-
-"@webassemblyjs/wasm-parser@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.9.0.tgz#9d48e44826df4a6598294aa6c87469d642fff65e"
-  integrity sha512-9+wkMowR2AmdSWQzsPEjFU7njh8HTO5MqO8vjwEHuM+AMHioNqSBONRdr0NQQ3dVQrzp0s8lTcYqzUdb7YgELA==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-api-error" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/ieee754" "1.9.0"
-    "@webassemblyjs/leb128" "1.9.0"
-    "@webassemblyjs/utf8" "1.9.0"
-
-"@webassemblyjs/wast-parser@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-parser/-/wast-parser-1.9.0.tgz#3031115d79ac5bd261556cecc3fa90a3ef451914"
-  integrity sha512-qsqSAP3QQ3LyZjNC/0jBJ/ToSxfYJ8kYyuiGvtn/8MK89VrNEfwj7BPQzJVHi0jGTRK2dGdJ5PRqhtjzoww+bw==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/floating-point-hex-parser" "1.9.0"
-    "@webassemblyjs/helper-api-error" "1.9.0"
-    "@webassemblyjs/helper-code-frame" "1.9.0"
-    "@webassemblyjs/helper-fsm" "1.9.0"
-    "@xtuc/long" "4.2.2"
-
-"@webassemblyjs/wast-printer@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.9.0.tgz#4935d54c85fef637b00ce9f52377451d00d47899"
-  integrity sha512-2J0nE95rHXHyQ24cWjMKJ1tqB/ds8z/cyeOZxJhcb+rW+SQASVjuznUSmdz5GpVJTzU8JkhYut0D3siFDD6wsA==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/wast-parser" "1.9.0"
-    "@xtuc/long" "4.2.2"
-
-"@xtuc/ieee754@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
-  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
-
-"@xtuc/long@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
-  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
-
-abab@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.3.tgz#623e2075e02eb2d3f2475e49f99c91846467907a"
-  integrity sha512-tsFzPpcttalNjFBCFMqsKYQcWxxen1pgJR56by//QwvJc4/OUS3kPOOttx2tSIfjsylB0pYu7f5D3K1RCxUnUg==
-
-abbrev@1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
-  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
-
-accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.7:
-  version "1.3.7"
-  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.7.tgz#531bc726517a3b2b41f850021c6cc15eaab507cd"
-  integrity sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==
-  dependencies:
-    mime-types "~2.1.24"
-    negotiator "0.6.2"
-
-acorn-globals@^4.1.0, acorn-globals@^4.3.0:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-4.3.4.tgz#9fa1926addc11c97308c4e66d7add0d40c3272e7"
-  integrity sha512-clfQEh21R+D0leSbUdWf3OcfqyaCSAQ8Ryq00bofSekfr9W8u1jyYZo6ir0xu9Gtcf7BjcHJpnbZH7JOCpP60A==
-  dependencies:
-    acorn "^6.0.1"
-    acorn-walk "^6.0.1"
-
-acorn-jsx@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.2.0.tgz#4c66069173d6fdd68ed85239fc256226182b2ebe"
-  integrity sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==
-
-acorn-walk@^6.0.1:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.2.0.tgz#123cb8f3b84c2171f1f7fb252615b1c78a6b1a8c"
-  integrity sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==
-
-acorn@^5.5.3:
-  version "5.7.4"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.4.tgz#3e8d8a9947d0599a1796d10225d7432f4a4acf5e"
-  integrity sha512-1D++VG7BhrtvQpNbBzovKNc1FLGGEE/oGe7b9xJm/RFHMBeUaUGpluV9RLjZa47YFdPcDAenEYuq9pQPcMdLJg==
-
-acorn@^6.0.1, acorn@^6.0.4, acorn@^6.4.1:
-  version "6.4.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.1.tgz#531e58ba3f51b9dacb9a6646ca4debf5b14ca474"
-  integrity sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==
-
-acorn@^7.1.1, acorn@^7.3.1:
-  version "7.3.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.3.1.tgz#85010754db53c3fbaf3b9ea3e083aa5c5d147ffd"
-  integrity sha512-tLc0wSnatxAQHVHUapaHdz72pi9KUyHjq5KyHjGg9Y8Ifdc79pTh2XvI6I1/chZbnM7QtNKzh66ooDogPZSleA==
-
-agent-base@4, agent-base@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-4.3.0.tgz#8165f01c436009bccad0b1d122f05ed770efc6ee"
-  integrity sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==
-  dependencies:
-    es6-promisify "^5.0.0"
-
-agent-base@~4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-4.2.1.tgz#d89e5999f797875674c07d87f260fc41e83e8ca9"
-  integrity sha512-JVwXMr9nHYTUXsBFKUqhJwvlcYU/blreOEUkhNR2eXZIvwd+c+o5V4MgDPKWnMS/56awN3TRzIP+KoPn+roQtg==
-  dependencies:
-    es6-promisify "^5.0.0"
-
-agentkeepalive@^3.4.1:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/agentkeepalive/-/agentkeepalive-3.5.2.tgz#a113924dd3fa24a0bc3b78108c450c2abee00f67"
-  integrity sha512-e0L/HNe6qkQ7H19kTlRRqUibEAwDK5AFk6y3PtMsuut2VAH6+Q4xZml1tNDJD7kSAyqmbG/K08K5WEJYtUrSlQ==
-  dependencies:
-    humanize-ms "^1.2.1"
-
-aggregate-error@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.0.1.tgz#db2fe7246e536f40d9b5442a39e117d7dd6a24e0"
-  integrity sha512-quoaXsZ9/BLNae5yiNoUz+Nhkwz83GhWwtYFglcjEQB2NDHCIpApbqXxIFnm4Pq/Nvhrsq5sYJFyohrrxnTGAA==
-  dependencies:
-    clean-stack "^2.0.0"
-    indent-string "^4.0.0"
-
-ajv-errors@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/ajv-errors/-/ajv-errors-1.0.1.tgz#f35986aceb91afadec4102fbd85014950cefa64d"
-  integrity sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==
-
-ajv-keywords@^3.1.0, ajv-keywords@^3.4.1:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.4.1.tgz#ef916e271c64ac12171fd8384eaae6b2345854da"
-  integrity sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==
-
-ajv@^6.1.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.5.5:
-  version "6.12.2"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.2.tgz#c629c5eced17baf314437918d2da88c99d5958cd"
-  integrity sha512-k+V+hzjm5q/Mr8ef/1Y9goCmlsK4I6Sm74teeyGvFk1XrOsbsKLjEdrvny42CZ+a8sXbk8KWpY/bDwS+FLL2UQ==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
-ajv@^6.10.0:
-  version "6.12.3"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.3.tgz#18c5af38a111ddeb4f2697bd78d68abc1cabd706"
-  integrity sha512-4K0cK3L1hsqk9xIb2z9vs/XU+PGJZ9PNpJRDS9YLzmNdX6jmVPfamLvTJr0aDAusnHyCHO6MjzlkAsgtqp9teA==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
-alphanum-sort@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
-  integrity sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=
-
-another-json@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/another-json/-/another-json-0.2.0.tgz#b5f4019c973b6dd5c6506a2d93469cb6d32aeedc"
-  integrity sha1-tfQBnJc7bdXGUGotk0acttMq7tw=
-
-ansi-colors@^3.0.0:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-3.2.4.tgz#e3a3da4bfbae6c86a9c285625de124a234026fbf"
-  integrity sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA==
-
-ansi-colors@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.1.tgz#cbb9ae256bf750af1eab344f229aa27fe94ba348"
-  integrity sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==
-
-ansi-escapes@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
-  integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
-
-ansi-escapes@^4.2.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.1.tgz#a5c47cc43181f1f38ffd7076837700d395522a61"
-  integrity sha512-JWF7ocqNrp8u9oqpgV+wH5ftbt+cfvv+PTjOvKLT3AdYly/LmORARfEVT1iyjwN+4MqE5UmVKoAdIBqeoCHgLA==
-  dependencies:
-    type-fest "^0.11.0"
-
-ansi-html@0.0.7:
-  version "0.0.7"
-  resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.7.tgz#813584021962a9e9e6fd039f940d12f56ca7859e"
-  integrity sha1-gTWEAhliqenm/QOflA0S9WynhZ4=
-
-ansi-regex@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
-  integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
-
-ansi-regex@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
-  integrity sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=
-
-ansi-regex@^4.0.0, ansi-regex@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
-  integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==
-
-ansi-regex@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
-  integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
-
-ansi-styles@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
-  integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
-
-ansi-styles@^3.2.0, 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.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.2.1.tgz#90ae75c424d008d2624c5bf29ead3177ebfcf359"
-  integrity sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==
-  dependencies:
-    "@types/color-name" "^1.1.1"
-    color-convert "^2.0.1"
-
-anymatch@^1.3.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-1.3.2.tgz#553dcb8f91e3c889845dfdba34c77721b90b9d7a"
-  integrity sha512-0XNayC8lTHQ2OI8aljNCN3sSx6hsr/1+rlcDAotXJR7C1oZZHCNsfpbKwMjRA3Uqb5tF1Rae2oloTr4xpq+WjA==
-  dependencies:
-    micromatch "^2.1.5"
-    normalize-path "^2.0.0"
-
-anymatch@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-2.0.0.tgz#bcb24b4f37934d9aa7ac17b4adaf89e7c76ef2eb"
-  integrity sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==
-  dependencies:
-    micromatch "^3.1.4"
-    normalize-path "^2.1.1"
-
-anymatch@~3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.1.tgz#c55ecf02185e2469259399310c173ce31233b142"
-  integrity sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==
-  dependencies:
-    normalize-path "^3.0.0"
-    picomatch "^2.0.4"
-
-aproba@^1.0.3, aproba@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
-  integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
-
-are-we-there-yet@~1.1.2:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz#4b35c2944f062a8bfcda66410760350fe9ddfc21"
-  integrity sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==
-  dependencies:
-    delegates "^1.0.0"
-    readable-stream "^2.0.6"
-
-argparse@^1.0.7:
-  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"
-
-arr-diff@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf"
-  integrity sha1-jzuCf5Vai9ZpaX5KQlasPOrjVs8=
-  dependencies:
-    arr-flatten "^1.0.1"
-
-arr-diff@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
-  integrity sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=
-
-arr-flatten@^1.0.1, arr-flatten@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.1.0.tgz#36048bbff4e7b47e136644316c99669ea5ae91f1"
-  integrity sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==
-
-arr-union@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
-  integrity sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=
-
-array-equal@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
-  integrity sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=
-
-array-find-index@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1"
-  integrity sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=
-
-array-flatten@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
-  integrity sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=
-
-array-flatten@^2.1.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
-  integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
-
-array-includes@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.1.tgz#cdd67e6852bdf9c1215460786732255ed2459348"
-  integrity sha512-c2VXaCHl7zPsvpkFsw4nxvFie4fh1ur9bpcgsVkIjqn0H/Xwdg+7fv3n2r/isyS8EBj5b06M9kHyZuIr4El6WQ==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.0"
-    is-string "^1.0.5"
-
-array-union@^1.0.1, array-union@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
-  integrity sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=
-  dependencies:
-    array-uniq "^1.0.1"
-
-array-uniq@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
-  integrity sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=
-
-array-unique@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53"
-  integrity sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=
-
-array-unique@^0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
-  integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=
-
-array.prototype.flat@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.2.3.tgz#0de82b426b0318dbfdb940089e38b043d37f6c7b"
-  integrity sha512-gBlRZV0VSmfPIeWfuuy56XZMvbVfbEUnOXUvt3F/eUUUSyzlgLxhEX4YAEpxNAogRGehPSnfXyPtYyKAhkzQhQ==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
-
-array.prototype.flatmap@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.2.3.tgz#1c13f84a178566042dd63de4414440db9222e443"
-  integrity sha512-OOEk+lkePcg+ODXIpvuU9PAryCikCJyo7GlDG1upleEpQRx6mzL9puEBkozQ5iAx20KV0l3DbyQwqciJtqe5Pg==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
-    function-bind "^1.1.1"
-
-arrify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
-  integrity sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=
-
-asap@~2.0.3:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
-  integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
-
-asn1.js@^4.0.0:
-  version "4.10.1"
-  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
-  integrity sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==
-  dependencies:
-    bn.js "^4.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-
-asn1@~0.2.3:
-  version "0.2.4"
-  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.4.tgz#8d2475dfab553bb33e77b54e59e880bb8ce23136"
-  integrity sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==
-  dependencies:
-    safer-buffer "~2.1.0"
-
-assert-plus@1.0.0, assert-plus@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
-  integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=
-
-assert@^1.1.1:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/assert/-/assert-1.5.0.tgz#55c109aaf6e0aefdb3dc4b71240c70bf574b18eb"
-  integrity sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==
-  dependencies:
-    object-assign "^4.1.1"
-    util "0.10.3"
-
-assign-symbols@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
-  integrity sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=
-
-astral-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
-  integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==
-
-async-each@^1.0.0, async-each@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.3.tgz#b727dbf87d7651602f06f4d4ac387f47d91b0cbf"
-  integrity sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==
-
-async-limiter@~1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
-  integrity sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==
-
-async@^2.4.1, async@^2.6.2:
-  version "2.6.3"
-  resolved "https://registry.yarnpkg.com/async/-/async-2.6.3.tgz#d72625e2344a3656e3a3ad4fa749fa83299d82ff"
-  integrity sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==
-  dependencies:
-    lodash "^4.17.14"
-
-asynckit@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
-  integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=
-
-atob@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
-  integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
-
-autoprefixer@^9.6.1, autoprefixer@^9.7.1, autoprefixer@^9.7.3:
-  version "9.8.0"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.0.tgz#68e2d2bef7ba4c3a65436f662d0a56a741e56511"
-  integrity sha512-D96ZiIHXbDmU02dBaemyAg53ez+6F5yZmapmgKcjm35yEe1uVDYI8hGW3VYoGRaG290ZFf91YxHrR518vC0u/A==
-  dependencies:
-    browserslist "^4.12.0"
-    caniuse-lite "^1.0.30001061"
-    chalk "^2.4.2"
-    normalize-range "^0.1.2"
-    num2fraction "^1.2.2"
-    postcss "^7.0.30"
-    postcss-value-parser "^4.1.0"
-
-await-lock@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/await-lock/-/await-lock-2.0.1.tgz#b3f65fdf66e08f7538260f79b46c15bcfc18cadd"
-  integrity sha512-ntLi9fzlMT/vWjC1wwVI11/cSRJ3nTS35qVekNc9WnaoMOP2eWH0RvIqwLQkDjX4a4YynsKEv+Ere2VONp9wxg==
-
-aws-sign2@~0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
-  integrity sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=
-
-aws4@^1.8.0:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.10.0.tgz#a17b3a8ea811060e74d47d306122400ad4497ae2"
-  integrity sha512-3YDiu347mtVtjpyV3u5kVqQLP242c06zwDOgpeRnybmXlYYsLbtTrUBUm8i8srONt+FWobl5aibnU1030PeeuA==
-
-babel-eslint@^10.0.1, babel-eslint@^10.0.3, babel-eslint@^10.1.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.1.0.tgz#6968e568a910b78fb3779cdd8b6ac2f479943232"
-  integrity sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/parser" "^7.7.0"
-    "@babel/traverse" "^7.7.0"
-    "@babel/types" "^7.7.0"
-    eslint-visitor-keys "^1.0.0"
-    resolve "^1.12.0"
-
-babel-jest@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-24.9.0.tgz#3fc327cb8467b89d14d7bc70e315104a783ccd54"
-  integrity sha512-ntuddfyiN+EhMw58PTNL1ph4C9rECiQXjI4nMMBKBaNjXvqLdkXpPRcMSr4iyBrJg/+wz9brFUD6RhOAT6r4Iw==
-  dependencies:
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    "@types/babel__core" "^7.1.0"
-    babel-plugin-istanbul "^5.1.0"
-    babel-preset-jest "^24.9.0"
-    chalk "^2.4.2"
-    slash "^2.0.0"
-
-babel-loader@^8.0.6:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.1.0.tgz#c611d5112bd5209abe8b9fa84c3e4da25275f1c3"
-  integrity sha512-7q7nC1tYOrqvUrN3LQK4GwSk/TQorZSOlO9C+RZDZpODgyN4ZlCqE5q9cDsyWOliN+aU9B4JX01xK9eJXowJLw==
-  dependencies:
-    find-cache-dir "^2.1.0"
-    loader-utils "^1.4.0"
-    mkdirp "^0.5.3"
-    pify "^4.0.1"
-    schema-utils "^2.6.5"
-
-babel-plugin-dynamic-import-node@^2.3.3:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz#84fda19c976ec5c6defef57f9427b3def66e17a3"
-  integrity sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==
-  dependencies:
-    object.assign "^4.1.0"
-
-babel-plugin-istanbul@^5.1.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-5.2.0.tgz#df4ade83d897a92df069c4d9a25cf2671293c854"
-  integrity sha512-5LphC0USA8t4i1zCtjbbNb6jJj/9+X6P37Qfirc/70EQ34xKlMW+a1RHGwxGI+SwWpNwZ27HqvzAobeqaXwiZw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    find-up "^3.0.0"
-    istanbul-lib-instrument "^3.3.0"
-    test-exclude "^5.2.3"
-
-babel-plugin-jest-hoist@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-24.9.0.tgz#4f837091eb407e01447c8843cbec546d0002d756"
-  integrity sha512-2EMA2P8Vp7lG0RAzr4HXqtYwacfMErOuv1U3wrvxHX6rD1sV6xS3WXG3r8TRQ2r6w8OhvSdWt+z41hQNwNm3Xw==
-  dependencies:
-    "@types/babel__traverse" "^7.0.6"
-
-babel-preset-jest@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-24.9.0.tgz#192b521e2217fb1d1f67cf73f70c336650ad3cdc"
-  integrity sha512-izTUuhE4TMfTRPF92fFwD2QfdXaZW08qvWTFCI51V8rW5x00UuPgc3ajRoWofXOuxjfcOM5zzSYsQS3H8KGCAg==
-  dependencies:
-    "@babel/plugin-syntax-object-rest-spread" "^7.0.0"
-    babel-plugin-jest-hoist "^24.9.0"
-
-babel-runtime@^6.26.0, babel-runtime@^6.9.2:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
-  integrity sha1-llxwWGaOgrVde/4E/yM3vItWR/4=
-  dependencies:
-    core-js "^2.4.0"
-    regenerator-runtime "^0.11.0"
-
-bail@^1.0.0:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/bail/-/bail-1.0.5.tgz#b6fa133404a392cbc1f8c4bf63f5953351e7a776"
-  integrity sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ==
-
-balanced-match@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
-  integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
-
-base-x@^3.0.2:
-  version "3.0.8"
-  resolved "https://registry.yarnpkg.com/base-x/-/base-x-3.0.8.tgz#1e1106c2537f0162e8b52474a557ebb09000018d"
-  integrity sha512-Rl/1AWP4J/zRrk54hhlxH4drNxPJXYUaKffODVI53/dAsV4t9fBxyxYKAVPU1XBHxYwOWP9h9H0hM2MVw4YfJA==
-  dependencies:
-    safe-buffer "^5.0.1"
-
-base64-arraybuffer-es6@0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/base64-arraybuffer-es6/-/base64-arraybuffer-es6-0.6.0.tgz#036f79f57588dca0018de7792ddf149299382007"
-  integrity sha512-57nLqKj4ShsDwFJWJsM4sZx6u60WbCge35rWRSevUwqxDtRwwxiKAO800zD2upPv4CfdWjQp//wSLar35nDKvA==
-
-base64-js@^1.0.2:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.3.1.tgz#58ece8cb75dd07e71ed08c736abc5fac4dbf8df1"
-  integrity sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==
-
-base@^0.11.1:
-  version "0.11.2"
-  resolved "https://registry.yarnpkg.com/base/-/base-0.11.2.tgz#7bde5ced145b6d551a90db87f83c558b4eb48a8f"
-  integrity sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==
-  dependencies:
-    cache-base "^1.0.1"
-    class-utils "^0.3.5"
-    component-emitter "^1.2.1"
-    define-property "^1.0.0"
-    isobject "^3.0.1"
-    mixin-deep "^1.2.0"
-    pascalcase "^0.1.1"
-
-batch@0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
-  integrity sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=
-
-bcrypt-pbkdf@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
-  integrity sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=
-  dependencies:
-    tweetnacl "^0.14.3"
-
-big.js@^3.1.3:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e"
-  integrity sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==
-
-big.js@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
-  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
-
-binary-extensions@^1.0.0:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.13.1.tgz#598afe54755b2868a5330d2aff9d4ebb53209b65"
-  integrity sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==
-
-binary-extensions@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.0.0.tgz#23c0df14f6a88077f5f986c0d167ec03c3d5537c"
-  integrity sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==
-
-bindings@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/bindings/-/bindings-1.5.0.tgz#10353c9e945334bc0511a6d90b38fbc7c9c504df"
-  integrity sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==
-  dependencies:
-    file-uri-to-path "1.0.0"
-
-bluebird@^3.5.0, bluebird@^3.5.5:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
-  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
-
-blueimp-canvas-to-blob@^3.27.0:
-  version "3.28.0"
-  resolved "https://registry.yarnpkg.com/blueimp-canvas-to-blob/-/blueimp-canvas-to-blob-3.28.0.tgz#c8ab4dc6bb08774a7f273798cdf94b0776adf6c8"
-  integrity sha512-5q+YHzgGsuHQ01iouGgJaPJXod2AzTxJXmVv90PpGrRxU7G7IqgPqWXz+PBmt3520jKKi6irWbNV87DicEa7wg==
-
-bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.4.0:
-  version "4.11.9"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.9.tgz#26d556829458f9d1e81fc48952493d0ba3507828"
-  integrity sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw==
-
-bn.js@^5.1.1:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.1.2.tgz#c9686902d3c9a27729f43ab10f9d79c2004da7b0"
-  integrity sha512-40rZaf3bUNKTVYu9sIeeEGOg7g14Yvnj9kH7b50EiwX0Q7A6umbvfI5tvHaOERH0XigqKkfLkFQxzb4e6CIXnA==
-
-body-parser@1.19.0:
-  version "1.19.0"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.19.0.tgz#96b2709e57c9c4e09a6fd66a8fd979844f69f08a"
-  integrity sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==
-  dependencies:
-    bytes "3.1.0"
-    content-type "~1.0.4"
-    debug "2.6.9"
-    depd "~1.1.2"
-    http-errors "1.7.2"
-    iconv-lite "0.4.24"
-    on-finished "~2.3.0"
-    qs "6.7.0"
-    raw-body "2.4.0"
-    type-is "~1.6.17"
-
-bonjour@^3.5.0:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/bonjour/-/bonjour-3.5.0.tgz#8e890a183d8ee9a2393b3844c691a42bcf7bc9f5"
-  integrity sha1-jokKGD2O6aI5OzhExpGkK897yfU=
-  dependencies:
-    array-flatten "^2.1.0"
-    deep-equal "^1.0.1"
-    dns-equal "^1.0.0"
-    dns-txt "^2.0.2"
-    multicast-dns "^6.0.1"
-    multicast-dns-service-types "^1.1.0"
-
-boolbase@^1.0.0, boolbase@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
-  integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
-
-brace-expansion@^1.1.7:
-  version "1.1.11"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
-  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
-  dependencies:
-    balanced-match "^1.0.0"
-    concat-map "0.0.1"
-
-braces@^1.8.2:
-  version "1.8.5"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-1.8.5.tgz#ba77962e12dff969d6b76711e914b737857bf6a7"
-  integrity sha1-uneWLhLf+WnWt2cR6RS3N4V79qc=
-  dependencies:
-    expand-range "^1.8.1"
-    preserve "^0.2.0"
-    repeat-element "^1.1.2"
-
-braces@^2.3.1, braces@^2.3.2:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-2.3.2.tgz#5979fd3f14cd531565e5fa2df1abfff1dfaee729"
-  integrity sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==
-  dependencies:
-    arr-flatten "^1.1.0"
-    array-unique "^0.3.2"
-    extend-shallow "^2.0.1"
-    fill-range "^4.0.0"
-    isobject "^3.0.1"
-    repeat-element "^1.1.2"
-    snapdragon "^0.8.1"
-    snapdragon-node "^2.0.1"
-    split-string "^3.0.2"
-    to-regex "^3.0.1"
-
-braces@^3.0.1, braces@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
-  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
-  dependencies:
-    fill-range "^7.0.1"
-
-brorand@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
-  integrity sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=
-
-browser-encrypt-attachment@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/browser-encrypt-attachment/-/browser-encrypt-attachment-0.3.0.tgz#205a94caadf0dc7e81413941812f655bd190ff1c"
-  integrity sha1-IFqUyq3w3H6BQTlBgS9lW9GQ/xw=
-
-browser-process-hrtime@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
-  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
-
-browser-request@^0.3.3:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/browser-request/-/browser-request-0.3.3.tgz#9ece5b5aca89a29932242e18bf933def9876cc17"
-  integrity sha1-ns5bWsqJopkyJC4Yv5M975h2zBc=
-
-browser-resolve@^1.11.3:
-  version "1.11.3"
-  resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-1.11.3.tgz#9b7cbb3d0f510e4cb86bdbd796124d28b5890af6"
-  integrity sha512-exDi1BYWB/6raKHmDTCicQfTkqwN5fioMFV4j8BsfMU4R2DK/QfZfK7kOVkmWCNANf0snkBzqGqAJBao9gZMdQ==
-  dependencies:
-    resolve "1.1.7"
-
-browserify-aes@^1.0.0, browserify-aes@^1.0.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
-  integrity sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==
-  dependencies:
-    buffer-xor "^1.0.3"
-    cipher-base "^1.0.0"
-    create-hash "^1.1.0"
-    evp_bytestokey "^1.0.3"
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-browserify-cipher@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
-  integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
-  dependencies:
-    browserify-aes "^1.0.4"
-    browserify-des "^1.0.0"
-    evp_bytestokey "^1.0.0"
-
-browserify-des@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.2.tgz#3af4f1f59839403572f1c66204375f7a7f703e9c"
-  integrity sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==
-  dependencies:
-    cipher-base "^1.0.1"
-    des.js "^1.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
-browserify-rsa@^4.0.0, browserify-rsa@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
-  integrity sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=
-  dependencies:
-    bn.js "^4.1.0"
-    randombytes "^2.0.1"
-
-browserify-sign@^4.0.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.2.0.tgz#545d0b1b07e6b2c99211082bf1b12cce7a0b0e11"
-  integrity sha512-hEZC1KEeYuoHRqhGhTy6gWrpJA3ZDjFWv0DE61643ZnOXAKJb3u7yWcrU0mMc9SwAqK1n7myPGndkp0dFG7NFA==
-  dependencies:
-    bn.js "^5.1.1"
-    browserify-rsa "^4.0.1"
-    create-hash "^1.2.0"
-    create-hmac "^1.1.7"
-    elliptic "^6.5.2"
-    inherits "^2.0.4"
-    parse-asn1 "^5.1.5"
-    readable-stream "^3.6.0"
-    safe-buffer "^5.2.0"
-
-browserify-zlib@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f"
-  integrity sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==
-  dependencies:
-    pako "~1.0.5"
-
-browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.6.4, browserslist@^4.8.5:
-  version "4.12.0"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.12.0.tgz#06c6d5715a1ede6c51fc39ff67fd647f740b656d"
-  integrity sha512-UH2GkcEDSI0k/lRkuDSzFl9ZZ87skSy9w2XAn1MsZnL+4c4rqbBd3e82UWHbYDpztABrPBhZsTEeuxVfHppqDg==
-  dependencies:
-    caniuse-lite "^1.0.30001043"
-    electron-to-chromium "^1.3.413"
-    node-releases "^1.1.53"
-    pkg-up "^2.0.0"
-
-bs58@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/bs58/-/bs58-4.0.1.tgz#be161e76c354f6f788ae4071f63f34e8c4f0a42a"
-  integrity sha1-vhYedsNU9veIrkBx9j806MTwpCo=
-  dependencies:
-    base-x "^3.0.2"
-
-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-alloc-unsafe@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz#bd7dc26ae2972d0eda253be061dba992349c19f0"
-  integrity sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==
-
-buffer-alloc@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/buffer-alloc/-/buffer-alloc-1.2.0.tgz#890dd90d923a873e08e10e5fd51a57e5b7cce0ec"
-  integrity sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==
-  dependencies:
-    buffer-alloc-unsafe "^1.1.0"
-    buffer-fill "^1.0.0"
-
-buffer-fill@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/buffer-fill/-/buffer-fill-1.0.0.tgz#f8f78b76789888ef39f205cd637f68e702122b2c"
-  integrity sha1-+PeLdniYiO858gXNY39o5wISKyw=
-
-buffer-from@^1.0.0, buffer-from@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
-  integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
-
-buffer-indexof@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/buffer-indexof/-/buffer-indexof-1.1.1.tgz#52fabcc6a606d1a00302802648ef68f639da268c"
-  integrity sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==
-
-buffer-xor@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
-  integrity sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=
-
-buffer@^4.3.0:
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.2.tgz#230ead344002988644841ab0244af8c44bbe3ef8"
-  integrity sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==
-  dependencies:
-    base64-js "^1.0.2"
-    ieee754 "^1.1.4"
-    isarray "^1.0.0"
-
-buffer@^5.4.3:
-  version "5.6.0"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.6.0.tgz#a31749dc7d81d84db08abf937b6b8c4033f62786"
-  integrity sha512-/gDYp/UtU0eA1ys8bOs9J6a+E/KWIY+DZ+Q2WESNUA0jFRsJOc0SNUO6xJ5SGA1xueg3NL65W6s+NY5l9cunuw==
-  dependencies:
-    base64-js "^1.0.2"
-    ieee754 "^1.1.4"
-
-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"
-  integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
-
-bytes@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
-  integrity sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=
-
-bytes@3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6"
-  integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
-
-cacache@^12.0.0, cacache@^12.0.2:
-  version "12.0.4"
-  resolved "https://registry.yarnpkg.com/cacache/-/cacache-12.0.4.tgz#668bcbd105aeb5f1d92fe25570ec9525c8faa40c"
-  integrity sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ==
-  dependencies:
-    bluebird "^3.5.5"
-    chownr "^1.1.1"
-    figgy-pudding "^3.5.1"
-    glob "^7.1.4"
-    graceful-fs "^4.1.15"
-    infer-owner "^1.0.3"
-    lru-cache "^5.1.1"
-    mississippi "^3.0.0"
-    mkdirp "^0.5.1"
-    move-concurrently "^1.0.1"
-    promise-inflight "^1.0.1"
-    rimraf "^2.6.3"
-    ssri "^6.0.1"
-    unique-filename "^1.1.1"
-    y18n "^4.0.0"
-
-cacache@^13.0.1:
-  version "13.0.1"
-  resolved "https://registry.yarnpkg.com/cacache/-/cacache-13.0.1.tgz#a8000c21697089082f85287a1aec6e382024a71c"
-  integrity sha512-5ZvAxd05HDDU+y9BVvcqYu2LLXmPnQ0hW62h32g4xBTgL/MppR4/04NHfj/ycM2y6lmTnbw6HVi+1eN0Psba6w==
-  dependencies:
-    chownr "^1.1.2"
-    figgy-pudding "^3.5.1"
-    fs-minipass "^2.0.0"
-    glob "^7.1.4"
-    graceful-fs "^4.2.2"
-    infer-owner "^1.0.4"
-    lru-cache "^5.1.1"
-    minipass "^3.0.0"
-    minipass-collect "^1.0.2"
-    minipass-flush "^1.0.5"
-    minipass-pipeline "^1.2.2"
-    mkdirp "^0.5.1"
-    move-concurrently "^1.0.1"
-    p-map "^3.0.0"
-    promise-inflight "^1.0.1"
-    rimraf "^2.7.1"
-    ssri "^7.0.0"
-    unique-filename "^1.1.1"
-
-cache-base@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
-  integrity sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==
-  dependencies:
-    collection-visit "^1.0.0"
-    component-emitter "^1.2.1"
-    get-value "^2.0.6"
-    has-value "^1.0.0"
-    isobject "^3.0.1"
-    set-value "^2.0.0"
-    to-object-path "^0.3.0"
-    union-value "^1.0.0"
-    unset-value "^1.0.0"
-
-call-me-maybe@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b"
-  integrity sha1-JtII6onje1y95gJQoV8DHBak1ms=
-
-caller-callsite@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134"
-  integrity sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=
-  dependencies:
-    callsites "^2.0.0"
-
-caller-path@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-2.0.0.tgz#468f83044e369ab2010fac5f06ceee15bb2cb1f4"
-  integrity sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=
-  dependencies:
-    caller-callsite "^2.0.0"
-
-callsites@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
-  integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=
-
-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==
-
-camel-case@3.0.x:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-3.0.0.tgz#ca3c3688a4e9cf3a4cda777dc4dcbc713249cf73"
-  integrity sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M=
-  dependencies:
-    no-case "^2.2.0"
-    upper-case "^1.1.1"
-
-camelcase-css@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
-  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
-
-camelcase-keys@^4.0.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-4.2.0.tgz#a2aa5fb1af688758259c32c141426d78923b9b77"
-  integrity sha1-oqpfsa9oh1glnDLBQUJteJI7m3c=
-  dependencies:
-    camelcase "^4.1.0"
-    map-obj "^2.0.0"
-    quick-lru "^1.0.0"
-
-camelcase@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
-  integrity sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=
-
-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==
-
-caniuse-api@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
-  integrity sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==
-  dependencies:
-    browserslist "^4.0.0"
-    caniuse-lite "^1.0.0"
-    lodash.memoize "^4.1.2"
-    lodash.uniq "^4.5.0"
-
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001043, caniuse-lite@^1.0.30001061:
-  version "1.0.30001079"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001079.tgz#ed3e5225cd9a6850984fdd88bf24ce45d69b9c22"
-  integrity sha512-2KaYheg0iOY+CMmDuAB3DHehrXhhb4OZU4KBVGDr/YKyYAcpudaiUQ9PJ9rxrPlKEoJ3ATasQ5AN48MqpwS43Q==
-
-canvas@^2.6.1:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/canvas/-/canvas-2.6.1.tgz#0d087dd4d60f5a5a9efa202757270abea8bef89e"
-  integrity sha512-S98rKsPcuhfTcYbtF53UIJhcbgIAK533d1kJKMwsMwAIFgfd58MOyxRud3kktlzWiEkFliaJtvyZCBtud/XVEA==
-  dependencies:
-    nan "^2.14.0"
-    node-pre-gyp "^0.11.0"
-    simple-get "^3.0.3"
-
-capture-exit@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"
-  integrity sha512-PiT/hQmTonHhl/HFGN+Lx3JJUznrVYJ3+AQsnthneZbvW7x+f08Tk7yLJTLEOUvBTbduLeeBkxEaYXUOUrRq6g==
-  dependencies:
-    rsvp "^4.8.4"
-
-caseless@~0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
-  integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
-
-ccount@^1.0.0:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.0.5.tgz#ac82a944905a65ce204eb03023157edf29425c17"
-  integrity sha512-MOli1W+nfbPLlKEhInaxhRdp7KVLFxLN5ykwzHgLsLI3H3gs5jjFAK4Eoj3OzzcxCtumDaI8onoVDeQyWaNTkw==
-
-chalk@2.4.2, chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.4.1, 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@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
-  integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
-  dependencies:
-    ansi-styles "^2.2.1"
-    escape-string-regexp "^1.0.2"
-    has-ansi "^2.0.0"
-    strip-ansi "^3.0.0"
-    supports-color "^2.0.0"
-
-chalk@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-3.0.0.tgz#3f73c2bf526591f574cc492c51e2456349f844e4"
-  integrity sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-chalk@^4.0.0, chalk@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
-  integrity sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-character-entities-html4@^1.0.0:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-1.1.4.tgz#0e64b0a3753ddbf1fdc044c5fd01d0199a02e125"
-  integrity sha512-HRcDxZuZqMx3/a+qrzxdBKBPUpxWEq9xw2OPZ3a/174ihfrQKVsFhqtthBInFy1zZ9GgZyFXOatNujm8M+El3g==
-
-character-entities-legacy@^1.0.0:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz#94bc1845dce70a5bb9d2ecc748725661293d8fc1"
-  integrity sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==
-
-character-entities@^1.0.0:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-1.2.4.tgz#e12c3939b7eaf4e5b15e7ad4c5e28e1d48c5b16b"
-  integrity sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==
-
-character-reference-invalid@^1.0.0:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz#083329cda0eae272ab3dbbf37e9a382c13af1560"
-  integrity sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==
-
-chardet@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
-  integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
-
-chokidar@^1.6.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.7.0.tgz#798e689778151c8076b4b360e5edd28cda2bb468"
-  integrity sha1-eY5ol3gVHIB2tLNg5e3SjNortGg=
-  dependencies:
-    anymatch "^1.3.0"
-    async-each "^1.0.0"
-    glob-parent "^2.0.0"
-    inherits "^2.0.1"
-    is-binary-path "^1.0.0"
-    is-glob "^2.0.0"
-    path-is-absolute "^1.0.0"
-    readdirp "^2.0.0"
-  optionalDependencies:
-    fsevents "^1.0.0"
-
-chokidar@^2.1.8:
-  version "2.1.8"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
-  integrity sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==
-  dependencies:
-    anymatch "^2.0.0"
-    async-each "^1.0.1"
-    braces "^2.3.2"
-    glob-parent "^3.1.0"
-    inherits "^2.0.3"
-    is-binary-path "^1.0.0"
-    is-glob "^4.0.0"
-    normalize-path "^3.0.0"
-    path-is-absolute "^1.0.0"
-    readdirp "^2.2.1"
-    upath "^1.1.1"
-  optionalDependencies:
-    fsevents "^1.2.7"
-
-chokidar@^3.3.1, chokidar@^3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.4.0.tgz#b30611423ce376357c765b9b8f904b9fba3c0be8"
-  integrity sha512-aXAaho2VJtisB/1fg1+3nlLJqGOuewTzQpd/Tz0yTg2R0e4IGtshYvtjowyEumcBv2z+y4+kc75Mz7j5xJskcQ==
-  dependencies:
-    anymatch "~3.1.1"
-    braces "~3.0.2"
-    glob-parent "~5.1.0"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.4.0"
-  optionalDependencies:
-    fsevents "~2.1.2"
-
-chownr@^1.1.1, chownr@^1.1.2:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
-  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
-
-chrome-trace-event@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz#234090ee97c7d4ad1a2c4beae27505deffc608a4"
-  integrity sha512-9e/zx1jw7B4CO+c/RXoCsfg/x1AfUBioy4owYH0bJprEYAx5hRFLRhWBqHAG57D0ZM4H7vxbP7bPe0VwhQRYDQ==
-  dependencies:
-    tslib "^1.9.0"
-
-ci-info@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
-  integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
-
-cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.4.tgz#8760e4ecc272f4c363532f926d874aae2c1397de"
-  integrity sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-class-utils@^0.3.5:
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/class-utils/-/class-utils-0.3.6.tgz#f93369ae8b9a7ce02fd41faad0ca83033190c463"
-  integrity sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==
-  dependencies:
-    arr-union "^3.1.0"
-    define-property "^0.2.5"
-    isobject "^3.0.0"
-    static-extend "^0.1.1"
-
-classnames@^2.2.6:
-  version "2.2.6"
-  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.6.tgz#43935bffdd291f326dad0a205309b38d00f650ce"
-  integrity sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q==
-
-clean-css@4.2.x:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78"
-  integrity sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==
-  dependencies:
-    source-map "~0.6.0"
-
-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==
-
-cli-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
-  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
-  dependencies:
-    restore-cursor "^3.1.0"
-
-cli-width@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
-  integrity sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==
-
-cliui@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-4.1.0.tgz#348422dbe82d800b3022eef4f6ac10bf2e4d1b49"
-  integrity sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==
-  dependencies:
-    string-width "^2.1.1"
-    strip-ansi "^4.0.0"
-    wrap-ansi "^2.0.0"
-
-cliui@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
-  integrity sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==
-  dependencies:
-    string-width "^3.1.0"
-    strip-ansi "^5.2.0"
-    wrap-ansi "^5.1.0"
-
-cliui@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
-  integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^6.2.0"
-
-clone-regexp@^2.1.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/clone-regexp/-/clone-regexp-2.2.0.tgz#7d65e00885cd8796405c35a737e7a86b7429e36f"
-  integrity sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==
-  dependencies:
-    is-regexp "^2.0.0"
-
-co@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
-  integrity sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=
-
-coa@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/coa/-/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3"
-  integrity sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==
-  dependencies:
-    "@types/q" "^1.5.1"
-    chalk "^2.4.1"
-    q "^1.1.2"
-
-code-point-at@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
-  integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
-
-collapse-white-space@^1.0.2:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/collapse-white-space/-/collapse-white-space-1.0.6.tgz#e63629c0016665792060dbbeb79c42239d2c5287"
-  integrity sha512-jEovNnrhMuqyCcjfEJA56v0Xq8SkIoPKDyaHahwo3POf4qcSXqMYuwNcOTzp74vTsR9Tn08z4MxWqAhcekogkQ==
-
-collection-visit@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/collection-visit/-/collection-visit-1.0.0.tgz#4bc0373c164bc3291b4d368c829cf1a80a59dca0"
-  integrity sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=
-  dependencies:
-    map-visit "^1.0.0"
-    object-visit "^1.0.0"
-
-color-convert@^1.9.0, color-convert@^1.9.1:
-  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"
-  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
-  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 sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
-
-color-name@^1.0.0, color-name@~1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
-color-string@^1.5.2:
-  version "1.5.3"
-  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.3.tgz#c9bbc5f01b58b5492f3d6857459cb6590ce204cc"
-  integrity sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==
-  dependencies:
-    color-name "^1.0.0"
-    simple-swizzle "^0.2.2"
-
-color@^3.0.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/color/-/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
-  integrity sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==
-  dependencies:
-    color-convert "^1.9.1"
-    color-string "^1.5.2"
-
-combined-stream@^1.0.6, combined-stream@~1.0.6:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
-  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
-  dependencies:
-    delayed-stream "~1.0.0"
-
-commander@2.17.x:
-  version "2.17.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.17.1.tgz#bd77ab7de6de94205ceacc72f1716d29f20a77bf"
-  integrity sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==
-
-commander@^2.15.1, commander@^2.20.0:
-  version "2.20.3"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
-  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
-
-commander@^4.0.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
-  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-
-commander@~2.19.0:
-  version "2.19.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a"
-  integrity sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg==
-
-commondir@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
-  integrity sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=
-
-commonmark@^0.29.1:
-  version "0.29.1"
-  resolved "https://registry.yarnpkg.com/commonmark/-/commonmark-0.29.1.tgz#fdbf5970ca23600f4a27487e30eed43b66b83ef5"
-  integrity sha512-DafPdNYFXoEhsSiR4O+dJ45UJBfDL4cBTks4B+agKiaWt7qjG0bIhg5xuCE0RqU71ikJcBIf4/sRHh9vYQVF8Q==
-  dependencies:
-    entities "~1.1.1"
-    mdurl "~1.0.1"
-    minimist "~1.2.0"
-    string.prototype.repeat "^0.2.0"
-
-component-emitter@^1.2.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0"
-  integrity sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==
-
-compressible@~2.0.16:
-  version "2.0.18"
-  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
-  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
-  dependencies:
-    mime-db ">= 1.43.0 < 2"
-
-compression@^1.7.4:
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
-  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
-  dependencies:
-    accepts "~1.3.5"
-    bytes "3.0.0"
-    compressible "~2.0.16"
-    debug "2.6.9"
-    on-headers "~1.0.2"
-    safe-buffer "5.1.2"
-    vary "~1.1.2"
-
-concat-map@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
-  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
-
-concat-stream@^1.5.0:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
-  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
-  dependencies:
-    buffer-from "^1.0.0"
-    inherits "^2.0.3"
-    readable-stream "^2.2.2"
-    typedarray "^0.0.6"
-
-concurrently@^4.0.1:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-4.1.2.tgz#1a683b2b5c41e9ed324c9002b9f6e4c6e1f3b6d7"
-  integrity sha512-Kim9SFrNr2jd8/0yNYqDTFALzUX1tvimmwFWxmp/D4mRI+kbqIIwE2RkBDrxS2ic25O1UgQMI5AtBqdtX3ynYg==
-  dependencies:
-    chalk "^2.4.2"
-    date-fns "^1.30.1"
-    lodash "^4.17.15"
-    read-pkg "^4.0.1"
-    rxjs "^6.5.2"
-    spawn-command "^0.0.2-1"
-    supports-color "^4.5.0"
-    tree-kill "^1.2.1"
-    yargs "^12.0.5"
-
-connect-history-api-fallback@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
-  integrity sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==
-
-console-browserify@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
-  integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
-
-console-control-strings@^1.0.0, console-control-strings@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
-  integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
-
-constants-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
-  integrity sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=
-
-contains-path@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
-  integrity sha1-/ozxhP9mcLa67wGp1IYaXL7EEgo=
-
-content-disposition@0.5.3:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.3.tgz#e130caf7e7279087c5616c2007d0485698984fbd"
-  integrity sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==
-  dependencies:
-    safe-buffer "5.1.2"
-
-content-type@^1.0.2, content-type@~1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
-  integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
-
-convert-source-map@^1.1.0, convert-source-map@^1.4.0, convert-source-map@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.7.0.tgz#17a2cb882d7f77d3490585e2ce6c524424a3a442"
-  integrity sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==
-  dependencies:
-    safe-buffer "~5.1.1"
-
-cookie-signature@1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
-  integrity sha1-4wOogrNCzD7oylE6eZmXNNqzriw=
-
-cookie@0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.0.tgz#beb437e7022b3b6d49019d088665303ebe9c14ba"
-  integrity sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==
-
-copy-concurrently@^1.0.0:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/copy-concurrently/-/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0"
-  integrity sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==
-  dependencies:
-    aproba "^1.1.1"
-    fs-write-stream-atomic "^1.0.8"
-    iferr "^0.1.5"
-    mkdirp "^0.5.1"
-    rimraf "^2.5.4"
-    run-queue "^1.0.0"
-
-copy-descriptor@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
-  integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=
-
-core-js-compat@^3.6.2:
-  version "3.6.5"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.6.5.tgz#2a51d9a4e25dfd6e690251aa81f99e3c05481f1c"
-  integrity sha512-7ItTKOhOZbznhXAQ2g/slGg1PJV5zDO/WdkTwi7UEOJmkvsE32PWvx6mKtDjiMpjnR2CNf6BAD6sSxIlv7ptng==
-  dependencies:
-    browserslist "^4.8.5"
-    semver "7.0.0"
-
-core-js-pure@^3.0.0:
-  version "3.6.5"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.6.5.tgz#c79e75f5e38dbc85a662d91eea52b8256d53b813"
-  integrity sha512-lacdXOimsiD0QyNf9BC/mxivNJ/ybBGJXQFKzRekp1WTHoVUWsUHEn+2T8GJAzzIhyOuXA+gOxCVN3l+5PLPUA==
-
-core-js@^1.0.0:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
-  integrity sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=
-
-core-js@^2.4.0, core-js@^2.5.3:
-  version "2.6.11"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.11.tgz#38831469f9922bded8ee21c9dc46985e0399308c"
-  integrity sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg==
-
-core-util-is@1.0.2, core-util-is@~1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
-  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
-
-cosmiconfig@^5.0.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
-  integrity sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==
-  dependencies:
-    import-fresh "^2.0.0"
-    is-directory "^0.3.1"
-    js-yaml "^3.13.1"
-    parse-json "^4.0.0"
-
-cosmiconfig@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
-  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.1.0"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.7.2"
-
-counterpart@^0.18.6:
-  version "0.18.6"
-  resolved "https://registry.yarnpkg.com/counterpart/-/counterpart-0.18.6.tgz#cf6b60d8ef99a4b44b8bf6445fa99b4bd1b2f9dd"
-  integrity sha512-cAIDAYbC3x8S2DDbvFEJ4TzPtPYXma25/kfAkfmprNLlkPWeX4SdUp1c2xklfphqCU3HnDaivR4R3BrAYf5OMA==
-  dependencies:
-    date-names "^0.1.11"
-    except "^0.1.3"
-    extend "^3.0.0"
-    pluralizers "^0.1.7"
-    sprintf-js "^1.0.3"
-
-cpx@^1.3.2:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/cpx/-/cpx-1.5.0.tgz#185be018511d87270dedccc293171e37655ab88f"
-  integrity sha1-GFvgGFEdhycN7czCkxceN2VauI8=
-  dependencies:
-    babel-runtime "^6.9.2"
-    chokidar "^1.6.0"
-    duplexer "^0.1.1"
-    glob "^7.0.5"
-    glob2base "^0.0.12"
-    minimatch "^3.0.2"
-    mkdirp "^0.5.1"
-    resolve "^1.1.7"
-    safe-buffer "^5.0.1"
-    shell-quote "^1.6.1"
-    subarg "^1.0.0"
-
-crc-32@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/crc-32/-/crc-32-0.3.0.tgz#6a3d3687f5baec41f7e9b99fe1953a2e5d19775e"
-  integrity sha1-aj02h/W67EH36bmf4ZU6Ll0Zd14=
-
-create-ecdh@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
-  integrity sha512-GbEHQPMOswGpKXM9kCWVrremUcBmjteUaQ01T9rkKCPDXfUHX0IoP9LpHYo2NPFampa4e+/pFDc3jQdxrxQLaw==
-  dependencies:
-    bn.js "^4.1.0"
-    elliptic "^6.0.0"
-
-create-hash@^1.1.0, create-hash@^1.1.2, create-hash@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
-  integrity sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==
-  dependencies:
-    cipher-base "^1.0.1"
-    inherits "^2.0.1"
-    md5.js "^1.3.4"
-    ripemd160 "^2.0.1"
-    sha.js "^2.4.0"
-
-create-hmac@^1.1.0, create-hmac@^1.1.4, create-hmac@^1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
-  integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
-  dependencies:
-    cipher-base "^1.0.3"
-    create-hash "^1.1.0"
-    inherits "^2.0.1"
-    ripemd160 "^2.0.0"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
-
-create-react-class@^15.6.3:
-  version "15.6.3"
-  resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.3.tgz#2d73237fb3f970ae6ebe011a9e66f46dbca80036"
-  integrity sha512-M+/3Q6E6DLO6Yx3OwrWjwHBnvfXXYA7W+dFjt/ZDBemHO1DDZhsalX/NUtnTYclN6GfnBDRh4qRHjcDHmlJBJg==
-  dependencies:
-    fbjs "^0.8.9"
-    loose-envify "^1.3.1"
-    object-assign "^4.1.1"
-
-cross-spawn@6.0.5, cross-spawn@^6.0.0, cross-spawn@^6.0.5:
-  version "6.0.5"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
-  integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
-  dependencies:
-    nice-try "^1.0.4"
-    path-key "^2.0.1"
-    semver "^5.5.0"
-    shebang-command "^1.2.0"
-    which "^1.2.9"
-
-cross-spawn@^7.0.2:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
-  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
-  dependencies:
-    path-key "^3.1.0"
-    shebang-command "^2.0.0"
-    which "^2.0.1"
-
-crypto-browserify@^3.11.0:
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
-  integrity sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==
-  dependencies:
-    browserify-cipher "^1.0.0"
-    browserify-sign "^4.0.0"
-    create-ecdh "^4.0.0"
-    create-hash "^1.1.0"
-    create-hmac "^1.1.0"
-    diffie-hellman "^5.0.0"
-    inherits "^2.0.1"
-    pbkdf2 "^3.0.3"
-    public-encrypt "^4.0.0"
-    randombytes "^2.0.0"
-    randomfill "^1.0.3"
-
-css-blank-pseudo@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz#dfdefd3254bf8a82027993674ccf35483bfcb3c5"
-  integrity sha512-LHz35Hr83dnFeipc7oqFDmsjHdljj3TQtxGGiNWSOsTLIAubSm4TEz8qCaKFpk7idaQ1GfWscF4E6mgpBysA1w==
-  dependencies:
-    postcss "^7.0.5"
-
-css-color-names@0.0.4, css-color-names@^0.0.4:
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
-  integrity sha1-gIrcLnnPhHOAabZGyyDsJ762KeA=
-
-css-declaration-sorter@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-4.0.1.tgz#c198940f63a76d7e36c1e71018b001721054cb22"
-  integrity sha512-BcxQSKTSEEQUftYpBVnsH4SF05NTuBokb19/sBt6asXGKZ/6VP7PLG1CBCkFDYOnhXhPh0jMhO6xZ71oYHXHBA==
-  dependencies:
-    postcss "^7.0.1"
-    timsort "^0.3.0"
-
-css-has-pseudo@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-0.10.0.tgz#3c642ab34ca242c59c41a125df9105841f6966ee"
-  integrity sha512-Z8hnfsZu4o/kt+AuFzeGpLVhFOGO9mluyHBaA2bA8aCGTwah5sT3WV/fTHH8UNZUytOIImuGPrl/prlb4oX4qQ==
-  dependencies:
-    postcss "^7.0.6"
-    postcss-selector-parser "^5.0.0-rc.4"
-
-css-loader@^3.3.2:
-  version "3.5.3"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-3.5.3.tgz#95ac16468e1adcd95c844729e0bb167639eb0bcf"
-  integrity sha512-UEr9NH5Lmi7+dguAm+/JSPovNjYbm2k3TK58EiwQHzOHH5Jfq1Y+XoP2bQO6TMn7PptMd0opxxedAWcaSTRKHw==
-  dependencies:
-    camelcase "^5.3.1"
-    cssesc "^3.0.0"
-    icss-utils "^4.1.1"
-    loader-utils "^1.2.3"
-    normalize-path "^3.0.0"
-    postcss "^7.0.27"
-    postcss-modules-extract-imports "^2.0.0"
-    postcss-modules-local-by-default "^3.0.2"
-    postcss-modules-scope "^2.2.0"
-    postcss-modules-values "^3.0.0"
-    postcss-value-parser "^4.0.3"
-    schema-utils "^2.6.6"
-    semver "^6.3.0"
-
-css-prefers-color-scheme@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-3.1.1.tgz#6f830a2714199d4f0d0d0bb8a27916ed65cff1f4"
-  integrity sha512-MTu6+tMs9S3EUqzmqLXEcgNRbNkkD/TGFvowpeoWJn5Vfq7FMgsmRQs9X5NXAURiOBmOxm/lLjsDNXDE6k9bhg==
-  dependencies:
-    postcss "^7.0.5"
-
-css-select-base-adapter@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7"
-  integrity sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==
-
-css-select@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858"
-  integrity sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=
-  dependencies:
-    boolbase "~1.0.0"
-    css-what "2.1"
-    domutils "1.5.1"
-    nth-check "~1.0.1"
-
-css-select@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-2.1.0.tgz#6a34653356635934a81baca68d0255432105dbef"
-  integrity sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==
-  dependencies:
-    boolbase "^1.0.0"
-    css-what "^3.2.1"
-    domutils "^1.7.0"
-    nth-check "^1.0.2"
-
-css-tree@1.0.0-alpha.37:
-  version "1.0.0-alpha.37"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
-  integrity sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==
-  dependencies:
-    mdn-data "2.0.4"
-    source-map "^0.6.1"
-
-css-tree@1.0.0-alpha.39:
-  version "1.0.0-alpha.39"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.39.tgz#2bff3ffe1bb3f776cf7eefd91ee5cba77a149eeb"
-  integrity sha512-7UvkEYgBAHRG9Nt980lYxjsTrCyHFN53ky3wVsDkiMdVqylqRt+Zc+jm5qw7/qyOvN2dHSYtX0e4MbCCExSvnA==
-  dependencies:
-    mdn-data "2.0.6"
-    source-map "^0.6.1"
-
-css-what@2.1:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2"
-  integrity sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==
-
-css-what@^3.2.1:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.3.0.tgz#10fec696a9ece2e591ac772d759aacabac38cd39"
-  integrity sha512-pv9JPyatiPaQ6pf4OvD/dbfm0o5LviWmwxNWzblYf/1u9QZd0ihV+PMwy5jdQWQ3349kZmKEx9WXuSka2dM4cg==
-
-cssdb@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-4.4.0.tgz#3bf2f2a68c10f5c6a08abd92378331ee803cddb0"
-  integrity sha512-LsTAR1JPEM9TpGhl/0p3nQecC2LJ0kD8X5YARu1hk/9I1gril5vDtMZyNxcEpxxDj34YNck/ucjuoUd66K03oQ==
-
-cssesc@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-2.0.0.tgz#3b13bd1bb1cb36e1bcb5a4dcd27f54c5dcb35703"
-  integrity sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==
-
-cssesc@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
-  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
-
-cssnano-preset-default@^4.0.7:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-4.0.7.tgz#51ec662ccfca0f88b396dcd9679cdb931be17f76"
-  integrity sha512-x0YHHx2h6p0fCl1zY9L9roD7rnlltugGu7zXSKQx6k2rYw0Hi3IqxcoAGF7u9Q5w1nt7vK0ulxV8Lo+EvllGsA==
-  dependencies:
-    css-declaration-sorter "^4.0.1"
-    cssnano-util-raw-cache "^4.0.1"
-    postcss "^7.0.0"
-    postcss-calc "^7.0.1"
-    postcss-colormin "^4.0.3"
-    postcss-convert-values "^4.0.1"
-    postcss-discard-comments "^4.0.2"
-    postcss-discard-duplicates "^4.0.2"
-    postcss-discard-empty "^4.0.1"
-    postcss-discard-overridden "^4.0.1"
-    postcss-merge-longhand "^4.0.11"
-    postcss-merge-rules "^4.0.3"
-    postcss-minify-font-values "^4.0.2"
-    postcss-minify-gradients "^4.0.2"
-    postcss-minify-params "^4.0.2"
-    postcss-minify-selectors "^4.0.2"
-    postcss-normalize-charset "^4.0.1"
-    postcss-normalize-display-values "^4.0.2"
-    postcss-normalize-positions "^4.0.2"
-    postcss-normalize-repeat-style "^4.0.2"
-    postcss-normalize-string "^4.0.2"
-    postcss-normalize-timing-functions "^4.0.2"
-    postcss-normalize-unicode "^4.0.1"
-    postcss-normalize-url "^4.0.1"
-    postcss-normalize-whitespace "^4.0.2"
-    postcss-ordered-values "^4.1.2"
-    postcss-reduce-initial "^4.0.3"
-    postcss-reduce-transforms "^4.0.2"
-    postcss-svgo "^4.0.2"
-    postcss-unique-selectors "^4.0.1"
-
-cssnano-util-get-arguments@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/cssnano-util-get-arguments/-/cssnano-util-get-arguments-4.0.0.tgz#ed3a08299f21d75741b20f3b81f194ed49cc150f"
-  integrity sha1-7ToIKZ8h11dBsg87gfGU7UnMFQ8=
-
-cssnano-util-get-match@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/cssnano-util-get-match/-/cssnano-util-get-match-4.0.0.tgz#c0e4ca07f5386bb17ec5e52250b4f5961365156d"
-  integrity sha1-wOTKB/U4a7F+xeUiULT1lhNlFW0=
-
-cssnano-util-raw-cache@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/cssnano-util-raw-cache/-/cssnano-util-raw-cache-4.0.1.tgz#b26d5fd5f72a11dfe7a7846fb4c67260f96bf282"
-  integrity sha512-qLuYtWK2b2Dy55I8ZX3ky1Z16WYsx544Q0UWViebptpwn/xDBmog2TLg4f+DBMg1rJ6JDWtn96WHbOKDWt1WQA==
-  dependencies:
-    postcss "^7.0.0"
-
-cssnano-util-same-parent@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/cssnano-util-same-parent/-/cssnano-util-same-parent-4.0.1.tgz#574082fb2859d2db433855835d9a8456ea18bbf3"
-  integrity sha512-WcKx5OY+KoSIAxBW6UBBRay1U6vkYheCdjyVNDm85zt5K9mHoGOfsOsqIszfAqrQQFIIKgjh2+FDgIj/zsl21Q==
-
-cssnano@^4.1.10:
-  version "4.1.10"
-  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-4.1.10.tgz#0ac41f0b13d13d465487e111b778d42da631b8b2"
-  integrity sha512-5wny+F6H4/8RgNlaqab4ktc3e0/blKutmq8yNlBFXA//nSFFAqAngjNVRzUvCgYROULmZZUoosL/KSoZo5aUaQ==
-  dependencies:
-    cosmiconfig "^5.0.0"
-    cssnano-preset-default "^4.0.7"
-    is-resolvable "^1.0.0"
-    postcss "^7.0.0"
-
-csso@^4.0.2:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-4.0.3.tgz#0d9985dc852c7cc2b2cacfbbe1079014d1a8e903"
-  integrity sha512-NL3spysxUkcrOgnpsT4Xdl2aiEiBG6bXswAABQVHcMrfjjBisFOKwLDOmf4wf32aPdcJws1zds2B0Rg+jqMyHQ==
-  dependencies:
-    css-tree "1.0.0-alpha.39"
-
-cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0", cssom@^0.3.4:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
-  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
-
-cssstyle@^1.0.0, cssstyle@^1.1.1:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-1.4.0.tgz#9d31328229d3c565c61e586b02041a28fccdccf1"
-  integrity sha512-GBrLZYZ4X4x6/QEoBnIrqb8B/f5l4+8me2dkom/j1Gtbxy0kBv6OGzKuAsGM75bkGwGAFkt56Iwg28S3XTZgSA==
-  dependencies:
-    cssom "0.3.x"
-
-csstype@^2.2.0, csstype@^2.6.7:
-  version "2.6.10"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.10.tgz#e63af50e66d7c266edb6b32909cfd0aabe03928b"
-  integrity sha512-D34BqZU4cIlMCY93rZHbrq9pjTAQJ3U8S8rfBqjwHxkGPThWFjzZDQpgMJY0QViLxth6ZKYiwFBo14RdN44U/w==
-
-currently-unhandled@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
-  integrity sha1-mI3zP+qxke95mmE2nddsF635V+o=
-  dependencies:
-    array-find-index "^1.0.1"
-
-cyclist@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
-  integrity sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=
-
-dashdash@^1.12.0:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
-  integrity sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=
-  dependencies:
-    assert-plus "^1.0.0"
-
-data-urls@^1.0.0, data-urls@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-1.1.0.tgz#15ee0582baa5e22bb59c77140da8f9c76963bbfe"
-  integrity sha512-YTWYI9se1P55u58gL5GkQHW4P6VJBJ5iBT+B5a7i2Tjadhv52paJG0qHX4A0OR6/t52odI64KP2YvFpkDOi3eQ==
-  dependencies:
-    abab "^2.0.0"
-    whatwg-mimetype "^2.2.0"
-    whatwg-url "^7.0.0"
-
-date-fns@^1.30.1:
-  version "1.30.1"
-  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-1.30.1.tgz#2e71bf0b119153dbb4cc4e88d9ea5acfb50dc05c"
-  integrity sha512-hBSVCvSmWC+QypYObzwGOd9wqdDpOt+0wl0KbU+R+uuZBS1jN8VsD1ss3irQDknRj5NvxiTF6oj/nDRnN/UQNw==
-
-date-names@^0.1.11:
-  version "0.1.13"
-  resolved "https://registry.yarnpkg.com/date-names/-/date-names-0.1.13.tgz#c4358f6f77c8056e2f5ea68fdbb05f0bf1e53bd0"
-  integrity sha512-IxxoeD9tdx8pXVcmqaRlPvrXIsSrSrIZzfzlOkm9u+hyzKp5Wk/odt9O/gd7Ockzy8n/WHeEpTVJ2bF3mMV4LA==
-
-debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.9:
-  version "2.6.9"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
-  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
-  dependencies:
-    ms "2.0.0"
-
-debug@3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
-  integrity sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==
-  dependencies:
-    ms "2.0.0"
-
-debug@^3.0.0, debug@^3.1.0, debug@^3.1.1, debug@^3.2.5, debug@^3.2.6:
-  version "3.2.6"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
-  integrity sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==
-  dependencies:
-    ms "^2.1.1"
-
-debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
-  integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
-  dependencies:
-    ms "^2.1.1"
-
-decamelize-keys@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/decamelize-keys/-/decamelize-keys-1.1.0.tgz#d171a87933252807eb3cb61dc1c1445d078df2d9"
-  integrity sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=
-  dependencies:
-    decamelize "^1.1.0"
-    map-obj "^1.0.0"
-
-decamelize@^1.1.0, decamelize@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
-  integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
-
-decode-uri-component@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
-  integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
-
-decompress-response@^4.2.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-4.2.1.tgz#414023cc7a302da25ce2ec82d0d5238ccafd8986"
-  integrity sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==
-  dependencies:
-    mimic-response "^2.0.0"
-
-deep-equal@^1.0.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.1.1.tgz#b5c98c942ceffaf7cb051e24e1434a25a2e6076a"
-  integrity sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==
-  dependencies:
-    is-arguments "^1.0.4"
-    is-date-object "^1.0.1"
-    is-regex "^1.0.4"
-    object-is "^1.0.1"
-    object-keys "^1.1.1"
-    regexp.prototype.flags "^1.2.0"
-
-deep-extend@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
-  integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
-
-deep-is@^0.1.3, deep-is@~0.1.3:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
-  integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
-
-default-gateway@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-4.2.0.tgz#167104c7500c2115f6dd69b0a536bb8ed720552b"
-  integrity sha512-h6sMrVB1VMWVrW13mSc6ia/DwYYw5MN6+exNu1OaJeFac5aSAvwM7lZ0NVfTABuSkQelr4h5oebg3KB1XPdjgA==
-  dependencies:
-    execa "^1.0.0"
-    ip-regex "^2.1.0"
-
-define-properties@^1.1.2, define-properties@^1.1.3, define-properties@~1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.3.tgz#cf88da6cbee26fe6db7094f61d870cbd84cee9f1"
-  integrity sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==
-  dependencies:
-    object-keys "^1.0.12"
-
-define-property@^0.2.5:
-  version "0.2.5"
-  resolved "https://registry.yarnpkg.com/define-property/-/define-property-0.2.5.tgz#c35b1ef918ec3c990f9a5bc57be04aacec5c8116"
-  integrity sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=
-  dependencies:
-    is-descriptor "^0.1.0"
-
-define-property@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/define-property/-/define-property-1.0.0.tgz#769ebaaf3f4a63aad3af9e8d304c9bbe79bfb0e6"
-  integrity sha1-dp66rz9KY6rTr56NMEybvnm/sOY=
-  dependencies:
-    is-descriptor "^1.0.0"
-
-define-property@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/define-property/-/define-property-2.0.2.tgz#d459689e8d654ba77e02a817f8710d702cb16e9d"
-  integrity sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==
-  dependencies:
-    is-descriptor "^1.0.2"
-    isobject "^3.0.1"
-
-del@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/del/-/del-4.1.1.tgz#9e8f117222ea44a31ff3a156c049b99052a9f0b4"
-  integrity sha512-QwGuEUouP2kVwQenAsOof5Fv8K9t3D8Ca8NxcXKrIpEHjTXK5J2nXLdP+ALI1cgv8wj7KuwBhTwBkOZSJKM5XQ==
-  dependencies:
-    "@types/glob" "^7.1.1"
-    globby "^6.1.0"
-    is-path-cwd "^2.0.0"
-    is-path-in-cwd "^2.0.0"
-    p-map "^2.0.0"
-    pify "^4.0.1"
-    rimraf "^2.6.3"
-
-delayed-stream@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
-  integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
-
-delegates@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
-  integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=
-
-depd@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
-  integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=
-
-des.js@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.1.tgz#5382142e1bdc53f85d86d53e5f4aa7deb91e0843"
-  integrity sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==
-  dependencies:
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-
-destroy@~1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
-  integrity sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=
-
-detect-file@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/detect-file/-/detect-file-1.0.0.tgz#f0d66d03672a825cb1b73bdb3fe62310c8e552b7"
-  integrity sha1-8NZtA2cqglyxtzvbP+YjEMjlUrc=
-
-detect-libc@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
-  integrity sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=
-
-detect-newline@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-2.1.0.tgz#f41f1c10be4b00e87b5f13da680759f2c5bfd3e2"
-  integrity sha1-9B8cEL5LAOh7XxPaaAdZ8sW/0+I=
-
-detect-node@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
-  integrity sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==
-
-diff-dom@^4.1.6:
-  version "4.1.6"
-  resolved "https://registry.yarnpkg.com/diff-dom/-/diff-dom-4.1.6.tgz#ecd20f4b34703d777b7956790fc7e28e5ff3fece"
-  integrity sha512-hzHojf1Ar3x1Db/1ijN/uhwYDgde+RoP8pPAPJlrmxp05Bt+Z9Hd7tmuEyPYu1mEuvcO+0pQRZAOCMKi+0I1PQ==
-  dependencies:
-    rollup-plugin-terser "^5.1.1"
-    updates "^8.5.2"
-
-diff-match-patch@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/diff-match-patch/-/diff-match-patch-1.0.5.tgz#abb584d5f10cd1196dfc55aa03701592ae3f7b37"
-  integrity sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==
-
-diff-sequences@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-24.9.0.tgz#5715d6244e2aa65f48bba0bc972db0b0b11e95b5"
-  integrity sha512-Dj6Wk3tWyTE+Fo1rW8v0Xhwk80um6yFYKbuAxc9c3EZxIHFDYwbi34Uk42u1CdnIiVorvt4RmlSDjIPyzGC2ew==
-
-diffie-hellman@^5.0.0:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
-  integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
-  dependencies:
-    bn.js "^4.1.0"
-    miller-rabin "^4.0.0"
-    randombytes "^2.0.0"
-
-dijkstrajs@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/dijkstrajs/-/dijkstrajs-1.0.1.tgz#d3cd81221e3ea40742cfcde556d4e99e98ddc71b"
-  integrity sha1-082BIh4+pAdCz83lVtTpnpjdxxs=
-
-dir-glob@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-2.0.0.tgz#0b205d2b6aef98238ca286598a8204d29d0a0034"
-  integrity sha512-37qirFDz8cA5fimp9feo43fSuRo2gHwaIn6dXL8Ber1dGwUosDrGZeCCXq57WnIqE4aQ+u3eQZzsk1yOzhdwag==
-  dependencies:
-    arrify "^1.0.1"
-    path-type "^3.0.0"
-
-dir-glob@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-2.2.2.tgz#fa09f0694153c8918b18ba0deafae94769fc50c4"
-  integrity sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==
-  dependencies:
-    path-type "^3.0.0"
-
-dns-equal@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
-  integrity sha1-s55/HabrCnW6nBcySzR1PEfgZU0=
-
-dns-packet@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-1.3.1.tgz#12aa426981075be500b910eedcd0b47dd7deda5a"
-  integrity sha512-0UxfQkMhYAUaZI+xrNZOz/as5KgDU0M/fQ9b6SpkyLbk3GEswDi6PADJVaYJradtRVsRIlF1zLyOodbcTCDzUg==
-  dependencies:
-    ip "^1.1.0"
-    safe-buffer "^5.0.1"
-
-dns-txt@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/dns-txt/-/dns-txt-2.0.2.tgz#b91d806f5d27188e4ab3e7d107d881a1cc4642b6"
-  integrity sha1-uR2Ab10nGI5Ks+fRB9iBocxGQrY=
-  dependencies:
-    buffer-indexof "^1.0.0"
-
-doctrine@1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa"
-  integrity sha1-N53Ocw9hZvds76TmcHoVmwLFpvo=
-  dependencies:
-    esutils "^2.0.2"
-    isarray "^1.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"
-  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
-  dependencies:
-    esutils "^2.0.2"
-
-dom-converter@^0.2:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
-  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
-  dependencies:
-    utila "~0.4"
-
-dom-helpers@^5.0.1:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.1.4.tgz#4609680ab5c79a45f2531441f1949b79d6587f4b"
-  integrity sha512-TjMyeVUvNEnOnhzs6uAn9Ya47GmMo3qq7m+Lr/3ON0Rs5kHvb8I+SQYjLUSYn7qhEm0QjW0yrBkvz9yOrwwz1A==
-  dependencies:
-    "@babel/runtime" "^7.8.7"
-    csstype "^2.6.7"
-
-dom-serializer@0, dom-serializer@^0.2.1:
-  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@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
-  integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==
-
-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.0.1"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.0.1.tgz#1f8bdfe91f5a78063274e803b4bdcedf6e94f94d"
-  integrity sha512-5HOHUDsYZWV8FGWN0Njbr/Rn7f/eWSQi1v7+HsUVwXgn8nWWlL64zKDkS0n8ZmQ3mlWOMuXOnR+7Nx/5tMO5AQ==
-
-domexception@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-1.0.1.tgz#937442644ca6a31261ef36e3ec677fe805582c90"
-  integrity sha512-raigMkn7CJNNo6Ihro1fzG7wr3fHuYVytzquZKX5n0yizGsTcYgzdIUwj1X9pK0VvjeihV+XiclP+DjwbsSKug==
-  dependencies:
-    webidl-conversions "^4.0.2"
-
-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"
-
-domhandler@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-3.0.0.tgz#51cd13efca31da95bbb0c5bee3a48300e333b3e9"
-  integrity sha512-eKLdI5v9m67kbXQbJSNn1zjh0SDzvzWVWtX+qEI3eMjZw8daH9k8rlj1FZY9memPwjiskQFbe7vHVVJIAqoEhw==
-  dependencies:
-    domelementtype "^2.0.1"
-
-domutils@1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.5.1.tgz#dcd8488a26f563d61079e48c9f7b7e32373682cf"
-  integrity sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=
-  dependencies:
-    dom-serializer "0"
-    domelementtype "1"
-
-domutils@^1.5.1, domutils@^1.7.0:
-  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"
-
-domutils@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.1.0.tgz#7ade3201af43703fde154952e3a868eb4b635f16"
-  integrity sha512-CD9M0Dm1iaHfQ1R/TI+z3/JWp/pgub0j4jIQKH89ARR4ATAV2nbaOQS5XxU9maJP5jHaPdDDQSEHuE2UmpUTKg==
-  dependencies:
-    dom-serializer "^0.2.1"
-    domelementtype "^2.0.1"
-    domhandler "^3.0.0"
-
-dot-prop@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-5.2.0.tgz#c34ecc29556dc45f1f4c22697b6f4904e0cc4fcb"
-  integrity sha512-uEUyaDKoSQ1M4Oq8l45hSE26SnTxL6snNnqvK/VWx5wJhmff5z0FUVJDKDanor/6w3kzE3i7XZOk+7wC0EXr1A==
-  dependencies:
-    is-obj "^2.0.0"
-
-duplexer@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.1.tgz#ace6ff808c1ce66b57d1ebf97977acb02334cfc1"
-  integrity sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=
-
-duplexify@^3.4.2, duplexify@^3.6.0:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
-  integrity sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==
-  dependencies:
-    end-of-stream "^1.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-    stream-shift "^1.0.0"
-
-ecc-jsbn@~0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
-  integrity sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=
-  dependencies:
-    jsbn "~0.1.0"
-    safer-buffer "^2.1.0"
-
-ee-first@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
-  integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
-
-electron-to-chromium@^1.3.413:
-  version "1.3.464"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.464.tgz#fe13feaa08f6f865d3c89d5d72e54c194f463aa5"
-  integrity sha512-Oo+0+CN9d2z6FToQW6Hwvi9ez09Y/usKwr0tsDsyg43a871zVJCi1nR0v03djLbRNcaCKjtrnVf2XJhTxEpPCg==
-
-elliptic@^6.0.0, elliptic@^6.5.2:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.3.tgz#cb59eb2efdaf73a0bd78ccd7015a62ad6e0f93d6"
-  integrity sha512-IMqzv5wNQf+E6aHeIqATs0tOLeOTwj1QKbRcS3jBbYkl5oLAserA8yJTT7/VyHUYG91PRmPyeQDObKLPpeS4dw==
-  dependencies:
-    bn.js "^4.4.0"
-    brorand "^1.0.1"
-    hash.js "^1.0.0"
-    hmac-drbg "^1.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-    minimalistic-crypto-utils "^1.0.0"
-
-emoji-regex@^7.0.1:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
-  integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
-
-emoji-regex@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
-  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
-
-emojibase-data@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/emojibase-data/-/emojibase-data-5.0.1.tgz#ce6fe36b4affd3578e0be8779211018a2fdae960"
-  integrity sha512-rYWlogJ2q5P78U8Xx1vhsXHcYKu1wFnr7+o6z9QHssZ1SsJLTCkJINZIPHRFWuDreAUK457TkqHpdOXElu0fzA==
-
-emojibase-regex@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/emojibase-regex/-/emojibase-regex-4.0.1.tgz#a2cd4bbb42825422da9ec72f15e970bc2c90b46a"
-  integrity sha512-S42UHkFfz15i4NNz+wi9iMKFo+B6Kalc6PJLpYX0BUANViXw4vSyYZMFdBGRLduSabWHuEcTLZl9xOa2YP3eJw==
-
-emojis-list@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
-  integrity sha1-TapNnbAPmBmIDHn6RXrlsJof04k=
-
-emojis-list@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
-  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
-
-encodeurl@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
-  integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
-
-encoding@^0.1.11:
-  version "0.1.12"
-  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.12.tgz#538b66f3ee62cd1ab51ec323829d1f9480c74beb"
-  integrity sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=
-  dependencies:
-    iconv-lite "~0.4.13"
-
-end-of-stream@^1.0.0, end-of-stream@^1.1.0:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
-  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
-  dependencies:
-    once "^1.4.0"
-
-enhanced-resolve@4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.1.0.tgz#41c7e0bfdfe74ac1ffe1e57ad6a5c6c9f3742a7f"
-  integrity sha512-F/7vkyTtyc/llOIn8oWclcB25KdRaiPBpZYDgJHgh/UHtpgT2p2eldQgtQnLtUvfMKPKxbRaQM/hHkvLHt1Vng==
-  dependencies:
-    graceful-fs "^4.1.2"
-    memory-fs "^0.4.0"
-    tapable "^1.0.0"
-
-enhanced-resolve@^4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.1.1.tgz#2937e2b8066cd0fe7ce0990a98f0d71a35189f66"
-  integrity sha512-98p2zE+rL7/g/DzMHMTF4zZlCgeVdJ7yr6xzEpJRYwFYrGi9ANdn5DnJURg6RpBkyk60XYDnWIv51VfIhfNGuA==
-  dependencies:
-    graceful-fs "^4.1.2"
-    memory-fs "^0.5.0"
-    tapable "^1.0.0"
-
-enquirer@^2.3.5:
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
-  integrity sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==
-  dependencies:
-    ansi-colors "^4.1.1"
-
-entities@^1.1.1, 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, entities@~2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.0.3.tgz#5c487e5742ab93c15abb5da22759b8590ec03b7f"
-  integrity sha512-MyoZ0jgnLvB2X3Lg5HqpFmn1kybDiIfEQmKzTb5apr51Rb+T3KdmMiqa70T+bhGnyv7bQ6WMj2QMHpGMmlrUYQ==
-
-err-code@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/err-code/-/err-code-1.1.2.tgz#06e0116d3028f6aef4806849eb0ea6a748ae6960"
-  integrity sha1-BuARbTAo9q70gGhJ6w6mp0iuaWA=
-
-errno@^0.1.3, errno@~0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.7.tgz#4684d71779ad39af177e3f007996f7c67c852618"
-  integrity sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==
-  dependencies:
-    prr "~1.0.1"
-
-error-ex@^1.2.0, error-ex@^1.3.1:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
-  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
-  dependencies:
-    is-arrayish "^0.2.1"
-
-es-abstract@^1.17.0, es-abstract@^1.17.0-next.1, es-abstract@^1.17.2, es-abstract@^1.17.4, es-abstract@^1.17.5:
-  version "1.17.5"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.5.tgz#d8c9d1d66c8981fb9200e2251d799eee92774ae9"
-  integrity sha512-BR9auzDbySxOcfog0tLECW8l28eRGpDpU3Dm3Hp4q/N+VtLTmyj4EUN088XZWQDW/hzj6sYRDXeOFsaAODKvpg==
-  dependencies:
-    es-to-primitive "^1.2.1"
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.1"
-    is-callable "^1.1.5"
-    is-regex "^1.0.5"
-    object-inspect "^1.7.0"
-    object-keys "^1.1.1"
-    object.assign "^4.1.0"
-    string.prototype.trimleft "^2.1.1"
-    string.prototype.trimright "^2.1.1"
-
-es-get-iterator@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.0.tgz#bb98ad9d6d63b31aacdc8f89d5d0ee57bcb5b4c8"
-  integrity sha512-UfrmHuWQlNMTs35e1ypnvikg6jCz3SK8v8ImvmDsh36fCVUR1MqoFDiyn0/k52C8NqO3YsO8Oe0azeesNuqSsQ==
-  dependencies:
-    es-abstract "^1.17.4"
-    has-symbols "^1.0.1"
-    is-arguments "^1.0.4"
-    is-map "^2.0.1"
-    is-set "^2.0.1"
-    is-string "^1.0.5"
-    isarray "^2.0.5"
-
-es-to-primitive@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
-  integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
-  dependencies:
-    is-callable "^1.1.4"
-    is-date-object "^1.0.1"
-    is-symbol "^1.0.2"
-
-es6-promise@^4.0.3:
-  version "4.2.8"
-  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a"
-  integrity sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==
-
-es6-promisify@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/es6-promisify/-/es6-promisify-5.0.0.tgz#5109d62f3e56ea967c4b63505aef08291c8a5203"
-  integrity sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=
-  dependencies:
-    es6-promise "^4.0.3"
-
-escape-html@^1.0.3, escape-html@~1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
-  integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
-
-escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
-
-escodegen@^1.11.0, escodegen@^1.9.1:
-  version "1.14.2"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.14.2.tgz#14ab71bf5026c2aa08173afba22c6f3173284a84"
-  integrity sha512-InuOIiKk8wwuOFg6x9BQXbzjrQhtyXh46K9bqVTPzSo2FnyMBaYGBMC6PhQy7yxxil9vIedFBweQBMK74/7o8A==
-  dependencies:
-    esprima "^4.0.1"
-    estraverse "^4.2.0"
-    esutils "^2.0.2"
-    optionator "^0.8.1"
-  optionalDependencies:
-    source-map "~0.6.1"
-
-eslint-config-esnext@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-esnext/-/eslint-config-esnext-4.1.0.tgz#8695b858fcf40d28c1aedca181f700528c7b60c6"
-  integrity sha512-GhfVEXdqYKEIIj7j+Fw2SQdL9qyZMekgXfq6PyXM66cQw0B435ddjz3P3kxOBVihMRJ0xGYjosaveQz5Y6z0uA==
-  dependencies:
-    babel-eslint "^10.0.1"
-    eslint "^6.8.0"
-    eslint-plugin-babel "^5.2.1"
-    eslint-plugin-import "^2.14.0"
-
-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-matrix-org@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/eslint-config-matrix-org/-/eslint-config-matrix-org-0.1.2.tgz#b5d7e193e4f3fc5041905967b53c5ddd6924c793"
-  integrity sha512-fD50uevwkFJuIi/txRiW89NO0h/qZwnkYfvO3cVpuIeoVy7FbtvuW7d8S8dry0T+whnQOb5QP1BABwimURcJag==
-  dependencies:
-    "@typescript-eslint/eslint-plugin" "^3.4.0"
-    "@typescript-eslint/parser" "^3.4.0"
-    babel-eslint "^10.1.0"
-    eslint-config-google "^0.14.0"
-    eslint-config-recommended "^4.1.0"
-    eslint-plugin-babel "^5.3.0"
-    typescript "^3.9.5"
-
-eslint-config-node@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-node/-/eslint-config-node-4.1.0.tgz#fc1f13946d83766d6b83b0e67699e2071a56f417"
-  integrity sha512-Wz17xV5O2WFG8fGdMYEBdbiL6TL7YNJSJvSX9V4sXQownewfYmoqlly7wxqLkOUv/57pq6LnnotMiQQrrPjCqQ==
-  dependencies:
-    eslint "^6.8.0"
-    eslint-config-esnext "^4.1.0"
-
-eslint-config-react-native@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-react-native/-/eslint-config-react-native-4.1.0.tgz#63e9401c7fac146804785f609e7df8f15b3e04eb"
-  integrity sha512-kNND+cs+ztawH7wgajf/K6FfNshjlDsFDAkkFZF9HAXDgH1w1sNMIfTfwzufg0hOcSK7rbiL4qbG/gg/oR507Q==
-  dependencies:
-    eslint "^6.8.0"
-    eslint-config-esnext "^4.1.0"
-    eslint-plugin-react "^7.19.0"
-    eslint-plugin-react-native "^3.8.1"
-
-eslint-config-recommended@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-recommended/-/eslint-config-recommended-4.1.0.tgz#1adff90e0716d439be471d192977f233de171a46"
-  integrity sha512-2evA0SX1VqtyFiExmBI2WAO4XQCKlr7wmNELE8rcT5PyZY2ixsY881ofVZWKuI/dywpgLiES1gR/XUQcnVLRzQ==
-  dependencies:
-    eslint "^6.8.0"
-    eslint-config-esnext "^4.1.0"
-    eslint-config-node "^4.1.0"
-    eslint-config-react-native "^4.1.0"
-
-eslint-import-resolver-node@^0.3.3:
-  version "0.3.4"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz#85ffa81942c25012d8231096ddf679c03042c717"
-  integrity sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==
-  dependencies:
-    debug "^2.6.9"
-    resolve "^1.13.1"
-
-eslint-module-utils@^2.6.0:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.6.0.tgz#579ebd094f56af7797d19c9866c9c9486629bfa6"
-  integrity sha512-6j9xxegbqe8/kZY8cYpcp0xhbK0EgJlg3g9mib3/miLaExuuwc3n5UEfSnU6hWMbT0FAYVvDbL9RrRgpUeQIvA==
-  dependencies:
-    debug "^2.6.9"
-    pkg-dir "^2.0.0"
-
-eslint-plugin-babel@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-babel/-/eslint-plugin-babel-4.1.2.tgz#79202a0e35757dd92780919b2336f1fa2fe53c1e"
-  integrity sha1-eSAqDjV1fdkngJGbIzbx+i/lPB4=
-
-eslint-plugin-babel@^5.2.1, eslint-plugin-babel@^5.3.0:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-babel/-/eslint-plugin-babel-5.3.1.tgz#75a2413ffbf17e7be57458301c60291f2cfbf560"
-  integrity sha512-VsQEr6NH3dj664+EyxJwO4FCYm/00JhYb3Sk3ft8o+fpKuIfQ9TaW6uVUfvwMXHcf/lsnRIoyFPsLMyiWCSL/g==
-  dependencies:
-    eslint-rule-composer "^0.3.0"
-
-eslint-plugin-flowtype@^2.50.3:
-  version "2.50.3"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-2.50.3.tgz#61379d6dce1d010370acd6681740fd913d68175f"
-  integrity sha512-X+AoKVOr7Re0ko/yEXyM5SSZ0tazc6ffdIOocp2fFUlWoDt7DV0Bz99mngOkAFLOAWjqRA5jPwqUCbrx13XoxQ==
-  dependencies:
-    lodash "^4.17.10"
-
-eslint-plugin-import@^2.14.0:
-  version "2.22.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.22.0.tgz#92f7736fe1fde3e2de77623c838dd992ff5ffb7e"
-  integrity sha512-66Fpf1Ln6aIS5Gr/55ts19eUuoDhAbZgnr6UxK5hbDx6l/QgQgx61AePq+BV4PP2uXQFClgMVzep5zZ94qqsxg==
-  dependencies:
-    array-includes "^3.1.1"
-    array.prototype.flat "^1.2.3"
-    contains-path "^0.1.0"
-    debug "^2.6.9"
-    doctrine "1.5.0"
-    eslint-import-resolver-node "^0.3.3"
-    eslint-module-utils "^2.6.0"
-    has "^1.0.3"
-    minimatch "^3.0.4"
-    object.values "^1.1.1"
-    read-pkg-up "^2.0.0"
-    resolve "^1.17.0"
-    tsconfig-paths "^3.9.0"
-
-eslint-plugin-react-hooks@^2.2.0:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-2.5.1.tgz#4ef5930592588ce171abeb26f400c7fbcbc23cd0"
-  integrity sha512-Y2c4b55R+6ZzwtTppKwSmK/Kar8AdLiC2f9NADCuxbcTgPPg41Gyqa6b9GppgXSvCtkRw43ZE86CT5sejKC6/g==
-
-eslint-plugin-react-native-globals@^0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-native-globals/-/eslint-plugin-react-native-globals-0.1.2.tgz#ee1348bc2ceb912303ce6bdbd22e2f045ea86ea2"
-  integrity sha512-9aEPf1JEpiTjcFAmmyw8eiIXmcNZOqaZyHO77wgm0/dWfT/oxC1SrIq8ET38pMxHYrcB6Uew+TzUVsBeczF88g==
-
-eslint-plugin-react-native@^3.8.1:
-  version "3.8.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-native/-/eslint-plugin-react-native-3.8.1.tgz#92811e37191ecb0d29c0f0a0c9e5c943ee573821"
-  integrity sha512-6Z4s4nvgFRdda/1s1+uu4a6EMZwEjjJ9Bk/1yBImv0fd9U2CsGu2cUakAtV83cZKhizbWhSouXoaK4JtlScdFg==
-  dependencies:
-    eslint-plugin-react-native-globals "^0.1.1"
-
-eslint-plugin-react@^7.11.1:
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.20.0.tgz#f98712f0a5e57dfd3e5542ef0604b8739cd47be3"
-  integrity sha512-rqe1abd0vxMjmbPngo4NaYxTcR3Y4Hrmc/jg4T+sYz63yqlmJRknpEQfmWY+eDWPuMmix6iUIK+mv0zExjeLgA==
-  dependencies:
-    array-includes "^3.1.1"
-    doctrine "^2.1.0"
-    has "^1.0.3"
-    jsx-ast-utils "^2.2.3"
-    object.entries "^1.1.1"
-    object.fromentries "^2.0.2"
-    object.values "^1.1.1"
-    prop-types "^15.7.2"
-    resolve "^1.15.1"
-    string.prototype.matchall "^4.0.2"
-    xregexp "^4.3.0"
-
-eslint-plugin-react@^7.19.0:
-  version "7.20.3"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.20.3.tgz#0590525e7eb83890ce71f73c2cf836284ad8c2f1"
-  integrity sha512-txbo090buDeyV0ugF3YMWrzLIUqpYTsWSDZV9xLSmExE1P/Kmgg9++PD931r+KEWS66O1c9R4srLVVHmeHpoAg==
-  dependencies:
-    array-includes "^3.1.1"
-    array.prototype.flatmap "^1.2.3"
-    doctrine "^2.1.0"
-    has "^1.0.3"
-    jsx-ast-utils "^2.4.1"
-    object.entries "^1.1.2"
-    object.fromentries "^2.0.2"
-    object.values "^1.1.1"
-    prop-types "^15.7.2"
-    resolve "^1.17.0"
-    string.prototype.matchall "^4.0.2"
-
-eslint-rule-composer@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz#79320c927b0c5c0d3d3d2b76c8b4a488f25bbaf9"
-  integrity sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==
-
-eslint-scope@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
-  integrity sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
-eslint-scope@^5.0.0, eslint-scope@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.0.tgz#d0f971dfe59c69e0cada684b23d49dbf82600ce5"
-  integrity sha512-iiGRvtxWqgtx5m8EyQUJihBloE4EnYeGE/bz1wSPwJE6tZuJUtHlhqDM4Xj2ukE8Dyy1+HCZ4hE0fzIVMzb58w==
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
-eslint-utils@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.4.3.tgz#74fec7c54d0776b6f67e0251040b5806564e981f"
-  integrity sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==
-  dependencies:
-    eslint-visitor-keys "^1.1.0"
-
-eslint-utils@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.0.0.tgz#7be1cc70f27a72a76cd14aa698bcabed6890e1cd"
-  integrity sha512-0HCPuJv+7Wv1bACm8y5/ECVfYdfsAm9xmVb7saeFlxjPYALefjhbYoCkBjPdPzGH8wWyTpAez82Fh3VKYEZ8OA==
-  dependencies:
-    eslint-visitor-keys "^1.1.0"
-
-eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.2.0.tgz#74415ac884874495f78ec2a97349525344c981fa"
-  integrity sha512-WFb4ihckKil6hu3Dp798xdzSfddwKKU3+nGniKF6HfeW6OLd2OUDEPP7TcHtB5+QXOKg2s6B2DaMPE1Nn/kxKQ==
-
-eslint-visitor-keys@^1.2.0, eslint-visitor-keys@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
-  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
-
-eslint@7.3.1:
-  version "7.3.1"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.3.1.tgz#76392bd7e44468d046149ba128d1566c59acbe19"
-  integrity sha512-cQC/xj9bhWUcyi/RuMbRtC3I0eW8MH0jhRELSvpKYkWep3C6YZ2OkvcvJVUeO6gcunABmzptbXBuDoXsjHmfTA==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    ajv "^6.10.0"
-    chalk "^4.0.0"
-    cross-spawn "^7.0.2"
-    debug "^4.0.1"
-    doctrine "^3.0.0"
-    enquirer "^2.3.5"
-    eslint-scope "^5.1.0"
-    eslint-utils "^2.0.0"
-    eslint-visitor-keys "^1.2.0"
-    espree "^7.1.0"
-    esquery "^1.2.0"
-    esutils "^2.0.2"
-    file-entry-cache "^5.0.1"
-    functional-red-black-tree "^1.0.1"
-    glob-parent "^5.0.0"
-    globals "^12.1.0"
-    ignore "^4.0.6"
-    import-fresh "^3.0.0"
-    imurmurhash "^0.1.4"
-    is-glob "^4.0.0"
-    js-yaml "^3.13.1"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
-    lodash "^4.17.14"
-    minimatch "^3.0.4"
-    natural-compare "^1.4.0"
-    optionator "^0.9.1"
-    progress "^2.0.0"
-    regexpp "^3.1.0"
-    semver "^7.2.1"
-    strip-ansi "^6.0.0"
-    strip-json-comments "^3.1.0"
-    table "^5.2.3"
-    text-table "^0.2.0"
-    v8-compile-cache "^2.0.3"
-
-eslint@^6.8.0:
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-6.8.0.tgz#62262d6729739f9275723824302fb227c8c93ffb"
-  integrity sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    ajv "^6.10.0"
-    chalk "^2.1.0"
-    cross-spawn "^6.0.5"
-    debug "^4.0.1"
-    doctrine "^3.0.0"
-    eslint-scope "^5.0.0"
-    eslint-utils "^1.4.3"
-    eslint-visitor-keys "^1.1.0"
-    espree "^6.1.2"
-    esquery "^1.0.1"
-    esutils "^2.0.2"
-    file-entry-cache "^5.0.1"
-    functional-red-black-tree "^1.0.1"
-    glob-parent "^5.0.0"
-    globals "^12.1.0"
-    ignore "^4.0.6"
-    import-fresh "^3.0.0"
-    imurmurhash "^0.1.4"
-    inquirer "^7.0.0"
-    is-glob "^4.0.0"
-    js-yaml "^3.13.1"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.3.0"
-    lodash "^4.17.14"
-    minimatch "^3.0.4"
-    mkdirp "^0.5.1"
-    natural-compare "^1.4.0"
-    optionator "^0.8.3"
-    progress "^2.0.0"
-    regexpp "^2.0.1"
-    semver "^6.1.2"
-    strip-ansi "^5.2.0"
-    strip-json-comments "^3.0.1"
-    table "^5.2.3"
-    text-table "^0.2.0"
-    v8-compile-cache "^2.0.3"
-
-espree@^6.1.2:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
-  integrity sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==
-  dependencies:
-    acorn "^7.1.1"
-    acorn-jsx "^5.2.0"
-    eslint-visitor-keys "^1.1.0"
-
-espree@^7.1.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-7.2.0.tgz#1c263d5b513dbad0ac30c4991b93ac354e948d69"
-  integrity sha512-H+cQ3+3JYRMEIOl87e7QdHX70ocly5iW4+dttuR8iYSPr/hXKFb+7dBsZ7+u1adC4VrnPlTkv0+OwuPnDop19g==
-  dependencies:
-    acorn "^7.3.1"
-    acorn-jsx "^5.2.0"
-    eslint-visitor-keys "^1.3.0"
-
-esprima@^4.0.0, esprima@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
-  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
-
-esquery@^1.0.1, esquery@^1.2.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.3.1.tgz#b78b5828aa8e214e29fb74c4d5b752e1c033da57"
-  integrity sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==
-  dependencies:
-    estraverse "^5.1.0"
-
-esrecurse@^4.1.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.2.1.tgz#007a3b9fdbc2b3bb87e4879ea19c92fdbd3942cf"
-  integrity sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==
-  dependencies:
-    estraverse "^4.1.0"
-
-estraverse@^4.1.0, estraverse@^4.1.1, estraverse@^4.2.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
-  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
-
-estraverse@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.1.0.tgz#374309d39fd935ae500e7b92e8a6b4c720e59642"
-  integrity sha512-FyohXK+R0vE+y1nHLoBM7ZTyqRpqAlhdZHCWIWEviFLiGB8b04H6bQs8G+XTthacvT8VuwvteiP7RJSxMs8UEw==
-
-estree-walker@^0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362"
-  integrity sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==
-
-esutils@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
-  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
-
-etag@~1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
-  integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
-
-eventemitter3@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.4.tgz#b5463ace635a083d018bdc7c917b4c5f10a85384"
-  integrity sha512-rlaVLnVxtxvoyLsQQFBx53YmXHDxRIzzTLbdfxqi4yocpSjAxXwkU0cScM5JgSKMqEhrZpnvQ2D9gjylR0AimQ==
-
-events@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.1.0.tgz#84279af1b34cb75aa88bf5ff291f6d0bd9b31a59"
-  integrity sha512-Rv+u8MLHNOdMjTAFeT3nCjHn2aGlx435FP/sDHNaRhDEMwyI/aB22Kj2qIN8R0cw3z28psEQLYwxVKLsKrMgWg==
-
-eventsource@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/eventsource/-/eventsource-1.0.7.tgz#8fbc72c93fcd34088090bc0a4e64f4b5cee6d8d0"
-  integrity sha512-4Ln17+vVT0k8aWq+t/bF5arcS3EpT9gYtW66EPacdj/mAFevznsnyoHLPy2BA8gbIQeIHoPsvwmfBftfcG//BQ==
-  dependencies:
-    original "^1.0.0"
-
-evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
-  integrity sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==
-  dependencies:
-    md5.js "^1.3.4"
-    safe-buffer "^5.1.1"
-
-except@^0.1.3:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/except/-/except-0.1.3.tgz#98261c91958551536b44482238e9783fb73d292a"
-  integrity sha1-mCYckZWFUVNrREgiOOl4P7c9KSo=
-  dependencies:
-    indexof "0.0.1"
-
-exec-sh@^0.3.2:
-  version "0.3.4"
-  resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.3.4.tgz#3a018ceb526cc6f6df2bb504b2bfe8e3a4934ec5"
-  integrity sha512-sEFIkc61v75sWeOe72qyrqg2Qg0OuLESziUDk/O/z2qgS15y2gWVFrI6f2Qn/qw/0/NCfCEsmNA4zOjkwEZT1A==
-
-execa@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-1.0.0.tgz#c6236a5bb4df6d6f15e88e7f017798216749ddd8"
-  integrity sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==
-  dependencies:
-    cross-spawn "^6.0.0"
-    get-stream "^4.0.0"
-    is-stream "^1.1.0"
-    npm-run-path "^2.0.0"
-    p-finally "^1.0.0"
-    signal-exit "^3.0.0"
-    strip-eof "^1.0.0"
-
-execall@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/execall/-/execall-2.0.0.tgz#16a06b5fe5099df7d00be5d9c06eecded1663b45"
-  integrity sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==
-  dependencies:
-    clone-regexp "^2.1.0"
-
-exit@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
-  integrity sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=
-
-expand-brackets@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
-  integrity sha1-3wcoTjQqgHzXM6xa9yQR5YHRF3s=
-  dependencies:
-    is-posix-bracket "^0.1.0"
-
-expand-brackets@^2.1.4:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
-  integrity sha1-t3c14xXOMPa27/D4OwQVGiJEliI=
-  dependencies:
-    debug "^2.3.3"
-    define-property "^0.2.5"
-    extend-shallow "^2.0.1"
-    posix-character-classes "^0.1.0"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.1"
-
-expand-range@^1.8.1:
-  version "1.8.2"
-  resolved "https://registry.yarnpkg.com/expand-range/-/expand-range-1.8.2.tgz#a299effd335fe2721ebae8e257ec79644fc85337"
-  integrity sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=
-  dependencies:
-    fill-range "^2.1.0"
-
-expand-tilde@^2.0.0, expand-tilde@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/expand-tilde/-/expand-tilde-2.0.2.tgz#97e801aa052df02454de46b02bf621642cdc8502"
-  integrity sha1-l+gBqgUt8CRU3kawK/YhZCzchQI=
-  dependencies:
-    homedir-polyfill "^1.0.1"
-
-expect@^1.20.2:
-  version "1.20.2"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-1.20.2.tgz#d458fe4c56004036bae3232416a3f6361f04f965"
-  integrity sha1-1Fj+TFYAQDa64yMkFqP2Nh8E+WU=
-  dependencies:
-    define-properties "~1.1.2"
-    has "^1.0.1"
-    is-equal "^1.5.1"
-    is-regex "^1.0.3"
-    object-inspect "^1.1.0"
-    object-keys "^1.0.9"
-    tmatch "^2.0.1"
-
-expect@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-24.9.0.tgz#b75165b4817074fa4a157794f46fe9f1ba15b6ca"
-  integrity sha512-wvVAx8XIol3Z5m9zvZXiyZOQ+sRJqNTIm6sGjdWlaZIeupQGO3WbYI+15D/AmEwZywL6wtJkbAbJtzkOfBuR0Q==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    ansi-styles "^3.2.0"
-    jest-get-type "^24.9.0"
-    jest-matcher-utils "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-regex-util "^24.9.0"
-
-express@^4.17.1:
-  version "4.17.1"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.17.1.tgz#4491fc38605cf51f8629d39c2b5d026f98a4c134"
-  integrity sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==
-  dependencies:
-    accepts "~1.3.7"
-    array-flatten "1.1.1"
-    body-parser "1.19.0"
-    content-disposition "0.5.3"
-    content-type "~1.0.4"
-    cookie "0.4.0"
-    cookie-signature "1.0.6"
-    debug "2.6.9"
-    depd "~1.1.2"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    finalhandler "~1.1.2"
-    fresh "0.5.2"
-    merge-descriptors "1.0.1"
-    methods "~1.1.2"
-    on-finished "~2.3.0"
-    parseurl "~1.3.3"
-    path-to-regexp "0.1.7"
-    proxy-addr "~2.0.5"
-    qs "6.7.0"
-    range-parser "~1.2.1"
-    safe-buffer "5.1.2"
-    send "0.17.1"
-    serve-static "1.14.1"
-    setprototypeof "1.1.1"
-    statuses "~1.5.0"
-    type-is "~1.6.18"
-    utils-merge "1.0.1"
-    vary "~1.1.2"
-
-extend-shallow@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
-  integrity sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=
-  dependencies:
-    is-extendable "^0.1.0"
-
-extend-shallow@^3.0.0, extend-shallow@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-3.0.2.tgz#26a71aaf073b39fb2127172746131c2704028db8"
-  integrity sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=
-  dependencies:
-    assign-symbols "^1.0.0"
-    is-extendable "^1.0.1"
-
-extend@^3.0.0, extend@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
-  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
-
-external-editor@^3.0.3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
-  integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==
-  dependencies:
-    chardet "^0.7.0"
-    iconv-lite "^0.4.24"
-    tmp "^0.0.33"
-
-extglob@^0.3.1:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/extglob/-/extglob-0.3.2.tgz#2e18ff3d2f49ab2765cec9023f011daa8d8349a1"
-  integrity sha1-Lhj/PS9JqydlzskCPwEdqo2DSaE=
-  dependencies:
-    is-extglob "^1.0.0"
-
-extglob@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/extglob/-/extglob-2.0.4.tgz#ad00fe4dc612a9232e8718711dc5cb5ab0285543"
-  integrity sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==
-  dependencies:
-    array-unique "^0.3.2"
-    define-property "^1.0.0"
-    expand-brackets "^2.1.4"
-    extend-shallow "^2.0.1"
-    fragment-cache "^0.2.1"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.1"
-
-extract-text-webpack-plugin@^4.0.0-beta.0:
-  version "4.0.0-beta.0"
-  resolved "https://registry.yarnpkg.com/extract-text-webpack-plugin/-/extract-text-webpack-plugin-4.0.0-beta.0.tgz#f7361d7ff430b42961f8d1321ba8c1757b5d4c42"
-  integrity sha512-Hypkn9jUTnFr0DpekNam53X47tXn3ucY08BQumv7kdGgeVUBLq3DJHJTi6HNxv4jl9W+Skxjz9+RnK0sJyqqjA==
-  dependencies:
-    async "^2.4.1"
-    loader-utils "^1.1.0"
-    schema-utils "^0.4.5"
-    webpack-sources "^1.1.0"
-
-extsprintf@1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
-  integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=
-
-extsprintf@^1.2.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
-  integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
-
-fake-indexeddb@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/fake-indexeddb/-/fake-indexeddb-3.0.1.tgz#42e478f9faa9a5a358dcb0a6392d979d7458c427"
-  integrity sha512-F+qD/G91cvuD/ItaTx3wUaGTp0hMV6p5neZswhUvnisMARdG7cZCc+7L6zzx2nELSAdK3G5WGVjyb619WdcZZA==
-  dependencies:
-    realistic-structured-clone "^2.0.1"
-    setimmediate "^1.0.5"
-
-fast-deep-equal@^3.1.1:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
-  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
-
-fast-glob@^2.0.2, fast-glob@^2.2.6:
-  version "2.2.7"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-2.2.7.tgz#6953857c3afa475fff92ee6015d52da70a4cd39d"
-  integrity sha512-g1KuQwHOZAmOZMuBtHdxDtju+T2RT8jgCC9aANsbpdiDDTSnjgfuVsIBNKbUeJI3oKMRExcfNDtJl4OhbffMsw==
-  dependencies:
-    "@mrmlnc/readdir-enhanced" "^2.2.1"
-    "@nodelib/fs.stat" "^1.1.2"
-    glob-parent "^3.1.0"
-    is-glob "^4.0.0"
-    merge2 "^1.2.3"
-    micromatch "^3.1.10"
-
-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==
-
-fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
-  integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
-
-fast-memoize@^2.5.1:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/fast-memoize/-/fast-memoize-2.5.2.tgz#79e3bb6a4ec867ea40ba0e7146816f6cdce9b57e"
-  integrity sha512-Ue0LwpDYErFbmNnZSF0UH6eImUwDmogUO1jyE+JbN2gsQz/jICm1Ve7t9QT0rNSsfJt+Hs4/S3GnsDVjL4HVrw==
-
-faye-websocket@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.10.0.tgz#4e492f8d04dfb6f89003507f6edbf2d501e7c6f4"
-  integrity sha1-TkkvjQTftviQA1B/btvy1QHnxvQ=
-  dependencies:
-    websocket-driver ">=0.5.1"
-
-faye-websocket@~0.11.1:
-  version "0.11.3"
-  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.3.tgz#5c0e9a8968e8912c286639fde977a8b209f2508e"
-  integrity sha512-D2y4bovYpzziGgbHYtGCMjlJM36vAl/y+xUyn1C+FVx8szd1E+86KwVw6XvYSzOP8iMpm1X0I4xJD+QtUb36OA==
-  dependencies:
-    websocket-driver ">=0.5.1"
-
-fb-watchman@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.1.tgz#fc84fb39d2709cf3ff6d743706157bb5708a8a85"
-  integrity sha512-DkPJKQeY6kKwmuMretBhr7G6Vodr7bFwDYTXIkfG1gjvNpaxBTQV3PbXg6bR1c1UP4jPOX0jHUbbHANL9vRjVg==
-  dependencies:
-    bser "2.1.1"
-
-fbemitter@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/fbemitter/-/fbemitter-2.1.1.tgz#523e14fdaf5248805bb02f62efc33be703f51865"
-  integrity sha1-Uj4U/a9SSIBbsC9i78M75wP1GGU=
-  dependencies:
-    fbjs "^0.8.4"
-
-fbjs@0.1.0-alpha.7:
-  version "0.1.0-alpha.7"
-  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.1.0-alpha.7.tgz#ad4308b8f232fb3c73603349ea725d1e9c39323c"
-  integrity sha1-rUMIuPIy+zxzYDNJ6nJdHpw5Mjw=
-  dependencies:
-    core-js "^1.0.0"
-    promise "^7.0.3"
-    whatwg-fetch "^0.9.0"
-
-fbjs@^0.8.4, fbjs@^0.8.9:
-  version "0.8.17"
-  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.17.tgz#c4d598ead6949112653d6588b01a5cdcd9f90fdd"
-  integrity sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=
-  dependencies:
-    core-js "^1.0.0"
-    isomorphic-fetch "^2.1.1"
-    loose-envify "^1.0.0"
-    object-assign "^4.1.0"
-    promise "^7.1.1"
-    setimmediate "^1.0.5"
-    ua-parser-js "^0.7.18"
-
-figgy-pudding@^3.5.1:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.2.tgz#b4eee8148abb01dcf1d1ac34367d59e12fa61d6e"
-  integrity sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==
-
-figures@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
-  integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
-  dependencies:
-    escape-string-regexp "^1.0.5"
-
-file-entry-cache@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c"
-  integrity sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==
-  dependencies:
-    flat-cache "^2.0.1"
-
-file-loader@^5.0.2:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-5.1.0.tgz#cb56c070efc0e40666424309bd0d9e45ac6f2bb8"
-  integrity sha512-u/VkLGskw3Ue59nyOwUwXI/6nuBCo7KBkniB/l7ICwr/7cPNGsL1WCXUp3GB0qgOOKU1TiP49bv4DZF/LJqprg==
-  dependencies:
-    loader-utils "^1.4.0"
-    schema-utils "^2.5.0"
-
-file-saver@^1.3.8:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/file-saver/-/file-saver-1.3.8.tgz#e68a30c7cb044e2fb362b428469feb291c2e09d8"
-  integrity sha512-spKHSBQIxxS81N/O21WmuXA2F6wppUCsutpzenOeZzOCCJ5gEfcbqJP983IrpLXzYmXnMUa6J03SubcNPdKrlg==
-
-file-uri-to-path@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
-  integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==
-
-file@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/file/-/file-0.2.2.tgz#c3dfd8f8cf3535ae455c2b423c2e52635d76b4d3"
-  integrity sha1-w9/Y+M81Na5FXCtCPC5SY112tNM=
-
-filename-regex@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26"
-  integrity sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY=
-
-filesize@3.6.1:
-  version "3.6.1"
-  resolved "https://registry.yarnpkg.com/filesize/-/filesize-3.6.1.tgz#090bb3ee01b6f801a8a8be99d31710b3422bb317"
-  integrity sha512-7KjR1vv6qnicaPMi1iiTcI85CyYwRO/PSFCu6SvqL8jN2Wjt/NIYQTFtFs7fSDCYOstUkEWIQGFUg5YZQfjlcg==
-
-fill-range@^2.1.0:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-2.2.4.tgz#eb1e773abb056dcd8df2bfdf6af59b8b3a936565"
-  integrity sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==
-  dependencies:
-    is-number "^2.1.0"
-    isobject "^2.0.0"
-    randomatic "^3.0.0"
-    repeat-element "^1.1.2"
-    repeat-string "^1.5.2"
-
-fill-range@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-4.0.0.tgz#d544811d428f98eb06a63dc402d2403c328c38f7"
-  integrity sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=
-  dependencies:
-    extend-shallow "^2.0.1"
-    is-number "^3.0.0"
-    repeat-string "^1.6.1"
-    to-regex-range "^2.1.0"
-
-fill-range@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
-  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
-  dependencies:
-    to-regex-range "^5.0.1"
-
-finalhandler@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.1.2.tgz#b7e7d000ffd11938d0fdb053506f6ebabe9f587d"
-  integrity sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==
-  dependencies:
-    debug "2.6.9"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    on-finished "~2.3.0"
-    parseurl "~1.3.3"
-    statuses "~1.5.0"
-    unpipe "~1.0.0"
-
-find-cache-dir@^2.0.0, find-cache-dir@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7"
-  integrity sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^2.0.0"
-    pkg-dir "^3.0.0"
-
-find-cache-dir@^3.3.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.1.tgz#89b33fad4a4670daa94f855f7fbe31d6d84fe880"
-  integrity sha512-t2GDMt3oGC/v+BMwzmllWDuJF/xcDtE5j/fCGbqDD7OLuJkj0cfh1YSA5VKPvwMeLFLNDBkwOKZ2X85jGLVftQ==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^3.0.2"
-    pkg-dir "^4.1.0"
-
-find-index@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/find-index/-/find-index-0.1.1.tgz#675d358b2ca3892d795a1ab47232f8b6e2e0dde4"
-  integrity sha1-Z101iyyjiS15Whq0cjL4tuLg3eQ=
-
-find-up@4.1.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"
-  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
-  dependencies:
-    locate-path "^5.0.0"
-    path-exists "^4.0.0"
-
-find-up@^2.0.0, find-up@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
-  integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
-  dependencies:
-    locate-path "^2.0.0"
-
-find-up@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
-  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
-  dependencies:
-    locate-path "^3.0.0"
-
-findup-sync@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/findup-sync/-/findup-sync-3.0.0.tgz#17b108f9ee512dfb7a5c7f3c8b27ea9e1a9c08d1"
-  integrity sha512-YbffarhcicEhOrm4CtrwdKBdCuz576RLdhJDsIfvNtxUuhdRet1qZcsMjqbePtAseKdAnDyM/IyXbu7PRPRLYg==
-  dependencies:
-    detect-file "^1.0.0"
-    is-glob "^4.0.0"
-    micromatch "^3.0.4"
-    resolve-dir "^1.0.1"
-
-flat-cache@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0"
-  integrity sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==
-  dependencies:
-    flatted "^2.0.0"
-    rimraf "2.6.3"
-    write "1.0.3"
-
-flatted@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138"
-  integrity sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==
-
-flatten@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.3.tgz#c1283ac9f27b368abc1e36d1ff7b04501a30356b"
-  integrity sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==
-
-flush-write-stream@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
-  integrity sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==
-  dependencies:
-    inherits "^2.0.3"
-    readable-stream "^2.3.6"
-
-flux@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/flux/-/flux-2.1.1.tgz#2c6ac652d4337488968489c6586f3aff26a38ea4"
-  integrity sha1-LGrGUtQzdIiWhInGWG86/yajjqQ=
-  dependencies:
-    fbemitter "^2.0.0"
-    fbjs "0.1.0-alpha.7"
-    immutable "^3.7.4"
-
-focus-lock@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/focus-lock/-/focus-lock-0.7.0.tgz#b2bfb0ca7beacc8710a1ff74275fe0dc60a1d88a"
-  integrity sha512-LI7v2mH02R55SekHYdv9pRHR9RajVNyIJ2N5IEkWbg7FT5ZmJ9Hw4mWxHeEUcd+dJo0QmzztHvDvWcc7prVFsw==
-
-focus-visible@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/focus-visible/-/focus-visible-5.1.0.tgz#4b9d40143b865f53eafbd93ca66672b3bf9e7b6a"
-  integrity sha512-nPer0rjtzdZ7csVIu233P2cUm/ks/4aVSI+5KUkYrYpgA7ujgC3p6J7FtFU+AIMWwnwYQOB/yeiOITxFeYIXiw==
-
-follow-redirects@^1.0.0:
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.11.0.tgz#afa14f08ba12a52963140fe43212658897bc0ecb"
-  integrity sha512-KZm0V+ll8PfBrKwMzdo5D13b1bur9Iq9Zd/RMmAoQQcl2PxxFml8cxXPaaPYVbV0RjNjq1CU7zIzAOqtUPudmA==
-  dependencies:
-    debug "^3.0.0"
-
-for-in@^1.0.1, for-in@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
-  integrity sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=
-
-for-own@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/for-own/-/for-own-0.1.5.tgz#5265c681a4f294dabbf17c9509b6763aa84510ce"
-  integrity sha1-UmXGgaTylNq78XyVCbZ2OqhFEM4=
-  dependencies:
-    for-in "^1.0.1"
-
-forever-agent@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
-  integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
-
-form-data@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
-  integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==
-  dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.6"
-    mime-types "^2.1.12"
-
-forwarded@~0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.2.tgz#98c23dab1175657b8c0573e8ceccd91b0ff18c84"
-  integrity sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=
-
-fragment-cache@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/fragment-cache/-/fragment-cache-0.2.1.tgz#4290fad27f13e89be7f33799c6bc5a0abfff0d19"
-  integrity sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=
-  dependencies:
-    map-cache "^0.2.2"
-
-fresh@0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
-  integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=
-
-from2@^2.1.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/from2/-/from2-2.3.0.tgz#8bfb5502bde4a4d36cfdeea007fcca21d7e382af"
-  integrity sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=
-  dependencies:
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-
-fs-extra@^0.30.0:
-  version "0.30.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-0.30.0.tgz#f233ffcc08d4da7d432daa449776989db1df93f0"
-  integrity sha1-8jP/zAjU2n1DLapEl3aYnbHfk/A=
-  dependencies:
-    graceful-fs "^4.1.2"
-    jsonfile "^2.1.0"
-    klaw "^1.0.0"
-    path-is-absolute "^1.0.0"
-    rimraf "^2.2.8"
-
-fs-minipass@^1.2.5:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-1.2.7.tgz#ccff8570841e7fe4265693da88936c55aed7f7c7"
-  integrity sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==
-  dependencies:
-    minipass "^2.6.0"
-
-fs-minipass@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
-  integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==
-  dependencies:
-    minipass "^3.0.0"
-
-fs-readdir-recursive@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz#e32fc030a2ccee44a6b5371308da54be0b397d27"
-  integrity sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA==
-
-fs-write-stream-atomic@^1.0.8:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
-  integrity sha1-tH31NJPvkR33VzHnCp3tAYnbQMk=
-  dependencies:
-    graceful-fs "^4.1.2"
-    iferr "^0.1.5"
-    imurmurhash "^0.1.4"
-    readable-stream "1 || 2"
-
-fs.realpath@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
-  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
-
-fsevents@^1.0.0, fsevents@^1.2.7:
-  version "1.2.13"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.2.13.tgz#f325cb0455592428bcf11b383370ef70e3bfcc38"
-  integrity sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==
-  dependencies:
-    bindings "^1.5.0"
-    nan "^2.12.1"
-
-fsevents@~2.1.2:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.1.3.tgz#fb738703ae8d2f9fe900c33836ddebee8b97f23e"
-  integrity sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==
-
-function-bind@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
-  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
-
-functional-red-black-tree@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
-  integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
-
-functions-have-names@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.1.tgz#a981ac397fa0c9964551402cdc5533d7a4d52f91"
-  integrity sha512-j48B/ZI7VKs3sgeI2cZp7WXWmZXu7Iq5pl5/vptV5N2mq+DGFuS/ulaDjtaoLpYzuD6u8UgrUKHfgo7fDTSiBA==
-
-fuse.js@^2.7.4:
-  version "2.7.4"
-  resolved "https://registry.yarnpkg.com/fuse.js/-/fuse.js-2.7.4.tgz#96e420fde7ef011ac49c258a621314fe576536f9"
-  integrity sha1-luQg/efvARrEnCWKYhMU/ldlNvk=
-
-gauge@~2.7.3:
-  version "2.7.4"
-  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
-  integrity sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=
-  dependencies:
-    aproba "^1.0.3"
-    console-control-strings "^1.0.0"
-    has-unicode "^2.0.0"
-    object-assign "^4.1.0"
-    signal-exit "^3.0.0"
-    string-width "^1.0.1"
-    strip-ansi "^3.0.1"
-    wide-align "^1.1.0"
-
-gensync@^1.0.0-beta.1:
-  version "1.0.0-beta.1"
-  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.1.tgz#58f4361ff987e5ff6e1e7a210827aa371eaac269"
-  integrity sha512-r8EC6NO1sngH/zdD9fiRDLdcgnbayXah+mLgManTaIZJqEC1MZstmnox8KpnI2/fxQwrp5OpCOYWLp4rBl4Jcg==
-
-get-caller-file@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
-  integrity sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==
-
-get-caller-file@^2.0.1:
-  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-stdin@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-7.0.0.tgz#8d5de98f15171a125c5e516643c7a6d0ea8a96f6"
-  integrity sha512-zRKcywvrXlXsA0v0i9Io4KDRaAw7+a1ZpjRwl9Wox8PFlVCCHra7E9c4kqXCoCM9nR5tBkaTTZRBoCm60bFqTQ==
-
-get-stream@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
-  integrity sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==
-  dependencies:
-    pump "^3.0.0"
-
-get-value@^2.0.3, get-value@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/get-value/-/get-value-2.0.6.tgz#dc15ca1c672387ca76bd37ac0a395ba2042a2c28"
-  integrity sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=
-
-getpass@^0.1.1:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
-  integrity sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=
-  dependencies:
-    assert-plus "^1.0.0"
-
-gfm.css@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/gfm.css/-/gfm.css-1.1.2.tgz#94acfa600672663b9dd0fd4b6ee5d11c8dbc161e"
-  integrity sha512-KhK3rqxMj+UTLRxWnfUA5n8XZYMWfHrrcCxtWResYR2B3hWIqBM6v9FPGZSlVuX+ScLewizOvNkjYXuPs95ThQ==
-
-glob-base@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/glob-base/-/glob-base-0.3.0.tgz#dbb164f6221b1c0b1ccf82aea328b497df0ea3c4"
-  integrity sha1-27Fk9iIbHAscz4Kuoyi0l98Oo8Q=
-  dependencies:
-    glob-parent "^2.0.0"
-    is-glob "^2.0.0"
-
-glob-parent@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-2.0.0.tgz#81383d72db054fcccf5336daa902f182f6edbb28"
-  integrity sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=
-  dependencies:
-    is-glob "^2.0.0"
-
-glob-parent@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
-  integrity sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=
-  dependencies:
-    is-glob "^3.1.0"
-    path-dirname "^1.0.0"
-
-glob-parent@^5.0.0, glob-parent@~5.1.0:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
-  integrity sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==
-  dependencies:
-    is-glob "^4.0.1"
-
-glob-to-regexp@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
-  integrity sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=
-
-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==
-
-glob2base@^0.0.12:
-  version "0.0.12"
-  resolved "https://registry.yarnpkg.com/glob2base/-/glob2base-0.0.12.tgz#9d419b3e28f12e83a362164a277055922c9c0d56"
-  integrity sha1-nUGbPijxLoOjYhZKJ3BVkiycDVY=
-  dependencies:
-    find-index "^0.1.1"
-
-glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
-  version "7.1.6"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
-  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.0.4"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-global-modules@2.0.0, global-modules@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780"
-  integrity sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==
-  dependencies:
-    global-prefix "^3.0.0"
-
-global-modules@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-1.0.0.tgz#6d770f0eb523ac78164d72b5e71a8877265cc3ea"
-  integrity sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==
-  dependencies:
-    global-prefix "^1.0.1"
-    is-windows "^1.0.1"
-    resolve-dir "^1.0.0"
-
-global-prefix@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-1.0.2.tgz#dbf743c6c14992593c655568cb66ed32c0122ebe"
-  integrity sha1-2/dDxsFJklk8ZVVoy2btMsASLr4=
-  dependencies:
-    expand-tilde "^2.0.2"
-    homedir-polyfill "^1.0.1"
-    ini "^1.3.4"
-    is-windows "^1.0.1"
-    which "^1.2.14"
-
-global-prefix@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-3.0.0.tgz#fc85f73064df69f50421f47f883fe5b913ba9b97"
-  integrity sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==
-  dependencies:
-    ini "^1.3.5"
-    kind-of "^6.0.2"
-    which "^1.3.1"
-
-globals@^11.1.0:
-  version "11.12.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
-  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
-
-globals@^12.1.0:
-  version "12.4.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-12.4.0.tgz#a18813576a41b00a24a97e7f815918c2e19925f8"
-  integrity sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==
-  dependencies:
-    type-fest "^0.8.1"
-
-globby@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
-  integrity sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=
-  dependencies:
-    array-union "^1.0.1"
-    glob "^7.0.3"
-    object-assign "^4.0.1"
-    pify "^2.0.0"
-    pinkie-promise "^2.0.0"
-
-globby@^8.0.1:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-8.0.2.tgz#5697619ccd95c5275dbb2d6faa42087c1a941d8d"
-  integrity sha512-yTzMmKygLp8RUpG1Ymu2VXPSJQZjNAZPD4ywgYEaG7e4tBJeUQBO8OpXrf1RCNcEs5alsoJYPAMiIHP0cmeC7w==
-  dependencies:
-    array-union "^1.0.1"
-    dir-glob "2.0.0"
-    fast-glob "^2.0.2"
-    glob "^7.1.2"
-    ignore "^3.3.5"
-    pify "^3.0.0"
-    slash "^1.0.0"
-
-globby@^9.2.0:
-  version "9.2.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-9.2.0.tgz#fd029a706c703d29bdd170f4b6db3a3f7a7cb63d"
-  integrity sha512-ollPHROa5mcxDEkwg6bPt3QbEf4pDQSNtd6JPL1YvOvAo/7/0VAm9TccUeoTmarjPw4pfUthSCqcyfNB1I3ZSg==
-  dependencies:
-    "@types/glob" "^7.1.1"
-    array-union "^1.0.2"
-    dir-glob "^2.2.2"
-    fast-glob "^2.2.6"
-    glob "^7.1.3"
-    ignore "^4.0.3"
-    pify "^4.0.1"
-    slash "^2.0.0"
-
-globjoin@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/globjoin/-/globjoin-0.1.4.tgz#2f4494ac8919e3767c5cbb691e9f463324285d43"
-  integrity sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=
-
-gonzales-pe@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/gonzales-pe/-/gonzales-pe-4.3.0.tgz#fe9dec5f3c557eead09ff868c65826be54d067b3"
-  integrity sha512-otgSPpUmdWJ43VXyiNgEYE4luzHCL2pz4wQ0OnDluC6Eg4Ko3Vexy/SrSynglw/eR+OhkzmqFCZa/OFa/RgAOQ==
-  dependencies:
-    minimist "^1.2.5"
-
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.1.9, graceful-fs@^4.2.2:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
-  integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==
-
-growly@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
-  integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
-
-handle-thing@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
-  integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
-
-har-schema@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
-  integrity sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=
-
-har-validator@~5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.3.tgz#1ef89ebd3e4996557675eed9893110dc350fa080"
-  integrity sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==
-  dependencies:
-    ajv "^6.5.5"
-    har-schema "^2.0.0"
-
-has-ansi@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
-  integrity sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=
-  dependencies:
-    ansi-regex "^2.0.0"
-
-has-flag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
-  integrity sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=
-
-has-flag@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-2.0.0.tgz#e8207af1cc7b30d446cc70b734b5e8be18f88d51"
-  integrity sha1-6CB68cx7MNRGzHC3NLXovhj4jVE=
-
-has-flag@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
-
-has-flag@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
-  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
-
-has-symbols@^1.0.0, has-symbols@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
-  integrity sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==
-
-has-unicode@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
-  integrity sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=
-
-has-value@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/has-value/-/has-value-0.3.1.tgz#7b1f58bada62ca827ec0a2078025654845995e1f"
-  integrity sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=
-  dependencies:
-    get-value "^2.0.3"
-    has-values "^0.1.4"
-    isobject "^2.0.0"
-
-has-value@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-value/-/has-value-1.0.0.tgz#18b281da585b1c5c51def24c930ed29a0be6b177"
-  integrity sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=
-  dependencies:
-    get-value "^2.0.6"
-    has-values "^1.0.0"
-    isobject "^3.0.0"
-
-has-values@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/has-values/-/has-values-0.1.4.tgz#6d61de95d91dfca9b9a02089ad384bff8f62b771"
-  integrity sha1-bWHeldkd/Km5oCCJrThL/49it3E=
-
-has-values@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-values/-/has-values-1.0.0.tgz#95b0b63fec2146619a6fe57fe75628d5a39efe4f"
-  integrity sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=
-  dependencies:
-    is-number "^3.0.0"
-    kind-of "^4.0.0"
-
-has@^1.0.0, has@^1.0.1, has@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
-  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
-  dependencies:
-    function-bind "^1.1.1"
-
-hash-base@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.1.0.tgz#55c381d9e06e1d2997a883b4a3fddfe7f0d3af33"
-  integrity sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==
-  dependencies:
-    inherits "^2.0.4"
-    readable-stream "^3.6.0"
-    safe-buffer "^5.2.0"
-
-hash.js@^1.0.0, hash.js@^1.0.3:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42"
-  integrity sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==
-  dependencies:
-    inherits "^2.0.3"
-    minimalistic-assert "^1.0.1"
-
-he@1.2.x:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
-  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
-
-hex-color-regex@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/hex-color-regex/-/hex-color-regex-1.1.0.tgz#4c06fccb4602fe2602b3c93df82d7e7dbf1a8a8e"
-  integrity sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==
-
-highlight.js@^10.1.2:
-  version "10.1.2"
-  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-10.1.2.tgz#c20db951ba1c22c055010648dfffd7b2a968e00c"
-  integrity sha512-Q39v/Mn5mfBlMff9r+zzA+gWxRsCRKwEMvYTiisLr/XUiFI/4puWt0Ojdko3R3JCNWGdOWaA5g/Yxqa23kC5AA==
-
-highlight.js@^9.13.1:
-  version "9.18.1"
-  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.18.1.tgz#ed21aa001fe6252bb10a3d76d47573c6539fe13c"
-  integrity sha512-OrVKYz70LHsnCgmbXctv/bfuvntIKDz177h0Co37DQ5jamGZLVmoCVMtjMtNZY3X9DrCcKfklHPNeA0uPZhSJg==
-
-hmac-drbg@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
-  integrity sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=
-  dependencies:
-    hash.js "^1.0.3"
-    minimalistic-assert "^1.0.0"
-    minimalistic-crypto-utils "^1.0.1"
-
-hoist-non-react-statics@^3.3.0:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
-  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
-  dependencies:
-    react-is "^16.7.0"
-
-homedir-polyfill@^1.0.1:
-  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@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-3.0.0.tgz#dd8af49cd01e73cc8e61ba13e217a772fd4ecd2d"
-  integrity sha512-zYSx1cP4MLsvKtTg8DF/PI6e6FHZ3wcawcTGsrLU2TM+UfD4jmSrn2wdQT16TFbH3lO4PIdjLG0E+cuYDgFD9g==
-  dependencies:
-    lru-cache "^5.1.1"
-
-hosted-git-info@^2.1.4:
-  version "2.8.8"
-  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488"
-  integrity sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==
-
-hpack.js@^2.1.6:
-  version "2.1.6"
-  resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
-  integrity sha1-h3dMCUnlE/QuhFdbPEVoH63ioLI=
-  dependencies:
-    inherits "^2.0.1"
-    obuf "^1.0.0"
-    readable-stream "^2.0.1"
-    wbuf "^1.1.0"
-
-hsl-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/hsl-regex/-/hsl-regex-1.0.0.tgz#d49330c789ed819e276a4c0d272dffa30b18fe6e"
-  integrity sha1-1JMwx4ntgZ4nakwNJy3/owsY/m4=
-
-hsla-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/hsla-regex/-/hsla-regex-1.0.0.tgz#c1ce7a3168c8c6614033a4b5f7877f3b225f9c38"
-  integrity sha1-wc56MWjIxmFAM6S194d/OyJfnDg=
-
-html-comment-regex@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/html-comment-regex/-/html-comment-regex-1.1.2.tgz#97d4688aeb5c81886a364faa0cad1dda14d433a7"
-  integrity sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ==
-
-html-encoding-sniffer@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz#e70d84b94da53aa375e11fe3a351be6642ca46f8"
-  integrity sha512-71lZziiDnsuabfdYiUeWdCVyKuqwWi23L8YeIgV9jSSZHCtb6wB1BKWooH7L3tn4/FuZJMVWyNaIDr4RGmaSYw==
-  dependencies:
-    whatwg-encoding "^1.0.1"
-
-html-entities@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.3.1.tgz#fb9a1a4b5b14c5daba82d3e34c6ae4fe701a0e44"
-  integrity sha512-rhE/4Z3hIhzHAUKbW8jVcCyuT5oJCXXqhN/6mXXVCpzTmvJnoH2HL/bt3EZ6p55jbFJBeAe1ZNpL5BugLujxNA==
-
-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==
-
-html-minifier@^3.2.3:
-  version "3.5.21"
-  resolved "https://registry.yarnpkg.com/html-minifier/-/html-minifier-3.5.21.tgz#d0040e054730e354db008463593194015212d20c"
-  integrity sha512-LKUKwuJDhxNa3uf/LPR/KVjm/l3rBqtYeCOAekvG8F1vItxMUpueGd94i/asDDr8/1u7InxzFA5EeGjhhG5mMA==
-  dependencies:
-    camel-case "3.0.x"
-    clean-css "4.2.x"
-    commander "2.17.x"
-    he "1.2.x"
-    param-case "2.1.x"
-    relateurl "0.2.x"
-    uglify-js "3.4.x"
-
-html-tags@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140"
-  integrity sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==
-
-html-webpack-plugin@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz#b01abbd723acaaa7b37b6af4492ebda03d9dd37b"
-  integrity sha1-sBq71yOsqqeze2r0SS69oD2d03s=
-  dependencies:
-    html-minifier "^3.2.3"
-    loader-utils "^0.2.16"
-    lodash "^4.17.3"
-    pretty-error "^2.0.2"
-    tapable "^1.0.0"
-    toposort "^1.0.0"
-    util.promisify "1.0.0"
-
-htmlparser2@^3.10.0, htmlparser2@^3.3.0:
-  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"
-
-htmlparser2@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-4.1.0.tgz#9a4ef161f2e4625ebf7dfbe6c0a2f52d18a59e78"
-  integrity sha512-4zDq1a1zhE4gQso/c5LP1OtrhYTncXNSpvJYtWJBtXAETPlMfi3IFNjGuQbYLuVY4ZR0QMqRVvo4Pdy9KLyP8Q==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^3.0.0"
-    domutils "^2.0.0"
-    entities "^2.0.0"
-
-http-cache-semantics@^3.8.1:
-  version "3.8.1"
-  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-3.8.1.tgz#39b0e16add9b605bf0a9ef3d9daaf4843b4cacd2"
-  integrity sha512-5ai2iksyV8ZXmnZhHH4rWPoxxistEexSi5936zIQ1bnNTW5VnA85B6P/VpXiRM017IgRvb2kKo1a//y+0wSp3w==
-
-http-deceiver@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
-  integrity sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=
-
-http-errors@1.7.2:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.7.2.tgz#4f5029cf13239f31036e5b2e55292bcfbcc85c8f"
-  integrity sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==
-  dependencies:
-    depd "~1.1.2"
-    inherits "2.0.3"
-    setprototypeof "1.1.1"
-    statuses ">= 1.5.0 < 2"
-    toidentifier "1.0.0"
-
-http-errors@~1.6.2:
-  version "1.6.3"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
-  integrity sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=
-  dependencies:
-    depd "~1.1.2"
-    inherits "2.0.3"
-    setprototypeof "1.1.0"
-    statuses ">= 1.4.0 < 2"
-
-http-errors@~1.7.2:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.7.3.tgz#6c619e4f9c60308c38519498c14fbb10aacebb06"
-  integrity sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==
-  dependencies:
-    depd "~1.1.2"
-    inherits "2.0.4"
-    setprototypeof "1.1.1"
-    statuses ">= 1.5.0 < 2"
-    toidentifier "1.0.0"
-
-http-parser-js@>=0.5.1:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.2.tgz#da2e31d237b393aae72ace43882dd7e270a8ff77"
-  integrity sha512-opCO9ASqg5Wy2FNo7A0sxy71yGbbkJJXLdgMK04Tcypw9jr2MgWbyubb0+WdmDmGnFflO7fRbqbaihh/ENDlRQ==
-
-http-proxy-agent@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-2.1.0.tgz#e4821beef5b2142a2026bd73926fe537631c5405"
-  integrity sha512-qwHbBLV7WviBl0rQsOzH6o5lwyOIvwp/BdFnvVxXORldu5TmjFfjzBcWUWS5kWAZhmv+JtiDhSuQCp4sBfbIgg==
-  dependencies:
-    agent-base "4"
-    debug "3.1.0"
-
-http-proxy-middleware@0.19.1:
-  version "0.19.1"
-  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-0.19.1.tgz#183c7dc4aa1479150306498c210cdaf96080a43a"
-  integrity sha512-yHYTgWMQO8VvwNS22eLLloAkvungsKdKTLO8AJlftYIKNfJr3GK3zK0ZCfzDDGUBttdGc8xFy1mCitvNKQtC3Q==
-  dependencies:
-    http-proxy "^1.17.0"
-    is-glob "^4.0.0"
-    lodash "^4.17.11"
-    micromatch "^3.1.10"
-
-http-proxy@^1.17.0:
-  version "1.18.1"
-  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
-  integrity sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==
-  dependencies:
-    eventemitter3 "^4.0.0"
-    follow-redirects "^1.0.0"
-    requires-port "^1.0.0"
-
-http-signature@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
-  integrity sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=
-  dependencies:
-    assert-plus "^1.0.0"
-    jsprim "^1.2.2"
-    sshpk "^1.7.0"
-
-https-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
-  integrity sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=
-
-https-proxy-agent@^2.2.1:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-2.2.4.tgz#4ee7a737abd92678a293d9b34a1af4d0d08c787b"
-  integrity sha512-OmvfoQ53WLjtA9HeYP9RNrWMJzzAz1JGaSFr1nijg0PVR1JaD/xbJq1mdEIIlxGpXp9eSe/O2LgU9DJmTPd0Eg==
-  dependencies:
-    agent-base "^4.3.0"
-    debug "^3.1.0"
-
-humanize-ms@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/humanize-ms/-/humanize-ms-1.2.1.tgz#c46e3159a293f6b896da29316d8b6fe8bb79bbed"
-  integrity sha1-xG4xWaKT9riW2ikxbYtv6Lt5u+0=
-  dependencies:
-    ms "^2.0.0"
-
-iconv-lite@0.4.24, iconv-lite@^0.4.24, iconv-lite@^0.4.4, iconv-lite@~0.4.13:
-  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@^4.0.0, icss-utils@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-4.1.1.tgz#21170b53789ee27447c2f47dd683081403f9a467"
-  integrity sha512-4aFq7wvWyMHKgxsH8QQtGpvbASCf+eM3wPRLI6R+MgAnTCZ6STYsRvttLvRWK0Nfif5piF394St3HeJDaljGPA==
-  dependencies:
-    postcss "^7.0.14"
-
-ieee754@^1.1.4:
-  version "1.1.13"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.13.tgz#ec168558e95aa181fd87d37f55c32bbcb6708b84"
-  integrity sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==
-
-iferr@^0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/iferr/-/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501"
-  integrity sha1-xg7taebY/bazEEofy8ocGS3FtQE=
-
-ignore-walk@^3.0.1:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-3.0.3.tgz#017e2447184bfeade7c238e4aefdd1e8f95b1e37"
-  integrity sha512-m7o6xuOaT1aqheYHKf8W6J5pYH85ZI9w077erOzLje3JsB1gkafkAhHHY19dqjulgIZHFm32Cp5uNZgcQqdJKw==
-  dependencies:
-    minimatch "^3.0.4"
-
-ignore@^3.3.5:
-  version "3.3.10"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.3.10.tgz#0a97fb876986e8081c631160f8f9f389157f0043"
-  integrity sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==
-
-ignore@^4.0.3, ignore@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
-  integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
-
-ignore@^5.1.4:
-  version "5.1.8"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
-  integrity sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==
-
-immutable@^3.7.4:
-  version "3.8.2"
-  resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.8.2.tgz#c2439951455bb39913daf281376f1530e104adf3"
-  integrity sha1-wkOZUUVbs5kT2vKBN28VMOEErfM=
-
-import-cwd@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
-  integrity sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=
-  dependencies:
-    import-from "^2.1.0"
-
-import-fresh@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
-  integrity sha1-2BNVwVYS04bGH53dOSLUMEgipUY=
-  dependencies:
-    caller-path "^2.0.0"
-    resolve-from "^3.0.0"
-
-import-fresh@^3.0.0, import-fresh@^3.1.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
-  integrity sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==
-  dependencies:
-    parent-module "^1.0.0"
-    resolve-from "^4.0.0"
-
-import-from@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
-  integrity sha1-M1238qev/VOqpHHUuAId7ja387E=
-  dependencies:
-    resolve-from "^3.0.0"
-
-import-lazy@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-4.0.0.tgz#e8eb627483a0a43da3c03f3e35548be5cb0cc153"
-  integrity sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==
-
-import-local@2.0.0, import-local@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/import-local/-/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d"
-  integrity sha512-b6s04m3O+s3CGSbqDIyP4R6aAwAeYlVq9+WUWep6iHa8ETRf9yei1U48C5MmfJmV9AiLYYBKPMq/W+/WRpQmCQ==
-  dependencies:
-    pkg-dir "^3.0.0"
-    resolve-cwd "^2.0.0"
-
-imurmurhash@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
-  integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
-
-indent-string@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-3.2.0.tgz#4a5fd6d27cc332f37e5419a504dbb837105c9289"
-  integrity sha1-Sl/W0nzDMvN+VBmlBNu4NxBckok=
-
-indent-string@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
-  integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
-
-indexes-of@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
-  integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc=
-
-indexof@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/indexof/-/indexof-0.0.1.tgz#82dc336d232b9062179d05ab3293a66059fd435d"
-  integrity sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10=
-
-infer-owner@^1.0.3, infer-owner@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
-  integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==
-
-inflight@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
-  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
-  dependencies:
-    once "^1.3.0"
-    wrappy "1"
-
-inherits@2, inherits@2.0.4, inherits@^2.0.0, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.1, inherits@~2.0.3:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
-  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
-
-inherits@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
-  integrity sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=
-
-inherits@2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
-  integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
-
-ini@^1.3.4, ini@^1.3.5, ini@~1.3.0:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
-  integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
-
-inquirer@^7.0.0:
-  version "7.3.2"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.2.tgz#25245d2e32dc9f33dbe26eeaada231daa66e9c7c"
-  integrity sha512-DF4osh1FM6l0RJc5YWYhSDB6TawiBRlbV9Cox8MWlidU218Tb7fm3lQTULyUJDfJ0tjbzl0W4q651mrCCEM55w==
-  dependencies:
-    ansi-escapes "^4.2.1"
-    chalk "^4.1.0"
-    cli-cursor "^3.1.0"
-    cli-width "^3.0.0"
-    external-editor "^3.0.3"
-    figures "^3.0.0"
-    lodash "^4.17.16"
-    mute-stream "0.0.8"
-    run-async "^2.4.0"
-    rxjs "^6.6.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-    through "^2.3.6"
-
-internal-ip@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/internal-ip/-/internal-ip-4.3.0.tgz#845452baad9d2ca3b69c635a137acb9a0dad0907"
-  integrity sha512-S1zBo1D6zcsyuC6PMmY5+55YMILQ9av8lotMx447Bq6SAgo/sDK6y6uUKmuYhW7eacnIhFfsPmCNYdDzsnnDCg==
-  dependencies:
-    default-gateway "^4.2.0"
-    ipaddr.js "^1.9.0"
-
-internal-slot@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.2.tgz#9c2e9fb3cd8e5e4256c6f45fe310067fcfa378a3"
-  integrity sha512-2cQNfwhAfJIkU4KZPkDI+Gj5yNNnbqi40W9Gge6dfnk4TocEVm00B3bdiL+JINrbGJil2TeHvM4rETGzk/f/0g==
-  dependencies:
-    es-abstract "^1.17.0-next.1"
-    has "^1.0.3"
-    side-channel "^1.0.2"
-
-interpret@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.2.0.tgz#d5061a6224be58e8083985f5014d844359576296"
-  integrity sha512-mT34yGKMNceBQUoVn7iCDKDntA7SC6gycMAWzGx1z/CMCTV7b2AAtXlo3nRyHZ1FelRkQbQjprHSYGwzLtkVbw==
-
-invariant@^2.2.2, invariant@^2.2.4:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
-  integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
-  dependencies:
-    loose-envify "^1.0.0"
-
-invert-kv@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-2.0.0.tgz#7393f5afa59ec9ff5f67a27620d11c226e3eec02"
-  integrity sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==
-
-ip-regex@^2.0.0, ip-regex@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-2.1.0.tgz#fa78bf5d2e6913c911ce9f819ee5146bb6d844e9"
-  integrity sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=
-
-ip@1.1.5, ip@^1.1.0, ip@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.5.tgz#bdded70114290828c0a039e72ef25f5aaec4354a"
-  integrity sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=
-
-ipaddr.js@1.9.1, ipaddr.js@^1.9.0:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
-  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
-
-is-absolute-url@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-2.1.0.tgz#50530dfb84fcc9aa7dbe7852e83a37b93b9f2aa6"
-  integrity sha1-UFMN+4T8yap9vnhS6Do3uTufKqY=
-
-is-absolute-url@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-3.0.3.tgz#96c6a22b6a23929b11ea0afb1836c36ad4a5d698"
-  integrity sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==
-
-is-accessor-descriptor@^0.1.6:
-  version "0.1.6"
-  resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz#a9e12cb3ae8d876727eeef3843f8a0897b5c98d6"
-  integrity sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=
-  dependencies:
-    kind-of "^3.0.2"
-
-is-accessor-descriptor@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz#169c2f6d3df1f992618072365c9b0ea1f6878656"
-  integrity sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==
-  dependencies:
-    kind-of "^6.0.0"
-
-is-alphabetical@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-alphabetical/-/is-alphabetical-1.0.4.tgz#9e7d6b94916be22153745d184c298cbf986a686d"
-  integrity sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==
-
-is-alphanumeric@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-alphanumeric/-/is-alphanumeric-1.0.0.tgz#4a9cef71daf4c001c1d81d63d140cf53fd6889f4"
-  integrity sha1-Spzvcdr0wAHB2B1j0UDPU/1oifQ=
-
-is-alphanumerical@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz#7eb9a2431f855f6b1ef1a78e326df515696c4dbf"
-  integrity sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==
-  dependencies:
-    is-alphabetical "^1.0.0"
-    is-decimal "^1.0.0"
-
-is-arguments@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.0.4.tgz#3faf966c7cba0ff437fb31f6250082fcf0448cf3"
-  integrity sha512-xPh0Rmt8NE65sNzvyUmWgI1tz3mKq74lGA0mL8LYZcoIzKOzDh6HmrYm3d18k60nHerC8A9Km8kYu87zfSFnLA==
-
-is-arrayish@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
-  integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
-
-is-arrayish@^0.3.1:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
-  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
-
-is-arrow-function@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/is-arrow-function/-/is-arrow-function-2.0.3.tgz#29be2c2d8d9450852b8bbafb635ba7b8d8e87ec2"
-  integrity sha1-Kb4sLY2UUIUri7r7Y1unuNjofsI=
-  dependencies:
-    is-callable "^1.0.4"
-
-is-bigint@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.0.tgz#73da8c33208d00f130e9b5e15d23eac9215601c4"
-  integrity sha512-t5mGUXC/xRheCK431ylNiSkGGpBp8bHENBcENTkDT6ppwPzEVxNGZRvgvmOEfbWkFhA7D2GEuE2mmQTr78sl2g==
-
-is-binary-path@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
-  integrity sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=
-  dependencies:
-    binary-extensions "^1.0.0"
-
-is-binary-path@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
-  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-  dependencies:
-    binary-extensions "^2.0.0"
-
-is-boolean-object@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.0.1.tgz#10edc0900dd127697a92f6f9807c7617d68ac48e"
-  integrity sha512-TqZuVwa/sppcrhUCAYkGBk7w0yxfQQnxq28fjkO53tnK9FQXmdwz2JS5+GjsWQ6RByES1K40nI+yDic5c9/aAQ==
-
-is-buffer@^1.1.5:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
-  integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
-
-is-buffer@^2.0.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.4.tgz#3e572f23c8411a5cfd9557c849e3665e0b290623"
-  integrity sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A==
-
-is-callable@^1.0.4, is-callable@^1.1.4, is-callable@^1.1.5:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.0.tgz#83336560b54a38e35e3a2df7afd0454d691468bb"
-  integrity sha512-pyVD9AaGLxtg6srb2Ng6ynWJqkHU9bEM087AKck0w8QwDarTfNcpIYoU8x8Hv2Icm8u6kFJM18Dag8lyqGkviw==
-
-is-ci@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
-  integrity sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==
-  dependencies:
-    ci-info "^2.0.0"
-
-is-color-stop@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-color-stop/-/is-color-stop-1.1.0.tgz#cfff471aee4dd5c9e158598fbe12967b5cdad345"
-  integrity sha1-z/9HGu5N1cnhWFmPvhKWe1za00U=
-  dependencies:
-    css-color-names "^0.0.4"
-    hex-color-regex "^1.1.0"
-    hsl-regex "^1.0.0"
-    hsla-regex "^1.0.0"
-    rgb-regex "^1.0.1"
-    rgba-regex "^1.0.0"
-
-is-data-descriptor@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56"
-  integrity sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=
-  dependencies:
-    kind-of "^3.0.2"
-
-is-data-descriptor@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz#d84876321d0e7add03990406abbbbd36ba9268c7"
-  integrity sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==
-  dependencies:
-    kind-of "^6.0.0"
-
-is-date-object@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.2.tgz#bda736f2cd8fd06d32844e7743bfa7494c3bfd7e"
-  integrity sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==
-
-is-decimal@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-decimal/-/is-decimal-1.0.4.tgz#65a3a5958a1c5b63a706e1b333d7cd9f630d3fa5"
-  integrity sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==
-
-is-descriptor@^0.1.0:
-  version "0.1.6"
-  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-0.1.6.tgz#366d8240dde487ca51823b1ab9f07a10a78251ca"
-  integrity sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==
-  dependencies:
-    is-accessor-descriptor "^0.1.6"
-    is-data-descriptor "^0.1.4"
-    kind-of "^5.0.0"
-
-is-descriptor@^1.0.0, is-descriptor@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-1.0.2.tgz#3b159746a66604b04f8c81524ba365c5f14d86ec"
-  integrity sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==
-  dependencies:
-    is-accessor-descriptor "^1.0.0"
-    is-data-descriptor "^1.0.0"
-    kind-of "^6.0.2"
-
-is-directory@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
-  integrity sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=
-
-is-dotfile@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/is-dotfile/-/is-dotfile-1.0.3.tgz#a6a2f32ffd2dfb04f5ca25ecd0f6b83cf798a1e1"
-  integrity sha1-pqLzL/0t+wT1yiXs0Pa4PPeYoeE=
-
-is-equal-shallow@^0.1.3:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz#2238098fc221de0bcfa5d9eac4c45d638aa1c534"
-  integrity sha1-IjgJj8Ih3gvPpdnqxMRdY4qhxTQ=
-  dependencies:
-    is-primitive "^2.0.0"
-
-is-equal@^1.5.1:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/is-equal/-/is-equal-1.6.1.tgz#74fafde5060fcaf187041c05f11f0b9f020bb9b3"
-  integrity sha512-3/79QTolnfNFrxQAvqH8M+O01uGWsVq54BUPG2mXQH7zi4BE/0TY+fmA444t8xSBvIwyNMvsTmCZ5ViVDlqPJg==
-  dependencies:
-    es-get-iterator "^1.0.1"
-    functions-have-names "^1.2.0"
-    has "^1.0.3"
-    is-arrow-function "^2.0.3"
-    is-bigint "^1.0.0"
-    is-boolean-object "^1.0.0"
-    is-callable "^1.1.4"
-    is-date-object "^1.0.1"
-    is-generator-function "^1.0.7"
-    is-number-object "^1.0.3"
-    is-regex "^1.0.4"
-    is-string "^1.0.4"
-    is-symbol "^1.0.3"
-    isarray "^2.0.5"
-    object-inspect "^1.7.0"
-    object.entries "^1.1.0"
-    which-boxed-primitive "^1.0.1"
-    which-collection "^1.0.0"
-
-is-extendable@^0.1.0, is-extendable@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
-  integrity sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=
-
-is-extendable@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-1.0.1.tgz#a7470f9e426733d81bd81e1155264e3a3507cab4"
-  integrity sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==
-  dependencies:
-    is-plain-object "^2.0.4"
-
-is-extglob@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-1.0.0.tgz#ac468177c4943405a092fc8f29760c6ffc6206c0"
-  integrity sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=
-
-is-extglob@^2.1.0, is-extglob@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
-  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
-
-is-fullwidth-code-point@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
-  integrity sha1-754xOG8DGn8NZDr4L95QxFfvAMs=
-  dependencies:
-    number-is-nan "^1.0.0"
-
-is-fullwidth-code-point@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
-  integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
-
-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.0.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:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.7.tgz#d2132e529bb0000a7f80794d4bdf5cd5e5813522"
-  integrity sha512-YZc5EwyO4f2kWCax7oegfuSr9mFz1ZvieNYBEjmukLxgXfBUbxAWGVF7GZf0zidYtoBl3WvC07YK0wT76a+Rtw==
-
-is-glob@^2.0.0, is-glob@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-2.0.1.tgz#d096f926a3ded5600f3fdfd91198cb0888c2d863"
-  integrity sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=
-  dependencies:
-    is-extglob "^1.0.0"
-
-is-glob@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a"
-  integrity sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=
-  dependencies:
-    is-extglob "^2.1.0"
-
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@~4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
-  integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
-  dependencies:
-    is-extglob "^2.1.1"
-
-is-hexadecimal@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz#cc35c97588da4bd49a8eedd6bc4082d44dcb23a7"
-  integrity sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==
-
-is-ip@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-ip/-/is-ip-2.0.0.tgz#68eea07e8a0a0a94c2d080dd674c731ab2a461ab"
-  integrity sha1-aO6gfooKCpTC0IDdZ0xzGrKkYas=
-  dependencies:
-    ip-regex "^2.0.0"
-
-is-map@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.1.tgz#520dafc4307bb8ebc33b813de5ce7c9400d644a1"
-  integrity sha512-T/S49scO8plUiAOA2DBTBG3JHpn1yiw0kRp6dgiZ0v2/6twi5eiB0rHtHFH9ZIrvlWc6+4O+m4zg5+Z833aXgw==
-
-is-number-object@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.4.tgz#36ac95e741cf18b283fc1ddf5e83da798e3ec197"
-  integrity sha512-zohwelOAur+5uXtk8O3GPQ1eAcu4ZX3UwxQhUlfFFMNpUd83gXgjbhJh6HmB6LUNV/ieOLQuDwJO3dWJosUeMw==
-
-is-number@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f"
-  integrity sha1-Afy7s5NGOlSPL0ZszhbezknbkI8=
-  dependencies:
-    kind-of "^3.0.2"
-
-is-number@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
-  integrity sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=
-  dependencies:
-    kind-of "^3.0.2"
-
-is-number@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-4.0.0.tgz#0026e37f5454d73e356dfe6564699867c6a7f0ff"
-  integrity sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==
-
-is-number@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
-  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
-
-is-obj@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
-  integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
-
-is-path-cwd@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
-  integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==
-
-is-path-in-cwd@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-path-in-cwd/-/is-path-in-cwd-2.1.0.tgz#bfe2dca26c69f397265a4009963602935a053acb"
-  integrity sha512-rNocXHgipO+rvnP6dk3zI20RpOtrAM/kzbB258Uw5BWr3TpXi861yzjo16Dn4hUox07iw5AyeMLHWsujkjzvRQ==
-  dependencies:
-    is-path-inside "^2.1.0"
-
-is-path-inside@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-2.1.0.tgz#7c9810587d659a40d27bcdb4d5616eab059494b2"
-  integrity sha512-wiyhTzfDWsvwAW53OBWF5zuvaOGlZ6PwYxAbPVDhpm+gM09xKQGjBq/8uYN12aDvMxnAnq3dxTyoSoRNmg5YFg==
-  dependencies:
-    path-is-inside "^1.0.2"
-
-is-plain-obj@^1.0.0, is-plain-obj@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
-  integrity sha1-caUMhCnfync8kqOQpKA7OfzVHT4=
-
-is-plain-object@^2.0.3, is-plain-object@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
-  integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
-  dependencies:
-    isobject "^3.0.1"
-
-is-posix-bracket@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz#3334dc79774368e92f016e6fbc0a88f5cd6e6bc4"
-  integrity sha1-MzTceXdDaOkvAW5vvAqI9c1ua8Q=
-
-is-primitive@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-primitive/-/is-primitive-2.0.0.tgz#207bab91638499c07b2adf240a41a87210034575"
-  integrity sha1-IHurkWOEmcB7Kt8kCkGochADRXU=
-
-is-regex@^1.0.3, is-regex@^1.0.4, is-regex@^1.0.5:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.0.tgz#ece38e389e490df0dc21caea2bd596f987f767ff"
-  integrity sha512-iI97M8KTWID2la5uYXlkbSDQIg4F6o1sYboZKKTDpnDQMLtUL86zxhgDet3Q2SriaYsyGqZ6Mn2SjbRKeLHdqw==
-  dependencies:
-    has-symbols "^1.0.1"
-
-is-regexp@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-2.1.0.tgz#cd734a56864e23b956bf4e7c66c396a4c0b22c2d"
-  integrity sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==
-
-is-resolvable@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88"
-  integrity sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==
-
-is-set@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.1.tgz#d1604afdab1724986d30091575f54945da7e5f43"
-  integrity sha512-eJEzOtVyenDs1TMzSQ3kU3K+E0GUS9sno+F0OBT97xsgcJsF9nXMBtkT9/kut5JEpM7oL7X/0qxR17K3mcwIAA==
-
-is-stream@^1.0.1, is-stream@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
-  integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ=
-
-is-string@^1.0.4, is-string@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.5.tgz#40493ed198ef3ff477b8c7f92f644ec82a5cd3a6"
-  integrity sha512-buY6VNRjhQMiF1qWDouloZlQbRhDPCebwxSjxMjxgemYT46YMd2NR0/H+fBhEfWX4A/w9TBJ+ol+okqJKFE6vQ==
-
-is-svg@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-svg/-/is-svg-3.0.0.tgz#9321dbd29c212e5ca99c4fa9794c714bcafa2f75"
-  integrity sha512-gi4iHK53LR2ujhLVVj+37Ykh9GLqYHX6JOVXbLAucaG/Cqw9xwdFOjDM2qeifLs1sF1npXXFvDu0r5HNgCMrzQ==
-  dependencies:
-    html-comment-regex "^1.1.0"
-
-is-symbol@^1.0.2, is-symbol@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.3.tgz#38e1014b9e6329be0de9d24a414fd7441ec61937"
-  integrity sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==
-  dependencies:
-    has-symbols "^1.0.1"
-
-is-typedarray@^1.0.0, is-typedarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
-  integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
-
-is-weakmap@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.1.tgz#5008b59bdc43b698201d18f62b37b2ca243e8cf2"
-  integrity sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==
-
-is-weakset@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.1.tgz#e9a0af88dbd751589f5e50d80f4c98b780884f83"
-  integrity sha512-pi4vhbhVHGLxohUw7PhGsueT4vRGFoXhP7+RGN0jKIv9+8PWYCQTqtADngrxOm2g46hoH0+g8uZZBzMrvVGDmw==
-
-is-whitespace-character@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-whitespace-character/-/is-whitespace-character-1.0.4.tgz#0858edd94a95594c7c9dd0b5c174ec6e45ee4aa7"
-  integrity sha512-SDweEzfIZM0SJV0EUga669UTKlmL0Pq8Lno0QDQsPnvECB3IM2aP0gdx5TrU0A01MAPfViaZiI2V1QMZLaKK5w==
-
-is-windows@^1.0.1, 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-word-character@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-word-character/-/is-word-character-1.0.4.tgz#ce0e73216f98599060592f62ff31354ddbeb0230"
-  integrity sha512-5SMO8RVennx3nZrqtKwCGyyetPE9VDba5ugvKLaD4KopPG5kR4mQ7tNt/r7feL5yt5h3lpuBbIUmCOG2eSzXHA==
-
-is-wsl@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
-  integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
-
-isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
-  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
-
-isarray@^2.0.1, isarray@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
-  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
-
-isexe@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
-
-isobject@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
-  integrity sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=
-  dependencies:
-    isarray "1.0.0"
-
-isobject@^3.0.0, isobject@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
-  integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
-
-isomorphic-fetch@^2.1.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9"
-  integrity sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=
-  dependencies:
-    node-fetch "^1.0.1"
-    whatwg-fetch ">=0.10.0"
-
-isstream@~0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
-  integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
-
-istanbul-lib-coverage@^2.0.2, istanbul-lib-coverage@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz#675f0ab69503fad4b1d849f736baaca803344f49"
-  integrity sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==
-
-istanbul-lib-instrument@^3.0.1, istanbul-lib-instrument@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-3.3.0.tgz#a5f63d91f0bbc0c3e479ef4c5de027335ec6d630"
-  integrity sha512-5nnIN4vo5xQZHdXno/YDXJ0G+I3dAm4XgzfSVTPLQpj/zAV2dV6Juy0yaf10/zrJOJeHoN3fraFe+XRq2bFVZA==
-  dependencies:
-    "@babel/generator" "^7.4.0"
-    "@babel/parser" "^7.4.3"
-    "@babel/template" "^7.4.0"
-    "@babel/traverse" "^7.4.3"
-    "@babel/types" "^7.4.0"
-    istanbul-lib-coverage "^2.0.5"
-    semver "^6.0.0"
-
-istanbul-lib-report@^2.0.4:
-  version "2.0.8"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-2.0.8.tgz#5a8113cd746d43c4889eba36ab10e7d50c9b4f33"
-  integrity sha512-fHBeG573EIihhAblwgxrSenp0Dby6tJMFR/HvlerBsrCTD5bkUuoNtn3gVh29ZCS824cGGBPn7Sg7cNk+2xUsQ==
-  dependencies:
-    istanbul-lib-coverage "^2.0.5"
-    make-dir "^2.1.0"
-    supports-color "^6.1.0"
-
-istanbul-lib-source-maps@^3.0.1:
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-3.0.6.tgz#284997c48211752ec486253da97e3879defba8c8"
-  integrity sha512-R47KzMtDJH6X4/YW9XTx+jrLnZnscW4VpNN+1PViSYTejLVPWv7oov+Duf8YQSPyVRUvueQqz1TcsC6mooZTXw==
-  dependencies:
-    debug "^4.1.1"
-    istanbul-lib-coverage "^2.0.5"
-    make-dir "^2.1.0"
-    rimraf "^2.6.3"
-    source-map "^0.6.1"
-
-istanbul-reports@^2.2.6:
-  version "2.2.7"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-2.2.7.tgz#5d939f6237d7b48393cc0959eab40cd4fd056931"
-  integrity sha512-uu1F/L1o5Y6LzPVSVZXNOoD/KXpJue9aeLRd0sM9uMXfZvzomB0WxVamWb5ue8kA2vVWEmW7EG+A5n3f1kqHKg==
-  dependencies:
-    html-escaper "^2.0.0"
-
-jest-changed-files@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-24.9.0.tgz#08d8c15eb79a7fa3fc98269bc14b451ee82f8039"
-  integrity sha512-6aTWpe2mHF0DhL28WjdkO8LyGjs3zItPET4bMSeXU6T3ub4FPMw+mcOcbdGXQOAfmLcxofD23/5Bl9Z4AkFwqg==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    execa "^1.0.0"
-    throat "^4.0.0"
-
-jest-cli@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-24.9.0.tgz#ad2de62d07472d419c6abc301fc432b98b10d2af"
-  integrity sha512-+VLRKyitT3BWoMeSUIHRxV/2g8y9gw91Jh5z2UmXZzkZKpbC08CSehVxgHUwTpy+HwGcns/tqafQDJW7imYvGg==
-  dependencies:
-    "@jest/core" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
-    exit "^0.1.2"
-    import-local "^2.0.0"
-    is-ci "^2.0.0"
-    jest-config "^24.9.0"
-    jest-util "^24.9.0"
-    jest-validate "^24.9.0"
-    prompts "^2.0.1"
-    realpath-native "^1.1.0"
-    yargs "^13.3.0"
-
-jest-config@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-24.9.0.tgz#fb1bbc60c73a46af03590719efa4825e6e4dd1b5"
-  integrity sha512-RATtQJtVYQrp7fvWg6f5y3pEFj9I+H8sWw4aKxnDZ96mob5i5SD6ZEGWgMLXQ4LE8UurrjbdlLWdUeo+28QpfQ==
-  dependencies:
-    "@babel/core" "^7.1.0"
-    "@jest/test-sequencer" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    babel-jest "^24.9.0"
-    chalk "^2.0.1"
-    glob "^7.1.1"
-    jest-environment-jsdom "^24.9.0"
-    jest-environment-node "^24.9.0"
-    jest-get-type "^24.9.0"
-    jest-jasmine2 "^24.9.0"
-    jest-regex-util "^24.3.0"
-    jest-resolve "^24.9.0"
-    jest-util "^24.9.0"
-    jest-validate "^24.9.0"
-    micromatch "^3.1.10"
-    pretty-format "^24.9.0"
-    realpath-native "^1.1.0"
-
-jest-diff@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-24.9.0.tgz#931b7d0d5778a1baf7452cb816e325e3724055da"
-  integrity sha512-qMfrTs8AdJE2iqrTp0hzh7kTd2PQWrsFyj9tORoKmu32xjPjeE4NyjVRDz8ybYwqS2ik8N4hsIpiVTyFeo2lBQ==
-  dependencies:
-    chalk "^2.0.1"
-    diff-sequences "^24.9.0"
-    jest-get-type "^24.9.0"
-    pretty-format "^24.9.0"
-
-jest-docblock@^24.3.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-24.9.0.tgz#7970201802ba560e1c4092cc25cbedf5af5a8ce2"
-  integrity sha512-F1DjdpDMJMA1cN6He0FNYNZlo3yYmOtRUnktrT9Q37njYzC5WEaDdmbynIgy0L/IvXvvgsG8OsqhLPXTpfmZAA==
-  dependencies:
-    detect-newline "^2.1.0"
-
-jest-each@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-24.9.0.tgz#eb2da602e2a610898dbc5f1f6df3ba86b55f8b05"
-  integrity sha512-ONi0R4BvW45cw8s2Lrx8YgbeXL1oCQ/wIDwmsM3CqM/nlblNCPmnC3IPQlMbRFZu3wKdQ2U8BqM6lh3LJ5Bsog==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
-    jest-get-type "^24.9.0"
-    jest-util "^24.9.0"
-    pretty-format "^24.9.0"
-
-jest-environment-jsdom-fourteen@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom-fourteen/-/jest-environment-jsdom-fourteen-1.0.1.tgz#4cd0042f58b4ab666950d96532ecb2fc188f96fb"
-  integrity sha512-DojMX1sY+at5Ep+O9yME34CdidZnO3/zfPh8UW+918C5fIZET5vCjfkegixmsi7AtdYfkr4bPlIzmWnlvQkP7Q==
-  dependencies:
-    "@jest/environment" "^24.3.0"
-    "@jest/fake-timers" "^24.3.0"
-    "@jest/types" "^24.3.0"
-    jest-mock "^24.0.0"
-    jest-util "^24.0.0"
-    jsdom "^14.1.0"
-
-jest-environment-jsdom@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-24.9.0.tgz#4b0806c7fc94f95edb369a69cc2778eec2b7375b"
-  integrity sha512-Zv9FV9NBRzLuALXjvRijO2351DRQeLYXtpD4xNvfoVFw21IOKNhZAEUKcbiEtjTkm2GsJ3boMVgkaR7rN8qetA==
-  dependencies:
-    "@jest/environment" "^24.9.0"
-    "@jest/fake-timers" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    jest-mock "^24.9.0"
-    jest-util "^24.9.0"
-    jsdom "^11.5.1"
-
-jest-environment-node@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-24.9.0.tgz#333d2d2796f9687f2aeebf0742b519f33c1cbfd3"
-  integrity sha512-6d4V2f4nxzIzwendo27Tr0aFm+IXWa0XEUnaH6nU0FMaozxovt+sfRvh4J47wL1OvF83I3SSTu0XK+i4Bqe7uA==
-  dependencies:
-    "@jest/environment" "^24.9.0"
-    "@jest/fake-timers" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    jest-mock "^24.9.0"
-    jest-util "^24.9.0"
-
-jest-get-type@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-24.9.0.tgz#1684a0c8a50f2e4901b6644ae861f579eed2ef0e"
-  integrity sha512-lUseMzAley4LhIcpSP9Jf+fTrQ4a1yHQwLNeeVa2cEmbCGeoZAtYPOIv8JaxLD/sUpKxetKGP+gsHl8f8TSj8Q==
-
-jest-haste-map@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.9.0.tgz#b38a5d64274934e21fa417ae9a9fbeb77ceaac7d"
-  integrity sha512-kfVFmsuWui2Sj1Rp1AJ4D9HqJwE4uwTlS/vO+eRUaMmd54BFpli2XhMQnPC2k4cHFVbB2Q2C+jtI1AGLgEnCjQ==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    anymatch "^2.0.0"
-    fb-watchman "^2.0.0"
-    graceful-fs "^4.1.15"
-    invariant "^2.2.4"
-    jest-serializer "^24.9.0"
-    jest-util "^24.9.0"
-    jest-worker "^24.9.0"
-    micromatch "^3.1.10"
-    sane "^4.0.3"
-    walker "^1.0.7"
-  optionalDependencies:
-    fsevents "^1.2.7"
-
-jest-jasmine2@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-24.9.0.tgz#1f7b1bd3242c1774e62acabb3646d96afc3be6a0"
-  integrity sha512-Cq7vkAgaYKp+PsX+2/JbTarrk0DmNhsEtqBXNwUHkdlbrTBLtMJINADf2mf5FkowNsq8evbPc07/qFO0AdKTzw==
-  dependencies:
-    "@babel/traverse" "^7.1.0"
-    "@jest/environment" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
-    co "^4.6.0"
-    expect "^24.9.0"
-    is-generator-fn "^2.0.0"
-    jest-each "^24.9.0"
-    jest-matcher-utils "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-runtime "^24.9.0"
-    jest-snapshot "^24.9.0"
-    jest-util "^24.9.0"
-    pretty-format "^24.9.0"
-    throat "^4.0.0"
-
-jest-leak-detector@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-24.9.0.tgz#b665dea7c77100c5c4f7dfcb153b65cf07dcf96a"
-  integrity sha512-tYkFIDsiKTGwb2FG1w8hX9V0aUb2ot8zY/2nFg087dUageonw1zrLMP4W6zsRO59dPkTSKie+D4rhMuP9nRmrA==
-  dependencies:
-    jest-get-type "^24.9.0"
-    pretty-format "^24.9.0"
-
-jest-matcher-utils@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-24.9.0.tgz#f5b3661d5e628dffe6dd65251dfdae0e87c3a073"
-  integrity sha512-OZz2IXsu6eaiMAwe67c1T+5tUAtQyQx27/EMEkbFAGiw52tB9em+uGbzpcgYVpA8wl0hlxKPZxrly4CXU/GjHA==
-  dependencies:
-    chalk "^2.0.1"
-    jest-diff "^24.9.0"
-    jest-get-type "^24.9.0"
-    pretty-format "^24.9.0"
-
-jest-message-util@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-24.9.0.tgz#527f54a1e380f5e202a8d1149b0ec872f43119e3"
-  integrity sha512-oCj8FiZ3U0hTP4aSui87P4L4jC37BtQwUMqk+zk/b11FR19BJDeZsZAvIHutWnmtw7r85UmR3CEWZ0HWU2mAlw==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    "@types/stack-utils" "^1.0.1"
-    chalk "^2.0.1"
-    micromatch "^3.1.10"
-    slash "^2.0.0"
-    stack-utils "^1.0.1"
-
-jest-mock@^24.0.0, jest-mock@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-24.9.0.tgz#c22835541ee379b908673ad51087a2185c13f1c6"
-  integrity sha512-3BEYN5WbSq9wd+SyLDES7AHnjH9A/ROBwmz7l2y+ol+NtSFO8DYiEBzoO1CeFc9a8DYy10EO4dDFVv/wN3zl1w==
-  dependencies:
-    "@jest/types" "^24.9.0"
-
-jest-pnp-resolver@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.1.tgz#ecdae604c077a7fbc70defb6d517c3c1c898923a"
-  integrity sha512-pgFw2tm54fzgYvc/OHrnysABEObZCUNFnhjoRjaVOCN8NYc032/gVjPaHD4Aq6ApkSieWtfKAFQtmDKAmhupnQ==
-
-jest-regex-util@^24.3.0, jest-regex-util@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-24.9.0.tgz#c13fb3380bde22bf6575432c493ea8fe37965636"
-  integrity sha512-05Cmb6CuxaA+Ys6fjr3PhvV3bGQmO+2p2La4hFbU+W5uOc479f7FdLXUWXw4pYMAhhSZIuKHwSXSu6CsSBAXQA==
-
-jest-resolve-dependencies@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-24.9.0.tgz#ad055198959c4cfba8a4f066c673a3f0786507ab"
-  integrity sha512-Fm7b6AlWnYhT0BXy4hXpactHIqER7erNgIsIozDXWl5dVm+k8XdGVe1oTg1JyaFnOxarMEbax3wyRJqGP2Pq+g==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    jest-regex-util "^24.3.0"
-    jest-snapshot "^24.9.0"
-
-jest-resolve@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-24.9.0.tgz#dff04c7687af34c4dd7e524892d9cf77e5d17321"
-  integrity sha512-TaLeLVL1l08YFZAt3zaPtjiVvyy4oSA6CRe+0AFPPVX3Q/VI0giIWWoAvoS5L96vj9Dqxj4fB5p2qrHCmTU/MQ==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    browser-resolve "^1.11.3"
-    chalk "^2.0.1"
-    jest-pnp-resolver "^1.2.1"
-    realpath-native "^1.1.0"
-
-jest-runner@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-24.9.0.tgz#574fafdbd54455c2b34b4bdf4365a23857fcdf42"
-  integrity sha512-KksJQyI3/0mhcfspnxxEOBueGrd5E4vV7ADQLT9ESaCzz02WnbdbKWIf5Mkaucoaj7obQckYPVX6JJhgUcoWWg==
-  dependencies:
-    "@jest/console" "^24.7.1"
-    "@jest/environment" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.4.2"
-    exit "^0.1.2"
-    graceful-fs "^4.1.15"
-    jest-config "^24.9.0"
-    jest-docblock "^24.3.0"
-    jest-haste-map "^24.9.0"
-    jest-jasmine2 "^24.9.0"
-    jest-leak-detector "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-resolve "^24.9.0"
-    jest-runtime "^24.9.0"
-    jest-util "^24.9.0"
-    jest-worker "^24.6.0"
-    source-map-support "^0.5.6"
-    throat "^4.0.0"
-
-jest-runtime@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-24.9.0.tgz#9f14583af6a4f7314a6a9d9f0226e1a781c8e4ac"
-  integrity sha512-8oNqgnmF3v2J6PVRM2Jfuj8oX3syKmaynlDMMKQ4iyzbQzIG6th5ub/lM2bCMTmoTKM3ykcUYI2Pw9xwNtjMnw==
-  dependencies:
-    "@jest/console" "^24.7.1"
-    "@jest/environment" "^24.9.0"
-    "@jest/source-map" "^24.3.0"
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    "@types/yargs" "^13.0.0"
-    chalk "^2.0.1"
-    exit "^0.1.2"
-    glob "^7.1.3"
-    graceful-fs "^4.1.15"
-    jest-config "^24.9.0"
-    jest-haste-map "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-mock "^24.9.0"
-    jest-regex-util "^24.3.0"
-    jest-resolve "^24.9.0"
-    jest-snapshot "^24.9.0"
-    jest-util "^24.9.0"
-    jest-validate "^24.9.0"
-    realpath-native "^1.1.0"
-    slash "^2.0.0"
-    strip-bom "^3.0.0"
-    yargs "^13.3.0"
-
-jest-serializer@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-24.9.0.tgz#e6d7d7ef96d31e8b9079a714754c5d5c58288e73"
-  integrity sha512-DxYipDr8OvfrKH3Kel6NdED3OXxjvxXZ1uIY2I9OFbGg+vUkkg7AGvi65qbhbWNPvDckXmzMPbK3u3HaDO49bQ==
-
-jest-snapshot@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-24.9.0.tgz#ec8e9ca4f2ec0c5c87ae8f925cf97497b0e951ba"
-  integrity sha512-uI/rszGSs73xCM0l+up7O7a40o90cnrk429LOiK3aeTvfC0HHmldbd81/B7Ix81KSFe1lwkbl7GnBGG4UfuDew==
-  dependencies:
-    "@babel/types" "^7.0.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
-    expect "^24.9.0"
-    jest-diff "^24.9.0"
-    jest-get-type "^24.9.0"
-    jest-matcher-utils "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-resolve "^24.9.0"
-    mkdirp "^0.5.1"
-    natural-compare "^1.4.0"
-    pretty-format "^24.9.0"
-    semver "^6.2.0"
-
-jest-util@^24.0.0, jest-util@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-24.9.0.tgz#7396814e48536d2e85a37de3e4c431d7cb140162"
-  integrity sha512-x+cZU8VRmOJxbA1K5oDBdxQmdq0OIdADarLxk0Mq+3XS4jgvhG/oKGWcIDCtPG0HgjxOYvF+ilPJQsAyXfbNOg==
-  dependencies:
-    "@jest/console" "^24.9.0"
-    "@jest/fake-timers" "^24.9.0"
-    "@jest/source-map" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    callsites "^3.0.0"
-    chalk "^2.0.1"
-    graceful-fs "^4.1.15"
-    is-ci "^2.0.0"
-    mkdirp "^0.5.1"
-    slash "^2.0.0"
-    source-map "^0.6.0"
-
-jest-validate@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-24.9.0.tgz#0775c55360d173cd854e40180756d4ff52def8ab"
-  integrity sha512-HPIt6C5ACwiqSiwi+OfSSHbK8sG7akG8eATl+IPKaeIjtPOeBUd/g3J7DghugzxrGjI93qS/+RPKe1H6PqvhRQ==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    camelcase "^5.3.1"
-    chalk "^2.0.1"
-    jest-get-type "^24.9.0"
-    leven "^3.1.0"
-    pretty-format "^24.9.0"
-
-jest-watcher@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-24.9.0.tgz#4b56e5d1ceff005f5b88e528dc9afc8dd4ed2b3b"
-  integrity sha512-+/fLOfKPXXYJDYlks62/4R4GoT+GU1tYZed99JSCOsmzkkF7727RqKrjNAxtfO4YpGv11wybgRvCjR73lK2GZw==
-  dependencies:
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    "@types/yargs" "^13.0.0"
-    ansi-escapes "^3.0.0"
-    chalk "^2.0.1"
-    jest-util "^24.9.0"
-    string-length "^2.0.0"
-
-jest-worker@^24.6.0, jest-worker@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
-  integrity sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==
-  dependencies:
-    merge-stream "^2.0.0"
-    supports-color "^6.1.0"
-
-jest-worker@^25.4.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-25.5.0.tgz#2611d071b79cea0f43ee57a3d118593ac1547db1"
-  integrity sha512-/dsSmUkIy5EBGfv/IjjqmFxrNAUpBERfGs1oHROyD7yxjG/w+t0GOJDX8O1k32ySmd7+a5IhnJU2qQFcJ4n1vw==
-  dependencies:
-    merge-stream "^2.0.0"
-    supports-color "^7.0.0"
-
-jest@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-24.9.0.tgz#987d290c05a08b52c56188c1002e368edb007171"
-  integrity sha512-YvkBL1Zm7d2B1+h5fHEOdyjCG+sGMz4f8D86/0HiqJ6MB4MnDc8FgP5vdWsGnemOQro7lnYo8UakZ3+5A0jxGw==
-  dependencies:
-    import-local "^2.0.0"
-    jest-cli "^24.9.0"
-
-js-base64@^2.1.9:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.5.2.tgz#313b6274dda718f714d00b3330bbae6e38e90209"
-  integrity sha512-Vg8czh0Q7sFBSUMWWArX/miJeBWYBPpdU/3M/DKSaekLMqrqVPaedp+5mZhie/r0lgrcaYBfwXatEew6gwgiQQ==
-
-"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.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.0.tgz#a7a34170f26a21bb162424d8adacb4113a69e482"
-  integrity sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
-jsbn@~0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
-  integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
-
-jsdom@^11.5.1:
-  version "11.12.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-11.12.0.tgz#1a80d40ddd378a1de59656e9e6dc5a3ba8657bc8"
-  integrity sha512-y8Px43oyiBM13Zc1z780FrfNLJCXTL40EWlty/LXUtcjykRBNgLlCjWXpfSPBl2iv+N7koQN+dvqszHZgT/Fjw==
-  dependencies:
-    abab "^2.0.0"
-    acorn "^5.5.3"
-    acorn-globals "^4.1.0"
-    array-equal "^1.0.0"
-    cssom ">= 0.3.2 < 0.4.0"
-    cssstyle "^1.0.0"
-    data-urls "^1.0.0"
-    domexception "^1.0.1"
-    escodegen "^1.9.1"
-    html-encoding-sniffer "^1.0.2"
-    left-pad "^1.3.0"
-    nwsapi "^2.0.7"
-    parse5 "4.0.0"
-    pn "^1.1.0"
-    request "^2.87.0"
-    request-promise-native "^1.0.5"
-    sax "^1.2.4"
-    symbol-tree "^3.2.2"
-    tough-cookie "^2.3.4"
-    w3c-hr-time "^1.0.1"
-    webidl-conversions "^4.0.2"
-    whatwg-encoding "^1.0.3"
-    whatwg-mimetype "^2.1.0"
-    whatwg-url "^6.4.1"
-    ws "^5.2.0"
-    xml-name-validator "^3.0.0"
-
-jsdom@^14.1.0:
-  version "14.1.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-14.1.0.tgz#916463b6094956b0a6c1782c94e380cd30e1981b"
-  integrity sha512-O901mfJSuTdwU2w3Sn+74T+RnDVP+FuV5fH8tcPWyqrseRAb0s5xOtPgCFiPOtLcyK7CLIJwPyD83ZqQWvA5ng==
-  dependencies:
-    abab "^2.0.0"
-    acorn "^6.0.4"
-    acorn-globals "^4.3.0"
-    array-equal "^1.0.0"
-    cssom "^0.3.4"
-    cssstyle "^1.1.1"
-    data-urls "^1.1.0"
-    domexception "^1.0.1"
-    escodegen "^1.11.0"
-    html-encoding-sniffer "^1.0.2"
-    nwsapi "^2.1.3"
-    parse5 "5.1.0"
-    pn "^1.1.0"
-    request "^2.88.0"
-    request-promise-native "^1.0.5"
-    saxes "^3.1.9"
-    symbol-tree "^3.2.2"
-    tough-cookie "^2.5.0"
-    w3c-hr-time "^1.0.1"
-    w3c-xmlserializer "^1.1.2"
-    webidl-conversions "^4.0.2"
-    whatwg-encoding "^1.0.5"
-    whatwg-mimetype "^2.3.0"
-    whatwg-url "^7.0.0"
-    ws "^6.1.2"
-    xml-name-validator "^3.0.0"
-
-jsesc@^2.5.1:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
-  integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
-
-jsesc@~0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
-  integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
-
-json-loader@^0.5.3:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/json-loader/-/json-loader-0.5.7.tgz#dca14a70235ff82f0ac9a3abeb60d337a365185d"
-  integrity sha512-QLPs8Dj7lnf3e3QYS1zkCo+4ZwqOiF9d/nZnYozTISxXWCfNs9yuky5rJw4/W34s7POaNlbZmQGaB5NiXCbP4w==
-
-json-parse-better-errors@^1.0.0, json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
-  integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
-
-json-schema-traverse@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
-  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
-
-json-schema@0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
-  integrity sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=
-
-json-stable-stringify-without-jsonify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
-  integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
-
-json-stringify-safe@~5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
-  integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
-
-json3@^3.3.2:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/json3/-/json3-3.3.3.tgz#7fc10e375fc5ae42c4705a5cc0aa6f62be305b81"
-  integrity sha512-c7/8mbUsKigAbLkD5B010BK4D9LZm7A1pNItkEwiUZRpIN66exu/e7YQWysGun+TRKaJp8MhemM+VkfWv42aCA==
-
-json5@^0.5.0:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
-  integrity sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=
-
-json5@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
-  integrity sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==
-  dependencies:
-    minimist "^1.2.0"
-
-json5@^2.1.2:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.1.3.tgz#c9b0f7fa9233bfe5807fe66fcf3a5617ed597d43"
-  integrity sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==
-  dependencies:
-    minimist "^1.2.5"
-
-jsonfile@^2.1.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-2.4.0.tgz#3736a2b428b87bbda0cc83b53fa3d633a35c2ae8"
-  integrity sha1-NzaitCi4e72gzIO1P6PWM6NcKug=
-  optionalDependencies:
-    graceful-fs "^4.1.6"
-
-jsprim@^1.2.2:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.1.tgz#313e66bc1e5cc06e438bc1b7499c2e5c56acb6a2"
-  integrity sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=
-  dependencies:
-    assert-plus "1.0.0"
-    extsprintf "1.3.0"
-    json-schema "0.2.3"
-    verror "1.10.0"
-
-jsrsasign@^9.1.5:
-  version "9.1.5"
-  resolved "https://registry.yarnpkg.com/jsrsasign/-/jsrsasign-9.1.5.tgz#fe286425d2c05b2d0865d24ded53e34b12abd2ca"
-  integrity sha512-iJLF8FvZHlwyQudrRtQomHj1HdPAcM8QSRTt0FJo8a6iFgaGCpKUrE7lWyELpAjrFs8jUC/Azc0vfhlj3yqHPQ==
-
-jsx-ast-utils@^2.2.3:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-2.3.0.tgz#edd727794ea284d7fda575015ed1b0cde0289ab6"
-  integrity sha512-3HNoc7nZ1hpZIKB3hJ7BlFRkzCx2BynRtfSwbkqZdpRdvAPsGMnzclPwrvDBS7/lalHTj21NwIeaEpysHBOudg==
-  dependencies:
-    array-includes "^3.1.1"
-    object.assign "^4.1.0"
-
-jsx-ast-utils@^2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-2.4.1.tgz#1114a4c1209481db06c690c2b4f488cc665f657e"
-  integrity sha512-z1xSldJ6imESSzOjd3NNkieVJKRlKYSOtMG8SFyCj2FIrvSaSuli/WjpBkEzCBoR9bYYYFgqJw61Xhu7Lcgk+w==
-  dependencies:
-    array-includes "^3.1.1"
-    object.assign "^4.1.0"
-
-killable@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/killable/-/killable-1.0.1.tgz#4c8ce441187a061c7474fb87ca08e2a638194892"
-  integrity sha512-LzqtLKlUwirEUyl/nicirVmNiPvYs7l5n8wOPP7fyJVpUPkvCnW/vuiXGpylGUlnPDnB7311rARzAt3Mhswpjg==
-
-kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
-  integrity sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=
-  dependencies:
-    is-buffer "^1.1.5"
-
-kind-of@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-4.0.0.tgz#20813df3d712928b207378691a45066fae72dd57"
-  integrity sha1-IIE989cSkosgc3hpGkUGb65y3Vc=
-  dependencies:
-    is-buffer "^1.1.5"
-
-kind-of@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-5.1.0.tgz#729c91e2d857b7a419a1f9aa65685c4c33f5845d"
-  integrity sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==
-
-kind-of@^6.0.0, kind-of@^6.0.2:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
-  integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
-
-klaw@^1.0.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/klaw/-/klaw-1.3.1.tgz#4088433b46b3b1ba259d78785d8e96f73ba02439"
-  integrity sha1-QIhDO0azsbolnXh4XY6W9zugJDk=
-  optionalDependencies:
-    graceful-fs "^4.1.9"
-
-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==
-
-known-css-properties@^0.17.0:
-  version "0.17.0"
-  resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.17.0.tgz#1c535f530ee8e9e3e27bb6a718285780e1d07326"
-  integrity sha512-Vi3nxDGMm/z+lAaCjvAR1u+7fiv+sG6gU/iYDj5QOF8h76ytK9EW/EKfF0NeTyiGBi8Jy6Hklty/vxISrLox3w==
-
-last-call-webpack-plugin@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/last-call-webpack-plugin/-/last-call-webpack-plugin-3.0.0.tgz#9742df0e10e3cf46e5c0381c2de90d3a7a2d7555"
-  integrity sha512-7KI2l2GIZa9p2spzPIVZBYyNKkN+e/SQPpnjlTiPhdbDW3F86tdKKELxKpzJ5sgU19wQWsACULZmpTPYHeWO5w==
-  dependencies:
-    lodash "^4.17.5"
-    webpack-sources "^1.1.0"
-
-lcid@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/lcid/-/lcid-2.0.0.tgz#6ef5d2df60e52f82eb228a4c373e8d1f397253cf"
-  integrity sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==
-  dependencies:
-    invert-kv "^2.0.0"
-
-left-pad@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/left-pad/-/left-pad-1.3.0.tgz#5b8a3a7765dfe001261dde915589e782f8c94d1e"
-  integrity sha512-XI5MPzVNApjAyhQzphX8BkmKsKUxD4LdyK24iZeQGinBN9yTQT3bFlCBy/aVx2HrNcqQGsdot8ghrjyrvMCoEA==
-
-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==
-
-levenary@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/levenary/-/levenary-1.1.1.tgz#842a9ee98d2075aa7faeedbe32679e9205f46f77"
-  integrity sha512-mkAdOIt79FD6irqjYSs4rdbnlT5vRonMEvBVPVb3XmevfS8kgRXwfes0dhPdEtzTWD/1eNE/Bm/G1iRt6DcnQQ==
-  dependencies:
-    leven "^3.1.0"
-
-levn@^0.3.0, levn@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=
-  dependencies:
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-
-levn@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
-  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
-  dependencies:
-    prelude-ls "^1.2.1"
-    type-check "~0.4.0"
-
-lines-and-columns@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
-  integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
-
-linkify-it@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-2.2.0.tgz#e3b54697e78bf915c70a38acd78fd09e0058b1cf"
-  integrity sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==
-  dependencies:
-    uc.micro "^1.0.1"
-
-linkifyjs@^2.1.9:
-  version "2.1.9"
-  resolved "https://registry.yarnpkg.com/linkifyjs/-/linkifyjs-2.1.9.tgz#af06e45a2866ff06c4766582590d098a4d584702"
-  integrity sha512-74ivurkK6WHvHFozVaGtQWV38FzBwSTGNmJolEgFp7QgR2bl6ArUWlvT4GcHKbPe1z3nWYi+VUdDZk16zDOVug==
-
-load-json-file@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"
-  integrity sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=
-  dependencies:
-    graceful-fs "^4.1.2"
-    parse-json "^2.2.0"
-    pify "^2.0.0"
-    strip-bom "^3.0.0"
-
-load-json-file@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
-  integrity sha1-L19Fq5HjMhYjT9U62rZo607AmTs=
-  dependencies:
-    graceful-fs "^4.1.2"
-    parse-json "^4.0.0"
-    pify "^3.0.0"
-    strip-bom "^3.0.0"
-
-loader-runner@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
-  integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
-
-loader-utils@1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.2.3.tgz#1ff5dc6911c9f0a062531a4c04b609406108c2c7"
-  integrity sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^2.0.0"
-    json5 "^1.0.1"
-
-loader-utils@^0.2.16:
-  version "0.2.17"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
-  integrity sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=
-  dependencies:
-    big.js "^3.1.3"
-    emojis-list "^2.0.0"
-    json5 "^0.5.0"
-    object-assign "^4.0.1"
-
-loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
-  integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^1.0.1"
-
-locate-path@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
-  integrity sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=
-  dependencies:
-    p-locate "^2.0.0"
-    path-exists "^3.0.0"
-
-locate-path@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
-  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
-  dependencies:
-    p-locate "^3.0.0"
-    path-exists "^3.0.0"
-
-locate-path@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
-  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
-  dependencies:
-    p-locate "^4.1.0"
-
-lodash-es@^4.2.1:
-  version "4.17.15"
-  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.15.tgz#21bd96839354412f23d7a10340e5eac6ee455d78"
-  integrity sha512-rlrc3yU3+JNOpZ9zj5pQtxnx2THmvRykwL4Xlxoa8I9lHBlVbbyPhgyPMioxVZ4NqyxaVVtaJnzsyOidQIhyyQ==
-
-lodash._reinterpolate@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
-  integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
-
-lodash.memoize@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
-  integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
-
-lodash.sortby@^4.7.0:
-  version "4.7.0"
-  resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
-  integrity sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=
-
-lodash.template@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-4.5.0.tgz#f976195cf3f347d0d5f52483569fe8031ccce8ab"
-  integrity sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==
-  dependencies:
-    lodash._reinterpolate "^3.0.0"
-    lodash.templatesettings "^4.0.0"
-
-lodash.templatesettings@^4.0.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz#e481310f049d3cf6d47e912ad09313b154f0fb33"
-  integrity sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==
-  dependencies:
-    lodash._reinterpolate "^3.0.0"
-
-lodash.uniq@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
-  integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
-
-lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.16, lodash@^4.17.19, lodash@^4.17.3, lodash@^4.17.5, lodash@^4.2.1:
-  version "4.17.19"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
-  integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
-
-log-symbols@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-2.2.0.tgz#5740e1c5d6f0dfda4ad9323b5332107ef6b4c40a"
-  integrity sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==
-  dependencies:
-    chalk "^2.0.1"
-
-log-symbols@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-3.0.0.tgz#f3a08516a5dea893336a7dee14d18a1cfdab77c4"
-  integrity sha512-dSkNGuI7iG3mfvDzUuYZyvk5dD9ocYCYzNU6CYDE6+Xqd+gwme6Z00NS3dUh8mq/73HaEtT7m6W+yUPtU6BZnQ==
-  dependencies:
-    chalk "^2.4.2"
-
-loglevel@^1.6.4, loglevel@^1.6.8:
-  version "1.6.8"
-  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.6.8.tgz#8a25fb75d092230ecd4457270d80b54e28011171"
-  integrity sha512-bsU7+gc9AJ2SqpzxwU3+1fedl8zAntbtC5XYlt3s2j1hJcn2PsXSmgN8TaLG/J1/2mod4+cE/3vNL70/c1RNCA==
-
-longest-streak@^2.0.1:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.4.tgz#b8599957da5b5dab64dee3fe316fa774597d90e4"
-  integrity sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg==
-
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1, 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"
-
-loud-rejection@^1.0.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/loud-rejection/-/loud-rejection-1.6.0.tgz#5b46f80147edee578870f086d04821cf998e551f"
-  integrity sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=
-  dependencies:
-    currently-unhandled "^0.4.1"
-    signal-exit "^3.0.0"
-
-lower-case@^1.1.1:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
-  integrity sha1-miyr0bno4K6ZOkv31YdcOcQujqw=
-
-lru-cache@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
-  integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
-  dependencies:
-    yallist "^3.0.2"
-
-make-dir@^2.0.0, make-dir@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
-  integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
-  dependencies:
-    pify "^4.0.1"
-    semver "^5.6.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-fetch-happen@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-5.0.0.tgz#a8e3fe41d3415dd656fe7b8e8172e1fb4458b38d"
-  integrity sha512-nFr/vpL1Jc60etMVKeaLOqfGjMMb3tAHFVJWxHOFCFS04Zmd7kGlMxo0l1tzfhoQje0/UPnd0X8OeGUiXXnfPA==
-  dependencies:
-    agentkeepalive "^3.4.1"
-    cacache "^12.0.0"
-    http-cache-semantics "^3.8.1"
-    http-proxy-agent "^2.1.0"
-    https-proxy-agent "^2.2.1"
-    lru-cache "^5.1.1"
-    mississippi "^3.0.0"
-    node-fetch-npm "^2.0.2"
-    promise-retry "^1.1.1"
-    socks-proxy-agent "^4.0.0"
-    ssri "^6.0.0"
-
-makeerror@1.0.x:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
-  integrity sha1-4BpckQnyr3lmDk6LlYd5AYT1qWw=
-  dependencies:
-    tmpl "1.0.x"
-
-map-age-cleaner@^0.1.1:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz#7d583a7306434c055fe474b0f45078e6e1b4b92a"
-  integrity sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==
-  dependencies:
-    p-defer "^1.0.0"
-
-map-cache@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
-  integrity sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=
-
-map-obj@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
-  integrity sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=
-
-map-obj@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-2.0.0.tgz#a65cd29087a92598b8791257a523e021222ac1f9"
-  integrity sha1-plzSkIepJZi4eRJXpSPgISIqwfk=
-
-map-visit@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/map-visit/-/map-visit-1.0.0.tgz#ecdca8f13144e660f1b5bd41f12f3479d98dfb8f"
-  integrity sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=
-  dependencies:
-    object-visit "^1.0.0"
-
-markdown-escapes@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/markdown-escapes/-/markdown-escapes-1.0.4.tgz#c95415ef451499d7602b91095f3c8e8975f78535"
-  integrity sha512-8z4efJYk43E0upd0NbVXwgSTQs6cT3T06etieCMEg7dRbzCbxUCK/GHlX8mhHRDcp+OLlHkPKsvqQTCvsRl2cg==
-
-markdown-it@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-10.0.0.tgz#abfc64f141b1722d663402044e43927f1f50a8dc"
-  integrity sha512-YWOP1j7UbDNz+TumYP1kpwnP0aEa711cJjrAQrzd0UXlbJfc5aAq0F/PZHjiioqDC1NKgvIMX+o+9Bk7yuM2dg==
-  dependencies:
-    argparse "^1.0.7"
-    entities "~2.0.0"
-    linkify-it "^2.0.0"
-    mdurl "^1.0.1"
-    uc.micro "^1.0.5"
-
-markdown-table@^1.1.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-1.1.3.tgz#9fcb69bcfdb8717bfd0398c6ec2d93036ef8de60"
-  integrity sha512-1RUZVgQlpJSPWYbFSpmudq5nHY1doEIv89gBtF0s4gW1GF2XorxcA/70M5vq7rLv0a6mhOUccRsqkwhwLCIQ2Q==
-
-math-random@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/math-random/-/math-random-1.0.4.tgz#5dd6943c938548267016d4e34f057583080c514c"
-  integrity sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==
-
-mathml-tag-names@^2.1.1:
-  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==
-
-"matrix-js-sdk@github:matrix-org/matrix-js-sdk#develop":
-  version "8.2.0"
-  resolved "https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/c6992e2056901502af19e40ba0d1103c4c1f61ed"
-  dependencies:
-    "@babel/runtime" "^7.8.3"
-    another-json "^0.2.0"
-    browser-request "^0.3.3"
-    bs58 "^4.0.1"
-    content-type "^1.0.2"
-    loglevel "^1.6.4"
-    qs "^6.5.2"
-    request "^2.88.0"
-    unhomoglyph "^1.0.2"
-
-matrix-mock-request@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/matrix-mock-request/-/matrix-mock-request-1.2.3.tgz#56b15d86e2601a9b48a854844396d18caab649c8"
-  integrity sha512-Tr7LDHweTW8Ql4C8XhGQFGMzuh+HmPjOcQqrHH1qfSesq0cwdPWanvdnllNjeHoAMcZ43HpMFMzFZfNW1/6HYg==
-  dependencies:
-    bluebird "^3.5.0"
-    expect "^1.20.2"
-
-"matrix-react-sdk@github:matrix-org/matrix-react-sdk#develop":
-  version "3.3.0"
-  resolved "https://codeload.github.com/matrix-org/matrix-react-sdk/tar.gz/0d290c9bd2604343610e1fc3b17bbdb941ad2ad6"
-  dependencies:
-    "@babel/runtime" "^7.10.5"
-    await-lock "^2.0.1"
-    blueimp-canvas-to-blob "^3.27.0"
-    browser-encrypt-attachment "^0.3.0"
-    browser-request "^0.3.3"
-    classnames "^2.2.6"
-    commonmark "^0.29.1"
-    counterpart "^0.18.6"
-    create-react-class "^15.6.3"
-    diff-dom "^4.1.6"
-    diff-match-patch "^1.0.5"
-    emojibase-data "^5.0.1"
-    emojibase-regex "^4.0.1"
-    escape-html "^1.0.3"
-    file-saver "^1.3.8"
-    filesize "3.6.1"
-    flux "2.1.1"
-    focus-visible "^5.1.0"
-    fuse.js "^2.7.4"
-    gfm.css "^1.1.2"
-    glob-to-regexp "^0.4.1"
-    highlight.js "^10.1.2"
-    html-entities "^1.3.1"
-    is-ip "^2.0.0"
-    linkifyjs "^2.1.9"
-    lodash "^4.17.19"
-    matrix-js-sdk "github:matrix-org/matrix-js-sdk#develop"
-    minimist "^1.2.5"
-    pako "^1.0.11"
-    parse5 "^5.1.1"
-    png-chunks-extract "^1.0.0"
-    project-name-generator "^2.1.7"
-    prop-types "^15.7.2"
-    qrcode "^1.4.4"
-    qs "^6.9.4"
-    re-resizable "^6.5.4"
-    react "^16.13.1"
-    react-beautiful-dnd "^4.0.1"
-    react-dom "^16.13.1"
-    react-focus-lock "^2.4.1"
-    react-transition-group "^4.4.1"
-    resize-observer-polyfill "^1.5.1"
-    sanitize-html "^1.27.1"
-    tar-js "^0.3.0"
-    text-encoding-utf-8 "^1.0.2"
-    url "^0.11.0"
-    velocity-animate "^1.5.2"
-    what-input "^5.2.10"
-    zxcvbn "^4.4.2"
-
-matrix-react-test-utils@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/matrix-react-test-utils/-/matrix-react-test-utils-0.2.2.tgz#c87144d3b910c7edc544a6699d13c7c2bf02f853"
-  integrity sha512-49+7gfV6smvBIVbeloql+37IeWMTD+fiywalwCqk8Dnz53zAFjKSltB3rmWHso1uecLtQEcPtCijfhzcLXAxTQ==
-
-md5.js@^1.3.4:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
-  integrity sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
-mdast-util-compact@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/mdast-util-compact/-/mdast-util-compact-1.0.4.tgz#d531bb7667b5123abf20859be086c4d06c894593"
-  integrity sha512-3YDMQHI5vRiS2uygEFYaqckibpJtKq5Sj2c8JioeOQBU6INpKbdWzfyLqFFnDwEcEnRFIdMsguzs5pC1Jp4Isg==
-  dependencies:
-    unist-util-visit "^1.1.0"
-
-mdn-data@2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
-  integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==
-
-mdn-data@2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.6.tgz#852dc60fcaa5daa2e8cf6c9189c440ed3e042978"
-  integrity sha512-rQvjv71olwNHgiTbfPZFkJtjNMciWgswYeciZhtvWLO8bmX3TnhyA62I6sTWOyZssWHJJjY6/KiWwqQsWWsqOA==
-
-mdurl@^1.0.1, mdurl@~1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
-  integrity sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=
-
-media-typer@0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
-  integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
-
-mem@^4.0.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/mem/-/mem-4.3.0.tgz#461af497bc4ae09608cdb2e60eefb69bff744178"
-  integrity sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==
-  dependencies:
-    map-age-cleaner "^0.1.1"
-    mimic-fn "^2.0.0"
-    p-is-promise "^2.0.0"
-
-memoize-one@^3.0.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-3.1.1.tgz#ef609811e3bc28970eac2884eece64d167830d17"
-  integrity sha512-YqVh744GsMlZu6xkhGslPSqSurOv6P+kLN2J3ysBZfagLcL5FdRK/0UpgLoL8hwjjEvvAVkjJZyFP+1T6p1vgA==
-
-memory-fs@^0.4.0, memory-fs@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
-  integrity sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=
-  dependencies:
-    errno "^0.1.3"
-    readable-stream "^2.0.1"
-
-memory-fs@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.5.0.tgz#324c01288b88652966d161db77838720845a8e3c"
-  integrity sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==
-  dependencies:
-    errno "^0.1.3"
-    readable-stream "^2.0.1"
-
-meow@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/meow/-/meow-5.0.0.tgz#dfc73d63a9afc714a5e371760eb5c88b91078aa4"
-  integrity sha512-CbTqYU17ABaLefO8vCU153ZZlprKYWDljcndKKDCFcYQITzWCXZAVk4QMFZPgvzrnUQ3uItnIE/LoUOwrT15Ig==
-  dependencies:
-    camelcase-keys "^4.0.0"
-    decamelize-keys "^1.0.0"
-    loud-rejection "^1.0.0"
-    minimist-options "^3.0.1"
-    normalize-package-data "^2.3.4"
-    read-pkg-up "^3.0.0"
-    redent "^2.0.0"
-    trim-newlines "^2.0.0"
-    yargs-parser "^10.0.0"
-
-merge-descriptors@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
-  integrity sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=
-
-merge-stream@^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==
-
-merge2@^1.2.3:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
-  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
-
-methods@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
-  integrity sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=
-
-micromatch@^2.1.5:
-  version "2.3.11"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565"
-  integrity sha1-hmd8l9FyCzY0MdBNDRUpO9OMFWU=
-  dependencies:
-    arr-diff "^2.0.0"
-    array-unique "^0.2.1"
-    braces "^1.8.2"
-    expand-brackets "^0.1.4"
-    extglob "^0.3.1"
-    filename-regex "^2.0.0"
-    is-extglob "^1.0.0"
-    is-glob "^2.0.1"
-    kind-of "^3.0.2"
-    normalize-path "^2.0.1"
-    object.omit "^2.0.0"
-    parse-glob "^3.0.4"
-    regex-cache "^0.4.2"
-
-micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4:
-  version "3.1.10"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
-  integrity sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==
-  dependencies:
-    arr-diff "^4.0.0"
-    array-unique "^0.3.2"
-    braces "^2.3.1"
-    define-property "^2.0.2"
-    extend-shallow "^3.0.2"
-    extglob "^2.0.4"
-    fragment-cache "^0.2.1"
-    kind-of "^6.0.2"
-    nanomatch "^1.2.9"
-    object.pick "^1.3.0"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.2"
-
-micromatch@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259"
-  integrity sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==
-  dependencies:
-    braces "^3.0.1"
-    picomatch "^2.0.5"
-
-miller-rabin@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
-  integrity sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==
-  dependencies:
-    bn.js "^4.0.0"
-    brorand "^1.0.1"
-
-mime-db@1.44.0, "mime-db@>= 1.43.0 < 2":
-  version "1.44.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.44.0.tgz#fa11c5eb0aca1334b4233cb4d52f10c5a6272f92"
-  integrity sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==
-
-mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:
-  version "2.1.27"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.27.tgz#47949f98e279ea53119f5722e0f34e529bec009f"
-  integrity sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==
-  dependencies:
-    mime-db "1.44.0"
-
-mime@1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
-  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
-
-mime@^2.4.4:
-  version "2.4.6"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-2.4.6.tgz#e5b407c90db442f2beb5b162373d07b69affa4d1"
-  integrity sha512-RZKhC3EmpBchfTGBVb8fb+RL2cWyw/32lshnsETttkBAyAUXSGHxbEJWWRXc751DrIxG1q04b8QwMbAwkRPpUA==
-
-mimic-fn@^2.0.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-response@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-2.1.0.tgz#d13763d35f613d09ec37ebb30bac0469c0ee8f43"
-  integrity sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==
-
-mini-css-extract-plugin@^0.8.0:
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-0.8.2.tgz#a875e169beb27c88af77dd962771c9eedc3da161"
-  integrity sha512-a3Y4of27Wz+mqK3qrcd3VhYz6cU0iW5x3Sgvqzbj+XmlrSizmvu8QQMl5oMYJjgHOC4iyt+w7l4umP+dQeW3bw==
-  dependencies:
-    loader-utils "^1.1.0"
-    normalize-url "1.9.1"
-    schema-utils "^1.0.0"
-    webpack-sources "^1.1.0"
-
-minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
-  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
-
-minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
-  integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
-
-minimatch@^3.0.2, minimatch@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
-  integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
-  dependencies:
-    brace-expansion "^1.1.7"
-
-minimist-options@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-3.0.2.tgz#fba4c8191339e13ecf4d61beb03f070103f3d954"
-  integrity sha512-FyBrT/d0d4+uiZRbqznPXqw3IpZZG3gl3wKWiX784FycUKVwBt0uLBFkQrtE4tZOrgo78nZp2jnKz3L65T5LdQ==
-  dependencies:
-    arrify "^1.0.1"
-    is-plain-obj "^1.1.0"
-
-minimist@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
-  integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
-
-minimist@^1.1.0, minimist@^1.1.1, minimist@^1.2.0, minimist@^1.2.5, minimist@~1.2.0:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
-  integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
-
-minipass-collect@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/minipass-collect/-/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617"
-  integrity sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==
-  dependencies:
-    minipass "^3.0.0"
-
-minipass-flush@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/minipass-flush/-/minipass-flush-1.0.5.tgz#82e7135d7e89a50ffe64610a787953c4c4cbb373"
-  integrity sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==
-  dependencies:
-    minipass "^3.0.0"
-
-minipass-pipeline@^1.2.2:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/minipass-pipeline/-/minipass-pipeline-1.2.3.tgz#55f7839307d74859d6e8ada9c3ebe72cec216a34"
-  integrity sha512-cFOknTvng5vqnwOpDsZTWhNll6Jf8o2x+/diplafmxpuIymAjzoOolZG0VvQf3V2HgqzJNhnuKHYp2BqDgz8IQ==
-  dependencies:
-    minipass "^3.0.0"
-
-minipass@^2.6.0, minipass@^2.8.6, minipass@^2.9.0:
-  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.9.0.tgz#e713762e7d3e32fed803115cf93e04bca9fcc9a6"
-  integrity sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==
-  dependencies:
-    safe-buffer "^5.1.2"
-    yallist "^3.0.0"
-
-minipass@^3.0.0, minipass@^3.1.1:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.1.3.tgz#7d42ff1f39635482e15f9cdb53184deebd5815fd"
-  integrity sha512-Mgd2GdMVzY+x3IJ+oHnVM+KG3lA5c8tnabyJKmHSaG2kAGpudxuOf8ToDkhumF7UzME7DecbQE9uOZhNm7PuJg==
-  dependencies:
-    yallist "^4.0.0"
-
-minizlib@^1.2.1:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-1.3.3.tgz#2290de96818a34c29551c8a8d301216bd65a861d"
-  integrity sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==
-  dependencies:
-    minipass "^2.9.0"
-
-mississippi@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-3.0.0.tgz#ea0a3291f97e0b5e8776b363d5f0a12d94c67022"
-  integrity sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==
-  dependencies:
-    concat-stream "^1.5.0"
-    duplexify "^3.4.2"
-    end-of-stream "^1.1.0"
-    flush-write-stream "^1.0.0"
-    from2 "^2.1.0"
-    parallel-transform "^1.1.0"
-    pump "^3.0.0"
-    pumpify "^1.3.3"
-    stream-each "^1.1.0"
-    through2 "^2.0.0"
-
-mixin-deep@^1.2.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
-  integrity sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==
-  dependencies:
-    for-in "^1.0.2"
-    is-extendable "^1.0.1"
-
-mkdirp@0.5.5, mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
-  integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
-  dependencies:
-    minimist "^1.2.5"
-
-modernizr@^3.6.0:
-  version "3.11.2"
-  resolved "https://registry.yarnpkg.com/modernizr/-/modernizr-3.11.2.tgz#12410de335b79c4c02a19edfefd1bfca6896429b"
-  integrity sha512-sx262pafYJP1YPrPlMA4a+9WX5cQjvwp39213YNAqv1LZ4rHASFeNIEyLN+a5/F8/1yJR4ic/4wRFVsbK64TUQ==
-  dependencies:
-    doctrine "^3.0.0"
-    file "^0.2.2"
-    lodash "^4.17.15"
-    markdown-it "^10.0.0"
-    mkdirp "0.5.5"
-    requirejs "^2.3.6"
-    yargs "^15.3.1"
-
-move-concurrently@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
-  integrity sha1-viwAX9oy4LKa8fBdfEszIUxwH5I=
-  dependencies:
-    aproba "^1.1.1"
-    copy-concurrently "^1.0.0"
-    fs-write-stream-atomic "^1.0.8"
-    mkdirp "^0.5.1"
-    rimraf "^2.5.4"
-    run-queue "^1.0.3"
-
-ms@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
-  integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
-
-ms@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
-  integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==
-
-ms@^2.0.0, ms@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
-  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
-
-multicast-dns-service-types@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz#899f11d9686e5e05cb91b35d5f0e63b773cfc901"
-  integrity sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=
-
-multicast-dns@^6.0.1:
-  version "6.2.3"
-  resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-6.2.3.tgz#a0ec7bd9055c4282f790c3c82f4e28db3b31b229"
-  integrity sha512-ji6J5enbMyGRHIAkAOu3WdV8nggqviKCEKtXcOqfphZZtQrmHKycfynJ2V7eVPUA4NhJ6V7Wf4TmGbTwKE9B6g==
-  dependencies:
-    dns-packet "^1.3.1"
-    thunky "^1.0.2"
-
-mute-stream@0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
-  integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
-
-nan@^2.12.1, nan@^2.14.0:
-  version "2.14.1"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.1.tgz#d7be34dfa3105b91494c3147089315eff8874b01"
-  integrity sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw==
-
-nanomatch@^1.2.9:
-  version "1.2.13"
-  resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
-  integrity sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==
-  dependencies:
-    arr-diff "^4.0.0"
-    array-unique "^0.3.2"
-    define-property "^2.0.2"
-    extend-shallow "^3.0.2"
-    fragment-cache "^0.2.1"
-    is-windows "^1.0.2"
-    kind-of "^6.0.2"
-    object.pick "^1.3.0"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.1"
-
-natural-compare@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
-  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
-
-needle@^2.2.1:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/needle/-/needle-2.5.0.tgz#e6fc4b3cc6c25caed7554bd613a5cf0bac8c31c0"
-  integrity sha512-o/qITSDR0JCyCKEQ1/1bnUXMmznxabbwi/Y4WwJElf+evwJNFNwIDMCCt5IigFVxgeGBJESLohGtIS9gEzo1fA==
-  dependencies:
-    debug "^3.2.6"
-    iconv-lite "^0.4.4"
-    sax "^1.2.4"
-
-negotiator@0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
-  integrity sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==
-
-neo-async@^2.5.0, neo-async@^2.6.1:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.1.tgz#ac27ada66167fa8849a6addd837f6b189ad2081c"
-  integrity sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw==
-
-nice-try@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
-  integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
-
-no-case@^2.2.0:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/no-case/-/no-case-2.3.2.tgz#60b813396be39b3f1288a4c1ed5d1e7d28b464ac"
-  integrity sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==
-  dependencies:
-    lower-case "^1.1.1"
-
-node-fetch-npm@^2.0.2:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/node-fetch-npm/-/node-fetch-npm-2.0.4.tgz#6507d0e17a9ec0be3bec516958a497cec54bf5a4"
-  integrity sha512-iOuIQDWDyjhv9qSDrj9aq/klt6F9z1p2otB3AV7v3zBDcL/x+OfGsvGQZZCcMZbUf4Ujw1xGNQkjvGnVT22cKg==
-  dependencies:
-    encoding "^0.1.11"
-    json-parse-better-errors "^1.0.0"
-    safe-buffer "^5.1.1"
-
-node-fetch@^1.0.1:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
-  integrity sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==
-  dependencies:
-    encoding "^0.1.11"
-    is-stream "^1.0.1"
-
-node-fetch@^2.6.0:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.0.tgz#e633456386d4aa55863f676a7ab0daa8fdecb0fd"
-  integrity sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA==
-
-node-forge@0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.9.0.tgz#d624050edbb44874adca12bb9a52ec63cb782579"
-  integrity sha512-7ASaDa3pD+lJ3WvXFsxekJQelBKRpne+GOVbLbtHYdd7pFspyeuJHnWfLplGf3SwKGbfs/aYl5V/JCIaHVUKKQ==
-
-node-int64@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
-  integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=
-
-node-libs-browser@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.2.1.tgz#b64f513d18338625f90346d27b0d235e631f6425"
-  integrity sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==
-  dependencies:
-    assert "^1.1.1"
-    browserify-zlib "^0.2.0"
-    buffer "^4.3.0"
-    console-browserify "^1.1.0"
-    constants-browserify "^1.0.0"
-    crypto-browserify "^3.11.0"
-    domain-browser "^1.1.1"
-    events "^3.0.0"
-    https-browserify "^1.0.0"
-    os-browserify "^0.3.0"
-    path-browserify "0.0.1"
-    process "^0.11.10"
-    punycode "^1.2.4"
-    querystring-es3 "^0.2.0"
-    readable-stream "^2.3.3"
-    stream-browserify "^2.0.1"
-    stream-http "^2.7.2"
-    string_decoder "^1.0.0"
-    timers-browserify "^2.0.4"
-    tty-browserify "0.0.0"
-    url "^0.11.0"
-    util "^0.11.0"
-    vm-browserify "^1.0.1"
-
-node-modules-regexp@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
-  integrity sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=
-
-node-notifier@^5.4.2:
-  version "5.4.3"
-  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.4.3.tgz#cb72daf94c93904098e28b9c590fd866e464bd50"
-  integrity sha512-M4UBGcs4jeOK9CjTsYwkvH6/MzuUmGCyTW+kCY7uO+1ZVr0+FHGdPdIf5CCLqAaxnRrWidyoQlNkMIIVwbKB8Q==
-  dependencies:
-    growly "^1.3.0"
-    is-wsl "^1.1.0"
-    semver "^5.5.0"
-    shellwords "^0.1.1"
-    which "^1.3.0"
-
-node-pre-gyp@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.11.0.tgz#db1f33215272f692cd38f03238e3e9b47c5dd054"
-  integrity sha512-TwWAOZb0j7e9eGaf9esRx3ZcLaE5tQ2lvYy1pb5IAaG1a2e2Kv5Lms1Y4hpj+ciXJRofIxxlt5haeQ/2ANeE0Q==
-  dependencies:
-    detect-libc "^1.0.2"
-    mkdirp "^0.5.1"
-    needle "^2.2.1"
-    nopt "^4.0.1"
-    npm-packlist "^1.1.6"
-    npmlog "^4.0.2"
-    rc "^1.2.7"
-    rimraf "^2.6.1"
-    semver "^5.3.0"
-    tar "^4"
-
-node-releases@^1.1.53:
-  version "1.1.58"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.58.tgz#8ee20eef30fa60e52755fcc0942def5a734fe935"
-  integrity sha512-NxBudgVKiRh/2aPWMgPR7bPTX0VPmGx5QBwCtdHitnqFE5/O8DeBXuIMH1nwNnw/aMo6AjOrpsHzfY3UbUJ7yg==
-
-nopt@^4.0.1:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.3.tgz#a375cad9d02fd921278d954c2254d5aa57e15e48"
-  integrity sha512-CvaGwVMztSMJLOeXPrez7fyfObdZqNUK1cPAEzLHrTybIua9pMdmmPR5YwtfNftIOMv3DPUhFaxsZMNTQO20Kg==
-  dependencies:
-    abbrev "1"
-    osenv "^0.1.4"
-
-normalize-package-data@^2.3.2, normalize-package-data@^2.3.4:
-  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@^2.0.0, normalize-path@^2.0.1, normalize-path@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
-  integrity sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=
-  dependencies:
-    remove-trailing-separator "^1.0.1"
-
-normalize-path@^3.0.0, 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==
-
-normalize-range@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-  integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=
-
-normalize-selector@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/normalize-selector/-/normalize-selector-0.2.0.tgz#d0b145eb691189c63a78d201dc4fdb1293ef0c03"
-  integrity sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=
-
-normalize-url@1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-1.9.1.tgz#2cc0d66b31ea23036458436e3620d85954c66c3c"
-  integrity sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=
-  dependencies:
-    object-assign "^4.0.1"
-    prepend-http "^1.0.0"
-    query-string "^4.1.0"
-    sort-keys "^1.0.0"
-
-normalize-url@^3.0.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
-  integrity sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==
-
-npm-bundled@^1.0.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.1.1.tgz#1edd570865a94cdb1bc8220775e29466c9fb234b"
-  integrity sha512-gqkfgGePhTpAEgUsGEgcq1rqPXA+tv/aVBlgEzfXwA1yiUJF7xtEt3CtVwOjNYQOVknDk0F20w58Fnm3EtG0fA==
-  dependencies:
-    npm-normalize-package-bin "^1.0.1"
-
-npm-normalize-package-bin@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz#6e79a41f23fd235c0623218228da7d9c23b8f6e2"
-  integrity sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==
-
-npm-packlist@^1.1.6:
-  version "1.4.8"
-  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-1.4.8.tgz#56ee6cc135b9f98ad3d51c1c95da22bbb9b2ef3e"
-  integrity sha512-5+AZgwru5IevF5ZdnFglB5wNlHG1AOOuw28WhUq8/8emhBmLv6jX5by4WJCh7lW0uSYZYS6DXqIsyZVIXRZU9A==
-  dependencies:
-    ignore-walk "^3.0.1"
-    npm-bundled "^1.0.1"
-    npm-normalize-package-bin "^1.0.1"
-
-npm-run-path@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
-  integrity sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=
-  dependencies:
-    path-key "^2.0.0"
-
-npmlog@^4.0.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
-  integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
-  dependencies:
-    are-we-there-yet "~1.1.2"
-    console-control-strings "~1.1.0"
-    gauge "~2.7.3"
-    set-blocking "~2.0.0"
-
-nth-check@^1.0.2, nth-check@~1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
-  integrity sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==
-  dependencies:
-    boolbase "~1.0.0"
-
-num2fraction@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
-  integrity sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=
-
-number-is-nan@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
-  integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
-
-nwsapi@^2.0.7, nwsapi@^2.1.3:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
-  integrity sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==
-
-oauth-sign@~0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
-  integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
-
-object-assign@^4.0.1, object-assign@^4.1.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 sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
-
-object-copy@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/object-copy/-/object-copy-0.1.0.tgz#7e7d858b781bd7c991a41ba975ed3812754e998c"
-  integrity sha1-fn2Fi3gb18mRpBupde04EnVOmYw=
-  dependencies:
-    copy-descriptor "^0.1.0"
-    define-property "^0.2.5"
-    kind-of "^3.0.3"
-
-object-inspect@^1.1.0, object-inspect@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.7.0.tgz#f4f6bd181ad77f006b5ece60bd0b6f398ff74a67"
-  integrity sha512-a7pEHdh1xKIAgTySUGgLMx/xwDZskN1Ud6egYYN3EdRW4ZMPNEDUTF+hwy2LUC+Bl+SyLXANnwz/jyh/qutKUw==
-
-object-is@^1.0.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.2.tgz#c5d2e87ff9e119f78b7a088441519e2eec1573b6"
-  integrity sha512-5lHCz+0uufF6wZ7CRFWJN3hp8Jqblpgve06U5CMQ3f//6iDjPr2PEo9MWCjEssDsa+UZEL4PkFpr+BMop6aKzQ==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.5"
-
-object-keys@^1.0.11, object-keys@^1.0.12, object-keys@^1.0.9, object-keys@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
-  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
-
-object-visit@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/object-visit/-/object-visit-1.0.1.tgz#f79c4493af0c5377b59fe39d395e41042dd045bb"
-  integrity sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=
-  dependencies:
-    isobject "^3.0.0"
-
-object.assign@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.0.tgz#968bf1100d7956bb3ca086f006f846b3bc4008da"
-  integrity sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==
-  dependencies:
-    define-properties "^1.1.2"
-    function-bind "^1.1.1"
-    has-symbols "^1.0.0"
-    object-keys "^1.0.11"
-
-object.entries@^1.1.0, object.entries@^1.1.1, object.entries@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.2.tgz#bc73f00acb6b6bb16c203434b10f9a7e797d3add"
-  integrity sha512-BQdB9qKmb/HyNdMNWVr7O3+z5MUIx3aiegEIJqjMBbBf0YT9RRxTJSim4mzFqtyr7PDAHigq0N9dO0m0tRakQA==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.5"
-    has "^1.0.3"
-
-object.fromentries@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.2.tgz#4a09c9b9bb3843dd0f89acdb517a794d4f355ac9"
-  integrity sha512-r3ZiBH7MQppDJVLx6fhD618GKNG40CZYH9wgwdhKxBDDbQgjeWGGd4AtkZad84d291YxvWe7bJGuE65Anh0dxQ==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
-    function-bind "^1.1.1"
-    has "^1.0.3"
-
-object.getownpropertydescriptors@^2.0.3, object.getownpropertydescriptors@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.0.tgz#369bf1f9592d8ab89d712dced5cb81c7c5352649"
-  integrity sha512-Z53Oah9A3TdLoblT7VKJaTDdXdT+lQO+cNpKVnya5JDe9uLvzu1YyY1yFDFrcxrlRgWrEFH0jJtD/IbuwjcEVg==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
-
-object.omit@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-2.0.1.tgz#1a9c744829f39dbb858c76ca3579ae2a54ebd1fa"
-  integrity sha1-Gpx0SCnznbuFjHbKNXmuKlTr0fo=
-  dependencies:
-    for-own "^0.1.4"
-    is-extendable "^0.1.1"
-
-object.pick@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
-  integrity sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=
-  dependencies:
-    isobject "^3.0.1"
-
-object.values@^1.1.0, object.values@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.1.tgz#68a99ecde356b7e9295a3c5e0ce31dc8c953de5e"
-  integrity sha512-WTa54g2K8iu0kmS/us18jEmdv1a4Wi//BZ/DTVYEcH0XhLM5NYdpDHja3gt57VrZLcNAO2WGA+KpWsDBaHt6eA==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
-    function-bind "^1.1.1"
-    has "^1.0.3"
-
-obuf@^1.0.0, obuf@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
-  integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
-
-"olm@https://packages.matrix.org/npm/olm/olm-3.1.4.tgz":
-  version "3.1.4"
-  resolved "https://packages.matrix.org/npm/olm/olm-3.1.4.tgz#0f03128b7d3b2f614d2216409a1dfccca765fdb3"
-
-on-finished@~2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
-  integrity sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=
-  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==
-
-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"
-  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
-  dependencies:
-    wrappy "1"
-
-onetime@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.0.tgz#fff0f3c91617fe62bb50189636e99ac8a6df7be5"
-  integrity sha512-5NcSkPHhwTVFIQN+TUqXoS5+dlElHXdpAWu9I0HP20YOtIi+aZ0Ct82jdlILDxjLEAWwvm+qj1m6aEtsDVmm6Q==
-  dependencies:
-    mimic-fn "^2.1.0"
-
-opn@^5.5.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/opn/-/opn-5.5.0.tgz#fc7164fab56d235904c51c3b27da6758ca3b9bfc"
-  integrity sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==
-  dependencies:
-    is-wsl "^1.1.0"
-
-optimize-css-assets-webpack-plugin@^5.0.3:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-5.0.3.tgz#e2f1d4d94ad8c0af8967ebd7cf138dcb1ef14572"
-  integrity sha512-q9fbvCRS6EYtUKKSwI87qm2IxlyJK5b4dygW1rKUBT6mMDhdG5e5bZT63v6tnJR9F9FB/H5a0HTmtw+laUBxKA==
-  dependencies:
-    cssnano "^4.1.10"
-    last-call-webpack-plugin "^3.0.0"
-
-optionator@^0.8.1, optionator@^0.8.3:
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
-  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
-  dependencies:
-    deep-is "~0.1.3"
-    fast-levenshtein "~2.0.6"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    word-wrap "~1.2.3"
-
-optionator@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
-  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
-  dependencies:
-    deep-is "^0.1.3"
-    fast-levenshtein "^2.0.6"
-    levn "^0.4.1"
-    prelude-ls "^1.2.1"
-    type-check "^0.4.0"
-    word-wrap "^1.2.3"
-
-original@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/original/-/original-1.0.2.tgz#e442a61cffe1c5fd20a65f3261c26663b303f25f"
-  integrity sha512-hyBVl6iqqUOJ8FqRe+l/gS8H+kKYjrEndd5Pm1MfBtsEKA038HkkdbAl/72EAXGyonD/PFsvmVG+EvcIpliMBg==
-  dependencies:
-    url-parse "^1.4.3"
-
-os-browserify@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
-  integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
-
-os-homedir@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
-  integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
-
-os-locale@^3.0.0, os-locale@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-3.1.0.tgz#a802a6ee17f24c10483ab9935719cef4ed16bf1a"
-  integrity sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==
-  dependencies:
-    execa "^1.0.0"
-    lcid "^2.0.0"
-    mem "^4.0.0"
-
-os-tmpdir@^1.0.0, os-tmpdir@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
-  integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
-
-osenv@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.5.tgz#85cdfafaeb28e8677f416e287592b5f3f49ea410"
-  integrity sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==
-  dependencies:
-    os-homedir "^1.0.0"
-    os-tmpdir "^1.0.0"
-
-p-defer@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-defer/-/p-defer-1.0.0.tgz#9f6eb182f6c9aa8cd743004a7d4f96b196b0fb0c"
-  integrity sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=
-
-p-each-series@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-each-series/-/p-each-series-1.0.0.tgz#930f3d12dd1f50e7434457a22cd6f04ac6ad7f71"
-  integrity sha1-kw89Et0fUOdDRFeiLNbwSsatf3E=
-  dependencies:
-    p-reduce "^1.0.0"
-
-p-finally@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
-  integrity sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=
-
-p-is-promise@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/p-is-promise/-/p-is-promise-2.1.0.tgz#918cebaea248a62cf7ffab8e3bca8c5f882fc42e"
-  integrity sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==
-
-p-limit@^1.1.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
-  integrity sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==
-  dependencies:
-    p-try "^1.0.0"
-
-p-limit@^2.0.0, p-limit@^2.2.0, p-limit@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
-  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
-  dependencies:
-    p-try "^2.0.0"
-
-p-locate@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
-  integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=
-  dependencies:
-    p-limit "^1.1.0"
-
-p-locate@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
-  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
-  dependencies:
-    p-limit "^2.0.0"
-
-p-locate@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
-  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
-  dependencies:
-    p-limit "^2.2.0"
-
-p-map@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/p-map/-/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175"
-  integrity sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==
-
-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-reduce@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-reduce/-/p-reduce-1.0.0.tgz#18c2b0dd936a4690a529f8231f58a0fdb6a47dfa"
-  integrity sha1-GMKw3ZNqRpClKfgjH1ig/bakffo=
-
-p-retry@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-3.0.1.tgz#316b4c8893e2c8dc1cfa891f406c4b422bebf328"
-  integrity sha512-XE6G4+YTTkT2a0UWb2kjZe8xNwf8bIbnqpc/IS/idOBVhyves0mK5OJgeocjx7q5pvX/6m23xuzVPYT1uGM73w==
-  dependencies:
-    retry "^0.12.0"
-
-p-try@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
-  integrity sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=
-
-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==
-
-pako@^1.0.11, pako@~1.0.5:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
-  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
-
-parallel-transform@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/parallel-transform/-/parallel-transform-1.2.0.tgz#9049ca37d6cb2182c3b1d2c720be94d14a5814fc"
-  integrity sha512-P2vSmIu38uIlvdcU7fDkyrxj33gTUy/ABO5ZUbGowxNCopBq/OoD42bP4UmMrJoPyk4Uqf0mu3mtWBhHCZD8yg==
-  dependencies:
-    cyclist "^1.0.1"
-    inherits "^2.0.3"
-    readable-stream "^2.1.5"
-
-param-case@2.1.x:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/param-case/-/param-case-2.1.1.tgz#df94fd8cf6531ecf75e6bef9a0858fbc72be2247"
-  integrity sha1-35T9jPZTHs915r75oIWPvHK+Ikc=
-  dependencies:
-    no-case "^2.2.0"
-
-parent-module@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
-  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
-  dependencies:
-    callsites "^3.0.0"
-
-parse-asn1@^5.0.0, parse-asn1@^5.1.5:
-  version "5.1.5"
-  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.5.tgz#003271343da58dc94cace494faef3d2147ecea0e"
-  integrity sha512-jkMYn1dcJqF6d5CpU689bq7w/b5ALS9ROVSpQDPrZsqqesUJii9qutvoT5ltGedNXMO2e16YUWIghG9KxaViTQ==
-  dependencies:
-    asn1.js "^4.0.0"
-    browserify-aes "^1.0.0"
-    create-hash "^1.1.0"
-    evp_bytestokey "^1.0.0"
-    pbkdf2 "^3.0.3"
-    safe-buffer "^5.1.1"
-
-parse-entities@^1.0.2, parse-entities@^1.1.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-1.2.2.tgz#c31bf0f653b6661354f8973559cb86dd1d5edf50"
-  integrity sha512-NzfpbxW/NPrzZ/yYSoQxyqUZMZXIdCfE0OIN4ESsnptHJECoUk3FZktxNuzQf4tjt5UEopnxpYJbvYuxIFDdsg==
-  dependencies:
-    character-entities "^1.0.0"
-    character-entities-legacy "^1.0.0"
-    character-reference-invalid "^1.0.0"
-    is-alphanumerical "^1.0.0"
-    is-decimal "^1.0.0"
-    is-hexadecimal "^1.0.0"
-
-parse-glob@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/parse-glob/-/parse-glob-3.0.4.tgz#b2c376cfb11f35513badd173ef0bb6e3a388391c"
-  integrity sha1-ssN2z7EfNVE7rdFz7wu246OIORw=
-  dependencies:
-    glob-base "^0.3.0"
-    is-dotfile "^1.0.0"
-    is-extglob "^1.0.0"
-    is-glob "^2.0.0"
-
-parse-json@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
-  integrity sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=
-  dependencies:
-    error-ex "^1.2.0"
-
-parse-json@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
-  integrity sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=
-  dependencies:
-    error-ex "^1.3.1"
-    json-parse-better-errors "^1.0.1"
-
-parse-json@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.0.0.tgz#73e5114c986d143efa3712d4ea24db9a4266f60f"
-  integrity sha512-OOY5b7PAEFV0E2Fir1KOkxchnZNCdowAJgQ5NuxjpBKTRP3pQhwkrkxqQjeoKJ+fO7bCpmIZaogI4eZGDMEGOw==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    error-ex "^1.3.1"
-    json-parse-better-errors "^1.0.1"
-    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 sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=
-
-parse5@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-4.0.0.tgz#6d78656e3da8d78b4ec0b906f7c08ef1dfe3f608"
-  integrity sha512-VrZ7eOd3T1Fk4XWNXMgiGBK/z0MG48BWG2uQNU4I72fkQuKUTZpl+u9k+CxEG0twMVzSmXEEz12z5Fnw1jIQFA==
-
-parse5@5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.0.tgz#c59341c9723f414c452975564c7c00a68d58acd2"
-  integrity sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==
-
-parse5@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.1.tgz#f68e4e5ba1852ac2cadc00f4555fff6c2abb6178"
-  integrity sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==
-
-parseurl@~1.3.2, parseurl@~1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
-  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
-
-pascalcase@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
-  integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=
-
-path-browserify@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
-  integrity sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==
-
-path-dirname@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
-  integrity sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=
-
-path-exists@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
-  integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
-
-path-exists@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
-  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
-
-path-is-absolute@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
-
-path-is-inside@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
-  integrity sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=
-
-path-key@^2.0.0, path-key@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
-  integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=
-
-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==
-
-path-parse@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
-  integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
-
-path-to-regexp@0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
-  integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
-
-path-type@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
-  integrity sha1-8BLMuEFbcJb8LaoQVMPXI4lZTHM=
-  dependencies:
-    pify "^2.0.0"
-
-path-type@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
-  integrity sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==
-  dependencies:
-    pify "^3.0.0"
-
-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==
-
-pbkdf2@^3.0.3:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.1.tgz#cb8724b0fada984596856d1a6ebafd3584654b94"
-  integrity sha512-4Ejy1OPxi9f2tt1rRV7Go7zmfDQ+ZectEQz3VGUQhgq62HtIRPDyG/JtnwIxs6x3uNMwo2V7q1fMvKjb+Tnpqg==
-  dependencies:
-    create-hash "^1.1.2"
-    create-hmac "^1.1.4"
-    ripemd160 "^2.0.1"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
-
-performance-now@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-0.2.0.tgz#33ef30c5c77d4ea21c5a53869d91b56d8f2555e5"
-  integrity sha1-M+8wxcd9TqIcWlOGnZG1bY8lVeU=
-
-performance-now@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
-  integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
-
-picomatch@^2.0.4, picomatch@^2.0.5, picomatch@^2.2.1:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
-  integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==
-
-pify@^2.0.0, pify@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw=
-
-pify@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
-  integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
-
-pify@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
-  integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
-
-pinkie-promise@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
-  integrity sha1-ITXW36ejWMBprJsXh3YogihFD/o=
-  dependencies:
-    pinkie "^2.0.0"
-
-pinkie@^2.0.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
-  integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
-
-pirates@^4.0.0, pirates@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.1.tgz#643a92caf894566f91b2b986d2c66950a8e2fb87"
-  integrity sha512-WuNqLTbMI3tmfef2TKxlQmAiLHKtFhlsCZnPIpuv2Ow0RDVO8lfy1Opf4NUzlMXLjPl+Men7AuVdX6TA+s+uGA==
-  dependencies:
-    node-modules-regexp "^1.0.0"
-
-pkg-dir@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b"
-  integrity sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=
-  dependencies:
-    find-up "^2.1.0"
-
-pkg-dir@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
-  integrity sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==
-  dependencies:
-    find-up "^3.0.0"
-
-pkg-dir@^4.1.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"
-
-pkg-up@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-2.0.0.tgz#c819ac728059a461cab1c3889a2be3c49a004d7f"
-  integrity sha1-yBmscoBZpGHKscOImivjxJoATX8=
-  dependencies:
-    find-up "^2.1.0"
-
-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==
-
-pn@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/pn/-/pn-1.1.0.tgz#e2f4cef0e219f463c179ab37463e4e1ecdccbafb"
-  integrity sha512-2qHaIQr2VLRFoxe2nASzsV6ef4yOOH+Fi9FBOVH6cqeSgUnoyySPZkxzLuzd+RYOQTRpROA0ztTMqxROKSb/nA==
-
-png-chunks-extract@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/png-chunks-extract/-/png-chunks-extract-1.0.0.tgz#fad4a905e66652197351c65e35b92c64311e472d"
-  integrity sha1-+tSpBeZmUhlzUcZeNbksZDEeRy0=
-  dependencies:
-    crc-32 "^0.3.0"
-
-pngjs@^3.3.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-3.4.0.tgz#99ca7d725965fb655814eaf65f38f12bbdbf555f"
-  integrity sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==
-
-portfinder@^1.0.26:
-  version "1.0.26"
-  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.26.tgz#475658d56ca30bed72ac7f1378ed350bd1b64e70"
-  integrity sha512-Xi7mKxJHHMI3rIUrnm/jjUgwhbYMkp/XKEcZX3aG4BrumLpq3nmoQMX+ClYnDZnZ/New7IatC1no5RX0zo1vXQ==
-  dependencies:
-    async "^2.6.2"
-    debug "^3.1.1"
-    mkdirp "^0.5.1"
-
-posix-character-classes@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
-  integrity sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=
-
-postcss-attribute-case-insensitive@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.2.tgz#d93e46b504589e94ac7277b0463226c68041a880"
-  integrity sha512-clkFxk/9pcdb4Vkn0hAHq3YnxBQ2p0CGD1dy24jN+reBck+EWxMbxSUqN4Yj7t0w8csl87K6p0gxBe1utkJsYA==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-selector-parser "^6.0.2"
-
-postcss-calc@^7.0.1:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-7.0.2.tgz#504efcd008ca0273120568b0792b16cdcde8aac1"
-  integrity sha512-rofZFHUg6ZIrvRwPeFktv06GdbDYLcGqh9EwiMutZg+a0oePCCw1zHOEiji6LCpyRcjTREtPASuUqeAvYlEVvQ==
-  dependencies:
-    postcss "^7.0.27"
-    postcss-selector-parser "^6.0.2"
-    postcss-value-parser "^4.0.2"
-
-postcss-color-functional-notation@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-2.0.1.tgz#5efd37a88fbabeb00a2966d1e53d98ced93f74e0"
-  integrity sha512-ZBARCypjEDofW4P6IdPVTLhDNXPRn8T2s1zHbZidW6rPaaZvcnCS2soYFIQJrMZSxiePJ2XIYTlcb2ztr/eT2g==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-color-gray@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-color-gray/-/postcss-color-gray-5.0.0.tgz#532a31eb909f8da898ceffe296fdc1f864be8547"
-  integrity sha512-q6BuRnAGKM/ZRpfDascZlIZPjvwsRye7UDNalqVz3s7GDxMtqPY6+Q871liNxsonUw8oC61OG+PSaysYpl1bnw==
-  dependencies:
-    "@csstools/convert-colors" "^1.4.0"
-    postcss "^7.0.5"
-    postcss-values-parser "^2.0.0"
-
-postcss-color-hex-alpha@^5.0.3:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-5.0.3.tgz#a8d9ca4c39d497c9661e374b9c51899ef0f87388"
-  integrity sha512-PF4GDel8q3kkreVXKLAGNpHKilXsZ6xuu+mOQMHWHLPNyjiUBOr75sp5ZKJfmv1MCus5/DWUGcK9hm6qHEnXYw==
-  dependencies:
-    postcss "^7.0.14"
-    postcss-values-parser "^2.0.1"
-
-postcss-color-mod-function@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-color-mod-function/-/postcss-color-mod-function-3.0.3.tgz#816ba145ac11cc3cb6baa905a75a49f903e4d31d"
-  integrity sha512-YP4VG+xufxaVtzV6ZmhEtc+/aTXH3d0JLpnYfxqTvwZPbJhWqp8bSY3nfNzNRFLgB4XSaBA82OE4VjOOKpCdVQ==
-  dependencies:
-    "@csstools/convert-colors" "^1.4.0"
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-color-rebeccapurple@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-4.0.1.tgz#c7a89be872bb74e45b1e3022bfe5748823e6de77"
-  integrity sha512-aAe3OhkS6qJXBbqzvZth2Au4V3KieR5sRQ4ptb2b2O8wgvB3SJBsdG+jsn2BZbbwekDG8nTfcCNKcSfe/lEy8g==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-colormin@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-4.0.3.tgz#ae060bce93ed794ac71264f08132d550956bd381"
-  integrity sha512-WyQFAdDZpExQh32j0U0feWisZ0dmOtPl44qYmJKkq9xFWY3p+4qnRzCHeNrkeRhwPHz9bQ3mo0/yVkaply0MNw==
-  dependencies:
-    browserslist "^4.0.0"
-    color "^3.0.0"
-    has "^1.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-convert-values@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-4.0.1.tgz#ca3813ed4da0f812f9d43703584e449ebe189a7f"
-  integrity sha512-Kisdo1y77KUC0Jmn0OXU/COOJbzM8cImvw1ZFsBgBgMgb1iL23Zs/LXRe3r+EZqM3vGYKdQ2YJVQ5VkJI+zEJQ==
-  dependencies:
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-custom-media@^7.0.8:
-  version "7.0.8"
-  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-7.0.8.tgz#fffd13ffeffad73621be5f387076a28b00294e0c"
-  integrity sha512-c9s5iX0Ge15o00HKbuRuTqNndsJUbaXdiNsksnVH8H4gdc+zbLzr/UasOwNG6CTDpLFekVY4672eWdiiWu2GUg==
-  dependencies:
-    postcss "^7.0.14"
-
-postcss-custom-properties@^8.0.11:
-  version "8.0.11"
-  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-8.0.11.tgz#2d61772d6e92f22f5e0d52602df8fae46fa30d97"
-  integrity sha512-nm+o0eLdYqdnJ5abAJeXp4CEU1c1k+eB2yMCvhgzsds/e0umabFrN6HoTy/8Q4K5ilxERdl/JD1LO5ANoYBeMA==
-  dependencies:
-    postcss "^7.0.17"
-    postcss-values-parser "^2.0.1"
-
-postcss-custom-selectors@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-5.1.2.tgz#64858c6eb2ecff2fb41d0b28c9dd7b3db4de7fba"
-  integrity sha512-DSGDhqinCqXqlS4R7KGxL1OSycd1lydugJ1ky4iRXPHdBRiozyMHrdu0H3o7qNOCiZwySZTUI5MV0T8QhCLu+w==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-selector-parser "^5.0.0-rc.3"
-
-postcss-dir-pseudo-class@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-5.0.0.tgz#6e3a4177d0edb3abcc85fdb6fbb1c26dabaeaba2"
-  integrity sha512-3pm4oq8HYWMZePJY+5ANriPs3P07q+LW6FAdTlkFH2XqDdP4HeeJYMOzn0HYLhRSjBO3fhiqSwwU9xEULSrPgw==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-selector-parser "^5.0.0-rc.3"
-
-postcss-discard-comments@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-4.0.2.tgz#1fbabd2c246bff6aaad7997b2b0918f4d7af4033"
-  integrity sha512-RJutN259iuRf3IW7GZyLM5Sw4GLTOH8FmsXBnv8Ab/Tc2k4SR4qbV4DNbyyY4+Sjo362SyDmW2DQ7lBSChrpkg==
-  dependencies:
-    postcss "^7.0.0"
-
-postcss-discard-duplicates@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-4.0.2.tgz#3fe133cd3c82282e550fc9b239176a9207b784eb"
-  integrity sha512-ZNQfR1gPNAiXZhgENFfEglF93pciw0WxMkJeVmw8eF+JZBbMD7jp6C67GqJAXVZP2BWbOztKfbsdmMp/k8c6oQ==
-  dependencies:
-    postcss "^7.0.0"
-
-postcss-discard-empty@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-4.0.1.tgz#c8c951e9f73ed9428019458444a02ad90bb9f765"
-  integrity sha512-B9miTzbznhDjTfjvipfHoqbWKwd0Mj+/fL5s1QOz06wufguil+Xheo4XpOnc4NqKYBCNqqEzgPv2aPBIJLox0w==
-  dependencies:
-    postcss "^7.0.0"
-
-postcss-discard-overridden@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-4.0.1.tgz#652aef8a96726f029f5e3e00146ee7a4e755ff57"
-  integrity sha512-IYY2bEDD7g1XM1IDEsUT4//iEYCxAmP5oDSFMVU/JVvT7gh+l4fmjciLqGgwjdWpQIdb0Che2VX00QObS5+cTg==
-  dependencies:
-    postcss "^7.0.0"
-
-postcss-double-position-gradients@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-1.0.0.tgz#fc927d52fddc896cb3a2812ebc5df147e110522e"
-  integrity sha512-G+nV8EnQq25fOI8CH/B6krEohGWnF5+3A6H/+JEpOncu5dCnkS1QQ6+ct3Jkaepw1NGVqqOZH6lqrm244mCftA==
-  dependencies:
-    postcss "^7.0.5"
-    postcss-values-parser "^2.0.0"
-
-postcss-easings@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-easings/-/postcss-easings-2.0.0.tgz#79bde7ce71c838ef7371a59d293e08b337b1802b"
-  integrity sha512-oJUmnrPwayx47y+jrRKSofHOjRjdJCOyqNXZURQkAVEra93ShqUcN8WYIuT/pWQeGe2I/pxxFfw7mOUGBrxCRQ==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-value-parser "^3.3.0"
-
-postcss-env-function@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-env-function/-/postcss-env-function-2.0.2.tgz#0f3e3d3c57f094a92c2baf4b6241f0b0da5365d7"
-  integrity sha512-rwac4BuZlITeUbiBq60h/xbLzXY43qOsIErngWa4l7Mt+RaSkT7QBjXVGTcBHupykkblHMDrBFh30zchYPaOUw==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-extend@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-extend/-/postcss-extend-1.0.5.tgz#5ea98bf787ba3cacf4df4609743f80a833b1d0e7"
-  integrity sha1-XqmL94e6PKz030YJdD+AqDOx0Oc=
-  dependencies:
-    postcss "^5.0.4"
-
-postcss-focus-visible@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-4.0.0.tgz#477d107113ade6024b14128317ade2bd1e17046e"
-  integrity sha512-Z5CkWBw0+idJHSV6+Bgf2peDOFf/x4o+vX/pwcNYrWpXFrSfTkQ3JQ1ojrq9yS+upnAlNRHeg8uEwFTgorjI8g==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-focus-within@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz#763b8788596cee9b874c999201cdde80659ef680"
-  integrity sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-font-variant@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-4.0.0.tgz#71dd3c6c10a0d846c5eda07803439617bbbabacc"
-  integrity sha512-M8BFYKOvCrI2aITzDad7kWuXXTm0YhGdP9Q8HanmN4EF1Hmcgs1KK5rSHylt/lUJe8yLxiSwWAHdScoEiIxztg==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-gap-properties@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-2.0.0.tgz#431c192ab3ed96a3c3d09f2ff615960f902c1715"
-  integrity sha512-QZSqDaMgXCHuHTEzMsS2KfVDOq7ZFiknSpkrPJY6jmxbugUPTuSzs/vuE5I3zv0WAS+3vhrlqhijiprnuQfzmg==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-hexrgba@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-hexrgba/-/postcss-hexrgba-2.0.0.tgz#1bdae7640047470b6935d8b0e5369f4acc987eb5"
-  integrity sha512-qZmURatbgathSg00kCAKG4h6iUwKnRbhMMWNN6V5u4NTKjuTplxi+CrhbHvQ8BNulTA4B51/RIWnNIoulJIDlg==
-  dependencies:
-    postcss "^7.0.14"
-
-postcss-html@^0.36.0:
-  version "0.36.0"
-  resolved "https://registry.yarnpkg.com/postcss-html/-/postcss-html-0.36.0.tgz#b40913f94eaacc2453fd30a1327ad6ee1f88b204"
-  integrity sha512-HeiOxGcuwID0AFsNAL0ox3mW6MHH5cstWN1Z3Y+n6H+g12ih7LHdYxWwEA/QmrebctLjo79xz9ouK3MroHwOJw==
-  dependencies:
-    htmlparser2 "^3.10.0"
-
-postcss-image-set-function@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-3.0.1.tgz#28920a2f29945bed4c3198d7df6496d410d3f288"
-  integrity sha512-oPTcFFip5LZy8Y/whto91L9xdRHCWEMs3e1MdJxhgt4jy2WYXfhkng59fH5qLXSCPN8k4n94p1Czrfe5IOkKUw==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-import@^12.0.1:
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-12.0.1.tgz#cf8c7ab0b5ccab5649024536e565f841928b7153"
-  integrity sha512-3Gti33dmCjyKBgimqGxL3vcV8w9+bsHwO5UrBawp796+jdardbcFl4RP5w/76BwNL7aGzpKstIfF9I+kdE8pTw==
-  dependencies:
-    postcss "^7.0.1"
-    postcss-value-parser "^3.2.3"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
-postcss-initial@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-3.0.2.tgz#f018563694b3c16ae8eaabe3c585ac6319637b2d"
-  integrity sha512-ugA2wKonC0xeNHgirR4D3VWHs2JcU08WAi1KFLVcnb7IN89phID6Qtg2RIctWbnvp1TM2BOmDtX8GGLCKdR8YA==
-  dependencies:
-    lodash.template "^4.5.0"
-    postcss "^7.0.2"
-
-postcss-js@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-2.0.3.tgz#a96f0f23ff3d08cec7dc5b11bf11c5f8077cdab9"
-  integrity sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==
-  dependencies:
-    camelcase-css "^2.0.1"
-    postcss "^7.0.18"
-
-postcss-jsx@^0.36.3:
-  version "0.36.4"
-  resolved "https://registry.yarnpkg.com/postcss-jsx/-/postcss-jsx-0.36.4.tgz#37a68f300a39e5748d547f19a747b3257240bd50"
-  integrity sha512-jwO/7qWUvYuWYnpOb0+4bIIgJt7003pgU3P6nETBLaOyBXuTD55ho21xnals5nBrlpTIFodyd3/jBi6UO3dHvA==
-  dependencies:
-    "@babel/core" ">=7.2.2"
-
-postcss-lab-function@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz#bb51a6856cd12289ab4ae20db1e3821ef13d7d2e"
-  integrity sha512-whLy1IeZKY+3fYdqQFuDBf8Auw+qFuVnChWjmxm/UhHWqNHZx+B99EwxTvGYmUBqe3Fjxs4L1BoZTJmPu6usVg==
-  dependencies:
-    "@csstools/convert-colors" "^1.4.0"
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-less@^3.1.4:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-less/-/postcss-less-3.1.4.tgz#369f58642b5928ef898ffbc1a6e93c958304c5ad"
-  integrity sha512-7TvleQWNM2QLcHqvudt3VYjULVB49uiW6XzEUFmvwHzvsOEF5MwBrIXZDJQvJNFGjJQTzSzZnDoCJ8h/ljyGXA==
-  dependencies:
-    postcss "^7.0.14"
-
-postcss-load-config@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.1.0.tgz#c84d692b7bb7b41ddced94ee62e8ab31b417b003"
-  integrity sha512-4pV3JJVPLd5+RueiVVB+gFOAa7GWc25XQcMp86Zexzke69mKf6Nx9LRcQywdz7yZI9n1udOxmLuAwTBypypF8Q==
-  dependencies:
-    cosmiconfig "^5.0.0"
-    import-cwd "^2.0.0"
-
-postcss-loader@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-3.0.0.tgz#6b97943e47c72d845fa9e03f273773d4e8dd6c2d"
-  integrity sha512-cLWoDEY5OwHcAjDnkyRQzAXfs2jrKjXpO/HQFcc5b5u/r7aa471wdmChmwfnv7x2u840iat/wi0lQ5nbRgSkUA==
-  dependencies:
-    loader-utils "^1.1.0"
-    postcss "^7.0.0"
-    postcss-load-config "^2.0.0"
-    schema-utils "^1.0.0"
-
-postcss-logical@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-3.0.0.tgz#2495d0f8b82e9f262725f75f9401b34e7b45d5b5"
-  integrity sha512-1SUKdJc2vuMOmeItqGuNaC+N8MzBWFWEkAnRnLpFYj1tGGa7NqyVBujfRtgNa2gXR+6RkGUiB2O5Vmh7E2RmiA==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-markdown@^0.36.0:
-  version "0.36.0"
-  resolved "https://registry.yarnpkg.com/postcss-markdown/-/postcss-markdown-0.36.0.tgz#7f22849ae0e3db18820b7b0d5e7833f13a447560"
-  integrity sha512-rl7fs1r/LNSB2bWRhyZ+lM/0bwKv9fhl38/06gF6mKMo/NPnp55+K1dSTosSVjFZc0e1ppBlu+WT91ba0PMBfQ==
-  dependencies:
-    remark "^10.0.1"
-    unist-util-find-all-after "^1.0.2"
-
-postcss-media-minmax@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-media-minmax/-/postcss-media-minmax-4.0.0.tgz#b75bb6cbc217c8ac49433e12f22048814a4f5ed5"
-  integrity sha512-fo9moya6qyxsjbFAYl97qKO9gyre3qvbMnkOZeZwlsW6XYFsvs2DMGDlchVLfAd8LHPZDxivu/+qW2SMQeTHBw==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-media-query-parser@^0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz#27b39c6f4d94f81b1a73b8f76351c609e5cef244"
-  integrity sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=
-
-postcss-merge-longhand@^4.0.11:
-  version "4.0.11"
-  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-4.0.11.tgz#62f49a13e4a0ee04e7b98f42bb16062ca2549e24"
-  integrity sha512-alx/zmoeXvJjp7L4mxEMjh8lxVlDFX1gqWHzaaQewwMZiVhLo42TEClKaeHbRf6J7j82ZOdTJ808RtN0ZOZwvw==
-  dependencies:
-    css-color-names "0.0.4"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-    stylehacks "^4.0.0"
-
-postcss-merge-rules@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-4.0.3.tgz#362bea4ff5a1f98e4075a713c6cb25aefef9a650"
-  integrity sha512-U7e3r1SbvYzO0Jr3UT/zKBVgYYyhAz0aitvGIYOYK5CPmkNih+WDSsS5tvPrJ8YMQYlEMvsZIiqmn7HdFUaeEQ==
-  dependencies:
-    browserslist "^4.0.0"
-    caniuse-api "^3.0.0"
-    cssnano-util-same-parent "^4.0.0"
-    postcss "^7.0.0"
-    postcss-selector-parser "^3.0.0"
-    vendors "^1.0.0"
-
-postcss-minify-font-values@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-4.0.2.tgz#cd4c344cce474343fac5d82206ab2cbcb8afd5a6"
-  integrity sha512-j85oO6OnRU9zPf04+PZv1LYIYOprWm6IA6zkXkrJXyRveDEuQggG6tvoy8ir8ZwjLxLuGfNkCZEQG7zan+Hbtg==
-  dependencies:
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-minify-gradients@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-4.0.2.tgz#93b29c2ff5099c535eecda56c4aa6e665a663471"
-  integrity sha512-qKPfwlONdcf/AndP1U8SJ/uzIJtowHlMaSioKzebAXSG4iJthlWC9iSWznQcX4f66gIWX44RSA841HTHj3wK+Q==
-  dependencies:
-    cssnano-util-get-arguments "^4.0.0"
-    is-color-stop "^1.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-minify-params@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-4.0.2.tgz#6b9cef030c11e35261f95f618c90036d680db874"
-  integrity sha512-G7eWyzEx0xL4/wiBBJxJOz48zAKV2WG3iZOqVhPet/9geefm/Px5uo1fzlHu+DOjT+m0Mmiz3jkQzVHe6wxAWg==
-  dependencies:
-    alphanum-sort "^1.0.0"
-    browserslist "^4.0.0"
-    cssnano-util-get-arguments "^4.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-    uniqs "^2.0.0"
-
-postcss-minify-selectors@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-4.0.2.tgz#e2e5eb40bfee500d0cd9243500f5f8ea4262fbd8"
-  integrity sha512-D5S1iViljXBj9kflQo4YutWnJmwm8VvIsU1GeXJGiG9j8CIg9zs4voPMdQDUmIxetUOh60VilsNzCiAFTOqu3g==
-  dependencies:
-    alphanum-sort "^1.0.0"
-    has "^1.0.0"
-    postcss "^7.0.0"
-    postcss-selector-parser "^3.0.0"
-
-postcss-mixins@^6.2.3:
-  version "6.2.3"
-  resolved "https://registry.yarnpkg.com/postcss-mixins/-/postcss-mixins-6.2.3.tgz#021893ba455d04b5baa052bf196297ddd70e4af1"
-  integrity sha512-gfH5d09YilzDn/CLGFA9Lwv7GTezuyHgnAyXC8AfvhUMpl67ZTewhcpNuOgawClCOD+76XePE2IHO1xMgsOlvA==
-  dependencies:
-    globby "^8.0.1"
-    postcss "^7.0.21"
-    postcss-js "^2.0.3"
-    postcss-simple-vars "^5.0.2"
-    sugarss "^2.0.0"
-
-postcss-modules-extract-imports@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz#818719a1ae1da325f9832446b01136eeb493cd7e"
-  integrity sha512-LaYLDNS4SG8Q5WAWqIJgdHPJrDDr/Lv775rMBFUbgjTz6j34lUznACHcdRWroPvXANP2Vj7yNK57vp9eFqzLWQ==
-  dependencies:
-    postcss "^7.0.5"
-
-postcss-modules-local-by-default@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.2.tgz#e8a6561be914aaf3c052876377524ca90dbb7915"
-  integrity sha512-jM/V8eqM4oJ/22j0gx4jrp63GSvDH6v86OqyTHHUvk4/k1vceipZsaymiZ5PvocqZOl5SFHiFJqjs3la0wnfIQ==
-  dependencies:
-    icss-utils "^4.1.1"
-    postcss "^7.0.16"
-    postcss-selector-parser "^6.0.2"
-    postcss-value-parser "^4.0.0"
-
-postcss-modules-scope@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz#385cae013cc7743f5a7d7602d1073a89eaae62ee"
-  integrity sha512-YyEgsTMRpNd+HmyC7H/mh3y+MeFWevy7V1evVhJWewmMbjDHIbZbOXICC2y+m1xI1UVfIT1HMW/O04Hxyu9oXQ==
-  dependencies:
-    postcss "^7.0.6"
-    postcss-selector-parser "^6.0.0"
-
-postcss-modules-values@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-3.0.0.tgz#5b5000d6ebae29b4255301b4a3a54574423e7f10"
-  integrity sha512-1//E5jCBrZ9DmRX+zCtmQtRSV6PV42Ix7Bzj9GbwJceduuf7IqP8MgeTXuRDHOWj2m0VzZD5+roFWDuU8RQjcg==
-  dependencies:
-    icss-utils "^4.0.0"
-    postcss "^7.0.6"
-
-postcss-nested@^4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-4.2.1.tgz#4bc2e5b35e3b1e481ff81e23b700da7f82a8b248"
-  integrity sha512-AMayXX8tS0HCp4O4lolp4ygj9wBn32DJWXvG6gCv+ZvJrEa00GUxJcJEEzMh87BIe6FrWdYkpR2cuyqHKrxmXw==
-  dependencies:
-    postcss "^7.0.21"
-    postcss-selector-parser "^6.0.2"
-
-postcss-nesting@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-7.0.1.tgz#b50ad7b7f0173e5b5e3880c3501344703e04c052"
-  integrity sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-normalize-charset@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-4.0.1.tgz#8b35add3aee83a136b0471e0d59be58a50285dd4"
-  integrity sha512-gMXCrrlWh6G27U0hF3vNvR3w8I1s2wOBILvA87iNXaPvSNo5uZAMYsZG7XjCUf1eVxuPfyL4TJ7++SGZLc9A3g==
-  dependencies:
-    postcss "^7.0.0"
-
-postcss-normalize-display-values@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.2.tgz#0dbe04a4ce9063d4667ed2be476bb830c825935a"
-  integrity sha512-3F2jcsaMW7+VtRMAqf/3m4cPFhPD3EFRgNs18u+k3lTJJlVe7d0YPO+bnwqo2xg8YiRpDXJI2u8A0wqJxMsQuQ==
-  dependencies:
-    cssnano-util-get-match "^4.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-positions@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-4.0.2.tgz#05f757f84f260437378368a91f8932d4b102917f"
-  integrity sha512-Dlf3/9AxpxE+NF1fJxYDeggi5WwV35MXGFnnoccP/9qDtFrTArZ0D0R+iKcg5WsUd8nUYMIl8yXDCtcrT8JrdA==
-  dependencies:
-    cssnano-util-get-arguments "^4.0.0"
-    has "^1.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-repeat-style@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-4.0.2.tgz#c4ebbc289f3991a028d44751cbdd11918b17910c"
-  integrity sha512-qvigdYYMpSuoFs3Is/f5nHdRLJN/ITA7huIoCyqqENJe9PvPmLhNLMu7QTjPdtnVf6OcYYO5SHonx4+fbJE1+Q==
-  dependencies:
-    cssnano-util-get-arguments "^4.0.0"
-    cssnano-util-get-match "^4.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-string@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-4.0.2.tgz#cd44c40ab07a0c7a36dc5e99aace1eca4ec2690c"
-  integrity sha512-RrERod97Dnwqq49WNz8qo66ps0swYZDSb6rM57kN2J+aoyEAJfZ6bMx0sx/F9TIEX0xthPGCmeyiam/jXif0eA==
-  dependencies:
-    has "^1.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-timing-functions@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-4.0.2.tgz#8e009ca2a3949cdaf8ad23e6b6ab99cb5e7d28d9"
-  integrity sha512-acwJY95edP762e++00Ehq9L4sZCEcOPyaHwoaFOhIwWCDfik6YvqsYNxckee65JHLKzuNSSmAdxwD2Cud1Z54A==
-  dependencies:
-    cssnano-util-get-match "^4.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-unicode@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-4.0.1.tgz#841bd48fdcf3019ad4baa7493a3d363b52ae1cfb"
-  integrity sha512-od18Uq2wCYn+vZ/qCOeutvHjB5jm57ToxRaMeNuf0nWVHaP9Hua56QyMF6fs/4FSUnVIw0CBPsU0K4LnBPwYwg==
-  dependencies:
-    browserslist "^4.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-url@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-4.0.1.tgz#10e437f86bc7c7e58f7b9652ed878daaa95faae1"
-  integrity sha512-p5oVaF4+IHwu7VpMan/SSpmpYxcJMtkGppYf0VbdH5B6hN8YNmVyJLuY9FmLQTzY3fag5ESUUHDqM+heid0UVA==
-  dependencies:
-    is-absolute-url "^2.0.0"
-    normalize-url "^3.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-whitespace@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-4.0.2.tgz#bf1d4070fe4fcea87d1348e825d8cc0c5faa7d82"
-  integrity sha512-tO8QIgrsI3p95r8fyqKV+ufKlSHh9hMJqACqbv2XknufqEDhDvbguXGBBqxw9nsQoXWf0qOqppziKJKHMD4GtA==
-  dependencies:
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-ordered-values@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-4.1.2.tgz#0cf75c820ec7d5c4d280189559e0b571ebac0eee"
-  integrity sha512-2fCObh5UanxvSxeXrtLtlwVThBvHn6MQcu4ksNT2tsaV2Fg76R2CV98W7wNSlX+5/pFwEyaDwKLLoEV7uRybAw==
-  dependencies:
-    cssnano-util-get-arguments "^4.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-overflow-shorthand@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-2.0.0.tgz#31ecf350e9c6f6ddc250a78f0c3e111f32dd4c30"
-  integrity sha512-aK0fHc9CBNx8jbzMYhshZcEv8LtYnBIRYQD5i7w/K/wS9c2+0NSR6B3OVMu5y0hBHYLcMGjfU+dmWYNKH0I85g==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-page-break@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-page-break/-/postcss-page-break-2.0.0.tgz#add52d0e0a528cabe6afee8b46e2abb277df46bf"
-  integrity sha512-tkpTSrLpfLfD9HvgOlJuigLuk39wVTbbd8RKcy8/ugV2bNBUW3xU+AIqyxhDrQr1VUj1RmyJrBn1YWrqUm9zAQ==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-place@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-4.0.1.tgz#e9f39d33d2dc584e46ee1db45adb77ca9d1dcc62"
-  integrity sha512-Zb6byCSLkgRKLODj/5mQugyuj9bvAAw9LqJJjgwz5cYryGeXfFZfSXoP1UfveccFmeq0b/2xxwcTEVScnqGxBg==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-preset-env@^6.7.0:
-  version "6.7.0"
-  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-6.7.0.tgz#c34ddacf8f902383b35ad1e030f178f4cdf118a5"
-  integrity sha512-eU4/K5xzSFwUFJ8hTdTQzo2RBLbDVt83QZrAvI07TULOkmyQlnYlpwep+2yIK+K+0KlZO4BvFcleOCCcUtwchg==
-  dependencies:
-    autoprefixer "^9.6.1"
-    browserslist "^4.6.4"
-    caniuse-lite "^1.0.30000981"
-    css-blank-pseudo "^0.1.4"
-    css-has-pseudo "^0.10.0"
-    css-prefers-color-scheme "^3.1.1"
-    cssdb "^4.4.0"
-    postcss "^7.0.17"
-    postcss-attribute-case-insensitive "^4.0.1"
-    postcss-color-functional-notation "^2.0.1"
-    postcss-color-gray "^5.0.0"
-    postcss-color-hex-alpha "^5.0.3"
-    postcss-color-mod-function "^3.0.3"
-    postcss-color-rebeccapurple "^4.0.1"
-    postcss-custom-media "^7.0.8"
-    postcss-custom-properties "^8.0.11"
-    postcss-custom-selectors "^5.1.2"
-    postcss-dir-pseudo-class "^5.0.0"
-    postcss-double-position-gradients "^1.0.0"
-    postcss-env-function "^2.0.2"
-    postcss-focus-visible "^4.0.0"
-    postcss-focus-within "^3.0.0"
-    postcss-font-variant "^4.0.0"
-    postcss-gap-properties "^2.0.0"
-    postcss-image-set-function "^3.0.1"
-    postcss-initial "^3.0.0"
-    postcss-lab-function "^2.0.1"
-    postcss-logical "^3.0.0"
-    postcss-media-minmax "^4.0.0"
-    postcss-nesting "^7.0.0"
-    postcss-overflow-shorthand "^2.0.0"
-    postcss-page-break "^2.0.0"
-    postcss-place "^4.0.1"
-    postcss-pseudo-class-any-link "^6.0.0"
-    postcss-replace-overflow-wrap "^3.0.0"
-    postcss-selector-matches "^4.0.0"
-    postcss-selector-not "^4.0.0"
-
-postcss-pseudo-class-any-link@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-6.0.0.tgz#2ed3eed393b3702879dec4a87032b210daeb04d1"
-  integrity sha512-lgXW9sYJdLqtmw23otOzrtbDXofUdfYzNm4PIpNE322/swES3VU9XlXHeJS46zT2onFO7V1QFdD4Q9LiZj8mew==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-selector-parser "^5.0.0-rc.3"
-
-postcss-reduce-initial@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-4.0.3.tgz#7fd42ebea5e9c814609639e2c2e84ae270ba48df"
-  integrity sha512-gKWmR5aUulSjbzOfD9AlJiHCGH6AEVLaM0AV+aSioxUDd16qXP1PCh8d1/BGVvpdWn8k/HiK7n6TjeoXN1F7DA==
-  dependencies:
-    browserslist "^4.0.0"
-    caniuse-api "^3.0.0"
-    has "^1.0.0"
-    postcss "^7.0.0"
-
-postcss-reduce-transforms@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-4.0.2.tgz#17efa405eacc6e07be3414a5ca2d1074681d4e29"
-  integrity sha512-EEVig1Q2QJ4ELpJXMZR8Vt5DQx8/mo+dGWSR7vWXqcob2gQLyQGsionYcGKATXvQzMPn6DSN1vTN7yFximdIAg==
-  dependencies:
-    cssnano-util-get-match "^4.0.0"
-    has "^1.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-replace-overflow-wrap@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-3.0.0.tgz#61b360ffdaedca84c7c918d2b0f0d0ea559ab01c"
-  integrity sha512-2T5hcEHArDT6X9+9dVSPQdo7QHzG4XKclFT8rU5TzJPDN7RIRTbO9c4drUISOVemLj03aezStHCR2AIcr8XLpw==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-reporter@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-reporter/-/postcss-reporter-6.0.1.tgz#7c055120060a97c8837b4e48215661aafb74245f"
-  integrity sha512-LpmQjfRWyabc+fRygxZjpRxfhRf9u/fdlKf4VHG4TSPbV2XNsuISzYW1KL+1aQzx53CAppa1bKG4APIB/DOXXw==
-  dependencies:
-    chalk "^2.4.1"
-    lodash "^4.17.11"
-    log-symbols "^2.2.0"
-    postcss "^7.0.7"
-
-postcss-resolve-nested-selector@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz#29ccbc7c37dedfac304e9fff0bf1596b3f6a0e4e"
-  integrity sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=
-
-postcss-safe-parser@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-4.0.2.tgz#a6d4e48f0f37d9f7c11b2a581bf00f8ba4870b96"
-  integrity sha512-Uw6ekxSWNLCPesSv/cmqf2bY/77z11O7jZGPax3ycZMFU/oi2DMH9i89AdHc1tRwFg/arFoEwX0IS3LCUxJh1g==
-  dependencies:
-    postcss "^7.0.26"
-
-postcss-sass@^0.4.2:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/postcss-sass/-/postcss-sass-0.4.4.tgz#91f0f3447b45ce373227a98b61f8d8f0785285a3"
-  integrity sha512-BYxnVYx4mQooOhr+zer0qWbSPYnarAy8ZT7hAQtbxtgVf8gy+LSLT/hHGe35h14/pZDTw1DsxdbrwxBN++H+fg==
-  dependencies:
-    gonzales-pe "^4.3.0"
-    postcss "^7.0.21"
-
-postcss-scss@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-2.1.1.tgz#ec3a75fa29a55e016b90bf3269026c53c1d2b383"
-  integrity sha512-jQmGnj0hSGLd9RscFw9LyuSVAa5Bl1/KBPqG1NQw9w8ND55nY4ZEsdlVuYJvLPpV+y0nwTV5v/4rHPzZRihQbA==
-  dependencies:
-    postcss "^7.0.6"
-
-postcss-selector-matches@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-selector-matches/-/postcss-selector-matches-4.0.0.tgz#71c8248f917ba2cc93037c9637ee09c64436fcff"
-  integrity sha512-LgsHwQR/EsRYSqlwdGzeaPKVT0Ml7LAT6E75T8W8xLJY62CE4S/l03BWIt3jT8Taq22kXP08s2SfTSzaraoPww==
-  dependencies:
-    balanced-match "^1.0.0"
-    postcss "^7.0.2"
-
-postcss-selector-not@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-4.0.0.tgz#c68ff7ba96527499e832724a2674d65603b645c0"
-  integrity sha512-W+bkBZRhqJaYN8XAnbbZPLWMvZD1wKTu0UxtFKdhtGjWYmxhkUneoeOhRJKdAE5V7ZTlnbHfCR+6bNwK9e1dTQ==
-  dependencies:
-    balanced-match "^1.0.0"
-    postcss "^7.0.2"
-
-postcss-selector-parser@^3.0.0, postcss-selector-parser@^3.1.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz#b310f5c4c0fdaf76f94902bbaa30db6aa84f5270"
-  integrity sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==
-  dependencies:
-    dot-prop "^5.2.0"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
-
-postcss-selector-parser@^5.0.0-rc.3, postcss-selector-parser@^5.0.0-rc.4:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz#249044356697b33b64f1a8f7c80922dddee7195c"
-  integrity sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==
-  dependencies:
-    cssesc "^2.0.0"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
-
-postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz#934cf799d016c83411859e09dcecade01286ec5c"
-  integrity sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==
-  dependencies:
-    cssesc "^3.0.0"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
-
-postcss-simple-vars@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-simple-vars/-/postcss-simple-vars-5.0.2.tgz#e2f81b3d0847ddd4169816b6d141b91d51e6e22e"
-  integrity sha512-xWIufxBoINJv6JiLb7jl5oElgp+6puJwvT5zZHliUSydoLz4DADRB3NDDsYgfKVwojn4TDLiseoC65MuS8oGGg==
-  dependencies:
-    postcss "^7.0.14"
-
-postcss-strip-inline-comments@^0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/postcss-strip-inline-comments/-/postcss-strip-inline-comments-0.1.5.tgz#7ff6bcdc14e633ed4cdfa020bae3eddad4f84b90"
-  integrity sha1-f/a83BTmM+1M36AguuPt2tT4S5A=
-  dependencies:
-    postcss "^5.0.18"
-
-postcss-svgo@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-4.0.2.tgz#17b997bc711b333bab143aaed3b8d3d6e3d38258"
-  integrity sha512-C6wyjo3VwFm0QgBy+Fu7gCYOkCmgmClghO+pjcxvrcBKtiKt0uCF+hvbMO1fyv5BMImRK90SMb+dwUnfbGd+jw==
-  dependencies:
-    is-svg "^3.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-    svgo "^1.0.0"
-
-postcss-syntax@^0.36.2:
-  version "0.36.2"
-  resolved "https://registry.yarnpkg.com/postcss-syntax/-/postcss-syntax-0.36.2.tgz#f08578c7d95834574e5593a82dfbfa8afae3b51c"
-  integrity sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==
-
-postcss-unique-selectors@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-4.0.1.tgz#9446911f3289bfd64c6d680f073c03b1f9ee4bac"
-  integrity sha512-+JanVaryLo9QwZjKrmJgkI4Fn8SBgRO6WXQBJi7KiAVPlmxikB5Jzc4EvXMT2H0/m0RjrVVm9rGNhZddm/8Spg==
-  dependencies:
-    alphanum-sort "^1.0.0"
-    postcss "^7.0.0"
-    uniqs "^2.0.0"
-
-postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.0:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
-  integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
-
-postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2, postcss-value-parser@^4.0.3, postcss-value-parser@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
-  integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
-
-postcss-values-parser@^2.0.0, postcss-values-parser@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-values-parser/-/postcss-values-parser-2.0.1.tgz#da8b472d901da1e205b47bdc98637b9e9e550e5f"
-  integrity sha512-2tLuBsA6P4rYTNKCXYG/71C7j1pU6pK503suYOmn4xYrQIzW+opD+7FAFNuGSdZC/3Qfy334QbeMu7MEb8gOxg==
-  dependencies:
-    flatten "^1.0.2"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
-
-postcss@^5.0.18, postcss@^5.0.4:
-  version "5.2.18"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.18.tgz#badfa1497d46244f6390f58b319830d9107853c5"
-  integrity sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==
-  dependencies:
-    chalk "^1.1.3"
-    js-base64 "^2.1.9"
-    source-map "^0.5.6"
-    supports-color "^3.2.3"
-
-postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.18, postcss@^7.0.2, postcss@^7.0.21, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.30, postcss@^7.0.5, postcss@^7.0.6, postcss@^7.0.7:
-  version "7.0.32"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.32.tgz#4310d6ee347053da3433db2be492883d62cec59d"
-  integrity sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==
-  dependencies:
-    chalk "^2.4.2"
-    source-map "^0.6.1"
-    supports-color "^6.1.0"
-
-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==
-
-prelude-ls@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-  integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
-
-prepend-http@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
-  integrity sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=
-
-preserve@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
-  integrity sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks=
-
-pretty-error@^2.0.2:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.1.tgz#5f4f87c8f91e5ae3f3ba87ab4cf5e03b1a17f1a3"
-  integrity sha1-X0+HyPkeWuPzuoerTPXgOxoX8aM=
-  dependencies:
-    renderkid "^2.0.1"
-    utila "~0.4"
-
-pretty-format@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.9.0.tgz#12fac31b37019a4eea3c11aa9a959eb7628aa7c9"
-  integrity sha512-00ZMZUiHaJrNfk33guavqgvfJS30sLYf0f8+Srklv0AMPodGGHcoHgksZ3OThYnIvOd+8yMCn0YiEOogjlgsnA==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    ansi-regex "^4.0.0"
-    ansi-styles "^3.2.0"
-    react-is "^16.8.4"
-
-private@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
-  integrity sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==
-
-process-nextick-args@~2.0.0:
-  version "2.0.1"
-  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@^0.11.10:
-  version "0.11.10"
-  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
-  integrity sha1-czIwDoQBYb2j5podHZGn1LwW8YI=
-
-progress@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
-  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
-
-project-name-generator@^2.1.7:
-  version "2.1.7"
-  resolved "https://registry.yarnpkg.com/project-name-generator/-/project-name-generator-2.1.7.tgz#504c68a2a843247aa3af493a226ecf78ce8beceb"
-  integrity sha512-kLGQGiyvkZsWtqhPhUs85UkSgmH5OnZJLNrtlqkK+GZPR0cybe8Nr9jG3bD52w2siH9EE3l/a9y56bn0YX5wYw==
-  dependencies:
-    commander "^2.15.1"
-    lodash "^4.17.10"
-
-promise-inflight@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
-  integrity sha1-mEcocL8igTL8vdhoEputEsPAKeM=
-
-promise-retry@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/promise-retry/-/promise-retry-1.1.1.tgz#6739e968e3051da20ce6497fb2b50f6911df3d6d"
-  integrity sha1-ZznpaOMFHaIM5kl/srUPaRHfPW0=
-  dependencies:
-    err-code "^1.0.0"
-    retry "^0.10.0"
-
-promise@^7.0.3, promise@^7.1.1:
-  version "7.3.1"
-  resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
-  integrity sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==
-  dependencies:
-    asap "~2.0.3"
-
-prompts@^2.0.1:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.3.2.tgz#480572d89ecf39566d2bd3fe2c9fccb7c4c0b068"
-  integrity sha512-Q06uKs2CkNYVID0VqwfAl9mipo99zkBv/n2JtWY89Yxa3ZabWSrs0e2KTudKVa3peLUvYXMefDqIleLPVUBZMA==
-  dependencies:
-    kleur "^3.0.3"
-    sisteransi "^1.0.4"
-
-prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
-  version "15.7.2"
-  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
-  integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
-  dependencies:
-    loose-envify "^1.4.0"
-    object-assign "^4.1.1"
-    react-is "^16.8.1"
-
-proxy-addr@~2.0.5:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.6.tgz#fdc2336505447d3f2f2c638ed272caf614bbb2bf"
-  integrity sha512-dh/frvCBVmSsDYzw6n926jv974gddhkFPfiN8hPOi30Wax25QZyZEGveluCgliBnqmuM+UJmBErbAUFIoDbjOw==
-  dependencies:
-    forwarded "~0.1.2"
-    ipaddr.js "1.9.1"
-
-prr@~1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
-  integrity sha1-0/wRS6BplaRexok/SEzrHXj19HY=
-
-psl@^1.1.28:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"
-  integrity sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==
-
-public-encrypt@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
-  integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
-  dependencies:
-    bn.js "^4.1.0"
-    browserify-rsa "^4.0.0"
-    create-hash "^1.1.0"
-    parse-asn1 "^5.0.0"
-    randombytes "^2.0.1"
-    safe-buffer "^5.1.2"
-
-pump@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
-  integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
-pump@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
-  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
-pumpify@^1.3.3:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
-  integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
-  dependencies:
-    duplexify "^3.6.0"
-    inherits "^2.0.3"
-    pump "^2.0.0"
-
-punycode@1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
-  integrity sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=
-
-punycode@^1.2.4:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
-  integrity sha1-wNWmOycYgArY4esPpSachN1BhF4=
-
-punycode@^2.1.0, punycode@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
-  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
-
-q@^1.1.2:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
-  integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
-
-qrcode@^1.4.4:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/qrcode/-/qrcode-1.4.4.tgz#f0c43568a7e7510a55efc3b88d9602f71963ea83"
-  integrity sha512-oLzEC5+NKFou9P0bMj5+v6Z40evexeE29Z9cummZXZ9QXyMr3lphkURzxjXgPJC5azpxcshoDWV1xE46z+/c3Q==
-  dependencies:
-    buffer "^5.4.3"
-    buffer-alloc "^1.2.0"
-    buffer-from "^1.1.1"
-    dijkstrajs "^1.0.1"
-    isarray "^2.0.1"
-    pngjs "^3.3.0"
-    yargs "^13.2.4"
-
-qs@6.7.0:
-  version "6.7.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.7.0.tgz#41dc1a015e3d581f1621776be31afb2876a9b1bc"
-  integrity sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==
-
-qs@^6.5.2, qs@^6.9.4:
-  version "6.9.4"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.9.4.tgz#9090b290d1f91728d3c22e54843ca44aea5ab687"
-  integrity sha512-A1kFqHekCTM7cz0udomYUoYNWjBebHm/5wzU/XqrBRBNWectVH0QIiN+NEcZ0Dte5hvzHwbr8+XQmguPhJ6WdQ==
-
-qs@~6.5.2:
-  version "6.5.2"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
-  integrity sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==
-
-query-string@^4.1.0:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/query-string/-/query-string-4.3.4.tgz#bbb693b9ca915c232515b228b1a02b609043dbeb"
-  integrity sha1-u7aTucqRXCMlFbIosaArYJBD2+s=
-  dependencies:
-    object-assign "^4.1.0"
-    strict-uri-encode "^1.0.0"
-
-querystring-es3@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
-  integrity sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=
-
-querystring@0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
-  integrity sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=
-
-querystringify@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.1.1.tgz#60e5a5fd64a7f8bfa4d2ab2ed6fdf4c85bad154e"
-  integrity sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA==
-
-quick-lru@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-1.1.0.tgz#4360b17c61136ad38078397ff11416e186dcfbb8"
-  integrity sha1-Q2CxfGETatOAeDl/8RQW4Ybc+7g=
-
-raf-schd@^2.1.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/raf-schd/-/raf-schd-2.1.2.tgz#ec622b5167f2912089f054dc03ebd5bcf33c8f62"
-  integrity sha512-Orl0IEvMtUCgPddgSxtxreK77UiQz4nPYJy9RggVzu4mKsZkQWiAaG1y9HlYWdvm9xtN348xRaT37qkvL/+A+g==
-
-raf@^3.1.0:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
-  integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
-  dependencies:
-    performance-now "^2.1.0"
-
-randomatic@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-3.1.1.tgz#b776efc59375984e36c537b2f51a1f0aff0da1ed"
-  integrity sha512-TuDE5KxZ0J461RVjrJZCJc+J+zCkTb1MbH9AQUq68sMhOMcy9jLcb3BrZKgp9q9Ncltdg4QVqWrH02W2EFFVYw==
-  dependencies:
-    is-number "^4.0.0"
-    kind-of "^6.0.0"
-    math-random "^1.0.1"
-
-randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
-  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
-  dependencies:
-    safe-buffer "^5.1.0"
-
-randomfill@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/randomfill/-/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
-  integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
-  dependencies:
-    randombytes "^2.0.5"
-    safe-buffer "^5.1.0"
-
-range-parser@^1.2.1, range-parser@~1.2.1:
-  version "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.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.4.0.tgz#a1ce6fb9c9bc356ca52e89256ab59059e13d0332"
-  integrity sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==
-  dependencies:
-    bytes "3.1.0"
-    http-errors "1.7.2"
-    iconv-lite "0.4.24"
-    unpipe "1.0.0"
-
-rc@1.2.8, rc@^1.2.7, rc@^1.2.8:
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
-  integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
-  dependencies:
-    deep-extend "^0.6.0"
-    ini "~1.3.0"
-    minimist "^1.2.0"
-    strip-json-comments "~2.0.1"
-
-re-resizable@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/re-resizable/-/re-resizable-6.5.4.tgz#909a1e37f9d1a3afd356893a5779a030167be641"
-  integrity sha512-7T3L1lexB2zkZIDmzRJbwdq+xGFuRkrEVQIf5hBPnh7JuS9kG9Yc8XgIaxTWic1kU7jVlDgqzfId/gvmpBCjpA==
-  dependencies:
-    fast-memoize "^2.5.1"
-
-react-beautiful-dnd@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/react-beautiful-dnd/-/react-beautiful-dnd-4.0.1.tgz#3b0a49bf6be75af351176c904f012611dd292b81"
-  integrity sha512-d73RMu4QOFCyjUELLWFyY/EuclnfqulI9pECx+2gIuJvV0ycf1uR88o+1x0RSB9ILD70inHMzCBKNkWVbbt+vA==
-  dependencies:
-    babel-runtime "^6.26.0"
-    invariant "^2.2.2"
-    memoize-one "^3.0.1"
-    prop-types "^15.6.0"
-    raf-schd "^2.1.0"
-    react-motion "^0.5.2"
-    react-redux "^5.0.6"
-    redux "^3.7.2"
-    redux-thunk "^2.2.0"
-    reselect "^3.0.1"
-
-react-clientside-effect@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/react-clientside-effect/-/react-clientside-effect-1.2.2.tgz#6212fb0e07b204e714581dd51992603d1accc837"
-  integrity sha512-nRmoyxeok5PBO6ytPvSjKp9xwXg9xagoTK1mMjwnQxqM9Hd7MNPl+LS1bOSOe+CV2+4fnEquc7H/S8QD3q697A==
-  dependencies:
-    "@babel/runtime" "^7.0.0"
-
-react-dom@^16.13.1, react-dom@^16.9.0:
-  version "16.13.1"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.13.1.tgz#c1bd37331a0486c078ee54c4740720993b2e0e7f"
-  integrity sha512-81PIMmVLnCNLO/fFOQxdQkvEq/+Hfpv24XNJfpyZhTRfO0QcmQIF/PgCa1zCOj2w1hrn12MFLyaJ/G0+Mxtfag==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    prop-types "^15.6.2"
-    scheduler "^0.19.1"
-
-react-focus-lock@^2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/react-focus-lock/-/react-focus-lock-2.4.1.tgz#e842cc93da736b5c5d331799012544295cbcee4f"
-  integrity sha512-c5ZP56KSpj9EAxzScTqQO7bQQNPltf/W1ZEBDqNDOV1XOIwvAyHX0O7db9ekiAtxyKgnqZjQlLppVg94fUeL9w==
-  dependencies:
-    "@babel/runtime" "^7.0.0"
-    focus-lock "^0.7.0"
-    prop-types "^15.6.2"
-    react-clientside-effect "^1.2.2"
-    use-callback-ref "^1.2.1"
-    use-sidecar "^1.0.1"
-
-react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.4:
-  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-lifecycles-compat@^3.0.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
-  integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
-
-react-motion@^0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/react-motion/-/react-motion-0.5.2.tgz#0dd3a69e411316567927917c6626551ba0607316"
-  integrity sha512-9q3YAvHoUiWlP3cK0v+w1N5Z23HXMj4IF4YuvjvWegWqNPfLXsOBE/V7UvQGpXxHFKRQQcNcVQE31g9SB/6qgQ==
-  dependencies:
-    performance-now "^0.2.0"
-    prop-types "^15.5.8"
-    raf "^3.1.0"
-
-react-redux@^5.0.6:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-5.1.2.tgz#b19cf9e21d694422727bf798e934a916c4080f57"
-  integrity sha512-Ns1G0XXc8hDyH/OcBHOxNgQx9ayH3SPxBnFCOidGKSle8pKihysQw2rG/PmciUQRoclhVBO8HMhiRmGXnDja9Q==
-  dependencies:
-    "@babel/runtime" "^7.1.2"
-    hoist-non-react-statics "^3.3.0"
-    invariant "^2.2.4"
-    loose-envify "^1.1.0"
-    prop-types "^15.6.1"
-    react-is "^16.6.0"
-    react-lifecycles-compat "^3.0.0"
-
-react-transition-group@^4.4.1:
-  version "4.4.1"
-  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.1.tgz#63868f9325a38ea5ee9535d828327f85773345c9"
-  integrity sha512-Djqr7OQ2aPUiYurhPalTrVy9ddmFCCzwhqQmtN+J3+3DzLO209Fdr70QrN8Z3DsglWql6iY1lDWAfpFiBtuKGw==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-    dom-helpers "^5.0.1"
-    loose-envify "^1.4.0"
-    prop-types "^15.6.2"
-
-react@^16.13.1, react@^16.9.0:
-  version "16.13.1"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.13.1.tgz#2e818822f1a9743122c063d6410d85c1e3afe48e"
-  integrity sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    prop-types "^15.6.2"
-
-read-cache@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
-  integrity sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=
-  dependencies:
-    pify "^2.3.0"
-
-read-pkg-up@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be"
-  integrity sha1-a3KoBImE4MQeeVEP1en6mbO1Sb4=
-  dependencies:
-    find-up "^2.0.0"
-    read-pkg "^2.0.0"
-
-read-pkg-up@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-3.0.0.tgz#3ed496685dba0f8fe118d0691dc51f4a1ff96f07"
-  integrity sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=
-  dependencies:
-    find-up "^2.0.0"
-    read-pkg "^3.0.0"
-
-read-pkg-up@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-4.0.0.tgz#1b221c6088ba7799601c808f91161c66e58f8978"
-  integrity sha512-6etQSH7nJGsK0RbG/2TeDzZFa8shjQ1um+SwQQ5cwKy0dhSXdOncEhb1CPpvQG4h7FyOV6EB6YlV0yJvZQNAkA==
-  dependencies:
-    find-up "^3.0.0"
-    read-pkg "^3.0.0"
-
-read-pkg@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-2.0.0.tgz#8ef1c0623c6a6db0dc6713c4bfac46332b2368f8"
-  integrity sha1-jvHAYjxqbbDcZxPEv6xGMysjaPg=
-  dependencies:
-    load-json-file "^2.0.0"
-    normalize-package-data "^2.3.2"
-    path-type "^2.0.0"
-
-read-pkg@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-3.0.0.tgz#9cbc686978fee65d16c00e2b19c237fcf6e38389"
-  integrity sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=
-  dependencies:
-    load-json-file "^4.0.0"
-    normalize-package-data "^2.3.2"
-    path-type "^3.0.0"
-
-read-pkg@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-4.0.1.tgz#963625378f3e1c4d48c85872b5a6ec7d5d093237"
-  integrity sha1-ljYlN48+HE1IyFhytabsfV0JMjc=
-  dependencies:
-    normalize-package-data "^2.3.2"
-    parse-json "^4.0.0"
-    pify "^3.0.0"
-
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
-  version "2.3.7"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
-  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.3"
-    isarray "~1.0.0"
-    process-nextick-args "~2.0.0"
-    safe-buffer "~5.1.1"
-    string_decoder "~1.1.1"
-    util-deprecate "~1.0.1"
-
-readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
-  integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
-
-readdirp@^2.0.0, readdirp@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.2.1.tgz#0e87622a3325aa33e892285caf8b4e846529a525"
-  integrity sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==
-  dependencies:
-    graceful-fs "^4.1.11"
-    micromatch "^3.1.10"
-    readable-stream "^2.0.2"
-
-readdirp@~3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.4.0.tgz#9fdccdf9e9155805449221ac645e8303ab5b9ada"
-  integrity sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==
-  dependencies:
-    picomatch "^2.2.1"
-
-realistic-structured-clone@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/realistic-structured-clone/-/realistic-structured-clone-2.0.2.tgz#2f8ec225b1f9af20efc79ac96a09043704414959"
-  integrity sha512-5IEvyfuMJ4tjQOuKKTFNvd+H9GSbE87IcendSBannE28PTrbolgaVg5DdEApRKhtze794iXqVUFKV60GLCNKEg==
-  dependencies:
-    core-js "^2.5.3"
-    domexception "^1.0.1"
-    typeson "^5.8.2"
-    typeson-registry "^1.0.0-alpha.20"
-
-realpath-native@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/realpath-native/-/realpath-native-1.1.0.tgz#2003294fea23fb0672f2476ebe22fcf498a2d65c"
-  integrity sha512-wlgPA6cCIIg9gKz0fgAPjnzh4yR/LnXovwuo9hvyGvx3h8nX4+/iLZplfUWasXpqD8BdnGnP5njOFjkUwPzvjA==
-  dependencies:
-    util.promisify "^1.0.0"
-
-redent@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/redent/-/redent-2.0.0.tgz#c1b2007b42d57eb1389079b3c8333639d5e1ccaa"
-  integrity sha1-wbIAe0LVfrE4kHmzyDM2OdXhzKo=
-  dependencies:
-    indent-string "^3.0.0"
-    strip-indent "^2.0.0"
-
-redux-thunk@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/redux-thunk/-/redux-thunk-2.3.0.tgz#51c2c19a185ed5187aaa9a2d08b666d0d6467622"
-  integrity sha512-km6dclyFnmcvxhAcrQV2AkZmPQjzPDjgVlQtR0EQjxZPyJ0BnMf3in1ryuR8A2qU0HldVRfxYXbFSKlI3N7Slw==
-
-redux@^3.7.2:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/redux/-/redux-3.7.2.tgz#06b73123215901d25d065be342eb026bc1c8537b"
-  integrity sha512-pNqnf9q1hI5HHZRBkj3bAngGZW/JMCmexDlOxw4XagXY2o1327nHH54LoTjiPJ0gizoqPDRqWyX/00g0hD6w+A==
-  dependencies:
-    lodash "^4.2.1"
-    lodash-es "^4.2.1"
-    loose-envify "^1.1.0"
-    symbol-observable "^1.0.3"
-
-regenerate-unicode-properties@^8.2.0:
-  version "8.2.0"
-  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz#e5de7111d655e7ba60c057dbe9ff37c87e65cdec"
-  integrity sha512-F9DjY1vKLo/tPePDycuH3dn9H1OTPIkVD9Kz4LODu+F2C75mgjAJ7x/gwy6ZcSNRAAkhNlJSOHRe8k3p+K9WhA==
-  dependencies:
-    regenerate "^1.4.0"
-
-regenerate@^1.4.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.1.tgz#cad92ad8e6b591773485fbe05a485caf4f457e6f"
-  integrity sha512-j2+C8+NtXQgEKWk49MMP5P/u2GhnahTtVkRIHr5R5lVRlbKvmQ+oS+A5aLKWp2ma5VkT8sh6v+v4hbH0YHR66A==
-
-regenerator-runtime@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
-  integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
-
-regenerator-runtime@^0.13.4:
-  version "0.13.5"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz#d878a1d094b4306d10b9096484b33ebd55e26697"
-  integrity sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==
-
-regenerator-transform@^0.14.2:
-  version "0.14.4"
-  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.14.4.tgz#5266857896518d1616a78a0479337a30ea974cc7"
-  integrity sha512-EaJaKPBI9GvKpvUz2mz4fhx7WPgvwRLY9v3hlNHWmAuJHI13T4nwKnNvm5RWJzEdnI5g5UwtOww+S8IdoUC2bw==
-  dependencies:
-    "@babel/runtime" "^7.8.4"
-    private "^0.1.8"
-
-regex-cache@^0.4.2:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/regex-cache/-/regex-cache-0.4.4.tgz#75bdc58a2a1496cec48a12835bc54c8d562336dd"
-  integrity sha512-nVIZwtCjkC9YgvWkpM55B5rBhBYRZhAaJbgcFYXXsHnbZ9UZI9nnVWYZpBlCqv9ho2eZryPnWrZGsOdPwVWXWQ==
-  dependencies:
-    is-equal-shallow "^0.1.3"
-
-regex-not@^1.0.0, regex-not@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/regex-not/-/regex-not-1.0.2.tgz#1f4ece27e00b0b65e0247a6810e6a85d83a5752c"
-  integrity sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==
-  dependencies:
-    extend-shallow "^3.0.2"
-    safe-regex "^1.1.0"
-
-regexp.prototype.flags@^1.2.0, regexp.prototype.flags@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.3.0.tgz#7aba89b3c13a64509dabcf3ca8d9fbb9bdf5cb75"
-  integrity sha512-2+Q0C5g951OlYlJz6yu5/M33IcsESLlLfsyIaLJaG4FA2r4yP8MvVMJUUP/fVBkSpbbbZlS5gynbEWLipiiXiQ==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
-
-regexpp@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
-  integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==
-
-regexpp@^3.0.0, regexpp@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
-  integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==
-
-regexpu-core@^4.7.0:
-  version "4.7.0"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.7.0.tgz#fcbf458c50431b0bb7b45d6967b8192d91f3d938"
-  integrity sha512-TQ4KXRnIn6tz6tjnrXEkD/sshygKH/j5KzK86X8MkeHyZ8qst/LZ89j3X4/8HEIfHANTFIP/AbXakeRhWIl5YQ==
-  dependencies:
-    regenerate "^1.4.0"
-    regenerate-unicode-properties "^8.2.0"
-    regjsgen "^0.5.1"
-    regjsparser "^0.6.4"
-    unicode-match-property-ecmascript "^1.0.4"
-    unicode-match-property-value-ecmascript "^1.2.0"
-
-registry-auth-token@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-4.0.0.tgz#30e55961eec77379da551ea5c4cf43cbf03522be"
-  integrity sha512-lpQkHxd9UL6tb3k/aHAVfnVtn+Bcs9ob5InuFLLEDqSqeq+AljB8GZW9xY0x7F+xYwEcjKe07nyoxzEYz6yvkw==
-  dependencies:
-    rc "^1.2.8"
-    safe-buffer "^5.0.1"
-
-regjsgen@^0.5.1:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.2.tgz#92ff295fb1deecbf6ecdab2543d207e91aa33733"
-  integrity sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A==
-
-regjsparser@^0.6.4:
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.6.4.tgz#a769f8684308401a66e9b529d2436ff4d0666272"
-  integrity sha512-64O87/dPDgfk8/RQqC4gkZoGyyWFIEUTTh80CU6CWuK5vkCGyekIx+oKcEIYtP/RAxSQltCZHCNu/mdd7fqlJw==
-  dependencies:
-    jsesc "~0.5.0"
-
-relateurl@0.2.x:
-  version "0.2.7"
-  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
-  integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
-
-remark-parse@^6.0.0:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-6.0.3.tgz#c99131052809da482108413f87b0ee7f52180a3a"
-  integrity sha512-QbDXWN4HfKTUC0hHa4teU463KclLAnwpn/FBn87j9cKYJWWawbiLgMfP2Q4XwhxxuuuOxHlw+pSN0OKuJwyVvg==
-  dependencies:
-    collapse-white-space "^1.0.2"
-    is-alphabetical "^1.0.0"
-    is-decimal "^1.0.0"
-    is-whitespace-character "^1.0.0"
-    is-word-character "^1.0.0"
-    markdown-escapes "^1.0.0"
-    parse-entities "^1.1.0"
-    repeat-string "^1.5.4"
-    state-toggle "^1.0.0"
-    trim "0.0.1"
-    trim-trailing-lines "^1.0.0"
-    unherit "^1.0.4"
-    unist-util-remove-position "^1.0.0"
-    vfile-location "^2.0.0"
-    xtend "^4.0.1"
-
-remark-stringify@^6.0.0:
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-6.0.4.tgz#16ac229d4d1593249018663c7bddf28aafc4e088"
-  integrity sha512-eRWGdEPMVudijE/psbIDNcnJLRVx3xhfuEsTDGgH4GsFF91dVhw5nhmnBppafJ7+NWINW6C7ZwWbi30ImJzqWg==
-  dependencies:
-    ccount "^1.0.0"
-    is-alphanumeric "^1.0.0"
-    is-decimal "^1.0.0"
-    is-whitespace-character "^1.0.0"
-    longest-streak "^2.0.1"
-    markdown-escapes "^1.0.0"
-    markdown-table "^1.1.0"
-    mdast-util-compact "^1.0.0"
-    parse-entities "^1.0.2"
-    repeat-string "^1.5.4"
-    state-toggle "^1.0.0"
-    stringify-entities "^1.0.1"
-    unherit "^1.0.4"
-    xtend "^4.0.1"
-
-remark@^10.0.1:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/remark/-/remark-10.0.1.tgz#3058076dc41781bf505d8978c291485fe47667df"
-  integrity sha512-E6lMuoLIy2TyiokHprMjcWNJ5UxfGQjaMSMhV+f4idM625UjjK4j798+gPs5mfjzDE6vL0oFKVeZM6gZVSVrzQ==
-  dependencies:
-    remark-parse "^6.0.0"
-    remark-stringify "^6.0.0"
-    unified "^7.0.0"
-
-remove-trailing-separator@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
-  integrity sha1-wkvOKig62tW8P1jg1IJJuSN52O8=
-
-renderkid@^2.0.1:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-2.0.3.tgz#380179c2ff5ae1365c522bf2fcfcff01c5b74149"
-  integrity sha512-z8CLQp7EZBPCwCnncgf9C4XAi3WR0dv+uWu/PjIyhhAb5d6IJ/QZqlHFprHeKT+59//V6BNUsLbvN8+2LarxGA==
-  dependencies:
-    css-select "^1.1.0"
-    dom-converter "^0.2"
-    htmlparser2 "^3.3.0"
-    strip-ansi "^3.0.0"
-    utila "^0.4.0"
-
-repeat-element@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.3.tgz#782e0d825c0c5a3bb39731f84efee6b742e6b1ce"
-  integrity sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==
-
-repeat-string@^1.5.2, repeat-string@^1.5.4, repeat-string@^1.6.1:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
-  integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc=
-
-replace-ext@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-1.0.0.tgz#de63128373fcbf7c3ccfa4de5a480c45a67958eb"
-  integrity sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=
-
-request-promise-core@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/request-promise-core/-/request-promise-core-1.1.3.tgz#e9a3c081b51380dfea677336061fea879a829ee9"
-  integrity sha512-QIs2+ArIGQVp5ZYbWD5ZLCY29D5CfWizP8eWnm8FoGD1TX61veauETVQbrV60662V0oFBkrDOuaBI8XgtuyYAQ==
-  dependencies:
-    lodash "^4.17.15"
-
-request-promise-native@^1.0.5:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/request-promise-native/-/request-promise-native-1.0.8.tgz#a455b960b826e44e2bf8999af64dff2bfe58cb36"
-  integrity sha512-dapwLGqkHtwL5AEbfenuzjTYg35Jd6KPytsC2/TLkVMz8rm+tNt72MGUWT1RP/aYawMpN6HqbNGBQaRcBtjQMQ==
-  dependencies:
-    request-promise-core "1.1.3"
-    stealthy-require "^1.1.1"
-    tough-cookie "^2.3.3"
-
-request@^2.87.0, request@^2.88.0:
-  version "2.88.2"
-  resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
-  integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==
-  dependencies:
-    aws-sign2 "~0.7.0"
-    aws4 "^1.8.0"
-    caseless "~0.12.0"
-    combined-stream "~1.0.6"
-    extend "~3.0.2"
-    forever-agent "~0.6.1"
-    form-data "~2.3.2"
-    har-validator "~5.1.3"
-    http-signature "~1.2.0"
-    is-typedarray "~1.0.0"
-    isstream "~0.1.2"
-    json-stringify-safe "~5.0.1"
-    mime-types "~2.1.19"
-    oauth-sign "~0.9.0"
-    performance-now "^2.1.0"
-    qs "~6.5.2"
-    safe-buffer "^5.1.2"
-    tough-cookie "~2.5.0"
-    tunnel-agent "^0.6.0"
-    uuid "^3.3.2"
-
-require-directory@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
-  integrity sha1-jGStX9MNqxyXbiNE/+f3kqam30I=
-
-require-main-filename@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
-  integrity sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=
-
-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==
-
-requirejs@^2.3.6:
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/requirejs/-/requirejs-2.3.6.tgz#e5093d9601c2829251258c0b9445d4d19fa9e7c9"
-  integrity sha512-ipEzlWQe6RK3jkzikgCupiTbTvm4S0/CAU5GlgptkN5SO6F3u0UD0K18wy6ErDqiCyP4J4YYe1HuAShvsxePLg==
-
-requires-port@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
-  integrity sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=
-
-reselect@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/reselect/-/reselect-3.0.1.tgz#efdaa98ea7451324d092b2b2163a6a1d7a9a2147"
-  integrity sha1-79qpjqdFEyTQkrKyFjpqHXqaIUc=
-
-resize-observer-polyfill@^1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
-  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
-
-resolve-cwd@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
-  integrity sha1-AKn3OHVW4nA46uIyyqNypqWbZlo=
-  dependencies:
-    resolve-from "^3.0.0"
-
-resolve-dir@^1.0.0, resolve-dir@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/resolve-dir/-/resolve-dir-1.0.1.tgz#79a40644c362be82f26effe739c9bb5382046f43"
-  integrity sha1-eaQGRMNivoLybv/nOcm7U4IEb0M=
-  dependencies:
-    expand-tilde "^2.0.0"
-    global-modules "^1.0.0"
-
-resolve-from@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
-  integrity sha1-six699nWiBvItuZTM17rywoYh0g=
-
-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-url@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
-  integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
-
-resolve@1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
-  integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
-
-resolve@^1.1.7, resolve@^1.10.0, resolve@^1.12.0, resolve@^1.13.1, resolve@^1.15.1, resolve@^1.17.0, resolve@^1.3.2, resolve@^1.8.1:
-  version "1.17.0"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
-  integrity sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==
-  dependencies:
-    path-parse "^1.0.6"
-
-restore-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
-  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
-  dependencies:
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-
-ret@~0.1.10:
-  version "0.1.15"
-  resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
-  integrity sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==
-
-retry@^0.10.0:
-  version "0.10.1"
-  resolved "https://registry.yarnpkg.com/retry/-/retry-0.10.1.tgz#e76388d217992c252750241d3d3956fed98d8ff4"
-  integrity sha1-52OI0heZLCUnUCQdPTlW/tmNj/Q=
-
-retry@^0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
-  integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=
-
-rgb-regex@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1"
-  integrity sha1-wODWiC3w4jviVKR16O3UGRX+rrE=
-
-rgba-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3"
-  integrity sha1-QzdOLiyglosO8VI0YLfXMP8i7rM=
-
-rimraf@2.6.3:
-  version "2.6.3"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
-  integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
-  dependencies:
-    glob "^7.1.3"
-
-rimraf@^2.2.8, rimraf@^2.4.3, rimraf@^2.5.4, rimraf@^2.6.1, rimraf@^2.6.3, rimraf@^2.7.1:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
-  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
-  dependencies:
-    glob "^7.1.3"
-
-ripemd160@^2.0.0, ripemd160@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
-  integrity sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-
-rollup-plugin-terser@^5.1.1:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-terser/-/rollup-plugin-terser-5.3.0.tgz#9c0dd33d5771df9630cd027d6a2559187f65885e"
-  integrity sha512-XGMJihTIO3eIBsVGq7jiNYOdDMb3pVxuzY0uhOE/FM4x/u9nQgr3+McsjzqBn3QfHIpNSZmFnpoKAwHBEcsT7g==
-  dependencies:
-    "@babel/code-frame" "^7.5.5"
-    jest-worker "^24.9.0"
-    rollup-pluginutils "^2.8.2"
-    serialize-javascript "^2.1.2"
-    terser "^4.6.2"
-
-rollup-pluginutils@^2.8.2:
-  version "2.8.2"
-  resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e"
-  integrity sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==
-  dependencies:
-    estree-walker "^0.6.1"
-
-rsvp@^4.8.4:
-  version "4.8.5"
-  resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
-  integrity sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==
-
-run-async@^2.4.0:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
-  integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
-
-run-queue@^1.0.0, run-queue@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
-  integrity sha1-6Eg5bwV9Ij8kOGkkYY4laUFh7Ec=
-  dependencies:
-    aproba "^1.1.1"
-
-rxjs@^6.5.2:
-  version "6.5.5"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.5.tgz#c5c884e3094c8cfee31bf27eb87e54ccfc87f9ec"
-  integrity sha512-WfQI+1gohdf0Dai/Bbmk5L5ItH5tYqm3ki2c5GdWhKjalzjg93N3avFjVStyZZz+A2Em+ZxKH5bNghw9UeylGQ==
-  dependencies:
-    tslib "^1.9.0"
-
-rxjs@^6.6.0:
-  version "6.6.0"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.0.tgz#af2901eedf02e3a83ffa7f886240ff9018bbec84"
-  integrity sha512-3HMA8z/Oz61DUHe+SdOiQyzIf4tOx5oQHmMir7IZEu6TMqCLHT4LRcmNaUS0NwOz8VLvmmBduMsoaUvMaIiqzg==
-  dependencies:
-    tslib "^1.9.0"
-
-safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
-  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
-
-safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.0, safe-buffer@~5.2.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
-  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
-
-safe-regex@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/safe-regex/-/safe-regex-1.1.0.tgz#40a3669f3b077d1e943d44629e157dd48023bf2e"
-  integrity sha1-QKNmnzsHfR6UPURinhV91IAjvy4=
-  dependencies:
-    ret "~0.1.10"
-
-"safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
-  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
-
-sane@^4.0.3:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/sane/-/sane-4.1.0.tgz#ed881fd922733a6c461bc189dc2b6c006f3ffded"
-  integrity sha512-hhbzAgTIX8O7SHfp2c8/kREfEn4qO/9q8C9beyY6+tvZ87EpoZ3i1RIEvp27YBswnNbY9mWd6paKVmKbAgLfZA==
-  dependencies:
-    "@cnakazawa/watch" "^1.0.3"
-    anymatch "^2.0.0"
-    capture-exit "^2.0.0"
-    exec-sh "^0.3.2"
-    execa "^1.0.0"
-    fb-watchman "^2.0.0"
-    micromatch "^3.1.4"
-    minimist "^1.1.1"
-    walker "~1.0.5"
-
-sanitize-html@^1.19.1:
-  version "1.26.0"
-  resolved "https://registry.yarnpkg.com/sanitize-html/-/sanitize-html-1.26.0.tgz#ab38d671526b9b7c08aa7af7f9ad5a73fcc1bbe4"
-  integrity sha512-xriDBT2FbfN0ZKCcX6H6svkh1bZpO2e5ny05RQGZY6vFOMAU13La2L5YYf3XpcjXSksCYXzPj7YPvyGp5wbaUA==
-  dependencies:
-    chalk "^2.4.1"
-    htmlparser2 "^4.1.0"
-    lodash "^4.17.15"
-    postcss "^7.0.27"
-    srcset "^2.0.1"
-    xtend "^4.0.1"
-
-sanitize-html@^1.27.1:
-  version "1.27.1"
-  resolved "https://registry.yarnpkg.com/sanitize-html/-/sanitize-html-1.27.1.tgz#ce147951aa3defba13448e2ca8a4e18d8f2e2cd7"
-  integrity sha512-C+N7E+7ikYaLHdb9lEkQaFOgmj+9ddZ311Ixs/QsBsoLD411/vdLweiFyGqrswUVgLqagOS5NCDxcEPH7trObQ==
-  dependencies:
-    htmlparser2 "^4.1.0"
-    lodash "^4.17.15"
-    postcss "^7.0.27"
-    srcset "^2.0.1"
-
-sax@^1.2.4, sax@~1.2.4:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
-  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
-
-saxes@^3.1.9:
-  version "3.1.11"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-3.1.11.tgz#d59d1fd332ec92ad98a2e0b2ee644702384b1c5b"
-  integrity sha512-Ydydq3zC+WYDJK1+gRxRapLIED9PWeSuuS41wqyoRmzvhhh9nc+QQrVMKJYzJFULazeGhzSV0QleN2wD3boh2g==
-  dependencies:
-    xmlchars "^2.1.1"
-
-scheduler@^0.19.1:
-  version "0.19.1"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196"
-  integrity sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-
-schema-utils@^0.4.5:
-  version "0.4.7"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.4.7.tgz#ba74f597d2be2ea880131746ee17d0a093c68187"
-  integrity sha512-v/iwU6wvwGK8HbU9yi3/nhGzP0yGSuhQMzL6ySiec1FSrZZDkhm4noOSWzrNFo/jEc+SJY6jRTwuwbSXJPDUnQ==
-  dependencies:
-    ajv "^6.1.0"
-    ajv-keywords "^3.1.0"
-
-schema-utils@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-1.0.0.tgz#0b79a93204d7b600d4b2850d1f66c2a34951c770"
-  integrity sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==
-  dependencies:
-    ajv "^6.1.0"
-    ajv-errors "^1.0.0"
-    ajv-keywords "^3.1.0"
-
-schema-utils@^2.5.0, schema-utils@^2.6.5, schema-utils@^2.6.6:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
-  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
-  dependencies:
-    "@types/json-schema" "^7.0.4"
-    ajv "^6.12.2"
-    ajv-keywords "^3.4.1"
-
-select-hose@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
-  integrity sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=
-
-selfsigned@^1.10.7:
-  version "1.10.7"
-  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-1.10.7.tgz#da5819fd049d5574f28e88a9bcc6dbc6e6f3906b"
-  integrity sha512-8M3wBCzeWIJnQfl43IKwOmC4H/RAp50S8DF60znzjW5GVqTcSe2vWclt7hmYVPkKPlHWOu5EaWOMZ2Y6W8ZXTA==
-  dependencies:
-    node-forge "0.9.0"
-
-"semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
-  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
-
-semver@6.3.0, semver@^6.0.0, semver@^6.1.2, semver@^6.2.0, semver@^6.3.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
-  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
-
-semver@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
-  integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
-
-semver@^7.2.1, semver@^7.3.2:
-  version "7.3.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
-  integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
-
-send@0.17.1:
-  version "0.17.1"
-  resolved "https://registry.yarnpkg.com/send/-/send-0.17.1.tgz#c1d8b059f7900f7466dd4938bdc44e11ddb376c8"
-  integrity sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==
-  dependencies:
-    debug "2.6.9"
-    depd "~1.1.2"
-    destroy "~1.0.4"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    fresh "0.5.2"
-    http-errors "~1.7.2"
-    mime "1.6.0"
-    ms "2.1.1"
-    on-finished "~2.3.0"
-    range-parser "~1.2.1"
-    statuses "~1.5.0"
-
-serialize-javascript@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
-  integrity sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==
-
-serialize-javascript@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-3.1.0.tgz#8bf3a9170712664ef2561b44b691eafe399214ea"
-  integrity sha512-JIJT1DGiWmIKhzRsG91aS6Ze4sFUrYbltlkg2onR5OrnNM02Kl/hnY/T4FN2omvyeBbQmMJv+K4cPOpGzOTFBg==
-  dependencies:
-    randombytes "^2.1.0"
-
-serve-index@^1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
-  integrity sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=
-  dependencies:
-    accepts "~1.3.4"
-    batch "0.6.1"
-    debug "2.6.9"
-    escape-html "~1.0.3"
-    http-errors "~1.6.2"
-    mime-types "~2.1.17"
-    parseurl "~1.3.2"
-
-serve-static@1.14.1:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.14.1.tgz#666e636dc4f010f7ef29970a88a674320898b2f9"
-  integrity sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==
-  dependencies:
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    parseurl "~1.3.3"
-    send "0.17.1"
-
-set-blocking@^2.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 sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
-
-set-value@^2.0.0, set-value@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
-  integrity sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==
-  dependencies:
-    extend-shallow "^2.0.1"
-    is-extendable "^0.1.1"
-    is-plain-object "^2.0.3"
-    split-string "^3.0.1"
-
-setimmediate@^1.0.4, setimmediate@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
-  integrity sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=
-
-setprototypeof@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
-  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
-
-setprototypeof@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.1.tgz#7e95acb24aa92f5885e0abef5ba131330d4ae683"
-  integrity sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==
-
-sha.js@^2.4.0, sha.js@^2.4.8:
-  version "2.4.11"
-  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
-  integrity sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-shebang-command@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
-  integrity sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=
-  dependencies:
-    shebang-regex "^1.0.0"
-
-shebang-command@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
-  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
-  dependencies:
-    shebang-regex "^3.0.0"
-
-shebang-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
-  integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
-
-shebang-regex@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
-  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
-
-shell-escape@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/shell-escape/-/shell-escape-0.2.0.tgz#68fd025eb0490b4f567a027f0bf22480b5f84133"
-  integrity sha1-aP0CXrBJC09WegJ/C/IkgLX4QTM=
-
-shell-quote@^1.6.1:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.2.tgz#67a7d02c76c9da24f99d20808fcaded0e0e04be2"
-  integrity sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==
-
-shellwords@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
-  integrity sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==
-
-side-channel@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.2.tgz#df5d1abadb4e4bf4af1cd8852bf132d2f7876947"
-  integrity sha512-7rL9YlPHg7Ancea1S96Pa8/QWb4BtXL/TZvS6B8XFetGBeuhAsfmUspK6DokBeZ64+Kj9TCNRD/30pVz1BvQNA==
-  dependencies:
-    es-abstract "^1.17.0-next.1"
-    object-inspect "^1.7.0"
-
-signal-exit@^3.0.0, signal-exit@^3.0.2:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
-  integrity sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==
-
-simple-concat@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/simple-concat/-/simple-concat-1.0.0.tgz#7344cbb8b6e26fb27d66b2fc86f9f6d5997521c6"
-  integrity sha1-c0TLuLbib7J9ZrL8hvn21Zl1IcY=
-
-simple-get@^3.0.3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-3.1.0.tgz#b45be062435e50d159540b576202ceec40b9c6b3"
-  integrity sha512-bCR6cP+aTdScaQCnQKbPKtJOKDp/hj9EDLJo3Nw4y1QksqaovlW/bnptB6/c1e+qmNIDHRK+oXFDdEqBT8WzUA==
-  dependencies:
-    decompress-response "^4.2.0"
-    once "^1.3.1"
-    simple-concat "^1.0.0"
-
-simple-swizzle@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
-  integrity sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=
-  dependencies:
-    is-arrayish "^0.3.1"
-
-sisteransi@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
-  integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
-
-slash@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
-  integrity sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=
-
-slash@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-2.0.0.tgz#de552851a1759df3a8f206535442f5ec4ddeab44"
-  integrity sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==
-
-slash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
-  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
-
-slice-ansi@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
-  integrity sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==
-  dependencies:
-    ansi-styles "^3.2.0"
-    astral-regex "^1.0.0"
-    is-fullwidth-code-point "^2.0.0"
-
-smart-buffer@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-4.1.0.tgz#91605c25d91652f4661ea69ccf45f1b331ca21ba"
-  integrity sha512-iVICrxOzCynf/SNaBQCw34eM9jROU/s5rzIhpOvzhzuYHfJR/DhZfDkXiZSgKXfgv26HT3Yni3AV/DGw0cGnnw==
-
-snapdragon-node@^2.0.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
-  integrity sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==
-  dependencies:
-    define-property "^1.0.0"
-    isobject "^3.0.0"
-    snapdragon-util "^3.0.1"
-
-snapdragon-util@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/snapdragon-util/-/snapdragon-util-3.0.1.tgz#f956479486f2acd79700693f6f7b805e45ab56e2"
-  integrity sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==
-  dependencies:
-    kind-of "^3.2.0"
-
-snapdragon@^0.8.1:
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/snapdragon/-/snapdragon-0.8.2.tgz#64922e7c565b0e14204ba1aa7d6964278d25182d"
-  integrity sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==
-  dependencies:
-    base "^0.11.1"
-    debug "^2.2.0"
-    define-property "^0.2.5"
-    extend-shallow "^2.0.1"
-    map-cache "^0.2.2"
-    source-map "^0.5.6"
-    source-map-resolve "^0.5.0"
-    use "^3.1.0"
-
-sockjs-client@1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/sockjs-client/-/sockjs-client-1.4.0.tgz#c9f2568e19c8fd8173b4997ea3420e0bb306c7d5"
-  integrity sha512-5zaLyO8/nri5cua0VtOrFXBPK1jbL4+1cebT/mmKA1E1ZXOvJrII75bPu0l0k843G/+iAbhEqzyKr0w/eCCj7g==
-  dependencies:
-    debug "^3.2.5"
-    eventsource "^1.0.7"
-    faye-websocket "~0.11.1"
-    inherits "^2.0.3"
-    json3 "^3.3.2"
-    url-parse "^1.4.3"
-
-sockjs@0.3.20:
-  version "0.3.20"
-  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.20.tgz#b26a283ec562ef8b2687b44033a4eeceac75d855"
-  integrity sha512-SpmVOVpdq0DJc0qArhF3E5xsxvaiqGNb73XfgBpK1y3UD5gs8DSo8aCTsuT5pX8rssdc2NDIzANwP9eCAiSdTA==
-  dependencies:
-    faye-websocket "^0.10.0"
-    uuid "^3.4.0"
-    websocket-driver "0.6.5"
-
-socks-proxy-agent@^4.0.0:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-4.0.2.tgz#3c8991f3145b2799e70e11bd5fbc8b1963116386"
-  integrity sha512-NT6syHhI9LmuEMSK6Kd2V7gNv5KFZoLE7V5udWmn0de+3Mkj3UMA/AJPLyeNUVmElCurSHtUdM3ETpR3z770Wg==
-  dependencies:
-    agent-base "~4.2.1"
-    socks "~2.3.2"
-
-socks@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/socks/-/socks-2.3.3.tgz#01129f0a5d534d2b897712ed8aceab7ee65d78e3"
-  integrity sha512-o5t52PCNtVdiOvzMry7wU4aOqYWL0PeCXRWBEiJow4/i/wr+wpsJQ9awEu1EonLIqsfGd5qSgDdxEOvCdmBEpA==
-  dependencies:
-    ip "1.1.5"
-    smart-buffer "^4.1.0"
-
-sort-keys@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
-  integrity sha1-RBttTTRnmPG05J6JIK37oOVD+a0=
-  dependencies:
-    is-plain-obj "^1.0.0"
-
-source-list-map@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
-  integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
-
-source-map-resolve@^0.5.0:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
-  integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==
-  dependencies:
-    atob "^2.1.2"
-    decode-uri-component "^0.2.0"
-    resolve-url "^0.2.1"
-    source-map-url "^0.4.0"
-    urix "^0.1.0"
-
-source-map-support@^0.5.16, source-map-support@^0.5.6, source-map-support@~0.5.12:
-  version "0.5.19"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
-  integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
-source-map-url@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
-  integrity sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=
-
-source-map@^0.5.0, source-map@^0.5.6:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
-  integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
-
-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, 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-command@^0.0.2-1:
-  version "0.0.2-1"
-  resolved "https://registry.yarnpkg.com/spawn-command/-/spawn-command-0.0.2-1.tgz#62f5e9466981c1b796dc5929937e11c9c6921bd0"
-  integrity sha1-YvXpRmmBwbeW3Fkpk34RycaSG9A=
-
-spdx-correct@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.1.tgz#dece81ac9c1e6713e5f7d1b6f17d468fa53d89a9"
-  integrity sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==
-  dependencies:
-    spdx-expression-parse "^3.0.0"
-    spdx-license-ids "^3.0.0"
-
-spdx-exceptions@^2.1.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz#3f28ce1a77a00372683eade4a433183527a2163d"
-  integrity sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==
-
-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:
-    spdx-exceptions "^2.1.0"
-    spdx-license-ids "^3.0.0"
-
-spdx-license-ids@^3.0.0:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz#3694b5804567a458d3c8045842a6358632f62654"
-  integrity sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==
-
-spdy-transport@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
-  integrity sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==
-  dependencies:
-    debug "^4.1.0"
-    detect-node "^2.0.4"
-    hpack.js "^2.1.6"
-    obuf "^1.1.2"
-    readable-stream "^3.0.6"
-    wbuf "^1.7.3"
-
-spdy@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/spdy/-/spdy-4.0.2.tgz#b74f466203a3eda452c02492b91fb9e84a27677b"
-  integrity sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==
-  dependencies:
-    debug "^4.1.0"
-    handle-thing "^2.0.0"
-    http-deceiver "^1.2.7"
-    select-hose "^2.0.0"
-    spdy-transport "^3.0.0"
-
-specificity@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/specificity/-/specificity-0.4.1.tgz#aab5e645012db08ba182e151165738d00887b019"
-  integrity sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==
-
-split-string@^3.0.1, split-string@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"
-  integrity sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==
-  dependencies:
-    extend-shallow "^3.0.0"
-
-sprintf-js@^1.0.3:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.2.tgz#da1765262bf8c0f571749f2ad6c26300207ae673"
-  integrity sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==
-
-sprintf-js@~1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
-  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
-
-srcset@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/srcset/-/srcset-2.0.1.tgz#8f842d357487eb797f413d9c309de7a5149df5ac"
-  integrity sha512-00kZI87TdRKwt+P8jj8UZxbfp7mK2ufxcIMWvhAOZNJTRROimpHeruWrGvCZneiuVDLqdyHefVp748ECTnyUBQ==
-
-sshpk@^1.7.0:
-  version "1.16.1"
-  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.16.1.tgz#fb661c0bef29b39db40769ee39fa70093d6f6877"
-  integrity sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==
-  dependencies:
-    asn1 "~0.2.3"
-    assert-plus "^1.0.0"
-    bcrypt-pbkdf "^1.0.0"
-    dashdash "^1.12.0"
-    ecc-jsbn "~0.1.1"
-    getpass "^0.1.1"
-    jsbn "~0.1.0"
-    safer-buffer "^2.0.2"
-    tweetnacl "~0.14.0"
-
-ssri@^6.0.0, ssri@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/ssri/-/ssri-6.0.1.tgz#2a3c41b28dd45b62b63676ecb74001265ae9edd8"
-  integrity sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==
-  dependencies:
-    figgy-pudding "^3.5.1"
-
-ssri@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/ssri/-/ssri-7.1.0.tgz#92c241bf6de82365b5c7fb4bd76e975522e1294d"
-  integrity sha512-77/WrDZUWocK0mvA5NTRQyveUf+wsrIc6vyrxpS8tVvYBcX215QbafrJR3KtkpskIzoFLqqNuuYQvxaMjXJ/0g==
-  dependencies:
-    figgy-pudding "^3.5.1"
-    minipass "^3.1.1"
-
-stable@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
-  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
-
-stack-utils@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
-  integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
-
-state-toggle@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/state-toggle/-/state-toggle-1.0.3.tgz#e123b16a88e143139b09c6852221bc9815917dfe"
-  integrity sha512-d/5Z4/2iiCnHw6Xzghyhb+GcmF89bxwgXG60wjIiZaxnymbyOmI8Hk4VqHXiVVp6u2ysaskFfXg3ekCj4WNftQ==
-
-static-extend@^0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
-  integrity sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=
-  dependencies:
-    define-property "^0.2.5"
-    object-copy "^0.1.0"
-
-"statuses@>= 1.4.0 < 2", "statuses@>= 1.5.0 < 2", statuses@~1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
-  integrity sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=
-
-stealthy-require@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
-  integrity sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=
-
-stream-browserify@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"
-  integrity sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==
-  dependencies:
-    inherits "~2.0.1"
-    readable-stream "^2.0.2"
-
-stream-each@^1.1.0:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/stream-each/-/stream-each-1.2.3.tgz#ebe27a0c389b04fbcc233642952e10731afa9bae"
-  integrity sha512-vlMC2f8I2u/bZGqkdfLQW/13Zihpej/7PmSiMQsbYddxuTsJp8vRe2x2FvVExZg7FaOds43ROAuFJwPR4MTZLw==
-  dependencies:
-    end-of-stream "^1.1.0"
-    stream-shift "^1.0.0"
-
-stream-http@^2.7.2:
-  version "2.8.3"
-  resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.8.3.tgz#b2d242469288a5a27ec4fe8933acf623de6514fc"
-  integrity sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==
-  dependencies:
-    builtin-status-codes "^3.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.3.6"
-    to-arraybuffer "^1.0.0"
-    xtend "^4.0.0"
-
-stream-shift@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
-  integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==
-
-strict-uri-encode@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
-  integrity sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=
-
-string-length@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-2.0.0.tgz#d40dbb686a3ace960c1cffca562bf2c45f8363ed"
-  integrity sha1-1A27aGo6zpYMHP/KVivyxF+DY+0=
-  dependencies:
-    astral-regex "^1.0.0"
-    strip-ansi "^4.0.0"
-
-string-width@4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.1.0.tgz#ba846d1daa97c3c596155308063e075ed1c99aff"
-  integrity sha512-NrX+1dVVh+6Y9dnQ19pR0pP4FiEIlUvdTGn8pw6CKTNq5sgib2nIhmUNT5TAmhWmvKr3WcxBcP3E8nWezuipuQ==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^5.2.0"
-
-string-width@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
-  integrity sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=
-  dependencies:
-    code-point-at "^1.0.0"
-    is-fullwidth-code-point "^1.0.0"
-    strip-ansi "^3.0.0"
-
-"string-width@^1.0.2 || 2", string-width@^2.0.0, string-width@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
-  integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
-  dependencies:
-    is-fullwidth-code-point "^2.0.0"
-    strip-ansi "^4.0.0"
-
-string-width@^3.0.0, string-width@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
-  integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
-  dependencies:
-    emoji-regex "^7.0.1"
-    is-fullwidth-code-point "^2.0.0"
-    strip-ansi "^5.1.0"
-
-string-width@^4.1.0, string-width@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.0.tgz#952182c46cc7b2c313d1596e623992bd163b72b5"
-  integrity sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.0"
-
-string.prototype.matchall@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.2.tgz#48bb510326fb9fdeb6a33ceaa81a6ea04ef7648e"
-  integrity sha512-N/jp6O5fMf9os0JU3E72Qhf590RSRZU/ungsL/qJUYVTNv7hTG0P/dbPjxINVN9jpscu3nzYwKESU3P3RY5tOg==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.0"
-    has-symbols "^1.0.1"
-    internal-slot "^1.0.2"
-    regexp.prototype.flags "^1.3.0"
-    side-channel "^1.0.2"
-
-string.prototype.repeat@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/string.prototype.repeat/-/string.prototype.repeat-0.2.0.tgz#aba36de08dcee6a5a337d49b2ea1da1b28fc0ecf"
-  integrity sha1-q6Nt4I3O5qWjN9SbLqHaGyj8Ds8=
-
-string.prototype.trimend@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.1.tgz#85812a6b847ac002270f5808146064c995fb6913"
-  integrity sha512-LRPxFUaTtpqYsTeNKaFOw3R4bxIzWOnbQ837QfBylo8jIxtcbK/A/sMV7Q+OAV/vWo+7s25pOE10KYSjaSO06g==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.5"
-
-string.prototype.trimleft@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.2.tgz#4408aa2e5d6ddd0c9a80739b087fbc067c03b3cc"
-  integrity sha512-gCA0tza1JBvqr3bfAIFJGqfdRTyPae82+KTnm3coDXkZN9wnuW3HjGgN386D7hfv5CHQYCI022/rJPVlqXyHSw==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.5"
-    string.prototype.trimstart "^1.0.0"
-
-string.prototype.trimright@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimright/-/string.prototype.trimright-2.1.2.tgz#c76f1cef30f21bbad8afeb8db1511496cfb0f2a3"
-  integrity sha512-ZNRQ7sY3KroTaYjRS6EbNiiHrOkjihL9aQE/8gfQ4DtAC/aEBRHFJa44OmoWxGGqXuJlfKkZW4WcXErGr+9ZFg==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.5"
-    string.prototype.trimend "^1.0.0"
-
-string.prototype.trimstart@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.1.tgz#14af6d9f34b053f7cfc89b72f8f2ee14b9039a54"
-  integrity sha512-XxZn+QpvrBI1FOcg6dIpxUPgWCPuNXvMD72aaRaUQv1eD4e/Qy8i/hFTe0BUmD60p/QA6bh1avmuPTfNjqVWRw==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.5"
-
-string_decoder@^1.0.0, string_decoder@^1.1.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
-  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
-  dependencies:
-    safe-buffer "~5.2.0"
-
-string_decoder@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
-  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
-  dependencies:
-    safe-buffer "~5.1.0"
-
-stringify-entities@^1.0.1:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/stringify-entities/-/stringify-entities-1.3.2.tgz#a98417e5471fd227b3e45d3db1861c11caf668f7"
-  integrity sha512-nrBAQClJAPN2p+uGCVJRPIPakKeKWZ9GtBCmormE7pWOSlHat7+x5A8gx85M7HM5Dt0BP3pP5RhVW77WdbJJ3A==
-  dependencies:
-    character-entities-html4 "^1.0.0"
-    character-entities-legacy "^1.0.0"
-    is-alphanumerical "^1.0.0"
-    is-hexadecimal "^1.0.0"
-
-strip-ansi@^3.0.0, strip-ansi@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
-  integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
-  dependencies:
-    ansi-regex "^2.0.0"
-
-strip-ansi@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
-  integrity sha1-qEeQIusaw2iocTibY1JixQXuNo8=
-  dependencies:
-    ansi-regex "^3.0.0"
-
-strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
-  integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
-  dependencies:
-    ansi-regex "^4.1.0"
-
-strip-ansi@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.0.tgz#0b1571dd7669ccd4f3e06e14ef1eed26225ae532"
-  integrity sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==
-  dependencies:
-    ansi-regex "^5.0.0"
-
-strip-bom@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
-  integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=
-
-strip-eof@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
-  integrity sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=
-
-strip-indent@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-2.0.0.tgz#5ef8db295d01e6ed6cbf7aab96998d7822527b68"
-  integrity sha1-XvjbKV0B5u1sv3qrlpmNeCJSe2g=
-
-strip-json-comments@^3.0.1, strip-json-comments@^3.1.0:
-  version "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==
-
-strip-json-comments@~2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
-  integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
-
-style-search@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902"
-  integrity sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=
-
-stylehacks@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5"
-  integrity sha512-7GlLk9JwlElY4Y6a/rmbH2MhVlTyVmiJd1PfTCqFaIBEGMYNsrO/v3SeGTdhBThLg4Z+NbOk/qFMwCa+J+3p/g==
-  dependencies:
-    browserslist "^4.0.0"
-    postcss "^7.0.0"
-    postcss-selector-parser "^3.0.0"
-
-stylelint@^12.0.1:
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-12.0.1.tgz#5b1f3bf7333320acce322b49852c8b85e94ce7e4"
-  integrity sha512-1mn39pqZiC/e8KUPoRMc1WMM83Upb2ILaSGxkCvKxALHutEOs2txcPQocJiXdO4Zx4FY4prGqjlkwrbthAxqig==
-  dependencies:
-    autoprefixer "^9.7.1"
-    balanced-match "^1.0.0"
-    chalk "^3.0.0"
-    cosmiconfig "^6.0.0"
-    debug "^4.1.1"
-    execall "^2.0.0"
-    file-entry-cache "^5.0.1"
-    get-stdin "^7.0.0"
-    global-modules "^2.0.0"
-    globby "^9.2.0"
-    globjoin "^0.1.4"
-    html-tags "^3.1.0"
-    ignore "^5.1.4"
-    import-lazy "^4.0.0"
-    imurmurhash "^0.1.4"
-    known-css-properties "^0.17.0"
-    leven "^3.1.0"
-    lodash "^4.17.15"
-    log-symbols "^3.0.0"
-    mathml-tag-names "^2.1.1"
-    meow "^5.0.0"
-    micromatch "^4.0.2"
-    normalize-selector "^0.2.0"
-    postcss "^7.0.21"
-    postcss-html "^0.36.0"
-    postcss-jsx "^0.36.3"
-    postcss-less "^3.1.4"
-    postcss-markdown "^0.36.0"
-    postcss-media-query-parser "^0.2.3"
-    postcss-reporter "^6.0.1"
-    postcss-resolve-nested-selector "^0.1.1"
-    postcss-safe-parser "^4.0.1"
-    postcss-sass "^0.4.2"
-    postcss-scss "^2.0.0"
-    postcss-selector-parser "^3.1.0"
-    postcss-syntax "^0.36.2"
-    postcss-value-parser "^4.0.2"
-    resolve-from "^5.0.0"
-    slash "^3.0.0"
-    specificity "^0.4.1"
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    style-search "^0.1.0"
-    sugarss "^2.0.0"
-    svg-tags "^1.0.0"
-    table "^5.4.6"
-    v8-compile-cache "^2.1.0"
-    write-file-atomic "^3.0.1"
-
-subarg@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/subarg/-/subarg-1.0.0.tgz#f62cf17581e996b48fc965699f54c06ae268b8d2"
-  integrity sha1-9izxdYHplrSPyWVpn1TAauJouNI=
-  dependencies:
-    minimist "^1.1.0"
-
-sugarss@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/sugarss/-/sugarss-2.0.0.tgz#ddd76e0124b297d40bf3cca31c8b22ecb43bc61d"
-  integrity sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ==
-  dependencies:
-    postcss "^7.0.2"
-
-supports-color@6.1.0, supports-color@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
-  integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==
-  dependencies:
-    has-flag "^3.0.0"
-
-supports-color@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
-  integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
-
-supports-color@^3.2.3:
-  version "3.2.3"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
-  integrity sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=
-  dependencies:
-    has-flag "^1.0.0"
-
-supports-color@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-4.5.0.tgz#be7a0de484dec5c5cddf8b3d59125044912f635b"
-  integrity sha1-vnoN5ITexcXN34s9WRJQRJEvY1s=
-  dependencies:
-    has-flag "^2.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.0.0, supports-color@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.1.0.tgz#68e32591df73e25ad1c4b49108a2ec507962bfd1"
-  integrity sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==
-  dependencies:
-    has-flag "^4.0.0"
-
-svg-tags@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764"
-  integrity sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=
-
-svgo@^1.0.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
-  integrity sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==
-  dependencies:
-    chalk "^2.4.1"
-    coa "^2.0.2"
-    css-select "^2.0.0"
-    css-select-base-adapter "^0.1.1"
-    css-tree "1.0.0-alpha.37"
-    csso "^4.0.2"
-    js-yaml "^3.13.1"
-    mkdirp "~0.5.1"
-    object.values "^1.1.0"
-    sax "~1.2.4"
-    stable "^0.1.8"
-    unquote "~1.1.1"
-    util.promisify "~1.0.0"
-
-symbol-observable@^1.0.3:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
-  integrity sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==
-
-symbol-tree@^3.2.2:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
-  integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
-
-table@^5.2.3, table@^5.4.6:
-  version "5.4.6"
-  resolved "https://registry.yarnpkg.com/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e"
-  integrity sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==
-  dependencies:
-    ajv "^6.10.2"
-    lodash "^4.17.14"
-    slice-ansi "^2.1.0"
-    string-width "^3.0.0"
-
-tapable@^1.0.0, tapable@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
-  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
-
-tar-js@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/tar-js/-/tar-js-0.3.0.tgz#6949aabfb0ba18bb1562ae51a439fd0f30183a17"
-  integrity sha1-aUmqv7C6GLsVYq5RpDn9DzAYOhc=
-
-tar@^4:
-  version "4.4.13"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.13.tgz#43b364bc52888d555298637b10d60790254ab525"
-  integrity sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==
-  dependencies:
-    chownr "^1.1.1"
-    fs-minipass "^1.2.5"
-    minipass "^2.8.6"
-    minizlib "^1.2.1"
-    mkdirp "^0.5.0"
-    safe-buffer "^5.1.2"
-    yallist "^3.0.3"
-
-terser-webpack-plugin@^1.4.3:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.4.tgz#2c63544347324baafa9a56baaddf1634c8abfc2f"
-  integrity sha512-U4mACBHIegmfoEe5fdongHESNJWqsGU+W0S/9+BmYGVQDw1+c2Ow05TpMhxjPK1sRb7cuYq1BPl1e5YHJMTCqA==
-  dependencies:
-    cacache "^12.0.2"
-    find-cache-dir "^2.1.0"
-    is-wsl "^1.1.0"
-    schema-utils "^1.0.0"
-    serialize-javascript "^3.1.0"
-    source-map "^0.6.1"
-    terser "^4.1.2"
-    webpack-sources "^1.4.0"
-    worker-farm "^1.7.0"
-
-terser-webpack-plugin@^2.3.0:
-  version "2.3.7"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-2.3.7.tgz#4910ff5d1a872168cc7fa6cd3749e2b0d60a8a0b"
-  integrity sha512-xzYyaHUNhzgaAdBsXxk2Yvo/x1NJdslUaussK3fdpBbvttm1iIwU+c26dj9UxJcwk2c5UWt5F55MUTIA8BE7Dg==
-  dependencies:
-    cacache "^13.0.1"
-    find-cache-dir "^3.3.1"
-    jest-worker "^25.4.0"
-    p-limit "^2.3.0"
-    schema-utils "^2.6.6"
-    serialize-javascript "^3.1.0"
-    source-map "^0.6.1"
-    terser "^4.6.12"
-    webpack-sources "^1.4.3"
-
-terser@^4.1.2, terser@^4.6.12, terser@^4.6.2:
-  version "4.7.0"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-4.7.0.tgz#15852cf1a08e3256a80428e865a2fa893ffba006"
-  integrity sha512-Lfb0RiZcjRDXCC3OSHJpEkxJ9Qeqs6mp2v4jf2MHfy8vGERmVDuvjXdd/EnP5Deme5F2yBRBymKmKHCBg2echw==
-  dependencies:
-    commander "^2.20.0"
-    source-map "~0.6.1"
-    source-map-support "~0.5.12"
-
-test-exclude@^5.2.3:
-  version "5.2.3"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-5.2.3.tgz#c3d3e1e311eb7ee405e092dac10aefd09091eac0"
-  integrity sha512-M+oxtseCFO3EDtAaGH7iiej3CBkzXqFMbzqYAACdzKui4eZA+pq3tZEwChvOdNfa7xxy8BfbmgJSIr43cC/+2g==
-  dependencies:
-    glob "^7.1.3"
-    minimatch "^3.0.4"
-    read-pkg-up "^4.0.0"
-    require-main-filename "^2.0.0"
-
-text-encoding-utf-8@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/text-encoding-utf-8/-/text-encoding-utf-8-1.0.2.tgz#585b62197b0ae437e3c7b5d0af27ac1021e10d13"
-  integrity sha512-8bw4MY9WjdsD2aMtO0OzOCY3pXGYNx2d2FfHRVUKkiCPDWjKuOlhLVASS+pD7VkLTVjW268LYJHwsnPFlBpbAg==
-
-text-table@0.2.0, text-table@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
-
-throat@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/throat/-/throat-4.1.0.tgz#89037cbc92c56ab18926e6ba4cbb200e15672a6a"
-  integrity sha1-iQN8vJLFarGJJua6TLsgDhVnKmo=
-
-through2@^2.0.0:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
-  integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
-  dependencies:
-    readable-stream "~2.3.6"
-    xtend "~4.0.1"
-
-through@^2.3.6:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
-  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
-
-thunky@^1.0.2:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
-  integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
-
-timers-browserify@^2.0.4:
-  version "2.0.11"
-  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.11.tgz#800b1f3eee272e5bc53ee465a04d0e804c31211f"
-  integrity sha512-60aV6sgJ5YEbzUdn9c8kYGIqOubPoUdqQCul3SBAsRCZ40s6Y5cMcrW4dt3/k/EsbLVJNl9n6Vz3fTc+k2GeKQ==
-  dependencies:
-    setimmediate "^1.0.4"
-
-timsort@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
-  integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=
-
-tmatch@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/tmatch/-/tmatch-2.0.1.tgz#0c56246f33f30da1b8d3d72895abaf16660f38cf"
-  integrity sha1-DFYkbzPzDaG409colauvFmYPOM8=
-
-tmp@^0.0.33:
-  version "0.0.33"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
-  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
-  dependencies:
-    os-tmpdir "~1.0.2"
-
-tmpl@1.0.x:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
-  integrity sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE=
-
-to-arraybuffer@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
-  integrity sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M=
-
-to-fast-properties@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
-  integrity sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=
-
-to-object-path@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/to-object-path/-/to-object-path-0.3.0.tgz#297588b7b0e7e0ac08e04e672f85c1f4999e17af"
-  integrity sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=
-  dependencies:
-    kind-of "^3.0.2"
-
-to-regex-range@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-2.1.1.tgz#7c80c17b9dfebe599e27367e0d4dd5590141db38"
-  integrity sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=
-  dependencies:
-    is-number "^3.0.0"
-    repeat-string "^1.6.1"
-
-to-regex-range@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
-  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
-  dependencies:
-    is-number "^7.0.0"
-
-to-regex@^3.0.1, to-regex@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/to-regex/-/to-regex-3.0.2.tgz#13cfdd9b336552f30b51f33a8ae1b42a7a7599ce"
-  integrity sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==
-  dependencies:
-    define-property "^2.0.2"
-    extend-shallow "^3.0.2"
-    regex-not "^1.0.2"
-    safe-regex "^1.1.0"
-
-toidentifier@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
-  integrity sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==
-
-toposort@^1.0.0:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/toposort/-/toposort-1.0.7.tgz#2e68442d9f64ec720b8cc89e6443ac6caa950029"
-  integrity sha1-LmhELZ9k7HILjMieZEOsbKqVACk=
-
-tough-cookie@^2.3.3, tough-cookie@^2.3.4, tough-cookie@^2.5.0, tough-cookie@~2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
-  integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
-  dependencies:
-    psl "^1.1.28"
-    punycode "^2.1.1"
-
-tr46@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
-  integrity sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=
-  dependencies:
-    punycode "^2.1.0"
-
-tree-kill@^1.2.1:
-  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==
-
-trim-newlines@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-2.0.0.tgz#b403d0b91be50c331dfc4b82eeceb22c3de16d20"
-  integrity sha1-tAPQuRvlDDMd/EuC7s6yLD3hbSA=
-
-trim-trailing-lines@^1.0.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/trim-trailing-lines/-/trim-trailing-lines-1.1.3.tgz#7f0739881ff76657b7776e10874128004b625a94"
-  integrity sha512-4ku0mmjXifQcTVfYDfR5lpgV7zVqPg6zV9rdZmwOPqq0+Zq19xDqEgagqVbc4pOOShbncuAOIs59R3+3gcF3ZA==
-
-trim@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/trim/-/trim-0.0.1.tgz#5858547f6b290757ee95cccc666fb50084c460dd"
-  integrity sha1-WFhUf2spB1fulczMZm+1AITEYN0=
-
-trough@^1.0.0:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/trough/-/trough-1.0.5.tgz#b8b639cefad7d0bb2abd37d433ff8293efa5f406"
-  integrity sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==
-
-tsconfig-paths@^3.9.0:
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz#098547a6c4448807e8fcb8eae081064ee9a3c90b"
-  integrity sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw==
-  dependencies:
-    "@types/json5" "^0.0.29"
-    json5 "^1.0.1"
-    minimist "^1.2.0"
-    strip-bom "^3.0.0"
-
-tslib@^1.8.1, tslib@^1.9.0, tslib@^1.9.3:
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
-  integrity sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==
-
-tsutils@^3.17.1:
-  version "3.17.1"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.17.1.tgz#ed719917f11ca0dee586272b2ac49e015a2dd759"
-  integrity sha512-kzeQ5B8H3w60nFY2g8cJIuH7JDpsALXySGtwGJ0p2LSjLgay3NdIpqq5SoOBe46bKDW2iq25irHCr8wjomUS2g==
-  dependencies:
-    tslib "^1.8.1"
-
-tty-browserify@0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
-  integrity sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=
-
-tunnel-agent@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
-  integrity sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=
-  dependencies:
-    safe-buffer "^5.0.1"
-
-tweetnacl@^0.14.3, tweetnacl@~0.14.0:
-  version "0.14.5"
-  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
-  integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
-
-type-check@^0.4.0, type-check@~0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
-  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
-  dependencies:
-    prelude-ls "^1.2.1"
-
-type-check@~0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-  integrity sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=
-  dependencies:
-    prelude-ls "~1.1.2"
-
-type-fest@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.11.0.tgz#97abf0872310fed88a5c466b25681576145e33f1"
-  integrity sha512-OdjXJxnCN1AvyLSzeKIgXTXxV+99ZuXl3Hpo9XpJAv9MBcHrrJOQ5kV7ypXOuQie+AmWG25hLbiKdwYTifzcfQ==
-
-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-is@~1.6.17, type-is@~1.6.18:
-  version "1.6.18"
-  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
-  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
-  dependencies:
-    media-typer "0.3.0"
-    mime-types "~2.1.24"
-
-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==
-  dependencies:
-    is-typedarray "^1.0.0"
-
-typedarray@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
-  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
-
-typescript@^3.7.3:
-  version "3.9.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.5.tgz#586f0dba300cde8be52dd1ac4f7e1009c1b13f36"
-  integrity sha512-hSAifV3k+i6lEoCJ2k6R2Z/rp/H3+8sdmcn5NrS3/3kE7+RyZXm9aqvxWqjEXHAd8b0pShatpcdMTvEdvAJltQ==
-
-typescript@^3.9.5:
-  version "3.9.7"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.7.tgz#98d600a5ebdc38f40cb277522f12dc800e9e25fa"
-  integrity sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==
-
-typeson-registry@^1.0.0-alpha.20:
-  version "1.0.0-alpha.37"
-  resolved "https://registry.yarnpkg.com/typeson-registry/-/typeson-registry-1.0.0-alpha.37.tgz#23e6bffc264b4dfc80603e2a8545bd4750102d42"
-  integrity sha512-xXkriUyWzsBCNmMLyLXXFkc2UQbK7nDB8ItS3LJWlKMJvfzZfRBaZFPxH6cfjJYD4mQbv1mAxjk/9mRfyWe88g==
-  dependencies:
-    base64-arraybuffer-es6 "0.6.0"
-    typeson "5.18.2"
-    whatwg-url "7.1.0"
-
-typeson@5.18.2, typeson@^5.8.2:
-  version "5.18.2"
-  resolved "https://registry.yarnpkg.com/typeson/-/typeson-5.18.2.tgz#0d217fc0e11184a66aa7ca0076d9aa7707eb7bc2"
-  integrity sha512-Vetd+OGX05P4qHyHiSLdHZ5Z5GuQDrHHwSdjkqho9NSCYVSLSfRMjklD/unpHH8tXBR9Z/R05rwJSuMpMFrdsw==
-
-ua-parser-js@^0.7.18, ua-parser-js@^0.7.19:
-  version "0.7.21"
-  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.21.tgz#853cf9ce93f642f67174273cc34565ae6f308777"
-  integrity sha512-+O8/qh/Qj8CgC6eYBVBykMrNtp5Gebn4dlGD/kKXVkJNDwyrAwSIqwz8CDf+tsAIWVycKcku6gIXJ0qwx/ZXaQ==
-
-uc.micro@^1.0.1, uc.micro@^1.0.5:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/uc.micro/-/uc.micro-1.0.6.tgz#9c411a802a409a91fc6cf74081baba34b24499ac"
-  integrity sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==
-
-uglify-js@3.4.x:
-  version "3.4.10"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.4.10.tgz#9ad9563d8eb3acdfb8d38597d2af1d815f6a755f"
-  integrity sha512-Y2VsbPVs0FIshJztycsO2SfPk7/KAF/T72qzv9u5EpQ4kB2hQoHlhNQTsNyy6ul7lQtqJN/AoWeS23OzEiEFxw==
-  dependencies:
-    commander "~2.19.0"
-    source-map "~0.6.1"
-
-unherit@^1.0.4:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/unherit/-/unherit-1.1.3.tgz#6c9b503f2b41b262330c80e91c8614abdaa69c22"
-  integrity sha512-Ft16BJcnapDKp0+J/rqFC3Rrk6Y/Ng4nzsC028k2jdDII/rdZ7Wd3pPT/6+vIIxRagwRc9K0IUX0Ra4fKvw+WQ==
-  dependencies:
-    inherits "^2.0.0"
-    xtend "^4.0.0"
-
-unhomoglyph@^1.0.2:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/unhomoglyph/-/unhomoglyph-1.0.6.tgz#ea41f926d0fcf598e3b8bb2980c2ddac66b081d3"
-  integrity sha512-7uvcWI3hWshSADBu4JpnyYbTVc7YlhF5GDW/oPD5AxIxl34k4wXR3WDkPnzLxkN32LiTCTKMQLtKVZiwki3zGg==
-
-unicode-canonical-property-names-ecmascript@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
-  integrity sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==
-
-unicode-match-property-ecmascript@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz#8ed2a32569961bce9227d09cd3ffbb8fed5f020c"
-  integrity sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg==
-  dependencies:
-    unicode-canonical-property-names-ecmascript "^1.0.4"
-    unicode-property-aliases-ecmascript "^1.0.4"
-
-unicode-match-property-value-ecmascript@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.2.0.tgz#0d91f600eeeb3096aa962b1d6fc88876e64ea531"
-  integrity sha512-wjuQHGQVofmSJv1uVISKLE5zO2rNGzM/KCYZch/QQvez7C1hUhBIuZ701fYXExuufJFMPhv2SyL8CyoIfMLbIQ==
-
-unicode-property-aliases-ecmascript@^1.0.4:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.1.0.tgz#dd57a99f6207bedff4628abefb94c50db941c8f4"
-  integrity sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg==
-
-unified@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/unified/-/unified-7.1.0.tgz#5032f1c1ee3364bd09da12e27fdd4a7553c7be13"
-  integrity sha512-lbk82UOIGuCEsZhPj8rNAkXSDXd6p0QLzIuSsCdxrqnqU56St4eyOB+AlXsVgVeRmetPTYydIuvFfpDIed8mqw==
-  dependencies:
-    "@types/unist" "^2.0.0"
-    "@types/vfile" "^3.0.0"
-    bail "^1.0.0"
-    extend "^3.0.0"
-    is-plain-obj "^1.1.0"
-    trough "^1.0.0"
-    vfile "^3.0.0"
-    x-is-string "^0.1.0"
-
-union-value@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
-  integrity sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==
-  dependencies:
-    arr-union "^3.1.0"
-    get-value "^2.0.6"
-    is-extendable "^0.1.1"
-    set-value "^2.0.1"
-
-uniq@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
-  integrity sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=
-
-uniqs@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/uniqs/-/uniqs-2.0.0.tgz#ffede4b36b25290696e6e165d4a59edb998e6b02"
-  integrity sha1-/+3ks2slKQaW5uFl1KWe25mOawI=
-
-unique-filename@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-1.1.1.tgz#1d69769369ada0583103a1e6ae87681b56573230"
-  integrity sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==
-  dependencies:
-    unique-slug "^2.0.0"
-
-unique-slug@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-2.0.2.tgz#baabce91083fc64e945b0f3ad613e264f7cd4e6c"
-  integrity sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==
-  dependencies:
-    imurmurhash "^0.1.4"
-
-unist-util-find-all-after@^1.0.2:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/unist-util-find-all-after/-/unist-util-find-all-after-1.0.5.tgz#5751a8608834f41d117ad9c577770c5f2f1b2899"
-  integrity sha512-lWgIc3rrTMTlK1Y0hEuL+k+ApzFk78h+lsaa2gHf63Gp5Ww+mt11huDniuaoq1H+XMK2lIIjjPkncxXcDp3QDw==
-  dependencies:
-    unist-util-is "^3.0.0"
-
-unist-util-is@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-3.0.0.tgz#d9e84381c2468e82629e4a5be9d7d05a2dd324cd"
-  integrity sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A==
-
-unist-util-remove-position@^1.0.0:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/unist-util-remove-position/-/unist-util-remove-position-1.1.4.tgz#ec037348b6102c897703eee6d0294ca4755a2020"
-  integrity sha512-tLqd653ArxJIPnKII6LMZwH+mb5q+n/GtXQZo6S6csPRs5zB0u79Yw8ouR3wTw8wxvdJFhpP6Y7jorWdCgLO0A==
-  dependencies:
-    unist-util-visit "^1.1.0"
-
-unist-util-stringify-position@^1.0.0, unist-util-stringify-position@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-1.1.2.tgz#3f37fcf351279dcbca7480ab5889bb8a832ee1c6"
-  integrity sha512-pNCVrk64LZv1kElr0N1wPiHEUoXNVFERp+mlTg/s9R5Lwg87f9bM/3sQB99w+N9D/qnM9ar3+AKDBwo/gm/iQQ==
-
-unist-util-stringify-position@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz#cce3bfa1cdf85ba7375d1d5b17bdc4cada9bd9da"
-  integrity sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==
-  dependencies:
-    "@types/unist" "^2.0.2"
-
-unist-util-visit-parents@^2.0.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz#25e43e55312166f3348cae6743588781d112c1e9"
-  integrity sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==
-  dependencies:
-    unist-util-is "^3.0.0"
-
-unist-util-visit@^1.1.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-1.4.1.tgz#4724aaa8486e6ee6e26d7ff3c8685960d560b1e3"
-  integrity sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==
-  dependencies:
-    unist-util-visit-parents "^2.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 sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=
-
-unquote@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
-  integrity sha1-j97XMk7G6IoP+LkF58CYzcCG1UQ=
-
-unset-value@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unset-value/-/unset-value-1.0.0.tgz#8376873f7d2335179ffb1e6fc3a8ed0dfc8ab559"
-  integrity sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=
-  dependencies:
-    has-value "^0.3.1"
-    isobject "^3.0.0"
-
-upath@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
-  integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
-
-updates@^8.5.2:
-  version "8.5.3"
-  resolved "https://registry.yarnpkg.com/updates/-/updates-8.5.3.tgz#6397674fcfe9938deabbfa2f88dad717d756eebb"
-  integrity sha512-bREdpucNEtSULXu2PLfYmKnRD6E0lM16vbZNsgR39Ou7FqiUEyasA0o2Lrb3uHwZN3L2WhOjf+EjQl7NiOHhug==
-  dependencies:
-    chalk "2.4.2"
-    find-up "4.1.0"
-    hosted-git-info "3.0.0"
-    make-fetch-happen "5.0.0"
-    minimist "1.2.0"
-    rc "1.2.8"
-    registry-auth-token "4.0.0"
-    semver "6.3.0"
-    string-width "4.1.0"
-    text-table "0.2.0"
-
-upper-case@^1.1.1:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/upper-case/-/upper-case-1.1.3.tgz#f6b4501c2ec4cdd26ba78be7222961de77621598"
-  integrity sha1-9rRQHC7EzdJrp4vnIilh3ndiFZg=
-
-uri-js@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.2.2.tgz#94c540e1ff772956e2299507c010aea6c8838eb0"
-  integrity sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==
-  dependencies:
-    punycode "^2.1.0"
-
-urix@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
-  integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=
-
-url-parse@^1.4.3:
-  version "1.4.7"
-  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.4.7.tgz#a8a83535e8c00a316e403a5db4ac1b9b853ae278"
-  integrity sha512-d3uaVyzDB9tQoSXFvuSUNFibTd9zxd2bkVrDRvF5TmvWWQwqE4lgYJ5m+x1DbecWkw+LK4RNl2CU1hHuOKPVlg==
-  dependencies:
-    querystringify "^2.1.1"
-    requires-port "^1.0.0"
-
-url@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
-  integrity sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=
-  dependencies:
-    punycode "1.3.2"
-    querystring "0.2.0"
-
-use-callback-ref@^1.2.1:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/use-callback-ref/-/use-callback-ref-1.2.4.tgz#d86d1577bfd0b955b6e04aaf5971025f406bea3c"
-  integrity sha512-rXpsyvOnqdScyied4Uglsp14qzag1JIemLeTWGKbwpotWht57hbP78aNT+Q4wdFKQfQibbUX4fb6Qb4y11aVOQ==
-
-use-sidecar@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.0.2.tgz#e72f582a75842f7de4ef8becd6235a4720ad8af6"
-  integrity sha512-287RZny6m5KNMTb/Kq9gmjafi7lQL0YHO1lYolU6+tY1h9+Z3uCtkJJ3OSOq3INwYf2hBryCcDh4520AhJibMA==
-  dependencies:
-    detect-node "^2.0.4"
-    tslib "^1.9.3"
-
-use@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"
-  integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==
-
-util-deprecate@^1.0.1, util-deprecate@~1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
-  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
-
-util.promisify@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
-  integrity sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==
-  dependencies:
-    define-properties "^1.1.2"
-    object.getownpropertydescriptors "^2.0.3"
-
-util.promisify@^1.0.0, util.promisify@~1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.1.tgz#6baf7774b80eeb0f7520d8b81d07982a59abbaee"
-  integrity sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.2"
-    has-symbols "^1.0.1"
-    object.getownpropertydescriptors "^2.1.0"
-
-util@0.10.3:
-  version "0.10.3"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
-  integrity sha1-evsa/lCAUkZInj23/g7TeTNqwPk=
-  dependencies:
-    inherits "2.0.1"
-
-util@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.11.1.tgz#3236733720ec64bb27f6e26f421aaa2e1b588d61"
-  integrity sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==
-  dependencies:
-    inherits "2.0.3"
-
-utila@^0.4.0, utila@~0.4:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
-  integrity sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=
-
-utils-merge@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
-  integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=
-
-uuid@^3.3.2, uuid@^3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
-  integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
-
-v8-compile-cache@2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.0.3.tgz#00f7494d2ae2b688cfe2899df6ed2c54bef91dbe"
-  integrity sha512-CNmdbwQMBjwr9Gsmohvm0pbL954tJrNzf6gWL3K+QMQf00PF7ERGrEiLgjuU3mKreLC2MeGhUsNV9ybTbLgd3w==
-
-v8-compile-cache@^2.0.3, v8-compile-cache@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.1.tgz#54bc3cdd43317bca91e35dcaf305b1a7237de745"
-  integrity sha512-8OQ9CL+VWyt3JStj7HX7/ciTL2V3Rl1Wf5OL+SNTm0yK1KvtReVulksyeRnCANHHuUxHlQig+JJDlUhBt1NQDQ==
-
-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:
-    spdx-correct "^3.0.0"
-    spdx-expression-parse "^3.0.0"
-
-vary@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
-  integrity sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=
-
-velocity-animate@^1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/velocity-animate/-/velocity-animate-1.5.2.tgz#5a351d75fca2a92756f5c3867548b873f6c32105"
-  integrity sha512-m6EXlCAMetKztO1ppBhGU1/1MR3IiEevO6ESq6rcrSQ3Q77xYSW13jkfXW88o4xMrkXJhy/U7j4wFR/twMB0Eg==
-
-vendors@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/vendors/-/vendors-1.0.4.tgz#e2b800a53e7a29b93506c3cf41100d16c4c4ad8e"
-  integrity sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w==
-
-verror@1.10.0:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
-  integrity sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=
-  dependencies:
-    assert-plus "^1.0.0"
-    core-util-is "1.0.2"
-    extsprintf "^1.2.0"
-
-vfile-location@^2.0.0:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-2.0.6.tgz#8a274f39411b8719ea5728802e10d9e0dff1519e"
-  integrity sha512-sSFdyCP3G6Ka0CEmN83A2YCMKIieHx0EDaj5IDP4g1pa5ZJ4FJDvpO0WODLxo4LUX4oe52gmSCK7Jw4SBghqxA==
-
-vfile-message@*:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-2.0.4.tgz#5b43b88171d409eae58477d13f23dd41d52c371a"
-  integrity sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==
-  dependencies:
-    "@types/unist" "^2.0.0"
-    unist-util-stringify-position "^2.0.0"
-
-vfile-message@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-1.1.1.tgz#5833ae078a1dfa2d96e9647886cd32993ab313e1"
-  integrity sha512-1WmsopSGhWt5laNir+633LszXvZ+Z/lxveBf6yhGsqnQIhlhzooZae7zV6YVM1Sdkw68dtAW3ow0pOdPANugvA==
-  dependencies:
-    unist-util-stringify-position "^1.1.1"
-
-vfile@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/vfile/-/vfile-3.0.1.tgz#47331d2abe3282424f4a4bb6acd20a44c4121803"
-  integrity sha512-y7Y3gH9BsUSdD4KzHsuMaCzRjglXN0W2EcMf0gpvu6+SbsGhMje7xDc8AEoeXy6mIwCKMI6BkjMsRjzQbhMEjQ==
-  dependencies:
-    is-buffer "^2.0.0"
-    replace-ext "1.0.0"
-    unist-util-stringify-position "^1.0.0"
-    vfile-message "^1.0.0"
-
-vm-browserify@^1.0.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
-  integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
-
-w3c-hr-time@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
-  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
-  dependencies:
-    browser-process-hrtime "^1.0.0"
-
-w3c-xmlserializer@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-1.1.2.tgz#30485ca7d70a6fd052420a3d12fd90e6339ce794"
-  integrity sha512-p10l/ayESzrBMYWRID6xbuCKh2Fp77+sA0doRuGn4tTIMrrZVeqfpKjXHY+oDh3K4nLdPgNwMTVP6Vp4pvqbNg==
-  dependencies:
-    domexception "^1.0.1"
-    webidl-conversions "^4.0.2"
-    xml-name-validator "^3.0.0"
-
-walker@^1.0.7, walker@~1.0.5:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"
-  integrity sha1-L3+bj9ENZ3JisYqITijRlhjgKPs=
-  dependencies:
-    makeerror "1.0.x"
-
-watchpack-chokidar2@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/watchpack-chokidar2/-/watchpack-chokidar2-2.0.0.tgz#9948a1866cbbd6cb824dea13a7ed691f6c8ddff0"
-  integrity sha512-9TyfOyN/zLUbA288wZ8IsMZ+6cbzvsNyEzSBp6e/zkifi6xxbl8SmQ/CxQq32k8NNqrdVEVUVSEf56L4rQ/ZxA==
-  dependencies:
-    chokidar "^2.1.8"
-
-watchpack@^1.6.1:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.7.2.tgz#c02e4d4d49913c3e7e122c3325365af9d331e9aa"
-  integrity sha512-ymVbbQP40MFTp+cNMvpyBpBtygHnPzPkHqoIwRRj/0B8KhqQwV8LaKjtbaxF2lK4vl8zN9wCxS46IFCU5K4W0g==
-  dependencies:
-    graceful-fs "^4.1.2"
-    neo-async "^2.5.0"
-  optionalDependencies:
-    chokidar "^3.4.0"
-    watchpack-chokidar2 "^2.0.0"
-
-wbuf@^1.1.0, wbuf@^1.7.3:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/wbuf/-/wbuf-1.7.3.tgz#c1d8d149316d3ea852848895cb6a0bfe887b87df"
-  integrity sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==
-  dependencies:
-    minimalistic-assert "^1.0.0"
-
-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==
-
-webpack-cli@^3.3.10:
-  version "3.3.11"
-  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-3.3.11.tgz#3bf21889bf597b5d82c38f215135a411edfdc631"
-  integrity sha512-dXlfuml7xvAFwYUPsrtQAA9e4DOe58gnzSxhgrO/ZM/gyXTBowrsYeubyN4mqGhYdpXMFNyQ6emjJS9M7OBd4g==
-  dependencies:
-    chalk "2.4.2"
-    cross-spawn "6.0.5"
-    enhanced-resolve "4.1.0"
-    findup-sync "3.0.0"
-    global-modules "2.0.0"
-    import-local "2.0.0"
-    interpret "1.2.0"
-    loader-utils "1.2.3"
-    supports-color "6.1.0"
-    v8-compile-cache "2.0.3"
-    yargs "13.2.4"
-
-webpack-dev-middleware@^3.7.2:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-3.7.2.tgz#0019c3db716e3fa5cecbf64f2ab88a74bab331f3"
-  integrity sha512-1xC42LxbYoqLNAhV6YzTYacicgMZQTqRd27Sim9wn5hJrX3I5nxYy1SxSd4+gjUFsz1dQFj+yEe6zEVmSkeJjw==
-  dependencies:
-    memory-fs "^0.4.1"
-    mime "^2.4.4"
-    mkdirp "^0.5.1"
-    range-parser "^1.2.1"
-    webpack-log "^2.0.0"
-
-webpack-dev-server@^3.9.0:
-  version "3.11.0"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-3.11.0.tgz#8f154a3bce1bcfd1cc618ef4e703278855e7ff8c"
-  integrity sha512-PUxZ+oSTxogFQgkTtFndEtJIPNmml7ExwufBZ9L2/Xyyd5PnOL5UreWe5ZT7IU25DSdykL9p1MLQzmLh2ljSeg==
-  dependencies:
-    ansi-html "0.0.7"
-    bonjour "^3.5.0"
-    chokidar "^2.1.8"
-    compression "^1.7.4"
-    connect-history-api-fallback "^1.6.0"
-    debug "^4.1.1"
-    del "^4.1.1"
-    express "^4.17.1"
-    html-entities "^1.3.1"
-    http-proxy-middleware "0.19.1"
-    import-local "^2.0.0"
-    internal-ip "^4.3.0"
-    ip "^1.1.5"
-    is-absolute-url "^3.0.3"
-    killable "^1.0.1"
-    loglevel "^1.6.8"
-    opn "^5.5.0"
-    p-retry "^3.0.1"
-    portfinder "^1.0.26"
-    schema-utils "^1.0.0"
-    selfsigned "^1.10.7"
-    semver "^6.3.0"
-    serve-index "^1.9.1"
-    sockjs "0.3.20"
-    sockjs-client "1.4.0"
-    spdy "^4.0.2"
-    strip-ansi "^3.0.1"
-    supports-color "^6.1.0"
-    url "^0.11.0"
-    webpack-dev-middleware "^3.7.2"
-    webpack-log "^2.0.0"
-    ws "^6.2.1"
-    yargs "^13.3.2"
-
-webpack-log@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/webpack-log/-/webpack-log-2.0.0.tgz#5b7928e0637593f119d32f6227c1e0ac31e1b47f"
-  integrity sha512-cX8G2vR/85UYG59FgkoMamwHUIkSSlV3bBMRsbxVXVUk2j6NleCKjQ/WE9eYg9WY4w25O9w8wKP4rzNZFmUcUg==
-  dependencies:
-    ansi-colors "^3.0.0"
-    uuid "^3.3.2"
-
-webpack-sources@^1.1.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1, webpack-sources@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
-  integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
-  dependencies:
-    source-list-map "^2.0.0"
-    source-map "~0.6.1"
-
-webpack@^4.41.2:
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.43.0.tgz#c48547b11d563224c561dad1172c8aa0b8a678e6"
-  integrity sha512-GW1LjnPipFW2Y78OOab8NJlCflB7EFskMih2AHdvjbpKMeDJqEgSx24cXXXiPS65+WSwVyxtDsJH6jGX2czy+g==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-module-context" "1.9.0"
-    "@webassemblyjs/wasm-edit" "1.9.0"
-    "@webassemblyjs/wasm-parser" "1.9.0"
-    acorn "^6.4.1"
-    ajv "^6.10.2"
-    ajv-keywords "^3.4.1"
-    chrome-trace-event "^1.0.2"
-    enhanced-resolve "^4.1.0"
-    eslint-scope "^4.0.3"
-    json-parse-better-errors "^1.0.2"
-    loader-runner "^2.4.0"
-    loader-utils "^1.2.3"
-    memory-fs "^0.4.1"
-    micromatch "^3.1.10"
-    mkdirp "^0.5.3"
-    neo-async "^2.6.1"
-    node-libs-browser "^2.2.1"
-    schema-utils "^1.0.0"
-    tapable "^1.1.3"
-    terser-webpack-plugin "^1.4.3"
-    watchpack "^1.6.1"
-    webpack-sources "^1.4.1"
-
-websocket-driver@0.6.5:
-  version "0.6.5"
-  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.6.5.tgz#5cb2556ceb85f4373c6d8238aa691c8454e13a36"
-  integrity sha1-XLJVbOuF9Dc8bYI4qmkchFThOjY=
-  dependencies:
-    websocket-extensions ">=0.1.1"
-
-websocket-driver@>=0.5.1:
-  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
-  integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
-  dependencies:
-    http-parser-js ">=0.5.1"
-    safe-buffer ">=5.1.0"
-    websocket-extensions ">=0.1.1"
-
-websocket-extensions@>=0.1.1:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
-  integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
-
-what-input@^5.2.10:
-  version "5.2.10"
-  resolved "https://registry.yarnpkg.com/what-input/-/what-input-5.2.10.tgz#f79f5b65cf95d75e55e6d580bb0a6b98174cad4e"
-  integrity sha512-7AQoIMGq7uU8esmKniOtZG3A+pzlwgeyFpkS3f/yzRbxknSL68tvn5gjE6bZ4OMFxCPjpaBd2udUTqlZ0HwrXQ==
-
-whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.3, whatwg-encoding@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
-  integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
-  dependencies:
-    iconv-lite "0.4.24"
-
-whatwg-fetch@>=0.10.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.0.0.tgz#fc804e458cc460009b1a2b966bc8817d2578aefb"
-  integrity sha512-9GSJUgz1D4MfyKU7KRqwOjXCXTqWdFNvEr7eUBYchQiVc744mqK/MzXPNR2WsPkmkOa4ywfg8C2n8h+13Bey1Q==
-
-whatwg-fetch@^0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-0.9.0.tgz#0e3684c6cb9995b43efc9df03e4c365d95fd9cc0"
-  integrity sha1-DjaExsuZlbQ+/J3wPkw2XZX9nMA=
-
-whatwg-mimetype@^2.1.0, whatwg-mimetype@^2.2.0, whatwg-mimetype@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
-  integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
-
-whatwg-url@7.1.0, whatwg-url@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.1.0.tgz#c2c492f1eca612988efd3d2266be1b9fc6170d06"
-  integrity sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==
-  dependencies:
-    lodash.sortby "^4.7.0"
-    tr46 "^1.0.1"
-    webidl-conversions "^4.0.2"
-
-whatwg-url@^6.4.1:
-  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.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.1.tgz#cbe8f838ebe91ba2471bb69e9edbda67ab5a5ec1"
-  integrity sha512-7BT4TwISdDGBgaemWU0N0OU7FeAEJ9Oo2P1PHRm/FCWoEi2VLWC9b6xvxAA3C/NMpxg3HXVgi0sMmGbNUbNepQ==
-  dependencies:
-    is-bigint "^1.0.0"
-    is-boolean-object "^1.0.0"
-    is-number-object "^1.0.3"
-    is-string "^1.0.4"
-    is-symbol "^1.0.2"
-
-which-collection@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.1.tgz#70eab71ebbbd2aefaf32f917082fc62cdcb70906"
-  integrity sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==
-  dependencies:
-    is-map "^2.0.1"
-    is-set "^2.0.1"
-    is-weakmap "^2.0.1"
-    is-weakset "^2.0.1"
-
-which-module@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
-  integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=
-
-which@^1.2.14, which@^1.2.9, which@^1.3.0, which@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
-  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
-  dependencies:
-    isexe "^2.0.0"
-
-which@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
-  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
-  dependencies:
-    isexe "^2.0.0"
-
-wide-align@^1.1.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.3.tgz#ae074e6bdc0c14a431e804e624549c633b000457"
-  integrity sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==
-  dependencies:
-    string-width "^1.0.2 || 2"
-
-word-wrap@^1.2.3, word-wrap@~1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
-  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
-
-worker-farm@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/worker-farm/-/worker-farm-1.7.0.tgz#26a94c5391bbca926152002f69b84a4bf772e5a8"
-  integrity sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw==
-  dependencies:
-    errno "~0.1.7"
-
-wrap-ansi@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
-  integrity sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=
-  dependencies:
-    string-width "^1.0.1"
-    strip-ansi "^3.0.1"
-
-wrap-ansi@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"
-  integrity sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==
-  dependencies:
-    ansi-styles "^3.2.0"
-    string-width "^3.0.0"
-    strip-ansi "^5.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"
-
-wrappy@1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
-
-write-file-atomic@2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.1.tgz#d0b05463c188ae804396fd5ab2a370062af87529"
-  integrity sha512-TGHFeZEZMnv+gBFRfjAcxL5bPHrsGKtnb4qsFAws7/vlh+QfwAaySIw4AXP9ZskTTh5GWu3FLuJhsWVdiJPGvg==
-  dependencies:
-    graceful-fs "^4.1.11"
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.2"
-
-write-file-atomic@^3.0.1:
-  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@1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/write/-/write-1.0.3.tgz#0800e14523b923a387e415123c865616aae0f5c3"
-  integrity sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==
-  dependencies:
-    mkdirp "^0.5.1"
-
-ws@^5.2.0:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-5.2.2.tgz#dffef14866b8e8dc9133582514d1befaf96e980f"
-  integrity sha512-jaHFD6PFv6UgoIVda6qZllptQsMlDEJkTQcybzzXDYM1XO9Y8em691FGMPmM46WGyLU4z9KMgQN+qrux/nhlHA==
-  dependencies:
-    async-limiter "~1.0.0"
-
-ws@^6.1.2, ws@^6.2.1:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.1.tgz#442fdf0a47ed64f59b6a5d8ff130f4748ed524fb"
-  integrity sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==
-  dependencies:
-    async-limiter "~1.0.0"
-
-x-is-string@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/x-is-string/-/x-is-string-0.1.0.tgz#474b50865af3a49a9c4657f05acd145458f77d82"
-  integrity sha1-R0tQhlrzpJqcRlfwWs0UVFj3fYI=
-
-xml-name-validator@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
-  integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
-
-xmlchars@^2.1.1:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
-  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
-
-xregexp@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/xregexp/-/xregexp-4.3.0.tgz#7e92e73d9174a99a59743f67a4ce879a04b5ae50"
-  integrity sha512-7jXDIFXh5yJ/orPn4SXjuVrWWoi4Cr8jfV1eHv9CixKSbU+jY4mxfrBwAuDvupPNKpMUY+FeIqsVw/JLT9+B8g==
-  dependencies:
-    "@babel/runtime-corejs3" "^7.8.3"
-
-xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
-  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
-
-"y18n@^3.2.1 || ^4.0.0", y18n@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.0.tgz#95ef94f85ecc81d007c264e190a120f0a3c8566b"
-  integrity sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==
-
-yallist@^3.0.0, yallist@^3.0.2, yallist@^3.0.3:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
-  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
-
-yallist@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
-  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
-
-yaml@^1.7.2:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
-  integrity sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==
-
-yargs-parser@^10.0.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-10.1.0.tgz#7202265b89f7e9e9f2e5765e0fe735a905edbaa8"
-  integrity sha512-VCIyR1wJoEBZUqk5PA+oOBF6ypbwh5aNB3I50guxAL/quggdfs4TtNHQrSazFA3fYZ+tEqfs0zIGlv0c/rgjbQ==
-  dependencies:
-    camelcase "^4.1.0"
-
-yargs-parser@^11.1.1:
-  version "11.1.1"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-11.1.1.tgz#879a0865973bca9f6bab5cbdf3b1c67ec7d3bcf4"
-  integrity sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
-
-yargs-parser@^13.1.0, yargs-parser@^13.1.2:
-  version "13.1.2"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.2.tgz#130f09702ebaeef2650d54ce6e3e5706f7a4fb38"
-  integrity sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
-
-yargs-parser@^18.1.1:
-  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@13.2.4:
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.2.4.tgz#0b562b794016eb9651b98bd37acf364aa5d6dc83"
-  integrity sha512-HG/DWAJa1PAnHT9JAhNa8AbAv3FPaiLzioSjCcmuXXhP8MlpHO5vwls4g4j6n30Z74GVQj8Xa62dWVx1QCGklg==
-  dependencies:
-    cliui "^5.0.0"
-    find-up "^3.0.0"
-    get-caller-file "^2.0.1"
-    os-locale "^3.1.0"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^3.0.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^13.1.0"
-
-yargs@^12.0.5:
-  version "12.0.5"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-12.0.5.tgz#05f5997b609647b64f66b81e3b4b10a368e7ad13"
-  integrity sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==
-  dependencies:
-    cliui "^4.0.0"
-    decamelize "^1.2.0"
-    find-up "^3.0.0"
-    get-caller-file "^1.0.1"
-    os-locale "^3.0.0"
-    require-directory "^2.1.1"
-    require-main-filename "^1.0.1"
-    set-blocking "^2.0.0"
-    string-width "^2.0.0"
-    which-module "^2.0.0"
-    y18n "^3.2.1 || ^4.0.0"
-    yargs-parser "^11.1.1"
-
-yargs@^13.2.4, yargs@^13.3.0, yargs@^13.3.2:
-  version "13.3.2"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"
-  integrity sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==
-  dependencies:
-    cliui "^5.0.0"
-    find-up "^3.0.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 "^3.0.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^13.1.2"
-
-yargs@^15.3.1:
-  version "15.3.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.3.1.tgz#9505b472763963e54afe60148ad27a330818e98b"
-  integrity sha512-92O1HWEjw27sBfgmXiixJWT5hRBp2eobqXicLtPBIDBhYB+1HpwZlXmbW2luivBJHBzki+7VyCLRtAkScbTBQA==
-  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.1"
-
-zxcvbn@^4.4.2:
-  version "4.4.2"
-  resolved "https://registry.yarnpkg.com/zxcvbn/-/zxcvbn-4.4.2.tgz#28ec17cf09743edcab056ddd8b1b06262cc73c30"
-  integrity sha1-KOwXzwl0PtyrBW3dixsGJizHPDA=